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

package/dist/components/limebb-lime-query-builder.js

@@ -1,526 +1,16 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { Z as Zt, T as Te } from './index.esm.js';
-import { g as getPropertyFromPath, a as getNormalizedProperties, d as defineCustomElement$4 } from './property-selector.js';
+import { T as Te } from './index.esm.js';
+import { i as isLimeQuerySupported } from './lime-query-validation.js';
 import { d as defineCustomElement$d } from './lime-query-filter-builder.js';
 import { d as defineCustomElement$c } from './lime-query-filter-comparison.js';
 import { d as defineCustomElement$9, a as defineCustomElement$a, b as defineCustomElement$b } from './lime-query-filter-expression.js';
 import { d as defineCustomElement$8 } from './order-by-editor.js';
 import { d as defineCustomElement$7 } from './order-by-item.js';
-import { d as defineCustomElement$6 } from './lime-query-value-input.js';
-import { d as defineCustomElement$5 } from './limetype-field.js';
-import { d as defineCustomElement$3 } from './response-format-editor.js';
-import { d as defineCustomElement$2 } from './response-format-item.js';
-
-/**
- * Dynamic filter values and placeholders that are valid in Lime Query
- */
-const VALID_DYNAMIC_VALUES = new Set([
-    // Temporal
-    '$yesterday',
-    '$now',
-    '$today',
-    '$tomorrow',
-    // Ranges
-    '$this_week',
-    '$this_month',
-    '$this_quarter',
-    '$this_year',
-]);
-/**
- * Pattern for relative date functions: $previous_day(x), $next_month(x), etc.
- */
-const RELATIVE_DATE_PATTERN = /^\$(previous|next)_(day|week|month|quarter|year)\(\d+\)$/;
-/**
- * Pattern for user context variables: $me, $me.office.name, etc.
- */
-const USER_CONTEXT_PATTERN = /^\$me(\.\w+)*$/;
-/**
- * Check if a value is a valid dynamic value or placeholder
- * @param value
- */
-function isValidDynamicValue(value) {
-    if (typeof value !== 'string') {
-        return false;
-    }
-    return (VALID_DYNAMIC_VALUES.has(value) ||
-        RELATIVE_DATE_PATTERN.test(value) ||
-        USER_CONTEXT_PATTERN.test(value));
-}
-/**
- * Validate a placeholder value
- * @param value The value to check (might be a placeholder)
- * @param activeLimetype The limetype of the active object
- * @param limetypes Record of all available limetypes
- * @returns Validation result with error message if invalid
- */
-function validatePlaceholder(value, activeLimetype, limetypes) {
-    // Check if it's a valid dynamic value ($today, $me, etc.)
-    if (isValidDynamicValue(value)) {
-        return { valid: true };
-    }
-    // Not a placeholder, no validation needed
-    if (typeof value !== 'string' || !value.startsWith('%activeObject%')) {
-        return { valid: true };
-    }
-    // Placeholder used but no active limetype specified
-    // This is always valid - activeLimetype is optional and only used for validation
-    if (!activeLimetype) {
-        return { valid: true };
-    }
-    // Extract property path from placeholder
-    const propertyPath = value.replace(/^%activeObject%\.?/, '');
-    // %activeObject% without property path is valid (references the ID)
-    if (!propertyPath) {
-        return { valid: true };
-    }
-    // Validate the property path exists on the active limetype
-    try {
-        const property = getPropertyFromPath(limetypes, activeLimetype, propertyPath);
-        if (!property) {
-            return {
-                valid: false,
-                error: `Property path '${propertyPath}' does not exist on limetype '${activeLimetype}'`,
-            };
-        }
-        // Path validation is already done by getPropertyFromPath
-        // If we can traverse the path successfully, it means all intermediate
-        // properties are valid single relations (belongsTo/hasOne).
-        // hasMany relations cannot be traversed in paths.
-        return { valid: true };
-    }
-    catch (error) {
-        return {
-            valid: false,
-            error: `Invalid placeholder path: ${error.message}`,
-        };
-    }
-}
-/**
- * Validate a response format against limetype schemas
- * Throws errors for invalid property references
- * Returns GUI limitations for features not yet supported in GUI
- * @param responseFormat
- * @param limetypes Record of all available limetypes
- * @param limetype The root limetype for this query
- * @param guiModeEnabled Whether GUI mode is enabled
- * @returns GUI limitations found (if any)
- */
-function validateResponseFormat(responseFormat, limetypes, limetype, guiModeEnabled = true) {
-    const guiLimitations = [];
-    // Check for GUI-unsupported features
-    if (guiModeEnabled && responseFormat.aggregates) {
-        guiLimitations.push('responseFormat.aggregates is not yet supported in GUI mode');
-    }
-    // Validate object properties (throws on invalid properties)
-    if (responseFormat.object) {
-        const objectLimitations = validatePropertySelection(responseFormat.object, limetypes, limetype, guiModeEnabled);
-        guiLimitations.push(...objectLimitations);
-    }
-    return guiLimitations;
-}
-/**
- * Extract non-metadata keys from a property value object
- * Filters out _alias and all # properties (which are treated as comments)
- * @param propValue Property value object
- * @param propName Property name (for error messages)
- * @param guiModeEnabled Whether GUI mode is enabled (affects validation)
- * @returns Object with non-metadata keys and any GUI limitations found
- */
-function extractNonMetadataKeys(propValue, propName, guiModeEnabled = true) {
-    const keys = Object.keys(propValue);
-    const guiLimitations = [];
-    // Check for # properties other than #description (GUI limitation)
-    if (guiModeEnabled) {
-        const unsupportedHashProps = keys.filter((k) => k.startsWith('#') && k !== '#description');
-        if (unsupportedHashProps.length > 0) {
-            guiLimitations.push(`Property '${propName}' contains # properties not supported in GUI: ${unsupportedHashProps.join(', ')}`);
-        }
-    }
-    // Filter out _alias and all # properties (they are metadata/comments)
-    const nonMetadataKeys = keys.filter((k) => k !== '_alias' && !k.startsWith('#'));
-    return { keys: nonMetadataKeys, guiLimitations };
-}
-/**
- * Validate a relation property value
- * @param propName Property name
- * @param propValue Property value
- * @param limetypes Record of all available limetypes
- * @param property
- * @param guiModeEnabled Whether GUI mode is enabled (affects validation)
- * @returns GUI limitations found (if any)
- */
-function validateRelationProperty(propName, propValue, limetypes, property, guiModeEnabled = true) {
-    // null is valid - just return the relation ID
-    if (propValue === null) {
-        return [];
-    }
-    if (typeof propValue !== 'object') {
-        throw new TypeError(`Relation property '${propName}' must be null or an object`);
-    }
-    const propValueObj = propValue;
-    const { keys: otherKeys, guiLimitations } = extractNonMetadataKeys(propValueObj, propName, guiModeEnabled);
-    // If it's just {} or { _alias: "...", "#...": "..." }, that's valid
-    if (otherKeys.length === 0) {
-        return guiLimitations;
-    }
-    // Otherwise, validate nested properties
-    const relatedLimetype = property.relation.getLimetype();
-    if (!relatedLimetype) {
-        throw new Error(`Could not determine related limetype for property '${propName}'`);
-    }
-    // Build a clean PropertySelection without metadata for recursive validation
-    const cleanSelection = {};
-    for (const key of otherKeys) {
-        cleanSelection[key] = propValueObj[key];
-    }
-    const nestedLimitations = validatePropertySelection(cleanSelection, limetypes, relatedLimetype.name, guiModeEnabled);
-    return [...guiLimitations, ...nestedLimitations];
-}
-/**
- * Validate a non-relation property value
- * @param propName Property name
- * @param propValue Property value
- * @param guiModeEnabled Whether GUI mode is enabled (affects validation)
- * @returns GUI limitations found (if any)
- */
-function validateNonRelationProperty(propName, propValue, guiModeEnabled = true) {
-    // null is valid
-    if (propValue === null) {
-        return [];
-    }
-    // Allow empty object {} or object with only metadata (_alias, #...)
-    if (typeof propValue === 'object') {
-        const { keys: nonMetadataKeys, guiLimitations } = extractNonMetadataKeys(propValue, propName, guiModeEnabled);
-        if (nonMetadataKeys.length === 0) {
-            // {} or { _alias: "...", "#...": "..." } is valid
-            return guiLimitations;
-        }
-        throw new Error(`Non-relation property '${propName}' cannot have nested properties other than _alias or # properties (got: ${nonMetadataKeys.join(', ')})`);
-    }
-    throw new Error(`Non-relation property '${propName}' must be null or an object (got ${typeof propValue})`);
-}
-/**
- * Validate a single property entry
- * @param propName Property name
- * @param propValue Property value
- * @param normalizedProperties Normalized properties of the limetype
- * @param limetypes Record of all available limetypes
- * @param limetype Current limetype name
- * @param guiModeEnabled Whether GUI mode is enabled (affects validation)
- * @returns GUI limitations found (if any)
- */
-function validateSinglePropertyEntry(propName, propValue, normalizedProperties, limetypes, limetype, guiModeEnabled = true) {
-    // Allow empty string (editing state in GUI)
-    if (propName === '') {
-        // Only validate empty property name in GUI mode
-        if (guiModeEnabled && propValue !== null) {
-            throw new Error('Empty property name must have null value');
-        }
-        return [];
-    }
-    // Validate property exists on limetype
-    const property = normalizedProperties[propName];
-    if (!property) {
-        throw new Error(`Property '${propName}' does not exist on limetype '${limetype}'`);
-    }
-    // Validate value based on property type
-    if (property.relation) {
-        return validateRelationProperty(propName, propValue, limetypes, property, guiModeEnabled);
-    }
-    else {
-        return validateNonRelationProperty(propName, propValue, guiModeEnabled);
-    }
-}
-/**
- * Validate a property selection object against a limetype schema
- * Recursively validates nested property selections for relations
- * @param selection
- * @param limetypes Record of all available limetypes
- * @param limetype The limetype for this level of the selection
- * @param guiModeEnabled Whether GUI mode is enabled (affects validation)
- * @returns GUI limitations found (if any)
- */
-function validatePropertySelection(selection, limetypes, limetype, guiModeEnabled = true) {
-    const limetypeObj = limetypes[limetype];
-    if (!limetypeObj) {
-        throw new Error(`Unknown limetype: ${limetype}`);
-    }
-    const normalizedProperties = getNormalizedProperties(limetypeObj);
-    const allGuiLimitations = [];
-    for (const [propName, propValue] of Object.entries(selection)) {
-        // Skip # properties (comments/metadata that backend accepts via unknown=INCLUDE)
-        // Note: _alias only appears inside property value objects, not at this level
-        if (propName.startsWith('#')) {
-            continue;
-        }
-        const limitations = validateSinglePropertyEntry(propName, propValue, normalizedProperties, limetypes, limetype, guiModeEnabled);
-        allGuiLimitations.push(...limitations);
-    }
-    return allGuiLimitations;
-}
-/**
- * Validate a comparison expression (has 'key' property)
- * @param filter
- * @param activeLimetype
- * @param limetypes
- */
-function validateComparisonExpression(filter, activeLimetype, limetypes) {
-    // Validate operator
-    const allValidOperators = Object.values(Zt);
-    if (!allValidOperators.includes(filter.op)) {
-        throw new Error(`Unsupported filter operator: ${filter.op}`);
-    }
-    // Validate placeholder
-    const result = validatePlaceholder(filter.exp, activeLimetype, limetypes);
-    if (!result.valid) {
-        throw new Error(`Invalid placeholder in filter '${filter.key}': ${result.error}`);
-    }
-}
-/**
- * Validate a group expression (AND/OR/NOT)
- * @param filter
- * @param activeLimetype
- * @param limetypes
- * @param guiModeEnabled
- */
-function validateGroupExpression(filter, activeLimetype, limetypes, guiModeEnabled) {
-    // Validate operator
-    if (filter.op !== Zt.AND &&
-        filter.op !== Zt.OR &&
-        filter.op !== Zt.NOT) {
-        throw new Error(`Unsupported group operator: ${filter.op}`);
-    }
-    // Recursively validate children
-    if (filter.op === Zt.NOT) {
-        validateFilterPlaceholders(filter.exp, activeLimetype, limetypes, guiModeEnabled);
-    }
-    else if (filter.op === Zt.AND || filter.op === Zt.OR) {
-        const expressions = filter.exp;
-        for (const expr of expressions) {
-            validateFilterPlaceholders(expr, activeLimetype, limetypes, guiModeEnabled);
-        }
-    }
-}
-/**
- * Validate placeholders in a filter expression
- * @param filter Filter expression to validate
- * @param activeLimetype The limetype of the active object
- * @param limetypes Record of all available limetypes
- * @param guiModeEnabled Whether GUI mode is enabled (affects validation)
- */
-function validateFilterPlaceholders(filter, activeLimetype, limetypes, guiModeEnabled = true) {
-    if (!filter) {
-        return;
-    }
-    if ('key' in filter) {
-        validateComparisonExpression(filter, activeLimetype, limetypes);
-        return;
-    }
-    if ('exp' in filter) {
-        validateGroupExpression(filter, activeLimetype, limetypes, guiModeEnabled);
-    }
-}
-/**
- * Validate Lime Query filter and collect errors
- * @param filter The filter expression or group to validate
- * @param activeLimetype Optional active object limetype for placeholder validation
- * @param limetypes Record of all available limetypes
- * @param guiModeEnabled Whether GUI mode is enabled
- * @returns Array of validation error messages
- */
-function validateLimeQueryFilterInternal(filter, activeLimetype, limetypes, guiModeEnabled) {
-    const errors = [];
-    try {
-        validateFilterPlaceholders(filter, activeLimetype, limetypes, guiModeEnabled);
-    }
-    catch (error) {
-        errors.push(`Invalid filter: ${error.message}`);
-    }
-    return errors;
-}
-/**
- * Validate orderBy specification
- * @param orderBy Array of orderBy items to validate
- * @param limetypes Record of all available limetypes
- * @param limetype The limetype for this Lime Query
- * @returns Array of validation error messages
- */
-function validateOrderBy(orderBy, limetypes, limetype) {
-    const errors = [];
-    if (!Array.isArray(orderBy)) {
-        errors.push('orderBy must be an array');
-        return errors;
-    }
-    if (!limetype || !limetypes[limetype]) {
-        // Can't validate property paths without limetype
-        return errors;
-    }
-    for (const [index, item] of orderBy.entries()) {
-        const itemErrors = validateOrderByItem(item, index, limetypes, limetype);
-        errors.push(...itemErrors);
-    }
-    return errors;
-}
-/**
- * Validate a single orderBy item
- * @param item The orderBy item to validate
- * @param index The index of the item in the array (for error messages)
- * @param limetypes Record of all available limetypes
- * @param limetype The limetype for this Lime Query
- * @returns Array of validation error messages for this item
- */
-function validateOrderByItem(item, index, limetypes, limetype) {
-    const errors = [];
-    const objectError = validateOrderByItemIsObject(item, index);
-    if (objectError) {
-        return [objectError];
-    }
-    const keys = Object.keys(item);
-    const keyError = validateOrderByItemHasSingleKey(keys, index);
-    if (keyError) {
-        return [keyError];
-    }
-    const propertyPath = keys[0];
-    const direction = item[propertyPath];
-    const directionError = validateOrderByDirection(direction, index);
-    if (directionError) {
-        errors.push(directionError);
-    }
-    const pathError = validateOrderByPropertyPath(propertyPath, limetypes, limetype, index);
-    if (pathError) {
-        errors.push(pathError);
-    }
-    return errors;
-}
-/**
- * Validate that the orderBy item is an object
- * @param item
- * @param index
- */
-function validateOrderByItemIsObject(item, index) {
-    if (typeof item !== 'object' || item === null) {
-        return `orderBy[${index}] must be an object`;
-    }
-    return null;
-}
-/**
- * Validate that the orderBy item has exactly one property key
- * @param keys
- * @param index
- */
-function validateOrderByItemHasSingleKey(keys, index) {
-    if (keys.length === 0) {
-        return `orderBy[${index}] must have a property path`;
-    }
-    if (keys.length > 1) {
-        return `orderBy[${index}] must have exactly one property, got ${keys.length}`;
-    }
-    return null;
-}
-/**
- * Validate that the sort direction is either ASC or DESC
- * @param direction
- * @param index
- */
-function validateOrderByDirection(direction, index) {
-    if (direction !== 'ASC' && direction !== 'DESC') {
-        return `orderBy[${index}]: direction must be 'ASC' or 'DESC', got '${direction}'`;
-    }
-    return null;
-}
-/**
- * Validate that the property path exists on the limetype
- * @param propertyPath
- * @param limetypes
- * @param limetype
- * @param index
- */
-function validateOrderByPropertyPath(propertyPath, limetypes, limetype, index) {
-    if (!propertyPath || propertyPath === '') {
-        return null;
-    }
-    const property = getPropertyFromPath(limetypes, limetype, propertyPath);
-    if (!property) {
-        return `orderBy[${index}]: property path '${propertyPath}' does not exist on limetype '${limetype}'`;
-    }
-    return null;
-}
-/**
- * Validate Lime Query response format and collect errors/limitations
- * @param responseFormat The response format to validate
- * @param limetypes Record of all available limetypes
- * @param limetype The limetype for this Lime Query
- * @param guiModeEnabled Whether GUI mode is enabled
- * @returns Object with validation errors and GUI limitations
- */
-function validateLimeQueryResponseFormatInternal(responseFormat, limetypes, limetype, guiModeEnabled) {
-    const errors = [];
-    const limitations = [];
-    try {
-        const formatLimitations = validateResponseFormat(responseFormat, limetypes, limetype, guiModeEnabled);
-        limitations.push(...formatLimitations);
-    }
-    catch (error) {
-        errors.push(`Invalid responseFormat: ${error.message}`);
-    }
-    return { errors, limitations };
-}
-/**
- * Validate a Lime Query
- * Returns validation result with separate arrays for validity errors and GUI limitations
- * @param limeQuery The Lime Query to validate
- * @param limetypes Record of all available limetypes
- * @param activeLimetype Optional active object limetype for placeholder validation
- * @param guiModeEnabled Whether GUI mode is enabled (affects validation)
- * @returns LimeQueryValidationResult with validity status and any errors/limitations
- */
-function isLimeQuerySupported(limeQuery, limetypes, activeLimetype, guiModeEnabled = true) {
-    // Handle empty/undefined Lime Query
-    if (!limeQuery) {
-        return {
-            valid: true,
-            guiSupported: true,
-            validationErrors: [],
-            guiLimitations: [],
-        };
-    }
-    const validationErrors = [];
-    const guiLimitations = [];
-    // Validate limetype exists
-    if (limeQuery.limetype && !limetypes[limeQuery.limetype]) {
-        validationErrors.push(`Unknown limetype: ${limeQuery.limetype}`);
-    }
-    // Check for offset without orderBy (Lime Query requirement)
-    if (limeQuery.offset !== undefined && !limeQuery.orderBy) {
-        validationErrors.push('offset requires orderBy to be specified');
-    }
-    // Validate orderBy
-    if (limeQuery.orderBy) {
-        const orderByErrors = validateOrderBy(limeQuery.orderBy, limetypes, limeQuery.limetype);
-        validationErrors.push(...orderByErrors);
-    }
-    // Check for GUI-unsupported top-level properties
-    if (guiModeEnabled && limeQuery.offset !== undefined) {
-        guiLimitations.push('offset is not yet supported in GUI mode');
-    }
-    // Validate filter
-    if (limeQuery.filter) {
-        const filterErrors = validateLimeQueryFilterInternal(limeQuery.filter, activeLimetype, limetypes, guiModeEnabled);
-        validationErrors.push(...filterErrors);
-    }
-    // Validate responseFormat
-    if (limeQuery.responseFormat) {
-        const { errors, limitations } = validateLimeQueryResponseFormatInternal(limeQuery.responseFormat, limetypes, limeQuery.limetype, guiModeEnabled);
-        validationErrors.push(...errors);
-        guiLimitations.push(...limitations);
-    }
-    return {
-        valid: validationErrors.length === 0,
-        guiSupported: guiLimitations.length === 0,
-        validationErrors,
-        guiLimitations,
-    };
-}
+import { d as defineCustomElement$6 } from './response-format-editor.js';
+import { d as defineCustomElement$5 } from './response-format-item.js';
+import { d as defineCustomElement$4 } from './lime-query-value-input.js';
+import { d as defineCustomElement$3 } from './limetype-field.js';
+import { d as defineCustomElement$2 } from './property-selector.js';
 
 const limeQueryBuilderCss = ":host(limebb-lime-lime-query-builder){display:block;width:100%}.lime-query-builder{display:flex;flex-direction:column;gap:2rem}.mode-controls{display:flex;align-items:center;gap:0.5rem;padding:0.5rem}.mode-switch{display:flex;align-items:center;gap:0.5rem}.mode-switch limel-button{min-width:5rem}.mode-switch limel-helper-text{margin-left:1rem;color:rgb(var(--color-red-default))}.gui-mode,.code-mode{display:block}.code-editor-container{--code-editor-max-height:70vh;display:flex;flex-direction:column;gap:1rem}.code-editor-container .validation-errors{padding:0.75rem 1rem;color:rgb(var(--color-red-default));background-color:rgb(var(--color-red-lighter));border-left:0.25rem solid rgb(var(--color-red-default));border-radius:0.25rem;font-size:0.875rem}.code-editor-container .validation-errors strong{display:block;margin-bottom:0.5rem;font-weight:600}.code-editor-container .validation-errors ul{margin:0;padding-left:1.5rem}.code-editor-container .validation-errors li{margin:0.25rem 0}.code-editor-container .gui-limitations{padding:0.75rem 1rem;color:rgb(var(--color-blue-dark));background-color:rgb(var(--color-blue-lighter));border-left:0.25rem solid rgb(var(--color-blue-default));border-radius:0.25rem;font-size:0.875rem}.code-editor-container .gui-limitations strong{display:block;margin-bottom:0.5rem;font-weight:600}.code-editor-container .gui-limitations ul{margin:0;padding-left:1.5rem}.code-editor-container .gui-limitations li{margin:0.25rem 0}.lime-query-builder-label{margin:0;font-size:1.5rem;font-weight:600;color:rgb(var(--contrast-1100))}.limetype-section{display:flex;flex-direction:column}.filter-section,.query-options-section{display:flex;flex-direction:column;gap:1rem}.section-label{margin:0;font-size:1.125rem;font-weight:600;color:rgb(var(--contrast-1000))}.query-options-controls{display:flex;flex-direction:column;gap:1rem}@media (max-width: 768px){.lime-query-builder{gap:1.5rem}}";
 const LimebbLimeQueryBuilderStyle0 = limeQueryBuilderCss;
@@ -760,7 +250,7 @@ const LimeQueryBuilder = /*@__PURE__*/ proxyCustomElement(class LimeQueryBuilder
         if (!this.limetype) {
             return;
         }
-        return (h("div", { class: "response-format-section" }, h("limebb-response-format-editor", { platform: this.platform, context: this.context, limetype: this.limetype, value: this.internalResponseFormat, onChange: this.handleResponseFormatChange })));
+        return (h("div", { class: "response-format-section" }, h("limebb-lime-query-response-format-editor", { platform: this.platform, context: this.context, limetype: this.limetype, value: this.internalResponseFormat, onChange: this.handleResponseFormatChange })));
     }
     renderFilterSection() {
         if (!this.limetype) {
@@ -816,7 +306,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["limebb-lime-query-builder", "limebb-lime-query-filter-builder", "limebb-lime-query-filter-comparison", "limebb-lime-query-filter-expression", "limebb-lime-query-filter-group", "limebb-lime-query-filter-not", "limebb-lime-query-order-by-editor", "limebb-lime-query-order-by-item", "limebb-lime-query-value-input", "limebb-limetype-field", "limebb-property-selector", "limebb-response-format-editor", "limebb-response-format-item"];
+    const components = ["limebb-lime-query-builder", "limebb-lime-query-filter-builder", "limebb-lime-query-filter-comparison", "limebb-lime-query-filter-expression", "limebb-lime-query-filter-group", "limebb-lime-query-filter-not", "limebb-lime-query-order-by-editor", "limebb-lime-query-order-by-item", "limebb-lime-query-response-format-editor", "limebb-lime-query-response-format-item", "limebb-lime-query-value-input", "limebb-limetype-field", "limebb-property-selector"];
     components.forEach(tagName => { switch (tagName) {
         case "limebb-lime-query-builder":
             if (!customElements.get(tagName)) {
@@ -858,27 +348,27 @@ function defineCustomElement$1() {
                 defineCustomElement$7();
             }
             break;
-        case "limebb-lime-query-value-input":
+        case "limebb-lime-query-response-format-editor":
             if (!customElements.get(tagName)) {
                 defineCustomElement$6();
             }
             break;
-        case "limebb-limetype-field":
+        case "limebb-lime-query-response-format-item":
             if (!customElements.get(tagName)) {
                 defineCustomElement$5();
             }
             break;
-        case "limebb-property-selector":
+        case "limebb-lime-query-value-input":
             if (!customElements.get(tagName)) {
                 defineCustomElement$4();
             }
             break;
-        case "limebb-response-format-editor":
+        case "limebb-limetype-field":
             if (!customElements.get(tagName)) {
                 defineCustomElement$3();
             }
             break;
-        case "limebb-response-format-item":
+        case "limebb-property-selector":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }

package/dist/components/limebb-lime-query-response-format-builder.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface LimebbLimeQueryResponseFormatBuilder extends Components.LimebbLimeQueryResponseFormatBuilder, HTMLElement {}
+export const LimebbLimeQueryResponseFormatBuilder: {
+    prototype: LimebbLimeQueryResponseFormatBuilder;
+    new (): LimebbLimeQueryResponseFormatBuilder;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;