@limetech/lime-crm-building-blocks 1.110.4 → 1.111.0

package/dist/cjs/limebb-object-chip.cjs.entry.js

@@ -0,0 +1,216 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-519b904a.js');
+const limetype = require('./limetype-3c1c53b6.js');
+const dom = require('./dom-2ea30350.js');
+const index_esm = require('./index.esm-e01e9bd4.js');
+
+const logger = index_esm.De('object-resolver');
+/**
+ * Build the navigation URL for a Lime CRM object.
+ * @param limetype
+ * @param objectid
+ */
+function getObjectUrl(limetype, objectid) {
+    return `object/${limetype}/${objectid}`;
+}
+/**
+ * Resolves platform, limetype metadata, and object data for a given
+ * limetype + objectid pair.
+ *
+ * Designed to be used by Stencil components: pass an `onStateChange`
+ * callback that updates a `@State()` property to trigger re-renders.
+ */
+class ObjectResolver {
+    constructor(onStateChange) {
+        this.onStateChange = onStateChange;
+        this.state = { loadFailed: false };
+        this.hasPendingLoad = false;
+        this.isDisconnected = false;
+    }
+    /**
+     * The resolved platform instance, if any.
+     */
+    get resolvedPlatform() {
+        return this._platform;
+    }
+    /**
+     * Initialize the resolver. Call from `connectedCallback()`.
+     *
+     * @param limetype - name of the limetype
+     * @param objectid - id of the object
+     * @param hostElement - the component's host element (for DOM-walking fallback)
+     * @param platform - optional platform prop (skips DOM walk if provided)
+     */
+    connect(limetype, objectid, hostElement, platform) {
+        this.limetype = limetype;
+        this.objectid = objectid;
+        this.isDisconnected = false;
+        this.hasPendingLoad = false;
+        this._platform = platform || this.findPlatform(hostElement);
+        if (!this._platform) {
+            logger.error(`No platform found. Pass "platform" prop or place the component inside a parent that exposes "platform". limetype=${limetype}, objectid=${objectid}`);
+            return;
+        }
+        this.resolveLimeType();
+        this.loadLimeObject();
+    }
+    /**
+     * Handle prop changes. Call from `@Watch` handlers.
+     *
+     * Debounces via `queueMicrotask` so that simultaneous changes to
+     * both `limetype` and `objectid` result in a single load.
+     * @param limetype
+     * @param objectid
+     */
+    update(limetype, objectid) {
+        this.limetype = limetype;
+        this.objectid = objectid;
+        this.updateState({
+            limeobject: undefined,
+            limetypeData: undefined,
+            loadFailed: false,
+        });
+        if (this.hasPendingLoad) {
+            return;
+        }
+        this.hasPendingLoad = true;
+        queueMicrotask(() => {
+            this.hasPendingLoad = false;
+            if (this.isDisconnected) {
+                return;
+            }
+            if (!this._platform) {
+                this.updateState({ loadFailed: true });
+                logger.warn(`Cannot update: no platform available. limetype=${this.limetype}, objectid=${this.objectid}`);
+                return;
+            }
+            this.resolveLimeType();
+            this.loadLimeObject();
+        });
+    }
+    /**
+     * Prevent stale updates after the component disconnects.
+     * Call from `disconnectedCallback()`.
+     */
+    disconnect() {
+        this.isDisconnected = true;
+    }
+    findPlatform(hostElement) {
+        const element = dom.findParentElement(hostElement, this.hasPlatformProp);
+        return element === null || element === void 0 ? void 0 : element.platform;
+    }
+    hasPlatformProp(element) {
+        if (!('platform' in element)) {
+            return false;
+        }
+        if (!element.platform) {
+            return false;
+        }
+        return typeof element.platform === 'object';
+    }
+    resolveLimeType() {
+        const repository = this._platform.get(index_esm.c.LimeTypeRepository);
+        this.updateState({
+            limetypeData: repository.getLimeType(this.limetype),
+        });
+    }
+    async loadLimeObject() {
+        const limetype = this.limetype;
+        const objectid = this.objectid;
+        const repository = this._platform.get(index_esm.c.LimeObjectRepository);
+        const cached = repository.getObject(limetype, objectid);
+        if (cached) {
+            this.updateState({ limeobject: cached });
+            return;
+        }
+        try {
+            await repository.loadObject(limetype, objectid);
+        }
+        catch (error) {
+            if (this.isStale(limetype, objectid)) {
+                return;
+            }
+            this.updateState({ loadFailed: true });
+            logger.error(`Failed to load ${limetype}/${objectid}`, error);
+            return;
+        }
+        if (this.isStale(limetype, objectid)) {
+            return;
+        }
+        this.updateState({
+            limeobject: repository.getObject(limetype, objectid),
+        });
+    }
+    isStale(limetype, objectid) {
+        return (this.isDisconnected ||
+            this.limetype !== limetype ||
+            this.objectid !== objectid);
+    }
+    updateState(partial) {
+        this.state = Object.assign(Object.assign({}, this.state), partial);
+        if (!this.isDisconnected) {
+            this.onStateChange(this.state);
+        }
+    }
+}
+
+const objectChipCss = ":host{display:inline-block}";
+const LimebbObjectChipStyle0 = objectChipCss;
+
+const ObjectChip = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.data = { loadFailed: false };
+        this.resolver = new ObjectResolver((data) => {
+            this.data = data;
+        });
+    }
+    connectedCallback() {
+        this.resolver.connect(this.limetype, this.objectid, index.getElement(this), this.platform);
+    }
+    disconnectedCallback() {
+        this.resolver.disconnect();
+    }
+    handlePropChange() {
+        this.resolver.update(this.limetype, this.objectid);
+    }
+    render() {
+        if (!this.resolver.resolvedPlatform) {
+            return;
+        }
+        const icon = limetype.getIcon(this.data.limetypeData);
+        return (index.h("limel-chip", { text: this.getChipText(), icon: icon, link: { href: getObjectUrl(this.limetype, this.objectid) }, loading: !this.data.limeobject && !this.data.loadFailed }));
+    }
+    getChipText() {
+        var _a;
+        if ((_a = this.data.limeobject) === null || _a === void 0 ? void 0 : _a.descriptive) {
+            return this.data.limeobject.descriptive;
+        }
+        if (this.data.loadFailed) {
+            return this.getErrorText();
+        }
+        return '';
+    }
+    getErrorText() {
+        if (!this.resolver.resolvedPlatform) {
+            return 'loading failed';
+        }
+        try {
+            const translator = this.resolver.resolvedPlatform.get(index_esm.c.Translate);
+            return translator.get('webclient.limeobject.errors.load-failed');
+        }
+        catch (_a) {
+            return 'loading failed';
+        }
+    }
+    static get watchers() { return {
+        "limetype": ["handlePropChange"],
+        "objectid": ["handlePropChange"]
+    }; }
+};
+ObjectChip.style = LimebbObjectChipStyle0;
+
+exports.limebb_object_chip = ObjectChip;

package/dist/cjs/limebb-property-selector.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-519b904a.js');
-const index_esm = require('./index.esm-b68bd570.js');
+const index_esm = require('./index.esm-e01e9bd4.js');
 const propertyResolution = require('./property-resolution-5f798b03.js');
-const limetype = require('./limetype-b91060e7.js');
+const limetype = require('./limetype-3c1c53b6.js');
 
 const propertySelectorCss = ":host(limebb-property-selector){display:block}limel-menu{display:block;width:100%}";
 const LimebbPropertySelectorStyle0 = propertySelectorCss;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-519b904a.js');
-const index_esm = require('./index.esm-b68bd570.js');
+const index_esm = require('./index.esm-e01e9bd4.js');
 const keycodes = require('./keycodes-88522d7f.js');
 const _Uint8Array = require('./_Uint8Array-95263550.js');
 const _defineProperty = require('./_defineProperty-40a6ad5d.js');
@@ -11,7 +11,7 @@ const _MapCache = require('./_MapCache-8b125fbb.js');
 const _Map = require('./_Map-60aae0ed.js');
 const _getTag = require('./_getTag-8809c5c6.js');
 const randomString = require('./random-string-aac0a74b.js');
-const limetype = require('./limetype-b91060e7.js');
+const limetype = require('./limetype-3c1c53b6.js');
 const nonNull = require('./non-null-3bf14aa1.js');
 const isSymbol = require('./isSymbol-5b36aeee.js');
 

package/dist/cjs/{limetype-b91060e7.js → limetype-3c1c53b6.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index_esm = require('./index.esm-b68bd570.js');
+const index_esm = require('./index.esm-e01e9bd4.js');
 
 /**
  * Get the color for a limetype from its UI configuration

package/dist/cjs/loader.cjs.js

@@ -8,7 +8,7 @@ const appGlobals = require('./app-globals-3a1e7e63.js');
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy(JSON.parse("[[\"limebb-lime-query-builder.cjs\",[[1,\"limebb-lime-query-builder\",{\"platform\":[16],\"context\":[16],\"value\":[16],\"label\":[1],\"activeLimetype\":[1,\"active-limetype\"],\"limetypes\":[32],\"mode\":[32],\"codeValue\":[32],\"limetype\":[32],\"filter\":[32],\"internalResponseFormat\":[32],\"limit\":[32],\"orderBy\":[32],\"description\":[32]}]]],[\"limebb-feed.cjs\",[[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\":[513],\"lastVisitedTimestamp\":[1,\"last-visited-timestamp\"],\"highlightedItemId\":[8,\"highlighted-item-id\"]},null,{\"highlightedItemId\":[\"highlightedItemIdChanged\"]}]]],[\"limebb-kanban.cjs\",[[1,\"limebb-kanban\",{\"platform\":[16],\"context\":[16],\"groups\":[16]}]]],[\"limebb-lime-query-response-format-builder.cjs\",[[1,\"limebb-lime-query-response-format-builder\",{\"platform\":[16],\"context\":[16],\"limetype\":[1],\"value\":[16],\"label\":[1],\"helperText\":[1,\"helper-text\"],\"limetypes\":[32],\"mode\":[32],\"codeValue\":[32],\"internalValue\":[32]}]]],[\"limebb-chat-list.cjs\",[[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\"]}]]],[\"limebb-limeobject-file-viewer.cjs\",[[1,\"limebb-limeobject-file-viewer\",{\"platform\":[16],\"context\":[16],\"property\":[1],\"fileTypes\":[16],\"limeobject\":[32],\"limetype\":[32]}]]],[\"limebb-text-editor.cjs\",[[17,\"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\"]}]]],[\"limebb-data-cells.cjs\",[[1,\"limebb-data-cells\",{\"platform\":[16],\"context\":[16],\"limeobject\":[8],\"items\":[16]}]]],[\"limebb-date-range.cjs\",[[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]}]]],[\"limebb-document-picker.cjs\",[[1,\"limebb-document-picker\",{\"platform\":[16],\"context\":[16],\"items\":[16],\"label\":[513],\"helperText\":[513,\"helper-text\"],\"invalid\":[516],\"required\":[516],\"type\":[513]}]]],[\"limebb-info-tile-currency-format.cjs\",[[1,\"limebb-info-tile-currency-format\",{\"platform\":[16],\"context\":[16],\"value\":[16]}]]],[\"limebb-notification-list.cjs\",[[1,\"limebb-notification-list\",{\"platform\":[16],\"context\":[16],\"items\":[16],\"loading\":[4],\"lastVisitedTimestamp\":[1,\"last-visited-timestamp\"]},null,{\"items\":[\"handleItemsChange\"]}]]],[\"limebb-browser.cjs\",[[17,\"limebb-browser\",{\"platform\":[16],\"context\":[16],\"items\":[16],\"layout\":[1],\"filter\":[32]}]]],[\"limebb-component-config.cjs\",[[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\"]}]]],[\"limebb-component-picker.cjs\",[[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\"]}]]],[\"limebb-dashboard-widget.cjs\",[[1,\"limebb-dashboard-widget\",{\"heading\":[513],\"subheading\":[513],\"supportingText\":[513,\"supporting-text\"],\"icon\":[513]}]]],[\"limebb-icon-picker.cjs\",[[1,\"limebb-icon-picker\",{\"value\":[1],\"required\":[4],\"readonly\":[4],\"invalid\":[4],\"disabled\":[4],\"label\":[1],\"helperText\":[1,\"helper-text\"]}]]],[\"limebb-info-tile.cjs\",[[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],\"limetypes\":[32]},null,{\"filterId\":[\"watchFilterId\"],\"propertyName\":[\"watchPropertyName\"],\"aggregateOperator\":[\"watchAggregateOperator\"]}]]],[\"limebb-info-tile-date-format.cjs\",[[1,\"limebb-info-tile-date-format\",{\"value\":[16]}]]],[\"limebb-info-tile-decimal-format.cjs\",[[1,\"limebb-info-tile-decimal-format\",{\"value\":[16]}]]],[\"limebb-info-tile-format.cjs\",[[1,\"limebb-info-tile-format\",{\"platform\":[16],\"context\":[16],\"type\":[1],\"value\":[16]}]]],[\"limebb-info-tile-relative-date-format.cjs\",[[1,\"limebb-info-tile-relative-date-format\",{\"value\":[16]}]]],[\"limebb-info-tile-unit-format.cjs\",[[1,\"limebb-info-tile-unit-format\",{\"value\":[16]}]]],[\"limebb-loader.cjs\",[[1,\"limebb-loader\",{\"platform\":[16],\"context\":[16]}]]],[\"limebb-locale-picker.cjs\",[[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]}]]],[\"limebb-mention.cjs\",[[1,\"limebb-mention\",{\"limetype\":[1],\"objectid\":[2],\"limeobject\":[32]}]]],[\"limebb-mention-group-counter.cjs\",[[1,\"limebb-mention-group-counter\",{\"count\":[2],\"limetype\":[16],\"helperLabel\":[1,\"helper-label\"]}]]],[\"limebb-trend-indicator.cjs\",[[1,\"limebb-trend-indicator\",{\"platform\":[16],\"context\":[16],\"value\":[520],\"formerValue\":[514,\"former-value\"],\"suffix\":[513],\"label\":[513],\"invalid\":[516],\"required\":[516],\"helperText\":[513,\"helper-text\"],\"reducePresence\":[516,\"reduce-presence\"]},null,{\"value\":[\"valueChanged\"]}]]],[\"limebb-feed-timeline-item.cjs\",[[1,\"limebb-feed-timeline-item\",{\"platform\":[16],\"context\":[16],\"item\":[16],\"ui\":[513],\"helperText\":[1,\"helper-text\"],\"hasError\":[516,\"has-error\"],\"isBundled\":[516,\"is-bundled\"],\"headingCanExpand\":[32],\"isHeadingExpanded\":[32],\"showMore\":[32],\"isTall\":[32]}]]],[\"limebb-kanban-group.cjs\",[[1,\"limebb-kanban-group\",{\"platform\":[16],\"context\":[16],\"identifier\":[1],\"heading\":[513],\"help\":[1],\"items\":[16],\"summary\":[1],\"loading\":[516],\"totalCount\":[514,\"total-count\"]}]]],[\"limebb-text-editor-picker.cjs\",[[1,\"limebb-text-editor-picker\",{\"items\":[16],\"open\":[516],\"isSearching\":[4,\"is-searching\"],\"emptyMessage\":[1,\"empty-message\"]},null,{\"open\":[\"watchOpen\"]}]]],[\"limebb-currency-picker.cjs\",[[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]}]]],[\"limebb-date-picker.cjs\",[[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]}]]],[\"limebb-document-item.cjs\",[[17,\"limebb-document-item\",{\"platform\":[16],\"context\":[16],\"item\":[16],\"type\":[513],\"fileTypes\":[16]}]]],[\"limebb-live-docs-info.cjs\",[[1,\"limebb-live-docs-info\"]]],[\"limebb-notification-item.cjs\",[[1,\"limebb-notification-item\",{\"platform\":[16],\"context\":[16],\"item\":[16]}]]],[\"limebb-percentage-visualizer.cjs\",[[1,\"limebb-percentage-visualizer\",{\"platform\":[16],\"context\":[16],\"value\":[520],\"rangeMax\":[514,\"range-max\"],\"rangeMin\":[514,\"range-min\"],\"multiplier\":[514],\"label\":[513],\"invalid\":[516],\"required\":[516],\"helperText\":[513,\"helper-text\"],\"reducePresence\":[516,\"reduce-presence\"],\"displayPercentageColors\":[516,\"display-percentage-colors\"]},null,{\"value\":[\"valueChanged\"]}]]],[\"limebb-kanban-item.cjs\",[[1,\"limebb-kanban-item\",{\"platform\":[16],\"context\":[16],\"item\":[16]}]]],[\"limebb-property-selector.cjs\",[[1,\"limebb-property-selector\",{\"platform\":[16],\"context\":[16],\"limetype\":[1],\"value\":[1],\"label\":[1],\"required\":[4],\"helperText\":[1,\"helper-text\"],\"limetypes\":[32],\"isOpen\":[32],\"navigationPath\":[32]}]]],[\"limebb-lime-query-order-by-item.cjs\",[[1,\"limebb-lime-query-order-by-item\",{\"platform\":[16],\"context\":[16],\"limetype\":[1],\"item\":[16]}]]],[\"limebb-chat-item_2.cjs\",[[1,\"limebb-chat-item\",{\"platform\":[16],\"context\":[16],\"item\":[16],\"helperText\":[1,\"helper-text\"],\"hasError\":[516,\"has-error\"]}],[1,\"limebb-typing-indicator\"]]],[\"limebb-feed-item-thumbnail-file-info.cjs\",[[1,\"limebb-feed-item-thumbnail-file-info\",{\"description\":[1]}]]],[\"limebb-lime-query-filter-builder_3.cjs\",[[1,\"limebb-lime-query-filter-builder\",{\"platform\":[16],\"context\":[16],\"limetype\":[1],\"activeLimetype\":[1,\"active-limetype\"],\"expression\":[16]}],[1,\"limebb-lime-query-order-by-editor\",{\"platform\":[16],\"context\":[16],\"limetype\":[1],\"value\":[16],\"label\":[1],\"items\":[32]},null,{\"value\":[\"handleValueChange\"]}],[0,\"limebb-limetype-field\",{\"platform\":[16],\"context\":[16],\"label\":[513],\"required\":[516],\"readonly\":[516],\"disabled\":[516],\"value\":[513],\"helperText\":[513,\"helper-text\"],\"invalid\":[4],\"limetypes\":[16],\"propertyFields\":[16],\"fieldName\":[1,\"field-name\"],\"formInfo\":[16]}]]],[\"limebb-empty-state.cjs\",[[1,\"limebb-empty-state\",{\"heading\":[513],\"value\":[513],\"icon\":[16]}]]],[\"limebb-lime-query-response-format-editor_2.cjs\",[[1,\"limebb-lime-query-response-format-editor\",{\"platform\":[16],\"context\":[16],\"limetype\":[1],\"value\":[16],\"label\":[1],\"items\":[32]}],[1,\"limebb-lime-query-response-format-item\",{\"platform\":[16],\"context\":[16],\"limetype\":[1],\"item\":[16],\"showAliasInput\":[32],\"showDescriptionInput\":[32]}]]],[\"limebb-navigation-button_2.cjs\",[[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]}]]],[\"limebb-lime-query-filter-group_3.cjs\",[[1,\"limebb-lime-query-value-input\",{\"platform\":[16],\"context\":[16],\"limetype\":[1],\"activeLimetype\":[1,\"active-limetype\"],\"propertyPath\":[1,\"property-path\"],\"operator\":[1],\"value\":[8],\"label\":[1],\"limetypes\":[32],\"inputMode\":[32]}],[1,\"limebb-lime-query-filter-group\",{\"platform\":[16],\"context\":[16],\"limetype\":[1],\"activeLimetype\":[1,\"active-limetype\"],\"expression\":[16],\"value\":[32]}],[1,\"limebb-lime-query-filter-not\",{\"platform\":[16],\"context\":[16],\"label\":[1],\"limetype\":[1],\"activeLimetype\":[1,\"active-limetype\"],\"expression\":[16]}]]],[\"limebb-lime-query-filter-comparison_2.cjs\",[[1,\"limebb-lime-query-filter-expression\",{\"platform\":[16],\"context\":[16],\"label\":[1],\"limetype\":[1],\"activeLimetype\":[1,\"active-limetype\"],\"expression\":[16]}],[1,\"limebb-lime-query-filter-comparison\",{\"platform\":[16],\"context\":[16],\"label\":[513],\"limetype\":[1],\"activeLimetype\":[1,\"active-limetype\"],\"expression\":[16]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"limebb-lime-query-builder.cjs\",[[1,\"limebb-lime-query-builder\",{\"platform\":[16],\"context\":[16],\"value\":[16],\"label\":[1],\"activeLimetype\":[1,\"active-limetype\"],\"limetypes\":[32],\"mode\":[32],\"codeValue\":[32],\"limetype\":[32],\"filter\":[32],\"internalResponseFormat\":[32],\"limit\":[32],\"orderBy\":[32],\"description\":[32]}]]],[\"limebb-feed.cjs\",[[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\":[513],\"lastVisitedTimestamp\":[1,\"last-visited-timestamp\"],\"highlightedItemId\":[8,\"highlighted-item-id\"]},null,{\"highlightedItemId\":[\"highlightedItemIdChanged\"]}]]],[\"limebb-kanban.cjs\",[[1,\"limebb-kanban\",{\"platform\":[16],\"context\":[16],\"groups\":[16]}]]],[\"limebb-lime-query-response-format-builder.cjs\",[[1,\"limebb-lime-query-response-format-builder\",{\"platform\":[16],\"context\":[16],\"limetype\":[1],\"value\":[16],\"label\":[1],\"helperText\":[1,\"helper-text\"],\"limetypes\":[32],\"mode\":[32],\"codeValue\":[32],\"internalValue\":[32]}]]],[\"limebb-chat-list.cjs\",[[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\"]}]]],[\"limebb-limeobject-file-viewer.cjs\",[[1,\"limebb-limeobject-file-viewer\",{\"platform\":[16],\"context\":[16],\"property\":[1],\"fileTypes\":[16],\"limeobject\":[32],\"limetype\":[32]}]]],[\"limebb-text-editor.cjs\",[[17,\"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\"]}]]],[\"limebb-data-cells.cjs\",[[1,\"limebb-data-cells\",{\"platform\":[16],\"context\":[16],\"limeobject\":[8],\"items\":[16]}]]],[\"limebb-date-range.cjs\",[[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]}]]],[\"limebb-document-picker.cjs\",[[1,\"limebb-document-picker\",{\"platform\":[16],\"context\":[16],\"items\":[16],\"label\":[513],\"helperText\":[513,\"helper-text\"],\"invalid\":[516],\"required\":[516],\"type\":[513]}]]],[\"limebb-info-tile-currency-format.cjs\",[[1,\"limebb-info-tile-currency-format\",{\"platform\":[16],\"context\":[16],\"value\":[16]}]]],[\"limebb-notification-list.cjs\",[[1,\"limebb-notification-list\",{\"platform\":[16],\"context\":[16],\"items\":[16],\"loading\":[4],\"lastVisitedTimestamp\":[1,\"last-visited-timestamp\"]},null,{\"items\":[\"handleItemsChange\"]}]]],[\"limebb-browser.cjs\",[[17,\"limebb-browser\",{\"platform\":[16],\"context\":[16],\"items\":[16],\"layout\":[1],\"filter\":[32]}]]],[\"limebb-component-config.cjs\",[[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\"]}]]],[\"limebb-component-picker.cjs\",[[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\"]}]]],[\"limebb-dashboard-widget.cjs\",[[1,\"limebb-dashboard-widget\",{\"heading\":[513],\"subheading\":[513],\"supportingText\":[513,\"supporting-text\"],\"icon\":[513]}]]],[\"limebb-icon-picker.cjs\",[[1,\"limebb-icon-picker\",{\"value\":[1],\"required\":[4],\"readonly\":[4],\"invalid\":[4],\"disabled\":[4],\"label\":[1],\"helperText\":[1,\"helper-text\"]}]]],[\"limebb-info-tile.cjs\",[[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],\"limetypes\":[32]},null,{\"filterId\":[\"watchFilterId\"],\"propertyName\":[\"watchPropertyName\"],\"aggregateOperator\":[\"watchAggregateOperator\"]}]]],[\"limebb-info-tile-date-format.cjs\",[[1,\"limebb-info-tile-date-format\",{\"value\":[16]}]]],[\"limebb-info-tile-decimal-format.cjs\",[[1,\"limebb-info-tile-decimal-format\",{\"value\":[16]}]]],[\"limebb-info-tile-format.cjs\",[[1,\"limebb-info-tile-format\",{\"platform\":[16],\"context\":[16],\"type\":[1],\"value\":[16]}]]],[\"limebb-info-tile-relative-date-format.cjs\",[[1,\"limebb-info-tile-relative-date-format\",{\"value\":[16]}]]],[\"limebb-info-tile-unit-format.cjs\",[[1,\"limebb-info-tile-unit-format\",{\"value\":[16]}]]],[\"limebb-loader.cjs\",[[1,\"limebb-loader\",{\"platform\":[16],\"context\":[16]}]]],[\"limebb-locale-picker.cjs\",[[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]}]]],[\"limebb-mention.cjs\",[[1,\"limebb-mention\",{\"limetype\":[1],\"objectid\":[2],\"limeobject\":[32]}]]],[\"limebb-mention-group-counter.cjs\",[[1,\"limebb-mention-group-counter\",{\"count\":[2],\"limetype\":[16],\"helperLabel\":[1,\"helper-label\"]}]]],[\"limebb-object-chip.cjs\",[[1,\"limebb-object-chip\",{\"limetype\":[1],\"objectid\":[2],\"platform\":[16],\"data\":[32]},null,{\"limetype\":[\"handlePropChange\"],\"objectid\":[\"handlePropChange\"]}]]],[\"limebb-trend-indicator.cjs\",[[1,\"limebb-trend-indicator\",{\"platform\":[16],\"context\":[16],\"value\":[520],\"formerValue\":[514,\"former-value\"],\"suffix\":[513],\"label\":[513],\"invalid\":[516],\"required\":[516],\"helperText\":[513,\"helper-text\"],\"reducePresence\":[516,\"reduce-presence\"]},null,{\"value\":[\"valueChanged\"]}]]],[\"limebb-feed-timeline-item.cjs\",[[1,\"limebb-feed-timeline-item\",{\"platform\":[16],\"context\":[16],\"item\":[16],\"ui\":[513],\"helperText\":[1,\"helper-text\"],\"hasError\":[516,\"has-error\"],\"isBundled\":[516,\"is-bundled\"],\"headingCanExpand\":[32],\"isHeadingExpanded\":[32],\"showMore\":[32],\"isTall\":[32]}]]],[\"limebb-kanban-group.cjs\",[[1,\"limebb-kanban-group\",{\"platform\":[16],\"context\":[16],\"identifier\":[1],\"heading\":[513],\"help\":[1],\"items\":[16],\"summary\":[1],\"loading\":[516],\"totalCount\":[514,\"total-count\"]}]]],[\"limebb-text-editor-picker.cjs\",[[1,\"limebb-text-editor-picker\",{\"items\":[16],\"open\":[516],\"isSearching\":[4,\"is-searching\"],\"emptyMessage\":[1,\"empty-message\"]},null,{\"open\":[\"watchOpen\"]}]]],[\"limebb-currency-picker.cjs\",[[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]}]]],[\"limebb-date-picker.cjs\",[[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]}]]],[\"limebb-document-item.cjs\",[[17,\"limebb-document-item\",{\"platform\":[16],\"context\":[16],\"item\":[16],\"type\":[513],\"fileTypes\":[16]}]]],[\"limebb-live-docs-info.cjs\",[[1,\"limebb-live-docs-info\"]]],[\"limebb-notification-item.cjs\",[[1,\"limebb-notification-item\",{\"platform\":[16],\"context\":[16],\"item\":[16]}]]],[\"limebb-percentage-visualizer.cjs\",[[1,\"limebb-percentage-visualizer\",{\"platform\":[16],\"context\":[16],\"value\":[520],\"rangeMax\":[514,\"range-max\"],\"rangeMin\":[514,\"range-min\"],\"multiplier\":[514],\"label\":[513],\"invalid\":[516],\"required\":[516],\"helperText\":[513,\"helper-text\"],\"reducePresence\":[516,\"reduce-presence\"],\"displayPercentageColors\":[516,\"display-percentage-colors\"]},null,{\"value\":[\"valueChanged\"]}]]],[\"limebb-kanban-item.cjs\",[[1,\"limebb-kanban-item\",{\"platform\":[16],\"context\":[16],\"item\":[16]}]]],[\"limebb-property-selector.cjs\",[[1,\"limebb-property-selector\",{\"platform\":[16],\"context\":[16],\"limetype\":[1],\"value\":[1],\"label\":[1],\"required\":[4],\"helperText\":[1,\"helper-text\"],\"limetypes\":[32],\"isOpen\":[32],\"navigationPath\":[32]}]]],[\"limebb-lime-query-order-by-item.cjs\",[[1,\"limebb-lime-query-order-by-item\",{\"platform\":[16],\"context\":[16],\"limetype\":[1],\"item\":[16]}]]],[\"limebb-chat-item_2.cjs\",[[1,\"limebb-chat-item\",{\"platform\":[16],\"context\":[16],\"item\":[16],\"helperText\":[1,\"helper-text\"],\"hasError\":[516,\"has-error\"]}],[1,\"limebb-typing-indicator\"]]],[\"limebb-feed-item-thumbnail-file-info.cjs\",[[1,\"limebb-feed-item-thumbnail-file-info\",{\"description\":[1]}]]],[\"limebb-lime-query-filter-builder_3.cjs\",[[1,\"limebb-lime-query-filter-builder\",{\"platform\":[16],\"context\":[16],\"limetype\":[1],\"activeLimetype\":[1,\"active-limetype\"],\"expression\":[16]}],[1,\"limebb-lime-query-order-by-editor\",{\"platform\":[16],\"context\":[16],\"limetype\":[1],\"value\":[16],\"label\":[1],\"items\":[32]},null,{\"value\":[\"handleValueChange\"]}],[0,\"limebb-limetype-field\",{\"platform\":[16],\"context\":[16],\"label\":[513],\"required\":[516],\"readonly\":[516],\"disabled\":[516],\"value\":[513],\"helperText\":[513,\"helper-text\"],\"invalid\":[4],\"limetypes\":[16],\"propertyFields\":[16],\"fieldName\":[1,\"field-name\"],\"formInfo\":[16]}]]],[\"limebb-empty-state.cjs\",[[1,\"limebb-empty-state\",{\"heading\":[513],\"value\":[513],\"icon\":[16]}]]],[\"limebb-lime-query-response-format-editor_2.cjs\",[[1,\"limebb-lime-query-response-format-editor\",{\"platform\":[16],\"context\":[16],\"limetype\":[1],\"value\":[16],\"label\":[1],\"items\":[32]}],[1,\"limebb-lime-query-response-format-item\",{\"platform\":[16],\"context\":[16],\"limetype\":[1],\"item\":[16],\"showAliasInput\":[32],\"showDescriptionInput\":[32]}]]],[\"limebb-lime-query-filter-group_3.cjs\",[[1,\"limebb-lime-query-value-input\",{\"platform\":[16],\"context\":[16],\"limetype\":[1],\"activeLimetype\":[1,\"active-limetype\"],\"propertyPath\":[1,\"property-path\"],\"operator\":[1],\"value\":[8],\"label\":[1],\"limetypes\":[32],\"inputMode\":[32]}],[1,\"limebb-lime-query-filter-group\",{\"platform\":[16],\"context\":[16],\"limetype\":[1],\"activeLimetype\":[1,\"active-limetype\"],\"expression\":[16],\"value\":[32]}],[1,\"limebb-lime-query-filter-not\",{\"platform\":[16],\"context\":[16],\"label\":[1],\"limetype\":[1],\"activeLimetype\":[1,\"active-limetype\"],\"expression\":[16]}]]],[\"limebb-lime-query-filter-comparison_2.cjs\",[[1,\"limebb-lime-query-filter-expression\",{\"platform\":[16],\"context\":[16],\"label\":[1],\"limetype\":[1],\"activeLimetype\":[1,\"active-limetype\"],\"expression\":[16]}],[1,\"limebb-lime-query-filter-comparison\",{\"platform\":[16],\"context\":[16],\"label\":[513],\"limetype\":[1],\"activeLimetype\":[1,\"active-limetype\"],\"expression\":[16]}]]],[\"limebb-navigation-button_2.cjs\",[[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]}]]]]"), options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/collection/collection-manifest.json

@@ -50,6 +50,7 @@
     "components/navigation-button/navigation-button.js",
     "components/notification-list/notification-list.js",
     "components/notification-list/notification-item/notification-item.js",
+    "components/object-chip/object-chip.js",
     "components/percentage-visualizer/percentage-visualizer.js",
     "components/summary-popover/summary-popover.js",
     "components/text-editor/mention-group-counter.js",

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

@@ -0,0 +1,3 @@
+:host {
+  display: inline-block;
+}

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

@@ -0,0 +1,157 @@
+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";
+/**
+ * Object chip
+ *
+ * Renders a `limel-chip` representing a Lime CRM object.
+ * The consumer provides `limetype` and `objectid`, and the component
+ * takes care of resolving the descriptive text, limetype icon and color,
+ * and generating a navigation URL.
+ *
+ * :::note
+ * If `platform` is not supplied as a prop, it will be fetched from the DOM.
+ * :::
+ *
+ * @exampleComponent limebb-example-object-chip
+ * @exampleComponent limebb-example-object-chip-icon-and-color-fallbacks
+ * @beta
+ */
+export class ObjectChip {
+    constructor() {
+        this.data = { loadFailed: false };
+        this.resolver = new ObjectResolver((data) => {
+            this.data = data;
+        });
+    }
+    connectedCallback() {
+        this.resolver.connect(this.limetype, this.objectid, getElement(this), this.platform);
+    }
+    disconnectedCallback() {
+        this.resolver.disconnect();
+    }
+    handlePropChange() {
+        this.resolver.update(this.limetype, this.objectid);
+    }
+    render() {
+        if (!this.resolver.resolvedPlatform) {
+            return;
+        }
+        const icon = getIcon(this.data.limetypeData);
+        return (h("limel-chip", { text: this.getChipText(), icon: icon, link: { href: getObjectUrl(this.limetype, this.objectid) }, loading: !this.data.limeobject && !this.data.loadFailed }));
+    }
+    getChipText() {
+        var _a;
+        if ((_a = this.data.limeobject) === null || _a === void 0 ? void 0 : _a.descriptive) {
+            return this.data.limeobject.descriptive;
+        }
+        if (this.data.loadFailed) {
+            return this.getErrorText();
+        }
+        return '';
+    }
+    getErrorText() {
+        if (!this.resolver.resolvedPlatform) {
+            return 'loading failed';
+        }
+        try {
+            const translator = this.resolver.resolvedPlatform.get(PlatformServiceName.Translate);
+            return translator.get('webclient.limeobject.errors.load-failed');
+        }
+        catch (_a) {
+            return 'loading failed';
+        }
+    }
+    static get is() { return "limebb-object-chip"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["object-chip.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["object-chip.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "limetype": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Name of the limetype of the object."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "limetype",
+                "reflect": false
+            },
+            "objectid": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Id of the object."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "objectid",
+                "reflect": false
+            },
+            "platform": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "LimeWebComponentPlatform",
+                    "resolved": "LimeWebComponentPlatform | undefined",
+                    "references": {
+                        "LimeWebComponentPlatform": {
+                            "location": "import",
+                            "path": "@limetech/lime-web-components",
+                            "id": "node_modules::LimeWebComponentPlatform"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Platform instance. If not provided, the component will\nwalk the DOM to find a parent with a platform.\n\n:::note\nThe platform must be available when the component connects to\nthe DOM, either as a prop or via a parent element. Changing\nthe platform after the component has connected is not supported.\n:::"
+                },
+                "getter": false,
+                "setter": false
+            }
+        };
+    }
+    static get states() {
+        return {
+            "data": {}
+        };
+    }
+    static get watchers() {
+        return [{
+                "propName": "limetype",
+                "methodName": "handlePropChange"
+            }, {
+                "propName": "objectid",
+                "methodName": "handlePropChange"
+            }];
+    }
+}

package/dist/collection/util/object-resolver.js

@@ -0,0 +1,151 @@
+import { findParentElement } from "./dom";
+import { createLogger, PlatformServiceName, } from "@limetech/lime-web-components";
+const logger = createLogger('object-resolver');
+/**
+ * Build the navigation URL for a Lime CRM object.
+ * @param limetype
+ * @param objectid
+ */
+export function getObjectUrl(limetype, objectid) {
+    return `object/${limetype}/${objectid}`;
+}
+/**
+ * Resolves platform, limetype metadata, and object data for a given
+ * limetype + objectid pair.
+ *
+ * Designed to be used by Stencil components: pass an `onStateChange`
+ * callback that updates a `@State()` property to trigger re-renders.
+ */
+export class ObjectResolver {
+    constructor(onStateChange) {
+        this.onStateChange = onStateChange;
+        this.state = { loadFailed: false };
+        this.hasPendingLoad = false;
+        this.isDisconnected = false;
+    }
+    /**
+     * The resolved platform instance, if any.
+     */
+    get resolvedPlatform() {
+        return this._platform;
+    }
+    /**
+     * Initialize the resolver. Call from `connectedCallback()`.
+     *
+     * @param limetype - name of the limetype
+     * @param objectid - id of the object
+     * @param hostElement - the component's host element (for DOM-walking fallback)
+     * @param platform - optional platform prop (skips DOM walk if provided)
+     */
+    connect(limetype, objectid, hostElement, platform) {
+        this.limetype = limetype;
+        this.objectid = objectid;
+        this.isDisconnected = false;
+        this.hasPendingLoad = false;
+        this._platform = platform || this.findPlatform(hostElement);
+        if (!this._platform) {
+            logger.error(`No platform found. Pass "platform" prop or place the component inside a parent that exposes "platform". limetype=${limetype}, objectid=${objectid}`);
+            return;
+        }
+        this.resolveLimeType();
+        this.loadLimeObject();
+    }
+    /**
+     * Handle prop changes. Call from `@Watch` handlers.
+     *
+     * Debounces via `queueMicrotask` so that simultaneous changes to
+     * both `limetype` and `objectid` result in a single load.
+     * @param limetype
+     * @param objectid
+     */
+    update(limetype, objectid) {
+        this.limetype = limetype;
+        this.objectid = objectid;
+        this.updateState({
+            limeobject: undefined,
+            limetypeData: undefined,
+            loadFailed: false,
+        });
+        if (this.hasPendingLoad) {
+            return;
+        }
+        this.hasPendingLoad = true;
+        queueMicrotask(() => {
+            this.hasPendingLoad = false;
+            if (this.isDisconnected) {
+                return;
+            }
+            if (!this._platform) {
+                this.updateState({ loadFailed: true });
+                logger.warn(`Cannot update: no platform available. limetype=${this.limetype}, objectid=${this.objectid}`);
+                return;
+            }
+            this.resolveLimeType();
+            this.loadLimeObject();
+        });
+    }
+    /**
+     * Prevent stale updates after the component disconnects.
+     * Call from `disconnectedCallback()`.
+     */
+    disconnect() {
+        this.isDisconnected = true;
+    }
+    findPlatform(hostElement) {
+        const element = findParentElement(hostElement, this.hasPlatformProp);
+        return element === null || element === void 0 ? void 0 : element.platform;
+    }
+    hasPlatformProp(element) {
+        if (!('platform' in element)) {
+            return false;
+        }
+        if (!element.platform) {
+            return false;
+        }
+        return typeof element.platform === 'object';
+    }
+    resolveLimeType() {
+        const repository = this._platform.get(PlatformServiceName.LimeTypeRepository);
+        this.updateState({
+            limetypeData: repository.getLimeType(this.limetype),
+        });
+    }
+    async loadLimeObject() {
+        const limetype = this.limetype;
+        const objectid = this.objectid;
+        const repository = this._platform.get(PlatformServiceName.LimeObjectRepository);
+        const cached = repository.getObject(limetype, objectid);
+        if (cached) {
+            this.updateState({ limeobject: cached });
+            return;
+        }
+        try {
+            await repository.loadObject(limetype, objectid);
+        }
+        catch (error) {
+            if (this.isStale(limetype, objectid)) {
+                return;
+            }
+            this.updateState({ loadFailed: true });
+            logger.error(`Failed to load ${limetype}/${objectid}`, error);
+            return;
+        }
+        if (this.isStale(limetype, objectid)) {
+            return;
+        }
+        this.updateState({
+            limeobject: repository.getObject(limetype, objectid),
+        });
+    }
+    isStale(limetype, objectid) {
+        return (this.isDisconnected ||
+            this.limetype !== limetype ||
+            this.objectid !== objectid);
+    }
+    updateState(partial) {
+        this.state = Object.assign(Object.assign({}, this.state), partial);
+        if (!this.isDisconnected) {
+            this.onStateChange(this.state);
+        }
+    }
+}