@oracle/oraclejet-preact 19.0.2 → 19.0.4

package/amd/InputDateMask-2fdb6f26.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './Label-3c17bcc9', './keyboardUtils-fb6219eb', './TextFieldInput-eb40adaa', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-e5723c48', './StyledTextField-5e554e5b', './TextField-51b63f5f', './useTranslationBundle-8e42d505', 'css!./LiveRegionStyles.styles.css', './LayerHost-daf96749', './UNSAFE_TextField/themes/TextFieldStyles.css', 'css!./SkeletonStyles.styles.css', 'css!./TextFieldLoadingStyles.styles.css', 'css!./TextFieldStyles.styles.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', './logger-0f873e29', './TabbableModeContext-a9c97640', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-e406e352', './CompactUserAssistance-5ef03b0a', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-ae57629b', 'preact', 'css!./IconStyle.styles.css', './Popup-695781d6', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'css!./HiddenAccessibleStyles.styles.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './useFocusableTextField-8b755b15', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './FormFieldContext-a024b891', './useTextField-3ab0a23b', './useUser-12ec03f1', './getFormatParse-7ea0c25b', './calendarDateUtils-dd5b75ee', './maskUtils-8e7a7701', './stringUtils-4ffd9d59', './useComponentTheme-5aa41a8f', './useFormFieldContext-9260f081', './Flex-07d2aa5b', './HiddenAccessible-037ef42d', './LiveRegion-ef77cf92', './UNSAFE_TextField/themes/redwood/TextFieldInputTheme', './formControlUtils-de035f75', './classNames-08d99695', './clientHints-6d361eaa', './UNSAFE_InputDateMask/themes/SegmentStyles.css', './useDoubleTap-b6bf5458', './useTabbableMode-df433329'], (function(e,t,a,s,n,i,r,o,l,d,c,u,m,p,y,g,b,f,h,v,x,D,S,C,T,F,k,A,I,w,R,P,U,E,L,_,M,B,j,H,O,N,V,q,Y,W,K,$,z,X,Z,G,J,Q,ee,te,ae,se,ne,ie,re,oe,le){"use strict";const de=e=>{e.preventDefault()},ce=()=>"ios"===ie.getClientHints().platform,ue=({"aria-label":e,"aria-valuemax":a,"aria-valuemin":n,"aria-valuenow":r,"aria-valuetext":o,inputRef:l,isComplete:d,isDisabled:c,isHidden:m,isHighlighted:p,isInvalid:y,isRequired:g,isSelected:b,onChange:f,placeholder:h,text:v,type:x})=>{const D=v&&v.length>0,S=ne.classNames([re.segmentStyles.base,b&&re.segmentStyles.selected,p&&re.segmentStyles.highlighted]),C=ne.classNames([re.segmentStyles.placeholder,m||D?re.segmentStyles.hidden:re.segmentStyles.notHidden]),T=u.useTranslationBundle("@oracle/oraclejet-preact").inputDateMask_empty_segment(),F=s.useRef(null),k=l??F,A=s.useRef(!1),{locale:I}=K.useUser(),w=s.useCallback((e=>{if(!c&&"Tab"!==e.key&&"ArrowLeft"!==e.key&&"ArrowRight"!==e.key&&"Enter"!==e.key&&"Escape"!==e.key&&!i.isSelectAll(e)){if(p){if(i.isBackspaceOrDelete(e)||"Backspace"===e.key)return}else"0"!==e.key||!d&&void 0!==v?X.isNumberOnlyString(e.key)?(f?.({actionType:"updateSegment",data:{type:x,text:e.key,hasLeadingZero:A.current,locale:I}}),A.current=!1):i.isBackspaceOrDelete(e)||"Backspace"===e.key?(f?.({actionType:"clearSegment",data:{type:x}}),A.current=!1):"ArrowUp"===e.key?(f?.({actionType:"step",data:{direction:"increase",locale:I,type:x}}),A.current=!1):"ArrowDown"===e.key?(f?.({actionType:"step",data:{direction:"decrease",locale:I,type:x}}),A.current=!1):"PageUp"===e.key?(f?.({actionType:"page",data:{direction:"increase",locale:I,type:x}}),A.current=!1):"PageDown"===e.key?(f?.({actionType:"page",data:{direction:"decrease",locale:I,type:x}}),A.current=!1):"Home"===e.key?(f?.({actionType:"goToHome",data:{locale:I,type:x}}),A.current=!1):"End"===e.key&&(f?.({actionType:"goToEnd",data:{locale:I,type:x}}),A.current=!1):A.current=!0;e.preventDefault(),e.stopPropagation()}}),[d,c,p,I,f,v,x]);s.useEffect((()=>{b&&k.current?.focus()}),[b,k]);const R={"data-segment":[x]},P=void 0===o?T:r?.toString()===o?void 0:o;return t.jsx("div",{children:t.jsxs("div",{ref:k,role:ce()?"textbox":"spinbutton","aria-disabled":c,"aria-invalid":y||void 0,"aria-label":e,"aria-multiline":!ce()&&void 0,"aria-required":g,"aria-valuemin":ce()?void 0:n,"aria-valuemax":ce()?void 0:a,"aria-valuenow":ce()?void 0:r,"aria-valuetext":ce()?void 0:P,autocapitalize:"off",autocorrect:"off",class:S,contentEditable:!c,...R,enterkeyhint:c?void 0:"done",inputMode:c?"none":"numeric",onCut:de,onKeyDown:w,onPaste:de,spellcheck:!1,tabIndex:b?0:-1,children:[t.jsx("span",{"aria-hidden":"true",class:C,...R,children:h}),v]})})},me=({isHidden:e,isHighlighted:a,isPlaceholder:s,text:n})=>{const i=ne.classNames([re.segmentStyles.literalBase,s&&re.segmentStyles.placeholder,a&&re.segmentStyles.highlighted,e?re.segmentStyles.hidden:re.segmentStyles.notHidden]);return t.jsx("span",{"aria-hidden":"true",class:i,children:n})},pe=(e,t)=>{if("reset"===t.actionType)return t.data;switch(t.actionType){case"clearDate":{const t=Pe(Ie(e.segments),e.orderedSegments);return je(e,t,!1)}case"clearSegment":{const a=Ae(be(e.segments,t.data.type));return ke(e,t.data.type,a)}case"deselectAndComplete":{let t=qe(e.segments);return t=Me(t),je(e,t,!1)}case"commitOnBlur":{const t=qe(e.segments),a=Me(t);return{...je(e,a,!1),isCommitting:!0}}case"commitOnEnter":{const t=qe(e.segments);return{...je(e,t,!1),isCommitting:!0}}case"committed":return{...e,isCommitting:!1};case"goToEnd":{const a=Ne(t.data.type,be(e.segments,t.data.type),e.segments,t.data.locale);return ke(e,t.data.type,a,!1)}case"goToHome":{const a=Oe(t.data.type,be(e.segments,t.data.type),e.segments,t.data.locale);return ke(e,t.data.type,a,!1)}case"page":{const a=t.data.direction,s=t.data.locale,n=Ve(t.data.type,be(e.segments,t.data.type),e.segments,"page",a,s);return ke(e,t.data.type,n,!1)}case"selectDateOrSegment":return Be(e);case"selectFirst":{const t=Pe(e.segments,e.orderedSegments);return je(e,t,!1)}case"selectNext":{const t=Le(e.segments,e.orderedSegments);return je(e,t,!1)}case"selectPrevious":{const t=_e(e.segments,e.orderedSegments);return je(e,t,!1)}case"selectSegment":{const a=Re(e.segments,t.data.type);return je(e,a,!1)}case"step":{const a=t.data.direction,s=t.data.locale,n=Ve(t.data.type,be(e.segments,t.data.type),e.segments,"step",a,s);return ke(e,t.data.type,n,!1)}case"updateSegment":{const a=we(t.data.type,be(e.segments,t.data.type),t,e.segments);return ke(e,t.data.type,a)}default:throw new Error("Unknown action type")}},ye=e=>+e,ge=e=>e.toString(),be=(e,t)=>e.find((e=>e.type===t)),fe=e=>e.every((e=>e.text&&e.text.length>0)),he=e=>e.some((e=>void 0!==e["aria-valuenow"])),ve=e=>{if(!he(e))return;const t=e.map((e=>({[e.type]:e["aria-valuenow"]}))).values();let a={};for(const e of t)a={...a,...e};return a},xe=e=>be(e,"year")["aria-valuenow"],De=(e,t,a)=>`${t} - ${X.getMonthName(e,t,a??"*","long")}`,Se=e=>[...e.orderedSegments],Ce=(e,t,a)=>e.map((e=>e.type===t?a:e)),Te=(e,t,a,s,n)=>{const i=Ce(e,a,s);let r=i;if("month"===a||"year"===a){const e=be(i,"day");if(e){const t="month"==a?s["aria-valuenow"]:be(i,"month")["aria-valuenow"],o="year"===a?s["aria-valuenow"]:xe(i),l=t&&2===t&&o&&o<1e3&&"year"===a&&n?29:z.getDaysInMonth(t??"*",o??"*"),d=e["aria-valuenow"],c=d&&d>l?l:d,u=void 0!==c?ge(c):void 0,m={...e,"aria-valuemax":l,"aria-valuenow":c,"aria-valuetext":u,text:u};r=Ce(i,"day",m)}}return r=s.isComplete&&n?Le(r,t):r,r},Fe=(e,t)=>({isCommitting:e.isCommitting,currentDate:ve(t),isCompleteDate:fe(t),isDateSelected:e.isDateSelected,isPartialDate:he(t),orderedSegments:Se(e),segments:t}),ke=(e,t,a,s=!0)=>{const n=Te(e.segments,e.orderedSegments,t,a,s);return Fe(e,n)},Ae=e=>({...e,"aria-valuetext":void 0,"aria-valuenow":void 0,text:void 0,isComplete:!1}),Ie=e=>e.map((e=>{const t=Ae(e),a="year"===t.type?z.MAX_ISO_YEAR:"month"===t.type?z.getMonthsInYear("*"):z.getDaysInMonth("*","*");return{...t,"aria-valuemax":a}})),we=(e,t,a,s)=>{const n=a.data.text,i=a.data.hasLeadingZero,r=a.data.locale,o=t["aria-valuemin"],l=t["aria-valuemax"],d=t.isComplete?n:t.text+n,c=ye(d),u=(p=l,(m=c)>=o&&m<=p);var m,p;const y=u?d:n,g=u?c:ye(n),b=((e,t)=>ye(ge(e)+"0")>t)(g,l)||!!i&&"year"!==e,f="month"===e?De(r,g,xe(s)):y;return{...t,"aria-valuetext":f,"aria-valuenow":g,text:y,isComplete:b}},Re=(e,t)=>qe(e).map((e=>({...e,isSelected:e.type===t}))),Pe=(e,t)=>Re(e,t[0]),Ue=(e,t)=>{const a=e.find((e=>!0===e.isSelected));return void 0===a?-1:t.findIndex((e=>e===a.type))},Ee=e=>e.map((e=>e.isSelected?{...e,isComplete:!0}:e)),Le=(e,t)=>{const a=Ue(e,t);return a===t.length-1?e:Re(Ee(e),t[a+1])},_e=(e,t)=>{const a=Ue(e,t);return 0===a?e:-1===a?Pe(e,t):Re(Ee(e),t[a-1])},Me=e=>e.map((e=>({...e,isSelected:!1,isComplete:!!e.text}))),Be=e=>{if(e.isCompleteDate)return je(e,e.segments.map((e=>({...e,isSelected:!1}))),!0);{const t=Pe(e.segments,e.orderedSegments);return Fe(e,t)}},je=(e,t,a)=>({isCommitting:e.isCommitting,currentDate:ve(t),isCompleteDate:fe(t),isDateSelected:a,isPartialDate:he(t),orderedSegments:Se(e),segments:t}),He=(e,t,a,s,n)=>{const i=ge(e);return{...s,"aria-valuetext":"month"===a?De(t,e,xe(n)):i,"aria-valuenow":e,text:i,isComplete:!0}},Oe=(e,t,a,s)=>{const n=((e,t)=>"year"===e?1900:t["aria-valuemin"])(e,t);return He(n,s,e,t,a)},Ne=(e,t,a,s)=>{const n=((e,t)=>"year"===e?2100:t["aria-valuemax"])(e,t);return He(n,s,e,t,a)},Ve=(e,t,a,s,n,i)=>{const r=t["aria-valuenow"],o=t["aria-valuemin"],l=t["aria-valuemax"],d=void 0===r?(e=>{const{year:t,month:a,day:s}=X.getTodayAsCalendarDate();return{year:t,month:a,day:s}[e]})(e):"page"===s?((e,t,a,s,n)=>{const i="month"===n?2:"year"===n?5:7;return"increase"===t?e+i>s?(e+i)%s:e+i:e-i<a?e-i+s:e-i})(r,n,o,l,e):((e,t,a,s)=>"increase"===t?e+1>s?a:e+1:e-1<a?s:e-1)(r,n,o,l);return He(d,i,e,t,a)},qe=e=>{const t=e.find((e=>"month"===e.type)),a=e.find((e=>"day"===e.type)),s=e.find((e=>"year"===e.type)),n=s?.["aria-valuenow"];if(void 0!==n&&n<1e3&&!$.isLeapYear(n)&&2===t?.["aria-valuenow"]&&29===a?.["aria-valuenow"]){const t={...a,"aria-valuemax":28,"aria-valuenow":28,"aria-valuetext":"28",text:"28"};return Ce(e,"day",t)}return e};const Ye=({dateResetRef:e,direction:t,dispatch:a,groupRef:n,isDisabled:r,isInputFocused:o,onCommit:l,onInput:d,state:c,value:u})=>{const{tabbableModeProps:m}=le.useTabbableMode(),{tabIndex:p}=m,y=c.segments.some((e=>!!e.isSelected)),g=-1===p||y||r?-1:0,b=s.useRef(c.currentDate),f=s.useRef(c.currentDate),h=s.useRef(!1);e.current&&(b.current=u,f.current=u);const v=s.useCallback((()=>{X.calendarDatesAreDifferent(f.current,c.currentDate)&&(l?.({value:c.currentDate}),f.current=c.currentDate)}),[l,c.currentDate]),x=s.useCallback((()=>{a({actionType:"commitOnBlur"})}),[a]),D=s.useCallback((e=>{a(e)}),[a]),S=s.useCallback((e=>{const t=e.target.getAttribute("data-segment");a(null!==t?{actionType:"selectSegment",data:{type:t}}:{actionType:"selectFirst"})}),[a]),C=s.useCallback(((e=!0)=>{c.isCompleteDate&&(a({actionType:"selectDateOrSegment"}),e&&n?.current?.focus())}),[a,n,c.isCompleteDate]),T=s.useCallback((()=>{C()}),[C]),F=s.useCallback((e=>{e.target.getAttribute("data-segment")&&C(!1)}),[C]),k=oe.useDoubleTap({onDoubleTap:F,onSingleTap:S}),A=s.useCallback((e=>{"ltr"===t&&"ArrowLeft"===e.key||"rtl"===t&&"ArrowRight"===e.key?(a({actionType:"selectPrevious"}),e.stopPropagation()):"ltr"===t&&"ArrowRight"===e.key||"rtl"===t&&"ArrowLeft"===e.key?(a({actionType:"selectNext"}),e.stopPropagation()):(i.isBackspaceOrDelete(e)||"Backspace"===e.key)&&c.isDateSelected?(a({actionType:"clearDate"}),h.current=!0,e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation()):i.isSelectAll(e)?(C(),e.preventDefault(),e.stopPropagation()):"Enter"===e.key&&(a({actionType:"commitOnEnter"}),e.preventDefault(),e.stopPropagation())}),[t,a,C,c.isDateSelected]);s.useLayoutEffect((()=>{if(X.calendarDatesAreDifferent(b.current,c.currentDate)&&!e.current){const e=void 0!==c.currentDate?Object.freeze({...c.currentDate}):c.currentDate;d({value:e}),b.current=e}e.current=!1}),[d,c.currentDate,e]),s.useLayoutEffect((()=>{c.isCommitting&&(v(),a({actionType:"committed"}))}),[a,v,c.isCommitting]);const I=s.useRef(!1),w=s.useRef();s.useEffect((()=>{o&&!I.current&&a({actionType:"selectFirst"}),!o&&!I.current&&a({actionType:"deselectAndComplete"}),I.current=!1}),[a,o]);const R=function(){const e=ie.getClientHints().deviceType;return"phone"===e||"tablet"===e}()?{...k,onKeyDown:A}:{onClick:S,onDoubleClick:T,onKeyDown:A,onPointerDown:()=>{I.current=!0,clearTimeout(w.current),w.current=setTimeout((()=>{I.current=!1}),200)}};return{dateClearedRef:h,dateFieldHandlers:r?{}:R,handleCommitOnBlur:x,segmentHandlers:r?{}:{onChange:D},tabIndex:g}},We=(e,t)=>e.find((e=>e.type===t)),Ke=a.forwardRef((({"aria-describedby":e,"aria-invalid":a,"aria-label":n,"aria-labelledby":i,baseId:r,fieldRef:o,granularity:l="day",hasInsideLabel:d,isRequired:c,masks:m,onBlur:p,onCommit:y,onFocus:g,onInput:b,textAlign:f,value:h,variant:v="default"},x)=>{const D=u.useTranslationBundle("@oracle/oraclejet-preact"),S=D.inputDateMask_date_cleared(),C={month:D.formControl_month(),day:D.formControl_day(),year:D.formControl_year()},{direction:T,locale:F}=K.useUser(),{isDisabled:k,isFocused:A,isInputFocused:I}=J.useFormFieldContext(),w=void 0!==h,{classes:R}=G.useComponentTheme(ae.TextFieldInputRedwoodTheme,{type:"notPassword",styleVariant:se.isEmbeddedVariant(v)?"embedded":"default",textarea:"notTextArea",input:"notInput",div:"isDiv",prefix:"noPrefix",suffix:"noSuffix",startContent:"noStartContent",endContent:"noEndContent",insideLabel:d?"hasInsideLabel":"noInsideLabel",value:w?"hasValue":"noValue",focused:A?"isFocused":"notFocused",disabled:k?"isDisabled":"notDisabled"}),P=ne.classNames([R]),{state:U,dispatch:E,dateResetRef:L}=(({ariaLabels:e,dateMasks:t,granularity:a,locale:n,value:i})=>{const r=t.filter((({type:e})=>"literal"!==e)).map((({type:e})=>e)),o=i?.year,l=i?.month,d=i?.day,c=z.getMonthsInYear(o??"*"),u=z.getDaysInMonth(l??"*",o??"*"),m=!(!o||!l||"month"!==a&&!d),p=!!o||!!l||!!d,y=o?ge(o):void 0,g=l?ge(l):void 0,b=d?ge(d):void 0,f=l?De(n,l,o):void 0,h=[{type:"day","aria-label":e.day,"aria-valuemin":z.MIN_ISO_DAY,"aria-valuemax":u,"aria-valuenow":d,"aria-valuetext":b,isComplete:!!d,isSelected:!1,text:b}],v={isCommitting:!1,currentDate:i,isCompleteDate:m,isDateSelected:!1,isPartialDate:p,orderedSegments:r,segments:[{type:"year","aria-label":e.year,"aria-valuemin":z.MIN_ISO_YEAR,"aria-valuemax":z.MAX_ISO_YEAR,"aria-valuenow":o,"aria-valuetext":y,isComplete:!!o,isSelected:!1,text:y},{type:"month","aria-label":e.month,"aria-valuemin":z.MIN_ISO_MONTH,"aria-valuemax":c,"aria-valuenow":l,"aria-valuetext":f,isComplete:!!l,isSelected:!1,text:g},..."day"===a?h:[]]},[x,D]=s.useReducer(pe,v),S=s.useRef(i),C=s.useRef(!1);return X.calendarDatesAreDifferent(S.current,i)&&(S.current=i,X.calendarDatesAreDifferent(i,x.currentDate)&&(D({actionType:"reset",data:v}),C.current=!0)),{dateResetRef:C,dispatch:D,state:x}})({ariaLabels:C,dateMasks:m,granularity:l,locale:F,value:h}),{isDateSelected:_,isPartialDate:M,segments:B}=U,j={year:We(B,"year"),month:We(B,"month"),day:"day"===l?We(B,"day"):void 0},H=s.useRef(null),{dateClearedRef:O,dateFieldHandlers:N,handleCommitOnBlur:V,segmentHandlers:q,tabIndex:Y}=Ye({dateResetRef:L,direction:T,dispatch:E,groupRef:H,isDisabled:k,isInputFocused:I,onCommit:y,onInput:b,state:U,value:h});s.useImperativeHandle(x,(()=>({handleCommitOnBlur:V})),[V]);const W=void 0===h&&d&&!A,$=U.isCompleteDate?z.formatFullCalendarDate(F,U.currentDate,l):"",ie=`${r}-date`,re=U.isCompleteDate?t.jsx(ee.HiddenAccessible,{id:ie,children:$}):void 0,oe=U.isCompleteDate?Z.l([e,ie]):e,le=O.current?S:"",de=U.orderedSegments[0];return t.jsxs("div",{"aria-describedby":oe,"aria-label":n,"aria-labelledby":i,class:P,onFocusIn:g,onFocusOut:p,ref:H,role:"group",tabIndex:Y,...N,children:[t.jsx(Q.Flex,{direction:"row",wrap:"nowrap",justify:f,children:m.map((({type:e,value:s})=>{const n="literal"!==e?j[e]:{};return"literal"===e?t.jsx(me,{isHidden:W,isHighlighted:_,isPlaceholder:!M,text:s}):t.jsx(ue,{inputRef:e===de?o:void 0,isDisabled:k,isInvalid:!!a,isHidden:W,isHighlighted:_,isRequired:c,placeholder:s,type:e,...q,...n})}))}),re,t.jsx(te.LiveRegion,{children:le})]})})),$e=P.createContext({isInputDatePickerParent:!1,isDropdownOpen:!1}),ze=()=>s.useContext($e),Xe=a.forwardRef((({"aria-describedby":e,assistiveText:a,columnSpan:i,endContent:r,granularity:o="day",helpSourceLink:m,helpSourceText:p,isDisabled:y,isReadonly:g,isRequired:b,isRequiredShown:f,label:h,labelEdge:v,labelStartWidth:x,mainFieldRef:D,messages:S,masks:C,testId:T,textAlign:A,userAssistanceDensity:I,value:w,variant:R,onCommit:P,onInput:U},E)=>{const{isDisabled:L,isReadonly:_,labelEdge:M,labelStartWidth:B,textAlign:j,userAssistanceDensity:H}=q.useFormContext(),O=y??L,V=g??_,$=v??M,Z=x??B,G=A??j??"start",J=I??H,Q=s.useRef(null),ee=s.useRef(null),te=s.useRef(null),ae=D??te,se=s.useRef(null),{isDropdownOpen:ne,isInputDatePickerParent:ie}=ze(),re=s.useCallback((()=>{(!ie||!ne)&&se.current?.handleCommitOnBlur()}),[ne,ie]),{focusProps:oe,isFocused:le,methods:de}=N.useFocusableTextField({isDisabled:O,isReadonly:V,enabledElementRef:Q,onBlurWithin:re,readonlyElementRef:ee});s.useImperativeHandle(E,(()=>de),[de]);const ce=le||ie&&ne,{baseId:ue,formFieldContext:me,inputProps:pe,labelProps:ye,textFieldProps:ge,userAssistanceProps:be}=W.useTextField({ariaDescribedBy:e,helpSourceLink:m,helpSourceText:p,isDisabled:O,isFocused:ce,isReadonly:V,isRequiredShown:f,labelEdge:$,messages:S,styleVariant:R,userAssistanceDensity:J,value:w}),{forId:fe,...he}=ye,{id:ve,...xe}=pe,De=he.id,Se=s.useCallback((()=>{Q.current?.focus()}),[Q]),Ce="none"!==$?t.jsx(n.Label,{...O||V?{}:{onClick:Se},...he,children:h}):void 0,Te={label:"none"!==$?Ce:void 0,labelEdge:"none"!==$?$:void 0,labelStartWidth:"none"!==$?Z:void 0,labelText:"inside"!==$||O?void 0:h},Fe="none"===$?h:void 0,ke=void 0!==h&&"inside"===$,Ae="efficient"===J||"reflow"===J?O?"efficient"!==J?void 0:t.jsx(F.InlineUserAssistance,{userAssistanceDensity:J,...be}):V?t.jsx(F.InlineUserAssistance,{fieldLabel:h,messages:S,userAssistanceDensity:J,...be}):t.jsx(F.InlineUserAssistance,{assistiveText:a,fieldLabel:h,helpSourceLink:m,helpSourceText:p,messages:S,isRequiredShown:f,userAssistanceDensity:J,...be}):void 0,Ie="compact"===J?t.jsx(k.CompactUserAssistance,{anchorRef:ae,messages:S,assistiveText:a,...be}):void 0,{locale:we}=K.useUser(),Re=u.useTranslationBundle("@oracle/oraclejet-preact"),Pe=Re.inputDateMask_monthPlaceholder(),Ue=Re.inputDateMask_dayPlaceholder(),Ee=Re.inputDateMask_yearPlaceholder();if(C&&("day"===o&&5!==C.length||"month"===o&&3!==C.length))throw new Error("Specified masks must match the granularity");const Le=s.useMemo((()=>C?X.translateCustomMasks(C,Pe,Ue,Ee):z.getDatePlaceholderMasks(we,o,Pe,Ue,Ee)),[C,we,o,Ue,Pe,Ee]);if(V)return t.jsx(Y.FormFieldContext.Provider,{value:me,children:t.jsx(d.ReadonlyTextField,{role:"presentation",columnSpan:i,compactUserAssistance:Ie,inlineUserAssistance:Ae,onBlur:oe.onFocusOut,onFocus:oe.onFocusIn,ref:ae,testId:T,mainContent:t.jsx(l.ReadonlyTextFieldInput,{"aria-describedby":xe["aria-describedby"],"aria-label":Fe,"aria-labelledby":he.id,as:"div",elementRef:ee,textAlign:G,value:void 0===w?"":z.formatShortCalendarDate(w,o,Le),hasEmptyLabel:""===h&&"none"===$,hasInsideLabel:ke,onBlur:pe.onBlur,onFocus:pe.onFocus}),...Te})});const _e=t.jsx(Ke,{"aria-label":Fe,"aria-labelledby":De,baseId:ue,fieldRef:Q,granularity:o,hasInsideLabel:void 0!==Ce&&"inside"===$,isRequired:b,masks:Le,onCommit:P,onInput:U,ref:se,textAlign:G,value:w,...xe});return t.jsx(Y.FormFieldContext.Provider,{value:me,children:t.jsx(c.TextField,{columnSpan:i,compactUserAssistance:Ie,endContent:r,inlineUserAssistance:Ae,mainContent:_e,onBlur:oe.onFocusOut,onFocus:oe.onFocusIn,mainFieldRef:ae,testId:T,...ge,...Te})})}));e.InputDateMask=Xe,e.InputDateMaskContext=$e,e.useInputDateMaskContext=ze}));
+define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './Label-3c17bcc9', './keyboardUtils-fb6219eb', './TextFieldInput-eb40adaa', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-e5723c48', './StyledTextField-5e554e5b', './TextField-51b63f5f', './useTranslationBundle-27bf6340', 'css!./LiveRegionStyles.styles.css', './LayerHost-7d4aa6d3', './UNSAFE_TextField/themes/TextFieldStyles.css', 'css!./SkeletonStyles.styles.css', 'css!./TextFieldLoadingStyles.styles.css', 'css!./TextFieldStyles.styles.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', './logger-0f873e29', './TabbableModeContext-a9c97640', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-e406e352', './CompactUserAssistance-5ef03b0a', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-3c8a0253', 'preact', 'css!./IconStyle.styles.css', './Popup-062b66ff', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'css!./HiddenAccessibleStyles.styles.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './useFocusableTextField-8b755b15', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './FormFieldContext-a024b891', './useTextField-3ab0a23b', './useUser-988f7da2', './getFormatParse-7ea0c25b', './calendarDateUtils-dd5b75ee', './maskUtils-8e7a7701', './stringUtils-4ffd9d59', './useComponentTheme-5aa41a8f', './useFormFieldContext-9260f081', './Flex-4bc3a394', './HiddenAccessible-037ef42d', './LiveRegion-4b9317e5', './UNSAFE_TextField/themes/redwood/TextFieldInputTheme', './formControlUtils-de035f75', './classNames-08d99695', './clientHints-6d361eaa', './UNSAFE_InputDateMask/themes/SegmentStyles.css', './useDoubleTap-b6bf5458', './useTabbableMode-df433329'], (function(e,t,a,s,n,i,r,o,l,d,c,u,m,p,y,g,b,f,h,v,x,D,S,C,T,F,k,A,I,w,R,P,U,E,L,_,M,B,j,H,O,N,V,q,Y,W,K,$,z,X,Z,G,J,Q,ee,te,ae,se,ne,ie,re,oe,le){"use strict";const de=e=>{e.preventDefault()},ce=()=>"ios"===ie.getClientHints().platform,ue=({"aria-label":e,"aria-valuemax":a,"aria-valuemin":n,"aria-valuenow":r,"aria-valuetext":o,inputRef:l,isComplete:d,isDisabled:c,isHidden:m,isHighlighted:p,isInvalid:y,isRequired:g,isSelected:b,onChange:f,placeholder:h,text:v,type:x})=>{const D=v&&v.length>0,S=ne.classNames([re.segmentStyles.base,b&&re.segmentStyles.selected,p&&re.segmentStyles.highlighted]),C=ne.classNames([re.segmentStyles.placeholder,m||D?re.segmentStyles.hidden:re.segmentStyles.notHidden]),T=u.useTranslationBundle("@oracle/oraclejet-preact").inputDateMask_empty_segment(),F=s.useRef(null),k=l??F,A=s.useRef(!1),{locale:I}=K.useUser(),w=s.useCallback((e=>{if(!c&&"Tab"!==e.key&&"ArrowLeft"!==e.key&&"ArrowRight"!==e.key&&"Enter"!==e.key&&"Escape"!==e.key&&!i.isSelectAll(e)){if(p){if(i.isBackspaceOrDelete(e)||"Backspace"===e.key)return}else"0"!==e.key||!d&&void 0!==v?X.isNumberOnlyString(e.key)?(f?.({actionType:"updateSegment",data:{type:x,text:e.key,hasLeadingZero:A.current,locale:I}}),A.current=!1):i.isBackspaceOrDelete(e)||"Backspace"===e.key?(f?.({actionType:"clearSegment",data:{type:x}}),A.current=!1):"ArrowUp"===e.key?(f?.({actionType:"step",data:{direction:"increase",locale:I,type:x}}),A.current=!1):"ArrowDown"===e.key?(f?.({actionType:"step",data:{direction:"decrease",locale:I,type:x}}),A.current=!1):"PageUp"===e.key?(f?.({actionType:"page",data:{direction:"increase",locale:I,type:x}}),A.current=!1):"PageDown"===e.key?(f?.({actionType:"page",data:{direction:"decrease",locale:I,type:x}}),A.current=!1):"Home"===e.key?(f?.({actionType:"goToHome",data:{locale:I,type:x}}),A.current=!1):"End"===e.key&&(f?.({actionType:"goToEnd",data:{locale:I,type:x}}),A.current=!1):A.current=!0;e.preventDefault(),e.stopPropagation()}}),[d,c,p,I,f,v,x]);s.useEffect((()=>{b&&k.current?.focus()}),[b,k]);const R={"data-segment":[x]},P=void 0===o?T:r?.toString()===o?void 0:o;return t.jsx("div",{children:t.jsxs("div",{ref:k,role:ce()?"textbox":"spinbutton","aria-disabled":c,"aria-invalid":y||void 0,"aria-label":e,"aria-multiline":!ce()&&void 0,"aria-required":g,"aria-valuemin":ce()?void 0:n,"aria-valuemax":ce()?void 0:a,"aria-valuenow":ce()?void 0:r,"aria-valuetext":ce()?void 0:P,autocapitalize:"off",autocorrect:"off",class:S,contentEditable:!c,...R,enterkeyhint:c?void 0:"done",inputMode:c?"none":"numeric",onCut:de,onKeyDown:w,onPaste:de,spellcheck:!1,tabIndex:b?0:-1,children:[t.jsx("span",{"aria-hidden":"true",class:C,...R,children:h}),v]})})},me=({isHidden:e,isHighlighted:a,isPlaceholder:s,text:n})=>{const i=ne.classNames([re.segmentStyles.literalBase,s&&re.segmentStyles.placeholder,a&&re.segmentStyles.highlighted,e?re.segmentStyles.hidden:re.segmentStyles.notHidden]);return t.jsx("span",{"aria-hidden":"true",class:i,children:n})},pe=(e,t)=>{if("reset"===t.actionType)return t.data;switch(t.actionType){case"clearDate":{const t=Pe(Ie(e.segments),e.orderedSegments);return je(e,t,!1)}case"clearSegment":{const a=Ae(be(e.segments,t.data.type));return ke(e,t.data.type,a)}case"deselectAndComplete":{let t=qe(e.segments);return t=Me(t),je(e,t,!1)}case"commitOnBlur":{const t=qe(e.segments),a=Me(t);return{...je(e,a,!1),isCommitting:!0}}case"commitOnEnter":{const t=qe(e.segments);return{...je(e,t,!1),isCommitting:!0}}case"committed":return{...e,isCommitting:!1};case"goToEnd":{const a=Ne(t.data.type,be(e.segments,t.data.type),e.segments,t.data.locale);return ke(e,t.data.type,a,!1)}case"goToHome":{const a=Oe(t.data.type,be(e.segments,t.data.type),e.segments,t.data.locale);return ke(e,t.data.type,a,!1)}case"page":{const a=t.data.direction,s=t.data.locale,n=Ve(t.data.type,be(e.segments,t.data.type),e.segments,"page",a,s);return ke(e,t.data.type,n,!1)}case"selectDateOrSegment":return Be(e);case"selectFirst":{const t=Pe(e.segments,e.orderedSegments);return je(e,t,!1)}case"selectNext":{const t=Le(e.segments,e.orderedSegments);return je(e,t,!1)}case"selectPrevious":{const t=_e(e.segments,e.orderedSegments);return je(e,t,!1)}case"selectSegment":{const a=Re(e.segments,t.data.type);return je(e,a,!1)}case"step":{const a=t.data.direction,s=t.data.locale,n=Ve(t.data.type,be(e.segments,t.data.type),e.segments,"step",a,s);return ke(e,t.data.type,n,!1)}case"updateSegment":{const a=we(t.data.type,be(e.segments,t.data.type),t,e.segments);return ke(e,t.data.type,a)}default:throw new Error("Unknown action type")}},ye=e=>+e,ge=e=>e.toString(),be=(e,t)=>e.find((e=>e.type===t)),fe=e=>e.every((e=>e.text&&e.text.length>0)),he=e=>e.some((e=>void 0!==e["aria-valuenow"])),ve=e=>{if(!he(e))return;const t=e.map((e=>({[e.type]:e["aria-valuenow"]}))).values();let a={};for(const e of t)a={...a,...e};return a},xe=e=>be(e,"year")["aria-valuenow"],De=(e,t,a)=>`${t} - ${X.getMonthName(e,t,a??"*","long")}`,Se=e=>[...e.orderedSegments],Ce=(e,t,a)=>e.map((e=>e.type===t?a:e)),Te=(e,t,a,s,n)=>{const i=Ce(e,a,s);let r=i;if("month"===a||"year"===a){const e=be(i,"day");if(e){const t="month"==a?s["aria-valuenow"]:be(i,"month")["aria-valuenow"],o="year"===a?s["aria-valuenow"]:xe(i),l=t&&2===t&&o&&o<1e3&&"year"===a&&n?29:z.getDaysInMonth(t??"*",o??"*"),d=e["aria-valuenow"],c=d&&d>l?l:d,u=void 0!==c?ge(c):void 0,m={...e,"aria-valuemax":l,"aria-valuenow":c,"aria-valuetext":u,text:u};r=Ce(i,"day",m)}}return r=s.isComplete&&n?Le(r,t):r,r},Fe=(e,t)=>({isCommitting:e.isCommitting,currentDate:ve(t),isCompleteDate:fe(t),isDateSelected:e.isDateSelected,isPartialDate:he(t),orderedSegments:Se(e),segments:t}),ke=(e,t,a,s=!0)=>{const n=Te(e.segments,e.orderedSegments,t,a,s);return Fe(e,n)},Ae=e=>({...e,"aria-valuetext":void 0,"aria-valuenow":void 0,text:void 0,isComplete:!1}),Ie=e=>e.map((e=>{const t=Ae(e),a="year"===t.type?z.MAX_ISO_YEAR:"month"===t.type?z.getMonthsInYear("*"):z.getDaysInMonth("*","*");return{...t,"aria-valuemax":a}})),we=(e,t,a,s)=>{const n=a.data.text,i=a.data.hasLeadingZero,r=a.data.locale,o=t["aria-valuemin"],l=t["aria-valuemax"],d=t.isComplete?n:t.text+n,c=ye(d),u=(p=l,(m=c)>=o&&m<=p);var m,p;const y=u?d:n,g=u?c:ye(n),b=((e,t)=>ye(ge(e)+"0")>t)(g,l)||!!i&&"year"!==e,f="month"===e?De(r,g,xe(s)):y;return{...t,"aria-valuetext":f,"aria-valuenow":g,text:y,isComplete:b}},Re=(e,t)=>qe(e).map((e=>({...e,isSelected:e.type===t}))),Pe=(e,t)=>Re(e,t[0]),Ue=(e,t)=>{const a=e.find((e=>!0===e.isSelected));return void 0===a?-1:t.findIndex((e=>e===a.type))},Ee=e=>e.map((e=>e.isSelected?{...e,isComplete:!0}:e)),Le=(e,t)=>{const a=Ue(e,t);return a===t.length-1?e:Re(Ee(e),t[a+1])},_e=(e,t)=>{const a=Ue(e,t);return 0===a?e:-1===a?Pe(e,t):Re(Ee(e),t[a-1])},Me=e=>e.map((e=>({...e,isSelected:!1,isComplete:!!e.text}))),Be=e=>{if(e.isCompleteDate)return je(e,e.segments.map((e=>({...e,isSelected:!1}))),!0);{const t=Pe(e.segments,e.orderedSegments);return Fe(e,t)}},je=(e,t,a)=>({isCommitting:e.isCommitting,currentDate:ve(t),isCompleteDate:fe(t),isDateSelected:a,isPartialDate:he(t),orderedSegments:Se(e),segments:t}),He=(e,t,a,s,n)=>{const i=ge(e);return{...s,"aria-valuetext":"month"===a?De(t,e,xe(n)):i,"aria-valuenow":e,text:i,isComplete:!0}},Oe=(e,t,a,s)=>{const n=((e,t)=>"year"===e?1900:t["aria-valuemin"])(e,t);return He(n,s,e,t,a)},Ne=(e,t,a,s)=>{const n=((e,t)=>"year"===e?2100:t["aria-valuemax"])(e,t);return He(n,s,e,t,a)},Ve=(e,t,a,s,n,i)=>{const r=t["aria-valuenow"],o=t["aria-valuemin"],l=t["aria-valuemax"],d=void 0===r?(e=>{const{year:t,month:a,day:s}=X.getTodayAsCalendarDate();return{year:t,month:a,day:s}[e]})(e):"page"===s?((e,t,a,s,n)=>{const i="month"===n?2:"year"===n?5:7;return"increase"===t?e+i>s?(e+i)%s:e+i:e-i<a?e-i+s:e-i})(r,n,o,l,e):((e,t,a,s)=>"increase"===t?e+1>s?a:e+1:e-1<a?s:e-1)(r,n,o,l);return He(d,i,e,t,a)},qe=e=>{const t=e.find((e=>"month"===e.type)),a=e.find((e=>"day"===e.type)),s=e.find((e=>"year"===e.type)),n=s?.["aria-valuenow"];if(void 0!==n&&n<1e3&&!$.isLeapYear(n)&&2===t?.["aria-valuenow"]&&29===a?.["aria-valuenow"]){const t={...a,"aria-valuemax":28,"aria-valuenow":28,"aria-valuetext":"28",text:"28"};return Ce(e,"day",t)}return e};const Ye=({dateResetRef:e,direction:t,dispatch:a,groupRef:n,isDisabled:r,isInputFocused:o,onCommit:l,onInput:d,state:c,value:u})=>{const{tabbableModeProps:m}=le.useTabbableMode(),{tabIndex:p}=m,y=c.segments.some((e=>!!e.isSelected)),g=-1===p||y||r?-1:0,b=s.useRef(c.currentDate),f=s.useRef(c.currentDate),h=s.useRef(!1);e.current&&(b.current=u,f.current=u);const v=s.useCallback((()=>{X.calendarDatesAreDifferent(f.current,c.currentDate)&&(l?.({value:c.currentDate}),f.current=c.currentDate)}),[l,c.currentDate]),x=s.useCallback((()=>{a({actionType:"commitOnBlur"})}),[a]),D=s.useCallback((e=>{a(e)}),[a]),S=s.useCallback((e=>{const t=e.target.getAttribute("data-segment");a(null!==t?{actionType:"selectSegment",data:{type:t}}:{actionType:"selectFirst"})}),[a]),C=s.useCallback(((e=!0)=>{c.isCompleteDate&&(a({actionType:"selectDateOrSegment"}),e&&n?.current?.focus())}),[a,n,c.isCompleteDate]),T=s.useCallback((()=>{C()}),[C]),F=s.useCallback((e=>{e.target.getAttribute("data-segment")&&C(!1)}),[C]),k=oe.useDoubleTap({onDoubleTap:F,onSingleTap:S}),A=s.useCallback((e=>{"ltr"===t&&"ArrowLeft"===e.key||"rtl"===t&&"ArrowRight"===e.key?(a({actionType:"selectPrevious"}),e.stopPropagation()):"ltr"===t&&"ArrowRight"===e.key||"rtl"===t&&"ArrowLeft"===e.key?(a({actionType:"selectNext"}),e.stopPropagation()):(i.isBackspaceOrDelete(e)||"Backspace"===e.key)&&c.isDateSelected?(a({actionType:"clearDate"}),h.current=!0,e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation()):i.isSelectAll(e)?(C(),e.preventDefault(),e.stopPropagation()):"Enter"===e.key&&(a({actionType:"commitOnEnter"}),e.preventDefault(),e.stopPropagation())}),[t,a,C,c.isDateSelected]);s.useLayoutEffect((()=>{if(X.calendarDatesAreDifferent(b.current,c.currentDate)&&!e.current){const e=void 0!==c.currentDate?Object.freeze({...c.currentDate}):c.currentDate;d({value:e}),b.current=e}e.current=!1}),[d,c.currentDate,e]),s.useLayoutEffect((()=>{c.isCommitting&&(v(),a({actionType:"committed"}))}),[a,v,c.isCommitting]);const I=s.useRef(!1),w=s.useRef();s.useEffect((()=>{o&&!I.current&&a({actionType:"selectFirst"}),!o&&!I.current&&a({actionType:"deselectAndComplete"}),I.current=!1}),[a,o]);const R=function(){const e=ie.getClientHints().deviceType;return"phone"===e||"tablet"===e}()?{...k,onKeyDown:A}:{onClick:S,onDoubleClick:T,onKeyDown:A,onPointerDown:()=>{I.current=!0,clearTimeout(w.current),w.current=setTimeout((()=>{I.current=!1}),200)}};return{dateClearedRef:h,dateFieldHandlers:r?{}:R,handleCommitOnBlur:x,segmentHandlers:r?{}:{onChange:D},tabIndex:g}},We=(e,t)=>e.find((e=>e.type===t)),Ke=a.forwardRef((({"aria-describedby":e,"aria-invalid":a,"aria-label":n,"aria-labelledby":i,baseId:r,fieldRef:o,granularity:l="day",hasInsideLabel:d,isRequired:c,masks:m,onBlur:p,onCommit:y,onFocus:g,onInput:b,textAlign:f,value:h,variant:v="default"},x)=>{const D=u.useTranslationBundle("@oracle/oraclejet-preact"),S=D.inputDateMask_date_cleared(),C={month:D.formControl_month(),day:D.formControl_day(),year:D.formControl_year()},{direction:T,locale:F}=K.useUser(),{isDisabled:k,isFocused:A,isInputFocused:I}=J.useFormFieldContext(),w=void 0!==h,{classes:R}=G.useComponentTheme(ae.TextFieldInputRedwoodTheme,{type:"notPassword",styleVariant:se.isEmbeddedVariant(v)?"embedded":"default",textarea:"notTextArea",input:"notInput",div:"isDiv",prefix:"noPrefix",suffix:"noSuffix",startContent:"noStartContent",endContent:"noEndContent",insideLabel:d?"hasInsideLabel":"noInsideLabel",value:w?"hasValue":"noValue",focused:A?"isFocused":"notFocused",disabled:k?"isDisabled":"notDisabled"}),P=ne.classNames([R]),{state:U,dispatch:E,dateResetRef:L}=(({ariaLabels:e,dateMasks:t,granularity:a,locale:n,value:i})=>{const r=t.filter((({type:e})=>"literal"!==e)).map((({type:e})=>e)),o=i?.year,l=i?.month,d=i?.day,c=z.getMonthsInYear(o??"*"),u=z.getDaysInMonth(l??"*",o??"*"),m=!(!o||!l||"month"!==a&&!d),p=!!o||!!l||!!d,y=o?ge(o):void 0,g=l?ge(l):void 0,b=d?ge(d):void 0,f=l?De(n,l,o):void 0,h=[{type:"day","aria-label":e.day,"aria-valuemin":z.MIN_ISO_DAY,"aria-valuemax":u,"aria-valuenow":d,"aria-valuetext":b,isComplete:!!d,isSelected:!1,text:b}],v={isCommitting:!1,currentDate:i,isCompleteDate:m,isDateSelected:!1,isPartialDate:p,orderedSegments:r,segments:[{type:"year","aria-label":e.year,"aria-valuemin":z.MIN_ISO_YEAR,"aria-valuemax":z.MAX_ISO_YEAR,"aria-valuenow":o,"aria-valuetext":y,isComplete:!!o,isSelected:!1,text:y},{type:"month","aria-label":e.month,"aria-valuemin":z.MIN_ISO_MONTH,"aria-valuemax":c,"aria-valuenow":l,"aria-valuetext":f,isComplete:!!l,isSelected:!1,text:g},..."day"===a?h:[]]},[x,D]=s.useReducer(pe,v),S=s.useRef(i),C=s.useRef(!1);return X.calendarDatesAreDifferent(S.current,i)&&(S.current=i,X.calendarDatesAreDifferent(i,x.currentDate)&&(D({actionType:"reset",data:v}),C.current=!0)),{dateResetRef:C,dispatch:D,state:x}})({ariaLabels:C,dateMasks:m,granularity:l,locale:F,value:h}),{isDateSelected:_,isPartialDate:M,segments:B}=U,j={year:We(B,"year"),month:We(B,"month"),day:"day"===l?We(B,"day"):void 0},H=s.useRef(null),{dateClearedRef:O,dateFieldHandlers:N,handleCommitOnBlur:V,segmentHandlers:q,tabIndex:Y}=Ye({dateResetRef:L,direction:T,dispatch:E,groupRef:H,isDisabled:k,isInputFocused:I,onCommit:y,onInput:b,state:U,value:h});s.useImperativeHandle(x,(()=>({handleCommitOnBlur:V})),[V]);const W=void 0===h&&d&&!A,$=U.isCompleteDate?z.formatFullCalendarDate(F,U.currentDate,l):"",ie=`${r}-date`,re=U.isCompleteDate?t.jsx(ee.HiddenAccessible,{id:ie,children:$}):void 0,oe=U.isCompleteDate?Z.l([e,ie]):e,le=O.current?S:"",de=U.orderedSegments[0];return t.jsxs("div",{"aria-describedby":oe,"aria-label":n,"aria-labelledby":i,class:P,onFocusIn:g,onFocusOut:p,ref:H,role:"group",tabIndex:Y,...N,children:[t.jsx(Q.Flex,{direction:"row",wrap:"nowrap",justify:f,children:m.map((({type:e,value:s})=>{const n="literal"!==e?j[e]:{};return"literal"===e?t.jsx(me,{isHidden:W,isHighlighted:_,isPlaceholder:!M,text:s}):t.jsx(ue,{inputRef:e===de?o:void 0,isDisabled:k,isInvalid:!!a,isHidden:W,isHighlighted:_,isRequired:c,placeholder:s,type:e,...q,...n})}))}),re,t.jsx(te.LiveRegion,{children:le})]})})),$e=P.createContext({isInputDatePickerParent:!1,isDropdownOpen:!1}),ze=()=>s.useContext($e),Xe=a.forwardRef((({"aria-describedby":e,assistiveText:a,columnSpan:i,endContent:r,granularity:o="day",helpSourceLink:m,helpSourceText:p,isDisabled:y,isReadonly:g,isRequired:b,isRequiredShown:f,label:h,labelEdge:v,labelStartWidth:x,mainFieldRef:D,messages:S,masks:C,testId:T,textAlign:A,userAssistanceDensity:I,value:w,variant:R,onCommit:P,onInput:U},E)=>{const{isDisabled:L,isReadonly:_,labelEdge:M,labelStartWidth:B,textAlign:j,userAssistanceDensity:H}=q.useFormContext(),O=y??L,V=g??_,$=v??M,Z=x??B,G=A??j??"start",J=I??H,Q=s.useRef(null),ee=s.useRef(null),te=s.useRef(null),ae=D??te,se=s.useRef(null),{isDropdownOpen:ne,isInputDatePickerParent:ie}=ze(),re=s.useCallback((()=>{(!ie||!ne)&&se.current?.handleCommitOnBlur()}),[ne,ie]),{focusProps:oe,isFocused:le,methods:de}=N.useFocusableTextField({isDisabled:O,isReadonly:V,enabledElementRef:Q,onBlurWithin:re,readonlyElementRef:ee});s.useImperativeHandle(E,(()=>de),[de]);const ce=le||ie&&ne,{baseId:ue,formFieldContext:me,inputProps:pe,labelProps:ye,textFieldProps:ge,userAssistanceProps:be}=W.useTextField({ariaDescribedBy:e,helpSourceLink:m,helpSourceText:p,isDisabled:O,isFocused:ce,isReadonly:V,isRequiredShown:f,labelEdge:$,messages:S,styleVariant:R,userAssistanceDensity:J,value:w}),{forId:fe,...he}=ye,{id:ve,...xe}=pe,De=he.id,Se=s.useCallback((()=>{Q.current?.focus()}),[Q]),Ce="none"!==$?t.jsx(n.Label,{...O||V?{}:{onClick:Se},...he,children:h}):void 0,Te={label:"none"!==$?Ce:void 0,labelEdge:"none"!==$?$:void 0,labelStartWidth:"none"!==$?Z:void 0,labelText:"inside"!==$||O?void 0:h},Fe="none"===$?h:void 0,ke=void 0!==h&&"inside"===$,Ae="efficient"===J||"reflow"===J?O?"efficient"!==J?void 0:t.jsx(F.InlineUserAssistance,{userAssistanceDensity:J,...be}):V?t.jsx(F.InlineUserAssistance,{fieldLabel:h,messages:S,userAssistanceDensity:J,...be}):t.jsx(F.InlineUserAssistance,{assistiveText:a,fieldLabel:h,helpSourceLink:m,helpSourceText:p,messages:S,isRequiredShown:f,userAssistanceDensity:J,...be}):void 0,Ie="compact"===J?t.jsx(k.CompactUserAssistance,{anchorRef:ae,messages:S,assistiveText:a,...be}):void 0,{locale:we}=K.useUser(),Re=u.useTranslationBundle("@oracle/oraclejet-preact"),Pe=Re.inputDateMask_monthPlaceholder(),Ue=Re.inputDateMask_dayPlaceholder(),Ee=Re.inputDateMask_yearPlaceholder();if(C&&("day"===o&&5!==C.length||"month"===o&&3!==C.length))throw new Error("Specified masks must match the granularity");const Le=s.useMemo((()=>C?X.translateCustomMasks(C,Pe,Ue,Ee):z.getDatePlaceholderMasks(we,o,Pe,Ue,Ee)),[C,we,o,Ue,Pe,Ee]);if(V)return t.jsx(Y.FormFieldContext.Provider,{value:me,children:t.jsx(d.ReadonlyTextField,{role:"presentation",columnSpan:i,compactUserAssistance:Ie,inlineUserAssistance:Ae,onBlur:oe.onFocusOut,onFocus:oe.onFocusIn,ref:ae,testId:T,mainContent:t.jsx(l.ReadonlyTextFieldInput,{"aria-describedby":xe["aria-describedby"],"aria-label":Fe,"aria-labelledby":he.id,as:"div",elementRef:ee,textAlign:G,value:void 0===w?"":z.formatShortCalendarDate(w,o,Le),hasEmptyLabel:""===h&&"none"===$,hasInsideLabel:ke,onBlur:pe.onBlur,onFocus:pe.onFocus}),...Te})});const _e=t.jsx(Ke,{"aria-label":Fe,"aria-labelledby":De,baseId:ue,fieldRef:Q,granularity:o,hasInsideLabel:void 0!==Ce&&"inside"===$,isRequired:b,masks:Le,onCommit:P,onInput:U,ref:se,textAlign:G,value:w,...xe});return t.jsx(Y.FormFieldContext.Provider,{value:me,children:t.jsx(c.TextField,{columnSpan:i,compactUserAssistance:Ie,endContent:r,inlineUserAssistance:Ae,mainContent:_e,onBlur:oe.onFocusOut,onFocus:oe.onFocusIn,mainFieldRef:ae,testId:T,...ge,...Te})})}));e.InputDateMask=Xe,e.InputDateMaskContext=$e,e.useInputDateMaskContext=ze}));
 //# sourceMappingURL=InputDateMask-2fdb6f26.js.map

package/amd/{InputDatePicker-a1eea599.js → InputDatePicker-c5ceeb44.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './Calendar-47e39e3e', './HiddenAccessible-037ef42d', './IconButton-232d63fc', './clientHints-6d361eaa', './FormFieldContext-a024b891', './logger-0f873e29', './TabbableModeContext-a9c97640', './useTranslationBundle-8e42d505', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-e406e352', './Flex-07d2aa5b', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './LayerHost-daf96749', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-ae57629b', 'css!./IconStyle.styles.css', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './Popup-695781d6', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './UNSAFE_InputDatePicker/themes/InputDatePickerDropdownStyles.css', './Sheet-c7f3fe2d', './DatePicker-a07542a8', './SectionedContent-054e2fc2', './stringUtils-4ffd9d59', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './useId-c9578d26', './getFormatParse-7ea0c25b', './maskUtils-8e7a7701', './useHiddenTestMethod-90b5bff5', './calendarDateUtils-dd5b75ee', './useTestId-9afc201a', './InputDateMask-2fdb6f26'], (function(e,s,t,a,n,o,r,i,l,d,u,c,m,p,h,y,f,b,C,D,v,S,k,x,A,T,g,F,I,V,P,R,w,M,U,_,j,H,B,E,N,L,O,Y,Z,W,z,G,q,J,K,Q,X,$,ee,se,te){"use strict";const ae=({anchorRef:e,assistiveText:t,dayFormatter:n,daysOutsideMonth:o,helpSourceLink:r,helpSourceText:i,isDisabled:d,isOpen:u,isReadonly:m,label:p,onClose:h,onCommit:f,max:b,messages:C,min:D,monthAndYearPicker:v,testId:S,todayButton:k,todayTimeZone:x,userAssistanceDensity:A,value:T,weekDisplay:g})=>{const[F,I]=a.useState(!1),[V,P]=a.useState(u),R=a.useCallback((e=>{I(e.placement.startsWith("top"))}),[]);V!==u&&(P(u),u||I(!1));const w=ne(),{datePicker_label:M}=c.useTranslationBundle("@oracle/oraclejet-preact"),U=M(),_=s.jsx(W.DatePicker,{dayFormatter:n,daysOutsideMonth:o,height:w?void 0:"auto",onCommit:f,max:b,min:D,maxWidth:w?"100%":void 0,width:"100%",monthAndYearPicker:v,testId:S,todayTimeZone:x,todayButton:k,value:T,weekDisplay:g}),j=!u||F&&!w||d||m||!(t||r||C&&C.length>0)||"efficient"!==A&&"reflow"!==A?void 0:s.jsx(l.FormFieldContext.Provider,{value:{isFocused:!0},children:s.jsx("div",{class:Y.userAssistanceStyles,children:s.jsx(y.InlineUserAssistance,{assistiveText:t,fieldLabel:p,helpSourceLink:r,helpSourceText:i,messages:C,userAssistanceDensity:A})})}),H=S?S+(w?"_sheet":"_dropdown"):void 0,B=s.jsx("div",{class:Y.dropdownStyles,children:s.jsx(z.SectionedContent,{"aria-label":U,footer:j,hasFocusTrap:!0,main:_,role:"dialog",testId:H})});return w?s.jsx(Z.Sheet,{initialFocus:"firstFocusable",isOpen:u,onClose:h,children:s.jsx(z.SectionedContent,{"aria-label":U,footer:j,hasFocusTrap:!0,main:_,role:"dialog",testId:H})}):s.jsx(z.StickyPositioningDropdown,{anchorRef:e,initialFocus:"firstFocusable",isOpen:u,onClose:h,onPosition:R,sizeOptions:{isMaxWidthAdjusted:!1,isMaxHeightAdjusted:!0},children:B})},ne=()=>"phone"===i.getClientHints().deviceType,oe=e=>e&&ee.isCompleteCalendarDate(e)?e:void 0,re=(e,s)=>{switch(s.type){case"dateChanged":return{...e,dateValue:s.data,completeDateValue:oe(s.data)};case"dateSelected":return{...e,dateValue:s.data,completeDateValue:s.data};case"reset":return{completeDateValue:oe(s.data),dateValue:s.data};default:return e}},ie=({isDisabled:e,isReadonly:s,onCommit:t,onInput:n,rootRef:o,value:r})=>{const[i,l]=a.useState(!1),d=a.useRef(null),u=a.useRef(null),c=a.useRef(!1),m=a.useRef(),p=a.useRef(r),h=a.useRef(r),y=a.useRef(r),f=a.useRef(!1),{state:b,dispatch:C}=(({value:e})=>{const[s,t]=a.useReducer(re,{completeDateValue:oe(e),dateValue:e});return{state:s,dispatch:t}})({value:r});X.calendarDatesAreDifferent(y.current,r)&&(y.current=r,X.calendarDatesAreDifferent(r,b.dateValue)&&(C({type:"reset",data:r}),h.current=r,p.current=r)),a.useEffect((()=>{X.calendarDatesAreDifferent(b.dateValue,h.current)&&(n({previousValue:h.current,value:b.dateValue}),h.current=b.dateValue),f.current&&X.calendarDatesAreDifferent(b.dateValue,p.current)&&(t?.({previousValue:p.current,value:b.dateValue}),p.current=b.dateValue,f.current=!1)}),[t,n,b.dateValue]);const D=a.useCallback((e=>{C({type:"dateChanged",data:e.value})}),[C]),v=a.useCallback((e=>{X.calendarDatesAreDifferent(p.current,e.value)&&(t?.({value:e.value,previousValue:p.current}),p.current=e.value)}),[t]),S=a.useCallback((()=>{c.current||l((e=>!e)),c.current=!1}),[]),k=a.useCallback((e=>{"outsideMousedown"===e.reason?(c.current=!0,clearTimeout(m.current),m.current=setTimeout((()=>{c.current=!1}),200)):"dismissed"!==e.reason&&"keyboardDismissed"!==e.reason||d.current?.focus(),l(!1)}),[]),x=a.useCallback((e=>{d.current?.focus(),f.current=!0,C({type:"dateSelected",data:e.value}),l(!1)}),[C]),A=a.useCallback((a=>s||e?Promise.reject("Component is readonly or disabled"):(n({value:a,previousValue:r}),t?.({value:a,previousValue:r}),Promise.resolve())),[r,e,s,t,n]);return $.useHiddenTestMethod({elementRef:o,method:A,name:"_changeValue"}),{calendarIconActionHandler:S,datePickerCommitHandler:x,dropdownCloseHandler:k,completeDateValue:b.completeDateValue,dateValue:b.dateValue,iconRef:d,isOpen:i,maskCommitHandler:v,maskInputHandler:D,maskRef:u}},le=t.forwardRef((({"aria-describedby":e,assistiveText:t,dayFormatter:i,daysOutsideMonth:l,helpSourceLink:d,helpSourceText:u,isDisabled:m,isReadonly:p,label:h,max:y,messages:f,min:b,monthAndYearPicker:C,todayTimeZone:D,todayButton:v,value:S,onCommit:k,onInput:x,testId:A,userAssistanceDensity:T,weekDisplay:g,...F},I)=>{const V=se.useTestId(A),P=a.useRef(null),{calendarIconActionHandler:R,datePickerCommitHandler:w,completeDateValue:M,dateValue:U,dropdownCloseHandler:_,iconRef:j,isOpen:H,maskCommitHandler:B,maskInputHandler:E,maskRef:N}=ie({isDisabled:m,isReadonly:p,onCommit:k,onInput:x,rootRef:P,value:S}),L=a.useRef(null),{inputDatePicker_selectDate:O,inputDatePicker_instruction:Y}=c.useTranslationBundle("@oracle/oraclejet-preact"),Z=O(),{userAssistanceDensity:W}=J.useFormContext(),z=T??W;a.useImperativeHandle(I,(()=>({focus:()=>{N.current?.focus()},blur:()=>{N.current?.blur()}})));const q=K.useId(),Q=Y(),X=m||p?void 0:s.jsx(o.HiddenAccessible,{id:q,isHidden:!0,children:Q}),$=m||p?e:G.l([e,q]),ee=s.jsx(r.IconButton,{"aria-haspopup":"dialog","aria-label":Z,isDisabled:m,ref:j,size:"sm",testId:A?A+"_calendarIcon":void 0,variant:"ghost",onAction:R,children:s.jsx(n.SvgCalendar,{})}),ne=H;return s.jsxs("div",{...V,ref:P,children:[s.jsx(te.InputDateMaskContext.Provider,{value:{isDropdownOpen:H,isInputDatePickerParent:!0},children:s.jsx(te.InputDateMask,{"aria-describedby":$,assistiveText:t,endContent:ee,helpSourceLink:d,helpSourceText:u,isDisabled:m,isReadonly:p,label:h,onCommit:B,onInput:E,mainFieldRef:L,messages:f,testId:A?A+"_mask":void 0,ref:N,userAssistanceDensity:T,value:U,...F})}),X,ne&&s.jsx(ae,{anchorRef:L,assistiveText:t,dayFormatter:i,daysOutsideMonth:l,helpSourceLink:d,helpSourceText:u,isDisabled:m,isReadonly:p,isOpen:H,label:h,onClose:_,onCommit:w,max:y,messages:f,min:b,monthAndYearPicker:C,testId:A?A+"_datePicker":void 0,todayTimeZone:D,todayButton:v,userAssistanceDensity:z,value:M,weekDisplay:g})]})}));e.InputDatePicker=le}));
-//# sourceMappingURL=InputDatePicker-a1eea599.js.map
+define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './Calendar-47e39e3e', './HiddenAccessible-037ef42d', './IconButton-232d63fc', './clientHints-6d361eaa', './FormFieldContext-a024b891', './logger-0f873e29', './TabbableModeContext-a9c97640', './useTranslationBundle-27bf6340', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-e406e352', './Flex-4bc3a394', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './LayerHost-7d4aa6d3', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-3c8a0253', 'css!./IconStyle.styles.css', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './Popup-062b66ff', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './UNSAFE_InputDatePicker/themes/InputDatePickerDropdownStyles.css', './Sheet-fdd314ac', './DatePicker-568944a7', './SectionedContent-bae8af88', './stringUtils-4ffd9d59', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './useId-c9578d26', './getFormatParse-7ea0c25b', './maskUtils-8e7a7701', './useHiddenTestMethod-2f1d2e7e', './calendarDateUtils-dd5b75ee', './useTestId-a2e433c2', './InputDateMask-2fdb6f26'], (function(e,s,t,a,n,o,r,i,l,d,c,u,m,p,h,y,f,b,C,D,v,S,k,x,A,T,g,F,I,V,P,R,w,M,U,_,j,H,B,E,N,L,O,Y,Z,W,z,G,q,J,K,Q,X,$,ee,se,te){"use strict";const ae=({anchorRef:e,assistiveText:t,dayFormatter:n,daysOutsideMonth:o,helpSourceLink:r,helpSourceText:i,isDisabled:d,isOpen:c,isReadonly:m,label:p,onClose:h,onCommit:f,max:b,messages:C,min:D,monthAndYearPicker:v,testId:S,todayButton:k,todayTimeZone:x,userAssistanceDensity:A,value:T,weekDisplay:g})=>{const[F,I]=a.useState(!1),[V,P]=a.useState(c),R=a.useCallback((e=>{I(e.placement.startsWith("top"))}),[]);V!==c&&(P(c),c||I(!1));const w=ne(),{datePicker_label:M}=u.useTranslationBundle("@oracle/oraclejet-preact"),U=M(),_=s.jsx(W.DatePicker,{dayFormatter:n,daysOutsideMonth:o,height:w?void 0:"auto",onCommit:f,max:b,min:D,maxWidth:w?"100%":void 0,width:"100%",monthAndYearPicker:v,testId:S,todayTimeZone:x,todayButton:k,value:T,weekDisplay:g}),j=!c||F&&!w||d||m||!(t||r||C&&C.length>0)||"efficient"!==A&&"reflow"!==A?void 0:s.jsx(l.FormFieldContext.Provider,{value:{isFocused:!0},children:s.jsx("div",{class:Y.userAssistanceStyles,children:s.jsx(y.InlineUserAssistance,{assistiveText:t,fieldLabel:p,helpSourceLink:r,helpSourceText:i,messages:C,userAssistanceDensity:A})})}),H=S?S+(w?"_sheet":"_dropdown"):void 0,B=s.jsx("div",{class:Y.dropdownStyles,children:s.jsx(z.SectionedContent,{"aria-label":U,footer:j,hasFocusTrap:!0,main:_,role:"dialog",testId:H})});return w?s.jsx(Z.Sheet,{initialFocus:"firstFocusable",isOpen:c,onClose:h,children:s.jsx(z.SectionedContent,{"aria-label":U,footer:j,hasFocusTrap:!0,main:_,role:"dialog",testId:H})}):s.jsx(z.StickyPositioningDropdown,{anchorRef:e,initialFocus:"firstFocusable",isOpen:c,onClose:h,onPosition:R,sizeOptions:{isMaxWidthAdjusted:!1,isMaxHeightAdjusted:!0},children:B})},ne=()=>"phone"===i.getClientHints().deviceType,oe=e=>e&&ee.isCompleteCalendarDate(e)?e:void 0,re=(e,s)=>{switch(s.type){case"dateChanged":return{...e,dateValue:s.data,completeDateValue:oe(s.data)};case"dateSelected":return{...e,dateValue:s.data,completeDateValue:s.data};case"reset":return{completeDateValue:oe(s.data),dateValue:s.data};default:return e}},ie=({isDisabled:e,isReadonly:s,onCommit:t,onInput:n,rootRef:o,value:r})=>{const[i,l]=a.useState(!1),d=a.useRef(null),c=a.useRef(null),u=a.useRef(!1),m=a.useRef(),p=a.useRef(r),h=a.useRef(r),y=a.useRef(r),f=a.useRef(!1),{state:b,dispatch:C}=(({value:e})=>{const[s,t]=a.useReducer(re,{completeDateValue:oe(e),dateValue:e});return{state:s,dispatch:t}})({value:r});X.calendarDatesAreDifferent(y.current,r)&&(y.current=r,X.calendarDatesAreDifferent(r,b.dateValue)&&(C({type:"reset",data:r}),h.current=r,p.current=r)),a.useEffect((()=>{X.calendarDatesAreDifferent(b.dateValue,h.current)&&(n({previousValue:h.current,value:b.dateValue}),h.current=b.dateValue),f.current&&X.calendarDatesAreDifferent(b.dateValue,p.current)&&(t?.({previousValue:p.current,value:b.dateValue}),p.current=b.dateValue,f.current=!1)}),[t,n,b.dateValue]);const D=a.useCallback((e=>{C({type:"dateChanged",data:e.value})}),[C]),v=a.useCallback((e=>{X.calendarDatesAreDifferent(p.current,e.value)&&(t?.({value:e.value,previousValue:p.current}),p.current=e.value)}),[t]),S=a.useCallback((()=>{u.current||l((e=>!e)),u.current=!1}),[]),k=a.useCallback((e=>{"outsideMousedown"===e.reason?(u.current=!0,clearTimeout(m.current),m.current=setTimeout((()=>{u.current=!1}),200)):"dismissed"!==e.reason&&"keyboardDismissed"!==e.reason||d.current?.focus(),l(!1)}),[]),x=a.useCallback((e=>{d.current?.focus(),f.current=!0,C({type:"dateSelected",data:e.value}),l(!1)}),[C]),A=a.useCallback((a=>s||e?Promise.reject("Component is readonly or disabled"):(n({value:a,previousValue:r}),t?.({value:a,previousValue:r}),Promise.resolve())),[r,e,s,t,n]);return $.useHiddenTestMethod({elementRef:o,method:A,name:"_changeValue"}),{calendarIconActionHandler:S,datePickerCommitHandler:x,dropdownCloseHandler:k,completeDateValue:b.completeDateValue,dateValue:b.dateValue,iconRef:d,isOpen:i,maskCommitHandler:v,maskInputHandler:D,maskRef:c}},le=t.forwardRef((({"aria-describedby":e,assistiveText:t,dayFormatter:i,daysOutsideMonth:l,helpSourceLink:d,helpSourceText:c,isDisabled:m,isReadonly:p,label:h,max:y,messages:f,min:b,monthAndYearPicker:C,todayTimeZone:D,todayButton:v,value:S,onCommit:k,onInput:x,testId:A,userAssistanceDensity:T,weekDisplay:g,...F},I)=>{const V=se.useTestId(A),P=a.useRef(null),{calendarIconActionHandler:R,datePickerCommitHandler:w,completeDateValue:M,dateValue:U,dropdownCloseHandler:_,iconRef:j,isOpen:H,maskCommitHandler:B,maskInputHandler:E,maskRef:N}=ie({isDisabled:m,isReadonly:p,onCommit:k,onInput:x,rootRef:P,value:S}),L=a.useRef(null),{inputDatePicker_selectDate:O,inputDatePicker_instruction:Y}=u.useTranslationBundle("@oracle/oraclejet-preact"),Z=O(),{userAssistanceDensity:W}=J.useFormContext(),z=T??W;a.useImperativeHandle(I,(()=>({focus:()=>{N.current?.focus()},blur:()=>{N.current?.blur()}})));const q=K.useId(),Q=Y(),X=m||p?void 0:s.jsx(o.HiddenAccessible,{id:q,isHidden:!0,children:Q}),$=m||p?e:G.l([e,q]),ee=s.jsx(r.IconButton,{"aria-haspopup":"dialog","aria-label":Z,isDisabled:m,ref:j,size:"sm",testId:A?A+"_calendarIcon":void 0,variant:"ghost",onAction:R,children:s.jsx(n.SvgCalendar,{})}),ne=H;return s.jsxs("div",{...V,ref:P,children:[s.jsx(te.InputDateMaskContext.Provider,{value:{isDropdownOpen:H,isInputDatePickerParent:!0},children:s.jsx(te.InputDateMask,{"aria-describedby":$,assistiveText:t,endContent:ee,helpSourceLink:d,helpSourceText:c,isDisabled:m,isReadonly:p,label:h,onCommit:B,onInput:E,mainFieldRef:L,messages:f,testId:A?A+"_mask":void 0,ref:N,userAssistanceDensity:T,value:U,...F})}),X,ne&&s.jsx(ae,{anchorRef:L,assistiveText:t,dayFormatter:i,daysOutsideMonth:l,helpSourceLink:d,helpSourceText:c,isDisabled:m,isReadonly:p,isOpen:H,label:h,onClose:_,onCommit:w,max:y,messages:f,min:b,monthAndYearPicker:C,testId:A?A+"_datePicker":void 0,todayTimeZone:D,todayButton:v,userAssistanceDensity:z,value:M,weekDisplay:g})]})}));e.InputDatePicker=le}));
+//# sourceMappingURL=InputDatePicker-c5ceeb44.js.map

package/amd/{InputDatePicker-a1eea599.js.map → InputDatePicker-c5ceeb44.js.map}

@@ -1 +1 @@
-{"version":3,"file":"InputDatePicker-a1eea599.js","sources":["../../src/UNSAFE_InputDatePicker/InputDatePickerDropdown.tsx","../../src/UNSAFE_InputDatePicker/useInputDatePickerState.ts","../../src/UNSAFE_InputDatePicker/useInputDatePicker.ts","../../src/UNSAFE_InputDatePicker/InputDatePicker.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentProps } from 'preact';\nimport { useCallback, useState } from 'preact/hooks';\nimport { BundleType } from '../resources/nls/bundle';\nimport { DatePicker } from '#UNSAFE_DatePicker';\nimport { type CloseDetail as DropdownCloseDetail } from '#UNSAFE_Dropdown';\nimport { getClientHints } from '#utils/PRIVATE_clientHints';\nimport { FormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { InlineUserAssistance } from '../UNSAFE_UserAssistance';\nimport { InputDatePicker } from './InputDatePicker';\nimport { dropdownStyles, userAssistanceStyles } from './themes/InputDatePickerDropdownStyles.css';\nimport { PositionData } from '../UNSAFE_Floating';\nimport { StickyPositioningDropdown } from '#PRIVATE_FormControls';\nimport { SectionedContent } from '#PRIVATE_FormControls';\nimport { type CloseDetail as SheetCloseDetail, Sheet } from '#UNSAFE_Sheet';\nimport type { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { SizeOptions } from '#UNSAFE_Floating/Floating';\n\ntype StickyPositioningDropdownProps = ComponentProps<typeof StickyPositioningDropdown>;\ntype InputDatePickerProps = ComponentProps<typeof InputDatePicker>;\ntype PickedPropsFromInputDatePicker = Pick<\n  InputDatePickerProps,\n  | 'assistiveText'\n  | 'dayFormatter'\n  | 'daysOutsideMonth'\n  | 'helpSourceLink'\n  | 'helpSourceText'\n  | 'isDisabled'\n  | 'isReadonly'\n  | 'label'\n  | 'messages'\n  | 'min'\n  | 'max'\n  | 'monthAndYearPicker'\n  | 'todayButton'\n  | 'todayTimeZone'\n  | 'userAssistanceDensity'\n  | 'value'\n  | 'weekDisplay'\n>;\ntype DatePickerProps = ComponentProps<typeof DatePicker>;\ntype PickedPropsFromDatePicker = Pick<DatePickerProps, 'value' | 'onCommit'>;\ntype PickedPropsFromDropdown = Omit<StickyPositioningDropdownProps, 'onClose'>;\ntype CloseDetail = SheetCloseDetail | DropdownCloseDetail;\n\ntype Props = PickedPropsFromDatePicker &\n  PickedPropsFromInputDatePicker &\n  PickedPropsFromDropdown &\n  TestIdProps & {\n    /**\n     * Called when the dropdown or sheet is supposed to be closed.\n     */\n    onClose?: (detail: CloseDetail) => void;\n  };\n\n/**\n * Component that renders DatePicker either inside a dropdown or sheet; at small screen\n * widths, it renders inside a sheet. Additionally, when a dropdown is being shown beneath\n * the component, we also show any user assistance text or messages below the picker\n * because otherwise that information would be obscured from view. When a sheet is being\n * shown, it will always display UA and messages at the bottom of the sheet.\n */\nconst InputDatePickerDropdown = ({\n  anchorRef,\n  assistiveText,\n  dayFormatter,\n  daysOutsideMonth,\n  helpSourceLink,\n  helpSourceText,\n  isDisabled,\n  isOpen,\n  isReadonly,\n  label,\n  onClose,\n  onCommit,\n  max,\n  messages,\n  min,\n  monthAndYearPicker,\n  testId,\n  todayButton,\n  todayTimeZone,\n  userAssistanceDensity,\n  value,\n  weekDisplay\n}: Props) => {\n  // If the dropdown opens above the component, we don't want to show UA or messages.\n  const [isDropdownAbove, setDropdownAbove] = useState(false);\n  const [prevIsOpen, setPrevIsOpen] = useState(isOpen);\n  const handleDropdownPosition = useCallback<\n    NonNullable<StickyPositioningDropdownProps['onPosition']>\n  >((data: PositionData) => {\n    setDropdownAbove(data.placement.startsWith('top'));\n  }, []);\n  // Reset the flag when the dropdown is closed.\n  if (prevIsOpen !== isOpen) {\n    setPrevIsOpen(isOpen);\n    if (!isOpen) {\n      setDropdownAbove(false);\n    }\n  }\n\n  const sizeOptions: SizeOptions = {\n    isMaxWidthAdjusted: false,\n    isMaxHeightAdjusted: true\n  };\n\n  // On mobile phones, the dropdown becomes a sheet.\n  const shouldShowSheet = isPhone();\n\n  const { datePicker_label } = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const datePickerAriaLabel = datePicker_label();\n\n  const datePickerMainContent = (\n    <DatePicker\n      dayFormatter={dayFormatter}\n      daysOutsideMonth={daysOutsideMonth}\n      height={!shouldShowSheet ? 'auto' : undefined}\n      onCommit={onCommit}\n      max={max}\n      min={min}\n      // for sheet, we want the width to grow to the width of the sheet, otherwise it will use the theme default.\n      maxWidth={shouldShowSheet ? '100%' : undefined}\n      width=\"100%\"\n      monthAndYearPicker={monthAndYearPicker}\n      testId={testId}\n      todayTimeZone={todayTimeZone}\n      todayButton={todayButton}\n      value={value}\n      weekDisplay={weekDisplay}\n    />\n  );\n\n  const inlineUserAssistanceFooter =\n    isOpen &&\n    (!isDropdownAbove || shouldShowSheet) &&\n    !isDisabled &&\n    !isReadonly &&\n    (assistiveText || helpSourceLink || (messages && messages.length > 0)) &&\n    (userAssistanceDensity === 'efficient' || userAssistanceDensity === 'reflow') ? (\n      <FormFieldContext.Provider value={{ isFocused: true }}>\n        <div class={userAssistanceStyles}>\n          <InlineUserAssistance\n            assistiveText={assistiveText}\n            fieldLabel={label}\n            helpSourceLink={helpSourceLink}\n            helpSourceText={helpSourceText}\n            messages={messages}\n            userAssistanceDensity={userAssistanceDensity}\n          />\n        </div>\n      </FormFieldContext.Provider>\n    ) : undefined;\n\n  const contentTestId = testId ? testId + (shouldShowSheet ? '_sheet' : '_dropdown') : undefined;\n\n  // The same content is displayed either in a dropdown or sheet: date picker and inline UA.\n  // Add styling to the dropdown to enforce a fixed width.\n  const dropdownContent = (\n    <div class={dropdownStyles}>\n      <SectionedContent\n        aria-label={datePickerAriaLabel}\n        footer={inlineUserAssistanceFooter}\n        hasFocusTrap={true}\n        main={datePickerMainContent}\n        role=\"dialog\"\n        testId={contentTestId}\n      />\n    </div>\n  );\n\n  const dropdown = shouldShowSheet ? (\n    <Sheet initialFocus=\"firstFocusable\" isOpen={isOpen} onClose={onClose}>\n      <SectionedContent\n        aria-label={datePickerAriaLabel}\n        footer={inlineUserAssistanceFooter}\n        hasFocusTrap={true}\n        main={datePickerMainContent}\n        role=\"dialog\"\n        testId={contentTestId}\n      />\n    </Sheet>\n  ) : (\n    <StickyPositioningDropdown\n      anchorRef={anchorRef}\n      initialFocus=\"firstFocusable\"\n      isOpen={isOpen}\n      onClose={onClose}\n      onPosition={handleDropdownPosition}\n      sizeOptions={sizeOptions}>\n      {dropdownContent}\n    </StickyPositioningDropdown>\n  );\n\n  return dropdown;\n};\n\nconst isPhone = () => {\n  return getClientHints().deviceType === 'phone';\n};\n\nexport { InputDatePickerDropdown, type CloseDetail };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useReducer } from 'preact/hooks';\nimport type { CalendarDate, CalendarDateRequired } from '#utils/UNSAFE_calendarDateUtils';\nimport { isCompleteCalendarDate } from '#utils/UNSAFE_calendarDateUtils';\n\ntype InputDatePickerState = {\n  /**\n   * If dateValue is a complete date, then completeDateValue is the same as dateValue\n   * otherwise is is undefined. We need to maintain separate states because\n   * InputDateMask uses CalendarDate, but DatePicker uses CalendarDateRequired.\n   * If the user types a partial date then opens the picker, we treat that as\n   * no selection. The picker opens to the current month showing today.\n   */\n  completeDateValue?: CalendarDateRequired;\n\n  /**\n   * Represents the current date value of the component. The user either selected\n   * the date in the picker, or typed it into the date field.\n   */\n  dateValue?: CalendarDate;\n};\n\ntype DateChangedAction = { type: 'dateChanged'; data?: CalendarDate };\ntype DateResetAction = { type: 'reset'; data?: CalendarDate };\ntype DateSelectedAction = { type: 'dateSelected'; data?: CalendarDateRequired };\ntype InputDatePickerReducerAction = DateChangedAction | DateResetAction | DateSelectedAction;\n\n// If dateVal is a complete date, return it as a CalendarDateRequired\n// otherwise return undefined.\nconst convertToCalendarDateRequired = (dateVal?: CalendarDate) => {\n  return !dateVal || !isCompleteCalendarDate(dateVal)\n    ? undefined\n    : (dateVal as CalendarDateRequired);\n};\n\n// Use a reducer function to manage InputDatePickerState.\nconst inputDatePickerReducer = (\n  state: InputDatePickerState,\n  action: InputDatePickerReducerAction\n): InputDatePickerState => {\n  switch (action.type) {\n    case 'dateChanged': {\n      return {\n        ...state,\n        dateValue: action.data,\n        completeDateValue: convertToCalendarDateRequired(action.data)\n      };\n    }\n    case 'dateSelected': {\n      return { ...state, dateValue: action.data, completeDateValue: action.data };\n    }\n    case 'reset': {\n      return {\n        completeDateValue: convertToCalendarDateRequired(action.data),\n        dateValue: action.data\n      };\n    }\n    default:\n      return state;\n  }\n};\n\ntype Props = {\n  /**\n   * The value of the InputDatePicker, or undefined.\n   */\n  value?: CalendarDate;\n};\n\n/**\n * useInputDatePickerState calls useReducer to determine the initial state. Any changes to that state\n * are managed by dispatching actions to the reducer function.\n */\nconst useInputDatePickerState = ({ value }: Props) => {\n  const [state, dispatch] = useReducer(inputDatePickerReducer, {\n    completeDateValue: convertToCalendarDateRequired(value),\n    dateValue: value\n  });\n\n  return { state, dispatch };\n};\n\nexport { useInputDatePickerState };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport type { ComponentProps, RefObject } from 'preact';\nimport type { ElementRef } from 'preact/compat';\nimport { useCallback, useEffect, useRef, useState } from 'preact/hooks';\nimport type { CalendarDate, CalendarDateRequired } from '#utils/UNSAFE_calendarDateUtils';\nimport { calendarDatesAreDifferent } from '#utils/PRIVATE_dayUtils';\nimport { DatePicker } from '#UNSAFE_DatePicker';\nimport { CloseDetail, InputDatePickerDropdown } from './InputDatePickerDropdown';\nimport { IconButton } from '#UNSAFE_IconButton';\nimport { InputDateMask } from '#UNSAFE_InputDateMask';\nimport { InputDatePicker } from './InputDatePicker';\nimport { useHiddenTestMethod } from '#hooks/UNSAFE_useHiddenTestMethod';\nimport { useInputDatePickerState } from './useInputDatePickerState';\nimport type { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\n\ntype InputDatePickerProps = ComponentProps<typeof InputDatePicker>;\ntype InputDateMaskProps = ComponentProps<typeof InputDateMask>;\ntype DatePickerProps = ComponentProps<typeof DatePicker>;\ntype IconButtonProps = ComponentProps<typeof IconButton>;\ntype DropdownProps = ComponentProps<typeof InputDatePickerDropdown>;\n\ntype IconButtonHandle = ElementRef<typeof IconButton>;\n\ntype Props = {\n  isDisabled: InputDatePickerProps['isDisabled'];\n  isReadonly: InputDatePickerProps['isReadonly'];\n  onCommit: InputDatePickerProps['onCommit'];\n  onInput: InputDatePickerProps['onInput'];\n  rootRef: RefObject<HTMLElement>;\n  value: InputDatePickerProps['value'];\n};\n\n/**\n * Hook that provides handlers and other functionality for InputDatePicker.\n */\nconst useInputDatePicker = ({\n  isDisabled,\n  isReadonly,\n  onCommit,\n  onInput,\n  rootRef,\n  value: currentValue\n}: Props) => {\n  // Whether the dropdown is open.\n  const [isOpen, setIsOpen] = useState(false);\n\n  // Ref to the calendar icon button.\n  const iconRef = useRef<IconButtonHandle>(null);\n\n  // Ref to the InputDateMask component.\n  const maskRef: RefObject<HTMLElement> = useRef<HTMLElement>(null);\n\n  // Keep track of whether the dropdown was just dismissed from an outside mousedown event.\n  const outsideMousedownRef = useRef<boolean>(false);\n  const outsideMousedownTimerRef = useRef<ReturnType<typeof setTimeout> | undefined>();\n\n  // Keep track of the last date values passed to onInput and onCommit.\n  const lastCommittedDateRef = useRef<CalendarDate | undefined>(currentValue);\n  const lastDateRef = useRef<CalendarDate | undefined>(currentValue);\n\n  // Keep track of the last controlled value passed from the parent, so we can detect a programmatic change.\n  const lastValueFromParentRef = useRef<CalendarDate | undefined>(currentValue);\n\n  // Keep track of whether a date was selected in the date picker.\n  const dateSelectedRef = useRef<boolean>(false);\n\n  const { state, dispatch } = useInputDatePickerState({ value: currentValue });\n\n  // If a new value is being pushed from the parent, and that value differs from\n  // the current value of the reducer, then this is a programmatic update\n  // and we need to call 'reset' to update the reducer state. Otherwise, the only\n  // time the reducer state is updated from the value is on mount.\n  if (calendarDatesAreDifferent(lastValueFromParentRef.current, currentValue)) {\n    lastValueFromParentRef.current = currentValue;\n    if (calendarDatesAreDifferent(currentValue, state.dateValue)) {\n      dispatch({ type: 'reset', data: currentValue });\n      lastDateRef.current = currentValue;\n      lastCommittedDateRef.current = currentValue;\n    }\n  }\n\n  // Reducer updates are async, so wait until the state updates and then call our callbacks.\n  useEffect(() => {\n    if (calendarDatesAreDifferent(state.dateValue, lastDateRef.current)) {\n      onInput({ previousValue: lastDateRef.current, value: state.dateValue });\n      lastDateRef.current = state.dateValue;\n    }\n    if (\n      dateSelectedRef.current &&\n      calendarDatesAreDifferent(state.dateValue, lastCommittedDateRef.current)\n    ) {\n      onCommit?.({ previousValue: lastCommittedDateRef.current, value: state.dateValue });\n      lastCommittedDateRef.current = state.dateValue;\n      dateSelectedRef.current = false;\n    }\n  }, [onCommit, onInput, state.dateValue]);\n\n  // Handle onInput from InputDateMask as segment values are being added or changed in the input field.\n  // We wait for the state to update before calling onInput.\n  const maskInputHandler = useCallback<InputDateMaskProps['onInput']>(\n    (detail: ValueUpdateDetail<CalendarDate>) => {\n      dispatch({ type: 'dateChanged', data: detail.value });\n    },\n    [dispatch]\n  );\n\n  // Handle onCommit from InputDateMask, which is called when the user presses Enter or the field is blurred.\n  const maskCommitHandler = useCallback<NonNullable<InputDateMaskProps['onCommit']>>(\n    (detail: ValueUpdateDetail<CalendarDate>) => {\n      // If the value we get from InputDateMask's onCommit differs from the last committed value, then call onCommit.\n      if (calendarDatesAreDifferent(lastCommittedDateRef.current, detail.value)) {\n        onCommit?.({ value: detail.value, previousValue: lastCommittedDateRef.current });\n        lastCommittedDateRef.current = detail.value;\n      }\n    },\n    [onCommit]\n  );\n\n  // Respond to onAction event from the calendar icon button. Toggles the date picker dropdown.\n  const calendarIconActionHandler = useCallback<NonNullable<IconButtonProps['onAction']>>(() => {\n    // Only toggle the value of isOpen if we didn't just dismiss the dropdown.\n    if (!outsideMousedownRef.current) {\n      setIsOpen((prevIsOpen) => !prevIsOpen);\n    }\n    outsideMousedownRef.current = false;\n  }, []);\n\n  const dropdownCloseHandler = useCallback<NonNullable<DropdownProps['onClose']>>(\n    (detail: CloseDetail) => {\n      // Keep track of when the dropdown is closed via outside mousedown, including when the calendar icon\n      // is clicked. We need this in order to toggle visibility of the picker and dropdown.\n      if (detail.reason === 'outsideMousedown') {\n        outsideMousedownRef.current = true;\n        clearTimeout(outsideMousedownTimerRef.current);\n\n        // Clear the flag after a short delay to ensure the dropdown can be opened again.\n        outsideMousedownTimerRef.current = setTimeout(() => {\n          outsideMousedownRef.current = false;\n        }, 200);\n      } else if (detail.reason === 'dismissed' || detail.reason === 'keyboardDismissed') {\n        // Focus the calendar icon when the dropdown is closed.\n        iconRef.current?.focus();\n      }\n      setIsOpen(false);\n    },\n    []\n  );\n\n  // Handle date selection in the picker.\n  //   - Updates the value in state.\n  //   - Closes the dropdown.\n  //   - Sets focus to the date field.\n  const datePickerCommitHandler = useCallback<DatePickerProps['onCommit']>(\n    (detail: ValueUpdateDetail<CalendarDateRequired>) => {\n      // Set focus to the calendar icon when a date is selected.\n      iconRef.current?.focus();\n\n      // Set a ref indicating a date was selected.\n      dateSelectedRef.current = true;\n      dispatch({ type: 'dateSelected', data: detail.value });\n      setIsOpen(false);\n    },\n    [dispatch]\n  );\n\n  // Create a changeValue method that can be called by a test adapter to simulate a user\n  // changing the value and committing it.\n  const changeValue = useCallback(\n    (newValue?: CalendarDate) => {\n      // We always want this method available on the DOM element so that a test can call it,\n      // but we only want it to change the value when the component is enabled because that's\n      // the only time the user could change the value through the UI.\n      if (!isReadonly && !isDisabled) {\n        onInput({ value: newValue, previousValue: currentValue });\n        onCommit?.({ value: newValue, previousValue: currentValue });\n        return Promise.resolve();\n      }\n      return Promise.reject('Component is readonly or disabled');\n    },\n    [currentValue, isDisabled, isReadonly, onCommit, onInput]\n  );\n  // Expose _changeValue as a hidden method on the root DOM.\n  useHiddenTestMethod({\n    elementRef: rootRef,\n    method: changeValue,\n    name: '_changeValue'\n  });\n\n  return {\n    calendarIconActionHandler,\n    datePickerCommitHandler,\n    dropdownCloseHandler,\n    completeDateValue: state.completeDateValue,\n    dateValue: state.dateValue,\n    iconRef,\n    isOpen,\n    maskCommitHandler,\n    maskInputHandler,\n    maskRef\n  };\n};\n\nexport { useInputDatePicker };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentProps, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useImperativeHandle, useRef } from 'preact/hooks';\nimport { BundleType } from '../resources/nls/bundle';\nimport { CalendarIcon } from '#PRIVATE_ThemedIcons/CalendarIcon';\nimport {\n  CalendarDate,\n  CalendarDatePlaceholders,\n  InputDateMask,\n  InputDateMaskContext\n} from '#UNSAFE_InputDateMask';\nimport { DatePicker } from '#UNSAFE_DatePicker';\nimport { HiddenAccessible } from '#UNSAFE_HiddenAccessible';\nimport { IconButton } from '#UNSAFE_IconButton';\nimport { InputDatePickerDropdown } from './InputDatePickerDropdown';\nimport { FocusableHandle } from '#hooks/UNSAFE_useFocusableTextField';\nimport { merge } from '@oracle/oraclejet-internal-utilities/stringUtils';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { useInputDatePicker } from './useInputDatePicker';\nimport { useTestId } from '#hooks/UNSAFE_useTestId';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\n\ntype InputDateMaskProps = ComponentProps<typeof InputDateMask>;\ntype PickedPropsFromInputDateMask = Pick<\n  InputDateMaskProps,\n  | 'aria-describedby'\n  | 'assistiveText'\n  | 'columnSpan'\n  | 'helpSourceLink'\n  | 'helpSourceText'\n  | 'isDisabled'\n  | 'isReadonly'\n  | 'isRequired'\n  | 'isRequiredShown'\n  | 'label'\n  | 'labelEdge'\n  | 'labelStartWidth'\n  | 'messages'\n  | 'textAlign'\n  | 'testId'\n  | 'userAssistanceDensity'\n  | 'variant'\n>;\n\ntype DatePickerProps = ComponentProps<typeof DatePicker>;\ntype PickedPropsFromDatePicker = Pick<\n  DatePickerProps,\n  | 'dayFormatter'\n  | 'daysOutsideMonth'\n  | 'max'\n  | 'min'\n  | 'monthAndYearPicker'\n  | 'todayTimeZone'\n  | 'todayButton'\n  | 'weekDisplay'\n>;\n\ntype Props = PickedPropsFromInputDateMask &\n  PickedPropsFromDatePicker & {\n    /**\n     * If specified, overrides the locale specific order of the individual date segments\n     * in the date field as well as the locale specific separator. The value of each placeholder\n     * is only used when the type is 'literal', otherwise it is replaced with a translated\n     * placeholder for month, day, or year. The placeholders must include month, day, and year.\n     */\n    masks?: CalendarDatePlaceholders;\n\n    /**\n     * The current display value of the component.\n     * This is a CalendarDate, not CalendarDateRequired, because this is a controlled component and\n     * the user may type the month, day, and year separately. If a selection is made in the date\n     * picker, then the value is a complete date.\n     */\n    value?: CalendarDate;\n\n    /**\n     * Callback invoked when the user commits the entered value by blurring or hitting the enter key.\n     * It is also called when a selection is made in the date picker.\n     */\n    onCommit?: (detail: ValueUpdateDetail<CalendarDate>) => void;\n\n    /**\n     * Callback invoked each time the user changes the value of a segment. For example, if the user\n     * types '12' into the month segment, this callback will be called twice to change the month\n     * first to '1' and then '12'.\n     */\n    onInput: (detail: ValueUpdateDetail<CalendarDate>) => void;\n  };\n\n/**\n * InputDatePicker allows users to enter or select a single date using a calendar interface.\n */\nexport const InputDatePicker = forwardRef(\n  (\n    {\n      'aria-describedby': propDescribedBy,\n      assistiveText,\n      dayFormatter,\n      daysOutsideMonth,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled,\n      isReadonly,\n      label,\n      max,\n      messages,\n      min,\n      monthAndYearPicker,\n      todayTimeZone,\n      todayButton,\n      value,\n      onCommit,\n      onInput,\n      testId,\n      userAssistanceDensity: propUserAssistanceDensity,\n      weekDisplay,\n      ...dateMaskProps\n    }: Props,\n    ref?: Ref<FocusableHandle>\n  ) => {\n    const testIdProps = useTestId(testId);\n    const rootRef = useRef<HTMLDivElement>(null);\n\n    const {\n      calendarIconActionHandler,\n      datePickerCommitHandler,\n      completeDateValue,\n      dateValue,\n      dropdownCloseHandler,\n      iconRef,\n      isOpen,\n      maskCommitHandler,\n      maskInputHandler,\n      maskRef\n    } = useInputDatePicker({\n      isDisabled,\n      isReadonly,\n      onCommit,\n      onInput,\n      rootRef,\n      value\n    });\n\n    const mainFieldRef = useRef<HTMLDivElement>(null);\n    const { inputDatePicker_selectDate, inputDatePicker_instruction } =\n      useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n    const calendarIconAriaLabel = inputDatePicker_selectDate();\n\n    // We need this to determine if UA/messaging should be shown in the dropdown.\n    const { userAssistanceDensity: formUserAssistanceDensity } = useFormContext();\n    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n\n    useImperativeHandle(ref!, () => ({\n      focus: () => {\n        maskRef.current?.focus();\n      },\n      blur: () => {\n        maskRef.current?.blur();\n      }\n    }));\n\n    const maskFieldInstructionId = useId();\n    const maskFieldInstructionText = inputDatePicker_instruction();\n    const maskFieldInstruction =\n      !isDisabled && !isReadonly ? (\n        <HiddenAccessible id={maskFieldInstructionId} isHidden={true}>\n          {maskFieldInstructionText}\n        </HiddenAccessible>\n      ) : undefined;\n    const ariaDescribedBy =\n      !isDisabled && !isReadonly\n        ? merge([propDescribedBy, maskFieldInstructionId])\n        : propDescribedBy;\n\n    const endContent = (\n      <IconButton\n        aria-haspopup=\"dialog\"\n        aria-label={calendarIconAriaLabel}\n        isDisabled={isDisabled}\n        ref={iconRef}\n        size=\"sm\"\n        testId={testId ? testId + '_calendarIcon' : undefined}\n        variant=\"ghost\"\n        onAction={calendarIconActionHandler}>\n        <CalendarIcon />\n      </IconButton>\n    );\n\n    const shouldShowDropdown = isOpen as boolean;\n\n    return (\n      <div {...testIdProps} ref={rootRef}>\n        <InputDateMaskContext.Provider\n          value={{ isDropdownOpen: isOpen, isInputDatePickerParent: true }}>\n          <InputDateMask\n            aria-describedby={ariaDescribedBy}\n            assistiveText={assistiveText}\n            endContent={endContent}\n            helpSourceLink={helpSourceLink}\n            helpSourceText={helpSourceText}\n            isDisabled={isDisabled}\n            isReadonly={isReadonly}\n            label={label}\n            onCommit={maskCommitHandler}\n            onInput={maskInputHandler}\n            mainFieldRef={mainFieldRef}\n            messages={messages}\n            testId={testId ? testId + '_mask' : undefined}\n            ref={maskRef}\n            userAssistanceDensity={propUserAssistanceDensity}\n            value={dateValue}\n            {...dateMaskProps}\n          />\n        </InputDateMaskContext.Provider>\n\n        {maskFieldInstruction}\n\n        {shouldShowDropdown && (\n          <InputDatePickerDropdown\n            anchorRef={mainFieldRef}\n            assistiveText={assistiveText}\n            dayFormatter={dayFormatter}\n            daysOutsideMonth={daysOutsideMonth}\n            helpSourceLink={helpSourceLink}\n            helpSourceText={helpSourceText}\n            isDisabled={isDisabled}\n            isReadonly={isReadonly}\n            isOpen={isOpen}\n            label={label}\n            onClose={dropdownCloseHandler}\n            onCommit={datePickerCommitHandler}\n            max={max}\n            messages={messages}\n            min={min}\n            monthAndYearPicker={monthAndYearPicker}\n            testId={testId ? testId + '_datePicker' : undefined}\n            todayTimeZone={todayTimeZone}\n            todayButton={todayButton}\n            userAssistanceDensity={userAssistanceDensity}\n            value={completeDateValue}\n            weekDisplay={weekDisplay}\n          />\n        )}\n      </div>\n    );\n  }\n);\n"],"names":["InputDatePickerDropdown","anchorRef","assistiveText","dayFormatter","daysOutsideMonth","helpSourceLink","helpSourceText","isDisabled","isOpen","isReadonly","label","onClose","onCommit","max","messages","min","monthAndYearPicker","testId","todayButton","todayTimeZone","userAssistanceDensity","value","weekDisplay","isDropdownAbove","setDropdownAbove","useState","prevIsOpen","setPrevIsOpen","handleDropdownPosition","useCallback","data","placement","startsWith","shouldShowSheet","isPhone","datePicker_label","useTranslationBundle","datePickerAriaLabel","datePickerMainContent","_jsx","DatePicker","height","undefined","maxWidth","width","inlineUserAssistanceFooter","length","FormFieldContext","Provider","isFocused","children","jsx","class","userAssistanceStyles","InlineUserAssistance","fieldLabel","contentTestId","dropdownContent","dropdownStyles","SectionedContent","footer","hasFocusTrap","main","role","Sheet","initialFocus","StickyPositioningDropdown","onPosition","sizeOptions","isMaxWidthAdjusted","isMaxHeightAdjusted","getClientHints","deviceType","convertToCalendarDateRequired","dateVal","isCompleteCalendarDate","inputDatePickerReducer","state","action","type","dateValue","completeDateValue","useInputDatePicker","onInput","rootRef","currentValue","setIsOpen","iconRef","useRef","maskRef","outsideMousedownRef","outsideMousedownTimerRef","lastCommittedDateRef","lastDateRef","lastValueFromParentRef","dateSelectedRef","dispatch","useReducer","useInputDatePickerState","calendarDatesAreDifferent","current","useEffect","previousValue","maskInputHandler","detail","maskCommitHandler","calendarIconActionHandler","dropdownCloseHandler","reason","clearTimeout","setTimeout","focus","datePickerCommitHandler","changeValue","newValue","Promise","reject","resolve","useHiddenTestMethod","elementRef","method","name","InputDatePicker","forwardRef","propDescribedBy","propUserAssistanceDensity","dateMaskProps","ref","testIdProps","useTestId","mainFieldRef","inputDatePicker_selectDate","inputDatePicker_instruction","calendarIconAriaLabel","formUserAssistanceDensity","useFormContext","useImperativeHandle","blur","maskFieldInstructionId","useId","maskFieldInstructionText","maskFieldInstruction","HiddenAccessible","id","isHidden","ariaDescribedBy","merge","endContent","IconButton","size","variant","onAction","CalendarIcon","shouldShowDropdown","_jsxs","InputDateMaskContext","isDropdownOpen","isInputDatePickerParent","InputDateMask"],"mappings":"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"}
+{"version":3,"file":"InputDatePicker-c5ceeb44.js","sources":["../../src/UNSAFE_InputDatePicker/InputDatePickerDropdown.tsx","../../src/UNSAFE_InputDatePicker/useInputDatePickerState.ts","../../src/UNSAFE_InputDatePicker/useInputDatePicker.ts","../../src/UNSAFE_InputDatePicker/InputDatePicker.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentProps } from 'preact';\nimport { useCallback, useState } from 'preact/hooks';\nimport { BundleType } from '../resources/nls/bundle';\nimport { DatePicker } from '#UNSAFE_DatePicker';\nimport { type CloseDetail as DropdownCloseDetail } from '#UNSAFE_Dropdown';\nimport { getClientHints } from '#utils/PRIVATE_clientHints';\nimport { FormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { InlineUserAssistance } from '../UNSAFE_UserAssistance';\nimport { InputDatePicker } from './InputDatePicker';\nimport { dropdownStyles, userAssistanceStyles } from './themes/InputDatePickerDropdownStyles.css';\nimport { PositionData } from '../UNSAFE_Floating';\nimport { StickyPositioningDropdown } from '#PRIVATE_FormControls';\nimport { SectionedContent } from '#PRIVATE_FormControls';\nimport { type CloseDetail as SheetCloseDetail, Sheet } from '#UNSAFE_Sheet';\nimport type { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { SizeOptions } from '#UNSAFE_Floating/Floating';\n\ntype StickyPositioningDropdownProps = ComponentProps<typeof StickyPositioningDropdown>;\ntype InputDatePickerProps = ComponentProps<typeof InputDatePicker>;\ntype PickedPropsFromInputDatePicker = Pick<\n  InputDatePickerProps,\n  | 'assistiveText'\n  | 'dayFormatter'\n  | 'daysOutsideMonth'\n  | 'helpSourceLink'\n  | 'helpSourceText'\n  | 'isDisabled'\n  | 'isReadonly'\n  | 'label'\n  | 'messages'\n  | 'min'\n  | 'max'\n  | 'monthAndYearPicker'\n  | 'todayButton'\n  | 'todayTimeZone'\n  | 'userAssistanceDensity'\n  | 'value'\n  | 'weekDisplay'\n>;\ntype DatePickerProps = ComponentProps<typeof DatePicker>;\ntype PickedPropsFromDatePicker = Pick<DatePickerProps, 'value' | 'onCommit'>;\ntype PickedPropsFromDropdown = Omit<StickyPositioningDropdownProps, 'onClose'>;\ntype CloseDetail = SheetCloseDetail | DropdownCloseDetail;\n\ntype Props = PickedPropsFromDatePicker &\n  PickedPropsFromInputDatePicker &\n  PickedPropsFromDropdown &\n  TestIdProps & {\n    /**\n     * Called when the dropdown or sheet is supposed to be closed.\n     */\n    onClose?: (detail: CloseDetail) => void;\n  };\n\n/**\n * Component that renders DatePicker either inside a dropdown or sheet; at small screen\n * widths, it renders inside a sheet. Additionally, when a dropdown is being shown beneath\n * the component, we also show any user assistance text or messages below the picker\n * because otherwise that information would be obscured from view. When a sheet is being\n * shown, it will always display UA and messages at the bottom of the sheet.\n */\nconst InputDatePickerDropdown = ({\n  anchorRef,\n  assistiveText,\n  dayFormatter,\n  daysOutsideMonth,\n  helpSourceLink,\n  helpSourceText,\n  isDisabled,\n  isOpen,\n  isReadonly,\n  label,\n  onClose,\n  onCommit,\n  max,\n  messages,\n  min,\n  monthAndYearPicker,\n  testId,\n  todayButton,\n  todayTimeZone,\n  userAssistanceDensity,\n  value,\n  weekDisplay\n}: Props) => {\n  // If the dropdown opens above the component, we don't want to show UA or messages.\n  const [isDropdownAbove, setDropdownAbove] = useState(false);\n  const [prevIsOpen, setPrevIsOpen] = useState(isOpen);\n  const handleDropdownPosition = useCallback<\n    NonNullable<StickyPositioningDropdownProps['onPosition']>\n  >((data: PositionData) => {\n    setDropdownAbove(data.placement.startsWith('top'));\n  }, []);\n  // Reset the flag when the dropdown is closed.\n  if (prevIsOpen !== isOpen) {\n    setPrevIsOpen(isOpen);\n    if (!isOpen) {\n      setDropdownAbove(false);\n    }\n  }\n\n  const sizeOptions: SizeOptions = {\n    isMaxWidthAdjusted: false,\n    isMaxHeightAdjusted: true\n  };\n\n  // On mobile phones, the dropdown becomes a sheet.\n  const shouldShowSheet = isPhone();\n\n  const { datePicker_label } = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const datePickerAriaLabel = datePicker_label();\n\n  const datePickerMainContent = (\n    <DatePicker\n      dayFormatter={dayFormatter}\n      daysOutsideMonth={daysOutsideMonth}\n      height={!shouldShowSheet ? 'auto' : undefined}\n      onCommit={onCommit}\n      max={max}\n      min={min}\n      // for sheet, we want the width to grow to the width of the sheet, otherwise it will use the theme default.\n      maxWidth={shouldShowSheet ? '100%' : undefined}\n      width=\"100%\"\n      monthAndYearPicker={monthAndYearPicker}\n      testId={testId}\n      todayTimeZone={todayTimeZone}\n      todayButton={todayButton}\n      value={value}\n      weekDisplay={weekDisplay}\n    />\n  );\n\n  const inlineUserAssistanceFooter =\n    isOpen &&\n    (!isDropdownAbove || shouldShowSheet) &&\n    !isDisabled &&\n    !isReadonly &&\n    (assistiveText || helpSourceLink || (messages && messages.length > 0)) &&\n    (userAssistanceDensity === 'efficient' || userAssistanceDensity === 'reflow') ? (\n      <FormFieldContext.Provider value={{ isFocused: true }}>\n        <div class={userAssistanceStyles}>\n          <InlineUserAssistance\n            assistiveText={assistiveText}\n            fieldLabel={label}\n            helpSourceLink={helpSourceLink}\n            helpSourceText={helpSourceText}\n            messages={messages}\n            userAssistanceDensity={userAssistanceDensity}\n          />\n        </div>\n      </FormFieldContext.Provider>\n    ) : undefined;\n\n  const contentTestId = testId ? testId + (shouldShowSheet ? '_sheet' : '_dropdown') : undefined;\n\n  // The same content is displayed either in a dropdown or sheet: date picker and inline UA.\n  // Add styling to the dropdown to enforce a fixed width.\n  const dropdownContent = (\n    <div class={dropdownStyles}>\n      <SectionedContent\n        aria-label={datePickerAriaLabel}\n        footer={inlineUserAssistanceFooter}\n        hasFocusTrap={true}\n        main={datePickerMainContent}\n        role=\"dialog\"\n        testId={contentTestId}\n      />\n    </div>\n  );\n\n  const dropdown = shouldShowSheet ? (\n    <Sheet initialFocus=\"firstFocusable\" isOpen={isOpen} onClose={onClose}>\n      <SectionedContent\n        aria-label={datePickerAriaLabel}\n        footer={inlineUserAssistanceFooter}\n        hasFocusTrap={true}\n        main={datePickerMainContent}\n        role=\"dialog\"\n        testId={contentTestId}\n      />\n    </Sheet>\n  ) : (\n    <StickyPositioningDropdown\n      anchorRef={anchorRef}\n      initialFocus=\"firstFocusable\"\n      isOpen={isOpen}\n      onClose={onClose}\n      onPosition={handleDropdownPosition}\n      sizeOptions={sizeOptions}>\n      {dropdownContent}\n    </StickyPositioningDropdown>\n  );\n\n  return dropdown;\n};\n\nconst isPhone = () => {\n  return getClientHints().deviceType === 'phone';\n};\n\nexport { InputDatePickerDropdown, type CloseDetail };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useReducer } from 'preact/hooks';\nimport type { CalendarDate, CalendarDateRequired } from '#utils/UNSAFE_calendarDateUtils';\nimport { isCompleteCalendarDate } from '#utils/UNSAFE_calendarDateUtils';\n\ntype InputDatePickerState = {\n  /**\n   * If dateValue is a complete date, then completeDateValue is the same as dateValue\n   * otherwise is is undefined. We need to maintain separate states because\n   * InputDateMask uses CalendarDate, but DatePicker uses CalendarDateRequired.\n   * If the user types a partial date then opens the picker, we treat that as\n   * no selection. The picker opens to the current month showing today.\n   */\n  completeDateValue?: CalendarDateRequired;\n\n  /**\n   * Represents the current date value of the component. The user either selected\n   * the date in the picker, or typed it into the date field.\n   */\n  dateValue?: CalendarDate;\n};\n\ntype DateChangedAction = { type: 'dateChanged'; data?: CalendarDate };\ntype DateResetAction = { type: 'reset'; data?: CalendarDate };\ntype DateSelectedAction = { type: 'dateSelected'; data?: CalendarDateRequired };\ntype InputDatePickerReducerAction = DateChangedAction | DateResetAction | DateSelectedAction;\n\n// If dateVal is a complete date, return it as a CalendarDateRequired\n// otherwise return undefined.\nconst convertToCalendarDateRequired = (dateVal?: CalendarDate) => {\n  return !dateVal || !isCompleteCalendarDate(dateVal)\n    ? undefined\n    : (dateVal as CalendarDateRequired);\n};\n\n// Use a reducer function to manage InputDatePickerState.\nconst inputDatePickerReducer = (\n  state: InputDatePickerState,\n  action: InputDatePickerReducerAction\n): InputDatePickerState => {\n  switch (action.type) {\n    case 'dateChanged': {\n      return {\n        ...state,\n        dateValue: action.data,\n        completeDateValue: convertToCalendarDateRequired(action.data)\n      };\n    }\n    case 'dateSelected': {\n      return { ...state, dateValue: action.data, completeDateValue: action.data };\n    }\n    case 'reset': {\n      return {\n        completeDateValue: convertToCalendarDateRequired(action.data),\n        dateValue: action.data\n      };\n    }\n    default:\n      return state;\n  }\n};\n\ntype Props = {\n  /**\n   * The value of the InputDatePicker, or undefined.\n   */\n  value?: CalendarDate;\n};\n\n/**\n * useInputDatePickerState calls useReducer to determine the initial state. Any changes to that state\n * are managed by dispatching actions to the reducer function.\n */\nconst useInputDatePickerState = ({ value }: Props) => {\n  const [state, dispatch] = useReducer(inputDatePickerReducer, {\n    completeDateValue: convertToCalendarDateRequired(value),\n    dateValue: value\n  });\n\n  return { state, dispatch };\n};\n\nexport { useInputDatePickerState };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport type { ComponentProps, RefObject } from 'preact';\nimport type { ElementRef } from 'preact/compat';\nimport { useCallback, useEffect, useRef, useState } from 'preact/hooks';\nimport type { CalendarDate, CalendarDateRequired } from '#utils/UNSAFE_calendarDateUtils';\nimport { calendarDatesAreDifferent } from '#utils/PRIVATE_dayUtils';\nimport { DatePicker } from '#UNSAFE_DatePicker';\nimport { CloseDetail, InputDatePickerDropdown } from './InputDatePickerDropdown';\nimport { IconButton } from '#UNSAFE_IconButton';\nimport { InputDateMask } from '#UNSAFE_InputDateMask';\nimport { InputDatePicker } from './InputDatePicker';\nimport { useHiddenTestMethod } from '#hooks/UNSAFE_useHiddenTestMethod';\nimport { useInputDatePickerState } from './useInputDatePickerState';\nimport type { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\n\ntype InputDatePickerProps = ComponentProps<typeof InputDatePicker>;\ntype InputDateMaskProps = ComponentProps<typeof InputDateMask>;\ntype DatePickerProps = ComponentProps<typeof DatePicker>;\ntype IconButtonProps = ComponentProps<typeof IconButton>;\ntype DropdownProps = ComponentProps<typeof InputDatePickerDropdown>;\n\ntype IconButtonHandle = ElementRef<typeof IconButton>;\n\ntype Props = {\n  isDisabled: InputDatePickerProps['isDisabled'];\n  isReadonly: InputDatePickerProps['isReadonly'];\n  onCommit: InputDatePickerProps['onCommit'];\n  onInput: InputDatePickerProps['onInput'];\n  rootRef: RefObject<HTMLElement>;\n  value: InputDatePickerProps['value'];\n};\n\n/**\n * Hook that provides handlers and other functionality for InputDatePicker.\n */\nconst useInputDatePicker = ({\n  isDisabled,\n  isReadonly,\n  onCommit,\n  onInput,\n  rootRef,\n  value: currentValue\n}: Props) => {\n  // Whether the dropdown is open.\n  const [isOpen, setIsOpen] = useState(false);\n\n  // Ref to the calendar icon button.\n  const iconRef = useRef<IconButtonHandle>(null);\n\n  // Ref to the InputDateMask component.\n  const maskRef: RefObject<HTMLElement> = useRef<HTMLElement>(null);\n\n  // Keep track of whether the dropdown was just dismissed from an outside mousedown event.\n  const outsideMousedownRef = useRef<boolean>(false);\n  const outsideMousedownTimerRef = useRef<ReturnType<typeof setTimeout> | undefined>();\n\n  // Keep track of the last date values passed to onInput and onCommit.\n  const lastCommittedDateRef = useRef<CalendarDate | undefined>(currentValue);\n  const lastDateRef = useRef<CalendarDate | undefined>(currentValue);\n\n  // Keep track of the last controlled value passed from the parent, so we can detect a programmatic change.\n  const lastValueFromParentRef = useRef<CalendarDate | undefined>(currentValue);\n\n  // Keep track of whether a date was selected in the date picker.\n  const dateSelectedRef = useRef<boolean>(false);\n\n  const { state, dispatch } = useInputDatePickerState({ value: currentValue });\n\n  // If a new value is being pushed from the parent, and that value differs from\n  // the current value of the reducer, then this is a programmatic update\n  // and we need to call 'reset' to update the reducer state. Otherwise, the only\n  // time the reducer state is updated from the value is on mount.\n  if (calendarDatesAreDifferent(lastValueFromParentRef.current, currentValue)) {\n    lastValueFromParentRef.current = currentValue;\n    if (calendarDatesAreDifferent(currentValue, state.dateValue)) {\n      dispatch({ type: 'reset', data: currentValue });\n      lastDateRef.current = currentValue;\n      lastCommittedDateRef.current = currentValue;\n    }\n  }\n\n  // Reducer updates are async, so wait until the state updates and then call our callbacks.\n  useEffect(() => {\n    if (calendarDatesAreDifferent(state.dateValue, lastDateRef.current)) {\n      onInput({ previousValue: lastDateRef.current, value: state.dateValue });\n      lastDateRef.current = state.dateValue;\n    }\n    if (\n      dateSelectedRef.current &&\n      calendarDatesAreDifferent(state.dateValue, lastCommittedDateRef.current)\n    ) {\n      onCommit?.({ previousValue: lastCommittedDateRef.current, value: state.dateValue });\n      lastCommittedDateRef.current = state.dateValue;\n      dateSelectedRef.current = false;\n    }\n  }, [onCommit, onInput, state.dateValue]);\n\n  // Handle onInput from InputDateMask as segment values are being added or changed in the input field.\n  // We wait for the state to update before calling onInput.\n  const maskInputHandler = useCallback<InputDateMaskProps['onInput']>(\n    (detail: ValueUpdateDetail<CalendarDate>) => {\n      dispatch({ type: 'dateChanged', data: detail.value });\n    },\n    [dispatch]\n  );\n\n  // Handle onCommit from InputDateMask, which is called when the user presses Enter or the field is blurred.\n  const maskCommitHandler = useCallback<NonNullable<InputDateMaskProps['onCommit']>>(\n    (detail: ValueUpdateDetail<CalendarDate>) => {\n      // If the value we get from InputDateMask's onCommit differs from the last committed value, then call onCommit.\n      if (calendarDatesAreDifferent(lastCommittedDateRef.current, detail.value)) {\n        onCommit?.({ value: detail.value, previousValue: lastCommittedDateRef.current });\n        lastCommittedDateRef.current = detail.value;\n      }\n    },\n    [onCommit]\n  );\n\n  // Respond to onAction event from the calendar icon button. Toggles the date picker dropdown.\n  const calendarIconActionHandler = useCallback<NonNullable<IconButtonProps['onAction']>>(() => {\n    // Only toggle the value of isOpen if we didn't just dismiss the dropdown.\n    if (!outsideMousedownRef.current) {\n      setIsOpen((prevIsOpen) => !prevIsOpen);\n    }\n    outsideMousedownRef.current = false;\n  }, []);\n\n  const dropdownCloseHandler = useCallback<NonNullable<DropdownProps['onClose']>>(\n    (detail: CloseDetail) => {\n      // Keep track of when the dropdown is closed via outside mousedown, including when the calendar icon\n      // is clicked. We need this in order to toggle visibility of the picker and dropdown.\n      if (detail.reason === 'outsideMousedown') {\n        outsideMousedownRef.current = true;\n        clearTimeout(outsideMousedownTimerRef.current);\n\n        // Clear the flag after a short delay to ensure the dropdown can be opened again.\n        outsideMousedownTimerRef.current = setTimeout(() => {\n          outsideMousedownRef.current = false;\n        }, 200);\n      } else if (detail.reason === 'dismissed' || detail.reason === 'keyboardDismissed') {\n        // Focus the calendar icon when the dropdown is closed.\n        iconRef.current?.focus();\n      }\n      setIsOpen(false);\n    },\n    []\n  );\n\n  // Handle date selection in the picker.\n  //   - Updates the value in state.\n  //   - Closes the dropdown.\n  //   - Sets focus to the date field.\n  const datePickerCommitHandler = useCallback<DatePickerProps['onCommit']>(\n    (detail: ValueUpdateDetail<CalendarDateRequired>) => {\n      // Set focus to the calendar icon when a date is selected.\n      iconRef.current?.focus();\n\n      // Set a ref indicating a date was selected.\n      dateSelectedRef.current = true;\n      dispatch({ type: 'dateSelected', data: detail.value });\n      setIsOpen(false);\n    },\n    [dispatch]\n  );\n\n  // Create a changeValue method that can be called by a test adapter to simulate a user\n  // changing the value and committing it.\n  const changeValue = useCallback(\n    (newValue?: CalendarDate) => {\n      // We always want this method available on the DOM element so that a test can call it,\n      // but we only want it to change the value when the component is enabled because that's\n      // the only time the user could change the value through the UI.\n      if (!isReadonly && !isDisabled) {\n        onInput({ value: newValue, previousValue: currentValue });\n        onCommit?.({ value: newValue, previousValue: currentValue });\n        return Promise.resolve();\n      }\n      return Promise.reject('Component is readonly or disabled');\n    },\n    [currentValue, isDisabled, isReadonly, onCommit, onInput]\n  );\n  // Expose _changeValue as a hidden method on the root DOM.\n  useHiddenTestMethod({\n    elementRef: rootRef,\n    method: changeValue,\n    name: '_changeValue'\n  });\n\n  return {\n    calendarIconActionHandler,\n    datePickerCommitHandler,\n    dropdownCloseHandler,\n    completeDateValue: state.completeDateValue,\n    dateValue: state.dateValue,\n    iconRef,\n    isOpen,\n    maskCommitHandler,\n    maskInputHandler,\n    maskRef\n  };\n};\n\nexport { useInputDatePicker };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentProps, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useImperativeHandle, useRef } from 'preact/hooks';\nimport { BundleType } from '../resources/nls/bundle';\nimport { CalendarIcon } from '#PRIVATE_ThemedIcons/CalendarIcon';\nimport {\n  CalendarDate,\n  CalendarDatePlaceholders,\n  InputDateMask,\n  InputDateMaskContext\n} from '#UNSAFE_InputDateMask';\nimport { DatePicker } from '#UNSAFE_DatePicker';\nimport { HiddenAccessible } from '#UNSAFE_HiddenAccessible';\nimport { IconButton } from '#UNSAFE_IconButton';\nimport { InputDatePickerDropdown } from './InputDatePickerDropdown';\nimport { FocusableHandle } from '#hooks/UNSAFE_useFocusableTextField';\nimport { merge } from '@oracle/oraclejet-internal-utilities/stringUtils';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { useInputDatePicker } from './useInputDatePicker';\nimport { useTestId } from '#hooks/UNSAFE_useTestId';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\n\ntype InputDateMaskProps = ComponentProps<typeof InputDateMask>;\ntype PickedPropsFromInputDateMask = Pick<\n  InputDateMaskProps,\n  | 'aria-describedby'\n  | 'assistiveText'\n  | 'columnSpan'\n  | 'helpSourceLink'\n  | 'helpSourceText'\n  | 'isDisabled'\n  | 'isReadonly'\n  | 'isRequired'\n  | 'isRequiredShown'\n  | 'label'\n  | 'labelEdge'\n  | 'labelStartWidth'\n  | 'messages'\n  | 'textAlign'\n  | 'testId'\n  | 'userAssistanceDensity'\n  | 'variant'\n>;\n\ntype DatePickerProps = ComponentProps<typeof DatePicker>;\ntype PickedPropsFromDatePicker = Pick<\n  DatePickerProps,\n  | 'dayFormatter'\n  | 'daysOutsideMonth'\n  | 'max'\n  | 'min'\n  | 'monthAndYearPicker'\n  | 'todayTimeZone'\n  | 'todayButton'\n  | 'weekDisplay'\n>;\n\ntype Props = PickedPropsFromInputDateMask &\n  PickedPropsFromDatePicker & {\n    /**\n     * If specified, overrides the locale specific order of the individual date segments\n     * in the date field as well as the locale specific separator. The value of each placeholder\n     * is only used when the type is 'literal', otherwise it is replaced with a translated\n     * placeholder for month, day, or year. The placeholders must include month, day, and year.\n     */\n    masks?: CalendarDatePlaceholders;\n\n    /**\n     * The current display value of the component.\n     * This is a CalendarDate, not CalendarDateRequired, because this is a controlled component and\n     * the user may type the month, day, and year separately. If a selection is made in the date\n     * picker, then the value is a complete date.\n     */\n    value?: CalendarDate;\n\n    /**\n     * Callback invoked when the user commits the entered value by blurring or hitting the enter key.\n     * It is also called when a selection is made in the date picker.\n     */\n    onCommit?: (detail: ValueUpdateDetail<CalendarDate>) => void;\n\n    /**\n     * Callback invoked each time the user changes the value of a segment. For example, if the user\n     * types '12' into the month segment, this callback will be called twice to change the month\n     * first to '1' and then '12'.\n     */\n    onInput: (detail: ValueUpdateDetail<CalendarDate>) => void;\n  };\n\n/**\n * InputDatePicker allows users to enter or select a single date using a calendar interface.\n */\nexport const InputDatePicker = forwardRef(\n  (\n    {\n      'aria-describedby': propDescribedBy,\n      assistiveText,\n      dayFormatter,\n      daysOutsideMonth,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled,\n      isReadonly,\n      label,\n      max,\n      messages,\n      min,\n      monthAndYearPicker,\n      todayTimeZone,\n      todayButton,\n      value,\n      onCommit,\n      onInput,\n      testId,\n      userAssistanceDensity: propUserAssistanceDensity,\n      weekDisplay,\n      ...dateMaskProps\n    }: Props,\n    ref?: Ref<FocusableHandle>\n  ) => {\n    const testIdProps = useTestId(testId);\n    const rootRef = useRef<HTMLDivElement>(null);\n\n    const {\n      calendarIconActionHandler,\n      datePickerCommitHandler,\n      completeDateValue,\n      dateValue,\n      dropdownCloseHandler,\n      iconRef,\n      isOpen,\n      maskCommitHandler,\n      maskInputHandler,\n      maskRef\n    } = useInputDatePicker({\n      isDisabled,\n      isReadonly,\n      onCommit,\n      onInput,\n      rootRef,\n      value\n    });\n\n    const mainFieldRef = useRef<HTMLDivElement>(null);\n    const { inputDatePicker_selectDate, inputDatePicker_instruction } =\n      useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n    const calendarIconAriaLabel = inputDatePicker_selectDate();\n\n    // We need this to determine if UA/messaging should be shown in the dropdown.\n    const { userAssistanceDensity: formUserAssistanceDensity } = useFormContext();\n    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n\n    useImperativeHandle(ref!, () => ({\n      focus: () => {\n        maskRef.current?.focus();\n      },\n      blur: () => {\n        maskRef.current?.blur();\n      }\n    }));\n\n    const maskFieldInstructionId = useId();\n    const maskFieldInstructionText = inputDatePicker_instruction();\n    const maskFieldInstruction =\n      !isDisabled && !isReadonly ? (\n        <HiddenAccessible id={maskFieldInstructionId} isHidden={true}>\n          {maskFieldInstructionText}\n        </HiddenAccessible>\n      ) : undefined;\n    const ariaDescribedBy =\n      !isDisabled && !isReadonly\n        ? merge([propDescribedBy, maskFieldInstructionId])\n        : propDescribedBy;\n\n    const endContent = (\n      <IconButton\n        aria-haspopup=\"dialog\"\n        aria-label={calendarIconAriaLabel}\n        isDisabled={isDisabled}\n        ref={iconRef}\n        size=\"sm\"\n        testId={testId ? testId + '_calendarIcon' : undefined}\n        variant=\"ghost\"\n        onAction={calendarIconActionHandler}>\n        <CalendarIcon />\n      </IconButton>\n    );\n\n    const shouldShowDropdown = isOpen as boolean;\n\n    return (\n      <div {...testIdProps} ref={rootRef}>\n        <InputDateMaskContext.Provider\n          value={{ isDropdownOpen: isOpen, isInputDatePickerParent: true }}>\n          <InputDateMask\n            aria-describedby={ariaDescribedBy}\n            assistiveText={assistiveText}\n            endContent={endContent}\n            helpSourceLink={helpSourceLink}\n            helpSourceText={helpSourceText}\n            isDisabled={isDisabled}\n            isReadonly={isReadonly}\n            label={label}\n            onCommit={maskCommitHandler}\n            onInput={maskInputHandler}\n            mainFieldRef={mainFieldRef}\n            messages={messages}\n            testId={testId ? testId + '_mask' : undefined}\n            ref={maskRef}\n            userAssistanceDensity={propUserAssistanceDensity}\n            value={dateValue}\n            {...dateMaskProps}\n          />\n        </InputDateMaskContext.Provider>\n\n        {maskFieldInstruction}\n\n        {shouldShowDropdown && (\n          <InputDatePickerDropdown\n            anchorRef={mainFieldRef}\n            assistiveText={assistiveText}\n            dayFormatter={dayFormatter}\n            daysOutsideMonth={daysOutsideMonth}\n            helpSourceLink={helpSourceLink}\n            helpSourceText={helpSourceText}\n            isDisabled={isDisabled}\n            isReadonly={isReadonly}\n            isOpen={isOpen}\n            label={label}\n            onClose={dropdownCloseHandler}\n            onCommit={datePickerCommitHandler}\n            max={max}\n            messages={messages}\n            min={min}\n            monthAndYearPicker={monthAndYearPicker}\n            testId={testId ? testId + '_datePicker' : undefined}\n            todayTimeZone={todayTimeZone}\n            todayButton={todayButton}\n            userAssistanceDensity={userAssistanceDensity}\n            value={completeDateValue}\n            weekDisplay={weekDisplay}\n          />\n        )}\n      </div>\n    );\n  }\n);\n"],"names":["InputDatePickerDropdown","anchorRef","assistiveText","dayFormatter","daysOutsideMonth","helpSourceLink","helpSourceText","isDisabled","isOpen","isReadonly","label","onClose","onCommit","max","messages","min","monthAndYearPicker","testId","todayButton","todayTimeZone","userAssistanceDensity","value","weekDisplay","isDropdownAbove","setDropdownAbove","useState","prevIsOpen","setPrevIsOpen","handleDropdownPosition","useCallback","data","placement","startsWith","shouldShowSheet","isPhone","datePicker_label","useTranslationBundle","datePickerAriaLabel","datePickerMainContent","_jsx","DatePicker","height","undefined","maxWidth","width","inlineUserAssistanceFooter","length","FormFieldContext","Provider","isFocused","children","jsx","class","userAssistanceStyles","InlineUserAssistance","fieldLabel","contentTestId","dropdownContent","dropdownStyles","SectionedContent","footer","hasFocusTrap","main","role","Sheet","initialFocus","StickyPositioningDropdown","onPosition","sizeOptions","isMaxWidthAdjusted","isMaxHeightAdjusted","getClientHints","deviceType","convertToCalendarDateRequired","dateVal","isCompleteCalendarDate","inputDatePickerReducer","state","action","type","dateValue","completeDateValue","useInputDatePicker","onInput","rootRef","currentValue","setIsOpen","iconRef","useRef","maskRef","outsideMousedownRef","outsideMousedownTimerRef","lastCommittedDateRef","lastDateRef","lastValueFromParentRef","dateSelectedRef","dispatch","useReducer","useInputDatePickerState","calendarDatesAreDifferent","current","useEffect","previousValue","maskInputHandler","detail","maskCommitHandler","calendarIconActionHandler","dropdownCloseHandler","reason","clearTimeout","setTimeout","focus","datePickerCommitHandler","changeValue","newValue","Promise","reject","resolve","useHiddenTestMethod","elementRef","method","name","InputDatePicker","forwardRef","propDescribedBy","propUserAssistanceDensity","dateMaskProps","ref","testIdProps","useTestId","mainFieldRef","inputDatePicker_selectDate","inputDatePicker_instruction","calendarIconAriaLabel","formUserAssistanceDensity","useFormContext","useImperativeHandle","blur","maskFieldInstructionId","useId","maskFieldInstructionText","maskFieldInstruction","HiddenAccessible","id","isHidden","ariaDescribedBy","merge","endContent","IconButton","size","variant","onAction","CalendarIcon","shouldShowDropdown","_jsxs","InputDateMaskContext","isDropdownOpen","isInputDatePickerParent","InputDateMask"],"mappings":"upEAsEA,MAAMA,GAA0B,EAC9BC,YACAC,gBACAC,eACAC,mBACAC,iBACAC,iBACAC,aACAC,SACAC,aACAC,QACAC,UACAC,WACAC,MACAC,WACAC,MACAC,qBACAC,SACAC,cACAC,gBACAC,wBACAC,QACAC,kBAGA,MAAOC,EAAiBC,GAAoBC,EAAQA,UAAC,IAC9CC,EAAYC,GAAiBF,EAAQA,SAACjB,GACvCoB,EAAyBC,eAE5BC,IACDN,EAAiBM,EAAKC,UAAUC,WAAW,OAAO,GACjD,IAECN,IAAelB,IACjBmB,EAAcnB,GACTA,GACHgB,GAAiB,IAIrB,MAMMS,EAAkBC,MAElBC,iBAAEA,GAAqBC,EAAoBA,qBAAa,4BACxDC,EAAsBF,IAEtBG,EACJC,EAAAA,IAACC,EAAUA,YACTrC,aAAcA,EACdC,iBAAkBA,EAClBqC,OAASR,OAA2BS,EAAT,OAC3B9B,SAAUA,EACVC,IAAKA,EACLE,IAAKA,EAEL4B,SAAUV,EAAkB,YAASS,EACrCE,MAAM,OACN5B,mBAAoBA,EACpBC,OAAQA,EACRE,cAAeA,EACfD,YAAaA,EACbG,MAAOA,EACPC,YAAaA,IAIXuB,GACJrC,GACEe,IAAmBU,GACpB1B,GACAE,KACAP,GAAiBG,GAAmBS,GAAYA,EAASgC,OAAS,IACxC,cAA1B1B,GAAmE,WAA1BA,OAatCsB,EAZFH,MAACQ,EAAAA,iBAAiBC,SAAQ,CAAC3B,MAAO,CAAE4B,WAAW,GAAMC,SACnDX,EAAKY,IAAA,MAAA,CAAAC,MAAOC,gCACVd,EAAAA,IAACe,EAAAA,qBACC,CAAApD,cAAeA,EACfqD,WAAY7C,EACZL,eAAgBA,EAChBC,eAAgBA,EAChBQ,SAAUA,EACVM,sBAAuBA,QAM3BoC,EAAgBvC,EAASA,GAAUgB,EAAkB,SAAW,kBAAeS,EAI/Ee,EACJlB,EAAAA,IAAA,MAAA,CAAKa,MAAOM,iBACVR,SAAAX,EAAAY,IAACQ,mBACa,CAAA,aAAAtB,EACZuB,OAAQf,EACRgB,cAAc,EACdC,KAAMxB,EACNyB,KAAK,SACL9C,OAAQuC,MA4Bd,OAvBiBvB,EACfM,EAAAY,IAACa,QAAK,CAACC,aAAa,iBAAiBzD,OAAQA,EAAQG,QAASA,WAC5D4B,EAAAA,IAACoB,EAAgBA,+BACHtB,EACZuB,OAAQf,EACRgB,cAAc,EACdC,KAAMxB,EACNyB,KAAK,SACL9C,OAAQuC,MAIZjB,EAAAA,IAAC2B,EAAyBA,0BACxB,CAAAjE,UAAWA,EACXgE,aAAa,iBACbzD,OAAQA,EACRG,QAASA,EACTwD,WAAYvC,EACZwC,YAvF6B,CAC/BC,oBAAoB,EACpBC,qBAAqB,YAsFlBb,GAIU,EAGXvB,GAAU,IACyB,UAAhCqC,EAAcA,iBAAGC,WC1KpBC,GAAiCC,GAC7BA,GAAYC,GAAsBA,uBAACD,GAEtCA,OADDhC,EAKAkC,GAAyB,CAC7BC,EACAC,KAEA,OAAQA,EAAOC,MACb,IAAK,cACH,MAAO,IACFF,EACHG,UAAWF,EAAOhD,KAClBmD,kBAAmBR,GAA8BK,EAAOhD,OAG5D,IAAK,eACH,MAAO,IAAK+C,EAAOG,UAAWF,EAAOhD,KAAMmD,kBAAmBH,EAAOhD,MAEvE,IAAK,QACH,MAAO,CACLmD,kBAAmBR,GAA8BK,EAAOhD,MACxDkD,UAAWF,EAAOhD,MAGtB,QACE,OAAO+C,EACV,ECxBGK,GAAqB,EACzB3E,aACAE,aACAG,WACAuE,UACAC,UACA/D,MAAOgE,MAGP,MAAO7E,EAAQ8E,GAAa7D,EAAQA,UAAC,GAG/B8D,EAAUC,SAAyB,MAGnCC,EAAkCD,SAAoB,MAGtDE,EAAsBF,UAAgB,GACtCG,EAA2BH,EAAAA,SAG3BI,EAAuBJ,SAAiCH,GACxDQ,EAAcL,SAAiCH,GAG/CS,EAAyBN,SAAiCH,GAG1DU,EAAkBP,UAAgB,IAElCX,MAAEA,EAAKmB,SAAEA,GDOe,GAAG3E,YACjC,MAAOwD,EAAOmB,GAAYC,EAAAA,WAAWrB,GAAwB,CAC3DK,kBAAmBR,GAA8BpD,GACjD2D,UAAW3D,IAGb,MAAO,CAAEwD,QAAOmB,WAAU,ECbEE,CAAwB,CAAE7E,MAAOgE,IAMzDc,4BAA0BL,EAAuBM,QAASf,KAC5DS,EAAuBM,QAAUf,EAC7Bc,4BAA0Bd,EAAcR,EAAMG,aAChDgB,EAAS,CAAEjB,KAAM,QAASjD,KAAMuD,IAChCQ,EAAYO,QAAUf,EACtBO,EAAqBQ,QAAUf,IAKnCgB,EAAAA,WAAU,KACJF,EAAyBA,0BAACtB,EAAMG,UAAWa,EAAYO,WACzDjB,EAAQ,CAAEmB,cAAeT,EAAYO,QAAS/E,MAAOwD,EAAMG,YAC3Da,EAAYO,QAAUvB,EAAMG,WAG5Be,EAAgBK,SAChBD,EAAAA,0BAA0BtB,EAAMG,UAAWY,EAAqBQ,WAEhExF,IAAW,CAAE0F,cAAeV,EAAqBQ,QAAS/E,MAAOwD,EAAMG,YACvEY,EAAqBQ,QAAUvB,EAAMG,UACrCe,EAAgBK,SAAU,EAC3B,GACA,CAACxF,EAAUuE,EAASN,EAAMG,YAI7B,MAAMuB,EAAmB1E,eACtB2E,IACCR,EAAS,CAAEjB,KAAM,cAAejD,KAAM0E,EAAOnF,OAAQ,GAEvD,CAAC2E,IAIGS,EAAoB5E,eACvB2E,IAEKL,EAAyBA,0BAACP,EAAqBQ,QAASI,EAAOnF,SACjET,IAAW,CAAES,MAAOmF,EAAOnF,MAAOiF,cAAeV,EAAqBQ,UACtER,EAAqBQ,QAAUI,EAAOnF,MACvC,GAEH,CAACT,IAIG8F,EAA4B7E,EAAAA,aAAsD,KAEjF6D,EAAoBU,SACvBd,GAAW5D,IAAgBA,IAE7BgE,EAAoBU,SAAU,CAAK,GAClC,IAEGO,EAAuB9E,eAC1B2E,IAGuB,qBAAlBA,EAAOI,QACTlB,EAAoBU,SAAU,EAC9BS,aAAalB,EAAyBS,SAGtCT,EAAyBS,QAAUU,YAAW,KAC5CpB,EAAoBU,SAAU,CAAK,GAClC,MACwB,cAAlBI,EAAOI,QAA4C,sBAAlBJ,EAAOI,QAEjDrB,EAAQa,SAASW,QAEnBzB,GAAU,EAAM,GAElB,IAOI0B,EAA0BnF,eAC7B2E,IAECjB,EAAQa,SAASW,QAGjBhB,EAAgBK,SAAU,EAC1BJ,EAAS,CAAEjB,KAAM,eAAgBjD,KAAM0E,EAAOnF,QAC9CiE,GAAU,EAAM,GAElB,CAACU,IAKGiB,EAAcpF,eACjBqF,GAIMzG,GAAeF,EAKb4G,QAAQC,OAAO,sCAJpBjC,EAAQ,CAAE9D,MAAO6F,EAAUZ,cAAejB,IAC1CzE,IAAW,CAAES,MAAO6F,EAAUZ,cAAejB,IACtC8B,QAAQE,YAInB,CAAChC,EAAc9E,EAAYE,EAAYG,EAAUuE,IASnD,OANAmC,sBAAoB,CAClBC,WAAYnC,EACZoC,OAAQP,EACRQ,KAAM,iBAGD,CACLf,4BACAM,0BACAL,uBACA1B,kBAAmBJ,EAAMI,kBACzBD,UAAWH,EAAMG,UACjBO,UACA/E,SACAiG,oBACAF,mBACAd,UACD,ECzGUiC,GAAkBC,EAAAA,YAC7B,EAEI,mBAAoBC,EACpB1H,gBACAC,eACAC,mBACAC,iBACAC,iBACAC,aACAE,aACAC,QACAG,MACAC,WACAC,MACAC,qBACAG,gBACAD,cACAG,QACAT,WACAuE,UACAlE,SACAG,sBAAuByG,EACvBvG,iBACGwG,GAELC,KAEA,MAAMC,EAAcC,aAAUhH,GACxBmE,EAAUI,SAAuB,OAEjCkB,0BACJA,EAAyBM,wBACzBA,EAAuB/B,kBACvBA,EAAiBD,UACjBA,EAAS2B,qBACTA,EAAoBpB,QACpBA,EAAO/E,OACPA,EAAMiG,kBACNA,EAAiBF,iBACjBA,EAAgBd,QAChBA,GACEP,GAAmB,CACrB3E,aACAE,aACAG,WACAuE,UACAC,UACA/D,UAGI6G,EAAe1C,SAAuB,OACtC2C,2BAAEA,EAA0BC,4BAAEA,GAClChG,EAAoBA,qBAAa,4BAC7BiG,EAAwBF,KAGtB/G,sBAAuBkH,GAA8BC,EAAcA,iBACrEnH,EAAwByG,GAA6BS,EAE3DE,EAAmBA,oBAACT,GAAM,KAAO,CAC/BhB,MAAO,KACLtB,EAAQW,SAASW,OAAO,EAE1B0B,KAAM,KACJhD,EAAQW,SAASqC,MAAM,MAI3B,MAAMC,EAAyBC,EAAAA,QACzBC,EAA2BR,IAC3BS,EACHtI,GAAeE,OAIZiC,EAHFH,EAAAA,IAACuG,EAAAA,iBAAgB,CAACC,GAAIL,EAAwBM,UAAU,EAAI9F,SACzD0F,IAGDK,EACH1I,GAAeE,EAEZmH,EADAsB,IAAM,CAACtB,EAAiBc,IAGxBS,GACJ5G,EAAAY,IAACiG,EAAUA,WACK,CAAA,gBAAA,SACF,aAAAf,EACZ9H,WAAYA,EACZwH,IAAKxC,EACL8D,KAAK,KACLpI,OAAQA,EAASA,EAAS,qBAAkByB,EAC5C4G,QAAQ,QACRC,SAAU7C,EAAyBxD,SACnCX,EAAAA,IAACiH,EAAAA,YAAY,CAAA,KAIXC,GAAqBjJ,EAE3B,OACEkJ,iBAAS1B,EAAaD,IAAK3C,EACzBlC,SAAA,CAAAX,EAAAA,IAACoH,GAAAA,qBAAqB3G,SACpB,CAAA3B,MAAO,CAAEuI,eAAgBpJ,EAAQqJ,yBAAyB,GAAM3G,SAChEX,EAAAA,IAACuH,GAAAA,cAAa,CAAA,mBACMb,EAClB/I,cAAeA,EACfiJ,WAAYA,GACZ9I,eAAgBA,EAChBC,eAAgBA,EAChBC,WAAYA,EACZE,WAAYA,EACZC,MAAOA,EACPE,SAAU6F,EACVtB,QAASoB,EACT2B,aAAcA,EACdpH,SAAUA,EACVG,OAAQA,EAASA,EAAS,aAAUyB,EACpCqF,IAAKtC,EACLrE,sBAAuByG,EACvBxG,MAAO2D,KACH8C,MAIPe,EAEAY,IACClH,MAACvC,GAAuB,CACtBC,UAAWiI,EACXhI,cAAeA,EACfC,aAAcA,EACdC,iBAAkBA,EAClBC,eAAgBA,EAChBC,eAAgBA,EAChBC,WAAYA,EACZE,WAAYA,EACZD,OAAQA,EACRE,MAAOA,EACPC,QAASgG,EACT/F,SAAUoG,EACVnG,IAAKA,EACLC,SAAUA,EACVC,IAAKA,EACLC,mBAAoBA,EACpBC,OAAQA,EAASA,EAAS,mBAAgByB,EAC1CvB,cAAeA,EACfD,YAAaA,EACbE,sBAAuBA,EACvBC,MAAO4D,EACP3D,YAAaA,MAInB"}

package/amd/InputPassword-72147893.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './useFocusableTextField-8b755b15', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './FormFieldContext-a024b891', './useTextField-3ab0a23b', './useHover-8b8a1496', './Label-3c17bcc9', './keyboardUtils-fb6219eb', './TextFieldInput-eb40adaa', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-e5723c48', './StyledTextField-5e554e5b', './TextField-51b63f5f', './useTranslationBundle-8e42d505', 'css!./LiveRegionStyles.styles.css', './LayerHost-daf96749', './UNSAFE_TextField/themes/TextFieldStyles.css', 'css!./SkeletonStyles.styles.css', 'css!./TextFieldLoadingStyles.styles.css', 'css!./TextFieldStyles.styles.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', './logger-0f873e29', './TabbableModeContext-a9c97640', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-e406e352', './CompactUserAssistance-5ef03b0a', './useToggle-a29f97af', './mergeProps-bcfa6a92', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-ae57629b', 'preact', 'css!./IconStyle.styles.css', './Popup-695781d6', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'css!./HiddenAccessibleStyles.styles.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './useClearIcon-05225968', './componentUtils-c14d7fce', './ClearIcon-13bd61d3', './useCurrentValueReducer-faded381', './useSelectableTextField-900d2860', './formControlUtils-de035f75', './RevealToggleIcon-28c5efc5'], (function(e,s,t,l,a,o,i,n,d,r,c,u,p,b,m,x,F,y,h,T,f,S,v,A,C,g,I,U,R,w,E,L,P,V,_,j,k,B,D,N,H,q,W,O,$,G,M,z,J,K,Q,X,Y,Z,ee,se){"use strict";const te=t.forwardRef((({"aria-describedby":e,assistiveText:t,autoComplete:o="off",autoFocus:u=!1,columnSpan:b,hasClearIcon:h,hasRevealToggle:T="always",helpSourceLink:f,helpSourceText:S,isDisabled:v,isReadonly:A,isRequired:C=!1,isRequiredShown:g,label:I,labelEdge:U,labelStartWidth:R,messages:w,placeholder:E,textAlign:j,userAssistanceDensity:k,value:B,variant:D="default",onInput:N,onCommit:H,testId:q},W)=>{const{currentCommitValue:O,dispatch:$}=Y.useCurrentValueReducer({value:B}),G=l.useCallback((e=>{$({type:"input",payload:e.value}),N?.(e)}),[N,$]),M=l.useCallback((e=>{$({type:"commit",payload:e.value}),H?.(e)}),[H,$]),{isDisabled:z,isReadonly:J,labelEdge:te,labelStartWidth:le,textAlign:ae,userAssistanceDensity:oe}=i.useFormContext(),ie=v??z,ne=A??J,de=U??te,re=R??le,ce=j??ae??ee.defaultTextAlignForVariant(D),ue=k??oe,{bool:pe,setFalse:be,setTrue:me}=V.useToggle(!1),xe=l.useRef(null),Fe=l.useRef(null),{focusProps:ye,isFocused:he,methods:Te}=a.useFocusableTextField({enabledElementRef:xe,readonlyElementRef:Fe,isDisabled:ie,isReadonly:ne,onBlurWithin:be}),{methods:fe}=Z.useSelectableTextField(xe);l.useImperativeHandle(W,(()=>_.mergeProps(Te,fe)),[Te,fe]);const{hoverProps:Se,isHover:ve}=r.useHover({isDisabled:ne||ie||!1}),{formFieldContext:Ae,inputProps:Ce,labelProps:ge,textFieldProps:Ie,userAssistanceProps:Ue}=d.useTextField({ariaDescribedBy:e,helpSourceLink:f,helpSourceText:S,isDisabled:ie,isFocused:he,isReadonly:ne,isRequiredShown:g,labelEdge:de,messages:w,styleVariant:D,userAssistanceDensity:ue,value:B}),Re=l.useCallback((()=>{pe?be():me()}),[pe,be,me]),we=y.useTranslationBundle("@oracle/oraclejet-preact"),Ee=we.inputPassword_hidden(),Le=we.inputPassword_show(),Pe=we.inputPassword_hide(),Ve=ie||"always"!==T?null:s.jsx(se.RevealToggleIcon,{accessibleLabel:Ee,isRevealed:pe,onToggle:Re,tooltipHide:Pe,tooltipShow:Le,testId:`${q}_toggleicon`}),_e=l.useCallback((()=>{xe.current?.focus(),G?.({previousValue:B,value:""})}),[G,B,xe]),je=K.useClearIcon({clearIcon:s.jsx(X.ClearIcon,{onClick:_e,testId:`${q}_clearicon`}),display:h,hasValue:Ae.hasValue,isFocused:he,isEnabled:!ne&&!ie,isHover:ve}),ke=Q.beforeVNode(Ve,je),Be="none"!==de?s.jsx(c.Label,{...ge,children:I}):void 0,De={label:"none"!==de?Be:void 0,labelEdge:"none"!==de?de:void 0,labelStartWidth:"none"!==de?re:void 0,labelText:"inside"!==de||ie?void 0:I},Ne="none"===de?I:void 0,He="efficient"===ue||"reflow"===ue?ie?"efficient"!==ue?void 0:s.jsx(L.InlineUserAssistance,{userAssistanceDensity:ue,...Ue}):ne?s.jsx(L.InlineUserAssistance,{fieldLabel:I,messages:w,userAssistanceDensity:ue,...Ue}):s.jsx(L.InlineUserAssistance,{assistiveText:t,fieldLabel:I,helpSourceLink:f,helpSourceText:S,messages:w,isRequiredShown:g,userAssistanceDensity:ue,...Ue}):void 0,qe=l.useRef(null),We="compact"===ue?s.jsx(P.CompactUserAssistance,{anchorRef:qe,messages:w,assistiveText:t,...Ue}):void 0;if(ne){const e=s.jsx(m.ReadonlyTextFieldInput,{"aria-describedby":Ce["aria-describedby"],"aria-label":Ne,"aria-labelledby":ge.id,as:"input",autoFocus:u,elementRef:Fe,formVariant:D,textAlign:ce,type:"password",value:B,hasEmptyLabel:""===I&&"none"===de,hasInsideLabel:void 0!==I&&"inside"===de,onBlur:Ce.onBlur,onFocus:Ce.onFocus});return s.jsx(n.FormFieldContext.Provider,{value:Ae,children:s.jsx(x.ReadonlyTextField,{role:"presentation",columnSpan:b,compactUserAssistance:We,inlineUserAssistance:He,ref:qe,mainContent:e,testId:q,...De})})}const Oe=s.jsx(p.TextFieldInput,{"aria-label":Ne,autoComplete:o,autoFocus:u,currentCommitValue:O,hasEndContent:!(!je&&!Ve),hasEmptyLabel:""===I&&"none"===de,hasInsideLabel:void 0!==Be&&"inside"===de,inputRef:xe,isRequired:C,onInput:G,onCommit:M,placeholder:E,textAlign:ce,value:B,type:pe?"text":"password",...Ce});return s.jsx(n.FormFieldContext.Provider,{value:Ae,children:s.jsx(F.TextField,{columnSpan:b,endContent:ke,inlineUserAssistance:He,compactUserAssistance:We,mainContent:Oe,onBlur:ye.onFocusOut,onFocus:ye.onFocusIn,mainFieldRef:qe,testId:q,...Ie,...De,...Se})})}));e.InputPassword=te}));
+define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './useFocusableTextField-8b755b15', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './FormFieldContext-a024b891', './useTextField-3ab0a23b', './useHover-8b8a1496', './Label-3c17bcc9', './keyboardUtils-fb6219eb', './TextFieldInput-eb40adaa', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-e5723c48', './StyledTextField-5e554e5b', './TextField-51b63f5f', './useTranslationBundle-27bf6340', 'css!./LiveRegionStyles.styles.css', './LayerHost-7d4aa6d3', './UNSAFE_TextField/themes/TextFieldStyles.css', 'css!./SkeletonStyles.styles.css', 'css!./TextFieldLoadingStyles.styles.css', 'css!./TextFieldStyles.styles.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', './logger-0f873e29', './TabbableModeContext-a9c97640', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-e406e352', './CompactUserAssistance-5ef03b0a', './useToggle-a29f97af', './mergeProps-bcfa6a92', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-3c8a0253', 'preact', 'css!./IconStyle.styles.css', './Popup-062b66ff', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'css!./HiddenAccessibleStyles.styles.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './useClearIcon-05225968', './componentUtils-c14d7fce', './ClearIcon-13bd61d3', './useCurrentValueReducer-faded381', './useSelectableTextField-900d2860', './formControlUtils-de035f75', './RevealToggleIcon-28c5efc5'], (function(e,s,t,l,a,o,i,n,d,r,c,u,p,b,m,x,F,y,h,T,f,S,v,A,C,g,I,U,R,w,E,L,P,V,_,j,k,B,D,N,H,q,W,O,$,G,M,z,J,K,Q,X,Y,Z,ee,se){"use strict";const te=t.forwardRef((({"aria-describedby":e,assistiveText:t,autoComplete:o="off",autoFocus:u=!1,columnSpan:b,hasClearIcon:h,hasRevealToggle:T="always",helpSourceLink:f,helpSourceText:S,isDisabled:v,isReadonly:A,isRequired:C=!1,isRequiredShown:g,label:I,labelEdge:U,labelStartWidth:R,messages:w,placeholder:E,textAlign:j,userAssistanceDensity:k,value:B,variant:D="default",onInput:N,onCommit:H,testId:q},W)=>{const{currentCommitValue:O,dispatch:$}=Y.useCurrentValueReducer({value:B}),G=l.useCallback((e=>{$({type:"input",payload:e.value}),N?.(e)}),[N,$]),M=l.useCallback((e=>{$({type:"commit",payload:e.value}),H?.(e)}),[H,$]),{isDisabled:z,isReadonly:J,labelEdge:te,labelStartWidth:le,textAlign:ae,userAssistanceDensity:oe}=i.useFormContext(),ie=v??z,ne=A??J,de=U??te,re=R??le,ce=j??ae??ee.defaultTextAlignForVariant(D),ue=k??oe,{bool:pe,setFalse:be,setTrue:me}=V.useToggle(!1),xe=l.useRef(null),Fe=l.useRef(null),{focusProps:ye,isFocused:he,methods:Te}=a.useFocusableTextField({enabledElementRef:xe,readonlyElementRef:Fe,isDisabled:ie,isReadonly:ne,onBlurWithin:be}),{methods:fe}=Z.useSelectableTextField(xe);l.useImperativeHandle(W,(()=>_.mergeProps(Te,fe)),[Te,fe]);const{hoverProps:Se,isHover:ve}=r.useHover({isDisabled:ne||ie||!1}),{formFieldContext:Ae,inputProps:Ce,labelProps:ge,textFieldProps:Ie,userAssistanceProps:Ue}=d.useTextField({ariaDescribedBy:e,helpSourceLink:f,helpSourceText:S,isDisabled:ie,isFocused:he,isReadonly:ne,isRequiredShown:g,labelEdge:de,messages:w,styleVariant:D,userAssistanceDensity:ue,value:B}),Re=l.useCallback((()=>{pe?be():me()}),[pe,be,me]),we=y.useTranslationBundle("@oracle/oraclejet-preact"),Ee=we.inputPassword_hidden(),Le=we.inputPassword_show(),Pe=we.inputPassword_hide(),Ve=ie||"always"!==T?null:s.jsx(se.RevealToggleIcon,{accessibleLabel:Ee,isRevealed:pe,onToggle:Re,tooltipHide:Pe,tooltipShow:Le,testId:`${q}_toggleicon`}),_e=l.useCallback((()=>{xe.current?.focus(),G?.({previousValue:B,value:""})}),[G,B,xe]),je=K.useClearIcon({clearIcon:s.jsx(X.ClearIcon,{onClick:_e,testId:`${q}_clearicon`}),display:h,hasValue:Ae.hasValue,isFocused:he,isEnabled:!ne&&!ie,isHover:ve}),ke=Q.beforeVNode(Ve,je),Be="none"!==de?s.jsx(c.Label,{...ge,children:I}):void 0,De={label:"none"!==de?Be:void 0,labelEdge:"none"!==de?de:void 0,labelStartWidth:"none"!==de?re:void 0,labelText:"inside"!==de||ie?void 0:I},Ne="none"===de?I:void 0,He="efficient"===ue||"reflow"===ue?ie?"efficient"!==ue?void 0:s.jsx(L.InlineUserAssistance,{userAssistanceDensity:ue,...Ue}):ne?s.jsx(L.InlineUserAssistance,{fieldLabel:I,messages:w,userAssistanceDensity:ue,...Ue}):s.jsx(L.InlineUserAssistance,{assistiveText:t,fieldLabel:I,helpSourceLink:f,helpSourceText:S,messages:w,isRequiredShown:g,userAssistanceDensity:ue,...Ue}):void 0,qe=l.useRef(null),We="compact"===ue?s.jsx(P.CompactUserAssistance,{anchorRef:qe,messages:w,assistiveText:t,...Ue}):void 0;if(ne){const e=s.jsx(m.ReadonlyTextFieldInput,{"aria-describedby":Ce["aria-describedby"],"aria-label":Ne,"aria-labelledby":ge.id,as:"input",autoFocus:u,elementRef:Fe,formVariant:D,textAlign:ce,type:"password",value:B,hasEmptyLabel:""===I&&"none"===de,hasInsideLabel:void 0!==I&&"inside"===de,onBlur:Ce.onBlur,onFocus:Ce.onFocus});return s.jsx(n.FormFieldContext.Provider,{value:Ae,children:s.jsx(x.ReadonlyTextField,{role:"presentation",columnSpan:b,compactUserAssistance:We,inlineUserAssistance:He,ref:qe,mainContent:e,testId:q,...De})})}const Oe=s.jsx(p.TextFieldInput,{"aria-label":Ne,autoComplete:o,autoFocus:u,currentCommitValue:O,hasEndContent:!(!je&&!Ve),hasEmptyLabel:""===I&&"none"===de,hasInsideLabel:void 0!==Be&&"inside"===de,inputRef:xe,isRequired:C,onInput:G,onCommit:M,placeholder:E,textAlign:ce,value:B,type:pe?"text":"password",...Ce});return s.jsx(n.FormFieldContext.Provider,{value:Ae,children:s.jsx(F.TextField,{columnSpan:b,endContent:ke,inlineUserAssistance:He,compactUserAssistance:We,mainContent:Oe,onBlur:ye.onFocusOut,onFocus:ye.onFocusIn,mainFieldRef:qe,testId:q,...Ie,...De,...Se})})}));e.InputPassword=te}));
 //# sourceMappingURL=InputPassword-72147893.js.map

package/amd/InputSensitiveText-28cebe14.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './useFocusableTextField-8b755b15', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './FormFieldContext-a024b891', './useTextField-3ab0a23b', './useHover-8b8a1496', './useLengthFilter-c05fd679', './Label-3c17bcc9', './ObfuscatedTextFieldInput-c0e463cf', './ReadonlyTextFieldInput-e5723c48', './StyledTextField-5e554e5b', './TextField-51b63f5f', './TextFieldInput-eb40adaa', './MaxLengthLiveRegion-04832e9d', './UNSAFE_TextField/themes/TextFieldStyles.css', 'css!./SkeletonStyles.styles.css', 'css!./TextFieldLoadingStyles.styles.css', 'css!./TextFieldStyles.styles.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', './logger-0f873e29', './TabbableModeContext-a9c97640', './useId-c9578d26', './useTranslationBundle-8e42d505', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-e406e352', './CompactUserAssistance-5ef03b0a', './useToggle-a29f97af', './mergeProps-bcfa6a92', './LayerHost-daf96749', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-ae57629b', 'preact', 'css!./IconStyle.styles.css', './clientHints-6d361eaa', './Popup-695781d6', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', './HiddenAccessible-037ef42d', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './useClearIcon-05225968', './componentUtils-c14d7fce', './ClearIcon-13bd61d3', './useCurrentValueReducer-faded381', './useSelectableTextField-900d2860', './formControlUtils-de035f75', './RevealToggleIcon-28c5efc5'], (function(e,s,t,n,a,l,o,i,d,r,c,u,b,p,x,m,h,F,T,y,g,v,f,A,S,C,L,I,R,U,E,j,w,V,_,P,B,N,k,D,H,M,q,O,W,$,G,K,X,z,J,Q,Y,Z,ee,se,te,ne){"use strict";const ae=t.forwardRef((({"aria-describedby":e,assistiveText:t,autoFocus:l=!1,columnSpan:h,hasClearIcon:T="never",hasRevealToggle:y="always",helpSourceLink:g,helpSourceText:v,isDisabled:f,isReadonly:A,isRequired:S=!1,isRequiredShown:C,label:R,labelEdge:U,labelStartWidth:E,maxLength:P,maxLengthUnit:B,messages:N,placeholder:k,revealToggleLabel:D,textAlign:H,userAssistanceDensity:M,value:q,variant:O="default",virtualKeyboard:W,onInput:$,onCommit:G,testId:K},z)=>{const{currentCommitValue:J,dispatch:ae}=ee.useCurrentValueReducer({value:q}),oe=n.useCallback((e=>{ae({type:"input",payload:e.value}),$?.(e)}),[$,ae]),ie=n.useCallback((e=>{ae({type:"commit",payload:e.value}),G?.(e)}),[G,ae]),{isDisabled:de,isReadonly:re,labelEdge:ce,labelStartWidth:ue,textAlign:be,userAssistanceDensity:pe}=o.useFormContext(),xe=f??de,me=A??re,he=U??ce,Fe=E??ue,Te=H??be??te.defaultTextAlignForVariant(O),ye=M??pe,ge=n.useRef(L.useId()),ve=e?`${e} ${ge.current}`:ge.current,{bool:fe,setFalse:Ae,setTrue:Se}=V.useToggle(!1),Ce=n.useRef(null),Le=n.useRef(null),{focusProps:Ie,isFocused:Re,methods:Ue}=a.useFocusableTextField({isDisabled:xe,isReadonly:me,enabledElementRef:Ce,readonlyElementRef:Le,onBlurWithin:Ae}),{methods:Ee}=se.useSelectableTextField(Ce);n.useImperativeHandle(z,(()=>_.mergeProps(Ue,Ee)),[Ue,Ee]);const{hoverProps:je,isHover:we}=r.useHover({isDisabled:me||xe||!1}),{formFieldContext:Ve,inputProps:_e,labelProps:Pe,textFieldProps:Be,userAssistanceProps:Ne}=d.useTextField({ariaDescribedBy:me||xe?e:ve,helpSourceLink:g,helpSourceText:v,isDisabled:xe,isFocused:Re,isReadonly:me,isRequiredShown:C,labelEdge:he,messages:N,styleVariant:O,userAssistanceDensity:ye,value:q}),ke=n.useCallback((()=>{fe?Ae():Se()}),[fe,Ae,Se]),De=I.useTranslationBundle("@oracle/oraclejet-preact"),He=D||De.inputSensitiveText_hidden(),Me=xe||me&&!q||"always"!==y?null:s.jsx(ne.RevealToggleIcon,{onToggle:ke,isRevealed:fe,accessibleLabel:He}),qe=n.useCallback((()=>{Ce.current?.focus(),oe?.({previousValue:q,value:""})}),[oe,q,Ce]),Oe=Q.useClearIcon({clearIcon:s.jsx(Z.ClearIcon,{onClick:qe,testId:`${K}_clearicon`}),display:T,hasValue:Ve.hasValue,isFocused:Re,isEnabled:!me&&!xe,isHover:we}),We=Y.beforeVNode(Me,Oe),{isMaxLengthExceeded:$e,valueLength:Ge,onFilteredInput:Ke}=c.useLengthFilter({maxLength:P,maxLengthUnit:B,value:q,onInput:oe,onCommit:ie}),Xe="none"!==he?s.jsx(u.Label,{...Pe,children:R}):void 0,ze={label:"none"!==he?Xe:void 0,labelEdge:"none"!==he?he:void 0,labelStartWidth:"none"!==he?Fe:void 0,labelText:"inside"!==he||xe?void 0:R},Je="none"===he?R:void 0,Qe="efficient"===ye||"reflow"===ye?xe?"efficient"!==ye?void 0:s.jsx(j.InlineUserAssistance,{userAssistanceDensity:ye,...Ne}):me?s.jsx(j.InlineUserAssistance,{fieldLabel:R,messages:N,userAssistanceDensity:ye,...Ne}):s.jsx(j.InlineUserAssistance,{assistiveText:t,fieldLabel:R,helpSourceLink:g,helpSourceText:v,messages:N,isRequiredShown:C,userAssistanceDensity:ye,...Ne}):void 0,Ye=n.useRef(null),Ze="compact"===ye?s.jsx(w.CompactUserAssistance,{anchorRef:Ye,messages:N,assistiveText:t,...Ne}):void 0;if(me){const e=s.jsx(p.ReadonlyTextFieldInput,{"aria-describedby":_e["aria-describedby"],"aria-label":Je,"aria-labelledby":Pe.id,as:"input",autoFocus:l,elementRef:Le,formVariant:O,onBlur:_e.onBlur,onFocus:_e.onFocus,textAlign:Te,type:"text",value:fe?q:"•".repeat(q?q.length:0),hasEmptyLabel:""===R&&"none"===he,hasInsideLabel:void 0!==R&&"inside"===he});return s.jsx(i.FormFieldContext.Provider,{value:Ve,children:s.jsx(x.ReadonlyTextField,{role:"presentation",columnSpan:h,compactUserAssistance:Ze,inlineUserAssistance:Qe,endContent:Me,mainContent:e,onBlur:Ie.onFocusOut,onFocus:Ie.onFocusIn,ref:Ye,testId:K,...ze})})}const es=void 0!==P,ss=s.jsxs(s.Fragment,{children:[s.jsx(b.ObfuscatedTextFieldInput,{"aria-label":Je,autoFocus:l,character:"•",currentCommitValue:J,hasEmptyLabel:""===R&&"none"===he,hasInsideLabel:void 0!==Xe&&"inside"===he,inputRef:Ce,isRequired:S,onInput:Ke,onCommit:ie,placeholder:k,textAlign:Te,type:le()?W:void 0,value:q,isRevealed:fe,hasEndContent:!(!Oe&&!Me),..._e}),es&&s.jsx(X.HiddenAccessible,{id:ge.current,children:De.formControl_maxLength({MAX_LENGTH:`${P}`})}),es&&Re&&s.jsx(F.MaxLengthLiveRegion,{isMaxLengthExceeded:$e,maxLength:P,valueLength:Ge,testId:K?K+"_maxLength":void 0})]});return s.jsx(i.FormFieldContext.Provider,{value:Ve,children:s.jsx(m.TextField,{columnSpan:h,endContent:We,inlineUserAssistance:Qe,compactUserAssistance:Ze,mainContent:ss,onBlur:Ie.onFocusOut,onFocus:Ie.onFocusIn,mainFieldRef:Ye,testId:K,...Be,...ze,...je})})}));function le(){const e=q.getClientHints().deviceType;return"phone"===e||"tablet"===e}e.InputSensitiveText=ae}));
+define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './useFocusableTextField-8b755b15', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './FormFieldContext-a024b891', './useTextField-3ab0a23b', './useHover-8b8a1496', './useLengthFilter-c05fd679', './Label-3c17bcc9', './ObfuscatedTextFieldInput-c0e463cf', './ReadonlyTextFieldInput-e5723c48', './StyledTextField-5e554e5b', './TextField-51b63f5f', './TextFieldInput-eb40adaa', './MaxLengthLiveRegion-1f30f975', './UNSAFE_TextField/themes/TextFieldStyles.css', 'css!./SkeletonStyles.styles.css', 'css!./TextFieldLoadingStyles.styles.css', 'css!./TextFieldStyles.styles.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', './logger-0f873e29', './TabbableModeContext-a9c97640', './useId-c9578d26', './useTranslationBundle-27bf6340', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-e406e352', './CompactUserAssistance-5ef03b0a', './useToggle-a29f97af', './mergeProps-bcfa6a92', './LayerHost-7d4aa6d3', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-3c8a0253', 'preact', 'css!./IconStyle.styles.css', './clientHints-6d361eaa', './Popup-062b66ff', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', './HiddenAccessible-037ef42d', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './useClearIcon-05225968', './componentUtils-c14d7fce', './ClearIcon-13bd61d3', './useCurrentValueReducer-faded381', './useSelectableTextField-900d2860', './formControlUtils-de035f75', './RevealToggleIcon-28c5efc5'], (function(e,s,t,n,a,l,o,i,d,r,c,u,b,p,x,m,h,F,T,f,y,g,v,A,S,C,L,I,R,U,E,j,w,V,_,P,B,N,k,D,H,M,q,O,W,$,G,K,X,z,J,Q,Y,Z,ee,se,te,ne){"use strict";const ae=t.forwardRef((({"aria-describedby":e,assistiveText:t,autoFocus:l=!1,columnSpan:h,hasClearIcon:T="never",hasRevealToggle:f="always",helpSourceLink:y,helpSourceText:g,isDisabled:v,isReadonly:A,isRequired:S=!1,isRequiredShown:C,label:R,labelEdge:U,labelStartWidth:E,maxLength:P,maxLengthUnit:B,messages:N,placeholder:k,revealToggleLabel:D,textAlign:H,userAssistanceDensity:M,value:q,variant:O="default",virtualKeyboard:W,onInput:$,onCommit:G,testId:K},z)=>{const{currentCommitValue:J,dispatch:ae}=ee.useCurrentValueReducer({value:q}),oe=n.useCallback((e=>{ae({type:"input",payload:e.value}),$?.(e)}),[$,ae]),ie=n.useCallback((e=>{ae({type:"commit",payload:e.value}),G?.(e)}),[G,ae]),{isDisabled:de,isReadonly:re,labelEdge:ce,labelStartWidth:ue,textAlign:be,userAssistanceDensity:pe}=o.useFormContext(),xe=v??de,me=A??re,he=U??ce,Fe=E??ue,Te=H??be??te.defaultTextAlignForVariant(O),fe=M??pe,ye=n.useRef(L.useId()),ge=e?`${e} ${ye.current}`:ye.current,{bool:ve,setFalse:Ae,setTrue:Se}=V.useToggle(!1),Ce=n.useRef(null),Le=n.useRef(null),{focusProps:Ie,isFocused:Re,methods:Ue}=a.useFocusableTextField({isDisabled:xe,isReadonly:me,enabledElementRef:Ce,readonlyElementRef:Le,onBlurWithin:Ae}),{methods:Ee}=se.useSelectableTextField(Ce);n.useImperativeHandle(z,(()=>_.mergeProps(Ue,Ee)),[Ue,Ee]);const{hoverProps:je,isHover:we}=r.useHover({isDisabled:me||xe||!1}),{formFieldContext:Ve,inputProps:_e,labelProps:Pe,textFieldProps:Be,userAssistanceProps:Ne}=d.useTextField({ariaDescribedBy:me||xe?e:ge,helpSourceLink:y,helpSourceText:g,isDisabled:xe,isFocused:Re,isReadonly:me,isRequiredShown:C,labelEdge:he,messages:N,styleVariant:O,userAssistanceDensity:fe,value:q}),ke=n.useCallback((()=>{ve?Ae():Se()}),[ve,Ae,Se]),De=I.useTranslationBundle("@oracle/oraclejet-preact"),He=D||De.inputSensitiveText_hidden(),Me=xe||me&&!q||"always"!==f?null:s.jsx(ne.RevealToggleIcon,{onToggle:ke,isRevealed:ve,accessibleLabel:He}),qe=n.useCallback((()=>{Ce.current?.focus(),oe?.({previousValue:q,value:""})}),[oe,q,Ce]),Oe=Q.useClearIcon({clearIcon:s.jsx(Z.ClearIcon,{onClick:qe,testId:`${K}_clearicon`}),display:T,hasValue:Ve.hasValue,isFocused:Re,isEnabled:!me&&!xe,isHover:we}),We=Y.beforeVNode(Me,Oe),{isMaxLengthExceeded:$e,valueLength:Ge,onFilteredInput:Ke}=c.useLengthFilter({maxLength:P,maxLengthUnit:B,value:q,onInput:oe,onCommit:ie}),Xe="none"!==he?s.jsx(u.Label,{...Pe,children:R}):void 0,ze={label:"none"!==he?Xe:void 0,labelEdge:"none"!==he?he:void 0,labelStartWidth:"none"!==he?Fe:void 0,labelText:"inside"!==he||xe?void 0:R},Je="none"===he?R:void 0,Qe="efficient"===fe||"reflow"===fe?xe?"efficient"!==fe?void 0:s.jsx(j.InlineUserAssistance,{userAssistanceDensity:fe,...Ne}):me?s.jsx(j.InlineUserAssistance,{fieldLabel:R,messages:N,userAssistanceDensity:fe,...Ne}):s.jsx(j.InlineUserAssistance,{assistiveText:t,fieldLabel:R,helpSourceLink:y,helpSourceText:g,messages:N,isRequiredShown:C,userAssistanceDensity:fe,...Ne}):void 0,Ye=n.useRef(null),Ze="compact"===fe?s.jsx(w.CompactUserAssistance,{anchorRef:Ye,messages:N,assistiveText:t,...Ne}):void 0;if(me){const e=s.jsx(p.ReadonlyTextFieldInput,{"aria-describedby":_e["aria-describedby"],"aria-label":Je,"aria-labelledby":Pe.id,as:"input",autoFocus:l,elementRef:Le,formVariant:O,onBlur:_e.onBlur,onFocus:_e.onFocus,textAlign:Te,type:"text",value:ve?q:"•".repeat(q?q.length:0),hasEmptyLabel:""===R&&"none"===he,hasInsideLabel:void 0!==R&&"inside"===he});return s.jsx(i.FormFieldContext.Provider,{value:Ve,children:s.jsx(x.ReadonlyTextField,{role:"presentation",columnSpan:h,compactUserAssistance:Ze,inlineUserAssistance:Qe,endContent:Me,mainContent:e,onBlur:Ie.onFocusOut,onFocus:Ie.onFocusIn,ref:Ye,testId:K,...ze})})}const es=void 0!==P,ss=s.jsxs(s.Fragment,{children:[s.jsx(b.ObfuscatedTextFieldInput,{"aria-label":Je,autoFocus:l,character:"•",currentCommitValue:J,hasEmptyLabel:""===R&&"none"===he,hasInsideLabel:void 0!==Xe&&"inside"===he,inputRef:Ce,isRequired:S,onInput:Ke,onCommit:ie,placeholder:k,textAlign:Te,type:le()?W:void 0,value:q,isRevealed:ve,hasEndContent:!(!Oe&&!Me),..._e}),es&&s.jsx(X.HiddenAccessible,{id:ye.current,children:De.formControl_maxLength({MAX_LENGTH:`${P}`})}),es&&Re&&s.jsx(F.MaxLengthLiveRegion,{isMaxLengthExceeded:$e,maxLength:P,valueLength:Ge,testId:K?K+"_maxLength":void 0})]});return s.jsx(i.FormFieldContext.Provider,{value:Ve,children:s.jsx(m.TextField,{columnSpan:h,endContent:We,inlineUserAssistance:Qe,compactUserAssistance:Ze,mainContent:ss,onBlur:Ie.onFocusOut,onFocus:Ie.onFocusIn,mainFieldRef:Ye,testId:K,...Be,...ze,...je})})}));function le(){const e=q.getClientHints().deviceType;return"phone"===e||"tablet"===e}e.InputSensitiveText=ae}));
 //# sourceMappingURL=InputSensitiveText-28cebe14.js.map

package/amd/InputText-83b55089.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './useClearIcon-05225968', './useFocusableTextField-8b755b15', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './FormFieldContext-a024b891', './useHover-8b8a1496', './useLengthFilter-c05fd679', './useTextField-3ab0a23b', './Label-3c17bcc9', './PrefixSuffix-48d0a199', './usePrefixSuffix-b26030fe', './HiddenAccessible-037ef42d', './useId-c9578d26', './keyboardUtils-fb6219eb', './TextFieldInput-eb40adaa', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-e5723c48', './StyledTextField-5e554e5b', './TextField-51b63f5f', './MaxLengthLiveRegion-04832e9d', './UNSAFE_TextField/themes/TextFieldStyles.css', 'css!./SkeletonStyles.styles.css', 'css!./TextFieldLoadingStyles.styles.css', 'css!./TextFieldStyles.styles.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', './logger-0f873e29', './TabbableModeContext-a9c97640', './useTranslationBundle-8e42d505', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-e406e352', './CompactUserAssistance-5ef03b0a', './mergeProps-bcfa6a92', './LayerHost-daf96749', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-ae57629b', 'preact', 'css!./IconStyle.styles.css', './clientHints-6d361eaa', './Popup-695781d6', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './componentUtils-c14d7fce', './ClearIcon-13bd61d3', './useCurrentValueReducer-faded381', './useSelectableTextField-900d2860', './formControlUtils-de035f75'], (function(e,s,t,a,n,i,o,l,d,r,u,c,x,b,p,f,h,m,F,y,v,S,C,T,A,g,I,L,U,R,E,P,j,V,w,_,B,D,N,k,H,M,q,$,O,W,G,K,X,z,J,Q,Y,Z,ee,se,te,ae,ne){"use strict";const ie=t.forwardRef((({"aria-describedby":e,assistiveText:t,autoComplete:o="off",autoFocus:m=!1,columnSpan:y,hasClearIcon:A="never",endContent:g,helpSourceLink:I,helpSourceText:L,isDisabled:U,isReadonly:R,isRequired:E=!1,isRequiredShown:P,label:V,labelEdge:w,labelStartWidth:_,maxLength:k,maxLengthUnit:H,messages:M,placeholder:q,prefix:$,role:O,startContent:W,suffix:G,textAlign:K,userAssistanceDensity:X,value:z,variant:J="default",virtualKeyboard:Q,onInput:Y,onCommit:Z,testId:ie},le)=>{const de=j.useTranslationBundle("@oracle/oraclejet-preact"),{currentCommitValue:re,dispatch:ue}=te.useCurrentValueReducer({value:z}),ce=a.useCallback((e=>{ue({type:"input",payload:e.value}),Y?.(e)}),[Y,ue]),xe=a.useCallback((e=>{ue({type:"commit",payload:e.value}),Z?.(e)}),[Z,ue]),{isDisabled:be,isReadonly:pe,labelEdge:fe,labelStartWidth:he,textAlign:me,userAssistanceDensity:Fe}=l.useFormContext(),ye=U??be,ve=R??pe,Se=w??fe,Ce=_??he,Te=K??me??ne.defaultTextAlignForVariant(J),Ae=X??Fe,ge=a.useRef(h.useId()),Ie=e?`${e} ${ge.current}`:ge.current,Le=a.useRef(null),Ue=a.useRef(null),{focusProps:Re,isFocused:Ee,methods:Pe}=i.useFocusableTextField({isDisabled:ye,isReadonly:ve,enabledElementRef:Le,readonlyElementRef:Ue}),{methods:je}=ae.useSelectableTextField(Le);a.useImperativeHandle(le,(()=>N.mergeProps(Pe,je)),[Pe,je]);const{hoverProps:Ve,isHover:we}=r.useHover({isDisabled:ve||ye||!1}),{baseId:_e,formFieldContext:Be,inputProps:De,labelProps:Ne,textFieldProps:ke,userAssistanceProps:He}=c.useTextField({ariaDescribedBy:ve||ye?e:Ie,helpSourceLink:I,helpSourceText:L,isDisabled:ye,isFocused:Ee,isReadonly:ve,isRequiredShown:P,labelEdge:Se,messages:M,styleVariant:J,userAssistanceDensity:Ae,value:z}),Me=a.useCallback((()=>{Le.current?.focus(),ce?.({previousValue:z,value:""})}),[ce,z,Le]),qe=n.useClearIcon({clearIcon:s.jsx(se.ClearIcon,{onClick:Me,testId:`${ie}_clearicon`}),display:A,hasValue:Be.hasValue,isFocused:Ee,isEnabled:!ve&&!ye,isHover:we}),$e=ee.beforeVNode(g,qe),Oe=void 0!==V&&"inside"===Se,{shouldRenderPrefix:We,shouldRenderSuffix:Ge,prefixProps:Ke,suffixProps:Xe,valuePrefixSuffix:ze,ariaLabelledBy:Je}=p.usePrefixSuffix({baseId:_e,hasEndContent:void 0!==g,hasInsideLabel:Oe,hasStartContent:void 0!==W,hasValue:Be.hasValue,isDisabled:ye,isFocused:Ee,labelId:Ne.id,prefix:$,suffix:G,value:z}),Qe=We?s.jsx(b.PrefixSuffix,{...Ke}):void 0,Ye=Ge?s.jsx(b.PrefixSuffix,{...Xe}):void 0,{isMaxLengthExceeded:Ze,valueLength:es,onFilteredInput:ss}=u.useLengthFilter({maxLength:k,maxLengthUnit:H,value:z,onInput:ce,onCommit:xe}),ts="none"!==Se?s.jsx(x.Label,{...Ne,children:V}):void 0,as={label:"none"!==Se?ts:void 0,labelEdge:"none"!==Se?Se:void 0,labelStartWidth:"none"!==Se?Ce:void 0,labelText:"inside"!==Se||ye?void 0:V},ns="none"===Se?V:void 0,is="efficient"===Ae||"reflow"===Ae?ye?"efficient"!==Ae?void 0:s.jsx(B.InlineUserAssistance,{userAssistanceDensity:Ae,...He}):ve?s.jsx(B.InlineUserAssistance,{fieldLabel:V,messages:M,userAssistanceDensity:Ae,...He}):s.jsx(B.InlineUserAssistance,{assistiveText:t,fieldLabel:V,helpSourceLink:I,helpSourceText:L,messages:M,isRequiredShown:P,userAssistanceDensity:Ae,...He}):void 0,os=a.useRef(null),ls="compact"===Ae?s.jsx(D.CompactUserAssistance,{anchorRef:os,messages:M,assistiveText:t,...He}):void 0;if(ve){const e=s.jsx(v.ReadonlyTextFieldInput,{"aria-describedby":De["aria-describedby"],"aria-label":ns,"aria-labelledby":Ne.id,as:"div",autoFocus:m,elementRef:Ue,formVariant:J,onBlur:De.onBlur,onFocus:De.onFocus,textAlign:Te,value:ze,hasEmptyLabel:""===V&&"none"===Se,hasInsideLabel:Oe});return s.jsx(d.FormFieldContext.Provider,{value:Be,children:s.jsx(S.ReadonlyTextField,{role:"presentation",columnSpan:y,compactUserAssistance:ls,endContent:g,inlineUserAssistance:is,onBlur:Re.onFocusOut,onFocus:Re.onFocusIn,ref:os,mainContent:e,startContent:W,testId:ie,...as})})}const ds=void 0!==k,rs=s.jsxs(s.Fragment,{children:[Qe,s.jsx(F.TextFieldInput,{"aria-labelledby":Je,"aria-label":ns,autoComplete:o,autoFocus:m,currentCommitValue:re,hasEmptyLabel:""===V&&"none"===Se,hasEndContent:void 0!==g,hasInsideLabel:void 0!==ts&&"inside"===Se,hasPrefix:void 0!==Qe,hasStartContent:void 0!==W,hasSuffix:void 0!==Ye,inputRef:Le,isRequired:E,placeholder:q,role:O,textAlign:Te,type:oe()?Q:void 0,value:ye?ze:z,onCommit:xe,onInput:ss,...De}),Ye,ds&&s.jsx(f.HiddenAccessible,{id:ge.current,children:de.formControl_maxLength({MAX_LENGTH:`${k}`})}),ds&&Ee&&s.jsx(T.MaxLengthLiveRegion,{isMaxLengthExceeded:Ze,maxLength:k,valueLength:es,testId:ie?ie+"_maxLength":void 0})]});return s.jsx(d.FormFieldContext.Provider,{value:Be,children:s.jsx(C.TextField,{endContent:$e,columnSpan:y,compactUserAssistance:ls,inlineUserAssistance:is,mainContent:rs,onBlur:Re.onFocusOut,onFocus:Re.onFocusIn,startContent:W,mainFieldRef:os,testId:ie,...ke,...as,...Ve})})}));function oe(){const e=G.getClientHints().deviceType;return"phone"===e||"tablet"===e}e.InputText=ie}));
+define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './useClearIcon-05225968', './useFocusableTextField-8b755b15', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './FormFieldContext-a024b891', './useHover-8b8a1496', './useLengthFilter-c05fd679', './useTextField-3ab0a23b', './Label-3c17bcc9', './PrefixSuffix-48d0a199', './usePrefixSuffix-66563417', './HiddenAccessible-037ef42d', './useId-c9578d26', './keyboardUtils-fb6219eb', './TextFieldInput-eb40adaa', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-e5723c48', './StyledTextField-5e554e5b', './TextField-51b63f5f', './MaxLengthLiveRegion-1f30f975', './UNSAFE_TextField/themes/TextFieldStyles.css', 'css!./SkeletonStyles.styles.css', 'css!./TextFieldLoadingStyles.styles.css', 'css!./TextFieldStyles.styles.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', './logger-0f873e29', './TabbableModeContext-a9c97640', './useTranslationBundle-27bf6340', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-e406e352', './CompactUserAssistance-5ef03b0a', './mergeProps-bcfa6a92', './LayerHost-7d4aa6d3', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-3c8a0253', 'preact', 'css!./IconStyle.styles.css', './clientHints-6d361eaa', './Popup-062b66ff', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './componentUtils-c14d7fce', './ClearIcon-13bd61d3', './useCurrentValueReducer-faded381', './useSelectableTextField-900d2860', './formControlUtils-de035f75'], (function(e,s,t,a,n,i,o,l,d,r,u,c,x,b,f,p,h,m,F,y,v,S,C,T,A,g,I,L,U,R,E,P,j,V,w,_,B,D,N,k,H,M,q,$,O,W,G,K,X,z,J,Q,Y,Z,ee,se,te,ae,ne){"use strict";const ie=t.forwardRef((({"aria-describedby":e,assistiveText:t,autoComplete:o="off",autoFocus:m=!1,columnSpan:y,hasClearIcon:A="never",endContent:g,helpSourceLink:I,helpSourceText:L,isDisabled:U,isReadonly:R,isRequired:E=!1,isRequiredShown:P,label:V,labelEdge:w,labelStartWidth:_,maxLength:k,maxLengthUnit:H,messages:M,placeholder:q,prefix:$,role:O,startContent:W,suffix:G,textAlign:K,userAssistanceDensity:X,value:z,variant:J="default",virtualKeyboard:Q,onInput:Y,onCommit:Z,testId:ie},le)=>{const de=j.useTranslationBundle("@oracle/oraclejet-preact"),{currentCommitValue:re,dispatch:ue}=te.useCurrentValueReducer({value:z}),ce=a.useCallback((e=>{ue({type:"input",payload:e.value}),Y?.(e)}),[Y,ue]),xe=a.useCallback((e=>{ue({type:"commit",payload:e.value}),Z?.(e)}),[Z,ue]),{isDisabled:be,isReadonly:fe,labelEdge:pe,labelStartWidth:he,textAlign:me,userAssistanceDensity:Fe}=l.useFormContext(),ye=U??be,ve=R??fe,Se=w??pe,Ce=_??he,Te=K??me??ne.defaultTextAlignForVariant(J),Ae=X??Fe,ge=a.useRef(h.useId()),Ie=e?`${e} ${ge.current}`:ge.current,Le=a.useRef(null),Ue=a.useRef(null),{focusProps:Re,isFocused:Ee,methods:Pe}=i.useFocusableTextField({isDisabled:ye,isReadonly:ve,enabledElementRef:Le,readonlyElementRef:Ue}),{methods:je}=ae.useSelectableTextField(Le);a.useImperativeHandle(le,(()=>N.mergeProps(Pe,je)),[Pe,je]);const{hoverProps:Ve,isHover:we}=r.useHover({isDisabled:ve||ye||!1}),{baseId:_e,formFieldContext:Be,inputProps:De,labelProps:Ne,textFieldProps:ke,userAssistanceProps:He}=c.useTextField({ariaDescribedBy:ve||ye?e:Ie,helpSourceLink:I,helpSourceText:L,isDisabled:ye,isFocused:Ee,isReadonly:ve,isRequiredShown:P,labelEdge:Se,messages:M,styleVariant:J,userAssistanceDensity:Ae,value:z}),Me=a.useCallback((()=>{Le.current?.focus(),ce?.({previousValue:z,value:""})}),[ce,z,Le]),qe=n.useClearIcon({clearIcon:s.jsx(se.ClearIcon,{onClick:Me,testId:`${ie}_clearicon`}),display:A,hasValue:Be.hasValue,isFocused:Ee,isEnabled:!ve&&!ye,isHover:we}),$e=ee.beforeVNode(g,qe),Oe=void 0!==V&&"inside"===Se,{shouldRenderPrefix:We,shouldRenderSuffix:Ge,prefixProps:Ke,suffixProps:Xe,valuePrefixSuffix:ze,ariaLabelledBy:Je}=f.usePrefixSuffix({baseId:_e,hasEndContent:void 0!==g,hasInsideLabel:Oe,hasStartContent:void 0!==W,hasValue:Be.hasValue,isDisabled:ye,isFocused:Ee,labelId:Ne.id,prefix:$,suffix:G,value:z}),Qe=We?s.jsx(b.PrefixSuffix,{...Ke}):void 0,Ye=Ge?s.jsx(b.PrefixSuffix,{...Xe}):void 0,{isMaxLengthExceeded:Ze,valueLength:es,onFilteredInput:ss}=u.useLengthFilter({maxLength:k,maxLengthUnit:H,value:z,onInput:ce,onCommit:xe}),ts="none"!==Se?s.jsx(x.Label,{...Ne,children:V}):void 0,as={label:"none"!==Se?ts:void 0,labelEdge:"none"!==Se?Se:void 0,labelStartWidth:"none"!==Se?Ce:void 0,labelText:"inside"!==Se||ye?void 0:V},ns="none"===Se?V:void 0,is="efficient"===Ae||"reflow"===Ae?ye?"efficient"!==Ae?void 0:s.jsx(B.InlineUserAssistance,{userAssistanceDensity:Ae,...He}):ve?s.jsx(B.InlineUserAssistance,{fieldLabel:V,messages:M,userAssistanceDensity:Ae,...He}):s.jsx(B.InlineUserAssistance,{assistiveText:t,fieldLabel:V,helpSourceLink:I,helpSourceText:L,messages:M,isRequiredShown:P,userAssistanceDensity:Ae,...He}):void 0,os=a.useRef(null),ls="compact"===Ae?s.jsx(D.CompactUserAssistance,{anchorRef:os,messages:M,assistiveText:t,...He}):void 0;if(ve){const e=s.jsx(v.ReadonlyTextFieldInput,{"aria-describedby":De["aria-describedby"],"aria-label":ns,"aria-labelledby":Ne.id,as:"div",autoFocus:m,elementRef:Ue,formVariant:J,onBlur:De.onBlur,onFocus:De.onFocus,textAlign:Te,value:ze,hasEmptyLabel:""===V&&"none"===Se,hasInsideLabel:Oe});return s.jsx(d.FormFieldContext.Provider,{value:Be,children:s.jsx(S.ReadonlyTextField,{role:"presentation",columnSpan:y,compactUserAssistance:ls,endContent:g,inlineUserAssistance:is,onBlur:Re.onFocusOut,onFocus:Re.onFocusIn,ref:os,mainContent:e,startContent:W,testId:ie,...as})})}const ds=void 0!==k,rs=s.jsxs(s.Fragment,{children:[Qe,s.jsx(F.TextFieldInput,{"aria-labelledby":Je,"aria-label":ns,autoComplete:o,autoFocus:m,currentCommitValue:re,hasEmptyLabel:""===V&&"none"===Se,hasEndContent:void 0!==g,hasInsideLabel:void 0!==ts&&"inside"===Se,hasPrefix:void 0!==Qe,hasStartContent:void 0!==W,hasSuffix:void 0!==Ye,inputRef:Le,isRequired:E,placeholder:q,role:O,textAlign:Te,type:oe()?Q:void 0,value:ye?ze:z,onCommit:xe,onInput:ss,...De}),Ye,ds&&s.jsx(p.HiddenAccessible,{id:ge.current,children:de.formControl_maxLength({MAX_LENGTH:`${k}`})}),ds&&Ee&&s.jsx(T.MaxLengthLiveRegion,{isMaxLengthExceeded:Ze,maxLength:k,valueLength:es,testId:ie?ie+"_maxLength":void 0})]});return s.jsx(d.FormFieldContext.Provider,{value:Be,children:s.jsx(C.TextField,{endContent:$e,columnSpan:y,compactUserAssistance:ls,inlineUserAssistance:is,mainContent:rs,onBlur:Re.onFocusOut,onFocus:Re.onFocusIn,startContent:W,mainFieldRef:os,testId:ie,...ke,...as,...Ve})})}));function oe(){const e=G.getClientHints().deviceType;return"phone"===e||"tablet"===e}e.InputText=ie}));
 //# sourceMappingURL=InputText-83b55089.js.map

package/amd/Label-3c17bcc9.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './FormFieldContext-a024b891', './useFormFieldContext-9260f081', './classNames-08d99695', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './useComponentTheme-5aa41a8f', './TabbableModeContext-a9c97640', './LayerHost-daf96749', 'preact/compat', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './Flex-07d2aa5b', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './useTooltip-75a63697', './useScale-fa445112', './useDensity-cb21e58e', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-ae57629b', 'css!./IconStyle.styles.css', './clientHints-6d361eaa', './IconButton-232d63fc', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './logger-0f873e29', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './InputGroupContext-372087af', './Popup-695781d6', './UNSAFE_Separator/themes/SeparatorStyles.css', './CompactLabelAssistance-deb90940', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './truncationUtils-84dea8ba', './UNSAFE_TextField/themes/redwood/TextFieldTheme', './UNSAFE_Label/themes/redwood/LabelTheme'], (function(e,s,t,a,o,n,l,i,r,d,c,u,m,p,b,F,h,y,x,T,S,C,f,A,g,U,M,w,N,R,E,L,V,I,_,D,B,j,v,P,k,O,H,W,q,G,z,J){"use strict";const K=({children:e,labelRef:a,hasValue:o,isFocused:n,...l})=>{const i=t.useRef(null),r=a??i,{detectTruncationProps:d,isTextTruncated:c}=(({isDisabled:e=!1,rootRef:s})=>{const[a,o]=t.useState(!1),n=t.useRef(),l=t.useCallback((()=>{clearTimeout(n.current),n.current=setTimeout((()=>{const e=G.detectTruncation(s);o(e)}),1e3)}),[s]),i=t.useCallback((()=>{clearTimeout(n.current),n.current=void 0,o(!1)}),[]);return{detectTruncationProps:e?{}:{onMouseOver:l,onMouseOut:i},isTextTruncated:a}})({rootRef:r}),u=C.useScale()||"lg",m=f.useDensity()||"standard",p={sm:3,md:3.5,lg:4}[u],b="standard"===m?0:-p,F={sm:Math.max(p+b,3),md:Math.max(1.14*p+b,3.5),lg:2*p+b},h=o||n?F[u]+5:Math.max(5.75*p+b,16),{tooltipContent:y,tooltipProps:x}=S.useTooltip({offset:{mainAxis:h,crossAxis:-4*p-1},position:"top-start",text:e,isDisabled:!c}),{"aria-describedby":T,...A}=x;return s.jsxs(s.Fragment,{children:[s.jsx("label",{ref:r,...d,...l,...A,children:e}),y]})},Q=({hasValue:e,readonly:t,disabled:a,isFocused:o,isRequiredShown:l,labelRef:d,helpIconId:c,helpSourceLink:u,helpSourceText:m,userAssistanceDensity:p="reflow",variant:b="inside",parentComponentVariant:F="textField",...h})=>{const{isFormLayout:y,isReadonly:x,labelWrapping:T}=i.useFormContext(),S="inside"===b,C="textField"===F,f=N.getClientHints(),A=S&&!a&&"textField"===F,{classes:g,styles:{safariAfter:U,uaDensityCompactLabel:M,uaDensityCompactLabelStart:w,uaDensityCompactLabelTopInside:R}}=r.useComponentTheme(J.LabelRedwoodTheme,{labelWrapping:T,position:b,inside:S?"isInside":"notInside",inEnabledForm:y&&!x?"isInEnabledForm":"notInEnabledForm",readonly:t?"isReadonly":"notReadonly",focused:o?"isFocused":"nonFocused",formLayout:y?"isFormLayout":"nonFormLayout",readonlyForm:x?"isReadonlyForm":"notReadonlyForm",textField:C?"isTextField":"notTextField",value:e?"hasValue":"noValue",valueOrFocus:e||o?"hasValueOrFocus":"noValueOrFocus",animatedWhenInside:C?"isAnimated":"notAnimated",disabled:C&&a?"isDisabled":"nonDisabled",userAssistanceDensity:p}),{baseTheme:E}=r.useComponentTheme(z.TextFieldRedwoodTheme),L="safari"===f.browser?U:void 0,V=n.classNames([L,M,"start"===b?w:R]),I=A?s.jsx(K,{...h,class:V,hasValue:e,isFocused:o,labelRef:d}):s.jsx("label",{...h,class:V});return"compact"===p?s.jsxs("div",{class:n.classNames([g,E]),children:["start"!==b&&I,s.jsx(H.CompactLabelAssistance,{isRequiredShown:l,helpIconId:c,helpSourceLink:u,helpSourceText:m,labelEdge:"top"===b||"start"===b?b:"inside"}),"start"===b&&I]}):A?s.jsx(K,{...h,class:n.classNames([L,g,E]),hasValue:e,isFocused:o,labelRef:d}):s.jsx("label",{"aria-disabled":a?"true":void 0,...h,class:n.classNames([L,g,E])})};e.Label=({forId:e,...t})=>{const{hasValue:a,isDisabled:n,isFocused:l,isReadonly:i}=o.useFormFieldContext();return s.jsx(Q,{for:e,hasValue:a,disabled:n,isFocused:l,readonly:i,...t})}}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './FormFieldContext-a024b891', './useFormFieldContext-9260f081', './classNames-08d99695', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './useComponentTheme-5aa41a8f', './TabbableModeContext-a9c97640', './LayerHost-7d4aa6d3', 'preact/compat', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './Flex-4bc3a394', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './useTooltip-e14d62f1', './useScale-5d246769', './useDensity-bee3cef4', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-3c8a0253', 'css!./IconStyle.styles.css', './clientHints-6d361eaa', './IconButton-232d63fc', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './logger-0f873e29', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './InputGroupContext-372087af', './Popup-062b66ff', './UNSAFE_Separator/themes/SeparatorStyles.css', './CompactLabelAssistance-7ec99e08', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './truncationUtils-84dea8ba', './UNSAFE_TextField/themes/redwood/TextFieldTheme', './UNSAFE_Label/themes/redwood/LabelTheme'], (function(e,s,t,a,o,n,l,i,r,d,c,u,m,p,b,F,h,y,x,T,S,f,C,A,g,U,M,w,N,R,E,L,V,I,_,D,B,j,v,P,k,O,H,W,q,G,z,J){"use strict";const K=({children:e,labelRef:a,hasValue:o,isFocused:n,...l})=>{const i=t.useRef(null),r=a??i,{detectTruncationProps:d,isTextTruncated:c}=(({isDisabled:e=!1,rootRef:s})=>{const[a,o]=t.useState(!1),n=t.useRef(),l=t.useCallback((()=>{clearTimeout(n.current),n.current=setTimeout((()=>{const e=G.detectTruncation(s);o(e)}),1e3)}),[s]),i=t.useCallback((()=>{clearTimeout(n.current),n.current=void 0,o(!1)}),[]);return{detectTruncationProps:e?{}:{onMouseOver:l,onMouseOut:i},isTextTruncated:a}})({rootRef:r}),u=f.useScale()||"lg",m=C.useDensity()||"standard",p={sm:3,md:3.5,lg:4}[u],b="standard"===m?0:-p,F={sm:Math.max(p+b,3),md:Math.max(1.14*p+b,3.5),lg:2*p+b},h=o||n?F[u]+5:Math.max(5.75*p+b,16),{tooltipContent:y,tooltipProps:x}=S.useTooltip({offset:{mainAxis:h,crossAxis:-4*p-1},position:"top-start",text:e,isDisabled:!c}),{"aria-describedby":T,...A}=x;return s.jsxs(s.Fragment,{children:[s.jsx("label",{ref:r,...d,...l,...A,children:e}),y]})},Q=({hasValue:e,readonly:t,disabled:a,isFocused:o,isRequiredShown:l,labelRef:d,helpIconId:c,helpSourceLink:u,helpSourceText:m,userAssistanceDensity:p="reflow",variant:b="inside",parentComponentVariant:F="textField",...h})=>{const{isFormLayout:y,isReadonly:x,labelWrapping:T}=i.useFormContext(),S="inside"===b,f="textField"===F,C=N.getClientHints(),A=S&&!a&&"textField"===F,{classes:g,styles:{safariAfter:U,uaDensityCompactLabel:M,uaDensityCompactLabelStart:w,uaDensityCompactLabelTopInside:R}}=r.useComponentTheme(J.LabelRedwoodTheme,{labelWrapping:T,position:b,inside:S?"isInside":"notInside",inEnabledForm:y&&!x?"isInEnabledForm":"notInEnabledForm",readonly:t?"isReadonly":"notReadonly",focused:o?"isFocused":"nonFocused",formLayout:y?"isFormLayout":"nonFormLayout",readonlyForm:x?"isReadonlyForm":"notReadonlyForm",textField:f?"isTextField":"notTextField",value:e?"hasValue":"noValue",valueOrFocus:e||o?"hasValueOrFocus":"noValueOrFocus",animatedWhenInside:f?"isAnimated":"notAnimated",disabled:f&&a?"isDisabled":"nonDisabled",userAssistanceDensity:p}),{baseTheme:E}=r.useComponentTheme(z.TextFieldRedwoodTheme),L="safari"===C.browser?U:void 0,V=n.classNames([L,M,"start"===b?w:R]),I=A?s.jsx(K,{...h,class:V,hasValue:e,isFocused:o,labelRef:d}):s.jsx("label",{...h,class:V});return"compact"===p?s.jsxs("div",{class:n.classNames([g,E]),children:["start"!==b&&I,s.jsx(H.CompactLabelAssistance,{isRequiredShown:l,helpIconId:c,helpSourceLink:u,helpSourceText:m,labelEdge:"top"===b||"start"===b?b:"inside"}),"start"===b&&I]}):A?s.jsx(K,{...h,class:n.classNames([L,g,E]),hasValue:e,isFocused:o,labelRef:d}):s.jsx("label",{"aria-disabled":a?"true":void 0,...h,class:n.classNames([L,g,E])})};e.Label=({forId:e,...t})=>{const{hasValue:a,isDisabled:n,isFocused:l,isReadonly:i}=o.useFormFieldContext();return s.jsx(Q,{for:e,hasValue:a,disabled:n,isFocused:l,readonly:i,...t})}}));
 //# sourceMappingURL=Label-3c17bcc9.js.map

package/amd/LabelValueLayout-39dc1be3.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './FormFieldContext-a024b891', './useFormFieldContext-9260f081', './StyledLabelValueLayout-5737d116', './useComponentTheme-5aa41a8f', './UNSAFE_TextField/themes/redwood/TextFieldTheme', './UNSAFE_Label/themes/redwood/LabelTheme', './UNSAFE_TextField/themes/redwood/FormLayoutTheme', './formControlUtils-a737ac5e'], (function(e,t,l,a,o,s,n,r,m,d,b,i,p){"use strict";e.LabelValueLayout=({columnSpan:e=1,label:a,labelEdge:s,children:u,labelStartWidth:h="33%",parentComponentVariant:S="textField",...y})=>{const{baseTheme:F}=m.useComponentTheme(d.TextFieldRedwoodTheme),{baseTheme:x}=m.useComponentTheme(b.LabelRedwoodTheme),{baseTheme:T}=m.useComponentTheme(i.FormLayoutRedwoodTheme),c=S.startsWith("text"),C="formComponentWrapper"===S,L="unknown"===S,W="start"===s,w="top"===s||"inside"===s,f="inside"===s,A=p.computeStartLabelWidth(h,e),I=`calc(100% - ${A})`,U=!!y.hasTopUserAssistance,N=W?{flexBasis:A,width:A,maxWidth:A}:{},R=W?{flexBasis:I,width:I,maxWidth:I}:{},{isFormLayout:E,isReadonly:V,labelWrapping:g}=o.useFormContext(),{isReadonly:P}=n.useFormFieldContext(),_=E&&V||!E&&P,j=l.classNames([T,r.labelSlotStyles.base,W&&r.labelSlotStyles.start,w&&r.labelSlotStyles.top,w&&U&&r.labelSlotStyles.topAndTopUA,w&&_&&r.labelSlotStyles.topPureReadonly]),k=l.classNames([c&&F,x,T,r.labelInnerStyles.base,W&&r.labelInnerStyles.start,L&&W&&r.labelInnerStyles.startUnknownParent,c&&W&&!_&&r.labelInnerStyles.startNotPureReadonly,C&&f&&r.labelInnerStyles.insideFormComponentWrapper,C&&W&&!_&&!U&&r.labelInnerStyles.startWithoutTopFormComponentWrapperUA,"truncate"===g&&r.labelInnerStyles.noWrap]);return t.jsx(r.StyledLabelValueLayout,{flexAlign:P&&W?"stretch":"start",labelStyleClasses:j,labelStyles:N,labelInnerClasses:k,label:a,valueStyles:R,children:u})}}));
+define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './FormFieldContext-a024b891', './useFormFieldContext-9260f081', './StyledLabelValueLayout-5a476d38', './useComponentTheme-5aa41a8f', './UNSAFE_TextField/themes/redwood/TextFieldTheme', './UNSAFE_Label/themes/redwood/LabelTheme', './UNSAFE_TextField/themes/redwood/FormLayoutTheme', './formControlUtils-a737ac5e'], (function(e,t,l,a,o,s,n,r,m,d,b,i,p){"use strict";e.LabelValueLayout=({columnSpan:e=1,label:a,labelEdge:s,children:u,labelStartWidth:h="33%",parentComponentVariant:S="textField",...y})=>{const{baseTheme:F}=m.useComponentTheme(d.TextFieldRedwoodTheme),{baseTheme:x}=m.useComponentTheme(b.LabelRedwoodTheme),{baseTheme:T}=m.useComponentTheme(i.FormLayoutRedwoodTheme),c=S.startsWith("text"),C="formComponentWrapper"===S,L="unknown"===S,W="start"===s,w="top"===s||"inside"===s,f="inside"===s,A=p.computeStartLabelWidth(h,e),I=`calc(100% - ${A})`,U=!!y.hasTopUserAssistance,N=W?{flexBasis:A,width:A,maxWidth:A}:{},R=W?{flexBasis:I,width:I,maxWidth:I}:{},{isFormLayout:E,isReadonly:V,labelWrapping:g}=o.useFormContext(),{isReadonly:P}=n.useFormFieldContext(),_=E&&V||!E&&P,j=l.classNames([T,r.labelSlotStyles.base,W&&r.labelSlotStyles.start,w&&r.labelSlotStyles.top,w&&U&&r.labelSlotStyles.topAndTopUA,w&&_&&r.labelSlotStyles.topPureReadonly]),k=l.classNames([c&&F,x,T,r.labelInnerStyles.base,W&&r.labelInnerStyles.start,L&&W&&r.labelInnerStyles.startUnknownParent,c&&W&&!_&&r.labelInnerStyles.startNotPureReadonly,C&&f&&r.labelInnerStyles.insideFormComponentWrapper,C&&W&&!_&&!U&&r.labelInnerStyles.startWithoutTopFormComponentWrapperUA,"truncate"===g&&r.labelInnerStyles.noWrap]);return t.jsx(r.StyledLabelValueLayout,{flexAlign:P&&W?"stretch":"start",labelStyleClasses:j,labelStyles:N,labelInnerClasses:k,label:a,valueStyles:R,children:u})}}));
 //# sourceMappingURL=LabelValueLayout-39dc1be3.js.map

package/amd/Layer-dc3c1ac9.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/compat', './LayerHost-7d4aa6d3', './classNames-08d99695', './UNSAFE_Layer/themes/LayerStyles.css', './useThemeInterpolations-1dff2f9d'], (function(e,t,o,s,a,r,l){"use strict";const n=Symbol.for("oj-logical-parent");e.LOGICAL_PARENT=n,e.Layer=({children:e,logicalParentRef:i,isModal:y=!1,priority:c="popup",level:u="nearestAncestor"})=>{const[d,m]=o.useState(null),p=o.useRef(null),L=o.useContext(s.LayerContext),g=e=>{p.current=e,m(e)},f=l.useThemeInterpolations(i);let S=r.styles.popupPriorityStyle;switch(c){case"dialog":S=r.styles.dialogPriorityStyle;break;case"messages":S=r.styles.messagesPriorityStyle;break;case"tooltip":S=r.styles.tooltipPriorityStyle;break;default:S=r.styles.popupPriorityStyle}const b=a.classNames([f,r.baseStyle,S]);o.useLayoutEffect((()=>{const e="topLevel"===u?L.getRootLayerHost?.(c):L.getLayerHost?.(c);if(!e)return;const t=(e.ownerDocument??document).createElement("div");return t.setAttribute("data-oj-layer",y?"modal":"modeless"),i&&(t[n]=l.toUnsafeDomElement(i)),e.appendChild(t),g(t),()=>{e&&t&&e.contains(t)&&(delete t[n],e.removeChild(t)),L.onLayerUnmount&&L.onLayerUnmount(t),g(null)}}),[i,L,u,c,y]),d&&(d.className=b);const H=o.useCallback((()=>d),[d]),P=o.useMemo((()=>L.getLayerHost?{getRootLayerHost:L.getRootLayerHost?.bind(null,c),getLayerHost:H.bind(null)}:{}),[L.getLayerHost,L.getRootLayerHost,H,c]);return t.jsx(s.LayerContext.Provider,{value:P,children:d&&o.createPortal(e,d)})}}));
+//# sourceMappingURL=Layer-dc3c1ac9.js.map

package/amd/{Layer-c91c7141.js.map → Layer-dc3c1ac9.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Layer-c91c7141.js","sources":["../../src/UNSAFE_Layer/Layer.tsx"],"sourcesContent":["import { VNode, type RefObject } from 'preact';\nimport {\n  createPortal,\n  useContext,\n  useLayoutEffect,\n  useState,\n  useRef,\n  useMemo,\n  useCallback\n} from 'preact/compat';\nimport { LayerContext, LayerContextProps, LayerLevel, LayerPriority } from './LayerContext';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { baseStyle, styles } from './themes/LayerStyles.css';\nimport { useThemeInterpolations } from '../hooks/UNSAFE_useThemeInterpolations/useThemeInterpolations';\nimport { toUnsafeDomElement } from '#utils/PRIVATE_unsafeDomRefUtils/unsafeDomRefUtils';\nimport { UnsafeDomHandle } from '#utils/UNSAFE_unsafeDomAccess';\n\nexport const LOGICAL_PARENT = Symbol.for('oj-logical-parent');\n\ntype Props = {\n  /**\n   * The content to be re-parented using Portal\n   */\n  children: VNode;\n  /**\n   * Logical parent of the re-parented content. Typically the 'launcher' associated\n   * with the popup.\n   */\n  logicalParentRef?: RefObject<Element> | RefObject<UnsafeDomHandle<Element>> | null;\n  /**\n   * Determines if this layer contains a Modal.\n   */\n  isModal?: boolean;\n  /**\n   * Determines Layer's stacking context. Components that always need to render on top of other popup\n   * elements (such as Messages) should use respective priority value. The default priority level is 'popup'.\n   */\n  priority?: LayerPriority;\n  /**\n   * Determines Layer's nesting context. By default, new layers will render in the context of a parent Layer,\n   * if it exists (nearestAncestor)). Some popup components (such as Dialog and Message) may need to set up\n   * a new nesting context as(topLevel).\n   */\n  level?: LayerLevel;\n};\n\nexport type LayerElement = HTMLElement & {\n  [LOGICAL_PARENT]?: Element | null;\n};\n\nconst Layer = ({\n  children,\n  logicalParentRef,\n  isModal = false,\n  priority = 'popup',\n  level = 'nearestAncestor'\n}: Props) => {\n  const [layerContainer, _setLayerContainer] = useState<Element | null>(null);\n  const layerContainerRef = useRef<Element | null>(null);\n\n  const context = useContext(LayerContext);\n\n  const setLayerContainer = (elem: Element | null) => {\n    layerContainerRef.current = elem;\n    _setLayerContainer(elem);\n  };\n\n  // because the children are being rendered into a portal that is out of the flow of parent dom,\n  // we need to specify the colorScheme and scale class names here to pick up the correct CSS styles.\n  const themeClasses = useThemeInterpolations(logicalParentRef);\n\n  let priorityStyle = styles.popupPriorityStyle;\n\n  switch (priority) {\n    case 'dialog': {\n      priorityStyle = styles.dialogPriorityStyle;\n      break;\n    }\n    case 'messages': {\n      priorityStyle = styles.messagesPriorityStyle;\n      break;\n    }\n    case 'tooltip': {\n      priorityStyle = styles.tooltipPriorityStyle;\n      break;\n    }\n    default: {\n      priorityStyle = styles.popupPriorityStyle;\n      break;\n    }\n  }\n\n  const classes = classNames([themeClasses, baseStyle, priorityStyle]);\n\n  // Really need useLayoutEffect instead of useEffect here. Otherwise the re-parented\n  // content does not get re-rendered with valid ref's\n  useLayoutEffect(() => {\n    const host =\n      level === 'topLevel'\n        ? context.getRootLayerHost?.(priority)\n        : context.getLayerHost?.(priority);\n\n    if (!host) return;\n    const doc = host.ownerDocument ?? document;\n    const layer: LayerElement = doc.createElement('div');\n\n    layer.setAttribute('data-oj-layer', isModal ? 'modal' : 'modeless');\n\n    if (logicalParentRef) {\n      layer[LOGICAL_PARENT] = toUnsafeDomElement(logicalParentRef);\n    }\n    host.appendChild(layer);\n    setLayerContainer(layer);\n\n    return () => {\n      if (host && layer && host.contains(layer)) {\n        delete layer[LOGICAL_PARENT];\n        host.removeChild(layer);\n      }\n      if (context.onLayerUnmount) {\n        context.onLayerUnmount(layer);\n      }\n      setLayerContainer(null);\n    };\n  }, [logicalParentRef, context, level, priority, isModal]);\n\n  // add the colorScheme and scale classes if there is a layerContainer\n  if (layerContainer) {\n    // use the theme interpolations to set the appropriate style classes for colorScheme and scale\n    layerContainer.className = classes;\n  }\n\n  const getLayerHost = useCallback(() => {\n    return layerContainer;\n  }, [layerContainer]);\n\n  const newLayerContext = useMemo(() => {\n    if (context.getLayerHost) {\n      return {\n        getRootLayerHost: context.getRootLayerHost?.bind(null, priority),\n        getLayerHost: getLayerHost.bind(null)\n      };\n    } else {\n      return {};\n    }\n  }, [context.getLayerHost, context.getRootLayerHost, getLayerHost, priority]);\n\n  return (\n    <LayerContext.Provider value={newLayerContext as LayerContextProps}>\n      {layerContainer && createPortal(children, layerContainer)}\n    </LayerContext.Provider>\n  );\n};\n\nexport default Layer;\n"],"names":["LOGICAL_PARENT","Symbol","for","children","logicalParentRef","isModal","priority","level","layerContainer","_setLayerContainer","useState","layerContainerRef","useRef","context","useContext","LayerContext","setLayerContainer","elem","current","themeClasses","useThemeInterpolations","priorityStyle","styles","popupPriorityStyle","dialogPriorityStyle","messagesPriorityStyle","tooltipPriorityStyle","classes","classNames","baseStyle","useLayoutEffect","host","getRootLayerHost","getLayerHost","layer","ownerDocument","document","createElement","setAttribute","toUnsafeDomElement","appendChild","contains","removeChild","onLayerUnmount","className","useCallback","newLayerContext","useMemo","bind","_jsx","Provider","value","createPortal"],"mappings":"yNAiBa,MAAAA,EAAiBC,OAAOC,IAAI,gDAiC3B,EACZC,WACAC,mBACAC,WAAU,EACVC,WAAW,QACXC,QAAQ,sBAER,MAAOC,EAAgBC,GAAsBC,EAAQA,SAAiB,MAChEC,EAAoBC,SAAuB,MAE3CC,EAAUC,aAAWC,EAAAA,cAErBC,EAAqBC,IACzBN,EAAkBO,QAAUD,EAC5BR,EAAmBQ,EAAK,EAKpBE,EAAeC,yBAAuBhB,GAE5C,IAAIiB,EAAgBC,EAAMA,OAACC,mBAE3B,OAAQjB,GACN,IAAK,SACHe,EAAgBC,EAAMA,OAACE,oBACvB,MAEF,IAAK,WACHH,EAAgBC,EAAMA,OAACG,sBACvB,MAEF,IAAK,UACHJ,EAAgBC,EAAMA,OAACI,qBACvB,MAEF,QACEL,EAAgBC,EAAMA,OAACC,mBAK3B,MAAMI,EAAUC,EAAAA,WAAW,CAACT,EAAcU,EAASA,UAAER,IAIrDS,EAAAA,iBAAgB,KACd,MAAMC,EACM,aAAVxB,EACIM,EAAQmB,mBAAmB1B,GAC3BO,EAAQoB,eAAe3B,GAE7B,IAAKyB,EAAM,OACX,MACMG,GADMH,EAAKI,eAAiBC,UACFC,cAAc,OAU9C,OARAH,EAAMI,aAAa,gBAAiBjC,EAAU,QAAU,YAEpDD,IACF8B,EAAMlC,GAAkBuC,EAAkBA,mBAACnC,IAE7C2B,EAAKS,YAAYN,GACjBlB,EAAkBkB,GAEX,KACDH,GAAQG,GAASH,EAAKU,SAASP,YAC1BA,EAAMlC,GACb+B,EAAKW,YAAYR,IAEfrB,EAAQ8B,gBACV9B,EAAQ8B,eAAeT,GAEzBlB,EAAkB,KAAK,CACxB,GACA,CAACZ,EAAkBS,EAASN,EAAOD,EAAUD,IAG5CG,IAEFA,EAAeoC,UAAYjB,GAG7B,MAAMM,EAAeY,EAAAA,aAAY,IACxBrC,GACN,CAACA,IAEEsC,EAAkBC,EAAAA,SAAQ,IAC1BlC,EAAQoB,aACH,CACLD,iBAAkBnB,EAAQmB,kBAAkBgB,KAAK,KAAM1C,GACvD2B,aAAcA,EAAae,KAAK,OAG3B,IAER,CAACnC,EAAQoB,aAAcpB,EAAQmB,iBAAkBC,EAAc3B,IAElE,OACE2C,MAAClC,EAAYA,aAACmC,SAAS,CAAAC,MAAOL,EAAoC3C,SAC/DK,GAAkB4C,EAAAA,aAAajD,EAAUK,IAE5C"}
+{"version":3,"file":"Layer-dc3c1ac9.js","sources":["../../src/UNSAFE_Layer/Layer.tsx"],"sourcesContent":["import { VNode, type RefObject } from 'preact';\nimport {\n  createPortal,\n  useContext,\n  useLayoutEffect,\n  useState,\n  useRef,\n  useMemo,\n  useCallback\n} from 'preact/compat';\nimport { LayerContext, LayerContextProps, LayerLevel, LayerPriority } from './LayerContext';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { baseStyle, styles } from './themes/LayerStyles.css';\nimport { useThemeInterpolations } from '../hooks/UNSAFE_useThemeInterpolations/useThemeInterpolations';\nimport { toUnsafeDomElement } from '#utils/PRIVATE_unsafeDomRefUtils/unsafeDomRefUtils';\nimport { UnsafeDomHandle } from '#utils/UNSAFE_unsafeDomAccess';\n\nexport const LOGICAL_PARENT = Symbol.for('oj-logical-parent');\n\ntype Props = {\n  /**\n   * The content to be re-parented using Portal\n   */\n  children: VNode;\n  /**\n   * Logical parent of the re-parented content. Typically the 'launcher' associated\n   * with the popup.\n   */\n  logicalParentRef?: RefObject<Element> | RefObject<UnsafeDomHandle<Element>> | null;\n  /**\n   * Determines if this layer contains a Modal.\n   */\n  isModal?: boolean;\n  /**\n   * Determines Layer's stacking context. Components that always need to render on top of other popup\n   * elements (such as Messages) should use respective priority value. The default priority level is 'popup'.\n   */\n  priority?: LayerPriority;\n  /**\n   * Determines Layer's nesting context. By default, new layers will render in the context of a parent Layer,\n   * if it exists (nearestAncestor)). Some popup components (such as Dialog and Message) may need to set up\n   * a new nesting context as(topLevel).\n   */\n  level?: LayerLevel;\n};\n\nexport type LayerElement = HTMLElement & {\n  [LOGICAL_PARENT]?: Element | null;\n};\n\nconst Layer = ({\n  children,\n  logicalParentRef,\n  isModal = false,\n  priority = 'popup',\n  level = 'nearestAncestor'\n}: Props) => {\n  const [layerContainer, _setLayerContainer] = useState<Element | null>(null);\n  const layerContainerRef = useRef<Element | null>(null);\n\n  const context = useContext(LayerContext);\n\n  const setLayerContainer = (elem: Element | null) => {\n    layerContainerRef.current = elem;\n    _setLayerContainer(elem);\n  };\n\n  // because the children are being rendered into a portal that is out of the flow of parent dom,\n  // we need to specify the colorScheme and scale class names here to pick up the correct CSS styles.\n  const themeClasses = useThemeInterpolations(logicalParentRef);\n\n  let priorityStyle = styles.popupPriorityStyle;\n\n  switch (priority) {\n    case 'dialog': {\n      priorityStyle = styles.dialogPriorityStyle;\n      break;\n    }\n    case 'messages': {\n      priorityStyle = styles.messagesPriorityStyle;\n      break;\n    }\n    case 'tooltip': {\n      priorityStyle = styles.tooltipPriorityStyle;\n      break;\n    }\n    default: {\n      priorityStyle = styles.popupPriorityStyle;\n      break;\n    }\n  }\n\n  const classes = classNames([themeClasses, baseStyle, priorityStyle]);\n\n  // Really need useLayoutEffect instead of useEffect here. Otherwise the re-parented\n  // content does not get re-rendered with valid ref's\n  useLayoutEffect(() => {\n    const host =\n      level === 'topLevel'\n        ? context.getRootLayerHost?.(priority)\n        : context.getLayerHost?.(priority);\n\n    if (!host) return;\n    const doc = host.ownerDocument ?? document;\n    const layer: LayerElement = doc.createElement('div');\n\n    layer.setAttribute('data-oj-layer', isModal ? 'modal' : 'modeless');\n\n    if (logicalParentRef) {\n      layer[LOGICAL_PARENT] = toUnsafeDomElement(logicalParentRef);\n    }\n    host.appendChild(layer);\n    setLayerContainer(layer);\n\n    return () => {\n      if (host && layer && host.contains(layer)) {\n        delete layer[LOGICAL_PARENT];\n        host.removeChild(layer);\n      }\n      if (context.onLayerUnmount) {\n        context.onLayerUnmount(layer);\n      }\n      setLayerContainer(null);\n    };\n  }, [logicalParentRef, context, level, priority, isModal]);\n\n  // add the colorScheme and scale classes if there is a layerContainer\n  if (layerContainer) {\n    // use the theme interpolations to set the appropriate style classes for colorScheme and scale\n    layerContainer.className = classes;\n  }\n\n  const getLayerHost = useCallback(() => {\n    return layerContainer;\n  }, [layerContainer]);\n\n  const newLayerContext = useMemo(() => {\n    if (context.getLayerHost) {\n      return {\n        getRootLayerHost: context.getRootLayerHost?.bind(null, priority),\n        getLayerHost: getLayerHost.bind(null)\n      };\n    } else {\n      return {};\n    }\n  }, [context.getLayerHost, context.getRootLayerHost, getLayerHost, priority]);\n\n  return (\n    <LayerContext.Provider value={newLayerContext as LayerContextProps}>\n      {layerContainer && createPortal(children, layerContainer)}\n    </LayerContext.Provider>\n  );\n};\n\nexport default Layer;\n"],"names":["LOGICAL_PARENT","Symbol","for","children","logicalParentRef","isModal","priority","level","layerContainer","_setLayerContainer","useState","layerContainerRef","useRef","context","useContext","LayerContext","setLayerContainer","elem","current","themeClasses","useThemeInterpolations","priorityStyle","styles","popupPriorityStyle","dialogPriorityStyle","messagesPriorityStyle","tooltipPriorityStyle","classes","classNames","baseStyle","useLayoutEffect","host","getRootLayerHost","getLayerHost","layer","ownerDocument","document","createElement","setAttribute","toUnsafeDomElement","appendChild","contains","removeChild","onLayerUnmount","className","useCallback","newLayerContext","useMemo","bind","_jsx","Provider","value","createPortal"],"mappings":"yNAiBa,MAAAA,EAAiBC,OAAOC,IAAI,gDAiC3B,EACZC,WACAC,mBACAC,WAAU,EACVC,WAAW,QACXC,QAAQ,sBAER,MAAOC,EAAgBC,GAAsBC,EAAQA,SAAiB,MAChEC,EAAoBC,SAAuB,MAE3CC,EAAUC,aAAWC,EAAAA,cAErBC,EAAqBC,IACzBN,EAAkBO,QAAUD,EAC5BR,EAAmBQ,EAAK,EAKpBE,EAAeC,yBAAuBhB,GAE5C,IAAIiB,EAAgBC,EAAMA,OAACC,mBAE3B,OAAQjB,GACN,IAAK,SACHe,EAAgBC,EAAMA,OAACE,oBACvB,MAEF,IAAK,WACHH,EAAgBC,EAAMA,OAACG,sBACvB,MAEF,IAAK,UACHJ,EAAgBC,EAAMA,OAACI,qBACvB,MAEF,QACEL,EAAgBC,EAAMA,OAACC,mBAK3B,MAAMI,EAAUC,EAAAA,WAAW,CAACT,EAAcU,EAASA,UAAER,IAIrDS,EAAAA,iBAAgB,KACd,MAAMC,EACM,aAAVxB,EACIM,EAAQmB,mBAAmB1B,GAC3BO,EAAQoB,eAAe3B,GAE7B,IAAKyB,EAAM,OACX,MACMG,GADMH,EAAKI,eAAiBC,UACFC,cAAc,OAU9C,OARAH,EAAMI,aAAa,gBAAiBjC,EAAU,QAAU,YAEpDD,IACF8B,EAAMlC,GAAkBuC,EAAkBA,mBAACnC,IAE7C2B,EAAKS,YAAYN,GACjBlB,EAAkBkB,GAEX,KACDH,GAAQG,GAASH,EAAKU,SAASP,YAC1BA,EAAMlC,GACb+B,EAAKW,YAAYR,IAEfrB,EAAQ8B,gBACV9B,EAAQ8B,eAAeT,GAEzBlB,EAAkB,KAAK,CACxB,GACA,CAACZ,EAAkBS,EAASN,EAAOD,EAAUD,IAG5CG,IAEFA,EAAeoC,UAAYjB,GAG7B,MAAMM,EAAeY,EAAAA,aAAY,IACxBrC,GACN,CAACA,IAEEsC,EAAkBC,EAAAA,SAAQ,IAC1BlC,EAAQoB,aACH,CACLD,iBAAkBnB,EAAQmB,kBAAkBgB,KAAK,KAAM1C,GACvD2B,aAAcA,EAAae,KAAK,OAG3B,IAER,CAACnC,EAAQoB,aAAcpB,EAAQmB,iBAAkBC,EAAc3B,IAElE,OACE2C,MAAClC,EAAYA,aAACmC,SAAS,CAAAC,MAAOL,EAAoC3C,SAC/DK,GAAkB4C,EAAAA,aAAajD,EAAUK,IAE5C"}

package/amd/{LayerHost-daf96749.js → LayerHost-7d4aa6d3.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact', './index-f7ad24df', 'preact/jsx-runtime', 'preact/compat', './UNSAFE_Layer/themes/LayerHostStyles.css'], (function(e,t,o,r,n,a){"use strict";const c={user:{locale:document.documentElement.getAttribute("lang")||"en",direction:"rtl"===document.documentElement.getAttribute("dir")?.toLowerCase()?"rtl":"ltr",forcedColors:window.matchMedia?.("(forced-colors: active)")?.matches?"active":"none"},theme:o.t,colorScheme:"light",scale:"lg",currentBgColor:void 0,mode:"production",density:"standard"},s=t.createContext(c),d=t.createContext({}),i=n.forwardRef(((e,t)=>r.jsx("div",{id:"__root_layer_host",role:"presentation",ref:t,class:a.baseStyle})));i.displayName="Forwarded<LayerHost>",e.DefaultEnvironment=c,e.EnvironmentContext=s,e.LayerContext=d,e.LayerHost=i}));
-//# sourceMappingURL=LayerHost-daf96749.js.map
+define(['exports', './index-f7ad24df', 'preact', 'preact/jsx-runtime', 'preact/compat', './UNSAFE_Layer/themes/LayerHostStyles.css'], (function(e,t,o,r,n,a){"use strict";const c={user:{locale:document.documentElement.getAttribute("lang")||"en",direction:"rtl"===document.documentElement.getAttribute("dir")?.toLowerCase()?"rtl":"ltr",forcedColors:window.matchMedia?.("(forced-colors: active)")?.matches?"active":"none"},theme:t.t,colorScheme:"light",scale:"lg",currentBgColor:void 0,mode:"production",density:"standard"},s=o.createContext(c),d=o.createContext({}),i=n.forwardRef(((e,t)=>r.jsx("div",{id:"__root_layer_host",role:"presentation",ref:t,class:a.baseStyle})));i.displayName="Forwarded<LayerHost>",e.DefaultEnvironment=c,e.EnvironmentContext=s,e.LayerContext=d,e.LayerHost=i}));
+//# sourceMappingURL=LayerHost-7d4aa6d3.js.map