@primereact/headless 11.0.0-alpha.9 → 11.0.0-rc.2

package/gallery/item/index.mjs

@@ -1,2 +1 @@
-var Pe=Object.defineProperty,ye=Object.defineProperties;var ve=Object.getOwnPropertyDescriptors;var st=Object.getOwnPropertySymbols;var be=Object.prototype.hasOwnProperty,Ie=Object.prototype.propertyIsEnumerable;var it=(o,r,s)=>r in o?Pe(o,r,{enumerable:!0,configurable:!0,writable:!0,value:s}):o[r]=s,x=(o,r)=>{for(var s in r||(r={}))be.call(r,s)&&it(o,s,r[s]);if(st)for(var s of st(r))Ie.call(r,s)&&it(o,s,r[s]);return o},b=(o,r)=>ye(o,ve(r));import{withHeadless as xr}from"@primereact/core/headless";import{Component as lr}from"@primereact/core/component";import{useGallery as ur}from"@primereact/headless/gallery";import{styles as fr}from"@primereact/styles/gallery";import{mergeProps as dr}from"@primeuix/utils";import{withComponent as Ge}from"@primereact/core/component";import{styles as Re}from"@primereact/styles/base";var m=({name:o="UnknownComponent",defaultProps:r,styles:s=b(x({},Re),{name:"global"}),components:e,setup:t,render:a})=>Ge({name:o,defaultProps:r,styles:s,components:e,setup:t,render:a});import*as _ from"react";import{createOptionalContext as Ee}from"@primereact/core/utils";var[at,f]=Ee();import*as mt from"@primereact/headless/gallery";var pt=b(x({},mt.defaultProps),{as:"div"});import{Component as we}from"@primereact/core/component";import{mergeProps as Te}from"@primeuix/utils";import*as lt from"react";var ct={as:"div"};var ut=m({name:"GalleryBackdrop",defaultProps:ct,setup(){return{gallery:f()}},render(o){let{props:r,ptmi:s,gallery:e}=o,t=Te({className:e==null?void 0:e.cx("backdrop")},s("root"));return lt.createElement(we,{instance:o,attrs:t,children:r.children})}});import{Component as Se}from"@primereact/core/component";import{mergeProps as ge}from"@primeuix/utils";import*as dt from"react";var ft={as:"div"};var xt=m({name:"GalleryContent",defaultProps:ft,setup(){return{gallery:f()}},render(o){let{props:r,ptmi:s,gallery:e}=o,t=ge({className:e==null?void 0:e.cx("content")},s("root"));return dt.createElement(Se,{instance:o,attrs:t,children:r.children,ref:e==null?void 0:e.contentRef})}});import{Component as Le}from"@primereact/core/component";import{useGalleryItem as Me}from"@primereact/headless/gallery/item";import{mergeProps as Ne}from"@primeuix/utils";import*as K from"react";import{createOptionalContext as ke}from"@primereact/core/utils";var[ht,Ar]=ke();import*as Ct from"@primereact/headless/gallery";var Pt=b(x({},Ct.defaultProps),{as:"div"});var yt=m({name:"GalleryItem",defaultProps:Pt,setup(o){let r=f(),s=Me(o.inProps);return b(x({},s),{gallery:r})},render(o){let{id:r,props:s,ptmi:e,gallery:t,handleClick:a,handlePointerDown:T,handlePointerMove:L,handlePointerUp:g,handleDragStart:y,CSSVariables:k,attributes:h}=o,H=Ne(x({id:r,className:t==null?void 0:t.cx("item"),onClick:a,onPointerDown:T,onPointerMove:L,onPointerUp:g,onDragStart:y,style:k},h),e("root"),t==null?void 0:t.ptm("item"));return K.createElement(ht,{value:o},K.createElement(Le,{instance:o,attrs:H,children:s.children}))}});import{Component as De}from"@primereact/core/component";import{mergeProps as Xe}from"@primeuix/utils";import*as bt from"react";var vt={as:"button"};var It=m({name:"GalleryNext",defaultProps:vt,setup(){return{gallery:f()}},render(o){var a;let{props:r,ptmi:s,gallery:e}=o,t=Xe({className:e==null?void 0:e.cx("next"),onClick:(a=e==null?void 0:e.actions)==null?void 0:a.next},s("root"));return bt.createElement(De,{instance:o,attrs:t,children:r.children,ref:e==null?void 0:e.nextRef})}});import{Component as Ye}from"@primereact/core/component";import{mergeProps as ze}from"@primeuix/utils";import*as Rt from"react";var Gt={as:"button"};var Et=m({name:"GalleryPrev",defaultProps:Gt,setup(){return{gallery:f()}},render(o){var a;let{props:r,ptmi:s,gallery:e}=o,t=ze({className:e==null?void 0:e.cx("prev"),onClick:(a=e==null?void 0:e.actions)==null?void 0:a.prev},s("root"));return Rt.createElement(Ye,{instance:o,attrs:t,children:r.children,ref:e==null?void 0:e.prevRef})}});import{Component as er}from"@primereact/core/component";import{mergeProps as rr}from"@primeuix/utils";import{Component as Je}from"@primereact/core/component";import{useCarousel as Qe}from"@primereact/headless/carousel";import{styles as Ze}from"@primereact/styles/carousel";import{mergeProps as tr}from"@primeuix/utils";import*as V from"react";import{createOptionalContext as He}from"@primereact/core/utils";var[wt,I]=He();import*as Tt from"@primereact/headless/carousel";var St=b(x({},Tt.defaultProps),{as:"div"});import{Component as Oe}from"@primereact/core/component";import{mergeProps as $e}from"@primeuix/utils";import*as kt from"react";var gt={as:"div"};var Lt=m({name:"CarouselContent",defaultProps:gt,setup(){return{carousel:I()}},render(o){let{props:r,ptmi:s,carousel:e}=o,t=$e({className:e==null?void 0:e.cx("content"),style:x(x({},e==null?void 0:e.contentStyles),e==null?void 0:e.sx("content")),onPointerDown:e==null?void 0:e.onContentPointerDown,onPointerMove:e==null?void 0:e.onContentPointerMove,onPointerUp:e==null?void 0:e.onContentPointerUp,onWheel:e==null?void 0:e.onContentWheel},e==null?void 0:e.ptm("content"),s("root"));return kt.createElement(Oe,{instance:o,attrs:t,children:r.children,ref:e==null?void 0:e.contentRef})}});import{Component as Ae}from"@primereact/core/component";import{mergeProps as We}from"@primeuix/utils";import*as Nt from"react";var Mt={as:"button",page:void 0};var B=m({name:"CarouselIndicator",defaultProps:Mt,setup(){return{carousel:I()}},render(o){let{props:r,ptmi:s,carousel:e}=o,t=(e==null?void 0:e.state.page)===r.page,a=We({className:e==null?void 0:e.cx("indicator",{active:t}),onClick:()=>e==null?void 0:e.scrollToPage(r.page),"data-active":t},e==null?void 0:e.ptm("indicator"),s("root"));return Nt.createElement(Ae,{instance:o,attrs:a,children:r.children})}});import{Component as je}from"@primereact/core/component";import{mergeProps as Be}from"@primeuix/utils";import*as Y from"react";var Dt={as:"div"};var Xt=m({name:"CarouselIndicators",defaultProps:Dt,setup(){return{carousel:I()}},render(o){var a,T;let{props:r,ptmi:s,carousel:e}=o,t=Be({className:e==null?void 0:e.cx("indicators")},e==null?void 0:e.ptm("indicators"),s("root"));return Y.createElement(je,{instance:o,attrs:t,children:(T=r.children)!=null?T:Y.createElement(Y.Fragment,null,Array.from((a=e==null?void 0:e.state.snapPoints)!=null?a:[]).map((L,g)=>Y.createElement(B,{key:g,page:g})))})}});import{Component as Ue}from"@primereact/core/component";import{mergeProps as Fe}from"@primeuix/utils";import*as zt from"react";var Yt={as:"div",value:void 0};var Ht=m({name:"CarouselItem",defaultProps:Yt,setup(){return{carousel:I()}},render(o){let{id:r,props:s,ptmi:e,carousel:t}=o,a=Fe({id:r,className:t==null?void 0:t.cx("item"),style:x(x({},(t==null?void 0:t.itemStyles)||{}),(t==null?void 0:t.sx("item"))||{}),"data-value":s.value,"data-item":"","data-inview":"false"},t==null?void 0:t.ptm("item"),e("root"));return zt.createElement(Ue,{instance:o,attrs:a,children:s.children})}});import{Component as Ke}from"@primereact/core/component";import{mergeProps as Ve}from"@primeuix/utils";import*as $t from"react";var Ot={as:"button"};var At=m({name:"CarouselNext",defaultProps:Ot,setup(){return{carousel:I()}},render(o){let{props:r,ptmi:s,carousel:e}=o,t=(e==null?void 0:e.state.isNextDisabled)||r.disabled,a=Ve({className:e==null?void 0:e.cx("next",{disabled:t}),onClick:e==null?void 0:e.next,disabled:t},e==null?void 0:e.ptm("prev"),s("root"));return $t.createElement(Ke,{instance:o,attrs:a,children:r.children})}});import{Component as _e}from"@primereact/core/component";import{mergeProps as qe}from"@primeuix/utils";import*as jt from"react";var Wt={as:"button"};var Bt=m({name:"CarouselPrev",defaultProps:Wt,setup(){return{carousel:I()}},render(o){let{props:r,ptmi:s,carousel:e}=o,t=(e==null?void 0:e.state.isPrevDisabled)||r.disabled,a=qe({className:e==null?void 0:e.cx("prev",{disabled:t}),onClick:e==null?void 0:e.prev,disabled:t},e==null?void 0:e.ptm("prev"),s("root"));return jt.createElement(_e,{instance:o,attrs:a,children:r.children})}});var z=m({name:"Carousel",defaultProps:St,styles:Ze,setup(o){return Qe(o.inProps)},render(o){let{id:r,props:s,state:e,ptmi:t,cx:a}=o,T=tr({id:r,className:a("root"),"data-swiping":e.swiping},t("root"));return V.createElement(wt,{value:o},V.createElement(Je,{instance:o,attrs:T,children:s.children}))},components:{Content:Lt,Item:Ht,Next:At,Prev:Bt,Indicators:Xt,Indicator:B}});import*as Ft from"react";var Ut={as:"div"};var Kt=m({name:"GalleryThumbnail",defaultProps:Ut,setup(){return{gallery:f()}},render(o){let{props:r,ptmi:s,gallery:e}=o,t=rr({className:e==null?void 0:e.cx("thumbnail")},s("root"));return Ft.createElement(er,{as:z,instance:o,attrs:t,children:r.children,ref:e==null?void 0:e.thumbnailRef})}});import{Component as or}from"@primereact/core/component";import{mergeProps as nr}from"@primeuix/utils";import*as _t from"react";var Vt={};var qt=m({name:"GalleryThumbnailContent",defaultProps:Vt,setup(){return{gallery:f()}},render(o){let{props:r,ptmi:s,gallery:e}=o,t=nr({className:e==null?void 0:e.cx("thumbnailContent")},s("root"));return _t.createElement(or,{as:z.Content,instance:o,attrs:t,children:r.children})}});import{Component as sr}from"@primereact/core/component";import{mergeProps as ir}from"@primeuix/utils";import*as Qt from"react";var Jt={};var Zt=m({name:"GalleryThumbnailItem",defaultProps:Jt,setup(){return{gallery:f()}},render(o){let{props:r,ptmi:s,gallery:e}=o,t=ir({className:e==null?void 0:e.cx("thumbnailItem")},s("root"));return Qt.createElement(sr,{as:z.Item,instance:o,attrs:t,children:r.children})}});import{Component as ar}from"@primereact/core/component";import{mergeProps as mr}from"@primeuix/utils";import*as ee from"react";var te={as:"div"};var re=m({name:"GalleryToolbar",defaultProps:te,setup(){return{gallery:f()}},render(o){let{props:r,ptmi:s,gallery:e}=o,t=mr({className:e==null?void 0:e.cx("toolbar")},s("root"));return ee.createElement(ar,{instance:o,attrs:t,children:r.children,ref:e==null?void 0:e.toolbarRef})}});import{Component as pr}from"@primereact/core/component";import{mergeProps as cr}from"@primeuix/utils";import*as ne from"react";var oe={as:"div",action:void 0,onClick:void 0};var se=m({name:"GalleryToolbarItem",defaultProps:oe,setup(){return{gallery:f()}},render(o){let{props:r,ptmi:s,gallery:e}=o,t=cr({className:e==null?void 0:e.cx("toolbarItem"),onClick:()=>{var a;e==null||e.handleClickAction(r==null?void 0:r.action),(a=r==null?void 0:r.onClick)==null||a.call(r)}},s("root"));return ne.createElement(pr,{instance:o,attrs:t,children:r.children})}});var Vs=m({name:"Gallery",defaultProps:pt,styles:fr,setup(o){return ur(o.inProps)},render(o){let{id:r,props:s,ptmi:e,cx:t}=o,a=dr({id:r,className:t("root")},e("root"));return _.createElement(at,{value:o},_.createElement(lr,{instance:o,attrs:a,children:s.children}))},components:{Backdrop:ut,Content:xt,Item:yt,Next:It,Prev:Et,Toolbar:re,ToolbarItem:se,Thumbnail:Kt,ThumbnailContent:qt,ThumbnailItem:Zt}});import*as p from"react";var ie={normalScale:1,zoomedScale:3};var ni=xr({name:"useGalleryItem",defaultProps:ie,setup:({props:o,elementRef:r})=>{let{normalScale:s=1,zoomedScale:e=3}=o,t=f(),[a,T]=p.useState(-1),[L,g]=p.useState(!1),[y,k]=p.useState({x:0,y:0}),[h,H]=p.useState(1),[S,q]=p.useState(0),[O,J]=p.useState({x:1,y:1}),[Q,U]=p.useState(!1),[$,Z]=p.useState({x:0,y:0}),[F,A]=p.useState(!1),E=p.useRef(new Map),M=p.useRef(0),w=p.useCallback(()=>{if(!(t!=null&&t.contentRef.current)||!r.current)return;let n=t==null?void 0:t.contentRef.current.getBoundingClientRect(),i=r.current.firstElementChild;if(!i)return;let c=i.naturalWidth||i.offsetWidth,l=i.naturalHeight||i.offsetHeight;if(c===0||l===0)return;let P=Math.abs(S)%180===90;P&&([c,l]=[l,c]);let C=c/l,v=n.width/n.height,d,u;C>v?(d=Math.min(n.width*.99,c),u=d/C):(u=Math.min(n.height*.99,l),d=u*C),P?(i.style.width=`${u}px`,i.style.height=`${d}px`,r.current.style.width=`${u>0?u:"auto"}px`,r.current.style.height=`${d>0?d:"auto"}px`):(i.style.width=`${d}px`,i.style.height=`${u}px`,r.current.style.width=`${d>0?d:"auto"}px`,r.current.style.height=`${u>0?u:"auto"}px`),r.current.style.aspectRatio=`${c/l}`},[t==null?void 0:t.contentRef,S]),N=p.useCallback(n=>{if(!(t!=null&&t.contentRef.current)||!r.current)return{minX:0,maxX:0,minY:0,maxY:0};let i=t==null?void 0:t.contentRef.current.getBoundingClientRect(),c=n!==void 0?n:h,l=r.current.firstElementChild;if(!l)return{minX:0,maxX:0,minY:0,maxY:0};let P=l.offsetWidth,C=l.offsetHeight;Math.abs(S)%180===90&&([P,C]=[C,P]);let d=P*c,u=C*c,G=i.width/2,R=i.height/2,D=d/2,X=u/2,de=D>G?D-G:0,xe=D>G?-(D-G):0,he=X>R?X-R:0,Ce=X>R?-(X-R):0;return{minX:xe,maxX:de,minY:Ce,maxY:he}},[t==null?void 0:t.contentRef,h,S]),W=p.useCallback(()=>{H(e);let n={visibility:"hidden",opacity:0,pointerEvents:"none",userSelect:"none",touchAction:"none"};t!=null&&t.toolbarRef.current&&Object.assign(t==null?void 0:t.toolbarRef.current.style,n),t!=null&&t.thumbnailRef.current&&Object.assign(t==null?void 0:t.thumbnailRef.current.elementRef.current.style,n),t!=null&&t.prevRef.current&&Object.assign(t.prevRef.current.style,n),t!=null&&t.nextRef.current&&Object.assign(t.nextRef.current.style,n),r.current&&(r.current.style.cursor="zoom-out",r.current.style.pointerEvents="auto")},[e,t==null?void 0:t.toolbarRef,t==null?void 0:t.thumbnailRef,t==null?void 0:t.prevRef,t==null?void 0:t.nextRef]),j=p.useCallback(()=>{H(s),k({x:0,y:0});let n={visibility:"",opacity:"",pointerEvents:"",userSelect:"",touchAction:""};t!=null&&t.toolbarRef.current&&Object.assign(t.toolbarRef.current.style,n),t!=null&&t.thumbnailRef.current&&Object.assign(t.thumbnailRef.current.elementRef.current.style,n),t!=null&&t.prevRef.current&&Object.assign(t.prevRef.current.style,n),t!=null&&t.nextRef.current&&Object.assign(t.nextRef.current.style,n),r.current&&(r.current.style.cursor="zoom-in",r.current.style.pointerEvents="auto")},[s,t==null?void 0:t.toolbarRef,t==null?void 0:t.thumbnailRef,t==null?void 0:t.prevRef,t==null?void 0:t.nextRef]),tt=()=>{r.current&&(r.current.style.transition="none",q(n=>n-90),setTimeout(()=>{r.current&&(r.current.style.transition="")},0))},et=()=>{r.current&&(r.current.style.transition="none",q(n=>n+90),setTimeout(()=>{r.current&&(r.current.style.transition="")},0))},rt=()=>{J(n=>b(x({},n),{x:Math.sign(n.x)*-1}))},ot=()=>{J(n=>b(x({},n),{y:Math.sign(n.y)*-1}))},nt=()=>{if(!r.current)return;let n=r.current.querySelector("img");if(!n||!n.src)return;let i=document.createElement("a");i.href=n.src;let c=n.src.split("/"),l=c[c.length-1]||"image.jpg";i.download=l,i.target="_blank",document.body.appendChild(i),i.click(),document.body.removeChild(i)},ae=p.useCallback(n=>{if(F){A(!1);return}if(h===s){if(r.current){let i=r.current.getBoundingClientRect(),c=i.width/2,l=i.height/2,P=n.clientX-i.left,C=n.clientY-i.top,v=c-P,d=l-C,u=v*(e-1),G=d*(e-1),R=N(e),D=Math.max(R.minX,Math.min(R.maxX,u)),X=Math.max(R.minY,Math.min(R.maxY,G));k({x:D,y:X})}W()}else j()},[F,s,e,N,h,W,j]),me=p.useCallback(n=>{n.preventDefault()},[]),pe=p.useCallback(n=>{n.currentTarget.setPointerCapture(n.pointerId),E.current.set(n.pointerId,{x:n.clientX,y:n.clientY}),h>1&&(n.pointerType==="mouse"?(U(!0),Z({x:n.clientX-y.x,y:n.clientY-y.y}),A(!1)):n.pointerType==="touch"&&E.current.size===1&&(U(!0),Z({x:n.clientX-y.x,y:n.clientY-y.y}),A(!1),M.current=0)),n.pointerType==="touch"&&E.current.size===1&&(M.current=0)},[h,y]),ce=p.useCallback(n=>{if(!E.current.has(n.pointerId)||!r.current)return;r.current.style.transition="none",r.current.style.cursor||(r.current.style.cursor=h>s?"zoom-out":"zoom-in"),E.current.set(n.pointerId,{x:n.clientX,y:n.clientY});let c=Array.from(E.current.values());if(c.length===2){let[l,P]=c,C=Math.hypot(P.x-l.x,P.y-l.y);if(M.current>0){let v=(C-M.current)*.01;if(Math.abs(v)>.01){let d=h===s?e:s,u=N(d),G=Math.max(u.minX,Math.min(u.maxX,y.x)),R=Math.max(u.minY,Math.min(u.maxY,y.y));k({x:G,y:R}),H(d)}}M.current=C}else if(c.length===1&&Q){let l=c[0],P=l.x-$.x,C=l.y-$.y,v=N(),d=Math.max(v.minX,Math.min(v.maxX,P)),u=Math.max(v.minY,Math.min(v.maxY,C));k({x:d,y:u}),A(!0)}},[Q,$,h,s,e,y,N]),le=p.useCallback(n=>{r.current&&(r.current.style.transition="",r.current.style.cursor=h>s?"zoom-out":"zoom-in",n.currentTarget.releasePointerCapture(n.pointerId),E.current.delete(n.pointerId),E.current.size<2&&(M.current=0),E.current.size===0&&U(!1))},[]);p.useEffect(()=>{h<=1&&k({x:0,y:0})},[h]),p.useEffect(()=>{(t==null?void 0:t.state.activeIndex)===a&&document.readyState==="complete"&&w()},[t==null?void 0:t.state.activeIndex,a,w]),p.useEffect(()=>{(t==null?void 0:t.state.activeIndex)===a&&w()},[S,w,t==null?void 0:t.state.activeIndex,a]),p.useEffect(()=>{(t==null?void 0:t.state.activeIndex)===a&&(t==null?void 0:t.state.isFullscreen)!==void 0&&w()},[t==null?void 0:t.state.isFullscreen,w,t==null?void 0:t.state.activeIndex,a]),p.useEffect(()=>{let n=()=>{(t==null?void 0:t.state.activeIndex)===a&&w()};return window.addEventListener("resize",n),()=>window.removeEventListener("resize",n)},[t==null?void 0:t.state.activeIndex,a,w]),p.useEffect(()=>{if(t&&r.current){let n=t.registerItem(r.current);T(n)}},[t]),p.useEffect(()=>{let n=c=>{var l,P,C,v,d,u,G;((l=c.detail)==null?void 0:l.action)==="zoom-in"?W():((P=c.detail)==null?void 0:P.action)==="zoom-out"?j():((C=c.detail)==null?void 0:C.action)==="rotate-left"?tt():((v=c.detail)==null?void 0:v.action)==="rotate-right"?et():((d=c.detail)==null?void 0:d.action)==="flip-x"?rt():((u=c.detail)==null?void 0:u.action)==="flip-y"?ot():((G=c.detail)==null?void 0:G.action)==="download"&&nt()},i=r.current;return i&&(i.addEventListener("gallery-zoom-in",n),i.addEventListener("gallery-zoom-out",n),i.addEventListener("gallery-rotate-left",n),i.addEventListener("gallery-rotate-right",n),i.addEventListener("gallery-flip-x",n),i.addEventListener("gallery-flip-y",n),i.addEventListener("gallery-download",n)),()=>{i&&(i.removeEventListener("gallery-zoom-in",n),i.removeEventListener("gallery-zoom-out",n),i.removeEventListener("gallery-rotate-left",n),i.removeEventListener("gallery-rotate-right",n),i.removeEventListener("gallery-flip-x",n),i.removeEventListener("gallery-flip-y",n),i.removeEventListener("gallery-download",n))}},[s,e]),p.useEffect(()=>{(t==null?void 0:t.state.activeIndex)===a?g(!0):g(!1)},[t==null?void 0:t.state.activeIndex,a]);let ue=p.useMemo(()=>({"data-active":L}),[L]),fe=p.useMemo(()=>({"--position-x":`${y.x}px`,"--position-y":`${y.y}px`,"--scale":`${h}`,"--rotation":`${S}deg`,"--flip-x":O.x,"--flip-y":O.y}),[y,h,S,O]);return{state:{index:a,position:y,scale:h,rotation:S,flip:O,isActive:L,dragStart:$,hasDragged:F},attributes:ue,CSSVariables:fe,handlePointerUp:le,handlePointerMove:ce,handlePointerDown:pe,handleClick:ae,handleDragStart:me,zoomIn:W,zoomOut:j,rotateLeft:tt,rotateRight:et,flipX:rt,flipY:ot,download:nt,calculateConstraints:N,calculateItemSize:w}}});export{ie as defaultItemProps,ni as useGalleryItem};
-//# sourceMappingURL=index.mjs.map
+import{withHeadless as xt}from"@primereact/core/headless";import*as e from"react";var at={context:void 0,normalScale:1,zoomedScale:3};var Rt=xt({name:"useGalleryItem",defaultProps:at,setup:({props:ot,elementRef:n})=>{let{context:c,normalScale:d=1,zoomedScale:y=3}=ot,[m,it]=e.useState(-1),[R,O]=e.useState(!1),[Y,C]=e.useState({x:0,y:0}),[g,T]=e.useState(1),[x,B]=e.useState(0),[I,j]=e.useState({x:1,y:1}),[$,F]=e.useState(!1),D=e.useRef(null),M=e.useRef(new Map),U=e.useRef({x:0,y:0}),N=e.useRef(0),z=e.useRef(0),H=e.useRef(1),q=e.useRef(!1),p=e.useRef(1),h=e.useRef({x:0,y:0}),L=e.useRef(!1),G=e.useRef({x:0,y:0}),k=e.useRef(!1),b=e.useRef(null);e.useLayoutEffect(()=>{if(c?.registerItem){let t=c.registerItem(D.current?.index??null);D.current=t,t.index!==m&&it(t.index)}return()=>{D.current?.unregister(),D.current=null}},[c]),e.useEffect(()=>{p.current=g},[g]),e.useEffect(()=>{h.current=Y},[Y]);let S=e.useCallback(()=>{if(!c?.contentRef.current||!n.current)return;let t=c?.contentRef.current.getBoundingClientRect(),r=n.current.firstElementChild;if(!r)return;let a=r.naturalWidth||r.offsetWidth,s=r.naturalHeight||r.offsetHeight;if(a===0||s===0)return;let l=Math.abs(x)%180===90;l&&([a,s]=[s,a]);let i=a/s,f=t.width/t.height,o,u;i>f?(o=Math.min(t.width*.99,a),u=o/i):(u=Math.min(t.height*.99,s),o=u*i),l?(r.style.width=`${u}px`,r.style.height=`${o}px`,n.current.style.width=`${u>0?u:"auto"}px`,n.current.style.height=`${o>0?o:"auto"}px`):(r.style.width=`${o}px`,r.style.height=`${u}px`,n.current.style.width=`${o>0?o:"auto"}px`,n.current.style.height=`${u>0?u:"auto"}px`),n.current.style.aspectRatio=`${a/s}`},[c?.contentRef,x]),P=e.useCallback(t=>{if(!c?.contentRef.current||!n.current)return{minX:0,maxX:0,minY:0,maxY:0};let r=c?.contentRef.current.getBoundingClientRect(),a=t!==void 0?t:p.current,s=n.current.firstElementChild;if(!s)return{minX:0,maxX:0,minY:0,maxY:0};let l=s.offsetWidth,i=s.offsetHeight;Math.abs(x)%180===90&&([l,i]=[i,l]);let o=l*a,u=i*a,v=r.width/2,E=r.height/2,X=o/2,w=u/2,ft=X>v?X-v:0,pt=X>v?-(X-v):0,dt=w>E?w-E:0,mt=w>E?-(w-E):0;return{minX:pt,maxX:ft,minY:mt,maxY:dt}},[c?.contentRef,x]),W=e.useCallback(()=>{T(y),n.current&&(n.current.style.cursor="zoom-out")},[y]),A=e.useCallback(()=>{T(d),C({x:0,y:0}),n.current&&(n.current.style.cursor="zoom-in")},[d]),K=()=>{F(!0),n.current&&(n.current.style.transition=""),B(t=>t-90)},V=()=>{F(!0),n.current&&(n.current.style.transition=""),B(t=>t+90)},_=()=>{j(t=>({...t,x:Math.sign(t.x)*-1}))},J=()=>{j(t=>({...t,y:Math.sign(t.y)*-1}))},Q=()=>{if(!n.current)return;let t=n.current.querySelector("img");if(!t||!t.src)return;let r=t.src;if(!/^(https?:|blob:|data:image\/)/i.test(r))return;let s=document.createElement("a");s.href=r;let l=r.split("/"),f=(l[l.length-1]||"").split(/[?#]/)[0].replace(/[\\/:*?"<>|]/g,"")||"image.jpg";s.download=f,s.target="_blank",s.rel="noopener",document.body.appendChild(s),s.click(),document.body.removeChild(s)},Z=e.useCallback(t=>{if(k.current){k.current=!1;return}if(p.current===d){if(n.current){let r=n.current.getBoundingClientRect(),a=r.width/2,s=r.height/2,l=t.clientX-r.left,i=t.clientY-r.top,f=a-l,o=s-i,u=f*(y-1),v=o*(y-1),E=P(y),X=Math.max(E.minX,Math.min(E.maxX,u)),w=Math.max(E.minY,Math.min(E.maxY,v));C({x:X,y:w})}W()}else A()},[d,y,P,W,A]),tt=e.useCallback(t=>{t.preventDefault()},[]),et=e.useCallback(t=>{t.currentTarget.setPointerCapture(t.pointerId),M.current.set(t.pointerId,{x:t.clientX,y:t.clientY}),U.current={x:t.clientX,y:t.clientY},t.pointerType==="touch"&&M.current.size>=2?(L.current=!1,z.current=0,H.current=p.current):p.current>1&&(t.pointerType==="mouse"||t.pointerType==="touch"&&M.current.size===1)&&(L.current=!0,G.current={x:t.clientX-h.current.x,y:t.clientY-h.current.y},k.current=!1)},[]),nt=e.useCallback(t=>{if(!M.current.has(t.pointerId)||!n.current)return;n.current.style.transition="none",t.pointerType==="mouse"&&!n.current.style.cursor&&(n.current.style.cursor=p.current>d?"zoom-out":"zoom-in"),M.current.set(t.pointerId,{x:t.clientX,y:t.clientY});let r=Array.from(M.current.values());if(r.length===2){let[a,s]=r,l=Math.hypot(s.x-a.x,s.y-a.y);if(q.current=!0,k.current=!0,z.current===0)z.current=l,H.current=p.current;else{let i=l/z.current,f=Math.max(d,Math.min(y,H.current*i)),o=P(f),u=Math.max(o.minX,Math.min(o.maxX,h.current.x)),v=Math.max(o.minY,Math.min(o.maxY,h.current.y));p.current=f,h.current={x:u,y:v},n.current.style.setProperty("--px-scale",`${f}`),n.current.style.setProperty("--px-position-x",`${u}px`),n.current.style.setProperty("--px-position-y",`${v}px`)}N.current=l}else if(r.length===1&&L.current){let a=r[0],s=a.x-G.current.x,l=a.y-G.current.y,i=P(p.current),f=Math.max(i.minX,Math.min(i.maxX,s)),o=Math.max(i.minY,Math.min(i.maxY,l));h.current={x:f,y:o},n.current.style.setProperty("--px-position-x",`${f}px`),n.current.style.setProperty("--px-position-y",`${o}px`),Math.hypot(a.x-U.current.x,a.y-U.current.y)>5&&(k.current=!0)}},[d,y,P]),rt=e.useCallback(t=>{n.current&&(n.current.style.transition="",t.pointerType==="mouse"&&(n.current.style.cursor=p.current>d?"zoom-out":"zoom-in"),t.currentTarget.releasePointerCapture(t.pointerId),M.current.delete(t.pointerId),M.current.size<2&&(N.current=0,z.current=0,H.current=1,q.current=!1),M.current.size===0&&(L.current=!1,T(p.current),C(h.current)))},[d]);e.useEffect(()=>{g<=1&&C({x:0,y:0})},[g]),e.useEffect(()=>{c?.state.activeIndex===m&&document.readyState==="complete"&&S()},[c?.state.activeIndex,m,S]),e.useEffect(()=>{c?.state.activeIndex===m&&S()},[x,S,c?.state.activeIndex,m]),e.useEffect(()=>{c?.state.activeIndex===m&&c?.state.isFullscreen!==void 0&&S()},[c?.state.isFullscreen,S,c?.state.activeIndex,m]),e.useEffect(()=>{let t=()=>{c?.state.activeIndex===m&&S()};return window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[c?.state.activeIndex,m,S]),e.useEffect(()=>{let t=c?.state.pendingAction;if(!(!t||!R)){switch(t.type){case"zoom-in":W();break;case"zoom-out":A();break;case"rotate-left":K();break;case"rotate-right":V();break;case"flip-x":_();break;case"flip-y":J();break;case"download":Q();break}c?.clearPendingAction()}},[c?.state.pendingAction,R]),e.useEffect(()=>{let t=n.current;if(!t||!R)return;let r=a=>{if(!a.ctrlKey)return;a.preventDefault(),t.style.transition="none";let l=1+-a.deltaY*.01,i=Math.max(d,Math.min(y,p.current*l)),f=P(i),o=Math.max(f.minX,Math.min(f.maxX,h.current.x)),u=Math.max(f.minY,Math.min(f.maxY,h.current.y));p.current=i,h.current={x:o,y:u},t.style.setProperty("--px-scale",`${i}`),t.style.setProperty("--px-position-x",`${o}px`),t.style.setProperty("--px-position-y",`${u}px`),b.current&&clearTimeout(b.current),b.current=setTimeout(()=>{t.style.transition="",t.style.cursor=p.current>d?"zoom-out":"zoom-in",T(p.current),C(h.current),b.current=null},150)};return t.addEventListener("wheel",r,{passive:!1}),()=>{t.removeEventListener("wheel",r),b.current&&(clearTimeout(b.current),b.current=null)}},[R,d,y,P]),e.useEffect(()=>{c?.state.activeIndex===m?O(!0):O(!1)},[c?.state.activeIndex,m]),e.useEffect(()=>{R&&c?.reportItemState&&c.reportItemState({zoomed:g>d,rotated:x!==0,flipped:I.x===-1||I.y===-1,scale:g,rotation:x,flip:I})},[R,g,d,x,I,c?.reportItemState]),e.useLayoutEffect(()=>{if(!$)return;let t=setTimeout(()=>F(!1),300);return()=>clearTimeout(t)},[$,x]);let ct=e.useMemo(()=>({...R?{"data-active":""}:{},...$?{"data-rotating":""}:{}}),[R,$]),st=e.useMemo(()=>({"--px-position-x":`${Y.x}px`,"--px-position-y":`${Y.y}px`,"--px-scale":`${g}`,"--px-rotation":`${x}deg`,"--px-flip-x":I.x,"--px-flip-y":I.y}),[Y,g,x,I]),ut={index:m,position:Y,scale:g,rotation:x,flip:I,isActive:R},lt={ref:n,"data-scope":"gallery","data-part":"item","data-index":m,onClick:Z,onPointerDown:et,onPointerMove:nt,onPointerUp:rt,onDragStart:tt,style:st,...ct};return{state:ut,attributes:ct,CSSVariables:st,itemProps:lt,handlePointerUp:rt,handlePointerMove:nt,handlePointerDown:et,handleClick:Z,handleDragStart:tt,zoomIn:W,zoomOut:A,rotateLeft:K,rotateRight:V,flipX:_,flipY:J,download:Q,calculateConstraints:P,calculateItemSize:S}}});export{at as defaultItemProps,Rt as useGalleryItem};

package/gallery/item/useGalleryItem.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-export declare const useGalleryItem: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/shared/gallery").useGalleryItemProps, unknown, {
+export declare const useGalleryItem: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/gallery").UseGalleryItemProps, unknown, {
     state: {
         index: number;
         position: {
@@ -13,16 +13,26 @@ export declare const useGalleryItem: (inProps?: unknown) => import("@primereact/
             y: number;
         };
         isActive: boolean;
-        dragStart: {
-            x: number;
-            y: number;
-        };
-        hasDragged: boolean;
     };
     attributes: {
-        'data-active': boolean;
+        'data-rotating'?: "" | undefined;
+        'data-active'?: "" | undefined;
     };
     CSSVariables: React.CSSProperties;
+    itemProps: {
+        'data-rotating'?: "" | undefined;
+        'data-active'?: "" | undefined;
+        ref: React.RefObject<HTMLDivElement>;
+        'data-scope': "gallery";
+        'data-part': "item";
+        'data-index': number;
+        onClick: (e: React.MouseEvent) => void;
+        onPointerDown: (e: React.PointerEvent) => void;
+        onPointerMove: (e: React.PointerEvent) => void;
+        onPointerUp: (e: React.PointerEvent) => void;
+        onDragStart: (e: React.DragEvent<HTMLDivElement>) => void;
+        style: React.CSSProperties;
+    };
     handlePointerUp: (e: React.PointerEvent) => void;
     handlePointerMove: (e: React.PointerEvent) => void;
     handlePointerDown: (e: React.PointerEvent) => void;

package/gallery/item/useGalleryItem.props.d.ts

@@ -1,2 +1,2 @@
-import type { useGalleryItemProps } from '@primereact/types/shared/gallery';
-export declare const defaultItemProps: useGalleryItemProps;
+import type { UseGalleryItemProps } from '@primereact/types/headless/gallery';
+export declare const defaultItemProps: UseGalleryItemProps;

package/gallery/useGallery.d.ts

@@ -1,14 +1,34 @@
-import type { CarouselInstance } from '@primereact/types/shared/carousel';
+import type { GalleryPendingAction } from '@primereact/types/headless/gallery';
+import type { CarouselRootInstance } from '@primereact/types/primitive/carousel';
 import * as React from 'react';
-export declare const useGallery: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/shared/gallery").useGalleryProps, unknown, {
+export declare const useGallery: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/gallery").UseGalleryProps, unknown, {
     state: {
         isFullscreen: boolean;
         activeIndex: number;
+        zoomed: boolean;
+        rotated: boolean;
+        flipped: boolean;
+        pendingAction: GalleryPendingAction | null;
     };
-    registerItem: (ref: HTMLDivElement | null) => number;
-    handleNext: () => void;
-    handlePrev: () => void;
-    createCustomEvent: (action: string) => () => void;
+    registerItem: (index: number | null) => {
+        index: number;
+        unregister: () => void;
+    };
+    handleNext: (originalEvent?: React.SyntheticEvent) => void;
+    handlePrev: (originalEvent?: React.SyntheticEvent) => void;
+    selectItem: (index: number, originalEvent?: React.SyntheticEvent) => void;
+    reportItemState: (itemState: {
+        zoomed: boolean;
+        rotated: boolean;
+        flipped: boolean;
+        scale: number;
+        rotation: number;
+        flip: {
+            x: number;
+            y: number;
+        };
+    }) => void;
+    clearPendingAction: () => void;
     toggleFullScreen: () => void;
     handleClickAction: (action?: string) => void;
     actions: {
@@ -19,13 +39,142 @@ export declare const useGallery: (inProps?: unknown) => import("@primereact/type
         flipX: () => void;
         flipY: () => void;
         download: () => void;
-        next: () => void;
-        prev: () => void;
+        next: (originalEvent?: React.SyntheticEvent) => void;
+        prev: (originalEvent?: React.SyntheticEvent) => void;
         toggleFullScreen: () => void;
     };
     contentRef: React.RefObject<HTMLDivElement | null>;
-    toolbarRef: React.RefObject<HTMLDivElement | null>;
-    thumbnailRef: React.RefObject<CarouselInstance | null>;
+    thumbnailRef: React.RefObject<CarouselRootInstance | null>;
     prevRef: React.RefObject<HTMLButtonElement | null>;
     nextRef: React.RefObject<HTMLButtonElement | null>;
+    rootProps: {
+        'data-flipped'?: "" | undefined;
+        'data-rotated'?: "" | undefined;
+        'data-zoomed'?: "" | undefined;
+        'data-fullscreen'?: "" | undefined;
+        ref: React.RefObject<HTMLDivElement>;
+        id: string | undefined;
+        tabIndex: number;
+        role: "dialog" | "group";
+        'aria-roledescription': string | undefined;
+        'aria-modal': true | undefined;
+        'data-scope': "gallery";
+        'data-part': "root";
+        onKeyDown: (e: React.KeyboardEvent<HTMLDivElement>) => void;
+    };
+    nextProps: {
+        'data-scope': "gallery";
+        'data-part': "next";
+        onClick: (originalEvent?: React.SyntheticEvent) => void;
+    };
+    prevProps: {
+        'data-scope': "gallery";
+        'data-part': "prev";
+        onClick: (originalEvent?: React.SyntheticEvent) => void;
+    };
+    thumbnailProps: {
+        'data-scope': "gallery";
+        'data-part': "thumbnail";
+        slide: number;
+    };
+    thumbnailContentProps: {
+        'data-scope': "gallery";
+        'data-part': "thumbnailContent";
+    };
+    thumbnailItemProps: (index: number | undefined) => {
+        onClick: (event: React.MouseEvent) => void;
+        'data-active'?: "" | undefined;
+        'data-scope': "gallery";
+        'data-part': "thumbnailItem";
+        role: "button";
+        'aria-current': true | undefined;
+    };
+    toolbarProps: {
+        'data-scope': "gallery";
+        'data-part': "toolbar";
+    };
+    toolbarItemProps: (action: string | undefined) => {
+        'data-scope': "gallery";
+        'data-part': "toolbarItem";
+        onClick: () => void;
+    };
+    headerProps: {
+        'data-scope': "gallery";
+        'data-part': "header";
+    };
+    footerProps: {
+        'data-scope': "gallery";
+        'data-part': "footer";
+    };
+    backdropProps: {
+        'data-scope': "gallery";
+        'data-part': "backdrop";
+    };
+    contentProps: {
+        ref: React.RefObject<HTMLDivElement | null>;
+        'data-scope': "gallery";
+        'data-part': "content";
+    };
+    downloadProps: {
+        'data-scope': "gallery";
+        'data-part': "download";
+        'data-action': "download";
+        onClick: () => void;
+    };
+    flipXProps: {
+        'data-scope': "gallery";
+        'data-part': "flipX";
+        'data-action': "flip-x";
+        onClick: () => void;
+    };
+    flipYProps: {
+        'data-scope': "gallery";
+        'data-part': "flipY";
+        'data-action': "flip-y";
+        onClick: () => void;
+    };
+    rotateLeftProps: {
+        'data-scope': "gallery";
+        'data-part': "rotateLeft";
+        'data-action': "rotate-left";
+        onClick: () => void;
+    };
+    rotateRightProps: {
+        'data-scope': "gallery";
+        'data-part': "rotateRight";
+        'data-action': "rotate-right";
+        onClick: () => void;
+    };
+    fullScreenProps: {
+        onClick: () => void;
+        'data-fullscreen'?: "" | undefined;
+        'data-scope': "gallery";
+        'data-part': "fullScreen";
+        'data-action': "fullscreen";
+    };
+    zoomInProps: {
+        'data-scope': "gallery";
+        'data-part': "zoomIn";
+        'data-action': "zoom-in";
+        disabled: true | undefined;
+        onClick: () => void;
+    };
+    zoomOutProps: {
+        'data-scope': "gallery";
+        'data-part': "zoomOut";
+        'data-action': "zoom-out";
+        disabled: true | undefined;
+        onClick: () => void;
+    };
+    zoomToggleProps: {
+        'data-scope': "gallery";
+        'data-part': "zoomToggle";
+        'data-action': "zoom-toggle";
+        onClick: () => void;
+    };
+    getItemProps: (index: number) => {
+        'data-active'?: "" | undefined;
+        'data-scope': "gallery";
+        'data-part': "item";
+    };
 }>;

package/gallery/useGallery.props.d.ts

@@ -1,2 +1,2 @@
-import type { useGalleryProps } from '@primereact/types/shared/gallery';
-export declare const defaultProps: useGalleryProps;
+import type { UseGalleryProps } from '@primereact/types/headless/gallery';
+export declare const defaultProps: UseGalleryProps;

package/iconfield/index.d.ts

@@ -1,2 +1,3 @@
 export * from './useIconField';
 export * from './useIconField.props';
+export type * from '@primereact/types/headless/iconfield';

package/iconfield/index.mjs

@@ -1,2 +1 @@
-import{withHeadless as o}from"@primereact/core/headless";var e={};var s=o({name:"useIconField",defaultProps:e});export{e as defaultProps,s as useIconField};
-//# sourceMappingURL=index.mjs.map
+import{withHeadless as e}from"@primereact/core/headless";var o={};var i=e({name:"useIconField",defaultProps:o,setup(){return{rootProps:{"data-scope":"iconfield","data-part":"root"}}}});export{o as defaultProps,i as useIconField};

package/iconfield/useIconField.d.ts

@@ -1 +1,6 @@
-export declare const useIconField: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/shared/iconfield").useIconFieldProps, unknown, Record<PropertyKey, unknown>>;
+export declare const useIconField: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/iconfield").UseIconFieldProps, unknown, {
+    rootProps: {
+        'data-scope': string;
+        'data-part': string;
+    };
+}>;

package/iconfield/useIconField.props.d.ts

@@ -1,2 +1,2 @@
-import type { useIconFieldProps } from '@primereact/types/shared/iconfield';
-export declare const defaultProps: useIconFieldProps;
+import type { UseIconFieldProps } from '@primereact/types/headless/iconfield';
+export declare const defaultProps: UseIconFieldProps;

package/iftalabel/index.d.ts

@@ -0,0 +1,3 @@
+export * from './useIftaLabel';
+export * from './useIftaLabel.props';
+export type * from '@primereact/types/headless/iftalabel';

package/iftalabel/index.mjs

@@ -0,0 +1 @@
+import{withHeadless as t}from"@primereact/core/headless";var e={};var s=t({name:"useIftaLabel",defaultProps:e,setup(){return{rootProps:{"data-scope":"iftalabel","data-part":"root"}}}});export{e as defaultProps,s as useIftaLabel};

package/iftalabel/useIftaLabel.d.ts

@@ -0,0 +1,6 @@
+export declare const useIftaLabel: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/iftalabel").UseIftaLabelProps, unknown, {
+    rootProps: {
+        'data-scope': string;
+        'data-part': string;
+    };
+}>;

package/iftalabel/useIftaLabel.props.d.ts

@@ -0,0 +1,2 @@
+import type { UseIftaLabelProps } from '@primereact/types/headless/iftalabel';
+export declare const defaultProps: UseIftaLabelProps;

package/inplace/index.d.ts

@@ -1,2 +1,3 @@
 export * from './useInplace';
 export * from './useInplace.props';
+export type * from '@primereact/types/headless/inplace';

package/inplace/index.mjs

@@ -1,2 +1 @@
-import{withHeadless as s}from"@primereact/core/headless";import*as o from"react";var c={active:!1,onActiveChange:void 0};var d=s({name:"useInplace",defaultProps:c,setup:({props:e})=>{let[i,t]=o.useState(e.active),a={active:i};return{state:a,open:()=>t(!0),close:()=>t(!1),onActiveChange:()=>{var n;(n=e==null?void 0:e.onActiveChange)==null||n.call(e,a.active)}}}});export{c as defaultProps,d as useInplace};
-//# sourceMappingURL=index.mjs.map
+import{withHeadless as y}from"@primereact/core/headless";import{useControlledState as h}from"@primereact/hooks/use-controlled-state";var i={open:void 0,defaultOpen:!1,active:void 0,defaultActive:void 0,disabled:!1,onOpenChange:void 0,onActiveChange:void 0};var g=y({name:"useInplace",defaultProps:i,setup:({props:a})=>{let p=e=>{let l={...e,active:e.open};a.onOpenChange?.(l),a.onActiveChange?.(l)},[t,d]=h({value:a.open??a.active,defaultValue:a.defaultOpen??a.defaultActive??!1,onChange:p}),r={open:t},n=e=>{a.disabled||d([!0,{originalEvent:e,open:!0}])},o=e=>{a.disabled||d([!1,{originalEvent:e,open:!1}])};function s(e){e.defaultPrevented||(e.code==="Enter"||e.code==="Space")&&(e.preventDefault(),n(e))}function c(e){e.defaultPrevented||e.code==="Escape"&&(e.preventDefault(),o(e))}let f={"data-scope":"inplace","data-part":"root",[t?"data-open":"data-closed"]:"",...a.disabled&&{"data-disabled":""}},u={"data-scope":"inplace","data-part":"display",role:"button",tabIndex:a.disabled?-1:0,"aria-expanded":!!t,"aria-disabled":a.disabled||void 0,onClick:e=>n(e),onKeyDown:s,[t?"data-open":"data-closed"]:"",...a.disabled&&{"data-disabled":""}},m={"data-scope":"inplace","data-part":"content",onKeyDown:c,[t?"data-open":"data-closed"]:"",...a.disabled&&{"data-disabled":""}},b={"data-scope":"inplace","data-part":"close",type:"button",onClick:e=>o(e),[t?"data-open":"data-closed"]:"",...a.disabled&&{"data-disabled":""}};return{state:r,open:n,close:o,onDisplayKeyDown:s,onContentKeyDown:c,rootProps:f,displayProps:u,contentProps:m,closeProps:b}}});export{i as defaultProps,g as useInplace};

package/inplace/useInplace.d.ts

@@ -1,8 +1,39 @@
-export declare const useInplace: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/shared/inplace").useInplaceProps, unknown, {
+import * as React from 'react';
+export declare const useInplace: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/inplace").UseInplaceProps, unknown, {
     state: {
-        active: boolean | undefined;
+        open: boolean | undefined;
+    };
+    open: (originalEvent?: React.SyntheticEvent) => void;
+    close: (originalEvent?: React.SyntheticEvent) => void;
+    onDisplayKeyDown: (event: React.KeyboardEvent<HTMLDivElement>) => void;
+    onContentKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;
+    rootProps: {
+        'data-disabled'?: "" | undefined;
+        'data-scope': string;
+        'data-part': string;
+    };
+    displayProps: {
+        'data-disabled'?: "" | undefined;
+        'data-scope': string;
+        'data-part': string;
+        role: "button";
+        tabIndex: number;
+        'aria-expanded': boolean;
+        'aria-disabled': true | undefined;
+        onClick: (event: React.MouseEvent) => void;
+        onKeyDown: (event: React.KeyboardEvent<HTMLDivElement>) => void;
+    };
+    contentProps: {
+        'data-disabled'?: "" | undefined;
+        'data-scope': "inplace";
+        'data-part': "content";
+        onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;
+    };
+    closeProps: {
+        'data-disabled'?: "" | undefined;
+        'data-scope': string;
+        'data-part': string;
+        type: "button";
+        onClick: (event: React.MouseEvent) => void;
     };
-    open: () => void;
-    close: () => void;
-    onActiveChange: () => void;
 }>;

package/inplace/useInplace.props.d.ts

@@ -1,2 +1,2 @@
-import type { useInplaceProps } from '@primereact/types/shared/inplace';
-export declare const defaultProps: useInplaceProps;
+import type { UseInplaceProps } from '@primereact/types/headless/inplace';
+export declare const defaultProps: UseInplaceProps;

package/{colorpicker → inputcolor}/colorManager.d.ts

@@ -1,4 +1,4 @@
-import type { Color2DAxes, Color3DAxes, ColorChannel, ColorChannelRange, ColorInputChannel, ColorInstance, ColorOutput, ColorSliderChannel, ColorSpace } from '@primereact/types/shared/colorpicker';
+import type { Color2DAxes, Color3DAxes, ColorChannel, ColorChannelRange, ColorInputChannel, ColorInstance, ColorOutput, ColorSliderChannel, ColorSpace } from '@primereact/types/headless/inputcolor';
 export declare const isEqual: (a: unknown, b: unknown) => boolean;
 declare abstract class Color {
     abstract clone(): ColorInstance;
@@ -60,6 +60,7 @@ export declare class RGBColor extends Color {
     private alpha;
     constructor(red: number, green: number, blue: number, alpha: number);
     static parse(value: string): RGBColor | undefined;
+    private static expandShortHex;
     private static parseHexColor;
     private static parseRgbFunction;
     private toHSB;
@@ -91,10 +92,10 @@ export declare class OKLCHColor extends Color {
     getChannels(): [ColorChannel, ColorChannel, ColorChannel];
 }
 export declare const parseColor: (color: string) => ColorInstance;
-export declare function getChannelGradient(channel: ColorSliderChannel, value: ColorInstance, orientation: 'horizontal' | 'vertical'): string;
+export declare function getChannelGradient(channel: ColorSliderChannel, value: ColorInstance, orientation: 'horizontal' | 'vertical', isRtl?: boolean): string;
 export declare function getChannelColor(color: ColorInstance, channel: ColorChannel): ColorInstance;
 export declare function getAreaGradient(color: ColorInstance, axes: Color2DAxes): {
-    '--area-gradient': string;
+    '--px-area-gradient': string;
 };
 export declare function getInputChannelValue(color: ColorInstance, channel: ColorInputChannel, format?: ColorSpace): string;
 export declare function getInputChannelRange(color: ColorInstance, channel?: ColorInputChannel): ColorChannelRange | undefined;

package/inputcolor/index.d.ts

@@ -0,0 +1,4 @@
+export * from './colorManager';
+export * from './useInputColor';
+export * from './useInputColor.props';
+export type * from '@primereact/types/headless/inputcolor';

package/inputcolor/index.mjs

@@ -0,0 +1 @@
+var ft=/hsb\(([-+]?\d+(?:.\d+)?\s*,\s*[-+]?\d+(?:.\d+)?%\s*,\s*[-+]?\d+(?:.\d+)?%)\)|hsba\(([-+]?\d+(?:.\d+)?\s*,\s*[-+]?\d+(?:.\d+)?%\s*,\s*[-+]?\d+(?:.\d+)?%\s*,\s*[-+]?\d(.\d+)?)\)/,St=/hsl\(([-+]?\d+(?:.\d+)?\s*,\s*[-+]?\d+(?:.\d+)?%\s*,\s*[-+]?\d+(?:.\d+)?%)\)|hsla\(([-+]?\d+(?:.\d+)?\s*,\s*[-+]?\d+(?:.\d+)?%\s*,\s*[-+]?\d+(?:.\d+)?%\s*,\s*[-+]?\d(.\d+)?)\)/,Rt=/^#?([a-fA-F0-9]{3,8})$/,wt=/^rgba?\(\s*([^)]+)\s*\)$/,Mt=/oklch\(\s*([\d.]+)%?\s+([\d.]+)\s+([\d.]+)(deg)?(?:\s*\/\s*([\d.]+))?\)/i;function R(e,t,n){return Math.min(Math.max(e,t),n)}var kt=(e,t)=>JSON.stringify(e)===JSON.stringify(t),B=(e,t)=>[e[0]*t[0]+e[1]*t[1]+e[2]*t[2],e[3]*t[0]+e[4]*t[1]+e[5]*t[2],e[6]*t[0]+e[7]*t[1]+e[8]*t[2]];function Et(e,t,n,r){let o=R(e,t,n)-t,i=Math.round(o/r),l=t+i*r,u=(r.toString().split(".")[1]||"").length;return parseFloat(l.toFixed(u))}var v=class{getChannelValue(t){if(t in this)return this[t];throw new Error(`Unknown color channel: ${t}`)}withChannelValue(t,n){let{min:r,max:a}=this.getChannelRange(t);if(t in this){let o=this.clone();return o[t]=R(n,r,a),o}throw new Error(`Unknown color channel: ${t}`)}getSpaceAxes(t){let{xChannel:n,yChannel:r}=t;if(n===r)throw new Error("xChannel and yChannel cannot be the same");let a=this.getChannels().find(o=>o!==n&&o!==r);if(!a)throw new Error("zChannel not found");return{xChannel:n,yChannel:r,zChannel:a}}incChannelValue(t,n){let{min:r,max:a,step:o}=this.getChannelRange(t),i=Et(R(this.getChannelValue(t)+n,r,a),r,a,o);return this.withChannelValue(t,i)}decChannelValue(t,n){return this.incChannelValue(t,-n)}},P=class e extends v{constructor(t,n,r,a){super(),this.hue=t,this.saturation=n,this.brightness=r,this.alpha=a}static parse(t){let n=t.match(ft);if(!n)return;let[r,a,o,i]=(n[1]??n[2]).split(",").map(l=>Number(l.trim().replace("%","")));return new e(r%360,R(a,0,100),R(o,0,100),R(i??1,0,1))}toRGB(){let t=this.hue,n=this.saturation/100,r=this.brightness/100;function a(o){let i=(o+t/60)%6;return r-r*n*Math.max(0,Math.min(i,4-i,1))}return new L(Math.round(a(5)*255),Math.round(a(3)*255),Math.round(a(1)*255),Number(this.alpha.toFixed(2)))}toHSL(){let t=this.hue,n=this.saturation/100,r=this.brightness/100,a=r*(1-n/2);return a===0||a===1?n=0:n=(r-a)/Math.min(a,1-a),new D(Number(t.toFixed(2)),Number((n*100).toFixed(2)),Number((a*100).toFixed(2)),Number(this.alpha.toFixed(2)))}toFormat(t){switch(t){case"hsba":return this;case"rgba":return this.toRGB();case"hsla":return this.toHSL();case"oklcha":return this.toRGB().toFormat("oklcha");default:throw new Error(`Invalid format: ${t}`)}}toString(t){switch(t){case"css":return this.toHSL().toString("css");case"hex":return this.toRGB().toString("hex");case"hexa":return this.toRGB().toString("hexa");case"hsb":return`hsb(${this.hue}, ${this.saturation.toFixed(2)}%, ${this.brightness.toFixed(2)}%)`;case"hsba":return`hsba(${this.hue}, ${this.saturation.toFixed(2)}%, ${this.brightness.toFixed(2)}%, ${this.alpha})`;case"hsl":return this.toHSL().toString("hsl");case"rgb":return this.toRGB().toString("rgb");case"oklch":return this.toRGB().toFormat("oklcha").toString("oklch");default:return this.toFormat(t).toString(t)}}toJSON(){return{hue:this.hue,saturation:this.saturation,brightness:this.brightness,alpha:this.alpha}}clone(){return new e(this.hue,this.saturation,this.brightness,this.alpha)}getChannelRange(t){switch(t){case"hue":return{min:0,max:360,step:1};case"saturation":case"brightness":return{min:0,max:100,step:1};case"alpha":return{min:0,max:1,step:.01};default:throw new Error(`Unknown color channel: ${t}`)}}getFormat(){return"hsba"}getChannels(){return["hue","saturation","brightness"]}},D=class e extends v{constructor(t,n,r,a){super(),this.hue=t,this.saturation=n,this.lightness=r,this.alpha=a}static parse(t){let n=t.match(St);if(!n)return;let[r,a,o,i]=(n[1]||n[2])?.split(",").map(l=>Number(l.trim().replace("%","")))??[];return new e(r%360,R(a,0,100),R(o,0,100),R(i??1,0,1))}toRGB(){let t=this.hue,n=this.saturation/100,r=this.lightness/100;function a(o){let i=(o+t/30)%12,l=n*Math.min(r,1-r);return r-l*Math.max(-1,Math.min(i-3,9-i,1))}return new L(Math.round(a(0)*255),Math.round(a(8)*255),Math.round(a(4)*255),Number(this.alpha.toFixed(2)))}toHSB(){let t=this.hue,n=this.saturation/100,r=this.lightness/100,a=r+n*Math.min(r,1-r);return a===0?n=0:n=2*(1-r/a),new P(Number(t.toFixed(2)),Number((n*100).toFixed(2)),Number((a*100).toFixed(2)),Number(this.alpha.toFixed(2)))}toFormat(t){switch(t){case"hsla":return this;case"rgba":return this.toRGB();case"hsba":return this.toHSB();case"oklcha":return this.toRGB().toFormat("oklcha");default:throw new Error(`Invalid format: ${t}`)}}toString(t){switch(t){case"hex":return this.toRGB().toString("hex");case"hexa":return this.toRGB().toString("hexa");case"hsl":return`hsl(${this.hue}, ${this.saturation.toFixed(2)}%, ${this.lightness.toFixed(2)}%)`;case"css":case"hsla":return`hsla(${this.hue}, ${this.saturation.toFixed(2)}%, ${this.lightness.toFixed(2)}%, ${this.alpha})`;case"rgb":return this.toRGB().toString("rgb");case"hsb":return this.toHSB().toString("hsb");case"oklch":return this.toRGB().toFormat("oklcha").toString("oklch");default:return this.toFormat(t).toString(t)}}toJSON(){return{hue:this.hue,saturation:this.saturation,lightness:this.lightness,alpha:this.alpha}}clone(){return new e(this.hue,this.saturation,this.lightness,this.alpha)}getChannelRange(t){switch(t){case"hue":return{min:0,max:360,step:1};case"saturation":case"lightness":return{min:0,max:100,step:1};case"alpha":return{min:0,max:1,step:.01};default:throw new Error(`Unknown color channel: ${t}`)}}getFormat(){return"hsla"}getChannels(){return["hue","saturation","lightness"]}},L=class e extends v{constructor(t,n,r,a){super(),this.red=t,this.green=n,this.blue=r,this.alpha=a}static parse(t){if(!t)return;let n=t.trim();return this.parseHexColor(n)??this.parseRgbFunction(n)}static expandShortHex(t){return t.split("").map(n=>n+n).join("")}static parseHexColor(t){let n=t.match(Rt);if(!n)return;let r=n[1];if(r.length<=4&&(r=this.expandShortHex(r)),![6,8].includes(r.length))return;let a=parseInt(r.slice(0,2),16),o=parseInt(r.slice(2,4),16),i=parseInt(r.slice(4,6),16),l=r.length===8?parseInt(r.slice(6,8),16)/255:1;return new e(a,o,i,l)}static parseRgbFunction(t){let n=t.match(wt);if(!n?.[1])return;let[r,a,o,i]=n[1].split(",").map(g=>g.trim()),l=R(Number(r),0,255),u=R(Number(a),0,255),c=R(Number(o),0,255),x=i!==void 0?R(Number(i),0,1):1;if(![l,u,c,x].some(g=>Number.isNaN(g)))return new e(l,u,c,x)}toHSB(){let[t,n,r]=[this.red/255,this.green/255,this.blue/255],a=Math.max(t,n,r),o=Math.min(t,n,r),i=a-o,l=a,u=a===0?0:i/a,c=0;if(i!==0){switch(a){case t:c=(n-r)/i%6;break;case n:c=(r-t)/i+2;break;case r:c=(t-n)/i+4;break}c*=60,c<0&&(c+=360)}return new P(Number(c.toFixed(2)),Number((u*100).toFixed(2)),Number((l*100).toFixed(2)),Number(this.alpha.toFixed(2)))}toHSL(){let[t,n,r]=[this.red/255,this.green/255,this.blue/255],a=Math.max(t,n,r),o=Math.min(t,n,r),i=(a+o)/2,l=a-o,u=0,c=-1;if(l!==0){switch(a){case t:u=(n-r)/l%6;break;case n:u=(r-t)/l+2;break;case r:u=(t-n)/l+4;break}u*=60,u<0&&(u+=360)}return i===0||i===1?c=0:c=l/(1-Math.abs(2*a-l-1)),new D(Number(u.toFixed(2)),Number((c*100).toFixed(2)),Number((i*100).toFixed(2)),Number(this.alpha.toFixed(2)))}toOKLCH(){let n=[this.red/255,this.green/255,this.blue/255].map(H=>Math.abs(H)<=.04045?H/12.92:(H<0?-1:1)*((Math.abs(H)+.055)/1.055)**2.4),r=B([.41239079926595934,.357584339383878,.1804807884018343,.21263900587151027,.715168678767756,.07219231536073371,.01933081871559182,.11919477979462598,.9505321522496607],n),o=B([.819022437996703,.3619062600528904,-.1288737815209879,.0329836539323885,.9292868615863434,.0361446663506424,.0481771893596242,.2642395317527308,.6335478284694309],r).map(H=>Math.cbrt(H)),[i,l,u]=B([.210454268309314,.7936177747023054,-.0040720430116193,1.9779985324311684,-2.42859224204858,.450593709617411,.0259040424655478,.7827717124575296,-.8086757549230774],o),c=Math.sqrt(l**2+u**2),x=Math.abs(l)<2e-4&&Math.abs(u)<2e-4?NaN:(Math.atan2(u,l)*180/Math.PI%360+360)%360,g=Number(Math.min(1,Math.max(0,i)).toFixed(4)),T=Number(c.toFixed(4)),m=Number.isNaN(x)?NaN:Number(x.toFixed(2));return new U(g,T,m,Number(this.alpha.toFixed(2)))}toHexInt(){return this.red<<16|this.green<<8|this.blue}toFormat(t){switch(t){case"rgba":return this;case"hsla":return this.toHSL();case"hsba":return this.toHSB();case"oklcha":return this.toOKLCH();default:throw new Error(`Invalid format: ${t}`)}}toString(t){switch(t){case"hex":return`#${this.red.toString(16).padStart(2,"0")}${this.green.toString(16).padStart(2,"0")}${this.blue.toString(16).padStart(2,"0")}`;case"hexa":return`#${this.red.toString(16).padStart(2,"0")}${this.green.toString(16).padStart(2,"0")}${this.blue.toString(16).padStart(2,"0")}${Math.round(this.alpha*255).toString(16).padStart(2,"0")}`;case"rgb":return`rgb(${this.red}, ${this.green}, ${this.blue})`;case"rgba":case"css":return`rgba(${this.red}, ${this.green}, ${this.blue}, ${this.alpha})`;case"hsl":return this.toHSL().toString("hsl");case"hsb":return this.toHSB().toString("hsb");case"oklch":return this.toOKLCH().toString("oklch");default:return this.toFormat(t).toString(t)}}toJSON(){return{red:this.red,green:this.green,blue:this.blue,alpha:this.alpha}}clone(){return new e(this.red,this.green,this.blue,this.alpha)}getChannelRange(t){switch(t){case"red":case"green":case"blue":return{min:0,max:255,step:1};case"alpha":return{min:0,max:1,step:.01};default:throw new Error(`Unknown color channel: ${t}`)}}getFormat(){return"rgba"}getChannels(){return["red","green","blue"]}},U=class e extends v{constructor(t,n,r,a){super(),this.L=t,this.C=n,this.H=r,this.alpha=a}static parse(t){if(!t)return;let n=t.trim().match(Mt);if(!n)return;let r=Number(n[1])/100,a=Number(n[2]),o=Number(n[3]),i=n[5]!==void 0?Number(n[5]):1;return new e(r,a,o,i)}toRGB(){let t=this.L,n=Number.isNaN(this.H)?0:this.C*Math.cos(this.H*Math.PI/180),r=Number.isNaN(this.H)?0:this.C*Math.sin(this.H*Math.PI/180),o=B([1,.3963377774,.2158037573,1,-.1055613458,-.0638541728,1,-.0894841775,-1.291485548],[t,n,r]).map(x=>x**3),i=B([1.2268798758,-.5578149945,.2813910457,-.0405757452,1.1122868033,-.0717110581,-.0763729367,-.4214933324,1.5869240198],o),[l,u,c]=B([3.240969942,-1.537383178,-.49861076,-.969243636,1.875967502,.041555057,.05563008,-.203976959,1.056971514],i);return[l,u,c]=[l,u,c].map(x=>Math.abs(x)>.0031308?(x<0?-1:1)*(1.055*Math.abs(x)**(1/2.4)-.055):12.92*x),new L(Math.round(R(l,0,1)*255),Math.round(R(u,0,1)*255),Math.round(R(c,0,1)*255),Number(this.alpha.toFixed(2)))}toJSON(){return{L:this.L,C:this.C,H:this.H,alpha:this.alpha}}clone(){return new e(this.L,this.C,this.H,this.alpha)}toFormat(t){switch(t){case"oklcha":return this;case"rgba":return this.toRGB();case"hsla":return this.toRGB().toFormat("hsla");case"hsba":return this.toRGB().toFormat("hsba");default:throw new Error(`Invalid format: ${t}`)}}toString(t){switch(t){case"hex":return this.toRGB().toString("hex");case"hexa":return this.toRGB().toString("hexa");case"oklch":{let n=Number.isNaN(this.L)?0:Number((this.L*100).toFixed(2)),r=Number.isNaN(this.C)?0:Number(this.C.toFixed(4)),a=Number.isNaN(this.H)?0:Number(this.H.toFixed(2));return`oklch(${n}% ${r} ${a})`}case"oklcha":case"css":{let n=Number.isNaN(this.L)?0:Number((this.L*100).toFixed(2)),r=Number.isNaN(this.C)?0:Number(this.C.toFixed(4)),a=Number.isNaN(this.H)?0:Number(this.H.toFixed(2)),o=Number.isNaN(this.alpha)?1:Number(this.alpha.toFixed(2));return`oklch(${n}% ${r} ${a} / ${o})`}case"hsl":return this.toRGB().toString("hsl");case"hsb":return this.toRGB().toString("hsb");case"rgb":return this.toRGB().toString("rgb");default:return this.toFormat(t).toString(t)}}getChannelRange(t){switch(t){case"L":return{min:0,max:1,step:.01};case"C":return{min:0,max:.4,step:.01};case"H":return{min:0,max:360,step:1};case"alpha":return{min:0,max:1,step:.01};default:throw new Error(`Unknown color channel: ${t}`)}}getFormat(){return"oklcha"}getChannels(){return["L","C","H"]}},V=e=>{let t=L.parse(e)??D.parse(e)??P.parse(e)??void 0;if(!t)throw new Error(`Invalid color: ${e}`);return t};function rt(e,t,n,r=!1){let{min:a,max:o}=t.getChannelRange(e),i=n==="horizontal"?r?"left":"right":"bottom";switch(e){case"hue":return`linear-gradient(to ${i}, rgb(255, 0, 0) 0%, rgb(255, 255, 0) 17%, rgb(0, 255, 0) 33%, rgb(0, 255, 255) 50%, rgb(0, 0, 255) 67%, rgb(255, 0, 255) 83%, rgb(255, 0, 0) 100%)`;case"lightness":{let l=t.withChannelValue(e,a).toString("css"),u=t.withChannelValue(e,(o-a)/2).toString("css"),c=t.withChannelValue(e,o).toString("css");return`linear-gradient(to ${i}, ${l}, ${u}, ${c})`}case"red":case"green":case"blue":case"saturation":case"brightness":case"alpha":{let l=t.withChannelValue(e,a).toString("css"),u=t.withChannelValue(e,o).toString("css");return`linear-gradient(to ${i}, ${l}, ${u})`}default:throw new Error(`Unknown color channel: ${e}`)}}function at(e,t){switch(t){case"hue":return V(`hsl(${e.getChannelValue("hue")}, 100%, 50%)`);case"red":case"green":case"blue":case"lightness":case"brightness":case"saturation":return e.withChannelValue("alpha",1);case"alpha":return e;default:throw new Error(`Unknown color channel: ${t}`)}}var Ft={hue:e=>[0,60,120,180,240,300,360].map(t=>e.withChannelValue("hue",t).toString("css")).join(", "),saturation:e=>`${e.withChannelValue("saturation",0).toString("css")}, transparent`,lightness:()=>"black, transparent, white",brightness:()=>"black, transparent"};function st(e,t){let{xChannel:n,zChannel:r}=e.getSpaceAxes(t),a=e.getChannelValue(r),o=e.getFormat(),l=V((o==="rgba"||o==="oklcha"?"hsba":o)==="hsla"?"hsl(0, 100%, 50%)":"hsb(0, 100%, 100%)").withChannelValue(r,a),u=e.getChannels(),c=g=>g===n?"right":"top",x=u.filter(g=>g!==r).map(g=>`linear-gradient(to ${c(g)}, ${Ft[g](l)})`).reverse();return r==="hue"&&x.push(l.toString("css")),{"--px-area-gradient":x.join(", ")}}function K(e,t,n="hsba"){let r=e.getFormat()==="hsla";switch(t){case"hex":return e.getChannelValue("alpha")<e.getChannelRange("alpha").max?e.toString("hexa"):e.toString("hex");case"css":return e.toFormat(n).toString("css");case"red":case"green":case"blue":return e.toFormat("rgba").getChannelValue(t).toString();case"hue":return e.toFormat(r?"hsla":"hsba").getChannelValue("hue").toString();case"saturation":return e.toFormat(r?"hsla":"hsba").getChannelValue("saturation").toString();case"lightness":return e.toFormat("hsla").getChannelValue("lightness").toString();case"brightness":return e.toFormat("hsba").getChannelValue("brightness").toString();case"C":return e.toFormat("oklcha").getChannelValue("C").toString();case"H":return e.toFormat("oklcha").getChannelValue("H").toString();case"L":return e.toFormat("oklcha").getChannelValue("L").toString();default:return e.getChannelValue(t).toString()}}function ot(e,t="hex"){switch(t){case"hex":return{min:V("#000000").toHexInt(),max:V("#FFFFFF").toHexInt(),step:1};case"css":return;case"red":case"green":case"blue":return e.toFormat("rgba").getChannelRange(t);case"hue":case"lightness":case"saturation":return e.toFormat("hsla").getChannelRange(t);case"brightness":return e.toFormat("hsba").getChannelRange(t);case"L":case"C":case"H":return e.toFormat("oklcha").getChannelRange(t);default:return e.getChannelRange(t)}}import{withHeadless as Nt}from"@primereact/core/headless";import{useControlledState as Vt}from"@primereact/hooks/use-controlled-state";import{useDirection as Ht}from"@primereact/hooks/use-direction";import*as N from"react";var it={defaultValue:void 0,value:void 0,format:"hsba",disabled:!1,onValueChange:void 0,onValueChangeEnd:void 0};var It=/^[0-9a-fA-F]{3,8}$/;function yt(e){return It.test(e)}function Gt(e){return e.startsWith("#")?e:yt(e)?`#${e}`:e}function $t(e){return e.replace("to bottom","to top")}var Ut=Nt({name:"useInputColor",defaultProps:it,setup({props:e}){let{format:t="hsba",disabled:n}=e,[r,a]=N.useState(!1),o=Ht()==="rtl",i=N.useRef([]),l=N.useRef({x:0,y:0}),u=N.useRef(e.defaultValue??V("#ff0000").toFormat(e.format||"hsba")),[c,x]=Vt({value:e.value,defaultValue:u.current,onChange:e.onValueChange}),g=N.useMemo(()=>c??V("#ff0000").toFormat(t),[c,t]),T=t.startsWith("hsl")?"hsla":"hsba",m=N.useMemo(()=>g.toFormat(T),[g,T]),H={value:g,isAreaDragging:r},k=(s,h)=>{x([s,{color:s.toString(t),value:s,...h?.originalEvent?{originalEvent:h.originalEvent}:{}}]),O(s)},z=(s,h,w)=>{if(!w||n)return;let C=w.getBoundingClientRect(),p=Math.max(0,Math.min(1,(s-l.current.x-C.left)/C.width)),S=Math.max(0,Math.min(1,(h-l.current.y-C.top)/C.height)),{xChannel:b,yChannel:F}=_(),G=m.getChannelRange(b),I=m.getChannelRange(F),A=p*(G.max-G.min)+G.min,X=(1-S)*(I.max-I.min)+I.min,E=A-m.getChannelValue(b),d=X-m.getChannelValue(F),f=m.incChannelValue(b,E).incChannelValue(F,d);k(f)},J=s=>{let h=s.currentTarget;if(!h||s.button!==0)return;let C=s.target?.closest?.('[data-part="area-handle"], .p-input-color-area-handle');if(C){let p=C.getBoundingClientRect(),S=p.left+p.width/2,b=p.top+p.height/2;l.current={x:s.clientX-S,y:s.clientY-b}}else l.current={x:0,y:0};h.setPointerCapture(s.pointerId),a(!0),z(s.clientX,s.clientY,h)},Y=s=>{r&&z(s.clientX,s.clientY,s.currentTarget)},j=s=>{let h=s.currentTarget;h&&(h.releasePointerCapture(s.pointerId),a(!1),l.current={x:0,y:0},e.onValueChangeEnd&&e.onValueChangeEnd({originalEvent:s,color:g.toString(t),value:g}))},q=s=>{e.onValueChangeEnd&&e.onValueChangeEnd({originalEvent:s,color:g.toString(t),value:g})},W=s=>{if(n)return;let h=s.key;if(!["ArrowRight","ArrowLeft","ArrowUp","ArrowDown"].includes(h))return;s.preventDefault();let{xChannel:w,yChannel:C}=_(),{step:p}=m.getChannelRange(w),{step:S}=m.getChannelRange(C),b=m;h==="ArrowRight"&&(b=b.incChannelValue(w,p)),h==="ArrowLeft"&&(b=b.decChannelValue(w,p)),h==="ArrowUp"&&(b=b.incChannelValue(C,S)),h==="ArrowDown"&&(b=b.decChannelValue(C,S)),k(b),e.onValueChangeEnd&&e.onValueChangeEnd({originalEvent:s,color:b.toString(t),value:b})},_=()=>{let s=m.getChannels();return{xChannel:s[1],yChannel:s[2]}},Q=()=>{if(typeof window<"u"&&!window.EyeDropper||n)return;new window.EyeDropper().open().then(h=>{let w=V(h.sRGBHex);k(w)}).catch(h=>{console.error("Error opening eyedropper",h)})},M=_(),{min:Z,max:lt}=m.getChannelRange(M.xChannel),{min:tt,max:ht}=m.getChannelRange(M.yChannel),ut=m.getChannelValue(M.xChannel),ct=m.getChannelValue(M.yChannel),et={...st(m,M),"--px-handle-background":m.withChannelValue("alpha",1).toString("css"),"--px-handle-position-left":(ut-Z)/(lt-Z)*100+"%","--px-handle-position-top":(1-(ct-tt)/(ht-tt))*100+"%"},nt={"--px-swatch-background":g.toString("css")},gt=({channel:s="hue",orientation:h="horizontal",disabled:w}={})=>{let C=n||w,p=s==="alpha"?m:g.getChannels().includes(s)?g:m.getChannels().includes(s)?m:g.toFormat(t),S=p.getChannelRange(s),b=p.getChannelValue(s),F=rt(s,p,h,o),I={"--px-slider-background":h==="vertical"?$t(F):F,"--px-slider-handle-background":at(p,s).toString("css")},A=E=>{if(C)return;let d=Array.isArray(E.value)?E.value[0]:E.value;if(d===void 0||Number.isNaN(d))return;let f=p.withChannelValue(s,d);k(f,{originalEvent:E.originalEvent})},X=E=>{if(C||!e.onValueChangeEnd)return;let d=Array.isArray(E.value)?E.value[0]:E.value;if(d===void 0||Number.isNaN(d))return;let f=p.withChannelValue(s,d);e.onValueChangeEnd({originalEvent:E.originalEvent,color:f.toString(t),value:f})};return{"data-scope":"inputcolor","data-part":"slider","data-orientation":h,"data-channel":s,orientation:h,style:I,value:b,min:S.min,max:S.max,step:S.step,disabled:C,onValueChange:A,onValueChangeEnd:X}},dt=s=>{let h=s.elementRef.current;i.current.includes(h)||i.current.push(h)},O=s=>{requestAnimationFrame(()=>{let h=s||g;i.current.forEach(C=>{let p=C.getAttribute("data-channel");if(p){let S=K(h,p,t);C.value=String(S)}})})};N.useEffect(()=>{O()},[g,t]);let mt=({channel:s="hex",disabled:h}={})=>{let w=n||h,C=g,p=t,S=ot(C,s),b=K(C,s,p),F=s==="hex"||s==="css",G=d=>{if(w)return;let f;if(F)try{f=V(s==="hex"?Gt(String(d)):String(d))}catch{f=C}else{let y=C;s!=="alpha"&&(y=y.toFormat(p));let $=Number.parseFloat(String(d)),xt=Number.isNaN($)?y.getChannelValue(s):$;f=y.withChannelValue(s,xt)}return k(f),f},I=d=>{let f=d.currentTarget,y=F?f.value:f.valueAsNumber,$=G(y);!$||!e.onValueChangeEnd||e.onValueChangeEnd({originalEvent:d,color:$.toString(t),value:$})},A=d=>{let f=d.currentTarget,y=F?f.value:f.valueAsNumber;G(y)},X=d=>{I(d)},E=d=>{d.defaultPrevented||d.key==="Enter"&&(I(d),d.preventDefault())};return{"data-scope":"inputcolor","data-part":"input",type:F?"text":"number",spellCheck:!1,autoComplete:"off",disabled:!!w,"data-channel":s,"aria-label":s,min:S?.min,max:S?.max,step:S?.step,channelValue:b,onChange:A,onBlur:X,onKeyDown:E}},Ct={"data-scope":"inputcolor","data-part":"root",...n&&{"data-disabled":""},...r&&{"data-dragging":""}},pt={"data-scope":"inputcolor","data-part":"area",style:et,onPointerDown:J,onPointerMove:Y,onPointerUp:j},bt={"data-scope":"inputcolor","data-part":"area-handle",role:"slider",tabIndex:n?-1:0,"aria-disabled":n,"aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":m.getChannelValue(M.xChannel),"aria-label":`${M.xChannel} and ${M.yChannel}`,"aria-roledescription":"2d slider","aria-valuetext":`${M.xChannel} ${m.getChannelValue(M.xChannel)}, ${M.yChannel} ${m.getChannelValue(M.yChannel)}`,onKeyDown:W,onBlur:q};return{state:H,value:c,areaValue:m,areaChannels:M,rootProps:Ct,areaProps:pt,areaHandleProps:bt,swatchProps:{"data-scope":"inputcolor","data-part":"swatch",style:nt},eyeDropperProps:{"data-scope":"inputcolor","data-part":"eye-dropper",disabled:!!n,onClick:Q},sliderHandleProps:{"data-scope":"inputcolor","data-part":"slider-handle",role:"slider",tabIndex:n?-1:0,"aria-disabled":n},getInputProps:mt,getSliderProps:gt,setValue:x,handleAreaPointerDown:J,handleAreaPointerMove:Y,handleAreaPointerUp:j,handleAreaBlur:q,handleAreaKeyDown:W,areaStyles:et,swatchStyles:nt,openEyeDropper:Q,syncChannelInputs:O,registerInputEl:dt}}});export{P as HSBColor,D as HSLColor,U as OKLCHColor,L as RGBColor,it as defaultProps,st as getAreaGradient,at as getChannelColor,rt as getChannelGradient,ot as getInputChannelRange,K as getInputChannelValue,kt as isEqual,V as parseColor,Ut as useInputColor};