@masterteam/components 0.0.88 → 0.0.89

package/types/masterteam-components-client-page.d.ts

@@ -9,8 +9,12 @@ declare class ClientPage {
     readonly menuTitle: _angular_core.InputSignal<string | undefined>;
     /** List of menu items for the left sidebar */
     readonly menuItems: _angular_core.InputSignal<ClientPageMenuItem[]>;
+    /** Whether menu items are loading */
+    readonly menuItemsLoading: _angular_core.InputSignal<boolean>;
     /** Key of the active menu item (defaults to first item) */
     readonly activeItem: _angular_core.InputSignal<string | undefined>;
+    /** Whether the sidebar menu is collapsed (two-way bindable) */
+    readonly collapsed: _angular_core.ModelSignal<boolean>;
     /** Template projected into the left sidebar header end */
     readonly headerEnd: _angular_core.Signal<TemplateRef<any> | undefined>;
     /** Emitted when a menu item is clicked */
@@ -19,9 +23,17 @@ declare class ClientPage {
     private readonly selectedKey;
     /** Currently selected menu item */
     readonly selectedItem: _angular_core.Signal<ClientPageMenuItem>;
+    /** Whether the divider/toggle area is being hovered */
+    readonly dividerHovered: _angular_core.WritableSignal<boolean>;
+    /** Sidebar width reacts to collapsed + hover */
+    readonly sidebarWidth: _angular_core.Signal<"12px" | "9px" | "15.8%" | "16%">;
+    /** Icon for the collapse toggle button */
+    readonly toggleIcon: _angular_core.Signal<"arrow.chevron-right" | "arrow.chevron-left">;
+    toggleCollapsed(): void;
     selectItem(item: ClientPageMenuItem): void;
+    getAvatarStyle(color: string): Record<string, string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ClientPage, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClientPage, "mt-client-page", never, { "menuIcon": { "alias": "menuIcon"; "required": false; "isSignal": true; }; "menuTitle": { "alias": "menuTitle"; "required": false; "isSignal": true; }; "menuItems": { "alias": "menuItems"; "required": false; "isSignal": true; }; "activeItem": { "alias": "activeItem"; "required": false; "isSignal": true; }; }, { "menuItemClick": "menuItemClick"; }, ["headerEnd"], ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClientPage, "mt-client-page", never, { "menuIcon": { "alias": "menuIcon"; "required": false; "isSignal": true; }; "menuTitle": { "alias": "menuTitle"; "required": false; "isSignal": true; }; "menuItems": { "alias": "menuItems"; "required": false; "isSignal": true; }; "menuItemsLoading": { "alias": "menuItemsLoading"; "required": false; "isSignal": true; }; "activeItem": { "alias": "activeItem"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; }, { "collapsed": "collapsedChange"; "menuItemClick": "menuItemClick"; }, ["headerEnd"], ["*"], true, never>;
 }
 
 export { ClientPage };

package/types/masterteam-components-topbar.d.ts

@@ -11,7 +11,7 @@ declare class Topbar {
     subTitle: _angular_core.InputSignal<string | undefined>;
     showBranding: _angular_core.InputSignalWithTransform<boolean, unknown>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<Topbar, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Topbar, "mt-topbar", never, { "logo": { "alias": "logo"; "required": false; "isSignal": true; }; "logoLink": { "alias": "logoLink"; "required": false; "isSignal": true; }; "bgColor": { "alias": "bgColor"; "required": false; "isSignal": true; }; "bgImage": { "alias": "bgImage"; "required": false; "isSignal": true; }; "bgRepeat": { "alias": "bgRepeat"; "required": false; "isSignal": true; }; "textColor": { "alias": "textColor"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "subTitle": { "alias": "subTitle"; "required": false; "isSignal": true; }; "showBranding": { "alias": "showBranding"; "required": false; "isSignal": true; }; }, {}, never, ["[actions]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Topbar, "mt-topbar", never, { "logo": { "alias": "logo"; "required": false; "isSignal": true; }; "logoLink": { "alias": "logoLink"; "required": false; "isSignal": true; }; "bgColor": { "alias": "bgColor"; "required": false; "isSignal": true; }; "bgImage": { "alias": "bgImage"; "required": false; "isSignal": true; }; "bgRepeat": { "alias": "bgRepeat"; "required": false; "isSignal": true; }; "textColor": { "alias": "textColor"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "subTitle": { "alias": "subTitle"; "required": false; "isSignal": true; }; "showBranding": { "alias": "showBranding"; "required": false; "isSignal": true; }; }, {}, never, ["[start]", "[actions]"], true, never>;
 }
 
 export { Topbar };

package/types/masterteam-components-upload-field.d.ts

@@ -29,7 +29,8 @@ declare class UploadField implements ControlValueAccessor {
     ngControl: NgControl;
     imgPath: _angular_core.Signal<string | undefined>;
     constructor();
-    writeValue(value: any[]): void;
+    writeValue(value: any): void;
+    private fetchMetadata;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     setDisabledState(disabled: boolean): void;