@limetech/lime-crm-building-blocks 2.1.0 → 2.2.1

package/dist/collection/components/browser/browser.js

@@ -70,8 +70,8 @@ export class Browser {
     }
     render() {
         return [
-            h("limel-input-field", { key: '8133f05dea6faf66bcdeb9621c2aa74b9945af5b', tabIndex: 0, value: this.filter, type: "search", "leading-icon": "search", placeholder: this.translator.get('webclient.global-search-route'), onChange: this.handleChangeFilter, onKeyDown: this.handleKeyDown }),
-            h("limel-list", { key: '586fa8bd9073db49e7c239f6fdd49f42904348ef', items: this.getItems(), type: "selectable", class: {
+            h("limel-input-field", { key: 'e0bfaf51dc8ca8139205db265e9cf4efb9a2bde8', tabIndex: 0, value: this.filter, type: "search", "leading-icon": "search", placeholder: this.translator.get('webclient.global-search-route'), onChange: this.handleChangeFilter, onKeyDown: this.handleKeyDown }),
+            h("limel-list", { key: '1f788aa87ec1cfc0c3b89df0a2bf3298b123d96d', items: this.getItems(), type: "selectable", class: {
                     'has-interactive-items': true,
                     'has-grid-layout': this.layout === 'grid',
                 }, onChange: this.handleChange }),

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

@@ -8,7 +8,7 @@ import { h, Host } from "@stencil/core";
  */
 export class ChatIconListComponent {
     render() {
-        return (h(Host, { key: '8b396a9fe990300692e21c71e0674c412286db68', id: this.item.id }, this.renderLabel(), h("div", { key: '8f1da67a4bb6916a3a76203dee5c2050ac2db1d3', class: "icons" }, this.item.icons.map((icon, index) => this.renderIcon(icon, index)))));
+        return (h(Host, { key: '5f1f10992e05f44d64189dfb622e4294ca325417', id: this.item.id }, this.renderLabel(), h("div", { key: '80f8b801710cb713f019897cac35ea2de1b6384f', class: "icons" }, this.item.icons.map((icon, index) => this.renderIcon(icon, index)))));
     }
     renderLabel() {
         if (!this.item.label) {

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

@@ -64,9 +64,9 @@ export class ChatListItem {
     }
     render() {
         const helperTextId = `helper-text-${this.item.id}`;
-        return (h(Host, { key: '7726b35958522c860513ba9ea7a119a4ee9dfe2d', id: this.item.id, "aria-describedby": this.helperText ? helperTextId : undefined, "aria-live": this.hasError ? 'assertive' : 'off', class: {
+        return (h(Host, { key: '266fdab5632ea239ee1e83042494988b7e8c5e74', id: this.item.id, "aria-describedby": this.helperText ? helperTextId : undefined, "aria-live": this.hasError ? 'assertive' : 'off', class: {
                 [`${this.item.ui}`]: true,
-            } }, h("div", { key: '2092b4d2eb6a4149205fbddae42aa63893ae2c35', class: "bubble-content" }, this.renderIconPicture(), this.renderErrorSign(), h("div", { key: 'b77016da331a327b083c69b3294978b19d34a9ad', class: "item" }, this.renderHeader(), this.renderValue(), h("footer", { key: 'f9cc1d39f1260d060b4ac7dd140efe0d7ec3edd1' }, this.renderHelperText(helperTextId), this.renderTimestamp()))), this.renderPromotedAction()));
+            } }, h("div", { key: 'e0b98384093b368a03a3e7c5533aa285d46ea0f5', class: "bubble-content" }, this.renderIconPicture(), this.renderErrorSign(), h("div", { key: 'be7e3cd8fd41fcea8363996985ed78c1030f6c38', class: "item" }, this.renderHeader(), this.renderValue(), h("footer", { key: '9b746e061d47dd45ea9c2cedd57426ea7e42f67c' }, this.renderHelperText(helperTextId), this.renderTimestamp()))), this.renderPromotedAction()));
     }
     renderErrorSign() {
         if (!this.hasError) {

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

@@ -85,7 +85,7 @@ export class ChatList {
         this.scrollAnchor.afterRender();
     }
     render() {
-        return (h(Host, { key: '2aab7c285dab2438761d90107c573060802863bf', class: {
+        return (h(Host, { key: '18a96922c3f3a501396a174a4ab2b5ecfaebdbd7', class: {
                 'is-empty': this.items.length === 0 &&
                     !this.isTypingIndicatorVisible,
             }, "aria-busy": this.isBusy(), role: "log" }, this.renderSpinner(), this.order === 'newest-on-top' &&

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

@@ -7,7 +7,7 @@ import { h } from "@stencil/core";
  */
 export class TypingIndicator {
     render() {
-        return (h("div", { key: 'c48666cb784c0b43576bd3251d77cd3dae560ec8', class: "typing-ellipsis" }, h("div", { key: '2d68872de3715f87c8c24a26453970272641c723', class: "circle" }), h("div", { key: '698b2fcf02ba1fb85e4b80d17271e6b3d553a29f', class: "circle" }), h("div", { key: 'fd4c63321fd38c4d2c5ec9e0935f910597eb830d', class: "circle" })));
+        return (h("div", { key: 'afc891f3443bdecefb025e3564679bf83d654e9a', class: "typing-ellipsis" }, h("div", { key: 'd886ca24a5c075b2cedc9c2902fd9bfbc995e418', class: "circle" }), h("div", { key: '73133ec43983aa1cdf50e9b505cba45e0c8bde04', class: "circle" }), h("div", { key: '624b5cc3b21336642acf53e6d3b867a60ae34a80', class: "circle" })));
     }
     static get is() { return "limebb-typing-indicator"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/color-palette-picker/color-palette-picker.js

@@ -58,7 +58,7 @@ export class ColorPalettePicker {
         this.optionsById = new Map(this.options.map((option) => [option.value, option]));
     }
     render() {
-        return (h(Host, { key: '33572f264c1c4ce930b2d768303637ac002723a3' }, h("limel-select", { key: '14cecf503884e53a206ee3fdc57ffd0056cace75', label: this.label, helperText: this.helperText, disabled: this.disabled, readonly: this.readonly, invalid: this.invalid, required: this.required, options: this.options, value: this.getSelectedOption(), onChange: this.handleChange })));
+        return (h(Host, { key: 'a5f44d09a862e67f6216bcad7f46eec29ced722a' }, h("limel-select", { key: 'a5cf05f6592bdda711def6ec1a05b56aee2b73c9', label: this.label, helperText: this.helperText, disabled: this.disabled, readonly: this.readonly, invalid: this.invalid, required: this.required, options: this.options, value: this.getSelectedOption(), onChange: this.handleChange })));
     }
     /**
      * Resolve `this.value` against the cached options map. Returns

package/dist/collection/components/color-palette-picker/color-palette-swatches/color-palette-swatches.js

@@ -22,7 +22,7 @@ export class ColorPaletteSwatches {
         this.colors = [];
     }
     render() {
-        return (h(Host, { key: '37c886a976b9cd342aa1d12cfffad8b5639f6f39', "aria-hidden": "true" }, h("ol", { key: '41165c8cfb34050c17ae45d127e7d2326dee12fb' }, this.colors.map((color, index) => (h("li", { key: index, style: { backgroundColor: color } }))))));
+        return (h(Host, { key: '62b7189e13fb67c79e8da299a40b1ec621a2886f', "aria-hidden": "true" }, h("ol", { key: 'ae4bda8db0f631c0a8d7ea42f033c4bb1e37b1da' }, this.colors.map((color, index) => (h("li", { key: index, style: { backgroundColor: color } }))))));
     }
     static get is() { return "limebb-color-palette-swatches"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/composer-toolbar/composer-toolbar.js

@@ -83,8 +83,8 @@ export class ComposerToolbar {
     }
     render() {
         return [
-            h("div", { key: '475b730dee1ec915324640d2dc49e4e5c153b828', class: "actions" }, h("slot", { key: '199c6ffa29f8785d7ce9a25ceddc1d34194a24b7', name: "leading" }), this.renderFileInput(), this.renderTriggerActions(), h("slot", { key: 'f29ce72acf0ece6f92592ca27ade0f2048315ab7', name: "trailing" })),
-            h("slot", { key: 'afcf9f1fdd3b8fbce732eb5026331959290f4ee9', name: "primary-action" }),
+            h("div", { key: '95a495c2289ee07d42b9f2ffd5b9f69634f0c70b', class: "actions" }, h("slot", { key: '3729266b77e939e980734556dc1417e34921b9a9', name: "leading" }), this.renderFileInput(), this.renderTriggerActions(), h("slot", { key: '211edc189658f512049b9e9487007a9e5b580134', name: "trailing" })),
+            h("slot", { key: '5c7e90a4577224f004e45b4f8447b330b6878138', name: "primary-action" }),
         ];
     }
     get translator() {

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

@@ -84,7 +84,7 @@ export class CurrencyPicker {
         };
     }
     render() {
-        return (h("limel-picker", { key: 'ddb6bfa10b864382a7665b684cf9e17d267ec44e', label: this.label || this.defaultLabel, value: this.createListItem(this.value), helperText: this.helperText, onChange: this.handleChange, badgeIcons: false, disabled: this.disabled, required: this.required, readonly: this.readonly, invalid: this.readonly, searcher: this.search }));
+        return (h("limel-picker", { key: 'e1c19958d4a1e01b3e4457df228f3385afc7c2dc', label: this.label || this.defaultLabel, value: this.createListItem(this.value), helperText: this.helperText, onChange: this.handleChange, badgeIcons: false, disabled: this.disabled, required: this.required, readonly: this.readonly, invalid: this.readonly, searcher: this.search }));
     }
     getCurrencyName(code) {
         var _a;

package/dist/collection/components/dashboard-widget/dashboard-widget.js

@@ -17,7 +17,7 @@ export class DashboardComponent {
         };
     }
     render() {
-        return [this.renderHeader(), h("slot", { key: '4497bb532e24e290fa028aa7cfb4aae3b0291e67', name: "content" })];
+        return [this.renderHeader(), h("slot", { key: 'ba53d5b138de483e0e00338af99323ae0985be08', name: "content" })];
     }
     static get is() { return "limebb-dashboard-widget"; }
     static get encapsulation() { return "shadow"; }

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: 'f5ce6d27a29c906bbc64b7c5cfcf519b0f1158e5', 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: 'f7862d367f9cbf03a57d5da9e668daddc782d09f', 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: '853dfd7dcedfcb12b98fe955ca5bca276588a73b', class: "date-pickers" }, this.renderStartDatePicker(), this.renderEndDatePicker()));
+        return (h("div", { key: '164c0dd19a89356dcd9186768033d7974006dcb5', 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: 'fcf23fcc6fcf10a3789b9948c05b19777b355dcd', role: "list", "aria-label": this.accessibleLabel }, this.files.map((file) => this.renderFile(file))));
+        return (h(Host, { key: '2e28ebeac60bd5da2ee8123d3b9d842184574cf4', 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: 'afd416e95a36e5a8058803ffeb0f8bd407ae554c', id: String(this.item.file.id), class: {
+        return (h(Host, { key: '2dc84cd76b18d18e88773d95360fce70fd3f889e', 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: '1b09733a5d914894e4a6738f2559bc49e31a8fe7', image: image, clickable: isUnavailable ? false : true, onClick: this.handleDocumentItemClick, onKeyDown: this.handleKeyDown }, h("div", { key: '08d41d019a71a7f22f983564e01f8bbb1a0f9e8e', 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: '07cb1a3f10d57810f818d7391052f81a0d37a0a5', image: image, clickable: isUnavailable ? false : true, onClick: this.handleDocumentItemClick, onKeyDown: this.handleKeyDown }, h("div", { key: 'bded9a7c6cd9427125286dbce6b5e4b24153cae1', 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: 'e58dfffa3b749e61c224cfec83683cb36f9379b8' }, h("limel-notched-outline", { key: '3a947d03ae67f61ab4733691580168684c5e1237', labelId: this.labelId, label: this.label, required: this.required, invalid: this.invalid, hasFloatingLabel: true }, h("limel-masonry-layout", { key: '2d5ae17e9b06a11ace7ed8cf874bf1268e12f25a', 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: '8138e0b7f0293f202538badd54b36cd8aae6b803' }, h("limel-notched-outline", { key: '78d990077f20983a0b650e5fb09b0d6e464b4af9', labelId: this.labelId, label: this.label, required: this.required, invalid: this.invalid, hasFloatingLabel: true }, h("limel-masonry-layout", { key: 'ba2cac65bb707cd2b81a434ced3e00f440d84e58', 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

@@ -217,7 +217,7 @@ export class FeedTimelineItem {
     render() {
         var _a, _b;
         const helperTextId = `helper-text-${this.item.id}`;
-        return (h(Host, { key: '159d6710975ec865ecfe453f6a3b1b5039c8a7eb', id: this.item.id, class: {
+        return (h(Host, { key: '8348e3e4331d6e82b450f018901cc7de3b599954', 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: '38bbb5b63a9d33bbc842da679927866ee9b3577e' }, this.description);
+        return h("span", { key: '7290a59bad25cf3b5a0859438745867bb62837cc' }, 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: '0dff076891048a9906d911a4cdf01569246a2f4f', role: "log", "aria-busy": this.loading ? 'true' : 'false', style: {
+        return (h(Host, { key: '67cdc2679d56efee3433fbfa23f434fa284163fa', 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/filter-chip/filter-chip.js

@@ -102,8 +102,8 @@ export class FilterChip {
         const items = this.getDisplayItems();
         const conjunction = this.getConjunctionText();
         const helperLabel = this.getHelperLabel(items, conjunction);
-        return (h(Host, { key: '40c32811f9e3d59c87be6b6f2919c145927de940' }, this.renderLabel(), h("button", { key: '09fd4082e3639c3f3728a8826f868d36d306dda5', class: { chip: true }, type: "button", id: chipId, "aria-label": [this.label, helperLabel].filter(Boolean).join(', ') ||
-                this.getFilterLabel(), "aria-pressed": this.getAriaPressed(), onKeyDown: this.handleKeyDown, disabled: this.disabled }, this.renderIcon(), this.renderValue(items, conjunction)), this.renderRemoveButton(chipId), h("limel-tooltip", { key: 'd663140a04031caf0bd042c6865a7c3a04ea7d6e', elementId: chipId, label: this.label || this.getFilterLabel(), helperLabel: helperLabel })));
+        return (h(Host, { key: '1528a86d1e7f7f1749cc895787bca1e77c8678aa' }, this.renderLabel(), h("button", { key: '07dc7184d0a53472ed0d595a07941077aabaa5c0', class: { chip: true }, type: "button", id: chipId, "aria-label": [this.label, helperLabel].filter(Boolean).join(', ') ||
+                this.getFilterLabel(), "aria-pressed": this.getAriaPressed(), onKeyDown: this.handleKeyDown, disabled: this.disabled }, this.renderIcon(), this.renderValue(items, conjunction)), this.renderRemoveButton(chipId), h("limel-tooltip", { key: '665f0b32f7ccdc27b72a56bee9d39e83fb3945b7', elementId: chipId, label: this.label || this.getFilterLabel(), helperLabel: helperLabel })));
     }
     /**
      * `aria-pressed` only makes sense for an interactive toggle. A readonly

package/dist/collection/components/filter-condition-picker/filter-condition-picker.js

@@ -43,7 +43,7 @@ export class FilterConditionPicker {
     render() {
         const items = this.buildItems();
         const selected = this.selectedOption(items);
-        return (h(Host, { key: 'c629888b9c66c56c57df4fe48e6d32eb256130dd' }, h("limel-select", { key: 'd1fad416311f4e43307a54c10cb121df03535f70', class: "condition", label: this.accessibleLabel, disabled: this.disabled, options: items, value: selected, onChange: this.handleChange })));
+        return (h(Host, { key: 'ca926963d368460db20fa8961f49825d19ae2c07' }, h("limel-select", { key: '5571b580b7da63d1a95fef6cb9b204ed3b32cf75', class: "condition", label: this.accessibleLabel, disabled: this.disabled, options: items, value: selected, onChange: this.handleChange })));
     }
     buildItems() {
         var _a;

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

@@ -35,7 +35,7 @@ export class IconPicker {
                 icon: this.value,
             };
         }
-        return (h("limel-picker", { key: '13d7e33ced5fe7d00bba385ae9a5fd35146a138a', 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: 'bf6b76bbcea838150261e9e0037b1d7ca1ee08d1', 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: 'a1b6fe1abc7d2eabf434d520a535c9cc5b654947', value: buttons.filter(this.isValidButton), onChange: this.handleChangeType }),
+            h("limel-button-group", { key: '68999f607fd66a5a451929d6720200734c6505ea', value: buttons.filter(this.isValidButton), onChange: this.handleChangeType }),
             this.renderFormatConfig(),
         ];
     }

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

@@ -116,7 +116,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: '90fac1e41e9277f860172473ddc9820ef0726bb5', class: { error: !filter || this.error } }, props)));
+        return (h("limel-info-tile", Object.assign({ key: '802c93fade2b3aff10e53c1a970798b994bff2d2', class: { error: !filter || this.error } }, props)));
     }
     /**
      * Effective `reducedPresence` for this render. The boolean prop

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

@@ -27,7 +27,7 @@ export class KanbanGroup {
         };
     }
     render() {
-        return (h(Host, { key: 'acab4646021a4518fd57e70ee1e2bcb994f34190' }, this.renderHelp(), this.renderGroupHeading(), this.renderGroupSummary(), this.renderItems()));
+        return (h(Host, { key: 'b00741bf0f2c617453ce53ce2e6ec852472f20dc' }, 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: '1e627d02a5ea18353d1de4461374042b95becf8e', id: this.item.id.toString(), class: {
+        return (h(Host, { key: 'cc405f1c7ffd4e8a72158f53863b604e38df882e', 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-editor.js

@@ -52,7 +52,7 @@ export class LimeQueryFilterComparisonEditorComponent {
         (_a = this.propertySelectorEl) === null || _a === void 0 ? void 0 : _a.focus();
     }
     render() {
-        return (h(Host, { key: 'a27a20dd478b56fbc3e6fb522d2c3425deb5f5fd' }, this.renderPropertySelector(), this.renderConditionPicker(), this.renderValueInput()));
+        return (h(Host, { key: '98144a439c21e88ba452732933dd155afa7f90d8' }, this.renderPropertySelector(), this.renderConditionPicker(), this.renderValueInput()));
     }
     renderPropertySelector() {
         return (h("limebb-property-selector", { ref: (el) => (this.propertySelectorEl = el), class: "property", label: "Property", platform: this.platform, context: this.context, limetype: this.limetype, value: this.expression.key, required: true, onChange: this.handlePropertyChange }));

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

@@ -55,11 +55,11 @@ export class LimeQueryFilterComparisonComponent {
         const propertyType = hasKey
             ? this.getPropertyType(this.expression.key)
             : undefined;
-        return (h(Host, { key: '54b482576ee33c6c518260d6b77713a72f2d48aa' }, this.renderHeader(), h("limel-popover", { key: 'd855e96cea9718ddcb594abfdb494ba6fdde6a7a', open: this.isOpen, openDirection: "bottom-start", onClose: this.handleClose }, h("limebb-filter-chip", { key: 'ed8308562d2744ec4a365692e14b6d5be7583e92', slot: "trigger", platform: this.platform, label: hasKey
+        return (h(Host, { key: 'ebffd40bd7fe14023be8081b21a164fba7ff7d78' }, this.renderHeader(), h("limel-popover", { key: '1e6b11ad372ae6fe98d69d3da739f0f61c2e2015', open: this.isOpen, openDirection: "bottom-start", onClose: this.handleClose }, h("limebb-filter-chip", { key: '1017d1ff6512104d073430d7d233b3bfe14c1edd', slot: "trigger", platform: this.platform, label: hasKey
                 ? this.getPropertyLabel(this.expression.key)
                 : undefined, condition: hasKey
                 ? operatorToCondition(this.expression.op)
-                : undefined, propertyType: propertyType, value: hasKey ? this.chipValue() : 'New condition', conjunction: isList ? 'or' : undefined, selected: this.isOpen, removable: true, onClick: this.handleOpen, onRemove: this.removeExpression }), h("limebb-lime-query-filter-comparison-editor", { key: 'f4a6bec2cf702a9017ca5d68892e23d15b5fafd8', platform: this.platform, context: this.context, limetype: this.limetype, activeLimetype: this.activeLimetype, expression: this.expression, propertyType: propertyType, onExpressionChange: this.handleEditorChange }))));
+                : undefined, propertyType: propertyType, value: hasKey ? this.chipValue() : 'New condition', conjunction: isList ? 'or' : undefined, selected: this.isOpen, removable: true, onClick: this.handleOpen, onRemove: this.removeExpression }), h("limebb-lime-query-filter-comparison-editor", { key: '802cd50b41afc9a3155d50cf8a28d7544cd673c1', platform: this.platform, context: this.context, limetype: this.limetype, activeLimetype: this.activeLimetype, expression: this.expression, propertyType: propertyType, onExpressionChange: this.handleEditorChange }))));
     }
     getPropertyLabel(key) {
         return this.resolveProperty(key).labels.join(' › ');

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

@@ -90,9 +90,9 @@ export class LimeQueryFilterGroupComponent {
         const combinator = getCombinator(this.expression);
         const inner = getInnerAndOr(this.expression);
         const selected = COMBINATOR_OPTIONS.find((o) => o.value === combinator);
-        return (h(Host, { key: 'b7f3b3eb41704303f507f15f1abe8b8d55dcd3e5', "data-op": combinator, style: {
+        return (h(Host, { key: 'f41c27e721c5241f03ebc380fc0bee1bc6488ba8', "data-op": combinator, style: {
                 '--limebb-query-filter-group-color-code': OP_STYLE[combinator].color,
-            } }, h("div", { key: 'd59371d752ab125116f9a630f3ae2599e9fea544', class: "group" }, h("div", { key: '81783273de40a45e93d6ab286d8cd649af71bfb2', class: "group-header" }, h("limel-select", { key: 'bb59cac3599d64c8414e4055d6c99994ac0ad8d3', class: "combinator", label: "Match", value: selected, options: COMBINATOR_OPTIONS, onChange: this.handleCombinatorChange }), h("limel-icon-button", { key: '42730af9a81f8381f042819ab8b3130b186a5c02', class: "delete-group", icon: "trash", label: "Delete this group", onClick: this.handleDeleteGroup })), h("ul", { key: 'a2ec4a8190cd7cbf7b0903efc7f430785828620c', class: "rows" }, inner.exp.map(this.renderChildExpression), h("limel-chip", { key: 'd5db97c8b9466d70b805e2a4b7f05dcb483bb456', role: "listitem", class: "add-condition", text: "Condition", icon: { name: 'plus_math', title: 'Add' }, onClick: this.handleAddChildExpression })), h("limel-chip", { key: '9efbb513dd412c0c6c3e03a5d672a5851a1f9c44', class: "add-group", size: "small", text: "Group", icon: {
+            } }, h("div", { key: '6dee3189e64ff49cc6b4234fcacabbcc592c56a7', class: "group" }, h("div", { key: 'c92e073de445fcefa48e8d90eeaa0357f2fbc9ea', class: "group-header" }, h("limel-select", { key: 'd0de8053b240e5d40b2f9d1de2defdb5257383b6', class: "combinator", label: "Match", value: selected, options: COMBINATOR_OPTIONS, onChange: this.handleCombinatorChange }), h("limel-icon-button", { key: '44b099283399ab33a906f0e7acc940dc39041b10', class: "delete-group", icon: "trash", label: "Delete this group", onClick: this.handleDeleteGroup })), h("ul", { key: 'a8d06013ab21aa149ea1dcf2293ffbb5d0d13e61', class: "rows" }, inner.exp.map(this.renderChildExpression), h("limel-chip", { key: 'f2866e974c93a0633b487d9943e63b929d67a7be', role: "listitem", class: "add-condition", text: "Condition", icon: { name: 'plus_math', title: 'Add' }, onClick: this.handleAddChildExpression })), h("limel-chip", { key: 'defd0ab0875920887391c2114139b92a63d10650', class: "add-group", size: "small", text: "Group", icon: {
                 name: 'plus_math',
                 title: 'Add',
                 color: 'var(--group-rail-color)',

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: 'd1a30b2a3c64c7cbc84253025f2e4649dcf4153b', class: "expression" }, this.label && h("limel-header", { key: '3df0ccac15c96772c75d8eef228d21c01a63a4f9', heading: this.label }), h("limebb-lime-query-filter-expression", { key: '785ad1ccfe9ff3ca1478284bc182b9e35119d2d1', 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: '7e9bac8c51b903d1a569d1272167870701412729', class: "expression" }, this.label && h("limel-header", { key: 'aa5d7a0d55a5b2754e02c58dc5c08614b8a0808b', heading: this.label }), h("limebb-lime-query-filter-expression", { key: '573b8435f73b10bf1eb04ced205af5c4b295a01d', 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: 'e54021c7869117146034f25a431324e20597056e' }, this.renderHeader(), this.renderContent()));
+        return (h(Host, { key: '0f28a00b055f7e9094dd26cf733acba1158dda45' }, 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: 'd7d9d356f4114a00ce2da4d264afd42e4e264305', class: "response-format-builder" }, this.label && h("h1", { key: '75e33850df5f60a23e1abf5ad286011579f74a39', class: "builder-label" }, this.label), this.helperText && (h("p", { key: 'bd05cdf895e58a328ec8cd8a7f0c0cf85e5f5cfa', class: "builder-helper-text" }, this.helperText)), this.visualModeEnabled && (h("div", { key: 'a054eb5039b8606b3f0a84f2ceeca09360dfb407', 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: '4c041be9c674f687bb3d03c3b8c1377a1d2ec6ee', class: "response-format-builder" }, this.label && h("h1", { key: 'ba7ea3457146bae1e97f252ac041aba21a02c27f', class: "builder-label" }, this.label), this.helperText && (h("p", { key: '9c6d9c8a355f24fa89aadd7eb8f138997bc790c0', class: "builder-helper-text" }, this.helperText)), this.visualModeEnabled && (h("div", { key: '9b62a2ab35e98ac15b53af561a51262495689392', 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: '886b6adf250756fd5170f144e6ff055e70554902', 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: 'c649a9e99ec7af2055df7f1cd82cdd87f19ddde7', 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: '2b90c0e70b2ec2e55809cecd5141cc52acc400de' }, this.renderEmptyState(), this.renderOrderByEditor()));
+        return (h(Host, { key: 'f5426a11ccbc3f0e4159b50dea245f8da07f669c' }, 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: '4ec4f928349ded79f56f9d42b1e8d53ad9675137' }, h("limebb-property-selector", { key: '362b2433069693fa205c6bb21afa3a24e8b5cce7', platform: this.platform, context: this.context, limetype: this.limetype, label: "Property", value: propertyPath, required: true, onChange: this.handlePathChange }), h("div", { key: '55166696ea90d0b0ab17a975094e29f9d80b023f', class: "control-buttons" }, h("limel-icon-button", { key: 'f765b98654ee3494b5272f0c6d0a7b46c65b1784', icon: direction === 'ASC'
+        return (h(Host, { key: 'f3c2d3fa47d0e5e11ff2c9d8372ff5a625814462' }, h("limebb-property-selector", { key: 'f6290981aa40a2807722d82e23a893c8511e7892', platform: this.platform, context: this.context, limetype: this.limetype, label: "Property", value: propertyPath, required: true, onChange: this.handlePathChange }), h("div", { key: '365c64b46f428ff6e97cd2682688991bde32ce60', class: "control-buttons" }, h("limel-icon-button", { key: 'b3a8eb5d27dee271a4b989c57d925dc4023b88c0', icon: direction === 'ASC'
                 ? 'sort_ascending'
-                : 'sort_descending', label: direction === 'ASC' ? 'Ascending' : 'Descending', onClick: this.handleToggleDirection }), h("limel-icon-button", { key: 'dd0d19ac87d87e54726ab3c6eaabb2a139018c2b', icon: "trash", label: "Remove", onClick: this.handleRemove }))));
+                : 'sort_descending', label: direction === 'ASC' ? 'Ascending' : 'Descending', onClick: this.handleToggleDirection }), h("limel-icon-button", { key: '12ce082489ae86a246b84a7a8091ce382bf2acbd', 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: '2d8b5ee0be1363c842ec9736e519c86f7c5a18ad', class: "property-controls" }, h("div", { key: '5e7660c639be3c9cc3fb9f631596725cf82100f4', class: "property-path" }, h("limebb-property-selector", { key: '37e0cdbf668822fc81b5f3757e2f0b6490d93d66', platform: this.platform, context: this.context, limetype: this.limetype, label: "Property", value: this.item.path, required: true, onChange: this.handlePathChange }), h("div", { key: 'd9ecb4c65edb493bcdda29345f7022ea2052f0f2', class: "input-grid" }, this.renderAliasInput()), h("div", { key: '8f28f44f05fb86e253a9300dd24cfee624ce51c2', class: "input-grid" }, this.renderDescriptionInput()), h("div", { key: 'b7a864258edb9b60c6923de28ab5ab14c4560af4', class: "button-group" }, this.renderAliasButton(), this.renderDescriptionButton())), h("limel-icon-button", { key: '252ca2b654a4ac6d0164491b3832f319e0f5b4f1', icon: "trash", label: "Remove property", onClick: this.handleRemove })),
+            h("div", { key: '313244ac97300ccce92dae6a4df928543546352e', class: "property-controls" }, h("div", { key: '3173914b62fe297a78d61b2caa0c556b25763e21', class: "property-path" }, h("limebb-property-selector", { key: 'ab640577df46b04c03ccd85bb8aafa902a3cd15f', platform: this.platform, context: this.context, limetype: this.limetype, label: "Property", value: this.item.path, required: true, onChange: this.handlePathChange }), h("div", { key: '69ca13975174e89a52991b6c023779a19041c355', class: "input-grid" }, this.renderAliasInput()), h("div", { key: 'd2cdec55803d8bdb08977193c94a773509ac29b3', class: "input-grid" }, this.renderDescriptionInput()), h("div", { key: '32cdad6b755992ad207dd8bf7bfb3dc99a289663', class: "button-group" }, this.renderAliasButton(), this.renderDescriptionButton())), h("limel-icon-button", { key: 'cfb3aaea2911a34842f3f8ab652e4cdd5a0bedb6', 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: 'd2ea1778cadfbc6fd49462c01f8a9270ef56efaf', class: "header" }, h("limel-icon", { key: '01bc415dd69465151055bc4857e3a7599b689410', name: "not_showing_video_frames" }), h("h2", { key: 'c82a9d19536dae0043a3e9e4a776887e9c08db94' }, "Viewing this file type requires ", h("em", { key: '8b96bcd7af47cfe3216def1555e786533058d373' }, "Live Docs"))),
-            h("p", { key: '0ae3052d9eca68ebd55ff11dcbe9ee31cacd277e' }, h("em", { key: '0a2139446396da9434df0095c29d9a2cb89eb783' }, "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: 'f2741e5944d54106f77081de5ead60aa98955342', target: "_blank", href: "https://www.lime-technologies.com/en/lime-crm/live-docs/" }, "Learn more")),
+            h("div", { key: '189796d67448366e2af26362a29463afff7079a1', class: "header" }, h("limel-icon", { key: 'ffcee585bc30f862066e8dce49ad3330bca13afd', name: "not_showing_video_frames" }), h("h2", { key: '90c5c00930a425a39a144aec4232b76517184b2a' }, "Viewing this file type requires ", h("em", { key: 'c05d9ed5568c1a6cd393aa95e654ea19bf5c133a' }, "Live Docs"))),
+            h("p", { key: '09d96468c886fa0dcfe8b9b9a3df79c3f5c87f78' }, h("em", { key: 'c232fdf6277bbe910d23cebf18afadcd2118f43d' }, "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: 'dbb74111b5995c013235ea585fa56fd41049540a', 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: '49bd99f0f1ce3285f5a841bebbcac0968dcc4e46', 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: 'a5dddeb9a8703c4c3f49d2aa8f6ca177765f9620', 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: 'bbb6c49c020641fc39bb494bc34429ff9e1d9c87', id: this.item.id, class: {
+        return (h(Host, { key: '112cc269de3b604b8ab58f407fe450c86c5f0c98', 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: '7f00bb913adfb9481e60e6004e4d73a07d46294c', class: this.getContainerClassList(), style: {
+        return (h(Host, { key: 'd98b9a92c8e20ee71c9cd4b0004cc92e71e3d681', 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: 'f36be4b22847a53b81d7916f1434f665a4684a3b', 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: 'f91d23c1cc413cfd2848a3754b76f361881bab90', slot: "content" }, this.renderVisualization())), this.renderHelperLine()));
+            } }, h("limel-notched-outline", { key: '777218ebb6358304826eda6e09e797bddb70b03c', 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: '7b454018e8b772564797b31031584dc20e8bc05b', slot: "content" }, this.renderVisualization())), this.renderHelperLine()));
     }
     renderVisualization() {
         if (this.reducePresence && (this.numValue === 0 || !this.hasValue())) {

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

@@ -45,7 +45,7 @@ export class RuleChipPopover {
         };
     }
     render() {
-        return (h("div", { key: '8bad60ba81cd77526779921e975f9d0f4d8bb0d7', class: "popover" }, this.renderHeader(), this.renderBody()));
+        return (h("div", { key: 'abb754c8d327cc82b5d4e7e44154e937c3aeb0d2', class: "popover" }, this.renderHeader(), this.renderBody()));
     }
     renderHeader() {
         var _a, _b, _c, _d;

package/dist/collection/components/rule-editor/rule-editor-mode-view.js

@@ -0,0 +1,32 @@
+import { h } from "@stencil/core";
+/**
+ * The shared string each mode is labelled from. Adverbs answering "when
+ * does this apply?", so they carry no rule-editor namespace and are
+ * spelled out here rather than built from the mode id — a key a
+ * translation extractor can find, and a human can grep for.
+ */
+const MODE_LABEL_KEYS = {
+    never: 'webclient.never',
+    always: 'webclient.always',
+    conditional: 'webclient.conditionally',
+};
+/**
+ * The segmented control that picks how the rule is written.
+ *
+ * `limel-button-group` renders radio inputs in one group, so at most
+ * one mode is ever selected. None is selected when `selected` is a mode
+ * the caller does not offer — a stored condition tree under a setting
+ * that offers only the unconditional modes.
+ * @param props
+ */
+export const RuleModeView = (props) => {
+    const { modes, selected, disabled, translator, onModeChange } = props;
+    return (h("limel-button-group", { value: modes.map((mode) => ({
+            id: mode,
+            title: translator.get(MODE_LABEL_KEYS[mode]),
+            selected: mode === selected,
+        })), disabled: disabled, onChange: (event) => {
+            event.stopPropagation();
+            onModeChange(event.detail.id);
+        } }));
+};

package/dist/collection/components/rule-editor/rule-editor-modes.js

@@ -0,0 +1,68 @@
+/**
+ * The id of the platform's "no condition" rule primitive. It reads
+ * nothing and always holds, which makes it the literal the
+ * unconditional modes are written with. Build those through
+ * {@link RULE_ALWAYS} and {@link RULE_NEVER} rather than from the id.
+ *
+ * @internal
+ */
+export const ALWAYS_PRIMITIVE_ID = 'limetech.always';
+/**
+ * The rule that always holds.
+ *
+ * @alpha
+ */
+export const RULE_ALWAYS = Object.freeze({
+    type: 'ref',
+    id: ALWAYS_PRIMITIVE_ID,
+});
+/**
+ * The rule that never holds.
+ *
+ * @alpha
+ */
+export const RULE_NEVER = Object.freeze({
+    type: 'not',
+    rule: RULE_ALWAYS,
+});
+/**
+ * The rule a mode writes. `conditional` writes no rule of its own —
+ * its rule is whatever tree the author builds.
+ * @param mode
+ * @alpha
+ */
+export function ruleForMode(mode) {
+    if (mode === 'always') {
+        return RULE_ALWAYS;
+    }
+    if (mode === 'never') {
+        return RULE_NEVER;
+    }
+    return undefined;
+}
+/**
+ * The mode a rule reads back as, or `undefined` when there is no rule.
+ *
+ * The match is structural: only the two sentinels read back as an
+ * unconditional mode, and everything else — a group, a ref, a negation
+ * of anything but the always primitive — reads back as `conditional`.
+ * So a rule authored elsewhere as `all(always)` is `conditional` with
+ * one condition in it, even though it holds just as unconditionally.
+ * @param rule
+ * @alpha
+ */
+export function ruleMode(rule) {
+    if (!rule) {
+        return undefined;
+    }
+    if (isAlways(rule)) {
+        return 'always';
+    }
+    if (rule.type === 'not' && isAlways(rule.rule)) {
+        return 'never';
+    }
+    return 'conditional';
+}
+function isAlways(rule) {
+    return rule.type === 'ref' && rule.id === ALWAYS_PRIMITIVE_ID;
+}