@vectoriox/iox-builder 9.2.0 → 9.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/vectoriox-iox-builder.mjs +376 -132
- package/fesm2022/vectoriox-iox-builder.mjs.map +1 -1
- package/index.d.ts +124 -14
- package/package.json +1 -1
package/index.d.ts
CHANGED
|
@@ -241,7 +241,7 @@ interface InteractionPreset {
|
|
|
241
241
|
name: string;
|
|
242
242
|
interactions: IoxInteraction[];
|
|
243
243
|
}
|
|
244
|
-
type ElementState = 'hover' | 'active' | 'focus' | 'first-child' | 'last-child' | 'nth-child(odd)' | 'nth-child(even)' | 'parent-hover' | 'trigger-hover' | 'wrong' | 'accepted';
|
|
244
|
+
type ElementState = 'hover' | 'active' | 'focus' | 'first-child' | 'last-child' | 'nth-child(odd)' | 'nth-child(even)' | 'parent-hover' | 'trigger-hover' | 'wrong' | 'accepted' | 'current';
|
|
245
245
|
/** Interaction pseudo-classes — compiled to .iox-node-{id}:state */
|
|
246
246
|
declare const INTERACTION_STATES: ElementState[];
|
|
247
247
|
/** Structural pseudo-classes — compiled to .iox-outer-{id}:state */
|
|
@@ -366,9 +366,10 @@ interface ComponentNode {
|
|
|
366
366
|
*/
|
|
367
367
|
elementStyle?: string;
|
|
368
368
|
/**
|
|
369
|
-
* The part this node plays in a composite (`card.title` — composite-components plan §3;
|
|
370
|
-
* in `@vectoriox/iox-ui`). Saved; read by the shared CSS (`iox-role-<role>` through
|
|
371
|
-
* the structure guard (a locked part is never deleted or moved out) and the
|
|
369
|
+
* The part this node plays in a composite (`card.title`, `nav.drawer` — composite-components plan §3;
|
|
370
|
+
* composite-core in `@vectoriox/iox-ui`). Saved; read by the shared CSS (`iox-role-<role>` through
|
|
371
|
+
* `nodeDesignClasses`), the structure guard (a locked part is never deleted or moved out) and the
|
|
372
|
+
* composite's editors. A navigation's roles are written by the composer and `planNavShape` (CC1).
|
|
372
373
|
*/
|
|
373
374
|
role?: string;
|
|
374
375
|
}
|
|
@@ -834,6 +835,56 @@ declare class FormStateService {
|
|
|
834
835
|
static ɵprov: i0.ɵɵInjectableDeclaration<FormStateService>;
|
|
835
836
|
}
|
|
836
837
|
|
|
838
|
+
/** What a hidden-at-rest part shows on the canvas when the author picks it in "Showing on canvas". */
|
|
839
|
+
declare enum CanvasShowState {
|
|
840
|
+
Closed = "closed",
|
|
841
|
+
Open = "open"
|
|
842
|
+
}
|
|
843
|
+
interface CanvasDesignSnapshot {
|
|
844
|
+
/** Hidden-at-rest parts the current SELECTION sits in (or is): shown while selected. */
|
|
845
|
+
revealed: ReadonlySet<string>;
|
|
846
|
+
/** "Showing on canvas" choices, by the part's node id. */
|
|
847
|
+
shown: ReadonlyMap<string, CanvasShowState>;
|
|
848
|
+
}
|
|
849
|
+
/**
|
|
850
|
+
* The canvas's DESIGN state (complex-components R2; composite plan §5a's CompositeDesignStateService,
|
|
851
|
+
* started here for the navigation and reused by Accordion in CC2): which parts that are hidden at rest
|
|
852
|
+
* — a closed drawer today, a collapsed panel or an inactive tab next — the canvas shows right now.
|
|
853
|
+
*
|
|
854
|
+
* Two sources, the Dialog's "selection is the reveal" and the Form's switcher, generalised:
|
|
855
|
+
* - **the selection** — selecting anything inside a hidden part (tree, breadcrumb, an Items row,
|
|
856
|
+
* SELECT_NODE) shows it; deselecting hides it again (`setSelectionPath`);
|
|
857
|
+
* - **"Showing on canvas"** — the Bindings panel's switcher, for the one case a selection cannot express:
|
|
858
|
+
* the page with the menu open while a part OUTSIDE it is selected (`setShown`).
|
|
859
|
+
*
|
|
860
|
+
* Canvas-only: never saved, never a history step. Also carries the canvas page's path, so a link to the
|
|
861
|
+
* page being edited renders as the current page (N2) — the same decision the live site makes.
|
|
862
|
+
*/
|
|
863
|
+
declare class CanvasDesignStateService {
|
|
864
|
+
private readonly _state$;
|
|
865
|
+
readonly state$: rxjs.Observable<CanvasDesignSnapshot>;
|
|
866
|
+
private readonly _pagePath$;
|
|
867
|
+
/** The app path of the page on the canvas (`/work`), or null when unknown. */
|
|
868
|
+
readonly pagePath$: rxjs.Observable<string | null>;
|
|
869
|
+
get snapshot(): CanvasDesignSnapshot;
|
|
870
|
+
get pagePath(): string | null;
|
|
871
|
+
setPagePath(path: string | null | undefined): void;
|
|
872
|
+
/** The selection moved: the hidden-at-rest parts on its path are revealed, every other one is not. */
|
|
873
|
+
setSelectionPath(path: ReadonlyArray<ComponentNode>): void;
|
|
874
|
+
/** The switcher's choice for one part (null = back to the saved default). */
|
|
875
|
+
setShown(nodeId: string, state: CanvasShowState | null): void;
|
|
876
|
+
/** The switcher's current choice for one part. */
|
|
877
|
+
shownState(nodeId: string | null | undefined): CanvasShowState;
|
|
878
|
+
/** True when the canvas shows the part: selected into, or switched open. */
|
|
879
|
+
isShown(nodeId: string | null | undefined): boolean;
|
|
880
|
+
/** True when the part is shown only because the selection is inside it (the switcher's hint line). */
|
|
881
|
+
isRevealedBySelection(nodeId: string | null | undefined): boolean;
|
|
882
|
+
/** A new page on the canvas: nothing is revealed or switched open. */
|
|
883
|
+
reset(): void;
|
|
884
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CanvasDesignStateService, never>;
|
|
885
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<CanvasDesignStateService>;
|
|
886
|
+
}
|
|
887
|
+
|
|
837
888
|
declare enum PanelEventTypes {
|
|
838
889
|
ELEMENT_SELECT = "elementselect",
|
|
839
890
|
ELEMENT_DESELECT = "elementdeselect",
|
|
@@ -970,6 +1021,8 @@ declare const defaultBuilderLabels: BuilderLabelResolver;
|
|
|
970
1021
|
* in one go rather than discovering keys one missing label at a time.
|
|
971
1022
|
*/
|
|
972
1023
|
declare const BUILDER_CHROME_EN: Readonly<Record<string, string>>;
|
|
1024
|
+
/** The layer tree's eye-slash title on a part hidden at rest (a closed drawer, R2). */
|
|
1025
|
+
declare const HIDDEN_AT_REST_LABEL_KEY = "builder.chrome.hiddenAtRest";
|
|
973
1026
|
declare const CANVAS_EMPTY_IMAGE_LABEL_KEY = "builder.chrome.addImage";
|
|
974
1027
|
declare const CANVAS_EMPTY_IMAGE_LABEL_EN: string;
|
|
975
1028
|
/**
|
|
@@ -1572,9 +1625,9 @@ declare class InteractionEngineService {
|
|
|
1572
1625
|
* element's own attach() fires.
|
|
1573
1626
|
*/
|
|
1574
1627
|
private pendingPreStates;
|
|
1575
|
-
/** Action types that animate an element from hidden → visible
|
|
1628
|
+
/** Action types that animate an element from hidden → visible / visible → hidden — the SHARED sets
|
|
1629
|
+
* (@vectoriox/iox-ui), the same ones the live site's runtime reads. */
|
|
1576
1630
|
private readonly ENTRANCE_TYPES;
|
|
1577
|
-
/** Action types that animate an element from visible → hidden. */
|
|
1578
1631
|
private readonly EXIT_TYPES;
|
|
1579
1632
|
private readonly SWIPER_ACTIONS;
|
|
1580
1633
|
private instanceRegistry;
|
|
@@ -1641,6 +1694,10 @@ declare class InteractionEngineService {
|
|
|
1641
1694
|
private executeSwiperAction;
|
|
1642
1695
|
private resolveTarget;
|
|
1643
1696
|
private executeAction;
|
|
1697
|
+
/** What an element is left as once an action is done: a revealed one interactive, a hidden one inert. */
|
|
1698
|
+
private settleAfter;
|
|
1699
|
+
/** Write a frame inline. On the canvas never a transform: one inside the scaled page breaks Lenis. */
|
|
1700
|
+
private applyFrame;
|
|
1644
1701
|
/**
|
|
1645
1702
|
* Freeze an element at the animation's starting frame immediately, before any
|
|
1646
1703
|
* trigger fires. Called for ALL entrance-type actions regardless of trigger so
|
|
@@ -1654,7 +1711,8 @@ declare class InteractionEngineService {
|
|
|
1654
1711
|
private applyPreState;
|
|
1655
1712
|
private clearInlineAnimationStyles;
|
|
1656
1713
|
private reverseAction;
|
|
1657
|
-
|
|
1714
|
+
/** The action's keyframes from the ONE shared table both runtimes animate from (composite T2). */
|
|
1715
|
+
private keyframesFor;
|
|
1658
1716
|
static ɵfac: i0.ɵɵFactoryDeclaration<InteractionEngineService, never>;
|
|
1659
1717
|
static ɵprov: i0.ɵɵInjectableDeclaration<InteractionEngineService>;
|
|
1660
1718
|
}
|
|
@@ -1810,7 +1868,9 @@ declare enum AuditCode {
|
|
|
1810
1868
|
/** An out-of-flow node whose box lands outside the frame, so it is unreachable at this width. */
|
|
1811
1869
|
OffscreenAbsolute = "offscreen-absolute",
|
|
1812
1870
|
/** Form content inside a link or a button — a STRUCTURE finding, true at every width (form-nesting-audit.util). */
|
|
1813
|
-
FormInLink = "form-in-link"
|
|
1871
|
+
FormInLink = "form-in-link",
|
|
1872
|
+
/** An icon-only button or link with no Accessible name — announced as an unnamed control (CC1 N6). */
|
|
1873
|
+
UnnamedControl = "unnamed-control"
|
|
1814
1874
|
}
|
|
1815
1875
|
/** A fix that changes the tree, not a style or a trait — applied as one page-history step. */
|
|
1816
1876
|
declare enum StructureFix {
|
|
@@ -1838,6 +1898,8 @@ interface AuditNode {
|
|
|
1838
1898
|
/** Laid-out position in CSS px, relative to the canvas frame. Absent when not measured. */
|
|
1839
1899
|
left?: number;
|
|
1840
1900
|
top?: number;
|
|
1901
|
+
/** It shows only an icon and has no Accessible name (the shared `needsAccessibleName`). */
|
|
1902
|
+
unnamedControl?: boolean;
|
|
1841
1903
|
}
|
|
1842
1904
|
interface AuditFinding {
|
|
1843
1905
|
nodeId: string;
|
|
@@ -1953,6 +2015,7 @@ declare class BuilderComponent implements OnInit, AfterViewInit, OnChanges, OnDe
|
|
|
1953
2015
|
private dsRegistry;
|
|
1954
2016
|
private viewportService;
|
|
1955
2017
|
private formStateService;
|
|
2018
|
+
private canvasDesignState;
|
|
1956
2019
|
private interactionEngine;
|
|
1957
2020
|
private interactionPresetRegistry;
|
|
1958
2021
|
private clipboard;
|
|
@@ -1981,6 +2044,8 @@ declare class BuilderComponent implements OnInit, AfterViewInit, OnChanges, OnDe
|
|
|
1981
2044
|
pageStatus: string;
|
|
1982
2045
|
pageSettings: PageSettings | null;
|
|
1983
2046
|
globalElements: ComponentNode[];
|
|
2047
|
+
/** The app path of the page on the canvas (`/work`): its links render as the current page (CC1 N2). */
|
|
2048
|
+
pagePath: string;
|
|
1984
2049
|
canUndo: boolean;
|
|
1985
2050
|
canRedo: boolean;
|
|
1986
2051
|
/** Feature flag: drive drag/select/resize via Moveable + Selecto instead of interact.js.
|
|
@@ -2050,8 +2115,17 @@ declare class BuilderComponent implements OnInit, AfterViewInit, OnChanges, OnDe
|
|
|
2050
2115
|
applyAuditFix(finding: AuditFinding): void;
|
|
2051
2116
|
/** Apply every fixable finding, then re-measure. */
|
|
2052
2117
|
applyAllAuditFixes(): void;
|
|
2118
|
+
/** The canvas reserve for a bottom bar among the globals (the same class the live site keys on). */
|
|
2119
|
+
refreshCanvasBarReserve(): void;
|
|
2053
2120
|
/** Select the node a finding is about. */
|
|
2054
2121
|
selectAuditNode(finding: AuditFinding): void;
|
|
2122
|
+
/**
|
|
2123
|
+
* Run `select` with the node's rendered ref — at once when it is on the canvas, else after REVEALING
|
|
2124
|
+
* the part hidden at rest it sits in (R2, CC1: a link inside the closed drawer, picked from the layer
|
|
2125
|
+
* tree, the breadcrumb or an Items row). The selection path is set first, which shows the drawer
|
|
2126
|
+
* through the canvas design state; its children render on the next pass, and the selection lands.
|
|
2127
|
+
*/
|
|
2128
|
+
private _withNodeRef;
|
|
2055
2129
|
/** A node's full base style map, flattened from its styleTraits. */
|
|
2056
2130
|
private baseStyleMapOf;
|
|
2057
2131
|
private findNodeById;
|
|
@@ -2085,6 +2159,9 @@ declare class BuilderComponent implements OnInit, AfterViewInit, OnChanges, OnDe
|
|
|
2085
2159
|
* the site global elements sit inside <body> and inherit it; on the canvas they are a sibling
|
|
2086
2160
|
* layer of the page, so they get it explicitly. Never the background (it would cover the page). */
|
|
2087
2161
|
globalLayerCss: Record<string, string>;
|
|
2162
|
+
/** The page reserves a bottom bar's height on the canvas where the bar shows (CC1 R1) — design-core's
|
|
2163
|
+
* `barReserveClass` of the bar among the globals, or null. A field, recomputed when globals change. */
|
|
2164
|
+
canvasBarReserve: string | null;
|
|
2088
2165
|
/** Canvas frame height in canvas-space pixels (= previewScroll.clientHeight / scale).
|
|
2089
2166
|
* Used as iox-page-component's height so position:fixed top:0;bottom:0 fills the
|
|
2090
2167
|
* same area as height:100vh (both resolve to this value). */
|
|
@@ -2127,7 +2204,7 @@ declare class BuilderComponent implements OnInit, AfterViewInit, OnChanges, OnDe
|
|
|
2127
2204
|
get canvasMinHeight(): number;
|
|
2128
2205
|
private sub?;
|
|
2129
2206
|
private registrySub?;
|
|
2130
|
-
constructor(registry: ComponentRegistryService, overlayService: OverlayService, panelEventService: PanelEventService, dragEngine: DragEngineService, dsRegistry: DataSourceRegistryService, viewportService: ViewportService, formStateService: FormStateService, interactionEngine: InteractionEngineService, interactionPresetRegistry: InteractionPresetRegistryService, clipboard: BuilderClipboardService, symbolRegistry: SymbolRegistryService, cdr: ChangeDetectorRef, appRef: ApplicationRef, moveableCanvas: MoveableCanvasService, selectoCanvas: SelectoCanvasService, styleRegistry: StyleRegistryService);
|
|
2207
|
+
constructor(registry: ComponentRegistryService, overlayService: OverlayService, panelEventService: PanelEventService, dragEngine: DragEngineService, dsRegistry: DataSourceRegistryService, viewportService: ViewportService, formStateService: FormStateService, canvasDesignState: CanvasDesignStateService, interactionEngine: InteractionEngineService, interactionPresetRegistry: InteractionPresetRegistryService, clipboard: BuilderClipboardService, symbolRegistry: SymbolRegistryService, cdr: ChangeDetectorRef, appRef: ApplicationRef, moveableCanvas: MoveableCanvasService, selectoCanvas: SelectoCanvasService, styleRegistry: StyleRegistryService);
|
|
2131
2208
|
ngOnInit(): void;
|
|
2132
2209
|
ngOnChanges(changes: SimpleChanges): void;
|
|
2133
2210
|
ngAfterViewInit(): void;
|
|
@@ -2267,7 +2344,7 @@ declare class BuilderComponent implements OnInit, AfterViewInit, OnChanges, OnDe
|
|
|
2267
2344
|
private readNodeDisplay;
|
|
2268
2345
|
private handlePanelEvents;
|
|
2269
2346
|
static ɵfac: i0.ɵɵFactoryDeclaration<BuilderComponent, never>;
|
|
2270
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BuilderComponent, "app-builder", never, { "layout": { "alias": "layout"; "required": false; }; "dataSources": { "alias": "dataSources"; "required": false; }; "orgId": { "alias": "orgId"; "required": false; }; "routeParams": { "alias": "routeParams"; "required": false; }; "pageName": { "alias": "pageName"; "required": false; }; "isSaving": { "alias": "isSaving"; "required": false; }; "pageStatus": { "alias": "pageStatus"; "required": false; }; "pageSettings": { "alias": "pageSettings"; "required": false; }; "globalElements": { "alias": "globalElements"; "required": false; }; "canUndo": { "alias": "canUndo"; "required": false; }; "canRedo": { "alias": "canRedo"; "required": false; }; "moveableMode": { "alias": "moveableMode"; "required": false; }; }, { "save": "save"; "undo": "undo"; "redo": "redo"; "back": "back"; "preview": "preview"; "publishToggle": "publishToggle"; "pageSettingsChange": "pageSettingsChange"; "applyAnimationToAll": "applyAnimationToAll"; "saveBlock": "saveBlock"; "globalElementsChange": "globalElementsChange"; }, never, ["[builderPages]", "[builderComponents]", "[builderTokens]", "[builderToolbarActions]", "[builderPanel]"], false, never>;
|
|
2347
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BuilderComponent, "app-builder", never, { "layout": { "alias": "layout"; "required": false; }; "dataSources": { "alias": "dataSources"; "required": false; }; "orgId": { "alias": "orgId"; "required": false; }; "routeParams": { "alias": "routeParams"; "required": false; }; "pageName": { "alias": "pageName"; "required": false; }; "isSaving": { "alias": "isSaving"; "required": false; }; "pageStatus": { "alias": "pageStatus"; "required": false; }; "pageSettings": { "alias": "pageSettings"; "required": false; }; "globalElements": { "alias": "globalElements"; "required": false; }; "pagePath": { "alias": "pagePath"; "required": false; }; "canUndo": { "alias": "canUndo"; "required": false; }; "canRedo": { "alias": "canRedo"; "required": false; }; "moveableMode": { "alias": "moveableMode"; "required": false; }; }, { "save": "save"; "undo": "undo"; "redo": "redo"; "back": "back"; "preview": "preview"; "publishToggle": "publishToggle"; "pageSettingsChange": "pageSettingsChange"; "applyAnimationToAll": "applyAnimationToAll"; "saveBlock": "saveBlock"; "globalElementsChange": "globalElementsChange"; }, never, ["[builderPages]", "[builderComponents]", "[builderTokens]", "[builderToolbarActions]", "[builderPanel]"], false, never>;
|
|
2271
2348
|
}
|
|
2272
2349
|
|
|
2273
2350
|
/**
|
|
@@ -2312,6 +2389,7 @@ declare class RenderDirective implements OnInit, OnDestroy {
|
|
|
2312
2389
|
private childSubs;
|
|
2313
2390
|
private readonly onCanvas;
|
|
2314
2391
|
private readonly labels;
|
|
2392
|
+
private readonly designState;
|
|
2315
2393
|
/** Host element drag was registered on (collapsed path) — unregistered on destroy. */
|
|
2316
2394
|
private hostDragEl;
|
|
2317
2395
|
constructor(vcr: ViewContainerRef, injector: Injector, envInjector: EnvironmentInjector, doc: Document, registryService: ComponentRegistryService, overlayService: OverlayService, styleRegistry: StyleRegistryService, interactionEngine: InteractionEngineService, cdr: ChangeDetectorRef, panelEventService: PanelEventService, dragEngine: DragEngineService);
|
|
@@ -2340,6 +2418,9 @@ declare class RenderDirective implements OnInit, OnDestroy {
|
|
|
2340
2418
|
* isn't in the DOM yet (caller then skips rather than clobbering the existing rule). */
|
|
2341
2419
|
private resolveTargetedScopeId;
|
|
2342
2420
|
private findParentNodeElement;
|
|
2421
|
+
/** A link's target as the canvas shows it: the page route, else its URL. */
|
|
2422
|
+
private canvasHref;
|
|
2423
|
+
private syncA11y;
|
|
2343
2424
|
private render;
|
|
2344
2425
|
static ɵfac: i0.ɵɵFactoryDeclaration<RenderDirective, never>;
|
|
2345
2426
|
static ɵdir: i0.ɵɵDirectiveDeclaration<RenderDirective, "[ioxRender]", never, { "ioxRender": { "alias": "ioxRender"; "required": false; }; "ioxDragSourceId": { "alias": "ioxDragSourceId"; "required": false; }; }, { "onClick": "onClick"; "onMouseEnter": "onMouseEnter"; "onMouseLeave": "onMouseLeave"; }, never, never, false, never>;
|
|
@@ -2894,6 +2975,7 @@ declare class BuilderDialogComponent implements OnInit, OnDestroy {
|
|
|
2894
2975
|
private instanceRegistry;
|
|
2895
2976
|
private overlayService;
|
|
2896
2977
|
private cdr;
|
|
2978
|
+
private designState;
|
|
2897
2979
|
children: ComponentNode[];
|
|
2898
2980
|
nodeId: string;
|
|
2899
2981
|
dropListId: string;
|
|
@@ -2905,9 +2987,18 @@ declare class BuilderDialogComponent implements OnInit, OnDestroy {
|
|
|
2905
2987
|
childMouseLeave: EventEmitter<void>;
|
|
2906
2988
|
/** Canvas-only visibility. Never serialised; the live site always starts closed. */
|
|
2907
2989
|
designOpen: boolean;
|
|
2990
|
+
/** Opened by an action on the canvas (the canvas is a live runtime): stays until something closes it. */
|
|
2991
|
+
private runtimeOpen;
|
|
2992
|
+
/** Closed by its X / backdrop while the selection or the switcher still shows it: hidden until either changes. */
|
|
2993
|
+
private dismissed;
|
|
2908
2994
|
get placementValue(): string;
|
|
2909
2995
|
private selectSub?;
|
|
2910
|
-
|
|
2996
|
+
private stateSub?;
|
|
2997
|
+
constructor(dragEngine: DragEngineService, instanceRegistry: ComponentInstanceRegistryService, overlayService: OverlayService, cdr: ChangeDetectorRef, designState: CanvasDesignStateService | null);
|
|
2998
|
+
/** Shown when an action opened it, or the canvas design state shows it (selection inside / switched open). */
|
|
2999
|
+
private recompute;
|
|
3000
|
+
private openRuntime;
|
|
3001
|
+
private closeRuntime;
|
|
2911
3002
|
ngOnInit(): void;
|
|
2912
3003
|
ngOnDestroy(): void;
|
|
2913
3004
|
/** A click on the stage ITSELF is the backdrop click — children swallow everything else.
|
|
@@ -2918,7 +3009,7 @@ declare class BuilderDialogComponent implements OnInit, OnDestroy {
|
|
|
2918
3009
|
onCloseClick(event: MouseEvent): void;
|
|
2919
3010
|
onBackdrop(): void;
|
|
2920
3011
|
onDrop(event: IoxDropEvent): void;
|
|
2921
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<BuilderDialogComponent,
|
|
3012
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BuilderDialogComponent, [null, null, null, null, { optional: true; }]>;
|
|
2922
3013
|
static ɵcmp: i0.ɵɵComponentDeclaration<BuilderDialogComponent, "app-builder-dialog", never, { "children": { "alias": "children"; "required": false; }; "nodeId": { "alias": "nodeId"; "required": false; }; "dropListId": { "alias": "dropListId"; "required": false; }; "closeOnBackdrop": { "alias": "closeOnBackdrop"; "required": false; }; "showCloseButton": { "alias": "showCloseButton"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; }, { "childClick": "childClick"; "childMouseEnter": "childMouseEnter"; "childMouseLeave": "childMouseLeave"; }, never, never, false, never>;
|
|
2923
3014
|
}
|
|
2924
3015
|
|
|
@@ -3058,6 +3149,8 @@ interface TreeNode {
|
|
|
3058
3149
|
node: ComponentNode;
|
|
3059
3150
|
icon: string;
|
|
3060
3151
|
label: string;
|
|
3152
|
+
/** Hidden at rest on the live site (a closed drawer): the eye-slash glyph — select it to show it (R2). */
|
|
3153
|
+
hiddenAtRest: boolean;
|
|
3061
3154
|
depth: number;
|
|
3062
3155
|
expanded: boolean;
|
|
3063
3156
|
hasChildren: boolean;
|
|
@@ -3096,6 +3189,8 @@ declare class LayerTreeComponent implements OnInit, OnDestroy {
|
|
|
3096
3189
|
/** Last-seen structural signature — used by ngDoCheck to skip no-op rebuilds. */
|
|
3097
3190
|
private _layoutSig;
|
|
3098
3191
|
private _globalSig;
|
|
3192
|
+
/** The eye-slash glyph's title, through the host's i18n (builder.chrome.*). */
|
|
3193
|
+
readonly hiddenAtRestTitle: string;
|
|
3099
3194
|
constructor(registry: ComponentRegistryService, overlayService: OverlayService, dragEngine: DragEngineService);
|
|
3100
3195
|
ngOnInit(): void;
|
|
3101
3196
|
ngOnDestroy(): void;
|
|
@@ -3289,6 +3384,21 @@ declare class BuilderHistoryService {
|
|
|
3289
3384
|
static ɵprov: i0.ɵɵInjectableDeclaration<BuilderHistoryService>;
|
|
3290
3385
|
}
|
|
3291
3386
|
|
|
3387
|
+
/**
|
|
3388
|
+
* Parts that are HIDDEN AT REST (complex-components R2, board 3): on the live site they are not on
|
|
3389
|
+
* screen until something opens them, so on the canvas they show only while selected into or switched
|
|
3390
|
+
* open ("Showing on canvas"). The layer tree marks them with the eye-slash glyph. Today: a Dialog (the
|
|
3391
|
+
* mobile menu's drawer, a consent banner). CC2 adds a collapsed Accordion panel and an inactive tab.
|
|
3392
|
+
*/
|
|
3393
|
+
declare const HIDDEN_AT_REST_TYPES: ReadonlyArray<string>;
|
|
3394
|
+
declare function isHiddenAtRest(node: {
|
|
3395
|
+
type?: string;
|
|
3396
|
+
} | null | undefined): boolean;
|
|
3397
|
+
/** Root → `target`, inclusive, across `roots` (page layout and globals), or [] when it is not there. */
|
|
3398
|
+
declare function pathToNode<T extends {
|
|
3399
|
+
children?: T[];
|
|
3400
|
+
}>(roots: ReadonlyArray<T>, target: T): T[];
|
|
3401
|
+
|
|
3292
3402
|
/**
|
|
3293
3403
|
* node-path — pure ancestor-chain helpers for the builder's node tree.
|
|
3294
3404
|
*
|
|
@@ -3760,5 +3870,5 @@ declare class TextBlockComponentConfig extends ComponentConfig {
|
|
|
3760
3870
|
constructor();
|
|
3761
3871
|
}
|
|
3762
3872
|
|
|
3763
|
-
export { ACTION_TYPE_OPTIONS, AuditCode, AuditPanelComponent, AuditSeverity, BODY_CRUMB_LABEL, 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, CardComponentConfig, ChildLayoutGroupStyleConfig, ComponentConfig, ComponentRegistryService, CompositePresetId, DEFAULT_ESSENTIAL_TRAITS, 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, GalleryConfig, GroupStyleConfig, 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, 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, buildCompositePreset, buildConsentPreset, buildElementStyleSpecimen, buildFieldKindPreset, buildFlavorSpecimen, buildFormPreset, buildFullStyleTraits, buildLayoutPreset, buildPalettePreset, buildPresetStyleTraits, builderCompositeFactory, canFluidise, canvasEmptyImageLabel, collapseColumnsProps, columnCountOf, defaultBuilderLabels, defaultPageSettings, dropTargetLabel, escapesRoot, essentialTraitsFor, findNodeLocation, findParentOf, flattenSchemaFields, fluidiseProps, generateNodeId, insertRefusal, insertRefusalLabel, isHiddenAt, isSpecimen, markSpecimen, matchesControlSearch, nearestFormNode, nodeAncestorPath, nodeAncestorPathInEither, nodeStyleMap, refreshSubtree, removalRefusal, reorderProps, resolveInsertTarget, resolveTraitControllerType, resolveTraitOptions, rootEscapeBand, rootZone, setStyleTrait, setTrait, stackChildrenProps, summarise, syncEmptyImagePlaceholder, syncNodeDesign, syncNodeInputs, textNode, upsertNodeStyles, visibilityProps, walkNodes, wrapNode };
|
|
3764
|
-
export type { AuditFinding, AuditNode, BreakpointPresentation, BuilderClipboard, BuilderLabelResolver, ComponentEventDef, ComponentMethodDef, ComponentNode, ComponentTrait, CompositePresetDef, ConsentPreset, CreateConfig, Crumb, DesignSpecimenCopy, DragPayload, DsFilterByQueryParam, DsFilterByRouteParam, ElementState, FieldKindDef, FormStateSnapshot, HistoryChange, HistoryEntry, HistoryStep, InsertRefusedEvent, InsertTarget, InteractionAction, InteractionActionType, InteractionPreset, InteractionTrigger, IoxBinding, IoxDataSource, IoxDropEvent, IoxInteraction, IoxSymbol, LayoutPresetChildStyles, LayoutPresetDef, NodeRef, OverlayBoxModel, OverlayBoxSpacing, OverlayEntry, PageRouteAnimationSettings, PageScrollSettings, PageSettings, PalettePresetDef, PanelEvent, QuadSizeSegment, RootEscapeMemory, RouteAnimationPreset, ScreenWidthOption, SelectionBadge, StyleMap, StylePart, StylePreset, StyleTrait, StyleTraitGroup, TraitOptionMap, TraitSelectOption, TraitShowCondition, TreePathNode, UpsertTokensOptions, ViewportState, ZoomOption };
|
|
3873
|
+
export { ACTION_TYPE_OPTIONS, AuditCode, AuditPanelComponent, AuditSeverity, BODY_CRUMB_LABEL, 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, 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, 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, buildCompositePreset, buildConsentPreset, buildElementStyleSpecimen, buildFieldKindPreset, buildFlavorSpecimen, buildFormPreset, buildFullStyleTraits, buildLayoutPreset, buildPalettePreset, buildPresetStyleTraits, builderCompositeFactory, canFluidise, canvasEmptyImageLabel, collapseColumnsProps, columnCountOf, defaultBuilderLabels, defaultPageSettings, dropTargetLabel, escapesRoot, essentialTraitsFor, findNodeLocation, findParentOf, flattenSchemaFields, fluidiseProps, generateNodeId, insertRefusal, insertRefusalLabel, isHiddenAt, isHiddenAtRest, isSpecimen, markSpecimen, matchesControlSearch, nearestFormNode, nodeAncestorPath, nodeAncestorPathInEither, nodeStyleMap, pathToNode, refreshSubtree, removalRefusal, reorderProps, resolveInsertTarget, resolveTraitControllerType, resolveTraitOptions, rootEscapeBand, rootZone, setStyleTrait, setTrait, stackChildrenProps, summarise, syncEmptyImagePlaceholder, syncNodeDesign, syncNodeInputs, textNode, upsertNodeStyles, visibilityProps, walkNodes, wrapNode };
|
|
3874
|
+
export type { AuditFinding, AuditNode, BreakpointPresentation, BuilderClipboard, BuilderLabelResolver, CanvasDesignSnapshot, ComponentEventDef, ComponentMethodDef, ComponentNode, ComponentTrait, CompositePresetDef, ConsentPreset, CreateConfig, Crumb, DesignSpecimenCopy, DragPayload, DsFilterByQueryParam, DsFilterByRouteParam, ElementState, FieldKindDef, FormStateSnapshot, HistoryChange, HistoryEntry, HistoryStep, InsertRefusedEvent, InsertTarget, InteractionAction, InteractionActionType, InteractionPreset, InteractionTrigger, IoxBinding, IoxDataSource, IoxDropEvent, IoxInteraction, IoxSymbol, LayoutPresetChildStyles, LayoutPresetDef, NodeRef, OverlayBoxModel, OverlayBoxSpacing, OverlayEntry, PageRouteAnimationSettings, PageScrollSettings, PageSettings, PalettePresetDef, PanelEvent, QuadSizeSegment, RootEscapeMemory, RouteAnimationPreset, ScreenWidthOption, SelectionBadge, StyleMap, StylePart, StylePreset, StyleTrait, StyleTraitGroup, TraitOptionMap, TraitSelectOption, TraitShowCondition, TreePathNode, UpsertTokensOptions, ViewportState, ZoomOption };
|