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

package/dist/lime-crm-building-blocks/{p-b46722c8.entry.js → p-fc372344.entry.js}

@@ -1 +1 @@
-import{r as e,c as r,h as i}from"./p-COtSgrC5.js";const t=class{constructor(i){e(this,i),this.changeStartTime=r(this,"changeStartTime"),this.changeEndTime=r(this,"changeEndTime"),this.handleStartTimeChange=e=>{e.stopPropagation(),this.changeStartTime.emit(e.detail)},this.handleEndTimeChange=e=>{e.stopPropagation(),this.changeEndTime.emit(e.detail)}}componentWillLoad(){this.originalStartTime=this.startTime,this.originalEndTime=this.endTime}render(){return i("div",{key:"853dfd7dcedfcb12b98fe955ca5bca276588a73b",class:"date-pickers"},this.renderStartDatePicker(),this.renderEndDatePicker())}renderStartDatePicker(){if(this.originalStartTime)return i("div",{class:"start-time"},this.renderDatePicker(this.startTimeLabel,this.startTime,!this.startTime,this.handleStartTimeChange))}renderEndDatePicker(){if(this.originalEndTime)return i("div",{class:"end-time"},this.renderDatePicker(this.endTimeLabel,this.endTime,!this.endTime,this.handleEndTimeChange))}renderDatePicker(e,r,t,a){const l=this.platform&&i("limebb-date-picker",{platform:this.platform,context:this.context,type:this.type,value:r,onChange:a,invalid:t});return[i("div",{class:"label-group"},i("span",{class:"circle"}),i("span",{class:"label"},e),i("span",{class:"line"})),l||i("limel-date-picker",{type:this.type,value:r,format:this.timeFormat,language:this.language,onChange:a,invalid:t})]}};t.style=":host(limebb-date-range){isolation:isolate;display:block;position:relative}*{box-sizing:border-box}.date-pickers{display:grid;grid-template-columns:repeat(auto-fit, minmax(13.5rem, 1fr));gap:0.5rem;padding:0.75rem 1rem 1.25rem 1rem}.label-group{display:flex;align-items:center;margin-bottom:0.25rem}.end-time .label-group{flex-direction:row-reverse}.label-group .label{font-size:0.75rem;padding:0 0.25rem}.label-group .circle{flex-shrink:0;width:0.5rem;height:0.5rem;border-radius:50%}.start-time .label-group .circle{background-color:rgb(var(--color-green-default))}.end-time .label-group .circle{background-color:rgb(var(--color-coral-default))}.label-group .line{flex-grow:1;height:0.25rem;border-radius:1rem}.start-time .label-group .line{background-image:linear-gradient(to right, rgb(var(--color-green-light)), rgb(var(--contrast-400)) 30%)}.end-time .label-group .line{background-image:linear-gradient(to left, rgb(var(--color-coral-light)), rgb(var(--contrast-400)) 30%)}.date-pickers:has(>:last-child:nth-child(2)) .start-time .line{margin-right:-0.5rem}.date-pickers:has(>:last-child:nth-child(2)) .end-time .line{margin-left:-0.5rem}";export{t as limebb_date_range}
+import{r as e,c as r,h as i}from"./p-COtSgrC5.js";const t=class{constructor(i){e(this,i),this.changeStartTime=r(this,"changeStartTime"),this.changeEndTime=r(this,"changeEndTime"),this.handleStartTimeChange=e=>{e.stopPropagation(),this.changeStartTime.emit(e.detail)},this.handleEndTimeChange=e=>{e.stopPropagation(),this.changeEndTime.emit(e.detail)}}componentWillLoad(){this.originalStartTime=this.startTime,this.originalEndTime=this.endTime}render(){return i("div",{key:"164c0dd19a89356dcd9186768033d7974006dcb5",class:"date-pickers"},this.renderStartDatePicker(),this.renderEndDatePicker())}renderStartDatePicker(){if(this.originalStartTime)return i("div",{class:"start-time"},this.renderDatePicker(this.startTimeLabel,this.startTime,!this.startTime,this.handleStartTimeChange))}renderEndDatePicker(){if(this.originalEndTime)return i("div",{class:"end-time"},this.renderDatePicker(this.endTimeLabel,this.endTime,!this.endTime,this.handleEndTimeChange))}renderDatePicker(e,r,t,a){const l=this.platform&&i("limebb-date-picker",{platform:this.platform,context:this.context,type:this.type,value:r,onChange:a,invalid:t});return[i("div",{class:"label-group"},i("span",{class:"circle"}),i("span",{class:"label"},e),i("span",{class:"line"})),l||i("limel-date-picker",{type:this.type,value:r,format:this.timeFormat,language:this.language,onChange:a,invalid:t})]}};t.style=":host(limebb-date-range){isolation:isolate;display:block;position:relative}*{box-sizing:border-box}.date-pickers{display:grid;grid-template-columns:repeat(auto-fit, minmax(13.5rem, 1fr));gap:0.5rem;padding:0.75rem 1rem 1.25rem 1rem}.label-group{display:flex;align-items:center;margin-bottom:0.25rem}.end-time .label-group{flex-direction:row-reverse}.label-group .label{font-size:0.75rem;padding:0 0.25rem}.label-group .circle{flex-shrink:0;width:0.5rem;height:0.5rem;border-radius:50%}.start-time .label-group .circle{background-color:rgb(var(--color-green-default))}.end-time .label-group .circle{background-color:rgb(var(--color-coral-default))}.label-group .line{flex-grow:1;height:0.25rem;border-radius:1rem}.start-time .label-group .line{background-image:linear-gradient(to right, rgb(var(--color-green-light)), rgb(var(--contrast-400)) 30%)}.end-time .label-group .line{background-image:linear-gradient(to left, rgb(var(--color-coral-light)), rgb(var(--contrast-400)) 30%)}.date-pickers:has(>:last-child:nth-child(2)) .start-time .line{margin-right:-0.5rem}.date-pickers:has(>:last-child:nth-child(2)) .end-time .line{margin-left:-0.5rem}";export{t as limebb_date_range}

package/dist/types/components/rule-editor/rule-editor-mode-view.d.ts

@@ -0,0 +1,22 @@
+import { FunctionalComponent } from '../../stencil-public-runtime';
+import { Translator } from '@limetech/lime-web-components';
+import { RuleEditorMode } from './rule-editor.types';
+interface ModeProps {
+    modes: RuleEditorMode[];
+    selected: RuleEditorMode;
+    disabled: boolean;
+    translator: Translator;
+    onModeChange: (mode: RuleEditorMode) => void;
+}
+/**
+ * The segmented control that picks how the rule is written.
+ *
+ * `limel-button-group` renders radio inputs in one group, so at most
+ * one mode is ever selected. None is selected when `selected` is a mode
+ * the caller does not offer — a stored condition tree under a setting
+ * that offers only the unconditional modes.
+ * @param props
+ */
+export declare const RuleModeView: FunctionalComponent<ModeProps>;
+export {};
+//# sourceMappingURL=rule-editor-mode-view.d.ts.map

package/dist/types/components/rule-editor/rule-editor-modes.d.ts

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

package/dist/types/components/rule-editor/rule-editor.d.ts

@@ -1,6 +1,7 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { FormComponent } from '@limetech/lime-elements';
 import { ContextMap, LimeWebComponent, LimeWebComponentContext, LimeWebComponentPlatform, Rule } from '@limetech/lime-web-components';
+import { RuleEditorMode } from './rule-editor.types';
 /**
  * Tree editor for {@link Rule}.
  *
@@ -31,7 +32,17 @@ import { ContextMap, LimeWebComponent, LimeWebComponentContext, LimeWebComponent
  * default (e.g. an admin form's "no selection" context) doesn't shadow a
  * DOM-provided one.
  *
+ * Pass `modes` to offer the author a few pre-defined answers above the
+ * tree — "Never", "Always", "Conditionally" — so an
+ * unconditional state is one click instead of an empty tree they have
+ * to reason about. A mode is a way of writing a rule, not a second
+ * output: all of them end up in `value`, and `ruleForMode` builds the
+ * same rule a click does.
+ *
  * @exampleComponent limebb-example-rule-editor
+ * @exampleComponent limebb-example-rule-editor-modes
+ * @exampleComponent limebb-example-rule-editor-invalid
+ * @exampleComponent limebb-example-rule-editor-help
  *
  * @alpha
  * @private
@@ -57,6 +68,24 @@ export declare class RuleEditor implements LimeWebComponent, FormComponent<Rule
      * the saved-rule library.
      */
     availableContexts?: (keyof ContextMap)[];
+    /**
+     * The ways of writing a rule offered above the tree, in the order
+     * given. Leave it unset to offer none, and render the tree alone.
+     *
+     * Which modes make sense is the caller's to decide, because it
+     * differs per setting: a "when to show" toggle offers `always` and
+     * `conditional`, while a "when to make required" one also offers
+     * `never`. `conditional` is not forced into the list — a caller
+     * passing only the unconditional modes usually gets a plain toggle
+     * with no tree, which is a legitimate thing to want.
+     *
+     * "Usually", because the offered modes do not constrain `value`. A
+     * stored condition tree is still drawn, and the control then shows
+     * no mode as selected, because none of the offered ones describes
+     * what is stored. Hiding a rule the author cannot otherwise see
+     * would be worse than an unselected control.
+     */
+    modes?: RuleEditorMode[];
     /**
      * @inheritdoc
      */
@@ -76,6 +105,17 @@ export declare class RuleEditor implements LimeWebComponent, FormComponent<Rule
      * @inheritdoc
      */
     disabled: boolean;
+    /**
+     * Set to `true` to mark the rule as invalid, which reddens the
+     * outline and the helper text.
+     *
+     * This is the caller's verdict on the rule as a whole — typically a
+     * form reporting that the field is required and empty. It is
+     * separate from the diagnostics the editor finds itself, which mark
+     * the individual nodes they belong to and show regardless of this
+     * prop.
+     */
+    invalid: boolean;
     /**
      * @inheritdoc
      */
@@ -84,6 +124,15 @@ export declare class RuleEditor implements LimeWebComponent, FormComponent<Rule
      * @inheritdoc
      */
     helperText: string;
+    /**
+     * Contextual help for the setting as a whole, rendered as a `?`
+     * beside the label that opens a popover on click. Markdown.
+     *
+     * For what a rule *is* rather than what this one is for — the
+     * helper text is the shorter, always-legible answer, and the two
+     * are meant to be used together rather than instead of each other.
+     */
+    help?: string;
     /**
      * Emitted when the rule tree is mutated. Detail is the new rule, or
      * `undefined` when the user has cleared the editor to an empty root
@@ -94,13 +143,35 @@ export declare class RuleEditor implements LimeWebComponent, FormComponent<Rule
     private resolvedContext?;
     private issues;
     private openChipPath;
+    /**
+     * The mode the author last clicked, held until `value` reads back
+     * as it.
+     *
+     * A purely derived mode cannot express one case: `conditional` with
+     * nothing to restore emits no rule, so the derivation would fall
+     * back to the first offered mode and snap the control away from
+     * what the author just clicked.
+     */
+    private modeOverride;
     private focusOnOpen;
     private metadataById;
     private allPrimitiveOptions;
     private availablePrimitiveOptions;
     private reachableSlots;
+    /**
+     * The conditional rule the author had when they switched to an
+     * unconditional mode, put back when they switch to `conditional`
+     * again.
+     *
+     * It is not emitted, so a remount loses it. That is the trade:
+     * a mis-click is forgiven without inventing a state the emitted
+     * `Rule` has no way to carry.
+     */
+    private stashedTree;
     private normalizedCache;
     private hasLoaded;
+    private readonly labelId;
+    private readonly helperTextId;
     componentWillLoad(): void;
     private rebuildFromRegistries;
     /**
@@ -114,9 +185,48 @@ export declare class RuleEditor implements LimeWebComponent, FormComponent<Rule
     protected onValueChange(): void;
     protected onAvailableContextsChange(): void;
     render(): any;
-    private renderLabel;
-    private renderHelperText;
+    private renderModes;
+    /**
+     * The condition tree, shown unless a mode other than `conditional`
+     * is selected — an unconditional rule has no conditions to show.
+     * A caller offering no modes at all gets the tree, as before.
+     */
+    private renderTree;
+    private renderHelperLine;
+    private renderHelp;
     private createRenderContext;
+    /**
+     * The mode the editor is in, or `undefined` when it offers none —
+     * then it is the plain tree editor it was before modes existed.
+     *
+     * Derived from `value`, falling back to the first offered mode for
+     * a caller who has not stored a rule yet: the control has to show
+     * something, and nothing is emitted until the author picks.
+     */
+    private get currentMode();
+    /**
+     * Write the picked mode as a rule and emit it. The tree the author
+     * had is stashed on the way out, so picking `conditional` again
+     * puts it back instead of starting from empty. An emptied tree is
+     * stashed too — restoring it is what tells the author their
+     * conditions are gone, rather than handing back the ones they
+     * removed. With nothing stashed, `conditional` emits no rule, which
+     * is how the editor already says "the author cleared this".
+     * @param mode
+     */
+    private handleModeChange;
+    /**
+     * Drop the override once `value` contradicts it, handing the mode
+     * back to the derivation — that is how a later value from the
+     * caller wins over the mode the author picked.
+     *
+     * A value that expresses no mode at all does not contradict
+     * anything: an emptied tree emits no rule, and the author is still
+     * in `conditional`. Dropping the override there would read the
+     * empty value back as the first offered mode and rewrite the
+     * setting under the author.
+     */
+    private clearReachedModeOverride;
     private handleDelete;
     private handleUpdateArgs;
     private handleReplaceNode;
@@ -146,9 +256,12 @@ export declare class RuleEditor implements LimeWebComponent, FormComponent<Rule
     /**
      * The subset of registered metadata offered for adding in the
      * palette: primitives whose `reads` aren't fully covered by the
-     * reachable slots are dropped. Filtering only the palette — not the
-     * full `allPrimitiveOptions` — keeps already-placed chips resolving
-     * to their proper title even when their read slot isn't reachable.
+     * reachable slots are dropped, and so is the always primitive —
+     * it reads nothing, so it is always covered, but an "Always" chip
+     * among a group's conditions says nothing. Filtering only the
+     * palette — not the full `allPrimitiveOptions` — keeps
+     * already-placed chips resolving to their proper title even when
+     * their read slot isn't reachable.
      */
     private availablePrimitiveMetadata;
     /**
@@ -166,6 +279,13 @@ export declare class RuleEditor implements LimeWebComponent, FormComponent<Rule
      */
     private computeReachableSlots;
     private runValidation;
+    /**
+     * Emit an edited tree. Editing the tree is only possible in
+     * `conditional`, so the edit itself records the mode: an edit that
+     * empties the tree emits no rule, and without this the empty value
+     * would read back as the first offered mode.
+     * @param next
+     */
     private emitIfChanged;
     /**
      * Wrap any non-group `value` in a top-level `all` so the editor
@@ -174,6 +294,10 @@ export declare class RuleEditor implements LimeWebComponent, FormComponent<Rule
      * `emitNormalization` will *not* push that placeholder back to the
      * caller, so an unset value stays unset until the user edits.
      *
+     * An unconditional mode is the exception: its sentinel is left
+     * exactly as it came in, because wrapping it would rewrite the
+     * shape the mode is read back from.
+     *
      * Memoized so callers that read this several times in one handler
      * see the same reference — the identity check in `emitIfChanged`
      * depends on it.

package/dist/types/components/rule-editor/rule-editor.types.d.ts

@@ -0,0 +1,16 @@
+/**
+ * A way of writing a rule.
+ *
+ * - `never` — the rule never holds
+ * - `always` — the rule always holds
+ * - `conditional` — the rule holds when the author's conditions are met
+ *
+ * The first two are one click each, which spares the author from
+ * reasoning about an empty condition tree to say something
+ * unconditional. All three end up in the same `Rule` value — a mode is
+ * a way of writing a rule, not a second output.
+ *
+ * @public
+ */
+export type RuleEditorMode = 'never' | 'always' | 'conditional';
+//# sourceMappingURL=rule-editor.types.d.ts.map

package/dist/types/components.d.ts

@@ -34,6 +34,7 @@ import { LanguagePickerType } from "./components/locale-picker/language-picker.t
 import { NavigationButtonType } from "./components/navigation-button/navigation-button.types";
 import { NotificationItem } from "./components/notification-list/notification-item/notification-item.types";
 import { RuleArgFilterEditorValue } from "./components/rule-editor/rule-arg-filter-editor/rule-arg-filter-editor";
+import { RuleEditorMode } from "./components/rule-editor/rule-editor.types";
 import { TriggerMap } from "./components/text-editor/text-editor.types";
 import { ValueComparisonEditorValue } from "./components/rule-editor/value-comparison-editor/value-comparison-editor";
 export { AlertType } from "./components/alert-dialog/alert-dialog.types";
@@ -65,6 +66,7 @@ export { LanguagePickerType } from "./components/locale-picker/language-picker.t
 export { NavigationButtonType } from "./components/navigation-button/navigation-button.types";
 export { NotificationItem } from "./components/notification-list/notification-item/notification-item.types";
 export { RuleArgFilterEditorValue } from "./components/rule-editor/rule-arg-filter-editor/rule-arg-filter-editor";
+export { RuleEditorMode } from "./components/rule-editor/rule-editor.types";
 export { TriggerMap } from "./components/text-editor/text-editor.types";
 export { ValueComparisonEditorValue } from "./components/rule-editor/value-comparison-editor/value-comparison-editor";
 export namespace Components {
@@ -2583,7 +2585,16 @@ export namespace Components {
      * that provides it. An explicit Prop with a `limetype` wins, so an empty
      * default (e.g. an admin form's "no selection" context) doesn't shadow a
      * DOM-provided one.
+     * Pass `modes` to offer the author a few pre-defined answers above the
+     * tree — "Never", "Always", "Conditionally" — so an
+     * unconditional state is one click instead of an empty tree they have
+     * to reason about. A mode is a way of writing a rule, not a second
+     * output: all of them end up in `value`, and `ruleForMode` builds the
+     * same rule a click does.
      * @exampleComponent limebb-example-rule-editor
+     * @exampleComponent limebb-example-rule-editor-modes
+     * @exampleComponent limebb-example-rule-editor-invalid
+     * @exampleComponent limebb-example-rule-editor-help
      * @alpha 
      * @private 
      */
@@ -2601,16 +2612,28 @@ export namespace Components {
           * @inheritdoc
          */
         "disabled": boolean;
+        /**
+          * Contextual help for the setting as a whole, rendered as a `?` beside the label that opens a popover on click. Markdown.  For what a rule *is* rather than what this one is for — the helper text is the shorter, always-legible answer, and the two are meant to be used together rather than instead of each other.
+         */
+        "help"?: string;
         /**
           * The helper text for the current property
           * @inheritdoc
          */
         "helperText": string;
+        /**
+          * Set to `true` to mark the rule as invalid, which reddens the outline and the helper text.  This is the caller's verdict on the rule as a whole — typically a form reporting that the field is required and empty. It is separate from the diagnostics the editor finds itself, which mark the individual nodes they belong to and show regardless of this prop.
+         */
+        "invalid": boolean;
         /**
           * The label of the current property
           * @inheritdoc
          */
         "label": string;
+        /**
+          * The ways of writing a rule offered above the tree, in the order given. Leave it unset to offer none, and render the tree alone.  Which modes make sense is the caller's to decide, because it differs per setting: a "when to show" toggle offers `always` and `conditional`, while a "when to make required" one also offers `never`. `conditional` is not forced into the list — a caller passing only the unconditional modes usually gets a plain toggle with no tree, which is a legitimate thing to want.  "Usually", because the offered modes do not constrain `value`. A stored condition tree is still drawn, and the control then shows no mode as selected, because none of the offered ones describes what is stored. Hiding a rule the author cannot otherwise see would be worse than an unselected control.
+         */
+        "modes"?: RuleEditorMode[];
         /**
           * Reference to the platform service container.  Use this to access all platform services like repositories, HTTP client, command bus, navigator, and more. The platform instance is shared across all components in the same application context.
          */
@@ -4941,7 +4964,16 @@ declare global {
      * that provides it. An explicit Prop with a `limetype` wins, so an empty
      * default (e.g. an admin form's "no selection" context) doesn't shadow a
      * DOM-provided one.
+     * Pass `modes` to offer the author a few pre-defined answers above the
+     * tree — "Never", "Always", "Conditionally" — so an
+     * unconditional state is one click instead of an empty tree they have
+     * to reason about. A mode is a way of writing a rule, not a second
+     * output: all of them end up in `value`, and `ruleForMode` builds the
+     * same rule a click does.
      * @exampleComponent limebb-example-rule-editor
+     * @exampleComponent limebb-example-rule-editor-modes
+     * @exampleComponent limebb-example-rule-editor-invalid
+     * @exampleComponent limebb-example-rule-editor-help
      * @alpha 
      * @private 
      */
@@ -7982,7 +8014,16 @@ declare namespace LocalJSX {
      * that provides it. An explicit Prop with a `limetype` wins, so an empty
      * default (e.g. an admin form's "no selection" context) doesn't shadow a
      * DOM-provided one.
+     * Pass `modes` to offer the author a few pre-defined answers above the
+     * tree — "Never", "Always", "Conditionally" — so an
+     * unconditional state is one click instead of an empty tree they have
+     * to reason about. A mode is a way of writing a rule, not a second
+     * output: all of them end up in `value`, and `ruleForMode` builds the
+     * same rule a click does.
      * @exampleComponent limebb-example-rule-editor
+     * @exampleComponent limebb-example-rule-editor-modes
+     * @exampleComponent limebb-example-rule-editor-invalid
+     * @exampleComponent limebb-example-rule-editor-help
      * @alpha 
      * @private 
      */
@@ -8000,16 +8041,28 @@ declare namespace LocalJSX {
           * @inheritdoc
          */
         "disabled"?: boolean;
+        /**
+          * Contextual help for the setting as a whole, rendered as a `?` beside the label that opens a popover on click. Markdown.  For what a rule *is* rather than what this one is for — the helper text is the shorter, always-legible answer, and the two are meant to be used together rather than instead of each other.
+         */
+        "help"?: string;
         /**
           * The helper text for the current property
           * @inheritdoc
          */
         "helperText"?: string;
+        /**
+          * Set to `true` to mark the rule as invalid, which reddens the outline and the helper text.  This is the caller's verdict on the rule as a whole — typically a form reporting that the field is required and empty. It is separate from the diagnostics the editor finds itself, which mark the individual nodes they belong to and show regardless of this prop.
+         */
+        "invalid"?: boolean;
         /**
           * The label of the current property
           * @inheritdoc
          */
         "label"?: string;
+        /**
+          * The ways of writing a rule offered above the tree, in the order given. Leave it unset to offer none, and render the tree alone.  Which modes make sense is the caller's to decide, because it differs per setting: a "when to show" toggle offers `always` and `conditional`, while a "when to make required" one also offers `never`. `conditional` is not forced into the list — a caller passing only the unconditional modes usually gets a plain toggle with no tree, which is a legitimate thing to want.  "Usually", because the offered modes do not constrain `value`. A stored condition tree is still drawn, and the control then shows no mode as selected, because none of the offered ones describes what is stored. Hiding a rule the author cannot otherwise see would be worse than an unselected control.
+         */
+        "modes"?: RuleEditorMode[];
         /**
           * Emitted when the rule tree is mutated. Detail is the new rule, or `undefined` when the user has cleared the editor to an empty root group — callers can persist `undefined` as "no rule" without having to inspect the rule shape themselves.
          */
@@ -8752,8 +8805,10 @@ declare namespace LocalJSX {
         "required": boolean;
         "readonly": boolean;
         "disabled": boolean;
+        "invalid": boolean;
         "label": string;
         "helperText": string;
+        "help": string;
     }
     interface LimebbSummaryPopoverAttributes {
         "triggerDelay": number;
@@ -9744,7 +9799,16 @@ declare module "@stencil/core" {
              * that provides it. An explicit Prop with a `limetype` wins, so an empty
              * default (e.g. an admin form's "no selection" context) doesn't shadow a
              * DOM-provided one.
+             * Pass `modes` to offer the author a few pre-defined answers above the
+             * tree — "Never", "Always", "Conditionally" — so an
+             * unconditional state is one click instead of an empty tree they have
+             * to reason about. A mode is a way of writing a rule, not a second
+             * output: all of them end up in `value`, and `ruleForMode` builds the
+             * same rule a click does.
              * @exampleComponent limebb-example-rule-editor
+             * @exampleComponent limebb-example-rule-editor-modes
+             * @exampleComponent limebb-example-rule-editor-invalid
+             * @exampleComponent limebb-example-rule-editor-help
              * @alpha 
              * @private 
              */

package/dist/types/index.d.ts

@@ -5,5 +5,7 @@ export * from './util/color-palettes';
 export * from './components/filter-chip/filter-chip.types';
 export * from './components/filter-chip/filter-condition-icons';
 export * from './components/filter-chip/filter-operators';
+export * from './components/rule-editor/rule-editor.types';
+export * from './components/rule-editor/rule-editor-modes';
 import '@lundalogik/lime-icons8';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/interface.d.ts

@@ -17,3 +17,4 @@ export {
 export * from './components/document-chips/document-chips.types';
 export * from './components/filter-chip/filter-chip.types';
 export * from './components/condition-tree/condition-tree.types';
+export * from './components/rule-editor/rule-editor.types';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@limetech/lime-crm-building-blocks",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "description": "A home for shared components meant for use with Lime CRM",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -37,7 +37,7 @@
     "@limetech/lime-elements": "^39.45.3",
     "@limetech/lime-web-components": "^7.4.0",
     "@lundalogik/lime-icons8": "^2.41.0",
-    "@lundalogik/limeclient.js": "^1.114.1",
+    "@lundalogik/limeclient.js": "^1.115.0",
     "@stencil/core": "^4.44.2",
     "@stencil/sass": "^3.3.3",
     "@stencil/vitest": "^1.14.0",

package/dist/lime-crm-building-blocks/p-761deada.entry.js

@@ -1 +0,0 @@
-import{r as e,h as r,H as t}from"./p-COtSgrC5.js";const a=class{constructor(r){e(this,r),this.colors=[]}render(){return r(t,{key:"37c886a976b9cd342aa1d12cfffad8b5639f6f39","aria-hidden":"true"},r("ol",{key:"41165c8cfb34050c17ae45d127e7d2326dee12fb"},this.colors.map(((e,t)=>r("li",{key:t,style:{backgroundColor:e}})))))}};a.style=":host(limebb-color-palette-swatches){pointer-events:none;transform:var(--color-palette-swatches-transform, unset);box-sizing:border-box;display:block;width:100%}*{box-sizing:border-box;min-width:0;min-height:0}ol{list-style:none;display:grid;grid-template-columns:repeat(auto-fit, minmax(0.75rem, 1fr));gap:var(--color-palette-swatches-gap, 0.25rem);margin:0;padding:var(--color-palette-swatches-gap, 0.25rem);border-radius:0.5rem}li{aspect-ratio:1;border-radius:0.25rem}";export{a as limebb_color_palette_swatches}

package/dist/lime-crm-building-blocks/p-b8d74591.entry.js

@@ -1 +0,0 @@
-import{r as e,c as t,h as i}from"./p-COtSgrC5.js";import{n as l}from"./p-Cj_3f9vm.js";const n=[{trigger:"rich-text",icon:"font_style_formatting",translationKey:"webclient.composer-toolbar.rich-text"},{trigger:"mention",icon:"email_sign_92447",translationKey:"webclient.composer-toolbar.mention",helperLabel:"@"},{trigger:"text-snippet",icon:"add_text",translationKey:"webclient.composer-toolbar.text-snippet",helperLabel:"!"},{trigger:"internal-link",icon:"hashtag_large",translationKey:"webclient.composer-toolbar.internal-link",helperLabel:"#"}],o=class{constructor(i){e(this,i),this.triggerInsert=t(this,"triggerInsert"),this.filesSelected=t(this,"filesSelected"),this.mentions=!1,this.textSnippets=!1,this.internalLinks=!1,this.richText=!1,this.handleTriggerSelected=e=>{e.stopPropagation(),this.triggerInsert.emit(e.detail.value)},this.handleFilesSelected=e=>{e.stopPropagation(),this.filesSelected.emit(e.detail)}}render(){return[i("div",{key:"475b730dee1ec915324640d2dc49e4e5c153b828",class:"actions"},i("slot",{key:"199c6ffa29f8785d7ce9a25ceddc1d34194a24b7",name:"leading"}),this.renderFileInput(),this.renderTriggerActions(),i("slot",{key:"f29ce72acf0ece6f92592ca27ade0f2048315ab7",name:"trailing"})),i("slot",{key:"afcf9f1fdd3b8fbce732eb5026331959290f4ee9",name:"primary-action"})]}get translator(){var e;return null===(e=this.platform)||void 0===e?void 0:e.get(l.Translate)}get triggerActions(){const e={mention:this.mentions,"text-snippet":this.textSnippets,"internal-link":this.internalLinks,"rich-text":this.richText};return n.filter((t=>e[t.trigger])).map((e=>{var t,i;return{text:null!==(i=null===(t=this.translator)||void 0===t?void 0:t.get(e.translationKey))&&void 0!==i?i:e.trigger,commandText:e.helperLabel,icon:e.icon,iconOnly:!0,value:e.trigger}}))}renderTriggerActions(){const e=this.triggerActions;if(0!==e.length)return i("limel-action-bar",{actions:e,onItemSelected:this.handleTriggerSelected})}renderFileInput(){var e,t,l,n,o,r;if(this.fileInput)return i("limel-file-input",{accept:null!==(e=this.fileInput.accept)&&void 0!==e?e:"*",multiple:null!==(t=this.fileInput.multiple)&&void 0!==t&&t,disabled:null!==(l=this.fileInput.disabled)&&void 0!==l&&l,onFilesSelected:this.handleFilesSelected},i("limel-icon-button",{icon:"attach",disabled:null!==(n=this.fileInput.disabled)&&void 0!==n&&n,label:null===(o=this.translator)||void 0===o?void 0:o.get("webclient.attach-files"),helperLabel:null===(r=this.translator)||void 0===r?void 0:r.get("webclient.attach-files-helper")}))}};o.style="*{box-sizing:border-box;min-width:0}:host(limebb-composer-toolbar){box-sizing:border-box;display:flex;align-items:center;width:100%;max-width:100%;gap:0.5rem}.actions{display:flex;align-items:center;flex-wrap:nowrap;flex-grow:1}limel-icon-button,::slotted(limel-icon-button){display:inline-block;scale:0.86}limel-file-input{flex-shrink:0}";export{o as limebb_composer_toolbar}

package/dist/lime-crm-building-blocks/p-e6605577.entry.js

@@ -1 +0,0 @@
-import{h as e,r as t,c as n,g as r}from"./p-COtSgrC5.js";import{M as i,n as l}from"./p-Cj_3f9vm.js";function o(e,t){return t?{type:"not",rule:e}:e}function s(e,t){return e.length===t.length&&e.every(((e,n)=>e===t[n]))}function u(e,t){return e.filter((e=>s(e.path,t)))}function a(e,t){let n=e;for(const e of t){if(void 0===n)return;n=d(n,e)}return n}function c(e,t,n){if(0===t.length)return n;const[r,...i]=t;if("not"===e.type&&"rule"===r)return Object.assign(Object.assign({},e),{rule:c(e.rule,i,n)});if(("all"===e.type||"any"===e.type)&&"rules"===r){if(0===i.length)return n;const[t,...r]=i;if("number"!=typeof t)return e;const l=[...e.rules];return l[t]=c(l[t],r,n),Object.assign(Object.assign({},e),{rules:l})}return e}function d(e,t){return"not"===e.type&&"rule"===t?e.rule:"all"!==e.type&&"any"!==e.type||"rules"!==t?"all"!==e.type&&"any"!==e.type||"number"!=typeof t?e:e.rules[t]:e}const h={name:"question",color:"rgb(var(--color-glaucous-light))"};function f(e,t){return[...e.values()].map((e=>({value:e.id,text:e.title?t.get(e.title):e.id,secondaryText:e.description?t.get(e.description):"",icon:e.icon}))).sort(((e,t)=>e.text.localeCompare(t.text)))}function p(e,t){return e.reads.every((e=>t.has(e)))}function v(e){return`__chip__:${e}`}function b(e,t){return[...e,"rules",t]}function m(e){return"ref"===e.type?{ref:e,isNegated:!1}:"not"===e.type&&"ref"===e.rule.type?{ref:e.rule,isNegated:!0}:null}const g=({groupNode:t,groupPath:n,chipChildren:r,ctx:i})=>{const l=new Map,o=r.map((e=>{const t=v(e.index);l.set(t,e);const n=(r=e.ref.id,null!==(o=i.allPrimitiveOptions.find((e=>e.value===r)))&&void 0!==o?o:{value:r,text:r,icon:h});var r,o;return Object.assign(Object.assign({},n),{text:e.isNegated?`¬ ${n.text}`:n.text,value:t})})),s=(u=i.availablePrimitiveOptions,e=>Promise.resolve(function(e,t){if(!t)return e;const n=t.toLocaleLowerCase().split(/\s+/);return e.filter((e=>n.every((t=>{var n,r;return e.text.toLocaleLowerCase().includes(t)||(null===(n=e.secondaryText)||void 0===n?void 0:n.toLocaleLowerCase().includes(t))||(null===(r=e.value)||void 0===r?void 0:r.toLocaleLowerCase().includes(t))}))))}(u,e)));var u;const a=function(e,t,n){var r;const i=C(t,n);return null===i?null:null!==(r=e.find((e=>e.index===i)))&&void 0!==r?r:null}(r,n,i.openChipPath),c="all"===t.type?"&":"|";return e("limel-popover",{class:"rule-node__chips-popover",open:null!==a,openDirection:"bottom-start",onClose:i.onPopoverClose},e("div",{slot:"trigger",class:"rule-node__chips"},e("limel-picker",{multiple:!0,label:i.translator.get("webclient.rule-editor.rules-label"),value:o,searcher:s,delimiter:c,readonly:i.readonly,disabled:i.disabled,onChange:_(t,n,l,i),onInteract:y(n,l,i)})),e("div",null,function(t,n,r){if(!t)return null;const i=b(n,t.index);return e("limebb-rule-chip-popover",{platform:r.platform,context:r.context,refNode:t.ref,isNegated:t.isNegated,metadata:r.metadataById.get(t.ref.id),readonly:r.readonly,disabled:r.disabled,isMutable:r.isMutable,focusOnOpen:r.focusOnOpen,onNegate:x(t,i,r),onUpdateArgs:O(t,i,r),onDeleteChip:j(i,r)})}(a,n,i)))},_=(e,t,n,r)=>i=>{i.stopPropagation();const l=Array.isArray(i.detail)?i.detail:[],o=C(t,r.openChipPath);if(null!==o){const e=v(o);l.every((t=>t.value!==e))&&r.onPopoverClose()}const s=l.flatMap((e=>{if("string"!=typeof e.value)return[];const t=n.get(e.value);return t?[t.isNegated?{type:"not",rule:t.ref}:t.ref]:[{type:"ref",id:e.value}]})),u=e.rules.filter((e=>null===m(e)));r.onReplaceNode(t,Object.assign(Object.assign({},e),{rules:[...s,...u]}))},y=(e,t,n)=>r=>{r.stopPropagation();const i=function(e){if("string"==typeof e)return e;if(e&&"object"==typeof e&&"value"in e){const t=e.value;return"string"==typeof t?t:void 0}}(r.detail),l=i?t.get(i):void 0;l&&n.onChipInteract([...e,"rules",l.index])},x=(e,t,n)=>r=>{r.stopPropagation(),n.onReplaceNode(t,r.detail?{type:"not",rule:e.ref}:e.ref)},O=(e,t,n)=>r=>{r.stopPropagation();const i=e.isNegated?[...t,"rule"]:t;n.onUpdateArgs(i,r.detail)},j=(e,t)=>()=>{t.onDelete(e)};function C(e,t){if(!t||t.length<2)return null;if(!s((n=t,n.slice(0,-2)),e))return null;var n;const r=t.at(-1);return"number"==typeof r?r:null}const w=({node:t,path:n,isNegated:r,ctx:i})=>{const l=r?[...n,"rule"]:n,o=r?[...u(i.issues,n),...u(i.issues,l)]:u(i.issues,n),s=[],a=[];for(const[e,n]of t.rules.entries()){const t=m(n);t?s.push(Object.assign(Object.assign({},t),{index:e})):a.push({child:n,index:e})}const c=function(e){return[{value:"all",text:e.translator.get("webclient.combinator.all")},{value:"any",text:e.translator.get("webclient.combinator.any")}]}(i),d=c.find((e=>e.value===t.type));return e("div",{class:(h=t.type,f=o,{"rule-node":!0,[`rule-node--${h}`]:!0,"rule-node--invalid":f.length>0}),key:N(n)},e("div",{class:"rule-node__header"},e("limel-select",{class:"rule-node__combinator-select",value:d,options:c,disabled:!i.isMutable,onChange:M(t,n,r,i)}),function(t,n,r,i){return i.isMutable?e("div",{class:"rule-node__header-actions"},e("limel-switch",{class:"rule-node__negate-switch",label:i.translator.get("webclient.negate"),value:r,onChange:R(t,n,i)}),e("limel-icon-button",{icon:"trash",label:i.translator.get("webclient.rule-editor.delete"),onClick:()=>i.onDelete(n)})):null}(t,n,r,i)),e("div",{class:"rule-node__body"},e(D,{issues:o}),e(g,{groupNode:t,groupPath:l,chipChildren:s,ctx:i}),function(t,n,r){return 0===t.length?null:e("div",{class:"rule-node__children"},t.map((t=>e(z,{node:t.child,path:[...n,"rules",t.index],ctx:r}))))}(a,l,i),function(t,n,r,i){return i.isMutable?e("div",{class:"rule-node__footer"},e("limel-button",{icon:"add",label:i.translator.get("webclient.rule-editor.add-nested-group"),onClick:P(t,n,r,i)})):null}(t,n,r,i)));var h,f};function N(e){return 0===e.length?"root":e.join("/")}function k(e,t,n,r){r.onReplaceNode(t,o(e,n))}const M=(e,t,n,r)=>i=>{i.stopPropagation();const l=i.detail.value;l!==e.type&&k(Object.assign(Object.assign({},e),{type:l}),t,n,r)},P=(e,t,n,r)=>()=>{var i,l;k((i=e,l={type:"all",rules:[]},Object.assign(Object.assign({},i),{rules:[...i.rules,l]})),t,n,r)},R=(e,t,n)=>r=>{r.stopPropagation(),n.onReplaceNode(t,o(e,r.detail))},z=t=>{const{node:n,path:r,ctx:i}=t,l=S(n);return l?e(w,{node:l.node,path:r,isNegated:l.isNegated,ctx:i}):null},A=e=>"not"===e.type&&("all"===e.rule.type||"any"===e.rule.type);function S(e){if("all"===e.type||"any"===e.type)return{node:e,isNegated:!1};if(A(e))return{node:e.rule,isNegated:!0};if("not"===e.type){const t=S(e.rule);if(t)return{node:t.node,isNegated:!t.isNegated}}return null}const D=({issues:t})=>0===t.length?null:t.map((t=>e("div",{class:"rule-node__issue"},t.message)));const I=class{constructor(e){t(this,e),this.change=n(this,"change"),this.issues=[],this.openChipPath=null,this.focusOnOpen=!1,this.metadataById=new Map,this.allPrimitiveOptions=[],this.availablePrimitiveOptions=[],this.reachableSlots=new Set,this.normalizedCache=null,this.hasLoaded=!1,this.handleDelete=e=>{this.openChipPath=null,this.focusOnOpen=!1,this.emitIfChanged(function(e,t){if(0===t.length)return{type:"all",rules:[]};const n=t.slice(0,-1),r=t.at(-1),i=a(e,n);if(void 0===i)return e;if(("all"===i.type||"any"===i.type)&&"number"==typeof r){const t=[...i.rules];return t.splice(r,1),c(e,n,Object.assign(Object.assign({},i),{rules:t}))}return"not"===i.type&&"rule"===r?c(e,n,{type:"all",rules:[]}):e}(this.normalizedValue,e))},this.handleUpdateArgs=(e,t)=>{this.emitIfChanged(function(e,t,n){const r=a(e,t);return void 0===r||"ref"!==r.type?e:c(e,t,Object.assign(Object.assign({},r),{args:n}))}(this.normalizedValue,e,t))},this.handleReplaceNode=(e,t)=>{const n=this.autoOpenPathFor(e,t);this.focusOnOpen=null!==n,null!==n&&(this.openChipPath=n),this.emitIfChanged(function(e,t,n){return c(e,t,n)}(this.normalizedValue,e,t))},this.handleChipInteract=e=>{this.openChipPath=e,this.focusOnOpen=!1},this.handlePopoverClose=()=>{this.openChipPath=null,this.focusOnOpen=!1}}componentWillLoad(){this.rebuildFromRegistries()}rebuildFromRegistries(){this.computeReachableSlots(),this.indexMetadata(),this.rebuildAvailableOptions(),this.runValidation()}connectedCallback(){this.hasLoaded&&(this.computeReachableSlots(),this.rebuildAvailableOptions(),this.runValidation())}componentDidLoad(){this.hasLoaded=!0,this.emitNormalization()}onValueChange(){this.emitNormalization()||this.runValidation()}onAvailableContextsChange(){this.rebuildFromRegistries()}render(){return e("div",{key:"135743195612e7553075236f0dabfbab52331338",class:{"rule-editor":!0,"rule-editor--disabled":this.disabled}},this.renderLabel(),e(z,{key:"4c58eb82dd0fb9c60b24905d6a12b9c2a17f1e52",node:this.normalizedValue,path:[],ctx:this.createRenderContext()}),this.renderHelperText())}renderLabel(){return this.label?e("div",{class:"rule-editor__label"},this.label):null}renderHelperText(){return this.helperText?e("div",{class:"rule-editor__helper-text"},this.helperText):null}createRenderContext(){return{issues:this.issues,metadataById:this.metadataById,allPrimitiveOptions:this.allPrimitiveOptions,availablePrimitiveOptions:this.availablePrimitiveOptions,isMutable:!this.readonly&&!this.disabled,readonly:this.readonly,disabled:this.disabled,platform:this.platform,context:this.effectiveContext,translator:this.translator,openChipPath:this.openChipPath,focusOnOpen:this.focusOnOpen,onDelete:this.handleDelete,onUpdateArgs:this.handleUpdateArgs,onReplaceNode:this.handleReplaceNode,onChipInteract:this.handleChipInteract,onPopoverClose:this.handlePopoverClose}}autoOpenPathFor(e,t){var n;if("all"!==t.type&&"any"!==t.type)return null;const r=a(this.normalizedValue,e);if(void 0===r||"all"!==r.type&&"any"!==r.type)return null;const i=new Set(r.rules.map((e=>{var t;return null===(t=m(e))||void 0===t?void 0:t.ref})).filter((e=>void 0!==e))),l=t.rules.map(((e,t)=>{var n;const r=null===(n=m(e))||void 0===n?void 0:n.ref;return r&&!i.has(r)?{ref:r,index:t}:null})).filter((e=>null!==e));if(1!==l.length)return null;const[{ref:o,index:s}]=l;return(null===(n=this.metadataById.get(o.id))||void 0===n?void 0:n.configComponent)?b(e,s):null}indexMetadata(){var e,t,n;const r=null!==(n=null===(t=(e=this.ruleRegistry).listMetadata)||void 0===t?void 0:t.call(e))&&void 0!==n?n:[];this.metadataById=new Map(r.map((e=>[e.id,e]))),this.allPrimitiveOptions=f(this.metadataById,this.translator)}rebuildAvailableOptions(){this.availablePrimitiveOptions=f(this.availablePrimitiveMetadata(),this.translator)}availablePrimitiveMetadata(){const e=new Map;for(const[t,n]of this.metadataById)p(n,this.reachableSlots)&&e.set(t,n);return e}computeReachableSlots(){var e;const t=this.contextRegistry,n=t.list().map((e=>e.id)).filter((e=>void 0!==t.get(e,this.host)));this.reachableSlots=new Set([...n,...null!==(e=this.availableContexts)&&void 0!==e?e:[]])}runValidation(){if(!this.value)return void(this.issues=[]);const e=this.ruleRegistry.validate(this.normalizedValue,[...this.reachableSlots]);this.issues=e.ok?[]:e.issues}emitIfChanged(e){var t;e!==this.normalizedValue&&this.change.emit("all"!==(t=e).type&&"any"!==t.type?t:0===t.rules.length?void 0:t)}get normalizedValue(){if(null!==this.normalizedCache&&this.normalizedCache.source===this.value)return this.normalizedCache.normalized;const e=(t=this.value)?S(t)?t:{type:"all",rules:[t]}:{type:"all",rules:[]};var t;return this.normalizedCache={source:this.value,normalized:e},e}emitNormalization(){if(!this.value)return!1;const e=this.normalizedValue;return e!==this.value&&(this.change.emit(e),!0)}get ruleRegistry(){return this.platform.get(l.RuleRegistry)}get translator(){return this.platform.get(l.Translate)}get contextRegistry(){return this.platform.get(l.ContextRegistry)}get effectiveContext(){var e,t;return(null===(e=this.context)||void 0===e?void 0:e.limetype)?this.context:(null===(t=this.resolvedContext)||void 0===t?void 0:t.limetype)?this.resolvedContext:V}get host(){return r(this)}static get watchers(){return{value:[{onValueChange:0}],availableContexts:[{onAvailableContextsChange:0}]}}};!function(e,t,n,r){var i,l=arguments.length,o=l<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(o=(l<3?i(o):l>3?i(t,n,o):i(t,n))||o);l>3&&o&&Object.defineProperty(t,n,o)}([i("context")],I.prototype,"resolvedContext",void 0);const V=Object.freeze({limetype:null,id:null});I.style=":host{display:block}.rule-editor--disabled{opacity:0.6;pointer-events:none}.rule-editor__label{font-size:0.75rem;font-weight:600;color:rgb(var(--contrast-1500));margin-bottom:0.25rem}.rule-editor__helper-text{font-size:0.75rem;color:rgb(var(--contrast-1300));margin-top:0.25rem}.rule-node{border:1px solid rgb(var(--contrast-500));border-radius:0.5rem;margin:0.25rem 0;overflow:hidden;background-color:rgb(var(--contrast-100))}.rule-node--invalid{border-color:rgb(var(--color-red-default))}.rule-node--all>.rule-node__header,.rule-node--any>.rule-node__header{background-color:rgb(var(--contrast-300));padding:0.375rem 0.75rem;border-bottom:1px solid rgb(var(--contrast-500))}.rule-node__header{display:flex;align-items:center;gap:0.5rem}.rule-node__header-actions{margin-left:auto;display:grid;grid-auto-flow:column;grid-gap:0.5rem;padding:0.125rem;align-items:center}.rule-node__combinator-select{min-width:6rem}.rule-node__body{padding:0.75rem;display:flex;flex-direction:column;gap:0.75rem}limel-popover.rule-node__chips-popover{display:contents;--popover-surface-width:min(calc(100vw - 4rem), 50rem)}.rule-node__chips{display:block;width:100%}.rule-node__chips limel-picker{display:block;width:100%}.rule-node__children{display:flex;flex-direction:column;gap:0.5rem}.rule-node__footer{display:flex;justify-content:center}.rule-node__issue{color:rgb(var(--color-red-default));font-size:0.875rem}";export{I as limebb_rule_editor}

package/dist/lime-crm-building-blocks/p-e8a7a94c.entry.js

@@ -1 +0,0 @@
-import{r as e,c as t,h as i,H as r}from"./p-COtSgrC5.js";import{n as s}from"./p-Cj_3f9vm.js";import{g as o}from"./p-Cz5s8qGk.js";import{i as n}from"./p-CkTg5UPD.js";import{b as l}from"./p-CKEnwX6j.js";import{i as a,a as d,b as h}from"./p-BgAfMcRA.js";import"./p-CtcTT7BK.js";function c(e){return"string"==typeof e||!d(e)&&a(e)&&"[object String]"==h(e)}const m=class{constructor(i){e(this,i),this.change=t(this,"change"),this.label="Sort Order",this.items=[],this.handleItemChange=e=>t=>{t.stopPropagation();const i=[...this.items];null===t.detail?i.splice(e,1):i[e]=t.detail,this.items=i,this.emitChange()},this.handleAddSortField=()=>{this.items=[...this.items,{"":"ASC"}],this.emitChange()}}componentWillLoad(){this.value&&this.value.length>0&&(this.items=[...this.value])}handleValueChange(e){e&&(e.length!==this.items.length||!e.every(((e,t)=>{const i=this.items[t];if(!i)return!1;const r=Object.keys(e)[0],s=Object.keys(i)[0];return r===s&&e[r]===i[s]})))&&(this.items=e.length>0?[...e]:[])}render(){return i(r,{key:"2b90c0e70b2ec2e55809cecd5141cc52acc400de"},this.renderEmptyState(),this.renderOrderByEditor())}renderEmptyState(){return this.limetype?null:i("div",{class:"empty-state"},i("p",null,"Select a limetype to configure sorting"))}renderOrderByEditor(){return this.limetype?[this.renderHeader(),this.renderOrderByList(),this.renderActions()]:null}renderHeader(){return i("limel-header",{class:"is-narrow",heading:this.label,icon:"sorting_arrows"})}renderOrderByList(){return 0===this.items.length?null:i("div",{class:"order-by-list"},this.items.map(((e,t)=>this.renderItem(e,t))))}renderActions(){return i("limel-button",{label:"Add Sort Field",icon:"plus_math",onClick:this.handleAddSortField})}renderItem(e,t){const r=Object.keys(e)[0]||"";return i("limebb-lime-query-order-by-item",{key:`${r}-${t}`,class:"order-by-item",platform:this.platform,context:this.context,limetype:this.limetype,item:e,onItemChange:this.handleItemChange(t)})}emitChange(){this.change.emit(this.items)}static get watchers(){return{value:[{handleValueChange:0}]}}};m.style=":host(limebb-lime-query-order-by-editor){display:flex;flex-direction:column;gap:1rem;padding:1rem 0}.header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.header h4{margin:0;font-size:1rem;font-weight:600;color:rgb(var(--contrast-1000))}.order-by-list{display:flex;flex-direction:column;gap:1rem;border:1px solid rgb(var(--contrast-300));border-radius:0.25rem;background-color:rgb(var(--contrast-50));min-height:4rem}.order-by-item{padding:0.5rem;border-radius:0.25rem;transition:background-color 0.2s}.order-by-item:hover{background-color:rgb(var(--contrast-100))}.actions{display:flex;width:100%}.summary{display:flex;justify-content:space-between;align-items:center;padding-top:0.5rem;border-top:1px solid rgb(var(--contrast-300))}.summary .count{font-size:0.875rem;font-weight:500;color:rgb(var(--contrast-900))}limel-header.is-narrow{--header-top-right-left-border-radius:0;width:calc(100% + var(--limebb-lime-query-builder-visual-mode-padding) * 2);margin-left:calc(var(--limebb-lime-query-builder-visual-mode-padding) * -1)}.empty-state{padding:0 2rem;text-align:center;color:rgb(var(--contrast-700))}";const u=["string","text","phone","integer","decimal","percent","time","date","year","quarter","month","yesno","link","user","xml","option","set","file","system"],p=u.filter((e=>"system"!==e));p.push("belongsto","hasone","hasmany","hasandbelongstomany");const b=class{constructor(i){e(this,i),this.change=t(this,"change"),this.propertyFields=[],this.fieldName="limetype",this.handleChange=e=>{e.stopPropagation();let t="";e.detail&&"value"in e.detail&&(t=e.detail.value),this.change.emit(t||void 0)}}componentWillLoad(){const e=this.platform.get(s.Application).getLanguage();this.collator=new Intl.Collator(e,{numeric:!0,sensitivity:"base"})}componentShouldUpdate(e,t,i){var r,s,o,n;return"formInfo"!==i||(o=null===(r=null==e?void 0:e.schema)||void 0===r?void 0:r.oneOf,n=null===(s=null==t?void 0:t.schema)||void 0===s?void 0:s.oneOf,!l(o,n))}render(){var e;const t=this.getLimeTypes().map(g);t.sort(((e,t)=>this.collator.compare(e.text,t.text)));let r=t.find((e=>e.value===this.value)),s=this.invalid;return this.value&&!r&&(s=!0,t.unshift({text:(null===(e=this.limeTypeRepository.getLimeType(this.value))||void 0===e?void 0:e.localname.singular)||this.value,value:this.value}),r=t[0]),t.unshift({text:"",value:""}),i("limel-select",{key:"886b6adf250756fd5170f144e6ff055e70554902",label:this.label,options:t,value:r,required:this.required,helperText:this.helperText,invalid:s,disabled:this.disabled||this.readonly,onChange:this.handleChange})}componentWillRender(){this.updatePropertyFields(this.value||"")}getLimeTypes(){var e,t;let i=this.limetypes;return(null===(t=null===(e=this.formInfo)||void 0===e?void 0:e.schema)||void 0===t?void 0:t.oneOf)&&(i=this.formInfo.schema.oneOf.map((e=>e.const)).filter(c)),i?i.map((e=>this.limeTypeRepository.getLimeType(e))).filter(n):this.limeTypeRepository.getLimeTypes()}updatePropertyFields(e){for(const t of this.propertyFields)t.limetype=e,t.allowedPropertyTypes===u&&(t.allowedPropertyTypes=p)}get limeTypeRepository(){return this.platform.get(s.LimeTypeRepository)}},g=e=>({text:e.localname.singular,value:e.name,icon:o(e)});export{m as limebb_lime_query_order_by_editor,b as limebb_limetype_field}