@vectoriox/iox-builder 11.10.3 → 11.11.0

package/fesm2022/vectoriox-iox-builder.mjs

@@ -32,7 +32,7 @@ import Lenis from 'lenis';
 import Moveable from 'moveable';
 import Selecto from 'selecto';
 import * as i18 from 'primeng/api';
-import { planVideo, VideoSource, VIDEO_PROVIDER_LABEL, VideoTrait, VideoMode } from '@vectoriox/iox-ui/media-core';
+import { planVideo, VideoKind, VideoSource, VIDEO_PROVIDER_LABEL, VideoTrait, VideoMode } from '@vectoriox/iox-ui/media-core';
 import { ConsentCategory } from '@vectoriox/iox-ui/consent-core';
 
 /**
@@ -105,6 +105,7 @@ const BUILDER_CHROME_EN = Object.freeze({
     'builder.chrome.kindSlider': 'Slider',
     'builder.chrome.kindVideo': 'Video',
     'builder.chrome.videoPosterOnly': 'poster only',
+    'builder.chrome.videoFrames': 'played by the scroll',
     'builder.chrome.videoFile': 'Uploaded file',
     'builder.chrome.refuseLockedSliderPartMove': 'This control belongs to its slider — it can’t be moved out.',
     'builder.chrome.refuseLockedSliderPause': 'The pause button stays while Autoplay is on — moving content must be pausable. Turn Autoplay off in the slider’s Bindings to remove it.',
@@ -5360,6 +5361,18 @@ class SceneCanvasService {
         if (el)
             this.driver?.reread(el);
     }
+    /**
+     * A value a layer's own component draws changed (a Video's pictures): its instance takes it now. Its Scene reads the new
+     * attribute when it lands, with no re-render of the page.
+     */
+    setLayerInput(node, name, value) {
+        const ref = this.overlay?.getNodeRef(node) ?? (node.id ? this.overlay?.findRefByNodeId(node.id)?.ref : undefined);
+        const component = ref?.componentRef;
+        if (!component?.instance)
+            return;
+        component.instance[name] = value;
+        component.changeDetectorRef.detectChanges();
+    }
     ngOnDestroy() {
         this.driver?.destroy();
         this.driver = null;
@@ -7854,6 +7867,7 @@ const VIDEO_TYPE = 'Video';
 const VIDEO_KIND_KEY = 'builder.chrome.kindVideo';
 const VIDEO_POSTER_ONLY_KEY = 'builder.chrome.videoPosterOnly';
 const VIDEO_FILE_KEY = 'builder.chrome.videoFile';
+const VIDEO_FRAMES_KEY = 'builder.chrome.videoFrames';
 /** The parts that offer "Add item" on the selection toolbar (board 3: the "Add slide" pattern). */
 const ADD_ITEM_ROLES = new Set([
     AccordionRole.Accordion, AccordionRole.Item, AccordionRole.Trigger, AccordionRole.Panel,
@@ -8113,6 +8127,9 @@ class OverlayComponent {
     }
     videoBadge(node) {
         const plan = planVideo(node, null);
+        // Unlike every other Video, the canvas really plays this one.
+        if (plan.kind === VideoKind.Frames)
+            return `${this.builderLabels(VIDEO_KIND_KEY, BUILDER_CHROME_EN[VIDEO_KIND_KEY])} · ${this.builderLabels(VIDEO_FRAMES_KEY, BUILDER_CHROME_EN[VIDEO_FRAMES_KEY])}`;
         const where = plan.source === VideoSource.File
             ? this.builderLabels(VIDEO_FILE_KEY, BUILDER_CHROME_EN[VIDEO_FILE_KEY])
             : VIDEO_PROVIDER_LABEL[plan.source];
@@ -14074,6 +14091,8 @@ class VideoConfig extends ComponentConfig {
             ], VideoSource.YouTube),
             new TraitConfig(VideoTrait.Src, 'Video address', TraitInputType.Media, { mode: 'compact' }, ''),
             new TraitConfig(VideoTrait.Poster, 'Poster', TraitInputType.Media, { mode: 'compact' }, ''),
+            // Pictures the scroll plays (SC4): the Scene group writes it, so the Bindings panel lists no control for it.
+            new TraitConfig(VideoTrait.Frames, 'Frames', TraitInputType.Text, undefined, null),
             // ── Behaviour ─────────────────────────────────────────────────
             new TraitConfig('__behaviourLabel', 'Behaviour', TraitInputType.SectionLabel),
             new TraitConfig(VideoTrait.Mode, 'Mode', TraitInputType.Select, [