@orangelogic/design-system 2.152.0 → 2.154.0

package/library/components/video.js

@@ -1,7 +1,7 @@
 import { _ as kd, a as Sa, b as Be, c as Je } from "../chunks/inheritsLoose.BuSn_CvZ.js";
 import { c as ps, a as Bn } from "../chunks/_commonjsHelpers.DQNKXVTB.js";
 import { r as Sb } from "../chunks/___vite-browser-external_commonjs-proxy.C2tf3HsQ.js";
-import { C as Cb } from "../chunks/image.DYRVQgG1.js";
+import { C as Cb } from "../chunks/image.DazATuAV.js";
 import Mb from "./resize-observer.js";
 import { r as Db, R as Pb, a as Rp, b as Lb } from "../chunks/resizable-component.styles.CAfXABBc.js";
 import { c as Rb } from "../chunks/component.styles.CRO4Odto.js";

package/library/package.json

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

package/library/packages/atoms/src/components/image/image.d.ts

@@ -104,6 +104,12 @@ export default class CxImage extends ResizableElement {
      * The loading attribute of the image.
      */
     htmlLoading: 'eager' | 'lazy';
+    /**
+     * When true, omits the `crossorigin` attribute on the underlying `<img>`, disabling the
+     * CORS request mode. Defaults to false, i.e. the image loads with `crossorigin="anonymous"`
+     * (e.g. set `no-crossorigin` in Site Builder contexts where CORS headers are absent).
+     */
+    noCrossorigin: boolean;
     /**
      * The type of click handler to use.
      * - automatic: The click handler is automatically handled by the image.
@@ -143,6 +149,7 @@ export default class CxImage extends ResizableElement {
         'image--has-action': boolean;
         'image--hidden': boolean;
     };
+    /** The crossorigin value for the `<img>`; `undefined` (attribute omitted) when `noCrossorigin` is set. */
     get crossorigin(): string | undefined;
     /**
      * Whether the image have zoom action.

package/library/packages/events/src/cx-annotation-button-click.d.ts

@@ -0,0 +1,8 @@
+export type CxAnnotationButtonClickEvent = CustomEvent<{
+    active: boolean;
+}>;
+declare global {
+    interface GlobalEventHandlersEventMap {
+        'cx-annotation-button-click': CxAnnotationButtonClickEvent;
+    }
+}

package/library/packages/events/src/events.d.ts

@@ -10,6 +10,7 @@ export * from './cx-after-collapse';
 export * from './cx-after-expand';
 export * from './cx-after-hide';
 export * from './cx-after-show';
+export * from './cx-annotation-button-click';
 export * from './cx-annotator-tool-change';
 export * from './cx-asset-data-display-slot-change';
 export * from './cx-asset-format-picker-select';

package/library/packages/molecules/src/gallery-item/gallery-item.d.ts

@@ -97,6 +97,11 @@ export default class CxGalleryItem extends HighlightableElement {
      * The object fit style for the image.
      */
     objectFit: ObjectFit;
+    /**
+     * When true, forwards `no-crossorigin` to the inner `<cx-image>`, disabling CORS mode.
+     * Defaults to false (the image loads with `crossorigin="anonymous"`).
+     */
+    noCrossorigin: boolean;
     /**
      * Whether to open the link in a new tab.
      */

package/library/packages/organisms/src/annotator-comment/annotator-comment.d.ts

@@ -1,4 +1,5 @@
 import { AnnotationState } from '@markerjs/markerjs3';
+import { CxAnnotationButtonClickEvent } from '../../../events/src/cx-annotation-button-click';
 import { CxTimeBasedChangeEvent } from '../../../events/src/cx-time-based-change';
 import { default as CxComment } from '../comment/comment.ts';
 import { TimecodeMode } from '../../../types/src/video-editor';
@@ -13,6 +14,7 @@ declare global {
 /**
  * @summary CxAnnotatorComment - An extension of the CxComment component that allows users to annotate a specific element.
  *
+ * @event {{ active: boolean }} cx-annotation-button-click - Emitted (bubbles, composed) via the inner `cx-annotator-comment-menu` when the annotation (draw) tool is toggled. `active` is `true` when annotation mode is opened, `false` when it is closed.
  * @event {{ active: boolean; tool: AnnotatorTool }} cx-annotator-tool-change - Emitted via the inner `cx-annotator` when a drawing tool is selected (`active: true`) or the active tool icon is clicked again to return to select mode (`active: false`). `tool` is the `AnnotatorTool` value (`arrow-marker`, `line-marker`, `rectangle-marker`, `freehand-marker`). Bubbles and composed.
  */
 export default class CxAnnotatorComment extends CxComment {
@@ -57,6 +59,13 @@ export default class CxAnnotatorComment extends CxComment {
      * Whether the time based feature is enabled.
      */
     timeBased: boolean;
+    /**
+     * By default, activating the annotation tool turns the time based feature on,
+     * because annotations are tied to a timestamp. Set this to skip that
+     * auto-enable — e.g. media without a timeline (images/PDFs) or flows that
+     * intentionally allow timeless annotations.
+     */
+    noAutoTimeBasedOnAnnotate: boolean;
     /**
      * The time values for the time based feature.
      */
@@ -72,6 +81,7 @@ export default class CxAnnotatorComment extends CxComment {
     runFirstUpdated(): void;
     handleTimeChange(): void;
     handleTimeBasedChange(event: CxTimeBasedChangeEvent): void;
+    handleAnnotationButtonClick(event: CxAnnotationButtonClickEvent): void;
     private get timecodeExtension();
     private handleUndoRequest;
     private handleRedoRequest;

package/library/packages/organisms/src/xml-editor/xml-editor.d.ts

@@ -6,7 +6,7 @@ import { default as CxXmlEditorPacketEditor } from './components/packet-editor/p
 import { default as CxXmlEditorViewer } from './components/viewer/viewer';
 
 /**
- * @summary Structured tree editor for the `<FetchRules>` XML rule schema: expand/collapse, add/copy/paste/delete
+ * @summary Structured tree editor for the FetchRules XML rule schema: expand/collapse, add/copy/paste/delete
  * elements, edit `Packet` search rules, and preview the resulting XML. Replaces the legacy React `orangelogic-react-xmleditor`
  * component; the host page owns persistence and listens for `cx-xml-editor-change`.
  *

package/library/react-web-component.d.ts

@@ -2525,6 +2525,10 @@
           * The loading attribute of the image.
         */
         htmlLoading?: 'eager' | 'lazy';
+        /**
+          * When true, omits the `crossorigin` attribute on the underlying `img`, disabling the CORS request mode. Defaults to false, i.e. the image loads with `crossorigin="anonymous"` (e.g. set `no-crossorigin` in Site Builder contexts where CORS headers are absent).
+        */
+        noCrossorigin?: boolean;
         /**
           * The type of click handler to use. - automatic: The click handler is automatically handled by the image. - manual: The click handler is manually handled by the parent element.
         */
@@ -7585,6 +7589,10 @@
           * Whether the time based feature is enabled.
         */
         timeBased?: boolean;
+        /**
+          * By default, activating the annotation tool turns the time based feature on, because annotations are tied to a timestamp. Set this to skip that auto-enable — e.g. media without a timeline (images/PDFs) or flows that intentionally allow timeless annotations.
+        */
+        noAutoTimeBasedOnAnnotate?: boolean;
         /**
           * The time values for the time based feature.
         */
@@ -10299,7 +10307,7 @@
         preRender?: boolean;
             } 
             /**
-              * Structured tree editor for the `<FetchRules>` XML rule schema: expand/collapse, add/copy/paste/delete elements, edit `Packet` search rules, and preview the resulting XML. Replaces the legacy React `orangelogic-react-xmleditor` component; the host page owns persistence and listens for `cx-xml-editor-change`.
+              * Structured tree editor for the FetchRules XML rule schema: expand/collapse, add/copy/paste/delete elements, edit `Packet` search rules, and preview the resulting XML. Replaces the legacy React `orangelogic-react-xmleditor` component; the host page owns persistence and listens for `cx-xml-editor-change`.
             */
             interface CxXmlEditorAttributes extends HTMLAttributes<CxXmlEditor> {
               

package/package.json

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