@vectoriox/iox-ui 5.84.0 → 5.85.0

package/fesm2022/vectoriox-iox-ui-generation-core.mjs

@@ -2,7 +2,7 @@ import { NEW_NODE_STYLE_DEFAULTS, defaultElementStyleFor, elementStyleById, owne
 import { formPresetById, FORM_ACTIONS_ROLE, channelOpensNewTab, FORM_CHANNEL_ROLE, planFormPresetIds, ControlType, FORM_NODE_TYPE, collectFormSpec, FIELD_NODE_TYPE, isChannelFilled } from '@vectoriox/iox-ui/forms-core';
 import { normalizeFrameSequence, filmScreensFor, FILM_PREPARED_PICTURES, FrameExtension } from '@vectoriox/iox-ui/media-core';
 import { SEO_DESCRIPTION_MAX, SEO_TITLE_MAX } from '@vectoriox/iox-ui/seo-core';
-import { pickTabsAutoBinds, pickAccordionAutoBinds, segmentedOptions, ITEM_OPEN_STATE, CardPart, CardRole, CardLayout, CARD_LAYOUTS, CARD_PARTS, BADGE_TONES, buildCardRecipe, findByRole, buildSegmentedRecipe, AccordionRole, buildAccordionRecipe, ACCORDION_WORDS, accordionItems, accordionQuestionOf, accordionAnswerOf, ACCORDION_BIND_PROP, ACCORDION_CONTENT_LIMIT, buildTabsRecipe, TABS_WORDS, tabsTriggers, tabLabelNodeOf, TABS_LABEL_BIND_PROP, tabsPanels, tabPanelTextOf, TABS_TEXT_BIND_PROP, tabPanelImageOf, tabsListOf, tabsPanelsOf, TABS_CONTENT_LIMIT, TABS_IMAGE_BIND_PROP, buildCarouselRecipe, SLIDE_TYPE, buildLightboxRecipe, LIGHTBOX_LABEL, SLIDE_TO_ROW } from '@vectoriox/iox-ui/composite-core';
+import { pickTabsAutoBinds, pickAccordionAutoBinds, segmentedOptions, ITEM_OPEN_STATE, CardPart, CardRole, CardLayout, CARD_LAYOUTS, CARD_PARTS, BADGE_TONES, buildCardRecipe, findByRole, buildSegmentedRecipe, AccordionRole, buildAccordionRecipe, ACCORDION_WORDS, accordionItems, accordionQuestionOf, accordionAnswerOf, ACCORDION_BIND_PROP, ACCORDION_CONTENT_LIMIT, buildTabsRecipe, TABS_WORDS, tabsTriggers, tabLabelNodeOf, TABS_LABEL_BIND_PROP, tabsPanels, tabPanelTextOf, TABS_TEXT_BIND_PROP, tabPanelImageOf, tabsListOf, tabsPanelsOf, TABS_CONTENT_LIMIT, TABS_IMAGE_BIND_PROP, buildCarouselRecipe, SLIDE_TYPE, buildLightboxRecipe, LIGHTBOX_LABEL, SLIDE_TO_ROW, setHeaderBehaviour } from '@vectoriox/iox-ui/composite-core';
 import { ELEMENT_ACTION_DESCRIPTORS, resolveActionAvailability } from '@vectoriox/iox-ui/actions-core';
 
 // GENERATED from iox-ai-guidance flavor-spec.v1.json — do not edit; re-run scripts/gen-flavor-spec.mjs
@@ -1146,6 +1146,10 @@ const SPEC_SITE_PATTERNS = {
         "label": "Navigation bar",
         "global": "before",
         "phoneMenu": "drawer",
+        "header": {
+            "behaviour": "hides",
+            "edge": "fade"
+        },
         "intent": "The brand on one side, the pages and one call to action on the other — the default header.",
         "node": {
             "t": "Container",
@@ -1215,6 +1219,10 @@ const SPEC_SITE_PATTERNS = {
         "label": "Navigation — the name centred",
         "global": "before",
         "phoneMenu": "drawer",
+        "header": {
+            "behaviour": "hides",
+            "edge": "fade"
+        },
         "intent": "The name centred above a centred row of pages — when the name is the brand.",
         "node": {
             "t": "Container",
@@ -6581,7 +6589,9 @@ const NODE_BASELINES = {
             "defaultOn",
             "activateOn",
             "orientation",
-            "ariaLabel"
+            "ariaLabel",
+            "headerBehaviour",
+            "headerEdge"
         ],
         "styleTraits": [
             "position",
@@ -9004,6 +9014,10 @@ const NODE_BASELINES = {
             "slideToClickedSlide": false,
             "effect": "slide",
             "speed": 300,
+            "scrollPlays": false,
+            "controlsPlacement": "under",
+            "enableCaption": false,
+            "enableCount": false,
             "enableNavigation": false,
             "navigationColor": "#ffffff",
             "navigationSize": 44,
@@ -9111,7 +9125,11 @@ const NODE_BASELINES = {
             "__effectsLabel",
             "effect",
             "speed",
+            "scrollPlays",
             "__navLabel",
+            "controlsPlacement",
+            "enableCaption",
+            "enableCount",
             "enableNavigation",
             "navigationColor",
             "navigationSize",
@@ -9216,7 +9234,9 @@ const NODE_BASELINES = {
         "container": true
     },
     "SliderSlide": {
-        "props": {},
+        "props": {
+            "caption": ""
+        },
         "styleProps": {
             "position": "static",
             "top": "auto",
@@ -9295,7 +9315,9 @@ const NODE_BASELINES = {
             "transitionDelay": "0ms",
             "transitionTimingFunction": "ease"
         },
-        "traits": [],
+        "traits": [
+            "caption"
+        ],
         "styleTraits": [
             "position",
             "top",
@@ -14411,6 +14433,13 @@ function composeSite(plan, context) {
         if (shape)
             globals = planNavShape(globals, shape, {}, slot).globals;
     }
+    // Premium M4 (T2): a header pattern's behaviour as the page scrolls — the same edit the Header section makes.
+    for (const slot of Object.values(GlobalSlot)) {
+        const header = patternById(plan.globals[slot])?.header;
+        const root = header ? globals.find(g => g.id === slot) : null;
+        if (header && root)
+            setHeaderBehaviour(root, header.behaviour, header.edge ?? null);
+    }
     return {
         source: clone$1(plan.source),
         business: clone$1(plan.business),
@@ -14471,6 +14500,8 @@ function composeNavHeader(input, options) {
     root.globalPosition = pattern.global;
     const shape = pattern.phoneMenu;
     const header = shape ? planNavShape([root], shape, { newId: options.newId }, root.id).globals[0] : root;
+    if (pattern.header)
+        setHeaderBehaviour(header, pattern.header.behaviour, pattern.header.edge ?? null);
     return { header, issues };
 }
 // ── One pattern on its own (CC4b) ───────────────────────────────────────────────────────────────