@evotecit/canopyx 0.3.3 → 0.3.5

package/CanopyX.Html/Assets/canopyx-interactive.js

@@ -60,7 +60,7 @@ function fill(template,values){return template.replace(/\{(\w+)\}/g, (match, nam
 const pluralRules=new Map();function plural(template,count,lang){if(!template.startsWith("["))return template;const forms={};for(const match of template.matchAll(/\[(zero|one|two|few|many|other)\]([^[]*)/g)) forms[match[1]] = match[2];
 let rules=pluralRules.get(lang);if(!rules){try{rules=new Intl.PluralRules(lang||"en")}catch(_){rules=new Intl.PluralRules("en")}pluralRules.set(lang,rules)}
 return forms[rules.select(Number(count))]??forms.other??template}
-let DEFAULT_LABELS=Object.freeze({searchPlaceholder:"Search",searchResults:"Search results",searchResultCount:"{count} results",searchResultCountOfTotal:"{count} of {total} results",searchResultCountOfMany:"{count} of many results",searchNoResults:"No results",searchTooShort:"Type at least {min} characters",searchWordTooShort:"Type a word of at least {min} characters",searchFailed:"Search failed: {error}",columns:"Columns",visibleColumns:"Visible columns",resizeColumn:"Resize {column}",columnWidth:"{width} pixels",loading:"Loading…",loadError:"Could not load: {error} (Enter to retry)",queryFailed:"Could not update the view: {error}",showMore:"Show more ({loaded} of {total} loaded)",showMoreUnknownTotal:"Show more ({loaded} loaded)",pageLoaded:"{loaded} of {total} loaded",itemsLoaded:"{count} items",yes:"Yes",no:"No",utcTime:"{time} UTC",localTime:"{time} local time",mountError:"This view could not be displayed: {error}"});function labelsFor(...sources){const labels=Object.assign({},DEFAULT_LABELS);for(const source of sources){if(source==null)continue;if(typeof source!=="object"||Array.isArray(source))throw new Error("CanopyX: labels must be an object of strings.");Object.keys(source).forEach((name)=>{if(!Object.hasOwn(DEFAULT_LABELS,name)&&!/^(?:gridEdit|format|calendar|flow)[A-Z]\w{0,63}$/.test(name)) throw new Error("CanopyX: there is no label '" + name + "'.");
+let DEFAULT_LABELS=Object.freeze({searchPlaceholder:"Search",searchResults:"Search results",searchResultCount:"{count} results",searchResultCountOfTotal:"{count} of {total} results",searchResultCountOfMany:"{count} of many results",searchNoResults:"No results",searchTooShort:"Type at least {min} characters",searchWordTooShort:"Type a word of at least {min} characters",searchFailed:"Search failed: {error}",columns:"Columns",visibleColumns:"Visible columns",resizeColumn:"Resize {column}",columnWidth:"{width} pixels",loading:"Loading…",loadError:"Could not load: {error} (Enter to retry)",queryFailed:"Could not update the view: {error}",showMore:"Show more ({loaded} of {total} loaded)",showMoreUnknownTotal:"Show more ({loaded} loaded)",pageLoaded:"{loaded} of {total} loaded",itemsLoaded:"{count} items",yes:"Yes",no:"No",utcTime:"{time} UTC",localTime:"{time} local time",mountError:"This view could not be displayed: {error}"});function labelsFor(...sources){const labels=Object.assign({},DEFAULT_LABELS);for(const source of sources){if(source==null)continue;if(typeof source!=="object"||Array.isArray(source))throw new Error("CanopyX: labels must be an object of strings.");Object.keys(source).forEach((name)=>{if(!Object.hasOwn(DEFAULT_LABELS,name)&&!/^(?:gridEdit|format|calendar|flow|matrix)[A-Z]\w{0,63}$/.test(name)) throw new Error("CanopyX: there is no label '" + name + "'.");
 if(typeof source[name]!=="string"||!/\S/.test(source[name])) throw new Error("CanopyX: label '" + name + "' must be a string with visible text.");
 if((name==="utcTime"||name==="localTime")&&source[name].indexOf("{time}")<0)throw new Error("CanopyX: label '"+name+"' must hold {time}.");labels[name]=source[name]})}
 return Object.freeze(labels)}
@@ -504,7 +504,7 @@ if(active>=0){list.children[active].setAttribute("aria-selected","false")}
 active=active<0?(delta<0?hits.length-1:0):(active+delta+hits.length)%hits.length;const item=list.children[active];item.setAttribute("aria-selected","true");input.setAttribute("aria-activedescendant",item.id);item.scrollIntoView({block:"nearest"})};input.addEventListener("input",()=>{cancelNavigation();sequence++;clearTimeout(timer);hits=[];close();timer=setTimeout(run,150)});input.addEventListener("keydown",(e)=>{if(e.defaultPrevented||e.isComposing)return;if(e.key==="ArrowDown"||e.key==="ArrowUp"){move(e.key==="ArrowDown"?1:-1)}else if(e.key==="Enter"){if(!list.hidden){choose(active>=0?active:0)}}else if(e.key==="Escape"){cancelNavigation();sequence++;clearTimeout(timer);if(list.hidden){input.value=""}
 close()}else{return}
 e.preventDefault()});input.addEventListener("blur",()=>{cancelNavigation();sequence++;clearTimeout(timer);clearTimeout(blurTimer);blurTimer=setTimeout(close,150)});this.cancelSearch=()=>{cancelNavigation();sequence++;clearTimeout(timer);clearTimeout(blurTimer);hits=[];close()};box.appendChild(input);box.appendChild(list);box.appendChild(status);bar.appendChild(box);this.searchInput=input}});function watchFlyout(anchorElement,panel,isOpen){const position=()=>{if(!isOpen())return;const anchor=anchorElement.getBoundingClientRect(),fixed=getComputedStyle(panel).position==="fixed";const below=Math.max(0,global.innerHeight-anchor.bottom-8);const above=Math.max(0,anchor.top-8);const opensAbove=below<120&&above>below,room=opensAbove?above:below;panel.style.maxHeight=(panel.classList.contains("cx-fb")?room:Math.min(320,room))+ "px";panel.style.top=opensAbove?"auto":fixed?anchor.bottom+"px":"100%";panel.style.bottom=opensAbove?fixed?global.innerHeight-anchor.top+"px":"100%":"auto";const width=panel.getBoundingClientRect().width;panel.style.left=Math.max(8,Math.min(anchor.left,global.innerWidth-width-8))-(fixed?0:anchor.left)+ "px"};global.addEventListener("resize",position);global.addEventListener("scroll",position,true);return{position,dispose:()=>{global.removeEventListener("resize",position);global.removeEventListener("scroll",position,true)}}}
-const PART_URL=typeof document!=="undefined"&&document.currentScript?.src;const PARTS={"tree-tools":["ce442e100494535d","canopyx-tree-tools.149c371950d66a15.js","canopyx-tree-tools.ef7a3fb9c9115a82.css"],"export":["8b99c0b7b0ec37c5","canopyx-export.6989ea36f5d6da7b.js"],"links":["f1ab7e32b501ce37","canopyx-links.d96addeefb3eccf5.js"],"search":["521eebd6e1bbbd35","canopyx-search.14c69f4551c69f23.js"],"link":["fa0c9e888463553b","canopyx-link.4ec39bc39fa6cf50.js","canopyx-link.8435c892613926ac.css"],"highlight":["f39423961654c1e2","canopyx-highlight.a6f93893d36ab343.js","canopyx-highlight.5b6d2e0d979f9f9b.css"],"layouts":["fa8c686f21626884","canopyx-layouts.e7250c82a6abf52e.js","canopyx-layouts.0b75738924533ee8.css"],"record-panel":["bcc06276c7933af6","canopyx-record-panel.a374fb4254f9115c.js","canopyx-record-panel.f3691d54cefaab04.css"]},PART_CODE=new Map(),partName=name=>typeof name==="string"&&/^[a-z][a-z\d-]{0,31}$/.test(name);
+const PART_URL=typeof document!=="undefined"&&document.currentScript?.src;const PARTS={"tree-tools":["dbc7cd1bfd91ce63","canopyx-tree-tools.879d4297cd1760d6.js","canopyx-tree-tools.ef7a3fb9c9115a82.css"],"export":["8b99c0b7b0ec37c5","canopyx-export.6989ea36f5d6da7b.js"],"links":["f1ab7e32b501ce37","canopyx-links.d96addeefb3eccf5.js"],"search":["521eebd6e1bbbd35","canopyx-search.14c69f4551c69f23.js"],"link":["fa0c9e888463553b","canopyx-link.4ec39bc39fa6cf50.js","canopyx-link.8435c892613926ac.css"],"highlight":["f39423961654c1e2","canopyx-highlight.a6f93893d36ab343.js","canopyx-highlight.5b6d2e0d979f9f9b.css"],"layouts":["fa8c686f21626884","canopyx-layouts.e7250c82a6abf52e.js","canopyx-layouts.0b75738924533ee8.css"],"record-panel":["bcc06276c7933af6","canopyx-record-panel.a374fb4254f9115c.js","canopyx-record-panel.f3691d54cefaab04.css"]},PART_CODE=new Map(),partName=name=>typeof name==="string"&&/^[a-z][a-z\d-]{0,31}$/.test(name);
 function registerPart(name,part){if(!partName(name)||!part||typeof part.version!=="string"||typeof part.install!=="function"||
 part.requires!==undefined&&!(Array.isArray(part.requires)&&part.requires.every(partName)))throw new Error("CanopyX: invalid part.");PART_CODE.set(name,part)}
 function definePart(View,name,label,context){const parts=View.prototype.parts||={};return parts[name]={name,label,context,parts}}
@@ -740,5 +740,5 @@ watcher.observe(host)}
 function mount(root,automatic){const scope=root||document;const created=[];const showError=(host,err,api,view)=>{if(api){api.destroy();if(host.canopyx===api)delete host.canopyx}
 const message=err&&err.message?err.message:String(err);let labels=DEFAULT_LABELS;for(const attempt of[()=>labelsFor(view&&view.labels,view&&configured.has(view.id)?configured.get(view.id).labels:null),()=>labelsFor(view&&view.labels)]){try{labels=attempt();break}catch(e){labels=DEFAULT_LABELS}}
 const notice=document.createElement("div");notice.className="cx-mount-error";notice.setAttribute("role","alert");setText(notice,fill(labels.mountError,{error:message}));host.classList.add("cx-host");host.setAttribute("data-canopyx-mounted","true");host.setAttribute("data-cx-error",message);host.appendChild(notice);if(global.console)global.console.error(err)};const selector="[data-canopyx-host]:not([data-canopyx-mounted])";(scope.matches?.(selector)?[scope]:scope.querySelectorAll(selector)).forEach((host)=>{const config=host.querySelector("script.cx-config"),mode=host.getAttribute("data-cx-mount");if(!config||(automatic===true&&mode==="manual")){return}
-if(mode==="visible"&&host!==scope&&global.IntersectionObserver)return mountWhenVisible(host);watcher?.unobserve(host);host.setAttribute("data-canopyx-mounted","true");let view=null;try{view=JSON.parse(config.textContent);if(view===Object(view))parsedViews.add(view);const flow=view&&view.kind==="flow"&&typeof FLOW_API==="object";const create=flow?FLOW_API.createFlow:view&&view.type==="grid"&&typeof createDataGrid==="function"?createDataGrid:createTreeGrid;const api=create(host,Object.assign({},view&&configured.get(view.id),flow?{flow:view}:{view}));created.push(api);api.ready.catch((err)=>{if(view.type!=="grid"&&activeGrids.get(host)===api&&host.canopyx===api)showError(host,err,api,view)})}catch(err){showError(host,err,null,view)}});return created}
-global.CanopyX=Object.freeze(Object.assign({protocol:PROTOCOL,createTreeGrid,configure,unconfigure,mount:(root)=>mount(root,false),sources:Object.freeze({inline:inlineSource,sidecar:sidecarSource,remote:remoteSource}),badge:hostBadge,labels:DEFAULT_LABELS,registerExportFormat,use,registerPart,setNonce},typeof GRID_API==="object"?GRID_API:{},typeof FLOW_API==="object"?FLOW_API:{}));const navigation=global.performance&&performance.getEntriesByType?performance.getEntriesByType("navigation")[0]:null;if(document.readyState==="loading"||(document.readyState==="interactive"&&navigation&&navigation.domContentLoadedEventStart===0)){document.addEventListener("DOMContentLoaded",()=>mount(document,true))}else{mount(document,true)}})(typeof window!=="undefined"?window:this);
+if(mode==="visible"&&host!==scope&&global.IntersectionObserver)return mountWhenVisible(host);watcher?.unobserve(host);host.setAttribute("data-canopyx-mounted","true");let view=null;try{view=JSON.parse(config.textContent);if(view===Object(view))parsedViews.add(view);const flow=view&&view.kind==="flow"&&typeof FLOW_API==="object",matrix=view&&view.type==="matrix"&&typeof MATRIX_API==="object";const create=flow?FLOW_API.createFlow:matrix?MATRIX_API.createMatrix:view&&view.type==="grid"&&typeof createDataGrid==="function"?createDataGrid:createTreeGrid;const api=create(host,Object.assign({},view&&configured.get(view.id),flow?{flow:view}:{view}));created.push(api);api.ready.catch((err)=>{if(view.type!=="grid"&&!matrix&&activeGrids.get(host)===api&&host.canopyx===api)showError(host,err,api,view)})}catch(err){showError(host,err,null,view)}});return created}
+global.CanopyX=Object.freeze(Object.assign({protocol:PROTOCOL,createTreeGrid,configure,unconfigure,mount:(root)=>mount(root,false),sources:Object.freeze({inline:inlineSource,sidecar:sidecarSource,remote:remoteSource}),badge:hostBadge,labels:DEFAULT_LABELS,registerExportFormat,use,registerPart,setNonce},typeof GRID_API==="object"?GRID_API:{},typeof FLOW_API==="object"?FLOW_API:{},typeof MATRIX_API==="object"?MATRIX_API:{}));const navigation=global.performance&&performance.getEntriesByType?performance.getEntriesByType("navigation")[0]:null;if(document.readyState==="loading"||(document.readyState==="interactive"&&navigation&&navigation.domContentLoadedEventStart===0)){document.addEventListener("DOMContentLoaded",()=>mount(document,true))}else{mount(document,true)}})(typeof window!=="undefined"?window:this);

package/CanopyX.Html/Assets/canopyx-labels-de.js

@@ -589,6 +589,39 @@ const labels = Object.freeze({
   flowCopied: "Kopiert",
   flowSavedIt: "Ich habe es gespeichert",
   flowShownOnce: "Wird nur einmal angezeigt. Jetzt kopieren.",
+  matrixRows: "Zeilen",
+  matrixColumns: "Spalten",
+  matrixSearch: "Zeilen und Spalten suchen",
+  matrixSortBy: "Sortieren nach",
+  matrixGroupBy: "Gruppieren nach",
+  matrixByLabel: "Name",
+  matrixByTotal: "Gesamt",
+  matrixAsListed: "Wie aufgeführt",
+  matrixNoGrouping: "Keine Gruppen",
+  matrixDescending: "Absteigend",
+  matrixOnlyProblems: "Nur Probleme",
+  matrixHideEmpty: "Leere Zeilen und Spalten ausblenden",
+  matrixSize: "{rows} × {columns}",
+  matrixShown: "Zeilen: {rows} von {totalRows}, Spalten: {columns} von {totalColumns}",
+  matrixAttention: "Erfordert Aufmerksamkeit: {count}",
+  matrixLegend: "Zustände",
+  matrixFilter: "Filtern",
+  matrixClearFilters: "Filter löschen",
+  matrixNoMatches: "Keine Zeilen oder Spalten passen.",
+  matrixSelf: "Dasselbe Element",
+  matrixNoData: "Keine Daten",
+  matrixCell: "{row} und {column}: {state}",
+  matrixTotal: "Gesamt",
+  matrixItemTotal: "{item}: {count}",
+  matrixExpandGroup: "{group} aufklappen",
+  matrixCollapseGroup: "{group} zuklappen",
+  matrixGroupCount: "Elemente: {count}",
+  matrixDetails: "Details",
+  matrixClose: "Schließen",
+  matrixValue: "Wert",
+  matrixState: "Zustand",
+  matrixAllClear: "Nichts erfordert Aufmerksamkeit",
+  matrixShowMore: "Mehr anzeigen",
 });
 const staticLabels = Object.freeze({
   overflowNote: "{shown} Zeilen angezeigt. Gesamtzahl: {total}.",

package/CanopyX.Html/Assets/canopyx-labels-es.js

@@ -589,6 +589,39 @@ const labels = Object.freeze({
   flowCopied: "Copiado",
   flowSavedIt: "Lo he guardado",
   flowShownOnce: "Se muestra solo una vez. Cópielo ahora.",
+  matrixRows: "Filas",
+  matrixColumns: "Columnas",
+  matrixSearch: "Buscar filas y columnas",
+  matrixSortBy: "Ordenar por",
+  matrixGroupBy: "Agrupar por",
+  matrixByLabel: "Nombre",
+  matrixByTotal: "Total",
+  matrixAsListed: "Como en la lista",
+  matrixNoGrouping: "Sin grupos",
+  matrixDescending: "Descendente",
+  matrixOnlyProblems: "Solo problemas",
+  matrixHideEmpty: "Ocultar filas y columnas vacías",
+  matrixSize: "{rows} × {columns}",
+  matrixShown: "Filas: {rows} de {totalRows}, columnas: {columns} de {totalColumns}",
+  matrixAttention: "Requieren atención: {count}",
+  matrixLegend: "Estados",
+  matrixFilter: "Filtrar",
+  matrixClearFilters: "Borrar filtros",
+  matrixNoMatches: "Ninguna fila o columna coincide.",
+  matrixSelf: "El mismo elemento",
+  matrixNoData: "Sin datos",
+  matrixCell: "{row} y {column}: {state}",
+  matrixTotal: "Total",
+  matrixItemTotal: "{item}: {count}",
+  matrixExpandGroup: "Expandir {group}",
+  matrixCollapseGroup: "Contraer {group}",
+  matrixGroupCount: "Elementos: {count}",
+  matrixDetails: "Detalles",
+  matrixClose: "Cerrar",
+  matrixValue: "Valor",
+  matrixState: "Estado",
+  matrixAllClear: "Nada requiere atención",
+  matrixShowMore: "Mostrar más",
 });
 const staticLabels = Object.freeze({
   overflowNote: "Filas mostradas: {shown}. Total: {total}.",

package/CanopyX.Html/Assets/canopyx-labels-fr.js

@@ -589,6 +589,39 @@ const labels = Object.freeze({
   flowCopied: "Copié",
   flowSavedIt: "Je l'ai enregistré",
   flowShownOnce: "Affiché une seule fois. Copiez-le maintenant.",
+  matrixRows: "Lignes",
+  matrixColumns: "Colonnes",
+  matrixSearch: "Rechercher des lignes et des colonnes",
+  matrixSortBy: "Trier par",
+  matrixGroupBy: "Regrouper par",
+  matrixByLabel: "Nom",
+  matrixByTotal: "Total",
+  matrixAsListed: "Comme listé",
+  matrixNoGrouping: "Aucun groupe",
+  matrixDescending: "Décroissant",
+  matrixOnlyProblems: "Problèmes uniquement",
+  matrixHideEmpty: "Masquer les lignes et colonnes vides",
+  matrixSize: "{rows} × {columns}",
+  matrixShown: "Lignes : {rows} sur {totalRows}, colonnes : {columns} sur {totalColumns}",
+  matrixAttention: "À examiner : {count}",
+  matrixLegend: "États",
+  matrixFilter: "Filtrer",
+  matrixClearFilters: "Effacer les filtres",
+  matrixNoMatches: "Aucune ligne ni colonne ne correspond.",
+  matrixSelf: "Même élément",
+  matrixNoData: "Aucune donnée",
+  matrixCell: "{row} et {column} : {state}",
+  matrixTotal: "Total",
+  matrixItemTotal: "{item} : {count}",
+  matrixExpandGroup: "Développer {group}",
+  matrixCollapseGroup: "Réduire {group}",
+  matrixGroupCount: "Éléments : {count}",
+  matrixDetails: "Détails",
+  matrixClose: "Fermer",
+  matrixValue: "Valeur",
+  matrixState: "État",
+  matrixAllClear: "Rien à examiner",
+  matrixShowMore: "Afficher plus",
 });
 const staticLabels = Object.freeze({
   overflowNote: "{shown} lignes affichées sur {total}.",

package/CanopyX.Html/Assets/canopyx-labels-it.js

@@ -589,6 +589,39 @@ const labels = Object.freeze({
   flowCopied: "Copiato",
   flowSavedIt: "L'ho salvato",
   flowShownOnce: "Mostrato una sola volta. Copialo ora.",
+  matrixRows: "Righe",
+  matrixColumns: "Colonne",
+  matrixSearch: "Cerca righe e colonne",
+  matrixSortBy: "Ordina per",
+  matrixGroupBy: "Raggruppa per",
+  matrixByLabel: "Nome",
+  matrixByTotal: "Totale",
+  matrixAsListed: "Come elencato",
+  matrixNoGrouping: "Nessun gruppo",
+  matrixDescending: "Decrescente",
+  matrixOnlyProblems: "Solo problemi",
+  matrixHideEmpty: "Nascondi righe e colonne vuote",
+  matrixSize: "{rows} × {columns}",
+  matrixShown: "Righe: {rows} di {totalRows}, colonne: {columns} di {totalColumns}",
+  matrixAttention: "Richiedono attenzione: {count}",
+  matrixLegend: "Stati",
+  matrixFilter: "Filtra",
+  matrixClearFilters: "Cancella filtri",
+  matrixNoMatches: "Nessuna riga o colonna corrisponde.",
+  matrixSelf: "Stesso elemento",
+  matrixNoData: "Nessun dato",
+  matrixCell: "{row} e {column}: {state}",
+  matrixTotal: "Totale",
+  matrixItemTotal: "{item}: {count}",
+  matrixExpandGroup: "Espandi {group}",
+  matrixCollapseGroup: "Comprimi {group}",
+  matrixGroupCount: "Elementi: {count}",
+  matrixDetails: "Dettagli",
+  matrixClose: "Chiudi",
+  matrixValue: "Valore",
+  matrixState: "Stato",
+  matrixAllClear: "Niente richiede attenzione",
+  matrixShowMore: "Mostra altro",
 });
 const staticLabels = Object.freeze({
   overflowNote: "Righe mostrate: {shown} su {total}.",

package/CanopyX.Html/Assets/canopyx-labels-pl.js

@@ -589,6 +589,39 @@ const labels = Object.freeze({
   flowCopied: "Skopiowano",
   flowSavedIt: "Mam to zapisane",
   flowShownOnce: "Widoczne tylko raz. Skopiuj teraz.",
+  matrixRows: "Wiersze",
+  matrixColumns: "Kolumny",
+  matrixSearch: "Szukaj wierszy i kolumn",
+  matrixSortBy: "Sortuj według",
+  matrixGroupBy: "Grupuj według",
+  matrixByLabel: "Nazwa",
+  matrixByTotal: "Razem",
+  matrixAsListed: "Jak na liście",
+  matrixNoGrouping: "Bez grup",
+  matrixDescending: "Malejąco",
+  matrixOnlyProblems: "Tylko problemy",
+  matrixHideEmpty: "Ukryj puste wiersze i kolumny",
+  matrixSize: "{rows} × {columns}",
+  matrixShown: "Wiersze: {rows} z {totalRows}, kolumny: {columns} z {totalColumns}",
+  matrixAttention: "Wymaga uwagi: {count}",
+  matrixLegend: "Stany",
+  matrixFilter: "Filtruj",
+  matrixClearFilters: "Wyczyść filtry",
+  matrixNoMatches: "Brak pasujących wierszy lub kolumn.",
+  matrixSelf: "Ten sam element",
+  matrixNoData: "Brak danych",
+  matrixCell: "{row} i {column}: {state}",
+  matrixTotal: "Razem",
+  matrixItemTotal: "{item}: {count}",
+  matrixExpandGroup: "Rozwiń {group}",
+  matrixCollapseGroup: "Zwiń {group}",
+  matrixGroupCount: "Elementy: {count}",
+  matrixDetails: "Szczegóły",
+  matrixClose: "Zamknij",
+  matrixValue: "Wartość",
+  matrixState: "Stan",
+  matrixAllClear: "Nic nie wymaga uwagi",
+  matrixShowMore: "Pokaż więcej",
 });
 const staticLabels = Object.freeze({
   overflowNote: "Pokazano {shown} z {total} wierszy.",

package/CanopyX.Html/Assets/canopyx-live.js

@@ -1,4 +1,4 @@
-(function(global){"use strict";const installed=new WeakSet();const part={version:"2fa02b9178c6c5df",install(context){if(installed.has(context.DataGrid.prototype))return;const{DataGrid,h,setText,fill,gridButton,gridIcon,gridQuery,gridResultShape,gridQueryRows,gridCompare,gridOrder,validateGridRows,validateGridPage,validateGridCursorPage,gridFreeze,requireIdentifier,checkDocument,cellValue,PROTOCOL,GRID_REPORTING,VIEW_MODES,inlineGridSource}=context;const LIVE_KEYS=new Set(["stableOrder","flash","batchMs","pollMs","load","announce","pauseWhenHidden"]);const LIVE_MAX_ROWS=100000;function liveOptions(view,options){const read=value=>{if(value===undefined||value===true||value===false)return{};if(!value||typeof value!=="object"||Array.isArray(value)||Object.keys(value).some(key=>!LIVE_KEYS.has(key)))
+(function(global){"use strict";const installed=new WeakSet();const part={version:"e49f69556b65916b",install(context){if(installed.has(context.DataGrid.prototype))return;const{DataGrid,h,setText,fill,gridButton,gridIcon,gridQuery,gridResultShape,gridQueryRows,gridCompare,gridOrder,gridIdOrder,validateGridRows,validateGridPage,validateGridCursorPage,gridFreeze,requireIdentifier,checkDocument,cellValue,PROTOCOL,GRID_REPORTING,VIEW_MODES,inlineGridSource}=context;const LIVE_KEYS=new Set(["stableOrder","flash","batchMs","pollMs","load","announce","pauseWhenHidden"]);const LIVE_MAX_ROWS=100000;function liveOptions(view,options){const read=value=>{if(value===undefined||value===true||value===false)return{};if(!value||typeof value!=="object"||Array.isArray(value)||Object.keys(value).some(key=>!LIVE_KEYS.has(key)))
 throw new Error("CanopyX: live takes stableOrder, flash, batchMs, pollMs, load, announce and pauseWhenHidden.");return value};const merged=options.live===false?{}:{...read(view.live),...read(options.live)},flash=merged.flash;const integer=(value,min,max)=>value===undefined||Number.isInteger(value)&&value>=min&&value<=max;if(["stableOrder","announce","pauseWhenHidden"].some(key=>merged[key]!==undefined&&typeof merged[key]!=="boolean")||
 !(flash===undefined||typeof flash==="boolean"||flash&&typeof flash==="object"&&Object.keys(flash).every(key=>key==="durationMs")&&integer(flash.durationMs,100,10000))||
 !integer(merged.batchMs,0,60000)||!(merged.pollMs===undefined||merged.pollMs===0||integer(merged.pollMs,250,86400000))||
@@ -19,7 +19,7 @@ function liveDiff(rows,current){const add=[],keep=new Set();for(const row of row
 return{add,update:[],remove:[...current.keys()].filter(id=>!keep.has(id))}}
 const liveCopy=value=>JSON.parse(JSON.stringify(value));function liveColumns(view){return new Map(view.columns.map(column=>[column.id,column]))}
 function liveComparer(grid,query){const columns=liveColumns(grid.view),compare=GRID_REPORTING.compare?.(grid.view)||gridCompare;const sorts=query.sort.map(sort=>[columns.get(sort.column),sort.direction]);return(a,b)=>{for(const[column,direction]of sorts){const result=compare(a,b,column,direction);if(result)return result}
-return gridOrder(a.id,b.id)}}
+return gridIdOrder(a.id,b.id)}}
 function liveMatcher(grid,query){const columns=liveColumns(grid.view),unsorted={...query,sort:[]};const view={columns:grid.view.columns,searchColumns:grid.view.searchColumns,rows:null};return row=>{view.rows=[row];return gridQueryRows(view,unsorted,columns,false).length===1}}
 function liveIndexOrder(order){order.at=new Map();order.ids.forEach((id,index)=>order.at.set(id,index));return order}
 Object.assign(DataGrid.prototype,{liveRows(){if(this.liveRowsOf!==this.view.rows){this.liveRowMap=new Map();for(const row of this.view.rows)this.liveRowMap.set(row.id,row);this.liveRowsOf=this.view.rows}

package/CanopyX.Html/Assets/canopyx-matrix.css

@@ -0,0 +1,153 @@
+/* The matrix view: a sticky header with column labels written upwards,sticky row headers and totals,windowed cells. */
+.cx-matrix-host{display:block;}
+.cx-matrix [hidden]{display:none !important;}
+.cx-matrix{display:flex;flex-direction:column;gap:var(--cx-size-8px);box-sizing:border-box;max-height:100%;font:var(--cx-font-size)/1.35 var(--cx-font);color:var(--cx-text);
+--mx-line:color-mix(in srgb,var(--cx-line) 70%,var(--cx-surface));--mx-none:color-mix(in srgb,var(--cx-muted) 42%,var(--cx-surface));
+--mx-raised:color-mix(in srgb,var(--cx-shadow-ink) 18%,transparent);}
+.cx-mx-bar{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:var(--cx-size-8px);}
+.cx-mx-input{box-sizing:border-box;height:var(--cx-size-32px);padding:0 var(--cx-size-10px);font:inherit;color:var(--cx-text);background:var(--cx-surface);
+border:var(--cx-size-1px) solid var(--cx-control-border);border-radius:var(--cx-radius-sm);color-scheme:inherit;}
+.cx-mx-search{flex:1 1 var(--cx-size-180px);max-width:var(--cx-size-320px);}
+.cx-mx-button{box-sizing:border-box;min-height:var(--cx-size-32px);padding:0 var(--cx-size-12px);font:inherit;color:var(--cx-text);background:var(--cx-surface);
+border:var(--cx-size-1px) solid var(--cx-control-border);border-radius:var(--cx-radius-sm);cursor:pointer;}
+.cx-mx-button:hover{background:var(--cx-hover-bg);}
+.cx-mx-button.cx-mx-active{border-color:var(--cx-accent);color:var(--cx-accent-text);}
+.cx-mx-switch{display:inline-flex;align-items:center;gap:var(--cx-size-6px);min-height:var(--cx-size-24px);cursor:pointer;}
+.cx-mx-check{width:var(--cx-size-16px);height:var(--cx-size-16px);margin:0;accent-color:var(--cx-accent);}
+.cx-mx-summary{margin-inline-start:auto;color:var(--cx-muted);font-size:var(--cx-size-13px);font-variant-numeric:tabular-nums;}
+.cx-mx-panel{position:absolute;top:calc(100% + var(--cx-size-4px));inset-inline-start:0;z-index:30;box-sizing:border-box;width:min(var(--cx-size-340px),100%);max-height:var(--cx-size-60vh);
+overflow:auto;display:grid;gap:var(--cx-size-10px);padding:var(--cx-size-12px);background:var(--cx-surface);border:var(--cx-size-1px) solid var(--cx-line-strong);
+border-radius:var(--cx-radius);box-shadow:0 var(--cx-size-8px) var(--cx-size-24px) color-mix(in srgb,var(--cx-shadow-ink) 16%,transparent);}
+.cx-mx-field{display:grid;gap:var(--cx-size-4px);font-size:var(--cx-size-13px);color:var(--cx-muted);}
+.cx-mx-field .cx-mx-input{color:var(--cx-text);}
+.cx-mx-facet{display:grid;gap:var(--cx-size-4px);margin:0;padding:0;border:0;min-width:0;}
+.cx-mx-facet legend{padding:0 0 var(--cx-size-4px);font-size:var(--cx-size-13px);color:var(--cx-muted);}
+.cx-mx-keycount{color:var(--cx-muted);font-variant-numeric:tabular-nums;margin-inline-start:var(--cx-size-4px);}
+.cx-mx-legend{display:flex;flex-wrap:wrap;gap:var(--cx-size-6px) var(--cx-size-16px);font-size:var(--cx-size-13px);}
+.cx-mx-key{display:inline-flex;align-items:center;gap:var(--cx-size-6px);}
+.cx-mx-swatch{display:inline-flex;align-items:center;justify-content:center;width:var(--cx-size-20px);height:var(--cx-size-20px);border-radius:var(--cx-radius-sm);
+border:var(--cx-size-1px) solid var(--mx-line);flex:none;}
+.cx-mx-swatch.cx-mx-none{background:var(--cx-surface);}
+.cx-mx-swatch.cx-mx-none::after{content:"";width:var(--cx-size-3px);height:var(--cx-size-3px);border-radius:50%;background:var(--mx-none);}
+.cx-mx-scroll{position:relative;flex:0 1 auto;box-sizing:border-box;width:fit-content;max-width:100%;min-height:0;max-height:var(--cx-size-100vh);overflow:auto;background:var(--cx-surface);border:var(--cx-size-1px) solid var(--cx-line);border-radius:var(--cx-radius);
+overscroll-behavior:contain;scrollbar-color:var(--cx-scrollbar-thumb,auto) var(--cx-scrollbar-track,auto);}
+.cx-mx-head{position:sticky;top:0;z-index:3;width:var(--mx-content-w);background:var(--cx-head-bg);}
+.cx-mx-head.cx-mx-raised{box-shadow:0 var(--cx-size-6px) var(--cx-size-8px) calc(var(--cx-size-6px) * -1) var(--mx-raised);}
+.cx-mx-band,.cx-mx-hrow,.cx-mx-frow{position:relative;display:flex;}
+.cx-mx-band{height:var(--mx-band-h);border-bottom:var(--cx-size-1px) solid var(--mx-line);}
+.cx-mx-hrow{height:var(--mx-head-h);border-bottom:var(--cx-size-1px) solid var(--cx-line);}
+.cx-mx-spacer{flex:none;width:var(--mx-cols-w);}
+.cx-mx-corner{position:sticky;inset-inline-start:0;z-index:2;box-sizing:border-box;flex:none;width:var(--mx-head-w);display:flex;flex-direction:column;justify-content:flex-end;
+gap:var(--cx-size-2px);padding:var(--cx-size-6px) var(--cx-size-10px);background:var(--cx-head-bg);border-inline-end:var(--cx-size-1px) solid var(--cx-line);
+font-size:var(--cx-size-12px);font-weight:600;color:var(--cx-muted);}
+.cx-mx-corner-columns{align-self:flex-end;}
+.cx-mx-corner-columns::after{content:" \2192";}
+.cx-mx-corner-rows::after{content:" \2193";}
+.cx-mx-corner-columns:dir(rtl)::after{content:" \2190";}
+.cx-mx-hcell{position:absolute;top:0;bottom:0;box-sizing:border-box;width:var(--mx-cell-w);contain:strict;display:flex;align-items:flex-end;justify-content:center;padding-bottom:var(--cx-size-6px);
+border-inline-end:var(--cx-size-1px) solid var(--mx-line);font-size:var(--cx-size-12px);}
+.cx-mx-vlabel{writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-height:calc(var(--mx-head-h) - var(--cx-size-12px));}
+.cx-mx-bcell{position:absolute;top:0;bottom:0;box-sizing:border-box;display:flex;align-items:center;padding:0 var(--cx-size-4px);border-inline-end:var(--cx-size-1px) solid var(--cx-line);
+overflow:hidden;font-size:var(--cx-size-12px);font-weight:600;}
+.cx-mx-bandcorner,.cx-mx-bandend{background:var(--cx-head-bg);}
+.cx-mx-bcell .cx-mx-toggle{max-width:100%;overflow:hidden;}
+.cx-mx-bclip .cx-mx-toggle{visibility:hidden;}
+.cx-mx-total{position:sticky;inset-inline-end:0;z-index:2;box-sizing:border-box;flex:none;width:var(--mx-total-w);display:flex;align-items:center;justify-content:flex-end;
+padding:0 var(--cx-size-10px);background:var(--cx-surface);border-inline-start:var(--cx-size-1px) solid var(--cx-line);font-variant-numeric:tabular-nums;font-weight:600;}
+.cx-mx-htotal{background:var(--cx-head-bg);align-items:flex-end;padding-bottom:var(--cx-size-6px);font-size:var(--cx-size-12px);color:var(--cx-muted);}
+.cx-mx-total.cx-mx-zero,.cx-mx-fcell.cx-mx-zero{font-weight:400;color:var(--cx-muted);}
+.cx-mx-body{position:relative;width:var(--mx-content-w);}
+.cx-mx-row{position:absolute;top:0;inset-inline-start:0;display:flex;contain:layout style;width:var(--mx-content-w);height:var(--mx-row-h);box-sizing:border-box;border-bottom:var(--cx-size-1px) solid var(--mx-line);}
+.cx-mx-rowhead{position:sticky;inset-inline-start:0;z-index:2;box-sizing:border-box;flex:none;width:var(--mx-head-w);display:flex;align-items:center;gap:var(--cx-size-6px);
+min-width:0;padding:0 var(--cx-size-10px);background:var(--cx-surface);border-inline-end:var(--cx-size-1px) solid var(--cx-line);white-space:nowrap;overflow:hidden;}
+.cx-mx-member .cx-mx-rowhead{padding-inline-start:var(--cx-size-24px);}
+.cx-mx-label{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;}
+.cx-mx-rowhead > .cx-mx-label{flex:none;max-width:100%;}
+.cx-mx-sub{color:var(--cx-muted);font-size:var(--cx-size-12px);overflow:hidden;text-overflow:ellipsis;}
+.cx-mx-heading{background:var(--cx-head-bg);}
+.cx-mx-heading .cx-mx-rowhead,.cx-mx-rolledrow .cx-mx-rowhead{width:auto;min-width:var(--mx-head-w);background:var(--cx-head-bg);font-weight:600;}
+.cx-mx-heading .cx-mx-total,.cx-mx-rolledrow .cx-mx-total{background:var(--cx-head-bg);}
+.cx-mx-toggle{display:inline-flex;align-items:center;gap:var(--cx-size-6px);min-width:0;min-height:var(--cx-size-24px);padding:0;font:inherit;color:inherit;background:none;border:0;cursor:pointer;}
+.cx-mx-toggle::before{content:"";flex:none;width:0;height:0;border-block:var(--cx-size-4px) solid transparent;border-inline-start:var(--cx-size-6px) solid currentColor;transition:transform .12s;}
+.cx-mx-toggle[aria-expanded="true"]::before{transform:rotate(90deg);}
+.cx-mx-toggle:dir(rtl)[aria-expanded="true"]::before{transform:rotate(-90deg);}
+.cx-mx-hcell .cx-mx-toggle{flex-direction:column;}
+.cx-mx-cell{position:absolute;top:0;box-sizing:border-box;width:var(--mx-cell-w);height:100%;contain:strict;display:flex;align-items:center;justify-content:center;gap:var(--cx-size-2px);
+border-inline-end:var(--cx-size-1px) solid var(--mx-line);font-size:var(--cx-size-11px);font-variant-numeric:tabular-nums;cursor:pointer;color:var(--cx-muted);}
+.cx-mx-cell.cx-tone-danger{color:var(--cx-tone-danger);}
+.cx-mx-cell.cx-tone-warning{color:var(--cx-tone-warning);}
+.cx-mx-cell.cx-tone-info{color:var(--cx-tone-info);}
+.cx-mx-cell.cx-tone-success{color:var(--cx-tone-success);}
+.cx-mx-cell.cx-toned{color:var(--cx-t);}
+.cx-mx-cell.cx-tone-success:not(.cx-mx-attn){color:var(--cx-quiet);}
+.cx-mx-cell.cx-mx-none{color:var(--mx-none);}
+.cx-mx-cell.cx-mx-attn{background:var(--mx-bg,var(--cx-hover-bg));font-weight:600;}
+.cx-mx-attn.cx-tone-danger{--mx-bg:var(--cx-tone-danger-bg);}
+.cx-mx-attn.cx-tone-warning{--mx-bg:var(--cx-tone-warning-bg);}
+.cx-mx-attn.cx-tone-info{--mx-bg:var(--cx-tone-info-bg);}
+.cx-mx-attn.cx-tone-success{--mx-bg:var(--cx-tone-success-bg);}
+.cx-mx-attn.cx-toned{color:var(--cx-t);--mx-bg:var(--cx-t-bg,color-mix(in srgb,var(--cx-t) 12%,var(--cx-surface)));}
+.cx-host[data-cx-theme="dark"] .cx-mx-attn.cx-tone-danger{--mx-bg:color-mix(in srgb,var(--cx-tone-danger-bg) 62%,var(--cx-surface));}
+@media (prefers-color-scheme:dark){.cx-host[data-cx-theme="auto"] .cx-mx-attn.cx-tone-danger{--mx-bg:color-mix(in srgb,var(--cx-tone-danger-bg) 62%,var(--cx-surface));}}
+.cx-mx-cell.cx-mx-self{cursor:default;background:repeating-linear-gradient(135deg,transparent 0 var(--cx-size-4px),var(--mx-line) var(--cx-size-4px) var(--cx-size-5px));}
+.cx-mx-cell.cx-mx-rolled{box-shadow:inset 0 0 0 var(--cx-size-1px) var(--mx-line);}
+.cx-mx-canvas{position:absolute;top:0;cursor:pointer;}
+.cx-mx-cell.cx-mx-focus{z-index:1;background:transparent;border:0;cursor:pointer;}
+.cx-mx-hover{position:absolute;top:0;z-index:1;box-sizing:border-box;width:var(--mx-cell-w);height:100%;pointer-events:none;box-shadow:inset 0 0 0 var(--cx-size-2px) var(--cx-accent);}
+.cx-mx-gridline{color:var(--mx-line);}
+.cx-mx-symbol{width:var(--cx-size-14px);height:var(--cx-size-14px);flex:none;}
+.cx-mx-swatch .cx-mx-symbol{width:var(--cx-size-13px);height:var(--cx-size-13px);}
+.cx-mx-value{overflow:hidden;white-space:nowrap;}
+.cx-mx-foot{position:sticky;bottom:0;z-index:3;width:var(--mx-content-w);background:var(--cx-head-bg);border-top:var(--cx-size-1px) solid var(--cx-line-strong);}
+.cx-mx-foot.cx-mx-raised{box-shadow:0 calc(var(--cx-size-6px) * -1) var(--cx-size-8px) calc(var(--cx-size-6px) * -1) var(--mx-raised);}
+.cx-mx-frow{height:var(--mx-row-h);}
+.cx-mx-foothead{background:var(--cx-head-bg);font-weight:600;}
+.cx-mx-fcell{position:absolute;top:0;bottom:0;box-sizing:border-box;width:var(--mx-cell-w);contain:strict;display:flex;align-items:center;justify-content:center;
+border-inline-end:var(--cx-size-1px) solid var(--mx-line);font-size:var(--cx-size-11px);font-weight:600;font-variant-numeric:tabular-nums;}
+.cx-mx-foot .cx-mx-total{background:var(--cx-head-bg);}
+.cx-matrix :is(.cx-mx-cell,.cx-mx-rowhead,.cx-mx-hcell,.cx-mx-total,.cx-mx-fcell,.cx-mx-corner):focus-visible{outline:var(--cx-size-2px) solid var(--cx-accent);outline-offset:calc(var(--cx-size-2px) * -1);z-index:4;}
+.cx-mx-empty{padding:var(--cx-size-24px);text-align:center;color:var(--cx-muted);border:var(--cx-size-1px) dashed var(--cx-line);border-radius:var(--cx-radius);}
+.cx-mx-tip{position:absolute;z-index:20;box-sizing:border-box;max-width:var(--cx-size-320px);padding:var(--cx-size-8px) var(--cx-size-10px);pointer-events:none;
+background:var(--cx-surface);border:var(--cx-size-1px) solid var(--cx-line-strong);border-radius:var(--cx-radius);font-size:var(--cx-size-13px);
+box-shadow:0 var(--cx-size-4px) var(--cx-size-16px) color-mix(in srgb,var(--cx-shadow-ink) 14%,transparent);}
+.cx-matrix{position:relative;}
+.cx-mx-tiptitle{font-weight:600;margin-bottom:var(--cx-size-4px);}
+.cx-mx-tiplist,.cx-mx-details{display:grid;grid-template-columns:auto 1fr;gap:var(--cx-size-2px) var(--cx-size-10px);margin:0;}
+.cx-mx-tiplist dt,.cx-mx-details dt{color:var(--cx-muted);}
+.cx-mx-tiplist dd,.cx-mx-details dd{margin:0;overflow-wrap:anywhere;}
+.cx-mx-dialog{box-sizing:border-box;width:min(var(--cx-size-420px),calc(100vw - var(--cx-size-32px)));padding:var(--cx-size-16px);color:var(--cx-text);background:var(--cx-surface);
+border:var(--cx-size-1px) solid var(--cx-line-strong);border-radius:var(--cx-radius);}
+.cx-mx-dialog::backdrop{background:color-mix(in srgb,var(--cx-shadow-ink) 35%,transparent);}
+.cx-mx-dialoghead{display:flex;align-items:center;gap:var(--cx-size-10px);margin-bottom:var(--cx-size-12px);}
+.cx-mx-dialogtitle{margin:0;font-size:var(--cx-size-17px);}
+.cx-mx-dialog .cx-mx-button{margin-top:var(--cx-size-16px);}
+.cx-mx-cards{display:grid;align-content:start;gap:var(--cx-size-8px);flex:0 1 auto;min-height:0;max-height:var(--cx-size-100vh);overflow:auto;overscroll-behavior:contain;}
+.cx-mx-cardlist,.cx-mx-cardcells{list-style:none;margin:0;padding:0;display:grid;gap:var(--cx-size-8px);}
+.cx-mx-card{padding:var(--cx-size-10px) var(--cx-size-12px);border:var(--cx-size-1px) solid var(--cx-line);border-radius:var(--cx-radius);background:var(--cx-surface);}
+.cx-mx-cardgroup{padding:var(--cx-size-4px) 0 0;font-size:var(--cx-size-13px);font-weight:600;color:var(--cx-muted);}
+.cx-mx-cardhead{display:flex;align-items:center;justify-content:space-between;gap:var(--cx-size-8px);font-weight:600;}
+.cx-mx-card .cx-mx-total{position:static;width:auto;padding:0;border:0;background:none;}
+.cx-mx-cardcells{gap:var(--cx-size-4px);margin-top:var(--cx-size-6px);}
+.cx-mx-cardcell{display:flex;align-items:center;gap:var(--cx-size-8px);font-size:var(--cx-size-13px);}
+.cx-mx-print{display:none;}
+.cx-mx-phone .cx-mx-input,.cx-mx-phone .cx-mx-button{min-height:var(--cx-size-44px);height:auto;}
+.cx-mx-phone .cx-mx-search{max-width:none;flex-basis:100%;}
+.cx-mx-phone .cx-mx-switch{min-height:var(--cx-size-44px);}
+.cx-mx-phone .cx-mx-rowhead .cx-mx-sub:not(.cx-mx-toggle .cx-mx-sub){display:none;}
+.cx-mx-phone .cx-mx-total{padding:0 var(--cx-size-6px);}
+.cx-mx-phone .cx-mx-summary{margin-inline-start:0;flex-basis:100%;}
+@media print{
+.cx-matrix .cx-mx-bar,.cx-matrix .cx-mx-scroll,.cx-matrix .cx-mx-cards,.cx-matrix .cx-mx-tip{display:none !important;}
+.cx-matrix .cx-mx-print{display:block;}
+.cx-matrix-host{max-height:none !important;}
+.cx-mx-printtable{border-collapse:collapse;font-size:var(--cx-size-11px);}
+.cx-mx-printtable :is(th,td){border:var(--cx-size-1px) solid var(--cx-line);padding:var(--cx-size-2px) var(--cx-size-4px);text-align:center;}
+.cx-mx-printtable th[scope="row"]{text-align:start;}
+.cx-mx-printtable caption{text-align:start;font-weight:600;padding-bottom:var(--cx-size-6px);}
+.cx-mx-printattn{font-weight:700;}
+}
+@media (forced-colors:active){
+.cx-mx-cell.cx-mx-attn{border:var(--cx-size-1px) solid CanvasText;}
+.cx-matrix :is(.cx-mx-cell,.cx-mx-rowhead,.cx-mx-hcell):focus-visible{outline-color:Highlight;}
+}
+@media (prefers-reduced-motion:reduce){.cx-mx-toggle::before{transition:none;}}