@praxisui/rich-content 9.0.67 → 9.0.68-rc.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +30 -0
- package/ai/component-registry.json +87 -14
- package/fesm2022/praxisui-rich-content.mjs +1306 -75
- package/package.json +3 -2
- package/types/praxisui-rich-content.d.ts +21 -3
|
@@ -1,18 +1,51 @@
|
|
|
1
1
|
import * as i1 from '@angular/common';
|
|
2
2
|
import { CommonModule } from '@angular/common';
|
|
3
|
+
import * as i2 from '@angular/material/menu';
|
|
4
|
+
import { MatMenuModule } from '@angular/material/menu';
|
|
3
5
|
import * as i0 from '@angular/core';
|
|
4
6
|
import { InjectionToken, inject, Injectable, input, signal, computed, Input, ChangeDetectionStrategy, Component, ChangeDetectorRef, ENVIRONMENT_INITIALIZER } from '@angular/core';
|
|
5
|
-
import { providePraxisI18n, PraxisI18nService, PraxisJsonLogicService, SETTINGS_PANEL_DATA, ComponentMetadataRegistry } from '@praxisui/core';
|
|
6
|
-
import * as i2 from '@angular/forms';
|
|
7
|
+
import { providePraxisI18n, PraxisI18nService, PraxisJsonLogicService, SETTINGS_PANEL_DATA, generateId, ComponentMetadataRegistry } from '@praxisui/core';
|
|
8
|
+
import * as i2$1 from '@angular/forms';
|
|
7
9
|
import { FormsModule } from '@angular/forms';
|
|
8
10
|
import { BehaviorSubject } from 'rxjs';
|
|
9
11
|
|
|
10
12
|
const PRAXIS_RICH_CONTENT_EN_US = {
|
|
13
|
+
'praxis.richContent.editor.invalidJsonStatus': 'Invalid JSON',
|
|
14
|
+
'praxis.richContent.editor.menuTone': 'Tone',
|
|
15
|
+
'praxis.richContent.editor.menuTone.neutral': 'Neutral',
|
|
16
|
+
'praxis.richContent.editor.menuTone.attention': 'Attention',
|
|
17
|
+
'praxis.richContent.renderer.pageHeader.attention': 'Attention',
|
|
18
|
+
'praxis.richContent.editor.pageHeader.bindings': 'Dynamic content',
|
|
19
|
+
'praxis.richContent.editor.nodeType.pageHeader': "Page header",
|
|
20
|
+
'praxis.richContent.editor.defaultPageHeader': "Page title",
|
|
21
|
+
'praxis.richContent.editor.pageHeader.identity': "Identity",
|
|
22
|
+
'praxis.richContent.editor.pageHeader.headingLevel': "Heading level",
|
|
23
|
+
'praxis.richContent.editor.pageHeader.headingHelp': "Use H1 for the page title. If the page already has a main heading, choose a lower level.",
|
|
24
|
+
'praxis.richContent.editor.pageHeader.size': "Visual emphasis",
|
|
25
|
+
'praxis.richContent.editor.pageHeader.small': "Compact",
|
|
26
|
+
'praxis.richContent.editor.pageHeader.medium': "Standard",
|
|
27
|
+
'praxis.richContent.editor.pageHeader.large': "Prominent",
|
|
28
|
+
'praxis.richContent.editor.pageHeader.identityMedia': "Icon or image",
|
|
29
|
+
'praxis.richContent.editor.pageHeader.breadcrumbs': "Location",
|
|
30
|
+
'praxis.richContent.editor.pageHeader.breadcrumbsHelp': "Add real ancestor destinations. The title is the current item, without a link.",
|
|
31
|
+
'praxis.richContent.editor.pageHeader.actions': "Actions",
|
|
32
|
+
'praxis.richContent.editor.pageHeader.actionsHelp': "Use action IDs registered by the application. Navigation links belong in Related pages.",
|
|
33
|
+
'praxis.richContent.editor.pageHeader.relatedLinks': "Related pages",
|
|
34
|
+
'praxis.richContent.editor.pageHeader.relatedLinksHelp': "Use real links with the context required by the destination.",
|
|
35
|
+
'praxis.richContent.editor.pageHeader.primaryAction': "Primary action",
|
|
36
|
+
'praxis.richContent.editor.pageHeader.secondaryActions': "Secondary actions",
|
|
37
|
+
'praxis.richContent.editor.pageHeader.overflowActions': "More actions menu",
|
|
38
|
+
'praxis.richContent.editor.pageHeader.addLink': "Add link",
|
|
39
|
+
'praxis.richContent.renderer.pageHeader.breadcrumb': "Breadcrumb",
|
|
40
|
+
'praxis.richContent.renderer.pageHeader.more': "More actions",
|
|
41
|
+
'praxis.richContent.renderer.pageHeader.related': "Related pages",
|
|
42
|
+
'praxis.richContent.editor.validation.pageHeaderChild': "This region contains an unsupported node type.",
|
|
43
|
+
'praxis.richContent.editor.validation.pageHeaderTitle': "Provide a page title or a title binding.",
|
|
11
44
|
'praxis.richContent.editor.eyebrow': 'RichContentDocument',
|
|
12
45
|
'praxis.richContent.editor.title': 'Configure rich content',
|
|
13
46
|
'praxis.richContent.editor.subtitle': 'Edit the canonical document consumed by the renderer. The saved payload preserves the remaining widget inputs.',
|
|
14
47
|
'praxis.richContent.editor.valid': 'Valid document',
|
|
15
|
-
'praxis.richContent.editor.invalid': 'Invalid
|
|
48
|
+
'praxis.richContent.editor.invalid': 'Invalid document',
|
|
16
49
|
'praxis.richContent.editor.invalidBadge': 'Invalid',
|
|
17
50
|
'praxis.richContent.editor.layout': 'Layout',
|
|
18
51
|
'praxis.richContent.editor.layout.block': 'Block',
|
|
@@ -492,11 +525,42 @@ const PRAXIS_RICH_CONTENT_EN_US = {
|
|
|
492
525
|
};
|
|
493
526
|
|
|
494
527
|
const PRAXIS_RICH_CONTENT_PT_BR = {
|
|
528
|
+
'praxis.richContent.editor.invalidJsonStatus': 'JSON inválido',
|
|
529
|
+
'praxis.richContent.editor.menuTone': 'Tom',
|
|
530
|
+
'praxis.richContent.editor.menuTone.neutral': 'Neutro',
|
|
531
|
+
'praxis.richContent.editor.menuTone.attention': 'Atenção',
|
|
532
|
+
'praxis.richContent.renderer.pageHeader.attention': 'Atenção',
|
|
533
|
+
'praxis.richContent.editor.pageHeader.bindings': 'Conteúdo dinâmico',
|
|
534
|
+
'praxis.richContent.editor.nodeType.pageHeader': "Cabeçalho da funcionalidade",
|
|
535
|
+
'praxis.richContent.editor.defaultPageHeader': "Título da página",
|
|
536
|
+
'praxis.richContent.editor.pageHeader.identity': "Identidade",
|
|
537
|
+
'praxis.richContent.editor.pageHeader.headingLevel': "Nível do título",
|
|
538
|
+
'praxis.richContent.editor.pageHeader.headingHelp': "Use H1 para o título da página. Se já houver um título principal, escolha um nível inferior.",
|
|
539
|
+
'praxis.richContent.editor.pageHeader.size': "Destaque visual",
|
|
540
|
+
'praxis.richContent.editor.pageHeader.small': "Compacto",
|
|
541
|
+
'praxis.richContent.editor.pageHeader.medium': "Padrão",
|
|
542
|
+
'praxis.richContent.editor.pageHeader.large': "Destacado",
|
|
543
|
+
'praxis.richContent.editor.pageHeader.identityMedia': "Ícone ou imagem",
|
|
544
|
+
'praxis.richContent.editor.pageHeader.breadcrumbs': "Localização",
|
|
545
|
+
'praxis.richContent.editor.pageHeader.breadcrumbsHelp': "Adicione destinos reais da hierarquia. O título é o item atual, sem link.",
|
|
546
|
+
'praxis.richContent.editor.pageHeader.actions': "Ações",
|
|
547
|
+
'praxis.richContent.editor.pageHeader.actionsHelp': "Use IDs de ações registradas pelo aplicativo. Links de navegação ficam em Páginas relacionadas.",
|
|
548
|
+
'praxis.richContent.editor.pageHeader.relatedLinks': "Páginas relacionadas",
|
|
549
|
+
'praxis.richContent.editor.pageHeader.relatedLinksHelp': "Use links reais com o contexto necessário para abrir o destino.",
|
|
550
|
+
'praxis.richContent.editor.pageHeader.primaryAction': "Ação principal",
|
|
551
|
+
'praxis.richContent.editor.pageHeader.secondaryActions': "Ações secundárias",
|
|
552
|
+
'praxis.richContent.editor.pageHeader.overflowActions': "Menu Mais ações",
|
|
553
|
+
'praxis.richContent.editor.pageHeader.addLink': "Adicionar link",
|
|
554
|
+
'praxis.richContent.renderer.pageHeader.breadcrumb': "Localização na aplicação",
|
|
555
|
+
'praxis.richContent.renderer.pageHeader.more': "Mais ações",
|
|
556
|
+
'praxis.richContent.renderer.pageHeader.related': "Páginas relacionadas",
|
|
557
|
+
'praxis.richContent.editor.validation.pageHeaderChild': "Esta região contém um tipo de bloco incompatível.",
|
|
558
|
+
'praxis.richContent.editor.validation.pageHeaderTitle': "Informe um título ou uma vinculação para o título.",
|
|
495
559
|
'praxis.richContent.editor.eyebrow': 'RichContentDocument',
|
|
496
560
|
'praxis.richContent.editor.title': 'Configurar conteúdo rico',
|
|
497
561
|
'praxis.richContent.editor.subtitle': 'Edite o documento canônico consumido pelo renderer. O payload salvo preserva os demais inputs do widget.',
|
|
498
562
|
'praxis.richContent.editor.valid': 'Documento válido',
|
|
499
|
-
'praxis.richContent.editor.invalid': '
|
|
563
|
+
'praxis.richContent.editor.invalid': 'Documento inválido',
|
|
500
564
|
'praxis.richContent.editor.invalidBadge': 'Inválido',
|
|
501
565
|
'praxis.richContent.editor.layout': 'Layout',
|
|
502
566
|
'praxis.richContent.editor.layout.block': 'Bloco',
|
|
@@ -1131,6 +1195,28 @@ class PraxisRichContent {
|
|
|
1131
1195
|
}
|
|
1132
1196
|
return (this.document()?.nodes ?? []);
|
|
1133
1197
|
}, ...(ngDevMode ? [{ debugName: "renderableNodes" }] : /* istanbul ignore next */ []));
|
|
1198
|
+
visiblePageHeaderNodes(nodes) {
|
|
1199
|
+
return (nodes ?? []).filter(node => this.isNodeVisible(node));
|
|
1200
|
+
}
|
|
1201
|
+
resolvePageHeaderMenuLabel(action) {
|
|
1202
|
+
const label = this.resolveActionButtonLabel(action);
|
|
1203
|
+
return action.color === 'warn' ? `${label} — ${this.tx('renderer.pageHeader.attention', 'Attention')}` : label;
|
|
1204
|
+
}
|
|
1205
|
+
visiblePageHeaderOverflow(node) {
|
|
1206
|
+
return this.visiblePageHeaderNodes(node.overflowActions);
|
|
1207
|
+
}
|
|
1208
|
+
visiblePageHeaderActions(node) {
|
|
1209
|
+
return this.visiblePageHeaderNodes([...(node.primaryAction ? [node.primaryAction] : []), ...(node.secondaryActions ?? [])]);
|
|
1210
|
+
}
|
|
1211
|
+
resolvePageHeaderLevel(node) {
|
|
1212
|
+
return [1, 2, 3, 4, 5, 6].includes(node.headingLevel ?? 1) ? node.headingLevel ?? 1 : 1;
|
|
1213
|
+
}
|
|
1214
|
+
resolvePageHeaderTitle(node) {
|
|
1215
|
+
return (this.resolveValue(node.titleExpr) || node.title || '').trim();
|
|
1216
|
+
}
|
|
1217
|
+
resolvePageHeaderSubtitle(node) {
|
|
1218
|
+
return this.resolveValue(node.subtitleExpr) ?? node.subtitle ?? '';
|
|
1219
|
+
}
|
|
1134
1220
|
isNodeVisible(node) {
|
|
1135
1221
|
if (!this.supportsRequiredCapabilities(node)) {
|
|
1136
1222
|
return false;
|
|
@@ -1403,18 +1489,14 @@ class PraxisRichContent {
|
|
|
1403
1489
|
return (this.resolveValue(node.labelExpr) ?? node.label ?? node.action.actionId);
|
|
1404
1490
|
}
|
|
1405
1491
|
isActionButtonDisabled(node) {
|
|
1406
|
-
if (node
|
|
1407
|
-
return
|
|
1408
|
-
|
|
1409
|
-
|
|
1492
|
+
if (!this.isNodeVisible(node))
|
|
1493
|
+
return true;
|
|
1494
|
+
if (node.disabledWhen != null && this.evaluateRule(node.disabledWhen, true))
|
|
1495
|
+
return true;
|
|
1496
|
+
if (node.action.availabilityExpr && !this.resolveBooleanExpression(node.action.availabilityExpr))
|
|
1497
|
+
return true;
|
|
1410
1498
|
const host = this.hostCapabilities();
|
|
1411
|
-
|
|
1412
|
-
return !this.resolveBooleanExpression(node.action.availabilityExpr);
|
|
1413
|
-
}
|
|
1414
|
-
if (host?.isActionAvailable) {
|
|
1415
|
-
return !host.isActionAvailable(actionId);
|
|
1416
|
-
}
|
|
1417
|
-
return false;
|
|
1499
|
+
return host?.isActionAvailable ? !host.isActionAvailable(node.action.actionId) : false;
|
|
1418
1500
|
}
|
|
1419
1501
|
onActionButtonClick(node) {
|
|
1420
1502
|
if (this.isActionButtonDisabled(node)) {
|
|
@@ -2330,6 +2412,61 @@ class PraxisRichContent {
|
|
|
2330
2412
|
></ng-container>
|
|
2331
2413
|
</div>
|
|
2332
2414
|
}
|
|
2415
|
+
@case ('pageHeader') {
|
|
2416
|
+
<header class="prx-rich-page-header" [class.prx-rich-page-header--sm]="node.size === 'sm'" [class.prx-rich-page-header--lg]="node.size === 'lg'">
|
|
2417
|
+
@if (resolvePageHeaderTitle(node) && visiblePageHeaderNodes(node.breadcrumbs).length) {
|
|
2418
|
+
<nav [attr.aria-label]="tx('renderer.pageHeader.breadcrumb', 'Breadcrumb')">
|
|
2419
|
+
<ol class="prx-rich-page-header__breadcrumbs">
|
|
2420
|
+
@for (ancestor of visiblePageHeaderNodes(node.breadcrumbs); track ancestor.id ?? $index) {
|
|
2421
|
+
<li><ng-container *ngTemplateOutlet="renderNodes; context: { $implicit: [ancestor] }"></ng-container><span aria-hidden="true">/</span></li>
|
|
2422
|
+
}
|
|
2423
|
+
<li aria-current="page">{{ resolvePageHeaderTitle(node) }}</li>
|
|
2424
|
+
</ol>
|
|
2425
|
+
</nav>
|
|
2426
|
+
}
|
|
2427
|
+
<div class="prx-rich-page-header__main">
|
|
2428
|
+
@if (node.identity && isNodeVisible(node.identity)) {
|
|
2429
|
+
<div class="prx-rich-page-header__identity"><ng-container *ngTemplateOutlet="renderNodes; context: { $implicit: [node.identity] }"></ng-container></div>
|
|
2430
|
+
}
|
|
2431
|
+
@if (resolvePageHeaderTitle(node) || resolvePageHeaderSubtitle(node)) {
|
|
2432
|
+
<div class="prx-rich-page-header__text">
|
|
2433
|
+
@if (resolvePageHeaderTitle(node)) {
|
|
2434
|
+
@switch (resolvePageHeaderLevel(node)) {
|
|
2435
|
+
@case (1) { <h1>{{ resolvePageHeaderTitle(node) }}</h1> }
|
|
2436
|
+
@case (2) { <h2>{{ resolvePageHeaderTitle(node) }}</h2> }
|
|
2437
|
+
@case (3) { <h3>{{ resolvePageHeaderTitle(node) }}</h3> }
|
|
2438
|
+
@case (4) { <h4>{{ resolvePageHeaderTitle(node) }}</h4> }
|
|
2439
|
+
@case (5) { <h5>{{ resolvePageHeaderTitle(node) }}</h5> }
|
|
2440
|
+
@case (6) { <h6>{{ resolvePageHeaderTitle(node) }}</h6> }
|
|
2441
|
+
}
|
|
2442
|
+
}
|
|
2443
|
+
@if (resolvePageHeaderSubtitle(node); as subtitle) { <p>{{ subtitle }}</p> }
|
|
2444
|
+
</div>
|
|
2445
|
+
}
|
|
2446
|
+
@if (visiblePageHeaderActions(node).length || visiblePageHeaderOverflow(node).length) {
|
|
2447
|
+
<div class="prx-rich-page-header__actions">
|
|
2448
|
+
<ng-container *ngTemplateOutlet="renderNodes; context: { $implicit: visiblePageHeaderActions(node) }"></ng-container>
|
|
2449
|
+
@if (visiblePageHeaderOverflow(node).length) {
|
|
2450
|
+
<button type="button" class="prx-rich-action-button" [matMenuTriggerFor]="headerMenu">{{ tx('renderer.pageHeader.more', 'More actions') }}</button>
|
|
2451
|
+
<mat-menu #headerMenu="matMenu">
|
|
2452
|
+
@for (action of visiblePageHeaderOverflow(node); track action.id ?? $index) {
|
|
2453
|
+
<button mat-menu-item [class.prx-rich-page-header__menu-warning]="action.color === 'warn'" [attr.aria-label]="resolvePageHeaderMenuLabel(action)" [attr.data-testid]="action.testId || null" [attr.data-rich-node-id]="action.id || null" [ngClass]="resolveNodeClasses(action)" [ngStyle]="resolveNodeStyles(action)" [disabled]="isActionButtonDisabled(action)" (click)="onActionButtonClick(action)">
|
|
2454
|
+
@if (action.icon) { <span class="material-symbols-outlined" aria-hidden="true">{{ action.icon }}</span> }
|
|
2455
|
+
<span>{{ resolveActionButtonLabel(action) }}</span>
|
|
2456
|
+
</button>
|
|
2457
|
+
}
|
|
2458
|
+
</mat-menu>
|
|
2459
|
+
}
|
|
2460
|
+
</div>
|
|
2461
|
+
}
|
|
2462
|
+
</div>
|
|
2463
|
+
@if (visiblePageHeaderNodes(node.relatedLinks).length) {
|
|
2464
|
+
<nav class="prx-rich-page-header__related" [attr.aria-label]="tx('renderer.pageHeader.related', 'Related pages')">
|
|
2465
|
+
<ng-container *ngTemplateOutlet="renderNodes; context: { $implicit: visiblePageHeaderNodes(node.relatedLinks) }"></ng-container>
|
|
2466
|
+
</nav>
|
|
2467
|
+
}
|
|
2468
|
+
</header>
|
|
2469
|
+
}
|
|
2333
2470
|
@case ('card') {
|
|
2334
2471
|
<section
|
|
2335
2472
|
class="prx-rich-card"
|
|
@@ -4081,11 +4218,11 @@ class PraxisRichContent {
|
|
|
4081
4218
|
</span>
|
|
4082
4219
|
}
|
|
4083
4220
|
</ng-template>
|
|
4084
|
-
`, isInline: true, styles: [".prx-rich-content-root{display:block;min-width:0;max-width:100%}.prx-rich-content-root:not(.prx-rich-content-root--inline){display:grid;gap:var(--prx-rich-content-block-gap, 12px)}.prx-rich-content-root--inline{display:inline-flex;align-items:var(--prx-rich-content-inline-align-items, center);flex-wrap:var(--prx-rich-content-inline-flex-wrap, nowrap);gap:var(--prx-rich-content-inline-gap, 6px);min-width:0;max-width:100%;vertical-align:middle}.prx-rich-node{min-width:0;max-width:100%}.prx-rich-node--inline{display:inline-flex;align-items:center;min-width:0;max-width:100%}.prx-rich-compose{display:flex;align-items:center;gap:8px;min-width:0;max-width:100%}.prx-rich-compose.direction-column{flex-direction:column;align-items:stretch}.prx-rich-compose.wrap{flex-wrap:wrap}.prx-rich-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;background:var(--md-sys-color-primary-container, #e8def8);color:var(--md-sys-color-on-primary-container, #21005d);font-size:12px;line-height:20px}.prx-rich-link{color:var(--md-sys-color-primary, #6750a4);text-decoration:underline;text-underline-offset:2px}.prx-rich-text,.prx-rich-link,.prx-rich-badge,.prx-rich-card-title,.prx-rich-card-subtitle,.prx-rich-card-body,.prx-rich-card-footer,.prx-rich-cta-group__title,.prx-rich-cta-group__subtitle,.prx-rich-cta-group__message,.prx-rich-key-value-list__title,.prx-rich-key-value-list__label,.prx-rich-key-value-list__value,.prx-rich-stat-group__title,.prx-rich-stat-group__subtitle,.prx-rich-stat-group__label,.prx-rich-stat-group__value,.prx-rich-stat-group__caption,.prx-rich-tabs__title,.prx-rich-tabs__subtitle,.prx-rich-record-summary__title,.prx-rich-record-summary__subtitle,.prx-rich-record-summary__meta,.prx-rich-record-summary__field-label,.prx-rich-record-summary__field-value,.prx-rich-lookup-result__title,.prx-rich-lookup-result__subtitle,.prx-rich-lookup-result__meta,.prx-rich-lookup-result__message,.prx-rich-lookup-card__title,.prx-rich-lookup-card__subtitle,.prx-rich-lookup-card__meta,.prx-rich-lookup-card__message,.prx-rich-related-record__title,.prx-rich-related-record__subtitle,.prx-rich-related-record__meta,.prx-rich-related-record__relation,.prx-rich-timeline__title,.prx-rich-timeline__subtitle,.prx-rich-timeline__item-title,.prx-rich-timeline__item-subtitle,.prx-rich-timeline__item-meta{min-width:0;max-width:100%;overflow-wrap:anywhere}.prx-rich-text,.prx-rich-link{display:inline-block}.prx-rich-node[data-rich-node-type=avatar]{display:inline-flex;width:40px;height:40px;border-radius:50%;background:var(--md-sys-color-surface-container-high, #ece6f0);color:var(--md-sys-color-on-surface, #1d1b20)}.prx-rich-avatar{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:inherit;background:inherit;color:inherit;overflow:hidden}.prx-rich-avatar-image{width:100%;height:100%;object-fit:cover}.prx-rich-avatar-fallback{font-weight:600}.prx-rich-card{--prx-rich-card-tone-color: var(--md-sys-color-outline-variant, #cac4d0);--prx-rich-card-tone-bg: var(--md-sys-color-surface, #fff);--prx-rich-card-tone-on-bg: var(--md-sys-color-on-surface, #1d1b20);display:flex;flex-direction:column;position:relative;gap:12px;padding:16px;border:1px solid var(--md-sys-color-outline-variant, #cac4d0);border-radius:16px;background:var(--prx-rich-card-tone-bg);color:var(--prx-rich-card-tone-on-bg);overflow:hidden;min-width:0;max-width:100%}.prx-rich-card[data-size=sm],.prx-rich-card[data-density=compact]{gap:8px;padding:12px;border-radius:12px}.prx-rich-content-root.prx-rich-content-root--widget-card{--prx-rich-content-block-gap: 8px}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card{gap:8px;padding:12px;border-radius:var(--pdx-page-card-radius, 10px);background:color-mix(in srgb,var(--prx-rich-card-tone-bg) 82%,transparent);box-shadow:none}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card[data-variant=elevated],.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card[data-variant=filled]{border-color:color-mix(in srgb,var(--md-sys-color-outline-variant) 72%,transparent);background:color-mix(in srgb,var(--prx-rich-card-tone-bg) 88%,transparent);box-shadow:none}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card-heading,.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card-body,.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card-actions,.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card-footer{gap:6px}.prx-rich-card[data-size=lg]{gap:16px;padding:20px}.prx-rich-card[data-orientation=horizontal]{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-leading,.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing{grid-template-columns:minmax(120px,.38fr) minmax(0,1fr)}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-icon,.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-avatar{grid-template-columns:minmax(72px,148px) minmax(0,1fr)}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing{grid-template-columns:minmax(0,1fr) minmax(120px,.38fr)}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing.prx-rich-card--media-icon,.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing.prx-rich-card--media-avatar{grid-template-columns:minmax(0,1fr) minmax(72px,148px)}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-leading>:not(.prx-rich-card-media){grid-column:2}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-leading>.prx-rich-card-media[data-placement=leading]{grid-column:1;grid-row:1 / -1}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing>:not(.prx-rich-card-media){grid-column:1}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing>.prx-rich-card-media[data-placement=trailing]{grid-column:2;grid-row:1 / -1}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-top>.prx-rich-card-media[data-placement=top],.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-background>:not(.prx-rich-card-media){grid-column:1}.prx-rich-card[data-variant=plain]{border-color:transparent;background:color-mix(in srgb,var(--prx-rich-card-tone-bg) 64%,transparent)}.prx-rich-card[data-variant=elevated]{border-color:transparent;box-shadow:0 4px 18px color-mix(in srgb,var(--md-sys-color-shadow, #000) 16%,transparent)}.prx-rich-card[data-variant=filled]{background:color-mix(in srgb,var(--prx-rich-card-tone-bg) 72%,var(--md-sys-color-surface-container, #f3edf7))}.prx-rich-card[data-variant=transparent]{border-color:color-mix(in srgb,var(--md-sys-color-outline-variant, #cac4d0) 64%,transparent);background:color-mix(in srgb,var(--prx-rich-card-tone-bg) 72%,transparent)}.prx-rich-card[data-tone=info]{--prx-rich-card-tone-color: var(--praxis-info, #0b5cad);--prx-rich-card-tone-bg: color-mix( in srgb, var(--md-sys-color-surface, #fff) 88%, var(--prx-rich-card-tone-color) 12% );border-color:color-mix(in srgb,var(--prx-rich-card-tone-color) 42%,var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-card[data-tone=success]{--prx-rich-card-tone-color: var(--praxis-success, #2e7d32);--prx-rich-card-tone-bg: color-mix( in srgb, var(--md-sys-color-surface, #fff) 88%, var(--prx-rich-card-tone-color) 12% );border-color:color-mix(in srgb,var(--prx-rich-card-tone-color) 48%,var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-card[data-tone=warning]{--prx-rich-card-tone-color: var(--praxis-warning, #ed6c02);--prx-rich-card-tone-bg: color-mix( in srgb, var(--md-sys-color-surface, #fff) 86%, var(--prx-rich-card-tone-color) 14% );border-color:color-mix(in srgb,var(--prx-rich-card-tone-color) 56%,var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-card[data-tone=danger]{--prx-rich-card-tone-color: var(--md-sys-color-error, #d32f2f);--prx-rich-card-tone-bg: color-mix( in srgb, var(--md-sys-color-surface, #fff) 84%, var(--prx-rich-card-tone-color) 16% );border-color:color-mix(in srgb,var(--prx-rich-card-tone-color) 62%,var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-card--interactive{cursor:pointer}.prx-rich-card--interactive:focus-visible{outline:3px solid color-mix(in srgb,var(--md-sys-color-primary, #6750a4) 72%,transparent);outline-offset:2px}.prx-rich-card--selected,.prx-rich-card--active{border-color:var(--md-sys-color-primary, #6750a4);box-shadow:inset 0 0 0 1px var(--md-sys-color-primary, #6750a4)}.prx-rich-card--disabled:not(.prx-rich-card--loading){opacity:.62;cursor:default}.prx-rich-card--loading{cursor:progress}.prx-rich-card-media{display:flex;align-items:center;justify-content:center;min-width:0;border-radius:12px;background:color-mix(in srgb,var(--prx-rich-card-tone-color) 18%,var(--md-sys-color-surface-container-high, #ece6f0));overflow:hidden;aspect-ratio:16 / 9}.prx-rich-card-media[data-kind=icon],.prx-rich-card-media[data-kind=avatar]{aspect-ratio:auto;min-height:64px;padding:12px}.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=icon],.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=avatar],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=icon],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=avatar]{min-height:48px;padding:8px}.prx-rich-card-media[data-placement=leading],.prx-rich-card-media[data-placement=trailing]{aspect-ratio:auto;min-height:100%}.prx-rich-card-media[data-kind=icon][data-placement=leading],.prx-rich-card-media[data-kind=icon][data-placement=trailing],.prx-rich-card-media[data-kind=avatar][data-placement=leading],.prx-rich-card-media[data-kind=avatar][data-placement=trailing]{align-self:start;min-height:64px}.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=icon][data-placement=leading],.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=icon][data-placement=trailing],.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=avatar][data-placement=leading],.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=avatar][data-placement=trailing],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=icon][data-placement=leading],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=icon][data-placement=trailing],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=avatar][data-placement=leading],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=avatar][data-placement=trailing]{min-height:48px}.prx-rich-card-media--background{position:absolute;inset:0;z-index:0;border-radius:inherit;opacity:.18}.prx-rich-card-media--background~*{position:relative;z-index:1}.prx-rich-card-media__asset{width:100%;height:100%;object-fit:cover}.prx-rich-card-media__icon{font-size:40px;color:var(--prx-rich-card-tone-color)}.prx-rich-card-media__avatar{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:color-mix(in srgb,var(--prx-rich-card-tone-color) 22%,var(--md-sys-color-primary-container, #e8def8));color:var(--prx-rich-card-tone-on-bg);font-weight:700}.prx-rich-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0}.prx-rich-card-header__content{min-width:0}.prx-rich-card-header__action{flex:0 0 auto}.prx-rich-card-heading{display:grid;gap:4px;min-width:0}.prx-rich-card-title{font-weight:600}.prx-rich-card-subtitle,.prx-rich-metric-caption{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:12px}.prx-rich-metric{display:grid;gap:4px;min-width:0}.prx-rich-metric--with-icon{grid-template-columns:auto minmax(0,1fr);column-gap:8px;align-items:start}.prx-rich-metric-icon{color:var(--md-sys-color-primary, #6750a4);font-size:20px;line-height:1.2;margin-top:2px}.prx-rich-metric-content{display:grid;gap:4px;min-width:0}.prx-rich-metric-value{font-size:20px;font-weight:700}.prx-rich-progress{display:flex;flex-direction:column;gap:4px}.prx-rich-progress-header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0}.prx-rich-progress-label,.prx-rich-progress-percent{min-width:0;color:var(--md-sys-color-on-surface-variant, #49454f);font-size:12px;font-weight:600}.prx-rich-progress-percent{flex:0 0 auto;color:var(--md-sys-color-on-surface, #1d1b20)}.prx-rich-progress-bar{width:100%}.prx-rich-action-button,.prx-rich-card-actions,.prx-rich-callout__actions,.prx-rich-empty-state__actions,.prx-rich-record-summary__actions,.prx-rich-disclosure__actions,.prx-rich-accordion__actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.prx-rich-action-button{appearance:none;border:1px solid var(--md-sys-color-outline-variant, #cac4d0);border-radius:999px;background:var(--md-sys-color-surface, #fff);color:var(--md-sys-color-on-surface, #1d1b20);padding:8px 12px;cursor:pointer}.prx-rich-action-button:disabled{opacity:.56;cursor:default}.prx-rich-action-button--raised,.prx-rich-action-button--primary{background:var(--md-sys-color-primary, #6750a4);color:var(--md-sys-color-on-primary, #fff)}.prx-rich-callout,.prx-rich-empty-state,.prx-rich-record-summary,.prx-rich-decision-package,.prx-rich-disclosure,.prx-rich-accordion{border:1px solid var(--md-sys-color-outline-variant, #cac4d0);border-radius:16px;padding:16px;background:var(--md-sys-color-surface, #fff)}.prx-rich-lookup-result,.prx-rich-lookup-card{display:grid;gap:8px;min-width:0;padding:14px 16px;border:1px solid var(--md-sys-color-outline-variant, #cac4d0);border-radius:14px;background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 94%,transparent);color:var(--md-sys-color-on-surface, #1d1b20)}.prx-rich-lookup-result[data-status=resolved],.prx-rich-lookup-card[data-status=resolved]{border-color:color-mix(in srgb,var(--md-sys-color-primary, #6750a4) 28%,var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-lookup-result[data-status=error],.prx-rich-lookup-card[data-status=error]{border-color:color-mix(in srgb,var(--md-sys-color-error, #b3261e) 48%,var(--md-sys-color-outline-variant, #cac4d0));background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 88%,var(--md-sys-color-error, #b3261e) 12%)}.prx-rich-lookup-result__title,.prx-rich-lookup-card__title{font-size:16px;font-weight:700;line-height:1.3}.prx-rich-lookup-result__subtitle,.prx-rich-lookup-card__subtitle{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:13px;line-height:1.35}.prx-rich-lookup-result__meta,.prx-rich-lookup-card__meta{color:var(--md-sys-color-primary, #6750a4);font-size:11px;font-weight:700;letter-spacing:.04em;line-height:1.35;text-transform:uppercase}.prx-rich-lookup-result__message,.prx-rich-lookup-card__message{color:var(--md-sys-color-on-surface-variant, #49454f);line-height:1.45}.prx-rich-lookup-result__fields,.prx-rich-lookup-card__fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:8px;min-width:0;margin:4px 0 0}.prx-rich-lookup-result__field,.prx-rich-lookup-card__field{display:grid;gap:3px;min-width:0;margin:0;padding:9px 11px;border-radius:10px;background:color-mix(in srgb,var(--md-sys-color-surface-container, #f3edf7) 76%,transparent)}.prx-rich-lookup-result__field dt,.prx-rich-lookup-card__field dt{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:11px;font-weight:600;line-height:1.3}.prx-rich-lookup-result__field dd,.prx-rich-lookup-card__field dd{min-width:0;margin:0;font-size:14px;font-weight:650;line-height:1.4;overflow-wrap:anywhere}.prx-rich-lookup-result__hint,.prx-rich-lookup-card__hint{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:11px;line-height:1.35}.prx-rich-lookup-result__actions,.prx-rich-lookup-card__actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:4px}.prx-rich-lookup-card{grid-template-columns:minmax(0,1fr) auto;column-gap:18px;align-items:center}.prx-rich-lookup-card__copy{display:grid;gap:6px;min-width:0}.prx-rich-lookup-card__title-row{display:flex;gap:8px;align-items:center;min-width:0}.prx-rich-lookup-card__icon{flex:0 0 auto;color:var(--md-sys-color-primary, #6750a4)}.prx-rich-lookup-card__actions{justify-content:flex-end;margin-top:0}@media(max-width:640px){.prx-rich-lookup-result__fields,.prx-rich-lookup-card__fields,.prx-rich-lookup-card{grid-template-columns:minmax(0,1fr)}.prx-rich-lookup-card__actions{justify-content:flex-start}}.prx-rich-callout[data-tone=warning]{background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 88%,#ffb300 12%)}.prx-rich-callout[data-tone=danger]{background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 88%,#d32f2f 12%)}.prx-rich-callout__title,.prx-rich-empty-state__title,.prx-rich-record-summary__title,.prx-rich-decision-package__title,.prx-rich-stat-group__title,.prx-rich-accordion__title,.prx-rich-key-value-list__title{font-weight:700;margin-bottom:4px}.prx-rich-decision-package{--prx-rich-decision-package-accent: var(--md-sys-color-primary, #6750a4);display:grid;grid-template-columns:minmax(0,1fr) minmax(136px,auto);gap:16px;border-color:color-mix(in srgb,var(--prx-rich-decision-package-accent) 42%,var(--md-sys-color-outline-variant, #cac4d0));background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 88%,var(--prx-rich-decision-package-accent) 12%)}.prx-rich-decision-package[data-status=approved],.prx-rich-decision-package[data-status=published]{--prx-rich-decision-package-accent: var(--praxis-success, #2e7d32)}.prx-rich-decision-package[data-status=draft],.prx-rich-decision-package[data-status=simulated],.prx-rich-decision-package[data-risk=medium],.prx-rich-decision-package[data-risk=high]{--prx-rich-decision-package-accent: var(--praxis-warning, #ed6c02)}.prx-rich-decision-package[data-status=reverted],.prx-rich-decision-package[data-risk=critical]{--prx-rich-decision-package-accent: var(--md-sys-color-error, #d32f2f)}.prx-rich-decision-package__main{display:grid;gap:8px;min-width:0}.prx-rich-decision-package__eyebrow,.prx-rich-decision-package__evidence,.prx-rich-decision-package__actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.prx-rich-decision-package__title{font-size:20px;line-height:1.15}.prx-rich-decision-package__subtitle,.prx-rich-decision-package__summary,.prx-rich-decision-package__meta,.prx-rich-decision-package__property dt,.prx-rich-decision-package__evidence-item small{color:var(--md-sys-color-on-surface-variant, #49454f)}.prx-rich-decision-package__properties{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin:0}.prx-rich-decision-package__property{min-width:0}.prx-rich-decision-package__property dt,.prx-rich-decision-package__property dd{margin:0;overflow-wrap:anywhere}.prx-rich-decision-package__property dd{font-weight:700}.prx-rich-decision-package__evidence-item{display:inline-flex;flex-direction:column;gap:1px;border:1px solid color-mix(in srgb,var(--prx-rich-decision-package-accent) 24%,var(--md-sys-color-outline-variant, #cac4d0));border-radius:12px;padding:6px 8px;background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 76%,transparent);font-size:12px}.prx-rich-decision-package__aside{display:grid;align-content:start;justify-items:end;gap:10px;min-width:0}.prx-rich-decision-package__confidence{display:grid;justify-items:center;min-width:96px;border-radius:16px;padding:12px;background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 72%,transparent)}.prx-rich-decision-package__confidence span{font-size:28px;font-weight:800;line-height:1}.prx-rich-decision-package__confidence small{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:11px;font-weight:700;text-transform:uppercase}@media(max-width:640px){.prx-rich-decision-package{grid-template-columns:minmax(0,1fr)}.prx-rich-decision-package__aside{justify-items:start}}.prx-rich-empty-state{align-items:center;text-align:center}.prx-rich-key-value-list__items,.prx-rich-stat-group__items,.prx-rich-record-summary__fields{display:grid;gap:8px;margin:0}.prx-rich-stat-group[data-layout=inline] .prx-rich-stat-group__items{grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr))}.prx-rich-stat-group[data-layout=grid] .prx-rich-stat-group__items{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr))}.prx-rich-stat-group__item{--prx-rich-stat-tone-color: var(--md-sys-color-outline, #79747e);--prx-rich-stat-tone-bg: var(--md-sys-color-surface, #fff);--prx-rich-stat-tone-border: var(--md-sys-color-outline-variant, #cac4d0);display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;row-gap:2px;align-items:start;min-width:0;padding:12px;border:1px solid var(--prx-rich-stat-tone-border);border-radius:12px;background:var(--prx-rich-stat-tone-bg)}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group__items{gap:6px}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group[data-layout=inline] .prx-rich-stat-group__items,.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group[data-layout=grid] .prx-rich-stat-group__items{grid-template-columns:repeat(auto-fit,minmax(min(148px,100%),1fr))}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group__item{column-gap:8px;padding:8px 10px;border-radius:var(--pdx-page-card-radius, 10px);background:color-mix(in srgb,var(--prx-rich-stat-tone-bg) 78%,transparent)}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group__icon,.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group__value{font-size:20px}.prx-rich-stat-group__item[data-tone=info]{--prx-rich-stat-tone-color: var(--praxis-info, #0b5cad);--prx-rich-stat-tone-bg: color-mix( in srgb, var(--md-sys-color-surface, #fff) 88%, var(--prx-rich-stat-tone-color) 12% );--prx-rich-stat-tone-border: color-mix( in srgb, var(--prx-rich-stat-tone-color) 34%, var(--md-sys-color-outline-variant, #cac4d0) )}.prx-rich-stat-group__item[data-tone=success]{--prx-rich-stat-tone-color: var(--praxis-success, #2e7d32);--prx-rich-stat-tone-bg: color-mix( in srgb, var(--md-sys-color-surface, #fff) 88%, var(--prx-rich-stat-tone-color) 12% );--prx-rich-stat-tone-border: color-mix( in srgb, var(--prx-rich-stat-tone-color) 38%, var(--md-sys-color-outline-variant, #cac4d0) )}.prx-rich-stat-group__item[data-tone=warning]{--prx-rich-stat-tone-color: var(--praxis-warning, #b26a00);--prx-rich-stat-tone-bg: color-mix( in srgb, var(--md-sys-color-surface, #fff) 86%, var(--prx-rich-stat-tone-color) 14% );--prx-rich-stat-tone-border: color-mix( in srgb, var(--prx-rich-stat-tone-color) 46%, var(--md-sys-color-outline-variant, #cac4d0) )}.prx-rich-stat-group__item[data-tone=danger]{--prx-rich-stat-tone-color: var(--md-sys-color-error, #d32f2f);--prx-rich-stat-tone-bg: color-mix( in srgb, var(--md-sys-color-surface, #fff) 84%, var(--prx-rich-stat-tone-color) 16% );--prx-rich-stat-tone-border: color-mix( in srgb, var(--prx-rich-stat-tone-color) 54%, var(--md-sys-color-outline-variant, #cac4d0) )}.prx-rich-stat-group__item-header{display:flex;gap:8px;align-items:center;min-width:0}.prx-rich-stat-group__item-content{display:grid;gap:4px;min-width:0}.prx-rich-stat-group__icon{color:var(--prx-rich-stat-tone-color);font-size:24px;line-height:1;margin-top:1px}.prx-rich-stat-group__item:not(.prx-rich-stat-group__item--with-icon){grid-template-columns:minmax(0,1fr)}.prx-rich-stat-group__label,.prx-rich-stat-group__subtitle,.prx-rich-stat-group__caption{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:12px}.prx-rich-stat-group__value{color:var(--md-sys-color-on-surface, #1d1b20);font-size:24px;font-weight:700;line-height:1.2}.prx-rich-tabs{display:flex;flex-direction:column;gap:12px;min-width:0}.prx-rich-tabs__title,.prx-rich-tabs__tab--active{font-weight:700}.prx-rich-tabs__subtitle{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:12px;margin-top:-8px}.prx-rich-tabs__tablist{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--md-sys-color-outline-variant, #cac4d0);padding-bottom:8px}.prx-rich-tabs[data-appearance=pills] .prx-rich-tabs__tablist{border-bottom:0;padding-bottom:0}.prx-rich-tabs__tab{display:inline-flex;align-items:center;gap:8px;min-width:0;padding:8px 12px;border:0;border-radius:999px;background:transparent;color:var(--md-sys-color-on-surface, #1d1b20);cursor:pointer}.prx-rich-tabs[data-appearance=underline] .prx-rich-tabs__tab{border-radius:0;border-bottom:2px solid transparent;padding-inline:0;padding-top:0;padding-bottom:8px}.prx-rich-tabs__tab--active{color:var(--md-sys-color-primary, #6750a4)}.prx-rich-tabs[data-appearance=underline] .prx-rich-tabs__tab--active{border-bottom-color:var(--md-sys-color-primary, #6750a4)}.prx-rich-tabs[data-appearance=pills] .prx-rich-tabs__tab--active{background:color-mix(in srgb,var(--md-sys-color-primary, #6750a4) 14%,#fff)}.prx-rich-tabs__tab:disabled{cursor:not-allowed;opacity:.55}.prx-rich-tabs__panel{display:block;min-width:0}.prx-rich-key-value-list__item,.prx-rich-record-summary__field{display:grid;grid-template-columns:minmax(0,160px) minmax(0,1fr);gap:12px;margin:0}.prx-rich-key-value-list[data-layout=stacked] .prx-rich-key-value-list__item{grid-template-columns:minmax(0,1fr);gap:4px}.prx-rich-key-value-list__item dt,.prx-rich-record-summary__field dt{color:var(--md-sys-color-on-surface-variant, #49454f)}.prx-rich-key-value-list__item dd,.prx-rich-record-summary__field dd{margin:0;display:inline-flex;gap:8px;flex-wrap:wrap;align-items:center}.prx-rich-related-record{display:grid;gap:14px;min-width:0;padding:16px;border:1px solid var(--md-sys-color-outline-variant, #cac4d0);border-radius:12px;background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 94%,transparent)}.prx-rich-related-record__copy{display:grid;gap:10px;min-width:0}.prx-rich-related-record__relation{color:var(--md-sys-color-primary, #6750a4);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0}.prx-rich-related-record__title-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;min-width:0}.prx-rich-related-record__title-row:not(.prx-rich-related-record__title-row--with-icon){grid-template-columns:minmax(0,1fr)}.prx-rich-related-record__icon{color:var(--md-sys-color-primary, #6750a4);font-size:24px;line-height:1}.prx-rich-related-record__title{font-size:18px;font-weight:700;line-height:1.25;min-width:0}.prx-rich-related-record__subtitle,.prx-rich-related-record__meta,.prx-rich-related-record__hint{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:13px;line-height:1.45}.prx-rich-related-record__fields{display:grid;gap:8px;margin:0;padding:0}.prx-rich-related-record__field{display:grid;grid-template-columns:minmax(0,140px) minmax(0,1fr);gap:8px 12px;align-items:start;min-width:0;padding-top:8px;border-top:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #cac4d0) 52%,transparent)}.prx-rich-related-record__field dt{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:13px}.prx-rich-related-record__field dd{margin:0;font-weight:600;min-width:0}.prx-rich-related-record__hint{display:block;font-weight:400;margin-top:2px}.prx-rich-related-record__actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.prx-rich-disclosure__summary,.prx-rich-accordion__summary{cursor:pointer;display:flex;gap:8px;align-items:center;list-style:none}.prx-rich-disclosure__content,.prx-rich-accordion__content{margin-top:12px}.prx-rich-media-block{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;min-width:0}.prx-rich-media-block__avatar,.prx-rich-media-block__body,.prx-rich-media-block__trailing{min-width:0}.prx-rich-media-block__body{display:flex;flex-direction:column;gap:6px}.prx-rich-media-block__title{font-weight:700}.prx-rich-media-block__subtitle{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:13px}.prx-rich-media-block__meta{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:12px}.prx-rich-media-block__trailing{display:flex;align-items:center;justify-content:flex-end}.prx-rich-timeline{--prx-rich-timeline-marker-color: var(--md-sys-color-primary, #6750a4);--prx-rich-timeline-on-marker-color: var(--md-sys-color-on-primary, #fff);--prx-rich-timeline-connector-color: var( --md-sys-color-outline-variant, #cac4d0 );--prx-rich-timeline-item-gap: 16px;--prx-rich-timeline-title-color: currentColor;--prx-rich-timeline-title-font-size: inherit;--prx-rich-timeline-title-font-weight: 700;--prx-rich-timeline-item-title-color: currentColor;--prx-rich-timeline-item-title-font-size: inherit;--prx-rich-timeline-item-title-font-weight: 600;--prx-rich-timeline-item-subtitle-color: var( --md-sys-color-on-surface-variant, #49454f );--prx-rich-timeline-item-subtitle-font-size: 12px;--prx-rich-timeline-item-meta-color: var( --md-sys-color-on-surface-variant, #49454f );--prx-rich-timeline-item-meta-font-size: 12px;--prx-rich-timeline-opposite-color: var( --md-sys-color-on-surface-variant, #49454f );--prx-rich-timeline-opposite-font-size: 12px;--prx-rich-timeline-opposite-font-weight: 400;--prx-rich-timeline-item-body-background: transparent;--prx-rich-timeline-item-body-border: 0;--prx-rich-timeline-item-body-border-radius: 6px;--prx-rich-timeline-item-body-padding: 12px;display:flex;flex-direction:column;gap:12px;min-width:0}.prx-rich-timeline__title{color:var(--prx-rich-timeline-title-color);font-size:var(--prx-rich-timeline-title-font-size);font-weight:var(--prx-rich-timeline-title-font-weight)}.prx-rich-timeline__items{display:flex;flex-direction:column;gap:0;list-style:none;margin:0;padding:0}.prx-rich-timeline__item{display:grid;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);grid-template-areas:\". marker body\";column-gap:16px;align-items:flex-start;min-height:64px;min-width:0;position:relative}.prx-rich-timeline--vertical .prx-rich-timeline__item{padding-block-end:var(--prx-rich-timeline-item-gap)}.prx-rich-timeline--vertical .prx-rich-timeline__item:last-child{padding-block-end:0}.prx-rich-timeline--marker-color-primary,.prx-rich-timeline__item--marker-color-primary{--prx-rich-timeline-marker-color: var(--md-sys-color-primary, #6750a4);--prx-rich-timeline-on-marker-color: var(--md-sys-color-on-primary, #fff)}.prx-rich-timeline--marker-color-secondary,.prx-rich-timeline__item--marker-color-secondary{--prx-rich-timeline-marker-color: var(--md-sys-color-secondary, #625b71);--prx-rich-timeline-on-marker-color: var( --md-sys-color-on-secondary, #fff )}.prx-rich-timeline--marker-color-tertiary,.prx-rich-timeline__item--marker-color-tertiary{--prx-rich-timeline-marker-color: var(--md-sys-color-tertiary, #7d5260);--prx-rich-timeline-on-marker-color: var( --md-sys-color-on-tertiary, #fff )}.prx-rich-timeline--marker-color-success,.prx-rich-timeline__item--marker-color-success{--prx-rich-timeline-marker-color: var(--praxis-success, #146c43);--prx-rich-timeline-on-marker-color: var(--praxis-on-success, #fff)}.prx-rich-timeline--marker-color-warning,.prx-rich-timeline__item--marker-color-warning{--prx-rich-timeline-marker-color: var(--praxis-warning, #b26a00);--prx-rich-timeline-on-marker-color: var(--praxis-on-warning, #1d1b20)}.prx-rich-timeline--marker-color-error,.prx-rich-timeline__item--marker-color-error{--prx-rich-timeline-marker-color: var(--md-sys-color-error, #ba1a1a);--prx-rich-timeline-on-marker-color: var(--md-sys-color-on-error, #fff)}.prx-rich-timeline--marker-color-info,.prx-rich-timeline__item--marker-color-info{--prx-rich-timeline-marker-color: var(--praxis-info, #0b5cad);--prx-rich-timeline-on-marker-color: var(--praxis-on-info, #fff)}.prx-rich-timeline--marker-color-neutral,.prx-rich-timeline__item--marker-color-neutral{--prx-rich-timeline-marker-color: var(--md-sys-color-outline, #79747e);--prx-rich-timeline-on-marker-color: var(--md-sys-color-surface, #fffbfe)}.prx-rich-timeline--connector-color-primary,.prx-rich-timeline__item--connector-color-primary{--prx-rich-timeline-connector-color: var(--md-sys-color-primary, #6750a4)}.prx-rich-timeline--connector-color-secondary,.prx-rich-timeline__item--connector-color-secondary{--prx-rich-timeline-connector-color: var( --md-sys-color-secondary, #625b71 )}.prx-rich-timeline--connector-color-tertiary,.prx-rich-timeline__item--connector-color-tertiary{--prx-rich-timeline-connector-color: var( --md-sys-color-tertiary, #7d5260 )}.prx-rich-timeline--connector-color-success,.prx-rich-timeline__item--connector-color-success{--prx-rich-timeline-connector-color: var(--praxis-success, #146c43)}.prx-rich-timeline--connector-color-warning,.prx-rich-timeline__item--connector-color-warning{--prx-rich-timeline-connector-color: var(--praxis-warning, #b26a00)}.prx-rich-timeline--connector-color-error,.prx-rich-timeline__item--connector-color-error{--prx-rich-timeline-connector-color: var(--md-sys-color-error, #ba1a1a)}.prx-rich-timeline--connector-color-info,.prx-rich-timeline__item--connector-color-info{--prx-rich-timeline-connector-color: var(--praxis-info, #0b5cad)}.prx-rich-timeline--connector-color-neutral,.prx-rich-timeline__item--connector-color-neutral{--prx-rich-timeline-connector-color: var(--md-sys-color-outline, #79747e)}.prx-rich-timeline__item--has-opposite{grid-template-areas:\"opposite marker body\"}.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd){grid-template-areas:\"body marker opposite\"}.prx-rich-timeline--left .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite),.prx-rich-timeline--alternate .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite).prx-rich-timeline__item--odd,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite):not(.prx-rich-timeline__item--odd){grid-template-areas:\"body marker .\"}.prx-rich-timeline__item-opposite{grid-area:opposite;color:var(--prx-rich-timeline-opposite-color);font-size:var(--prx-rich-timeline-opposite-font-size);font-weight:var(--prx-rich-timeline-opposite-font-weight);line-height:1.35;min-width:0;overflow-wrap:anywhere;padding-top:1px;text-align:end}.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite .prx-rich-timeline__item-opposite,.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd .prx-rich-timeline__item-opposite,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-opposite{text-align:start}.prx-rich-timeline__item-body{background:var(--prx-rich-timeline-item-body-background);border:var(--prx-rich-timeline-item-body-border);border-radius:var(--prx-rich-timeline-item-body-border-radius);padding:var(--prx-rich-timeline-item-body-padding)}.prx-rich-timeline__item-subtitle{color:var(--prx-rich-timeline-item-subtitle-color);font-size:var(--prx-rich-timeline-item-subtitle-font-size)}.prx-rich-timeline__item-marker{--prx-rich-timeline-marker-size: 22px;display:inline-flex;align-items:flex-start;align-self:stretch;grid-area:marker;justify-content:center;justify-self:center;min-height:64px;position:relative;width:max(32px,var(--prx-rich-timeline-marker-size))}.prx-rich-timeline--marker-dot .prx-rich-timeline__item-marker{--prx-rich-timeline-marker-size: 10px}.prx-rich-timeline--marker-icon .prx-rich-timeline__item-marker{--prx-rich-timeline-marker-size: 24px}.prx-rich-timeline__item-marker>*{position:relative;z-index:1}.prx-rich-timeline__item-marker:after{border-left:1px solid var(--prx-rich-timeline-connector-color);bottom:0;content:\"\";left:50%;position:absolute;top:var(--prx-rich-timeline-marker-size);transform:translate(-50%)}.prx-rich-timeline__item:last-child .prx-rich-timeline__item-marker:after{content:none}.prx-rich-timeline--connector-dashed .prx-rich-timeline__item-marker:after{border-left-style:dashed}.prx-rich-timeline--connector-none .prx-rich-timeline__item-marker:after{content:none}.prx-rich-timeline--horizontal .prx-rich-timeline__items{flex-direction:row;gap:0;overflow-x:auto;padding-bottom:2px;scroll-snap-type:x proximity}.prx-rich-timeline__items:focus-visible{border-radius:4px;outline:2px solid var(--md-sys-color-primary, #6750a4);outline-offset:2px}.prx-rich-timeline--horizontal .prx-rich-timeline__item,.prx-rich-timeline--horizontal .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item{grid-template-columns:minmax(176px,1fr);grid-template-areas:\"opposite\" \"marker\" \"body\";grid-template-rows:auto 32px 1fr;min-height:0;min-width:min(240px,80vw);padding-inline-end:calc(var(--prx-rich-timeline-item-gap) * .75);scroll-snap-align:start}.prx-rich-timeline--horizontal .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite){grid-template-areas:\"marker\" \"body\";grid-template-rows:32px 1fr}.prx-rich-timeline--horizontal .prx-rich-timeline__item-marker{align-items:center;align-self:center;justify-content:flex-start;justify-self:stretch;min-height:32px;width:100%}.prx-rich-timeline--horizontal .prx-rich-timeline__item-marker:after{border-left:0;border-top:1px solid var(--prx-rich-timeline-connector-color);bottom:auto;left:var(--prx-rich-timeline-marker-size);right:0;top:50%;transform:translateY(-50%)}.prx-rich-timeline--horizontal.prx-rich-timeline--connector-dashed .prx-rich-timeline__item-marker:after{border-left-style:solid;border-top-style:dashed}.prx-rich-timeline--horizontal .prx-rich-timeline__item--connector-dashed .prx-rich-timeline__item-marker:after{border-left-style:solid;border-top-style:dashed}.prx-rich-timeline--horizontal .prx-rich-timeline__item--connector-solid .prx-rich-timeline__item-marker:after{border-left-style:solid;border-top-style:solid}.prx-rich-timeline--horizontal .prx-rich-timeline__item-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite .prx-rich-timeline__item-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd .prx-rich-timeline__item-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-opposite,.prx-rich-timeline--horizontal .prx-rich-timeline__item-body,.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item-body,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item--odd .prx-rich-timeline__item-body,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-body{align-items:flex-start;text-align:start}.prx-rich-timeline__item--connector-dashed .prx-rich-timeline__item-marker:after{content:\"\";border-left-style:dashed}.prx-rich-timeline__item--connector-solid .prx-rich-timeline__item-marker:after{content:\"\";border-left-style:solid}.prx-rich-timeline__item--connector-none .prx-rich-timeline__item-marker:after{content:none}.prx-rich-timeline__item-icon{align-items:center;border:2px solid transparent;border-radius:50%;box-sizing:border-box;color:var(--prx-rich-timeline-marker-color);display:inline-flex;font-size:calc(var(--prx-rich-timeline-marker-size) - 8px);height:var(--prx-rich-timeline-marker-size);justify-content:center;line-height:1;width:var(--prx-rich-timeline-marker-size)}.prx-rich-timeline__item-dot{width:10px;height:10px;border-radius:50%;background:var(--prx-rich-timeline-marker-color);border:2px solid transparent;box-sizing:border-box;display:inline-block}.prx-rich-timeline__item-number{align-items:center;background:var(--prx-rich-timeline-marker-color);border:2px solid transparent;border-radius:50%;box-sizing:border-box;color:var(--prx-rich-timeline-on-marker-color);display:inline-flex;font-size:11px;font-weight:700;height:var(--prx-rich-timeline-marker-size);justify-content:center;line-height:1;min-width:var(--prx-rich-timeline-marker-size);padding:0 5px}.prx-rich-timeline--marker-style-outlined .prx-rich-timeline__item-marker>*,.prx-rich-timeline__item--marker-style-outlined .prx-rich-timeline__item-marker>*{background:transparent;border-color:var(--prx-rich-timeline-marker-color);color:var(--prx-rich-timeline-marker-color)}.prx-rich-timeline--marker-style-outlined .prx-rich-timeline__item-dot,.prx-rich-timeline__item--marker-style-outlined .prx-rich-timeline__item-dot{background:var(--md-sys-color-surface, #fffbfe)}.prx-rich-timeline__item--marker-style-filled .prx-rich-timeline__item-dot,.prx-rich-timeline__item--marker-style-filled .prx-rich-timeline__item-number,.prx-rich-timeline--marker-style-filled .prx-rich-timeline__item-icon,.prx-rich-timeline__item--marker-style-filled .prx-rich-timeline__item-icon{background:var(--prx-rich-timeline-marker-color);border-color:transparent;color:var(--prx-rich-timeline-on-marker-color)}.prx-rich-timeline__item-body{display:flex;flex-direction:column;gap:4px;grid-area:body;min-width:0}.prx-rich-timeline--left .prx-rich-timeline__item-body,.prx-rich-timeline--alternate .prx-rich-timeline__item--odd .prx-rich-timeline__item-body,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-body{align-items:flex-end;text-align:end}.prx-rich-timeline__item-title{color:var(--prx-rich-timeline-item-title-color);font-size:var(--prx-rich-timeline-item-title-font-size);font-weight:var(--prx-rich-timeline-item-title-font-weight)}.prx-rich-timeline--emphasis-subtle{--prx-rich-timeline-title-color: var( --md-sys-color-on-surface-variant, #49454f );--prx-rich-timeline-item-title-color: var( --md-sys-color-on-surface-variant, #49454f );--prx-rich-timeline-item-title-font-weight: 500;--prx-rich-timeline-opposite-color: var( --md-sys-color-on-surface-variant, #49454f )}.prx-rich-timeline--density-compact{--prx-rich-timeline-item-gap: 10px;--prx-rich-timeline-item-body-padding: 10px}.prx-rich-timeline--density-spacious{--prx-rich-timeline-item-gap: 24px;--prx-rich-timeline-item-body-padding: 14px}.prx-rich-timeline--emphasis-strong{--prx-rich-timeline-title-color: var(--md-sys-color-on-surface, #1d1b20);--prx-rich-timeline-title-font-weight: 700;--prx-rich-timeline-item-title-color: var( --md-sys-color-on-surface, #1d1b20 );--prx-rich-timeline-item-title-font-weight: 700;--prx-rich-timeline-opposite-color: var( --md-sys-color-on-surface, #1d1b20 );--prx-rich-timeline-opposite-font-weight: 700}.prx-rich-timeline--emphasis-hero{--prx-rich-timeline-title-color: var(--md-sys-color-on-surface, #1d1b20);--prx-rich-timeline-title-font-size: 20px;--prx-rich-timeline-title-font-weight: 800;--prx-rich-timeline-item-title-color: var( --md-sys-color-on-surface, #1d1b20 );--prx-rich-timeline-item-title-font-size: 17px;--prx-rich-timeline-item-title-font-weight: 800;--prx-rich-timeline-opposite-color: var(--md-sys-color-primary, #6750a4);--prx-rich-timeline-opposite-font-size: 14px;--prx-rich-timeline-opposite-font-weight: 800;--prx-rich-timeline-item-body-background: color-mix( in srgb, var(--md-sys-color-primary, #6750a4) 8%, transparent );--prx-rich-timeline-item-body-border-radius: 8px;--prx-rich-timeline-item-body-padding: 14px}.prx-rich-timeline--text-prominent{--prx-rich-timeline-opposite-font-size: 14px;--prx-rich-timeline-opposite-font-weight: 700;--prx-rich-timeline-item-title-font-size: 15px;--prx-rich-timeline-item-title-font-weight: 700}.prx-rich-timeline--text-eyebrow{--prx-rich-timeline-opposite-font-size: 12px;--prx-rich-timeline-opposite-font-weight: 800}.prx-rich-timeline--text-eyebrow .prx-rich-timeline__item-opposite{letter-spacing:0;text-transform:uppercase}.prx-rich-timeline--text-label{--prx-rich-timeline-opposite-font-size: 12px;--prx-rich-timeline-opposite-font-weight: 700;--prx-rich-timeline-item-title-font-size: 14px;--prx-rich-timeline-item-title-font-weight: 600}.prx-rich-timeline__item-subtitle,.prx-rich-timeline__item-meta,.prx-rich-timeline__empty{color:var(--prx-rich-timeline-item-subtitle-color);font-size:var(--prx-rich-timeline-item-subtitle-font-size)}.prx-rich-timeline__item-meta{color:var(--prx-rich-timeline-item-meta-color);font-size:var(--prx-rich-timeline-item-meta-font-size)}.prx-rich-timeline__item-badge{display:inline-flex;align-items:flex-start;margin-top:2px}@media(max-width:640px){.prx-rich-timeline--horizontal .prx-rich-timeline__items{flex-direction:column;overflow-x:visible;padding-bottom:0;scroll-snap-type:none}.prx-rich-timeline--horizontal .prx-rich-timeline__item,.prx-rich-timeline--horizontal .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item{min-width:0;padding-inline-end:0;scroll-snap-align:none;width:100%}.prx-rich-timeline--horizontal .prx-rich-timeline__item-marker{align-items:flex-start;align-self:stretch;justify-content:center;justify-self:center;min-height:64px;width:32px}.prx-rich-timeline--horizontal .prx-rich-timeline__item-marker:after{border-left:1px solid var(--prx-rich-timeline-connector-color);border-top:0;bottom:0;left:50%;right:auto;top:var(--prx-rich-timeline-marker-size);transform:translate(-50%)}.prx-rich-timeline--horizontal.prx-rich-timeline--connector-dashed .prx-rich-timeline__item-marker:after,.prx-rich-timeline--horizontal .prx-rich-timeline__item--connector-dashed .prx-rich-timeline__item-marker:after{border-left-style:dashed;border-top-style:solid}.prx-rich-timeline--horizontal .prx-rich-timeline__item--connector-solid .prx-rich-timeline__item-marker:after{border-left-style:solid;border-top-style:solid}.prx-rich-timeline__item--has-opposite,.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--horizontal .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd),.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd){grid-template-columns:32px minmax(0,1fr);grid-template-areas:\"marker opposite\" \"marker body\";grid-template-rows:auto 1fr;column-gap:12px}.prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite),.prx-rich-timeline--left .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite),.prx-rich-timeline--horizontal .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite),.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite),.prx-rich-timeline--alternate .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite).prx-rich-timeline__item--odd,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite):not(.prx-rich-timeline__item--odd),.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite).prx-rich-timeline__item--odd,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite):not(.prx-rich-timeline__item--odd){grid-template-columns:32px minmax(0,1fr);grid-template-areas:\"marker body\";grid-template-rows:1fr;column-gap:12px}.prx-rich-timeline__item-opposite,.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite .prx-rich-timeline__item-opposite,.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd .prx-rich-timeline__item-opposite,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-opposite,.prx-rich-timeline--left .prx-rich-timeline__item-body,.prx-rich-timeline--alternate .prx-rich-timeline__item--odd .prx-rich-timeline__item-body,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-body{align-items:flex-start;text-align:start}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4221
|
+
`, isInline: true, styles: [".prx-rich-page-header__menu-warning:not(:disabled){color:var(--md-sys-color-error)}.prx-rich-page-header{display:grid;gap:calc(var(--mat-sys-body-large-size, 1rem) * .75);color:var(--md-sys-color-on-surface)}.prx-rich-page-header__main{display:flex;align-items:center;flex-wrap:wrap;gap:var(--mat-sys-body-large-size, 1rem)}.prx-rich-page-header__text{flex:1 1 16rem;min-width:0}.prx-rich-page-header :is(h1,h2,h3,h4,h5,h6){margin:0;font-family:inherit;font-size:var(--mat-sys-headline-small-size, 1.5rem);font-weight:var(--mat-sys-headline-small-weight, 500);line-height:var(--mat-sys-headline-small-line-height, 1.3);overflow-wrap:anywhere}.prx-rich-page-header--sm :is(h1,h2,h3,h4,h5,h6){font-size:var(--mat-sys-title-large-size, 1.25rem);line-height:var(--mat-sys-title-large-line-height, 1.4)}.prx-rich-page-header--lg :is(h1,h2,h3,h4,h5,h6){font-size:var(--mat-sys-headline-medium-size, 1.75rem);line-height:var(--mat-sys-headline-medium-line-height, 1.3)}.prx-rich-page-header__text p{margin:calc(var(--mat-sys-body-large-size, 1rem) * .5) 0 0;font:var(--mat-sys-body-medium, inherit);color:var(--md-sys-color-on-surface-variant)}.prx-rich-page-header__identity{flex:0 0 auto;max-width:3rem}.prx-rich-page-header__actions,.prx-rich-page-header__related{display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--mat-sys-body-large-size, 1rem) * .5)}.prx-rich-page-header__breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--mat-sys-body-large-size, 1rem) * .5);list-style:none;margin:0;padding:0;font:var(--mat-sys-label-large, inherit);color:var(--md-sys-color-on-surface-variant)}.prx-rich-page-header__breadcrumbs li{display:flex;align-items:center;gap:calc(var(--mat-sys-body-large-size, 1rem) * .5);overflow-wrap:anywhere}.prx-rich-content-root{display:block;min-width:0;max-width:100%}.prx-rich-content-root:not(.prx-rich-content-root--inline){display:grid;gap:var(--prx-rich-content-block-gap, 12px)}.prx-rich-content-root--inline{display:inline-flex;align-items:var(--prx-rich-content-inline-align-items, center);flex-wrap:var(--prx-rich-content-inline-flex-wrap, nowrap);gap:var(--prx-rich-content-inline-gap, 6px);min-width:0;max-width:100%;vertical-align:middle}.prx-rich-node{min-width:0;max-width:100%}.prx-rich-image{display:block;max-width:100%;height:auto}.prx-rich-node--inline{display:inline-flex;align-items:center;min-width:0;max-width:100%}.prx-rich-compose{display:flex;align-items:center;gap:8px;min-width:0;max-width:100%}.prx-rich-compose.direction-column{flex-direction:column;align-items:stretch}.prx-rich-compose.wrap{flex-wrap:wrap}.prx-rich-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;background:var(--md-sys-color-primary-container, #e8def8);color:var(--md-sys-color-on-primary-container, #21005d);font-size:12px;line-height:20px}.prx-rich-link{color:var(--md-sys-color-primary, #6750a4);text-decoration:underline;text-underline-offset:2px}.prx-rich-text,.prx-rich-link,.prx-rich-badge,.prx-rich-card-title,.prx-rich-card-subtitle,.prx-rich-card-body,.prx-rich-card-footer,.prx-rich-cta-group__title,.prx-rich-cta-group__subtitle,.prx-rich-cta-group__message,.prx-rich-key-value-list__title,.prx-rich-key-value-list__label,.prx-rich-key-value-list__value,.prx-rich-stat-group__title,.prx-rich-stat-group__subtitle,.prx-rich-stat-group__label,.prx-rich-stat-group__value,.prx-rich-stat-group__caption,.prx-rich-tabs__title,.prx-rich-tabs__subtitle,.prx-rich-record-summary__title,.prx-rich-record-summary__subtitle,.prx-rich-record-summary__meta,.prx-rich-record-summary__field-label,.prx-rich-record-summary__field-value,.prx-rich-lookup-result__title,.prx-rich-lookup-result__subtitle,.prx-rich-lookup-result__meta,.prx-rich-lookup-result__message,.prx-rich-lookup-card__title,.prx-rich-lookup-card__subtitle,.prx-rich-lookup-card__meta,.prx-rich-lookup-card__message,.prx-rich-related-record__title,.prx-rich-related-record__subtitle,.prx-rich-related-record__meta,.prx-rich-related-record__relation,.prx-rich-timeline__title,.prx-rich-timeline__subtitle,.prx-rich-timeline__item-title,.prx-rich-timeline__item-subtitle,.prx-rich-timeline__item-meta{min-width:0;max-width:100%;overflow-wrap:anywhere}.prx-rich-text,.prx-rich-link{display:inline-block}.prx-rich-node[data-rich-node-type=avatar]{display:inline-flex;width:40px;height:40px;border-radius:50%;background:var(--md-sys-color-surface-container-high, #ece6f0);color:var(--md-sys-color-on-surface, #1d1b20)}.prx-rich-avatar{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:inherit;background:inherit;color:inherit;overflow:hidden}.prx-rich-avatar-image{width:100%;height:100%;object-fit:cover}.prx-rich-avatar-fallback{font-weight:600}.prx-rich-card{--prx-rich-card-tone-color: var(--md-sys-color-outline-variant, #cac4d0);--prx-rich-card-tone-bg: var(--md-sys-color-surface, #fff);--prx-rich-card-tone-on-bg: var(--md-sys-color-on-surface, #1d1b20);display:flex;flex-direction:column;position:relative;gap:12px;padding:16px;border:1px solid var(--md-sys-color-outline-variant, #cac4d0);border-radius:16px;background:var(--prx-rich-card-tone-bg);color:var(--prx-rich-card-tone-on-bg);overflow:hidden;min-width:0;max-width:100%}.prx-rich-card[data-size=sm],.prx-rich-card[data-density=compact]{gap:8px;padding:12px;border-radius:12px}.prx-rich-content-root.prx-rich-content-root--widget-card{--prx-rich-content-block-gap: 8px}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card{gap:8px;padding:12px;border-radius:var(--pdx-page-card-radius, 10px);background:color-mix(in srgb,var(--prx-rich-card-tone-bg) 82%,transparent);box-shadow:none}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card[data-variant=elevated],.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card[data-variant=filled]{border-color:color-mix(in srgb,var(--md-sys-color-outline-variant) 72%,transparent);background:color-mix(in srgb,var(--prx-rich-card-tone-bg) 88%,transparent);box-shadow:none}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card-heading,.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card-body,.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card-actions,.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card-footer{gap:6px}.prx-rich-card[data-size=lg]{gap:16px;padding:20px}.prx-rich-card[data-orientation=horizontal]{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-leading,.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing{grid-template-columns:minmax(120px,.38fr) minmax(0,1fr)}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-icon,.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-avatar{grid-template-columns:minmax(72px,148px) minmax(0,1fr)}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing{grid-template-columns:minmax(0,1fr) minmax(120px,.38fr)}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing.prx-rich-card--media-icon,.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing.prx-rich-card--media-avatar{grid-template-columns:minmax(0,1fr) minmax(72px,148px)}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-leading>:not(.prx-rich-card-media){grid-column:2}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-leading>.prx-rich-card-media[data-placement=leading]{grid-column:1;grid-row:1 / -1}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing>:not(.prx-rich-card-media){grid-column:1}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing>.prx-rich-card-media[data-placement=trailing]{grid-column:2;grid-row:1 / -1}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-top>.prx-rich-card-media[data-placement=top],.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-background>:not(.prx-rich-card-media){grid-column:1}.prx-rich-card[data-variant=plain]{border-color:transparent;background:color-mix(in srgb,var(--prx-rich-card-tone-bg) 64%,transparent)}.prx-rich-card[data-variant=elevated]{border-color:transparent;box-shadow:0 4px 18px color-mix(in srgb,var(--md-sys-color-shadow, #000) 16%,transparent)}.prx-rich-card[data-variant=filled]{background:color-mix(in srgb,var(--prx-rich-card-tone-bg) 72%,var(--md-sys-color-surface-container, #f3edf7))}.prx-rich-card[data-variant=transparent]{border-color:color-mix(in srgb,var(--md-sys-color-outline-variant, #cac4d0) 64%,transparent);background:color-mix(in srgb,var(--prx-rich-card-tone-bg) 72%,transparent)}.prx-rich-card[data-tone=info]{--prx-rich-card-tone-color: var(--praxis-info, #0b5cad);--prx-rich-card-tone-bg: color-mix( in srgb, var(--md-sys-color-surface, #fff) 88%, var(--prx-rich-card-tone-color) 12% );border-color:color-mix(in srgb,var(--prx-rich-card-tone-color) 42%,var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-card[data-tone=success]{--prx-rich-card-tone-color: var(--praxis-success, #2e7d32);--prx-rich-card-tone-bg: color-mix( in srgb, var(--md-sys-color-surface, #fff) 88%, var(--prx-rich-card-tone-color) 12% );border-color:color-mix(in srgb,var(--prx-rich-card-tone-color) 48%,var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-card[data-tone=warning]{--prx-rich-card-tone-color: var(--praxis-warning, #ed6c02);--prx-rich-card-tone-bg: color-mix( in srgb, var(--md-sys-color-surface, #fff) 86%, var(--prx-rich-card-tone-color) 14% );border-color:color-mix(in srgb,var(--prx-rich-card-tone-color) 56%,var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-card[data-tone=danger]{--prx-rich-card-tone-color: var(--md-sys-color-error, #d32f2f);--prx-rich-card-tone-bg: color-mix( in srgb, var(--md-sys-color-surface, #fff) 84%, var(--prx-rich-card-tone-color) 16% );border-color:color-mix(in srgb,var(--prx-rich-card-tone-color) 62%,var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-card--interactive{cursor:pointer}.prx-rich-card--interactive:focus-visible{outline:3px solid color-mix(in srgb,var(--md-sys-color-primary, #6750a4) 72%,transparent);outline-offset:2px}.prx-rich-card--selected,.prx-rich-card--active{border-color:var(--md-sys-color-primary, #6750a4);box-shadow:inset 0 0 0 1px var(--md-sys-color-primary, #6750a4)}.prx-rich-card--disabled:not(.prx-rich-card--loading){opacity:.62;cursor:default}.prx-rich-card--loading{cursor:progress}.prx-rich-card-media{display:flex;align-items:center;justify-content:center;min-width:0;border-radius:12px;background:color-mix(in srgb,var(--prx-rich-card-tone-color) 18%,var(--md-sys-color-surface-container-high, #ece6f0));overflow:hidden;aspect-ratio:16 / 9}.prx-rich-card-media[data-kind=icon],.prx-rich-card-media[data-kind=avatar]{aspect-ratio:auto;min-height:64px;padding:12px}.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=icon],.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=avatar],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=icon],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=avatar]{min-height:48px;padding:8px}.prx-rich-card-media[data-placement=leading],.prx-rich-card-media[data-placement=trailing]{aspect-ratio:auto;min-height:100%}.prx-rich-card-media[data-kind=icon][data-placement=leading],.prx-rich-card-media[data-kind=icon][data-placement=trailing],.prx-rich-card-media[data-kind=avatar][data-placement=leading],.prx-rich-card-media[data-kind=avatar][data-placement=trailing]{align-self:start;min-height:64px}.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=icon][data-placement=leading],.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=icon][data-placement=trailing],.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=avatar][data-placement=leading],.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=avatar][data-placement=trailing],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=icon][data-placement=leading],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=icon][data-placement=trailing],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=avatar][data-placement=leading],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=avatar][data-placement=trailing]{min-height:48px}.prx-rich-card-media--background{position:absolute;inset:0;z-index:0;border-radius:inherit;opacity:.18}.prx-rich-card-media--background~*{position:relative;z-index:1}.prx-rich-card-media__asset{width:100%;height:100%;object-fit:cover}.prx-rich-card-media__icon{font-size:40px;color:var(--prx-rich-card-tone-color)}.prx-rich-card-media__avatar{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:color-mix(in srgb,var(--prx-rich-card-tone-color) 22%,var(--md-sys-color-primary-container, #e8def8));color:var(--prx-rich-card-tone-on-bg);font-weight:700}.prx-rich-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0}.prx-rich-card-header__content{min-width:0}.prx-rich-card-header__action{flex:0 0 auto}.prx-rich-card-heading{display:grid;gap:4px;min-width:0}.prx-rich-card-title{font-weight:600}.prx-rich-card-subtitle,.prx-rich-metric-caption{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:12px}.prx-rich-metric{display:grid;gap:4px;min-width:0}.prx-rich-metric--with-icon{grid-template-columns:auto minmax(0,1fr);column-gap:8px;align-items:start}.prx-rich-metric-icon{color:var(--md-sys-color-primary, #6750a4);font-size:20px;line-height:1.2;margin-top:2px}.prx-rich-metric-content{display:grid;gap:4px;min-width:0}.prx-rich-metric-value{font-size:20px;font-weight:700}.prx-rich-progress{display:flex;flex-direction:column;gap:4px}.prx-rich-progress-header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0}.prx-rich-progress-label,.prx-rich-progress-percent{min-width:0;color:var(--md-sys-color-on-surface-variant, #49454f);font-size:12px;font-weight:600}.prx-rich-progress-percent{flex:0 0 auto;color:var(--md-sys-color-on-surface, #1d1b20)}.prx-rich-progress-bar{width:100%}.prx-rich-action-button,.prx-rich-card-actions,.prx-rich-callout__actions,.prx-rich-empty-state__actions,.prx-rich-record-summary__actions,.prx-rich-disclosure__actions,.prx-rich-accordion__actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.prx-rich-action-button{appearance:none;border:1px solid var(--md-sys-color-outline-variant, #cac4d0);border-radius:999px;background:var(--md-sys-color-surface, #fff);color:var(--md-sys-color-on-surface, #1d1b20);padding:8px 12px;cursor:pointer}.prx-rich-action-button:disabled{opacity:.56;cursor:default}.prx-rich-action-button--raised,.prx-rich-action-button--primary{background:var(--md-sys-color-primary, #6750a4);color:var(--md-sys-color-on-primary, #fff)}.prx-rich-callout,.prx-rich-empty-state,.prx-rich-record-summary,.prx-rich-decision-package,.prx-rich-disclosure,.prx-rich-accordion{border:1px solid var(--md-sys-color-outline-variant, #cac4d0);border-radius:16px;padding:16px;background:var(--md-sys-color-surface, #fff)}.prx-rich-lookup-result,.prx-rich-lookup-card{display:grid;gap:8px;min-width:0;padding:14px 16px;border:1px solid var(--md-sys-color-outline-variant, #cac4d0);border-radius:14px;background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 94%,transparent);color:var(--md-sys-color-on-surface, #1d1b20)}.prx-rich-lookup-result[data-status=resolved],.prx-rich-lookup-card[data-status=resolved]{border-color:color-mix(in srgb,var(--md-sys-color-primary, #6750a4) 28%,var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-lookup-result[data-status=error],.prx-rich-lookup-card[data-status=error]{border-color:color-mix(in srgb,var(--md-sys-color-error, #b3261e) 48%,var(--md-sys-color-outline-variant, #cac4d0));background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 88%,var(--md-sys-color-error, #b3261e) 12%)}.prx-rich-lookup-result__title,.prx-rich-lookup-card__title{font-size:16px;font-weight:700;line-height:1.3}.prx-rich-lookup-result__subtitle,.prx-rich-lookup-card__subtitle{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:13px;line-height:1.35}.prx-rich-lookup-result__meta,.prx-rich-lookup-card__meta{color:var(--md-sys-color-primary, #6750a4);font-size:11px;font-weight:700;letter-spacing:.04em;line-height:1.35;text-transform:uppercase}.prx-rich-lookup-result__message,.prx-rich-lookup-card__message{color:var(--md-sys-color-on-surface-variant, #49454f);line-height:1.45}.prx-rich-lookup-result__fields,.prx-rich-lookup-card__fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:8px;min-width:0;margin:4px 0 0}.prx-rich-lookup-result__field,.prx-rich-lookup-card__field{display:grid;gap:3px;min-width:0;margin:0;padding:9px 11px;border-radius:10px;background:color-mix(in srgb,var(--md-sys-color-surface-container, #f3edf7) 76%,transparent)}.prx-rich-lookup-result__field dt,.prx-rich-lookup-card__field dt{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:11px;font-weight:600;line-height:1.3}.prx-rich-lookup-result__field dd,.prx-rich-lookup-card__field dd{min-width:0;margin:0;font-size:14px;font-weight:650;line-height:1.4;overflow-wrap:anywhere}.prx-rich-lookup-result__hint,.prx-rich-lookup-card__hint{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:11px;line-height:1.35}.prx-rich-lookup-result__actions,.prx-rich-lookup-card__actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:4px}.prx-rich-lookup-card{grid-template-columns:minmax(0,1fr) auto;column-gap:18px;align-items:center}.prx-rich-lookup-card__copy{display:grid;gap:6px;min-width:0}.prx-rich-lookup-card__title-row{display:flex;gap:8px;align-items:center;min-width:0}.prx-rich-lookup-card__icon{flex:0 0 auto;color:var(--md-sys-color-primary, #6750a4)}.prx-rich-lookup-card__actions{justify-content:flex-end;margin-top:0}@media(max-width:640px){.prx-rich-lookup-result__fields,.prx-rich-lookup-card__fields,.prx-rich-lookup-card{grid-template-columns:minmax(0,1fr)}.prx-rich-lookup-card__actions{justify-content:flex-start}}.prx-rich-callout[data-tone=warning]{background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 88%,#ffb300 12%)}.prx-rich-callout[data-tone=danger]{background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 88%,#d32f2f 12%)}.prx-rich-callout__title,.prx-rich-empty-state__title,.prx-rich-record-summary__title,.prx-rich-decision-package__title,.prx-rich-stat-group__title,.prx-rich-accordion__title,.prx-rich-key-value-list__title{font-weight:700;margin-bottom:4px}.prx-rich-decision-package{--prx-rich-decision-package-accent: var(--md-sys-color-primary, #6750a4);display:grid;grid-template-columns:minmax(0,1fr) minmax(136px,auto);gap:16px;border-color:color-mix(in srgb,var(--prx-rich-decision-package-accent) 42%,var(--md-sys-color-outline-variant, #cac4d0));background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 88%,var(--prx-rich-decision-package-accent) 12%)}.prx-rich-decision-package[data-status=approved],.prx-rich-decision-package[data-status=published]{--prx-rich-decision-package-accent: var(--praxis-success, #2e7d32)}.prx-rich-decision-package[data-status=draft],.prx-rich-decision-package[data-status=simulated],.prx-rich-decision-package[data-risk=medium],.prx-rich-decision-package[data-risk=high]{--prx-rich-decision-package-accent: var(--praxis-warning, #ed6c02)}.prx-rich-decision-package[data-status=reverted],.prx-rich-decision-package[data-risk=critical]{--prx-rich-decision-package-accent: var(--md-sys-color-error, #d32f2f)}.prx-rich-decision-package__main{display:grid;gap:8px;min-width:0}.prx-rich-decision-package__eyebrow,.prx-rich-decision-package__evidence,.prx-rich-decision-package__actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.prx-rich-decision-package__title{font-size:20px;line-height:1.15}.prx-rich-decision-package__subtitle,.prx-rich-decision-package__summary,.prx-rich-decision-package__meta,.prx-rich-decision-package__property dt,.prx-rich-decision-package__evidence-item small{color:var(--md-sys-color-on-surface-variant, #49454f)}.prx-rich-decision-package__properties{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin:0}.prx-rich-decision-package__property{min-width:0}.prx-rich-decision-package__property dt,.prx-rich-decision-package__property dd{margin:0;overflow-wrap:anywhere}.prx-rich-decision-package__property dd{font-weight:700}.prx-rich-decision-package__evidence-item{display:inline-flex;flex-direction:column;gap:1px;border:1px solid color-mix(in srgb,var(--prx-rich-decision-package-accent) 24%,var(--md-sys-color-outline-variant, #cac4d0));border-radius:12px;padding:6px 8px;background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 76%,transparent);font-size:12px}.prx-rich-decision-package__aside{display:grid;align-content:start;justify-items:end;gap:10px;min-width:0}.prx-rich-decision-package__confidence{display:grid;justify-items:center;min-width:96px;border-radius:16px;padding:12px;background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 72%,transparent)}.prx-rich-decision-package__confidence span{font-size:28px;font-weight:800;line-height:1}.prx-rich-decision-package__confidence small{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:11px;font-weight:700;text-transform:uppercase}@media(max-width:640px){.prx-rich-decision-package{grid-template-columns:minmax(0,1fr)}.prx-rich-decision-package__aside{justify-items:start}}.prx-rich-empty-state{align-items:center;text-align:center}.prx-rich-key-value-list__items,.prx-rich-stat-group__items,.prx-rich-record-summary__fields{display:grid;gap:8px;margin:0}.prx-rich-stat-group[data-layout=inline] .prx-rich-stat-group__items{grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr))}.prx-rich-stat-group[data-layout=grid] .prx-rich-stat-group__items{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr))}.prx-rich-stat-group__item{--prx-rich-stat-tone-color: var(--md-sys-color-outline, #79747e);--prx-rich-stat-tone-bg: var(--md-sys-color-surface, #fff);--prx-rich-stat-tone-border: var(--md-sys-color-outline-variant, #cac4d0);display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;row-gap:2px;align-items:start;min-width:0;padding:12px;border:1px solid var(--prx-rich-stat-tone-border);border-radius:12px;background:var(--prx-rich-stat-tone-bg)}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group__items{gap:6px}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group[data-layout=inline] .prx-rich-stat-group__items,.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group[data-layout=grid] .prx-rich-stat-group__items{grid-template-columns:repeat(auto-fit,minmax(min(148px,100%),1fr))}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group__item{column-gap:8px;padding:8px 10px;border-radius:var(--pdx-page-card-radius, 10px);background:color-mix(in srgb,var(--prx-rich-stat-tone-bg) 78%,transparent)}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group__icon,.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group__value{font-size:20px}.prx-rich-stat-group__item[data-tone=info]{--prx-rich-stat-tone-color: var(--praxis-info, #0b5cad);--prx-rich-stat-tone-bg: color-mix( in srgb, var(--md-sys-color-surface, #fff) 88%, var(--prx-rich-stat-tone-color) 12% );--prx-rich-stat-tone-border: color-mix( in srgb, var(--prx-rich-stat-tone-color) 34%, var(--md-sys-color-outline-variant, #cac4d0) )}.prx-rich-stat-group__item[data-tone=success]{--prx-rich-stat-tone-color: var(--praxis-success, #2e7d32);--prx-rich-stat-tone-bg: color-mix( in srgb, var(--md-sys-color-surface, #fff) 88%, var(--prx-rich-stat-tone-color) 12% );--prx-rich-stat-tone-border: color-mix( in srgb, var(--prx-rich-stat-tone-color) 38%, var(--md-sys-color-outline-variant, #cac4d0) )}.prx-rich-stat-group__item[data-tone=warning]{--prx-rich-stat-tone-color: var(--praxis-warning, #b26a00);--prx-rich-stat-tone-bg: color-mix( in srgb, var(--md-sys-color-surface, #fff) 86%, var(--prx-rich-stat-tone-color) 14% );--prx-rich-stat-tone-border: color-mix( in srgb, var(--prx-rich-stat-tone-color) 46%, var(--md-sys-color-outline-variant, #cac4d0) )}.prx-rich-stat-group__item[data-tone=danger]{--prx-rich-stat-tone-color: var(--md-sys-color-error, #d32f2f);--prx-rich-stat-tone-bg: color-mix( in srgb, var(--md-sys-color-surface, #fff) 84%, var(--prx-rich-stat-tone-color) 16% );--prx-rich-stat-tone-border: color-mix( in srgb, var(--prx-rich-stat-tone-color) 54%, var(--md-sys-color-outline-variant, #cac4d0) )}.prx-rich-stat-group__item-header{display:flex;gap:8px;align-items:center;min-width:0}.prx-rich-stat-group__item-content{display:grid;gap:4px;min-width:0}.prx-rich-stat-group__icon{color:var(--prx-rich-stat-tone-color);font-size:24px;line-height:1;margin-top:1px}.prx-rich-stat-group__item:not(.prx-rich-stat-group__item--with-icon){grid-template-columns:minmax(0,1fr)}.prx-rich-stat-group__label,.prx-rich-stat-group__subtitle,.prx-rich-stat-group__caption{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:12px}.prx-rich-stat-group__value{color:var(--md-sys-color-on-surface, #1d1b20);font-size:24px;font-weight:700;line-height:1.2}.prx-rich-tabs{display:flex;flex-direction:column;gap:12px;min-width:0}.prx-rich-tabs__title,.prx-rich-tabs__tab--active{font-weight:700}.prx-rich-tabs__subtitle{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:12px;margin-top:-8px}.prx-rich-tabs__tablist{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--md-sys-color-outline-variant, #cac4d0);padding-bottom:8px}.prx-rich-tabs[data-appearance=pills] .prx-rich-tabs__tablist{border-bottom:0;padding-bottom:0}.prx-rich-tabs__tab{display:inline-flex;align-items:center;gap:8px;min-width:0;padding:8px 12px;border:0;border-radius:999px;background:transparent;color:var(--md-sys-color-on-surface, #1d1b20);cursor:pointer}.prx-rich-tabs[data-appearance=underline] .prx-rich-tabs__tab{border-radius:0;border-bottom:2px solid transparent;padding-inline:0;padding-top:0;padding-bottom:8px}.prx-rich-tabs__tab--active{color:var(--md-sys-color-primary, #6750a4)}.prx-rich-tabs[data-appearance=underline] .prx-rich-tabs__tab--active{border-bottom-color:var(--md-sys-color-primary, #6750a4)}.prx-rich-tabs[data-appearance=pills] .prx-rich-tabs__tab--active{background:color-mix(in srgb,var(--md-sys-color-primary, #6750a4) 14%,#fff)}.prx-rich-tabs__tab:disabled{cursor:not-allowed;opacity:.55}.prx-rich-tabs__panel{display:block;min-width:0}.prx-rich-key-value-list__item,.prx-rich-record-summary__field{display:grid;grid-template-columns:minmax(0,160px) minmax(0,1fr);gap:12px;margin:0}.prx-rich-key-value-list[data-layout=stacked] .prx-rich-key-value-list__item{grid-template-columns:minmax(0,1fr);gap:4px}.prx-rich-key-value-list__item dt,.prx-rich-record-summary__field dt{color:var(--md-sys-color-on-surface-variant, #49454f)}.prx-rich-key-value-list__item dd,.prx-rich-record-summary__field dd{margin:0;display:inline-flex;gap:8px;flex-wrap:wrap;align-items:center}.prx-rich-related-record{display:grid;gap:14px;min-width:0;padding:16px;border:1px solid var(--md-sys-color-outline-variant, #cac4d0);border-radius:12px;background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 94%,transparent)}.prx-rich-related-record__copy{display:grid;gap:10px;min-width:0}.prx-rich-related-record__relation{color:var(--md-sys-color-primary, #6750a4);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0}.prx-rich-related-record__title-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;min-width:0}.prx-rich-related-record__title-row:not(.prx-rich-related-record__title-row--with-icon){grid-template-columns:minmax(0,1fr)}.prx-rich-related-record__icon{color:var(--md-sys-color-primary, #6750a4);font-size:24px;line-height:1}.prx-rich-related-record__title{font-size:18px;font-weight:700;line-height:1.25;min-width:0}.prx-rich-related-record__subtitle,.prx-rich-related-record__meta,.prx-rich-related-record__hint{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:13px;line-height:1.45}.prx-rich-related-record__fields{display:grid;gap:8px;margin:0;padding:0}.prx-rich-related-record__field{display:grid;grid-template-columns:minmax(0,140px) minmax(0,1fr);gap:8px 12px;align-items:start;min-width:0;padding-top:8px;border-top:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #cac4d0) 52%,transparent)}.prx-rich-related-record__field dt{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:13px}.prx-rich-related-record__field dd{margin:0;font-weight:600;min-width:0}.prx-rich-related-record__hint{display:block;font-weight:400;margin-top:2px}.prx-rich-related-record__actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.prx-rich-disclosure__summary,.prx-rich-accordion__summary{cursor:pointer;display:flex;gap:8px;align-items:center;list-style:none}.prx-rich-disclosure__content,.prx-rich-accordion__content{margin-top:12px}.prx-rich-media-block{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;min-width:0}.prx-rich-media-block__avatar,.prx-rich-media-block__body,.prx-rich-media-block__trailing{min-width:0}.prx-rich-media-block__body{display:flex;flex-direction:column;gap:6px}.prx-rich-media-block__title{font-weight:700}.prx-rich-media-block__subtitle{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:13px}.prx-rich-media-block__meta{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:12px}.prx-rich-media-block__trailing{display:flex;align-items:center;justify-content:flex-end}.prx-rich-timeline{--prx-rich-timeline-marker-color: var(--md-sys-color-primary, #6750a4);--prx-rich-timeline-on-marker-color: var(--md-sys-color-on-primary, #fff);--prx-rich-timeline-connector-color: var( --md-sys-color-outline-variant, #cac4d0 );--prx-rich-timeline-item-gap: 16px;--prx-rich-timeline-title-color: currentColor;--prx-rich-timeline-title-font-size: inherit;--prx-rich-timeline-title-font-weight: 700;--prx-rich-timeline-item-title-color: currentColor;--prx-rich-timeline-item-title-font-size: inherit;--prx-rich-timeline-item-title-font-weight: 600;--prx-rich-timeline-item-subtitle-color: var( --md-sys-color-on-surface-variant, #49454f );--prx-rich-timeline-item-subtitle-font-size: 12px;--prx-rich-timeline-item-meta-color: var( --md-sys-color-on-surface-variant, #49454f );--prx-rich-timeline-item-meta-font-size: 12px;--prx-rich-timeline-opposite-color: var( --md-sys-color-on-surface-variant, #49454f );--prx-rich-timeline-opposite-font-size: 12px;--prx-rich-timeline-opposite-font-weight: 400;--prx-rich-timeline-item-body-background: transparent;--prx-rich-timeline-item-body-border: 0;--prx-rich-timeline-item-body-border-radius: 6px;--prx-rich-timeline-item-body-padding: 12px;display:flex;flex-direction:column;gap:12px;min-width:0}.prx-rich-timeline__title{color:var(--prx-rich-timeline-title-color);font-size:var(--prx-rich-timeline-title-font-size);font-weight:var(--prx-rich-timeline-title-font-weight)}.prx-rich-timeline__items{display:flex;flex-direction:column;gap:0;list-style:none;margin:0;padding:0}.prx-rich-timeline__item{display:grid;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);grid-template-areas:\". marker body\";column-gap:16px;align-items:flex-start;min-height:64px;min-width:0;position:relative}.prx-rich-timeline--vertical .prx-rich-timeline__item{padding-block-end:var(--prx-rich-timeline-item-gap)}.prx-rich-timeline--vertical .prx-rich-timeline__item:last-child{padding-block-end:0}.prx-rich-timeline--marker-color-primary,.prx-rich-timeline__item--marker-color-primary{--prx-rich-timeline-marker-color: var(--md-sys-color-primary, #6750a4);--prx-rich-timeline-on-marker-color: var(--md-sys-color-on-primary, #fff)}.prx-rich-timeline--marker-color-secondary,.prx-rich-timeline__item--marker-color-secondary{--prx-rich-timeline-marker-color: var(--md-sys-color-secondary, #625b71);--prx-rich-timeline-on-marker-color: var( --md-sys-color-on-secondary, #fff )}.prx-rich-timeline--marker-color-tertiary,.prx-rich-timeline__item--marker-color-tertiary{--prx-rich-timeline-marker-color: var(--md-sys-color-tertiary, #7d5260);--prx-rich-timeline-on-marker-color: var( --md-sys-color-on-tertiary, #fff )}.prx-rich-timeline--marker-color-success,.prx-rich-timeline__item--marker-color-success{--prx-rich-timeline-marker-color: var(--praxis-success, #146c43);--prx-rich-timeline-on-marker-color: var(--praxis-on-success, #fff)}.prx-rich-timeline--marker-color-warning,.prx-rich-timeline__item--marker-color-warning{--prx-rich-timeline-marker-color: var(--praxis-warning, #b26a00);--prx-rich-timeline-on-marker-color: var(--praxis-on-warning, #1d1b20)}.prx-rich-timeline--marker-color-error,.prx-rich-timeline__item--marker-color-error{--prx-rich-timeline-marker-color: var(--md-sys-color-error, #ba1a1a);--prx-rich-timeline-on-marker-color: var(--md-sys-color-on-error, #fff)}.prx-rich-timeline--marker-color-info,.prx-rich-timeline__item--marker-color-info{--prx-rich-timeline-marker-color: var(--praxis-info, #0b5cad);--prx-rich-timeline-on-marker-color: var(--praxis-on-info, #fff)}.prx-rich-timeline--marker-color-neutral,.prx-rich-timeline__item--marker-color-neutral{--prx-rich-timeline-marker-color: var(--md-sys-color-outline, #79747e);--prx-rich-timeline-on-marker-color: var(--md-sys-color-surface, #fffbfe)}.prx-rich-timeline--connector-color-primary,.prx-rich-timeline__item--connector-color-primary{--prx-rich-timeline-connector-color: var(--md-sys-color-primary, #6750a4)}.prx-rich-timeline--connector-color-secondary,.prx-rich-timeline__item--connector-color-secondary{--prx-rich-timeline-connector-color: var( --md-sys-color-secondary, #625b71 )}.prx-rich-timeline--connector-color-tertiary,.prx-rich-timeline__item--connector-color-tertiary{--prx-rich-timeline-connector-color: var( --md-sys-color-tertiary, #7d5260 )}.prx-rich-timeline--connector-color-success,.prx-rich-timeline__item--connector-color-success{--prx-rich-timeline-connector-color: var(--praxis-success, #146c43)}.prx-rich-timeline--connector-color-warning,.prx-rich-timeline__item--connector-color-warning{--prx-rich-timeline-connector-color: var(--praxis-warning, #b26a00)}.prx-rich-timeline--connector-color-error,.prx-rich-timeline__item--connector-color-error{--prx-rich-timeline-connector-color: var(--md-sys-color-error, #ba1a1a)}.prx-rich-timeline--connector-color-info,.prx-rich-timeline__item--connector-color-info{--prx-rich-timeline-connector-color: var(--praxis-info, #0b5cad)}.prx-rich-timeline--connector-color-neutral,.prx-rich-timeline__item--connector-color-neutral{--prx-rich-timeline-connector-color: var(--md-sys-color-outline, #79747e)}.prx-rich-timeline__item--has-opposite{grid-template-areas:\"opposite marker body\"}.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd){grid-template-areas:\"body marker opposite\"}.prx-rich-timeline--left .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite),.prx-rich-timeline--alternate .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite).prx-rich-timeline__item--odd,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite):not(.prx-rich-timeline__item--odd){grid-template-areas:\"body marker .\"}.prx-rich-timeline__item-opposite{grid-area:opposite;color:var(--prx-rich-timeline-opposite-color);font-size:var(--prx-rich-timeline-opposite-font-size);font-weight:var(--prx-rich-timeline-opposite-font-weight);line-height:1.35;min-width:0;overflow-wrap:anywhere;padding-top:1px;text-align:end}.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite .prx-rich-timeline__item-opposite,.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd .prx-rich-timeline__item-opposite,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-opposite{text-align:start}.prx-rich-timeline__item-body{background:var(--prx-rich-timeline-item-body-background);border:var(--prx-rich-timeline-item-body-border);border-radius:var(--prx-rich-timeline-item-body-border-radius);padding:var(--prx-rich-timeline-item-body-padding)}.prx-rich-timeline__item-subtitle{color:var(--prx-rich-timeline-item-subtitle-color);font-size:var(--prx-rich-timeline-item-subtitle-font-size)}.prx-rich-timeline__item-marker{--prx-rich-timeline-marker-size: 22px;display:inline-flex;align-items:flex-start;align-self:stretch;grid-area:marker;justify-content:center;justify-self:center;min-height:64px;position:relative;width:max(32px,var(--prx-rich-timeline-marker-size))}.prx-rich-timeline--marker-dot .prx-rich-timeline__item-marker{--prx-rich-timeline-marker-size: 10px}.prx-rich-timeline--marker-icon .prx-rich-timeline__item-marker{--prx-rich-timeline-marker-size: 24px}.prx-rich-timeline__item-marker>*{position:relative;z-index:1}.prx-rich-timeline__item-marker:after{border-left:1px solid var(--prx-rich-timeline-connector-color);bottom:0;content:\"\";left:50%;position:absolute;top:var(--prx-rich-timeline-marker-size);transform:translate(-50%)}.prx-rich-timeline__item:last-child .prx-rich-timeline__item-marker:after{content:none}.prx-rich-timeline--connector-dashed .prx-rich-timeline__item-marker:after{border-left-style:dashed}.prx-rich-timeline--connector-none .prx-rich-timeline__item-marker:after{content:none}.prx-rich-timeline--horizontal .prx-rich-timeline__items{flex-direction:row;gap:0;overflow-x:auto;padding-bottom:2px;scroll-snap-type:x proximity}.prx-rich-timeline__items:focus-visible{border-radius:4px;outline:2px solid var(--md-sys-color-primary, #6750a4);outline-offset:2px}.prx-rich-timeline--horizontal .prx-rich-timeline__item,.prx-rich-timeline--horizontal .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item{grid-template-columns:minmax(176px,1fr);grid-template-areas:\"opposite\" \"marker\" \"body\";grid-template-rows:auto 32px 1fr;min-height:0;min-width:min(240px,80vw);padding-inline-end:calc(var(--prx-rich-timeline-item-gap) * .75);scroll-snap-align:start}.prx-rich-timeline--horizontal .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite){grid-template-areas:\"marker\" \"body\";grid-template-rows:32px 1fr}.prx-rich-timeline--horizontal .prx-rich-timeline__item-marker{align-items:center;align-self:center;justify-content:flex-start;justify-self:stretch;min-height:32px;width:100%}.prx-rich-timeline--horizontal .prx-rich-timeline__item-marker:after{border-left:0;border-top:1px solid var(--prx-rich-timeline-connector-color);bottom:auto;left:var(--prx-rich-timeline-marker-size);right:0;top:50%;transform:translateY(-50%)}.prx-rich-timeline--horizontal.prx-rich-timeline--connector-dashed .prx-rich-timeline__item-marker:after{border-left-style:solid;border-top-style:dashed}.prx-rich-timeline--horizontal .prx-rich-timeline__item--connector-dashed .prx-rich-timeline__item-marker:after{border-left-style:solid;border-top-style:dashed}.prx-rich-timeline--horizontal .prx-rich-timeline__item--connector-solid .prx-rich-timeline__item-marker:after{border-left-style:solid;border-top-style:solid}.prx-rich-timeline--horizontal .prx-rich-timeline__item-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite .prx-rich-timeline__item-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd .prx-rich-timeline__item-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-opposite,.prx-rich-timeline--horizontal .prx-rich-timeline__item-body,.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item-body,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item--odd .prx-rich-timeline__item-body,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-body{align-items:flex-start;text-align:start}.prx-rich-timeline__item--connector-dashed .prx-rich-timeline__item-marker:after{content:\"\";border-left-style:dashed}.prx-rich-timeline__item--connector-solid .prx-rich-timeline__item-marker:after{content:\"\";border-left-style:solid}.prx-rich-timeline__item--connector-none .prx-rich-timeline__item-marker:after{content:none}.prx-rich-timeline__item-icon{align-items:center;border:2px solid transparent;border-radius:50%;box-sizing:border-box;color:var(--prx-rich-timeline-marker-color);display:inline-flex;font-size:calc(var(--prx-rich-timeline-marker-size) - 8px);height:var(--prx-rich-timeline-marker-size);justify-content:center;line-height:1;width:var(--prx-rich-timeline-marker-size)}.prx-rich-timeline__item-dot{width:10px;height:10px;border-radius:50%;background:var(--prx-rich-timeline-marker-color);border:2px solid transparent;box-sizing:border-box;display:inline-block}.prx-rich-timeline__item-number{align-items:center;background:var(--prx-rich-timeline-marker-color);border:2px solid transparent;border-radius:50%;box-sizing:border-box;color:var(--prx-rich-timeline-on-marker-color);display:inline-flex;font-size:11px;font-weight:700;height:var(--prx-rich-timeline-marker-size);justify-content:center;line-height:1;min-width:var(--prx-rich-timeline-marker-size);padding:0 5px}.prx-rich-timeline--marker-style-outlined .prx-rich-timeline__item-marker>*,.prx-rich-timeline__item--marker-style-outlined .prx-rich-timeline__item-marker>*{background:transparent;border-color:var(--prx-rich-timeline-marker-color);color:var(--prx-rich-timeline-marker-color)}.prx-rich-timeline--marker-style-outlined .prx-rich-timeline__item-dot,.prx-rich-timeline__item--marker-style-outlined .prx-rich-timeline__item-dot{background:var(--md-sys-color-surface, #fffbfe)}.prx-rich-timeline__item--marker-style-filled .prx-rich-timeline__item-dot,.prx-rich-timeline__item--marker-style-filled .prx-rich-timeline__item-number,.prx-rich-timeline--marker-style-filled .prx-rich-timeline__item-icon,.prx-rich-timeline__item--marker-style-filled .prx-rich-timeline__item-icon{background:var(--prx-rich-timeline-marker-color);border-color:transparent;color:var(--prx-rich-timeline-on-marker-color)}.prx-rich-timeline__item-body{display:flex;flex-direction:column;gap:4px;grid-area:body;min-width:0}.prx-rich-timeline--left .prx-rich-timeline__item-body,.prx-rich-timeline--alternate .prx-rich-timeline__item--odd .prx-rich-timeline__item-body,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-body{align-items:flex-end;text-align:end}.prx-rich-timeline__item-title{color:var(--prx-rich-timeline-item-title-color);font-size:var(--prx-rich-timeline-item-title-font-size);font-weight:var(--prx-rich-timeline-item-title-font-weight)}.prx-rich-timeline--emphasis-subtle{--prx-rich-timeline-title-color: var( --md-sys-color-on-surface-variant, #49454f );--prx-rich-timeline-item-title-color: var( --md-sys-color-on-surface-variant, #49454f );--prx-rich-timeline-item-title-font-weight: 500;--prx-rich-timeline-opposite-color: var( --md-sys-color-on-surface-variant, #49454f )}.prx-rich-timeline--density-compact{--prx-rich-timeline-item-gap: 10px;--prx-rich-timeline-item-body-padding: 10px}.prx-rich-timeline--density-spacious{--prx-rich-timeline-item-gap: 24px;--prx-rich-timeline-item-body-padding: 14px}.prx-rich-timeline--emphasis-strong{--prx-rich-timeline-title-color: var(--md-sys-color-on-surface, #1d1b20);--prx-rich-timeline-title-font-weight: 700;--prx-rich-timeline-item-title-color: var( --md-sys-color-on-surface, #1d1b20 );--prx-rich-timeline-item-title-font-weight: 700;--prx-rich-timeline-opposite-color: var( --md-sys-color-on-surface, #1d1b20 );--prx-rich-timeline-opposite-font-weight: 700}.prx-rich-timeline--emphasis-hero{--prx-rich-timeline-title-color: var(--md-sys-color-on-surface, #1d1b20);--prx-rich-timeline-title-font-size: 20px;--prx-rich-timeline-title-font-weight: 800;--prx-rich-timeline-item-title-color: var( --md-sys-color-on-surface, #1d1b20 );--prx-rich-timeline-item-title-font-size: 17px;--prx-rich-timeline-item-title-font-weight: 800;--prx-rich-timeline-opposite-color: var(--md-sys-color-primary, #6750a4);--prx-rich-timeline-opposite-font-size: 14px;--prx-rich-timeline-opposite-font-weight: 800;--prx-rich-timeline-item-body-background: color-mix( in srgb, var(--md-sys-color-primary, #6750a4) 8%, transparent );--prx-rich-timeline-item-body-border-radius: 8px;--prx-rich-timeline-item-body-padding: 14px}.prx-rich-timeline--text-prominent{--prx-rich-timeline-opposite-font-size: 14px;--prx-rich-timeline-opposite-font-weight: 700;--prx-rich-timeline-item-title-font-size: 15px;--prx-rich-timeline-item-title-font-weight: 700}.prx-rich-timeline--text-eyebrow{--prx-rich-timeline-opposite-font-size: 12px;--prx-rich-timeline-opposite-font-weight: 800}.prx-rich-timeline--text-eyebrow .prx-rich-timeline__item-opposite{letter-spacing:0;text-transform:uppercase}.prx-rich-timeline--text-label{--prx-rich-timeline-opposite-font-size: 12px;--prx-rich-timeline-opposite-font-weight: 700;--prx-rich-timeline-item-title-font-size: 14px;--prx-rich-timeline-item-title-font-weight: 600}.prx-rich-timeline__item-subtitle,.prx-rich-timeline__item-meta,.prx-rich-timeline__empty{color:var(--prx-rich-timeline-item-subtitle-color);font-size:var(--prx-rich-timeline-item-subtitle-font-size)}.prx-rich-timeline__item-meta{color:var(--prx-rich-timeline-item-meta-color);font-size:var(--prx-rich-timeline-item-meta-font-size)}.prx-rich-timeline__item-badge{display:inline-flex;align-items:flex-start;margin-top:2px}@media(max-width:640px){.prx-rich-timeline--horizontal .prx-rich-timeline__items{flex-direction:column;overflow-x:visible;padding-bottom:0;scroll-snap-type:none}.prx-rich-timeline--horizontal .prx-rich-timeline__item,.prx-rich-timeline--horizontal .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item{min-width:0;padding-inline-end:0;scroll-snap-align:none;width:100%}.prx-rich-timeline--horizontal .prx-rich-timeline__item-marker{align-items:flex-start;align-self:stretch;justify-content:center;justify-self:center;min-height:64px;width:32px}.prx-rich-timeline--horizontal .prx-rich-timeline__item-marker:after{border-left:1px solid var(--prx-rich-timeline-connector-color);border-top:0;bottom:0;left:50%;right:auto;top:var(--prx-rich-timeline-marker-size);transform:translate(-50%)}.prx-rich-timeline--horizontal.prx-rich-timeline--connector-dashed .prx-rich-timeline__item-marker:after,.prx-rich-timeline--horizontal .prx-rich-timeline__item--connector-dashed .prx-rich-timeline__item-marker:after{border-left-style:dashed;border-top-style:solid}.prx-rich-timeline--horizontal .prx-rich-timeline__item--connector-solid .prx-rich-timeline__item-marker:after{border-left-style:solid;border-top-style:solid}.prx-rich-timeline__item--has-opposite,.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--horizontal .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd),.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd){grid-template-columns:32px minmax(0,1fr);grid-template-areas:\"marker opposite\" \"marker body\";grid-template-rows:auto 1fr;column-gap:12px}.prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite),.prx-rich-timeline--left .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite),.prx-rich-timeline--horizontal .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite),.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite),.prx-rich-timeline--alternate .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite).prx-rich-timeline__item--odd,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite):not(.prx-rich-timeline__item--odd),.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite).prx-rich-timeline__item--odd,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite):not(.prx-rich-timeline__item--odd){grid-template-columns:32px minmax(0,1fr);grid-template-areas:\"marker body\";grid-template-rows:1fr;column-gap:12px}.prx-rich-timeline__item-opposite,.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite .prx-rich-timeline__item-opposite,.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd .prx-rich-timeline__item-opposite,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-opposite,.prx-rich-timeline--left .prx-rich-timeline__item-body,.prx-rich-timeline--alternate .prx-rich-timeline__item--odd .prx-rich-timeline__item-body,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-body{align-items:flex-start;text-align:start}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i2.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i2.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4085
4222
|
}
|
|
4086
4223
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: PraxisRichContent, decorators: [{
|
|
4087
4224
|
type: Component,
|
|
4088
|
-
args: [{ selector: 'praxis-rich-content', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
|
|
4225
|
+
args: [{ selector: 'praxis-rich-content', standalone: true, imports: [CommonModule, MatMenuModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
|
|
4089
4226
|
<div
|
|
4090
4227
|
class="prx-rich-content-root"
|
|
4091
4228
|
[class.prx-rich-content-root--inline]="layout() === 'inline'"
|
|
@@ -4257,6 +4394,61 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
|
|
|
4257
4394
|
></ng-container>
|
|
4258
4395
|
</div>
|
|
4259
4396
|
}
|
|
4397
|
+
@case ('pageHeader') {
|
|
4398
|
+
<header class="prx-rich-page-header" [class.prx-rich-page-header--sm]="node.size === 'sm'" [class.prx-rich-page-header--lg]="node.size === 'lg'">
|
|
4399
|
+
@if (resolvePageHeaderTitle(node) && visiblePageHeaderNodes(node.breadcrumbs).length) {
|
|
4400
|
+
<nav [attr.aria-label]="tx('renderer.pageHeader.breadcrumb', 'Breadcrumb')">
|
|
4401
|
+
<ol class="prx-rich-page-header__breadcrumbs">
|
|
4402
|
+
@for (ancestor of visiblePageHeaderNodes(node.breadcrumbs); track ancestor.id ?? $index) {
|
|
4403
|
+
<li><ng-container *ngTemplateOutlet="renderNodes; context: { $implicit: [ancestor] }"></ng-container><span aria-hidden="true">/</span></li>
|
|
4404
|
+
}
|
|
4405
|
+
<li aria-current="page">{{ resolvePageHeaderTitle(node) }}</li>
|
|
4406
|
+
</ol>
|
|
4407
|
+
</nav>
|
|
4408
|
+
}
|
|
4409
|
+
<div class="prx-rich-page-header__main">
|
|
4410
|
+
@if (node.identity && isNodeVisible(node.identity)) {
|
|
4411
|
+
<div class="prx-rich-page-header__identity"><ng-container *ngTemplateOutlet="renderNodes; context: { $implicit: [node.identity] }"></ng-container></div>
|
|
4412
|
+
}
|
|
4413
|
+
@if (resolvePageHeaderTitle(node) || resolvePageHeaderSubtitle(node)) {
|
|
4414
|
+
<div class="prx-rich-page-header__text">
|
|
4415
|
+
@if (resolvePageHeaderTitle(node)) {
|
|
4416
|
+
@switch (resolvePageHeaderLevel(node)) {
|
|
4417
|
+
@case (1) { <h1>{{ resolvePageHeaderTitle(node) }}</h1> }
|
|
4418
|
+
@case (2) { <h2>{{ resolvePageHeaderTitle(node) }}</h2> }
|
|
4419
|
+
@case (3) { <h3>{{ resolvePageHeaderTitle(node) }}</h3> }
|
|
4420
|
+
@case (4) { <h4>{{ resolvePageHeaderTitle(node) }}</h4> }
|
|
4421
|
+
@case (5) { <h5>{{ resolvePageHeaderTitle(node) }}</h5> }
|
|
4422
|
+
@case (6) { <h6>{{ resolvePageHeaderTitle(node) }}</h6> }
|
|
4423
|
+
}
|
|
4424
|
+
}
|
|
4425
|
+
@if (resolvePageHeaderSubtitle(node); as subtitle) { <p>{{ subtitle }}</p> }
|
|
4426
|
+
</div>
|
|
4427
|
+
}
|
|
4428
|
+
@if (visiblePageHeaderActions(node).length || visiblePageHeaderOverflow(node).length) {
|
|
4429
|
+
<div class="prx-rich-page-header__actions">
|
|
4430
|
+
<ng-container *ngTemplateOutlet="renderNodes; context: { $implicit: visiblePageHeaderActions(node) }"></ng-container>
|
|
4431
|
+
@if (visiblePageHeaderOverflow(node).length) {
|
|
4432
|
+
<button type="button" class="prx-rich-action-button" [matMenuTriggerFor]="headerMenu">{{ tx('renderer.pageHeader.more', 'More actions') }}</button>
|
|
4433
|
+
<mat-menu #headerMenu="matMenu">
|
|
4434
|
+
@for (action of visiblePageHeaderOverflow(node); track action.id ?? $index) {
|
|
4435
|
+
<button mat-menu-item [class.prx-rich-page-header__menu-warning]="action.color === 'warn'" [attr.aria-label]="resolvePageHeaderMenuLabel(action)" [attr.data-testid]="action.testId || null" [attr.data-rich-node-id]="action.id || null" [ngClass]="resolveNodeClasses(action)" [ngStyle]="resolveNodeStyles(action)" [disabled]="isActionButtonDisabled(action)" (click)="onActionButtonClick(action)">
|
|
4436
|
+
@if (action.icon) { <span class="material-symbols-outlined" aria-hidden="true">{{ action.icon }}</span> }
|
|
4437
|
+
<span>{{ resolveActionButtonLabel(action) }}</span>
|
|
4438
|
+
</button>
|
|
4439
|
+
}
|
|
4440
|
+
</mat-menu>
|
|
4441
|
+
}
|
|
4442
|
+
</div>
|
|
4443
|
+
}
|
|
4444
|
+
</div>
|
|
4445
|
+
@if (visiblePageHeaderNodes(node.relatedLinks).length) {
|
|
4446
|
+
<nav class="prx-rich-page-header__related" [attr.aria-label]="tx('renderer.pageHeader.related', 'Related pages')">
|
|
4447
|
+
<ng-container *ngTemplateOutlet="renderNodes; context: { $implicit: visiblePageHeaderNodes(node.relatedLinks) }"></ng-container>
|
|
4448
|
+
</nav>
|
|
4449
|
+
}
|
|
4450
|
+
</header>
|
|
4451
|
+
}
|
|
4260
4452
|
@case ('card') {
|
|
4261
4453
|
<section
|
|
4262
4454
|
class="prx-rich-card"
|
|
@@ -6008,7 +6200,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
|
|
|
6008
6200
|
</span>
|
|
6009
6201
|
}
|
|
6010
6202
|
</ng-template>
|
|
6011
|
-
`, styles: [".prx-rich-content-root{display:block;min-width:0;max-width:100%}.prx-rich-content-root:not(.prx-rich-content-root--inline){display:grid;gap:var(--prx-rich-content-block-gap, 12px)}.prx-rich-content-root--inline{display:inline-flex;align-items:var(--prx-rich-content-inline-align-items, center);flex-wrap:var(--prx-rich-content-inline-flex-wrap, nowrap);gap:var(--prx-rich-content-inline-gap, 6px);min-width:0;max-width:100%;vertical-align:middle}.prx-rich-node{min-width:0;max-width:100%}.prx-rich-node--inline{display:inline-flex;align-items:center;min-width:0;max-width:100%}.prx-rich-compose{display:flex;align-items:center;gap:8px;min-width:0;max-width:100%}.prx-rich-compose.direction-column{flex-direction:column;align-items:stretch}.prx-rich-compose.wrap{flex-wrap:wrap}.prx-rich-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;background:var(--md-sys-color-primary-container, #e8def8);color:var(--md-sys-color-on-primary-container, #21005d);font-size:12px;line-height:20px}.prx-rich-link{color:var(--md-sys-color-primary, #6750a4);text-decoration:underline;text-underline-offset:2px}.prx-rich-text,.prx-rich-link,.prx-rich-badge,.prx-rich-card-title,.prx-rich-card-subtitle,.prx-rich-card-body,.prx-rich-card-footer,.prx-rich-cta-group__title,.prx-rich-cta-group__subtitle,.prx-rich-cta-group__message,.prx-rich-key-value-list__title,.prx-rich-key-value-list__label,.prx-rich-key-value-list__value,.prx-rich-stat-group__title,.prx-rich-stat-group__subtitle,.prx-rich-stat-group__label,.prx-rich-stat-group__value,.prx-rich-stat-group__caption,.prx-rich-tabs__title,.prx-rich-tabs__subtitle,.prx-rich-record-summary__title,.prx-rich-record-summary__subtitle,.prx-rich-record-summary__meta,.prx-rich-record-summary__field-label,.prx-rich-record-summary__field-value,.prx-rich-lookup-result__title,.prx-rich-lookup-result__subtitle,.prx-rich-lookup-result__meta,.prx-rich-lookup-result__message,.prx-rich-lookup-card__title,.prx-rich-lookup-card__subtitle,.prx-rich-lookup-card__meta,.prx-rich-lookup-card__message,.prx-rich-related-record__title,.prx-rich-related-record__subtitle,.prx-rich-related-record__meta,.prx-rich-related-record__relation,.prx-rich-timeline__title,.prx-rich-timeline__subtitle,.prx-rich-timeline__item-title,.prx-rich-timeline__item-subtitle,.prx-rich-timeline__item-meta{min-width:0;max-width:100%;overflow-wrap:anywhere}.prx-rich-text,.prx-rich-link{display:inline-block}.prx-rich-node[data-rich-node-type=avatar]{display:inline-flex;width:40px;height:40px;border-radius:50%;background:var(--md-sys-color-surface-container-high, #ece6f0);color:var(--md-sys-color-on-surface, #1d1b20)}.prx-rich-avatar{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:inherit;background:inherit;color:inherit;overflow:hidden}.prx-rich-avatar-image{width:100%;height:100%;object-fit:cover}.prx-rich-avatar-fallback{font-weight:600}.prx-rich-card{--prx-rich-card-tone-color: var(--md-sys-color-outline-variant, #cac4d0);--prx-rich-card-tone-bg: var(--md-sys-color-surface, #fff);--prx-rich-card-tone-on-bg: var(--md-sys-color-on-surface, #1d1b20);display:flex;flex-direction:column;position:relative;gap:12px;padding:16px;border:1px solid var(--md-sys-color-outline-variant, #cac4d0);border-radius:16px;background:var(--prx-rich-card-tone-bg);color:var(--prx-rich-card-tone-on-bg);overflow:hidden;min-width:0;max-width:100%}.prx-rich-card[data-size=sm],.prx-rich-card[data-density=compact]{gap:8px;padding:12px;border-radius:12px}.prx-rich-content-root.prx-rich-content-root--widget-card{--prx-rich-content-block-gap: 8px}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card{gap:8px;padding:12px;border-radius:var(--pdx-page-card-radius, 10px);background:color-mix(in srgb,var(--prx-rich-card-tone-bg) 82%,transparent);box-shadow:none}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card[data-variant=elevated],.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card[data-variant=filled]{border-color:color-mix(in srgb,var(--md-sys-color-outline-variant) 72%,transparent);background:color-mix(in srgb,var(--prx-rich-card-tone-bg) 88%,transparent);box-shadow:none}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card-heading,.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card-body,.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card-actions,.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card-footer{gap:6px}.prx-rich-card[data-size=lg]{gap:16px;padding:20px}.prx-rich-card[data-orientation=horizontal]{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-leading,.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing{grid-template-columns:minmax(120px,.38fr) minmax(0,1fr)}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-icon,.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-avatar{grid-template-columns:minmax(72px,148px) minmax(0,1fr)}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing{grid-template-columns:minmax(0,1fr) minmax(120px,.38fr)}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing.prx-rich-card--media-icon,.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing.prx-rich-card--media-avatar{grid-template-columns:minmax(0,1fr) minmax(72px,148px)}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-leading>:not(.prx-rich-card-media){grid-column:2}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-leading>.prx-rich-card-media[data-placement=leading]{grid-column:1;grid-row:1 / -1}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing>:not(.prx-rich-card-media){grid-column:1}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing>.prx-rich-card-media[data-placement=trailing]{grid-column:2;grid-row:1 / -1}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-top>.prx-rich-card-media[data-placement=top],.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-background>:not(.prx-rich-card-media){grid-column:1}.prx-rich-card[data-variant=plain]{border-color:transparent;background:color-mix(in srgb,var(--prx-rich-card-tone-bg) 64%,transparent)}.prx-rich-card[data-variant=elevated]{border-color:transparent;box-shadow:0 4px 18px color-mix(in srgb,var(--md-sys-color-shadow, #000) 16%,transparent)}.prx-rich-card[data-variant=filled]{background:color-mix(in srgb,var(--prx-rich-card-tone-bg) 72%,var(--md-sys-color-surface-container, #f3edf7))}.prx-rich-card[data-variant=transparent]{border-color:color-mix(in srgb,var(--md-sys-color-outline-variant, #cac4d0) 64%,transparent);background:color-mix(in srgb,var(--prx-rich-card-tone-bg) 72%,transparent)}.prx-rich-card[data-tone=info]{--prx-rich-card-tone-color: var(--praxis-info, #0b5cad);--prx-rich-card-tone-bg: color-mix( in srgb, var(--md-sys-color-surface, #fff) 88%, var(--prx-rich-card-tone-color) 12% );border-color:color-mix(in srgb,var(--prx-rich-card-tone-color) 42%,var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-card[data-tone=success]{--prx-rich-card-tone-color: var(--praxis-success, #2e7d32);--prx-rich-card-tone-bg: color-mix( in srgb, var(--md-sys-color-surface, #fff) 88%, var(--prx-rich-card-tone-color) 12% );border-color:color-mix(in srgb,var(--prx-rich-card-tone-color) 48%,var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-card[data-tone=warning]{--prx-rich-card-tone-color: var(--praxis-warning, #ed6c02);--prx-rich-card-tone-bg: color-mix( in srgb, var(--md-sys-color-surface, #fff) 86%, var(--prx-rich-card-tone-color) 14% );border-color:color-mix(in srgb,var(--prx-rich-card-tone-color) 56%,var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-card[data-tone=danger]{--prx-rich-card-tone-color: var(--md-sys-color-error, #d32f2f);--prx-rich-card-tone-bg: color-mix( in srgb, var(--md-sys-color-surface, #fff) 84%, var(--prx-rich-card-tone-color) 16% );border-color:color-mix(in srgb,var(--prx-rich-card-tone-color) 62%,var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-card--interactive{cursor:pointer}.prx-rich-card--interactive:focus-visible{outline:3px solid color-mix(in srgb,var(--md-sys-color-primary, #6750a4) 72%,transparent);outline-offset:2px}.prx-rich-card--selected,.prx-rich-card--active{border-color:var(--md-sys-color-primary, #6750a4);box-shadow:inset 0 0 0 1px var(--md-sys-color-primary, #6750a4)}.prx-rich-card--disabled:not(.prx-rich-card--loading){opacity:.62;cursor:default}.prx-rich-card--loading{cursor:progress}.prx-rich-card-media{display:flex;align-items:center;justify-content:center;min-width:0;border-radius:12px;background:color-mix(in srgb,var(--prx-rich-card-tone-color) 18%,var(--md-sys-color-surface-container-high, #ece6f0));overflow:hidden;aspect-ratio:16 / 9}.prx-rich-card-media[data-kind=icon],.prx-rich-card-media[data-kind=avatar]{aspect-ratio:auto;min-height:64px;padding:12px}.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=icon],.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=avatar],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=icon],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=avatar]{min-height:48px;padding:8px}.prx-rich-card-media[data-placement=leading],.prx-rich-card-media[data-placement=trailing]{aspect-ratio:auto;min-height:100%}.prx-rich-card-media[data-kind=icon][data-placement=leading],.prx-rich-card-media[data-kind=icon][data-placement=trailing],.prx-rich-card-media[data-kind=avatar][data-placement=leading],.prx-rich-card-media[data-kind=avatar][data-placement=trailing]{align-self:start;min-height:64px}.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=icon][data-placement=leading],.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=icon][data-placement=trailing],.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=avatar][data-placement=leading],.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=avatar][data-placement=trailing],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=icon][data-placement=leading],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=icon][data-placement=trailing],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=avatar][data-placement=leading],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=avatar][data-placement=trailing]{min-height:48px}.prx-rich-card-media--background{position:absolute;inset:0;z-index:0;border-radius:inherit;opacity:.18}.prx-rich-card-media--background~*{position:relative;z-index:1}.prx-rich-card-media__asset{width:100%;height:100%;object-fit:cover}.prx-rich-card-media__icon{font-size:40px;color:var(--prx-rich-card-tone-color)}.prx-rich-card-media__avatar{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:color-mix(in srgb,var(--prx-rich-card-tone-color) 22%,var(--md-sys-color-primary-container, #e8def8));color:var(--prx-rich-card-tone-on-bg);font-weight:700}.prx-rich-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0}.prx-rich-card-header__content{min-width:0}.prx-rich-card-header__action{flex:0 0 auto}.prx-rich-card-heading{display:grid;gap:4px;min-width:0}.prx-rich-card-title{font-weight:600}.prx-rich-card-subtitle,.prx-rich-metric-caption{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:12px}.prx-rich-metric{display:grid;gap:4px;min-width:0}.prx-rich-metric--with-icon{grid-template-columns:auto minmax(0,1fr);column-gap:8px;align-items:start}.prx-rich-metric-icon{color:var(--md-sys-color-primary, #6750a4);font-size:20px;line-height:1.2;margin-top:2px}.prx-rich-metric-content{display:grid;gap:4px;min-width:0}.prx-rich-metric-value{font-size:20px;font-weight:700}.prx-rich-progress{display:flex;flex-direction:column;gap:4px}.prx-rich-progress-header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0}.prx-rich-progress-label,.prx-rich-progress-percent{min-width:0;color:var(--md-sys-color-on-surface-variant, #49454f);font-size:12px;font-weight:600}.prx-rich-progress-percent{flex:0 0 auto;color:var(--md-sys-color-on-surface, #1d1b20)}.prx-rich-progress-bar{width:100%}.prx-rich-action-button,.prx-rich-card-actions,.prx-rich-callout__actions,.prx-rich-empty-state__actions,.prx-rich-record-summary__actions,.prx-rich-disclosure__actions,.prx-rich-accordion__actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.prx-rich-action-button{appearance:none;border:1px solid var(--md-sys-color-outline-variant, #cac4d0);border-radius:999px;background:var(--md-sys-color-surface, #fff);color:var(--md-sys-color-on-surface, #1d1b20);padding:8px 12px;cursor:pointer}.prx-rich-action-button:disabled{opacity:.56;cursor:default}.prx-rich-action-button--raised,.prx-rich-action-button--primary{background:var(--md-sys-color-primary, #6750a4);color:var(--md-sys-color-on-primary, #fff)}.prx-rich-callout,.prx-rich-empty-state,.prx-rich-record-summary,.prx-rich-decision-package,.prx-rich-disclosure,.prx-rich-accordion{border:1px solid var(--md-sys-color-outline-variant, #cac4d0);border-radius:16px;padding:16px;background:var(--md-sys-color-surface, #fff)}.prx-rich-lookup-result,.prx-rich-lookup-card{display:grid;gap:8px;min-width:0;padding:14px 16px;border:1px solid var(--md-sys-color-outline-variant, #cac4d0);border-radius:14px;background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 94%,transparent);color:var(--md-sys-color-on-surface, #1d1b20)}.prx-rich-lookup-result[data-status=resolved],.prx-rich-lookup-card[data-status=resolved]{border-color:color-mix(in srgb,var(--md-sys-color-primary, #6750a4) 28%,var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-lookup-result[data-status=error],.prx-rich-lookup-card[data-status=error]{border-color:color-mix(in srgb,var(--md-sys-color-error, #b3261e) 48%,var(--md-sys-color-outline-variant, #cac4d0));background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 88%,var(--md-sys-color-error, #b3261e) 12%)}.prx-rich-lookup-result__title,.prx-rich-lookup-card__title{font-size:16px;font-weight:700;line-height:1.3}.prx-rich-lookup-result__subtitle,.prx-rich-lookup-card__subtitle{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:13px;line-height:1.35}.prx-rich-lookup-result__meta,.prx-rich-lookup-card__meta{color:var(--md-sys-color-primary, #6750a4);font-size:11px;font-weight:700;letter-spacing:.04em;line-height:1.35;text-transform:uppercase}.prx-rich-lookup-result__message,.prx-rich-lookup-card__message{color:var(--md-sys-color-on-surface-variant, #49454f);line-height:1.45}.prx-rich-lookup-result__fields,.prx-rich-lookup-card__fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:8px;min-width:0;margin:4px 0 0}.prx-rich-lookup-result__field,.prx-rich-lookup-card__field{display:grid;gap:3px;min-width:0;margin:0;padding:9px 11px;border-radius:10px;background:color-mix(in srgb,var(--md-sys-color-surface-container, #f3edf7) 76%,transparent)}.prx-rich-lookup-result__field dt,.prx-rich-lookup-card__field dt{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:11px;font-weight:600;line-height:1.3}.prx-rich-lookup-result__field dd,.prx-rich-lookup-card__field dd{min-width:0;margin:0;font-size:14px;font-weight:650;line-height:1.4;overflow-wrap:anywhere}.prx-rich-lookup-result__hint,.prx-rich-lookup-card__hint{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:11px;line-height:1.35}.prx-rich-lookup-result__actions,.prx-rich-lookup-card__actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:4px}.prx-rich-lookup-card{grid-template-columns:minmax(0,1fr) auto;column-gap:18px;align-items:center}.prx-rich-lookup-card__copy{display:grid;gap:6px;min-width:0}.prx-rich-lookup-card__title-row{display:flex;gap:8px;align-items:center;min-width:0}.prx-rich-lookup-card__icon{flex:0 0 auto;color:var(--md-sys-color-primary, #6750a4)}.prx-rich-lookup-card__actions{justify-content:flex-end;margin-top:0}@media(max-width:640px){.prx-rich-lookup-result__fields,.prx-rich-lookup-card__fields,.prx-rich-lookup-card{grid-template-columns:minmax(0,1fr)}.prx-rich-lookup-card__actions{justify-content:flex-start}}.prx-rich-callout[data-tone=warning]{background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 88%,#ffb300 12%)}.prx-rich-callout[data-tone=danger]{background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 88%,#d32f2f 12%)}.prx-rich-callout__title,.prx-rich-empty-state__title,.prx-rich-record-summary__title,.prx-rich-decision-package__title,.prx-rich-stat-group__title,.prx-rich-accordion__title,.prx-rich-key-value-list__title{font-weight:700;margin-bottom:4px}.prx-rich-decision-package{--prx-rich-decision-package-accent: var(--md-sys-color-primary, #6750a4);display:grid;grid-template-columns:minmax(0,1fr) minmax(136px,auto);gap:16px;border-color:color-mix(in srgb,var(--prx-rich-decision-package-accent) 42%,var(--md-sys-color-outline-variant, #cac4d0));background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 88%,var(--prx-rich-decision-package-accent) 12%)}.prx-rich-decision-package[data-status=approved],.prx-rich-decision-package[data-status=published]{--prx-rich-decision-package-accent: var(--praxis-success, #2e7d32)}.prx-rich-decision-package[data-status=draft],.prx-rich-decision-package[data-status=simulated],.prx-rich-decision-package[data-risk=medium],.prx-rich-decision-package[data-risk=high]{--prx-rich-decision-package-accent: var(--praxis-warning, #ed6c02)}.prx-rich-decision-package[data-status=reverted],.prx-rich-decision-package[data-risk=critical]{--prx-rich-decision-package-accent: var(--md-sys-color-error, #d32f2f)}.prx-rich-decision-package__main{display:grid;gap:8px;min-width:0}.prx-rich-decision-package__eyebrow,.prx-rich-decision-package__evidence,.prx-rich-decision-package__actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.prx-rich-decision-package__title{font-size:20px;line-height:1.15}.prx-rich-decision-package__subtitle,.prx-rich-decision-package__summary,.prx-rich-decision-package__meta,.prx-rich-decision-package__property dt,.prx-rich-decision-package__evidence-item small{color:var(--md-sys-color-on-surface-variant, #49454f)}.prx-rich-decision-package__properties{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin:0}.prx-rich-decision-package__property{min-width:0}.prx-rich-decision-package__property dt,.prx-rich-decision-package__property dd{margin:0;overflow-wrap:anywhere}.prx-rich-decision-package__property dd{font-weight:700}.prx-rich-decision-package__evidence-item{display:inline-flex;flex-direction:column;gap:1px;border:1px solid color-mix(in srgb,var(--prx-rich-decision-package-accent) 24%,var(--md-sys-color-outline-variant, #cac4d0));border-radius:12px;padding:6px 8px;background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 76%,transparent);font-size:12px}.prx-rich-decision-package__aside{display:grid;align-content:start;justify-items:end;gap:10px;min-width:0}.prx-rich-decision-package__confidence{display:grid;justify-items:center;min-width:96px;border-radius:16px;padding:12px;background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 72%,transparent)}.prx-rich-decision-package__confidence span{font-size:28px;font-weight:800;line-height:1}.prx-rich-decision-package__confidence small{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:11px;font-weight:700;text-transform:uppercase}@media(max-width:640px){.prx-rich-decision-package{grid-template-columns:minmax(0,1fr)}.prx-rich-decision-package__aside{justify-items:start}}.prx-rich-empty-state{align-items:center;text-align:center}.prx-rich-key-value-list__items,.prx-rich-stat-group__items,.prx-rich-record-summary__fields{display:grid;gap:8px;margin:0}.prx-rich-stat-group[data-layout=inline] .prx-rich-stat-group__items{grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr))}.prx-rich-stat-group[data-layout=grid] .prx-rich-stat-group__items{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr))}.prx-rich-stat-group__item{--prx-rich-stat-tone-color: var(--md-sys-color-outline, #79747e);--prx-rich-stat-tone-bg: var(--md-sys-color-surface, #fff);--prx-rich-stat-tone-border: var(--md-sys-color-outline-variant, #cac4d0);display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;row-gap:2px;align-items:start;min-width:0;padding:12px;border:1px solid var(--prx-rich-stat-tone-border);border-radius:12px;background:var(--prx-rich-stat-tone-bg)}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group__items{gap:6px}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group[data-layout=inline] .prx-rich-stat-group__items,.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group[data-layout=grid] .prx-rich-stat-group__items{grid-template-columns:repeat(auto-fit,minmax(min(148px,100%),1fr))}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group__item{column-gap:8px;padding:8px 10px;border-radius:var(--pdx-page-card-radius, 10px);background:color-mix(in srgb,var(--prx-rich-stat-tone-bg) 78%,transparent)}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group__icon,.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group__value{font-size:20px}.prx-rich-stat-group__item[data-tone=info]{--prx-rich-stat-tone-color: var(--praxis-info, #0b5cad);--prx-rich-stat-tone-bg: color-mix( in srgb, var(--md-sys-color-surface, #fff) 88%, var(--prx-rich-stat-tone-color) 12% );--prx-rich-stat-tone-border: color-mix( in srgb, var(--prx-rich-stat-tone-color) 34%, var(--md-sys-color-outline-variant, #cac4d0) )}.prx-rich-stat-group__item[data-tone=success]{--prx-rich-stat-tone-color: var(--praxis-success, #2e7d32);--prx-rich-stat-tone-bg: color-mix( in srgb, var(--md-sys-color-surface, #fff) 88%, var(--prx-rich-stat-tone-color) 12% );--prx-rich-stat-tone-border: color-mix( in srgb, var(--prx-rich-stat-tone-color) 38%, var(--md-sys-color-outline-variant, #cac4d0) )}.prx-rich-stat-group__item[data-tone=warning]{--prx-rich-stat-tone-color: var(--praxis-warning, #b26a00);--prx-rich-stat-tone-bg: color-mix( in srgb, var(--md-sys-color-surface, #fff) 86%, var(--prx-rich-stat-tone-color) 14% );--prx-rich-stat-tone-border: color-mix( in srgb, var(--prx-rich-stat-tone-color) 46%, var(--md-sys-color-outline-variant, #cac4d0) )}.prx-rich-stat-group__item[data-tone=danger]{--prx-rich-stat-tone-color: var(--md-sys-color-error, #d32f2f);--prx-rich-stat-tone-bg: color-mix( in srgb, var(--md-sys-color-surface, #fff) 84%, var(--prx-rich-stat-tone-color) 16% );--prx-rich-stat-tone-border: color-mix( in srgb, var(--prx-rich-stat-tone-color) 54%, var(--md-sys-color-outline-variant, #cac4d0) )}.prx-rich-stat-group__item-header{display:flex;gap:8px;align-items:center;min-width:0}.prx-rich-stat-group__item-content{display:grid;gap:4px;min-width:0}.prx-rich-stat-group__icon{color:var(--prx-rich-stat-tone-color);font-size:24px;line-height:1;margin-top:1px}.prx-rich-stat-group__item:not(.prx-rich-stat-group__item--with-icon){grid-template-columns:minmax(0,1fr)}.prx-rich-stat-group__label,.prx-rich-stat-group__subtitle,.prx-rich-stat-group__caption{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:12px}.prx-rich-stat-group__value{color:var(--md-sys-color-on-surface, #1d1b20);font-size:24px;font-weight:700;line-height:1.2}.prx-rich-tabs{display:flex;flex-direction:column;gap:12px;min-width:0}.prx-rich-tabs__title,.prx-rich-tabs__tab--active{font-weight:700}.prx-rich-tabs__subtitle{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:12px;margin-top:-8px}.prx-rich-tabs__tablist{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--md-sys-color-outline-variant, #cac4d0);padding-bottom:8px}.prx-rich-tabs[data-appearance=pills] .prx-rich-tabs__tablist{border-bottom:0;padding-bottom:0}.prx-rich-tabs__tab{display:inline-flex;align-items:center;gap:8px;min-width:0;padding:8px 12px;border:0;border-radius:999px;background:transparent;color:var(--md-sys-color-on-surface, #1d1b20);cursor:pointer}.prx-rich-tabs[data-appearance=underline] .prx-rich-tabs__tab{border-radius:0;border-bottom:2px solid transparent;padding-inline:0;padding-top:0;padding-bottom:8px}.prx-rich-tabs__tab--active{color:var(--md-sys-color-primary, #6750a4)}.prx-rich-tabs[data-appearance=underline] .prx-rich-tabs__tab--active{border-bottom-color:var(--md-sys-color-primary, #6750a4)}.prx-rich-tabs[data-appearance=pills] .prx-rich-tabs__tab--active{background:color-mix(in srgb,var(--md-sys-color-primary, #6750a4) 14%,#fff)}.prx-rich-tabs__tab:disabled{cursor:not-allowed;opacity:.55}.prx-rich-tabs__panel{display:block;min-width:0}.prx-rich-key-value-list__item,.prx-rich-record-summary__field{display:grid;grid-template-columns:minmax(0,160px) minmax(0,1fr);gap:12px;margin:0}.prx-rich-key-value-list[data-layout=stacked] .prx-rich-key-value-list__item{grid-template-columns:minmax(0,1fr);gap:4px}.prx-rich-key-value-list__item dt,.prx-rich-record-summary__field dt{color:var(--md-sys-color-on-surface-variant, #49454f)}.prx-rich-key-value-list__item dd,.prx-rich-record-summary__field dd{margin:0;display:inline-flex;gap:8px;flex-wrap:wrap;align-items:center}.prx-rich-related-record{display:grid;gap:14px;min-width:0;padding:16px;border:1px solid var(--md-sys-color-outline-variant, #cac4d0);border-radius:12px;background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 94%,transparent)}.prx-rich-related-record__copy{display:grid;gap:10px;min-width:0}.prx-rich-related-record__relation{color:var(--md-sys-color-primary, #6750a4);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0}.prx-rich-related-record__title-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;min-width:0}.prx-rich-related-record__title-row:not(.prx-rich-related-record__title-row--with-icon){grid-template-columns:minmax(0,1fr)}.prx-rich-related-record__icon{color:var(--md-sys-color-primary, #6750a4);font-size:24px;line-height:1}.prx-rich-related-record__title{font-size:18px;font-weight:700;line-height:1.25;min-width:0}.prx-rich-related-record__subtitle,.prx-rich-related-record__meta,.prx-rich-related-record__hint{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:13px;line-height:1.45}.prx-rich-related-record__fields{display:grid;gap:8px;margin:0;padding:0}.prx-rich-related-record__field{display:grid;grid-template-columns:minmax(0,140px) minmax(0,1fr);gap:8px 12px;align-items:start;min-width:0;padding-top:8px;border-top:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #cac4d0) 52%,transparent)}.prx-rich-related-record__field dt{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:13px}.prx-rich-related-record__field dd{margin:0;font-weight:600;min-width:0}.prx-rich-related-record__hint{display:block;font-weight:400;margin-top:2px}.prx-rich-related-record__actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.prx-rich-disclosure__summary,.prx-rich-accordion__summary{cursor:pointer;display:flex;gap:8px;align-items:center;list-style:none}.prx-rich-disclosure__content,.prx-rich-accordion__content{margin-top:12px}.prx-rich-media-block{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;min-width:0}.prx-rich-media-block__avatar,.prx-rich-media-block__body,.prx-rich-media-block__trailing{min-width:0}.prx-rich-media-block__body{display:flex;flex-direction:column;gap:6px}.prx-rich-media-block__title{font-weight:700}.prx-rich-media-block__subtitle{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:13px}.prx-rich-media-block__meta{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:12px}.prx-rich-media-block__trailing{display:flex;align-items:center;justify-content:flex-end}.prx-rich-timeline{--prx-rich-timeline-marker-color: var(--md-sys-color-primary, #6750a4);--prx-rich-timeline-on-marker-color: var(--md-sys-color-on-primary, #fff);--prx-rich-timeline-connector-color: var( --md-sys-color-outline-variant, #cac4d0 );--prx-rich-timeline-item-gap: 16px;--prx-rich-timeline-title-color: currentColor;--prx-rich-timeline-title-font-size: inherit;--prx-rich-timeline-title-font-weight: 700;--prx-rich-timeline-item-title-color: currentColor;--prx-rich-timeline-item-title-font-size: inherit;--prx-rich-timeline-item-title-font-weight: 600;--prx-rich-timeline-item-subtitle-color: var( --md-sys-color-on-surface-variant, #49454f );--prx-rich-timeline-item-subtitle-font-size: 12px;--prx-rich-timeline-item-meta-color: var( --md-sys-color-on-surface-variant, #49454f );--prx-rich-timeline-item-meta-font-size: 12px;--prx-rich-timeline-opposite-color: var( --md-sys-color-on-surface-variant, #49454f );--prx-rich-timeline-opposite-font-size: 12px;--prx-rich-timeline-opposite-font-weight: 400;--prx-rich-timeline-item-body-background: transparent;--prx-rich-timeline-item-body-border: 0;--prx-rich-timeline-item-body-border-radius: 6px;--prx-rich-timeline-item-body-padding: 12px;display:flex;flex-direction:column;gap:12px;min-width:0}.prx-rich-timeline__title{color:var(--prx-rich-timeline-title-color);font-size:var(--prx-rich-timeline-title-font-size);font-weight:var(--prx-rich-timeline-title-font-weight)}.prx-rich-timeline__items{display:flex;flex-direction:column;gap:0;list-style:none;margin:0;padding:0}.prx-rich-timeline__item{display:grid;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);grid-template-areas:\". marker body\";column-gap:16px;align-items:flex-start;min-height:64px;min-width:0;position:relative}.prx-rich-timeline--vertical .prx-rich-timeline__item{padding-block-end:var(--prx-rich-timeline-item-gap)}.prx-rich-timeline--vertical .prx-rich-timeline__item:last-child{padding-block-end:0}.prx-rich-timeline--marker-color-primary,.prx-rich-timeline__item--marker-color-primary{--prx-rich-timeline-marker-color: var(--md-sys-color-primary, #6750a4);--prx-rich-timeline-on-marker-color: var(--md-sys-color-on-primary, #fff)}.prx-rich-timeline--marker-color-secondary,.prx-rich-timeline__item--marker-color-secondary{--prx-rich-timeline-marker-color: var(--md-sys-color-secondary, #625b71);--prx-rich-timeline-on-marker-color: var( --md-sys-color-on-secondary, #fff )}.prx-rich-timeline--marker-color-tertiary,.prx-rich-timeline__item--marker-color-tertiary{--prx-rich-timeline-marker-color: var(--md-sys-color-tertiary, #7d5260);--prx-rich-timeline-on-marker-color: var( --md-sys-color-on-tertiary, #fff )}.prx-rich-timeline--marker-color-success,.prx-rich-timeline__item--marker-color-success{--prx-rich-timeline-marker-color: var(--praxis-success, #146c43);--prx-rich-timeline-on-marker-color: var(--praxis-on-success, #fff)}.prx-rich-timeline--marker-color-warning,.prx-rich-timeline__item--marker-color-warning{--prx-rich-timeline-marker-color: var(--praxis-warning, #b26a00);--prx-rich-timeline-on-marker-color: var(--praxis-on-warning, #1d1b20)}.prx-rich-timeline--marker-color-error,.prx-rich-timeline__item--marker-color-error{--prx-rich-timeline-marker-color: var(--md-sys-color-error, #ba1a1a);--prx-rich-timeline-on-marker-color: var(--md-sys-color-on-error, #fff)}.prx-rich-timeline--marker-color-info,.prx-rich-timeline__item--marker-color-info{--prx-rich-timeline-marker-color: var(--praxis-info, #0b5cad);--prx-rich-timeline-on-marker-color: var(--praxis-on-info, #fff)}.prx-rich-timeline--marker-color-neutral,.prx-rich-timeline__item--marker-color-neutral{--prx-rich-timeline-marker-color: var(--md-sys-color-outline, #79747e);--prx-rich-timeline-on-marker-color: var(--md-sys-color-surface, #fffbfe)}.prx-rich-timeline--connector-color-primary,.prx-rich-timeline__item--connector-color-primary{--prx-rich-timeline-connector-color: var(--md-sys-color-primary, #6750a4)}.prx-rich-timeline--connector-color-secondary,.prx-rich-timeline__item--connector-color-secondary{--prx-rich-timeline-connector-color: var( --md-sys-color-secondary, #625b71 )}.prx-rich-timeline--connector-color-tertiary,.prx-rich-timeline__item--connector-color-tertiary{--prx-rich-timeline-connector-color: var( --md-sys-color-tertiary, #7d5260 )}.prx-rich-timeline--connector-color-success,.prx-rich-timeline__item--connector-color-success{--prx-rich-timeline-connector-color: var(--praxis-success, #146c43)}.prx-rich-timeline--connector-color-warning,.prx-rich-timeline__item--connector-color-warning{--prx-rich-timeline-connector-color: var(--praxis-warning, #b26a00)}.prx-rich-timeline--connector-color-error,.prx-rich-timeline__item--connector-color-error{--prx-rich-timeline-connector-color: var(--md-sys-color-error, #ba1a1a)}.prx-rich-timeline--connector-color-info,.prx-rich-timeline__item--connector-color-info{--prx-rich-timeline-connector-color: var(--praxis-info, #0b5cad)}.prx-rich-timeline--connector-color-neutral,.prx-rich-timeline__item--connector-color-neutral{--prx-rich-timeline-connector-color: var(--md-sys-color-outline, #79747e)}.prx-rich-timeline__item--has-opposite{grid-template-areas:\"opposite marker body\"}.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd){grid-template-areas:\"body marker opposite\"}.prx-rich-timeline--left .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite),.prx-rich-timeline--alternate .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite).prx-rich-timeline__item--odd,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite):not(.prx-rich-timeline__item--odd){grid-template-areas:\"body marker .\"}.prx-rich-timeline__item-opposite{grid-area:opposite;color:var(--prx-rich-timeline-opposite-color);font-size:var(--prx-rich-timeline-opposite-font-size);font-weight:var(--prx-rich-timeline-opposite-font-weight);line-height:1.35;min-width:0;overflow-wrap:anywhere;padding-top:1px;text-align:end}.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite .prx-rich-timeline__item-opposite,.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd .prx-rich-timeline__item-opposite,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-opposite{text-align:start}.prx-rich-timeline__item-body{background:var(--prx-rich-timeline-item-body-background);border:var(--prx-rich-timeline-item-body-border);border-radius:var(--prx-rich-timeline-item-body-border-radius);padding:var(--prx-rich-timeline-item-body-padding)}.prx-rich-timeline__item-subtitle{color:var(--prx-rich-timeline-item-subtitle-color);font-size:var(--prx-rich-timeline-item-subtitle-font-size)}.prx-rich-timeline__item-marker{--prx-rich-timeline-marker-size: 22px;display:inline-flex;align-items:flex-start;align-self:stretch;grid-area:marker;justify-content:center;justify-self:center;min-height:64px;position:relative;width:max(32px,var(--prx-rich-timeline-marker-size))}.prx-rich-timeline--marker-dot .prx-rich-timeline__item-marker{--prx-rich-timeline-marker-size: 10px}.prx-rich-timeline--marker-icon .prx-rich-timeline__item-marker{--prx-rich-timeline-marker-size: 24px}.prx-rich-timeline__item-marker>*{position:relative;z-index:1}.prx-rich-timeline__item-marker:after{border-left:1px solid var(--prx-rich-timeline-connector-color);bottom:0;content:\"\";left:50%;position:absolute;top:var(--prx-rich-timeline-marker-size);transform:translate(-50%)}.prx-rich-timeline__item:last-child .prx-rich-timeline__item-marker:after{content:none}.prx-rich-timeline--connector-dashed .prx-rich-timeline__item-marker:after{border-left-style:dashed}.prx-rich-timeline--connector-none .prx-rich-timeline__item-marker:after{content:none}.prx-rich-timeline--horizontal .prx-rich-timeline__items{flex-direction:row;gap:0;overflow-x:auto;padding-bottom:2px;scroll-snap-type:x proximity}.prx-rich-timeline__items:focus-visible{border-radius:4px;outline:2px solid var(--md-sys-color-primary, #6750a4);outline-offset:2px}.prx-rich-timeline--horizontal .prx-rich-timeline__item,.prx-rich-timeline--horizontal .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item{grid-template-columns:minmax(176px,1fr);grid-template-areas:\"opposite\" \"marker\" \"body\";grid-template-rows:auto 32px 1fr;min-height:0;min-width:min(240px,80vw);padding-inline-end:calc(var(--prx-rich-timeline-item-gap) * .75);scroll-snap-align:start}.prx-rich-timeline--horizontal .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite){grid-template-areas:\"marker\" \"body\";grid-template-rows:32px 1fr}.prx-rich-timeline--horizontal .prx-rich-timeline__item-marker{align-items:center;align-self:center;justify-content:flex-start;justify-self:stretch;min-height:32px;width:100%}.prx-rich-timeline--horizontal .prx-rich-timeline__item-marker:after{border-left:0;border-top:1px solid var(--prx-rich-timeline-connector-color);bottom:auto;left:var(--prx-rich-timeline-marker-size);right:0;top:50%;transform:translateY(-50%)}.prx-rich-timeline--horizontal.prx-rich-timeline--connector-dashed .prx-rich-timeline__item-marker:after{border-left-style:solid;border-top-style:dashed}.prx-rich-timeline--horizontal .prx-rich-timeline__item--connector-dashed .prx-rich-timeline__item-marker:after{border-left-style:solid;border-top-style:dashed}.prx-rich-timeline--horizontal .prx-rich-timeline__item--connector-solid .prx-rich-timeline__item-marker:after{border-left-style:solid;border-top-style:solid}.prx-rich-timeline--horizontal .prx-rich-timeline__item-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite .prx-rich-timeline__item-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd .prx-rich-timeline__item-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-opposite,.prx-rich-timeline--horizontal .prx-rich-timeline__item-body,.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item-body,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item--odd .prx-rich-timeline__item-body,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-body{align-items:flex-start;text-align:start}.prx-rich-timeline__item--connector-dashed .prx-rich-timeline__item-marker:after{content:\"\";border-left-style:dashed}.prx-rich-timeline__item--connector-solid .prx-rich-timeline__item-marker:after{content:\"\";border-left-style:solid}.prx-rich-timeline__item--connector-none .prx-rich-timeline__item-marker:after{content:none}.prx-rich-timeline__item-icon{align-items:center;border:2px solid transparent;border-radius:50%;box-sizing:border-box;color:var(--prx-rich-timeline-marker-color);display:inline-flex;font-size:calc(var(--prx-rich-timeline-marker-size) - 8px);height:var(--prx-rich-timeline-marker-size);justify-content:center;line-height:1;width:var(--prx-rich-timeline-marker-size)}.prx-rich-timeline__item-dot{width:10px;height:10px;border-radius:50%;background:var(--prx-rich-timeline-marker-color);border:2px solid transparent;box-sizing:border-box;display:inline-block}.prx-rich-timeline__item-number{align-items:center;background:var(--prx-rich-timeline-marker-color);border:2px solid transparent;border-radius:50%;box-sizing:border-box;color:var(--prx-rich-timeline-on-marker-color);display:inline-flex;font-size:11px;font-weight:700;height:var(--prx-rich-timeline-marker-size);justify-content:center;line-height:1;min-width:var(--prx-rich-timeline-marker-size);padding:0 5px}.prx-rich-timeline--marker-style-outlined .prx-rich-timeline__item-marker>*,.prx-rich-timeline__item--marker-style-outlined .prx-rich-timeline__item-marker>*{background:transparent;border-color:var(--prx-rich-timeline-marker-color);color:var(--prx-rich-timeline-marker-color)}.prx-rich-timeline--marker-style-outlined .prx-rich-timeline__item-dot,.prx-rich-timeline__item--marker-style-outlined .prx-rich-timeline__item-dot{background:var(--md-sys-color-surface, #fffbfe)}.prx-rich-timeline__item--marker-style-filled .prx-rich-timeline__item-dot,.prx-rich-timeline__item--marker-style-filled .prx-rich-timeline__item-number,.prx-rich-timeline--marker-style-filled .prx-rich-timeline__item-icon,.prx-rich-timeline__item--marker-style-filled .prx-rich-timeline__item-icon{background:var(--prx-rich-timeline-marker-color);border-color:transparent;color:var(--prx-rich-timeline-on-marker-color)}.prx-rich-timeline__item-body{display:flex;flex-direction:column;gap:4px;grid-area:body;min-width:0}.prx-rich-timeline--left .prx-rich-timeline__item-body,.prx-rich-timeline--alternate .prx-rich-timeline__item--odd .prx-rich-timeline__item-body,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-body{align-items:flex-end;text-align:end}.prx-rich-timeline__item-title{color:var(--prx-rich-timeline-item-title-color);font-size:var(--prx-rich-timeline-item-title-font-size);font-weight:var(--prx-rich-timeline-item-title-font-weight)}.prx-rich-timeline--emphasis-subtle{--prx-rich-timeline-title-color: var( --md-sys-color-on-surface-variant, #49454f );--prx-rich-timeline-item-title-color: var( --md-sys-color-on-surface-variant, #49454f );--prx-rich-timeline-item-title-font-weight: 500;--prx-rich-timeline-opposite-color: var( --md-sys-color-on-surface-variant, #49454f )}.prx-rich-timeline--density-compact{--prx-rich-timeline-item-gap: 10px;--prx-rich-timeline-item-body-padding: 10px}.prx-rich-timeline--density-spacious{--prx-rich-timeline-item-gap: 24px;--prx-rich-timeline-item-body-padding: 14px}.prx-rich-timeline--emphasis-strong{--prx-rich-timeline-title-color: var(--md-sys-color-on-surface, #1d1b20);--prx-rich-timeline-title-font-weight: 700;--prx-rich-timeline-item-title-color: var( --md-sys-color-on-surface, #1d1b20 );--prx-rich-timeline-item-title-font-weight: 700;--prx-rich-timeline-opposite-color: var( --md-sys-color-on-surface, #1d1b20 );--prx-rich-timeline-opposite-font-weight: 700}.prx-rich-timeline--emphasis-hero{--prx-rich-timeline-title-color: var(--md-sys-color-on-surface, #1d1b20);--prx-rich-timeline-title-font-size: 20px;--prx-rich-timeline-title-font-weight: 800;--prx-rich-timeline-item-title-color: var( --md-sys-color-on-surface, #1d1b20 );--prx-rich-timeline-item-title-font-size: 17px;--prx-rich-timeline-item-title-font-weight: 800;--prx-rich-timeline-opposite-color: var(--md-sys-color-primary, #6750a4);--prx-rich-timeline-opposite-font-size: 14px;--prx-rich-timeline-opposite-font-weight: 800;--prx-rich-timeline-item-body-background: color-mix( in srgb, var(--md-sys-color-primary, #6750a4) 8%, transparent );--prx-rich-timeline-item-body-border-radius: 8px;--prx-rich-timeline-item-body-padding: 14px}.prx-rich-timeline--text-prominent{--prx-rich-timeline-opposite-font-size: 14px;--prx-rich-timeline-opposite-font-weight: 700;--prx-rich-timeline-item-title-font-size: 15px;--prx-rich-timeline-item-title-font-weight: 700}.prx-rich-timeline--text-eyebrow{--prx-rich-timeline-opposite-font-size: 12px;--prx-rich-timeline-opposite-font-weight: 800}.prx-rich-timeline--text-eyebrow .prx-rich-timeline__item-opposite{letter-spacing:0;text-transform:uppercase}.prx-rich-timeline--text-label{--prx-rich-timeline-opposite-font-size: 12px;--prx-rich-timeline-opposite-font-weight: 700;--prx-rich-timeline-item-title-font-size: 14px;--prx-rich-timeline-item-title-font-weight: 600}.prx-rich-timeline__item-subtitle,.prx-rich-timeline__item-meta,.prx-rich-timeline__empty{color:var(--prx-rich-timeline-item-subtitle-color);font-size:var(--prx-rich-timeline-item-subtitle-font-size)}.prx-rich-timeline__item-meta{color:var(--prx-rich-timeline-item-meta-color);font-size:var(--prx-rich-timeline-item-meta-font-size)}.prx-rich-timeline__item-badge{display:inline-flex;align-items:flex-start;margin-top:2px}@media(max-width:640px){.prx-rich-timeline--horizontal .prx-rich-timeline__items{flex-direction:column;overflow-x:visible;padding-bottom:0;scroll-snap-type:none}.prx-rich-timeline--horizontal .prx-rich-timeline__item,.prx-rich-timeline--horizontal .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item{min-width:0;padding-inline-end:0;scroll-snap-align:none;width:100%}.prx-rich-timeline--horizontal .prx-rich-timeline__item-marker{align-items:flex-start;align-self:stretch;justify-content:center;justify-self:center;min-height:64px;width:32px}.prx-rich-timeline--horizontal .prx-rich-timeline__item-marker:after{border-left:1px solid var(--prx-rich-timeline-connector-color);border-top:0;bottom:0;left:50%;right:auto;top:var(--prx-rich-timeline-marker-size);transform:translate(-50%)}.prx-rich-timeline--horizontal.prx-rich-timeline--connector-dashed .prx-rich-timeline__item-marker:after,.prx-rich-timeline--horizontal .prx-rich-timeline__item--connector-dashed .prx-rich-timeline__item-marker:after{border-left-style:dashed;border-top-style:solid}.prx-rich-timeline--horizontal .prx-rich-timeline__item--connector-solid .prx-rich-timeline__item-marker:after{border-left-style:solid;border-top-style:solid}.prx-rich-timeline__item--has-opposite,.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--horizontal .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd),.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd){grid-template-columns:32px minmax(0,1fr);grid-template-areas:\"marker opposite\" \"marker body\";grid-template-rows:auto 1fr;column-gap:12px}.prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite),.prx-rich-timeline--left .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite),.prx-rich-timeline--horizontal .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite),.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite),.prx-rich-timeline--alternate .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite).prx-rich-timeline__item--odd,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite):not(.prx-rich-timeline__item--odd),.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite).prx-rich-timeline__item--odd,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite):not(.prx-rich-timeline__item--odd){grid-template-columns:32px minmax(0,1fr);grid-template-areas:\"marker body\";grid-template-rows:1fr;column-gap:12px}.prx-rich-timeline__item-opposite,.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite .prx-rich-timeline__item-opposite,.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd .prx-rich-timeline__item-opposite,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-opposite,.prx-rich-timeline--left .prx-rich-timeline__item-body,.prx-rich-timeline--alternate .prx-rich-timeline__item--odd .prx-rich-timeline__item-body,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-body{align-items:flex-start;text-align:start}}\n"] }]
|
|
6203
|
+
`, styles: [".prx-rich-page-header__menu-warning:not(:disabled){color:var(--md-sys-color-error)}.prx-rich-page-header{display:grid;gap:calc(var(--mat-sys-body-large-size, 1rem) * .75);color:var(--md-sys-color-on-surface)}.prx-rich-page-header__main{display:flex;align-items:center;flex-wrap:wrap;gap:var(--mat-sys-body-large-size, 1rem)}.prx-rich-page-header__text{flex:1 1 16rem;min-width:0}.prx-rich-page-header :is(h1,h2,h3,h4,h5,h6){margin:0;font-family:inherit;font-size:var(--mat-sys-headline-small-size, 1.5rem);font-weight:var(--mat-sys-headline-small-weight, 500);line-height:var(--mat-sys-headline-small-line-height, 1.3);overflow-wrap:anywhere}.prx-rich-page-header--sm :is(h1,h2,h3,h4,h5,h6){font-size:var(--mat-sys-title-large-size, 1.25rem);line-height:var(--mat-sys-title-large-line-height, 1.4)}.prx-rich-page-header--lg :is(h1,h2,h3,h4,h5,h6){font-size:var(--mat-sys-headline-medium-size, 1.75rem);line-height:var(--mat-sys-headline-medium-line-height, 1.3)}.prx-rich-page-header__text p{margin:calc(var(--mat-sys-body-large-size, 1rem) * .5) 0 0;font:var(--mat-sys-body-medium, inherit);color:var(--md-sys-color-on-surface-variant)}.prx-rich-page-header__identity{flex:0 0 auto;max-width:3rem}.prx-rich-page-header__actions,.prx-rich-page-header__related{display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--mat-sys-body-large-size, 1rem) * .5)}.prx-rich-page-header__breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--mat-sys-body-large-size, 1rem) * .5);list-style:none;margin:0;padding:0;font:var(--mat-sys-label-large, inherit);color:var(--md-sys-color-on-surface-variant)}.prx-rich-page-header__breadcrumbs li{display:flex;align-items:center;gap:calc(var(--mat-sys-body-large-size, 1rem) * .5);overflow-wrap:anywhere}.prx-rich-content-root{display:block;min-width:0;max-width:100%}.prx-rich-content-root:not(.prx-rich-content-root--inline){display:grid;gap:var(--prx-rich-content-block-gap, 12px)}.prx-rich-content-root--inline{display:inline-flex;align-items:var(--prx-rich-content-inline-align-items, center);flex-wrap:var(--prx-rich-content-inline-flex-wrap, nowrap);gap:var(--prx-rich-content-inline-gap, 6px);min-width:0;max-width:100%;vertical-align:middle}.prx-rich-node{min-width:0;max-width:100%}.prx-rich-image{display:block;max-width:100%;height:auto}.prx-rich-node--inline{display:inline-flex;align-items:center;min-width:0;max-width:100%}.prx-rich-compose{display:flex;align-items:center;gap:8px;min-width:0;max-width:100%}.prx-rich-compose.direction-column{flex-direction:column;align-items:stretch}.prx-rich-compose.wrap{flex-wrap:wrap}.prx-rich-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;background:var(--md-sys-color-primary-container, #e8def8);color:var(--md-sys-color-on-primary-container, #21005d);font-size:12px;line-height:20px}.prx-rich-link{color:var(--md-sys-color-primary, #6750a4);text-decoration:underline;text-underline-offset:2px}.prx-rich-text,.prx-rich-link,.prx-rich-badge,.prx-rich-card-title,.prx-rich-card-subtitle,.prx-rich-card-body,.prx-rich-card-footer,.prx-rich-cta-group__title,.prx-rich-cta-group__subtitle,.prx-rich-cta-group__message,.prx-rich-key-value-list__title,.prx-rich-key-value-list__label,.prx-rich-key-value-list__value,.prx-rich-stat-group__title,.prx-rich-stat-group__subtitle,.prx-rich-stat-group__label,.prx-rich-stat-group__value,.prx-rich-stat-group__caption,.prx-rich-tabs__title,.prx-rich-tabs__subtitle,.prx-rich-record-summary__title,.prx-rich-record-summary__subtitle,.prx-rich-record-summary__meta,.prx-rich-record-summary__field-label,.prx-rich-record-summary__field-value,.prx-rich-lookup-result__title,.prx-rich-lookup-result__subtitle,.prx-rich-lookup-result__meta,.prx-rich-lookup-result__message,.prx-rich-lookup-card__title,.prx-rich-lookup-card__subtitle,.prx-rich-lookup-card__meta,.prx-rich-lookup-card__message,.prx-rich-related-record__title,.prx-rich-related-record__subtitle,.prx-rich-related-record__meta,.prx-rich-related-record__relation,.prx-rich-timeline__title,.prx-rich-timeline__subtitle,.prx-rich-timeline__item-title,.prx-rich-timeline__item-subtitle,.prx-rich-timeline__item-meta{min-width:0;max-width:100%;overflow-wrap:anywhere}.prx-rich-text,.prx-rich-link{display:inline-block}.prx-rich-node[data-rich-node-type=avatar]{display:inline-flex;width:40px;height:40px;border-radius:50%;background:var(--md-sys-color-surface-container-high, #ece6f0);color:var(--md-sys-color-on-surface, #1d1b20)}.prx-rich-avatar{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:inherit;background:inherit;color:inherit;overflow:hidden}.prx-rich-avatar-image{width:100%;height:100%;object-fit:cover}.prx-rich-avatar-fallback{font-weight:600}.prx-rich-card{--prx-rich-card-tone-color: var(--md-sys-color-outline-variant, #cac4d0);--prx-rich-card-tone-bg: var(--md-sys-color-surface, #fff);--prx-rich-card-tone-on-bg: var(--md-sys-color-on-surface, #1d1b20);display:flex;flex-direction:column;position:relative;gap:12px;padding:16px;border:1px solid var(--md-sys-color-outline-variant, #cac4d0);border-radius:16px;background:var(--prx-rich-card-tone-bg);color:var(--prx-rich-card-tone-on-bg);overflow:hidden;min-width:0;max-width:100%}.prx-rich-card[data-size=sm],.prx-rich-card[data-density=compact]{gap:8px;padding:12px;border-radius:12px}.prx-rich-content-root.prx-rich-content-root--widget-card{--prx-rich-content-block-gap: 8px}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card{gap:8px;padding:12px;border-radius:var(--pdx-page-card-radius, 10px);background:color-mix(in srgb,var(--prx-rich-card-tone-bg) 82%,transparent);box-shadow:none}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card[data-variant=elevated],.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card[data-variant=filled]{border-color:color-mix(in srgb,var(--md-sys-color-outline-variant) 72%,transparent);background:color-mix(in srgb,var(--prx-rich-card-tone-bg) 88%,transparent);box-shadow:none}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card-heading,.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card-body,.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card-actions,.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card-footer{gap:6px}.prx-rich-card[data-size=lg]{gap:16px;padding:20px}.prx-rich-card[data-orientation=horizontal]{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-leading,.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing{grid-template-columns:minmax(120px,.38fr) minmax(0,1fr)}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-icon,.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-avatar{grid-template-columns:minmax(72px,148px) minmax(0,1fr)}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing{grid-template-columns:minmax(0,1fr) minmax(120px,.38fr)}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing.prx-rich-card--media-icon,.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing.prx-rich-card--media-avatar{grid-template-columns:minmax(0,1fr) minmax(72px,148px)}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-leading>:not(.prx-rich-card-media){grid-column:2}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-leading>.prx-rich-card-media[data-placement=leading]{grid-column:1;grid-row:1 / -1}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing>:not(.prx-rich-card-media){grid-column:1}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing>.prx-rich-card-media[data-placement=trailing]{grid-column:2;grid-row:1 / -1}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-top>.prx-rich-card-media[data-placement=top],.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-background>:not(.prx-rich-card-media){grid-column:1}.prx-rich-card[data-variant=plain]{border-color:transparent;background:color-mix(in srgb,var(--prx-rich-card-tone-bg) 64%,transparent)}.prx-rich-card[data-variant=elevated]{border-color:transparent;box-shadow:0 4px 18px color-mix(in srgb,var(--md-sys-color-shadow, #000) 16%,transparent)}.prx-rich-card[data-variant=filled]{background:color-mix(in srgb,var(--prx-rich-card-tone-bg) 72%,var(--md-sys-color-surface-container, #f3edf7))}.prx-rich-card[data-variant=transparent]{border-color:color-mix(in srgb,var(--md-sys-color-outline-variant, #cac4d0) 64%,transparent);background:color-mix(in srgb,var(--prx-rich-card-tone-bg) 72%,transparent)}.prx-rich-card[data-tone=info]{--prx-rich-card-tone-color: var(--praxis-info, #0b5cad);--prx-rich-card-tone-bg: color-mix( in srgb, var(--md-sys-color-surface, #fff) 88%, var(--prx-rich-card-tone-color) 12% );border-color:color-mix(in srgb,var(--prx-rich-card-tone-color) 42%,var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-card[data-tone=success]{--prx-rich-card-tone-color: var(--praxis-success, #2e7d32);--prx-rich-card-tone-bg: color-mix( in srgb, var(--md-sys-color-surface, #fff) 88%, var(--prx-rich-card-tone-color) 12% );border-color:color-mix(in srgb,var(--prx-rich-card-tone-color) 48%,var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-card[data-tone=warning]{--prx-rich-card-tone-color: var(--praxis-warning, #ed6c02);--prx-rich-card-tone-bg: color-mix( in srgb, var(--md-sys-color-surface, #fff) 86%, var(--prx-rich-card-tone-color) 14% );border-color:color-mix(in srgb,var(--prx-rich-card-tone-color) 56%,var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-card[data-tone=danger]{--prx-rich-card-tone-color: var(--md-sys-color-error, #d32f2f);--prx-rich-card-tone-bg: color-mix( in srgb, var(--md-sys-color-surface, #fff) 84%, var(--prx-rich-card-tone-color) 16% );border-color:color-mix(in srgb,var(--prx-rich-card-tone-color) 62%,var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-card--interactive{cursor:pointer}.prx-rich-card--interactive:focus-visible{outline:3px solid color-mix(in srgb,var(--md-sys-color-primary, #6750a4) 72%,transparent);outline-offset:2px}.prx-rich-card--selected,.prx-rich-card--active{border-color:var(--md-sys-color-primary, #6750a4);box-shadow:inset 0 0 0 1px var(--md-sys-color-primary, #6750a4)}.prx-rich-card--disabled:not(.prx-rich-card--loading){opacity:.62;cursor:default}.prx-rich-card--loading{cursor:progress}.prx-rich-card-media{display:flex;align-items:center;justify-content:center;min-width:0;border-radius:12px;background:color-mix(in srgb,var(--prx-rich-card-tone-color) 18%,var(--md-sys-color-surface-container-high, #ece6f0));overflow:hidden;aspect-ratio:16 / 9}.prx-rich-card-media[data-kind=icon],.prx-rich-card-media[data-kind=avatar]{aspect-ratio:auto;min-height:64px;padding:12px}.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=icon],.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=avatar],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=icon],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=avatar]{min-height:48px;padding:8px}.prx-rich-card-media[data-placement=leading],.prx-rich-card-media[data-placement=trailing]{aspect-ratio:auto;min-height:100%}.prx-rich-card-media[data-kind=icon][data-placement=leading],.prx-rich-card-media[data-kind=icon][data-placement=trailing],.prx-rich-card-media[data-kind=avatar][data-placement=leading],.prx-rich-card-media[data-kind=avatar][data-placement=trailing]{align-self:start;min-height:64px}.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=icon][data-placement=leading],.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=icon][data-placement=trailing],.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=avatar][data-placement=leading],.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=avatar][data-placement=trailing],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=icon][data-placement=leading],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=icon][data-placement=trailing],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=avatar][data-placement=leading],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=avatar][data-placement=trailing]{min-height:48px}.prx-rich-card-media--background{position:absolute;inset:0;z-index:0;border-radius:inherit;opacity:.18}.prx-rich-card-media--background~*{position:relative;z-index:1}.prx-rich-card-media__asset{width:100%;height:100%;object-fit:cover}.prx-rich-card-media__icon{font-size:40px;color:var(--prx-rich-card-tone-color)}.prx-rich-card-media__avatar{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:color-mix(in srgb,var(--prx-rich-card-tone-color) 22%,var(--md-sys-color-primary-container, #e8def8));color:var(--prx-rich-card-tone-on-bg);font-weight:700}.prx-rich-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0}.prx-rich-card-header__content{min-width:0}.prx-rich-card-header__action{flex:0 0 auto}.prx-rich-card-heading{display:grid;gap:4px;min-width:0}.prx-rich-card-title{font-weight:600}.prx-rich-card-subtitle,.prx-rich-metric-caption{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:12px}.prx-rich-metric{display:grid;gap:4px;min-width:0}.prx-rich-metric--with-icon{grid-template-columns:auto minmax(0,1fr);column-gap:8px;align-items:start}.prx-rich-metric-icon{color:var(--md-sys-color-primary, #6750a4);font-size:20px;line-height:1.2;margin-top:2px}.prx-rich-metric-content{display:grid;gap:4px;min-width:0}.prx-rich-metric-value{font-size:20px;font-weight:700}.prx-rich-progress{display:flex;flex-direction:column;gap:4px}.prx-rich-progress-header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0}.prx-rich-progress-label,.prx-rich-progress-percent{min-width:0;color:var(--md-sys-color-on-surface-variant, #49454f);font-size:12px;font-weight:600}.prx-rich-progress-percent{flex:0 0 auto;color:var(--md-sys-color-on-surface, #1d1b20)}.prx-rich-progress-bar{width:100%}.prx-rich-action-button,.prx-rich-card-actions,.prx-rich-callout__actions,.prx-rich-empty-state__actions,.prx-rich-record-summary__actions,.prx-rich-disclosure__actions,.prx-rich-accordion__actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.prx-rich-action-button{appearance:none;border:1px solid var(--md-sys-color-outline-variant, #cac4d0);border-radius:999px;background:var(--md-sys-color-surface, #fff);color:var(--md-sys-color-on-surface, #1d1b20);padding:8px 12px;cursor:pointer}.prx-rich-action-button:disabled{opacity:.56;cursor:default}.prx-rich-action-button--raised,.prx-rich-action-button--primary{background:var(--md-sys-color-primary, #6750a4);color:var(--md-sys-color-on-primary, #fff)}.prx-rich-callout,.prx-rich-empty-state,.prx-rich-record-summary,.prx-rich-decision-package,.prx-rich-disclosure,.prx-rich-accordion{border:1px solid var(--md-sys-color-outline-variant, #cac4d0);border-radius:16px;padding:16px;background:var(--md-sys-color-surface, #fff)}.prx-rich-lookup-result,.prx-rich-lookup-card{display:grid;gap:8px;min-width:0;padding:14px 16px;border:1px solid var(--md-sys-color-outline-variant, #cac4d0);border-radius:14px;background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 94%,transparent);color:var(--md-sys-color-on-surface, #1d1b20)}.prx-rich-lookup-result[data-status=resolved],.prx-rich-lookup-card[data-status=resolved]{border-color:color-mix(in srgb,var(--md-sys-color-primary, #6750a4) 28%,var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-lookup-result[data-status=error],.prx-rich-lookup-card[data-status=error]{border-color:color-mix(in srgb,var(--md-sys-color-error, #b3261e) 48%,var(--md-sys-color-outline-variant, #cac4d0));background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 88%,var(--md-sys-color-error, #b3261e) 12%)}.prx-rich-lookup-result__title,.prx-rich-lookup-card__title{font-size:16px;font-weight:700;line-height:1.3}.prx-rich-lookup-result__subtitle,.prx-rich-lookup-card__subtitle{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:13px;line-height:1.35}.prx-rich-lookup-result__meta,.prx-rich-lookup-card__meta{color:var(--md-sys-color-primary, #6750a4);font-size:11px;font-weight:700;letter-spacing:.04em;line-height:1.35;text-transform:uppercase}.prx-rich-lookup-result__message,.prx-rich-lookup-card__message{color:var(--md-sys-color-on-surface-variant, #49454f);line-height:1.45}.prx-rich-lookup-result__fields,.prx-rich-lookup-card__fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:8px;min-width:0;margin:4px 0 0}.prx-rich-lookup-result__field,.prx-rich-lookup-card__field{display:grid;gap:3px;min-width:0;margin:0;padding:9px 11px;border-radius:10px;background:color-mix(in srgb,var(--md-sys-color-surface-container, #f3edf7) 76%,transparent)}.prx-rich-lookup-result__field dt,.prx-rich-lookup-card__field dt{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:11px;font-weight:600;line-height:1.3}.prx-rich-lookup-result__field dd,.prx-rich-lookup-card__field dd{min-width:0;margin:0;font-size:14px;font-weight:650;line-height:1.4;overflow-wrap:anywhere}.prx-rich-lookup-result__hint,.prx-rich-lookup-card__hint{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:11px;line-height:1.35}.prx-rich-lookup-result__actions,.prx-rich-lookup-card__actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:4px}.prx-rich-lookup-card{grid-template-columns:minmax(0,1fr) auto;column-gap:18px;align-items:center}.prx-rich-lookup-card__copy{display:grid;gap:6px;min-width:0}.prx-rich-lookup-card__title-row{display:flex;gap:8px;align-items:center;min-width:0}.prx-rich-lookup-card__icon{flex:0 0 auto;color:var(--md-sys-color-primary, #6750a4)}.prx-rich-lookup-card__actions{justify-content:flex-end;margin-top:0}@media(max-width:640px){.prx-rich-lookup-result__fields,.prx-rich-lookup-card__fields,.prx-rich-lookup-card{grid-template-columns:minmax(0,1fr)}.prx-rich-lookup-card__actions{justify-content:flex-start}}.prx-rich-callout[data-tone=warning]{background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 88%,#ffb300 12%)}.prx-rich-callout[data-tone=danger]{background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 88%,#d32f2f 12%)}.prx-rich-callout__title,.prx-rich-empty-state__title,.prx-rich-record-summary__title,.prx-rich-decision-package__title,.prx-rich-stat-group__title,.prx-rich-accordion__title,.prx-rich-key-value-list__title{font-weight:700;margin-bottom:4px}.prx-rich-decision-package{--prx-rich-decision-package-accent: var(--md-sys-color-primary, #6750a4);display:grid;grid-template-columns:minmax(0,1fr) minmax(136px,auto);gap:16px;border-color:color-mix(in srgb,var(--prx-rich-decision-package-accent) 42%,var(--md-sys-color-outline-variant, #cac4d0));background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 88%,var(--prx-rich-decision-package-accent) 12%)}.prx-rich-decision-package[data-status=approved],.prx-rich-decision-package[data-status=published]{--prx-rich-decision-package-accent: var(--praxis-success, #2e7d32)}.prx-rich-decision-package[data-status=draft],.prx-rich-decision-package[data-status=simulated],.prx-rich-decision-package[data-risk=medium],.prx-rich-decision-package[data-risk=high]{--prx-rich-decision-package-accent: var(--praxis-warning, #ed6c02)}.prx-rich-decision-package[data-status=reverted],.prx-rich-decision-package[data-risk=critical]{--prx-rich-decision-package-accent: var(--md-sys-color-error, #d32f2f)}.prx-rich-decision-package__main{display:grid;gap:8px;min-width:0}.prx-rich-decision-package__eyebrow,.prx-rich-decision-package__evidence,.prx-rich-decision-package__actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.prx-rich-decision-package__title{font-size:20px;line-height:1.15}.prx-rich-decision-package__subtitle,.prx-rich-decision-package__summary,.prx-rich-decision-package__meta,.prx-rich-decision-package__property dt,.prx-rich-decision-package__evidence-item small{color:var(--md-sys-color-on-surface-variant, #49454f)}.prx-rich-decision-package__properties{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin:0}.prx-rich-decision-package__property{min-width:0}.prx-rich-decision-package__property dt,.prx-rich-decision-package__property dd{margin:0;overflow-wrap:anywhere}.prx-rich-decision-package__property dd{font-weight:700}.prx-rich-decision-package__evidence-item{display:inline-flex;flex-direction:column;gap:1px;border:1px solid color-mix(in srgb,var(--prx-rich-decision-package-accent) 24%,var(--md-sys-color-outline-variant, #cac4d0));border-radius:12px;padding:6px 8px;background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 76%,transparent);font-size:12px}.prx-rich-decision-package__aside{display:grid;align-content:start;justify-items:end;gap:10px;min-width:0}.prx-rich-decision-package__confidence{display:grid;justify-items:center;min-width:96px;border-radius:16px;padding:12px;background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 72%,transparent)}.prx-rich-decision-package__confidence span{font-size:28px;font-weight:800;line-height:1}.prx-rich-decision-package__confidence small{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:11px;font-weight:700;text-transform:uppercase}@media(max-width:640px){.prx-rich-decision-package{grid-template-columns:minmax(0,1fr)}.prx-rich-decision-package__aside{justify-items:start}}.prx-rich-empty-state{align-items:center;text-align:center}.prx-rich-key-value-list__items,.prx-rich-stat-group__items,.prx-rich-record-summary__fields{display:grid;gap:8px;margin:0}.prx-rich-stat-group[data-layout=inline] .prx-rich-stat-group__items{grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr))}.prx-rich-stat-group[data-layout=grid] .prx-rich-stat-group__items{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr))}.prx-rich-stat-group__item{--prx-rich-stat-tone-color: var(--md-sys-color-outline, #79747e);--prx-rich-stat-tone-bg: var(--md-sys-color-surface, #fff);--prx-rich-stat-tone-border: var(--md-sys-color-outline-variant, #cac4d0);display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;row-gap:2px;align-items:start;min-width:0;padding:12px;border:1px solid var(--prx-rich-stat-tone-border);border-radius:12px;background:var(--prx-rich-stat-tone-bg)}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group__items{gap:6px}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group[data-layout=inline] .prx-rich-stat-group__items,.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group[data-layout=grid] .prx-rich-stat-group__items{grid-template-columns:repeat(auto-fit,minmax(min(148px,100%),1fr))}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group__item{column-gap:8px;padding:8px 10px;border-radius:var(--pdx-page-card-radius, 10px);background:color-mix(in srgb,var(--prx-rich-stat-tone-bg) 78%,transparent)}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group__icon,.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group__value{font-size:20px}.prx-rich-stat-group__item[data-tone=info]{--prx-rich-stat-tone-color: var(--praxis-info, #0b5cad);--prx-rich-stat-tone-bg: color-mix( in srgb, var(--md-sys-color-surface, #fff) 88%, var(--prx-rich-stat-tone-color) 12% );--prx-rich-stat-tone-border: color-mix( in srgb, var(--prx-rich-stat-tone-color) 34%, var(--md-sys-color-outline-variant, #cac4d0) )}.prx-rich-stat-group__item[data-tone=success]{--prx-rich-stat-tone-color: var(--praxis-success, #2e7d32);--prx-rich-stat-tone-bg: color-mix( in srgb, var(--md-sys-color-surface, #fff) 88%, var(--prx-rich-stat-tone-color) 12% );--prx-rich-stat-tone-border: color-mix( in srgb, var(--prx-rich-stat-tone-color) 38%, var(--md-sys-color-outline-variant, #cac4d0) )}.prx-rich-stat-group__item[data-tone=warning]{--prx-rich-stat-tone-color: var(--praxis-warning, #b26a00);--prx-rich-stat-tone-bg: color-mix( in srgb, var(--md-sys-color-surface, #fff) 86%, var(--prx-rich-stat-tone-color) 14% );--prx-rich-stat-tone-border: color-mix( in srgb, var(--prx-rich-stat-tone-color) 46%, var(--md-sys-color-outline-variant, #cac4d0) )}.prx-rich-stat-group__item[data-tone=danger]{--prx-rich-stat-tone-color: var(--md-sys-color-error, #d32f2f);--prx-rich-stat-tone-bg: color-mix( in srgb, var(--md-sys-color-surface, #fff) 84%, var(--prx-rich-stat-tone-color) 16% );--prx-rich-stat-tone-border: color-mix( in srgb, var(--prx-rich-stat-tone-color) 54%, var(--md-sys-color-outline-variant, #cac4d0) )}.prx-rich-stat-group__item-header{display:flex;gap:8px;align-items:center;min-width:0}.prx-rich-stat-group__item-content{display:grid;gap:4px;min-width:0}.prx-rich-stat-group__icon{color:var(--prx-rich-stat-tone-color);font-size:24px;line-height:1;margin-top:1px}.prx-rich-stat-group__item:not(.prx-rich-stat-group__item--with-icon){grid-template-columns:minmax(0,1fr)}.prx-rich-stat-group__label,.prx-rich-stat-group__subtitle,.prx-rich-stat-group__caption{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:12px}.prx-rich-stat-group__value{color:var(--md-sys-color-on-surface, #1d1b20);font-size:24px;font-weight:700;line-height:1.2}.prx-rich-tabs{display:flex;flex-direction:column;gap:12px;min-width:0}.prx-rich-tabs__title,.prx-rich-tabs__tab--active{font-weight:700}.prx-rich-tabs__subtitle{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:12px;margin-top:-8px}.prx-rich-tabs__tablist{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--md-sys-color-outline-variant, #cac4d0);padding-bottom:8px}.prx-rich-tabs[data-appearance=pills] .prx-rich-tabs__tablist{border-bottom:0;padding-bottom:0}.prx-rich-tabs__tab{display:inline-flex;align-items:center;gap:8px;min-width:0;padding:8px 12px;border:0;border-radius:999px;background:transparent;color:var(--md-sys-color-on-surface, #1d1b20);cursor:pointer}.prx-rich-tabs[data-appearance=underline] .prx-rich-tabs__tab{border-radius:0;border-bottom:2px solid transparent;padding-inline:0;padding-top:0;padding-bottom:8px}.prx-rich-tabs__tab--active{color:var(--md-sys-color-primary, #6750a4)}.prx-rich-tabs[data-appearance=underline] .prx-rich-tabs__tab--active{border-bottom-color:var(--md-sys-color-primary, #6750a4)}.prx-rich-tabs[data-appearance=pills] .prx-rich-tabs__tab--active{background:color-mix(in srgb,var(--md-sys-color-primary, #6750a4) 14%,#fff)}.prx-rich-tabs__tab:disabled{cursor:not-allowed;opacity:.55}.prx-rich-tabs__panel{display:block;min-width:0}.prx-rich-key-value-list__item,.prx-rich-record-summary__field{display:grid;grid-template-columns:minmax(0,160px) minmax(0,1fr);gap:12px;margin:0}.prx-rich-key-value-list[data-layout=stacked] .prx-rich-key-value-list__item{grid-template-columns:minmax(0,1fr);gap:4px}.prx-rich-key-value-list__item dt,.prx-rich-record-summary__field dt{color:var(--md-sys-color-on-surface-variant, #49454f)}.prx-rich-key-value-list__item dd,.prx-rich-record-summary__field dd{margin:0;display:inline-flex;gap:8px;flex-wrap:wrap;align-items:center}.prx-rich-related-record{display:grid;gap:14px;min-width:0;padding:16px;border:1px solid var(--md-sys-color-outline-variant, #cac4d0);border-radius:12px;background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 94%,transparent)}.prx-rich-related-record__copy{display:grid;gap:10px;min-width:0}.prx-rich-related-record__relation{color:var(--md-sys-color-primary, #6750a4);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0}.prx-rich-related-record__title-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;min-width:0}.prx-rich-related-record__title-row:not(.prx-rich-related-record__title-row--with-icon){grid-template-columns:minmax(0,1fr)}.prx-rich-related-record__icon{color:var(--md-sys-color-primary, #6750a4);font-size:24px;line-height:1}.prx-rich-related-record__title{font-size:18px;font-weight:700;line-height:1.25;min-width:0}.prx-rich-related-record__subtitle,.prx-rich-related-record__meta,.prx-rich-related-record__hint{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:13px;line-height:1.45}.prx-rich-related-record__fields{display:grid;gap:8px;margin:0;padding:0}.prx-rich-related-record__field{display:grid;grid-template-columns:minmax(0,140px) minmax(0,1fr);gap:8px 12px;align-items:start;min-width:0;padding-top:8px;border-top:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #cac4d0) 52%,transparent)}.prx-rich-related-record__field dt{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:13px}.prx-rich-related-record__field dd{margin:0;font-weight:600;min-width:0}.prx-rich-related-record__hint{display:block;font-weight:400;margin-top:2px}.prx-rich-related-record__actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.prx-rich-disclosure__summary,.prx-rich-accordion__summary{cursor:pointer;display:flex;gap:8px;align-items:center;list-style:none}.prx-rich-disclosure__content,.prx-rich-accordion__content{margin-top:12px}.prx-rich-media-block{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;min-width:0}.prx-rich-media-block__avatar,.prx-rich-media-block__body,.prx-rich-media-block__trailing{min-width:0}.prx-rich-media-block__body{display:flex;flex-direction:column;gap:6px}.prx-rich-media-block__title{font-weight:700}.prx-rich-media-block__subtitle{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:13px}.prx-rich-media-block__meta{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:12px}.prx-rich-media-block__trailing{display:flex;align-items:center;justify-content:flex-end}.prx-rich-timeline{--prx-rich-timeline-marker-color: var(--md-sys-color-primary, #6750a4);--prx-rich-timeline-on-marker-color: var(--md-sys-color-on-primary, #fff);--prx-rich-timeline-connector-color: var( --md-sys-color-outline-variant, #cac4d0 );--prx-rich-timeline-item-gap: 16px;--prx-rich-timeline-title-color: currentColor;--prx-rich-timeline-title-font-size: inherit;--prx-rich-timeline-title-font-weight: 700;--prx-rich-timeline-item-title-color: currentColor;--prx-rich-timeline-item-title-font-size: inherit;--prx-rich-timeline-item-title-font-weight: 600;--prx-rich-timeline-item-subtitle-color: var( --md-sys-color-on-surface-variant, #49454f );--prx-rich-timeline-item-subtitle-font-size: 12px;--prx-rich-timeline-item-meta-color: var( --md-sys-color-on-surface-variant, #49454f );--prx-rich-timeline-item-meta-font-size: 12px;--prx-rich-timeline-opposite-color: var( --md-sys-color-on-surface-variant, #49454f );--prx-rich-timeline-opposite-font-size: 12px;--prx-rich-timeline-opposite-font-weight: 400;--prx-rich-timeline-item-body-background: transparent;--prx-rich-timeline-item-body-border: 0;--prx-rich-timeline-item-body-border-radius: 6px;--prx-rich-timeline-item-body-padding: 12px;display:flex;flex-direction:column;gap:12px;min-width:0}.prx-rich-timeline__title{color:var(--prx-rich-timeline-title-color);font-size:var(--prx-rich-timeline-title-font-size);font-weight:var(--prx-rich-timeline-title-font-weight)}.prx-rich-timeline__items{display:flex;flex-direction:column;gap:0;list-style:none;margin:0;padding:0}.prx-rich-timeline__item{display:grid;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);grid-template-areas:\". marker body\";column-gap:16px;align-items:flex-start;min-height:64px;min-width:0;position:relative}.prx-rich-timeline--vertical .prx-rich-timeline__item{padding-block-end:var(--prx-rich-timeline-item-gap)}.prx-rich-timeline--vertical .prx-rich-timeline__item:last-child{padding-block-end:0}.prx-rich-timeline--marker-color-primary,.prx-rich-timeline__item--marker-color-primary{--prx-rich-timeline-marker-color: var(--md-sys-color-primary, #6750a4);--prx-rich-timeline-on-marker-color: var(--md-sys-color-on-primary, #fff)}.prx-rich-timeline--marker-color-secondary,.prx-rich-timeline__item--marker-color-secondary{--prx-rich-timeline-marker-color: var(--md-sys-color-secondary, #625b71);--prx-rich-timeline-on-marker-color: var( --md-sys-color-on-secondary, #fff )}.prx-rich-timeline--marker-color-tertiary,.prx-rich-timeline__item--marker-color-tertiary{--prx-rich-timeline-marker-color: var(--md-sys-color-tertiary, #7d5260);--prx-rich-timeline-on-marker-color: var( --md-sys-color-on-tertiary, #fff )}.prx-rich-timeline--marker-color-success,.prx-rich-timeline__item--marker-color-success{--prx-rich-timeline-marker-color: var(--praxis-success, #146c43);--prx-rich-timeline-on-marker-color: var(--praxis-on-success, #fff)}.prx-rich-timeline--marker-color-warning,.prx-rich-timeline__item--marker-color-warning{--prx-rich-timeline-marker-color: var(--praxis-warning, #b26a00);--prx-rich-timeline-on-marker-color: var(--praxis-on-warning, #1d1b20)}.prx-rich-timeline--marker-color-error,.prx-rich-timeline__item--marker-color-error{--prx-rich-timeline-marker-color: var(--md-sys-color-error, #ba1a1a);--prx-rich-timeline-on-marker-color: var(--md-sys-color-on-error, #fff)}.prx-rich-timeline--marker-color-info,.prx-rich-timeline__item--marker-color-info{--prx-rich-timeline-marker-color: var(--praxis-info, #0b5cad);--prx-rich-timeline-on-marker-color: var(--praxis-on-info, #fff)}.prx-rich-timeline--marker-color-neutral,.prx-rich-timeline__item--marker-color-neutral{--prx-rich-timeline-marker-color: var(--md-sys-color-outline, #79747e);--prx-rich-timeline-on-marker-color: var(--md-sys-color-surface, #fffbfe)}.prx-rich-timeline--connector-color-primary,.prx-rich-timeline__item--connector-color-primary{--prx-rich-timeline-connector-color: var(--md-sys-color-primary, #6750a4)}.prx-rich-timeline--connector-color-secondary,.prx-rich-timeline__item--connector-color-secondary{--prx-rich-timeline-connector-color: var( --md-sys-color-secondary, #625b71 )}.prx-rich-timeline--connector-color-tertiary,.prx-rich-timeline__item--connector-color-tertiary{--prx-rich-timeline-connector-color: var( --md-sys-color-tertiary, #7d5260 )}.prx-rich-timeline--connector-color-success,.prx-rich-timeline__item--connector-color-success{--prx-rich-timeline-connector-color: var(--praxis-success, #146c43)}.prx-rich-timeline--connector-color-warning,.prx-rich-timeline__item--connector-color-warning{--prx-rich-timeline-connector-color: var(--praxis-warning, #b26a00)}.prx-rich-timeline--connector-color-error,.prx-rich-timeline__item--connector-color-error{--prx-rich-timeline-connector-color: var(--md-sys-color-error, #ba1a1a)}.prx-rich-timeline--connector-color-info,.prx-rich-timeline__item--connector-color-info{--prx-rich-timeline-connector-color: var(--praxis-info, #0b5cad)}.prx-rich-timeline--connector-color-neutral,.prx-rich-timeline__item--connector-color-neutral{--prx-rich-timeline-connector-color: var(--md-sys-color-outline, #79747e)}.prx-rich-timeline__item--has-opposite{grid-template-areas:\"opposite marker body\"}.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd){grid-template-areas:\"body marker opposite\"}.prx-rich-timeline--left .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite),.prx-rich-timeline--alternate .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite).prx-rich-timeline__item--odd,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite):not(.prx-rich-timeline__item--odd){grid-template-areas:\"body marker .\"}.prx-rich-timeline__item-opposite{grid-area:opposite;color:var(--prx-rich-timeline-opposite-color);font-size:var(--prx-rich-timeline-opposite-font-size);font-weight:var(--prx-rich-timeline-opposite-font-weight);line-height:1.35;min-width:0;overflow-wrap:anywhere;padding-top:1px;text-align:end}.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite .prx-rich-timeline__item-opposite,.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd .prx-rich-timeline__item-opposite,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-opposite{text-align:start}.prx-rich-timeline__item-body{background:var(--prx-rich-timeline-item-body-background);border:var(--prx-rich-timeline-item-body-border);border-radius:var(--prx-rich-timeline-item-body-border-radius);padding:var(--prx-rich-timeline-item-body-padding)}.prx-rich-timeline__item-subtitle{color:var(--prx-rich-timeline-item-subtitle-color);font-size:var(--prx-rich-timeline-item-subtitle-font-size)}.prx-rich-timeline__item-marker{--prx-rich-timeline-marker-size: 22px;display:inline-flex;align-items:flex-start;align-self:stretch;grid-area:marker;justify-content:center;justify-self:center;min-height:64px;position:relative;width:max(32px,var(--prx-rich-timeline-marker-size))}.prx-rich-timeline--marker-dot .prx-rich-timeline__item-marker{--prx-rich-timeline-marker-size: 10px}.prx-rich-timeline--marker-icon .prx-rich-timeline__item-marker{--prx-rich-timeline-marker-size: 24px}.prx-rich-timeline__item-marker>*{position:relative;z-index:1}.prx-rich-timeline__item-marker:after{border-left:1px solid var(--prx-rich-timeline-connector-color);bottom:0;content:\"\";left:50%;position:absolute;top:var(--prx-rich-timeline-marker-size);transform:translate(-50%)}.prx-rich-timeline__item:last-child .prx-rich-timeline__item-marker:after{content:none}.prx-rich-timeline--connector-dashed .prx-rich-timeline__item-marker:after{border-left-style:dashed}.prx-rich-timeline--connector-none .prx-rich-timeline__item-marker:after{content:none}.prx-rich-timeline--horizontal .prx-rich-timeline__items{flex-direction:row;gap:0;overflow-x:auto;padding-bottom:2px;scroll-snap-type:x proximity}.prx-rich-timeline__items:focus-visible{border-radius:4px;outline:2px solid var(--md-sys-color-primary, #6750a4);outline-offset:2px}.prx-rich-timeline--horizontal .prx-rich-timeline__item,.prx-rich-timeline--horizontal .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item{grid-template-columns:minmax(176px,1fr);grid-template-areas:\"opposite\" \"marker\" \"body\";grid-template-rows:auto 32px 1fr;min-height:0;min-width:min(240px,80vw);padding-inline-end:calc(var(--prx-rich-timeline-item-gap) * .75);scroll-snap-align:start}.prx-rich-timeline--horizontal .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite){grid-template-areas:\"marker\" \"body\";grid-template-rows:32px 1fr}.prx-rich-timeline--horizontal .prx-rich-timeline__item-marker{align-items:center;align-self:center;justify-content:flex-start;justify-self:stretch;min-height:32px;width:100%}.prx-rich-timeline--horizontal .prx-rich-timeline__item-marker:after{border-left:0;border-top:1px solid var(--prx-rich-timeline-connector-color);bottom:auto;left:var(--prx-rich-timeline-marker-size);right:0;top:50%;transform:translateY(-50%)}.prx-rich-timeline--horizontal.prx-rich-timeline--connector-dashed .prx-rich-timeline__item-marker:after{border-left-style:solid;border-top-style:dashed}.prx-rich-timeline--horizontal .prx-rich-timeline__item--connector-dashed .prx-rich-timeline__item-marker:after{border-left-style:solid;border-top-style:dashed}.prx-rich-timeline--horizontal .prx-rich-timeline__item--connector-solid .prx-rich-timeline__item-marker:after{border-left-style:solid;border-top-style:solid}.prx-rich-timeline--horizontal .prx-rich-timeline__item-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite .prx-rich-timeline__item-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd .prx-rich-timeline__item-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-opposite,.prx-rich-timeline--horizontal .prx-rich-timeline__item-body,.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item-body,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item--odd .prx-rich-timeline__item-body,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-body{align-items:flex-start;text-align:start}.prx-rich-timeline__item--connector-dashed .prx-rich-timeline__item-marker:after{content:\"\";border-left-style:dashed}.prx-rich-timeline__item--connector-solid .prx-rich-timeline__item-marker:after{content:\"\";border-left-style:solid}.prx-rich-timeline__item--connector-none .prx-rich-timeline__item-marker:after{content:none}.prx-rich-timeline__item-icon{align-items:center;border:2px solid transparent;border-radius:50%;box-sizing:border-box;color:var(--prx-rich-timeline-marker-color);display:inline-flex;font-size:calc(var(--prx-rich-timeline-marker-size) - 8px);height:var(--prx-rich-timeline-marker-size);justify-content:center;line-height:1;width:var(--prx-rich-timeline-marker-size)}.prx-rich-timeline__item-dot{width:10px;height:10px;border-radius:50%;background:var(--prx-rich-timeline-marker-color);border:2px solid transparent;box-sizing:border-box;display:inline-block}.prx-rich-timeline__item-number{align-items:center;background:var(--prx-rich-timeline-marker-color);border:2px solid transparent;border-radius:50%;box-sizing:border-box;color:var(--prx-rich-timeline-on-marker-color);display:inline-flex;font-size:11px;font-weight:700;height:var(--prx-rich-timeline-marker-size);justify-content:center;line-height:1;min-width:var(--prx-rich-timeline-marker-size);padding:0 5px}.prx-rich-timeline--marker-style-outlined .prx-rich-timeline__item-marker>*,.prx-rich-timeline__item--marker-style-outlined .prx-rich-timeline__item-marker>*{background:transparent;border-color:var(--prx-rich-timeline-marker-color);color:var(--prx-rich-timeline-marker-color)}.prx-rich-timeline--marker-style-outlined .prx-rich-timeline__item-dot,.prx-rich-timeline__item--marker-style-outlined .prx-rich-timeline__item-dot{background:var(--md-sys-color-surface, #fffbfe)}.prx-rich-timeline__item--marker-style-filled .prx-rich-timeline__item-dot,.prx-rich-timeline__item--marker-style-filled .prx-rich-timeline__item-number,.prx-rich-timeline--marker-style-filled .prx-rich-timeline__item-icon,.prx-rich-timeline__item--marker-style-filled .prx-rich-timeline__item-icon{background:var(--prx-rich-timeline-marker-color);border-color:transparent;color:var(--prx-rich-timeline-on-marker-color)}.prx-rich-timeline__item-body{display:flex;flex-direction:column;gap:4px;grid-area:body;min-width:0}.prx-rich-timeline--left .prx-rich-timeline__item-body,.prx-rich-timeline--alternate .prx-rich-timeline__item--odd .prx-rich-timeline__item-body,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-body{align-items:flex-end;text-align:end}.prx-rich-timeline__item-title{color:var(--prx-rich-timeline-item-title-color);font-size:var(--prx-rich-timeline-item-title-font-size);font-weight:var(--prx-rich-timeline-item-title-font-weight)}.prx-rich-timeline--emphasis-subtle{--prx-rich-timeline-title-color: var( --md-sys-color-on-surface-variant, #49454f );--prx-rich-timeline-item-title-color: var( --md-sys-color-on-surface-variant, #49454f );--prx-rich-timeline-item-title-font-weight: 500;--prx-rich-timeline-opposite-color: var( --md-sys-color-on-surface-variant, #49454f )}.prx-rich-timeline--density-compact{--prx-rich-timeline-item-gap: 10px;--prx-rich-timeline-item-body-padding: 10px}.prx-rich-timeline--density-spacious{--prx-rich-timeline-item-gap: 24px;--prx-rich-timeline-item-body-padding: 14px}.prx-rich-timeline--emphasis-strong{--prx-rich-timeline-title-color: var(--md-sys-color-on-surface, #1d1b20);--prx-rich-timeline-title-font-weight: 700;--prx-rich-timeline-item-title-color: var( --md-sys-color-on-surface, #1d1b20 );--prx-rich-timeline-item-title-font-weight: 700;--prx-rich-timeline-opposite-color: var( --md-sys-color-on-surface, #1d1b20 );--prx-rich-timeline-opposite-font-weight: 700}.prx-rich-timeline--emphasis-hero{--prx-rich-timeline-title-color: var(--md-sys-color-on-surface, #1d1b20);--prx-rich-timeline-title-font-size: 20px;--prx-rich-timeline-title-font-weight: 800;--prx-rich-timeline-item-title-color: var( --md-sys-color-on-surface, #1d1b20 );--prx-rich-timeline-item-title-font-size: 17px;--prx-rich-timeline-item-title-font-weight: 800;--prx-rich-timeline-opposite-color: var(--md-sys-color-primary, #6750a4);--prx-rich-timeline-opposite-font-size: 14px;--prx-rich-timeline-opposite-font-weight: 800;--prx-rich-timeline-item-body-background: color-mix( in srgb, var(--md-sys-color-primary, #6750a4) 8%, transparent );--prx-rich-timeline-item-body-border-radius: 8px;--prx-rich-timeline-item-body-padding: 14px}.prx-rich-timeline--text-prominent{--prx-rich-timeline-opposite-font-size: 14px;--prx-rich-timeline-opposite-font-weight: 700;--prx-rich-timeline-item-title-font-size: 15px;--prx-rich-timeline-item-title-font-weight: 700}.prx-rich-timeline--text-eyebrow{--prx-rich-timeline-opposite-font-size: 12px;--prx-rich-timeline-opposite-font-weight: 800}.prx-rich-timeline--text-eyebrow .prx-rich-timeline__item-opposite{letter-spacing:0;text-transform:uppercase}.prx-rich-timeline--text-label{--prx-rich-timeline-opposite-font-size: 12px;--prx-rich-timeline-opposite-font-weight: 700;--prx-rich-timeline-item-title-font-size: 14px;--prx-rich-timeline-item-title-font-weight: 600}.prx-rich-timeline__item-subtitle,.prx-rich-timeline__item-meta,.prx-rich-timeline__empty{color:var(--prx-rich-timeline-item-subtitle-color);font-size:var(--prx-rich-timeline-item-subtitle-font-size)}.prx-rich-timeline__item-meta{color:var(--prx-rich-timeline-item-meta-color);font-size:var(--prx-rich-timeline-item-meta-font-size)}.prx-rich-timeline__item-badge{display:inline-flex;align-items:flex-start;margin-top:2px}@media(max-width:640px){.prx-rich-timeline--horizontal .prx-rich-timeline__items{flex-direction:column;overflow-x:visible;padding-bottom:0;scroll-snap-type:none}.prx-rich-timeline--horizontal .prx-rich-timeline__item,.prx-rich-timeline--horizontal .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item{min-width:0;padding-inline-end:0;scroll-snap-align:none;width:100%}.prx-rich-timeline--horizontal .prx-rich-timeline__item-marker{align-items:flex-start;align-self:stretch;justify-content:center;justify-self:center;min-height:64px;width:32px}.prx-rich-timeline--horizontal .prx-rich-timeline__item-marker:after{border-left:1px solid var(--prx-rich-timeline-connector-color);border-top:0;bottom:0;left:50%;right:auto;top:var(--prx-rich-timeline-marker-size);transform:translate(-50%)}.prx-rich-timeline--horizontal.prx-rich-timeline--connector-dashed .prx-rich-timeline__item-marker:after,.prx-rich-timeline--horizontal .prx-rich-timeline__item--connector-dashed .prx-rich-timeline__item-marker:after{border-left-style:dashed;border-top-style:solid}.prx-rich-timeline--horizontal .prx-rich-timeline__item--connector-solid .prx-rich-timeline__item-marker:after{border-left-style:solid;border-top-style:solid}.prx-rich-timeline__item--has-opposite,.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--horizontal .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd),.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd){grid-template-columns:32px minmax(0,1fr);grid-template-areas:\"marker opposite\" \"marker body\";grid-template-rows:auto 1fr;column-gap:12px}.prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite),.prx-rich-timeline--left .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite),.prx-rich-timeline--horizontal .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite),.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite),.prx-rich-timeline--alternate .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite).prx-rich-timeline__item--odd,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite):not(.prx-rich-timeline__item--odd),.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite).prx-rich-timeline__item--odd,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite):not(.prx-rich-timeline__item--odd){grid-template-columns:32px minmax(0,1fr);grid-template-areas:\"marker body\";grid-template-rows:1fr;column-gap:12px}.prx-rich-timeline__item-opposite,.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite .prx-rich-timeline__item-opposite,.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd .prx-rich-timeline__item-opposite,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-opposite,.prx-rich-timeline--left .prx-rich-timeline__item-body,.prx-rich-timeline--alternate .prx-rich-timeline__item--odd .prx-rich-timeline__item-body,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-body{align-items:flex-start;text-align:start}}\n"] }]
|
|
6012
6204
|
}], propDecorators: { document: [{ type: i0.Input, args: [{ isSignal: true, alias: "document", required: false }] }], nodes: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodes", required: false }] }], context: [{ type: i0.Input, args: [{ isSignal: true, alias: "context", required: false }] }], hostCapabilities: [{ type: i0.Input, args: [{ isSignal: true, alias: "hostCapabilities", required: false }] }], layout: [{ type: i0.Input, args: [{ isSignal: true, alias: "layout", required: false }] }], rootClassName: [{
|
|
6013
6205
|
type: Input
|
|
6014
6206
|
}] } });
|
|
@@ -6029,6 +6221,7 @@ const SUPPORTED_NODE_TYPES = new Set([
|
|
|
6029
6221
|
'actionButton',
|
|
6030
6222
|
'compose',
|
|
6031
6223
|
'card',
|
|
6224
|
+
'pageHeader',
|
|
6032
6225
|
'callout',
|
|
6033
6226
|
'ctaGroup',
|
|
6034
6227
|
'keyValueList',
|
|
@@ -6173,6 +6366,33 @@ function validateNode(value, path, issues, state, depth) {
|
|
|
6173
6366
|
validateOptionalBoolean(value, 'wrap', path, issues);
|
|
6174
6367
|
validateRequiredNodeArray(value, 'items', path, issues, state, depth + 1);
|
|
6175
6368
|
break;
|
|
6369
|
+
case 'pageHeader':
|
|
6370
|
+
if (!(typeof value['title'] === 'string' && value['title'].trim()) && !(typeof value['titleExpr'] === 'string' && value['titleExpr'].trim())) {
|
|
6371
|
+
addIssue(issues, `${path}.title`, 'editor.validation.pageHeaderTitle', 'Provide a page title or a title binding.');
|
|
6372
|
+
}
|
|
6373
|
+
validateOptionalString(value, 'title', path, issues);
|
|
6374
|
+
validateOptionalExpressionPath(value, 'titleExpr', path, issues);
|
|
6375
|
+
validateOptionalString(value, 'subtitle', path, issues);
|
|
6376
|
+
validateOptionalExpressionPath(value, 'subtitleExpr', path, issues);
|
|
6377
|
+
validateOptionalNumberChoice(value, 'headingLevel', [1, 2, 3, 4, 5, 6], path, issues);
|
|
6378
|
+
validateEnum(value, 'size', ['sm', 'md', 'lg'], path, issues, false);
|
|
6379
|
+
for (const field of ['identity', 'primaryAction']) {
|
|
6380
|
+
if (value[field] !== undefined) {
|
|
6381
|
+
validateNodes([value[field]], `${path}.${field}`, issues, state, depth + 1);
|
|
6382
|
+
const allowed = field === 'identity' ? ['icon', 'avatar', 'image'] : ['actionButton'];
|
|
6383
|
+
if (!isRecord(value[field]) || !allowed.includes(value[field]['type'])) {
|
|
6384
|
+
addIssue(issues, `${path}.${field}`, 'editor.validation.pageHeaderChild', 'This region contains an unsupported node type.');
|
|
6385
|
+
}
|
|
6386
|
+
}
|
|
6387
|
+
}
|
|
6388
|
+
for (const field of ['breadcrumbs', 'relatedLinks', 'secondaryActions', 'overflowActions']) {
|
|
6389
|
+
validateOptionalNodeArray(value, field, path, issues, state, depth + 1);
|
|
6390
|
+
const expected = field === 'breadcrumbs' || field === 'relatedLinks' ? 'link' : 'actionButton';
|
|
6391
|
+
if (Array.isArray(value[field]) && value[field].some(item => !isRecord(item) || item['type'] !== expected)) {
|
|
6392
|
+
addIssue(issues, `${path}.${field}`, 'editor.validation.pageHeaderChild', 'This region contains an unsupported node type.');
|
|
6393
|
+
}
|
|
6394
|
+
}
|
|
6395
|
+
break;
|
|
6176
6396
|
case 'card':
|
|
6177
6397
|
validateOptionalString(value, 'title', path, issues);
|
|
6178
6398
|
validateOptionalExpressionPath(value, 'titleExpr', path, issues);
|
|
@@ -6998,6 +7218,7 @@ const EDITABLE_TOP_LEVEL_NODE_TYPES = [
|
|
|
6998
7218
|
'actionButton',
|
|
6999
7219
|
'compose',
|
|
7000
7220
|
'card',
|
|
7221
|
+
'pageHeader',
|
|
7001
7222
|
'callout',
|
|
7002
7223
|
'ctaGroup',
|
|
7003
7224
|
'keyValueList',
|
|
@@ -7078,6 +7299,8 @@ function createDefaultRichContentNode(type, tx, presetRef) {
|
|
|
7078
7299
|
gap: 'md',
|
|
7079
7300
|
items: [createDefaultPresenterNode('text', tx)],
|
|
7080
7301
|
};
|
|
7302
|
+
case 'pageHeader':
|
|
7303
|
+
return { type: 'pageHeader', title: tx('editor.defaultPageHeader', 'Page title'), headingLevel: 1, size: 'md' };
|
|
7081
7304
|
case 'card':
|
|
7082
7305
|
return {
|
|
7083
7306
|
type: 'card',
|
|
@@ -7586,6 +7809,8 @@ class PraxisRichContentConfigEditor {
|
|
|
7586
7809
|
newNodeType = 'text';
|
|
7587
7810
|
errorMessage = '';
|
|
7588
7811
|
valid = true;
|
|
7812
|
+
documentSyntaxInvalid = false;
|
|
7813
|
+
editorInstanceId = `rich-content-editor-${generateId()}`;
|
|
7589
7814
|
parsedDocument = null;
|
|
7590
7815
|
validationIssues = [];
|
|
7591
7816
|
nodeCount = 0;
|
|
@@ -7608,9 +7833,15 @@ class PraxisRichContentConfigEditor {
|
|
|
7608
7833
|
}
|
|
7609
7834
|
}
|
|
7610
7835
|
getSettingsValue() {
|
|
7836
|
+
const draft = this.parsedDocument;
|
|
7611
7837
|
const document = this.parseDocument();
|
|
7612
|
-
if (!document || this.hasAdvancedJsonFieldErrors())
|
|
7838
|
+
if (!document || this.hasAdvancedJsonFieldErrors()) {
|
|
7839
|
+
if (draft && this.documentJson === this.stringify(draft)) {
|
|
7840
|
+
this.parsedDocument = draft;
|
|
7841
|
+
this.updateDocumentOverview(draft);
|
|
7842
|
+
}
|
|
7613
7843
|
return null;
|
|
7844
|
+
}
|
|
7614
7845
|
return {
|
|
7615
7846
|
inputs: {
|
|
7616
7847
|
...this.initialInputs,
|
|
@@ -8858,8 +9089,15 @@ class PraxisRichContentConfigEditor {
|
|
|
8858
9089
|
if (!this.parsedDocument) {
|
|
8859
9090
|
return;
|
|
8860
9091
|
}
|
|
8861
|
-
|
|
9092
|
+
const draft = this.parsedDocument;
|
|
9093
|
+
this.documentJson = this.stringify(draft);
|
|
8862
9094
|
this.parseDocument();
|
|
9095
|
+
// A guided draft may temporarily have an empty required field. Keep its
|
|
9096
|
+
// controls available to repair it, while validation still prevents saving.
|
|
9097
|
+
if (!this.parsedDocument) {
|
|
9098
|
+
this.parsedDocument = draft;
|
|
9099
|
+
this.updateDocumentOverview(draft);
|
|
9100
|
+
}
|
|
8863
9101
|
this.markDirty();
|
|
8864
9102
|
}
|
|
8865
9103
|
createDefaultNode(type) {
|
|
@@ -8872,6 +9110,75 @@ class PraxisRichContentConfigEditor {
|
|
|
8872
9110
|
presetId: 'default',
|
|
8873
9111
|
});
|
|
8874
9112
|
}
|
|
9113
|
+
pageHeader(index) {
|
|
9114
|
+
const node = this.ensureEditableDocument().nodes[index];
|
|
9115
|
+
if (node.type !== 'pageHeader')
|
|
9116
|
+
throw new Error('Expected pageHeader node.');
|
|
9117
|
+
return node;
|
|
9118
|
+
}
|
|
9119
|
+
getPageHeaderChildren(index, region) {
|
|
9120
|
+
const node = this.pageHeader(index);
|
|
9121
|
+
if (region === 'identity' || region === 'primaryAction')
|
|
9122
|
+
return node[region] ? [node[region]] : [];
|
|
9123
|
+
return node[region] ?? [];
|
|
9124
|
+
}
|
|
9125
|
+
setPageHeaderIdentity(index, type) {
|
|
9126
|
+
const node = this.pageHeader(index);
|
|
9127
|
+
if (type === 'icon' || type === 'avatar' || type === 'image')
|
|
9128
|
+
node.identity = createDefaultPresenterNode(type, this.tx.bind(this));
|
|
9129
|
+
else
|
|
9130
|
+
delete node.identity;
|
|
9131
|
+
this.syncStructuredDocumentChange();
|
|
9132
|
+
}
|
|
9133
|
+
addPageHeaderChild(index, region) {
|
|
9134
|
+
const node = this.pageHeader(index);
|
|
9135
|
+
if (region === 'identity')
|
|
9136
|
+
return;
|
|
9137
|
+
if (region === 'primaryAction') {
|
|
9138
|
+
node.primaryAction ??= this.createActionPreset('primary');
|
|
9139
|
+
}
|
|
9140
|
+
else if (region === 'breadcrumbs' || region === 'relatedLinks') {
|
|
9141
|
+
(node[region] ??= []).push({ type: 'link', label: '', href: '' });
|
|
9142
|
+
}
|
|
9143
|
+
else {
|
|
9144
|
+
(node[region] ??= []).push(this.createActionPreset('secondary'));
|
|
9145
|
+
}
|
|
9146
|
+
this.syncStructuredDocumentChange();
|
|
9147
|
+
}
|
|
9148
|
+
removePageHeaderChild(index, region, childIndex) {
|
|
9149
|
+
const node = this.pageHeader(index);
|
|
9150
|
+
if (region === 'primaryAction' || region === 'identity')
|
|
9151
|
+
delete node[region];
|
|
9152
|
+
else
|
|
9153
|
+
node[region]?.splice(childIndex, 1);
|
|
9154
|
+
this.syncStructuredDocumentChange();
|
|
9155
|
+
}
|
|
9156
|
+
movePageHeaderChild(index, region, childIndex, delta) {
|
|
9157
|
+
const children = this.getPageHeaderChildren(index, region);
|
|
9158
|
+
const target = childIndex + delta;
|
|
9159
|
+
if (target < 0 || target >= children.length)
|
|
9160
|
+
return;
|
|
9161
|
+
[children[childIndex], children[target]] = [children[target], children[childIndex]];
|
|
9162
|
+
this.syncStructuredDocumentChange();
|
|
9163
|
+
}
|
|
9164
|
+
setPageHeaderChildField(index, region, childIndex, field, value) {
|
|
9165
|
+
const child = this.getPageHeaderChildren(index, region)[childIndex];
|
|
9166
|
+
if (!child)
|
|
9167
|
+
return;
|
|
9168
|
+
if (child.type === 'actionButton')
|
|
9169
|
+
this.setActionNodeField([child], 0, field, value);
|
|
9170
|
+
else {
|
|
9171
|
+
setStringOnNode(child, field, value);
|
|
9172
|
+
this.syncStructuredDocumentChange();
|
|
9173
|
+
}
|
|
9174
|
+
}
|
|
9175
|
+
setPageHeaderChildNumber(index, region, childIndex, field, value) {
|
|
9176
|
+
const child = this.getPageHeaderChildren(index, region)[childIndex];
|
|
9177
|
+
if (!child)
|
|
9178
|
+
return;
|
|
9179
|
+
setNumberOnNode(child, field, value);
|
|
9180
|
+
this.syncStructuredDocumentChange();
|
|
9181
|
+
}
|
|
8875
9182
|
ensureCardNode(index) {
|
|
8876
9183
|
const node = this.ensureEditableDocument().nodes[index];
|
|
8877
9184
|
if (node.type !== 'card') {
|
|
@@ -9183,6 +9490,7 @@ class PraxisRichContentConfigEditor {
|
|
|
9183
9490
|
parseDocument() {
|
|
9184
9491
|
try {
|
|
9185
9492
|
const parsed = JSON.parse(this.documentJson);
|
|
9493
|
+
this.documentSyntaxInvalid = false;
|
|
9186
9494
|
const validation = validateRichContentDocument(parsed);
|
|
9187
9495
|
this.validationIssues = validation.issues;
|
|
9188
9496
|
if (!validation.valid) {
|
|
@@ -9205,6 +9513,7 @@ class PraxisRichContentConfigEditor {
|
|
|
9205
9513
|
return document;
|
|
9206
9514
|
}
|
|
9207
9515
|
catch (error) {
|
|
9516
|
+
this.documentSyntaxInvalid = error instanceof SyntaxError;
|
|
9208
9517
|
this.validationIssues = [];
|
|
9209
9518
|
this.setInvalidState(error instanceof SyntaxError
|
|
9210
9519
|
? this.tx('editor.validation.invalidJson', 'Invalid JSON document.')
|
|
@@ -9244,6 +9553,9 @@ class PraxisRichContentConfigEditor {
|
|
|
9244
9553
|
if (node.type === 'compose') {
|
|
9245
9554
|
visit(node.items);
|
|
9246
9555
|
}
|
|
9556
|
+
else if (node.type === 'pageHeader') {
|
|
9557
|
+
visit([...(node.identity ? [node.identity] : []), ...(node.breadcrumbs ?? []), ...(node.primaryAction ? [node.primaryAction] : []), ...(node.secondaryActions ?? []), ...(node.overflowActions ?? []), ...(node.relatedLinks ?? [])]);
|
|
9558
|
+
}
|
|
9247
9559
|
else if (node.type === 'card') {
|
|
9248
9560
|
visit([
|
|
9249
9561
|
...(node.header ?? []),
|
|
@@ -9337,7 +9649,9 @@ class PraxisRichContentConfigEditor {
|
|
|
9337
9649
|
{{
|
|
9338
9650
|
valid
|
|
9339
9651
|
? tx('editor.valid', 'Valid document')
|
|
9340
|
-
:
|
|
9652
|
+
: documentSyntaxInvalid
|
|
9653
|
+
? tx('editor.invalidJsonStatus', 'Invalid JSON')
|
|
9654
|
+
: tx('editor.invalid', 'Invalid document')
|
|
9341
9655
|
}}
|
|
9342
9656
|
</span>
|
|
9343
9657
|
</header>
|
|
@@ -9649,6 +9963,7 @@ class PraxisRichContentConfigEditor {
|
|
|
9649
9963
|
let-action="action"
|
|
9650
9964
|
let-path="path"
|
|
9651
9965
|
let-setField="setField"
|
|
9966
|
+
let-menu="menu"
|
|
9652
9967
|
>
|
|
9653
9968
|
<label>
|
|
9654
9969
|
<span>{{ tx('editor.field.label', 'Label') }}</span>
|
|
@@ -9659,33 +9974,44 @@ class PraxisRichContentConfigEditor {
|
|
|
9659
9974
|
</label>
|
|
9660
9975
|
<label>
|
|
9661
9976
|
<span>{{ tx('editor.field.icon', 'Icon') }}</span>
|
|
9662
|
-
<input
|
|
9663
|
-
[ngModel]="getStringField(action, 'icon')"
|
|
9664
|
-
(ngModelChange)="setField('icon', $event)"
|
|
9665
|
-
/>
|
|
9666
|
-
</label>
|
|
9667
|
-
<label>
|
|
9668
|
-
<span>{{ tx('editor.field.variant', 'Variant') }}</span>
|
|
9669
|
-
<select
|
|
9670
|
-
[ngModel]="getStringField(action, 'variant') || 'basic'"
|
|
9671
|
-
(ngModelChange)="setField('variant', $event)"
|
|
9672
|
-
>
|
|
9673
|
-
<option value="basic">{{ tx('editor.variant.basic', 'Basic') }}</option>
|
|
9674
|
-
<option value="raised">{{ tx('editor.variant.raised', 'Raised') }}</option>
|
|
9675
|
-
<option value="stroked">{{ tx('editor.variant.stroked', 'Stroked') }}</option>
|
|
9676
|
-
<option value="flat">{{ tx('editor.variant.flat', 'Flat') }}</option>
|
|
9677
|
-
</select>
|
|
9977
|
+
<input [ngModel]="getStringField(action, 'icon')" (ngModelChange)="setField('icon', $event)" />
|
|
9678
9978
|
</label>
|
|
9979
|
+
@if (!menu) {
|
|
9980
|
+
<label>
|
|
9981
|
+
<span>{{ tx('editor.field.variant', 'Variant') }}</span>
|
|
9982
|
+
<select
|
|
9983
|
+
[ngModel]="getStringField(action, 'variant') || 'basic'"
|
|
9984
|
+
(ngModelChange)="setField('variant', $event)"
|
|
9985
|
+
>
|
|
9986
|
+
<option value="basic">{{ tx('editor.variant.basic', 'Basic') }}</option>
|
|
9987
|
+
<option value="raised">{{ tx('editor.variant.raised', 'Raised') }}</option>
|
|
9988
|
+
<option value="stroked">{{ tx('editor.variant.stroked', 'Stroked') }}</option>
|
|
9989
|
+
<option value="flat">{{ tx('editor.variant.flat', 'Flat') }}</option>
|
|
9990
|
+
</select>
|
|
9991
|
+
</label>
|
|
9992
|
+
}
|
|
9679
9993
|
<label>
|
|
9680
|
-
<span>{{ tx('editor.field.color', 'Color') }}</span>
|
|
9994
|
+
<span>{{ menu ? tx('editor.menuTone', 'Tone') : tx('editor.field.color', 'Color') }}</span>
|
|
9681
9995
|
<select
|
|
9682
|
-
[ngModel]="
|
|
9996
|
+
[ngModel]="
|
|
9997
|
+
menu
|
|
9998
|
+
? action.color === 'warn'
|
|
9999
|
+
? 'warn'
|
|
10000
|
+
: 'basic'
|
|
10001
|
+
: getStringField(action, 'color') || 'basic'
|
|
10002
|
+
"
|
|
9683
10003
|
(ngModelChange)="setField('color', $event)"
|
|
9684
10004
|
>
|
|
9685
|
-
<option value="basic">
|
|
9686
|
-
|
|
9687
|
-
|
|
9688
|
-
|
|
10005
|
+
<option value="basic">
|
|
10006
|
+
{{ menu ? tx('editor.menuTone.neutral', 'Neutral') : tx('editor.color.basic', 'Basic') }}
|
|
10007
|
+
</option>
|
|
10008
|
+
@if (!menu) {
|
|
10009
|
+
<option value="primary">{{ tx('editor.color.primary', 'Primary') }}</option>
|
|
10010
|
+
<option value="accent">{{ tx('editor.color.accent', 'Accent') }}</option>
|
|
10011
|
+
}
|
|
10012
|
+
<option value="warn">
|
|
10013
|
+
{{ menu ? tx('editor.menuTone.attention', 'Attention') : tx('editor.color.warn', 'Warn') }}
|
|
10014
|
+
</option>
|
|
9689
10015
|
</select>
|
|
9690
10016
|
</label>
|
|
9691
10017
|
<label class="prx-rich-editor__wide-field">
|
|
@@ -10504,7 +10830,437 @@ class PraxisRichContentConfigEditor {
|
|
|
10504
10830
|
}
|
|
10505
10831
|
</div>
|
|
10506
10832
|
}
|
|
10507
|
-
|
|
10833
|
+
@case ('pageHeader') {
|
|
10834
|
+
<section class="prx-rich-editor__wide-field prx-rich-editor__nested-editor">
|
|
10835
|
+
<h5>{{ tx('editor.pageHeader.identity', 'Identity') }}</h5>
|
|
10836
|
+
<div class="prx-rich-editor__node-grid">
|
|
10837
|
+
<div class="prx-rich-editor__wide-field">
|
|
10838
|
+
<label [for]="editorInstanceId + '-title-' + nodeIndex">
|
|
10839
|
+
{{ tx('editor.field.title', 'Title') }}
|
|
10840
|
+
</label>
|
|
10841
|
+
<input
|
|
10842
|
+
[id]="editorInstanceId + '-title-' + nodeIndex"
|
|
10843
|
+
[attr.aria-invalid]="
|
|
10844
|
+
getIssueCount('$.nodes[' + nodeIndex + '].title') > 0 ? 'true' : null
|
|
10845
|
+
"
|
|
10846
|
+
[attr.aria-describedby]="
|
|
10847
|
+
getIssueCount('$.nodes[' + nodeIndex + '].title') > 0
|
|
10848
|
+
? editorInstanceId + '-title-error-' + nodeIndex
|
|
10849
|
+
: null
|
|
10850
|
+
"
|
|
10851
|
+
[ngModel]="getStringField(node, 'title')"
|
|
10852
|
+
(ngModelChange)="setStringField(nodeIndex, 'title', $event)"
|
|
10853
|
+
/>
|
|
10854
|
+
@if (getIssueCount('$.nodes[' + nodeIndex + '].title')) {
|
|
10855
|
+
<span
|
|
10856
|
+
class="prx-rich-editor__field-errors"
|
|
10857
|
+
role="status"
|
|
10858
|
+
[id]="editorInstanceId + '-title-error-' + nodeIndex"
|
|
10859
|
+
>{{ getIssueMessages('$.nodes[' + nodeIndex + '].title').join(' ') }}</span
|
|
10860
|
+
>
|
|
10861
|
+
}
|
|
10862
|
+
</div>
|
|
10863
|
+
<label class="prx-rich-editor__wide-field"
|
|
10864
|
+
><span>{{ tx('editor.field.subtitle', 'Description') }}</span
|
|
10865
|
+
><textarea
|
|
10866
|
+
rows="2"
|
|
10867
|
+
[ngModel]="getStringField(node, 'subtitle')"
|
|
10868
|
+
(ngModelChange)="setStringField(nodeIndex, 'subtitle', $event)"
|
|
10869
|
+
></textarea>
|
|
10870
|
+
</label>
|
|
10871
|
+
|
|
10872
|
+
<details class="prx-rich-editor__wide-field">
|
|
10873
|
+
<summary>{{ tx('editor.pageHeader.bindings', 'Dynamic content') }}</summary>
|
|
10874
|
+
<div class="prx-rich-editor__node-grid">
|
|
10875
|
+
<label
|
|
10876
|
+
><span>{{ tx('editor.field.titleExpr', 'Title binding') }}</span
|
|
10877
|
+
><input
|
|
10878
|
+
[ngModel]="getStringField(node, 'titleExpr')"
|
|
10879
|
+
(ngModelChange)="setStringField(nodeIndex, 'titleExpr', $event)" /></label
|
|
10880
|
+
><label
|
|
10881
|
+
><span>{{ tx('editor.field.subtitleExpr', 'Description binding') }}</span
|
|
10882
|
+
><input
|
|
10883
|
+
[ngModel]="getStringField(node, 'subtitleExpr')"
|
|
10884
|
+
(ngModelChange)="setStringField(nodeIndex, 'subtitleExpr', $event)"
|
|
10885
|
+
/></label>
|
|
10886
|
+
</div>
|
|
10887
|
+
</details>
|
|
10888
|
+
<label
|
|
10889
|
+
><span>{{ tx('editor.pageHeader.headingLevel', 'Heading level') }}</span
|
|
10890
|
+
><select
|
|
10891
|
+
[ngModel]="node.headingLevel ?? 1"
|
|
10892
|
+
(ngModelChange)="setNumberField(nodeIndex, 'headingLevel', $event)"
|
|
10893
|
+
>
|
|
10894
|
+
@for (level of [1, 2, 3, 4, 5, 6]; track level) {
|
|
10895
|
+
<option [ngValue]="level">H{{ level }}</option>
|
|
10896
|
+
}</select
|
|
10897
|
+
><small>{{
|
|
10898
|
+
tx(
|
|
10899
|
+
'editor.pageHeader.headingHelp',
|
|
10900
|
+
'Use H1 for the page title; use a lower level when the page already has a main heading.'
|
|
10901
|
+
)
|
|
10902
|
+
}}</small></label
|
|
10903
|
+
>
|
|
10904
|
+
<fieldset class="prx-rich-editor__page-header-size">
|
|
10905
|
+
<legend>{{ tx('editor.pageHeader.size', 'Visual emphasis') }}</legend>
|
|
10906
|
+
@for (
|
|
10907
|
+
choice of [
|
|
10908
|
+
{ value: 'sm', key: 'small' },
|
|
10909
|
+
{ value: 'md', key: 'medium' },
|
|
10910
|
+
{ value: 'lg', key: 'large' },
|
|
10911
|
+
];
|
|
10912
|
+
track choice.value
|
|
10913
|
+
) {
|
|
10914
|
+
<label
|
|
10915
|
+
><input
|
|
10916
|
+
type="radio"
|
|
10917
|
+
[name]="'page-header-size-' + nodeIndex"
|
|
10918
|
+
[checked]="(node.size ?? 'md') === choice.value"
|
|
10919
|
+
(change)="setStringField(nodeIndex, 'size', choice.value)"
|
|
10920
|
+
/>{{ tx('editor.pageHeader.' + choice.key, choice.key) }}</label
|
|
10921
|
+
>
|
|
10922
|
+
}
|
|
10923
|
+
</fieldset>
|
|
10924
|
+
<label
|
|
10925
|
+
><span>{{ tx('editor.pageHeader.identityMedia', 'Icon or image') }}</span
|
|
10926
|
+
><select
|
|
10927
|
+
[ngModel]="node.identity?.type ?? ''"
|
|
10928
|
+
(ngModelChange)="setPageHeaderIdentity(nodeIndex, $event)"
|
|
10929
|
+
>
|
|
10930
|
+
<option value="">{{ tx('editor.none', 'None') }}</option>
|
|
10931
|
+
@for (kind of ['icon', 'avatar', 'image']; track kind) {
|
|
10932
|
+
<option [value]="kind">{{ tx('editor.nodeType.' + kind, kind) }}</option>
|
|
10933
|
+
}
|
|
10934
|
+
</select></label
|
|
10935
|
+
>
|
|
10936
|
+
@if (node.identity) {
|
|
10937
|
+
<ng-container
|
|
10938
|
+
*ngTemplateOutlet="
|
|
10939
|
+
presenterFields;
|
|
10940
|
+
context: {
|
|
10941
|
+
node: node.identity,
|
|
10942
|
+
path: 'nodes[' + nodeIndex + '].identity',
|
|
10943
|
+
setString: setPageHeaderChildField.bind(this, nodeIndex, 'identity', 0),
|
|
10944
|
+
setNumber: setPageHeaderChildNumber.bind(this, nodeIndex, 'identity', 0),
|
|
10945
|
+
}
|
|
10946
|
+
"
|
|
10947
|
+
></ng-container>
|
|
10948
|
+
}
|
|
10949
|
+
</div>
|
|
10950
|
+
</section>
|
|
10951
|
+
<section class="prx-rich-editor__wide-field prx-rich-editor__nested-editor">
|
|
10952
|
+
<h5>{{ tx('editor.pageHeader.breadcrumbs', 'Location') }}</h5>
|
|
10953
|
+
<p>
|
|
10954
|
+
{{
|
|
10955
|
+
tx(
|
|
10956
|
+
'editor.pageHeader.breadcrumbsHelp',
|
|
10957
|
+
'Add real ancestor destinations. The page title is the current item.'
|
|
10958
|
+
)
|
|
10959
|
+
}}
|
|
10960
|
+
</p>
|
|
10961
|
+
<div class="prx-rich-editor__nested-header">
|
|
10962
|
+
<button type="button" (click)="addPageHeaderChild(nodeIndex, 'breadcrumbs')">
|
|
10963
|
+
{{ tx('editor.pageHeader.addLink', 'Add link') }}
|
|
10964
|
+
</button>
|
|
10965
|
+
</div>
|
|
10966
|
+
@for (
|
|
10967
|
+
child of getPageHeaderChildren(nodeIndex, 'breadcrumbs');
|
|
10968
|
+
track child.id ?? $index;
|
|
10969
|
+
let childIndex = $index
|
|
10970
|
+
) {
|
|
10971
|
+
<div class="prx-rich-editor__nested-node">
|
|
10972
|
+
<div class="prx-rich-editor__nested-actions">
|
|
10973
|
+
<button
|
|
10974
|
+
type="button"
|
|
10975
|
+
[disabled]="childIndex === 0"
|
|
10976
|
+
(click)="movePageHeaderChild(nodeIndex, 'breadcrumbs', childIndex, -1)"
|
|
10977
|
+
>
|
|
10978
|
+
{{ tx('editor.moveUp', 'Move up') }}</button
|
|
10979
|
+
><button
|
|
10980
|
+
type="button"
|
|
10981
|
+
[disabled]="childIndex === getPageHeaderChildren(nodeIndex, 'breadcrumbs').length - 1"
|
|
10982
|
+
(click)="movePageHeaderChild(nodeIndex, 'breadcrumbs', childIndex, 1)"
|
|
10983
|
+
>
|
|
10984
|
+
{{ tx('editor.moveDown', 'Move down') }}</button
|
|
10985
|
+
><button
|
|
10986
|
+
type="button"
|
|
10987
|
+
(click)="removePageHeaderChild(nodeIndex, 'breadcrumbs', childIndex)"
|
|
10988
|
+
>
|
|
10989
|
+
{{ tx('editor.removeBlock', 'Remove') }}
|
|
10990
|
+
</button>
|
|
10991
|
+
</div>
|
|
10992
|
+
<div class="prx-rich-editor__node-grid">
|
|
10993
|
+
<ng-container
|
|
10994
|
+
*ngTemplateOutlet="
|
|
10995
|
+
presenterFields;
|
|
10996
|
+
context: {
|
|
10997
|
+
node: child,
|
|
10998
|
+
path: 'nodes[' + nodeIndex + '].breadcrumbs[' + childIndex + ']',
|
|
10999
|
+
setString: setPageHeaderChildField.bind(
|
|
11000
|
+
this,
|
|
11001
|
+
nodeIndex,
|
|
11002
|
+
'breadcrumbs',
|
|
11003
|
+
childIndex
|
|
11004
|
+
),
|
|
11005
|
+
setNumber: setPageHeaderChildNumber.bind(
|
|
11006
|
+
this,
|
|
11007
|
+
nodeIndex,
|
|
11008
|
+
'breadcrumbs',
|
|
11009
|
+
childIndex
|
|
11010
|
+
),
|
|
11011
|
+
}
|
|
11012
|
+
"
|
|
11013
|
+
></ng-container>
|
|
11014
|
+
</div>
|
|
11015
|
+
</div>
|
|
11016
|
+
}
|
|
11017
|
+
</section>
|
|
11018
|
+
<section class="prx-rich-editor__wide-field prx-rich-editor__nested-editor">
|
|
11019
|
+
<h5>{{ tx('editor.pageHeader.actions', 'Actions') }}</h5>
|
|
11020
|
+
<p>
|
|
11021
|
+
{{
|
|
11022
|
+
tx(
|
|
11023
|
+
'editor.pageHeader.actionsHelp',
|
|
11024
|
+
'Commands use host-registered action IDs. Links belong in Related pages.'
|
|
11025
|
+
)
|
|
11026
|
+
}}
|
|
11027
|
+
</p>
|
|
11028
|
+
<div class="prx-rich-editor__nested-header">
|
|
11029
|
+
<strong>{{ tx('editor.pageHeader.primaryAction', 'primaryAction') }}</strong
|
|
11030
|
+
><button
|
|
11031
|
+
type="button"
|
|
11032
|
+
(click)="addPageHeaderChild(nodeIndex, 'primaryAction')"
|
|
11033
|
+
[disabled]="!!node.primaryAction"
|
|
11034
|
+
>
|
|
11035
|
+
{{ tx('editor.addAction', 'Add action') }}
|
|
11036
|
+
</button>
|
|
11037
|
+
</div>
|
|
11038
|
+
@for (
|
|
11039
|
+
child of getPageHeaderChildren(nodeIndex, 'primaryAction');
|
|
11040
|
+
track child.id ?? $index;
|
|
11041
|
+
let childIndex = $index
|
|
11042
|
+
) {
|
|
11043
|
+
<div class="prx-rich-editor__nested-node">
|
|
11044
|
+
<div class="prx-rich-editor__nested-actions">
|
|
11045
|
+
<button
|
|
11046
|
+
type="button"
|
|
11047
|
+
[disabled]="childIndex === 0"
|
|
11048
|
+
(click)="movePageHeaderChild(nodeIndex, 'primaryAction', childIndex, -1)"
|
|
11049
|
+
>
|
|
11050
|
+
{{ tx('editor.moveUp', 'Move up') }}</button
|
|
11051
|
+
><button
|
|
11052
|
+
type="button"
|
|
11053
|
+
[disabled]="
|
|
11054
|
+
childIndex === getPageHeaderChildren(nodeIndex, 'primaryAction').length - 1
|
|
11055
|
+
"
|
|
11056
|
+
(click)="movePageHeaderChild(nodeIndex, 'primaryAction', childIndex, 1)"
|
|
11057
|
+
>
|
|
11058
|
+
{{ tx('editor.moveDown', 'Move down') }}</button
|
|
11059
|
+
><button
|
|
11060
|
+
type="button"
|
|
11061
|
+
(click)="removePageHeaderChild(nodeIndex, 'primaryAction', childIndex)"
|
|
11062
|
+
>
|
|
11063
|
+
{{ tx('editor.removeBlock', 'Remove') }}
|
|
11064
|
+
</button>
|
|
11065
|
+
</div>
|
|
11066
|
+
<div class="prx-rich-editor__node-grid">
|
|
11067
|
+
<ng-container
|
|
11068
|
+
*ngTemplateOutlet="
|
|
11069
|
+
actionFields;
|
|
11070
|
+
context: {
|
|
11071
|
+
action: child,
|
|
11072
|
+
path: 'nodes[' + nodeIndex + '].primaryAction[' + childIndex + ']',
|
|
11073
|
+
setField: setPageHeaderChildField.bind(
|
|
11074
|
+
this,
|
|
11075
|
+
nodeIndex,
|
|
11076
|
+
'primaryAction',
|
|
11077
|
+
childIndex
|
|
11078
|
+
),
|
|
11079
|
+
}
|
|
11080
|
+
"
|
|
11081
|
+
></ng-container>
|
|
11082
|
+
</div>
|
|
11083
|
+
</div>
|
|
11084
|
+
}
|
|
11085
|
+
<div class="prx-rich-editor__nested-header">
|
|
11086
|
+
<strong>{{ tx('editor.pageHeader.secondaryActions', 'secondaryActions') }}</strong
|
|
11087
|
+
><button type="button" (click)="addPageHeaderChild(nodeIndex, 'secondaryActions')">
|
|
11088
|
+
{{ tx('editor.addAction', 'Add action') }}
|
|
11089
|
+
</button>
|
|
11090
|
+
</div>
|
|
11091
|
+
@for (
|
|
11092
|
+
child of getPageHeaderChildren(nodeIndex, 'secondaryActions');
|
|
11093
|
+
track child.id ?? $index;
|
|
11094
|
+
let childIndex = $index
|
|
11095
|
+
) {
|
|
11096
|
+
<div class="prx-rich-editor__nested-node">
|
|
11097
|
+
<div class="prx-rich-editor__nested-actions">
|
|
11098
|
+
<button
|
|
11099
|
+
type="button"
|
|
11100
|
+
[disabled]="childIndex === 0"
|
|
11101
|
+
(click)="movePageHeaderChild(nodeIndex, 'secondaryActions', childIndex, -1)"
|
|
11102
|
+
>
|
|
11103
|
+
{{ tx('editor.moveUp', 'Move up') }}</button
|
|
11104
|
+
><button
|
|
11105
|
+
type="button"
|
|
11106
|
+
[disabled]="
|
|
11107
|
+
childIndex === getPageHeaderChildren(nodeIndex, 'secondaryActions').length - 1
|
|
11108
|
+
"
|
|
11109
|
+
(click)="movePageHeaderChild(nodeIndex, 'secondaryActions', childIndex, 1)"
|
|
11110
|
+
>
|
|
11111
|
+
{{ tx('editor.moveDown', 'Move down') }}</button
|
|
11112
|
+
><button
|
|
11113
|
+
type="button"
|
|
11114
|
+
(click)="removePageHeaderChild(nodeIndex, 'secondaryActions', childIndex)"
|
|
11115
|
+
>
|
|
11116
|
+
{{ tx('editor.removeBlock', 'Remove') }}
|
|
11117
|
+
</button>
|
|
11118
|
+
</div>
|
|
11119
|
+
<div class="prx-rich-editor__node-grid">
|
|
11120
|
+
<ng-container
|
|
11121
|
+
*ngTemplateOutlet="
|
|
11122
|
+
actionFields;
|
|
11123
|
+
context: {
|
|
11124
|
+
action: child,
|
|
11125
|
+
path: 'nodes[' + nodeIndex + '].secondaryActions[' + childIndex + ']',
|
|
11126
|
+
setField: setPageHeaderChildField.bind(
|
|
11127
|
+
this,
|
|
11128
|
+
nodeIndex,
|
|
11129
|
+
'secondaryActions',
|
|
11130
|
+
childIndex
|
|
11131
|
+
),
|
|
11132
|
+
}
|
|
11133
|
+
"
|
|
11134
|
+
></ng-container>
|
|
11135
|
+
</div>
|
|
11136
|
+
</div>
|
|
11137
|
+
}
|
|
11138
|
+
<div class="prx-rich-editor__nested-header">
|
|
11139
|
+
<strong>{{ tx('editor.pageHeader.overflowActions', 'overflowActions') }}</strong
|
|
11140
|
+
><button type="button" (click)="addPageHeaderChild(nodeIndex, 'overflowActions')">
|
|
11141
|
+
{{ tx('editor.addAction', 'Add action') }}
|
|
11142
|
+
</button>
|
|
11143
|
+
</div>
|
|
11144
|
+
@for (
|
|
11145
|
+
child of getPageHeaderChildren(nodeIndex, 'overflowActions');
|
|
11146
|
+
track child.id ?? $index;
|
|
11147
|
+
let childIndex = $index
|
|
11148
|
+
) {
|
|
11149
|
+
<div class="prx-rich-editor__nested-node">
|
|
11150
|
+
<div class="prx-rich-editor__nested-actions">
|
|
11151
|
+
<button
|
|
11152
|
+
type="button"
|
|
11153
|
+
[disabled]="childIndex === 0"
|
|
11154
|
+
(click)="movePageHeaderChild(nodeIndex, 'overflowActions', childIndex, -1)"
|
|
11155
|
+
>
|
|
11156
|
+
{{ tx('editor.moveUp', 'Move up') }}</button
|
|
11157
|
+
><button
|
|
11158
|
+
type="button"
|
|
11159
|
+
[disabled]="
|
|
11160
|
+
childIndex === getPageHeaderChildren(nodeIndex, 'overflowActions').length - 1
|
|
11161
|
+
"
|
|
11162
|
+
(click)="movePageHeaderChild(nodeIndex, 'overflowActions', childIndex, 1)"
|
|
11163
|
+
>
|
|
11164
|
+
{{ tx('editor.moveDown', 'Move down') }}</button
|
|
11165
|
+
><button
|
|
11166
|
+
type="button"
|
|
11167
|
+
(click)="removePageHeaderChild(nodeIndex, 'overflowActions', childIndex)"
|
|
11168
|
+
>
|
|
11169
|
+
{{ tx('editor.removeBlock', 'Remove') }}
|
|
11170
|
+
</button>
|
|
11171
|
+
</div>
|
|
11172
|
+
<div class="prx-rich-editor__node-grid">
|
|
11173
|
+
<ng-container
|
|
11174
|
+
*ngTemplateOutlet="
|
|
11175
|
+
actionFields;
|
|
11176
|
+
context: {
|
|
11177
|
+
action: child,
|
|
11178
|
+
path: 'nodes[' + nodeIndex + '].overflowActions[' + childIndex + ']',
|
|
11179
|
+
menu: true,
|
|
11180
|
+
setField: setPageHeaderChildField.bind(
|
|
11181
|
+
this,
|
|
11182
|
+
nodeIndex,
|
|
11183
|
+
'overflowActions',
|
|
11184
|
+
childIndex
|
|
11185
|
+
),
|
|
11186
|
+
}
|
|
11187
|
+
"
|
|
11188
|
+
></ng-container>
|
|
11189
|
+
</div>
|
|
11190
|
+
</div>
|
|
11191
|
+
}
|
|
11192
|
+
</section>
|
|
11193
|
+
<section class="prx-rich-editor__wide-field prx-rich-editor__nested-editor">
|
|
11194
|
+
<h5>{{ tx('editor.pageHeader.relatedLinks', 'Related pages') }}</h5>
|
|
11195
|
+
<p>
|
|
11196
|
+
{{
|
|
11197
|
+
tx(
|
|
11198
|
+
'editor.pageHeader.relatedLinksHelp',
|
|
11199
|
+
'Use real links, including the context required by the destination.'
|
|
11200
|
+
)
|
|
11201
|
+
}}
|
|
11202
|
+
</p>
|
|
11203
|
+
<div class="prx-rich-editor__nested-header">
|
|
11204
|
+
<button type="button" (click)="addPageHeaderChild(nodeIndex, 'relatedLinks')">
|
|
11205
|
+
{{ tx('editor.pageHeader.addLink', 'Add link') }}
|
|
11206
|
+
</button>
|
|
11207
|
+
</div>
|
|
11208
|
+
@for (
|
|
11209
|
+
child of getPageHeaderChildren(nodeIndex, 'relatedLinks');
|
|
11210
|
+
track child.id ?? $index;
|
|
11211
|
+
let childIndex = $index
|
|
11212
|
+
) {
|
|
11213
|
+
<div class="prx-rich-editor__nested-node">
|
|
11214
|
+
<div class="prx-rich-editor__nested-actions">
|
|
11215
|
+
<button
|
|
11216
|
+
type="button"
|
|
11217
|
+
[disabled]="childIndex === 0"
|
|
11218
|
+
(click)="movePageHeaderChild(nodeIndex, 'relatedLinks', childIndex, -1)"
|
|
11219
|
+
>
|
|
11220
|
+
{{ tx('editor.moveUp', 'Move up') }}</button
|
|
11221
|
+
><button
|
|
11222
|
+
type="button"
|
|
11223
|
+
[disabled]="
|
|
11224
|
+
childIndex === getPageHeaderChildren(nodeIndex, 'relatedLinks').length - 1
|
|
11225
|
+
"
|
|
11226
|
+
(click)="movePageHeaderChild(nodeIndex, 'relatedLinks', childIndex, 1)"
|
|
11227
|
+
>
|
|
11228
|
+
{{ tx('editor.moveDown', 'Move down') }}</button
|
|
11229
|
+
><button
|
|
11230
|
+
type="button"
|
|
11231
|
+
(click)="removePageHeaderChild(nodeIndex, 'relatedLinks', childIndex)"
|
|
11232
|
+
>
|
|
11233
|
+
{{ tx('editor.removeBlock', 'Remove') }}
|
|
11234
|
+
</button>
|
|
11235
|
+
</div>
|
|
11236
|
+
<div class="prx-rich-editor__node-grid">
|
|
11237
|
+
<ng-container
|
|
11238
|
+
*ngTemplateOutlet="
|
|
11239
|
+
presenterFields;
|
|
11240
|
+
context: {
|
|
11241
|
+
node: child,
|
|
11242
|
+
path: 'nodes[' + nodeIndex + '].relatedLinks[' + childIndex + ']',
|
|
11243
|
+
setString: setPageHeaderChildField.bind(
|
|
11244
|
+
this,
|
|
11245
|
+
nodeIndex,
|
|
11246
|
+
'relatedLinks',
|
|
11247
|
+
childIndex
|
|
11248
|
+
),
|
|
11249
|
+
setNumber: setPageHeaderChildNumber.bind(
|
|
11250
|
+
this,
|
|
11251
|
+
nodeIndex,
|
|
11252
|
+
'relatedLinks',
|
|
11253
|
+
childIndex
|
|
11254
|
+
),
|
|
11255
|
+
}
|
|
11256
|
+
"
|
|
11257
|
+
></ng-container>
|
|
11258
|
+
</div>
|
|
11259
|
+
</div>
|
|
11260
|
+
}
|
|
11261
|
+
</section>
|
|
11262
|
+
}
|
|
11263
|
+
@case ('card') {
|
|
10508
11264
|
<label>
|
|
10509
11265
|
<span>{{ tx('editor.field.title', 'Title') }}</span>
|
|
10510
11266
|
<input
|
|
@@ -12856,7 +13612,7 @@ class PraxisRichContentConfigEditor {
|
|
|
12856
13612
|
</p>
|
|
12857
13613
|
</div>
|
|
12858
13614
|
</header>
|
|
12859
|
-
@if (parsedDocument) {
|
|
13615
|
+
@if (valid && parsedDocument) {
|
|
12860
13616
|
<div class="prx-rich-editor__preview prx-rich-editor__preview--large">
|
|
12861
13617
|
<praxis-rich-content
|
|
12862
13618
|
[document]="parsedDocument"
|
|
@@ -12966,7 +13722,7 @@ class PraxisRichContentConfigEditor {
|
|
|
12966
13722
|
</button>
|
|
12967
13723
|
</div>
|
|
12968
13724
|
</section>
|
|
12969
|
-
`, isInline: true, styles: [":host{display:block;min-width:0;width:100%;max-width:100%;box-sizing:border-box}.prx-rich-editor{display:grid;gap:18px;min-width:0;color:var(--md-sys-color-on-surface, #1f2937)}.prx-rich-editor__header{display:flex;gap:16px;align-items:flex-start;justify-content:space-between}.prx-rich-editor__header h2{margin:0;font-size:1.25rem}.prx-rich-editor__header p{margin:6px 0 0;color:var(--md-sys-color-on-surface-variant, #5f6673)}.prx-rich-editor__eyebrow{margin:0 0 4px;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;color:var(--md-sys-color-primary, #3154e7)}.prx-rich-editor__status{flex:0 0 auto;padding:6px 10px;border-radius:999px;background:color-mix(in srgb,#16a34a 12%,transparent);color:#166534;font-size:.78rem;font-weight:700}.prx-rich-editor__status.invalid{background:color-mix(in srgb,#dc2626 12%,transparent);color:#991b1b}.prx-rich-editor__grid{display:grid;gap:14px;grid-template-columns:minmax(0,180px) minmax(0,1fr)}.prx-rich-editor__tabs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;border-bottom:1px solid var(--md-sys-color-outline-variant, #d7dce5)}.prx-rich-editor__tab{margin-block-end:-1px;border-radius:8px 8px 0 0;border-bottom-color:transparent;color:var(--md-sys-color-on-surface-variant, #5f6673);background:transparent}.prx-rich-editor__tab--active{border-color:var(--md-sys-color-outline-variant, #d7dce5);border-bottom-color:var(--md-sys-color-surface, #fff);color:var(--md-sys-color-primary, #3154e7);background:var(--md-sys-color-surface, #fff)}.prx-rich-editor__tab-badge,.prx-rich-editor__issue-count{display:inline-flex;min-width:1.35em;min-height:1.35em;padding:0 .38em;border-radius:999px;align-items:center;justify-content:center;background:color-mix(in srgb,#dc2626 14%,transparent);color:#991b1b;font-size:.72rem;font-weight:800;line-height:1}.prx-rich-editor__tab-badge{margin-inline-start:6px}.prx-rich-editor__blocks{display:grid;gap:14px}.prx-rich-editor__authoring-shell{display:grid;gap:14px;grid-template-columns:minmax(220px,.34fr) minmax(0,1fr);align-items:start}.prx-rich-editor__structure,.prx-rich-editor__properties,.prx-rich-editor__document-panel,.prx-rich-editor__preview-panel{min-width:0;display:grid;gap:12px}.prx-rich-editor__structure{position:sticky;top:12px;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:12px;background:var(--md-sys-color-surface-container-lowest, #fff)}.prx-rich-editor__structure-summary{display:grid;gap:4px}.prx-rich-editor__structure-summary span{color:var(--md-sys-color-on-surface-variant, #5f6673);font-size:.82rem;font-weight:500}.prx-rich-editor__structure-list{display:grid;gap:8px}.prx-rich-editor__structure-item{display:grid;gap:3px;width:100%;padding:10px;text-align:left;color:var(--md-sys-color-on-surface, #1f2937);background:var(--md-sys-color-surface, #fff)}.prx-rich-editor__structure-item--selected{border-color:var(--md-sys-color-primary, #3154e7);background:color-mix(in srgb,var(--md-sys-color-primary, #3154e7) 8%,var(--md-sys-color-surface, #fff))}.prx-rich-editor__structure-item small{color:#991b1b;font-weight:700}.prx-rich-editor__intent-strip{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.prx-rich-editor__intent-strip span,.prx-rich-editor__intent-strip button{min-width:0;display:grid;gap:3px;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:10px 12px;text-align:left;color:var(--md-sys-color-on-surface, #1f2937);background:var(--md-sys-color-surface, #fff)}.prx-rich-editor__intent-strip button{position:relative}.prx-rich-editor__intent-strip small{color:var(--md-sys-color-on-surface-variant, #5f6673);font-size:.78rem;font-weight:600}.prx-rich-editor__intent-strip .prx-rich-editor__issue-count{position:absolute;inset-block-start:8px;inset-inline-end:8px}.prx-rich-editor__section-header,.prx-rich-editor__node-header{display:flex;gap:16px;align-items:flex-start;justify-content:space-between}.prx-rich-editor__section-header h3,.prx-rich-editor__node-header h4{margin:0}.prx-rich-editor__section-header p,.prx-rich-editor__node-note,.prx-rich-editor__empty{margin:6px 0 0;color:var(--md-sys-color-on-surface-variant, #5f6673);font-size:.88rem}.prx-rich-editor__add-block,.prx-rich-editor__node-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.prx-rich-editor__add-block label{min-width:180px}.prx-rich-editor__node-list{display:grid;gap:12px}.prx-rich-editor__node-card{display:grid;gap:14px;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:14px;background:var(--md-sys-color-surface-container-lowest, #fff)}.prx-rich-editor__node-eyebrow{margin:0 0 4px;color:var(--md-sys-color-on-surface-variant, #5f6673);font-size:.75rem;font-weight:700;text-transform:uppercase}.prx-rich-editor__node-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.prx-rich-editor__wide-field,.prx-rich-editor__node-note{grid-column:1 / -1}.prx-rich-editor__field-group,.prx-rich-editor__nested-editor,.prx-rich-editor__nested-node{grid-column:1 / -1;display:grid;gap:12px}.prx-rich-editor__field-group,.prx-rich-editor__nested-node{margin:0;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:12px}.prx-rich-editor__document-context{display:grid;gap:12px;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:12px;background:var(--md-sys-color-surface-container-lowest, #fff)}.prx-rich-editor__document-context summary{display:flex;gap:10px;align-items:center;justify-content:space-between;cursor:pointer;font-weight:800}.prx-rich-editor__document-context summary small{color:var(--md-sys-color-on-surface-variant, #5f6673);font-size:.78rem;font-weight:600}.prx-rich-editor__document-context[open] summary{margin-block-end:12px}.prx-rich-editor__field-group{grid-template-columns:repeat(2,minmax(0,1fr))}.prx-rich-editor__field-group legend{padding:0 4px;font-weight:700}.prx-rich-editor__field-help{grid-column:1 / -1;margin:0;color:var(--md-sys-color-on-surface-variant, #5f6673);font-size:.84rem}.prx-rich-editor__json-fieldset{margin-block-start:12px}.prx-rich-editor__json-field{display:grid;gap:6px}.prx-rich-editor__json-field textarea{min-height:96px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.8rem;line-height:1.45}.prx-rich-editor__field-error{color:var(--md-sys-color-error, #ba1a1a);font-size:.78rem;font-weight:700}.prx-rich-editor__advanced-group{grid-column:1 / -1;display:grid;gap:12px;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:12px;background:color-mix(in srgb,var(--md-sys-color-surface-container-lowest, #fff) 88%,var(--md-sys-color-primary, #3154e7) 4%)}.prx-rich-editor__advanced-group summary{display:flex;gap:10px;align-items:center;justify-content:space-between;cursor:pointer;font-weight:800}.prx-rich-editor__advanced-group summary small{color:var(--md-sys-color-on-surface-variant, #5f6673);font-size:.78rem;font-weight:600}.prx-rich-editor__advanced-group[open]{padding-block-end:14px}.prx-rich-editor__advanced-group[open] summary{margin-block-end:12px}.prx-rich-editor__advanced-group .prx-rich-editor__field-group+.prx-rich-editor__field-group{margin-block-start:12px}.prx-rich-editor__advanced-json-map{display:grid;gap:8px;margin-block-start:12px;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:12px;background:var(--md-sys-color-surface-container-lowest, #fff)}.prx-rich-editor__advanced-json-map p{margin:0;color:var(--md-sys-color-on-surface-variant, #5f6673);font-size:.84rem}.prx-rich-editor__advanced-json-chips{display:flex;flex-wrap:wrap;gap:6px}.prx-rich-editor__advanced-json-chips code{border-radius:999px;padding:4px 8px;background:color-mix(in srgb,var(--md-sys-color-primary, #3154e7) 12%,transparent);color:var(--md-sys-color-primary, #3154e7);font-size:.76rem;font-weight:700}.prx-rich-editor__nested-header,.prx-rich-editor__nested-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}.prx-rich-editor__quick-actions{display:flex;flex-wrap:wrap;gap:8px}.prx-rich-editor__node-grid textarea{min-height:96px;font-family:inherit}label,.prx-rich-editor__document{display:grid;gap:7px;font-weight:700}.prx-rich-editor__checkbox-field{display:flex;gap:10px;align-items:center;align-self:end}.prx-rich-editor__checkbox-field input[type=checkbox]{width:auto}input,select,textarea{box-sizing:border-box;width:100%;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:12px;padding:10px 12px;font:inherit;color:inherit;background:var(--md-sys-color-surface, #fff)}textarea{min-height:360px;resize:vertical;font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:.86rem;line-height:1.45}.prx-rich-editor__workbench{display:grid;gap:14px;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr)}.prx-rich-editor__inspector{display:grid;align-content:start;gap:14px;min-width:0;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:12px;background:var(--md-sys-color-surface-container-lowest, #fff)}.prx-rich-editor__inspector h3{margin:0 0 8px;font-size:.95rem}.prx-rich-editor__inspector dl{display:grid;gap:8px;margin:0}.prx-rich-editor__inspector dl div{display:grid;gap:2px}.prx-rich-editor__inspector dt{color:var(--md-sys-color-on-surface-variant, #5f6673);font-size:.78rem;font-weight:700}.prx-rich-editor__inspector dd{margin:0;overflow-wrap:anywhere;font-weight:600}.prx-rich-editor__preview{max-height:260px;overflow:auto;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:12px;background:var(--md-sys-color-surface, #fff)}.prx-rich-editor__preview--large{max-height:min(68vh,760px)}.prx-rich-editor__help{margin:-8px 0 0;color:var(--md-sys-color-on-surface-variant, #5f6673);font-size:.85rem}.prx-rich-editor__error{margin:0;padding:10px 12px;border-radius:8px;color:#991b1b;background:color-mix(in srgb,#dc2626 9%,transparent)}.prx-rich-editor__error p{margin:0}.prx-rich-editor__error ul{display:grid;gap:6px;margin:8px 0 0;padding-inline-start:18px}.prx-rich-editor__error code{margin-right:4px;font-family:Cascadia Code,Fira Code,Consolas,monospace}.prx-rich-editor__actions{display:flex;flex-wrap:wrap;gap:10px}button{border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:8px 14px;background:var(--md-sys-color-surface, #fff);color:var(--md-sys-color-primary, #3154e7);font-weight:700;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}@media(max-width:760px){.prx-rich-editor__header,.prx-rich-editor__section-header,.prx-rich-editor__node-header,.prx-rich-editor__authoring-shell,.prx-rich-editor__intent-strip,.prx-rich-editor__grid,.prx-rich-editor__document-context summary,.prx-rich-editor__field-group,.prx-rich-editor__node-grid,.prx-rich-editor__workbench{grid-template-columns:1fr;display:grid}.prx-rich-editor__structure{position:static}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: PraxisRichContent, selector: "praxis-rich-content", inputs: ["document", "nodes", "context", "hostCapabilities", "layout", "rootClassName"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
13725
|
+
`, isInline: true, styles: ["[data-rich-editor-node-type=pageHeader] .prx-rich-editor__nested-editor>h5{margin:0 0 .5rem;font-size:1rem;font-weight:600}.prx-rich-editor__page-header-size{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;border:0;padding:0;margin:0}.prx-rich-editor__page-header-size legend{margin-bottom:.5rem}.prx-rich-editor__page-header-size label{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem;border:1px solid var(--md-sys-color-outline-variant);border-radius:.5rem}.prx-rich-editor__page-header-size label:has(input:checked){background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);border-color:var(--md-sys-color-primary)}.prx-rich-editor__page-header-size label:focus-within{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.prx-rich-editor__page-header-size input{width:auto}:host{display:block;min-width:0;width:100%;max-width:100%;box-sizing:border-box}.prx-rich-editor{display:grid;gap:18px;min-width:0;color:var(--md-sys-color-on-surface, #1f2937)}.prx-rich-editor__header{display:flex;gap:16px;align-items:flex-start;justify-content:space-between}.prx-rich-editor__header h2{margin:0;font-size:1.25rem}.prx-rich-editor__header p{margin:6px 0 0;color:var(--md-sys-color-on-surface-variant, #5f6673)}.prx-rich-editor__eyebrow{margin:0 0 4px;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;color:var(--md-sys-color-primary, #3154e7)}.prx-rich-editor__status{flex:0 0 auto;padding:6px 10px;border-radius:999px;background:color-mix(in srgb,#16a34a 12%,transparent);color:#166534;font-size:.78rem;font-weight:700}.prx-rich-editor__status.invalid{background:color-mix(in srgb,#dc2626 12%,transparent);color:#991b1b}.prx-rich-editor__grid{display:grid;gap:14px;grid-template-columns:minmax(0,180px) minmax(0,1fr)}.prx-rich-editor__tabs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;border-bottom:1px solid var(--md-sys-color-outline-variant, #d7dce5)}.prx-rich-editor__tab{margin-block-end:-1px;border-radius:8px 8px 0 0;border-bottom-color:transparent;color:var(--md-sys-color-on-surface-variant, #5f6673);background:transparent}.prx-rich-editor__tab--active{border-color:var(--md-sys-color-outline-variant, #d7dce5);border-bottom-color:var(--md-sys-color-surface, #fff);color:var(--md-sys-color-primary, #3154e7);background:var(--md-sys-color-surface, #fff)}.prx-rich-editor__tab-badge,.prx-rich-editor__issue-count{display:inline-flex;min-width:1.35em;min-height:1.35em;padding:0 .38em;border-radius:999px;align-items:center;justify-content:center;background:color-mix(in srgb,#dc2626 14%,transparent);color:#991b1b;font-size:.72rem;font-weight:800;line-height:1}.prx-rich-editor__tab-badge{margin-inline-start:6px}.prx-rich-editor__blocks{display:grid;gap:14px}.prx-rich-editor__authoring-shell{display:grid;gap:14px;grid-template-columns:minmax(220px,.34fr) minmax(0,1fr);align-items:start}.prx-rich-editor__structure,.prx-rich-editor__properties,.prx-rich-editor__document-panel,.prx-rich-editor__preview-panel{min-width:0;display:grid;gap:12px}.prx-rich-editor__structure{position:sticky;top:12px;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:12px;background:var(--md-sys-color-surface-container-lowest, #fff)}.prx-rich-editor__structure-summary{display:grid;gap:4px}.prx-rich-editor__structure-summary span{color:var(--md-sys-color-on-surface-variant, #5f6673);font-size:.82rem;font-weight:500}.prx-rich-editor__structure-list{display:grid;gap:8px}.prx-rich-editor__structure-item{display:grid;gap:3px;width:100%;padding:10px;text-align:left;color:var(--md-sys-color-on-surface, #1f2937);background:var(--md-sys-color-surface, #fff)}.prx-rich-editor__structure-item--selected{border-color:var(--md-sys-color-primary, #3154e7);background:color-mix(in srgb,var(--md-sys-color-primary, #3154e7) 8%,var(--md-sys-color-surface, #fff))}.prx-rich-editor__structure-item small{color:#991b1b;font-weight:700}.prx-rich-editor__intent-strip{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.prx-rich-editor__intent-strip span,.prx-rich-editor__intent-strip button{min-width:0;display:grid;gap:3px;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:10px 12px;text-align:left;color:var(--md-sys-color-on-surface, #1f2937);background:var(--md-sys-color-surface, #fff)}.prx-rich-editor__intent-strip button{position:relative}.prx-rich-editor__intent-strip small{color:var(--md-sys-color-on-surface-variant, #5f6673);font-size:.78rem;font-weight:600}.prx-rich-editor__intent-strip .prx-rich-editor__issue-count{position:absolute;inset-block-start:8px;inset-inline-end:8px}.prx-rich-editor__section-header,.prx-rich-editor__node-header{display:flex;gap:16px;align-items:flex-start;justify-content:space-between}.prx-rich-editor__section-header h3,.prx-rich-editor__node-header h4{margin:0}.prx-rich-editor__section-header p,.prx-rich-editor__node-note,.prx-rich-editor__empty{margin:6px 0 0;color:var(--md-sys-color-on-surface-variant, #5f6673);font-size:.88rem}.prx-rich-editor__add-block,.prx-rich-editor__node-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.prx-rich-editor__add-block label{min-width:180px}.prx-rich-editor__node-list{display:grid;gap:12px}.prx-rich-editor__node-card{display:grid;gap:14px;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:14px;background:var(--md-sys-color-surface-container-lowest, #fff)}.prx-rich-editor__node-eyebrow{margin:0 0 4px;color:var(--md-sys-color-on-surface-variant, #5f6673);font-size:.75rem;font-weight:700;text-transform:uppercase}.prx-rich-editor__node-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.prx-rich-editor__wide-field,.prx-rich-editor__node-note{grid-column:1 / -1}.prx-rich-editor__field-group,.prx-rich-editor__nested-editor,.prx-rich-editor__nested-node{grid-column:1 / -1;display:grid;gap:12px}.prx-rich-editor__field-group,.prx-rich-editor__nested-node{margin:0;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:12px}.prx-rich-editor__document-context{display:grid;gap:12px;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:12px;background:var(--md-sys-color-surface-container-lowest, #fff)}.prx-rich-editor__document-context summary{display:flex;gap:10px;align-items:center;justify-content:space-between;cursor:pointer;font-weight:800}.prx-rich-editor__document-context summary small{color:var(--md-sys-color-on-surface-variant, #5f6673);font-size:.78rem;font-weight:600}.prx-rich-editor__document-context[open] summary{margin-block-end:12px}.prx-rich-editor__field-group{grid-template-columns:repeat(2,minmax(0,1fr))}.prx-rich-editor__field-group legend{padding:0 4px;font-weight:700}.prx-rich-editor__field-help{grid-column:1 / -1;margin:0;color:var(--md-sys-color-on-surface-variant, #5f6673);font-size:.84rem}.prx-rich-editor__json-fieldset{margin-block-start:12px}.prx-rich-editor__json-field{display:grid;gap:6px}.prx-rich-editor__json-field textarea{min-height:96px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.8rem;line-height:1.45}.prx-rich-editor__field-error{color:var(--md-sys-color-error, #ba1a1a);font-size:.78rem;font-weight:700}.prx-rich-editor__advanced-group{grid-column:1 / -1;display:grid;gap:12px;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:12px;background:color-mix(in srgb,var(--md-sys-color-surface-container-lowest, #fff) 88%,var(--md-sys-color-primary, #3154e7) 4%)}.prx-rich-editor__advanced-group summary{display:flex;gap:10px;align-items:center;justify-content:space-between;cursor:pointer;font-weight:800}.prx-rich-editor__advanced-group summary small{color:var(--md-sys-color-on-surface-variant, #5f6673);font-size:.78rem;font-weight:600}.prx-rich-editor__advanced-group[open]{padding-block-end:14px}.prx-rich-editor__advanced-group[open] summary{margin-block-end:12px}.prx-rich-editor__advanced-group .prx-rich-editor__field-group+.prx-rich-editor__field-group{margin-block-start:12px}.prx-rich-editor__advanced-json-map{display:grid;gap:8px;margin-block-start:12px;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:12px;background:var(--md-sys-color-surface-container-lowest, #fff)}.prx-rich-editor__advanced-json-map p{margin:0;color:var(--md-sys-color-on-surface-variant, #5f6673);font-size:.84rem}.prx-rich-editor__advanced-json-chips{display:flex;flex-wrap:wrap;gap:6px}.prx-rich-editor__advanced-json-chips code{border-radius:999px;padding:4px 8px;background:color-mix(in srgb,var(--md-sys-color-primary, #3154e7) 12%,transparent);color:var(--md-sys-color-primary, #3154e7);font-size:.76rem;font-weight:700}.prx-rich-editor__nested-header,.prx-rich-editor__nested-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}.prx-rich-editor__quick-actions{display:flex;flex-wrap:wrap;gap:8px}.prx-rich-editor__node-grid textarea{min-height:96px;font-family:inherit}label,.prx-rich-editor__document{display:grid;gap:7px;font-weight:700}.prx-rich-editor__checkbox-field{display:flex;gap:10px;align-items:center;align-self:end}.prx-rich-editor__checkbox-field input[type=checkbox]{width:auto}input,select,textarea{box-sizing:border-box;width:100%;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:12px;padding:10px 12px;font:inherit;color:inherit;background:var(--md-sys-color-surface, #fff)}textarea{min-height:360px;resize:vertical;font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:.86rem;line-height:1.45}.prx-rich-editor__workbench{display:grid;gap:14px;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr)}.prx-rich-editor__inspector{display:grid;align-content:start;gap:14px;min-width:0;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:12px;background:var(--md-sys-color-surface-container-lowest, #fff)}.prx-rich-editor__inspector h3{margin:0 0 8px;font-size:.95rem}.prx-rich-editor__inspector dl{display:grid;gap:8px;margin:0}.prx-rich-editor__inspector dl div{display:grid;gap:2px}.prx-rich-editor__inspector dt{color:var(--md-sys-color-on-surface-variant, #5f6673);font-size:.78rem;font-weight:700}.prx-rich-editor__inspector dd{margin:0;overflow-wrap:anywhere;font-weight:600}.prx-rich-editor__preview{max-height:260px;overflow:auto;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:12px;background:var(--md-sys-color-surface, #fff)}.prx-rich-editor__preview--large{max-height:min(68vh,760px)}.prx-rich-editor__help{margin:-8px 0 0;color:var(--md-sys-color-on-surface-variant, #5f6673);font-size:.85rem}.prx-rich-editor__error{margin:0;padding:10px 12px;border-radius:8px;color:#991b1b;background:color-mix(in srgb,#dc2626 9%,transparent)}.prx-rich-editor__error p{margin:0}.prx-rich-editor__error ul{display:grid;gap:6px;margin:8px 0 0;padding-inline-start:18px}.prx-rich-editor__error code{margin-right:4px;font-family:Cascadia Code,Fira Code,Consolas,monospace}.prx-rich-editor__actions{display:flex;flex-wrap:wrap;gap:10px}button{border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:8px 14px;background:var(--md-sys-color-surface, #fff);color:var(--md-sys-color-primary, #3154e7);font-weight:700;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}@media(max-width:760px){.prx-rich-editor__header,.prx-rich-editor__section-header,.prx-rich-editor__node-header,.prx-rich-editor__authoring-shell,.prx-rich-editor__intent-strip,.prx-rich-editor__grid,.prx-rich-editor__document-context summary,.prx-rich-editor__field-group,.prx-rich-editor__node-grid,.prx-rich-editor__workbench{grid-template-columns:1fr;display:grid}.prx-rich-editor__structure{position:static}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i2$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: PraxisRichContent, selector: "praxis-rich-content", inputs: ["document", "nodes", "context", "hostCapabilities", "layout", "rootClassName"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
12970
13726
|
}
|
|
12971
13727
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: PraxisRichContentConfigEditor, decorators: [{
|
|
12972
13728
|
type: Component,
|
|
@@ -12995,7 +13751,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
|
|
|
12995
13751
|
{{
|
|
12996
13752
|
valid
|
|
12997
13753
|
? tx('editor.valid', 'Valid document')
|
|
12998
|
-
:
|
|
13754
|
+
: documentSyntaxInvalid
|
|
13755
|
+
? tx('editor.invalidJsonStatus', 'Invalid JSON')
|
|
13756
|
+
: tx('editor.invalid', 'Invalid document')
|
|
12999
13757
|
}}
|
|
13000
13758
|
</span>
|
|
13001
13759
|
</header>
|
|
@@ -13307,6 +14065,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
|
|
|
13307
14065
|
let-action="action"
|
|
13308
14066
|
let-path="path"
|
|
13309
14067
|
let-setField="setField"
|
|
14068
|
+
let-menu="menu"
|
|
13310
14069
|
>
|
|
13311
14070
|
<label>
|
|
13312
14071
|
<span>{{ tx('editor.field.label', 'Label') }}</span>
|
|
@@ -13317,33 +14076,44 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
|
|
|
13317
14076
|
</label>
|
|
13318
14077
|
<label>
|
|
13319
14078
|
<span>{{ tx('editor.field.icon', 'Icon') }}</span>
|
|
13320
|
-
<input
|
|
13321
|
-
[ngModel]="getStringField(action, 'icon')"
|
|
13322
|
-
(ngModelChange)="setField('icon', $event)"
|
|
13323
|
-
/>
|
|
13324
|
-
</label>
|
|
13325
|
-
<label>
|
|
13326
|
-
<span>{{ tx('editor.field.variant', 'Variant') }}</span>
|
|
13327
|
-
<select
|
|
13328
|
-
[ngModel]="getStringField(action, 'variant') || 'basic'"
|
|
13329
|
-
(ngModelChange)="setField('variant', $event)"
|
|
13330
|
-
>
|
|
13331
|
-
<option value="basic">{{ tx('editor.variant.basic', 'Basic') }}</option>
|
|
13332
|
-
<option value="raised">{{ tx('editor.variant.raised', 'Raised') }}</option>
|
|
13333
|
-
<option value="stroked">{{ tx('editor.variant.stroked', 'Stroked') }}</option>
|
|
13334
|
-
<option value="flat">{{ tx('editor.variant.flat', 'Flat') }}</option>
|
|
13335
|
-
</select>
|
|
14079
|
+
<input [ngModel]="getStringField(action, 'icon')" (ngModelChange)="setField('icon', $event)" />
|
|
13336
14080
|
</label>
|
|
14081
|
+
@if (!menu) {
|
|
14082
|
+
<label>
|
|
14083
|
+
<span>{{ tx('editor.field.variant', 'Variant') }}</span>
|
|
14084
|
+
<select
|
|
14085
|
+
[ngModel]="getStringField(action, 'variant') || 'basic'"
|
|
14086
|
+
(ngModelChange)="setField('variant', $event)"
|
|
14087
|
+
>
|
|
14088
|
+
<option value="basic">{{ tx('editor.variant.basic', 'Basic') }}</option>
|
|
14089
|
+
<option value="raised">{{ tx('editor.variant.raised', 'Raised') }}</option>
|
|
14090
|
+
<option value="stroked">{{ tx('editor.variant.stroked', 'Stroked') }}</option>
|
|
14091
|
+
<option value="flat">{{ tx('editor.variant.flat', 'Flat') }}</option>
|
|
14092
|
+
</select>
|
|
14093
|
+
</label>
|
|
14094
|
+
}
|
|
13337
14095
|
<label>
|
|
13338
|
-
<span>{{ tx('editor.field.color', 'Color') }}</span>
|
|
14096
|
+
<span>{{ menu ? tx('editor.menuTone', 'Tone') : tx('editor.field.color', 'Color') }}</span>
|
|
13339
14097
|
<select
|
|
13340
|
-
[ngModel]="
|
|
14098
|
+
[ngModel]="
|
|
14099
|
+
menu
|
|
14100
|
+
? action.color === 'warn'
|
|
14101
|
+
? 'warn'
|
|
14102
|
+
: 'basic'
|
|
14103
|
+
: getStringField(action, 'color') || 'basic'
|
|
14104
|
+
"
|
|
13341
14105
|
(ngModelChange)="setField('color', $event)"
|
|
13342
14106
|
>
|
|
13343
|
-
<option value="basic">
|
|
13344
|
-
|
|
13345
|
-
|
|
13346
|
-
|
|
14107
|
+
<option value="basic">
|
|
14108
|
+
{{ menu ? tx('editor.menuTone.neutral', 'Neutral') : tx('editor.color.basic', 'Basic') }}
|
|
14109
|
+
</option>
|
|
14110
|
+
@if (!menu) {
|
|
14111
|
+
<option value="primary">{{ tx('editor.color.primary', 'Primary') }}</option>
|
|
14112
|
+
<option value="accent">{{ tx('editor.color.accent', 'Accent') }}</option>
|
|
14113
|
+
}
|
|
14114
|
+
<option value="warn">
|
|
14115
|
+
{{ menu ? tx('editor.menuTone.attention', 'Attention') : tx('editor.color.warn', 'Warn') }}
|
|
14116
|
+
</option>
|
|
13347
14117
|
</select>
|
|
13348
14118
|
</label>
|
|
13349
14119
|
<label class="prx-rich-editor__wide-field">
|
|
@@ -14162,7 +14932,437 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
|
|
|
14162
14932
|
}
|
|
14163
14933
|
</div>
|
|
14164
14934
|
}
|
|
14165
|
-
|
|
14935
|
+
@case ('pageHeader') {
|
|
14936
|
+
<section class="prx-rich-editor__wide-field prx-rich-editor__nested-editor">
|
|
14937
|
+
<h5>{{ tx('editor.pageHeader.identity', 'Identity') }}</h5>
|
|
14938
|
+
<div class="prx-rich-editor__node-grid">
|
|
14939
|
+
<div class="prx-rich-editor__wide-field">
|
|
14940
|
+
<label [for]="editorInstanceId + '-title-' + nodeIndex">
|
|
14941
|
+
{{ tx('editor.field.title', 'Title') }}
|
|
14942
|
+
</label>
|
|
14943
|
+
<input
|
|
14944
|
+
[id]="editorInstanceId + '-title-' + nodeIndex"
|
|
14945
|
+
[attr.aria-invalid]="
|
|
14946
|
+
getIssueCount('$.nodes[' + nodeIndex + '].title') > 0 ? 'true' : null
|
|
14947
|
+
"
|
|
14948
|
+
[attr.aria-describedby]="
|
|
14949
|
+
getIssueCount('$.nodes[' + nodeIndex + '].title') > 0
|
|
14950
|
+
? editorInstanceId + '-title-error-' + nodeIndex
|
|
14951
|
+
: null
|
|
14952
|
+
"
|
|
14953
|
+
[ngModel]="getStringField(node, 'title')"
|
|
14954
|
+
(ngModelChange)="setStringField(nodeIndex, 'title', $event)"
|
|
14955
|
+
/>
|
|
14956
|
+
@if (getIssueCount('$.nodes[' + nodeIndex + '].title')) {
|
|
14957
|
+
<span
|
|
14958
|
+
class="prx-rich-editor__field-errors"
|
|
14959
|
+
role="status"
|
|
14960
|
+
[id]="editorInstanceId + '-title-error-' + nodeIndex"
|
|
14961
|
+
>{{ getIssueMessages('$.nodes[' + nodeIndex + '].title').join(' ') }}</span
|
|
14962
|
+
>
|
|
14963
|
+
}
|
|
14964
|
+
</div>
|
|
14965
|
+
<label class="prx-rich-editor__wide-field"
|
|
14966
|
+
><span>{{ tx('editor.field.subtitle', 'Description') }}</span
|
|
14967
|
+
><textarea
|
|
14968
|
+
rows="2"
|
|
14969
|
+
[ngModel]="getStringField(node, 'subtitle')"
|
|
14970
|
+
(ngModelChange)="setStringField(nodeIndex, 'subtitle', $event)"
|
|
14971
|
+
></textarea>
|
|
14972
|
+
</label>
|
|
14973
|
+
|
|
14974
|
+
<details class="prx-rich-editor__wide-field">
|
|
14975
|
+
<summary>{{ tx('editor.pageHeader.bindings', 'Dynamic content') }}</summary>
|
|
14976
|
+
<div class="prx-rich-editor__node-grid">
|
|
14977
|
+
<label
|
|
14978
|
+
><span>{{ tx('editor.field.titleExpr', 'Title binding') }}</span
|
|
14979
|
+
><input
|
|
14980
|
+
[ngModel]="getStringField(node, 'titleExpr')"
|
|
14981
|
+
(ngModelChange)="setStringField(nodeIndex, 'titleExpr', $event)" /></label
|
|
14982
|
+
><label
|
|
14983
|
+
><span>{{ tx('editor.field.subtitleExpr', 'Description binding') }}</span
|
|
14984
|
+
><input
|
|
14985
|
+
[ngModel]="getStringField(node, 'subtitleExpr')"
|
|
14986
|
+
(ngModelChange)="setStringField(nodeIndex, 'subtitleExpr', $event)"
|
|
14987
|
+
/></label>
|
|
14988
|
+
</div>
|
|
14989
|
+
</details>
|
|
14990
|
+
<label
|
|
14991
|
+
><span>{{ tx('editor.pageHeader.headingLevel', 'Heading level') }}</span
|
|
14992
|
+
><select
|
|
14993
|
+
[ngModel]="node.headingLevel ?? 1"
|
|
14994
|
+
(ngModelChange)="setNumberField(nodeIndex, 'headingLevel', $event)"
|
|
14995
|
+
>
|
|
14996
|
+
@for (level of [1, 2, 3, 4, 5, 6]; track level) {
|
|
14997
|
+
<option [ngValue]="level">H{{ level }}</option>
|
|
14998
|
+
}</select
|
|
14999
|
+
><small>{{
|
|
15000
|
+
tx(
|
|
15001
|
+
'editor.pageHeader.headingHelp',
|
|
15002
|
+
'Use H1 for the page title; use a lower level when the page already has a main heading.'
|
|
15003
|
+
)
|
|
15004
|
+
}}</small></label
|
|
15005
|
+
>
|
|
15006
|
+
<fieldset class="prx-rich-editor__page-header-size">
|
|
15007
|
+
<legend>{{ tx('editor.pageHeader.size', 'Visual emphasis') }}</legend>
|
|
15008
|
+
@for (
|
|
15009
|
+
choice of [
|
|
15010
|
+
{ value: 'sm', key: 'small' },
|
|
15011
|
+
{ value: 'md', key: 'medium' },
|
|
15012
|
+
{ value: 'lg', key: 'large' },
|
|
15013
|
+
];
|
|
15014
|
+
track choice.value
|
|
15015
|
+
) {
|
|
15016
|
+
<label
|
|
15017
|
+
><input
|
|
15018
|
+
type="radio"
|
|
15019
|
+
[name]="'page-header-size-' + nodeIndex"
|
|
15020
|
+
[checked]="(node.size ?? 'md') === choice.value"
|
|
15021
|
+
(change)="setStringField(nodeIndex, 'size', choice.value)"
|
|
15022
|
+
/>{{ tx('editor.pageHeader.' + choice.key, choice.key) }}</label
|
|
15023
|
+
>
|
|
15024
|
+
}
|
|
15025
|
+
</fieldset>
|
|
15026
|
+
<label
|
|
15027
|
+
><span>{{ tx('editor.pageHeader.identityMedia', 'Icon or image') }}</span
|
|
15028
|
+
><select
|
|
15029
|
+
[ngModel]="node.identity?.type ?? ''"
|
|
15030
|
+
(ngModelChange)="setPageHeaderIdentity(nodeIndex, $event)"
|
|
15031
|
+
>
|
|
15032
|
+
<option value="">{{ tx('editor.none', 'None') }}</option>
|
|
15033
|
+
@for (kind of ['icon', 'avatar', 'image']; track kind) {
|
|
15034
|
+
<option [value]="kind">{{ tx('editor.nodeType.' + kind, kind) }}</option>
|
|
15035
|
+
}
|
|
15036
|
+
</select></label
|
|
15037
|
+
>
|
|
15038
|
+
@if (node.identity) {
|
|
15039
|
+
<ng-container
|
|
15040
|
+
*ngTemplateOutlet="
|
|
15041
|
+
presenterFields;
|
|
15042
|
+
context: {
|
|
15043
|
+
node: node.identity,
|
|
15044
|
+
path: 'nodes[' + nodeIndex + '].identity',
|
|
15045
|
+
setString: setPageHeaderChildField.bind(this, nodeIndex, 'identity', 0),
|
|
15046
|
+
setNumber: setPageHeaderChildNumber.bind(this, nodeIndex, 'identity', 0),
|
|
15047
|
+
}
|
|
15048
|
+
"
|
|
15049
|
+
></ng-container>
|
|
15050
|
+
}
|
|
15051
|
+
</div>
|
|
15052
|
+
</section>
|
|
15053
|
+
<section class="prx-rich-editor__wide-field prx-rich-editor__nested-editor">
|
|
15054
|
+
<h5>{{ tx('editor.pageHeader.breadcrumbs', 'Location') }}</h5>
|
|
15055
|
+
<p>
|
|
15056
|
+
{{
|
|
15057
|
+
tx(
|
|
15058
|
+
'editor.pageHeader.breadcrumbsHelp',
|
|
15059
|
+
'Add real ancestor destinations. The page title is the current item.'
|
|
15060
|
+
)
|
|
15061
|
+
}}
|
|
15062
|
+
</p>
|
|
15063
|
+
<div class="prx-rich-editor__nested-header">
|
|
15064
|
+
<button type="button" (click)="addPageHeaderChild(nodeIndex, 'breadcrumbs')">
|
|
15065
|
+
{{ tx('editor.pageHeader.addLink', 'Add link') }}
|
|
15066
|
+
</button>
|
|
15067
|
+
</div>
|
|
15068
|
+
@for (
|
|
15069
|
+
child of getPageHeaderChildren(nodeIndex, 'breadcrumbs');
|
|
15070
|
+
track child.id ?? $index;
|
|
15071
|
+
let childIndex = $index
|
|
15072
|
+
) {
|
|
15073
|
+
<div class="prx-rich-editor__nested-node">
|
|
15074
|
+
<div class="prx-rich-editor__nested-actions">
|
|
15075
|
+
<button
|
|
15076
|
+
type="button"
|
|
15077
|
+
[disabled]="childIndex === 0"
|
|
15078
|
+
(click)="movePageHeaderChild(nodeIndex, 'breadcrumbs', childIndex, -1)"
|
|
15079
|
+
>
|
|
15080
|
+
{{ tx('editor.moveUp', 'Move up') }}</button
|
|
15081
|
+
><button
|
|
15082
|
+
type="button"
|
|
15083
|
+
[disabled]="childIndex === getPageHeaderChildren(nodeIndex, 'breadcrumbs').length - 1"
|
|
15084
|
+
(click)="movePageHeaderChild(nodeIndex, 'breadcrumbs', childIndex, 1)"
|
|
15085
|
+
>
|
|
15086
|
+
{{ tx('editor.moveDown', 'Move down') }}</button
|
|
15087
|
+
><button
|
|
15088
|
+
type="button"
|
|
15089
|
+
(click)="removePageHeaderChild(nodeIndex, 'breadcrumbs', childIndex)"
|
|
15090
|
+
>
|
|
15091
|
+
{{ tx('editor.removeBlock', 'Remove') }}
|
|
15092
|
+
</button>
|
|
15093
|
+
</div>
|
|
15094
|
+
<div class="prx-rich-editor__node-grid">
|
|
15095
|
+
<ng-container
|
|
15096
|
+
*ngTemplateOutlet="
|
|
15097
|
+
presenterFields;
|
|
15098
|
+
context: {
|
|
15099
|
+
node: child,
|
|
15100
|
+
path: 'nodes[' + nodeIndex + '].breadcrumbs[' + childIndex + ']',
|
|
15101
|
+
setString: setPageHeaderChildField.bind(
|
|
15102
|
+
this,
|
|
15103
|
+
nodeIndex,
|
|
15104
|
+
'breadcrumbs',
|
|
15105
|
+
childIndex
|
|
15106
|
+
),
|
|
15107
|
+
setNumber: setPageHeaderChildNumber.bind(
|
|
15108
|
+
this,
|
|
15109
|
+
nodeIndex,
|
|
15110
|
+
'breadcrumbs',
|
|
15111
|
+
childIndex
|
|
15112
|
+
),
|
|
15113
|
+
}
|
|
15114
|
+
"
|
|
15115
|
+
></ng-container>
|
|
15116
|
+
</div>
|
|
15117
|
+
</div>
|
|
15118
|
+
}
|
|
15119
|
+
</section>
|
|
15120
|
+
<section class="prx-rich-editor__wide-field prx-rich-editor__nested-editor">
|
|
15121
|
+
<h5>{{ tx('editor.pageHeader.actions', 'Actions') }}</h5>
|
|
15122
|
+
<p>
|
|
15123
|
+
{{
|
|
15124
|
+
tx(
|
|
15125
|
+
'editor.pageHeader.actionsHelp',
|
|
15126
|
+
'Commands use host-registered action IDs. Links belong in Related pages.'
|
|
15127
|
+
)
|
|
15128
|
+
}}
|
|
15129
|
+
</p>
|
|
15130
|
+
<div class="prx-rich-editor__nested-header">
|
|
15131
|
+
<strong>{{ tx('editor.pageHeader.primaryAction', 'primaryAction') }}</strong
|
|
15132
|
+
><button
|
|
15133
|
+
type="button"
|
|
15134
|
+
(click)="addPageHeaderChild(nodeIndex, 'primaryAction')"
|
|
15135
|
+
[disabled]="!!node.primaryAction"
|
|
15136
|
+
>
|
|
15137
|
+
{{ tx('editor.addAction', 'Add action') }}
|
|
15138
|
+
</button>
|
|
15139
|
+
</div>
|
|
15140
|
+
@for (
|
|
15141
|
+
child of getPageHeaderChildren(nodeIndex, 'primaryAction');
|
|
15142
|
+
track child.id ?? $index;
|
|
15143
|
+
let childIndex = $index
|
|
15144
|
+
) {
|
|
15145
|
+
<div class="prx-rich-editor__nested-node">
|
|
15146
|
+
<div class="prx-rich-editor__nested-actions">
|
|
15147
|
+
<button
|
|
15148
|
+
type="button"
|
|
15149
|
+
[disabled]="childIndex === 0"
|
|
15150
|
+
(click)="movePageHeaderChild(nodeIndex, 'primaryAction', childIndex, -1)"
|
|
15151
|
+
>
|
|
15152
|
+
{{ tx('editor.moveUp', 'Move up') }}</button
|
|
15153
|
+
><button
|
|
15154
|
+
type="button"
|
|
15155
|
+
[disabled]="
|
|
15156
|
+
childIndex === getPageHeaderChildren(nodeIndex, 'primaryAction').length - 1
|
|
15157
|
+
"
|
|
15158
|
+
(click)="movePageHeaderChild(nodeIndex, 'primaryAction', childIndex, 1)"
|
|
15159
|
+
>
|
|
15160
|
+
{{ tx('editor.moveDown', 'Move down') }}</button
|
|
15161
|
+
><button
|
|
15162
|
+
type="button"
|
|
15163
|
+
(click)="removePageHeaderChild(nodeIndex, 'primaryAction', childIndex)"
|
|
15164
|
+
>
|
|
15165
|
+
{{ tx('editor.removeBlock', 'Remove') }}
|
|
15166
|
+
</button>
|
|
15167
|
+
</div>
|
|
15168
|
+
<div class="prx-rich-editor__node-grid">
|
|
15169
|
+
<ng-container
|
|
15170
|
+
*ngTemplateOutlet="
|
|
15171
|
+
actionFields;
|
|
15172
|
+
context: {
|
|
15173
|
+
action: child,
|
|
15174
|
+
path: 'nodes[' + nodeIndex + '].primaryAction[' + childIndex + ']',
|
|
15175
|
+
setField: setPageHeaderChildField.bind(
|
|
15176
|
+
this,
|
|
15177
|
+
nodeIndex,
|
|
15178
|
+
'primaryAction',
|
|
15179
|
+
childIndex
|
|
15180
|
+
),
|
|
15181
|
+
}
|
|
15182
|
+
"
|
|
15183
|
+
></ng-container>
|
|
15184
|
+
</div>
|
|
15185
|
+
</div>
|
|
15186
|
+
}
|
|
15187
|
+
<div class="prx-rich-editor__nested-header">
|
|
15188
|
+
<strong>{{ tx('editor.pageHeader.secondaryActions', 'secondaryActions') }}</strong
|
|
15189
|
+
><button type="button" (click)="addPageHeaderChild(nodeIndex, 'secondaryActions')">
|
|
15190
|
+
{{ tx('editor.addAction', 'Add action') }}
|
|
15191
|
+
</button>
|
|
15192
|
+
</div>
|
|
15193
|
+
@for (
|
|
15194
|
+
child of getPageHeaderChildren(nodeIndex, 'secondaryActions');
|
|
15195
|
+
track child.id ?? $index;
|
|
15196
|
+
let childIndex = $index
|
|
15197
|
+
) {
|
|
15198
|
+
<div class="prx-rich-editor__nested-node">
|
|
15199
|
+
<div class="prx-rich-editor__nested-actions">
|
|
15200
|
+
<button
|
|
15201
|
+
type="button"
|
|
15202
|
+
[disabled]="childIndex === 0"
|
|
15203
|
+
(click)="movePageHeaderChild(nodeIndex, 'secondaryActions', childIndex, -1)"
|
|
15204
|
+
>
|
|
15205
|
+
{{ tx('editor.moveUp', 'Move up') }}</button
|
|
15206
|
+
><button
|
|
15207
|
+
type="button"
|
|
15208
|
+
[disabled]="
|
|
15209
|
+
childIndex === getPageHeaderChildren(nodeIndex, 'secondaryActions').length - 1
|
|
15210
|
+
"
|
|
15211
|
+
(click)="movePageHeaderChild(nodeIndex, 'secondaryActions', childIndex, 1)"
|
|
15212
|
+
>
|
|
15213
|
+
{{ tx('editor.moveDown', 'Move down') }}</button
|
|
15214
|
+
><button
|
|
15215
|
+
type="button"
|
|
15216
|
+
(click)="removePageHeaderChild(nodeIndex, 'secondaryActions', childIndex)"
|
|
15217
|
+
>
|
|
15218
|
+
{{ tx('editor.removeBlock', 'Remove') }}
|
|
15219
|
+
</button>
|
|
15220
|
+
</div>
|
|
15221
|
+
<div class="prx-rich-editor__node-grid">
|
|
15222
|
+
<ng-container
|
|
15223
|
+
*ngTemplateOutlet="
|
|
15224
|
+
actionFields;
|
|
15225
|
+
context: {
|
|
15226
|
+
action: child,
|
|
15227
|
+
path: 'nodes[' + nodeIndex + '].secondaryActions[' + childIndex + ']',
|
|
15228
|
+
setField: setPageHeaderChildField.bind(
|
|
15229
|
+
this,
|
|
15230
|
+
nodeIndex,
|
|
15231
|
+
'secondaryActions',
|
|
15232
|
+
childIndex
|
|
15233
|
+
),
|
|
15234
|
+
}
|
|
15235
|
+
"
|
|
15236
|
+
></ng-container>
|
|
15237
|
+
</div>
|
|
15238
|
+
</div>
|
|
15239
|
+
}
|
|
15240
|
+
<div class="prx-rich-editor__nested-header">
|
|
15241
|
+
<strong>{{ tx('editor.pageHeader.overflowActions', 'overflowActions') }}</strong
|
|
15242
|
+
><button type="button" (click)="addPageHeaderChild(nodeIndex, 'overflowActions')">
|
|
15243
|
+
{{ tx('editor.addAction', 'Add action') }}
|
|
15244
|
+
</button>
|
|
15245
|
+
</div>
|
|
15246
|
+
@for (
|
|
15247
|
+
child of getPageHeaderChildren(nodeIndex, 'overflowActions');
|
|
15248
|
+
track child.id ?? $index;
|
|
15249
|
+
let childIndex = $index
|
|
15250
|
+
) {
|
|
15251
|
+
<div class="prx-rich-editor__nested-node">
|
|
15252
|
+
<div class="prx-rich-editor__nested-actions">
|
|
15253
|
+
<button
|
|
15254
|
+
type="button"
|
|
15255
|
+
[disabled]="childIndex === 0"
|
|
15256
|
+
(click)="movePageHeaderChild(nodeIndex, 'overflowActions', childIndex, -1)"
|
|
15257
|
+
>
|
|
15258
|
+
{{ tx('editor.moveUp', 'Move up') }}</button
|
|
15259
|
+
><button
|
|
15260
|
+
type="button"
|
|
15261
|
+
[disabled]="
|
|
15262
|
+
childIndex === getPageHeaderChildren(nodeIndex, 'overflowActions').length - 1
|
|
15263
|
+
"
|
|
15264
|
+
(click)="movePageHeaderChild(nodeIndex, 'overflowActions', childIndex, 1)"
|
|
15265
|
+
>
|
|
15266
|
+
{{ tx('editor.moveDown', 'Move down') }}</button
|
|
15267
|
+
><button
|
|
15268
|
+
type="button"
|
|
15269
|
+
(click)="removePageHeaderChild(nodeIndex, 'overflowActions', childIndex)"
|
|
15270
|
+
>
|
|
15271
|
+
{{ tx('editor.removeBlock', 'Remove') }}
|
|
15272
|
+
</button>
|
|
15273
|
+
</div>
|
|
15274
|
+
<div class="prx-rich-editor__node-grid">
|
|
15275
|
+
<ng-container
|
|
15276
|
+
*ngTemplateOutlet="
|
|
15277
|
+
actionFields;
|
|
15278
|
+
context: {
|
|
15279
|
+
action: child,
|
|
15280
|
+
path: 'nodes[' + nodeIndex + '].overflowActions[' + childIndex + ']',
|
|
15281
|
+
menu: true,
|
|
15282
|
+
setField: setPageHeaderChildField.bind(
|
|
15283
|
+
this,
|
|
15284
|
+
nodeIndex,
|
|
15285
|
+
'overflowActions',
|
|
15286
|
+
childIndex
|
|
15287
|
+
),
|
|
15288
|
+
}
|
|
15289
|
+
"
|
|
15290
|
+
></ng-container>
|
|
15291
|
+
</div>
|
|
15292
|
+
</div>
|
|
15293
|
+
}
|
|
15294
|
+
</section>
|
|
15295
|
+
<section class="prx-rich-editor__wide-field prx-rich-editor__nested-editor">
|
|
15296
|
+
<h5>{{ tx('editor.pageHeader.relatedLinks', 'Related pages') }}</h5>
|
|
15297
|
+
<p>
|
|
15298
|
+
{{
|
|
15299
|
+
tx(
|
|
15300
|
+
'editor.pageHeader.relatedLinksHelp',
|
|
15301
|
+
'Use real links, including the context required by the destination.'
|
|
15302
|
+
)
|
|
15303
|
+
}}
|
|
15304
|
+
</p>
|
|
15305
|
+
<div class="prx-rich-editor__nested-header">
|
|
15306
|
+
<button type="button" (click)="addPageHeaderChild(nodeIndex, 'relatedLinks')">
|
|
15307
|
+
{{ tx('editor.pageHeader.addLink', 'Add link') }}
|
|
15308
|
+
</button>
|
|
15309
|
+
</div>
|
|
15310
|
+
@for (
|
|
15311
|
+
child of getPageHeaderChildren(nodeIndex, 'relatedLinks');
|
|
15312
|
+
track child.id ?? $index;
|
|
15313
|
+
let childIndex = $index
|
|
15314
|
+
) {
|
|
15315
|
+
<div class="prx-rich-editor__nested-node">
|
|
15316
|
+
<div class="prx-rich-editor__nested-actions">
|
|
15317
|
+
<button
|
|
15318
|
+
type="button"
|
|
15319
|
+
[disabled]="childIndex === 0"
|
|
15320
|
+
(click)="movePageHeaderChild(nodeIndex, 'relatedLinks', childIndex, -1)"
|
|
15321
|
+
>
|
|
15322
|
+
{{ tx('editor.moveUp', 'Move up') }}</button
|
|
15323
|
+
><button
|
|
15324
|
+
type="button"
|
|
15325
|
+
[disabled]="
|
|
15326
|
+
childIndex === getPageHeaderChildren(nodeIndex, 'relatedLinks').length - 1
|
|
15327
|
+
"
|
|
15328
|
+
(click)="movePageHeaderChild(nodeIndex, 'relatedLinks', childIndex, 1)"
|
|
15329
|
+
>
|
|
15330
|
+
{{ tx('editor.moveDown', 'Move down') }}</button
|
|
15331
|
+
><button
|
|
15332
|
+
type="button"
|
|
15333
|
+
(click)="removePageHeaderChild(nodeIndex, 'relatedLinks', childIndex)"
|
|
15334
|
+
>
|
|
15335
|
+
{{ tx('editor.removeBlock', 'Remove') }}
|
|
15336
|
+
</button>
|
|
15337
|
+
</div>
|
|
15338
|
+
<div class="prx-rich-editor__node-grid">
|
|
15339
|
+
<ng-container
|
|
15340
|
+
*ngTemplateOutlet="
|
|
15341
|
+
presenterFields;
|
|
15342
|
+
context: {
|
|
15343
|
+
node: child,
|
|
15344
|
+
path: 'nodes[' + nodeIndex + '].relatedLinks[' + childIndex + ']',
|
|
15345
|
+
setString: setPageHeaderChildField.bind(
|
|
15346
|
+
this,
|
|
15347
|
+
nodeIndex,
|
|
15348
|
+
'relatedLinks',
|
|
15349
|
+
childIndex
|
|
15350
|
+
),
|
|
15351
|
+
setNumber: setPageHeaderChildNumber.bind(
|
|
15352
|
+
this,
|
|
15353
|
+
nodeIndex,
|
|
15354
|
+
'relatedLinks',
|
|
15355
|
+
childIndex
|
|
15356
|
+
),
|
|
15357
|
+
}
|
|
15358
|
+
"
|
|
15359
|
+
></ng-container>
|
|
15360
|
+
</div>
|
|
15361
|
+
</div>
|
|
15362
|
+
}
|
|
15363
|
+
</section>
|
|
15364
|
+
}
|
|
15365
|
+
@case ('card') {
|
|
14166
15366
|
<label>
|
|
14167
15367
|
<span>{{ tx('editor.field.title', 'Title') }}</span>
|
|
14168
15368
|
<input
|
|
@@ -16514,7 +17714,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
|
|
|
16514
17714
|
</p>
|
|
16515
17715
|
</div>
|
|
16516
17716
|
</header>
|
|
16517
|
-
@if (parsedDocument) {
|
|
17717
|
+
@if (valid && parsedDocument) {
|
|
16518
17718
|
<div class="prx-rich-editor__preview prx-rich-editor__preview--large">
|
|
16519
17719
|
<praxis-rich-content
|
|
16520
17720
|
[document]="parsedDocument"
|
|
@@ -16624,7 +17824,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
|
|
|
16624
17824
|
</button>
|
|
16625
17825
|
</div>
|
|
16626
17826
|
</section>
|
|
16627
|
-
`, styles: [":host{display:block;min-width:0;width:100%;max-width:100%;box-sizing:border-box}.prx-rich-editor{display:grid;gap:18px;min-width:0;color:var(--md-sys-color-on-surface, #1f2937)}.prx-rich-editor__header{display:flex;gap:16px;align-items:flex-start;justify-content:space-between}.prx-rich-editor__header h2{margin:0;font-size:1.25rem}.prx-rich-editor__header p{margin:6px 0 0;color:var(--md-sys-color-on-surface-variant, #5f6673)}.prx-rich-editor__eyebrow{margin:0 0 4px;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;color:var(--md-sys-color-primary, #3154e7)}.prx-rich-editor__status{flex:0 0 auto;padding:6px 10px;border-radius:999px;background:color-mix(in srgb,#16a34a 12%,transparent);color:#166534;font-size:.78rem;font-weight:700}.prx-rich-editor__status.invalid{background:color-mix(in srgb,#dc2626 12%,transparent);color:#991b1b}.prx-rich-editor__grid{display:grid;gap:14px;grid-template-columns:minmax(0,180px) minmax(0,1fr)}.prx-rich-editor__tabs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;border-bottom:1px solid var(--md-sys-color-outline-variant, #d7dce5)}.prx-rich-editor__tab{margin-block-end:-1px;border-radius:8px 8px 0 0;border-bottom-color:transparent;color:var(--md-sys-color-on-surface-variant, #5f6673);background:transparent}.prx-rich-editor__tab--active{border-color:var(--md-sys-color-outline-variant, #d7dce5);border-bottom-color:var(--md-sys-color-surface, #fff);color:var(--md-sys-color-primary, #3154e7);background:var(--md-sys-color-surface, #fff)}.prx-rich-editor__tab-badge,.prx-rich-editor__issue-count{display:inline-flex;min-width:1.35em;min-height:1.35em;padding:0 .38em;border-radius:999px;align-items:center;justify-content:center;background:color-mix(in srgb,#dc2626 14%,transparent);color:#991b1b;font-size:.72rem;font-weight:800;line-height:1}.prx-rich-editor__tab-badge{margin-inline-start:6px}.prx-rich-editor__blocks{display:grid;gap:14px}.prx-rich-editor__authoring-shell{display:grid;gap:14px;grid-template-columns:minmax(220px,.34fr) minmax(0,1fr);align-items:start}.prx-rich-editor__structure,.prx-rich-editor__properties,.prx-rich-editor__document-panel,.prx-rich-editor__preview-panel{min-width:0;display:grid;gap:12px}.prx-rich-editor__structure{position:sticky;top:12px;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:12px;background:var(--md-sys-color-surface-container-lowest, #fff)}.prx-rich-editor__structure-summary{display:grid;gap:4px}.prx-rich-editor__structure-summary span{color:var(--md-sys-color-on-surface-variant, #5f6673);font-size:.82rem;font-weight:500}.prx-rich-editor__structure-list{display:grid;gap:8px}.prx-rich-editor__structure-item{display:grid;gap:3px;width:100%;padding:10px;text-align:left;color:var(--md-sys-color-on-surface, #1f2937);background:var(--md-sys-color-surface, #fff)}.prx-rich-editor__structure-item--selected{border-color:var(--md-sys-color-primary, #3154e7);background:color-mix(in srgb,var(--md-sys-color-primary, #3154e7) 8%,var(--md-sys-color-surface, #fff))}.prx-rich-editor__structure-item small{color:#991b1b;font-weight:700}.prx-rich-editor__intent-strip{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.prx-rich-editor__intent-strip span,.prx-rich-editor__intent-strip button{min-width:0;display:grid;gap:3px;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:10px 12px;text-align:left;color:var(--md-sys-color-on-surface, #1f2937);background:var(--md-sys-color-surface, #fff)}.prx-rich-editor__intent-strip button{position:relative}.prx-rich-editor__intent-strip small{color:var(--md-sys-color-on-surface-variant, #5f6673);font-size:.78rem;font-weight:600}.prx-rich-editor__intent-strip .prx-rich-editor__issue-count{position:absolute;inset-block-start:8px;inset-inline-end:8px}.prx-rich-editor__section-header,.prx-rich-editor__node-header{display:flex;gap:16px;align-items:flex-start;justify-content:space-between}.prx-rich-editor__section-header h3,.prx-rich-editor__node-header h4{margin:0}.prx-rich-editor__section-header p,.prx-rich-editor__node-note,.prx-rich-editor__empty{margin:6px 0 0;color:var(--md-sys-color-on-surface-variant, #5f6673);font-size:.88rem}.prx-rich-editor__add-block,.prx-rich-editor__node-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.prx-rich-editor__add-block label{min-width:180px}.prx-rich-editor__node-list{display:grid;gap:12px}.prx-rich-editor__node-card{display:grid;gap:14px;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:14px;background:var(--md-sys-color-surface-container-lowest, #fff)}.prx-rich-editor__node-eyebrow{margin:0 0 4px;color:var(--md-sys-color-on-surface-variant, #5f6673);font-size:.75rem;font-weight:700;text-transform:uppercase}.prx-rich-editor__node-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.prx-rich-editor__wide-field,.prx-rich-editor__node-note{grid-column:1 / -1}.prx-rich-editor__field-group,.prx-rich-editor__nested-editor,.prx-rich-editor__nested-node{grid-column:1 / -1;display:grid;gap:12px}.prx-rich-editor__field-group,.prx-rich-editor__nested-node{margin:0;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:12px}.prx-rich-editor__document-context{display:grid;gap:12px;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:12px;background:var(--md-sys-color-surface-container-lowest, #fff)}.prx-rich-editor__document-context summary{display:flex;gap:10px;align-items:center;justify-content:space-between;cursor:pointer;font-weight:800}.prx-rich-editor__document-context summary small{color:var(--md-sys-color-on-surface-variant, #5f6673);font-size:.78rem;font-weight:600}.prx-rich-editor__document-context[open] summary{margin-block-end:12px}.prx-rich-editor__field-group{grid-template-columns:repeat(2,minmax(0,1fr))}.prx-rich-editor__field-group legend{padding:0 4px;font-weight:700}.prx-rich-editor__field-help{grid-column:1 / -1;margin:0;color:var(--md-sys-color-on-surface-variant, #5f6673);font-size:.84rem}.prx-rich-editor__json-fieldset{margin-block-start:12px}.prx-rich-editor__json-field{display:grid;gap:6px}.prx-rich-editor__json-field textarea{min-height:96px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.8rem;line-height:1.45}.prx-rich-editor__field-error{color:var(--md-sys-color-error, #ba1a1a);font-size:.78rem;font-weight:700}.prx-rich-editor__advanced-group{grid-column:1 / -1;display:grid;gap:12px;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:12px;background:color-mix(in srgb,var(--md-sys-color-surface-container-lowest, #fff) 88%,var(--md-sys-color-primary, #3154e7) 4%)}.prx-rich-editor__advanced-group summary{display:flex;gap:10px;align-items:center;justify-content:space-between;cursor:pointer;font-weight:800}.prx-rich-editor__advanced-group summary small{color:var(--md-sys-color-on-surface-variant, #5f6673);font-size:.78rem;font-weight:600}.prx-rich-editor__advanced-group[open]{padding-block-end:14px}.prx-rich-editor__advanced-group[open] summary{margin-block-end:12px}.prx-rich-editor__advanced-group .prx-rich-editor__field-group+.prx-rich-editor__field-group{margin-block-start:12px}.prx-rich-editor__advanced-json-map{display:grid;gap:8px;margin-block-start:12px;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:12px;background:var(--md-sys-color-surface-container-lowest, #fff)}.prx-rich-editor__advanced-json-map p{margin:0;color:var(--md-sys-color-on-surface-variant, #5f6673);font-size:.84rem}.prx-rich-editor__advanced-json-chips{display:flex;flex-wrap:wrap;gap:6px}.prx-rich-editor__advanced-json-chips code{border-radius:999px;padding:4px 8px;background:color-mix(in srgb,var(--md-sys-color-primary, #3154e7) 12%,transparent);color:var(--md-sys-color-primary, #3154e7);font-size:.76rem;font-weight:700}.prx-rich-editor__nested-header,.prx-rich-editor__nested-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}.prx-rich-editor__quick-actions{display:flex;flex-wrap:wrap;gap:8px}.prx-rich-editor__node-grid textarea{min-height:96px;font-family:inherit}label,.prx-rich-editor__document{display:grid;gap:7px;font-weight:700}.prx-rich-editor__checkbox-field{display:flex;gap:10px;align-items:center;align-self:end}.prx-rich-editor__checkbox-field input[type=checkbox]{width:auto}input,select,textarea{box-sizing:border-box;width:100%;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:12px;padding:10px 12px;font:inherit;color:inherit;background:var(--md-sys-color-surface, #fff)}textarea{min-height:360px;resize:vertical;font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:.86rem;line-height:1.45}.prx-rich-editor__workbench{display:grid;gap:14px;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr)}.prx-rich-editor__inspector{display:grid;align-content:start;gap:14px;min-width:0;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:12px;background:var(--md-sys-color-surface-container-lowest, #fff)}.prx-rich-editor__inspector h3{margin:0 0 8px;font-size:.95rem}.prx-rich-editor__inspector dl{display:grid;gap:8px;margin:0}.prx-rich-editor__inspector dl div{display:grid;gap:2px}.prx-rich-editor__inspector dt{color:var(--md-sys-color-on-surface-variant, #5f6673);font-size:.78rem;font-weight:700}.prx-rich-editor__inspector dd{margin:0;overflow-wrap:anywhere;font-weight:600}.prx-rich-editor__preview{max-height:260px;overflow:auto;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:12px;background:var(--md-sys-color-surface, #fff)}.prx-rich-editor__preview--large{max-height:min(68vh,760px)}.prx-rich-editor__help{margin:-8px 0 0;color:var(--md-sys-color-on-surface-variant, #5f6673);font-size:.85rem}.prx-rich-editor__error{margin:0;padding:10px 12px;border-radius:8px;color:#991b1b;background:color-mix(in srgb,#dc2626 9%,transparent)}.prx-rich-editor__error p{margin:0}.prx-rich-editor__error ul{display:grid;gap:6px;margin:8px 0 0;padding-inline-start:18px}.prx-rich-editor__error code{margin-right:4px;font-family:Cascadia Code,Fira Code,Consolas,monospace}.prx-rich-editor__actions{display:flex;flex-wrap:wrap;gap:10px}button{border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:8px 14px;background:var(--md-sys-color-surface, #fff);color:var(--md-sys-color-primary, #3154e7);font-weight:700;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}@media(max-width:760px){.prx-rich-editor__header,.prx-rich-editor__section-header,.prx-rich-editor__node-header,.prx-rich-editor__authoring-shell,.prx-rich-editor__intent-strip,.prx-rich-editor__grid,.prx-rich-editor__document-context summary,.prx-rich-editor__field-group,.prx-rich-editor__node-grid,.prx-rich-editor__workbench{grid-template-columns:1fr;display:grid}.prx-rich-editor__structure{position:static}}\n"] }]
|
|
17827
|
+
`, styles: ["[data-rich-editor-node-type=pageHeader] .prx-rich-editor__nested-editor>h5{margin:0 0 .5rem;font-size:1rem;font-weight:600}.prx-rich-editor__page-header-size{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;border:0;padding:0;margin:0}.prx-rich-editor__page-header-size legend{margin-bottom:.5rem}.prx-rich-editor__page-header-size label{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem;border:1px solid var(--md-sys-color-outline-variant);border-radius:.5rem}.prx-rich-editor__page-header-size label:has(input:checked){background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);border-color:var(--md-sys-color-primary)}.prx-rich-editor__page-header-size label:focus-within{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.prx-rich-editor__page-header-size input{width:auto}:host{display:block;min-width:0;width:100%;max-width:100%;box-sizing:border-box}.prx-rich-editor{display:grid;gap:18px;min-width:0;color:var(--md-sys-color-on-surface, #1f2937)}.prx-rich-editor__header{display:flex;gap:16px;align-items:flex-start;justify-content:space-between}.prx-rich-editor__header h2{margin:0;font-size:1.25rem}.prx-rich-editor__header p{margin:6px 0 0;color:var(--md-sys-color-on-surface-variant, #5f6673)}.prx-rich-editor__eyebrow{margin:0 0 4px;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;color:var(--md-sys-color-primary, #3154e7)}.prx-rich-editor__status{flex:0 0 auto;padding:6px 10px;border-radius:999px;background:color-mix(in srgb,#16a34a 12%,transparent);color:#166534;font-size:.78rem;font-weight:700}.prx-rich-editor__status.invalid{background:color-mix(in srgb,#dc2626 12%,transparent);color:#991b1b}.prx-rich-editor__grid{display:grid;gap:14px;grid-template-columns:minmax(0,180px) minmax(0,1fr)}.prx-rich-editor__tabs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;border-bottom:1px solid var(--md-sys-color-outline-variant, #d7dce5)}.prx-rich-editor__tab{margin-block-end:-1px;border-radius:8px 8px 0 0;border-bottom-color:transparent;color:var(--md-sys-color-on-surface-variant, #5f6673);background:transparent}.prx-rich-editor__tab--active{border-color:var(--md-sys-color-outline-variant, #d7dce5);border-bottom-color:var(--md-sys-color-surface, #fff);color:var(--md-sys-color-primary, #3154e7);background:var(--md-sys-color-surface, #fff)}.prx-rich-editor__tab-badge,.prx-rich-editor__issue-count{display:inline-flex;min-width:1.35em;min-height:1.35em;padding:0 .38em;border-radius:999px;align-items:center;justify-content:center;background:color-mix(in srgb,#dc2626 14%,transparent);color:#991b1b;font-size:.72rem;font-weight:800;line-height:1}.prx-rich-editor__tab-badge{margin-inline-start:6px}.prx-rich-editor__blocks{display:grid;gap:14px}.prx-rich-editor__authoring-shell{display:grid;gap:14px;grid-template-columns:minmax(220px,.34fr) minmax(0,1fr);align-items:start}.prx-rich-editor__structure,.prx-rich-editor__properties,.prx-rich-editor__document-panel,.prx-rich-editor__preview-panel{min-width:0;display:grid;gap:12px}.prx-rich-editor__structure{position:sticky;top:12px;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:12px;background:var(--md-sys-color-surface-container-lowest, #fff)}.prx-rich-editor__structure-summary{display:grid;gap:4px}.prx-rich-editor__structure-summary span{color:var(--md-sys-color-on-surface-variant, #5f6673);font-size:.82rem;font-weight:500}.prx-rich-editor__structure-list{display:grid;gap:8px}.prx-rich-editor__structure-item{display:grid;gap:3px;width:100%;padding:10px;text-align:left;color:var(--md-sys-color-on-surface, #1f2937);background:var(--md-sys-color-surface, #fff)}.prx-rich-editor__structure-item--selected{border-color:var(--md-sys-color-primary, #3154e7);background:color-mix(in srgb,var(--md-sys-color-primary, #3154e7) 8%,var(--md-sys-color-surface, #fff))}.prx-rich-editor__structure-item small{color:#991b1b;font-weight:700}.prx-rich-editor__intent-strip{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.prx-rich-editor__intent-strip span,.prx-rich-editor__intent-strip button{min-width:0;display:grid;gap:3px;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:10px 12px;text-align:left;color:var(--md-sys-color-on-surface, #1f2937);background:var(--md-sys-color-surface, #fff)}.prx-rich-editor__intent-strip button{position:relative}.prx-rich-editor__intent-strip small{color:var(--md-sys-color-on-surface-variant, #5f6673);font-size:.78rem;font-weight:600}.prx-rich-editor__intent-strip .prx-rich-editor__issue-count{position:absolute;inset-block-start:8px;inset-inline-end:8px}.prx-rich-editor__section-header,.prx-rich-editor__node-header{display:flex;gap:16px;align-items:flex-start;justify-content:space-between}.prx-rich-editor__section-header h3,.prx-rich-editor__node-header h4{margin:0}.prx-rich-editor__section-header p,.prx-rich-editor__node-note,.prx-rich-editor__empty{margin:6px 0 0;color:var(--md-sys-color-on-surface-variant, #5f6673);font-size:.88rem}.prx-rich-editor__add-block,.prx-rich-editor__node-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.prx-rich-editor__add-block label{min-width:180px}.prx-rich-editor__node-list{display:grid;gap:12px}.prx-rich-editor__node-card{display:grid;gap:14px;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:14px;background:var(--md-sys-color-surface-container-lowest, #fff)}.prx-rich-editor__node-eyebrow{margin:0 0 4px;color:var(--md-sys-color-on-surface-variant, #5f6673);font-size:.75rem;font-weight:700;text-transform:uppercase}.prx-rich-editor__node-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.prx-rich-editor__wide-field,.prx-rich-editor__node-note{grid-column:1 / -1}.prx-rich-editor__field-group,.prx-rich-editor__nested-editor,.prx-rich-editor__nested-node{grid-column:1 / -1;display:grid;gap:12px}.prx-rich-editor__field-group,.prx-rich-editor__nested-node{margin:0;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:12px}.prx-rich-editor__document-context{display:grid;gap:12px;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:12px;background:var(--md-sys-color-surface-container-lowest, #fff)}.prx-rich-editor__document-context summary{display:flex;gap:10px;align-items:center;justify-content:space-between;cursor:pointer;font-weight:800}.prx-rich-editor__document-context summary small{color:var(--md-sys-color-on-surface-variant, #5f6673);font-size:.78rem;font-weight:600}.prx-rich-editor__document-context[open] summary{margin-block-end:12px}.prx-rich-editor__field-group{grid-template-columns:repeat(2,minmax(0,1fr))}.prx-rich-editor__field-group legend{padding:0 4px;font-weight:700}.prx-rich-editor__field-help{grid-column:1 / -1;margin:0;color:var(--md-sys-color-on-surface-variant, #5f6673);font-size:.84rem}.prx-rich-editor__json-fieldset{margin-block-start:12px}.prx-rich-editor__json-field{display:grid;gap:6px}.prx-rich-editor__json-field textarea{min-height:96px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.8rem;line-height:1.45}.prx-rich-editor__field-error{color:var(--md-sys-color-error, #ba1a1a);font-size:.78rem;font-weight:700}.prx-rich-editor__advanced-group{grid-column:1 / -1;display:grid;gap:12px;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:12px;background:color-mix(in srgb,var(--md-sys-color-surface-container-lowest, #fff) 88%,var(--md-sys-color-primary, #3154e7) 4%)}.prx-rich-editor__advanced-group summary{display:flex;gap:10px;align-items:center;justify-content:space-between;cursor:pointer;font-weight:800}.prx-rich-editor__advanced-group summary small{color:var(--md-sys-color-on-surface-variant, #5f6673);font-size:.78rem;font-weight:600}.prx-rich-editor__advanced-group[open]{padding-block-end:14px}.prx-rich-editor__advanced-group[open] summary{margin-block-end:12px}.prx-rich-editor__advanced-group .prx-rich-editor__field-group+.prx-rich-editor__field-group{margin-block-start:12px}.prx-rich-editor__advanced-json-map{display:grid;gap:8px;margin-block-start:12px;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:12px;background:var(--md-sys-color-surface-container-lowest, #fff)}.prx-rich-editor__advanced-json-map p{margin:0;color:var(--md-sys-color-on-surface-variant, #5f6673);font-size:.84rem}.prx-rich-editor__advanced-json-chips{display:flex;flex-wrap:wrap;gap:6px}.prx-rich-editor__advanced-json-chips code{border-radius:999px;padding:4px 8px;background:color-mix(in srgb,var(--md-sys-color-primary, #3154e7) 12%,transparent);color:var(--md-sys-color-primary, #3154e7);font-size:.76rem;font-weight:700}.prx-rich-editor__nested-header,.prx-rich-editor__nested-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}.prx-rich-editor__quick-actions{display:flex;flex-wrap:wrap;gap:8px}.prx-rich-editor__node-grid textarea{min-height:96px;font-family:inherit}label,.prx-rich-editor__document{display:grid;gap:7px;font-weight:700}.prx-rich-editor__checkbox-field{display:flex;gap:10px;align-items:center;align-self:end}.prx-rich-editor__checkbox-field input[type=checkbox]{width:auto}input,select,textarea{box-sizing:border-box;width:100%;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:12px;padding:10px 12px;font:inherit;color:inherit;background:var(--md-sys-color-surface, #fff)}textarea{min-height:360px;resize:vertical;font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:.86rem;line-height:1.45}.prx-rich-editor__workbench{display:grid;gap:14px;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr)}.prx-rich-editor__inspector{display:grid;align-content:start;gap:14px;min-width:0;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:12px;background:var(--md-sys-color-surface-container-lowest, #fff)}.prx-rich-editor__inspector h3{margin:0 0 8px;font-size:.95rem}.prx-rich-editor__inspector dl{display:grid;gap:8px;margin:0}.prx-rich-editor__inspector dl div{display:grid;gap:2px}.prx-rich-editor__inspector dt{color:var(--md-sys-color-on-surface-variant, #5f6673);font-size:.78rem;font-weight:700}.prx-rich-editor__inspector dd{margin:0;overflow-wrap:anywhere;font-weight:600}.prx-rich-editor__preview{max-height:260px;overflow:auto;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:12px;background:var(--md-sys-color-surface, #fff)}.prx-rich-editor__preview--large{max-height:min(68vh,760px)}.prx-rich-editor__help{margin:-8px 0 0;color:var(--md-sys-color-on-surface-variant, #5f6673);font-size:.85rem}.prx-rich-editor__error{margin:0;padding:10px 12px;border-radius:8px;color:#991b1b;background:color-mix(in srgb,#dc2626 9%,transparent)}.prx-rich-editor__error p{margin:0}.prx-rich-editor__error ul{display:grid;gap:6px;margin:8px 0 0;padding-inline-start:18px}.prx-rich-editor__error code{margin-right:4px;font-family:Cascadia Code,Fira Code,Consolas,monospace}.prx-rich-editor__actions{display:flex;flex-wrap:wrap;gap:10px}button{border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:8px 14px;background:var(--md-sys-color-surface, #fff);color:var(--md-sys-color-primary, #3154e7);font-weight:700;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}@media(max-width:760px){.prx-rich-editor__header,.prx-rich-editor__section-header,.prx-rich-editor__node-header,.prx-rich-editor__authoring-shell,.prx-rich-editor__intent-strip,.prx-rich-editor__grid,.prx-rich-editor__document-context summary,.prx-rich-editor__field-group,.prx-rich-editor__node-grid,.prx-rich-editor__workbench{grid-template-columns:1fr;display:grid}.prx-rich-editor__structure{position:static}}\n"] }]
|
|
16628
17828
|
}], propDecorators: { inputs: [{
|
|
16629
17829
|
type: Input
|
|
16630
17830
|
}] } });
|
|
@@ -16653,6 +17853,21 @@ const DEFAULT_RICH_CONTENT_DOCUMENT = {
|
|
|
16653
17853
|
],
|
|
16654
17854
|
};
|
|
16655
17855
|
const RICH_CONTENT_INSERTION_PRESETS = [
|
|
17856
|
+
{
|
|
17857
|
+
id: 'page-header',
|
|
17858
|
+
shell: {
|
|
17859
|
+
kind: 'dashboard-card', preset: 'frameless', showHeader: false,
|
|
17860
|
+
windowActions: { collapsible: false, fullscreen: false },
|
|
17861
|
+
appearance: { body: { padding: '12px' } },
|
|
17862
|
+
},
|
|
17863
|
+
label: 'Cabeçalho da funcionalidade',
|
|
17864
|
+
description: 'Título semântico e descrição, sem destinos ou ações fictícias.',
|
|
17865
|
+
icon: 'title',
|
|
17866
|
+
inputs: {
|
|
17867
|
+
layout: 'block',
|
|
17868
|
+
document: { kind: 'praxis.rich-content', version: '1.0.0', nodes: [{ type: 'pageHeader', title: 'Título da página', headingLevel: 1, size: 'md' }] },
|
|
17869
|
+
},
|
|
17870
|
+
},
|
|
16656
17871
|
{
|
|
16657
17872
|
id: 'editorial-card',
|
|
16658
17873
|
label: 'Editorial card',
|
|
@@ -20207,6 +21422,7 @@ const RICH_CONTENT_AI_CAPABILITIES = {
|
|
|
20207
21422
|
'actionButton',
|
|
20208
21423
|
'compose',
|
|
20209
21424
|
'card',
|
|
21425
|
+
'pageHeader',
|
|
20210
21426
|
'callout',
|
|
20211
21427
|
'ctaGroup',
|
|
20212
21428
|
'keyValueList',
|
|
@@ -20291,7 +21507,7 @@ const RICH_CONTENT_AI_CAPABILITIES = {
|
|
|
20291
21507
|
{ path: 'document.context', category: 'richContent', valueKind: 'object', description: 'Config de escopos e aliases de contexto para bindings.' },
|
|
20292
21508
|
{ path: 'document.nodes', category: 'richNode', valueKind: 'array', description: 'Lista declarativa de nodes ricos.' },
|
|
20293
21509
|
{ path: 'document.nodes[]', category: 'richNode', valueKind: 'object', description: 'Node rich-content; o shape depende de document.nodes[].type.' },
|
|
20294
|
-
{ path: 'document.nodes[].type', category: 'richNode', valueKind: 'enum', allowedValues: ['text', 'icon', 'image', 'link', 'badge', 'avatar', 'metric', 'progress', 'actionButton', 'compose', 'card', 'callout', 'ctaGroup', 'keyValueList', 'emptyState', 'propertySheet', 'statGroup', 'tabs', 'recordSummary', 'lookupResult', 'lookupCard', 'relatedRecord', 'actionCard', 'decisionPackage', 'collapsibleCard', 'disclosure', 'accordion', 'formLauncher', 'mediaBlock', 'timeline', 'preset'], description: 'Tipo canonico do node.' },
|
|
21510
|
+
{ path: 'document.nodes[].type', category: 'richNode', valueKind: 'enum', allowedValues: ['text', 'icon', 'image', 'link', 'badge', 'avatar', 'metric', 'progress', 'actionButton', 'compose', 'card', 'pageHeader', 'callout', 'ctaGroup', 'keyValueList', 'emptyState', 'propertySheet', 'statGroup', 'tabs', 'recordSummary', 'lookupResult', 'lookupCard', 'relatedRecord', 'actionCard', 'decisionPackage', 'collapsibleCard', 'disclosure', 'accordion', 'formLauncher', 'mediaBlock', 'timeline', 'preset'], description: 'Tipo canonico do node.' },
|
|
20295
21511
|
{ path: 'document.nodes[].id', category: 'richNode', valueKind: 'string', description: 'Identificador estavel opcional para diffs, testes e telemetria.' },
|
|
20296
21512
|
{ path: 'document.nodes[].testId', category: 'richNode', valueKind: 'string', description: 'Test id opcional para E2E.' },
|
|
20297
21513
|
{ path: 'document.nodes[].className', category: 'richNode', valueKind: 'string', description: 'Classe CSS declarativa aplicada ao node.' },
|
|
@@ -20345,6 +21561,11 @@ const RICH_CONTENT_AI_CAPABILITIES = {
|
|
|
20345
21561
|
{ path: 'document.nodes[].media.kind', category: 'richNode', valueKind: 'enum', allowedValues: ['image', 'video', 'icon', 'avatar'], description: 'Tipo de media do card.' },
|
|
20346
21562
|
{ path: 'document.nodes[].media.placement', category: 'richNode', valueKind: 'enum', allowedValues: ['top', 'leading', 'trailing', 'background'], description: 'Posicionamento semantico da media no card.' },
|
|
20347
21563
|
{ path: 'document.nodes[].media.aspectRatio', category: 'richNode', valueKind: 'string', description: 'Aspect ratio CSS seguro para a area de media do card.' },
|
|
21564
|
+
{ path: 'document.nodes[].headingLevel', category: 'richNode', valueKind: 'enum', allowedValues: [1, 2, 3, 4, 5, 6], description: 'Nível semântico do título de pageHeader, independente de size.' },
|
|
21565
|
+
{ path: 'document.nodes[].identity', category: 'richNode', valueKind: 'object', description: 'Ícone, avatar ou imagem opcional do pageHeader.' },
|
|
21566
|
+
{ path: 'document.nodes[].breadcrumbs', category: 'richNode', valueKind: 'array', description: 'Links dos ancestrais reais; o título é o item atual, sem link.' },
|
|
21567
|
+
{ path: 'document.nodes[].overflowActions', category: 'richNode', valueKind: 'array', description: 'Ações host-mediated no menu Mais ações do pageHeader.' },
|
|
21568
|
+
{ path: 'document.nodes[].relatedLinks', category: 'richNode', valueKind: 'array', description: 'Links para funcionalidades relacionadas, com contexto no destino.' },
|
|
20348
21569
|
{ path: 'document.nodes[].headerAction', category: 'richNode', valueKind: 'object', description: 'ActionButton opcional no canto do header do card.' },
|
|
20349
21570
|
{ path: 'document.nodes[].header', category: 'richNode', valueKind: 'array', description: 'Slot header de card com rich blocks estruturados.' },
|
|
20350
21571
|
{ path: 'document.nodes[].body', category: 'richNode', valueKind: 'array', description: 'Slot body de card com rich blocks estruturados.' },
|
|
@@ -20693,6 +21914,11 @@ const blockPatchSchema = {
|
|
|
20693
21914
|
},
|
|
20694
21915
|
},
|
|
20695
21916
|
headerAction: { type: 'object' },
|
|
21917
|
+
headingLevel: { enum: [1, 2, 3, 4, 5, 6] },
|
|
21918
|
+
identity: { type: 'object' },
|
|
21919
|
+
breadcrumbs: { type: 'array', items: { type: 'object' } },
|
|
21920
|
+
overflowActions: { type: 'array', items: { type: 'object' } },
|
|
21921
|
+
relatedLinks: { type: 'array', items: { type: 'object' } },
|
|
20696
21922
|
interaction: {
|
|
20697
21923
|
type: 'object',
|
|
20698
21924
|
properties: {
|
|
@@ -20773,7 +21999,7 @@ const PRAXIS_RICH_CONTENT_AUTHORING_MANIFEST = {
|
|
|
20773
21999
|
type: 'object',
|
|
20774
22000
|
required: ['type'],
|
|
20775
22001
|
properties: {
|
|
20776
|
-
type: { enum: ['text', 'icon', 'image', 'link', 'badge', 'avatar', 'metric', 'progress', 'actionButton', 'compose', 'card', 'callout', 'ctaGroup', 'keyValueList', 'emptyState', 'propertySheet', 'statGroup', 'tabs', 'recordSummary', 'lookupResult', 'lookupCard', 'relatedRecord', 'actionCard', 'decisionPackage', 'collapsibleCard', 'disclosure', 'accordion', 'formLauncher', 'mediaBlock', 'timeline', 'preset'] },
|
|
22002
|
+
type: { enum: ['text', 'icon', 'image', 'link', 'badge', 'avatar', 'metric', 'progress', 'actionButton', 'compose', 'card', 'pageHeader', 'callout', 'ctaGroup', 'keyValueList', 'emptyState', 'propertySheet', 'statGroup', 'tabs', 'recordSummary', 'lookupResult', 'lookupCard', 'relatedRecord', 'actionCard', 'decisionPackage', 'collapsibleCard', 'disclosure', 'accordion', 'formLauncher', 'mediaBlock', 'timeline', 'preset'] },
|
|
20777
22003
|
node: { type: 'object' },
|
|
20778
22004
|
afterBlockId: { type: 'string' },
|
|
20779
22005
|
beforeBlockId: { type: 'string' },
|
|
@@ -20783,7 +22009,7 @@ const PRAXIS_RICH_CONTENT_AUTHORING_MANIFEST = {
|
|
|
20783
22009
|
reads: ['document.nodes[]'],
|
|
20784
22010
|
writes: ['document.nodes[]'],
|
|
20785
22011
|
identityKeys: ['document.nodes[].id'],
|
|
20786
|
-
inputSchema: { type: 'object', required: ['type'], properties: { type: { enum: ['text', 'icon', 'image', 'link', 'badge', 'avatar', 'metric', 'progress', 'actionButton', 'compose', 'card', 'callout', 'ctaGroup', 'keyValueList', 'emptyState', 'propertySheet', 'statGroup', 'tabs', 'recordSummary', 'lookupResult', 'lookupCard', 'relatedRecord', 'actionCard', 'decisionPackage', 'collapsibleCard', 'disclosure', 'accordion', 'formLauncher', 'mediaBlock', 'timeline', 'preset'] }, node: { type: 'object' }, afterBlockId: { type: 'string' }, beforeBlockId: { type: 'string' } } },
|
|
22012
|
+
inputSchema: { type: 'object', required: ['type'], properties: { type: { enum: ['text', 'icon', 'image', 'link', 'badge', 'avatar', 'metric', 'progress', 'actionButton', 'compose', 'card', 'pageHeader', 'callout', 'ctaGroup', 'keyValueList', 'emptyState', 'propertySheet', 'statGroup', 'tabs', 'recordSummary', 'lookupResult', 'lookupCard', 'relatedRecord', 'actionCard', 'decisionPackage', 'collapsibleCard', 'disclosure', 'accordion', 'formLauncher', 'mediaBlock', 'timeline', 'preset'] }, node: { type: 'object' }, afterBlockId: { type: 'string' }, beforeBlockId: { type: 'string' } } },
|
|
20787
22013
|
failureModes: ['unsupported-node-type', 'duplicate-node-id', 'invalid-node-shape', 'unsafe-url', 'unsafe-style'],
|
|
20788
22014
|
description: 'Creates a supported RichBlockNode, validates it with validateRichContentDocument semantics and inserts it by stable neighbor id when provided.',
|
|
20789
22015
|
} }],
|
|
@@ -20884,6 +22110,11 @@ const PRAXIS_RICH_CONTENT_AUTHORING_MANIFEST = {
|
|
|
20884
22110
|
'document.nodes[].secondaryActions',
|
|
20885
22111
|
'document.nodes[].media',
|
|
20886
22112
|
'document.nodes[].headerAction',
|
|
22113
|
+
'document.nodes[].headingLevel',
|
|
22114
|
+
'document.nodes[].identity',
|
|
22115
|
+
'document.nodes[].breadcrumbs',
|
|
22116
|
+
'document.nodes[].overflowActions',
|
|
22117
|
+
'document.nodes[].relatedLinks',
|
|
20887
22118
|
'document.nodes[].interaction',
|
|
20888
22119
|
'document.nodes[].accessibility',
|
|
20889
22120
|
'document.nodes[].fields',
|