@limetech/lime-crm-building-blocks 1.103.5 → 1.103.6

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [1.103.6](https://github.com/Lundalogik/lime-crm-building-blocks/compare/v1.103.5...v1.103.6) (2025-11-14)
+
+### Bug Fixes
+
+
+* **lime-query-builder:** render correct input types for date/time properties ([9c8fa6a](https://github.com/Lundalogik/lime-crm-building-blocks/commit/9c8fa6a659ba71dc4b9675f1ce60b4fd7eb30d69)), closes [Lundalogik/crm-insights-and-intelligence#143](https://github.com/Lundalogik/crm-insights-and-intelligence/issues/143)
+
 ## [1.103.5](https://github.com/Lundalogik/lime-crm-building-blocks/compare/v1.103.4...v1.103.5) (2025-11-13)
 
 ### Bug Fixes

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

@@ -246,6 +246,115 @@ const LimeQueryFilterNotComponent = class {
 };
 LimeQueryFilterNotComponent.style = LimebbLimeQueryFilterNotStyle0;
 
+/**
+ * System property name to actual type mapping.
+ *
+ * Maps system property names (with or without underscore prefix) to their actual data types.
+ * This mapping is necessary because system properties have `type='system'` in the metadata
+ * (for historical reasons - database schema fieldtype 255), but we need to know their
+ * actual data types to render appropriate inputs.
+ */
+const SYSTEM_TYPE_MAP = {
+    timestamp: 'time',
+    createdtime: 'time',
+    updatedtime: 'time',
+    id: 'integer',
+    createduser: 'integer',
+    updateduser: 'integer',
+    descriptive: 'string',
+};
+/**
+ * Lime CRM date/time property type to Lime Elements date picker type mapping.
+ *
+ * Maps Lime CRM property types to the corresponding Lime Elements date picker types,
+ * as they use different naming conventions.
+ */
+const DATE_TIME_TYPE_MAP = {
+    date: 'date',
+    time: 'datetime',
+    timeofday: 'time',
+    month: 'month',
+    quarter: 'quarter',
+    year: 'year',
+};
+/**
+ * Get the actual type of a property, resolving 'system' type to the underlying type.
+ *
+ * System properties in Lime CRM have `type: 'system'` in the metadata (a categorical marker
+ * from the database schema fieldtype 255), but we need to know their actual data types
+ * to render appropriate input controls.
+ *
+ * @param property - The property to get the type for
+ * @param property.type
+ * @param property.name
+ * @returns The actual property type (resolves 'system' to the underlying type)
+ *
+ * @example
+ * ```typescript
+ * const property = { name: '_timestamp', type: 'system' };
+ * getActualPropertyType(property); // Returns 'time'
+ * ```
+ */
+function getActualPropertyType(property) {
+    if (property.type === 'system') {
+        return resolveSystemPropertyType(property.name);
+    }
+    return property.type;
+}
+/**
+ * Map system property names to their actual data types.
+ *
+ * This mapping is necessary because system properties have `type='system'` in the metadata
+ * (for historical reasons - database schema fieldtype 255), but we need to know their
+ * actual data types to render appropriate inputs.
+ *
+ * The mapping is based on the Lime CRM database schema:
+ * - System datetime fields: `timestamp`, `createdtime`, `updatedtime`
+ * - System integer fields: `id`, `createduser`, `updateduser`
+ * - System string fields: `descriptive`
+ *
+ * @param propertyName - The system property name (with or without underscore prefix)
+ * @returns The actual property type
+ *
+ * @example
+ * ```typescript
+ * resolveSystemPropertyType('_timestamp');  // Returns 'time'
+ * resolveSystemPropertyType('timestamp');   // Returns 'time'
+ * resolveSystemPropertyType('_id');         // Returns 'integer'
+ * resolveSystemPropertyType('unknown');     // Returns 'string' (default)
+ * ```
+ */
+function resolveSystemPropertyType(propertyName) {
+    const name = propertyName.replace(/^_/, '');
+    return SYSTEM_TYPE_MAP[name] || 'string';
+}
+/**
+ * Map Lime CRM property types to Lime Elements date picker types.
+ *
+ * Lime CRM and Lime Elements use different naming conventions for date/time types,
+ * so we need to translate between them:
+ *
+ * - `'date'` → `'date'` - Date only
+ * - `'time'` → `'datetime'` - Full datetime (date + time) in Lime CRM
+ * - `'timeofday'` → `'time'` - Time only (hh:mm)
+ * - `'month'` → `'month'` - Month picker (YYYY-MM)
+ * - `'quarter'` → `'quarter'` - Quarter picker
+ * - `'year'` → `'year'` - Year picker
+ *
+ * @param propertyType - The Lime CRM date/time property type
+ * @returns The corresponding Lime Elements date picker type
+ *
+ * @example
+ * ```typescript
+ * mapPropertyTypeToPickerType('time');      // Returns 'datetime'
+ * mapPropertyTypeToPickerType('timeofday'); // Returns 'time'
+ * mapPropertyTypeToPickerType('date');      // Returns 'date'
+ * ```
+ */
+function mapPropertyTypeToPickerType(propertyType) {
+    return DATE_TIME_TYPE_MAP[propertyType] || 'date';
+}
+
 const limeQueryValueInputCss = ":host{display:flex;gap:0.5rem}:host>*{flex-grow:1}*{box-sizing:border-box}.value-input-container{display:flex;flex-direction:row;align-items:flex-start;gap:0.5rem;width:100%}.mode-toggle{flex-shrink:0;flex-grow:0}.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}";
 const LimebbLimeQueryValueInputStyle0 = limeQueryValueInputCss;
 
@@ -408,10 +517,12 @@ const LimeQueryValueInput = class {
         if (!property) {
             return this.renderTextInput();
         }
-        switch (property.type) {
+        // Resolve 'system' type to actual type
+        const actualType = getActualPropertyType(property);
+        switch (actualType) {
             case 'integer':
             case 'decimal': {
-                return this.renderNumberInput(property.type);
+                return this.renderNumberInput(actualType);
             }
             case 'yesno': {
                 return this.renderBooleanInput();
@@ -419,11 +530,13 @@ const LimeQueryValueInput = class {
             case 'option': {
                 return this.renderOptionInput(property);
             }
-            case 'date': {
-                return this.renderDateInput();
-            }
-            case 'time': {
-                return this.renderTimeInput();
+            case 'date':
+            case 'time':
+            case 'timeofday':
+            case 'year':
+            case 'month':
+            case 'quarter': {
+                return this.renderDateTimeInput(actualType);
             }
             default: {
                 return this.renderTextInput();
@@ -459,13 +572,11 @@ const LimeQueryValueInput = class {
         const selectedOption = options.find((o) => o.value === this.value);
         return (index.h("limel-select", { label: this.label, options: options, value: selectedOption, onChange: this.handleSelectChange }));
     }
-    renderDateInput() {
+    renderDateTimeInput(type) {
         // Convert string to Date if needed
         const dateValue = typeof this.value === 'string' ? new Date(this.value) : this.value;
-        return (index.h("limel-date-picker", { label: this.label, value: dateValue, onChange: this.handleDateChange }));
-    }
-    renderTimeInput() {
-        return (index.h("limel-input-field", { label: this.label, type: "time", value: this.value || '', onChange: this.handleTextChange }));
+        const pickerType = mapPropertyTypeToPickerType(type);
+        return (index.h("limel-date-picker", { label: this.label, value: dateValue, type: pickerType, onChange: this.handleDateChange }));
     }
     renderMultiValueInput() {
         // For IN operator, allow comma-separated values

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

@@ -11,6 +11,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { h, Host, } from "@stencil/core";
 import { Operator, SelectLimeTypes as Limetypes, } from "@limetech/lime-web-components";
 import { getPropertyFromPath } from "../property-resolution";
+import { getActualPropertyType, mapPropertyTypeToPickerType, } from "../type-resolution";
 /**
  * Query Value Input Component
  *
@@ -182,10 +183,12 @@ export class LimeQueryValueInput {
         if (!property) {
             return this.renderTextInput();
         }
-        switch (property.type) {
+        // Resolve 'system' type to actual type
+        const actualType = getActualPropertyType(property);
+        switch (actualType) {
             case 'integer':
             case 'decimal': {
-                return this.renderNumberInput(property.type);
+                return this.renderNumberInput(actualType);
             }
             case 'yesno': {
                 return this.renderBooleanInput();
@@ -193,11 +196,13 @@ export class LimeQueryValueInput {
             case 'option': {
                 return this.renderOptionInput(property);
             }
-            case 'date': {
-                return this.renderDateInput();
-            }
-            case 'time': {
-                return this.renderTimeInput();
+            case 'date':
+            case 'time':
+            case 'timeofday':
+            case 'year':
+            case 'month':
+            case 'quarter': {
+                return this.renderDateTimeInput(actualType);
             }
             default: {
                 return this.renderTextInput();
@@ -233,13 +238,11 @@ export class LimeQueryValueInput {
         const selectedOption = options.find((o) => o.value === this.value);
         return (h("limel-select", { label: this.label, options: options, value: selectedOption, onChange: this.handleSelectChange }));
     }
-    renderDateInput() {
+    renderDateTimeInput(type) {
         // Convert string to Date if needed
         const dateValue = typeof this.value === 'string' ? new Date(this.value) : this.value;
-        return (h("limel-date-picker", { label: this.label, value: dateValue, onChange: this.handleDateChange }));
-    }
-    renderTimeInput() {
-        return (h("limel-input-field", { label: this.label, type: "time", value: this.value || '', onChange: this.handleTextChange }));
+        const pickerType = mapPropertyTypeToPickerType(type);
+        return (h("limel-date-picker", { label: this.label, value: dateValue, type: pickerType, onChange: this.handleDateChange }));
     }
     renderMultiValueInput() {
         // For IN operator, allow comma-separated values

package/dist/collection/components/lime-query-builder/type-resolution.js

@@ -0,0 +1,108 @@
+/**
+ * System property name to actual type mapping.
+ *
+ * Maps system property names (with or without underscore prefix) to their actual data types.
+ * This mapping is necessary because system properties have `type='system'` in the metadata
+ * (for historical reasons - database schema fieldtype 255), but we need to know their
+ * actual data types to render appropriate inputs.
+ */
+const SYSTEM_TYPE_MAP = {
+    timestamp: 'time',
+    createdtime: 'time',
+    updatedtime: 'time',
+    id: 'integer',
+    createduser: 'integer',
+    updateduser: 'integer',
+    descriptive: 'string',
+};
+/**
+ * Lime CRM date/time property type to Lime Elements date picker type mapping.
+ *
+ * Maps Lime CRM property types to the corresponding Lime Elements date picker types,
+ * as they use different naming conventions.
+ */
+const DATE_TIME_TYPE_MAP = {
+    date: 'date',
+    time: 'datetime',
+    timeofday: 'time',
+    month: 'month',
+    quarter: 'quarter',
+    year: 'year',
+};
+/**
+ * Get the actual type of a property, resolving 'system' type to the underlying type.
+ *
+ * System properties in Lime CRM have `type: 'system'` in the metadata (a categorical marker
+ * from the database schema fieldtype 255), but we need to know their actual data types
+ * to render appropriate input controls.
+ *
+ * @param property - The property to get the type for
+ * @param property.type
+ * @param property.name
+ * @returns The actual property type (resolves 'system' to the underlying type)
+ *
+ * @example
+ * ```typescript
+ * const property = { name: '_timestamp', type: 'system' };
+ * getActualPropertyType(property); // Returns 'time'
+ * ```
+ */
+export function getActualPropertyType(property) {
+    if (property.type === 'system') {
+        return resolveSystemPropertyType(property.name);
+    }
+    return property.type;
+}
+/**
+ * Map system property names to their actual data types.
+ *
+ * This mapping is necessary because system properties have `type='system'` in the metadata
+ * (for historical reasons - database schema fieldtype 255), but we need to know their
+ * actual data types to render appropriate inputs.
+ *
+ * The mapping is based on the Lime CRM database schema:
+ * - System datetime fields: `timestamp`, `createdtime`, `updatedtime`
+ * - System integer fields: `id`, `createduser`, `updateduser`
+ * - System string fields: `descriptive`
+ *
+ * @param propertyName - The system property name (with or without underscore prefix)
+ * @returns The actual property type
+ *
+ * @example
+ * ```typescript
+ * resolveSystemPropertyType('_timestamp');  // Returns 'time'
+ * resolveSystemPropertyType('timestamp');   // Returns 'time'
+ * resolveSystemPropertyType('_id');         // Returns 'integer'
+ * resolveSystemPropertyType('unknown');     // Returns 'string' (default)
+ * ```
+ */
+export function resolveSystemPropertyType(propertyName) {
+    const name = propertyName.replace(/^_/, '');
+    return SYSTEM_TYPE_MAP[name] || 'string';
+}
+/**
+ * Map Lime CRM property types to Lime Elements date picker types.
+ *
+ * Lime CRM and Lime Elements use different naming conventions for date/time types,
+ * so we need to translate between them:
+ *
+ * - `'date'` → `'date'` - Date only
+ * - `'time'` → `'datetime'` - Full datetime (date + time) in Lime CRM
+ * - `'timeofday'` → `'time'` - Time only (hh:mm)
+ * - `'month'` → `'month'` - Month picker (YYYY-MM)
+ * - `'quarter'` → `'quarter'` - Quarter picker
+ * - `'year'` → `'year'` - Year picker
+ *
+ * @param propertyType - The Lime CRM date/time property type
+ * @returns The corresponding Lime Elements date picker type
+ *
+ * @example
+ * ```typescript
+ * mapPropertyTypeToPickerType('time');      // Returns 'datetime'
+ * mapPropertyTypeToPickerType('timeofday'); // Returns 'time'
+ * mapPropertyTypeToPickerType('date');      // Returns 'date'
+ * ```
+ */
+export function mapPropertyTypeToPickerType(propertyType) {
+    return DATE_TIME_TYPE_MAP[propertyType] || 'date';
+}

package/dist/components/lime-query-value-input.js

@@ -2,6 +2,115 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/
 import { T as Te, Z as Zt } from './index.esm.js';
 import { g as getPropertyFromPath, d as defineCustomElement$1 } from './property-selector.js';
 
+/**
+ * System property name to actual type mapping.
+ *
+ * Maps system property names (with or without underscore prefix) to their actual data types.
+ * This mapping is necessary because system properties have `type='system'` in the metadata
+ * (for historical reasons - database schema fieldtype 255), but we need to know their
+ * actual data types to render appropriate inputs.
+ */
+const SYSTEM_TYPE_MAP = {
+    timestamp: 'time',
+    createdtime: 'time',
+    updatedtime: 'time',
+    id: 'integer',
+    createduser: 'integer',
+    updateduser: 'integer',
+    descriptive: 'string',
+};
+/**
+ * Lime CRM date/time property type to Lime Elements date picker type mapping.
+ *
+ * Maps Lime CRM property types to the corresponding Lime Elements date picker types,
+ * as they use different naming conventions.
+ */
+const DATE_TIME_TYPE_MAP = {
+    date: 'date',
+    time: 'datetime',
+    timeofday: 'time',
+    month: 'month',
+    quarter: 'quarter',
+    year: 'year',
+};
+/**
+ * Get the actual type of a property, resolving 'system' type to the underlying type.
+ *
+ * System properties in Lime CRM have `type: 'system'` in the metadata (a categorical marker
+ * from the database schema fieldtype 255), but we need to know their actual data types
+ * to render appropriate input controls.
+ *
+ * @param property - The property to get the type for
+ * @param property.type
+ * @param property.name
+ * @returns The actual property type (resolves 'system' to the underlying type)
+ *
+ * @example
+ * ```typescript
+ * const property = { name: '_timestamp', type: 'system' };
+ * getActualPropertyType(property); // Returns 'time'
+ * ```
+ */
+function getActualPropertyType(property) {
+    if (property.type === 'system') {
+        return resolveSystemPropertyType(property.name);
+    }
+    return property.type;
+}
+/**
+ * Map system property names to their actual data types.
+ *
+ * This mapping is necessary because system properties have `type='system'` in the metadata
+ * (for historical reasons - database schema fieldtype 255), but we need to know their
+ * actual data types to render appropriate inputs.
+ *
+ * The mapping is based on the Lime CRM database schema:
+ * - System datetime fields: `timestamp`, `createdtime`, `updatedtime`
+ * - System integer fields: `id`, `createduser`, `updateduser`
+ * - System string fields: `descriptive`
+ *
+ * @param propertyName - The system property name (with or without underscore prefix)
+ * @returns The actual property type
+ *
+ * @example
+ * ```typescript
+ * resolveSystemPropertyType('_timestamp');  // Returns 'time'
+ * resolveSystemPropertyType('timestamp');   // Returns 'time'
+ * resolveSystemPropertyType('_id');         // Returns 'integer'
+ * resolveSystemPropertyType('unknown');     // Returns 'string' (default)
+ * ```
+ */
+function resolveSystemPropertyType(propertyName) {
+    const name = propertyName.replace(/^_/, '');
+    return SYSTEM_TYPE_MAP[name] || 'string';
+}
+/**
+ * Map Lime CRM property types to Lime Elements date picker types.
+ *
+ * Lime CRM and Lime Elements use different naming conventions for date/time types,
+ * so we need to translate between them:
+ *
+ * - `'date'` → `'date'` - Date only
+ * - `'time'` → `'datetime'` - Full datetime (date + time) in Lime CRM
+ * - `'timeofday'` → `'time'` - Time only (hh:mm)
+ * - `'month'` → `'month'` - Month picker (YYYY-MM)
+ * - `'quarter'` → `'quarter'` - Quarter picker
+ * - `'year'` → `'year'` - Year picker
+ *
+ * @param propertyType - The Lime CRM date/time property type
+ * @returns The corresponding Lime Elements date picker type
+ *
+ * @example
+ * ```typescript
+ * mapPropertyTypeToPickerType('time');      // Returns 'datetime'
+ * mapPropertyTypeToPickerType('timeofday'); // Returns 'time'
+ * mapPropertyTypeToPickerType('date');      // Returns 'date'
+ * ```
+ */
+function mapPropertyTypeToPickerType(propertyType) {
+    return DATE_TIME_TYPE_MAP[propertyType] || 'date';
+}
+
 const limeQueryValueInputCss = ":host{display:flex;gap:0.5rem}:host>*{flex-grow:1}*{box-sizing:border-box}.value-input-container{display:flex;flex-direction:row;align-items:flex-start;gap:0.5rem;width:100%}.mode-toggle{flex-shrink:0;flex-grow:0}.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}";
 const LimebbLimeQueryValueInputStyle0 = limeQueryValueInputCss;
 
@@ -166,10 +275,12 @@ const LimeQueryValueInput = /*@__PURE__*/ proxyCustomElement(class LimeQueryValu
         if (!property) {
             return this.renderTextInput();
         }
-        switch (property.type) {
+        // Resolve 'system' type to actual type
+        const actualType = getActualPropertyType(property);
+        switch (actualType) {
             case 'integer':
             case 'decimal': {
-                return this.renderNumberInput(property.type);
+                return this.renderNumberInput(actualType);
             }
             case 'yesno': {
                 return this.renderBooleanInput();
@@ -177,11 +288,13 @@ const LimeQueryValueInput = /*@__PURE__*/ proxyCustomElement(class LimeQueryValu
             case 'option': {
                 return this.renderOptionInput(property);
             }
-            case 'date': {
-                return this.renderDateInput();
-            }
-            case 'time': {
-                return this.renderTimeInput();
+            case 'date':
+            case 'time':
+            case 'timeofday':
+            case 'year':
+            case 'month':
+            case 'quarter': {
+                return this.renderDateTimeInput(actualType);
             }
             default: {
                 return this.renderTextInput();
@@ -217,13 +330,11 @@ const LimeQueryValueInput = /*@__PURE__*/ proxyCustomElement(class LimeQueryValu
         const selectedOption = options.find((o) => o.value === this.value);
         return (h("limel-select", { label: this.label, options: options, value: selectedOption, onChange: this.handleSelectChange }));
     }
-    renderDateInput() {
+    renderDateTimeInput(type) {
         // Convert string to Date if needed
         const dateValue = typeof this.value === 'string' ? new Date(this.value) : this.value;
-        return (h("limel-date-picker", { label: this.label, value: dateValue, onChange: this.handleDateChange }));
-    }
-    renderTimeInput() {
-        return (h("limel-input-field", { label: this.label, type: "time", value: this.value || '', onChange: this.handleTextChange }));
+        const pickerType = mapPropertyTypeToPickerType(type);
+        return (h("limel-date-picker", { label: this.label, value: dateValue, type: pickerType, onChange: this.handleDateChange }));
     }
     renderMultiValueInput() {
         // For IN operator, allow comma-separated values

package/dist/esm/limebb-lime-query-filter-group_3.entry.js

@@ -242,6 +242,115 @@ const LimeQueryFilterNotComponent = class {
 };
 LimeQueryFilterNotComponent.style = LimebbLimeQueryFilterNotStyle0;
 
+/**
+ * System property name to actual type mapping.
+ *
+ * Maps system property names (with or without underscore prefix) to their actual data types.
+ * This mapping is necessary because system properties have `type='system'` in the metadata
+ * (for historical reasons - database schema fieldtype 255), but we need to know their
+ * actual data types to render appropriate inputs.
+ */
+const SYSTEM_TYPE_MAP = {
+    timestamp: 'time',
+    createdtime: 'time',
+    updatedtime: 'time',
+    id: 'integer',
+    createduser: 'integer',
+    updateduser: 'integer',
+    descriptive: 'string',
+};
+/**
+ * Lime CRM date/time property type to Lime Elements date picker type mapping.
+ *
+ * Maps Lime CRM property types to the corresponding Lime Elements date picker types,
+ * as they use different naming conventions.
+ */
+const DATE_TIME_TYPE_MAP = {
+    date: 'date',
+    time: 'datetime',
+    timeofday: 'time',
+    month: 'month',
+    quarter: 'quarter',
+    year: 'year',
+};
+/**
+ * Get the actual type of a property, resolving 'system' type to the underlying type.
+ *
+ * System properties in Lime CRM have `type: 'system'` in the metadata (a categorical marker
+ * from the database schema fieldtype 255), but we need to know their actual data types
+ * to render appropriate input controls.
+ *
+ * @param property - The property to get the type for
+ * @param property.type
+ * @param property.name
+ * @returns The actual property type (resolves 'system' to the underlying type)
+ *
+ * @example
+ * ```typescript
+ * const property = { name: '_timestamp', type: 'system' };
+ * getActualPropertyType(property); // Returns 'time'
+ * ```
+ */
+function getActualPropertyType(property) {
+    if (property.type === 'system') {
+        return resolveSystemPropertyType(property.name);
+    }
+    return property.type;
+}
+/**
+ * Map system property names to their actual data types.
+ *
+ * This mapping is necessary because system properties have `type='system'` in the metadata
+ * (for historical reasons - database schema fieldtype 255), but we need to know their
+ * actual data types to render appropriate inputs.
+ *
+ * The mapping is based on the Lime CRM database schema:
+ * - System datetime fields: `timestamp`, `createdtime`, `updatedtime`
+ * - System integer fields: `id`, `createduser`, `updateduser`
+ * - System string fields: `descriptive`
+ *
+ * @param propertyName - The system property name (with or without underscore prefix)
+ * @returns The actual property type
+ *
+ * @example
+ * ```typescript
+ * resolveSystemPropertyType('_timestamp');  // Returns 'time'
+ * resolveSystemPropertyType('timestamp');   // Returns 'time'
+ * resolveSystemPropertyType('_id');         // Returns 'integer'
+ * resolveSystemPropertyType('unknown');     // Returns 'string' (default)
+ * ```
+ */
+function resolveSystemPropertyType(propertyName) {
+    const name = propertyName.replace(/^_/, '');
+    return SYSTEM_TYPE_MAP[name] || 'string';
+}
+/**
+ * Map Lime CRM property types to Lime Elements date picker types.
+ *
+ * Lime CRM and Lime Elements use different naming conventions for date/time types,
+ * so we need to translate between them:
+ *
+ * - `'date'` → `'date'` - Date only
+ * - `'time'` → `'datetime'` - Full datetime (date + time) in Lime CRM
+ * - `'timeofday'` → `'time'` - Time only (hh:mm)
+ * - `'month'` → `'month'` - Month picker (YYYY-MM)
+ * - `'quarter'` → `'quarter'` - Quarter picker
+ * - `'year'` → `'year'` - Year picker
+ *
+ * @param propertyType - The Lime CRM date/time property type
+ * @returns The corresponding Lime Elements date picker type
+ *
+ * @example
+ * ```typescript
+ * mapPropertyTypeToPickerType('time');      // Returns 'datetime'
+ * mapPropertyTypeToPickerType('timeofday'); // Returns 'time'
+ * mapPropertyTypeToPickerType('date');      // Returns 'date'
+ * ```
+ */
+function mapPropertyTypeToPickerType(propertyType) {
+    return DATE_TIME_TYPE_MAP[propertyType] || 'date';
+}
+
 const limeQueryValueInputCss = ":host{display:flex;gap:0.5rem}:host>*{flex-grow:1}*{box-sizing:border-box}.value-input-container{display:flex;flex-direction:row;align-items:flex-start;gap:0.5rem;width:100%}.mode-toggle{flex-shrink:0;flex-grow:0}.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}";
 const LimebbLimeQueryValueInputStyle0 = limeQueryValueInputCss;
 
@@ -404,10 +513,12 @@ const LimeQueryValueInput = class {
         if (!property) {
             return this.renderTextInput();
         }
-        switch (property.type) {
+        // Resolve 'system' type to actual type
+        const actualType = getActualPropertyType(property);
+        switch (actualType) {
             case 'integer':
             case 'decimal': {
-                return this.renderNumberInput(property.type);
+                return this.renderNumberInput(actualType);
             }
             case 'yesno': {
                 return this.renderBooleanInput();
@@ -415,11 +526,13 @@ const LimeQueryValueInput = class {
             case 'option': {
                 return this.renderOptionInput(property);
             }
-            case 'date': {
-                return this.renderDateInput();
-            }
-            case 'time': {
-                return this.renderTimeInput();
+            case 'date':
+            case 'time':
+            case 'timeofday':
+            case 'year':
+            case 'month':
+            case 'quarter': {
+                return this.renderDateTimeInput(actualType);
             }
             default: {
                 return this.renderTextInput();
@@ -455,13 +568,11 @@ const LimeQueryValueInput = class {
         const selectedOption = options.find((o) => o.value === this.value);
         return (h("limel-select", { label: this.label, options: options, value: selectedOption, onChange: this.handleSelectChange }));
     }
-    renderDateInput() {
+    renderDateTimeInput(type) {
         // Convert string to Date if needed
         const dateValue = typeof this.value === 'string' ? new Date(this.value) : this.value;
-        return (h("limel-date-picker", { label: this.label, value: dateValue, onChange: this.handleDateChange }));
-    }
-    renderTimeInput() {
-        return (h("limel-input-field", { label: this.label, type: "time", value: this.value || '', onChange: this.handleTextChange }));
+        const pickerType = mapPropertyTypeToPickerType(type);
+        return (h("limel-date-picker", { label: this.label, value: dateValue, type: pickerType, onChange: this.handleDateChange }));
     }
     renderMultiValueInput() {
         // For IN operator, allow comma-separated values

package/dist/lime-crm-building-blocks/lime-crm-building-blocks.esm.js

@@ -1 +1 @@
-import{p as e,b as t}from"./p-1556b545.js";export{s as setNonce}from"./p-1556b545.js";import{g as i}from"./p-e1255160.js";(()=>{const t=import.meta.url,i={};return""!==t&&(i.resourcesUrl=new URL(".",t).href),e(i)})().then((async e=>(await i(),t(JSON.parse('[["p-4f605428",[[1,"limebb-lime-query-builder",{"platform":[16],"context":[16],"value":[16],"label":[1],"activeLimetype":[1,"active-limetype"],"limetypes":[32],"mode":[32],"codeValue":[32],"limetype":[32],"filter":[32],"internalResponseFormat":[32],"limit":[32],"orderBy":[32]}]]],["p-ee1b00b9",[[1,"limebb-feed",{"platform":[16],"context":[16],"items":[16],"emptyStateMessage":[1,"empty-state-message"],"heading":[1],"loading":[4],"minutesOfProximity":[2,"minutes-of-proximity"],"totalCount":[2,"total-count"],"direction":[513],"lastVisitedTimestamp":[1,"last-visited-timestamp"],"highlightedItemId":[8,"highlighted-item-id"]},null,{"highlightedItemId":["highlightedItemIdChanged"]}]]],["p-3a406a20",[[1,"limebb-kanban",{"platform":[16],"context":[16],"groups":[16]}]]],["p-96fee7ee",[[1,"limebb-lime-query-response-format-builder",{"platform":[16],"context":[16],"limetype":[1],"value":[16],"label":[1],"helperText":[1,"helper-text"],"limetypes":[32],"mode":[32],"codeValue":[32],"internalValue":[32]}]]],["p-32534eb7",[[1,"limebb-chat-list",{"platform":[16],"context":[16],"items":[16],"loading":[516],"isTypingIndicatorVisible":[516,"is-typing-indicator-visible"],"lastVisitedTimestamp":[513,"last-visited-timestamp"],"order":[513]},null,{"items":["handleItemsChange"]}]]],["p-03af0e66",[[1,"limebb-limeobject-file-viewer",{"platform":[16],"context":[16],"property":[1],"fileTypes":[16],"limeobject":[32],"limetype":[32]}]]],["p-36ea13c0",[[1,"limebb-text-editor",{"platform":[16],"context":[16],"allowMentioning":[4,"allow-mentioning"],"contentType":[1,"content-type"],"language":[513],"disabled":[516],"readonly":[516],"helperText":[513,"helper-text"],"placeholder":[513],"label":[513],"invalid":[516],"required":[516],"selectedContext":[16],"ui":[513],"allowResize":[4,"allow-resize"],"value":[1],"draftIdentifier":[1,"draft-identifier"],"triggerMap":[16],"customElements":[16],"allowInlineImages":[4,"allow-inline-images"],"items":[32],"highlightedItemIndex":[32],"editorPickerQuery":[32],"searchableLimetypes":[32],"isPickerOpen":[32],"isSearching":[32]},null,{"isPickerOpen":["watchOpen"],"editorPickerQuery":["watchQuery"]}]]],["p-8491aaa1",[[1,"limebb-date-range",{"platform":[16],"context":[16],"startTime":[16],"endTime":[16],"startTimeLabel":[1,"start-time-label"],"endTimeLabel":[1,"end-time-label"],"language":[1],"timeFormat":[1,"time-format"],"type":[1]}]]],["p-4a82410e",[[1,"limebb-document-picker",{"platform":[16],"context":[16],"items":[16],"label":[513],"helperText":[513,"helper-text"],"invalid":[516],"required":[516],"type":[513]}]]],["p-568b7520",[[1,"limebb-info-tile-currency-format",{"platform":[16],"context":[16],"value":[16]}]]],["p-2fdcb868",[[1,"limebb-notification-list",{"platform":[16],"context":[16],"items":[16],"loading":[4],"lastVisitedTimestamp":[1,"last-visited-timestamp"]},null,{"items":["handleItemsChange"]}]]],["p-5464f0de",[[17,"limebb-browser",{"platform":[16],"context":[16],"items":[16],"layout":[1],"filter":[32]}]]],["p-3175883d",[[1,"limebb-component-config",{"platform":[16],"context":[16],"value":[16],"required":[4],"readonly":[4],"disabled":[4],"label":[1],"helperText":[1,"helper-text"],"formInfo":[16],"type":[1],"nameField":[1,"name-field"],"configComponent":[32],"configViewType":[32]},null,{"formInfo":["watchFormInfo"],"configComponent":["watchconfigComponent"]}]]],["p-1be0eec7",[[1,"limebb-component-picker",{"platform":[16],"context":[16],"type":[1],"tags":[16],"value":[1],"copyLabel":[1,"copy-label"],"hideCopyButton":[4,"hide-copy-button"],"required":[4],"readonly":[4],"disabled":[4],"label":[1],"helperText":[1,"helper-text"]}]]],["p-10ac8b3e",[[1,"limebb-dashboard-widget",{"heading":[513],"subheading":[513],"supportingText":[513,"supporting-text"],"icon":[513]}]]],["p-e35299e0",[[1,"limebb-icon-picker",{"value":[1],"required":[4],"readonly":[4],"invalid":[4],"disabled":[4],"label":[1],"helperText":[1,"helper-text"]}]]],["p-a200954f",[[1,"limebb-info-tile",{"platform":[16],"context":[16],"filterId":[513,"filter-id"],"disabled":[4],"icon":[513],"label":[1],"prefix":[1],"suffix":[1],"propertyName":[1,"property-name"],"aggregateOperator":[1,"aggregate-operator"],"format":[16],"config":[32],"filters":[32],"value":[32],"loading":[32],"error":[32]},null,{"filterId":["watchFilterId"],"propertyName":["watchPropertyName"],"aggregateOperator":["watchAggregateOperator"]}]]],["p-01cff04f",[[1,"limebb-info-tile-date-format",{"value":[16]}]]],["p-4caa8bbe",[[1,"limebb-info-tile-decimal-format",{"value":[16]}]]],["p-ff0b244b",[[1,"limebb-info-tile-format",{"platform":[16],"context":[16],"type":[1],"value":[16]}]]],["p-25e1a434",[[1,"limebb-info-tile-relative-date-format",{"value":[16]}]]],["p-6c56121c",[[1,"limebb-info-tile-unit-format",{"value":[16]}]]],["p-206575e4",[[1,"limebb-loader",{"platform":[16],"context":[16]}]]],["p-e8946134",[[1,"limebb-locale-picker",{"platform":[16],"context":[16],"value":[1],"required":[4],"disabled":[4],"label":[1],"helperText":[1,"helper-text"],"readonly":[4],"multipleChoice":[4,"multiple-choice"],"allLanguages":[32]}]]],["p-cfa1a4ad",[[1,"limebb-mention",{"limetype":[1],"objectid":[2],"limeobject":[32]}]]],["p-9cac4de2",[[1,"limebb-mention-group-counter",{"count":[2],"limetype":[16],"helperLabel":[1,"helper-label"]}]]],["p-569c86b5",[[1,"limebb-percentage-visualizer",{"platform":[16],"context":[16],"value":[520],"rangeMax":[514,"range-max"],"rangeMin":[514,"range-min"],"multiplier":[514],"label":[513],"invalid":[516],"required":[516],"helperText":[513,"helper-text"],"reducePresence":[516,"reduce-presence"],"displayPercentageColors":[516,"display-percentage-colors"]},null,{"value":["valueChanged"]}]]],["p-3122ea05",[[1,"limebb-trend-indicator",{"platform":[16],"context":[16],"value":[520],"formerValue":[514,"former-value"],"suffix":[513],"label":[513],"invalid":[516],"required":[516],"helperText":[513,"helper-text"],"reducePresence":[516,"reduce-presence"]},null,{"value":["valueChanged"]}]]],["p-7271f47a",[[1,"limebb-feed-timeline-item",{"platform":[16],"context":[16],"item":[16],"ui":[513],"helperText":[1,"helper-text"],"hasError":[516,"has-error"],"isBundled":[516,"is-bundled"],"headingCanExpand":[32],"isHeadingExpanded":[32],"showMore":[32],"isTall":[32]}]]],["p-eb81bceb",[[1,"limebb-kanban-item",{"platform":[16],"context":[16],"item":[16]}]]],["p-2faaacbc",[[1,"limebb-kanban-group",{"platform":[16],"context":[16],"identifier":[1],"heading":[513],"help":[1],"items":[16],"summary":[1],"loading":[516],"totalCount":[514,"total-count"]}]]],["p-218b7f38",[[1,"limebb-text-editor-picker",{"items":[16],"open":[516],"isSearching":[4,"is-searching"],"emptyMessage":[1,"empty-message"]},null,{"open":["watchOpen"]}]]],["p-9031f136",[[1,"limebb-currency-picker",{"platform":[16],"context":[16],"label":[513],"currencies":[16],"helperText":[513,"helper-text"],"required":[516],"readonly":[516],"invalid":[516],"disabled":[516],"value":[1]}]]],["p-098ee6c1",[[1,"limebb-date-picker",{"platform":[16],"context":[16],"disabled":[516],"readonly":[516],"invalid":[516],"label":[513],"placeholder":[513],"helperText":[513,"helper-text"],"required":[516],"value":[1],"type":[513]}]]],["p-9d25ed5a",[[17,"limebb-document-item",{"platform":[16],"context":[16],"item":[16],"type":[513]}]]],["p-93cadc1e",[[1,"limebb-live-docs-info"]]],["p-b9b954d9",[[1,"limebb-notification-item",{"platform":[16],"context":[16],"item":[16]}]]],["p-fdd5600b",[[1,"limebb-lime-query-order-by-item",{"platform":[16],"context":[16],"limetype":[1],"item":[16]}]]],["p-5dc574a3",[[1,"limebb-chat-item",{"platform":[16],"context":[16],"item":[16],"helperText":[1,"helper-text"],"hasError":[516,"has-error"]}],[1,"limebb-typing-indicator"]]],["p-61282e1a",[[1,"limebb-feed-item-thumbnail-file-info",{"description":[1]}]]],["p-6c7af6bb",[[1,"limebb-lime-query-filter-builder",{"platform":[16],"context":[16],"limetype":[1],"activeLimetype":[1,"active-limetype"],"expression":[16]}],[1,"limebb-lime-query-order-by-editor",{"platform":[16],"context":[16],"limetype":[1],"value":[16],"label":[1],"items":[32]},null,{"value":["handleValueChange"]}],[0,"limebb-limetype-field",{"platform":[16],"context":[16],"label":[513],"required":[516],"readonly":[516],"disabled":[516],"value":[513],"helperText":[513,"helper-text"],"invalid":[4],"limetypes":[16],"propertyFields":[16],"fieldName":[1,"field-name"],"formInfo":[16]}]]],["p-292631ea",[[1,"limebb-empty-state",{"heading":[513],"value":[513],"icon":[16]}]]],["p-d8696b23",[[1,"limebb-property-selector",{"platform":[16],"context":[16],"limetype":[1],"value":[1],"label":[1],"required":[4],"helperText":[1,"helper-text"],"limetypes":[32],"isOpen":[32],"navigationPath":[32]}]]],["p-d635e6fc",[[1,"limebb-lime-query-response-format-editor",{"platform":[16],"context":[16],"limetype":[1],"value":[16],"label":[1],"items":[32]}],[1,"limebb-lime-query-response-format-item",{"platform":[16],"context":[16],"limetype":[1],"item":[16],"showAliasInput":[32],"showDescriptionInput":[32]}]]],["p-631ca5a5",[[1,"limebb-summary-popover",{"triggerDelay":[514,"trigger-delay"],"heading":[513],"subheading":[513],"image":[16],"icon":[513],"value":[1],"openDirection":[513,"open-direction"],"popoverMaxWidth":[513,"popover-max-width"],"popoverMaxHeight":[513,"popover-max-height"],"actions":[16],"isPopoverOpen":[32]}],[17,"limebb-navigation-button",{"href":[513],"tooltipLabel":[513,"tooltip-label"],"tooltipHelperLabel":[513,"tooltip-helper-label"],"type":[513]}]]],["p-47f4f505",[[1,"limebb-lime-query-value-input",{"platform":[16],"context":[16],"limetype":[1],"activeLimetype":[1,"active-limetype"],"propertyPath":[1,"property-path"],"operator":[1],"value":[8],"label":[1],"limetypes":[32],"inputMode":[32]}],[1,"limebb-lime-query-filter-group",{"platform":[16],"context":[16],"limetype":[1],"activeLimetype":[1,"active-limetype"],"expression":[16],"value":[32]}],[1,"limebb-lime-query-filter-not",{"platform":[16],"context":[16],"label":[1],"limetype":[1],"activeLimetype":[1,"active-limetype"],"expression":[16]}]]],["p-761c7c7c",[[1,"limebb-lime-query-filter-expression",{"platform":[16],"context":[16],"label":[1],"limetype":[1],"activeLimetype":[1,"active-limetype"],"expression":[16]}],[1,"limebb-lime-query-filter-comparison",{"platform":[16],"context":[16],"label":[513],"limetype":[1],"activeLimetype":[1,"active-limetype"],"expression":[16]}]]]]'),e))));
+import{p as e,b as t}from"./p-1556b545.js";export{s as setNonce}from"./p-1556b545.js";import{g as i}from"./p-e1255160.js";(()=>{const t=import.meta.url,i={};return""!==t&&(i.resourcesUrl=new URL(".",t).href),e(i)})().then((async e=>(await i(),t(JSON.parse('[["p-4f605428",[[1,"limebb-lime-query-builder",{"platform":[16],"context":[16],"value":[16],"label":[1],"activeLimetype":[1,"active-limetype"],"limetypes":[32],"mode":[32],"codeValue":[32],"limetype":[32],"filter":[32],"internalResponseFormat":[32],"limit":[32],"orderBy":[32]}]]],["p-ee1b00b9",[[1,"limebb-feed",{"platform":[16],"context":[16],"items":[16],"emptyStateMessage":[1,"empty-state-message"],"heading":[1],"loading":[4],"minutesOfProximity":[2,"minutes-of-proximity"],"totalCount":[2,"total-count"],"direction":[513],"lastVisitedTimestamp":[1,"last-visited-timestamp"],"highlightedItemId":[8,"highlighted-item-id"]},null,{"highlightedItemId":["highlightedItemIdChanged"]}]]],["p-3a406a20",[[1,"limebb-kanban",{"platform":[16],"context":[16],"groups":[16]}]]],["p-96fee7ee",[[1,"limebb-lime-query-response-format-builder",{"platform":[16],"context":[16],"limetype":[1],"value":[16],"label":[1],"helperText":[1,"helper-text"],"limetypes":[32],"mode":[32],"codeValue":[32],"internalValue":[32]}]]],["p-32534eb7",[[1,"limebb-chat-list",{"platform":[16],"context":[16],"items":[16],"loading":[516],"isTypingIndicatorVisible":[516,"is-typing-indicator-visible"],"lastVisitedTimestamp":[513,"last-visited-timestamp"],"order":[513]},null,{"items":["handleItemsChange"]}]]],["p-03af0e66",[[1,"limebb-limeobject-file-viewer",{"platform":[16],"context":[16],"property":[1],"fileTypes":[16],"limeobject":[32],"limetype":[32]}]]],["p-36ea13c0",[[1,"limebb-text-editor",{"platform":[16],"context":[16],"allowMentioning":[4,"allow-mentioning"],"contentType":[1,"content-type"],"language":[513],"disabled":[516],"readonly":[516],"helperText":[513,"helper-text"],"placeholder":[513],"label":[513],"invalid":[516],"required":[516],"selectedContext":[16],"ui":[513],"allowResize":[4,"allow-resize"],"value":[1],"draftIdentifier":[1,"draft-identifier"],"triggerMap":[16],"customElements":[16],"allowInlineImages":[4,"allow-inline-images"],"items":[32],"highlightedItemIndex":[32],"editorPickerQuery":[32],"searchableLimetypes":[32],"isPickerOpen":[32],"isSearching":[32]},null,{"isPickerOpen":["watchOpen"],"editorPickerQuery":["watchQuery"]}]]],["p-8491aaa1",[[1,"limebb-date-range",{"platform":[16],"context":[16],"startTime":[16],"endTime":[16],"startTimeLabel":[1,"start-time-label"],"endTimeLabel":[1,"end-time-label"],"language":[1],"timeFormat":[1,"time-format"],"type":[1]}]]],["p-4a82410e",[[1,"limebb-document-picker",{"platform":[16],"context":[16],"items":[16],"label":[513],"helperText":[513,"helper-text"],"invalid":[516],"required":[516],"type":[513]}]]],["p-568b7520",[[1,"limebb-info-tile-currency-format",{"platform":[16],"context":[16],"value":[16]}]]],["p-2fdcb868",[[1,"limebb-notification-list",{"platform":[16],"context":[16],"items":[16],"loading":[4],"lastVisitedTimestamp":[1,"last-visited-timestamp"]},null,{"items":["handleItemsChange"]}]]],["p-5464f0de",[[17,"limebb-browser",{"platform":[16],"context":[16],"items":[16],"layout":[1],"filter":[32]}]]],["p-3175883d",[[1,"limebb-component-config",{"platform":[16],"context":[16],"value":[16],"required":[4],"readonly":[4],"disabled":[4],"label":[1],"helperText":[1,"helper-text"],"formInfo":[16],"type":[1],"nameField":[1,"name-field"],"configComponent":[32],"configViewType":[32]},null,{"formInfo":["watchFormInfo"],"configComponent":["watchconfigComponent"]}]]],["p-1be0eec7",[[1,"limebb-component-picker",{"platform":[16],"context":[16],"type":[1],"tags":[16],"value":[1],"copyLabel":[1,"copy-label"],"hideCopyButton":[4,"hide-copy-button"],"required":[4],"readonly":[4],"disabled":[4],"label":[1],"helperText":[1,"helper-text"]}]]],["p-10ac8b3e",[[1,"limebb-dashboard-widget",{"heading":[513],"subheading":[513],"supportingText":[513,"supporting-text"],"icon":[513]}]]],["p-e35299e0",[[1,"limebb-icon-picker",{"value":[1],"required":[4],"readonly":[4],"invalid":[4],"disabled":[4],"label":[1],"helperText":[1,"helper-text"]}]]],["p-a200954f",[[1,"limebb-info-tile",{"platform":[16],"context":[16],"filterId":[513,"filter-id"],"disabled":[4],"icon":[513],"label":[1],"prefix":[1],"suffix":[1],"propertyName":[1,"property-name"],"aggregateOperator":[1,"aggregate-operator"],"format":[16],"config":[32],"filters":[32],"value":[32],"loading":[32],"error":[32]},null,{"filterId":["watchFilterId"],"propertyName":["watchPropertyName"],"aggregateOperator":["watchAggregateOperator"]}]]],["p-01cff04f",[[1,"limebb-info-tile-date-format",{"value":[16]}]]],["p-4caa8bbe",[[1,"limebb-info-tile-decimal-format",{"value":[16]}]]],["p-ff0b244b",[[1,"limebb-info-tile-format",{"platform":[16],"context":[16],"type":[1],"value":[16]}]]],["p-25e1a434",[[1,"limebb-info-tile-relative-date-format",{"value":[16]}]]],["p-6c56121c",[[1,"limebb-info-tile-unit-format",{"value":[16]}]]],["p-206575e4",[[1,"limebb-loader",{"platform":[16],"context":[16]}]]],["p-e8946134",[[1,"limebb-locale-picker",{"platform":[16],"context":[16],"value":[1],"required":[4],"disabled":[4],"label":[1],"helperText":[1,"helper-text"],"readonly":[4],"multipleChoice":[4,"multiple-choice"],"allLanguages":[32]}]]],["p-cfa1a4ad",[[1,"limebb-mention",{"limetype":[1],"objectid":[2],"limeobject":[32]}]]],["p-9cac4de2",[[1,"limebb-mention-group-counter",{"count":[2],"limetype":[16],"helperLabel":[1,"helper-label"]}]]],["p-569c86b5",[[1,"limebb-percentage-visualizer",{"platform":[16],"context":[16],"value":[520],"rangeMax":[514,"range-max"],"rangeMin":[514,"range-min"],"multiplier":[514],"label":[513],"invalid":[516],"required":[516],"helperText":[513,"helper-text"],"reducePresence":[516,"reduce-presence"],"displayPercentageColors":[516,"display-percentage-colors"]},null,{"value":["valueChanged"]}]]],["p-3122ea05",[[1,"limebb-trend-indicator",{"platform":[16],"context":[16],"value":[520],"formerValue":[514,"former-value"],"suffix":[513],"label":[513],"invalid":[516],"required":[516],"helperText":[513,"helper-text"],"reducePresence":[516,"reduce-presence"]},null,{"value":["valueChanged"]}]]],["p-7271f47a",[[1,"limebb-feed-timeline-item",{"platform":[16],"context":[16],"item":[16],"ui":[513],"helperText":[1,"helper-text"],"hasError":[516,"has-error"],"isBundled":[516,"is-bundled"],"headingCanExpand":[32],"isHeadingExpanded":[32],"showMore":[32],"isTall":[32]}]]],["p-eb81bceb",[[1,"limebb-kanban-item",{"platform":[16],"context":[16],"item":[16]}]]],["p-2faaacbc",[[1,"limebb-kanban-group",{"platform":[16],"context":[16],"identifier":[1],"heading":[513],"help":[1],"items":[16],"summary":[1],"loading":[516],"totalCount":[514,"total-count"]}]]],["p-218b7f38",[[1,"limebb-text-editor-picker",{"items":[16],"open":[516],"isSearching":[4,"is-searching"],"emptyMessage":[1,"empty-message"]},null,{"open":["watchOpen"]}]]],["p-9031f136",[[1,"limebb-currency-picker",{"platform":[16],"context":[16],"label":[513],"currencies":[16],"helperText":[513,"helper-text"],"required":[516],"readonly":[516],"invalid":[516],"disabled":[516],"value":[1]}]]],["p-098ee6c1",[[1,"limebb-date-picker",{"platform":[16],"context":[16],"disabled":[516],"readonly":[516],"invalid":[516],"label":[513],"placeholder":[513],"helperText":[513,"helper-text"],"required":[516],"value":[1],"type":[513]}]]],["p-9d25ed5a",[[17,"limebb-document-item",{"platform":[16],"context":[16],"item":[16],"type":[513]}]]],["p-93cadc1e",[[1,"limebb-live-docs-info"]]],["p-b9b954d9",[[1,"limebb-notification-item",{"platform":[16],"context":[16],"item":[16]}]]],["p-fdd5600b",[[1,"limebb-lime-query-order-by-item",{"platform":[16],"context":[16],"limetype":[1],"item":[16]}]]],["p-5dc574a3",[[1,"limebb-chat-item",{"platform":[16],"context":[16],"item":[16],"helperText":[1,"helper-text"],"hasError":[516,"has-error"]}],[1,"limebb-typing-indicator"]]],["p-61282e1a",[[1,"limebb-feed-item-thumbnail-file-info",{"description":[1]}]]],["p-6c7af6bb",[[1,"limebb-lime-query-filter-builder",{"platform":[16],"context":[16],"limetype":[1],"activeLimetype":[1,"active-limetype"],"expression":[16]}],[1,"limebb-lime-query-order-by-editor",{"platform":[16],"context":[16],"limetype":[1],"value":[16],"label":[1],"items":[32]},null,{"value":["handleValueChange"]}],[0,"limebb-limetype-field",{"platform":[16],"context":[16],"label":[513],"required":[516],"readonly":[516],"disabled":[516],"value":[513],"helperText":[513,"helper-text"],"invalid":[4],"limetypes":[16],"propertyFields":[16],"fieldName":[1,"field-name"],"formInfo":[16]}]]],["p-292631ea",[[1,"limebb-empty-state",{"heading":[513],"value":[513],"icon":[16]}]]],["p-d8696b23",[[1,"limebb-property-selector",{"platform":[16],"context":[16],"limetype":[1],"value":[1],"label":[1],"required":[4],"helperText":[1,"helper-text"],"limetypes":[32],"isOpen":[32],"navigationPath":[32]}]]],["p-d635e6fc",[[1,"limebb-lime-query-response-format-editor",{"platform":[16],"context":[16],"limetype":[1],"value":[16],"label":[1],"items":[32]}],[1,"limebb-lime-query-response-format-item",{"platform":[16],"context":[16],"limetype":[1],"item":[16],"showAliasInput":[32],"showDescriptionInput":[32]}]]],["p-631ca5a5",[[1,"limebb-summary-popover",{"triggerDelay":[514,"trigger-delay"],"heading":[513],"subheading":[513],"image":[16],"icon":[513],"value":[1],"openDirection":[513,"open-direction"],"popoverMaxWidth":[513,"popover-max-width"],"popoverMaxHeight":[513,"popover-max-height"],"actions":[16],"isPopoverOpen":[32]}],[17,"limebb-navigation-button",{"href":[513],"tooltipLabel":[513,"tooltip-label"],"tooltipHelperLabel":[513,"tooltip-helper-label"],"type":[513]}]]],["p-908dd7d5",[[1,"limebb-lime-query-value-input",{"platform":[16],"context":[16],"limetype":[1],"activeLimetype":[1,"active-limetype"],"propertyPath":[1,"property-path"],"operator":[1],"value":[8],"label":[1],"limetypes":[32],"inputMode":[32]}],[1,"limebb-lime-query-filter-group",{"platform":[16],"context":[16],"limetype":[1],"activeLimetype":[1,"active-limetype"],"expression":[16],"value":[32]}],[1,"limebb-lime-query-filter-not",{"platform":[16],"context":[16],"label":[1],"limetype":[1],"activeLimetype":[1,"active-limetype"],"expression":[16]}]]],["p-761c7c7c",[[1,"limebb-lime-query-filter-expression",{"platform":[16],"context":[16],"label":[1],"limetype":[1],"activeLimetype":[1,"active-limetype"],"expression":[16]}],[1,"limebb-lime-query-filter-comparison",{"platform":[16],"context":[16],"label":[513],"limetype":[1],"activeLimetype":[1,"active-limetype"],"expression":[16]}]]]]'),e))));

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

@@ -0,0 +1 @@
+import{r as e,c as t,h as i,H as r}from"./p-1556b545.js";import{Z as s,T as l}from"./p-4838284a.js";import{g as o}from"./p-b748c770.js";function n(){return{key:"",op:s.EQUALS,exp:""}}function a(e,t){return{op:e.op,exp:[...e.exp,t]}}const h=class{constructor(r){e(this,r),this.expressionChange=t(this,"expressionChange",7),this.options=[{text:"All",secondaryText:"AND operator",value:"and"},{text:"Any",secondaryText:"OR operator",value:"or"}],this.renderChildExpression=(e,t)=>i("limebb-lime-query-filter-expression",{role:"listitem",platform:this.platform,context:this.context,limetype:this.limetype,activeLimetype:this.activeLimetype,expression:e,onExpressionChange:this.handleExpressionChange(t)}),this.handleDeleteGroup=()=>{this.expressionChange.emit()},this.handleToggleOperator=e=>{const t=Array.isArray(e.detail)?e.detail[0]:e.detail;if(this.value=t,("and"===t.value?s.AND:s.OR)!==this.expression.op){const e={op:(i=this.expression).op===s.AND?s.OR:s.AND,exp:[...i.exp]};this.expressionChange.emit(e)}var i},this.handleAddChildExpression=()=>{const e=n(),t=a(this.expression,e);this.expressionChange.emit(t)},this.handleAddChildGroup=()=>{const e={op:this.expression.op===s.AND?s.OR:s.AND,exp:[n()]},t=a(this.expression,e);this.expressionChange.emit(t)},this.handleExpressionChange=e=>t=>{t.stopPropagation();const i=function(e,t,i){const r=[...e.exp];return i?(r[t]=i,{type:"updated",expression:{op:e.op,exp:r}}):(r.splice(t,1),0===r.length?{type:"removed",expression:void 0}:1===r.length?{type:"unwrapped",expression:r[0]}:{type:"updated",expression:{op:e.op,exp:r}})}(this.expression,e,t.detail);this.expressionChange.emit(i.expression)}}componentWillLoad(){this.value=this.options.find((e=>e.value===(this.expression.op===s.AND?"and":"or")))||this.options[0]}render(){return i(r,{key:"324805229eab509d12b6d41a99a54c1a4d8560a1",style:{"--limebb-lime-query-filter-group-operator":`"${this.expression.op===s.AND?"AND":"OR"}"`}},i("div",{key:"948dda71aac51cbfd8b93bc657a79c00a6bd6f68",class:"expression"},this.renderHeader(),i("ul",{key:"b1dbce8f4f20f72e00567d431eed0fe5900f4fbf"},this.expression.exp.map(this.renderChildExpression),this.renderAddButton()),this.renderAddGroupButton()))}renderHeader(){const e=this.getSubheading();return e?i("limel-header",{subheading:e},this.renderOperators(),this.renderDeleteGroupButton()):null}renderOperators(){return i("limel-select",{class:"operator-select",slot:"actions",value:this.value,options:this.options,onChange:this.handleToggleOperator})}renderDeleteGroupButton(){return i("limel-icon-button",{class:"delete-group",slot:"actions",icon:"trash",label:"Delete This Group",onClick:this.handleDeleteGroup})}getSubheading(){return this.expression.exp.length<=1?"":this.expression.op===s.AND?"All of these conditions are met":"Any of these conditions are met"}renderAddButton(){return i("limel-button",{role:"listitem",label:"Condition",icon:{name:"plus_math",title:"Add"},onClick:this.handleAddChildExpression})}renderAddGroupButton(){return i("limel-button",{class:"add-group",label:"Group",icon:{name:"plus_math",title:"Add"},onClick:this.handleAddChildGroup})}};h.style='@charset "UTF-8";*,*::before,*::after{box-sizing:border-box}limebb-lime-query-filter-expression{position:relative;isolation:isolate}limebb-lime-query-filter-expression:not(:first-of-type):after{content:"";position:absolute;top:-0.5rem;left:0.75rem;display:block;border-radius:1rem;height:2rem;width:0.125rem;background-color:var(--limebb-lime-query-builder-group-color)}limebb-lime-query-filter-expression:not(:first-of-type):before{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;height:1rem;content:var(--limebb-lime-query-filter-group-operator);display:inline-block;margin:0 auto 0.5rem auto;transform:translateY(-50%);font-size:0.625rem;padding:0 0.5rem;color:rgb(var(--color-blue-dark));background-color:var(--limebb-lime-query-builder-group-color);border-radius:2rem}.expression{display:flex;flex-direction:column;margin-bottom:1rem;gap:0;background-color:rgb(var(--contrast-100));border-radius:0.75rem;border:1px solid var(--limebb-lime-query-builder-group-color)}.expression ul{list-style:none;margin:0;padding:0.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.expression ul [role=listitem]{list-style:none;width:100%}limel-button.add-group{width:fit-content;margin:0.5rem}limel-icon-button.delete-group{margin-left:0.5rem}limel-select.operator-select{min-width:8rem}';const c=class{constructor(i){e(this,i),this.expressionChange=t(this,"expressionChange",7),this.handleExpressionChange=e=>{var t;e.stopPropagation();const i=null!==(t=e.detail)&&void 0!==t?t:void 0;this.expressionChange.emit(void 0!==i?{op:s.NOT,exp:i}:void 0)}}render(){return i("div",{key:"8f234a17a56f899640f503dcc58e6ef7d8e6a998",class:"expression"},this.label&&i("limel-header",{key:"1e71be2c56690aa3c603c88028860093b54a2a84",heading:this.label}),i("limebb-lime-query-filter-expression",{key:"1fde4344ca12d9ced489ee8e4f1b9de806da1dc4",platform:this.platform,context:this.context,label:"Not",limetype:this.limetype,activeLimetype:this.activeLimetype,expression:this.expression.exp,onExpressionChange:this.handleExpressionChange}))}};c.style='@charset "UTF-8";.expression{display:flex;flex-direction:column;margin-bottom:1rem;gap:1rem;padding:1rem;border-left:0.25rem solid rgb(var(--contrast-400));background-color:rgb(var(--contrast-100))}';const d={timestamp:"time",createdtime:"time",updatedtime:"time",id:"integer",createduser:"integer",updateduser:"integer",descriptive:"string"},u={date:"date",time:"datetime",timeofday:"time",month:"month",quarter:"quarter",year:"year"};const p=class{constructor(i){e(this,i),this.change=t(this,"change",7),this.label="Value",this.inputMode="value",this.handleTextChange=e=>{e.stopPropagation();const t=e.detail,i=Number(t);Number.isNaN(i)||""===t?this.change.emit(t):this.change.emit(i)},this.handleSelectChange=e=>{e.stopPropagation();const t=e.detail;Array.isArray(t)?this.change.emit(t.map((e=>e.value))):this.change.emit(null==t?void 0:t.value)},this.handleBooleanChange=e=>{e.stopPropagation();const t=e.detail;Array.isArray(t)||this.change.emit("true"===(null==t?void 0:t.value))},this.handleDateChange=e=>{e.stopPropagation();const t=e.detail;this.change.emit(t?t.toISOString():null)},this.handleMultiValueChange=e=>{e.stopPropagation();const t=e.detail.split(",").map((e=>e.trim())).filter((e=>e.length>0));this.change.emit(t)},this.handleModeToggle=()=>{"value"===this.inputMode?(this.inputMode="placeholder",this.change.emit("%activeObject%")):(this.inputMode="value",this.change.emit(""))},this.handlePlaceholderPropertyChange=e=>{e.stopPropagation();const t=this.buildPlaceholderValue(e.detail);this.change.emit(t)}}componentWillLoad(){this.isPlaceholder(this.value)&&(this.inputMode="placeholder")}componentWillUpdate(){this.isPlaceholder(this.value)&&"placeholder"!==this.inputMode?this.inputMode="placeholder":this.isPlaceholder(this.value)||"placeholder"!==this.inputMode||(this.inputMode="value")}isPlaceholder(e){return"string"==typeof e&&e.startsWith("%activeObject%")}parsePlaceholderPath(e){return this.isPlaceholder(e)?e.replace(/^%activeObject%\.?/,""):""}buildPlaceholderValue(e){return e?`%activeObject%.${e}`:"%activeObject%"}render(){return this.operator?i(r,null,this.renderModeToggle(),this.renderInputByMode()):null}renderInputByMode(){return"placeholder"===this.inputMode?this.renderPlaceholderInput():this.renderValueInputByType()}renderModeToggle(){if(!this.activeLimetype)return null;const e="placeholder"===this.inputMode;return i("limel-icon-button",{class:"mode-toggle",icon:e?"text":"link",label:e?"Use Value":"Use Placeholder",onClick:this.handleModeToggle})}renderPlaceholderInput(){const e=this.parsePlaceholderPath(this.value);return i("div",{class:"placeholder-input"},i("limebb-property-selector",{platform:this.platform,context:this.context,limetype:this.activeLimetype,label:"Active Object Property",value:e,required:!1,helperText:"Select property from the active object",onChange:this.handlePlaceholderPropertyChange}),this.renderPlaceholderPreview())}renderPlaceholderPreview(){if(this.isPlaceholder(this.value))return i("div",{class:"placeholder-preview"},i("limel-icon",{name:"info",size:"small"}),i("span",null,"Placeholder: ",this.value))}renderValueInputByType(){if(this.operator===s.IN)return this.renderMultiValueInput();const e=this.getProperty();if(!e)return this.renderTextInput();const t=function(e){return"system"===e.type?function(e){const t=e.replace(/^_/,"");return d[t]||"string"}(e.name):e.type}(e);switch(t){case"integer":case"decimal":return this.renderNumberInput(t);case"yesno":return this.renderBooleanInput();case"option":return this.renderOptionInput(e);case"date":case"time":case"timeofday":case"year":case"month":case"quarter":return this.renderDateTimeInput(t);default:return this.renderTextInput()}}renderTextInput(){var e;return i("limel-input-field",{label:this.label,value:(null===(e=this.value)||void 0===e?void 0:e.toString())||"",placeholder:"Enter value",onChange:this.handleTextChange})}renderNumberInput(e){var t;const r="integer"===e?1:.01;return i("limel-input-field",{label:this.label,type:"number",value:(null===(t=this.value)||void 0===t?void 0:t.toString())||"",step:r,onChange:this.handleTextChange})}renderBooleanInput(){const e=[{text:"True",value:"true"},{text:"False",value:"false"}],t=!0===this.value||"true"===this.value?"true":"false",r=e.find((e=>e.value===t));return i("limel-select",{label:this.label,options:e,value:r,onChange:this.handleBooleanChange})}renderOptionInput(e){if(!e.options||0===e.options.length)return this.renderTextInput();const t=e.options.map((e=>({text:e.text||e.key,value:e.key}))),r=t.find((e=>e.value===this.value));return i("limel-select",{label:this.label,options:t,value:r,onChange:this.handleSelectChange})}renderDateTimeInput(e){const t="string"==typeof this.value?new Date(this.value):this.value;return i("limel-date-picker",{label:this.label,value:t,type:u[e]||"date",onChange:this.handleDateChange})}renderMultiValueInput(){const e=Array.isArray(this.value)?this.value.join(", "):this.value||"";return i("limel-input-field",{label:this.label+" (comma-separated)",value:e,placeholder:"e.g., won, lost, tender",onChange:this.handleMultiValueChange})}getProperty(){if(this.limetypes&&this.limetype&&this.propertyPath)return o(this.limetypes,this.limetype,this.propertyPath)}};(function(e,t,i,r){var s,l=arguments.length,o=l<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,r);else for(var n=e.length-1;n>=0;n--)(s=e[n])&&(o=(l<3?s(o):l>3?s(t,i,o):s(t,i))||o);l>3&&o&&Object.defineProperty(t,i,o)})([l()],p.prototype,"limetypes",void 0),p.style=":host{display:flex;gap:0.5rem}:host>*{flex-grow:1}*{box-sizing:border-box}.value-input-container{display:flex;flex-direction:row;align-items:flex-start;gap:0.5rem;width:100%}.mode-toggle{flex-shrink:0;flex-grow:0}.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}";export{h as limebb_lime_query_filter_group,c as limebb_lime_query_filter_not,p as limebb_lime_query_value_input}

package/dist/types/components/lime-query-builder/expressions/lime-query-value-input.d.ts

@@ -78,8 +78,7 @@ export declare class LimeQueryValueInput {
     private renderNumberInput;
     private renderBooleanInput;
     private renderOptionInput;
-    private renderDateInput;
-    private renderTimeInput;
+    private renderDateTimeInput;
     private renderMultiValueInput;
     private handleTextChange;
     private handleSelectChange;

package/dist/types/components/lime-query-builder/type-resolution.d.ts

@@ -0,0 +1,73 @@
+import { DateTimePropertyType, PropertyType } from '@limetech/lime-web-components';
+import { DateType } from '@limetech/lime-elements';
+/**
+ * Get the actual type of a property, resolving 'system' type to the underlying type.
+ *
+ * System properties in Lime CRM have `type: 'system'` in the metadata (a categorical marker
+ * from the database schema fieldtype 255), but we need to know their actual data types
+ * to render appropriate input controls.
+ *
+ * @param property - The property to get the type for
+ * @param property.type
+ * @param property.name
+ * @returns The actual property type (resolves 'system' to the underlying type)
+ *
+ * @example
+ * ```typescript
+ * const property = { name: '_timestamp', type: 'system' };
+ * getActualPropertyType(property); // Returns 'time'
+ * ```
+ */
+export declare function getActualPropertyType(property: {
+    type: PropertyType;
+    name: string;
+}): PropertyType;
+/**
+ * Map system property names to their actual data types.
+ *
+ * This mapping is necessary because system properties have `type='system'` in the metadata
+ * (for historical reasons - database schema fieldtype 255), but we need to know their
+ * actual data types to render appropriate inputs.
+ *
+ * The mapping is based on the Lime CRM database schema:
+ * - System datetime fields: `timestamp`, `createdtime`, `updatedtime`
+ * - System integer fields: `id`, `createduser`, `updateduser`
+ * - System string fields: `descriptive`
+ *
+ * @param propertyName - The system property name (with or without underscore prefix)
+ * @returns The actual property type
+ *
+ * @example
+ * ```typescript
+ * resolveSystemPropertyType('_timestamp');  // Returns 'time'
+ * resolveSystemPropertyType('timestamp');   // Returns 'time'
+ * resolveSystemPropertyType('_id');         // Returns 'integer'
+ * resolveSystemPropertyType('unknown');     // Returns 'string' (default)
+ * ```
+ */
+export declare function resolveSystemPropertyType(propertyName: string): PropertyType;
+/**
+ * Map Lime CRM property types to Lime Elements date picker types.
+ *
+ * Lime CRM and Lime Elements use different naming conventions for date/time types,
+ * so we need to translate between them:
+ *
+ * - `'date'` → `'date'` - Date only
+ * - `'time'` → `'datetime'` - Full datetime (date + time) in Lime CRM
+ * - `'timeofday'` → `'time'` - Time only (hh:mm)
+ * - `'month'` → `'month'` - Month picker (YYYY-MM)
+ * - `'quarter'` → `'quarter'` - Quarter picker
+ * - `'year'` → `'year'` - Year picker
+ *
+ * @param propertyType - The Lime CRM date/time property type
+ * @returns The corresponding Lime Elements date picker type
+ *
+ * @example
+ * ```typescript
+ * mapPropertyTypeToPickerType('time');      // Returns 'datetime'
+ * mapPropertyTypeToPickerType('timeofday'); // Returns 'time'
+ * mapPropertyTypeToPickerType('date');      // Returns 'date'
+ * ```
+ */
+export declare function mapPropertyTypeToPickerType(propertyType: DateTimePropertyType): DateType;
+//# sourceMappingURL=type-resolution.d.ts.map

package/package.json

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

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

@@ -1 +0,0 @@
-import{r as e,c as t,h as i,H as r}from"./p-1556b545.js";import{Z as s,T as l}from"./p-4838284a.js";import{g as o}from"./p-b748c770.js";function n(){return{key:"",op:s.EQUALS,exp:""}}function a(e,t){return{op:e.op,exp:[...e.exp,t]}}const h=class{constructor(r){e(this,r),this.expressionChange=t(this,"expressionChange",7),this.options=[{text:"All",secondaryText:"AND operator",value:"and"},{text:"Any",secondaryText:"OR operator",value:"or"}],this.renderChildExpression=(e,t)=>i("limebb-lime-query-filter-expression",{role:"listitem",platform:this.platform,context:this.context,limetype:this.limetype,activeLimetype:this.activeLimetype,expression:e,onExpressionChange:this.handleExpressionChange(t)}),this.handleDeleteGroup=()=>{this.expressionChange.emit()},this.handleToggleOperator=e=>{const t=Array.isArray(e.detail)?e.detail[0]:e.detail;if(this.value=t,("and"===t.value?s.AND:s.OR)!==this.expression.op){const e={op:(i=this.expression).op===s.AND?s.OR:s.AND,exp:[...i.exp]};this.expressionChange.emit(e)}var i},this.handleAddChildExpression=()=>{const e=n(),t=a(this.expression,e);this.expressionChange.emit(t)},this.handleAddChildGroup=()=>{const e={op:this.expression.op===s.AND?s.OR:s.AND,exp:[n()]},t=a(this.expression,e);this.expressionChange.emit(t)},this.handleExpressionChange=e=>t=>{t.stopPropagation();const i=function(e,t,i){const r=[...e.exp];return i?(r[t]=i,{type:"updated",expression:{op:e.op,exp:r}}):(r.splice(t,1),0===r.length?{type:"removed",expression:void 0}:1===r.length?{type:"unwrapped",expression:r[0]}:{type:"updated",expression:{op:e.op,exp:r}})}(this.expression,e,t.detail);this.expressionChange.emit(i.expression)}}componentWillLoad(){this.value=this.options.find((e=>e.value===(this.expression.op===s.AND?"and":"or")))||this.options[0]}render(){return i(r,{key:"324805229eab509d12b6d41a99a54c1a4d8560a1",style:{"--limebb-lime-query-filter-group-operator":`"${this.expression.op===s.AND?"AND":"OR"}"`}},i("div",{key:"948dda71aac51cbfd8b93bc657a79c00a6bd6f68",class:"expression"},this.renderHeader(),i("ul",{key:"b1dbce8f4f20f72e00567d431eed0fe5900f4fbf"},this.expression.exp.map(this.renderChildExpression),this.renderAddButton()),this.renderAddGroupButton()))}renderHeader(){const e=this.getSubheading();return e?i("limel-header",{subheading:e},this.renderOperators(),this.renderDeleteGroupButton()):null}renderOperators(){return i("limel-select",{class:"operator-select",slot:"actions",value:this.value,options:this.options,onChange:this.handleToggleOperator})}renderDeleteGroupButton(){return i("limel-icon-button",{class:"delete-group",slot:"actions",icon:"trash",label:"Delete This Group",onClick:this.handleDeleteGroup})}getSubheading(){return this.expression.exp.length<=1?"":this.expression.op===s.AND?"All of these conditions are met":"Any of these conditions are met"}renderAddButton(){return i("limel-button",{role:"listitem",label:"Condition",icon:{name:"plus_math",title:"Add"},onClick:this.handleAddChildExpression})}renderAddGroupButton(){return i("limel-button",{class:"add-group",label:"Group",icon:{name:"plus_math",title:"Add"},onClick:this.handleAddChildGroup})}};h.style='@charset "UTF-8";*,*::before,*::after{box-sizing:border-box}limebb-lime-query-filter-expression{position:relative;isolation:isolate}limebb-lime-query-filter-expression:not(:first-of-type):after{content:"";position:absolute;top:-0.5rem;left:0.75rem;display:block;border-radius:1rem;height:2rem;width:0.125rem;background-color:var(--limebb-lime-query-builder-group-color)}limebb-lime-query-filter-expression:not(:first-of-type):before{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;height:1rem;content:var(--limebb-lime-query-filter-group-operator);display:inline-block;margin:0 auto 0.5rem auto;transform:translateY(-50%);font-size:0.625rem;padding:0 0.5rem;color:rgb(var(--color-blue-dark));background-color:var(--limebb-lime-query-builder-group-color);border-radius:2rem}.expression{display:flex;flex-direction:column;margin-bottom:1rem;gap:0;background-color:rgb(var(--contrast-100));border-radius:0.75rem;border:1px solid var(--limebb-lime-query-builder-group-color)}.expression ul{list-style:none;margin:0;padding:0.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.expression ul [role=listitem]{list-style:none;width:100%}limel-button.add-group{width:fit-content;margin:0.5rem}limel-icon-button.delete-group{margin-left:0.5rem}limel-select.operator-select{min-width:8rem}';const c=class{constructor(i){e(this,i),this.expressionChange=t(this,"expressionChange",7),this.handleExpressionChange=e=>{var t;e.stopPropagation();const i=null!==(t=e.detail)&&void 0!==t?t:void 0;this.expressionChange.emit(void 0!==i?{op:s.NOT,exp:i}:void 0)}}render(){return i("div",{key:"8f234a17a56f899640f503dcc58e6ef7d8e6a998",class:"expression"},this.label&&i("limel-header",{key:"1e71be2c56690aa3c603c88028860093b54a2a84",heading:this.label}),i("limebb-lime-query-filter-expression",{key:"1fde4344ca12d9ced489ee8e4f1b9de806da1dc4",platform:this.platform,context:this.context,label:"Not",limetype:this.limetype,activeLimetype:this.activeLimetype,expression:this.expression.exp,onExpressionChange:this.handleExpressionChange}))}};c.style='@charset "UTF-8";.expression{display:flex;flex-direction:column;margin-bottom:1rem;gap:1rem;padding:1rem;border-left:0.25rem solid rgb(var(--contrast-400));background-color:rgb(var(--contrast-100))}';const d=class{constructor(i){e(this,i),this.change=t(this,"change",7),this.label="Value",this.inputMode="value",this.handleTextChange=e=>{e.stopPropagation();const t=e.detail,i=Number(t);Number.isNaN(i)||""===t?this.change.emit(t):this.change.emit(i)},this.handleSelectChange=e=>{e.stopPropagation();const t=e.detail;Array.isArray(t)?this.change.emit(t.map((e=>e.value))):this.change.emit(null==t?void 0:t.value)},this.handleBooleanChange=e=>{e.stopPropagation();const t=e.detail;Array.isArray(t)||this.change.emit("true"===(null==t?void 0:t.value))},this.handleDateChange=e=>{e.stopPropagation();const t=e.detail;this.change.emit(t?t.toISOString():null)},this.handleMultiValueChange=e=>{e.stopPropagation();const t=e.detail.split(",").map((e=>e.trim())).filter((e=>e.length>0));this.change.emit(t)},this.handleModeToggle=()=>{"value"===this.inputMode?(this.inputMode="placeholder",this.change.emit("%activeObject%")):(this.inputMode="value",this.change.emit(""))},this.handlePlaceholderPropertyChange=e=>{e.stopPropagation();const t=this.buildPlaceholderValue(e.detail);this.change.emit(t)}}componentWillLoad(){this.isPlaceholder(this.value)&&(this.inputMode="placeholder")}componentWillUpdate(){this.isPlaceholder(this.value)&&"placeholder"!==this.inputMode?this.inputMode="placeholder":this.isPlaceholder(this.value)||"placeholder"!==this.inputMode||(this.inputMode="value")}isPlaceholder(e){return"string"==typeof e&&e.startsWith("%activeObject%")}parsePlaceholderPath(e){return this.isPlaceholder(e)?e.replace(/^%activeObject%\.?/,""):""}buildPlaceholderValue(e){return e?`%activeObject%.${e}`:"%activeObject%"}render(){return this.operator?i(r,null,this.renderModeToggle(),this.renderInputByMode()):null}renderInputByMode(){return"placeholder"===this.inputMode?this.renderPlaceholderInput():this.renderValueInputByType()}renderModeToggle(){if(!this.activeLimetype)return null;const e="placeholder"===this.inputMode;return i("limel-icon-button",{class:"mode-toggle",icon:e?"text":"link",label:e?"Use Value":"Use Placeholder",onClick:this.handleModeToggle})}renderPlaceholderInput(){const e=this.parsePlaceholderPath(this.value);return i("div",{class:"placeholder-input"},i("limebb-property-selector",{platform:this.platform,context:this.context,limetype:this.activeLimetype,label:"Active Object Property",value:e,required:!1,helperText:"Select property from the active object",onChange:this.handlePlaceholderPropertyChange}),this.renderPlaceholderPreview())}renderPlaceholderPreview(){if(this.isPlaceholder(this.value))return i("div",{class:"placeholder-preview"},i("limel-icon",{name:"info",size:"small"}),i("span",null,"Placeholder: ",this.value))}renderValueInputByType(){if(this.operator===s.IN)return this.renderMultiValueInput();const e=this.getProperty();if(!e)return this.renderTextInput();switch(e.type){case"integer":case"decimal":return this.renderNumberInput(e.type);case"yesno":return this.renderBooleanInput();case"option":return this.renderOptionInput(e);case"date":return this.renderDateInput();case"time":return this.renderTimeInput();default:return this.renderTextInput()}}renderTextInput(){var e;return i("limel-input-field",{label:this.label,value:(null===(e=this.value)||void 0===e?void 0:e.toString())||"",placeholder:"Enter value",onChange:this.handleTextChange})}renderNumberInput(e){var t;const r="integer"===e?1:.01;return i("limel-input-field",{label:this.label,type:"number",value:(null===(t=this.value)||void 0===t?void 0:t.toString())||"",step:r,onChange:this.handleTextChange})}renderBooleanInput(){const e=[{text:"True",value:"true"},{text:"False",value:"false"}],t=!0===this.value||"true"===this.value?"true":"false",r=e.find((e=>e.value===t));return i("limel-select",{label:this.label,options:e,value:r,onChange:this.handleBooleanChange})}renderOptionInput(e){if(!e.options||0===e.options.length)return this.renderTextInput();const t=e.options.map((e=>({text:e.text||e.key,value:e.key}))),r=t.find((e=>e.value===this.value));return i("limel-select",{label:this.label,options:t,value:r,onChange:this.handleSelectChange})}renderDateInput(){const e="string"==typeof this.value?new Date(this.value):this.value;return i("limel-date-picker",{label:this.label,value:e,onChange:this.handleDateChange})}renderTimeInput(){return i("limel-input-field",{label:this.label,type:"time",value:this.value||"",onChange:this.handleTextChange})}renderMultiValueInput(){const e=Array.isArray(this.value)?this.value.join(", "):this.value||"";return i("limel-input-field",{label:this.label+" (comma-separated)",value:e,placeholder:"e.g., won, lost, tender",onChange:this.handleMultiValueChange})}getProperty(){if(this.limetypes&&this.limetype&&this.propertyPath)return o(this.limetypes,this.limetype,this.propertyPath)}};(function(e,t,i,r){var s,l=arguments.length,o=l<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,r);else for(var n=e.length-1;n>=0;n--)(s=e[n])&&(o=(l<3?s(o):l>3?s(t,i,o):s(t,i))||o);l>3&&o&&Object.defineProperty(t,i,o)})([l()],d.prototype,"limetypes",void 0),d.style=":host{display:flex;gap:0.5rem}:host>*{flex-grow:1}*{box-sizing:border-box}.value-input-container{display:flex;flex-direction:row;align-items:flex-start;gap:0.5rem;width:100%}.mode-toggle{flex-shrink:0;flex-grow:0}.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}";export{h as limebb_lime_query_filter_group,c as limebb_lime_query_filter_not,d as limebb_lime_query_value_input}