@limetech/lime-crm-building-blocks 2.4.2 → 2.5.0

package/dist/collection/components/inline-image/inline-image.js

@@ -30,7 +30,7 @@ export class InlineImage {
         }
         return (h("img", { src: getFileContentsUrl(this.appName, this.imageId), alt: this.alt, style: {
                 width: this.toCssSize(this.width),
-                height: this.toCssSize(this.height),
+                aspectRatio: this.getAspectRatio(),
                 maxWidth: '100%',
             } }));
     }
@@ -39,6 +39,19 @@ export class InlineImage {
             !!element.platform &&
             typeof element.platform === 'object');
     }
+    getAspectRatio() {
+        const width = this.toPixels(this.width);
+        const height = this.toPixels(this.height);
+        if (!width || !height) {
+            return undefined;
+        }
+        // `auto` lets the image's natural ratio win once it has loaded.
+        return `auto ${width} / ${height}`;
+    }
+    toPixels(value) {
+        const match = /^(\d+(?:\.\d+)?)(?:px)?$/.exec(value !== null && value !== void 0 ? value : '');
+        return match ? Number(match[1]) : undefined;
+    }
     toCssSize(value) {
         if (!value) {
             return undefined;
@@ -129,7 +142,7 @@ export class InlineImage {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "Rendered height (e.g. `300` or `300px`)."
+                    "text": "Height the image had when it was saved (e.g. `300` or `300px`). Never\napplied as a fixed height, as that would squeeze the image when its\nwidth shrinks. Together with `width`, it only yields the aspect ratio\nreserved before the image has loaded."
                 },
                 "getter": false,
                 "setter": false,

package/dist/collection/components/object-chip/object-chip.js

@@ -1,7 +1,8 @@
 import { getIcon } from "../../util/limetype";
 import { getObjectUrl, ObjectResolver, } from "../../util/object-resolver";
 import { PlatformServiceName, } from "@limetech/lime-web-components";
-import { getElement, h } from "@stencil/core";
+import { getElement, h, } from "@stencil/core";
+import { objectMarkdownLink } from "../../util/object-markdown";
 /**
  * Object chip
  *
@@ -38,13 +39,35 @@ export class ObjectChip {
         this.data = { loadFailed: false };
         this.resolver = new ObjectResolver((data) => {
             this.data = data;
+            if (isSettled(data)) {
+                this.releaseWaiting();
+            }
         });
+        this.waiting = [];
     }
     connectedCallback() {
         this.resolver.connect(this.limetype, this.objectid, getElement(this), this.platform);
     }
     disconnectedCallback() {
         this.resolver.disconnect();
+        this.releaseWaiting();
+    }
+    /**
+     * The chip as a markdown link, for text that leaves the application:
+     * the object's descriptive pointing at the object's absolute URL.
+     * Resolves once the object has loaded, or failed to; the limetype
+     * and id stand in for the descriptive when there is none.
+     *
+     * @returns the link, as markdown
+     */
+    async toMarkdown() {
+        var _a;
+        if (this.resolver.resolvedPlatform) {
+            await this.settled();
+        }
+        const text = ((_a = this.data.limeobject) === null || _a === void 0 ? void 0 : _a.descriptive) ||
+            `${this.limetype} ${this.objectid}`;
+        return objectMarkdownLink(text, this.limetype, this.objectid);
     }
     handlePropChange() {
         this.resolver.update(this.limetype, this.objectid);
@@ -56,6 +79,19 @@ export class ObjectChip {
         const icon = getIcon(this.data.limetypeData);
         return (h("limel-chip", { text: this.getChipText(), icon: icon, size: this.size, link: { href: getObjectUrl(this.limetype, this.objectid) }, loading: !this.data.limeobject && !this.data.loadFailed }));
     }
+    settled() {
+        if (isSettled(this.data)) {
+            return Promise.resolve();
+        }
+        return new Promise((resolve) => this.waiting.push(resolve));
+    }
+    releaseWaiting() {
+        const waiting = this.waiting;
+        this.waiting = [];
+        for (const release of waiting) {
+            release();
+        }
+    }
     getChipText() {
         var _a;
         if ((_a = this.data.limeobject) === null || _a === void 0 ? void 0 : _a.descriptive) {
@@ -181,6 +217,30 @@ export class ObjectChip {
             "data": {}
         };
     }
+    static get methods() {
+        return {
+            "toMarkdown": {
+                "complexType": {
+                    "signature": "() => Promise<string>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<string>"
+                },
+                "docs": {
+                    "text": "The chip as a markdown link, for text that leaves the application:\nthe object's descriptive pointing at the object's absolute URL.\nResolves once the object has loaded, or failed to; the limetype\nand id stand in for the descriptive when there is none.",
+                    "tags": [{
+                            "name": "returns",
+                            "text": "the link, as markdown"
+                        }]
+                }
+            }
+        };
+    }
     static get watchers() {
         return [{
                 "propName": "limetype",
@@ -191,3 +251,10 @@ export class ObjectChip {
             }];
     }
 }
+/**
+ * Whether loading has come to an end, one way or the other.
+ * @param data
+ */
+function isSettled(data) {
+    return !!data.limeobject || data.loadFailed;
+}