@qaecy/cue-ui 0.0.33 → 0.0.35

package/493.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkcue_ui=self.webpackChunkcue_ui||[]).push([[493],{8493(et,x,l){l.d(x,{CueEntityList:()=>K});var v=l(467),d=l(7705),h=l(2271),r=l(5802),D=l(6950),f=l(9352),k=l(1951),T=l(6455),S=l(8334),L=l(5949),I=l(2843),R=l(3646),B=l(8017),P=l(2306),N=l(6103);let C=(()=>{class o{mapboxToken=(0,r.vPA)(void 0);entityData=(0,r.vPA)({});availableEntityRelationships=(0,r.vPA)([]);settings=(0,h.EW)(()=>{const t=this.mapboxToken();if(!t)return;const n=new P.yY;return n.mapboxToken=t,n.contextMenu.showFlyTo=!1,n.contextMenu.showProperties=!1,n});layers=(0,h.EW)(()=>{const t=this.entityData(),n=this.availableEntityRelationships();return(0,N.N)({entityData:t,availableEntityRelationships:n})});static \u0275fac=function(n){return new(n||o)};static \u0275prov=r.jDH({token:o,factory:o.\u0275fac,providedIn:"root"})}return o})();var A=l(3183),w=l(5902);let _=(()=>{class o{entities=(0,r.vPA)([]);entityData=(0,r.vPA)({});orderByMentionCount=(0,r.vPA)(!1);availableEntityCategories=(0,r.vPA)(void 0);labelValue=(0,f.Xx)("components.entityList.labelValue");labelCategories=(0,f.Xx)("components.entityList.labelCategories");labelMentions=(0,f.Xx)("components.entityList.labelMentionCount");_filterChangeCounter=(0,r.vPA)(0);filterChangeCounter=this._filterChangeCounter.asReadonly();onFilterChanged(){this._filterChangeCounter.update(t=>t+1)}columnDefs=(0,h.EW)(()=>{const t=[{field:"value",headerName:this.labelValue(),flex:2,filter:w.U,valueGetter:n=>!n.data?.value&&n.data?.loading?"Loading...":n.data?.value||n.data?.entity},{field:"categories",headerName:this.labelCategories(),flex:1.5,filter:A.A,valueGetter:n=>{const i=n.data?.categories;if(!i)return n.data?.loading?"...":"";const a=Array.isArray(i)?i:[i],s=this._leafEntityCategoryIris();return(s?a.filter(u=>s.has(u)):a).map(u=>this._getEntityCategoryLabel(u)).join(", ")}}];return this.orderByMentionCount()&&t.push({field:"mentionCount",headerName:this.labelMentions(),flex:1,filter:"agNumberColumnFilter",valueGetter:n=>{const i=n.data;if(i?.loading)return"...";const a=i?.mentionCount??0;return a>0?a:""},cellStyle:{textAlign:"center"}}),t});rows=(0,h.EW)(()=>{const t=this.entities()||[],n=this.entityData()||{},i=t.map(a=>{const s=n[a];return{entity:a,value:s?.value,categories:s?.categories,mentionCount:s?.mentionCount,loading:!s}});return this.orderByMentionCount()?i.sort((a,s)=>(s.mentionCount||0)-(a.mentionCount||0)):i});_leafEntityCategoryIris=(0,h.EW)(()=>{const t=this.availableEntityCategories();if(!t)return null;const n=new Set(t.map(i=>i.parent).filter(i=>!!i));return new Set(t.filter(i=>!n.has(i.iri)).map(i=>i.iri))});_getEntityCategoryLabel(t){const n=this.availableEntityCategories();if(void 0!==n){const i=n.find(a=>a.iri===t);if(i)return i.label}return this._prettifyCategory(t)}_prettifyCategory(t){if(!t)return"";const n=t.split("#");return(n[n.length-1]||t).replace(/([A-Z])/g," $1").trim()}static \u0275fac=function(n){return new(n||o)};static \u0275prov=r.jDH({token:o,factory:o.\u0275fac,providedIn:"root"})}return o})();var G=l(5971),F=l(5448),j=l(2014),E=l(5381),e=l(5547);function O(o,p){if(1&o){const t=e.RV6();e.j41(0,"cue-flexcontainer",2)(1,"cue-button",5),e.bIt("click",function(){r.eBV(t);const i=e.XpG();return r.Njj(i.onOrderByMentionCountClick())}),e.nrm(2,"cue-button-padder"),e.j41(3,"cue-button-label"),e.EFF(4),e.nI1(5,"transloco"),e.k0s(),e.nrm(6,"cue-button-padder"),e.k0s()()}if(2&o){const t=e.XpG();e.R7$(),e.Y8G("tooltip",t.infoOrderByMentionCount()),e.R7$(3),e.JRh(e.bMT(5,2,"components.entityList.labelOrderByMentionCount"))}}function V(o,p){if(1&o){const t=e.RV6();e.j41(0,"cue-tab",1),e.nI1(1,"transloco"),e.j41(2,"cue-map",6),e.bIt("clickedFeature",function(i){r.eBV(t);const a=e.XpG();return r.Njj(a.onMapFeatureClick(i))}),e.k0s()()}if(2&o){e.XpG();const t=e.r8f(6),n=e.r8f(7);e.Y8G("label",e.bMT(1,3,"components.entityList.tabMap")),e.R7$(2),e.Y8G("layers",n)("settings",t)}}let z=(()=>{class o{map=(0,r.WQX)(C);table=(0,r.WQX)(_);entities=d.hFB.required();mapboxToken=(0,d.hFB)(void 0);handlers=d.hFB.required();availableEntityCategories=(0,d.hFB)(void 0);availableEntityRelationships=(0,d.hFB)();entityData=(0,d.hFB)({});paginationPageSize=(0,d.hFB)(10);prefetchPages=(0,d.hFB)(3);rowClicked=(0,d.CGW)();clickedOpen=(0,d.CGW)();_gridApi=null;_requestedIris=new Set;_requestedLocationIris=new Set;_isSorted=!1;_pendingMapClickIri=(0,r.vPA)(null);_bufferedUntilIndex=(0,r.vPA)(0);_locationBufferedUntilIndex=0;_lastEntitiesKey="";_destroyed=!1;labelOpenInEntityViewer=(0,f.Xx)("components.entityList.labelOpenInEntityViewer");infoOrderByMentionCount=(0,f.Xx)("components.entityList.infoOrderByMentionCount");overlaySettings={...new k.K,mode:"row"};overlayActions=(0,h.EW)(()=>[{label:this.labelOpenInEntityViewer(),icon:"info",action:t=>{this.handlers().requestOpen?.(t.rowData),this.clickedOpen.emit(t.rowData)}}]);constructor(){(0,r.QZP)(()=>this.map.mapboxToken.set(this.mapboxToken())),(0,r.QZP)(()=>{const t=this.entityData();this.map.entityData.update(n=>{let i=!1;const a={...n};for(const[s,c]of Object.entries(t))(c.directMapGeometries?.length||c.indirectMapGeometries?.length)&&(a[s]={value:"",categories:[],directMapGeometries:c.directMapGeometries,indirectMapGeometries:c.indirectMapGeometries},i=!0);return i?a:n})}),(0,r.QZP)(()=>this.map.availableEntityRelationships.set(this.availableEntityRelationships()??[])),(0,r.QZP)(()=>this.table.availableEntityCategories.set(this.availableEntityCategories())),(0,r.QZP)(()=>this.table.entities.set(this.entities())),(0,r.QZP)(()=>this.table.entityData.set(this.entityData())),(0,r.QZP)(()=>{const t=this._pendingMapClickIri();if(!t)return;const n=this.entityData()[t];n&&(this._pendingMapClickIri.set(null),this.rowClicked.emit({entity:t,value:n.value,categories:n.categories,mentionCount:n.mentionCount,loading:!1}))}),(0,r.QZP)(()=>{const n=this.entities().join("|");if(n!==this._lastEntitiesKey)if(this._lastEntitiesKey=n,this._requestedIris.clear(),this._requestedLocationIris.clear(),this._bufferedUntilIndex.set(0),this._locationBufferedUntilIndex=0,this.handlers().checkHasLocations&&this.handlers().requestLocations){const i=(this.availableEntityCategories()??[]).map(a=>a.iri);this.handlers().checkHasLocations(i).then(a=>{a&&!this._destroyed&&this._requestLocationBatch()})}else this.handlers().requestLocations&&setTimeout(()=>this._requestLocationBatch())}),(0,r.QZP)(()=>{const t=this.table.orderByMentionCount(),n=this.table.filterChangeCounter();if(t||n>0){const s=this.entities().filter(c=>!this._requestedIris.has(c));s.length>0&&(s.forEach(c=>this._requestedIris.add(c)),this.handlers().requestData(s,t))}})}rowSelection={mode:"singleRow",checkboxes:!1,enableClickSelection:!0};onGridReady(t){this._gridApi=t,t.addEventListener("viewportChanged",()=>this._checkViewport()),t.addEventListener("modelUpdated",()=>this._checkViewport()),t.addEventListener("paginationChanged",()=>this._checkViewport()),t.addEventListener("sortChanged",()=>{const n=t.getColumnState();this._isSorted=n.some(i=>null!=i.sort),this._isSorted&&this._requestAllUnloaded()}),t.addEventListener("filterChanged",()=>{this.table.onFilterChanged()}),setTimeout(()=>this._checkViewport(),100)}onMapFeatureClick(t){var n=this;return(0,v.A)(function*(){const a=t.feature.properties?.iri;a&&(n._pendingMapClickIri.set(a),yield n.handlers().requestData?.([a],n.table.orderByMentionCount()))})()}_checkViewport(){if(!this._gridApi||this._gridApi.isDestroyed?.())return;if(this._isSorted)return void this._requestAllUnloaded();const t=this.entities(),n=t.length;if(!n)return;const i=Math.max(1,this._gridApi.paginationGetPageSize?.()??this.paginationPageSize()),s=Math.max(0,this._gridApi.paginationGetCurrentPage?.()??0)*i,c=Math.min(n,s+i),u=this._bufferedUntilIndex();let g=null;if(0===u?g=0:(s>=Math.max(0,u-i)||c>u)&&(g=u),null===g||g>=n)return;const m=i*Math.max(1,this.prefetchPages()),M=Math.min(n,g+m),b=t.slice(g,M).filter(y=>!this._requestedIris.has(y));this._bufferedUntilIndex.set(Math.max(u,M)),b.length&&(b.forEach(y=>this._requestedIris.add(y)),setTimeout(()=>this.handlers().requestData(b,this.table.orderByMentionCount())))}_requestLocationBatch(){if(!this.handlers().requestLocations)return;const t=this.entities(),n=t.length;if(this._locationBufferedUntilIndex>=n)return;const a=Math.min(n,this._locationBufferedUntilIndex+500),s=t.slice(this._locationBufferedUntilIndex,a).filter(c=>!this._requestedLocationIris.has(c));this._locationBufferedUntilIndex=a,s.length>0&&(s.forEach(c=>this._requestedLocationIris.add(c)),setTimeout(()=>this.handlers().requestLocations(s))),a<n&&!this._destroyed&&setTimeout(()=>this._requestLocationBatch(),200)}ngOnDestroy(){this._destroyed=!0,this._gridApi=null}_requestAllUnloaded(){if(!this._gridApi)return;const t=[];if(this._gridApi.forEachNode(n=>{const i=n.data;i?.loading&&!this._requestedIris.has(i.entity)&&t.push(i.entity)}),t.length>0){const n=Array.from(new Set(t));n.forEach(i=>this._requestedIris.add(i)),this.handlers().requestData(n,this.table.orderByMentionCount())}}onOrderByMentionCountClick(){this.table.orderByMentionCount.set(!this.table.orderByMentionCount())}static \u0275fac=function(n){return new(n||o)};static \u0275cmp=e.VBU({type:o,selectors:[["cue-ent-list-inner"]],inputs:{entities:[1,"entities"],mapboxToken:[1,"mapboxToken"],handlers:[1,"handlers"],availableEntityCategories:[1,"availableEntityCategories"],availableEntityRelationships:[1,"availableEntityRelationships"],entityData:[1,"entityData"],paginationPageSize:[1,"paginationPageSize"],prefetchPages:[1,"prefetchPages"]},outputs:{rowClicked:"rowClicked",clickedOpen:"clickedOpen"},features:[e.Jv_([L.u,I.M,R.B,C,_])],decls:9,vars:13,consts:[[2,"position","relative","width","100%","height","100%","display","flex","flex-direction","column","gap","12px"],[3,"label"],["direction","row","justify","end",2,"width","100%","padding-bottom","6px"],[2,"flex","1","min-height","0","position","relative","display","flex","flex-direction","column"],["height","100%",2,"flex","1","min-height","0",3,"gridApiReady","selectedRows","columnDefs","rowData","rowSelection","paginationPageSize","overlaySettings","overlayActions"],["size","xs","variant","secondary",3,"click","tooltip"],[3,"clickedFeature","layers","settings"]],template:function(n,i){if(1&n&&(e.j41(0,"cue-tabs",0)(1,"cue-tab",1),e.nI1(2,"transloco"),e.nVh(3,O,7,4,"cue-flexcontainer",2),e.j41(4,"div",3)(5,"cue-ag-grid",4),e.bIt("gridApiReady",function(s){return i.onGridReady(s)})("selectedRows",function(s){return s[0]&&i.rowClicked.emit(s[0])}),e.k0s()()(),e.SS7(6)(7),e.nVh(8,V,3,5,"cue-tab",1),e.k0s()),2&n){e.R7$(),e.Y8G("label",e.bMT(2,9,"components.entityList.tabList")),e.R7$(2),e.vxM(i.table.orderByMentionCount()?-1:3),e.R7$(2),e.Y8G("columnDefs",i.table.columnDefs())("rowData",i.table.rows())("rowSelection",i.rowSelection)("paginationPageSize",i.paginationPageSize())("overlaySettings",i.overlaySettings)("overlayActions",i.overlayActions()),e.R7$();const a=e.bH3(i.map.settings());e.R7$();const s=e.bH3(i.map.layers());e.R7$(),e.vxM(s.length>0&&a?8:-1)}},dependencies:[D.R,T.t,S.o,B.T,G.$,F.L,j.z,E.n,f.Kj],styles:["[_nghost-%COMP%]{display:block;width:100%;height:100%}"],changeDetection:0})}return o})();var q=l(2245),U=l(5187),X=l(9769);function W(o,p){if(1&o&&(e.j41(0,"cue-flexcontainer",3)(1,"cue-typography",5),e.EFF(2),e.k0s()()),2&o){const t=e.XpG(2);e.R7$(2),e.SpI(" ",t.errorMessage()," ")}}function $(o,p){if(1&o){const t=e.RV6();e.j41(0,"cue-ent-list-inner",6),e.bIt("rowClicked",function(i){r.eBV(t);const a=e.XpG(2);return r.Njj(a.rowClicked.emit(i))})("clickedOpen",function(i){r.eBV(t);const a=e.XpG(2);return r.Njj(a.clickedOpen.emit(i))}),e.k0s()}if(2&o){const t=e.XpG(2);e.Y8G("entities",t.iris())("entityData",t.entityData())("handlers",t.handlers())("mapboxToken",t.mapboxToken())("paginationPageSize",t.paginationPageSize())}}function Q(o,p){1&o&&(e.j41(0,"cue-flexcontainer",3)(1,"cue-typography",7),e.EFF(2," No project connected. "),e.k0s()())}function Z(o,p){if(1&o&&e.nVh(0,W,3,1,"cue-flexcontainer",3)(1,$,1,5,"cue-ent-list-inner",4)(2,Q,3,0,"cue-flexcontainer",3),2&o){const t=e.XpG();e.vxM("error"===t.state()?0:t.handlers()?1:2)}}function Y(o,p){if(1&o&&(e.j41(0,"cue-card",1),e.eu8(1,2),e.k0s()),2&o){const t=e.XpG(),n=e.sdS(1);e.Y8G("variant",t._cardVariant())("padded",!1),e.R7$(),e.Y8G("ngTemplateOutlet",n)}}function H(o,p){if(1&o&&e.eu8(0,2),2&o){e.XpG();const t=e.sdS(1);e.Y8G("ngTemplateOutlet",t)}}let K=(()=>{class o{iris=(0,d.hFB)([]);sdkState=(0,d.hFB)(void 0);mapboxToken=(0,d.hFB)(void 0);paginationPageSize=(0,d.hFB)(10);variant=(0,d.hFB)("none");_cardVariant=(0,h.EW)(()=>this.variant());rowClicked=(0,d.CGW)();clickedOpen=(0,d.CGW)();state=(0,r.vPA)("idle");errorMessage=(0,r.vPA)(null);entityData=(0,r.vPA)({});_entities=(0,r.vPA)(void 0);_unsubscribe;handlers=(0,h.EW)(()=>{var t=this;const n=this._entities();if(n)return{requestData:(i,a)=>{const s=i.map(c=>c.split("/").pop()).filter(Boolean);n.requestEntityData(s,a)},requestLocations:i=>{if(!this.mapboxToken())return void console.warn("[cue-entity-list] No mapboxToken provided \u2014 skipping map location fetch.");const a=i.map(s=>s.split("/").pop()).filter(Boolean);n.requestEntityLocations(a)},checkHasLocations:(i=(0,v.A)(function*(a){const s=t.sdkState()?.cue,c=t.sdkState()?.projectId;if(!(t.mapboxToken()&&s&&c&&a.length))return!1;const g=`PREFIX qcy: <https://dev.qaecy.com/ont#>\nASK WHERE {\n  ?entity qcy:hasEntityCategory ?cat .\n  FILTER(?cat IN (${a.map(m=>`<${m}>`).join(" ")}))\n  { ?entity qcy:similarTo ?osm . FILTER(STRSTARTS(STR(?osm), "https://www.openstreetmap.org/")) }\n  UNION\n  { ?entity qcy:relatedEntity ?loc . ?loc qcy:similarTo ?osm . FILTER(STRSTARTS(STR(?osm), "https://www.openstreetmap.org/")) }\n}`;try{return!0===(yield s.api.sparql(g,c))?.boolean}catch{return!1}}),function(s){return i.apply(this,arguments)})};var i});constructor(){(0,r.QZP)(()=>{this._setupEntities(this.sdkState()?.entities)})}ngOnDestroy(){this._teardown()}_setupEntities(t){if(this._teardown(),!t)return this._entities.set(void 0),this.entityData.set({}),void this.state.set("idle");this._entities.set(t),this.state.set("ready"),this._syncEntityData(t),this._unsubscribe=t.entityInfoMap.subscribe(()=>{this._syncEntityData(t)})}_syncEntityData(t){const n=t.entityInfoMap.get(),i={};for(const a of Object.keys(n)){const s=n[a],c=Array.isArray(s.documentRefs)?s.documentRefs.map(u=>"string"==typeof u?{id:u}:u):s.documentRefs;i[t.entityIri(a)]={...s,documentRefs:c}}this.entityData.set(i)}_teardown(){this._unsubscribe?.(),this._unsubscribe=void 0}static \u0275fac=function(n){return new(n||o)};static \u0275cmp=e.VBU({type:o,selectors:[["cue-entity-list"]],inputs:{iris:[1,"iris"],sdkState:[1,"sdkState"],mapboxToken:[1,"mapboxToken"],paginationPageSize:[1,"paginationPageSize"],variant:[1,"variant"]},outputs:{rowClicked:"rowClicked",clickedOpen:"clickedOpen"},decls:4,vars:1,consts:[["body",""],[2,"height","100%","width","100%",3,"variant","padded"],[3,"ngTemplateOutlet"],["direction","column","align","center","justify","center",2,"height","100%","width","100%","padding","8px"],[2,"height","100%",3,"entities","entityData","handlers","mapboxToken","paginationPageSize"],[2,"color","#c44","font-size","13px"],[2,"height","100%",3,"rowClicked","clickedOpen","entities","entityData","handlers","mapboxToken","paginationPageSize"],[2,"color","#9ca3af","font-size","13px"]],template:function(n,i){1&n&&(e.DNE(0,Z,3,1,"ng-template",null,0,e.C5r),e.nVh(2,Y,2,3,"cue-card",1)(3,H,1,1,"ng-container",2)),2&n&&(e.R7$(2),e.vxM("none"!==i.variant()?2:3))},dependencies:[z,E.n,q.Typography,U.Z,X.T3],styles:["[_nghost-%COMP%]{display:block;width:100%;height:100%}"],changeDetection:0})}return o})()}}]);