@orangelogic/design-system 2.213.0 → 2.215.0

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.
Files changed (7) hide show
  1. package/library/chunks/{header.tVm8jCBb.js → header.CIdqF9dY.js} +133 -117
  2. package/library/components/atoms.js +1 -1
  3. package/library/components/header.js +1 -1
  4. package/library/components/types.js +11060 -10976
  5. package/library/package.json +1 -1
  6. package/library/packages/organisms/src/content-builder/content-builder.d.ts +6 -1
  7. package/package.json +1 -1
package/library/chunks/{header.tVm8jCBb.js → header.CIdqF9dY.js} RENAMED
@@ -1,16 +1,16 @@
1
- import f from "../components/copy-button.js";
2
- import { n as l, C as x } from "./lib-cortex-element.CVMmyPMC.js";
3
- import { c as k } from "./component.styles.CRO4Odto.js";
1
+ import b from "../components/copy-button.js";
2
+ import { n as c, C as x } from "./lib-cortex-element.CVMmyPMC.js";
3
+ import { c as f } from "./component.styles.CRO4Odto.js";
4
4
  import { i as p } from "./lit-element.jLBm65_O.js";
5
- import { c as v } from "./custom-element.L4WJXn1j.js";
6
- import { L as w } from "./i18n.CXIpdSSZ.js";
7
- import { w as y } from "./watch.DJF5K-8U.js";
5
+ import { c as k } from "./custom-element.L4WJXn1j.js";
6
+ import { L as y } from "./i18n.CXIpdSSZ.js";
7
+ import { w } from "./watch.DJF5K-8U.js";
8
8
  import { e as m } from "./query.BBf1UFkC.js";
9
9
  import { e as u } from "./class-map.BiVq-cVR.js";
10
10
  import { o as P } from "./style-map.llVFPd__.js";
11
- import { n as M } from "./when.Dr1es41R.js";
12
- import { i as c, u as g } from "./static.UA3G1Deq.js";
13
- const z = p`insert,span[format]{background-color:var(--cx-color-success-200)}delete{background-color:var(--cx-color-neutral-200);text-decoration:line-through}annotate{background-color:var(--cx-color-warning-200)}.ProseMirror figure[data-track*=deletion] [data-node-type=figure],.ProseMirror cx-rich-text-code-block[data-track*=deletion],.ProseMirror cx-rich-text-image-viewer[data-track*=deletion]{border:3px solid var(--cx-color-neutral);position:relative}.ProseMirror figure[data-track*=deletion] [data-node-type=figure]:after,.ProseMirror cx-rich-text-code-block[data-track*=deletion]:after,.ProseMirror cx-rich-text-image-viewer[data-track*=deletion]:after{content:"";box-sizing:border-box;pointer-events:none;background-image:repeating-linear-gradient(45deg, var(--cx-color-neutral), var(--cx-color-neutral) 10px, var(--rich-text-background-color,var(--cx-color-neutral-0)) 10px, var(--rich-text-background-color,var(--cx-color-neutral-0)) 20px);opacity:.4;width:100%;height:100%;position:absolute;top:0;left:0}.ProseMirror figure[data-track*=insertion] [data-node-type=figure],.ProseMirror cx-rich-text-code-block[data-track*=insertion],.ProseMirror cx-rich-text-image-viewer[data-track*=insertion]{border:3px solid var(--cx-color-success)}.ProseMirror figure[data-track*=annotation] [data-node-type=figure],.ProseMirror cx-rich-text-code-block[data-track*=annotation],.ProseMirror cx-rich-text-image-viewer[data-track*=annotation]{border:3px solid var(--cx-color-warning-200)}`, C = p`
11
+ import { n as _ } from "./when.Dr1es41R.js";
12
+ import { i as l, u as g } from "./static.UA3G1Deq.js";
13
+ const M = p`insert,span[format]{background-color:var(--cx-color-success-200)}delete{background-color:var(--cx-color-neutral-200);text-decoration:line-through}annotate{background-color:var(--cx-color-warning-200)}.ProseMirror figure[data-track*=deletion] [data-node-type=figure],.ProseMirror cx-rich-text-code-block[data-track*=deletion],.ProseMirror cx-rich-text-image-viewer[data-track*=deletion]{border:3px solid var(--cx-color-neutral);position:relative}.ProseMirror figure[data-track*=deletion] [data-node-type=figure]:after,.ProseMirror cx-rich-text-code-block[data-track*=deletion]:after,.ProseMirror cx-rich-text-image-viewer[data-track*=deletion]:after{content:"";box-sizing:border-box;pointer-events:none;background-image:repeating-linear-gradient(45deg, var(--cx-color-neutral), var(--cx-color-neutral) 10px, var(--rich-text-background-color,var(--cx-color-neutral-0)) 10px, var(--rich-text-background-color,var(--cx-color-neutral-0)) 20px);opacity:.4;width:100%;height:100%;position:absolute;top:0;left:0}.ProseMirror figure[data-track*=insertion] [data-node-type=figure],.ProseMirror cx-rich-text-code-block[data-track*=insertion],.ProseMirror cx-rich-text-image-viewer[data-track*=insertion]{border:3px solid var(--cx-color-success)}.ProseMirror figure[data-track*=annotation] [data-node-type=figure],.ProseMirror cx-rich-text-code-block[data-track*=annotation],.ProseMirror cx-rich-text-image-viewer[data-track*=annotation]{border:3px solid var(--cx-color-warning-200)}`, C = p`
14
14
  .column-resize-handle {
15
15
  background-color: var(--editor-table-resize-handle-color);
16
16
  bottom: -2px;
@@ -96,6 +96,22 @@ const z = p`insert,span[format]{background-color:var(--cx-color-success-200)}del
96
96
  }
97
97
 
98
98
  .ProseMirror .code-block-wrapper {
99
+ /* The Prism palette below is VS Dark, made for a dark block. This block follows the theme
100
+ tokens, so its syntax colours do too (not color-scheme: Cortex popups pin it to light).
101
+ Elsewhere the dark fallbacks still apply. */
102
+ --_code-text: currentColor;
103
+ --_code-keyword: var(--cx-color-primary-700);
104
+ --_code-control: var(--cx-color-primary-800);
105
+ --_code-variable: var(--cx-color-primary-900);
106
+ --_code-class: var(--cx-color-primary-600);
107
+ --_code-comment: var(--cx-color-success-700);
108
+ --_code-number: var(--cx-color-success-800);
109
+ --_code-string: var(--cx-color-danger-800);
110
+ --_code-regex: var(--cx-color-danger-700);
111
+ --_code-selector: var(--cx-color-danger-900);
112
+ --_code-function: var(--cx-color-warning-700);
113
+ --_code-muted: var(--cx-color-neutral-600);
114
+
99
115
  background-color: var(--cx-color-neutral-50);
100
116
  border-radius: var(--cx-border-radius-medium);
101
117
  color: var(--cx-color-neutral-700);
@@ -280,7 +296,7 @@ const z = p`insert,span[format]{background-color:var(--cx-color-success-200)}del
280
296
 
281
297
  pre[class*='language-'],
282
298
  code[class*='language-'] {
283
- color: #d4d4d4;
299
+ color: var(--_code-text, #d4d4d4);
284
300
  font-size: var(--cx-font-size-x-small);
285
301
  text-shadow: none;
286
302
  font-family:
@@ -333,22 +349,22 @@ const z = p`insert,span[format]{background-color:var(--cx-color-success-200)}del
333
349
  }
334
350
 
335
351
  .token.doctype .token.doctype-tag {
336
- color: #569cd6;
352
+ color: var(--_code-keyword, #569cd6);
337
353
  }
338
354
 
339
355
  .token.doctype .token.name {
340
- color: #9cdcfe;
356
+ color: var(--_code-variable, #9cdcfe);
341
357
  }
342
358
 
343
359
  .token.comment,
344
360
  .token.prolog {
345
- color: #6a9955;
361
+ color: var(--_code-comment, #6a9955);
346
362
  }
347
363
 
348
364
  .token.punctuation,
349
365
  .language-html .language-css .token.punctuation,
350
366
  .language-html .language-javascript .token.punctuation {
351
- color: #d4d4d4;
367
+ color: var(--_code-text, #d4d4d4);
352
368
  }
353
369
 
354
370
  .token.property,
@@ -359,7 +375,7 @@ const z = p`insert,span[format]{background-color:var(--cx-color-success-200)}del
359
375
  .token.symbol,
360
376
  .token.deleted,
361
377
  .token.unit {
362
- color: #b5cea8;
378
+ color: var(--_code-number, #b5cea8);
363
379
  }
364
380
 
365
381
  .token.selector,
@@ -368,7 +384,7 @@ const z = p`insert,span[format]{background-color:var(--cx-color-success-200)}del
368
384
  .token.char,
369
385
  .token.builtin,
370
386
  .token.inserted {
371
- color: #ce9178;
387
+ color: var(--_code-string, #ce9178);
372
388
  }
373
389
 
374
390
  .language-css .token.string.url {
@@ -377,53 +393,53 @@ const z = p`insert,span[format]{background-color:var(--cx-color-success-200)}del
377
393
 
378
394
  .token.operator,
379
395
  .token.entity {
380
- color: #d4d4d4;
396
+ color: var(--_code-text, #d4d4d4);
381
397
  }
382
398
 
383
399
  .token.operator.arrow {
384
- color: #569cd6;
400
+ color: var(--_code-keyword, #569cd6);
385
401
  }
386
402
 
387
403
  .token.atrule {
388
- color: #ce9178;
404
+ color: var(--_code-string, #ce9178);
389
405
  }
390
406
 
391
407
  .token.atrule .token.rule {
392
- color: #c586c0;
408
+ color: var(--_code-control, #c586c0);
393
409
  }
394
410
 
395
411
  .token.atrule .token.url {
396
- color: #9cdcfe;
412
+ color: var(--_code-variable, #9cdcfe);
397
413
  }
398
414
 
399
415
  .token.atrule .token.url .token.function {
400
- color: #dcdcaa;
416
+ color: var(--_code-function, #dcdcaa);
401
417
  }
402
418
 
403
419
  .token.atrule .token.url .token.punctuation {
404
- color: #d4d4d4;
420
+ color: var(--_code-text, #d4d4d4);
405
421
  }
406
422
 
407
423
  .token.keyword {
408
- color: #569cd6;
424
+ color: var(--_code-keyword, #569cd6);
409
425
  }
410
426
 
411
427
  .token.keyword.module,
412
428
  .token.keyword.control-flow {
413
- color: #c586c0;
429
+ color: var(--_code-control, #c586c0);
414
430
  }
415
431
 
416
432
  .token.function,
417
433
  .token.function .token.maybe-class-name {
418
- color: #dcdcaa;
434
+ color: var(--_code-function, #dcdcaa);
419
435
  }
420
436
 
421
437
  .token.regex {
422
- color: #d16969;
438
+ color: var(--_code-regex, #d16969);
423
439
  }
424
440
 
425
441
  .token.important {
426
- color: #569cd6;
442
+ color: var(--_code-keyword, #569cd6);
427
443
  }
428
444
 
429
445
  .token.italic {
@@ -431,80 +447,80 @@ const z = p`insert,span[format]{background-color:var(--cx-color-success-200)}del
431
447
  }
432
448
 
433
449
  .token.constant {
434
- color: #9cdcfe;
450
+ color: var(--_code-variable, #9cdcfe);
435
451
  }
436
452
 
437
453
  .token.class-name,
438
454
  .token.maybe-class-name {
439
- color: #4ec9b0;
455
+ color: var(--_code-class, #4ec9b0);
440
456
  }
441
457
 
442
458
  .token.console {
443
- color: #9cdcfe;
459
+ color: var(--_code-variable, #9cdcfe);
444
460
  }
445
461
 
446
462
  .token.parameter {
447
- color: #9cdcfe;
463
+ color: var(--_code-variable, #9cdcfe);
448
464
  }
449
465
 
450
466
  .token.interpolation {
451
- color: #9cdcfe;
467
+ color: var(--_code-variable, #9cdcfe);
452
468
  }
453
469
 
454
470
  .token.punctuation.interpolation-punctuation {
455
- color: #569cd6;
471
+ color: var(--_code-keyword, #569cd6);
456
472
  }
457
473
 
458
474
  .token.boolean {
459
- color: #569cd6;
475
+ color: var(--_code-keyword, #569cd6);
460
476
  }
461
477
 
462
478
  .token.property,
463
479
  .token.variable,
464
480
  .token.imports .token.maybe-class-name,
465
481
  .token.exports .token.maybe-class-name {
466
- color: #9cdcfe;
482
+ color: var(--_code-variable, #9cdcfe);
467
483
  }
468
484
 
469
485
  .token.selector {
470
- color: #d7ba7d;
486
+ color: var(--_code-selector, #d7ba7d);
471
487
  }
472
488
 
473
489
  .token.escape {
474
- color: #d7ba7d;
490
+ color: var(--_code-selector, #d7ba7d);
475
491
  }
476
492
 
477
493
  .token.tag {
478
- color: #569cd6;
494
+ color: var(--_code-keyword, #569cd6);
479
495
  }
480
496
 
481
497
  .token.tag .token.punctuation {
482
- color: #808080;
498
+ color: var(--_code-muted, #808080);
483
499
  }
484
500
 
485
501
  .token.cdata {
486
- color: #808080;
502
+ color: var(--_code-muted, #808080);
487
503
  }
488
504
 
489
505
  .token.attr-name {
490
- color: #9cdcfe;
506
+ color: var(--_code-variable, #9cdcfe);
491
507
  }
492
508
 
493
509
  .token.attr-value,
494
510
  .token.attr-value .token.punctuation {
495
- color: #ce9178;
511
+ color: var(--_code-string, #ce9178);
496
512
  }
497
513
 
498
514
  .token.attr-value .token.punctuation.attr-equals {
499
- color: #d4d4d4;
515
+ color: var(--_code-text, #d4d4d4);
500
516
  }
501
517
 
502
518
  .token.entity {
503
- color: #569cd6;
519
+ color: var(--_code-keyword, #569cd6);
504
520
  }
505
521
 
506
522
  .token.namespace {
507
- color: #4ec9b0;
523
+ color: var(--_code-class, #4ec9b0);
508
524
  }
509
525
 
510
526
  /*********************************************************
@@ -519,25 +535,25 @@ const z = p`insert,span[format]{background-color:var(--cx-color-success-200)}del
519
535
  code[class*='language-typescript'],
520
536
  pre[class*='language-tsx'],
521
537
  code[class*='language-tsx'] {
522
- color: #9cdcfe;
538
+ color: var(--_code-variable, #9cdcfe);
523
539
  }
524
540
 
525
541
  pre[class*='language-css'],
526
542
  code[class*='language-css'] {
527
- color: #ce9178;
543
+ color: var(--_code-string, #ce9178);
528
544
  }
529
545
 
530
546
  pre[class*='language-html'],
531
547
  code[class*='language-html'] {
532
- color: #d4d4d4;
548
+ color: var(--_code-text, #d4d4d4);
533
549
  }
534
550
 
535
551
  .language-regex .token.anchor {
536
- color: #dcdcaa;
552
+ color: var(--_code-function, #dcdcaa);
537
553
  }
538
554
 
539
555
  .language-html .token.punctuation {
540
- color: #808080;
556
+ color: var(--_code-muted, #808080);
541
557
  }
542
558
 
543
559
  /*********************************************************
@@ -589,33 +605,33 @@ const z = p`insert,span[format]{background-color:var(--cx-color-success-200)}del
589
605
  cursor: not-allowed;
590
606
  }
591
607
 
592
- ${z}
608
+ ${M}
593
609
  `;
594
- var t = /* @__PURE__ */ ((e) => (e.H1 = "h1", e.H2 = "h2", e.H3 = "h3", e.H4 = "h4", e.H5 = "h5", e.H6 = "h6", e))(t || {}), b = /* @__PURE__ */ ((e) => (e.Center = "center", e.Justify = "justify", e.Left = "left", e.Right = "right", e))(b || {});
595
- const H = p`:host{--color:light-dark(#000,#fff);--line-height:1.5;--text-align:left;--padding:0;width:100%;display:block}:host([alignment=center]) .container{--text-align:center;justify-content:center}:host([alignment=right]) .container{--text-align:right;flex-direction:row-reverse}:host([alignment=left]) .container{--text-align:left;justify-content:flex-start}:host([alignment=justify]) .container{--text-align:justify;justify-content:flex-start}.container{padding:var(--padding,0px);flex-direction:row;align-items:center;display:flex}.container ::slotted(p),.container p{line-height:var(--line-height,1.5);word-wrap:break-word}.heading{color:var(--color);font-family:var(--font-family), var(--cx-font-sans);font-style:var(--font-style,normal);text-align:var(--text-align,left);max-width:100%;min-height:calc(var(--line-height,1) * 1em);flex:auto;min-height:1lh;margin-block:0}.container.container--has-copy-button .heading{flex:none;max-width:calc(100% - 32px)}.copy-button{opacity:0;transition:opacity var(--cx-transition-fast);color:var(--cx-color-neutral-600);pointer-events:none;user-select:none;line-height:0}.container:hover .copy-button,.copy-button:focus-within{opacity:1;pointer-events:auto;user-select:auto}.heading-1{font-size:var(--cx-font-size-3x-large);font-weight:var(--font-weight,var(--cx-font-weight-semibold));line-height:var(--line-height,var(--cx-line-height-3x-large))}.heading-2{font-size:var(--cx-font-size-2x-large);font-weight:var(--font-weight,var(--cx-font-weight-semibold));line-height:var(--line-height,var(--cx-line-height-3x-large))}.heading-3{font-size:var(--cx-font-size-x-large);font-weight:var(--font-weight,var(--cx-font-weight-semibold));line-height:var(--line-height,var(--cx-line-height-2x-large))}.heading-4{font-size:var(--cx-font-size-large);font-weight:var(--font-weight,var(--cx-font-weight-semibold));line-height:var(--line-height,var(--cx-line-height-x-large))}.heading-5{font-size:var(--cx-font-size-medium);font-weight:var(--font-weight,var(--cx-font-weight-semibold));line-height:var(--line-height,var(--cx-line-height-large))}.heading-6{font-size:var(--cx-font-size-small);font-weight:var(--font-weight,var(--cx-font-weight-semibold));line-height:var(--line-height,var(--cx-line-height-medium))}:host([custom-line-height]) .heading{line-height:unset}`;
596
- var L = Object.defineProperty, A = Object.getOwnPropertyDescriptor, n = (e, r, a, s) => {
597
- for (var i = s > 1 ? void 0 : s ? A(r, a) : r, d = e.length - 1, h; d >= 0; d--)
598
- (h = e[d]) && (i = (s ? h(r, a, i) : h(i)) || i);
599
- return s && i && L(r, a, i), i;
610
+ var o = /* @__PURE__ */ ((e) => (e.H1 = "h1", e.H2 = "h2", e.H3 = "h3", e.H4 = "h4", e.H5 = "h5", e.H6 = "h6", e))(o || {}), v = /* @__PURE__ */ ((e) => (e.Center = "center", e.Justify = "justify", e.Left = "left", e.Right = "right", e))(v || {});
611
+ const z = p`:host{--color:light-dark(#000,#fff);--line-height:1.5;--text-align:left;--padding:0;width:100%;display:block}:host([alignment=center]) .container{--text-align:center;justify-content:center}:host([alignment=right]) .container{--text-align:right;flex-direction:row-reverse}:host([alignment=left]) .container{--text-align:left;justify-content:flex-start}:host([alignment=justify]) .container{--text-align:justify;justify-content:flex-start}.container{padding:var(--padding,0px);flex-direction:row;align-items:center;display:flex}.container ::slotted(p),.container p{line-height:var(--line-height,1.5);word-wrap:break-word}.heading{color:var(--color);font-family:var(--font-family), var(--cx-font-sans);font-style:var(--font-style,normal);text-align:var(--text-align,left);max-width:100%;min-height:calc(var(--line-height,1) * 1em);flex:auto;min-height:1lh;margin-block:0}.container.container--has-copy-button .heading{flex:none;max-width:calc(100% - 32px)}.copy-button{opacity:0;transition:opacity var(--cx-transition-fast);color:var(--cx-color-neutral-600);pointer-events:none;user-select:none;line-height:0}.container:hover .copy-button,.copy-button:focus-within{opacity:1;pointer-events:auto;user-select:auto}.heading-1{font-size:var(--cx-font-size-3x-large);font-weight:var(--font-weight,var(--cx-font-weight-semibold));line-height:var(--line-height,var(--cx-line-height-3x-large))}.heading-2{font-size:var(--cx-font-size-2x-large);font-weight:var(--font-weight,var(--cx-font-weight-semibold));line-height:var(--line-height,var(--cx-line-height-3x-large))}.heading-3{font-size:var(--cx-font-size-x-large);font-weight:var(--font-weight,var(--cx-font-weight-semibold));line-height:var(--line-height,var(--cx-line-height-2x-large))}.heading-4{font-size:var(--cx-font-size-large);font-weight:var(--font-weight,var(--cx-font-weight-semibold));line-height:var(--line-height,var(--cx-line-height-x-large))}.heading-5{font-size:var(--cx-font-size-medium);font-weight:var(--font-weight,var(--cx-font-weight-semibold));line-height:var(--line-height,var(--cx-line-height-large))}.heading-6{font-size:var(--cx-font-size-small);font-weight:var(--font-weight,var(--cx-font-weight-semibold));line-height:var(--line-height,var(--cx-line-height-medium))}:host([custom-line-height]) .heading{line-height:unset}`;
612
+ var H = Object.defineProperty, L = Object.getOwnPropertyDescriptor, a = (e, r, n, s) => {
613
+ for (var i = s > 1 ? void 0 : s ? L(r, n) : r, d = e.length - 1, h; d >= 0; d--)
614
+ (h = e[d]) && (i = (s ? h(r, n, i) : h(i)) || i);
615
+ return s && i && H(r, n, i), i;
600
616
  };
601
- const S = {
602
- [t.H1]: "heading-1",
603
- [t.H2]: "heading-2",
604
- [t.H3]: "heading-3",
605
- [t.H4]: "heading-4",
606
- [t.H5]: "heading-5",
607
- [t.H6]: "heading-6"
617
+ const A = {
618
+ [o.H1]: "heading-1",
619
+ [o.H2]: "heading-2",
620
+ [o.H3]: "heading-3",
621
+ [o.H4]: "heading-4",
622
+ [o.H5]: "heading-5",
623
+ [o.H6]: "heading-6"
608
624
  }, T = {
609
- [t.H1]: c`h1`,
610
- [t.H2]: c`h2`,
611
- [t.H3]: c`h3`,
612
- [t.H4]: c`h4`,
613
- [t.H5]: c`h5`,
614
- [t.H6]: c`h6`
625
+ [o.H1]: l`h1`,
626
+ [o.H2]: l`h2`,
627
+ [o.H3]: l`h3`,
628
+ [o.H4]: l`h4`,
629
+ [o.H5]: l`h5`,
630
+ [o.H6]: l`h6`
615
631
  };
616
- let o = class extends x {
632
+ let t = class extends x {
617
633
  constructor() {
618
- super(), this.localize = new w(this), this.variant = t.H6, this.fontSize = void 0, this.hasAnchorLink = !1, this.anchorLink = "", this.alignment = b.Left, this.disabledCopyButton = !1, this.customLineHeight = !1, this.cms5PageReadyTimeout = null, this.scrollToAnchor = () => {
634
+ super(), this.localize = new y(this), this.variant = o.H6, this.fontSize = void 0, this.hasAnchorLink = !1, this.anchorLink = "", this.alignment = v.Left, this.disabledCopyButton = !1, this.customLineHeight = !1, this.cms5PageReadyTimeout = null, this.scrollToAnchor = () => {
619
635
  const e = this.getAnchorID();
620
636
  !e || e !== this.anchorID || this.scrollIntoView({
621
637
  block: "start"
@@ -671,8 +687,8 @@ let o = class extends x {
671
687
  }
672
688
  getAnchorID() {
673
689
  let e = "";
674
- const a = this.ownerWindow.location.href.split("#");
675
- return a.length > 1 && (e = decodeURIComponent(a[1])), e;
690
+ const n = this.ownerWindow.location.href.split("#");
691
+ return n.length > 1 && (e = decodeURIComponent(n[1])), e;
676
692
  }
677
693
  /**
678
694
  * After Tiptap editor is destroyed, the slot element is removed.
@@ -691,9 +707,9 @@ let o = class extends x {
691
707
  e.stopPropagation();
692
708
  }
693
709
  renderHeading() {
694
- const e = S[this.variant], r = T[this.variant], a = /\d/.test(this.fontSize || "");
710
+ const e = A[this.variant], r = T[this.variant], n = /\d/.test(this.fontSize || "");
695
711
  return g`<${r} part="heading" class=${u({ heading: !0, [e]: !0 })} style=${P({
696
- fontSize: a ? this.fontSize : void 0
712
+ fontSize: n ? this.fontSize : void 0
697
713
  })}><slot></slot></${r}>`;
698
714
  }
699
715
  render() {
@@ -702,52 +718,52 @@ let o = class extends x {
702
718
  container: !0,
703
719
  "container--has-copy-button": r
704
720
  })}>${this.renderHeading()}
705
- ${M(r, () => g`<cx-copy-button part="copy-button" class="copy-button" size="small" value=${e} hoist="" label=${this.localize.term("copy")} @click=${this.handleCopyButtonClick}><cx-icon slot="copy-icon" name="attachment"></cx-icon></cx-copy-button>`)}</div>`;
721
+ ${_(r, () => g`<cx-copy-button part="copy-button" class="copy-button" size="small" value=${e} hoist="" label=${this.localize.term("copy")} @click=${this.handleCopyButtonClick}><cx-icon slot="copy-icon" name="attachment"></cx-icon></cx-copy-button>`)}</div>`;
706
722
  }
707
723
  };
708
- o.styles = [
709
- k,
724
+ t.styles = [
725
+ f,
710
726
  C,
711
- H
727
+ z
712
728
  ];
713
- o.dependencies = {
714
- "cx-copy-button": f
729
+ t.dependencies = {
730
+ "cx-copy-button": b
715
731
  };
716
- n([
732
+ a([
717
733
  m("slot")
718
- ], o.prototype, "defaultSlot", 2);
719
- n([
734
+ ], t.prototype, "defaultSlot", 2);
735
+ a([
720
736
  m(".heading")
721
- ], o.prototype, "heading", 2);
722
- n([
723
- l({ reflect: !0, type: String })
724
- ], o.prototype, "variant", 2);
725
- n([
726
- l({ attribute: "font-size", reflect: !0, type: String })
727
- ], o.prototype, "fontSize", 2);
728
- n([
729
- l({ attribute: "has-anchor-link", type: Boolean })
730
- ], o.prototype, "hasAnchorLink", 2);
731
- n([
732
- l({ attribute: "anchor-link", type: String })
733
- ], o.prototype, "anchorLink", 2);
734
- n([
735
- l({ type: String })
736
- ], o.prototype, "alignment", 2);
737
- n([
738
- l({ attribute: "disabled-copy-button", reflect: !0, type: Boolean })
739
- ], o.prototype, "disabledCopyButton", 2);
740
- n([
741
- l({ attribute: "custom-line-height", reflect: !0, type: Boolean })
742
- ], o.prototype, "customLineHeight", 2);
743
- n([
744
- y("variant")
745
- ], o.prototype, "handleHeadingChange", 1);
746
- o = n([
747
- v("cx-header")
748
- ], o);
737
+ ], t.prototype, "heading", 2);
738
+ a([
739
+ c({ reflect: !0, type: String })
740
+ ], t.prototype, "variant", 2);
741
+ a([
742
+ c({ attribute: "font-size", reflect: !0, type: String })
743
+ ], t.prototype, "fontSize", 2);
744
+ a([
745
+ c({ attribute: "has-anchor-link", type: Boolean })
746
+ ], t.prototype, "hasAnchorLink", 2);
747
+ a([
748
+ c({ attribute: "anchor-link", type: String })
749
+ ], t.prototype, "anchorLink", 2);
750
+ a([
751
+ c({ type: String })
752
+ ], t.prototype, "alignment", 2);
753
+ a([
754
+ c({ attribute: "disabled-copy-button", reflect: !0, type: Boolean })
755
+ ], t.prototype, "disabledCopyButton", 2);
756
+ a([
757
+ c({ attribute: "custom-line-height", reflect: !0, type: Boolean })
758
+ ], t.prototype, "customLineHeight", 2);
759
+ a([
760
+ w("variant")
761
+ ], t.prototype, "handleHeadingChange", 1);
762
+ t = a([
763
+ k("cx-header")
764
+ ], t);
749
765
  export {
750
- b as A,
751
- o as C,
752
- t as V
766
+ v as A,
767
+ t as C,
768
+ o as V
753
769
  };
package/library/components/atoms.js CHANGED
@@ -33,7 +33,7 @@ import { default as Se } from "./format-number.js";
33
33
  import { default as De } from "./format-time.js";
34
34
  import { default as we } from "./grid.js";
35
35
  import { default as he } from "./grid-item.js";
36
- import { C as Pe } from "../chunks/header.tVm8jCBb.js";
36
+ import { C as Pe } from "../chunks/header.CIdqF9dY.js";
37
37
  import { C as Me } from "../chunks/hub-connection.BtevPWYb.js";
38
38
  import { f } from "../chunks/icon.CpHbi8tH.js";
39
39
  import { C as Fe } from "../chunks/icon.CpHbi8tH.js";
package/library/components/header.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import "./copy-button.js";
2
2
  import "../chunks/lib-cortex-element.CVMmyPMC.js";
3
3
  import "../chunks/component.styles.CRO4Odto.js";
4
- import { C as x } from "../chunks/header.tVm8jCBb.js";
4
+ import { C as x } from "../chunks/header.CIdqF9dY.js";
5
5
  import "../chunks/custom-element.L4WJXn1j.js";
6
6
  import "../chunks/i18n.CXIpdSSZ.js";
7
7
  import "../chunks/watch.DJF5K-8U.js";