@limetech/lime-crm-building-blocks 1.86.2 → 1.87.0

package/dist/cjs/limebb-percentage-visualizer.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3da101cc.js');
-const percentageClass = require('./percentage-class-9decca4f.js');
+const index = require('./index-ff255a0d.js');
+const percentageClass = require('./percentage-class-e4f0a52d.js');
 
 const percentageVisualizerCss = "@charset \"UTF-8\";*,::before,::after{box-sizing:border-box}:host(limebb-percentage-visualizer){width:100%}limel-notched-outline:not([invalid]:not([invalid=false])) .limel-notched-outline--outlines{--limel-notched-outline-border-color:transparent}div[slot=content]{display:flex;align-items:center;gap:0.5rem;border-radius:inherit;background-color:transparent !important}div[slot=content]:focus{outline:none}div[slot=content]:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}:host(limebb-percentage-visualizer[invalid]:not([invalid=false])) div[slot=content]{border-color:rgb(var(--color-red-default))}:host(limebb-percentage-visualizer):has(label) div[slot=content]{min-height:2.5rem;padding:0 0.375rem 0 1rem}.percentage-text{flex-shrink:0;min-width:2.5rem}:host([range-min^=\"-\"]) .percentage-text{min-width:3.75rem}.percent-sign{opacity:0.4}.zero-point{content:\"\";position:absolute;transform:translateX(-50%);left:var(--limebb-percentage-visualizer-zero-point-position);height:0.25rem;width:0.25rem;border-radius:50%;box-shadow:0 0 0 0.125rem var(--limebb-percentage-visualizer-zero-point-color, rgb(var(--contrast-1200), 0.3));background-color:var(--limebb-percentage-visualizer-zero-point-color, rgb(var(--contrast-200), 0.9))}.percentage-bar{overflow:hidden;flex-grow:1;position:relative;display:flex;align-items:center;height:0.5rem;min-width:2rem;border-radius:0.5rem;background-color:rgb(var(--contrast-800), 0.6)}.percentage-fill{transition:width 0.2s ease;position:absolute;margin:auto;left:var(--limebb-percentage-visualizer-zero-point-position, 0);rotate:var(--limebb-percentage-visualizer-rotate, 0deg);transform-origin:left center;width:var(--limebb-percentage-visualizer-width);height:100%;border-radius:0.5rem}:host(limebb-percentage-visualizer:focus),:host(limebb-percentage-visualizer:focus-visible),:host(limebb-percentage-visualizer:focus-within){--limel-h-l-grid-template-rows-transition-speed:0.46s;--limel-h-l-grid-template-rows:1fr}:host(limebb-percentage-visualizer){--limel-h-l-grid-template-rows-transition-speed:0.3s;--limel-h-l-grid-template-rows:0fr}:host(limebb-percentage-visualizer:focus) limel-helper-line,:host(limebb-percentage-visualizer:focus-visible) limel-helper-line,:host(limebb-percentage-visualizer:focus-within) limel-helper-line,:host(limebb-percentage-visualizer:hover) limel-helper-line{will-change:grid-template-rows}.percentage-fill{background-color:var(--percentage-visualizer-color, var(--limebb-percentage-visualizer-color, var(--mdc-theme-primary)))}:host([range-min^=\"-\"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-200or-larger-negative) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-red-darker))}:host([range-min^=\"-\"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-200to100-negative) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-red-dark))}:host([range-min^=\"-\"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-100to90-negative) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-red-dark))}:host([range-min^=\"-\"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-90to80-negative) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-red-dark))}:host([range-min^=\"-\"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-80to70-negative) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-red-default))}:host([range-min^=\"-\"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-70to60-negative) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-red-default))}:host([range-min^=\"-\"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-60to50-negative) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-coral-default))}:host([range-min^=\"-\"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-50to40-negative) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-coral-default))}:host([range-min^=\"-\"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-40to30-negative) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-orange-default))}:host([range-min^=\"-\"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-30to20-negative) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-orange-default))}:host([range-min^=\"-\"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-20to10-negative) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-amber-default))}:host([range-min^=\"-\"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-10to0-negative) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-amber-default))}:host([range-min^=\"-\"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-0) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--contrast-800))}:host([range-min^=\"-\"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-0to10-positive) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-yellow-default))}:host([range-min^=\"-\"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-10to20-positive) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-yellow-default))}:host([range-min^=\"-\"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-20to30-positive) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-grass-default))}:host([range-min^=\"-\"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-30to40-positive) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-grass-default))}:host([range-min^=\"-\"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-40to50-positive) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-lime-default))}:host([range-min^=\"-\"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-50to60-positive) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-lime-default))}:host([range-min^=\"-\"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-60to70-positive) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-teal-default))}:host([range-min^=\"-\"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-70to80-positive) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-teal-default))}:host([range-min^=\"-\"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-80to90-positive) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-teal-dark))}:host([range-min^=\"-\"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-90to100-positive) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-teal-dark))}:host([range-min^=\"-\"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-100to200-positive) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-teal-dark))}:host([range-min^=\"-\"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-200or-larger-positive) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-teal-darker))}:host([display-percentage-colors]:not([display-percentage-colors=false]).has-value-0) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--contrast-800))}:host([display-percentage-colors]:not([display-percentage-colors=false]).has-value-0to10-positive) .percentage-fill{--limebb-percentage-visualizer-color:var(--color-percent--0to10)}:host([display-percentage-colors]:not([display-percentage-colors=false]).has-value-10to20-positive) .percentage-fill{--limebb-percentage-visualizer-color:var(--color-percent--10to20)}:host([display-percentage-colors]:not([display-percentage-colors=false]).has-value-20to30-positive) .percentage-fill{--limebb-percentage-visualizer-color:var(--color-percent--20to30)}:host([display-percentage-colors]:not([display-percentage-colors=false]).has-value-30to40-positive) .percentage-fill{--limebb-percentage-visualizer-color:var(--color-percent--30to40)}:host([display-percentage-colors]:not([display-percentage-colors=false]).has-value-40to50-positive) .percentage-fill{--limebb-percentage-visualizer-color:var(--color-percent--40to50)}:host([display-percentage-colors]:not([display-percentage-colors=false]).has-value-50to60-positive) .percentage-fill{--limebb-percentage-visualizer-color:var(--color-percent--50to60)}:host([display-percentage-colors]:not([display-percentage-colors=false]).has-value-60to70-positive) .percentage-fill{--limebb-percentage-visualizer-color:var(--color-percent--60to70)}:host([display-percentage-colors]:not([display-percentage-colors=false]).has-value-70to80-positive) .percentage-fill{--limebb-percentage-visualizer-color:var(--color-percent--70to80)}:host([display-percentage-colors]:not([display-percentage-colors=false]).has-value-80to90-positive) .percentage-fill{--limebb-percentage-visualizer-color:var(--color-percent--80to90)}:host([display-percentage-colors]:not([display-percentage-colors=false]).has-value-90to100-positive) .percentage-fill{--limebb-percentage-visualizer-color:var(--color-percent--90to100)}:host([display-percentage-colors]:not([display-percentage-colors=false]).has-value-100to200-positive) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-teal-dark))}:host([display-percentage-colors]:not([display-percentage-colors=false]).has-value-200or-larger-positive) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-teal-darker))}";
 const LimebbPercentageVisualizerStyle0 = percentageVisualizerCss;
@@ -72,18 +72,17 @@ const PercentageVisualizer = class {
     }
     triggerRangeWarning() {
         if (this.rangeMin >= this.rangeMax) {
-            // eslint-disable-next-line no-console
             console.warn(`[limebb-percentage-visualizer] Invalid range: rangeMin (${this.rangeMin}) must be less than rangeMax (${this.rangeMax}). Visualization may not appear as expected.`);
         }
     }
     render() {
         const normalizedValue = this.getNormalizedValue();
         const zeroPoint = this.getZeroPointPosition();
-        return (index.h(index.Host, { key: 'c279e1a4d25555af3928cccec63f3ff65c34ca61', class: this.getContainerClassList(), style: {
+        return (index.h(index.Host, { key: '454366891b8fe6860a43efaf8c1b96c9a4689962', class: this.getContainerClassList(), style: {
                 '--limebb-percentage-visualizer-zero-point-position': `${zeroPoint}%`,
                 '--limebb-percentage-visualizer-width': `${Math.abs(normalizedValue)}%`,
                 '--limebb-percentage-visualizer-rotate': `${normalizedValue >= 0 ? '0deg' : '180deg'}`,
-            } }, index.h("limel-notched-outline", { key: '3044031cdb7a169cb89957c7ee99609716e0f66d', tabIndex: 0, role: "meter", "aria-valuemin": this.rangeMin, "aria-valuemax": this.rangeMax, "aria-valuenow": this.numValue, "aria-labelledby": this.labelId, "aria-describedby": this.helperTextId, label: this.label, labelId: this.labelId, invalid: this.invalid, required: this.required, hasValue: true, hasFloatingLabel: true, "aria-controls": this.helperTextId }, index.h("div", { key: 'c139e8add053c9c559cca82f533e92e7769842ad', slot: "content" }, this.renderVisualization())), this.renderHelperLine()));
+            } }, index.h("limel-notched-outline", { key: 'c827cb818ed190f6a7b6fa33e6b1c878b5682e42', tabIndex: 0, role: "meter", "aria-valuemin": this.rangeMin, "aria-valuemax": this.rangeMax, "aria-valuenow": this.numValue, "aria-labelledby": this.labelId, "aria-describedby": this.helperTextId, label: this.label, labelId: this.labelId, invalid: this.invalid, required: this.required, hasValue: true, hasFloatingLabel: true, "aria-controls": this.helperTextId }, index.h("div", { key: '7c6dcc138c4bca114d4d83af026c93f8611339b5', slot: "content" }, this.renderVisualization())), this.renderHelperLine()));
     }
     renderVisualization() {
         if (this.reducePresence && (this.numValue === 0 || !this.hasValue())) {
@@ -165,15 +164,15 @@ const PercentageVisualizer = class {
     }
     unifyMinusSign(input) {
         // Replace Unicode minus sign (−) with ASCII hyphen-minus (-)
-        return input.replace(/−/g, '-');
+        return input.replaceAll('−', '-');
     }
     convertToUnicodeMinus(input) {
         // Replace ASCII hyphen-minus (-) with Unicode minus sign (−)
-        return input.replace(/-/g, '−');
+        return input.replaceAll('-', '−');
     }
     parseValue(value) {
         if (typeof value === 'string') {
-            return parseFloat(this.unifyMinusSign(value));
+            return Number.parseFloat(this.unifyMinusSign(value));
         }
         return value;
     }

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3da101cc.js');
+const index = require('./index-ff255a0d.js');
 const keycodes = require('./keycodes-88522d7f.js');
 
 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)}limel-menu-list{position:relative}limel-spinner{margin:0 auto}.spinner-in-list{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}";

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

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3da101cc.js');
-const index_esm = require('./index.esm-d6513e37.js');
+const index = require('./index-ff255a0d.js');
+const index_esm = require('./index.esm-9effb196.js');
 const keycodes = require('./keycodes-88522d7f.js');
 const _Uint8Array = require('./_Uint8Array-1e99726d.js');
 const _MapCache = require('./_MapCache-2e84a981.js');
 const _Map = require('./_Map-60aae0ed.js');
 const _getTag = require('./_getTag-8809c5c6.js');
-const nonNull = require('./non-null-b8d9b4b4.js');
+const nonNull = require('./non-null-3bf14aa1.js');
 
 /** Used to match a single whitespace character. */
 var reWhitespace = /\s/;
@@ -1083,6 +1083,11 @@ const getItemIndex = (direction, currentItemIndex, numberOfItems) => {
     const increment = direction === keycodes.ARROW_DOWN ? 1 : -1;
     return (currentItemIndex + increment + numberOfItems) % numberOfItems;
 };
+/**
+ *
+ * @param items
+ * @param highlightedItemIndex
+ */
 function getUpdatedItems(items, highlightedItemIndex) {
     return items.map((item, index) => {
         const newItem = cloneDeep(item);
@@ -1090,6 +1095,7 @@ function getUpdatedItems(items, highlightedItemIndex) {
     });
 }
 
+/* eslint-disable sonarjs/pseudo-random */
 const createRandomString = () => {
     var _a;
     if (!('crypto' in window) ||
@@ -1103,17 +1109,19 @@ function legacyCreateRandomString() {
     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));
+    return (String.fromCodePoint(ASCII_A + Math.floor(Math.random() * NUMBER_OF_LETTERS)) +
+        Math.random()
+            .toString(USE_HEX)
+            .slice(Math.max(0, SKIP_LEADING_ZERODOT)) +
+        Math.random().toString(USE_HEX).slice(Math.max(0, SKIP_LEADING_ZERODOT)));
 }
 
 /**
  * Whether the given object has the given label or not.
  *
- * @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
+ * @param object the object to check label for
+ * @param label the label to check for
+ * @returns true if the object has the label
  */
 function hasLabel(object, label) {
     return object.label === label;
@@ -1121,8 +1129,8 @@ function hasLabel(object, 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
+ * @param property the property to check
+ * @returns true if the property is a hasmany relation
  */
 function isManyRelation(property) {
     return index_esm.De(property) && !index_esm.Me(property);
@@ -1131,9 +1139,9 @@ function isManyRelation(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
+ * @param limetype the limetype to search for the relation property
+ * @param label the label of the target limetype to match
+ * @returns the relation property or undefined
  */
 function getRelationProperty(limetype, label) {
     return Object.values(limetype.properties).find((property) => property &&
@@ -1143,21 +1151,20 @@ function getRelationProperty(limetype, 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
+ * @param limetype the limetype
+ * @param relatedLabel the label of the related limetype
+ * @returns true if the limetype has the hasmany relation
  */
 function hasHasManyRelation(limetype, relatedLabel) {
     const property = getRelationProperty(limetype, relatedLabel);
     return !!property && isManyRelation(property);
 }
 
-/* eslint-disable no-underscore-dangle */
 /**
  * Get the limetypes that should be available for mentions
  *
- * @param {Record<string, LimeType>} limetypes all limetypes
- * @returns {LimeType[]} mention limetypes
+ * @param limetypes all limetypes
+ * @returns mention limetypes
  */
 function getMentionLimetypes(limetypes) {
     return Object.values(limetypes).filter((limetype) => {
@@ -1238,9 +1245,9 @@ class MentionsService {
             .filter((limetype) => !hasLabel(limetype, 'user') &&
             hasHasManyRelation(limetype, 'user'))
             .map((limetype) => this.getGroupCounts(limetype));
-        (await Promise.all(groupCountsLoads)).forEach((groupCount) => {
+        for (const groupCount of await Promise.all(groupCountsLoads)) {
             Object.assign(this.groupCounts, groupCount);
-        });
+        }
     }
     async getGroupCounts(limetype) {
         var _a;
@@ -1269,17 +1276,16 @@ class MentionsService {
             return { [limetypeName]: groupCount };
         }
         catch (error) {
-            // eslint-disable-next-line no-console
             console.error(`Error fetching group count for limetype: ${limetype.name}`, error);
             return { [limetypeName]: {} };
         }
     }
     createGroupCount(objects, coworkerPropertyName) {
         const groupCount = {};
-        objects.forEach((object) => {
+        for (const object of objects) {
             const { _id: id, [coworkerPropertyName]: aggregateProperty } = object;
             groupCount[id] = aggregateProperty.count;
-        });
+        }
         return groupCount;
     }
     createSearchListItems(searchObjects = []) {
@@ -1327,7 +1333,7 @@ class FileUpload {
         this.http = http;
         this.uploadCancelled = false;
         this.getUrl = (fileid) => {
-            return `${CORE_API_PATH}/${FILE_PATH}/${fileid ? fileid : ''}`;
+            return `${CORE_API_PATH}/${FILE_PATH}/${fileid !== null && fileid !== void 0 ? fileid : ''}`;
         };
     }
     async initialize() {
@@ -1362,8 +1368,8 @@ class UploadHandler {
     /**
      * Handles image paste events in the text editor
      *
-     * @param {ImageInserter} imageInserter - The image inserter with the file info
-     * @returns {Promise<FileWrapper | undefined>} Promise resolving to the uploaded file wrapper or undefined if upload fails
+     * @param imageInserter - The image inserter with the file info
+     * @returns Promise resolving to the uploaded file wrapper or undefined if upload fails
      */
     async handleImagePasted(imageInserter) {
         const fileInfo = imageInserter === null || imageInserter === void 0 ? void 0 : imageInserter.fileInfo;
@@ -1391,8 +1397,8 @@ class UploadHandler {
      * This function parses a URL to find a file ID that appears before
      * '/contents/' at the end of the URL.
      *
-     * @param {string} src - The URL string to parse
-     * @returns {string | undefined} The extracted file ID or undefined if no match is found
+     * @param src - The URL string to parse
+     * @returns The extracted file ID or undefined if no match is found
      *
      * @example
      * // Returns 123
@@ -1418,8 +1424,8 @@ class UploadHandler {
     /**
      * Validates that the image file size is within limits
      *
-     * @param {FileInfo} fileInfo - The file info to validate
-     * @returns {boolean} True if file size is valid, false otherwise
+     * @param fileInfo - The file info to validate
+     * @returns True if file size is valid, false otherwise
      */
     validateImageSize(fileInfo) {
         if (!fileInfo.fileContent) {
@@ -1430,8 +1436,8 @@ class UploadHandler {
     /**
      * Creates and uploads a file
      *
-     * @param {FileInfo} fileInfo - The file info to upload
-     * @returns {Promise<FileWrapper | undefined>} Promise resolving to the uploaded file wrapper or undefined if upload fails
+     * @param fileInfo - The file info to upload
+     * @returns Promise resolving to the uploaded file wrapper or undefined if upload fails
      */
     async createFileUpload(fileInfo) {
         var _a;
@@ -1457,7 +1463,6 @@ class UploadHandler {
         imageUpload.contentType = response.contentType;
         imageUpload.size = response.size;
         imageUpload.state = 'done';
-        // eslint-disable-next-line no-underscore-dangle
         imageUpload.href = (_a = response._links) === null || _a === void 0 ? void 0 : _a.contents.href;
         return imageUpload;
     }
@@ -1619,7 +1624,7 @@ const LimeBBTextEditor = class {
         };
         this.findNonSeparatorIndex = (direction, currentIndex, depth = 0) => {
             // Safety check to avoid infinite recursion
-            if (!this.items.length || depth > this.items.length) {
+            if (this.items.length === 0 || depth > this.items.length) {
                 return currentIndex;
             }
             const nextIndex = getItemIndex(direction, currentIndex, this.items.length);
@@ -1704,7 +1709,6 @@ const LimeBBTextEditor = class {
                 triggerHandler.inserter(this.triggerFunction, selectedItem);
             }
             catch (error) {
-                // eslint-disable-next-line no-console
                 console.error('Error inserting', error);
             }
             this.resetTriggerAndPicker();
@@ -1729,7 +1733,6 @@ const LimeBBTextEditor = class {
                 this.items = items;
             }
             catch (error) {
-                // eslint-disable-next-line no-console
                 console.error('Error searching', error);
             }
             finally {
@@ -1832,7 +1835,7 @@ const LimeBBTextEditor = class {
     }
     render() {
         return [
-            index.h("limel-text-editor", { key: '65f1a843efb81de7f5006f49bf4bd912047e73f4', ref: (el) => (this.textEditor = el), tabindex: this.disabled ? -1 : 0, value: this.value, contentType: this.contentType, customElements: this.registeredCustomElements, "aria-disabled": this.disabled, language: this.language, triggers: this.registeredTriggers, onTriggerStart: this.handleTriggerStart, onTriggerStop: this.handleTriggerStop, onTriggerChange: this.handleTriggerChange, onImagePasted: this.handleImagePasted, onMetadataChange: this.handleMetadataChange, ui: this.ui, allowResize: this.allowResize, required: this.required, disabled: this.disabled, readonly: this.readonly, helperText: this.helperText, placeholder: this.placeholder, label: this.label, invalid: this.invalid }),
+            index.h("limel-text-editor", { key: 'af646ab86b401f895b2df8ce307d2b739d356d4c', ref: (el) => (this.textEditor = el), tabindex: this.disabled ? -1 : 0, value: this.value, contentType: this.contentType, customElements: this.registeredCustomElements, "aria-disabled": this.disabled, language: this.language, triggers: this.registeredTriggers, onTriggerStart: this.handleTriggerStart, onTriggerStop: this.handleTriggerStop, onTriggerChange: this.handleTriggerChange, onImagePasted: this.handleImagePasted, onMetadataChange: this.handleMetadataChange, ui: this.ui, allowResize: this.allowResize, required: this.required, disabled: this.disabled, readonly: this.readonly, helperText: this.helperText, placeholder: this.placeholder, label: this.label, invalid: this.invalid }),
             this.renderPicker(),
         ];
     }

package/dist/cjs/limebb-trend-indicator.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3da101cc.js');
-const percentageClass = require('./percentage-class-9decca4f.js');
+const index = require('./index-ff255a0d.js');
+const percentageClass = require('./percentage-class-e4f0a52d.js');
 
 const trendIndicatorCss = "@charset \"UTF-8\";*{box-sizing:border-box}:host(limebb-trend-indicator){position:relative;display:block;height:100%;width:100%}limel-notched-outline:not([invalid]:not([invalid=false])) .limel-notched-outline--outlines{--limel-notched-outline-border-color:transparent}div[slot=content]{display:flex;align-items:center;gap:0.5rem;border-radius:inherit;background-color:transparent !important}div[slot=content]:focus{outline:none}div[slot=content]:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}:host(limebb-trend-indicator):has(label) div[slot=content]{min-height:2.5rem;padding:0 0.375rem 0 1rem}:host(limebb-trend-indicator[former-value]) div[slot=content]{cursor:help}div[slot=content] span{flex-shrink:0}.icon{flex-shrink:0;display:flex;transition-property:color, background-color, transform;transition-duration:0.4s;transition-timing-function:ease;width:1.25rem;height:1.25rem;border-radius:50%;padding:0.12rem;color:rgb(var(--color-white));background-color:rgb(var(--color-gray-default), 0.5)}:host(.has-value-40to30-negative) .icon{color:rgb(var(--color-gray-darker))}:host(.has-value-30to20-negative) .icon{color:rgb(var(--color-gray-darker))}:host(.has-value-20to10-negative) .icon{color:rgb(var(--color-gray-darker))}:host(.has-value-10to0-negative) .icon{color:rgb(var(--color-gray-darker))}:host(.has-value-0to10-positive) .icon{color:rgb(var(--color-gray-dark))}:host(.has-value-10to20-positive) .icon{color:rgb(var(--color-gray-dark))}:host(.has-value-20to30-positive) .icon{color:rgb(var(--color-gray-dark))}:host(.has-value-30to40-positive) .icon{color:rgb(var(--color-gray-dark))}:host(.has-value-200or-larger-negative) .icon{background-color:rgb(var(--color-red-darker));transform:rotate(90deg)}:host(.has-value-200to100-negative) .icon{background-color:rgb(var(--color-red-dark));transform:rotate(90deg)}:host(.has-value-100to90-negative) .icon{background-color:rgb(var(--color-red-dark));transform:rotate(90deg)}:host(.has-value-90to80-negative) .icon{background-color:rgb(var(--color-red-dark));transform:rotate(81deg)}:host(.has-value-80to70-negative) .icon{background-color:rgb(var(--color-red-default));transform:rotate(72deg)}:host(.has-value-70to60-negative) .icon{background-color:rgb(var(--color-red-default));transform:rotate(63deg)}:host(.has-value-60to50-negative) .icon{background-color:rgb(var(--color-coral-default));transform:rotate(54deg)}:host(.has-value-50to40-negative) .icon{background-color:rgb(var(--color-coral-default));transform:rotate(45deg)}:host(.has-value-40to30-negative) .icon{background-color:rgb(var(--color-orange-default));transform:rotate(36deg)}:host(.has-value-30to20-negative) .icon{background-color:rgb(var(--color-orange-default));transform:rotate(27deg)}:host(.has-value-20to10-negative) .icon{background-color:rgb(var(--color-amber-default));transform:rotate(18deg)}:host(.has-value-10to0-negative) .icon{background-color:rgb(var(--color-amber-default));transform:rotate(9deg)}:host(.has-value-0) .icon{background-color:rgb(var(--color-gray-default));transform:rotate(0deg)}:host(.has-value-0to10-positive) .icon{background-color:rgb(var(--color-yellow-default));transform:rotate(-9deg)}:host(.has-value-10to20-positive) .icon{background-color:rgb(var(--color-yellow-default));transform:rotate(-18deg)}:host(.has-value-20to30-positive) .icon{background-color:rgb(var(--color-grass-default));transform:rotate(-27deg)}:host(.has-value-30to40-positive) .icon{background-color:rgb(var(--color-grass-default));transform:rotate(-36deg)}:host(.has-value-40to50-positive) .icon{background-color:rgb(var(--color-lime-default));transform:rotate(-45deg)}:host(.has-value-50to60-positive) .icon{background-color:rgb(var(--color-lime-default));transform:rotate(-54deg)}:host(.has-value-60to70-positive) .icon{background-color:rgb(var(--color-teal-default));transform:rotate(-63deg)}:host(.has-value-70to80-positive) .icon{background-color:rgb(var(--color-teal-default));transform:rotate(-72deg)}:host(.has-value-80to90-positive) .icon{background-color:rgb(var(--color-teal-dark));transform:rotate(-81deg)}:host(.has-value-90to100-positive) .icon{background-color:rgb(var(--color-teal-dark));transform:rotate(-90deg)}:host(.has-value-100to200-positive) .icon{background-color:rgb(var(--color-teal-dark));transform:rotate(-90deg)}:host(.has-value-200or-larger-positive) .icon{background-color:rgb(var(--color-teal-darker));transform:rotate(-90deg)}:host(.has-value-0) .icon{background-color:rgb(var(--color-gray-default), 0.5);transform:rotate(0deg)}:host(.has-value-0) .icon polyline{color:transparent}:host(.has-value-200or-larger-negative) .icon:after,:host(.has-value-200or-larger-negative) .icon:before,:host(.has-value-200to100-negative) .icon:after,:host(.has-value-200to100-negative) .icon:before,:host(.has-value-100to200-positive) .icon:after,:host(.has-value-100to200-positive) .icon:before,:host(.has-value-200or-larger-positive) .icon:after,:host(.has-value-200or-larger-positive) .icon:before{transition:border-color 0.6s ease;content:\"\";position:absolute;inset:0;margin:auto;border:1px solid transparent;border-radius:50%}:host(.has-value-200or-larger-negative) .icon:before,:host(.has-value-200to100-negative) .icon:before,:host(.has-value-100to200-positive) .icon:before,:host(.has-value-200or-larger-positive) .icon:before{transform:scale(1.2)}:host(.has-value-200or-larger-negative) .icon:after,:host(.has-value-200to100-negative) .icon:after,:host(.has-value-100to200-positive) .icon:after,:host(.has-value-200or-larger-positive) .icon:after{transform:scale(1.4);opacity:0.4}:host(.has-value-200to100-negative) .icon:before,:host(.has-value-200or-larger-negative) .icon:before{border-color:rgb(var(--color-red-dark))}:host(.has-value-200or-larger-negative) .icon:after{border-color:rgb(var(--color-red-darker))}:host(.has-value-100to200-positive) .icon:before,:host(.has-value-200or-larger-positive) .icon:before{border-color:rgb(var(--color-teal-dark))}:host(.has-value-200or-larger-positive) .icon:after{border-color:rgb(var(--color-teal-darker))}.no-value{transform:translateY(0.5rem)}.growth-unit{padding-left:0.5rem;opacity:0.5}:host(limebb-trend-indicator:focus),:host(limebb-trend-indicator:focus-visible),:host(limebb-trend-indicator:focus-within){--limel-h-l-grid-template-rows-transition-speed:0.46s;--limel-h-l-grid-template-rows:1fr}:host(limebb-trend-indicator){--limel-h-l-grid-template-rows-transition-speed:0.3s;--limel-h-l-grid-template-rows:0fr}:host(limebb-trend-indicator:focus) limel-helper-line,:host(limebb-trend-indicator:focus-visible) limel-helper-line,:host(limebb-trend-indicator:focus-within) limel-helper-line,:host(limebb-trend-indicator:hover) limel-helper-line{will-change:grid-template-rows}";
 const LimebbTrendIndicatorStyle0 = trendIndicatorCss;
@@ -49,7 +49,7 @@ const TrendIndicator = class {
             return index.h("span", { class: "no-value" }, "\u2013");
         }
         return [
-            index.h("div", { class: "icon" }, this.getArrowIcon()),
+            this.getArrowIcon(),
             index.h("span", null, this.renderGrowthPercentage(), this.renderGrowthAmount()),
         ];
     }
@@ -113,19 +113,19 @@ const TrendIndicator = class {
         const percentage = (((this.numValue - this.formerValue) /
             Math.abs(this.formerValue)) *
             PERCENT).toFixed(DECIMALS);
-        return parseFloat(percentage);
+        return Number.parseFloat(percentage);
     }
     unifyMinusSign(input) {
         // Replace Unicode minus sign (−) with ASCII hyphen-minus (-)
-        return input.replace(/−/g, '-');
+        return input.replaceAll('−', '-');
     }
     convertToUnicodeMinus(input) {
         // Replace ASCII hyphen-minus (-) with Unicode minus sign (−)
-        return input.replace(/-/g, '−');
+        return input.replaceAll('-', '−');
     }
     parseValue(value) {
         if (typeof value === 'string') {
-            return parseFloat(this.unifyMinusSign(value));
+            return Number.parseFloat(this.unifyMinusSign(value));
         }
         return value;
     }
@@ -137,7 +137,7 @@ const TrendIndicator = class {
         return this.convertToUnicodeMinus(constructedValue);
     }
     getArrowIcon() {
-        return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, index.h("line", { fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-miterlimit": "10", x1: "26", y1: "16", x2: "4", y2: "16" }), index.h("polyline", { fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-miterlimit": "10", points: "18,7.5 26.5,16 18,24.5 " })));
+        return (index.h("limel-icon", { class: "icon", name: "right", "aria-hidden": "true", role: "presentation" }));
     }
     static get watchers() { return {
         "value": ["valueChanged"]

package/dist/cjs/loader.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3da101cc.js');
+const index = require('./index-ff255a0d.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
 
 const defineCustomElements = async (win, options) => {

package/dist/cjs/{non-null-b8d9b4b4.js → non-null-3bf14aa1.js}

@@ -1,5 +1,10 @@
 'use strict';
 
+/**
+ *
+ * @param value
+ */
+// eslint-disable-next-line unicorn/prefer-native-coercion-functions
 function isNonNull(value) {
     return Boolean(value);
 }

package/dist/cjs/{percentage-class-9decca4f.js → percentage-class-e4f0a52d.js}

@@ -18,9 +18,9 @@
  * The returned class names can be used in CSS to apply different colors,
  * transformations, or other visual treatments based on the percentage range.
  *
- * @param {number|null} value - The percentage value to classify,
+ * @param value - The percentage value to classify,
  * can be positive, negative, or zero
- * @returns {string} A class name string representing the percentage range,
+ * @returns A class name string representing the percentage range,
  * or an empty string if value is null
  */
 function getPercentageClass(value) {

package/dist/collection/components/chat-list/chat-item/chat-item.css

@@ -165,6 +165,10 @@
   -webkit-backdrop-filter: blur(0.5rem);
 }
 
+limel-ai-avatar.author-avatar {
+  background-color: rgb(var(--color-glaucous-darker));
+}
+
 header {
   display: flex;
   justify-content: space-between;

package/dist/collection/components/chat-list/chat-item/chat-item.js

@@ -118,6 +118,11 @@ export class ChatListItem {
         if (!((_a = this.item.author) === null || _a === void 0 ? void 0 : _a.picture)) {
             return;
         }
+        // If the "picture url" is set to "limel-ai-avatar",
+        // we render a limel-ai-avatar component instead of an image.
+        if (this.item.author.picture === 'limel-ai-avatar') {
+            return h("limel-ai-avatar", { class: "author-avatar" });
+        }
         return (h("img", { class: "author-avatar", loading: "lazy", src: this.item.author.picture }));
     }
     renderUnpromotedActionsMenu() {

package/dist/collection/components/chat-list/chat-list.js

@@ -1,6 +1,6 @@
 import { h, Host } from "@stencil/core";
 import { PlatformServiceName, } from "@limetech/lime-web-components";
-import { processChatItems } from "./processChatItems";
+import { processChatItems, } from "./process-chat-items";
 /**
  * Chat list
  * This component displays a list of chat items, and groups them by date.
@@ -50,9 +50,10 @@ export class ChatList {
         this.handleItemsChange();
     }
     render() {
-        return (h(Host, { key: '7b7df58ebe16c77e0157f7f4e8727bc4c8e7babd', class: {
-                'is-empty': !this.items.length && !this.isTypingIndicatorVisible,
-            }, "aria-busy": this.isBusy(), role: "log" }, this.renderSpinner(), h("div", { key: '6405e99a6022133386c6857851802e830a9256df', class: "typing-indicator-height-animation" }, h("div", { key: 'c120e891885f4f75e37121a03f8ee5ac119c0684' }, this.renderTypingIndicator())), this.renderChatItems()));
+        return (h(Host, { key: '3412d92c13b51ad457ec2b070de46cd29372ce0b', class: {
+                'is-empty': this.items.length === 0 &&
+                    !this.isTypingIndicatorVisible,
+            }, "aria-busy": this.isBusy(), role: "log" }, this.renderSpinner(), h("div", { key: '5d87e57a497b5eeae2e2765a1d594aa54222dc0d', class: "typing-indicator-height-animation" }, h("div", { key: '6c430baf03095c83e032cc9c6680d2a897132cb0' }, this.renderTypingIndicator())), this.renderChatItems()));
     }
     renderSpinner() {
         if (!this.loading) {
@@ -69,12 +70,15 @@ export class ChatList {
     renderChatItems() {
         return this.processedItems.map((item) => {
             switch (item.type) {
-                case 'group':
+                case 'group': {
                     return this.renderGroup(item);
-                case 'newItemIndicator':
+                }
+                case 'newItemIndicator': {
                     return this.renderIndicator();
-                default:
+                }
+                default: {
                     return null;
+                }
             }
         });
     }

package/dist/collection/components/chat-list/{processChatItems.js → process-chat-items.js}

@@ -1,11 +1,11 @@
 /**
  * Processes a list of notifications by adding date headers and a "new items" indicator.
  *
- * @param {ChatItem[]} items - The list of notification items to process. These items must be pre-sorted by their `timestamp` in descending order.
- * @param {DateTimeFormatter} dateTimeFormatter - A service used to format dates for the date headers.
- * @param {Date | null} lastVisitedTimestamp - The timestamp of the user's last visit. This is used to determine where the "new items" indicator should be placed.
+ * @param items - The list of notification items to process. These items must be pre-sorted by their `timestamp` in descending order.
+ * @param dateTimeFormatter - A service used to format dates for the date headers.
+ * @param lastVisitedTimestamp - The timestamp of the user's last visit. This is used to determine where the "new items" indicator should be placed.
  *
- * @returns {ProcessedItem[]} An array of processed items, including notifications, date headers, and a "new items" indicator if applicable.
+ * @returns An array of processed items, including notifications, date headers, and a "new items" indicator if applicable.
  *
  * @example
  * const processedItems = processNotificationItems(
@@ -44,18 +44,27 @@ export function processChatItems(items, dateTimeFormatter, lastVisitedTimestamp)
     return finalContext.processedItems;
 }
 function createPipeline(initialContext, processors) {
+    // eslint-disable-next-line unicorn/no-array-reduce
     return processors.reduce((context, processor) => processor(context), initialContext);
 }
+/**
+ *
+ * @param context
+ */
 export function insertNotifications(context) {
-    context.items.forEach((item) => {
+    for (const item of context.items) {
         context.processedItems.push({ type: 'chat', item: item });
-    });
+    }
     return context;
 }
+/**
+ *
+ * @param context
+ */
 export function insertNewItemIndicator(context) {
     const processedWithIndicator = [];
     let newItemIndicatorInserted = context.newItemIndicatorInserted;
-    context.processedItems.forEach((item) => {
+    for (const item of context.processedItems) {
         if (item.type === 'chat' &&
             context.lastVisitedTimestamp &&
             !newItemIndicatorInserted &&
@@ -67,11 +76,16 @@ export function insertNewItemIndicator(context) {
         }
         // Push the current item to the new array
         processedWithIndicator.push(item);
-    });
+    }
     context.processedItems = processedWithIndicator;
     context.newItemIndicatorInserted = newItemIndicatorInserted;
     return context;
 }
+/**
+ *
+ * @param context
+ */
+// eslint-disable-next-line sonarjs/cognitive-complexity
 export function insertDateGroups(context) {
     const newProcessedItems = [];
     let currentGroup = null;

package/dist/collection/components/component-command-picker/component-config/component-config.js

@@ -102,7 +102,9 @@ export class ComponentConfig {
     }
     renderConfigComponent() {
         var _a, _b;
-        return (h(LimeWebComponentTemplate, { class: "config-component", platform: this.platform, context: this.context, name: (_a = this.configComponent) === null || _a === void 0 ? void 0 : _a.name, props: Object.assign(Object.assign({}, (_b = this.configComponent) === null || _b === void 0 ? void 0 : _b.props), { value: this.value, required: this.required, readonly: this.readonly, disabled: this.disabled, label: this.label, helperText: this.helperText, formInfo: this.formInfo }) }));
+        return (h(LimeWebComponentTemplate, { class: "config-component", platform: this.platform, context: this.context,
+            // eslint-disable-next-line @typescript-eslint/no-non-null-asserted-optional-chain
+            name: (_a = this.configComponent) === null || _a === void 0 ? void 0 : _a.name, props: Object.assign(Object.assign({}, (_b = this.configComponent) === null || _b === void 0 ? void 0 : _b.props), { value: this.value, required: this.required, readonly: this.readonly, disabled: this.disabled, label: this.label, helperText: this.helperText, formInfo: this.formInfo }) }));
     }
     getNameField() {
         if (this.nameField) {

package/dist/collection/components/date-picker/to-server-date.js

@@ -6,9 +6,9 @@
  * input: 2020-01-01T00:00:00+02:00
  * output: 2020-01-01T00:00:00Z
  *
- * @param {Date} changedDate The date to convert
- * @param {DateType} type The type of date
- * @returns {Date} The converted date
+ * @param changedDate The date to convert
+ * @param type The type of date
+ * @returns The converted date
  */
 export function toServerDate(changedDate, type) {
     if (type === 'datetime' || type === 'time') {

package/dist/collection/components/feed/feed-item/feed-timeline-item.css

@@ -181,7 +181,7 @@ limel-action-bar {
   all: unset;
   transition: color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);
   cursor: pointer;
-  color: var(--mdc-theme-on-surface);
+  color: var(--limel-theme-on-surface-color);
   background-color: var(--lime-elevated-surface-background-color);
   box-shadow: var(--button-shadow-normal);
   z-index: 1;
@@ -202,7 +202,7 @@ limel-action-bar {
 }
 #show-more-button:hover {
   transform: translate3d(0, -0.04rem, 0);
-  color: var(--mdc-theme-on-surface);
+  color: var(--limel-theme-on-surface-color);
   background-color: var(--lime-elevated-surface-background-color);
   box-shadow: var(--button-shadow-hovered);
 }
@@ -489,7 +489,7 @@ button.collapse-heading {
   all: unset;
   transition: color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);
   cursor: pointer;
-  color: var(--mdc-theme-on-surface);
+  color: var(--limel-theme-on-surface-color);
   background-color: var(--lime-elevated-surface-background-color);
   box-shadow: var(--button-shadow-normal);
   flex-shrink: 0;
@@ -504,7 +504,7 @@ button.collapse-heading:hover, button.collapse-heading:focus, button.collapse-he
 }
 button.collapse-heading:hover {
   transform: translate3d(0, -0.04rem, 0);
-  color: var(--mdc-theme-on-surface);
+  color: var(--limel-theme-on-surface-color);
   background-color: var(--lime-elevated-surface-background-color);
   box-shadow: var(--button-shadow-hovered);
 }

package/dist/collection/components/feed/feed-item/feed-timeline-item.js

@@ -54,7 +54,6 @@ export class FeedTimelineItem {
                 return;
             }
             const height = entries[0].contentRect.height;
-            // eslint-disable-next-line no-magic-numbers
             const maxHeight = this.isThreadMessage ? 48 : 160;
             this.isTall = height > maxHeight ? true : false;
             if (this.bodyTextHeight === undefined) {
@@ -179,7 +178,7 @@ export class FeedTimelineItem {
     render() {
         var _a, _b;
         const helperTextId = `helper-text-${this.item.id}`;
-        return (h(Host, { key: 'a817d7ace9ed8023eb26d846e5ad6839fe5e94a7', id: this.item.id, class: {
+        return (h(Host, { key: '39bafb2494964473834124c5ccc7eb0931af93a5', id: this.item.id, class: {
                 'has-unpromoted-actions': !!((_a = this.item.unpromotedActions) === null || _a === void 0 ? void 0 : _a.length),
                 'has-author-picture': !!((_b = this.item.author) === null || _b === void 0 ? void 0 : _b.picture),
                 'shows-less': !this.showMore,