@limetech/lime-crm-building-blocks 1.48.0 → 1.49.0

package/CHANGELOG.md

@@ -1,3 +1,21 @@
+## [1.49.0](https://github.com/Lundalogik/lime-crm-building-blocks/compare/v1.48.0...v1.49.0) (2024-11-08)
+
+### Features
+
+
+* **text editor:** add create random string ([9cd26d8](https://github.com/Lundalogik/lime-crm-building-blocks/commit/9cd26d8c0a1f2f3846fdc5c3dffe08fd70388e5b))
+* **text editor:** add editor wrapper search interfaces ([d4e3e4f](https://github.com/Lundalogik/lime-crm-building-blocks/commit/d4e3e4fc6d20022a95e4aaca051dfdd30b6df306))
+* **text editor:** add text editor wrapper component ([e75004f](https://github.com/Lundalogik/lime-crm-building-blocks/commit/e75004f8a34e1769a1c2c407adce1dcd52e085f1))
+* **text-editor:** add types for mapping triggers ([938c77c](https://github.com/Lundalogik/lime-crm-building-blocks/commit/938c77cc3729ecee05723f97638269640ad37ba9))
+* **text-editor:** create href when adding mention ([e2ac812](https://github.com/Lundalogik/lime-crm-building-blocks/commit/e2ac812a878eb446cfc9daed1cf2cb94d488cd6d))
+* **text-editor:** dynamically assign tagName and attributes using triggerMap ([feeefca](https://github.com/Lundalogik/lime-crm-building-blocks/commit/feeefca552d67bae8851ba190c0119c60682c73d))
+### Bug Fixes
+
+
+* **text-editor-picker:** have default message as a prop ([87a0dc5](https://github.com/Lundalogik/lime-crm-building-blocks/commit/87a0dc5f67d50b00ce2bc5994435321dddccaab3))
+* **text-editor-picker:** render an empty message ([19aa865](https://github.com/Lundalogik/lime-crm-building-blocks/commit/19aa865e39c874059321d2c635d7a25a3933c23b))
+* **text-editor:** find user limetype ([a7b3144](https://github.com/Lundalogik/lime-crm-building-blocks/commit/a7b31441b8d7802e116e4fb3d71df361945ba5b2))
+
 ## [1.48.0](https://github.com/Lundalogik/lime-crm-building-blocks/compare/v1.47.1...v1.48.0) (2024-11-06)
 
 ### Features

package/dist/cjs/decorator-7b523efc.js

@@ -0,0 +1,42 @@
+'use strict';
+
+const types = require('./types-c7646c23.js');
+const factory = require('./factory-310afac1.js');
+
+/**
+ * Gets an object with all limetypes where name is used as key
+ *
+ * @param options - state decorator options
+ * @returns state decorator
+ * @public
+ * @group Lime types
+ */
+function SelectLimeTypes(options = {}) {
+    const config = {
+        name: types.PlatformServiceName.LimeTypeRepository,
+    };
+    return factory.createStateDecorator(options, config);
+}
+/**
+ * Get the limetype for the current context
+ *
+ * @param options - state decorator options
+ * @returns state decorator
+ * @public
+ * @group Lime types
+ */
+function SelectCurrentLimeType(options = {}) {
+    const config = {
+        name: types.PlatformServiceName.LimeTypeRepository,
+    };
+    options.map = [currentLimetype, ...(options.map || [])];
+    options.context = null;
+    return factory.createStateDecorator(options, config);
+}
+function currentLimetype(limetypes) {
+    const { limetype } = this.context;
+    return limetypes[limetype];
+}
+
+exports.SelectCurrentLimeType = SelectCurrentLimeType;
+exports.SelectLimeTypes = SelectLimeTypes;

package/dist/cjs/{keycodes-a546a15c.js → keycodes-a6c36f6d.js}

@@ -1,7 +1,11 @@
 'use strict';
 
+const TAB = 'Tab';
 const ENTER = 'Enter';
 const ESCAPE = 'Escape';
+const BACKSPACE = 'Backspace';
 
+exports.BACKSPACE = BACKSPACE;
 exports.ENTER = ENTER;
 exports.ESCAPE = ESCAPE;
+exports.TAB = TAB;

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-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-text-editor-picker.cjs",[[1,"limebb-text-editor-picker",{"items":[16],"open":[516]}]]],["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-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-notification-item.cjs",[[1,"limebb-notification-item",{"platform":[16],"context":[16],"item":[16]}]]],["limebb-empty-state_2.cjs",[[1,"limebb-empty-state",{"heading":[513],"value":[513],"icon":[16]}],[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-kanban-item.cjs",[[1,"limebb-kanban-item",{"platform":[16],"context":[16],"item":[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-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-text-editor.cjs",[[1,"limebb-text-editor",{"platform":[16],"context":[16],"selectedContext":[16],"uiType":[8,"ui-type"],"allowResize":[4,"allow-resize"],"value":[1],"items":[32],"customElements":[32],"registeredTriggers":[32],"editorPickerQuery":[32],"coworkerLimetype":[32],"isPickerOpen":[32]}]]],["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-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-notification-item.cjs",[[1,"limebb-notification-item",{"platform":[16],"context":[16],"item":[16]}]]],["limebb-text-editor-picker.cjs",[[1,"limebb-text-editor-picker",{"items":[16],"open":[516],"emptyMessage":[1,"empty-message"]}]]],["limebb-empty-state_2.cjs",[[1,"limebb-empty-state",{"heading":[513],"value":[513],"icon":[16]}],[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-kanban-item.cjs",[[1,"limebb-kanban-item",{"platform":[16],"context":[16],"item":[16]}]]]], options);
 });

package/dist/cjs/limebb-browser.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-dd1aef9e.js');
 const types = require('./types-c7646c23.js');
-const keycodes = require('./keycodes-a546a15c.js');
+const keycodes = require('./keycodes-a6c36f6d.js');
 const negate = require('./negate-14a67e26.js');
 
 const browserCss = ":host(limebb-browser){isolation:isolate;display:flex;flex-direction:column;background-color:rgba(var(--contrast-100))}limel-input-field{position:sticky;top:0;z-index:1;padding:0.5rem 0.75rem;background-color:rgba(var(--contrast-100), 0.75);backdrop-filter:blur(0.25rem);-webkit-backdrop-filter:blur(0.25rem)}";

package/dist/cjs/limebb-limeobject-file-viewer.cjs.entry.js

@@ -4,30 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-dd1aef9e.js');
 const types = require('./types-c7646c23.js');
+const decorator = require('./decorator-7b523efc.js');
 const factory = require('./factory-310afac1.js');
 const negate = require('./negate-14a67e26.js');
 
-/**
- * Get the limetype for the current context
- *
- * @param options - state decorator options
- * @returns state decorator
- * @public
- * @group Lime types
- */
-function SelectCurrentLimeType(options = {}) {
-    const config = {
-        name: types.PlatformServiceName.LimeTypeRepository,
-    };
-    options.map = [currentLimetype, ...(options.map || [])];
-    options.context = null;
-    return factory.createStateDecorator(options, config);
-}
-function currentLimetype(limetypes) {
-    const { limetype } = this.context;
-    return limetypes[limetype];
-}
-
 /**
  * Get the limeobject for the current context
  *
@@ -199,7 +179,7 @@ __decorate([
   SelectCurrentLimeObject()
 ], FileViewer.prototype, "limeobject", void 0);
 __decorate([
-  SelectCurrentLimeType()
+  decorator.SelectCurrentLimeType()
 ], FileViewer.prototype, "limetype", void 0);
 FileViewer.style = fileViewerCss;
 

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-dd1aef9e.js');
-const keycodes = require('./keycodes-a546a15c.js');
+const keycodes = require('./keycodes-a6c36f6d.js');
 
-const textEditorPickerCss = ":host(limebb-text-editor-picker){animation:fade 0.2s ease forwards;animation-delay:0.1s;opacity:0;display:flex;flex-direction:column;gap:0.5rem;padding:0.5rem;max-width:calc(100vw - 2rem);border-radius:0.5rem;background-color:var(--lime-elevated-surface-background-color);box-shadow:var(--shadow-depth-16)}@keyframes fade{0%{scale:0.86;opacity:0}100%{scale:1;opacity:1}}";
+const textEditorPickerCss = ":host(limebb-text-editor-picker){animation:fade-in 0.3s ease forwards;animation-delay:0.1s;display:block;max-width:calc(100vw - 2rem);padding:0.125rem;border-radius:0.5rem;background-color:rgba(var(--contrast-100));box-shadow:var(--shadow-depth-16)}span{padding:0.25rem}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}";
 
 const TextEditorPicker = class {
   constructor(hostRef) {
@@ -20,6 +20,7 @@ const TextEditorPicker = class {
      * Open state of the link-menu dialog
      */
     this.open = false;
+    this.emptyMessage = '';
     this.handleCancel = (event) => {
       if (event instanceof KeyboardEvent && event.key !== keycodes.ESCAPE) {
         return;
@@ -56,7 +57,12 @@ const TextEditorPicker = class {
     document.removeEventListener('keyup', this.handleCancel);
   }
   render() {
-    return (index.h("limel-list", { class: "has-interactive-items", type: "selectable", items: this.items, onChange: this.selectOnChange }));
+    if (this.items.length === 0) {
+      return index.h("span", null, this.emptyMessage);
+    }
+    return [
+      index.h("limel-list", { type: "selectable", items: this.items, onChange: this.selectOnChange }),
+    ];
   }
   static get watchers() { return {
     "open": ["watchOpen"]

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

@@ -0,0 +1,232 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-dd1aef9e.js');
+const types = require('./types-c7646c23.js');
+const decorator = require('./decorator-7b523efc.js');
+const keycodes = require('./keycodes-a6c36f6d.js');
+require('./factory-310afac1.js');
+
+const createRandomString = () => {
+  var _a;
+  if (!('crypto' in window) ||
+    typeof ((_a = window.crypto) === null || _a === void 0 ? void 0 : _a.randomUUID) !== 'function') {
+    return legacyCreateRandomString();
+  }
+  return 'a_' + crypto.randomUUID(); // ids must start with letters
+};
+function legacyCreateRandomString() {
+  const USE_HEX = 36;
+  const SKIP_LEADING_ZERODOT = 2;
+  const ASCII_A = 97;
+  const NUMBER_OF_LETTERS = 26;
+  return (String.fromCharCode(ASCII_A + Math.floor(Math.random() * NUMBER_OF_LETTERS)) +
+    Math.random().toString(USE_HEX).substring(SKIP_LEADING_ZERODOT) +
+    Math.random().toString(USE_HEX).substring(SKIP_LEADING_ZERODOT));
+}
+
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+    r = Reflect.decorate(decorators, target, key, desc);
+  else
+    for (var i = decorators.length - 1; i >= 0; i--)
+      if (d = decorators[i])
+        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+const findLimetypeByLabel = (label) => (limetypes) => {
+  return Object.values(limetypes).find(hasLabel(label));
+};
+const hasLabel = (label) => (object) => {
+  return (object === null || object === void 0 ? void 0 : object.label) === label;
+};
+const SEARCH_LIMIT = 20;
+const LimeBBTextEditor = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    /**
+     * Set to `true` to allow the user to vertically resize the editor.
+     * Set to `false` to disable the resize functionality.
+     */
+    this.allowResize = true;
+    this.value = '';
+    this.items = [];
+    this.customElements = [];
+    this.registeredTriggers = [];
+    /**
+     * Open state of the picker
+     */
+    this.isPickerOpen = false;
+    this.activeTrigger = undefined;
+    this.triggerMap = {
+      '@': {
+        customElement: {
+          tagName: 'limebb-mention',
+          attributes: ['limetype', 'objectid', 'href'],
+        },
+        mapAttributes: (item) => ({
+          limetype: item.secondaryText,
+          objectid: item.value,
+          href: `object/${this.context.limetype}/${this.context.id}`,
+        }),
+      },
+    };
+    this.handleGlobalKeyPress = (event) => {
+      const activeTrigger = this.activeTrigger !== undefined;
+      if (event.key === keycodes.ESCAPE) {
+        this.isPickerOpen = false;
+        return;
+      }
+      if (event.key === keycodes.BACKSPACE && this.value.length === 1) {
+        this.isPickerOpen = false;
+        return;
+      }
+      if ((activeTrigger && event.key === keycodes.ENTER) ||
+        (activeTrigger && event.key === keycodes.TAB)) {
+        event.preventDefault();
+      }
+    };
+    this.globalClickListener = (event) => {
+      const element = event.target;
+      const clickedInside = this.textEditorElement.contains(element);
+      const activeTrigger = this.activeTrigger !== undefined;
+      if (this.isPickerOpen && !clickedInside) {
+        this.isPickerOpen = false;
+      }
+      if (clickedInside && activeTrigger) {
+        event.stopPropagation();
+        event.preventDefault();
+        this.isPickerOpen = true;
+      }
+    };
+    this.handleTriggerStart = (event) => {
+      event.stopPropagation();
+      this.isPickerOpen = true;
+      this.activeTrigger = event.detail.trigger;
+      this.triggerFunction = event.detail.textEditor;
+    };
+    this.handleTriggerStop = (event) => {
+      event.stopPropagation();
+      this.isPickerOpen = false;
+      this.activeTrigger = undefined;
+    };
+    this.handleTriggerChange = (event) => {
+      event.stopImmediatePropagation();
+      this.editorPickerQuery = event.detail.value;
+      this.search();
+    };
+    this.handleItemSelected = (event) => {
+      this.insertEditorNode(event.detail);
+      this.activeTrigger = undefined;
+    };
+    this.insertEditorNode = (item) => {
+      var _a;
+      if (this.activeTrigger === undefined) {
+        console.warn('No triggerMap found');
+        return;
+      }
+      const nodeDefinition = this.triggerMap[this.activeTrigger];
+      try {
+        (_a = this.triggerFunction) === null || _a === void 0 ? void 0 : _a.insert({
+          node: {
+            tagName: nodeDefinition.customElement.tagName,
+            attributes: nodeDefinition.mapAttributes(item),
+          },
+          children: [this.activeTrigger + item.text],
+        });
+      }
+      catch (e) {
+        console.error("Can't insert node to the text editor", e);
+      }
+    };
+    this.portalId = createRandomString();
+  }
+  watchOpen() {
+    this.setupGlobalHandlers();
+  }
+  watchQuery() {
+    this.setPickerMessage();
+  }
+  componentWillLoad() {
+    this.setCustomElementsAndTriggers();
+  }
+  setCustomElementsAndTriggers() {
+    const customElements = Object.values(this.triggerMap).map((item) => item.customElement);
+    const triggers = Object.keys(this.triggerMap);
+    this.customElements = customElements;
+    this.registeredTriggers = triggers;
+  }
+  setPickerMessage() {
+    if (this.isPickerOpen === true && this.editorPickerQuery.length > 0) {
+      this.pickerMessage = 'No results for your search...';
+    }
+    else {
+      this.pickerMessage = 'Start typing a name...';
+    }
+  }
+  setupGlobalHandlers() {
+    if (this.isPickerOpen) {
+      document.addEventListener('click', this.globalClickListener, {
+        capture: true,
+      });
+      document.addEventListener('keyup', this.handleGlobalKeyPress);
+    }
+    else {
+      document.removeEventListener('click', this.globalClickListener);
+      document.removeEventListener('keyup', this.handleGlobalKeyPress);
+    }
+  }
+  render() {
+    return [
+      index.h("limel-text-editor", { value: this.value, customElements: this.customElements, triggers: this.registeredTriggers, onTriggerStart: this.handleTriggerStart, onTriggerStop: this.handleTriggerStop, onTriggerChange: this.handleTriggerChange, ui: this.uiType, allowResize: this.allowResize }),
+      this.renderPicker(),
+    ];
+  }
+  renderPicker() {
+    if (!this.isPickerOpen) {
+      return;
+    }
+    return (index.h("limel-portal", { containerId: this.portalId, visible: this.isPickerOpen, openDirection: "top", inheritParentWidth: true, anchor: this.textEditorElement }, index.h("limebb-text-editor-picker", { items: this.items, onItemSelected: this.handleItemSelected, emptyMessage: this.pickerMessage })));
+  }
+  async search() {
+    if (!this.limeObjectService) {
+      return;
+    }
+    const query = this.editorPickerQuery;
+    const limetype = this.coworkerLimetype;
+    const limit = SEARCH_LIMIT;
+    try {
+      const response = await this.limeObjectService.search(query, limetype, limit);
+      if (query !== this.editorPickerQuery) {
+        return;
+      }
+      this.items = response.objects.map((object) => {
+        return {
+          text: object._descriptive,
+          secondaryText: object._limetype,
+          value: object._id,
+        };
+      });
+    }
+    catch (e) {
+      console.error('Failed search for user', e);
+    }
+  }
+  get limeObjectService() {
+    return this.platform.get(types.PlatformServiceName.LimeObjectRepository);
+  }
+  get textEditorElement() { return index.getElement(this); }
+  static get watchers() { return {
+    "isPickerOpen": ["watchOpen"],
+    "editorPickerQuery": ["watchQuery"]
+  }; }
+};
+__decorate([
+  decorator.SelectLimeTypes({
+    map: [findLimetypeByLabel('user')],
+  })
+], LimeBBTextEditor.prototype, "coworkerLimetype", void 0);
+
+exports.limebb_text_editor = LimeBBTextEditor;

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-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-text-editor-picker.cjs",[[1,"limebb-text-editor-picker",{"items":[16],"open":[516]}]]],["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-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-notification-item.cjs",[[1,"limebb-notification-item",{"platform":[16],"context":[16],"item":[16]}]]],["limebb-empty-state_2.cjs",[[1,"limebb-empty-state",{"heading":[513],"value":[513],"icon":[16]}],[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-kanban-item.cjs",[[1,"limebb-kanban-item",{"platform":[16],"context":[16],"item":[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-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-text-editor.cjs",[[1,"limebb-text-editor",{"platform":[16],"context":[16],"selectedContext":[16],"uiType":[8,"ui-type"],"allowResize":[4,"allow-resize"],"value":[1],"items":[32],"customElements":[32],"registeredTriggers":[32],"editorPickerQuery":[32],"coworkerLimetype":[32],"isPickerOpen":[32]}]]],["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-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-notification-item.cjs",[[1,"limebb-notification-item",{"platform":[16],"context":[16],"item":[16]}]]],["limebb-text-editor-picker.cjs",[[1,"limebb-text-editor-picker",{"items":[16],"open":[516],"emptyMessage":[1,"empty-message"]}]]],["limebb-empty-state_2.cjs",[[1,"limebb-empty-state",{"heading":[513],"value":[513],"icon":[16]}],[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-kanban-item.cjs",[[1,"limebb-kanban-item",{"platform":[16],"context":[16],"item":[16]}]]]], options);
   });
 };
 

package/dist/collection/collection-manifest.json

@@ -27,7 +27,8 @@
     "./components/navigation-button/navigation-button.js",
     "./components/notification-list/notification-list.js",
     "./components/notification-list/notification-item/notification-item.js",
-    "./components/text-editor/text-editor-picker.js"
+    "./components/text-editor/text-editor-picker.js",
+    "./components/text-editor/text-editor.js"
   ],
   "compiler": {
     "name": "@stencil/core",

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

@@ -1,24 +1,23 @@
 :host(limebb-text-editor-picker) {
-  animation: fade 0.2s ease forwards;
+  animation: fade-in 0.3s ease forwards;
   animation-delay: 0.1s;
-  opacity: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-  padding: 0.5rem;
+  display: block;
   max-width: calc(100vw - 2rem);
+  padding: 0.125rem;
   border-radius: 0.5rem;
-  background-color: var(--lime-elevated-surface-background-color);
+  background-color: rgba(var(--contrast-100));
   box-shadow: var(--shadow-depth-16);
 }
 
-@keyframes fade {
+span {
+  padding: 0.25rem;
+}
+
+@keyframes fade-in {
   0% {
-    scale: 0.86;
     opacity: 0;
   }
   100% {
-    scale: 1;
     opacity: 1;
   }
 }

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

@@ -24,6 +24,7 @@ export class TextEditorPicker {
      * Open state of the link-menu dialog
      */
     this.open = false;
+    this.emptyMessage = '';
     this.handleCancel = (event) => {
       if (event instanceof KeyboardEvent && event.key !== ESCAPE) {
         return;
@@ -60,7 +61,12 @@ export class TextEditorPicker {
     document.removeEventListener('keyup', this.handleCancel);
   }
   render() {
-    return (h("limel-list", { class: "has-interactive-items", type: "selectable", items: this.items, onChange: this.selectOnChange }));
+    if (this.items.length === 0) {
+      return h("span", null, this.emptyMessage);
+    }
+    return [
+      h("limel-list", { type: "selectable", items: this.items, onChange: this.selectOnChange }),
+    ];
   }
   static get is() { return "limebb-text-editor-picker"; }
   static get encapsulation() { return "shadow"; }
@@ -121,6 +127,24 @@ export class TextEditorPicker {
         "attribute": "open",
         "reflect": true,
         "defaultValue": "false"
+      },
+      "emptyMessage": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "empty-message",
+        "reflect": false,
+        "defaultValue": "''"
       }
     };
   }

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

@@ -0,0 +1 @@
+export {};