@masterteam/components 0.0.139 → 0.0.141
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-entities.mjs +53 -7
- package/fesm2022/masterteam-components-entities.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-tooltip.mjs +9 -5
- package/fesm2022/masterteam-components-tooltip.mjs.map +1 -1
- package/fesm2022/masterteam-components-topbar.mjs +6 -3
- package/fesm2022/masterteam-components-topbar.mjs.map +1 -1
- package/fesm2022/masterteam-components.mjs +262 -72
- package/fesm2022/masterteam-components.mjs.map +1 -1
- package/package.json +1 -1
- package/types/masterteam-components-entities.d.ts +35 -6
- package/types/masterteam-components-topbar.d.ts +4 -1
|
@@ -5,7 +5,7 @@ import { HttpContext } from '@angular/common/http';
|
|
|
5
5
|
import { MTIcon } from '@masterteam/icons';
|
|
6
6
|
import { CdkDragDrop } from '@angular/cdk/drag-drop';
|
|
7
7
|
|
|
8
|
-
type EntityViewType = 'Text' | 'LongText' | 'Date' | 'DateTime' | 'Percentage' | 'Status' | 'Currency' | 'Checkbox' | 'User' | 'Lookup' | 'Attachment' | 'LookupMatrix';
|
|
8
|
+
type EntityViewType = 'Text' | 'LongText' | 'Date' | 'DateTime' | 'Percentage' | 'Status' | 'Currency' | 'Checkbox' | 'User' | 'Lookup' | 'Attachment' | 'LookupMatrix' | 'LeafDetails';
|
|
9
9
|
type EntityLabelPosition = 'top' | 'bottom';
|
|
10
10
|
/** Entity size – controls column span (1-24) inside a 24-column grid */
|
|
11
11
|
type EntitySize = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24;
|
|
@@ -22,6 +22,8 @@ interface EntityBaseConfig {
|
|
|
22
22
|
labelPosition?: EntityLabelPosition;
|
|
23
23
|
/** Legacy misspelled alias kept for compatibility */
|
|
24
24
|
labelPostion?: EntityLabelPosition;
|
|
25
|
+
/** Whether the entity content is aligned to the end (right in LTR) */
|
|
26
|
+
alignEnd?: boolean;
|
|
25
27
|
}
|
|
26
28
|
interface EntityUserConfig extends EntityBaseConfig {
|
|
27
29
|
showDisplayName?: boolean;
|
|
@@ -53,6 +55,19 @@ interface EntityUserValue {
|
|
|
53
55
|
phoneNumber?: string;
|
|
54
56
|
email?: string;
|
|
55
57
|
}
|
|
58
|
+
interface LeafDetailsStatusSummary {
|
|
59
|
+
key: string;
|
|
60
|
+
display: string;
|
|
61
|
+
color: string | null;
|
|
62
|
+
/** Always 0 in preview/configuration context; populated from runtime fetch */
|
|
63
|
+
count: number;
|
|
64
|
+
}
|
|
65
|
+
interface LeafDetailsEntityValue {
|
|
66
|
+
levelId: number;
|
|
67
|
+
levelName: string;
|
|
68
|
+
levelIcon: string;
|
|
69
|
+
statuses: LeafDetailsStatusSummary[];
|
|
70
|
+
}
|
|
56
71
|
interface EntityAttachmentItemValue {
|
|
57
72
|
id?: string;
|
|
58
73
|
name?: string;
|
|
@@ -70,7 +85,7 @@ interface EntityData {
|
|
|
70
85
|
name?: string;
|
|
71
86
|
rawValue?: string;
|
|
72
87
|
order?: number;
|
|
73
|
-
value: string | EntityStatusValue | EntityUserValue | EntityLookupValue | EntityAttachmentValue;
|
|
88
|
+
value: string | EntityStatusValue | EntityUserValue | EntityLookupValue | EntityAttachmentValue | LeafDetailsEntityValue;
|
|
74
89
|
viewType: EntityViewType;
|
|
75
90
|
type?: string;
|
|
76
91
|
configuration?: EntityConfiguration;
|
|
@@ -276,11 +291,23 @@ declare class EntityAttachment {
|
|
|
276
291
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<EntityAttachment, "mt-entity-attachment", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "endPoint": { "alias": "endPoint"; "required": false; "isSignal": true; }; "context": { "alias": "context"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
277
292
|
}
|
|
278
293
|
|
|
294
|
+
declare class EntityLeafDetails {
|
|
295
|
+
readonly data: _angular_core.InputSignal<EntityData>;
|
|
296
|
+
readonly leafValue: _angular_core.Signal<LeafDetailsEntityValue | null>;
|
|
297
|
+
/** Label shown below the badges: "Level Name (total)" */
|
|
298
|
+
readonly labelWithTotal: _angular_core.Signal<string>;
|
|
299
|
+
/** Always force label to top position, merged with any saved config */
|
|
300
|
+
readonly labelTopConfig: _angular_core.Signal<EntityBaseConfig>;
|
|
301
|
+
statusColor(color: string | null): string;
|
|
302
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<EntityLeafDetails, never>;
|
|
303
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<EntityLeafDetails, "mt-entity-leaf-details", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
304
|
+
}
|
|
305
|
+
|
|
279
306
|
declare class EntityPreview {
|
|
280
307
|
/** Single entity data to display */
|
|
281
308
|
readonly data: _angular_core.InputSignal<EntityData>;
|
|
282
309
|
readonly attachmentShape: _angular_core.InputSignal<"compact" | "default">;
|
|
283
|
-
readonly previewType: _angular_core.Signal<"Text" | "LongText" | "Date" | "DateTime" | "Percentage" | "Status" | "Currency" | "Checkbox" | "User" | "Lookup" | "Attachment">;
|
|
310
|
+
readonly previewType: _angular_core.Signal<"Text" | "LongText" | "Date" | "DateTime" | "Percentage" | "Status" | "Currency" | "Checkbox" | "User" | "Lookup" | "Attachment" | "LeafDetails">;
|
|
284
311
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<EntityPreview, never>;
|
|
285
312
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<EntityPreview, "mt-entity-preview", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "attachmentShape": { "alias": "attachmentShape"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
286
313
|
}
|
|
@@ -352,6 +379,8 @@ declare class EntitiesManage extends EntitiesResizeBase {
|
|
|
352
379
|
readonly entities: _angular_core.ModelSignal<EntityData[]>;
|
|
353
380
|
/** Emits the reordered entities array after each drag-drop */
|
|
354
381
|
readonly entitiesReordered: _angular_core.OutputEmitterRef<EntityData[]>;
|
|
382
|
+
/** Emits when an entity cell is clicked (for opening edit drawer) */
|
|
383
|
+
readonly entityClicked: _angular_core.OutputEmitterRef<EntityData>;
|
|
355
384
|
/** Entities sorted by their order field */
|
|
356
385
|
readonly sortedEntities: _angular_core.Signal<EntityData[]>;
|
|
357
386
|
/** Returns the grid-column span for a given entity size (1-24) */
|
|
@@ -360,8 +389,8 @@ declare class EntitiesManage extends EntitiesResizeBase {
|
|
|
360
389
|
onDrop(event: CdkDragDrop<EntityData[]>): void;
|
|
361
390
|
protected onResizeComplete(entity: EntityData, previousSize: EntitySize, newSize: EntitySize): void;
|
|
362
391
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<EntitiesManage, never>;
|
|
363
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<EntitiesManage, "mt-entities-manage", never, { "entities": { "alias": "entities"; "required": true; "isSignal": true; }; }, { "entities": "entitiesChange"; "entitiesReordered": "entitiesReordered"; }, never, never, true, never>;
|
|
392
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<EntitiesManage, "mt-entities-manage", never, { "entities": { "alias": "entities"; "required": true; "isSignal": true; }; }, { "entities": "entitiesChange"; "entitiesReordered": "entitiesReordered"; "entityClicked": "entityClicked"; }, never, never, true, never>;
|
|
364
393
|
}
|
|
365
394
|
|
|
366
|
-
export { EntitiesManage, EntitiesPreview, EntitiesResizeBase, EntityAttachment, EntityCheckbox, EntityCurrency, EntityDate, EntityField, EntityLongText, EntityLookup, EntityPercentage, EntityPreview, EntityStatus, EntityText, EntityUser };
|
|
367
|
-
export type { EntityAttachmentItemValue, EntityAttachmentValue, EntityBaseConfig, EntityConfiguration, EntityData, EntityLabelPosition, EntityLookupValue, EntityPercentageConfig, EntityResizeEvent, EntitySize, EntityStatusValue, EntityUserConfig, EntityUserValue, EntityViewType };
|
|
395
|
+
export { EntitiesManage, EntitiesPreview, EntitiesResizeBase, EntityAttachment, EntityCheckbox, EntityCurrency, EntityDate, EntityField, EntityLeafDetails, EntityLongText, EntityLookup, EntityPercentage, EntityPreview, EntityStatus, EntityText, EntityUser };
|
|
396
|
+
export type { EntityAttachmentItemValue, EntityAttachmentValue, EntityBaseConfig, EntityConfiguration, EntityData, EntityLabelPosition, EntityLookupValue, EntityPercentageConfig, EntityResizeEvent, EntitySize, EntityStatusValue, EntityUserConfig, EntityUserValue, EntityViewType, LeafDetailsEntityValue, LeafDetailsStatusSummary };
|
|
@@ -10,8 +10,11 @@ declare class Topbar {
|
|
|
10
10
|
title: _angular_core.InputSignal<string | undefined>;
|
|
11
11
|
subTitle: _angular_core.InputSignal<string | undefined>;
|
|
12
12
|
showBranding: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
13
|
+
logoClass: _angular_core.InputSignal<string | undefined>;
|
|
14
|
+
titleClass: _angular_core.InputSignal<string | undefined>;
|
|
15
|
+
subTitleClass: _angular_core.InputSignal<string | undefined>;
|
|
13
16
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Topbar, never>;
|
|
14
|
-
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>;
|
|
17
|
+
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; }; "logoClass": { "alias": "logoClass"; "required": false; "isSignal": true; }; "titleClass": { "alias": "titleClass"; "required": false; "isSignal": true; }; "subTitleClass": { "alias": "subTitleClass"; "required": false; "isSignal": true; }; }, {}, never, ["[start]", "[actions]"], true, never>;
|
|
15
18
|
}
|
|
16
19
|
|
|
17
20
|
export { Topbar };
|