@vectoriox/iox-builder 11.16.0 → 11.18.0

package/index.d.ts

@@ -6,6 +6,7 @@ import { ResponsiveOverrides, RelativeSourceSpec, Breakpoint, PageStyleSettings,
 export { ComponentInstanceRegistryService, IoxContextSlot, PageStyleSettings, SetContextParams, VIRTUAL_TRAIT_KEYS, composeVirtualTraits } from '@vectoriox/iox-ui';
 import * as rxjs from 'rxjs';
 import { Subject, Subscription, BehaviorSubject, Observable } from 'rxjs';
+import { StorefrontProduct } from '@vectoriox/iox-ui/commerce-core';
 import * as _vectoriox_iox_builder from '@vectoriox/iox-builder';
 import * as i26 from 'primeng/popover';
 import { Popover } from 'primeng/popover';
@@ -134,7 +135,7 @@ interface IoxDataSource {
 }
 
 type InteractionTrigger = 'pageLoad' | 'click' | 'hover' | 'viewportEnter' | 'scrollProgress' | 'pageLeave' | 'pageEnter' | 'swiperSlideChange' | 'swiperReachBeginning' | 'swiperReachEnd' | 'swiperAutoplayStart' | 'swiperAutoplayStop' | 'swiperSlideActive' | 'swiperSlideInactive' | 'itemOn' | 'itemOff';
-type InteractionActionType = 'fadeIn' | 'fadeOut' | 'moveUp' | 'moveDown' | 'moveLeft' | 'moveRight' | 'scaleIn' | 'scaleOut' | 'rotate' | 'clipReveal' | 'zoomOut' | 'revealText' | 'countUp' | 'parallax' | 'progressBar' | 'show' | 'hide' | 'toggleVisibility' | 'setContext' | 'clearContext' | 'openDialog' | 'closeDialog' | 'toggleDialog' | 'openPopover' | 'closePopover' | 'togglePopover' | 'showToast' | 'openItem' | 'closeItem' | 'toggleItem' | 'navigate' | 'scrollTo' | 'submitForm' | 'copyToClipboard' | 'grantConsent' | 'denyConsent' | 'setConsentCategory' | 'openConsentPreferences' | 'swiperNext' | 'swiperPrev' | 'swiperGoToSlide' | 'swiperAutoplayStart' | 'swiperAutoplayStop' | 'swiperAutoplayPause';
+type InteractionActionType = 'fadeIn' | 'fadeOut' | 'moveUp' | 'moveDown' | 'moveLeft' | 'moveRight' | 'scaleIn' | 'scaleOut' | 'rotate' | 'clipReveal' | 'zoomOut' | 'revealText' | 'countUp' | 'parallax' | 'progressBar' | 'show' | 'hide' | 'toggleVisibility' | 'setContext' | 'clearContext' | 'openDialog' | 'closeDialog' | 'toggleDialog' | 'openPopover' | 'closePopover' | 'togglePopover' | 'showToast' | 'openItem' | 'closeItem' | 'toggleItem' | 'navigate' | 'scrollTo' | 'submitForm' | 'copyToClipboard' | 'grantConsent' | 'denyConsent' | 'setConsentCategory' | 'openConsentPreferences' | 'addToCart' | 'startCheckout' | 'swiperNext' | 'swiperPrev' | 'swiperGoToSlide' | 'swiperAutoplayStart' | 'swiperAutoplayStop' | 'swiperAutoplayPause';
 interface InteractionAction {
     type: InteractionActionType;
     /** 'self' targets the node that owns the interaction; otherwise a node ID. */
@@ -665,6 +666,8 @@ interface PageSettings {
     /** Created with (or adopted into) the design system (DS3): unset style falls back to the org's
      *  page-bg / text / font-body tokens (`compilePageStyle`). Absent on every page saved before DS3. */
     designSystem?: boolean;
+    /** The colour scheme of the ground the page opens on (a composed page, iox-ui#71): the site header follows it. */
+    opening?: string;
 }
 declare function defaultPageSettings(): PageSettings;
 declare enum ToolbarAction {
@@ -1914,6 +1917,10 @@ declare class InteractionEngineService {
      * builder canvas and the live site behave identically.
      */
     private applyContextAction;
+    private executeShopAction;
+    /** The product a shop part on the canvas belongs to: its row's, else the route item's, else the page's first —
+     *  else the sample (board 10's vase), so an unbound part is still designable. */
+    productFor(el: Element | null): StorefrontProduct;
     /** The repeater item this element belongs to — the nearest marked row ancestor. */
     private rowItemFor;
     /** Resolved data for the canvas, kept current by the repeater as it fetches. */
@@ -2298,6 +2305,10 @@ declare class BuilderComponent implements OnInit, AfterViewInit, OnChanges, OnDe
      * Only nodes that read a slot are touched; nothing else re-renders (trap T2).
      */
     private readonly contextEffect;
+    /** Commerce E1c: the shop parts run on the canvas — the live site's runtime over an in-memory SAMPLE bag that starts
+     *  with one line (so the drawer has a line to design) and is never written anywhere. */
+    private canvasShop;
+    private readonly instanceRegistry;
     layout: ComponentNode[];
     dataSources: IoxDataSource[];
     orgId: string;
@@ -2432,6 +2443,9 @@ declare class BuilderComponent implements OnInit, AfterViewInit, OnChanges, OnDe
      *  the site global elements sit inside <body> and inherit it; on the canvas they are a sibling
      *  layer of the page, so they get it explicitly. Never the background (it would cover the page). */
     globalLayerCss: Record<string, string>;
+    /** The scheme the page opens on (`pageSettings.opening`), on the header's layer as `data-iox-opening`: the site header
+     *  wears it on the canvas as on the site (iox-ui#71). Null — the header keeps its own. */
+    openingScheme: string | null;
     /** The page reserves a bottom bar's height on the canvas where the bar shows (CC1 R1) — design-core's
      *  `barReserveClass` of the bar among the globals, or null. A field, recomputed when globals change. */
     canvasBarReserve: string | null;
@@ -2512,6 +2526,8 @@ declare class BuilderComponent implements OnInit, AfterViewInit, OnChanges, OnDe
      * showToast row) so the author styles them on the canvas — never saved, never an undo step.
      */
     private attachCanvasFloating;
+    private attachCanvasShop;
+    private findByRole;
     private applyFloatingDesign;
     /** The element carrying a node's tooltip on the canvas (its host or the element inside it the a11y sync wrote on). */
     private tooltipTriggerOf;
@@ -4459,14 +4475,23 @@ declare enum CompositePresetId {
     Scene = "scene",
     Marquee = "marquee",
     Counter = "counter",
-    ReadingBar = "reading-bar"
+    ReadingBar = "reading-bar",
+    Price = "shop-price",
+    Variants = "shop-variants",
+    Quantity = "shop-quantity",
+    AddToCart = "shop-add",
+    BuyNow = "shop-buy-now",
+    CartButton = "shop-cart-button",
+    CartDrawer = "shop-cart-drawer"
 }
 /** Where a composite sits in the Components panel (composite plan §6d): content blocks, or the interactive
  *  composites (the Accordion — CC2, the Disclosure — CC2.1, Tabs — CC4a, the Segmented control — CC4b; the floating
  *  family later). */
 declare enum CompositePaletteGroup {
     ContentBlocks = "content-blocks",
-    Interactive = "interactive"
+    Interactive = "interactive",
+    /** Commerce E1c (C-D16, commerce board 10): the parts a product page and the bag are built from. */
+    Shop = "shop"
 }
 interface CompositePresetDef {
     id: CompositePresetId;

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@vectoriox/iox-builder",
-  "version": "11.16.0",
+  "version": "11.18.0",
   "peerDependencies": {
     "@angular/common": ">=20.0.0",
     "@angular/core": ">=20.0.0",
     "@angular/animations": ">=20.0.0",
     "@angular/cdk": ">=20.0.0",
-    "@vectoriox/iox-ui": ">=5.88.0",
+    "@vectoriox/iox-ui": ">=5.95.0",
     "interactjs": "^1.10.27",
     "primeng": ">=20.0.0",
     "swiper": ">=12.0.0",