@praxisui/rich-content 9.0.37 → 9.0.39

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.
@@ -1166,7 +1166,9 @@ class PraxisRichContent {
1166
1166
  }
1167
1167
  resolveNodeStyleValue(node, name) {
1168
1168
  const value = this.resolveNodeStyles(node)[name];
1169
- return typeof value === 'string' || typeof value === 'number' ? value : null;
1169
+ return typeof value === 'string' || typeof value === 'number'
1170
+ ? value
1171
+ : null;
1170
1172
  }
1171
1173
  resolveText(node) {
1172
1174
  return this.resolveValue(node.textExpr) ?? node.text ?? '';
@@ -1304,7 +1306,8 @@ class PraxisRichContent {
1304
1306
  return node.interaction?.selected === true;
1305
1307
  }
1306
1308
  isCardInteractive(node) {
1307
- return node.interaction?.mode === 'action' || node.interaction?.mode === 'selectable';
1309
+ return (node.interaction?.mode === 'action' ||
1310
+ node.interaction?.mode === 'selectable');
1308
1311
  }
1309
1312
  isCardInteractionDisabled(node) {
1310
1313
  if (this.isCardLoading(node)) {
@@ -1324,7 +1327,9 @@ class PraxisRichContent {
1324
1327
  return !this.resolveBooleanExpression(action.availabilityExpr);
1325
1328
  }
1326
1329
  const host = this.hostCapabilities();
1327
- return host?.isActionAvailable ? !host.isActionAvailable(action.actionId) : false;
1330
+ return host?.isActionAvailable
1331
+ ? !host.isActionAvailable(action.actionId)
1332
+ : false;
1328
1333
  }
1329
1334
  resolveCardRole(node) {
1330
1335
  if (node.accessibility?.role) {
@@ -1333,7 +1338,9 @@ class PraxisRichContent {
1333
1338
  return this.isCardInteractive(node) ? 'button' : 'article';
1334
1339
  }
1335
1340
  resolveCardTabIndex(node) {
1336
- return this.isCardInteractive(node) && !this.isCardInteractionDisabled(node) ? 0 : null;
1341
+ return this.isCardInteractive(node) && !this.isCardInteractionDisabled(node)
1342
+ ? 0
1343
+ : null;
1337
1344
  }
1338
1345
  resolveCardAriaLabel(node) {
1339
1346
  return (this.resolveValue(node.accessibility?.ariaLabelExpr) ??
@@ -1393,7 +1400,7 @@ class PraxisRichContent {
1393
1400
  await host?.dispatchAction?.(action.actionId, payload);
1394
1401
  }
1395
1402
  resolveActionButtonLabel(node) {
1396
- return this.resolveValue(node.labelExpr) ?? node.label ?? node.action.actionId;
1403
+ return (this.resolveValue(node.labelExpr) ?? node.label ?? node.action.actionId);
1397
1404
  }
1398
1405
  isActionButtonDisabled(node) {
1399
1406
  if (node.disabledWhen) {
@@ -1514,7 +1521,8 @@ class PraxisRichContent {
1514
1521
  return this.evaluateRule(item.disabledWhen, true);
1515
1522
  }
1516
1523
  isTabsItemActive(node, item, index, items) {
1517
- return this.resolveTabsItemKey(item, index) === this.resolveActiveTabsItemKey(node, items);
1524
+ return (this.resolveTabsItemKey(item, index) ===
1525
+ this.resolveActiveTabsItemKey(node, items));
1518
1526
  }
1519
1527
  resolveActiveTabsItem(node, items) {
1520
1528
  const activeKey = this.resolveActiveTabsItemKey(node, items);
@@ -1593,16 +1601,20 @@ class PraxisRichContent {
1593
1601
  return this.resolveValue(node.statusExpr) ?? node.status ?? 'resolved';
1594
1602
  }
1595
1603
  resolveLookupCardEmptyText(node) {
1596
- return this.resolveValue(node.emptyTextExpr) ?? node.emptyText ?? 'No matching record found.';
1604
+ return (this.resolveValue(node.emptyTextExpr) ??
1605
+ node.emptyText ??
1606
+ 'No matching record found.');
1597
1607
  }
1598
1608
  resolveLookupCardErrorText(node) {
1599
- return this.resolveValue(node.errorTextExpr) ?? node.errorText ?? 'The lookup could not be completed.';
1609
+ return (this.resolveValue(node.errorTextExpr) ??
1610
+ node.errorText ??
1611
+ 'The lookup could not be completed.');
1600
1612
  }
1601
1613
  resolveLookupCardMeta(node) {
1602
1614
  return this.resolveValue(node.metaExpr) ?? node.meta ?? null;
1603
1615
  }
1604
1616
  resolveLookupCardCtaLabel(node) {
1605
- return this.resolveValue(node.ctaLabelExpr) ?? node.ctaLabel ?? node.title ?? '';
1617
+ return (this.resolveValue(node.ctaLabelExpr) ?? node.ctaLabel ?? node.title ?? '');
1606
1618
  }
1607
1619
  resolveLookupCardFields(node) {
1608
1620
  return Array.isArray(node.fields) ? node.fields : [];
@@ -1623,7 +1635,7 @@ class PraxisRichContent {
1623
1635
  return this.resolveValue(node.subtitleExpr) ?? node.subtitle ?? null;
1624
1636
  }
1625
1637
  resolveRelatedRecordRelationLabel(node) {
1626
- return this.resolveValue(node.relationLabelExpr) ?? node.relationLabel ?? null;
1638
+ return (this.resolveValue(node.relationLabelExpr) ?? node.relationLabel ?? null);
1627
1639
  }
1628
1640
  resolveRelatedRecordMeta(node) {
1629
1641
  return this.resolveValue(node.metaExpr) ?? node.meta ?? null;
@@ -1658,7 +1670,9 @@ class PraxisRichContent {
1658
1670
  return !this.resolveBooleanExpression(node.action.availabilityExpr);
1659
1671
  }
1660
1672
  const host = this.hostCapabilities();
1661
- return host?.isActionAvailable ? !host.isActionAvailable(node.action.actionId) : false;
1673
+ return host?.isActionAvailable
1674
+ ? !host.isActionAvailable(node.action.actionId)
1675
+ : false;
1662
1676
  }
1663
1677
  onRelatedRecordClick(node) {
1664
1678
  if (!node.action || this.isRelatedRecordDisabled(node)) {
@@ -1677,7 +1691,9 @@ class PraxisRichContent {
1677
1691
  return !this.resolveBooleanExpression(node.action.availabilityExpr);
1678
1692
  }
1679
1693
  const host = this.hostCapabilities();
1680
- return host?.isActionAvailable ? !host.isActionAvailable(node.action.actionId) : false;
1694
+ return host?.isActionAvailable
1695
+ ? !host.isActionAvailable(node.action.actionId)
1696
+ : false;
1681
1697
  }
1682
1698
  onLookupCardClick(node) {
1683
1699
  if (!node.action || this.isLookupCardDisabled(node)) {
@@ -1701,7 +1717,7 @@ class PraxisRichContent {
1701
1717
  return this.resolveValue(node.metaExpr) ?? node.meta ?? null;
1702
1718
  }
1703
1719
  resolveActionCardCtaLabel(node) {
1704
- return this.resolveValue(node.ctaLabelExpr) ?? node.ctaLabel ?? node.title ?? '';
1720
+ return (this.resolveValue(node.ctaLabelExpr) ?? node.ctaLabel ?? node.title ?? '');
1705
1721
  }
1706
1722
  resolveDecisionPackageTitle(node) {
1707
1723
  return this.resolveValue(node.titleExpr) ?? node.title ?? null;
@@ -1719,7 +1735,7 @@ class PraxisRichContent {
1719
1735
  return this.resolveValue(node.ownerExpr) ?? node.owner ?? null;
1720
1736
  }
1721
1737
  resolveDecisionPackagePolicySource(node) {
1722
- return this.resolveValue(node.policySourceExpr) ?? node.policySource ?? null;
1738
+ return (this.resolveValue(node.policySourceExpr) ?? node.policySource ?? null);
1723
1739
  }
1724
1740
  resolveDecisionPackageVersion(node) {
1725
1741
  return this.resolveValue(node.versionExpr) ?? node.version ?? null;
@@ -1728,7 +1744,7 @@ class PraxisRichContent {
1728
1744
  return this.resolveValue(node.riskExpr) ?? node.risk ?? null;
1729
1745
  }
1730
1746
  resolveDecisionPackageLastReviewed(node) {
1731
- return this.resolveValue(node.lastReviewedExpr) ?? node.lastReviewed ?? null;
1747
+ return (this.resolveValue(node.lastReviewedExpr) ?? node.lastReviewed ?? null);
1732
1748
  }
1733
1749
  resolveDecisionPackageConfidence(node) {
1734
1750
  const value = this.resolveValue(node.confidenceExpr);
@@ -1754,7 +1770,9 @@ class PraxisRichContent {
1754
1770
  return !this.resolveBooleanExpression(node.action.availabilityExpr);
1755
1771
  }
1756
1772
  const host = this.hostCapabilities();
1757
- return host?.isActionAvailable ? !host.isActionAvailable(node.action.actionId) : false;
1773
+ return host?.isActionAvailable
1774
+ ? !host.isActionAvailable(node.action.actionId)
1775
+ : false;
1758
1776
  }
1759
1777
  onActionCardClick(node) {
1760
1778
  if (this.isActionCardDisabled(node)) {
@@ -1781,10 +1799,7 @@ class PraxisRichContent {
1781
1799
  return this.resolveValue(node.descriptionExpr) ?? node.description ?? null;
1782
1800
  }
1783
1801
  resolveFormLauncherCtaLabel(node) {
1784
- return (this.resolveValue(node.ctaLabelExpr) ??
1785
- node.ctaLabel ??
1786
- node.formId ??
1787
- '');
1802
+ return (this.resolveValue(node.ctaLabelExpr) ?? node.ctaLabel ?? node.formId ?? '');
1788
1803
  }
1789
1804
  isFormLauncherDisabled(node) {
1790
1805
  if (node.disabledWhen) {
@@ -1806,7 +1821,10 @@ class PraxisRichContent {
1806
1821
  ? this.resolveStructuredValue(node.action.payloadExpr)
1807
1822
  : node.action.payload;
1808
1823
  const payload = resolvedPayload && typeof resolvedPayload === 'object'
1809
- ? { formId: node.formId, ...resolvedPayload }
1824
+ ? {
1825
+ formId: node.formId,
1826
+ ...resolvedPayload,
1827
+ }
1810
1828
  : { formId: node.formId, payload: resolvedPayload };
1811
1829
  void this.dispatchRichAction(node.action, payload);
1812
1830
  }
@@ -1854,7 +1872,9 @@ class PraxisRichContent {
1854
1872
  }
1855
1873
  resolveTimelineItems(node) {
1856
1874
  const items = Array.isArray(node.items) ? node.items : [];
1857
- return this.resolveTimelineOrder(node) === 'reverse' ? [...items].reverse() : items;
1875
+ return this.resolveTimelineOrder(node) === 'reverse'
1876
+ ? [...items].reverse()
1877
+ : items;
1858
1878
  }
1859
1879
  resolveTimelineItemNumber(node, item, displayIndex) {
1860
1880
  if (this.resolveTimelineOrder(node) !== 'reverse') {
@@ -1990,7 +2010,8 @@ class PraxisRichContent {
1990
2010
  : null;
1991
2011
  }
1992
2012
  resolveTimelineConnectorStyle(value) {
1993
- return typeof value === 'string' && ['solid', 'dashed', 'none'].includes(value)
2013
+ return typeof value === 'string' &&
2014
+ ['solid', 'dashed', 'none'].includes(value)
1994
2015
  ? value
1995
2016
  : null;
1996
2017
  }
@@ -2144,7 +2165,10 @@ class PraxisRichContent {
2144
2165
  [ngClass]="rootClassName"
2145
2166
  >
2146
2167
  <ng-container
2147
- *ngTemplateOutlet="renderNodes; context: { $implicit: renderableNodes() }"
2168
+ *ngTemplateOutlet="
2169
+ renderNodes;
2170
+ context: { $implicit: renderableNodes() }
2171
+ "
2148
2172
  ></ng-container>
2149
2173
  </div>
2150
2174
 
@@ -2192,27 +2216,43 @@ class PraxisRichContent {
2192
2216
  </a>
2193
2217
  }
2194
2218
  @case ('badge') {
2195
- <span class="prx-rich-badge">{{ resolveBadgeLabel(node) }}</span>
2219
+ <span class="prx-rich-badge">{{
2220
+ resolveBadgeLabel(node)
2221
+ }}</span>
2196
2222
  }
2197
2223
  @case ('avatar') {
2198
2224
  <div class="prx-rich-avatar">
2199
2225
  @if (resolveAvatarImage(node); as avatarImage) {
2200
- <img class="prx-rich-avatar-image" [src]="avatarImage" [alt]="resolveAvatarLabel(node)" />
2226
+ <img
2227
+ class="prx-rich-avatar-image"
2228
+ [src]="avatarImage"
2229
+ [alt]="resolveAvatarLabel(node)"
2230
+ />
2201
2231
  } @else {
2202
- <span class="prx-rich-avatar-fallback">{{ resolveAvatarFallback(node) }}</span>
2232
+ <span class="prx-rich-avatar-fallback">{{
2233
+ resolveAvatarFallback(node)
2234
+ }}</span>
2203
2235
  }
2204
2236
  </div>
2205
2237
  }
2206
2238
  @case ('metric') {
2207
- <div class="prx-rich-metric" [class.prx-rich-metric--with-icon]="node.icon">
2239
+ <div
2240
+ class="prx-rich-metric"
2241
+ [class.prx-rich-metric--with-icon]="node.icon"
2242
+ >
2208
2243
  @if (node.icon) {
2209
- <span class="material-symbols-outlined prx-rich-metric-icon" aria-hidden="true">
2244
+ <span
2245
+ class="material-symbols-outlined prx-rich-metric-icon"
2246
+ aria-hidden="true"
2247
+ >
2210
2248
  {{ node.icon }}
2211
2249
  </span>
2212
2250
  }
2213
2251
  <div class="prx-rich-metric-content">
2214
2252
  <div class="prx-rich-metric-label">{{ node.label }}</div>
2215
- <div class="prx-rich-metric-value">{{ resolveMetricValue(node) }}</div>
2253
+ <div class="prx-rich-metric-value">
2254
+ {{ resolveMetricValue(node) }}
2255
+ </div>
2216
2256
  @if (resolveMetricCaption(node); as caption) {
2217
2257
  <div class="prx-rich-metric-caption">{{ caption }}</div>
2218
2258
  }
@@ -2224,10 +2264,14 @@ class PraxisRichContent {
2224
2264
  @if (resolveProgressLabel(node) || node.showPercent) {
2225
2265
  <div class="prx-rich-progress-header">
2226
2266
  @if (resolveProgressLabel(node); as progressLabel) {
2227
- <div class="prx-rich-progress-label">{{ progressLabel }}</div>
2267
+ <div class="prx-rich-progress-label">
2268
+ {{ progressLabel }}
2269
+ </div>
2228
2270
  }
2229
2271
  @if (node.showPercent) {
2230
- <div class="prx-rich-progress-percent">{{ resolveProgressPercent(node) }}</div>
2272
+ <div class="prx-rich-progress-percent">
2273
+ {{ resolveProgressPercent(node) }}
2274
+ </div>
2231
2275
  }
2232
2276
  </div>
2233
2277
  }
@@ -2243,11 +2287,19 @@ class PraxisRichContent {
2243
2287
  <button
2244
2288
  type="button"
2245
2289
  class="prx-rich-action-button"
2246
- [class.prx-rich-action-button--raised]="node.variant === 'raised'"
2247
- [class.prx-rich-action-button--stroked]="node.variant === 'stroked'"
2290
+ [class.prx-rich-action-button--raised]="
2291
+ node.variant === 'raised'
2292
+ "
2293
+ [class.prx-rich-action-button--stroked]="
2294
+ node.variant === 'stroked'
2295
+ "
2248
2296
  [class.prx-rich-action-button--flat]="node.variant === 'flat'"
2249
- [class.prx-rich-action-button--primary]="node.color === 'primary'"
2250
- [class.prx-rich-action-button--accent]="node.color === 'accent'"
2297
+ [class.prx-rich-action-button--primary]="
2298
+ node.color === 'primary'
2299
+ "
2300
+ [class.prx-rich-action-button--accent]="
2301
+ node.color === 'accent'
2302
+ "
2251
2303
  [class.prx-rich-action-button--warn]="node.color === 'warn'"
2252
2304
  [disabled]="isActionButtonDisabled(node)"
2253
2305
  (click)="onActionButtonClick(node)"
@@ -2271,7 +2323,10 @@ class PraxisRichContent {
2271
2323
  [class.wrap]="node.wrap === true"
2272
2324
  >
2273
2325
  <ng-container
2274
- *ngTemplateOutlet="renderNodes; context: { $implicit: node.items }"
2326
+ *ngTemplateOutlet="
2327
+ renderNodes;
2328
+ context: { $implicit: node.items }
2329
+ "
2275
2330
  ></ng-container>
2276
2331
  </div>
2277
2332
  }
@@ -2279,16 +2334,31 @@ class PraxisRichContent {
2279
2334
  <section
2280
2335
  class="prx-rich-card"
2281
2336
  [class.prx-rich-card--interactive]="isCardInteractive(node)"
2282
- [class.prx-rich-card--disabled]="isCardInteractionDisabled(node)"
2337
+ [class.prx-rich-card--disabled]="
2338
+ isCardInteractionDisabled(node)
2339
+ "
2283
2340
  [class.prx-rich-card--selected]="isCardSelected(node)"
2284
2341
  [class.prx-rich-card--active]="isCardActive(node)"
2285
2342
  [class.prx-rich-card--loading]="isCardLoading(node)"
2286
- [class.prx-rich-card--media-leading]="resolveCardMedia(node)?.placement === 'leading'"
2287
- [class.prx-rich-card--media-trailing]="resolveCardMedia(node)?.placement === 'trailing'"
2288
- [class.prx-rich-card--media-top]="!resolveCardMedia(node)?.placement || resolveCardMedia(node)?.placement === 'top'"
2289
- [class.prx-rich-card--media-background]="resolveCardMedia(node)?.placement === 'background'"
2290
- [class.prx-rich-card--media-icon]="resolveCardMedia(node)?.kind === 'icon'"
2291
- [class.prx-rich-card--media-avatar]="resolveCardMedia(node)?.kind === 'avatar'"
2343
+ [class.prx-rich-card--media-leading]="
2344
+ resolveCardMedia(node)?.placement === 'leading'
2345
+ "
2346
+ [class.prx-rich-card--media-trailing]="
2347
+ resolveCardMedia(node)?.placement === 'trailing'
2348
+ "
2349
+ [class.prx-rich-card--media-top]="
2350
+ !resolveCardMedia(node)?.placement ||
2351
+ resolveCardMedia(node)?.placement === 'top'
2352
+ "
2353
+ [class.prx-rich-card--media-background]="
2354
+ resolveCardMedia(node)?.placement === 'background'
2355
+ "
2356
+ [class.prx-rich-card--media-icon]="
2357
+ resolveCardMedia(node)?.kind === 'icon'
2358
+ "
2359
+ [class.prx-rich-card--media-avatar]="
2360
+ resolveCardMedia(node)?.kind === 'avatar'
2361
+ "
2292
2362
  [attr.data-variant]="node.variant ?? 'outlined'"
2293
2363
  [attr.data-tone]="node.tone ?? 'neutral'"
2294
2364
  [attr.data-size]="node.size ?? 'md'"
@@ -2297,18 +2367,36 @@ class PraxisRichContent {
2297
2367
  [attr.role]="resolveCardRole(node)"
2298
2368
  [attr.tabindex]="resolveCardTabIndex(node)"
2299
2369
  [attr.aria-label]="resolveCardAriaLabel(node)"
2300
- [attr.aria-labelledby]="node.accessibility?.ariaLabelledBy ?? null"
2301
- [attr.aria-describedby]="node.accessibility?.ariaDescribedBy ?? null"
2302
- [attr.aria-disabled]="isCardInteractive(node) && isCardInteractionDisabled(node) ? 'true' : null"
2303
- [attr.aria-selected]="node.interaction?.mode === 'selectable' ? isCardSelected(node) : null"
2370
+ [attr.aria-labelledby]="
2371
+ node.accessibility?.ariaLabelledBy ?? null
2372
+ "
2373
+ [attr.aria-describedby]="
2374
+ node.accessibility?.ariaDescribedBy ?? null
2375
+ "
2376
+ [attr.aria-disabled]="
2377
+ isCardInteractive(node) && isCardInteractionDisabled(node)
2378
+ ? 'true'
2379
+ : null
2380
+ "
2381
+ [attr.aria-selected]="
2382
+ node.interaction?.mode === 'selectable'
2383
+ ? isCardSelected(node)
2384
+ : null
2385
+ "
2304
2386
  (click)="onCardSurfaceClick(node, $event)"
2305
2387
  (keydown)="onCardSurfaceKeydown(node, $event)"
2306
2388
  >
2307
2389
  @if (resolveCardMedia(node); as media) {
2308
2390
  @if (media.placement === 'background') {
2309
- <div class="prx-rich-card-media prx-rich-card-media--background" aria-hidden="true">
2391
+ <div
2392
+ class="prx-rich-card-media prx-rich-card-media--background"
2393
+ aria-hidden="true"
2394
+ >
2310
2395
  <ng-container
2311
- *ngTemplateOutlet="cardMedia; context: { media: media }"
2396
+ *ngTemplateOutlet="
2397
+ cardMedia;
2398
+ context: { media: media }
2399
+ "
2312
2400
  ></ng-container>
2313
2401
  </div>
2314
2402
  } @else {
@@ -2319,7 +2407,10 @@ class PraxisRichContent {
2319
2407
  [style.aspect-ratio]="media.aspectRatio || null"
2320
2408
  >
2321
2409
  <ng-container
2322
- *ngTemplateOutlet="cardMedia; context: { media: media }"
2410
+ *ngTemplateOutlet="
2411
+ cardMedia;
2412
+ context: { media: media }
2413
+ "
2323
2414
  ></ng-container>
2324
2415
  </div>
2325
2416
  }
@@ -2329,13 +2420,19 @@ class PraxisRichContent {
2329
2420
  <div class="prx-rich-card-header">
2330
2421
  <div class="prx-rich-card-header__content">
2331
2422
  <ng-container
2332
- *ngTemplateOutlet="renderNodes; context: { $implicit: headerNodes }"
2423
+ *ngTemplateOutlet="
2424
+ renderNodes;
2425
+ context: { $implicit: headerNodes }
2426
+ "
2333
2427
  ></ng-container>
2334
2428
  </div>
2335
2429
  @if (node.headerAction) {
2336
2430
  <div class="prx-rich-card-header__action">
2337
2431
  <ng-container
2338
- *ngTemplateOutlet="renderNodes; context: { $implicit: [node.headerAction] }"
2432
+ *ngTemplateOutlet="
2433
+ renderNodes;
2434
+ context: { $implicit: [node.headerAction] }
2435
+ "
2339
2436
  ></ng-container>
2340
2437
  </div>
2341
2438
  }
@@ -2358,7 +2455,10 @@ class PraxisRichContent {
2358
2455
  @if (bodyNodes.length) {
2359
2456
  <div class="prx-rich-card-body">
2360
2457
  <ng-container
2361
- *ngTemplateOutlet="renderNodes; context: { $implicit: bodyNodes }"
2458
+ *ngTemplateOutlet="
2459
+ renderNodes;
2460
+ context: { $implicit: bodyNodes }
2461
+ "
2362
2462
  ></ng-container>
2363
2463
  </div>
2364
2464
  }
@@ -2367,7 +2467,10 @@ class PraxisRichContent {
2367
2467
  @if (actionNodes.length) {
2368
2468
  <div class="prx-rich-card-actions">
2369
2469
  <ng-container
2370
- *ngTemplateOutlet="renderNodes; context: { $implicit: actionNodes }"
2470
+ *ngTemplateOutlet="
2471
+ renderNodes;
2472
+ context: { $implicit: actionNodes }
2473
+ "
2371
2474
  ></ng-container>
2372
2475
  </div>
2373
2476
  }
@@ -2376,7 +2479,10 @@ class PraxisRichContent {
2376
2479
  @if (footerNodes.length) {
2377
2480
  <div class="prx-rich-card-footer">
2378
2481
  <ng-container
2379
- *ngTemplateOutlet="renderNodes; context: { $implicit: footerNodes }"
2482
+ *ngTemplateOutlet="
2483
+ renderNodes;
2484
+ context: { $implicit: footerNodes }
2485
+ "
2380
2486
  ></ng-container>
2381
2487
  </div>
2382
2488
  }
@@ -2385,7 +2491,10 @@ class PraxisRichContent {
2385
2491
  @if (asideNodes.length) {
2386
2492
  <div class="prx-rich-card-aside">
2387
2493
  <ng-container
2388
- *ngTemplateOutlet="renderNodes; context: { $implicit: asideNodes }"
2494
+ *ngTemplateOutlet="
2495
+ renderNodes;
2496
+ context: { $implicit: asideNodes }
2497
+ "
2389
2498
  ></ng-container>
2390
2499
  </div>
2391
2500
  }
@@ -2393,27 +2502,40 @@ class PraxisRichContent {
2393
2502
  </section>
2394
2503
  }
2395
2504
  @case ('callout') {
2396
- <section class="prx-rich-callout" [attr.data-tone]="node.tone ?? 'info'">
2505
+ <section
2506
+ class="prx-rich-callout"
2507
+ [attr.data-tone]="node.tone ?? 'info'"
2508
+ >
2397
2509
  <div class="prx-rich-callout__main">
2398
2510
  <div class="prx-rich-callout__title-row">
2399
2511
  @if (node.icon) {
2400
- <span class="prx-rich-callout__icon material-symbols-outlined" aria-hidden="true">
2512
+ <span
2513
+ class="prx-rich-callout__icon material-symbols-outlined"
2514
+ aria-hidden="true"
2515
+ >
2401
2516
  {{ node.icon }}
2402
2517
  </span>
2403
2518
  }
2404
2519
  @if (resolveCalloutTitle(node); as calloutTitle) {
2405
- <div class="prx-rich-callout__title">{{ calloutTitle }}</div>
2520
+ <div class="prx-rich-callout__title">
2521
+ {{ calloutTitle }}
2522
+ </div>
2406
2523
  }
2407
2524
  </div>
2408
2525
  @if (resolveCalloutMessage(node); as calloutMessage) {
2409
- <div class="prx-rich-callout__message">{{ calloutMessage }}</div>
2526
+ <div class="prx-rich-callout__message">
2527
+ {{ calloutMessage }}
2528
+ </div>
2410
2529
  }
2411
2530
  </div>
2412
2531
  @if (resolveActionNodes(node.actions); as actionNodes) {
2413
2532
  @if (actionNodes.length) {
2414
2533
  <div class="prx-rich-callout__actions">
2415
2534
  <ng-container
2416
- *ngTemplateOutlet="renderNodes; context: { $implicit: actionNodes }"
2535
+ *ngTemplateOutlet="
2536
+ renderNodes;
2537
+ context: { $implicit: actionNodes }
2538
+ "
2417
2539
  ></ng-container>
2418
2540
  </div>
2419
2541
  }
@@ -2421,23 +2543,35 @@ class PraxisRichContent {
2421
2543
  </section>
2422
2544
  }
2423
2545
  @case ('ctaGroup') {
2424
- <section class="prx-rich-cta-group" [attr.data-layout]="node.layout ?? 'split'">
2546
+ <section
2547
+ class="prx-rich-cta-group"
2548
+ [attr.data-layout]="node.layout ?? 'split'"
2549
+ >
2425
2550
  <div class="prx-rich-cta-group__copy">
2426
2551
  @if (resolveCtaGroupTitle(node); as ctaGroupTitle) {
2427
- <div class="prx-rich-cta-group__title">{{ ctaGroupTitle }}</div>
2552
+ <div class="prx-rich-cta-group__title">
2553
+ {{ ctaGroupTitle }}
2554
+ </div>
2428
2555
  }
2429
2556
  @if (resolveCtaGroupSubtitle(node); as ctaGroupSubtitle) {
2430
- <div class="prx-rich-cta-group__subtitle">{{ ctaGroupSubtitle }}</div>
2557
+ <div class="prx-rich-cta-group__subtitle">
2558
+ {{ ctaGroupSubtitle }}
2559
+ </div>
2431
2560
  }
2432
2561
  @if (resolveCtaGroupMessage(node); as ctaGroupMessage) {
2433
- <div class="prx-rich-cta-group__message">{{ ctaGroupMessage }}</div>
2562
+ <div class="prx-rich-cta-group__message">
2563
+ {{ ctaGroupMessage }}
2564
+ </div>
2434
2565
  }
2435
2566
  </div>
2436
2567
  @if (resolveActionNodes(node.actions); as actionNodes) {
2437
2568
  @if (actionNodes.length) {
2438
2569
  <div class="prx-rich-cta-group__actions">
2439
2570
  <ng-container
2440
- *ngTemplateOutlet="renderNodes; context: { $implicit: actionNodes }"
2571
+ *ngTemplateOutlet="
2572
+ renderNodes;
2573
+ context: { $implicit: actionNodes }
2574
+ "
2441
2575
  ></ng-container>
2442
2576
  </div>
2443
2577
  }
@@ -2445,17 +2579,30 @@ class PraxisRichContent {
2445
2579
  </section>
2446
2580
  }
2447
2581
  @case ('keyValueList') {
2448
- <section class="prx-rich-key-value-list" [attr.data-layout]="node.layout ?? 'stacked'">
2582
+ <section
2583
+ class="prx-rich-key-value-list"
2584
+ [attr.data-layout]="node.layout ?? 'stacked'"
2585
+ >
2449
2586
  @if (resolveKeyValueListTitle(node); as kvTitle) {
2450
- <div class="prx-rich-key-value-list__title">{{ kvTitle }}</div>
2587
+ <div class="prx-rich-key-value-list__title">
2588
+ {{ kvTitle }}
2589
+ </div>
2451
2590
  }
2452
2591
  <dl class="prx-rich-key-value-list__items">
2453
- @for (item of resolveKeyValueItems(node); track item.id ?? $index) {
2592
+ @for (
2593
+ item of resolveKeyValueItems(node);
2594
+ track item.id ?? $index
2595
+ ) {
2454
2596
  <div class="prx-rich-key-value-list__item">
2455
- <dt class="prx-rich-key-value-list__label">{{ resolveKeyValueLabel(item) }}</dt>
2597
+ <dt class="prx-rich-key-value-list__label">
2598
+ {{ resolveKeyValueLabel(item) }}
2599
+ </dt>
2456
2600
  <dd class="prx-rich-key-value-list__value">
2457
2601
  @if (resolveKeyValueIcon(item); as kvIcon) {
2458
- <span class="material-symbols-outlined prx-rich-key-value-list__icon" aria-hidden="true">
2602
+ <span
2603
+ class="material-symbols-outlined prx-rich-key-value-list__icon"
2604
+ aria-hidden="true"
2605
+ >
2459
2606
  {{ kvIcon }}
2460
2607
  </span>
2461
2608
  }
@@ -2472,21 +2619,31 @@ class PraxisRichContent {
2472
2619
  @case ('emptyState') {
2473
2620
  <section class="prx-rich-empty-state">
2474
2621
  @if (node.icon) {
2475
- <span class="prx-rich-empty-state__icon material-symbols-outlined" aria-hidden="true">
2622
+ <span
2623
+ class="prx-rich-empty-state__icon material-symbols-outlined"
2624
+ aria-hidden="true"
2625
+ >
2476
2626
  {{ node.icon }}
2477
2627
  </span>
2478
2628
  }
2479
2629
  @if (resolveEmptyStateTitle(node); as emptyStateTitle) {
2480
- <div class="prx-rich-empty-state__title">{{ emptyStateTitle }}</div>
2630
+ <div class="prx-rich-empty-state__title">
2631
+ {{ emptyStateTitle }}
2632
+ </div>
2481
2633
  }
2482
2634
  @if (resolveEmptyStateMessage(node); as emptyStateMessage) {
2483
- <div class="prx-rich-empty-state__message">{{ emptyStateMessage }}</div>
2635
+ <div class="prx-rich-empty-state__message">
2636
+ {{ emptyStateMessage }}
2637
+ </div>
2484
2638
  }
2485
2639
  @if (resolveActionNodes(node.actions); as actionNodes) {
2486
2640
  @if (actionNodes.length) {
2487
2641
  <div class="prx-rich-empty-state__actions">
2488
2642
  <ng-container
2489
- *ngTemplateOutlet="renderNodes; context: { $implicit: actionNodes }"
2643
+ *ngTemplateOutlet="
2644
+ renderNodes;
2645
+ context: { $implicit: actionNodes }
2646
+ "
2490
2647
  ></ng-container>
2491
2648
  </div>
2492
2649
  }
@@ -2494,16 +2651,30 @@ class PraxisRichContent {
2494
2651
  </section>
2495
2652
  }
2496
2653
  @case ('propertySheet') {
2497
- <section class="prx-rich-property-sheet" [attr.data-columns]="node.columns ?? 2">
2654
+ <section
2655
+ class="prx-rich-property-sheet"
2656
+ [attr.data-columns]="node.columns ?? 2"
2657
+ >
2498
2658
  @if (resolvePropertySheetTitle(node); as propertySheetTitle) {
2499
- <div class="prx-rich-property-sheet__title">{{ propertySheetTitle }}</div>
2659
+ <div class="prx-rich-property-sheet__title">
2660
+ {{ propertySheetTitle }}
2661
+ </div>
2500
2662
  }
2501
2663
  <dl class="prx-rich-property-sheet__items">
2502
- @for (item of resolvePropertySheetItems(node); track item.id ?? $index) {
2503
- <div class="prx-rich-property-sheet__item" [attr.data-tone]="item.tone ?? 'neutral'">
2664
+ @for (
2665
+ item of resolvePropertySheetItems(node);
2666
+ track item.id ?? $index
2667
+ ) {
2668
+ <div
2669
+ class="prx-rich-property-sheet__item"
2670
+ [attr.data-tone]="item.tone ?? 'neutral'"
2671
+ >
2504
2672
  <dt class="prx-rich-property-sheet__label">
2505
2673
  @if (item.icon) {
2506
- <span class="material-symbols-outlined prx-rich-property-sheet__icon" aria-hidden="true">
2674
+ <span
2675
+ class="material-symbols-outlined prx-rich-property-sheet__icon"
2676
+ aria-hidden="true"
2677
+ >
2507
2678
  {{ item.icon }}
2508
2679
  </span>
2509
2680
  }
@@ -2513,7 +2684,9 @@ class PraxisRichContent {
2513
2684
  {{ resolvePropertySheetValue(item) }}
2514
2685
  </dd>
2515
2686
  @if (resolvePropertySheetHint(item); as propertyHint) {
2516
- <div class="prx-rich-property-sheet__hint">{{ propertyHint }}</div>
2687
+ <div class="prx-rich-property-sheet__hint">
2688
+ {{ propertyHint }}
2689
+ </div>
2517
2690
  }
2518
2691
  </div>
2519
2692
  }
@@ -2521,30 +2694,52 @@ class PraxisRichContent {
2521
2694
  </section>
2522
2695
  }
2523
2696
  @case ('statGroup') {
2524
- <section class="prx-rich-stat-group" [attr.data-layout]="node.layout ?? 'grid'">
2697
+ <section
2698
+ class="prx-rich-stat-group"
2699
+ [attr.data-layout]="node.layout ?? 'grid'"
2700
+ >
2525
2701
  @if (resolveStatGroupTitle(node); as statGroupTitle) {
2526
- <div class="prx-rich-stat-group__title">{{ statGroupTitle }}</div>
2702
+ <div class="prx-rich-stat-group__title">
2703
+ {{ statGroupTitle }}
2704
+ </div>
2527
2705
  }
2528
2706
  @if (resolveStatGroupSubtitle(node); as statGroupSubtitle) {
2529
- <div class="prx-rich-stat-group__subtitle">{{ statGroupSubtitle }}</div>
2707
+ <div class="prx-rich-stat-group__subtitle">
2708
+ {{ statGroupSubtitle }}
2709
+ </div>
2530
2710
  }
2531
2711
  <div class="prx-rich-stat-group__items">
2532
- @for (item of resolveStatGroupItems(node); track item.id ?? $index) {
2712
+ @for (
2713
+ item of resolveStatGroupItems(node);
2714
+ track item.id ?? $index
2715
+ ) {
2533
2716
  <div
2534
2717
  class="prx-rich-stat-group__item"
2535
2718
  [class.prx-rich-stat-group__item--with-icon]="item.icon"
2536
2719
  [attr.data-tone]="item.tone ?? 'neutral'"
2537
2720
  >
2538
2721
  @if (item.icon) {
2539
- <span class="material-symbols-outlined prx-rich-stat-group__icon" aria-hidden="true">
2722
+ <span
2723
+ class="material-symbols-outlined prx-rich-stat-group__icon"
2724
+ aria-hidden="true"
2725
+ >
2540
2726
  {{ item.icon }}
2541
2727
  </span>
2542
2728
  }
2543
2729
  <div class="prx-rich-stat-group__item-content">
2544
- <div class="prx-rich-stat-group__label">{{ resolveStatItemLabel(item) }}</div>
2545
- <div class="prx-rich-stat-group__value">{{ resolveStatItemValue(item) }}</div>
2546
- @if (resolveStatItemCaption(item); as statItemCaption) {
2547
- <div class="prx-rich-stat-group__caption">{{ statItemCaption }}</div>
2730
+ <div class="prx-rich-stat-group__label">
2731
+ {{ resolveStatItemLabel(item) }}
2732
+ </div>
2733
+ <div class="prx-rich-stat-group__value">
2734
+ {{ resolveStatItemValue(item) }}
2735
+ </div>
2736
+ @if (
2737
+ resolveStatItemCaption(item);
2738
+ as statItemCaption
2739
+ ) {
2740
+ <div class="prx-rich-stat-group__caption">
2741
+ {{ statItemCaption }}
2742
+ </div>
2548
2743
  }
2549
2744
  </div>
2550
2745
  </div>
@@ -2553,12 +2748,17 @@ class PraxisRichContent {
2553
2748
  </section>
2554
2749
  }
2555
2750
  @case ('tabs') {
2556
- <section class="prx-rich-tabs" [attr.data-appearance]="node.appearance ?? 'underline'">
2751
+ <section
2752
+ class="prx-rich-tabs"
2753
+ [attr.data-appearance]="node.appearance ?? 'underline'"
2754
+ >
2557
2755
  @if (resolveTabsTitle(node); as tabsTitle) {
2558
2756
  <div class="prx-rich-tabs__title">{{ tabsTitle }}</div>
2559
2757
  }
2560
2758
  @if (resolveTabsSubtitle(node); as tabsSubtitle) {
2561
- <div class="prx-rich-tabs__subtitle">{{ tabsSubtitle }}</div>
2759
+ <div class="prx-rich-tabs__subtitle">
2760
+ {{ tabsSubtitle }}
2761
+ </div>
2562
2762
  }
2563
2763
  @if (resolveVisibleTabsItems(node); as tabsItems) {
2564
2764
  @if (tabsItems.length) {
@@ -2568,27 +2768,42 @@ class PraxisRichContent {
2568
2768
  type="button"
2569
2769
  class="prx-rich-tabs__tab"
2570
2770
  role="tab"
2571
- [class.prx-rich-tabs__tab--active]="isTabsItemActive(node, item, $index, tabsItems)"
2572
- [attr.aria-selected]="isTabsItemActive(node, item, $index, tabsItems)"
2771
+ [class.prx-rich-tabs__tab--active]="
2772
+ isTabsItemActive(node, item, $index, tabsItems)
2773
+ "
2774
+ [attr.aria-selected]="
2775
+ isTabsItemActive(node, item, $index, tabsItems)
2776
+ "
2573
2777
  [disabled]="isTabsItemDisabled(item)"
2574
2778
  (click)="onTabsItemClick(node, item, $index)"
2575
2779
  >
2576
2780
  @if (item.icon) {
2577
- <span class="material-symbols-outlined prx-rich-tabs__tab-icon" aria-hidden="true">
2781
+ <span
2782
+ class="material-symbols-outlined prx-rich-tabs__tab-icon"
2783
+ aria-hidden="true"
2784
+ >
2578
2785
  {{ item.icon }}
2579
2786
  </span>
2580
2787
  }
2581
2788
  <span>{{ resolveTabsItemLabel(item) }}</span>
2582
2789
  @if (resolveTabsItemBadge(item); as tabsBadge) {
2583
- <span class="prx-rich-badge">{{ tabsBadge }}</span>
2790
+ <span class="prx-rich-badge">{{
2791
+ tabsBadge
2792
+ }}</span>
2584
2793
  }
2585
2794
  </button>
2586
2795
  }
2587
2796
  </div>
2588
- @if (resolveActiveTabsItem(node, tabsItems); as activeTabsItem) {
2797
+ @if (
2798
+ resolveActiveTabsItem(node, tabsItems);
2799
+ as activeTabsItem
2800
+ ) {
2589
2801
  <div class="prx-rich-tabs__panel" role="tabpanel">
2590
2802
  <ng-container
2591
- *ngTemplateOutlet="renderNodes; context: { $implicit: activeTabsItem.content }"
2803
+ *ngTemplateOutlet="
2804
+ renderNodes;
2805
+ context: { $implicit: activeTabsItem.content }
2806
+ "
2592
2807
  ></ng-container>
2593
2808
  </div>
2594
2809
  }
@@ -2599,16 +2814,25 @@ class PraxisRichContent {
2599
2814
  @case ('recordSummary') {
2600
2815
  <section class="prx-rich-record-summary">
2601
2816
  @if (resolveRecordSummaryTitle(node); as summaryTitle) {
2602
- <div class="prx-rich-record-summary__title">{{ summaryTitle }}</div>
2817
+ <div class="prx-rich-record-summary__title">
2818
+ {{ summaryTitle }}
2819
+ </div>
2603
2820
  }
2604
2821
  @if (resolveRecordSummarySubtitle(node); as summarySubtitle) {
2605
- <div class="prx-rich-record-summary__subtitle">{{ summarySubtitle }}</div>
2822
+ <div class="prx-rich-record-summary__subtitle">
2823
+ {{ summarySubtitle }}
2824
+ </div>
2606
2825
  }
2607
2826
  @if (resolveRecordSummaryMeta(node); as summaryMeta) {
2608
- <div class="prx-rich-record-summary__meta">{{ summaryMeta }}</div>
2827
+ <div class="prx-rich-record-summary__meta">
2828
+ {{ summaryMeta }}
2829
+ </div>
2609
2830
  }
2610
2831
  <dl class="prx-rich-record-summary__fields">
2611
- @for (field of resolveRecordSummaryFields(node); track field.id ?? $index) {
2832
+ @for (
2833
+ field of resolveRecordSummaryFields(node);
2834
+ track field.id ?? $index
2835
+ ) {
2612
2836
  <div class="prx-rich-record-summary__field">
2613
2837
  <dt>{{ resolveRecordSummaryFieldLabel(field) }}</dt>
2614
2838
  <dd>{{ resolveRecordSummaryFieldValue(field) }}</dd>
@@ -2619,7 +2843,10 @@ class PraxisRichContent {
2619
2843
  @if (actionNodes.length) {
2620
2844
  <div class="prx-rich-record-summary__actions">
2621
2845
  <ng-container
2622
- *ngTemplateOutlet="renderNodes; context: { $implicit: actionNodes }"
2846
+ *ngTemplateOutlet="
2847
+ renderNodes;
2848
+ context: { $implicit: actionNodes }
2849
+ "
2623
2850
  ></ng-container>
2624
2851
  </div>
2625
2852
  }
@@ -2627,15 +2854,27 @@ class PraxisRichContent {
2627
2854
  </section>
2628
2855
  }
2629
2856
  @case ('lookupResult') {
2630
- <section class="prx-rich-lookup-result" [attr.data-status]="resolveLookupResultStatus(node)">
2857
+ <section
2858
+ class="prx-rich-lookup-result"
2859
+ [attr.data-status]="resolveLookupResultStatus(node)"
2860
+ >
2631
2861
  @if (resolveLookupResultTitle(node); as lookupResultTitle) {
2632
- <div class="prx-rich-lookup-result__title">{{ lookupResultTitle }}</div>
2862
+ <div class="prx-rich-lookup-result__title">
2863
+ {{ lookupResultTitle }}
2864
+ </div>
2633
2865
  }
2634
- @if (resolveLookupResultSubtitle(node); as lookupResultSubtitle) {
2635
- <div class="prx-rich-lookup-result__subtitle">{{ lookupResultSubtitle }}</div>
2866
+ @if (
2867
+ resolveLookupResultSubtitle(node);
2868
+ as lookupResultSubtitle
2869
+ ) {
2870
+ <div class="prx-rich-lookup-result__subtitle">
2871
+ {{ lookupResultSubtitle }}
2872
+ </div>
2636
2873
  }
2637
2874
  @if (resolveLookupResultMeta(node); as lookupResultMeta) {
2638
- <div class="prx-rich-lookup-result__meta">{{ lookupResultMeta }}</div>
2875
+ <div class="prx-rich-lookup-result__meta">
2876
+ {{ lookupResultMeta }}
2877
+ </div>
2639
2878
  }
2640
2879
  @if (resolveLookupResultStatus(node) === 'empty') {
2641
2880
  <div class="prx-rich-lookup-result__message">
@@ -2647,12 +2886,20 @@ class PraxisRichContent {
2647
2886
  </div>
2648
2887
  } @else {
2649
2888
  <dl class="prx-rich-lookup-result__fields">
2650
- @for (field of resolveLookupResultFields(node); track field.id ?? $index) {
2889
+ @for (
2890
+ field of resolveLookupResultFields(node);
2891
+ track field.id ?? $index
2892
+ ) {
2651
2893
  <div class="prx-rich-lookup-result__field">
2652
2894
  <dt>{{ resolveLookupResultFieldLabel(field) }}</dt>
2653
2895
  <dd>{{ resolveLookupResultFieldValue(field) }}</dd>
2654
- @if (resolveLookupResultFieldHint(field); as lookupResultFieldHint) {
2655
- <div class="prx-rich-lookup-result__hint">{{ lookupResultFieldHint }}</div>
2896
+ @if (
2897
+ resolveLookupResultFieldHint(field);
2898
+ as lookupResultFieldHint
2899
+ ) {
2900
+ <div class="prx-rich-lookup-result__hint">
2901
+ {{ lookupResultFieldHint }}
2902
+ </div>
2656
2903
  }
2657
2904
  </div>
2658
2905
  }
@@ -2662,7 +2909,10 @@ class PraxisRichContent {
2662
2909
  @if (actionNodes.length) {
2663
2910
  <div class="prx-rich-lookup-result__actions">
2664
2911
  <ng-container
2665
- *ngTemplateOutlet="renderNodes; context: { $implicit: actionNodes }"
2912
+ *ngTemplateOutlet="
2913
+ renderNodes;
2914
+ context: { $implicit: actionNodes }
2915
+ "
2666
2916
  ></ng-container>
2667
2917
  </div>
2668
2918
  }
@@ -2670,36 +2920,63 @@ class PraxisRichContent {
2670
2920
  </section>
2671
2921
  }
2672
2922
  @case ('lookupCard') {
2673
- <section class="prx-rich-lookup-card" [attr.data-status]="resolveLookupCardStatus(node)">
2923
+ <section
2924
+ class="prx-rich-lookup-card"
2925
+ [attr.data-status]="resolveLookupCardStatus(node)"
2926
+ >
2674
2927
  <div class="prx-rich-lookup-card__copy">
2675
2928
  <div class="prx-rich-lookup-card__title-row">
2676
2929
  @if (node.icon) {
2677
- <span class="prx-rich-lookup-card__icon material-symbols-outlined" aria-hidden="true">
2930
+ <span
2931
+ class="prx-rich-lookup-card__icon material-symbols-outlined"
2932
+ aria-hidden="true"
2933
+ >
2678
2934
  {{ node.icon }}
2679
2935
  </span>
2680
2936
  }
2681
2937
  @if (resolveLookupCardTitle(node); as lookupCardTitle) {
2682
- <div class="prx-rich-lookup-card__title">{{ lookupCardTitle }}</div>
2938
+ <div class="prx-rich-lookup-card__title">
2939
+ {{ lookupCardTitle }}
2940
+ </div>
2683
2941
  }
2684
2942
  </div>
2685
- @if (resolveLookupCardSubtitle(node); as lookupCardSubtitle) {
2686
- <div class="prx-rich-lookup-card__subtitle">{{ lookupCardSubtitle }}</div>
2943
+ @if (
2944
+ resolveLookupCardSubtitle(node);
2945
+ as lookupCardSubtitle
2946
+ ) {
2947
+ <div class="prx-rich-lookup-card__subtitle">
2948
+ {{ lookupCardSubtitle }}
2949
+ </div>
2687
2950
  }
2688
2951
  @if (resolveLookupCardMeta(node); as lookupCardMeta) {
2689
- <div class="prx-rich-lookup-card__meta">{{ lookupCardMeta }}</div>
2952
+ <div class="prx-rich-lookup-card__meta">
2953
+ {{ lookupCardMeta }}
2954
+ </div>
2690
2955
  }
2691
2956
  @if (resolveLookupCardStatus(node) === 'empty') {
2692
- <div class="prx-rich-lookup-card__message">{{ resolveLookupCardEmptyText(node) }}</div>
2957
+ <div class="prx-rich-lookup-card__message">
2958
+ {{ resolveLookupCardEmptyText(node) }}
2959
+ </div>
2693
2960
  } @else if (resolveLookupCardStatus(node) === 'error') {
2694
- <div class="prx-rich-lookup-card__message">{{ resolveLookupCardErrorText(node) }}</div>
2961
+ <div class="prx-rich-lookup-card__message">
2962
+ {{ resolveLookupCardErrorText(node) }}
2963
+ </div>
2695
2964
  } @else {
2696
2965
  <dl class="prx-rich-lookup-card__fields">
2697
- @for (field of resolveLookupCardFields(node); track field.id ?? $index) {
2966
+ @for (
2967
+ field of resolveLookupCardFields(node);
2968
+ track field.id ?? $index
2969
+ ) {
2698
2970
  <div class="prx-rich-lookup-card__field">
2699
2971
  <dt>{{ resolveLookupCardFieldLabel(field) }}</dt>
2700
2972
  <dd>{{ resolveLookupCardFieldValue(field) }}</dd>
2701
- @if (resolveLookupCardFieldHint(field); as lookupCardFieldHint) {
2702
- <div class="prx-rich-lookup-card__hint">{{ lookupCardFieldHint }}</div>
2973
+ @if (
2974
+ resolveLookupCardFieldHint(field);
2975
+ as lookupCardFieldHint
2976
+ ) {
2977
+ <div class="prx-rich-lookup-card__hint">
2978
+ {{ lookupCardFieldHint }}
2979
+ </div>
2703
2980
  }
2704
2981
  </div>
2705
2982
  }
@@ -2711,27 +2988,48 @@ class PraxisRichContent {
2711
2988
  <button
2712
2989
  type="button"
2713
2990
  class="prx-rich-action-button"
2714
- [class.prx-rich-action-button--raised]="node.variant === 'raised'"
2715
- [class.prx-rich-action-button--stroked]="node.variant === 'stroked'"
2716
- [class.prx-rich-action-button--flat]="node.variant === 'flat'"
2717
- [class.prx-rich-action-button--primary]="node.color === 'primary'"
2718
- [class.prx-rich-action-button--accent]="node.color === 'accent'"
2719
- [class.prx-rich-action-button--warn]="node.color === 'warn'"
2991
+ [class.prx-rich-action-button--raised]="
2992
+ node.variant === 'raised'
2993
+ "
2994
+ [class.prx-rich-action-button--stroked]="
2995
+ node.variant === 'stroked'
2996
+ "
2997
+ [class.prx-rich-action-button--flat]="
2998
+ node.variant === 'flat'
2999
+ "
3000
+ [class.prx-rich-action-button--primary]="
3001
+ node.color === 'primary'
3002
+ "
3003
+ [class.prx-rich-action-button--accent]="
3004
+ node.color === 'accent'
3005
+ "
3006
+ [class.prx-rich-action-button--warn]="
3007
+ node.color === 'warn'
3008
+ "
2720
3009
  [disabled]="isLookupCardDisabled(node)"
2721
3010
  (click)="onLookupCardClick(node)"
2722
3011
  >
2723
3012
  @if (node.ctaIcon) {
2724
- <span class="prx-rich-action-button__icon material-symbols-outlined" aria-hidden="true">
3013
+ <span
3014
+ class="prx-rich-action-button__icon material-symbols-outlined"
3015
+ aria-hidden="true"
3016
+ >
2725
3017
  {{ node.ctaIcon }}
2726
3018
  </span>
2727
3019
  }
2728
3020
  <span>{{ resolveLookupCardCtaLabel(node) }}</span>
2729
3021
  </button>
2730
3022
  }
2731
- @if (resolveActionNodes(node.secondaryActions); as actionNodes) {
3023
+ @if (
3024
+ resolveActionNodes(node.secondaryActions);
3025
+ as actionNodes
3026
+ ) {
2732
3027
  @if (actionNodes.length) {
2733
3028
  <ng-container
2734
- *ngTemplateOutlet="renderNodes; context: { $implicit: actionNodes }"
3029
+ *ngTemplateOutlet="
3030
+ renderNodes;
3031
+ context: { $implicit: actionNodes }
3032
+ "
2735
3033
  ></ng-container>
2736
3034
  }
2737
3035
  }
@@ -2741,67 +3039,122 @@ class PraxisRichContent {
2741
3039
  @case ('relatedRecord') {
2742
3040
  <section class="prx-rich-related-record">
2743
3041
  <div class="prx-rich-related-record__copy">
2744
- @if (resolveRelatedRecordRelationLabel(node); as relatedRecordRelationLabel) {
2745
- <div class="prx-rich-related-record__relation">{{ relatedRecordRelationLabel }}</div>
3042
+ @if (
3043
+ resolveRelatedRecordRelationLabel(node);
3044
+ as relatedRecordRelationLabel
3045
+ ) {
3046
+ <div class="prx-rich-related-record__relation">
3047
+ {{ relatedRecordRelationLabel }}
3048
+ </div>
2746
3049
  }
2747
3050
  <div
2748
3051
  class="prx-rich-related-record__title-row"
2749
- [class.prx-rich-related-record__title-row--with-icon]="node.icon"
3052
+ [class.prx-rich-related-record__title-row--with-icon]="
3053
+ node.icon
3054
+ "
2750
3055
  >
2751
3056
  @if (node.icon) {
2752
- <span class="prx-rich-related-record__icon material-symbols-outlined" aria-hidden="true">
3057
+ <span
3058
+ class="prx-rich-related-record__icon material-symbols-outlined"
3059
+ aria-hidden="true"
3060
+ >
2753
3061
  {{ node.icon }}
2754
3062
  </span>
2755
3063
  }
2756
- @if (resolveRelatedRecordTitle(node); as relatedRecordTitle) {
2757
- <div class="prx-rich-related-record__title">{{ relatedRecordTitle }}</div>
3064
+ @if (
3065
+ resolveRelatedRecordTitle(node);
3066
+ as relatedRecordTitle
3067
+ ) {
3068
+ <div class="prx-rich-related-record__title">
3069
+ {{ relatedRecordTitle }}
3070
+ </div>
2758
3071
  }
2759
3072
  </div>
2760
- @if (resolveRelatedRecordSubtitle(node); as relatedRecordSubtitle) {
2761
- <div class="prx-rich-related-record__subtitle">{{ relatedRecordSubtitle }}</div>
3073
+ @if (
3074
+ resolveRelatedRecordSubtitle(node);
3075
+ as relatedRecordSubtitle
3076
+ ) {
3077
+ <div class="prx-rich-related-record__subtitle">
3078
+ {{ relatedRecordSubtitle }}
3079
+ </div>
2762
3080
  }
2763
3081
  @if (resolveRelatedRecordMeta(node); as relatedRecordMeta) {
2764
- <div class="prx-rich-related-record__meta">{{ relatedRecordMeta }}</div>
3082
+ <div class="prx-rich-related-record__meta">
3083
+ {{ relatedRecordMeta }}
3084
+ </div>
2765
3085
  }
2766
3086
  <dl class="prx-rich-related-record__fields">
2767
- @for (field of resolveRelatedRecordFields(node); track field.id ?? $index) {
3087
+ @for (
3088
+ field of resolveRelatedRecordFields(node);
3089
+ track field.id ?? $index
3090
+ ) {
2768
3091
  <div class="prx-rich-related-record__field">
2769
3092
  <dt>{{ resolveRelatedRecordFieldLabel(field) }}</dt>
2770
- <dd>{{ resolveRelatedRecordFieldValue(field) }}</dd>
2771
- @if (resolveRelatedRecordFieldHint(field); as relatedRecordFieldHint) {
2772
- <div class="prx-rich-related-record__hint">{{ relatedRecordFieldHint }}</div>
2773
- }
3093
+ <dd>
3094
+ {{ resolveRelatedRecordFieldValue(field) }}
3095
+ @if (
3096
+ resolveRelatedRecordFieldHint(field);
3097
+ as relatedRecordFieldHint
3098
+ ) {
3099
+ <span class="prx-rich-related-record__hint">{{
3100
+ relatedRecordFieldHint
3101
+ }}</span>
3102
+ }
3103
+ </dd>
2774
3104
  </div>
2775
3105
  }
2776
3106
  </dl>
2777
3107
  </div>
2778
- @if (node.action || (node.secondaryActions?.length ?? 0) > 0) {
3108
+ @if (
3109
+ node.action || (node.secondaryActions?.length ?? 0) > 0
3110
+ ) {
2779
3111
  <div class="prx-rich-related-record__actions">
2780
3112
  @if (node.action) {
2781
3113
  <button
2782
3114
  type="button"
2783
3115
  class="prx-rich-action-button"
2784
- [class.prx-rich-action-button--raised]="node.variant === 'raised'"
2785
- [class.prx-rich-action-button--stroked]="node.variant === 'stroked'"
2786
- [class.prx-rich-action-button--flat]="node.variant === 'flat'"
2787
- [class.prx-rich-action-button--primary]="node.color === 'primary'"
2788
- [class.prx-rich-action-button--accent]="node.color === 'accent'"
2789
- [class.prx-rich-action-button--warn]="node.color === 'warn'"
3116
+ [class.prx-rich-action-button--raised]="
3117
+ node.variant === 'raised'
3118
+ "
3119
+ [class.prx-rich-action-button--stroked]="
3120
+ node.variant === 'stroked'
3121
+ "
3122
+ [class.prx-rich-action-button--flat]="
3123
+ node.variant === 'flat'
3124
+ "
3125
+ [class.prx-rich-action-button--primary]="
3126
+ node.color === 'primary'
3127
+ "
3128
+ [class.prx-rich-action-button--accent]="
3129
+ node.color === 'accent'
3130
+ "
3131
+ [class.prx-rich-action-button--warn]="
3132
+ node.color === 'warn'
3133
+ "
2790
3134
  [disabled]="isRelatedRecordDisabled(node)"
2791
3135
  (click)="onRelatedRecordClick(node)"
2792
3136
  >
2793
3137
  @if (node.ctaIcon) {
2794
- <span class="prx-rich-action-button__icon material-symbols-outlined" aria-hidden="true">
3138
+ <span
3139
+ class="prx-rich-action-button__icon material-symbols-outlined"
3140
+ aria-hidden="true"
3141
+ >
2795
3142
  {{ node.ctaIcon }}
2796
3143
  </span>
2797
3144
  }
2798
3145
  <span>{{ resolveRelatedRecordCtaLabel(node) }}</span>
2799
3146
  </button>
2800
3147
  }
2801
- @if (resolveActionNodes(node.secondaryActions); as actionNodes) {
3148
+ @if (
3149
+ resolveActionNodes(node.secondaryActions);
3150
+ as actionNodes
3151
+ ) {
2802
3152
  @if (actionNodes.length) {
2803
3153
  <ng-container
2804
- *ngTemplateOutlet="renderNodes; context: { $implicit: actionNodes }"
3154
+ *ngTemplateOutlet="
3155
+ renderNodes;
3156
+ context: { $implicit: actionNodes }
3157
+ "
2805
3158
  ></ng-container>
2806
3159
  }
2807
3160
  }
@@ -2814,48 +3167,83 @@ class PraxisRichContent {
2814
3167
  <div class="prx-rich-action-card__copy">
2815
3168
  <div class="prx-rich-action-card__title-row">
2816
3169
  @if (node.icon) {
2817
- <span class="prx-rich-action-card__icon material-symbols-outlined" aria-hidden="true">
3170
+ <span
3171
+ class="prx-rich-action-card__icon material-symbols-outlined"
3172
+ aria-hidden="true"
3173
+ >
2818
3174
  {{ node.icon }}
2819
3175
  </span>
2820
3176
  }
2821
3177
  @if (resolveActionCardTitle(node); as actionCardTitle) {
2822
- <div class="prx-rich-action-card__title">{{ actionCardTitle }}</div>
3178
+ <div class="prx-rich-action-card__title">
3179
+ {{ actionCardTitle }}
3180
+ </div>
2823
3181
  }
2824
3182
  </div>
2825
- @if (resolveActionCardSubtitle(node); as actionCardSubtitle) {
2826
- <div class="prx-rich-action-card__subtitle">{{ actionCardSubtitle }}</div>
3183
+ @if (
3184
+ resolveActionCardSubtitle(node);
3185
+ as actionCardSubtitle
3186
+ ) {
3187
+ <div class="prx-rich-action-card__subtitle">
3188
+ {{ actionCardSubtitle }}
3189
+ </div>
2827
3190
  }
2828
3191
  @if (resolveActionCardMessage(node); as actionCardMessage) {
2829
- <div class="prx-rich-action-card__message">{{ actionCardMessage }}</div>
3192
+ <div class="prx-rich-action-card__message">
3193
+ {{ actionCardMessage }}
3194
+ </div>
2830
3195
  }
2831
3196
  @if (resolveActionCardMeta(node); as actionCardMeta) {
2832
- <div class="prx-rich-action-card__meta">{{ actionCardMeta }}</div>
3197
+ <div class="prx-rich-action-card__meta">
3198
+ {{ actionCardMeta }}
3199
+ </div>
2833
3200
  }
2834
3201
  </div>
2835
3202
  <div class="prx-rich-action-card__actions">
2836
3203
  <button
2837
3204
  type="button"
2838
3205
  class="prx-rich-action-button"
2839
- [class.prx-rich-action-button--raised]="node.variant === 'raised'"
2840
- [class.prx-rich-action-button--stroked]="node.variant === 'stroked'"
2841
- [class.prx-rich-action-button--flat]="node.variant === 'flat'"
2842
- [class.prx-rich-action-button--primary]="node.color === 'primary'"
2843
- [class.prx-rich-action-button--accent]="node.color === 'accent'"
2844
- [class.prx-rich-action-button--warn]="node.color === 'warn'"
3206
+ [class.prx-rich-action-button--raised]="
3207
+ node.variant === 'raised'
3208
+ "
3209
+ [class.prx-rich-action-button--stroked]="
3210
+ node.variant === 'stroked'
3211
+ "
3212
+ [class.prx-rich-action-button--flat]="
3213
+ node.variant === 'flat'
3214
+ "
3215
+ [class.prx-rich-action-button--primary]="
3216
+ node.color === 'primary'
3217
+ "
3218
+ [class.prx-rich-action-button--accent]="
3219
+ node.color === 'accent'
3220
+ "
3221
+ [class.prx-rich-action-button--warn]="
3222
+ node.color === 'warn'
3223
+ "
2845
3224
  [disabled]="isActionCardDisabled(node)"
2846
3225
  (click)="onActionCardClick(node)"
2847
3226
  >
2848
3227
  @if (node.ctaIcon) {
2849
- <span class="prx-rich-action-button__icon material-symbols-outlined" aria-hidden="true">
3228
+ <span
3229
+ class="prx-rich-action-button__icon material-symbols-outlined"
3230
+ aria-hidden="true"
3231
+ >
2850
3232
  {{ node.ctaIcon }}
2851
3233
  </span>
2852
3234
  }
2853
3235
  <span>{{ resolveActionCardCtaLabel(node) }}</span>
2854
3236
  </button>
2855
- @if (resolveActionNodes(node.secondaryActions); as actionNodes) {
3237
+ @if (
3238
+ resolveActionNodes(node.secondaryActions);
3239
+ as actionNodes
3240
+ ) {
2856
3241
  @if (actionNodes.length) {
2857
3242
  <ng-container
2858
- *ngTemplateOutlet="renderNodes; context: { $implicit: actionNodes }"
3243
+ *ngTemplateOutlet="
3244
+ renderNodes;
3245
+ context: { $implicit: actionNodes }
3246
+ "
2859
3247
  ></ng-container>
2860
3248
  }
2861
3249
  }
@@ -2871,47 +3259,91 @@ class PraxisRichContent {
2871
3259
  <div class="prx-rich-decision-package__main">
2872
3260
  <div class="prx-rich-decision-package__eyebrow">
2873
3261
  @if (resolveDecisionPackageStatus(node); as status) {
2874
- <span class="prx-rich-badge prx-rich-decision-package__status">{{ status }}</span>
3262
+ <span
3263
+ class="prx-rich-badge prx-rich-decision-package__status"
3264
+ >{{ status }}</span
3265
+ >
2875
3266
  }
2876
3267
  @if (resolveDecisionPackageVersion(node); as version) {
2877
- <span class="prx-rich-decision-package__meta">{{ version }}</span>
3268
+ <span class="prx-rich-decision-package__meta">{{
3269
+ version
3270
+ }}</span>
2878
3271
  }
2879
3272
  </div>
2880
3273
  @if (resolveDecisionPackageTitle(node); as decisionTitle) {
2881
- <div class="prx-rich-decision-package__title">{{ decisionTitle }}</div>
3274
+ <div class="prx-rich-decision-package__title">
3275
+ {{ decisionTitle }}
3276
+ </div>
2882
3277
  }
2883
- @if (resolveDecisionPackageSubtitle(node); as decisionSubtitle) {
2884
- <div class="prx-rich-decision-package__subtitle">{{ decisionSubtitle }}</div>
3278
+ @if (
3279
+ resolveDecisionPackageSubtitle(node);
3280
+ as decisionSubtitle
3281
+ ) {
3282
+ <div class="prx-rich-decision-package__subtitle">
3283
+ {{ decisionSubtitle }}
3284
+ </div>
2885
3285
  }
2886
- @if (resolveDecisionPackageSummary(node); as decisionSummary) {
2887
- <div class="prx-rich-decision-package__summary">{{ decisionSummary }}</div>
3286
+ @if (
3287
+ resolveDecisionPackageSummary(node);
3288
+ as decisionSummary
3289
+ ) {
3290
+ <div class="prx-rich-decision-package__summary">
3291
+ {{ decisionSummary }}
3292
+ </div>
2888
3293
  }
2889
3294
  <dl class="prx-rich-decision-package__properties">
2890
3295
  @if (resolveDecisionPackageOwner(node); as owner) {
2891
3296
  <div class="prx-rich-decision-package__property">
2892
- <dt>{{ tx('renderer.decisionPackage.owner', 'Owner') }}</dt>
3297
+ <dt>
3298
+ {{ tx('renderer.decisionPackage.owner', 'Owner') }}
3299
+ </dt>
2893
3300
  <dd>{{ owner }}</dd>
2894
3301
  </div>
2895
3302
  }
2896
- @if (resolveDecisionPackagePolicySource(node); as policySource) {
3303
+ @if (
3304
+ resolveDecisionPackagePolicySource(node);
3305
+ as policySource
3306
+ ) {
2897
3307
  <div class="prx-rich-decision-package__property">
2898
- <dt>{{ tx('renderer.decisionPackage.policy', 'Policy') }}</dt>
3308
+ <dt>
3309
+ {{
3310
+ tx('renderer.decisionPackage.policy', 'Policy')
3311
+ }}
3312
+ </dt>
2899
3313
  <dd>{{ policySource }}</dd>
2900
3314
  </div>
2901
3315
  }
2902
- @if (resolveDecisionPackageLastReviewed(node); as lastReviewed) {
3316
+ @if (
3317
+ resolveDecisionPackageLastReviewed(node);
3318
+ as lastReviewed
3319
+ ) {
2903
3320
  <div class="prx-rich-decision-package__property">
2904
- <dt>{{ tx('renderer.decisionPackage.reviewed', 'Reviewed') }}</dt>
3321
+ <dt>
3322
+ {{
3323
+ tx(
3324
+ 'renderer.decisionPackage.reviewed',
3325
+ 'Reviewed'
3326
+ )
3327
+ }}
3328
+ </dt>
2905
3329
  <dd>{{ lastReviewed }}</dd>
2906
3330
  </div>
2907
3331
  }
2908
3332
  </dl>
2909
3333
  @if (resolveDecisionPackageEvidence(node).length) {
2910
3334
  <div class="prx-rich-decision-package__evidence">
2911
- @for (item of resolveDecisionPackageEvidence(node); track item.id ?? $index) {
2912
- <span class="prx-rich-decision-package__evidence-item">
3335
+ @for (
3336
+ item of resolveDecisionPackageEvidence(node);
3337
+ track item.id ?? $index
3338
+ ) {
3339
+ <span
3340
+ class="prx-rich-decision-package__evidence-item"
3341
+ >
2913
3342
  {{ resolveDecisionPackageEvidenceLabel(item) }}
2914
- @if (resolveDecisionPackageEvidenceSource(item); as source) {
3343
+ @if (
3344
+ resolveDecisionPackageEvidenceSource(item);
3345
+ as source
3346
+ ) {
2915
3347
  <small>{{ source }}</small>
2916
3348
  }
2917
3349
  </span>
@@ -2920,26 +3352,49 @@ class PraxisRichContent {
2920
3352
  }
2921
3353
  </div>
2922
3354
  <div class="prx-rich-decision-package__aside">
2923
- @if (resolveDecisionPackageConfidence(node); as confidence) {
3355
+ @if (
3356
+ resolveDecisionPackageConfidence(node);
3357
+ as confidence
3358
+ ) {
2924
3359
  <div class="prx-rich-decision-package__confidence">
2925
3360
  <span>{{ confidence }}</span>
2926
- <small>{{ tx('renderer.decisionPackage.confidence', 'Confidence') }}</small>
3361
+ <small>{{
3362
+ tx(
3363
+ 'renderer.decisionPackage.confidence',
3364
+ 'Confidence'
3365
+ )
3366
+ }}</small>
2927
3367
  </div>
2928
3368
  }
2929
3369
  @if (resolveDecisionPackageRisk(node); as risk) {
2930
- <span class="prx-rich-badge prx-rich-decision-package__risk">{{ risk }}</span>
3370
+ <span
3371
+ class="prx-rich-badge prx-rich-decision-package__risk"
3372
+ >{{ risk }}</span
3373
+ >
2931
3374
  }
2932
- @if (node.primaryAction || (node.secondaryActions?.length ?? 0) > 0) {
3375
+ @if (
3376
+ node.primaryAction ||
3377
+ (node.secondaryActions?.length ?? 0) > 0
3378
+ ) {
2933
3379
  <div class="prx-rich-decision-package__actions">
2934
3380
  @if (node.primaryAction) {
2935
3381
  <ng-container
2936
- *ngTemplateOutlet="renderNodes; context: { $implicit: [node.primaryAction] }"
3382
+ *ngTemplateOutlet="
3383
+ renderNodes;
3384
+ context: { $implicit: [node.primaryAction] }
3385
+ "
2937
3386
  ></ng-container>
2938
3387
  }
2939
- @if (resolveActionNodes(node.secondaryActions); as actionNodes) {
3388
+ @if (
3389
+ resolveActionNodes(node.secondaryActions);
3390
+ as actionNodes
3391
+ ) {
2940
3392
  @if (actionNodes.length) {
2941
3393
  <ng-container
2942
- *ngTemplateOutlet="renderNodes; context: { $implicit: actionNodes }"
3394
+ *ngTemplateOutlet="
3395
+ renderNodes;
3396
+ context: { $implicit: actionNodes }
3397
+ "
2943
3398
  ></ng-container>
2944
3399
  }
2945
3400
  }
@@ -2949,32 +3404,56 @@ class PraxisRichContent {
2949
3404
  </section>
2950
3405
  }
2951
3406
  @case ('collapsibleCard') {
2952
- <details class="prx-rich-collapsible-card" [attr.open]="node.defaultExpanded ? '' : null">
3407
+ <details
3408
+ class="prx-rich-collapsible-card"
3409
+ [attr.open]="node.defaultExpanded ? '' : null"
3410
+ >
2953
3411
  <summary class="prx-rich-collapsible-card__summary">
2954
3412
  <span class="prx-rich-collapsible-card__summary-copy">
2955
3413
  @if (node.icon) {
2956
- <span class="material-symbols-outlined prx-rich-collapsible-card__icon" aria-hidden="true">
3414
+ <span
3415
+ class="material-symbols-outlined prx-rich-collapsible-card__icon"
3416
+ aria-hidden="true"
3417
+ >
2957
3418
  {{ node.icon }}
2958
3419
  </span>
2959
3420
  }
2960
- @if (resolveCollapsibleCardTitle(node); as collapsibleCardTitle) {
2961
- <span class="prx-rich-collapsible-card__title">{{ collapsibleCardTitle }}</span>
3421
+ @if (
3422
+ resolveCollapsibleCardTitle(node);
3423
+ as collapsibleCardTitle
3424
+ ) {
3425
+ <span class="prx-rich-collapsible-card__title">{{
3426
+ collapsibleCardTitle
3427
+ }}</span>
2962
3428
  }
2963
- @if (resolveCollapsibleCardSubtitle(node); as collapsibleCardSubtitle) {
2964
- <span class="prx-rich-collapsible-card__subtitle">{{ collapsibleCardSubtitle }}</span>
3429
+ @if (
3430
+ resolveCollapsibleCardSubtitle(node);
3431
+ as collapsibleCardSubtitle
3432
+ ) {
3433
+ <span class="prx-rich-collapsible-card__subtitle">{{
3434
+ collapsibleCardSubtitle
3435
+ }}</span>
2965
3436
  }
2966
3437
  </span>
2967
3438
  </summary>
2968
3439
  <div class="prx-rich-collapsible-card__content">
2969
3440
  <ng-container
2970
- *ngTemplateOutlet="renderNodes; context: { $implicit: resolveCollapsibleCardNodes(node) }"
3441
+ *ngTemplateOutlet="
3442
+ renderNodes;
3443
+ context: {
3444
+ $implicit: resolveCollapsibleCardNodes(node),
3445
+ }
3446
+ "
2971
3447
  ></ng-container>
2972
3448
  </div>
2973
3449
  @if (resolveActionNodes(node.actions); as actionNodes) {
2974
3450
  @if (actionNodes.length) {
2975
3451
  <div class="prx-rich-collapsible-card__actions">
2976
3452
  <ng-container
2977
- *ngTemplateOutlet="renderNodes; context: { $implicit: actionNodes }"
3453
+ *ngTemplateOutlet="
3454
+ renderNodes;
3455
+ context: { $implicit: actionNodes }
3456
+ "
2978
3457
  ></ng-container>
2979
3458
  </div>
2980
3459
  }
@@ -2986,45 +3465,84 @@ class PraxisRichContent {
2986
3465
  <div class="prx-rich-form-launcher__copy">
2987
3466
  <div class="prx-rich-form-launcher__title-row">
2988
3467
  @if (node.icon) {
2989
- <span class="prx-rich-form-launcher__icon material-symbols-outlined" aria-hidden="true">
3468
+ <span
3469
+ class="prx-rich-form-launcher__icon material-symbols-outlined"
3470
+ aria-hidden="true"
3471
+ >
2990
3472
  {{ node.icon }}
2991
3473
  </span>
2992
3474
  }
2993
- @if (resolveFormLauncherTitle(node); as formLauncherTitle) {
2994
- <div class="prx-rich-form-launcher__title">{{ formLauncherTitle }}</div>
3475
+ @if (
3476
+ resolveFormLauncherTitle(node);
3477
+ as formLauncherTitle
3478
+ ) {
3479
+ <div class="prx-rich-form-launcher__title">
3480
+ {{ formLauncherTitle }}
3481
+ </div>
2995
3482
  }
2996
3483
  </div>
2997
- @if (resolveFormLauncherSubtitle(node); as formLauncherSubtitle) {
2998
- <div class="prx-rich-form-launcher__subtitle">{{ formLauncherSubtitle }}</div>
3484
+ @if (
3485
+ resolveFormLauncherSubtitle(node);
3486
+ as formLauncherSubtitle
3487
+ ) {
3488
+ <div class="prx-rich-form-launcher__subtitle">
3489
+ {{ formLauncherSubtitle }}
3490
+ </div>
2999
3491
  }
3000
- @if (resolveFormLauncherDescription(node); as formLauncherDescription) {
3001
- <div class="prx-rich-form-launcher__description">{{ formLauncherDescription }}</div>
3492
+ @if (
3493
+ resolveFormLauncherDescription(node);
3494
+ as formLauncherDescription
3495
+ ) {
3496
+ <div class="prx-rich-form-launcher__description">
3497
+ {{ formLauncherDescription }}
3498
+ </div>
3002
3499
  }
3003
3500
  </div>
3004
3501
  <div class="prx-rich-form-launcher__actions">
3005
3502
  <button
3006
3503
  type="button"
3007
3504
  class="prx-rich-action-button"
3008
- [class.prx-rich-action-button--raised]="node.variant === 'raised'"
3009
- [class.prx-rich-action-button--stroked]="node.variant === 'stroked'"
3010
- [class.prx-rich-action-button--flat]="node.variant === 'flat'"
3011
- [class.prx-rich-action-button--primary]="node.color === 'primary'"
3012
- [class.prx-rich-action-button--accent]="node.color === 'accent'"
3013
- [class.prx-rich-action-button--warn]="node.color === 'warn'"
3505
+ [class.prx-rich-action-button--raised]="
3506
+ node.variant === 'raised'
3507
+ "
3508
+ [class.prx-rich-action-button--stroked]="
3509
+ node.variant === 'stroked'
3510
+ "
3511
+ [class.prx-rich-action-button--flat]="
3512
+ node.variant === 'flat'
3513
+ "
3514
+ [class.prx-rich-action-button--primary]="
3515
+ node.color === 'primary'
3516
+ "
3517
+ [class.prx-rich-action-button--accent]="
3518
+ node.color === 'accent'
3519
+ "
3520
+ [class.prx-rich-action-button--warn]="
3521
+ node.color === 'warn'
3522
+ "
3014
3523
  [disabled]="isFormLauncherDisabled(node)"
3015
3524
  (click)="onFormLauncherClick(node)"
3016
3525
  >
3017
3526
  @if (node.ctaIcon) {
3018
- <span class="prx-rich-action-button__icon material-symbols-outlined" aria-hidden="true">
3527
+ <span
3528
+ class="prx-rich-action-button__icon material-symbols-outlined"
3529
+ aria-hidden="true"
3530
+ >
3019
3531
  {{ node.ctaIcon }}
3020
3532
  </span>
3021
3533
  }
3022
3534
  <span>{{ resolveFormLauncherCtaLabel(node) }}</span>
3023
3535
  </button>
3024
- @if (resolveActionNodes(node.secondaryActions); as actionNodes) {
3536
+ @if (
3537
+ resolveActionNodes(node.secondaryActions);
3538
+ as actionNodes
3539
+ ) {
3025
3540
  @if (actionNodes.length) {
3026
3541
  <ng-container
3027
- *ngTemplateOutlet="renderNodes; context: { $implicit: actionNodes }"
3542
+ *ngTemplateOutlet="
3543
+ renderNodes;
3544
+ context: { $implicit: actionNodes }
3545
+ "
3028
3546
  ></ng-container>
3029
3547
  }
3030
3548
  }
@@ -3032,32 +3550,51 @@ class PraxisRichContent {
3032
3550
  </section>
3033
3551
  }
3034
3552
  @case ('disclosure') {
3035
- <details class="prx-rich-disclosure" [attr.open]="node.defaultExpanded ? '' : null">
3553
+ <details
3554
+ class="prx-rich-disclosure"
3555
+ [attr.open]="node.defaultExpanded ? '' : null"
3556
+ >
3036
3557
  <summary class="prx-rich-disclosure__summary">
3037
3558
  @if (node.icon) {
3038
- <span class="material-symbols-outlined prx-rich-disclosure__icon" aria-hidden="true">
3559
+ <span
3560
+ class="material-symbols-outlined prx-rich-disclosure__icon"
3561
+ aria-hidden="true"
3562
+ >
3039
3563
  {{ node.icon }}
3040
3564
  </span>
3041
3565
  }
3042
3566
  <span class="prx-rich-disclosure__summary-copy">
3043
3567
  @if (resolveDisclosureTitle(node); as disclosureTitle) {
3044
- <span class="prx-rich-disclosure__title">{{ disclosureTitle }}</span>
3568
+ <span class="prx-rich-disclosure__title">{{
3569
+ disclosureTitle
3570
+ }}</span>
3045
3571
  }
3046
- @if (resolveDisclosureSubtitle(node); as disclosureSubtitle) {
3047
- <span class="prx-rich-disclosure__subtitle">{{ disclosureSubtitle }}</span>
3572
+ @if (
3573
+ resolveDisclosureSubtitle(node);
3574
+ as disclosureSubtitle
3575
+ ) {
3576
+ <span class="prx-rich-disclosure__subtitle">{{
3577
+ disclosureSubtitle
3578
+ }}</span>
3048
3579
  }
3049
3580
  </span>
3050
3581
  </summary>
3051
3582
  <div class="prx-rich-disclosure__content">
3052
3583
  <ng-container
3053
- *ngTemplateOutlet="renderNodes; context: { $implicit: resolveDisclosureNodes(node) }"
3584
+ *ngTemplateOutlet="
3585
+ renderNodes;
3586
+ context: { $implicit: resolveDisclosureNodes(node) }
3587
+ "
3054
3588
  ></ng-container>
3055
3589
  </div>
3056
3590
  @if (resolveActionNodes(node.actions); as actionNodes) {
3057
3591
  @if (actionNodes.length) {
3058
3592
  <div class="prx-rich-disclosure__actions">
3059
3593
  <ng-container
3060
- *ngTemplateOutlet="renderNodes; context: { $implicit: actionNodes }"
3594
+ *ngTemplateOutlet="
3595
+ renderNodes;
3596
+ context: { $implicit: actionNodes }
3597
+ "
3061
3598
  ></ng-container>
3062
3599
  </div>
3063
3600
  }
@@ -3067,29 +3604,55 @@ class PraxisRichContent {
3067
3604
  @case ('accordion') {
3068
3605
  <section class="prx-rich-accordion">
3069
3606
  @if (resolveAccordionTitle(node); as accordionTitle) {
3070
- <div class="prx-rich-accordion__title">{{ accordionTitle }}</div>
3607
+ <div class="prx-rich-accordion__title">
3608
+ {{ accordionTitle }}
3609
+ </div>
3071
3610
  }
3072
3611
  <div class="prx-rich-accordion__items">
3073
- @for (item of resolveAccordionItems(node); track item.id ?? $index) {
3074
- <details class="prx-rich-accordion__item" [attr.open]="item.defaultExpanded ? '' : null">
3612
+ @for (
3613
+ item of resolveAccordionItems(node);
3614
+ track item.id ?? $index
3615
+ ) {
3616
+ <details
3617
+ class="prx-rich-accordion__item"
3618
+ [attr.open]="item.defaultExpanded ? '' : null"
3619
+ >
3075
3620
  <summary class="prx-rich-accordion__summary">
3076
- @if (resolveAccordionItemTitle(item); as accordionItemTitle) {
3077
- <span class="prx-rich-accordion__item-title">{{ accordionItemTitle }}</span>
3621
+ @if (
3622
+ resolveAccordionItemTitle(item);
3623
+ as accordionItemTitle
3624
+ ) {
3625
+ <span class="prx-rich-accordion__item-title">{{
3626
+ accordionItemTitle
3627
+ }}</span>
3078
3628
  }
3079
- @if (resolveAccordionItemSubtitle(item); as accordionItemSubtitle) {
3080
- <span class="prx-rich-accordion__item-subtitle">{{ accordionItemSubtitle }}</span>
3629
+ @if (
3630
+ resolveAccordionItemSubtitle(item);
3631
+ as accordionItemSubtitle
3632
+ ) {
3633
+ <span class="prx-rich-accordion__item-subtitle">{{
3634
+ accordionItemSubtitle
3635
+ }}</span>
3081
3636
  }
3082
3637
  </summary>
3083
3638
  <div class="prx-rich-accordion__content">
3084
3639
  <ng-container
3085
- *ngTemplateOutlet="renderNodes; context: { $implicit: resolveAccordionItemNodes(item) }"
3640
+ *ngTemplateOutlet="
3641
+ renderNodes;
3642
+ context: {
3643
+ $implicit: resolveAccordionItemNodes(item),
3644
+ }
3645
+ "
3086
3646
  ></ng-container>
3087
3647
  </div>
3088
3648
  @if (resolveActionNodes(item.actions); as actionNodes) {
3089
3649
  @if (actionNodes.length) {
3090
3650
  <div class="prx-rich-accordion__actions">
3091
3651
  <ng-container
3092
- *ngTemplateOutlet="renderNodes; context: { $implicit: actionNodes }"
3652
+ *ngTemplateOutlet="
3653
+ renderNodes;
3654
+ context: { $implicit: actionNodes }
3655
+ "
3093
3656
  ></ng-container>
3094
3657
  </div>
3095
3658
  }
@@ -3105,7 +3668,10 @@ class PraxisRichContent {
3105
3668
  @if (avatarNodes.length) {
3106
3669
  <div class="prx-rich-media-block__avatar">
3107
3670
  <ng-container
3108
- *ngTemplateOutlet="renderNodes; context: { $implicit: avatarNodes }"
3671
+ *ngTemplateOutlet="
3672
+ renderNodes;
3673
+ context: { $implicit: avatarNodes }
3674
+ "
3109
3675
  ></ng-container>
3110
3676
  </div>
3111
3677
  }
@@ -3115,16 +3681,25 @@ class PraxisRichContent {
3115
3681
  @if (titleNodes.length) {
3116
3682
  <div class="prx-rich-media-block__title">
3117
3683
  <ng-container
3118
- *ngTemplateOutlet="renderNodes; context: { $implicit: titleNodes }"
3684
+ *ngTemplateOutlet="
3685
+ renderNodes;
3686
+ context: { $implicit: titleNodes }
3687
+ "
3119
3688
  ></ng-container>
3120
3689
  </div>
3121
3690
  }
3122
3691
  }
3123
- @if (resolveMediaBlockSubtitleNodes(node); as subtitleNodes) {
3692
+ @if (
3693
+ resolveMediaBlockSubtitleNodes(node);
3694
+ as subtitleNodes
3695
+ ) {
3124
3696
  @if (subtitleNodes.length) {
3125
3697
  <div class="prx-rich-media-block__subtitle">
3126
3698
  <ng-container
3127
- *ngTemplateOutlet="renderNodes; context: { $implicit: subtitleNodes }"
3699
+ *ngTemplateOutlet="
3700
+ renderNodes;
3701
+ context: { $implicit: subtitleNodes }
3702
+ "
3128
3703
  ></ng-container>
3129
3704
  </div>
3130
3705
  }
@@ -3133,7 +3708,10 @@ class PraxisRichContent {
3133
3708
  @if (metaNodes.length) {
3134
3709
  <div class="prx-rich-media-block__meta">
3135
3710
  <ng-container
3136
- *ngTemplateOutlet="renderNodes; context: { $implicit: metaNodes }"
3711
+ *ngTemplateOutlet="
3712
+ renderNodes;
3713
+ context: { $implicit: metaNodes }
3714
+ "
3137
3715
  ></ng-container>
3138
3716
  </div>
3139
3717
  }
@@ -3143,7 +3721,10 @@ class PraxisRichContent {
3143
3721
  @if (trailingNodes.length) {
3144
3722
  <div class="prx-rich-media-block__trailing">
3145
3723
  <ng-container
3146
- *ngTemplateOutlet="renderNodes; context: { $implicit: trailingNodes }"
3724
+ *ngTemplateOutlet="
3725
+ renderNodes;
3726
+ context: { $implicit: trailingNodes }
3727
+ "
3147
3728
  ></ng-container>
3148
3729
  </div>
3149
3730
  }
@@ -3156,80 +3737,254 @@ class PraxisRichContent {
3156
3737
  [attr.data-orientation]="resolveTimelineOrientation(node)"
3157
3738
  [attr.data-position]="resolveTimelinePosition(node)"
3158
3739
  [attr.data-order]="resolveTimelineOrder(node)"
3159
- [attr.data-marker-variant]="resolveTimelineMarkerVariant(node)"
3160
- [attr.data-marker-color]="resolveTimelineNodeMarkerColor(node)"
3161
- [attr.data-connector-variant]="resolveTimelineConnectorVariant(node)"
3162
- [attr.data-connector-color]="resolveTimelineNodeConnectorColor(node)"
3740
+ [attr.data-marker-variant]="
3741
+ resolveTimelineMarkerVariant(node)
3742
+ "
3743
+ [attr.data-marker-color]="
3744
+ resolveTimelineNodeMarkerColor(node)
3745
+ "
3746
+ [attr.data-connector-variant]="
3747
+ resolveTimelineConnectorVariant(node)
3748
+ "
3749
+ [attr.data-connector-color]="
3750
+ resolveTimelineNodeConnectorColor(node)
3751
+ "
3163
3752
  [attr.data-emphasis]="resolveTimelineEmphasis(node)"
3164
3753
  [attr.data-density]="resolveTimelineDensity(node)"
3165
- [attr.data-text-appearance]="resolveTimelineTextAppearance(node)"
3166
- [style.--prx-rich-timeline-title-font-size]="resolveNodeStyleValue(node, '--prx-rich-timeline-title-font-size')"
3167
- [style.--prx-rich-timeline-title-color]="resolveNodeStyleValue(node, '--prx-rich-timeline-title-color')"
3168
- [style.--prx-rich-timeline-title-font-weight]="resolveNodeStyleValue(node, '--prx-rich-timeline-title-font-weight')"
3169
- [style.--prx-rich-timeline-item-title-font-size]="resolveNodeStyleValue(node, '--prx-rich-timeline-item-title-font-size')"
3170
- [style.--prx-rich-timeline-item-title-color]="resolveNodeStyleValue(node, '--prx-rich-timeline-item-title-color')"
3171
- [style.--prx-rich-timeline-item-title-font-weight]="resolveNodeStyleValue(node, '--prx-rich-timeline-item-title-font-weight')"
3172
- [style.--prx-rich-timeline-item-subtitle-font-size]="resolveNodeStyleValue(node, '--prx-rich-timeline-item-subtitle-font-size')"
3173
- [style.--prx-rich-timeline-item-subtitle-color]="resolveNodeStyleValue(node, '--prx-rich-timeline-item-subtitle-color')"
3174
- [style.--prx-rich-timeline-item-meta-font-size]="resolveNodeStyleValue(node, '--prx-rich-timeline-item-meta-font-size')"
3175
- [style.--prx-rich-timeline-item-meta-color]="resolveNodeStyleValue(node, '--prx-rich-timeline-item-meta-color')"
3176
- [style.--prx-rich-timeline-opposite-font-size]="resolveNodeStyleValue(node, '--prx-rich-timeline-opposite-font-size')"
3177
- [style.--prx-rich-timeline-opposite-color]="resolveNodeStyleValue(node, '--prx-rich-timeline-opposite-color')"
3178
- [style.--prx-rich-timeline-opposite-font-weight]="resolveNodeStyleValue(node, '--prx-rich-timeline-opposite-font-weight')"
3179
- [style.--prx-rich-timeline-item-body-background]="resolveNodeStyleValue(node, '--prx-rich-timeline-item-body-background')"
3180
- [style.--prx-rich-timeline-item-body-border]="resolveNodeStyleValue(node, '--prx-rich-timeline-item-body-border')"
3181
- [style.--prx-rich-timeline-item-body-border-radius]="resolveNodeStyleValue(node, '--prx-rich-timeline-item-body-border-radius')"
3182
- [style.--prx-rich-timeline-item-body-padding]="resolveNodeStyleValue(node, '--prx-rich-timeline-item-body-padding')"
3183
- [class.prx-rich-timeline--left]="resolveTimelinePosition(node) === 'left'"
3184
- [class.prx-rich-timeline--right]="resolveTimelinePosition(node) === 'right'"
3185
- [class.prx-rich-timeline--alternate]="resolveTimelinePosition(node) === 'alternate'"
3186
- [class.prx-rich-timeline--alternate-reverse]="resolveTimelinePosition(node) === 'alternate-reverse'"
3187
- [class.prx-rich-timeline--vertical]="resolveTimelineOrientation(node) === 'vertical'"
3188
- [class.prx-rich-timeline--horizontal]="resolveTimelineOrientation(node) === 'horizontal'"
3189
- [class.prx-rich-timeline--order-reverse]="resolveTimelineOrder(node) === 'reverse'"
3190
- [class.prx-rich-timeline--connector-dashed]="resolveTimelineConnectorVariant(node) === 'dashed'"
3191
- [class.prx-rich-timeline--connector-none]="resolveTimelineConnectorVariant(node) === 'none'"
3192
- [class.prx-rich-timeline--marker-dot]="resolveTimelineMarkerVariant(node) === 'dot'"
3193
- [class.prx-rich-timeline--marker-icon]="resolveTimelineMarkerVariant(node) === 'icon'"
3194
- [class.prx-rich-timeline--marker-number]="resolveTimelineMarkerVariant(node) === 'number'"
3195
- [class.prx-rich-timeline--emphasis-subtle]="resolveTimelineEmphasis(node) === 'subtle'"
3196
- [class.prx-rich-timeline--emphasis-strong]="resolveTimelineEmphasis(node) === 'strong'"
3197
- [class.prx-rich-timeline--emphasis-hero]="resolveTimelineEmphasis(node) === 'hero'"
3198
- [class.prx-rich-timeline--density-compact]="resolveTimelineDensity(node) === 'compact'"
3199
- [class.prx-rich-timeline--density-spacious]="resolveTimelineDensity(node) === 'spacious'"
3200
- [class.prx-rich-timeline--text-prominent]="resolveTimelineTextAppearance(node) === 'prominent'"
3201
- [class.prx-rich-timeline--text-eyebrow]="resolveTimelineTextAppearance(node) === 'eyebrow'"
3202
- [class.prx-rich-timeline--text-label]="resolveTimelineTextAppearance(node) === 'label'"
3754
+ [attr.data-text-appearance]="
3755
+ resolveTimelineTextAppearance(node)
3756
+ "
3757
+ [style.--prx-rich-timeline-title-font-size]="
3758
+ resolveNodeStyleValue(
3759
+ node,
3760
+ '--prx-rich-timeline-title-font-size'
3761
+ )
3762
+ "
3763
+ [style.--prx-rich-timeline-title-color]="
3764
+ resolveNodeStyleValue(
3765
+ node,
3766
+ '--prx-rich-timeline-title-color'
3767
+ )
3768
+ "
3769
+ [style.--prx-rich-timeline-title-font-weight]="
3770
+ resolveNodeStyleValue(
3771
+ node,
3772
+ '--prx-rich-timeline-title-font-weight'
3773
+ )
3774
+ "
3775
+ [style.--prx-rich-timeline-item-title-font-size]="
3776
+ resolveNodeStyleValue(
3777
+ node,
3778
+ '--prx-rich-timeline-item-title-font-size'
3779
+ )
3780
+ "
3781
+ [style.--prx-rich-timeline-item-title-color]="
3782
+ resolveNodeStyleValue(
3783
+ node,
3784
+ '--prx-rich-timeline-item-title-color'
3785
+ )
3786
+ "
3787
+ [style.--prx-rich-timeline-item-title-font-weight]="
3788
+ resolveNodeStyleValue(
3789
+ node,
3790
+ '--prx-rich-timeline-item-title-font-weight'
3791
+ )
3792
+ "
3793
+ [style.--prx-rich-timeline-item-subtitle-font-size]="
3794
+ resolveNodeStyleValue(
3795
+ node,
3796
+ '--prx-rich-timeline-item-subtitle-font-size'
3797
+ )
3798
+ "
3799
+ [style.--prx-rich-timeline-item-subtitle-color]="
3800
+ resolveNodeStyleValue(
3801
+ node,
3802
+ '--prx-rich-timeline-item-subtitle-color'
3803
+ )
3804
+ "
3805
+ [style.--prx-rich-timeline-item-meta-font-size]="
3806
+ resolveNodeStyleValue(
3807
+ node,
3808
+ '--prx-rich-timeline-item-meta-font-size'
3809
+ )
3810
+ "
3811
+ [style.--prx-rich-timeline-item-meta-color]="
3812
+ resolveNodeStyleValue(
3813
+ node,
3814
+ '--prx-rich-timeline-item-meta-color'
3815
+ )
3816
+ "
3817
+ [style.--prx-rich-timeline-opposite-font-size]="
3818
+ resolveNodeStyleValue(
3819
+ node,
3820
+ '--prx-rich-timeline-opposite-font-size'
3821
+ )
3822
+ "
3823
+ [style.--prx-rich-timeline-opposite-color]="
3824
+ resolveNodeStyleValue(
3825
+ node,
3826
+ '--prx-rich-timeline-opposite-color'
3827
+ )
3828
+ "
3829
+ [style.--prx-rich-timeline-opposite-font-weight]="
3830
+ resolveNodeStyleValue(
3831
+ node,
3832
+ '--prx-rich-timeline-opposite-font-weight'
3833
+ )
3834
+ "
3835
+ [style.--prx-rich-timeline-item-body-background]="
3836
+ resolveNodeStyleValue(
3837
+ node,
3838
+ '--prx-rich-timeline-item-body-background'
3839
+ )
3840
+ "
3841
+ [style.--prx-rich-timeline-item-body-border]="
3842
+ resolveNodeStyleValue(
3843
+ node,
3844
+ '--prx-rich-timeline-item-body-border'
3845
+ )
3846
+ "
3847
+ [style.--prx-rich-timeline-item-body-border-radius]="
3848
+ resolveNodeStyleValue(
3849
+ node,
3850
+ '--prx-rich-timeline-item-body-border-radius'
3851
+ )
3852
+ "
3853
+ [style.--prx-rich-timeline-item-body-padding]="
3854
+ resolveNodeStyleValue(
3855
+ node,
3856
+ '--prx-rich-timeline-item-body-padding'
3857
+ )
3858
+ "
3859
+ [class.prx-rich-timeline--left]="
3860
+ resolveTimelinePosition(node) === 'left'
3861
+ "
3862
+ [class.prx-rich-timeline--right]="
3863
+ resolveTimelinePosition(node) === 'right'
3864
+ "
3865
+ [class.prx-rich-timeline--alternate]="
3866
+ resolveTimelinePosition(node) === 'alternate'
3867
+ "
3868
+ [class.prx-rich-timeline--alternate-reverse]="
3869
+ resolveTimelinePosition(node) === 'alternate-reverse'
3870
+ "
3871
+ [class.prx-rich-timeline--vertical]="
3872
+ resolveTimelineOrientation(node) === 'vertical'
3873
+ "
3874
+ [class.prx-rich-timeline--horizontal]="
3875
+ resolveTimelineOrientation(node) === 'horizontal'
3876
+ "
3877
+ [class.prx-rich-timeline--order-reverse]="
3878
+ resolveTimelineOrder(node) === 'reverse'
3879
+ "
3880
+ [class.prx-rich-timeline--connector-dashed]="
3881
+ resolveTimelineConnectorVariant(node) === 'dashed'
3882
+ "
3883
+ [class.prx-rich-timeline--connector-none]="
3884
+ resolveTimelineConnectorVariant(node) === 'none'
3885
+ "
3886
+ [class.prx-rich-timeline--marker-dot]="
3887
+ resolveTimelineMarkerVariant(node) === 'dot'
3888
+ "
3889
+ [class.prx-rich-timeline--marker-icon]="
3890
+ resolveTimelineMarkerVariant(node) === 'icon'
3891
+ "
3892
+ [class.prx-rich-timeline--marker-number]="
3893
+ resolveTimelineMarkerVariant(node) === 'number'
3894
+ "
3895
+ [class.prx-rich-timeline--emphasis-subtle]="
3896
+ resolveTimelineEmphasis(node) === 'subtle'
3897
+ "
3898
+ [class.prx-rich-timeline--emphasis-strong]="
3899
+ resolveTimelineEmphasis(node) === 'strong'
3900
+ "
3901
+ [class.prx-rich-timeline--emphasis-hero]="
3902
+ resolveTimelineEmphasis(node) === 'hero'
3903
+ "
3904
+ [class.prx-rich-timeline--density-compact]="
3905
+ resolveTimelineDensity(node) === 'compact'
3906
+ "
3907
+ [class.prx-rich-timeline--density-spacious]="
3908
+ resolveTimelineDensity(node) === 'spacious'
3909
+ "
3910
+ [class.prx-rich-timeline--text-prominent]="
3911
+ resolveTimelineTextAppearance(node) === 'prominent'
3912
+ "
3913
+ [class.prx-rich-timeline--text-eyebrow]="
3914
+ resolveTimelineTextAppearance(node) === 'eyebrow'
3915
+ "
3916
+ [class.prx-rich-timeline--text-label]="
3917
+ resolveTimelineTextAppearance(node) === 'label'
3918
+ "
3203
3919
  [ngClass]="resolveTimelineClasses(node)"
3204
3920
  >
3205
3921
  @if (resolveTimelineTitle(node); as timelineTitle) {
3206
- <div class="prx-rich-timeline__title">{{ timelineTitle }}</div>
3922
+ <div class="prx-rich-timeline__title">
3923
+ {{ timelineTitle }}
3924
+ </div>
3207
3925
  }
3208
3926
  @if (resolveTimelineItems(node).length) {
3209
3927
  <ol
3210
3928
  class="prx-rich-timeline__items"
3211
- [attr.aria-label]="resolveTimelineTitle(node) || 'Timeline'"
3212
- [attr.tabindex]="resolveTimelineOrientation(node) === 'horizontal' ? 0 : null"
3929
+ [attr.aria-label]="
3930
+ resolveTimelineTitle(node) || 'Timeline'
3931
+ "
3932
+ [attr.tabindex]="
3933
+ resolveTimelineOrientation(node) === 'horizontal'
3934
+ ? 0
3935
+ : null
3936
+ "
3213
3937
  >
3214
- @for (item of resolveTimelineItems(node); track item.id ?? $index; let odd = $odd) {
3938
+ @for (
3939
+ item of resolveTimelineItems(node);
3940
+ track item.id ?? $index;
3941
+ let odd = $odd
3942
+ ) {
3215
3943
  <li
3216
3944
  class="prx-rich-timeline__item"
3217
3945
  [attr.data-item-id]="resolveTimelineItemId(item)"
3218
- [attr.data-has-opposite]="resolveTimelineItemOpposite(item) ? 'true' : null"
3219
- [attr.data-marker-color]="resolveTimelineItemMarkerColor(item)"
3220
- [attr.data-connector-color]="resolveTimelineItemConnectorColor(item)"
3221
- [attr.data-connector-variant]="resolveTimelineItemConnectorVariant(item)"
3946
+ [attr.data-has-opposite]="
3947
+ resolveTimelineItemOpposite(item) ? 'true' : null
3948
+ "
3949
+ [attr.data-marker-color]="
3950
+ resolveTimelineItemMarkerColor(item)
3951
+ "
3952
+ [attr.data-connector-color]="
3953
+ resolveTimelineItemConnectorColor(item)
3954
+ "
3955
+ [attr.data-connector-variant]="
3956
+ resolveTimelineItemConnectorVariant(item)
3957
+ "
3222
3958
  [class.prx-rich-timeline__item--odd]="odd"
3223
- [class.prx-rich-timeline__item--has-opposite]="!!resolveTimelineItemOpposite(item)"
3959
+ [class.prx-rich-timeline__item--has-opposite]="
3960
+ !!resolveTimelineItemOpposite(item)
3961
+ "
3224
3962
  [ngClass]="resolveTimelineItemClasses(node, item)"
3225
3963
  >
3226
- @if (resolveTimelineItemOpposite(item); as itemOpposite) {
3227
- <div class="prx-rich-timeline__item-opposite">{{ itemOpposite }}</div>
3964
+ @if (
3965
+ resolveTimelineItemOpposite(item);
3966
+ as itemOpposite
3967
+ ) {
3968
+ <div class="prx-rich-timeline__item-opposite">
3969
+ {{ itemOpposite }}
3970
+ </div>
3228
3971
  }
3229
3972
  <div class="prx-rich-timeline__item-marker">
3230
- @if (resolveTimelineMarkerVariant(node) === 'number') {
3231
- <span class="prx-rich-timeline__item-number" aria-hidden="true">{{ resolveTimelineItemNumber(node, item, $index) }}</span>
3232
- } @else if (resolveTimelineMarkerVariant(node) === 'icon' && resolveTimelineItemIcon(item); as icon) {
3973
+ @if (
3974
+ resolveTimelineMarkerVariant(node) === 'number'
3975
+ ) {
3976
+ <span
3977
+ class="prx-rich-timeline__item-number"
3978
+ aria-hidden="true"
3979
+ >{{
3980
+ resolveTimelineItemNumber(node, item, $index)
3981
+ }}</span
3982
+ >
3983
+ } @else if (
3984
+ resolveTimelineMarkerVariant(node) === 'icon' &&
3985
+ resolveTimelineItemIcon(item);
3986
+ as icon
3987
+ ) {
3233
3988
  <span
3234
3989
  class="prx-rich-timeline__item-icon material-symbols-outlined"
3235
3990
  aria-hidden="true"
@@ -3237,22 +3992,36 @@ class PraxisRichContent {
3237
3992
  {{ icon }}
3238
3993
  </span>
3239
3994
  } @else {
3240
- <span class="prx-rich-timeline__item-dot" aria-hidden="true"></span>
3995
+ <span
3996
+ class="prx-rich-timeline__item-dot"
3997
+ aria-hidden="true"
3998
+ ></span>
3241
3999
  }
3242
4000
  </div>
3243
4001
  <div class="prx-rich-timeline__item-body">
3244
4002
  @if (resolveTimelineItemTitle(item); as itemTitle) {
3245
- <div class="prx-rich-timeline__item-title">{{ itemTitle }}</div>
4003
+ <div class="prx-rich-timeline__item-title">
4004
+ {{ itemTitle }}
4005
+ </div>
3246
4006
  }
3247
- @if (resolveTimelineItemSubtitle(item); as itemSubtitle) {
3248
- <div class="prx-rich-timeline__item-subtitle">{{ itemSubtitle }}</div>
4007
+ @if (
4008
+ resolveTimelineItemSubtitle(item);
4009
+ as itemSubtitle
4010
+ ) {
4011
+ <div class="prx-rich-timeline__item-subtitle">
4012
+ {{ itemSubtitle }}
4013
+ </div>
3249
4014
  }
3250
4015
  @if (resolveTimelineItemMeta(item); as itemMeta) {
3251
- <div class="prx-rich-timeline__item-meta">{{ itemMeta }}</div>
4016
+ <div class="prx-rich-timeline__item-meta">
4017
+ {{ itemMeta }}
4018
+ </div>
3252
4019
  }
3253
4020
  @if (resolveTimelineItemBadge(item); as itemBadge) {
3254
4021
  <div class="prx-rich-timeline__item-badge">
3255
- <span class="prx-rich-badge">{{ itemBadge }}</span>
4022
+ <span class="prx-rich-badge">{{
4023
+ itemBadge
4024
+ }}</span>
3256
4025
  </div>
3257
4026
  }
3258
4027
  </div>
@@ -3260,14 +4029,19 @@ class PraxisRichContent {
3260
4029
  }
3261
4030
  </ol>
3262
4031
  } @else if (node.emptyText) {
3263
- <div class="prx-rich-timeline__empty">{{ node.emptyText }}</div>
4032
+ <div class="prx-rich-timeline__empty">
4033
+ {{ node.emptyText }}
4034
+ </div>
3264
4035
  }
3265
4036
  </div>
3266
4037
  }
3267
4038
  @case ('preset') {
3268
4039
  @if (resolvePresetNodes(node); as presetNodes) {
3269
4040
  <ng-container
3270
- *ngTemplateOutlet="renderNodes; context: { $implicit: presetNodes }"
4041
+ *ngTemplateOutlet="
4042
+ renderNodes;
4043
+ context: { $implicit: presetNodes }
4044
+ "
3271
4045
  ></ng-container>
3272
4046
  }
3273
4047
  }
@@ -3292,16 +4066,22 @@ class PraxisRichContent {
3292
4066
  playsinline
3293
4067
  ></video>
3294
4068
  } @else if (media.kind === 'icon') {
3295
- <span class="prx-rich-card-media__icon material-symbols-outlined" aria-hidden="true">
4069
+ <span
4070
+ class="prx-rich-card-media__icon material-symbols-outlined"
4071
+ aria-hidden="true"
4072
+ >
3296
4073
  {{ media.icon }}
3297
4074
  </span>
3298
4075
  } @else if (media.kind === 'avatar') {
3299
- <span class="prx-rich-card-media__avatar" [attr.aria-label]="resolveCardMediaLabel(media)">
4076
+ <span
4077
+ class="prx-rich-card-media__avatar"
4078
+ [attr.aria-label]="resolveCardMediaLabel(media)"
4079
+ >
3300
4080
  {{ resolveCardMediaFallback(media) }}
3301
4081
  </span>
3302
4082
  }
3303
4083
  </ng-template>
3304
- `, 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{grid-column:2}.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 });
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 });
3305
4085
  }
3306
4086
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: PraxisRichContent, decorators: [{
3307
4087
  type: Component,
@@ -3312,7 +4092,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
3312
4092
  [ngClass]="rootClassName"
3313
4093
  >
3314
4094
  <ng-container
3315
- *ngTemplateOutlet="renderNodes; context: { $implicit: renderableNodes() }"
4095
+ *ngTemplateOutlet="
4096
+ renderNodes;
4097
+ context: { $implicit: renderableNodes() }
4098
+ "
3316
4099
  ></ng-container>
3317
4100
  </div>
3318
4101
 
@@ -3360,27 +4143,43 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
3360
4143
  </a>
3361
4144
  }
3362
4145
  @case ('badge') {
3363
- <span class="prx-rich-badge">{{ resolveBadgeLabel(node) }}</span>
4146
+ <span class="prx-rich-badge">{{
4147
+ resolveBadgeLabel(node)
4148
+ }}</span>
3364
4149
  }
3365
4150
  @case ('avatar') {
3366
4151
  <div class="prx-rich-avatar">
3367
4152
  @if (resolveAvatarImage(node); as avatarImage) {
3368
- <img class="prx-rich-avatar-image" [src]="avatarImage" [alt]="resolveAvatarLabel(node)" />
4153
+ <img
4154
+ class="prx-rich-avatar-image"
4155
+ [src]="avatarImage"
4156
+ [alt]="resolveAvatarLabel(node)"
4157
+ />
3369
4158
  } @else {
3370
- <span class="prx-rich-avatar-fallback">{{ resolveAvatarFallback(node) }}</span>
4159
+ <span class="prx-rich-avatar-fallback">{{
4160
+ resolveAvatarFallback(node)
4161
+ }}</span>
3371
4162
  }
3372
4163
  </div>
3373
4164
  }
3374
4165
  @case ('metric') {
3375
- <div class="prx-rich-metric" [class.prx-rich-metric--with-icon]="node.icon">
4166
+ <div
4167
+ class="prx-rich-metric"
4168
+ [class.prx-rich-metric--with-icon]="node.icon"
4169
+ >
3376
4170
  @if (node.icon) {
3377
- <span class="material-symbols-outlined prx-rich-metric-icon" aria-hidden="true">
4171
+ <span
4172
+ class="material-symbols-outlined prx-rich-metric-icon"
4173
+ aria-hidden="true"
4174
+ >
3378
4175
  {{ node.icon }}
3379
4176
  </span>
3380
4177
  }
3381
4178
  <div class="prx-rich-metric-content">
3382
4179
  <div class="prx-rich-metric-label">{{ node.label }}</div>
3383
- <div class="prx-rich-metric-value">{{ resolveMetricValue(node) }}</div>
4180
+ <div class="prx-rich-metric-value">
4181
+ {{ resolveMetricValue(node) }}
4182
+ </div>
3384
4183
  @if (resolveMetricCaption(node); as caption) {
3385
4184
  <div class="prx-rich-metric-caption">{{ caption }}</div>
3386
4185
  }
@@ -3392,10 +4191,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
3392
4191
  @if (resolveProgressLabel(node) || node.showPercent) {
3393
4192
  <div class="prx-rich-progress-header">
3394
4193
  @if (resolveProgressLabel(node); as progressLabel) {
3395
- <div class="prx-rich-progress-label">{{ progressLabel }}</div>
4194
+ <div class="prx-rich-progress-label">
4195
+ {{ progressLabel }}
4196
+ </div>
3396
4197
  }
3397
4198
  @if (node.showPercent) {
3398
- <div class="prx-rich-progress-percent">{{ resolveProgressPercent(node) }}</div>
4199
+ <div class="prx-rich-progress-percent">
4200
+ {{ resolveProgressPercent(node) }}
4201
+ </div>
3399
4202
  }
3400
4203
  </div>
3401
4204
  }
@@ -3411,11 +4214,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
3411
4214
  <button
3412
4215
  type="button"
3413
4216
  class="prx-rich-action-button"
3414
- [class.prx-rich-action-button--raised]="node.variant === 'raised'"
3415
- [class.prx-rich-action-button--stroked]="node.variant === 'stroked'"
4217
+ [class.prx-rich-action-button--raised]="
4218
+ node.variant === 'raised'
4219
+ "
4220
+ [class.prx-rich-action-button--stroked]="
4221
+ node.variant === 'stroked'
4222
+ "
3416
4223
  [class.prx-rich-action-button--flat]="node.variant === 'flat'"
3417
- [class.prx-rich-action-button--primary]="node.color === 'primary'"
3418
- [class.prx-rich-action-button--accent]="node.color === 'accent'"
4224
+ [class.prx-rich-action-button--primary]="
4225
+ node.color === 'primary'
4226
+ "
4227
+ [class.prx-rich-action-button--accent]="
4228
+ node.color === 'accent'
4229
+ "
3419
4230
  [class.prx-rich-action-button--warn]="node.color === 'warn'"
3420
4231
  [disabled]="isActionButtonDisabled(node)"
3421
4232
  (click)="onActionButtonClick(node)"
@@ -3439,7 +4250,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
3439
4250
  [class.wrap]="node.wrap === true"
3440
4251
  >
3441
4252
  <ng-container
3442
- *ngTemplateOutlet="renderNodes; context: { $implicit: node.items }"
4253
+ *ngTemplateOutlet="
4254
+ renderNodes;
4255
+ context: { $implicit: node.items }
4256
+ "
3443
4257
  ></ng-container>
3444
4258
  </div>
3445
4259
  }
@@ -3447,16 +4261,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
3447
4261
  <section
3448
4262
  class="prx-rich-card"
3449
4263
  [class.prx-rich-card--interactive]="isCardInteractive(node)"
3450
- [class.prx-rich-card--disabled]="isCardInteractionDisabled(node)"
4264
+ [class.prx-rich-card--disabled]="
4265
+ isCardInteractionDisabled(node)
4266
+ "
3451
4267
  [class.prx-rich-card--selected]="isCardSelected(node)"
3452
4268
  [class.prx-rich-card--active]="isCardActive(node)"
3453
4269
  [class.prx-rich-card--loading]="isCardLoading(node)"
3454
- [class.prx-rich-card--media-leading]="resolveCardMedia(node)?.placement === 'leading'"
3455
- [class.prx-rich-card--media-trailing]="resolveCardMedia(node)?.placement === 'trailing'"
3456
- [class.prx-rich-card--media-top]="!resolveCardMedia(node)?.placement || resolveCardMedia(node)?.placement === 'top'"
3457
- [class.prx-rich-card--media-background]="resolveCardMedia(node)?.placement === 'background'"
3458
- [class.prx-rich-card--media-icon]="resolveCardMedia(node)?.kind === 'icon'"
3459
- [class.prx-rich-card--media-avatar]="resolveCardMedia(node)?.kind === 'avatar'"
4270
+ [class.prx-rich-card--media-leading]="
4271
+ resolveCardMedia(node)?.placement === 'leading'
4272
+ "
4273
+ [class.prx-rich-card--media-trailing]="
4274
+ resolveCardMedia(node)?.placement === 'trailing'
4275
+ "
4276
+ [class.prx-rich-card--media-top]="
4277
+ !resolveCardMedia(node)?.placement ||
4278
+ resolveCardMedia(node)?.placement === 'top'
4279
+ "
4280
+ [class.prx-rich-card--media-background]="
4281
+ resolveCardMedia(node)?.placement === 'background'
4282
+ "
4283
+ [class.prx-rich-card--media-icon]="
4284
+ resolveCardMedia(node)?.kind === 'icon'
4285
+ "
4286
+ [class.prx-rich-card--media-avatar]="
4287
+ resolveCardMedia(node)?.kind === 'avatar'
4288
+ "
3460
4289
  [attr.data-variant]="node.variant ?? 'outlined'"
3461
4290
  [attr.data-tone]="node.tone ?? 'neutral'"
3462
4291
  [attr.data-size]="node.size ?? 'md'"
@@ -3465,18 +4294,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
3465
4294
  [attr.role]="resolveCardRole(node)"
3466
4295
  [attr.tabindex]="resolveCardTabIndex(node)"
3467
4296
  [attr.aria-label]="resolveCardAriaLabel(node)"
3468
- [attr.aria-labelledby]="node.accessibility?.ariaLabelledBy ?? null"
3469
- [attr.aria-describedby]="node.accessibility?.ariaDescribedBy ?? null"
3470
- [attr.aria-disabled]="isCardInteractive(node) && isCardInteractionDisabled(node) ? 'true' : null"
3471
- [attr.aria-selected]="node.interaction?.mode === 'selectable' ? isCardSelected(node) : null"
4297
+ [attr.aria-labelledby]="
4298
+ node.accessibility?.ariaLabelledBy ?? null
4299
+ "
4300
+ [attr.aria-describedby]="
4301
+ node.accessibility?.ariaDescribedBy ?? null
4302
+ "
4303
+ [attr.aria-disabled]="
4304
+ isCardInteractive(node) && isCardInteractionDisabled(node)
4305
+ ? 'true'
4306
+ : null
4307
+ "
4308
+ [attr.aria-selected]="
4309
+ node.interaction?.mode === 'selectable'
4310
+ ? isCardSelected(node)
4311
+ : null
4312
+ "
3472
4313
  (click)="onCardSurfaceClick(node, $event)"
3473
4314
  (keydown)="onCardSurfaceKeydown(node, $event)"
3474
4315
  >
3475
4316
  @if (resolveCardMedia(node); as media) {
3476
4317
  @if (media.placement === 'background') {
3477
- <div class="prx-rich-card-media prx-rich-card-media--background" aria-hidden="true">
4318
+ <div
4319
+ class="prx-rich-card-media prx-rich-card-media--background"
4320
+ aria-hidden="true"
4321
+ >
3478
4322
  <ng-container
3479
- *ngTemplateOutlet="cardMedia; context: { media: media }"
4323
+ *ngTemplateOutlet="
4324
+ cardMedia;
4325
+ context: { media: media }
4326
+ "
3480
4327
  ></ng-container>
3481
4328
  </div>
3482
4329
  } @else {
@@ -3487,7 +4334,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
3487
4334
  [style.aspect-ratio]="media.aspectRatio || null"
3488
4335
  >
3489
4336
  <ng-container
3490
- *ngTemplateOutlet="cardMedia; context: { media: media }"
4337
+ *ngTemplateOutlet="
4338
+ cardMedia;
4339
+ context: { media: media }
4340
+ "
3491
4341
  ></ng-container>
3492
4342
  </div>
3493
4343
  }
@@ -3497,13 +4347,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
3497
4347
  <div class="prx-rich-card-header">
3498
4348
  <div class="prx-rich-card-header__content">
3499
4349
  <ng-container
3500
- *ngTemplateOutlet="renderNodes; context: { $implicit: headerNodes }"
4350
+ *ngTemplateOutlet="
4351
+ renderNodes;
4352
+ context: { $implicit: headerNodes }
4353
+ "
3501
4354
  ></ng-container>
3502
4355
  </div>
3503
4356
  @if (node.headerAction) {
3504
4357
  <div class="prx-rich-card-header__action">
3505
4358
  <ng-container
3506
- *ngTemplateOutlet="renderNodes; context: { $implicit: [node.headerAction] }"
4359
+ *ngTemplateOutlet="
4360
+ renderNodes;
4361
+ context: { $implicit: [node.headerAction] }
4362
+ "
3507
4363
  ></ng-container>
3508
4364
  </div>
3509
4365
  }
@@ -3526,7 +4382,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
3526
4382
  @if (bodyNodes.length) {
3527
4383
  <div class="prx-rich-card-body">
3528
4384
  <ng-container
3529
- *ngTemplateOutlet="renderNodes; context: { $implicit: bodyNodes }"
4385
+ *ngTemplateOutlet="
4386
+ renderNodes;
4387
+ context: { $implicit: bodyNodes }
4388
+ "
3530
4389
  ></ng-container>
3531
4390
  </div>
3532
4391
  }
@@ -3535,7 +4394,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
3535
4394
  @if (actionNodes.length) {
3536
4395
  <div class="prx-rich-card-actions">
3537
4396
  <ng-container
3538
- *ngTemplateOutlet="renderNodes; context: { $implicit: actionNodes }"
4397
+ *ngTemplateOutlet="
4398
+ renderNodes;
4399
+ context: { $implicit: actionNodes }
4400
+ "
3539
4401
  ></ng-container>
3540
4402
  </div>
3541
4403
  }
@@ -3544,7 +4406,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
3544
4406
  @if (footerNodes.length) {
3545
4407
  <div class="prx-rich-card-footer">
3546
4408
  <ng-container
3547
- *ngTemplateOutlet="renderNodes; context: { $implicit: footerNodes }"
4409
+ *ngTemplateOutlet="
4410
+ renderNodes;
4411
+ context: { $implicit: footerNodes }
4412
+ "
3548
4413
  ></ng-container>
3549
4414
  </div>
3550
4415
  }
@@ -3553,7 +4418,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
3553
4418
  @if (asideNodes.length) {
3554
4419
  <div class="prx-rich-card-aside">
3555
4420
  <ng-container
3556
- *ngTemplateOutlet="renderNodes; context: { $implicit: asideNodes }"
4421
+ *ngTemplateOutlet="
4422
+ renderNodes;
4423
+ context: { $implicit: asideNodes }
4424
+ "
3557
4425
  ></ng-container>
3558
4426
  </div>
3559
4427
  }
@@ -3561,27 +4429,40 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
3561
4429
  </section>
3562
4430
  }
3563
4431
  @case ('callout') {
3564
- <section class="prx-rich-callout" [attr.data-tone]="node.tone ?? 'info'">
4432
+ <section
4433
+ class="prx-rich-callout"
4434
+ [attr.data-tone]="node.tone ?? 'info'"
4435
+ >
3565
4436
  <div class="prx-rich-callout__main">
3566
4437
  <div class="prx-rich-callout__title-row">
3567
4438
  @if (node.icon) {
3568
- <span class="prx-rich-callout__icon material-symbols-outlined" aria-hidden="true">
4439
+ <span
4440
+ class="prx-rich-callout__icon material-symbols-outlined"
4441
+ aria-hidden="true"
4442
+ >
3569
4443
  {{ node.icon }}
3570
4444
  </span>
3571
4445
  }
3572
4446
  @if (resolveCalloutTitle(node); as calloutTitle) {
3573
- <div class="prx-rich-callout__title">{{ calloutTitle }}</div>
4447
+ <div class="prx-rich-callout__title">
4448
+ {{ calloutTitle }}
4449
+ </div>
3574
4450
  }
3575
4451
  </div>
3576
4452
  @if (resolveCalloutMessage(node); as calloutMessage) {
3577
- <div class="prx-rich-callout__message">{{ calloutMessage }}</div>
4453
+ <div class="prx-rich-callout__message">
4454
+ {{ calloutMessage }}
4455
+ </div>
3578
4456
  }
3579
4457
  </div>
3580
4458
  @if (resolveActionNodes(node.actions); as actionNodes) {
3581
4459
  @if (actionNodes.length) {
3582
4460
  <div class="prx-rich-callout__actions">
3583
4461
  <ng-container
3584
- *ngTemplateOutlet="renderNodes; context: { $implicit: actionNodes }"
4462
+ *ngTemplateOutlet="
4463
+ renderNodes;
4464
+ context: { $implicit: actionNodes }
4465
+ "
3585
4466
  ></ng-container>
3586
4467
  </div>
3587
4468
  }
@@ -3589,23 +4470,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
3589
4470
  </section>
3590
4471
  }
3591
4472
  @case ('ctaGroup') {
3592
- <section class="prx-rich-cta-group" [attr.data-layout]="node.layout ?? 'split'">
4473
+ <section
4474
+ class="prx-rich-cta-group"
4475
+ [attr.data-layout]="node.layout ?? 'split'"
4476
+ >
3593
4477
  <div class="prx-rich-cta-group__copy">
3594
4478
  @if (resolveCtaGroupTitle(node); as ctaGroupTitle) {
3595
- <div class="prx-rich-cta-group__title">{{ ctaGroupTitle }}</div>
4479
+ <div class="prx-rich-cta-group__title">
4480
+ {{ ctaGroupTitle }}
4481
+ </div>
3596
4482
  }
3597
4483
  @if (resolveCtaGroupSubtitle(node); as ctaGroupSubtitle) {
3598
- <div class="prx-rich-cta-group__subtitle">{{ ctaGroupSubtitle }}</div>
4484
+ <div class="prx-rich-cta-group__subtitle">
4485
+ {{ ctaGroupSubtitle }}
4486
+ </div>
3599
4487
  }
3600
4488
  @if (resolveCtaGroupMessage(node); as ctaGroupMessage) {
3601
- <div class="prx-rich-cta-group__message">{{ ctaGroupMessage }}</div>
4489
+ <div class="prx-rich-cta-group__message">
4490
+ {{ ctaGroupMessage }}
4491
+ </div>
3602
4492
  }
3603
4493
  </div>
3604
4494
  @if (resolveActionNodes(node.actions); as actionNodes) {
3605
4495
  @if (actionNodes.length) {
3606
4496
  <div class="prx-rich-cta-group__actions">
3607
4497
  <ng-container
3608
- *ngTemplateOutlet="renderNodes; context: { $implicit: actionNodes }"
4498
+ *ngTemplateOutlet="
4499
+ renderNodes;
4500
+ context: { $implicit: actionNodes }
4501
+ "
3609
4502
  ></ng-container>
3610
4503
  </div>
3611
4504
  }
@@ -3613,17 +4506,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
3613
4506
  </section>
3614
4507
  }
3615
4508
  @case ('keyValueList') {
3616
- <section class="prx-rich-key-value-list" [attr.data-layout]="node.layout ?? 'stacked'">
4509
+ <section
4510
+ class="prx-rich-key-value-list"
4511
+ [attr.data-layout]="node.layout ?? 'stacked'"
4512
+ >
3617
4513
  @if (resolveKeyValueListTitle(node); as kvTitle) {
3618
- <div class="prx-rich-key-value-list__title">{{ kvTitle }}</div>
4514
+ <div class="prx-rich-key-value-list__title">
4515
+ {{ kvTitle }}
4516
+ </div>
3619
4517
  }
3620
4518
  <dl class="prx-rich-key-value-list__items">
3621
- @for (item of resolveKeyValueItems(node); track item.id ?? $index) {
4519
+ @for (
4520
+ item of resolveKeyValueItems(node);
4521
+ track item.id ?? $index
4522
+ ) {
3622
4523
  <div class="prx-rich-key-value-list__item">
3623
- <dt class="prx-rich-key-value-list__label">{{ resolveKeyValueLabel(item) }}</dt>
4524
+ <dt class="prx-rich-key-value-list__label">
4525
+ {{ resolveKeyValueLabel(item) }}
4526
+ </dt>
3624
4527
  <dd class="prx-rich-key-value-list__value">
3625
4528
  @if (resolveKeyValueIcon(item); as kvIcon) {
3626
- <span class="material-symbols-outlined prx-rich-key-value-list__icon" aria-hidden="true">
4529
+ <span
4530
+ class="material-symbols-outlined prx-rich-key-value-list__icon"
4531
+ aria-hidden="true"
4532
+ >
3627
4533
  {{ kvIcon }}
3628
4534
  </span>
3629
4535
  }
@@ -3640,21 +4546,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
3640
4546
  @case ('emptyState') {
3641
4547
  <section class="prx-rich-empty-state">
3642
4548
  @if (node.icon) {
3643
- <span class="prx-rich-empty-state__icon material-symbols-outlined" aria-hidden="true">
4549
+ <span
4550
+ class="prx-rich-empty-state__icon material-symbols-outlined"
4551
+ aria-hidden="true"
4552
+ >
3644
4553
  {{ node.icon }}
3645
4554
  </span>
3646
4555
  }
3647
4556
  @if (resolveEmptyStateTitle(node); as emptyStateTitle) {
3648
- <div class="prx-rich-empty-state__title">{{ emptyStateTitle }}</div>
4557
+ <div class="prx-rich-empty-state__title">
4558
+ {{ emptyStateTitle }}
4559
+ </div>
3649
4560
  }
3650
4561
  @if (resolveEmptyStateMessage(node); as emptyStateMessage) {
3651
- <div class="prx-rich-empty-state__message">{{ emptyStateMessage }}</div>
4562
+ <div class="prx-rich-empty-state__message">
4563
+ {{ emptyStateMessage }}
4564
+ </div>
3652
4565
  }
3653
4566
  @if (resolveActionNodes(node.actions); as actionNodes) {
3654
4567
  @if (actionNodes.length) {
3655
4568
  <div class="prx-rich-empty-state__actions">
3656
4569
  <ng-container
3657
- *ngTemplateOutlet="renderNodes; context: { $implicit: actionNodes }"
4570
+ *ngTemplateOutlet="
4571
+ renderNodes;
4572
+ context: { $implicit: actionNodes }
4573
+ "
3658
4574
  ></ng-container>
3659
4575
  </div>
3660
4576
  }
@@ -3662,16 +4578,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
3662
4578
  </section>
3663
4579
  }
3664
4580
  @case ('propertySheet') {
3665
- <section class="prx-rich-property-sheet" [attr.data-columns]="node.columns ?? 2">
4581
+ <section
4582
+ class="prx-rich-property-sheet"
4583
+ [attr.data-columns]="node.columns ?? 2"
4584
+ >
3666
4585
  @if (resolvePropertySheetTitle(node); as propertySheetTitle) {
3667
- <div class="prx-rich-property-sheet__title">{{ propertySheetTitle }}</div>
4586
+ <div class="prx-rich-property-sheet__title">
4587
+ {{ propertySheetTitle }}
4588
+ </div>
3668
4589
  }
3669
4590
  <dl class="prx-rich-property-sheet__items">
3670
- @for (item of resolvePropertySheetItems(node); track item.id ?? $index) {
3671
- <div class="prx-rich-property-sheet__item" [attr.data-tone]="item.tone ?? 'neutral'">
4591
+ @for (
4592
+ item of resolvePropertySheetItems(node);
4593
+ track item.id ?? $index
4594
+ ) {
4595
+ <div
4596
+ class="prx-rich-property-sheet__item"
4597
+ [attr.data-tone]="item.tone ?? 'neutral'"
4598
+ >
3672
4599
  <dt class="prx-rich-property-sheet__label">
3673
4600
  @if (item.icon) {
3674
- <span class="material-symbols-outlined prx-rich-property-sheet__icon" aria-hidden="true">
4601
+ <span
4602
+ class="material-symbols-outlined prx-rich-property-sheet__icon"
4603
+ aria-hidden="true"
4604
+ >
3675
4605
  {{ item.icon }}
3676
4606
  </span>
3677
4607
  }
@@ -3681,7 +4611,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
3681
4611
  {{ resolvePropertySheetValue(item) }}
3682
4612
  </dd>
3683
4613
  @if (resolvePropertySheetHint(item); as propertyHint) {
3684
- <div class="prx-rich-property-sheet__hint">{{ propertyHint }}</div>
4614
+ <div class="prx-rich-property-sheet__hint">
4615
+ {{ propertyHint }}
4616
+ </div>
3685
4617
  }
3686
4618
  </div>
3687
4619
  }
@@ -3689,30 +4621,52 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
3689
4621
  </section>
3690
4622
  }
3691
4623
  @case ('statGroup') {
3692
- <section class="prx-rich-stat-group" [attr.data-layout]="node.layout ?? 'grid'">
4624
+ <section
4625
+ class="prx-rich-stat-group"
4626
+ [attr.data-layout]="node.layout ?? 'grid'"
4627
+ >
3693
4628
  @if (resolveStatGroupTitle(node); as statGroupTitle) {
3694
- <div class="prx-rich-stat-group__title">{{ statGroupTitle }}</div>
4629
+ <div class="prx-rich-stat-group__title">
4630
+ {{ statGroupTitle }}
4631
+ </div>
3695
4632
  }
3696
4633
  @if (resolveStatGroupSubtitle(node); as statGroupSubtitle) {
3697
- <div class="prx-rich-stat-group__subtitle">{{ statGroupSubtitle }}</div>
4634
+ <div class="prx-rich-stat-group__subtitle">
4635
+ {{ statGroupSubtitle }}
4636
+ </div>
3698
4637
  }
3699
4638
  <div class="prx-rich-stat-group__items">
3700
- @for (item of resolveStatGroupItems(node); track item.id ?? $index) {
4639
+ @for (
4640
+ item of resolveStatGroupItems(node);
4641
+ track item.id ?? $index
4642
+ ) {
3701
4643
  <div
3702
4644
  class="prx-rich-stat-group__item"
3703
4645
  [class.prx-rich-stat-group__item--with-icon]="item.icon"
3704
4646
  [attr.data-tone]="item.tone ?? 'neutral'"
3705
4647
  >
3706
4648
  @if (item.icon) {
3707
- <span class="material-symbols-outlined prx-rich-stat-group__icon" aria-hidden="true">
4649
+ <span
4650
+ class="material-symbols-outlined prx-rich-stat-group__icon"
4651
+ aria-hidden="true"
4652
+ >
3708
4653
  {{ item.icon }}
3709
4654
  </span>
3710
4655
  }
3711
4656
  <div class="prx-rich-stat-group__item-content">
3712
- <div class="prx-rich-stat-group__label">{{ resolveStatItemLabel(item) }}</div>
3713
- <div class="prx-rich-stat-group__value">{{ resolveStatItemValue(item) }}</div>
3714
- @if (resolveStatItemCaption(item); as statItemCaption) {
3715
- <div class="prx-rich-stat-group__caption">{{ statItemCaption }}</div>
4657
+ <div class="prx-rich-stat-group__label">
4658
+ {{ resolveStatItemLabel(item) }}
4659
+ </div>
4660
+ <div class="prx-rich-stat-group__value">
4661
+ {{ resolveStatItemValue(item) }}
4662
+ </div>
4663
+ @if (
4664
+ resolveStatItemCaption(item);
4665
+ as statItemCaption
4666
+ ) {
4667
+ <div class="prx-rich-stat-group__caption">
4668
+ {{ statItemCaption }}
4669
+ </div>
3716
4670
  }
3717
4671
  </div>
3718
4672
  </div>
@@ -3721,12 +4675,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
3721
4675
  </section>
3722
4676
  }
3723
4677
  @case ('tabs') {
3724
- <section class="prx-rich-tabs" [attr.data-appearance]="node.appearance ?? 'underline'">
4678
+ <section
4679
+ class="prx-rich-tabs"
4680
+ [attr.data-appearance]="node.appearance ?? 'underline'"
4681
+ >
3725
4682
  @if (resolveTabsTitle(node); as tabsTitle) {
3726
4683
  <div class="prx-rich-tabs__title">{{ tabsTitle }}</div>
3727
4684
  }
3728
4685
  @if (resolveTabsSubtitle(node); as tabsSubtitle) {
3729
- <div class="prx-rich-tabs__subtitle">{{ tabsSubtitle }}</div>
4686
+ <div class="prx-rich-tabs__subtitle">
4687
+ {{ tabsSubtitle }}
4688
+ </div>
3730
4689
  }
3731
4690
  @if (resolveVisibleTabsItems(node); as tabsItems) {
3732
4691
  @if (tabsItems.length) {
@@ -3736,27 +4695,42 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
3736
4695
  type="button"
3737
4696
  class="prx-rich-tabs__tab"
3738
4697
  role="tab"
3739
- [class.prx-rich-tabs__tab--active]="isTabsItemActive(node, item, $index, tabsItems)"
3740
- [attr.aria-selected]="isTabsItemActive(node, item, $index, tabsItems)"
4698
+ [class.prx-rich-tabs__tab--active]="
4699
+ isTabsItemActive(node, item, $index, tabsItems)
4700
+ "
4701
+ [attr.aria-selected]="
4702
+ isTabsItemActive(node, item, $index, tabsItems)
4703
+ "
3741
4704
  [disabled]="isTabsItemDisabled(item)"
3742
4705
  (click)="onTabsItemClick(node, item, $index)"
3743
4706
  >
3744
4707
  @if (item.icon) {
3745
- <span class="material-symbols-outlined prx-rich-tabs__tab-icon" aria-hidden="true">
4708
+ <span
4709
+ class="material-symbols-outlined prx-rich-tabs__tab-icon"
4710
+ aria-hidden="true"
4711
+ >
3746
4712
  {{ item.icon }}
3747
4713
  </span>
3748
4714
  }
3749
4715
  <span>{{ resolveTabsItemLabel(item) }}</span>
3750
4716
  @if (resolveTabsItemBadge(item); as tabsBadge) {
3751
- <span class="prx-rich-badge">{{ tabsBadge }}</span>
4717
+ <span class="prx-rich-badge">{{
4718
+ tabsBadge
4719
+ }}</span>
3752
4720
  }
3753
4721
  </button>
3754
4722
  }
3755
4723
  </div>
3756
- @if (resolveActiveTabsItem(node, tabsItems); as activeTabsItem) {
4724
+ @if (
4725
+ resolveActiveTabsItem(node, tabsItems);
4726
+ as activeTabsItem
4727
+ ) {
3757
4728
  <div class="prx-rich-tabs__panel" role="tabpanel">
3758
4729
  <ng-container
3759
- *ngTemplateOutlet="renderNodes; context: { $implicit: activeTabsItem.content }"
4730
+ *ngTemplateOutlet="
4731
+ renderNodes;
4732
+ context: { $implicit: activeTabsItem.content }
4733
+ "
3760
4734
  ></ng-container>
3761
4735
  </div>
3762
4736
  }
@@ -3767,16 +4741,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
3767
4741
  @case ('recordSummary') {
3768
4742
  <section class="prx-rich-record-summary">
3769
4743
  @if (resolveRecordSummaryTitle(node); as summaryTitle) {
3770
- <div class="prx-rich-record-summary__title">{{ summaryTitle }}</div>
4744
+ <div class="prx-rich-record-summary__title">
4745
+ {{ summaryTitle }}
4746
+ </div>
3771
4747
  }
3772
4748
  @if (resolveRecordSummarySubtitle(node); as summarySubtitle) {
3773
- <div class="prx-rich-record-summary__subtitle">{{ summarySubtitle }}</div>
4749
+ <div class="prx-rich-record-summary__subtitle">
4750
+ {{ summarySubtitle }}
4751
+ </div>
3774
4752
  }
3775
4753
  @if (resolveRecordSummaryMeta(node); as summaryMeta) {
3776
- <div class="prx-rich-record-summary__meta">{{ summaryMeta }}</div>
4754
+ <div class="prx-rich-record-summary__meta">
4755
+ {{ summaryMeta }}
4756
+ </div>
3777
4757
  }
3778
4758
  <dl class="prx-rich-record-summary__fields">
3779
- @for (field of resolveRecordSummaryFields(node); track field.id ?? $index) {
4759
+ @for (
4760
+ field of resolveRecordSummaryFields(node);
4761
+ track field.id ?? $index
4762
+ ) {
3780
4763
  <div class="prx-rich-record-summary__field">
3781
4764
  <dt>{{ resolveRecordSummaryFieldLabel(field) }}</dt>
3782
4765
  <dd>{{ resolveRecordSummaryFieldValue(field) }}</dd>
@@ -3787,7 +4770,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
3787
4770
  @if (actionNodes.length) {
3788
4771
  <div class="prx-rich-record-summary__actions">
3789
4772
  <ng-container
3790
- *ngTemplateOutlet="renderNodes; context: { $implicit: actionNodes }"
4773
+ *ngTemplateOutlet="
4774
+ renderNodes;
4775
+ context: { $implicit: actionNodes }
4776
+ "
3791
4777
  ></ng-container>
3792
4778
  </div>
3793
4779
  }
@@ -3795,15 +4781,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
3795
4781
  </section>
3796
4782
  }
3797
4783
  @case ('lookupResult') {
3798
- <section class="prx-rich-lookup-result" [attr.data-status]="resolveLookupResultStatus(node)">
4784
+ <section
4785
+ class="prx-rich-lookup-result"
4786
+ [attr.data-status]="resolveLookupResultStatus(node)"
4787
+ >
3799
4788
  @if (resolveLookupResultTitle(node); as lookupResultTitle) {
3800
- <div class="prx-rich-lookup-result__title">{{ lookupResultTitle }}</div>
4789
+ <div class="prx-rich-lookup-result__title">
4790
+ {{ lookupResultTitle }}
4791
+ </div>
3801
4792
  }
3802
- @if (resolveLookupResultSubtitle(node); as lookupResultSubtitle) {
3803
- <div class="prx-rich-lookup-result__subtitle">{{ lookupResultSubtitle }}</div>
4793
+ @if (
4794
+ resolveLookupResultSubtitle(node);
4795
+ as lookupResultSubtitle
4796
+ ) {
4797
+ <div class="prx-rich-lookup-result__subtitle">
4798
+ {{ lookupResultSubtitle }}
4799
+ </div>
3804
4800
  }
3805
4801
  @if (resolveLookupResultMeta(node); as lookupResultMeta) {
3806
- <div class="prx-rich-lookup-result__meta">{{ lookupResultMeta }}</div>
4802
+ <div class="prx-rich-lookup-result__meta">
4803
+ {{ lookupResultMeta }}
4804
+ </div>
3807
4805
  }
3808
4806
  @if (resolveLookupResultStatus(node) === 'empty') {
3809
4807
  <div class="prx-rich-lookup-result__message">
@@ -3815,12 +4813,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
3815
4813
  </div>
3816
4814
  } @else {
3817
4815
  <dl class="prx-rich-lookup-result__fields">
3818
- @for (field of resolveLookupResultFields(node); track field.id ?? $index) {
4816
+ @for (
4817
+ field of resolveLookupResultFields(node);
4818
+ track field.id ?? $index
4819
+ ) {
3819
4820
  <div class="prx-rich-lookup-result__field">
3820
4821
  <dt>{{ resolveLookupResultFieldLabel(field) }}</dt>
3821
4822
  <dd>{{ resolveLookupResultFieldValue(field) }}</dd>
3822
- @if (resolveLookupResultFieldHint(field); as lookupResultFieldHint) {
3823
- <div class="prx-rich-lookup-result__hint">{{ lookupResultFieldHint }}</div>
4823
+ @if (
4824
+ resolveLookupResultFieldHint(field);
4825
+ as lookupResultFieldHint
4826
+ ) {
4827
+ <div class="prx-rich-lookup-result__hint">
4828
+ {{ lookupResultFieldHint }}
4829
+ </div>
3824
4830
  }
3825
4831
  </div>
3826
4832
  }
@@ -3830,7 +4836,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
3830
4836
  @if (actionNodes.length) {
3831
4837
  <div class="prx-rich-lookup-result__actions">
3832
4838
  <ng-container
3833
- *ngTemplateOutlet="renderNodes; context: { $implicit: actionNodes }"
4839
+ *ngTemplateOutlet="
4840
+ renderNodes;
4841
+ context: { $implicit: actionNodes }
4842
+ "
3834
4843
  ></ng-container>
3835
4844
  </div>
3836
4845
  }
@@ -3838,36 +4847,63 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
3838
4847
  </section>
3839
4848
  }
3840
4849
  @case ('lookupCard') {
3841
- <section class="prx-rich-lookup-card" [attr.data-status]="resolveLookupCardStatus(node)">
4850
+ <section
4851
+ class="prx-rich-lookup-card"
4852
+ [attr.data-status]="resolveLookupCardStatus(node)"
4853
+ >
3842
4854
  <div class="prx-rich-lookup-card__copy">
3843
4855
  <div class="prx-rich-lookup-card__title-row">
3844
4856
  @if (node.icon) {
3845
- <span class="prx-rich-lookup-card__icon material-symbols-outlined" aria-hidden="true">
4857
+ <span
4858
+ class="prx-rich-lookup-card__icon material-symbols-outlined"
4859
+ aria-hidden="true"
4860
+ >
3846
4861
  {{ node.icon }}
3847
4862
  </span>
3848
4863
  }
3849
4864
  @if (resolveLookupCardTitle(node); as lookupCardTitle) {
3850
- <div class="prx-rich-lookup-card__title">{{ lookupCardTitle }}</div>
4865
+ <div class="prx-rich-lookup-card__title">
4866
+ {{ lookupCardTitle }}
4867
+ </div>
3851
4868
  }
3852
4869
  </div>
3853
- @if (resolveLookupCardSubtitle(node); as lookupCardSubtitle) {
3854
- <div class="prx-rich-lookup-card__subtitle">{{ lookupCardSubtitle }}</div>
4870
+ @if (
4871
+ resolveLookupCardSubtitle(node);
4872
+ as lookupCardSubtitle
4873
+ ) {
4874
+ <div class="prx-rich-lookup-card__subtitle">
4875
+ {{ lookupCardSubtitle }}
4876
+ </div>
3855
4877
  }
3856
4878
  @if (resolveLookupCardMeta(node); as lookupCardMeta) {
3857
- <div class="prx-rich-lookup-card__meta">{{ lookupCardMeta }}</div>
4879
+ <div class="prx-rich-lookup-card__meta">
4880
+ {{ lookupCardMeta }}
4881
+ </div>
3858
4882
  }
3859
4883
  @if (resolveLookupCardStatus(node) === 'empty') {
3860
- <div class="prx-rich-lookup-card__message">{{ resolveLookupCardEmptyText(node) }}</div>
4884
+ <div class="prx-rich-lookup-card__message">
4885
+ {{ resolveLookupCardEmptyText(node) }}
4886
+ </div>
3861
4887
  } @else if (resolveLookupCardStatus(node) === 'error') {
3862
- <div class="prx-rich-lookup-card__message">{{ resolveLookupCardErrorText(node) }}</div>
4888
+ <div class="prx-rich-lookup-card__message">
4889
+ {{ resolveLookupCardErrorText(node) }}
4890
+ </div>
3863
4891
  } @else {
3864
4892
  <dl class="prx-rich-lookup-card__fields">
3865
- @for (field of resolveLookupCardFields(node); track field.id ?? $index) {
4893
+ @for (
4894
+ field of resolveLookupCardFields(node);
4895
+ track field.id ?? $index
4896
+ ) {
3866
4897
  <div class="prx-rich-lookup-card__field">
3867
4898
  <dt>{{ resolveLookupCardFieldLabel(field) }}</dt>
3868
4899
  <dd>{{ resolveLookupCardFieldValue(field) }}</dd>
3869
- @if (resolveLookupCardFieldHint(field); as lookupCardFieldHint) {
3870
- <div class="prx-rich-lookup-card__hint">{{ lookupCardFieldHint }}</div>
4900
+ @if (
4901
+ resolveLookupCardFieldHint(field);
4902
+ as lookupCardFieldHint
4903
+ ) {
4904
+ <div class="prx-rich-lookup-card__hint">
4905
+ {{ lookupCardFieldHint }}
4906
+ </div>
3871
4907
  }
3872
4908
  </div>
3873
4909
  }
@@ -3879,27 +4915,48 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
3879
4915
  <button
3880
4916
  type="button"
3881
4917
  class="prx-rich-action-button"
3882
- [class.prx-rich-action-button--raised]="node.variant === 'raised'"
3883
- [class.prx-rich-action-button--stroked]="node.variant === 'stroked'"
3884
- [class.prx-rich-action-button--flat]="node.variant === 'flat'"
3885
- [class.prx-rich-action-button--primary]="node.color === 'primary'"
3886
- [class.prx-rich-action-button--accent]="node.color === 'accent'"
3887
- [class.prx-rich-action-button--warn]="node.color === 'warn'"
4918
+ [class.prx-rich-action-button--raised]="
4919
+ node.variant === 'raised'
4920
+ "
4921
+ [class.prx-rich-action-button--stroked]="
4922
+ node.variant === 'stroked'
4923
+ "
4924
+ [class.prx-rich-action-button--flat]="
4925
+ node.variant === 'flat'
4926
+ "
4927
+ [class.prx-rich-action-button--primary]="
4928
+ node.color === 'primary'
4929
+ "
4930
+ [class.prx-rich-action-button--accent]="
4931
+ node.color === 'accent'
4932
+ "
4933
+ [class.prx-rich-action-button--warn]="
4934
+ node.color === 'warn'
4935
+ "
3888
4936
  [disabled]="isLookupCardDisabled(node)"
3889
4937
  (click)="onLookupCardClick(node)"
3890
4938
  >
3891
4939
  @if (node.ctaIcon) {
3892
- <span class="prx-rich-action-button__icon material-symbols-outlined" aria-hidden="true">
4940
+ <span
4941
+ class="prx-rich-action-button__icon material-symbols-outlined"
4942
+ aria-hidden="true"
4943
+ >
3893
4944
  {{ node.ctaIcon }}
3894
4945
  </span>
3895
4946
  }
3896
4947
  <span>{{ resolveLookupCardCtaLabel(node) }}</span>
3897
4948
  </button>
3898
4949
  }
3899
- @if (resolveActionNodes(node.secondaryActions); as actionNodes) {
4950
+ @if (
4951
+ resolveActionNodes(node.secondaryActions);
4952
+ as actionNodes
4953
+ ) {
3900
4954
  @if (actionNodes.length) {
3901
4955
  <ng-container
3902
- *ngTemplateOutlet="renderNodes; context: { $implicit: actionNodes }"
4956
+ *ngTemplateOutlet="
4957
+ renderNodes;
4958
+ context: { $implicit: actionNodes }
4959
+ "
3903
4960
  ></ng-container>
3904
4961
  }
3905
4962
  }
@@ -3909,67 +4966,122 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
3909
4966
  @case ('relatedRecord') {
3910
4967
  <section class="prx-rich-related-record">
3911
4968
  <div class="prx-rich-related-record__copy">
3912
- @if (resolveRelatedRecordRelationLabel(node); as relatedRecordRelationLabel) {
3913
- <div class="prx-rich-related-record__relation">{{ relatedRecordRelationLabel }}</div>
4969
+ @if (
4970
+ resolveRelatedRecordRelationLabel(node);
4971
+ as relatedRecordRelationLabel
4972
+ ) {
4973
+ <div class="prx-rich-related-record__relation">
4974
+ {{ relatedRecordRelationLabel }}
4975
+ </div>
3914
4976
  }
3915
4977
  <div
3916
4978
  class="prx-rich-related-record__title-row"
3917
- [class.prx-rich-related-record__title-row--with-icon]="node.icon"
4979
+ [class.prx-rich-related-record__title-row--with-icon]="
4980
+ node.icon
4981
+ "
3918
4982
  >
3919
4983
  @if (node.icon) {
3920
- <span class="prx-rich-related-record__icon material-symbols-outlined" aria-hidden="true">
4984
+ <span
4985
+ class="prx-rich-related-record__icon material-symbols-outlined"
4986
+ aria-hidden="true"
4987
+ >
3921
4988
  {{ node.icon }}
3922
4989
  </span>
3923
4990
  }
3924
- @if (resolveRelatedRecordTitle(node); as relatedRecordTitle) {
3925
- <div class="prx-rich-related-record__title">{{ relatedRecordTitle }}</div>
4991
+ @if (
4992
+ resolveRelatedRecordTitle(node);
4993
+ as relatedRecordTitle
4994
+ ) {
4995
+ <div class="prx-rich-related-record__title">
4996
+ {{ relatedRecordTitle }}
4997
+ </div>
3926
4998
  }
3927
4999
  </div>
3928
- @if (resolveRelatedRecordSubtitle(node); as relatedRecordSubtitle) {
3929
- <div class="prx-rich-related-record__subtitle">{{ relatedRecordSubtitle }}</div>
5000
+ @if (
5001
+ resolveRelatedRecordSubtitle(node);
5002
+ as relatedRecordSubtitle
5003
+ ) {
5004
+ <div class="prx-rich-related-record__subtitle">
5005
+ {{ relatedRecordSubtitle }}
5006
+ </div>
3930
5007
  }
3931
5008
  @if (resolveRelatedRecordMeta(node); as relatedRecordMeta) {
3932
- <div class="prx-rich-related-record__meta">{{ relatedRecordMeta }}</div>
5009
+ <div class="prx-rich-related-record__meta">
5010
+ {{ relatedRecordMeta }}
5011
+ </div>
3933
5012
  }
3934
5013
  <dl class="prx-rich-related-record__fields">
3935
- @for (field of resolveRelatedRecordFields(node); track field.id ?? $index) {
5014
+ @for (
5015
+ field of resolveRelatedRecordFields(node);
5016
+ track field.id ?? $index
5017
+ ) {
3936
5018
  <div class="prx-rich-related-record__field">
3937
5019
  <dt>{{ resolveRelatedRecordFieldLabel(field) }}</dt>
3938
- <dd>{{ resolveRelatedRecordFieldValue(field) }}</dd>
3939
- @if (resolveRelatedRecordFieldHint(field); as relatedRecordFieldHint) {
3940
- <div class="prx-rich-related-record__hint">{{ relatedRecordFieldHint }}</div>
3941
- }
5020
+ <dd>
5021
+ {{ resolveRelatedRecordFieldValue(field) }}
5022
+ @if (
5023
+ resolveRelatedRecordFieldHint(field);
5024
+ as relatedRecordFieldHint
5025
+ ) {
5026
+ <span class="prx-rich-related-record__hint">{{
5027
+ relatedRecordFieldHint
5028
+ }}</span>
5029
+ }
5030
+ </dd>
3942
5031
  </div>
3943
5032
  }
3944
5033
  </dl>
3945
5034
  </div>
3946
- @if (node.action || (node.secondaryActions?.length ?? 0) > 0) {
5035
+ @if (
5036
+ node.action || (node.secondaryActions?.length ?? 0) > 0
5037
+ ) {
3947
5038
  <div class="prx-rich-related-record__actions">
3948
5039
  @if (node.action) {
3949
5040
  <button
3950
5041
  type="button"
3951
5042
  class="prx-rich-action-button"
3952
- [class.prx-rich-action-button--raised]="node.variant === 'raised'"
3953
- [class.prx-rich-action-button--stroked]="node.variant === 'stroked'"
3954
- [class.prx-rich-action-button--flat]="node.variant === 'flat'"
3955
- [class.prx-rich-action-button--primary]="node.color === 'primary'"
3956
- [class.prx-rich-action-button--accent]="node.color === 'accent'"
3957
- [class.prx-rich-action-button--warn]="node.color === 'warn'"
5043
+ [class.prx-rich-action-button--raised]="
5044
+ node.variant === 'raised'
5045
+ "
5046
+ [class.prx-rich-action-button--stroked]="
5047
+ node.variant === 'stroked'
5048
+ "
5049
+ [class.prx-rich-action-button--flat]="
5050
+ node.variant === 'flat'
5051
+ "
5052
+ [class.prx-rich-action-button--primary]="
5053
+ node.color === 'primary'
5054
+ "
5055
+ [class.prx-rich-action-button--accent]="
5056
+ node.color === 'accent'
5057
+ "
5058
+ [class.prx-rich-action-button--warn]="
5059
+ node.color === 'warn'
5060
+ "
3958
5061
  [disabled]="isRelatedRecordDisabled(node)"
3959
5062
  (click)="onRelatedRecordClick(node)"
3960
5063
  >
3961
5064
  @if (node.ctaIcon) {
3962
- <span class="prx-rich-action-button__icon material-symbols-outlined" aria-hidden="true">
5065
+ <span
5066
+ class="prx-rich-action-button__icon material-symbols-outlined"
5067
+ aria-hidden="true"
5068
+ >
3963
5069
  {{ node.ctaIcon }}
3964
5070
  </span>
3965
5071
  }
3966
5072
  <span>{{ resolveRelatedRecordCtaLabel(node) }}</span>
3967
5073
  </button>
3968
5074
  }
3969
- @if (resolveActionNodes(node.secondaryActions); as actionNodes) {
5075
+ @if (
5076
+ resolveActionNodes(node.secondaryActions);
5077
+ as actionNodes
5078
+ ) {
3970
5079
  @if (actionNodes.length) {
3971
5080
  <ng-container
3972
- *ngTemplateOutlet="renderNodes; context: { $implicit: actionNodes }"
5081
+ *ngTemplateOutlet="
5082
+ renderNodes;
5083
+ context: { $implicit: actionNodes }
5084
+ "
3973
5085
  ></ng-container>
3974
5086
  }
3975
5087
  }
@@ -3982,48 +5094,83 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
3982
5094
  <div class="prx-rich-action-card__copy">
3983
5095
  <div class="prx-rich-action-card__title-row">
3984
5096
  @if (node.icon) {
3985
- <span class="prx-rich-action-card__icon material-symbols-outlined" aria-hidden="true">
5097
+ <span
5098
+ class="prx-rich-action-card__icon material-symbols-outlined"
5099
+ aria-hidden="true"
5100
+ >
3986
5101
  {{ node.icon }}
3987
5102
  </span>
3988
5103
  }
3989
5104
  @if (resolveActionCardTitle(node); as actionCardTitle) {
3990
- <div class="prx-rich-action-card__title">{{ actionCardTitle }}</div>
5105
+ <div class="prx-rich-action-card__title">
5106
+ {{ actionCardTitle }}
5107
+ </div>
3991
5108
  }
3992
5109
  </div>
3993
- @if (resolveActionCardSubtitle(node); as actionCardSubtitle) {
3994
- <div class="prx-rich-action-card__subtitle">{{ actionCardSubtitle }}</div>
5110
+ @if (
5111
+ resolveActionCardSubtitle(node);
5112
+ as actionCardSubtitle
5113
+ ) {
5114
+ <div class="prx-rich-action-card__subtitle">
5115
+ {{ actionCardSubtitle }}
5116
+ </div>
3995
5117
  }
3996
5118
  @if (resolveActionCardMessage(node); as actionCardMessage) {
3997
- <div class="prx-rich-action-card__message">{{ actionCardMessage }}</div>
5119
+ <div class="prx-rich-action-card__message">
5120
+ {{ actionCardMessage }}
5121
+ </div>
3998
5122
  }
3999
5123
  @if (resolveActionCardMeta(node); as actionCardMeta) {
4000
- <div class="prx-rich-action-card__meta">{{ actionCardMeta }}</div>
5124
+ <div class="prx-rich-action-card__meta">
5125
+ {{ actionCardMeta }}
5126
+ </div>
4001
5127
  }
4002
5128
  </div>
4003
5129
  <div class="prx-rich-action-card__actions">
4004
5130
  <button
4005
5131
  type="button"
4006
5132
  class="prx-rich-action-button"
4007
- [class.prx-rich-action-button--raised]="node.variant === 'raised'"
4008
- [class.prx-rich-action-button--stroked]="node.variant === 'stroked'"
4009
- [class.prx-rich-action-button--flat]="node.variant === 'flat'"
4010
- [class.prx-rich-action-button--primary]="node.color === 'primary'"
4011
- [class.prx-rich-action-button--accent]="node.color === 'accent'"
4012
- [class.prx-rich-action-button--warn]="node.color === 'warn'"
5133
+ [class.prx-rich-action-button--raised]="
5134
+ node.variant === 'raised'
5135
+ "
5136
+ [class.prx-rich-action-button--stroked]="
5137
+ node.variant === 'stroked'
5138
+ "
5139
+ [class.prx-rich-action-button--flat]="
5140
+ node.variant === 'flat'
5141
+ "
5142
+ [class.prx-rich-action-button--primary]="
5143
+ node.color === 'primary'
5144
+ "
5145
+ [class.prx-rich-action-button--accent]="
5146
+ node.color === 'accent'
5147
+ "
5148
+ [class.prx-rich-action-button--warn]="
5149
+ node.color === 'warn'
5150
+ "
4013
5151
  [disabled]="isActionCardDisabled(node)"
4014
5152
  (click)="onActionCardClick(node)"
4015
5153
  >
4016
5154
  @if (node.ctaIcon) {
4017
- <span class="prx-rich-action-button__icon material-symbols-outlined" aria-hidden="true">
5155
+ <span
5156
+ class="prx-rich-action-button__icon material-symbols-outlined"
5157
+ aria-hidden="true"
5158
+ >
4018
5159
  {{ node.ctaIcon }}
4019
5160
  </span>
4020
5161
  }
4021
5162
  <span>{{ resolveActionCardCtaLabel(node) }}</span>
4022
5163
  </button>
4023
- @if (resolveActionNodes(node.secondaryActions); as actionNodes) {
5164
+ @if (
5165
+ resolveActionNodes(node.secondaryActions);
5166
+ as actionNodes
5167
+ ) {
4024
5168
  @if (actionNodes.length) {
4025
5169
  <ng-container
4026
- *ngTemplateOutlet="renderNodes; context: { $implicit: actionNodes }"
5170
+ *ngTemplateOutlet="
5171
+ renderNodes;
5172
+ context: { $implicit: actionNodes }
5173
+ "
4027
5174
  ></ng-container>
4028
5175
  }
4029
5176
  }
@@ -4039,47 +5186,91 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
4039
5186
  <div class="prx-rich-decision-package__main">
4040
5187
  <div class="prx-rich-decision-package__eyebrow">
4041
5188
  @if (resolveDecisionPackageStatus(node); as status) {
4042
- <span class="prx-rich-badge prx-rich-decision-package__status">{{ status }}</span>
5189
+ <span
5190
+ class="prx-rich-badge prx-rich-decision-package__status"
5191
+ >{{ status }}</span
5192
+ >
4043
5193
  }
4044
5194
  @if (resolveDecisionPackageVersion(node); as version) {
4045
- <span class="prx-rich-decision-package__meta">{{ version }}</span>
5195
+ <span class="prx-rich-decision-package__meta">{{
5196
+ version
5197
+ }}</span>
4046
5198
  }
4047
5199
  </div>
4048
5200
  @if (resolveDecisionPackageTitle(node); as decisionTitle) {
4049
- <div class="prx-rich-decision-package__title">{{ decisionTitle }}</div>
5201
+ <div class="prx-rich-decision-package__title">
5202
+ {{ decisionTitle }}
5203
+ </div>
4050
5204
  }
4051
- @if (resolveDecisionPackageSubtitle(node); as decisionSubtitle) {
4052
- <div class="prx-rich-decision-package__subtitle">{{ decisionSubtitle }}</div>
5205
+ @if (
5206
+ resolveDecisionPackageSubtitle(node);
5207
+ as decisionSubtitle
5208
+ ) {
5209
+ <div class="prx-rich-decision-package__subtitle">
5210
+ {{ decisionSubtitle }}
5211
+ </div>
4053
5212
  }
4054
- @if (resolveDecisionPackageSummary(node); as decisionSummary) {
4055
- <div class="prx-rich-decision-package__summary">{{ decisionSummary }}</div>
5213
+ @if (
5214
+ resolveDecisionPackageSummary(node);
5215
+ as decisionSummary
5216
+ ) {
5217
+ <div class="prx-rich-decision-package__summary">
5218
+ {{ decisionSummary }}
5219
+ </div>
4056
5220
  }
4057
5221
  <dl class="prx-rich-decision-package__properties">
4058
5222
  @if (resolveDecisionPackageOwner(node); as owner) {
4059
5223
  <div class="prx-rich-decision-package__property">
4060
- <dt>{{ tx('renderer.decisionPackage.owner', 'Owner') }}</dt>
5224
+ <dt>
5225
+ {{ tx('renderer.decisionPackage.owner', 'Owner') }}
5226
+ </dt>
4061
5227
  <dd>{{ owner }}</dd>
4062
5228
  </div>
4063
5229
  }
4064
- @if (resolveDecisionPackagePolicySource(node); as policySource) {
5230
+ @if (
5231
+ resolveDecisionPackagePolicySource(node);
5232
+ as policySource
5233
+ ) {
4065
5234
  <div class="prx-rich-decision-package__property">
4066
- <dt>{{ tx('renderer.decisionPackage.policy', 'Policy') }}</dt>
5235
+ <dt>
5236
+ {{
5237
+ tx('renderer.decisionPackage.policy', 'Policy')
5238
+ }}
5239
+ </dt>
4067
5240
  <dd>{{ policySource }}</dd>
4068
5241
  </div>
4069
5242
  }
4070
- @if (resolveDecisionPackageLastReviewed(node); as lastReviewed) {
5243
+ @if (
5244
+ resolveDecisionPackageLastReviewed(node);
5245
+ as lastReviewed
5246
+ ) {
4071
5247
  <div class="prx-rich-decision-package__property">
4072
- <dt>{{ tx('renderer.decisionPackage.reviewed', 'Reviewed') }}</dt>
5248
+ <dt>
5249
+ {{
5250
+ tx(
5251
+ 'renderer.decisionPackage.reviewed',
5252
+ 'Reviewed'
5253
+ )
5254
+ }}
5255
+ </dt>
4073
5256
  <dd>{{ lastReviewed }}</dd>
4074
5257
  </div>
4075
5258
  }
4076
5259
  </dl>
4077
5260
  @if (resolveDecisionPackageEvidence(node).length) {
4078
5261
  <div class="prx-rich-decision-package__evidence">
4079
- @for (item of resolveDecisionPackageEvidence(node); track item.id ?? $index) {
4080
- <span class="prx-rich-decision-package__evidence-item">
5262
+ @for (
5263
+ item of resolveDecisionPackageEvidence(node);
5264
+ track item.id ?? $index
5265
+ ) {
5266
+ <span
5267
+ class="prx-rich-decision-package__evidence-item"
5268
+ >
4081
5269
  {{ resolveDecisionPackageEvidenceLabel(item) }}
4082
- @if (resolveDecisionPackageEvidenceSource(item); as source) {
5270
+ @if (
5271
+ resolveDecisionPackageEvidenceSource(item);
5272
+ as source
5273
+ ) {
4083
5274
  <small>{{ source }}</small>
4084
5275
  }
4085
5276
  </span>
@@ -4088,26 +5279,49 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
4088
5279
  }
4089
5280
  </div>
4090
5281
  <div class="prx-rich-decision-package__aside">
4091
- @if (resolveDecisionPackageConfidence(node); as confidence) {
5282
+ @if (
5283
+ resolveDecisionPackageConfidence(node);
5284
+ as confidence
5285
+ ) {
4092
5286
  <div class="prx-rich-decision-package__confidence">
4093
5287
  <span>{{ confidence }}</span>
4094
- <small>{{ tx('renderer.decisionPackage.confidence', 'Confidence') }}</small>
5288
+ <small>{{
5289
+ tx(
5290
+ 'renderer.decisionPackage.confidence',
5291
+ 'Confidence'
5292
+ )
5293
+ }}</small>
4095
5294
  </div>
4096
5295
  }
4097
5296
  @if (resolveDecisionPackageRisk(node); as risk) {
4098
- <span class="prx-rich-badge prx-rich-decision-package__risk">{{ risk }}</span>
5297
+ <span
5298
+ class="prx-rich-badge prx-rich-decision-package__risk"
5299
+ >{{ risk }}</span
5300
+ >
4099
5301
  }
4100
- @if (node.primaryAction || (node.secondaryActions?.length ?? 0) > 0) {
5302
+ @if (
5303
+ node.primaryAction ||
5304
+ (node.secondaryActions?.length ?? 0) > 0
5305
+ ) {
4101
5306
  <div class="prx-rich-decision-package__actions">
4102
5307
  @if (node.primaryAction) {
4103
5308
  <ng-container
4104
- *ngTemplateOutlet="renderNodes; context: { $implicit: [node.primaryAction] }"
5309
+ *ngTemplateOutlet="
5310
+ renderNodes;
5311
+ context: { $implicit: [node.primaryAction] }
5312
+ "
4105
5313
  ></ng-container>
4106
5314
  }
4107
- @if (resolveActionNodes(node.secondaryActions); as actionNodes) {
5315
+ @if (
5316
+ resolveActionNodes(node.secondaryActions);
5317
+ as actionNodes
5318
+ ) {
4108
5319
  @if (actionNodes.length) {
4109
5320
  <ng-container
4110
- *ngTemplateOutlet="renderNodes; context: { $implicit: actionNodes }"
5321
+ *ngTemplateOutlet="
5322
+ renderNodes;
5323
+ context: { $implicit: actionNodes }
5324
+ "
4111
5325
  ></ng-container>
4112
5326
  }
4113
5327
  }
@@ -4117,32 +5331,56 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
4117
5331
  </section>
4118
5332
  }
4119
5333
  @case ('collapsibleCard') {
4120
- <details class="prx-rich-collapsible-card" [attr.open]="node.defaultExpanded ? '' : null">
5334
+ <details
5335
+ class="prx-rich-collapsible-card"
5336
+ [attr.open]="node.defaultExpanded ? '' : null"
5337
+ >
4121
5338
  <summary class="prx-rich-collapsible-card__summary">
4122
5339
  <span class="prx-rich-collapsible-card__summary-copy">
4123
5340
  @if (node.icon) {
4124
- <span class="material-symbols-outlined prx-rich-collapsible-card__icon" aria-hidden="true">
5341
+ <span
5342
+ class="material-symbols-outlined prx-rich-collapsible-card__icon"
5343
+ aria-hidden="true"
5344
+ >
4125
5345
  {{ node.icon }}
4126
5346
  </span>
4127
5347
  }
4128
- @if (resolveCollapsibleCardTitle(node); as collapsibleCardTitle) {
4129
- <span class="prx-rich-collapsible-card__title">{{ collapsibleCardTitle }}</span>
5348
+ @if (
5349
+ resolveCollapsibleCardTitle(node);
5350
+ as collapsibleCardTitle
5351
+ ) {
5352
+ <span class="prx-rich-collapsible-card__title">{{
5353
+ collapsibleCardTitle
5354
+ }}</span>
4130
5355
  }
4131
- @if (resolveCollapsibleCardSubtitle(node); as collapsibleCardSubtitle) {
4132
- <span class="prx-rich-collapsible-card__subtitle">{{ collapsibleCardSubtitle }}</span>
5356
+ @if (
5357
+ resolveCollapsibleCardSubtitle(node);
5358
+ as collapsibleCardSubtitle
5359
+ ) {
5360
+ <span class="prx-rich-collapsible-card__subtitle">{{
5361
+ collapsibleCardSubtitle
5362
+ }}</span>
4133
5363
  }
4134
5364
  </span>
4135
5365
  </summary>
4136
5366
  <div class="prx-rich-collapsible-card__content">
4137
5367
  <ng-container
4138
- *ngTemplateOutlet="renderNodes; context: { $implicit: resolveCollapsibleCardNodes(node) }"
5368
+ *ngTemplateOutlet="
5369
+ renderNodes;
5370
+ context: {
5371
+ $implicit: resolveCollapsibleCardNodes(node),
5372
+ }
5373
+ "
4139
5374
  ></ng-container>
4140
5375
  </div>
4141
5376
  @if (resolveActionNodes(node.actions); as actionNodes) {
4142
5377
  @if (actionNodes.length) {
4143
5378
  <div class="prx-rich-collapsible-card__actions">
4144
5379
  <ng-container
4145
- *ngTemplateOutlet="renderNodes; context: { $implicit: actionNodes }"
5380
+ *ngTemplateOutlet="
5381
+ renderNodes;
5382
+ context: { $implicit: actionNodes }
5383
+ "
4146
5384
  ></ng-container>
4147
5385
  </div>
4148
5386
  }
@@ -4154,45 +5392,84 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
4154
5392
  <div class="prx-rich-form-launcher__copy">
4155
5393
  <div class="prx-rich-form-launcher__title-row">
4156
5394
  @if (node.icon) {
4157
- <span class="prx-rich-form-launcher__icon material-symbols-outlined" aria-hidden="true">
5395
+ <span
5396
+ class="prx-rich-form-launcher__icon material-symbols-outlined"
5397
+ aria-hidden="true"
5398
+ >
4158
5399
  {{ node.icon }}
4159
5400
  </span>
4160
5401
  }
4161
- @if (resolveFormLauncherTitle(node); as formLauncherTitle) {
4162
- <div class="prx-rich-form-launcher__title">{{ formLauncherTitle }}</div>
5402
+ @if (
5403
+ resolveFormLauncherTitle(node);
5404
+ as formLauncherTitle
5405
+ ) {
5406
+ <div class="prx-rich-form-launcher__title">
5407
+ {{ formLauncherTitle }}
5408
+ </div>
4163
5409
  }
4164
5410
  </div>
4165
- @if (resolveFormLauncherSubtitle(node); as formLauncherSubtitle) {
4166
- <div class="prx-rich-form-launcher__subtitle">{{ formLauncherSubtitle }}</div>
5411
+ @if (
5412
+ resolveFormLauncherSubtitle(node);
5413
+ as formLauncherSubtitle
5414
+ ) {
5415
+ <div class="prx-rich-form-launcher__subtitle">
5416
+ {{ formLauncherSubtitle }}
5417
+ </div>
4167
5418
  }
4168
- @if (resolveFormLauncherDescription(node); as formLauncherDescription) {
4169
- <div class="prx-rich-form-launcher__description">{{ formLauncherDescription }}</div>
5419
+ @if (
5420
+ resolveFormLauncherDescription(node);
5421
+ as formLauncherDescription
5422
+ ) {
5423
+ <div class="prx-rich-form-launcher__description">
5424
+ {{ formLauncherDescription }}
5425
+ </div>
4170
5426
  }
4171
5427
  </div>
4172
5428
  <div class="prx-rich-form-launcher__actions">
4173
5429
  <button
4174
5430
  type="button"
4175
5431
  class="prx-rich-action-button"
4176
- [class.prx-rich-action-button--raised]="node.variant === 'raised'"
4177
- [class.prx-rich-action-button--stroked]="node.variant === 'stroked'"
4178
- [class.prx-rich-action-button--flat]="node.variant === 'flat'"
4179
- [class.prx-rich-action-button--primary]="node.color === 'primary'"
4180
- [class.prx-rich-action-button--accent]="node.color === 'accent'"
4181
- [class.prx-rich-action-button--warn]="node.color === 'warn'"
5432
+ [class.prx-rich-action-button--raised]="
5433
+ node.variant === 'raised'
5434
+ "
5435
+ [class.prx-rich-action-button--stroked]="
5436
+ node.variant === 'stroked'
5437
+ "
5438
+ [class.prx-rich-action-button--flat]="
5439
+ node.variant === 'flat'
5440
+ "
5441
+ [class.prx-rich-action-button--primary]="
5442
+ node.color === 'primary'
5443
+ "
5444
+ [class.prx-rich-action-button--accent]="
5445
+ node.color === 'accent'
5446
+ "
5447
+ [class.prx-rich-action-button--warn]="
5448
+ node.color === 'warn'
5449
+ "
4182
5450
  [disabled]="isFormLauncherDisabled(node)"
4183
5451
  (click)="onFormLauncherClick(node)"
4184
5452
  >
4185
5453
  @if (node.ctaIcon) {
4186
- <span class="prx-rich-action-button__icon material-symbols-outlined" aria-hidden="true">
5454
+ <span
5455
+ class="prx-rich-action-button__icon material-symbols-outlined"
5456
+ aria-hidden="true"
5457
+ >
4187
5458
  {{ node.ctaIcon }}
4188
5459
  </span>
4189
5460
  }
4190
5461
  <span>{{ resolveFormLauncherCtaLabel(node) }}</span>
4191
5462
  </button>
4192
- @if (resolveActionNodes(node.secondaryActions); as actionNodes) {
5463
+ @if (
5464
+ resolveActionNodes(node.secondaryActions);
5465
+ as actionNodes
5466
+ ) {
4193
5467
  @if (actionNodes.length) {
4194
5468
  <ng-container
4195
- *ngTemplateOutlet="renderNodes; context: { $implicit: actionNodes }"
5469
+ *ngTemplateOutlet="
5470
+ renderNodes;
5471
+ context: { $implicit: actionNodes }
5472
+ "
4196
5473
  ></ng-container>
4197
5474
  }
4198
5475
  }
@@ -4200,32 +5477,51 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
4200
5477
  </section>
4201
5478
  }
4202
5479
  @case ('disclosure') {
4203
- <details class="prx-rich-disclosure" [attr.open]="node.defaultExpanded ? '' : null">
5480
+ <details
5481
+ class="prx-rich-disclosure"
5482
+ [attr.open]="node.defaultExpanded ? '' : null"
5483
+ >
4204
5484
  <summary class="prx-rich-disclosure__summary">
4205
5485
  @if (node.icon) {
4206
- <span class="material-symbols-outlined prx-rich-disclosure__icon" aria-hidden="true">
5486
+ <span
5487
+ class="material-symbols-outlined prx-rich-disclosure__icon"
5488
+ aria-hidden="true"
5489
+ >
4207
5490
  {{ node.icon }}
4208
5491
  </span>
4209
5492
  }
4210
5493
  <span class="prx-rich-disclosure__summary-copy">
4211
5494
  @if (resolveDisclosureTitle(node); as disclosureTitle) {
4212
- <span class="prx-rich-disclosure__title">{{ disclosureTitle }}</span>
5495
+ <span class="prx-rich-disclosure__title">{{
5496
+ disclosureTitle
5497
+ }}</span>
4213
5498
  }
4214
- @if (resolveDisclosureSubtitle(node); as disclosureSubtitle) {
4215
- <span class="prx-rich-disclosure__subtitle">{{ disclosureSubtitle }}</span>
5499
+ @if (
5500
+ resolveDisclosureSubtitle(node);
5501
+ as disclosureSubtitle
5502
+ ) {
5503
+ <span class="prx-rich-disclosure__subtitle">{{
5504
+ disclosureSubtitle
5505
+ }}</span>
4216
5506
  }
4217
5507
  </span>
4218
5508
  </summary>
4219
5509
  <div class="prx-rich-disclosure__content">
4220
5510
  <ng-container
4221
- *ngTemplateOutlet="renderNodes; context: { $implicit: resolveDisclosureNodes(node) }"
5511
+ *ngTemplateOutlet="
5512
+ renderNodes;
5513
+ context: { $implicit: resolveDisclosureNodes(node) }
5514
+ "
4222
5515
  ></ng-container>
4223
5516
  </div>
4224
5517
  @if (resolveActionNodes(node.actions); as actionNodes) {
4225
5518
  @if (actionNodes.length) {
4226
5519
  <div class="prx-rich-disclosure__actions">
4227
5520
  <ng-container
4228
- *ngTemplateOutlet="renderNodes; context: { $implicit: actionNodes }"
5521
+ *ngTemplateOutlet="
5522
+ renderNodes;
5523
+ context: { $implicit: actionNodes }
5524
+ "
4229
5525
  ></ng-container>
4230
5526
  </div>
4231
5527
  }
@@ -4235,29 +5531,55 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
4235
5531
  @case ('accordion') {
4236
5532
  <section class="prx-rich-accordion">
4237
5533
  @if (resolveAccordionTitle(node); as accordionTitle) {
4238
- <div class="prx-rich-accordion__title">{{ accordionTitle }}</div>
5534
+ <div class="prx-rich-accordion__title">
5535
+ {{ accordionTitle }}
5536
+ </div>
4239
5537
  }
4240
5538
  <div class="prx-rich-accordion__items">
4241
- @for (item of resolveAccordionItems(node); track item.id ?? $index) {
4242
- <details class="prx-rich-accordion__item" [attr.open]="item.defaultExpanded ? '' : null">
5539
+ @for (
5540
+ item of resolveAccordionItems(node);
5541
+ track item.id ?? $index
5542
+ ) {
5543
+ <details
5544
+ class="prx-rich-accordion__item"
5545
+ [attr.open]="item.defaultExpanded ? '' : null"
5546
+ >
4243
5547
  <summary class="prx-rich-accordion__summary">
4244
- @if (resolveAccordionItemTitle(item); as accordionItemTitle) {
4245
- <span class="prx-rich-accordion__item-title">{{ accordionItemTitle }}</span>
5548
+ @if (
5549
+ resolveAccordionItemTitle(item);
5550
+ as accordionItemTitle
5551
+ ) {
5552
+ <span class="prx-rich-accordion__item-title">{{
5553
+ accordionItemTitle
5554
+ }}</span>
4246
5555
  }
4247
- @if (resolveAccordionItemSubtitle(item); as accordionItemSubtitle) {
4248
- <span class="prx-rich-accordion__item-subtitle">{{ accordionItemSubtitle }}</span>
5556
+ @if (
5557
+ resolveAccordionItemSubtitle(item);
5558
+ as accordionItemSubtitle
5559
+ ) {
5560
+ <span class="prx-rich-accordion__item-subtitle">{{
5561
+ accordionItemSubtitle
5562
+ }}</span>
4249
5563
  }
4250
5564
  </summary>
4251
5565
  <div class="prx-rich-accordion__content">
4252
5566
  <ng-container
4253
- *ngTemplateOutlet="renderNodes; context: { $implicit: resolveAccordionItemNodes(item) }"
5567
+ *ngTemplateOutlet="
5568
+ renderNodes;
5569
+ context: {
5570
+ $implicit: resolveAccordionItemNodes(item),
5571
+ }
5572
+ "
4254
5573
  ></ng-container>
4255
5574
  </div>
4256
5575
  @if (resolveActionNodes(item.actions); as actionNodes) {
4257
5576
  @if (actionNodes.length) {
4258
5577
  <div class="prx-rich-accordion__actions">
4259
5578
  <ng-container
4260
- *ngTemplateOutlet="renderNodes; context: { $implicit: actionNodes }"
5579
+ *ngTemplateOutlet="
5580
+ renderNodes;
5581
+ context: { $implicit: actionNodes }
5582
+ "
4261
5583
  ></ng-container>
4262
5584
  </div>
4263
5585
  }
@@ -4273,7 +5595,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
4273
5595
  @if (avatarNodes.length) {
4274
5596
  <div class="prx-rich-media-block__avatar">
4275
5597
  <ng-container
4276
- *ngTemplateOutlet="renderNodes; context: { $implicit: avatarNodes }"
5598
+ *ngTemplateOutlet="
5599
+ renderNodes;
5600
+ context: { $implicit: avatarNodes }
5601
+ "
4277
5602
  ></ng-container>
4278
5603
  </div>
4279
5604
  }
@@ -4283,16 +5608,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
4283
5608
  @if (titleNodes.length) {
4284
5609
  <div class="prx-rich-media-block__title">
4285
5610
  <ng-container
4286
- *ngTemplateOutlet="renderNodes; context: { $implicit: titleNodes }"
5611
+ *ngTemplateOutlet="
5612
+ renderNodes;
5613
+ context: { $implicit: titleNodes }
5614
+ "
4287
5615
  ></ng-container>
4288
5616
  </div>
4289
5617
  }
4290
5618
  }
4291
- @if (resolveMediaBlockSubtitleNodes(node); as subtitleNodes) {
5619
+ @if (
5620
+ resolveMediaBlockSubtitleNodes(node);
5621
+ as subtitleNodes
5622
+ ) {
4292
5623
  @if (subtitleNodes.length) {
4293
5624
  <div class="prx-rich-media-block__subtitle">
4294
5625
  <ng-container
4295
- *ngTemplateOutlet="renderNodes; context: { $implicit: subtitleNodes }"
5626
+ *ngTemplateOutlet="
5627
+ renderNodes;
5628
+ context: { $implicit: subtitleNodes }
5629
+ "
4296
5630
  ></ng-container>
4297
5631
  </div>
4298
5632
  }
@@ -4301,7 +5635,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
4301
5635
  @if (metaNodes.length) {
4302
5636
  <div class="prx-rich-media-block__meta">
4303
5637
  <ng-container
4304
- *ngTemplateOutlet="renderNodes; context: { $implicit: metaNodes }"
5638
+ *ngTemplateOutlet="
5639
+ renderNodes;
5640
+ context: { $implicit: metaNodes }
5641
+ "
4305
5642
  ></ng-container>
4306
5643
  </div>
4307
5644
  }
@@ -4311,7 +5648,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
4311
5648
  @if (trailingNodes.length) {
4312
5649
  <div class="prx-rich-media-block__trailing">
4313
5650
  <ng-container
4314
- *ngTemplateOutlet="renderNodes; context: { $implicit: trailingNodes }"
5651
+ *ngTemplateOutlet="
5652
+ renderNodes;
5653
+ context: { $implicit: trailingNodes }
5654
+ "
4315
5655
  ></ng-container>
4316
5656
  </div>
4317
5657
  }
@@ -4324,80 +5664,254 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
4324
5664
  [attr.data-orientation]="resolveTimelineOrientation(node)"
4325
5665
  [attr.data-position]="resolveTimelinePosition(node)"
4326
5666
  [attr.data-order]="resolveTimelineOrder(node)"
4327
- [attr.data-marker-variant]="resolveTimelineMarkerVariant(node)"
4328
- [attr.data-marker-color]="resolveTimelineNodeMarkerColor(node)"
4329
- [attr.data-connector-variant]="resolveTimelineConnectorVariant(node)"
4330
- [attr.data-connector-color]="resolveTimelineNodeConnectorColor(node)"
5667
+ [attr.data-marker-variant]="
5668
+ resolveTimelineMarkerVariant(node)
5669
+ "
5670
+ [attr.data-marker-color]="
5671
+ resolveTimelineNodeMarkerColor(node)
5672
+ "
5673
+ [attr.data-connector-variant]="
5674
+ resolveTimelineConnectorVariant(node)
5675
+ "
5676
+ [attr.data-connector-color]="
5677
+ resolveTimelineNodeConnectorColor(node)
5678
+ "
4331
5679
  [attr.data-emphasis]="resolveTimelineEmphasis(node)"
4332
5680
  [attr.data-density]="resolveTimelineDensity(node)"
4333
- [attr.data-text-appearance]="resolveTimelineTextAppearance(node)"
4334
- [style.--prx-rich-timeline-title-font-size]="resolveNodeStyleValue(node, '--prx-rich-timeline-title-font-size')"
4335
- [style.--prx-rich-timeline-title-color]="resolveNodeStyleValue(node, '--prx-rich-timeline-title-color')"
4336
- [style.--prx-rich-timeline-title-font-weight]="resolveNodeStyleValue(node, '--prx-rich-timeline-title-font-weight')"
4337
- [style.--prx-rich-timeline-item-title-font-size]="resolveNodeStyleValue(node, '--prx-rich-timeline-item-title-font-size')"
4338
- [style.--prx-rich-timeline-item-title-color]="resolveNodeStyleValue(node, '--prx-rich-timeline-item-title-color')"
4339
- [style.--prx-rich-timeline-item-title-font-weight]="resolveNodeStyleValue(node, '--prx-rich-timeline-item-title-font-weight')"
4340
- [style.--prx-rich-timeline-item-subtitle-font-size]="resolveNodeStyleValue(node, '--prx-rich-timeline-item-subtitle-font-size')"
4341
- [style.--prx-rich-timeline-item-subtitle-color]="resolveNodeStyleValue(node, '--prx-rich-timeline-item-subtitle-color')"
4342
- [style.--prx-rich-timeline-item-meta-font-size]="resolveNodeStyleValue(node, '--prx-rich-timeline-item-meta-font-size')"
4343
- [style.--prx-rich-timeline-item-meta-color]="resolveNodeStyleValue(node, '--prx-rich-timeline-item-meta-color')"
4344
- [style.--prx-rich-timeline-opposite-font-size]="resolveNodeStyleValue(node, '--prx-rich-timeline-opposite-font-size')"
4345
- [style.--prx-rich-timeline-opposite-color]="resolveNodeStyleValue(node, '--prx-rich-timeline-opposite-color')"
4346
- [style.--prx-rich-timeline-opposite-font-weight]="resolveNodeStyleValue(node, '--prx-rich-timeline-opposite-font-weight')"
4347
- [style.--prx-rich-timeline-item-body-background]="resolveNodeStyleValue(node, '--prx-rich-timeline-item-body-background')"
4348
- [style.--prx-rich-timeline-item-body-border]="resolveNodeStyleValue(node, '--prx-rich-timeline-item-body-border')"
4349
- [style.--prx-rich-timeline-item-body-border-radius]="resolveNodeStyleValue(node, '--prx-rich-timeline-item-body-border-radius')"
4350
- [style.--prx-rich-timeline-item-body-padding]="resolveNodeStyleValue(node, '--prx-rich-timeline-item-body-padding')"
4351
- [class.prx-rich-timeline--left]="resolveTimelinePosition(node) === 'left'"
4352
- [class.prx-rich-timeline--right]="resolveTimelinePosition(node) === 'right'"
4353
- [class.prx-rich-timeline--alternate]="resolveTimelinePosition(node) === 'alternate'"
4354
- [class.prx-rich-timeline--alternate-reverse]="resolveTimelinePosition(node) === 'alternate-reverse'"
4355
- [class.prx-rich-timeline--vertical]="resolveTimelineOrientation(node) === 'vertical'"
4356
- [class.prx-rich-timeline--horizontal]="resolveTimelineOrientation(node) === 'horizontal'"
4357
- [class.prx-rich-timeline--order-reverse]="resolveTimelineOrder(node) === 'reverse'"
4358
- [class.prx-rich-timeline--connector-dashed]="resolveTimelineConnectorVariant(node) === 'dashed'"
4359
- [class.prx-rich-timeline--connector-none]="resolveTimelineConnectorVariant(node) === 'none'"
4360
- [class.prx-rich-timeline--marker-dot]="resolveTimelineMarkerVariant(node) === 'dot'"
4361
- [class.prx-rich-timeline--marker-icon]="resolveTimelineMarkerVariant(node) === 'icon'"
4362
- [class.prx-rich-timeline--marker-number]="resolveTimelineMarkerVariant(node) === 'number'"
4363
- [class.prx-rich-timeline--emphasis-subtle]="resolveTimelineEmphasis(node) === 'subtle'"
4364
- [class.prx-rich-timeline--emphasis-strong]="resolveTimelineEmphasis(node) === 'strong'"
4365
- [class.prx-rich-timeline--emphasis-hero]="resolveTimelineEmphasis(node) === 'hero'"
4366
- [class.prx-rich-timeline--density-compact]="resolveTimelineDensity(node) === 'compact'"
4367
- [class.prx-rich-timeline--density-spacious]="resolveTimelineDensity(node) === 'spacious'"
4368
- [class.prx-rich-timeline--text-prominent]="resolveTimelineTextAppearance(node) === 'prominent'"
4369
- [class.prx-rich-timeline--text-eyebrow]="resolveTimelineTextAppearance(node) === 'eyebrow'"
4370
- [class.prx-rich-timeline--text-label]="resolveTimelineTextAppearance(node) === 'label'"
5681
+ [attr.data-text-appearance]="
5682
+ resolveTimelineTextAppearance(node)
5683
+ "
5684
+ [style.--prx-rich-timeline-title-font-size]="
5685
+ resolveNodeStyleValue(
5686
+ node,
5687
+ '--prx-rich-timeline-title-font-size'
5688
+ )
5689
+ "
5690
+ [style.--prx-rich-timeline-title-color]="
5691
+ resolveNodeStyleValue(
5692
+ node,
5693
+ '--prx-rich-timeline-title-color'
5694
+ )
5695
+ "
5696
+ [style.--prx-rich-timeline-title-font-weight]="
5697
+ resolveNodeStyleValue(
5698
+ node,
5699
+ '--prx-rich-timeline-title-font-weight'
5700
+ )
5701
+ "
5702
+ [style.--prx-rich-timeline-item-title-font-size]="
5703
+ resolveNodeStyleValue(
5704
+ node,
5705
+ '--prx-rich-timeline-item-title-font-size'
5706
+ )
5707
+ "
5708
+ [style.--prx-rich-timeline-item-title-color]="
5709
+ resolveNodeStyleValue(
5710
+ node,
5711
+ '--prx-rich-timeline-item-title-color'
5712
+ )
5713
+ "
5714
+ [style.--prx-rich-timeline-item-title-font-weight]="
5715
+ resolveNodeStyleValue(
5716
+ node,
5717
+ '--prx-rich-timeline-item-title-font-weight'
5718
+ )
5719
+ "
5720
+ [style.--prx-rich-timeline-item-subtitle-font-size]="
5721
+ resolveNodeStyleValue(
5722
+ node,
5723
+ '--prx-rich-timeline-item-subtitle-font-size'
5724
+ )
5725
+ "
5726
+ [style.--prx-rich-timeline-item-subtitle-color]="
5727
+ resolveNodeStyleValue(
5728
+ node,
5729
+ '--prx-rich-timeline-item-subtitle-color'
5730
+ )
5731
+ "
5732
+ [style.--prx-rich-timeline-item-meta-font-size]="
5733
+ resolveNodeStyleValue(
5734
+ node,
5735
+ '--prx-rich-timeline-item-meta-font-size'
5736
+ )
5737
+ "
5738
+ [style.--prx-rich-timeline-item-meta-color]="
5739
+ resolveNodeStyleValue(
5740
+ node,
5741
+ '--prx-rich-timeline-item-meta-color'
5742
+ )
5743
+ "
5744
+ [style.--prx-rich-timeline-opposite-font-size]="
5745
+ resolveNodeStyleValue(
5746
+ node,
5747
+ '--prx-rich-timeline-opposite-font-size'
5748
+ )
5749
+ "
5750
+ [style.--prx-rich-timeline-opposite-color]="
5751
+ resolveNodeStyleValue(
5752
+ node,
5753
+ '--prx-rich-timeline-opposite-color'
5754
+ )
5755
+ "
5756
+ [style.--prx-rich-timeline-opposite-font-weight]="
5757
+ resolveNodeStyleValue(
5758
+ node,
5759
+ '--prx-rich-timeline-opposite-font-weight'
5760
+ )
5761
+ "
5762
+ [style.--prx-rich-timeline-item-body-background]="
5763
+ resolveNodeStyleValue(
5764
+ node,
5765
+ '--prx-rich-timeline-item-body-background'
5766
+ )
5767
+ "
5768
+ [style.--prx-rich-timeline-item-body-border]="
5769
+ resolveNodeStyleValue(
5770
+ node,
5771
+ '--prx-rich-timeline-item-body-border'
5772
+ )
5773
+ "
5774
+ [style.--prx-rich-timeline-item-body-border-radius]="
5775
+ resolveNodeStyleValue(
5776
+ node,
5777
+ '--prx-rich-timeline-item-body-border-radius'
5778
+ )
5779
+ "
5780
+ [style.--prx-rich-timeline-item-body-padding]="
5781
+ resolveNodeStyleValue(
5782
+ node,
5783
+ '--prx-rich-timeline-item-body-padding'
5784
+ )
5785
+ "
5786
+ [class.prx-rich-timeline--left]="
5787
+ resolveTimelinePosition(node) === 'left'
5788
+ "
5789
+ [class.prx-rich-timeline--right]="
5790
+ resolveTimelinePosition(node) === 'right'
5791
+ "
5792
+ [class.prx-rich-timeline--alternate]="
5793
+ resolveTimelinePosition(node) === 'alternate'
5794
+ "
5795
+ [class.prx-rich-timeline--alternate-reverse]="
5796
+ resolveTimelinePosition(node) === 'alternate-reverse'
5797
+ "
5798
+ [class.prx-rich-timeline--vertical]="
5799
+ resolveTimelineOrientation(node) === 'vertical'
5800
+ "
5801
+ [class.prx-rich-timeline--horizontal]="
5802
+ resolveTimelineOrientation(node) === 'horizontal'
5803
+ "
5804
+ [class.prx-rich-timeline--order-reverse]="
5805
+ resolveTimelineOrder(node) === 'reverse'
5806
+ "
5807
+ [class.prx-rich-timeline--connector-dashed]="
5808
+ resolveTimelineConnectorVariant(node) === 'dashed'
5809
+ "
5810
+ [class.prx-rich-timeline--connector-none]="
5811
+ resolveTimelineConnectorVariant(node) === 'none'
5812
+ "
5813
+ [class.prx-rich-timeline--marker-dot]="
5814
+ resolveTimelineMarkerVariant(node) === 'dot'
5815
+ "
5816
+ [class.prx-rich-timeline--marker-icon]="
5817
+ resolveTimelineMarkerVariant(node) === 'icon'
5818
+ "
5819
+ [class.prx-rich-timeline--marker-number]="
5820
+ resolveTimelineMarkerVariant(node) === 'number'
5821
+ "
5822
+ [class.prx-rich-timeline--emphasis-subtle]="
5823
+ resolveTimelineEmphasis(node) === 'subtle'
5824
+ "
5825
+ [class.prx-rich-timeline--emphasis-strong]="
5826
+ resolveTimelineEmphasis(node) === 'strong'
5827
+ "
5828
+ [class.prx-rich-timeline--emphasis-hero]="
5829
+ resolveTimelineEmphasis(node) === 'hero'
5830
+ "
5831
+ [class.prx-rich-timeline--density-compact]="
5832
+ resolveTimelineDensity(node) === 'compact'
5833
+ "
5834
+ [class.prx-rich-timeline--density-spacious]="
5835
+ resolveTimelineDensity(node) === 'spacious'
5836
+ "
5837
+ [class.prx-rich-timeline--text-prominent]="
5838
+ resolveTimelineTextAppearance(node) === 'prominent'
5839
+ "
5840
+ [class.prx-rich-timeline--text-eyebrow]="
5841
+ resolveTimelineTextAppearance(node) === 'eyebrow'
5842
+ "
5843
+ [class.prx-rich-timeline--text-label]="
5844
+ resolveTimelineTextAppearance(node) === 'label'
5845
+ "
4371
5846
  [ngClass]="resolveTimelineClasses(node)"
4372
5847
  >
4373
5848
  @if (resolveTimelineTitle(node); as timelineTitle) {
4374
- <div class="prx-rich-timeline__title">{{ timelineTitle }}</div>
5849
+ <div class="prx-rich-timeline__title">
5850
+ {{ timelineTitle }}
5851
+ </div>
4375
5852
  }
4376
5853
  @if (resolveTimelineItems(node).length) {
4377
5854
  <ol
4378
5855
  class="prx-rich-timeline__items"
4379
- [attr.aria-label]="resolveTimelineTitle(node) || 'Timeline'"
4380
- [attr.tabindex]="resolveTimelineOrientation(node) === 'horizontal' ? 0 : null"
5856
+ [attr.aria-label]="
5857
+ resolveTimelineTitle(node) || 'Timeline'
5858
+ "
5859
+ [attr.tabindex]="
5860
+ resolveTimelineOrientation(node) === 'horizontal'
5861
+ ? 0
5862
+ : null
5863
+ "
4381
5864
  >
4382
- @for (item of resolveTimelineItems(node); track item.id ?? $index; let odd = $odd) {
5865
+ @for (
5866
+ item of resolveTimelineItems(node);
5867
+ track item.id ?? $index;
5868
+ let odd = $odd
5869
+ ) {
4383
5870
  <li
4384
5871
  class="prx-rich-timeline__item"
4385
5872
  [attr.data-item-id]="resolveTimelineItemId(item)"
4386
- [attr.data-has-opposite]="resolveTimelineItemOpposite(item) ? 'true' : null"
4387
- [attr.data-marker-color]="resolveTimelineItemMarkerColor(item)"
4388
- [attr.data-connector-color]="resolveTimelineItemConnectorColor(item)"
4389
- [attr.data-connector-variant]="resolveTimelineItemConnectorVariant(item)"
5873
+ [attr.data-has-opposite]="
5874
+ resolveTimelineItemOpposite(item) ? 'true' : null
5875
+ "
5876
+ [attr.data-marker-color]="
5877
+ resolveTimelineItemMarkerColor(item)
5878
+ "
5879
+ [attr.data-connector-color]="
5880
+ resolveTimelineItemConnectorColor(item)
5881
+ "
5882
+ [attr.data-connector-variant]="
5883
+ resolveTimelineItemConnectorVariant(item)
5884
+ "
4390
5885
  [class.prx-rich-timeline__item--odd]="odd"
4391
- [class.prx-rich-timeline__item--has-opposite]="!!resolveTimelineItemOpposite(item)"
5886
+ [class.prx-rich-timeline__item--has-opposite]="
5887
+ !!resolveTimelineItemOpposite(item)
5888
+ "
4392
5889
  [ngClass]="resolveTimelineItemClasses(node, item)"
4393
5890
  >
4394
- @if (resolveTimelineItemOpposite(item); as itemOpposite) {
4395
- <div class="prx-rich-timeline__item-opposite">{{ itemOpposite }}</div>
5891
+ @if (
5892
+ resolveTimelineItemOpposite(item);
5893
+ as itemOpposite
5894
+ ) {
5895
+ <div class="prx-rich-timeline__item-opposite">
5896
+ {{ itemOpposite }}
5897
+ </div>
4396
5898
  }
4397
5899
  <div class="prx-rich-timeline__item-marker">
4398
- @if (resolveTimelineMarkerVariant(node) === 'number') {
4399
- <span class="prx-rich-timeline__item-number" aria-hidden="true">{{ resolveTimelineItemNumber(node, item, $index) }}</span>
4400
- } @else if (resolveTimelineMarkerVariant(node) === 'icon' && resolveTimelineItemIcon(item); as icon) {
5900
+ @if (
5901
+ resolveTimelineMarkerVariant(node) === 'number'
5902
+ ) {
5903
+ <span
5904
+ class="prx-rich-timeline__item-number"
5905
+ aria-hidden="true"
5906
+ >{{
5907
+ resolveTimelineItemNumber(node, item, $index)
5908
+ }}</span
5909
+ >
5910
+ } @else if (
5911
+ resolveTimelineMarkerVariant(node) === 'icon' &&
5912
+ resolveTimelineItemIcon(item);
5913
+ as icon
5914
+ ) {
4401
5915
  <span
4402
5916
  class="prx-rich-timeline__item-icon material-symbols-outlined"
4403
5917
  aria-hidden="true"
@@ -4405,22 +5919,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
4405
5919
  {{ icon }}
4406
5920
  </span>
4407
5921
  } @else {
4408
- <span class="prx-rich-timeline__item-dot" aria-hidden="true"></span>
5922
+ <span
5923
+ class="prx-rich-timeline__item-dot"
5924
+ aria-hidden="true"
5925
+ ></span>
4409
5926
  }
4410
5927
  </div>
4411
5928
  <div class="prx-rich-timeline__item-body">
4412
5929
  @if (resolveTimelineItemTitle(item); as itemTitle) {
4413
- <div class="prx-rich-timeline__item-title">{{ itemTitle }}</div>
5930
+ <div class="prx-rich-timeline__item-title">
5931
+ {{ itemTitle }}
5932
+ </div>
4414
5933
  }
4415
- @if (resolveTimelineItemSubtitle(item); as itemSubtitle) {
4416
- <div class="prx-rich-timeline__item-subtitle">{{ itemSubtitle }}</div>
5934
+ @if (
5935
+ resolveTimelineItemSubtitle(item);
5936
+ as itemSubtitle
5937
+ ) {
5938
+ <div class="prx-rich-timeline__item-subtitle">
5939
+ {{ itemSubtitle }}
5940
+ </div>
4417
5941
  }
4418
5942
  @if (resolveTimelineItemMeta(item); as itemMeta) {
4419
- <div class="prx-rich-timeline__item-meta">{{ itemMeta }}</div>
5943
+ <div class="prx-rich-timeline__item-meta">
5944
+ {{ itemMeta }}
5945
+ </div>
4420
5946
  }
4421
5947
  @if (resolveTimelineItemBadge(item); as itemBadge) {
4422
5948
  <div class="prx-rich-timeline__item-badge">
4423
- <span class="prx-rich-badge">{{ itemBadge }}</span>
5949
+ <span class="prx-rich-badge">{{
5950
+ itemBadge
5951
+ }}</span>
4424
5952
  </div>
4425
5953
  }
4426
5954
  </div>
@@ -4428,14 +5956,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
4428
5956
  }
4429
5957
  </ol>
4430
5958
  } @else if (node.emptyText) {
4431
- <div class="prx-rich-timeline__empty">{{ node.emptyText }}</div>
5959
+ <div class="prx-rich-timeline__empty">
5960
+ {{ node.emptyText }}
5961
+ </div>
4432
5962
  }
4433
5963
  </div>
4434
5964
  }
4435
5965
  @case ('preset') {
4436
5966
  @if (resolvePresetNodes(node); as presetNodes) {
4437
5967
  <ng-container
4438
- *ngTemplateOutlet="renderNodes; context: { $implicit: presetNodes }"
5968
+ *ngTemplateOutlet="
5969
+ renderNodes;
5970
+ context: { $implicit: presetNodes }
5971
+ "
4439
5972
  ></ng-container>
4440
5973
  }
4441
5974
  }
@@ -4460,16 +5993,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
4460
5993
  playsinline
4461
5994
  ></video>
4462
5995
  } @else if (media.kind === 'icon') {
4463
- <span class="prx-rich-card-media__icon material-symbols-outlined" aria-hidden="true">
5996
+ <span
5997
+ class="prx-rich-card-media__icon material-symbols-outlined"
5998
+ aria-hidden="true"
5999
+ >
4464
6000
  {{ media.icon }}
4465
6001
  </span>
4466
6002
  } @else if (media.kind === 'avatar') {
4467
- <span class="prx-rich-card-media__avatar" [attr.aria-label]="resolveCardMediaLabel(media)">
6003
+ <span
6004
+ class="prx-rich-card-media__avatar"
6005
+ [attr.aria-label]="resolveCardMediaLabel(media)"
6006
+ >
4468
6007
  {{ resolveCardMediaFallback(media) }}
4469
6008
  </span>
4470
6009
  }
4471
6010
  </ng-template>
4472
- `, 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{grid-column:2}.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"] }]
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"] }]
4473
6012
  }], 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: [{
4474
6013
  type: Input
4475
6014
  }] } });