@vectoriox/iox-builder 9.5.1 → 9.5.2

package/fesm2022/vectoriox-iox-builder.mjs

@@ -984,6 +984,23 @@ const HIDDEN_AT_REST_TYPES = ['Dialog'];
 function isHiddenAtRest(node) {
     return !!node?.type && HIDDEN_AT_REST_TYPES.includes(node.type);
 }
+/**
+ * How the selection shows a node hidden at rest — the two approved rules, by what the node IS:
+ * - a PART of a composite (it carries a `role`: the mobile menu's drawer) follows R2 (board 3): the
+ *   selection is the reveal, and moving it out of the part hides it again;
+ * - a free-standing overlay (a plain Dialog) follows board A4: selecting it opens it, and it stays open
+ *   while the author works elsewhere, until its X, its backdrop or the eye closes it.
+ */
+var SelectionReveal;
+(function (SelectionReveal) {
+    SelectionReveal["WhileSelected"] = "while-selected";
+    SelectionReveal["UntilClosed"] = "until-closed";
+})(SelectionReveal || (SelectionReveal = {}));
+function selectionRevealOf(node) {
+    if (!isHiddenAtRest(node))
+        return null;
+    return node?.role ? SelectionReveal.WhileSelected : SelectionReveal.UntilClosed;
+}
 /** Root → `target`, inclusive, across `roots` (page layout and globals), or [] when it is not there. */
 function pathToNode(roots, target) {
     for (const root of roots) {
@@ -4016,7 +4033,7 @@ var CanvasShowState;
  */
 class CanvasDesignStateService {
     constructor() {
-        this._state$ = new BehaviorSubject({ revealed: new Set(), shown: new Map() });
+        this._state$ = new BehaviorSubject({ revealed: new Set(), pinned: new Set(), shown: new Map() });
         this.state$ = this._state$.asObservable();
         this._pagePath$ = new BehaviorSubject(null);
         /** The app path of the page on the canvas (`/work`), or null when unknown. */
@@ -4033,13 +4050,31 @@ class CanvasDesignStateService {
         if (next !== this._pagePath$.value)
             this._pagePath$.next(next);
     }
-    /** The selection moved: the hidden-at-rest parts on its path are revealed, every other one is not. */
+    /**
+     * The selection moved. The hidden-at-rest PARTS on its path are revealed and every other part is not
+     * (R2); a free-standing overlay on the path is pinned open until it is closed (A4).
+     */
     setSelectionPath(path) {
-        const revealed = new Set(path.filter(isHiddenAtRest).map(n => n.id).filter((id) => !!id));
-        const current = this._state$.value.revealed;
-        if (revealed.size === current.size && [...revealed].every(id => current.has(id)))
+        const ids = (reveal) => path.filter(n => selectionRevealOf(n) === reveal).map(n => n.id).filter((id) => !!id);
+        const revealed = new Set(ids(SelectionReveal.WhileSelected));
+        const { revealed: was, pinned: held } = this._state$.value;
+        const pinned = new Set([...held, ...ids(SelectionReveal.UntilClosed)]);
+        if (sameSet(revealed, was) && sameSet(pinned, held))
             return;
-        this._state$.next({ ...this._state$.value, revealed });
+        this._state$.next({ ...this._state$.value, revealed, pinned });
+    }
+    /** Closed on the canvas (its X, its backdrop, the eye): no longer pinned or switched open. */
+    dismiss(nodeId) {
+        if (!nodeId)
+            return;
+        const { pinned, shown } = this._state$.value;
+        if (!pinned.has(nodeId) && !shown.has(nodeId))
+            return;
+        const nextPinned = new Set(pinned);
+        nextPinned.delete(nodeId);
+        const nextShown = new Map(shown);
+        nextShown.delete(nodeId);
+        this._state$.next({ ...this._state$.value, pinned: nextPinned, shown: nextShown });
     }
     /** The switcher's choice for one part (null = back to the saved default). */
     setShown(nodeId, state) {
@@ -4058,8 +4093,8 @@ class CanvasDesignStateService {
     isShown(nodeId) {
         if (!nodeId)
             return false;
-        const { revealed, shown } = this._state$.value;
-        return revealed.has(nodeId) || shown.get(nodeId) === CanvasShowState.Open;
+        const { revealed, pinned, shown } = this._state$.value;
+        return revealed.has(nodeId) || pinned.has(nodeId) || shown.get(nodeId) === CanvasShowState.Open;
     }
     /** True when the part is shown only because the selection is inside it (the switcher's hint line). */
     isRevealedBySelection(nodeId) {
@@ -4067,7 +4102,7 @@ class CanvasDesignStateService {
     }
     /** A new page on the canvas: nothing is revealed or switched open. */
     reset() {
-        this._state$.next({ revealed: new Set(), shown: new Map() });
+        this._state$.next({ revealed: new Set(), pinned: new Set(), shown: new Map() });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: CanvasDesignStateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: CanvasDesignStateService }); }
@@ -4075,6 +4110,9 @@ class CanvasDesignStateService {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.31", ngImport: i0, type: CanvasDesignStateService, decorators: [{
             type: Injectable
         }] });
+function sameSet(a, b) {
+    return a.size === b.size && [...a].every(id => b.has(id));
+}
 
 // Re-exported from the shared iox-ui package so iox-builder consumers
 // don't need to import from two different packages.
@@ -9601,7 +9639,14 @@ class BuilderDialogComponent {
         this.cdr.markForCheck();
     }
     openRuntime() { this.runtimeOpen = true; this.dismissed = false; this.recompute(); }
-    closeRuntime() { this.runtimeOpen = false; this.dismissed = true; this.recompute(); }
+    closeRuntime() {
+        this.runtimeOpen = false;
+        // Unpin it first (a free-standing dialog the selection opened, A4) — that emits and clears
+        // `dismissed`; then hide it even while the selection still sits inside a revealed part (R2).
+        this.designState?.dismiss(this.nodeId);
+        this.dismissed = true;
+        this.recompute();
+    }
     ngOnInit() {
         // Board A4: "Closed later? Click it [in the tree] and it reopens." Selection IS the
         // reopen signal — tree row, breadcrumb crumb, target-picker jump all land here.
@@ -9620,8 +9665,10 @@ class BuilderDialogComponent {
         // stays shut because nothing is selected on load.
         //
         // CC1 (R2, board 3): with the canvas design state present, "selected" means the selection is the
-        // dialog OR ANY PART INSIDE IT (a drawer link picked from the tree), and DESELECTING closes it
-        // again — a closed overlay has no canvas presence. The "Showing on canvas" switcher holds it open.
+        // dialog OR ANY PART INSIDE IT (a drawer link picked from the tree). A composite PART (the
+        // drawer, it carries a role) closes again when the selection leaves it; a free-standing Dialog
+        // stays open until its X / backdrop / the eye closes it, as A4 has it (selectionRevealOf).
+        // The "Showing on canvas" switcher holds a part open.
         if (this.designState) {
             this.stateSub = this.designState.state$.subscribe(() => { this.dismissed = false; this.recompute(); });
         }
@@ -12480,5 +12527,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, CompositePresetId, DEFAULT_ESSENTIAL_TRAITS, DRAG_HANDLE_ATTR, DROP_REFUSED_CLASS, DataSourceRegistryService, DataSourceType, DialogComponentConfig, DimensionsGroupStyleConfig, DragEngineService, EASING_OPTIONS$1 as 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, GalleryConfig, GroupStyleConfig, HIDDEN_AT_REST_LABEL_KEY, HIDDEN_AT_REST_TYPES, INSERT_REFUSAL_LABEL_KEYS, INTERACTION_STATES, INVERSE_ACTION, IOX_BUILDER_CANVAS, IOX_BUILDER_LABELS, IOX_DATA_SOURCE_ENDPOINTS, InsertRefusal, InteractionEngineService, InteractionPresetRegistryService, IoxBuilderModule, IoxDraggableDirective, IoxDropzoneDirective, LAYOUT_PRESETS, LayerTreeComponent, LayoutGroupStyleConfig, ListGroupStyleConfig, NodeAction, OverlayComponent, OverlayService, PALETTE_PRESET_DEFS, PanelChildComponent, PanelComponent, PanelEventService, PanelEventTypes, PanelTypes, PositionGroupStyleConfig, PresetRegistryService, RELATIONAL_STATES, RELATIONAL_STATE_BASE, REPEATER_SOURCE_PROP, REPEATER_TYPE, ROOT_ESCAPE_PX, ROUTE_ANIMATION_OPTIONS, RenderDirective, RepeaterComponentConfig, RootZone, SCREEN_WIDTH_OPTIONS, STRUCTURAL_STATES, SUPPORTED_STATES, SectionComponent, SectionComponentConfig, SizeGroupStyleConfig, SliderContainerComponent, SliderContainerConfig, SliderSlideComponent, SliderSlideConfig, SpacingGroupStyleConfig, StructureFix, StyleCategory, StyleRegistryService, TraitConfig as StyleTraitConfig, SubmitButtonComponentConfig, SymbolRegistryService, TARGETED_STATES, TARGETED_STATE_BASE, TRIGGER_OPTIONS, TextBlockComponentConfig, ToolbarAction, ToolbarComponent, TraitConfig, TraitInputType, TypographyGroupStyleConfig, UNITS_ALL, UNITS_DEG, UNITS_FIXED, UNITS_NO_VW, VALIDATION_STATES, VALIDATION_STATE_CLASS, ViewportService, ZOOM_OPTIONS, arrayItemSchemaFields, arraySchemaFields, auditNodes, bindingLabel, bindingLabels, buildCompositePreset, buildConsentPreset, buildElementStyleSpecimen, buildFieldKindPreset, buildFlavorSpecimen, buildFormPreset, buildFullStyleTraits, buildLayoutPreset, buildPalettePreset, buildPresetStyleTraits, builderCompositeFactory, canFluidise, canvasEmptyImageLabel, collapseColumnsProps, columnCountOf, defaultBuilderLabels, defaultPageSettings, dropTargetLabel, escapesRoot, essentialTraitsFor, findNodeLocation, findParentOf, flattenLayerTree, flattenSchemaFields, fluidiseProps, generateNodeId, insertRefusal, insertRefusalLabel, isHiddenAt, isHiddenAtRest, isSpecimen, markSpecimen, matchesControlSearch, nearestFormNode, nodeAncestorPath, nodeAncestorPathInEither, nodeStyleMap, pathToNode, refreshSubtree, removalRefusal, reorderProps, repeaterSourceAlias, repeaterSubLabel, resolveInsertTarget, resolveTraitControllerType, resolveTraitOptions, rootEscapeBand, rootZone, setStyleTrait, setTrait, stackChildrenProps, summarise, syncEmptyImagePlaceholder, syncNodeDesign, syncNodeInputs, 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, ButtonBlockComponentConfig, CANVAS_EMPTY_IMAGE_LABEL_EN, CANVAS_EMPTY_IMAGE_LABEL_KEY, CANVAS_ROOT_RESET_CSS, COMPOSITE_PRESETS, CanvasDesignStateService, CanvasShowState, CardComponentConfig, ChildLayoutGroupStyleConfig, ComponentConfig, ComponentRegistryService, CompositePresetId, DEFAULT_ESSENTIAL_TRAITS, DRAG_HANDLE_ATTR, DROP_REFUSED_CLASS, DataSourceRegistryService, DataSourceType, DialogComponentConfig, DimensionsGroupStyleConfig, DragEngineService, EASING_OPTIONS$1 as 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, GalleryConfig, GroupStyleConfig, HIDDEN_AT_REST_LABEL_KEY, HIDDEN_AT_REST_TYPES, INSERT_REFUSAL_LABEL_KEYS, INTERACTION_STATES, INVERSE_ACTION, IOX_BUILDER_CANVAS, IOX_BUILDER_LABELS, IOX_DATA_SOURCE_ENDPOINTS, InsertRefusal, InteractionEngineService, InteractionPresetRegistryService, IoxBuilderModule, IoxDraggableDirective, IoxDropzoneDirective, LAYOUT_PRESETS, LayerTreeComponent, LayoutGroupStyleConfig, ListGroupStyleConfig, NodeAction, OverlayComponent, OverlayService, PALETTE_PRESET_DEFS, PanelChildComponent, PanelComponent, PanelEventService, PanelEventTypes, PanelTypes, PositionGroupStyleConfig, PresetRegistryService, RELATIONAL_STATES, RELATIONAL_STATE_BASE, REPEATER_SOURCE_PROP, REPEATER_TYPE, ROOT_ESCAPE_PX, ROUTE_ANIMATION_OPTIONS, RenderDirective, RepeaterComponentConfig, RootZone, SCREEN_WIDTH_OPTIONS, 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, TRIGGER_OPTIONS, TextBlockComponentConfig, ToolbarAction, ToolbarComponent, TraitConfig, TraitInputType, TypographyGroupStyleConfig, UNITS_ALL, UNITS_DEG, UNITS_FIXED, UNITS_NO_VW, VALIDATION_STATES, VALIDATION_STATE_CLASS, ViewportService, ZOOM_OPTIONS, arrayItemSchemaFields, arraySchemaFields, auditNodes, bindingLabel, bindingLabels, buildCompositePreset, buildConsentPreset, buildElementStyleSpecimen, buildFieldKindPreset, buildFlavorSpecimen, buildFormPreset, buildFullStyleTraits, buildLayoutPreset, buildPalettePreset, buildPresetStyleTraits, builderCompositeFactory, canFluidise, canvasEmptyImageLabel, collapseColumnsProps, columnCountOf, defaultBuilderLabels, defaultPageSettings, dropTargetLabel, escapesRoot, essentialTraitsFor, findNodeLocation, findParentOf, flattenLayerTree, flattenSchemaFields, fluidiseProps, generateNodeId, insertRefusal, insertRefusalLabel, isHiddenAt, isHiddenAtRest, isSpecimen, markSpecimen, matchesControlSearch, nearestFormNode, nodeAncestorPath, nodeAncestorPathInEither, nodeStyleMap, pathToNode, refreshSubtree, removalRefusal, reorderProps, repeaterSourceAlias, repeaterSubLabel, resolveInsertTarget, resolveTraitControllerType, resolveTraitOptions, rootEscapeBand, rootZone, selectionRevealOf, setStyleTrait, setTrait, stackChildrenProps, summarise, syncEmptyImagePlaceholder, syncNodeDesign, syncNodeInputs, textNode, upsertNodeStyles, visibilityProps, walkNodes, wrapNode };
 //# sourceMappingURL=vectoriox-iox-builder.mjs.map