@masterteam/components 0.0.80 → 0.0.82
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/assets/common.css +1 -1
- package/fesm2022/masterteam-components-formula.mjs +147 -20
- package/fesm2022/masterteam-components-formula.mjs.map +1 -1
- package/fesm2022/masterteam-components-multi-select-field.mjs +6 -3
- package/fesm2022/masterteam-components-multi-select-field.mjs.map +1 -1
- package/fesm2022/masterteam-components-radio-cards-field.mjs +1 -1
- package/fesm2022/masterteam-components-radio-cards-field.mjs.map +1 -1
- package/fesm2022/masterteam-components-radio-cards.mjs +13 -4
- package/fesm2022/masterteam-components-radio-cards.mjs.map +1 -1
- package/fesm2022/masterteam-components-select-field.mjs +2 -2
- package/fesm2022/masterteam-components-select-field.mjs.map +1 -1
- package/fesm2022/masterteam-components-tree.mjs +69 -39
- package/fesm2022/masterteam-components-tree.mjs.map +1 -1
- package/fesm2022/masterteam-components.mjs +35 -2
- package/fesm2022/masterteam-components.mjs.map +1 -1
- package/package.json +1 -1
- package/types/masterteam-components-formula.d.ts +28 -8
- package/types/masterteam-components-multi-select-field.d.ts +4 -1
- package/types/masterteam-components-radio-cards.d.ts +5 -2
- package/types/masterteam-components-tree.d.ts +8 -5
- package/types/masterteam-components.d.ts +34 -3
|
@@ -22,6 +22,9 @@ declare class MultiSelectField implements ControlValueAccessor, OnInit, OnChange
|
|
|
22
22
|
readonly display: _angular_core.InputSignal<string>;
|
|
23
23
|
readonly required: _angular_core.InputSignal<boolean>;
|
|
24
24
|
readonly maxSelectedLabels: _angular_core.InputSignal<number>;
|
|
25
|
+
readonly group: _angular_core.InputSignal<boolean>;
|
|
26
|
+
readonly optionGroupLabel: _angular_core.InputSignal<string>;
|
|
27
|
+
readonly optionGroupChildren: _angular_core.InputSignal<string>;
|
|
25
28
|
onChange: EventEmitter<any>;
|
|
26
29
|
styleClass: string;
|
|
27
30
|
requiredValidator: typeof Validators.required;
|
|
@@ -41,7 +44,7 @@ declare class MultiSelectField implements ControlValueAccessor, OnInit, OnChange
|
|
|
41
44
|
registerOnTouched(fn: any): void;
|
|
42
45
|
setDisabledState(disabled: boolean): void;
|
|
43
46
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MultiSelectField, never>;
|
|
44
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MultiSelectField, "mt-multi-select-field", never, { "field": { "alias": "field"; "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; }; "pInputs": { "alias": "pInputs"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "optionValue": { "alias": "optionValue"; "required": false; "isSignal": true; }; "optionLabel": { "alias": "optionLabel"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "filterBy": { "alias": "filterBy"; "required": false; "isSignal": true; }; "dataKey": { "alias": "dataKey"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "display": { "alias": "display"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "maxSelectedLabels": { "alias": "maxSelectedLabels"; "required": false; "isSignal": true; }; }, { "onChange": "onChange"; }, never, never, true, never>;
|
|
47
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MultiSelectField, "mt-multi-select-field", never, { "field": { "alias": "field"; "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; }; "pInputs": { "alias": "pInputs"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "optionValue": { "alias": "optionValue"; "required": false; "isSignal": true; }; "optionLabel": { "alias": "optionLabel"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "filterBy": { "alias": "filterBy"; "required": false; "isSignal": true; }; "dataKey": { "alias": "dataKey"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "display": { "alias": "display"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "maxSelectedLabels": { "alias": "maxSelectedLabels"; "required": false; "isSignal": true; }; "group": { "alias": "group"; "required": false; "isSignal": true; }; "optionGroupLabel": { "alias": "optionGroupLabel"; "required": false; "isSignal": true; }; "optionGroupChildren": { "alias": "optionGroupChildren"; "required": false; "isSignal": true; }; }, { "onChange": "onChange"; }, never, never, true, never>;
|
|
45
48
|
}
|
|
46
49
|
|
|
47
50
|
export { MultiSelectField };
|
|
@@ -12,6 +12,8 @@ declare class RadioCards {
|
|
|
12
12
|
circle: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
13
13
|
color: _angular_core.InputSignal<string>;
|
|
14
14
|
size: _angular_core.InputSignal<"small" | "medium" | "large">;
|
|
15
|
+
/** Number of columns for grid layout. If not set, uses flex wrap. */
|
|
16
|
+
columns: _angular_core.InputSignal<number | null>;
|
|
15
17
|
avatarSize: _angular_core.Signal<"large" | "normal" | "xlarge">;
|
|
16
18
|
options: _angular_core.ModelSignal<RadioItem[]>;
|
|
17
19
|
activeId: _angular_core.ModelSignal<string | number | undefined>;
|
|
@@ -19,11 +21,12 @@ declare class RadioCards {
|
|
|
19
21
|
itemTemplate: _angular_core.InputSignal<TemplateRef<any> | null>;
|
|
20
22
|
itemTemplateContent: _angular_core.Signal<TemplateRef<any> | undefined>;
|
|
21
23
|
textSizeClass: _angular_core.Signal<"text-xs" | "text-2xl" | "text-base">;
|
|
22
|
-
classes
|
|
24
|
+
/** Container classes based on columns setting */
|
|
25
|
+
containerClasses: _angular_core.Signal<string>;
|
|
23
26
|
protected activeColorClasses: _angular_core.Signal<string[]>;
|
|
24
27
|
selectItem(item: RadioItem): void;
|
|
25
28
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<RadioCards, never>;
|
|
26
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadioCards, "mt-radio-cards", never, { "circle": { "alias": "circle"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": true; "isSignal": true; }; "activeId": { "alias": "activeId"; "required": false; "isSignal": true; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; "isSignal": true; }; }, { "options": "optionsChange"; "activeId": "activeIdChange"; "selectionChange": "selectionChange"; }, ["itemTemplateContent"], never, true, never>;
|
|
29
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadioCards, "mt-radio-cards", never, { "circle": { "alias": "circle"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": true; "isSignal": true; }; "activeId": { "alias": "activeId"; "required": false; "isSignal": true; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; "isSignal": true; }; }, { "options": "optionsChange"; "activeId": "activeIdChange"; "selectionChange": "selectionChange"; }, ["itemTemplateContent"], never, true, never>;
|
|
27
30
|
}
|
|
28
31
|
|
|
29
32
|
export { RadioCards };
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import * as _angular_core from '@angular/core';
|
|
2
|
+
import { Signal } from '@angular/core';
|
|
2
3
|
import { Tree as Tree$1 } from 'primeng/tree';
|
|
3
4
|
import { TreeNode, MenuItem } from 'primeng/api';
|
|
4
5
|
export { TreeNode } from 'primeng/api';
|
|
@@ -43,7 +44,7 @@ interface TreeActionEvent {
|
|
|
43
44
|
declare class Tree {
|
|
44
45
|
transloco: TranslocoService;
|
|
45
46
|
dir: Directionality | null;
|
|
46
|
-
readonly primeTree:
|
|
47
|
+
readonly primeTree: Signal<Tree$1 | undefined>;
|
|
47
48
|
readonly value: _angular_core.InputSignal<TreeNode<any>[]>;
|
|
48
49
|
readonly selection: _angular_core.ModelSignal<TreeNode<any> | TreeNode<any>[] | null | undefined>;
|
|
49
50
|
readonly selectionMode: _angular_core.InputSignal<"single" | "multiple" | "checkbox" | undefined>;
|
|
@@ -53,6 +54,7 @@ declare class Tree {
|
|
|
53
54
|
readonly checkAllChildren: _angular_core.InputSignal<boolean>;
|
|
54
55
|
readonly loading: _angular_core.InputSignal<boolean>;
|
|
55
56
|
readonly emptyMessage: _angular_core.InputSignal<string>;
|
|
57
|
+
readonly checkAllLabel: _angular_core.InputSignal<string>;
|
|
56
58
|
readonly filterPlaceholder: _angular_core.InputSignal<string>;
|
|
57
59
|
readonly dataKey: _angular_core.InputSignal<"key">;
|
|
58
60
|
readonly filter: _angular_core.InputSignal<boolean>;
|
|
@@ -63,8 +65,10 @@ declare class Tree {
|
|
|
63
65
|
readonly nodeActions: _angular_core.InputSignal<TreeAction[]>;
|
|
64
66
|
readonly nodeContextmenuActions: _angular_core.InputSignal<TreeContextMenuAction[]>;
|
|
65
67
|
readonly contextMenuSelection: _angular_core.ModelSignal<TreeNode<any> | null>;
|
|
66
|
-
readonly contextMenuItems:
|
|
68
|
+
readonly contextMenuItems: Signal<MenuItem[]>;
|
|
67
69
|
readonly action: _angular_core.OutputEmitterRef<TreeActionEvent>;
|
|
70
|
+
CheckAllValue: _angular_core.WritableSignal<boolean>;
|
|
71
|
+
readonly treeValue: Signal<TreeNode[]>;
|
|
68
72
|
constructor();
|
|
69
73
|
onSelectionChange(event: TreeNode | TreeNode[] | null): void;
|
|
70
74
|
onNodeSelect(event: {
|
|
@@ -80,14 +84,13 @@ declare class Tree {
|
|
|
80
84
|
node: TreeNode;
|
|
81
85
|
}): void;
|
|
82
86
|
onContextMenuSelect(event: TreeNode): void;
|
|
87
|
+
getCheckAllValue(event: any): void;
|
|
83
88
|
toggleNodeSelection(node: TreeNode, event: MouseEvent): void;
|
|
84
89
|
handleCheckedNodes(): void;
|
|
85
90
|
resolveActionLoading(action: TreeAction, node: any): boolean | undefined;
|
|
86
91
|
nodeAction(action: TreeAction, node: any): void;
|
|
87
|
-
isFirstLevelParent(node: TreeNode): boolean;
|
|
88
|
-
checkNodeAndChildren(node: TreeNode, event: MouseEvent): void;
|
|
89
92
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Tree, never>;
|
|
90
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Tree, "mt-tree", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "nodeIcon": { "alias": "nodeIcon"; "required": false; "isSignal": true; }; "propagateSelectionUp": { "alias": "propagateSelectionUp"; "required": false; "isSignal": true; }; "propagateSelectionDown": { "alias": "propagateSelectionDown"; "required": false; "isSignal": true; }; "checkAllChildren": { "alias": "checkAllChildren"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; "isSignal": true; }; "dataKey": { "alias": "dataKey"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "filterMode": { "alias": "filterMode"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; "pInputs": { "alias": "pInputs"; "required": false; "isSignal": true; }; "nodeActions": { "alias": "nodeActions"; "required": false; "isSignal": true; }; "nodeContextmenuActions": { "alias": "nodeContextmenuActions"; "required": false; "isSignal": true; }; "contextMenuSelection": { "alias": "contextMenuSelection"; "required": false; "isSignal": true; }; }, { "selection": "selectionChange"; "contextMenuSelection": "contextMenuSelectionChange"; "action": "action"; }, never, never, true, never>;
|
|
93
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Tree, "mt-tree", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "nodeIcon": { "alias": "nodeIcon"; "required": false; "isSignal": true; }; "propagateSelectionUp": { "alias": "propagateSelectionUp"; "required": false; "isSignal": true; }; "propagateSelectionDown": { "alias": "propagateSelectionDown"; "required": false; "isSignal": true; }; "checkAllChildren": { "alias": "checkAllChildren"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "checkAllLabel": { "alias": "checkAllLabel"; "required": false; "isSignal": true; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; "isSignal": true; }; "dataKey": { "alias": "dataKey"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "filterMode": { "alias": "filterMode"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; "pInputs": { "alias": "pInputs"; "required": false; "isSignal": true; }; "nodeActions": { "alias": "nodeActions"; "required": false; "isSignal": true; }; "nodeContextmenuActions": { "alias": "nodeContextmenuActions"; "required": false; "isSignal": true; }; "contextMenuSelection": { "alias": "contextMenuSelection"; "required": false; "isSignal": true; }; }, { "selection": "selectionChange"; "contextMenuSelection": "contextMenuSelectionChange"; "action": "action"; }, never, never, true, never>;
|
|
91
94
|
}
|
|
92
95
|
|
|
93
96
|
export { Tree };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { EnvironmentProviders, Signal } from '@angular/core';
|
|
2
2
|
import { MessageService, ConfirmationService } from 'primeng/api';
|
|
3
|
-
import { HttpContext } from '@angular/common/http';
|
|
3
|
+
import { HttpContext, HttpContextToken } from '@angular/common/http';
|
|
4
4
|
import { ValidatorFn, AbstractControl } from '@angular/forms';
|
|
5
5
|
import * as _masterteam_components from '@masterteam/components';
|
|
6
6
|
import { StateContext } from '@ngxs/store';
|
|
@@ -587,5 +587,36 @@ interface EntityAdapter<T> {
|
|
|
587
587
|
}
|
|
588
588
|
declare function createEntityAdapter<T>(): EntityAdapter<T>;
|
|
589
589
|
|
|
590
|
-
|
|
591
|
-
|
|
590
|
+
/**
|
|
591
|
+
* HTTP context configuration for request handling
|
|
592
|
+
*/
|
|
593
|
+
interface RequestContextConfig {
|
|
594
|
+
/** Use base URL instead of gateway URL */
|
|
595
|
+
useBaseUrl?: boolean;
|
|
596
|
+
}
|
|
597
|
+
/**
|
|
598
|
+
* Shared HTTP context token for request configuration.
|
|
599
|
+
* Used by interceptors to determine base URL routing.
|
|
600
|
+
*
|
|
601
|
+
* @example
|
|
602
|
+
* ```typescript
|
|
603
|
+
* import { REQUEST_CONTEXT } from '@masterteam/components';
|
|
604
|
+
*
|
|
605
|
+
* // In a service
|
|
606
|
+
* private context = new HttpContext().set(REQUEST_CONTEXT, { useBaseUrl: true });
|
|
607
|
+
*
|
|
608
|
+
* getMetadata(): Observable<any> {
|
|
609
|
+
* return this.http.get('metadata', { context: this.context });
|
|
610
|
+
* }
|
|
611
|
+
*
|
|
612
|
+
* // In interceptor
|
|
613
|
+
* const config = req.context.get(REQUEST_CONTEXT);
|
|
614
|
+
* if (config?.useBaseUrl) {
|
|
615
|
+
* // Use base URL
|
|
616
|
+
* }
|
|
617
|
+
* ```
|
|
618
|
+
*/
|
|
619
|
+
declare const REQUEST_CONTEXT: HttpContextToken<RequestContextConfig>;
|
|
620
|
+
|
|
621
|
+
export { BaseFacade, BaseFieldConfig, CheckboxFieldConfig, ColorPickerFieldConfig, CrudStateBase, DateFieldConfig, EditorFieldConfig, IconFieldConfig, MultiSelectFieldConfig, NumberFieldConfig, PickListFieldConfig, REQUEST_CONTEXT, RadioButtonFieldConfig, RadioCardsFieldConfig, SelectFieldConfig, SliderFieldConfig, SpacerFieldConfig, TextFieldConfig, TextareaFieldConfig, ToggleFieldConfig, UploadFileFieldConfig, UserSearchFieldConfig, ValidatorConfig, changeBackgroundColor, changePrimaryColor, changeTextColor, createCustomValidator, createEntityAdapter, endLoading, generateTailwindPalette, handleApiRequest, isInvalid, provideMTComponents, provideMTConfirmation, provideMTMessages, setLoadingError, startLoading, wrapValidatorWithMessage };
|
|
622
|
+
export type { ApiRequestConfig, BaseFieldConstructorConfig, CrudCreateConfig, CrudDeleteConfig, CrudLoadConfig, CrudUpdateConfig, DynamicFieldConfig, DynamicFormConfig, EntityAdapter, FieldRelationAction, FieldRelationConfig, FieldState, FieldType, LayoutConfig, LoadingStateShape, MTThemeOptions, PaletteShade, QueryResult, RequestContextConfig, Response, ResponsiveColSpan, SectionConfig, ValidatorType };
|