@mozaic-ds/angular 2.1.6 → 2.1.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mozaic-ds/angular",
-  "version": "2.1.6",
+  "version": "2.1.8",
   "type": "module",
   "peerDependencies": {
     "@angular/common": ">=20.3.15",
@@ -13,7 +13,6 @@
   },
   "sideEffects": false,
   "publishConfig": {
-    "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
   "repository": {

package/types/mozaic-ds-angular.d.ts

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { TemplateRef, OnInit, ElementRef, InjectionToken, Type, AfterViewInit, OnDestroy, Renderer2, WritableSignal, Signal, AfterContentInit, QueryList, EventEmitter, ComponentRef } from '@angular/core';
+import { TemplateRef, OnInit, ElementRef, InjectionToken, Type, AfterViewInit, OnDestroy, Renderer2, WritableSignal, Signal, AfterContentInit, QueryList, ComponentRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { CheckCircle32, Uploading32, WarningCircle32 } from '@mozaic-ds/icons-angular';
 import { RouterLink } from '@angular/router';
@@ -737,7 +737,6 @@ declare class MozTabsComponent implements AfterContentInit {
     centered: _angular_core.InputSignal<boolean>;
     selectedIndex: _angular_core.ModelSignal<number>;
     tabsInput: _angular_core.InputSignal<MozTabItem[]>;
-    selectedIndexChange: EventEmitter<number>;
     tabsArray: _angular_core.WritableSignal<MozTabComponent[]>;
     virtualTabs: _angular_core.WritableSignal<MozTabItem[]>;
     constructor();
@@ -761,7 +760,7 @@ declare class MozTabsComponent implements AfterContentInit {
     onClickTab(index: number): void;
     onClickVirtualTab(index: number, tab: MozTabItem): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozTabsComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozTabsComponent, "moz-tabs", never, { "description": { "alias": "description"; "required": false; "isSignal": true; }; "divider": { "alias": "divider"; "required": false; "isSignal": true; }; "centered": { "alias": "centered"; "required": false; "isSignal": true; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; "isSignal": true; }; "tabsInput": { "alias": "tabs"; "required": false; "isSignal": true; }; }, { "selectedIndex": "selectedIndexChange"; "selectedIndexChange": "selectedIndexChange"; }, ["tabs"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozTabsComponent, "moz-tabs", never, { "description": { "alias": "description"; "required": false; "isSignal": true; }; "divider": { "alias": "divider"; "required": false; "isSignal": true; }; "centered": { "alias": "centered"; "required": false; "isSignal": true; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; "isSignal": true; }; "tabsInput": { "alias": "tabs"; "required": false; "isSignal": true; }; }, { "selectedIndex": "selectedIndexChange"; }, ["tabs"], never, true, never>;
 }
 
 type MozTagType = 'informative' | 'interactive' | 'contextualised' | 'removable' | 'selectable';
@@ -1901,7 +1900,6 @@ declare class MozPageHeaderComponent {
     readonly toggleMenu: _angular_core.OutputEmitterRef<void>;
     readonly toggleScope: _angular_core.OutputEmitterRef<boolean | undefined>;
     readonly scopeValueChange: _angular_core.OutputEmitterRef<string | number | boolean>;
-    readonly activeTabChange: _angular_core.OutputEmitterRef<number>;
     readonly classes: _angular_core.Signal<{
         'mc-page-header': boolean;
         'mc-page-header--with-shadow': boolean;
@@ -1923,9 +1921,8 @@ declare class MozPageHeaderComponent {
     onToggleScope(): void;
     onScopeTagClick(): void;
     onScopeSelectChange(value: string | number): void;
-    onActiveTabChange(index: number): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MozPageHeaderComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozPageHeaderComponent, "moz-page-header", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "shadow": { "alias": "shadow"; "required": false; "isSignal": true; }; "backButton": { "alias": "backButton"; "required": false; "isSignal": true; }; "searchButton": { "alias": "searchButton"; "required": false; "isSignal": true; }; "helpButton": { "alias": "helpButton"; "required": false; "isSignal": true; }; "notificationButton": { "alias": "notificationButton"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "statusLabel": { "alias": "statusLabel"; "required": false; "isSignal": true; }; "extraInfo": { "alias": "extraInfo"; "required": false; "isSignal": true; }; "scope": { "alias": "scope"; "required": false; "isSignal": true; }; "scopeValue": { "alias": "scopeValue"; "required": false; "isSignal": true; }; "scopePlaceholder": { "alias": "scopePlaceholder"; "required": false; "isSignal": true; }; "tabs": { "alias": "tabs"; "required": false; "isSignal": true; }; "activeTab": { "alias": "activeTab"; "required": false; "isSignal": true; }; }, { "activeTab": "activeTabChange"; "back": "back"; "search": "search"; "help": "help"; "notification": "notification"; "toggleMenu": "toggleMenu"; "toggleScope": "toggleScope"; "scopeValueChange": "scopeValueChange"; "activeTabChange": "activeTabChange"; }, never, ["[content]", "[actions]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MozPageHeaderComponent, "moz-page-header", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "shadow": { "alias": "shadow"; "required": false; "isSignal": true; }; "backButton": { "alias": "backButton"; "required": false; "isSignal": true; }; "searchButton": { "alias": "searchButton"; "required": false; "isSignal": true; }; "helpButton": { "alias": "helpButton"; "required": false; "isSignal": true; }; "notificationButton": { "alias": "notificationButton"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "statusLabel": { "alias": "statusLabel"; "required": false; "isSignal": true; }; "extraInfo": { "alias": "extraInfo"; "required": false; "isSignal": true; }; "scope": { "alias": "scope"; "required": false; "isSignal": true; }; "scopeValue": { "alias": "scopeValue"; "required": false; "isSignal": true; }; "scopePlaceholder": { "alias": "scopePlaceholder"; "required": false; "isSignal": true; }; "tabs": { "alias": "tabs"; "required": false; "isSignal": true; }; "activeTab": { "alias": "activeTab"; "required": false; "isSignal": true; }; }, { "activeTab": "activeTabChange"; "back": "back"; "search": "search"; "help": "help"; "notification": "notification"; "toggleMenu": "toggleMenu"; "toggleScope": "toggleScope"; "scopeValueChange": "scopeValueChange"; }, never, ["[content]", "[actions]"], true, never>;
 }
 
 type MozTileAppearance = 'primary' | 'secondary' | 'inverse';
@@ -2599,6 +2596,15 @@ declare class TreeStateService<T = unknown> {
     setExpanded(ids: Set<string | number>): void;
     toggleExpanded(id: string | number): void;
     expandAndLoad(node: TreeNode<T>): Observable<void>;
+    /**
+     * Loads a node's children on demand when they haven't been loaded yet.
+     * Idempotent: a no-op (emits `[]`) when there is no `loadChildrenFn`, the
+     * node is already loading, or its children are already present. This is the
+     * single load primitive shared by the click-driven `expandAndLoad` and the
+     * declarative auto-load effect in `MozTreeComponent` — so expanding a node
+     * by clicking it and by writing to `expandedIds` go through the same path.
+     */
+    loadChildrenFor(node: TreeNode<T>): Observable<TreeNode<T>[]>;
     addLoading(id: string | number): void;
     removeLoading(id: string | number): void;
     patchChildren(nodeId: string | number, children: TreeNode<T>[]): void;
@@ -2725,7 +2731,19 @@ declare class MozTreeComponent<T = unknown> {
     onTreeFocus(): void;
     onExpandChange(): void;
     onSelectionChange(ids: Set<string | number>): void;
+    /**
+     * Convenience helper for the "expand a deep path, then scroll to it" pattern.
+     * Adds every ancestor in `path` (all ids except the last) to `expandedIds`,
+     * which lets the declarative auto-load effect fetch each lazy level, then
+     * resolves once those levels have finished loading — so callers can safely
+     * `scrollToNode(path.at(-1))` afterwards.
+     *
+     * Plain declarative usage — binding `[(expandedIds)]` and writing to it — does
+     * not need this method; the tree loads expanded lazy nodes on its own. It
+     * exists only to give an awaitable signal that the deep node is now visible.
+     */
     expandPath(path: Array<string | number>): Promise<void>;
+    private _waitForChildren;
     scrollToNode(nodeId: string | number): void;
     expandAll(): void;
     collapseAll(): void;