@limetech/lime-crm-building-blocks 1.138.0 → 1.139.1

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: '53d14fd956c5762249f3027456733f6d9fe1a98a', 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: '412e4360e37481f5e5e42eb6018a78350bcde4ae', 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: '80d8a3366d87715e62ba62205b1c0111e358daa5' }, this.renderEmptyState(), this.renderOrderByEditor()));
+        return (h(Host, { key: 'ce933b9c6df59149fa40d26f7e38bdce89208df0' }, 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: '3d546bbd06326fdf84b97cbf8002e61bf4d65bf9' }, h("limebb-property-selector", { key: '908dd26127731052d920fc3b738977f49738aefc', platform: this.platform, context: this.context, limetype: this.limetype, label: "Property", value: propertyPath, required: true, onChange: this.handlePathChange }), h("div", { key: '5a451c6124141537e40e4b38811428072c93d3fc', class: "control-buttons" }, h("limel-icon-button", { key: 'dae62d712d7225dc20b91b5d2c78cc346355ce52', icon: direction === 'ASC'
+        return (h(Host, { key: 'd5d6e8ff87d1afa4d5edbf593455bf43834b29ec' }, h("limebb-property-selector", { key: '92ceae9018edf1b6d073645414dd7b8f094a833d', platform: this.platform, context: this.context, limetype: this.limetype, label: "Property", value: propertyPath, required: true, onChange: this.handlePathChange }), h("div", { key: 'f2a3eb4b19a8ea762928dfb8e61e47d60204ad53', class: "control-buttons" }, h("limel-icon-button", { key: '310fc4eaf3645dd185670409cb83dc4b96d234d4', icon: direction === 'ASC'
                 ? 'sort_ascending'
-                : 'sort_descending', label: direction === 'ASC' ? 'Ascending' : 'Descending', onClick: this.handleToggleDirection }), h("limel-icon-button", { key: 'a75604a6baff7dabd131364ca110984bd31787ac', icon: "trash", label: "Remove", onClick: this.handleRemove }))));
+                : 'sort_descending', label: direction === 'ASC' ? 'Ascending' : 'Descending', onClick: this.handleToggleDirection }), h("limel-icon-button", { key: 'e4b65c9ad1df1f9ff92bf7079d2871f0958d7b10', 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.css

@@ -180,12 +180,6 @@
   cursor: pointer;
   color: var(--limel-theme-on-surface-color);
   background-color: transparent;
-  font-size: 0.625rem;
-  padding: 0 0.5rem 0 0.25rem;
-  display: flex;
-  align-items: center;
-  gap: 0.25rem;
-  border-radius: 0.25rem;
 }
 .button-group button:hover, .button-group button:focus, .button-group button:focus-visible {
   will-change: color, background-color, box-shadow, transform;
@@ -219,6 +213,14 @@
   outline: none;
   box-shadow: var(--shadow-depth-8-focused);
 }
+.button-group button {
+  font-size: 0.625rem;
+  padding: 0 0.5rem 0 0.25rem;
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+  border-radius: 0.25rem;
+}
 .button-group button:hover {
   transform: scale(1.2);
 }

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: '06809c3ef5e4ee2dbbfceadf21bf9ad62efe4d69', class: "property-controls" }, h("div", { key: 'da5275346d5895eaafa1d0cd1b872ae384313c19', class: "property-path" }, h("limebb-property-selector", { key: 'e7fdee44a0baa487ef31b1e9ae50d6902efb789e', platform: this.platform, context: this.context, limetype: this.limetype, label: "Property", value: this.item.path, required: true, onChange: this.handlePathChange }), h("div", { key: '874a5182ceecc35a4ef5017d84e8c934b596a653', class: "input-grid" }, this.renderAliasInput()), h("div", { key: '2ec93a1a3c33472bd319dd6eb8ba7b78c6c25716', class: "input-grid" }, this.renderDescriptionInput()), h("div", { key: '9728a5b115293684c2102dae3a25eb071b1d47c0', class: "button-group" }, this.renderAliasButton(), this.renderDescriptionButton())), h("limel-icon-button", { key: '96f26604fd4b8893ffc6d9f22a98d22234e8b415', icon: "trash", label: "Remove property", onClick: this.handleRemove })),
+            h("div", { key: '1b848d424ba2e13afe06deb80e3344257fbc44e2', class: "property-controls" }, h("div", { key: 'd6b4217961f610f2d4e96cb1c33544e44d4a3a36', class: "property-path" }, h("limebb-property-selector", { key: 'ec7e294945d9974ee0d5159c678cc7d94dc082af', platform: this.platform, context: this.context, limetype: this.limetype, label: "Property", value: this.item.path, required: true, onChange: this.handlePathChange }), h("div", { key: '8aabbbf8548d9abbb930b5aaad6b8d476fc261b1', class: "input-grid" }, this.renderAliasInput()), h("div", { key: 'fa1b078c6b5a1c2d80ecc6bf5114af8f6d8ba12f', class: "input-grid" }, this.renderDescriptionInput()), h("div", { key: '49c482d4b60ae15afac30b67af4ab01d02b9c1e9', class: "button-group" }, this.renderAliasButton(), this.renderDescriptionButton())), h("limel-icon-button", { key: 'e7123ea4974c2928b8b5977595595f77e2271b1a', 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: 'f81bc7b988839c66b858bd6ac361067d7be94b6d', class: "header" }, h("limel-icon", { key: 'b7304f72bb145945db981eb93b1ee4d14114edfa', name: "not_showing_video_frames" }), h("h2", { key: '0331b8264505e135f9bb865e67a31292b1ed35f4' }, "Viewing this file type requires ", h("em", { key: 'bd7049ae2fe5c9b66255d71dc1157dbcac1e34bf' }, "Live Docs"))),
-            h("p", { key: 'b34ef63df0f29d319c0993adeb5360ad9961834e' }, h("em", { key: 'ff6e076d06abb21efb6ca9aba4343e56339a5adb' }, "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: '6abd8c066d30ed815e58febf40abf65560a15b0b', target: "_blank", href: "https://www.lime-technologies.com/en/lime-crm/live-docs/" }, "Learn more")),
+            h("div", { key: '59e539b27d23e3e18806704e8fe2264bc7da1375', class: "header" }, h("limel-icon", { key: '2b6d28bedbc16cd7665b1a250b634ed608d494a5', name: "not_showing_video_frames" }), h("h2", { key: '9ae03ca947c6cadd3754dbf13cd971af1b922fa6' }, "Viewing this file type requires ", h("em", { key: '08fecec0c0fe0ffae4dee5c3268897920c090f48' }, "Live Docs"))),
+            h("p", { key: '7ec4f32f2523ca39518ecce705bcdffa17e73fe3' }, h("em", { key: '4569da9a16c5be8171d01df9620e9adae19eac43' }, "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: '829b8bd8be2751607146797f83b8c220db68f1c2', 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: '231a49f12d52d8dcd0374dbc50a625c9dc5c9680', 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: '36c73b129d7750a035ec241c412a6c2447e23bd4', 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: '70aa4b0d5b07a56b414585422771813cacac8d04', id: this.item.id, class: {
+        return (h(Host, { key: '466bd6547e34e2176054e4abe4354377ea02c316', 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.css

@@ -133,13 +133,6 @@ limel-notched-outline:not([invalid]:not([invalid=false])) .limel-notched-outline
   --limel-notched-outline-border-color: transparent;
 }
 
-div[slot=content] {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  border-radius: inherit;
-  background-color: transparent !important;
-}
 div[slot=content]:focus {
   outline: none;
 }
@@ -147,6 +140,13 @@ div[slot=content]:focus-visible {
   outline: none;
   box-shadow: var(--shadow-depth-8-focused);
 }
+div[slot=content] {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  border-radius: inherit;
+  background-color: transparent !important;
+}
 :host(limebb-percentage-visualizer[invalid]:not([invalid=false])) div[slot=content] {
   border-color: rgb(var(--color-red-default));
 }

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: '8fb1abf25655577aa6310c53da7380742a7751c9', class: this.getContainerClassList(), style: {
+        return (h(Host, { key: '28577ee369379142fa8eb6cf5acc6956475451ec', 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: '8f936a2aef75ca6656b60cf57a31dc49260b9530', 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: '6c9fd8738d41a3419bb211345bc8ffe16a615026', slot: "content" }, this.renderVisualization())), this.renderHelperLine()));
+            } }, h("limel-notched-outline", { key: '1f47e875b69a06ddc10528916f004ffcdb23b65b', 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: 'd3a0d2bc17bbe9b6c26789118f0f679bda356c63', slot: "content" }, this.renderVisualization())), this.renderHelperLine()));
     }
     renderVisualization() {
         if (this.reducePresence && (this.numValue === 0 || !this.hasValue())) {
@@ -319,7 +319,7 @@ export class PercentageVisualizer {
                 "setter": false,
                 "reflect": true,
                 "attribute": "range-max",
-                "defaultValue": "DEFAULT_RANGE_MAX"
+                "defaultValue": "100"
             },
             "rangeMin": {
                 "type": "number",
@@ -339,7 +339,7 @@ export class PercentageVisualizer {
                 "setter": false,
                 "reflect": true,
                 "attribute": "range-min",
-                "defaultValue": "DEFAULT_RANGE_MIN"
+                "defaultValue": "0"
             },
             "multiplier": {
                 "type": "number",
@@ -359,7 +359,7 @@ export class PercentageVisualizer {
                 "setter": false,
                 "reflect": true,
                 "attribute": "multiplier",
-                "defaultValue": "DEFAULT_MULTIPLIER_FACTOR"
+                "defaultValue": "1"
             },
             "label": {
                 "type": "string",

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: '9577a4da5cb41e51ab83f2ed602781c13d7af503', class: "popover" }, this.renderHeader(), this.renderBody()));
+        return (h("div", { key: '1b3a5fc8fc65f577b082cb368d92a99cfc68806a', class: "popover" }, this.renderHeader(), this.renderBody()));
     }
     renderHeader() {
         var _a, _b, _c, _d;

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

@@ -126,7 +126,7 @@ export class RuleEditor {
             'rule-editor': true,
             'rule-editor--disabled': this.disabled,
         };
-        return (h("div", { key: '2c1a7d0162a9145de148c55d3d349edb21c26b34', class: containerClasses }, this.renderLabel(), h(RuleNodeView, { key: 'bfcadccfef5f55ba8325454fa11ee4e27faa1adc', node: this.normalizedValue, path: [], ctx: this.createRenderContext() }), this.renderHelperText()));
+        return (h("div", { key: '983f8e733e177da750191a88e3c176166932f7e0', class: containerClasses }, this.renderLabel(), h(RuleNodeView, { key: '48be41683418ead2b1f2283615b559cfcabbfa98', node: this.normalizedValue, path: [], ctx: this.createRenderContext() }), this.renderHelperText()));
     }
     renderLabel() {
         if (!this.label) {

package/dist/collection/components/rule-editor/value-comparison-editor/value-comparison-editor.css

@@ -6,4 +6,15 @@
   display: grid;
   gap: 0.5rem;
   grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
+}
+
+.offset-builder {
+  display: flex;
+  gap: 0.5rem;
+  align-items: flex-end;
+  grid-column: 1/-1;
+}
+
+.offset-builder .offset-count {
+  max-width: 6rem;
 }

package/dist/collection/components/rule-editor/value-comparison-editor/value-comparison-editor.js

@@ -1,5 +1,12 @@
-import { h } from "@stencil/core";
+import { h, } from "@stencil/core";
 import { Operator } from "@limetech/lime-web-components";
+const TYPE_OPTIONS = [
+    { value: 'string', text: 'Text' },
+    { value: 'number', text: 'Number' },
+    { value: 'date', text: 'Date' },
+    { value: 'datetime', text: 'Date & time' },
+    { value: 'time', text: 'Time' },
+];
 const OPERATOR_OPTIONS = [
     { value: Operator.EQUALS, text: 'Equals' },
     { value: Operator.NOT_EQUALS, text: 'Does not equal' },
@@ -8,16 +15,43 @@ const OPERATOR_OPTIONS = [
     { value: Operator.GREATER, text: 'Greater than' },
     { value: Operator.GREATER_OR_EQUAL, text: 'Greater than or equal to' },
 ];
+const RELATIVE_OFFSET_KEY = '__relative_offset__';
+const SPECIFIC_KEY = '__specific__';
+const FIXED_TOKEN_OPTIONS = [
+    { value: '$now', text: 'Now' },
+    { value: '$today', text: 'Today' },
+    { value: '$tomorrow', text: 'Tomorrow' },
+    { value: '$yesterday', text: 'Yesterday' },
+    { value: '$this_week', text: 'This week' },
+    { value: '$this_month', text: 'This month' },
+    { value: '$this_quarter', text: 'This quarter' },
+    { value: '$this_year', text: 'This year' },
+];
+const FIXED_TOKENS = new Set(FIXED_TOKEN_OPTIONS.map((option) => option.value));
+const DIRECTION_OPTIONS = [
+    { value: 'next', text: 'Next' },
+    { value: 'previous', text: 'Previous' },
+];
+const UNIT_OPTIONS = [
+    { value: 'day', text: 'days' },
+    { value: 'week', text: 'weeks' },
+    { value: 'month', text: 'months' },
+    { value: 'quarter', text: 'quarters' },
+    { value: 'year', text: 'years' },
+];
+// Same grammar the primitive parses in limeclient.js `relative-dates.ts`.
+const PARAMETERIZED_TOKEN = /^\$(next|previous)_(day|week|month|quarter|year)\((\d+)\)$/;
+const TEMPORAL_TYPES = new Set([
+    'date',
+    'datetime',
+    'time',
+]);
 /**
- * Args editor for the `limetech.value-comparison` rule primitive: an
- * operator from the match-filter {@link Operator} vocabulary plus the value
- * to compare against. The operand is emitted as a number when it parses as
- * one and as a string otherwise; the `valueType` follows from it so the
- * primitive orders numerically for numbers and lexically for strings (ISO
- * date strings sort correctly that way).
- *
- * Emptiness is a separate concern handled by the `limetech.value-is-empty`
- * primitive, so this editor offers comparison operators only.
+ * Args editor for the `limetech.value-comparison` rule primitive: a comparison
+ * type, an operator from the match-filter {@link Operator} vocabulary, and the
+ * value to compare against. The chosen type drives the operand input — text and
+ * numbers use a plain field; dates, datetimes and times offer a date picker plus
+ * relative-date choices.
  *
  * @alpha
  * @private
@@ -28,46 +62,263 @@ export class ValueComparisonEditor {
          * @inheritdoc
          */
         this.value = {};
+        this.direction = 'next';
+        this.unit = 'week';
+        this.count = 1;
+        this.countInput = '1';
+        this.countInvalid = false;
+        this.handleTypeChange = (event) => {
+            var _a, _b;
+            event.stopPropagation();
+            this.resetOperandState();
+            this.emit(this.value.operator, undefined, (_b = (_a = event.detail) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : 'string');
+        };
         this.handleOperatorChange = (event) => {
             var _a;
             event.stopPropagation();
             const operator = (_a = event.detail) === null || _a === void 0 ? void 0 : _a.value;
             if (!operator) {
-                this.change.emit({});
+                this.emit(undefined, undefined);
+                return;
+            }
+            this.emit(operator, this.value.operand);
+        };
+        this.handleScalarOperandChange = (event) => {
+            event.stopPropagation();
+            const operator = this.value.operator;
+            if (!operator) {
+                return;
+            }
+            this.emit(operator, this.parseScalarOperand(event.detail));
+        };
+        this.handleOperandKeyChange = (event) => {
+            var _a;
+            event.stopPropagation();
+            const operator = this.value.operator;
+            if (!operator) {
+                return;
+            }
+            const key = (_a = event.detail) === null || _a === void 0 ? void 0 : _a.value;
+            this.operandKey = key;
+            if (key === RELATIVE_OFFSET_KEY) {
+                this.emit(operator, this.relativeOffsetToken());
+                return;
+            }
+            if (key === SPECIFIC_KEY) {
+                // Default to now so the operand is always a real, rebuildable value.
+                if (!this.specificDate) {
+                    this.specificDate = new Date();
+                }
+                this.emit(operator, this.formatSpecific(this.specificDate));
                 return;
             }
-            this.change.emit(this.withOperand(operator, this.value.operand));
+            // A fixed token (or nothing selected).
+            this.emit(operator, key || undefined);
+        };
+        this.handleDirectionChange = (event) => {
+            var _a, _b;
+            event.stopPropagation();
+            this.direction = (_b = (_a = event.detail) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : 'next';
+            this.emitRelativeOffset();
+        };
+        this.handleUnitChange = (event) => {
+            var _a, _b;
+            event.stopPropagation();
+            this.unit = (_b = (_a = event.detail) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : 'week';
+            this.emitRelativeOffset();
         };
-        this.handleOperandChange = (event) => {
+        this.handleCountChange = (event) => {
+            event.stopPropagation();
+            this.countInput = String(event.detail);
+            const parsed = Number.parseInt(this.countInput, 10);
+            if (Number.isNaN(parsed) || parsed < 1) {
+                // Keep showing what the author typed, but flag it instead of
+                // emitting an operand that disagrees with the field.
+                this.countInvalid = true;
+                return;
+            }
+            this.countInvalid = false;
+            this.count = parsed;
+            this.emitRelativeOffset();
+        };
+        this.handleSpecificDateChange = (event) => {
             event.stopPropagation();
             const operator = this.value.operator;
             if (!operator) {
                 return;
             }
-            this.change.emit(this.withOperand(operator, parseOperand(event.detail)));
+            const date = event.detail instanceof Date ? event.detail : undefined;
+            this.specificDate = date;
+            this.emit(operator, date ? this.formatSpecific(date) : undefined);
         };
     }
+    componentWillLoad() {
+        this.syncFromValue(this.value);
+    }
+    onValueChange(value) {
+        this.syncFromValue(value);
+    }
+    get valueType() {
+        var _a;
+        return (_a = this.value.valueType) !== null && _a !== void 0 ? _a : 'string';
+    }
     render() {
-        const selected = OPERATOR_OPTIONS.find((option) => option.value === this.value.operator);
-        return (h("div", { key: 'e3589c48dc94a8a191e46adcd19947c825f12562', class: "rule" }, h("limel-select", { key: '8cb50df76bd8adb26d4bbab185258f1d594f71d8', label: "When the value", options: OPERATOR_OPTIONS, value: selected, onChange: this.handleOperatorChange }), this.renderOperandInput()));
+        const selectedType = TYPE_OPTIONS.find((option) => option.value === this.valueType);
+        const selectedOperator = OPERATOR_OPTIONS.find((option) => option.value === this.value.operator);
+        return (h("div", { key: '9c6e6b6f160fb05bd4a242a207d16b8420ff41df', class: "rule" }, h("limel-select", { key: '703815442cf66522e406223da8ec738eca3d17ff', class: "type-select", label: "Compare as", options: TYPE_OPTIONS, value: selectedType, onChange: this.handleTypeChange }), h("limel-select", { key: '371b67efd26c2519ad2dc2a826a8a28d4b17a659', class: "operator-select", label: "When the value", options: OPERATOR_OPTIONS, value: selectedOperator, onChange: this.handleOperatorChange }), this.renderOperand()));
     }
-    renderOperandInput() {
+    renderOperand() {
         if (!this.value.operator) {
             return null;
         }
-        return (h("limel-input-field", { label: "Compared with", value: this.value.operand === undefined
+        if (TEMPORAL_TYPES.has(this.valueType)) {
+            return this.renderTemporalOperand();
+        }
+        return this.renderScalarInput();
+    }
+    renderScalarInput() {
+        return (h("limel-input-field", { class: "operand-input", label: "Compared with", type: this.valueType === 'number' ? 'number' : 'text', value: this.value.operand === undefined
                 ? ''
-                : String(this.value.operand), onChange: this.handleOperandChange }));
+                : String(this.value.operand), onChange: this.handleScalarOperandChange }));
     }
-    withOperand(operator, operand) {
-        if (operand === undefined) {
-            return { operator };
+    renderTemporalOperand() {
+        const options = this.operandOptions();
+        const selected = options.find((option) => option.value === this.operandKey);
+        return [
+            h("limel-select", { key: "operand-select", class: "operand-select", label: "Compared with", options: options, value: selected, onChange: this.handleOperandKeyChange }),
+            this.renderTemporalSubControl(),
+        ];
+    }
+    operandOptions() {
+        if (this.valueType === 'time') {
+            return [
+                { value: '$now', text: 'Now' },
+                { value: SPECIFIC_KEY, text: 'Specific time…' },
+            ];
         }
-        return {
-            operator,
-            operand,
-            valueType: typeof operand === 'number' ? 'number' : 'string',
-        };
+        const specificText = this.valueType === 'datetime'
+            ? 'Specific date & time…'
+            : 'Specific date…';
+        // For a pure date `$now` resolves to the same value as `$today`, so
+        // only datetime (where the time component matters) offers it.
+        const fixedTokens = this.valueType === 'date'
+            ? FIXED_TOKEN_OPTIONS.filter((option) => option.value !== '$now')
+            : FIXED_TOKEN_OPTIONS;
+        return [
+            ...fixedTokens,
+            { value: RELATIVE_OFFSET_KEY, text: 'Relative offset…' },
+            { value: SPECIFIC_KEY, text: specificText },
+        ];
+    }
+    renderTemporalSubControl() {
+        if (this.operandKey === RELATIVE_OFFSET_KEY) {
+            return this.renderOffsetBuilder();
+        }
+        if (this.operandKey === SPECIFIC_KEY) {
+            return this.renderDatePicker();
+        }
+        return null;
+    }
+    renderOffsetBuilder() {
+        const selectedDirection = DIRECTION_OPTIONS.find((option) => option.value === this.direction);
+        const selectedUnit = UNIT_OPTIONS.find((option) => option.value === this.unit);
+        return (h("div", { key: "offset-builder", class: "offset-builder" }, h("limel-select", { class: "offset-direction", options: DIRECTION_OPTIONS, value: selectedDirection, onChange: this.handleDirectionChange }), h("limel-input-field", { class: "offset-count", label: "Amount", type: "number", required: true, invalid: this.countInvalid, value: this.countInput, onChange: this.handleCountChange }), h("limel-select", { class: "offset-unit", options: UNIT_OPTIONS, value: selectedUnit, onChange: this.handleUnitChange })));
+    }
+    renderDatePicker() {
+        return (h("limel-date-picker", { key: "specific-picker", class: "operand-picker", label: "Compared with", type: this.valueType, value: this.specificDate, onChange: this.handleSpecificDateChange }));
+    }
+    emitRelativeOffset() {
+        const operator = this.value.operator;
+        if (!operator) {
+            return;
+        }
+        this.emit(operator, this.relativeOffsetToken());
+    }
+    relativeOffsetToken() {
+        return `$${this.direction}_${this.unit}(${this.count})`;
+    }
+    parseScalarOperand(raw) {
+        const text = String(raw);
+        if (text.trim() === '') {
+            return undefined;
+        }
+        if (this.valueType !== 'number') {
+            return text;
+        }
+        const parsed = Number(text);
+        return Number.isNaN(parsed) ? undefined : parsed;
+    }
+    formatSpecific(date) {
+        if (this.valueType === 'datetime') {
+            return date.toISOString();
+        }
+        if (this.valueType === 'time') {
+            return `${pad(date.getHours())}:${pad(date.getMinutes())}:${pad(date.getSeconds())}`;
+        }
+        return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}`;
+    }
+    emit(operator, operand, valueType = this.valueType) {
+        // Always carry valueType so the type selection round-trips through
+        // value even when there's no operand yet; the primitive ignores it
+        // until an operand is present.
+        const next = { valueType };
+        if (operator) {
+            next.operator = operator;
+        }
+        if (operand !== undefined) {
+            next.operand = operand;
+        }
+        this.change.emit(next);
+    }
+    resetOperandState() {
+        this.operandKey = undefined;
+        this.specificDate = undefined;
+        this.direction = 'next';
+        this.unit = 'week';
+        this.count = 1;
+        this.countInput = '1';
+        this.countInvalid = false;
+    }
+    syncFromValue(value) {
+        const operand = value === null || value === void 0 ? void 0 : value.operand;
+        if (typeof operand !== 'string' || operand === '') {
+            // No operand: keep the sub-control the author has open.
+            return;
+        }
+        if (!TEMPORAL_TYPES.has(this.valueType)) {
+            this.operandKey = undefined;
+            return;
+        }
+        const match = PARAMETERIZED_TOKEN.exec(operand);
+        if (match) {
+            const [, direction, unit, count] = match;
+            this.operandKey = RELATIVE_OFFSET_KEY;
+            this.direction = direction;
+            this.unit = unit;
+            this.count = Number(count);
+            this.countInput = count;
+            this.countInvalid = false;
+            return;
+        }
+        if (FIXED_TOKENS.has(operand)) {
+            this.operandKey = operand;
+            return;
+        }
+        this.operandKey = SPECIFIC_KEY;
+        this.specificDate = this.parseSpecific(operand);
+    }
+    parseSpecific(operand) {
+        const date = new Date(this.specificDateText(operand));
+        return Number.isNaN(date.getTime()) ? undefined : date;
+    }
+    specificDateText(operand) {
+        if (this.valueType === 'time') {
+            return `1970-01-01T${operand}`;
+        }
+        if (this.valueType === 'date') {
+            return `${operand}T00:00:00`;
+        }
+        return operand;
     }
     static get is() { return "limebb-value-comparison-editor"; }
     static get encapsulation() { return "shadow"; }
@@ -112,6 +363,17 @@ export class ValueComparisonEditor {
             }
         };
     }
+    static get states() {
+        return {
+            "operandKey": {},
+            "direction": {},
+            "unit": {},
+            "count": {},
+            "countInput": {},
+            "countInvalid": {},
+            "specificDate": {}
+        };
+    }
     static get events() {
         return [{
                 "method": "change",
@@ -139,11 +401,13 @@ export class ValueComparisonEditor {
                 }
             }];
     }
-}
-function parseOperand(raw) {
-    if (raw.trim() === '') {
-        return undefined;
+    static get watchers() {
+        return [{
+                "propName": "value",
+                "methodName": "onValueChange"
+            }];
     }
-    const parsed = Number(raw);
-    return Number.isNaN(parsed) ? raw : parsed;
+}
+function pad(value) {
+    return String(value).padStart(2, '0');
 }

package/dist/collection/components/rule-gate/rule-gate.js

@@ -33,7 +33,7 @@ export class RuleGate {
         this.evaluate();
     }
     render() {
-        return (h(Host, { key: 'fd7edf7439ea87b25e48c6f39a92f957b08ed49a', hidden: !this.shouldRender }, h("slot", { key: 'b7996f2833b46fa5ed41e37047380b0f7ce46d17' })));
+        return (h(Host, { key: '1aebc90e382bed53ff293634f4aa37cbc5b1f9d0', hidden: !this.shouldRender }, h("slot", { key: 'f28d6bc819101c43c980b80b4467dcb0d15292fa' })));
     }
     get ruleRegistry() {
         return this.platform.get(PlatformServiceName.RuleRegistry);

package/dist/collection/components/summary-popover/summary-popover.js

@@ -128,9 +128,9 @@ export class SummaryPopover {
             top: '0.125rem',
             right: '0.125rem',
         };
-        return (h("limel-popover", { key: 'eaa26f8cd3c778f154d1ddab917819cef43967f2', style: {
+        return (h("limel-popover", { key: '3dac27c083b2d950d473e5f0f686cd19278eb0a0', style: {
                 '--limebb-summary-popover-timeout': `${this.triggerDelay}ms`,
-            }, open: this.isPopoverOpen, onClose: this.onPopoverClose, openDirection: this.openDirection }, h("div", { key: 'd9c24139c31ad10e544d7c88cfc2f7e246a825b4', slot: "trigger", onMouseEnter: this.openPopoverWithDelay, onMouseLeave: this.resetTimeout, onFocusin: this.openPopoverWithDelay }, h("slot", { key: '261c91114ae898c2cfad0b5108a3db3209517911', name: "trigger" }), h("div", { key: 'f5274138994499992e3ff98d37d339c255c4526a', class: "opening-countdown-indicator" })), this.renderCard(closeButtonStyle)));
+            }, open: this.isPopoverOpen, onClose: this.onPopoverClose, openDirection: this.openDirection }, h("div", { key: 'acc7cc0472a6af2b53b38915111a7c4a8c5e20a1', slot: "trigger", onMouseEnter: this.openPopoverWithDelay, onMouseLeave: this.resetTimeout, onFocusin: this.openPopoverWithDelay }, h("slot", { key: 'd6bdbf59b1d39793484de55dcfb2e43d890468bf', name: "trigger" }), h("div", { key: 'dc462c2b1b787de54b22aed6ca51cac245df3c09', class: "opening-countdown-indicator" })), this.renderCard(closeButtonStyle)));
     }
     renderCard(closeButtonStyle) {
         return (h("limel-card", { style: {

package/dist/collection/components/text-editor/mention-group-counter.js

@@ -13,8 +13,8 @@ export class MentionGroupCounter {
     render() {
         const label = this.getLabel();
         return [
-            h("span", { key: '2eee86762d277a56502e0ddfe6c40e25ebcffabf', id: this.tooltipId }, label),
-            h("limel-tooltip", { key: '612f0b91e7b0ba20ab912e8d77fa3de4eee40212', elementId: this.tooltipId, label: label, helperLabel: this.helperLabel }),
+            h("span", { key: '638df46fb134015d8f9402830580d36dc759bcd1', id: this.tooltipId }, label),
+            h("limel-tooltip", { key: 'bdd49e3025be834b9d808473d456341a50d6f50d', elementId: this.tooltipId, label: label, helperLabel: this.helperLabel }),
         ];
     }
     getLabel() {