@reltio/remotes 1.4.1521 → 1.4.1523

package/574.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunk_reltio_remotes=self.webpackChunk_reltio_remotes||[]).push([[574],{30739:(e,t,n)=>{n.d(t,{Z:()=>d});var r=n(24328),o=n.n(r),i=n(50166),a=n(44443),l=n(67958);const s=(0,n(79692).Z)({item:{overflow:"hidden"}});function c(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?Object(arguments[t]):{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){u(e,t,n[t])}))}return e}function u(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const d=(0,r.memo)((e=>{let{width:t=0,height:n=0,defaultItemSize:u,data:d,children:p,itemKey:h,showNotMeasuredItems:m,listRef:g}=e;const f=s(),b=(0,r.useRef)({}),[y,v]=(0,r.useState)({}),x=(0,r.useCallback)((0,l.DsO)((()=>{v(c({},b.current))})),[]),E=(0,r.useCallback)(((e,t)=>h?h(t,e):t),[h]),w=(0,r.useRef)(),R=g||w;R.current&&R.current.resetAfterIndex(0,!1);const C=(0,r.useMemo)((()=>e=>{let{data:t,index:n,style:r}=e;const i=E(t,n);return o().createElement("div",{style:r,className:f.item},o().createElement("div",{style:m?void 0:{visibility:i in y?void 0:"hidden"}},o().createElement(a.Z,{handleHeight:!0,onResize:(e,t)=>{b.current[i]!==t&&(((e,t)=>{b.current=c({},b.current,{[e]:t})})(i,t),x())}}),p({data:t,index:n})))}),[p,m,E,x,!m&&y]);return o().createElement(i.VariableSizeList,{ref:R,width:t,height:n,itemCount:d.length,itemData:d,itemSize:e=>y[(e=>E(d,e))(e)]||u,itemKey:h},C)}))},58662:(e,t,n)=>{n.d(t,{Z:()=>y});var r=n(13980),o=n.n(r),i=n(24328),a=n.n(i),l=n(71153),s=n.n(l),c=n(94079),u=n(87918),d=n.n(u),p=n(31276),h=n(17440);const m=(0,n(79692).Z)({pagination:{display:"flex",alignItems:"center",justifyContent:"flex-end",height:"56px",borderTop:"1px solid rgba(0,0,0,0.12)",boxShadow:"none"},caption:{color:"rgba(0,0,0,0.6)",fontSize:"12px",lineHeight:"16px"},selectRoot:{marginLeft:"5px",marginRight:"36px"},select:{color:"rgba(0,0,0,0.6)",fontSize:"12px",lineHeight:"16px",textAlign:"right"},actions:{marginLeft:"32px"}});function g(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?Object(arguments[t]):{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){f(e,t,n[t])}))}return e}function f(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const b=e=>{let{classes:t={},count:n,rowsPerPageOptions:r,page:o,onChangePage:l,rowsPerPage:u,onChangeRowsPerPage:f,basicTableRef:b,labelRowsPerPage:y}=e;const v=m(),x=(0,i.useCallback)((()=>{(0,h.pathOr)(h.identity,["current","resetScrollbarPosition"],b)()}),[b]),E=(0,i.useCallback)((e=>{l(e),x()}),[l,x]),w=(0,i.useCallback)((e=>{l(0),f(e),x()}),[l,f,x]);return a().createElement(c.TablePagination,{classes:g({},t,{root:s()(v.pagination,t.root),select:s()(v.select,t.select),caption:v.caption,selectRoot:v.selectRoot,actions:v.actions}),component:"div",labelRowsPerPage:y||d().text("Rows per page:"),labelDisplayedRows:e=>{let{from:t,to:n,count:r}=e;return d().text("${fromRow}-${toRow} of ${countRows}",{fromRow:d().number(t,"0,0"),toRow:d().number(n,"0,0"),countRows:d().number(r,"0,0")})},count:n,rowsPerPageOptions:r,page:o,onChangePage:(0,h.pipe)((0,h.nthArg)(1),E),rowsPerPage:u,onChangeRowsPerPage:(0,h.pipe)(p.NA,w)})};b.propTypes={classes:o().object,rowsPerPageOptions:o().arrayOf(o().number),count:o().number,page:o().number,onChangePage:o().func,rowsPerPage:o().number,onChangeRowsPerPage:o().func,basicTableRef:o().shape({current:o().object}),labelRowsPerPage:o().string};const y=a().memo(b)},14363:(e,t,n)=>{n.d(t,{n:()=>y});const r=(0,n(79692).Z)({item:{marginBottom:"16px"},dense:{marginBottom:0}});var o=n(20562),i=n(24328),a=n.n(i),l=n(52730),s=n(49885),c=n(67958),u=n(91262),d=n(71153),p=n.n(d),h=n(17440),m=n(7154),g=n(26579),f=n(81077);function b(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const y=e=>{let{connection:t,relatedEntity:n,inRelationTypes:d=[],outRelationTypes:y=[],showEmptyEditors:v,entityErrorMessage:x,onChangeAttribute:E,onRemoveAttribute:w,onAddAttributes:R,onChangeRelationType:C,onChangeEntity:T}=e;const S=r(),{relation:P,entity:O}=t,{attributes:L,uri:_,type:N="",direction:A}=P||{},k=Boolean(N),I=(0,l.useSelector)(s.ZP.selectors.getMetadata),j=(0,i.useMemo)((()=>P&&function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?Object(arguments[t]):{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){b(e,t,n[t])}))}return e}({attributes:L},(0,c.p2l)(P))),[P,L]),U=(0,i.useMemo)((()=>(0,c.xF8)(I,N)),[N,I]),D=(0,i.useMemo)((()=>k?(0,c.jWj)(A===c.Nsj.OUT,I,[(0,c.V3K)(I,N)]):(0,h.uniq)((0,c.jWj)(!0,I,y).concat((0,c.jWj)(!1,I,d)))),[k,N,I,d,y]),z=(0,l.useSelector)((e=>s.ZP.selectors.getGlobalSearchRequestOptions(e,["ovOnly"]))),M=(0,i.useMemo)((()=>P&&{relationType:P.type,direction:P.direction}),[P]),B=(0,i.useMemo)((()=>O&&{entityUri:O.uri,entityType:O.type,entityLabel:(0,c.idV)(O.label)}),[O]),Z=(0,i.useMemo)((()=>O&&O.uri?d.filter((0,c.eHk)(!1,O,n,I)):d),[O,d,n,I]),F=(0,i.useMemo)((()=>O&&O.uri?y.filter((0,c.eHk)(!0,O,n,I)):y),[O,y,n,I]);(0,i.useEffect)((()=>{const{type:e,direction:t}=(0,c.z7d)(d,y)||{};!N&&e&&C&&C({type:e.uri,direction:t})}),[N,d,y,C]),(0,o.D)((()=>{const{type:e,direction:t}=(0,c.z7d)(Z,F)||{};!N&&e&&C({type:e.uri,direction:t})}),[N,O,Z,F,T]);const G=(0,i.useCallback)((e=>{let{type:t,direction:n}=e;C({type:t.uri,direction:n})}),[C]);return a().createElement(a().Fragment,null,C&&a().createElement(m.Z,{className:S.item,relation:M,metadata:I,inRelationTypes:d,outRelationTypes:y,onChange:G}),T&&a().createElement(g.Z,{errorMessage:x,className:S.item},a().createElement(f.Z,{key:N,className:p()({[S.dense]:x}),entity:B||{},entityTypesUris:D,max:20,globalSearchRequestOptions:z,mode:c.fO_.EDITING,onChange:T,onCreate:void 0,metadata:I,attributeTypesSelectionStrategy:void 0})),N&&a().createElement(u.Z,{attrTypes:U,entity:j,showEmptyEditors:v,mode:c.fO_.EDITING,parentUri:_,onAddAttributes:R,onChangeAttribute:E,onDeleteAttribute:w}))}},59725:(e,t,n)=>{n.d(t,{Q:()=>c});var r=n(24328),o=n.n(r),i=n(87918),a=n.n(i),l=n(67958),s=n(42520);const c=(0,r.memo)((e=>{let{entityTypes:t,selectedEntityTypes:n,single:i,placeholder:c,enableEmptyValueUnderline:u,onChange:d,classes:p={},ListLabelProps:h={},disabled:m=!1}=e;const g=(0,r.useMemo)((()=>t.filter(l.oDv)),[t]);return o().createElement(s.S,{items:g,selectedItemsUris:n,single:i,placeholder:c,enableEmptyValueUnderline:u,onChange:d,classes:p,ListLabelProps:h,disabled:m,label:a().text("Entity type"),dataReltioId:"entity-type-selector",selectionPopupTitle:a().text("Select entity types")})}));c.displayName="EntityTypesSelector"},42520:(e,t,n)=>{n.d(t,{S:()=>_});var r=n(24328),o=n.n(r),i=n(71153),a=n.n(i),l=n(17440),s=n(67958),c=n(94079),u=n(83543),d=n(79692);const p=(0,d.Z)({listLabelContainer:{display:"flex",alignItems:"center",position:"relative",overflow:"hidden",whiteSpace:"nowrap",justifyContent:"space-between",height:"100%",width:"100%"},listLabel:{visibility:"hidden",position:"absolute",overflow:"hidden"},visibleItemsLabel:{textOverflow:"ellipsis",marginRight:"5px",overflow:"hidden",flex:1,flexBasis:"auto"},hiddenCount:{color:"rgba(0,0,0,0.87)",fontSize:"13px",lineHeight:"15px",padding:"5px 8px",borderRadius:"16px",backgroundColor:"rgba(0,0,0,.12)"}}),h=(e,t)=>{const{childNodes:n,clientLeft:r,clientWidth:o}=t;if(n.length>0){const[t]=Array.from(n),i=document.createRange();i.setStart(t,0);for(let n=0;n<e.length;n++){i.setEnd(t,i.endOffset+e[n].length);const{width:a}=i.getBoundingClientRect();if(r+a>o)return n;n!==e.length-1&&i.setEnd(t,i.endOffset+", ".length)}}return-1},m=e=>e.join(", "),g=e=>`calc(${(0,l.isNil)(e)?"100%":`${e}px`} - 35px)`,f=e=>{let{list:t,maxWidth:n}=e;const i=p(),a=(0,r.useRef)(),[l,s]=(0,r.useState)(0);(0,r.useEffect)((()=>{s(((e,t)=>{const n=e.length,r=((e,t)=>{if(t){const n=h(e,t);return-1===n?0:e.length-n}return 0})(e,t);return n-Math.max(1,n-r)})(t,a.current))}),[t]);const u=m(t),d=l>0,f=d?m(t.slice(0,-l)):u;return o().createElement(c.Tooltip,{title:d?u:""},o().createElement("div",{className:i.listLabelContainer},o().createElement("div",{style:{width:g(n)},className:i.listLabel,ref:a},u),o().createElement("div",{className:i.visibleItemsLabel},f),d&&o().createElement("div",{className:i.hiddenCount},`+${l}`)))};var b=n(22385),y=n(97820),v=n(54763),x=n(7785),E=n(27239),w=n(44890);function R(){return R=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},R.apply(this,arguments)}const C=(0,l.always)(32),T=(0,r.memo)((e=>{let{selectedItems:t,onItemClick:n,focusIndex:r,width:i,height:a}=e,l=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,["selectedItems","onItemClick","focusIndex","width","height"]);return o().createElement(w.Z,R({getItemSize:C,renderItem:(e,i,a)=>{let{item:l}=i;const s=!!t.find((e=>l.uri===e)),c=a===r;return o().createElement(x.Z,{key:l.uri,onClick:n,checked:s,data:l,label:o().createElement(E.Z,{text:l.label,highlight:l.filterText}),labelInText:l.label,style:e,isFocused:c,hideIcon:!0,LogoIcon:l.LogoIcon})},focusIndex:r,fixedTitle:!1,disableHorizontalScrollbar:!0,width:i,height:a},l))}));T.displayName="SelectMetadataTypesList";const S=(0,d.Z)({root:{borderRadius:"4px 4px 0 0",margin:0,fontSize:"14px",letterSpacing:0,lineHeight:"16px"},inputLabel:{overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",width:"100%",top:"calc(50% - 23px)"},inputText:{display:"flex",flexGrow:1,alignItems:"center",height:"25px",width:"calc(100% - 53px)",paddingTop:"18px",paddingBottom:"4px",color:"rgba(0,0,0,0.87)",overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"},input:{width:0,cursor:"pointer","&[disabled]":{backgroundColor:"transparent",cursor:"default"},"&$emptyInput":{width:"100%"}},emptyInput:{},disabledInput:{},disabledPointer:{},disabledUnderline:{},inputRoot:{flex:1,paddingRight:"4px",fontSize:"14px",letterSpacing:0,lineHeight:"16px","&$disabledInput":{backgroundColor:"rgba(0, 0, 0, 0.03)",cursor:"pointer","&$disabledPointer":{cursor:"default"},"&$disabledUnderline::before":{borderBottomStyle:"solid"}}},icon:{transform:"rotate(0deg)",transition:"transform 0.35s ease"},"popup-opened-icon":{transform:"rotate(-180deg)"}});function P(){return P=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},P.apply(this,arguments)}function O(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?Object(arguments[t]):{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){L(e,t,n[t])}))}return e}function L(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const _=(0,r.memo)((e=>{let{placeholder:t,classes:n={},items:i,selectedItemsUris:d,onChange:p,ListLabelProps:h={},disabled:m,enableEmptyValueUnderline:g,single:x,label:E,dataReltioId:w,selectionPopupTitle:R}=e;const C=S(),[L,_]=(0,r.useState)(!1),N=(0,r.useCallback)((()=>_(!0)),[]),A=(0,r.useCallback)((()=>_(!1)),[]),[k,I]=(0,r.useState)(""),j=(0,r.useCallback)((()=>I("")),[]),U=(0,r.useCallback)((0,l.pipe)(j,A),[A,j]),D=i.filter((e=>{let{label:t}=e;return s.P6Y.strings.search(t,k)})).map(((e,t)=>({item:{item:O({},e,{filterText:k})},index:t}))),z=(0,r.useMemo)((()=>d.map((e=>i.find((0,l.propEq)("uri",e)))).map((0,l.prop)("label"))),[d,i]),M=(0,r.useCallback)(((e,t)=>{x?(p(t?[e.uri]:[]),U()):p(t?d.concat(e.uri):d.filter((t=>t!==e.uri)))}),[d,p,x,U]),B=(0,r.useCallback)((e=>{let{item:t}=e;const n=!d.includes(t.uri);M(t,n)}),[d,M]),{focusIndex:Z,handleKeyDown:F}=(0,v.t)({items:D,open:L,onSelectFocusedItem:B,selectedItems:d,onClose:U}),G=(0,r.useRef)(),q=G.current?G.current.getBoundingClientRect().width:0,Y=Math.max(q,255),V=0===d.length;return o().createElement(o().Fragment,null,o().createElement(c.TextField,{label:E,ref:G,InputProps:{startAdornment:V&&!t?null:o().createElement("div",{className:a()(C.inputText,n.inputText)},V?o().createElement("div",null,t):o().createElement(f,P({},h,{list:z}))),classes:{root:C.inputRoot,input:a()(C.input,n.input,{[C.emptyInput]:V&&!t}),disabled:a()(C.disabledInput,{[C.disabledPointer]:m}),underline:C.disabledUnderline},endAdornment:o().createElement(b.Z,{size:"L",icon:u.Z,iconClassName:a()(C.icon,{[C["popup-opened-icon"]]:L}),disabled:m}),readOnly:!0,disabled:!0,disableUnderline:V&&!g},inputProps:{tabIndex:-1},InputLabelProps:{classes:{root:a()(C.inputLabel,n.label)}},value:"",onClick:m?void 0:N,classes:{root:a()(C.root,n.root)},margin:"dense",variant:"filled",disabled:m,"data-reltio-id":w}),o().createElement(y.Z,{open:L,anchorEl:G.current,onClose:U,onSearch:I,title:R,containerWidth:Y,containerHeight:355,searchInputOnKeyDown:F,transformOrigin:{horizontal:"left",vertical:"top"},anchorOrigin:{horizontal:"left",vertical:"bottom"},PaperProps:{"data-reltio-id":`${w}-popup`}},o().createElement(T,{items:D,onItemClick:M,selectedItems:d,width:Y,height:245,focusIndex:Z})))}));_.displayName="MetadataTypesSelector"},32371:(e,t,n)=>{n.d(t,{U:()=>c});var r=n(24328),o=n.n(r),i=n(87918),a=n.n(i),l=n(67958),s=n(42520);const c=(0,r.memo)((e=>{let{relationTypes:t,selectedRelationTypes:n,single:i,placeholder:c,enableEmptyValueUnderline:u,onChange:d,classes:p={},ListLabelProps:h={},disabled:m=!1}=e;const g=(0,r.useMemo)((()=>t.filter(l.Tt2)),[t]);return o().createElement(s.S,{items:g,selectedItemsUris:n,single:i,placeholder:c,enableEmptyValueUnderline:u,onChange:d,classes:p,ListLabelProps:h,disabled:m,label:a().text("Relation type"),dataReltioId:"relation-type-selector",selectionPopupTitle:a().text("Select relation types")})}));c.displayName="RelationTypesSelector"},40715:(e,t,n)=>{n.d(t,{n:()=>f});var r=n(24328),o=n.n(r),i=n(71153),a=n.n(i),l=n(67958),s=n(64459),c=n(79618),u=n(94646),d=n(41564),p=n(19603),h=n(7718),m=n(3409);const g=(0,n(79692).Z)({profileBandNavigation:{marginBottom:"10px"},comments:{display:"flex",justifyContent:"flex-end"}}),f=(0,r.memo)((e=>{let{entity:t,className:n,historySlice:i}=e;const f=g(),b=(0,r.useMemo)((()=>(0,l.L5S)(t)),[t]),y=(0,h.C)({objectIds:b}),v=(0,l.wwR)(t);return o().createElement(d.e,{collaboration:y},o().createElement(s.Z,{className:a()(n,p.U),entity:(null==i?void 0:i.aEntity)||t},i?o().createElement(m.Z,null):o().createElement(o().Fragment,null,o().createElement(c.a,{className:f.profileBandNavigation}),o().createElement(u.Z,{className:f.comments,uri:v,relatedObjectUris:(0,l.wp9)(l.q7e.ENTITY,{entityUri:v}),objectType:l.q7e.ENTITY}))))}));f.displayName="ScreenProfileBand"},78620:(e,t,n)=>{n.d(t,{R:()=>u});var r=n(24328),o=n(67958),i=n(17440),a=n(52730),l=n(49885);function s(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?Object(arguments[t]):{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){c(e,t,n[t])}))}return e}function c(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const u=e=>{let{connection:t,onConnectionChange:n,relatedEntity:c}=e;const u=(0,a.useSelector)(l.ZP.selectors.getMetadata),d=(0,r.useCallback)((e=>n(s({},t,{relation:e}))),[t,n]),p=(0,r.useCallback)((0,i.pipe)((0,o.zE1)(t.relation),d),[t.relation,d]),h=(0,r.useCallback)((0,i.pipe)((0,o.lIv)(t.relation),d),[t.relation,d]),m=(0,r.useCallback)((0,i.pipe)((0,o.Ilm)(t.relation),d),[t.relation,d]),g=(0,r.useCallback)((e=>{let{type:r,direction:i}=e;const a={entity:t.entity&&(0,o.eHk)(i===o.Nsj.OUT,t.entity,c,u,(0,o.V3K)(u,r))?t.entity:null,relation:s({},t.relation,{attributes:{},type:r,direction:i})};n(a)}),[t,n,c,u]);return{onAddAttributes:p,onChangeAttribute:h,onRemoveAttribute:m,onChangeEntity:(0,r.useCallback)((e=>n(s({},t,{entity:e}))),[t,n]),onChangeRelationType:g}}},94278:(e,t,n)=>{n.r(t),n.d(t,{default:()=>Yn});var r=n(24328),o=n.n(r),i=n(52730),a=n(36138),l=n(585),s=n(22664),c=n(52844),u=n(17440),d=n(49885),p=n(67958),h=n(99136),m=n(97499),g=n(40715),f=n(98996),b=n(87918),y=n.n(b),v=n(85229),x=n(30634),E=n(75477),w=n(60715),R=n(35174);function C(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?Object(arguments[t]):{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){T(e,t,n[t])}))}return e}function T(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const S=function(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[];const r=t.relations.filter((e=>!n.includes(e))).filter((0,u.either)((0,u.pipe)(p.nqN,(0,u.equals)(e)),(0,u.pipe)(p.j5q,(0,u.equals)(e))));n.push(...r);const o=(0,u.pipe)(P,(0,u.without)([e]))(r);return o.forEach((e=>S(e,t,n))),n},P=e=>(0,u.pipe)((0,u.chain)((e=>[(0,p.nqN)(e),(0,p.j5q)(e)])),u.uniq)(e),O=(e,t)=>{const n=(e=>{var t;const n=new Set,r=new Set;e.entities.forEach((e=>n.add(e.uri))),((null===(t=e.relations)||void 0===t?void 0:t.filter((e=>n.has(e.startObject.objectURI)&&n.has(e.endObject.objectURI))))||[]).forEach((e=>{r.add(`${e.startObject.objectURI}--${e.endObject.objectURI}--${e.uri}--${e.type}--${e.direction}`)}));const o=e.entities.map((e=>({id:e.uri,name:e.label,entityTypeUri:e.type,traversedRelationsCount:e.traversedRelations,untraversedRelationsCount:e.untraversedRelations}))),i=[];return r.forEach((e=>{const[t,n,r,o,a]=e.split("--");i.push({from:t,to:n,key:r,relationTypeUri:o,direction:a})})),{nodes:o,edges:i}})(t);n.nodes.forEach((t=>{e.hasNode(t.id)||e.addNode(t.id,{label:(0,p.idV)(t.name),entityTypeUri:t.entityTypeUri,traversedRelationsCount:t.traversedRelationsCount,untraversedRelationsCount:t.untraversedRelationsCount,x:1,y:1})})),n.edges.forEach((t=>{const n=t.from===t.to;e.hasEdge(t.key)||e.addEdgeWithKey(t.key,t.from,t.to,{size:1,color:"rgba(0, 0, 0, 0.2)",forceLabel:n,loop:n,relationTypeUri:t.relationTypeUri,direction:t.direction})}))},L=function(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[];const r=t.neighbors(e).filter((e=>!n.includes(e)));return n.push(...r),r.forEach((e=>L(e,t,n))),n},_=(e,t,n)=>{const[o,a]=(0,r.useState)(null),l=(0,i.useDispatch)(),[s,c]=(0,r.useState)(null),[h,m]=(0,r.useState)(!1),g=null==e?void 0:e.uri,b=(0,p.biM)(e),T=(0,i.useSelector)(d.ZP.selectors.getMetadata),_=(0,v._)(),N=(0,v._)(),A=n===p.YGb.TREE,k=(0,x.D)(n),I=(0,r.useContext)(E.F),j=k===p.YGb.TREE&&A,U=(0,r.useCallback)((function(e){let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;return N((0,p.ZYI)({uri:e,deep:n,limitCreditsConsumption:!0,graphTypes:t?[(0,p.nIW)(t)]:null,activenessDate:null,max:t?200:3e3,signal:I}))}),[t,N,I]);(0,r.useEffect)((()=>(!g||(0,p.ZiX)(g)||b||A||(m(!0),_((0,p.ZYI)({uri:g,deep:t?2:1,limitCreditsConsumption:!0,graphTypes:t?[(0,p.nIW)(t)]:null,activenessDate:null,max:t?200:3e3,signal:I})).then((e=>{const t=new f.MultiGraph;O(t,e),a(t),c(e)})).catch((e=>{console.error(e),c(null),(0,p.D_E)(e)||l(d.ui.actions.errorSet((0,p.xU7)(e,y().text("Something went wrong"))))})).finally((()=>{m(!1)}))),()=>{a(null),c(null),m(!1)})),[g,b,l,t,j]);const D=(0,r.useCallback)((async e=>{let{startEntityUri:t,endEntityUri:n,relationType:r,attributes:i,startDate:a,endDate:h}=e;try{var f;m(!0);const e=await(0,p.DsR)({startEntityUri:t,endEntityUri:n,relationType:r,attributes:i,startDate:a,endDate:h});if(null==e||null===(f=e[0])||void 0===f||!f.successful)throw null==e?void 0:e[0];const l=e[0].object,d=t===g?l.endObject.objectURI:l.startObject.objectURI,b=await(0,p.HvW)(d,{select:"label"});t===g?l.endObject.label=b.label:l.startObject.label=b.label;const y=((e,t,n)=>{const r=t.startObject.objectURI,o=t.endObject.objectURI,i=[r,o],a=e.entities.map((0,u.prop)("uri")),l=(0,p.V3K)(n,t.type),s=i.find((e=>!(0,u.includes)(e,a))),c=s&&(t.startObject.objectURI===s?t.startObject:t.endObject),d=c&&{type:c.type,label:c.label,uri:c.objectURI,traversedRelations:0,untraversedRelations:1},h=C({},(0,u.pick)(["uri","type","attributes","startDate","endDate","crosswalks","direction"],t),{startObject:(0,u.pick)(["objectURI","directionalLabel"],t.startObject),endObject:(0,u.pick)(["objectURI","directionalLabel"],t.endObject),direction:null==l?void 0:l.direction});return{entities:(d?e.entities.concat([d]):e.entities).map((e=>e.uri===r||e.uri===o?C({},e,{traversedRelations:e.traversedRelations+1}):e)),relations:(e.relations||[]).concat([h])}})(s,l,T);O(o,y);const v=[l.startObject.objectURI,l.endObject.objectURI],x=s.entities.map((0,u.prop)("uri"));v.forEach((e=>{if(x.includes(e)){const t=o.getNodeAttribute(e,"traversedRelationsCount");o.setNodeAttribute(e,"traversedRelationsCount",t+1)}})),c(y)}catch(e){throw l(d.ui.actions.errorSet((0,p.xU7)(e,y().text("Something went wrong")))),e}finally{m(!1)}}),[l,s,o,T]),z=(0,r.useCallback)((e=>{m(!0),(0,p.VGk)(e).then((()=>{o.extremities(e).forEach((e=>{const t=o.getNodeAttribute(e,"traversedRelationsCount");o.setNodeAttribute(e,"traversedRelationsCount",t-1)})),o.dropEdge(e);const{updatedData:t,removedEntitiesUris:n}=((e,t,n,r)=>{const o=r.relations.find((0,u.propEq)("uri",t)),i=(0,p.nqN)(o),a=(0,p.j5q)(o),l=(0,R.toUndirected)(n),s=(0,u.cond)([[()=>!(0,w.Ar)(l,e,i),(0,u.always)(i)],[()=>!(0,w.Ar)(l,e,a),(0,u.always)(a)],[u.T,(0,u.always)(null)]])(),c=(0,u.evolve)({entities:(0,u.map)((e=>e.uri===i||e.uri===a?C({},e,{traversedRelations:e.traversedRelations-1}):e)),relations:(0,u.reject)((0,u.propEq)("uri",t))})(r),{updatedData:d,removedEntitiesUris:h}=s?((e,t)=>{const n=S(e,t),r=(0,u.pipe)(P,(0,u.append)(e),u.uniq)(n);return{updatedData:(0,u.evolve)({relations:(0,u.reject)((e=>n.includes(e))),entities:(0,u.reject)((e=>r.includes(e.uri)))})(t),removedEntitiesUris:r}})(s,c):{updatedData:c,removedEntitiesUris:[]};return{updatedData:d,removedEntitiesUris:h}})(g,e,o,s);((e,t)=>{(t||[]).forEach((t=>{e.dropNode(t)}))})(o,n),c(t)})).catch((e=>{l(d.ui.actions.errorSet((0,p.xU7)(e,y().text("Something went wrong"))))})).finally((()=>{m(!1)}))}),[l,o,g,s]),M=(0,r.useCallback)(((e,t)=>{const{nodes:n=[]}=t,r=(0,u.difference)(o.neighbors(e),n);((e,t,n,r)=>{const o=(0,R.toUndirected)(r),i=(e,t)=>{o.filterEdges(e,t,(e=>!!e)).forEach((e=>o.dropEdge(e)))};n.forEach((e=>{i(t,e),o.forEachNeighbor(e,(t=>{i(e,t)}))}));const a=[];return o.nodes().forEach((t=>{((e,t,n)=>(0,w.Ar)(e,t,n)?null:n)(o,e,t)&&a.push(t)})),(0,u.uniq)(a.reduce(((e,t)=>L(t,o,e)),[...a]))})(g,e,r,o).forEach((t=>{t!==g&&t!==e&&o.setNodeAttribute(t,"hidden",!0)}))}),[g,o]),B=(0,r.useCallback)((e=>{if(e&&!(0,p.ZiX)(e)&&!b){const t=o.getNodeAttribute(e,"untraversedRelationsCount");o.neighbors(e).forEach((e=>{o.setNodeAttribute(e,"hidden",!1)})),t>0&&(m(!0),U(e).then((t=>{const n=((e,t,n)=>{const{entities:r=[],relations:o=[]}=t;return{entities:r.reduce(((e,t)=>{if(e.some((e=>{let{uri:n}=e;return n===t.uri}))){if(t.uri===n){const r=e.findIndex((e=>{let{uri:t}=e;return t===n}));e[r]=C({},e[r],{traversedRelations:t.traversedRelations,untraversedRelations:t.untraversedRelations})}}else e.push(t);return e}),[...e.entities||[]]),relations:o.reduce(((e,t)=>(e.some((e=>{let{uri:n}=e;return n===t.uri}))||e.push(t),e)),[...e.relations||[]])}})(s,t,e);O(o,t);const r=t.entities.find((t=>t.uri===e));o.setNodeAttribute(e,"untraversedRelationsCount",r.untraversedRelations),o.setNodeAttribute(e,"traversedRelationsCount",r.traversedRelations),c(n)})).catch((e=>{console.error(e),(0,p.D_E)(e)||l(d.ui.actions.errorSet((0,p.xU7)(e,y().text("Something went wrong"))))})).finally((()=>{m(!1)})))}}),[s,l,o,b,U]);return{graphLoading:h,data:s,graphologyGraph:o,onAddRelation:D,onDeleteRelation:z,onCollapseEntity:M,onExpandEntity:B}};function N(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const A=(e,t)=>{const n=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?Object(arguments[t]):{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){N(e,t,n[t])}))}return e}({},e,{[null==t?void 0:t.uri]:t}),r=Object.keys(n);return r.length>50&&delete n[r[0]],n},k=[25,50,100];function I(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const j=(e,t,n)=>{const{startObject:r,endObject:o,type:i}=t,{directionalLabel:a}=(0,p.nqN)(t)===n?r:o;return a||(0,p.Lmx)(e,i)},U=e=>{let{data:t,selectedEntityUri:n,mainEntityUri:o,graphTypeUri:a}=e;const[l,s]=(0,r.useState)({field:"",order:"asc"}),[c,h]=(0,r.useState)(0),[m,g]=(0,r.useState)(k[0]),[f,b]=(0,r.useState)([]),[v,x]=(0,r.useState)(!1),E=(0,i.useDispatch)(),w=(0,i.useSelector)(d.ZP.selectors.getMetadata),R=(0,r.useMemo)((()=>{const e=(null==t?void 0:t.entities)||[];return(0,u.zipObj)(e.map((0,u.prop)("uri")),e)}),[null==t?void 0:t.entities]),C=(0,r.useMemo)((()=>(0,u.pipe)((0,u.filter)((0,u.either)((0,u.pipe)(p.nqN,(0,u.equals)(n)),(0,u.pipe)(p.j5q,(0,u.equals)(n)))),(0,u.uniqBy)((0,u.prop)("uri")),(0,u.map)((e=>{const t=R[((e,t)=>{const n=(0,p.nqN)(t),r=(0,p.j5q)(t);return n===e?r:n})(n,e)];return{relation:e,entity:t,entityLabel:(0,p.idV)(t.label),entityTypeLabel:(0,p.jFi)(w,t),relationTypeLabel:j(w,e,t.uri)}})))((null==t?void 0:t.relations)||[])),[t,n,R,w]),{searchText:T,onChangeSearchText:S,filters:P,onFilter:O,relationTypesOptions:L,entityTypesOptions:_}=(e=>{const[t,n]=(0,r.useState)(""),[o,a]=(0,r.useState)({entityTypesUris:[],relationTypesUris:[]}),l=(0,i.useSelector)(d.ZP.selectors.getMetadata),s=(0,r.useMemo)((()=>(0,u.pipe)((0,u.map)((e=>{let{entity:t}=e;return t.type})),(0,u.concat)(u.__,o.entityTypesUris),u.uniq,(0,u.map)((0,p.nt9)(l)))(e)),[e,l,o.entityTypesUris]),c=(0,r.useMemo)((()=>(0,u.pipe)((0,u.map)((e=>{let{relation:t}=e;return t.type})),(0,u.concat)(u.__,o.relationTypesUris),u.uniq,(0,u.map)((0,p.V3K)(l)))(e)),[e,l,o.relationTypesUris]);return{searchText:t,onChangeSearchText:n,filters:o,onFilter:a,entityTypesOptions:s,relationTypesOptions:c}})(C),N=(0,r.useMemo)((()=>(0,u.pipe)((0,u.filter)((e=>{let{entityLabel:t,entity:n,relation:r}=e;const{entityTypesUris:o,relationTypesUris:i}=P;return p.P6Y.strings.search(t,T)&&(0,u.ifElse)((0,u.prop)("length"),(0,u.includes)(r.type),u.T)(i)&&(0,u.ifElse)((0,u.prop)("length"),(0,u.includes)(n.type),u.T)(o)})),l.field?(0,u.sort)(((e,t)=>p.P6Y.strings.sort(l.order,e[l.field],t[l.field]))):u.identity)(C)),[C,l,T,P]),A=(0,r.useMemo)((()=>N.slice(c*m,c*m+m)),[N,c,m]),U=(0,r.useCallback)((e=>{x(!0),(0,p._vs)(e).then((e=>{b((t=>[...t,{initialRelation:e,relation:e}]))})).catch((e=>{E(d.ui.actions.errorSet((0,p.xU7)(e,y().text("Can't load relationship's attributes"))))})).finally((()=>x(!1)))}),[E]),D=(0,r.useCallback)((e=>{b((t=>t.map((t=>t.relation.uri===e.uri?function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?Object(arguments[t]):{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){I(e,t,n[t])}))}return e}({},t,{relation:e}):t))))}),[]);(0,r.useEffect)((()=>{h(0),S("")}),[n,a,S,O]),(0,r.useEffect)((()=>{O({entityTypesUris:[],relationTypesUris:[]})}),[a,o,O]),(0,r.useEffect)((()=>{h(0)}),[l,T,P]);const z=(0,r.useCallback)((e=>{b((t=>t.filter((t=>t.relation.uri!==e))))}),[]),M=(0,r.useCallback)(((e,t)=>{x(!0),(0,p.HH7)({oldRelation:e,newRelation:t}).then((()=>{z(t.uri)})).catch((e=>{E(d.ui.actions.errorSet((0,p.xU7)(e,y().text("Can't edit relationship"))))})).finally((()=>x(!1)))}),[z,E]);return{rowsData:A,onSort:s,sorting:l,searchText:T,onChangeSearchText:S,filters:P,onFilter:O,entityTypesOptions:_,relationTypesOptions:L,editingRelations:f,onStartRelationEditing:U,onCancelRelationEditing:z,onUpdateEditingRelation:D,total:N.length,page:c,rowsPerPage:m,onPageChange:h,onRowsPerPageChange:g,onSaveEditingRelation:M,loading:v}};var D=n(82726),z=n(94079),M=n(58662),B=n(48852),Z=n(71153),F=n.n(Z);const G=o().createContext({graphLoading:!1,data:null,graphologyGraph:null,selectedEntityLoading:!1,selectedEntity:null,onEntitySelect:()=>{},relationshipTable:{},onCollapseEntity:()=>{},onExpandEntity:()=>{},layout:null,setLayout:()=>{}});G.displayName="GraphStateContext";var q=n(44443),Y=n(30739),V=n(31276),H=n(79692);const W="1px solid rgba(0, 0, 0, 0.05)",X=(0,H.Z)({table:{flex:1,height:"100%",display:"flex",flexDirection:"column",overflow:"hidden"},tableBody:{height:"100%",overflow:"auto"},tableBodyWrapper:{height:"100%",overflow:"hidden"},tableRowWrapper:{borderBottom:W},tableRow:{display:"flex",alignItems:"center","& > div":{flexShrink:0}},editingRow:{paddingTop:"8px",paddingBottom:"8px"},headRow:{borderBottom:W}});function $(){return $=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},$.apply(this,arguments)}const K=(0,r.memo)((e=>{let{columnsData:t,sorting:n,onSort:r}=e;const i=X();return o().createElement("div",{className:F()(i.tableRow,i.headRow)},t.map((e=>{const{id:t,sortable:i,headCellRenderer:a,columnClassName:l}=e,s=a,c=i?{sortField:n.field,sortOrder:n.order,sortHandler:()=>{r({field:t,order:n.field===t?(0,V.Dh)(n.order):"asc"})}}:{};return o().createElement("div",{key:t,className:l},o().createElement(s,$({headCellData:e},c)))})))})),Q=(0,r.forwardRef)(((e,t)=>{let{classes:n,columnsData:i,rowsData:a,sorting:l,onSort:s,getRowKey:c,ExpandedRowRenderer:u,defaultRowHeight:d}=e;const p=X(),[h,m]=(0,r.useState)({width:0,height:0}),g=(0,r.useCallback)((e=>{let{data:t,index:r}=e;const a=t[r];return o().createElement("div",{className:F()(p.tableRowWrapper,null==n?void 0:n.tableRowWrapper)},o().createElement("div",{className:F()(p.tableRow,null==n?void 0:n.tableRow,{[p.editingRow]:a.expanded})},i.map((e=>{let{id:t,rowCellValueRenderer:n,columnClassName:r}=e;const i=n;return o().createElement("div",{key:t,className:r},o().createElement(i,{value:a[t],rowValue:a}))}))),a.expanded&&u&&o().createElement(u,{open:a.expanded,rowValue:a}))}),[i,u]),f=(0,r.useCallback)(((e,t)=>{m({width:e,height:t})}),[]),b=(0,r.useRef)(null);return(0,r.useImperativeHandle)(t,(()=>({resetScrollbarPosition:()=>{var e;null===(e=b.current)||void 0===e||e.scrollTo(0)}}))),o().createElement("div",{className:p.table},o().createElement(K,{columnsData:i,sorting:l,onSort:s}),o().createElement("div",{className:p.tableBodyWrapper},o().createElement(q.Z,{handleHeight:!0,handleWidth:!0,onResize:f}),o().createElement("div",{className:p.tableBody},o().createElement(Y.Z,{listRef:b,width:h.width,height:h.height,data:a,defaultItemSize:d,itemKey:c,showNotMeasuredItems:!0},g))))})),J=(0,r.memo)(Q);var ee=n(92332),te=n(95613);const ne="rgba(238, 238, 238, 1)",re=(0,H.Z)({tableWithPagination:{flex:1,overflow:"hidden",paddingRight:"1px",display:"flex",flexDirection:"column"},tableContainer:{flex:1,overflow:"hidden"},profileColumn:{minWidth:"180px",flex:3},relationshipTypeColumn:{minWidth:"70px",flex:1},entityTypeColumn:{minWidth:"70px",flex:1},row:{position:"relative","&:hover":{background:ne}}});function oe(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const ie={content:'""',position:"absolute",right:0,top:0,width:"40px",height:"100%",background:"linear-gradient(to right, rgba(255, 255, 255, 0.2), #fff 100%)",pointerEvents:"none"},ae=".collapsibleTableRow:hover &",le=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?Object(arguments[t]):{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){oe(e,t,n[t])}))}return e}({},ie,{[ae]:{background:`linear-gradient(to right, rgba(238, 238, 238, 0), ${ne} 100%)`}}),se=(0,H.Z)((e=>({headCell:{position:"relative",display:"flex",alignItems:"center",height:"33px",padding:"6px 0 6px 16px","&>div":{flexDirection:"row"},"&>div>span[role=button]":{width:"calc(100% + 49px)"}},headLabel:{color:e.palette.text.primary,fontSize:"12px",fontWeight:500,lineHeight:"16px",whiteSpace:"nowrap",overflow:"hidden","&:after":ie},defaultCell:{position:"relative",color:e.palette.text.primary,fontSize:"13px",fontWeight:"normal",lineHeight:"15px",whiteSpace:"nowrap",overflow:"hidden",display:"flex",alignItems:"center",height:"100%",padding:"6px 16px","&:after":le},clickable:{cursor:"pointer"},profileCell:{paddingTop:"3px",paddingBottom:"4px"},controlsCell:{position:"absolute",display:"flex",alignItems:"center",height:"100%",flexShrink:0,top:0,right:"9px",visibility:"hidden",[ae]:{visibility:"visible",background:ne}},editingMode:{visibility:"visible"},hidden:{visibility:"hidden"},editButton:{marginRight:"7px"},entityAvatar:{width:"20px",height:"20px",marginRight:"8px"},actionButtons:{display:"flex",justifyContent:"flex-end",margin:"0 8px 10px","& > button":{fontSize:"14px",lineHeight:"16px",marginLeft:"8px",padding:"10px 8px",backgroundColor:"rgba(98, 2, 238, 0)"}},expandedRow:{padding:"0 16px 6px",fontSize:"13px"}})));function ce(){return ce=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},ce.apply(this,arguments)}function ue(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?Object(arguments[t]):{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){de(e,t,n[t])}))}return e}function de(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const pe=e=>{let{className:t,headCellData:n}=e,r=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,["className","headCellData"]);const i=se();return o().createElement("div",{className:F()(i.headCell,t)},o().createElement(ee.default,ce({},r,{headCellData:ue({},n,{label:o().createElement(te.Z,{value:n.label},o().createElement("div",{className:i.headLabel},n.label))})})))},he=(0,r.memo)((e=>{let{value:t="",tooltip:n,onClick:r,className:i}=e;const a=se();return n=n||t,o().createElement(te.Z,{value:n},o().createElement("div",{className:F()(a.defaultCell,i,{[a.clickable]:!!r}),onClick:r},t))}));var me=n(53180);const ge=(0,B.l)(G,(e=>{let{onEntitySelect:t}=e;return{onClick:t}}),(e=>{let{value:t,rowValue:{entity:n},className:r,onClick:i}=e;const a=se(),l=o().createElement(o().Fragment,null,o().createElement(me.Z,{entity:n,avatarClassName:a.entityAvatar}),t);return o().createElement(he,{value:l,tooltip:t,className:F()(a.profileCell,r),onClick:()=>i(n.uri)})}));var fe=n(78620),be=n(14363);const ye=(0,B.l)(G,((e,t)=>{let{relationshipTable:n}=e;return{editingRelationObject:n.editingRelations.find((e=>{var n;return e.initialRelation.uri===(null==t||null===(n=t.rowValue.relation)||void 0===n?void 0:n.uri)})),onUpdateEditingRelation:n.onUpdateEditingRelation,onCancelRelationEditing:n.onCancelRelationEditing,onSaveEditingRelation:n.onSaveEditingRelation}}),(e=>{let{open:t,editingRelationObject:n,onUpdateEditingRelation:a,onCancelRelationEditing:l,onSaveEditingRelation:s}=e;const c=(0,i.useDispatch)(),h=(0,i.useSelector)(d.ZP.selectors.getMetadata),{relation:m,initialRelation:g}=n,f=(0,r.useMemo)((()=>!(0,u.equals)(g,m)),[m,g]),b=se(),v=(0,r.useCallback)((e=>{let{relation:t}=e;return a(t)}),[a]),x=(0,r.useCallback)((()=>l(m.uri)),[l,m.uri]),E=(0,r.useMemo)((()=>({relation:m})),[m]),{onAddAttributes:w,onChangeAttribute:R,onRemoveAttribute:C}=(0,fe.R)({connection:E,onConnectionChange:v});return t?o().createElement("div",{className:b.expandedRow},o().createElement(be.n,{connection:E,onAddAttributes:w,onChangeAttribute:R,onRemoveAttribute:C}),o().createElement("div",{className:b.actionButtons},o().createElement(z.Button,{onClick:x},y().text("Cancel")),o().createElement(z.Button,{color:"primary",disabled:!f,onClick:()=>{(e=>{const t=(0,p.xkB)(h,{relation:{object:e}});return c(d.N5.errors.actions.errorsSet(t)),0===t.length})(m)&&s(g,m)}},y().text("Save")))):null}));var ve=n(8818),xe=n(27604),Ee=n(22983),we=n(81137);const Re=(0,B.l)(G,(0,u.pick)(["onDeleteRelation"]),(e=>{let{uri:t,open:n,onClose:r,onDeleteRelation:i}=e;return o().createElement(we.Z,{open:n,title:y().text("Do you want to make a clean break?"),content:y().text("To end this relationship, click Delete Relationship. To keep the connection, click Cancel."),saveCaption:y().text("Delete relationship"),discardCaption:y().text("Cancel"),onDiscard:r,onSave:()=>{i(t),r()}})})),Ce=(0,r.memo)((e=>{let{uri:t}=e;const[n,i]=(0,r.useState)(!1),a=(0,r.useCallback)((()=>i(!0)),[]),l=(0,r.useCallback)((()=>i(!1)),[]);return o().createElement(o().Fragment,null,o().createElement(ve.k,{icon:Ee.Z,size:"XXS",tooltipTitle:y().text("Delete"),"data-reltio-id":"reltio-delete-relation-button",onClick:a}),o().createElement(Re,{open:n,onClose:l,uri:t}))}));Ce.displayName="DeleteRelationButton";const Te=Ce,Se=(0,B.l)(G,((e,t)=>{let{relationshipTable:{onStartRelationEditing:n,editingRelations:r}}=e;return{onEdit:n,isEditing:r.some((e=>{var n;return e.initialRelation.uri===(null==t||null===(n=t.rowValue.relation)||void 0===n?void 0:n.uri)}))}}),(e=>{let{rowValue:{relation:{uri:t,type:n}},className:r,onEdit:a,isEditing:l}=e;const s=se(),c=(0,i.useSelector)(d.ZP.selectors.getMetadata),u=(0,p.V3K)(c,n),h=(0,p.Z5t)(p.ARY.Editing,u),m=(0,p.Edd)(p.ARY.Editing,u);return o().createElement("div",{className:F()(s.controlsCell,r,{[s.editingMode]:l})},h&&o().createElement(ve.k,{className:F()(s.editButton,{[s.hidden]:l}),icon:xe.Z,size:"XXS",tooltipTitle:y().text("Edit"),"data-reltio-id":"reltio-edit-relationship-button",onClick:()=>a(t)}),m&&o().createElement(Te,{uri:t}))}));function Pe(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?Object(arguments[t]):{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){Oe(e,t,n[t])}))}return e}function Oe(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const Le=(e,t)=>t[e].relation.uri||`${e}`,_e=(0,B.l)(G,(e=>{let{relationshipTable:t}=e;return Pe({},t)}),(e=>{let{rowsData:t,sorting:n,onSort:i,total:a,page:l,rowsPerPage:s,onPageChange:c,onRowsPerPageChange:u,editingRelations:d,loading:p}=e;const m=re(),g=(0,r.useMemo)((()=>[{id:"entityLabel",label:y().text("Profile"),headCellRenderer:pe,rowCellValueRenderer:ge,sortable:!0,columnClassName:m.profileColumn},{id:"relationTypeLabel",label:y().text("Relationship type"),headCellRenderer:pe,rowCellValueRenderer:he,sortable:!0,columnClassName:m.relationshipTypeColumn},{id:"entityTypeLabel",label:y().text("Entity Type"),headCellRenderer:pe,rowCellValueRenderer:he,sortable:!0,columnClassName:m.entityTypeColumn},{id:"controls",label:"",headCellRenderer:pe,rowCellValueRenderer:Se}]),[m]),f=(0,r.useRef)(null);(0,r.useEffect)((()=>{var e;null===(e=f.current)||void 0===e||e.resetScrollbarPosition()}),[t]);const b=(0,r.useMemo)((()=>t.map((e=>null!=d&&d.some((t=>{var n;return t.initialRelation.uri===(null==e||null===(n=e.relation)||void 0===n?void 0:n.uri)}))?Pe({},e,{expanded:!0}):e))),[t,d]),v=(0,r.useMemo)((()=>({tableRow:F()(m.row,"collapsibleTableRow")})),[m]);return o().createElement("div",{className:m.tableWithPagination},o().createElement("div",{className:m.tableContainer},o().createElement(J,{ref:f,columnsData:g,rowsData:b,sorting:n,onSort:i,getRowKey:Le,ExpandedRowRenderer:ye,defaultRowHeight:28,classes:v})),a>k[0]&&o().createElement(M.Z,{count:a,rowsPerPageOptions:k,rowsPerPage:s,onChangeRowsPerPage:u,page:l,onChangePage:c,basicTableRef:f}),p&&o().createElement(h.Z,null))}));var Ne=n(36444),Ae=n(94574);const ke=(0,H.Z)((e=>({inactiveSearchIcon:{color:e.palette.text.secondary},activeSearchIcon:{color:e.palette.text.primary},input:{fontSize:"14px","&::placeholder":{color:`${e.palette.text.secondary} !important`,opacity:1}}}))),Ie=(0,B.l)(G,(0,u.pipe)((0,u.prop)("relationshipTable"),(0,u.pick)(["searchText","onChangeSearchText"])),(e=>{let{searchText:t,onChangeSearchText:n}=e;const r=ke();return o().createElement(Ae.Z,{fullWidth:!0,height:40,autofocus:!1,value:t,onSearch:n,placeholder:y().text("Search profiles"),classes:{input:r.input}})}));var je=n(59725),Ue=n(32371);const De=(0,H.Z)((e=>({dialogPaper:{display:"flex",flexDirection:"column",padding:"12px 16px 8px"},title:{marginBottom:"21px",fontWeight:500,fontSize:"20px",lineHeight:"23px",letterSpacing:"0.25px",color:e.palette.text.primary},entityTypesSelector:{width:"468px",marginBottom:"20px"},relationTypesSelector:{width:"468px",marginBottom:"32px"},footer:{display:"flex"},clearAllButton:{marginRight:"auto"},cancelButton:{marginRight:"8px"}}))),ze=(0,B.l)(G,(0,u.pipe)((0,u.prop)("relationshipTable"),(0,u.pick)(["onFilter","filters","entityTypesOptions","relationTypesOptions"])),(e=>{let{open:t,onClose:n,filters:i,onFilter:a,entityTypesOptions:l,relationTypesOptions:s}=e;const c=De(),[u,d]=(0,r.useState)([]),[p,h]=(0,r.useState)([]),m=()=>{d(i.entityTypesUris),h(i.relationTypesUris),n()};return(0,r.useEffect)((()=>{d(i.entityTypesUris),h(i.relationTypesUris)}),[i.entityTypesUris,i.relationTypesUris]),o().createElement(z.Dialog,{classes:{paper:c.dialogPaper},onClose:m,open:t},o().createElement(z.Typography,{className:c.title},y().text("Filter")),o().createElement(je.Q,{classes:{root:c.entityTypesSelector},entityTypes:l,selectedEntityTypes:u,enableEmptyValueUnderline:!0,onChange:d}),o().createElement(Ue.U,{classes:{root:c.relationTypesSelector},relationTypes:s,selectedRelationTypes:p,enableEmptyValueUnderline:!0,onChange:h}),o().createElement("div",{className:c.footer},o().createElement(z.Button,{className:c.clearAllButton,onClick:()=>{d([]),h([])}},y().text("Clear All")),o().createElement(z.Button,{className:c.cancelButton,onClick:m},y().text("Cancel")),o().createElement(z.Button,{onClick:()=>{a({entityTypesUris:u,relationTypesUris:p}),n()},color:"primary"},y().text("Apply"))))})),Me=(0,H.Z)((e=>({wrapper:{display:"flex",alignItems:"center",paddingLeft:"16px",paddingRight:"2px"},iconButton:{marginLeft:"4px"},activeFiltersIcon:{color:e.palette.primary.main},inactiveFiltersIcon:{color:e.palette.text.secondary}}))),Be=(0,B.l)(G,(0,u.pipe)((0,u.prop)("relationshipTable"),(0,u.pick)(["filters"])),(e=>{let{filters:t}=e;const n=Me(),[i,a]=(0,r.useState)(!1),{entityTypesUris:l,relationTypesUris:s}=t,c=l.length||s.length;return o().createElement("div",{className:n.wrapper},o().createElement(Ie,null),o().createElement(z.IconButton,{"data-reltio-id":"reltio-filter-relationship-button",className:n.iconButton,onClick:()=>a(!0)},o().createElement(Ne.Z,{className:c?n.activeFiltersIcon:n.inactiveFiltersIcon})),o().createElement(ze,{open:i,onClose:()=>a(!1)}))}));var Ze=n(65549),Fe=n(98808);const Ge=e=>{const t=(0,i.useSelector)(d.ZP.selectors.getMetadata),{inRelations:n=[],outRelations:o=[]}=(0,r.useMemo)((()=>(0,p.UWq)(t,e,(0,p.d89)(p.ARY.Editing))),[t,e]);return{inRelationTypes:n,outRelationTypes:o}},qe=(0,H.Z)((e=>({dialogPaper:{height:"600px",maxWidth:"600px"},dialogTitle:{padding:"12px 16px"},titleText:{color:e.palette.text.primary,fontSize:"18px",letterSpacing:0,lineHeight:"21px",fontWeight:"bold"},content:{padding:"8px 16px 0px",borderBottom:"1px solid rgba(0, 0, 0, 0.12)"},attributeList:{paddingTop:"22px"}}))),Ye=(0,B.l)(G,(e=>{let{selectedEntity:t,onAddRelation:n}=e;return{selectedEntity:t,onAddRelation:n}}),(e=>{let{selectedEntity:t,open:n,onClose:a,onAddRelation:l}=e;const s=qe(),c=(0,i.useSelector)(d.ZP.selectors.getMetadata),[u,h]=(0,r.useState)({}),{relation:m,entity:g}=u,{type:f,direction:b}=m||{},[v,x]=(0,r.useState)(!1),E=(0,i.useDispatch)();(0,r.useEffect)((()=>{n&&h({relation:{uri:(0,p.ncP)(),type:null,attributes:{}}})}),[n]);const{inRelationTypes:w,outRelationTypes:R}=Ge(null==t?void 0:t.type),C=(0,r.useCallback)((()=>{const e=(0,p.xkB)(c,{relation:{object:m}});return E(d.N5.errors.actions.errorsSet(e)),0===e.length}),[m,c,E]),{onAddAttributes:T,onChangeAttribute:S,onRemoveAttribute:P,onChangeEntity:O,onChangeRelationType:L}=(0,fe.R)({connection:u,onConnectionChange:h,relatedEntity:t});return o().createElement(z.Dialog,{open:n,fullWidth:!0,maxWidth:"sm",onClose:a,classes:{paper:s.dialogPaper}},o().createElement(z.DialogTitle,{disableTypography:!0,classes:{root:s.dialogTitle}},o().createElement(z.Typography,{variant:"subtitle1",classes:{root:s.titleText}},y().text("Add relationship"))),o().createElement(z.DialogContent,{classes:{root:s.content}},o().createElement(be.n,{connection:u,onAddAttributes:T,onChangeAttribute:S,onRemoveAttribute:P,relatedEntity:t,inRelationTypes:w,outRelationTypes:R,onChangeRelationType:L,onChangeEntity:O})),o().createElement(z.DialogActions,null,o().createElement(z.Button,{onClick:a},y().text("Cancel")),o().createElement(z.Button,{disabled:!(null!=u&&u.entity)||!f||v,color:"primary",onClick:()=>{const{type:e,attributes:n={},startDate:r,endDate:o}=m,i=b===p.Nsj.OUT?t.uri:g.uri,s=b===p.Nsj.OUT?g.uri:t.uri;C()&&(x(!0),l({startEntityUri:i,endEntityUri:s,relationType:e,attributes:n,startDate:r,endDate:o}).then((()=>{a()})).catch((e=>{console.error(e)})).finally((()=>{x(!1)})))}},y().text("Add"))))})),Ve=(0,B.l)(G,(0,u.pick)(["selectedEntity"]),(e=>{let{selectedEntity:t}=e;const{inRelationTypes:n,outRelationTypes:i}=Ge(null==t?void 0:t.type),a=n.length+i.length>0,[l,s]=(0,r.useState)(!1);return a&&o().createElement(o().Fragment,null,o().createElement(Fe.K,{"data-reltio-id":"reltio-add-relationship-button",mode:Fe.N.button,label:y().text("Add relationship"),icon:Ze.Z,onClick:()=>{s(!0)}}),o().createElement(Ye,{open:l,onClose:()=>{s(!1)}}))})),He=(0,H.Z)({caption:{marginLeft:"16px",marginTop:"12px",display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:"14px",fontSize:"16px",lineHeight:"24px"},wrapper:{flex:1,display:"flex",flexDirection:"column",height:0}}),We=()=>{const e=He();return o().createElement("div",{className:e.wrapper},o().createElement("div",{className:e.caption},o().createElement(z.Typography,{variant:"subtitle1"},y().text("Relationships")),o().createElement(Ve,null)),o().createElement(Be,null),o().createElement(_e,null))};var Xe=n(8962);const $e=(0,H.Z)({noShadowBlock:{boxShadow:"none"},wrapper:{position:"relative",paddingRight:"1px",overflow:"auto"}}),Ke=(0,B.l)(G,(0,u.pick)(["selectedEntity","selectedEntityLoading"]),(e=>{let{selectedEntity:t,selectedEntityLoading:n}=e;const r=$e();return o().createElement("div",{className:r.wrapper},n&&o().createElement(h.Z,null),o().createElement(Xe.Z,{entity:t,caption:y().text("Entity details"),className:r.noShadowBlock}))}));var Qe=n(52043),Je=n(31039),et=n(64459);const tt=(0,H.Z)((e=>({link:{textDecoration:"none",color:e.palette.primary.main}}))),nt=(0,B.l)(G,(0,u.pick)(["selectedEntity"]),(e=>{let{selectedEntity:t}=e;const n=tt(),r=(0,i.useSelector)(d.ZP.selectors.getEntityUri),a=null==t?void 0:t.uri;return o().createElement(et.Z,{entity:t,renderLabel:e=>r===a?e:o().createElement(Je.Z,{className:n.link,value:(0,p.wwR)(t),screen:"graph"},e)})}));let rt;!function(e){e[e.Relationship=0]="Relationship",e[e.EntityDetails=1]="EntityDetails"}(rt||(rt={}));const ot=(0,r.memo)((e=>{var t;let{active:n,tabs:r}=e;const i=!(0,u.isNil)(n);return o().createElement(Qe.h,{open:i},o().createElement(nt,null),null===(t=r[n])||void 0===t?void 0:t.content)}));function it(){return it=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},it.apply(this,arguments)}ot.displayName="GraphRightSidePanel";const at=e=>{let{styles:t={}}=e,n=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,["styles"]);return o().createElement("svg",it({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),o().createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6 7v2h2V7H6zm0 4v2h2v-2H6zm0 4v2h2v-2H6zm4-8v2h8V7h-8zm10-2v5.02a6.52 6.52 0 012 2.01V3H2v18h11.028a6.52 6.52 0 01-2.009-2H4V5h16zm-9.503 8a6.497 6.497 0 011.31-2H10v2h.497zM10 15.5c0-.168.006-.335.019-.5H10v.5zm0 0c0 .516.06 1.018.173 1.5H10v-1.5zm10.3 2.39L23.42 21 22 22.42l-3.12-3.12c-.69.44-1.51.7-2.39.7-2.48 0-4.49-2.01-4.49-4.5s2.01-4.5 4.5-4.5 4.5 2.01 4.5 4.5c0 .88-.26 1.69-.7 2.39zm-3.8.11a2.5 2.5 0 000-5 2.5 2.5 0 000 5z",fill:"currentColor"}))};var lt=n(46339),st=n(23304),ct=n(64488),ut=n(46680),dt=n.n(ut),pt=n(88586);const ht=e=>e.getContext("2d",{preserveDrawingBuffer:!1,antialias:!1}),mt=e=>{const t=document.createElement("canvas");return t.style.position="absolute",t.setAttribute("class",`sigma-${e}`),t},gt=(0,r.createContext)({addRenderers:V.ZT,canvases:{}}),ft=()=>(0,r.useContext)(gt);gt.displayName="SigmaCustomRenderersContext";const bt=e=>{let{children:t}=e;const n=(()=>{const{container:e,sigma:t}=(0,lt.Vr)(),[n,o]=(0,r.useState)({}),i=(0,r.useRef)({}),a=(0,r.useRef)(0),l=(0,r.useRef)(0),s=(0,r.useCallback)((e=>{o((0,u.mergeLeft)(e))}),[]),c=(0,r.useCallback)((()=>{a.current=e.offsetWidth,l.current=e.offsetHeight;const t=(0,pt.getPixelRatio)();for(const e in i.current){const{canvasElement:n,context:r}=i.current[e];n.style.width=a.current+"px",n.style.height=l.current+"px",n.setAttribute("width",a.current*t+"px"),n.setAttribute("height",l.current*t+"px"),1!==t&&r.scale(t,t)}}),[e.offsetHeight,e.offsetWidth]),d=(0,r.useCallback)((()=>{for(const e in n){const{context:t}=i.current[e];t.clearRect(0,0,a.current,l.current);const{renderer:r}=n[e];r(t)}}),[n]),h=(0,r.useCallback)((()=>{for(const t in n){if(!(0,p.O27)(i.current[t]))continue;const{insertBefore:r}=n[t],o=e.querySelector(".sigma-container"),a=mt(t),l=ht(a);o.insertBefore(a,o.querySelector(`.sigma-${r}`)),i.current[t]={canvasElement:a,context:l},c()}}),[n,e,c]);return(0,r.useEffect)((()=>(t.addListener("beforeRender",h),()=>{t.off("beforeRender",h)})),[t,h]),(0,r.useEffect)((()=>(t.addListener("afterRender",d),()=>{t.off("afterRender",d)})),[t,d]),(0,r.useEffect)((()=>(t.addListener("resize",c),()=>{t.off("resize",c)})),[t,c]),(0,r.useEffect)((()=>{const e=i.current;return()=>{for(const t in e)e[t].canvasElement.remove(),delete e[t]}}),[]),{addRenderers:s,canvases:i.current}})();return o().createElement(gt.Provider,{value:n},t)},yt=function(e,t,n){let r=!(arguments.length>3&&void 0!==arguments[3])||arguments[3];if(e.fillStyle="#FFF",e.shadowOffsetX=0,e.shadowOffsetY=2,e.shadowBlur=3,e.shadowColor="rgba(0,0,0,0.2)","string"==typeof t.label){const o=n.labelSize+2,i=2,a=e.measureText(t.label).width,l=Math.round(a+16),s=Math.round(o+4),c=Math.max(t.size,o/2)+2,u=t.y-s/2,d=t.y+s/2,p=t.x+(r?0:c),h=p+l+(r?c:0);e.beginPath(),e.moveTo(p,d-i),e.quadraticCurveTo(p,d,p+i,d),e.lineTo(h-i,d),e.quadraticCurveTo(h,d,h,d-i),e.lineTo(h,u+i),e.quadraticCurveTo(h,u,h-i,u),e.lineTo(p+i,u),e.quadraticCurveTo(p,u,p,u+i),e.closePath(),e.fill(),r&&(e.shadowOffsetX=-2,e.shadowOffsetY=0,e.beginPath(),e.arc(t.x,t.y,c,0,2*Math.PI),e.closePath(),e.fill())}else r&&(e.beginPath(),e.arc(t.x,t.y,t.size+2,0,2*Math.PI),e.closePath(),e.fill())},vt=function(e,t,n){var r;let o=!(arguments.length>3&&void 0!==arguments[3])||arguments[3];if(!t.label)return;const i=n.labelSize,a=n.labelFont,l=n.labelWeight;o&&yt(e,t,n,!1),e.shadowOffsetX=0,e.shadowOffsetY=0,e.shadowBlur=0,e.fillStyle=null!==(r=n.labelColor)&&void 0!==r&&r.attribute?t[n.labelColor.attribute]||n.labelColor.color||"#000":n.labelColor.color,e.font=`${l} ${i}px ${a}`,e.fillText(t.label,t.x+t.size+11,t.y+i/3)},xt=(e,t,n)=>{yt(e,t,n,!0),vt(e,t,n,!1)};class Et extends st.AbstractNodeProgram{constructor(e){super(e,"\nattribute vec2 a_position;\nattribute float a_size;\nattribute vec4 a_color;\nattribute float a_borderSize;\n\nuniform float u_ratio;\nuniform float u_scale;\nuniform mat3 u_matrix;\n\nvarying vec4 v_color;\nvarying float v_border;\nvarying float v_borderRadius;\n\nconst float bias = 255.0 / 254.0;\nconst float radius = 0.5;\n\nvoid main() {\n    gl_Position = vec4((u_matrix * vec3(a_position, 1)).xy, 0, 1);\n\n    // Multiply the point size twice:\n    //  - x SCALING_RATIO to correct the canvas scaling\n    //  - x 2 to correct the formulae\n    gl_PointSize = a_size * u_ratio * u_scale * 2.0;\n  \n    v_border = (1.0 / u_ratio) * (0.5 / a_size);\n    v_borderRadius = radius - (radius * a_borderSize / a_size); // border radius in node's size (full size is 1)\n\n    // Extract the color:\n    v_color = a_color;\n    v_color.a *= bias;\n}","\nprecision mediump float;\n\nvarying vec4 v_color;           // base color of node\nvarying float v_border;\nvarying float v_borderRadius;   // inner border radius\n\nconst vec4 transparent = vec4(0.0, 0.0, 0.0, 0.0);  // transparent color\nconst float radius = 0.5;\n\nvoid main(void) {\n    float distToCenter = length(gl_PointCoord - vec2(0.5, 0.5)); // distance from current point to center of node\n\n    if (distToCenter < v_borderRadius - v_border)   // distance to inner border radius\n        gl_FragColor = transparent;\n    else if (distToCenter < v_borderRadius)\n        gl_FragColor = mix(v_color, transparent, (v_borderRadius - distToCenter) / v_border);\n    else if (distToCenter < radius - v_border)      // distance to outer border radius\n        gl_FragColor = v_color;\n    else if (distToCenter < radius)\n        gl_FragColor = mix(transparent, v_color, (radius - distToCenter) / v_border);\n    else                                            // points outside the button\n        gl_FragColor = transparent;\n}\n",1,5),this.borderSize=void 0,this.borderSize=e.getAttribLocation(this.program,"a_borderSize"),this.bind()}bind(){super.bind();const e=this.gl;e.enableVertexAttribArray(this.borderSize),e.vertexAttribPointer(this.borderSize,1,e.FLOAT,!1,this.attributes*Float32Array.BYTES_PER_ELEMENT,16)}process(e,t,n){const r=this.array;let o=1*n*5;if(t||!e.inPath)return r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0,void(r[o++]=0);r[o++]=e.x,r[o++]=e.y,r[o++]=e.size,r[o++]=(0,pt.floatColor)(e.color),r[o]=e.highlighted?4:2}render(e){const t=this.gl,n=this.program;t.useProgram(n),t.uniform1f(this.ratioLocation,1/Math.sqrt(e.ratio)),t.uniform1f(this.scaleLocation,e.scalingRatio),t.uniformMatrix3fv(this.matrixLocation,!1,e.matrix),t.drawArrays(t.POINTS,0,this.array.length/5)}}class wt{constructor(){this.rebindTextureFns=[],this.images={},this.textureImage=void 0,this.hasReceivedImages=!1,this.pendingImagesFrameID=void 0,this.loadImage=(e,t)=>{if(this.images[e])return;const n=new Image;var r;n.addEventListener("load",(()=>{this.images[e]={status:"pending",image:n},"number"!=typeof this.pendingImagesFrameID&&(this.pendingImagesFrameID=requestAnimationFrame((()=>this.finalizePendingImages())))})),n.addEventListener("error",(()=>{this.images[e]={status:"error"}})),this.images[e]={status:"loading"},r=n,new URL(t,window.location.href).origin!==window.location.origin&&(r.crossOrigin=""),n.src=t.startsWith("data:image")?t:t+"?not-from-cache"},this.finalizePendingImages=()=>{this.pendingImagesFrameID=void 0;const e=[];for(const t in this.images){const n=this.images[t];"pending"===n.status&&e.push({id:t,image:n.image,size:Math.min(n.image.width,n.image.height)||1})}const t=document.createElement("canvas"),n=t.getContext("2d");t.width=e.reduce(((e,t)=>{let{size:n}=t;return e+n}),this.hasReceivedImages?this.textureImage.width:0),t.height=Math.max(this.hasReceivedImages?this.textureImage.height:0,...e.map((e=>{let{size:t}=e;return t})));let r=0;this.hasReceivedImages&&(n.putImageData(this.textureImage,0,0),r=this.textureImage.width),e.forEach((e=>{let{id:t,image:o,size:i}=e;const a=Math.min(128,i);let l=0,s=0;(o.width||0)>(o.height||0)?l=(o.width-o.height)/2:s=(o.height-o.width)/2,n.drawImage(o,l,s,i,i,r,0,a,a),this.images[t]={status:"ready",x:r,y:0,width:a,height:a},r+=a})),this.textureImage=n.getImageData(0,0,t.width,t.height),this.hasReceivedImages=!0,this.rebindTextureFns.forEach((e=>e()))}}}const Rt={id:"defaultImage",path:(0,p.m5F)('\n<svg width="400px" height="400px" viewBox="0 0 400 400" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">\n    <title>Group</title>\n    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\n        <g id="Group" fill-rule="nonzero">\n            <rect id="Rectangle" fill="#DFE5E9" x="0" y="0" width="400" height="400"></rect>\n            <path d="M0,387.023257 L0,399.918908 L400,399.918908 L400,386.023594 C366.631,377.336524 321.866,364.269931 315.979,359.161654 C308.985,353.083704 270.481,310.508063 270.481,310.508063 L270.481,286.186267 C270.481,286.186267 284.478,266.204006 284.478,261.854473 C284.478,257.515936 285.353,246.219746 291.481,241.011503 C297.61,235.792263 311.607,211.471466 312.481,206.253226 C313.355,201.043983 319.484,188.009379 312.481,185.400259 C305.478,182.801135 307.236,173.244359 308.984,168.026119 C310.733,162.817875 319.484,139.355788 322.981,133.277838 C326.488,127.199888 312.481,108.956041 312.481,108.956041 C312.481,108.956041 294.978,80.2857109 245.975,53.3547939 C196.971,26.4138803 168.967,42.9283105 168.967,42.9283105 L161.964,60.3024507 C161.964,60.3024507 138.341,64.6409874 123.46,77.6765909 C108.589,90.7121943 99.837,106.346921 98.963,115.903698 C98.088,125.460475 103.334,159.339048 105.966,164.557289 C108.589,169.765532 112.96,185.400259 112.96,185.400259 C112.96,185.400259 108.589,183.670842 105.966,188.879085 C103.334,194.097325 112.085,218.419122 112.96,220.159535 C113.834,221.897949 114.718,238.403382 119.963,237.532676 C125.218,236.663969 130.463,251.42799 130.463,251.42799 C130.463,251.42799 143.596,271.41125 144.47,275.759783 C145.344,280.09832 147.967,307.039233 147.967,307.039233 L126.967,331.36103 L102.46,355.682827 C102.459,355.682827 34.042,375.886013 0,387.023257 Z" id="Path" fill="#B3BCC4"></path>\n            <path d="M0,387.023257 L0,399.918908 L400,399.918908 L400,386.023594 C366.631,377.336524 321.866,364.269931 315.979,359.161654 C308.985,353.083704 270.481,310.508063 270.481,310.508063 L270.481,286.186267 C270.481,286.186267 284.478,266.204006 284.478,261.854473 C284.478,257.515936 285.353,246.219746 291.481,241.011503 C297.61,235.792263 311.607,211.471466 312.481,206.253226 C313.355,201.043983 319.484,188.009379 312.481,185.400259 C305.478,182.801135 307.236,173.244359 308.984,168.026119 C310.733,162.817875 319.484,139.355788 322.981,133.277838 C326.488,127.199888 312.481,108.956041 312.481,108.956041 C312.481,108.956041 294.978,80.2857109 245.975,53.3547939 C196.971,26.4138803 168.967,42.9283105 168.967,42.9283105 L161.964,60.3024507 C161.964,60.3024507 138.341,64.6409874 123.46,77.6765909 C108.589,90.7121943 99.837,106.346921 98.963,115.903698 C98.088,125.460475 103.334,159.339048 105.966,164.557289 C108.589,169.765532 112.96,185.400259 112.96,185.400259 C112.96,185.400259 108.589,183.670842 105.966,188.879085 C103.334,194.097325 112.085,218.419122 112.96,220.159535 C113.834,221.897949 114.718,238.403382 119.963,237.532676 C125.218,236.663969 130.463,251.42799 130.463,251.42799 C130.463,251.42799 143.596,271.41125 144.47,275.759783 C145.344,280.09832 147.967,307.039233 147.967,307.039233 L126.967,331.36103 L102.46,355.682827 C102.459,355.682827 34.042,375.886013 0,387.023257 Z" id="Path" fill="#B3BCC4"></path>\n            <path d="M5.68434189e-14,387.023257 L5.68434189e-14,399.918908 L400,399.918908 L400,386.023594 C366.631,377.336524 321.866,364.269931 315.979,359.161654 C308.985,353.083704 270.481,310.508063 270.481,310.508063 L270.481,286.186267 C270.481,286.186267 284.478,266.204006 284.478,261.854473 C284.478,257.515936 285.353,246.219746 291.481,241.011503 C297.61,235.792263 311.607,211.471466 312.481,206.253226 C313.355,201.043983 319.484,188.009379 312.481,185.400259 C305.478,182.801135 307.236,173.244359 308.984,168.026119 C310.733,162.817875 319.484,139.355788 322.981,133.277838 C326.488,127.199888 312.481,108.956041 312.481,108.956041 C312.481,108.956041 294.978,80.2857109 245.975,53.3547939 C196.971,26.4138803 168.967,42.9283105 168.967,42.9283105 L161.964,60.3024507 C161.964,60.3024507 138.341,64.6409874 123.46,77.6765909 C108.589,90.7121943 99.837,106.346921 98.963,115.903698 C98.088,125.460475 103.334,159.339048 105.966,164.557289 C108.589,169.765532 112.96,185.400259 112.96,185.400259 C112.96,185.400259 108.589,183.670842 105.966,188.879085 C103.334,194.097325 112.085,218.419122 112.96,220.159535 C113.834,221.897949 114.718,238.403382 119.963,237.532676 C125.218,236.663969 130.463,251.42799 130.463,251.42799 C130.463,251.42799 143.596,271.41125 144.47,275.759783 C145.344,280.09832 147.967,307.039233 147.967,307.039233 L126.967,331.36103 L102.46,355.682827 C102.459,355.682827 34.042,375.886013 5.68434189e-14,387.023257 Z" id="Path" fill="#B3BCC4"></path>\n        </g>\n    </g>\n</svg>\n')};class Ct extends st.AbstractNodeProgram{constructor(e,t){super(e,"\nattribute vec2 a_position;\nattribute float a_size;\nattribute vec4 a_color;\nattribute vec4 a_texture;\nattribute float a_inactive;\n\nuniform float u_ratio;\nuniform float u_scale;\nuniform mat3 u_matrix;\n\nvarying float v_border;\nvarying float v_inactive;\nvarying vec4 v_color;\nvarying vec4 v_texture;\n\nconst float bias = 255.0 / 254.0;\n\nvoid main() {\n    gl_Position = vec4((u_matrix * vec3(a_position, 1)).xy, 0, 1);\n\n    // Multiply the point size twice:\n    //  - x SCALING_RATIO to correct the canvas scaling\n    //  - x 2 to correct the formulae\n    gl_PointSize = a_size * u_ratio * u_scale * 2.0;\n\n    v_border = (1.0 / u_ratio) * (0.5 / a_size);\n\n    // Extract the color:\n    v_color = a_color;\n    v_color.a *= bias;\n\n    // Pass the texture coordinates:\n    v_texture = a_texture;\n\n    // Pass inactive property\n    v_inactive = a_inactive;\n}","\nprecision mediump float;\n\nvarying float v_border;\nvarying float v_inactive;\nvarying vec4 v_color;\nvarying vec4 v_texture;\n\nuniform sampler2D u_atlas;\n\nconst vec4 transparent = vec4(0.0, 0.0, 0.0, 0.0);\nconst float radius = 0.5;\n\n// convert color to gray\nvec4 toGrayscale(in vec4 color)\n{\n  float average = (color.r + color.g + color.b) / 3.0;\n  return vec4(average, average, average, 1.0);\n}\n\nvoid main(void) {\n    vec4 color;\n\n    // set texel as color of point\n    if (v_texture.w > 0.0) {\n        vec4 texel = texture2D(u_atlas, v_texture.xy + gl_PointCoord * v_texture.zw, -1.0);\n        color = vec4(mix(v_color, texel, texel.a).rgb, max(texel.a, v_color.a));\n    } else {\n        color = v_color;\n    }\n\n    // convert color to gray\n    if (v_inactive > 0.0) {\n        color = toGrayscale(color);\n    }\n\n    // distance from point to center of node\n    float dist = length(gl_PointCoord - vec2(0.5, 0.5));\n\n    if (dist < radius - v_border)   // points inside node\n        gl_FragColor = color;\n    else if (dist < radius)         // border of node\n        gl_FragColor = mix(transparent, color, (radius - dist) / v_border);\n    else                            // points outside node\n        gl_FragColor = transparent;\n}",1,9),this.imageLoader=void 0,this.texture=void 0,this.textureLocation=void 0,this.atlasLocation=void 0,this.latestRenderParams=void 0,this.inactive=void 0,this.imageLoader=new wt,this.imageLoader.rebindTextureFns.push((()=>{this&&this.rebindTexture&&this.rebindTexture(),t&&t.refresh&&t.refresh()})),this.imageLoader.textureImage=new ImageData(1,1),this.textureLocation=e.getAttribLocation(this.program,"a_texture"),this.inactive=e.getAttribLocation(this.program,"a_inactive");const n=e.getUniformLocation(this.program,"u_atlas");if(null===n)throw new Error("NodeProgramImage: error while getting atlasLocation");this.atlasLocation=n,this.texture=e.createTexture(),e.bindTexture(e.TEXTURE_2D,this.texture),e.texImage2D(e.TEXTURE_2D,0,e.RGBA,1,1,0,e.RGBA,e.UNSIGNED_BYTE,new Uint8Array([0,0,0,0])),this.imageLoader.loadImage(Rt.id,Rt.path),this.bind()}bind(){super.bind();const e=this.gl;e.enableVertexAttribArray(this.textureLocation),e.enableVertexAttribArray(this.inactive),e.vertexAttribPointer(this.inactive,1,e.FLOAT,!1,this.attributes*Float32Array.BYTES_PER_ELEMENT,16),e.vertexAttribPointer(this.textureLocation,4,e.FLOAT,!1,this.attributes*Float32Array.BYTES_PER_ELEMENT,20)}process(e,t,n){const r=this.array;let o=1*n*9;const i=e.image;let a=i&&this.imageLoader.images[i];if("string"!=typeof i||a||this.imageLoader.loadImage(i,i),t)return r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0,void(r[o++]=0);if(r[o++]=e.x,r[o++]=e.y,r[o++]=e.size,r[o++]=(0,pt.floatColor)(e.color),r[o++]=e.inactive?1:0,a&&"ready"===a.status||(a=this.imageLoader.images[Rt.id]),a&&"ready"===a.status){const{width:e,height:t}=this.imageLoader.textureImage;r[o++]=a.x/e,r[o++]=a.y/t,r[o++]=a.width/e,r[o++]=a.height/t}else r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0}render(e){if(this.hasNothingToRender())return;this.latestRenderParams=e;const t=this.gl,n=this.program;t.useProgram(n),t.uniform1f(this.ratioLocation,1/Math.sqrt(e.ratio)),t.uniform1f(this.scaleLocation,e.scalingRatio),t.uniformMatrix3fv(this.matrixLocation,!1,e.matrix),t.uniform1i(this.atlasLocation,0),t.drawArrays(t.POINTS,0,this.array.length/9)}rebindTexture(){const e=this.gl;e.activeTexture(e.TEXTURE0),e.bindTexture(e.TEXTURE_2D,this.texture),e.texImage2D(e.TEXTURE_2D,0,e.RGBA,e.RGBA,e.UNSIGNED_BYTE,this.imageLoader.textureImage),e.generateMipmap(e.TEXTURE_2D),this.latestRenderParams&&(this.bind(),this.bufferData(),this.render(this.latestRenderParams))}}const Tt=[{id:"expandIcon",path:(0,p.m5F)('<svg width="32" height="32" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<circle cx="8" cy="8" r="8" fill="white"/>\n<circle cx="8" cy="8" r="7.5" stroke="black" stroke-opacity="0.541176"/>\n<path fill-rule="evenodd" clip-rule="evenodd" d="M8.80013 7.20003V4H7.20013L7.20013 7.20003H4V8.80003H7.20013L7.20013 12H8.80013V8.80003H12V7.20003H8.80013Z" fill="black" fill-opacity="0.541176"/>\n</svg>')},{id:"collapseIcon",path:(0,p.m5F)('<svg width="32" height="32" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<circle cx="8" cy="8" r="8" fill="white"/>\n<circle cx="8" cy="8" r="7.5" stroke="black" stroke-opacity="0.541176"/>\n<path d="M4 7.20004H12V8.80004H4V7.20004Z" fill="black" fill-opacity="0.541176"/>\n</svg>\n')}];class St extends st.AbstractNodeProgram{constructor(e,t){super(e,"\nattribute vec2 a_position;\nattribute float a_size;\nattribute vec4 a_color;\nattribute float a_buttonSize;\nattribute vec2 a_normals;\nattribute vec4 a_texture;\n\nuniform float u_ratio;\nuniform float u_scale;\nuniform mat3 u_matrix;\nuniform float u_sqrtZoomRatio;\nuniform float u_correctionRatio;\n\nvarying float v_border;\nvarying vec4 v_texture;\nvarying vec4 v_color;\n\nconst float bias = 255.0 / 254.0;\n\nvoid main() {\n    float normalLength = length(a_normals);\n    vec2 unitNormal = (a_normals) / normalLength;\n\n    float pixelsThickness = max(normalLength, 1.0 * u_sqrtZoomRatio);\n    float webGLThickness = pixelsThickness * u_correctionRatio;\n    float adaptedWebGLThickness = webGLThickness * u_sqrtZoomRatio;\n\n    // Move the point\n    float adaptedWebGLNodeRadius = a_size * 2.0 * u_correctionRatio * u_sqrtZoomRatio;\n    vec2 compensationVector = vec2(-unitNormal.y, unitNormal.x) * (adaptedWebGLNodeRadius);\n\n    // Set position\n    gl_Position = vec4((u_matrix * vec3(a_position + compensationVector, 1)).xy, 0, 1);\n\n    // Multiply the point size twice:\n    //  - x SCALING_RATIO to correct the canvas scaling\n    //  - x 2 to correct the formulae\n    gl_PointSize = a_buttonSize * u_ratio * u_scale * 2.0;\n\n    v_border = (1.0 / u_ratio) * (0.5 / a_size);\n\n    // Extract the color:\n    v_color = a_color;\n    v_color.a *= bias;\n\n    // Pass the texture coordinates:\n    v_texture = a_texture;\n}","\nprecision mediump float;\n\nvarying float v_border;\nvarying vec4 v_texture;\n\nuniform sampler2D u_atlas;\n\nconst vec4 transparent = vec4(0.0, 0.0, 0.0, 0.0);\nconst vec4 black = vec4(0.0, 0.0, 0.0, 1.0);\nconst float bias = 255.0 / 254.0;\nconst float radius = 0.5;\n\nvoid main(void) {\n    vec4 color;\n    float distToCenter = length(gl_PointCoord - vec2(0.5, 0.5));\n\n    // set texel as color of point\n    if (v_texture.w > 0.0) {\n        vec4 texel = texture2D(u_atlas, v_texture.xy + gl_PointCoord * v_texture.zw, -1.0);\n        color = vec4(mix(black, texel, texel.a).rgb, max(texel.a, bias));\n    } else {\n        color = black;\n    }\n\n    if (distToCenter < radius - v_border)   // points inside button\n        gl_FragColor = color;\n    else if (distToCenter < radius)         // border of button\n        gl_FragColor = mix(transparent, color, (0.5 - distToCenter) / v_border);\n    else                                    // points outside button\n        gl_FragColor = transparent;\n}",2,11),this.imageLoader=void 0,this.texture=void 0,this.textureLocation=void 0,this.buttonSize=void 0,this.normals=void 0,this.correctionRatioLocation=void 0,this.sqrtZoomRatioLocation=void 0,this.atlasLocation=void 0,this.latestRenderParams=void 0,this.imageLoader=new wt,this.imageLoader.rebindTextureFns.push((()=>{this&&this.rebindTexture&&this.rebindTexture(),t&&t.refresh&&t.refresh()})),this.imageLoader.textureImage=new ImageData(1,1),this.textureLocation=e.getAttribLocation(this.program,"a_texture"),this.buttonSize=e.getAttribLocation(this.program,"a_buttonSize"),this.normals=e.getAttribLocation(this.program,"a_normals");const n=e.getUniformLocation(this.program,"u_correctionRatio");if(null===n)throw new Error("NodeButtonsProgram: error while getting correctionRatioLocation");this.correctionRatioLocation=n;const r=e.getUniformLocation(this.program,"u_sqrtZoomRatio");if(null===r)throw new Error("NodeButtonsProgram: error while getting sqrtZoomRatioLocation");this.sqrtZoomRatioLocation=r;const o=e.getUniformLocation(this.program,"u_atlas");if(null===o)throw new Error("NodeButtonsProgram: error while getting atlasLocation");this.atlasLocation=o,this.texture=e.createTexture(),e.bindTexture(e.TEXTURE_2D,this.texture),e.texImage2D(e.TEXTURE_2D,0,e.RGBA,1,1,0,e.RGBA,e.UNSIGNED_BYTE,new Uint8Array([0,0,0,0])),Tt.map((e=>this.imageLoader.loadImage(e.id,e.path))),this.bind()}bind(){super.bind();const e=this.gl;e.enableVertexAttribArray(this.buttonSize),e.enableVertexAttribArray(this.normals),e.enableVertexAttribArray(this.textureLocation),e.vertexAttribPointer(this.buttonSize,1,e.FLOAT,!1,this.attributes*Float32Array.BYTES_PER_ELEMENT,16),e.vertexAttribPointer(this.normals,2,e.FLOAT,!1,this.attributes*Float32Array.BYTES_PER_ELEMENT,20),e.vertexAttribPointer(this.textureLocation,4,e.FLOAT,!1,this.attributes*Float32Array.BYTES_PER_ELEMENT,28)}process(e,t,n){const r=this.array;let o=2*n*11;const i=t||e.inactive&&!e.highlighted,[a,l]=e.buttonOffset||[0,0];let s=a*a+l*l,c=0,u=0;if(s&&(s=1/Math.sqrt(s),c=l*s,u=a*s),i||!e.showExpand)r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0;else{const t=this.imageLoader.images.expandIcon;if(r[o++]=e.x,r[o++]=e.y,r[o++]=e.size,r[o++]=(0,pt.floatColor)(e.color),r[o++]=e.buttonSize||0,r[o++]=c,r[o++]=-u,t&&"ready"===t.status){const{width:e,height:n}=this.imageLoader.textureImage;r[o++]=t.x/e,r[o++]=t.y/n,r[o++]=t.width/e,r[o++]=t.height/n}else r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0}if(i||!e.showCollapse)r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0;else{const t=this.imageLoader.images.collapseIcon;if(r[o++]=e.x,r[o++]=e.y,r[o++]=e.size,r[o++]=(0,pt.floatColor)(e.color),r[o++]=e.buttonSize||0,r[o++]=-c,r[o++]=-u,t&&"ready"===t.status){const{width:e,height:n}=this.imageLoader.textureImage;r[o++]=t.x/e,r[o++]=t.y/n,r[o++]=t.width/e,r[o++]=t.height/n}else r[o++]=0,r[o++]=0,r[o++]=0,r[o++]=0}}render(e){if(this.hasNothingToRender())return;this.latestRenderParams=e;const t=this.gl,n=this.program;t.useProgram(n),t.uniform1f(this.ratioLocation,1/Math.sqrt(e.ratio)),t.uniform1f(this.scaleLocation,e.scalingRatio),t.uniformMatrix3fv(this.matrixLocation,!1,e.matrix),t.uniform1f(this.sqrtZoomRatioLocation,Math.sqrt(e.ratio)),t.uniform1f(this.correctionRatioLocation,e.correctionRatio),t.uniform1i(this.atlasLocation,1),t.drawArrays(t.POINTS,0,this.array.length/11)}rebindTexture(){const e=this.gl;e.activeTexture(e.TEXTURE1),e.bindTexture(e.TEXTURE_2D,this.texture),e.texImage2D(e.TEXTURE_2D,0,e.RGBA,e.RGBA,e.UNSIGNED_BYTE,this.imageLoader.textureImage),e.generateMipmap(e.TEXTURE_2D),this.latestRenderParams&&(this.bind(),this.bufferData(),this.render(this.latestRenderParams))}}var Pt=n(23193),Ot=n.n(Pt);class Lt extends(Ot()){process(e,t,n,r,o){if(r){for(let e=27*o,t=e+27;e<t;e++)this.array[e]=0;return}const i=n.arrowSizeRatio||1,a=n.size*i||1,l=t.size||1,s=e.x,c=e.y,u=t.x,d=t.y,p=(0,pt.floatColor)(n.color),h=u-s,m=d-c;let g=h*h+m*m,f=0,b=0;g&&(g=1/Math.sqrt(g),f=-m*g*a,b=h*g*a);let y=27*o;const v=this.array;v[y++]=u,v[y++]=d,v[y++]=-f,v[y++]=-b,v[y++]=l,v[y++]=p,v[y++]=1,v[y++]=0,v[y++]=0,v[y++]=u,v[y++]=d,v[y++]=-f,v[y++]=-b,v[y++]=l,v[y++]=p,v[y++]=0,v[y++]=1,v[y++]=0,v[y++]=u,v[y++]=d,v[y++]=-f,v[y++]=-b,v[y++]=l,v[y++]=p,v[y++]=0,v[y++]=0,v[y]=1}}class _t extends Lt{process(e,t,n,r,o){super.process(t,e,n,r,o)}}var Nt=n(73343),At=n.n(Nt);class kt extends ct.AbstractEdgeProgram{constructor(e){super(e,"\nattribute vec4 a_color;\nattribute vec2 a_normal;\nattribute vec2 a_position;\nattribute float a_radius;\nattribute float a_arrowSizeRatio;\n\nuniform mat3 u_matrix;\nuniform float u_sqrtZoomRatio;\nuniform float u_correctionRatio;\n\nvarying vec4 v_color;\nvarying vec2 v_normal;\nvarying float v_thickness;\n\nconst float minThickness = 1.7;\nconst float bias = 255.0 / 254.0;\nconst float arrowHeadLengthThicknessRatio = 2.5;\n\nvoid main() {\n  float normalLength = length(a_normal);\n  vec2 unitNormal = a_normal / normalLength;\n\n  // These first computations are taken from edge.vert.glsl. Please read it to\n  // get better comments on what's happening:\n  float pixelsThickness = max(normalLength, minThickness * u_sqrtZoomRatio);\n  float webGLThickness = pixelsThickness * u_correctionRatio;\n  float adaptedWebGLThickness = webGLThickness * u_sqrtZoomRatio;\n\n  // our change - apply a_arrowSizeRatio depending on current zoom and minThickness\n  float arrowSizeCoefficient = min(a_arrowSizeRatio, a_arrowSizeRatio / (u_sqrtZoomRatio * minThickness));\n\n  // Here, we move the point to leave space for the arrow head:\n  float direction = sign(a_radius);\n  float adaptedWebGLNodeRadius = direction * a_radius * 2.0 * u_correctionRatio * u_sqrtZoomRatio;\n\n  float adaptedWebGLArrowHeadLength = adaptedWebGLThickness * 2.0 * arrowHeadLengthThicknessRatio * arrowSizeCoefficient;\n\n\n  vec2 compensationVector = vec2(-direction * unitNormal.y, direction * unitNormal.x) * (adaptedWebGLNodeRadius + adaptedWebGLArrowHeadLength);\n\n  // Here is the proper position of the vertex\n  gl_Position = vec4((u_matrix * vec3(a_position + unitNormal * adaptedWebGLThickness + compensationVector, 1)).xy, 0, 1);\n\n  v_thickness = webGLThickness / u_sqrtZoomRatio;\n\n  v_normal = unitNormal;\n  v_color = a_color;\n  v_color.a *= bias;\n}",At(),4,7),this.IndicesArray=void 0,this.indicesArray=void 0,this.indicesBuffer=void 0,this.indicesType=void 0,this.positionLocation=void 0,this.colorLocation=void 0,this.normalLocation=void 0,this.radiusLocation=void 0,this.arrowSizeRatioLocation=void 0,this.matrixLocation=void 0,this.sqrtZoomRatioLocation=void 0,this.correctionRatioLocation=void 0,this.canUse32BitsIndices=void 0;const t=e.createBuffer();if(null===t)throw new Error("EdgeClampedProgram: error while getting resolutionLocation");this.indicesBuffer=t,this.positionLocation=e.getAttribLocation(this.program,"a_position"),this.colorLocation=e.getAttribLocation(this.program,"a_color"),this.normalLocation=e.getAttribLocation(this.program,"a_normal"),this.radiusLocation=e.getAttribLocation(this.program,"a_radius"),this.arrowSizeRatioLocation=e.getAttribLocation(this.program,"a_arrowSizeRatio");const n=e.getUniformLocation(this.program,"u_matrix");if(null===n)throw new Error("EdgeClampedProgram: error while getting matrixLocation");this.matrixLocation=n;const r=e.getUniformLocation(this.program,"u_sqrtZoomRatio");if(null===r)throw new Error("EdgeClampedProgram: error while getting cameraRatioLocation");this.sqrtZoomRatioLocation=r;const o=e.getUniformLocation(this.program,"u_correctionRatio");if(null===o)throw new Error("EdgeClampedProgram: error while getting viewportRatioLocation");this.correctionRatioLocation=o,this.canUse32BitsIndices=(0,pt.canUse32BitsIndices)(e),this.IndicesArray=this.canUse32BitsIndices?Uint32Array:Uint16Array,this.indicesArray=new this.IndicesArray,this.indicesType=this.canUse32BitsIndices?e.UNSIGNED_INT:e.UNSIGNED_SHORT,this.bind()}bind(){const e=this.gl;e.bindBuffer(e.ELEMENT_ARRAY_BUFFER,this.indicesBuffer),e.enableVertexAttribArray(this.positionLocation),e.enableVertexAttribArray(this.normalLocation),e.enableVertexAttribArray(this.colorLocation),e.enableVertexAttribArray(this.radiusLocation),e.enableVertexAttribArray(this.arrowSizeRatioLocation),e.vertexAttribPointer(this.positionLocation,2,e.FLOAT,!1,7*Float32Array.BYTES_PER_ELEMENT,0),e.vertexAttribPointer(this.normalLocation,2,e.FLOAT,!1,7*Float32Array.BYTES_PER_ELEMENT,8),e.vertexAttribPointer(this.colorLocation,4,e.UNSIGNED_BYTE,!0,7*Float32Array.BYTES_PER_ELEMENT,16),e.vertexAttribPointer(this.radiusLocation,1,e.FLOAT,!1,7*Float32Array.BYTES_PER_ELEMENT,20),e.vertexAttribPointer(this.arrowSizeRatioLocation,1,e.FLOAT,!1,7*Float32Array.BYTES_PER_ELEMENT,24)}process(e,t,n,r,o){if(r){for(let e=28*o,t=e+28;e<t;e++)this.array[e]=0;return}const i=n.arrowSizeRatio||1,a=n.size||1,l=e.x,s=e.y,c=t.x,u=t.y,d="doubleArrow"===n.type?e.size||1:0,p=t.size||1,h=(0,pt.floatColor)(n.color),m=c-l,g=u-s;let f=m*m+g*g,b=0,y=0;f&&(f=1/Math.sqrt(f),b=-g*f*a,y=m*f*a);let v=28*o;const x=this.array;x[v++]=l,x[v++]=s,x[v++]=b,x[v++]=y,x[v++]=h,x[v++]=-d,x[v++]=i,x[v++]=l,x[v++]=s,x[v++]=-b,x[v++]=-y,x[v++]=h,x[v++]=d,x[v++]=i,x[v++]=c,x[v++]=u,x[v++]=b,x[v++]=y,x[v++]=h,x[v++]=p,x[v++]=i,x[v++]=c,x[v++]=u,x[v++]=-b,x[v++]=-y,x[v++]=h,x[v++]=-p,x[v]=i}computeIndices(){const e=this.array.length/7,t=e+e/2,n=new this.IndicesArray(t);for(let t=0,r=0;t<e;t+=4)n[r++]=t,n[r++]=t+1,n[r++]=t+2,n[r++]=t+2,n[r++]=t+1,n[r++]=t+3;this.indicesArray=n}bufferData(){super.bufferData();const e=this.gl;e.bufferData(e.ELEMENT_ARRAY_BUFFER,this.indicesArray,e.STATIC_DRAW)}render(e){if(this.hasNothingToRender())return;const t=this.gl,n=this.program;t.useProgram(n),t.uniformMatrix3fv(this.matrixLocation,!1,e.matrix),t.uniform1f(this.sqrtZoomRatioLocation,Math.sqrt(e.ratio)),t.uniform1f(this.correctionRatioLocation,e.correctionRatio),t.drawElements(t.TRIANGLES,this.indicesArray.length,this.indicesType,0)}}const It=e=>{let{children:t}=e;const n=(0,r.useMemo)((()=>({allowInvalidContainer:!0,defaultNodeType:"image",hoverRenderer:xt,labelRenderer:vt,nodeProgramClasses:{image:(0,st.createNodeCompoundProgram)([Ct,Et,St])},edgeProgramClasses:{line:dt(),arrow:(0,ct.createEdgeCompoundProgram)([kt,Lt]),doubleArrow:(0,ct.createEdgeCompoundProgram)([kt,Lt,_t])},labelFont:"Roboto",labelSize:13,labelColor:{color:"rgba(0, 0, 0, 0.87)"}})),[]);return o().createElement(lt.C6,{graph:f.MultiGraph,style:{background:"transparent"},settings:n},o().createElement(bt,null,t))};var jt=n(28833),Ut=n.n(jt),Dt=n(3660),zt=n.n(Dt),Mt=n(28301),Bt=n.n(Mt),Zt=n(20562),Ft=n(31181);const Gt={[p.MCv.bidirectional]:"doubleArrow",[p.MCv.directed]:"arrow",[p.MCv.undirected]:"line"},qt=(e,t,n,r,o)=>e>n-o&&e<n+o&&t>r-o&&t<r+o&&Math.sqrt(Math.pow(e-n,2)+Math.pow(t-r,2))<o,Yt=e=>{let{graph:t,undirectedGraph:n,selectedNode:r,rootNodeUri:o}=e;if(t&&n&&o&&r&&o!==r)try{const e=(0,w.Ar)(n,o,r),i=function(e,t){const n=[],r=arguments.length>2&&void 0!==arguments[2]&&arguments[2]?"findOutEdge":"findEdge";return t&&t.forEach(((t,o,i)=>{const a=i[o+1];a&&n.push(e[r](t,a,(e=>!!e)))})),n}(t,e);return e?{edges:i,nodes:e}:{}}catch(e){}return{}},Vt=.4,Ht=(e,t,n,r,o,i,a)=>({aX:e+(r-e)*(n-a-i)/n,aY:t+(o-t)*(n-a-i)/n,vX:(r-e)*a/n,vY:(o-t)*a/n}),Wt=(e,t,n,r,o)=>{e.beginPath(),e.moveTo(t+r,n+o),e.lineTo(t+o*Vt,n-r*Vt),e.lineTo(t-o*Vt,n+r*Vt),e.lineTo(t+r,n+o),e.closePath(),e.fill()};function Xt(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?Object(arguments[t]):{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){$t(e,t,n[t])}))}return e}function $t(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Kt(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?Object(arguments[t]):{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){Qt(e,t,n[t])}))}return e}function Qt(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const Jt=(0,u.memoizeWith)(((e,t,n)=>n.type),p.uie),en={size:24,buttonSize:8,buttonOffset:[19,19]},tn={size:12,buttonSize:6,buttonOffset:[8,13]},nn=e=>{let{data:t,graph:n,syncLayout:o,workerLayout:a,layoutSettings:l,selectedNode:s,isDirected:c=!1,onNodeClick:u,onNodeCollapse:h,onNodeExpand:m,filters:g}=e;const f=(0,lt.Ys)(),b=(0,lt.sG)(),y=(0,lt.$j)(),v=(0,lt.eP)(),{selfRelationsPathsMap:x,selfRelationLoopsCanvas:E}=(e=>{const t=(0,lt.Ys)(),{addRenderers:n,canvases:o}=ft(),i=(0,r.useRef)({}),{selfRelationLoops:a}=o;return(0,r.useEffect)((()=>{n({selfRelationLoops:{renderer:n=>{e.forEachEdge(((e,r,o)=>{if(r.loop){delete i.current[e];const r=t.getEdgeDisplayData(e),a=t.getNodeDisplayData(o);if(r.hidden||a.hidden)return;const l=((e,t,n)=>{const{size:r,color:o,arrowSizeRatio:i=1}=t,a=n.x,l=n.y,s=n.size,c=function(e,t,n){let r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0;return{x1:e-7*(n+r),y1:t,x2:e,y2:t+7*(n+r)}}(a,l,.6*s);e.strokeStyle=o,e.lineWidth=r;const u=new Path2D;if("arrow"===t.type||"doubleArrow"===t.type){if(e.fillStyle=o,"doubleArrow"===t.type){const t=((e,t,n,r,o)=>{const i=Math.sqrt(Math.pow(t-e.x1,2)+Math.pow(n-e.y1,2));return Ht(e.x2,e.y2,i,t,n,r,o)})(c,a,l,s,r*i*2.2);Wt(e,t.aX,t.aY,t.vX,t.vY),u.moveTo(t.aX,t.aY)}else u.moveTo(a,l);const n=((e,t,n,r,o)=>{const i=Math.sqrt(Math.pow(t-e.x1,2)+Math.pow(n-e.y1,2));return Ht(e.x1,e.y1,i,t,n,r,o)})(c,a,l,s,r*i*2.2);u.bezierCurveTo(c.x2,c.y2,c.x1,c.y1,n.aX,n.aY),e.stroke(u),Wt(e,n.aX,n.aY,n.vX,n.vY)}else u.moveTo(a,l),u.bezierCurveTo(c.x1,c.y1,c.x2,c.y2,a,l),e.stroke(u);return u})(n,Xt({},r,{size:t.scaleSize(r.size)}),Xt({},a,t.framedGraphToViewport(a),{size:t.scaleSize(a.size)}));i.current[e]=l}}))},insertBefore:"edges"}})}),[n,e,t]),{selfRelationsPathsMap:i.current,selfRelationLoopsCanvas:a}})(n),w=((e,t,n)=>{const o=(0,lt.Ys)(),i=(0,lt.$j)(),{addRenderers:a}=ft(),l=(0,r.useRef)({x:0,y:0}),[s,c]=(0,r.useState)(null),[u,d]=(0,r.useState)(null),p=s||u;return(0,r.useEffect)((()=>{i({enterEdge:e=>{let{edge:t}=e;c(t)},leaveEdge:()=>{c(null)},mousemove:e=>{if(l.current.x=e.x,l.current.y=e.y,!t)return;const{context:r,canvasElement:o}=t,{x:i,y:a}=((e,t)=>{const n=e.getBoundingClientRect();return{x:(t.clientX-n.left)/(n.right-n.left)*e.width,y:(t.clientY-n.top)/(n.bottom-n.top)*e.height}})(o,e.original);for(const e in n){const t=n[e];if(r.isPointInStroke(t,i,a)){d(e);break}d(null)}}})}),[o,i,t,n]),(0,r.useEffect)((()=>{a({tooltips:{renderer:t=>{e.forEachEdge(((e,n,r)=>{const i=o.getEdgeDisplayData(e),a=o.getNodeDisplayData(r);if(!i.hovered||a.highlighted)return;const{x:s,y:c}=l.current;((e,t,n,r)=>{e.font="normal 10px Roboto",e.textAlign="center",e.textBaseline="middle";const o=e.measureText(r).width+16,i=t-o/2,a=n-12;e.fillStyle="rgba(0, 0, 0, 0.54)",((e,t,n,r,o,i)=>{e.beginPath(),e.moveTo(t,n+4),e.arcTo(t,n+24,t+4,n+24,4),e.arcTo(t+r,n+24,t+r,n+24-4,4),e.arcTo(t+r,n,t+r-4,n,4),e.arcTo(t,n,t,n+4,4),e.fill()})(e,i,a,o),e.fillStyle="#fff",e.fillText(r,i+o/2,a+12)})(t,s,c-15,i.relationLabel)}))},insertBefore:"mouse"}})}),[a,e,o]),p})(n,E,x),C=(0,i.useSelector)(d.ZP.selectors.getEntity),T=(0,i.useSelector)(d.ZP.selectors.getMetadata),S=(0,i.useSelector)(d.ZP.selectors.getAbsoluteImagePath)||"",[P,O]=(0,r.useState)(void 0),[L,_]=(0,r.useState)(null),[N,A]=(0,r.useState)({}),k=null==C?void 0:C.uri;(0,r.useEffect)((()=>{f.getCamera().setState({ratio:1.2})}),[n,f]),(0,r.useEffect)((()=>{if(_((0,R.toUndirected)(n)),b(n),o){const e=o(f.getGraph(),l);(0,Ft.animateNodes)(f.getGraph(),e,{duration:1e3})}if(a){const e=new a(f.getGraph(),l);e.start();const t=setTimeout((()=>{e.stop()}),5e3);return()=>{clearTimeout(t),e.kill()}}}),[t,n,o,a,f,l,b,c]),(0,r.useEffect)((()=>{const e=Yt({graph:f.getGraph(),undirectedGraph:L,selectedNode:s,rootNodeUri:k});A(e)}),[s,k,f,L]),(0,r.useEffect)((()=>{y({enterNode:e=>{let{node:t}=e;O(t)},leaveNode:()=>{O(void 0)},clickNode:e=>{let{node:t}=e;u(t)},click:e=>{const t=(e=>{let{x:t,y:n}=e;const r=f.viewportToGraph({x:t,y:n}),o=f.getGraph(),i=o.nodes().map((e=>{const t=o.getNodeAttributes(e);return{nodeId:e,distance:Math.pow(r.x-t.x,2)+Math.pow(r.y-t.y,2),hidden:t.hidden}})).sort(((e,t)=>e.distance-t.distance)).filter((e=>{let{hidden:t}=e;return!t}));return i.length>0?i[0].nodeId:null})(e);if(!t)return;const n=f.getNodeDisplayData(t),r=f.framedGraphToViewport({x:n.x,y:n.y}),o=f.scaleSize(n.buttonOffset[0]),i=f.scaleSize(n.buttonOffset[1]),a=f.scaleSize(n.buttonSize),l=qt(e.x,e.y,r.x+o,r.y-i,a),s=qt(e.x,e.y,r.x+o,r.y+i,a);if(n.showExpand&&l&&(m(t),u(t)),n.showCollapse&&s){const e=Yt({graph:f.getGraph(),undirectedGraph:L,selectedNode:t,rootNodeUri:k});h(t,e),u(t)}}})}),[f,y,u,h,m,k,L]),(0,r.useEffect)((()=>{const e=f.getGraph();let t;try{t=e.neighbors(s)}catch(e){}v({nodeReducer:(n,r)=>{const{entityTypesUris:o=[]}=g||{},i=Jt(T,S,{type:r.entityTypeUri}),a=e.neighbors(n),l=a.map((t=>e.getNodeAttribute(t,"hidden"))).filter((e=>!!e)).length,c=(N.nodes||[]).includes(n),u=P===n,d=n===k,p=n===s,h=t&&!t.includes(n)&&s!==n&&s!==k&&!c,m=![s,k].includes(n)&&o.length>0&&!o.includes(r.entityTypeUri),f=Kt({},r,n===s?en:tn,{color:"#0072CE",image:i,showExpand:r.untraversedRelationsCount>0||l>0,showCollapse:r.traversedRelationsCount>1&&a.length-l>1});return c||p||d?(f.inPath=!0,f.color=d?"#00FFFF":r.color):h&&(f.label=u?r.label:"",f.inactive=!0),u&&(f.highlighted=!0),m&&(f.hidden=!0),f},edgeReducer:(t,n)=>{const{relationTypesUris:r=[]}=g||{},o=Kt({},n,{hidden:!1}),i=(N.edges||[]).includes(t),a=(0,p.V3K)(T,n.relationTypeUri),l=(0,p.oSN)(T,a,"typeColor"),u=s&&s!==k&&!e.hasExtremity(t,s)&&!i||r.length>0&&!r.includes(n.relationTypeUri);var d;return l&&(o.color=l),w===t&&(o.hovered=!0),u&&(o.hidden=!0),c&&(o.arrowSizeRatio=4),i&&(o.color="#0072CE",o.size=4,o.arrowSizeRatio=c?1.4:n.arrowSizeRatio),o.type=(d=c?n.direction:p.MCv.undirected,Gt[d]||"line"),o.relationLabel=(0,p.idV)(null==a?void 0:a.label),o},enableEdgeHoverEvents:!0})}),[f,v,P,s,N,k,T,S,c,g,w])};function rn(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?Object(arguments[t]):{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){on(e,t,n[t])}))}return e}function on(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const an=e=>{let{data:t,graph:n,selectedNode:o,layout:i,onNodeClick:a,onNodeCollapse:l,onNodeExpand:s,filters:c}=e;const d=(0,x.D)(t);(0,Zt.D)((()=>{if(d){const e=(0,u.difference)(t.entities.map((0,u.prop)("uri")),d.entities.map((0,u.prop)("uri")));if(e.length){const t=n.copy();Ut().assign(t),e.forEach((e=>{n.setNodeAttribute(e,"x",t.getNodeAttribute(e,"x")),n.setNodeAttribute(e,"y",t.getNodeAttribute(e,"y"))}))}}}),[t]);const h=(0,r.useMemo)((()=>(Ut().assign(n),{settings:rn({},zt().inferSettings(n),{gravity:1})})),[n]);return nn({workerLayout:Bt(),layoutSettings:h,data:t,graph:n,selectedNode:o,onNodeClick:a,isDirected:i===p.YGb.DIRECTED_NETWORK,onNodeCollapse:l,onNodeExpand:s,filters:c}),null};var ln=n(36039);const sn=(e,t,n)=>{const r=new Set;return t.forEach((t=>{e.some((e=>e.to===t.id))||r.add(t.id)})),r.size||r.add(n),r},cn=(e,t,n,r)=>{const o=new Set;return t.length||t.push(Array.from(e)),e.forEach((t=>{n.add(t),r.forEach((r=>{r.from!==t||e.has(r.to)||n.has(r.to)||o.add(r.to)}))})),o.size&&t.push(Array.from(o)),((e,t,n)=>{const r=new Set;return e.forEach((e=>{t.forEach((t=>{t.from!==e||n.has(t.to)||r.add(t.to)}))})),!!r.size})(o,r,n)?cn(o,t,n,r):t},un=(e,t,n,r,o)=>{if(e.length<=o&&(t[r]=[...e]),e.length>o){const i=e.slice(o),a=e.slice(0,o);t[r]=a,t[r+1]=n[r+1]?[...n[r+1],...i]:i}if(t[r+1]||n[r+1]){const e=t[++r]||n[r];return un(e,t,n,r,o)}return t},dn=e=>{let{quantityAtLvl:t,rowNumber:n,isEvenItem:r,layout:o,shouldUseCheckboardPattern:i}=e;const a=o===p.YGb.VERTICAL_TB;return i&&a&&r&&1!==t?10*n+5:10*n},pn=e=>{let{quantityAtLvl:t,posAtLvl:n,max:r,isEvenRow:o,layout:i,shouldUseCheckboardPattern:a}=e;const l=i===p.YGb.HORIZONTAL_LR;return t===r?a&&o&&l?10*n+5:10*n:1===t?10*(r-1)/2:10*(r-1)/(t+1)*(n+1)},hn=e=>e<100;function mn(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const gn=e=>{let{data:t,graph:n,selectedNode:o,layout:i,onNodeClick:a,onNodeCollapse:l,onNodeExpand:s,filters:c}=e;const u=(0,r.useCallback)((e=>{const t=e.copy(),n=(e=>{switch(e){case p.YGb.VERTICAL_TB:return 180;case p.YGb.HORIZONTAL_LR:return 270}})(i),r=(e=>{const t=e.nodes().map((e=>({id:e,name:""}))),n=e.mapEdges(((e,t,n,r)=>({from:n,to:r,key:e,relationTypeUri:t.relationTypeUri,direction:t.direction})));return{nodes:t,edges:n}})(t),a=r.nodes.length,l=!hn(a),s=((e,t)=>{if(hn(e))return 10;const n=t===p.YGb.VERTICAL_TB?1.5:.7;return Math.round(Math.sqrt(e)*n)})(a,i),c=function(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:10;const r=e.nodes,o=e.edges.filter((e=>e.from!==e.to)),i=sn(o,r,t),a=cn(i,[],new Set,o);return un(a[0],[],a,0,n)}(r,o,s),u=(e=>{const t=e.map((e=>e.length));return Math.max(...t)})(c);for(let e=0;e<c.length;++e){const n=e%2==0,r=c[e].length;for(let o=0;o<r;++o){const a=o%2==0,s=pn({quantityAtLvl:r,posAtLvl:o,max:u,isEvenRow:n,layout:i,shouldUseCheckboardPattern:l}),d=dn({quantityAtLvl:r,rowNumber:e,isEvenItem:a,layout:i,shouldUseCheckboardPattern:l});t.setNodeAttribute(c[e][o],"x",s),t.setNodeAttribute(c[e][o],"y",d)}}return ln.rotation.assign(t,n,{degrees:!0}),t.reduceNodes(((e,t,n)=>{let{x:r,y:o}=n;return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?Object(arguments[t]):{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){mn(e,t,n[t])}))}return e}({},e,{[t]:{x:r,y:o}})}),{})}),[i,o]);return nn({syncLayout:u,data:t,graph:n,selectedNode:o,onNodeClick:a,onNodeCollapse:l,onNodeExpand:s,filters:c}),null};var fn=n(24737);const bn=(0,H.Z)({graphTypeSelector:{minWidth:"200px",backgroundColor:"#FAFAFA",opacity:1,height:"40px"},filledInputRoot:{borderRadius:"4px"},valueContainer:{width:"auto",marginLeft:"16px"}}),yn=(0,B.l)(G,(e=>{let{graphTypeUri:t,setGraphTypeUri:n}=e;return{setGraphTypeUri:n,graphTypeUri:t}}),(e=>{let{graphTypeUri:t,setGraphTypeUri:n}=e;const a=bn(),l=(0,i.useSelector)(d.ZP.selectors.getMetadata),s=(0,i.useSelector)(d.ZP.selectors.getEntity),c=(0,r.useMemo)((()=>[{label:y().text("All"),value:null},...(0,p.mmY)(l,s.type).map((e=>{let{uri:t,label:n}=e;return{value:t,label:n}}))]),[s,l]),u=(0,r.useMemo)((()=>c.find((e=>e.value===t))),[c,t]);return o().createElement(fn.Z,{classes:{valueContainer:a.valueContainer},className:a.graphTypeSelector,height:42,label:y().text("Graph type"),value:u,options:c,onChange:e=>n(e.value),TextFieldProps:{InputProps:{disableUnderline:!0,classes:{root:a.filledInputRoot}}}})})),vn=(0,H.Z)({graphLayoutSelector:{minWidth:"202px",backgroundColor:"#FAFAFA",opacity:1,marginLeft:"10px"},filledInputRoot:{borderRadius:"4px",height:"42px"}}),xn=(0,r.memo)((e=>{let{value:t,onChangeHandler:n,graphTypeUri:r}=e;const i=vn(),a=[{label:y().text("Simple network"),value:p.YGb.SIMPLE_NETWORK},{label:y().text("Vertical hierarchy"),value:p.YGb.VERTICAL_TB},{label:y().text("Horizontal hierarchy"),value:p.YGb.HORIZONTAL_LR},{label:y().text("Directed network"),value:p.YGb.DIRECTED_NETWORK},{label:y().text("Tree"),value:p.YGb.TREE}],l=r?a:a.filter((e=>e.value!==p.YGb.TREE));return o().createElement(fn.Z,{className:i.graphLayoutSelector,label:y().text("Graph layout"),value:a.find((0,u.propEq)("value",t)),options:l,onChange:e=>n(e.value),TextFieldProps:{InputProps:{disableUnderline:!0,classes:{root:i.filledInputRoot}}}})})),En=()=>{const e=(0,lt.Ys)(),t=(0,r.useCallback)((()=>{e.refresh()}),[e]);return o().createElement(q.Z,{handleWidth:!0,onResize:t})};var wn=n(17373);function Rn(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?Object(arguments[t]):{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){Cn(e,t,n[t])}))}return e}function Cn(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const Tn="0 1px 1px rgba(0,0,0,0.14), 0 2px 1px rgba(0,0,0,0.12), 0 1px 3px rgba(0,0,0,0.2)",Sn={background:"#FFFFFF",boxShadow:Tn,width:"28px",height:"28px"},Pn=(0,H.Z)({container:{display:"flex",alignItems:"center"},maxButton:Rn({},Sn,{borderRadius:"2px 4px 4px 2px"}),minButton:Rn({},Sn,{borderRadius:"4px 2px 2px 4px"}),thumb:{position:"absolute",boxShadow:Tn,borderRadius:"2px",width:"8px",height:"28px",marginTop:"-13px",marginLeft:"1px",color:"rgba(0,0,0,0.54)",backgroundColor:"#FFFFFF",boxSizing:"border-box",outline:0,display:"flex",alignItems:"center",justifyContent:"center"},thumbIcon:{transform:"rotate(90deg)"},icon:{width:"18px",height:"18px"},rail:{opacity:1,height:"4px",paddingRight:"10px"},sliderRoot:{color:"#EDEDED",marginRight:"10px"}});function On(){return On=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},On.apply(this,arguments)}const Ln=e=>Math.pow(100/e,2),_n=e=>100/Math.sqrt(e),Nn=e=>{const t=Pn(),n=(0,u.omit)(["className"],e);return o().createElement("div",On({className:t.thumb},n),o().createElement(wn.Z,{className:F()(t.icon,t.thumbIcon)}))},An=e=>{let{className:t,max:n,min:i}=e;const a=Pn(),l=(0,lt.eP)(),s=(0,lt.$j)(),c=(0,lt.Ys)().getCamera(),{zoomIn:d,zoomOut:p}=(0,lt.AH)({factor:1.2}),[h,m]=(0,r.useState)((0,u.clamp)(i,n,_n(c.getState().ratio))),g=(0,r.useMemo)((()=>i>0?Ln(i):null),[i]),f=(0,r.useMemo)((()=>n>0?Ln(n):null),[n]);return(0,r.useEffect)((()=>(l({maxCameraRatio:g,minCameraRatio:f}),()=>{l({maxCameraRatio:null,minCameraRatio:null})})),[l,f,g]),(0,r.useEffect)((()=>{s({updated:e=>m(_n(e.ratio))})}),[s]),o().createElement("div",{className:F()(a.container,t)},o().createElement(z.IconButton,{className:a.minButton,onClick:()=>p()},o().createElement(wn.Z,{className:a.icon})),o().createElement(z.Slider,{ThumbComponent:Nn,classes:{root:a.sliderRoot,rail:a.rail},track:!1,value:h,min:i,max:n,onChange:(e,t)=>c.setState({ratio:c.getBoundedRatio(Ln(t))})}),o().createElement(z.IconButton,{className:a.maxButton,onClick:()=>d()},o().createElement(Ze.Z,{className:a.icon})))};var kn=n(25156);const In=(0,H.Z)({button:{background:"#FFFFFF",boxShadow:"0 1px 1px rgba(0,0,0,0.14), 0 2px 1px rgba(0,0,0,0.12), 0 1px 3px rgba(0,0,0,0.2)",width:"28px",height:"28px",borderRadius:"4px"},icon:{width:"18px",height:"18px"}}),jn=e=>{let{node:t}=e;const n=In(),{gotoNode:r}=(0,lt.AH)();return o().createElement(z.IconButton,{className:n.button,onClick:()=>r(t)},o().createElement(kn.Z,{className:n.icon}))};var Un=n(91032);const Dn=(0,H.Z)({hierarchyTree:{position:"relative",width:"calc(100% - 190px)",margin:"80px 95px 0",height:"calc(100% - 100px)"}}),zn=e=>{var t;let{graphTypeUri:n}=e;const a=Dn(),{store:l}=(0,r.useContext)(i.ReactReduxContext),s=(0,i.useSelector)(d.ZP.selectors.getMetadata),c=(0,i.useSelector)(d.ZP.selectors.getEntity),h=null===(t=(0,p.mmY)(s,c.type).find((0,u.propEq)("uri",n)))||void 0===t?void 0:t.label,m=(0,r.useMemo)((()=>({id:"___graphView___",class:p.ZIY.HierarchyTree,graph:{type:n},caption:h})),[h,n]);return o().createElement(Un.HierarchyTreeView,{config:m,store:l,className:a.hierarchyTree,isGraphView:!0})},Mn=(0,H.Z)({wrapper:{height:"100%",position:"relative"},selectors:{display:"flex",position:"absolute",top:"12px",right:"16px",zIndex:2},graph:{height:"calc(100% - 5px)"},rightBottomControls:{position:"absolute",zIndex:100,right:"18px",bottom:"16px",display:"flex",width:"200px"},zoomSlider:{flexGrow:1,marginRight:"8px"}}),Bn=(0,B.l)(G,(e=>{let{data:t,graphologyGraph:n,selectedEntity:r,onEntitySelect:o,onCollapseEntity:i,onExpandEntity:a,relationshipTable:{filters:l},graphTypeUri:s,layout:c,setLayout:u}=e;return{data:t,graph:n,selectedNode:null==r?void 0:r.uri,onNodeSelect:o,onNodeCollapse:i,onNodeExpand:a,filters:l,graphTypeUri:s,layout:c,setLayout:u}}),(e=>{let{data:t,graph:n,selectedNode:r,onNodeSelect:i,onNodeCollapse:a,onNodeExpand:l,filters:s,graphTypeUri:c,layout:u,setLayout:d}=e;const h=Mn(),m={data:t,graph:n,selectedNode:r,layout:u,onNodeClick:i,onNodeCollapse:a,onNodeExpand:l,filters:s};return o().createElement("div",{className:h.wrapper},o().createElement("div",{className:h.selectors},o().createElement(yn,null),o().createElement(xn,{value:u,onChangeHandler:d,graphTypeUri:c})),o().createElement("div",{className:h.graph},u===p.YGb.TREE?o().createElement(zn,{graphTypeUri:c}):n&&o().createElement(It,null,o().createElement(o().Fragment,null,o().createElement(En,null),u===p.YGb.SIMPLE_NETWORK||u===p.YGb.DIRECTED_NETWORK?o().createElement(an,m):o().createElement(gn,m),o().createElement("div",{className:h.rightBottomControls},o().createElement(An,{className:h.zoomSlider,min:30,max:300}),o().createElement(jn,{node:r}))))))})),Zn=(0,H.Z)((e=>({perspectiveView:{position:"absolute",top:0,left:0,right:0,bottom:0,fontFamily:"Roboto, Helvetica, Arial, sans-serif",overflowX:"hidden",overflowY:"auto",display:"flex",flexDirection:"column",backgroundColor:e.palette.background.default},graphWrapper:{display:"flex",flexDirection:"column",overflow:"hidden",flexGrow:1},graphContainer:{display:"flex",overflow:"hidden",flexGrow:1},"@global div[role=tooltip]":{fontFamily:"Roboto, Helvetica, Arial, sans-serif"},"@global div[role=presentation]":{fontFamily:"Roboto, Helvetica, Arial, sans-serif"}}))),Fn=(0,r.memo)((e=>{let{graphTypeUri:t,graphLayout:n}=e;const a=Zn(),l=(0,i.useSelector)(d.ZP.selectors.getEntity),s=((e,t,n)=>{const{layout:o,setLayout:a}=(e=>{const[t,n]=(0,r.useState)(p.YGb.SIMPLE_NETWORK);return(0,r.useEffect)((()=>{const t=Object.values(p.YGb).some((t=>e===t));t&&n(e)}),[e]),{layout:t,setLayout:n}})(n),{graphTypeUri:l,setGraphTypeUri:s}=((e,t,n)=>{const[o,a]=(0,r.useState)(null),l=(0,i.useSelector)(d.ZP.selectors.getMetadata);return(0,r.useEffect)((()=>{(0,p.mmY)(l,e.type).some((e=>{let{uri:n}=e;return t===n}))&&a(t)}),[t,e,l]),{graphTypeUri:o,setGraphTypeUri:e=>{a(e),e||n(p.YGb.SIMPLE_NETWORK)}}})(e,t,a),{graphLoading:c,data:h,graphologyGraph:m,onAddRelation:g,onDeleteRelation:f,onCollapseEntity:b,onExpandEntity:x}=_(e,l,o),{selectedEntity:E,onEntitySelect:w,selectedEntityLoading:R}=((e,t)=>{const n=(0,v._)(),o=(0,i.useDispatch)(),[a,l]=(0,r.useState)(null),s=(0,r.useRef)({}),[c,h]=(0,r.useState)(!1),m=(0,r.useCallback)((e=>{const t=s.current[e];return t?Promise.resolve(t):(0,p.HvW)(e).then((e=>(s.current=A(s.current,e),e)))}),[]),g=(0,r.useCallback)((e=>{var r;const i=null==t||null===(r=t.entities)||void 0===r?void 0:r.find((0,u.propEq)("uri",e));i&&l(i),h(!0),n(m(e)).then(l).catch((e=>{o(d.ui.actions.errorSet((0,p.xU7)(e,y().text("Something went wrong"))))})).finally((()=>{h(!1)}))}),[o,t,n,m]);return(0,r.useEffect)((()=>{null!=e&&e.uri&&(s.current=A({},e),g(e.uri))}),[null==e?void 0:e.uri]),(0,r.useEffect)((()=>{const n=null==t?void 0:t.entities.find((e=>(null==a?void 0:a.uri)===e.uri));n||(null!=e&&e.uri?(s.current=A({},e),g(e.uri)):(s.current={},l(null)))}),[t]),{selectedEntityLoading:c,selectedEntity:a,onEntitySelect:g}})(e,h);return{graphLoading:c,data:h,graphologyGraph:m,selectedEntity:E,selectedEntityLoading:R,graphTypeUri:l,relationshipTable:U({data:h,selectedEntityUri:null==E?void 0:E.uri,mainEntityUri:null==e?void 0:e.uri,graphTypeUri:l}),layout:o,onAddRelation:g,onDeleteRelation:f,onCollapseEntity:b,onExpandEntity:x,onEntitySelect:w,setGraphTypeUri:s,setLayout:a}})(l,t,n),{graphLoading:c,layout:f}=s,b=f===p.YGb.TREE,{tabs:x}={tabs:(0,r.useMemo)((()=>[{buttonProps:{id:rt.Relationship,icon:at,tooltipTitle:y().text("Relationship"),showForDisabled:!0},content:o().createElement(We,null)},{buttonProps:{id:rt.EntityDetails,icon:D.Z,tooltipTitle:y().text("Entity Details"),showForDisabled:!0},content:o().createElement(Ke,null)}]),[])};return o().createElement(G.Provider,{value:s},o().createElement("div",{className:a.perspectiveView},c&&o().createElement(h.Z,null),(null==l?void 0:l.uri)&&o().createElement("div",{className:a.graphContainer},o().createElement(m.n,{disabled:b,perspectiveId:"graph",buttonsProps:(0,u.pluck)("buttonProps",x)},o().createElement("div",{className:a.graphWrapper},o().createElement(g.n,{entity:l}),o().createElement(Bn,null)),o().createElement(ot,{tabs:x})))))}));Fn.displayName="GraphPerspectiveView";const Gn=Fn,qn=(0,a.createGenerateClassName)({productionPrefix:"graph",disableGlobal:!0}),Yn=e=>{let{store:t,graphTypeUri:n,graphLayout:r}=e;return o().createElement(i.Provider,{store:t},o().createElement(a.StylesProvider,{generateClassName:qn},o().createElement(s.MuiPickersUtilsProvider,{utils:c.Z},o().createElement(Gn,{graphTypeUri:n,graphLayout:r}),o().createElement(l.Z,{showErrorFromStore:!0}))))}}}]);
+//# sourceMappingURL=574.js.map