@evotecit/canopyx 0.3.5 → 0.3.7

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

@@ -1,4 +1,4 @@
-(function(global){"use strict";const installed=new WeakSet();const part={version:"dbc7cd1bfd91ce63",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}
@@ -64,8 +65,9 @@ this.groupPins();this.restoredPin=true}
 return TREE_FIT.applyStatePresentation.call(this,state)}});const TREE_HEIGHT_DELAY=60;Object.assign(TreeGrid.prototype,{watchHeight(){if(!this.fitReady||this.view.autoHeight===false||this.total===this.heightTotal&&
 (this.heightFitted||!this.rows.some(row=>!row.status)))return;const growing=this.total>this.heightTotal;this.heightTotal=this.total;clearTimeout(this.heightTimer);if(!this.heightFitted||growing){this.fitHeight();return}
 this.heightTimer=setTimeout(()=>this.destroyed||this.fitHeight(),TREE_HEIGHT_DELAY)},fitHeight(){const grid=this.grid,style=this.host.style;if(!grid.clientWidth){this.heightTotal=undefined;return}
-if(this.heightInline===undefined){this.heightInline=style.maxHeight;this.heightMax=parseFloat(getComputedStyle(this.host).maxHeight)||Infinity;this.lifetime.signal.addEventListener("abort",()=>{clearTimeout(this.heightTimer);style.maxHeight=this.heightInline},{once:true})}
-const content=[...grid.children].reduce((sum,child)=>sum+child.offsetHeight,grid.offsetHeight-grid.clientHeight);const value=this.rows.length?Math.min(this.heightMax,Math.ceil(this.host.offsetHeight-grid.offsetHeight+content))+ "px":this.heightInline;if(style.maxHeight!==value){style.maxHeight=value;const anchor=this.interactionPanel&&this.rendered.get(this.panelNode);if(anchor?.isConnected)this.placeInteractionPanel(anchor)}
+if(this.heightInline===undefined){const own=getComputedStyle(this.host).maxHeight;this.heightInline=style.maxHeight;this.heightMax=own==="none"||!own?Infinity:/^-?[\d.]+px$/.test(own) ? parseFloat(own) : own;
+this.lifetime.signal.addEventListener("abort",()=>{clearTimeout(this.heightTimer);style.maxHeight=this.heightInline},{once:true})}
+const content=[...grid.children].reduce((sum,child)=>sum+child.offsetHeight,grid.offsetHeight-grid.clientHeight);const height=Math.ceil(this.host.offsetHeight-grid.offsetHeight+content),bound=this.heightMax;const value=!this.rows.length?this.heightInline:typeof bound==="number"?Math.min(bound,height)+ "px":"min("+height+"px, "+bound+")";if(style.maxHeight!==value){style.maxHeight=value;const anchor=this.interactionPanel&&this.rendered.get(this.panelNode);if(anchor?.isConnected)this.placeInteractionPanel(anchor)}
 if(this.rows.some(row=>!row.status))this.heightFitted=true}});Object.assign(TreeGrid.prototype,{prepareSavedViews(){this.savedViews=new Map();if(this.stateKey())try{const stored=JSON.parse(sessionStorage.getItem(this.stateKey()+ ":views")||"[]");for(const entry of Array.isArray(stored)?stored.slice(0,20):[])if(this.readState(entry&&entry.state))this.savedViews.set(this.viewName(entry.name),entry.state)}catch(error){/* Unavailable storage or an invalid entry leaves the views that could be read. */ }
 },writeSavedViews(){if(this.stateKey())try{sessionStorage.setItem(this.stateKey()+ ":views",JSON.stringify([...this.savedViews].map(([name,state])=>({name,state}))))}
 catch(error){/* A disabled or full storage leaves the current session usable. */ }

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)[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":["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);
+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}}

package/JavaScript/flow.d.ts

@@ -2,12 +2,18 @@
 // proposal to the host. The flow entry point (@evotecit/canopyx/flow) and the grid entry points create them.
 import type { CanopyPlugin } from "./plugins.js";
 
-/** A value a field holds: text, a number, a boolean, a list of values, or nothing. Secrets never have one. */
-export type FlowValue = string | number | boolean | null | readonly (string | number | boolean)[];
+/** A value a field holds: text, a number, a boolean, a list of values, rows of a records field, picked records, or nothing. Secrets never have one. */
+export type FlowValue = string | number | boolean | null | readonly (string | number | boolean)[] | readonly FlowRecordRow[] | readonly FlowPickedRecord[];
+
+/** A row of a records field: a cell per column. */
+export type FlowRecordRow = Readonly<Record<string, string | number | boolean | null>>;
+
+/** A record a pick step chose: its id and the label the tray and the review page show. */
+export interface FlowPickedRecord { readonly id: string; readonly label: string }
 
 /** The field types: the shared grid editors, the types flows add, and custom editors. */
 export type FlowFieldType = "text" | "number" | "date" | "datetime" | "time" | "select" | "toggle" | "lookup" | "choice" | "multiChoice"
-  | "textarea" | "list" | "secret" | "duration" | "custom";
+  | "textarea" | "list" | "secret" | "duration" | "records" | "custom";
 
 /** A condition operator, from the filter builder's grammar. */
 export type FlowOperator = "eq" | "ne" | "gt" | "ge" | "lt" | "le" | "contains" | "notContains" | "startsWith" | "endsWith" | "matches" | "notMatches"
@@ -77,17 +83,73 @@ export interface FlowField {
   units?: readonly ("seconds" | "minutes" | "hours" | "days")[];
   /** Custom fields: the registered editor's name. */
   editor?: string;
+  /** Select, choice, multiple-choice and lookup fields: "host" takes the options from hooks.options (or an endpoint). */
+  source?: "document" | "host";
+  /** The fields (at most 16, never secrets) whose change reloads host options, or empties this answer. */
+  dependsOn?: readonly string[];
+  /** Records fields: the columns of each row (1 to 16). */
+  columns?: readonly FlowRecordColumn[];
+}
+
+/** A column of a records field. */
+export interface FlowRecordColumn {
+  id: string;
+  title: string;
+  type?: "text" | "number" | "date" | "time" | "select" | "toggle";
+  required?: boolean;
+  options?: readonly FlowOption[];
+  validation?: { min?: number; max?: number; minLength?: number; maxLength?: number; pattern?: string; message?: string };
+  width?: number;
+}
+
+/** A server check of some answers, such as "Send a test message", run through hooks.check (or an endpoint). */
+export interface FlowCheck {
+  id: string;
+  label: string;
+  description?: string;
+  /** The fields it tests (1 to 64); a change marks its result stale. Secrets among them reach the hook through secret(id). */
+  fields: readonly string[];
+  /** "pass" blocks Next until it passes on the current answers; "run" until it ran on them without failing. */
+  required?: "pass" | "run";
+}
+
+/** A pick step's picker: a grid or tree view whose selection is the step's answer. */
+export interface FlowPick {
+  field: {
+    id: string; label?: string; help?: string; required?: boolean; when?: FlowCondition; parameter?: string; path?: string; sensitive?: boolean;
+    validation?: Pick<FlowValidation, "minItems" | "maxItems" | "message">; default?: readonly FlowPickedRecord[];
+  };
+  /** The grid or tree view document (canopyx/2). */
+  view: Readonly<Record<string, unknown>>;
+  /** The view column whose value labels a picked record. */
+  label: string;
+  /** Whether the tray of picked records shows (default true). */
+  tray?: boolean;
+  height?: number;
 }
 
-/** A section of a step: a heading over some of its fields. */
-export interface FlowSection { id: string; label: string; description?: string; fields: readonly FlowField[]; when?: FlowCondition }
+/** A preset the reader can start from. */
+export interface FlowPreset { id: string; label: string; description?: string; values: Readonly<Record<string, FlowValue>> }
 
-/** A step: a form, a page of text, or the review page (which comes last). */
+/** A section of a step: a heading over some of its fields, or over fields the host supplies. */
+export interface FlowSection {
+  id: string;
+  label: string;
+  description?: string;
+  /** The section's own fields; none when its fields come from the host. */
+  fields?: readonly FlowField[];
+  when?: FlowCondition;
+  /** "host": hooks.fields (or an endpoint) supplies the fields as the step opens, and again when a field in dependsOn changes. */
+  source?: "host";
+  dependsOn?: readonly string[];
+}
+
+/** A step: a form, a page of text, a pick step, or the review page (which comes last). */
 export interface FlowStep {
   id: string;
   title?: string;
   description?: string;
-  type?: "form" | "info" | "review";
+  type?: "form" | "info" | "pick" | "review";
   fields?: readonly FlowField[];
   sections?: readonly FlowSection[];
   when?: FlowCondition;
@@ -96,6 +158,19 @@ export interface FlowStep {
   declaration?: string;
   /** Review steps in edit mode: whether only changed answers show first (default true). */
   changesOnly?: boolean;
+  /** Form steps: server checks (at most 8). */
+  checks?: readonly FlowCheck[];
+  /** Task lists: the heading the task sits under. */
+  group?: string;
+  /** Pick steps: the picker. */
+  pick?: FlowPick;
+  /** Review steps: a text the reader types before submitting, or a field whose answer they type. */
+  confirm?: { label: string; text?: string; field?: string };
+  /** Review steps: a box the reader ticks before submitting, while the condition holds. */
+  acknowledge?: { label: string; when?: FlowCondition };
+  /** Review steps: true says the review page shows the host's preview (hooks.preview), so the page loads the preview part with
+   *  the flow; without it, a preview hook loads the part on its own. */
+  preview?: boolean;
 }
 
 /** A flow document, the contract C# writes with CanopyFlow and any host can map. */
@@ -105,8 +180,9 @@ export interface FlowDocument {
   id: string;
   title: string;
   description?: string;
-  mode?: "linear" | "free";
-  layout?: { orientation?: "auto" | "horizontal" | "vertical" };
+  mode?: "linear" | "free" | "tasks";
+  /** Container "dialog" or "drawer" opens the flow from a launch button. */
+  layout?: { orientation?: "auto" | "horizontal" | "vertical"; container?: "inline" | "dialog" | "drawer"; launch?: string };
   density?: "compact" | "normal" | "comfortable";
   timeZone?: "utc" | "local";
   steps: readonly FlowStep[];
@@ -117,6 +193,15 @@ export interface FlowDocument {
   baseline?: string;
   submit?: { label?: string };
   labels?: Readonly<Record<string, string>>;
+  /** The equivalent command the review page shows; variants come from hooks.commands. */
+  command?: { name: string; style?: "powershell" | "posix" | "windows"; variants?: readonly { id: string; label: string }[] };
+  presets?: readonly FlowPreset[];
+  /** Where the draft lives: nowhere (the default), the session, local storage, or hooks.draftStore. */
+  draft?: "none" | "session" | "local" | "host";
+  /** Whether the page's address names the open step (#flow-id/step-id). */
+  deepLinks?: boolean;
+  /** Routes on the page's own origin that answer the hooks the host left unset (CanopyX.AspNetCore's MapCanopyFlow). */
+  endpoint?: { url: string; routes: readonly ("options" | "fields" | "check" | "validate" | "preview" | "status" | "draft" | "submit")[] };
 }
 
 /** The proposal flowSubmit carries: visible answers, secret states, the changes and a JSON patch. Never a secret value. */
@@ -130,8 +215,50 @@ export interface FlowSubmission {
   secrets: Record<string, { state: "set" | "keep" }>;
   changes: { field: string; path?: string; from: FlowValue; to: FlowValue }[];
   patch: ({ op: "add" | "replace"; path: string; value: FlowValue } | { op: "remove"; path: string })[];
+  /** The checks that ran on these answers, as the browser saw them: a claim the server runs again before relying on it. */
+  checks?: Record<string, { status: FlowCheckStatus; at: string }>;
+  /** The equivalent command of these answers; typed secrets read <secret>. */
+  command?: string;
+  /** The preset the answers started from. */
+  preset?: string;
+}
+
+/** A check's outcome. */
+export type FlowCheckStatus = "pass" | "warning" | "fail";
+
+/** What a check answers. */
+export interface FlowCheckResult {
+  status: FlowCheckStatus;
+  message?: string;
+  details?: { label: string; value: string | number | boolean }[];
+  fieldErrors?: Record<string, string>;
 }
 
+/** A task's state on a task-list flow, as the host sees it. */
+export interface FlowStepState { state: "complete" | "needsAction" | "blocked" | "notStarted"; summary?: string; blockers?: string[] }
+
+/** A row of the review page's preview. */
+export interface FlowPreviewRow { label: string; value: string | number | boolean; tone?: "info" | "success" | "warning" | "danger" }
+
+/** The review page's preview: rows of what submitting does, or a title, rows and notes. Text only. */
+export type FlowPreview = readonly FlowPreviewRow[] | { title?: string; rows?: readonly FlowPreviewRow[]; notes?: readonly string[] };
+
+/** A draft: the answers (never secrets or sensitive fields), the open step, the completed steps, the preset and the baseline. */
+export interface FlowDraft {
+  kind: "flowDraft";
+  version: 1;
+  flow: string;
+  step: string;
+  completed: string[];
+  values: Record<string, FlowValue>;
+  saved: string;
+  baseline?: string;
+  preset?: string;
+}
+
+/** What an asynchronous hook receives: a signal that a newer request, Cancel, the timeout or destroy aborts. */
+export interface FlowHookContext { signal: AbortSignal }
+
 /** The submit event's detail: the proposal, how to answer it, and each secret once. */
 export interface FlowSubmitDetail extends Readonly<FlowSubmission> {
   respondWith(answer: FlowAnswer | Promise<FlowAnswer>): void;
@@ -159,6 +286,24 @@ export interface FlowHooks {
   validateStep?(stepId: string, values: Record<string, FlowValue>): FlowRuleResult | Promise<FlowRuleResult>;
   validateFlow?(values: Record<string, FlowValue>): FlowRuleResult | Promise<FlowRuleResult>;
   submit?(detail: FlowSubmitDetail): FlowAnswer | Promise<FlowAnswer>;
+  /** The options of a field whose source is "host". */
+  options?(fieldId: string, values: Record<string, FlowValue>, context: FlowHookContext): readonly FlowOption[] | Promise<readonly FlowOption[]>;
+  /** The fields of a host section: at most 64, of the plain types, without path, source or dependsOn. */
+  fields?(sectionId: string, values: Record<string, FlowValue>, context: FlowHookContext): readonly FlowField[] | Promise<readonly FlowField[]>;
+  /** Runs a check; secret(id) reads, once, a secret among the fields it tests. */
+  check?(checkId: string, values: Record<string, FlowValue>, context: FlowHookContext & { secret(fieldId: string): string | null }): FlowCheckResult | Promise<FlowCheckResult>;
+  /** The review page's preview of what submitting does. */
+  preview?(values: Record<string, FlowValue>, context: FlowHookContext): FlowPreview | Promise<FlowPreview>;
+  /** A task list's step states, by step id. */
+  status?(values: Record<string, FlowValue>, context: FlowHookContext): Record<string, FlowStepState> | Promise<Record<string, FlowStepState>>;
+  /** The command's variants, by variant id: each writes the command line of the answers. */
+  commands?: Record<string, (values: Record<string, FlowValue>) => string | Promise<string>>;
+  /** The store of draft "host". */
+  draftStore?: { load(flowId: string): FlowDraft | null | Promise<FlowDraft | null>; save(flowId: string, draft: FlowDraft): void | Promise<void>; clear(flowId: string): void | Promise<void> };
+  /** Presets the host keeps; save adds "Save as preset". */
+  presetStore?: { list(flowId: string): readonly FlowPreset[] | Promise<readonly FlowPreset[]>; save?(flowId: string, preset: FlowPreset): void | Promise<void> };
+  /** Grid or tree options of a pick step's view, by step id, such as a remote data source. */
+  pickers?: Record<string, Readonly<Record<string, unknown>>>;
 }
 
 /** Options of createFlow and CanopyX.configure for a flow fragment. */
@@ -176,6 +321,17 @@ export interface FlowOptions {
   onSubmit?(detail: FlowSubmitDetail): FlowAnswer | Promise<FlowAnswer> | void;
   onSubmitted?(answer: FlowAnswer): void;
   onReload?(detail: { baseline: string | null }): void;
+  onCheck?(detail: { check: string; result: { status: FlowCheckStatus; message: string | null; details: { label: string; value: string }[]; at: string } }): void;
+  /** A dialog or drawer flow closes with answers; false (or cancelling flowLeaving) keeps it open. */
+  onLeaving?(detail: { reason: "close" }): boolean | void;
+  /** Deep links: a step's fragment, in place of "flow-id/step-id". */
+  formatLink?(stepId: string): string | null;
+  /** Deep links: the step a fragment names, or null. */
+  parseLink?(fragment: string): string | null;
+  /** How long an asynchronous hook may take, in milliseconds: 100 to 600000, default 30000. */
+  timeout?: number;
+  /** Headers an endpoint's requests carry, such as an antiforgery token. */
+  headers?: Record<string, string>;
 }
 
 /** A validation result: the errors and warnings of a step or the whole flow. */
@@ -212,6 +368,21 @@ export interface FlowApi {
   submit(): Promise<FlowAnswer | null>;
   setProgress(progress: { done?: number; total?: number; message?: string }): boolean;
   complete(answer: FlowAnswer): boolean;
+  /** Runs a check now; resolves with its result as the flow keeps it (field messages show in place), or null when it was cancelled.
+   *  Rejects for a check the flow does not have. */
+  runCheck(checkId: string): Promise<{ status: FlowCheckStatus; message: string | null; details: { label: string; value: string }[]; at: string } | null>;
+  /** Loads a host-option field's options again. Rejects for any other field. */
+  refreshOptions(fieldId: string): Promise<void>;
+  /** Sets a task's state as the host sees it; null returns it to what the answers say. Throws for a flow that is no task list. */
+  setStepState(stepId: string, state: FlowStepState | null): void;
+  /** Saves the draft now; resolves with whether it was saved (false for a flow without a draft store). */
+  saveDraft(): Promise<boolean>;
+  /** Starts from a preset, or from the plain start with null. Rejects for a preset the flow does not have. */
+  setPreset(presetId: string | null): Promise<void>;
+  /** Dialog and drawer flows: opens the container; true once it is open, false for an inline flow. */
+  open(): boolean;
+  /** Dialog and drawer flows: closes the container, asking first when answers would be lost; false when it stays open. */
+  close(): boolean;
   /** Releases the flow and its host's mount state, even before ready or after mount failure. Repeated calls do nothing. */
   destroy(): void;
 }

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;
@@ -887,6 +893,8 @@ export interface DataGrid<Q extends AcceptedGridQuery = GridQuery, Row extends G
   getSelection(): string[];
   setSelection(ids: string[]): void;
   clearSelection(): void;
+  /** The loaded records among ids, as copies of { id, cells }; a record that is not loaded now is left out. Never fetches. */
+  getLoadedRows(ids: readonly string[]): { id: string; cells: Record<string, Cell> }[];
   prepareExport(options: GridExportOptions): GridExport<Q>;
   toCsv(options: GridExportOptions): Promise<string>;
   copy(options: GridExportOptions): Promise<string>;

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",
@@ -588,6 +589,80 @@ const labels = Object.freeze({
   flowCopied: "Kopiert",
   flowSavedIt: "Ich habe es gespeichert",
   flowShownOnce: "Wird nur einmal angezeigt. Jetzt kopieren.",
+  flowTimedOut: "Der Host hat nicht rechtzeitig geantwortet.",
+  flowNoHostHook: "Der Host beantwortet das nicht.",
+  flowOptionsLoading: "Optionen werden geladen…",
+  flowOptionsFailed: "Die Optionen konnten nicht geladen werden: {message}",
+  flowRetry: "Erneut versuchen",
+  flowRunAgain: "Erneut ausführen",
+  flowRunCheckAgain: "„{check}“ erneut ausführen",
+  flowFieldsLoading: "Felder werden geladen…",
+  flowFieldsFailed: "Die Felder konnten nicht geladen werden: {message}",
+  flowChangedMark: "Geändert",
+  flowRecordActions: "Aktionen",
+  flowRecordCell: "{column}, Zeile {row}",
+  flowRecordRemove: "Zeile {row} entfernen",
+  flowRecordAdd: "Zeile hinzufügen",
+  flowRecordsEmpty: "Noch keine Zeilen.",
+  flowRecordProblem: "Zeile {row}: {message}",
+  flowRecordsCount: "[one]{count} Zeile[other]{count} Zeilen",
+  flowPickMore: "und {count} weitere",
+  flowPickCount: "[one]{count} ausgewählt[other]{count} ausgewählt",
+  flowPickChosen: "Ausgewählt",
+  flowPickNone: "Noch nichts ausgewählt.",
+  flowChecks: "Prüfungen",
+  flowCancel: "Abbrechen",
+  flowCheckAcknowledge: "Trotz der Warnung fortfahren",
+  flowCheckRunning: "Wird geprüft…",
+  flowCheckNotRun: "Nicht ausgeführt",
+  flowCheckStale: "Die Antworten haben sich seit der Prüfung geändert",
+  flowCheckPassed: "Bestanden um {time}",
+  flowCheckWarning: "Warnung um {time}",
+  flowCheckFailed: "Fehlgeschlagen um {time}",
+  flowCheckInvalid: "Die Prüfung lieferte keine verwertbare Antwort.",
+  flowCheckNeeded: "Führen Sie „{check}“ mit diesen Antworten aus.",
+  flowCheckNotPassed: "„{check}“ wurde nicht bestanden.",
+  flowCheckConfirmWarning: "Bestätigen Sie die Warnung von „{check}“.",
+  flowTasks: "Aufgaben",
+  flowTasksProgress: "{done} von {count} Aufgaben erledigt",
+  flowTaskNeedsAction: "Handlungsbedarf",
+  flowTaskBlocked: "Kann noch nicht beginnen",
+  flowTasksReview: "Prüfen und absenden",
+  flowTasksIncomplete: "Erledigen Sie zuerst die erforderlichen Aufgaben.",
+  flowBackToTasks: "Zurück zu den Aufgaben",
+  flowSaveAndReturn: "Speichern und zurück",
+  flowSaveDraft: "Entwurf speichern",
+  flowClose: "Schließen",
+  flowDiscardQuestion: "Ihre Antworten verwerfen?",
+  flowDiscard: "Verwerfen",
+  flowKeepEditing: "Weiter bearbeiten",
+  flowDraftSaved: "Entwurf gespeichert",
+  flowDraftFailed: "Der Entwurf wurde nicht gespeichert.",
+  flowDraftFound: "Gespeicherter Entwurf",
+  flowDraftFrom: "Sie haben einen Entwurf vom {time}.",
+  flowDraftStale: "Die Einstellungen haben sich nach dem Speichern dieses Entwurfs geändert.",
+  flowDraftResume: "Dort weitermachen, wo Sie aufgehört haben",
+  flowDraftRestart: "Neu beginnen",
+  flowStartFrom: "Ausgangspunkt",
+  flowPresetSave: "Als Vorlage speichern",
+  flowPresetNone: "Standardwerte",
+  flowPresetsSaved: "Gespeicherte Vorlagen",
+  flowPresetApplied: "Ausgehend von {preset}",
+  flowPresetName: "Name der Vorlage",
+  flowPresetFailed: "Die Vorlage wurde nicht gespeichert.",
+  flowPresetSaved: "Vorlage {preset} gespeichert",
+  flowPresetChanges: "[one]Basierend auf {preset}, {count} Änderung[other]Basierend auf {preset}, {count} Änderungen",
+  flowCommandTab: "Befehl",
+  flowPatchTab: "JSON-Patch",
+  flowCommandTitle: "Entsprechender Befehl",
+  flowPreview: "Vorschau",
+  flowPreviewLoading: "Vorschau wird geladen…",
+  flowPreviewFailed: "Die Vorschau konnte nicht geladen werden: {message}",
+  flowPreviewNone: "Keine Vorschau.",
+  flowConfirmMismatch: "Geben Sie genau {text} ein, um fortzufahren.",
+  flowAcknowledgeNeeded: "Bestätigen Sie dies vor dem Absenden.",
+  flowPresetCurrent: "Aktuelle Einstellungen",
+  flowPickOneByOne: "Wählen Sie die Datensätze einzeln oder seitenweise aus.",
   matrixRows: "Zeilen",
   matrixColumns: "Spalten",
   matrixSearch: "Zeilen und Spalten suchen",
@@ -614,6 +689,7 @@ const labels = Object.freeze({
   matrixItemTotal: "{item}: {count}",
   matrixExpandGroup: "{group} aufklappen",
   matrixCollapseGroup: "{group} zuklappen",
+  matrixGroupHeadingCount: "{count}",
   matrixGroupCount: "Elemente: {count}",
   matrixDetails: "Details",
   matrixClose: "Schließen",