https://jinko.ai/assets/JkAvatar-by7FVGS4.js

1import{o as e,t}from"./rolldown-runtime-C0FnF6B9.js";import{c as n,en as r,nt as i}from"./group-Bdnd72eZ.js";import{Ct as a,D as o,E as s,On as c,St as l,Yt as u,Zn as d,_ as f,b as p,bt as m,er as h,et as g,g as _,k as v,mt as y,o as b,qt as x,tr as S,v as C,vn as w,xt as T,y as E}from"./runtime-core.esm-bundler-B8D2lM98.js";import{n as D,t as O}from"./JkButton-BsOW94N4.js";import{t as k}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{t as ee}from"./dependency-injection-JBOdRK00.js";import{s as A}from"./use-i18n-BRErDOM1.js";import{_ as j}from"./apollo-client-lgPXanVU.js";import{a as M}from"./get-YDamUY1n.js";import{f as te,l as ne}from"./visualization-BL_XnmXZ.js";import{n as N,r as P,t as re}from"./JkModalTitle-DFLvfiIt.js";import{_ as ie}from"./types-cru34Xkw.js";import{t as F}from"./JkIconButton-DM4uddO_.js";import{n as I}from"./types-reS_2NpY.js";import{t as L}from"./JkValidationProvider-B_qJ8St4.js";import{a as ae}from"./NonEmptyArray-oXEp362J.js";import{t as R}from"./JkToggleMenu-CJ1YwAwb.js";import{t as z}from"./JkToggleMenuItem-CE-fskrH.js";import{r as B,t as V}from"./JkFileDropArea-BC4phlC2.js";import{t as H}from"./JkSpinner-BZvoEEne.js";var U=0;function W(e){var t=++U;return M(e)+t}var{Axios:oe,AxiosError:G,CanceledError:K,isCancel:se,CancelToken:ce,VERSION:le,all:ue,Cancel:de,isAxiosError:fe,spread:pe,toFormData:me,AxiosHeaders:he,HttpStatusCode:ge,formToJSON:_e,getAdapter:ve,mergeConfig:ye,create:be}=j,q=t(((e,t)=>{(function(e){if(t!==void 0&&t.exports)return t.exports=e();if(typeof define==`function`&&define.amd)return define([],e);this.filesize=e()})(function(){var e=`BKMGTPEZY`.split(``);function t(e,t){return e&&e.toLowerCase()===t.toLowerCase()}return function(n,r){return n=typeof n==`number`?n:0,r||={},r.fixed=typeof r.fixed==`number`?r.fixed:2,r.spacer=typeof r.spacer==`string`?r.spacer:` `,r.calculate=function(e){var i=t(e,`si`)?[`k`,`B`]:[`K`,`iB`],a=t(e,`si`)?1e3:1024,o=Math.log(n)/Math.log(a)|0,s=n/a**+o,c=s.toFixed(r.fixed),l;return o-1<3&&!t(e,`si`)&&t(e,`jedec`)&&(i[1]=`B`),l=o?(i[0]+`MGTPEZY`)[o-1]+i[1]:(c|0)==1?`Byte`:`Bytes`,{suffix:l,magnitude:o,result:s,fixed:c,bits:{result:s/8,fixed:(s/8).toFixed(r.fixed)}}},r.to=function(r,i){var a=t(i,`si`)?1e3:1024,o=e.indexOf(typeof r==`string`?r[0].toUpperCase():`B`),s=n;if(o===-1||o===0)return s.toFixed(2);for(;o>0;o--)s/=a;return s.toFixed(2)},r.human=function(e){var t=r.calculate(e);return t.fixed+r.spacer+t.suffix},r}})})),J=e(q()),Y=class{id;name;size;type;nativeFile;file;error;constructor(e){this.size=e.size,`id`in e?(this.file=e,this.id=e.id,this.name=e.name,this.type=e.mimeType):(this.nativeFile=e,this.id=W(),this.name=e.name,this.type=e.type)}},X=class extends Error{},xe={class:`jk-input-file-item__icon`},Se={class:`jk-input-file-item__icon-chip`},Ce={class:`jk-input-file-item__properties`},we=[`textContent`],Te=[`textContent`],Ee={class:`jk-input-file-item__actions`},De={class:`jk-input-file-item__message`},Oe=[`textContent`],Z=k(v({__name:`JkInputFileItem`,props:{file:{}},emits:[`delete`],setup(e,{emit:t}){let n=e,r=t,c=A(),l=_(()=>n.file.error instanceof B?n.file.error.translate(c):n.file.error instanceof X?c.t(`file_errors.middleware`):n.file.error?.message),m=_(()=>!!l.value),h=_(()=>I(`jk-input-file-item`,{invalid:m.value})),g=_(()=>(0,J.default)(n.file.size).human(`si`)),v=_(()=>i(n.file.name,{maxLength:45})),b=_(()=>m.value?`alert-circle`:`check`),x=()=>r(`delete`);return(t,n)=>{let r=a(`title`);return y(),p(`li`,{class:d([`jk-input-file-item`,h.value])},[f(`div`,xe,[f(`div`,Se,[o(D,{name:b.value},null,8,[`name`])])]),n[1]||=s(),f(`div`,Ce,[u(f(`span`,{class:`jk-input-file-item__name`,textContent:S(v.value)},null,8,we),[[r,e.file.name]]),n[0]||=s(`
2      -
3      `,-1),f(`span`,{textContent:S(g.value)},null,8,Te)]),n[2]||=s(),f(`div`,Ee,[o(F,{icon:`trash-01`,onClick:x})]),n[3]||=s(),f(`div`,De,[m.value?(y(),p(`span`,{key:0,textContent:S(l.value)},null,8,Oe)):E(``,!0)])],2)}}}),[[`__scopeId`,`data-v-74fdb30c`]]),Q=v({emits:[`update:modelValue`,`uploading`,`uploaded`,`change-file-content`],components:{JkButton:O,JkFileDropArea:V,JkInputFileItem:Z,JkSpinner:H,JkValidationProvider:L},props:{filter:{type:Array,required:!0},middleware:{type:Function,default:null},multiple:{type:Boolean,default:!1},type:{type:String,required:!0},modelValue:{type:Array,default:()=>[]},maxSize:{type:Number,default:void 0},validationRules:{type:Array,default:()=>[]},isFileReader:{type:Boolean,default:!1}},data(){return{abortControllers:[],files:[],filesInProgress:[]}},setup(){return{isNonEmpty:ae,validationProvider:w(null)}},watch:{modelValue:{deep:!0,immediate:!0,handler(e){let t=[...this.files];for(let n of e){let e=t.findIndex(e=>e.file?.id===n.id);e>=0?t.splice(e,1,new Y(n)):t.push(new Y(n))}let n=t=>this.isFileReader||t.error||e.some(e=>e.id===t.id);this.files=t.filter(n)}}},beforeUnmount(){this.cancelFilesInProgress()}

3,methods:{cancelFilesInProgress(){this.abortControllers.forEach(e=>e.abort())},emitInput(){let e=[];for(let t of this.files)t.file&&!t.error&&e.push(t.file);this.$emit(`update:modelValue`,e)},async executeMiddleware(e){let t={handled:!1};if(!this.middleware)return t;try{await this.middleware(e,t)}catch(e){throw e instanceof Error?e:new X}return t},onDelete(e){this.files=this.files.filter(t=>t.id!==e.id),e.file&&this.emitInput(),this.triggerValidation()},triggerValidation(){this.validationProvider?.validate?.()},async uploadFiles(e,t){this.multiple?this.filesInProgress.push(...e):(this.cancelFilesInProgress(),this.files=[],this.filesInProgress=e),this.$emit(`uploading`),e.forEach(async e=>{try{await this.uploadFile(e,t)}finally{this.filesInProgress=this.filesInProgress.filter(t=>t.id!==e.id),this.filesInProgress.length===0&&this.$emit(`uploaded`)}})},async uploadFile(e,t){if(t?.isFileReader&&e.file){let t=new FileReader;t.onload=e=>{let t=e.target?.result??``,n=typeof t==`string`?t:Buffer.from(t).toString();this.$emit(`change-file-content`,n)},t.readAsText(e.file)}let r=new Y(e.file??e.reason.file);try{if(e.tag===`FileUploadFailure`)throw e.reason;let t=new AbortController;this.abortControllers.push(t);let i=await n().uploadFile(e.file,this.type,{signal:t.signal});if(r=new Y(i),(await this.executeMiddleware(i)).handled===!0)return}catch(e){if(e instanceof K)return;r.error=e instanceof Error?e:Error(`Unknown error`)}this.files.push(r),r.file&&this.emitInput(),this.triggerValidation()}}}),ke={key:0,class:`jk-input-file__status`,"data-testid":`status`},Ae=[`textContent`];function je(e,t,n,r,i,a){let c=l(`JkFileDropArea`),u=l(`JkSpinner`),d=l(`JkButton`),h=l(`JkInputFileItem`),g=l(`JkValidationProvider`);return y(),C(g,{ref:`validationProvider`,class:`jk-input-file`,"data-testid":`validation-provider`,name:e.$t(`common.file`),rules:[...e.validationRules,{rule:`noFileWithError`}],"model-value":[...e.files,...e.filesInProgress],onChange:t[0]||=t=>e.uploadFiles(t,{isFileReader:e.isFileReader})},{default:x(({field:n})=>[e.isNonEmpty(e.filter)?(y(),C(c,{key:0,accept:e.filter,multiple:e.multiple,"max-size":e.maxSize,class:`jk-input-file__drop-area`,onUpload:n.onChange},{default:x(()=>[T(e.$slots,`drop-area`,{},void 0,!0)]),_:3},8,[`accept`,`multiple`,`max-size`,`onUpload`])):E(``,!0),t[4]||=s(),f(`ul`,null,[e.filesInProgress.length?(y(),p(`li`,ke,[o(u,{class:`jk-input-file__status-icon`,size:`24px`}),t[1]||=s(),f(`span`,{textContent:S(e.$t(`jk.n_files_uploading`,e.filesInProgress.length))},null,8,Ae),t[2]||=s(),o(d,{kind:`tertiary`,"data-testid":`cancel-button`,onClick:e.cancelFilesInProgress},{default:x(()=>[s(S(e.$t(`JkButton.cancel`)),1)]),_:1},8,[`onClick`])])):E(``,!0),t[3]||=s(),(y(!0),p(b,null,m(e.files,t=>(y(),C(h,{key:t.id,file:t,onDelete:n=>e.onDelete(t)},null,8,[`file`,`onDelete`]))),128))])]),_:3},8,[`name`,`rules`,`model-value`])}var $=k(Q,[[`render`,je],[`__scopeId`,`data-v-bb10d1c7`]]),Me=[`alt`,`src`],Ne={class:`jk-avatar__modal-title`},Pe=k(v({__name:`JkAvatar`,props:{user:{},editable:{type:Boolean,default:!1},hideTitle:{type:Boolean,default:!1},rectangular:{type:Boolean,default:!1},size:{default:40}},setup(e){let t=e,n=ee(`api`),{updateUser:i}=r(),l=w([]),m=w(!1),v=ie.UserAvatar;async function T(e){await i({data:{picture:e}}),m.value=!1}async function D(e,t){await T(n.enforceBackendEndpoint(e.absoluteUrl)),t.handled=!0}async function O(){await T(null),l.value=[]}let k=_(()=>t.user.picture?null:t.user.displayname?t.user.displayname.split(` `).map(e=>e.trim()).filter(Boolean).slice(0,2).map(e=>e[0]).join(``).toUpperCase():t.user.username.trim().substring(0,2).toUpperCase()),A=_(()=>({width:`${t.size}px`,height:`${t.size}px`,backgroundColor:te(M.value).rgb().toString(),fontSize:`${t.size*.35}px`})),j=_(()=>t.user.displayname??t.user.username),M=_(()=>ne(j.value)),I=_(()=>t.hideTitle?null:j.value),L=_(()=>{if(!t.user.picture)return null;let e=t.size*2,r=n.enforceBackendEndpoint(t.user.picture);return n.createImagePreviewUrl(r,{size:e})});return(t,n)=>{let r=a(`title`);return u((y(),p(`div`,{class:d([`jk-avatar`,{"jk-avatar--rectangular":e.rectangular}]),style:h(A.value)},[L.value?(y(),p(`img`,{key:0,"aria-hidden":`true`,alt:j.value,src:L.value,style:h({width:`${e.size}px`})},null,12,Me)):(y(),p(b,{key:1},[s(S(k.value),1)],64)),n[6]||=s(),e.editable?(y(),C(P,{key:2,modelValue:m.value,"onUpdate:modelValue":n[1]||=e=>m.value=e},{trigger:x(({open:e})=>[o(F,{class:`jk-avatar__edit-button`,icon:`pencil-01`,"aria-label":t.$t(`user.change_profile_picture`),"data-testid":`avatar-edit-button`,onClick:e},null,8,[`aria-label`,`onClick`])]),default:x(()=>[n[5]||=s(),o(N,{class:`jk-avatar__modal`},{default:x(()=>[f(`div`,Ne,[o(re,null,{default:x(()=>[s(S(t.$t(`user.change_profile_picture`)),1)]),_:1}),n[3]||=s(),e.user.picture?(y(),C(R,{key:0,id:`avatar-more-actions`,"close-on-content-click":``},{button:x(({props:e})=>[o(F,g(e,{icon:`dots-vertical`,"aria-label":t.$t(`user.more_actions`)}),null,16,[`aria-label`])]),items:x(()=>[o(z,{icon:`trash-01`,label:t.$t(`user.remove_profile_picture`),"data-testid":`remove-avatar`,onClick:O},null,8,[`label`])]),_:1})):E(``,!0)]),n[4]||=s(),o($,{modelValue:l.value,"onUpdate:modelValue":n[0]||=e=>l.value=e,filter:[`JPEG`,`PNG`,`GIF`],type:c(v),middleware:D},null,8,[`modelValue`,`type`])]),_:1})]),_:1},8,[`modelValue`])):E(``,!0)],6)),[[r,I.value,void 0,{600:!0}]])}}}),[[`__scopeId`,`data-v-83f1b823`]]);export{q as a,Y as i,$ as n,G as o,Z as r,W as s,Pe as t};