@limetech/lime-crm-building-blocks 1.73.0 → 1.74.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [1.74.0](https://github.com/Lundalogik/lime-crm-building-blocks/compare/v1.73.0...v1.74.0) (2025-05-06)
+
+### Features
+
+
+* **text-editor:** add metadata event for notifying about metadata changes (images and links) ([5a4f480](https://github.com/Lundalogik/lime-crm-building-blocks/commit/5a4f480bcdd1152c0197ffeeb37b199b55e917c3))
+
 ## [1.73.0](https://github.com/Lundalogik/lime-crm-building-blocks/compare/v1.72.1...v1.73.0) (2025-04-29)
 
 ### Features

package/dist/cjs/limebb-text-editor.cjs.entry.js

@@ -1423,6 +1423,36 @@ class UploadHandler {
         }
         return uploadedFile;
     }
+    /**
+     * Extracts a file ID from a image source string.
+     *
+     * This function parses a URL to find a file ID that appears before
+     * '/contents/' at the end of the URL.
+     *
+     * @param {string} src - The URL string to parse
+     * @returns {string | undefined} The extracted file ID or undefined if no match is found
+     *
+     * @example
+     * // Returns 123
+     * parseFileIdFromSrc('/api/file/123/contents/');
+     *
+     * @example
+     * // Returns 456
+     * parseFileIdFromSrc('https://example.com/limepkg-email/api/v1/file/456/contents/');
+     *
+     * @example
+     * // Returns undefined
+     * parseFileIdFromSrc('/invalid/url/format/');
+     */
+    parseFileIdFromSrc(src) {
+        if (src) {
+            const regex = /\/(\d+)\/contents\/?$/;
+            const matches = regex.exec(src);
+            if (matches && matches[1]) {
+                return Number(matches[1]);
+            }
+        }
+    }
     /**
      * Validates that the image file size is within limits
      *
@@ -1448,7 +1478,7 @@ class UploadHandler {
         }
         const imageFile = new FileUpload(fileInfo.fileContent, this.http);
         await imageFile.initialize();
-        const imageUpload = Object.assign(Object.assign({}, fileInfo), { progress: 0, file: imageFile, state: 'added', fileId: undefined, href: undefined, fileInfoId: fileInfo.id });
+        const imageUpload = Object.assign(Object.assign({}, fileInfo), { progress: 0, file: imageFile, state: 'added', fileId: undefined, href: undefined, id: fileInfo.id });
         imageFile.onProgress = (progress) => {
             if (imageUpload.progress === 0) {
                 imageUpload.state = 'uploading';
@@ -1459,10 +1489,6 @@ class UploadHandler {
             }
         };
         const response = await imageFile.upload();
-        // FileWrapper wraps the FileStatus type, which wraps the FileInfo interface
-        // 'id' is the file id property on the FileInfo interface
-        // 'fileId' is the file id property on the FileStatus type
-        imageUpload.id = response.id;
         imageUpload.fileId = response.id;
         imageUpload.filename = response.filename;
         imageUpload.extension = response.extension;
@@ -1500,9 +1526,7 @@ const LimeBBTextEditor = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.change = index.createEvent(this, "change", 7);
-        this.imageUploaded = index.createEvent(this, "imageUploaded", 7);
-        this.imageRemoved = index.createEvent(this, "imageRemoved", 7);
-        this.imagesUploading = index.createEvent(this, "imagesUploading", 7);
+        this.metadataChange = index.createEvent(this, "metadataChange", 7);
         /**
          * Set to true to enable mentioning a coworker or groups of coworkers.
          *
@@ -1576,8 +1600,7 @@ const LimeBBTextEditor = class {
          *
          * :::note
          * This component handles the upload process.
-         * The consumer must process the uploaded images by listening to `imageUploaded` and
-         * `imageRemoved` events.
+         * The consumer must process the uploaded images by listening to `metadataChange` event.
          * :::
          */
         this.allowInlineImages = false;
@@ -1595,7 +1618,6 @@ const LimeBBTextEditor = class {
         this.registeredTriggerMap = this.triggerMap;
         this.registeredCustomElements = this.customElements;
         this.activeTrigger = undefined;
-        this.activeUploads = new Set();
         this.handleMouseClick = (event) => {
             if (!this.textEditorPickerElement) {
                 return;
@@ -1653,38 +1675,19 @@ const LimeBBTextEditor = class {
         this.handleEnterOrTabKey = (event) => {
             this.handleItemSelection(event);
         };
-        this.handleImagePasted = async (event) => {
+        this.handleMetadataChange = (event) => {
             event.stopPropagation();
-            if (!this.allowInlineImages) {
-                return;
-            }
-            const imageInserter = event.detail;
-            const fileInfo = imageInserter.fileInfo;
-            this.activeUploads.add(fileInfo.id);
-            this.imagesUploading.emit(this.activeUploads.size > 0);
-            const uploadedFile = await this.uploadHandler.handleImagePasted(imageInserter);
-            const uploadedFileInfo = {
-                fileId: uploadedFile === null || uploadedFile === void 0 ? void 0 : uploadedFile.fileId,
-                fileInfoId: fileInfo.id,
-            };
-            if (uploadedFileInfo.fileId) {
-                this.imageUploaded.emit(uploadedFileInfo);
-                this.activeUploads.delete(fileInfo.id);
-            }
-            this.imagesUploading.emit(this.activeUploads.size > 0);
+            const editorMetadata = event.detail;
+            const enhancedImages = this.getEnhancedImages(editorMetadata.images || []);
+            const enhancedMetadata = Object.assign(Object.assign({}, editorMetadata), { images: enhancedImages });
+            this.metadataChange.emit(enhancedMetadata);
         };
-        this.handleImageRemoved = (event) => {
+        this.handleImagePasted = (event) => {
             event.stopPropagation();
             if (!this.allowInlineImages) {
                 return;
             }
-            const imageInfo = event.detail;
-            if (!imageInfo) {
-                return;
-            }
-            this.activeUploads.delete(imageInfo.fileInfoId);
-            this.imagesUploading.emit(this.activeUploads.size > 0);
-            this.imageRemoved.emit(imageInfo);
+            this.uploadHandler.handleImagePasted(event.detail);
         };
         this.handleTriggerStart = (event) => {
             event.stopPropagation();
@@ -1867,7 +1870,7 @@ const LimeBBTextEditor = class {
     }
     render() {
         return [
-            index.h("limel-text-editor", { key: 'd1442a13d2b3719f15055abc72b14ff1bcd16f94', ref: (el) => (this.textEditor = el), tabindex: this.disabled ? -1 : 0, value: this.value, contentType: this.contentType, customElements: this.registeredCustomElements, "aria-disabled": this.disabled, language: this.language, triggers: this.registeredTriggers, onTriggerStart: this.handleTriggerStart, onTriggerStop: this.handleTriggerStop, onTriggerChange: this.handleTriggerChange, onImagePasted: this.handleImagePasted, onImageRemoved: this.handleImageRemoved, ui: this.ui, allowResize: this.allowResize, required: this.required, disabled: this.disabled, readonly: this.readonly, helperText: this.helperText, placeholder: this.placeholder, label: this.label, invalid: this.invalid }),
+            index.h("limel-text-editor", { key: '2cc0cc870f0f26fe18d8c81ed675ab1ddeea6e3e', ref: (el) => (this.textEditor = el), tabindex: this.disabled ? -1 : 0, value: this.value, contentType: this.contentType, customElements: this.registeredCustomElements, "aria-disabled": this.disabled, language: this.language, triggers: this.registeredTriggers, onTriggerStart: this.handleTriggerStart, onTriggerStop: this.handleTriggerStop, onTriggerChange: this.handleTriggerChange, onImagePasted: this.handleImagePasted, onMetadataChange: this.handleMetadataChange, ui: this.ui, allowResize: this.allowResize, required: this.required, disabled: this.disabled, readonly: this.readonly, helperText: this.helperText, placeholder: this.placeholder, label: this.label, invalid: this.invalid }),
             this.renderPicker(),
         ];
     }
@@ -1878,6 +1881,15 @@ const LimeBBTextEditor = class {
         return (index.h("limel-portal", { containerId: this.portalId, visible: this.isPickerOpen, openDirection: "top", inheritParentWidth: true, anchor: this.textEditor }, index.h("limebb-text-editor-picker", { ref: (el) => (this.textEditorPickerElement =
                 el), items: getUpdatedItems(this.items, this.highlightedItemIndex), onItemSelected: this.handleItemSelection, emptyMessage: this.pickerMessage, isSearching: this.isSearching })));
     }
+    getEnhancedImages(images) {
+        return images.map((image) => {
+            let fileId;
+            if (image.state === 'success') {
+                fileId = this.uploadHandler.parseFileIdFromSrc(image.src);
+            }
+            return fileId ? Object.assign(Object.assign({}, image), { fileId: fileId }) : image;
+        });
+    }
     loadDraft() {
         if (!this.userDataService || !this.textEditorInnerId) {
             return;

package/dist/collection/components/text-editor/text-editor.js

@@ -15,7 +15,7 @@ import { ARROW_DOWN, ARROW_UP, ENTER, ESCAPE, TAB } from "../../util/keycodes";
 import { createRandomString } from "../../util/random-string";
 import { getMentionLimetypes, MentionsService } from "./mentions";
 import { debounce } from "lodash-es";
-import { UploadHandler } from "./uploader/building-blocks-upload-handler";
+import { UploadHandler, } from "./uploader/building-blocks-upload-handler";
 const DEBOUNCE_SEARCH_TIMEOUT = 300;
 /**
  * This component is a wrapper on the `limel-text-editor`. It adds support for platform
@@ -121,8 +121,7 @@ export class LimeBBTextEditor {
          *
          * :::note
          * This component handles the upload process.
-         * The consumer must process the uploaded images by listening to `imageUploaded` and
-         * `imageRemoved` events.
+         * The consumer must process the uploaded images by listening to `metadataChange` event.
          * :::
          */
         this.allowInlineImages = false;
@@ -140,7 +139,6 @@ export class LimeBBTextEditor {
         this.registeredTriggerMap = this.triggerMap;
         this.registeredCustomElements = this.customElements;
         this.activeTrigger = undefined;
-        this.activeUploads = new Set();
         this.handleMouseClick = (event) => {
             if (!this.textEditorPickerElement) {
                 return;
@@ -198,38 +196,19 @@ export class LimeBBTextEditor {
         this.handleEnterOrTabKey = (event) => {
             this.handleItemSelection(event);
         };
-        this.handleImagePasted = async (event) => {
+        this.handleMetadataChange = (event) => {
             event.stopPropagation();
-            if (!this.allowInlineImages) {
-                return;
-            }
-            const imageInserter = event.detail;
-            const fileInfo = imageInserter.fileInfo;
-            this.activeUploads.add(fileInfo.id);
-            this.imagesUploading.emit(this.activeUploads.size > 0);
-            const uploadedFile = await this.uploadHandler.handleImagePasted(imageInserter);
-            const uploadedFileInfo = {
-                fileId: uploadedFile === null || uploadedFile === void 0 ? void 0 : uploadedFile.fileId,
-                fileInfoId: fileInfo.id,
-            };
-            if (uploadedFileInfo.fileId) {
-                this.imageUploaded.emit(uploadedFileInfo);
-                this.activeUploads.delete(fileInfo.id);
-            }
-            this.imagesUploading.emit(this.activeUploads.size > 0);
+            const editorMetadata = event.detail;
+            const enhancedImages = this.getEnhancedImages(editorMetadata.images || []);
+            const enhancedMetadata = Object.assign(Object.assign({}, editorMetadata), { images: enhancedImages });
+            this.metadataChange.emit(enhancedMetadata);
         };
-        this.handleImageRemoved = (event) => {
+        this.handleImagePasted = (event) => {
             event.stopPropagation();
             if (!this.allowInlineImages) {
                 return;
             }
-            const imageInfo = event.detail;
-            if (!imageInfo) {
-                return;
-            }
-            this.activeUploads.delete(imageInfo.fileInfoId);
-            this.imagesUploading.emit(this.activeUploads.size > 0);
-            this.imageRemoved.emit(imageInfo);
+            this.uploadHandler.handleImagePasted(event.detail);
         };
         this.handleTriggerStart = (event) => {
             event.stopPropagation();
@@ -412,7 +391,7 @@ export class LimeBBTextEditor {
     }
     render() {
         return [
-            h("limel-text-editor", { key: 'd1442a13d2b3719f15055abc72b14ff1bcd16f94', ref: (el) => (this.textEditor = el), tabindex: this.disabled ? -1 : 0, value: this.value, contentType: this.contentType, customElements: this.registeredCustomElements, "aria-disabled": this.disabled, language: this.language, triggers: this.registeredTriggers, onTriggerStart: this.handleTriggerStart, onTriggerStop: this.handleTriggerStop, onTriggerChange: this.handleTriggerChange, onImagePasted: this.handleImagePasted, onImageRemoved: this.handleImageRemoved, ui: this.ui, allowResize: this.allowResize, required: this.required, disabled: this.disabled, readonly: this.readonly, helperText: this.helperText, placeholder: this.placeholder, label: this.label, invalid: this.invalid }),
+            h("limel-text-editor", { key: '2cc0cc870f0f26fe18d8c81ed675ab1ddeea6e3e', ref: (el) => (this.textEditor = el), tabindex: this.disabled ? -1 : 0, value: this.value, contentType: this.contentType, customElements: this.registeredCustomElements, "aria-disabled": this.disabled, language: this.language, triggers: this.registeredTriggers, onTriggerStart: this.handleTriggerStart, onTriggerStop: this.handleTriggerStop, onTriggerChange: this.handleTriggerChange, onImagePasted: this.handleImagePasted, onMetadataChange: this.handleMetadataChange, ui: this.ui, allowResize: this.allowResize, required: this.required, disabled: this.disabled, readonly: this.readonly, helperText: this.helperText, placeholder: this.placeholder, label: this.label, invalid: this.invalid }),
             this.renderPicker(),
         ];
     }
@@ -423,6 +402,15 @@ export class LimeBBTextEditor {
         return (h("limel-portal", { containerId: this.portalId, visible: this.isPickerOpen, openDirection: "top", inheritParentWidth: true, anchor: this.textEditor }, h("limebb-text-editor-picker", { ref: (el) => (this.textEditorPickerElement =
                 el), items: getUpdatedItems(this.items, this.highlightedItemIndex), onItemSelected: this.handleItemSelection, emptyMessage: this.pickerMessage, isSearching: this.isSearching })));
     }
+    getEnhancedImages(images) {
+        return images.map((image) => {
+            let fileId;
+            if (image.state === 'success') {
+                fileId = this.uploadHandler.parseFileIdFromSrc(image.src);
+            }
+            return fileId ? Object.assign(Object.assign({}, image), { fileId: fileId }) : image;
+        });
+    }
     loadDraft() {
         if (!this.userDataService || !this.textEditorInnerId) {
             return;
@@ -883,7 +871,7 @@ export class LimeBBTextEditor {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Enables image pasting in the editor.\nDefault: `false`\n\n:::note\nThis component handles the upload process.\nThe consumer must process the uploaded images by listening to `imageUploaded` and\n`imageRemoved` events.\n:::"
+                    "text": "Enables image pasting in the editor.\nDefault: `false`\n\n:::note\nThis component handles the upload process.\nThe consumer must process the uploaded images by listening to `metadataChange` event.\n:::"
                 },
                 "getter": false,
                 "setter": false,
@@ -920,62 +908,26 @@ export class LimeBBTextEditor {
                     "references": {}
                 }
             }, {
-                "method": "imageUploaded",
-                "name": "imageUploaded",
+                "method": "metadataChange",
+                "name": "metadataChange",
                 "bubbles": true,
                 "cancelable": true,
                 "composed": true,
                 "docs": {
                     "tags": [],
-                    "text": "Fires when an image upload completes successfully\n\n:::note\nReturns UploadedFileInfo with:\n- fileId: ID of the uploaded file (use for limeobject creation)\n- fileInfoId: ID to match this upload with any removed images\nwhen handling the imageRemoved event\n:::"
+                    "text": "Dispatched when the metadata of the editor changes"
                 },
                 "complexType": {
-                    "original": "UploadedFileInfo",
-                    "resolved": "{ fileId: string | number | undefined; fileInfoId: string | number | undefined; }",
+                    "original": "EnhancedEditorMetadata",
+                    "resolved": "EnhancedEditorMetadata",
                     "references": {
-                        "UploadedFileInfo": {
+                        "EnhancedEditorMetadata": {
                             "location": "import",
-                            "path": "./uploader/building-blocks-uploader",
-                            "id": "src/components/text-editor/uploader/building-blocks-uploader.ts::UploadedFileInfo"
+                            "path": "./uploader/building-blocks-upload-handler",
+                            "id": "src/components/text-editor/uploader/building-blocks-upload-handler.ts::EnhancedEditorMetadata"
                         }
                     }
                 }
-            }, {
-                "method": "imageRemoved",
-                "name": "imageRemoved",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Dispatched when an image has been removed from the editor\n\nThe ImageInfo object contains the fileInfoId which can be used to match with\npreviously uploaded images (from imageUploaded events)\n\n:::note\nThis event is forwarded from the underlying limel-text-editor component.\n:::"
-                },
-                "complexType": {
-                    "original": "ImageInfo",
-                    "resolved": "ImageInfo",
-                    "references": {
-                        "ImageInfo": {
-                            "location": "import",
-                            "path": "@limetech/lime-elements",
-                            "id": "node_modules::ImageInfo"
-                        }
-                    }
-                }
-            }, {
-                "method": "imagesUploading",
-                "name": "imagesUploading",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Will be `true` while there is an active upload in progress,\nor while there is a failed image upload."
-                },
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                }
             }];
     }
     static get elementRef() { return "host"; }

package/dist/collection/components/text-editor/uploader/building-blocks-upload-handler.js

@@ -31,6 +31,36 @@ export class UploadHandler {
         }
         return uploadedFile;
     }
+    /**
+     * Extracts a file ID from a image source string.
+     *
+     * This function parses a URL to find a file ID that appears before
+     * '/contents/' at the end of the URL.
+     *
+     * @param {string} src - The URL string to parse
+     * @returns {string | undefined} The extracted file ID or undefined if no match is found
+     *
+     * @example
+     * // Returns 123
+     * parseFileIdFromSrc('/api/file/123/contents/');
+     *
+     * @example
+     * // Returns 456
+     * parseFileIdFromSrc('https://example.com/limepkg-email/api/v1/file/456/contents/');
+     *
+     * @example
+     * // Returns undefined
+     * parseFileIdFromSrc('/invalid/url/format/');
+     */
+    parseFileIdFromSrc(src) {
+        if (src) {
+            const regex = /\/(\d+)\/contents\/?$/;
+            const matches = regex.exec(src);
+            if (matches && matches[1]) {
+                return Number(matches[1]);
+            }
+        }
+    }
     /**
      * Validates that the image file size is within limits
      *
@@ -56,7 +86,7 @@ export class UploadHandler {
         }
         const imageFile = new FileUpload(fileInfo.fileContent, this.http);
         await imageFile.initialize();
-        const imageUpload = Object.assign(Object.assign({}, fileInfo), { progress: 0, file: imageFile, state: 'added', fileId: undefined, href: undefined, fileInfoId: fileInfo.id });
+        const imageUpload = Object.assign(Object.assign({}, fileInfo), { progress: 0, file: imageFile, state: 'added', fileId: undefined, href: undefined, id: fileInfo.id });
         imageFile.onProgress = (progress) => {
             if (imageUpload.progress === 0) {
                 imageUpload.state = 'uploading';
@@ -67,10 +97,6 @@ export class UploadHandler {
             }
         };
         const response = await imageFile.upload();
-        // FileWrapper wraps the FileStatus type, which wraps the FileInfo interface
-        // 'id' is the file id property on the FileInfo interface
-        // 'fileId' is the file id property on the FileStatus type
-        imageUpload.id = response.id;
         imageUpload.fileId = response.id;
         imageUpload.filename = response.filename;
         imageUpload.extension = response.extension;

package/dist/components/limebb-text-editor.js

@@ -1420,6 +1420,36 @@ class UploadHandler {
         }
         return uploadedFile;
     }
+    /**
+     * Extracts a file ID from a image source string.
+     *
+     * This function parses a URL to find a file ID that appears before
+     * '/contents/' at the end of the URL.
+     *
+     * @param {string} src - The URL string to parse
+     * @returns {string | undefined} The extracted file ID or undefined if no match is found
+     *
+     * @example
+     * // Returns 123
+     * parseFileIdFromSrc('/api/file/123/contents/');
+     *
+     * @example
+     * // Returns 456
+     * parseFileIdFromSrc('https://example.com/limepkg-email/api/v1/file/456/contents/');
+     *
+     * @example
+     * // Returns undefined
+     * parseFileIdFromSrc('/invalid/url/format/');
+     */
+    parseFileIdFromSrc(src) {
+        if (src) {
+            const regex = /\/(\d+)\/contents\/?$/;
+            const matches = regex.exec(src);
+            if (matches && matches[1]) {
+                return Number(matches[1]);
+            }
+        }
+    }
     /**
      * Validates that the image file size is within limits
      *
@@ -1445,7 +1475,7 @@ class UploadHandler {
         }
         const imageFile = new FileUpload(fileInfo.fileContent, this.http);
         await imageFile.initialize();
-        const imageUpload = Object.assign(Object.assign({}, fileInfo), { progress: 0, file: imageFile, state: 'added', fileId: undefined, href: undefined, fileInfoId: fileInfo.id });
+        const imageUpload = Object.assign(Object.assign({}, fileInfo), { progress: 0, file: imageFile, state: 'added', fileId: undefined, href: undefined, id: fileInfo.id });
         imageFile.onProgress = (progress) => {
             if (imageUpload.progress === 0) {
                 imageUpload.state = 'uploading';
@@ -1456,10 +1486,6 @@ class UploadHandler {
             }
         };
         const response = await imageFile.upload();
-        // FileWrapper wraps the FileStatus type, which wraps the FileInfo interface
-        // 'id' is the file id property on the FileInfo interface
-        // 'fileId' is the file id property on the FileStatus type
-        imageUpload.id = response.id;
         imageUpload.fileId = response.id;
         imageUpload.filename = response.filename;
         imageUpload.extension = response.extension;
@@ -1499,9 +1525,7 @@ const LimeBBTextEditor = /*@__PURE__*/ proxyCustomElement(class LimeBBTextEditor
         this.__registerHost();
         this.__attachShadow();
         this.change = createEvent(this, "change", 7);
-        this.imageUploaded = createEvent(this, "imageUploaded", 7);
-        this.imageRemoved = createEvent(this, "imageRemoved", 7);
-        this.imagesUploading = createEvent(this, "imagesUploading", 7);
+        this.metadataChange = createEvent(this, "metadataChange", 7);
         /**
          * Set to true to enable mentioning a coworker or groups of coworkers.
          *
@@ -1575,8 +1599,7 @@ const LimeBBTextEditor = /*@__PURE__*/ proxyCustomElement(class LimeBBTextEditor
          *
          * :::note
          * This component handles the upload process.
-         * The consumer must process the uploaded images by listening to `imageUploaded` and
-         * `imageRemoved` events.
+         * The consumer must process the uploaded images by listening to `metadataChange` event.
          * :::
          */
         this.allowInlineImages = false;
@@ -1594,7 +1617,6 @@ const LimeBBTextEditor = /*@__PURE__*/ proxyCustomElement(class LimeBBTextEditor
         this.registeredTriggerMap = this.triggerMap;
         this.registeredCustomElements = this.customElements;
         this.activeTrigger = undefined;
-        this.activeUploads = new Set();
         this.handleMouseClick = (event) => {
             if (!this.textEditorPickerElement) {
                 return;
@@ -1652,38 +1674,19 @@ const LimeBBTextEditor = /*@__PURE__*/ proxyCustomElement(class LimeBBTextEditor
         this.handleEnterOrTabKey = (event) => {
             this.handleItemSelection(event);
         };
-        this.handleImagePasted = async (event) => {
+        this.handleMetadataChange = (event) => {
             event.stopPropagation();
-            if (!this.allowInlineImages) {
-                return;
-            }
-            const imageInserter = event.detail;
-            const fileInfo = imageInserter.fileInfo;
-            this.activeUploads.add(fileInfo.id);
-            this.imagesUploading.emit(this.activeUploads.size > 0);
-            const uploadedFile = await this.uploadHandler.handleImagePasted(imageInserter);
-            const uploadedFileInfo = {
-                fileId: uploadedFile === null || uploadedFile === void 0 ? void 0 : uploadedFile.fileId,
-                fileInfoId: fileInfo.id,
-            };
-            if (uploadedFileInfo.fileId) {
-                this.imageUploaded.emit(uploadedFileInfo);
-                this.activeUploads.delete(fileInfo.id);
-            }
-            this.imagesUploading.emit(this.activeUploads.size > 0);
+            const editorMetadata = event.detail;
+            const enhancedImages = this.getEnhancedImages(editorMetadata.images || []);
+            const enhancedMetadata = Object.assign(Object.assign({}, editorMetadata), { images: enhancedImages });
+            this.metadataChange.emit(enhancedMetadata);
         };
-        this.handleImageRemoved = (event) => {
+        this.handleImagePasted = (event) => {
             event.stopPropagation();
             if (!this.allowInlineImages) {
                 return;
             }
-            const imageInfo = event.detail;
-            if (!imageInfo) {
-                return;
-            }
-            this.activeUploads.delete(imageInfo.fileInfoId);
-            this.imagesUploading.emit(this.activeUploads.size > 0);
-            this.imageRemoved.emit(imageInfo);
+            this.uploadHandler.handleImagePasted(event.detail);
         };
         this.handleTriggerStart = (event) => {
             event.stopPropagation();
@@ -1866,7 +1869,7 @@ const LimeBBTextEditor = /*@__PURE__*/ proxyCustomElement(class LimeBBTextEditor
     }
     render() {
         return [
-            h("limel-text-editor", { key: 'd1442a13d2b3719f15055abc72b14ff1bcd16f94', ref: (el) => (this.textEditor = el), tabindex: this.disabled ? -1 : 0, value: this.value, contentType: this.contentType, customElements: this.registeredCustomElements, "aria-disabled": this.disabled, language: this.language, triggers: this.registeredTriggers, onTriggerStart: this.handleTriggerStart, onTriggerStop: this.handleTriggerStop, onTriggerChange: this.handleTriggerChange, onImagePasted: this.handleImagePasted, onImageRemoved: this.handleImageRemoved, ui: this.ui, allowResize: this.allowResize, required: this.required, disabled: this.disabled, readonly: this.readonly, helperText: this.helperText, placeholder: this.placeholder, label: this.label, invalid: this.invalid }),
+            h("limel-text-editor", { key: '2cc0cc870f0f26fe18d8c81ed675ab1ddeea6e3e', ref: (el) => (this.textEditor = el), tabindex: this.disabled ? -1 : 0, value: this.value, contentType: this.contentType, customElements: this.registeredCustomElements, "aria-disabled": this.disabled, language: this.language, triggers: this.registeredTriggers, onTriggerStart: this.handleTriggerStart, onTriggerStop: this.handleTriggerStop, onTriggerChange: this.handleTriggerChange, onImagePasted: this.handleImagePasted, onMetadataChange: this.handleMetadataChange, ui: this.ui, allowResize: this.allowResize, required: this.required, disabled: this.disabled, readonly: this.readonly, helperText: this.helperText, placeholder: this.placeholder, label: this.label, invalid: this.invalid }),
             this.renderPicker(),
         ];
     }
@@ -1877,6 +1880,15 @@ const LimeBBTextEditor = /*@__PURE__*/ proxyCustomElement(class LimeBBTextEditor
         return (h("limel-portal", { containerId: this.portalId, visible: this.isPickerOpen, openDirection: "top", inheritParentWidth: true, anchor: this.textEditor }, h("limebb-text-editor-picker", { ref: (el) => (this.textEditorPickerElement =
                 el), items: getUpdatedItems(this.items, this.highlightedItemIndex), onItemSelected: this.handleItemSelection, emptyMessage: this.pickerMessage, isSearching: this.isSearching })));
     }
+    getEnhancedImages(images) {
+        return images.map((image) => {
+            let fileId;
+            if (image.state === 'success') {
+                fileId = this.uploadHandler.parseFileIdFromSrc(image.src);
+            }
+            return fileId ? Object.assign(Object.assign({}, image), { fileId: fileId }) : image;
+        });
+    }
     loadDraft() {
         if (!this.userDataService || !this.textEditorInnerId) {
             return;

package/dist/esm/limebb-text-editor.entry.js

@@ -1419,6 +1419,36 @@ class UploadHandler {
         }
         return uploadedFile;
     }
+    /**
+     * Extracts a file ID from a image source string.
+     *
+     * This function parses a URL to find a file ID that appears before
+     * '/contents/' at the end of the URL.
+     *
+     * @param {string} src - The URL string to parse
+     * @returns {string | undefined} The extracted file ID or undefined if no match is found
+     *
+     * @example
+     * // Returns 123
+     * parseFileIdFromSrc('/api/file/123/contents/');
+     *
+     * @example
+     * // Returns 456
+     * parseFileIdFromSrc('https://example.com/limepkg-email/api/v1/file/456/contents/');
+     *
+     * @example
+     * // Returns undefined
+     * parseFileIdFromSrc('/invalid/url/format/');
+     */
+    parseFileIdFromSrc(src) {
+        if (src) {
+            const regex = /\/(\d+)\/contents\/?$/;
+            const matches = regex.exec(src);
+            if (matches && matches[1]) {
+                return Number(matches[1]);
+            }
+        }
+    }
     /**
      * Validates that the image file size is within limits
      *
@@ -1444,7 +1474,7 @@ class UploadHandler {
         }
         const imageFile = new FileUpload(fileInfo.fileContent, this.http);
         await imageFile.initialize();
-        const imageUpload = Object.assign(Object.assign({}, fileInfo), { progress: 0, file: imageFile, state: 'added', fileId: undefined, href: undefined, fileInfoId: fileInfo.id });
+        const imageUpload = Object.assign(Object.assign({}, fileInfo), { progress: 0, file: imageFile, state: 'added', fileId: undefined, href: undefined, id: fileInfo.id });
         imageFile.onProgress = (progress) => {
             if (imageUpload.progress === 0) {
                 imageUpload.state = 'uploading';
@@ -1455,10 +1485,6 @@ class UploadHandler {
             }
         };
         const response = await imageFile.upload();
-        // FileWrapper wraps the FileStatus type, which wraps the FileInfo interface
-        // 'id' is the file id property on the FileInfo interface
-        // 'fileId' is the file id property on the FileStatus type
-        imageUpload.id = response.id;
         imageUpload.fileId = response.id;
         imageUpload.filename = response.filename;
         imageUpload.extension = response.extension;
@@ -1496,9 +1522,7 @@ const LimeBBTextEditor = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.change = createEvent(this, "change", 7);
-        this.imageUploaded = createEvent(this, "imageUploaded", 7);
-        this.imageRemoved = createEvent(this, "imageRemoved", 7);
-        this.imagesUploading = createEvent(this, "imagesUploading", 7);
+        this.metadataChange = createEvent(this, "metadataChange", 7);
         /**
          * Set to true to enable mentioning a coworker or groups of coworkers.
          *
@@ -1572,8 +1596,7 @@ const LimeBBTextEditor = class {
          *
          * :::note
          * This component handles the upload process.
-         * The consumer must process the uploaded images by listening to `imageUploaded` and
-         * `imageRemoved` events.
+         * The consumer must process the uploaded images by listening to `metadataChange` event.
          * :::
          */
         this.allowInlineImages = false;
@@ -1591,7 +1614,6 @@ const LimeBBTextEditor = class {
         this.registeredTriggerMap = this.triggerMap;
         this.registeredCustomElements = this.customElements;
         this.activeTrigger = undefined;
-        this.activeUploads = new Set();
         this.handleMouseClick = (event) => {
             if (!this.textEditorPickerElement) {
                 return;
@@ -1649,38 +1671,19 @@ const LimeBBTextEditor = class {
         this.handleEnterOrTabKey = (event) => {
             this.handleItemSelection(event);
         };
-        this.handleImagePasted = async (event) => {
+        this.handleMetadataChange = (event) => {
             event.stopPropagation();
-            if (!this.allowInlineImages) {
-                return;
-            }
-            const imageInserter = event.detail;
-            const fileInfo = imageInserter.fileInfo;
-            this.activeUploads.add(fileInfo.id);
-            this.imagesUploading.emit(this.activeUploads.size > 0);
-            const uploadedFile = await this.uploadHandler.handleImagePasted(imageInserter);
-            const uploadedFileInfo = {
-                fileId: uploadedFile === null || uploadedFile === void 0 ? void 0 : uploadedFile.fileId,
-                fileInfoId: fileInfo.id,
-            };
-            if (uploadedFileInfo.fileId) {
-                this.imageUploaded.emit(uploadedFileInfo);
-                this.activeUploads.delete(fileInfo.id);
-            }
-            this.imagesUploading.emit(this.activeUploads.size > 0);
+            const editorMetadata = event.detail;
+            const enhancedImages = this.getEnhancedImages(editorMetadata.images || []);
+            const enhancedMetadata = Object.assign(Object.assign({}, editorMetadata), { images: enhancedImages });
+            this.metadataChange.emit(enhancedMetadata);
         };
-        this.handleImageRemoved = (event) => {
+        this.handleImagePasted = (event) => {
             event.stopPropagation();
             if (!this.allowInlineImages) {
                 return;
             }
-            const imageInfo = event.detail;
-            if (!imageInfo) {
-                return;
-            }
-            this.activeUploads.delete(imageInfo.fileInfoId);
-            this.imagesUploading.emit(this.activeUploads.size > 0);
-            this.imageRemoved.emit(imageInfo);
+            this.uploadHandler.handleImagePasted(event.detail);
         };
         this.handleTriggerStart = (event) => {
             event.stopPropagation();
@@ -1863,7 +1866,7 @@ const LimeBBTextEditor = class {
     }
     render() {
         return [
-            h("limel-text-editor", { key: 'd1442a13d2b3719f15055abc72b14ff1bcd16f94', ref: (el) => (this.textEditor = el), tabindex: this.disabled ? -1 : 0, value: this.value, contentType: this.contentType, customElements: this.registeredCustomElements, "aria-disabled": this.disabled, language: this.language, triggers: this.registeredTriggers, onTriggerStart: this.handleTriggerStart, onTriggerStop: this.handleTriggerStop, onTriggerChange: this.handleTriggerChange, onImagePasted: this.handleImagePasted, onImageRemoved: this.handleImageRemoved, ui: this.ui, allowResize: this.allowResize, required: this.required, disabled: this.disabled, readonly: this.readonly, helperText: this.helperText, placeholder: this.placeholder, label: this.label, invalid: this.invalid }),
+            h("limel-text-editor", { key: '2cc0cc870f0f26fe18d8c81ed675ab1ddeea6e3e', ref: (el) => (this.textEditor = el), tabindex: this.disabled ? -1 : 0, value: this.value, contentType: this.contentType, customElements: this.registeredCustomElements, "aria-disabled": this.disabled, language: this.language, triggers: this.registeredTriggers, onTriggerStart: this.handleTriggerStart, onTriggerStop: this.handleTriggerStop, onTriggerChange: this.handleTriggerChange, onImagePasted: this.handleImagePasted, onMetadataChange: this.handleMetadataChange, ui: this.ui, allowResize: this.allowResize, required: this.required, disabled: this.disabled, readonly: this.readonly, helperText: this.helperText, placeholder: this.placeholder, label: this.label, invalid: this.invalid }),
             this.renderPicker(),
         ];
     }
@@ -1874,6 +1877,15 @@ const LimeBBTextEditor = class {
         return (h("limel-portal", { containerId: this.portalId, visible: this.isPickerOpen, openDirection: "top", inheritParentWidth: true, anchor: this.textEditor }, h("limebb-text-editor-picker", { ref: (el) => (this.textEditorPickerElement =
                 el), items: getUpdatedItems(this.items, this.highlightedItemIndex), onItemSelected: this.handleItemSelection, emptyMessage: this.pickerMessage, isSearching: this.isSearching })));
     }
+    getEnhancedImages(images) {
+        return images.map((image) => {
+            let fileId;
+            if (image.state === 'success') {
+                fileId = this.uploadHandler.parseFileIdFromSrc(image.src);
+            }
+            return fileId ? Object.assign(Object.assign({}, image), { fileId: fileId }) : image;
+        });
+    }
     loadDraft() {
         if (!this.userDataService || !this.textEditorInnerId) {
             return;

package/dist/lime-crm-building-blocks/lime-crm-building-blocks.esm.js

@@ -1 +1 @@
-import{p as e,b as t}from"./p-b11e09b4.js";export{s as setNonce}from"./p-b11e09b4.js";import{g as i}from"./p-e1255160.js";(()=>{const t=import.meta.url,i={};return""!==t&&(i.resourcesUrl=new URL(".",t).href),e(i)})().then((async e=>(await i(),t([["p-16090238",[[1,"limebb-feed",{platform:[16],context:[16],items:[16],emptyStateMessage:[1,"empty-state-message"],heading:[1],loading:[4],minutesOfProximity:[2,"minutes-of-proximity"],totalCount:[2,"total-count"],direction:[1],lastVisitedTimestamp:[1,"last-visited-timestamp"]}]]],["p-974c3022",[[1,"limebb-kanban",{platform:[16],context:[16],groups:[16]}]]],["p-99f72b91",[[1,"limebb-chat-list",{platform:[16],context:[16],items:[16],loading:[516],isTypingIndicatorVisible:[516,"is-typing-indicator-visible"],lastVisitedTimestamp:[513,"last-visited-timestamp"],order:[513]},null,{items:["handleItemsChange"]}]]],["p-ded914fe",[[1,"limebb-text-editor",{platform:[16],context:[16],allowMentioning:[4,"allow-mentioning"],contentType:[1,"content-type"],language:[513],disabled:[516],readonly:[516],helperText:[513,"helper-text"],placeholder:[513],label:[513],invalid:[516],required:[516],selectedContext:[16],ui:[513],allowResize:[4,"allow-resize"],value:[1],draftIdentifier:[1,"draft-identifier"],triggerMap:[16],customElements:[16],allowInlineImages:[4,"allow-inline-images"],items:[32],highlightedItemIndex:[32],editorPickerQuery:[32],searchableLimetypes:[32],isPickerOpen:[32],isSearching:[32]},null,{isPickerOpen:["watchOpen"],editorPickerQuery:["watchQuery"]}]]],["p-f5f5ffad",[[1,"limebb-date-range",{platform:[16],context:[16],startTime:[16],endTime:[16],startTimeLabel:[1,"start-time-label"],endTimeLabel:[1,"end-time-label"],language:[1],timeFormat:[1,"time-format"],type:[1]}]]],["p-bed2fa73",[[1,"limebb-info-tile-currency-format",{platform:[16],context:[16],value:[16]}]]],["p-063681c6",[[1,"limebb-notification-list",{platform:[16],context:[16],items:[16],loading:[4],lastVisitedTimestamp:[1,"last-visited-timestamp"]},null,{items:["handleItemsChange"]}]]],["p-769e6d21",[[17,"limebb-browser",{platform:[16],context:[16],items:[16],layout:[1],filter:[32]}]]],["p-3310a5aa",[[1,"limebb-component-config",{platform:[16],context:[16],value:[16],required:[4],readonly:[4],disabled:[4],label:[1],helperText:[1,"helper-text"],formInfo:[16],type:[1],nameField:[1,"name-field"],configComponent:[32],configViewType:[32]},null,{formInfo:["watchFormInfo"],configComponent:["watchconfigComponent"]}]]],["p-306b2ff4",[[1,"limebb-component-picker",{platform:[16],context:[16],type:[1],tags:[16],value:[1],copyLabel:[1,"copy-label"],hideCopyButton:[4,"hide-copy-button"],required:[4],readonly:[4],disabled:[4],label:[1],helperText:[1,"helper-text"]}]]],["p-f71c5e55",[[1,"limebb-dashboard-widget",{heading:[513],subheading:[513],supportingText:[513,"supporting-text"],icon:[513]}]]],["p-c2277792",[[1,"limebb-icon-picker",{value:[1],required:[4],readonly:[4],invalid:[4],disabled:[4],label:[1],helperText:[1,"helper-text"]}]]],["p-99a06202",[[1,"limebb-info-tile",{platform:[16],context:[16],filterId:[513,"filter-id"],disabled:[4],icon:[513],label:[1],prefix:[1],suffix:[1],propertyName:[1,"property-name"],aggregateOperator:[1,"aggregate-operator"],format:[16],config:[32],filters:[32],value:[32],loading:[32],error:[32]},null,{filterId:["watchFilterId"],propertyName:["watchPropertyName"],aggregateOperator:["watchAggregateOperator"]}]]],["p-29c74b32",[[1,"limebb-info-tile-date-format",{value:[16]}]]],["p-a50a02bd",[[1,"limebb-info-tile-decimal-format",{value:[16]}]]],["p-d95f9f11",[[1,"limebb-info-tile-format",{platform:[16],context:[16],type:[1],value:[16]}]]],["p-fefcc3c1",[[1,"limebb-info-tile-relative-date-format",{value:[16]}]]],["p-95e1d1c3",[[1,"limebb-info-tile-unit-format",{value:[16]}]]],["p-fc97d0d1",[[1,"limebb-limeobject-file-viewer",{platform:[16],context:[16],property:[1],fileTypes:[16],limeobject:[32],limetype:[32]}]]],["p-9c29dc6d",[[1,"limebb-locale-picker",{platform:[16],context:[16],value:[1],required:[4],disabled:[4],label:[1],helperText:[1,"helper-text"],readonly:[4],multipleChoice:[4,"multiple-choice"],allLanguages:[32]}]]],["p-9e2dab17",[[1,"limebb-mention",{limetype:[1],objectid:[2],limeobject:[32]}]]],["p-e366bd49",[[1,"limebb-mention-group-counter",{count:[2],limetype:[16],helperLabel:[1,"helper-label"]}]]],["p-5565c444",[[1,"limebb-trend-indicator",{platform:[16],context:[16],value:[520],formerValue:[514,"former-value"],suffix:[513],label:[513],invalid:[516],helperText:[513,"helper-text"],reducePresence:[516,"reduce-presence"]},null,{value:["valueChanged"]}]]],["p-53990354",[[1,"limebb-summary-popover",{triggerDelay:[514,"trigger-delay"],heading:[513],subheading:[513],image:[16],icon:[513],value:[1],openDirection:[513,"open-direction"],popoverMaxWidth:[513,"popover-max-width"],popoverMaxHeight:[513,"popover-max-height"],actions:[16],isPopoverOpen:[32]}],[17,"limebb-navigation-button",{href:[513],tooltipLabel:[513,"tooltip-label"],tooltipHelperLabel:[513,"tooltip-helper-label"],type:[513]}]]],["p-28cec3ed",[[1,"limebb-kanban-item",{platform:[16],context:[16],item:[16]}]]],["p-1d6bbaf0",[[1,"limebb-kanban-group",{platform:[16],context:[16],identifier:[1],heading:[513],help:[1],items:[16],summary:[1],loading:[516],totalCount:[514,"total-count"]}]]],["p-e68d8446",[[1,"limebb-feed-timeline-item",{platform:[16],context:[16],item:[16],ui:[513],isBundled:[516,"is-bundled"],headingCanExpand:[32],isHeadingExpanded:[32],showMore:[32],isTall:[32]}]]],["p-62343f2e",[[1,"limebb-text-editor-picker",{items:[16],open:[516],isSearching:[4,"is-searching"],emptyMessage:[1,"empty-message"]},null,{open:["watchOpen"]}]]],["p-b36e3e0b",[[1,"limebb-currency-picker",{platform:[16],context:[16],label:[513],currencies:[16],helperText:[513,"helper-text"],required:[516],readonly:[516],invalid:[516],disabled:[516],value:[1]}]]],["p-b42bfff4",[[1,"limebb-date-picker",{platform:[16],context:[16],disabled:[516],readonly:[516],invalid:[516],label:[513],placeholder:[513],helperText:[513,"helper-text"],required:[516],value:[1],type:[513]}]]],["p-47288279",[[1,"limebb-notification-item",{platform:[16],context:[16],item:[16]}]]],["p-fcede56f",[[1,"limebb-chat-item",{platform:[16],context:[16],item:[16]}],[1,"limebb-typing-indicator"]]],["p-1a07c942",[[1,"limebb-empty-state",{heading:[513],value:[513],icon:[16]}]]]],e))));
+import{p as e,b as t}from"./p-b11e09b4.js";export{s as setNonce}from"./p-b11e09b4.js";import{g as i}from"./p-e1255160.js";(()=>{const t=import.meta.url,i={};return""!==t&&(i.resourcesUrl=new URL(".",t).href),e(i)})().then((async e=>(await i(),t([["p-16090238",[[1,"limebb-feed",{platform:[16],context:[16],items:[16],emptyStateMessage:[1,"empty-state-message"],heading:[1],loading:[4],minutesOfProximity:[2,"minutes-of-proximity"],totalCount:[2,"total-count"],direction:[1],lastVisitedTimestamp:[1,"last-visited-timestamp"]}]]],["p-974c3022",[[1,"limebb-kanban",{platform:[16],context:[16],groups:[16]}]]],["p-99f72b91",[[1,"limebb-chat-list",{platform:[16],context:[16],items:[16],loading:[516],isTypingIndicatorVisible:[516,"is-typing-indicator-visible"],lastVisitedTimestamp:[513,"last-visited-timestamp"],order:[513]},null,{items:["handleItemsChange"]}]]],["p-f081d779",[[1,"limebb-text-editor",{platform:[16],context:[16],allowMentioning:[4,"allow-mentioning"],contentType:[1,"content-type"],language:[513],disabled:[516],readonly:[516],helperText:[513,"helper-text"],placeholder:[513],label:[513],invalid:[516],required:[516],selectedContext:[16],ui:[513],allowResize:[4,"allow-resize"],value:[1],draftIdentifier:[1,"draft-identifier"],triggerMap:[16],customElements:[16],allowInlineImages:[4,"allow-inline-images"],items:[32],highlightedItemIndex:[32],editorPickerQuery:[32],searchableLimetypes:[32],isPickerOpen:[32],isSearching:[32]},null,{isPickerOpen:["watchOpen"],editorPickerQuery:["watchQuery"]}]]],["p-f5f5ffad",[[1,"limebb-date-range",{platform:[16],context:[16],startTime:[16],endTime:[16],startTimeLabel:[1,"start-time-label"],endTimeLabel:[1,"end-time-label"],language:[1],timeFormat:[1,"time-format"],type:[1]}]]],["p-bed2fa73",[[1,"limebb-info-tile-currency-format",{platform:[16],context:[16],value:[16]}]]],["p-063681c6",[[1,"limebb-notification-list",{platform:[16],context:[16],items:[16],loading:[4],lastVisitedTimestamp:[1,"last-visited-timestamp"]},null,{items:["handleItemsChange"]}]]],["p-769e6d21",[[17,"limebb-browser",{platform:[16],context:[16],items:[16],layout:[1],filter:[32]}]]],["p-3310a5aa",[[1,"limebb-component-config",{platform:[16],context:[16],value:[16],required:[4],readonly:[4],disabled:[4],label:[1],helperText:[1,"helper-text"],formInfo:[16],type:[1],nameField:[1,"name-field"],configComponent:[32],configViewType:[32]},null,{formInfo:["watchFormInfo"],configComponent:["watchconfigComponent"]}]]],["p-306b2ff4",[[1,"limebb-component-picker",{platform:[16],context:[16],type:[1],tags:[16],value:[1],copyLabel:[1,"copy-label"],hideCopyButton:[4,"hide-copy-button"],required:[4],readonly:[4],disabled:[4],label:[1],helperText:[1,"helper-text"]}]]],["p-f71c5e55",[[1,"limebb-dashboard-widget",{heading:[513],subheading:[513],supportingText:[513,"supporting-text"],icon:[513]}]]],["p-c2277792",[[1,"limebb-icon-picker",{value:[1],required:[4],readonly:[4],invalid:[4],disabled:[4],label:[1],helperText:[1,"helper-text"]}]]],["p-99a06202",[[1,"limebb-info-tile",{platform:[16],context:[16],filterId:[513,"filter-id"],disabled:[4],icon:[513],label:[1],prefix:[1],suffix:[1],propertyName:[1,"property-name"],aggregateOperator:[1,"aggregate-operator"],format:[16],config:[32],filters:[32],value:[32],loading:[32],error:[32]},null,{filterId:["watchFilterId"],propertyName:["watchPropertyName"],aggregateOperator:["watchAggregateOperator"]}]]],["p-29c74b32",[[1,"limebb-info-tile-date-format",{value:[16]}]]],["p-a50a02bd",[[1,"limebb-info-tile-decimal-format",{value:[16]}]]],["p-d95f9f11",[[1,"limebb-info-tile-format",{platform:[16],context:[16],type:[1],value:[16]}]]],["p-fefcc3c1",[[1,"limebb-info-tile-relative-date-format",{value:[16]}]]],["p-95e1d1c3",[[1,"limebb-info-tile-unit-format",{value:[16]}]]],["p-fc97d0d1",[[1,"limebb-limeobject-file-viewer",{platform:[16],context:[16],property:[1],fileTypes:[16],limeobject:[32],limetype:[32]}]]],["p-9c29dc6d",[[1,"limebb-locale-picker",{platform:[16],context:[16],value:[1],required:[4],disabled:[4],label:[1],helperText:[1,"helper-text"],readonly:[4],multipleChoice:[4,"multiple-choice"],allLanguages:[32]}]]],["p-9e2dab17",[[1,"limebb-mention",{limetype:[1],objectid:[2],limeobject:[32]}]]],["p-e366bd49",[[1,"limebb-mention-group-counter",{count:[2],limetype:[16],helperLabel:[1,"helper-label"]}]]],["p-5565c444",[[1,"limebb-trend-indicator",{platform:[16],context:[16],value:[520],formerValue:[514,"former-value"],suffix:[513],label:[513],invalid:[516],helperText:[513,"helper-text"],reducePresence:[516,"reduce-presence"]},null,{value:["valueChanged"]}]]],["p-53990354",[[1,"limebb-summary-popover",{triggerDelay:[514,"trigger-delay"],heading:[513],subheading:[513],image:[16],icon:[513],value:[1],openDirection:[513,"open-direction"],popoverMaxWidth:[513,"popover-max-width"],popoverMaxHeight:[513,"popover-max-height"],actions:[16],isPopoverOpen:[32]}],[17,"limebb-navigation-button",{href:[513],tooltipLabel:[513,"tooltip-label"],tooltipHelperLabel:[513,"tooltip-helper-label"],type:[513]}]]],["p-28cec3ed",[[1,"limebb-kanban-item",{platform:[16],context:[16],item:[16]}]]],["p-1d6bbaf0",[[1,"limebb-kanban-group",{platform:[16],context:[16],identifier:[1],heading:[513],help:[1],items:[16],summary:[1],loading:[516],totalCount:[514,"total-count"]}]]],["p-e68d8446",[[1,"limebb-feed-timeline-item",{platform:[16],context:[16],item:[16],ui:[513],isBundled:[516,"is-bundled"],headingCanExpand:[32],isHeadingExpanded:[32],showMore:[32],isTall:[32]}]]],["p-62343f2e",[[1,"limebb-text-editor-picker",{items:[16],open:[516],isSearching:[4,"is-searching"],emptyMessage:[1,"empty-message"]},null,{open:["watchOpen"]}]]],["p-b36e3e0b",[[1,"limebb-currency-picker",{platform:[16],context:[16],label:[513],currencies:[16],helperText:[513,"helper-text"],required:[516],readonly:[516],invalid:[516],disabled:[516],value:[1]}]]],["p-b42bfff4",[[1,"limebb-date-picker",{platform:[16],context:[16],disabled:[516],readonly:[516],invalid:[516],label:[513],placeholder:[513],helperText:[513,"helper-text"],required:[516],value:[1],type:[513]}]]],["p-47288279",[[1,"limebb-notification-item",{platform:[16],context:[16],item:[16]}]]],["p-fcede56f",[[1,"limebb-chat-item",{platform:[16],context:[16],item:[16]}],[1,"limebb-typing-indicator"]]],["p-1a07c942",[[1,"limebb-empty-state",{heading:[513],value:[513],icon:[16]}]]]],e))));

package/dist/lime-crm-building-blocks/p-f081d779.entry.js

@@ -0,0 +1 @@
+import{r as t,c as i,h as e,g as r}from"./p-b11e09b4.js";import{P as s,A as n}from"./p-a26d352f.js";import{a as o}from"./p-54d4113a.js";import{A as a,a as h,b as c,E as u,T as f}from"./p-463d3174.js";import{d,b as l,k as v,c as b,s as p,a as m,e as g,U as y,S as j,g as w}from"./p-bcc23575.js";import{i as O,e as S}from"./p-c40a3f4b.js";import{d as k,r as x,S as I,a as A,i as T}from"./p-b31772c8.js";import{d as C,i as M,o as E,g as F,h as P,n as $,a as _}from"./p-5322fd19.js";import{i as N}from"./p-6fd28e32.js";import"./p-22de5a0e.js";var D=/\s/,L=/^\s+/;var R=NaN,U=/^[-+]0x[0-9a-f]+$/i,z=/^0b[01]+$/i,G=/^0o[0-7]+$/i,Q=parseInt;function W(t){if("number"==typeof t)return t;if(O(t))return R;if(k(t)){var i="function"==typeof t.valueOf?t.valueOf():t;t=k(i)?i+"":i}if("string"!=typeof t)return 0===t?t:+t;var e;t=(e=t)?e.slice(0,function(t){for(var i=t.length;i--&&D.test(t.charAt(i)););return i}(e)+1).replace(L,""):e;var r=z.test(t);return r||G.test(t)?Q(t.slice(2),r?2:8):U.test(t)?R:+t}var q=Object.create;const B=function(){function t(){}return function(i){if(!k(i))return{};if(q)return q(i);t.prototype=i;var e=new t;return t.prototype=void 0,e}}();function H(t,i,e){"__proto__"==i&&d?d(t,i,{configurable:!0,enumerable:!0,value:e,writable:!0}):t[i]=e}var K=Object.prototype.hasOwnProperty;function V(t,i,e){var r=t[i];K.call(t,i)&&S(r,e)&&(void 0!==e||i in t)||H(t,i,e)}function J(t,i,e,r){var s=!e;e||(e={});for(var n=-1,o=i.length;++n<o;){var a=i[n],h=r?r(e[a],t[a],a,e,t):void 0;void 0===h&&(h=t[a]),s?H(e,a,h):V(e,a,h)}return e}var X=Object.prototype.hasOwnProperty;function Y(t){return M(t)?l(t,!0):function(t){if(!k(t))return function(t){var i=[];if(null!=t)for(var e in Object(t))i.push(e);return i}(t);var i=C(t),e=[];for(var r in t)("constructor"!=r||!i&&X.call(t,r))&&e.push(r);return e}(t)}const Z=E(Object.getPrototypeOf,Object);var tt="object"==typeof exports&&exports&&!exports.nodeType&&exports,it=tt&&"object"==typeof module&&module&&!module.nodeType&&module,et=it&&it.exports===tt?x.Buffer:void 0,rt=et?et.allocUnsafe:void 0;const st=Object.getOwnPropertySymbols?function(t){for(var i=[];t;)m(i,b(t)),t=Z(t);return i}:p;function nt(t){return g(t,Y,st)}var ot=Object.prototype.hasOwnProperty;function at(t){var i=new t.constructor(t.byteLength);return new y(i).set(new y(t)),i}var ht=/\w*$/,ct=I?I.prototype:void 0,ut=ct?ct.valueOf:void 0,ft="[object Boolean]",dt="[object Date]",lt="[object Map]",vt="[object Number]",bt="[object RegExp]",pt="[object Set]",mt="[object String]",gt="[object Symbol]",yt="[object ArrayBuffer]",jt="[object DataView]",wt="[object Float32Array]",Ot="[object Float64Array]",St="[object Int8Array]",kt="[object Int16Array]",xt="[object Int32Array]",It="[object Uint8Array]",At="[object Uint8ClampedArray]",Tt="[object Uint16Array]",Ct="[object Uint32Array]";var Mt=$&&$.isMap;const Et=Mt?P(Mt):function(t){return A(t)&&"[object Map]"==F(t)};var Ft=$&&$.isSet;const Pt=Ft?P(Ft):function(t){return A(t)&&"[object Set]"==F(t)};var $t=1,_t=2,Nt=4,Dt="[object Arguments]",Lt="[object Function]",Rt="[object GeneratorFunction]",Ut="[object Object]",zt={};function Gt(t,i,e,r,s,n){var o,a=i&$t,h=i&_t,c=i&Nt;if(e&&(o=s?e(t,r,s,n):e(t)),void 0!==o)return o;if(!k(t))return t;var u=T(t);if(u){if(o=function(t){var i=t.length,e=new t.constructor(i);return i&&"string"==typeof t[0]&&ot.call(t,"index")&&(e.index=t.index,e.input=t.input),e}(t),!a)return function(t,i){var e=-1,r=t.length;for(i||(i=Array(r));++e<r;)i[e]=t[e];return i}(t,o)}else{var f=F(t),d=f==Lt||f==Rt;if(_(t))return function(t,i){if(i)return t.slice();var e=t.length,r=rt?rt(e):new t.constructor(e);return t.copy(r),r}(t,a);if(f==Ut||f==Dt||d&&!s){if(o=h||d?{}:function(t){return"function"!=typeof t.constructor||C(t)?{}:B(Z(t))}(t),!a)return h?function(t,i){return J(t,st(t),i)}(t,function(t,i){return t&&J(i,Y(i),t)}(o,t)):function(t,i){return J(t,b(t),i)}(t,function(t,i){return t&&J(i,v(i),t)}(o,t))}else{if(!zt[f])return s?t:{};o=function(t,i,e){var r,s,n=t.constructor;switch(i){case yt:return at(t);case ft:case dt:return new n(+t);case jt:return function(t,i){var e=i?at(t.buffer):t.buffer;return new t.constructor(e,t.byteOffset,t.byteLength)}(t,e);case wt:case Ot:case St:case kt:case xt:case It:case At:case Tt:case Ct:return function(t,i){var e=i?at(t.buffer):t.buffer;return new t.constructor(e,t.byteOffset,t.length)}(t,e);case lt:return new n;case vt:case mt:return new n(t);case bt:return(s=new(r=t).constructor(r.source,ht.exec(r))).lastIndex=r.lastIndex,s;case pt:return new n;case gt:return ut?Object(ut.call(t)):{}}}(t,f,a)}}n||(n=new j);var l=n.get(t);if(l)return l;n.set(t,o),Pt(t)?t.forEach((function(r){o.add(Gt(r,i,e,r,t,n))})):Et(t)&&t.forEach((function(r,s){o.set(s,Gt(r,i,e,s,t,n))}));var p=u?void 0:(c?h?nt:w:h?Y:v)(t);return function(t,i){for(var e=-1,r=null==t?0:t.length;++e<r&&!1!==i(t[e],e););}(p||t,(function(r,s){p&&(r=t[s=r]),V(o,s,Gt(r,i,e,s,t,n))})),o}zt[Dt]=zt["[object Array]"]=zt["[object ArrayBuffer]"]=zt["[object DataView]"]=zt["[object Boolean]"]=zt["[object Date]"]=zt["[object Float32Array]"]=zt["[object Float64Array]"]=zt["[object Int8Array]"]=zt["[object Int16Array]"]=zt["[object Int32Array]"]=zt["[object Map]"]=zt["[object Number]"]=zt[Ut]=zt["[object RegExp]"]=zt["[object Set]"]=zt["[object String]"]=zt["[object Symbol]"]=zt["[object Uint8Array]"]=zt["[object Uint8ClampedArray]"]=zt["[object Uint16Array]"]=zt["[object Uint32Array]"]=!0,zt["[object Error]"]=zt[Lt]=zt["[object WeakMap]"]=!1;const Qt=function(){return x.Date.now()};var Wt=Math.max,qt=Math.min;function Bt(t,i){return t.label===i}function Ht(t,i){return Object.values(t.properties).find((t=>t&&t.relation&&Bt(t.relation.getLimetype(),i)))}function Kt(t,i){const e=Ht(t,i);return!!e&&function(t){return function(t){return t&&["belongsto","hasone","hasmany","hasandbelongstomany"].includes(t.type)}(t)&&!function(t){return t&&["belongsto","hasone"].includes(t.type)}(t)}(e)}class Vt{get limeObjectService(){return this.platform.get(s.LimeObjectRepository)}get queryService(){return this.platform.get(s.Query)}get viewFactoryRegistry(){return this.platform.get(s.ViewFactoryRegistry)}get translator(){var t;return null===(t=this.platform)||void 0===t?void 0:t.get(s.Translate)}get triggerCharacter(){return this._triggerCharacter}get triggerHandler(){return this._triggerHandler}constructor(t,i,e){this.platform=t,this.context=i,this.searchableLimetypes=e,this.groupCounts={},this._triggerCharacter="@",this._triggerHandler={searcher:t=>this.searcher(t),inserter:(t,i)=>this.inserter(t,i),emptySearchMessage:"Start typing a name...",noItemsFoundMessage:"No results for your search...",nodeDefinition:{customElement:{tagName:"limebb-mention",attributes:["limetype","objectid","href"]},mapAttributes:t=>({limetype:t.value.getLimetype().name,objectid:t.value.id,href:`object/${this.context.limetype}/${this.context.id}`})}},this.searcher=async t=>{if(!t)return[];const{objects:i}=await this.limeObjectService.search(t,this.searchableLimetypes,10);return this.createSearchListItems(i)},this.inserter=async(t,i)=>{var e;const r=this.triggerHandler.nodeDefinition;r&&t.insert({node:{tagName:r.customElement.tagName,attributes:r.mapAttributes(i)},children:[null===(e=i.value)||void 0===e?void 0:e.descriptive]})}}async initialize(){await this.loadGroupCounts()}async loadGroupCounts(){const t=this.searchableLimetypes.filter((t=>!Bt(t,"user")&&Kt(t,"user"))).map((t=>this.getGroupCounts(t)));(await Promise.all(t)).forEach((t=>{Object.assign(this.groupCounts,t)}))}async getGroupCounts(t){var i;const e=Ht(t,"user"),r=t.name;try{const t=await this.queryService.execute({limetype:r,responseFormat:{object:{_id:null,[e.name]:{count:{aggregate:{op:n.Count}}}}}});if(!(null===(i=t.objects)||void 0===i?void 0:i.length))return{[r]:{}};const s=this.createGroupCount(t.objects,e.name);return{[r]:s}}catch(i){return console.error(`Error fetching group count for limetype: ${t.name}`,i),{[r]:{}}}}createGroupCount(t,i){const e={};return t.forEach((t=>{const{_id:r,[i]:s}=t;e[r]=s.count})),e}createSearchListItems(t=[]){return t.map((t=>this.createSearchListItem(t))).filter(N)}createSearchListItem(t){const i=this.viewFactoryRegistry.getFactory("search"),e=this.limeObjectService.getObject(t._limetype,t._id);if(!e)return null;const r=i(e,this.context),s=this.getGroupCountComponent(e);return Object.assign(Object.assign({},r),s?{primaryComponent:s}:{})}getGroupCountComponent(t){var i;const e=t.getLimetype(),r=null===(i=this.groupCounts[e.name])||void 0===i?void 0:i[t.id],s=Ht(e,"user");if(void 0!==r&&s)return{name:"limebb-mention-group-counter",props:{count:r,limetype:s.relation.getLimetype(),helperLabel:this.translator.get("webclient.notification-center.members-will-be-notified")}}}}class Jt{constructor(t,i){this.file=t,this.http=i,this.uploadCancelled=!1,this.getUrl=t=>`api/v1/file/${t||""}`}async initialize(){this.uploadService=await this.http.createFileUpload("POST",this.getUrl(),this.file),this.progressCallback&&(this.uploadService.onProgress=this.progressCallback)}async upload(){return this.uploadService.upload()}getFileName(){return this.file.name}cancel(){this.uploadService.cancel(),this.uploadCancelled=!0}set onProgress(t){this.progressCallback=t,this.uploadService&&(this.uploadService.onProgress=t)}}class Xt{constructor(t){this.platform=t}async handleImagePasted(t){const i=null==t?void 0:t.fileInfo;if(!i)return;if(!this.validateImageSize(i))return;t.insertThumbnail();const e=await this.createFileUpload(i),r=null==e?void 0:e.href;return r&&void 0!==(null==e?void 0:e.fileId)?t.insertImage(r):t.insertFailedThumbnail(),e}parseFileIdFromSrc(t){if(t){const i=/\/(\d+)\/contents\/?$/.exec(t);if(i&&i[1])return Number(i[1])}}validateImageSize(t){return!!t.fileContent&&t.fileContent.size<=52428800}async createFileUpload(t){var i;if(!t.fileContent)return;const e=new Jt(t.fileContent,this.http);await e.initialize();const r=Object.assign(Object.assign({},t),{progress:0,file:e,state:"added",fileId:void 0,href:void 0,id:t.id});e.onProgress=t=>{0===r.progress&&(r.state="uploading"),r.progress=t,100===t&&(r.state="finalizing")};const s=await e.upload();return r.fileId=s.id,r.filename=s.filename,r.extension=s.extension,r.contentType=s.contentType,r.size=s.size,r.state="done",r.href=null===(i=s._links)||void 0===i?void 0:i.contents.href,r}get http(){return this.platform.get(s.Http)}}const Yt=class{watchOpen(){this.setupHandlers(),this.setPickerMessage()}watchQuery(){this.setPickerMessage()}constructor(e){var r;t(this,e),this.change=i(this,"change",7),this.metadataChange=i(this,"metadataChange",7),this.allowMentioning=!1,this.contentType="markdown",this.language="en",this.disabled=!1,this.readonly=!1,this.invalid=!1,this.required=!1,this.ui="standard",this.allowResize=!0,this.value="",this.triggerMap={},this.customElements=[],this.allowInlineImages=!1,this.items=[],this.highlightedItemIndex=0,this.isPickerOpen=!1,this.isSearching=!1,this.registeredTriggers=[],this.registeredTriggerMap=this.triggerMap,this.registeredCustomElements=this.customElements,this.activeTrigger=void 0,this.handleMouseClick=t=>{this.textEditorPickerElement&&(t.target===this.textEditorPickerElement||this.resetTriggerAndPicker())},this.handleKeyPress=t=>{if(!this.isPickerOpen||!this.activeTrigger)return;if(![h,c,a,u,f].includes(t.key))return;if(t.stopPropagation(),t.preventDefault(),"keyup"===t.type)return;const i={[h]:this.handleEscapeKey,[u]:this.handleEnterOrTabKey,[f]:this.handleEnterOrTabKey,[a]:this.handleArrowKeyPress,[c]:this.handleArrowKeyPress}[t.key];i&&i(t)},this.handleArrowKeyPress=t=>{this.highlightedItemIndex=this.findNonSeparatorIndex(t.key,this.highlightedItemIndex)},this.findNonSeparatorIndex=(t,i,e=0)=>{if(!this.items.length||e>this.items.length)return i;const r=((t,i,e)=>(i+(t===a?1:-1)+e)%e)(t,i,this.items.length);return this.isListSeparator(this.items[r])?this.findNonSeparatorIndex(t,r,e+1):r},this.handleEscapeKey=()=>{var t;null===(t=this.triggerFunction)||void 0===t||t.stopTrigger(),this.resetTriggerAndPicker()},this.handleEnterOrTabKey=t=>{this.handleItemSelection(t)},this.handleMetadataChange=t=>{t.stopPropagation();const i=t.detail,e=this.getEnhancedImages(i.images||[]),r=Object.assign(Object.assign({},i),{images:e});this.metadataChange.emit(r)},this.handleImagePasted=t=>{t.stopPropagation(),this.allowInlineImages&&this.uploadHandler.handleImagePasted(t.detail)},this.handleTriggerStart=t=>{t.stopPropagation(),this.activeTrigger=t.detail.trigger,this.triggerFunction=t.detail.textEditor,this.isPickerOpen=!0},this.handleTriggerStop=t=>{t.stopPropagation(),this.resetTriggerAndPicker()},this.handleTriggerChange=t=>{var i;t.stopImmediatePropagation(),this.editorPickerQuery=t.detail.value;const e=null===(i=this.registeredTriggerMap[t.detail.trigger])||void 0===i?void 0:i.searcher;e&&(this.isSearching=!0,this.debouncedSearchFn(e,this.editorPickerQuery))},this.resetTriggerAndPicker=()=>{this.isPickerOpen=!1,this.activeTrigger=void 0,this.triggerFunction=void 0,this.isSearching=!1,this.highlightedItemIndex=0,this.items=[]},this.handleItemSelection=t=>{var i;let e;if(t instanceof CustomEvent)e=t.detail;else{if(!(t instanceof KeyboardEvent))return;{const t=this.items[this.highlightedItemIndex];if(this.isListSeparator(t))return;e=t}}if(!this.activeTrigger)return;const r=this.registeredTriggerMap[this.activeTrigger];try{r.inserter(this.triggerFunction,e)}catch(t){console.error("Error inserting",t)}this.resetTriggerAndPicker(),null===(i=this.textEditor)||void 0===i||i.focus()},this.handleVisibilityChange=()=>{"hidden"===document.visibilityState&&this.saveDraft()},this.handleBeforeUnload=()=>{this.saveDraft()},this.portalId="crypto"in window&&"function"==typeof(null===(r=window.crypto)||void 0===r?void 0:r.randomUUID)?"a_"+crypto.randomUUID():String.fromCharCode(97+Math.floor(26*Math.random()))+Math.random().toString(36).substring(2)+Math.random().toString(36).substring(2),this.debouncedSearchFn=function(t,i,e){var r,s,n,o,a,h,c=0,u=!1,f=!1,d=!0;if("function"!=typeof t)throw new TypeError("Expected a function");function l(i){var e=r,n=s;return r=s=void 0,c=i,o=t.apply(n,e)}function v(t){var e=t-h;return void 0===h||e>=i||e<0||f&&t-c>=n}function b(){var t=Qt();if(v(t))return p(t);a=setTimeout(b,function(t){var e=i-(t-h);return f?qt(e,n-(t-c)):e}(t))}function p(t){return a=void 0,d&&r?l(t):(r=s=void 0,o)}function m(){var t=Qt(),e=v(t);if(r=arguments,s=this,h=t,e){if(void 0===a)return function(t){return c=t,a=setTimeout(b,i),u?l(t):o}(h);if(f)return clearTimeout(a),a=setTimeout(b,i),l(h)}return void 0===a&&(a=setTimeout(b,i)),o}return i=W(i)||0,k(e)&&(u=!!e.leading,n=(f="maxWait"in e)?Wt(W(e.maxWait)||0,i):n,d="trailing"in e?!!e.trailing:d),m.cancel=function(){void 0!==a&&clearTimeout(a),c=0,r=h=s=a=void 0},m.flush=function(){return void 0===a?o:p(Qt())},m}((async(t,i)=>{try{const e=await t(i);if(i!==this.editorPickerQuery||!this.activeTrigger)return;this.items=e}catch(t){console.error("Error searching",t)}finally{this.isSearching=!1}}),300)}connectedCallback(){var t,i,e,r;if(this.draftIdentifier){const s=null!==(i=null===(t=this.context)||void 0===t?void 0:t.id)&&void 0!==i?i:"no-limeobject",n=null!==(r=null===(e=this.context)||void 0===e?void 0:e.limetype)&&void 0!==r?r:"no-limetype";this.textEditorInnerId=["text-editor-draft",n,s,this.draftIdentifier].join("-")}this.textEditorInnerId&&(document.addEventListener("visibilitychange",this.handleVisibilityChange),window.addEventListener("beforeunload",this.handleBeforeUnload)),this.uploadHandler=new Xt(this.platform)}componentWillLoad(){this.allowMentioning&&this.registerMentions(),this.registerTriggers(),this.loadDraft()}disconnectedCallback(){document.removeEventListener("visibilitychange",this.handleVisibilityChange),window.removeEventListener("beforeunload",this.handleBeforeUnload),document.removeEventListener("mousedown",this.handleMouseClick),this.saveDraft(),this.host&&(this.host.removeEventListener("keyup",this.handleKeyPress,{capture:!0}),this.host.removeEventListener("keydown",this.handleKeyPress,{capture:!0})),this.debouncedSearchFn&&this.debouncedSearchFn.cancel&&this.debouncedSearchFn.cancel()}registerMentions(){const t=new Vt(this.platform,this.context,this.searchableLimetypes),i=t.triggerHandler.nodeDefinition;i&&(this.registeredCustomElements.push(i.customElement),this.registeredTriggerMap[t.triggerCharacter]=t.triggerHandler,t.initialize())}registerTriggers(){this.registeredTriggers=Object.keys(this.registeredTriggerMap)}setPickerMessage(){var t;if(!this.activeTrigger)return;const i=this.registeredTriggerMap[this.activeTrigger];this.pickerMessage=(null===(t=this.editorPickerQuery)||void 0===t?void 0:t.length)>0?i.noItemsFoundMessage:i.emptySearchMessage}setupHandlers(){this.isPickerOpen?(this.host.addEventListener("keyup",this.handleKeyPress,{capture:!0}),this.host.addEventListener("keydown",this.handleKeyPress,{capture:!0}),document.addEventListener("mousedown",this.handleMouseClick)):(this.host.removeEventListener("keyup",this.handleKeyPress,{capture:!0}),this.host.removeEventListener("keydown",this.handleKeyPress,{capture:!0}),document.removeEventListener("mousedown",this.handleMouseClick))}isListSeparator(t){return"separator"in t&&!0===t.separator}render(){return[e("limel-text-editor",{key:"2cc0cc870f0f26fe18d8c81ed675ab1ddeea6e3e",ref:t=>this.textEditor=t,tabindex:this.disabled?-1:0,value:this.value,contentType:this.contentType,customElements:this.registeredCustomElements,"aria-disabled":this.disabled,language:this.language,triggers:this.registeredTriggers,onTriggerStart:this.handleTriggerStart,onTriggerStop:this.handleTriggerStop,onTriggerChange:this.handleTriggerChange,onImagePasted:this.handleImagePasted,onMetadataChange:this.handleMetadataChange,ui:this.ui,allowResize:this.allowResize,required:this.required,disabled:this.disabled,readonly:this.readonly,helperText:this.helperText,placeholder:this.placeholder,label:this.label,invalid:this.invalid}),this.renderPicker()]}renderPicker(){if(this.isPickerOpen)return e("limel-portal",{containerId:this.portalId,visible:this.isPickerOpen,openDirection:"top",inheritParentWidth:!0,anchor:this.textEditor},e("limebb-text-editor-picker",{ref:t=>this.textEditorPickerElement=t,items:(t=this.items,i=this.highlightedItemIndex,t.map(((t,e)=>{const r=Gt(t,5);return Object.assign(Object.assign({},r),{selected:e===i})}))),onItemSelected:this.handleItemSelection,emptyMessage:this.pickerMessage,isSearching:this.isSearching}));var t,i}getEnhancedImages(t){return t.map((t=>{let i;return"success"===t.state&&(i=this.uploadHandler.parseFileIdFromSrc(t.src)),i?Object.assign(Object.assign({},t),{fileId:i}):t}))}loadDraft(){if(!this.userDataService||!this.textEditorInnerId)return;if(this.value)return;const t=this.userDataService.get(this.textEditorInnerId);t&&this.change.emit(t)}saveDraft(){var t,i,e;this.textEditorInnerId&&((null===(t=this.value)||void 0===t?void 0:t.trim())?null===(i=this.userDataService)||void 0===i||i.set(this.textEditorInnerId,this.value):null===(e=this.userDataService)||void 0===e||e.set(this.textEditorInnerId,void 0))}get userDataService(){return this.platform.get(s.UserDataRepository)}get host(){return r(this)}static get watchers(){return{isPickerOpen:["watchOpen"],editorPickerQuery:["watchQuery"]}}};!function(t,i,e,r){var s,n=arguments.length,o=n<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,e):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,i,e,r);else for(var a=t.length-1;a>=0;a--)(s=t[a])&&(o=(n<3?s(o):n>3?s(i,e,o):s(i,e))||o);n>3&&o&&Object.defineProperty(i,e,o)}([o({map:[function(t){return Object.values(t).filter((t=>Bt(t,"user")||Kt(t,"user")))}]})],Yt.prototype,"searchableLimetypes",void 0);export{Yt as limebb_text_editor}

package/dist/types/components/text-editor/text-editor.d.ts

@@ -1,8 +1,8 @@
-import { CustomElementDefinition, EditorUiType, ImageInfo, FormComponent, Languages } from '@limetech/lime-elements';
+import { CustomElementDefinition, EditorUiType, FormComponent, Languages } from '@limetech/lime-elements';
 import { LimeWebComponentContext, LimeWebComponentPlatform } from '@limetech/lime-web-components';
 import { EventEmitter } from '../../stencil-public-runtime';
 import { TriggerMap } from './text-editor.types';
-import { UploadedFileInfo } from './uploader/building-blocks-uploader';
+import { EnhancedEditorMetadata } from './uploader/building-blocks-upload-handler';
 /**
  * This component is a wrapper on the `limel-text-editor`. It adds support for platform
  * specific things that can't reside in lime-elements. So this is basically an
@@ -167,8 +167,7 @@ export declare class LimeBBTextEditor implements FormComponent<string> {
      *
      * :::note
      * This component handles the upload process.
-     * The consumer must process the uploaded images by listening to `imageUploaded` and
-     * `imageRemoved` events.
+     * The consumer must process the uploaded images by listening to `metadataChange` event.
      * :::
      */
     allowInlineImages: boolean;
@@ -190,32 +189,9 @@ export declare class LimeBBTextEditor implements FormComponent<string> {
      */
     change: EventEmitter<string>;
     /**
-     * Fires when an image upload completes successfully
-     *
-     * :::note
-     * Returns UploadedFileInfo with:
-     * - fileId: ID of the uploaded file (use for limeobject creation)
-     * - fileInfoId: ID to match this upload with any removed images
-     * when handling the imageRemoved event
-     * :::
-     */
-    imageUploaded: EventEmitter<UploadedFileInfo>;
-    /**
-     * Dispatched when an image has been removed from the editor
-     *
-     * The ImageInfo object contains the fileInfoId which can be used to match with
-     * previously uploaded images (from imageUploaded events)
-     *
-     * :::note
-     * This event is forwarded from the underlying limel-text-editor component.
-     * :::
-     */
-    imageRemoved: EventEmitter<ImageInfo>;
-    /**
-     * Will be `true` while there is an active upload in progress,
-     * or while there is a failed image upload.
+     * Dispatched when the metadata of the editor changes
      */
-    imagesUploading: EventEmitter<boolean>;
+    metadataChange: EventEmitter<EnhancedEditorMetadata>;
     private registeredTriggers;
     private registeredTriggerMap;
     private registeredCustomElements;
@@ -228,7 +204,6 @@ export declare class LimeBBTextEditor implements FormComponent<string> {
     private textEditorInnerId;
     private debouncedSearchFn;
     private uploadHandler;
-    private activeUploads;
     protected watchOpen(): void;
     protected watchQuery(): void;
     constructor();
@@ -248,8 +223,9 @@ export declare class LimeBBTextEditor implements FormComponent<string> {
     private readonly handleEnterOrTabKey;
     render(): any[];
     private renderPicker;
+    private readonly handleMetadataChange;
+    private getEnhancedImages;
     private readonly handleImagePasted;
-    private readonly handleImageRemoved;
     private readonly handleTriggerStart;
     private readonly handleTriggerStop;
     private readonly handleTriggerChange;

package/dist/types/components/text-editor/uploader/building-blocks-upload-handler.d.ts

@@ -1,4 +1,4 @@
-import { ImageInserter } from '@limetech/lime-elements';
+import { EditorImage, ImageInserter, EditorMetadata } from '@limetech/lime-elements';
 import { LimeWebComponentPlatform } from '@limetech/lime-web-components';
 import { FileWrapper } from './building-blocks-uploader';
 export declare class UploadHandler {
@@ -11,6 +11,28 @@ export declare class UploadHandler {
      * @returns {Promise<FileWrapper | undefined>} Promise resolving to the uploaded file wrapper or undefined if upload fails
      */
     handleImagePasted(imageInserter: ImageInserter): Promise<FileWrapper | undefined>;
+    /**
+     * Extracts a file ID from a image source string.
+     *
+     * This function parses a URL to find a file ID that appears before
+     * '/contents/' at the end of the URL.
+     *
+     * @param {string} src - The URL string to parse
+     * @returns {string | undefined} The extracted file ID or undefined if no match is found
+     *
+     * @example
+     * // Returns 123
+     * parseFileIdFromSrc('/api/file/123/contents/');
+     *
+     * @example
+     * // Returns 456
+     * parseFileIdFromSrc('https://example.com/limepkg-email/api/v1/file/456/contents/');
+     *
+     * @example
+     * // Returns undefined
+     * parseFileIdFromSrc('/invalid/url/format/');
+     */
+    parseFileIdFromSrc(src: string): number | undefined;
     /**
      * Validates that the image file size is within limits
      *
@@ -27,4 +49,14 @@ export declare class UploadHandler {
     private createFileUpload;
     private get http();
 }
+export interface EnhancedEditorImage extends EditorImage {
+    fileId?: number;
+}
+/**
+ * Extends the EditorMetadata interface from lime-elements to replace the images property
+ * with our custom EnhancedEditorImage type
+ */
+export interface EnhancedEditorMetadata extends Omit<EditorMetadata, 'images'> {
+    images: EnhancedEditorImage[];
+}
 //# sourceMappingURL=building-blocks-upload-handler.d.ts.map

package/dist/types/components/text-editor/uploader/building-blocks-uploader.d.ts

@@ -22,10 +22,5 @@ export type FileStatus = FileInfo & {
 };
 export type FileWrapper = FileStatus & {
     file: FileUpload;
-    fileInfoId: string | number | undefined;
-};
-export type UploadedFileInfo = {
-    fileId: string | number | undefined;
-    fileInfoId: string | number | undefined;
 };
 //# sourceMappingURL=building-blocks-uploader.d.ts.map

package/dist/types/components.d.ts

@@ -7,7 +7,7 @@
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { AggregateOperator, LimeFileUrlType, LimeType, LimeWebComponentContext, LimeWebComponentPlatform } from "@limetech/lime-web-components";
 import { BrowserItem } from "./components/browser/browser-item.types";
-import { ActionBarItem, CustomElementDefinition, DateType, EditorUiType, FormInfo, Icon, Image, ImageInfo, Languages, ListItem, ListSeparator, OpenDirection } from "@limetech/lime-elements";
+import { ActionBarItem, CustomElementDefinition, DateType, EditorUiType, FormInfo, Icon, Image, Languages, ListItem, ListSeparator, OpenDirection } from "@limetech/lime-elements";
 import { ChatItem } from "./components/chat-list/chat-item/chat-item.types";
 import { ComponentPickerType } from "./components/component-command-picker/types";
 import { FeedItem } from "./components/feed/feed-item/feed-item.types";
@@ -19,10 +19,10 @@ import { LanguagePickerType } from "./components/locale-picker/language-picker.t
 import { NavigationButtonType } from "./components/navigation-button/navigation-button.types";
 import { NotificationItem } from "./components/notification-list/notification-item/notification-item.types";
 import { TriggerMap } from "./components/text-editor/text-editor.types";
-import { UploadedFileInfo } from "./components/text-editor/uploader/building-blocks-uploader";
+import { EnhancedEditorMetadata } from "./components/text-editor/uploader/building-blocks-upload-handler";
 export { AggregateOperator, LimeFileUrlType, LimeType, LimeWebComponentContext, LimeWebComponentPlatform } from "@limetech/lime-web-components";
 export { BrowserItem } from "./components/browser/browser-item.types";
-export { ActionBarItem, CustomElementDefinition, DateType, EditorUiType, FormInfo, Icon, Image, ImageInfo, Languages, ListItem, ListSeparator, OpenDirection } from "@limetech/lime-elements";
+export { ActionBarItem, CustomElementDefinition, DateType, EditorUiType, FormInfo, Icon, Image, Languages, ListItem, ListSeparator, OpenDirection } from "@limetech/lime-elements";
 export { ChatItem } from "./components/chat-list/chat-item/chat-item.types";
 export { ComponentPickerType } from "./components/component-command-picker/types";
 export { FeedItem } from "./components/feed/feed-item/feed-item.types";
@@ -34,7 +34,7 @@ export { LanguagePickerType } from "./components/locale-picker/language-picker.t
 export { NavigationButtonType } from "./components/navigation-button/navigation-button.types";
 export { NotificationItem } from "./components/notification-list/notification-item/notification-item.types";
 export { TriggerMap } from "./components/text-editor/text-editor.types";
-export { UploadedFileInfo } from "./components/text-editor/uploader/building-blocks-uploader";
+export { EnhancedEditorMetadata } from "./components/text-editor/uploader/building-blocks-upload-handler";
 export namespace Components {
     /**
      * This component creates a UI that allows the user to easily navigate through a list of items,
@@ -1154,7 +1154,7 @@ export namespace Components {
      */
     interface LimebbTextEditor {
         /**
-          * Enables image pasting in the editor. Default: `false`  :::note This component handles the upload process. The consumer must process the uploaded images by listening to `imageUploaded` and `imageRemoved` events. :::
+          * Enables image pasting in the editor. Default: `false`  :::note This component handles the upload process. The consumer must process the uploaded images by listening to `metadataChange` event. :::
          */
         "allowInlineImages": boolean;
         /**
@@ -2167,9 +2167,7 @@ declare global {
     };
     interface HTMLLimebbTextEditorElementEventMap {
         "change": string;
-        "imageUploaded": UploadedFileInfo;
-        "imageRemoved": ImageInfo;
-        "imagesUploading": boolean;
+        "metadataChange": EnhancedEditorMetadata;
     }
     /**
      * This component is a wrapper on the `limel-text-editor`. It adds support for platform
@@ -3520,7 +3518,7 @@ declare namespace LocalJSX {
      */
     interface LimebbTextEditor {
         /**
-          * Enables image pasting in the editor. Default: `false`  :::note This component handles the upload process. The consumer must process the uploaded images by listening to `imageUploaded` and `imageRemoved` events. :::
+          * Enables image pasting in the editor. Default: `false`  :::note This component handles the upload process. The consumer must process the uploaded images by listening to `metadataChange` event. :::
          */
         "allowInlineImages"?: boolean;
         /**
@@ -3570,17 +3568,9 @@ declare namespace LocalJSX {
          */
         "onChange"?: (event: LimebbTextEditorCustomEvent<string>) => void;
         /**
-          * Dispatched when an image has been removed from the editor  The ImageInfo object contains the fileInfoId which can be used to match with previously uploaded images (from imageUploaded events)  :::note This event is forwarded from the underlying limel-text-editor component. :::
+          * Dispatched when the metadata of the editor changes
          */
-        "onImageRemoved"?: (event: LimebbTextEditorCustomEvent<ImageInfo>) => void;
-        /**
-          * Fires when an image upload completes successfully  :::note Returns UploadedFileInfo with: - fileId: ID of the uploaded file (use for limeobject creation) - fileInfoId: ID to match this upload with any removed images when handling the imageRemoved event :::
-         */
-        "onImageUploaded"?: (event: LimebbTextEditorCustomEvent<UploadedFileInfo>) => void;
-        /**
-          * Will be `true` while there is an active upload in progress, or while there is a failed image upload.
-         */
-        "onImagesUploading"?: (event: LimebbTextEditorCustomEvent<boolean>) => void;
+        "onMetadataChange"?: (event: LimebbTextEditorCustomEvent<EnhancedEditorMetadata>) => void;
         /**
           * The placeholder text shown inside the input field, when the field is empty.
          */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@limetech/lime-crm-building-blocks",
-  "version": "1.73.0",
+  "version": "1.74.0",
   "description": "A home for shared components meant for use with Lime CRM",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -43,11 +43,11 @@
   "devDependencies": {
     "@eslint/eslintrc": "^3.3.0",
     "@eslint/js": "^9.21.0",
-    "@limetech/lime-elements": "^38.9.6",
+    "@limetech/lime-elements": "^38.12.0",
     "@limetech/lime-web-components": "^5.46.0",
     "@limetech/lime-web-components-testing": "^1.0.0",
     "@lundalogik/lime-icons8": "^2.33.0",
-    "@lundalogik/limeclient.js": "^1.80.1",
+    "@lundalogik/limeclient.js": "^1.80.2",
     "@stencil/core": "^4.27.2",
     "@stencil/sass": "^3.1.9",
     "@types/jest": "^29.5.14",

package/dist/lime-crm-building-blocks/p-ded914fe.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,h as e,g as r}from"./p-b11e09b4.js";import{P as s,A as n}from"./p-a26d352f.js";import{a as o}from"./p-54d4113a.js";import{A as a,a as h,b as c,E as u,T as f}from"./p-463d3174.js";import{d as l,b as d,k as v,c as b,s as p,a as m,e as g,U as y,S as j,g as w}from"./p-bcc23575.js";import{i as O,e as S}from"./p-c40a3f4b.js";import{d as I,r as k,S as x,a as A,i as T}from"./p-b31772c8.js";import{d as M,i as C,o as E,g as P,h as F,n as _,a as R}from"./p-5322fd19.js";import{i as U}from"./p-6fd28e32.js";import"./p-22de5a0e.js";var $=/\s/,D=/^\s+/;var N=NaN,L=/^[-+]0x[0-9a-f]+$/i,z=/^0b[01]+$/i,G=/^0o[0-7]+$/i,Q=parseInt;function W(t){if("number"==typeof t)return t;if(O(t))return N;if(I(t)){var i="function"==typeof t.valueOf?t.valueOf():t;t=I(i)?i+"":i}if("string"!=typeof t)return 0===t?t:+t;var e;t=(e=t)?e.slice(0,function(t){for(var i=t.length;i--&&$.test(t.charAt(i)););return i}(e)+1).replace(D,""):e;var r=z.test(t);return r||G.test(t)?Q(t.slice(2),r?2:8):L.test(t)?N:+t}var q=Object.create;const B=function(){function t(){}return function(i){if(!I(i))return{};if(q)return q(i);t.prototype=i;var e=new t;return t.prototype=void 0,e}}();function H(t,i,e){"__proto__"==i&&l?l(t,i,{configurable:!0,enumerable:!0,value:e,writable:!0}):t[i]=e}var K=Object.prototype.hasOwnProperty;function V(t,i,e){var r=t[i];K.call(t,i)&&S(r,e)&&(void 0!==e||i in t)||H(t,i,e)}function J(t,i,e,r){var s=!e;e||(e={});for(var n=-1,o=i.length;++n<o;){var a=i[n],h=r?r(e[a],t[a],a,e,t):void 0;void 0===h&&(h=t[a]),s?H(e,a,h):V(e,a,h)}return e}var X=Object.prototype.hasOwnProperty;function Y(t){return C(t)?d(t,!0):function(t){if(!I(t))return function(t){var i=[];if(null!=t)for(var e in Object(t))i.push(e);return i}(t);var i=M(t),e=[];for(var r in t)("constructor"!=r||!i&&X.call(t,r))&&e.push(r);return e}(t)}const Z=E(Object.getPrototypeOf,Object);var tt="object"==typeof exports&&exports&&!exports.nodeType&&exports,it=tt&&"object"==typeof module&&module&&!module.nodeType&&module,et=it&&it.exports===tt?k.Buffer:void 0,rt=et?et.allocUnsafe:void 0;const st=Object.getOwnPropertySymbols?function(t){for(var i=[];t;)m(i,b(t)),t=Z(t);return i}:p;function nt(t){return g(t,Y,st)}var ot=Object.prototype.hasOwnProperty;function at(t){var i=new t.constructor(t.byteLength);return new y(i).set(new y(t)),i}var ht=/\w*$/,ct=x?x.prototype:void 0,ut=ct?ct.valueOf:void 0,ft="[object Boolean]",lt="[object Date]",dt="[object Map]",vt="[object Number]",bt="[object RegExp]",pt="[object Set]",mt="[object String]",gt="[object Symbol]",yt="[object ArrayBuffer]",jt="[object DataView]",wt="[object Float32Array]",Ot="[object Float64Array]",St="[object Int8Array]",It="[object Int16Array]",kt="[object Int32Array]",xt="[object Uint8Array]",At="[object Uint8ClampedArray]",Tt="[object Uint16Array]",Mt="[object Uint32Array]";var Ct=_&&_.isMap;const Et=Ct?F(Ct):function(t){return A(t)&&"[object Map]"==P(t)};var Pt=_&&_.isSet;const Ft=Pt?F(Pt):function(t){return A(t)&&"[object Set]"==P(t)};var _t=1,Rt=2,Ut=4,$t="[object Arguments]",Dt="[object Function]",Nt="[object GeneratorFunction]",Lt="[object Object]",zt={};function Gt(t,i,e,r,s,n){var o,a=i&_t,h=i&Rt,c=i&Ut;if(e&&(o=s?e(t,r,s,n):e(t)),void 0!==o)return o;if(!I(t))return t;var u=T(t);if(u){if(o=function(t){var i=t.length,e=new t.constructor(i);return i&&"string"==typeof t[0]&&ot.call(t,"index")&&(e.index=t.index,e.input=t.input),e}(t),!a)return function(t,i){var e=-1,r=t.length;for(i||(i=Array(r));++e<r;)i[e]=t[e];return i}(t,o)}else{var f=P(t),l=f==Dt||f==Nt;if(R(t))return function(t,i){if(i)return t.slice();var e=t.length,r=rt?rt(e):new t.constructor(e);return t.copy(r),r}(t,a);if(f==Lt||f==$t||l&&!s){if(o=h||l?{}:function(t){return"function"!=typeof t.constructor||M(t)?{}:B(Z(t))}(t),!a)return h?function(t,i){return J(t,st(t),i)}(t,function(t,i){return t&&J(i,Y(i),t)}(o,t)):function(t,i){return J(t,b(t),i)}(t,function(t,i){return t&&J(i,v(i),t)}(o,t))}else{if(!zt[f])return s?t:{};o=function(t,i,e){var r,s,n=t.constructor;switch(i){case yt:return at(t);case ft:case lt:return new n(+t);case jt:return function(t,i){var e=i?at(t.buffer):t.buffer;return new t.constructor(e,t.byteOffset,t.byteLength)}(t,e);case wt:case Ot:case St:case It:case kt:case xt:case At:case Tt:case Mt:return function(t,i){var e=i?at(t.buffer):t.buffer;return new t.constructor(e,t.byteOffset,t.length)}(t,e);case dt:return new n;case vt:case mt:return new n(t);case bt:return(s=new(r=t).constructor(r.source,ht.exec(r))).lastIndex=r.lastIndex,s;case pt:return new n;case gt:return ut?Object(ut.call(t)):{}}}(t,f,a)}}n||(n=new j);var d=n.get(t);if(d)return d;n.set(t,o),Ft(t)?t.forEach((function(r){o.add(Gt(r,i,e,r,t,n))})):Et(t)&&t.forEach((function(r,s){o.set(s,Gt(r,i,e,s,t,n))}));var p=u?void 0:(c?h?nt:w:h?Y:v)(t);return function(t,i){for(var e=-1,r=null==t?0:t.length;++e<r&&!1!==i(t[e],e););}(p||t,(function(r,s){p&&(r=t[s=r]),V(o,s,Gt(r,i,e,s,t,n))})),o}zt[$t]=zt["[object Array]"]=zt["[object ArrayBuffer]"]=zt["[object DataView]"]=zt["[object Boolean]"]=zt["[object Date]"]=zt["[object Float32Array]"]=zt["[object Float64Array]"]=zt["[object Int8Array]"]=zt["[object Int16Array]"]=zt["[object Int32Array]"]=zt["[object Map]"]=zt["[object Number]"]=zt[Lt]=zt["[object RegExp]"]=zt["[object Set]"]=zt["[object String]"]=zt["[object Symbol]"]=zt["[object Uint8Array]"]=zt["[object Uint8ClampedArray]"]=zt["[object Uint16Array]"]=zt["[object Uint32Array]"]=!0,zt["[object Error]"]=zt[Dt]=zt["[object WeakMap]"]=!1;const Qt=function(){return k.Date.now()};var Wt=Math.max,qt=Math.min;function Bt(t,i){return t.label===i}function Ht(t,i){return Object.values(t.properties).find((t=>t&&t.relation&&Bt(t.relation.getLimetype(),i)))}function Kt(t,i){const e=Ht(t,i);return!!e&&function(t){return function(t){return t&&["belongsto","hasone","hasmany","hasandbelongstomany"].includes(t.type)}(t)&&!function(t){return t&&["belongsto","hasone"].includes(t.type)}(t)}(e)}class Vt{get limeObjectService(){return this.platform.get(s.LimeObjectRepository)}get queryService(){return this.platform.get(s.Query)}get viewFactoryRegistry(){return this.platform.get(s.ViewFactoryRegistry)}get translator(){var t;return null===(t=this.platform)||void 0===t?void 0:t.get(s.Translate)}get triggerCharacter(){return this._triggerCharacter}get triggerHandler(){return this._triggerHandler}constructor(t,i,e){this.platform=t,this.context=i,this.searchableLimetypes=e,this.groupCounts={},this._triggerCharacter="@",this._triggerHandler={searcher:t=>this.searcher(t),inserter:(t,i)=>this.inserter(t,i),emptySearchMessage:"Start typing a name...",noItemsFoundMessage:"No results for your search...",nodeDefinition:{customElement:{tagName:"limebb-mention",attributes:["limetype","objectid","href"]},mapAttributes:t=>({limetype:t.value.getLimetype().name,objectid:t.value.id,href:`object/${this.context.limetype}/${this.context.id}`})}},this.searcher=async t=>{if(!t)return[];const{objects:i}=await this.limeObjectService.search(t,this.searchableLimetypes,10);return this.createSearchListItems(i)},this.inserter=async(t,i)=>{var e;const r=this.triggerHandler.nodeDefinition;r&&t.insert({node:{tagName:r.customElement.tagName,attributes:r.mapAttributes(i)},children:[null===(e=i.value)||void 0===e?void 0:e.descriptive]})}}async initialize(){await this.loadGroupCounts()}async loadGroupCounts(){const t=this.searchableLimetypes.filter((t=>!Bt(t,"user")&&Kt(t,"user"))).map((t=>this.getGroupCounts(t)));(await Promise.all(t)).forEach((t=>{Object.assign(this.groupCounts,t)}))}async getGroupCounts(t){var i;const e=Ht(t,"user"),r=t.name;try{const t=await this.queryService.execute({limetype:r,responseFormat:{object:{_id:null,[e.name]:{count:{aggregate:{op:n.Count}}}}}});if(!(null===(i=t.objects)||void 0===i?void 0:i.length))return{[r]:{}};const s=this.createGroupCount(t.objects,e.name);return{[r]:s}}catch(i){return console.error(`Error fetching group count for limetype: ${t.name}`,i),{[r]:{}}}}createGroupCount(t,i){const e={};return t.forEach((t=>{const{_id:r,[i]:s}=t;e[r]=s.count})),e}createSearchListItems(t=[]){return t.map((t=>this.createSearchListItem(t))).filter(U)}createSearchListItem(t){const i=this.viewFactoryRegistry.getFactory("search"),e=this.limeObjectService.getObject(t._limetype,t._id);if(!e)return null;const r=i(e,this.context),s=this.getGroupCountComponent(e);return Object.assign(Object.assign({},r),s?{primaryComponent:s}:{})}getGroupCountComponent(t){var i;const e=t.getLimetype(),r=null===(i=this.groupCounts[e.name])||void 0===i?void 0:i[t.id],s=Ht(e,"user");if(void 0!==r&&s)return{name:"limebb-mention-group-counter",props:{count:r,limetype:s.relation.getLimetype(),helperLabel:this.translator.get("webclient.notification-center.members-will-be-notified")}}}}class Jt{constructor(t,i){this.file=t,this.http=i,this.uploadCancelled=!1,this.getUrl=t=>`api/v1/file/${t||""}`}async initialize(){this.uploadService=await this.http.createFileUpload("POST",this.getUrl(),this.file),this.progressCallback&&(this.uploadService.onProgress=this.progressCallback)}async upload(){return this.uploadService.upload()}getFileName(){return this.file.name}cancel(){this.uploadService.cancel(),this.uploadCancelled=!0}set onProgress(t){this.progressCallback=t,this.uploadService&&(this.uploadService.onProgress=t)}}class Xt{constructor(t){this.platform=t}async handleImagePasted(t){const i=null==t?void 0:t.fileInfo;if(!i)return;if(!this.validateImageSize(i))return;t.insertThumbnail();const e=await this.createFileUpload(i),r=null==e?void 0:e.href;return r&&void 0!==(null==e?void 0:e.fileId)?t.insertImage(r):t.insertFailedThumbnail(),e}validateImageSize(t){return!!t.fileContent&&t.fileContent.size<=52428800}async createFileUpload(t){var i;if(!t.fileContent)return;const e=new Jt(t.fileContent,this.http);await e.initialize();const r=Object.assign(Object.assign({},t),{progress:0,file:e,state:"added",fileId:void 0,href:void 0,fileInfoId:t.id});e.onProgress=t=>{0===r.progress&&(r.state="uploading"),r.progress=t,100===t&&(r.state="finalizing")};const s=await e.upload();return r.id=s.id,r.fileId=s.id,r.filename=s.filename,r.extension=s.extension,r.contentType=s.contentType,r.size=s.size,r.state="done",r.href=null===(i=s._links)||void 0===i?void 0:i.contents.href,r}get http(){return this.platform.get(s.Http)}}const Yt=class{watchOpen(){this.setupHandlers(),this.setPickerMessage()}watchQuery(){this.setPickerMessage()}constructor(e){var r;t(this,e),this.change=i(this,"change",7),this.imageUploaded=i(this,"imageUploaded",7),this.imageRemoved=i(this,"imageRemoved",7),this.imagesUploading=i(this,"imagesUploading",7),this.allowMentioning=!1,this.contentType="markdown",this.language="en",this.disabled=!1,this.readonly=!1,this.invalid=!1,this.required=!1,this.ui="standard",this.allowResize=!0,this.value="",this.triggerMap={},this.customElements=[],this.allowInlineImages=!1,this.items=[],this.highlightedItemIndex=0,this.isPickerOpen=!1,this.isSearching=!1,this.registeredTriggers=[],this.registeredTriggerMap=this.triggerMap,this.registeredCustomElements=this.customElements,this.activeTrigger=void 0,this.activeUploads=new Set,this.handleMouseClick=t=>{this.textEditorPickerElement&&(t.target===this.textEditorPickerElement||this.resetTriggerAndPicker())},this.handleKeyPress=t=>{if(!this.isPickerOpen||!this.activeTrigger)return;if(![h,c,a,u,f].includes(t.key))return;if(t.stopPropagation(),t.preventDefault(),"keyup"===t.type)return;const i={[h]:this.handleEscapeKey,[u]:this.handleEnterOrTabKey,[f]:this.handleEnterOrTabKey,[a]:this.handleArrowKeyPress,[c]:this.handleArrowKeyPress}[t.key];i&&i(t)},this.handleArrowKeyPress=t=>{this.highlightedItemIndex=this.findNonSeparatorIndex(t.key,this.highlightedItemIndex)},this.findNonSeparatorIndex=(t,i,e=0)=>{if(!this.items.length||e>this.items.length)return i;const r=((t,i,e)=>(i+(t===a?1:-1)+e)%e)(t,i,this.items.length);return this.isListSeparator(this.items[r])?this.findNonSeparatorIndex(t,r,e+1):r},this.handleEscapeKey=()=>{var t;null===(t=this.triggerFunction)||void 0===t||t.stopTrigger(),this.resetTriggerAndPicker()},this.handleEnterOrTabKey=t=>{this.handleItemSelection(t)},this.handleImagePasted=async t=>{if(t.stopPropagation(),!this.allowInlineImages)return;const i=t.detail,e=i.fileInfo;this.activeUploads.add(e.id),this.imagesUploading.emit(this.activeUploads.size>0);const r=await this.uploadHandler.handleImagePasted(i),s={fileId:null==r?void 0:r.fileId,fileInfoId:e.id};s.fileId&&(this.imageUploaded.emit(s),this.activeUploads.delete(e.id)),this.imagesUploading.emit(this.activeUploads.size>0)},this.handleImageRemoved=t=>{if(t.stopPropagation(),!this.allowInlineImages)return;const i=t.detail;i&&(this.activeUploads.delete(i.fileInfoId),this.imagesUploading.emit(this.activeUploads.size>0),this.imageRemoved.emit(i))},this.handleTriggerStart=t=>{t.stopPropagation(),this.activeTrigger=t.detail.trigger,this.triggerFunction=t.detail.textEditor,this.isPickerOpen=!0},this.handleTriggerStop=t=>{t.stopPropagation(),this.resetTriggerAndPicker()},this.handleTriggerChange=t=>{var i;t.stopImmediatePropagation(),this.editorPickerQuery=t.detail.value;const e=null===(i=this.registeredTriggerMap[t.detail.trigger])||void 0===i?void 0:i.searcher;e&&(this.isSearching=!0,this.debouncedSearchFn(e,this.editorPickerQuery))},this.resetTriggerAndPicker=()=>{this.isPickerOpen=!1,this.activeTrigger=void 0,this.triggerFunction=void 0,this.isSearching=!1,this.highlightedItemIndex=0,this.items=[]},this.handleItemSelection=t=>{var i;let e;if(t instanceof CustomEvent)e=t.detail;else{if(!(t instanceof KeyboardEvent))return;{const t=this.items[this.highlightedItemIndex];if(this.isListSeparator(t))return;e=t}}if(!this.activeTrigger)return;const r=this.registeredTriggerMap[this.activeTrigger];try{r.inserter(this.triggerFunction,e)}catch(t){console.error("Error inserting",t)}this.resetTriggerAndPicker(),null===(i=this.textEditor)||void 0===i||i.focus()},this.handleVisibilityChange=()=>{"hidden"===document.visibilityState&&this.saveDraft()},this.handleBeforeUnload=()=>{this.saveDraft()},this.portalId="crypto"in window&&"function"==typeof(null===(r=window.crypto)||void 0===r?void 0:r.randomUUID)?"a_"+crypto.randomUUID():String.fromCharCode(97+Math.floor(26*Math.random()))+Math.random().toString(36).substring(2)+Math.random().toString(36).substring(2),this.debouncedSearchFn=function(t,i,e){var r,s,n,o,a,h,c=0,u=!1,f=!1,l=!0;if("function"!=typeof t)throw new TypeError("Expected a function");function d(i){var e=r,n=s;return r=s=void 0,c=i,o=t.apply(n,e)}function v(t){var e=t-h;return void 0===h||e>=i||e<0||f&&t-c>=n}function b(){var t=Qt();if(v(t))return p(t);a=setTimeout(b,function(t){var e=i-(t-h);return f?qt(e,n-(t-c)):e}(t))}function p(t){return a=void 0,l&&r?d(t):(r=s=void 0,o)}function m(){var t=Qt(),e=v(t);if(r=arguments,s=this,h=t,e){if(void 0===a)return function(t){return c=t,a=setTimeout(b,i),u?d(t):o}(h);if(f)return clearTimeout(a),a=setTimeout(b,i),d(h)}return void 0===a&&(a=setTimeout(b,i)),o}return i=W(i)||0,I(e)&&(u=!!e.leading,n=(f="maxWait"in e)?Wt(W(e.maxWait)||0,i):n,l="trailing"in e?!!e.trailing:l),m.cancel=function(){void 0!==a&&clearTimeout(a),c=0,r=h=s=a=void 0},m.flush=function(){return void 0===a?o:p(Qt())},m}((async(t,i)=>{try{const e=await t(i);if(i!==this.editorPickerQuery||!this.activeTrigger)return;this.items=e}catch(t){console.error("Error searching",t)}finally{this.isSearching=!1}}),300)}connectedCallback(){var t,i,e,r;if(this.draftIdentifier){const s=null!==(i=null===(t=this.context)||void 0===t?void 0:t.id)&&void 0!==i?i:"no-limeobject",n=null!==(r=null===(e=this.context)||void 0===e?void 0:e.limetype)&&void 0!==r?r:"no-limetype";this.textEditorInnerId=["text-editor-draft",n,s,this.draftIdentifier].join("-")}this.textEditorInnerId&&(document.addEventListener("visibilitychange",this.handleVisibilityChange),window.addEventListener("beforeunload",this.handleBeforeUnload)),this.uploadHandler=new Xt(this.platform)}componentWillLoad(){this.allowMentioning&&this.registerMentions(),this.registerTriggers(),this.loadDraft()}disconnectedCallback(){document.removeEventListener("visibilitychange",this.handleVisibilityChange),window.removeEventListener("beforeunload",this.handleBeforeUnload),document.removeEventListener("mousedown",this.handleMouseClick),this.saveDraft(),this.host&&(this.host.removeEventListener("keyup",this.handleKeyPress,{capture:!0}),this.host.removeEventListener("keydown",this.handleKeyPress,{capture:!0})),this.debouncedSearchFn&&this.debouncedSearchFn.cancel&&this.debouncedSearchFn.cancel()}registerMentions(){const t=new Vt(this.platform,this.context,this.searchableLimetypes),i=t.triggerHandler.nodeDefinition;i&&(this.registeredCustomElements.push(i.customElement),this.registeredTriggerMap[t.triggerCharacter]=t.triggerHandler,t.initialize())}registerTriggers(){this.registeredTriggers=Object.keys(this.registeredTriggerMap)}setPickerMessage(){var t;if(!this.activeTrigger)return;const i=this.registeredTriggerMap[this.activeTrigger];this.pickerMessage=(null===(t=this.editorPickerQuery)||void 0===t?void 0:t.length)>0?i.noItemsFoundMessage:i.emptySearchMessage}setupHandlers(){this.isPickerOpen?(this.host.addEventListener("keyup",this.handleKeyPress,{capture:!0}),this.host.addEventListener("keydown",this.handleKeyPress,{capture:!0}),document.addEventListener("mousedown",this.handleMouseClick)):(this.host.removeEventListener("keyup",this.handleKeyPress,{capture:!0}),this.host.removeEventListener("keydown",this.handleKeyPress,{capture:!0}),document.removeEventListener("mousedown",this.handleMouseClick))}isListSeparator(t){return"separator"in t&&!0===t.separator}render(){return[e("limel-text-editor",{key:"d1442a13d2b3719f15055abc72b14ff1bcd16f94",ref:t=>this.textEditor=t,tabindex:this.disabled?-1:0,value:this.value,contentType:this.contentType,customElements:this.registeredCustomElements,"aria-disabled":this.disabled,language:this.language,triggers:this.registeredTriggers,onTriggerStart:this.handleTriggerStart,onTriggerStop:this.handleTriggerStop,onTriggerChange:this.handleTriggerChange,onImagePasted:this.handleImagePasted,onImageRemoved:this.handleImageRemoved,ui:this.ui,allowResize:this.allowResize,required:this.required,disabled:this.disabled,readonly:this.readonly,helperText:this.helperText,placeholder:this.placeholder,label:this.label,invalid:this.invalid}),this.renderPicker()]}renderPicker(){if(this.isPickerOpen)return e("limel-portal",{containerId:this.portalId,visible:this.isPickerOpen,openDirection:"top",inheritParentWidth:!0,anchor:this.textEditor},e("limebb-text-editor-picker",{ref:t=>this.textEditorPickerElement=t,items:(t=this.items,i=this.highlightedItemIndex,t.map(((t,e)=>{const r=Gt(t,5);return Object.assign(Object.assign({},r),{selected:e===i})}))),onItemSelected:this.handleItemSelection,emptyMessage:this.pickerMessage,isSearching:this.isSearching}));var t,i}loadDraft(){if(!this.userDataService||!this.textEditorInnerId)return;if(this.value)return;const t=this.userDataService.get(this.textEditorInnerId);t&&this.change.emit(t)}saveDraft(){var t,i,e;this.textEditorInnerId&&((null===(t=this.value)||void 0===t?void 0:t.trim())?null===(i=this.userDataService)||void 0===i||i.set(this.textEditorInnerId,this.value):null===(e=this.userDataService)||void 0===e||e.set(this.textEditorInnerId,void 0))}get userDataService(){return this.platform.get(s.UserDataRepository)}get host(){return r(this)}static get watchers(){return{isPickerOpen:["watchOpen"],editorPickerQuery:["watchQuery"]}}};!function(t,i,e,r){var s,n=arguments.length,o=n<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,e):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,i,e,r);else for(var a=t.length-1;a>=0;a--)(s=t[a])&&(o=(n<3?s(o):n>3?s(i,e,o):s(i,e))||o);n>3&&o&&Object.defineProperty(i,e,o)}([o({map:[function(t){return Object.values(t).filter((t=>Bt(t,"user")||Kt(t,"user")))}]})],Yt.prototype,"searchableLimetypes",void 0);export{Yt as limebb_text_editor}