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

package/dist/esm/limebb-currency-picker.entry.js

@@ -1968,7 +1968,7 @@ const CurrencyPicker = class {
         };
     }
     render() {
-        return (h("limel-picker", { key: 'e802e0966c7e9dd815138e182a5b3f32ebf996f5', 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: '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 }));
     }
     getCurrencyName(code) {
         var _a;

package/dist/esm/limebb-dashboard-widget.entry.js

@@ -16,7 +16,7 @@ const DashboardComponent = class {
         };
     }
     render() {
-        return [this.renderHeader(), h("slot", { key: 'ace888b8a47767e769649edc8d2fbcdd9d2d2122', name: "content" })];
+        return [this.renderHeader(), h("slot", { key: '4497bb532e24e290fa028aa7cfb4aae3b0291e67', name: "content" })];
     }
 };
 DashboardComponent.style = dashboardWidgetCss();

package/dist/esm/limebb-date-picker.entry.js

@@ -73,7 +73,7 @@ const DatePicker = class {
         if (this.value) {
             this.shouldEmitValueAsString = typeof this.value === 'string';
         }
-        return (h("limel-date-picker", { key: '039dfc9f9b07b6fd38d1f3f2aa5c1e685461674c', 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: '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 }));
     }
     parseDateValue() {
         const value = this.value;

package/dist/esm/limebb-date-range.entry.js

@@ -21,7 +21,7 @@ const DateRange = class {
         this.originalEndTime = this.endTime;
     }
     render() {
-        return (h("div", { key: '00028334111fe7a09a9289e202b45be6d5ed7446', class: "date-pickers" }, this.renderStartDatePicker(), this.renderEndDatePicker()));
+        return (h("div", { key: '853dfd7dcedfcb12b98fe955ca5bca276588a73b', class: "date-pickers" }, this.renderStartDatePicker(), this.renderEndDatePicker()));
     }
     renderStartDatePicker() {
         if (!this.originalStartTime) {

package/dist/esm/limebb-document-chips.entry.js

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

package/dist/esm/limebb-document-item.entry.js

@@ -114,10 +114,10 @@ const DocumentItemComponent = class {
     render() {
         const isUnavailable = this.isUnavailable();
         const image = this.getImage();
-        return (h(Host, { key: '49f52a175a08604a8706bb4554eec3b3c5b15063', id: String(this.item.file.id), class: {
+        return (h(Host, { key: 'afd416e95a36e5a8058803ffeb0f8bd407ae554c', 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: '7de1a510b5f3f79474250330b4a56e3981cb062e', image: image, clickable: isUnavailable ? false : true, onClick: this.handleDocumentItemClick, onKeyDown: this.handleKeyDown }, h("div", { key: '6cec2ca349fa18bf55f27caabdbe1c6697c1e101', 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: '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()));
     }
     renderBooleanInput() {
         const id = this.getControlId();

package/dist/esm/limebb-document-picker.entry.js

@@ -66,7 +66,7 @@ const DocumentPicker = class {
         this.labelId = createRandomString();
     }
     render() {
-        return (h(Host, { key: '70119759f1b873d79c3696587577f255b8ab68bd' }, h("limel-notched-outline", { key: '5519120a64714e1f73659f8fd8b0e5345c7ab383', labelId: this.labelId, label: this.label, required: this.required, invalid: this.invalid, hasFloatingLabel: true }, h("limel-masonry-layout", { key: 'b7e789a30ec25f41844acf0f20856f6388e95edd', 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: '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()));
     }
     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/esm/limebb-feed-item-thumbnail-file-info.entry.js

@@ -7,7 +7,7 @@ const FeedItemThumbnailFileInfo = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return h("span", { key: '50fc63981154a244baf2f0900becb542474aa53a' }, this.description);
+        return h("span", { key: '38bbb5b63a9d33bbc842da679927866ee9b3577e' }, this.description);
     }
 };
 FeedItemThumbnailFileInfo.style = feedItemThumbnailFileInfoCss();

package/dist/esm/limebb-feed-timeline-item.entry.js

@@ -216,7 +216,7 @@ const FeedTimelineItem = class {
     render() {
         var _a, _b;
         const helperTextId = `helper-text-${this.item.id}`;
-        return (h(Host, { key: 'b98d9a84dffdef4094c98b8754ccf667ed4c351c', id: this.item.id, class: {
+        return (h(Host, { key: '159d6710975ec865ecfe453f6a3b1b5039c8a7eb', 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/esm/limebb-feed.entry.js

@@ -556,7 +556,7 @@ const Feed = class {
         this.highlighter.unregisterFeed(this.feedItemElement);
     }
     render() {
-        return (h(Host, { key: 'e5cda3589de738a405de6ab330a67b74105de616', role: "log", "aria-busy": this.loading ? 'true' : 'false', style: {
+        return (h(Host, { key: '0dff076891048a9906d911a4cdf01569246a2f4f', 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/esm/limebb-filter-chip_6.entry.js

@@ -89,8 +89,8 @@ const FilterChip = class {
         const items = this.getDisplayItems();
         const conjunction = this.getConjunctionText();
         const helperLabel = this.getHelperLabel(items, conjunction);
-        return (h(Host, { key: 'eeba853d755bbcdecf5a9f513aa27b0a61a34fdd' }, this.renderLabel(), h("button", { key: '29c8b277683ff63ab48b53bce5993449bcb122cd', 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: '19163bcefc8db240b65bd76d7cc878a4b6f1e575', elementId: chipId, label: this.label || this.getFilterLabel(), helperLabel: helperLabel })));
+        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 })));
     }
     /**
      * `aria-pressed` only makes sense for an interactive toggle. A readonly
@@ -317,7 +317,7 @@ const FilterConditionPicker = class {
     render() {
         const items = this.buildItems();
         const selected = this.selectedOption(items);
-        return (h(Host, { key: '95aab902a6db4a854ebffc8016ea244f388a3fa0' }, h("limel-select", { key: '3b1284518a4641a207fb5c90d718deef837d436e', class: "condition", label: this.accessibleLabel, disabled: this.disabled, options: items, value: selected, onChange: this.handleChange })));
+        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 })));
     }
     buildItems() {
         var _a;
@@ -441,7 +441,7 @@ const LimeQueryFilterComparisonEditorComponent = class {
         (_a = this.propertySelectorEl) === null || _a === void 0 ? void 0 : _a.focus();
     }
     render() {
-        return (h(Host, { key: '528f313843bb6e8e779fc3a5603c10769cbd183b' }, this.renderPropertySelector(), this.renderConditionPicker(), this.renderValueInput()));
+        return (h(Host, { key: 'a27a20dd478b56fbc3e6fb522d2c3425deb5f5fd' }, 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 }));
@@ -543,9 +543,9 @@ const LimeQueryFilterGroupComponent = class {
         const combinator = getCombinator(this.expression);
         const inner = getInnerAndOr(this.expression);
         const selected = COMBINATOR_OPTIONS.find((o) => o.value === combinator);
-        return (h(Host, { key: '6b7013b523d0313f053f5a057db99d23e5c35041', "data-op": combinator, style: {
+        return (h(Host, { key: 'b7f3b3eb41704303f507f15f1abe8b8d55dcd3e5', "data-op": combinator, style: {
                 '--limebb-query-filter-group-color-code': OP_STYLE[combinator].color,
-            } }, h("div", { key: '03bea15e4967f91d1e46a961aba64c04b1aff530', class: "group" }, h("div", { key: '26ca358c38a27e2fc24ac1b176ce338f885f2a31', class: "group-header" }, h("limel-select", { key: '46403ec7c67766ac4eb08b03eaac1eafeb92c0ff', class: "combinator", label: "Match", value: selected, options: COMBINATOR_OPTIONS, onChange: this.handleCombinatorChange }), h("limel-icon-button", { key: 'cfdb09d1656dc4a87a40c6d1cf5e5a4e0c2aeba0', class: "delete-group", icon: "trash", label: "Delete this group", onClick: this.handleDeleteGroup })), h("ul", { key: '55bb718c9ece64898a41bf95ff301bbeade8a4cd', class: "rows" }, inner.exp.map(this.renderChildExpression), h("limel-chip", { key: '34c653a547ce2406938eece661c5d468c84871f3', role: "listitem", class: "add-condition", text: "Condition", icon: { name: 'plus_math', title: 'Add' }, onClick: this.handleAddChildExpression })), h("limel-chip", { key: 'b27939aced4774b9b738e81d07a7ed4b040f3b77', class: "add-group", size: "small", text: "Group", icon: {
+            } }, 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: {
                 name: 'plus_math',
                 title: 'Add',
                 color: 'var(--group-rail-color)',
@@ -585,7 +585,7 @@ const LimeQueryFilterNotComponent = class {
         };
     }
     render() {
-        return (h("div", { key: '38ddcfda3b05cd9bc0c510f55d2712472ee2886f', class: "expression" }, this.label && h("limel-header", { key: '5b05cbb7bbd7fb1940c0d7c27b4578f6551833a8', heading: this.label }), h("limebb-lime-query-filter-expression", { key: '4057437167e652f31aa02148e511cfe9a9b26ccb', 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: '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 })));
     }
 };
 LimeQueryFilterNotComponent.style = limeQueryFilterNotCss();

package/dist/esm/limebb-icon-picker.entry.js

@@ -53110,7 +53110,7 @@ const IconPicker = class {
                 icon: this.value,
             };
         }
-        return (h("limel-picker", { key: '168a8a3a57fc46a46bf00545c9771ce2b3cfac03', 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: '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" }));
     }
 };
 

package/dist/esm/limebb-info-tile-format.entry.js

@@ -91,7 +91,7 @@ const InfoTileAdminConfig = class {
             },
         ];
         return [
-            h("limel-button-group", { key: '71fd85af5cbbb2376dd0ad87e9433872af1d9d23', value: buttons.filter(this.isValidButton), onChange: this.handleChangeType }),
+            h("limel-button-group", { key: 'a1b6fe1abc7d2eabf434d520a535c9cc5b654947', value: buttons.filter(this.isValidButton), onChange: this.handleChangeType }),
             this.renderFormatConfig(),
         ];
     }

package/dist/esm/limebb-info-tile.entry.js

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

package/dist/esm/limebb-kanban-group.entry.js

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

package/dist/esm/limebb-kanban-item.entry.js

@@ -55,7 +55,7 @@ const KanbanItemComponent = class {
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: '282342e6a11234154e4cbcc8df113aafd5cd9cd2', id: this.item.id.toString(), class: {
+        return (h(Host, { key: '1e627d02a5ea18353d1de4461374042b95becf8e', 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/esm/limebb-lime-query-builder.entry.js

@@ -149,7 +149,7 @@ const LimeQueryBuilder = class {
         }
     }
     render() {
-        return (h(Host, { key: 'd03160151a6467401424351f0bf7d05211800bf0' }, this.renderHeader(), this.renderContent()));
+        return (h(Host, { key: 'e54021c7869117146034f25a431324e20597056e' }, this.renderHeader(), this.renderContent()));
     }
     renderContent() {
         const visualModeSupported = this.checkVisualModeSupport();

package/dist/esm/limebb-lime-query-filter-comparison_2.entry.js

@@ -39,11 +39,11 @@ const LimeQueryFilterComparisonComponent = class {
         const propertyType = hasKey
             ? this.getPropertyType(this.expression.key)
             : undefined;
-        return (h(Host, { key: '3e312a0124577ab70c6ab46074f7a34e0b87decc' }, this.renderHeader(), h("limel-popover", { key: '37b5e3b58ef4a20950b1f6fc24075388b4bdc932', open: this.isOpen, openDirection: "bottom-start", onClose: this.handleClose }, h("limebb-filter-chip", { key: 'd34fc11734714a8b83ef7c014fd9468522e8ffbf', slot: "trigger", platform: this.platform, label: hasKey
+        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
                 ? 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: 'abaa2fbbdf8ab350f1da21412b82405d02f1546f', 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: 'f4a6bec2cf702a9017ca5d68892e23d15b5fafd8', 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/esm/limebb-lime-query-order-by-editor_2.entry.js

@@ -119,7 +119,7 @@ const OrderByEditor = class {
         }
     }
     render() {
-        return (h(Host, { key: '5eaad5237f6ccce6d93610bf4987cce10c06abaf' }, this.renderEmptyState(), this.renderOrderByEditor()));
+        return (h(Host, { key: '2b90c0e70b2ec2e55809cecd5141cc52acc400de' }, this.renderEmptyState(), this.renderOrderByEditor()));
     }
     renderEmptyState() {
         if (this.limetype) {
@@ -249,7 +249,7 @@ const LimetypeField = class {
             value: '',
         };
         options.unshift(emptyOption);
-        return (h("limel-select", { key: '4c17fbdd5760fcb83fef57f7204df42c91f70f7f', 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: '886b6adf250756fd5170f144e6ff055e70554902', 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/esm/limebb-lime-query-order-by-item.entry.js

@@ -36,9 +36,9 @@ const OrderByItemComponent = class {
     render() {
         const propertyPath = Object.keys(this.item)[0] || '';
         const direction = this.item[propertyPath] || 'ASC';
-        return (h(Host, { key: 'fc238e47f9189531ac39969dcabfefaa41602a4b' }, h("limebb-property-selector", { key: '02ed1accd1f1febc05f300a72734150ef415cad8', platform: this.platform, context: this.context, limetype: this.limetype, label: "Property", value: propertyPath, required: true, onChange: this.handlePathChange }), h("div", { key: 'd994587df98e632f12b489b732d3d7436860dac7', class: "control-buttons" }, h("limel-icon-button", { key: 'aeca1aceb371f3bf6c392a8e0ce903905d929c33', icon: direction === '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'
                 ? 'sort_ascending'
-                : 'sort_descending', label: direction === 'ASC' ? 'Ascending' : 'Descending', onClick: this.handleToggleDirection }), h("limel-icon-button", { key: '389a10fe59b9b06e6b9251a8bee5a1a06dbf1961', icon: "trash", label: "Remove", onClick: this.handleRemove }))));
+                : 'sort_descending', label: direction === 'ASC' ? 'Ascending' : 'Descending', onClick: this.handleToggleDirection }), h("limel-icon-button", { key: 'dd0d19ac87d87e54726ab3c6eaabb2a139018c2b', icon: "trash", label: "Remove", onClick: this.handleRemove }))));
     }
 };
 OrderByItemComponent.style = orderByItemCss();

package/dist/esm/limebb-lime-query-response-format-builder.entry.js

@@ -191,7 +191,7 @@ const LimeQueryResponseFormatBuilder = class {
     }
     render() {
         const visualModeSupported = this.checkVisualModeSupport();
-        return (h("div", { key: 'f8edf793b05904933998d41dff2680737671754b', class: "response-format-builder" }, this.label && h("h1", { key: '2e6aaf2a0b9fa285920ba71fdc7ef50a1967948b', class: "builder-label" }, this.label), this.helperText && (h("p", { key: '99528513c236f945e8584cb30cc9880eaf049d2d', class: "builder-helper-text" }, this.helperText)), this.visualModeEnabled && (h("div", { key: 'afdb567755d27858daab5490bf22b5c349d4fa0e', 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: '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()))));
     }
     renderModeSwitch(support) {
         const visualDisabled = !support.visualModeSupported;

package/dist/esm/limebb-lime-query-response-format-editor_2.entry.js

@@ -362,7 +362,7 @@ const ResponseFormatItem = class {
     }
     render() {
         return [
-            h("div", { key: '3e3956bb95dc04ffa6bac42f242b81ccc876d100', class: "property-controls" }, h("div", { key: '65591fe8a50e6e80fa3c40c7fb5b9a53b13b8a55', class: "property-path" }, h("limebb-property-selector", { key: 'd41140ae568023f30e7047d3dcbc70a53a7503a4', platform: this.platform, context: this.context, limetype: this.limetype, label: "Property", value: this.item.path, required: true, onChange: this.handlePathChange }), h("div", { key: 'e8bd2fd1c560c6f67ae99bafd3832d9199b1f939', class: "input-grid" }, this.renderAliasInput()), h("div", { key: '5b61d939884ef26c0e83d70c22c7d42635d26aa0', class: "input-grid" }, this.renderDescriptionInput()), h("div", { key: '19dc494a85c9df10b8953380b9f3eb3dda7050ce', class: "button-group" }, this.renderAliasButton(), this.renderDescriptionButton())), h("limel-icon-button", { key: 'da3b889129de1e1dba5bf431b68edb5b786dfee6', icon: "trash", label: "Remove property", onClick: this.handleRemove })),
+            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 })),
         ];
     }
     renderAliasButton() {

package/dist/esm/limebb-live-docs-info.entry.js

@@ -8,8 +8,8 @@ const LiveDocsInfo = class {
     }
     render() {
         return [
-            h("div", { key: '6cca6e4ef0c666b5e8b98f3520e610dd22f0e1e6', class: "header" }, h("limel-icon", { key: 'a5fcd50b843f593695fdb0d58ff676be2f381f98', name: "not_showing_video_frames" }), h("h2", { key: 'fa42a948053ef5cf2d100054300e788097f0f46d' }, "Viewing this file type requires ", h("em", { key: '3319e03d3747ef71f16aa63fa94a9640142bc08c' }, "Live Docs"))),
-            h("p", { key: 'a9aaf3ecc5a63eb37c2242d38b0138b36cb9e4d7' }, h("em", { key: 'be00747c7b6692b534446cbcd2d8e935a08f6558' }, "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: '25535725cb312328f40b8d39a165ae43bf00980d', target: "_blank", href: "https://www.lime-technologies.com/en/lime-crm/live-docs/" }, "Learn more")),
+            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")),
         ];
     }
 };

package/dist/esm/limebb-locale-picker.entry.js

@@ -1109,7 +1109,7 @@ const LocalePicker = class {
             const value = this.value;
             selectedOptions = options.find((option) => option.value === value);
         }
-        return (h("limel-select", { key: 'cb38c95a546757f47d376def9d3cf2f5d8176cf9', 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: '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 }));
     }
 };
 

package/dist/esm/limebb-mention-group-counter.entry.js

@@ -10,8 +10,8 @@ const MentionGroupCounter = class {
     render() {
         const label = this.getLabel();
         return [
-            h("span", { key: 'b6e816b8efd22fdaff81f6669d11ab8efae9e05e', id: this.tooltipId }, label),
-            h("limel-tooltip", { key: '62294172fabc48ad688b14ae75fe43d142ac0cb7', elementId: this.tooltipId, label: label, helperLabel: this.helperLabel }),
+            h("span", { key: 'c2137988c33f772a83c5b433b04ceb539faaea83', id: this.tooltipId }, label),
+            h("limel-tooltip", { key: '38e6d698205fe6169ad63598adb542eb6d596b29', elementId: this.tooltipId, label: label, helperLabel: this.helperLabel }),
         ];
     }
     getLabel() {

package/dist/esm/limebb-navigation-button_2.entry.js

@@ -120,9 +120,9 @@ const SummaryPopover = class {
             top: '0.125rem',
             right: '0.125rem',
         };
-        return (h("limel-popover", { key: '0eebed7c2685d3d162d8987bca7f3ce3acd38a62', style: {
+        return (h("limel-popover", { key: 'aab644ef558c8a9a28bebcf72bf052f154e45246', style: {
                 '--limebb-summary-popover-timeout': `${this.triggerDelay}ms`,
-            }, open: this.isPopoverOpen, onClose: this.onPopoverClose, openDirection: this.openDirection }, h("div", { key: 'df2242c223d4b6a2a61e822f63f50757ebfa16c4', slot: "trigger", onMouseEnter: this.openPopoverWithDelay, onMouseLeave: this.resetTimeout, onFocusin: this.openPopoverWithDelay }, h("slot", { key: '8f0bfcc7295cf604a4d395bc535cd4cf72069ecd', name: "trigger" }), h("div", { key: '804bb712139d21944fb5ce8e1fbb918115ba3dd8', class: "opening-countdown-indicator" })), this.renderCard(closeButtonStyle)));
+            }, open: this.isPopoverOpen, onClose: this.onPopoverClose, openDirection: this.openDirection }, h("div", { key: 'e7315c93a90e2d6aec4f3ed8588aa13a29b5eab0', slot: "trigger", onMouseEnter: this.openPopoverWithDelay, onMouseLeave: this.resetTimeout, onFocusin: this.openPopoverWithDelay }, h("slot", { key: '5465321a8056c44556e73b1034f95fc2604a5bbe', name: "trigger" }), h("div", { key: 'c61742bc59ef1a4f93396544816887e92648af14', class: "opening-countdown-indicator" })), this.renderCard(closeButtonStyle)));
     }
     renderCard(closeButtonStyle) {
         return (h("limel-card", { style: {

package/dist/esm/limebb-notification-item.entry.js

@@ -55,7 +55,7 @@ const NotificationListItem = class {
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: '478562eb1347b383b23e73f28f0143fceec96b7a', id: this.item.id, class: {
+        return (h(Host, { key: 'bbb6c49c020641fc39bb494bc34429ff9e1d9c87', 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/esm/limebb-percentage-visualizer.entry.js

@@ -88,11 +88,11 @@ const PercentageVisualizer = class {
     render() {
         const normalizedValue = this.getNormalizedValue();
         const zeroPoint = this.getZeroPointPosition();
-        return (h(Host, { key: '235b934d22f3b44c3cd1f15be75080e797367c8c', class: this.getContainerClassList(), style: {
+        return (h(Host, { key: '7f00bb913adfb9481e60e6004e4d73a07d46294c', 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: '29e9cb044645d10cc1892f72a032f9484726caff', 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: '917a08e65845ec178c8cefbcfc4bb202b3b7fca0', slot: "content" }, this.renderVisualization())), this.renderHelperLine()));
+            } }, 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()));
     }
     renderVisualization() {
         if (this.reducePresence && (this.numValue === 0 || !this.hasValue())) {

package/dist/esm/limebb-rule-chip-popover.entry.js

@@ -45,7 +45,7 @@ const RuleChipPopover = class {
         };
     }
     render() {
-        return (h("div", { key: 'abb754c8d327cc82b5d4e7e44154e937c3aeb0d2', class: "popover" }, this.renderHeader(), this.renderBody()));
+        return (h("div", { key: '8bad60ba81cd77526779921e975f9d0f4d8bb0d7', class: "popover" }, this.renderHeader(), this.renderBody()));
     }
     renderHeader() {
         var _a, _b, _c, _d;
@@ -58,7 +58,7 @@ const RuleChipPopover = class {
         if (!this.isMutable) {
             return null;
         }
-        return (h("div", { slot: "actions", class: "popover__header-actions" }, h("limel-switch", { class: "popover__negate-switch", label: this.translator.get('webclient.rule-editor.negate'), value: this.isNegated, onChange: this.handleNegateChange }), h("limel-icon-button", { class: "popover__delete-button", icon: "trash", label: this.translator.get('webclient.rule-editor.delete'), onClick: this.handleDelete })));
+        return (h("div", { slot: "actions", class: "popover__header-actions" }, h("limel-switch", { class: "popover__negate-switch", label: this.translator.get('webclient.negate'), value: this.isNegated, onChange: this.handleNegateChange }), h("limel-icon-button", { class: "popover__delete-button", icon: "trash", label: this.translator.get('webclient.rule-editor.delete'), onClick: this.handleDelete })));
     }
     get translator() {
         return this.platform.get(n.Translate);

package/dist/esm/limebb-rule-editor.entry.js

@@ -406,11 +406,11 @@ function combinatorOptions(ctx) {
     return [
         {
             value: 'all',
-            text: ctx.translator.get('webclient.rule-editor.combinator.all'),
+            text: ctx.translator.get('webclient.combinator.all'),
         },
         {
             value: 'any',
-            text: ctx.translator.get('webclient.rule-editor.combinator.any'),
+            text: ctx.translator.get('webclient.combinator.any'),
         },
     ];
 }
@@ -418,7 +418,7 @@ 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) })));
+    return (h("div", { class: "rule-node__header-actions" }, h("limel-switch", { class: "rule-node__negate-switch", label: ctx.translator.get('webclient.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) {
@@ -584,7 +584,7 @@ const RuleEditor = class {
             'rule-editor': true,
             'rule-editor--disabled': this.disabled,
         };
-        return (h("div", { key: 'abe9c739c5fbd0749a593187fd36953482530aeb', class: containerClasses }, this.renderLabel(), h(RuleNodeView, { key: 'ba99e8de897dec3825fb74f78d42b3f503ead775', node: this.normalizedValue, path: [], ctx: this.createRenderContext() }), this.renderHelperText()));
+        return (h("div", { key: '135743195612e7553075236f0dabfbab52331338', class: containerClasses }, this.renderLabel(), h(RuleNodeView, { key: '4c58eb82dd0fb9c60b24905d6a12b9c2a17f1e52', node: this.normalizedValue, path: [], ctx: this.createRenderContext() }), this.renderHelperText()));
     }
     renderLabel() {
         if (!this.label) {

package/dist/esm/limebb-rule-gate.entry.js

@@ -22,7 +22,7 @@ const RuleGate = class {
         this.evaluate();
     }
     render() {
-        return (h(Host, { key: 'ce41c51b7f8b049d7d89374ef0c452b2e961aa23', hidden: !this.shouldRender }, h("slot", { key: 'ad04db83bceca78bf7bb2eb7b7b2dae018025319' })));
+        return (h(Host, { key: '5381dbe9461d4275df18e9a603b4ddaa6d00ec7e', hidden: !this.shouldRender }, h("slot", { key: 'cd6da1fa8de521af851ebb2c481f883ca39c0886' })));
     }
     get ruleRegistry() {
         return this.platform.get(n.RuleRegistry);

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

@@ -1400,7 +1400,7 @@ const LimeBBTextEditor = class {
     }
     render() {
         return [
-            h("limel-text-editor", { key: '7c5597fd2affe6f7a625c3fabfbaaef70ac41b00', 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, inlineImages: this.inlineImages, 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: '6529adf1830ad449f67b9179d348330c1f985310', 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, inlineImages: this.inlineImages, 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/esm/limebb-trend-indicator.entry.js

@@ -49,7 +49,7 @@ const TrendIndicator = class {
         this.numValue = this.parseValue(this.value);
     }
     render() {
-        return (h(Host, { key: 'b963d9086b70b11dce31375284e54574f54b4f0c', class: this.getContainerClassList() }, h("limel-notched-outline", { key: 'd2d2587a0239cba584177dbc1806762e9d783460', id: this.tooltipId, label: this.label, labelId: this.labelId, invalid: this.invalid, required: this.required, hasValue: true, hasFloatingLabel: true, "aria-labelledby": this.labelId, "aria-describedby": this.helperTextId, "aria-controls": this.helperTextId }, h("div", { key: '8e7b6c37d803c5c682220681e93c3a096d4e02d2', slot: "content", tabIndex: 0 }, this.renderVisualization())), this.renderHelperLine(), this.renderTooltip()));
+        return (h(Host, { key: '781bfa7183116ad7c157fec886510c16acf1d357', class: this.getContainerClassList() }, h("limel-notched-outline", { key: 'fa7c7395dc8bc08140aa3a77bdd1c0c185d47fec', id: this.tooltipId, label: this.label, labelId: this.labelId, invalid: this.invalid, required: this.required, hasValue: true, hasFloatingLabel: true, "aria-labelledby": this.labelId, "aria-describedby": this.helperTextId, "aria-controls": this.helperTextId }, h("div", { key: '8d5a6c831d74fc9070883c8e7b3c2eeb49e7f71b', slot: "content", tabIndex: 0 }, this.renderVisualization())), this.renderHelperLine(), this.renderTooltip()));
     }
     renderVisualization() {
         if (this.reducePresence && (this.numValue === 0 || !this.hasValue())) {

package/dist/esm/limebb-value-comparison-editor.entry.js

@@ -169,7 +169,7 @@ const ValueComparisonEditor = class {
     }
     render() {
         const selectedType = TYPE_OPTIONS.find((option) => option.value === this.valueType);
-        return (h("div", { key: 'adecd47e558632637dec3506429c285dcddf7746', class: "rule" }, h("limel-select", { key: '41032f0494cccf8ab9ef429e0648e84b70de7a80', class: "type-select", label: "Compare as", options: TYPE_OPTIONS, value: selectedType, onChange: this.handleTypeChange }), h("limebb-filter-condition-picker", { key: '118a34ec6bf0b057ad504690ea2bbb50295697ef', class: "operator-select", platform: this.platform, propertyType: PROPERTY_TYPE_BY_VALUE_TYPE[this.valueType], conditions: COMPARISON_CONDITIONS, value: operatorToCondition(this.currentOperator), onChange: this.handleConditionChange }), this.renderOperand()));
+        return (h("div", { key: '46633e3dd6527173fdb2a54f50e7844175dbbbe5', class: "rule" }, h("limel-select", { key: '98f82c22a21840061c57a942c273b85416c539cb', class: "type-select", label: "Compare as", options: TYPE_OPTIONS, value: selectedType, onChange: this.handleTypeChange }), h("limebb-filter-condition-picker", { key: 'dac247e83cb2fac41b0e6fdb49f070d5c1b18081', class: "operator-select", platform: this.platform, propertyType: PROPERTY_TYPE_BY_VALUE_TYPE[this.valueType], conditions: COMPARISON_CONDITIONS, value: operatorToCondition(this.currentOperator), onChange: this.handleConditionChange }), this.renderOperand()));
     }
     renderOperand() {
         if (TEMPORAL_TYPES.has(this.valueType)) {