@orangelogic/design-system 2.153.0 → 2.154.0

package/library/package.json

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

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/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/react-web-component.d.ts

@@ -7589,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.
         */

package/package.json

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