@abtnode/blocklet-services 1.16.38-beta-20250125-130409-89d4849d → 1.16.38-beta-20250127-033053-73a3d2dc

package/dist/assets/{index-BNCJw59G.js → index-6oQLUjq6.js}

@@ -1,4 +1,4 @@
-import{r as E,g as Ir,a as he,u as Ro}from"./vendor-react-D-afvo_7.js";import{a1 as U,j as e,E as D,aa as ht,P as To,bZ as tn,bL as So,M as G,a3 as P,A as la,I as de,a2 as Ke,bM as ca,T as mt,aN as J,bJ as ft,br as Oo,ad as wo,ah as Kt,bN as Me,aO as Pe,bD as Z,x as fe,ac as Le,b_ as Io,e as gt,Z as ua,a4 as le,K as ko,b$ as qo,c0 as Lo,c1 as Do,c2 as ge,bS as Re,c3 as da,c4 as kr,c5 as qr,c6 as Ao,c7 as fa,c8 as Mo,c9 as Eo,aw as qe,ca as Bo,cb as $o,cc as Wo,cd as No,ce as Ho,cf as Fo,cg as zo,ch as Uo,ci as Vo,cj as Ko,ck as Go,cl as tr,am as Yo,C as Zo,ao as Jo,bx as pa,by as ma}from"./vendor-mui-core-CCMNKHtm.js";import{I as Xo}from"./iframe-BYvZHXU-.js";import{G as Be,w as Qo,x as Gt,Z as ei,c as rn,A as pt,n as me,an as ti,y as ri,N as rr,ao as ni,ap as nn,L as ha,F as Ee,K as ga}from"./vendor-utils-5TjOM6td.js";import{_ as vt,aE as an,e as ie,a1 as ee,j as z,b as Q,Y as va,an as ai,a5 as Ge,a0 as Te,bf as xt,aq as xa,af as Lr,bk as oi,bl as ii,am as Xt,ax as te,bm as si,bn as li,bo as ci,bp as ui,bq as di,a8 as on,aV as fi,br as Pr,bs as pi,bt as mi,aR as nr,X as hi,bu as Rr,aS as sn}from"./vendor-arcblock-CVRRnBv2.js";import{a as je,u as k,d as $e,c as gi,n as Yt,k as ya}from"./vendor-hooks-BKxTDk_P.js";import{A as ba,d as ln}from"./config-DfNCVYae.js";import{F as ja,d as vi}from"./form-text-input-COijwVFy.js";import{d as cn}from"./ChevronRight-bqoO4ITE.js";import{y as oe,B as ue,au as xi,f as _a,av as yi,m as bi,h as ae,L as ji,M as _i}from"./index-PxlbAHCL.js";import{B as Ci}from"./bundle-avatar-BSrkMwWG.js";import{u as Pi,B as Ri}from"./index-2NCgoG1i.js";import{d as Ti}from"./Loop-CuBUpP_g.js";import{d as Si}from"./Done-BegjCX44.js";import{F as Oi,R as wi,L as et}from"./logo-uploader-D3pYQBpx.js";import{w as Ca,P as Ii}from"./permission-BkijBCin.js";import{C as Dr}from"./confirm-Cbx82b25.js";import{f as Ar}from"./format-error-C0Ke3VXF.js";import{_ as ki}from"./useSetState-Crt4S51m.js";import{u as qi}from"./session-ClC5u_ou.js";import{C as Li}from"./click-to-copy-DG6oCsDy.js";import{u as Mr,a as Di}from"./dashboard-uG_G13IR.js";import{u as Ie,C as H,a as un,S as cr}from"./simple-select-CAyDBkK6.js";import{a as Pa,b as Ai,c as Mi,m as Ei,i as dn}from"./isEmail-BWNRBSAy.js";import{S as ar}from"./switch-control-BmI39UF6.js";import{K as Bi}from"./keyboard-arrow-down-rounded-DadBVmpO.js";import{d as fn}from"./Add-B2yJ7-eq.js";import{I as $i}from"./index-Bw3pdP7q.js";import{b as Wi}from"./base32-Bxy_Ng3r.js";import"./EditIcon-D6Lk4OxD.js";import"./ArrowDropDown-D34En9iv.js";import"./index-DoZ2YM4T.js";import"./useLocalStorage-CTToOZ4l.js";import"./PlayArrow-CauLC4o_.js";import"./get-safe-url-CJIsC1HE.js";import"./useAsyncRetry-EMRT9Ldq.js";import"./useAsync-Ua5iss51.js";var Er={},Ni=U;Object.defineProperty(Er,"__esModule",{value:!0});var Ra=Er.default=void 0,Hi=Ni(vt()),Fi=e;Ra=Er.default=(0,Hi.default)((0,Fi.jsx)("path",{d:"M3 18c0 .55.45 1 1 1h5v-2H4c-.55 0-1 .45-1 1M3 6c0 .55.45 1 1 1h9V5H4c-.55 0-1 .45-1 1m10 14v-1h7c.55 0 1-.45 1-1s-.45-1-1-1h-7v-1c0-.55-.45-1-1-1s-1 .45-1 1v4c0 .55.45 1 1 1s1-.45 1-1M7 10v1H4c-.55 0-1 .45-1 1s.45 1 1 1h3v1c0 .55.45 1 1 1s1-.45 1-1v-4c0-.55-.45-1-1-1s-1 .45-1 1m14 2c0-.55-.45-1-1-1h-9v2h9c.55 0 1-.45 1-1m-5-3c.55 0 1-.45 1-1V7h3c.55 0 1-.45 1-1s-.45-1-1-1h-3V4c0-.55-.45-1-1-1s-1 .45-1 1v4c0 .55.45 1 1 1"}),"TuneRounded");var Br={},zi=U;Object.defineProperty(Br,"__esModule",{value:!0});var Ta=Br.default=void 0,Ui=zi(vt()),Vi=e;Ta=Br.default=(0,Ui.default)((0,Vi.jsx)("path",{d:"M21 10h-8.35C11.83 7.67 9.61 6 7 6c-3.31 0-6 2.69-6 6s2.69 6 6 6c2.61 0 4.83-1.67 5.65-4H13l2 2 2-2 2 2 4-4.04zM7 15c-1.65 0-3-1.35-3-3s1.35-3 3-3 3 1.35 3 3-1.35 3-3 3"}),"Key");var $r={},Ki=U;Object.defineProperty($r,"__esModule",{value:!0});var Sa=$r.default=void 0,Gi=Ki(vt()),Yi=e;Sa=$r.default=(0,Gi.default)((0,Yi.jsx)("path",{d:"M11 7 9.6 8.4l2.6 2.6H2v2h10.2l-2.6 2.6L11 17l5-5zm9 12h-8v2h8c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-8v2h8z"}),"Login");var Wr={},Zi=U;Object.defineProperty(Wr,"__esModule",{value:!0});var Oa=Wr.default=void 0,Ji=Zi(vt()),Xi=e;Oa=Wr.default=(0,Ji.default)((0,Xi.jsx)("path",{d:"M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2m6-6v-5c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.64 5.36 6 7.92 6 11v5l-2 2v1h16v-1zm-2 1H8v-6c0-2.48 1.51-4.5 4-4.5s4 2.02 4 4.5z"}),"NotificationsNone");const Qi={width:24,height:24,body:'<path fill="currentColor" d="M4.975 15q-.425 0-.7-.288T4 14q0-.425.288-.713T5 13h14.025q.425 0 .7.288T20 14q0 .425-.288.713T19 15H4.975Zm0 4q-.425 0-.7-.288T4 18q0-.425.288-.713T5 17h14.025q.425 0 .7.288T20 18q0 .425-.288.713T19 19H4.975Zm0-8q-.425 0-.7-.288T4 10q0-.425.288-.713T5 9h14.025q.425 0 .7.288T20 10q0 .425-.288.713T19 11H4.975Zm0-4q-.425 0-.7-.288T4 6q0-.425.288-.713T5 5h14.025q.425 0 .7.288T20 6q0 .425-.288.713T19 7H4.975Z"/>'},es=Qi;function Nr({label:t,disabled:l,required:r,initialValue:o,onChange:u,style:i,onSubmit:m,triggers:n,options:a,formatterBeforeSubmit:s,helperText:d,placeholder:C,renderImage:y,renderLabel:j,filterKeys:S,noEmpty:O,...I}){const[T,c]=E.useState(!1),[p,v]=E.useState(!1),[f,b]=E.useState(""),_=E.useRef(null),[x,g]=E.useState(o),[h,R]=E.useState(x),q=E.useMemo(()=>{if(!a)return{};const L={};return a.forEach($=>{L[$.code]=$}),L},[a]),M=()=>{if(!a)return[];if(!f)return a.map($=>$.code);const L=new RegExp(f.toLowerCase());return a.filter($=>{var V;for(let Y=0;Y<S.length;Y++){const re=S[Y];if(L.test((V=$[re])==null?void 0:V.toLowerCase()))return!0}return!1}).map($=>$.code)},W=async()=>{v(!0);try{await m(typeof s=="function"?s(h):h)===!1?R(x):O&&!h.length?(R(o),g(o)):(R(h),g(h))}catch{R(x)}finally{v(!1),c(!1)}},A=(L,$)=>{if(!Array.isArray($)){R([]),u([]);return}const V=$.filter(Y=>q[Y]);if(!V.length){R([]),u([]);return}R(V),u(V)},w=L=>{L.stopPropagation(),c(!0),setTimeout(()=>{if(_.current){const $=_.current.querySelector("input");$&&$.focus()}},500)},B=T?e.jsx(So,{ref:_,options:a,value:h,onChange:A,inputValue:f,onInputChange:(L,$)=>{b($)},PopperComponent:rs,fullWidth:!0,multiple:!0,variant:"outlined",margin:"dense",filterOptions:M,getOptionLabel:L=>{var $;return($=q[L])==null?void 0:$.name},renderInput:L=>e.jsx(G,{...L,label:"",placeholder:C}),renderOption:(L,$)=>{var Y;const V=h.indexOf($)!==-1;return E.createElement(ts,{component:"li",...L,key:$},y(q[$]||{}),e.jsx(P,{sx:{"& > img":{mr:2,flexShrink:0}},style:{flex:1,fontWeight:V?"700":"normal"},children:j($,q[$])||((Y=q[$])==null?void 0:Y.name)}),e.jsx(P,{component:an,sx:{opacity:.5,width:18,height:18},style:{visibility:V?"visible":"hidden"}}))},...I}):e.jsx(P,{px:1,className:"form-item-input slot",onClick:w,style:{whiteSpace:"pre-wrap",cursor:"text"},children:h.filter(L=>a.some($=>$.code===L)).map(L=>e.jsx(la,{label:a.find($=>$.code===L).name,style:{marginRight:8},size:"small"},L))});return e.jsx(Oi,{className:"form",style:i,children:e.jsxs(P,{className:"form-item",children:[e.jsxs(P,{className:"form-item-label",children:[t,r&&e.jsx(wi,{})]}),e.jsxs(P,{className:"form-item-body",children:[e.jsx(P,{className:"form-item-input",children:B}),e.jsx(P,{className:"form-item-action",children:T?e.jsxs(e.Fragment,{children:[e.jsx(de,{"data-cy":"schema-form-item-confirm",onClick:W,disabled:l||p,size:"large",children:p?e.jsx(Ke,{size:24}):e.jsx(Si,{})}),e.jsx(de,{"data-cy":"schema-form-item-cancel",onClick:()=>{R(x),c(!1)},disabled:l||p,size:"large",children:e.jsx(an,{})})]}):null})]}),T&&d&&e.jsx(ca,{children:d})]})})}Nr.propTypes={style:D.object,onSubmit:D.func,onChange:D.func,label:D.string,initialValue:D.string,required:D.bool,disabled:D.bool,triggers:D.array,options:D.array,helperText:D.string,formatterBeforeSubmit:D.func,placeholder:D.string,renderImage:D.func,filterKeys:D.arrayOf(D.string),noEmpty:D.bool,renderLabel:D.func};Nr.defaultProps={style:{},onSubmit:()=>{},onChange:()=>{},label:"",initialValue:"",required:!1,disabled:!1,triggers:[],options:[],helperText:"",formatterBeforeSubmit:t=>t.join(","),placeholder:"",filterKeys:["name"],renderImage:()=>null,renderLabel:(t,l)=>"",noEmpty:!1};const ts=ht.div`
+import{r as E,g as Ir,a as he,u as Ro}from"./vendor-react-D-afvo_7.js";import{a1 as U,j as e,E as D,aa as ht,P as To,bZ as tn,bL as So,M as G,a3 as P,A as la,I as de,a2 as Ke,bM as ca,T as mt,aN as J,bJ as ft,br as Oo,ad as wo,ah as Kt,bN as Me,aO as Pe,bD as Z,x as fe,ac as Le,b_ as Io,e as gt,Z as ua,a4 as le,K as ko,b$ as qo,c0 as Lo,c1 as Do,c2 as ge,bS as Re,c3 as da,c4 as kr,c5 as qr,c6 as Ao,c7 as fa,c8 as Mo,c9 as Eo,aw as qe,ca as Bo,cb as $o,cc as Wo,cd as No,ce as Ho,cf as Fo,cg as zo,ch as Uo,ci as Vo,cj as Ko,ck as Go,cl as tr,am as Yo,C as Zo,ao as Jo,bx as pa,by as ma}from"./vendor-mui-core-CCMNKHtm.js";import{I as Xo}from"./iframe-Cn--d9nR.js";import{G as Be,w as Qo,x as Gt,Z as ei,c as rn,A as pt,n as me,an as ti,y as ri,N as rr,ao as ni,ap as nn,L as ha,F as Ee,K as ga}from"./vendor-utils-5TjOM6td.js";import{_ as vt,aE as an,e as ie,a1 as ee,j as z,b as Q,Y as va,an as ai,a5 as Ge,a0 as Te,bf as xt,aq as xa,af as Lr,bk as oi,bl as ii,am as Xt,ax as te,bm as si,bn as li,bo as ci,bp as ui,bq as di,a8 as on,aV as fi,br as Pr,bs as pi,bt as mi,aR as nr,X as hi,bu as Rr,aS as sn}from"./vendor-arcblock-Bf7AGBSd.js";import{a as je,u as k,d as $e,c as gi,n as Yt,k as ya}from"./vendor-hooks-BKxTDk_P.js";import{A as ba,d as ln}from"./config-kJZsVZD6.js";import{F as ja,d as vi}from"./form-text-input-Cf1j6PeI.js";import{d as cn}from"./ChevronRight-DORpkdoL.js";import{y as oe,B as ue,au as xi,f as _a,av as yi,m as bi,h as ae,L as ji,M as _i}from"./index-uosYiNLl.js";import{B as Ci}from"./bundle-avatar-TEUPlhi2.js";import{u as Pi,B as Ri}from"./index-CSkA6M4K.js";import{d as Ti}from"./Loop-gZ2g1v3i.js";import{d as Si}from"./Done-Bsd0QwkQ.js";import{F as Oi,R as wi,L as et}from"./logo-uploader-DZm2nb0s.js";import{w as Ca,P as Ii}from"./permission-B0xKCybj.js";import{C as Dr}from"./confirm-D7n9Rzfx.js";import{f as Ar}from"./format-error-C0Ke3VXF.js";import{_ as ki}from"./useSetState-Crt4S51m.js";import{u as qi}from"./session-DutPZhUI.js";import{C as Li}from"./click-to-copy-Ck4RKrL7.js";import{u as Mr,a as Di}from"./dashboard-B_hsqmQK.js";import{u as Ie,C as H,a as un,S as cr}from"./simple-select-CAyDBkK6.js";import{a as Pa,b as Ai,c as Mi,m as Ei,i as dn}from"./isEmail-BWNRBSAy.js";import{S as ar}from"./switch-control-B8wYzo2_.js";import{K as Bi}from"./keyboard-arrow-down-rounded-DadBVmpO.js";import{d as fn}from"./Add-0_yO_NcD.js";import{I as $i}from"./index-DTzPwoh8.js";import{b as Wi}from"./base32-Bl4ek2bl.js";import"./EditIcon-D6Lk4OxD.js";import"./ArrowDropDown-CSe7vdhu.js";import"./index-DoZ2YM4T.js";import"./useLocalStorage-tmIJr51I.js";import"./PlayArrow-C6dXJHO6.js";import"./get-safe-url-BsKINLVF.js";import"./useAsyncRetry-EMRT9Ldq.js";import"./useAsync-Ua5iss51.js";var Er={},Ni=U;Object.defineProperty(Er,"__esModule",{value:!0});var Ra=Er.default=void 0,Hi=Ni(vt()),Fi=e;Ra=Er.default=(0,Hi.default)((0,Fi.jsx)("path",{d:"M3 18c0 .55.45 1 1 1h5v-2H4c-.55 0-1 .45-1 1M3 6c0 .55.45 1 1 1h9V5H4c-.55 0-1 .45-1 1m10 14v-1h7c.55 0 1-.45 1-1s-.45-1-1-1h-7v-1c0-.55-.45-1-1-1s-1 .45-1 1v4c0 .55.45 1 1 1s1-.45 1-1M7 10v1H4c-.55 0-1 .45-1 1s.45 1 1 1h3v1c0 .55.45 1 1 1s1-.45 1-1v-4c0-.55-.45-1-1-1s-1 .45-1 1m14 2c0-.55-.45-1-1-1h-9v2h9c.55 0 1-.45 1-1m-5-3c.55 0 1-.45 1-1V7h3c.55 0 1-.45 1-1s-.45-1-1-1h-3V4c0-.55-.45-1-1-1s-1 .45-1 1v4c0 .55.45 1 1 1"}),"TuneRounded");var Br={},zi=U;Object.defineProperty(Br,"__esModule",{value:!0});var Ta=Br.default=void 0,Ui=zi(vt()),Vi=e;Ta=Br.default=(0,Ui.default)((0,Vi.jsx)("path",{d:"M21 10h-8.35C11.83 7.67 9.61 6 7 6c-3.31 0-6 2.69-6 6s2.69 6 6 6c2.61 0 4.83-1.67 5.65-4H13l2 2 2-2 2 2 4-4.04zM7 15c-1.65 0-3-1.35-3-3s1.35-3 3-3 3 1.35 3 3-1.35 3-3 3"}),"Key");var $r={},Ki=U;Object.defineProperty($r,"__esModule",{value:!0});var Sa=$r.default=void 0,Gi=Ki(vt()),Yi=e;Sa=$r.default=(0,Gi.default)((0,Yi.jsx)("path",{d:"M11 7 9.6 8.4l2.6 2.6H2v2h10.2l-2.6 2.6L11 17l5-5zm9 12h-8v2h8c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-8v2h8z"}),"Login");var Wr={},Zi=U;Object.defineProperty(Wr,"__esModule",{value:!0});var Oa=Wr.default=void 0,Ji=Zi(vt()),Xi=e;Oa=Wr.default=(0,Ji.default)((0,Xi.jsx)("path",{d:"M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2m6-6v-5c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.64 5.36 6 7.92 6 11v5l-2 2v1h16v-1zm-2 1H8v-6c0-2.48 1.51-4.5 4-4.5s4 2.02 4 4.5z"}),"NotificationsNone");const Qi={width:24,height:24,body:'<path fill="currentColor" d="M4.975 15q-.425 0-.7-.288T4 14q0-.425.288-.713T5 13h14.025q.425 0 .7.288T20 14q0 .425-.288.713T19 15H4.975Zm0 4q-.425 0-.7-.288T4 18q0-.425.288-.713T5 17h14.025q.425 0 .7.288T20 18q0 .425-.288.713T19 19H4.975Zm0-8q-.425 0-.7-.288T4 10q0-.425.288-.713T5 9h14.025q.425 0 .7.288T20 10q0 .425-.288.713T19 11H4.975Zm0-4q-.425 0-.7-.288T4 6q0-.425.288-.713T5 5h14.025q.425 0 .7.288T20 6q0 .425-.288.713T19 7H4.975Z"/>'},es=Qi;function Nr({label:t,disabled:l,required:r,initialValue:o,onChange:u,style:i,onSubmit:m,triggers:n,options:a,formatterBeforeSubmit:s,helperText:d,placeholder:C,renderImage:y,renderLabel:j,filterKeys:S,noEmpty:O,...I}){const[T,c]=E.useState(!1),[p,v]=E.useState(!1),[f,b]=E.useState(""),_=E.useRef(null),[x,g]=E.useState(o),[h,R]=E.useState(x),q=E.useMemo(()=>{if(!a)return{};const L={};return a.forEach($=>{L[$.code]=$}),L},[a]),M=()=>{if(!a)return[];if(!f)return a.map($=>$.code);const L=new RegExp(f.toLowerCase());return a.filter($=>{var V;for(let Y=0;Y<S.length;Y++){const re=S[Y];if(L.test((V=$[re])==null?void 0:V.toLowerCase()))return!0}return!1}).map($=>$.code)},W=async()=>{v(!0);try{await m(typeof s=="function"?s(h):h)===!1?R(x):O&&!h.length?(R(o),g(o)):(R(h),g(h))}catch{R(x)}finally{v(!1),c(!1)}},A=(L,$)=>{if(!Array.isArray($)){R([]),u([]);return}const V=$.filter(Y=>q[Y]);if(!V.length){R([]),u([]);return}R(V),u(V)},w=L=>{L.stopPropagation(),c(!0),setTimeout(()=>{if(_.current){const $=_.current.querySelector("input");$&&$.focus()}},500)},B=T?e.jsx(So,{ref:_,options:a,value:h,onChange:A,inputValue:f,onInputChange:(L,$)=>{b($)},PopperComponent:rs,fullWidth:!0,multiple:!0,variant:"outlined",margin:"dense",filterOptions:M,getOptionLabel:L=>{var $;return($=q[L])==null?void 0:$.name},renderInput:L=>e.jsx(G,{...L,label:"",placeholder:C}),renderOption:(L,$)=>{var Y;const V=h.indexOf($)!==-1;return E.createElement(ts,{component:"li",...L,key:$},y(q[$]||{}),e.jsx(P,{sx:{"& > img":{mr:2,flexShrink:0}},style:{flex:1,fontWeight:V?"700":"normal"},children:j($,q[$])||((Y=q[$])==null?void 0:Y.name)}),e.jsx(P,{component:an,sx:{opacity:.5,width:18,height:18},style:{visibility:V?"visible":"hidden"}}))},...I}):e.jsx(P,{px:1,className:"form-item-input slot",onClick:w,style:{whiteSpace:"pre-wrap",cursor:"text"},children:h.filter(L=>a.some($=>$.code===L)).map(L=>e.jsx(la,{label:a.find($=>$.code===L).name,style:{marginRight:8},size:"small"},L))});return e.jsx(Oi,{className:"form",style:i,children:e.jsxs(P,{className:"form-item",children:[e.jsxs(P,{className:"form-item-label",children:[t,r&&e.jsx(wi,{})]}),e.jsxs(P,{className:"form-item-body",children:[e.jsx(P,{className:"form-item-input",children:B}),e.jsx(P,{className:"form-item-action",children:T?e.jsxs(e.Fragment,{children:[e.jsx(de,{"data-cy":"schema-form-item-confirm",onClick:W,disabled:l||p,size:"large",children:p?e.jsx(Ke,{size:24}):e.jsx(Si,{})}),e.jsx(de,{"data-cy":"schema-form-item-cancel",onClick:()=>{R(x),c(!1)},disabled:l||p,size:"large",children:e.jsx(an,{})})]}):null})]}),T&&d&&e.jsx(ca,{children:d})]})})}Nr.propTypes={style:D.object,onSubmit:D.func,onChange:D.func,label:D.string,initialValue:D.string,required:D.bool,disabled:D.bool,triggers:D.array,options:D.array,helperText:D.string,formatterBeforeSubmit:D.func,placeholder:D.string,renderImage:D.func,filterKeys:D.arrayOf(D.string),noEmpty:D.bool,renderLabel:D.func};Nr.defaultProps={style:{},onSubmit:()=>{},onChange:()=>{},label:"",initialValue:"",required:!1,disabled:!1,triggers:[],options:[],helperText:"",formatterBeforeSubmit:t=>t.join(","),placeholder:"",filterKeys:["name"],renderImage:()=>null,renderLabel:(t,l)=>"",noEmpty:!1};const ts=ht.div`
   display: flex;
   justify-content: space-between;
   align-items: center;