@orangelogic/design-system 4.35.0 → 4.37.0

package/library/components/types.js

@@ -95083,26 +95083,34 @@ var j5 = class extends d {
 		let n = `${e}_${this.mappedDefaultLanguage}`;
 		return t.getRecords().some((e) => String(e.id).toLowerCase() === n);
 	}
+	canBackfillDefaultLanguageTextRecord(e) {
+		let t = this.dsm?.get(go.TranslatableTexts);
+		if (!t) return !0;
+		let n = `${e}_${this.mappedDefaultLanguage}`, r = t.getRecords().find((e) => String(e.id).toLowerCase() === n);
+		return !r || r.get("isAutoBackfilled") === !0;
+	}
 	hasDefaultLanguageAttributeRecord(e) {
 		let t = this.dsm?.get(go.TranslatableAttributes);
 		if (!t) return !1;
 		let n = `${e}_${this.mappedDefaultLanguage}`;
 		return t.getRecords().some((e) => String(e.id).toLowerCase() === n);
 	}
-	storeTranslatableText(e, t) {
+	storeTranslatableText(e, t, n = {}) {
 		if (!this.dsm) return;
-		let n = this.dsm.get(go.TranslatableTexts);
-		if (n) {
-			let r = n.getRecords().find((t) => t.id === e);
-			r ? r.set("content", t) : n.addRecord({
+		let r = this.dsm.get(go.TranslatableTexts);
+		if (r) {
+			let i = r.getRecords().find((t) => t.id === e);
+			i ? (i.set("content", t), n.isAutoBackfilled === !0 ? i.set("isAutoBackfilled", !0) : n.isAutoBackfilled === !1 && i.unset("isAutoBackfilled")) : r.addRecord({
 				content: t,
-				id: e
+				id: e,
+				...n.isAutoBackfilled === !0 ? { isAutoBackfilled: !0 } : {}
 			});
 		} else this.dsm.add({
 			id: go.TranslatableTexts,
 			records: [{
 				content: t,
-				id: e
+				id: e,
+				...n.isAutoBackfilled === !0 ? { isAutoBackfilled: !0 } : {}
 			}]
 		});
 	}
@@ -95945,9 +95953,11 @@ var j5 = class extends d {
 		}), this.contentBuilder?.on("custom:child-selected", (e) => {
 			this.childSelected = e;
 		}), this.contentBuilder?.on("custom:backfill-translatable-text", ({ content: e, id: t }) => {
-			t && this.mappedDefaultLanguage && this.lang.toLowerCase() !== this.mappedDefaultLanguage && !this.hasDefaultLanguageTextRecord(t) && this.storeTranslatableText(`${t}_${this.mappedDefaultLanguage}`, e);
+			t && this.mappedDefaultLanguage && this.lang.toLowerCase() !== this.mappedDefaultLanguage && !this.hasDefaultLanguageTextRecord(t) && this.storeTranslatableText(`${t}_${this.mappedDefaultLanguage}`, e, { isAutoBackfilled: !0 });
 		}), this.contentBuilder?.on("custom:save-translatable-text", ({ content: e, id: t }) => {
-			t && this.storeTranslatableText(`${t}_${this.lang.toLowerCase()}`, e);
+			if (!t) return;
+			let n = this.lang.toLowerCase();
+			this.storeTranslatableText(`${t}_${n}`, e, n === this.mappedDefaultLanguage ? { isAutoBackfilled: !1 } : void 0), n !== this.mappedDefaultLanguage && this.canBackfillDefaultLanguageTextRecord(t) && this.storeTranslatableText(`${t}_${this.mappedDefaultLanguage}`, e, { isAutoBackfilled: !0 });
 		}), this.contentBuilder?.on("custom:save-translatable-attribute", ({ content: e, id: t }) => {
 			t && this.storeTranslatableAttribute(t, e);
 		});

package/library/package.json

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

package/library/packages/hybrid/video-advanced/src/react/plugins/CommentLine/CommentLine.d.ts

@@ -3,13 +3,13 @@ interface ICommentLineProps {
     comments: IComment[];
     onCommentClick: (args: {
         id: string;
-    }) => void;
+    }, marker: HTMLElement) => void;
     onCommentMouseLeave: (args: {
         id: string;
     }) => void;
     onCommentMouseOver: (args: {
         id: string;
-    }) => void;
+    }, marker: HTMLElement) => void;
     seekToTime: (time: number) => void;
 }
 declare const _default: import('react').NamedExoticComponent<ICommentLineProps>;

package/library/packages/hybrid/video-advanced/src/react/type.d.ts

@@ -21,6 +21,13 @@ export interface IComment {
 export type TimelineMarker = IComment & {
     occurrenceId: string;
 };
+export type CommentMarkerEventArgs = {
+    id: string;
+    markerCenterX?: number;
+    markerTop?: number;
+    timelineLeft?: number;
+    timelineRight?: number;
+};
 export type EnterPointRangeModePayload = {
     endTime?: number;
     startTime?: number;
@@ -233,12 +240,8 @@ export type Context = {
             onFired: (handler: (args: any) => void) => () => void;
         };
         commentClickEvent: {
-            fire: (args: {
-                id: string;
-            }) => void;
-            onFired: (handler: (args: {
-                id: string;
-            }) => void) => () => void;
+            fire: (args: CommentMarkerEventArgs) => void;
+            onFired: (handler: (args: CommentMarkerEventArgs) => void) => () => void;
         };
         commentMouseLeaveEvent: {
             fire: (args: {
@@ -249,12 +252,8 @@ export type Context = {
             }) => void) => () => void;
         };
         commentMouseOverEvent: {
-            fire: (args: {
-                id: string;
-            }) => void;
-            onFired: (handler: (args: {
-                id: string;
-            }) => void) => () => void;
+            fire: (args: CommentMarkerEventArgs) => void;
+            onFired: (handler: (args: CommentMarkerEventArgs) => void) => () => void;
         };
         editorAddTracksEvent: {
             execute: () => void;

package/library/packages/hybrid/video-advanced/src/video-advanced/video-advanced.d.ts

@@ -46,12 +46,12 @@ import { default as CxVideoEditor } from '../video-editor/video-editor';
  * @event cx-video-prev-frame - Fired when stepping to the previous frame.
  * @event cx-video-enter-fullscreen - Fired when entering fullscreen.
  * @event cx-video-exit-fullscreen - Fired when exiting fullscreen.
- * @event {{ id: string }} cx-video-comment-click - Fired when a comment is clicked.
- * @event {{ id: string }} cx-video-comment-mouseover - Fired when hovering a comment marker.
+ * @event {{ id: string; markerCenterX?: number; markerTop?: number; timelineLeft?: number; timelineRight?: number }} cx-video-comment-click - Fired when a comment is clicked.
+ * @event {{ id: string; markerCenterX?: number; markerTop?: number; timelineLeft?: number; timelineRight?: number }} cx-video-comment-mouseover - Fired when hovering a comment marker.
  * @event {{ id: string }} cx-video-comment-mouseleave - Fired when leaving a comment marker.
  * @event {{ name: string; data: unknown }} cx-video-event - Generic player event bridge.
  * @event {{ layer: HTMLElement | null }} cx-video-annotation-layer-change - Fired when the player (re)mounts its annotation layer div; hosts mount annotators into this element.
- * @event {{ key: 'activeTimelineSegmentId' | 'editMode' | 'enableAnnotation' | 'enableComment' | 'isCommentAnchorActive' | 'showCommentSidebar' | 'showSegmentSidebar' | 'startPosition' | 'stopPosition'; value: boolean | number | string | null }} cx-video-context-change - Fired when the player UI changes one of these context values (toggles, or the segment selection); hosts sync their context cells from it.
+ * @event {{ key: 'activeTimelineSegmentId' | 'editMode' | 'enableAnnotation' | 'enableComment' | 'isCommentAnchorActive' | 'loop' | 'showCommentSidebar' | 'showSegmentSidebar' | 'startPosition' | 'stopPosition'; value: boolean | number | string | null }} cx-video-context-change - Fired when the player UI changes one of these context values (toggles, or the segment selection); hosts sync their context cells from it.
  * @event cx-video-closed - Fired when the player is torn down.
  * @event cx-video-editor-undo - Fired when the editor undo action is requested.
  * @event cx-video-editor-redo - Fired when the editor redo action is requested.

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

@@ -10,6 +10,9 @@ import { TemplateResult } from 'lit';
 import { CxBlockPicker } from './components/block-picker';
 import { CxConfigManager } from './components/config-manager';
 import { CxRTEBubbleMenu, CxRTETableGenerator } from './plugins';
+type TranslatableTextRecordOptions = {
+    isAutoBackfilled?: boolean;
+};
 /**
  * @summary The `cx-content-builder` component is used to create and manage content blocks in a CMS.
  *
@@ -359,8 +362,9 @@ export default class CxContentBuilder extends CortexElement {
     private ensureConfigUi;
     storeTemplate(id: string, data: Record<string, any>, update?: boolean): void;
     private hasDefaultLanguageTextRecord;
+    private canBackfillDefaultLanguageTextRecord;
     private hasDefaultLanguageAttributeRecord;
-    storeTranslatableText(id: string, data: string): void;
+    storeTranslatableText(id: string, data: string, options?: TranslatableTextRecordOptions): void;
     storeTranslatableAttribute(id: string, data: Record<string, Record<string, string>>): void;
     private updateFrameSize;
     handleSupportedLanguagesChange(): void;
@@ -740,3 +744,4 @@ declare global {
         'cx-content-builder': CxContentBuilder;
     }
 }
+export {};

package/library/packages/types/src/video-advanced.d.ts

@@ -10,6 +10,7 @@ export declare enum VideoContextOutputKey {
     EnableAnnotation = "enableAnnotation",
     EnableComment = "enableComment",
     IsCommentAnchorActive = "isCommentAnchorActive",
+    Loop = "loop",
     ShowCommentSidebar = "showCommentSidebar",
     ShowSegmentSidebar = "showSegmentSidebar",
     StartPosition = "startPosition",

package/package.json

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