primereact 10.6.2 → 10.6.3

package/image/image.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import t,{PrimeReactContext as n,localeOption as o}from"primereact/api";import{ComponentBase as r,useHandleStyle as i}from"primereact/componentbase";import{CSSTransition as a}from"primereact/csstransition";import{useMergeProps as l,useGlobalOnEscapeKey as c,ESC_KEY_HANDLING_PRIORITIES as s,useUnmountEffect as u}from"primereact/hooks";import{IconBase as p}from"primereact/iconbase";import{EyeIcon as m}from"primereact/icons/eye";import{RefreshIcon as f}from"primereact/icons/refresh";import{SearchMinusIcon as g}from"primereact/icons/searchminus";import{SearchPlusIcon as d}from"primereact/icons/searchplus";import{TimesIcon as y}from"primereact/icons/times";import{UndoIcon as b}from"primereact/icons/undo";import{Portal as v}from"primereact/portal";import{classNames as w,DomHandler as h,ZIndexUtils as C,IconUtils as I,ObjectUtils as E}from"primereact/utils";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 o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},O.apply(this,arguments)}function S(e){return S="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},S(e)}function P(e,t){if("object"!==S(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==S(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function k(e){var t=P(e,"string");return"symbol"===S(t)?t:String(t)}function x(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 o,r,i,a,l=[],c=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(o=i.call(n)).done)&&(l.push(o.value),l.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw r}}return l}}function z(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function B(e,t){if(e){if("string"==typeof e)return z(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)?z(e,t):void 0}}function N(){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 x(e)||j(e,t)||B(e,t)||N()}var L=e.memo(e.forwardRef((function(t,n){var o=p.getPTI(t);return e.createElement("svg",O({ref:n,width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o),e.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"}))})));L.displayName="DownloadIcon";var M=r.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 w("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 A(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function D(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?A(Object(n),!0).forEach((function(t){var o,r,i;o=e,i=n[t],(r=k(r=t))in o?Object.defineProperty(o,r,{value:i,enumerable:!0,configurable:!0,writable:!0}):o[r]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):A(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var J=e.memo(e.forwardRef((function(r,p){var S=l(),P=e.useContext(n),k=M.getProps(r,P),x=R(e.useState(!1),2),j=x[0],z=x[1],B=R(e.useState(!1),2),N=B[0],A=B[1],J=R(e.useState(0),2),V=J[0],X=J[1],T=R(e.useState(1),2),H=T[0],Z=T[1],U=e.useRef(null),_=e.useRef(null),F=e.useRef(null),G=e.useRef(null),K=e.useRef(null),Y=H<=.5,$=H>=1.5,q=M.setMetaData({props:k,state:{maskVisible:j,previewVisible:N,rotate:V,scale:H}}),Q=q.ptm,W=q.cx,ee=q.sx,te=q.isUnstyled;c({callback:function(){oe()},when:k.closeOnEscape&&j,priority:[s.IMAGE,0]}),i(M.css.styles,te,{name:"image"});var ne=function(){k.preview&&(z(!0),h.blockBodyScroll(),setTimeout((function(){A(!0)}),25))},oe=function(){A(!1),h.unblockBodyScroll(),X(0),Z(1)},re=function(e){[e.target.classList].includes("p-image-action")||e.target.closest(".p-image-action")||oe()},ie=function(e){if("Escape"===e.code)oe(),setTimeout((function(){h.focus(K.current)}),200),e.preventDefault()},ae=function(){h.saveAs({name:k.alt,src:k.src})},le=function(e){e.stopPropagation(),X((function(e){return e+90}))},ce=function(e){e.stopPropagation(),X((function(e){return e-90}))},se=function(e){e.stopPropagation(),Z((function(e){return $?e:e+.1}))},ue=function(e){e.stopPropagation(),Z((function(e){return Y?e:e-.1}))},pe=function(){C.set("modal",F.current,P&&P.autoZIndex||t.autoZIndex,P&&P.zIndex.modal||t.zIndex.modal)},me=function(){k.onShow&&k.onShow()},fe=function(){!te()&&h.addClass(F.current,"p-component-overlay-leave")},ge=function(){k.onHide&&k.onHide()},de=function(){C.clear(F.current),z(!1)};u((function(){F.current&&C.clear(F.current)}));e.useImperativeHandle(p,(function(){return{props:k,show:ne,hide:oe,getElement:function(){return U.current},getImage:function(){return _.current}}}));var ye,be,ve=k.src,we=k.alt,he=k.width,Ce=k.height,Ie=k.crossOrigin,Ee=k.referrerPolicy,Oe=k.useMap,Se=k.loading,Pe=function(){var t=k.downloadable,n=k.alt,r=k.crossOrigin,i=k.referrerPolicy,l=k.useMap,c=k.loading,s=S(Q("downloadIcon")),u=S(Q("rotateRightIcon")),p=S(Q("rotateLeftIcon")),m=S(Q("zoomOutIcon")),v=S(Q("zoomInIcon")),h=S(Q("closeIcon")),C=I.getJSXIcon(k.downloadIcon||e.createElement(L,null),D({},s),{props:k}),E=I.getJSXIcon(k.rotateRightIcon||e.createElement(f,null),D({},u),{props:k}),P=I.getJSXIcon(k.rotateLeftIcon||e.createElement(b,null),D({},p),{props:k}),x=I.getJSXIcon(k.zoomOutIcon||e.createElement(g,null),D({},m),{props:k}),z=I.getJSXIcon(k.zoomInIcon||e.createElement(d,null),D({},v),{props:k}),B=I.getJSXIcon(k.closeIcon||e.createElement(y,null),D({},h),{props:k}),R=S({ref:F,role:"dialog",className:W("mask"),"aria-modal":j,onClick:re,onKeyDown:ie},Q("mask")),M=S({className:W("toolbar")},Q("toolbar")),A=S({className:W("downloadButton"),onPointerUp:ae,type:"button"},Q("downloadButton")),J=S({className:W("rotateRightButton"),onClick:le,type:"button","aria-label":o("aria")?o("aria").rotateRight:void 0,"data-pc-group-section":"action"},Q("rotateRightButton")),X=S({className:W("rotateLeftButton"),onClick:ce,type:"button","aria-label":o("aria")?o("aria").rotateLeft:void 0,"data-pc-group-section":"action"},Q("rotateLeftButton")),T=S({className:w(W("zoomOutButton"),{"p-disabled":Y}),style:{pointerEvents:"auto"},onClick:ue,type:"button",disabled:Y,"aria-label":o("aria")?o("aria").zoomOut:void 0,"data-pc-group-section":"action"},Q("zoomOutButton")),Z=S({className:w(W("zoomInButton"),{"p-disabled":$}),style:{pointerEvents:"auto"},onClick:se,type:"button",disabled:$,"aria-label":o("aria")?o("aria").zoomIn:void 0,"data-pc-group-section":"action"},Q("zoomInButton")),U=S({className:W("closeButton"),type:"button",onClick:oe,"aria-label":o("aria")?o("aria").close:void 0,autoFocus:!0,"data-pc-group-section":"action"},Q("closeButton")),_=S({src:k.zoomSrc||k.src,className:W("preview"),style:ee("preview",{rotateState:V,scaleState:H}),crossOrigin:r,referrerPolicy:i,useMap:l,loading:c},Q("preview")),K=S({ref:G},Q("previewContainer")),q=S({classNames:W("transition"),in:N,timeout:{enter:150,exit:150},unmountOnExit:!0,onEntering:pe,onEntered:me,onExit:fe,onExiting:ge,onExited:de},Q("transition"));return e.createElement("div",R,e.createElement("div",M,t&&e.createElement("button",A,C),e.createElement("button",J,E),e.createElement("button",X,P),e.createElement("button",T,x),e.createElement("button",Z,z),e.createElement("button",U,B)),e.createElement(a,O({nodeRef:G},q),e.createElement("div",K,e.createElement("img",O({alt:n},_)))))}(),ke=S({className:W("icon")},Q("icon")),xe=I.getJSXIcon(k.indicatorIcon||e.createElement(m,ke),D({},ke),{props:k}),je=k.template?E.getJSXElement(k.template,k):xe,ze=(ye=o("aria")?o("aria").zoomImage:void 0,be=S({ref:K,className:W("button"),onClick:ne,type:"button","aria-label":ye},Q("button")),k.preview?e.createElement("button",be,je):null),Be=S({ref:_,src:ve,className:k.imageClassName,width:he,height:Ce,crossOrigin:Ie,referrerPolicy:Ee,useMap:Oe,loading:Se,style:k.imageStyle,onError:k.onError},Q("image")),Ne=k.src&&e.createElement("img",O({},Be,{alt:we})),Re=S({ref:U,className:W("root")},M.getOtherProps(k),Q("root"));return e.createElement("span",Re,Ne,ze,j&&e.createElement(v,{element:Pe,appendTo:document.body}))})));J.displayName="Image";export{J as Image};
+import*as e from"react";import t,{PrimeReactContext as n,localeOption as o}from"primereact/api";import{ComponentBase as r,useHandleStyle as i}from"primereact/componentbase";import{CSSTransition as a}from"primereact/csstransition";import{useMergeProps as l,useGlobalOnEscapeKey as c,ESC_KEY_HANDLING_PRIORITIES as s,useUnmountEffect as u}from"primereact/hooks";import{IconBase as p}from"primereact/iconbase";import{EyeIcon as m}from"primereact/icons/eye";import{RefreshIcon as f}from"primereact/icons/refresh";import{SearchMinusIcon as g}from"primereact/icons/searchminus";import{SearchPlusIcon as d}from"primereact/icons/searchplus";import{TimesIcon as y}from"primereact/icons/times";import{UndoIcon as b}from"primereact/icons/undo";import{Portal as v}from"primereact/portal";import{classNames as w,DomHandler as h,ZIndexUtils as C,IconUtils as I,ObjectUtils as E}from"primereact/utils";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 o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},O.apply(this,arguments)}function S(e){return S="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},S(e)}function P(e,t){if("object"!==S(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==S(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function k(e){var t=P(e,"string");return"symbol"===S(t)?t:String(t)}function x(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 o,r,i,a,l=[],c=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(o=i.call(n)).done)&&(l.push(o.value),l.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw r}}return l}}function z(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function B(e,t){if(e){if("string"==typeof e)return z(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)?z(e,t):void 0}}function N(){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 x(e)||j(e,t)||B(e,t)||N()}var L=e.memo(e.forwardRef((function(t,n){var o=p.getPTI(t);return e.createElement("svg",O({ref:n,width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o),e.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"}))})));L.displayName="DownloadIcon";var M=r.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){return w("p-image p-component",{"p-image-preview-container":e.props.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 A(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function D(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?A(Object(n),!0).forEach((function(t){var o,r,i;o=e,i=n[t],(r=k(r=t))in o?Object.defineProperty(o,r,{value:i,enumerable:!0,configurable:!0,writable:!0}):o[r]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):A(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var J=e.memo(e.forwardRef((function(r,p){var S=l(),P=e.useContext(n),k=M.getProps(r,P),x=R(e.useState(!1),2),j=x[0],z=x[1],B=R(e.useState(!1),2),N=B[0],A=B[1],J=R(e.useState(0),2),V=J[0],X=J[1],T=R(e.useState(1),2),H=T[0],Z=T[1],U=e.useRef(null),_=e.useRef(null),F=e.useRef(null),G=e.useRef(null),K=e.useRef(null),Y=H<=.5,$=H>=1.5,q=M.setMetaData({props:k,state:{maskVisible:j,previewVisible:N,rotate:V,scale:H}}),Q=q.ptm,W=q.cx,ee=q.sx,te=q.isUnstyled;c({callback:function(){oe()},when:k.closeOnEscape&&j,priority:[s.IMAGE,0]}),i(M.css.styles,te,{name:"image"});var ne=function(){k.preview&&(z(!0),h.blockBodyScroll(),setTimeout((function(){A(!0)}),25))},oe=function(){A(!1),h.unblockBodyScroll(),X(0),Z(1)},re=function(e){[e.target.classList].includes("p-image-action")||e.target.closest(".p-image-action")||oe()},ie=function(e){if("Escape"===e.code)oe(),setTimeout((function(){h.focus(K.current)}),200),e.preventDefault()},ae=function(){h.saveAs({name:k.alt,src:k.src})},le=function(e){e.stopPropagation(),X((function(e){return e+90}))},ce=function(e){e.stopPropagation(),X((function(e){return e-90}))},se=function(e){e.stopPropagation(),Z((function(e){return $?e:e+.1}))},ue=function(e){e.stopPropagation(),Z((function(e){return Y?e:e-.1}))},pe=function(){C.set("modal",F.current,P&&P.autoZIndex||t.autoZIndex,P&&P.zIndex.modal||t.zIndex.modal)},me=function(){k.onShow&&k.onShow()},fe=function(){!te()&&h.addClass(F.current,"p-component-overlay-leave")},ge=function(){k.onHide&&k.onHide()},de=function(){C.clear(F.current),z(!1)};u((function(){F.current&&C.clear(F.current)}));e.useImperativeHandle(p,(function(){return{props:k,show:ne,hide:oe,getElement:function(){return U.current},getImage:function(){return _.current}}}));var ye,be,ve=k.src,we=k.alt,he=k.width,Ce=k.height,Ie=k.crossOrigin,Ee=k.referrerPolicy,Oe=k.useMap,Se=k.loading,Pe=function(){var t=k.downloadable,n=k.alt,r=k.crossOrigin,i=k.referrerPolicy,l=k.useMap,c=k.loading,s=S(Q("downloadIcon")),u=S(Q("rotateRightIcon")),p=S(Q("rotateLeftIcon")),m=S(Q("zoomOutIcon")),v=S(Q("zoomInIcon")),h=S(Q("closeIcon")),C=I.getJSXIcon(k.downloadIcon||e.createElement(L,null),D({},s),{props:k}),E=I.getJSXIcon(k.rotateRightIcon||e.createElement(f,null),D({},u),{props:k}),P=I.getJSXIcon(k.rotateLeftIcon||e.createElement(b,null),D({},p),{props:k}),x=I.getJSXIcon(k.zoomOutIcon||e.createElement(g,null),D({},m),{props:k}),z=I.getJSXIcon(k.zoomInIcon||e.createElement(d,null),D({},v),{props:k}),B=I.getJSXIcon(k.closeIcon||e.createElement(y,null),D({},h),{props:k}),R=S({ref:F,role:"dialog",className:W("mask"),"aria-modal":j,onClick:re,onKeyDown:ie},Q("mask")),M=S({className:W("toolbar")},Q("toolbar")),A=S({className:W("downloadButton"),onPointerUp:ae,type:"button"},Q("downloadButton")),J=S({className:W("rotateRightButton"),onClick:le,type:"button","aria-label":o("aria")?o("aria").rotateRight:void 0,"data-pc-group-section":"action"},Q("rotateRightButton")),X=S({className:W("rotateLeftButton"),onClick:ce,type:"button","aria-label":o("aria")?o("aria").rotateLeft:void 0,"data-pc-group-section":"action"},Q("rotateLeftButton")),T=S({className:w(W("zoomOutButton"),{"p-disabled":Y}),style:{pointerEvents:"auto"},onClick:ue,type:"button",disabled:Y,"aria-label":o("aria")?o("aria").zoomOut:void 0,"data-pc-group-section":"action"},Q("zoomOutButton")),Z=S({className:w(W("zoomInButton"),{"p-disabled":$}),style:{pointerEvents:"auto"},onClick:se,type:"button",disabled:$,"aria-label":o("aria")?o("aria").zoomIn:void 0,"data-pc-group-section":"action"},Q("zoomInButton")),U=S({className:W("closeButton"),type:"button",onClick:oe,"aria-label":o("aria")?o("aria").close:void 0,autoFocus:!0,"data-pc-group-section":"action"},Q("closeButton")),_=S({src:k.zoomSrc||k.src,className:W("preview"),style:ee("preview",{rotateState:V,scaleState:H}),crossOrigin:r,referrerPolicy:i,useMap:l,loading:c},Q("preview")),K=S({ref:G},Q("previewContainer")),q=S({classNames:W("transition"),in:N,timeout:{enter:150,exit:150},unmountOnExit:!0,onEntering:pe,onEntered:me,onExit:fe,onExiting:ge,onExited:de},Q("transition"));return e.createElement("div",R,e.createElement("div",M,t&&e.createElement("button",A,C),e.createElement("button",J,E),e.createElement("button",X,P),e.createElement("button",T,x),e.createElement("button",Z,z),e.createElement("button",U,B)),e.createElement(a,O({nodeRef:G},q),e.createElement("div",K,e.createElement("img",O({alt:n},_)))))}(),ke=S({className:W("icon")},Q("icon")),xe=I.getJSXIcon(k.indicatorIcon||e.createElement(m,ke),D({},ke),{props:k}),je=k.template?E.getJSXElement(k.template,k):xe,ze=(ye=o("aria")?o("aria").zoomImage:void 0,be=S({ref:K,className:W("button"),onClick:ne,type:"button","aria-label":ye},Q("button")),k.preview?e.createElement("button",be,je):null),Be=S({ref:_,src:ve,className:k.imageClassName,width:he,height:Ce,crossOrigin:Ie,referrerPolicy:Ee,useMap:Oe,loading:Se,style:k.imageStyle,onError:k.onError},Q("image")),Ne=k.src&&e.createElement("img",O({},Be,{alt:we})),Re=S({ref:U,className:w(k.className,W("root"))},M.getOtherProps(k),Q("root"));return e.createElement("span",Re,Ne,ze,j&&e.createElement(v,{element:Pe,appendTo:document.body}))})));J.displayName="Image";export{J as Image};

package/image/image.js

@@ -168,7 +168,7 @@ this.primereact.image = (function (exports, React, PrimeReact, componentbase, cs
     icon: 'p-image-preview-icon',
     root: function root(_ref) {
       var props = _ref.props;
-      return utils.classNames('p-image p-component', props.className, {
+      return utils.classNames('p-image p-component', {
         'p-image-preview-container': props.preview
       });
     },
@@ -561,7 +561,7 @@ this.primereact.image = (function (exports, React, PrimeReact, componentbase, cs
     }));
     var rootProps = mergeProps({
       ref: elementRef,
-      className: cx('root')
+      className: utils.classNames(props.className, cx('root'))
     }, ImageBase.getOtherProps(props), ptm('root'));
     return /*#__PURE__*/React__namespace.createElement("span", rootProps, image, preview, maskVisibleState && /*#__PURE__*/React__namespace.createElement(portal.Portal, {
       element: element,

package/image/image.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.image=function(e,t,n,o,r,a,i,l,c,s,u,p,m,f,d){"use strict";function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function b(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var y=b(t),v=g(n);function w(){return w=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},w.apply(this,arguments)}function h(e){return h="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},h(e)}function I(e,t){if("object"!==h(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==h(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function O(e){var t=I(e,"string");return"symbol"===h(t)?t:String(t)}function C(e){if(Array.isArray(e))return e}function E(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var o,r,a,i,l=[],c=!0,s=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(o=a.call(n)).done)&&(l.push(o.value),l.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw r}}return l}}function S(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function P(e,t){if(e){if("string"==typeof e)return S(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)?S(e,t):void 0}}function j(){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 x(e,t){return C(e)||E(e,t)||P(e,t)||j()}var k=y.memo(y.forwardRef((function(e,t){var n=i.IconBase.getPTI(e);return y.createElement("svg",w({ref:t,width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),y.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"}))})));k.displayName="DownloadIcon";var N=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 d.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 z(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}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){var o,r,a;o=e,a=n[t],(r=O(r=t))in o?Object.defineProperty(o,r,{value:a,enumerable:!0,configurable:!0,writable:!0}):o[r]=a})):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 R=y.memo(y.forwardRef((function(e,t){var i=a.useMergeProps(),g=y.useContext(n.PrimeReactContext),b=N.getProps(e,g),h=x(y.useState(!1),2),I=h[0],O=h[1],C=x(y.useState(!1),2),E=C[0],S=C[1],P=x(y.useState(0),2),j=P[0],z=P[1],R=x(y.useState(1),2),U=R[0],D=R[1],M=y.useRef(null),H=y.useRef(null),L=y.useRef(null),T=y.useRef(null),A=y.useRef(null),_=U<=.5,J=U>=1.5,V=N.setMetaData({props:b,state:{maskVisible:I,previewVisible:E,rotate:j,scale:U}}),X=V.ptm,Z=V.cx,G=V.sx,K=V.isUnstyled;a.useGlobalOnEscapeKey({callback:function(){F()},when:b.closeOnEscape&&I,priority:[a.ESC_KEY_HANDLING_PRIORITIES.IMAGE,0]}),o.useHandleStyle(N.css.styles,K,{name:"image"});var Y=function(){b.preview&&(O(!0),d.DomHandler.blockBodyScroll(),setTimeout((function(){S(!0)}),25))},F=function(){S(!1),d.DomHandler.unblockBodyScroll(),z(0),D(1)},$=function(e){[e.target.classList].includes("p-image-action")||e.target.closest(".p-image-action")||F()},q=function(e){if("Escape"===e.code)F(),setTimeout((function(){d.DomHandler.focus(A.current)}),200),e.preventDefault()},Q=function(){d.DomHandler.saveAs({name:b.alt,src:b.src})},W=function(e){e.stopPropagation(),z((function(e){return e+90}))},ee=function(e){e.stopPropagation(),z((function(e){return e-90}))},te=function(e){e.stopPropagation(),D((function(e){return J?e:e+.1}))},ne=function(e){e.stopPropagation(),D((function(e){return _?e:e-.1}))},oe=function(){d.ZIndexUtils.set("modal",L.current,g&&g.autoZIndex||v.default.autoZIndex,g&&g.zIndex.modal||v.default.zIndex.modal)},re=function(){b.onShow&&b.onShow()},ae=function(){!K()&&d.DomHandler.addClass(L.current,"p-component-overlay-leave")},ie=function(){b.onHide&&b.onHide()},le=function(){d.ZIndexUtils.clear(L.current),O(!1)};a.useUnmountEffect((function(){L.current&&d.ZIndexUtils.clear(L.current)}));y.useImperativeHandle(t,(function(){return{props:b,show:Y,hide:F,getElement:function(){return M.current},getImage:function(){return H.current}}}));var ce,se,ue=b.src,pe=b.alt,me=b.width,fe=b.height,de=b.crossOrigin,ge=b.referrerPolicy,be=b.useMap,ye=b.loading,ve=function(){var e=b.downloadable,t=b.alt,o=b.crossOrigin,a=b.referrerPolicy,l=b.useMap,f=b.loading,g=i(X("downloadIcon")),v=i(X("rotateRightIcon")),h=i(X("rotateLeftIcon")),O=i(X("zoomOutIcon")),C=i(X("zoomInIcon")),S=i(X("closeIcon")),P=d.IconUtils.getJSXIcon(b.downloadIcon||y.createElement(k,null),B({},g),{props:b}),x=d.IconUtils.getJSXIcon(b.rotateRightIcon||y.createElement(c.RefreshIcon,null),B({},v),{props:b}),N=d.IconUtils.getJSXIcon(b.rotateLeftIcon||y.createElement(m.UndoIcon,null),B({},h),{props:b}),z=d.IconUtils.getJSXIcon(b.zoomOutIcon||y.createElement(s.SearchMinusIcon,null),B({},O),{props:b}),R=d.IconUtils.getJSXIcon(b.zoomInIcon||y.createElement(u.SearchPlusIcon,null),B({},C),{props:b}),D=d.IconUtils.getJSXIcon(b.closeIcon||y.createElement(p.TimesIcon,null),B({},S),{props:b}),M=i({ref:L,role:"dialog",className:Z("mask"),"aria-modal":I,onClick:$,onKeyDown:q},X("mask")),H=i({className:Z("toolbar")},X("toolbar")),A=i({className:Z("downloadButton"),onPointerUp:Q,type:"button"},X("downloadButton")),V=i({className:Z("rotateRightButton"),onClick:W,type:"button","aria-label":n.localeOption("aria")?n.localeOption("aria").rotateRight:void 0,"data-pc-group-section":"action"},X("rotateRightButton")),K=i({className:Z("rotateLeftButton"),onClick:ee,type:"button","aria-label":n.localeOption("aria")?n.localeOption("aria").rotateLeft:void 0,"data-pc-group-section":"action"},X("rotateLeftButton")),Y=i({className:d.classNames(Z("zoomOutButton"),{"p-disabled":_}),style:{pointerEvents:"auto"},onClick:ne,type:"button",disabled:_,"aria-label":n.localeOption("aria")?n.localeOption("aria").zoomOut:void 0,"data-pc-group-section":"action"},X("zoomOutButton")),ce=i({className:d.classNames(Z("zoomInButton"),{"p-disabled":J}),style:{pointerEvents:"auto"},onClick:te,type:"button",disabled:J,"aria-label":n.localeOption("aria")?n.localeOption("aria").zoomIn:void 0,"data-pc-group-section":"action"},X("zoomInButton")),se=i({className:Z("closeButton"),type:"button",onClick:F,"aria-label":n.localeOption("aria")?n.localeOption("aria").close:void 0,autoFocus:!0,"data-pc-group-section":"action"},X("closeButton")),ue=i({src:b.zoomSrc||b.src,className:Z("preview"),style:G("preview",{rotateState:j,scaleState:U}),crossOrigin:o,referrerPolicy:a,useMap:l,loading:f},X("preview")),pe=i({ref:T},X("previewContainer")),me=i({classNames:Z("transition"),in:E,timeout:{enter:150,exit:150},unmountOnExit:!0,onEntering:oe,onEntered:re,onExit:ae,onExiting:ie,onExited:le},X("transition"));return y.createElement("div",M,y.createElement("div",H,e&&y.createElement("button",A,P),y.createElement("button",V,x),y.createElement("button",K,N),y.createElement("button",Y,z),y.createElement("button",ce,R),y.createElement("button",se,D)),y.createElement(r.CSSTransition,w({nodeRef:T},me),y.createElement("div",pe,y.createElement("img",w({alt:t},ue)))))}(),we=i({className:Z("icon")},X("icon")),he=d.IconUtils.getJSXIcon(b.indicatorIcon||y.createElement(l.EyeIcon,we),B({},we),{props:b}),Ie=b.template?d.ObjectUtils.getJSXElement(b.template,b):he,Oe=(ce=n.localeOption("aria")?n.localeOption("aria").zoomImage:void 0,se=i({ref:A,className:Z("button"),onClick:Y,type:"button","aria-label":ce},X("button")),b.preview?y.createElement("button",se,Ie):null),Ce=i({ref:H,src:ue,className:b.imageClassName,width:me,height:fe,crossOrigin:de,referrerPolicy:ge,useMap:be,loading:ye,style:b.imageStyle,onError:b.onError},X("image")),Ee=b.src&&y.createElement("img",w({},Ce,{alt:pe})),Se=i({ref:M,className:Z("root")},N.getOtherProps(b),X("root"));return y.createElement("span",Se,Ee,Oe,I&&y.createElement(f.Portal,{element:ve,appendTo:document.body}))})));return R.displayName="Image",e.Image=R,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,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,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.image=function(e,t,n,o,r,a,i,l,c,s,u,p,m,f,d){"use strict";function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function b(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var y=b(t),v=g(n);function w(){return w=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},w.apply(this,arguments)}function h(e){return h="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},h(e)}function I(e,t){if("object"!==h(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==h(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function O(e){var t=I(e,"string");return"symbol"===h(t)?t:String(t)}function C(e){if(Array.isArray(e))return e}function E(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var o,r,a,i,l=[],c=!0,s=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(o=a.call(n)).done)&&(l.push(o.value),l.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw r}}return l}}function S(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function P(e,t){if(e){if("string"==typeof e)return S(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)?S(e,t):void 0}}function j(){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 x(e,t){return C(e)||E(e,t)||P(e,t)||j()}var k=y.memo(y.forwardRef((function(e,t){var n=i.IconBase.getPTI(e);return y.createElement("svg",w({ref:t,width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),y.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"}))})));k.displayName="DownloadIcon";var N=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){return d.classNames("p-image p-component",{"p-image-preview-container":e.props.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 z(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}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){var o,r,a;o=e,a=n[t],(r=O(r=t))in o?Object.defineProperty(o,r,{value:a,enumerable:!0,configurable:!0,writable:!0}):o[r]=a})):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 R=y.memo(y.forwardRef((function(e,t){var i=a.useMergeProps(),g=y.useContext(n.PrimeReactContext),b=N.getProps(e,g),h=x(y.useState(!1),2),I=h[0],O=h[1],C=x(y.useState(!1),2),E=C[0],S=C[1],P=x(y.useState(0),2),j=P[0],z=P[1],R=x(y.useState(1),2),U=R[0],D=R[1],M=y.useRef(null),H=y.useRef(null),L=y.useRef(null),T=y.useRef(null),A=y.useRef(null),_=U<=.5,J=U>=1.5,V=N.setMetaData({props:b,state:{maskVisible:I,previewVisible:E,rotate:j,scale:U}}),X=V.ptm,Z=V.cx,G=V.sx,K=V.isUnstyled;a.useGlobalOnEscapeKey({callback:function(){F()},when:b.closeOnEscape&&I,priority:[a.ESC_KEY_HANDLING_PRIORITIES.IMAGE,0]}),o.useHandleStyle(N.css.styles,K,{name:"image"});var Y=function(){b.preview&&(O(!0),d.DomHandler.blockBodyScroll(),setTimeout((function(){S(!0)}),25))},F=function(){S(!1),d.DomHandler.unblockBodyScroll(),z(0),D(1)},$=function(e){[e.target.classList].includes("p-image-action")||e.target.closest(".p-image-action")||F()},q=function(e){if("Escape"===e.code)F(),setTimeout((function(){d.DomHandler.focus(A.current)}),200),e.preventDefault()},Q=function(){d.DomHandler.saveAs({name:b.alt,src:b.src})},W=function(e){e.stopPropagation(),z((function(e){return e+90}))},ee=function(e){e.stopPropagation(),z((function(e){return e-90}))},te=function(e){e.stopPropagation(),D((function(e){return J?e:e+.1}))},ne=function(e){e.stopPropagation(),D((function(e){return _?e:e-.1}))},oe=function(){d.ZIndexUtils.set("modal",L.current,g&&g.autoZIndex||v.default.autoZIndex,g&&g.zIndex.modal||v.default.zIndex.modal)},re=function(){b.onShow&&b.onShow()},ae=function(){!K()&&d.DomHandler.addClass(L.current,"p-component-overlay-leave")},ie=function(){b.onHide&&b.onHide()},le=function(){d.ZIndexUtils.clear(L.current),O(!1)};a.useUnmountEffect((function(){L.current&&d.ZIndexUtils.clear(L.current)}));y.useImperativeHandle(t,(function(){return{props:b,show:Y,hide:F,getElement:function(){return M.current},getImage:function(){return H.current}}}));var ce,se,ue=b.src,pe=b.alt,me=b.width,fe=b.height,de=b.crossOrigin,ge=b.referrerPolicy,be=b.useMap,ye=b.loading,ve=function(){var e=b.downloadable,t=b.alt,o=b.crossOrigin,a=b.referrerPolicy,l=b.useMap,f=b.loading,g=i(X("downloadIcon")),v=i(X("rotateRightIcon")),h=i(X("rotateLeftIcon")),O=i(X("zoomOutIcon")),C=i(X("zoomInIcon")),S=i(X("closeIcon")),P=d.IconUtils.getJSXIcon(b.downloadIcon||y.createElement(k,null),B({},g),{props:b}),x=d.IconUtils.getJSXIcon(b.rotateRightIcon||y.createElement(c.RefreshIcon,null),B({},v),{props:b}),N=d.IconUtils.getJSXIcon(b.rotateLeftIcon||y.createElement(m.UndoIcon,null),B({},h),{props:b}),z=d.IconUtils.getJSXIcon(b.zoomOutIcon||y.createElement(s.SearchMinusIcon,null),B({},O),{props:b}),R=d.IconUtils.getJSXIcon(b.zoomInIcon||y.createElement(u.SearchPlusIcon,null),B({},C),{props:b}),D=d.IconUtils.getJSXIcon(b.closeIcon||y.createElement(p.TimesIcon,null),B({},S),{props:b}),M=i({ref:L,role:"dialog",className:Z("mask"),"aria-modal":I,onClick:$,onKeyDown:q},X("mask")),H=i({className:Z("toolbar")},X("toolbar")),A=i({className:Z("downloadButton"),onPointerUp:Q,type:"button"},X("downloadButton")),V=i({className:Z("rotateRightButton"),onClick:W,type:"button","aria-label":n.localeOption("aria")?n.localeOption("aria").rotateRight:void 0,"data-pc-group-section":"action"},X("rotateRightButton")),K=i({className:Z("rotateLeftButton"),onClick:ee,type:"button","aria-label":n.localeOption("aria")?n.localeOption("aria").rotateLeft:void 0,"data-pc-group-section":"action"},X("rotateLeftButton")),Y=i({className:d.classNames(Z("zoomOutButton"),{"p-disabled":_}),style:{pointerEvents:"auto"},onClick:ne,type:"button",disabled:_,"aria-label":n.localeOption("aria")?n.localeOption("aria").zoomOut:void 0,"data-pc-group-section":"action"},X("zoomOutButton")),ce=i({className:d.classNames(Z("zoomInButton"),{"p-disabled":J}),style:{pointerEvents:"auto"},onClick:te,type:"button",disabled:J,"aria-label":n.localeOption("aria")?n.localeOption("aria").zoomIn:void 0,"data-pc-group-section":"action"},X("zoomInButton")),se=i({className:Z("closeButton"),type:"button",onClick:F,"aria-label":n.localeOption("aria")?n.localeOption("aria").close:void 0,autoFocus:!0,"data-pc-group-section":"action"},X("closeButton")),ue=i({src:b.zoomSrc||b.src,className:Z("preview"),style:G("preview",{rotateState:j,scaleState:U}),crossOrigin:o,referrerPolicy:a,useMap:l,loading:f},X("preview")),pe=i({ref:T},X("previewContainer")),me=i({classNames:Z("transition"),in:E,timeout:{enter:150,exit:150},unmountOnExit:!0,onEntering:oe,onEntered:re,onExit:ae,onExiting:ie,onExited:le},X("transition"));return y.createElement("div",M,y.createElement("div",H,e&&y.createElement("button",A,P),y.createElement("button",V,x),y.createElement("button",K,N),y.createElement("button",Y,z),y.createElement("button",ce,R),y.createElement("button",se,D)),y.createElement(r.CSSTransition,w({nodeRef:T},me),y.createElement("div",pe,y.createElement("img",w({alt:t},ue)))))}(),we=i({className:Z("icon")},X("icon")),he=d.IconUtils.getJSXIcon(b.indicatorIcon||y.createElement(l.EyeIcon,we),B({},we),{props:b}),Ie=b.template?d.ObjectUtils.getJSXElement(b.template,b):he,Oe=(ce=n.localeOption("aria")?n.localeOption("aria").zoomImage:void 0,se=i({ref:A,className:Z("button"),onClick:Y,type:"button","aria-label":ce},X("button")),b.preview?y.createElement("button",se,Ie):null),Ce=i({ref:H,src:ue,className:b.imageClassName,width:me,height:fe,crossOrigin:de,referrerPolicy:ge,useMap:be,loading:ye,style:b.imageStyle,onError:b.onError},X("image")),Ee=b.src&&y.createElement("img",w({},Ce,{alt:pe})),Se=i({ref:M,className:d.classNames(b.className,Z("root"))},N.getOtherProps(b),X("root"));return y.createElement("span",Se,Ee,Oe,I&&y.createElement(f.Portal,{element:ve,appendTo:document.body}))})));return R.displayName="Image",e.Image=R,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,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,primereact.utils);

package/inputicon/package.json

@@ -0,0 +1,7 @@
+{
+    "main": "./inputicon.cjs.js",
+    "module": "./inputicon.esm.js",
+    "unpkg": "./inputicon.min.js",
+    "types": "./inputicon.d.ts",
+    "sideEffects": false
+}

package/inputmask/inputmask.cjs.js

@@ -45,6 +45,17 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
+var classes = {
+  root: function root(_ref) {
+    var props = _ref.props,
+      context = _ref.context;
+    return utils.classNames('p-inputmask', {
+      'p-filled': props.filled,
+      'p-invalid': props.invalid,
+      'p-variant-filled': props.variant ? props.variant === 'filled' : context && context.inputStyle === 'filled'
+    });
+  }
+};
 var InputMaskBase = componentbase.ComponentBase.extend({
   defaultProps: {
     __TYPE: 'InputMask',
@@ -55,6 +66,8 @@ var InputMaskBase = componentbase.ComponentBase.extend({
     id: null,
     mask: null,
     maxLength: null,
+    invalid: false,
+    variant: null,
     name: null,
     onBlur: null,
     onChange: null,
@@ -73,6 +86,9 @@ var InputMaskBase = componentbase.ComponentBase.extend({
     unmask: false,
     value: null,
     children: undefined
+  },
+  css: {
+    classes: classes
   }
 });
 
@@ -96,6 +112,8 @@ var InputMask = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
   var metaData = {
     props: props
   };
+  var _InputMaskBase$setMet = InputMaskBase.setMetaData(metaData),
+    cx = _InputMaskBase$setMet.cx;
   var caret = function caret(first, last) {
     var range;
     var begin;
@@ -578,7 +596,9 @@ var InputMask = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     }
   }, [isValueUpdated]);
   var otherProps = InputMaskBase.getOtherProps(props);
-  var className = utils.classNames('p-inputmask', props.className);
+  var className = utils.classNames(props.className, cx('root', {
+    context: context
+  }));
   return /*#__PURE__*/React__namespace.createElement(inputtext.InputText, _extends({
     ref: elementRef,
     autoFocus: props.autoFocus,

package/inputmask/inputmask.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/api"),n=require("primereact/hooks"),t=require("primereact/inputtext"),u=require("primereact/utils"),c=require("primereact/componentbase");function a(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var t=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,t.get?t:{enumerable:!0,get:function(){return e[n]}})}})),r.default=e,Object.freeze(r)}var l=a(e);function o(){return o=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t])}return e},o.apply(this,arguments)}var i=c.ComponentBase.extend({defaultProps:{__TYPE:"InputMask",autoClear:!0,autoFocus:!1,className:null,disabled:!1,id:null,mask:null,maxLength:null,name:null,onBlur:null,onChange:null,onComplete:null,onFocus:null,placeholder:null,readOnly:!1,required:!1,size:null,slotChar:"_",style:null,tabIndex:null,tooltip:null,tooltipOptions:null,type:"text",unmask:!1,value:null,children:void 0}}),s=l.memo(l.forwardRef((function(e,c){var a=l.useContext(r.PrimeReactContext),s=i.getProps(e,a),f=l.useRef(null),p=l.useRef(null),v=l.useRef(0),d=l.useRef([]),m=l.useRef([]),g=l.useRef(0),h=l.useRef(null),b=l.useRef(!1),y=l.useRef(null),C=l.useRef(null),k=l.useRef(null),R=l.useRef(null),O=l.useRef(null),E=l.useRef(!1),x={props:s},j=function(e,r){var n,t,u,c=f.current;return c&&c.offsetParent&&c===document.activeElement?("number"==typeof e?(t=e,u="number"==typeof r?r:t,c.setSelectionRange?c.setSelectionRange(t,u):c.createTextRange&&((n=c.createTextRange()).collapse(!0),n.moveEnd("character",u),n.moveStart("character",t),n.select())):c.setSelectionRange?(t=c.selectionStart,u=c.selectionEnd):document.selection&&document.selection.createRange&&(u=(t=0-(n=document.selection.createRange()).duplicate().moveStart("character",-1e5))+n.text.length),{begin:t,end:u}):null},D=function(){for(var e=p.current;e<=v.current;e++)if(d.current[e]&&m.current[e]===P(e))return!1;return!0},P=l.useCallback((function(e){return s.slotChar.charAt(e<s.slotChar.length?e:0)}),[s.slotChar]),I=function(){return s.unmask?B():f.current&&f.current.value},q=function(e){for(;++e<g.current&&!d.current[e];);return e},H=function(e){for(;--e>=0&&!d.current[e];);return e},M=function(e,r){var n,t;if(!(e<0)){for(n=e,t=q(r);n<g.current;n++)if(d.current[n]){if(!(t<g.current&&d.current[n].test(m.current[t])))break;m.current[n]=m.current[t],m.current[t]=P(t),t=q(t)}A(),j(Math.max(p.current,e))}},T=function(e){var r,n,t,u;for(r=e,n=P(e);r<g.current;r++)if(d.current[r]){if(t=q(r),u=m.current[r],m.current[r]=n,!(t<g.current&&d.current[t].test(u)))break;n=u}},_=function(e){var r=f.current.value,n=j();if(n){if(h.current.length&&h.current.length>r.length){for(F(!0);n.begin>0&&!d.current[n.begin-1];)n.begin--;if(0===n.begin)for(;n.begin<p.current&&!d.current[n.begin];)n.begin++;j(n.begin,n.begin)}else{for(F(!0);n.begin<g.current&&!d.current[n.begin];)n.begin++;j(n.begin,n.begin)}s.onComplete&&D()&&s.onComplete({originalEvent:e,value:I()}),K(e)}},S=function(e){if(b.current=!1,F(),K(e),N(),s.onBlur&&s.onBlur(e),f.current.value!==y.current){var r=document.createEvent("HTMLEvents");r.initEvent("change",!0,!1),f.current.dispatchEvent(r)}},w=function(e,r){var n;for(n=e;n<r&&n<g.current;n++)d.current[n]&&(m.current[n]=P(n))},A=function(){f.current&&(f.current.value=m.current.join(""))},F=function(e){C.current=!0;var r,n,t,u=f.current&&f.current.value,c=-1;for(r=0,t=0;r<g.current;r++)if(d.current[r]){for(m.current[r]=P(r);t++<u.length;)if(n=u.charAt(t-1),d.current[r].test(n)){m.current[r]=n,c=r;break}if(t>u.length){w(r+1,g.current);break}}else m.current[r]===u.charAt(t)&&t++,r<k.current&&(c=r);return e?A():c+1<k.current?s.autoClear||m.current.join("")===R.current?(f.current&&f.current.value&&(f.current.value=""),w(0,g.current)):A():(A(),f.current&&(f.current.value=f.current.value.substring(0,c+1))),k.current?r:p.current},z=function(e){if(!s.readOnly){if(!(arguments.length>1&&void 0!==arguments[1]&&arguments[1])){var r=F(!0);j(r)}K(e),s.onComplete&&D()&&s.onComplete({originalEvent:e,value:I()})}},B=l.useCallback((function(){for(var e=[],r=0;r<m.current.length;r++){var n=m.current[r];d.current[r]&&n!==P(r)&&e.push(n)}return e.join("")}),[P]),K=function(e){if(s.onChange){var r=s.unmask?B():e&&e.target.value;s.onChange({originalEvent:e,value:R.current!==r?r:"",stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:s.name,id:s.id,value:R.current!==r?r:""}})}},N=function(){f.current&&f.current.value&&f.current.value.length>0?u.DomHandler.addClass(f.current,"p-filled"):u.DomHandler.removeClass(f.current,"p-filled")},L=function(e){var r;return f.current&&(null==s.value?f.current.value="":(f.current.value=s.value,r=F(e),setTimeout((function(){if(f.current)return A(),F(e)}),10)),y.current=f.current.value),N(),r},U=l.useCallback((function(){return s.unmask?s.value!==B():R.current!==f.current.value&&f.current.value!==s.value}),[s.unmask,s.value,B]),Z=function(){if(s.mask){d.current=[],k.current=s.mask.length,g.current=s.mask.length,p.current=null;var e={9:"[0-9]",a:"[A-Za-z]","*":"[A-Za-z0-9]"};E.current=u.DomHandler.isChrome()&&u.DomHandler.isAndroid();for(var r=s.mask.split(""),n=0;n<r.length;n++){var t=r[n];"?"===t?(g.current--,k.current=n):e[t]?(d.current.push(new RegExp(e[t])),null===p.current&&(p.current=d.current.length-1),n<k.current&&(v.current=d.current.length-1)):d.current.push(null)}m.current=[];for(var c=0;c<r.length;c++){var a=r[c];"?"!==a&&m.current.push(e[a]?P(c):a)}R.current=m.current.join("")}};l.useImperativeHandle(c,(function(){return{props:s,focus:function(){return u.DomHandler.focus(f.current)},getElement:function(){return f.current}}})),l.useEffect((function(){u.ObjectUtils.combinedRefs(f,c)}),[f,c]),n.useMountEffect((function(){Z(),L()})),n.useUpdateEffect((function(){Z(),j(L(!0)),s.unmask&&K()}),[s.mask]),n.useUpdateEffect((function(){U()&&L()}),[U]);var Y=i.getOtherProps(s),G=u.classNames("p-inputmask",s.className);return l.createElement(t.InputText,o({ref:f,autoFocus:s.autoFocus,id:s.id,type:s.type,name:s.name,style:s.style,className:G},Y,{placeholder:s.placeholder,size:s.size,maxLength:s.maxLength,tabIndex:s.tabIndex,disabled:s.disabled,readOnly:s.readOnly,onFocus:function(e){var r;s.readOnly||(b.current=!0,clearTimeout(O.current),y.current=f.current?f.current.value:"",r=F()||0,O.current=setTimeout((function(){f.current===document.activeElement&&(A(),r===s.mask.replace("?","").length?j(0,r):j(r),N())}),100),s.onFocus&&s.onFocus(e))},onBlur:S,onKeyDown:function(e){if(!s.readOnly){var r,n,t,c=e.which||e.keyCode;if(h.current=f.current.value,8===c||46===c||u.DomHandler.isIOS()&&127===c){if(!(r=j()))return;(t=r.end)-(n=r.begin)==0&&(n=46!==c?H(n):t=q(n-1),t=46===c?q(t):t),w(n,t),M(n,t-1),K(e),e.preventDefault()}else 13===c?(S(e),K(e)):27===c&&(f.current.value=y.current,j(0,F()),K(e),e.preventDefault())}},onKeyPress:function(e){if(!s.readOnly){var r=j();if(r){var n,t,c,a,l=e.which||e.keyCode;if(!(e.ctrlKey||e.altKey||e.metaKey||l<32)){if(l&&13!==l){if(r.end-r.begin!=0&&(w(r.begin,r.end),M(r.begin,r.end-1)),(n=q(r.begin-1))<g.current&&(t=String.fromCharCode(l),d.current[n].test(t))){if(T(n),m.current[n]=t,A(),c=q(n),u.DomHandler.isAndroid()){setTimeout((function(){j(c)}),0)}else j(c);r.begin<=v.current&&(a=D())}e.preventDefault()}K(e),s.onComplete&&a&&s.onComplete({originalEvent:e,value:I()})}}}},onInput:function(e){E.current?_(e):z(e)},onPaste:function(e){return z(e,!0)},required:s.required,tooltip:s.tooltip,tooltipOptions:s.tooltipOptions,pt:s.pt,unstyled:s.unstyled,__parentMetadata:{parent:x}}))})));s.displayName="InputMask",exports.InputMask=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/api"),n=require("primereact/hooks"),t=require("primereact/inputtext"),u=require("primereact/utils"),c=require("primereact/componentbase");function a(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var t=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,t.get?t:{enumerable:!0,get:function(){return e[n]}})}})),r.default=e,Object.freeze(r)}var l=a(e);function o(){return o=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t])}return e},o.apply(this,arguments)}var i=c.ComponentBase.extend({defaultProps:{__TYPE:"InputMask",autoClear:!0,autoFocus:!1,className:null,disabled:!1,id:null,mask:null,maxLength:null,invalid:!1,variant:null,name:null,onBlur:null,onChange:null,onComplete:null,onFocus:null,placeholder:null,readOnly:!1,required:!1,size:null,slotChar:"_",style:null,tabIndex:null,tooltip:null,tooltipOptions:null,type:"text",unmask:!1,value:null,children:void 0},css:{classes:{root:function(e){var r=e.props,n=e.context;return u.classNames("p-inputmask",{"p-filled":r.filled,"p-invalid":r.invalid,"p-variant-filled":r.variant?"filled"===r.variant:n&&"filled"===n.inputStyle})}}}}),s=l.memo(l.forwardRef((function(e,c){var a=l.useContext(r.PrimeReactContext),s=i.getProps(e,a),f=l.useRef(null),v=l.useRef(null),p=l.useRef(0),d=l.useRef([]),m=l.useRef([]),g=l.useRef(0),h=l.useRef(null),b=l.useRef(!1),y=l.useRef(null),C=l.useRef(null),k=l.useRef(null),R=l.useRef(null),O=l.useRef(null),x=l.useRef(!1),E={props:s},D=i.setMetaData(E).cx,j=function(e,r){var n,t,u,c=f.current;return c&&c.offsetParent&&c===document.activeElement?("number"==typeof e?(t=e,u="number"==typeof r?r:t,c.setSelectionRange?c.setSelectionRange(t,u):c.createTextRange&&((n=c.createTextRange()).collapse(!0),n.moveEnd("character",u),n.moveStart("character",t),n.select())):c.setSelectionRange?(t=c.selectionStart,u=c.selectionEnd):document.selection&&document.selection.createRange&&(u=(t=0-(n=document.selection.createRange()).duplicate().moveStart("character",-1e5))+n.text.length),{begin:t,end:u}):null},P=function(){for(var e=v.current;e<=p.current;e++)if(d.current[e]&&m.current[e]===I(e))return!1;return!0},I=l.useCallback((function(e){return s.slotChar.charAt(e<s.slotChar.length?e:0)}),[s.slotChar]),M=function(){return s.unmask?B():f.current&&f.current.value},q=function(e){for(;++e<g.current&&!d.current[e];);return e},H=function(e){for(;--e>=0&&!d.current[e];);return e},S=function(e,r){var n,t;if(!(e<0)){for(n=e,t=q(r);n<g.current;n++)if(d.current[n]){if(!(t<g.current&&d.current[n].test(m.current[t])))break;m.current[n]=m.current[t],m.current[t]=I(t),t=q(t)}F(),j(Math.max(v.current,e))}},T=function(e){var r,n,t,u;for(r=e,n=I(e);r<g.current;r++)if(d.current[r]){if(t=q(r),u=m.current[r],m.current[r]=n,!(t<g.current&&d.current[t].test(u)))break;n=u}},_=function(e){var r=f.current.value,n=j();if(n){if(h.current.length&&h.current.length>r.length){for(z(!0);n.begin>0&&!d.current[n.begin-1];)n.begin--;if(0===n.begin)for(;n.begin<v.current&&!d.current[n.begin];)n.begin++;j(n.begin,n.begin)}else{for(z(!0);n.begin<g.current&&!d.current[n.begin];)n.begin++;j(n.begin,n.begin)}s.onComplete&&P()&&s.onComplete({originalEvent:e,value:M()}),K(e)}},w=function(e){if(b.current=!1,z(),K(e),L(),s.onBlur&&s.onBlur(e),f.current.value!==y.current){var r=document.createEvent("HTMLEvents");r.initEvent("change",!0,!1),f.current.dispatchEvent(r)}},A=function(e,r){var n;for(n=e;n<r&&n<g.current;n++)d.current[n]&&(m.current[n]=I(n))},F=function(){f.current&&(f.current.value=m.current.join(""))},z=function(e){C.current=!0;var r,n,t,u=f.current&&f.current.value,c=-1;for(r=0,t=0;r<g.current;r++)if(d.current[r]){for(m.current[r]=I(r);t++<u.length;)if(n=u.charAt(t-1),d.current[r].test(n)){m.current[r]=n,c=r;break}if(t>u.length){A(r+1,g.current);break}}else m.current[r]===u.charAt(t)&&t++,r<k.current&&(c=r);return e?F():c+1<k.current?s.autoClear||m.current.join("")===R.current?(f.current&&f.current.value&&(f.current.value=""),A(0,g.current)):F():(F(),f.current&&(f.current.value=f.current.value.substring(0,c+1))),k.current?r:v.current},N=function(e){if(!s.readOnly){if(!(arguments.length>1&&void 0!==arguments[1]&&arguments[1])){var r=z(!0);j(r)}K(e),s.onComplete&&P()&&s.onComplete({originalEvent:e,value:M()})}},B=l.useCallback((function(){for(var e=[],r=0;r<m.current.length;r++){var n=m.current[r];d.current[r]&&n!==I(r)&&e.push(n)}return e.join("")}),[I]),K=function(e){if(s.onChange){var r=s.unmask?B():e&&e.target.value;s.onChange({originalEvent:e,value:R.current!==r?r:"",stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:s.name,id:s.id,value:R.current!==r?r:""}})}},L=function(){f.current&&f.current.value&&f.current.value.length>0?u.DomHandler.addClass(f.current,"p-filled"):u.DomHandler.removeClass(f.current,"p-filled")},U=function(e){var r;return f.current&&(null==s.value?f.current.value="":(f.current.value=s.value,r=z(e),setTimeout((function(){if(f.current)return F(),z(e)}),10)),y.current=f.current.value),L(),r},Z=l.useCallback((function(){return s.unmask?s.value!==B():R.current!==f.current.value&&f.current.value!==s.value}),[s.unmask,s.value,B]),Y=function(){if(s.mask){d.current=[],k.current=s.mask.length,g.current=s.mask.length,v.current=null;var e={9:"[0-9]",a:"[A-Za-z]","*":"[A-Za-z0-9]"};x.current=u.DomHandler.isChrome()&&u.DomHandler.isAndroid();for(var r=s.mask.split(""),n=0;n<r.length;n++){var t=r[n];"?"===t?(g.current--,k.current=n):e[t]?(d.current.push(new RegExp(e[t])),null===v.current&&(v.current=d.current.length-1),n<k.current&&(p.current=d.current.length-1)):d.current.push(null)}m.current=[];for(var c=0;c<r.length;c++){var a=r[c];"?"!==a&&m.current.push(e[a]?I(c):a)}R.current=m.current.join("")}};l.useImperativeHandle(c,(function(){return{props:s,focus:function(){return u.DomHandler.focus(f.current)},getElement:function(){return f.current}}})),l.useEffect((function(){u.ObjectUtils.combinedRefs(f,c)}),[f,c]),n.useMountEffect((function(){Y(),U()})),n.useUpdateEffect((function(){Y(),j(U(!0)),s.unmask&&K()}),[s.mask]),n.useUpdateEffect((function(){Z()&&U()}),[Z]);var G=i.getOtherProps(s),J=u.classNames(s.className,D("root",{context:a}));return l.createElement(t.InputText,o({ref:f,autoFocus:s.autoFocus,id:s.id,type:s.type,name:s.name,style:s.style,className:J},G,{placeholder:s.placeholder,size:s.size,maxLength:s.maxLength,tabIndex:s.tabIndex,disabled:s.disabled,readOnly:s.readOnly,onFocus:function(e){var r;s.readOnly||(b.current=!0,clearTimeout(O.current),y.current=f.current?f.current.value:"",r=z()||0,O.current=setTimeout((function(){f.current===document.activeElement&&(F(),r===s.mask.replace("?","").length?j(0,r):j(r),L())}),100),s.onFocus&&s.onFocus(e))},onBlur:w,onKeyDown:function(e){if(!s.readOnly){var r,n,t,c=e.which||e.keyCode;if(h.current=f.current.value,8===c||46===c||u.DomHandler.isIOS()&&127===c){if(!(r=j()))return;(t=r.end)-(n=r.begin)==0&&(n=46!==c?H(n):t=q(n-1),t=46===c?q(t):t),A(n,t),S(n,t-1),K(e),e.preventDefault()}else 13===c?(w(e),K(e)):27===c&&(f.current.value=y.current,j(0,z()),K(e),e.preventDefault())}},onKeyPress:function(e){if(!s.readOnly){var r=j();if(r){var n,t,c,a,l=e.which||e.keyCode;if(!(e.ctrlKey||e.altKey||e.metaKey||l<32)){if(l&&13!==l){if(r.end-r.begin!=0&&(A(r.begin,r.end),S(r.begin,r.end-1)),(n=q(r.begin-1))<g.current&&(t=String.fromCharCode(l),d.current[n].test(t))){if(T(n),m.current[n]=t,F(),c=q(n),u.DomHandler.isAndroid()){setTimeout((function(){j(c)}),0)}else j(c);r.begin<=p.current&&(a=P())}e.preventDefault()}K(e),s.onComplete&&a&&s.onComplete({originalEvent:e,value:M()})}}}},onInput:function(e){x.current?_(e):N(e)},onPaste:function(e){return N(e,!0)},required:s.required,tooltip:s.tooltip,tooltipOptions:s.tooltipOptions,pt:s.pt,unstyled:s.unstyled,__parentMetadata:{parent:E}}))})));s.displayName="InputMask",exports.InputMask=s;

package/inputmask/inputmask.d.ts

@@ -9,9 +9,9 @@
  */
 import * as React from 'react';
 import { InputText, InputTextPassThroughOptions, InputTextProps } from '../inputtext';
+import { PassThroughOptions } from '../passthrough';
 import { TooltipOptions } from '../tooltip/tooltipoptions';
 import { FormEvent } from '../ts-helpers';
-import { PassThroughOptions } from '../passthrough';
 
 /**
  * Custom complete event
@@ -66,6 +66,16 @@ export interface InputMaskProps extends Omit<InputTextProps, 'onChange' | 'pt'>
      * @defaultValue false
      */
     disabled?: boolean | undefined;
+    /**
+     * When present, it specifies that the component should have invalid state style.
+     * @defaultValue false
+     */
+    invalid?: boolean | undefined;
+    /**
+     * Specifies the input variant of the component.
+     * @defaultValue outlined
+     */
+    variant?: 'outlined' | 'filled' | undefined;
     /**
      * When present, it specifies that an input field is read-only.
      * @defaultValue false

package/inputmask/inputmask.esm.js

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { PrimeReactContext } from 'primereact/api';
 import { useMountEffect, useUpdateEffect } from 'primereact/hooks';
 import { InputText } from 'primereact/inputtext';
-import { DomHandler, ObjectUtils, classNames } from 'primereact/utils';
+import { classNames, DomHandler, ObjectUtils } from 'primereact/utils';
 import { ComponentBase } from 'primereact/componentbase';
 
 function _extends() {
@@ -21,6 +21,17 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
+var classes = {
+  root: function root(_ref) {
+    var props = _ref.props,
+      context = _ref.context;
+    return classNames('p-inputmask', {
+      'p-filled': props.filled,
+      'p-invalid': props.invalid,
+      'p-variant-filled': props.variant ? props.variant === 'filled' : context && context.inputStyle === 'filled'
+    });
+  }
+};
 var InputMaskBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'InputMask',
@@ -31,6 +42,8 @@ var InputMaskBase = ComponentBase.extend({
     id: null,
     mask: null,
     maxLength: null,
+    invalid: false,
+    variant: null,
     name: null,
     onBlur: null,
     onChange: null,
@@ -49,6 +62,9 @@ var InputMaskBase = ComponentBase.extend({
     unmask: false,
     value: null,
     children: undefined
+  },
+  css: {
+    classes: classes
   }
 });
 
@@ -72,6 +88,8 @@ var InputMask = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   var metaData = {
     props: props
   };
+  var _InputMaskBase$setMet = InputMaskBase.setMetaData(metaData),
+    cx = _InputMaskBase$setMet.cx;
   var caret = function caret(first, last) {
     var range;
     var begin;
@@ -554,7 +572,9 @@ var InputMask = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     }
   }, [isValueUpdated]);
   var otherProps = InputMaskBase.getOtherProps(props);
-  var className = classNames('p-inputmask', props.className);
+  var className = classNames(props.className, cx('root', {
+    context: context
+  }));
   return /*#__PURE__*/React.createElement(InputText, _extends({
     ref: elementRef,
     autoFocus: props.autoFocus,

package/inputmask/inputmask.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{PrimeReactContext as r}from"primereact/api";import{useMountEffect as n,useUpdateEffect as t}from"primereact/hooks";import{InputText as u}from"primereact/inputtext";import{DomHandler as c,ObjectUtils as a,classNames as l}from"primereact/utils";import{ComponentBase as o}from"primereact/componentbase";function i(){return i=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t])}return e},i.apply(this,arguments)}var s=o.extend({defaultProps:{__TYPE:"InputMask",autoClear:!0,autoFocus:!1,className:null,disabled:!1,id:null,mask:null,maxLength:null,name:null,onBlur:null,onChange:null,onComplete:null,onFocus:null,placeholder:null,readOnly:!1,required:!1,size:null,slotChar:"_",style:null,tabIndex:null,tooltip:null,tooltipOptions:null,type:"text",unmask:!1,value:null,children:void 0}}),f=e.memo(e.forwardRef((function(o,f){var p=e.useContext(r),v=s.getProps(o,p),m=e.useRef(null),g=e.useRef(null),d=e.useRef(0),h=e.useRef([]),b=e.useRef([]),y=e.useRef(0),C=e.useRef(null),k=e.useRef(!1),R=e.useRef(null),E=e.useRef(null),x=e.useRef(null),O=e.useRef(null),P=e.useRef(null),I=e.useRef(!1),S={props:v},T=function(e,r){var n,t,u,c=m.current;return c&&c.offsetParent&&c===document.activeElement?("number"==typeof e?(t=e,u="number"==typeof r?r:t,c.setSelectionRange?c.setSelectionRange(t,u):c.createTextRange&&((n=c.createTextRange()).collapse(!0),n.moveEnd("character",u),n.moveStart("character",t),n.select())):c.setSelectionRange?(t=c.selectionStart,u=c.selectionEnd):document.selection&&document.selection.createRange&&(u=(t=0-(n=document.selection.createRange()).duplicate().moveStart("character",-1e5))+n.text.length),{begin:t,end:u}):null},j=function(){for(var e=g.current;e<=d.current;e++)if(h.current[e]&&b.current[e]===A(e))return!1;return!0},A=e.useCallback((function(e){return v.slotChar.charAt(e<v.slotChar.length?e:0)}),[v.slotChar]),F=function(){return v.unmask?H():m.current&&m.current.value},w=function(e){for(;++e<y.current&&!h.current[e];);return e},D=function(e){for(;--e>=0&&!h.current[e];);return e},z=function(e,r){var n,t;if(!(e<0)){for(n=e,t=w(r);n<y.current;n++)if(h.current[n]){if(!(t<y.current&&h.current[n].test(b.current[t])))break;b.current[n]=b.current[t],b.current[t]=A(t),t=w(t)}L(),T(Math.max(g.current,e))}},K=function(e){var r,n,t,u;for(r=e,n=A(e);r<y.current;r++)if(h.current[r]){if(t=w(r),u=b.current[r],b.current[r]=n,!(t<y.current&&h.current[t].test(u)))break;n=u}},M=function(e){var r=m.current.value,n=T();if(n){if(C.current.length&&C.current.length>r.length){for(N(!0);n.begin>0&&!h.current[n.begin-1];)n.begin--;if(0===n.begin)for(;n.begin<g.current&&!h.current[n.begin];)n.begin++;T(n.begin,n.begin)}else{for(N(!0);n.begin<y.current&&!h.current[n.begin];)n.begin++;T(n.begin,n.begin)}v.onComplete&&j()&&v.onComplete({originalEvent:e,value:F()}),Z(e)}},_=function(e){if(k.current=!1,N(),Z(e),Y(),v.onBlur&&v.onBlur(e),m.current.value!==R.current){var r=document.createEvent("HTMLEvents");r.initEvent("change",!0,!1),m.current.dispatchEvent(r)}},B=function(e,r){var n;for(n=e;n<r&&n<y.current;n++)h.current[n]&&(b.current[n]=A(n))},L=function(){m.current&&(m.current.value=b.current.join(""))},N=function(e){E.current=!0;var r,n,t,u=m.current&&m.current.value,c=-1;for(r=0,t=0;r<y.current;r++)if(h.current[r]){for(b.current[r]=A(r);t++<u.length;)if(n=u.charAt(t-1),h.current[r].test(n)){b.current[r]=n,c=r;break}if(t>u.length){B(r+1,y.current);break}}else b.current[r]===u.charAt(t)&&t++,r<x.current&&(c=r);return e?L():c+1<x.current?v.autoClear||b.current.join("")===O.current?(m.current&&m.current.value&&(m.current.value=""),B(0,y.current)):L():(L(),m.current&&(m.current.value=m.current.value.substring(0,c+1))),x.current?r:g.current},q=function(e){if(!v.readOnly){if(!(arguments.length>1&&void 0!==arguments[1]&&arguments[1])){var r=N(!0);T(r)}Z(e),v.onComplete&&j()&&v.onComplete({originalEvent:e,value:F()})}},H=e.useCallback((function(){for(var e=[],r=0;r<b.current.length;r++){var n=b.current[r];h.current[r]&&n!==A(r)&&e.push(n)}return e.join("")}),[A]),Z=function(e){if(v.onChange){var r=v.unmask?H():e&&e.target.value;v.onChange({originalEvent:e,value:O.current!==r?r:"",stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:v.name,id:v.id,value:O.current!==r?r:""}})}},Y=function(){m.current&&m.current.value&&m.current.value.length>0?c.addClass(m.current,"p-filled"):c.removeClass(m.current,"p-filled")},G=function(e){var r;return m.current&&(null==v.value?m.current.value="":(m.current.value=v.value,r=N(e),setTimeout((function(){if(m.current)return L(),N(e)}),10)),R.current=m.current.value),Y(),r},J=e.useCallback((function(){return v.unmask?v.value!==H():O.current!==m.current.value&&m.current.value!==v.value}),[v.unmask,v.value,H]),Q=function(){if(v.mask){h.current=[],x.current=v.mask.length,y.current=v.mask.length,g.current=null;var e={9:"[0-9]",a:"[A-Za-z]","*":"[A-Za-z0-9]"};I.current=c.isChrome()&&c.isAndroid();for(var r=v.mask.split(""),n=0;n<r.length;n++){var t=r[n];"?"===t?(y.current--,x.current=n):e[t]?(h.current.push(new RegExp(e[t])),null===g.current&&(g.current=h.current.length-1),n<x.current&&(d.current=h.current.length-1)):h.current.push(null)}b.current=[];for(var u=0;u<r.length;u++){var a=r[u];"?"!==a&&b.current.push(e[a]?A(u):a)}O.current=b.current.join("")}};e.useImperativeHandle(f,(function(){return{props:v,focus:function(){return c.focus(m.current)},getElement:function(){return m.current}}})),e.useEffect((function(){a.combinedRefs(m,f)}),[m,f]),n((function(){Q(),G()})),t((function(){Q(),T(G(!0)),v.unmask&&Z()}),[v.mask]),t((function(){J()&&G()}),[J]);var U=s.getOtherProps(v),V=l("p-inputmask",v.className);return e.createElement(u,i({ref:m,autoFocus:v.autoFocus,id:v.id,type:v.type,name:v.name,style:v.style,className:V},U,{placeholder:v.placeholder,size:v.size,maxLength:v.maxLength,tabIndex:v.tabIndex,disabled:v.disabled,readOnly:v.readOnly,onFocus:function(e){var r;v.readOnly||(k.current=!0,clearTimeout(P.current),R.current=m.current?m.current.value:"",r=N()||0,P.current=setTimeout((function(){m.current===document.activeElement&&(L(),r===v.mask.replace("?","").length?T(0,r):T(r),Y())}),100),v.onFocus&&v.onFocus(e))},onBlur:_,onKeyDown:function(e){if(!v.readOnly){var r,n,t,u=e.which||e.keyCode;if(C.current=m.current.value,8===u||46===u||c.isIOS()&&127===u){if(!(r=T()))return;(t=r.end)-(n=r.begin)==0&&(n=46!==u?D(n):t=w(n-1),t=46===u?w(t):t),B(n,t),z(n,t-1),Z(e),e.preventDefault()}else 13===u?(_(e),Z(e)):27===u&&(m.current.value=R.current,T(0,N()),Z(e),e.preventDefault())}},onKeyPress:function(e){if(!v.readOnly){var r=T();if(r){var n,t,u,a,l=e.which||e.keyCode;if(!(e.ctrlKey||e.altKey||e.metaKey||l<32)){if(l&&13!==l){if(r.end-r.begin!=0&&(B(r.begin,r.end),z(r.begin,r.end-1)),(n=w(r.begin-1))<y.current&&(t=String.fromCharCode(l),h.current[n].test(t))){if(K(n),b.current[n]=t,L(),u=w(n),c.isAndroid()){setTimeout((function(){T(u)}),0)}else T(u);r.begin<=d.current&&(a=j())}e.preventDefault()}Z(e),v.onComplete&&a&&v.onComplete({originalEvent:e,value:F()})}}}},onInput:function(e){I.current?M(e):q(e)},onPaste:function(e){return q(e,!0)},required:v.required,tooltip:v.tooltip,tooltipOptions:v.tooltipOptions,pt:v.pt,unstyled:v.unstyled,__parentMetadata:{parent:S}}))})));f.displayName="InputMask";export{f as InputMask};
+import*as e from"react";import{PrimeReactContext as r}from"primereact/api";import{useMountEffect as n,useUpdateEffect as t}from"primereact/hooks";import{InputText as u}from"primereact/inputtext";import{classNames as c,DomHandler as a,ObjectUtils as l}from"primereact/utils";import{ComponentBase as o}from"primereact/componentbase";function i(){return i=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t])}return e},i.apply(this,arguments)}var s=o.extend({defaultProps:{__TYPE:"InputMask",autoClear:!0,autoFocus:!1,className:null,disabled:!1,id:null,mask:null,maxLength:null,invalid:!1,variant:null,name:null,onBlur:null,onChange:null,onComplete:null,onFocus:null,placeholder:null,readOnly:!1,required:!1,size:null,slotChar:"_",style:null,tabIndex:null,tooltip:null,tooltipOptions:null,type:"text",unmask:!1,value:null,children:void 0},css:{classes:{root:function(e){var r=e.props,n=e.context;return c("p-inputmask",{"p-filled":r.filled,"p-invalid":r.invalid,"p-variant-filled":r.variant?"filled"===r.variant:n&&"filled"===n.inputStyle})}}}}),f=e.memo(e.forwardRef((function(o,f){var p=e.useContext(r),v=s.getProps(o,p),m=e.useRef(null),d=e.useRef(null),g=e.useRef(0),h=e.useRef([]),b=e.useRef([]),y=e.useRef(0),C=e.useRef(null),k=e.useRef(!1),R=e.useRef(null),x=e.useRef(null),E=e.useRef(null),O=e.useRef(null),P=e.useRef(null),S=e.useRef(!1),I={props:v},T=s.setMetaData(I).cx,j=function(e,r){var n,t,u,c=m.current;return c&&c.offsetParent&&c===document.activeElement?("number"==typeof e?(t=e,u="number"==typeof r?r:t,c.setSelectionRange?c.setSelectionRange(t,u):c.createTextRange&&((n=c.createTextRange()).collapse(!0),n.moveEnd("character",u),n.moveStart("character",t),n.select())):c.setSelectionRange?(t=c.selectionStart,u=c.selectionEnd):document.selection&&document.selection.createRange&&(u=(t=0-(n=document.selection.createRange()).duplicate().moveStart("character",-1e5))+n.text.length),{begin:t,end:u}):null},A=function(){for(var e=d.current;e<=g.current;e++)if(h.current[e]&&b.current[e]===D(e))return!1;return!0},D=e.useCallback((function(e){return v.slotChar.charAt(e<v.slotChar.length?e:0)}),[v.slotChar]),F=function(){return v.unmask?Z():m.current&&m.current.value},w=function(e){for(;++e<y.current&&!h.current[e];);return e},M=function(e){for(;--e>=0&&!h.current[e];);return e},z=function(e,r){var n,t;if(!(e<0)){for(n=e,t=w(r);n<y.current;n++)if(h.current[n]){if(!(t<y.current&&h.current[n].test(b.current[t])))break;b.current[n]=b.current[t],b.current[t]=D(t),t=w(t)}N(),j(Math.max(d.current,e))}},K=function(e){var r,n,t,u;for(r=e,n=D(e);r<y.current;r++)if(h.current[r]){if(t=w(r),u=b.current[r],b.current[r]=n,!(t<y.current&&h.current[t].test(u)))break;n=u}},_=function(e){var r=m.current.value,n=j();if(n){if(C.current.length&&C.current.length>r.length){for(q(!0);n.begin>0&&!h.current[n.begin-1];)n.begin--;if(0===n.begin)for(;n.begin<d.current&&!h.current[n.begin];)n.begin++;j(n.begin,n.begin)}else{for(q(!0);n.begin<y.current&&!h.current[n.begin];)n.begin++;j(n.begin,n.begin)}v.onComplete&&A()&&v.onComplete({originalEvent:e,value:F()}),Y(e)}},B=function(e){if(k.current=!1,q(),Y(e),G(),v.onBlur&&v.onBlur(e),m.current.value!==R.current){var r=document.createEvent("HTMLEvents");r.initEvent("change",!0,!1),m.current.dispatchEvent(r)}},L=function(e,r){var n;for(n=e;n<r&&n<y.current;n++)h.current[n]&&(b.current[n]=D(n))},N=function(){m.current&&(m.current.value=b.current.join(""))},q=function(e){x.current=!0;var r,n,t,u=m.current&&m.current.value,c=-1;for(r=0,t=0;r<y.current;r++)if(h.current[r]){for(b.current[r]=D(r);t++<u.length;)if(n=u.charAt(t-1),h.current[r].test(n)){b.current[r]=n,c=r;break}if(t>u.length){L(r+1,y.current);break}}else b.current[r]===u.charAt(t)&&t++,r<E.current&&(c=r);return e?N():c+1<E.current?v.autoClear||b.current.join("")===O.current?(m.current&&m.current.value&&(m.current.value=""),L(0,y.current)):N():(N(),m.current&&(m.current.value=m.current.value.substring(0,c+1))),E.current?r:d.current},H=function(e){if(!v.readOnly){if(!(arguments.length>1&&void 0!==arguments[1]&&arguments[1])){var r=q(!0);j(r)}Y(e),v.onComplete&&A()&&v.onComplete({originalEvent:e,value:F()})}},Z=e.useCallback((function(){for(var e=[],r=0;r<b.current.length;r++){var n=b.current[r];h.current[r]&&n!==D(r)&&e.push(n)}return e.join("")}),[D]),Y=function(e){if(v.onChange){var r=v.unmask?Z():e&&e.target.value;v.onChange({originalEvent:e,value:O.current!==r?r:"",stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:v.name,id:v.id,value:O.current!==r?r:""}})}},G=function(){m.current&&m.current.value&&m.current.value.length>0?a.addClass(m.current,"p-filled"):a.removeClass(m.current,"p-filled")},J=function(e){var r;return m.current&&(null==v.value?m.current.value="":(m.current.value=v.value,r=q(e),setTimeout((function(){if(m.current)return N(),q(e)}),10)),R.current=m.current.value),G(),r},Q=e.useCallback((function(){return v.unmask?v.value!==Z():O.current!==m.current.value&&m.current.value!==v.value}),[v.unmask,v.value,Z]),U=function(){if(v.mask){h.current=[],E.current=v.mask.length,y.current=v.mask.length,d.current=null;var e={9:"[0-9]",a:"[A-Za-z]","*":"[A-Za-z0-9]"};S.current=a.isChrome()&&a.isAndroid();for(var r=v.mask.split(""),n=0;n<r.length;n++){var t=r[n];"?"===t?(y.current--,E.current=n):e[t]?(h.current.push(new RegExp(e[t])),null===d.current&&(d.current=h.current.length-1),n<E.current&&(g.current=h.current.length-1)):h.current.push(null)}b.current=[];for(var u=0;u<r.length;u++){var c=r[u];"?"!==c&&b.current.push(e[c]?D(u):c)}O.current=b.current.join("")}};e.useImperativeHandle(f,(function(){return{props:v,focus:function(){return a.focus(m.current)},getElement:function(){return m.current}}})),e.useEffect((function(){l.combinedRefs(m,f)}),[m,f]),n((function(){U(),J()})),t((function(){U(),j(J(!0)),v.unmask&&Y()}),[v.mask]),t((function(){Q()&&J()}),[Q]);var V=s.getOtherProps(v),W=c(v.className,T("root",{context:p}));return e.createElement(u,i({ref:m,autoFocus:v.autoFocus,id:v.id,type:v.type,name:v.name,style:v.style,className:W},V,{placeholder:v.placeholder,size:v.size,maxLength:v.maxLength,tabIndex:v.tabIndex,disabled:v.disabled,readOnly:v.readOnly,onFocus:function(e){var r;v.readOnly||(k.current=!0,clearTimeout(P.current),R.current=m.current?m.current.value:"",r=q()||0,P.current=setTimeout((function(){m.current===document.activeElement&&(N(),r===v.mask.replace("?","").length?j(0,r):j(r),G())}),100),v.onFocus&&v.onFocus(e))},onBlur:B,onKeyDown:function(e){if(!v.readOnly){var r,n,t,u=e.which||e.keyCode;if(C.current=m.current.value,8===u||46===u||a.isIOS()&&127===u){if(!(r=j()))return;(t=r.end)-(n=r.begin)==0&&(n=46!==u?M(n):t=w(n-1),t=46===u?w(t):t),L(n,t),z(n,t-1),Y(e),e.preventDefault()}else 13===u?(B(e),Y(e)):27===u&&(m.current.value=R.current,j(0,q()),Y(e),e.preventDefault())}},onKeyPress:function(e){if(!v.readOnly){var r=j();if(r){var n,t,u,c,l=e.which||e.keyCode;if(!(e.ctrlKey||e.altKey||e.metaKey||l<32)){if(l&&13!==l){if(r.end-r.begin!=0&&(L(r.begin,r.end),z(r.begin,r.end-1)),(n=w(r.begin-1))<y.current&&(t=String.fromCharCode(l),h.current[n].test(t))){if(K(n),b.current[n]=t,N(),u=w(n),a.isAndroid()){setTimeout((function(){j(u)}),0)}else j(u);r.begin<=g.current&&(c=A())}e.preventDefault()}Y(e),v.onComplete&&c&&v.onComplete({originalEvent:e,value:F()})}}}},onInput:function(e){S.current?_(e):H(e)},onPaste:function(e){return H(e,!0)},required:v.required,tooltip:v.tooltip,tooltipOptions:v.tooltipOptions,pt:v.pt,unstyled:v.unstyled,__parentMetadata:{parent:I}}))})));f.displayName="InputMask";export{f as InputMask};

package/inputmask/inputmask.js

@@ -37,6 +37,17 @@ this.primereact.inputmask = (function (exports, React, api, hooks, inputtext, ut
     return _extends.apply(this, arguments);
   }
 
+  var classes = {
+    root: function root(_ref) {
+      var props = _ref.props,
+        context = _ref.context;
+      return utils.classNames('p-inputmask', {
+        'p-filled': props.filled,
+        'p-invalid': props.invalid,
+        'p-variant-filled': props.variant ? props.variant === 'filled' : context && context.inputStyle === 'filled'
+      });
+    }
+  };
   var InputMaskBase = componentbase.ComponentBase.extend({
     defaultProps: {
       __TYPE: 'InputMask',
@@ -47,6 +58,8 @@ this.primereact.inputmask = (function (exports, React, api, hooks, inputtext, ut
       id: null,
       mask: null,
       maxLength: null,
+      invalid: false,
+      variant: null,
       name: null,
       onBlur: null,
       onChange: null,
@@ -65,6 +78,9 @@ this.primereact.inputmask = (function (exports, React, api, hooks, inputtext, ut
       unmask: false,
       value: null,
       children: undefined
+    },
+    css: {
+      classes: classes
     }
   });
 
@@ -88,6 +104,8 @@ this.primereact.inputmask = (function (exports, React, api, hooks, inputtext, ut
     var metaData = {
       props: props
     };
+    var _InputMaskBase$setMet = InputMaskBase.setMetaData(metaData),
+      cx = _InputMaskBase$setMet.cx;
     var caret = function caret(first, last) {
       var range;
       var begin;
@@ -570,7 +588,9 @@ this.primereact.inputmask = (function (exports, React, api, hooks, inputtext, ut
       }
     }, [isValueUpdated]);
     var otherProps = InputMaskBase.getOtherProps(props);
-    var className = utils.classNames('p-inputmask', props.className);
+    var className = utils.classNames(props.className, cx('root', {
+      context: context
+    }));
     return /*#__PURE__*/React__namespace.createElement(inputtext.InputText, _extends({
       ref: elementRef,
       autoFocus: props.autoFocus,

package/inputmask/inputmask.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.inputmask=function(e,r,n,t,u,c,a){"use strict";function l(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var t=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,t.get?t:{enumerable:!0,get:function(){return e[n]}})}})),r.default=e,Object.freeze(r)}var o=l(r);function i(){return i=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t])}return e},i.apply(this,arguments)}var s=a.ComponentBase.extend({defaultProps:{__TYPE:"InputMask",autoClear:!0,autoFocus:!1,className:null,disabled:!1,id:null,mask:null,maxLength:null,name:null,onBlur:null,onChange:null,onComplete:null,onFocus:null,placeholder:null,readOnly:!1,required:!1,size:null,slotChar:"_",style:null,tabIndex:null,tooltip:null,tooltipOptions:null,type:"text",unmask:!1,value:null,children:void 0}}),f=o.memo(o.forwardRef((function(e,r){var a=o.useContext(n.PrimeReactContext),l=s.getProps(e,a),f=o.useRef(null),p=o.useRef(null),v=o.useRef(0),m=o.useRef([]),d=o.useRef([]),g=o.useRef(0),h=o.useRef(null),b=o.useRef(!1),y=o.useRef(null),k=o.useRef(null),C=o.useRef(null),R=o.useRef(null),O=o.useRef(null),E=o.useRef(!1),x={props:l},j=function(e,r){var n,t,u,c=f.current;return c&&c.offsetParent&&c===document.activeElement?("number"==typeof e?(t=e,u="number"==typeof r?r:t,c.setSelectionRange?c.setSelectionRange(t,u):c.createTextRange&&((n=c.createTextRange()).collapse(!0),n.moveEnd("character",u),n.moveStart("character",t),n.select())):c.setSelectionRange?(t=c.selectionStart,u=c.selectionEnd):document.selection&&document.selection.createRange&&(u=(t=0-(n=document.selection.createRange()).duplicate().moveStart("character",-1e5))+n.text.length),{begin:t,end:u}):null},D=function(){for(var e=p.current;e<=v.current;e++)if(m.current[e]&&d.current[e]===P(e))return!1;return!0},P=o.useCallback((function(e){return l.slotChar.charAt(e<l.slotChar.length?e:0)}),[l.slotChar]),I=function(){return l.unmask?K():f.current&&f.current.value},H=function(e){for(;++e<g.current&&!m.current[e];);return e},M=function(e){for(;--e>=0&&!m.current[e];);return e},T=function(e,r){var n,t;if(!(e<0)){for(n=e,t=H(r);n<g.current;n++)if(m.current[n]){if(!(t<g.current&&m.current[n].test(d.current[t])))break;d.current[n]=d.current[t],d.current[t]=P(t),t=H(t)}F(),j(Math.max(p.current,e))}},_=function(e){var r,n,t,u;for(r=e,n=P(e);r<g.current;r++)if(m.current[r]){if(t=H(r),u=d.current[r],d.current[r]=n,!(t<g.current&&m.current[t].test(u)))break;n=u}},S=function(e){var r=f.current.value,n=j();if(n){if(h.current.length&&h.current.length>r.length){for(z(!0);n.begin>0&&!m.current[n.begin-1];)n.begin--;if(0===n.begin)for(;n.begin<p.current&&!m.current[n.begin];)n.begin++;j(n.begin,n.begin)}else{for(z(!0);n.begin<g.current&&!m.current[n.begin];)n.begin++;j(n.begin,n.begin)}l.onComplete&&D()&&l.onComplete({originalEvent:e,value:I()}),N(e)}},w=function(e){if(b.current=!1,z(),N(e),L(),l.onBlur&&l.onBlur(e),f.current.value!==y.current){var r=document.createEvent("HTMLEvents");r.initEvent("change",!0,!1),f.current.dispatchEvent(r)}},A=function(e,r){var n;for(n=e;n<r&&n<g.current;n++)m.current[n]&&(d.current[n]=P(n))},F=function(){f.current&&(f.current.value=d.current.join(""))},z=function(e){k.current=!0;var r,n,t,u=f.current&&f.current.value,c=-1;for(r=0,t=0;r<g.current;r++)if(m.current[r]){for(d.current[r]=P(r);t++<u.length;)if(n=u.charAt(t-1),m.current[r].test(n)){d.current[r]=n,c=r;break}if(t>u.length){A(r+1,g.current);break}}else d.current[r]===u.charAt(t)&&t++,r<C.current&&(c=r);return e?F():c+1<C.current?l.autoClear||d.current.join("")===R.current?(f.current&&f.current.value&&(f.current.value=""),A(0,g.current)):F():(F(),f.current&&(f.current.value=f.current.value.substring(0,c+1))),C.current?r:p.current},B=function(e){if(!l.readOnly){if(!(arguments.length>1&&void 0!==arguments[1]&&arguments[1])){var r=z(!0);j(r)}N(e),l.onComplete&&D()&&l.onComplete({originalEvent:e,value:I()})}},K=o.useCallback((function(){for(var e=[],r=0;r<d.current.length;r++){var n=d.current[r];m.current[r]&&n!==P(r)&&e.push(n)}return e.join("")}),[P]),N=function(e){if(l.onChange){var r=l.unmask?K():e&&e.target.value;l.onChange({originalEvent:e,value:R.current!==r?r:"",stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:l.name,id:l.id,value:R.current!==r?r:""}})}},L=function(){f.current&&f.current.value&&f.current.value.length>0?c.DomHandler.addClass(f.current,"p-filled"):c.DomHandler.removeClass(f.current,"p-filled")},q=function(e){var r;return f.current&&(null==l.value?f.current.value="":(f.current.value=l.value,r=z(e),setTimeout((function(){if(f.current)return F(),z(e)}),10)),y.current=f.current.value),L(),r},U=o.useCallback((function(){return l.unmask?l.value!==K():R.current!==f.current.value&&f.current.value!==l.value}),[l.unmask,l.value,K]),Z=function(){if(l.mask){m.current=[],C.current=l.mask.length,g.current=l.mask.length,p.current=null;var e={9:"[0-9]",a:"[A-Za-z]","*":"[A-Za-z0-9]"};E.current=c.DomHandler.isChrome()&&c.DomHandler.isAndroid();for(var r=l.mask.split(""),n=0;n<r.length;n++){var t=r[n];"?"===t?(g.current--,C.current=n):e[t]?(m.current.push(new RegExp(e[t])),null===p.current&&(p.current=m.current.length-1),n<C.current&&(v.current=m.current.length-1)):m.current.push(null)}d.current=[];for(var u=0;u<r.length;u++){var a=r[u];"?"!==a&&d.current.push(e[a]?P(u):a)}R.current=d.current.join("")}};o.useImperativeHandle(r,(function(){return{props:l,focus:function(){return c.DomHandler.focus(f.current)},getElement:function(){return f.current}}})),o.useEffect((function(){c.ObjectUtils.combinedRefs(f,r)}),[f,r]),t.useMountEffect((function(){Z(),q()})),t.useUpdateEffect((function(){Z(),j(q(!0)),l.unmask&&N()}),[l.mask]),t.useUpdateEffect((function(){U()&&q()}),[U]);var Y=s.getOtherProps(l),G=c.classNames("p-inputmask",l.className);return o.createElement(u.InputText,i({ref:f,autoFocus:l.autoFocus,id:l.id,type:l.type,name:l.name,style:l.style,className:G},Y,{placeholder:l.placeholder,size:l.size,maxLength:l.maxLength,tabIndex:l.tabIndex,disabled:l.disabled,readOnly:l.readOnly,onFocus:function(e){var r;l.readOnly||(b.current=!0,clearTimeout(O.current),y.current=f.current?f.current.value:"",r=z()||0,O.current=setTimeout((function(){f.current===document.activeElement&&(F(),r===l.mask.replace("?","").length?j(0,r):j(r),L())}),100),l.onFocus&&l.onFocus(e))},onBlur:w,onKeyDown:function(e){if(!l.readOnly){var r,n,t,u=e.which||e.keyCode;if(h.current=f.current.value,8===u||46===u||c.DomHandler.isIOS()&&127===u){if(!(r=j()))return;(t=r.end)-(n=r.begin)==0&&(n=46!==u?M(n):t=H(n-1),t=46===u?H(t):t),A(n,t),T(n,t-1),N(e),e.preventDefault()}else 13===u?(w(e),N(e)):27===u&&(f.current.value=y.current,j(0,z()),N(e),e.preventDefault())}},onKeyPress:function(e){if(!l.readOnly){var r=j();if(r){var n,t,u,a,o=e.which||e.keyCode;if(!(e.ctrlKey||e.altKey||e.metaKey||o<32)){if(o&&13!==o){if(r.end-r.begin!=0&&(A(r.begin,r.end),T(r.begin,r.end-1)),(n=H(r.begin-1))<g.current&&(t=String.fromCharCode(o),m.current[n].test(t))){if(_(n),d.current[n]=t,F(),u=H(n),c.DomHandler.isAndroid()){setTimeout((function(){j(u)}),0)}else j(u);r.begin<=v.current&&(a=D())}e.preventDefault()}N(e),l.onComplete&&a&&l.onComplete({originalEvent:e,value:I()})}}}},onInput:function(e){E.current?S(e):B(e)},onPaste:function(e){return B(e,!0)},required:l.required,tooltip:l.tooltip,tooltipOptions:l.tooltipOptions,pt:l.pt,unstyled:l.unstyled,__parentMetadata:{parent:x}}))})));return f.displayName="InputMask",e.InputMask=f,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.inputtext,primereact.utils,primereact.componentbase);
+this.primereact=this.primereact||{},this.primereact.inputmask=function(e,r,n,t,u,c,a){"use strict";function l(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var t=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,t.get?t:{enumerable:!0,get:function(){return e[n]}})}})),r.default=e,Object.freeze(r)}var o=l(r);function i(){return i=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t])}return e},i.apply(this,arguments)}var s=a.ComponentBase.extend({defaultProps:{__TYPE:"InputMask",autoClear:!0,autoFocus:!1,className:null,disabled:!1,id:null,mask:null,maxLength:null,invalid:!1,variant:null,name:null,onBlur:null,onChange:null,onComplete:null,onFocus:null,placeholder:null,readOnly:!1,required:!1,size:null,slotChar:"_",style:null,tabIndex:null,tooltip:null,tooltipOptions:null,type:"text",unmask:!1,value:null,children:void 0},css:{classes:{root:function(e){var r=e.props,n=e.context;return c.classNames("p-inputmask",{"p-filled":r.filled,"p-invalid":r.invalid,"p-variant-filled":r.variant?"filled"===r.variant:n&&"filled"===n.inputStyle})}}}}),f=o.memo(o.forwardRef((function(e,r){var a=o.useContext(n.PrimeReactContext),l=s.getProps(e,a),f=o.useRef(null),p=o.useRef(null),v=o.useRef(0),d=o.useRef([]),m=o.useRef([]),g=o.useRef(0),h=o.useRef(null),b=o.useRef(!1),y=o.useRef(null),k=o.useRef(null),C=o.useRef(null),R=o.useRef(null),O=o.useRef(null),E=o.useRef(!1),x={props:l},D=s.setMetaData(x).cx,j=function(e,r){var n,t,u,c=f.current;return c&&c.offsetParent&&c===document.activeElement?("number"==typeof e?(t=e,u="number"==typeof r?r:t,c.setSelectionRange?c.setSelectionRange(t,u):c.createTextRange&&((n=c.createTextRange()).collapse(!0),n.moveEnd("character",u),n.moveStart("character",t),n.select())):c.setSelectionRange?(t=c.selectionStart,u=c.selectionEnd):document.selection&&document.selection.createRange&&(u=(t=0-(n=document.selection.createRange()).duplicate().moveStart("character",-1e5))+n.text.length),{begin:t,end:u}):null},P=function(){for(var e=p.current;e<=v.current;e++)if(d.current[e]&&m.current[e]===I(e))return!1;return!0},I=o.useCallback((function(e){return l.slotChar.charAt(e<l.slotChar.length?e:0)}),[l.slotChar]),M=function(){return l.unmask?K():f.current&&f.current.value},H=function(e){for(;++e<g.current&&!d.current[e];);return e},S=function(e){for(;--e>=0&&!d.current[e];);return e},T=function(e,r){var n,t;if(!(e<0)){for(n=e,t=H(r);n<g.current;n++)if(d.current[n]){if(!(t<g.current&&d.current[n].test(m.current[t])))break;m.current[n]=m.current[t],m.current[t]=I(t),t=H(t)}z(),j(Math.max(p.current,e))}},_=function(e){var r,n,t,u;for(r=e,n=I(e);r<g.current;r++)if(d.current[r]){if(t=H(r),u=m.current[r],m.current[r]=n,!(t<g.current&&d.current[t].test(u)))break;n=u}},w=function(e){var r=f.current.value,n=j();if(n){if(h.current.length&&h.current.length>r.length){for(N(!0);n.begin>0&&!d.current[n.begin-1];)n.begin--;if(0===n.begin)for(;n.begin<p.current&&!d.current[n.begin];)n.begin++;j(n.begin,n.begin)}else{for(N(!0);n.begin<g.current&&!d.current[n.begin];)n.begin++;j(n.begin,n.begin)}l.onComplete&&P()&&l.onComplete({originalEvent:e,value:M()}),L(e)}},A=function(e){if(b.current=!1,N(),L(e),q(),l.onBlur&&l.onBlur(e),f.current.value!==y.current){var r=document.createEvent("HTMLEvents");r.initEvent("change",!0,!1),f.current.dispatchEvent(r)}},F=function(e,r){var n;for(n=e;n<r&&n<g.current;n++)d.current[n]&&(m.current[n]=I(n))},z=function(){f.current&&(f.current.value=m.current.join(""))},N=function(e){k.current=!0;var r,n,t,u=f.current&&f.current.value,c=-1;for(r=0,t=0;r<g.current;r++)if(d.current[r]){for(m.current[r]=I(r);t++<u.length;)if(n=u.charAt(t-1),d.current[r].test(n)){m.current[r]=n,c=r;break}if(t>u.length){F(r+1,g.current);break}}else m.current[r]===u.charAt(t)&&t++,r<C.current&&(c=r);return e?z():c+1<C.current?l.autoClear||m.current.join("")===R.current?(f.current&&f.current.value&&(f.current.value=""),F(0,g.current)):z():(z(),f.current&&(f.current.value=f.current.value.substring(0,c+1))),C.current?r:p.current},B=function(e){if(!l.readOnly){if(!(arguments.length>1&&void 0!==arguments[1]&&arguments[1])){var r=N(!0);j(r)}L(e),l.onComplete&&P()&&l.onComplete({originalEvent:e,value:M()})}},K=o.useCallback((function(){for(var e=[],r=0;r<m.current.length;r++){var n=m.current[r];d.current[r]&&n!==I(r)&&e.push(n)}return e.join("")}),[I]),L=function(e){if(l.onChange){var r=l.unmask?K():e&&e.target.value;l.onChange({originalEvent:e,value:R.current!==r?r:"",stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:l.name,id:l.id,value:R.current!==r?r:""}})}},q=function(){f.current&&f.current.value&&f.current.value.length>0?c.DomHandler.addClass(f.current,"p-filled"):c.DomHandler.removeClass(f.current,"p-filled")},U=function(e){var r;return f.current&&(null==l.value?f.current.value="":(f.current.value=l.value,r=N(e),setTimeout((function(){if(f.current)return z(),N(e)}),10)),y.current=f.current.value),q(),r},Z=o.useCallback((function(){return l.unmask?l.value!==K():R.current!==f.current.value&&f.current.value!==l.value}),[l.unmask,l.value,K]),Y=function(){if(l.mask){d.current=[],C.current=l.mask.length,g.current=l.mask.length,p.current=null;var e={9:"[0-9]",a:"[A-Za-z]","*":"[A-Za-z0-9]"};E.current=c.DomHandler.isChrome()&&c.DomHandler.isAndroid();for(var r=l.mask.split(""),n=0;n<r.length;n++){var t=r[n];"?"===t?(g.current--,C.current=n):e[t]?(d.current.push(new RegExp(e[t])),null===p.current&&(p.current=d.current.length-1),n<C.current&&(v.current=d.current.length-1)):d.current.push(null)}m.current=[];for(var u=0;u<r.length;u++){var a=r[u];"?"!==a&&m.current.push(e[a]?I(u):a)}R.current=m.current.join("")}};o.useImperativeHandle(r,(function(){return{props:l,focus:function(){return c.DomHandler.focus(f.current)},getElement:function(){return f.current}}})),o.useEffect((function(){c.ObjectUtils.combinedRefs(f,r)}),[f,r]),t.useMountEffect((function(){Y(),U()})),t.useUpdateEffect((function(){Y(),j(U(!0)),l.unmask&&L()}),[l.mask]),t.useUpdateEffect((function(){Z()&&U()}),[Z]);var G=s.getOtherProps(l),J=c.classNames(l.className,D("root",{context:a}));return o.createElement(u.InputText,i({ref:f,autoFocus:l.autoFocus,id:l.id,type:l.type,name:l.name,style:l.style,className:J},G,{placeholder:l.placeholder,size:l.size,maxLength:l.maxLength,tabIndex:l.tabIndex,disabled:l.disabled,readOnly:l.readOnly,onFocus:function(e){var r;l.readOnly||(b.current=!0,clearTimeout(O.current),y.current=f.current?f.current.value:"",r=N()||0,O.current=setTimeout((function(){f.current===document.activeElement&&(z(),r===l.mask.replace("?","").length?j(0,r):j(r),q())}),100),l.onFocus&&l.onFocus(e))},onBlur:A,onKeyDown:function(e){if(!l.readOnly){var r,n,t,u=e.which||e.keyCode;if(h.current=f.current.value,8===u||46===u||c.DomHandler.isIOS()&&127===u){if(!(r=j()))return;(t=r.end)-(n=r.begin)==0&&(n=46!==u?S(n):t=H(n-1),t=46===u?H(t):t),F(n,t),T(n,t-1),L(e),e.preventDefault()}else 13===u?(A(e),L(e)):27===u&&(f.current.value=y.current,j(0,N()),L(e),e.preventDefault())}},onKeyPress:function(e){if(!l.readOnly){var r=j();if(r){var n,t,u,a,o=e.which||e.keyCode;if(!(e.ctrlKey||e.altKey||e.metaKey||o<32)){if(o&&13!==o){if(r.end-r.begin!=0&&(F(r.begin,r.end),T(r.begin,r.end-1)),(n=H(r.begin-1))<g.current&&(t=String.fromCharCode(o),d.current[n].test(t))){if(_(n),m.current[n]=t,z(),u=H(n),c.DomHandler.isAndroid()){setTimeout((function(){j(u)}),0)}else j(u);r.begin<=v.current&&(a=P())}e.preventDefault()}L(e),l.onComplete&&a&&l.onComplete({originalEvent:e,value:M()})}}}},onInput:function(e){E.current?w(e):B(e)},onPaste:function(e){return B(e,!0)},required:l.required,tooltip:l.tooltip,tooltipOptions:l.tooltipOptions,pt:l.pt,unstyled:l.unstyled,__parentMetadata:{parent:x}}))})));return f.displayName="InputMask",e.InputMask=f,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.inputtext,primereact.utils,primereact.componentbase);