@zvoove/unity-ui 2.39.1 → 2.40.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bin/cli.mjs +10 -0
- package/dist/bin/generate-skills.mjs +8 -0
- package/dist/llms.txt +26 -0
- package/dist/unity-ui.cjs.js +1 -1
- package/dist/unity-ui.css +1 -1
- package/dist/unity-ui.d.ts +55 -0
- package/dist/unity-ui.es.js +35 -33
- package/package.json +1 -1
package/dist/unity-ui.es.js
CHANGED
|
@@ -717,7 +717,7 @@ return E(nf,{align:"stretch",gap:"sm",children:[/* @__PURE__ */E(nf,{direction:"
|
|
|
717
717
|
/* @__PURE__ */b(Yd,{icon:"chevron-left",hideLabel:!0,"aria-label":"Frühere Wochen",variant:"text",disabled:0===c,onClick:()=>u(-1)}),
|
|
718
718
|
/* @__PURE__ */b("div",{ref:i,className:Pu(),children:/* @__PURE__ */b("div",{className:Xu(),style:{transform:`translateX(-${100*c}%)`},children:p.map((l,n)=>/* @__PURE__ */b("div",{className:Gu(),style:{gridTemplateColumns:`repeat(${d}, minmax(0, 1fr))`},"aria-hidden":n!==c,children:l.map(l=>{const r=$p(e,l),i=zp(l.week,l.year),o=new Intl.DateTimeFormat(t,{day:"2-digit",month:"2-digit",timeZone:"UTC"}).format(i);/* @__PURE__ */
|
|
719
719
|
return E("button",{type:"button","aria-label":`KW ${l.week} ${l.year} auswählen`,"aria-pressed":r,tabIndex:n===c?0:-1,onClick:()=>a?.(l),className:Yu({isSelected:r}),children:[/* @__PURE__ */E(fg,{variant:"label",size:"lg",as:"span",children:["KW ",String(l.week).padStart(2,"0")]}),/* @__PURE__ */b(fg,{variant:"body",size:"sm",as:"span",children:o})]},qu(l))})},qu(l[0])))})}),
|
|
720
|
-
/* @__PURE__ */b(Yd,{icon:"chevron-right",hideLabel:!0,"aria-label":"Spätere Wochen",variant:"text",disabled:c>=h-1,onClick:()=>u(1)})]}),e&&/* @__PURE__ */b(fg,{variant:"body",size:"md",children:Up(e.week,e.year,t)})]})},Ju=/* @__PURE__ */new Set(["maxDate","minDate","setMaxDate","setMinDate","buttonsTranslations","showCalendarWeek","onWeekChange","selectedWeek","setSelectedWeek","placement","weekView","monthView","mode","weekPlaceholder","monthPlaceholder","onMonthChange","selectedMonthYear","setSelectedMonthYear"]),Qu=()=>{const{label:e,onChange:a,name:t,innerValue:l,setInnerValue:n,isOpen:r,setIsOpen:i,uniqueId:o,openOnFocus:s,onFocus:c,onKeyDown:m,locale:d="de-DE",closeOnSelect:p=!1,placeholder:H,selectedWeek:g,setSelectedWeek:C,weekView:f="calendar",onWeekChange:V,mode:A="date",weekPlaceholder:x,monthPlaceholder:M,selectedMonthYear:y,setSelectedMonthYear:L,onMonthChange:k,...F}=qp(),N="week"===A,S="month"===A,_=Z(d),[D,I]=v(!1),[T,z]=v(!1),[R,O]=v(""),[B,U]=v(null),[W,j]=v(!1),{addMaskBasedOnLocale:$,formatFromStringToDate:P,getFormattedDate:X,getMaxLength:G,getPlaceholder:Y}=Kp(d),q=()=>{I(!1),z(!1),O(l),U(N?{innerValue:l,selectedWeek:g}:null),i(!0),requestAnimationFrame(()=>{j(!0)})},K=()=>{j(!1),setTimeout(()=>{i(!1)},200)},J=h(e=>{if(e){const l=new Date(Date.UTC(e.getFullYear(),e.getMonth(),e.getDate())).toISOString().split("T")[0],r=X(l);n(r),C(null),a?.({target:{value:r,name:t}},e)}else n(""),C(null),N&&I(!0),a?.({target:{value:"",name:t}})},[a,t,n,C,X,N]),Q=(()=>{if(!l)return null;const e=P(l);return Number.isNaN(e.getTime())?null:e})();u(()=>{const e=_.current;if(d===e)return;if(_.current=d,!l)return;if(N&&g)return void n(Wp(g,d));if(S&&y)return void n(Gp(y,d));if(N||S)return;const a=P(l,e),t=X(a.toISOString()),r=P(t,d);J(Number.isNaN(r.getTime())?null:r)},[d,l,N,S,g,y,n,J,P,X]);const ee=Object.keys(F).filter(e=>!Ju.has(e)),ae=h(e=>{C(e),V?.(e)},[V,C]);return N&&"strip"===f?/* @__PURE__ */E(nf,{gap:"sm",align:"stretch",children:[/* @__PURE__ */b(AH,{value:e,htmlFor:`${t}-week-strip`}),/* @__PURE__ */b(Ku,{value:g,onChange:ae,locale:d})]}):/* @__PURE__ */E(w,{children:[/* @__PURE__ */b(
|
|
720
|
+
/* @__PURE__ */b(Yd,{icon:"chevron-right",hideLabel:!0,"aria-label":"Spätere Wochen",variant:"text",disabled:c>=h-1,onClick:()=>u(1)})]}),e&&/* @__PURE__ */b(fg,{variant:"body",size:"md",children:Up(e.week,e.year,t)})]})},Ju=/* @__PURE__ */new Set(["maxDate","minDate","setMaxDate","setMinDate","buttonsTranslations","showCalendarWeek","onWeekChange","selectedWeek","setSelectedWeek","placement","weekView","monthView","mode","weekPlaceholder","monthPlaceholder","onMonthChange","selectedMonthYear","setSelectedMonthYear"]),Qu=()=>{const{label:e,onChange:a,name:t,innerValue:l,setInnerValue:n,isOpen:r,setIsOpen:i,uniqueId:o,openOnFocus:s,onFocus:c,onKeyDown:m,locale:d="de-DE",closeOnSelect:p=!1,placeholder:H,selectedWeek:g,setSelectedWeek:C,weekView:f="calendar",onWeekChange:V,mode:A="date",weekPlaceholder:x,monthPlaceholder:M,selectedMonthYear:y,setSelectedMonthYear:L,onMonthChange:k,...F}=qp(),N="week"===A,S="month"===A,_=Z(d),[D,I]=v(!1),[T,z]=v(!1),[R,O]=v(""),[B,U]=v(null),[W,j]=v(!1),{addMaskBasedOnLocale:$,formatFromStringToDate:P,getFormattedDate:X,getMaxLength:G,getPlaceholder:Y}=Kp(d),q=()=>{I(!1),z(!1),O(l),U(N?{innerValue:l,selectedWeek:g}:null),i(!0),requestAnimationFrame(()=>{j(!0)})},K=()=>{j(!1),setTimeout(()=>{i(!1)},200)},J=h(e=>{if(e){const l=new Date(Date.UTC(e.getFullYear(),e.getMonth(),e.getDate())).toISOString().split("T")[0],r=X(l);n(r),C(null),a?.({target:{value:r,name:t}},e)}else n(""),C(null),N&&I(!0),a?.({target:{value:"",name:t}})},[a,t,n,C,X,N]),Q=(()=>{if(!l)return null;const e=P(l);return Number.isNaN(e.getTime())?null:e})();u(()=>{const e=_.current;if(d===e)return;if(_.current=d,!l)return;if(N&&g)return void n(Wp(g,d));if(S&&y)return void n(Gp(y,d));if(N||S)return;const a=P(l,e),t=X(a.toISOString()),r=P(t,d);J(Number.isNaN(r.getTime())?null:r)},[d,l,N,S,g,y,n,J,P,X]);const ee=Object.keys(F).filter(e=>!Ju.has(e)),ae=h(e=>{C(e),V?.(e)},[V,C]);return N&&"strip"===f?/* @__PURE__ */E(nf,{gap:"sm",align:"stretch",children:[/* @__PURE__ */b(AH,{value:e,htmlFor:`${t}-week-strip`}),/* @__PURE__ */b(Ku,{value:g,onChange:ae,locale:d})]}):/* @__PURE__ */E(w,{children:[/* @__PURE__ */b(MV,{...ee.reduce((e,a)=>({...e,[a]:F[a]}),{}),maxLength:G(),label:e,type:"text",value:l,icon:"calendar",onIconClick:q,iconPosition:"right",placeholder:N?_p(d,x):S?Ip(d,M):H??Y(),readOnly:N||S,onChange:e=>{const{value:l}=e.target,r=$(l)??"";let i,o=!1;n(r),a?.({target:{value:r,name:t}}),r.length===G()&&(i=P(r),i&&!Number.isNaN(i.getTime())&&(J(i),o=!0)),a?.({target:{value:r,name:t}},o?i:void 0)},name:t,id:t,"data-selector":`${t}-${o}`,isFocused:r,onClick:()=>{(N||S)&&q()},onFocus:e=>{e.preventDefault(),c?.(e),s&&q()},onKeyDown:e=>{m?.(e),N||S?"Enter"===e.key||" "===e.key?(e.preventDefault(),q()):"Backspace"!==e.key&&"Delete"!==e.key||!l||(e.preventDefault(),S&&(n(""),L(null),k?.(null)),N&&(n(""),C(null),z(!0),V?.(null))):/[\d./-]/.test(e.key)||["Backspace","Delete","ArrowLeft","ArrowRight","Tab"].includes(e.key)||e.preventDefault()}}),/* @__PURE__ */b($u,{isOpen:r,isVisible:W,onClose:K,onDateSelect:J,selectedDate:Q,inputSelector:`${t}-${o}`,onCancel:()=>{if(N){const e=B?.selectedWeek??null,l=e?Wp(e,d):B?.innerValue??R;return n(l),C(e),D&&a?.({target:{value:l,name:t}}),T&&V?.(e),I(!1),z(!1),void K()}const e=P(R);J(Number.isNaN(e.getTime())?null:e),K()},closeOnSelect:p})]})},eH=e=>/* @__PURE__ */b(Yp,{...e,children:/* @__PURE__ */b(Qu,{})}),aH=pl({base:["fixed","inset-none","transition-opacity","duration-500","bg-scrim/50"],variants:{show:{true:["opacity-100"],false:["opacity-0","pointer-events-none"]}}}),tH=({show:e,onClick:a,className:t,children:l,zIndex:n=20})=>{const r=Z(!1);/* @__PURE__ */
|
|
721
721
|
return b("div",{className:aH({show:e,className:t}),onClick:e=>{const t=r.current&&e.target===e.currentTarget;r.current=!1,t&&a?.()},onPointerCancel:()=>{r.current=!1},onPointerDown:e=>{r.current=e.target===e.currentTarget},role:"presentation","aria-hidden":"true",style:{zIndex:n},children:l})};tH.displayName="Backdrop";var lH=pl({base:["transition-all","duration-500","w-full","mx-[40px]","max-h-[90vh]","overflow-hidden"],variants:{size:{sm:["max-w-[320px]"],md:["max-w-[560px]"],lg:["max-w-[1200px]"],fullscreen:["w-dvw!","h-dvh!","max-w-dvw!","max-h-dvh!","mx-none!"],none:["w-fit"]},show:{true:["scale-100","opacity-100"],false:["scale-90","opacity-0"]}},defaultVariants:{size:"none"}}),nH=(pl({base:["max-h-[90vh]","overflow-y-auto"]}),new class{dialogStack=[];closeCallbacks=/* @__PURE__ */new Map;registerOpenDialog(e,a){this.dialogStack.includes(e)||this.dialogStack.push(e),this.closeCallbacks.set(e,a)}unregisterOpenDialog(e){const a=this.dialogStack.indexOf(e);-1!==a&&this.dialogStack.splice(a,1),this.closeCallbacks.delete(e)}closeOtherDialogs(e){[...this.dialogStack].forEach(a=>{if(a!==e){const e=this.closeCallbacks.get(a);e&&(e(),this.unregisterOpenDialog(a))}})}isTopDialog(e){return this.dialogStack.length>0&&this.dialogStack.at(-1)===e}hasOpenDialogs(){return this.dialogStack.length>0}getOpenDialogs(){return[...this.dialogStack]}clear(){this.dialogStack.length=0,this.closeCallbacks.clear()}}),rH=new class{openMenus=/* @__PURE__ */new Set;closeCallbacks=/* @__PURE__ */new Map;registerOpenMenu(e,a){this.openMenus.add(e),this.closeCallbacks.set(e,a)}unregisterOpenMenu(e){this.openMenus.delete(e),this.closeCallbacks.delete(e)}closeOtherMenus(e){this.openMenus.forEach(a=>{if(a!==e){const e=this.closeCallbacks.get(a);e&&(e(),this.unregisterOpenMenu(a))}})}hasOpenMenus(){return this.openMenus.size>0}getOpenMenus(){return Array.from(this.openMenus)}clear(){this.openMenus.clear(),this.closeCallbacks.clear()}},iH=new class{openSelects=/* @__PURE__ */new Set;closeCallbacks=/* @__PURE__ */new Map;registerOpenSelect(e,a){this.openSelects.add(e),this.closeCallbacks.set(e,a)}unregisterOpenSelect(e){this.openSelects.delete(e),this.closeCallbacks.delete(e)}closeOtherSelects(e){this.openSelects.forEach(a=>{if(a!==e){const e=this.closeCallbacks.get(a);e&&(e(),this.unregisterOpenSelect(a))}})}hasOpenSelects(){return this.openSelects.size>0}getOpenSelects(){return Array.from(this.openSelects)}clear(){this.openSelects.clear(),this.closeCallbacks.clear()}},oH=new class{openSheets=/* @__PURE__ */new Set;closeCallbacks=/* @__PURE__ */new Map;registerOpenSheet(e,a){this.openSheets.add(e),this.closeCallbacks.set(e,a)}unregisterOpenSheet(e){this.openSheets.delete(e),this.closeCallbacks.delete(e)}closeOtherSheets(e){this.openSheets.forEach(a=>{if(a!==e){const e=this.closeCallbacks.get(a);e&&(e(),this.unregisterOpenSheet(a))}})}hasOpenSheets(){return this.openSheets.size>0}getOpenSheets(){return Array.from(this.openSheets)}clear(){this.openSheets.clear(),this.closeCallbacks.clear()}},sH=({open:e,onClose:a,children:t,closeOnBackdropClick:l=!0,closeOnEsc:n=!1,padding:r="lg",size:i,zIndex:o=20})=>{const s=H(),c=Z(null),m=Z(null),h=Je(m),{mounted:p,show:g,setShow:f}=(e=>{const[a,t]=v(!1),[l,n]=v(!1);return C(()=>{e&&d(()=>{t(!0)})},[e]),u(()=>(e?(document.body.style.overflow="hidden",setTimeout(()=>{d(()=>{n(!0)})},100)):(d(()=>{n(!1)}),document.body.style.overflow=""),()=>{document.body.style.overflow=""}),[e]),u(()=>{if(!l&&a){const e=setTimeout(()=>t(!1),500);return()=>clearTimeout(e)}},[l,a]),{mounted:a,show:l,setShow:n}})(e),V=We(i)??"none";ve(!i,`@Dialog: Please use the prop ${Ve("red","size")}. In version ${Ve("red","^3.0.0")} the default size will be ${Ve("red","sm")} and ${Ve("red","none")} will be deprecated`),((e,a,t)=>{u(()=>{const l=l=>{a&&"Escape"===l.key&&nH.isTopDialog(t)&&(rH.hasOpenMenus()||iH.hasOpenSelects()||oH.hasOpenSheets()||e())};return document.addEventListener("keydown",l),()=>document.removeEventListener("keydown",l)},[e,a,t])})(a,n,s),((e,a,t)=>{u(()=>{if(!a||!e.current)return;const l=a=>{if("Tab"!==a.key)return;if(!nH.isTopDialog(t))return;const l=document.activeElement;if(l.closest('[role="menu"]'))return;if(l.closest("dialog")||document.querySelector("dialog[open]"))return;const n=e.current?.querySelectorAll(le);if(!n?.length)return;const r=n[0],i=n[n.length-1];if(!e.current?.contains(l))return a.preventDefault(),void r.focus();a.shiftKey&&l===r?(a.preventDefault(),i.focus()):a.shiftKey||l!==i||(a.preventDefault(),r.focus())};return document.addEventListener("keydown",l),()=>document.removeEventListener("keydown",l)},[a,e,t])})(c,p,s),u(()=>{if(p&&e)return nH.registerOpenDialog(s,a),()=>{nH.unregisterOpenDialog(s)}},[p,e,s,a]);/* @__PURE__ */
|
|
722
722
|
return E(w,{children:[/* @__PURE__ */b("span",{ref:m,hidden:!0,"aria-hidden":"true"}),p&&h&&x.createPortal(/* @__PURE__ */b(tH,{show:g,onClick:()=>{l&&(f(!1),setTimeout(()=>a(),500))},className:"flex items-center justify-center",zIndex:o,children:/* @__PURE__ */b("div",{onClick:e=>e.stopPropagation(),ref:c,className:lH({show:g,size:V}),role:"dialog","aria-modal":"true","aria-label":"Dialog",children:/* @__PURE__ */b(ah,{padding:r,overflow:"y-auto",maxHeight:"fullscreen"===V?"100vh":"90vh",maxWidth:"fullscreen"===V?"100vw":"auto",height:"fullscreen"===V?"100vh":"auto",width:"fullscreen"===V?"100vw":"auto",borderRadius:"fullscreen"===V?"none":"md",children:t})})}),h)]})},cH=pl({base:["border-outline-variant"],variants:{variant:{fullWidth:["w-full","m-none"],inset:["ml-md"],middle:["mx-md"]}}}),mH=({variant:e="fullWidth",color:a="outline-variant"})=>/* @__PURE__ */b("hr",{className:cH({variant:e}),style:{borderColor:`var(--color-${a})`}}),dH=pl({base:["w-full","max-w-[640px]","mx-md","bg-surface-container-lowest","rounded-lg","shadow-elevation3","overflow-hidden","transition-all","duration-500"],variants:{show:{true:["scale-100","opacity-100"],false:["scale-90","opacity-0"]}}}),hH=pl({base:["flex","items-center","gap-sm","p-md","border-b","border-transparent"],variants:{hasResults:{true:["border-outline-variant"]}}}),pH=pl({base:["flex-1","bg-transparent","outline-none","text-body-medium","text-on-surface","placeholder:text-on-surface-variant-lowest","caret-primary"]}),uH=pl({base:["overflow-y-auto","max-h-[420px]"]}),HH=pl({base:["w-full","flex","items-center","gap-sm","px-md","py-sm","cursor-pointer","transition-colors","duration-150","text-left","bg-transparent","border-none","outline-none"],variants:{active:{true:["bg-surface-container"],false:["hover:bg-surface-container-low"]}},defaultVariants:{active:!1}}),gH=pl({base:["text-label-small","text-on-surface-variant-lowest","shrink-0"]}),CH=pl({base:["flex","items-center","gap-md","px-md","py-sm","border-t","border-outline-variant","bg-surface-container-low"]}),fH=(pl({base:["flex","items-center","gap-xs","text-label-small","text-on-surface-variant"]}),pl({base:["flex","items-center","gap-sm","px-md","py-sm"]})),VH=["60%","75%","50%","80%","45%","65%"],ZH={placeholder:"Chats und Projekte durchsuchen",clearAriaLabel:"Suche zurücksetzen",closeAriaLabel:"Suche schließen",noResults:"Keine Ergebnisse gefunden",navigate:"navigieren",open:"öffnen",close:"schließen"},vH=({open:e,onClose:a,items:t=[],onSearch:l,onSelect:n,value:r,placeholder:i,translations:o,zIndex:s=20,loading:c=!1,linkComponent:m="button"})=>{const h={...ZH,...o},p=i??h.placeholder,H=void 0!==r,[g,f]=v(""),V=H?r:g,[A,M]=v(-1),y=Z(null),L=Z(null),k=Z(null),F=Je(k),{mounted:N,show:S,setShow:_}=(e=>{const[a,t]=v(!1),[l,n]=v(!1);return C(()=>{e&&d(()=>t(!0))},[e]),u(()=>(e?(document.body.style.overflow="hidden",setTimeout(()=>d(()=>n(!0)),100)):(d(()=>n(!1)),document.body.style.overflow=""),()=>{document.body.style.overflow=""}),[e]),u(()=>{if(!l&&a){const e=setTimeout(()=>t(!1),500);return()=>clearTimeout(e)}},[l,a]),{mounted:a,show:l,setShow:n}})(e);u(()=>{e&&(d(()=>{M(-1),H||f("")}),setTimeout(()=>y.current?.focus(),50))},[e,H]),u(()=>{A<0||(L.current?.querySelector(`#float-search-item-${A}`))?.scrollIntoView?.({block:"nearest"})},[A]);const D=()=>{_(!1),setTimeout(()=>a(),500)},I=e=>{n?.(e),D()},T=/* @__PURE__ */b("span",{ref:k,hidden:!0,"aria-hidden":"true"});if(!N||!F)return T;const z=x.createPortal(/* @__PURE__ */b(tH,{show:S,onClick:D,className:"flex items-center justify-center",zIndex:s,children:/* @__PURE__ */E("div",{className:dH({show:S}),onClick:e=>e.stopPropagation(),children:[
|
|
723
723
|
/* @__PURE__ */E("div",{className:hH({hasResults:c||t.length>0||!!V}),children:[
|
|
@@ -733,11 +733,11 @@ return b("div",{ref:g,className:N.root(),"data-info-box-layout":M,"data-info-box
|
|
|
733
733
|
/* @__PURE__ */b("div",{ref:f,className:N.icon(),children:/* @__PURE__ */b(pp,{...L,color:k})}),/* @__PURE__ */E(w,c?{children:[/* @__PURE__ */b("div",{className:N.title(),children:/* @__PURE__ */b(fg,"string"==typeof a?{variant:"title",size:"sm",color:k,children:a}:{as:"span",variant:"title",size:"sm",color:k,children:a})}),/* @__PURE__ */E("div",{className:N.body(),"data-testid":"info-box-body",children:[/* @__PURE__ */b("div",{className:N.message(),children:S()}),D()]})]}:{children:[/* @__PURE__ */b("div",{className:N.content(),children:S()}),D()]}),"inline"===M&&m&&o&&/* @__PURE__ */b("span",{className:N.divider(),"data-testid":"info-box-divider","aria-hidden":"true"}),o&&/* @__PURE__ */b("button",{ref:A,type:"button",className:N.close(),onClick:()=>s?.(),"aria-label":"Close info box","data-testid":"info-box-close",children:/* @__PURE__ */b(pp,{name:"close",size:"sm",color:k})})]})})})};_H.displayName="InfoBox";var DH=pl({slots:{list:["flex","flex-col","w-full","list-none","p-none","m-none","text-body-medium"],itemWrapper:["w-full","transition-colors","duration-300"],item:["p-sm","w-full","inline-block"]},variants:{active:{true:{itemWrapper:["bg-surface-container","text-on-surface-variant"]},false:{itemWrapper:["text-on-surface-variant","hover:bg-surface-container-low"]}},spread:{top:{list:["justify-start"]},bottom:{list:["justify-end"]},center:{list:["justify-center"]},between:{list:["justify-evenly"],itemWrapper:["h-full","group"],item:["flex","items-center","group-last:items-end","group-first:items-start","h-full"]},evenly:{list:["justify-evenly"],itemWrapper:["h-full"],item:["flex","items-center","h-full"]}}}}),IH=({items:e,activeItemId:t,showDividers:l=!0,linkComponent:n="div",spread:r,height:i,width:o,minHeight:s,maxHeight:c,minWidth:m,maxWidth:d})=>{Ze("production"!==process.env.NODE_ENV&&void 0!==t&&!e.some(e=>e.id===t),`@List: activeItemId "${t}" does not match any item id.`);const h=We(r)??"top",p=We(i),u=We(o),H=We(s),g=We(c),C=We(m),f=We(d),V=DH({spread:h});/* @__PURE__ */
|
|
734
734
|
return b("ul",{className:V.list(),style:{height:p,width:u,minHeight:H,maxHeight:g,minWidth:C,maxWidth:f},children:e.map((r,i)=>{const{content:o,id:s,...c}=r,m=s===t;/* @__PURE__ */
|
|
735
735
|
return E(a.Fragment,{children:[/* @__PURE__ */b("li",{className:V.itemWrapper({active:m}),children:/* @__PURE__ */b(n,{...c,className:V.item(),children:o})}),l&&i<e.length-1&&/* @__PURE__ */b("li",{className:"h-px",children:/* @__PURE__ */b(mH,{variant:"fullWidth"})})]},s)})})};IH.displayName="List";var TH=["transition-all","duration-500","ease-in-out"],zH="w-[56px]",RH="w-[220px]",OH="w-[34px]",BH="w-[220px]",UH=pl({base:[...TH,"w-full","p-xs","tablet:p-none"]}),WH=pl({base:["w-full"],variants:{isFirst:{true:[],false:["mt-md"]}},defaultVariants:{isFirst:!0}}),jH=pl({base:[...TH,"overflow-hidden"],variants:{open:{true:["pb-xs","pt-sm","pl-xs","tablet:pl-none","opacity-100"],false:["h-none","py-none","mb-none","pl-none","opacity-0","pointer-events-none"]}},defaultVariants:{open:!0}}),$H=pl({base:[...TH,"flex","items-center","cursor-pointer","justify-start","p-md","hover:font-semibold","text-on-surface-variant","hover:bg-on-surface/3","hover:text-on-secondary-container"],variants:{active:{true:["font-semibold","bg-tertiary-container!","text-on-secondary-container!"]},open:{true:[],false:["tablet:rounded-[40px]"]},variant:{default:[],compact:["py-[7px]","px-xs","text-body-medium"]}},compoundVariants:[{open:!0,variant:"compact",class:["rounded-sm"]},{open:!0,variant:"default",class:["rounded-md"]}],defaultVariants:{active:!1,variant:"default"}}),PH=pl({base:[...TH,"text-nowrap","flex","items-center","overflow-hidden"],variants:{open:{true:["pl-lg","w-full","opacity-100"],false:["pl-none","w-[0%]","opacity-0"]},variant:{default:[],compact:[]},hasIcon:{true:[],false:["pl-none"]}},compoundVariants:[{open:!0,variant:"compact",hasIcon:!0,class:["pl-sm","w-full"]},{open:!0,variant:"compact",hasIcon:!1,class:["pl-none","w-full"]},{open:!0,variant:"default",hasIcon:!0,class:["pl-lg","w-full"]},{open:!0,variant:"default",hasIcon:!1,class:["pl-none","w-full"]}],defaultVariants:{hasIcon:!0}}),XH=pl({base:["shrink-0"],variants:{variant:{default:["size-xl"],compact:["size-md"]}},defaultVariants:{variant:"default"}}),GH=pl({base:[...TH,"ml-auto","pl-xs2","shrink-0"],variants:{visibility:{always:["opacity-100"],hover:["tablet:opacity-0","tablet:group-hover/item:opacity-100"]}},defaultVariants:{visibility:"always"}});function YH(e){if(!Array.isArray(e)||0===e.length)return!1;const a=e[0];return null!==a&&"object"==typeof a&&(!(!("items"in a)||!Array.isArray(a.items))&&(!("label"in a)||"string"!=typeof a.label))}var qH=({items:e,activeItem:a,open:t=!0,variant:l="default",linkComponent:n="a",onItemClick:r})=>{const i="compact"===l,o=e=>e.map(e=>e.isSpacer?/* @__PURE__ */b("li",{className:"h-md pointer-events-none"},e.id):(e=>{const{label:o,id:s,icon:c,endContent:m,endContentVisibility:d="always",isSpacer:h,...p}=e,u=s===a;/* @__PURE__ */
|
|
736
|
-
return b("li",{className:"group/item",children:/* @__PURE__ */b(
|
|
736
|
+
return b("li",{className:"group/item",children:/* @__PURE__ */b(LV,{content:o,disabled:t,placement:"right",children:/* @__PURE__ */b(n,{"data-testid":`listMenu_${o}`,"aria-label":o,...p,role:"link",onClick:a=>{p.onClick&&p.onClick(a),r&&(p.target||"a"!==n||a.preventDefault(),r(e))},children:/* @__PURE__ */E("span",{className:$H({active:u,open:t,variant:l}),children:[c&&"string"==typeof c?/* @__PURE__ */b(pp,{name:c,size:i?"sm":"lg",weight:u?"fill":"regular",color:u?"on-secondary-container":"on-surface-variant"}):c?/* @__PURE__ */b("div",{className:XH({variant:l}),children:c}):null,/* @__PURE__ */E("span",{className:PH({open:t,variant:l,hasIcon:!!c}),children:[/* @__PURE__ */b(fg,{truncate:1,as:"span",children:o}),m&&/* @__PURE__ */b("span",{className:GH({visibility:d}),role:"presentation",onClick:e=>{e.stopPropagation(),e.preventDefault()},onKeyDown:e=>e.stopPropagation(),children:m})]})]})})})},s)})(e));return YH(e)?/* @__PURE__ */b(w,{children:e.map((e,a)=>{const l=e.title?.trim();/* @__PURE__ */
|
|
737
737
|
return E("div",{className:WH({isFirst:0===a}),children:[l?/* @__PURE__ */b("div",{className:jH({open:t}),children:/* @__PURE__ */b(fg,{variant:"label",size:"sm",color:"on-surface-variant",textTransform:"uppercase",as:"span",children:l})}):null,/* @__PURE__ */b("ul",{className:UH(),children:o(e.items)})]},l||`section-${a}`)})}):/* @__PURE__ */b("ul",{className:UH(),children:o(e)})};qH.displayName="ListMenu";var KH=pl({base:["flex","items-center","gap-xs","w-full"],variants:{variant:{sender:["flex-row-reverse"],receiver:["flex-row"]}},defaultVariants:{variant:"receiver"}}),JH=pl({base:["flex","items-center","gap-xs2"],variants:{variant:{sender:["flex-row-reverse"],receiver:["flex-row"]}},defaultVariants:{variant:"receiver"}}),QH=pl({base:["inline-flex","items-center","justify-center","size-xl","rounded-xs","text-on-surface-variant","transition-colors","duration-150","cursor-pointer","border-none","bg-transparent","hover:bg-surface-container-low","hover:text-on-surface","active:bg-surface-container"],variants:{active:{true:["text-primary","hover:text-primary"]},animated:{true:["animate-[thumb-pop_0.35s_ease-out]"]}}}),eg=pl({base:["text-body-small","text-on-surface-variant","select-none","whitespace-nowrap"]}),ag=pl({base:["text-body-small","text-on-surface-variant","select-none","whitespace-nowrap","animate-[fade-in_0.3s_ease-out_both]"]}),tg=[{icon:"copy",label:"Kopieren",confirmation:{icon:"check",text:"Kopiert"}},{icon:"thumb-up",label:"Hilfreich",feedbackType:"positive",confirmation:{text:"Danke für Ihr Feedback",duration:0}},{icon:"thumb-down",label:"Nicht hilfreich",feedbackType:"negative",confirmation:{text:"Danke für Ihr Feedback",duration:0}},{icon:"more-horizontal",label:"Mehr"}],lg=s(({variant:e="receiver",timestamp:a,actions:t,menuItems:l,onFeedback:n,className:r},i)=>{const o=t??tg,[s,c]=v(()=>o.find(e=>void 0!==e.feedbackType&&e.active)?.feedbackType??null),[m,d]=v(null),[p,u]=v(null),[H,g]=v(null),C=Z(null),f=Z(null),V=Z(null),A=h(()=>{C.current&&clearTimeout(C.current),f.current&&clearTimeout(f.current),V.current&&clearTimeout(V.current)},[]),x=h(e=>{const{confirmation:a,feedbackType:t}=e;if(!a)return;const l=void 0!==t,r=a.duration??3e3;if(A(),l){const l=s===t,i=l?null:t??null;if(c(i),n?.(i),l)return u(null),void g(null);d(e.label),u(e.label),a.text&&g(a.text),V.current=setTimeout(()=>d(null),350),r>0&&a.text&&(C.current=setTimeout(()=>g(null),r))}else d(e.label),u(e.label),a.text&&g(a.text),V.current=setTimeout(()=>d(null),350),f.current=setTimeout(()=>{u(null),g(null)},r>0?r:3e3)},[s,n,A]),M=(e,a)=>{const t=(e=>void 0!==e.feedbackType?s===e.feedbackType:!(p!==e.label||!e.confirmation)||e.active)(e),l=m===e.label,n=(e=>void 0!==e.feedbackType?e.icon:p===e.label&&e.confirmation?.icon?e.confirmation.icon:e.icon)(e),r=(e=>{if(void 0!==e.feedbackType)return s===e.feedbackType?"fill":void 0})(e);/* @__PURE__ */
|
|
738
|
-
return b(
|
|
738
|
+
return b(LV,{content:e.label,placement:"top",children:/* @__PURE__ */b("button",{type:"button",className:QH({active:t,animated:l}),onClick:a=>{e.confirmation&&x(e),e.onClick?.(a)},"aria-label":e.label,children:/* @__PURE__ */b(pp,{name:n,size:"xs",color:t?"primary":void 0,weight:r})})},`${e.label}-${a}`)};/* @__PURE__ */
|
|
739
739
|
return E("div",{ref:i,className:KH({variant:e,className:r}),"data-testid":"message-actions",children:[
|
|
740
|
-
/* @__PURE__ */b("div",{className:JH({variant:e}),children:o.map((e,a)=>(e=>"more-horizontal"===e.icon&&l&&l.length>0)(e)?((e,a)=>/* @__PURE__ */b(Gg,{items:l,placement:"bottom-left",density:"-2",children:/* @__PURE__ */b(
|
|
740
|
+
/* @__PURE__ */b("div",{className:JH({variant:e}),children:o.map((e,a)=>(e=>"more-horizontal"===e.icon&&l&&l.length>0)(e)?((e,a)=>/* @__PURE__ */b(Gg,{items:l,placement:"bottom-left",density:"-2",children:/* @__PURE__ */b(LV,{content:e.label,placement:"top",children:/* @__PURE__ */b("button",{type:"button",className:QH({active:e.active}),"aria-label":e.label,children:/* @__PURE__ */b(pp,{name:e.icon,size:"xs"})})})},`${e.label}-${a}`))(e,a):M(e,a))}),H&&/* @__PURE__ */b("span",{className:ag(),children:H}),a&&!H&&/* @__PURE__ */b("span",{className:eg(),children:a})]})});lg.displayName="MessageActions";var ng=pl({base:[...TH,zH,"p-xs","tablet:p-none","overflow-hidden"],variants:{open:{true:[RH]},variant:{default:[],compact:[OH]},hidden:{true:["h-none","py-none","opacity-0","pointer-events-none"]}},compoundVariants:[{open:!0,variant:"compact",class:[BH]},{open:!0,variant:"default",class:[RH]}],defaultVariants:{variant:"default",hidden:!1}}),rg=pl({base:[],variants:{highlight:{true:["bg-surface-container","rounded-md","tablet:p-xs2"],false:[]}},defaultVariants:{highlight:!1}}),ig=pl({base:["transition-opacity","duration-300","ease-in-out"],variants:{visible:{true:["opacity-100"],false:["opacity-0","pointer-events-none"]},iconsMounted:{true:[],false:["hidden"]}},defaultVariants:{visible:!1}}),og=pl({base:["transition-opacity","duration-300","ease-in-out","flex","flex-col","gap-md"],variants:{visible:{true:["opacity-100"],false:["opacity-0","pointer-events-none"]}},defaultVariants:{visible:!0}}),sg=({sections:e,open:a=!0,variant:t="default",activeItem:l,linkComponent:n="a",onItemClick:r})=>{const{isSmallerThan:i}=ge(),o=i("tablet"),s=e=>{r?.(e)},c=e.some(e=>!(!e.replaceWithIconOnClose||e.hideOnMenuClosed&&!a)),m=((e,a,t)=>{const[l,n]=v(e?"content":a?"icons":"content"),r=Z(0);u(()=>{cancelAnimationFrame(r.current),n(e?"content":a?"icons":"content")},[t]),u(()=>{if(cancelAnimationFrame(r.current),e)switch(l){case"content":case"fading-in-content":case"mounting-content":break;case"icons":case"fading-in-icons":case"mounting-icons":n("fading-out-icons");break;case"fading-out-content":n("fading-in-content")}else switch(l){case"icons":case"fading-in-icons":case"mounting-icons":break;case"content":case"fading-in-content":case"mounting-content":n("fading-out-content");break;case"fading-out-icons":n(a?"fading-in-icons":"content")}},[e]);const i=h(()=>{"fading-out-content"===l&&a?n("mounting-icons"):"fading-out-content"!==l||a?"fading-in-content"===l&&n("content"):n("fading-out-content")},[l,a]),o=h(()=>{"fading-out-icons"===l?n("mounting-content"):"fading-in-icons"===l&&n("icons")},[l]);return u(()=>{"mounting-icons"===l?r.current=requestAnimationFrame(()=>{n("fading-in-icons")}):"mounting-content"===l&&(r.current=requestAnimationFrame(()=>{n("fading-in-content")}))},[l]),u(()=>()=>cancelAnimationFrame(r.current),[]),{contentVisible:"content"===l||"fading-in-content"===l,contentMounted:"content"===l||"fading-out-content"===l||"mounting-content"===l||"fading-in-content"===l,iconsVisible:"icons"===l||"fading-in-icons"===l,iconsMounted:"icons"===l||"fading-out-icons"===l||"mounting-icons"===l||"fading-in-icons"===l,handleContentTransitionEnd:i,handleIconTransitionEnd:o}})(a,c,o);return e.length?/* @__PURE__ */E(w,{children:[!o&&/* @__PURE__ */b("div",{className:ig({visible:m.iconsVisible,iconsMounted:m.iconsMounted}),onTransitionEnd:m.handleIconTransitionEnd,children:e.filter(e=>e.replaceWithIconOnClose&&!(e.hideOnMenuClosed&&!a)).map((e,a)=>{const t=e.items.map(e=>{const{label:a,id:t,icon:l,endContent:r,endContentVisibility:i,isSpacer:o,...c}=e;return{...c,id:t,label:a,..."string"==typeof l?{icon:l}:{},..."a"===n?{}:{linkComponent:n},onClick:()=>{s(e)}}}),l=[...e.title?[{id:`${e.title}-title`,label:e.title,customContent:/* @__PURE__ */b(fg,{variant:"label",size:"sm",color:"on-surface-variant",children:e.title})},{id:`${e.title}-divider`,label:"",isDivider:!0,dividerProps:{color:"outline-low",variant:"middle"}}]:[],...t];/* @__PURE__ */
|
|
741
741
|
return b(Gg,{items:l,trigger:"hover",placement:"right-top",density:"-4",children:/* @__PURE__ */b("span",{className:$H({active:!1,open:!1,variant:"compact"}),children:/* @__PURE__ */b(pp,{name:e.replaceWithIconOnClose,size:"sm",color:"on-surface-variant"})})},`mid-icon-${e.title??a}-${a}`)})}),/* @__PURE__ */b("div",{className:o?void 0:`${og({visible:m.contentVisible})}${m.contentMounted?"":" hidden"}`,onTransitionEnd:o?void 0:m.handleContentTransitionEnd,children:e.map((e,r)=>{const i=!1!==e.showDivider,o=!a&&e.hideOnMenuClosed;/* @__PURE__ */
|
|
742
742
|
return E("div",{className:ng({open:a,variant:t,hidden:o}),children:[i&&/* @__PURE__ */b(mH,{}),e.title&&/* @__PURE__ */b("div",{className:"pb-xs pt-sm pl-xs tablet:pl-none",children:/* @__PURE__ */b(fg,{variant:"label",size:"sm",color:"on-surface-variant",as:"span",children:e.title})}),
|
|
743
743
|
/* @__PURE__ */b("div",{className:rg({highlight:e.highlight}),children:/* @__PURE__ */b(qH,{items:e.items,activeItem:l,open:a,variant:"compact",linkComponent:n,onItemClick:s})})]},`mid-content-${e.title??r}-${r}`)})})]}):null};sg.displayName="MidSectionMenus";var cg=({currentPage:e,totalPages:a,rowsPerPage:t=10,onPageChange:l,onRowsPerPageChange:n,disabled:r=!1,rowsPerPageLabel:i="Zeilen pro Seite",pageOfPagesLabel:o="von"})=>{const s=1===e,c=e===a;/* @__PURE__ */
|
|
@@ -748,7 +748,7 @@ return E(nf,{direction:{minimum:"column",mobile:"row"},gap:{minimum:"xs",tablet:
|
|
|
748
748
|
/* @__PURE__ */b(Yd,{size:"sm",variant:"textSecondary",icon:"chevron-right",onClick:()=>{c||r||l(e+1)},disabled:c||r,"aria-label":"Next page"}),
|
|
749
749
|
/* @__PURE__ */b(Yd,{size:"sm",variant:"textSecondary",icon:"last-page",onClick:()=>{c||r||l(a)},disabled:c||r,"aria-label":"Last page"})]})]})},mg=pl({base:["relative","inline-block","group","focus:outline-none","focus-visible:outline-none","focus-visible:ring-none"],variants:{cursorPointer:{true:["cursor-pointer"]},wrapperWidth:{fit:["w-fit"],full:["w-full"]}}}),dg=pl({base:["absolute","z-60","rounded-sm","overflow-hidden","text-body-small","w-fit","bg-surface","text-on-surface","shadow-elevation2","dark:bg-surface-container","dark:shadow-elevation2-dark"],variants:{hasCustomHeight:{true:["flex","flex-col"]},placement:{top:["bottom-full","left-1/2","-translate-x-1/2"],"top-left":["bottom-full","left-0"],"top-right":["bottom-full","right-0","-translate-x-full"],bottom:["top-full","left-1/2","-translate-x-1/2"],"bottom-left":["top-full","left-0"],"bottom-right":["top-full","right-0","-translate-x-full"],left:["right-full","top-1/2","-translate-y-1/2"],right:["left-full","top-1/2","-translate-y-1/2"],"left-top":["right-full","top-none"],"left-bottom":["right-full","bottom-none"],"right-top":["left-full","top-none"],"right-bottom":["left-full","bottom-none"]}}}),hg=pl({base:["absolute","z-[9999]","transition-[opacity,scale]","duration-200","ease-in-out"],variants:{isVisible:{true:["opacity-100","scale-100"],false:["opacity-0","scale-95"]}}}),pg=pl({base:["list-none","p-none","m-none","w-full","overflow-y-auto","min-w-[150px]","relative"],variants:{hasControls:{true:[],false:[]},hasCustomHeight:{true:["flex-1"],false:[]}},compoundVariants:[{hasCustomHeight:!1,hasControls:!0,class:["max-h-[200px]"]},{hasCustomHeight:!1,hasControls:!1,class:["max-h-[320px]"]}],defaultVariants:{hasCustomHeight:!1}}),ug=pl({base:["px-sm","cursor-pointer","transition-colors","size-full","flex","items-center","justify-between","gap-sm","whitespace-nowrap","focus:outline-none","hover:bg-on-surface/8","focus:bg-on-surface/8","focus-visible:bg-on-surface/8","transition-colors","duration-300"],variants:{isStatic:{true:["cursor-default","hover:bg-transparent","focus:bg-transparent","focus-visible:bg-transparent"]},isSelected:{true:["bg-primary/8","focus:bg-primary/8"]},density:{default:["py-md"],"-2":["py-sm"],"-4":["py-xs"]}}}),Hg=pl({base:["transition-colors","font-body!"],variants:{variant:{display:[],body:[],title:[],headline:[],label:[]},size:{sm:[],md:[],lg:[]},textAlign:{left:["text-left"],center:["text-center"],right:["text-right"]},textTransform:{uppercase:["uppercase"],lowercase:["lowercase"],capitalize:["capitalize"]},hyphenate:{true:["hyphens-auto"],false:["hyphens-none"]},color:S,wrap:{false:["whitespace-nowrap"]}},compoundVariants:[{size:"sm",variant:"display",class:["text-display-small!"]},{size:"md",variant:"display",class:["text-display-medium!"]},{size:"lg",variant:"display",class:["text-display-large!"]},{size:"sm",variant:"body",class:["text-body-small!"]},{size:"md",variant:"body",class:["text-body-medium!"]},{size:"lg",variant:"body",class:["text-body-large!"]},{size:"sm",variant:"title",class:["text-title-small!"]},{size:"md",variant:"title",class:["text-title-medium!"]},{size:"lg",variant:"title",class:["text-title-large!"]},{size:"sm",variant:"headline",class:["text-headline-small!"]},{size:"md",variant:"headline",class:["text-headline-medium!"]},{size:"lg",variant:"headline",class:["text-headline-large!"]},{size:"sm",variant:"label",class:["text-label-small!"]},{size:"md",variant:"label",class:["text-label-medium!"]},{size:"lg",variant:"label",class:["text-label-large!"]}],defaultVariants:{variant:"body",size:"md"}}),gg={small:"sm",medium:"md",large:"lg"},Cg=e=>(e=>e in gg)(e)?(ve(!0,`@Typography: size="${e}" is deprecated. Use size="${gg[e]}" instead. The legacy values will be removed in v3.0.0.`),gg[e]):e,fg=({children:e,variant:a="body",size:t="md",as:l="p",color:n="on-surface",textAlign:r="left",truncate:i,textTransform:o,hyphenate:s=!0,wrap:c=!0,...m})=>{const d=We(t)??"md",h=Cg(d),p=i?{WebkitLineClamp:i,WebkitBoxOrient:"vertical",display:"-webkit-box",overflow:"hidden",textOverflow:"ellipsis"}:{};/* @__PURE__ */
|
|
750
750
|
return b(l,{className:Hg({variant:a,size:h,color:n,textAlign:r,textTransform:o,hyphenate:s,wrap:c}),...m,style:p,children:e})},Vg=(e,t)=>{if(!t)return e;const l=new RegExp(t,"gi"),n=e.replace(l,'<span class="font-semibold">$&</span>');return a.createElement("span",{dangerouslySetInnerHTML:{__html:n}})},Zg=({item:e,density:a,buttonProps:t,commonProps:l,ItemComponent:n,children:r})=>{const[i,o]=v(!1),[s,c]=v({top:0,left:0}),m=Z(null),d=Z(null),p=Z(null),H=Je(d,i),g=h(()=>{m.current&&clearTimeout(m.current),o(!0)},[]),C=h(()=>{m.current=setTimeout(()=>{o(!1)},150)},[]);return u(()=>()=>{m.current&&clearTimeout(m.current)},[]),u(()=>{if(!i||!d.current)return;const e=()=>{const e=d.current.getBoundingClientRect(),a=p.current?.offsetWidth??200,t=window.innerWidth-e.right>=a+4,l=e.top,n=t?e.right+4:e.left-a-4;c(Ke({top:l,left:n},H))};return e(),window.addEventListener("scroll",e,!0),()=>window.removeEventListener("scroll",e,!0)},[i,H]),/* @__PURE__ */E("li",{ref:d,role:"none",onMouseEnter:g,onMouseLeave:C,children:[/* @__PURE__ */b(n,{...t,...l,onClick:e=>{e.preventDefault(),e.stopPropagation()},children:r}),i&&e.subMenuItems&&H&&M(/* @__PURE__ */b("div",{ref:p,className:["absolute","z-9999","rounded-sm","overflow-hidden","bg-surface","text-on-surface","shadow-elevation2","dark:bg-surface-container","dark:shadow-elevation2-dark"].join(" "),style:{top:`${s.top}px`,left:`${s.left}px`},onMouseEnter:g,onMouseLeave:C,children:/* @__PURE__ */b("ul",{className:pg({hasControls:!1,hasCustomHeight:!1}),role:"menu",children:e.subMenuItems.map(e=>e.isDivider?/* @__PURE__ */b("li",{role:"none",className:"my-xs2",children:/* @__PURE__ */b(mH,{...e.dividerProps})},e.id):e.customContent?/* @__PURE__ */b("li",{role:"none",children:/* @__PURE__ */b("div",{className:ug({density:a,isSelected:!1,isStatic:!0}),children:e.customContent})},e.id):/* @__PURE__ */b("li",{role:"none",children:/* @__PURE__ */b("button",{type:"button",role:"menuitem",tabIndex:0,className:ug({density:a,isSelected:!1}),onClick:()=>e.onClick?.(),children:/* @__PURE__ */E("span",{className:"flex items-center gap-sm",children:[e.icon&&/* @__PURE__ */b("span",{className:"inline-block align-middle size-lg",children:/* @__PURE__ */b(pp,{name:e.icon,size:"sm"})}),/* @__PURE__ */b("span",{className:"inline-block align-middle",children:/* @__PURE__ */b(fg,{as:"span",variant:"body",wrap:!1,children:e.label})})]})})},e.id))})}),H)]})},vg=({innerId:e,placement:a,density:t,selectable:l,showSearch:n,searchPlaceholder:r,allowSelectAll:i,allowClearAll:o,selectAllLabel:s,clearAllLabel:c,noResultsFoundMessage:m,isLoading:d,isLoadingMore:h,queryHighlight:p,filteredItems:u,innerSelectedItem:H,atLeastOneHasIcon:g,menuRef:C,listRef:f,searchInputRef:V,menuItemsRef:Z,searchQuery:v,onSearchChange:A,onItemClick:x,onKeyDown:M,onMenuItemFocus:y,onSelectAll:L,onClearAll:k,onScroll:F,onMouseEnter:N,onMouseLeave:S,onSearchFocus:_,allItemsAreSelected:D,shouldShowClearAll:I,isOpen:T,height:z,minHeight:R,maxHeight:O})=>{const B=We(a),U=We(z),W=We(R),j=We(O);/* @__PURE__ */
|
|
751
|
-
return E("div",{ref:C,className:dg({placement:B,hasCustomHeight:!!(U||W||j)}),style:{height:U,minHeight:W,maxHeight:j},onMouseEnter:N,onMouseLeave:S,role:"menu","aria-labelledby":e,tabIndex:-1,children:[(n||i&&!D)&&/* @__PURE__ */E(w,{children:[/* @__PURE__ */E(nf,{gap:"xs",padding:"xs",align:"center",onClick:e=>{e.stopPropagation()},children:[n&&/* @__PURE__ */b(
|
|
751
|
+
return E("div",{ref:C,className:dg({placement:B,hasCustomHeight:!!(U||W||j)}),style:{height:U,minHeight:W,maxHeight:j},onMouseEnter:N,onMouseLeave:S,role:"menu","aria-labelledby":e,tabIndex:-1,children:[(n||i&&!D)&&/* @__PURE__ */E(w,{children:[/* @__PURE__ */E(nf,{gap:"xs",padding:"xs",align:"center",onClick:e=>{e.stopPropagation()},children:[n&&/* @__PURE__ */b(MV,{ref:V,label:r,placeholder:r,density:"-4",hideLabel:!0,value:v,onChange:A,onKeyDown:e=>{"ArrowDown"!==e.key&&"ArrowUp"!==e.key&&"Tab"!==e.key||e.stopPropagation()},onFocus:_,clearable:!0}),"multiple"===l&&i&&!d&&!D&&/* @__PURE__ */b(Yd,{variant:"text","aria-label":"Select all",size:"md",onClick:L,children:s})]}),/* @__PURE__ */b(mH,{})]}),
|
|
752
752
|
/* @__PURE__ */E("ul",{id:e,ref:f,className:pg({hasControls:n||i||o,hasCustomHeight:!!(U||W||j)}),role:"none",onScroll:F,children:[d&&/* @__PURE__ */b("li",{role:"none",children:/* @__PURE__ */E(nf,{gap:"sm",padding:{x:"sm",y:"md"},children:[
|
|
753
753
|
/* @__PURE__ */b(wf,{width:"100%",height:18}),
|
|
754
754
|
/* @__PURE__ */b(wf,{width:"50%",height:18}),
|
|
@@ -785,36 +785,38 @@ return b("span",{ref:g,className:lf({...Be(o,s,a),...Pe(t,l,n,r),hasClassName:Bo
|
|
|
785
785
|
/* @__PURE__ */b("path",{d:"M65.4544 0.599916C65.5464 0.468695 65.6981 0.388599 65.8583 0.388599H69.5223C69.921 0.388599 70.1545 0.8385 69.9245 1.1657L62.133 12.2036C62.041 12.3348 61.891 12.4115 61.7308 12.4115H57.9527C57.709 12.4115 57.501 12.2326 57.4653 11.9923L55.8122 0.954384C55.7679 0.656154 55.998 0.388599 56.2996 0.388599H59.725C59.9721 0.388599 60.1817 0.57265 60.2141 0.81805L61.0014 6.98374L65.4544 0.598212V0.599916Z",fill:"var(--color-on-surface)"}),
|
|
786
786
|
/* @__PURE__ */b("path",{d:"M23.2967 0.599916C23.3888 0.468695 23.5404 0.388599 23.7006 0.388599H27.3646C27.7634 0.388599 27.9968 0.8385 27.7668 1.1657L19.9753 12.2036C19.8833 12.3348 19.7333 12.4115 19.5731 12.4115H15.795C15.5513 12.4115 15.3434 12.2326 15.3076 11.9923L13.6545 0.954384C13.6102 0.656154 13.8403 0.388599 14.1419 0.388599H17.5673C17.8144 0.388599 18.024 0.57265 18.0564 0.81805L18.8437 6.98374L23.2967 0.598212V0.599916Z",fill:"var(--color-on-surface)"})]}),cf=({product:e="default",iconStyle:a="duotone",size:t="md",hideIcon:l=!1,hideName:n=!1,hideTagline:r=!1,tagline:i,iconSize:o,nameHeight:s,taglineSize:c})=>{const{Icon:m,tagline:d}=rf[e],h=of[t],p=o??h.icon,u=s??h.name,H=c??h.tagline,g="flat"===a,C=!n,f=i??d,V=!r&&Boolean(f);/* @__PURE__ */
|
|
787
787
|
return E(nf,{direction:"row",gap:"xs",align:"center",justify:"center",width:"auto",children:[!l&&(g?/* @__PURE__ */b("span",{className:"text-on-surface inline-flex",children:/* @__PURE__ */b(m,{size:p,color:"currentColor"})}):/* @__PURE__ */E(w,{children:[/* @__PURE__ */b("span",{className:"inline-flex dark:hidden",children:/* @__PURE__ */b(m,{size:p})}),/* @__PURE__ */b("span",{className:"hidden dark:inline-flex text-on-surface",children:/* @__PURE__ */b(m,{size:p,color:"currentColor"})})]})),(C||V)&&/* @__PURE__ */E(nf,{direction:"row",gap:"xs2",align:"baseline",width:"auto",children:[C&&/* @__PURE__ */b(sf,{height:u}),V&&/* @__PURE__ */b("span",{className:"text-on-surface font-tagline font-medium whitespace-nowrap leading-none",style:{fontSize:H,letterSpacing:"-0.02em"},children:f})]})]})};cf.displayName="ZvooveBrand";var mf=pl({base:["flex","overflow-x-hidden","shrink-0","absolute","left-none","top-none","z-30","p-sm","pb-md","h-dvh","tablet:h-full","tablet:relative","tablet:left-none","tablet:top-none","tablet:z-10","tablet:p-none","tablet:overflow-visible"],variants:{open:{true:[],false:["pointer-events-none","tablet:pointer-events-auto"]}},defaultVariants:{open:!1}}),df=pl({base:["w-full","shrink-0","flex","items-center","tablet:mt-[1px]"],variants:{variant:{default:["h-[60px]"],compact:["h-[34px]","tablet:h-[44px]","overflow-visible"]},hasLogo:{true:["gap-xs2"],false:[]},hasToggleButton:{true:[],false:[]}},compoundVariants:[{hasLogo:!0,hasToggleButton:!0,class:"justify-between"},{hasLogo:!0,hasToggleButton:!1,class:"justify-start"}],defaultVariants:{variant:"default",hasLogo:!1,hasToggleButton:!0}}),hf=pl({base:[...TH,zH,"h-[48px]","rounded-full","cursor-pointer","pointer-events-auto","flex","shrink-0","items-start","justify-start","pt-xs2","tablet:hover:bg-on-surface/3","tablet:pt-none","tablet:justify-center","tablet:items-center","border-transparent"],variants:{addBorderToToggleButton:{false:[]},variant:{default:[],compact:[OH,"h-xl2","tablet:h-[36px]"]},open:{true:[],false:[]}},compoundVariants:[{addBorderToToggleButton:!0,open:!1,class:["tablet:border-t","tablet:border-r","tablet:border-b","tablet:border-l-transparent","tablet:border-outline-variant","tablet:hover:bg-background"]},{variant:"compact",open:!1,class:["tablet:bg-background","tablet:rounded-l-none","tablet:rounded-r-sm","tablet:h-[28px]"]}],defaultVariants:{variant:"default"}}),pf=pl({base:["flex-1","min-h-none","flex","flex-col","bg-surface","tablet:bg-transparent","rounded-md","tablet:rounded-none","overflow-hidden","shadow-elevation2","tablet:shadow-none","relative","w-full",...TH],variants:{open:{false:["-translate-x-full","-left-md","tablet:-left-none","tablet:-translate-x-none"]},isCompact:{true:["mt-[5px]"],false:[]}}}),uf=pl({base:["transition-all","ease-in-out","duration-300","tablet:pb-sm"],variants:{open:{true:[],false:[]},variant:{default:[],compact:["mt-none","tablet:mt-xs"]},section:{main:[],subMenuBack:[]}},compoundVariants:[{section:"main",open:!0,class:"mb-none"},{section:"main",open:!1,class:"mb-none tablet:mb-md"},{section:"subMenuBack",class:"mb-none"}],defaultVariants:{open:!1,variant:"default",section:"main"}}),Hf=pl({base:["flex-1","min-h-none","flex","flex-col","justify-between","overflow-y-auto","scrollbar-hidden"]}),gf=pl({base:["shrink-0","mb-sm"]}),Cf=pl({base:[zH,...TH,"text-on-surface-variant","flex","flex-col","h-full","max-h-full","tablet:max-h-[calc(100dvh-24px)]"],variants:{open:{true:[RH]},variant:{default:[],compact:[OH]}},compoundVariants:[{open:!0,variant:"compact",class:[BH]},{open:!0,variant:"default",class:[RH]}],defaultVariants:{open:!1,variant:"default"}}),ff=pl({base:[...TH,zH,"w-full","border-outline-variant","overflow-hidden","shrink-0","sticky","bottom-none","tablet:static","px-xs2","pb-xs2","tablet:px-none","tablet:pb-none","transition-all","ease-in-out","duration-300"],variants:{open:{true:[RH,"h-[56px]"],false:["ml-[2px]","h-[32px]"]},compact:{true:[],false:[]},variant:{default:[],compact:[OH]}},compoundVariants:[{compact:!1,open:!1,class:["pl-sm!"]},{open:!0,variant:"compact",class:[BH]},{open:!0,variant:"default",class:[RH]}],defaultVariants:{variant:"default"}}),Vf=pl({base:["relative","flex-1","min-h-none","overflow-hidden"]}),Zf=pl({base:["absolute","inset-none","flex","flex-col","h-full","w-full","overflow-y-auto","scrollbar-hidden","transition-transform","duration-300","ease-in-out"],variants:{state:{visible:["translate-x-0"],"hidden-right":["translate-x-full"],"hidden-left":["-translate-x-full"]}},defaultVariants:{state:"visible"}});function vf(e,a){if(!e||!a?.length)return null;const t=e.indexOf(".");return t>=0?e.slice(0,t):a.some(a=>a.parentId===e)?e:null}function Af(e,a,t){if(e.isSpacer||!a.has(e.id))return e;const l=/* @__PURE__ */b(pp,{name:"chevron-right",size:"compact"===t?"xs":"sm",color:"on-surface-variant"}),n=e.endContent?/* @__PURE__ */E(nf,{direction:"row",align:"center",gap:"xs2",width:"fit-content",children:[e.endContent,l]}):l;return{...e,endContent:n}}var xf=({menuItems:e,utilityItems:a,midSections:t,subMenus:l,userArea:n,hideUserAreaInMobile:r=!0,hideToggleButton:i=!1,addBorderToToggleButton:o=!1,logo:s,open:c=!1,variant:m="default",activeItem:d,onToggleOpen:h,onActiveItemChange:p,onItemClick:H,linkComponent:g="a"})=>{const{isSmallerThan:C}=ge(),V=C("tablet"),[A,x]=v(c),M="compact"===m,y=M,L=s?.icon??/* @__PURE__ */b(cf,{hideName:!0,size:"sm"}),k=s?.name??/* @__PURE__ */b(cf,{hideIcon:!0}),F=s?.hideIconWhenOpen??!1,N=Z(null),[S,_]=v(()=>vf(d,l)),[D,I]=v(()=>vf(d,l)),[T,z]=v(()=>vf(d,l)),R=vf(d,l),O=function(e){if(void 0===e)return{layerId:null,itemId:void 0};const a=e.indexOf(".");return-1===a?{layerId:null,itemId:e}:{layerId:e.slice(0,a),itemId:e.slice(a+1)}}(d).itemId??d,B=R??T??O,U=[...(l??[]).map(e=>e.parentId)].sort((e,a)=>e.localeCompare(a)).join("|"),W=f(()=>U?new Set(U.split("|")):/* @__PURE__ */new Set,[U]),j=f(()=>e.map(e=>Af(e,W,m)),[e,W,m]),$=f(()=>{if(a)return a.map(e=>Af(e,W,m))},[a,W,m]),P=f(()=>(t??[]).map(e=>({...e,items:e.items.map(e=>Af(e,W,m))})),[t,W,m]);u(()=>{const e=vf(d,l);_(e),e?(I(e),z(e)):z(null)},[d,U]);const X=l?.find(e=>e.parentId===D),G=f(()=>{if(!X)return[];const l=function(e,a,t,l){const n=a=>a.find(a=>a.id===e&&!a.isSpacer),r=n(a)?.label;if(r)return r;if(t?.length){const e=n(t)?.label;if(e)return e}if(l?.length)for(const i of l){const e=n(i.items)?.label;if(e)return e}return e}(X.parentId,e,a,t);return[{id:"__back__",label:X.backLabel??"Hauptmenü",icon:"arrow-back",endContent:/* @__PURE__ */b(Cl,{label:l,variant:"outlined",size:"sm",color:"neutral"})}]},[X,e,a,t]),Y=()=>{const e=!A;!e&&V&&N.current?.scrollTo({top:0,behavior:"smooth"}),x(e),h&&h(e)},q=e=>{if(e.isSpacer)return;const a=a=>{"_blank"!==e.target&&p?.(a)};if(l?.some(a=>a.parentId===e.id))return a(e.id),_(e.id),I(e.id),z(e.id),void H?.(e);if("__back__"===e.id)return _(null),void H?.(e);const t="function"==typeof e.onClick;t||a(e.id),!t&&V&&Y(),z(null),H?.(e)};u(()=>{x(c)},[c]);const K=i?null:/* @__PURE__ */E("button",{type:"button",onClick:Y,className:hf({variant:m,open:A,addBorderToToggleButton:o}),children:[/* @__PURE__ */b("span",{className:"hidden tablet:block",children:/* @__PURE__ */b(pp,{name:"sidebar",size:M?"xs":"lg",color:"on-surface-variant"})}),/* @__PURE__ */b("span",{className:"block tablet:hidden",children:/* @__PURE__ */b(pp,{name:A?"close":"menu",size:M?"xs":"lg",color:A?"on-scrim":"on-surface-variant"})})]}),J=Boolean(K)||y&&!V&&M,Q=/* @__PURE__ */E(w,{children:[/* @__PURE__ */E("div",{children:[/* @__PURE__ */b("div",{className:uf({open:A,variant:m}),children:/* @__PURE__ */b(qH,{items:j,activeItem:B,open:A,variant:m,linkComponent:g,onItemClick:q})}),/* @__PURE__ */b(sg,{sections:P,open:A,variant:m,activeItem:O,linkComponent:g,onItemClick:q})]}),$&&/* @__PURE__ */b("div",{className:gf(),children:/* @__PURE__ */b(qH,{items:$,activeItem:O,open:A,variant:m,linkComponent:g,onItemClick:q})})]});/* @__PURE__ */
|
|
788
|
-
return E(w,{children:[V&&/* @__PURE__ */b(tH,{show:A,onClick:Y}),/* @__PURE__ */b("div",{className:mf({open:A}),children:/* @__PURE__ */E("div",{className:Cf({open:A,variant:m}),children:[J&&/* @__PURE__ */E("div",{className:df({variant:m,hasLogo:y,hasToggleButton:!i}),children:[y&&!V&&/* @__PURE__ */E("div",{className:"flex shrink-0 items-center gap-xs overflow-hidden",children:[/* @__PURE__ */b("span",{className:"flex shrink-0 items-center justify-center transition-all duration-500 ease-in-out "+(F&&A?"w-none opacity-0":"w-[34px] opacity-100"),children:L}),/* @__PURE__ */b("span",{className:"transition-all duration-500 ease-in-out "+(A?"max-w-[200px] opacity-100":"max-w-none opacity-0"),children:k})]}),K]}),/* @__PURE__ */E("div",{className:pf({open:A,isCompact:M}),children:[/* @__PURE__ */b("div",{ref:N,className:Hf(),children:l?.length?/* @__PURE__ */E("div",{className:Vf(),children:[/* @__PURE__ */b("div",{className:Zf({state:S?"hidden-left":"visible"}),children:Q}),/* @__PURE__ */b("div",{className:Zf({state:S?"visible":"hidden-right"}),onTransitionEnd:e=>{e.target===e.currentTarget&&(S||I(null))},children:X&&/* @__PURE__ */E(w,{children:[/* @__PURE__ */b("div",{className:uf({open:A,variant:m,section:"subMenuBack"}),children:/* @__PURE__ */b(qH,{items:G,activeItem:void 0,open:A,variant:m,linkComponent:g,onItemClick:q})}),X.content]})})]}):Q}),n&&!(r&&V)&&/* @__PURE__ */b("div",{className:ff({open:A,variant:m,compact:M}),children:/* @__PURE__ */b(
|
|
788
|
+
return E(w,{children:[V&&/* @__PURE__ */b(tH,{show:A,onClick:Y}),/* @__PURE__ */b("div",{className:mf({open:A}),children:/* @__PURE__ */E("div",{className:Cf({open:A,variant:m}),children:[J&&/* @__PURE__ */E("div",{className:df({variant:m,hasLogo:y,hasToggleButton:!i}),children:[y&&!V&&/* @__PURE__ */E("div",{className:"flex shrink-0 items-center gap-xs overflow-hidden",children:[/* @__PURE__ */b("span",{className:"flex shrink-0 items-center justify-center transition-all duration-500 ease-in-out "+(F&&A?"w-none opacity-0":"w-[34px] opacity-100"),children:L}),/* @__PURE__ */b("span",{className:"transition-all duration-500 ease-in-out "+(A?"max-w-[200px] opacity-100":"max-w-none opacity-0"),children:k})]}),K]}),/* @__PURE__ */E("div",{className:pf({open:A,isCompact:M}),children:[/* @__PURE__ */b("div",{ref:N,className:Hf(),children:l?.length?/* @__PURE__ */E("div",{className:Vf(),children:[/* @__PURE__ */b("div",{className:Zf({state:S?"hidden-left":"visible"}),children:Q}),/* @__PURE__ */b("div",{className:Zf({state:S?"visible":"hidden-right"}),onTransitionEnd:e=>{e.target===e.currentTarget&&(S||I(null))},children:X&&/* @__PURE__ */E(w,{children:[/* @__PURE__ */b("div",{className:uf({open:A,variant:m,section:"subMenuBack"}),children:/* @__PURE__ */b(qH,{items:G,activeItem:void 0,open:A,variant:m,linkComponent:g,onItemClick:q})}),X.content]})})]}):Q}),n&&!(r&&V)&&/* @__PURE__ */b("div",{className:ff({open:A,variant:m,compact:M}),children:/* @__PURE__ */b(SZ,{...n,showInfo:A,compact:!A})})]})]})})]})},Mf=pl({base:["bg-surface-container","block","cursor-progress"],variants:{borderRadius:{xs:["rounded-xs"],sm:["rounded-sm"],md:["rounded-md"],lg:["rounded-lg"],xl:["rounded-xl"],full:["rounded-full"]},animation:{pulse:["animate-pulse"],wave:["bg-gradient-to-r","from-transparent","via-surface-container-lowest","to-transparent","bg-[length:200%_100%]","animate-[wave_1.5s_ease-in-out_infinite]"],false:["animate-none"]}}}),wf=s(({borderRadius:e="xs",animation:a="pulse",width:t="100%",height:l=16,...n},r)=>{const{className:i,...o}=n;return ve(void 0!==i,"className is not supported on Skeleton component. Please use the width and height props instead."),/* @__PURE__ */b("div",{"aria-hidden":"true",className:Mf({borderRadius:e,animation:a}),style:{width:"number"==typeof t?`${t}px`:t,height:"number"==typeof l?`${l}px`:l},ref:r,...o})});wf.displayName="Skeleton";var bf={default:{name:"info"},positive:{name:"check-circle",weight:"fill"},warning:{name:"warning"},error:{name:"error",weight:"fill"},subtle:{name:"info"}},Ef={default:"inverse-surface",positive:"green-container",warning:"yellow-container",error:"error-container",subtle:"steel-blue-container"},yf={default:"inverse-on-surface",positive:"on-green-container",warning:"on-yellow-container",error:"on-error-container",subtle:"on-steel-blue-container"},Lf=i(null),kf=pl({base:["fixed","z-[9999]","pointer-events-none","flex","gap-sm"],variants:{placement:{"top-left":["top-[24px]","left-[24px]","bottom-auto","right-auto","flex-col","items-start"],"top-center":["top-[24px]","left-1/2","-translate-x-1/2","bottom-auto","right-auto","flex-col","items-center"],"top-right":["top-[24px]","right-[24px]","bottom-auto","left-auto","flex-col","items-end"],"bottom-left":["bottom-[72px]","left-[24px]","top-auto","right-auto","flex-col","items-start"],"bottom-center":["bottom-[72px]","left-1/2","-translate-x-1/2","top-auto","right-auto","flex-col","items-center"],"bottom-right":["bottom-[72px]","right-[24px]","top-auto","left-auto","flex-col","items-end"]}}}),Ff=pl({base:["relative","group","transition-all","duration-200","ease-in-out","w-[420px]","max-w-[calc(100vw-48px)]","h-fit"],variants:{isHovered:{true:["gap-sm"],false:["gap-none"]},placement:{"top-left":["self-start"],"top-center":["self-center"],"top-right":["self-end"],"bottom-left":["self-start"],"bottom-center":["self-center"],"bottom-right":["self-end"]}}}),Nf=pl({base:["pointer-events-auto","transition-all","duration-300","ease-out","transform","absolute","animate-in","fade-in","w-full","rounded-sm","flex","flex-col","justify-end","items-end"],variants:{position:{0:["z-30"],1:["z-20"],2:["z-10"]},isHovered:{true:[],false:[]},placement:{"top-left":["slide-in-from-top-4"],"top-center":["slide-in-from-top-4"],"top-right":["slide-in-from-top-4"],"bottom-left":["slide-in-from-bottom-4"],"bottom-center":["slide-in-from-bottom-4"],"bottom-right":["slide-in-from-bottom-4"]},isMounted:{true:["opacity-100"],false:["opacity-0"]},isRemoving:{true:["animate-out!","fade-out!","scale-95!","opacity-0!"],false:[]}},compoundVariants:[{placement:"top-left",isMounted:!1,class:["-translate-y-full","opacity-0"]},{placement:"top-center",isMounted:!1,class:["-translate-y-full","opacity-0"]},{placement:"top-right",isMounted:!1,class:["-translate-y-full","opacity-0"]},{placement:"bottom-left",isMounted:!1,class:["translate-y-full","opacity-0"]},{placement:"bottom-center",isMounted:!1,class:["translate-y-full","opacity-0"]},{placement:"bottom-right",isMounted:!1,class:["translate-y-full","opacity-0"]}]}),Sf=pl({base:["text-label-large","cursor-pointer","hover:opacity-80","transition-opacity"],variants:{variant:{default:["text-inverse-on-surface"],positive:["text-on-green-container"],warning:["text-on-yellow-container"],error:["text-on-error-container"],subtle:["text-on-steel-blue-container"]}}}),_f=pl({base:["flex","items-center","justify-center","shrink-0","cursor-pointer","hover:opacity-70","transition-opacity"]}),Df=()=>{const e=a.useContext(Lf);if(!e)throw new Error("Snackbar must be used within a SnackbarProvider");const{snackbars:t,removeSnackbar:l,pauseTimeouts:n,resumeTimeouts:r}=e,[i,o]=v(/* @__PURE__ */new Map),[s,c]=v(/* @__PURE__ */new Set),[m,d]=v(/* @__PURE__ */new Map),[h,p]=v(/* @__PURE__ */new Map),H=Z(/* @__PURE__ */new Map),g=Z(/* @__PURE__ */new Map),C=Z(/* @__PURE__ */new Map),f=Z(null),V=Je(f);if(u(()=>{for(const l of t)if(!s.has(l.id)&&!H.current.has(l.id)){const e=setTimeout(()=>{c(e=>new Set(e).add(l.id)),H.current.delete(l.id)},10);H.current.set(l.id,e)}const e=new Set(t.map(e=>e.id)),a=[];for(const t of s)e.has(t)||a.push(t);if(a.length>0){const e=setTimeout(()=>{c(e=>{const t=new Set(e);for(const l of a)t.delete(l);return t})},0);return()=>clearTimeout(e)}},[t,s]),u(()=>{const e=H.current,a=g.current;return()=>{for(const a of e.values())clearTimeout(a);for(const e of a.values())clearTimeout(e)}},[]),u(()=>{const e=new Set(t.map(e=>e.placement));for(const[a,t]of i.entries())if(!e.has(a)&&t){const e=setTimeout(()=>{o(e=>{const t=new Map(e);return t.delete(a),t})},0);return()=>clearTimeout(e)}},[t,i]),u(()=>{const e=new ResizeObserver(e=>{const a=new Map(m);let l=!1;for(const n of e){const e=n.target.dataset.snackbarId;if(e){const r=n.contentRect.height,o=t.find(a=>a.id===e);if(o){const a=o.placement,l=i.get(a)||!1,n=[...t.filter(e=>e.placement===a)].reverse().findIndex(a=>a.id===e);(l||0===(0===n?0:Math.min(n,2)))&&h.get(e)!==r&&p(a=>{const t=new Map(a);return t.set(e,r),t})}a.get(e)!==r&&(a.set(e,r),l=!0)}}l&&d(a)});for(const a of C.current.values())a&&e.observe(a);return()=>{e.disconnect()}},[t,m,i,h]),0===t.length)/* @__PURE__ */return b("span",{ref:f,hidden:!0,"aria-hidden":"true"});const A=t.reduce((e,a)=>{const t=a.placement;return e[t]||(e[t]=[]),e[t].push(a),e},{}),x=/* @__PURE__ */b(w,{children:Object.entries(A).map(([e,a])=>{const t=[...a].reverse(),c=e,d=i.get(c)||!1;/* @__PURE__ */
|
|
789
789
|
return b("div",{className:kf({placement:c}),children:/* @__PURE__ */b("div",{className:Ff({isHovered:d,placement:c}),onMouseEnter:()=>{const e=g.current.get(c);e&&(clearTimeout(e),g.current.delete(c)),o(e=>new Map(e).set(c,!0)),n()},onMouseLeave:()=>{r();const e=g.current.get(c);e&&clearTimeout(e);const a=setTimeout(()=>{o(e=>{const a=new Map(e);return a.delete(c),a}),g.current.delete(c)},100);g.current.set(c,a)},children:t.map((e,a)=>{const n=Math.min(a,2),r=e.isRemoving||!1,i=e.icon?"string"==typeof e.icon?{name:e.icon}:e.icon:void 0,o=!!e.actionLabel&&!!e.onAction,p=e.showCloseButton,u=e.actionLabel?52:56,H=e.children.length+(e.actionLabel?.length||0),g=(()=>{if(0===n)return 0;if(d){let e=0;for(let l=0;l<a;l++){const a=t[l];e+=(h.get(a.id)||m.get(a.id)||60)+8}return e}{const e=h.get(t[0].id)||m.get(t[0].id)||60,a=Math.min(.3*e,20);return n*Math.min(10,a/2)}})(),f=c.startsWith("top")?g:-g,V=s.has(e.id),Z={},v={};if(V&&!r){const e=d||0===n?1:1===n?.95:.9,a=h.get(t[0].id)||m.get(t[0].id)||60;d?(Z.transform=`translateY(${f}px) scale(${e})`,v.opacity="1"):(Z.transform=`translateY(${f}px) scale(${e})`,v.height=`${a}px`,v.maxHeight=`${a}px`,v.opacity=0===n?"1":"0")}/* @__PURE__ */
|
|
790
790
|
return b("div",{ref:a=>{a?C.current.set(e.id,a):C.current.delete(e.id)},"data-snackbar-id":e.id,className:Nf({position:n,isHovered:d,placement:c,isMounted:V,isRemoving:r}),style:Z,children:/* @__PURE__ */b(ah,{bgColor:Ef[e.variant],elevation:1,width:"100%",minWidth:"280px",maxWidth:"560px",borderRadius:"sm",padding:"none",children:/* @__PURE__ */b("div",{style:v,className:"overflow-hidden transition-all duration-200 ease-in-out",children:/* @__PURE__ */E(nf,{direction:H>u?"column":"row",gap:H>u?"xs":"xl",padding:"sm",justify:"space-between",align:"center",wrap:"nowrap",height:"100%",minHeight:"48px",children:[/* @__PURE__ */E(MH,{columns:"auto 1fr",gap:"sm",children:[/* @__PURE__ */b(pp,{...i||bf[e.variant],color:yf[e.variant]}),/* @__PURE__ */b("div",{className:"flex items-center",children:/* @__PURE__ */b(fg,{color:yf[e.variant],children:e.children})})]}),(o||e.showCloseButton)&&/* @__PURE__ */E(nf,{direction:"row",gap:"sm",justify:"flex-end",align:H>u?"flex-start":"center",width:H>u?"100%":"fit-content",height:"100%",children:[o&&/* @__PURE__ */b("button",{className:Sf({variant:e.variant}),onClick:()=>{e.onAction?.(e.id),e.duration>0&&l(e.id)},children:e.actionLabel}),p&&/* @__PURE__ */b("button",{className:_f(),onClick:()=>{e.onClose?.(e.id),l(e.id)},"aria-label":"Close snackbar",children:/* @__PURE__ */b(pp,{name:"close",size:"sm",color:yf[e.variant]})})]})]})})})},e.id)})})},e)})});/* @__PURE__ */
|
|
791
791
|
return E(w,{children:[/* @__PURE__ */b("span",{ref:f,hidden:!0,"aria-hidden":"true"}),V&&M(x,V)]})};Df.displayName="Snackbar";var If=({children:e,maxSnackbars:a=3,defaultDuration:t=5e3})=>{const[l,n]=v([]),r=Z(/* @__PURE__ */new Map),i=Z(!1),o=h(e=>{const a=r.current.get(e);a?.timeoutId&&clearTimeout(a.timeoutId),r.current.delete(e),n(a=>a.map(a=>a.id===e?{...a,isRemoving:!0}:a)),setTimeout(()=>{n(a=>a.filter(a=>a.id!==e))},300)},[]),s=h((e,l={})=>{const s=l.id||Math.random().toString(36).substring(2,11),c={id:s,children:e,variant:l.variant||"default",placement:l.placement||"top-right",showCloseButton:l.showCloseButton??!0,icon:l.icon,actionLabel:l.actionLabel,onAction:l.onAction,onClose:l.onClose,duration:l.duration??t,createdAt:Date.now()};n(e=>{const t=e.filter(e=>e.placement===c.placement),l=e.filter(e=>e.placement!==c.placement),n=[...t,c];return[...l,...n.length>a?n.slice(-a):n]});const m=c.duration;if(m&&m>0){const e=Date.now();let a=null;i.current||(a=setTimeout(()=>{o(s)},m)),r.current.set(s,{timeoutId:a,startTime:e,remainingDuration:m})}return s},[t,a,o]),c=h(()=>{for(const e of r.current.values())e.timeoutId&&clearTimeout(e.timeoutId);r.current.clear(),n([])},[]),m=h(()=>{if(i.current)return;i.current=!0;const e=Date.now();for(const[a,t]of r.current.entries())if(t.timeoutId){const l=e-t.startTime,n=Math.max(0,t.remainingDuration-l);clearTimeout(t.timeoutId),r.current.set(a,{...t,timeoutId:null,remainingDuration:n})}},[]),d=h(()=>{if(!i.current)return;i.current=!1;const e=Date.now();for(const[a,t]of r.current.entries())if(t.remainingDuration>0&&!t.timeoutId){const l=setTimeout(()=>{o(a)},t.remainingDuration);r.current.set(a,{timeoutId:l,startTime:e,remainingDuration:t.remainingDuration})}},[o]),p=f(()=>({snackbars:l,addSnackbar:s,removeSnackbar:o,clearAll:c,pauseTimeouts:m,resumeTimeouts:d}),[l,s,o,c,m,d]);/* @__PURE__ */
|
|
792
|
-
return b(Lf.Provider,{value:p,children:e})},Tf=()=>{const{addSnackbar:e,removeSnackbar:a,clearAll:t}=(()=>{const e=p(Lf);if(!e)throw new Error("useSnackbarContext must be used within a SnackbarProvider");return e})();return{snackbar:h((a,t)=>e(a,t),[e]),dismiss:h(e=>{a(e)},[a]),dismissAll:h(()=>{t()},[t])}},zf=
|
|
792
|
+
return b(Lf.Provider,{value:p,children:e})},Tf=()=>{const{addSnackbar:e,removeSnackbar:a,clearAll:t}=(()=>{const e=p(Lf);if(!e)throw new Error("useSnackbarContext must be used within a SnackbarProvider");return e})();return{snackbar:h((a,t)=>e(a,t),[e]),dismiss:h(e=>{a(e)},[a]),dismissAll:h(()=>{t()},[t])}},zf=["active","failed","blocked"],Rf={idle:"inaktiv",active:"aktiv",failed:"fehlgeschlagen",blocked:"blockiert",completed:"abgeschlossen"},Of=pl({slots:{root:["flex","w-full","flex-col","gap-xs"],track:["m-none","flex","w-full","list-none","gap-xs2","p-none"],step:["flex","min-w-0","flex-1","flex-col","gap-xs2"],label:["block","min-w-0","w-full"]}}),Bf=pl({base:["block","w-full","rounded-full"],variants:{mode:{compact:["h-xs"],full:["h-sm"]},status:{idle:["bg-outline-variant"],active:["bg-primary"],failed:["bg-error"],blocked:["bg-warning"],completed:["bg-dark-green"]}},defaultVariants:{mode:"compact",status:"idle"}}),Uf=({steps:e,mode:a="compact",compactStepLabel:t="Schritt",ariaLabel:l="Statusschritte",statusLabels:n})=>{const r=[...e].sort((e,a)=>e.order-a.order),i=(e=>e.find(e=>zf.some(a=>a===e.status)))(r),o=Of(),s={...Rf,...n};/* @__PURE__ */
|
|
793
|
+
return E("div",{className:o.root(),"data-testid":"status-stepper","aria-label":l,role:"group",children:[/* @__PURE__ */b("ol",{className:o.track(),children:r.map(e=>{const t=i===e,l=Bf({mode:a,status:e.status}),n=s[e.status];/* @__PURE__ */
|
|
794
|
+
return E("li",{className:o.step(),"data-testid":`status-stepper-step-${e.order}`,"aria-current":t?"step":void 0,children:[/* @__PURE__ */b("span",{"aria-label":"full"===a?n:`${e.order}. ${e.label}, ${n}`,className:l,"data-testid":`status-stepper-tile-${e.order}`,role:"img"}),"full"===a&&/* @__PURE__ */b("span",{className:o.label(),children:/* @__PURE__ */E(fg,{as:"span",color:"idle"===e.status?"on-surface-variant":"on-surface",size:"sm",truncate:1,variant:"label",wrap:!1,children:[e.order," ",e.label]})})]},e.order)})}),"compact"===a&&i&&/* @__PURE__ */E(fg,{"aria-hidden":!0,color:"on-surface",size:"sm",truncate:1,variant:"label",wrap:!1,children:[t," ",i.order,"/",r.length," ·"," ",i.label]})]})};Uf.displayName="StatusStepper";var Wf=pl({base:["relative","inline-flex","items-center","cursor-pointer","border-2","rounded-full","transition-colors","w-[52px]","h-[32px]","shrink-0","group","has-[:focus-visible]:ring-2","has-[:focus-visible]:ring-primary","has-[:focus-visible]:ring-offset-2","has-[:focus-visible]:outline-variant-low-none"],variants:{checked:{true:["bg-primary","border-primary","peer-hover/thumb:bg-primary-container"],false:["bg-transparent","border-outline-variant-low"]},disabled:{true:["opacity-10","!cursor-not-allowed"]}},compoundVariants:[{checked:!0,disabled:!0,class:["border-outline-variant-low!","bg-outline-variant-low!"]}],defaultVariants:{checked:!1,disabled:!1}}),jf=pl({base:["rounded-full","transform","transition-all","flex","items-center","justify-center",'before:content-[""]',"before:absolute","before:size-[24px]","before:rounded-full","before:transition-all","before:transform","before:opacity-0",'after:content-[""]',"after:absolute","after:size-full","after:rounded-full","after:transition-colors","after:top-[0]","after:left-[0]"],variants:{checked:{true:["size-[24px]","translate-x-[22px]","bg-primary-container","text-on-primary-container","after:bg-on-primary","group-hover:after:bg-primary-container","before:bg-primary"],false:["translate-x-[3px]","text-on-primary","after:bg-outline-variant-low","group-hover:after:bg-on-surface-variant","before:bg-outline-variant-low"]},animate:{true:["before:animate-ripple"]},disabled:{true:[]},withIcons:{true:[]}},compoundVariants:[{checked:!0,disabled:!0,class:["after:bg-container"]},{checked:!1,disabled:!0,class:["after:bg-outline-variant-low"]},{checked:!1,withIcons:!0,class:["size-[24px]","before:top-[0]","before:left-[0]"]},{checked:!1,withIcons:!1,class:["size-[16px]","translate-x-[6px]","before:top-[-4px]","before:left-[-4px]"]}],defaultVariants:{checked:!1}}),$f=s(({checked:e=!1,disabled:a=!1,onChange:t=()=>{},name:l,value:n,id:r,withIcons:i=!1,label:o,labelPlacement:s="left",justify:c="flex-start",...m},d)=>{const[h,p]=v(!1),u=H(),g=r??u,C=void 0!==o;ve(!C&&!m["aria-label"],"@zvoove/unity-ui: Switch must have a label or aria-label");const f=e=>{a||(p(!0),t(e),setTimeout(()=>{p(!1)},500))};let V=null;!0===i?V={on:"check",off:"close"}:!1!==i&&(V=i);const Z=["space-between","space-around","space-evenly","flex-end","center"].includes(c);/* @__PURE__ */
|
|
793
795
|
return b("label",{htmlFor:g,className:`cursor-pointer ${Z?"w-full":"w-fit"} inline-block prevent-select`,children:/* @__PURE__ */E(nf,{direction:"row",gap:"sm",align:"center",justify:c,width:Z?"100%":"fit-content",children:[C&&"left"===s?/* @__PURE__ */E(fg,{variant:"body",size:"lg",children:["string"==typeof o&&o,"object"==typeof o&&/* @__PURE__ */b(w,{children:e?o.on:o.off})]}):/* @__PURE__ */b("span",{className:"sr-only",children:m["aria-label"]??"Toggle switch"}),
|
|
794
|
-
/* @__PURE__ */E("span",{className:
|
|
796
|
+
/* @__PURE__ */E("span",{className:Wf({checked:e,disabled:a}),children:[/* @__PURE__ */b("input",{id:g,name:l,value:n,type:"checkbox",checked:e,"aria-checked":e,"aria-disabled":a,disabled:a,onChange:f,onKeyDown:a=>{"Space"===a.key&&(a.preventDefault(),a.stopPropagation(),f({target:{checked:e}}))},className:"sr-only",ref:d,tabIndex:a?-1:0,...m}),/* @__PURE__ */E("div",{className:jf({checked:e,animate:h,disabled:a,withIcons:null!==V}),children:[V&&e&&/* @__PURE__ */b("div",{className:"z-1","data-testid":"icon-on",children:/* @__PURE__ */b(pp,{name:V.on,size:"2xs"})}),V&&!e&&/* @__PURE__ */b("div",{className:"z-1","data-testid":"icon-off",children:/* @__PURE__ */b(pp,{name:V.off,size:"2xs"})})]})]}),C&&"right"===s&&/* @__PURE__ */E(fg,{variant:"body",size:"lg",children:["string"==typeof o&&o,"object"==typeof o&&/* @__PURE__ */b(w,{children:e?o.on:o.off})]})]})})});$f.displayName="Switch";var Pf=pl({base:["overflow-x-auto"]}),Xf=pl({base:["table-auto","w-full"]}),Gf=pl({base:["py-md","px-sm","border-b","border-outline-variant","max-mobile:hidden"],variants:{hasBackgroundColor:{true:["bg-surface-container-low"]}}}),Yf=pl({base:["text-body-medium","not-last:border-b","transition-colors","transition-all","border-outline-variant","[&+tr]:transition-all","[&+tr]:duration-200","[&+tr]:ease-in-out","mobile:hover:bg-surface-container-lowest","max-mobile:block","max-mobile:odd:bg-surface-container-lowest"],variants:{isSubRow:{true:["border-b-0!","hover:bg-transparent"]},isLastWithSubRow:{true:["border-b-0!"]},isOpen:{true:["[&+tr]:border-t","[&+tr]:border-outline-variant"]},isSubRowOpen:{true:["bg-surface-container-lowest"]}}}),qf=pl({base:["p-sm","relative","max-mobile:p-xs","max-mobile:inline-flex","max-mobile:w-full","max-mobile:justify-between","max-mobile:before:content-[attr(data-label)]","max-mobile:before:text-label-large","max-mobile:gap-sm"],variants:{variant:{header:["not-last:after:absolute","not-last:after:right-[0px]","not-last:after:top-1/2","not-last:after:-translate-y-1/2","not-last:after:w-px","not-last:after:h-[12px]","not-last:after:bg-outline-variant"]},orderable:{true:["cursor-pointer"]}}}),Kf="asc",Jf="desc",Qf="left",eV="center",aV="right",tV=e=>{let a="flex-start";return e===aV&&(a="flex-end"),e===eV&&(a="center"),e===Qf&&(a="flex-start"),a},lV=({data:e,columns:t,title:l,subtitle:n,actions:r,filters:i,footer:o,orderBy:s,onOrderByChange:c,emptyState:m,hiddenColumns:d,loading:h=!1,expandedRows:p,headerBackgroundColor:u=!1})=>{const{isSmallerThan:H}=ge(),g=t.filter(e=>!d?.includes(e.id));/* @__PURE__ */
|
|
795
797
|
return E(ah,{variant:"outlined",padding:"none",overflow:"hidden",children:[(r||l)&&/* @__PURE__ */E(w,{children:[/* @__PURE__ */E(nf,{padding:{y:"xs",x:"md"},direction:{minimum:"column",mobile:"row"},justify:"space-between",align:"center",children:[l?/* @__PURE__ */b(w,{children:l&&/* @__PURE__ */E(nf,{gap:"none",padding:{y:"xs"},children:[/* @__PURE__ */b(fg,{variant:"title",size:"lg",as:"h1",children:l}),n&&/* @__PURE__ */b(fg,{color:"on-surface-variant",children:n})]})}):/* @__PURE__ */b("div",{}),/* @__PURE__ */b("div",{children:/* @__PURE__ */b(nf,{direction:"row",gap:"none",children:r})})]}),/* @__PURE__ */b(mH,{})]}),i&&/* @__PURE__ */E(w,{children:[/* @__PURE__ */b(nf,{padding:"md",direction:"row",gap:"sm",align:"center",children:i}),/* @__PURE__ */b(mH,{})]}),
|
|
796
|
-
/* @__PURE__ */b("div",{className:
|
|
797
|
-
return E(a.Fragment,{children:[/* @__PURE__ */b("tr",{className:
|
|
798
|
-
return E("div",{className:
|
|
799
|
-
/* @__PURE__ */b("button",{className:
|
|
800
|
-
/* @__PURE__ */b("button",{className:
|
|
801
|
-
/* @__PURE__ */b("div",{className:
|
|
802
|
-
return b(
|
|
803
|
-
return E(w,{children:[/* @__PURE__ */E("label",{className:
|
|
804
|
-
/* @__PURE__ */b("div",{className:
|
|
805
|
-
return E("div",{className:"flex flex-col w-full",children:[/* @__PURE__ */E("div",{className:
|
|
806
|
-
/* @__PURE__ */b("input",{placeholder:e,className:
|
|
807
|
-
/* @__PURE__ */b("label",{htmlFor:V,"aria-labelledby":V,className:
|
|
808
|
-
/* @__PURE__ */b("div",{"data-testid":"error-icon",className:
|
|
809
|
-
/* @__PURE__ */b("div",{"data-testid":"warning-icon",className:
|
|
810
|
-
return E("div",{ref:i,className:
|
|
811
|
-
return E("div",{className:
|
|
812
|
-
return b("output",{"aria-live":"polite","aria-atomic":"true",className:"sr-only",children:e})},
|
|
813
|
-
return E(w,{children:[/* @__PURE__ */b("input",{...f,ref:n,type:"file",accept:m,multiple:d,name:h,required:p,id:u,form:H,onChange:i,onInvalid:o,className:"sr-only",tabIndex:-1,disabled:e,"aria-label":l.ariaLabel}),/* @__PURE__ */b("button",{type:"button",disabled:!V,onClick:V?r:void 0,onKeyDown:e=>{V&&("Enter"!==e.key&&" "!==e.key||(e.preventDefault(),r()))},...V?s:{},className:
|
|
814
|
-
return b("li",{className:
|
|
815
|
-
return b("div",{className:`${
|
|
816
|
-
return b("li",{className:
|
|
817
|
-
/* @__PURE__ */b("span",{className:
|
|
818
|
-
/* @__PURE__ */b(
|
|
819
|
-
/* @__PURE__ */b(
|
|
820
|
-
/* @__PURE__ */b(
|
|
798
|
+
/* @__PURE__ */b("div",{className:Pf(),children:/* @__PURE__ */E("table",{className:Xf(),children:[/* @__PURE__ */b("thead",{children:/* @__PURE__ */b("tr",{className:Gf({hasBackgroundColor:u}),children:g.map(e=>/* @__PURE__ */b("th",{className:qf({variant:"header",orderable:e.orderable}),style:{width:e.width,minWidth:e.minWidth,textAlign:e.align??Qf},role:e.orderable?"button":void 0,tabIndex:e.orderable?0:void 0,onClick:()=>{e.orderable&&c?.({columnId:e.id,direction:s?.direction===Kf?Jf:Kf})},children:/* @__PURE__ */E(nf,{direction:"row",gap:"xs",align:"center",justify:tV(e.align??Qf),children:[/* @__PURE__ */b(fg,{variant:"label",size:"lg",wrap:!1,as:"span",children:e.label}),e.orderable&&/* @__PURE__ */b(pp,{name:s?.column===e.id?s.direction===Kf?"arrow-up":"arrow-down":"minus",size:"sm",color:"on-surface"})]})},`${e.id}-header`))})}),/* @__PURE__ */b("tbody",{children:h?/* @__PURE__ */b(w,{children:Array.from({length:10}).map((e,a)=>/* @__PURE__ */b("tr",{className:Yf(),children:g.map(e=>/* @__PURE__ */b("td",{className:qf(),align:e.align??Qf,children:/* @__PURE__ */b(wf,{width:`${Math.floor(61*Math.random())+40}%`})},`${e.id}-row-loading`))},`row-loading-${a}`))}):e.length>0?e.map((t,l)=>{const n=l===e.length-1,r=!!t.expandableRow,i=n&&r,o=p?.includes(t.expandableRow?.id??"");/* @__PURE__ */
|
|
799
|
+
return E(a.Fragment,{children:[/* @__PURE__ */b("tr",{className:Yf({isLastWithSubRow:i&&!o,isSubRowOpen:o}),children:g.map(e=>{const a=t[e.id];let n;return n="string"==typeof a?/* @__PURE__ */b(fg,{variant:"body",as:"span",textAlign:H("tablet")?aV:e.align??Qf,children:a}):a,/* @__PURE__ */b("td",{className:qf(),align:e.align??Qf,"data-label":e.label,children:n},`${e.id}-row-${l}`)})},`row-${l}`),t.expandableRow&&/* @__PURE__ */b("tr",{className:Yf({isSubRow:!0,isOpen:p?.includes(t.expandableRow?.id??"")}),"data-type":"expandable-row",children:/* @__PURE__ */b("td",{colSpan:g.length,align:Qf,children:/* @__PURE__ */b(Lh,{isOpen:p?.includes(t.expandableRow?.id??""),children:/* @__PURE__ */b("div",{className:qf(),children:t.expandableRow.render})})})},t.expandableRow.id?`expandable-row-${t.expandableRow.id}`:`expandable-row-${l}`)]},`row-fragment-${l}`)}):/* @__PURE__ */b("tr",{children:/* @__PURE__ */b("td",{colSpan:t.length,className:qf(),align:eV,children:m||/* @__PURE__ */b(fg,{variant:"body",as:"span",children:"Keine Daten gefunden"})})})})]})}),o&&/* @__PURE__ */E(w,{children:[/* @__PURE__ */b(mH,{}),/* @__PURE__ */b(nf,{padding:"md",children:o})]})]})};lV.displayName="Table";var nV=pl({base:["w-full","relative"],variants:{isSticky:{true:["sticky","top-none","z-10"],false:["relative"]}}}),rV=pl({base:["w-full","p-md"],variants:{active:{true:["block"],false:["hidden"]}}}),iV=pl({base:["w-full","relative"],variants:{hasArrows:{true:["px-xl"]},hideBorder:{true:["border-none"],false:["border-b","border-b-surface-container-highest"]},isSticky:{true:["sticky","top-none","bg-surface/50","backdrop-blur","z-10"]}}}),oV=pl({base:["w-full","overflow-x-auto","overflow-y-hidden","scrollbar-hidden ","relative"]}),sV=pl({base:["flex","gap-md","relative"],variants:{hasArrows:{false:["px-xl","w-full"],true:["w-fit"]},itemsAlignment:{left:["justify-start"],center:["justify-center"],right:["justify-end"],between:["justify-between"],around:["justify-around"],evenly:["justify-evenly"]}}}),cV=pl({base:["cursor-pointer","transition-colors","duration-300","px-md","py-sm","whitespace-nowrap"],variants:{active:{false:["hover:bg-on-surface/8"],true:["hover:bg-primary/8"]},activity:{true:["relative","after:absolute","after:bottom-1/2","after:translate-y-1/2","after:right-xs2","after:size-xs","after:shrink-0","after:rounded-full","after:bg-primary"]}}}),mV=pl({base:["absolute","bottom-none","h-[3px]","rounded-t-lg","z-10","bg-primary"],variants:{initial:{true:["transition-none"],false:["transition-[left,width]","duration-300","ease-in-out"]}},defaultVariants:{initial:!1}}),dV=pl({base:["absolute","top-none","cursor-pointer","h-full","w-xl","flex","items-center","justify-center","z-50","transition-all","duration-300","hover:bg-on-surface/8"],variants:{direction:{left:["left-none"],right:["right-none"]},visible:{true:["opacity-100","pointer-events-auto"],false:["opacity-0","pointer-events-none"]}}}),hV=({item:e,activeItem:a,onChange:t,hasActivity:l,scrollContainerRef:n,tabRefs:r,setTabRef:i,index:s,linkComponent:c="button",isActive:m})=>/* @__PURE__ */o(c,{...e,key:e.id,ref:e=>{i(s,e)},role:"tab","aria-selected":m,"aria-controls":`tab-panel-${e.id}`,onClick:()=>{if(t?.({...e,hasActivity:l}),n.current&&r?.current){const e=r.current[s],a=n.current,t=a.clientWidth,l=e.offsetLeft-t/2+e.offsetWidth/2;a.scrollTo({left:l,behavior:"smooth"})}},className:cV({active:m,activity:l})},/* @__PURE__ */b(nf,{direction:"row",align:"center",gap:"sm",children:/* @__PURE__ */E(nf,{direction:"top"===e.iconPosition?"column":"row",align:"center",gap:"top"===e.iconPosition?"xs2":"xs",children:[e.icon&&/* @__PURE__ */b(pp,{name:e.icon,size:"sm",color:m?"primary":"on-surface-variant"}),!e.hideLabel&&/* @__PURE__ */b(fg,{as:"span",variant:"title",size:"sm",color:e.id===a?"primary":"on-surface-variant",children:e.label})]})})),pV=({items:e,activeItem:a,onChange:t,hideBorder:l=!1,itemsAlignment:n="left",isSticky:r=!0,panels:i,linkComponent:o="button"})=>{const[s,c]=v({left:!1,right:!1}),[m,h]=v({left:0,width:0}),[p,H]=v(!0),g=Z([]),C=Z(null),f=Z(null),V=Z(null),A=()=>{if(V.current){const{scrollLeft:e,scrollWidth:a,clientWidth:t}=V.current;c({left:e>0,right:e<a-t-1})}};u(()=>{const e=V.current;if(e){e.addEventListener("scroll",A);const a=new ResizeObserver(()=>{A()});return a.observe(e),()=>{e.removeEventListener("scroll",A),a.disconnect()}}},[]),u(()=>{const t=e.findIndex(e=>e.id===a),l=g.current[t];if(l){const{offsetLeft:e,offsetWidth:a}=l;p?requestAnimationFrame(()=>{h({left:e+16,width:a-32});const t=setTimeout(()=>{H(!1)},300);return()=>clearTimeout(t)}):h({left:e+16,width:a-32})}},[a,e,s,n,p]),u(()=>{if(f.current&&C.current){const{width:e}=C.current.getBoundingClientRect(),{width:a}=f.current.getBoundingClientRect();a>e&&d(()=>{c({left:!1,right:!0})})}},[f,C,e]);const x=e=>{if(V.current){const{clientWidth:a}=V.current,t=.5*a,l="left"===e?V.current.scrollLeft-t:V.current.scrollLeft+t;V.current.scrollTo({left:l,behavior:"smooth"})}},M=(e,a)=>{g.current&&(g.current[e]=a)};/* @__PURE__ */
|
|
800
|
+
return E("div",{className:nV({isSticky:r}),children:[/* @__PURE__ */E("div",{className:iV({hasArrows:s.left||s.right,hideBorder:l,isSticky:r}),ref:C,children:[
|
|
801
|
+
/* @__PURE__ */b("button",{className:dV({direction:"left",visible:s.left}),onClick:()=>x("left"),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||x("left")},"aria-label":"Scroll left",children:/* @__PURE__ */b(pp,{name:"chevron-left",size:"sm",color:"on-surface-variant"})}),
|
|
802
|
+
/* @__PURE__ */b("button",{className:dV({direction:"right",visible:s.right}),onClick:()=>x("right"),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||x("right")},"aria-label":"Scroll right",children:/* @__PURE__ */b(pp,{name:"chevron-right",size:"sm",color:"on-surface-variant"})}),
|
|
803
|
+
/* @__PURE__ */b("div",{className:oV(),ref:V,children:/* @__PURE__ */E("div",{className:sV({hasArrows:s.left||s.right,itemsAlignment:n}),ref:f,role:"tablist",children:[e.map(({hasActivity:e,...l},n)=>{const r=l.id===a;/* @__PURE__ */
|
|
804
|
+
return b(hV,{item:l,activeItem:a,onChange:t,hasActivity:e,index:n,linkComponent:o,isActive:r,scrollContainerRef:V,tabRefs:g,setTabRef:M},l.id)}),/* @__PURE__ */b("div",{className:mV({initial:p}),style:{left:`${m.left}px`,width:`${m.width}px`}})]})})]}),i?.map(e=>/* @__PURE__ */b("div",{className:rV({active:e.id===a}),children:e.children},e.id))]})};pV.displayName="Tabs";var uV=pl({base:["flex","flex-col","gap-xs2","p-md","relative","w-full","border","border-outline","transition-colors","ease-in-out","text-on-surface","bg-surface"],variants:{borderRadius:{none:"rounded-none",sm:"rounded-sm",md:"rounded-md",lg:"rounded-lg",xl:"rounded-xl"},disabled:{true:["opacity-50","cursor-not-allowed","bg-surface-container-low"],false:[]},error:{true:["border-error"],false:[]}},compoundVariants:[{disabled:!1,error:!1,class:["hover:border-on-surface-variant","hover:bg-surface-container-low!","focus-within:border-primary!","focus-within:bg-surface-container-low"]},{disabled:!1,error:!0,class:["hover:bg-surface-container-low!","focus-within:bg-surface-container-low"]}]}),HV=pl({base:["w-full","pb-xs"]}),gV=pl({base:["grid","text-body-medium","[&>textarea]:text-inherit","after:text-inherit","[&>textarea]:resize-none","[&>textarea]:overflow-hidden","[&>textarea]:[grid-area:1/1/2/2]","after:[grid-area:1/1/2/2]","after:whitespace-pre-wrap","after:invisible","after:content-[attr(data-cloned-val)_'_']"]}),CV=pl({base:["appearance-none","text-body-medium","text-on-surface","placeholder:text-on-surface-variant-lowest","disabled:opacity-50","disabled:cursor-not-allowed","focus:outline-none","focus:ring-0","p-none"],variants:{error:{true:["caret-error"],false:["caret-primary"]}}}),fV=s(({value:e,error:a=!1,errorMessage:t,disabled:l=!1,maxLength:n,borderRadius:r="sm",header:i,rows:o=1,actions:s,...c},m)=>{const d=Z(null);/* @__PURE__ */
|
|
805
|
+
return E(w,{children:[/* @__PURE__ */E("label",{className:uV({error:a,disabled:l,borderRadius:r}),children:[i&&/* @__PURE__ */b("div",{className:HV(),children:i}),
|
|
806
|
+
/* @__PURE__ */b("div",{className:gV(),"data-cloned-val":e??"",children:/* @__PURE__ */b("textarea",{ref:e=>{d.current=e,"function"==typeof m?m(e):m&&(m.current=e)},rows:o,className:CV({error:a}),disabled:l,value:e,...c})}),(s||n)&&/* @__PURE__ */E(nf,{direction:"row",align:"center",gap:"xs",children:[n&&/* @__PURE__ */b("div",{children:/* @__PURE__ */E(fg,{variant:"body",color:(e?.length??0)>n?"error":"on-surface-variant",children:[e?.length??0,"/",n]})}),s]})]}),/* @__PURE__ */b(VC,{error:a,errorMessage:t,disabled:l})]})});fV.displayName="Textarea";var VV=pl({base:["w-full","relative","min-w-[150px]"],variants:{density:{default:["h-[56px]"],"-2":["h-[48px]"],"-4":["h-[40px]"]}}}),ZV=pl({base:["appearance-none","text-body-medium","rounded-sm","border","focus:outline-none","h-full","w-full","text-body-large","transition-all","ease-in-out","disabled:opacity-50","disabled:cursor-not-allowed","hide-clear-field","remove-input-arrows","overflow-ellipsis","text-on-surface","bg-surface","hover:bg-surface-container-low","disabled:bg-surface-container-low","placeholder:text-on-surface-variant-lowest"],variants:{error:{true:["caret-error","border-error"],false:["caret-primary","border-outline","disabled:border-outline","focus:border-primary","hover:border-on-surface-variant"]},warning:{true:["caret-warning","border-warning","focus:border-warning","hover:border-warning","disabled:border-warning"],false:[]},isFocused:{true:[]},density:{default:[],"-2":[],"-4":[]},hasIconLeft:{true:[],false:[]},hasIconRight:{true:[],false:[]},hasIconBothSides:{true:[],false:[]},isFilled:{true:[]},hideLabel:{true:[],false:[]},clearable:{true:[]}},compoundVariants:[{isFocused:!0,error:!0,class:["border-error"]},{isFocused:!0,error:!1,class:["border-primary"]},{isFocused:!0,warning:!0,class:["border-warning"]},{error:!0,warning:!0,class:["caret-error","border-error"]},{hideLabel:!1,density:["default","-2"],class:["focus:pt-md"]},{hideLabel:!1,density:"-4",class:["focus:pt-md"]},{clearable:!0,density:["default","-2"],class:["focus:pr-[calc(var(--spacing-md)_*_2_+_20px)]"]},{clearable:!0,density:"-4",class:["focus:pr-[calc(var(--spacing-sm)_*_2_+_18px)]"]},{isFilled:!0,hideLabel:!1,class:["pt-md"]},{hasIconLeft:!1,density:["default","-2"],class:["px-md"]},{hasIconLeft:!1,density:"-4",class:["px-sm"]},{hasIconRight:!1,density:["default","-2"],class:["px-md"]},{hasIconRight:!1,density:"-4",class:["px-sm"]},{hasIconLeft:!0,density:["default","-2"],class:["pl-[calc(var(--spacing-md)_*_2_+_20px)]"]},{hasIconLeft:!0,density:"-4",class:["pl-[calc(var(--spacing-sm)_*_2_+_18px)]"]},{hasIconRight:!0,density:["default","-2"],class:["pr-[calc(var(--spacing-md)_*_2_+_20px)]"]},{hasIconRight:!0,density:"-4",class:["pr-[calc(var(--spacing-sm)_*_2_+_18px)]"]}],defaultVariants:{error:!1,warning:!1,isFilled:!1,hideLabel:!1}}),vV=pl({base:["w-fit","absolute","top-1/2","transform -translate-y-1/2","text-body-large","transition-all","ease-in-out","pointer-events-none","peer-focus/input:top-1/3","peer-focus/input:text-body-small","peer-disabled/input:opacity-50"],variants:{isFilled:{true:["top-1/3","text-body-small","text-on-surface-variant"],false:["text-on-surface-variant-lowest"]},error:{false:["peer-focus/input:text-primary"],true:["text-error","peer-focus/input:text-error"]},warning:{true:["text-warning","peer-focus/input:text-warning"],false:[]},hasIconLeft:{true:[],false:[]},hasIconRight:{true:[],false:[]},iconPosition:{left:[],right:[]},density:{default:[],"-2":[],"-4":[]},hideLabel:{true:["hidden"],false:[]}},compoundVariants:[{hasIconLeft:!1,density:["default","-2"],class:["left-md"]},{hasIconLeft:!1,density:"-4",class:["left-sm"]},{hasIconLeft:!0,density:["default","-2"],class:["left-[calc(var(--spacing-md)_*_2_+_20px)]"]},{hasIconLeft:!0,density:"-4",class:["left-[calc(var(--spacing-sm)_*_2_+_18px)]"]}],defaultVariants:{error:!1,warning:!1,isFilled:!1}}),AV=pl({base:["absolute","z-1","top-1/2","transform","-translate-y-1/2","text-body-small","rounded-full","peer-disabled/input:opacity-20","peer-disabled/input:cursor-not-allowed","transition-all","ease-in-out","focus:outline-none","focus:border-none"],variants:{withErrorIcon:{true:["text-error!"]},withWarningIcon:{true:["text-warning!"]},error:{true:["text-on-error","bg-error"],false:["text-on-surface-variant"]},warning:{true:["text-on-warning","bg-warning"],false:[]},density:{default:["size-[20px]"],"-2":["size-[20px]"],"-4":["size-[18px]"]},iconPosition:{left:[],right:[]},isError:{true:["pointer-events-none"]},isWarning:{true:["pointer-events-none","flex","items-center","justify-center","[&>*]:scale-[0.8]"]},disabled:{true:[]},hasAction:{true:["cursor-pointer","pointer-events-auto",'after:content-[""]',"after:size-full","after:scale-50","after:absolute","after:z-0","after:inset-none","after:bg-on-surface-variant/12","after:rounded-full","after:transition-[scale,opacity]","after:duration-200","after:ease-in-out","after:opacity-0","hover:after:opacity-100","hover:after:scale-160","focus:after:opacity-100","focus:after:scale-160","focus:after:outline-none"],false:["pointer-events-none"]},clearable:{true:["cursor-pointer","opacity-0","peer-focus/input:opacity-100","pointer-events-auto!"],false:[]}},compoundVariants:[{error:!0,isError:!0,class:["opacity-100"]},{error:!1,isError:!0,class:["opacity-0!"]},{warning:!0,isWarning:!0,class:["opacity-100"]},{warning:!1,isWarning:!0,class:["opacity-0!"]},{iconPosition:"right",density:["default","-2"],class:["right-md"]},{iconPosition:"right",density:"-4",class:["right-sm"]},{iconPosition:"left",density:["default","-2"],class:["left-md"]},{iconPosition:"left",density:"-4",class:["left-sm"]}],defaultVariants:{error:!1,warning:!1}}),xV={default:"md","-2":"md","-4":"sm"},MV=s(({placeholder:e,label:a,error:t=!1,errorMessage:l,warning:n=!1,warningMessage:r,onChange:i,density:o="default",type:s="text",hideLabel:c=!1,disabled:m=!1,clearable:d=!1,icon:h,iconPosition:p="left",onIconClick:u,isFocused:H=!1,value:g,...C},f)=>{const{name:V,...Z}=C,[A,x]=v(Boolean(g)),M=Boolean(e),w=Boolean(h)&&"left"===p,y=Boolean(h)&&"right"===p||t||n&&!t,L=We(o)??"default",k=e=>{void 0!==e.target.value&&""!==e.target.value?x(!0):x(!1),i?.(e)};/* @__PURE__ */
|
|
807
|
+
return E("div",{className:"flex flex-col w-full",children:[/* @__PURE__ */E("div",{className:VV({density:L}),children:[
|
|
808
|
+
/* @__PURE__ */b("input",{placeholder:e,className:ZV({error:t,warning:n&&!t,hideLabel:c,density:L,clearable:d,isFocused:H,hasIconLeft:w,hasIconRight:y,isFilled:A||M,className:"peer/input"}),name:V,id:V,type:s,"aria-invalid":t,"aria-errormessage":l,onChange:k,disabled:m,ref:f,value:g,...Z}),
|
|
809
|
+
/* @__PURE__ */b("label",{htmlFor:V,"aria-labelledby":V,className:vV({error:t,warning:n&&!t,density:L,hideLabel:c,iconPosition:p,hasIconLeft:w,hasIconRight:y,isFilled:A||M}),children:a}),h&&(!t&&!n||"right"!==p||u)&&/* @__PURE__ */b("div",{className:AV({density:L,iconPosition:p,hasAction:Boolean(u),withErrorIcon:t,withWarningIcon:n&&!t}),"data-testid":"icon-button",onClick:m?void 0:u,onKeyDown:e=>{m||"Enter"!==e.code&&"Space"!==e.code||(e.preventDefault(),u?.())},role:u&&!m?"button":void 0,tabIndex:u&&!m?0:void 0,"aria-disabled":m||void 0,children:/* @__PURE__ */b(pp,{name:h,size:xV[L],color:"on-surface-variant"})}),A&&d&&!t&&!n&&(!h||"right"!==p)&&!m&&/* @__PURE__ */b("div",{className:AV({density:L,clearable:d,iconPosition:"right"}),children:/* @__PURE__ */b(pp,{name:"close-circle",size:xV[L],onClick:()=>{k({target:{value:""}}),f&&"function"!=typeof f&&(f.current.value="")},role:"button",color:"on-surface-variant"})}),
|
|
810
|
+
/* @__PURE__ */b("div",{"data-testid":"error-icon",className:AV({error:t&&!u,density:L,disabled:m,isError:!0,iconPosition:"right"}),children:/* @__PURE__ */b(pp,{name:"exclamation-mark",size:xV[L],color:"on-error"})}),
|
|
811
|
+
/* @__PURE__ */b("div",{"data-testid":"warning-icon",className:AV({warning:n&&!t&&!u,density:L,disabled:m,isWarning:!0,iconPosition:"right"}),children:/* @__PURE__ */b(pp,{name:"warning",size:"xs",color:"on-warning"})})]}),/* @__PURE__ */b(VC,{error:t,errorMessage:l,warning:n,warningMessage:r,disabled:m})]})}),wV=pl({base:["relative","inline-block","group","w-full"]}),bV=pl({base:["absolute","z-50","rounded-xs","text-body-small","pointer-events-none","min-h-[24px]","flex","items-center","justify-center","bg-inverse-surface","text-inverse-on-surface"],variants:{placement:{top:["bottom-full","left-1/2","-translate-x-1/2"],bottom:["top-full","left-1/2","-translate-x-1/2"],left:["right-full","top-1/2","-translate-y-1/2"],right:["left-full","top-1/2","-translate-y-1/2"]},allowLineBreak:{true:["whitespace-normal","w-[200px]","px-sm","py-xs"],false:["whitespace-nowrap","px-xs"]}}}),EV=pl({base:["absolute","z-99","transition-[opacity,scale]","duration-200","ease-in-out"],variants:{isVisible:{true:["opacity-100","scale-100"],false:["opacity-0","scale-95"]}}}),yV=({children:e,triggerRef:a,placement:t,isOpen:l})=>{const[n,r]=v(!1),[i,o]=v(!1),s=Z(null),[c,m]=v({top:0,left:0}),h=Je(a,n);return u(()=>{if(!l){d(()=>{o(!1)});const e=setTimeout(()=>{d(()=>{r(!1)})},200);return()=>clearTimeout(e)}{const e=()=>{d(()=>{o(!0)})},a=()=>{d(()=>{r(!0)}),requestAnimationFrame(e)};requestAnimationFrame(a)}},[l]),u(()=>{if(!n||!a.current||!s.current)return;const e=()=>{const e=a.current,l=s.current;if(!e||!l)return;const n=e.getBoundingClientRect(),r=l.getBoundingClientRect();let i=0,o=0;switch(t){case"top":i=n.top-r.height-8,o=n.left+(n.width-r.width)/2;break;case"bottom":i=n.bottom+8,o=n.left+(n.width-r.width)/2;break;case"left":i=n.top+(n.height-r.height)/2,o=n.left-r.width-8;break;case"right":i=n.top+(n.height-r.height)/2,o=n.right+8}i+r.height>window.innerHeight&&(i=window.innerHeight-r.height-8),i<0&&(i=8),o+r.width>window.innerWidth&&(o=window.innerWidth-r.width-8),o<0&&(o=8),m(Ke({top:i,left:o},h))},l=()=>{requestAnimationFrame(e)};return e(),window.addEventListener("resize",e),window.addEventListener("scroll",l,!0),()=>{window.removeEventListener("resize",e),window.removeEventListener("scroll",l,!0)}},[n,t,a,h]),n&&h?M(/* @__PURE__ */b("div",{ref:s,className:EV({isVisible:i}),style:{top:`${c.top}px`,left:`${c.left}px`},children:e}),h):null},LV=({children:e,content:a,placement:t="top",disabled:l=!1})=>{const[n,r]=v(!1),i=Z(null),[o,s]=v(null),c="string"==typeof a&&a.length>20||"object"==typeof a;/* @__PURE__ */
|
|
812
|
+
return E("div",{ref:i,className:wV(),onMouseEnter:()=>{l||r(!0)},onMouseLeave:()=>{o&&(clearTimeout(o),s(null)),r(!1)},role:"tooltip","aria-describedby":"tooltip-content",children:[e,/* @__PURE__ */b(yV,{triggerRef:i,placement:t,isOpen:n,children:/* @__PURE__ */b("div",{className:bV({placement:t,allowLineBreak:c}),children:/* @__PURE__ */b("div",{id:"tooltip-content",children:a})})})]})},kV=pl({base:["grid","grid-row-[56px_1fr]","gap-md","text-on-surface-variant"],variants:{density:{"-4":"gap-none","-2":"gap-sm",default:"gap-md"}}}),FV={default:{title:{size:"md",variant:"headline"},subtile:{size:"lg",variant:"body"},titleSubtitleSpacing:"xs"},"-2":{title:{size:"small",variant:"headline"},subtile:{size:"md",variant:"body"},titleSubtitleSpacing:"xs2"},"-4":{title:{size:"lg",variant:"title"},subtile:{size:"small",variant:"body"},titleSubtitleSpacing:"xs2"}},NV=({leftBottomContent:e,subtitle:a,leftTopContent:t,rightTopContent:l,rightBottomContent:n,density:r="default"})=>{const i=t||l,o=n||e||a,s=/* @__PURE__ */b(nf,{gap:"sm",direction:"row",align:"center",justify:"flex-start",width:"auto",children:"string"==typeof e?/* @__PURE__ */b(fg,{variant:FV[r].title.variant,size:FV[r].title.size,children:e}):/* @__PURE__ */b(w,{children:e})});/* @__PURE__ */
|
|
813
|
+
return E("div",{className:kV({density:r}),children:[i&&/* @__PURE__ */E(nf,{direction:"row",justify:"space-between",align:"center",height:"100%",minHeight:"48px",children:[/* @__PURE__ */E(nf,{direction:"row",justify:"flex-start",align:"center",gap:"sm",height:"100%",width:"auto",children:[t,"-4"===r&&s]}),/* @__PURE__ */b(nf,{direction:"row",justify:"flex-end",align:"center",gap:"sm",height:"100%",width:"auto",children:l})]}),o&&"-4"!==r&&/* @__PURE__ */E(nf,{gap:FV[r].titleSubtitleSpacing,children:[/* @__PURE__ */E(nf,{direction:"row",justify:"space-between",align:"center",children:[s,/* @__PURE__ */b(nf,{direction:"row",justify:"flex-end",align:"center",gap:"sm",width:"auto",children:n})]}),a&&/* @__PURE__ */b(fg,{variant:FV[r].subtile.variant,size:FV[r].subtile.size,color:"on-surface-variant",children:a})]})]})},SV=/* @__PURE__ */function(e){return e.FILE_TOO_LARGE="file-too-large",e.INVALID_TYPE="invalid-type",e.EMPTY_FILE="empty-file",e.MAX_COUNT_EXCEEDED="max-count-exceeded",e.DUPLICATE_FILE="duplicate-file",e}({}),_V=/* @__PURE__ */function(e){return e.TOTAL_SIZE_EXCEEDED="total-size-exceeded",e.MAX_COUNT_EXCEEDED="max-count-exceeded",e.MIN_COUNT_NOT_MET="min-count-not-met",e.DUPLICATE_FILE="duplicate-file",e}({}),DV=/* @__PURE__ */function(e){return e.IDLE="idle",e.PENDING="pending",e.UPLOADING="uploading",e.CANCELED="canceled",e.FAILED="failed",e.SUCCESS="success",e}({}),IV={dropZoneText:"Dateien hierher ziehen oder ",browseText:"durchsuchen",dragOverText:"Dateien hier ablegen",processingText:"Dateien werden verarbeitet...",ariaLabel:"Dateien auswählen",fileListLabel:"Ausgewählte Dateien",canceledText:"Upload abgebrochen",failedText:"Upload fehlgeschlagen",cancelButtonText:"Abbrechen",cancelButtonLabel:e=>`${e} Upload abbrechen`,retryButtonText:"Wiederholen",retryButtonLabel:e=>`${e} erneut hochladen`,removeButtonLabel:e=>`${e} entfernen`,uploadingText:e=>`Datei wird hochgeladen - ${e}%`,finalizingUploadText:"Upload wird abgeschlossen...",pluralizeFiles:e=>1===e?"Datei":"Dateien",dismissAllRejectionsText:"Alle ablehnen",rejectionListHeaderText:"Bitte überprüfen Sie die folgenden Dateien.",showMoreFilesText:e=>`${e} weitere anzeigen`,showLessFilesText:"Weniger anzeigen",maxCountExceededWithLimitText:e=>`Zu viele Dateien ausgewählt, erlaubt sind ${e}.`,addedText:"hinzugefügt",totalText:"Insgesamt",selectedText:"ausgewählt",fileRemovedText:"Datei entfernt",allFilesRemovedText:"Alle Dateien entfernt",requiredErrorMessage:"Bitte wählen Sie eine oder mehrere Dateien aus.",fileErrorMessages:{[SV.FILE_TOO_LARGE]:"Diese Datei ist zu groß.",[SV.INVALID_TYPE]:"Dieser Dateityp ist nicht erlaubt.",[SV.EMPTY_FILE]:"Diese Datei ist leer.",[SV.MAX_COUNT_EXCEEDED]:"Zu viele Dateien ausgewählt.",[SV.DUPLICATE_FILE]:"Diese Datei existiert bereits."},componentErrorMessages:{[_V.TOTAL_SIZE_EXCEEDED]:"Die Gesamtgröße der Dateien überschreitet das Limit.",[_V.MAX_COUNT_EXCEEDED]:"Zu viele Dateien ausgewählt.",[_V.MIN_COUNT_NOT_MET]:"Zu wenige Dateien ausgewählt.",[_V.DUPLICATE_FILE]:"Diese Datei existiert bereits."}},TV=(e,a)=>void 0!==e?(a?.maxCountExceededWithLimitText??IV.maxCountExceededWithLimitText)(e):a?.componentErrorMessages[_V.MAX_COUNT_EXCEEDED]??IV.componentErrorMessages[_V.MAX_COUNT_EXCEEDED],zV={added:(e,a)=>`${e} ${IV.pluralizeFiles(e)} ${IV.addedText}. ${IV.totalText} ${a} ${IV.pluralizeFiles(a)} ${IV.selectedText}.`,removed:e=>`${IV.fileRemovedText}. ${IV.totalText} ${e} ${IV.pluralizeFiles(e)} ${IV.selectedText}.`,cleared:()=>IV.allFilesRemovedText,"component-error":e=>e,"count-changed":e=>`${e} ${IV.pluralizeFiles(e)} ${IV.selectedText}.`},RV=i(void 0),OV=({value:e,children:a})=>/* @__PURE__ */b(RV.Provider,{value:e,children:a}),BV=["Bytes","KB","MB","GB"],UV=(e,a=BV)=>{if(0===e)return`0 ${a[0]}`;const t=Math.floor(Math.log(e)/Math.log(1024)),l=a[t]??a[0];return`${Number.parseFloat((e/Math.pow(1024,t)).toFixed(1))} ${l}`},WV=()=>"undefined"!=typeof crypto&&crypto.randomUUID?crypto.randomUUID():Math.random().toString(36).slice(2),jV=e=>`${e.name.toLowerCase()}-${e.size}-${e.lastModified}`,$V=e=>("string"==typeof e?e:e.name).split(".").pop()?.toLowerCase()??"";function PV(e,a){switch(a.type){case"ADD_FILES":return{...e,files:[...e.files,...a.payload]};case"REMOVE_FILE":return{...e,files:e.files.filter(e=>e.id!==a.payload)};case"REPLACE_FILES":return{...e,files:a.payload};case"CLEAR_ALL":return{...e,files:[],componentError:null,rejectedFiles:[]};case"UPDATE_FILE_STATE":return{...e,files:e.files.map(e=>e.id===a.payload.id?{...e,state:{...e.state,...a.payload.state}}:e)};case"SET_PROCESSING":return{...e,isProcessing:a.payload.isProcessing,processingId:a.payload.processingId};case"SET_COMPONENT_ERROR":return{...e,componentError:a.payload};case"ADD_REJECTED_FILES":{const t=a.payload.filter(a=>!((e,a)=>{const t=jV(e.file);return a.some(a=>{const l=jV(a.file);return t===l&&e.errorMessage===a.errorMessage})})(a,e.rejectedFiles));return{...e,rejectedFiles:[...e.rejectedFiles,...t]}}case"CLEAR_REJECTED_FILES":return{...e,rejectedFiles:[]};default:return e}}var XV=IV.requiredErrorMessage,GV=(e,a)=>a?`${a} - ${e}`:e,YV=e=>{const{accept:a,maxFileSize:t,maxTotalSize:l,maxCount:n,minCount:r,labels:i=IV,getFileErrorMessage:o,getComponentErrorMessage:s}=e;return{validateFiles:h((e,c,m)=>{const d=[],h=[],p=c.map(e=>e.file),u=(e=>{const a=/* @__PURE__ */new Map,t=/* @__PURE__ */new Map;return e.forEach((e,l)=>{const n=jV(e);t.has(n)?a.set(l,{file:e,duplicateOf:t.get(n)}):t.set(n,l)}),a})("append"===m?[...p,...e]:e),H=c.length,g=n?Math.max(0,n-H):1/0;let C=0;const f=[];if(e.forEach((e,l)=>{const r="append"===m?H+l:l;u.has(r)?f.push(e):0!==e.size?((e,a)=>{if(!a)return!0;const t=a.split(",").map(e=>e.trim().toLowerCase()),l=$V(e),n=e.type.toLowerCase();return t.some(e=>!(!e.startsWith(".")||e!==`.${l}`)||e===n||!(!e.endsWith("/*")||e.slice(0,-2)!==n.split("/")[0]))})(e,a)?t&&e.size>t?d.push({file:e,isValid:!1,error:SV.FILE_TOO_LARGE,errorMessage:o?.(SV.FILE_TOO_LARGE,e)??i.fileErrorMessages[SV.FILE_TOO_LARGE]}):C>=g?d.push({file:e,isValid:!1,error:SV.MAX_COUNT_EXCEEDED,errorMessage:o?.(SV.MAX_COUNT_EXCEEDED,e)??TV(n,i)}):(d.push({file:e,isValid:!0}),C++):d.push({file:e,isValid:!1,error:SV.INVALID_TYPE,errorMessage:o?.(SV.INVALID_TYPE,e)??i.fileErrorMessages[SV.INVALID_TYPE]}):d.push({file:e,isValid:!1,error:SV.EMPTY_FILE,errorMessage:o?.(SV.EMPTY_FILE,e)??i.fileErrorMessages[SV.EMPTY_FILE]})}),f.length>0){const e=f[0].name,a=s?.(_V.DUPLICATE_FILE,{fileName:e})??i.componentErrorMessages[_V.DUPLICATE_FILE]??"";f.forEach(e=>{d.push({file:e,isValid:!1,error:SV.DUPLICATE_FILE,errorMessage:a})}),h.push({code:_V.DUPLICATE_FILE,message:a})}const V=d.filter(e=>e.isValid).map(e=>e.file),Z="append"===m?[...p,...V]:V,v=e.length>0?e[0]:void 0;if(l){const e=Z.reduce((e,a)=>e+a.size,0);if(e>l){const a=s?.(_V.TOTAL_SIZE_EXCEEDED,{maxTotalSize:l,totalSize:e})??i.componentErrorMessages[_V.TOTAL_SIZE_EXCEEDED]??"";h.push({code:_V.TOTAL_SIZE_EXCEEDED,message:GV(a,v?.name)})}}if(n&&Z.length>n){const e=s?.(_V.MAX_COUNT_EXCEEDED,{maxCount:n,count:Z.length})??TV(n,i);h.push({code:_V.MAX_COUNT_EXCEEDED,message:GV(e,v?.name)})}if(r&&Z.length<r&&Z.length>0){const e=s?.(_V.MIN_COUNT_NOT_MET,{minCount:r,count:Z.length})??i.componentErrorMessages[_V.MIN_COUNT_NOT_MET]??"";h.push({code:_V.MIN_COUNT_NOT_MET,message:GV(e,v?.name)})}return{fileResults:d,componentErrors:h,isValid:d.every(e=>e.isValid)&&0===h.length}},[a,t,l,n,r,i,o,s])}},qV=({getAnnouncement:e}={})=>{const[a,t]=v(""),l=Z(void 0);return u(()=>()=>{l.current&&clearTimeout(l.current)},[]),{announcement:a,announce:h((a,n)=>{l.current&&clearTimeout(l.current);const r=e?.(a,n)??((e,a)=>{switch(e){case"added":{const e=a.count??0,t=a.total??0;return zV.added(e,t)}case"removed":{const e=a.total??0;return zV.removed(e)}case"cleared":return zV.cleared();case"component-error":{const e=a.message??"";return zV["component-error"](e)}case"count-changed":{const e=a.total??0;return zV["count-changed"](e)}default:return""}})(a,n);t(r),l.current=setTimeout(()=>{t("")},1e3)},[e])}},KV=()=>{const e=p(RV);if(void 0===e)throw new Error("useUploaderContext must be used within an UploaderProvider or Uploader component");return e},JV=({disabled:e,files:a,selectionMode:t,validateFiles:l,setProcessing:n,setComponentError:r,announce:i,isControlled:o,onChange:s,onValidation:c,addFilesInternal:m,replaceFilesInternal:d,addRejectedFiles:p})=>({handleFilesSelected:h((h,u)=>{if(e)return;n(!0);const H=a??[],g=l(h,H,t),C=[],f=[];let V;if(g.fileResults.forEach(e=>{e.isValid?C.push(((e,a)=>({id:WV(),file:e,info:{},state:{status:DV.PENDING,hasError:!1},source:a}))(e.file,u)):f.push({file:e.file,error:e.error,errorMessage:e.errorMessage})}),f.length>0&&p(f),V="replace"===t?C:[...H,...C],g.componentErrors.length>0){const e=g.componentErrors[0];r(e),i("component-error",{message:e.message})}else r(null);const Z={action:"replace"===t?"replace":"add",addedFiles:C,allFiles:V,componentError:g.componentErrors[0]??void 0},v=()=>{"replace"===t?d(C):m(C)};o?(s?.(Z),v()):(v(),s?.(Z)),c?.({isValid:g.isValid,fileResults:[...C.map(e=>({id:e.id,hasError:!1})),...f.map(e=>({hasError:!0,error:e.error,errorMessage:e.errorMessage}))],componentErrors:g.componentErrors});const A=C.length;A>0&&i("added",{count:A,total:V.length}),n(!1)},[e,a,t,l,n,r,i,o,s,c,m,d,p])}),QV=()=>{const{announcement:e}=KV();/* @__PURE__ */
|
|
814
|
+
return b("output",{"aria-live":"polite","aria-atomic":"true",className:"sr-only",children:e})},eZ=pl({base:["flex","flex-col","items-center","justify-center","gap-md","p-lg","rounded-md","border","border-dashed","border-outline","bg-surface-container-low","text-on-primary-container","text-center","w-full","transition-all","duration-200","h-[120px]","disabled:cursor-not-allowed","focus-visible:outline","focus-visible:outline-2","focus-visible:outline-offset-2","focus-visible:outline-primary","forced-colors:border-[ButtonBorder]","forced-colors:bg-[ButtonFace]","motion-reduce:transition-none"],variants:{isDragOver:{true:["bg-primary-container","border-primary","text-on-primary-container","forced-colors:border-[Highlight]","forced-colors:bg-[Highlight]"],false:[]},isProcessing:{true:["opacity-75","cursor-wait","pointer-events-none"],false:[]},disabled:{true:["cursor-not-allowed","opacity-50","forced-colors:opacity-100","forced-colors:text-[GrayText]"],false:["cursor-pointer"]},supportsDrag:{true:[],false:[]}}}),aZ=pl({base:["text-primary","font-medium","inline-flex","items-center","justify-center","disabled:cursor-not-allowed","disabled:hover:no-underline","focus-visible:outline","focus-visible:outline-2","focus-visible:outline-offset-2","focus-visible:outline-primary","focus-visible:rounded-sm","forced-colors:text-[LinkText]","motion-reduce:transition-none"],variants:{disabled:{true:["cursor-not-allowed","text-on-surface/40"],false:["cursor-pointer","hover:underline","motion-safe:hover:underline"]}}}),tZ=()=>{const{disabled:e,isDragging:a,isProcessing:t,labels:l,inputRef:n,openPicker:r,handleInputChange:i,handleInputInvalid:o,dragHandlers:s,componentError:c,accept:m,multiple:d,name:h,required:p,id:u,form:H,ariaLabelledby:g,ariaDescribedby:C,inputProps:f}=KV(),V=!e,Z=null!==c,v=V&&Object.keys(s).length>0;/* @__PURE__ */
|
|
815
|
+
return E(w,{children:[/* @__PURE__ */b("input",{...f,ref:n,type:"file",accept:m,multiple:d,name:h,required:p,id:u,form:H,onChange:i,onInvalid:o,className:"sr-only",tabIndex:-1,disabled:e,"aria-label":l.ariaLabel}),/* @__PURE__ */b("button",{type:"button",disabled:!V,onClick:V?r:void 0,onKeyDown:e=>{V&&("Enter"!==e.key&&" "!==e.key||(e.preventDefault(),r()))},...V?s:{},className:eZ({isDragOver:a,isProcessing:t,disabled:e,supportsDrag:v}),"aria-label":l.ariaLabel,"aria-labelledby":g,"aria-describedby":C,"data-testid":"drop-zone","data-dragging":a,"data-disabled":e,"data-error":Z,children:/* @__PURE__ */E(w,t?{children:[/* @__PURE__ */b("div",{className:"animate-spin",children:/* @__PURE__ */b(pp,{name:"refresh",size:"lg",color:a?"on-primary-container":void 0})}),/* @__PURE__ */b(fg,{variant:"body",size:"md",color:a?"on-primary-container":void 0,children:l.processingText})]}:{children:[/* @__PURE__ */b(pp,{name:"download",size:"lg",color:a?"on-primary-container":void 0}),/* @__PURE__ */b(fg,{as:"span",variant:"body",size:"md",color:a?"on-primary-container":void 0,children:a?l.dragOverText:/* @__PURE__ */E(w,{children:[l.dropZoneText," ",/* @__PURE__ */b("span",{className:aZ({disabled:e}),children:l.browseText})]})})]})})]})},lZ=pl({base:["flex","flex-col",_.md,B.sm,"md:pr-md","rounded-md","border","bg-surface","w-full","overflow-hidden"],variants:{isError:{true:["border-error","bg-error-container"],false:["border-outline-variant"]},disabled:{true:["cursor-not-allowed","opacity-50","forced-colors:opacity-100"],false:[]}}}),nZ=pl({base:["flex","flex-row","items-center",J.md,"w-full"]}),rZ=pl({base:["flex-shrink-0"]}),iZ=pl({base:["flex","flex-col",J.xs2,"flex-1","min-w-0","overflow-hidden"]}),oZ=pl({base:["flex","items-center","justify-between",J.xs,"md:gap-md","h-[40px]","min-w-0"]}),sZ=pl({base:["flex","flex-col",J.none,"min-w-0","flex-1","justify-center","overflow-hidden"]}),cZ=pl({base:[],variants:{isError:{true:["text-error!"],false:["text-on-surface!"]},disabled:{true:["text-on-surface-variant!"],false:[]}}}),mZ=pl({base:["block","m-0","p-0","leading-tight","w-full","max-w-full"]}),dZ=pl({base:["leading-tight","max-w-full","overflow-hidden"]}),hZ=pl({base:["flex-shrink-0","h-[40px]","flex","justify-end","items-center",J.none,"md:gap-2"]}),pZ=pl({base:["hidden","md:block"]}),uZ=pl({base:["block","md:hidden"]}),HZ=pl({base:["min-h-[4px]","w-full","overflow-hidden"]}),gZ=({fileItem:e,canDeleteFile:a})=>{const{file:t,id:l,fileIconName:n,isError:r,shouldShowProgress:i,showCancelButton:o,showRetryButton:s,shouldShowDeleteButton:c,disabled:m,metadata:d,handleRemove:p,handleCancel:u,handleRetry:H,labels:g,progress:C}=(({fileItem:e,canDeleteFile:a})=>{const{removeFile:t,disabled:l,onCancel:n,onRetry:r,labels:i,canDeleteFile:o}=KV(),{id:s,file:c,info:m,state:d}=e,p=f(()=>$V(c),[c]),u=f(()=>op(p),[p]),H=Boolean(!l),g=d.status===DV.UPLOADING&&void 0!==d.progress,C=d.status===DV.UPLOADING,V=d.status===DV.FAILED,Z=d.status===DV.CANCELED,v=d.hasError,A=Boolean(C&&n&&H),x=Boolean((V||Z)&&r&&H),M=H&&!C&&(a??o??!0),w=f(()=>d.hasError&&d.errorMessage?{text:d.errorMessage,color:"error",role:"alert",testId:`file-item-error-${s}`}:d.status===DV.CANCELED?{text:i.canceledText,color:"error",role:"alert",testId:`file-item-canceled-${s}`}:d.status===DV.FAILED?{text:d.errorMessage??i.failedText,color:"error",role:"alert",testId:`file-item-failed-${s}`}:d.statusMessage?{text:d.statusMessage,color:"on-surface-variant",testId:`file-item-status-message-${s}`}:d.status===DV.UPLOADING&&void 0!==d.progress?d.progress>=100?{text:i.finalizingUploadText,color:"on-surface-variant",testId:`file-item-finalizing-${s}`}:{text:i.uploadingText(d.progress),color:"on-surface-variant",testId:`file-item-uploading-${s}`}:{text:m.additionalInfo?`${UV(c.size)} · ${m.additionalInfo}`:UV(c.size),color:"on-surface-variant",testId:`file-item-metadata-${s}`},[d,m,c,i,s]),b=h(()=>{t(s)},[t,s]),E=h(()=>{n?.(s)},[n,s]),y=h(()=>{r?.(s)},[r,s]);return{file:c,id:s,fileExtension:p,fileIconName:u,isError:v,shouldShowProgress:g,showCancelButton:A,showRetryButton:x,shouldShowDeleteButton:M,disabled:Boolean(l),metadata:w,handleRemove:b,handleCancel:E,handleRetry:y,labels:i,progress:d.progress}})({fileItem:e,canDeleteFile:a}),V=o||s||c;/* @__PURE__ */
|
|
816
|
+
return b("li",{className:lZ({isError:r,disabled:m}),"data-testid":`file-item-${l}`,children:/* @__PURE__ */E("div",{className:nZ(),children:[/* @__PURE__ */b(pp,{name:n,type:"default",size:"xl",className:rZ()}),/* @__PURE__ */E("div",{className:iZ(),children:[/* @__PURE__ */E("div",{className:oZ(),children:[/* @__PURE__ */E("div",{className:sZ(),children:[/* @__PURE__ */b(fg,{as:"span",variant:"body",size:"lg",truncate:1,className:`${cZ({isError:r,disabled:m})} ${mZ()}`,title:t.name,children:t.name}),/* @__PURE__ */b("div",{className:dZ(),children:/* @__PURE__ */b(fg,{variant:"label",size:"sm",color:d.color,role:d.role,truncate:1,"data-testid":d.testId,children:d.text})})]}),V&&/* @__PURE__ */E("div",{className:hZ(),children:[o&&/* @__PURE__ */E(w,{children:[/* @__PURE__ */b("div",{className:pZ(),children:/* @__PURE__ */b(Yd,{type:"button",variant:"textSecondary",icon:"deactivate",onClick:u,"aria-label":g.cancelButtonLabel(t.name),"data-testid":`file-item-cancel-${l}`,children:/* @__PURE__ */b("span",{children:g.cancelButtonText})})}),/* @__PURE__ */b("div",{className:uZ(),children:/* @__PURE__ */b(Yd,{type:"button",variant:"textSecondary",icon:"deactivate",onClick:u,"aria-label":g.cancelButtonLabel(t.name),"data-testid":`file-item-cancel-${l}`})})]}),s&&/* @__PURE__ */E(w,{children:[/* @__PURE__ */b("div",{className:pZ(),children:/* @__PURE__ */b(Yd,{type:"button",variant:"textSecondary",icon:"refresh",onClick:H,"aria-label":g.retryButtonLabel(t.name),"data-testid":`file-item-retry-${l}`,children:/* @__PURE__ */b("span",{children:g.retryButtonText})})}),/* @__PURE__ */b("div",{className:uZ(),children:/* @__PURE__ */b(Yd,{type:"button",variant:"textSecondary",icon:"refresh",onClick:H,"aria-label":g.retryButtonLabel(t.name),"data-testid":`file-item-retry-${l}`})})]}),c&&/* @__PURE__ */b(Yd,{type:"button",variant:"textSecondary",icon:"delete",onClick:p,"aria-label":g.removeButtonLabel(t.name),"data-testid":`file-item-remove-${l}`})]})]}),/* @__PURE__ */b("div",{className:HZ(),"data-testid":`file-item-progress-${l}`,children:i&&/* @__PURE__ */b(eC,{value:Math.min(100,Math.max(0,C??0)),variant:"linear"})})]})]})})},CZ=pl({base:["w-full","flex","flex-col","gap-sm"]}),fZ=({className:e})=>{const{files:a,labels:t}=KV();return 0===a.length?null:/* @__PURE__ */b("ul",{"aria-label":t.fileListLabel,className:`${CZ()} ${e||""}`,"data-testid":"file-list",children:a.map(e=>/* @__PURE__ */b(gZ,{fileItem:e},e.id))})},VZ=pl({base:["min-w-full"]}),ZZ=pl({base:["min-w-full","flex","flex-col"]}),vZ=pl({base:["list-disc","m-none","p-none","pl-lg","flex","flex-col","gap-md"]}),AZ=pl({base:["w-full"]}),xZ=pl({base:["w-full","min-w-full","flex","flex-col"]}),MZ=pl({base:["text-sm","leading-normal","w-full","font-medium"]}),wZ=pl({base:["list-none","m-none","p-none","flex","flex-col","gap-xs2","border-l","border-error/15","pl-md"]}),bZ=pl({base:["text-sm","leading-relaxed","w-full","break-words"]}),EZ=pl({base:["mt-md","w-full","flex","justify-end"]}),yZ=pl({base:["text-sm","cursor-pointer","hover:underline","mt-xs","ml-md","self-start","bg-transparent","border-none","p-none","font-medium"]}),LZ=({className:e})=>{const{componentError:a,rejectedFiles:t,clearRejectedFiles:l,labels:n,disabled:r}=KV(),[i,o]=v(/* @__PURE__ */new Set),s=null!==a,c=t.length>0,m=s||c,d=f(()=>{const e=/* @__PURE__ */new Map;return a&&e.set(a.message,[]),t.forEach(a=>{const t=a.errorMessage,l=e.get(t)||[];e.set(t,[...l,a])}),Array.from(e.entries())},[t,a]);if(!m)return null;const h=!r;/* @__PURE__ */
|
|
817
|
+
return b("div",{className:`${VZ()} ${e||""}`,"data-testid":"rejection-list",children:/* @__PURE__ */b("div",{className:"w-full",children:/* @__PURE__ */b(ah,{bgColor:"error-container",elevation:0,borderRadius:"sm",padding:"sm",variant:"filled",children:/* @__PURE__ */E(MH,{columns:"auto 1fr",gap:"sm",children:[/* @__PURE__ */b(pp,{name:"error",weight:"fill",color:"on-error-container"}),/* @__PURE__ */b("div",{className:"flex items-center w-full",children:/* @__PURE__ */b("div",{className:"text-on-error-container w-full",children:/* @__PURE__ */E("div",{className:ZZ(),children:[/* @__PURE__ */E(nf,{direction:"column",gap:"md",children:[/* @__PURE__ */b(fg,{variant:"title",size:"md",as:"span",children:n.rejectionListHeaderText}),/* @__PURE__ */b("ul",{className:vZ(),children:d.map(([e,a],t)=>{const l=i.has(t),r=a.slice(0,3),s=a.slice(3),c=s.length>0,m=a.length>0;/* @__PURE__ */
|
|
818
|
+
return b("li",{className:AZ(),"data-testid":`error-group-${t}`,children:/* @__PURE__ */E("div",{className:xZ(),children:[
|
|
819
|
+
/* @__PURE__ */b("span",{className:MZ(),children:e}),m&&/* @__PURE__ */b("ul",{className:wZ(),children:r.map((e,a)=>/* @__PURE__ */b("li",{className:bZ(),"data-testid":`rejected-file-${t}-${a}`,children:e.file.name},`${e.file.name}-${a}`))}),c&&/* @__PURE__ */E(w,{children:[/* @__PURE__ */b(Yd,{className:yZ(),onClick:()=>(e=>{o(a=>{const t=new Set(a);return t.has(e)?t.delete(e):t.add(e),t})})(t),"data-testid":`toggle-group-${t}`,children:l?n.showLessFilesText:n.showMoreFilesText(s.length)}),/* @__PURE__ */b(Lh,{isOpen:l,children:/* @__PURE__ */b("ul",{className:wZ(),children:s.map((e,a)=>/* @__PURE__ */b("li",{className:bZ(),"data-testid":`rejected-file-${t}-${a+3}`,children:e.file.name},`${e.file.name}-${a+3}`))})})]})]})},`error-group-${e}`)})})]}),h&&/* @__PURE__ */b("div",{className:EZ(),children:/* @__PURE__ */b(Yd,{variant:"text",size:"sm",onClick:l,"data-testid":"dismiss-all-rejections",children:/* @__PURE__ */b(fg,{children:n.dismissAllRejectionsText})})})]})})})]})})})})},kZ=s(({accept:e,multiple:a=!0,disabled:t=!1,canDeleteFile:l,selectionMode:n="append",maxFileSize:r,maxTotalSize:i,maxCount:o,minCount:s,value:c,onChange:m,onValidation:d,labels:p,getFileErrorMessage:u,getComponentErrorMessage:A,getAnnouncement:x,onCancel:M,onRetry:w,name:y,required:L,id:k,form:F,ariaLabelledby:N,ariaDescribedby:S,children:_,showFileList:D=!0,...I},T)=>{ve(void 0!==c&&!m,"@Uploader: When using controlled mode (value prop), onChange is required.");const z=void 0!==c,R=H(),{state:O,addFiles:B,removeFile:U,replaceFiles:W,clearAll:j,updateFileState:$,setProcessing:P,setComponentError:X,addRejectedFiles:G,clearRejectedFiles:Y}=(({initialFiles:e=[]}={})=>{const[a,t]=V(PV,{files:e,isProcessing:!1,processingId:null,componentError:null,rejectedFiles:[]});return{state:a,addFiles:h(e=>{t({type:"ADD_FILES",payload:e})},[]),removeFile:h(e=>{t({type:"REMOVE_FILE",payload:e})},[]),replaceFiles:h(e=>{t({type:"REPLACE_FILES",payload:e})},[]),clearAll:h(()=>{t({type:"CLEAR_ALL"})},[]),updateFileState:h((e,a)=>{t({type:"UPDATE_FILE_STATE",payload:{id:e,state:a}})},[]),setProcessing:h((e,a=null)=>{const l=e&&!a?WV():a;t({type:"SET_PROCESSING",payload:{isProcessing:e,processingId:l}})},[]),setComponentError:h(e=>{t({type:"SET_COMPONENT_ERROR",payload:e})},[]),addRejectedFiles:h(e=>{t({type:"ADD_REJECTED_FILES",payload:e})},[]),clearRejectedFiles:h(()=>{t({type:"CLEAR_REJECTED_FILES"})},[])}})({initialFiles:z?void 0:c}),q=z?c:O.files,K=O.componentError,J=O.rejectedFiles,Q=!z&&O.isProcessing,ee=f(()=>({...IV,...p,fileErrorMessages:{...IV.fileErrorMessages,...p?.fileErrorMessages},componentErrorMessages:{...IV.componentErrorMessages,...p?.componentErrorMessages}}),[p]),{validateFiles:ae}=YV({accept:e,maxFileSize:r,maxTotalSize:i,maxCount:o,minCount:s,labels:ee,getFileErrorMessage:u,getComponentErrorMessage:A}),{announcement:te,announce:le}=qV({getAnnouncement:x}),{handleFilesSelected:ne}=JV({disabled:t,files:q??[],selectionMode:n,validateFiles:ae,setProcessing:P,setComponentError:X,announce:le,isControlled:z,onChange:m,onValidation:d,addFilesInternal:B,replaceFilesInternal:W,addRejectedFiles:G}),{inputRef:re,openPicker:ie,handleChange:oe,handleInvalid:se}=(({accept:e,multiple:a=!0,disabled:t=!1,onFilesSelected:l,files:n=[],required:r=!1,requiredErrorMessage:i})=>{const o=Z(null),s=!t,c=h(()=>{s&&o.current&&o.current.click()},[s]);C(()=>{o.current&&(void 0!==e&&(o.current.accept=e),o.current.multiple=a,n.length>0?o.current.setCustomValidity(""):r?o.current.setCustomValidity(i??XV):o.current.setCustomValidity(""))},[e,a,n,r,i]);const m=h(e=>{const a=e.currentTarget;n.length>0?(e.preventDefault(),a.setCustomValidity("")):r&&a.setCustomValidity(i??XV)},[n,r,i]);return{inputRef:o,openPicker:c,handleChange:h(e=>{const a=Array.from(e.target.files??[]);a.length>0&&l(a,"picker"),e.target&&(e.target.value="",n.length>0||a.length>0?e.target.setCustomValidity(""):r&&e.target.setCustomValidity(i??XV))},[l,n,r,i]),handleInvalid:m}})({accept:e,multiple:a,disabled:t,onFilesSelected:ne,files:q??[],required:L,requiredErrorMessage:ee.requiredErrorMessage}),{isDragging:ce,dragHandlers:me}=(({disabled:e=!1,onFilesSelected:a})=>{const[t,l]=v(!1),n=Z(0),r=!e,i=h(e=>{e.preventDefault(),e.stopPropagation(),r&&(n.current+=1,1===n.current&&l(!0))},[r]),o=h(e=>{r&&(e.preventDefault(),e.stopPropagation(),n.current-=1,0===n.current&&l(!1))},[r]);return{isDragging:t,dragHandlers:{onDragEnter:i,onDragOver:h(e=>{r&&(e.preventDefault(),e.stopPropagation())},[r]),onDragLeave:o,onDrop:h(e=>{if(e.preventDefault(),e.stopPropagation(),e.dataTransfer&&e.dataTransfer.clearData(),!r)return;n.current=0,l(!1);const t=Array.from(e.dataTransfer?.files??[]);t.length>0&&a(t,"drop")},[r,a])}}})({disabled:t,onFilesSelected:ne}),{handleRemoveFile:de,handleClearAll:he,handleUpdateFileState:pe}=(({disabled:e,files:a,isControlled:t,onChange:l,removeFileInternal:n,clearAllInternal:r,updateFileStateInternal:i,announce:o})=>({handleRemoveFile:h(r=>{if(e)return;const i=a.find(e=>e.id===r);if(!i)return;const s=a.filter(e=>e.id!==r);t?l?.({action:"remove",removedFiles:[i],allFiles:s}):n(r),o("removed",{total:s.length})},[e,a,t,l,n,o]),handleClearAll:h(()=>{e||(t?l?.({action:"clear",allFiles:[]}):r(),o("cleared",{}))},[e,t,l,r,o]),handleUpdateFileState:h((e,a)=>{t?ve(!0,"@Uploader: updateFileState is only available in uncontrolled mode. Use controlled value prop to update file states."):i(e,a)},[t,i])}))({disabled:t,files:q??[],isControlled:z,onChange:m,removeFileInternal:U,clearAllInternal:j,updateFileStateInternal:$,announce:le}),ue={files:q??[],isProcessing:Q,componentError:K,rejectedFiles:J,isDragging:ce,announcement:te,disabled:t,canDeleteFile:l,accept:e,multiple:a,labels:ee,addFiles:e=>{z?m?.({action:"add",addedFiles:e,allFiles:[...q??[],...e]}):B(e)},removeFile:de,replaceFiles:e=>{z?m?.({action:"replace",allFiles:e}):W(e)},clearAll:he,updateFileState:pe,setProcessing:P,setComponentError:X,clearRejectedFiles:Y,announce:le,inputRef:re,openPicker:ie,handleInputChange:oe,handleInputInvalid:se,dragHandlers:me,name:y,required:L,id:k,form:F,ariaLabelledby:N,ariaDescribedby:S,errorMessageId:R,getFileErrorMessage:u,getComponentErrorMessage:A,getAnnouncement:x,onCancel:M,onRetry:w,inputProps:I};return(({ref:e,inputRef:a,openPicker:t,handleClearAll:l,handleUpdateFileState:n,handleRemoveFile:r})=>{g(e,()=>({focus:()=>{a.current?.focus()},click:()=>{t()},clearAll:l,updateFileState:n,removeFile:r}),[l,n,r,a,t])})({ref:T,inputRef:re,openPicker:ie,handleClearAll:he,handleUpdateFileState:pe,handleRemoveFile:de}),/* @__PURE__ */b(OV,{value:ue,children:/* @__PURE__ */E(nf,{gap:"md",width:"100%",children:[
|
|
820
|
+
/* @__PURE__ */b(tZ,{}),
|
|
821
|
+
/* @__PURE__ */b(LZ,{}),_??(D?/* @__PURE__ */b(fZ,{}):null),
|
|
822
|
+
/* @__PURE__ */b(QV,{})]})})});kZ.displayName="Uploader";var FZ=pl({base:["flex","items-center","gap-xs","rounded-md","overflow-hidden","p-xs","shrink-0","hover:bg-secondary-container/10","transition-all","ease-in-out","duration-300"],variants:{clickable:{true:["cursor-pointer"]},compact:{true:["p-xs2"],false:[]},showInfo:{true:["w-full"],false:["w-xl3"]},infoPosition:{left:["flex-row-reverse"],right:[]}},compoundVariants:[{compact:!0,showInfo:!1,class:["w-xl2","h-xl2","rounded-full"]},{compact:!1,showInfo:!0,class:["bg-container-neutral","hover:bg-container-neutral-hover"]}],defaultVariants:{clickable:!1,compact:!1,showInfo:!0,infoPosition:"right"}}),NZ=pl({base:["overflow-hidden","min-w-none","transition-all","ease-in-out","duration-300"],variants:{visible:{true:["opacity-100","w-full"],false:["opacity-0","w-none","pointer-events-none"]}},defaultVariants:{visible:!0,align:"left"}}),SZ=s(({name:e,subtitle:a,avatar:t,compact:l=!1,showInfo:n=!0,infoPosition:r="right",menuItems:i,onItemClick:o,menuMaxHeight:s="80dvh",menuPlacement:c="top-left"},m)=>{const d=!!i?.length,h=t.type??(t.image?"image":"initials"),p=/* @__PURE__ */E("div",{ref:m,className:FZ({clickable:d,compact:l,showInfo:n,infoPosition:r}),children:[/* @__PURE__ */b(Bd,{...t,type:h,name:t.name??e,size:l?"sm":t.size}),/* @__PURE__ */E("div",{className:NZ({visible:n}),children:[/* @__PURE__ */b(fg,{variant:"label",size:"md",truncate:1,textAlign:"left"===r?"right":"left",children:e}),a&&/* @__PURE__ */b(fg,{variant:"body",size:"sm",color:"on-surface-variant",truncate:1,textAlign:"left"===r?"right":"left",children:a})]})]});return d?/* @__PURE__ */b(Gg,{items:i,onItemClick:o,trigger:"click",placement:c,density:"-4",maxHeight:s,wrapperWidth:"full",children:p}):p});SZ.displayName="UserArea";export{Vl as Accordion,Al as ActionCard,Bd as Avatar,bl as AvatarGroup,Wd as Badge,Pd as Breadcrumbs,Yd as Button,_V as COMPONENT_ERROR,ah as Card,gh as ChatBubble,Ch as ChatBubbleMedia,Zh as Checkbox,Eh as Chip,fp as CodeBlock,Mp as ContentBlock,zV as DEFAULT_ANNOUNCEMENTS,rp as DEFAULT_FILE_ICON,IV as DEFAULT_LABELS,eH as DatePicker,sH as Dialog,mH as Divider,Lh as Expandable,SV as FILE_ERROR,DV as FILE_STATUS,vH as FloatSearch,AH as FormLabel,MH as Grid,pp as Icon,bH as ImageVisualizer,_H as InfoBox,IH as List,qH as ListMenu,lg as MessageActions,sg as MidSectionMenus,cg as Pagination,Gg as PopUpMenu,eC as ProgressIndicator,nC as RadioButton,iC as RadioGroup,pC as ScoreCard,HC as SegmentButton,CC as SegmentGroup,zC as Select,tf as Sheet,xf as SideNavigation,wf as Skeleton,Df as Snackbar,If as SnackbarProvider,nf as Stack,Uf as StatusStepper,$f as Switch,lV as Table,pV as Tabs,Cl as Tag,MV as TextField,fV as Textarea,LV as Tooltip,NV as TopBar,fg as Typography,kZ as Uploader,OV as UploaderProvider,SZ as UserArea,cf as ZvooveBrand,sp as commonIconsMap,cp as customCommonIconsMap,nH as dialogManager,Cp as extractText,ip as fileExtensionToIconMap,np as fileIconsMap,Ce as getBreakpoint,op as getIconForFileExtension,YH as isListMenuSections,mp as productIconsMap,oH as sheetManager,ge as useBreakpoint,y as useClickOutside,Je as usePortalContainer,$C as useSheetAnimation,PC as useSheetClose,XC as useSheetEscape,GC as useSheetFocus,YC as useSheetRegistration,KC as useSheetResize,JC as useSheetScrollTracking,QC as useSheetSwipe,af as useSheetWidth,Tf as useSnackbar};
|