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

package/dist/components/limebb-info-tile-format.js

@@ -105,6 +105,7 @@ const InfoTileAdminConfig = /*@__PURE__*/ proxyCustomElement(class InfoTileAdmin
         }
         let type = this.value.type;
         if (this.isNumberFormat(this.value)) {
+            // eslint-disable-next-line @typescript-eslint/no-non-null-asserted-optional-chain
             type = (_b = this.value.options) === null || _b === void 0 ? void 0 : _b.style;
         }
         const ComponentName = `limebb-info-tile-${type}-format`;

package/dist/components/limebb-info-tile-unit-format.js

@@ -61,7 +61,7 @@ const InfoTileAdminConfig = /*@__PURE__*/ proxyCustomElement(class InfoTileAdmin
         this.change = createEvent(this, "change", 7);
         this.getOptionValue = (option) => option.value;
         this.getAffixValue = (options) => {
-            if (!options.length) {
+            if (options.length === 0) {
                 return;
             }
             return options.map((o) => o.value);

package/dist/components/limebb-info-tile.js

@@ -158,28 +158,29 @@ class DateTimeFormatter {
         };
     }
     formatValue(date, format) {
-        var _a, _b;
         const options = Object.assign({}, format.options);
-        (_a = format.prefix) === null || _a === void 0 ? void 0 : _a.forEach((prefix) => {
-            delete options[prefix];
-        });
-        (_b = format.suffix) === null || _b === void 0 ? void 0 : _b.forEach((suffix) => {
-            delete options[suffix];
-        });
+        if (format.prefix)
+            for (const prefix of format.prefix) {
+                delete options[prefix];
+            }
+        if (format.suffix)
+            for (const suffix of format.suffix) {
+                delete options[suffix];
+            }
         const formatter = new Intl.DateTimeFormat(this.locale, options);
         return formatter.format(date);
     }
     formatAffix(affix, date, format) {
         const options = Object.assign({}, format.options);
-        Object.keys(options).forEach((option) => {
+        for (const option of Object.keys(options)) {
             if (option === 'hour12') {
-                return;
+                continue;
             }
             if ((format[affix] || []).includes(option)) {
-                return;
+                continue;
             }
             delete options[option];
-        });
+        }
         if (Object.values(options).filter(Boolean).length === 0) {
             return;
         }
@@ -193,13 +194,13 @@ class NumberFormatter {
         this.locale = locale;
     }
     format(value, format) {
+        var _a, _b;
         const formatter = new Intl.NumberFormat(this.locale, format.options);
         const parts = formatter.formatToParts(value);
         let prefix = '';
         let number = '';
         let suffix = '';
-        parts.forEach((part) => {
-            var _a, _b;
+        for (const part of parts) {
             if ((_a = format.prefix) === null || _a === void 0 ? void 0 : _a.includes(part.type)) {
                 prefix += part.value;
             }
@@ -209,7 +210,7 @@ class NumberFormatter {
             else {
                 number += part.value;
             }
-        });
+        }
         if (!number) {
             number = formatter.format(value);
             prefix = '';
@@ -234,7 +235,7 @@ class RelativeDateFormatter {
         let prefix = '';
         let formattedValue = '';
         let suffix = '';
-        parts.forEach((part) => {
+        for (const part of parts) {
             if (part.type === 'literal' && !formattedValue) {
                 prefix += part.value;
             }
@@ -244,7 +245,7 @@ class RelativeDateFormatter {
             else {
                 formattedValue += part.value;
             }
-        });
+        }
         if (!formattedValue) {
             formattedValue = prefix || suffix;
             prefix = '';
@@ -261,7 +262,6 @@ class RelativeDateFormatter {
         const now = new Date();
         const diffInMs = date.getTime() - now.getTime();
         const times = [
-            /* eslint-disable no-magic-numbers */
             { unit: 'year', value: 1000 * 60 * 60 * 24 * 365 },
             { unit: 'month', value: 1000 * 60 * 60 * 24 * 30 },
             { unit: 'week', value: 1000 * 60 * 60 * 24 * 7 },
@@ -269,7 +269,6 @@ class RelativeDateFormatter {
             { unit: 'hour', value: 1000 * 60 * 60 },
             { unit: 'minute', value: 1000 * 60 },
             { unit: 'second', value: 1000 },
-            /* eslint-enable no-magic-numbers */
         ];
         for (const time of times) {
             const diff = diffInMs / time.value;
@@ -354,7 +353,6 @@ const InfoTile = /*@__PURE__*/ proxyCustomElement(class InfoTile extends HTMLEle
             this.value = await this.loader.load(aggregator, this.context);
         }
         catch (error) {
-            // eslint-disable-next-line no-console
             console.error(error);
             this.error = true;
         }
@@ -363,6 +361,7 @@ const InfoTile = /*@__PURE__*/ proxyCustomElement(class InfoTile extends HTMLEle
     getKey() {
         const RADIX = 36;
         const START = 2;
+        // eslint-disable-next-line sonarjs/pseudo-random
         return Math.random().toString(RADIX).slice(START);
     }
     render() {
@@ -378,7 +377,7 @@ const InfoTile = /*@__PURE__*/ proxyCustomElement(class InfoTile extends HTMLEle
         const errorProps = Object.assign(Object.assign({}, baseProps), { icon: 'error', prefix: 'ERROR', loading: true, label: this.getLabel(filter) });
         const normalProps = Object.assign(Object.assign({}, baseProps), { label: this.getLabel(filter), link: this.getLink(filter), loading: this.loading, value: value === null || value === void 0 ? void 0 : value.value.trim() });
         const props = !filter || this.error ? errorProps : normalProps;
-        return (h("limel-info-tile", Object.assign({ key: '43a5d8a0eb0b877f607c549900593f98e68396ed', class: { error: !filter || this.error } }, props)));
+        return (h("limel-info-tile", Object.assign({ key: '9d8d11498cba43ea63f18f6a6a72148d39966d5c', class: { error: !filter || this.error } }, props)));
     }
     getFormattedValue() {
         if (!this.value && this.value !== 0) {

package/dist/components/limebb-limeobject-file-viewer.js

@@ -94,13 +94,13 @@ const FileViewer = /*@__PURE__*/ proxyCustomElement(class FileViewer extends HTM
         return this.fileTypes
             .filter(this.isLiveDocsType)
             .map((type) => file.getUrl(type))
-            .find((href) => href);
+            .find(Boolean);
     }
     getFileUrl(file) {
         return this.fileTypes
             .filter(negate(this.isLiveDocsType))
             .map((type) => file.getUrl(type))
-            .find((href) => href);
+            .find(Boolean);
     }
     getFile() {
         const property = this.fileProperty;

package/dist/components/limebb-locale-picker.js

@@ -1534,8 +1534,13 @@ var sortBy = baseRest(function(collection, iteratees) {
 
 const sortBy$1 = sortBy;
 
+/**
+ *
+ * @param languageCode
+ * @param sessionLanguage
+ */
 function getLanguageTitle(languageCode, sessionLanguage) {
-    if (!languageCode.length || !sessionLanguage.length) {
+    if (languageCode.length === 0 || sessionLanguage.length === 0) {
         return '';
     }
     languageCode = languageCode === 'en_us' ? 'en-US' : languageCode;
@@ -1548,6 +1553,10 @@ function getLanguageTitle(languageCode, sessionLanguage) {
     languageNameParts[0] = capitalize(languageNameParts[0]);
     return languageNameParts.join(' ');
 }
+/**
+ *
+ * @param http
+ */
 async function getAllLanguages(http) {
     const languages = await http.get('api/v1/admin/settings/languages');
     const result = [];
@@ -1587,7 +1596,6 @@ const LocalePicker = /*@__PURE__*/ proxyCustomElement(class LocalePicker extends
         }
         catch (error) {
             // Throwing an error here will break the entire page, so we just log it instead
-            // eslint-disable-next-line no-console
             console.error(error);
         }
     }
@@ -1602,13 +1610,13 @@ const LocalePicker = /*@__PURE__*/ proxyCustomElement(class LocalePicker extends
         let selectedOptions;
         if (Array.isArray(this.value)) {
             const value = this.value;
-            selectedOptions = options.filter((option) => value.some((val) => option.value === val));
+            selectedOptions = options.filter((option) => value.includes(option.value));
         }
         else {
             const value = this.value;
             selectedOptions = options.find((option) => option.value === value);
         }
-        return (h("limel-select", { key: '085d3f0a20c6deb08ce52c4dadcc543f20cae275', value: selectedOptions, options: sortBy$1(options, 'text'), helperText: this.helperText, label: this.label, required: this.required, disabled: this.disabled, readonly: this.readonly, onChange: this.handleChange, multiple: this.multipleChoice }));
+        return (h("limel-select", { key: 'cc3a266bdce895eee028a3109e4b1918f805adb7', value: selectedOptions, options: sortBy$1(options, 'text'), helperText: this.helperText, label: this.label, required: this.required, disabled: this.disabled, readonly: this.readonly, onChange: this.handleChange, multiple: this.multipleChoice }));
     }
 }, [1, "limebb-locale-picker", {
         "platform": [16],

package/dist/components/limebb-mention.js

@@ -4,10 +4,10 @@ import { c } from './index.esm.js';
 /**
  * Find the closest parent element matching the given predicate
  *
- * @param {HTMLElement} element - the element to check if it matches the given
+ * @param element - the element to check if it matches the given
  * predicate
- * @param {Function} predicate - predicate function
- * @returns {HTMLElement | undefined} the matching element if it is found
+ * @param predicate - predicate function
+ * @returns the matching element if it is found
  */
 function findParentElement(element, predicate) {
     if (predicate(element)) {
@@ -61,7 +61,6 @@ const Mention = /*@__PURE__*/ proxyCustomElement(class Mention extends HTMLEleme
             await repository.loadObject(this.limetype, this.objectid);
         }
         catch (_a) {
-            // eslint-disable-next-line no-console
             console.error('Could not load mentioned object');
         }
         this.limeobject = repository.getObject(this.limetype, this.objectid);

package/dist/components/limebb-notification-list.js

@@ -5,11 +5,11 @@ import { d as defineCustomElement$2 } from './notification-item.js';
 /**
  * Processes a list of notifications by adding date headers and a "new items" indicator.
  *
- * @param {NotificationItem[]} 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(
@@ -48,18 +48,27 @@ function processNotificationItems(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
+ */
 function insertNotifications(context) {
-    context.items.forEach((item) => {
+    for (const item of context.items) {
         context.processedItems.push({ type: 'notification', item: item });
-    });
+    }
     return context;
 }
+/**
+ *
+ * @param context
+ */
 function insertNewItemIndicator(context) {
     const processedWithIndicator = [];
     let newItemIndicatorInserted = context.newItemIndicatorInserted;
-    context.processedItems.forEach((item) => {
+    for (const item of context.processedItems) {
         if (item.type === 'notification' &&
             context.lastVisitedTimestamp &&
             !newItemIndicatorInserted &&
@@ -71,11 +80,16 @@ 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
 function insertDateGroups(context) {
     const newProcessedItems = [];
     let currentGroup = null;
@@ -121,7 +135,7 @@ function insertDateGroups(context) {
     return Object.assign(Object.assign({}, context), { processedItems: newProcessedItems });
 }
 
-const notificationListCss = "@charset \"UTF-8\";:host(limebb-notification-list){--limebb-notification-list-background-color:var(\n      --notification-list-background-color,\n      rgb(var(--contrast-300))\n  );display:flex;flex-direction:column;gap:1rem;max-width:45rem;background-color:var(--limebb-notification-list-background-color);padding:0.5rem}limebb-notification-item:focus{outline:none}limebb-notification-item:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}limebb-notification-item:not(.is-read){--limebb-notification-item-unread-badge-color:rgb(\n      var(--color-red-default)\n  );--limebb-notification-item-unread-badge-scale:1;background-color:rgb(var(--contrast-100)) !important}limebb-notification-item.is-clickable{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);background-color:transparent}limebb-notification-item.is-clickable:hover,limebb-notification-item.is-clickable:focus,limebb-notification-item.is-clickable:focus-visible{will-change:color, background-color, box-shadow, transform}limebb-notification-item.is-clickable:hover{transform:translate3d(0, 0.01rem, 0);color:var(--mdc-theme-on-surface);background-color:var(--lime-elevated-surface-background-color);box-shadow:var(--button-shadow-hovered)}limebb-notification-item.is-clickable:active{--limel-clickable-transform-timing-function:cubic-bezier(\n      0.83,\n      -0.15,\n      0.49,\n      1.16\n  );transform:translate3d(0, 0.05rem, 0);box-shadow:var(--button-shadow-pressed)}limebb-notification-item.is-clickable:hover,limebb-notification-item.is-clickable:active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}limebb-notification-item.is-clickable:hover{border-color:transparent}limebb-notification-item.is-read{border-color:rgb(var(--contrast-600));background-color:rgb(var(--contrast-500))}limebb-notification-item.is-selected{box-shadow:var(--shadow-focused-state)}limebb-notification-item.is-selected:hover{box-shadow:var(--shadow-focused-state), var(--button-shadow-hovered)}limel-spinner{align-self:center;justify-self:center;margin:auto}.date-group{isolation:isolate;display:flex;flex-direction:column;gap:0.5rem}.date-heading{position:sticky;z-index:1;top:0.25rem;display:flex;border-radius:9rem;padding:0.25rem 0.5rem;margin:0;width:fit-content;font-size:0.75rem;line-height:1;color:rgb(var(--contrast-900));backdrop-filter:blur(0.5rem);-webkit-backdrop-filter:blur(0.5rem);transition:color 0.2s ease, border-color 0.4s ease}.date-heading:hover{color:rgb(var(--contrast-1000));border-color:rgb(var(--contrast-500))}.date-heading:hover:before{opacity:1}.date-heading:before{transition:opacity 0.2s ease;content:\"\";position:absolute;z-index:-1;inset:0;opacity:0.6;border-radius:inherit;background-color:var(--limebb-notification-list-background-color)}.new-items-indicator{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:flex-end;margin:0.25rem 0}.new-items-indicator hr{border:none;position:absolute;width:100%;height:1px;background-color:rgb(var(--color-red-lighter))}.new-items-indicator h3{z-index:1;padding:0 0.5rem;border-radius:1rem;margin:0 1rem;font-size:small;line-height:0.75rem;text-transform:lowercase;color:rgb(var(--color-red-default));background-color:var(--limebb-notification-list-background-color)}";
+const notificationListCss = "@charset \"UTF-8\";:host(limebb-notification-list){--limebb-notification-list-background-color:var(\n      --notification-list-background-color,\n      rgb(var(--contrast-300))\n  );display:flex;flex-direction:column;gap:1rem;max-width:45rem;background-color:var(--limebb-notification-list-background-color);padding:0.5rem}limebb-notification-item:focus{outline:none}limebb-notification-item:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}limebb-notification-item:not(.is-read){--limebb-notification-item-unread-badge-color:rgb(\n      var(--color-red-default)\n  );--limebb-notification-item-unread-badge-scale:1;background-color:rgb(var(--contrast-100)) !important}limebb-notification-item.is-clickable{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(--limel-theme-on-surface-color);background-color:transparent}limebb-notification-item.is-clickable:hover,limebb-notification-item.is-clickable:focus,limebb-notification-item.is-clickable:focus-visible{will-change:color, background-color, box-shadow, transform}limebb-notification-item.is-clickable:hover{transform:translate3d(0, 0.01rem, 0);color:var(--limel-theme-on-surface-color);background-color:var(--lime-elevated-surface-background-color);box-shadow:var(--button-shadow-hovered)}limebb-notification-item.is-clickable:active{--limel-clickable-transform-timing-function:cubic-bezier(\n      0.83,\n      -0.15,\n      0.49,\n      1.16\n  );transform:translate3d(0, 0.05rem, 0);box-shadow:var(--button-shadow-pressed)}limebb-notification-item.is-clickable:hover,limebb-notification-item.is-clickable:active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}limebb-notification-item.is-clickable:hover{border-color:transparent}limebb-notification-item.is-read{border-color:rgb(var(--contrast-600));background-color:rgb(var(--contrast-500))}limebb-notification-item.is-selected{box-shadow:var(--shadow-focused-state)}limebb-notification-item.is-selected:hover{box-shadow:var(--shadow-focused-state), var(--button-shadow-hovered)}limel-spinner{align-self:center;justify-self:center;margin:auto}.date-group{isolation:isolate;display:flex;flex-direction:column;gap:0.5rem}.date-heading{position:sticky;z-index:1;top:0.25rem;display:flex;border-radius:9rem;padding:0.25rem 0.5rem;margin:0;width:fit-content;font-size:0.75rem;line-height:1;color:rgb(var(--contrast-900));backdrop-filter:blur(0.5rem);-webkit-backdrop-filter:blur(0.5rem);transition:color 0.2s ease, border-color 0.4s ease}.date-heading:hover{color:rgb(var(--contrast-1000));border-color:rgb(var(--contrast-500))}.date-heading:hover:before{opacity:1}.date-heading:before{transition:opacity 0.2s ease;content:\"\";position:absolute;z-index:-1;inset:0;opacity:0.6;border-radius:inherit;background-color:var(--limebb-notification-list-background-color)}.new-items-indicator{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:flex-end;margin:0.25rem 0}.new-items-indicator hr{border:none;position:absolute;width:100%;height:1px;background-color:rgb(var(--color-red-lighter))}.new-items-indicator h3{z-index:1;padding:0 0.5rem;border-radius:1rem;margin:0 1rem;font-size:small;line-height:0.75rem;text-transform:lowercase;color:rgb(var(--color-red-default));background-color:var(--limebb-notification-list-background-color)}";
 const LimebbNotificationListStyle0 = notificationListCss;
 
 const NotificationList = /*@__PURE__*/ proxyCustomElement(class NotificationList extends HTMLElement {
@@ -161,12 +175,15 @@ const NotificationList = /*@__PURE__*/ proxyCustomElement(class NotificationList
     renderNotificationItems() {
         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/components/limebb-percentage-visualizer.js

@@ -70,18 +70,17 @@ const PercentageVisualizer = /*@__PURE__*/ proxyCustomElement(class PercentageVi
     }
     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 (h(Host, { key: 'c279e1a4d25555af3928cccec63f3ff65c34ca61', class: this.getContainerClassList(), style: {
+        return (h(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'}`,
-            } }, 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 }, h("div", { key: 'c139e8add053c9c559cca82f533e92e7769842ad', slot: "content" }, this.renderVisualization())), this.renderHelperLine()));
+            } }, 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 }, h("div", { key: '7c6dcc138c4bca114d4d83af026c93f8611339b5', slot: "content" }, this.renderVisualization())), this.renderHelperLine()));
     }
     renderVisualization() {
         if (this.reducePresence && (this.numValue === 0 || !this.hasValue())) {
@@ -163,15 +162,15 @@ const PercentageVisualizer = /*@__PURE__*/ proxyCustomElement(class PercentageVi
     }
     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/components/limebb-text-editor.js

@@ -1081,6 +1081,11 @@ const getItemIndex = (direction, currentItemIndex, numberOfItems) => {
     const increment = direction === 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);
@@ -1088,6 +1093,7 @@ function getUpdatedItems(items, highlightedItemIndex) {
     });
 }
 
+/* eslint-disable sonarjs/pseudo-random */
 const createRandomString = () => {
     var _a;
     if (!('crypto' in window) ||
@@ -1101,17 +1107,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;
@@ -1119,8 +1127,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 De(property) && !Me(property);
@@ -1129,9 +1137,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 &&
@@ -1141,21 +1149,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) => {
@@ -1236,9 +1243,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;
@@ -1267,17 +1274,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 = []) {
@@ -1325,7 +1331,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() {
@@ -1360,8 +1366,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;
@@ -1389,8 +1395,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
@@ -1416,8 +1422,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) {
@@ -1428,8 +1434,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;
@@ -1455,7 +1461,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 = /*@__PURE__*/ proxyCustomElement(class LimeBBTextEditor
         };
         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 = /*@__PURE__*/ proxyCustomElement(class LimeBBTextEditor
                 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 = /*@__PURE__*/ proxyCustomElement(class LimeBBTextEditor
                 this.items = items;
             }
             catch (error) {
-                // eslint-disable-next-line no-console
                 console.error('Error searching', error);
             }
             finally {
@@ -1832,7 +1835,7 @@ const LimeBBTextEditor = /*@__PURE__*/ proxyCustomElement(class LimeBBTextEditor
     }
     render() {
         return [
-            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 }),
+            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/components/limebb-trend-indicator.js

@@ -47,7 +47,7 @@ const TrendIndicator = /*@__PURE__*/ proxyCustomElement(class TrendIndicator ext
             return h("span", { class: "no-value" }, "\u2013");
         }
         return [
-            h("div", { class: "icon" }, this.getArrowIcon()),
+            this.getArrowIcon(),
             h("span", null, this.renderGrowthPercentage(), this.renderGrowthAmount()),
         ];
     }
@@ -111,19 +111,19 @@ const TrendIndicator = /*@__PURE__*/ proxyCustomElement(class TrendIndicator ext
         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;
     }
@@ -135,7 +135,7 @@ const TrendIndicator = /*@__PURE__*/ proxyCustomElement(class TrendIndicator ext
         return this.convertToUnicodeMinus(constructedValue);
     }
     getArrowIcon() {
-        return (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, h("line", { fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-miterlimit": "10", x1: "26", y1: "16", x2: "4", y2: "16" }), h("polyline", { fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-miterlimit": "10", points: "18,7.5 26.5,16 18,24.5 " })));
+        return (h("limel-icon", { class: "icon", name: "right", "aria-hidden": "true", role: "presentation" }));
     }
     static get watchers() { return {
         "value": ["valueChanged"]