@limetech/lime-crm-building-blocks 1.100.0 → 1.101.0

package/dist/types/components.d.ts

@@ -5,7 +5,7 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { AggregateOperator, AndOrExpression, Expression, LimeFileUrlType, LimeType, LimeWebComponentContext, LimeWebComponentPlatform, NotExpression } from "@limetech/lime-web-components";
+import { AggregateOperator, AndOrExpression, Expression, LimeFileUrlType, LimeType, LimeWebComponentContext, LimeWebComponentPlatform, NotExpression, Operator } from "@limetech/lime-web-components";
 import { BrowserItem } from "./components/browser/browser-item.types";
 import { ActionBarItem, CustomElementDefinition, DateType, EditorUiType, FormInfo, Icon, Image, Languages, ListItem, ListSeparator, OpenDirection } from "@limetech/lime-elements";
 import { ChatItem } from "./components/chat-list/chat-item/chat-item.types";
@@ -17,14 +17,14 @@ import { DateTimeFormat, NumberFormat, RelativeDateTimeFormat } from "./componen
 import { InfoTile } from "./components/info-tile/info-tile";
 import { KanbanGroup } from "./components/kanban/kanban-group/kanban-group.types";
 import { KanbanItem } from "./components/kanban/kanban-item/kanban-item.types";
-import { FilterOperator, LimeQuery, ResponseFormat } from "./components/lime-query-builder/lime-query.types";
+import { LimeQuery, OrderByItem, ResponseFormat } from "./components/lime-query-builder/lime-query.types";
 import { LanguagePickerType } from "./components/locale-picker/language-picker.types";
 import { NavigationButtonType } from "./components/navigation-button/navigation-button.types";
 import { NotificationItem } from "./components/notification-list/notification-item/notification-item.types";
 import { PropertySelectionItem } from "./components/lime-query-builder/property-selection-format";
 import { TriggerMap } from "./components/text-editor/text-editor.types";
 import { EnhancedEditorMetadata } from "./components/text-editor/uploader/building-blocks-upload-handler";
-export { AggregateOperator, AndOrExpression, Expression, LimeFileUrlType, LimeType, LimeWebComponentContext, LimeWebComponentPlatform, NotExpression } from "@limetech/lime-web-components";
+export { AggregateOperator, AndOrExpression, Expression, LimeFileUrlType, LimeType, LimeWebComponentContext, LimeWebComponentPlatform, NotExpression, Operator } from "@limetech/lime-web-components";
 export { BrowserItem } from "./components/browser/browser-item.types";
 export { ActionBarItem, CustomElementDefinition, DateType, EditorUiType, FormInfo, Icon, Image, Languages, ListItem, ListSeparator, OpenDirection } from "@limetech/lime-elements";
 export { ChatItem } from "./components/chat-list/chat-item/chat-item.types";
@@ -36,7 +36,7 @@ export { DateTimeFormat, NumberFormat, RelativeDateTimeFormat } from "./componen
 export { InfoTile } from "./components/info-tile/info-tile";
 export { KanbanGroup } from "./components/kanban/kanban-group/kanban-group.types";
 export { KanbanItem } from "./components/kanban/kanban-item/kanban-item.types";
-export { FilterOperator, LimeQuery, ResponseFormat } from "./components/lime-query-builder/lime-query.types";
+export { LimeQuery, OrderByItem, ResponseFormat } from "./components/lime-query-builder/lime-query.types";
 export { LanguagePickerType } from "./components/locale-picker/language-picker.types";
 export { NavigationButtonType } from "./components/navigation-button/navigation-button.types";
 export { NotificationItem } from "./components/notification-list/notification-item/notification-item.types";
@@ -993,44 +993,6 @@ export namespace Components {
          */
         "value": LimeQuery;
     }
-    /**
-     * Lime Query Filter AND Component
-     * Renders a group of filter expressions where **all conditions must be true**.
-     * Users can add multiple child expressions, and a record must match all of them
-     * to be included in the result set.
-     * This component displays:
-     * - A header with "All of these conditions are true" when there are multiple conditions
-     * - A list of child expressions (which can be comparisons or nested AND/OR/NOT groups)
-     * - An "Add another condition" button to add more expressions
-     * Clicking the trash icon on a child expression removes it from the AND group.
-     * @private 
-     */
-    interface LimebbLimeQueryFilterAnd {
-        /**
-          * The limetype of the active object (for %activeObject% placeholders)
-         */
-        "activeLimetype"?: string;
-        /**
-          * Component context
-         */
-        "context": LimeWebComponentContext;
-        /**
-          * The AND expression containing child expressions
-         */
-        "expression": AndOrExpression;
-        /**
-          * Optional label for the AND group
-         */
-        "label": string;
-        /**
-          * The limetype being queried (e.g., "deal", "company")
-         */
-        "limetype": string;
-        /**
-          * Platform service provider
-         */
-        "platform": LimeWebComponentPlatform;
-    }
     /**
      * Lime Query Filter Builder
      * Entry component for building Lime Query filter expressions.
@@ -1218,36 +1180,58 @@ export namespace Components {
         "platform": LimeWebComponentPlatform;
     }
     /**
-     * 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.
+     * Order By Editor Component
+     * Allows users to specify the order in which query results should be sorted.
+     * Supports sorting by multiple properties with ascending or descending order.
+     * Features:
+     * - **Property selection**: Choose properties using dropdown navigation
+     * - **Sort direction**: Toggle between ascending (ASC) and descending (DESC)
+     * - **Multiple sort fields**: Add multiple properties to create complex sorting
+     * - **Order matters**: Properties are sorted in the order they appear in the list
+     * - **Dynamic list**: Add/remove sort fields
+     * The component generates an `OrderByItem[]` array where each item specifies
+     * a property path and sort direction.
      * @private 
      */
-    interface LimebbLimeQueryFilterOr {
-        /**
-          * The limetype of the active object (for %activeObject% placeholders)
-         */
-        "activeLimetype"?: string;
+    interface LimebbLimeQueryOrderByEditor {
         /**
           * Component context
          */
         "context": LimeWebComponentContext;
         /**
-          * The OR expression containing child expressions
+          * Optional label
          */
-        "expression": AndOrExpression;
+        "label": string;
         /**
-          * Optional label for the OR group
+          * The limetype to select properties from
          */
-        "label": string;
+        "limetype": string;
         /**
-          * The limetype being queried (e.g., "deal", "company")
+          * Platform service provider
+         */
+        "platform": LimeWebComponentPlatform;
+        /**
+          * Current order by specification
+         */
+        "value"?: OrderByItem[];
+    }
+    /**
+     * Order By Item Component
+     * Represents a single order by specification with property selection and direction toggle
+     * Part of the order by editor
+     * @private 
+     */
+    interface LimebbLimeQueryOrderByItem {
+        /**
+          * Component context
+         */
+        "context": LimeWebComponentContext;
+        /**
+          * The order by item (e.g., { "company.name": "ASC" })
+         */
+        "item": OrderByItem;
+        /**
+          * The limetype to select properties from
          */
         "limetype": string;
         /**
@@ -1295,7 +1279,7 @@ export namespace Components {
         /**
           * The operator being used
          */
-        "operator": FilterOperator;
+        "operator": Operator;
         /**
           * Platform service provider
          */
@@ -2152,10 +2136,6 @@ export interface LimebbLimeQueryBuilderCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLLimebbLimeQueryBuilderElement;
 }
-export interface LimebbLimeQueryFilterAndCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLLimebbLimeQueryFilterAndElement;
-}
 export interface LimebbLimeQueryFilterBuilderCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLLimebbLimeQueryFilterBuilderElement;
@@ -2176,9 +2156,13 @@ export interface LimebbLimeQueryFilterNotCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLLimebbLimeQueryFilterNotElement;
 }
-export interface LimebbLimeQueryFilterOrCustomEvent<T> extends CustomEvent<T> {
+export interface LimebbLimeQueryOrderByEditorCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLLimebbLimeQueryOrderByEditorElement;
+}
+export interface LimebbLimeQueryOrderByItemCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLLimebbLimeQueryFilterOrElement;
+    target: HTMLLimebbLimeQueryOrderByItemElement;
 }
 export interface LimebbLimeQueryValueInputCustomEvent<T> extends CustomEvent<T> {
     detail: T;
@@ -2882,35 +2866,6 @@ declare global {
         prototype: HTMLLimebbLimeQueryBuilderElement;
         new (): HTMLLimebbLimeQueryBuilderElement;
     };
-    interface HTMLLimebbLimeQueryFilterAndElementEventMap {
-        "expressionChange": Expression | undefined;
-    }
-    /**
-     * Lime Query Filter AND Component
-     * Renders a group of filter expressions where **all conditions must be true**.
-     * Users can add multiple child expressions, and a record must match all of them
-     * to be included in the result set.
-     * This component displays:
-     * - A header with "All of these conditions are true" when there are multiple conditions
-     * - A list of child expressions (which can be comparisons or nested AND/OR/NOT groups)
-     * - An "Add another condition" button to add more expressions
-     * Clicking the trash icon on a child expression removes it from the AND group.
-     * @private 
-     */
-    interface HTMLLimebbLimeQueryFilterAndElement extends Components.LimebbLimeQueryFilterAnd, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLLimebbLimeQueryFilterAndElementEventMap>(type: K, listener: (this: HTMLLimebbLimeQueryFilterAndElement, ev: LimebbLimeQueryFilterAndCustomEvent<HTMLLimebbLimeQueryFilterAndElementEventMap[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 HTMLLimebbLimeQueryFilterAndElementEventMap>(type: K, listener: (this: HTMLLimebbLimeQueryFilterAndElement, ev: LimebbLimeQueryFilterAndCustomEvent<HTMLLimebbLimeQueryFilterAndElementEventMap[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 HTMLLimebbLimeQueryFilterAndElement: {
-        prototype: HTMLLimebbLimeQueryFilterAndElement;
-        new (): HTMLLimebbLimeQueryFilterAndElement;
-    };
     interface HTMLLimebbLimeQueryFilterBuilderElementEventMap {
         "expressionChange": Expression | undefined;
     }
@@ -3060,34 +3015,59 @@ declare global {
         prototype: HTMLLimebbLimeQueryFilterNotElement;
         new (): HTMLLimebbLimeQueryFilterNotElement;
     };
-    interface HTMLLimebbLimeQueryFilterOrElementEventMap {
-        "expressionChange": Expression | undefined;
+    interface HTMLLimebbLimeQueryOrderByEditorElementEventMap {
+        "change": OrderByItem[];
     }
     /**
-     * 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.
+     * Order By Editor Component
+     * Allows users to specify the order in which query results should be sorted.
+     * Supports sorting by multiple properties with ascending or descending order.
+     * Features:
+     * - **Property selection**: Choose properties using dropdown navigation
+     * - **Sort direction**: Toggle between ascending (ASC) and descending (DESC)
+     * - **Multiple sort fields**: Add multiple properties to create complex sorting
+     * - **Order matters**: Properties are sorted in the order they appear in the list
+     * - **Dynamic list**: Add/remove sort fields
+     * The component generates an `OrderByItem[]` array where each item specifies
+     * a property path and sort direction.
+     * @private 
+     */
+    interface HTMLLimebbLimeQueryOrderByEditorElement extends Components.LimebbLimeQueryOrderByEditor, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLLimebbLimeQueryOrderByEditorElementEventMap>(type: K, listener: (this: HTMLLimebbLimeQueryOrderByEditorElement, ev: LimebbLimeQueryOrderByEditorCustomEvent<HTMLLimebbLimeQueryOrderByEditorElementEventMap[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 HTMLLimebbLimeQueryOrderByEditorElementEventMap>(type: K, listener: (this: HTMLLimebbLimeQueryOrderByEditorElement, ev: LimebbLimeQueryOrderByEditorCustomEvent<HTMLLimebbLimeQueryOrderByEditorElementEventMap[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 HTMLLimebbLimeQueryOrderByEditorElement: {
+        prototype: HTMLLimebbLimeQueryOrderByEditorElement;
+        new (): HTMLLimebbLimeQueryOrderByEditorElement;
+    };
+    interface HTMLLimebbLimeQueryOrderByItemElementEventMap {
+        "itemChange": OrderByItem | null;
+    }
+    /**
+     * Order By Item Component
+     * Represents a single order by specification with property selection and direction toggle
+     * Part of the order by editor
      * @private 
      */
-    interface HTMLLimebbLimeQueryFilterOrElement extends Components.LimebbLimeQueryFilterOr, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLLimebbLimeQueryFilterOrElementEventMap>(type: K, listener: (this: HTMLLimebbLimeQueryFilterOrElement, ev: LimebbLimeQueryFilterOrCustomEvent<HTMLLimebbLimeQueryFilterOrElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+    interface HTMLLimebbLimeQueryOrderByItemElement extends Components.LimebbLimeQueryOrderByItem, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLLimebbLimeQueryOrderByItemElementEventMap>(type: K, listener: (this: HTMLLimebbLimeQueryOrderByItemElement, ev: LimebbLimeQueryOrderByItemCustomEvent<HTMLLimebbLimeQueryOrderByItemElementEventMap[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 HTMLLimebbLimeQueryFilterOrElementEventMap>(type: K, listener: (this: HTMLLimebbLimeQueryFilterOrElement, ev: LimebbLimeQueryFilterOrCustomEvent<HTMLLimebbLimeQueryFilterOrElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLLimebbLimeQueryOrderByItemElementEventMap>(type: K, listener: (this: HTMLLimebbLimeQueryOrderByItemElement, ev: LimebbLimeQueryOrderByItemCustomEvent<HTMLLimebbLimeQueryOrderByItemElementEventMap[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 HTMLLimebbLimeQueryFilterOrElement: {
-        prototype: HTMLLimebbLimeQueryFilterOrElement;
-        new (): HTMLLimebbLimeQueryFilterOrElement;
+    var HTMLLimebbLimeQueryOrderByItemElement: {
+        prototype: HTMLLimebbLimeQueryOrderByItemElement;
+        new (): HTMLLimebbLimeQueryOrderByItemElement;
     };
     interface HTMLLimebbLimeQueryValueInputElementEventMap {
         "change": any;
@@ -3628,13 +3608,13 @@ declare global {
         "limebb-kanban-group": HTMLLimebbKanbanGroupElement;
         "limebb-kanban-item": HTMLLimebbKanbanItemElement;
         "limebb-lime-query-builder": HTMLLimebbLimeQueryBuilderElement;
-        "limebb-lime-query-filter-and": HTMLLimebbLimeQueryFilterAndElement;
         "limebb-lime-query-filter-builder": HTMLLimebbLimeQueryFilterBuilderElement;
         "limebb-lime-query-filter-comparison": HTMLLimebbLimeQueryFilterComparisonElement;
         "limebb-lime-query-filter-expression": HTMLLimebbLimeQueryFilterExpressionElement;
         "limebb-lime-query-filter-group": HTMLLimebbLimeQueryFilterGroupElement;
         "limebb-lime-query-filter-not": HTMLLimebbLimeQueryFilterNotElement;
-        "limebb-lime-query-filter-or": HTMLLimebbLimeQueryFilterOrElement;
+        "limebb-lime-query-order-by-editor": HTMLLimebbLimeQueryOrderByEditorElement;
+        "limebb-lime-query-order-by-item": HTMLLimebbLimeQueryOrderByItemElement;
         "limebb-lime-query-value-input": HTMLLimebbLimeQueryValueInputElement;
         "limebb-limeobject-file-viewer": HTMLLimebbLimeobjectFileViewerElement;
         "limebb-limetype-field": HTMLLimebbLimetypeFieldElement;
@@ -4703,48 +4683,6 @@ declare namespace LocalJSX {
          */
         "value"?: LimeQuery;
     }
-    /**
-     * Lime Query Filter AND Component
-     * Renders a group of filter expressions where **all conditions must be true**.
-     * Users can add multiple child expressions, and a record must match all of them
-     * to be included in the result set.
-     * This component displays:
-     * - A header with "All of these conditions are true" when there are multiple conditions
-     * - A list of child expressions (which can be comparisons or nested AND/OR/NOT groups)
-     * - An "Add another condition" button to add more expressions
-     * Clicking the trash icon on a child expression removes it from the AND group.
-     * @private 
-     */
-    interface LimebbLimeQueryFilterAnd {
-        /**
-          * The limetype of the active object (for %activeObject% placeholders)
-         */
-        "activeLimetype"?: string;
-        /**
-          * Component context
-         */
-        "context"?: LimeWebComponentContext;
-        /**
-          * The AND expression containing child expressions
-         */
-        "expression"?: AndOrExpression;
-        /**
-          * Optional label for the AND group
-         */
-        "label"?: string;
-        /**
-          * The limetype being queried (e.g., "deal", "company")
-         */
-        "limetype"?: string;
-        /**
-          * Emitted when the AND expression changes (expressions added/removed/modified) Emits undefined when expression should be removed Can emit any Expression type when unwrapping (single child)
-         */
-        "onExpressionChange"?: (event: LimebbLimeQueryFilterAndCustomEvent<Expression | undefined>) => void;
-        /**
-          * Platform service provider
-         */
-        "platform"?: LimeWebComponentPlatform;
-    }
     /**
      * Lime Query Filter Builder
      * Entry component for building Lime Query filter expressions.
@@ -4952,42 +4890,68 @@ declare namespace LocalJSX {
         "platform"?: LimeWebComponentPlatform;
     }
     /**
-     * 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.
+     * Order By Editor Component
+     * Allows users to specify the order in which query results should be sorted.
+     * Supports sorting by multiple properties with ascending or descending order.
+     * Features:
+     * - **Property selection**: Choose properties using dropdown navigation
+     * - **Sort direction**: Toggle between ascending (ASC) and descending (DESC)
+     * - **Multiple sort fields**: Add multiple properties to create complex sorting
+     * - **Order matters**: Properties are sorted in the order they appear in the list
+     * - **Dynamic list**: Add/remove sort fields
+     * The component generates an `OrderByItem[]` array where each item specifies
+     * a property path and sort direction.
      * @private 
      */
-    interface LimebbLimeQueryFilterOr {
-        /**
-          * The limetype of the active object (for %activeObject% placeholders)
-         */
-        "activeLimetype"?: string;
+    interface LimebbLimeQueryOrderByEditor {
         /**
           * Component context
          */
         "context"?: LimeWebComponentContext;
         /**
-          * The OR expression containing child expressions
+          * Optional label
          */
-        "expression"?: AndOrExpression;
+        "label"?: string;
         /**
-          * Optional label for the OR group
+          * The limetype to select properties from
          */
-        "label"?: string;
+        "limetype"?: string;
         /**
-          * The limetype being queried (e.g., "deal", "company")
+          * Emitted when the order by specification changes
+         */
+        "onChange"?: (event: LimebbLimeQueryOrderByEditorCustomEvent<OrderByItem[]>) => void;
+        /**
+          * Platform service provider
+         */
+        "platform"?: LimeWebComponentPlatform;
+        /**
+          * Current order by specification
+         */
+        "value"?: OrderByItem[];
+    }
+    /**
+     * Order By Item Component
+     * Represents a single order by specification with property selection and direction toggle
+     * Part of the order by editor
+     * @private 
+     */
+    interface LimebbLimeQueryOrderByItem {
+        /**
+          * Component context
+         */
+        "context"?: LimeWebComponentContext;
+        /**
+          * The order by item (e.g., { "company.name": "ASC" })
+         */
+        "item"?: OrderByItem;
+        /**
+          * The limetype to select properties from
          */
         "limetype"?: string;
         /**
-          * Emitted when the OR expression changes (expressions added/removed/modified) Emits undefined when expression should be removed Can emit any Expression type when unwrapping (single child)
+          * Emitted when the item changes or should be removed
          */
-        "onExpressionChange"?: (event: LimebbLimeQueryFilterOrCustomEvent<Expression | undefined>) => void;
+        "onItemChange"?: (event: LimebbLimeQueryOrderByItemCustomEvent<OrderByItem | null>) => void;
         /**
           * Platform service provider
          */
@@ -5037,7 +5001,7 @@ declare namespace LocalJSX {
         /**
           * The operator being used
          */
-        "operator"?: FilterOperator;
+        "operator"?: Operator;
         /**
           * Platform service provider
          */
@@ -5892,13 +5856,13 @@ declare namespace LocalJSX {
         "limebb-kanban-group": LimebbKanbanGroup;
         "limebb-kanban-item": LimebbKanbanItem;
         "limebb-lime-query-builder": LimebbLimeQueryBuilder;
-        "limebb-lime-query-filter-and": LimebbLimeQueryFilterAnd;
         "limebb-lime-query-filter-builder": LimebbLimeQueryFilterBuilder;
         "limebb-lime-query-filter-comparison": LimebbLimeQueryFilterComparison;
         "limebb-lime-query-filter-expression": LimebbLimeQueryFilterExpression;
         "limebb-lime-query-filter-group": LimebbLimeQueryFilterGroup;
         "limebb-lime-query-filter-not": LimebbLimeQueryFilterNot;
-        "limebb-lime-query-filter-or": LimebbLimeQueryFilterOr;
+        "limebb-lime-query-order-by-editor": LimebbLimeQueryOrderByEditor;
+        "limebb-lime-query-order-by-item": LimebbLimeQueryOrderByItem;
         "limebb-lime-query-value-input": LimebbLimeQueryValueInput;
         "limebb-limeobject-file-viewer": LimebbLimeobjectFileViewer;
         "limebb-limetype-field": LimebbLimetypeField;
@@ -6219,19 +6183,6 @@ declare module "@stencil/core" {
              * @private 
              */
             "limebb-lime-query-builder": LocalJSX.LimebbLimeQueryBuilder & JSXBase.HTMLAttributes<HTMLLimebbLimeQueryBuilderElement>;
-            /**
-             * Lime Query Filter AND Component
-             * Renders a group of filter expressions where **all conditions must be true**.
-             * Users can add multiple child expressions, and a record must match all of them
-             * to be included in the result set.
-             * This component displays:
-             * - A header with "All of these conditions are true" when there are multiple conditions
-             * - A list of child expressions (which can be comparisons or nested AND/OR/NOT groups)
-             * - An "Add another condition" button to add more expressions
-             * Clicking the trash icon on a child expression removes it from the AND group.
-             * @private 
-             */
-            "limebb-lime-query-filter-and": LocalJSX.LimebbLimeQueryFilterAnd & JSXBase.HTMLAttributes<HTMLLimebbLimeQueryFilterAndElement>;
             /**
              * Lime Query Filter Builder
              * Entry component for building Lime Query filter expressions.
@@ -6302,18 +6253,27 @@ declare module "@stencil/core" {
              */
             "limebb-lime-query-filter-not": LocalJSX.LimebbLimeQueryFilterNot & JSXBase.HTMLAttributes<HTMLLimebbLimeQueryFilterNotElement>;
             /**
-             * 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.
+             * Order By Editor Component
+             * Allows users to specify the order in which query results should be sorted.
+             * Supports sorting by multiple properties with ascending or descending order.
+             * Features:
+             * - **Property selection**: Choose properties using dropdown navigation
+             * - **Sort direction**: Toggle between ascending (ASC) and descending (DESC)
+             * - **Multiple sort fields**: Add multiple properties to create complex sorting
+             * - **Order matters**: Properties are sorted in the order they appear in the list
+             * - **Dynamic list**: Add/remove sort fields
+             * The component generates an `OrderByItem[]` array where each item specifies
+             * a property path and sort direction.
+             * @private 
+             */
+            "limebb-lime-query-order-by-editor": LocalJSX.LimebbLimeQueryOrderByEditor & JSXBase.HTMLAttributes<HTMLLimebbLimeQueryOrderByEditorElement>;
+            /**
+             * Order By Item Component
+             * Represents a single order by specification with property selection and direction toggle
+             * Part of the order by editor
              * @private 
              */
-            "limebb-lime-query-filter-or": LocalJSX.LimebbLimeQueryFilterOr & JSXBase.HTMLAttributes<HTMLLimebbLimeQueryFilterOrElement>;
+            "limebb-lime-query-order-by-item": LocalJSX.LimebbLimeQueryOrderByItem & JSXBase.HTMLAttributes<HTMLLimebbLimeQueryOrderByItemElement>;
             /**
              * Query Value Input Component
              * Renders an appropriate input control based on the property type and operator.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@limetech/lime-crm-building-blocks",
-  "version": "1.100.0",
+  "version": "1.101.0",
   "description": "A home for shared components meant for use with Lime CRM",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/dist/cjs/limebb-lime-query-filter-and.cjs.entry.js

@@ -1,80 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-ff255a0d.js');
-const index_esm = require('./index.esm-d785eb6e.js');
-
-const limeQueryFilterAndCss = "@charset \"UTF-8\";.expression{display:flex;flex-direction:column;margin-bottom:1rem;gap:0;background-color:rgb(var(--contrast-100));border:1px solid rgb(var(--contrast-500));border-radius:0.75rem}.expression>ul{margin-top:0;margin-right:1rem;margin-bottom:1rem;margin-left:1rem;padding-left:1rem;list-style:disc}.expression>ul li{margin-top:1rem}.expression>ul li.add-button{list-style:none}";
-const LimebbLimeQueryFilterAndStyle0 = limeQueryFilterAndCss;
-
-const LimeQueryFilterAndComponent = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.expressionChange = index.createEvent(this, "expressionChange", 7);
-        this.renderChildExpression = (expression, childIndex) => (index.h("li", null, index.h("limebb-lime-query-filter-expression", { platform: this.platform, context: this.context, limetype: this.limetype, activeLimetype: this.activeLimetype, expression: expression, onExpressionChange: this.handleExpressionChange(childIndex) })));
-        this.handleAddChildExpression = () => {
-            const newOrGroup = {
-                op: index_esm.Zt.OR,
-                exp: [
-                    {
-                        key: '',
-                        op: index_esm.Zt.EQUALS,
-                        exp: '',
-                    },
-                ],
-            };
-            const updatedExpressionsList = [
-                ...this.expression.exp,
-                newOrGroup,
-            ];
-            this.expressionChange.emit({
-                op: index_esm.Zt.AND,
-                exp: updatedExpressionsList,
-            });
-        };
-        this.handleExpressionChange = (updatedChildIndex) => (event) => {
-            var _a;
-            event.stopPropagation();
-            const updatedExpression = (_a = event.detail) !== null && _a !== void 0 ? _a : undefined;
-            const expressions = [...this.expression.exp];
-            if (updatedExpression === undefined) {
-                expressions.splice(updatedChildIndex, 1);
-            }
-            else {
-                expressions[updatedChildIndex] = updatedExpression;
-            }
-            if (expressions.length === 0) {
-                this.expressionChange.emit(undefined);
-                return;
-            }
-            if (expressions.length === 1) {
-                this.expressionChange.emit(expressions[0]);
-                return;
-            }
-            this.expressionChange.emit({
-                op: index_esm.Zt.AND,
-                exp: expressions,
-            });
-        };
-    }
-    render() {
-        let subheading = 'All of these conditions are true';
-        if (this.expression.exp.length <= 1) {
-            subheading = '';
-        }
-        return (index.h("div", { key: 'f07c53808d6be8d846f5a45223abb5c94b1a0b16', class: "expression" }, (this.label || subheading) && (index.h("limel-header", { key: '229f0d58ff15743fbb12da53ad9c593bfba801d1', heading: this.label, subheading: subheading })), index.h("ul", { key: '2600c2bee2b958036ea606141bcfcac0e277114c' }, this.expression.exp.map(this.renderChildExpression), index.h("li", { key: '6395e605ee8f454a820ac73601da89b19686187a', class: "add-button" }, this.renderAddChildExpression()))));
-    }
-    renderAddChildExpression() {
-        return (index.h("limel-button", { label: this.getAddButtonLabel(), icon: "plus_math", onClick: this.handleAddChildExpression }));
-    }
-    getAddButtonLabel() {
-        if (this.expression.exp.length === 0) {
-            return 'Add a condition';
-        }
-        return 'Add another condition';
-    }
-};
-LimeQueryFilterAndComponent.style = LimebbLimeQueryFilterAndStyle0;
-
-exports.limebb_lime_query_filter_and = LimeQueryFilterAndComponent;