@qaecy/cue-ui 0.0.32 → 0.0.34

package/493.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkcue_ui=self.webpackChunkcue_ui||[]).push([[493],{8493(te,M,l){l.d(M,{CueEntityList:()=>K});var c=l(7705),g=l(2271),r=l(5802),D=l(467),x=l(6950),f=l(9352),E=l(1951),k=l(6455),S=l(8334),B=l(5949),T=l(2843),I=l(3646),P=l(8017),L=l(2306),N=l(6103);let v=(()=>{class o{mapboxToken=(0,r.vPA)(void 0);entityData=(0,r.vPA)({});availableEntityRelationships=(0,r.vPA)([]);settings=(0,g.EW)(()=>{const e=this.mapboxToken();if(!e)return;const n=new L.yY;return n.mapboxToken=e,n.contextMenu.showFlyTo=!1,n.contextMenu.showProperties=!1,n});layers=(0,g.EW)(()=>{const e=this.entityData(),n=this.availableEntityRelationships();return(0,N.N)({entityData:e,availableEntityRelationships:n})});static \u0275fac=function(n){return new(n||o)};static \u0275prov=r.jDH({token:o,factory:o.\u0275fac,providedIn:"root"})}return o})();var R=l(3183),A=l(5902);let C=(()=>{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(e=>e+1)}columnDefs=(0,g.EW)(()=>{const e=[{field:"value",headerName:this.labelValue(),flex:2,filter:A.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:R.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()&&e.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"}}),e});rows=(0,g.EW)(()=>{const e=this.entities()||[],n=this.entityData()||{},i=e.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,g.EW)(()=>{const e=this.availableEntityCategories();if(!e)return null;const n=new Set(e.map(i=>i.parent).filter(i=>!!i));return new Set(e.filter(i=>!n.has(i.iri)).map(i=>i.iri))});_getEntityCategoryLabel(e){const n=this.availableEntityCategories();if(void 0!==n){const i=n.find(a=>a.iri===e);if(i)return i.label}return this._prettifyCategory(e)}_prettifyCategory(e){if(!e)return"";const n=e.split("#");return(n[n.length-1]||e).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 w=l(5971),G=l(5448),F=l(2014),_=l(5381),t=l(5547);function O(o,h){if(1&o){const e=t.RV6();t.j41(0,"cue-flexcontainer",2)(1,"cue-button",5),t.bIt("click",function(){r.eBV(e);const i=t.XpG();return r.Njj(i.onOrderByMentionCountClick())}),t.nrm(2,"cue-button-padder"),t.j41(3,"cue-button-label"),t.EFF(4),t.nI1(5,"transloco"),t.k0s(),t.nrm(6,"cue-button-padder"),t.k0s()()}if(2&o){const e=t.XpG();t.R7$(),t.Y8G("tooltip",e.infoOrderByMentionCount()),t.R7$(3),t.JRh(t.bMT(5,2,"components.entityList.labelOrderByMentionCount"))}}function j(o,h){if(1&o){const e=t.RV6();t.j41(0,"cue-tab",1),t.nI1(1,"transloco"),t.j41(2,"cue-map",6),t.bIt("clickedFeature",function(i){r.eBV(e);const a=t.XpG();return r.Njj(a.onMapFeatureClick(i))}),t.k0s()()}if(2&o){t.XpG();const e=t.r8f(6),n=t.r8f(7);t.Y8G("label",t.bMT(1,3,"components.entityList.tabMap")),t.R7$(2),t.Y8G("layers",n)("settings",e)}}let $=(()=>{class o{map=(0,r.WQX)(v);table=(0,r.WQX)(C);entities=c.hFB.required();mapboxToken=(0,c.hFB)(void 0);handlers=c.hFB.required();availableEntityCategories=(0,c.hFB)(void 0);availableEntityRelationships=(0,c.hFB)();entityData=(0,c.hFB)({});paginationPageSize=(0,c.hFB)(10);prefetchPages=(0,c.hFB)(3);rowClicked=(0,c.CGW)();clickedOpen=(0,c.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 E.K,mode:"row"};overlayActions=(0,g.EW)(()=>[{label:this.labelOpenInEntityViewer(),icon:"info",action:e=>{this.handlers().requestOpen?.(e.rowData),this.clickedOpen.emit(e.rowData)}}]);constructor(){(0,r.QZP)(()=>this.map.mapboxToken.set(this.mapboxToken())),(0,r.QZP)(()=>{const e=this.entityData();this.map.entityData.update(n=>{let i=!1;const a={...n};for(const[s,d]of Object.entries(e))(d.directMapGeometries?.length||d.indirectMapGeometries?.length)&&(a[s]={value:"",categories:[],directMapGeometries:d.directMapGeometries,indirectMapGeometries:d.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 e=this._pendingMapClickIri();if(!e)return;const n=this.entityData()[e];n&&(this._pendingMapClickIri.set(null),this.rowClicked.emit({entity:e,value:n.value,categories:n.categories,mentionCount:n.mentionCount,loading:!1}))}),(0,r.QZP)(()=>{const e=this.entities(),n=e.join("|");n!==this._lastEntitiesKey&&(this._lastEntitiesKey=n,this._requestedIris.clear(),this._requestedLocationIris.clear(),this._bufferedUntilIndex.set(0),this._locationBufferedUntilIndex=0,console.log(`[cue-ent-list] Entity list changed: ${e.length} entities. Resetting lazy-load state.`),setTimeout(()=>this._requestLocationBatch()))}),(0,r.QZP)(()=>{const e=this.table.orderByMentionCount(),n=this.table.filterChangeCounter();if(e||n>0){const s=this.entities().filter(d=>!this._requestedIris.has(d));s.length>0&&(console.log(`[cue-ent-list] Requesting ALL ${s.length} entities (orderByMentionCount=${e}, filterCounter=${n}).`),s.forEach(d=>this._requestedIris.add(d)),this.handlers().requestData(s,e))}})}rowSelection={mode:"singleRow",checkboxes:!1,enableClickSelection:!0};onGridReady(e){this._gridApi=e,e.addEventListener("viewportChanged",()=>this._checkViewport()),e.addEventListener("modelUpdated",()=>this._checkViewport()),e.addEventListener("paginationChanged",()=>this._checkViewport()),e.addEventListener("sortChanged",()=>{const n=e.getColumnState();this._isSorted=n.some(i=>null!=i.sort),this._isSorted&&this._requestAllUnloaded()}),e.addEventListener("filterChanged",()=>{this.table.onFilterChanged()}),setTimeout(()=>this._checkViewport(),100)}onMapFeatureClick(e){var n=this;return(0,D.A)(function*(){const a=e.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 e=this.entities(),n=e.length;if(!n)return;const i=Math.max(1,this._gridApi.paginationGetPageSize?.()??this.paginationPageSize()),a=Math.max(0,this._gridApi.paginationGetCurrentPage?.()??0),s=a*i,d=Math.min(n,s+i),u=this._bufferedUntilIndex();let p=null;if(0===u?p=0:(s>=Math.max(0,u-i)||d>u)&&(p=u),null===p||p>=n)return;const H=i*Math.max(1,this.prefetchPages()),b=Math.min(n,p+H),m=e.slice(p,b).filter(y=>!this._requestedIris.has(y));this._bufferedUntilIndex.set(Math.max(u,b)),m.length&&(console.log(`[cue-ent-list] _checkViewport: requesting batch [${p}\u2013${b}) \u2014 ${m.length} entities (page ${a}, pageSize ${i}).`),m.forEach(y=>this._requestedIris.add(y)),setTimeout(()=>this.handlers().requestData(m,this.table.orderByMentionCount())))}_requestLocationBatch(){if(!this.handlers().requestLocations)return;const e=this.entities(),n=e.length;if(this._locationBufferedUntilIndex>=n)return;const i=Math.max(1,this.paginationPageSize())*Math.max(1,this.prefetchPages()),a=Math.min(n,this._locationBufferedUntilIndex+i),s=e.slice(this._locationBufferedUntilIndex,a).filter(d=>!this._requestedLocationIris.has(d));this._locationBufferedUntilIndex=a,s.length>0&&(s.forEach(d=>this._requestedLocationIris.add(d)),console.log(`[cue-ent-list] _requestLocationBatch: requesting [${this._locationBufferedUntilIndex-s.length}\u2013${this._locationBufferedUntilIndex}) \u2014 ${s.length} locations (total ${n}).`),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 e=[];if(this._gridApi.forEachNode(n=>{const i=n.data;i?.loading&&!this._requestedIris.has(i.entity)&&e.push(i.entity)}),e.length>0){const n=Array.from(new Set(e));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=t.VBU({type:o,selectors:[["cue-ent-list"]],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:[t.Jv_([B.u,T.M,I.B,v,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&&(t.j41(0,"cue-tabs",0)(1,"cue-tab",1),t.nI1(2,"transloco"),t.nVh(3,O,7,4,"cue-flexcontainer",2),t.j41(4,"div",3)(5,"cue-ag-grid",4),t.bIt("gridApiReady",function(s){return i.onGridReady(s)})("selectedRows",function(s){return s[0]&&i.rowClicked.emit(s[0])}),t.k0s()()(),t.SS7(6)(7),t.nVh(8,j,3,5,"cue-tab",1),t.k0s()),2&n){t.R7$(),t.Y8G("label",t.bMT(2,9,"components.entityList.tabList")),t.R7$(2),t.vxM(i.table.orderByMentionCount()?-1:3),t.R7$(2),t.Y8G("columnDefs",i.table.columnDefs())("rowData",i.table.rows())("rowSelection",i.rowSelection)("paginationPageSize",i.paginationPageSize())("overlaySettings",i.overlaySettings)("overlayActions",i.overlayActions()),t.R7$();const a=t.bH3(i.map.settings());t.R7$();const s=t.bH3(i.map.layers());t.R7$(),t.vxM(s.length>0&&a?8:-1)}},dependencies:[x.R,k.t,S.o,P.T,w.$,G.L,F.z,_.n,f.Kj],styles:["[_nghost-%COMP%]{display:block;width:100%;height:100%}"],changeDetection:0})}return o})();var V=l(2245),z=l(5187),U=l(9769);function q(o,h){if(1&o&&(t.j41(0,"cue-flexcontainer",3)(1,"cue-typography",5),t.EFF(2),t.k0s()()),2&o){const e=t.XpG(2);t.R7$(2),t.SpI(" ",e.errorMessage()," ")}}function X(o,h){if(1&o){const e=t.RV6();t.j41(0,"cue-ent-list",6),t.bIt("rowClicked",function(i){r.eBV(e);const a=t.XpG(2);return r.Njj(a.rowClicked.emit(i))})("clickedOpen",function(i){r.eBV(e);const a=t.XpG(2);return r.Njj(a.clickedOpen.emit(i))}),t.k0s()}if(2&o){const e=t.XpG(2);t.Y8G("entities",e.iris())("entityData",e.entityData())("handlers",e.handlers())("mapboxToken",e.mapboxToken())("paginationPageSize",e.paginationPageSize())}}function W(o,h){1&o&&(t.j41(0,"cue-flexcontainer",3)(1,"cue-typography",7),t.EFF(2," No project connected. "),t.k0s()())}function Q(o,h){if(1&o&&t.nVh(0,q,3,1,"cue-flexcontainer",3)(1,X,1,5,"cue-ent-list",4)(2,W,3,0,"cue-flexcontainer",3),2&o){const e=t.XpG();t.vxM("error"===e.state()?0:e.handlers()?1:2)}}function Z(o,h){if(1&o&&(t.j41(0,"cue-card",1),t.eu8(1,2),t.k0s()),2&o){const e=t.XpG(),n=t.sdS(1);t.Y8G("variant",e._cardVariant())("padded",!1),t.R7$(),t.Y8G("ngTemplateOutlet",n)}}function Y(o,h){if(1&o&&t.eu8(0,2),2&o){t.XpG();const e=t.sdS(1);t.Y8G("ngTemplateOutlet",e)}}let K=(()=>{class o{iris=(0,c.hFB)([]);sdkState=(0,c.hFB)(void 0);mapboxToken=(0,c.hFB)(void 0);paginationPageSize=(0,c.hFB)(10);variant=(0,c.hFB)("none");_cardVariant=(0,g.EW)(()=>this.variant());rowClicked=(0,c.CGW)();clickedOpen=(0,c.CGW)();state=(0,r.vPA)("idle");errorMessage=(0,r.vPA)(null);entityData=(0,r.vPA)({});_entities=(0,r.vPA)(void 0);_unsubscribe;handlers=(0,g.EW)(()=>{const e=this._entities();if(e)return{requestData:(n,i)=>{const a=n.map(s=>s.split("/").pop()).filter(Boolean);console.log(`[cue-ent-list] requestData: ${a.length} entities (includeMentionCount=${i})`,a),e.requestEntityData(a,i)},requestLocations:n=>{if(!this.mapboxToken())return void console.warn("[cue-ent-list] No mapboxToken provided \u2014 skipping map location fetch.");const i=n.map(a=>a.split("/").pop()).filter(Boolean);console.log(`[cue-ent-list] requestLocations: ${i.length} entities`,i),e.requestEntityLocations(i)}}});constructor(){(0,r.QZP)(()=>{this._setupEntities(this.sdkState()?.entities)})}ngOnDestroy(){this._teardown()}_setupEntities(e){if(this._teardown(),!e)return console.log("[cue-ent-list] No entities SDK \u2014 switching to idle."),this._entities.set(void 0),this.entityData.set({}),void this.state.set("idle");console.log("[cue-ent-list] Setting up entities SDK."),this._entities.set(e),this.state.set("ready"),this._syncEntityData(e),this._unsubscribe=e.entityInfoMap.subscribe(()=>{this._syncEntityData(e)})}_syncEntityData(e){const n=e.entityInfoMap.get();console.log(`[cue-ent-list] entityInfoMap updated: ${Object.keys(n).length} entries`);const i={};for(const a of Object.keys(n)){const s=n[a],d=Array.isArray(s.documentRefs)?s.documentRefs.map(u=>"string"==typeof u?{id:u}:u):s.documentRefs;i[e.entityIri(a)]={...s,documentRefs:d}}this.entityData.set(i)}_teardown(){this._unsubscribe?.(),this._unsubscribe=void 0}static \u0275fac=function(n){return new(n||o)};static \u0275cmp=t.VBU({type:o,selectors:[["cue-ent-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&&(t.DNE(0,Q,3,1,"ng-template",null,0,t.C5r),t.nVh(2,Z,2,3,"cue-card",1)(3,Y,1,1,"ng-container",2)),2&n&&(t.R7$(2),t.vxM("none"!==i.variant()?2:3))},dependencies:[o,$,_.n,V.Typography,z.Z,U.T3],styles:["[_nghost-%COMP%]{display:block;width:100%;height:100%}"],changeDetection:0})}return o})()}}]);