@orangelogic/design-system 4.28.0 → 4.29.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 (70) hide show
  1. package/library/chunks/{asset-link-format.BEJh0Fqs.js → asset-link-format.DLmg4fTR.js} +387 -381
  2. package/library/chunks/{audio.BZJvTs_4.js → audio.BVQX3_8E.js} +6 -3
  3. package/library/chunks/{bicolor-picker.C0PxxFzf.js → bicolor-picker.C9XSuhnX.js} +1 -1
  4. package/library/chunks/{block-width.CU2PEBrV.js → block-width.rWsXJkoW.js} +553 -529
  5. package/library/chunks/{border-input-group.w-T10AEY.js → border-input-group.DESRXoh1.js} +1 -1
  6. package/library/chunks/{color-picker.CDUhOLEs.js → color-picker.DUEghDon.js} +2 -2
  7. package/library/chunks/{color-swatch-group.DUskDB_p.js → color-swatch-group.Cf9NcMte.js} +45 -45
  8. package/library/chunks/{config-manager.C9OGzzbe.js → config-manager.FRWbPVTc.js} +17 -17
  9. package/library/chunks/{configs-controller.D3dYYbfz.js → configs-controller.R67BMWep.js} +26 -26
  10. package/library/chunks/{document-viewer.C7WOv7ns.js → document-viewer.DZp_IRF7.js} +16 -7
  11. package/library/chunks/{file-on-demand.DUWFRJnE.js → file-on-demand.C_2vBGS3.js} +3 -3
  12. package/library/chunks/{header.qIpzHeNc.js → header.BaWpIXRz.js} +5 -5
  13. package/library/chunks/{image.DzFSYcXq.js → image.BD0t8XU4.js} +1 -1
  14. package/library/chunks/{masonry.D7YK0FcU.js → masonry.B3G5f-eL.js} +1 -1
  15. package/library/chunks/{shadow-input-group.C9DU0Ehy.js → shadow-input-group.CFb61kzG.js} +1 -1
  16. package/library/chunks/src.DKYroWZc.js +720 -0
  17. package/library/chunks/{src.QS2741a8.js → src.fDrPRx_j.js} +8 -8
  18. package/library/chunks/{tab-group.DP9EvXFy.js → tab-group.oiueox5q.js} +627 -627
  19. package/library/chunks/{tab.C2OFvGGj.js → tab.Dd0cNxxc.js} +12 -8
  20. package/library/chunks/{url.CZO_DV8Y.js → url.BCc06dE7.js} +15 -6
  21. package/library/chunks/{video.BHfy8igQ.js → video.Ba5xl_3K.js} +1 -1
  22. package/library/components/asset-link-format.js +1 -1
  23. package/library/components/atoms.js +9 -9
  24. package/library/components/audio.js +1 -1
  25. package/library/components/bicolor-picker.js +1 -1
  26. package/library/components/border-input-group.js +1 -1
  27. package/library/components/color-picker.js +1 -1
  28. package/library/components/color-swatch-group.js +1 -1
  29. package/library/components/document-viewer.js +1 -1
  30. package/library/components/file-on-demand.js +1 -1
  31. package/library/components/header.js +1 -1
  32. package/library/components/image.js +1 -1
  33. package/library/components/masonry.js +1 -1
  34. package/library/components/molecules.js +4 -4
  35. package/library/components/organisms.js +3 -3
  36. package/library/components/shadow-input-group.js +1 -1
  37. package/library/components/tab-group.js +1 -1
  38. package/library/components/tab.js +1 -1
  39. package/library/components/types.js +12189 -12008
  40. package/library/components/video.js +1 -1
  41. package/library/package.json +1 -1
  42. package/library/packages/atoms/src/components/audio/audio.d.ts +2 -0
  43. package/library/packages/atoms/src/components/document-viewer/document-viewer.d.ts +6 -0
  44. package/library/packages/atoms/src/components/tab-group/tab-group.d.ts +65 -7
  45. package/library/packages/events/src/events.d.ts +0 -4
  46. package/library/packages/hybrid/rich-text/src/rich-text.d.ts +9 -0
  47. package/library/packages/organisms/src/content-builder/blocks/audio/audio.d.ts +13 -0
  48. package/library/packages/organisms/src/content-builder/blocks/button/button.d.ts +8 -0
  49. package/library/packages/organisms/src/content-builder/blocks/column/column.d.ts +5 -0
  50. package/library/packages/organisms/src/content-builder/blocks/column-group/column-group.d.ts +5 -0
  51. package/library/packages/organisms/src/content-builder/blocks/document-viewer/document-viewer.d.ts +8 -0
  52. package/library/packages/organisms/src/content-builder/blocks/image/image.d.ts +16 -13
  53. package/library/packages/organisms/src/content-builder/blocks/timeline/timeline.d.ts +0 -2
  54. package/library/packages/organisms/src/content-builder/blocks/video/video.d.ts +9 -0
  55. package/library/packages/organisms/src/content-builder/components/template-manager/template-manager.d.ts +11 -0
  56. package/library/packages/organisms/src/content-builder/content-builder.d.ts +17 -1
  57. package/library/packages/organisms/src/content-builder-viewer/content-builder-viewer.d.ts +15 -6
  58. package/library/packages/organisms/src/form/control-renderer/control-renderer.d.ts +1 -1
  59. package/library/packages/tools/src/fetch-asset/fetch-asset.d.ts +2 -1
  60. package/library/packages/tools/src/fetch-image/fetch-image.d.ts +28 -0
  61. package/library/packages/utils/src/asset-url-mode/asset-url-mode.d.ts +22 -0
  62. package/library/packages/utils/src/asset-url-mode/index.d.ts +1 -0
  63. package/library/packages/utils/src/url/url.d.ts +7 -0
  64. package/library/react-web-component.d.ts +25 -1
  65. package/library/utils.js +28 -706
  66. package/package.json +1 -1
  67. package/library/packages/events/src/cx-image-src-resolved.d.ts +0 -9
  68. package/library/packages/events/src/cx-timeline-data-resolved.d.ts +0 -9
  69. package/library/packages/events/src/cx-video-src-resolved.d.ts +0 -8
  70. package/library/packages/events/src/cx-video-thumbnail-resolved.d.ts +0 -8
@@ -22,13 +22,13 @@ import { t as focusWhenVisible } from "./focus-when-visible.DKscgyKo.js";
22
22
  import { t as input_default } from "./input.B3HfssSr.js";
23
23
  import { t as menu_default } from "./menu.BRFXqBpq.js";
24
24
  import { t as menu_item_default } from "./menu-item.DS4-vQe3.js";
25
+ import { Y as fetchCortexApi } from "./src.DKYroWZc.js";
25
26
  import { t as drawer_default } from "./drawer.BO3puoiw.js";
26
27
  import { t as progress_bar_default } from "./progress-bar.Cp8jz3Cn.js";
27
- import { fetchCortexApi } from "../utils.js";
28
28
  import { a as require_react, n as w, r as require_client, t as require_jsx_runtime } from "./jsx-runtime.BqxT1jD6.js";
29
29
  import { t as require___vite_browser_external } from "./__vite-browser-external.CMLby1wp.js";
30
30
  import { i as _extends, r as _assertThisInitialized, t as _inheritsLoose } from "./inheritsLoose.CmL1ZoPA.js";
31
- import { t as image_default } from "./image.DzFSYcXq.js";
31
+ import { t as image_default } from "./image.BD0t8XU4.js";
32
32
  //#region ../../packages/types/src/book-reader.ts
33
33
  var BookReaderMode$1 = /* @__PURE__ */ function(t) {
34
34
  return t.Image = "Image", t.Pdf = "Pdf", t;
@@ -22319,17 +22319,23 @@ var book_reader_default = CxBookReader, document_viewer_styles_default = i`:host
22319
22319
  document_viewer_styles_default
22320
22320
  ];
22321
22321
  static #r = this.SUPPORTED_EXTENSIONS = [".pdf", ".pptx"];
22322
+ get documentSource() {
22323
+ return this.src;
22324
+ }
22325
+ get representativeSource() {
22326
+ return this.representative;
22327
+ }
22322
22328
  get isPptx() {
22323
22329
  return this.extension.toLowerCase() === ".pptx";
22324
22330
  }
22325
22331
  get isPdf() {
22326
- return this.isExtensionSupported && (this.isPptx ? !!this.identifier : !!this.src);
22332
+ return this.isExtensionSupported && (this.isPptx ? !!this.identifier : !!this.documentSource);
22327
22333
  }
22328
22334
  get isExtensionSupported() {
22329
22335
  return _CxDocumentViewer.SUPPORTED_EXTENSIONS.includes(this.extension.toLowerCase());
22330
22336
  }
22331
22337
  get showExtensionFallback() {
22332
- return !this.isPdf && !this.representative && !this.isExtensionSupported && !!this.extension;
22338
+ return !this.isPdf && !this.representativeSource && !this.isExtensionSupported && !!this.extension;
22333
22339
  }
22334
22340
  willUpdate(t) {
22335
22341
  super.willUpdate(t), (t.has("src") || t.has("representative") || t.has("identifier")) && (this.hasImageError = !1);
@@ -22344,8 +22350,11 @@ var book_reader_default = CxBookReader, document_viewer_styles_default = i`:host
22344
22350
  handleImageError() {
22345
22351
  this.hasImageError = !0;
22346
22352
  }
22353
+ resetImageError() {
22354
+ this.hasImageError = !1;
22355
+ }
22347
22356
  renderPdfViewer() {
22348
- let t = this.isPptx ? `/API/Download/v1_0/GetOriginalLimited?Identifier=${this.identifier}&SourceAction=API_VIEW_DETAILS_TRX&UsePreviewPdf=True` : this.src;
22357
+ let t = this.isPptx ? `/API/Download/v1_0/GetOriginalLimited?Identifier=${this.identifier}&SourceAction=API_VIEW_DETAILS_TRX&UsePreviewPdf=True` : this.documentSource;
22349
22358
  return x`<cx-book-reader part="book-reader" class="document-viewer__book-reader" source-url=${t} book-name=${this.name} book-reader-mode=${BookReaderMode$1.Pdf} role="group" aria-label=${this.name}></cx-book-reader>`;
22350
22359
  }
22351
22360
  renderExtensionFallback() {
@@ -22353,11 +22362,11 @@ var book_reader_default = CxBookReader, document_viewer_styles_default = i`:host
22353
22362
  return x`<div class="document-viewer__extension-fallback"><div class="document-viewer__file-icon"><cx-typography class="document-viewer__extension-label">${t}</cx-typography></div></div>`;
22354
22363
  }
22355
22364
  renderRepresentativeImage() {
22356
- let t = this.isPdf, a = t ? "" : this.representative;
22365
+ let t = this.isPdf, a = t ? "" : this.representativeSource;
22357
22366
  return !t && !a ? this.showExtensionFallback ? this.renderExtensionFallback() : E : this.hasImageError ? x`<div class="document-viewer__broken"><cx-icon name="hide_image"></cx-icon></div>` : x`<cx-image part="image" class="document-viewer__image" src=${a} alt=${this.name} block object-fit=${ObjectFit.Cover} no-crossorigin @cx-error=${this.handleImageError}></cx-image>`;
22358
22367
  }
22359
22368
  render() {
22360
- let t = this.isPdf, a = t ? "" : this.representative, o = this.showExtensionFallback;
22369
+ let t = this.isPdf, a = t ? "" : this.representativeSource, o = this.showExtensionFallback;
22361
22370
  return x`<div part="base" class=${e({
22362
22371
  "document-viewer": !0,
22363
22372
  "document-viewer--empty": !t && !a && !o,
@@ -24,13 +24,13 @@ import { t as ae } from "./input.B3HfssSr.js";
24
24
  import { t as oe } from "./option.wsYX6Pp-.js";
25
25
  import { t as se } from "./space.Dd8jezXK.js";
26
26
  import { t as ce } from "./select.v6t2pNH4.js";
27
- import { t as le } from "./tab.C2OFvGGj.js";
28
- import { t as T } from "./tab-group.DP9EvXFy.js";
27
+ import { t as le } from "./tab.Dd0cNxxc.js";
28
+ import { t as T } from "./tab-group.oiueox5q.js";
29
29
  import { t as ue } from "./tab-panel.BxeoKuSv.js";
30
30
  import { t as E } from "./dialog.BuirdRW8.js";
31
31
  import { t as de } from "./divider.CqSNZCU8.js";
32
32
  import { t as fe } from "./progress-bar.Cp8jz3Cn.js";
33
- import { o as D, u as O } from "./url.CZO_DV8Y.js";
33
+ import { o as D, u as O } from "./url.BCc06dE7.js";
34
34
  import k from "../components/format-bytes.js";
35
35
  import { t as pe } from "./relative-time.5fu63h4C.js";
36
36
  import { a as A, i as me, n as he, t as j } from "./tree.BZvt8Ol0.js";
@@ -13,7 +13,7 @@ import { t as g } from "./debounce.Ci-xdsHE.js";
13
13
  import { t as _ } from "./copy-button.BLHge7EN.js";
14
14
  import { f as v, n as y, r as b, t as x } from "./responsive.L9Csz2w2.js";
15
15
  //#region ../../packages/styles/src/prosemirror.styles.ts
16
- var S = e`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, #fff 10px, #fff 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 = e`
16
+ var S = e`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 = e`
17
17
  .column-resize-handle {
18
18
  background-color: var(--editor-table-resize-handle-color);
19
19
  bottom: -2px;
@@ -57,7 +57,7 @@ var S = e`insert,span[format]{background-color:var(--cx-color-success-200)}delet
57
57
  }
58
58
 
59
59
  .ProseMirror {
60
- --editor-table-resize-handle-color: #adf;
60
+ --editor-table-resize-handle-color: var(--rich-text-table-resize-handle-color, var(--cx-color-primary-200));
61
61
  outline: none;
62
62
  white-space: pre-wrap;
63
63
  line-height: normal;
@@ -95,7 +95,7 @@ var S = e`insert,span[format]{background-color:var(--cx-color-success-200)}delet
95
95
  }
96
96
 
97
97
  .ProseMirror code .inline-boundary {
98
- background-color: #b4d7ff;
98
+ background-color: var(--cx-color-primary-200);
99
99
  }
100
100
 
101
101
  .ProseMirror .code-block-wrapper {
@@ -334,8 +334,8 @@ var S = e`insert,span[format]{background-color:var(--cx-color-success-200)}delet
334
334
  :not(pre) > code[class*='language-'] {
335
335
  padding: 0.1em 0.3em;
336
336
  border-radius: 0.3em;
337
- color: #db4c69;
338
- background: #f9f2f4;
337
+ color: var(--rich-text-inline-code-color, var(--cx-color-danger));
338
+ background: var(--rich-text-inline-code-background-color, var(--cx-color-neutral-100));
339
339
  }
340
340
 
341
341
  /*********************************************************
@@ -17,7 +17,7 @@ import { t as w } from "./resize-observer.D9EHlnZI.js";
17
17
  import { n as T } from "./position-picker.dY_vgF_H.js";
18
18
  import { a as E } from "./src.BJhIYoMP.js";
19
19
  import { t as D } from "./space.Dd8jezXK.js";
20
- import { s as O } from "./url.CZO_DV8Y.js";
20
+ import { s as O } from "./url.BCc06dE7.js";
21
21
  import { t as k } from "./keyed.zYwdaCfO.js";
22
22
  import { t as A } from "./skeleton.BtwugOTG.js";
23
23
  //#region ../../packages/types/src/image.ts
@@ -13,7 +13,7 @@ import { t as g } from "./tooltip.CGCOh4cQ.js";
13
13
  import { a as _ } from "./src.BJhIYoMP.js";
14
14
  import { t as v } from "./repeat.CKv9FPlC.js";
15
15
  import { t as y } from "./space.Dd8jezXK.js";
16
- import { t as b } from "./image.DzFSYcXq.js";
16
+ import { t as b } from "./image.BD0t8XU4.js";
17
17
  import { t as x } from "./grid.CK4PRwur.js";
18
18
  import { t as S } from "./grid-item.CSieaU5T.js";
19
19
  import { t as C } from "./sortable.esm.W3y3EWKS.js";
@@ -6,7 +6,7 @@ import { t as c } from "./repeat.CKv9FPlC.js";
6
6
  import { t as l } from "./input.B3HfssSr.js";
7
7
  import { t as u } from "./space.Dd8jezXK.js";
8
8
  import { t as d } from "./input-group.Dmd8XcxL.js";
9
- import { t as f } from "./bicolor-picker.C0PxxFzf.js";
9
+ import { t as f } from "./bicolor-picker.C9XSuhnX.js";
10
10
  //#region ../../packages/molecules/src/shadow-input-group/shadow-input-group.styles.ts
11
11
  var p = t``, m = class extends a {
12
12
  constructor(...e) {