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

package/dist/esm/limebb-property-selector.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h } from './index-LEJjPpY0.js';
-import { L as Le, b as n } from './index.esm-B7wJLMmp.js';
+import { r as registerInstance, c as createEvent, h } from './index-DwHAn7LS.js';
+import { L as Le, b as n } from './index.esm-C-L5fkQs.js';
 import { g as getPropertyFromPath, a as getNormalizedProperties } from './property-resolution-CQUZjrU4.js';
-import { g as getIcon } from './limetype-DH77rgZZ.js';
+import { g as getIcon } from './limetype-D4ZaWZ-3.js';
 
 const propertySelectorCss = () => `:host(limebb-property-selector){display:block}limel-menu{display:block;width:100%}`;
 

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h } from './index-LEJjPpY0.js';
-import { O as Ot } from './index.esm-B7wJLMmp.js';
+import { r as registerInstance, c as createEvent, h } from './index-DwHAn7LS.js';
+import { O as Ot } from './index.esm-C-L5fkQs.js';
 
 const ruleArgFilterEditorCss = () => `:host{display:block}`;
 

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h } from './index-LEJjPpY0.js';
-import { T as Tt, b as n } from './index.esm-B7wJLMmp.js';
-import { L as LimeWebComponentTemplate } from './web-component-template-CXFK-BYa.js';
+import { r as registerInstance, c as createEvent, h } from './index-DwHAn7LS.js';
+import { T as Tt, b as n } from './index.esm-C-L5fkQs.js';
+import { L as LimeWebComponentTemplate } from './web-component-template-CAI6pXCH.js';
 
 const ruleChipPopoverCss = () => `:host{display:block}.popover{display:flex;flex-direction:column;min-width:24rem;background-color:rgb(var(--contrast-100));border:1px solid rgb(var(--contrast-700));border-radius:0.5rem;box-shadow:0 0.25rem 0.75rem rgba(0, 0, 0, 0.15);overflow:hidden}.popover__header{--header-background-color:rgba(var(--contrast-300));padding-right:0.5rem;gap:1rem}.popover__header-actions{display:grid;grid-auto-flow:column;grid-gap:0.75rem;padding:0.25rem;align-items:center}.popover__delete-button{color:rgb(var(--contrast-1100))}.popover__body{padding:1rem}`;
 
@@ -45,7 +45,7 @@ const RuleChipPopover = class {
         };
     }
     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/esm/limebb-rule-editor.entry.js

@@ -1,5 +1,5 @@
-import { h, r as registerInstance, c as createEvent, g as getElement } from './index-LEJjPpY0.js';
-import { O as Ot, b as n } from './index.esm-B7wJLMmp.js';
+import { h, r as registerInstance, c as createEvent, g as getElement } from './index-DwHAn7LS.js';
+import { O as Ot, b as n } from './index.esm-C-L5fkQs.js';
 
 /**
  * Remove the node at `path`.
@@ -584,7 +584,7 @@ const RuleEditor = class {
             '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/esm/limebb-rule-gate.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-LEJjPpY0.js';
-import { b as n } from './index.esm-B7wJLMmp.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-DwHAn7LS.js';
+import { b as n } from './index.esm-C-L5fkQs.js';
 
 const ruleGateCss = () => `:host{display:block}:host([hidden]){display:none}`;
 
@@ -22,7 +22,7 @@ const RuleGate = class {
         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(n.RuleRegistry);

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-LEJjPpY0.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-DwHAn7LS.js';
 import { a as ESCAPE } from './keycodes-CwMJvF_Z.js';
 
 const textEditorPickerCss = () => `:host(limebb-text-editor-picker){animation:fade-in 0.3s ease forwards;animation-delay:0.1s;display:block;max-width:calc(100vw - 2rem);padding:0.125rem;border-radius:0.5rem;background-color:rgba(var(--contrast-100));box-shadow:var(--shadow-depth-16);max-height:50vh;overflow-y:auto}limel-menu-list{position:relative}limel-spinner{margin:0 auto}.spinner-in-list{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}`;

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

@@ -1,11 +1,11 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-LEJjPpY0.js';
-import { b as n, r as rt, c as it, L as Le } from './index.esm-B7wJLMmp.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-DwHAn7LS.js';
+import { b as n, r as rt, c as it, L as Le } from './index.esm-C-L5fkQs.js';
 import { A as ARROW_DOWN, a as ESCAPE, b as ARROW_UP, E as ENTER, T as TAB } from './keycodes-CwMJvF_Z.js';
 import { o as overArg, U as Uint8Array, c as isPrototype, a as getTag, d as baseUnary, n as nodeUtil, i as isBuffer, S as Stack, g as getAllKeys } from './_Uint8Array-CUI8uY-p.js';
 import { d as defineProperty } from './_defineProperty-DZ483KPn.js';
 import { c as isObject, e as eq, S as Symbol, i as isObjectLike, a as isArray, r as root } from './_MapCache-BgAfMcRA.js';
 import { c as createRandomString } from './random-string-C2JP2nLw.js';
-import { h as hasHasManyRelation, b as hasLabel, c as getRelationProperty } from './limetype-DH77rgZZ.js';
+import { h as hasHasManyRelation, b as hasLabel, c as getRelationProperty } from './limetype-D4ZaWZ-3.js';
 import { i as isNonNull } from './non-null-CkTg5UPD.js';
 import { i as isSymbol } from './isSymbol-_IkM6xCs.js';
 
@@ -1520,7 +1520,7 @@ const LimeBBTextEditor = class {
     }
     render() {
         return [
-            h("limel-text-editor", { key: 'e25b69ff667cd11469723be202e3c0fe2f97c64e', ref: (el) => (this.textEditor = el), tabindex: this.disabled ? -1 : 0, value: this.value, contentType: this.contentType, customElements: this.registeredCustomElements, "aria-disabled": this.disabled, language: this.language, triggers: this.registeredTriggers, onTriggerStart: this.handleTriggerStart, onTriggerStop: this.handleTriggerStop, onTriggerChange: this.handleTriggerChange, onImagePasted: this.handleImagePasted, onMetadataChange: this.handleMetadataChange, ui: this.ui, allowResize: this.allowResize, required: this.required, disabled: this.disabled, readonly: this.readonly, helperText: this.helperText, placeholder: this.placeholder, label: this.label, invalid: this.invalid }),
+            h("limel-text-editor", { key: '0f1423f13a517aaeea8efbacab475a37e38aa857', ref: (el) => (this.textEditor = el), tabindex: this.disabled ? -1 : 0, value: this.value, contentType: this.contentType, customElements: this.registeredCustomElements, "aria-disabled": this.disabled, language: this.language, triggers: this.registeredTriggers, onTriggerStart: this.handleTriggerStart, onTriggerStop: this.handleTriggerStop, onTriggerChange: this.handleTriggerChange, onImagePasted: this.handleImagePasted, onMetadataChange: this.handleMetadataChange, ui: this.ui, allowResize: this.allowResize, required: this.required, disabled: this.disabled, readonly: this.readonly, helperText: this.helperText, placeholder: this.placeholder, label: this.label, invalid: this.invalid }),
             this.renderPicker(),
         ];
     }

package/dist/esm/limebb-trend-indicator.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, h, H as Host } from './index-LEJjPpY0.js';
-import { b as n } from './index.esm-B7wJLMmp.js';
+import { r as registerInstance, h, H as Host } from './index-DwHAn7LS.js';
+import { b as n } from './index.esm-C-L5fkQs.js';
 import { g as getPercentageClass, n as normalizeValue } from './normalize-value-Cg1DC15C.js';
 
-const trendIndicatorCss = () => `@charset "UTF-8";*{box-sizing:border-box}:host(limebb-trend-indicator){position:relative;display:block;height:100%;width:100%}limel-notched-outline:not([invalid]:not([invalid=false])) .limel-notched-outline--outlines{--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}div[slot=content]:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}:host(limebb-trend-indicator):has(label) div[slot=content]{min-height:2.5rem;padding:0 0.375rem 0 1rem}:host(limebb-trend-indicator[former-value]) div[slot=content]{cursor:help}div[slot=content] span{flex-shrink:0}.icon{flex-shrink:0;display:flex;transition-property:color, background-color, transform;transition-duration:0.4s;transition-timing-function:ease;width:1.25rem;height:1.25rem;border-radius:50%;padding:0.12rem;color:rgb(var(--color-white));background-color:rgb(var(--color-gray-default), 0.5)}:host(.has-value-40to30-negative) .icon{color:rgb(var(--color-gray-darker))}:host(.has-value-30to20-negative) .icon{color:rgb(var(--color-gray-darker))}:host(.has-value-20to10-negative) .icon{color:rgb(var(--color-gray-darker))}:host(.has-value-10to0-negative) .icon{color:rgb(var(--color-gray-darker))}:host(.has-value-0to10-positive) .icon{color:rgb(var(--color-gray-dark))}:host(.has-value-10to20-positive) .icon{color:rgb(var(--color-gray-dark))}:host(.has-value-20to30-positive) .icon{color:rgb(var(--color-gray-dark))}:host(.has-value-30to40-positive) .icon{color:rgb(var(--color-gray-dark))}:host(.has-value-200or-larger-negative) .icon{background-color:rgb(var(--color-red-darker));transform:rotate(90deg)}:host(.has-value-200to100-negative) .icon{background-color:rgb(var(--color-red-dark));transform:rotate(90deg)}:host(.has-value-100to90-negative) .icon{background-color:rgb(var(--color-red-dark));transform:rotate(90deg)}:host(.has-value-90to80-negative) .icon{background-color:rgb(var(--color-red-dark));transform:rotate(81deg)}:host(.has-value-80to70-negative) .icon{background-color:rgb(var(--color-red-default));transform:rotate(72deg)}:host(.has-value-70to60-negative) .icon{background-color:rgb(var(--color-red-default));transform:rotate(63deg)}:host(.has-value-60to50-negative) .icon{background-color:rgb(var(--color-coral-default));transform:rotate(54deg)}:host(.has-value-50to40-negative) .icon{background-color:rgb(var(--color-coral-default));transform:rotate(45deg)}:host(.has-value-40to30-negative) .icon{background-color:rgb(var(--color-orange-default));transform:rotate(36deg)}:host(.has-value-30to20-negative) .icon{background-color:rgb(var(--color-orange-default));transform:rotate(27deg)}:host(.has-value-20to10-negative) .icon{background-color:rgb(var(--color-amber-default));transform:rotate(18deg)}:host(.has-value-10to0-negative) .icon{background-color:rgb(var(--color-amber-default));transform:rotate(9deg)}:host(.has-value-0) .icon{background-color:rgb(var(--color-gray-default));transform:rotate(0deg)}:host(.has-value-0to10-positive) .icon{background-color:rgb(var(--color-yellow-default));transform:rotate(-9deg)}:host(.has-value-10to20-positive) .icon{background-color:rgb(var(--color-yellow-default));transform:rotate(-18deg)}:host(.has-value-20to30-positive) .icon{background-color:rgb(var(--color-grass-default));transform:rotate(-27deg)}:host(.has-value-30to40-positive) .icon{background-color:rgb(var(--color-grass-default));transform:rotate(-36deg)}:host(.has-value-40to50-positive) .icon{background-color:rgb(var(--color-lime-default));transform:rotate(-45deg)}:host(.has-value-50to60-positive) .icon{background-color:rgb(var(--color-lime-default));transform:rotate(-54deg)}:host(.has-value-60to70-positive) .icon{background-color:rgb(var(--color-teal-default));transform:rotate(-63deg)}:host(.has-value-70to80-positive) .icon{background-color:rgb(var(--color-teal-default));transform:rotate(-72deg)}:host(.has-value-80to90-positive) .icon{background-color:rgb(var(--color-teal-dark));transform:rotate(-81deg)}:host(.has-value-90to100-positive) .icon{background-color:rgb(var(--color-teal-dark));transform:rotate(-90deg)}:host(.has-value-100to200-positive) .icon{background-color:rgb(var(--color-teal-dark));transform:rotate(-90deg)}:host(.has-value-200or-larger-positive) .icon{background-color:rgb(var(--color-teal-darker));transform:rotate(-90deg)}:host(.has-value-0) .icon{background-color:rgb(var(--color-gray-default), 0.5);transform:rotate(0deg)}:host(.has-value-0) .icon polyline{color:transparent}:host(.has-value-200or-larger-negative) .icon:after,:host(.has-value-200or-larger-negative) .icon:before,:host(.has-value-200to100-negative) .icon:after,:host(.has-value-200to100-negative) .icon:before,:host(.has-value-100to200-positive) .icon:after,:host(.has-value-100to200-positive) .icon:before,:host(.has-value-200or-larger-positive) .icon:after,:host(.has-value-200or-larger-positive) .icon:before{transition:border-color 0.6s ease;content:"";position:absolute;inset:0;margin:auto;border:1px solid transparent;border-radius:50%}:host(.has-value-200or-larger-negative) .icon:before,:host(.has-value-200to100-negative) .icon:before,:host(.has-value-100to200-positive) .icon:before,:host(.has-value-200or-larger-positive) .icon:before{transform:scale(1.2)}:host(.has-value-200or-larger-negative) .icon:after,:host(.has-value-200to100-negative) .icon:after,:host(.has-value-100to200-positive) .icon:after,:host(.has-value-200or-larger-positive) .icon:after{transform:scale(1.4);opacity:0.4}:host(.has-value-200to100-negative) .icon:before,:host(.has-value-200or-larger-negative) .icon:before{border-color:rgb(var(--color-red-dark))}:host(.has-value-200or-larger-negative) .icon:after{border-color:rgb(var(--color-red-darker))}:host(.has-value-100to200-positive) .icon:before,:host(.has-value-200or-larger-positive) .icon:before{border-color:rgb(var(--color-teal-dark))}:host(.has-value-200or-larger-positive) .icon:after{border-color:rgb(var(--color-teal-darker))}.no-value{transform:translateY(0.5rem)}.growth-unit{padding-left:0.5rem;opacity:0.5}:host(limebb-trend-indicator:focus),:host(limebb-trend-indicator:focus-visible),:host(limebb-trend-indicator:focus-within){--limel-h-l-grid-template-rows-transition-speed:0.46s;--limel-h-l-grid-template-rows:1fr}:host(limebb-trend-indicator){--limel-h-l-grid-template-rows-transition-speed:0.3s;--limel-h-l-grid-template-rows:0fr}:host(limebb-trend-indicator:focus) limel-helper-line,:host(limebb-trend-indicator:focus-visible) limel-helper-line,:host(limebb-trend-indicator:focus-within) limel-helper-line,:host(limebb-trend-indicator:hover) limel-helper-line{will-change:grid-template-rows}`;
+const trendIndicatorCss = () => `@charset "UTF-8";*{box-sizing:border-box}:host(limebb-trend-indicator){position:relative;display:block;height:100%;width:100%}limel-notched-outline:not([invalid]:not([invalid=false])) .limel-notched-outline--outlines{--limel-notched-outline-border-color:transparent}div[slot=content]:focus{outline:none}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-trend-indicator):has(label) div[slot=content]{min-height:2.5rem;padding:0 0.375rem 0 1rem}:host(limebb-trend-indicator[former-value]) div[slot=content]{cursor:help}div[slot=content] span{flex-shrink:0}.icon{flex-shrink:0;display:flex;transition-property:color, background-color, transform;transition-duration:0.4s;transition-timing-function:ease;width:1.25rem;height:1.25rem;border-radius:50%;padding:0.12rem;color:rgb(var(--color-white));background-color:rgb(var(--color-gray-default), 0.5)}:host(.has-value-40to30-negative) .icon{color:rgb(var(--color-gray-darker))}:host(.has-value-30to20-negative) .icon{color:rgb(var(--color-gray-darker))}:host(.has-value-20to10-negative) .icon{color:rgb(var(--color-gray-darker))}:host(.has-value-10to0-negative) .icon{color:rgb(var(--color-gray-darker))}:host(.has-value-0to10-positive) .icon{color:rgb(var(--color-gray-dark))}:host(.has-value-10to20-positive) .icon{color:rgb(var(--color-gray-dark))}:host(.has-value-20to30-positive) .icon{color:rgb(var(--color-gray-dark))}:host(.has-value-30to40-positive) .icon{color:rgb(var(--color-gray-dark))}:host(.has-value-200or-larger-negative) .icon{background-color:rgb(var(--color-red-darker));transform:rotate(90deg)}:host(.has-value-200to100-negative) .icon{background-color:rgb(var(--color-red-dark));transform:rotate(90deg)}:host(.has-value-100to90-negative) .icon{background-color:rgb(var(--color-red-dark));transform:rotate(90deg)}:host(.has-value-90to80-negative) .icon{background-color:rgb(var(--color-red-dark));transform:rotate(81deg)}:host(.has-value-80to70-negative) .icon{background-color:rgb(var(--color-red-default));transform:rotate(72deg)}:host(.has-value-70to60-negative) .icon{background-color:rgb(var(--color-red-default));transform:rotate(63deg)}:host(.has-value-60to50-negative) .icon{background-color:rgb(var(--color-coral-default));transform:rotate(54deg)}:host(.has-value-50to40-negative) .icon{background-color:rgb(var(--color-coral-default));transform:rotate(45deg)}:host(.has-value-40to30-negative) .icon{background-color:rgb(var(--color-orange-default));transform:rotate(36deg)}:host(.has-value-30to20-negative) .icon{background-color:rgb(var(--color-orange-default));transform:rotate(27deg)}:host(.has-value-20to10-negative) .icon{background-color:rgb(var(--color-amber-default));transform:rotate(18deg)}:host(.has-value-10to0-negative) .icon{background-color:rgb(var(--color-amber-default));transform:rotate(9deg)}:host(.has-value-0) .icon{background-color:rgb(var(--color-gray-default));transform:rotate(0deg)}:host(.has-value-0to10-positive) .icon{background-color:rgb(var(--color-yellow-default));transform:rotate(-9deg)}:host(.has-value-10to20-positive) .icon{background-color:rgb(var(--color-yellow-default));transform:rotate(-18deg)}:host(.has-value-20to30-positive) .icon{background-color:rgb(var(--color-grass-default));transform:rotate(-27deg)}:host(.has-value-30to40-positive) .icon{background-color:rgb(var(--color-grass-default));transform:rotate(-36deg)}:host(.has-value-40to50-positive) .icon{background-color:rgb(var(--color-lime-default));transform:rotate(-45deg)}:host(.has-value-50to60-positive) .icon{background-color:rgb(var(--color-lime-default));transform:rotate(-54deg)}:host(.has-value-60to70-positive) .icon{background-color:rgb(var(--color-teal-default));transform:rotate(-63deg)}:host(.has-value-70to80-positive) .icon{background-color:rgb(var(--color-teal-default));transform:rotate(-72deg)}:host(.has-value-80to90-positive) .icon{background-color:rgb(var(--color-teal-dark));transform:rotate(-81deg)}:host(.has-value-90to100-positive) .icon{background-color:rgb(var(--color-teal-dark));transform:rotate(-90deg)}:host(.has-value-100to200-positive) .icon{background-color:rgb(var(--color-teal-dark));transform:rotate(-90deg)}:host(.has-value-200or-larger-positive) .icon{background-color:rgb(var(--color-teal-darker));transform:rotate(-90deg)}:host(.has-value-0) .icon{background-color:rgb(var(--color-gray-default), 0.5);transform:rotate(0deg)}:host(.has-value-0) .icon polyline{color:transparent}:host(.has-value-200or-larger-negative) .icon:after,:host(.has-value-200or-larger-negative) .icon:before,:host(.has-value-200to100-negative) .icon:after,:host(.has-value-200to100-negative) .icon:before,:host(.has-value-100to200-positive) .icon:after,:host(.has-value-100to200-positive) .icon:before,:host(.has-value-200or-larger-positive) .icon:after,:host(.has-value-200or-larger-positive) .icon:before{transition:border-color 0.6s ease;content:"";position:absolute;inset:0;margin:auto;border:1px solid transparent;border-radius:50%}:host(.has-value-200or-larger-negative) .icon:before,:host(.has-value-200to100-negative) .icon:before,:host(.has-value-100to200-positive) .icon:before,:host(.has-value-200or-larger-positive) .icon:before{transform:scale(1.2)}:host(.has-value-200or-larger-negative) .icon:after,:host(.has-value-200to100-negative) .icon:after,:host(.has-value-100to200-positive) .icon:after,:host(.has-value-200or-larger-positive) .icon:after{transform:scale(1.4);opacity:0.4}:host(.has-value-200to100-negative) .icon:before,:host(.has-value-200or-larger-negative) .icon:before{border-color:rgb(var(--color-red-dark))}:host(.has-value-200or-larger-negative) .icon:after{border-color:rgb(var(--color-red-darker))}:host(.has-value-100to200-positive) .icon:before,:host(.has-value-200or-larger-positive) .icon:before{border-color:rgb(var(--color-teal-dark))}:host(.has-value-200or-larger-positive) .icon:after{border-color:rgb(var(--color-teal-darker))}.no-value{transform:translateY(0.5rem)}.growth-unit{padding-left:0.5rem;opacity:0.5}:host(limebb-trend-indicator:focus),:host(limebb-trend-indicator:focus-visible),:host(limebb-trend-indicator:focus-within){--limel-h-l-grid-template-rows-transition-speed:0.46s;--limel-h-l-grid-template-rows:1fr}:host(limebb-trend-indicator){--limel-h-l-grid-template-rows-transition-speed:0.3s;--limel-h-l-grid-template-rows:0fr}:host(limebb-trend-indicator:focus) limel-helper-line,:host(limebb-trend-indicator:focus-visible) limel-helper-line,:host(limebb-trend-indicator:focus-within) limel-helper-line,:host(limebb-trend-indicator:hover) limel-helper-line{will-change:grid-template-rows}`;
 
 const TrendIndicator = class {
     constructor(hostRef) {
@@ -49,7 +49,7 @@ const TrendIndicator = class {
         this.numValue = this.parseValue(this.value);
     }
     render() {
-        return (h(Host, { key: 'c42f5bbc24bb06b91db44591fe6c6720887e6762', class: this.getContainerClassList() }, h("limel-notched-outline", { key: '6b278dd73d5222723b5fb1476e938849ce92d5f4', 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: '90002d49b80d88f4f62ce3f182cc0d73a9099d7e', slot: "content", tabIndex: 0 }, this.renderVisualization())), this.renderHelperLine(), this.renderTooltip()));
+        return (h(Host, { key: 'fbf631c6889091e9efe5790397b26f804d27d93b', class: this.getContainerClassList() }, h("limel-notched-outline", { key: '832d2d338bf86da41b0a19a813f0dc7e3b3eb8c9', 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: 'b3266118df54e2c3a4d7729f0e36d7c7e1fbc13c', 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

@@ -1,8 +1,15 @@
-import { r as registerInstance, c as createEvent, h } from './index-LEJjPpY0.js';
-import { n as nt } from './index.esm-B7wJLMmp.js';
+import { r as registerInstance, c as createEvent, h } from './index-DwHAn7LS.js';
+import { n as nt } from './index.esm-C-L5fkQs.js';
 
-const valueComparisonEditorCss = () => `:host{display:block}.rule{display:grid;gap:0.5rem;grid-template-columns:repeat(auto-fit, minmax(12rem, 1fr))}`;
+const valueComparisonEditorCss = () => `:host{display:block}.rule{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}`;
 
+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: nt.EQUALS, text: 'Equals' },
     { value: nt.NOT_EQUALS, text: 'Does not equal' },
@@ -11,6 +18,37 @@ const OPERATOR_OPTIONS = [
     { value: nt.GREATER, text: 'Greater than' },
     { value: nt.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',
+]);
 const ValueComparisonEditor = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -19,54 +57,272 @@ const ValueComparisonEditor = class {
          * @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.change.emit(this.withOperand(operator, this.value.operand));
+            this.emit(operator, this.value.operand);
         };
-        this.handleOperandChange = (event) => {
+        this.handleScalarOperandChange = (event) => {
             event.stopPropagation();
             const operator = this.value.operator;
             if (!operator) {
                 return;
             }
-            this.change.emit(this.withOperand(operator, parseOperand(event.detail)));
+            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;
+            }
+            // 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.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;
+            }
+            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 },
+        ];
     }
-};
-function parseOperand(raw) {
-    if (raw.trim() === '') {
-        return undefined;
+    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 })));
     }
-    const parsed = Number(raw);
-    return Number.isNaN(parsed) ? raw : parsed;
+    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 watchers() { return {
+        "value": [{
+                "onValueChange": 0
+            }]
+    }; }
+};
+function pad(value) {
+    return String(value).padStart(2, '0');
 }
 ValueComparisonEditor.style = valueComparisonEditorCss();
 

package/dist/esm/{limetype-DH77rgZZ.js → limetype-D4ZaWZ-3.js}

@@ -1,4 +1,4 @@
-import { i, a } from './index.esm-B7wJLMmp.js';
+import { i, a } from './index.esm-C-L5fkQs.js';
 
 /**
  * Get the color for a limetype from its UI configuration