@vectoriox/iox-builder 11.2.0 → 11.3.0

package/fesm2022/vectoriox-iox-builder.mjs

@@ -31,6 +31,7 @@ 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 { entranceInteraction, entranceAction, sectionEntrances, EntrancePart } from '@vectoriox/iox-ui/generation-core';
 import { ConsentCategory } from '@vectoriox/iox-ui/consent-core';
 
 /**
@@ -13186,6 +13187,127 @@ function buildFlavorSpecimen(name, createConfig, copy) {
         root.label = 'Look specimen';
     return markSpecimen(withChildren(root, [withChildren(dots, dotNodes), primary, card]));
 }
+// ── The business specimen (AI plan rev 3.1 §3o, H4-1) ────────────────────────────────────────────────────────
+/** Which state of the specimen: the page, or "one card, opened" — the second state Preview changes page into. */
+var BusinessSpecimenView;
+(function (BusinessSpecimenView) {
+    BusinessSpecimenView["Home"] = "home";
+    BusinessSpecimenView["Item"] = "item";
+})(BusinessSpecimenView || (BusinessSpecimenView = {}));
+/** The families the specimen's blocks stand for — the contract's `animationFamilies` keys. */
+var SpecimenFamily;
+(function (SpecimenFamily) {
+    SpecimenFamily["Hero"] = "hero";
+    SpecimenFamily["Collection"] = "collection";
+    SpecimenFamily["Feature"] = "feature";
+    SpecimenFamily["Contact"] = "contact";
+    SpecimenFamily["Detail"] = "detail";
+})(SpecimenFamily || (SpecimenFamily = {}));
+const CARD_COUNT = 3;
+function stamper(rtl) {
+    return (node, spec, index = 0) => {
+        if (!node?.id || !spec)
+            return;
+        node.interactions = [...(node.interactions ?? []), entranceInteraction(node.id, entranceAction(spec, { index, rtl }))];
+    };
+}
+/**
+ * A block of the specimen and its entrances: with `content` the block's children enter together, once; otherwise
+ * each named part enters on its own (items one after another).
+ */
+function block(createConfig, family, opts, children, parts, styles = {}) {
+    const node = withChildren(styled(box(createConfig), { display: 'grid', gap: '16px', width: '100%', ...styles }), children);
+    if (!node)
+        return null;
+    const plan = sectionEntrances(opts.animate, family);
+    const stamp = stamper(!!opts.rtl);
+    if (plan.content) {
+        node.children.forEach(child => stamp(child, plan.content));
+        return node;
+    }
+    for (const [part, nodes] of Object.entries(parts)) {
+        nodes.forEach((n, i) => stamp(n, plan.parts[part], i));
+    }
+    return node;
+}
+function heading(styleId, content, level, createConfig) {
+    const node = wearing(createConfig('Heading'), styleId);
+    if (!node)
+        return null;
+    setTrait(node, 'content', content);
+    setTrait(node, 'level', level);
+    return styled(node, { margin: '0' });
+}
+/** A picture: the owner's photo, or the design system's empty box (a marked Image with no source). */
+function picture(createConfig, aspectRatio, src = '') {
+    const node = wearing(createConfig('Image'), 'media');
+    if (!node)
+        return null;
+    setTrait(node, 'src', src);
+    return styled(node, { width: '100%', height: 'auto', aspectRatio });
+}
+function card(copy, createConfig, index) {
+    return boxed('card', createConfig, [
+        picture(createConfig, '4 / 3', index === 0 ? copy.photo : ''),
+        heading('h3', copy.cardTitle, 'h3', createConfig),
+        text(copy.cardText, createConfig, 'small'),
+    ], { display: 'grid', gap: '8px', alignContent: 'start', minWidth: '0' });
+}
+function wordmark(copy, createConfig) {
+    return text(copy.name, createConfig, undefined, {
+        fontFamily: 'var(--iox-font-display)', fontWeight: 'var(--iox-weight-display)', fontSize: '18px', color: 'var(--iox-text)',
+    });
+}
+function homeView(copy, createConfig, opts) {
+    const words = withChildren(styled(box(createConfig), { display: 'grid', gap: '14px', maxWidth: '640px' }), [
+        text(copy.eyebrow, createConfig, 'eyebrow'),
+        heading('display', copy.headline, 'h1', createConfig),
+        text(copy.lead, createConfig, 'lead'),
+        withChildren(styled(box(createConfig), { display: 'flex', flexWrap: 'wrap', gap: '12px' }), [
+            button('button-primary', copy.primary, createConfig),
+            button('button-secondary', copy.secondary, createConfig),
+        ]),
+    ]);
+    const hero = block(createConfig, SpecimenFamily.Hero, opts, [words], { [EntrancePart.HeroText]: [words] });
+    const listHeading = heading('h2', copy.listHeading, 'h2', createConfig);
+    const cards = Array.from({ length: CARD_COUNT }, (_, i) => card(copy, createConfig, i));
+    const cardRow = withChildren(styled(box(createConfig), { display: 'grid', gridTemplateColumns: 'repeat(3, minmax(0, 1fr))', gap: '14px' }), cards);
+    const collection = block(createConfig, SpecimenFamily.Collection, opts, [listHeading, cardRow], { [EntrancePart.Heading]: [listHeading], [EntrancePart.Items]: cards });
+    const rowPicture = picture(createConfig, '16 / 10');
+    const rowHeading = heading('h2', copy.rowHeading, 'h2', createConfig);
+    const rowWords = withChildren(styled(box(createConfig), { display: 'grid', gap: '10px', alignContent: 'center' }), [rowHeading, text(copy.rowText, createConfig, 'body')]);
+    const feature = block(createConfig, SpecimenFamily.Feature, opts, [rowPicture, rowWords], { [EntrancePart.Heading]: [rowHeading], [EntrancePart.RowMedia]: [rowPicture] }, { gridTemplateColumns: 'minmax(0, 1.1fr) minmax(0, 1fr)', gap: '18px', alignItems: 'start' });
+    const field = createConfig('Field');
+    if (field) {
+        setTrait(field, 'label', copy.fieldLabel);
+        setTrait(field, 'control', 'email');
+    }
+    const formHeading = heading('h3', copy.formHeading, 'h3', createConfig);
+    const contactCard = boxed('card', createConfig, [formHeading, field ?? null, button('button-primary', copy.send, createConfig, { justifySelf: 'start' })], { display: 'grid', gap: '14px', alignContent: 'start', maxWidth: '420px' });
+    const contact = block(createConfig, SpecimenFamily.Contact, opts, [contactCard], { [EntrancePart.Heading]: [formHeading] });
+    return [hero, collection, feature, contact];
+}
+function itemView(copy, createConfig, opts) {
+    const title = heading('display', copy.cardTitle, 'h1', createConfig);
+    const media = picture(createConfig, '16 / 8', copy.photo);
+    return [block(createConfig, SpecimenFamily.Detail, opts, [text(copy.listHeading, createConfig, 'eyebrow'), title, media, text(copy.cardText, createConfig, 'lead')], { [EntrancePart.Heading]: [title], [EntrancePart.Media]: [media] })];
+}
+/**
+ * The Design step's canvas (AI plan rev 3.1 §3o, H4-1): the business's own name and words, in four blocks a real
+ * page would have — a hero (wordmark, eyebrow, headline, lead, two buttons), a collection (a heading, three
+ * cards), a feature row (a picture beside a heading and a paragraph) and a contact card (one field and its
+ * button) — or, as `BusinessSpecimenView.Item`, one card opened. Ordinary nodes wearing element styles, rendered
+ * through `[ioxRender]` like every specimen; display-only. Each block carries the entrances the look's How
+ * animated stamps (the shared `sectionEntrances`), played by the canvas's own interaction runtime. No navigation
+ * and no page names. A right-to-left business is drawn by its host's `dir`; only a side picture's slide mirrors here.
+ */
+function buildBusinessSpecimen(copy, createConfig, opts = {}) {
+    const blocks = opts.view === BusinessSpecimenView.Item ? itemView(copy, createConfig, opts) : homeView(copy, createConfig, opts);
+    const root = withChildren(styled(box(createConfig), { display: 'grid', gap: '28px', alignContent: 'start', padding: '30px 36px 36px', width: '100%' }), [wordmark(copy, createConfig), ...blocks]);
+    if (root)
+        root.label = 'Business specimen';
+    return markSpecimen(root);
+}
 
 /**
  * Dialog (actions plan A1b) — an ordinary container whose children are normal nodes, rendered
@@ -14131,5 +14253,5 @@ class BuilderSpacerComponentConfig extends ComponentConfig {
  * Generated bundle index. Do not edit.
  */
 
-export { ACTION_TYPE_OPTIONS, AuditCode, AuditPanelComponent, AuditSeverity, BODY_CRUMB_LABEL, BOUND_ICON, BREAKPOINT_PRESENTATION, BUILDER_CANVAS_CONTAINER, BUILDER_CHROME_EN, BUILDER_FONT_LINK_ATTR, BUILDER_TOKEN_SCOPE_CLASS, BackgroundGroupStyleConfig, BorderGroupStyleConfig, BreadcrumbBarComponent, BuilderButtonBlockComponent, BuilderButtonComponentConfig, BuilderClipboardService, BuilderComponent, BuilderContainerComponent, BuilderContainerComponentConfig, BuilderDataSourceService, BuilderDialogComponent, BuilderDividerComponentConfig, BuilderHeadingComponentConfig, BuilderHistoryService, BuilderIconComponentConfig, BuilderImageComponentConfig, BuilderLinkComponentConfig, BuilderLinkedContainerComponent, BuilderLinkedContainerConfig, BuilderListComponentConfig, BuilderListItemComponentConfig, BuilderMode, BuilderRepeaterComponent, BuilderSpacerComponentConfig, ButtonBlockComponentConfig, CANVAS_EMPTY_IMAGE_LABEL_EN, CANVAS_EMPTY_IMAGE_LABEL_KEY, CANVAS_ROOT_RESET_CSS, COMPOSITE_PRESETS, CanvasDesignStateService, CanvasShowState, CardComponentConfig, ChildLayoutGroupStyleConfig, ComponentConfig, ComponentRegistryService, CompositeCanvasService, CompositePaletteGroup, CompositePresetId, DEFAULT_ESSENTIAL_TRAITS, DESCRIPTOR_MAX_LENGTH, DRAG_HANDLE_ATTR, DROP_REFUSED_CLASS, DataSourceRegistryService, DataSourceType, DialogComponentConfig, DimensionsGroupStyleConfig, DragEngineService, EASING_OPTIONS, EDITOR_CHROME_ATTRIBUTE, ESSENTIAL_TRAITS_BY_TYPE, EffectsGroupStyleConfig, FIELD_KIND_PRESETS, FIELD_PARTS, FORM_STATE_BLOCK_TYPES, FORM_TYPE, FieldComponentConfig, FieldGroupComponentConfig, FormComponentConfig, FormErrorComponentConfig, FormStateService, FormSuccessComponentConfig, GLOBALS_AFTER_CLASS, GalleryConfig, GlobalCanvasLayer, GroupStyleConfig, HIDDEN_AT_REST_LABEL_KEY, HIDDEN_AT_REST_ROLES, HIDDEN_AT_REST_TYPES, INSERT_REFUSAL_LABEL_KEYS, INTERACTION_STATES, INVERSE_ACTION, IOX_BUILDER_CANVAS, IOX_BUILDER_LABELS, IOX_CONTENT_TYPE_LABELS, IOX_DATA_SOURCE_ENDPOINTS, InsertRefusal, InteractionEngineService, InteractionPresetRegistryService, IoxBuilderModule, IoxDraggableDirective, IoxDropzoneDirective, LAYOUT_PRESETS, LayerTreeComponent, LayoutGroupStyleConfig, ListGroupStyleConfig, NodeAction, OverlayComponent, OverlayService, PAGE_TRANSITION_EASING_OPTIONS, PALETTE_PRESET_DEFS, PanelChildComponent, PanelComponent, PanelEventService, PanelEventTypes, PanelTypes, PositionGroupStyleConfig, PresetRegistryService, RELATIONAL_STATES, RELATIONAL_STATE_BASE, REPEATER_SOURCE_PROP, REPEATER_TYPE, REVEALED_WHILE_SELECTED_ROLES, ROOT_ESCAPE_PX, ROUTE_ANIMATION_OPTIONS, RenderDirective, RepeaterComponentConfig, RootZone, SCREEN_WIDTH_OPTIONS, SILENT_REFUSALS, STRUCTURAL_STATES, SUPPORTED_STATES, SectionComponent, SectionComponentConfig, SelectionReveal, SizeGroupStyleConfig, SliderContainerComponent, SliderContainerConfig, SliderSlideComponent, SliderSlideConfig, SpacingGroupStyleConfig, StructureFix, StyleCategory, StyleRegistryService, TraitConfig as StyleTraitConfig, SubmitButtonComponentConfig, SymbolRegistryService, TARGETED_STATES, TARGETED_STATE_BASE, TOGGLE_PART_ROLES, TRIGGER_OPTIONS, TextBlockComponentConfig, ToolbarAction, ToolbarComponent, TraitConfig, TraitInputType, TypographyGroupStyleConfig, UNITS_ALL, UNITS_DEG, UNITS_FIXED, UNITS_NO_VW, VALIDATION_STATES, VALIDATION_STATE_CLASS, VideoConfig, ViewportService, ZOOM_OPTIONS, arrayItemSchemaFields, arraySchemaFields, auditNodes, bindingLabel, bindingLabels, buildCompositePreset, buildConsentPreset, buildElementStyleSpecimen, buildFieldKindPreset, buildFlavorSpecimen, buildFormPreset, buildFullStyleTraits, buildLayoutPreset, buildPalettePreset, buildPresetStyleTraits, builderCompositeFactory, canFluidise, canvasEmptyImageLabel, canvasHostDisplay, collapseColumnsProps, columnCountOf, compositeStructureFindings, defaultBuilderLabels, defaultPageSettings, deleteTabPair, displayTriggerOf, dropChildren, dropTargetLabel, duplicateTabPair, escapesRoot, essentialTraitsFor, findNodeLocation, findParentOf, flattenLayerTree, flattenSchemaFields, fluidiseProps, generateNodeId, globalCanvasLayer, hiddenAtBase, hiddenUntilItemOn, insertRefusal, insertRefusalLabel, interactionTargets, isHiddenAt, isHiddenAtRest, isPinnedGlobal, isSpecimen, itemsOnAtRest, markSpecimen, matchesControlSearch, nearestFormNode, neverShown, nodeAncestorPath, nodeAncestorPathInEither, nodeDescriptor, nodeStyleMap, overlayGlobals, pathToNode, refreshSubtree, regenerateNodeIds, removalRefusal, reorderProps, repeaterSourceAlias, repeaterSubLabel, resolveInsertTarget, resolveTraitControllerType, resolveTraitOptions, retypeNode, rootEscapeBand, rootZone, selectionRevealOf, setStyleTrait, setTrait, shortDescriptor, shownBeforeControl, sourceContentType, sourceTypeLabel, stackChildrenProps, summarise, syncEmptyImagePlaceholder, syncNodeDesign, syncNodeInputs, tabPairLabel, tabsRootForPart, textNode, upsertNodeStyles, visibilityProps, walkNodes, wrapNode };
+export { ACTION_TYPE_OPTIONS, AuditCode, AuditPanelComponent, AuditSeverity, BODY_CRUMB_LABEL, BOUND_ICON, BREAKPOINT_PRESENTATION, BUILDER_CANVAS_CONTAINER, BUILDER_CHROME_EN, BUILDER_FONT_LINK_ATTR, BUILDER_TOKEN_SCOPE_CLASS, BackgroundGroupStyleConfig, BorderGroupStyleConfig, BreadcrumbBarComponent, BuilderButtonBlockComponent, BuilderButtonComponentConfig, BuilderClipboardService, BuilderComponent, BuilderContainerComponent, BuilderContainerComponentConfig, BuilderDataSourceService, BuilderDialogComponent, BuilderDividerComponentConfig, BuilderHeadingComponentConfig, BuilderHistoryService, BuilderIconComponentConfig, BuilderImageComponentConfig, BuilderLinkComponentConfig, BuilderLinkedContainerComponent, BuilderLinkedContainerConfig, BuilderListComponentConfig, BuilderListItemComponentConfig, BuilderMode, BuilderRepeaterComponent, BuilderSpacerComponentConfig, BusinessSpecimenView, ButtonBlockComponentConfig, CANVAS_EMPTY_IMAGE_LABEL_EN, CANVAS_EMPTY_IMAGE_LABEL_KEY, CANVAS_ROOT_RESET_CSS, COMPOSITE_PRESETS, CanvasDesignStateService, CanvasShowState, CardComponentConfig, ChildLayoutGroupStyleConfig, ComponentConfig, ComponentRegistryService, CompositeCanvasService, CompositePaletteGroup, CompositePresetId, DEFAULT_ESSENTIAL_TRAITS, DESCRIPTOR_MAX_LENGTH, DRAG_HANDLE_ATTR, DROP_REFUSED_CLASS, DataSourceRegistryService, DataSourceType, DialogComponentConfig, DimensionsGroupStyleConfig, DragEngineService, EASING_OPTIONS, EDITOR_CHROME_ATTRIBUTE, ESSENTIAL_TRAITS_BY_TYPE, EffectsGroupStyleConfig, FIELD_KIND_PRESETS, FIELD_PARTS, FORM_STATE_BLOCK_TYPES, FORM_TYPE, FieldComponentConfig, FieldGroupComponentConfig, FormComponentConfig, FormErrorComponentConfig, FormStateService, FormSuccessComponentConfig, GLOBALS_AFTER_CLASS, GalleryConfig, GlobalCanvasLayer, GroupStyleConfig, HIDDEN_AT_REST_LABEL_KEY, HIDDEN_AT_REST_ROLES, HIDDEN_AT_REST_TYPES, INSERT_REFUSAL_LABEL_KEYS, INTERACTION_STATES, INVERSE_ACTION, IOX_BUILDER_CANVAS, IOX_BUILDER_LABELS, IOX_CONTENT_TYPE_LABELS, IOX_DATA_SOURCE_ENDPOINTS, InsertRefusal, InteractionEngineService, InteractionPresetRegistryService, IoxBuilderModule, IoxDraggableDirective, IoxDropzoneDirective, LAYOUT_PRESETS, LayerTreeComponent, LayoutGroupStyleConfig, ListGroupStyleConfig, NodeAction, OverlayComponent, OverlayService, PAGE_TRANSITION_EASING_OPTIONS, PALETTE_PRESET_DEFS, PanelChildComponent, PanelComponent, PanelEventService, PanelEventTypes, PanelTypes, PositionGroupStyleConfig, PresetRegistryService, RELATIONAL_STATES, RELATIONAL_STATE_BASE, REPEATER_SOURCE_PROP, REPEATER_TYPE, REVEALED_WHILE_SELECTED_ROLES, ROOT_ESCAPE_PX, ROUTE_ANIMATION_OPTIONS, RenderDirective, RepeaterComponentConfig, RootZone, SCREEN_WIDTH_OPTIONS, SILENT_REFUSALS, STRUCTURAL_STATES, SUPPORTED_STATES, SectionComponent, SectionComponentConfig, SelectionReveal, SizeGroupStyleConfig, SliderContainerComponent, SliderContainerConfig, SliderSlideComponent, SliderSlideConfig, SpacingGroupStyleConfig, StructureFix, StyleCategory, StyleRegistryService, TraitConfig as StyleTraitConfig, SubmitButtonComponentConfig, SymbolRegistryService, TARGETED_STATES, TARGETED_STATE_BASE, TOGGLE_PART_ROLES, TRIGGER_OPTIONS, TextBlockComponentConfig, ToolbarAction, ToolbarComponent, TraitConfig, TraitInputType, TypographyGroupStyleConfig, UNITS_ALL, UNITS_DEG, UNITS_FIXED, UNITS_NO_VW, VALIDATION_STATES, VALIDATION_STATE_CLASS, VideoConfig, ViewportService, ZOOM_OPTIONS, arrayItemSchemaFields, arraySchemaFields, auditNodes, bindingLabel, bindingLabels, buildBusinessSpecimen, buildCompositePreset, buildConsentPreset, buildElementStyleSpecimen, buildFieldKindPreset, buildFlavorSpecimen, buildFormPreset, buildFullStyleTraits, buildLayoutPreset, buildPalettePreset, buildPresetStyleTraits, builderCompositeFactory, canFluidise, canvasEmptyImageLabel, canvasHostDisplay, collapseColumnsProps, columnCountOf, compositeStructureFindings, defaultBuilderLabels, defaultPageSettings, deleteTabPair, displayTriggerOf, dropChildren, dropTargetLabel, duplicateTabPair, escapesRoot, essentialTraitsFor, findNodeLocation, findParentOf, flattenLayerTree, flattenSchemaFields, fluidiseProps, generateNodeId, globalCanvasLayer, hiddenAtBase, hiddenUntilItemOn, insertRefusal, insertRefusalLabel, interactionTargets, isHiddenAt, isHiddenAtRest, isPinnedGlobal, isSpecimen, itemsOnAtRest, markSpecimen, matchesControlSearch, nearestFormNode, neverShown, nodeAncestorPath, nodeAncestorPathInEither, nodeDescriptor, nodeStyleMap, overlayGlobals, pathToNode, refreshSubtree, regenerateNodeIds, removalRefusal, reorderProps, repeaterSourceAlias, repeaterSubLabel, resolveInsertTarget, resolveTraitControllerType, resolveTraitOptions, retypeNode, rootEscapeBand, rootZone, selectionRevealOf, setStyleTrait, setTrait, shortDescriptor, shownBeforeControl, sourceContentType, sourceTypeLabel, stackChildrenProps, summarise, syncEmptyImagePlaceholder, syncNodeDesign, syncNodeInputs, tabPairLabel, tabsRootForPart, textNode, upsertNodeStyles, visibilityProps, walkNodes, wrapNode };
 //# sourceMappingURL=vectoriox-iox-builder.mjs.map