@evotecit/canopyx 0.3.6 → 0.3.8

package/CanopyX.Html/Assets/canopyx-tree-tools.js

@@ -1,4 +1,4 @@
-(function(global){"use strict";const installed=new WeakSet();const part={version:"1e7e68d65a0c7aeb",install(context){if(installed.has(context.TreeGrid.prototype))return;const{TreeGrid,h,setText,fill,numberFormat,watchFlyout,columnWidth,prepareWidth,cellText,cellValue,isCellObject,foldText,formatting,sortKey,compareKeys,EXPORT_FORMATS,exportFormat,exportTimeout,exportFormatsOf,INDENT,MAX_PROTOCOL_INTEGER,hostControl,detailCell,HostCellContext,disposeHostSlot,loadPart,definePart,pluginItems,applyTone,toneOf,badgeElement,RECORD_IMPL,svgIcon,gridExportField}=context;const EXPORT_IMPL={formatsOf:exportFormatsOf};const GRID_ICONS={search:'<circle cx="11" cy="11" r="7"/><path d="m20 20-3.5-3.5"/>',filter:'<path d="M4 5h16l-6 7.5V19l-4-2v-4.5z"/>',columns:'<rect x="3.5" y="4.5" width="17" height="15" rx="2"/><path d="M9.5 4.5v15M14.5 4.5v15"/>',views:'<path d="M6 4h12v16l-6-4-6 4z"/>',export:'<path d="M12 4v11M7.5 10.5 12 15l4.5-4.5M5 19h14"/>',more:'<circle cx="5" cy="12" r="1.2"/><circle cx="12" cy="12" r="1.2"/><circle cx="19" cy="12" r="1.2"/>',close:'<path d="M6 6l12 12M18 6 6 18"/>',check:'<path d="m5 12.5 4.5 4.5L19 7.5"/>',chart:'<path d="M4 19h16M7 16V10M12 16V6M17 16v-4"/>',copy:'<rect x="8" y="8" width="11" height="11" rx="2"/><path d="M16 8V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2"/>',up:'<path d="M12 19V5M6 11l6-6 6 6"/>',down:'<path d="M12 5v14M6 13l6 6 6-6"/>',retry:'<path d="M4 12a8 8 0 1 0 2.4-5.7M4 4v4.5h4.5"/>',previous:'<path d="m14 7-5 5 5 5"/>',next:'<path d="m10 7 5 5-5 5"/>',first:'<path d="m13 7-5 5 5 5M17 7l-5 5 5 5"/>',last:'<path d="m11 7 5 5-5 5M7 7l5 5-5 5"/>'};function gridIcon(name,shapes){return svgIcon(shapes||GRID_ICONS[name]||GRID_ICONS.more)}
+(function(global){"use strict";const installed=new WeakSet();const part={version:"4c6c4101089c4444",install(context){if(installed.has(context.TreeGrid.prototype))return;const{TreeGrid,h,setText,fill,numberFormat,watchFlyout,columnWidth,prepareWidth,cellText,cellValue,isCellObject,foldText,formatting,sortKey,compareKeys,EXPORT_FORMATS,exportFormat,exportTimeout,exportFormatsOf,INDENT,MAX_PROTOCOL_INTEGER,hostControl,detailCell,HostCellContext,disposeHostSlot,loadPart,definePart,pluginItems,applyTone,toneOf,badgeElement,RECORD_IMPL,svgIcon,gridExportField}=context;const EXPORT_IMPL={formatsOf:exportFormatsOf};const GRID_ICONS={search:'<circle cx="11" cy="11" r="7"/><path d="m20 20-3.5-3.5"/>',filter:'<path d="M4 5h16l-6 7.5V19l-4-2v-4.5z"/>',columns:'<rect x="3.5" y="4.5" width="17" height="15" rx="2"/><path d="M9.5 4.5v15M14.5 4.5v15"/>',views:'<path d="M6 4h12v16l-6-4-6 4z"/>',export:'<path d="M12 4v11M7.5 10.5 12 15l4.5-4.5M5 19h14"/>',more:'<circle cx="5" cy="12" r="1.2"/><circle cx="12" cy="12" r="1.2"/><circle cx="19" cy="12" r="1.2"/>',close:'<path d="M6 6l12 12M18 6 6 18"/>',check:'<path d="m5 12.5 4.5 4.5L19 7.5"/>',chart:'<path d="M4 19h16M7 16V10M12 16V6M17 16v-4"/>',copy:'<rect x="8" y="8" width="11" height="11" rx="2"/><path d="M16 8V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2"/>',up:'<path d="M12 19V5M6 11l6-6 6 6"/>',down:'<path d="M12 5v14M6 13l6 6 6-6"/>',retry:'<path d="M4 12a8 8 0 1 0 2.4-5.7M4 4v4.5h4.5"/>',previous:'<path d="m14 7-5 5 5 5"/>',next:'<path d="m10 7 5 5-5 5"/>',first:'<path d="m13 7-5 5 5 5M17 7l-5 5 5 5"/>',last:'<path d="m11 7 5 5-5 5M7 7l5 5-5 5"/>'};function gridIcon(name,shapes){return svgIcon(shapes||GRID_ICONS[name]||GRID_ICONS.more)}
 function gridDecorateButton(button,icon,ghost){button.classList.add("cx-btn");if(ghost)button.classList.add("ghost");if(icon)button.prepend(gridIcon(icon));return button}
 function gridFilterCount(query){const count=group=>group?group.filters.length+group.groups.reduce((sum,child)=>sum+count(child),0):0;return(query?.filters?.length||0)+ count(query?.filterGroup)}
 function gridPriority(value){return["essential","normal","optional"].includes(value)||Number.isInteger(value)&&value>=0&&value<=MAX_PROTOCOL_INTEGER}
@@ -8,7 +8,8 @@ function gridOptions(column){return column.presenter||{}}
 const COLUMN_DIGITS=new Map(),COLUMN_NUMERIC_CHARS="0123456789 .,:;+-−/()[]\u00a0\u202f",COLUMN_HAS_NUMERIC=/[0-9\s.,:;+\-−/()\[\]]/;
 function gridNumericVariant(grid){let sample=grid.querySelector(".cx-cell"),owned=!sample;if(owned){sample=document.createElement("span");sample.className="cx-cell";sample.style.display="none";grid.appendChild(sample)}
 const variant=getComputedStyle(sample).fontVariantNumeric;if(owned)sample.remove();return variant}
-function gridClassFont(grid,className){const probe=document.createElement("span");probe.className=className;probe.style.display="none";grid.appendChild(probe);const style=getComputedStyle(probe),font=style.fontWeight+" "+style.fontSize+" "+style.fontFamily;probe.remove();return font}
+function gridClassFont(grid,className,chrome){const probe=h("span",className);probe.style.cssText="position:absolute;visibility:hidden";grid.appendChild(probe);const style=getComputedStyle(probe),font=[style.fontWeight,style.fontSize,style.fontFamily].join(" ");if(chrome){chrome.extra=probe.getBoundingClientRect().width;chrome.spacing=parseFloat(style.letterSpacing)||0}
+probe.remove();return font}
 function gridMeasureText(context,value,variant="normal"){const text=String(value).slice(0,512),measured=context.measureText(text).width;if(!variant.includes("tabular-nums")||!COLUMN_HAS_NUMERIC.test(text))return measured;const font=context.font;let variants=COLUMN_DIGITS.get(font);if(!variants){if(COLUMN_DIGITS.size===32)COLUMN_DIGITS.delete(COLUMN_DIGITS.keys().next().value);COLUMN_DIGITS.set(font,variants=new Map())}
 if(!variants.has(variant)){const probe=document.createElement("span"),glyphs=[];probe.style.cssText="all:initial;position:absolute;visibility:hidden;display:flex;white-space:pre;padding:0;border:0;max-width:none;";probe.style.font=font;probe.style.fontVariantNumeric=variant;for(const character of COLUMN_NUMERIC_CHARS)for(const numeric of[true,false]){const glyph=document.createElement("span");glyph.textContent=(numeric?"00"+character+"00":character).repeat(10);glyph.style.cssText="flex:none;white-space:pre;";probe.appendChild(glyph);glyphs.push(glyph)}
 document.body.appendChild(probe);const zero=glyphs[0].getBoundingClientRect().width / 50, numeric = new Map(), plain = new Map();
@@ -30,10 +31,10 @@ return excess},fitSpare(columns,spare){let target,flex=columns.filter(column=>co
 flex=flex.filter(column=>column.maxW-column.renderWidth>0.5)}
 const identity=columns.find(column=>column.identity),widest=columns.filter(column=>!column.identity&&
 gridTextual(column)&&gridLevel(column)===1).sort((a,b)=>b.need-a.need)[0];grow(identity,420);if(identity&&widest)grow(widest,widest.renderWidth+spare*widest.need / (widest.need + identity.need));
-grow(identity,Infinity);grow(widest,Infinity);return target},fitHide(shown,width,phone){let total=0,remaining=shown.length;const order=(a,b)=>gridLevel(b)- gridLevel(a)||gridRank(b)- gridRank(a)||shown.indexOf(b)- shown.indexOf(a),identity=phone&&shown.find(column=>column.identity);const hide=(column,pinned)=>!column.sized&&!column.alwaysVisible&&(column.pin==="none")!==pinned&&!(phone&&column.identity)&&gridLevel(column)>!phone;for(const column of this.columns)column.fitHidden=false;if(this.layoutMode&&this.layoutMode!=="fit")return;for(const column of shown)total +=this.fitSize(column,1);for(const column of shown.filter(column=>hide(column,false)).sort(order))
-if(total>width&&remaining>1){column.fitHidden=true;total -=this.fitSize(column,1);remaining--}
-if(identity&&!identity.fixed&&!identity.sized)total +=Math.min(identity.need??identity.width,(identity.indentNeed||0)+ 2*(this.fitCh||88))+(identity.reserve||0)- this.fitSize(identity,1);if(identity)for(const column of shown.filter(column=>hide(column,true)).sort(order))
-if(total>width){column.fitHidden=true;total -=this.fitSize(column,1)}}};function gridButton(text,run){const button=h("button","cx-button");button.type="button";setText(button,text);button.onclick=event=>{button.focus({preventScroll:true});run(event)};return button}
+grow(identity,Infinity);grow(widest,Infinity);return target},fitHide(shown,width,phone,size=column=>this.fitSize(column,1)){let total=0,remaining=shown.length;const order=(a,b)=>gridLevel(b)- gridLevel(a)||gridRank(b)- gridRank(a)||shown.indexOf(b)- shown.indexOf(a),identity=phone&&shown.find(column=>column.identity);const hide=(column,pinned)=>!column.sized&&!column.alwaysVisible&&(column.pin==="none")!==pinned&&!(phone&&column.identity)&&gridLevel(column)>!phone;for(const column of this.columns)column.fitHidden=false;if(this.layoutMode&&this.layoutMode!=="fit")return;for(const column of shown)total +=size(column);for(const column of shown.filter(column=>hide(column,false)).sort(order))
+if(total>width&&remaining>1){column.fitHidden=true;total -=size(column);remaining--}
+if(identity&&!identity.fixed&&!identity.sized)total +=Math.min(identity.need??identity.width,(identity.indentNeed||0)+ 2*(this.fitCh||88))+(identity.reserve||0)- size(identity);if(identity)for(const column of shown.filter(column=>hide(column,true)).sort(order))
+if(total>width){column.fitHidden=true;total -=size(column)}}};function gridButton(text,run){const button=h("button","cx-button");button.type="button";setText(button,text);button.onclick=event=>{button.focus({preventScroll:true});run(event)};return button}
 let keyboardInput=false;if(typeof document!=="undefined"){document.addEventListener("keydown",()=>{keyboardInput=true},true);document.addEventListener("pointerdown",()=>{keyboardInput=false},true)}
 const focusDrawerTitle=title=>{if(keyboardInput&&title===document.activeElement&&!title.matches(":focus-visible"))title.blur();title.toggleAttribute("data-cx-pointer-focus",!keyboardInput);if(!keyboardInput)title.addEventListener("blur",()=>title.removeAttribute("data-cx-pointer-focus"),{once:true});title.focus({preventScroll:true,focusVisible:keyboardInput})};function gridInputLabel(text,input){const label=h("label","cx-grid-field");label.appendChild(document.createTextNode(text));label.appendChild(input);return label}
 function gridOption(value,text){const option=h("option");option.value=value;setText(option,text);return option}

package/CanopyX.Html/Assets/canopyx.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|matrix)[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",hiddenColumns:"[one]+{count} column[other]+{count} 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|change)[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)}
@@ -74,7 +74,7 @@ function trusted(kind,value){if(trustPolicy===undefined){try{trustPolicy=global.
 catch(_){trustPolicy=null}}
 return trustPolicy?trustPolicy["create"+kind](value):value}
 function hostHtml(element,html,sanitize,kind){const text=String(html??""),value=sanitize?sanitize(text,{kind}):text;if(value?.nodeType)element.replaceChildren(value);else if(typeof value==="string")element.innerHTML=trusted("HTML",value);else if(global.trustedTypes?.isHTML?.(value))element.innerHTML=value;else throw new Error("CanopyX: invalid sanitizeHtml result.")}
-DEFAULT_LABELS=Object.freeze(Object.assign({},DEFAULT_LABELS,{gridViews:"Views",gridViewName:"View name",gridSaveView:"Save view",gridRemoveView:"Remove view",gridResetView:"Reset view",gridChooseView:"Choose a saved view",gridApply:"Apply",gridFindColumn:"Find a column…",gridShowAllColumns:"Show all",gridResetColumns:"Reset columns",gridReorderColumn:"{column}: drag, or press Alt+Up or Alt+Down to move",gridPinnedLeft:"Pinned left",gridPinnedRight:"Pinned right",gridResponsiveHidden:"Hidden at this width",gridExport:"Export",gridVisibleRows:"Visible rows",gridSelectedRows:"Selected rows",gridAllRows:"All rows",gridDownloadCsv:"Download CSV",gridCopy:"Copy",gridExportProgress:"{completed} of {total} records",gridExportReading:"{completed} records",gridExportCancelled:"Export cancelled",gridCancelExport:"Cancel export",gridMore:"More",gridPrint:"Print",gridDetails:"Record details",gridDetailsSection:"Details",gridPreviousRecord:"Previous record",gridNextRecord:"Next record",gridCloseRecord:"Close record details"}));DEFAULT_LABELS=Object.freeze(Object.assign({},DEFAULT_LABELS,{recordBack:"Back",recordBackTo:"Back to {record}",recordTrail:"Record trail",recordShowing:"Showing {record}",recordTabs:"Record views",recordSections:"Jump to a section",recordOtherFields:"Other fields",recordShowEmpty:"Show empty fields ({count})",recordHideEmpty:"Hide empty fields",recordActions:"Record actions",recordCopyValues:"Copy values",recordCopyJson:"Copy as JSON",recordCopyLink:"Copy link",recordCopied:"Copied to the clipboard",recordPrint:"Print record",recordExportCsv:"Export CSV",recordExportJson:"Export JSON",recordOpenAll:"Open all in grid",recordLoadMore:"Load more",recordCount:"{shown} of {total}",recordItems:"{count} items",recordMore:"+{count}",recordShowAll:"Show all {count}",recordRetry:"Retry",recordLoadFailed:"Could not load the record details: {error}",recordUnavailable:"Record {id} is not available here.",recordField:"Field",recordValue:"Value",recordSection:"Section",recordBefore:"Before",recordAfter:"After",recordAdded:"Added",recordRemoved:"Removed",recordChanged:"{count} changed fields"}));function boundedPattern(source,exact=true,whole=false){const bad=()=>{throw new Error("CanopyX: pattern requires literals, character classes and at most one variable repetition anchored at the start; groups, alternatives and backreferences are unsupported.")};if(typeof source!=="string"||source.length>256)bad();let width=0,variable=0;for(let i=0;i<source.length;){const unit=source[i++];if(unit==="^"&&i===1||unit==="$"&&i===source.length)continue;if(unit==="\\"){const escape=source[i++];if(!escape||!/^[dDsSwWbBnrtfv\\.^$*+?{}\[\]()|/]$/.test(escape)) bad();
+DEFAULT_LABELS=Object.freeze(Object.assign({},DEFAULT_LABELS,{gridViews:"Views",gridViewName:"View name",gridSaveView:"Save view",gridRemoveView:"Remove view",gridResetView:"Reset view",gridChooseView:"Choose a saved view",gridApply:"Apply",gridFindColumn:"Find a column…",gridShowAllColumns:"Show all",gridResetColumns:"Reset columns",gridReorderColumn:"{column}: drag, or press Alt+Up or Alt+Down to move",gridPinnedLeft:"Pinned left",gridPinnedRight:"Pinned right",gridResponsiveHidden:"Hidden at this width",gridExport:"Export",gridVisibleRows:"Visible rows",gridSelectedRows:"Selected rows",gridAllRows:"All rows",gridDownloadCsv:"Download CSV",gridCopy:"Copy",gridExportProgress:"{completed} of {total} records",gridExportReading:"{completed} records",gridExportCancelled:"Export cancelled",gridCancelExport:"Cancel export",gridMore:"More",gridPrint:"Print",gridDetails:"Record details",gridDetailsSection:"Details",gridPreviousRecord:"Previous record",gridNextRecord:"Next record",gridCloseRecord:"Close"}));DEFAULT_LABELS=Object.freeze(Object.assign({},DEFAULT_LABELS,{recordBack:"Back",recordBackTo:"Back to {record}",recordTrail:"Record trail",recordShowing:"Showing {record}",recordTabs:"Record views",recordSections:"Jump to a section",recordOtherFields:"Other fields",recordShowEmpty:"Show empty fields ({count})",recordHideEmpty:"Hide empty fields",recordActions:"Record actions",recordCopyValues:"Copy values",recordCopyJson:"Copy as JSON",recordCopyLink:"Copy link",recordCopied:"Copied to the clipboard",recordPrint:"Print record",recordExportCsv:"Export CSV",recordExportJson:"Export JSON",recordOpenAll:"Open all in grid",recordLoadMore:"Load more",recordCount:"{shown} of {total}",recordItems:"{count} items",recordMore:"+{count}",recordShowAll:"Show all {count}",recordRetry:"Retry",recordLoadFailed:"Could not load the record details: {error}",recordUnavailable:"Record {id} is not available here.",recordField:"Field",recordValue:"Value",recordSection:"Section",recordBefore:"Before",recordAfter:"After",recordAdded:"Added",recordRemoved:"Removed",recordChanged:"{count} changed fields"}));function boundedPattern(source,exact=true,whole=false){const bad=()=>{throw new Error("CanopyX: pattern requires literals, character classes and at most one variable repetition anchored at the start; groups, alternatives and backreferences are unsupported.")};if(typeof source!=="string"||source.length>256)bad();let width=0,variable=0;for(let i=0;i<source.length;){const unit=source[i++];if(unit==="^"&&i===1||unit==="$"&&i===source.length)continue;if(unit==="\\"){const escape=source[i++];if(!escape||!/^[dDsSwWbBnrtfv\\.^$*+?{}\[\]()|/]$/.test(escape)) bad();
 }else if(unit==="["){let closed=false;while(i<source.length){const c=source[i++];if(c==="\\"){const escape=source[i++];if(!escape||!/^[dDsSwWbnrtfv\\.^$*+?{}\[\]()|/-]$/.test(escape)) bad(); }
 else if(c==="]"){closed=true;break}}
 if(!closed)bad()}else if("()|^$*+?{}]".includes(unit))bad();let count=1;if(i<source.length&&"*+?".includes(source[i])){variable++;i++}
@@ -334,7 +334,7 @@ function hostRenderers(renderers,columns,plugins){if(![Object.prototype,null].in
 Object.keys(renderers).some(id=>typeof renderers[id]!=="function"||!columns.some(column=>column.id===id)))
 throw new Error("CanopyX: invalid column renderers.");const named=Object.assign(Object.create(null),...plugins.map(item=>item.cellRenderers));return Object.assign(Object.create(null),...columns.filter(column=>typeof column.renderer==="string"&&named[column.renderer])
 .map(column=>({[column.id]:named[column.renderer]})),renderers)}
-function disposeHostSlot(slot){const lifetime=slot.hostLifetime;if(!lifetime)return;delete slot.hostLifetime;lifetime.dispose()}
+function disposeHostSlot(slot){slot.childSlots?.forEach(disposeHostSlot);const lifetime=slot.hostLifetime;if(!lifetime)return;delete slot.hostLifetime;lifetime.dispose()}
 function disposeRowHostCells(row){row._cells?.forEach(disposeHostSlot)}
 class HostCellContext{#controller;#cleanups;constructor(slot,column,level,expanded,index){slot.hostLifetime=this;this.column=column;this.level=level;this.expanded=expanded;this.index=index}
 get signal(){this.#controller||=new AbortController();if(this.#cleanups===null)this.#controller.abort();return this.#controller.signal}
@@ -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":["1e7e68d65a0c7aeb","canopyx-tree-tools.6f6db0b476335e64.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":["4c6c4101089c4444","canopyx-tree-tools.510207e8f47014fd.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}}
@@ -610,5 +610,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",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);
+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 change=view&&typeof CHANGE_VIEW_TYPES==="object"&&Object.hasOwn(CHANGE_VIEW_TYPES,view.type)?CHANGE_VIEW_TYPES[view.type]:null;const create=flow?FLOW_API.createFlow:matrix?MATRIX_API.createMatrix:change?change: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&&!change&&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:{},typeof CHANGES_API==="object"?CHANGES_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/JavaScript/changes.d.ts

@@ -0,0 +1,252 @@
+// Type declarations for the change views (docs/changes.md): a text diff, a change list and a propagation view.
+
+/** A note about a change that the lines cannot show, such as changed line endings. */
+export interface ChangeNote {
+  text: string;
+  /** A CanopyX tone or a host tone; info when left out. */
+  tone?: string;
+}
+
+/** A run of lines: where it starts on each side and its lines, each beginning with " " (unchanged), "-" (removed) or "+" (added). */
+export interface DiffHunk {
+  before: number;
+  after: number;
+  lines: string[];
+}
+
+/** The properties of a diff, as a diff document carries them and as a change list item's diff. */
+export interface DiffBody {
+  id: string;
+  label: string;
+  path?: string;
+  previousPath?: string;
+  /** Text by default; the other states have no lines and show their message. */
+  content?: "binary" | "unavailable" | "identical";
+  message?: string;
+  beforeTitle?: string;
+  afterTitle?: string;
+  /** The whole earlier text: the browser compares the texts when there are no hunks (up to 5,000 lines each) and opens folded regions. */
+  before?: string;
+  after?: string;
+  hunks?: DiffHunk[];
+  /** Unchanged lines around each change, 0 to 20; 3 by default. */
+  context?: number;
+  /** Side by side when there is room, by default. */
+  layout?: "inline" | "split";
+  notes?: ChangeNote[];
+  truncated?: boolean;
+  /** The host's copy-ready unified diff. */
+  unified?: string;
+  labels?: Record<string, string>;
+}
+
+/** The diff document: `{ protocol: "canopyx/2", type: "diff" }`. */
+export interface DiffDocument extends DiffBody {
+  protocol: "canopyx/2";
+  type: "diff";
+}
+
+/** Options of createDiff and CanopyX.configure for a diff fragment. */
+export interface DiffOptions {
+  view: DiffDocument;
+  labels?: Record<string, string>;
+  onReady?: (detail: { diff: string }) => void;
+  onLayout?: (detail: { diff: string; layout: "inline" | "split" }) => void;
+  onCopy?: (detail: { diff: string; copied: boolean }) => void;
+}
+
+/** The API of a diff. A call made before the changes part is in waits for it and returns a promise instead. */
+export interface DiffApi {
+  readonly element: HTMLElement;
+  readonly view: DiffDocument;
+  readonly ready: Promise<DiffApi>;
+  getLayout(): "inline" | "split";
+  setLayout(layout: "inline" | "split"): void;
+  /** Moves to the next or previous change; false when there is none. */
+  next(): boolean;
+  previous(): boolean;
+  /** Opens every folded region whose lines the diff has. */
+  expandAll(): void;
+  /** Copies the unified diff; resolves whether the clipboard took it. */
+  copy(): Promise<boolean>;
+  /** The hunks in effect: the document's, or those the browser compared. */
+  getHunks(): DiffHunk[];
+  update(view: DiffDocument): void;
+  destroy(): void;
+}
+
+/** One side of a change: size in bytes, content hash and time. */
+export interface ChangeVersion {
+  size?: number;
+  hash?: string;
+  /** ISO 8601. */
+  time?: string;
+}
+
+/** A changed file or item. */
+export interface ChangeItem {
+  id: string;
+  kind: "added" | "removed" | "modified" | "renamed";
+  path: string;
+  previousPath?: string;
+  kindLabel?: string;
+  secondary?: string;
+  before?: ChangeVersion;
+  after?: ChangeVersion;
+  /** Shown side by side; an added item shows only its after, a removed one only its before. `note` is quiet text under the values. */
+  facts?: { label: string; before?: string; after?: string; tone?: string; note?: string }[];
+  flags?: { id: string; label: string; reason: string; tone?: string }[];
+  /** A diff that opens in the item's details. */
+  diff?: DiffBody;
+  /** The ids of the list's actions this item offers; all of them when left out. */
+  actions?: string[];
+  /** Values that copy and link actions use by key. */
+  values?: Record<string, string>;
+}
+
+/**
+ * An action the items (or the list's bar) offer: a host action, one that asks for a reason first, a copy action ("path",
+ * "previousPath" or a value key), a link that opens a value (#, /, ./, ../, http(s):// or mailto: addresses), or one that reveals the
+ * item's details or diff. One of copy, link, reveal and reason at most.
+ */
+export interface ChangeAction {
+  id: string;
+  label: string;
+  icon?: "none" | "copy" | "diff" | "check" | "open" | "download" | "compare" | "flag";
+  copy?: string;
+  link?: string;
+  reveal?: "none" | "details" | "diff";
+  reason?: boolean;
+}
+
+/** The change list document: `{ protocol: "canopyx/2", type: "changes" }`. */
+export interface ChangeListDocument {
+  protocol: "canopyx/2";
+  type: "changes";
+  id: string;
+  label: string;
+  actions?: ChangeAction[];
+  /** The bar's actions: host actions, and copy and link actions on the list's values. */
+  toolbar?: ChangeAction[];
+  values?: Record<string, string>;
+  /** The files the bar offers to download: the items the filters keep. */
+  exports?: ("csv" | "json")[];
+  items: ChangeItem[];
+  groupByFolder?: boolean;
+  flaggedOnly?: boolean;
+  expandFlagged?: boolean;
+  hashLength?: number;
+  pageSize?: number;
+  timeZone?: "utc" | "local";
+  labels?: Record<string, string>;
+}
+
+/** The reader's filters and open items. */
+export interface ChangeListState {
+  kinds: ChangeItem["kind"][];
+  flaggedOnly: boolean;
+  open: string[];
+}
+
+/** What canopyx:changeAction carries. */
+export interface ChangeActionDetail {
+  list: string;
+  action: string;
+  /** The item, or null for an action of the list's bar. */
+  item: string | null;
+  kind: ChangeItem["kind"] | null;
+  path: string | null;
+  previousPath: string | null;
+  /** The item's values, or the list's for a bar action. */
+  values: Record<string, string>;
+  /** For a copy action, whether the clipboard took the value; null otherwise. */
+  copied: boolean | null;
+  /** The reason the reader gave, for an action that asks for one. */
+  reason?: string;
+  /** The address a link action opened. */
+  href?: string;
+  /** What a reveal action opened. */
+  reveal?: "details" | "diff";
+}
+
+/** What canopyx:changeExport carries. */
+export interface ChangeExportDetail {
+  list: string;
+  format: "csv" | "json";
+  count: number;
+  /** Whether the browser was given the file. */
+  saved: boolean;
+}
+
+/** Options of createChangeList and CanopyX.configure for a change list fragment. */
+export interface ChangeListOptions {
+  view: ChangeListDocument;
+  labels?: Record<string, string>;
+  state?: Partial<ChangeListState>;
+  onReady?: (detail: { list: string }) => void;
+  /** Receives every action; for a host action, having it claims the action (as cancelling canopyx:changeAction does). */
+  onAction?: (detail: ChangeActionDetail, event: CustomEvent<ChangeActionDetail>) => void;
+  onExport?: (detail: ChangeExportDetail) => void;
+  onToggle?: (detail: { list: string; item: string; open: boolean }) => void;
+  onStateChange?: (state: ChangeListState) => void;
+}
+
+/** The API of a change list. */
+export interface ChangeListApi {
+  readonly element: HTMLElement;
+  readonly view: ChangeListDocument;
+  readonly ready: Promise<ChangeListApi>;
+  getState(): Readonly<ChangeListState>;
+  setState(state: Partial<ChangeListState>): void;
+  /** Opens, closes or switches an item's details; false for an unknown item. */
+  toggle(id: string, open?: boolean): boolean;
+  focusItem(id: string): boolean;
+  update(view: ChangeListDocument): void;
+  destroy(): void;
+}
+
+/** Where a change stands at a replica. */
+export type PropagationState = "converged" | "propagating" | "fault" | "unknown";
+
+/** The propagation document: `{ protocol: "canopyx/2", type: "propagation" }`. */
+export interface PropagationDocument {
+  protocol: "canopyx/2";
+  type: "propagation";
+  id: string;
+  label: string;
+  /** ISO 8601: when the change happened; the delays count from it. */
+  start?: string;
+  /** ISO 8601: when the evidence is from. */
+  asOf?: string;
+  state?: PropagationState;
+  summary?: string;
+  title?: string;
+  /** How a group heading counts its replicas, with {count} and optional plural forms. */
+  groupCount?: string;
+  witnesses: { id: string; label: string; secondary?: string; state: PropagationState; firstSeen?: string; lastSeen?: string; note?: string; source?: boolean; group?: string }[];
+  timeZone?: "utc" | "local";
+  labels?: Record<string, string>;
+}
+
+/** Options of createPropagation and CanopyX.configure for a propagation fragment. */
+export interface PropagationOptions {
+  view: PropagationDocument;
+  labels?: Record<string, string>;
+  onReady?: (detail: { propagation: string }) => void;
+}
+
+/** The API of a propagation view. */
+export interface PropagationApi {
+  readonly element: HTMLElement;
+  readonly view: PropagationDocument;
+  readonly ready: Promise<PropagationApi>;
+  update(view: PropagationDocument): void;
+  destroy(): void;
+}
+
+/** Creates a text diff in a host element (docs/changes.md). Ships with the grid and reporting entry points. */
+export declare function createDiff(host: HTMLElement, options: DiffOptions): DiffApi;
+/** Creates a change list in a host element (docs/changes.md). Ships with the grid and reporting entry points. */
+export declare function createChangeList(host: HTMLElement, options: ChangeListOptions): ChangeListApi;
+/** Creates a propagation view in a host element (docs/changes.md). Ships with the grid and reporting entry points. */
+export declare function createPropagation(host: HTMLElement, options: PropagationOptions): PropagationApi;

package/JavaScript/grid.d.ts

@@ -354,6 +354,8 @@ interface GridDefinition<Q extends AcceptedGridQuery = GridQuery, Row extends Gr
   /** Pager settings of a paged view, read by the pager part (canopyx-pager.js); absent keeps the built-in pager. */
   pager?: GridPager;
   selection: "none" | "single" | "multiple";
+  /** Ordinal IDs are source positions in one snapshot; saved selection replay and keyed live updates are unavailable. Default stableKey. */
+  rowIdentity?: "stableKey" | "ordinal";
   search: boolean;
   /** Search-input debounce (0..5000). Absent uses 0 for inline and 300 for host sources. */
   searchDelayMs?: number;
@@ -378,6 +380,8 @@ interface GridDefinition<Q extends AcceptedGridQuery = GridQuery, Row extends Gr
   dragRows?: boolean;
   stateKey?: string;
   timeZone?: TimeZone;
+  /** Space-separated host styling classes copied onto body-appended record, text and column overlays when opened. */
+  overlayClass?: string;
   labels?: Partial<CanopyLabels>;
   /** Sanitizes trusted host HTML details before insertion; shares the tree host's sanitizer contract. */
   sanitizeHtml?: HostOptions["sanitizeHtml"];
@@ -695,6 +699,8 @@ interface GridHostBehavior<Q extends AcceptedGridQuery = GridQuery, Row extends
   /** Overrides the view's search-input debounce (0..5000); Enter always applies immediately. */
   searchDelayMs?: number;
   source?: Q extends GridCursorQuery ? GridCursorSource<Row> : GridSource<Row>;
+  /** Space-separated host styling classes copied onto body-appended record, text and column overlays when opened. */
+  overlayClass?: string;
   labels?: Partial<CanopyLabels>;
   renderers?: Record<string, (row: Row, element: HTMLElement, context: GridCellContext) => boolean | void>;
   cachePageLimit?: number;
@@ -933,14 +939,15 @@ export function createDataGrid<Row extends GridRow = GridRow>(host: HTMLElement,
 export function createDataGrid<Row extends GridRow = GridRow>(host: HTMLElement, options: CursorGridOptions<GridNamedRow<Row>>): DataGrid<GridCursorQuery, Row>;
 /** A calendar from a list of events, with no grid schema to write: a preset (basic by default) and options over it (calendar.d.ts). */
 export function createCalendar(host: HTMLElement, options?: CalendarOptions): DataGrid<GridQuery, GridRow>;
-/** Registers options before a tree, flat-grid, flow or matrix fragment mounts. */
-export function configure(viewId: string, options: HostOptions | GridHostOptions | GridHostOptions<GridCursorQuery> | Partial<Omit<FlowOptions, "flow">> | Partial<Omit<MatrixOptions, "view">>): () => void;
+/** Registers options before a tree, flat-grid, flow, matrix or change view fragment mounts. */
+export function configure(viewId: string, options: HostOptions | GridHostOptions | GridHostOptions<GridCursorQuery> | Partial<Omit<FlowOptions, "flow">> | Partial<Omit<MatrixOptions, "view">>
+  | Partial<Omit<DiffOptions, "view">> | Partial<Omit<ChangeListOptions, "view">> | Partial<Omit<PropagationOptions, "view">>): () => void;
 /**
- * Mounts tree, flat-grid, flow and matrix fragments below root, or root itself when it is a fragment. Fragments marked
+ * Mounts tree, flat-grid, flow, matrix and change view fragments below root, or root itself when it is a fragment. Fragments marked
  * `data-cx-mount="visible"` below root wait until they come near the viewport; passing such a fragment as root mounts it at once.
  * Narrow a controller before using view-specific methods.
  */
-export function mount(root?: ParentNode): Array<TreeGrid | DataGrid<AcceptedGridQuery> | FlowApi | MatrixApi>;
+export function mount(root?: ParentNode): Array<TreeGrid | DataGrid<AcceptedGridQuery> | FlowApi | MatrixApi | DiffApi | ChangeListApi | PropagationApi>;
 
 import type { createFlow, FlowApi, FlowOptions } from "./flow.js";
 export { createFlow } from "./flow.js";
@@ -948,5 +955,8 @@ export type { FlowDocument, FlowField, FlowStep, FlowSection, FlowOption, FlowCo
 import type { createMatrix, MatrixOptions, MatrixApi } from "./matrix.js";
 export { createMatrix } from "./matrix.js";
 export type { MatrixDocument, MatrixAxis, MatrixItem, MatrixAttribute, MatrixState, MatrixSort, MatrixNote, MatrixQueryState, MatrixStateInput, MatrixCellDetail, MatrixOptions, MatrixApi } from "./matrix.js";
-declare const gridRuntime: Omit<typeof CanopyX, "configure" | "mount"> & { createDataGrid: typeof createDataGrid; createCalendar: typeof createCalendar; createFlow: typeof createFlow; createMatrix: typeof createMatrix; enhance: typeof enhance; grid: typeof grid; configure: typeof configure; mount: typeof mount };
+import type { createDiff, createChangeList, createPropagation, DiffOptions, DiffApi, ChangeListOptions, ChangeListApi, PropagationOptions, PropagationApi } from "./changes.js";
+export { createDiff, createChangeList, createPropagation } from "./changes.js";
+export type { ChangeNote, DiffHunk, DiffBody, DiffDocument, DiffOptions, DiffApi, ChangeVersion, ChangeItem, ChangeAction, ChangeListDocument, ChangeListState, ChangeActionDetail, ChangeExportDetail, ChangeListOptions, ChangeListApi, PropagationState, PropagationDocument, PropagationOptions, PropagationApi } from "./changes.js";
+declare const gridRuntime: Omit<typeof CanopyX, "configure" | "mount"> & { createDataGrid: typeof createDataGrid; createCalendar: typeof createCalendar; createFlow: typeof createFlow; createMatrix: typeof createMatrix; createDiff: typeof createDiff; createChangeList: typeof createChangeList; createPropagation: typeof createPropagation; enhance: typeof enhance; grid: typeof grid; configure: typeof configure; mount: typeof mount };
 export default gridRuntime;

package/JavaScript/locales/de.mjs

@@ -11,6 +11,7 @@ const labels = Object.freeze({
   searchWordTooShort: "Ein Wort mit mindestens {min} Zeichen eingeben",
   searchFailed: "Suche fehlgeschlagen: {error}",
   columns: "Spalten",
+  hiddenColumns: "[one]+{count} Spalte[other]+{count} Spalten",
   gridFilters: "Filter",
   gridFitContent: "An Inhalt anpassen",
   gridUnpin: "Fixierung aufheben",
@@ -243,7 +244,7 @@ const labels = Object.freeze({
   gridExportCancelled: "Export abgebrochen",
   gridCancelExport: "Export abbrechen",
   gridPrint: "Drucken",
-  gridCloseRecord: "Datensatzdetails schließen",
+  gridCloseRecord: "Schließen",
   gridContains: "enthält",
   gridStartsWith: "beginnt mit",
   gridIn: "ist einer der Werte",
@@ -688,13 +689,86 @@ const labels = Object.freeze({
   matrixItemTotal: "{item}: {count}",
   matrixExpandGroup: "{group} aufklappen",
   matrixCollapseGroup: "{group} zuklappen",
-  matrixGroupCount: "Elemente: {count}",
+  matrixGroupCount: "{count}",
+  matrixCellCount: "Zellen: {count}",
   matrixDetails: "Details",
   matrixClose: "Schließen",
   matrixValue: "Wert",
   matrixState: "Zustand",
   matrixAllClear: "Nichts erfordert Aufmerksamkeit",
   matrixShowMore: "Mehr anzeigen",
+  changeInline: "Inline",
+  changeSplit: "Nebeneinander",
+  changeLayout: "Ansicht",
+  changeCopyDiff: "Diff kopieren",
+  changeCopied: "Kopiert",
+  changeCopyFailed: "Kopieren nicht möglich",
+  changeNext: "Nächste Änderung",
+  changePrevious: "Vorherige Änderung",
+  changePosition: "Änderung {index} von {count}",
+  changeShowLines: "[one]{count} weitere Zeile anzeigen[other]{count} weitere Zeilen anzeigen",
+  changeHiddenLines: "[one]{count} unveränderte Zeile nicht enthalten[other]{count} unveränderte Zeilen nicht enthalten",
+  changeLineCounts: "Hinzugefügte Zeilen: {added}, entfernte: {removed}",
+  changeLineAdded: "Hinzugefügte Zeile {line}",
+  changeLineRemoved: "Entfernte Zeile {line}",
+  changeLineContext: "Zeile {line}",
+  changeBefore: "Vorher",
+  changeAfter: "Nachher",
+  changeBinary: "Binärdatei: nach Größe und Hash verglichen, nicht zeilenweise.",
+  changeUnavailable: "Der Inhalt dieser Datei ist nicht verfügbar.",
+  changeIdentical: "Der Text hat sich nicht geändert.",
+  changeTruncated: "Einige Änderungen fehlen: Der Vergleich war zu groß.",
+  changeTooLarge: "Diese Texte sind zu lang, um sie hier zu vergleichen.",
+  changeDiffOf: "Änderungen in {name}",
+  changeAdded: "Hinzugefügt",
+  changeRemoved: "Entfernt",
+  changeModified: "Geändert",
+  changeRenamed: "Umbenannt",
+  changeFlaggedOnly: "Nur markierte",
+  changeFlaggedCount: "{count} markiert",
+  changeNoItems: "Keine Änderungen anzuzeigen.",
+  changeSize: "Größe",
+  changeHash: "Hash",
+  changeTime: "Zeit",
+  changeCopyHash: "Vollständigen Hash kopieren",
+  changeDetails: "Details zu {name}",
+  changeFileCount: "[one]{count} Datei[other]{count} Dateien",
+  changeFrom: "von {path}",
+  changeShowMore: "Mehr anzeigen",
+  changeFlags: "Markierungen",
+  changeFacts: "Details",
+  changeRoot: "Oberste Ebene",
+  changeShown: "{shown} von {total} angezeigt",
+  changeFilter: "Änderungen anzeigen",
+  changeActions: "Aktionen für {name}",
+  changeConverged: "Konvergiert",
+  changePropagating: "Wird repliziert",
+  changeFault: "Fehler",
+  changeUnknown: "Unbekannt",
+  changeReplica: "Replikat",
+  changeState: "Zustand",
+  changeFirstSeen: "Zuerst gesehen",
+  changeLastSeen: "Zuletzt gesehen",
+  changeTimeline: "Verzögerung",
+  changeNotSeen: "Noch nicht gesehen",
+  changeDelay: "+{duration}",
+  changeSource: "Quelle",
+  changeProgress: "{converged} von {total} haben die Änderung",
+  changeSeconds: "{count} s",
+  changeMinutes: "{count} Min.",
+  changeHours: "{count} Std.",
+  changeDays: "{count} T.",
+  changeUtcTime: "{time} UTC",
+  changeExportCsv: "CSV exportieren",
+  changeExportJson: "JSON exportieren",
+  changeReason: "Grund",
+  changeReasonHint: "{action}: Begründen Sie die Aktion. Der Grund wird mit ihr gespeichert.",
+  changeReasonRequired: "Geben Sie zuerst einen Grund ein.",
+  changeCancel: "Abbrechen",
+  changeUnclaimed: "Diese Seite kann „{action}“ nicht selbst ausführen. Kopieren Sie die Anfrage, um sie weiterzugeben.",
+  changeCopyRequest: "Anfrage kopieren",
+  changeFiltered: "Gefiltert: {filters}",
+  changePrintLimit: "{count} weitere Zeilen werden nicht gedruckt.",
 });
 const staticLabels = Object.freeze({
   overflowNote: "{shown} Zeilen angezeigt. Gesamtzahl: {total}.",