@masterteam/components 0.0.125 → 0.0.127

package/fesm2022/masterteam-components-tooltip.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Directive } from '@angular/core';
+import { Directive, inject, ElementRef, NgZone, DestroyRef } from '@angular/core';
 import * as i1 from 'primeng/tooltip';
 import { Tooltip as Tooltip$1 } from 'primeng/tooltip';
 
@@ -37,9 +37,107 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImpor
                 }]
         }] });
 
+class TruncateTooltip {
+    elementRef = inject(ElementRef);
+    zone = inject(NgZone);
+    destroyRef = inject(DestroyRef);
+    tooltip = inject(Tooltip$1);
+    resizeObserver;
+    mutationObserver;
+    syncTimeout = null;
+    ngAfterViewInit() {
+        this.zone.runOutsideAngular(() => {
+            const element = this.elementRef.nativeElement;
+            if (typeof ResizeObserver !== 'undefined') {
+                this.resizeObserver = new ResizeObserver(() => this.queueSync());
+                this.resizeObserver.observe(element);
+            }
+            if (typeof MutationObserver !== 'undefined') {
+                this.mutationObserver = new MutationObserver(() => this.queueSync());
+                this.mutationObserver.observe(element, {
+                    childList: true,
+                    characterData: true,
+                    subtree: true,
+                    attributes: true,
+                    attributeFilter: ['class', 'style'],
+                });
+            }
+            this.queueSync();
+        });
+        this.destroyRef.onDestroy(() => {
+            this.resizeObserver?.disconnect();
+            this.mutationObserver?.disconnect();
+            if (this.syncTimeout !== null) {
+                clearTimeout(this.syncTimeout);
+            }
+        });
+    }
+    syncTooltipState() {
+        this.queueSync();
+    }
+    queueSync() {
+        if (this.syncTimeout !== null) {
+            return;
+        }
+        this.syncTimeout = setTimeout(() => {
+            this.syncTimeout = null;
+            this.syncTooltip();
+        });
+    }
+    syncTooltip() {
+        const element = this.elementRef.nativeElement;
+        const text = element.textContent?.replace(/\s+/g, ' ').trim() ?? '';
+        const isTruncated = element.scrollWidth > element.clientWidth ||
+            element.scrollHeight > element.clientHeight;
+        this.tooltip.content = text || undefined;
+        this.tooltip.disabled = !text || !isTruncated;
+        if (!this.tooltip.active) {
+            return;
+        }
+        if (this.tooltip.disabled) {
+            this.tooltip.hide();
+            return;
+        }
+        this.tooltip.updateText();
+        this.tooltip.align();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: TruncateTooltip, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.3", type: TruncateTooltip, isStandalone: true, selector: "[mtTruncateTooltip]", host: { listeners: { "mouseenter": "syncTooltipState()", "focusin": "syncTooltipState()" } }, hostDirectives: [{ directive: i1.Tooltip, inputs: ["tooltipPosition", "tooltipPosition", "tooltipEvent", "tooltipEvent", "appendTo", "appendTo", "tooltipStyleClass", "tooltipStyleClass", "escape", "escape", "showDelay", "showDelay", "hideDelay", "hideDelay", "life", "life", "positionTop", "positionTop", "positionLeft", "positionLeft", "autoHide", "autoHide", "fitContent", "fitContent", "hideOnEscape", "hideOnEscape"] }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: TruncateTooltip, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mtTruncateTooltip]',
+                    host: {
+                        '(mouseenter)': 'syncTooltipState()',
+                        '(focusin)': 'syncTooltipState()',
+                    },
+                    hostDirectives: [
+                        {
+                            directive: Tooltip$1,
+                            inputs: [
+                                'tooltipPosition',
+                                'tooltipEvent',
+                                'appendTo',
+                                'tooltipStyleClass',
+                                'escape',
+                                'showDelay',
+                                'hideDelay',
+                                'life',
+                                'positionTop',
+                                'positionLeft',
+                                'autoHide',
+                                'fitContent',
+                                'hideOnEscape',
+                            ],
+                        },
+                    ],
+                }]
+        }] });
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { Tooltip };
+export { Tooltip, TruncateTooltip };
 //# sourceMappingURL=masterteam-components-tooltip.mjs.map

package/fesm2022/masterteam-components-tooltip.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"masterteam-components-tooltip.mjs","sources":["../../../../packages/masterteam/components/tooltip/tooltip.ts","../../../../packages/masterteam/components/tooltip/masterteam-components-tooltip.ts"],"sourcesContent":["import { Directive } from '@angular/core';\r\nimport { Tooltip as PrimeTooltip } from 'primeng/tooltip';\r\n\r\n@Directive({\r\n  selector: '[mtTooltip]',\r\n  standalone: true,\r\n  hostDirectives: [\r\n    {\r\n      directive: PrimeTooltip,\r\n      inputs: [\r\n        'pTooltip: mtTooltip',\r\n        'tooltipPosition',\r\n        'tooltipEvent',\r\n        'appendTo',\r\n        'tooltipStyleClass',\r\n        'escape',\r\n        'showDelay',\r\n        'hideDelay',\r\n        'life',\r\n        'positionTop',\r\n        'positionLeft',\r\n        'autoHide',\r\n        'fitContent',\r\n        'hideOnEscape',\r\n        'tooltipDisabled',\r\n      ],\r\n    },\r\n  ],\r\n})\r\nexport class Tooltip {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["PrimeTooltip"],"mappings":";;;;;MA6Ba,OAAO,CAAA;uGAAP,OAAO,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAP,OAAO,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,cAAA,EAAA,UAAA,EAAA,UAAA,EAAA,mBAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,QAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,MAAA,EAAA,MAAA,EAAA,aAAA,EAAA,aAAA,EAAA,cAAA,EAAA,cAAA,EAAA,UAAA,EAAA,UAAA,EAAA,YAAA,EAAA,YAAA,EAAA,cAAA,EAAA,cAAA,EAAA,iBAAA,EAAA,iBAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAP,OAAO,EAAA,UAAA,EAAA,CAAA;kBA1BnB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,aAAa;AACvB,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,cAAc,EAAE;AACd,wBAAA;AACE,4BAAA,SAAS,EAAEA,SAAY;AACvB,4BAAA,MAAM,EAAE;gCACN,qBAAqB;gCACrB,iBAAiB;gCACjB,cAAc;gCACd,UAAU;gCACV,mBAAmB;gCACnB,QAAQ;gCACR,WAAW;gCACX,WAAW;gCACX,MAAM;gCACN,aAAa;gCACb,cAAc;gCACd,UAAU;gCACV,YAAY;gCACZ,cAAc;gCACd,iBAAiB;AAClB,6BAAA;AACF,yBAAA;AACF,qBAAA;AACF,iBAAA;;;AC5BD;;AAEG;;;;"}
+{"version":3,"file":"masterteam-components-tooltip.mjs","sources":["../../../../packages/masterteam/components/tooltip/tooltip.ts","../../../../packages/masterteam/components/tooltip/truncate-tooltip.ts","../../../../packages/masterteam/components/tooltip/masterteam-components-tooltip.ts"],"sourcesContent":["import { Directive } from '@angular/core';\r\nimport { Tooltip as PrimeTooltip } from 'primeng/tooltip';\r\n\r\n@Directive({\r\n  selector: '[mtTooltip]',\r\n  standalone: true,\r\n  hostDirectives: [\r\n    {\r\n      directive: PrimeTooltip,\r\n      inputs: [\r\n        'pTooltip: mtTooltip',\r\n        'tooltipPosition',\r\n        'tooltipEvent',\r\n        'appendTo',\r\n        'tooltipStyleClass',\r\n        'escape',\r\n        'showDelay',\r\n        'hideDelay',\r\n        'life',\r\n        'positionTop',\r\n        'positionLeft',\r\n        'autoHide',\r\n        'fitContent',\r\n        'hideOnEscape',\r\n        'tooltipDisabled',\r\n      ],\r\n    },\r\n  ],\r\n})\r\nexport class Tooltip {}\r\n","import {\n  AfterViewInit,\n  DestroyRef,\n  Directive,\n  ElementRef,\n  NgZone,\n  inject,\n} from '@angular/core';\nimport { Tooltip as PrimeTooltip } from 'primeng/tooltip';\n\n@Directive({\n  selector: '[mtTruncateTooltip]',\n  host: {\n    '(mouseenter)': 'syncTooltipState()',\n    '(focusin)': 'syncTooltipState()',\n  },\n  hostDirectives: [\n    {\n      directive: PrimeTooltip,\n      inputs: [\n        'tooltipPosition',\n        'tooltipEvent',\n        'appendTo',\n        'tooltipStyleClass',\n        'escape',\n        'showDelay',\n        'hideDelay',\n        'life',\n        'positionTop',\n        'positionLeft',\n        'autoHide',\n        'fitContent',\n        'hideOnEscape',\n      ],\n    },\n  ],\n})\nexport class TruncateTooltip implements AfterViewInit {\n  private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly zone = inject(NgZone);\n  private readonly destroyRef = inject(DestroyRef);\n  private readonly tooltip = inject(PrimeTooltip);\n\n  private resizeObserver?: ResizeObserver;\n  private mutationObserver?: MutationObserver;\n  private syncTimeout: ReturnType<typeof setTimeout> | null = null;\n\n  ngAfterViewInit(): void {\n    this.zone.runOutsideAngular(() => {\n      const element = this.elementRef.nativeElement;\n\n      if (typeof ResizeObserver !== 'undefined') {\n        this.resizeObserver = new ResizeObserver(() => this.queueSync());\n        this.resizeObserver.observe(element);\n      }\n\n      if (typeof MutationObserver !== 'undefined') {\n        this.mutationObserver = new MutationObserver(() => this.queueSync());\n        this.mutationObserver.observe(element, {\n          childList: true,\n          characterData: true,\n          subtree: true,\n          attributes: true,\n          attributeFilter: ['class', 'style'],\n        });\n      }\n\n      this.queueSync();\n    });\n\n    this.destroyRef.onDestroy(() => {\n      this.resizeObserver?.disconnect();\n      this.mutationObserver?.disconnect();\n\n      if (this.syncTimeout !== null) {\n        clearTimeout(this.syncTimeout);\n      }\n    });\n  }\n\n  syncTooltipState(): void {\n    this.queueSync();\n  }\n\n  private queueSync(): void {\n    if (this.syncTimeout !== null) {\n      return;\n    }\n\n    this.syncTimeout = setTimeout(() => {\n      this.syncTimeout = null;\n      this.syncTooltip();\n    });\n  }\n\n  private syncTooltip(): void {\n    const element = this.elementRef.nativeElement;\n    const text = element.textContent?.replace(/\\s+/g, ' ').trim() ?? '';\n    const isTruncated =\n      element.scrollWidth > element.clientWidth ||\n      element.scrollHeight > element.clientHeight;\n\n    this.tooltip.content = text || undefined;\n    this.tooltip.disabled = !text || !isTruncated;\n\n    if (!this.tooltip.active) {\n      return;\n    }\n\n    if (this.tooltip.disabled) {\n      this.tooltip.hide();\n      return;\n    }\n\n    this.tooltip.updateText();\n    this.tooltip.align();\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["PrimeTooltip"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@masterteam/components",
-  "version": "0.0.125",
+  "version": "0.0.127",
   "publishConfig": {
     "directory": "../../../dist/masterteam/components",
     "linkDirectory": true,

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

@@ -1,3 +1,4 @@
+import * as _masterteam_components_entities from '@masterteam/components/entities';
 import * as _angular_core from '@angular/core';
 import { ElementRef, NgZone } from '@angular/core';
 import { HttpContext } from '@angular/common/http';
@@ -5,6 +6,7 @@ import { MTIcon } from '@masterteam/icons';
 import { CdkDragDrop } from '@angular/cdk/drag-drop';
 
 type EntityViewType = 'Text' | 'LongText' | 'Date' | 'DateTime' | 'Percentage' | 'Status' | 'Currency' | 'Checkbox' | 'User' | 'Lookup' | 'Attachment' | 'LookupMatrix';
+type EntityLabelPosition = 'top' | 'bottom';
 /** Entity size – controls column span (1-24) inside a 24-column grid */
 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;
 interface EntityBaseConfig {
@@ -12,8 +14,14 @@ interface EntityBaseConfig {
     size?: EntitySize;
     /** Whether to show a dashed border around the entity card */
     showBorder?: boolean;
-    /** Whether to hide the entity name label */
+    /** Whether to hide the entity name label. Prefer hideLabel for new config. */
     hideName?: boolean;
+    /** Whether to hide the entity label */
+    hideLabel?: boolean;
+    /** Controls whether the label is rendered above or below the value */
+    labelPosition?: EntityLabelPosition;
+    /** Legacy misspelled alias kept for compatibility */
+    labelPostion?: EntityLabelPosition;
 }
 interface EntityUserConfig extends EntityBaseConfig {
     showDisplayName?: boolean;
@@ -74,6 +82,18 @@ interface EntityResizeEvent {
     newSize: EntitySize;
 }
 
+type EntityFieldGap = 'compact' | 'normal' | 'relaxed';
+declare class EntityField {
+    readonly label: _angular_core.InputSignal<string>;
+    readonly configuration: _angular_core.InputSignal<EntityConfiguration | null | undefined>;
+    readonly gap: _angular_core.InputSignal<EntityFieldGap>;
+    readonly hideLabel: _angular_core.Signal<boolean>;
+    readonly labelPosition: _angular_core.Signal<_masterteam_components_entities.EntityLabelPosition>;
+    readonly containerClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EntityField, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EntityField, "mt-entity-field", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "configuration": { "alias": "configuration"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
 declare class EntityText {
     /** Full entity data object */
     readonly data: _angular_core.InputSignal<EntityData | undefined>;
@@ -82,7 +102,6 @@ declare class EntityText {
     readonly value: _angular_core.InputSignal<string | undefined>;
     readonly displayName: _angular_core.Signal<string>;
     readonly displayValue: _angular_core.Signal<string>;
-    readonly hideName: _angular_core.Signal<boolean>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<EntityText, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<EntityText, "mt-entity-text", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
@@ -95,7 +114,6 @@ declare class EntityDate {
     readonly value: _angular_core.InputSignal<string | undefined>;
     readonly displayName: _angular_core.Signal<string>;
     readonly displayValue: _angular_core.Signal<string>;
-    readonly hideName: _angular_core.Signal<boolean>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<EntityDate, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<EntityDate, "mt-entity-date", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
@@ -117,7 +135,6 @@ declare class EntityStatus {
     }>;
     readonly emptyLabel = "_";
     readonly statusLabel: _angular_core.Signal<string>;
-    readonly hideName: _angular_core.Signal<boolean>;
     private hexToRgba;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<EntityStatus, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<EntityStatus, "mt-entity-status", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
@@ -172,7 +189,6 @@ declare class EntityCurrency {
     readonly value: _angular_core.InputSignal<string | undefined>;
     readonly displayName: _angular_core.Signal<string>;
     readonly displayValue: _angular_core.Signal<string>;
-    readonly hideName: _angular_core.Signal<boolean>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<EntityCurrency, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<EntityCurrency, "mt-entity-currency", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
@@ -201,7 +217,6 @@ declare class EntityLongText {
     readonly value: _angular_core.InputSignal<string | undefined>;
     readonly displayName: _angular_core.Signal<string>;
     readonly displayValue: _angular_core.Signal<string>;
-    readonly hideName: _angular_core.Signal<boolean>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<EntityLongText, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<EntityLongText, "mt-entity-long-text", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
@@ -223,7 +238,6 @@ declare class EntityLookup {
     }>;
     readonly emptyLabel = "_";
     readonly lookupLabel: _angular_core.Signal<string>;
-    readonly hideName: _angular_core.Signal<boolean>;
     private hexToRgba;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<EntityLookup, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<EntityLookup, "mt-entity-lookup", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
@@ -233,13 +247,12 @@ type AttachmentReference = EntityAttachmentItemValue | string;
 declare class EntityAttachment {
     readonly data: _angular_core.InputSignal<EntityData | undefined>;
     readonly name: _angular_core.InputSignal<string | undefined>;
-    readonly shape: _angular_core.InputSignal<"default" | "compact">;
+    readonly shape: _angular_core.InputSignal<"compact" | "default">;
     readonly value: _angular_core.InputSignal<string | EntityAttachmentItemValue | EntityAttachmentValue | null | undefined>;
     readonly endPoint: _angular_core.InputSignal<string>;
     readonly context: _angular_core.InputSignal<HttpContext | undefined>;
     private readonly httpClient;
     readonly displayName: _angular_core.Signal<string>;
-    readonly hideName: _angular_core.Signal<boolean>;
     readonly loading: _angular_core.WritableSignal<boolean>;
     readonly attachments: _angular_core.WritableSignal<EntityAttachmentItemValue[]>;
     readonly attachmentReferences: _angular_core.Signal<AttachmentReference[]>;
@@ -266,7 +279,7 @@ declare class EntityAttachment {
 declare class EntityPreview {
     /** Single entity data to display */
     readonly data: _angular_core.InputSignal<EntityData>;
-    readonly attachmentShape: _angular_core.InputSignal<"default" | "compact">;
+    readonly attachmentShape: _angular_core.InputSignal<"compact" | "default">;
     readonly previewType: _angular_core.Signal<"Text" | "LongText" | "Date" | "DateTime" | "Percentage" | "Status" | "Currency" | "Checkbox" | "User" | "Lookup" | "Attachment">;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<EntityPreview, never>;
     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>;
@@ -275,7 +288,7 @@ declare class EntityPreview {
 declare class EntitiesPreview {
     /** Array of entity data to display */
     readonly entities: _angular_core.InputSignal<EntityData[]>;
-    readonly attachmentShape: _angular_core.InputSignal<"default" | "compact">;
+    readonly attachmentShape: _angular_core.InputSignal<"compact" | "default">;
     /** Entities sorted by order */
     readonly sortedEntities: _angular_core.Signal<EntityData[]>;
     /** Returns the grid-column span for a given entity size (1-24) */
@@ -350,5 +363,5 @@ declare class EntitiesManage extends EntitiesResizeBase {
     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>;
 }
 
-export { EntitiesManage, EntitiesPreview, EntitiesResizeBase, EntityAttachment, EntityCheckbox, EntityCurrency, EntityDate, EntityLongText, EntityLookup, EntityPercentage, EntityPreview, EntityStatus, EntityText, EntityUser };
-export type { EntityAttachmentItemValue, EntityAttachmentValue, EntityBaseConfig, EntityConfiguration, EntityData, EntityLookupValue, EntityPercentageConfig, EntityResizeEvent, EntitySize, EntityStatusValue, EntityUserConfig, EntityUserValue, EntityViewType };
+export { EntitiesManage, EntitiesPreview, EntitiesResizeBase, EntityAttachment, EntityCheckbox, EntityCurrency, EntityDate, EntityField, EntityLongText, EntityLookup, EntityPercentage, EntityPreview, EntityStatus, EntityText, EntityUser };
+export type { EntityAttachmentItemValue, EntityAttachmentValue, EntityBaseConfig, EntityConfiguration, EntityData, EntityLabelPosition, EntityLookupValue, EntityPercentageConfig, EntityResizeEvent, EntitySize, EntityStatusValue, EntityUserConfig, EntityUserValue, EntityViewType };

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

@@ -182,6 +182,8 @@ declare class Table {
     private buildStatusEntityData;
     private resolveStatusValue;
     private unwrapStatusValue;
+    private isEntityStatusCompatibilityColumn;
+    private isStatusColumnKey;
     private resolveStatusMapValue;
     private resolveDefaultStatusColor;
     private normalizeStatusToken;

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

@@ -1,4 +1,5 @@
 import * as i0 from '@angular/core';
+import { AfterViewInit } from '@angular/core';
 import * as i1 from 'primeng/tooltip';
 
 declare class Tooltip {
@@ -6,4 +7,20 @@ declare class Tooltip {
     static ɵdir: i0.ɵɵDirectiveDeclaration<Tooltip, "[mtTooltip]", never, {}, {}, never, never, true, [{ directive: typeof i1.Tooltip; inputs: { "pTooltip": "mtTooltip"; "tooltipPosition": "tooltipPosition"; "tooltipEvent": "tooltipEvent"; "appendTo": "appendTo"; "tooltipStyleClass": "tooltipStyleClass"; "escape": "escape"; "showDelay": "showDelay"; "hideDelay": "hideDelay"; "life": "life"; "positionTop": "positionTop"; "positionLeft": "positionLeft"; "autoHide": "autoHide"; "fitContent": "fitContent"; "hideOnEscape": "hideOnEscape"; "tooltipDisabled": "tooltipDisabled"; }; outputs: {}; }]>;
 }
 
-export { Tooltip };
+declare class TruncateTooltip implements AfterViewInit {
+    private readonly elementRef;
+    private readonly zone;
+    private readonly destroyRef;
+    private readonly tooltip;
+    private resizeObserver?;
+    private mutationObserver?;
+    private syncTimeout;
+    ngAfterViewInit(): void;
+    syncTooltipState(): void;
+    private queueSync;
+    private syncTooltip;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TruncateTooltip, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TruncateTooltip, "[mtTruncateTooltip]", never, {}, {}, never, never, true, [{ directive: typeof i1.Tooltip; inputs: { "tooltipPosition": "tooltipPosition"; "tooltipEvent": "tooltipEvent"; "appendTo": "appendTo"; "tooltipStyleClass": "tooltipStyleClass"; "escape": "escape"; "showDelay": "showDelay"; "hideDelay": "hideDelay"; "life": "life"; "positionTop": "positionTop"; "positionLeft": "positionLeft"; "autoHide": "autoHide"; "fitContent": "fitContent"; "hideOnEscape": "hideOnEscape"; }; outputs: {}; }]>;
+}
+
+export { Tooltip, TruncateTooltip };

package/fesm2022/masterteam-components-dialog.mjs

@@ -1,33 +0,0 @@
-import { DialogService as DialogService$1 } from 'primeng/dynamicdialog';
-export { DynamicDialogConfig, DynamicDialogRef, DynamicDialogRef as ModalRef } from 'primeng/dynamicdialog';
-import * as i0 from '@angular/core';
-import { Injectable } from '@angular/core';
-
-class DialogService extends DialogService$1 {
-    ref;
-    open(component, config) {
-        const defaultConfig = {
-            closable: true,
-            modal: true,
-        };
-        this.ref = super.open(component, {
-            ...defaultConfig,
-            ...config,
-            styleClass: 'mt-dialog ' + config?.styleClass,
-        });
-        return this.ref;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: DialogService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: DialogService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: DialogService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { DialogService };
-//# sourceMappingURL=masterteam-components-dialog.mjs.map

package/fesm2022/masterteam-components-dialog.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"masterteam-components-dialog.mjs","sources":["../../../../packages/masterteam/components/dialog/dialog.ts","../../../../packages/masterteam/components/dialog/masterteam-components-dialog.ts"],"sourcesContent":["import {\r\n  DialogService as PrimeNGDialogService,\r\n  DynamicDialogConfig,\r\n  DynamicDialogRef,\r\n} from 'primeng/dynamicdialog';\r\nimport { Injectable } from '@angular/core';\r\nexport {\r\n  DynamicDialogConfig,\r\n  DynamicDialogRef as ModalRef,\r\n} from 'primeng/dynamicdialog';\r\nexport { DynamicDialogRef } from 'primeng/dynamicdialog';\r\n\r\n@Injectable({ providedIn: 'root' })\r\nexport class DialogService extends PrimeNGDialogService {\r\n  ref: DynamicDialogRef | undefined | null;\r\n\r\n  override open(component: any, config?: DynamicDialogConfig) {\r\n    const defaultConfig = {\r\n      closable: true,\r\n      modal: true,\r\n    };\r\n    this.ref = super.open(component, {\r\n      ...defaultConfig,\r\n      ...config,\r\n      styleClass: 'mt-dialog ' + config?.styleClass,\r\n    });\r\n    return this.ref;\r\n  }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["PrimeNGDialogService"],"mappings":";;;;;AAaM,MAAO,aAAc,SAAQA,eAAoB,CAAA;AACrD,IAAA,GAAG;IAEM,IAAI,CAAC,SAAc,EAAE,MAA4B,EAAA;AACxD,QAAA,MAAM,aAAa,GAAG;AACpB,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,KAAK,EAAE,IAAI;SACZ;QACD,IAAI,CAAC,GAAG,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,EAAE;AAC/B,YAAA,GAAG,aAAa;AAChB,YAAA,GAAG,MAAM;AACT,YAAA,UAAU,EAAE,YAAY,GAAG,MAAM,EAAE,UAAU;AAC9C,SAAA,CAAC;QACF,OAAO,IAAI,CAAC,GAAG;IACjB;uGAdW,aAAa,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;AAAb,IAAA,OAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,cADA,MAAM,EAAA,CAAA;;2FACnB,aAAa,EAAA,UAAA,EAAA,CAAA;kBADzB,UAAU;mBAAC,EAAE,UAAU,EAAE,MAAM,EAAE;;;ACZlC;;AAEG;;;;"}