@vectoriox/iox-builder 4.38.0 → 5.0.0

package/index.d.ts

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { ComponentRef, Type, ChangeDetectorRef, OnInit, AfterViewInit, OnChanges, OnDestroy, EventEmitter, ElementRef, ApplicationRef, SimpleChanges, ViewContainerRef, Injector, EnvironmentInjector, InjectionToken, TemplateRef, AfterContentInit, QueryList } from '@angular/core';
 import * as i30 from '@vectoriox/iox-ui';
-import { ResponsiveOverrides, RelativeSourceSpec, Breakpoint, PageStyleSettings, FormRenderState, ComponentInstanceRegistryService, DataSourceEndpoints, PalettePreset } from '@vectoriox/iox-ui';
+import { ResponsiveOverrides, RelativeSourceSpec, Breakpoint, PageStyleSettings, FormRenderState, DesignTokenLike, ComponentInstanceRegistryService, DataSourceEndpoints, PalettePreset } from '@vectoriox/iox-ui';
 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';
@@ -1109,8 +1109,10 @@ declare const BUILDER_TOKEN_SCOPE_CLASS = "iox-token-scope";
  * State styles (hover/active/focus) are stored under key `${nodeId}:${state}`
  * and compiled to `.iox-node-{id}:hover { … }` selectors.
  *
- * Design token variables are stored under the reserved key `__tokens__` and
- * compiled to a `.iox-token-scope { … }` block prepended to all other rules.
+ * Design tokens are compiled by the SHARED token compiler (`compileTokenCssBlocks`, design-core)
+ * scoped to `.iox-token-scope`: its base half (variables, scheme classes, reduced-motion and
+ * reduced-transparency blocks) is prepended to all other rules and its dark half appended LAST —
+ * the same two halves, in the same places, as the SSR engine.
  *
  * Scoped to PageUiComponent.providers[] — one stylesheet per builder instance.
  */
@@ -1125,6 +1127,10 @@ declare class StyleRegistryService {
      *  not a scan of every breakpoint rule on the page (this runs on every node render). */
     private responsiveKeys;
     private stateScopes;
+    /** Node type per css id — the compiler strips the props a type's renderer owns (a Dialog's
+     *  positioning, an Icon's line-height) from EVERY rule of that node, whoever upserts it. */
+    private nodeTypes;
+    private tokenCss;
     private styleEl;
     /**
      * Properties that must live on the OUTER wrapper (.iox-outer-{id}) because they
@@ -1164,6 +1170,10 @@ declare class StyleRegistryService {
      * @param triggerId  For TARGETED states only: the css id of the trigger node whose
      *                pseudo-class drives the state. Compiles a `:has()`-scoped selector.
      */
+    /** Record a node's type (RenderDirective, before its first upsert) and recompile nothing —
+     *  every later rule for the node is stripped of what the type's renderer owns. */
+    setNodeType(nodeId: string, type: string): void;
+    private ownProps;
     upsert(nodeId: string, styles: Record<string, any>, state?: ElementState, relativeToId?: string, triggerId?: string): void;
     /**
      * Write or clear the styles for one PART of a compound component (board 7 — "the failure
@@ -1200,13 +1210,14 @@ declare class StyleRegistryService {
      */
     private nodeRuleCss;
     /**
-     * Write the org-level design token variables as a `.iox-token-scope { … }` block (see
-     * BUILDER_TOKEN_SCOPE_CLASS — never `:root`, which the admin's chrome tokens own).
-     * Token names should be CSS custom property names without the `--` prefix
-     * (e.g., `{ 'iox-primary-color': '#cb9090' }`).
-     * Pass an empty object to clear all tokens.
+     * The org's design tokens on the canvas — through the SHARED compiler (`compileTokenCssBlocks`,
+     * design-core), scoped to `.iox-token-scope` (BUILDER_TOKEN_SCOPE_CLASS — never `:root`, which
+     * the admin's chrome tokens own). So the canvas gets exactly what the live site gets: the
+     * variables, the scheme classes, the reduced-motion / reduced-transparency blocks and the dark
+     * block, LAST. It used to be a hand-written copy that emitted variables and dark only.
+     * Pass the full row set every time (an empty list clears).
      */
-    upsertTokens(tokens: Record<string, string>, darkTokens?: Record<string, string>): void;
+    upsertTokens(tokens: ReadonlyArray<DesignTokenLike> | null | undefined): void;
     remove(nodeId: string): void;
     destroy(): void;
     private compile;
@@ -2706,9 +2717,6 @@ declare class BuilderDialogComponent implements OnInit, OnDestroy {
     private overlayService;
     private cdr;
     children: ComponentNode[];
-    style: {
-        [key: string]: any;
-    };
     nodeId: string;
     dropListId: string;
     closeOnBackdrop: boolean | string;
@@ -2733,7 +2741,7 @@ declare class BuilderDialogComponent implements OnInit, OnDestroy {
     onBackdrop(): void;
     onDrop(event: IoxDropEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BuilderDialogComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BuilderDialogComponent, "app-builder-dialog", never, { "children": { "alias": "children"; "required": false; }; "style": { "alias": "style"; "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>;
+    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>;
 }
 
 declare class SliderContainerComponent implements OnInit, AfterViewInit, OnChanges, OnDestroy {
@@ -2836,11 +2844,6 @@ declare class SliderSlideComponent implements OnInit, OnDestroy {
     private cdr;
     isPreview: boolean;
     children: ComponentNode[];
-    private _style;
-    private _slideEditStyle;
-    set style(v: Record<string, any>);
-    get style(): Record<string, any>;
-    get slideEditStyle(): Record<string, any>;
     nodeId: string;
     dropListId: string;
     childClick: EventEmitter<any>;
@@ -2851,7 +2854,7 @@ declare class SliderSlideComponent implements OnInit, OnDestroy {
     ngOnDestroy(): void;
     onDrop(event: IoxDropEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SliderSlideComponent, [null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SliderSlideComponent, "app-slider-slide", never, { "children": { "alias": "children"; "required": false; }; "style": { "alias": "style"; "required": false; }; "nodeId": { "alias": "nodeId"; "required": false; }; "dropListId": { "alias": "dropListId"; "required": false; }; }, { "childClick": "childClick"; "childMouseEnter": "childMouseEnter"; "childMouseLeave": "childMouseLeave"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SliderSlideComponent, "app-slider-slide", never, { "children": { "alias": "children"; "required": false; }; "nodeId": { "alias": "nodeId"; "required": false; }; "dropListId": { "alias": "dropListId"; "required": false; }; }, { "childClick": "childClick"; "childMouseEnter": "childMouseEnter"; "childMouseLeave": "childMouseLeave"; }, never, never, false, never>;
 }
 
 declare class PanelChildComponent {

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@vectoriox/iox-builder",
-  "version": "4.38.0",
+  "version": "5.0.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.12.0",
+    "@vectoriox/iox-ui": ">=5.13.0",
     "interactjs": "^1.10.27",
     "primeng": ">=20.0.0",
     "swiper": ">=12.0.0",