@limetech/lime-crm-building-blocks 1.135.1 → 1.136.0

package/dist/types/components.d.ts

@@ -6,7 +6,7 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { AlertType } from "./components/alert-dialog/alert-dialog.types";
-import { AggregateOperator, ContextMap, ContextScope, Expression, JsonValue, LimeFileUrlType, LimeType, LimeWebComponentContext, LimeWebComponentPlatform, NotExpression, Operator, PrimitiveMetadata, Rule, RuleRef } from "@limetech/lime-web-components";
+import { AggregateOperator, ContextMap, ContextScope, Expression, JsonValue, LimeFileUrlType, LimeType, LimeWebComponentContext, LimeWebComponentPlatform, NotExpression, Operator, PrimitiveMetadata, PropertyType, Rule, RuleRef } from "@limetech/lime-web-components";
 import { BrowserItem } from "./components/browser/browser-item.types";
 import { ActionBarItem, CustomElementDefinition, DateType, EditorUiType, FileInfo, FormInfo, Icon, IconName, Image, Languages, ListItem, ListSeparator, OpenDirection } from "@limetech/lime-elements";
 import { ChatIconList } from "./components/chat-list/chat-icon-list/chat-icon-list.types";
@@ -19,6 +19,7 @@ import { DocumentChipFile } from "./components/document-chips/document-chips.typ
 import { DocumentItem } from "./components/document-picker/document-item/document-item.types";
 import { DocumentType } from "./components/document-picker/document.types";
 import { FeedItem } from "./components/feed/feed-item/feed-item.types";
+import { FilterChipConjunction, FilterCondition } from "./components/filter-chip/filter-chip.types";
 import { DateTimeFormat, NumberFormat, RelativeDateTimeFormat } from "./components/info-tile/format";
 import { InfoTile } from "./components/info-tile/info-tile";
 import { KanbanGroup } from "./components/kanban/kanban-group/kanban-group.types";
@@ -35,7 +36,7 @@ import { TriggerMap } from "./components/text-editor/text-editor.types";
 import { EnhancedEditorMetadata } from "./components/text-editor/uploader/building-blocks-upload-handler";
 import { ValueComparisonEditorValue } from "./components/rule-editor/value-comparison-editor/value-comparison-editor";
 export { AlertType } from "./components/alert-dialog/alert-dialog.types";
-export { AggregateOperator, ContextMap, ContextScope, Expression, JsonValue, LimeFileUrlType, LimeType, LimeWebComponentContext, LimeWebComponentPlatform, NotExpression, Operator, PrimitiveMetadata, Rule, RuleRef } from "@limetech/lime-web-components";
+export { AggregateOperator, ContextMap, ContextScope, Expression, JsonValue, LimeFileUrlType, LimeType, LimeWebComponentContext, LimeWebComponentPlatform, NotExpression, Operator, PrimitiveMetadata, PropertyType, Rule, RuleRef } from "@limetech/lime-web-components";
 export { BrowserItem } from "./components/browser/browser-item.types";
 export { ActionBarItem, CustomElementDefinition, DateType, EditorUiType, FileInfo, FormInfo, Icon, IconName, Image, Languages, ListItem, ListSeparator, OpenDirection } from "@limetech/lime-elements";
 export { ChatIconList } from "./components/chat-list/chat-icon-list/chat-icon-list.types";
@@ -48,6 +49,7 @@ export { DocumentChipFile } from "./components/document-chips/document-chips.typ
 export { DocumentItem } from "./components/document-picker/document-item/document-item.types";
 export { DocumentType } from "./components/document-picker/document.types";
 export { FeedItem } from "./components/feed/feed-item/feed-item.types";
+export { FilterChipConjunction, FilterCondition } from "./components/filter-chip/filter-chip.types";
 export { DateTimeFormat, NumberFormat, RelativeDateTimeFormat } from "./components/info-tile/format";
 export { InfoTile } from "./components/info-tile/info-tile";
 export { KanbanGroup } from "./components/kanban/kanban-group/kanban-group.types";
@@ -1010,6 +1012,93 @@ export namespace Components {
          */
         "ui"?: string;
     }
+    /**
+     * Filter chip
+     * A compact, static chip that visualizes a single filter condition: a
+     * floating label (the property/column the filter applies to), an icon that
+     * describes the kind of condition (equals, contains, is between, …), and
+     * the filter value.
+     * It is presentational: it understands the shared Lime filter vocabulary
+     * (the `condition` and `propertyType`, from which it derives the icon and
+     * wording) but nothing about how a consumer models or stores its filters.
+     * Consumers feed it strings and pick a `condition`, and wire up their own
+     * editor by listening to the chip's `click`/`remove` events (for example by
+     * slotting the chip as the trigger of a popover).
+     * @exampleComponent limebb-example-filter-chip-basic
+     * @exampleComponent limebb-example-filter-chip-states
+     * @exampleComponent limebb-example-filter-chip-conditions
+     * @exampleComponent limebb-example-filter-chip-property-types
+     * @exampleComponent limebb-example-filter-chip-multiple-values
+     * @beta 
+     */
+    interface LimebbFilterChip {
+        /**
+          * The kind of condition the filter represents. The chip maps it to a standard icon (via the shared filter-condition vocabulary), so the same condition shows the same icon across every consumer.
+         */
+        "condition"?: FilterCondition;
+        /**
+          * How multiple values are joined: `"or"` (any of) or `"and"` (all of). The chip renders the localized join word muted between the values — `and` is shown compactly as `&`. Only used when `value` is an array.
+         */
+        "conjunction"?: FilterChipConjunction;
+        /**
+          * Set to `true` to make the chip disabled. Like `readonly`, this neutralizes clicks and the remove shortcut, but still lets the tooltip show on hover so the full filter stays readable.
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * The secondary line of the tooltip, typically the full, untruncated condition (e.g. `"Equals «full value»"`). Defaults to the joined value when not provided.
+         */
+        "helperLabel"?: string;
+        /**
+          * An explicit icon for the chip.  Normally you do not set this — the chip picks the standard icon for the `condition` automatically. Use `icon` to override that: for a condition outside the standard set, or when you have already resolved a context-dependent icon yourself (for example when the same condition uses a different icon depending on the property type, as in the CRM's date vs. number filters).
+         */
+        "icon"?: IconName;
+        /**
+          * A unique identifier for the chip, emitted as the payload of the `remove` event.
+         */
+        "identifier"?: string | number;
+        /**
+          * Set to `true` to visualize the chip as invalid, for example when the filter cannot be resolved.
+          * @default false
+         */
+        "invalid": boolean;
+        /**
+          * The label of the chip, typically the name of the property or column the filter applies to. Rendered as a small floating label above the chip and used as the primary line of the tooltip.
+         */
+        "label": string;
+        /**
+          * The maximum number of characters of value text to show before collapsing the remainder into a `+N` badge.
+          * @default DEFAULT_MAX_LENGTH
+         */
+        "maxLength": number;
+        /**
+          * Reference to the platform, used to translate the chip's built-in labels — currently the remove button's accessible label (`webclient.remove-filter`). When omitted, a non-localized fallback is used. This is the only platform dependency; the chip is otherwise purely presentational.
+         */
+        "platform"?: LimeWebComponentPlatform;
+        /**
+          * The data type of the filtered property (e.g. `string`, `integer`, `date`, `option`, `yesno`). The chip combines it with `condition` to pick the type-specific icon and wording: a `greater-than` on a date shows as "After" (▶) rather than `>`, and equality reads as "Is" for text and options, "Equals" for numbers, and "On" for dates. Leave unset for types where the standard condition presentation already applies.
+         */
+        "propertyType"?: PropertyType;
+        /**
+          * Set to `true` to make the chip readonly.
+          * @default false
+         */
+        "readonly": boolean;
+        /**
+          * Set to `true` to render a remove button on the chip.
+          * @default true
+         */
+        "removable": boolean;
+        /**
+          * Set to `true` to visualize the chip as active/pressed, for example while its editor is open.
+          * @default false
+         */
+        "selected": boolean;
+        /**
+          * The filter value to display.  Pass a single string for a single value, or an array of strings for multiple values. When an array is given, the values are joined by the `conjunction` and any that do not fit are collapsed into a `+N` badge.
+         */
+        "value"?: string | string[];
+    }
     /**
      * Search for an icon and **click on it to copy its name to clipboard**.
      * <limebb-example-icon-finder />
@@ -1377,11 +1466,11 @@ export namespace Components {
      * - value > 100000
      * - name ? "Big" (contains "Big")
      * - dealstatus IN ["won", "tender"]
-     * The component displays:
-     * - A text input for the property (Phase 0 - will be replaced with property-path in Phase 1)
-     * - A dropdown for the operator
-     * - A value input (text/number based on operator)
-     * - A trash icon button to remove this condition
+     * The comparison is shown as the shared, presentational `limebb-filter-chip`
+     * (slotted as the trigger of the edit popover): this component resolves the
+     * property label, maps the operator to a `FilterCondition`, resolves the
+     * property type, and formats the value — and lets the chip render the icon,
+     * wording, tooltip, and remove button.
      * @private 
      */
     interface LimebbLimeQueryFilterComparison {
@@ -2773,6 +2862,10 @@ export interface LimebbFeedCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLLimebbFeedElement;
 }
+export interface LimebbFilterChipCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLLimebbFilterChipElement;
+}
 export interface LimebbIconPickerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLLimebbIconPickerElement;
@@ -3497,6 +3590,42 @@ declare global {
         prototype: HTMLLimebbFeedTimelineItemElement;
         new (): HTMLLimebbFeedTimelineItemElement;
     };
+    interface HTMLLimebbFilterChipElementEventMap {
+        "remove": string | number | undefined;
+    }
+    /**
+     * Filter chip
+     * A compact, static chip that visualizes a single filter condition: a
+     * floating label (the property/column the filter applies to), an icon that
+     * describes the kind of condition (equals, contains, is between, …), and
+     * the filter value.
+     * It is presentational: it understands the shared Lime filter vocabulary
+     * (the `condition` and `propertyType`, from which it derives the icon and
+     * wording) but nothing about how a consumer models or stores its filters.
+     * Consumers feed it strings and pick a `condition`, and wire up their own
+     * editor by listening to the chip's `click`/`remove` events (for example by
+     * slotting the chip as the trigger of a popover).
+     * @exampleComponent limebb-example-filter-chip-basic
+     * @exampleComponent limebb-example-filter-chip-states
+     * @exampleComponent limebb-example-filter-chip-conditions
+     * @exampleComponent limebb-example-filter-chip-property-types
+     * @exampleComponent limebb-example-filter-chip-multiple-values
+     * @beta 
+     */
+    interface HTMLLimebbFilterChipElement extends Components.LimebbFilterChip, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLLimebbFilterChipElementEventMap>(type: K, listener: (this: HTMLLimebbFilterChipElement, ev: LimebbFilterChipCustomEvent<HTMLLimebbFilterChipElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLLimebbFilterChipElementEventMap>(type: K, listener: (this: HTMLLimebbFilterChipElement, ev: LimebbFilterChipCustomEvent<HTMLLimebbFilterChipElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLLimebbFilterChipElement: {
+        prototype: HTMLLimebbFilterChipElement;
+        new (): HTMLLimebbFilterChipElement;
+    };
     interface HTMLLimebbIconPickerElementEventMap {
         "change": string;
     }
@@ -3831,11 +3960,11 @@ declare global {
      * - value > 100000
      * - name ? "Big" (contains "Big")
      * - dealstatus IN ["won", "tender"]
-     * The component displays:
-     * - A text input for the property (Phase 0 - will be replaced with property-path in Phase 1)
-     * - A dropdown for the operator
-     * - A value input (text/number based on operator)
-     * - A trash icon button to remove this condition
+     * The comparison is shown as the shared, presentational `limebb-filter-chip`
+     * (slotted as the trigger of the edit popover): this component resolves the
+     * property label, maps the operator to a `FilterCondition`, resolves the
+     * property type, and formats the value — and lets the chip render the icon,
+     * wording, tooltip, and remove button.
      * @private 
      */
     interface HTMLLimebbLimeQueryFilterComparisonElement extends Components.LimebbLimeQueryFilterComparison, HTMLStencilElement {
@@ -4758,6 +4887,7 @@ declare global {
         "limebb-feed": HTMLLimebbFeedElement;
         "limebb-feed-item-thumbnail-file-info": HTMLLimebbFeedItemThumbnailFileInfoElement;
         "limebb-feed-timeline-item": HTMLLimebbFeedTimelineItemElement;
+        "limebb-filter-chip": HTMLLimebbFilterChipElement;
         "limebb-icon-picker": HTMLLimebbIconPickerElement;
         "limebb-info-tile": HTMLLimebbInfoTileElement;
         "limebb-info-tile-currency-format": HTMLLimebbInfoTileCurrencyFormatElement;
@@ -5824,6 +5954,97 @@ declare namespace LocalJSX {
          */
         "ui"?: string;
     }
+    /**
+     * Filter chip
+     * A compact, static chip that visualizes a single filter condition: a
+     * floating label (the property/column the filter applies to), an icon that
+     * describes the kind of condition (equals, contains, is between, …), and
+     * the filter value.
+     * It is presentational: it understands the shared Lime filter vocabulary
+     * (the `condition` and `propertyType`, from which it derives the icon and
+     * wording) but nothing about how a consumer models or stores its filters.
+     * Consumers feed it strings and pick a `condition`, and wire up their own
+     * editor by listening to the chip's `click`/`remove` events (for example by
+     * slotting the chip as the trigger of a popover).
+     * @exampleComponent limebb-example-filter-chip-basic
+     * @exampleComponent limebb-example-filter-chip-states
+     * @exampleComponent limebb-example-filter-chip-conditions
+     * @exampleComponent limebb-example-filter-chip-property-types
+     * @exampleComponent limebb-example-filter-chip-multiple-values
+     * @beta 
+     */
+    interface LimebbFilterChip {
+        /**
+          * The kind of condition the filter represents. The chip maps it to a standard icon (via the shared filter-condition vocabulary), so the same condition shows the same icon across every consumer.
+         */
+        "condition"?: FilterCondition;
+        /**
+          * How multiple values are joined: `"or"` (any of) or `"and"` (all of). The chip renders the localized join word muted between the values — `and` is shown compactly as `&`. Only used when `value` is an array.
+         */
+        "conjunction"?: FilterChipConjunction;
+        /**
+          * Set to `true` to make the chip disabled. Like `readonly`, this neutralizes clicks and the remove shortcut, but still lets the tooltip show on hover so the full filter stays readable.
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * The secondary line of the tooltip, typically the full, untruncated condition (e.g. `"Equals «full value»"`). Defaults to the joined value when not provided.
+         */
+        "helperLabel"?: string;
+        /**
+          * An explicit icon for the chip.  Normally you do not set this — the chip picks the standard icon for the `condition` automatically. Use `icon` to override that: for a condition outside the standard set, or when you have already resolved a context-dependent icon yourself (for example when the same condition uses a different icon depending on the property type, as in the CRM's date vs. number filters).
+         */
+        "icon"?: IconName;
+        /**
+          * A unique identifier for the chip, emitted as the payload of the `remove` event.
+         */
+        "identifier"?: string | number;
+        /**
+          * Set to `true` to visualize the chip as invalid, for example when the filter cannot be resolved.
+          * @default false
+         */
+        "invalid"?: boolean;
+        /**
+          * The label of the chip, typically the name of the property or column the filter applies to. Rendered as a small floating label above the chip and used as the primary line of the tooltip.
+         */
+        "label"?: string;
+        /**
+          * The maximum number of characters of value text to show before collapsing the remainder into a `+N` badge.
+          * @default DEFAULT_MAX_LENGTH
+         */
+        "maxLength"?: number;
+        /**
+          * Emitted when the chip is removed, either by clicking the remove button or by pressing `Backspace`/`Delete` while the chip is focused. The payload is the chip's `identifier`.
+         */
+        "onRemove"?: (event: LimebbFilterChipCustomEvent<string | number | undefined>) => void;
+        /**
+          * Reference to the platform, used to translate the chip's built-in labels — currently the remove button's accessible label (`webclient.remove-filter`). When omitted, a non-localized fallback is used. This is the only platform dependency; the chip is otherwise purely presentational.
+         */
+        "platform"?: LimeWebComponentPlatform;
+        /**
+          * The data type of the filtered property (e.g. `string`, `integer`, `date`, `option`, `yesno`). The chip combines it with `condition` to pick the type-specific icon and wording: a `greater-than` on a date shows as "After" (▶) rather than `>`, and equality reads as "Is" for text and options, "Equals" for numbers, and "On" for dates. Leave unset for types where the standard condition presentation already applies.
+         */
+        "propertyType"?: PropertyType;
+        /**
+          * Set to `true` to make the chip readonly.
+          * @default false
+         */
+        "readonly"?: boolean;
+        /**
+          * Set to `true` to render a remove button on the chip.
+          * @default true
+         */
+        "removable"?: boolean;
+        /**
+          * Set to `true` to visualize the chip as active/pressed, for example while its editor is open.
+          * @default false
+         */
+        "selected"?: boolean;
+        /**
+          * The filter value to display.  Pass a single string for a single value, or an array of strings for multiple values. When an array is given, the values are joined by the `conjunction` and any that do not fit are collapsed into a `+N` badge.
+         */
+        "value"?: string | string[];
+    }
     /**
      * Search for an icon and **click on it to copy its name to clipboard**.
      * <limebb-example-icon-finder />
@@ -6243,11 +6464,11 @@ declare namespace LocalJSX {
      * - value > 100000
      * - name ? "Big" (contains "Big")
      * - dealstatus IN ["won", "tender"]
-     * The component displays:
-     * - A text input for the property (Phase 0 - will be replaced with property-path in Phase 1)
-     * - A dropdown for the operator
-     * - A value input (text/number based on operator)
-     * - A trash icon button to remove this condition
+     * The comparison is shown as the shared, presentational `limebb-filter-chip`
+     * (slotted as the trigger of the edit popover): this component resolves the
+     * property label, maps the operator to a `FilterCondition`, resolves the
+     * property type, and formats the value — and lets the chip render the icon,
+     * wording, tooltip, and remove button.
      * @private 
      */
     interface LimebbLimeQueryFilterComparison {
@@ -7816,6 +8037,22 @@ declare namespace LocalJSX {
         "hasError": boolean;
         "isBundled": boolean;
     }
+    interface LimebbFilterChipAttributes {
+        "label": string;
+        "value": string | string[];
+        "conjunction": FilterChipConjunction;
+        "condition": FilterCondition;
+        "propertyType": PropertyType;
+        "icon": IconName;
+        "helperLabel": string;
+        "removable": boolean;
+        "readonly": boolean;
+        "disabled": boolean;
+        "invalid": boolean;
+        "selected": boolean;
+        "identifier": string;
+        "maxLength": number;
+    }
     interface LimebbIconPickerAttributes {
         "value": string;
         "required": boolean;
@@ -8049,6 +8286,7 @@ declare namespace LocalJSX {
         "limebb-feed": Omit<LimebbFeed, keyof LimebbFeedAttributes> & { [K in keyof LimebbFeed & keyof LimebbFeedAttributes]?: LimebbFeed[K] } & { [K in keyof LimebbFeed & keyof LimebbFeedAttributes as `attr:${K}`]?: LimebbFeedAttributes[K] } & { [K in keyof LimebbFeed & keyof LimebbFeedAttributes as `prop:${K}`]?: LimebbFeed[K] };
         "limebb-feed-item-thumbnail-file-info": Omit<LimebbFeedItemThumbnailFileInfo, keyof LimebbFeedItemThumbnailFileInfoAttributes> & { [K in keyof LimebbFeedItemThumbnailFileInfo & keyof LimebbFeedItemThumbnailFileInfoAttributes]?: LimebbFeedItemThumbnailFileInfo[K] } & { [K in keyof LimebbFeedItemThumbnailFileInfo & keyof LimebbFeedItemThumbnailFileInfoAttributes as `attr:${K}`]?: LimebbFeedItemThumbnailFileInfoAttributes[K] } & { [K in keyof LimebbFeedItemThumbnailFileInfo & keyof LimebbFeedItemThumbnailFileInfoAttributes as `prop:${K}`]?: LimebbFeedItemThumbnailFileInfo[K] };
         "limebb-feed-timeline-item": Omit<LimebbFeedTimelineItem, keyof LimebbFeedTimelineItemAttributes> & { [K in keyof LimebbFeedTimelineItem & keyof LimebbFeedTimelineItemAttributes]?: LimebbFeedTimelineItem[K] } & { [K in keyof LimebbFeedTimelineItem & keyof LimebbFeedTimelineItemAttributes as `attr:${K}`]?: LimebbFeedTimelineItemAttributes[K] } & { [K in keyof LimebbFeedTimelineItem & keyof LimebbFeedTimelineItemAttributes as `prop:${K}`]?: LimebbFeedTimelineItem[K] };
+        "limebb-filter-chip": Omit<LimebbFilterChip, keyof LimebbFilterChipAttributes> & { [K in keyof LimebbFilterChip & keyof LimebbFilterChipAttributes]?: LimebbFilterChip[K] } & { [K in keyof LimebbFilterChip & keyof LimebbFilterChipAttributes as `attr:${K}`]?: LimebbFilterChipAttributes[K] } & { [K in keyof LimebbFilterChip & keyof LimebbFilterChipAttributes as `prop:${K}`]?: LimebbFilterChip[K] };
         "limebb-icon-picker": Omit<LimebbIconPicker, keyof LimebbIconPickerAttributes> & { [K in keyof LimebbIconPicker & keyof LimebbIconPickerAttributes]?: LimebbIconPicker[K] } & { [K in keyof LimebbIconPicker & keyof LimebbIconPickerAttributes as `attr:${K}`]?: LimebbIconPickerAttributes[K] } & { [K in keyof LimebbIconPicker & keyof LimebbIconPickerAttributes as `prop:${K}`]?: LimebbIconPicker[K] };
         "limebb-info-tile": Omit<LimebbInfoTile, keyof LimebbInfoTileAttributes> & { [K in keyof LimebbInfoTile & keyof LimebbInfoTileAttributes]?: LimebbInfoTile[K] } & { [K in keyof LimebbInfoTile & keyof LimebbInfoTileAttributes as `attr:${K}`]?: LimebbInfoTileAttributes[K] } & { [K in keyof LimebbInfoTile & keyof LimebbInfoTileAttributes as `prop:${K}`]?: LimebbInfoTile[K] } & OneOf<"filterId", LimebbInfoTile["filterId"], LimebbInfoTileAttributes["filterId"]>;
         "limebb-info-tile-currency-format": LimebbInfoTileCurrencyFormat;
@@ -8424,6 +8662,26 @@ declare module "@stencil/core" {
              * @private 
              */
             "limebb-feed-timeline-item": LocalJSX.IntrinsicElements["limebb-feed-timeline-item"] & JSXBase.HTMLAttributes<HTMLLimebbFeedTimelineItemElement>;
+            /**
+             * Filter chip
+             * A compact, static chip that visualizes a single filter condition: a
+             * floating label (the property/column the filter applies to), an icon that
+             * describes the kind of condition (equals, contains, is between, …), and
+             * the filter value.
+             * It is presentational: it understands the shared Lime filter vocabulary
+             * (the `condition` and `propertyType`, from which it derives the icon and
+             * wording) but nothing about how a consumer models or stores its filters.
+             * Consumers feed it strings and pick a `condition`, and wire up their own
+             * editor by listening to the chip's `click`/`remove` events (for example by
+             * slotting the chip as the trigger of a popover).
+             * @exampleComponent limebb-example-filter-chip-basic
+             * @exampleComponent limebb-example-filter-chip-states
+             * @exampleComponent limebb-example-filter-chip-conditions
+             * @exampleComponent limebb-example-filter-chip-property-types
+             * @exampleComponent limebb-example-filter-chip-multiple-values
+             * @beta 
+             */
+            "limebb-filter-chip": LocalJSX.IntrinsicElements["limebb-filter-chip"] & JSXBase.HTMLAttributes<HTMLLimebbFilterChipElement>;
             /**
              * Search for an icon and **click on it to copy its name to clipboard**.
              * <limebb-example-icon-finder />
@@ -8557,11 +8815,11 @@ declare module "@stencil/core" {
              * - value > 100000
              * - name ? "Big" (contains "Big")
              * - dealstatus IN ["won", "tender"]
-             * The component displays:
-             * - A text input for the property (Phase 0 - will be replaced with property-path in Phase 1)
-             * - A dropdown for the operator
-             * - A value input (text/number based on operator)
-             * - A trash icon button to remove this condition
+             * The comparison is shown as the shared, presentational `limebb-filter-chip`
+             * (slotted as the trigger of the edit popover): this component resolves the
+             * property label, maps the operator to a `FilterCondition`, resolves the
+             * property type, and formats the value — and lets the chip render the icon,
+             * wording, tooltip, and remove button.
              * @private 
              */
             "limebb-lime-query-filter-comparison": LocalJSX.IntrinsicElements["limebb-lime-query-filter-comparison"] & JSXBase.HTMLAttributes<HTMLLimebbLimeQueryFilterComparisonElement>;

package/dist/types/index.d.ts

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

package/dist/types/interface.d.ts

@@ -20,3 +20,4 @@ export {
     FileWrapper,
 } from './components/text-editor/uploader/building-blocks-uploader';
 export * from './components/document-chips/document-chips.types';
+export * from './components/filter-chip/filter-chip.types';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@limetech/lime-crm-building-blocks",
-  "version": "1.135.1",
+  "version": "1.136.0",
   "description": "A home for shared components meant for use with Lime CRM",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -35,7 +35,7 @@
   },
   "devDependencies": {
     "@limetech/eslint-config": "^4.0.1",
-    "@limetech/lime-elements": "^39.33.1",
+    "@limetech/lime-elements": "^39.34.0",
     "@limetech/lime-web-components": "^6.25.0",
     "@lundalogik/lime-icons8": "^2.41.0",
     "@lundalogik/limeclient.js": "^1.107.0",

package/dist/cjs/lime-query-operators-B6PujuTH.js

@@ -1,65 +0,0 @@
-'use strict';
-
-var index_esm = require('./index.esm-Dgkx-Syd.js');
-
-const LIME_QUERY_OPERATORS = [
-    {
-        value: index_esm.nt.EQUALS,
-        label: 'webclient.operator.equals',
-        icon: '-lime-filter-equal',
-    },
-    {
-        value: index_esm.nt.NOT_EQUALS,
-        label: 'webclient.operator.not-equals',
-        icon: '-lime-filter-equal-not',
-    },
-    {
-        value: index_esm.nt.GREATER,
-        label: 'webclient.operator.greater-than',
-        icon: '-lime-filter-greater',
-        applicableTypes: ['integer', 'decimal', 'date', 'time'],
-    },
-    {
-        value: index_esm.nt.GREATER_OR_EQUAL,
-        label: 'webclient.operator.greater-than-or-equal-to',
-        icon: '-lime-filter-greater-equal',
-        applicableTypes: ['integer', 'decimal', 'date', 'time'],
-    },
-    {
-        value: index_esm.nt.LESS,
-        label: 'webclient.operator.less-than',
-        icon: '-lime-filter-less',
-        applicableTypes: ['integer', 'decimal', 'date', 'time'],
-    },
-    {
-        value: index_esm.nt.LESS_OR_EQUAL,
-        label: 'webclient.operator.less-than-or-equal-to',
-        icon: '-lime-filter-less-equal',
-        applicableTypes: ['integer', 'decimal', 'date', 'time'],
-    },
-    {
-        value: index_esm.nt.IN,
-        label: 'webclient.operator.in-filter',
-        icon: '-lime-filter-set-included',
-    },
-    {
-        value: index_esm.nt.LIKE,
-        label: 'webclient.operator.contains',
-        icon: '-lime-filter-contain',
-        applicableTypes: ['string', 'text'],
-    },
-    {
-        value: index_esm.nt.BEGINS,
-        label: 'webclient.operator.begins-with',
-        icon: '-lime-filter-starts-with',
-        applicableTypes: ['string', 'text'],
-    },
-    {
-        value: index_esm.nt.ENDS,
-        label: 'webclient.operator.ends-with',
-        icon: '-lime-filter-ends-with',
-        applicableTypes: ['string', 'text'],
-    },
-];
-
-exports.LIME_QUERY_OPERATORS = LIME_QUERY_OPERATORS;

package/dist/esm/lime-query-operators-DvI2OyJI.js

@@ -1,63 +0,0 @@
-import { n as nt } from './index.esm-B1KM7sH7.js';
-
-const LIME_QUERY_OPERATORS = [
-    {
-        value: nt.EQUALS,
-        label: 'webclient.operator.equals',
-        icon: '-lime-filter-equal',
-    },
-    {
-        value: nt.NOT_EQUALS,
-        label: 'webclient.operator.not-equals',
-        icon: '-lime-filter-equal-not',
-    },
-    {
-        value: nt.GREATER,
-        label: 'webclient.operator.greater-than',
-        icon: '-lime-filter-greater',
-        applicableTypes: ['integer', 'decimal', 'date', 'time'],
-    },
-    {
-        value: nt.GREATER_OR_EQUAL,
-        label: 'webclient.operator.greater-than-or-equal-to',
-        icon: '-lime-filter-greater-equal',
-        applicableTypes: ['integer', 'decimal', 'date', 'time'],
-    },
-    {
-        value: nt.LESS,
-        label: 'webclient.operator.less-than',
-        icon: '-lime-filter-less',
-        applicableTypes: ['integer', 'decimal', 'date', 'time'],
-    },
-    {
-        value: nt.LESS_OR_EQUAL,
-        label: 'webclient.operator.less-than-or-equal-to',
-        icon: '-lime-filter-less-equal',
-        applicableTypes: ['integer', 'decimal', 'date', 'time'],
-    },
-    {
-        value: nt.IN,
-        label: 'webclient.operator.in-filter',
-        icon: '-lime-filter-set-included',
-    },
-    {
-        value: nt.LIKE,
-        label: 'webclient.operator.contains',
-        icon: '-lime-filter-contain',
-        applicableTypes: ['string', 'text'],
-    },
-    {
-        value: nt.BEGINS,
-        label: 'webclient.operator.begins-with',
-        icon: '-lime-filter-starts-with',
-        applicableTypes: ['string', 'text'],
-    },
-    {
-        value: nt.ENDS,
-        label: 'webclient.operator.ends-with',
-        icon: '-lime-filter-ends-with',
-        applicableTypes: ['string', 'text'],
-    },
-];
-
-export { LIME_QUERY_OPERATORS as L };

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

@@ -1 +0,0 @@
-import{r as e,c as t,h as o}from"./p-DYpn0EkA.js";import{O as i}from"./p-BVxuJgRM.js";const s=class{constructor(o){e(this,o),this.change=t(this,"change"),this.value={},this.handleExpressionChange=e=>{e.stopPropagation(),this.change.emit({expression:e.detail})}}render(){var e,t;const i=null===(e=this.resolvedContext)||void 0===e?void 0:e.limetype;return i?o("limebb-lime-query-filter-builder",{platform:this.platform,context:this.context,limetype:i,expression:null===(t=this.value)||void 0===t?void 0:t.expression,onExpressionChange:this.handleExpressionChange}):o("limel-callout",{type:"note"},"Select a limetype on the surface to author a filter.")}};(function(e,t,o,i){var s,r=arguments.length,l=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,o,i);else for(var n=e.length-1;n>=0;n--)(s=e[n])&&(l=(r<3?s(l):r>3?s(t,o,l):s(t,o))||l);r>3&&l&&Object.defineProperty(t,o,l)})([i("context")],s.prototype,"resolvedContext",void 0),s.style=":host{display:block}";export{s as limebb_rule_arg_filter_editor}

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

@@ -1 +0,0 @@
-import{r as e,c as t}from"./p-DYpn0EkA.js";import{H as o,b as i}from"./p-BVxuJgRM.js";import{H as c}from"./p-BWMpG2bS.js";let n=class{constructor(e){this.itemId=e}};n=function(e,t,o,i){var c,n=arguments.length,s=n<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,i);else for(var l=e.length-1;l>=0;l--)(c=e[l])&&(s=(n<3?c(s):n>3?c(t,o,s):c(t,o))||s);return n>3&&s&&Object.defineProperty(t,o,s),s}([o({id:"limebb-feed.highlight-item"})],n);const s="limetech.limeobject-matches-filter",l=class{constructor(o){e(this,o),this.loaded=t(this,"loaded")}connectedCallback(){}async componentWillLoad(){const e=new c;var t;this.platform.register(c.SERVICE_NAME,e),this.commandBus.register(n,e),(t=this.platform.get(i.RuleRegistry)).listPrimitives().some((e=>e.id===s))&&t.attachMetadata(s,{configComponent:{name:"limebb-rule-arg-filter-editor"}}),(()=>{this.platform.get(i.RuleRegistry).attachMetadata("limetech.value-comparison",{configComponent:{name:"limebb-value-comparison-editor"}})})(),this.loaded.emit()}componentWillUpdate(){}disconnectedCallback(){}get commandBus(){return this.platform.get(i.CommandBus)}};export{l as limebb_loader}

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

@@ -1 +0,0 @@
-import{r as e,c as t,h as a}from"./p-DYpn0EkA.js";import{n as r}from"./p-BVxuJgRM.js";const s=[{value:r.EQUALS,text:"Equals"},{value:r.NOT_EQUALS,text:"Does not equal"},{value:r.LESS,text:"Less than"},{value:r.LESS_OR_EQUAL,text:"Less than or equal to"},{value:r.GREATER,text:"Greater than"},{value:r.GREATER_OR_EQUAL,text:"Greater than or equal to"}],i=class{constructor(a){e(this,a),this.change=t(this,"change"),this.value={},this.handleOperatorChange=e=>{var t;e.stopPropagation();const a=null===(t=e.detail)||void 0===t?void 0:t.value;this.change.emit(a?this.withOperand(a,this.value.operand):{})},this.handleOperandChange=e=>{e.stopPropagation();const t=this.value.operator;t&&this.change.emit(this.withOperand(t,function(e){if(""===e.trim())return;const t=Number(e);return Number.isNaN(t)?e:t}(e.detail)))}}render(){const e=s.find((e=>e.value===this.value.operator));return a("div",{key:"edb77347e6e20e6a85030297749800edd3eebcfc",class:"rule"},a("limel-select",{key:"0d5272a422cd36a0d1ac834a873ff865426adf92",label:"When the value",options:s,value:e,onChange:this.handleOperatorChange}),this.renderOperandInput())}renderOperandInput(){return this.value.operator?a("limel-input-field",{label:"Compared with",value:void 0===this.value.operand?"":String(this.value.operand),onChange:this.handleOperandChange}):null}withOperand(e,t){return void 0===t?{operator:e}:{operator:e,operand:t,valueType:"number"==typeof t?"number":"string"}}};i.style=":host{display:block}.rule{display:grid;gap:0.5rem;grid-template-columns:repeat(auto-fit, minmax(12rem, 1fr))}";export{i as limebb_value_comparison_editor}

package/dist/lime-crm-building-blocks/p-BneXZK-Q.js

@@ -1 +0,0 @@
-import{n as e}from"./p-BVxuJgRM.js";const l=[{value:e.EQUALS,label:"webclient.operator.equals",icon:"-lime-filter-equal"},{value:e.NOT_EQUALS,label:"webclient.operator.not-equals",icon:"-lime-filter-equal-not"},{value:e.GREATER,label:"webclient.operator.greater-than",icon:"-lime-filter-greater",applicableTypes:["integer","decimal","date","time"]},{value:e.GREATER_OR_EQUAL,label:"webclient.operator.greater-than-or-equal-to",icon:"-lime-filter-greater-equal",applicableTypes:["integer","decimal","date","time"]},{value:e.LESS,label:"webclient.operator.less-than",icon:"-lime-filter-less",applicableTypes:["integer","decimal","date","time"]},{value:e.LESS_OR_EQUAL,label:"webclient.operator.less-than-or-equal-to",icon:"-lime-filter-less-equal",applicableTypes:["integer","decimal","date","time"]},{value:e.IN,label:"webclient.operator.in-filter",icon:"-lime-filter-set-included"},{value:e.LIKE,label:"webclient.operator.contains",icon:"-lime-filter-contain",applicableTypes:["string","text"]},{value:e.BEGINS,label:"webclient.operator.begins-with",icon:"-lime-filter-starts-with",applicableTypes:["string","text"]},{value:e.ENDS,label:"webclient.operator.ends-with",icon:"-lime-filter-ends-with",applicableTypes:["string","text"]}];export{l as L}

package/dist/lime-crm-building-blocks/p-DK4A47Sj.js

@@ -1 +0,0 @@
-import{i as n,a as r}from"./p-BVxuJgRM.js";function o(n){var r;return(o=(null===(r=null==n?void 0:n.ui)||void 0===r?void 0:r.color)||"rgb(var(--color-gray-default))").startsWith("lime-")?`var(--${o})`:o;var o}function t(n){var r;return{name:(null===(r=null==n?void 0:n.ui)||void 0===r?void 0:r.icon)||"decision",color:o(n)}}function i(n,r){return n.label===r}function e(n,r){return Object.values(n.properties).find((n=>n&&n.relation&&i(n.relation.getLimetype(),r)))}function u(o,t){const i=e(o,t);return!!i&&function(o){return n(o)&&!r(o)}(i)}function l(n){var r,o,t;const{targetLimetype:i,currentLimetype:e,contextLimetypeName:u,contextId:l,propertyName:v}=n;if(i&&u&&l){if(v){const n=null===(o=null===(r=null==e?void 0:e.getProperty(v))||void 0===r?void 0:r.relation)||void 0===o?void 0:o.getBackreference();if(n)return n.name}return null===(t=Object.values(i.properties).find((n=>{var r;return(null===(r=n.relation)||void 0===r?void 0:r.getLimetype().name)===u})))||void 0===t?void 0:t.name}}export{l as a,i as b,e as c,t as g,u as h}