@masterteam/components 0.0.136 → 0.0.138

package/package.json

@@ -1,22 +1,22 @@
 {
   "name": "@masterteam/components",
-  "version": "0.0.136",
+  "version": "0.0.138",
   "publishConfig": {
     "directory": "../../../dist/masterteam/components",
     "linkDirectory": true,
     "access": "public"
   },
   "peerDependencies": {
-    "@angular/common": "^21.0.3",
-    "@angular/core": "^21.0.3",
-    "@angular/forms": "^21.0.3",
-    "@angular/cdk": "^21.0.2",
-    "@primeuix/themes": "^2.0.2",
-    "@tailwindcss/postcss": "^4.1.17",
-    "@jsverse/transloco": "^8.0.2",
-    "postcss": "^8.5.6",
-    "primeng": "21.0.1",
-    "tailwindcss": "^4.1.17",
+    "@angular/common": "^21.2.8",
+    "@angular/core": "^21.2.8",
+    "@angular/forms": "^21.2.8",
+    "@angular/cdk": "^21.2.6",
+    "@primeuix/themes": "^2.0.3",
+    "@tailwindcss/postcss": "^4.2.2",
+    "@jsverse/transloco": "^8.3.0",
+    "postcss": "^8.5.9",
+    "primeng": "21.1.5",
+    "tailwindcss": "^4.2.2",
     "tailwindcss-primeui": "^0.6.1",
     "ngx-quill": "^30.0.1",
     "quill": "^2.0.3",
@@ -250,6 +250,7 @@
   },
   "module": "fesm2022/masterteam-components.mjs",
   "typings": "types/masterteam-components.d.ts",
+  "type": "module",
   "dependencies": {
     "tslib": "^2.8.1"
   }

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

@@ -4,7 +4,14 @@ import { ClientPageMenuItem } from '@masterteam/components/client-page-menu';
 
 declare class ClientPage implements OnDestroy {
     private readonly platformId;
+    private readonly document;
+    private readonly dir;
+    private readonly zone;
     private mediaQueryList;
+    private resizeMoveListener;
+    private resizeUpListener;
+    /** Whether the current direction is RTL */
+    readonly isRtl: _angular_core.Signal<boolean>;
     /** Icon for the left sidebar header */
     readonly menuIcon: _angular_core.InputSignal<string | undefined>;
     /** Title for the left sidebar header */
@@ -17,40 +24,74 @@ declare class ClientPage implements OnDestroy {
     readonly activeItem: _angular_core.InputSignal<string | undefined>;
     /** Whether the sidebar menu is collapsed (two-way bindable) */
     readonly collapsed: _angular_core.ModelSignal<boolean>;
+    /** Enables desktop sidebar resizing from the divider */
+    readonly resizable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Unique storage seed used to persist the sidebar width */
+    readonly storageKey: _angular_core.InputSignal<string | null>;
+    /** Storage location used for persisted sidebar width */
+    readonly storageMode: _angular_core.InputSignal<"local" | "session">;
+    /** Minimum desktop sidebar width in pixels */
+    readonly minSidebarWidth: _angular_core.InputSignal<number>;
+    /** Maximum desktop sidebar width in pixels */
+    readonly maxSidebarWidth: _angular_core.InputSignal<number>;
+    /** Optional default desktop sidebar width in pixels */
+    readonly defaultSidebarWidth: _angular_core.InputSignal<number | null>;
     /** Template projected into the left sidebar header end */
     readonly headerEnd: _angular_core.Signal<TemplateRef<any> | undefined>;
     /** Emitted when a menu item is clicked */
     readonly menuItemClick: _angular_core.OutputEmitterRef<ClientPageMenuItem>;
+    private readonly layoutRoot;
     /** Tracks activeItem input, overridable by user clicks */
     private readonly selectedKey;
     /** Currently selected menu item */
     readonly selectedItem: _angular_core.Signal<ClientPageMenuItem>;
     /** Whether the initial default selection has been emitted */
     private initialEmitted;
-    constructor();
-    /** Whether the divider/toggle area is being hovered */
-    readonly dividerHovered: _angular_core.WritableSignal<boolean>;
+    /** Whether the sidebar area is being hovered */
+    readonly sidebarHovered: _angular_core.WritableSignal<boolean>;
+    /** Whether the desktop divider is currently resizing */
+    readonly isResizing: _angular_core.WritableSignal<boolean>;
     /** Whether the viewport is at or below the responsive breakpoint */
     readonly isResponsive: _angular_core.WritableSignal<boolean>;
     /** Whether the responsive top navigation is expanded */
     readonly responsiveMenuExpanded: _angular_core.WritableSignal<boolean>;
+    /** Current desktop sidebar width in pixels */
+    private readonly desktopSidebarWidth;
     /** Whether the menu section is currently visible */
     readonly showSidebarMenu: _angular_core.Signal<boolean>;
+    /** Sidebar gradient respects RTL direction */
+    readonly sidebarGradient: _angular_core.Signal<string>;
     /** Sidebar width reacts to collapsed + hover */
-    readonly sidebarWidth: _angular_core.Signal<"100%" | "12px" | "9px" | "15.8%" | "16%">;
+    readonly sidebarWidth: _angular_core.Signal<string>;
+    /** Whether the current state allows divider dragging */
+    readonly canResize: _angular_core.Signal<boolean>;
     /** Icon for the collapse toggle button */
-    readonly toggleIcon: _angular_core.Signal<"arrow.chevron-up" | "arrow.chevron-down" | "arrow.chevron-right" | "arrow.chevron-left">;
+    readonly toggleIcon: _angular_core.Signal<"arrow.chevron-up" | "arrow.chevron-down" | "arrow.chevron-left" | "arrow.chevron-right">;
     /** Accessible label for the toggle button */
     readonly toggleAriaLabel: _angular_core.Signal<"Collapse menu" | "Expand menu" | "Expand sidebar" | "Collapse sidebar">;
+    constructor();
     toggleCollapsed(): void;
     selectItem(item: ClientPageMenuItem): void;
+    startResize(event: MouseEvent): void;
     ngOnDestroy(): void;
     getAvatarStyle(color: string): Record<string, string>;
     private readonly handleResponsiveBreakpointChange;
     private setupResponsiveBehavior;
+    private cleanupResizeListeners;
     private syncResponsiveState;
+    private getWidthFromPointer;
+    private persistSidebarWidth;
+    private getNormalizedStorageKey;
+    private getStorage;
+    private getDefaultDesktopSidebarWidth;
+    private getNormalizedMinSidebarWidth;
+    private getNormalizedMaxSidebarWidth;
+    private normalizeSidebarWidth;
+    private clampSidebarWidth;
+    private readPersistedState;
+    private writePersistedState;
     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; }; "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>;
+    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; }; "resizable": { "alias": "resizable"; "required": false; "isSignal": true; }; "storageKey": { "alias": "storageKey"; "required": false; "isSignal": true; }; "storageMode": { "alias": "storageMode"; "required": false; "isSignal": true; }; "minSidebarWidth": { "alias": "minSidebarWidth"; "required": false; "isSignal": true; }; "maxSidebarWidth": { "alias": "maxSidebarWidth"; "required": false; "isSignal": true; }; "defaultSidebarWidth": { "alias": "defaultSidebarWidth"; "required": false; "isSignal": true; }; }, { "collapsed": "collapsedChange"; "menuItemClick": "menuItemClick"; }, ["headerEnd"], ["*"], true, never>;
 }
 
 export { ClientPage };

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

@@ -216,6 +216,10 @@ interface AutocompleteContext {
     type: 'None' | 'Function' | 'Property' | 'Operator';
     scope: string;
     prefix: string;
+    scopeToken?: string | null;
+    scopeParameter?: string | null;
+    parameterKind?: string | null;
+    tablePath?: string | null;
 }
 /** Autocomplete response from API */
 interface AutocompleteResponse {
@@ -401,6 +405,7 @@ declare class FormulaEditorCode implements ControlValueAccessor, AfterViewInit,
     readonly onFocus: _angular_core.OutputEmitterRef<void>;
     private readonly editorHost;
     private readonly zone;
+    private readonly document;
     private monaco;
     private editor;
     private model;
@@ -412,6 +417,7 @@ declare class FormulaEditorCode implements ControlValueAccessor, AfterViewInit,
     private readonly cancelAutocomplete$;
     private currentAutocompleteRequestId;
     private static formulaAssetsReady;
+    private static monacoStylesReady;
     readonly value: _angular_core.WritableSignal<string>;
     readonly isFocused: _angular_core.WritableSignal<boolean>;
     readonly showPlaceholder: _angular_core.Signal<boolean>;
@@ -431,6 +437,7 @@ declare class FormulaEditorCode implements ControlValueAccessor, AfterViewInit,
     clear(): void;
     getValue(): string;
     private initEditor;
+    private ensureMonacoStylesLoaded;
     private ensureFormulaAssets;
     private attachEditorListeners;
     private setupResizeObserver;

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

@@ -24,7 +24,8 @@ declare class SelectField implements ControlValueAccessor, OnInit, OnChanges {
     readonly clearAfterSelect: _angular_core.InputSignal<boolean | undefined>;
     readonly required: _angular_core.InputSignal<boolean>;
     readonly group: _angular_core.InputSignal<boolean>;
-    readonly size: _angular_core.InputSignal<string>;
+    readonly size: _angular_core.InputSignal<"" | "small" | "large" | "xsmall">;
+    readonly pSelectSize: _angular_core.Signal<"" | "small" | "large">;
     readonly optionGroupLabel: _angular_core.InputSignal<string>;
     readonly optionGroupChildren: _angular_core.InputSignal<string>;
     readonly loading: _angular_core.InputSignal<boolean>;

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

@@ -18,6 +18,7 @@ declare class UploadField implements ControlValueAccessor {
     readonly fileSizeLimit: _angular_core.InputSignal<number | undefined>;
     readonly: _angular_core.InputSignal<boolean>;
     readonly context: _angular_core.InputSignal<HttpContext | undefined>;
+    readonly isMultipleEnabled: _angular_core.Signal<boolean>;
     readonly onChange: _angular_core.OutputEmitterRef<any>;
     readonly requiredValidator: typeof Validators.required;
     readonly value: _angular_core.WritableSignal<any>;

package/types/masterteam-components-user-search-field.d.ts

@@ -19,13 +19,14 @@ declare class UserSearchField implements ControlValueAccessor, OnInit {
     readonly class: _angular_core.InputSignal<string>;
     readonly readonly: _angular_core.InputSignal<boolean>;
     readonly required: _angular_core.InputSignal<boolean>;
+    readonly isMultiple: _angular_core.InputSignal<boolean>;
     readonly apiUrl: _angular_core.InputSignal<string>;
     readonly dataKey: _angular_core.InputSignal<string>;
     readonly paramName: _angular_core.InputSignal<string>;
     readonly context: _angular_core.InputSignal<HttpContext | undefined>;
     styleClass: string;
     requiredValidator: typeof Validators.required;
-    value: _angular_core.WritableSignal<User | null>;
+    value: _angular_core.WritableSignal<User | User[] | null>;
     disabled: _angular_core.WritableSignal<boolean>;
     loading: _angular_core.WritableSignal<boolean>;
     readonly size: _angular_core.InputSignal<"small" | "large" | undefined>;
@@ -47,14 +48,18 @@ declare class UserSearchField implements ControlValueAccessor, OnInit {
         originalEvent: Event;
         value: User;
     }): void;
+    onUnselect(event: {
+        originalEvent: Event;
+        value: User;
+    }): void;
     onClear(): void;
-    writeValue(value: User | null): void;
+    writeValue(value: User | User[] | null): void;
     registerOnChange(fn: (value: User | null) => void): void;
     registerOnTouched(fn: any): void;
     setDisabledState(disabled: boolean): void;
     getUsers(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UserSearchField, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UserSearchField, "mt-user-search-field", never, { "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "apiUrl": { "alias": "apiUrl"; "required": true; "isSignal": true; }; "dataKey": { "alias": "dataKey"; "required": false; "isSignal": true; }; "paramName": { "alias": "paramName"; "required": false; "isSignal": true; }; "context": { "alias": "context"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UserSearchField, "mt-user-search-field", never, { "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "isMultiple": { "alias": "isMultiple"; "required": false; "isSignal": true; }; "apiUrl": { "alias": "apiUrl"; "required": true; "isSignal": true; }; "dataKey": { "alias": "dataKey"; "required": false; "isSignal": true; }; "paramName": { "alias": "paramName"; "required": false; "isSignal": true; }; "context": { "alias": "context"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 export { UserSearchField };

package/types/masterteam-components.d.ts

@@ -192,6 +192,7 @@ declare class UserSearchFieldConfig extends BaseFieldConfig {
     size: string;
     apiUrl: string;
     context: HttpContext | undefined;
+    isMultiple: boolean;
     constructor(config: Omit<BaseFieldConstructorConfig, 'type'> & {
         optionLabel?: string;
         optionValue?: string;
@@ -200,6 +201,7 @@ declare class UserSearchFieldConfig extends BaseFieldConfig {
         apiUrl?: string;
         context?: HttpContext | undefined;
         placeholder?: string;
+        isMultiple?: boolean;
     });
 }
 declare class UploadFileFieldConfig extends BaseFieldConfig {