@orangelogic/design-system 2.165.0 → 2.166.0

package/library/chunks/{document-viewer.CMZNXDup.js → document-viewer.DbxPRuLE.js}

@@ -25448,7 +25448,7 @@ let CxDocumentViewer = class extends ResizableElement {
   }
   renderRepresentativeImage() {
     const l = this.isPdf, t = l ? "" : this.representative;
-    return !l && !t ? 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=${t} alt=${this.name} block object-fit=${ObjectFit.Cover} @cx-error=${this.handleImageError}></cx-image>`;
+    return !l && !t ? 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=${t} alt=${this.name} block object-fit=${ObjectFit.Cover} no-crossorigin @cx-error=${this.handleImageError}></cx-image>`;
   }
   render() {
     const l = this.isPdf, t = l ? "" : this.representative, s = this.showExtensionFallback;

package/library/components/atoms.js

@@ -20,7 +20,7 @@ import { default as W } from "./details.js";
 import { default as Y } from "./diff.js";
 import { C as _ } from "../chunks/dialog.05FgdLBZ.js";
 import { default as oe } from "./divider.js";
-import { C as ae } from "../chunks/document-viewer.CMZNXDup.js";
+import { C as ae } from "../chunks/document-viewer.DbxPRuLE.js";
 import { C as xe } from "../chunks/dot-pagination.Pg9O0nIh.js";
 import { default as me } from "./dot-status.js";
 import { default as pe } from "./drawer.js";

package/library/components/document-viewer.js

@@ -1,5 +1,5 @@
 import "../chunks/resizable-component.styles.CAfXABBc.js";
-import { C as b } from "../chunks/document-viewer.CMZNXDup.js";
+import { C as b } from "../chunks/document-viewer.DbxPRuLE.js";
 import "../chunks/component.styles.CRO4Odto.js";
 import "../chunks/index.Cpamj0jB.js";
 import "../chunks/custom-element.L4WJXn1j.js";

package/library/components/types.js

@@ -20,8 +20,8 @@ import px from "./details.js";
 import { default as tXt } from "./diff.js";
 import { C as Ia, D as Sf, O as tF, a as OZ, H as DZ, z as IZ, o as MZ } from "../chunks/dialog.05FgdLBZ.js";
 import Hs from "./divider.js";
-import { r as PZ, a as iF, b as NZ, c as LZ } from "../chunks/document-viewer.CMZNXDup.js";
-import { C as nXt } from "../chunks/document-viewer.CMZNXDup.js";
+import { r as PZ, a as iF, b as NZ, c as LZ } from "../chunks/document-viewer.DbxPRuLE.js";
+import { C as nXt } from "../chunks/document-viewer.DbxPRuLE.js";
 import { d as RZ, C as BZ } from "../chunks/dot-pagination.Pg9O0nIh.js";
 import { default as oXt } from "./dot-status.js";
 import { default as sXt } from "./drawer.js";
@@ -5388,7 +5388,7 @@ let go = class extends di {
   }
   renderAssetPreview() {
     if ((this.previewSrc || this.value) && this.acceptsType(Ll.Image))
-      return I`<cx-image part="image" class="asset-picker__image" src=${this.previewSrc || this.value} alt=${this.assetTitle} width="200px" object-fit=${Fo.Cover} retry-on-error></cx-image>`;
+      return I`<cx-image part="image" class="asset-picker__image" src=${this.previewSrc || this.value} alt=${this.assetTitle} width="200px" object-fit=${Fo.Cover} no-crossorigin retry-on-error></cx-image>`;
     if (this.assetTitle && (this.acceptsType(Ll.Audio) || this.acceptsType(Ll.Video)))
       return I`<cx-typography variant="body-2">${Wk(this.assetTitle, 30, 11, 11)}</cx-typography>`;
     if (this.assetTitle && (this.acceptsType(Ll.Other) || this.acceptsType(Ll.All))) {
@@ -140340,7 +140340,7 @@ let zs = class extends di {
           </cx-checkbox></cx-space><cx-space wrap="nowrap" direction="vertical" class="image-dialog__col" spacing="x-small"><cx-typography variant="body2">${this.localize.term("preview")}</cx-typography><div class="image-container"><cx-image part="image" class=${Nt({
       image: !0,
       "undefined-src": this.isValidSrc === void 0
-    })} src=${this.data.src || ""} width="100%" height="100%" height-mode=${this.data.keepRatio ? er.Auto : er.Fixed} retry-on-error @cx-load=${this.handleImageLoad}></cx-image></div><cx-typography variant="body3">
+    })} src=${this.data.src || ""} width="100%" height="100%" height-mode=${this.data.keepRatio ? er.Auto : er.Fixed} no-crossorigin retry-on-error @cx-load=${this.handleImageLoad}></cx-image></div><cx-typography variant="body3">
             In editor, drag image to reposition
           </cx-typography><cx-typography variant="body3">
             Click on image to enable image resizer

package/library/components/video.js

@@ -47101,7 +47101,7 @@ let bt = class extends Pb {
     return Qc`
       ${Op(
       !this.src && this.formattedPoster,
-      () => Qc`<slot name="placeholder" part="placeholder"><cx-image class="video__poster" width=${this.width} height=${this.height} skeleton src=${this.formattedPoster} alt="poster" object-fit="contain"></cx-image></slot>`
+      () => Qc`<slot name="placeholder" part="placeholder"><cx-image class="video__poster" width=${this.width} height=${this.height} skeleton src=${this.formattedPoster} alt="poster" object-fit="contain" no-crossorigin></cx-image></slot>`
     )}<div part="video-js-container" tabindex="0" role="region" aria-label=${this.localize.term("videoPlayer")} id="video-js-container" class=${Ip({
       "video-js-container": !0,
       "video-js-container--poster": this.formattedPoster !== ""

package/library/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@orangelogic/design-system",
   "type": "module",
-  "version": "2.165.0",
+  "version": "2.166.0",
   "license": "UNLICENSED",
   "types": "library/types.d.ts",
   "scripts": {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@orangelogic/design-system",
   "type": "module",
-  "version": "2.165.0",
+  "version": "2.166.0",
   "license": "UNLICENSED",
   "types": "library/types.d.ts",
   "scripts": {