@orangelogic/design-system 2.176.0 → 2.178.0

package/library/package.json

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

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

@@ -19,6 +19,8 @@ import { default as CxIcon } from '../icon/icon';
  * @csspart image - The avatar image. Only shown when the `image` attribute is set.
  *
  * @cssproperty --size - The size of the avatar.
+ * @cssproperty [--background-color=var(--cx-color-neutral-400)] - The avatar's background color.
+ * @cssproperty [--text-color=var(--cx-color-neutral-0)] - The color of the avatar's initials/icon.
  */
 export default class CxAvatar extends CortexElement {
     static styles: CSSResultGroup;

package/library/packages/events/src/cx-video-annotation-layer-change.d.ts

@@ -0,0 +1,8 @@
+export type CxVideoAnnotationLayerChangeEvent = CustomEvent<{
+    layer: HTMLElement | null;
+}>;
+declare global {
+    interface GlobalEventHandlersEventMap {
+        'cx-video-annotation-layer-change': CxVideoAnnotationLayerChangeEvent;
+    }
+}

package/library/packages/events/src/cx-video-closed.d.ts

@@ -0,0 +1,6 @@
+export type CxVideoClosedEvent = CustomEvent<Record<PropertyKey, never>>;
+declare global {
+    interface GlobalEventHandlersEventMap {
+        'cx-video-closed': CxVideoClosedEvent;
+    }
+}

package/library/packages/events/src/cx-video-comment-click.d.ts

@@ -0,0 +1,8 @@
+export type CxVideoCommentClickEvent = CustomEvent<{
+    id: string;
+}>;
+declare global {
+    interface GlobalEventHandlersEventMap {
+        'cx-video-comment-click': CxVideoCommentClickEvent;
+    }
+}

package/library/packages/events/src/cx-video-comment-mouseleave.d.ts

@@ -0,0 +1,8 @@
+export type CxVideoCommentMouseleaveEvent = CustomEvent<{
+    id: string;
+}>;
+declare global {
+    interface GlobalEventHandlersEventMap {
+        'cx-video-comment-mouseleave': CxVideoCommentMouseleaveEvent;
+    }
+}

package/library/packages/events/src/cx-video-comment-mouseover.d.ts

@@ -0,0 +1,8 @@
+export type CxVideoCommentMouseoverEvent = CustomEvent<{
+    id: string;
+}>;
+declare global {
+    interface GlobalEventHandlersEventMap {
+        'cx-video-comment-mouseover': CxVideoCommentMouseoverEvent;
+    }
+}

package/library/packages/events/src/cx-video-context-change.d.ts

@@ -0,0 +1,27 @@
+import { VideoContextOutputKey } from '../../types/src/video-advanced';
+
+/**
+ * Player-owned state writeback: fired when the player UI changes a video-context
+ * value the host must observe — a toggle (settings menu, anchor-comment button,
+ * comment-sidebar button) or the segment selection (point-range thumbs, in/out
+ * shortcuts), which the host reads to time-base a comment.
+ *
+ * Every writeback key except `annotationLayer`, which carries an element and so
+ * has its own `cx-video-annotation-layer-change` event.
+ */
+export type CxVideoContextChangeKey = Exclude<VideoContextOutputKey, VideoContextOutputKey.AnnotationLayer>;
+/**
+ * `startPosition` / `stopPosition` are seconds, `editMode` carries the player's
+ * `EDIT_MODE` string enum, the rest are flags. Typed structurally so this package
+ * stays free of a dependency on the `video-advanced` feature package.
+ */
+export type CxVideoContextChangeValue = boolean | number | string | null;
+export type CxVideoContextChangeEvent = CustomEvent<{
+    key: CxVideoContextChangeKey;
+    value: CxVideoContextChangeValue;
+}>;
+declare global {
+    interface GlobalEventHandlersEventMap {
+        'cx-video-context-change': CxVideoContextChangeEvent;
+    }
+}

package/library/packages/events/src/cx-video-enter-fullscreen.d.ts

@@ -0,0 +1,6 @@
+export type CxVideoEnterFullscreenEvent = CustomEvent<Record<PropertyKey, never>>;
+declare global {
+    interface GlobalEventHandlersEventMap {
+        'cx-video-enter-fullscreen': CxVideoEnterFullscreenEvent;
+    }
+}

package/library/packages/events/src/cx-video-event.d.ts

@@ -0,0 +1,9 @@
+export type CxVideoEventEvent = CustomEvent<{
+    data: unknown;
+    name: string;
+}>;
+declare global {
+    interface GlobalEventHandlersEventMap {
+        'cx-video-event': CxVideoEventEvent;
+    }
+}

package/library/packages/events/src/cx-video-exit-fullscreen.d.ts

@@ -0,0 +1,6 @@
+export type CxVideoExitFullscreenEvent = CustomEvent<Record<PropertyKey, never>>;
+declare global {
+    interface GlobalEventHandlersEventMap {
+        'cx-video-exit-fullscreen': CxVideoExitFullscreenEvent;
+    }
+}

package/library/packages/events/src/cx-video-next-frame.d.ts

@@ -0,0 +1,6 @@
+export type CxVideoNextFrameEvent = CustomEvent<Record<PropertyKey, never>>;
+declare global {
+    interface GlobalEventHandlersEventMap {
+        'cx-video-next-frame': CxVideoNextFrameEvent;
+    }
+}

package/library/packages/events/src/cx-video-paused.d.ts

@@ -0,0 +1,8 @@
+export type CxVideoPausedEvent = CustomEvent<{
+    currentTime: number;
+} | undefined>;
+declare global {
+    interface GlobalEventHandlersEventMap {
+        'cx-video-paused': CxVideoPausedEvent;
+    }
+}

package/library/packages/events/src/cx-video-played.d.ts

@@ -0,0 +1,8 @@
+export type CxVideoPlayedEvent = CustomEvent<{
+    currentTime: number;
+} | undefined>;
+declare global {
+    interface GlobalEventHandlersEventMap {
+        'cx-video-played': CxVideoPlayedEvent;
+    }
+}

package/library/packages/events/src/cx-video-prev-frame.d.ts

@@ -0,0 +1,6 @@
+export type CxVideoPrevFrameEvent = CustomEvent<Record<PropertyKey, never>>;
+declare global {
+    interface GlobalEventHandlersEventMap {
+        'cx-video-prev-frame': CxVideoPrevFrameEvent;
+    }
+}

package/library/packages/events/src/cx-video-seeked.d.ts

@@ -0,0 +1,8 @@
+export type CxVideoSeekedEvent = CustomEvent<{
+    currentTime: number;
+} | undefined>;
+declare global {
+    interface GlobalEventHandlersEventMap {
+        'cx-video-seeked': CxVideoSeekedEvent;
+    }
+}

package/library/packages/events/src/cx-video-segment-change.d.ts

@@ -0,0 +1,9 @@
+export type CxVideoSegmentChangeEvent = CustomEvent<{
+    startPosition: number;
+    stopPosition: number;
+}>;
+declare global {
+    interface GlobalEventHandlersEventMap {
+        'cx-video-segment-change': CxVideoSegmentChangeEvent;
+    }
+}

package/library/packages/events/src/cx-video-time-update.d.ts

@@ -0,0 +1,8 @@
+export type CxVideoTimeUpdateEvent = CustomEvent<{
+    currentTime: number;
+} | undefined>;
+declare global {
+    interface GlobalEventHandlersEventMap {
+        'cx-video-time-update': CxVideoTimeUpdateEvent;
+    }
+}

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

@@ -227,11 +227,27 @@ export * from './cx-typeface-download';
 export * from './cx-unauthorized';
 export * from './cx-undo';
 export * from './cx-unmark-favorite';
+export * from './cx-video-annotation-layer-change';
 export * from './cx-video-click';
+export * from './cx-video-closed';
+export * from './cx-video-comment-click';
+export * from './cx-video-comment-mouseleave';
+export * from './cx-video-comment-mouseover';
+export * from './cx-video-context-change';
 export * from './cx-video-editor-track-canvas-ready';
 export * from './cx-video-src-resolved';
 export * from './cx-video-editor-track-click';
 export * from './cx-video-editor-transition-click';
+export * from './cx-video-enter-fullscreen';
+export * from './cx-video-event';
+export * from './cx-video-exit-fullscreen';
+export * from './cx-video-next-frame';
+export * from './cx-video-paused';
+export * from './cx-video-played';
+export * from './cx-video-prev-frame';
+export * from './cx-video-seeked';
+export * from './cx-video-segment-change';
+export * from './cx-video-time-update';
 export * from './cx-video-thumbnail-resolved';
 export * from './cx-view-logs';
 export * from './cx-xml-editor-asset-type-change';

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

@@ -66,6 +66,12 @@ export default class CxAnnotatorComment extends CxComment {
      * intentionally allow timeless annotations.
      */
     noAutoTimeBasedOnAnnotate: boolean;
+    /**
+     * When true, pressing Enter emits `cx-comment-submit` instead of inserting
+     * a new line. Off by default — Enter behaves as a regular line break and
+     * the parent owns submission (e.g. a dedicated submit button).
+     */
+    submitOnEnter: boolean;
     /**
      * The time values for the time based feature.
      */

package/library/packages/organisms/src/content-builder/plugins/telemetry/metrics.d.ts

@@ -44,6 +44,7 @@ export declare const UiAction: {
     readonly DuplicateBlock: "duplicate_block";
     readonly EditorBoot: "editor_boot";
     readonly MoveBlock: "move_block";
+    readonly OpenBlockPicker: "open_block_picker";
     readonly OpenConfig: "open_config";
     readonly PickAsset: "pick_asset";
     readonly PickAssetFormat: "pick_asset_format";

package/library/packages/organisms/src/index.d.ts

@@ -22,6 +22,4 @@ export { default as CxListEditor } from './list-editor/list-editor';
 export { default as CxSpecialCharactersDialog } from './special-characters-dialog/special-characters-dialog';
 export { default as CxTemplateSwitcher } from './template-switcher/template-switcher';
 export { default as CxTextToSpeech } from './text-to-speech/text-to-speech';
-export { default as CxVideoChaptersManager } from './video-chapters-manager/video-chapters-manager';
-export { default as CxVideoEditor } from './video-editor/video-editor';
 export { default as CxXmlEditor } from './xml-editor/xml-editor';