@evotecit/canopyx 0.3.16 → 0.3.20

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

@@ -2,7 +2,14 @@
 (function (global) {
 const labels = Object.freeze({
   gridNoExportColumns: "Żadna widoczna kolumna nie obsługuje eksportu.",
+  gridDownloadXlsx: "Skoroszyt Excel (.xlsx)",
+  gridDownloadPdf: "PDF",
+  gridExportWorkbookHint: "Formatowanie, grupy i sumy",
+  gridExportPdfHint: "Raport stronicowany z powtarzanymi nagłówkami",
+  gridExportCsvHint: "Wartości tekstowe (.csv)",
+  gridExportCopy: "Kopiuj do schowka",
   searchPlaceholder: "Szukaj",
+  gridRegexSearch: "Szukaj według wzorca",
   searchResults: "Wyniki wyszukiwania",
   searchResultCount: "Wyniki: {count}",
   searchResultCountOfTotal: "Wyniki: {count} z {total}",
@@ -117,7 +124,7 @@ const labels = Object.freeze({
   gridAllResults: "Wszystkie wyniki",
   gridVisibleRows: "Widoczne wiersze",
   gridAllRows: "Wszystkie wiersze",
-  gridDownloadCsv: "Pobierz plik CSV",
+  gridDownloadCsv: "CSV",
   gridCopy: "Kopiuj",
   gridDetails: "Szczegóły rekordu",
   gridCellRangeSelected: "Zaznaczono wiersze: {rows} × kolumny: {columns}",
@@ -216,7 +223,7 @@ const labels = Object.freeze({
   gridGroupMissing: "Brak wartości",
   gridGroupExpand: "Rozwiń grupę",
   gridGroupCollapse: "Zwiń grupę",
-  gridSummary: "Podsumowanie wyników",
+  gridSummary: "Suma całkowita",
   gridGroupOrder: "Kolejność grup jest ustalona w raporcie",
   gridAggregateCount: "liczba {value}",
   gridAggregateSum: "suma {value}",
@@ -351,7 +358,7 @@ const labels = Object.freeze({
   gridLiveChanged: "Zmienione wiersze: dodane {added}, zaktualizowane {updated}, usunięte {removed}",
   gridLiveSorted: "Wiersze przeniesiono na miejsca zgodne z sortowaniem.",
   gridLiveRecordRemoved: "Ten rekord został usunięty.",
-  gridFacetPanel: "Filtruj według",
+  gridFacetPanel: "Doprecyzuj",
   gridFacetPanelHide: "Ukryj panel filtrów",
   gridFacetPanelShow: "Pokaż panel filtrów",
   gridFacetShowMore: "Pokaż więcej: {count}",
@@ -507,11 +514,6 @@ const labels = Object.freeze({
   calendarOccurrenceTitle: "Zmień wydarzenie cykliczne",
   calendarOccurrenceReadOnly: "Nie można zapisać tej części serii, ponieważ niektóre wartości są tylko do odczytu.",
   calendarThisEvent: "To wydarzenie",
-  calendarEditOccurrence: "Edytuj to wystąpienie",
-  calendarRemoveOccurrence: "Usuń to wystąpienie",
-  calendarOccurrenceScope: "Zmienia się tylko {date}; pozostałe daty wydarzenia {title} pozostają bez zmian.",
-  calendarSharedResources: "{count} {resources}",
-  calendarResourceWindow: "{resources} {start}–{end} z {total}",
   calendarThisAndFollowing: "To i następne wydarzenia",
   calendarAllEvents: "Wszystkie wydarzenia",
   calendarSources: "Kalendarze",
@@ -775,6 +777,172 @@ const labels = Object.freeze({
   changeCopyRequest: "Kopiuj żądanie",
   changeFiltered: "Filtry: {filters}",
   changePrintLimit: "Pominięte w wydruku wiersze: {count}.",
+  gridPivotFieldOptions: "Opcje pola",
+  gridCalculationResultType: "Typ wyniku",
+  gridCalculationDivideZero: "Dzielenie przez zero",
+  gridCalculationAdd: "Dodaj kolumnę obliczeniową",
+  gridCalculationTitle: "Nazwa kolumny",
+  gridCalculationId: "Identyfikator kolumny",
+  gridCalculationExpression: "Wyrażenie",
+  gridCalculationError: "Błąd obliczenia: {error}",
+  gridCalculationInvalid: "Sprawdź wyrażenie, odwołania do kolumn i typ wyniku.",
+  gridCalculationHelp: "Użyj [columnId], działań arytmetycznych, IF, COALESCE, ROUND, CONCAT, DATEPART lub DATEDIFF.",
+  gridCalculationNumber: "Liczba",
+  gridCalculationDate: "Data i czas",
+  gridPivot: "Tabela przestawna",
+  gridPivotRows: "Grupy wierszy",
+  gridPivotColumns: "Grupy kolumn",
+  gridPivotValues: "Wartości",
+  gridPivotFlat: "Pokaż rekordy",
+  gridPivotConfigure: "Ustawienia tabeli przestawnej",
+  gridPivotOther: "Pozostałe",
+  gridPivotLimited: "Widoczne ścieżki kolumn: {shown} z {total}; reszta w grupie Pozostałe. Sumy częściowe obejmują wszystkie pasujące elementy podrzędne.",
+  gridPivotColumn: "Wybierz kolumnę",
+  gridPivotTopN: "Najwyższe kolumny",
+  gridPivotSort: "Kolejność wierszy",
+  gridPivotDrill: "Pokaż rekordy dla: {row}, {column}",
+  gridPivotReturn: "Wróć do tabeli przestawnej",
+  gridPivotInvalid: "Wybierz poprawne osie i co najmniej jedną wartość.",
+  gridShowAs: "Pokaż wartości jako",
+  gridShowAsValue: "Wartość",
+  gridShowAsPercentGrandTotal: "% sumy całkowitej",
+  gridShowAsPercentParent: "% sumy grupy nadrzędnej",
+  gridShowAsPercentColumn: "% sumy kolumny",
+  gridShowAsPercentRow: "% sumy wiersza",
+  gridShowAsRunningTotal: "Suma narastająca",
+  gridShowAsRank: "Pozycja",
+  gridShowAsDifference: "Różnica względem poprzedniej wartości",
+  gridShowAsPercentChange: "% zmiany względem poprzedniej wartości",
+  gridBucket: "Przedział",
+  gridBucketNone: "Dokładne wartości",
+  gridBucketDay: "Dzień",
+  gridBucketWeek: "Tydzień",
+  gridBucketMonth: "Miesiąc",
+  gridBucketQuarter: "Kwartał",
+  gridBucketYear: "Rok",
+  gridBucketHour: "Godzina dnia",
+  gridBucketWeekday: "Dzień tygodnia",
+  gridBucketWidth: "Szerokość przedziału",
+  gridBucketEdges: "Granice przedziałów",
+  gridBucketOrigin: "Początek przedziałów",
+  gridBucketInvalid: "Podaj poprawne ustawienia przedziałów.",
+  boardLane: "Tor",
+  boardUnassigned: "Nieprzypisane",
+  boardEmpty: "Brak rekordów w tym torze",
+  boardWip: "{count} / {limit}",
+  boardWipFull: "Tor {lane} osiągnął limit pracy ({limit}).",
+  boardMove: "Przenieś do toru",
+  boardMoved: "Przeniesiono {title} do {lane}.",
+  boardRejected: "Przeniesienie nie zostało zaakceptowane.",
+  boardPending: "Oczekiwanie na akceptację przeniesienia…",
+  boardPartial: "Wyświetlono pierwsze {count} rekordów. Zawęź filtry, aby zobaczyć pozostałe.",
+  boardKeys: "Alt+Lewo lub Alt+Prawo przenosi między torami; Góra i Dół przegląda karty.",
+  planMilestone: "Kamień milowy",
+  planCritical: "Ścieżka krytyczna",
+  planBaseline: "Plan bazowy: {start} – {end}",
+  planDependency: "{from} kończy się przed rozpoczęciem {to}",
+  planDependencyConflict: "Konflikt zależności z {task}",
+  planOverlapConflict: "Nakłada się na {task}",
+  planIncomplete: "Pełna sieć zadań jest niedostępna; host musi sprawdzić tę propozycję.",
+  planInvalidRange: "Zadanie musi kończyć się w chwili rozpoczęcia lub później.",
+  planInvalidResource: "Wybierz zasób zadania.",
+  planProposal: "Propozycja {task}: {start} – {end}",
+  planMoveHint: "Alt+Lewo lub Alt+Prawo proponuje nową datę; Alt+Góra lub Alt+Dół proponuje zasób.",
+  planActual: "Rzeczywiste",
+  planPending: "Propozycja oczekuje na hosta",
+  planBaselineLabel: "Plan bazowy",
+  planDependencies: "Zależności",
+  planConflict: "Konflikt",
+  calendarEditOccurrence: "Edytuj to wystąpienie",
+  calendarRemoveOccurrence: "Usuń to wystąpienie",
+  calendarOccurrenceScope: "Zmienia się tylko {date}; pozostałe daty wydarzenia {title} pozostają bez zmian.",
+  calendarSharedResources: "{count} {resources}",
+  calendarResourceWindow: "{resources} {start}–{end} z {total}",
+  viewIntentWords: "Całe słowa",
+  viewIntentSubstring: "Tekst zawiera",
+  viewIntentPreview: "Proponowane zmiany",
+  viewIntentApplied: "Zastosowano zmiany widoku.",
+  viewIntentSuperseded: "Widok się zmienił. Ponownie wyświetl podgląd propozycji.",
+  viewIntentSearch: "Szukaj: {search}",
+  viewIntentSort: "Sortuj według {columns}",
+  viewIntentGroup: "Grupuj wiersze według {columns}",
+  viewIntentColumns: "Pokaż kolumny: {columns}",
+  compareSummary: "Porównanie zbiorów danych",
+  compareAdded: "Dodane",
+  compareRemoved: "Usunięte",
+  compareChanged: "Zmienione",
+  compareUnchanged: "Bez zmian",
+  compareOnlyChanges: "Tylko zmiany",
+  compareColumnChanges: "[one]{column}: {count} zmieniona komórka[few]{column}: {count} zmienione komórki[many]{column}: {count} zmienionych komórek[other]{column}: {count} zmienionych komórek",
+  compareChanges: "Zmiany",
+  viewIntentClearSearch: "Wyczyść wyszukiwanie",
+  viewIntentRemoveGrouping: "Usuń grupowanie",
+  viewIntentFlat: "Pokaż rekordy",
+  viewIntentAscending: "rosnąco",
+  viewIntentDescending: "malejąco",
+  viewIntentNotEqual: "nie jest",
+  viewIntentGreater: "większe niż",
+  viewIntentAtLeast: "co najmniej",
+  viewIntentLess: "mniejsze niż",
+  viewIntentAtMost: "co najwyżej",
+  viewIntentFilter: "Pokaż wiersze, gdzie {column} {operator} {values}",
+  viewIntentOnly: "Pokaż tylko {column}: {values}",
+  viewIntentPivot: "Wiersze: {rows}; kolumny: {columns}; wartości: {values}",
+  viewIntentAllRows: "wszystkie rekordy",
+  viewIntentTotals: "sumy",
+  viewIntentTuples: "Pokaż pasujące kombinacje {columns}: {values}",
+  viewIntentExcludeTuples: "Wyklucz pasujące kombinacje {columns}: {values}",
+  viewIntentNoChanges: "Ten widok jest już wybrany.",
+  pathEmpty: "Brak ścieżek do wyświetlenia",
+  pathSource: "Źródło",
+  pathTarget: "Cel",
+  pathStep: "Krok {number} z {total}",
+  pathCycle: "Cykl",
+  pathForeign: "Zewnętrzny",
+  pathDisabled: "Wyłączony",
+  pathKeys: "Przeglądaj kroki klawiszem Tab lub strzałkami; Enter lub Spacja otwiera rekord.",
+  pathPartial: "Wyświetlono {shown} z {total} kroków.",
+  stackWinner: "Wynik wybrany",
+  stackEnforced: "Wymuszona",
+  stackFiltered: "Odfiltrowana",
+  stackEmpty: "Brak warstw do wyświetlenia.",
+  stackOrder: "Kolejność przetwarzania",
+  stackTruncated: "Wyświetlono {shown} z {total} warstw w kolejności przetwarzania; wybrana warstwa jest zawsze uwzględniona.",
+  timePlay: "Odtwórz",
+  timePause: "Wstrzymaj",
+  timePrevious: "Poprzedni stan",
+  timeNext: "Następny stan",
+  timePosition: "Stan {index} z {count}",
+  timeFrame: "Stan z {time}",
+  timeReducedMotion: "Automatyczne odtwarzanie jest wyłączone z powodu ograniczenia ruchu. Przeglądaj stany ręcznie.",
+  tabsMore: "Więcej",
+  tabsMoreSelected: "Więcej: {label}",
+  tabsScrollPrevious: "Poprzednie karty",
+  tabsScrollNext: "Następne karty",
+  tabsSection: "Sekcja",
+  tabsPosition: "{current} z {total}",
+  tabsPause: "Wstrzymaj",
+  tabsPlay: "Odtwórz",
+  tabsMotionDisabled: "Automatyczne przełączanie kart jest wyłączone przy ograniczeniu ruchu",
+  stepperStepOf: "Krok {current} z {total}",
+  stepperBack: "Wstecz",
+  stepperNext: "Dalej",
+  stepperFinish: "Zakończ",
+  stepperSkip: "Pomiń",
+  stepperSaveDraft: "Zapisz wersję roboczą",
+  stepperAllSteps: "Wszystkie kroki",
+  stepperOptional: "Opcjonalny",
+  stepperCompleted: "Ukończono",
+  stepperSkipped: "Pominięto",
+  stepperIssues: "Problemy do rozwiązania: {count}",
+  stepperIssue: "1 problem do rozwiązania",
+  dialogClose: "Zamknij",
+  drawerClose: "Zamknij",
+  drawerPrevious: "Poprzedni rekord",
+  drawerNext: "Następny rekord",
+  stateLoading: "Ładowanie…",
+  stateRetry: "Ponów",
+  stateDetails: "Szczegóły",
 });
 const staticLabels = Object.freeze({
   overflowNote: "Pokazano {shown} z {total} wierszy.",

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

@@ -1,12 +1,12 @@
 /* The Layout menu: radio groups for the mode and the density. */
-.cx-chrome .cx-grid-layout > .cx-grid-panel{display:block;width:var(--cx-size-244px);padding:var(--cx-size-6px) var(--cx-size-8px);}
-.cx-layout-group{padding:var(--cx-size-4px) 0;}
-.cx-layout-group + .cx-layout-group{border-top:var(--cx-size-1px) solid var(--hfx-color-border,light-dark(#e2e4e7,#272a30));margin-top:var(--cx-size-4px);padding-top:var(--cx-size-8px);}
-.cx-layout-title{padding:0 var(--cx-size-6px) var(--cx-size-4px);font-size:var(--cx-size-12px);font-weight:700;color:var(--hfx-color-text-muted,light-dark(#626770,#8f949d));}
-.cx-layout-choice{display:flex;align-items:center;gap:var(--cx-size-8px);min-height:var(--cx-size-32px);padding:0 var(--cx-size-6px);border-radius:var(--hfx-radius-sm,4px);cursor:pointer;}
+.cx-chrome .cx-grid-layout > .cx-grid-panel{display:block;width:var(--cx-size-244px);padding:var(--hfx-space-1-5,6px) var(--hfx-space-2,0.5rem);}
+.cx-layout-group{padding:var(--hfx-space-1,0.25rem) 0;}
+.cx-layout-group + .cx-layout-group{border-top:var(--hfx-border-width,1px) solid var(--hfx-color-surface-line,var(--hfx-color-border,light-dark(#e2e4e7,#272a30)));margin-top:var(--hfx-space-1,0.25rem);padding-top:var(--hfx-space-2,0.5rem);}
+.cx-layout-title{padding:0 var(--hfx-space-1-5,6px) var(--hfx-space-1,0.25rem);font-size:var(--hfx-type-caption-size,0.75rem);font-weight:700;color:var(--hfx-color-text-secondary,var(--hfx-color-text-muted,light-dark(#626770,#8f949d)));}
+.cx-layout-choice{display:flex;align-items:center;gap:var(--hfx-space-2,0.5rem);min-height:var(--cx-size-32px);padding:0 var(--hfx-space-1-5,6px);border-radius:var(--hfx-radius-sm,4px);cursor:pointer;}
 .cx-layout-choice:hover{background:var(--hfx-color-hover,light-dark(#f5f5f5,#232529));}
 .cx-layout-choice input{flex:none;width:var(--cx-size-16px);height:var(--cx-size-16px);margin:0;accent-color:var(--hfx-color-accent,light-dark(#11776f,#37c9b8));}
-.cx-layout-choice:has(input:focus-visible){outline:var(--hfx-focus-width,2px) solid var(--hfx-color-focus-ring,light-dark(#02726a,#37c9b8));outline-offset:calc(-1 * var(--cx-size-2px));}
+.cx-layout-choice:has(input:focus-visible){outline:var(--hfx-focus-width,2px) solid var(--hfx-color-focus-ring,light-dark(#02726a,#37c9b8));outline-offset:calc(-1 * var(--hfx-space-0-5,2px));}
 .cx-chrome.cx-phone .cx-grid-layout > summary{width:var(--cx-size-44px);font-size:0;padding:0;}
 .cx-chrome.cx-phone .cx-layout-choice{min-height:var(--cx-size-44px);}
 .cx-layouts:not(.cx-data-grid)[data-cx-density="compact"]{}
@@ -14,35 +14,63 @@
 .cx-layouts:not(.cx-data-grid)[data-cx-layout="scroll"] .cx-hcell:first-child,.cx-layouts:not(.cx-data-grid)[data-cx-layout="scroll"] .cx-row > .cx-tree{position:sticky;left:0;z-index:1;}
 .cx-layouts:not(.cx-data-grid)[data-cx-layout="scroll"] .cx-hcell:first-child{z-index:2;background:var(--hfx-table-header-background,var(--hfx-color-surface-sunken,light-dark(#f7f8f9,#111317)));}
 .cx-layouts:not(.cx-data-grid)[data-cx-layout="scroll"] .cx-row > .cx-tree{background:inherit;}
-.cx-data-grid[data-cx-layout="cards"] .cx-grid{overflow-x:hidden;}
+.cx-data-grid[data-cx-layout="cards"] .cx-grid{overflow-x:hidden;overflow-anchor:none;}
 .cx-data-grid[data-cx-layout="cards"] :is(.cx-canvas,.cx-head){width:100% !important;min-width:0;}
 .cx-data-grid[data-cx-layout="cards"] .cx-head{display:none;}
-.cx-chrome .cx-grid-sort > .cx-grid-panel{display:block;width:var(--cx-size-280px);padding:var(--cx-size-6px) var(--cx-size-8px);}
-.cx-sort-list{display:flex;flex-direction:column;gap:var(--cx-size-2px);}
-.cx-grid-sort .cx-grid-selection-controls{padding:var(--cx-size-4px) var(--cx-size-6px) var(--cx-size-8px);margin-bottom:var(--cx-size-6px);border-bottom:var(--cx-size-1px) solid var(--hfx-color-border,light-dark(#e2e4e7,#272a30));}
-.cx-sort-choice{display:flex;align-items:center;gap:var(--cx-size-4px);min-height:var(--cx-size-32px);}
+.cx-chrome .cx-grid-sort > .cx-grid-panel{display:block;width:var(--cx-size-280px);padding:var(--hfx-space-1-5,6px) var(--hfx-space-2,0.5rem);}
+.cx-sort-list{display:flex;flex-direction:column;gap:var(--hfx-space-0-5,2px);}
+.cx-grid-sort .cx-grid-selection-controls{padding:var(--hfx-space-1,0.25rem) var(--hfx-space-1-5,6px) var(--hfx-space-2,0.5rem);margin-bottom:var(--hfx-space-1-5,6px);border-bottom:var(--hfx-border-width,1px) solid var(--hfx-color-surface-line,var(--hfx-color-border,light-dark(#e2e4e7,#272a30)));}
+.cx-sort-choice{display:flex;align-items:center;gap:var(--hfx-space-1,0.25rem);min-height:var(--cx-size-32px);}
 .cx-chrome .cx-sort-choice .cx-sort-column{flex:1;min-width:0;justify-content:start;border:0;border-radius:var(--hfx-radius-sm,4px);background:transparent;overflow:hidden;text-overflow:ellipsis;}
-.cx-chrome .cx-sort-choice span.cx-sort-column{padding:0 var(--cx-size-11px);color:var(--hfx-color-text-muted,light-dark(#626770,#8f949d));}
+.cx-chrome .cx-sort-choice span.cx-sort-column{padding:0 var(--cx-size-11px);color:var(--hfx-color-text-secondary,var(--hfx-color-text-muted,light-dark(#626770,#8f949d)));}
 .cx-chrome .cx-sort-choice .cx-sort-column[aria-pressed="true"]{color:var(--hfx-color-accent-text,light-dark(#02726a,#37c9b8));background:var(--hfx-color-accent-subtle,light-dark(#e7f1f1,#1b3435));font-weight:600;}
 .cx-chrome .cx-sort-choice .cx-sort-menu{flex:none;border:0;background:transparent;color:var(--hfx-color-text-secondary,light-dark(#4d525b,#b0b4bc));}
 .cx-chrome.cx-phone .cx-grid-sort > summary{width:var(--cx-size-44px);font-size:0;padding:0;}
 .cx-chrome.cx-phone .cx-sort-choice{min-height:var(--cx-size-44px);}
 .cx-chrome.cx-phone .cx-sort-choice .cx-button{min-height:var(--cx-size-44px);}
+.cx-data-grid[data-cx-layout="cards"] .cx-grid{background:color-mix(in srgb,var(--hfx-color-surface-card,var(--hfx-color-surface,light-dark(#ffffff,#16181c))) 96%,var(--hfx-color-text-primary,var(--hfx-color-text,light-dark(#16181c,#f2f3f5))));}
+.cx-data-grid[data-cx-layout="cards"] .cx-row:not(.cx-grid-group):not(.cx-detail-row){
+width:var(--cx-card-width) !important;min-width:0;height:var(--cx-card-height) !important;
+border:var(--hfx-border-width,1px) solid var(--hfx-color-surface-line,var(--hfx-color-border,light-dark(#e2e4e7,#272a30)));border-radius:var(--hfx-radius-container,var(--hfx-radius-lg,10px));background:var(--hfx-color-surface-card,var(--hfx-color-surface,light-dark(#ffffff,#16181c)));
+box-shadow:var(--hfx-elevation-1,0 1px 2px rgba(22,24,28,.06));
+}
 .cx-data-grid[data-cx-layout="cards"] .cx-row:not(.cx-status):not(.cx-grid-group){
-width:100% !important;min-width:0;display:grid;grid-template-columns:repeat(var(--cx-card-cols,1),minmax(0,1fr));grid-template-rows:var(--cx-card-title);grid-auto-rows:var(--cx-card-field);
-grid-auto-flow:row dense;align-content:start;column-gap:var(--cx-size-16px);row-gap:var(--cx-card-gap);padding:var(--cx-card-pad) var(--cx-size-16px);
+display:grid;grid-template-columns:repeat(var(--cx-card-cols,1),minmax(0,1fr));grid-template-rows:var(--cx-card-title);grid-auto-rows:var(--cx-card-field);
+grid-auto-flow:row;align-content:start;column-gap:var(--cx-size-16px);row-gap:var(--cx-card-gap);padding:var(--cx-card-pad);
 }
-.cx-data-grid[data-cx-layout="cards"] .cx-row:is(.cx-status,.cx-grid-group){width:100% !important;}
+.cx-data-grid[data-cx-layout="cards"] .cx-row:is(.cx-grid-group,.cx-detail-row){width:100% !important;}
 .cx-data-grid[data-cx-layout="cards"] .cx-row:not(.cx-status):not(.cx-grid-group) > .cx-cell{
 width:auto !important;height:auto;min-width:0;padding:0;position:relative !important;left:auto !important;right:auto !important;box-shadow:none;background:transparent;
-flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--cx-size-1px);text-align:left;
+flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--hfx-space-0-5,2px);text-align:left;
+}
+.cx-data-grid[data-cx-layout="cards"] .cx-row:not(.cx-status):not(.cx-grid-group) > .cx-cell:first-child{
+grid-column:1/-1;height:var(--cx-card-title);flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--hfx-space-1-5,6px);font-weight:var(--hfx-weight-semibold,600);font-size:var(--hfx-type-heading-size,0.9375rem);
+}
+.cx-data-grid[data-cx-layout="cards"] .cx-cell:is([data-cx-card="wide"],[data-cx-card="pill"],[data-cx-card="footer"]){grid-column:1/-1;}
+.cx-data-grid[data-cx-layout="cards"] .cx-cell[data-cx-label]::before{
+content:attr(data-cx-label) / "";display:block;flex:none;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
+font-size:var(--hfx-type-caption-size,0.75rem);font-weight:var(--hfx-weight-semibold,600);line-height:var(--hfx-type-caption-line-height,1.35);color:var(--hfx-color-text-secondary,var(--hfx-color-text-muted,light-dark(#626770,#8f949d)));
 }
-.cx-data-grid[data-cx-layout="cards"] .cx-row:not(.cx-status):not(.cx-grid-group) > .cx-cell:first-child{grid-column:1/-1;height:var(--cx-card-title);flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--cx-size-6px);font-weight:600;font-size:calc(var(--hfx-control-font-size,calc(var(--hfx-type-body-size,0.875rem) - var(--cx-compact,0) * .0625rem)) + 1px);}
-.cx-data-grid[data-cx-layout="cards"] .cx-row:not(.cx-status):not(.cx-grid-group) > .cx-cell[data-cx-card="wide"]{grid-column:span var(--cx-card-span,1);}
-.cx-data-grid[data-cx-layout="cards"] .cx-cell[data-cx-label]::before{content:attr(data-cx-label) / "";display:block;flex:none;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--cx-size-11d5px);font-weight:600;line-height:1.35;color:var(--hfx-color-text-muted,light-dark(#626770,#8f949d));}
+.cx-data-grid[data-cx-layout="cards"] .cx-row > .cx-cell[data-cx-card="footer"]{
+flex-direction:row;justify-content:flex-start;gap:var(--hfx-space-1-5,6px);border-top:var(--hfx-border-width,1px) solid var(--hfx-color-surface-line,var(--hfx-color-border,light-dark(#e2e4e7,#272a30)));color:var(--hfx-color-text-secondary,var(--hfx-color-text-muted,light-dark(#626770,#8f949d)));font-size:var(--hfx-type-caption-size,0.75rem);
+}
+.cx-data-grid[data-cx-layout="cards"] .cx-cell[data-cx-card="pill"] :is(.p-pill,.p-state){border-radius:var(--hfx-radius-pill,999px);max-width:100%;overflow:hidden;text-overflow:ellipsis;}
+.cx-data-grid[data-cx-layout="cards"] .cx-cell[data-cx-card="pill"] .p-state{padding:var(--hfx-space-0-5,2px) var(--hfx-space-2,0.5rem);background:color-mix(in srgb,currentColor 8%,var(--hfx-color-surface-card,var(--hfx-color-surface,light-dark(#ffffff,#16181c))));}
 .cx-data-grid[data-cx-layout="cards"] .cx-cell > :is(.cx-text,.cx-presenter-text){max-width:100%;}
+.cx-data-grid[data-cx-layout="cards"] .cx-card-templated > :not(.cx-card-slot):not(.cx-grid-row-select){display:none;}
+.cx-card-slot{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:pre;}
+.cx-page-header-space{flex:none;}
+.cx-page-header-space[hidden]{display:none;}
+.cx-data-grid[data-cx-page-header] .cx-grid{contain:size style;}
+@media print{
+.cx-data-grid[data-cx-page-header] .cx-head{position:static !important;clip-path:none !important;}
+.cx-page-header-space{display:none;}
+}
 .cx-data-grid[data-cx-layout="cards"] .cx-row:not(.cx-status):not(.cx-grid-group) > .cx-cell:first-child::before{content:none;}
-.cx-data-grid[data-cx-layout="cards"] .cx-row[aria-selected="true"]{box-shadow:inset var(--cx-size-3px) 0 0 var(--hfx-color-accent,light-dark(#11776f,#37c9b8));}
+.cx-data-grid[data-cx-layout="cards"] .cx-row[aria-selected="true"]{box-shadow:inset var(--hfx-indicator-width,2px) 0 0 var(--hfx-color-accent,light-dark(#11776f,#37c9b8));}
 @media (forced-colors:active){
-.cx-data-grid[data-cx-layout="cards"] .cx-row[aria-selected="true"]{forced-color-adjust:none;box-shadow:inset var(--cx-size-3px) 0 0 Highlight;}
+.cx-data-grid[data-cx-layout="cards"] .cx-row[aria-selected="true"]{forced-color-adjust:none;box-shadow:none;outline:var(--hfx-focus-width,2px) solid Highlight;outline-offset:calc(-1 * var(--hfx-focus-width,2px));}
 }
+.cx-data-grid[data-cx-page-header] .cx-head{box-shadow:inset 0 calc(-1 * var(--hfx-border-width,1px)) 0 var(--hfx-color-border-strong,light-dark(#cdd0d5,#363a42));}
+.cx-data-grid[data-cx-layout="cards"] .cx-row:not(.cx-status):not(.cx-grid-group):hover{background:var(--hfx-color-hover,light-dark(#f5f5f5,#232529));}
+.cx-data-grid[data-cx-layout="cards"] .cx-row[aria-selected="true"]{background:var(--hfx-color-accent-subtle,light-dark(#e7f1f1,#1b3435));border-color:var(--hfx-color-accent,light-dark(#11776f,#37c9b8));}

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

@@ -1,31 +1,53 @@
-(function(global){"use strict";const installed=new WeakSet();const part={version:"606fcf6dcd00d420",install(context){if(installed.has(context.VIEW_MODES))return;const{VIEW_MODES,TreeGrid,h,setText,fill,numberFormat,foldText,cellText,cellValue,isCellObject,setAttr,toneOf,watchFlyout,densityRowHeight,layoutAnchor,layoutRows,layoutApplyTree,MAX_PROTOCOL_INTEGER,LAYOUT_DENSITIES,plural,svgIcon}=context;const CARD_METRICS={compact:{pad:8,field:36,gap:4,title:24},default:{pad:12,field:40,gap:6,title:26},comfortable:{pad:16,field:44,gap:8,title:28}};const CARD_FIELD=140,CARD_GUTTER=16,CARD_COLUMN_GAP=16,CARD_WIDE=["longText","tags","list"];function cardWide(column){return!!column.wrap||!!column.flex||CARD_WIDE.includes(column.presenter?.kind)}
-function cardGeometry(view){const metrics={...CARD_METRICS[view.density]},width=Math.max(0,(view.grid.clientWidth||view.host.clientWidth)- 2*CARD_GUTTER);const fields=(view.cols||[]).slice(1),most=Math.max(1,Math.floor((width+CARD_COLUMN_GAP)/ (CARD_FIELD + CARD_COLUMN_GAP)));
-const font=parseFloat(getComputedStyle(view.grid).fontSize),clampLines=column=>Math.min(column.maxLines??2,2);if(fields.some(column=>column.wrap))metrics.field=Math.max(metrics.field,Math.ceil(11.5*1.35+1+font*1.4*Math.max(...fields.filter(column=>column.wrap).map(clampLines))));if(view.cols?.[0]?.wrap)metrics.title=Math.max(metrics.title,Math.ceil((font+1)*1.4*clampLines(view.cols[0])));const slots=fields.reduce((sum,field)=>sum +(cardWide(field)&&most>1?2:1),0)||1;const columns=Math.min(most,Math.ceil(slots / Math.ceil(slots / most))), span = Math.min(2, columns), rows = [];
-for(const field of fields){const size=cardWide(field)?span:1;for(let row=0,placed=false;!placed;row++){const cells=rows[row]||=new Array(columns).fill(false);for(let at=0;at+size<=columns&&!placed;at++)if(cells.slice(at,at+size).every(used=>!used)){cells.fill(true,at,at+size);placed=true}}}
-const lines=rows.length;return{columns,span,metrics,height:2*metrics.pad+metrics.title +(lines?metrics.gap+lines*metrics.field +(lines-1)*metrics.gap:0)+ 1}}
-function cardStyle(view,geometry){const style=view.host.style,{metrics}=geometry;style.setProperty("--cx-card-cols",String(geometry.columns));style.setProperty("--cx-card-span",String(geometry.span));style.setProperty("--cx-card-pad",metrics.pad+"px");style.setProperty("--cx-card-field",metrics.field+"px");style.setProperty("--cx-card-gap",metrics.gap+"px");style.setProperty("--cx-card-title",metrics.title+"px")}
-function layoutApplyGrid(view,mode){const anchor=layoutAnchor(view);if(mode==="cards"){if(view.cardAutoRows===undefined){view.cardAutoRows=view.autoRows;view.autoRows=false}}
+(function(global){"use strict";const installed=new WeakSet();const part={version:"90267e35e7edf3a4",install(context){if(installed.has(context.VIEW_MODES))return;const{VIEW_MODES,TreeGrid,h,setText,fill,numberFormat,foldText,cellText,cellValue,isCellObject,setAttr,toneOf,watchFlyout,densityRowHeight,layoutAnchor,layoutRows,layoutApplyTree,MAX_PROTOCOL_INTEGER,LAYOUT_DENSITIES,plural,svgIcon}=context;const CARD_METRICS={compact:{pad:12,field:36,gap:8,title:28},default:{pad:16,field:40,gap:10,title:30},comfortable:{pad:20,field:44,gap:12,title:32}};const CARD_MIN=280,CARD_GUTTER=16,CARD_COLUMN_GAP=16,CARD_WIDE=["longText","tags","list"];function cardWide(column){return!!column.wrap||!!column.flex||CARD_WIDE.includes(column.presenter?.kind)}
+function cardRole(column,index,columns){if(!index)return "title";if(["enum","state"].includes(column.presenter?.kind))return "pill";if(index===columns.length-1&&column.kind==="datetime")return "footer";return cardWide(column)?"wide":"field"}
+VIEW_MODES.cardRole=cardRole;function cardGeometry(view){const metrics={...CARD_METRICS[view.density]},available=Math.max(0,(view.grid.clientWidth||view.host.clientWidth)- 2*CARD_GUTTER);const lanes=view.rowProjection?1:Math.max(1,Math.floor((available+CARD_COLUMN_GAP)/ (CARD_MIN + CARD_COLUMN_GAP)));
+const width=Math.max(0,(available -(lanes-1)*CARD_COLUMN_GAP)/ lanes), fields = (view.cols || []).slice(1);
+const columns=width-2*metrics.pad>=264?2:1,span=columns;const font=parseFloat(getComputedStyle(view.grid).fontSize),clampLines=column=>Math.min(column.maxLines??2,2);if(fields.some(column=>column.wrap))metrics.field=Math.max(metrics.field,Math.ceil(11.5*1.35+1+font*1.4*Math.max(...fields.filter(column=>column.wrap).map(clampLines))));if(view.cols?.[0]?.wrap)metrics.title=Math.max(metrics.title,Math.ceil((font+1)*1.4*clampLines(view.cols[0])));let lines=0,used=0;fields.forEach((column,index)=>{const role=cardRole(column,index+1,view.cols),size=role==="field"?1:columns;if(used&&used+size>columns){lines++;used=0}
+used +=size;if(used===columns){lines++;used=0}});if(used)lines++;const height=2*metrics.pad+metrics.title+lines*(metrics.field+metrics.gap)+ 2;return{columns,span,lanes,width,metrics,height,pitch:height+CARD_COLUMN_GAP}}
+function cardStyle(view,geometry){const style=view.host.style,{metrics}=geometry;style.setProperty("--cx-card-cols",String(geometry.columns));style.setProperty("--cx-card-span",String(geometry.span));style.setProperty("--cx-card-pad",metrics.pad+"px");style.setProperty("--cx-card-field",metrics.field+"px");style.setProperty("--cx-card-gap",metrics.gap+"px");style.setProperty("--cx-card-title",metrics.title+"px");style.setProperty("--cx-card-width",geometry.width+"px");style.setProperty("--cx-card-height",geometry.height+"px");view.cardGeometry=geometry;cardMinHeight(view)}
+function cardMinHeight(view){const count=view.rowProjection?view.rowProjection.rowCount():Math.max(0,view.rowBounds().last-view.pageOffset+1);if(!count&&view.fitEmpty)return;const bands=Math.ceil(count / view.cardGeometry.lanes), chrome = [...view.host.children].reduce((height, child) => height + (child === view.grid ? 0 : child.offsetHeight), 2);
+view.host.style.setProperty("--cx-min-h",chrome+Math.min(2,Math.max(1,bands))*view.cardGeometry.pitch+CARD_GUTTER+"px")}
+function cardTotal(view){const bounds=view.rowBounds(),count=Math.max(0,bounds.last-bounds.first+1);return count?Math.ceil(count / view.cardGeometry.lanes) * view.rowH + CARD_GUTTER : 0;
+}
+function layoutCardRows(view,anchor){const ownedFocus=view.canvas.contains(document.activeElement);if(view.layoutMode==="cards"&&!view.rowProjection){for(const row of[...view.rowCache.values(),...view.placeholders.values()])row.hpx=view.rowH;view.total=cardTotal(view);view.syncScrollRange(anchor?view.rowTop(anchor.index)+ anchor.share*view.rowH:0);view.render()}else layoutRows(view,anchor);if(ownedFocus)layoutKeepFocus(view)}
+function layoutKeepFocus(view){if(!view.focused||!view.canvas.contains(document.activeElement))return;cancelAnimationFrame(view.cardFocusFrame);view.cardFocusFrame=requestAnimationFrame(()=>{if(view.destroyed||!view.canvas.contains(document.activeElement))return;const rows=view.rowProjection||view,index=rows.indexOf(view.focused);if(index>=0){view.revealGridRow(view.focused,index,rows);view.render()}})}
+function layoutApplyGrid(view,mode,anchor){if(mode==="cards"){if(view.cardAutoRows===undefined){view.cardAutoRows=view.autoRows;view.autoRows=false}}
 else if(view.cardAutoRows!==undefined){view.autoRows=view.cardAutoRows;view.cardAutoRows=undefined;view.rowOffsets=null}
 view.fitFont=null;view.fitKey=null;view.layout=(view.layout||0)+ 1;view.version++;view.layoutApplying=true;try{view.buildHeader();view.syncColumnControls()}finally{view.layoutApplying=false}
-if(mode==="cards"){const geometry=cardGeometry(view);cardStyle(view,geometry);view.rowH=geometry.height}
-else view.rowH=densityRowHeight(view,view.density);layoutRows(view,anchor);view.syncPinnedShadows?.()}
-function layoutApply(view,mode,density){const active=document.activeElement,held=view.canvas.contains(active)?active:null;const cell=held?.closest(".cx-cell"),row=view.focused,column=cell&&view.cols[view.rowCells(cell.parentNode).indexOf(cell)]?.id;view.layoutMode=mode;view.density=density;view.host.setAttribute("data-cx-density",density);if(mode==="fit")view.host.removeAttribute("data-cx-layout");else view.host.setAttribute("data-cx-layout",mode);view.host.style.setProperty("--cx-row-h",densityRowHeight(view,density)+ "px");if(view.kind==="grid")layoutApplyGrid(view,mode);else layoutApplyTree(view);if(held&&row&&view.rendered.get(row)){const at=column?view.cols.findIndex(item=>item.id===column):-1;if(at>=0)view.focusCell(row,at,null);else view.rendered.get(row).focus({preventScroll:true})}}
+if(mode==="cards"){const geometry=cardGeometry(view);cardStyle(view,geometry);view.rowH=geometry.pitch}
+else view.rowH=densityRowHeight(view,view.density);layoutCardRows(view,anchor);view.syncPinnedShadows?.()}
+function layoutApply(view,mode,density){const active=document.activeElement,held=view.canvas.contains(active)?active:null,anchor=view.kind==="grid"?layoutAnchor(view):null;const cell=held?.closest(".cx-cell"),row=view.focused,column=cell&&view.cols[view.rowCells(cell.parentNode).indexOf(cell)]?.id;view.layoutMode=mode;view.density=density;view.host.setAttribute("data-cx-density",density);if(mode==="fit")view.host.removeAttribute("data-cx-layout");else view.host.setAttribute("data-cx-layout",mode);view.host.style.setProperty("--cx-row-h",densityRowHeight(view,density)+ "px");if(view.kind==="grid")layoutApplyGrid(view,mode,anchor);else layoutApplyTree(view);if(held&&row&&view.rendered.get(row)){const at=column?view.cols.findIndex(item=>item.id===column):-1;if(at>=0)view.focusCell(row,at,null);else view.rendered.get(row).focus({preventScroll:true})}}
+function cardTemplateSlot(view,row,column,slot){const templates=view.view.cardTemplate;if(!templates||!Object.hasOwn(templates,column.id))return;const text=templates[column.id].replace(/\{([^{}]+)\}/g, (_, id) => {
+const definition=view.columns.find(item=>item.id===id);return cellText(row.h.cells[id],definition,view.fmt)});slot.cell.classList.add("cx-card-templated");const content=slot.cardTemplateContent||=h("span","cx-card-slot");if(content.parentNode!==slot.cell)slot.cell.appendChild(content);const check=slot.cell.querySelector(".cx-grid-row-select");if(check&&check.parentNode!==slot.cell)slot.cell.prepend(check);setText(content,text);content.title=text}
 const LAYOUT_ICON='<rect x="4" y="4" width="16" height="7" rx="1.5"/><rect x="4" y="13" width="16" height="7" rx="1.5"/>';let layoutSeq=0;function layoutGroup(view,legend,name,choices,current,choose){const group=h("div","cx-layout-group"),title=h("div","cx-layout-title");title.id=name+"-title";group.setAttribute("role","radiogroup");group.setAttribute("aria-labelledby",title.id);setText(title,legend);group.appendChild(title);for(const[value,text]of choices){const label=h("label","cx-layout-choice"),input=h("input");input.type="radio";input.name=name;input.value=value;input.checked=value===current;input.addEventListener("change",()=>{if(input.checked)choose(value)});label.append(input,document.createTextNode(text));group.appendChild(label)}
 return group}
 function layoutModeText(view,mode){return view.labels[mode==="fit"?"layoutFit":mode==="scroll"?"layoutScroll":"layoutCards"]}
 function layoutDensityText(view,density){return view.labels[density==="compact"?"layoutCompact":density==="comfortable"?"layoutComfortable":"layoutNormal"]}
 function layoutMenu(view){if(view.tools.layout===false||typeof view.controlPanel!=="function")return;const{details,panel}=view.controlPanel(view.labels.layoutMenu,"cx-grid-layout"),id=view.id+"-layout-" + ++layoutSeq;const icon=details.firstChild.querySelector("svg");if(icon)icon.replaceWith(svgIcon(LAYOUT_ICON));const choose=change=>Promise.resolve().then(()=>VIEW_MODES.setLayout(view,change)).catch(error=>view.emit("error",{error}));const render=()=>{const options=view.layoutOptions;if(panel.firstChild){for(const input of panel.querySelectorAll("input"))input.checked=input.value===view.layoutMode||input.value===view.density;return}
 panel.replaceChildren(...[options.modes.length>1&&layoutGroup(view,view.labels.layoutMenu,id+"-mode",options.modes.map(mode=>[mode,layoutModeText(view,mode)]),view.layoutMode,mode=>choose({mode})),layoutGroup(view,view.labels.layoutDensity,id+"-density",LAYOUT_DENSITIES.map(density=>[density,layoutDensityText(view,density)]),view.density,density=>choose({density}))].filter(Boolean))};render();view.layoutMenu={details,render};const anchor=view.toolbar.querySelector(".cx-grid-views")||view.spacer;if(anchor&&anchor.parentNode===view.toolbar)view.toolbar.insertBefore(details,anchor)}
-VIEW_MODES.layoutsStart=view=>{if(!view.layoutMenu)layoutMenu(view);if(!view.sortMenu)sortMenu(view);if(view.layoutStarted)return;view.layoutStarted=true;view.host.classList.add("cx-layouts");view.lifetime.signal.addEventListener("abort",()=>{view.host.classList.remove("cx-layouts");for(const name of["cols","span","pad","field","gap","title"])view.host.style.removeProperty("--cx-card-"+name)},{once:true});view.host.setAttribute("data-cx-density",view.density);if(view.layoutMode!=="fit"||view.kind==="grid"&&view.density!==view.declaredDensity)layoutApply(view,view.layoutMode,view.density)};VIEW_MODES.refreshCardDensity=view=>{const anchor=layoutAnchor(view),geometry=cardGeometry(view);cardStyle(view,geometry);view.rowH=geometry.height;view.version++;layoutRows(view,anchor)};VIEW_MODES.setLayout=(view,change)=>{if(!change||typeof change!=="object"||Array.isArray(change)||Object.keys(change).some(key=>!["mode","density"].includes(key))||
+VIEW_MODES.layoutsStart=view=>{if(view.layoutOptions&&!view.layoutMenu)layoutMenu(view);if(view.layoutOptions&&!view.sortMenu)sortMenu(view);if(view.kind==="grid"&&view.view.stickyHeader)pageHeaderStart(view);if(view.layoutStarted)return;view.layoutStarted=true;view.host.classList.add("cx-layouts");view.lifetime.signal.addEventListener("abort",()=>{cancelAnimationFrame(view.cardFocusFrame);view.host.classList.remove("cx-layouts");for(const name of["cols","span","pad","field","gap","title","width","height"])view.host.style.removeProperty("--cx-card-"+name)},{once:true});view.host.setAttribute("data-cx-density",view.density);if(view.layoutMode!=="fit"||view.kind==="grid"&&view.density!==view.declaredDensity)layoutApply(view,view.layoutMode,view.density)};VIEW_MODES.refreshCardDensity=view=>{const anchor=layoutAnchor(view),geometry=cardGeometry(view);cardStyle(view,geometry);view.rowH=geometry.pitch;view.version++;layoutCardRows(view,anchor)};VIEW_MODES.setLayout=(view,change)=>{if(!change||typeof change!=="object"||Array.isArray(change)||Object.keys(change).some(key=>!["mode","density"].includes(key))||
 change.mode!==undefined&&!view.layoutOptions.modes.includes(change.mode)||change.density!==undefined&&!LAYOUT_DENSITIES.includes(change.density))
 throw new Error("CanopyX: setLayout takes a mode the view allows and a density.");if(!view.layoutStarted)VIEW_MODES.layoutsStart(view);const mode=change.mode??view.layoutMode,density=change.density??view.density;if(mode!==view.layoutMode||density!==view.density){layoutApply(view,mode,density);view.layoutMenu?.render();view.sortMenu?.sync();if(view.live){setText(view.live,"");setText(view.live,fill(view.labels.layoutChanged,{mode:layoutModeText(view,mode),density:layoutDensityText(view,density)}))}
 view.stateChanged();view.emit("layout",{mode,density})}
-return Promise.resolve(view.getLayout())};if(VIEW_MODES.DataGrid){const proto=VIEW_MODES.DataGrid.prototype,paint=proto.fillRow,widths=proto.applyWidths;proto.fillRow=function(element,row){paint.call(this,element,row);if(this.layoutMode!=="cards"||!element._cells||row.status||row.group)return;element._cells.forEach((slot,index)=>{const column=this.cols[index],cell=slot&&slot.cell;if(!column||!cell)return;const label=index?column.title:null,wide=index&&cardWide(column)?"wide":null;if((cell.getAttribute("data-cx-label")??null)!==label){if(label===null)cell.removeAttribute("data-cx-label");else cell.setAttribute("data-cx-label",label)}
-if((cell.getAttribute("data-cx-card")??null)!==wide){if(wide)cell.setAttribute("data-cx-card",wide);else cell.removeAttribute("data-cx-card")}})};proto.applyWidths=function(...args){const result=widths.apply(this,args);if(this.layoutMode==="cards"&&!this.layoutApplying&&this.cols&&this.sized){const geometry=cardGeometry(this);cardStyle(this,geometry);if(geometry.height!==this.rowH){const anchor=layoutAnchor(this);this.rowH=geometry.height;this.layout=(this.layout||0)+ 1;this.version++;layoutRows(this,anchor)}}
+return Promise.resolve(view.getLayout())};if(VIEW_MODES.DataGrid){const proto=VIEW_MODES.DataGrid.prototype,paint=proto.fillRow,widths=proto.applyWidths;const rowTop=proto.rowTop,rowAt=proto.rowAt,renderPass=proto.renderPass,pageStep=proto.gridPageStep;const tiled=view=>view.layoutMode==="cards"&&view.cardGeometry&&!view.rowProjection;proto.rowTop=function(index){if(!tiled(this))return rowTop.call(this,index);return CARD_GUTTER+Math.floor((index-this.pageOffset)/ this.cardGeometry.lanes) * this.rowH;
+};proto.rowAt=function(top){if(!tiled(this))return rowAt.call(this,top);const bounds=this.rowBounds();return Math.max(bounds.first,Math.min(bounds.last,bounds.first+Math.max(0,Math.floor((top-CARD_GUTTER)/ this.rowH)) * this.cardGeometry.lanes));
+};proto.gridPageStep=function(row,direction,...args){if(!tiled(this))return pageStep.call(this,row,direction,...args);return row._ri+direction*this.cardGeometry.lanes*Math.max(1,Math.floor((this.grid.clientHeight-this.head.offsetHeight)/ this.rowH));
+};proto.renderPass=function(...args){const cards=this.layoutMode==="cards"&&this.cardGeometry;if(cards&&!!this.rowProjection!==!!this.cardProjection){const geometry=cardGeometry(this);if(geometry.lanes!==this.cardGeometry.lanes||geometry.height!==this.cardGeometry.height){cardStyle(this,geometry);this.rowH=geometry.pitch;this.layout=(this.layout||0)+ 1;this.version++}
+this.cardProjection=!!this.rowProjection}
+const tile=tiled(this),viewport=this.viewportHeight;if(cards)cardMinHeight(this);if(tile){const total=cardTotal(this);if(this.total!==total){this.total=total;this.syncScrollRange(this.logicalTop())}
+this.viewportHeight=(viewport??this.grid.clientHeight-this.head.offsetHeight)+ this.rowH}
+try{return renderPass.apply(this,args)}
+finally{this.viewportHeight=viewport;for(const[row,element]of this.rendered){const lane=tile?(row._ri-this.pageOffset)%this.cardGeometry.lanes:0;element.style.left=cards&&!row.group&&!row.status?CARD_GUTTER+lane*(this.cardGeometry.width+CARD_COLUMN_GAP)+ "px":"";if(cards&&tile&&row.status){element.style.left=CARD_GUTTER+lane*(this.cardGeometry.width+CARD_COLUMN_GAP)+ "px";element.style.width=this.cardGeometry.width+"px"}}}};proto.fillRow=function(element,row){paint.call(this,element,row);if(this.layoutMode!=="cards"||!element._cells||row.status||row.group)return;element._cells.forEach((slot,index)=>{const column=this.cols[index],cell=slot&&slot.cell;if(!column||!cell)return;const label=index?column.title:null,wide=cardRole(column,index,this.cols);if((cell.getAttribute("data-cx-label")??null)!==label){if(label===null)cell.removeAttribute("data-cx-label");else cell.setAttribute("data-cx-label",label)}
+if((cell.getAttribute("data-cx-card")??null)!==wide){if(wide)cell.setAttribute("data-cx-card",wide);else cell.removeAttribute("data-cx-card")}
+cardTemplateSlot(this,row,column,slot)})};proto.applyWidths=function(...args){const result=widths.apply(this,args);if(this.layoutMode==="cards"&&!this.layoutApplying&&this.cols&&this.sized){const anchor=layoutAnchor(this),previous=this.cardGeometry,geometry=cardGeometry(this);cardStyle(this,geometry);if(geometry.pitch!==this.rowH||geometry.lanes!==previous?.lanes||geometry.width!==previous?.width){this.rowH=geometry.pitch;this.layout=(this.layout||0)+ 1;this.version++;layoutCardRows(this,anchor)}
+layoutKeepFocus(this)}
 return result}}
 const SORT_ICON='<path d="M8 5v14M4.5 15.5 8 19l3.5-3.5M16 19V5M12.5 8.5 16 5l3.5 3.5"/>';function sortMenuRender(view,panel){const query=view.acceptedQuery,sorts=query?query.sort:[],parts=[];if(view.selectionControls)parts.push(view.selectionControls);const list=h("div","cx-sort-list");list.setAttribute("role","group");list.setAttribute("aria-label",view.labels.layoutSort);for(const column of view.cols||[]){if(!column.sortable&&view.tools.columnMenus===false)continue;const row=h("div","cx-sort-choice"),at=sorts.findIndex(sort=>sort.column===column.id),sort=sorts[at];if(column.sortable){const button=h("button","cx-button cx-sort-column"),arrow=sort?sort.direction==="asc"?" \u2191":" \u2193":"";button.type="button";setText(button,column.title+arrow +(sort&&sorts.length>1?" " +(at+1):""));button.setAttribute("aria-pressed",String(!!sort));button.setAttribute("aria-label",column.title +(sort?", "+view.labels[sort.direction==="asc"?"gridSortAscending":"gridSortDescending"]:""));button.addEventListener("click",event=>view.querySortHeader(column.id,event));row.appendChild(button)}else{const title=h("span","cx-sort-column");setText(title,column.title);row.appendChild(title)}
-if(view.tools.columnMenus!==false&&typeof view.openColumnMenu==="function"){const menu=h("button","cx-button icon cx-sort-menu");menu.type="button";menu.setAttribute("aria-label",fill(view.labels.gridColumnMenu,{column:column.title}));menu.setAttribute("aria-haspopup","menu");menu.appendChild(document.createTextNode("\u22ef"));menu.addEventListener("click",()=>view.openColumnMenu(column.id,menu));row.appendChild(menu)}
+if(view.tools.columnMenus!==false&&typeof view.openColumnMenu==="function"){const menu=h("button","cx-button icon cx-sort-menu");menu.type="button";menu.dataset.cxSortColumnMenu=column.id;menu.setAttribute("aria-expanded","false");view.adoptColumnAnchor(column.id,"data-cx-sort-column-menu",menu);menu.setAttribute("aria-label",fill(view.labels.gridColumnMenu,{column:column.title}));menu.setAttribute("aria-haspopup","menu");menu.appendChild(document.createTextNode("\u22ef"));menu.addEventListener("click",()=>view.openColumnMenu(column.id,menu));row.appendChild(menu)}
 list.appendChild(row)}
 parts.push(list);panel.replaceChildren(...parts)}
 function sortMenu(view){if(view.kind!=="grid"||view.tools.layout===false||!view.layoutOptions.modes.includes("cards")||typeof view.controlPanel!=="function")return;const{details,panel}=view.controlPanel(view.labels.layoutSort,"cx-grid-sort",target=>sortMenuRender(view,target));const icon=details.firstChild.querySelector("svg");if(icon)icon.replaceWith(svgIcon(SORT_ICON));const anchor=view.layoutMenu?.details||view.toolbar.querySelector(".cx-grid-views")||view.spacer;if(anchor&&anchor.parentNode===view.toolbar)view.toolbar.insertBefore(details,anchor);view.host.addEventListener("canopyx:query",()=>{if(details.open)sortMenuRender(view,panel)},{signal:view.lifetime.signal});view.sortMenu={details,sync:()=>{details.hidden=view.layoutMode!=="cards";if(details.hidden)details.open=false}};view.sortMenu.sync()}
+function pageHeaderStart(view){if(view.pageHeader||view.view.autoHeight===false)return;const head=view.head,grid=view.grid,signal=view.lifetime.signal,names=["position","top","left","width","min-width","clip-path","z-index"],previous=names.map(name=>[name,head.style.getPropertyValue(name),head.style.getPropertyPriority(name)]),spacer=h("div","cx-page-header-space");spacer.setAttribute("aria-hidden","true");spacer.hidden=true;grid.insertBefore(spacer,head);let frame=0,fixed=false;const restore=()=>{if(!fixed)return;fixed=false;spacer.hidden=true;for(const[name,value,priority]of previous){if(value)head.style.setProperty(name,value,priority);else head.style.removeProperty(name)}
+view.host.removeAttribute("data-cx-page-header")};const update=()=>{frame=0;const box=grid.getBoundingClientRect(),height=head.offsetHeight,top=Math.max(0,parseFloat(getComputedStyle(view.host).getPropertyValue("--cx-sticky-top"))||0),fits=grid.scrollHeight<=grid.clientHeight+1;if(view.destroyed||view.layoutMode==="cards"||!height||!fits||box.top>=top||box.bottom<=top||!grid.checkVisibility()){restore();return}
+fixed=true;spacer.hidden=false;spacer.style.height=height+"px";const width=Math.max(grid.clientWidth,view.rowWidth||0),left=box.left+grid.clientLeft-grid.scrollLeft,clipLeft=Math.max(0,grid.scrollLeft),clipRight=Math.max(0,width-grid.clientWidth-clipLeft);Object.assign(head.style,{position:"fixed",top:Math.min(top,box.bottom-height)+ "px",left:left+"px",width:width+"px",minWidth:width+"px",clipPath:"inset(0 "+clipRight+"px 0 "+clipLeft+"px)",zIndex:"20"});view.host.setAttribute("data-cx-page-header","true");view.gridPopover?.position()};const schedule=()=>{if(!frame)frame=requestAnimationFrame(update)};const observer=new ResizeObserver(schedule);for(const element of[grid,head,view.host])observer.observe(element);window.addEventListener("scroll",schedule,{capture:true,passive:true,signal});window.addEventListener("resize",schedule,{passive:true,signal});for(const name of["query","layout"])view.host.addEventListener("canopyx:"+name,schedule,{signal});signal.addEventListener("abort",()=>{cancelAnimationFrame(frame);observer.disconnect();restore();spacer.remove()},{once:true});view.pageHeader={schedule};schedule()}
 installed.add(context.VIEW_MODES)}};(global.CanopyXParts||=[]).push(["layouts",part])})(typeof window!=="undefined"?window:globalThis);

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

@@ -1,13 +1,13 @@
 /* Linked views: external filter chips and highlighted rows. The info tone keeps both apart from the reader's own chips and selection. */
-.cx-has-linked,.cx-link-bar,.cx-link-chip{--cx-linked-bg:color-mix(in srgb,var(--hfx-color-status-info-fg,light-dark(#2b5fc0,#74a2f7)) 14%,var(--hfx-color-surface,light-dark(#ffffff,#16181c)));}
+.cx-has-linked,.cx-link-bar,.cx-link-chip{--cx-linked-bg:color-mix(in srgb,var(--hfx-color-status-info-fg,light-dark(#2b5fc0,#74a2f7)) 14%,var(--hfx-color-surface-card,var(--hfx-color-surface,light-dark(#ffffff,#16181c))));}
 .cx-has-linked .cx-row[data-cx-linked="true"]{background:var(--cx-linked-bg);}
 .cx-has-linked .cx-row[data-cx-linked="true"][aria-selected="true"]{background:color-mix(in srgb,var(--hfx-color-status-info-fg,light-dark(#2b5fc0,#74a2f7)) 14%,var(--hfx-color-accent-subtle,light-dark(#e7f1f1,#1b3435)));}
 .cx-has-linked .cx-row[data-cx-linked="true"] [data-cx-pin]{background:var(--cx-linked-bg);}
 .cx-has-linked .cx-row[data-cx-linked="true"] > :first-child{box-shadow:inset var(--cx-size-3px) 0 0 var(--hfx-color-status-info-fg,light-dark(#2b5fc0,#74a2f7));}
 .cx-link-bar{flex:none;display:flex;flex-wrap:wrap;gap:var(--cx-size-6px);padding:0 0 var(--cx-size-8px);min-width:0;}
-.cx-link-chip{max-width:100%;height:var(--cx-size-24px);min-height:var(--cx-size-24px);padding:0 var(--cx-size-9px);border:0;border-radius:var(--hfx-radius-control,var(--hfx-radius-md,6px));background:var(--cx-linked-bg);color:var(--hfx-color-text,light-dark(#16181c,#f2f3f5));font:inherit;font-size:var(--cx-size-13px);white-space:nowrap;overflow:hidden;cursor:pointer;}
+.cx-link-chip{max-width:100%;height:var(--cx-size-24px);min-height:var(--cx-size-24px);padding:0 var(--cx-size-9px);border:0;border-radius:var(--hfx-radius-control,var(--hfx-radius-md,6px));background:var(--cx-linked-bg);color:var(--hfx-color-text-primary,var(--hfx-color-text,light-dark(#16181c,#f2f3f5)));font:inherit;font-size:var(--cx-size-13px);white-space:nowrap;overflow:hidden;cursor:pointer;}
 .cx-data-grid .cx-link-chip.cx-grid-chip{background:var(--cx-linked-bg);}
-.cx-link-chip:hover{background:color-mix(in srgb,var(--hfx-color-status-info-fg,light-dark(#2b5fc0,#74a2f7)) 22%,var(--hfx-color-surface,light-dark(#ffffff,#16181c)));}
+.cx-link-chip:hover{background:color-mix(in srgb,var(--hfx-color-status-info-fg,light-dark(#2b5fc0,#74a2f7)) 22%,var(--hfx-color-surface-card,var(--hfx-color-surface,light-dark(#ffffff,#16181c))));}
 .cx-link-chip:focus-visible{outline:var(--hfx-focus-width,2px) solid var(--hfx-color-focus-ring,light-dark(#02726a,#37c9b8));outline-offset:var(--hfx-focus-offset,2px);}
 @media (forced-colors:active){
 .cx-has-linked .cx-row[data-cx-linked="true"]{outline:var(--cx-size-2px) dashed Highlight;outline-offset:calc(-1 * var(--hfx-focus-width,2px));}

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

@@ -1,4 +1,4 @@
-(function(global){"use strict";const installed=new WeakSet();const part={version:"e7268bbe59e2dfa8",install(context){if(installed.has(context.LINK_IMPL))return;const{LINK_IMPL,h,setText,filterChipContent,fill,numberFormat,cellValue,setAttr,cellMatches}=context;const{TreeGrid,DataGrid}=LINK_IMPL;const LINK_SOURCE=/^[A-Za-z0-9][\w.:-]{0,127}$/, LINK_MAX_KEYS = 10000, LINK_MAX_VALUES = 1000;
+(function(global){"use strict";const installed=new WeakSet();const part={version:"7485f5c9875e9f9b",install(context){if(installed.has(context.LINK_IMPL))return;const{LINK_IMPL,h,setText,filterChipContent,fill,numberFormat,cellValue,setAttr,cellMatches}=context;const{TreeGrid,DataGrid}=LINK_IMPL;const LINK_SOURCE=/^[A-Za-z0-9][\w.:-]{0,127}$/, LINK_MAX_KEYS = 10000, LINK_MAX_VALUES = 1000;
 const linkText=(value,name,max)=>{if(value===undefined)return undefined;if(typeof value!=="string"||!/\S/.test(value) || value.length > max) throw new Error("CanopyX: link " + name + " must be visible text of at most " + max + " characters.");
 return value};const linkIsoDate=value=>typeof value==="string"&&/^\d{4}-\d\d-\d\dT.*(?:Z|[+-]\d\d:\d\d)$/.test(value) && Number.isFinite(Date.parse(value));
 function linkColumn(grid,field){const column=grid.view.columns.find(item=>item.id===field);if(!column)throw new Error("CanopyX: a link names the undeclared column '"+field+"'.");return column}
@@ -11,12 +11,12 @@ function linkCell(grid,record,field){return grid.kind==="tree"&&field===grid.vie
 function linkPredicates(filters){return filters.flatMap(filter=>filter.values?[{column:filter.field,operator:filter.values.length===1?"eq":"in",values:filter.values.slice()}]:
 [filter.range[0]==null?null:{column:filter.field,operator:"ge",values:[filter.range[0]]},filter.range[1]==null?null:{column:filter.field,operator:"le",values:[filter.range[1]]}].filter(Boolean))}
 function linkMatcher(grid){const predicates=linkPredicates(grid.linkFilters).map(predicate=>{const column=linkColumn(grid,predicate.column);return[predicate,column.kind===undefined?{...column,kind:"text"}:column]});return record=>predicates.every(([predicate,column])=>cellMatches(linkCell(grid,record,column.id),predicate,column))}
-const LINK_COMMON={setExternalFilter(source,filter){return this.linkSet(source,filter,"api")},clearExternalFilters(source){return source===undefined?this.linkApply([],"api"):this.linkSet(source,null,"api")},linkSet(source,filter,reason){if(typeof source!=="string"||!LINK_SOURCE.test(source))throw new Error("CanopyX: a link source is 1 to 128 letters, digits, '.', ':', '_' or '-'.");const list=filter==null?[]:(Array.isArray(filter)?filter:[filter]).map(item=>linkFilter(this,source,item));if(list.length>8)throw new Error("CanopyX: one source applies at most 8 external filters.");const next=(this.linkFilters||[]).filter(item=>item.source!==source).concat(list);if(next.length>32)throw new Error("CanopyX: a view takes at most 32 external filters.");return this.linkApply(next,reason)},async linkApply(next,reason){if(this.destroyed)return false;if(JSON.stringify(next)===JSON.stringify(this.linkFilters||[]))return this.linkPending||true;const pending=this.linkCommit(next,reason);this.linkPending=pending;try{return await pending}finally{if(this.linkPending===pending)this.linkPending=null}},linkChanged(reason){const committed=this.linkCommitted||[],last=committed[committed.length-1],count=this.linkCount();this.emit("externalfilter",{filters:this.getExternalFilters(),reason:reason||"api"});setText(this.live,!last?this.labels.linkCleared:count==null?fill(this.labels.linkFilteredBy,{source:last.sourceLabel,values:linkValuesText(this,last)}):
-fill(this.labels.linkFiltered,{source:last.sourceLabel,count:numberFormat(this.lang).format(count)}))},linkChip(source,run){const filters=this.linkCommitted.filter(item=>item.source===source),first=filters[0];const values=filters.map(item=>linkValuesText(this,item)).join("; ");const description=filters.map(item=>linkValuesText(this,item,true)).join("; ");const text=fill(this.labels.linkFilteredBy,{source:first.sourceLabel,values});const button=h("button","cx-button cx-link-chip" +(this.kind==="grid"?" cx-grid-chip":""));button.type="button";filterChipContent(button,text);button.title=fill(this.labels.linkFilteredBy,{source:first.sourceLabel,values:description});button.setAttribute("aria-label",fill(this.labels.linkRemoveFilter,{source:first.sourceLabel,values:description}));button.setAttribute("data-cx-condition","link-"+source);button.setAttribute("data-cx-link-source",source);button.onclick=()=>{button.focus({preventScroll:true});run()};return button},linkSources(){return Array.from(new Set((this.linkCommitted||[]).map(item=>item.source)))},linkRemove(source){try{this.linkSet(source,null,"user").catch(error=>{if(!error||error.name!=="AbortError")this.emit("error",{error})})}
+const LINK_COMMON={setExternalFilter(source,filter){return this.linkSet(source,filter,"api")},clearExternalFilters(source){return source===undefined?this.linkApply([],"api"):this.linkSet(source,null,"api")},linkSet(source,filter,reason){if(typeof source!=="string"||!LINK_SOURCE.test(source))throw new Error("CanopyX: a link source is 1 to 128 letters, digits, '.', ':', '_' or '-'.");const list=filter==null?[]:(Array.isArray(filter)?filter:[filter]).map(item=>linkFilter(this,source,item));if(list.length>8)throw new Error("CanopyX: one source applies at most 8 external filters.");const sourceLabel=(Array.isArray(filter)?filter:[filter]).find(item=>item?.sourceLabel)?.sourceLabel;if(sourceLabel)for(const item of list)item.sourceLabel=sourceLabel;const next=(this.linkFilters||[]).filter(item=>item.source!==source).concat(list);if(next.length>32)throw new Error("CanopyX: a view takes at most 32 external filters.");return this.linkApply(next,reason)},async linkApply(next,reason){if(this.destroyed)return false;if(JSON.stringify(next)===JSON.stringify(this.linkFilters||[]))return this.linkPending||true;const pending=this.linkCommit(next,reason);this.linkPending=pending;try{return await pending}finally{if(this.linkPending===pending)this.linkPending=null}},linkChanged(reason){const committed=this.linkCommitted||[],last=committed[committed.length-1],count=this.linkCount();this.emit("externalfilter",{filters:this.getExternalFilters(),reason:reason||"api"});setText(this.live,!last?this.labels.linkCleared:count==null?fill(this.labels.linkFilteredBy,{source:last.sourceLabel,values:linkValuesText(this,last)}):
+fill(this.labels.linkFiltered,{source:last.sourceLabel,count:numberFormat(this.lang).format(count)}))},linkChip(source,run){const filters=this.linkCommitted.filter(item=>item.source===source),first=filters[0];const caption=(item,describeRange=false)=>(filters.length>1&&!item.label?linkColumn(this,item.field).title+": ":"")+ linkValuesText(this,item,describeRange);const values=filters.map(item=>caption(item)).join(" · ");const description=filters.map(item=>caption(item,true)).join(" · ");const text=fill(this.labels.linkFilteredBy,{source:first.sourceLabel,values});const button=h("button","cx-button cx-link-chip" +(this.kind==="grid"?" cx-grid-chip":""));button.type="button";filterChipContent(button,text);button.title=fill(this.labels.linkFilteredBy,{source:first.sourceLabel,values:description});button.setAttribute("aria-label",fill(this.labels.linkRemoveFilter,{source:first.sourceLabel,values:description}));button.setAttribute("data-cx-condition","link-"+source);button.setAttribute("data-cx-link-source",source);button.onclick=()=>{button.focus({preventScroll:true});run()};return button},linkSources(){return Array.from(new Set((this.linkCommitted||[]).map(item=>item.source)))},linkRemove(source){try{this.linkSet(source,null,"user").catch(error=>{if(!error||error.name!=="AbortError")this.emit("error",{error})})}
 catch(error){this.emit("error",{error})}}};Object.assign(TreeGrid.prototype,LINK_COMMON);if(DataGrid)Object.assign(DataGrid.prototype,LINK_COMMON);if(DataGrid){const{gridQueryStart}=LINK_IMPL;const proto=DataGrid.prototype,SET_QUERY=proto.setQuery,FOR_CHANGE=proto.queryForChange,GET_STATE=proto.getState;const SUMMARY=proto.syncQuerySummary,CHROME=proto.syncGridChrome,NOTICE=proto.setNotice,DESTROY=proto.destroy;const same=(a,b)=>JSON.stringify(a)===JSON.stringify(b),LINK_OWN=LINK_IMPL.queryOwn;const strip=(filters,tail)=>{filters=filters||[];if(!tail||!tail.length||filters.length<tail.length)return filters;return tail.every((filter,index)=>same(filters[filters.length-tail.length+index],filter))?filters.slice(0,filters.length-tail.length):filters};const tailOf=(grid,pending)=>pending&&grid.pendingQuery&&grid.linkSent?grid.linkSent.ext:grid.linkAcceptedExt;Object.assign(proto,{setQuery(input,paging){const desired=this.linkFilters||[];if(!desired.length&&!this.linkAcceptedExt&&!this.linkSent)return SET_QUERY.call(this,input,paging);const ext=linkPredicates(desired),own=!input||!input.filters?[]:input[LINK_OWN]?input.filters:strip(input.filters,tailOf(this,true));const before=this.queryEpoch,promise=SET_QUERY.call(this,{...(input||{}),filters:own.concat(ext),[LINK_OWN]:undefined},paging);if(this.queryEpoch!==before)this.linkSent={epoch:this.queryEpoch,ext,desired:desired.slice()};return promise.catch(error=>{if((!error||error.name!=="AbortError")&&!this.destroyed&&!this.pendingQuery){if(this.lastFailedQuery&&this.linkSent?.epoch===this.queryEpoch)
 this.lastFailedQuery={...this.lastFailedQuery,filters:strip(this.lastFailedQuery.filters,this.linkSent.ext),[LINK_OWN]:true};this.linkFilters=(this.linkCommitted||[]).slice();this.linkReason=null;this.linkSent=null;this.syncQuerySummary()}
 throw error})},queryForChange(includeQueuedInput,includeExternal){const query=FOR_CHANGE.call(this,includeQueuedInput),tail=tailOf(this,true);if(includeExternal)return query;return tail&&query.filters?{...query,filters:strip(query.filters,tail),[LINK_OWN]:true}:query},getState(){const state=GET_STATE.call(this);if(!this.linkAcceptedExt)return state;const own=strip(state.query.filters,this.linkAcceptedExt);const kept=linkPredicates((this.linkCommitted||[]).filter(filter=>filter.persist)).filter(filter=>!own.some(item=>same(item,filter)));return{...state,query:{...state.query,filters:own.concat(kept)}}},async linkCommit(next,reason){this.linkFilters=next;this.linkReason=reason;if(!this.acceptedQuery&&!this.pendingQuery)await this.ready;try{await this.setQuery(gridQueryStart(this.queryForChange(true)));return true}
-catch(error){if(error&&error.name==="AbortError")return false;throw error}},linkClearAll(){this.linkFilters=[];this.linkReason="user"},linkCount(){return this.snapshot?this.snapshot.matched:0},linkChips(){this.syncQuerySummary()},syncGridChrome(){CHROME.call(this);const summary=this.linkAcceptedExt&&this.acceptedQuery&&this.toolbar.querySelector(".cx-grid-filters > summary");if(!summary)return;const group=item=>item?item.filters.length+item.groups.reduce((sum,child)=>sum+group(child),0):0;const count=strip(this.acceptedQuery.filters,this.linkAcceptedExt).length+group(this.acceptedQuery.filterGroup);summary.classList.toggle("active",!!count);summary.querySelector(".badge")?.remove();if(count){const badge=h("span","badge");setText(badge,String(count));summary.appendChild(badge)}},syncQuerySummary(){let changed=false;if(this.acceptedQuery&&this.acceptedQuery!==this.linkSeenQuery){this.linkSeenQuery=this.acceptedQuery;const sent=this.linkSent&&this.linkSent.epoch===this.queryEpoch?this.linkSent:null;if(sent){this.linkAcceptedExt=sent.ext;changed=!same(this.linkCommitted||[],sent.desired);this.linkCommitted=sent.desired}}
+catch(error){if(error&&error.name==="AbortError")return false;throw error}},linkClearAll(){this.linkFilters=[];this.linkReason="user"},linkCount(){return this.snapshot?this.snapshot.matched:0},linkChips(){this.syncQuerySummary()},syncGridChrome(){CHROME.call(this);const summary=this.linkAcceptedExt&&this.acceptedQuery&&this.toolbar.querySelector(".cx-grid-filters > summary");if(!summary)return;const group=item=>item?item.filters.length+item.groups.reduce((sum,child)=>sum+group(child),0):0;const count=strip(this.acceptedQuery.filters,this.linkAcceptedExt).length+group(this.acceptedQuery.filterGroup)+(this.acceptedQuery.tupleFilters?.length||0);summary.classList.toggle("active",!!count);summary.querySelector(".badge")?.remove();if(count){const badge=h("span","badge");setText(badge,String(count));summary.appendChild(badge)}},syncQuerySummary(){let changed=false;if(this.acceptedQuery&&this.acceptedQuery!==this.linkSeenQuery){this.linkSeenQuery=this.acceptedQuery;const sent=this.linkSent&&this.linkSent.epoch===this.queryEpoch?this.linkSent:null;if(sent){this.linkAcceptedExt=sent.ext;changed=!same(this.linkCommitted||[],sent.desired);this.linkCommitted=sent.desired}}
 const active=document.activeElement,key=this.queryChips&&this.queryChips.contains(active)?active.getAttribute("data-cx-condition"):null;SUMMARY.call(this);if(this.queryChips&&this.acceptedQuery&&this.linkAcceptedExt){const tail=this.linkAcceptedExt.length,filters=this.acceptedQuery.filters;for(let index=filters.length-tail;index<filters.length;index++)this.queryChips.querySelector('[data-cx-condition="filter-'+index+'"]')?.remove();const chips=this.linkSources().map(source=>this.linkChip(source,()=>this.linkRemove(source)));this.queryChips.prepend(...chips);const clear=this.queryChips.querySelector('[data-cx-condition="clear"]');if(clear&&chips.length){const run=clear.onclick;clear.onclick=event=>{this.linkClearAll();run(event)}}
 if(key&&key.startsWith("link-")){const target=[...this.queryChips.children].find(item=>item.getAttribute("data-cx-condition")===key)||this.queryChips.querySelector(".cx-link-chip, .cx-grid-chip");(target||this.searchInput||this.grid).focus({preventScroll:true})}}
 if(changed){const reason=this.linkReason;this.linkReason=null;this.linkChanged(reason)}},setNotice(...args){NOTICE.apply(this,args);const clear=(this.linkFilters?.length||this.linkCommitted?.length)&&this.notice.querySelector(".acts button");if(clear){const run=clear.onclick;clear.onclick=event=>{this.linkClearAll();run(event)}}},destroy(){this.host.classList.remove("cx-has-linked");return DESTROY.call(this)}})}

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

@@ -1,8 +1,8 @@
-(function(global){"use strict";const installed=new WeakSet();const part={version:"f1ab7e32b501ce37",install(context){if(installed.has(context.TreeGrid.prototype))return;const{TreeGrid,navigationScope}=context;Object.assign(TreeGrid.prototype,{deepLinkName(){return "cx."+encodeURIComponent(this.view.id)},hashParams(){return(global.location.hash||"").replace(/^#/, "").split("&").filter(Boolean);
+(function(global){"use strict";const installed=new WeakSet();const part={version:"c6579c9401f0971d",install(context){if(installed.has(context.TreeGrid.prototype))return;const{TreeGrid,navigationScope}=context;Object.assign(TreeGrid.prototype,{deepLinkName(){return "cx."+encodeURIComponent(this.view.id)},hashParams(){return(global.location.hash||"").replace(/^#/, "").split("&").filter(Boolean);
 },currentLink(){if(this.opts.parseLink){return(global.location.hash||"").replace(/^#/, "");
 }
 const prefix=this.deepLinkName()+ "=";const param=this.hashParams().find((p)=>p.startsWith(prefix));return param?param.slice(prefix.length):null},openDeepLink(){const link=this.view.deepLink?this.currentLink():null;if(link!==this.link&&this.linkOpening)this.linkOpening.abort();if(link==null||link===this.link){if(link==null)this.link=null;return link!=null&&this.linkTask&&this.linkTask.link===link?this.linkTask.promise:Promise.resolve()}
-this.link=link;if(this.linkOpening)this.linkOpening.abort();const current=this.linkOpening=new AbortController();const promise=this.openLink(link,current);this.linkTask={link,promise};promise.then(()=>{if(this.linkTask&&this.linkTask.promise===promise)this.linkTask=null});return promise},async openLink(link,current){const navigation=navigationScope(this,current.signal,true);try{const ids=this.opts.parseLink?await navigation.wait(this.opts.parseLink(link)):link.split("/").filter(Boolean).map(decodeURIComponent);if(Array.isArray(ids)&&ids.length&&!navigation.cancelled()&&
+this.link=link;if(this.linkOpening)this.linkOpening.abort();const current=this.linkOpening=new AbortController();const promise=this.openLink(link,current);this.linkTask={link,promise};promise.then(()=>{if(this.linkTask&&this.linkTask.promise===promise)this.linkTask=null});return promise},async openLink(link,current){const navigation=navigationScope(this,current.signal,true);const cancelled=navigation.cancelled;navigation.cancelled=()=>cancelled()||this.currentLink()!==link;try{const ids=this.opts.parseLink?await navigation.wait(this.opts.parseLink(link)):link.split("/").filter(Boolean).map(decodeURIComponent);if(Array.isArray(ids)&&ids.length&&!navigation.cancelled()&&
 !await this.navigatePath(ids,{select:true,focus:false},navigation)&&!navigation.cancelled()){this.link=null}}catch(e){if(!navigation.cancelled()){this.link=null;this.announce(e&&e.message?e.message:String(e))}}finally{const cancelled=navigation.cancelled();navigation.dispose();if(this.linkOpening===current){if(cancelled&&this.link===link)this.link=null;this.linkOpening=null}
 current.abort()}},writeDeepLink(w,revision=this.selectionRevision){if(!this.view.deepLink){return}
 let hash;if(this.opts.formatLink){let link=null;try{link=this.opts.formatLink(w?this.pathOf(w):[],w?w.h:null)}catch(e){if(global.console)global.console.error(e)}

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

@@ -1,13 +1,11 @@
 /* Live data: the order prompt sits in the toolbar (over the rows without one);changed cells flash (a still outline with reduced motion). */
 .cx-data-grid.cx-live-grid{position:relative;}
-.cx-data-grid .cx-live-bar{display:inline-flex;align-items:center;gap:var(--cx-size-6px);flex:none;max-width:100%;height:var(--hfx-control-height-md,calc(36px - var(--cx-compact,0) * 8px));padding:0 var(--cx-size-2px) 0 var(--cx-size-10px);border-radius:var(--hfx-radius-control,var(--hfx-radius-md,6px));background:var(--hfx-color-accent-subtle,light-dark(#e7f1f1,#1b3435));color:var(--hfx-color-text,light-dark(#16181c,#f2f3f5));font-size:var(--cx-size-13d5px);white-space:nowrap;}
+.cx-data-grid .cx-live-bar{display:inline-flex;align-items:center;gap:var(--cx-size-6px);flex:none;max-width:100%;height:var(--hfx-control-height-md,calc(36px - var(--cx-compact,0) * 8px));padding:0 var(--cx-size-2px) 0 var(--cx-size-10px);border-radius:var(--hfx-radius-control,var(--hfx-radius-md,6px));background:var(--hfx-color-accent-subtle,light-dark(#e7f1f1,#1b3435));color:var(--hfx-color-text-primary,var(--hfx-color-text,light-dark(#16181c,#f2f3f5)));font-size:var(--cx-size-13d5px);white-space:nowrap;}
 .cx-data-grid .cx-live-bar[hidden]{display:none;}
-.cx-data-grid .cx-live-bar.cx-live-float{position:absolute;left:50%;z-index:4;transform:translateX(-50%);max-width:calc(100% - var(--cx-size-24px));border:var(--cx-size-1px) solid var(--hfx-color-border-strong,light-dark(#cdd0d5,#363a42));background:var(--hfx-color-surface,light-dark(#ffffff,#16181c));box-shadow:var(--hfx-elevation-2,0 1px 2px rgba(22,24,28,.05),0 6px 18px -10px rgba(22,24,28,.18));}
+.cx-data-grid .cx-live-bar.cx-live-float{position:absolute;left:50%;z-index:4;transform:translateX(-50%);max-width:calc(100% - var(--cx-size-24px));border:var(--cx-size-1px) solid var(--hfx-color-border-strong,light-dark(#cdd0d5,#363a42));background:var(--hfx-color-surface-card,var(--hfx-color-surface,light-dark(#ffffff,#16181c)));box-shadow:var(--hfx-elevation-2,0 1px 2px rgba(22,24,28,.05),0 6px 18px -10px rgba(22,24,28,.18));}
 .cx-data-grid .cx-live-bar .cx-ico{flex:none;width:var(--cx-size-16px);height:var(--cx-size-16px);color:var(--hfx-color-accent,light-dark(#11776f,#37c9b8));}
 .cx-data-grid .cx-live-bar-text{overflow:hidden;text-overflow:ellipsis;}
-.cx-data-grid .cx-live-bar .cx-button{height:var(--cx-size-28px);min-height:var(--cx-size-28px);padding:0 var(--cx-size-10px);border:var(--cx-size-1px) solid color-mix(in srgb,var(--hfx-color-accent,light-dark(#11776f,#37c9b8)) 45%,var(--hfx-color-surface,light-dark(#ffffff,#16181c)));border-radius:var(--hfx-radius-sm,4px);background:var(--hfx-color-surface,light-dark(#ffffff,#16181c));color:var(--hfx-color-text,light-dark(#16181c,#f2f3f5));font:inherit;font-size:var(--cx-size-13px);font-weight:600;cursor:pointer;}
-.cx-data-grid .cx-live-bar .cx-button:hover{background:color-mix(in srgb,var(--hfx-color-accent,light-dark(#11776f,#37c9b8)) 10%,var(--hfx-color-surface,light-dark(#ffffff,#16181c)));}
-.cx-data-grid .cx-live-bar .cx-button:focus-visible{outline:var(--hfx-focus-width,2px) solid var(--hfx-color-focus-ring,light-dark(#02726a,#37c9b8));outline-offset:var(--hfx-focus-offset,2px);}
+.cx-data-grid .cx-live-bar .cx-button{block-size:var(--hfx-control-height-sm,calc(28px - var(--cx-compact,0) * 4px));min-block-size:var(--hfx-control-height-sm,calc(28px - var(--cx-compact,0) * 4px));padding:0 var(--hfx-space-2,0.5rem);}
 .cx-data-grid.cx-phone .cx-live-bar{height:var(--cx-size-44px);padding:0 0 0 var(--cx-size-8px);background:transparent;}
 .cx-data-grid.cx-phone .cx-live-bar:not(.cx-live-float) .cx-live-bar-text{position:absolute;width:var(--cx-size-1px);height:var(--cx-size-1px);overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
 .cx-data-grid.cx-phone .cx-live-bar .cx-button{height:var(--cx-size-44px);min-height:var(--cx-size-44px);min-width:var(--cx-size-44px);background:var(--hfx-color-accent-subtle,light-dark(#e7f1f1,#1b3435));}