@vectoriox/iox-ui 5.73.1 → 5.73.4

package/index.d.ts

@@ -957,6 +957,12 @@ declare class IoxVideoComponent implements AfterViewInit, OnDestroy {
     set frames(v: unknown);
     get frames(): unknown;
     private root?;
+    /**
+     * A Video the scroll plays usually fills its stage with height: 100%, which is a percent of this host. The host stays a
+     * box, because a node's width and margin live on it, so it passes the height down. Where a Scene flows, 100% of an
+     * auto stage is auto. An ordinary Video keeps its own height, so what stands beside it stays put.
+     */
+    get hostHeight(): string | null;
     plan: VideoPlan;
     attrs: Record<string, string>;
     html: SafeHtml;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vectoriox/iox-ui",
-  "version": "5.73.1",
+  "version": "5.73.4",
   "peerDependencies": {
     "@angular/common": ">=20.0.0",
     "@angular/core": ">=20.0.0",

package/styles/iox-design.css

@@ -348,6 +348,9 @@ dialog[data-iox-dialog]:not([open]) {
   container-type: inline-size;
 }
 /* The poster blank (DS3): no poster yet = the token fill, never a request to the provider. */
+/* A Video the scroll plays, given a height: without its own width, a 16 / 9 ratio would work its width out from that height
+   and run off the stage. Zero specificity, so the node's own width wins. */
+:where(.iox-video[data-iox-video-frames]) { width: 100%; }
 .iox-video[data-iox-video-poster-empty]:not([data-iox-video-playing]) { background-color: var(--iox-surface-2); }
 .iox-video[data-iox-video-playing] { background-color: var(--iox-inverse-bg); }
 .iox-video > :is(.iox-video__poster, .iox-video__media, .iox-video__frame, .iox-video__frames) {