@limetech/lime-crm-building-blocks 1.55.7 → 1.56.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [1.56.0](https://github.com/Lundalogik/lime-crm-building-blocks/compare/v1.55.7...v1.56.0) (2024-12-19)
+
+### Features
+
+
+* **text-editor:** show number of coworkers for groups in mention picker ([59b8725](https://github.com/Lundalogik/lime-crm-building-blocks/commit/59b8725cd9ad47339580549e5bf5e09a1aad4d2e))
+
 ## [1.55.7](https://github.com/Lundalogik/lime-crm-building-blocks/compare/v1.55.6...v1.55.7) (2024-12-17)
 
 ### Bug Fixes

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

@@ -15,5 +15,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["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"],"lastVisitedTimestamp":[1,"last-visited-timestamp"]}]]],["limebb-kanban.cjs",[[1,"limebb-kanban",{"platform":[16],"context":[16],"items":[16],"paginationSize":[2,"pagination-size"],"groupBy":[513,"group-by"],"groups":[16]}]]],["limebb-text-editor.cjs",[[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],"items":[32],"highlightedItemIndex":[32],"customElements":[32],"registeredTriggers":[32],"editorPickerQuery":[32],"searchableLimetypes":[32],"isPickerOpen":[32],"isSearching":[32]}]]],["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-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"]}]]],["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]}]]],["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]}]]],["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-limeobject-file-viewer.cjs",[[1,"limebb-limeobject-file-viewer",{"platform":[16],"context":[16],"property":[1],"fileTypes":[16],"limeobject":[32],"limetype":[32]}]]],["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-navigation-button.cjs",[[17,"limebb-navigation-button",{"href":[513],"tooltipLabel":[513,"tooltip-label"],"tooltipHelperLabel":[513,"tooltip-helper-label"],"type":[513]}]]],["limebb-kanban-column.cjs",[[1,"limebb-kanban-column",{"platform":[16],"context":[16],"columnHeading":[1,"column-heading"],"items":[16],"loading":[4],"paginationSize":[2,"pagination-size"],"displayedItemCount":[32]}]]],["limebb-text-editor-picker.cjs",[[1,"limebb-text-editor-picker",{"items":[16],"open":[516],"isSearching":[4,"is-searching"],"emptyMessage":[1,"empty-message"]}]]],["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-feed-timeline-item.cjs",[[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]}]]],["limebb-notification-item.cjs",[[1,"limebb-notification-item",{"platform":[16],"context":[16],"item":[16]}]]],["limebb-kanban-item.cjs",[[1,"limebb-kanban-item",{"platform":[16],"context":[16],"item":[16]}]]],["limebb-empty-state.cjs",[[1,"limebb-empty-state",{"heading":[513],"value":[513],"icon":[16]}]]]], options);
+  return index.bootstrapLazy([["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"],"lastVisitedTimestamp":[1,"last-visited-timestamp"]}]]],["limebb-kanban.cjs",[[1,"limebb-kanban",{"platform":[16],"context":[16],"items":[16],"paginationSize":[2,"pagination-size"],"groupBy":[513,"group-by"],"groups":[16]}]]],["limebb-text-editor.cjs",[[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],"items":[32],"highlightedItemIndex":[32],"customElements":[32],"registeredTriggers":[32],"editorPickerQuery":[32],"searchableLimetypes":[32],"isPickerOpen":[32],"isSearching":[32]}]]],["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-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"]}]]],["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]}]]],["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]}]]],["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-limeobject-file-viewer.cjs",[[1,"limebb-limeobject-file-viewer",{"platform":[16],"context":[16],"property":[1],"fileTypes":[16],"limeobject":[32],"limetype":[32]}]]],["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-navigation-button.cjs",[[17,"limebb-navigation-button",{"href":[513],"tooltipLabel":[513,"tooltip-label"],"tooltipHelperLabel":[513,"tooltip-helper-label"],"type":[513]}]]],["limebb-kanban-column.cjs",[[1,"limebb-kanban-column",{"platform":[16],"context":[16],"columnHeading":[1,"column-heading"],"items":[16],"loading":[4],"paginationSize":[2,"pagination-size"],"displayedItemCount":[32]}]]],["limebb-text-editor-picker.cjs",[[1,"limebb-text-editor-picker",{"items":[16],"open":[516],"isSearching":[4,"is-searching"],"emptyMessage":[1,"empty-message"]}]]],["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-feed-timeline-item.cjs",[[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]}]]],["limebb-notification-item.cjs",[[1,"limebb-notification-item",{"platform":[16],"context":[16],"item":[16]}]]],["limebb-kanban-item.cjs",[[1,"limebb-kanban-item",{"platform":[16],"context":[16],"item":[16]}]]],["limebb-empty-state.cjs",[[1,"limebb-empty-state",{"heading":[513],"value":[513],"icon":[16]}]]]], options);
 });

package/dist/cjs/limebb-mention-group-counter.cjs.entry.js

@@ -0,0 +1,29 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-dd1aef9e.js');
+
+const mentionGroupCounterCss = ":host(limebb-mention-group-counter){order:2;margin-right:-0.5rem;box-sizing:border-box;transition:background-color 0.2s ease;min-width:fit-content;font-size:smaller;border-radius:9rem;cursor:help;padding:0.25rem 0.5rem;line-height:1;border:1px solid rgb(var(--contrast-500))}:host(limebb-mention-group-counter:hover){border-color:rgb(var(--contrast-100));background-color:rgb(var(--contrast-600))}";
+
+const MentionGroupCounter = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.tooltipId = 'a' + crypto.randomUUID();
+  }
+  render() {
+    const label = this.getLabel();
+    return [
+      index.h("span", { id: this.tooltipId }, label),
+      index.h("limel-tooltip", { elementId: this.tooltipId, label: label, helperLabel: this.helperLabel }),
+    ];
+  }
+  getLabel() {
+    const localname = this.limetype.localname;
+    const limetypeLabel = this.count === 1 ? localname.singular : localname.plural;
+    return `${this.count} ${limetypeLabel}`;
+  }
+};
+MentionGroupCounter.style = mentionGroupCounterCss;
+
+exports.limebb_mention_group_counter = MentionGroupCounter;

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

@@ -74,7 +74,7 @@ const TextEditorPicker = class {
         } })));
     }
     return (index.h(index.Host, { onMouseDown: this.handleMouseDown }, [
-      index.h("div", null, index.h("limel-menu-list", { items: this.getItems(), onInteract: this.selectOnInteract }), index.h("div", { class: "spinner-in-list" }, this.renderSpinner())),
+      index.h("div", null, index.h("limel-list", { type: "selectable", items: this.getItems(), onInteract: this.selectOnInteract }), index.h("div", { class: "spinner-in-list" }, this.renderSpinner())),
     ]));
   }
   renderSpinner() {

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

@@ -1121,30 +1121,59 @@ function legacyCreateRandomString() {
 }
 
 /**
- * Get the limetypes that should be available for mentions
+ * Whether the given object has the given label or not.
  *
- * @param {Record<string, LimeType>} limetypes all limetypes
- * @returns {LimeType[]} mention limetypes
+ * @param {LimeType|LimeProperty} object the object to check label for
+ * @param {string} label the label to check for
+ * @returns {boolean} true if the object has the label
  */
-function getMentionLimetypes(limetypes) {
-  return Object.values(limetypes).filter((limetype) => {
-    return limetype.label === 'user' || isGroupMention(limetype);
-  });
-}
-function isGroupMention(limetype) {
-  const coworkerProperty = getRelationProperty(limetype, 'user');
-  return (!!coworkerProperty &&
-    isManyRelation(coworkerProperty) &&
-    !hasLabel(limetype, 'user'));
-}
 function hasLabel(object, label) {
   return object.label === label;
 }
+/**
+ * Whether the given property is a hasmany relation or not.
+ *
+ * @param {LimeProperty} property the property to check
+ * @returns {boolean} true if the property is a hasmany relation
+ */
 function isManyRelation(property) {
   return isRelation(property) && !isSingleRelation(property);
 }
+/**
+ * Finds a relation property on the given limetype that is related to a
+ * limetype with the given label.
+ *
+ * @param {LimeType} limetype the limetype to search for the relation property
+ * @param {string} label the label of the target limetype to match
+ * @returns {LimeProperty|undefined} the relation property or undefined
+ */
 function getRelationProperty(limetype, label) {
-  return Object.values(limetype.properties).find((property) => { var _a, _b; return ((_b = (_a = property === null || property === void 0 ? void 0 : property.relation) === null || _a === void 0 ? void 0 : _a.getLimetype()) === null || _b === void 0 ? void 0 : _b.label) === label; });
+  return Object.values(limetype.properties).find((property) => property &&
+    property.relation &&
+    hasLabel(property.relation.getLimetype(), label));
+}
+/**
+ * Whether the limetype has a hasmany relation of a limetype with the given label
+ *
+ * @param {LimeType} limetype the limetype
+ * @param {string} relatedLabel the label of the related limetype
+ * @returns {boolean} true if the limetype has the hasmany relation
+ */
+function hasHasManyRelation(limetype, relatedLabel) {
+  const property = getRelationProperty(limetype, relatedLabel);
+  return !!property && isManyRelation(property);
+}
+
+/**
+ * Get the limetypes that should be available for mentions
+ *
+ * @param {Record<string, LimeType>} limetypes all limetypes
+ * @returns {LimeType[]} mention limetypes
+ */
+function getMentionLimetypes(limetypes) {
+  return Object.values(limetypes).filter((limetype) => {
+    return (hasLabel(limetype, 'user') || hasHasManyRelation(limetype, 'user'));
+  });
 }
 
 /* eslint-disable no-underscore-dangle */
@@ -1242,6 +1271,7 @@ const LimeBBTextEditor = class {
      */
     this.isSearching = false;
     this.activeTrigger = undefined;
+    this.groupCounts = {};
     this.triggerMap = {
       '@': {
         customElement: {
@@ -1364,6 +1394,7 @@ const LimeBBTextEditor = class {
   }
   componentWillLoad() {
     this.setCustomElementsAndTriggers();
+    this.loadGroupCounts();
   }
   disconnectedCallback() {
     if (this.host) {
@@ -1452,23 +1483,102 @@ const LimeBBTextEditor = class {
     }
   }
   createSearchListItems(searchObjects = []) {
+    const items = searchObjects.map((object) => this.createSearchListItem(object));
+    return items.filter(nonNull.isNonNull);
+  }
+  createSearchListItem(object) {
     const createSearchItem = this.viewFactoryRegistry.getFactory('search');
-    return searchObjects
-      .map((object) => {
-      const limeobject = this.limeObjectService.getObject(object._limetype, object._id);
-      if (!limeobject) {
-        return null;
+    const limeobject = this.limeObjectService.getObject(object._limetype, object._id);
+    if (!limeobject) {
+      return null;
+    }
+    const searchListItem = createSearchItem(limeobject, this.context);
+    const primaryComponent = this.getGroupCountComponent(limeobject);
+    return Object.assign(Object.assign({}, searchListItem), (primaryComponent ? { primaryComponent: primaryComponent } : {}));
+  }
+  getGroupCountComponent(limeobject) {
+    var _a;
+    const limetype = limeobject.getLimetype();
+    const groupCount = (_a = this.groupCounts[limetype.name]) === null || _a === void 0 ? void 0 : _a[limeobject.id];
+    const coworkerProperty = getRelationProperty(limetype, 'user');
+    if (groupCount === undefined || !coworkerProperty) {
+      return;
+    }
+    const coworkerLimetype = coworkerProperty.relation.getLimetype();
+    return {
+      name: 'limebb-mention-group-counter',
+      props: {
+        count: groupCount,
+        pluralLimetypeName: coworkerLimetype.localname.plural,
+        helperLabel: this.translator.get('webclient.notification-center.members-will-be-notified'),
+      },
+    };
+  }
+  async loadGroupCounts() {
+    if (!this.allowMentioning) {
+      return;
+    }
+    const groupCountsLoads = this.searchableLimetypes
+      .filter((limetype) => !hasLabel(limetype, 'user') &&
+      hasHasManyRelation(limetype, 'user'))
+      .map((limetype) => this.getGroupCounts(limetype));
+    const groupCounts = await Promise.all(groupCountsLoads);
+    groupCounts.forEach((groupCount) => {
+      Object.assign(this.groupCounts, groupCount);
+    });
+  }
+  async getGroupCounts(limetype) {
+    var _a;
+    const coworkerProperty = getRelationProperty(limetype, 'user');
+    const limetypeName = limetype.name;
+    try {
+      const result = await this.query.execute({
+        limetype: limetypeName,
+        responseFormat: {
+          object: {
+            _id: null,
+            [coworkerProperty.name]: {
+              count: {
+                aggregate: {
+                  op: types.AggregateOperator.Count,
+                },
+              },
+            },
+          },
+        },
+      });
+      if (!((_a = result.objects) === null || _a === void 0 ? void 0 : _a.length)) {
+        return { [limetypeName]: {} };
       }
-      return createSearchItem(limeobject, this.context);
-    })
-      .filter(nonNull.isNonNull);
+      const groupCount = this.createGroupCount(result.objects, coworkerProperty.name);
+      return { [limetypeName]: groupCount };
+    }
+    catch (error) {
+      console.error(`Error fetching group count for limetype: ${limetype.name}`, error);
+      return { [limetypeName]: {} };
+    }
+  }
+  createGroupCount(objects, coworkerPropertyName) {
+    const groupCount = {};
+    objects.forEach((object) => {
+      const { _id: id, [coworkerPropertyName]: aggregateProperty } = object;
+      groupCount[id] = aggregateProperty.count;
+    });
+    return groupCount;
   }
   get limeObjectService() {
     return this.platform.get(types.PlatformServiceName.LimeObjectRepository);
   }
+  get query() {
+    return this.platform.get(types.PlatformServiceName.Query);
+  }
   get viewFactoryRegistry() {
     return this.platform.get(types.PlatformServiceName.ViewFactoryRegistry);
   }
+  get translator() {
+    var _a;
+    return (_a = this.platform) === null || _a === void 0 ? void 0 : _a.get(types.PlatformServiceName.Translate);
+  }
   get host() { return index.getElement(this); }
   static get watchers() { return {
     "isPickerOpen": ["watchOpen"],

package/dist/cjs/loader.cjs.js

@@ -14,7 +14,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return index.bootstrapLazy([["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"],"lastVisitedTimestamp":[1,"last-visited-timestamp"]}]]],["limebb-kanban.cjs",[[1,"limebb-kanban",{"platform":[16],"context":[16],"items":[16],"paginationSize":[2,"pagination-size"],"groupBy":[513,"group-by"],"groups":[16]}]]],["limebb-text-editor.cjs",[[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],"items":[32],"highlightedItemIndex":[32],"customElements":[32],"registeredTriggers":[32],"editorPickerQuery":[32],"searchableLimetypes":[32],"isPickerOpen":[32],"isSearching":[32]}]]],["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-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"]}]]],["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]}]]],["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]}]]],["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-limeobject-file-viewer.cjs",[[1,"limebb-limeobject-file-viewer",{"platform":[16],"context":[16],"property":[1],"fileTypes":[16],"limeobject":[32],"limetype":[32]}]]],["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-navigation-button.cjs",[[17,"limebb-navigation-button",{"href":[513],"tooltipLabel":[513,"tooltip-label"],"tooltipHelperLabel":[513,"tooltip-helper-label"],"type":[513]}]]],["limebb-kanban-column.cjs",[[1,"limebb-kanban-column",{"platform":[16],"context":[16],"columnHeading":[1,"column-heading"],"items":[16],"loading":[4],"paginationSize":[2,"pagination-size"],"displayedItemCount":[32]}]]],["limebb-text-editor-picker.cjs",[[1,"limebb-text-editor-picker",{"items":[16],"open":[516],"isSearching":[4,"is-searching"],"emptyMessage":[1,"empty-message"]}]]],["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-feed-timeline-item.cjs",[[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]}]]],["limebb-notification-item.cjs",[[1,"limebb-notification-item",{"platform":[16],"context":[16],"item":[16]}]]],["limebb-kanban-item.cjs",[[1,"limebb-kanban-item",{"platform":[16],"context":[16],"item":[16]}]]],["limebb-empty-state.cjs",[[1,"limebb-empty-state",{"heading":[513],"value":[513],"icon":[16]}]]]], options);
+  return index.bootstrapLazy([["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"],"lastVisitedTimestamp":[1,"last-visited-timestamp"]}]]],["limebb-kanban.cjs",[[1,"limebb-kanban",{"platform":[16],"context":[16],"items":[16],"paginationSize":[2,"pagination-size"],"groupBy":[513,"group-by"],"groups":[16]}]]],["limebb-text-editor.cjs",[[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],"items":[32],"highlightedItemIndex":[32],"customElements":[32],"registeredTriggers":[32],"editorPickerQuery":[32],"searchableLimetypes":[32],"isPickerOpen":[32],"isSearching":[32]}]]],["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-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"]}]]],["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]}]]],["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]}]]],["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-limeobject-file-viewer.cjs",[[1,"limebb-limeobject-file-viewer",{"platform":[16],"context":[16],"property":[1],"fileTypes":[16],"limeobject":[32],"limetype":[32]}]]],["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-navigation-button.cjs",[[17,"limebb-navigation-button",{"href":[513],"tooltipLabel":[513,"tooltip-label"],"tooltipHelperLabel":[513,"tooltip-helper-label"],"type":[513]}]]],["limebb-kanban-column.cjs",[[1,"limebb-kanban-column",{"platform":[16],"context":[16],"columnHeading":[1,"column-heading"],"items":[16],"loading":[4],"paginationSize":[2,"pagination-size"],"displayedItemCount":[32]}]]],["limebb-text-editor-picker.cjs",[[1,"limebb-text-editor-picker",{"items":[16],"open":[516],"isSearching":[4,"is-searching"],"emptyMessage":[1,"empty-message"]}]]],["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-feed-timeline-item.cjs",[[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]}]]],["limebb-notification-item.cjs",[[1,"limebb-notification-item",{"platform":[16],"context":[16],"item":[16]}]]],["limebb-kanban-item.cjs",[[1,"limebb-kanban-item",{"platform":[16],"context":[16],"item":[16]}]]],["limebb-empty-state.cjs",[[1,"limebb-empty-state",{"heading":[513],"value":[513],"icon":[16]}]]]], options);
   });
 };
 

package/dist/collection/collection-manifest.json

@@ -27,6 +27,7 @@
     "./components/navigation-button/navigation-button.js",
     "./components/notification-list/notification-list.js",
     "./components/notification-list/notification-item/notification-item.js",
+    "./components/text-editor/mention-group-counter.js",
     "./components/text-editor/text-editor-picker.js",
     "./components/text-editor/text-editor.js"
   ],

package/dist/collection/components/text-editor/mention-group-counter.css

@@ -0,0 +1,18 @@
+:host(limebb-mention-group-counter) {
+  order: 2;
+  margin-right: -0.5rem;
+  box-sizing: border-box;
+  transition: background-color 0.2s ease;
+  min-width: fit-content;
+  font-size: smaller;
+  border-radius: 9rem;
+  cursor: help;
+  padding: 0.25rem 0.5rem;
+  line-height: 1;
+  border: 1px solid rgb(var(--contrast-500));
+}
+
+:host(limebb-mention-group-counter:hover) {
+  border-color: rgb(var(--contrast-100));
+  background-color: rgb(var(--contrast-600));
+}

package/dist/collection/components/text-editor/mention-group-counter.js

@@ -0,0 +1,95 @@
+import { h } from '@stencil/core';
+/**
+ * This component is used to display the number of items in a group
+ * that will be affected by a mention. This is displayed on the
+ * list items of the mention picker.
+ *
+ * @private
+ */
+export class MentionGroupCounter {
+  constructor() {
+    this.tooltipId = 'a' + crypto.randomUUID();
+  }
+  render() {
+    const label = this.getLabel();
+    return [
+      h("span", { id: this.tooltipId }, label),
+      h("limel-tooltip", { elementId: this.tooltipId, label: label, helperLabel: this.helperLabel }),
+    ];
+  }
+  getLabel() {
+    const localname = this.limetype.localname;
+    const limetypeLabel = this.count === 1 ? localname.singular : localname.plural;
+    return `${this.count} ${limetypeLabel}`;
+  }
+  static get is() { return "limebb-mention-group-counter"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["mention-group-counter.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["mention-group-counter.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "count": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Number of items in the group"
+        },
+        "attribute": "count",
+        "reflect": false
+      },
+      "limetype": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "LimeType",
+          "resolved": "LimeType",
+          "references": {
+            "LimeType": {
+              "location": "import",
+              "path": "@limetech/lime-web-components"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The limetype to show group count for"
+        }
+      },
+      "helperLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Will be used to construct a more descriptive tooltip\nIn English, this could be `will be notified!`"
+        },
+        "attribute": "helper-label",
+        "reflect": false
+      }
+    };
+  }
+}

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

@@ -1,4 +1,4 @@
-import { isRelation, isSingleRelation, } from '@limetech/lime-web-components';
+import { hasHasManyRelation, hasLabel } from '@building-blocks/util/limetype';
 /**
  * Get the limetypes that should be available for mentions
  *
@@ -7,21 +7,6 @@ import { isRelation, isSingleRelation, } from '@limetech/lime-web-components';
  */
 export function getMentionLimetypes(limetypes) {
   return Object.values(limetypes).filter((limetype) => {
-    return limetype.label === 'user' || isGroupMention(limetype);
+    return (hasLabel(limetype, 'user') || hasHasManyRelation(limetype, 'user'));
   });
 }
-function isGroupMention(limetype) {
-  const coworkerProperty = getRelationProperty(limetype, 'user');
-  return (!!coworkerProperty &&
-    isManyRelation(coworkerProperty) &&
-    !hasLabel(limetype, 'user'));
-}
-function hasLabel(object, label) {
-  return object.label === label;
-}
-function isManyRelation(property) {
-  return isRelation(property) && !isSingleRelation(property);
-}
-function getRelationProperty(limetype, label) {
-  return Object.values(limetype.properties).find((property) => { var _a, _b; return ((_b = (_a = property === null || property === void 0 ? void 0 : property.relation) === null || _a === void 0 ? void 0 : _a.getLimetype()) === null || _b === void 0 ? void 0 : _b.label) === label; });
-}

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

@@ -78,7 +78,7 @@ export class TextEditorPicker {
         } })));
     }
     return (h(Host, { onMouseDown: this.handleMouseDown }, [
-      h("div", null, h("limel-menu-list", { items: this.getItems(), onInteract: this.selectOnInteract }), h("div", { class: "spinner-in-list" }, this.renderSpinner())),
+      h("div", null, h("limel-list", { type: "selectable", items: this.getItems(), onInteract: this.selectOnInteract }), h("div", { class: "spinner-in-list" }, this.renderSpinner())),
     ]));
   }
   renderSpinner() {
@@ -115,10 +115,10 @@ export class TextEditorPicker {
         "type": "unknown",
         "mutable": false,
         "complexType": {
-          "original": "MenuItem[]",
-          "resolved": "MenuItem<any>[]",
+          "original": "ListItem[]",
+          "resolved": "ListItem<any>[]",
           "references": {
-            "MenuItem": {
+            "ListItem": {
               "location": "import",
               "path": "@limetech/lime-elements"
             }
@@ -197,7 +197,7 @@ export class TextEditorPicker {
         "composed": true,
         "docs": {
           "tags": [],
-          "text": "Emitted when the menu is closed from inside the component.\n(*Not* emitted when the consumer sets the `open`-property to `false`.)"
+          "text": "Emitted when the list is closed from inside the component.\n(*Not* emitted when the consumer sets the `open`-property to `false`.)"
         },
         "complexType": {
           "original": "void",
@@ -215,10 +215,10 @@ export class TextEditorPicker {
           "text": ""
         },
         "complexType": {
-          "original": "MenuItem",
-          "resolved": "MenuItem<any>",
+          "original": "ListItem",
+          "resolved": "ListItem<any>",
           "references": {
-            "MenuItem": {
+            "ListItem": {
               "location": "import",
               "path": "@limetech/lime-elements"
             }