@qaecy/cue-ui 0.0.56 → 0.0.57

package/9396.js

@@ -1 +1 @@
-"use strict";(self.webpackChunkcue_ui=self.webpackChunkcue_ui||[]).push([[9396],{9396(P,D,s){s.d(D,{CueContextViewer:()=>W});var v=s(467),d=s(7705),c=s(5802),r=s(2271),g=s(3537),p=s(4879),x=s(2839),f=s(6455),y=s(8334),t=s(5547);function _(n,l){1&n&&(t.j41(0,"div",0),t.EFF(1,"Loading context\u2026"),t.k0s())}function C(n,l){1&n&&(t.j41(0,"div",0),t.EFF(1,"No context loaded."),t.k0s())}function I(n,l){if(1&n){const e=t.RV6();t.j41(0,"cue-tabs",1)(1,"cue-tab",4),t.nrm(2,"cue-doc-list",2),t.k0s(),t.j41(3,"cue-tab",5)(4,"cue-ent-list-inner",6),t.bIt("rowClicked",function(a){c.eBV(e);const i=t.XpG();return c.Njj(i.entityRowClicked.emit(a))}),t.k0s()()()}if(2&n){const e=t.XpG();t.R7$(2),t.Y8G("documentRefs",e.documentRefs())("documentData",e.documentData())("handlers",e._docHandlers())("variant",e.variant()),t.R7$(2),t.Y8G("entities",e.entityIris())("entityData",e.entityData())("handlers",e._entityHandlers())}}function w(n,l){if(1&n&&t.nrm(0,"cue-doc-list",2),2&n){const e=t.XpG();t.Y8G("documentRefs",e.documentRefs())("documentData",e.documentData())("handlers",e._docHandlers())("variant",e.variant())}}function b(n,l){if(1&n){const e=t.RV6();t.j41(0,"cue-ent-list-inner",7),t.bIt("rowClicked",function(a){c.eBV(e);const i=t.XpG();return c.Njj(i.entityRowClicked.emit(a))}),t.k0s()}if(2&n){const e=t.XpG();t.Y8G("entities",e.entityIris())("entityData",e.entityData())("handlers",e._entityHandlers())}}function M(n,l){1&n&&(t.j41(0,"div",0),t.EFF(1,"No items in this context."),t.k0s())}let N=(()=>{class n{contextId=(0,d.hFB)(void 0);handlers=(0,d.hFB)(void 0);variant=(0,d.hFB)("none");contextDoc=(0,d.hFB)(void 0);documentData=(0,d.hFB)({});entityData=(0,d.hFB)({});entityRowClicked=(0,d.CGW)();loading=(0,r.EW)(()=>!!this.contextId()&&!this.contextDoc());_docItems=(0,r.EW)(()=>(this.contextDoc()?.items??[]).filter(e=>"document"===e.type));_entityItems=(0,r.EW)(()=>(this.contextDoc()?.items??[]).filter(e=>"entity"===e.type));hasDocuments=(0,r.EW)(()=>this._docItems().length>0);hasEntities=(0,r.EW)(()=>this._entityItems().length>0);hasBoth=(0,r.EW)(()=>this.hasDocuments()&&this.hasEntities());documentRefs=(0,r.EW)(()=>this._docItems().map(e=>({id:e.id,relevance:e.relevance})));entityIris=(0,r.EW)(()=>this._entityItems().map(e=>e.id));_docHandlers=(0,r.EW)(()=>({requestData:e=>this.handlers()?.requestDocumentData?.(e),requestDownload:e=>this.handlers()?.requestDownloadDocument?.(e),requestOpen:(e,o)=>this.handlers()?.requestOpenDocument?.(e,o),requestOpenInDir:(e,o)=>this.handlers()?.requestOpenDocumentInDir?.(e,o)}));_entityHandlers=(0,r.EW)(()=>({requestData:(e,o)=>this.handlers()?.requestEntityData?.(e,o),requestOpen:e=>this.handlers()?.requestOpenEntity?.(e)}));constructor(){(0,c.QZP)(()=>{const e=this.contextId();e&&this.handlers()?.requestContext?.(e)})}static \u0275fac=function(o){return new(o||n)};static \u0275cmp=t.VBU({type:n,selectors:[["cue-context-viewer-inner"]],inputs:{contextId:[1,"contextId"],handlers:[1,"handlers"],variant:[1,"variant"],contextDoc:[1,"contextDoc"],documentData:[1,"documentData"],entityData:[1,"entityData"]},outputs:{entityRowClicked:"entityRowClicked"},decls:6,vars:1,consts:[[1,"cv-status"],[2,"height","100%"],[3,"documentRefs","documentData","handlers","variant"],[2,"height","400px",3,"entities","entityData","handlers"],["label","Documents"],["label","Entities"],[2,"height","100%",3,"rowClicked","entities","entityData","handlers"],[2,"height","400px",3,"rowClicked","entities","entityData","handlers"]],template:function(o,a){1&o&&t.nVh(0,_,2,0,"div",0)(1,C,2,0,"div",0)(2,I,5,7,"cue-tabs",1)(3,w,1,4,"cue-doc-list",2)(4,b,1,3,"cue-ent-list-inner",3)(5,M,2,0,"div",0),2&o&&t.vxM(a.loading()?0:a.contextDoc()?a.hasBoth()?2:a.hasDocuments()?3:a.hasEntities()?4:5:1)},dependencies:[p.g,x.u,f.t,y.o],styles:["[_nghost-%COMP%]{display:block;width:100%;height:100%}.cv-status[_ngcontent-%COMP%]{padding:16px;color:var(--cue-color-midgray, #888);font-size:13px}"],changeDetection:0})}return n})();var E=s(5381),R=s(2245),k=s(7851),V=s(7293);function j(n,l){if(1&n&&(t.j41(0,"cue-flexcontainer",0)(1,"cue-typography",2),t.EFF(2),t.k0s()()),2&n){const e=t.XpG();t.R7$(2),t.SpI(" ",e.errorMessage()," ")}}function F(n,l){1&n&&(t.j41(0,"cue-flexcontainer",0)(1,"cue-typography",3),t.EFF(2," No project connected. "),t.k0s()())}function T(n,l){if(1&n&&t.nrm(0,"cue-logo-link",5),2&n){const e=t.XpG(2);t.Y8G("projectId",e.projectId())}}function B(n,l){if(1&n){const e=t.RV6();t.j41(0,"div",1)(1,"cue-context-viewer-inner",4),t.bIt("entityRowClicked",function(a){c.eBV(e);const i=t.XpG();return c.Njj(i.entityRowClicked.emit(a))}),t.k0s(),t.nVh(2,T,1,1,"cue-logo-link",5),t.k0s()}if(2&n){const e=t.XpG();t.Y8G("cueLogoLoader","loading"===e.state()),t.R7$(),t.Y8G("contextDoc",e.contextDoc())("documentData",e.documentData())("entityData",e.entityData())("handlers",e._handlers())("variant",e.variant()),t.R7$(),t.vxM(e.showLogo()?2:-1)}}function G(n){return{id:n.id,contentIRI:n.contentIRI??n.id,path:n.path??"",suffix:n.suffix??"",size:n.size??0,tags:n.tags??[],summary:n.summary??"",categories:n.categories??[],subject:n.subject,providerId:n.providerId,relevance:0}}let W=(()=>{class n{cue=(0,d.hFB)(void 0);projectId=(0,d.hFB)(void 0);contextId=(0,d.hFB)(void 0);variant=(0,d.hFB)("none");showLogo=(0,d.hFB)(!1,{transform:d.L39});entityRowClicked=(0,d.CGW)();state=(0,c.vPA)("idle");errorMessage=(0,c.vPA)(null);contextDoc=(0,c.vPA)(void 0);documentData=(0,c.vPA)({});entityData=(0,c.vPA)({});_documents=(0,c.vPA)(void 0);_entities=(0,c.vPA)(void 0);_unsubDocs;_unsubEntities;_inputWarningTimer;_handlers=(0,r.EW)(()=>({requestDocumentData:e=>this._documents()?.requestDocumentData(e),requestEntityData:(e,o)=>this._entities()?.requestEntityData(e,o)}));constructor(){this._inputWarningTimer=setTimeout(()=>{this.cue()||console.warn('[cue-context-viewer] Required input "cue" is not set. Pass an authenticated Cue SDK instance.'),this.projectId()||console.warn('[cue-context-viewer] Required input "projectId" is not set.'),this.contextId()||console.warn('[cue-context-viewer] Required input "contextId" is not set.')},3e3),(0,c.QZP)(()=>{this._load(this.cue(),this.projectId(),this.contextId())})}ngOnDestroy(){clearTimeout(this._inputWarningTimer),this._teardown()}_load(e,o,a){var i=this;return(0,v.A)(function*(){if(i._teardown(),i.contextDoc.set(void 0),i.documentData.set({}),i.entityData.set({}),e&&o&&a){i.state.set("loading"),i.errorMessage.set(null);try{const u=yield e.api.contexts.getContext(o,a);i.contextDoc.set(u);const h=new g.f$(e.api,o),m=new g.g8(e.api,o);i._documents.set(h),i._entities.set(m),i._unsubDocs=h.documentInfoMap.subscribe(()=>i._syncDocumentData(h)),i._unsubEntities=m.entityInfoMap.subscribe(()=>i._syncEntityData(m)),i.state.set("ready")}catch(u){console.error("[cue-context-viewer] Failed to load context",u),i.errorMessage.set(u instanceof Error?u.message:"Failed to load context."),i.state.set("error")}}else i.state.set("idle")})()}_syncDocumentData(e){const o=e.documentInfoMap.get(),a={};for(const[i,u]of Object.entries(o))a[i]=G(u);this.documentData.set(a)}_syncEntityData(e){const o=e.entityInfoMap.get(),a={};for(const[i,u]of Object.entries(o))a[i]={value:u.value??i,categories:u.categories??[],mentionCount:u.mentionCount};this.entityData.set(a)}_teardown(){this._unsubDocs?.(),this._unsubEntities?.(),this._unsubDocs=void 0,this._unsubEntities=void 0,this._documents.set(void 0),this._entities.set(void 0)}static \u0275fac=function(o){return new(o||n)};static \u0275cmp=t.VBU({type:n,selectors:[["cue-context-viewer"]],inputs:{cue:[1,"cue"],projectId:[1,"projectId"],contextId:[1,"contextId"],variant:[1,"variant"],showLogo:[1,"showLogo"]},outputs:{entityRowClicked:"entityRowClicked"},decls:3,vars:1,consts:[["direction","column","align","center","justify","center",2,"height","100%","width","100%","padding","8px"],[2,"position","relative","height","100%","width","100%",3,"cueLogoLoader"],[2,"color","#c44","font-size","13px"],[2,"color","#9ca3af","font-size","13px"],[2,"height","100%",3,"entityRowClicked","contextDoc","documentData","entityData","handlers","variant"],[2,"position","absolute","top","12px","left","12px","z-index","5",3,"projectId"]],template:function(o,a){1&o&&t.nVh(0,j,3,1,"cue-flexcontainer",0)(1,F,3,0,"cue-flexcontainer",0)(2,B,3,7,"div",1),2&o&&t.vxM("error"===a.state()?0:"idle"===a.state()?1:2)},dependencies:[N,E.n,R.Typography,k.k,V.x],styles:["[_nghost-%COMP%]{display:block;width:100%;height:100%}"],changeDetection:0})}return n})()}}]);
+"use strict";(self.webpackChunkcue_ui=self.webpackChunkcue_ui||[]).push([[9396],{9396(W,x,c){c.d(x,{CueContextViewer:()=>L});var p=c(467),d=c(7705),a=c(5802),r=c(2271),g=c(9376),v=c(4879),_=c(2839),f=c(6455),y=c(8334),C=c(9352),D=c(7851),e=c(5547);function I(n,l){1&n&&(e.j41(0,"div",1),e.EFF(1),e.nI1(2,"transloco"),e.k0s()),2&n&&(e.R7$(),e.JRh(e.bMT(2,1,"components.contextViewer.infoNoContext")))}function w(n,l){if(1&n){const t=e.RV6();e.j41(0,"cue-tabs",2)(1,"cue-tab",5),e.nI1(2,"transloco"),e.j41(3,"cue-doc-list",6),e.bIt("clickedDocument",function(s){a.eBV(t);const i=e.XpG();return a.Njj(i.onDocumentClicked(s))}),e.k0s()(),e.j41(4,"cue-tab",5),e.nI1(5,"transloco"),e.j41(6,"cue-ent-list-inner",7),e.bIt("rowClicked",function(s){a.eBV(t);const i=e.XpG();return a.Njj(i.onEntityRowClicked(s))}),e.k0s()()()}if(2&n){const t=e.XpG();e.R7$(),e.Y8G("label",e.bMT(2,9,"components.contextViewer.tabDocuments")),e.R7$(2),e.Y8G("documentRefs",t.documentRefs())("documentData",t.documentData())("handlers",t._docHandlers())("variant",t.variant()),e.R7$(),e.Y8G("label",e.bMT(5,11,"components.contextViewer.tabEntities")),e.R7$(2),e.Y8G("entities",t.entityIris())("entityData",t.entityData())("handlers",t._entityHandlers())}}function b(n,l){if(1&n){const t=e.RV6();e.j41(0,"cue-doc-list",6),e.bIt("clickedDocument",function(s){a.eBV(t);const i=e.XpG();return a.Njj(i.onDocumentClicked(s))}),e.k0s()}if(2&n){const t=e.XpG();e.Y8G("documentRefs",t.documentRefs())("documentData",t.documentData())("handlers",t._docHandlers())("variant",t.variant())}}function M(n,l){if(1&n){const t=e.RV6();e.j41(0,"cue-ent-list-inner",8),e.bIt("rowClicked",function(s){a.eBV(t);const i=e.XpG();return a.Njj(i.onEntityRowClicked(s))}),e.k0s()}if(2&n){const t=e.XpG();e.Y8G("entities",t.entityIris())("entityData",t.entityData())("handlers",t._entityHandlers())}}function R(n,l){1&n&&(e.j41(0,"div",1),e.EFF(1),e.nI1(2,"transloco"),e.k0s()),2&n&&(e.R7$(),e.JRh(e.bMT(2,1,"components.contextViewer.infoNoItems")))}let k=(()=>{class n{contextId=(0,d.hFB)(void 0);handlers=(0,d.hFB)(void 0);variant=(0,d.hFB)("none");contextDoc=(0,d.hFB)(void 0);documentData=(0,d.hFB)({});entityData=(0,d.hFB)({});itemRowClicked=(0,d.CGW)();loading=(0,r.EW)(()=>!!this.contextId()&&!this.contextDoc());_docItems=(0,r.EW)(()=>(this.contextDoc()?.items??[]).filter(t=>"document"===t.type));_entityItems=(0,r.EW)(()=>(this.contextDoc()?.items??[]).filter(t=>"entity"===t.type));hasDocuments=(0,r.EW)(()=>this._docItems().length>0);hasEntities=(0,r.EW)(()=>this._entityItems().length>0);hasBoth=(0,r.EW)(()=>this.hasDocuments()&&this.hasEntities());documentRefs=(0,r.EW)(()=>this._docItems().map(t=>({id:t.id,relevance:t.relevance})));entityIris=(0,r.EW)(()=>this._entityItems().map(t=>t.id));_docHandlers=(0,r.EW)(()=>({requestData:t=>this.handlers()?.requestDocumentData?.(t),requestDownload:t=>this.handlers()?.requestDownloadDocument?.(t),requestOpen:(t,o)=>this.handlers()?.requestOpenDocument?.(t,o),requestOpenInDir:(t,o)=>this.handlers()?.requestOpenDocumentInDir?.(t,o)}));_entityHandlers=(0,r.EW)(()=>({requestData:(t,o)=>this.handlers()?.requestEntityData?.(t,o),requestOpen:t=>this.handlers()?.requestOpenEntity?.(t)}));onEntityRowClicked({row:t}){this.itemRowClicked.emit({type:"entity",row:t,index:this._originalIndex(t.entity)})}onDocumentClicked(t){this.itemRowClicked.emit({type:"document",row:t,index:this._originalIndex(t.id)})}_originalIndex(t){return(this.contextDoc()?.items??[]).findIndex(o=>o.id===t)}constructor(){(0,a.QZP)(()=>{const t=this.contextId();t&&this.handlers()?.requestContext?.(t)})}static \u0275fac=function(o){return new(o||n)};static \u0275cmp=e.VBU({type:n,selectors:[["cue-context-viewer-inner"]],inputs:{contextId:[1,"contextId"],handlers:[1,"handlers"],variant:[1,"variant"],contextDoc:[1,"contextDoc"],documentData:[1,"documentData"],entityData:[1,"entityData"]},outputs:{itemRowClicked:"itemRowClicked"},decls:7,vars:5,consts:[[2,"position","relative","height","100%","width","100%",3,"cueLogoLoader","cueLogoLoaderMessage"],[1,"cv-status"],[2,"height","100%"],[3,"documentRefs","documentData","handlers","variant"],[2,"height","400px",3,"entities","entityData","handlers"],[3,"label"],[3,"clickedDocument","documentRefs","documentData","handlers","variant"],[2,"height","100%",3,"rowClicked","entities","entityData","handlers"],[2,"height","400px",3,"rowClicked","entities","entityData","handlers"]],template:function(o,s){1&o&&(e.j41(0,"div",0),e.nI1(1,"transloco"),e.nVh(2,I,3,3,"div",1)(3,w,7,13,"cue-tabs",2)(4,b,1,4,"cue-doc-list",3)(5,M,1,3,"cue-ent-list-inner",4)(6,R,3,3,"div",1),e.k0s()),2&o&&(e.Y8G("cueLogoLoader",s.loading())("cueLogoLoaderMessage",e.bMT(1,3,"components.contextViewer.infoLoading")),e.R7$(2),e.vxM(s.contextDoc()?s.hasBoth()?3:s.hasDocuments()?4:s.hasEntities()?5:6:2))},dependencies:[v.g,_.u,f.t,y.o,D.k,C.Kj],styles:["[_nghost-%COMP%]{display:block;width:100%;height:100%}.cv-status[_ngcontent-%COMP%]{padding:16px;color:var(--cue-color-midgray, #888);font-size:13px}"],changeDetection:0})}return n})();var V=c(5381),j=c(2245),N=c(7293);function E(n,l){if(1&n&&(e.j41(0,"cue-flexcontainer",0)(1,"cue-typography",2),e.EFF(2),e.k0s()()),2&n){const t=e.XpG();e.R7$(2),e.SpI(" ",t.errorMessage()," ")}}function T(n,l){1&n&&(e.j41(0,"cue-flexcontainer",0)(1,"cue-typography",3),e.EFF(2," No project connected. "),e.k0s()())}function G(n,l){if(1&n&&e.nrm(0,"cue-logo-link",5),2&n){const t=e.XpG(2);e.Y8G("projectId",t.projectId())}}function F(n,l){if(1&n){const t=e.RV6();e.j41(0,"div",1)(1,"cue-context-viewer-inner",4),e.bIt("itemRowClicked",function(s){a.eBV(t);const i=e.XpG();return a.Njj(i.itemRowClicked.emit(s))}),e.k0s(),e.nVh(2,G,1,1,"cue-logo-link",5),e.k0s()}if(2&n){const t=e.XpG();e.Y8G("cueLogoLoader","loading"===t.state()),e.R7$(),e.Y8G("contextDoc",t.contextDoc())("documentData",t.documentData())("entityData",t.entityData())("handlers",t._handlers())("variant",t.variant()),e.R7$(),e.vxM(t.showLogo()?2:-1)}}function B(n){return{id:n.id,contentIRI:n.contentIRI??n.id,path:n.path??"",suffix:n.suffix??"",size:n.size??0,tags:n.tags??[],summary:n.summary??"",categories:n.categories??[],subject:n.subject,providerId:n.providerId,relevance:0}}let L=(()=>{class n{cue=(0,d.hFB)(void 0);projectId=(0,d.hFB)(void 0);contextId=(0,d.hFB)(void 0);variant=(0,d.hFB)("none");showLogo=(0,d.hFB)(!1,{transform:d.L39});itemRowClicked=(0,d.CGW)();state=(0,a.vPA)("idle");errorMessage=(0,a.vPA)(null);contextDoc=(0,a.vPA)(void 0);documentData=(0,a.vPA)({});entityData=(0,a.vPA)({});_documents=(0,a.vPA)(void 0);_entities=(0,a.vPA)(void 0);_unsubDocs;_unsubEntities;_inputWarningTimer;_handlers=(0,r.EW)(()=>({requestDocumentData:t=>this._documents()?.requestDocumentData(t),requestEntityData:(t,o)=>this._entities()?.requestEntityData(t,o)}));constructor(){this._inputWarningTimer=setTimeout(()=>{this.cue()||console.warn('[cue-context-viewer] Required input "cue" is not set. Pass an authenticated Cue SDK instance.'),this.projectId()||console.warn('[cue-context-viewer] Required input "projectId" is not set.'),this.contextId()||console.warn('[cue-context-viewer] Required input "contextId" is not set.')},3e3),(0,a.QZP)(()=>{this._load(this.cue(),this.projectId(),this.contextId())})}ngOnDestroy(){clearTimeout(this._inputWarningTimer),this._teardown()}_load(t,o,s){var i=this;return(0,p.A)(function*(){if(i._teardown(),i.contextDoc.set(void 0),i.documentData.set({}),i.entityData.set({}),t&&o&&s){i.state.set("loading"),i.errorMessage.set(null);try{const u=yield t.api.contexts.getContext(o,s);i.contextDoc.set(u);const m=new g.f$(t.api,o),h=new g.g8(t.api,o);i._documents.set(m),i._entities.set(h),i._unsubDocs=m.documentInfoMap.subscribe(()=>i._syncDocumentData(m)),i._unsubEntities=h.entityInfoMap.subscribe(()=>i._syncEntityData(h)),i.state.set("ready")}catch(u){console.error("[cue-context-viewer] Failed to load context",u),i.errorMessage.set(u instanceof Error?u.message:"Failed to load context."),i.state.set("error")}}else i.state.set("idle")})()}_syncDocumentData(t){const o=t.documentInfoMap.get(),s={};for(const[i,u]of Object.entries(o))s[i]=B(u);this.documentData.set(s)}_syncEntityData(t){const o=t.entityInfoMap.get(),s={};for(const[i,u]of Object.entries(o))s[i]={value:u.value??i,categories:u.categories??[],mentionCount:u.mentionCount};this.entityData.set(s)}_teardown(){this._unsubDocs?.(),this._unsubEntities?.(),this._unsubDocs=void 0,this._unsubEntities=void 0,this._documents.set(void 0),this._entities.set(void 0)}static \u0275fac=function(o){return new(o||n)};static \u0275cmp=e.VBU({type:n,selectors:[["cue-context-viewer"]],inputs:{cue:[1,"cue"],projectId:[1,"projectId"],contextId:[1,"contextId"],variant:[1,"variant"],showLogo:[1,"showLogo"]},outputs:{itemRowClicked:"itemRowClicked"},decls:3,vars:1,consts:[["direction","column","align","center","justify","center",2,"height","100%","width","100%","padding","8px"],[2,"position","relative","height","100%","width","100%",3,"cueLogoLoader"],[2,"color","#c44","font-size","13px"],[2,"color","#9ca3af","font-size","13px"],[2,"height","100%",3,"itemRowClicked","contextDoc","documentData","entityData","handlers","variant"],[2,"position","absolute","top","12px","left","12px","z-index","5",3,"projectId"]],template:function(o,s){1&o&&e.nVh(0,E,3,1,"cue-flexcontainer",0)(1,T,3,0,"cue-flexcontainer",0)(2,F,3,7,"div",1),2&o&&e.vxM("error"===s.state()?0:"idle"===s.state()?1:2)},dependencies:[k,V.n,j.Typography,D.k,N.x],styles:["[_nghost-%COMP%]{display:block;width:100%;height:100%}"],changeDetection:0})}return n})()}}]);

package/README.md

@@ -605,9 +605,9 @@ The component automatically determines which view to render:
 
 The component emits one event:
 
-| Event              | Payload     | Description                               |
-| ------------------ | ----------- | ----------------------------------------- |
-| `entityRowClicked` | `EntityRow` | Fires when the user clicks an entity row. |
+| Event            | Payload                    | Description                                                                                                                                |
+| ---------------- | --------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------- |
+| `itemRowClicked` | `ContextItemRowClickEvent` | Fires when the user clicks a row. Shape: `{ type: 'entity'; row: EntityRow; index } \| { type: 'document'; row: DocumentResults; index }`. |
 
 ```js
 await customElements.whenDefined('cue-context-viewer');
@@ -619,8 +619,8 @@ viewer.cue = cue;
 viewer.projectId = 'your-project-id';
 viewer.contextId = 'your-context-id';
 
-viewer.addEventListener('entityRowClicked', (e) => {
-    console.log('Entity clicked:', e.detail);
+viewer.addEventListener('itemRowClicked', (e) => {
+    console.log('Row clicked:', e.detail);
 });
 
 document.getElementById('viewer-host').appendChild(viewer);