@masterteam/components 0.0.169 → 0.0.171

package/fesm2022/masterteam-components-entities.mjs

@@ -619,6 +619,29 @@ class EntityAttachment {
             return [trimmedValue];
         }
         if (typeof value === 'object') {
+            const envelope = value;
+            // Backend attachment envelope:
+            //   { value: <id | id[]>, attachments: [{ value: <id>, name, fileName }] }
+            // The stored items don't carry the storage key (their `fileName` is the
+            // display name), only the upload id, so resolve every attachment by its
+            // id through the metadata endpoint — the same contract
+            // `mt-upload-field` uses.
+            if (Array.isArray(envelope.attachments)) {
+                return envelope.attachments.flatMap((item) => this.normalizeAttachmentValue(item));
+            }
+            // A single backend attachment item carries its upload id under `value`.
+            if (typeof envelope.value === 'string' &&
+                envelope.id === undefined &&
+                (envelope.fileName !== undefined || envelope.name !== undefined)) {
+                return this.normalizeAttachmentValue(envelope.value);
+            }
+            // Envelope with no resolved attachments yet — unwrap the inner id(s).
+            if ('value' in envelope &&
+                envelope.id === undefined &&
+                envelope.fileName === undefined &&
+                envelope.name === undefined) {
+                return this.normalizeAttachmentValue(envelope.value);
+            }
             return [value];
         }
         return [];
@@ -677,6 +700,76 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImpor
             args: [{ selector: 'mt-entity-attachment', standalone: true, imports: [FormsModule, UploadField, Button, EntityField], template: "<mt-entity-field\r\n  [label]=\"displayName()\"\r\n  [configuration]=\"data()?.configuration\"\r\n  gap=\"relaxed\"\r\n>\r\n  @if (hasAttachments()) {\r\n    @if (shape() === \"compact\") {\r\n      <div class=\"flex flex-wrap items-center gap-2\">\r\n        @for (\r\n          attachment of attachments();\r\n          track attachmentTrackBy($index, attachment)\r\n        ) {\r\n          <mt-button\r\n            iconPos=\"top\"\r\n            size=\"small\"\r\n            severity=\"secondary\"\r\n            variant=\"outlined\"\r\n            [icon]=\"attachmentIcon(attachment)\"\r\n            [tooltip]=\"attachmentTooltip(attachment)\"\r\n            styleClass=\"h-9! w-9! rounded-lg!\"\r\n            (onClick)=\"onCompactAttachmentClick($event, attachment)\"\r\n          />\r\n        }\r\n      </div>\r\n    } @else {\r\n      <mt-upload-field\r\n        class=\"w-full\"\r\n        [ngModel]=\"uploadValue()\"\r\n        [ngModelOptions]=\"{ standalone: true }\"\r\n        [shape]=\"'card'\"\r\n        [multiple]=\"isMultiple()\"\r\n        [readonly]=\"true\"\r\n        [endPoint]=\"endPoint()\"\r\n        [context]=\"context()\"\r\n      />\r\n    }\r\n  } @else {\r\n    <span class=\"text-sm font-semibold\">{{ empty }}</span>\r\n  }\r\n</mt-entity-field>\r\n" }]
         }], ctorParameters: () => [], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], shape: [{ type: i0.Input, args: [{ isSignal: true, alias: "shape", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], endPoint: [{ type: i0.Input, args: [{ isSignal: true, alias: "endPoint", required: false }] }], context: [{ type: i0.Input, args: [{ isSignal: true, alias: "context", required: false }] }] } });
 
+class EntityLocation {
+    data = input(...(ngDevMode ? [undefined, { debugName: "data" }] : /* istanbul ignore next */ []));
+    displayName = computed(() => this.data()?.name ?? '', ...(ngDevMode ? [{ debugName: "displayName" }] : /* istanbul ignore next */ []));
+    location = computed(() => normalizeEntityLocation(this.data()?.value), ...(ngDevMode ? [{ debugName: "location" }] : /* istanbul ignore next */ []));
+    displayValue = computed(() => displayOrPlaceholder(this.location()?.display_name ?? this.location()?.address ?? null), ...(ngDevMode ? [{ debugName: "displayValue" }] : /* istanbul ignore next */ []));
+    coordinates = computed(() => {
+        const location = this.location();
+        const lat = location?.lat;
+        const lon = location?.lon ?? location?.lng;
+        if (lat === undefined || lon === undefined || lat === '' || lon === '') {
+            return '';
+        }
+        return `${lat}, ${lon}`;
+    }, ...(ngDevMode ? [{ debugName: "coordinates" }] : /* istanbul ignore next */ []));
+    mapsUrl = computed(() => {
+        const location = this.location();
+        const lat = location?.lat;
+        const lon = location?.lon ?? location?.lng;
+        if (lat === undefined || lon === undefined || lat === '' || lon === '') {
+            return '';
+        }
+        return `https://www.google.com/maps/?q=${encodeURIComponent(`${lat},${lon}`)}`;
+    }, ...(ngDevMode ? [{ debugName: "mapsUrl" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: EntityLocation, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: EntityLocation, isStandalone: true, selector: "mt-entity-location", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<mt-entity-field\n  [label]=\"displayName()\"\n  [labelIconName]=\"'map.marker-pin-01'\"\n  [configuration]=\"data()?.configuration\"\n  gap=\"normal\"\n>\n  @if (mapsUrl()) {\n    <a\n      [href]=\"mapsUrl()\"\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      class=\"flex min-w-0 max-w-full items-center gap-1.5 text-sm font-semibold text-primary-600 hover:text-primary-700\"\n      mtTruncateTooltip\n      tooltipPosition=\"top\"\n    >\n      <mt-icon icon=\"map.marker-pin-01\" size=\"sm\" class=\"shrink-0\" />\n      <span class=\"min-w-0 truncate\">{{ displayValue() }}</span>\n    </a>\n  } @else {\n    <div\n      class=\"min-w-0 max-w-full truncate text-sm font-semibold\"\n      mtTruncateTooltip\n      tooltipPosition=\"top\"\n    >\n      {{ displayValue() }}\n    </div>\n  }\n\n  @if (coordinates()) {\n    <div class=\"min-w-0 truncate text-xs text-gray-500\">\n      {{ coordinates() }}\n    </div>\n  }\n</mt-entity-field>\n", dependencies: [{ kind: "component", type: EntityField, selector: "mt-entity-field", inputs: ["label", "labelIconName", "configuration", "gap"] }, { kind: "component", type: Icon, selector: "mt-icon", inputs: ["icon"] }, { kind: "directive", type: TruncateTooltip, selector: "[mtTruncateTooltip]" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: EntityLocation, decorators: [{
+            type: Component,
+            args: [{ selector: 'mt-entity-location', imports: [EntityField, Icon, TruncateTooltip], template: "<mt-entity-field\n  [label]=\"displayName()\"\n  [labelIconName]=\"'map.marker-pin-01'\"\n  [configuration]=\"data()?.configuration\"\n  gap=\"normal\"\n>\n  @if (mapsUrl()) {\n    <a\n      [href]=\"mapsUrl()\"\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      class=\"flex min-w-0 max-w-full items-center gap-1.5 text-sm font-semibold text-primary-600 hover:text-primary-700\"\n      mtTruncateTooltip\n      tooltipPosition=\"top\"\n    >\n      <mt-icon icon=\"map.marker-pin-01\" size=\"sm\" class=\"shrink-0\" />\n      <span class=\"min-w-0 truncate\">{{ displayValue() }}</span>\n    </a>\n  } @else {\n    <div\n      class=\"min-w-0 max-w-full truncate text-sm font-semibold\"\n      mtTruncateTooltip\n      tooltipPosition=\"top\"\n    >\n      {{ displayValue() }}\n    </div>\n  }\n\n  @if (coordinates()) {\n    <div class=\"min-w-0 truncate text-xs text-gray-500\">\n      {{ coordinates() }}\n    </div>\n  }\n</mt-entity-field>\n" }]
+        }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }] } });
+function normalizeEntityLocation(value) {
+    if (value === null || value === undefined || value === '') {
+        return null;
+    }
+    if (typeof value === 'string') {
+        const trimmed = value.trim();
+        if (!trimmed)
+            return null;
+        try {
+            return normalizeEntityLocation(JSON.parse(trimmed));
+        }
+        catch {
+            return {
+                display_name: trimmed,
+                address: trimmed,
+            };
+        }
+    }
+    if (typeof value !== 'object' || Array.isArray(value)) {
+        return {
+            display_name: String(value),
+            address: String(value),
+        };
+    }
+    const source = value;
+    const displayName = readString(source['display_name']) ??
+        readString(source['displayName']) ??
+        readString(source['address']) ??
+        readString(source['name']);
+    const lon = source['lon'] ?? source['lng'];
+    return {
+        ...source,
+        ...(displayName ? { display_name: displayName, address: displayName } : {}),
+        ...(lon !== undefined ? { lon: lon } : {}),
+    };
+}
+function readString(value) {
+    return typeof value === 'string' && value.trim() ? value.trim() : undefined;
+}
+
 class EntityLeafDetails {
     data = input.required(...(ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []));
     leafValue = computed(() => {
@@ -906,7 +999,7 @@ class EntityPreviewBody {
         return viewType === 'LookupMatrix' ? 'Lookup' : viewType;
     }, ...(ngDevMode ? [{ debugName: "previewType" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: EntityPreviewBody, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: EntityPreviewBody, isStandalone: true, selector: "mt-entity-preview-body", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, attachmentShape: { classPropertyName: "attachmentShape", publicName: "attachmentShape", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "w-full" }, ngImport: i0, template: "@switch (previewType()) {\r\n  @case (\"Text\") {\r\n    <mt-entity-text [data]=\"data()\" />\r\n  }\r\n  @case (\"LongText\") {\r\n    <mt-entity-long-text [data]=\"data()\" />\r\n  }\r\n  @case (\"Date\") {\r\n    <mt-entity-date [data]=\"data()\" />\r\n  }\r\n  @case (\"DateTime\") {\r\n    <mt-entity-date [data]=\"data()\" [viewType]=\"'DateTime'\" />\r\n  }\r\n  @case (\"User\") {\r\n    <mt-entity-user [data]=\"data()\" />\r\n  }\r\n  @case (\"Percentage\") {\r\n    <mt-entity-percentage [data]=\"data()\" />\r\n  }\r\n  @case (\"Currency\") {\r\n    <mt-entity-currency [data]=\"data()\" />\r\n  }\r\n  @case (\"Number\") {\r\n    <mt-entity-text [data]=\"data()\" />\r\n  }\r\n  @case (\"Checkbox\") {\r\n    <mt-entity-checkbox [data]=\"data()\" />\r\n  }\r\n  @case (\"Lookup\") {\r\n    <mt-entity-lookup [data]=\"data()\" />\r\n  }\r\n  @case (\"Status\") {\r\n    <mt-entity-status [data]=\"data()\" />\r\n  }\r\n  @case (\"Attachment\") {\r\n    <mt-entity-attachment [data]=\"data()\" [shape]=\"attachmentShape()\" />\r\n  }\r\n  @case (\"LeafDetails\") {\r\n    <mt-entity-leaf-details [data]=\"data()\" />\r\n  }\r\n  @default {\r\n    <mt-entity-text [data]=\"data()\" />\r\n  }\r\n}\r\n", dependencies: [{ kind: "component", type: EntityText, selector: "mt-entity-text", inputs: ["data", "name", "value"] }, { kind: "component", type: EntityLongText, selector: "mt-entity-long-text", inputs: ["data", "name", "value"] }, { kind: "component", type: EntityDate, selector: "mt-entity-date", inputs: ["data", "name", "value", "viewType"] }, { kind: "component", type: EntityUser, selector: "mt-entity-user", inputs: ["data"] }, { kind: "component", type: EntityPercentage, selector: "mt-entity-percentage", inputs: ["data", "name", "value", "rawValue"] }, { kind: "component", type: EntityCurrency, selector: "mt-entity-currency", inputs: ["data", "name", "value"] }, { kind: "component", type: EntityCheckbox, selector: "mt-entity-checkbox", inputs: ["data", "name", "value", "rawValue"] }, { kind: "component", type: EntityLookup, selector: "mt-entity-lookup", inputs: ["data", "name", "value"] }, { kind: "component", type: EntityAttachment, selector: "mt-entity-attachment", inputs: ["data", "name", "shape", "value", "endPoint", "context"] }, { kind: "component", type: EntityStatus, selector: "mt-entity-status", inputs: ["data", "name", "value"] }, { kind: "component", type: EntityLeafDetails, selector: "mt-entity-leaf-details", inputs: ["data"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: EntityPreviewBody, isStandalone: true, selector: "mt-entity-preview-body", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, attachmentShape: { classPropertyName: "attachmentShape", publicName: "attachmentShape", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "w-full" }, ngImport: i0, template: "@switch (previewType()) {\n  @case (\"Text\") {\n    <mt-entity-text [data]=\"data()\" />\n  }\n  @case (\"LongText\") {\n    <mt-entity-long-text [data]=\"data()\" />\n  }\n  @case (\"Date\") {\n    <mt-entity-date [data]=\"data()\" />\n  }\n  @case (\"DateTime\") {\n    <mt-entity-date [data]=\"data()\" [viewType]=\"'DateTime'\" />\n  }\n  @case (\"User\") {\n    <mt-entity-user [data]=\"data()\" />\n  }\n  @case (\"Percentage\") {\n    <mt-entity-percentage [data]=\"data()\" />\n  }\n  @case (\"Currency\") {\n    <mt-entity-currency [data]=\"data()\" />\n  }\n  @case (\"Number\") {\n    <mt-entity-text [data]=\"data()\" />\n  }\n  @case (\"Checkbox\") {\n    <mt-entity-checkbox [data]=\"data()\" />\n  }\n  @case (\"Lookup\") {\n    <mt-entity-lookup [data]=\"data()\" />\n  }\n  @case (\"Status\") {\n    <mt-entity-status [data]=\"data()\" />\n  }\n  @case (\"Attachment\") {\n    <mt-entity-attachment [data]=\"data()\" [shape]=\"attachmentShape()\" />\n  }\n  @case (\"Location\") {\n    <mt-entity-location [data]=\"data()\" />\n  }\n  @case (\"LeafDetails\") {\n    <mt-entity-leaf-details [data]=\"data()\" />\n  }\n  @default {\n    <mt-entity-text [data]=\"data()\" />\n  }\n}\n", dependencies: [{ kind: "component", type: EntityText, selector: "mt-entity-text", inputs: ["data", "name", "value"] }, { kind: "component", type: EntityLongText, selector: "mt-entity-long-text", inputs: ["data", "name", "value"] }, { kind: "component", type: EntityDate, selector: "mt-entity-date", inputs: ["data", "name", "value", "viewType"] }, { kind: "component", type: EntityUser, selector: "mt-entity-user", inputs: ["data"] }, { kind: "component", type: EntityPercentage, selector: "mt-entity-percentage", inputs: ["data", "name", "value", "rawValue"] }, { kind: "component", type: EntityCurrency, selector: "mt-entity-currency", inputs: ["data", "name", "value"] }, { kind: "component", type: EntityCheckbox, selector: "mt-entity-checkbox", inputs: ["data", "name", "value", "rawValue"] }, { kind: "component", type: EntityLookup, selector: "mt-entity-lookup", inputs: ["data", "name", "value"] }, { kind: "component", type: EntityAttachment, selector: "mt-entity-attachment", inputs: ["data", "name", "shape", "value", "endPoint", "context"] }, { kind: "component", type: EntityStatus, selector: "mt-entity-status", inputs: ["data", "name", "value"] }, { kind: "component", type: EntityLeafDetails, selector: "mt-entity-leaf-details", inputs: ["data"] }, { kind: "component", type: EntityLocation, selector: "mt-entity-location", inputs: ["data"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: EntityPreviewBody, decorators: [{
             type: Component,
@@ -922,9 +1015,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImpor
                         EntityAttachment,
                         EntityStatus,
                         EntityLeafDetails,
+                        EntityLocation,
                     ], host: {
                         class: 'w-full',
-                    }, template: "@switch (previewType()) {\r\n  @case (\"Text\") {\r\n    <mt-entity-text [data]=\"data()\" />\r\n  }\r\n  @case (\"LongText\") {\r\n    <mt-entity-long-text [data]=\"data()\" />\r\n  }\r\n  @case (\"Date\") {\r\n    <mt-entity-date [data]=\"data()\" />\r\n  }\r\n  @case (\"DateTime\") {\r\n    <mt-entity-date [data]=\"data()\" [viewType]=\"'DateTime'\" />\r\n  }\r\n  @case (\"User\") {\r\n    <mt-entity-user [data]=\"data()\" />\r\n  }\r\n  @case (\"Percentage\") {\r\n    <mt-entity-percentage [data]=\"data()\" />\r\n  }\r\n  @case (\"Currency\") {\r\n    <mt-entity-currency [data]=\"data()\" />\r\n  }\r\n  @case (\"Number\") {\r\n    <mt-entity-text [data]=\"data()\" />\r\n  }\r\n  @case (\"Checkbox\") {\r\n    <mt-entity-checkbox [data]=\"data()\" />\r\n  }\r\n  @case (\"Lookup\") {\r\n    <mt-entity-lookup [data]=\"data()\" />\r\n  }\r\n  @case (\"Status\") {\r\n    <mt-entity-status [data]=\"data()\" />\r\n  }\r\n  @case (\"Attachment\") {\r\n    <mt-entity-attachment [data]=\"data()\" [shape]=\"attachmentShape()\" />\r\n  }\r\n  @case (\"LeafDetails\") {\r\n    <mt-entity-leaf-details [data]=\"data()\" />\r\n  }\r\n  @default {\r\n    <mt-entity-text [data]=\"data()\" />\r\n  }\r\n}\r\n" }]
+                    }, template: "@switch (previewType()) {\n  @case (\"Text\") {\n    <mt-entity-text [data]=\"data()\" />\n  }\n  @case (\"LongText\") {\n    <mt-entity-long-text [data]=\"data()\" />\n  }\n  @case (\"Date\") {\n    <mt-entity-date [data]=\"data()\" />\n  }\n  @case (\"DateTime\") {\n    <mt-entity-date [data]=\"data()\" [viewType]=\"'DateTime'\" />\n  }\n  @case (\"User\") {\n    <mt-entity-user [data]=\"data()\" />\n  }\n  @case (\"Percentage\") {\n    <mt-entity-percentage [data]=\"data()\" />\n  }\n  @case (\"Currency\") {\n    <mt-entity-currency [data]=\"data()\" />\n  }\n  @case (\"Number\") {\n    <mt-entity-text [data]=\"data()\" />\n  }\n  @case (\"Checkbox\") {\n    <mt-entity-checkbox [data]=\"data()\" />\n  }\n  @case (\"Lookup\") {\n    <mt-entity-lookup [data]=\"data()\" />\n  }\n  @case (\"Status\") {\n    <mt-entity-status [data]=\"data()\" />\n  }\n  @case (\"Attachment\") {\n    <mt-entity-attachment [data]=\"data()\" [shape]=\"attachmentShape()\" />\n  }\n  @case (\"Location\") {\n    <mt-entity-location [data]=\"data()\" />\n  }\n  @case (\"LeafDetails\") {\n    <mt-entity-leaf-details [data]=\"data()\" />\n  }\n  @default {\n    <mt-entity-text [data]=\"data()\" />\n  }\n}\n" }]
         }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }], attachmentShape: [{ type: i0.Input, args: [{ isSignal: true, alias: "attachmentShape", required: false }] }] } });
 
 class ComparisonValue {
@@ -1283,5 +1377,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ComparisonEntityList, ComparisonValue, EntitiesManage, EntitiesPreview, EntitiesResizeBase, EntityAttachment, EntityCheckbox, EntityCurrency, EntityDate, EntityField, EntityLeafDetails, EntityLongText, EntityLookup, EntityPercentage, EntityPreview, EntityPreviewBody, EntityStatus, EntityText, EntityUser, LEAF_DETAILS_KEY_SEPARATOR, buildDisplayEntities, expandLeafDetailsEntity, isLeafDetailsCatalogConfiguration, isLeafDetailsCollectionValue, isLeafDetailsRuntimeValue, isLeafDetailsSyntheticKey, isLeafDetailsValue };
+export { ComparisonEntityList, ComparisonValue, EntitiesManage, EntitiesPreview, EntitiesResizeBase, EntityAttachment, EntityCheckbox, EntityCurrency, EntityDate, EntityField, EntityLeafDetails, EntityLocation, EntityLongText, EntityLookup, EntityPercentage, EntityPreview, EntityPreviewBody, EntityStatus, EntityText, EntityUser, LEAF_DETAILS_KEY_SEPARATOR, buildDisplayEntities, expandLeafDetailsEntity, isLeafDetailsCatalogConfiguration, isLeafDetailsCollectionValue, isLeafDetailsRuntimeValue, isLeafDetailsSyntheticKey, isLeafDetailsValue };
 //# sourceMappingURL=masterteam-components-entities.mjs.map