@limetech/lime-crm-building-blocks 1.95.0 → 1.97.0

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

@@ -0,0 +1,237 @@
+import { h } from "@stencil/core";
+import { isEqual } from "lodash-es";
+/**
+ * Lime Query Filter OR Component
+ *
+ * Renders a group of filter expressions where **at least one condition must be true**.
+ * Users can add multiple alternative expressions, and a record only needs to match
+ * one of them to be included in the result set.
+ *
+ * This component displays:
+ * - A header with "Any of these conditions is true" when there are multiple conditions
+ * - A list of child expressions (which can be comparisons or nested AND/OR/NOT groups)
+ * - An "Add alternative" button to add more options
+ *
+ * Clicking the trash icon on a child expression removes it from the OR group.
+ *
+ * @private
+ */
+export class LimeQueryFilterOrComponent {
+    constructor() {
+        this.renderChildExpression = (expression, childIndex) => {
+            const label = this.expression.expressions.length === 1 ? this.label : undefined;
+            return (h("li", null, h("limebb-lime-query-filter-expression", { platform: this.platform, context: this.context, label: label, limetype: this.limetype, activeLimetype: this.activeLimetype, expression: expression, onExpressionChange: this.handleExpressionChange(childIndex) })));
+        };
+        this.handleExpressionChange = (updatedChildIndex) => (event) => {
+            event.stopPropagation();
+            const updatedExpression = event.detail;
+            const expressions = [...this.expression.expressions];
+            const missingExpression = {
+                filter_type: '',
+            };
+            if (isEqual(updatedExpression, missingExpression)) {
+                expressions.splice(updatedChildIndex, 1);
+            }
+            else {
+                expressions[updatedChildIndex] = updatedExpression;
+            }
+            if (expressions.length === 0) {
+                this.expressionChange.emit(missingExpression);
+                return;
+            }
+            this.expressionChange.emit({
+                filter_type: 'OR',
+                expressions: expressions,
+            });
+        };
+        this.handleAddChildExpression = () => {
+            const updatedExpressionsList = [
+                ...this.expression.expressions,
+                {
+                    filter_type: '',
+                },
+            ];
+            this.expressionChange.emit({
+                filter_type: 'OR',
+                expressions: updatedExpressionsList,
+            });
+        };
+    }
+    render() {
+        return (h("div", { key: '9a0e6876f32ebcb614ab1ef0ccb122a5a5b8e978', class: "expression" }, this.expression.expressions.length > 1 && (h("limel-header", { key: 'cb1ff04ce7669582f0c4f6afefbce3402876d435', heading: this.label, subheading: "Any of these conditions is true" })), h("ul", { key: '21efcfec20f4ea04105ccbea880dbb9ed551efb9' }, this.expression.expressions.map(this.renderChildExpression), h("li", { key: '541811a52176182be501078c3cf662bbe6a71cda', class: "add-button" }, this.renderAddChildExpression()))));
+    }
+    renderAddChildExpression() {
+        return (h("limel-icon-button", { label: "Add alternative", icon: "plus_math", onClick: this.handleAddChildExpression }));
+    }
+    static get is() { return "limebb-lime-query-filter-or"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["lime-query-filter-or.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["lime-query-filter-or.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "platform": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "LimeWebComponentPlatform",
+                    "resolved": "LimeWebComponentPlatform",
+                    "references": {
+                        "LimeWebComponentPlatform": {
+                            "location": "import",
+                            "path": "@limetech/lime-web-components",
+                            "id": "node_modules::LimeWebComponentPlatform"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Platform service provider"
+                },
+                "getter": false,
+                "setter": false
+            },
+            "context": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "LimeWebComponentContext",
+                    "resolved": "LimeWebComponentContext",
+                    "references": {
+                        "LimeWebComponentContext": {
+                            "location": "import",
+                            "path": "@limetech/lime-web-components",
+                            "id": "node_modules::LimeWebComponentContext"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Component context"
+                },
+                "getter": false,
+                "setter": false
+            },
+            "label": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Optional label for the OR group"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "label",
+                "reflect": false
+            },
+            "limetype": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The limetype being queried (e.g., \"deal\", \"company\")"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "limetype",
+                "reflect": false
+            },
+            "activeLimetype": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "The limetype of the active object (for %activeObject% placeholders)"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "active-limetype",
+                "reflect": false
+            },
+            "expression": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "LimeQueryFilterOr",
+                    "resolved": "LimeQueryFilterOr",
+                    "references": {
+                        "LimeQueryFilterOr": {
+                            "location": "import",
+                            "path": "../lime-query.types",
+                            "id": "src/components/lime-query-builder/lime-query.types.ts::LimeQueryFilterOr"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The OR expression containing child expressions"
+                },
+                "getter": false,
+                "setter": false
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "expressionChange",
+                "name": "expressionChange",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when the OR expression changes (expressions added/removed/modified)"
+                },
+                "complexType": {
+                    "original": "LimeQueryFilterOr | LimeQueryFilterMissing",
+                    "resolved": "LimeQueryFilterMissing | LimeQueryFilterOr",
+                    "references": {
+                        "LimeQueryFilterOr": {
+                            "location": "import",
+                            "path": "../lime-query.types",
+                            "id": "src/components/lime-query-builder/lime-query.types.ts::LimeQueryFilterOr"
+                        },
+                        "LimeQueryFilterMissing": {
+                            "location": "import",
+                            "path": "../lime-query.types",
+                            "id": "src/components/lime-query-builder/lime-query.types.ts::LimeQueryFilterMissing"
+                        }
+                    }
+                }
+            }];
+    }
+}

package/dist/collection/components/lime-query-builder/expressions/lime-query-value-input.css

@@ -0,0 +1,48 @@
+:host {
+  display: block;
+}
+
+.value-input-container {
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  gap: 0.5rem;
+  width: 100%;
+}
+
+.mode-toggle {
+  flex-shrink: 0;
+  margin-top: 0.5rem;
+  opacity: 0.7;
+  transition: opacity 0.2s ease;
+}
+.mode-toggle:hover {
+  opacity: 1;
+}
+
+.placeholder-input {
+  flex-grow: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+}
+
+.placeholder-preview {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  padding: 0.5rem;
+  background-color: rgba(var(--color-blue-light), 0.1);
+  border-radius: var(--border-radius-small);
+  font-size: 0.875rem;
+  color: rgb(var(--color-blue-default));
+  border-left: 3px solid rgb(var(--color-blue-default));
+}
+.placeholder-preview limel-icon {
+  flex-shrink: 0;
+  color: rgb(var(--color-blue-default));
+}
+.placeholder-preview span {
+  font-family: var(--font-monospace);
+  word-break: break-all;
+}