https://www.cccb.org/o/frontend-js-clay-web/__liferay__/exports/@clayui$time-picker.js

1import{ClayButtonWithIcon as me}from"../../../frontend-js-clay-web/__liferay__/exports/@clayui$button.js";import X from"../../../frontend-js-clay-web/__liferay__/exports/@clayui$button.js";var h=X;import{ClayCheckbox as ce,ClayInput as l,ClayDualListBox as fe,ClayRadio as ye,ClayRadioGroup as de,ClaySelect as ge,ClaySelectBox as Ce,ClaySelectWithOption as xe,ClayToggle as he}from"../../../frontend-js-clay-web/__liferay__/exports/@clayui$form.js";import ue from"../../../frontend-js-clay-web/__liferay__/exports/@clayui$form.js";import{ClayIconSpriteContext as be}from"../../../frontend-js-clay-web/__liferay__/exports/@clayui$icon.js";import Z from"../../../frontend-js-clay-web/__liferay__/exports/@clayui$icon.js";var f=Z;import{FocusScope as O,Keys as Se,LinkOrButton as De,MouseSafeArea as ve,Overlay as Ae,PanelResizer as Ne,ClayPortal as ke,delegate as Fe,doAlign as Pe,getEllipsisItems as we,getLocatorValue as Le,observeRect as Ve,isMac as Oe,isIPhone as Ge,isIPad as He,isIOS as Be,isAppleDevice as Ue,setElementFullHeight as Ke,stack as $e,sub as We,throttle as ze,useControlledState as G,useDebounce as Ye,useFocusManagement as je,FOCUSABLE_ELEMENTS as qe,useHover as Je,useId as Qe,useInteractionFocus as Xe,useFocusVisible as Ze,useIsFirstRender as Re,useIsMobileDevice as et,useMousePosition as tt,useNavigation as nt,isTypeahead as ot,getFocusableList as st,useOverlayPosition as it,usePrevious as at}from"../../../frontend-js-clay-web/__liferay__/exports/@clayui$shared.js";import{}from"../../../frontend-js-react-web/__liferay__/exports/classnames.js";import R from"../../../frontend-js-react-web/__liferay__/exports/classnames.js";var y=R;import{Children as ft,Component as yt,Fragment as dt,Profiler as gt,PureComponent as Ct,StrictMode as xt,Suspense as ht,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED as Tt,cloneElement as It,createContext as Mt,createElement as bt,createFactory as _t,createRef as Et,forwardRef as St,isValidElement as Dt,lazy as vt,memo as At,startTransition as Nt,unstable_act as kt,useCallback as Ft,useContext as Pt,useDebugValue as wt,useDeferredValue as Lt,useEffect as H,useId as Vt,useImperativeHandle as Ot,useInsertionEffect as Gt,useLayoutEffect as Ht,useMemo as Bt,useReducer as Ut,useRef as B,useState as D,useSyncExternalStore as Kt,useTransition as $t,version as Wt}from"../../../frontend-js-react-web/__liferay__/exports/react.js";import ee from"../../../frontend-js-react-web/__liferay__/exports/react.js";var t=ee;var o="--",te={use12Hours:{ampm:{am:"AM",pm:"PM"},hours:{max:12,min:1},minutes:{max:59,min:0}},use24Hours:{ampm:{am:"AM",pm:"PM"},hours:{max:23,min:0},minutes:{max:59,min:0}}},ne=/^\d+$/;function oe({ariaLabels:p={ampm:"Select time of day (AM/PM) using up (PM) and down (AM) arrow keys",clear:"Delete the entered time",hours:"Enter the hour in 00:00 format",minutes:"Enter the minutes in 00:00 format",timeDown:"Time down",timeUp:"Time up"},config:K=te,disabled:m=!1,defaultValue:$={hours:o,minutes:o},icon:W=!1,id:z,name:v,onChange:Y,onInputChange:j,spritemap:d,timezone:A,use12Hours:T=!1,value:q,values:J}){let[s,I]=G({defaultName:"defaultValue",defaultValue:$,handleName:"onChange",name:"value",onChange:Y??j,value:q??J}),N=K[T?"use12Hours":"use24Hours"],[k,g]=D(!1),M=B(null),F={configName:"hours",focused:!1},[c,b]=D(F),P=(e,n)=>{let i=e.substring(e.length-2,e.length),a=Number(i);return a>n.max?String(n.min):a<n.min?String(n.max):i},_=(e,n,i)=>{let a=N[i],r=Number(n),u=C=>{let x=i==="ampm"?C:P(String(C),a);return I({...s,[i]:String(x).padStart(2,"0")})};switch(e.key){case"Backspace":u(o);break;case"ArrowUp":e.preventDefault(),e.stopPropagation(),u(i==="ampm"?a.pm:n!==o?r+1:a.min);break;case"ArrowDown":e.preventDefault(),e.stopPropagation(),u(i==="ampm"?a.am:n!==o?r-1:a.max);break;default:if(ne.test(e.key)&&i!=="ampm"){let C=Math.floor(a.max/10),x=a.min,V=r<x?x:e.key,Q=Number(n)>C?`0${V}`:(n&&n!==o?n:"")+V;u(Q)}else i==="ampm"&&(e.key==="a"||e.key==="p")&&u(e.key==="a"?a.am:a.pm);break}},w=e=>{let{configName:n}=c,i=N[n],a=s[n],r;n==="ampm"?r=e===1?i.pm:i.am:r=P(String(a!==o?Number(a)+e:e===-1?i.max:0),i),b({configName:n,focused:!0}),I({...s,[n]:String(r).padStart(2,"0")})},L=e=>{M.current&&e.target!==null&&!M.current.contains(e.target)&&(g(!1),b(F))},E=e=>{g(!0),b({configName:e,focused:!0})};H(()=>(document.addEventListener("click",L),()=>{document.removeEventListener("click",L)}),[]);let S=k&&(s.ampm!==o&&s.ampm!==null||s.hours!==o||s.minutes!==o);return t.createElement("div",{className:"clay-time"},t.createElement(l.Group,null,W&&t.createElement(l.GroupItem,{shrink:!0},t.createElement(l.GroupText,null,t.createElement(f,{spritemap:d,symbol:"time"}))),t.createElement(O,{arrowKeysLeftRight:!0,arrowKeysUpDown:!1},t.createElement(l.GroupItem,null,t.createElement("div",{className:y("form-control",{disabled:m}),"data-testid":"formControl",onMouseEnter:()=>{m||g(!0)},onMouseLeave:()=>{!c.focused&&!m&&g(!1)},ref:M},t.createElement("div",{className:"clay-time-edit"},t.createElement("input",{"aria-label":p.hours,className:y("clay-time-hours form-control-inset",{focus:c.configName==="hours"&&c.focused}),"data-testid":"hours",disabled:m,id:z,maxLength:2,onFocus:()=>E("hours"),onKeyDown:e=>

1_(e,s.hours,"hours"),readOnly:!0,type:"text",value:s.hours}),t.createElement("span",{className:"clay-time-divider"},":"),t.createElement("input",{"aria-label":p.minutes,className:y("clay-time-minutes form-control-inset",{focus:c.configName==="minutes"}),"data-testid":"minutes",disabled:m,maxLength:2,onFocus:()=>E("minutes"),onKeyDown:e=>_(e,s.minutes,"minutes"),readOnly:!0,type:"text",value:s.minutes}),T&&t.createElement("input",{"aria-label":p.ampm,className:y("clay-time-ampm form-control-inset",{focus:c.configName==="ampm"}),"data-testid":"ampm",disabled:m,"max-length":"2",onFocus:()=>E("ampm"),onKeyDown:e=>_(e,s.ampm,"ampm"),readOnly:!0,type:"text",value:s.ampm||o}),v&&t.createElement("input",{name:v,type:"hidden",value:`${s.hours}:${s.minutes}`})),t.createElement("div",{className:"clay-time-action-group"},t.createElement("div",{className:"clay-time-action-group-item","data-testid":"containerReset",style:{opacity:S?1:0,pointerEvents:S?"auto":"none"}},t.createElement(h,{"aria-label":p.clear,className:"clay-time-clear-btn",disabled:m,displayType:"unstyled",onClick:()=>I(T?{ampm:o,hours:o,minutes:o}:{hours:o,minutes:o}),tabIndex:S?0:-1},t.createElement(f,{spritemap:d,symbol:"times-circle"}))),t.createElement("div",{className:"clay-time-action-group-item","data-testid":"containerSpin",style:{opacity:k?1:0}},t.createElement("div",{className:"btn-group-vertical clay-time-inner-spin",role:"group"},t.createElement(h,{"aria-label":p.timeUp,className:"clay-time-inner-spin-btn clay-time-inner-spin-btn-inc","data-testid":"spinInc",disabled:m,displayType:"secondary",onClick:()=>w(1)},t.createElement(f,{spritemap:d,symbol:"angle-up"})),t.createElement(h,{"aria-label":p.timeDown,className:"clay-time-inner-spin-btn clay-time-inner-spin-btn-dec","data-testid":"spinDec",disabled:m,displayType:"secondary",onClick:()=>w(-1)},t.createElement(f,{spritemap:d,symbol:"angle-down"})))))))),A&&t.createElement(l.GroupItem,{shrink:!0},t.createElement(l.GroupText,null,`(${A})`))))}var U=oe;var en=U;export{en as default};
2//# sourceMappingURL=@clayui$time-picker.(72QVL2FR).js.map