@limetech/lime-crm-building-blocks 1.124.0 → 1.126.0

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

@@ -66,7 +66,7 @@ export class DatePicker {
         if (this.value) {
             this.shouldEmitValueAsString = typeof this.value === 'string';
         }
-        return (h("limel-date-picker", { key: '3db884d7d5ceec1790e7de8a785a0e95aa07acd9', disabled: this.disabled, readonly: this.readonly, invalid: this.invalid, label: this.label, placeholder: this.placeholder, helperText: this.helperText, required: this.required, value: this.parseDateValue(), type: this.type, language: this.language, formatter: this.formatter, onChange: this.handleChange }));
+        return (h("limel-date-picker", { key: '9a27ee751c1928a442651e8473b0c588778dbdc0', disabled: this.disabled, readonly: this.readonly, invalid: this.invalid, label: this.label, placeholder: this.placeholder, helperText: this.helperText, required: this.required, value: this.parseDateValue(), type: this.type, language: this.language, formatter: this.formatter, onChange: this.handleChange }));
     }
     parseDateValue() {
         const value = this.value;

package/dist/collection/components/date-range/date-range.js

@@ -33,7 +33,7 @@ export class DateRange {
         this.originalEndTime = this.endTime;
     }
     render() {
-        return (h("div", { key: '8ec8bce475f1f8ad5a0854df78c69d8922f2d400', class: "date-pickers" }, this.renderStartDatePicker(), this.renderEndDatePicker()));
+        return (h("div", { key: '8dc6bd4fda6f6e713d422bf0f03b10dd7a613c48', class: "date-pickers" }, this.renderStartDatePicker(), this.renderEndDatePicker()));
     }
     renderStartDatePicker() {
         if (!this.originalStartTime) {

package/dist/collection/components/document-chips/document-chips.js

@@ -44,7 +44,7 @@ export class DocumentChips {
         this.revokeAllBlobUrls();
     }
     render() {
-        return (h(Host, { key: '282797c34d7924c4e5e94b7d0f084b13292b592a', role: "list", "aria-label": this.accessibleLabel }, this.files.map((file) => this.renderFile(file))));
+        return (h(Host, { key: 'db1a1db2daeb513826e3fb8e03bc0a1fb223b7f6', role: "list", "aria-label": this.accessibleLabel }, this.files.map((file) => this.renderFile(file))));
     }
     renderFile(file) {
         const isReady = !file.uploadState || file.uploadState === 'done';

package/dist/collection/components/document-picker/document-item/document-item.js

@@ -78,10 +78,10 @@ export class DocumentItemComponent {
     render() {
         const isUnavailable = this.isUnavailable();
         const image = this.getImage();
-        return (h(Host, { key: 'a745e2d12e61e247a13d51d9c4d905cc35e00b14', id: String(this.item.file.id), class: {
+        return (h(Host, { key: '4e7f632c97cd078ee44cc262b3531b87409344fb', id: String(this.item.file.id), class: {
                 'has-image': !!image,
                 'has-error': !!this.item.hasError,
-            }, role: this.type === 'radio' ? 'radio' : 'checkbox', "aria-checked": this.item.selected ? 'true' : 'false', "aria-disabled": isUnavailable ? 'true' : 'false', tabIndex: isUnavailable ? -1 : 0 }, h("limel-card", { key: '57714e0fd05df08c658b82acd49503bf69f48711', image: image, clickable: isUnavailable ? false : true, onClick: this.handleDocumentItemClick, onKeyDown: this.handleKeyDown }, h("div", { key: '7bbead5bebb4e05f23609f5a349165a2346c7332', slot: "component" }, this.renderFileSize(), this.renderBooleanInput())), this.renderHelp()));
+            }, role: this.type === 'radio' ? 'radio' : 'checkbox', "aria-checked": this.item.selected ? 'true' : 'false', "aria-disabled": isUnavailable ? 'true' : 'false', tabIndex: isUnavailable ? -1 : 0 }, h("limel-card", { key: 'b560d107ba3bfee84158b2867fb594eb698072c3', image: image, clickable: isUnavailable ? false : true, onClick: this.handleDocumentItemClick, onKeyDown: this.handleKeyDown }, h("div", { key: '798a25ef8ef4ca1470a91afaaf2fc3e975473368', slot: "component" }, this.renderFileSize(), this.renderBooleanInput())), this.renderHelp()));
     }
     renderBooleanInput() {
         const id = this.getControlId();

package/dist/collection/components/document-picker/document-picker.js

@@ -76,7 +76,7 @@ export class DocumentPicker {
         this.labelId = createRandomString();
     }
     render() {
-        return (h(Host, { key: '143f5d2e479841d48b2e130984a16429da79a2cc' }, h("limel-notched-outline", { key: 'e4364c5b72f9b8941d084df55b80630eefa597dc', labelId: this.labelId, label: this.label, required: this.required, invalid: this.invalid, hasFloatingLabel: true }, h("limel-masonry-layout", { key: 'd0d4a1cf584b930a7160c846f27ebd00e632fc81', slot: "content", role: this.type === 'radio' ? 'radiogroup' : 'group', "aria-labelledby": this.label ? this.labelId : undefined, "aria-describedby": this.helperText ? this.helperTextId : undefined }, this.renderItems())), this.renderHelperLine()));
+        return (h(Host, { key: 'cf8c1618a2d98a0278e16a634df162b9e0e7cb3e' }, h("limel-notched-outline", { key: '07e5f29db31eb7fc89b915e311bba3c2c6e2826a', labelId: this.labelId, label: this.label, required: this.required, invalid: this.invalid, hasFloatingLabel: true }, h("limel-masonry-layout", { key: '65a36951d5ffa6e23ee90fc98e2bac82ba26e6ed', slot: "content", role: this.type === 'radio' ? 'radiogroup' : 'group', "aria-labelledby": this.label ? this.labelId : undefined, "aria-describedby": this.helperText ? this.helperTextId : undefined }, this.renderItems())), this.renderHelperLine()));
     }
     renderItems() {
         return this.items.map((item) => (h("limebb-document-item", { platform: this.platform, context: this.context, item: item, key: item.file.id, type: this.type, onInteract: this.handleItemInteract })));

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

@@ -205,7 +205,7 @@ export class FeedTimelineItem {
     render() {
         var _a, _b;
         const helperTextId = `helper-text-${this.item.id}`;
-        return (h(Host, { key: '50bd6bfad6a968a43bd997a404a7021f5db10329', id: this.item.id, class: {
+        return (h(Host, { key: 'ddc74b89e09e4bd56f2ce64ef2f9ddca011b7acb', 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,

package/dist/collection/components/feed/feed-item-thumbnail-file-info/feed-item-thumbnail-file-info.js

@@ -8,7 +8,7 @@ import { h } from "@stencil/core";
  */
 export class FeedItemThumbnailFileInfo {
     render() {
-        return h("span", { key: '831a5c651f919a6edd055ff037785777753f7415' }, this.description);
+        return h("span", { key: '0205a9ad6caeae2ec0f8380da61b193b16c2cf76' }, this.description);
     }
     static get is() { return "limebb-feed-item-thumbnail-file-info"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/feed/feed.js

@@ -103,7 +103,7 @@ export class Feed {
         this.highlighter.unregisterFeed(this.feedItemElement);
     }
     render() {
-        return (h(Host, { key: '162bf1dfa936d21e6c5e1e29bdce86905f7c07f4', role: "log", "aria-busy": this.loading ? 'true' : 'false', style: {
+        return (h(Host, { key: '5d1c5d6ff9949229a0bafbdb060a0bc386a8eb03', role: "log", "aria-busy": this.loading ? 'true' : 'false', style: {
                 '--limebb-feed-highlight-duration': `${ITEM_HIGHLIGHT_DURATION}ms`,
             } }, this.renderLoadMore(), this.renderEmptyFeedMessage(), this.renderSpinner(), this.renderFeedItems()));
     }

package/dist/collection/components/icon-picker/icon-picker.js

@@ -35,7 +35,7 @@ export class IconPicker {
                 icon: this.value,
             };
         }
-        return (h("limel-picker", { key: 'ed0d6f7aac53b8e60da366b75d589af54c3005e9', label: this.label, helperText: this.helperText, disabled: this.disabled, readonly: this.readonly, invalid: this.invalid, required: this.required, value: value, searcher: this.search, onChange: this.handleChange, badgeIcons: false, leadingIcon: "search", searchLabel: "Start typing to find the right icon" }));
+        return (h("limel-picker", { key: '5fe87f699b12aaa523a1823e287736a6ca3b5379', label: this.label, helperText: this.helperText, disabled: this.disabled, readonly: this.readonly, invalid: this.invalid, required: this.required, value: value, searcher: this.search, onChange: this.handleChange, badgeIcons: false, leadingIcon: "search", searchLabel: "Start typing to find the right icon" }));
     }
     static get is() { return "limebb-icon-picker"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/info-tile/format/config/info-tile-format.js

@@ -92,7 +92,7 @@ export class InfoTileAdminConfig {
             },
         ];
         return [
-            h("limel-button-group", { key: '24b69334ff39b4e3970aa30e53cc68b906332a30', value: buttons.filter(this.isValidButton), onChange: this.handleChangeType }),
+            h("limel-button-group", { key: '142f19b2441e11b3d1ad151edb9603f7656e10be', value: buttons.filter(this.isValidButton), onChange: this.handleChangeType }),
             this.renderFormatConfig(),
         ];
     }

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

@@ -103,7 +103,7 @@ export class InfoTile {
         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: '18b91b655676fada2ac55445a46613d994932a75', class: { error: !filter || this.error } }, props)));
+        return (h("limel-info-tile", Object.assign({ key: 'd96335bf647a10a786c7294da2ede4b6bd4ee38f', class: { error: !filter || this.error } }, props)));
     }
     getFormattedValue() {
         if (!this.value && this.value !== 0) {

package/dist/collection/components/kanban/kanban-group/kanban-group.js

@@ -27,7 +27,7 @@ export class KanbanGroup {
         };
     }
     render() {
-        return (h(Host, { key: 'f0be3a991c1e6383895523f846363cdadbfe2ae9' }, this.renderHelp(), this.renderGroupHeading(), this.renderGroupSummary(), this.renderItems()));
+        return (h(Host, { key: '7c08e70a3e4ea0641b3e556098ccaff818bf11c3' }, this.renderHelp(), this.renderGroupHeading(), this.renderGroupSummary(), this.renderItems()));
     }
     renderGroupSummary() {
         if (!this.summary || !this.totalCount) {

package/dist/collection/components/kanban/kanban-item/kanban-item.js

@@ -55,7 +55,7 @@ export class KanbanItemComponent {
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: 'd74307473fc2fa7301c9da20e6ce026b86c3d6d1', id: this.item.id.toString(), class: {
+        return (h(Host, { key: '0d3c75642c2ea8ec42e475ef7a5e206f408eb446', id: this.item.id.toString(), class: {
                 'has-unpromoted-actions': !!((_a = this.item.unpromotedActions) === null || _a === void 0 ? void 0 : _a.length),
                 'is-selected': !!((_b = this.item) === null || _b === void 0 ? void 0 : _b.selected),
             }, style: {

package/dist/collection/components/lime-query-builder/expressions/lime-query-filter-comparison.js

@@ -122,7 +122,7 @@ export class LimeQueryFilterComparisonComponent {
         };
     }
     render() {
-        return (h(Host, { key: '3c0ce4280b45c19522a5e159bfe41e9866737d5a' }, this.renderHeader(), h("div", { key: '6e4afb9968ed2974ec35ce831c474ffc0f5448aa', class: "expression-container" }, this.renderPropertySelector(), this.renderOperator(), this.renderValueInput(), h("limel-icon-button", { key: '0d0d87b9dee114c311958049015e493578ecc3e4', class: "remove", icon: "trash", label: "Remove condition", onClick: this.removeExpression }))));
+        return (h(Host, { key: '29ddf92b2e83eafe695faeb9a4ce6b8d29aa973e' }, this.renderHeader(), h("div", { key: '258f8aeee98a2435d324a1e5b816f111188cf3cc', class: "expression-container" }, this.renderPropertySelector(), this.renderOperator(), this.renderValueInput(), h("limel-icon-button", { key: 'c9e4cf456908fb82507e2599af631691e96ab8e4', class: "remove", icon: "trash", label: "Remove condition", onClick: this.removeExpression }))));
     }
     renderHeader() {
         if (!this.label) {

package/dist/collection/components/lime-query-builder/expressions/lime-query-filter-group.js

@@ -72,9 +72,9 @@ export class LimeQueryFilterGroupComponent {
                 (this.expression.op === Operator.AND ? 'and' : 'or')) || this.options[0];
     }
     render() {
-        return (h(Host, { key: 'b6fa2e2e21d68867587e42b9247df54495c64a86', style: {
+        return (h(Host, { key: '4b1647c741b78253b4ce4ed1bd347800da394563', style: {
                 '--limebb-lime-query-filter-group-operator': `"${this.expression.op === Operator.AND ? 'AND' : 'OR'}"`,
-            } }, h("div", { key: '2d02f59f34a6bcd52f24dc942eb55ca8405ae744', class: "expression" }, this.renderHeader(), h("ul", { key: '8fba5156c7e8573aaee21932640112d04d7890cf' }, this.expression.exp.map(this.renderChildExpression), this.renderAddButton()), this.renderAddGroupButton())));
+            } }, h("div", { key: '47fd3000275e17ef70d86af5e6abcb492806ffba', class: "expression" }, this.renderHeader(), h("ul", { key: '224249a4b305eb2b20c1aedad98d2c3191d47e83' }, this.expression.exp.map(this.renderChildExpression), this.renderAddButton()), this.renderAddGroupButton())));
     }
     renderHeader() {
         const subheading = this.getSubheading();

package/dist/collection/components/lime-query-builder/expressions/lime-query-filter-not.js

@@ -35,7 +35,7 @@ export class LimeQueryFilterNotComponent {
         };
     }
     render() {
-        return (h("div", { key: '540260cd3203c932bb630f7a714447d574c371c6', class: "expression" }, this.label && h("limel-header", { key: '32eb4b638008d7409c017627c556944d85d5db33', heading: this.label }), h("limebb-lime-query-filter-expression", { key: 'e547fef08281f285baa1868a7942f3c7db1cf87f', platform: this.platform, context: this.context, label: "Not", limetype: this.limetype, activeLimetype: this.activeLimetype, expression: this.expression.exp, onExpressionChange: this.handleExpressionChange })));
+        return (h("div", { key: '16246e10be820ad18713cb097146040d30e242bf', class: "expression" }, this.label && h("limel-header", { key: '539d60a4567727282463dec2a90e06a3630501aa', heading: this.label }), h("limebb-lime-query-filter-expression", { key: '67f892704ea3e5a061acdcb8f3ffe22271971569', platform: this.platform, context: this.context, label: "Not", limetype: this.limetype, activeLimetype: this.activeLimetype, expression: this.expression.exp, onExpressionChange: this.handleExpressionChange })));
     }
     static get is() { return "limebb-lime-query-filter-not"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/lime-query-builder/lime-query-builder.js

@@ -172,7 +172,7 @@ export class LimeQueryBuilder {
         }
     }
     render() {
-        return (h(Host, { key: '2ee09dd23db195ddf96976ac90be2eca54d69dcd' }, this.renderHeader(), this.renderContent()));
+        return (h(Host, { key: '9a121529165f1691e32b2b156b128977c5b5ba3a' }, this.renderHeader(), this.renderContent()));
     }
     renderContent() {
         const visualModeSupported = this.checkVisualModeSupport();

package/dist/collection/components/lime-query-builder/lime-query-response-format-builder.js

@@ -154,7 +154,7 @@ export class LimeQueryResponseFormatBuilder {
     }
     render() {
         const visualModeSupported = this.checkVisualModeSupport();
-        return (h("div", { key: 'b8e26a16b474899d16e6de4af13591c439322ded', class: "response-format-builder" }, this.label && h("h1", { key: 'f41fe478ab2b61c54d0efba71e43daaff0bf9a93', class: "builder-label" }, this.label), this.helperText && (h("p", { key: '8fa7526cc578203fa3ed1da8dbcf75b56999fc9c', class: "builder-helper-text" }, this.helperText)), this.visualModeEnabled && (h("div", { key: '0a41715db4bd37e4b42b26c9d7bc455d2805e10e', class: "mode-controls" }, this.renderModeSwitch(visualModeSupported))), !this.visualModeEnabled || this.mode === 'code' ? (h("div", { class: "code-mode" }, this.renderCodeEditor(visualModeSupported))) : (h("div", { class: "visual-mode" }, this.renderVisualMode()))));
+        return (h("div", { key: '65a41f46fe1088f0d52be0337c427177a1aa1a44', class: "response-format-builder" }, this.label && h("h1", { key: '5a75e321aee3ff6753baccbd72d17c5377f28d28', class: "builder-label" }, this.label), this.helperText && (h("p", { key: 'e13518253b52ff8f847575b4465dc2295c7452f0', class: "builder-helper-text" }, this.helperText)), this.visualModeEnabled && (h("div", { key: '2122357f51fd2185d1b544381eb2199de5b1f56c', class: "mode-controls" }, this.renderModeSwitch(visualModeSupported))), !this.visualModeEnabled || this.mode === 'code' ? (h("div", { class: "code-mode" }, this.renderCodeEditor(visualModeSupported))) : (h("div", { class: "visual-mode" }, this.renderVisualMode()))));
     }
     renderModeSwitch(support) {
         const visualDisabled = !support.visualModeSupported;

package/dist/collection/components/lime-query-builder/limetype-field/limetype-field.js

@@ -78,7 +78,7 @@ export class LimetypeField {
             value: '',
         };
         options.unshift(emptyOption);
-        return (h("limel-select", { key: '9cf0a7da434e9bf8544efaa800aebf68b954aaf7', label: this.label, options: options, value: selectedOption, required: this.required, helperText: this.helperText, invalid: invalid, disabled: this.disabled || this.readonly, onChange: this.handleChange }));
+        return (h("limel-select", { key: '20a7d5eb86c746d11ad805083be5ef9f5fd2397d', label: this.label, options: options, value: selectedOption, required: this.required, helperText: this.helperText, invalid: invalid, disabled: this.disabled || this.readonly, onChange: this.handleChange }));
     }
     componentWillRender() {
         this.updatePropertyFields(this.value || '');

package/dist/collection/components/lime-query-builder/order-by/order-by-editor.js

@@ -69,7 +69,7 @@ export class OrderByEditor {
         }
     }
     render() {
-        return (h(Host, { key: 'cf785ed849307475b1fb4640d643d7047abb6abb' }, this.renderEmptyState(), this.renderOrderByEditor()));
+        return (h(Host, { key: '6ef5ee3cf7b67cc0f821272f9d552eab48b60065' }, this.renderEmptyState(), this.renderOrderByEditor()));
     }
     renderEmptyState() {
         if (this.limetype) {

package/dist/collection/components/lime-query-builder/order-by/order-by-item.js

@@ -38,9 +38,9 @@ export class OrderByItemComponent {
     render() {
         const propertyPath = Object.keys(this.item)[0] || '';
         const direction = this.item[propertyPath] || 'ASC';
-        return (h(Host, { key: 'aa4d8e8a6a54b1dcadf70c8ad6e17663a9ecec3b' }, h("limebb-property-selector", { key: 'fcb0ec785a67ac2ddee8da58e72ddd74467dcf9a', platform: this.platform, context: this.context, limetype: this.limetype, label: "Property", value: propertyPath, required: true, onChange: this.handlePathChange }), h("div", { key: 'cbf631dca767f8711de1e081fa421126631270c2', class: "control-buttons" }, h("limel-icon-button", { key: '2366bb07e39a77e70f38e32aab606807fa341633', icon: direction === 'ASC'
+        return (h(Host, { key: 'f8b1d7505feec325eae8668672afe3768a4892aa' }, h("limebb-property-selector", { key: '03f71edd8692c6a46612f87a9df21aabd2bf71eb', platform: this.platform, context: this.context, limetype: this.limetype, label: "Property", value: propertyPath, required: true, onChange: this.handlePathChange }), h("div", { key: 'a1a6db7060f8dc862d7acfb5750861293e2411d3', class: "control-buttons" }, h("limel-icon-button", { key: '76703911899c38d71f116dc8256d00cb7c937971', icon: direction === 'ASC'
                 ? 'sort_ascending'
-                : 'sort_descending', label: direction === 'ASC' ? 'Ascending' : 'Descending', onClick: this.handleToggleDirection }), h("limel-icon-button", { key: 'b30da75bc8dc89e8f3d393181128171e337cd354', icon: "trash", label: "Remove", onClick: this.handleRemove }))));
+                : 'sort_descending', label: direction === 'ASC' ? 'Ascending' : 'Descending', onClick: this.handleToggleDirection }), h("limel-icon-button", { key: '91a3370d5c6151370b96e7b67d59f226ad526f21', icon: "trash", label: "Remove", onClick: this.handleRemove }))));
     }
     static get is() { return "limebb-lime-query-order-by-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/lime-query-builder/response-format/response-format-item.js

@@ -66,7 +66,7 @@ export class ResponseFormatItem {
     }
     render() {
         return [
-            h("div", { key: '7f5cba0456d7cf8a6fe8b9ab2769ac2073694c5d', class: "property-controls" }, h("div", { key: 'e4d1deb9133ef4b1d0d14e8c70901f347a803567', class: "property-path" }, h("limebb-property-selector", { key: '709847093e0c35e6197a405c894479bcb8b2ff06', platform: this.platform, context: this.context, limetype: this.limetype, label: "Property", value: this.item.path, required: true, onChange: this.handlePathChange }), h("div", { key: '49eb63067967233552ca377438bf7853b42edc2d', class: "input-grid" }, this.renderAliasInput()), h("div", { key: '3bf00dcf8dcd8e701aa819f6957d5e490cbb6548', class: "input-grid" }, this.renderDescriptionInput()), h("div", { key: 'c77f7d771098b394ea0c80252fe3894d05b0d015', class: "button-group" }, this.renderAliasButton(), this.renderDescriptionButton())), h("limel-icon-button", { key: '6f53a60d973649ea00157eff200fa91fa9258425', icon: "trash", label: "Remove property", onClick: this.handleRemove })),
+            h("div", { key: '1fc4a0dbdaa2b362e56a53a82483ca3afe21f6bf', class: "property-controls" }, h("div", { key: '5269250030c559943d4f610734d1ac490a8355ad', class: "property-path" }, h("limebb-property-selector", { key: '2602b66035849922fc413cbc0c82b8163a928ecd', platform: this.platform, context: this.context, limetype: this.limetype, label: "Property", value: this.item.path, required: true, onChange: this.handlePathChange }), h("div", { key: '4974a2c7ff30c527b0328d0fbed3b8bac519fdcd', class: "input-grid" }, this.renderAliasInput()), h("div", { key: 'fb058b3a5d5599c387b852e409bd5ac8e8afbc30', class: "input-grid" }, this.renderDescriptionInput()), h("div", { key: '97a5e7e2ed68fdbac160bdd60498541f3a16371d', class: "button-group" }, this.renderAliasButton(), this.renderDescriptionButton())), h("limel-icon-button", { key: '42ab29e5e8e5fc08e90bc4afe6c6d504e434d33e', icon: "trash", label: "Remove property", onClick: this.handleRemove })),
         ];
     }
     renderAliasButton() {

package/dist/collection/components/limeobject/file-viewer/live-docs-info.js

@@ -5,8 +5,8 @@ import { h } from "@stencil/core";
 export class LiveDocsInfo {
     render() {
         return [
-            h("div", { key: '05645c71de622ff672d22091cda6f0d3818cc165', class: "header" }, h("limel-icon", { key: '2350c63351cb5e97479141c247d8a8a1f7d51ef0', name: "not_showing_video_frames" }), h("h2", { key: '7bfac63856143b787d489f9c2ec73bc5931d16e4' }, "Viewing this file type requires ", h("em", { key: 'ef4778cb7163773526500b34f39932d3bb17e483' }, "Live Docs"))),
-            h("p", { key: '24874f2cc49f0cf3bd71075378835be0bcbc54ee' }, h("em", { key: '749b4b3bee40ac57b2f2367c3b92d0724d96f99b' }, "Live Docs"), " not only enables you to view many file formats such as Microsoft Office documents, but it also empowers you to edit them right in the CRM. No need to download anything on your device!", h("a", { key: 'e6c48db6f409e43adc52c4cee21a783ec998cc55', target: "_blank", href: "https://www.lime-technologies.com/en/lime-crm/live-docs/" }, "Learn more")),
+            h("div", { key: 'ace2c3e78a926a405e6bb9a15db259953820ca1a', class: "header" }, h("limel-icon", { key: 'd1d94917a24d4b066ee2a389082a48c3b3ab29af', name: "not_showing_video_frames" }), h("h2", { key: '3d164cdece408fef99df8a0c18b03a33118f6737' }, "Viewing this file type requires ", h("em", { key: '3f46b83b55eb9474df36b18c71cd02a12696a41f' }, "Live Docs"))),
+            h("p", { key: 'e691f783583a0a3d421a033087accf825981e935' }, h("em", { key: '9bd0d29362de47d35cdc1e765c85dfd2c459b5d6' }, "Live Docs"), " not only enables you to view many file formats such as Microsoft Office documents, but it also empowers you to edit them right in the CRM. No need to download anything on your device!", h("a", { key: 'e4a575a382890c7c52e78dd363e695f2b97b9a9f', target: "_blank", href: "https://www.lime-technologies.com/en/lime-crm/live-docs/" }, "Learn more")),
         ];
     }
     static get is() { return "limebb-live-docs-info"; }

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

@@ -53,7 +53,7 @@ export class LocalePicker {
             const value = this.value;
             selectedOptions = options.find((option) => option.value === value);
         }
-        return (h("limel-select", { key: '323ac681ac69b7d80f3ace86faa6a6e9a98d3c65', value: selectedOptions, options: sortBy(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: 'b5aad60b10237826f58f096a343beb7fcbfe2b9b', value: selectedOptions, options: sortBy(options, 'text'), helperText: this.helperText, label: this.label, required: this.required, disabled: this.disabled, readonly: this.readonly, onChange: this.handleChange, multiple: this.multipleChoice }));
     }
     static get is() { return "limebb-locale-picker"; }
     static get encapsulation() { return "shadow"; }

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

@@ -56,7 +56,7 @@ export class NotificationListItem {
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: '9b33803eef74b64893cad1e576baa8fe210ad7e8', id: this.item.id, class: {
+        return (h(Host, { key: '951b650d804bfe49133743bc461e344d9dd0324b', id: this.item.id, class: {
                 'is-clickable': this.isItemClickable(),
                 'is-read': !!((_a = this.item) === null || _a === void 0 ? void 0 : _a.read),
                 'is-selected': !!((_b = this.item) === null || _b === void 0 ? void 0 : _b.selected),

package/dist/collection/components/percentage-visualizer/percentage-visualizer.js

@@ -108,11 +108,11 @@ export class PercentageVisualizer {
     render() {
         const normalizedValue = this.getNormalizedValue();
         const zeroPoint = this.getZeroPointPosition();
-        return (h(Host, { key: '273a59fdc06febe51c9b5d21ccdc34df282f53b9', class: this.getContainerClassList(), style: {
+        return (h(Host, { key: 'c57fbde9785115a91c28db17ccebee42a335a80f', 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: 'c5e54438b9cafede2594bc7173afc7dbc7121af7', 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: 'd4ef8b3722cbe1506eaadc45eeb85c37e92197b6', slot: "content" }, this.renderVisualization())), this.renderHelperLine()));
+            } }, h("limel-notched-outline", { key: '27d6dada52041ce9ebec9d987bae303afacfff89', 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: '2afd6d0ff95eace6fac444fd3e2732d22ab97728', slot: "content" }, this.renderVisualization())), this.renderHelperLine()));
     }
     renderVisualization() {
         if (this.reducePresence && (this.numValue === 0 || !this.hasValue())) {

package/dist/collection/components/rule-editor/chip-picker-view.js

@@ -0,0 +1,141 @@
+import { h } from "@stencil/core";
+import { pathsEqual } from "./rule-operations";
+import { createSearcher, resolveItem, } from "./view-helpers";
+const CHIP_TOKEN_PREFIX = '__chip__:';
+function chipTokenFor(index) {
+    return `${CHIP_TOKEN_PREFIX}${index}`;
+}
+// The address of a chip inside a group is the group's path followed
+// by a two-segment suffix `['rules', index]`. Build and parse via
+// these helpers so both sides stay in sync.
+const CHIP_PATH_SUFFIX_LENGTH = 2;
+function buildChipPath(groupPath, index) {
+    return [...groupPath, 'rules', index];
+}
+function parentGroupPath(chipPath) {
+    return chipPath.slice(0, -CHIP_PATH_SUFFIX_LENGTH);
+}
+/**
+ * If `node` is a `ref` or a `not(ref)`, return the underlying ref
+ * together with its negation flag. Used to decide whether a child of a
+ * group renders as a chip (this returns non-null) or as a nested box
+ * (this returns null).
+ * @param node
+ */
+export function extractRef(node) {
+    if (node.type === 'ref') {
+        return { ref: node, isNegated: false };
+    }
+    if (node.type === 'not' && node.rule.type === 'ref') {
+        return { ref: node.rule, isNegated: true };
+    }
+    return null;
+}
+export const GroupChipsView = ({ groupNode, groupPath, chipChildren, ctx }) => {
+    const chipsByToken = new Map();
+    const value = chipChildren.map((entry) => {
+        const token = chipTokenFor(entry.index);
+        chipsByToken.set(token, entry);
+        const base = resolveItem(ctx.primitiveOptions, entry.ref.id);
+        return Object.assign(Object.assign({}, base), { text: entry.isNegated ? `¬ ${base.text}` : base.text, value: token });
+    });
+    const searcher = createSearcher(ctx.primitiveOptions);
+    const openChip = findOpenChip(chipChildren, groupPath, ctx.openChipPath);
+    const delimiter = groupNode.type === 'all' ? '&' : '|';
+    return (h("limel-popover", { class: "rule-node__chips-popover", open: openChip !== null, openDirection: "bottom-start", onClose: ctx.onPopoverClose }, h("div", { slot: "trigger", class: "rule-node__chips" }, h("limel-picker", { multiple: true, label: ctx.translator.get('webclient.rule-editor.rules-label'), value: value, searcher: searcher, delimiter: delimiter, readonly: ctx.readonly, disabled: ctx.disabled, onChange: chipsChangeHandler(groupNode, groupPath, chipsByToken, ctx), onInteract: chipInteractHandler(groupPath, chipsByToken, ctx) })), h("div", null, renderChipPopoverContent(openChip, groupPath, ctx))));
+};
+function renderChipPopoverContent(openChip, groupPath, ctx) {
+    if (!openChip) {
+        return null;
+    }
+    const openChipPath = buildChipPath(groupPath, openChip.index);
+    return (h("limebb-rule-chip-popover", { platform: ctx.platform, context: ctx.context, refNode: openChip.ref, isNegated: openChip.isNegated, metadata: ctx.metadataById.get(openChip.ref.id), readonly: ctx.readonly, disabled: ctx.disabled, isMutable: ctx.isMutable, onNegate: chipNegateHandler(openChip, openChipPath, ctx), onUpdateArgs: chipArgsHandler(openChip, openChipPath, ctx), onDeleteChip: chipDeleteHandler(openChipPath, ctx) }));
+}
+const chipsChangeHandler = (groupNode, groupPath, chipsByToken, ctx) => (event) => {
+    event.stopPropagation();
+    const items = Array.isArray(event.detail) ? event.detail : [];
+    const openIndex = openChipIndexInGroup(groupPath, ctx.openChipPath);
+    if (openIndex !== null) {
+        const openToken = chipTokenFor(openIndex);
+        if (items.every((item) => item.value !== openToken)) {
+            ctx.onPopoverClose();
+        }
+    }
+    const newChipNodes = items.flatMap((item) => {
+        if (typeof item.value !== 'string') {
+            return [];
+        }
+        const existing = chipsByToken.get(item.value);
+        if (existing) {
+            return [
+                existing.isNegated
+                    ? { type: 'not', rule: existing.ref }
+                    : existing.ref,
+            ];
+        }
+        return [{ type: 'ref', id: item.value }];
+    });
+    const nestedGroupRules = groupNode.rules.filter((rule) => extractRef(rule) === null);
+    ctx.onReplaceNode(groupPath, Object.assign(Object.assign({}, groupNode), { rules: [...newChipNodes, ...nestedGroupRules] }));
+};
+const chipInteractHandler = (groupPath, chipsByToken, ctx) => (event) => {
+    event.stopPropagation();
+    const token = interactedToken(event.detail);
+    const chip = token ? chipsByToken.get(token) : undefined;
+    if (!chip) {
+        return;
+    }
+    ctx.onChipInteract([...groupPath, 'rules', chip.index]);
+};
+const chipNegateHandler = (openChip, openChipPath, ctx) => (event) => {
+    event.stopPropagation();
+    const next = event.detail
+        ? { type: 'not', rule: openChip.ref }
+        : openChip.ref;
+    ctx.onReplaceNode(openChipPath, next);
+};
+const chipArgsHandler = (openChip, openChipPath, ctx) => (event) => {
+    event.stopPropagation();
+    const argsPath = openChip.isNegated
+        ? [...openChipPath, 'rule']
+        : openChipPath;
+    ctx.onUpdateArgs(argsPath, event.detail);
+};
+const chipDeleteHandler = (openChipPath, ctx) => () => {
+    ctx.onDelete(openChipPath);
+};
+/**
+ * `limel-picker` declares its `interact` event as
+ * `EventEmitter<ListItem<PickerValue>>` but the runtime actually emits
+ * the chip's value (a string) — see picker.tsx's handleInteract. This
+ * unwraps either shape into the string token.
+ * @param detail
+ */
+function interactedToken(detail) {
+    if (typeof detail === 'string') {
+        return detail;
+    }
+    if (detail && typeof detail === 'object' && 'value' in detail) {
+        const value = detail.value;
+        return typeof value === 'string' ? value : undefined;
+    }
+    return undefined;
+}
+function findOpenChip(chipChildren, groupPath, openChipPath) {
+    var _a;
+    const index = openChipIndexInGroup(groupPath, openChipPath);
+    if (index === null) {
+        return null;
+    }
+    return (_a = chipChildren.find((entry) => entry.index === index)) !== null && _a !== void 0 ? _a : null;
+}
+function openChipIndexInGroup(groupPath, openChipPath) {
+    if (!openChipPath || openChipPath.length < CHIP_PATH_SUFFIX_LENGTH) {
+        return null;
+    }
+    if (!pathsEqual(parentGroupPath(openChipPath), groupPath)) {
+        return null;
+    }
+    const lastKey = openChipPath.at(-1);
+    return typeof lastKey === 'number' ? lastKey : null;
+}

package/dist/collection/components/rule-editor/group-node-view.js

@@ -0,0 +1,79 @@
+import { h } from "@stencil/core";
+import { appendChild, issuesAt, wrapNegated, } from "./rule-operations";
+import { IssuesView, RuleNodeView, } from "./rule-editor-views";
+import { nodeClasses } from "./view-helpers";
+import { extractRef, GroupChipsView } from "./chip-picker-view";
+export const GroupNodeView = ({ node, path, isNegated, ctx }) => {
+    const groupBasePath = isNegated ? [...path, 'rule'] : path;
+    const issuesHere = isNegated
+        ? [
+            ...issuesAt(ctx.issues, path),
+            ...issuesAt(ctx.issues, groupBasePath),
+        ]
+        : issuesAt(ctx.issues, path);
+    const chipChildren = [];
+    const nestedGroups = [];
+    for (const [index, child] of node.rules.entries()) {
+        const extracted = extractRef(child);
+        if (extracted) {
+            chipChildren.push(Object.assign(Object.assign({}, extracted), { index }));
+        }
+        else {
+            nestedGroups.push({ child, index });
+        }
+    }
+    const options = combinatorOptions(ctx);
+    const selectedCombinator = options.find((option) => option.value === node.type);
+    return (h("div", { class: nodeClasses(node.type, issuesHere), key: pathKey(path) }, h("div", { class: "rule-node__header" }, h("limel-select", { class: "rule-node__combinator-select", value: selectedCombinator, options: options, disabled: !ctx.isMutable, onChange: combinatorChangeHandler(node, path, isNegated, ctx) }), renderMutableGroupActions(node, path, isNegated, ctx)), h("div", { class: "rule-node__body" }, h(IssuesView, { issues: issuesHere }), h(GroupChipsView, { groupNode: node, groupPath: groupBasePath, chipChildren: chipChildren, ctx: ctx }), renderNestedGroups(nestedGroups, groupBasePath, ctx), renderAddGroupFooter(node, path, isNegated, ctx))));
+};
+function pathKey(path) {
+    return path.length === 0 ? 'root' : path.join('/');
+}
+function combinatorOptions(ctx) {
+    return [
+        {
+            value: 'all',
+            text: ctx.translator.get('webclient.rule-editor.combinator.all'),
+        },
+        {
+            value: 'any',
+            text: ctx.translator.get('webclient.rule-editor.combinator.any'),
+        },
+    ];
+}
+function renderMutableGroupActions(node, path, isNegated, ctx) {
+    if (!ctx.isMutable) {
+        return null;
+    }
+    return (h("div", { class: "rule-node__header-actions" }, h("limel-switch", { class: "rule-node__negate-switch", label: ctx.translator.get('webclient.rule-editor.negate'), value: isNegated, onChange: negateGroupHandler(node, path, ctx) }), h("limel-icon-button", { icon: "trash", label: ctx.translator.get('webclient.rule-editor.delete'), onClick: () => ctx.onDelete(path) })));
+}
+function renderNestedGroups(nestedGroups, groupBasePath, ctx) {
+    if (nestedGroups.length === 0) {
+        return null;
+    }
+    return (h("div", { class: "rule-node__children" }, nestedGroups.map((entry) => (h(RuleNodeView, { node: entry.child, path: [...groupBasePath, 'rules', entry.index], ctx: ctx })))));
+}
+function renderAddGroupFooter(node, path, isNegated, ctx) {
+    if (!ctx.isMutable) {
+        return null;
+    }
+    return (h("div", { class: "rule-node__footer" }, h("limel-button", { icon: "add", label: ctx.translator.get('webclient.rule-editor.add-nested-group'), onClick: addGroupHandler(node, path, isNegated, ctx) })));
+}
+function replaceGroup(nextGroup, path, isNegated, ctx) {
+    ctx.onReplaceNode(path, wrapNegated(nextGroup, isNegated));
+}
+const combinatorChangeHandler = (node, path, isNegated, ctx) => (event) => {
+    event.stopPropagation();
+    const newType = event.detail.value;
+    if (newType !== node.type) {
+        replaceGroup(Object.assign(Object.assign({}, node), { type: newType }), path, isNegated, ctx);
+    }
+};
+const addGroupHandler = (node, path, isNegated, ctx) => () => {
+    const expanded = appendChild(node, { type: 'all', rules: [] });
+    replaceGroup(expanded, path, isNegated, ctx);
+};
+const negateGroupHandler = (node, path, ctx) => (event) => {
+    event.stopPropagation();
+    ctx.onReplaceNode(path, wrapNegated(node, event.detail));
+};

package/dist/collection/components/rule-editor/rule-chip-popover/rule-chip-popover.css

@@ -0,0 +1,36 @@
+:host {
+  display: block;
+}
+
+.popover {
+  display: flex;
+  flex-direction: column;
+  min-width: 24rem;
+  background-color: rgb(var(--contrast-100));
+  border: 1px solid rgb(var(--contrast-700));
+  border-radius: 0.5rem;
+  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.15);
+  overflow: hidden;
+}
+
+.popover__header {
+  --header-background-color: rgba(var(--contrast-300));
+  padding-right: 0.5rem;
+  gap: 1rem;
+}
+
+.popover__header-actions {
+  display: grid;
+  grid-auto-flow: column;
+  grid-gap: 0.75rem;
+  padding: 0.25rem;
+  align-items: center;
+}
+
+.popover__delete-button {
+  color: rgb(var(--contrast-1100));
+}
+
+.popover__body {
+  padding: 1rem;
+}