handy-fluentui 1.0.0 → 1.0.2

package/README.md

@@ -155,8 +155,8 @@ Every form input component (`FuiInputText`, `FuiInputDate`, `FuiRadioGroup`, ...
 | `noMessage` | `boolean` | `false` | Suppresses the message area and its reserved space |
 | `additionalMessage` | `ReactNode` | — | Extra content on the right of the message row |
 | `clearable` | `boolean` | `true` | Shows an eraser icon that clears the value |
-| `direction` | `'vertical' \| 'horizontal'` | `'vertical'` | Label position: above or to the left of the input |
-| `labelWidth` | `'small' \| 'medium' \| 'large' \| 'none'` | — | Fixed label width when `direction='horizontal'` |
+| `layout` | `'vertical' \| 'horizontal'` | `'vertical'` | Label position: above or to the left of the input |
+| `labelWidth` | `'quarter' \| 'third' \| 'half' \| 'auto'` | — | Fixed label width when `layout='horizontal'` |
 
 Horizontal layout automatically collapses to vertical on mobile.
 

package/dist/index.cjs

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));let c=require(`@fluentui/react-components`),l=require(`react`);l=s(l);let u=require(`usehooks-ts`),d=require(`react/jsx-runtime`),f=require(`@fluentui/react-icons`),p=require(`@fluentui/react-calendar-compat`),m=require(`@fluentui/react-datepicker-compat`);var h=(0,l.createContext)(void 0),g=(0,l.createContext)(void 0),_=({children:e})=>{let[t,n]=(0,l.useState)([]),[r,i]=(0,l.useState)(!1);return(0,d.jsx)(g.Provider,{value:{items:t,setItems:n,isCollapsed:r,setIsCollapsed:i},children:e})},v=(0,l.createContext)({openDialog:()=>{}}),y=({title:e,content:t,buttons:n,visible:r})=>(0,d.jsx)(c.Dialog,{modalType:`alert`,open:r,children:(0,d.jsx)(c.DialogSurface,{children:(0,d.jsxs)(c.DialogBody,{children:[(0,d.jsx)(c.DialogTitle,{children:e}),(0,d.jsx)(c.DialogContent,{children:t}),(0,d.jsx)(c.DialogActions,{children:n.map((e,t)=>(0,d.jsx)(c.Button,{appearance:n.length>1&&(e.cta??!1)?`primary`:`secondary`,disabled:e.disabled,icon:e.icon,onClick:e.action,children:e.label},t))})]})})}),b=({title:e,content:t,primaryButton:n,secondaryButton:r,tertiaryButton:i},a)=>{let o=[{...n,cta:!0}];return r&&o.push({...r,cta:!1}),i&&o.push({...i,cta:!1}),(0,d.jsx)(y,{buttons:o.reverse().map(({action:e,...t})=>({...t,action:()=>{a(),e&&e()}})),content:t,title:e,visible:!0})},x=({children:e})=>{let[t,n]=(0,l.useState)({dialogProps:void 0,openTime:0,closeTime:0}),r=(0,l.useCallback)(e=>{n(t=>({...t,dialogProps:e,openTime:Date.now()}))},[]),i=t.dialogProps&&t.openTime>t.closeTime?b(t.dialogProps,()=>n(e=>({...e,closeTime:Date.now()}))):(0,d.jsx)(d.Fragment,{});return(0,d.jsxs)(v.Provider,{value:{openDialog:r},children:[e,i]})},S=(0,l.createContext)({show:()=>{},hide:()=>{}}),C=(0,c.makeStyles)({overlay:{position:`fixed`,inset:0,backgroundColor:`rgba(0, 0, 0, 0.5)`,display:`flex`,alignItems:`center`,justifyContent:`center`,zIndex:9999}}),w=({children:e,config:t})=>{let n=C(),{initialDelay:r,label:i}=t??{},a=(0,l.useRef)(null),[o,s]=(0,l.useState)(0),[u,f]=(0,l.useState)();(0,l.useEffect)(()=>()=>{a.current!==null&&clearTimeout(a.current)},[]);let p=(0,l.useCallback)(e=>{f(e||i?.loading),a.current=setTimeout(()=>{s(e=>e+1),a.current=null},r??300)},[t]),m=(0,l.useCallback)(()=>{a.current===null?s(e=>Math.max(0,e-1)):(clearTimeout(a.current),a.current=null),f(void 0)},[]),h=(0,l.useMemo)(()=>({show:p,hide:m}),[p,m]);return(0,d.jsxs)(S.Provider,{value:h,children:[e,o>0&&(0,d.jsx)(`div`,{className:n.overlay,children:(0,d.jsx)(c.Spinner,{label:u})})]})},T=(0,l.createContext)({show:()=>{}}),E=({config:e,children:t})=>{let{dismissTimeout:n,position:r,toastCreator:i}=e??{},{dispatchToast:a,updateToast:o}=(0,c.useToastController)(),s=(0,l.useCallback)((e,t,s,l)=>{if(i){a(i(t,e),{intent:e,position:r,timeout:e===`error`?-1:n});return}let u=s?(0,d.jsx)(c.ToastTrigger,{children:(0,d.jsx)(c.Link,{children:s})}):(0,d.jsx)(c.ToastTrigger,{children:(0,d.jsx)(f.DismissRegular,{})}),p=l??e.charAt(0).toUpperCase()+e.slice(1),m=e=>(0,d.jsxs)(c.Toast,{appearance:`inverted`,children:[(0,d.jsx)(c.ToastTitle,{action:e,children:p}),(0,d.jsx)(c.ToastBody,{children:t})]});if(e===`error`)if(n&&n>0){let t=`fui-toast-${Date.now()}-${Math.random()}`;a(m(void 0),{intent:e,position:r,timeout:-1,toastId:t}),setTimeout(()=>{o({content:m(u),timeout:-1,toastId:t})},n)}else a(m(u),{intent:e,position:r,timeout:-1});else a(m(u),{intent:e,position:r,timeout:n})},[e,a,o]),u=(0,l.useMemo)(()=>({show:s}),[s]);return(0,d.jsxs)(T.Provider,{value:u,children:[t,(0,d.jsx)(c.Toaster,{})]})},D={light:c.webLightTheme,dark:c.webDarkTheme},O={light:c.teamsLightV21Theme,dark:c.teamsDarkV21Theme},k=(e,t)=>({light:e?.light??t.light,dark:e?.dark??t.dark,custom:e?.custom??t.custom}),A=e=>({web:k(e?.web,{...D,custom:e?.mobile?.custom}),mobile:k(e?.mobile,{...O,custom:e?.web?.custom}),default:e?.default}),j=(e,t)=>{let n=`light`;return e===void 0||e===`custom`&&!t?.includes(`custom`)?typeof window>`u`?n:window.matchMedia(`(prefers-color-scheme: dark)`).matches?`dark`:`light`:e??n},ee={mobileBreakpoint:600,supportedLanguage:{iso:`en`,name:`English`},supportedTheme:{web:D,mobile:O}},te=({mobileBreakpoint:e,component:t,supportedTheme:n,loggerConfig:r,children:i})=>{let a=A(n),o=a.web.custom||a.mobile.custom?[`light`,`dark`,`custom`]:[`light`,`dark`],[s,f]=(0,l.useState)(j(n?.default,o)),p=e??ee.mobileBreakpoint,m=(0,u.useMediaQuery)(`(max-width: ${p}px)`)?a.mobile[s]:a.web[s],g=(0,l.useCallback)(e=>{f(e)},[]),v=Intl.DateTimeFormat().resolvedOptions().timeZone,y=(0,l.useCallback)((e,t=`info`)=>{r?.logMessage?r.logMessage(e,t):console.log(`[${t.toUpperCase()}] ${e}`)},[r]);return(0,d.jsx)(h.Provider,{value:{logMessage:y,mobileBreakpoint:p,selectedTheme:s,supportedThemeType:o,switchTheme:g,timeZone:v},children:(0,d.jsx)(c.FluentProvider,{theme:m,children:(0,d.jsx)(w,{config:t?.spinner,children:(0,d.jsx)(x,{children:(0,d.jsx)(E,{config:t?.toast,children:(0,d.jsx)(_,{children:i})})})})})})},M=()=>{let e=(0,l.useContext)(h);if(!e)throw Error(`useLogger must be used within HandyFluentUiProvider`);let t=e.logMessage;return{debug:e=>t(e,`debug`),error:e=>t(e,`error`),info:e=>t(e,`info`),warn:e=>t(e,`warn`)}},N=()=>{let e=(0,l.useContext)(g);if(!e)throw Error(`useBreadcrumb must be used within FuiBreadcrumbContextProvider`);let t=M();return{items:[...e.items],isCollapsed:e.isCollapsed,toggleCollapsed:()=>{t.debug(`[useBreadcrumb] toggleCollapsed()`),e.setIsCollapsed(e=>!e)},start:n=>{t.debug(`[useBreadcrumb] start() with tag ${n.tag}`);let r=n.action,i={...n,action:r?()=>{r(),e.setItems([i])}:void 0};e.setItems([i])},append:n=>{t.debug(`[useBreadcrumb] append() with tag ${n.tag}, action = ${n.action===void 0}`);let r=n.action,i={...n,action:r?()=>{r(),e.setItems(e=>{let t=e.findIndex(e=>e===i);return e.slice(0,t+1)})}:void 0};e.setItems(e=>{let r=e[e.length-1];return n.tag!==void 0&&r?.tag===n.tag?(t.warn(`[useBreadcrumb] append(), the tag of last item is ${n.tag}, ignored append`),e):[...e,i]})},peek:()=>e.items[e.items.length-1],popTill:n=>{t.debug(`[useBreadcrumb] popTill(), no of items = ${e.items.length}`),e.setItems(e=>{if(n){let r=e.findIndex(e=>e.tag===n);return r===-1?(t.warn(`[useBreadcrumb] popTill(), tag "${n}" not found, trail unchanged`),e):e.slice(0,r)}if(e.length===0)return e;let r=e.slice(0,-1);return t.debug(`[useBreadcrumb] popTill(), no of items after pop = ${r.length}`),r})}}},ne=()=>(0,l.useContext)(v),P=()=>{let e=(0,l.useContext)(h);if(!e)throw Error(`useIsMobile must be used within HandyFluentUiProvider`);return(0,u.useMediaQuery)(`(max-width: ${e.mobileBreakpoint}px)`)},re=()=>(0,l.useContext)(S),ie=()=>{let e=(0,l.useContext)(h);if(!e)throw Error(`useTheme must be used within HandyFluentUiProvider`);let{selectedTheme:t,supportedThemeType:n,switchTheme:r}=e;return{currentTheme:t,switchTheme:e=>{n.includes(e)&&r(e)}}},ae=()=>{let e=(0,l.useContext)(h);if(!e)throw Error(`useTimezone must be used within HandyFluentUiProvider`);let t=t=>{try{return Intl.DateTimeFormat(void 0,{timeZone:t}),!0}catch{return e.logMessage(`Invalid timeZone = ${t}`,`warn`),!1}};return{timeZone:e.timeZone,setTimeZone:n=>{t(n)&&(e.timeZone=n)},zonedDate2LocalDate:(n,r)=>{if(r&&!t(r))return{year:n.getFullYear(),month:n.getMonth(),day:n.getDate(),hour:n.getHours(),minute:n.getMinutes(),second:n.getSeconds()};let i=new Intl.DateTimeFormat(void 0,{timeZone:r??e.timeZone,year:`numeric`,month:`2-digit`,day:`2-digit`,hour:`2-digit`,minute:`2-digit`,second:`2-digit`,hourCycle:`h23`}).formatToParts(n),{year:a,month:o,day:s,hour:c,minute:l,second:u}=Object.fromEntries(i.filter(e=>e.type!==`literal`).map(e=>[e.type,Number(e.value)]));return{year:a,month:o,day:s,hour:c,minute:l,second:u}}}},oe=()=>{let{show:e}=(0,l.useContext)(T);return{success:(t,n,r)=>e(`success`,t,n,r),error:(t,n,r)=>e(`error`,t,n,r),warning:(t,n,r)=>e(`warning`,t,n,r),info:(t,n,r)=>e(`info`,t,n,r)}},se=(0,c.makeStyles)({divider:{"&:not(:last-child)":{borderBottomWidth:`1px`,borderBottomStyle:`solid`,borderBottomColor:c.tokens.colorNeutralStroke2}}}),F=l.default.createContext({expandIconPosition:`start`,withDivider:!0}),ce=({multiple:e=!1,collapsible:t=!1,value:n,onChange:r,expandIcon:i,expandIconPosition:a=`start`,withDivider:o=!0,className:s,style:l,children:u})=>{let f=e?n:n?[n]:[];return(0,d.jsx)(F.Provider,{value:{expandIcon:i,expandIconPosition:a,withDivider:o},children:(0,d.jsx)(c.Accordion,{className:s,collapsible:t,multiple:e,onToggle:(n,i)=>{!e&&!t&&i.openItems.length===0||r(e?i.openItems:i.openItems[0]??``)},openItems:f,style:l,children:u})})},le=({value:e,header:t,disabled:n,expandIcon:r,children:i})=>{let a=l.default.useContext(F),o=se();return(0,d.jsxs)(c.AccordionItem,{className:(0,c.mergeClasses)(a.withDivider&&o.divider),disabled:n,value:e,children:[(0,d.jsx)(c.AccordionHeader,{expandIcon:r??a.expandIcon,expandIconPosition:a.expandIconPosition,children:t}),(0,d.jsx)(c.AccordionPanel,{children:i})]})},ue=(0,c.makeStyles)({nonInteractiveItem:{color:c.tokens.colorNeutralForeground2,backgroundColor:`transparent`,cursor:`default`},currentItem:{fontSize:c.tokens.fontSizeBase400}}),de=()=>{let e=ue(),{items:t,isCollapsed:n,toggleCollapsed:r}=N(),i=t.length>=3,a=i&&n,o=(t,n)=>{let a=t.label(),o=!t.action&&!n,s=n?!i:o;return(0,d.jsx)(c.BreadcrumbButton,{"aria-disabled":s,className:(0,c.mergeClasses)(o&&e.nonInteractiveItem,n&&e.currentItem),current:n,disabled:s,onClick:n?r:t.action,style:n&&!s?{cursor:`pointer`}:void 0,children:a})};return a?(0,d.jsxs)(c.Breadcrumb,{children:[(0,d.jsx)(c.BreadcrumbItem,{children:o(t[0],!1)}),(0,d.jsx)(c.BreadcrumbDivider,{}),(0,d.jsx)(c.BreadcrumbItem,{children:(0,d.jsx)(c.BreadcrumbButton,{"aria-label":`Expand breadcrumb`,icon:(0,d.jsx)(f.MoreHorizontalRegular,{}),onClick:r})}),(0,d.jsx)(c.BreadcrumbDivider,{}),(0,d.jsx)(c.BreadcrumbItem,{children:o(t[t.length-1],!0)})]}):(0,d.jsx)(c.Breadcrumb,{children:t.map((e,n)=>{let r=n===t.length-1;return(0,d.jsxs)(l.Fragment,{children:[(0,d.jsx)(c.BreadcrumbItem,{children:o(e,r)}),!r&&(0,d.jsx)(c.BreadcrumbDivider,{})]},n)})})},fe=(0,c.makeStyles)({root:{display:`flex`,gap:c.tokens.spacingHorizontalM},row:{flexDirection:`row`},column:{flexDirection:`column`,alignItems:`stretch`},left:{justifyContent:`flex-start`},right:{justifyContent:`flex-end`}}),pe=({className:e,alignItems:t=`right`,children:n})=>{let r=fe(),i=P();return(0,d.jsx)(`div`,{className:(0,c.mergeClasses)(r.root,i?r.column:r.row,t===`left`?r.left:r.right,e),children:n})},me=({appearance:e,orientation:t,size:n,className:r,style:i,children:a})=>(0,d.jsx)(c.Card,{appearance:e,className:r,orientation:t,size:n,style:i,children:a}),he=({image:e,header:t,description:n,action:r,className:i,style:a})=>(0,d.jsx)(c.CardHeader,{action:r,className:i,description:n,header:t,image:e,style:a}),ge=({logo:e,children:t,className:n,style:r})=>(0,d.jsx)(c.CardPreview,{className:n,logo:e,style:r,children:t}),_e=({action:e,children:t,className:n,style:r})=>(0,d.jsx)(c.CardFooter,{action:e,className:n,style:r,children:t}),ve=({children:e,className:t})=>(0,d.jsx)(c.Divider,{className:t,children:e}),I=({type:e=`overlay`,position:t=`start`,size:n=`small`,open:r,onOpenChange:i,className:a,style:o,children:s,...l})=>{let u=P(),f=e===`overlay`?l.modalType??`modal`:void 0,p=e===`inline`?l.separator??!1:void 0;return(0,d.jsx)(c.Drawer,{className:a,modalType:f,onOpenChange:(e,t)=>i(t.open),open:r,position:u?`bottom`:t,separator:p,size:n,style:o,type:e,children:s})},L=({title:e,action:t,className:n,style:r})=>(0,d.jsx)(c.DrawerHeader,{className:n,style:r,children:(0,d.jsx)(c.DrawerHeaderTitle,{action:t,children:e})}),R=({children:e,className:t,style:n})=>(0,d.jsx)(c.DrawerBody,{style:{paddingLeft:0,paddingRight:0,minHeight:0},children:(0,d.jsx)(`div`,{className:t,style:n,children:e})}),z=(0,c.makeStyles)({root:{display:`flex`,alignItems:`center`,gap:c.tokens.spacingHorizontalXXS,borderRadius:c.tokens.borderRadiusMedium,border:`1px solid ${c.tokens.colorNeutralStroke2}`,padding:c.tokens.spacingHorizontalXS},trigger:{display:`flex`,alignItems:`center`,borderRadius:c.tokens.borderRadiusSmall,paddingLeft:c.tokens.spacingHorizontalSNudge,paddingRight:c.tokens.spacingHorizontalSNudge,paddingTop:c.tokens.spacingVerticalXXS,paddingBottom:c.tokens.spacingVerticalXXS,fontSize:c.tokens.fontSizeBase300,fontWeight:c.tokens.fontWeightMedium,background:`none`,border:`none`,cursor:`pointer`,color:`inherit`,":hover":{backgroundColor:c.tokens.colorNeutralBackground1Hover},'[aria-expanded="true"]':{backgroundColor:c.tokens.colorNeutralBackground1Hover}},radioDot:{display:`inline-block`,width:`6px`,height:`6px`,borderRadius:c.tokens.borderRadiusCircular,backgroundColor:`currentColor`}}),ye=({className:e,style:t,children:n})=>(0,d.jsx)(`div`,{className:(0,c.mergeClasses)(z().root,e),role:`menubar`,style:t,children:n}),be=({label:e,disabled:t,children:n})=>(0,d.jsxs)(c.Menu,{children:[(0,d.jsx)(c.MenuTrigger,{disableButtonEnhancement:!0,children:(0,d.jsx)(`button`,{className:z().trigger,disabled:t,type:`button`,children:e})}),(0,d.jsx)(c.MenuPopover,{children:(0,d.jsx)(c.MenuList,{children:n})})]}),xe=({icon:e,shortcut:t,disabled:n,onClick:r,children:i})=>(0,d.jsx)(c.MenuItem,{disabled:n,icon:e,onClick:r,secondaryContent:t,children:i}),Se=({checked:e,onCheckedChange:t,disabled:n,shortcut:r,children:i})=>(0,d.jsx)(c.MenuItem,{"aria-checked":e,checkmark:e?(0,d.jsx)(f.CheckmarkRegular,{}):void 0,disabled:n,onClick:()=>t(!e),persistOnClick:!0,role:`menuitemcheckbox`,secondaryContent:r,children:i}),B=l.default.createContext(null),Ce=({value:e,onValueChange:t,children:n})=>(0,d.jsx)(B.Provider,{value:{value:e,onValueChange:t},children:n}),we=({value:e,disabled:t,children:n})=>{let r=z(),i=l.default.useContext(B);if(!i)throw Error(`FuiMenuBarRadioItem must be used within a FuiMenuBarRadioGroup`);let a=i.value===e;return(0,d.jsx)(c.MenuItem,{"aria-checked":a,checkmark:a?(0,d.jsx)(`span`,{className:r.radioDot}):void 0,disabled:t,onClick:()=>i.onValueChange(e),persistOnClick:!0,role:`menuitemradio`,children:n})},Te=({className:e})=>(0,d.jsx)(c.MenuDivider,{className:e}),Ee=({children:e})=>(0,d.jsx)(c.MenuGroupHeader,{children:e}),De=({label:e,disabled:t,children:n})=>(0,d.jsxs)(c.Menu,{children:[(0,d.jsx)(c.MenuTrigger,{disableButtonEnhancement:!0,children:(0,d.jsx)(c.MenuItem,{disabled:t,children:e})}),(0,d.jsx)(c.MenuPopover,{children:(0,d.jsx)(c.MenuList,{children:n})})]}),Oe=(0,c.makeStyles)({root:{display:`flex`,flexDirection:`column`,width:`100%`},rootVertical:{flexDirection:`row`},tabList:{width:`max-content`},tabListVertical:{borderBottom:`none`,borderRight:`1px solid ${c.tokens.colorNeutralStroke2}`,minWidth:`0`,width:`auto`},scrollWrapper:{width:`100%`,overflowX:`auto`,WebkitOverflowScrolling:`touch`,"::-webkit-scrollbar":{display:`none`},msOverflowStyle:`none`,scrollbarWidth:`none`},content:{paddingTop:c.tokens.spacingVerticalM,flexGrow:1},contentVertical:{paddingTop:`0`,paddingLeft:c.tokens.spacingHorizontalM},tabTextSelected:{color:c.tokens.colorBrandForeground1}}),V=Symbol.for(`FuiTab`),ke=Object.assign(e=>null,{_marker:V}),Ae=e=>{let{children:t,vertical:n,selectedValue:r,onTabSelect:i,className:a,style:o}=e,s=P(),u=Oe(),f=!s&&n,p=l.default.Children.toArray(t).filter(e=>l.default.isValidElement(e)&&e.type?._marker===V).map(e=>({props:e.props,value:e.props.value??e.props.name})),m=(0,d.jsx)(c.TabList,{className:(0,c.mergeClasses)(f?u.tabListVertical:u.tabList,a),onTabSelect:(e,t)=>{i?.(t)},selectedValue:r,style:o,vertical:f,children:p.map(e=>(0,d.jsx)(c.Tab,{disabled:e.props.disabled,icon:e.props.icon,value:e.value,children:(0,d.jsx)(`span`,{className:e.value===r?u.tabTextSelected:void 0,children:e.props.name})},String(e.value)))}),h=p.find(e=>e.value===r);return(0,d.jsxs)(`div`,{className:(0,c.mergeClasses)(u.root,f&&u.rootVertical),children:[s?(0,d.jsx)(`div`,{className:u.scrollWrapper,children:m}):m,h&&(0,d.jsx)(`div`,{className:(0,c.mergeClasses)(u.content,f&&u.contentVertical),children:h.props.children})]})},H=(e,t)=>e.replace(/{{\s*([\w.]+)\s*}}/g,(e,n)=>{let r=n.split(`.`).reduce((e,t)=>{if(e&&typeof e==`object`&&t in e)return e[t]},t);return r==null?``:String(r)}),U=({children:e,appearance:t=`secondary`,size:n=`medium`,icon:r,iconPosition:i=`before`,...a})=>(0,d.jsx)(c.Button,{appearance:t,icon:r,iconPosition:i,size:n,...a,children:e}),W=({appearance:e=`subtle`,icon:t,...n})=>(0,d.jsx)(U,{appearance:e,icon:t,...n}),je=(0,c.makeStyles)({rootVertical:{display:`flex`,flexDirection:`column`,gap:`2px`},rootHorizontal:{display:`flex`,alignItems:`flex-start`,gap:c.tokens.spacingHorizontalM},rootHorizontalRow:{flexDirection:`row`},rootHorizontalColumn:{flexDirection:`column`,gap:`2px`},labelContainer:{display:`flex`,flexDirection:`row`,alignItems:`center`,gap:`4px`,overflow:`hidden`,flexShrink:1},eraserIcon:{cursor:`pointer`,color:c.tokens.colorNeutralForeground3,fontSize:`16px`,flexShrink:0,":hover":{color:c.tokens.colorNeutralForeground2}},labelHorizontal:{minHeight:`32px`,display:`flex`,alignItems:`center`,flexShrink:0},labelHorizontalColumn:{width:`100% !important`,minHeight:`auto`},labelQuarter:{width:`25%`},labelThird:{width:`33.3333%`},labelHalf:{width:`50%`},labelAuto:{width:`auto`},labelComponent:{display:`inline-flex`,alignItems:`center`,whiteSpace:`nowrap`,overflow:`hidden`,minWidth:0,flexShrink:1},labelText:{overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`},fieldGroup:{display:`flex`,flexDirection:`column`,flexGrow:1,width:`100%`},messageContainer:{display:`flex`,flexDirection:`row`,justifyContent:`space-between`,alignItems:`center`,gap:c.tokens.spacingHorizontalM},message:{lineHeight:c.tokens.spacingVerticalL,paddingLeft:c.tokens.spacingHorizontalM},messagePlaceholder:{visibility:`hidden`},additionalMessage:{flexShrink:0,color:c.tokens.colorNeutralForeground3},errorMessage:{color:c.tokens.colorPaletteRedForeground1},infoMessage:{color:c.tokens.colorPaletteGreenForeground1}}),G=e=>t=>{let{label:n=``,required:r,hint:i,errorMessage:a,infoMessage:o,noMessage:s=!1,layout:l=`vertical`,labelWidth:u=`quarter`,additionalMessage:p,clearable:m=!0,onClear:h,...g}=t,_=je(),v=P(),y=(0,c.useId)(`input-field`),b=l===`horizontal`,x=(0,c.mergeClasses)(b&&_.labelHorizontal,b&&v&&_.labelHorizontalColumn,b&&u===`quarter`&&_.labelQuarter,b&&u===`third`&&_.labelThird,b&&u===`half`&&_.labelHalf,b&&u===`auto`&&_.labelAuto),S=n!==null,C=n===void 0||n===``?`\xA0`:n,w=(0,d.jsx)(`span`,{className:_.labelText,children:C});return(0,d.jsxs)(`div`,{className:b&&S?(0,c.mergeClasses)(_.rootHorizontal,v?_.rootHorizontalColumn:_.rootHorizontalRow):_.rootVertical,children:[S&&(0,d.jsxs)(`div`,{className:(0,c.mergeClasses)(_.labelContainer,x),children:[i?(0,d.jsx)(c.InfoLabel,{className:_.labelComponent,"data-testid":`info-label`,htmlFor:y,info:i,required:r,children:w}):(0,d.jsx)(c.Label,{className:_.labelComponent,"data-testid":`label`,htmlFor:y,required:r,children:w}),m!==!1&&h&&g.readOnly!==!0&&g.disabled!==!0&&(0,d.jsx)(f.EraserRegular,{className:_.eraserIcon,"data-testid":`eraser-icon`,onClick:h})]}),(0,d.jsxs)(`div`,{className:_.fieldGroup,children:[(0,d.jsx)(e,{...g,id:y}),!s&&(0,d.jsxs)(`div`,{className:_.messageContainer,children:[(0,d.jsx)(c.Caption1,{className:(0,c.mergeClasses)(_.message,a?_.errorMessage:o?_.infoMessage:_.messagePlaceholder),children:a??o??`\xA0`}),p&&(0,d.jsx)(c.Caption1,{className:_.additionalMessage,children:p})]})]})]})},Me=(0,c.makeStyles)({drawer:{height:`auto`,maxHeight:`60vh`,overflowY:`auto`},drawerHeader:{paddingBottom:c.tokens.spacingVerticalM,paddingLeft:c.tokens.spacingHorizontalXXL,paddingRight:c.tokens.spacingHorizontalXXL},listboxWrapper:{paddingTop:c.tokens.spacingVerticalM,paddingBottom:c.tokens.spacingVerticalM,paddingLeft:c.tokens.spacingHorizontalXXL,paddingRight:c.tokens.spacingHorizontalXXL}}),K=(e,t,n)=>n?e==null?t:t.includes(e)?t.filter(t=>t!==e):[...t,e]:e,q=({groups:e,ungrouped:t})=>{let n=e=>(0,d.jsx)(c.Option,{disabled:e.disabled,text:e.text,value:e.value,children:e.render?e.render():e.text},e.value);return(0,d.jsxs)(d.Fragment,{children:[t.map(n),Object.entries(e).map(([e,t])=>(0,d.jsx)(c.OptionGroup,{label:e,children:t.map(n)},e))]})},J=(e,t)=>{let n=(0,l.useMemo)(()=>e==null?[]:Array.isArray(e)?e:[e],[e]);return{selectedValues:n,displayValue:(0,l.useMemo)(()=>t.filter(e=>n.includes(e.value)).map(e=>e.text).join(`, `),[t,n]),groupedOptions:(0,l.useMemo)(()=>{let e={},n=[];return t.forEach(t=>{t.group?(e[t.group]??=[]).push(t):n.push(t)}),{groups:e,ungrouped:n}},[t])}},Y=e=>{let{value:t,onChange:n,options:r,placeholder:i,multiselect:a=!1,className:o,style:s,disabled:u,readOnly:p=!1,drawerTitle:m,id:h}=e,g=Me(),[_,v]=(0,l.useState)(!1),{selectedValues:y,displayValue:b,groupedOptions:x}=J(t,r),S=e=>{n(K(e,y,a)),a||v(!1)};return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(c.Input,{autoComplete:`off`,className:o,contentAfter:(0,d.jsx)(f.ChevronDownRegular,{onClick:()=>v(!0),style:{cursor:`pointer`}},`${h}-chevron`),disabled:u,id:h,onClick:()=>v(!0),onKeyDown:e=>e.preventDefault(),placeholder:i,readOnly:!0,style:s,type:`text`,value:b}),(0,d.jsxs)(I,{className:g.drawer,onOpenChange:v,open:_,position:`bottom`,children:[(0,d.jsx)(L,{action:(0,d.jsx)(W,{"aria-label":`Close`,icon:(0,d.jsx)(f.DismissRegular,{}),onClick:()=>v(!1)}),className:g.drawerHeader,title:m}),(0,d.jsx)(R,{children:(0,d.jsx)(`div`,{className:g.listboxWrapper,children:(0,d.jsx)(c.Listbox,{multiselect:a,onOptionSelect:p?void 0:(e,t)=>S(t.optionValue??null),selectedOptions:y,children:q(x)})})})]})]})},Ne=G(e=>{let{value:t,onChange:n,options:r,multiselect:i=!1,style:a,readOnly:o=!1,id:s,placeholder:l,disabled:u,className:f,listbox:p,positioning:m}=e,h=P(),{selectedValues:g,displayValue:_,groupedOptions:v}=J(t,r);if(h)return(0,d.jsx)(Y,{...e});let y=e=>{n(K(e,g,i))};return(0,d.jsx)(c.Dropdown,{"aria-labelledby":s,className:f,disabled:u,id:s,listbox:p,multiselect:i,onOptionSelect:(e,t)=>{o||y(t.optionValue??null)},placeholder:l,positioning:m,selectedOptions:g,style:{width:`100%`,...a},value:_,children:q(v)})}),Pe=e=>{let{value:t,onChange:n,...r}=e,i=(Array.isArray(t)?t.length>0:t!==null&&t!==``)?()=>n(e.multiselect===!0?[]:null):void 0;return(0,d.jsx)(Ne,{...r,drawerTitle:e.label??e.placeholder,onChange:n,onClear:i,value:t})},Fe={top:`above`,bottom:`below`,left:`before`,right:`after`},X=({text:e,showOn:t=`hover`,dismissMs:n=2e3,position:r,children:i})=>{let[a,o]=(0,l.useState)(!1);if((0,l.useEffect)(()=>{if(t!==`click`||!a)return;let e=window.setTimeout(()=>o(!1),n);return()=>window.clearTimeout(e)},[t,a,n]),i.props.disabled===!0||i.props[`aria-disabled`]===!0||i.props[`aria-disabled`]===`true`)return i;let s=r?Fe[r]:void 0;return t===`click`?(0,d.jsxs)(c.Popover,{onOpenChange:(e,t)=>o(t.open),open:a,positioning:s,children:[(0,d.jsx)(c.PopoverTrigger,{children:i}),(0,d.jsx)(c.PopoverSurface,{children:e})]}):(0,d.jsx)(c.Tooltip,{content:e,positioning:s,relationship:`label`,children:i})},Z=(0,c.makeStyles)({headerRow:{backgroundColor:c.tokens.colorNeutralBackground3,"& > *":{color:c.tokens.colorNeutralForeground1},width:`100%`},row:{width:`100%`},headerCell:{backgroundColor:c.tokens.colorNeutralBackground3,display:`flex`,flexDirection:`column`,justifyContent:`center`},ellipsis:{overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`},sortableHeader:{cursor:`pointer`},cell:{paddingLeft:c.tokens.spacingHorizontalS},outerWrapper:{width:`100%`},scrollContainer:{width:`100%`,overflowX:`auto`,WebkitOverflowScrolling:`touch`},paginationBar:{display:`flex`,alignItems:`center`,justifyContent:`flex-end`,gap:c.tokens.spacingHorizontalS,padding:`${c.tokens.spacingVerticalS} ${c.tokens.spacingHorizontalM}`,backgroundColor:c.tokens.colorNeutralBackground2},paginationBarMobile:{flexDirection:`column`,alignItems:`flex-end`,padding:`${c.tokens.spacingVerticalXXS} ${c.tokens.spacingHorizontalXXS}`,gap:c.tokens.spacingHorizontalXS},navRow:{display:`flex`,alignItems:`center`,gap:c.tokens.spacingHorizontalS,order:1},navRowMobile:{justifyContent:`center`},sizeRow:{display:`flex`,alignItems:`center`,gap:c.tokens.spacingHorizontalS,order:2},sizeRowMobile:{justifyContent:`center`,paddingRight:c.tokens.spacingHorizontalM},listbox:{minWidth:0,width:`80px`},range:{fontSize:c.tokens.fontSizeBase200,color:c.tokens.colorNeutralForeground3,fontVariantNumeric:`tabular-nums`,minWidth:`90px`,textAlign:`center`}}),Ie=Symbol.for(`FuiColumn`),Le=Object.assign(()=>null,{_marker:Ie}),Re=(e,t)=>t.split(`.`).reduce((e,t)=>{if(typeof e==`object`&&e)return e[t]},e),ze=e=>l.default.Children.toArray(e).filter(e=>l.default.isValidElement(e)&&e.type?._marker===Ie).map(e=>e.props),Be=(e,t)=>{let n=Re(t,e.field);return e.builder?e.builder(n,t):e.formatter?(0,d.jsx)(c.Body1,{children:e.formatter(n,t)}):(0,d.jsx)(c.Body1,{children:n==null?``:String(n)})},Ve=({offset:e,pageSize:t,fastForwardPage:n=5,pageSizeOption:r,totalRecord:i,visibleCount:a,onPageChange:o,langLabel:s})=>{let l=Z(),u=s?.paginationBar,p=i===0?0:e+1,m=i===0?0:e+a,h=e>0,g=e+t<i,_=P(),v=String(t),y=i===0?s?.noData||`No data`:s?.pageRange?H(s.pageRange,{from:p,to:m,total:i}):`${p} to ${m} of ${i}`,b=s?.pageSize??`Rows :`,x=u?.next??`Next page`,S=u?.nextN?H(u.nextN,{n}):`Next ${n} pages`,C=u?.previous??`Previous page`,w=u?.previousN?H(u.previousN,{n}):`Previous ${n} pages`;return(0,d.jsxs)(`div`,{className:(0,c.mergeClasses)(l.paginationBar,_&&l.paginationBarMobile),children:[(0,d.jsxs)(`div`,{className:(0,c.mergeClasses)(l.navRow,_&&l.navRowMobile),children:[(0,d.jsx)(X,{text:w,children:(0,d.jsx)(W,{"aria-label":w,disabled:!h,icon:(0,d.jsx)(f.ChevronDoubleLeftRegular,{}),onClick:()=>o(Math.max(0,e-n*t),t)})}),(0,d.jsx)(X,{text:C,children:(0,d.jsx)(W,{"aria-label":C,disabled:!h,icon:(0,d.jsx)(f.ChevronLeftRegular,{}),onClick:()=>o(Math.max(0,e-t),t)})}),(0,d.jsx)(`span`,{className:l.range,children:(0,d.jsx)(c.Body1,{children:y})}),(0,d.jsx)(X,{text:x,children:(0,d.jsx)(W,{"aria-label":x,disabled:!g,icon:(0,d.jsx)(f.ChevronRightRegular,{}),onClick:()=>o(e+t,t)})}),(0,d.jsx)(X,{text:S,children:(0,d.jsx)(W,{"aria-label":S,disabled:!g,icon:(0,d.jsx)(f.ChevronDoubleRightRegular,{}),onClick:()=>o(e+n*t,t)})}),` `,!_&&(0,d.jsx)(c.Divider,{vertical:!0})]}),(0,d.jsxs)(`div`,{className:(0,c.mergeClasses)(l.sizeRow,_&&l.sizeRowMobile),children:[(0,d.jsx)(c.Body1,{children:b}),_?(0,d.jsx)(Y,{className:l.listbox,drawerTitle:b,onChange:t=>{t&&!Array.isArray(t)&&o(e,Number(t))},options:r.map(e=>String(e)).map(e=>({value:e,text:e})),value:v}):(0,d.jsx)(c.Dropdown,{className:l.listbox,listbox:{className:l.listbox},onOptionSelect:(t,n)=>{n.optionValue&&o(e,Number(n.optionValue))},selectedOptions:[v],value:v,children:r.map(e=>String(e)).map(e=>(0,d.jsx)(c.Option,{text:e,value:e,children:e},e))})]})]})},He=({data:e,onPageOrSort:t,pagination:n,width:r,langLabel:i,children:a})=>{let[o,s]=(0,l.useState)(null),[u,p]=(0,l.useState)(`asc`),m=Z(),h=M(),g=ze(a),_=e=>{let t=e.style?.width;return t==null?e.style??{}:{...e.style,boxSizing:`border-box`,flex:`0 0 ${t}`,minWidth:0,overflow:`hidden`}},v=g.map((e,t)=>(0,c.createTableColumn)({columnId:`${e.field}_${t}`,renderHeaderCell:()=>e.header,renderCell:t=>Be(e,t)})),y=e=>{if(t||h.warn(`Sorting is not performed because onSort handler is not provided`),o===e){let r=u===`asc`?`desc`:`asc`;p(r),t?.(n,{field:e,direction:r})}else s(e),p(`asc`),t?.(n,{field:e,direction:`asc`})},b=n&&(0,d.jsx)(Ve,{onPageChange:(e,n)=>{t?.({offset:e,pageSize:n},o?{field:o,direction:u}:void 0)},...n,langLabel:i,visibleCount:e.length}),x=o?v.find(e=>String(e.columnId).startsWith(`${o}_`))?.columnId:void 0,S=n?Math.max(0,n.pageSize-e.length):0,C=[...e,...Array.from({length:S}).map((e,t)=>({_isFiller:!0,id:`filler-${t}`}))];return(0,d.jsxs)(`div`,{className:m.outerWrapper,children:[n?.position===`top`&&b,(0,d.jsx)(`div`,{className:m.scrollContainer,children:(0,d.jsxs)(c.DataGrid,{columns:v,items:C,sortState:{sortColumn:x,sortDirection:u===`asc`?`ascending`:`descending`},style:{minWidth:r?.minWidth??r?.width,whiteSpace:`nowrap`,width:`100%`},children:[(0,d.jsx)(c.DataGridHeader,{children:(0,d.jsx)(c.DataGridRow,{className:m.headerRow,children:({renderHeaderCell:e,columnId:t})=>{let n=g[parseInt(String(t).split(`_`).pop()||`0`)];return(0,d.jsx)(c.DataGridHeaderCell,{className:(0,c.mergeClasses)(m.headerCell,n.sortable&&m.sortableHeader),onClick:n.sortable?()=>y(n.field):void 0,sortDirection:n.sortable&&o===n.field?u===`asc`?`ascending`:`descending`:void 0,sortIcon:n.sortable&&o!==n.field?{children:(0,d.jsx)(f.ArrowSortRegular,{fontSize:12})}:void 0,style:{..._(n),...n.headerStyle,textAlign:n.align},children:(0,d.jsx)(c.Body1Strong,{className:m.ellipsis,children:e()})},t)}})}),(0,d.jsx)(c.DataGridBody,{children:({item:e,rowId:t})=>(0,d.jsx)(c.DataGridRow,{className:m.row,children:({renderCell:t,columnId:n})=>{let r=g[parseInt(String(n).split(`_`).pop()||`0`)];return(0,d.jsx)(c.DataGridCell,{className:m.cell,style:{..._(r),textAlign:r.align},children:e._isFiller?null:t(e)},n)}},t)})]})}),(n?.position===`bottom`||!n?.position)&&b]})},Ue=(e,t)=>`Carousel slide ${e+1} of ${t}`,We=({images:e,langLabel:t})=>(0,d.jsx)(`div`,{style:{width:`100%`},children:(0,d.jsxs)(c.Carousel,{announcement:Ue,circular:!0,groupSize:1,children:[(0,d.jsx)(c.CarouselViewport,{style:{width:`100%`,overflow:`hidden`},children:(0,d.jsx)(c.CarouselSlider,{style:{display:`flex`,flexWrap:`nowrap`,width:`100%`},children:e.map((t,n)=>(0,d.jsx)(c.CarouselCard,{"aria-label":`${n+1} of ${e.length}`,id:`carousel-image-${n}`,style:{aspectRatio:`5/2`,flexShrink:0,overflow:`hidden`,width:`100%`},children:(0,d.jsx)(c.Image,{fit:`cover`,role:`presentation`,src:t,style:{display:`block`,height:`100%`,objectFit:`cover`,width:`100%`}})},`image-${n}`))})}),(0,d.jsx)(c.CarouselNavContainer,{autoplayTooltip:{content:t?.autoplay??`Autoplay`,relationship:`label`},layout:`inline`,nextTooltip:{content:t?.next??`Next image`,relationship:`label`},prevTooltip:{content:t?.previous??`Previous image`,relationship:`label`},children:(0,d.jsx)(c.CarouselNav,{children:e=>(0,d.jsx)(c.CarouselNavButton,{"aria-label":`Carousel Nav Button ${e}`})})})]})}),Ge={label:c.Label,title1:c.Title1,title2:c.Title2,subTitle1:c.Subtitle1,subTitle2:c.Subtitle2,body1:c.Body1,body2:c.Body2,caption1:c.Caption1,caption2:c.Caption2},Ke=({text:e,type:t=`label`,italic:n=!1,bold:r=!1,block:i=!1,className:a,style:o})=>{let s=Ge[t];return(0,d.jsx)(s,{className:a,style:{display:i?`block`:void 0,fontStyle:n?`italic`:void 0,fontWeight:r?`bold`:void 0,...o},children:e})},Q=e=>t=>(0,d.jsx)(Ke,{...t,type:e}),qe=Q(`label`),Je=Q(`title1`),Ye=Q(`title2`),Xe=Q(`subTitle1`),Ze=Q(`subTitle2`),Qe=Q(`body1`),$e=Q(`body2`),et=Q(`caption1`),tt=Q(`caption2`),nt=({children:e,checked:t,defaultChecked:n=!1,appearance:r=`secondary`,size:i=`medium`,icon:a,iconPosition:o=`before`,...s})=>(0,d.jsx)(c.ToggleButton,{appearance:r,checked:t,defaultChecked:n,icon:a,iconPosition:o,size:i,...s,children:e}),rt=e=>{let{checked:t=!1,label:n,disabled:r=!1,readOnly:i=!1,onChange:a,className:o,style:s}=e;return(0,d.jsx)(c.Checkbox,{checked:t,className:o,disabled:r,label:n,onChange:(e,t)=>{i||a(!!t.checked)},style:s})},it=(0,c.makeStyles)({drawer:{height:`auto`,maxHeight:`80vh`},drawerHeader:{paddingBottom:c.tokens.spacingVerticalM,paddingLeft:c.tokens.spacingHorizontalXXL,paddingRight:c.tokens.spacingHorizontalXXL},calendarWrapper:{display:`flex`,justifyContent:`center`,paddingTop:c.tokens.spacingVerticalM,paddingBottom:c.tokens.spacingVerticalM,paddingLeft:c.tokens.spacingHorizontalXXL,paddingRight:c.tokens.spacingHorizontalXXL}}),at=e=>e?e.toLocaleDateString():``,ot=e=>{let{id:t,value:n,onChange:r,formatter:i=at,placeholder:a,className:o,style:s,readOnly:l,disabled:u}=e;return P()?(0,d.jsx)(st,{...e}):l?(0,d.jsx)(c.Input,{className:o,id:t,placeholder:a,readOnly:!0,style:{width:`100%`,...s},type:`text`,value:i(n)}):(0,d.jsx)(m.DatePicker,{className:o,disabled:u,formatDate:e=>i(e??null),id:t,onSelectDate:e=>r(e??null),placeholder:a,style:{width:`100%`,...s},value:n??void 0},`${t}-${n?`defined`:`undefined`}`)},st=e=>{let{id:t,value:n,onChange:r,formatter:i=at,placeholder:a,className:o,style:s,drawerTitle:u,readOnly:m,disabled:h}=e,g=it(),[_,v]=(0,l.useState)(!1),y=()=>{m||v(!0)};return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(c.Input,{autoComplete:`off`,className:o,contentAfter:m?void 0:(0,d.jsx)(f.CalendarRegular,{onClick:y,style:{cursor:`pointer`}},`${t}-calendar`),disabled:h,id:t,onClick:y,onKeyDown:e=>e.preventDefault(),placeholder:a,readOnly:!0,style:s,type:`text`,value:i(n)}),(0,d.jsxs)(I,{className:g.drawer,onOpenChange:v,open:_,position:`bottom`,children:[u&&(0,d.jsx)(L,{action:(0,d.jsx)(W,{"aria-label":`Close`,icon:(0,d.jsx)(f.DismissRegular,{}),onClick:()=>v(!1)}),className:g.drawerHeader,title:u}),(0,d.jsx)(R,{children:(0,d.jsx)(`div`,{className:g.calendarWrapper,children:(0,d.jsx)(p.Calendar,{onSelectDate:e=>{r(e??null),v(!1)},value:n??void 0},`${t}-${n?`defined`:`undefined`}`)})})]})]})},ct=G(ot),lt=e=>{let{value:t,onChange:n,...r}=e,i=t!==null&&!e.readOnly&&!e.disabled?()=>n(null):void 0;return(0,d.jsx)(ct,{...r,drawerTitle:e.label??e.placeholder,onChange:n,onClear:i,value:t})},ut=(0,c.makeStyles)({arrows:{display:`flex`,flexDirection:`column`},arrowsRow:{flexDirection:`row`},arrowIcon:{cursor:`pointer`},arrowIconMobile:{fontSize:c.tokens.fontSizeBase500,height:c.tokens.fontSizeBase500,width:c.tokens.fontSizeBase500},arrowIconDisabled:{cursor:`default`,opacity:.4},amPm:{cursor:`pointer`,fontWeight:c.tokens.fontWeightSemibold,paddingRight:c.tokens.spacingHorizontalXS,userSelect:`none`},amPmDisabled:{cursor:`default`,opacity:.4}}),dt={hour:0,minute:0,second:0},ft=(e,t,n)=>{if(e===null)return``;let r=n?e.hour:e.hour%12||12,i=String(r).padStart(2,`0`),a=String(e.minute).padStart(2,`0`),o=String(e.second).padStart(2,`0`);return t?`${i}:${a}:${o}`:`${i}:${a}`},pt=(e,t)=>e==null?t?`s`:`m`:e<3?`h`:e<6?`m`:`s`,$=(e,t,n,r)=>{let i=e??dt;if(t===`s`){let e=i.second+n;return r&&e<0?$({...i,second:59},`m`,-1,r):r&&e>=60?$({...i,second:0},`m`,1,r):{...i,second:(e+60)%60}}if(t===`m`){let e=i.minute+n;return r&&e<0?$({...i,minute:59},`h`,-1,r):r&&e>=60?$({...i,minute:0},`h`,1,r):{...i,minute:(e+60)%60}}return{...i,hour:(i.hour+n+24)%24}},mt=G(e=>{let{value:t,onChange:n,in24HourFormat:r=!0,withSeconds:i=!1,cascadeCarry:a=!1,readOnly:o=!1,disabled:s,className:u,style:p,id:m,placeholder:h}=e,g=ut(),_=P(),v=(0,l.useRef)(null),[y,b]=(0,l.useState)(null),x=(0,l.useRef)(null),S=!o&&!s,C=t!==null&&t.hour>=12;(0,l.useEffect)(()=>{x.current!==null&&v.current&&(v.current.setSelectionRange(x.current,x.current),x.current=null)});let w=()=>{b(pt(v.current?.selectionStart,i))},T=()=>{b(pt(v.current?.selectionStart,i))},E=()=>b(null),D=e=>{if(!S)return;let r=y??(i?`s`:`m`);x.current=v.current?.selectionStart??null,n($(t,r,e,a))},O=()=>{if(!S)return;let e=t??dt;n({...e,hour:e.hour>=12?e.hour-12:e.hour+12})},k=(0,c.mergeClasses)(g.arrowIcon,_&&g.arrowIconMobile,!S&&g.arrowIconDisabled);return(0,d.jsx)(c.Input,{autoComplete:`off`,className:u,contentAfter:(0,d.jsxs)(`div`,{className:(0,c.mergeClasses)(g.arrows,_&&g.arrowsRow),children:[(0,d.jsx)(f.ChevronUpRegular,{className:k,onClick:()=>D(1),onMouseDown:e=>e.preventDefault()}),(0,d.jsx)(f.ChevronDownRegular,{className:k,onClick:()=>D(-1),onMouseDown:e=>e.preventDefault()})]}),contentBefore:!r&&t!==null?(0,d.jsx)(`span`,{className:S?g.amPm:(0,c.mergeClasses)(g.amPm,g.amPmDisabled),onClick:S?O:void 0,onMouseDown:S?e=>e.preventDefault():void 0,children:C?`PM`:`AM`}):void 0,disabled:s,id:m,input:{ref:v,style:{minWidth:i?`8ch`:`5ch`}},onBlur:E,onClick:w,onFocus:T,onKeyDown:e=>{e.key!==`Tab`&&e.preventDefault()},placeholder:h,readOnly:o,style:{width:`100%`,...p},type:`text`,value:ft(t,i,r)})}),ht=e=>{let{value:t,onChange:n,...r}=e,i=t!==null&&!e.readOnly&&!e.disabled?()=>n(null):void 0;return(0,d.jsx)(mt,{...r,onChange:n,onClear:i,value:t})},gt=(0,c.makeStyles)({groupRow:{display:`flex`,flexDirection:`row`,gap:c.tokens.spacingHorizontalM,width:`100%`},groupColumn:{display:`flex`,flexDirection:`column`,gap:c.tokens.spacingVerticalXXS,width:`100%`}}),_t=G(({items:e,className:t,style:n})=>{let r=P(),i=gt();return(0,d.jsx)(`div`,{className:`${r?i.groupColumn:i.groupRow} ${t??``}`,style:n,children:e.map(({element:e,weight:t=1},n)=>{let{label:i,placeholder:a}=e.props,o=a??i;return(0,d.jsx)(`div`,{style:r?{flex:`1 1 auto`}:{flex:`${t} 1 0px`,minWidth:0},children:l.default.cloneElement(e,{label:null,placeholder:o,noMessage:!1})},n)})})}),vt=e=>{let t=P(),{items:n,className:r,style:i}=e,a=n.some(({element:e})=>{let t=e.props.value;return t!=null&&t!==``})?()=>n.forEach(({element:e})=>e.props.onChange(null)):void 0;return(0,d.jsx)(_t,{...e,className:r,layout:t?`vertical`:e.layout,noMessage:!0,onClear:a,style:i})},yt=G(e=>{let{id:t,type:n=`text`,onChange:r,onKeyDown:i,className:a,style:o,contentBefore:s,contentAfter:u,value:p,...m}=e,[h,g]=(0,l.useState)(!1),_=n===`email`?e=>{e.key===`@`&&p?.includes(`@`)&&e.preventDefault(),i?.(e)}:i,v=e=>{r(e??null)},y=()=>{g(!h)},b=n===`password`&&h?`text`:n,x=(p?.length??0)>0;return(0,d.jsx)(c.Input,{...m,className:a,contentAfter:n===`password`?x?(0,d.jsx)(W,{"aria-label":h?`Hide password`:`Show password`,icon:h?(0,d.jsx)(f.EyeOffRegular,{}):(0,d.jsx)(f.EyeRegular,{}),onClick:y,size:`small`,type:`button`}):void 0:u,contentBefore:s,id:t,onChange:(e,t)=>v(t.value),onKeyDown:_,style:o,type:b,value:p??``})}),bt=e=>{let{value:t,onChange:n,...r}=e,i=t!==null&&t!==``?()=>n(null):void 0;return(0,d.jsx)(yt,{...r,onChange:n,onClear:i,value:t})},xt=(0,c.makeStyles)({drawerBase:{height:`auto`},drawerMobile:{height:`40vh`,maxHeight:`60vh`},drawerDesktop:{width:`40vw`,maxWidth:`60vw`,maxHeight:`100vh`},drawerHeader:{paddingLeft:c.tokens.spacingHorizontalXXL,paddingRight:c.tokens.spacingHorizontalXXL},drawerBody:{display:`flex`,flexDirection:`column`,gap:c.tokens.spacingVerticalL,paddingTop:c.tokens.spacingVerticalL,paddingBottom:c.tokens.spacingVerticalL,paddingLeft:c.tokens.spacingHorizontalXXL,paddingRight:c.tokens.spacingHorizontalXXL}}),St=G(e=>{let{value:t,onChange:n,disabled:r,drawerTitle:i,className:a,readOnly:o,style:s,langLabel:u,textComponent:p=bt,...m}=e,h=P(),g=(u?.languages??[]).slice(0,3),_=xt(),[v,y]=(0,l.useState)(!1),b=t?t.valueInLangOne??t.valueInLangTwo??t.valueInLangThree??``:``,x=e=>{if(!t){n({valueInLangOne:e||null,valueInLangTwo:null,valueInLangThree:null});return}t.valueInLangOne===null?t.valueInLangTwo===null?t.valueInLangThree===null?n({...t,valueInLangOne:e||null}):n({...t,valueInLangThree:e||null}):n({...t,valueInLangTwo:e||null}):n({...t,valueInLangOne:e||null})},S=(e,r)=>{n({valueInLangOne:t?.valueInLangOne??null,valueInLangTwo:t?.valueInLangTwo??null,valueInLangThree:t?.valueInLangThree??null,[e]:r})},C=(0,d.jsx)(f.TranslateRegular,{onClick:()=>y(!0),style:{cursor:`pointer`}}),w=(0,d.jsxs)(I,{className:(0,c.mergeClasses)(_.drawerBase,h?_.drawerMobile:_.drawerDesktop),onOpenChange:y,open:v,position:`end`,children:[(0,d.jsx)(L,{action:(0,d.jsx)(W,{"aria-label":`Close`,icon:(0,d.jsx)(f.DismissRegular,{}),onClick:()=>y(!1)}),className:_.drawerHeader,title:i}),(0,d.jsxs)(R,{className:_.drawerBody,children:[(0,d.jsx)(p,{disabled:r,label:g[0]||`Lang One`,onChange:e=>S(`valueInLangOne`,e),readOnly:o,value:t?.valueInLangOne??null}),g[1]&&(0,d.jsx)(p,{disabled:r,label:g[1],onChange:e=>S(`valueInLangTwo`,e),readOnly:o,value:t?.valueInLangTwo??null}),g[2]&&(0,d.jsx)(p,{disabled:r,label:g[2],onChange:e=>S(`valueInLangThree`,e),readOnly:o,value:t?.valueInLangThree??null})]})]});return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(p,{...m,className:a,clearable:!1,contentAfter:g.length>1?C:void 0,disabled:r,label:null,noMessage:!0,onChange:e=>x(e),readOnly:o,style:s,value:b}),g.length>1&&w]})}),Ct=e=>{let{value:t,onChange:n}=e,r=t&&(t.valueInLangOne||t.valueInLangTwo||t.valueInLangThree)?()=>n(null):void 0;return(0,d.jsx)(St,{...e,drawerTitle:e.label??e.placeholder??``,onClear:r})},wt=(0,c.makeStyles)({arrows:{display:`flex`,flexDirection:`row`,gap:c.tokens.spacingHorizontalXS},arrowIcon:{cursor:`pointer`,fontSize:c.tokens.fontSizeBase500,height:c.tokens.fontSizeBase500,width:c.tokens.fontSizeBase500}}),Tt=G(e=>{let{id:t,value:n,onChange:r,precision:i=0,allowNegative:a=!0,formatter:o,onFocus:s,onBlur:u,step:p,min:m,max:h,className:g,style:_,disabled:v,readOnly:y,appearance:b,size:x,...S}=e,C=P(),w=wt(),[T,E]=(0,l.useState)(!1),[D,O]=(0,l.useState)(n===null?``:n.toString()),[k,A]=(0,l.useState)(n);!T&&n!==k&&(A(n),O(n===null?``:n.toString()));let j=e=>{let t=e.key;if(![`Backspace`,`Delete`,`ArrowLeft`,`ArrowRight`,`Tab`,`Enter`,`Escape`].includes(t)){if(t===`-`){(!a||e.currentTarget.selectionStart!==0||D.includes(`-`))&&e.preventDefault();return}if(t===`.`){(i<=0||D.includes(`.`))&&e.preventDefault();return}if(/^[0-9]$/.test(t)){let t=D.indexOf(`.`);if(t!==-1){let n=D.split(`.`)[1]||``;e.currentTarget.selectionStart>t&&n.length>=i&&e.preventDefault()}return}e.preventDefault()}},ee=e=>{let t=e.target.value;if(t===``||t===`-`||t===`.`){O(t),r(null);return}let n=parseFloat(t);isNaN(n)||(O(t),r(n))},te=e=>{E(!0),s?.(e)},M=e=>{E(!1),D===`-`||D===`.`?(O(``),r(null)):D.endsWith(`.`)&&O(D.slice(0,-1)),u?.(e)};if(p){let e=n,i=!T&&e!==null?o?o(e):e.toString():D,a=(e,t)=>{r(t.value??null)};if(C){let n=!v&&!y,a=()=>{if(!n)return;let t=(e??0)+p;h!==void 0&&t>h||r(t)},o=()=>{if(!n)return;let t=(e??0)-p;m!==void 0&&t<m||r(t)};return(0,d.jsx)(c.Input,{...S,className:g,contentAfter:(0,d.jsxs)(`div`,{className:w.arrows,children:[(0,d.jsx)(f.ChevronUpRegular,{className:w.arrowIcon,onClick:a,onMouseDown:e=>e.preventDefault()}),(0,d.jsx)(f.ChevronDownRegular,{className:w.arrowIcon,onClick:o,onMouseDown:e=>e.preventDefault()})]}),disabled:v,id:t,onKeyDown:e=>{e.key!==`Tab`&&e.preventDefault()},readOnly:y,style:_,type:`text`,value:i})}return(0,d.jsx)(c.SpinButton,{appearance:b===`filled-darker-shadow`?`filled-darker`:b===`filled-lighter-shadow`?`filled-lighter`:b,className:g,disabled:v,displayValue:i,id:t,max:h,min:m,onChange:a,onKeyDown:e=>e.preventDefault(),readOnly:y,size:x===`large`?`medium`:x,step:p,style:_,value:e})}let N=!T&&n!==null?o?o(n):n.toString():D;return(0,d.jsx)(c.Input,{...S,appearance:b,className:g,disabled:v,id:t,onBlur:M,onChange:ee,onFocus:te,onKeyDown:j,readOnly:y,size:x,style:_,type:`text`,value:N})}),Et=e=>{let{value:t,onChange:n,...r}=e,i=t===null?void 0:()=>n(null);return(0,d.jsx)(Tt,{...r,onChange:n,onClear:i,value:t})},Dt=({value:e,label:t,disabled:n,className:r,id:i})=>(0,d.jsx)(c.Radio,{className:r,disabled:n,id:i,label:t,value:e}),Ot=G(({id:e,value:t,defaultValue:n,name:r,disabled:i,required:a,onChange:o,children:s,radioListLayout:l,className:u,style:f,readOnly:p=!1})=>{let m=e=>{p||o?.(e)};return(0,d.jsx)(c.RadioGroup,{className:u,defaultValue:n,disabled:i,id:e,layout:l,name:r,onChange:(e,t)=>m(t.value),required:a,style:f,value:t,children:s})}),kt=e=>{let{layout:t=`vertical`,labelWidth:n=`quarter`,...r}=e;return t===`vertical`?(0,d.jsx)(Ot,{...r,layout:`vertical`,radioListLayout:`horizontal`}):(0,d.jsx)(Ot,{...r,labelWidth:n,layout:`horizontal`,radioListLayout:`vertical`})},At=({checked:e=!1,defaultChecked:t,label:n,disabled:r=!1,onChange:i,className:a,style:o,readOnly:s=!1})=>(0,d.jsx)(c.Switch,{checked:e,className:a,defaultChecked:t,disabled:r,label:n,onChange:(e,t)=>{s||i(t.checked)},style:o}),jt=G(e=>{let{id:t,value:n,onChange:r,className:i,style:a,rows:o=4,maxLength:s,...l}=e;return(0,d.jsx)(c.Textarea,{...l,className:i,id:t,maxLength:s,onChange:(e,t)=>{r(t.value??null)},rows:o,style:a,value:n??``})}),Mt=e=>{let{value:t,maxLength:n,additionalMessage:r,onChange:i,...a}=e,o=n===void 0?void 0:`${(t??``).length}/${n}`,s=t!==null&&t!==``?()=>i(null):void 0;return(0,d.jsx)(jt,{...a,additionalMessage:r??o,maxLength:n,onChange:i,onClear:s,value:t})};exports.FuiAccordion=ce,exports.FuiAccordionItem=le,exports.FuiBody1=Qe,exports.FuiBody2=$e,exports.FuiBreadcrumb=de,exports.FuiButton=U,exports.FuiButtonPanel=pe,exports.FuiCaption1=et,exports.FuiCaption2=tt,exports.FuiCard=me,exports.FuiCardFooter=_e,exports.FuiCardHeader=he,exports.FuiCardPreview=ge,exports.FuiCheckbox=rt,exports.FuiColumn=Le,exports.FuiDivider=ve,exports.FuiDrawer=I,exports.FuiDrawerBody=R,exports.FuiDrawerHeader=L,exports.FuiIconButton=W,exports.FuiImageCarousel=We,exports.FuiInputDate=lt,exports.FuiInputDropdown=Pe,exports.FuiInputGroup=vt,exports.FuiInputMultiLangText=Ct,exports.FuiInputNumber=Et,exports.FuiInputText=bt,exports.FuiInputTextArea=Mt,exports.FuiInputTime=ht,exports.FuiLabel=qe,exports.FuiMenuBar=ye,exports.FuiMenuBarCheckboxItem=Se,exports.FuiMenuBarItem=xe,exports.FuiMenuBarLabel=Ee,exports.FuiMenuBarMenu=be,exports.FuiMenuBarRadioGroup=Ce,exports.FuiMenuBarRadioItem=we,exports.FuiMenuBarSeparator=Te,exports.FuiMenuBarSub=De,exports.FuiRadio=Dt,exports.FuiRadioGroup=kt,exports.FuiSubTitle1=Xe,exports.FuiSubTitle2=Ze,exports.FuiSwitch=At,exports.FuiTab=ke,exports.FuiTabList=Ae,exports.FuiTable=He,exports.FuiText=Ke,exports.FuiTitle1=Je,exports.FuiTitle2=Ye,exports.FuiToggle=nt,exports.FuiTooltip=X,exports.HandyFluentUiProvider=te,exports.useBreadcrumb=N,exports.useDialog=ne,exports.useIsMobile=P,exports.useLogger=M,exports.useSpinner=re,exports.useTheme=ie,exports.useTimeZone=ae,exports.useToast=oe,exports.withInputField=G;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));let c=require(`@fluentui/react-components`),l=require(`react`);l=s(l);let u=require(`usehooks-ts`),d=require(`react/jsx-runtime`),f=require(`@fluentui/react-icons`),p=require(`@fluentui/react-calendar-compat`),m=require(`@fluentui/react-datepicker-compat`);var h=(0,l.createContext)(void 0),g=(0,l.createContext)(void 0),_=({children:e})=>{let[t,n]=(0,l.useState)([]),[r,i]=(0,l.useState)(!1);return(0,d.jsx)(g.Provider,{value:{items:t,setItems:n,isCollapsed:r,setIsCollapsed:i},children:e})},v=(0,l.createContext)({openDialog:()=>{}}),y=({title:e,content:t,buttons:n,visible:r})=>(0,d.jsx)(c.Dialog,{modalType:`alert`,open:r,children:(0,d.jsx)(c.DialogSurface,{children:(0,d.jsxs)(c.DialogBody,{children:[(0,d.jsx)(c.DialogTitle,{children:e}),(0,d.jsx)(c.DialogContent,{children:t}),(0,d.jsx)(c.DialogActions,{children:n.map((e,t)=>(0,d.jsx)(c.Button,{appearance:n.length>1&&(e.cta??!1)?`primary`:`secondary`,disabled:e.disabled,icon:e.icon,onClick:e.action,children:e.label},t))})]})})}),b=({title:e,content:t,primaryButton:n,secondaryButton:r,tertiaryButton:i},a)=>{let o=[{...n,cta:!0}];return r&&o.push({...r,cta:!1}),i&&o.push({...i,cta:!1}),(0,d.jsx)(y,{buttons:o.reverse().map(({action:e,...t})=>({...t,action:()=>{a(),e&&e()}})),content:t,title:e,visible:!0})},x=({children:e})=>{let[t,n]=(0,l.useState)({dialogProps:void 0,openTime:0,closeTime:0}),r=(0,l.useCallback)(e=>{n(t=>({...t,dialogProps:e,openTime:Date.now()}))},[]),i=t.dialogProps&&t.openTime>t.closeTime?b(t.dialogProps,()=>n(e=>({...e,closeTime:Date.now()}))):(0,d.jsx)(d.Fragment,{});return(0,d.jsxs)(v.Provider,{value:{openDialog:r},children:[e,i]})},S=(0,l.createContext)({show:()=>{},hide:()=>{}}),C=(0,c.makeStyles)({overlay:{position:`fixed`,inset:0,backgroundColor:`rgba(0, 0, 0, 0.5)`,display:`flex`,alignItems:`center`,justifyContent:`center`,zIndex:9999}}),w=({children:e,config:t})=>{let n=C(),{initialDelay:r,label:i}=t??{},a=(0,l.useRef)(null),[o,s]=(0,l.useState)(0),[u,f]=(0,l.useState)();(0,l.useEffect)(()=>()=>{a.current!==null&&clearTimeout(a.current)},[]);let p=(0,l.useCallback)(e=>{f(e||i?.loading),a.current=setTimeout(()=>{s(e=>e+1),a.current=null},r??300)},[t]),m=(0,l.useCallback)(()=>{a.current===null?s(e=>Math.max(0,e-1)):(clearTimeout(a.current),a.current=null),f(void 0)},[]),h=(0,l.useMemo)(()=>({show:p,hide:m}),[p,m]);return(0,d.jsxs)(S.Provider,{value:h,children:[e,o>0&&(0,d.jsx)(`div`,{className:n.overlay,children:(0,d.jsx)(c.Spinner,{label:u})})]})},T=(0,l.createContext)({show:()=>{}}),E=({config:e,children:t})=>{let{dismissTimeout:n,position:r,toastCreator:i}=e??{},{dispatchToast:a,updateToast:o}=(0,c.useToastController)(),s=(0,l.useCallback)((e,t,s,l)=>{if(i){a(i(t,e),{intent:e,position:r,timeout:e===`error`?-1:n});return}let u=s?(0,d.jsx)(c.ToastTrigger,{children:(0,d.jsx)(c.Link,{children:s})}):(0,d.jsx)(c.ToastTrigger,{children:(0,d.jsx)(f.DismissRegular,{})}),p=l??e.charAt(0).toUpperCase()+e.slice(1),m=e=>(0,d.jsxs)(c.Toast,{appearance:`inverted`,children:[(0,d.jsx)(c.ToastTitle,{action:e,children:p}),(0,d.jsx)(c.ToastBody,{children:t})]});if(e===`error`)if(n&&n>0){let t=`fui-toast-${Date.now()}-${Math.random()}`;a(m(void 0),{intent:e,position:r,timeout:-1,toastId:t}),setTimeout(()=>{o({content:m(u),timeout:-1,toastId:t})},n)}else a(m(u),{intent:e,position:r,timeout:-1});else a(m(u),{intent:e,position:r,timeout:n})},[e,a,o]),u=(0,l.useMemo)(()=>({show:s}),[s]);return(0,d.jsxs)(T.Provider,{value:u,children:[t,(0,d.jsx)(c.Toaster,{})]})},D={light:c.webLightTheme,dark:c.webDarkTheme},O={light:c.teamsLightV21Theme,dark:c.teamsDarkV21Theme},k=(e,t)=>({light:e?.light??t.light,dark:e?.dark??t.dark,custom:e?.custom??t.custom}),A=e=>({web:k(e?.web,{...D,custom:e?.mobile?.custom}),mobile:k(e?.mobile,{...O,custom:e?.web?.custom}),default:e?.default}),j=(e,t)=>{let n=`light`;return e===void 0||e===`custom`&&!t?.includes(`custom`)?typeof window>`u`?n:window.matchMedia(`(prefers-color-scheme: dark)`).matches?`dark`:`light`:e??n},ee={mobileBreakpoint:600,supportedLanguage:{iso:`en`,name:`English`},supportedTheme:{web:D,mobile:O}},M=({mobileBreakpoint:e,component:t,supportedTheme:n,loggerConfig:r,children:i})=>{let a=A(n),o=a.web.custom||a.mobile.custom?[`light`,`dark`,`custom`]:[`light`,`dark`],[s,f]=(0,l.useState)(j(n?.default,o)),p=e??ee.mobileBreakpoint,m=(0,u.useMediaQuery)(`(max-width: ${p}px)`)?a.mobile[s]:a.web[s],g=(0,l.useCallback)(e=>{f(e)},[]),v=Intl.DateTimeFormat().resolvedOptions().timeZone,y=(0,l.useCallback)((e,t=`info`)=>{r?.logMessage?r.logMessage(e,t):console.log(`[${t.toUpperCase()}] ${e}`)},[r]);return(0,d.jsx)(h.Provider,{value:{logMessage:y,mobileBreakpoint:p,selectedTheme:s,supportedThemeType:o,switchTheme:g,timeZone:v},children:(0,d.jsx)(c.FluentProvider,{theme:m,children:(0,d.jsx)(w,{config:t?.spinner,children:(0,d.jsx)(x,{children:(0,d.jsx)(E,{config:t?.toast,children:(0,d.jsx)(_,{children:i})})})})})})},N=()=>{let e=(0,l.useContext)(h);if(!e)throw Error(`useLogger must be used within HandyFluentUiProvider`);let t=e.logMessage;return{debug:e=>t(e,`debug`),error:e=>t(e,`error`),info:e=>t(e,`info`),warn:e=>t(e,`warn`)}},P=()=>{let e=(0,l.useContext)(g);if(!e)throw Error(`useBreadcrumb must be used within FuiBreadcrumbContextProvider`);let t=N();return{items:[...e.items],isCollapsed:e.isCollapsed,toggleCollapsed:()=>{t.debug(`[useBreadcrumb] toggleCollapsed()`),e.setIsCollapsed(e=>!e)},start:n=>{t.debug(`[useBreadcrumb] start() with tag ${n.tag}`);let r=n.action,i={...n,action:r?()=>{r(),e.setItems([i])}:void 0};e.setItems([i])},append:n=>{t.debug(`[useBreadcrumb] append() with tag ${n.tag}, action = ${n.action===void 0}`);let r=n.action,i={...n,action:r?()=>{r(),e.setItems(e=>{let t=e.findIndex(e=>e===i);return e.slice(0,t+1)})}:void 0};e.setItems(e=>{let r=e[e.length-1];return n.tag!==void 0&&r?.tag===n.tag?(t.warn(`[useBreadcrumb] append(), the tag of last item is ${n.tag}, ignored append`),e):[...e,i]})},peek:()=>e.items[e.items.length-1],popTill:n=>{t.debug(`[useBreadcrumb] popTill(), no of items = ${e.items.length}`),e.setItems(e=>{if(n){let r=e.findIndex(e=>e.tag===n);return r===-1?(t.warn(`[useBreadcrumb] popTill(), tag "${n}" not found, trail unchanged`),e):e.slice(0,r)}if(e.length===0)return e;let r=e.slice(0,-1);return t.debug(`[useBreadcrumb] popTill(), no of items after pop = ${r.length}`),r})}}},te=()=>(0,l.useContext)(v),F=()=>{let e=(0,l.useContext)(h);if(!e)throw Error(`useIsMobile must be used within HandyFluentUiProvider`);return(0,u.useMediaQuery)(`(max-width: ${e.mobileBreakpoint}px)`)},ne=()=>(0,l.useContext)(S),re=()=>{let e=(0,l.useContext)(h);if(!e)throw Error(`useTheme must be used within HandyFluentUiProvider`);let{selectedTheme:t,supportedThemeType:n,switchTheme:r}=e;return{currentTheme:t,switchTheme:e=>{n.includes(e)&&r(e)}}},ie=()=>{let e=(0,l.useContext)(h);if(!e)throw Error(`useTimezone must be used within HandyFluentUiProvider`);let t=t=>{try{return Intl.DateTimeFormat(void 0,{timeZone:t}),!0}catch{return e.logMessage(`Invalid timeZone = ${t}`,`warn`),!1}};return{timeZone:e.timeZone,setTimeZone:n=>{t(n)&&(e.timeZone=n)},zonedDate2LocalDate:(n,r)=>{if(r&&!t(r))return{year:n.getFullYear(),month:n.getMonth(),day:n.getDate(),hour:n.getHours(),minute:n.getMinutes(),second:n.getSeconds()};let i=new Intl.DateTimeFormat(void 0,{timeZone:r??e.timeZone,year:`numeric`,month:`2-digit`,day:`2-digit`,hour:`2-digit`,minute:`2-digit`,second:`2-digit`,hourCycle:`h23`}).formatToParts(n),{year:a,month:o,day:s,hour:c,minute:l,second:u}=Object.fromEntries(i.filter(e=>e.type!==`literal`).map(e=>[e.type,Number(e.value)]));return{year:a,month:o,day:s,hour:c,minute:l,second:u}}}},ae=()=>{let{show:e}=(0,l.useContext)(T);return{success:(t,n,r)=>e(`success`,t,n,r),error:(t,n,r)=>e(`error`,t,n,r),warning:(t,n,r)=>e(`warning`,t,n,r),info:(t,n,r)=>e(`info`,t,n,r)}},oe=(0,c.makeStyles)({divider:{"&:not(:last-child)":{borderBottomWidth:`1px`,borderBottomStyle:`solid`,borderBottomColor:c.tokens.colorNeutralStroke2}}}),se=l.default.createContext({expandIconPosition:`start`,withDivider:!0}),ce=({multiple:e=!1,collapsible:t=!1,value:n,onChange:r,expandIcon:i,expandIconPosition:a=`start`,withDivider:o=!0,className:s,style:l,children:u})=>{let f=e?n:n?[n]:[];return(0,d.jsx)(se.Provider,{value:{expandIcon:i,expandIconPosition:a,withDivider:o},children:(0,d.jsx)(c.Accordion,{className:s,collapsible:t,multiple:e,onToggle:(n,i)=>{!e&&!t&&i.openItems.length===0||r(e?i.openItems:i.openItems[0]??``)},openItems:f,style:l,children:u})})},le=({value:e,header:t,disabled:n,expandIcon:r,children:i})=>{let a=l.default.useContext(se),o=oe();return(0,d.jsxs)(c.AccordionItem,{className:(0,c.mergeClasses)(a.withDivider&&o.divider),disabled:n,value:e,children:[(0,d.jsx)(c.AccordionHeader,{expandIcon:r??a.expandIcon,expandIconPosition:a.expandIconPosition,children:t}),(0,d.jsx)(c.AccordionPanel,{children:i})]})},ue=(0,c.makeStyles)({nonInteractiveItem:{color:c.tokens.colorNeutralForeground2,backgroundColor:`transparent`,cursor:`default`},currentItem:{fontSize:c.tokens.fontSizeBase400}}),de=()=>{let e=ue(),{items:t,isCollapsed:n,toggleCollapsed:r}=P(),i=t.length>=3,a=i&&n,o=(t,n)=>{let a=t.label(),o=!t.action&&!n,s=n?!i:o;return(0,d.jsx)(c.BreadcrumbButton,{"aria-disabled":s,className:(0,c.mergeClasses)(o&&e.nonInteractiveItem,n&&e.currentItem),current:n,disabled:s,onClick:n?r:t.action,style:n&&!s?{cursor:`pointer`}:void 0,children:a})};return a?(0,d.jsxs)(c.Breadcrumb,{children:[(0,d.jsx)(c.BreadcrumbItem,{children:o(t[0],!1)}),(0,d.jsx)(c.BreadcrumbDivider,{}),(0,d.jsx)(c.BreadcrumbItem,{children:(0,d.jsx)(c.BreadcrumbButton,{"aria-label":`Expand breadcrumb`,icon:(0,d.jsx)(f.MoreHorizontalRegular,{}),onClick:r})}),(0,d.jsx)(c.BreadcrumbDivider,{}),(0,d.jsx)(c.BreadcrumbItem,{children:o(t[t.length-1],!0)})]}):(0,d.jsx)(c.Breadcrumb,{children:t.map((e,n)=>{let r=n===t.length-1;return(0,d.jsxs)(l.Fragment,{children:[(0,d.jsx)(c.BreadcrumbItem,{children:o(e,r)}),!r&&(0,d.jsx)(c.BreadcrumbDivider,{})]},n)})})},fe=(0,c.makeStyles)({root:{display:`flex`,gap:c.tokens.spacingHorizontalM},row:{flexDirection:`row`},column:{flexDirection:`column`,alignItems:`stretch`},left:{justifyContent:`flex-start`},right:{justifyContent:`flex-end`}}),pe=({className:e,alignItems:t=`right`,children:n})=>{let r=fe(),i=F();return(0,d.jsx)(`div`,{className:(0,c.mergeClasses)(r.root,i?r.column:r.row,t===`left`?r.left:r.right,e),children:n})},me=({appearance:e,orientation:t,size:n,className:r,style:i,children:a})=>(0,d.jsx)(c.Card,{appearance:e,className:r,orientation:t,size:n,style:i,children:a}),he=({image:e,header:t,description:n,action:r,className:i,style:a})=>(0,d.jsx)(c.CardHeader,{action:r,className:i,description:n,header:t,image:e,style:a}),ge=({logo:e,children:t,className:n,style:r})=>(0,d.jsx)(c.CardPreview,{className:n,logo:e,style:r,children:t}),_e=({action:e,children:t,className:n,style:r})=>(0,d.jsx)(c.CardFooter,{action:e,className:n,style:r,children:t}),ve=({children:e,className:t,vertical:n=!1})=>(0,d.jsx)(c.Divider,{className:t,vertical:!e&&n,children:e}),I=({type:e=`overlay`,position:t=`start`,size:n=`small`,open:r,onOpenChange:i,className:a,style:o,children:s,...l})=>{let u=F(),f=e===`overlay`?l.modalType??`modal`:void 0,p=e===`inline`?l.separator??!1:void 0;return(0,d.jsx)(c.Drawer,{className:a,modalType:f,onOpenChange:(e,t)=>i(t.open),open:r,position:u?`bottom`:t,separator:p,size:n,style:o,type:e,children:s})},L=({title:e,action:t,className:n,style:r})=>(0,d.jsx)(c.DrawerHeader,{className:n,style:r,children:(0,d.jsx)(c.DrawerHeaderTitle,{action:t,children:e})}),R=({children:e,className:t,style:n})=>(0,d.jsx)(c.DrawerBody,{style:{paddingLeft:0,paddingRight:0,minHeight:0},children:(0,d.jsx)(`div`,{className:t,style:n,children:e})}),ye=(0,c.makeStyles)({root:{display:`flex`,alignItems:`center`,gap:c.tokens.spacingHorizontalXXS,borderRadius:c.tokens.borderRadiusMedium,border:`1px solid ${c.tokens.colorNeutralStroke2}`,padding:c.tokens.spacingHorizontalXS},trigger:{display:`flex`,alignItems:`center`,borderRadius:c.tokens.borderRadiusSmall,paddingLeft:c.tokens.spacingHorizontalSNudge,paddingRight:c.tokens.spacingHorizontalSNudge,paddingTop:c.tokens.spacingVerticalXXS,paddingBottom:c.tokens.spacingVerticalXXS,fontSize:c.tokens.fontSizeBase300,fontWeight:c.tokens.fontWeightMedium,background:`none`,border:`none`,cursor:`pointer`,color:`inherit`,":hover":{backgroundColor:c.tokens.colorNeutralBackground1Hover},'[aria-expanded="true"]':{backgroundColor:c.tokens.colorNeutralBackground1Hover}}}),be=()=>{let[e,t]=l.default.useState({}),n=l.default.useRef({});return{checkedValues:e,setValues:l.default.useCallback((e,n)=>{t(t=>({...t,[e]:n}))},[]),registerOnChange:l.default.useCallback((e,t)=>(n.current[e]=t,()=>{delete n.current[e]}),[]),handleCheckedValueChange:l.default.useCallback((e,r)=>{t(e=>({...e,[r.name]:r.checkedItems})),n.current[r.name]?.(r.checkedItems)},[])}},z=l.default.createContext(null),xe=l.default.createContext(null),Se=({className:e,style:t,children:n})=>(0,d.jsx)(`div`,{className:(0,c.mergeClasses)(ye().root,e),role:`menubar`,style:t,children:n}),Ce=({label:e,disabled:t,children:n})=>{let r=ye(),{checkedValues:i,setValues:a,registerOnChange:o,handleCheckedValueChange:s}=be();return(0,d.jsx)(z.Provider,{value:{setValues:a,registerOnChange:o},children:(0,d.jsxs)(c.Menu,{checkedValues:i,onCheckedValueChange:s,children:[(0,d.jsx)(c.MenuTrigger,{disableButtonEnhancement:!0,children:(0,d.jsx)(`button`,{className:r.trigger,disabled:t,type:`button`,children:e})}),(0,d.jsx)(c.MenuPopover,{children:(0,d.jsx)(c.MenuList,{children:n})})]})})},we=({icon:e,shortcut:t,disabled:n,onClick:r,children:i})=>(0,d.jsx)(c.MenuItem,{disabled:n,icon:e,onClick:r,secondaryContent:t,children:i}),B=`checked`,Te=({checked:e,onCheckedChange:t,disabled:n,shortcut:r,children:i})=>{let a=l.default.useId(),o=l.default.useContext(z);if(!o)throw Error(`FuiMenuBarCheckboxItem must be used within a FuiMenuBarMenu or FuiMenuBarSub`);let{setValues:s,registerOnChange:u}=o;return l.default.useEffect(()=>{s(a,e?[B]:[])},[a,e,s]),l.default.useEffect(()=>u(a,e=>t(e.includes(B))),[a,t,u]),(0,d.jsx)(c.MenuItemCheckbox,{disabled:n,name:a,secondaryContent:r,value:B,children:i})},Ee=({value:e,onValueChange:t,children:n})=>{let r=l.default.useId(),i=l.default.useContext(z);if(!i)throw Error(`FuiMenuBarRadioGroup must be used within a FuiMenuBarMenu or FuiMenuBarSub`);let{setValues:a,registerOnChange:o}=i;return l.default.useEffect(()=>{a(r,[e])},[r,e,a]),l.default.useEffect(()=>o(r,e=>{let n=e[0];n!==void 0&&t(n)}),[r,t,o]),(0,d.jsx)(xe.Provider,{value:r,children:n})},De=({value:e,disabled:t,children:n})=>{let r=l.default.useContext(xe);if(r===null)throw Error(`FuiMenuBarRadioItem must be used within a FuiMenuBarRadioGroup`);return(0,d.jsx)(c.MenuItemRadio,{disabled:t,name:r,value:e,children:n})},Oe=({className:e})=>(0,d.jsx)(c.MenuDivider,{className:e}),ke=({children:e})=>(0,d.jsx)(c.MenuGroupHeader,{children:e}),Ae=({label:e,disabled:t,children:n})=>{let{checkedValues:r,setValues:i,registerOnChange:a,handleCheckedValueChange:o}=be();return(0,d.jsx)(z.Provider,{value:{setValues:i,registerOnChange:a},children:(0,d.jsxs)(c.Menu,{checkedValues:r,onCheckedValueChange:o,children:[(0,d.jsx)(c.MenuTrigger,{disableButtonEnhancement:!0,children:(0,d.jsx)(c.MenuItem,{disabled:t,children:e})}),(0,d.jsx)(c.MenuPopover,{children:(0,d.jsx)(c.MenuList,{children:n})})]})})},je=(0,c.makeStyles)({root:{display:`flex`,flexDirection:`column`,width:`100%`},rootVertical:{flexDirection:`row`},tabList:{width:`max-content`},tabListVertical:{borderBottom:`none`,borderRight:`1px solid ${c.tokens.colorNeutralStroke2}`,minWidth:`0`,width:`auto`},scrollWrapper:{width:`100%`,overflowX:`auto`,WebkitOverflowScrolling:`touch`,"::-webkit-scrollbar":{display:`none`},msOverflowStyle:`none`,scrollbarWidth:`none`},content:{paddingTop:c.tokens.spacingVerticalM,flexGrow:1},contentVertical:{paddingTop:`0`,paddingLeft:c.tokens.spacingHorizontalM},tabTextSelected:{color:c.tokens.colorBrandForeground1}}),V=Symbol.for(`FuiTab`),Me=Object.assign(e=>null,{_marker:V}),Ne=e=>{let{children:t,vertical:n,selectedValue:r,onTabSelect:i,className:a,style:o}=e,s=F(),u=je(),f=!s&&n,p=l.default.Children.toArray(t).filter(e=>l.default.isValidElement(e)&&e.type?._marker===V).map(e=>({props:e.props,value:e.props.value??e.props.name})),m=(0,d.jsx)(c.TabList,{className:(0,c.mergeClasses)(f?u.tabListVertical:u.tabList,a),onTabSelect:(e,t)=>{i?.(t)},selectedValue:r,style:o,vertical:f,children:p.map(e=>(0,d.jsx)(c.Tab,{disabled:e.props.disabled,icon:e.props.icon,value:e.value,children:(0,d.jsx)(`span`,{className:e.value===r?u.tabTextSelected:void 0,children:e.props.name})},String(e.value)))}),h=p.find(e=>e.value===r);return(0,d.jsxs)(`div`,{className:(0,c.mergeClasses)(u.root,f&&u.rootVertical),children:[s?(0,d.jsx)(`div`,{className:u.scrollWrapper,children:m}):m,h&&(0,d.jsx)(`div`,{className:(0,c.mergeClasses)(u.content,f&&u.contentVertical),children:h.props.children})]})},H=(e,t)=>e.replace(/{{\s*([\w.]+)\s*}}/g,(e,n)=>{let r=n.split(`.`).reduce((e,t)=>{if(e&&typeof e==`object`&&t in e)return e[t]},t);return r==null?``:String(r)}),U=({children:e,appearance:t=`secondary`,size:n=`medium`,icon:r,iconPosition:i=`before`,...a})=>(0,d.jsx)(c.Button,{appearance:t,icon:r,iconPosition:i,size:n,...a,children:e}),W=({appearance:e=`subtle`,icon:t,...n})=>(0,d.jsx)(U,{appearance:e,icon:t,...n}),Pe=(0,c.makeStyles)({rootVertical:{display:`flex`,flexDirection:`column`,gap:`2px`},rootHorizontal:{display:`flex`,alignItems:`flex-start`,gap:c.tokens.spacingHorizontalM},rootHorizontalRow:{flexDirection:`row`},rootHorizontalColumn:{flexDirection:`column`,gap:`2px`},labelContainer:{display:`flex`,flexDirection:`row`,alignItems:`center`,gap:`4px`,overflow:`hidden`,flexShrink:1},eraserIcon:{cursor:`pointer`,color:c.tokens.colorNeutralForeground3,fontSize:`16px`,flexShrink:0,":hover":{color:c.tokens.colorNeutralForeground2}},labelHorizontal:{minHeight:`32px`,display:`flex`,alignItems:`center`,flexShrink:0},labelHorizontalColumn:{width:`100% !important`,minHeight:`auto`},labelQuarter:{width:`25%`},labelThird:{width:`33.3333%`},labelHalf:{width:`50%`},labelAuto:{width:`auto`},labelComponent:{display:`inline-flex`,alignItems:`center`,whiteSpace:`nowrap`,overflow:`hidden`,minWidth:0,flexShrink:1},labelText:{overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`},fieldGroup:{display:`flex`,flexDirection:`column`,flexGrow:1,width:`100%`},messageContainer:{display:`flex`,flexDirection:`row`,justifyContent:`space-between`,alignItems:`center`,gap:c.tokens.spacingHorizontalM},message:{lineHeight:c.tokens.spacingVerticalL,paddingLeft:c.tokens.spacingHorizontalM},messagePlaceholder:{visibility:`hidden`},additionalMessage:{flexShrink:0,color:c.tokens.colorNeutralForeground3},errorMessage:{color:c.tokens.colorPaletteRedForeground1},infoMessage:{color:c.tokens.colorPaletteGreenForeground1}}),G=e=>t=>{let{label:n=``,required:r,hint:i,errorMessage:a,infoMessage:o,noMessage:s=!1,layout:l=`vertical`,labelWidth:u=`quarter`,additionalMessage:p,clearable:m=!0,onClear:h,...g}=t,_=Pe(),v=F(),y=(0,c.useId)(`input-field`),b=l===`horizontal`,x=(0,c.mergeClasses)(b&&_.labelHorizontal,b&&v&&_.labelHorizontalColumn,b&&u===`quarter`&&_.labelQuarter,b&&u===`third`&&_.labelThird,b&&u===`half`&&_.labelHalf,b&&u===`auto`&&_.labelAuto),S=n!==null,C=n===void 0||n===``?`\xA0`:n,w=(0,d.jsx)(`span`,{className:_.labelText,children:C});return(0,d.jsxs)(`div`,{className:b&&S?(0,c.mergeClasses)(_.rootHorizontal,v?_.rootHorizontalColumn:_.rootHorizontalRow):_.rootVertical,children:[S&&(0,d.jsxs)(`div`,{className:(0,c.mergeClasses)(_.labelContainer,x),children:[i?(0,d.jsx)(c.InfoLabel,{className:_.labelComponent,"data-testid":`info-label`,htmlFor:y,info:i,required:r,children:w}):(0,d.jsx)(c.Label,{className:_.labelComponent,"data-testid":`label`,htmlFor:y,required:r,children:w}),m!==!1&&h&&g.readOnly!==!0&&g.disabled!==!0&&(0,d.jsx)(f.EraserRegular,{className:_.eraserIcon,"data-testid":`eraser-icon`,onClick:h})]}),(0,d.jsxs)(`div`,{className:_.fieldGroup,children:[(0,d.jsx)(e,{...g,id:y}),!s&&(0,d.jsxs)(`div`,{className:_.messageContainer,children:[(0,d.jsx)(c.Caption1,{className:(0,c.mergeClasses)(_.message,a?_.errorMessage:o?_.infoMessage:_.messagePlaceholder),children:a??o??`\xA0`}),p&&(0,d.jsx)(c.Caption1,{className:_.additionalMessage,children:p})]})]})]})},K=(0,c.makeStyles)({drawer:{height:`auto`,maxHeight:`60vh`,overflowY:`auto`},drawerHeader:{paddingBottom:c.tokens.spacingVerticalM,paddingLeft:c.tokens.spacingHorizontalXXL,paddingRight:c.tokens.spacingHorizontalXXL},listboxWrapper:{paddingTop:c.tokens.spacingVerticalM,paddingBottom:c.tokens.spacingVerticalM,paddingLeft:c.tokens.spacingHorizontalXXL,paddingRight:c.tokens.spacingHorizontalXXL},dropdownWrapper:{position:`relative`},contentBefore:{position:`absolute`,top:0,bottom:0,left:c.tokens.spacingHorizontalS,margin:`auto`,display:`flex`,alignItems:`center`,pointerEvents:`none`,color:c.tokens.colorNeutralForeground3,zIndex:1},buttonWithContentBefore:{paddingLeft:`calc(${c.tokens.spacingHorizontalS} + ${c.tokens.fontSizeBase400} + ${c.tokens.spacingHorizontalXS})`}}),q=(e,t,n)=>n?e==null?t:t.includes(e)?t.filter(t=>t!==e):[...t,e]:e,J=({groups:e,ungrouped:t})=>{let n=e=>(0,d.jsx)(c.Option,{disabled:e.disabled,text:e.text,value:e.value,children:e.render?e.render():e.text},e.value);return(0,d.jsxs)(d.Fragment,{children:[t.map(n),Object.entries(e).map(([e,t])=>(0,d.jsx)(c.OptionGroup,{label:e,children:t.map(n)},e))]})},Y=(e,t)=>{let n=(0,l.useMemo)(()=>e==null?[]:Array.isArray(e)?e:[e],[e]);return{selectedValues:n,displayValue:(0,l.useMemo)(()=>t.filter(e=>n.includes(e.value)).map(e=>e.text).join(`, `),[t,n]),groupedOptions:(0,l.useMemo)(()=>{let e={},n=[];return t.forEach(t=>{t.group?(e[t.group]??=[]).push(t):n.push(t)}),{groups:e,ungrouped:n}},[t])}},Fe=e=>{let{value:t,onChange:n,options:r,placeholder:i,multiselect:a=!1,className:o,style:s,disabled:u,readOnly:p=!1,drawerTitle:m,id:h,contentBefore:g}=e,_=K(),[v,y]=(0,l.useState)(!1),{selectedValues:b,displayValue:x,groupedOptions:S}=Y(t,r),C=e=>{n(q(e,b,a)),a||y(!1)};return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(c.Input,{autoComplete:`off`,className:o,contentAfter:(0,d.jsx)(f.ChevronDownRegular,{onClick:()=>y(!0),style:{cursor:`pointer`}},`${h}-chevron`),contentBefore:g,disabled:u,id:h,onClick:()=>y(!0),onKeyDown:e=>e.preventDefault(),placeholder:i,readOnly:!0,style:s,type:`text`,value:x}),(0,d.jsxs)(I,{className:_.drawer,onOpenChange:y,open:v,position:`bottom`,children:[(0,d.jsx)(L,{action:(0,d.jsx)(W,{"aria-label":`Close`,icon:(0,d.jsx)(f.DismissRegular,{}),onClick:()=>y(!1)}),className:_.drawerHeader,title:m}),(0,d.jsx)(R,{children:(0,d.jsx)(`div`,{className:_.listboxWrapper,children:(0,d.jsx)(c.Listbox,{multiselect:a,onOptionSelect:p?void 0:(e,t)=>C(t.optionValue??null),selectedOptions:b,children:J(S)})})})]})]})},Ie=G(e=>{let{value:t,onChange:n,options:r,multiselect:i=!1,style:a,readOnly:o=!1,id:s,placeholder:l,disabled:u,className:f,listbox:p,positioning:m,contentBefore:h}=e,g=F(),_=K(),{selectedValues:v,displayValue:y,groupedOptions:b}=Y(t,r);if(g)return(0,d.jsx)(Fe,{...e});let x=e=>{n(q(e,v,i))},S=(0,d.jsx)(c.Dropdown,{"aria-labelledby":s,button:h?{className:_.buttonWithContentBefore}:void 0,className:h?void 0:f,disabled:u,id:s,listbox:p,multiselect:i,onOptionSelect:(e,t)=>{o||x(t.optionValue??null)},placeholder:l,positioning:m,selectedOptions:v,style:h?{width:`100%`}:{width:`100%`,...a},value:y,children:J(b)});return h?(0,d.jsxs)(`div`,{className:(0,c.mergeClasses)(_.dropdownWrapper,f),style:a,children:[(0,d.jsx)(`span`,{className:_.contentBefore,children:h}),S]}):S}),Le=e=>{let{value:t,onChange:n,...r}=e,i=(Array.isArray(t)?t.length>0:t!==null&&t!==``)?()=>n(e.multiselect===!0?[]:null):void 0;return(0,d.jsx)(Ie,{...r,drawerTitle:e.label??e.placeholder,onChange:n,onClear:i,value:t})},Re={top:`above`,bottom:`below`,left:`before`,right:`after`},X=({text:e,showOn:t=`hover`,dismissMs:n=2e3,position:r,children:i})=>{let[a,o]=(0,l.useState)(!1);if((0,l.useEffect)(()=>{if(t!==`click`||!a)return;let e=window.setTimeout(()=>o(!1),n);return()=>window.clearTimeout(e)},[t,a,n]),i.props.disabled===!0||i.props[`aria-disabled`]===!0||i.props[`aria-disabled`]===`true`)return i;let s=r?Re[r]:void 0;return t===`click`?(0,d.jsxs)(c.Popover,{onOpenChange:(e,t)=>o(t.open),open:a,positioning:s,children:[(0,d.jsx)(c.PopoverTrigger,{children:i}),(0,d.jsx)(c.PopoverSurface,{children:e})]}):(0,d.jsx)(c.Tooltip,{content:e,positioning:s,relationship:`label`,children:i})},ze=(0,c.makeStyles)({headerRow:{backgroundColor:c.tokens.colorNeutralBackground3,"& > *":{color:c.tokens.colorNeutralForeground1},width:`100%`},row:{width:`100%`},headerCell:{backgroundColor:c.tokens.colorNeutralBackground3,display:`flex`,flexDirection:`column`,justifyContent:`center`},ellipsis:{overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`},sortableHeader:{cursor:`pointer`},cell:{paddingLeft:c.tokens.spacingHorizontalS},outerWrapper:{width:`100%`},scrollContainer:{width:`100%`,overflowX:`auto`,WebkitOverflowScrolling:`touch`},paginationBar:{display:`flex`,alignItems:`center`,justifyContent:`flex-end`,gap:c.tokens.spacingHorizontalS,padding:`${c.tokens.spacingVerticalS} ${c.tokens.spacingHorizontalM}`,backgroundColor:c.tokens.colorNeutralBackground2},paginationBarMobile:{flexDirection:`column`,alignItems:`flex-end`,padding:`${c.tokens.spacingVerticalXXS} ${c.tokens.spacingHorizontalXXS}`,gap:c.tokens.spacingHorizontalXS},navRow:{display:`flex`,alignItems:`center`,gap:c.tokens.spacingHorizontalS,order:1},navRowMobile:{justifyContent:`center`},sizeRow:{display:`flex`,alignItems:`center`,gap:c.tokens.spacingHorizontalS,order:2},sizeRowMobile:{justifyContent:`center`,paddingRight:c.tokens.spacingHorizontalM},listbox:{minWidth:0,width:`80px`},range:{fontSize:c.tokens.fontSizeBase200,color:c.tokens.colorNeutralForeground3,fontVariantNumeric:`tabular-nums`,minWidth:`90px`,textAlign:`center`},rowSmall:{height:c.tokens.spacingVerticalXXXL},rowMedium:{height:`calc(${c.tokens.spacingVerticalXXXL} + ${c.tokens.spacingVerticalL})`},rowLarge:{height:`calc(${c.tokens.spacingVerticalXXXL} + ${c.tokens.spacingVerticalXXXL})`}}),Be=Symbol.for(`FuiColumn`),Ve=Object.assign(()=>null,{_marker:Be}),He=(e,t)=>t.split(`.`).reduce((e,t)=>{if(typeof e==`object`&&e)return e[t]},e),Ue=e=>l.default.Children.toArray(e).filter(e=>l.default.isValidElement(e)&&e.type?._marker===Be).map(e=>e.props),We=(e,t)=>{let n=He(t,e.field);return e.builder?e.builder(n,t):e.formatter?(0,d.jsx)(c.Body1,{children:e.formatter(n,t)}):(0,d.jsx)(c.Body1,{children:n==null?``:String(n)})},Ge=({offset:e,pageSize:t,fastForwardPage:n=5,pageSizeOption:r,totalRecord:i,visibleCount:a,onPageChange:o,langLabel:s})=>{let l=ze(),u=s?.paginationBar,p=i===0?0:e+1,m=i===0?0:e+a,h=e>0,g=e+t<i,_=F(),v=String(t),y=i===0?s?.noData||`No data`:s?.pageRange?H(s.pageRange,{from:p,to:m,total:i}):`${p} to ${m} of ${i}`,b=s?.pageSize??`Rows :`,x=u?.next??`Next page`,S=u?.nextN?H(u.nextN,{n}):`Next ${n} pages`,C=u?.previous??`Previous page`,w=u?.previousN?H(u.previousN,{n}):`Previous ${n} pages`;return(0,d.jsxs)(`div`,{className:(0,c.mergeClasses)(l.paginationBar,_&&l.paginationBarMobile),children:[(0,d.jsxs)(`div`,{className:(0,c.mergeClasses)(l.navRow,_&&l.navRowMobile),children:[(0,d.jsx)(X,{text:w,children:(0,d.jsx)(W,{"aria-label":w,disabled:!h,icon:(0,d.jsx)(f.ChevronDoubleLeftRegular,{}),onClick:()=>o(Math.max(0,e-n*t),t)})}),(0,d.jsx)(X,{text:C,children:(0,d.jsx)(W,{"aria-label":C,disabled:!h,icon:(0,d.jsx)(f.ChevronLeftRegular,{}),onClick:()=>o(Math.max(0,e-t),t)})}),(0,d.jsx)(`span`,{className:l.range,children:(0,d.jsx)(c.Body1,{children:y})}),(0,d.jsx)(X,{text:x,children:(0,d.jsx)(W,{"aria-label":x,disabled:!g,icon:(0,d.jsx)(f.ChevronRightRegular,{}),onClick:()=>o(e+t,t)})}),(0,d.jsx)(X,{text:S,children:(0,d.jsx)(W,{"aria-label":S,disabled:!g,icon:(0,d.jsx)(f.ChevronDoubleRightRegular,{}),onClick:()=>o(e+n*t,t)})}),` `,!_&&(0,d.jsx)(c.Divider,{vertical:!0})]}),(0,d.jsxs)(`div`,{className:(0,c.mergeClasses)(l.sizeRow,_&&l.sizeRowMobile),children:[(0,d.jsx)(c.Body1,{children:b}),_?(0,d.jsx)(Fe,{className:l.listbox,drawerTitle:b,onChange:t=>{t&&!Array.isArray(t)&&o(e,Number(t))},options:r.map(e=>String(e)).map(e=>({value:e,text:e})),value:v}):(0,d.jsx)(c.Dropdown,{className:l.listbox,listbox:{className:l.listbox},onOptionSelect:(t,n)=>{n.optionValue&&o(e,Number(n.optionValue))},selectedOptions:[v],value:v,children:r.map(e=>String(e)).map(e=>(0,d.jsx)(c.Option,{text:e,value:e,children:e},e))})]})]})},Ke=({data:e,onPageOrSort:t,pagination:n,rowHeight:r,width:i,langLabel:a,children:o})=>{let[s,u]=(0,l.useState)(null),[p,m]=(0,l.useState)(`asc`),h=ze(),g=N(),_=Ue(o),v=e=>{let t=e.style?.width;return t==null?e.style??{}:{...e.style,boxSizing:`border-box`,flex:`0 0 ${t}`,minWidth:0,overflow:`hidden`}},y=_.map((e,t)=>(0,c.createTableColumn)({columnId:`${e.field}_${t}`,renderHeaderCell:()=>e.header,renderCell:t=>We(e,t)})),b=e=>{if(t||g.warn(`Sorting is not performed because onSort handler is not provided`),s===e){let r=p===`asc`?`desc`:`asc`;m(r),t?.(n,{field:e,direction:r})}else u(e),m(`asc`),t?.(n,{field:e,direction:`asc`})},x=n&&(0,d.jsx)(Ge,{onPageChange:(e,n)=>{t?.({offset:e,pageSize:n},s?{field:s,direction:p}:void 0)},...n,langLabel:a,visibleCount:e.length}),S=s?y.find(e=>String(e.columnId).startsWith(`${s}_`))?.columnId:void 0,C=r?{small:h.rowSmall,medium:h.rowMedium,large:h.rowLarge}[r]:void 0,w=n?Math.max(0,n.pageSize-e.length):0,T=[...e,...Array.from({length:w}).map((e,t)=>({_isFiller:!0,id:`filler-${t}`}))];return(0,d.jsxs)(`div`,{className:h.outerWrapper,children:[n?.position===`top`&&x,(0,d.jsx)(`div`,{className:h.scrollContainer,children:(0,d.jsxs)(c.DataGrid,{columns:y,items:T,sortState:{sortColumn:S,sortDirection:p===`asc`?`ascending`:`descending`},style:{minWidth:i?.minWidth??i?.width,whiteSpace:`nowrap`,width:`100%`},children:[(0,d.jsx)(c.DataGridHeader,{children:(0,d.jsx)(c.DataGridRow,{className:h.headerRow,children:({renderHeaderCell:e,columnId:t})=>{let n=_[parseInt(String(t).split(`_`).pop()||`0`)];return(0,d.jsx)(c.DataGridHeaderCell,{className:(0,c.mergeClasses)(h.headerCell,n.sortable&&h.sortableHeader),onClick:n.sortable?()=>b(n.field):void 0,sortDirection:n.sortable&&s===n.field?p===`asc`?`ascending`:`descending`:void 0,sortIcon:n.sortable&&s!==n.field?{children:(0,d.jsx)(f.ArrowSortRegular,{fontSize:12})}:void 0,style:{...v(n),...n.headerStyle,textAlign:n.align},children:(0,d.jsx)(c.Body1Strong,{className:h.ellipsis,children:e()})},t)}})}),(0,d.jsx)(c.DataGridBody,{children:({item:e,rowId:t})=>(0,d.jsx)(c.DataGridRow,{className:(0,c.mergeClasses)(h.row,C),children:({renderCell:t,columnId:n})=>{let r=_[parseInt(String(n).split(`_`).pop()||`0`)];return(0,d.jsx)(c.DataGridCell,{className:h.cell,style:{...v(r),textAlign:r.align},children:e._isFiller?null:t(e)},n)}},t)})]})}),(n?.position===`bottom`||!n?.position)&&x]})},qe=(0,c.makeStyles)({small:{height:c.tokens.spacingVerticalL,columnGap:c.tokens.spacingHorizontalXS,paddingLeft:c.tokens.spacingHorizontalSNudge,paddingRight:c.tokens.spacingHorizontalSNudge,fontSize:c.tokens.fontSizeBase100},medium:{height:c.tokens.spacingVerticalXXL,columnGap:c.tokens.spacingHorizontalSNudge,paddingLeft:c.tokens.spacingHorizontalM,paddingRight:c.tokens.spacingHorizontalM,fontSize:c.tokens.fontSizeBase200},large:{height:c.tokens.spacingVerticalXXXL,columnGap:c.tokens.spacingHorizontalS,paddingLeft:c.tokens.spacingHorizontalMNudge,paddingRight:c.tokens.spacingHorizontalMNudge,fontSize:c.tokens.fontSizeBase300},clickable:{cursor:`pointer`}}),Je=({label:e,onClick:t,onRemove:n,size:r=`medium`,className:i})=>{let a=qe(),o={small:a.small,medium:a.medium,large:a.large}[r];return n?(0,d.jsx)(c.Tag,{appearance:`filled`,className:(0,c.mergeClasses)(o,i),dismissible:!0,dismissIcon:{"aria-label":`Remove ${e}`,children:(0,d.jsx)(f.DismissRegular,{}),onClick:n,role:`button`},shape:`rounded`,children:e}):(0,d.jsx)(c.Tag,{appearance:`filled`,className:(0,c.mergeClasses)(o,t&&a.clickable,i),onClick:t,shape:`rounded`,children:e})},Ye=(e,t)=>`Carousel slide ${e+1} of ${t}`,Xe=({images:e,langLabel:t})=>(0,d.jsx)(`div`,{style:{width:`100%`},children:(0,d.jsxs)(c.Carousel,{announcement:Ye,circular:!0,groupSize:1,children:[(0,d.jsx)(c.CarouselViewport,{style:{width:`100%`,overflow:`hidden`},children:(0,d.jsx)(c.CarouselSlider,{style:{display:`flex`,flexWrap:`nowrap`,width:`100%`},children:e.map((t,n)=>(0,d.jsx)(c.CarouselCard,{"aria-label":`${n+1} of ${e.length}`,id:`carousel-image-${n}`,style:{aspectRatio:`5/2`,flexShrink:0,overflow:`hidden`,width:`100%`},children:(0,d.jsx)(c.Image,{fit:`cover`,role:`presentation`,src:t,style:{display:`block`,height:`100%`,objectFit:`cover`,width:`100%`}})},`image-${n}`))})}),(0,d.jsx)(c.CarouselNavContainer,{autoplayTooltip:{content:t?.autoplay??`Autoplay`,relationship:`label`},layout:`inline`,nextTooltip:{content:t?.next??`Next image`,relationship:`label`},prevTooltip:{content:t?.previous??`Previous image`,relationship:`label`},children:(0,d.jsx)(c.CarouselNav,{children:e=>(0,d.jsx)(c.CarouselNavButton,{"aria-label":`Carousel Nav Button ${e}`})})})]})}),Ze={label:c.Label,title1:c.Title1,title2:c.Title2,subTitle1:c.Subtitle1,subTitle2:c.Subtitle2,body1:c.Body1,body2:c.Body2,caption1:c.Caption1,caption2:c.Caption2},Qe=({text:e,type:t=`label`,italic:n=!1,bold:r=!1,block:i=!1,className:a,style:o})=>{let s=Ze[t];return(0,d.jsx)(s,{className:a,style:{display:i?`block`:void 0,fontStyle:n?`italic`:void 0,fontWeight:r?`bold`:void 0,...o},children:e})},Z=e=>t=>(0,d.jsx)(Qe,{...t,type:e}),$e=Z(`label`),et=Z(`title1`),tt=Z(`title2`),nt=Z(`subTitle1`),rt=Z(`subTitle2`),it=Z(`body1`),at=Z(`body2`),ot=Z(`caption1`),st=Z(`caption2`),ct=({children:e,checked:t,defaultChecked:n=!1,appearance:r=`secondary`,size:i=`medium`,icon:a,iconPosition:o=`before`,...s})=>(0,d.jsx)(c.ToggleButton,{appearance:r,checked:t,defaultChecked:n,icon:a,iconPosition:o,size:i,...s,children:e}),lt=e=>{let{checked:t=!1,label:n,disabled:r=!1,readOnly:i=!1,onChange:a,className:o,style:s}=e;return(0,d.jsx)(c.Checkbox,{checked:t,className:o,disabled:r,label:n,onChange:(e,t)=>{i||a(!!t.checked)},style:s})},ut=(0,c.makeStyles)({drawer:{height:`auto`,maxHeight:`80vh`},drawerHeader:{paddingBottom:c.tokens.spacingVerticalM,paddingLeft:c.tokens.spacingHorizontalXXL,paddingRight:c.tokens.spacingHorizontalXXL},calendarWrapper:{display:`flex`,justifyContent:`center`,paddingTop:c.tokens.spacingVerticalM,paddingBottom:c.tokens.spacingVerticalM,paddingLeft:c.tokens.spacingHorizontalXXL,paddingRight:c.tokens.spacingHorizontalXXL}}),Q=e=>e?e.toLocaleDateString():``,dt=e=>{let{id:t,value:n,onChange:r,formatter:i=Q,placeholder:a,className:o,style:s,readOnly:l,disabled:u}=e;return F()?(0,d.jsx)(ft,{...e}):l?(0,d.jsx)(c.Input,{className:o,id:t,placeholder:a,readOnly:!0,style:{width:`100%`,...s},type:`text`,value:i(n)}):(0,d.jsx)(m.DatePicker,{className:o,disabled:u,formatDate:e=>i(e??null),id:t,onSelectDate:e=>r(e??null),placeholder:a,style:{width:`100%`,...s},value:n??void 0},`${t}-${n?`defined`:`undefined`}`)},ft=e=>{let{id:t,value:n,onChange:r,formatter:i=Q,placeholder:a,className:o,style:s,drawerTitle:u,readOnly:m,disabled:h}=e,g=ut(),[_,v]=(0,l.useState)(!1),y=()=>{m||v(!0)};return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(c.Input,{autoComplete:`off`,className:o,contentAfter:m?void 0:(0,d.jsx)(f.CalendarRegular,{onClick:y,style:{cursor:`pointer`}},`${t}-calendar`),disabled:h,id:t,onClick:y,onKeyDown:e=>e.preventDefault(),placeholder:a,readOnly:!0,style:s,type:`text`,value:i(n)}),(0,d.jsxs)(I,{className:g.drawer,onOpenChange:v,open:_,position:`bottom`,children:[u&&(0,d.jsx)(L,{action:(0,d.jsx)(W,{"aria-label":`Close`,icon:(0,d.jsx)(f.DismissRegular,{}),onClick:()=>v(!1)}),className:g.drawerHeader,title:u}),(0,d.jsx)(R,{children:(0,d.jsx)(`div`,{className:g.calendarWrapper,children:(0,d.jsx)(p.Calendar,{onSelectDate:e=>{r(e??null),v(!1)},value:n??void 0},`${t}-${n?`defined`:`undefined`}`)})})]})]})},pt=G(dt),mt=e=>{let{value:t,onChange:n,...r}=e,i=t!==null&&!e.readOnly&&!e.disabled?()=>n(null):void 0;return(0,d.jsx)(pt,{...r,drawerTitle:e.label??e.placeholder,onChange:n,onClear:i,value:t})},ht=(0,c.makeStyles)({arrows:{display:`flex`,flexDirection:`column`},arrowsRow:{flexDirection:`row`},arrowIcon:{cursor:`pointer`},arrowIconMobile:{fontSize:c.tokens.fontSizeBase500,height:c.tokens.fontSizeBase500,width:c.tokens.fontSizeBase500},arrowIconDisabled:{cursor:`default`,opacity:.4},amPm:{cursor:`pointer`,fontWeight:c.tokens.fontWeightSemibold,paddingRight:c.tokens.spacingHorizontalXS,userSelect:`none`},amPmDisabled:{cursor:`default`,opacity:.4}}),gt={hour:0,minute:0,second:0},_t=(e,t,n)=>{if(e===null)return``;let r=n?e.hour:e.hour%12||12,i=String(r).padStart(2,`0`),a=String(e.minute).padStart(2,`0`),o=String(e.second).padStart(2,`0`);return t?`${i}:${a}:${o}`:`${i}:${a}`},vt=(e,t)=>e==null?t?`s`:`m`:e<3?`h`:e<6?`m`:`s`,$=(e,t,n,r)=>{let i=e??gt;if(t===`s`){let e=i.second+n;return r&&e<0?$({...i,second:59},`m`,-1,r):r&&e>=60?$({...i,second:0},`m`,1,r):{...i,second:(e+60)%60}}if(t===`m`){let e=i.minute+n;return r&&e<0?$({...i,minute:59},`h`,-1,r):r&&e>=60?$({...i,minute:0},`h`,1,r):{...i,minute:(e+60)%60}}return{...i,hour:(i.hour+n+24)%24}},yt=G(e=>{let{value:t,onChange:n,in24HourFormat:r=!0,withSeconds:i=!1,cascadeCarry:a=!1,readOnly:o=!1,disabled:s,className:u,style:p,id:m,placeholder:h}=e,g=ht(),_=F(),v=(0,l.useRef)(null),[y,b]=(0,l.useState)(null),x=(0,l.useRef)(null),S=!o&&!s,C=t!==null&&t.hour>=12;(0,l.useEffect)(()=>{x.current!==null&&v.current&&(v.current.setSelectionRange(x.current,x.current),x.current=null)});let w=()=>{b(vt(v.current?.selectionStart,i))},T=()=>{b(vt(v.current?.selectionStart,i))},E=()=>b(null),D=e=>{if(!S)return;let r=y??(i?`s`:`m`);x.current=v.current?.selectionStart??null,n($(t,r,e,a))},O=()=>{if(!S)return;let e=t??gt;n({...e,hour:e.hour>=12?e.hour-12:e.hour+12})},k=(0,c.mergeClasses)(g.arrowIcon,_&&g.arrowIconMobile,!S&&g.arrowIconDisabled);return(0,d.jsx)(c.Input,{autoComplete:`off`,className:u,contentAfter:(0,d.jsxs)(`div`,{className:(0,c.mergeClasses)(g.arrows,_&&g.arrowsRow),children:[(0,d.jsx)(f.ChevronUpRegular,{className:k,onClick:()=>D(1),onMouseDown:e=>e.preventDefault()}),(0,d.jsx)(f.ChevronDownRegular,{className:k,onClick:()=>D(-1),onMouseDown:e=>e.preventDefault()})]}),contentBefore:!r&&t!==null?(0,d.jsx)(`span`,{className:S?g.amPm:(0,c.mergeClasses)(g.amPm,g.amPmDisabled),onClick:S?O:void 0,onMouseDown:S?e=>e.preventDefault():void 0,children:C?`PM`:`AM`}):void 0,disabled:s,id:m,input:{ref:v,style:{minWidth:i?`8ch`:`5ch`}},onBlur:E,onClick:w,onFocus:T,onKeyDown:e=>{e.key!==`Tab`&&e.preventDefault()},placeholder:h,readOnly:o,style:{width:`100%`,...p},type:`text`,value:_t(t,i,r)})}),bt=e=>{let{value:t,onChange:n,...r}=e,i=t!==null&&!e.readOnly&&!e.disabled?()=>n(null):void 0;return(0,d.jsx)(yt,{...r,onChange:n,onClear:i,value:t})},xt=(0,c.makeStyles)({groupRow:{display:`flex`,flexDirection:`row`,gap:c.tokens.spacingHorizontalM,width:`100%`},groupColumn:{display:`flex`,flexDirection:`column`,gap:c.tokens.spacingVerticalXXS,width:`100%`}}),St=G(({items:e,className:t,style:n})=>{let r=F(),i=xt();return(0,d.jsx)(`div`,{className:`${r?i.groupColumn:i.groupRow} ${t??``}`,style:n,children:e.map(({element:e,weight:t=1},n)=>{let{label:i,placeholder:a}=e.props,o=a??i;return(0,d.jsx)(`div`,{style:r?{flex:`1 1 auto`}:{flex:`${t} 1 0px`,minWidth:0},children:l.default.cloneElement(e,{label:null,placeholder:o,noMessage:!1})},n)})})}),Ct=e=>{let t=F(),{items:n,className:r,style:i}=e,a=n.some(({element:e})=>{let t=e.props.value;return t!=null&&t!==``})?()=>n.forEach(({element:e})=>e.props.onChange(null)):void 0;return(0,d.jsx)(St,{...e,className:r,layout:t?`vertical`:e.layout,noMessage:!0,onClear:a,style:i})},wt=G(e=>{let{id:t,type:n=`text`,onChange:r,onKeyDown:i,className:a,style:o,contentBefore:s,contentAfter:u,value:p,...m}=e,[h,g]=(0,l.useState)(!1),_=n===`email`?e=>{e.key===`@`&&p?.includes(`@`)&&e.preventDefault(),i?.(e)}:i,v=e=>{r(e??null)},y=()=>{g(!h)},b=n===`password`&&h?`text`:n,x=(p?.length??0)>0;return(0,d.jsx)(c.Input,{...m,className:a,contentAfter:n===`password`?x?(0,d.jsx)(W,{"aria-label":h?`Hide password`:`Show password`,icon:h?(0,d.jsx)(f.EyeOffRegular,{}):(0,d.jsx)(f.EyeRegular,{}),onClick:y,size:`small`,type:`button`}):void 0:u,contentBefore:s,id:t,onChange:(e,t)=>v(t.value),onKeyDown:_,style:o,type:b,value:p??``})}),Tt=e=>{let{value:t,onChange:n,...r}=e,i=t!==null&&t!==``?()=>n(null):void 0;return(0,d.jsx)(wt,{...r,onChange:n,onClear:i,value:t})},Et=(0,c.makeStyles)({drawerBase:{height:`auto`},drawerMobile:{height:`40vh`,maxHeight:`60vh`},drawerDesktop:{width:`40vw`,maxWidth:`60vw`,maxHeight:`100vh`},drawerHeader:{paddingLeft:c.tokens.spacingHorizontalXXL,paddingRight:c.tokens.spacingHorizontalXXL},drawerBody:{display:`flex`,flexDirection:`column`,gap:c.tokens.spacingVerticalL,paddingTop:c.tokens.spacingVerticalL,paddingBottom:c.tokens.spacingVerticalL,paddingLeft:c.tokens.spacingHorizontalXXL,paddingRight:c.tokens.spacingHorizontalXXL}}),Dt=G(e=>{let{value:t,onChange:n,disabled:r,drawerTitle:i,className:a,readOnly:o,style:s,langLabel:u,textComponent:p=Tt,...m}=e,h=F(),g=(u?.languages??[]).slice(0,3),_=Et(),[v,y]=(0,l.useState)(!1),b=t?t.valueInLangOne??t.valueInLangTwo??t.valueInLangThree??``:``,x=e=>{if(!t){n({valueInLangOne:e||null,valueInLangTwo:null,valueInLangThree:null});return}t.valueInLangOne===null?t.valueInLangTwo===null?t.valueInLangThree===null?n({...t,valueInLangOne:e||null}):n({...t,valueInLangThree:e||null}):n({...t,valueInLangTwo:e||null}):n({...t,valueInLangOne:e||null})},S=(e,r)=>{n({valueInLangOne:t?.valueInLangOne??null,valueInLangTwo:t?.valueInLangTwo??null,valueInLangThree:t?.valueInLangThree??null,[e]:r})},C=(0,d.jsx)(f.TranslateRegular,{onClick:()=>y(!0),style:{cursor:`pointer`}}),w=(0,d.jsxs)(I,{className:(0,c.mergeClasses)(_.drawerBase,h?_.drawerMobile:_.drawerDesktop),onOpenChange:y,open:v,position:`end`,children:[(0,d.jsx)(L,{action:(0,d.jsx)(W,{"aria-label":`Close`,icon:(0,d.jsx)(f.DismissRegular,{}),onClick:()=>y(!1)}),className:_.drawerHeader,title:i}),(0,d.jsxs)(R,{className:_.drawerBody,children:[(0,d.jsx)(p,{disabled:r,label:g[0]||`Lang One`,onChange:e=>S(`valueInLangOne`,e),readOnly:o,value:t?.valueInLangOne??null}),g[1]&&(0,d.jsx)(p,{disabled:r,label:g[1],onChange:e=>S(`valueInLangTwo`,e),readOnly:o,value:t?.valueInLangTwo??null}),g[2]&&(0,d.jsx)(p,{disabled:r,label:g[2],onChange:e=>S(`valueInLangThree`,e),readOnly:o,value:t?.valueInLangThree??null})]})]});return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(p,{...m,className:a,clearable:!1,contentAfter:g.length>1?C:void 0,disabled:r,label:null,noMessage:!0,onChange:e=>x(e),readOnly:o,style:s,value:b}),g.length>1&&w]})}),Ot=e=>{let{value:t,onChange:n}=e,r=t&&(t.valueInLangOne||t.valueInLangTwo||t.valueInLangThree)?()=>n(null):void 0;return(0,d.jsx)(Dt,{...e,drawerTitle:e.label??e.placeholder??``,onClear:r})},kt=(0,c.makeStyles)({arrows:{display:`flex`,flexDirection:`row`,gap:c.tokens.spacingHorizontalXS},arrowIcon:{cursor:`pointer`,fontSize:c.tokens.fontSizeBase500,height:c.tokens.fontSizeBase500,width:c.tokens.fontSizeBase500}}),At=G(e=>{let{id:t,value:n,onChange:r,precision:i=0,allowNegative:a=!0,formatter:o,onFocus:s,onBlur:u,step:p,min:m,max:h,className:g,style:_,disabled:v,readOnly:y,appearance:b,size:x,...S}=e,C=F(),w=kt(),[T,E]=(0,l.useState)(!1),[D,O]=(0,l.useState)(n===null?``:n.toString()),[k,A]=(0,l.useState)(n);!T&&n!==k&&(A(n),O(n===null?``:n.toString()));let j=e=>{let t=e.key;if(![`Backspace`,`Delete`,`ArrowLeft`,`ArrowRight`,`Tab`,`Enter`,`Escape`].includes(t)){if(t===`-`){(!a||e.currentTarget.selectionStart!==0||D.includes(`-`))&&e.preventDefault();return}if(t===`.`){(i<=0||D.includes(`.`))&&e.preventDefault();return}if(/^[0-9]$/.test(t)){let t=D.indexOf(`.`);if(t!==-1){let n=D.split(`.`)[1]||``;e.currentTarget.selectionStart>t&&n.length>=i&&e.preventDefault()}return}e.preventDefault()}},ee=e=>{let t=e.target.value;if(t===``||t===`-`||t===`.`){O(t),r(null);return}let n=parseFloat(t);isNaN(n)||(O(t),r(n))},M=e=>{E(!0),s?.(e)},N=e=>{E(!1),D===`-`||D===`.`?(O(``),r(null)):D.endsWith(`.`)&&O(D.slice(0,-1)),u?.(e)};if(p){let e=n,i=!T&&e!==null?o?o(e):e.toString():D,a=(e,t)=>{r(t.value??null)};if(C){let n=!v&&!y,a=()=>{if(!n)return;let t=(e??0)+p;h!==void 0&&t>h||r(t)},o=()=>{if(!n)return;let t=(e??0)-p;m!==void 0&&t<m||r(t)};return(0,d.jsx)(c.Input,{...S,className:g,contentAfter:(0,d.jsxs)(`div`,{className:w.arrows,children:[(0,d.jsx)(f.ChevronUpRegular,{className:w.arrowIcon,onClick:a,onMouseDown:e=>e.preventDefault()}),(0,d.jsx)(f.ChevronDownRegular,{className:w.arrowIcon,onClick:o,onMouseDown:e=>e.preventDefault()})]}),disabled:v,id:t,onKeyDown:e=>{e.key!==`Tab`&&e.preventDefault()},readOnly:y,style:_,type:`text`,value:i})}return(0,d.jsx)(c.SpinButton,{appearance:b===`filled-darker-shadow`?`filled-darker`:b===`filled-lighter-shadow`?`filled-lighter`:b,className:g,disabled:v,displayValue:i,id:t,max:h,min:m,onChange:a,onKeyDown:e=>e.preventDefault(),readOnly:y,size:x===`large`?`medium`:x,step:p,style:_,value:e})}let P=!T&&n!==null?o?o(n):n.toString():D;return(0,d.jsx)(c.Input,{...S,appearance:b,className:g,disabled:v,id:t,onBlur:N,onChange:ee,onFocus:M,onKeyDown:j,readOnly:y,size:x,style:_,type:`text`,value:P})}),jt=e=>{let{value:t,onChange:n,...r}=e,i=t===null?void 0:()=>n(null);return(0,d.jsx)(At,{...r,onChange:n,onClear:i,value:t})},Mt=({value:e,label:t,disabled:n,className:r,id:i})=>(0,d.jsx)(c.Radio,{className:r,disabled:n,id:i,label:t,value:e}),Nt=G(({id:e,value:t,defaultValue:n,name:r,disabled:i,required:a,onChange:o,children:s,radioListLayout:l,className:u,style:f,readOnly:p=!1})=>{let m=e=>{p||o?.(e)};return(0,d.jsx)(c.RadioGroup,{className:u,defaultValue:n,disabled:i,id:e,layout:l,name:r,onChange:(e,t)=>m(t.value),required:a,style:f,value:t,children:s})}),Pt=e=>{let{layout:t=`vertical`,labelWidth:n=`quarter`,...r}=e;return t===`vertical`?(0,d.jsx)(Nt,{...r,layout:`vertical`,radioListLayout:`horizontal`}):(0,d.jsx)(Nt,{...r,labelWidth:n,layout:`horizontal`,radioListLayout:`vertical`})},Ft=({checked:e=!1,defaultChecked:t,label:n,disabled:r=!1,onChange:i,className:a,style:o,readOnly:s=!1})=>(0,d.jsx)(c.Switch,{checked:e,className:a,defaultChecked:t,disabled:r,label:n,onChange:(e,t)=>{s||i(t.checked)},style:o}),It=G(e=>{let{id:t,value:n,onChange:r,className:i,style:a,rows:o=4,maxLength:s,...l}=e;return(0,d.jsx)(c.Textarea,{...l,className:i,id:t,maxLength:s,onChange:(e,t)=>{r(t.value??null)},rows:o,style:a,value:n??``})}),Lt=e=>{let{value:t,maxLength:n,additionalMessage:r,onChange:i,...a}=e,o=n===void 0?void 0:`${(t??``).length}/${n}`,s=t!==null&&t!==``?()=>i(null):void 0;return(0,d.jsx)(It,{...a,additionalMessage:r??o,maxLength:n,onChange:i,onClear:s,value:t})};exports.FuiAccordion=ce,exports.FuiAccordionItem=le,exports.FuiBody1=it,exports.FuiBody2=at,exports.FuiBreadcrumb=de,exports.FuiButton=U,exports.FuiButtonPanel=pe,exports.FuiCaption1=ot,exports.FuiCaption2=st,exports.FuiCard=me,exports.FuiCardFooter=_e,exports.FuiCardHeader=he,exports.FuiCardPreview=ge,exports.FuiCheckbox=lt,exports.FuiColumn=Ve,exports.FuiDivider=ve,exports.FuiDrawer=I,exports.FuiDrawerBody=R,exports.FuiDrawerHeader=L,exports.FuiIconButton=W,exports.FuiImageCarousel=Xe,exports.FuiInputDate=mt,exports.FuiInputDropdown=Le,exports.FuiInputGroup=Ct,exports.FuiInputMultiLangText=Ot,exports.FuiInputNumber=jt,exports.FuiInputText=Tt,exports.FuiInputTextArea=Lt,exports.FuiInputTime=bt,exports.FuiLabel=$e,exports.FuiMenuBar=Se,exports.FuiMenuBarCheckboxItem=Te,exports.FuiMenuBarItem=we,exports.FuiMenuBarLabel=ke,exports.FuiMenuBarMenu=Ce,exports.FuiMenuBarRadioGroup=Ee,exports.FuiMenuBarRadioItem=De,exports.FuiMenuBarSeparator=Oe,exports.FuiMenuBarSub=Ae,exports.FuiRadio=Mt,exports.FuiRadioGroup=Pt,exports.FuiSubTitle1=nt,exports.FuiSubTitle2=rt,exports.FuiSwitch=Ft,exports.FuiTab=Me,exports.FuiTabList=Ne,exports.FuiTable=Ke,exports.FuiTag=Je,exports.FuiText=Qe,exports.FuiTitle1=et,exports.FuiTitle2=tt,exports.FuiToggle=ct,exports.FuiTooltip=X,exports.HandyFluentUiProvider=M,exports.useBreadcrumb=P,exports.useDialog=te,exports.useIsMobile=F,exports.useLogger=N,exports.useSpinner=ne,exports.useTheme=re,exports.useTimeZone=ie,exports.useToast=ae,exports.withInputField=G;
 //# sourceMappingURL=index.cjs.map