udp-stencil-component-library 25.18.2-beta.1 → 25.18.2-beta.10

package/dist/components/filter-conditions.js

@@ -1,9 +1 @@
-import { A as AdvancedSearch, d as defineCustomElement$1 } from './filter-conditions2.js';
-
-const FilterConditions = AdvancedSearch;
-const defineCustomElement = defineCustomElement$1;
-
-export { FilterConditions, defineCustomElement };
-//# sourceMappingURL=filter-conditions.js.map
-
-//# sourceMappingURL=filter-conditions.js.map
+import{A as o,d as s}from"./filter-conditions2.js";const t=o,i=s;export{t as FilterConditions,i as defineCustomElement}

package/dist/components/filter-conditions2.js

@@ -1,47 +1 @@
-import { p as proxyCustomElement, H, h } from './index2.js';
-import { d as defineCustomElement$2 } from './udp-column-header2.js';
-import { d as defineCustomElement$1 } from './unity-typography2.js';
-
-const filterConditionsCss = "";
-
-const AdvancedSearch = /*@__PURE__*/ proxyCustomElement(class AdvancedSearch extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-    }
-    render() {
-        return (h("div", { key: 'fc96c3dda934acf926b9ef94947a4cee85821b5a', class: "container" }, h("udp-column-header", { key: 'de4437bac3a50b160a8ca44666bcb4c0befba4fa' })));
-    }
-    static get style() { return filterConditionsCss; }
-}, [257, "filter-conditions"]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["filter-conditions", "udp-column-header", "unity-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "filter-conditions":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, AdvancedSearch);
-            }
-            break;
-        case "udp-column-header":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "unity-typography":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { AdvancedSearch as A, defineCustomElement as d };
-//# sourceMappingURL=filter-conditions2.js.map
-
-//# sourceMappingURL=filter-conditions2.js.map
+import{p as e,H as t,h as s,t as a}from"./index2.js";import{d as c}from"./udp-column-header2.js";import{d as n}from"./unity-typography2.js";const o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return s("div",{key:"fc96c3dda934acf926b9ef94947a4cee85821b5a",class:"container"},s("udp-column-header",{key:"de4437bac3a50b160a8ca44666bcb4c0befba4fa"}))}static get style(){return""}},[1,"filter-conditions"]);function r(){"undefined"!=typeof customElements&&["filter-conditions","udp-column-header","unity-typography"].forEach((e=>{switch(e){case"filter-conditions":customElements.get(a(e))||customElements.define(a(e),o);break;case"udp-column-header":customElements.get(a(e))||c();break;case"unity-typography":customElements.get(a(e))||n()}}))}export{o as A,r as d}

package/dist/components/filter-group.js

@@ -1,9 +1 @@
-import { F as FilterGroup$1, d as defineCustomElement$1 } from './filter-group2.js';
-
-const FilterGroup = FilterGroup$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { FilterGroup, defineCustomElement };
-//# sourceMappingURL=filter-group.js.map
-
-//# sourceMappingURL=filter-group.js.map
+import{F as o,d as r}from"./filter-group2.js";const s=o,t=r;export{s as FilterGroup,t as defineCustomElement}

package/dist/components/filter-group2.js

@@ -1,452 +1 @@
-import { h, p as proxyCustomElement, H, c as createEvent } from './index2.js';
-import { g as getIconFromName, d as defineCustomElement$5 } from './udp-icon2.js';
-import { d as defineCustomElement$7 } from './udp-ambient-tool-tip2.js';
-import { d as defineCustomElement$6 } from './udp-badge2.js';
-import { d as defineCustomElement$4 } from './udp-icon-button2.js';
-import { d as defineCustomElement$3 } from './udp-menu2.js';
-import { d as defineCustomElement$2 } from './udp-menu-item2.js';
-import { d as defineCustomElement$1 } from './unity-typography2.js';
-
-const ALL_OPERATORS = [
-    { value: '=', label: '=' },
-    { value: '<>', label: '!=' },
-    { value: '<', label: '<' },
-    { value: '>', label: '>' },
-    { value: '<=', label: '<=' },
-    { value: '>=', label: '>=' },
-    { value: 'LIKE', label: 'contains' },
-    { value: 'STARTSWITH', label: 'begins with' },
-    { value: 'BETWEEN', label: 'is between' },
-    { value: 'NULL', label: 'is null' },
-    { value: 'NOTNULL', label: 'is not null' },
-];
-const operatorMap = {
-    guid: ['=', '<>', 'LIKE', 'NULL', 'NOTNULL'],
-    string: ['=', '<>', 'LIKE', 'STARTSWITH', 'NULL', 'NOTNULL'],
-    number: ['=', '<>', '<', '>', '<=', '>=', 'BETWEEN', 'NULL', 'NOTNULL'],
-    boolean: ['=', '<>', 'NULL', 'NOTNULL'],
-    date: ['=', '<>', '<', '>', '<=', '>=', 'BETWEEN', 'NULL', 'NOTNULL'],
-    datetime: ['=', '<>', '<', '>', '<=', '>=', 'BETWEEN', 'NULL', 'NOTNULL'],
-    time: ['=', '<>', '<', '>', '<=', '>=', 'BETWEEN', 'NULL', 'NOTNULL'],
-    default: ['=', '<>'],
-};
-/**
- * Gets the allowed search operators for a given field.
- */
-const getAllowedSearchOperators = (field) => {
-    const allowedValues = field ? operatorMap[field.type] : operatorMap.default;
-    return ALL_OPERATORS.filter(op => allowedValues.includes(op.value));
-};
-
-const renderSearchFieldOptions = (fields, selectedValue, level = 0, parentPath = '') => {
-    const options = [];
-    fields.forEach(field => {
-        const currentPath = parentPath ? `${parentPath}.${field.name}` : field.name;
-        const isExpandable = field.childFields && field.childFields.length > 0;
-        // Add the current field to the list of options
-        options.push(h("option", { value: currentPath, disabled: isExpandable, selected: selectedValue === currentPath }, isExpandable ? `+ ${field.name}` : currentPath));
-        // If there are child fields, recursively render them
-        if (isExpandable) {
-            options.push(...renderSearchFieldOptions(field.childFields, selectedValue, level + 1, currentPath));
-        }
-    });
-    return options;
-};
-const renderSearchValueInput = (filter, handleValueChange, handleBetweenValueChange) => {
-    if (filter.searchOperator === 'BETWEEN') {
-        const [value1, value2] = (filter.searchValue || ',').split(',');
-        let inputType = filter._type;
-        if (filter._type === 'datetime') {
-            inputType = 'datetime-local';
-        }
-        return (h("div", { class: "value-input between-input-container" }, h("input", { type: inputType, step: '1', value: value1, class: "between-input", onInput: e => handleBetweenValueChange(e, filter, 0) }), h("span", null, "and"), h("input", { type: inputType, step: '1', value: value2, class: "between-input", onInput: e => handleBetweenValueChange(e, filter, 1) })));
-    }
-    const isValueHidden = filter.searchOperator === 'NULL' || filter.searchOperator === 'NOTNULL';
-    switch (filter._type) {
-        case 'number':
-            return (h("input", { placeholder: "Enter a number value...", type: "number", class: { 'value-input': true, 'is-hidden': isValueHidden }, value: filter.searchValue, onInput: e => handleValueChange(e, filter) }));
-        case 'boolean':
-            return (h("select", { class: { 'value-input': true, 'is-hidden': isValueHidden }, onChange: e => handleValueChange(e, filter) }, h("option", { value: "", disabled: true, selected: !filter.searchValue }), h("option", { value: "true", selected: filter.searchValue === true }, "True"), h("option", { value: "false", selected: filter.searchValue === false }, "False")));
-        case 'date':
-            return (h("input", { type: "date", class: { 'value-input': true, 'is-hidden': isValueHidden }, value: filter.searchValue, onInput: e => handleValueChange(e, filter) }));
-        case 'datetime':
-            return (h("input", { type: "datetime-local", step: '1', class: { 'value-input': true, 'is-hidden': isValueHidden }, value: filter.searchValue, onInput: e => handleValueChange(e, filter) }));
-        case 'time':
-            return (h("input", { type: "time", class: { 'value-input': true, 'is-hidden': isValueHidden }, value: filter.searchValue, onInput: e => handleValueChange(e, filter) }));
-        case 'guid':
-            return (h("input", { placeholder: "Enter a GUID value...", type: "text", class: { 'value-input': true, 'is-hidden': isValueHidden }, value: filter.searchValue, onInput: e => handleValueChange(e, filter) }));
-        case 'string':
-        default:
-            return (h("input", { placeholder: "Enter a value...", type: "text", class: { 'value-input': true, 'is-hidden': isValueHidden }, value: filter.searchValue, onInput: e => handleValueChange(e, filter) }));
-    }
-};
-
-/**
- * Normalizes a .NET type string (e.g., "int?") into a simple category.
- */
-const normalizeNetType = (netType) => {
-    if (!netType) {
-        return 'default';
-    }
-    //Handle the nullable '?' suffix by removing it.
-    const cleanType = netType.endsWith('?') ? netType.slice(0, -1) : netType;
-    const lowerType = cleanType.toLowerCase();
-    if (lowerType === 'guid' || lowerType === 'string uuid') {
-        return 'guid';
-    }
-    if (lowerType === 'string') {
-        return 'string';
-    }
-    if (lowerType === 'long' || lowerType === 'int' || lowerType === 'short' || lowerType.includes('decimal')) {
-        return 'number';
-    }
-    if (lowerType === 'bool') {
-        return 'boolean';
-    }
-    if (lowerType === 'date') {
-        return 'date';
-    }
-    if (lowerType.includes('datetime')) {
-        return 'datetime';
-    }
-    if (lowerType.includes('time')) {
-        return 'time';
-    }
-    return 'default';
-};
-/**
- * Extracts the simple name from a fully qualified catalog object name.
- * Example: "Univerus.Unity.Models.Actor" -> "Actor"
- */
-const getSimpleName = (fullName) => {
-    if (!fullName)
-        return '';
-    const parts = fullName.split('.');
-    return parts[parts.length - 1];
-};
-/**
- * Recursively builds a tree of fields for a given entity.
- * @param {string} entityName - The simple name of the entity to process (e.g., "Actor").
- * @param {Array} allCatalogObjects - The complete list of all catalog objects.
- * @param {Array<string>} processedEntities - An array of ancestor names to prevent infinite recursion.
- */
-const getFieldsForEntity = (entityName, allCatalogObjects, processedEntities = []) => {
-    // Base case: If we've already processed this entity in this branch, stop to prevent loops.
-    if (processedEntities.includes(entityName)) {
-        return [];
-    }
-    // Find the main catalog object for the current entity.
-    const entityObject = allCatalogObjects.find(obj => getSimpleName(obj.catalogObjectName) === entityName);
-    if (!entityObject) {
-        return [];
-    }
-    let fields = [];
-    // 1. Add all "searchable" fields of the current entity.
-    entityObject.properties
-        .filter(prop => { var _a; return ((_a = prop.extendedProperties) === null || _a === void 0 ? void 0 : _a.searchable) === true; })
-        .forEach(prop => {
-        fields.push({
-            name: prop.name,
-            type: normalizeNetType(prop.type),
-            childFields: [],
-        });
-    });
-    // 2. Find other objects that REFERENCE the current entity and add them as expandable fields.
-    allCatalogObjects.forEach(linkingObject => {
-        linkingObject.properties.forEach(linkingProp => {
-            // Check if this property references our current entity.
-            if (getSimpleName(linkingProp.reference) === entityName) {
-                // This is the object that links to our current entity (e.g., "MovieActor" links to "Actor").
-                const linkingObjectName = getSimpleName(linkingObject.catalogObjectName);
-                // Recursively get the fields for this linking object.
-                const childFields = getFieldsForEntity(linkingObjectName, allCatalogObjects, [...processedEntities, entityName] // Add current entity to the ancestry list
-                );
-                if (childFields.length > 0) {
-                    fields.push({
-                        name: linkingObjectName,
-                        type: linkingObject.type || 'object',
-                        childFields: childFields,
-                    });
-                }
-            }
-        });
-    });
-    return fields;
-};
-/**
- * Main function to initiate the field tree building process.
- */
-const buildFieldTree = (catalogObjectList, initialEntityName) => {
-    if (!Array.isArray(catalogObjectList) || !initialEntityName) {
-        return [];
-    }
-    const filteredCatalog = catalogObjectList.filter(obj => {
-        const objectName = obj.catalogObjectName.toLowerCase();
-        // 1. Must NOT include "page"
-        // 2. Must include "models"
-        return !objectName.includes('pages') && !objectName.includes('abstract') && objectName.includes('models');
-    });
-    // -------------------------------------------
-    return getFieldsForEntity(initialEntityName, filteredCatalog);
-};
-const findFieldByPath = (fields, path) => {
-    if (!path || !fields)
-        return null;
-    const pathParts = path.split('.');
-    let currentFields = fields;
-    let foundField = null;
-    for (const part of pathParts) {
-        foundField = currentFields === null || currentFields === void 0 ? void 0 : currentFields.find(f => f.name === part);
-        if (foundField) {
-            currentFields = foundField.childFields || [];
-        }
-        else {
-            return null;
-        }
-    }
-    return foundField;
-};
-
-const filterGroupCss = ":host{--color-field:#c8e6c9;--color-operator:#ffcc80;--color-value:#bbdefb;--color-text-dark:#333;--color-logical-and:#ef9a9a;--color-logical-or:#ffab91;--color-guide-line:#CCC;--indent-size:30px;--color-row-background:#f5f5f5;--color-row-background-hover:rgba(0, 0, 0, 0.05);--color-error:#ff4d4f;--color-drag-handle:#999}.group-box{position:relative;padding-left:0}.root-group{padding-left:0}.group-header,.filter-row{display:flex;align-items:center;gap:8px;position:relative;padding-top:5px;padding-bottom:5px}.group-content{position:relative;padding-left:var(--indent-size)}.group-content::before{content:'';position:absolute;left:calc(var(--indent-size) / 2);top:0;bottom:10px;width:1px;border-left:1px solid var(--color-guide-line)}.group-content>.filter-row::before{content:'';position:absolute;top:50%;left:-14px;width:14px;height:1px;border-bottom:1px solid var(--color-guide-line)}.group-box:not(.root-group)>.group-header::before{content:'';position:absolute;top:50%;left:-14px;width:14px;height:1px;border-bottom:1px solid var(--color-guide-line)}.group-content>.add-new-container::before{content:'';position:absolute;top:15px;left:-14px;width:14px;height:1px;border-bottom:1px solid var(--color-guide-line)}select,.value-input{border:none;border-radius:4px;padding:6px 10px;color:var(--color-text-dark);font-size:14px;line-height:1.4;height:32px;}select{border:1px solid transparent;cursor:pointer}.value-input{background-color:var(--color-value);border:1px solid transparent;cursor:text;--input-background-color:var(--color-value)}.is-invalid .value-input{border-color:var(--color-error)}.is-invalid .value-input:not(.between-input-container){border-color:var(--color-error)}.is-invalid .between-input-container .between-input{border-color:var(--color-error)}.is-invalid .between-input-container{border-color:transparent}.field-select{flex:1 1 42%;background-color:var(--color-field)}.operator-select{flex:1 3 16%;background-color:var(--color-operator)}.value-input{flex:1 1 42%;background-color:var(--color-value)}.logical-op{background-color:var(--color-logical-and);padding-right:6px}.logical-op.logical-op--or{background-color:var(--color-logical-or)}.drag-handle{font-size:1.2em;color:var(--color-drag-handle);cursor:grab;position:relative;z-index:100}.drag-handle:active{cursor:grabbing}.actions{display:flex;gap:4px;margin-left:auto;margin-right:calc(var(--indent-size) / 2)}.action-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:1px solid #ccc;background-color:#f5f5f5;color:#757575;cursor:pointer;font-size:16px;line-height:1}.action-btn:hover{background-color:#e0e0e0;border-color:#aaa}.add-new-container{position:relative;padding-left:8px;margin-top:5px;height:25px}.add-new-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:1px solid #ccc;background-color:#f5f5f5;color:#757575;cursor:pointer;font-size:16px;line-height:1}.add-popup{position:absolute;top:0;left:35px;background-color:white;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 8px rgba(0, 0, 0, 0.15);z-index:10;display:flex;flex-direction:column;white-space:nowrap}.add-popup button{background:none;border:none;padding:8px 12px;text-align:left;cursor:pointer}.add-popup button:hover{background-color:#f5f5f5}.filter-row:hover,.group-header:hover{background-color:var(--color-row-background-hover)}.group-header.drop-target{background-color:#e6f7ff;border-bottom:2px solid #1890ff}.value-input.is-hidden{visibility:hidden}.between-input-container{display:flex;align-items:center;gap:5px;background-color:transparent;border-color:transparent;padding:0}.between-input-container .between-input{height:32px;padding:6px 10px;border:1px solid transparent;border-radius:4px;font-size:14px;color:var(--color-text-dark);box-sizing:border-box;background-color:var(--color-value);width:100%;}select:focus,.value-input:focus,.between-input-container .between-input:focus{outline:none;box-shadow:0 0 0 2px rgba(0, 0, 0, 0.12);}.between-input-container span{font-size:12px;color:#757575}";
-
-const FilterGroup = /*@__PURE__*/ proxyCustomElement(class FilterGroup extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.addFilter = createEvent(this, "addFilter");
-        this.addGroup = createEvent(this, "addGroup");
-        this.removeFilter = createEvent(this, "removeFilter");
-        this.removeGroup = createEvent(this, "removeGroup");
-        this.filterChange = createEvent(this, "filterChange");
-        this.groupChange = createEvent(this, "groupChange");
-        this.dropOnFilter = createEvent(this, "dropOnFilter");
-        this.toggleAddMenu = createEvent(this, "toggleAddMenu");
-        this.dropOnGroup = createEvent(this, "dropOnGroup");
-        this.isRoot = false;
-        this.isAddMenuOpen = false;
-        this.handleValueChange = (event, filter) => {
-            const target = event.target;
-            this.filterChange.emit({
-                filterId: filter._id,
-                field: 'searchValue',
-                value: target.value,
-            });
-        };
-        this.handleBetweenValueChange = (event, filter, index) => {
-            const newValue = event.target.value;
-            const values = (filter.searchValue || ',').split(',');
-            // Update the correct part of the value array
-            values[index] = newValue;
-            // Re-join the values into a single string and emit the change
-            this.filterChange.emit({
-                filterId: filter._id,
-                field: 'searchValue',
-                value: values.join(','),
-            });
-        };
-    }
-    handleFilterFieldChange(filter, event) {
-        var _a;
-        const newPath = event.target.value;
-        const newField = findFieldByPath(this.fields, newPath);
-        const newAllowedOperators = getAllowedSearchOperators(newField);
-        // Determine the new default value based on type
-        let defaultValue = '';
-        const newType = ((newField === null || newField === void 0 ? void 0 : newField.type) || '').toLowerCase();
-        if (newType.includes('bool')) {
-            defaultValue = true;
-        }
-        // Emit a single event with all related changes
-        this.filterChange.emit({
-            filterId: filter._id,
-            updates: {
-                searchField: newPath,
-                _type: (newField === null || newField === void 0 ? void 0 : newField.type) || 'string',
-                searchValue: defaultValue,
-            },
-        });
-        // Check if the operator needs a separate reset
-        if (!newAllowedOperators.some(op => op.value === filter.searchOperator)) {
-            this.filterChange.emit({
-                filterId: filter._id,
-                updates: {
-                    searchOperator: ((_a = newAllowedOperators === null || newAllowedOperators === void 0 ? void 0 : newAllowedOperators[0]) === null || _a === void 0 ? void 0 : _a.value) || '',
-                },
-            });
-        }
-    }
-    render() {
-        const groupInfo = this.filterData.filterGroups.find(g => g.groupId === this.groupId);
-        if (!groupInfo) {
-            return null;
-        }
-        // Find all filters and child groups that belong to this specific group
-        const myFilters = this.filterData.filterElements.filter(f => f.groupId === this.groupId);
-        const myChildGroups = this.filterData.filterGroups.filter(g => g.parentGroupId === this.groupId);
-        // Dynamic class for AND/OR coloring
-        const logicalOpClass = groupInfo.logicalSearchOperator === 1 ? 'logical-op--and' : 'logical-op--or';
-        return (h("div", { class: { 'group-box': true, 'root-group': this.isRoot } }, h("div", { class: "group-header", onDragOver: (event) => {
-                event.preventDefault();
-                event.currentTarget.classList.add('drop-target');
-            }, onDragLeave: (event) => {
-                event.currentTarget.classList.remove('drop-target');
-            }, onDrop: (event) => {
-                event.currentTarget.classList.remove('drop-target');
-                this.dropOnGroup.emit({ event, targetGroupId: this.groupId });
-            } }, !this.isRoot ? (h("span", { class: "drag-handle", draggable: !this.isRoot, onDragStart: (event) => {
-                const rowElement = event.currentTarget.closest('.group-box');
-                if (rowElement) {
-                    const rect = rowElement.getBoundingClientRect();
-                    const offsetX = event.clientX - rect.left;
-                    const offsetY = event.clientY - rect.top;
-                    event.dataTransfer.setDragImage(rowElement, offsetX, offsetY);
-                }
-                // Set the type to 'group' and store the groupId
-                event.dataTransfer.setData('application/drag-type', 'group');
-                event.dataTransfer.setData('text/plain', this.groupId.toString());
-                event.dataTransfer.effectAllowed = 'move';
-            } }, "\u283F")) : (h("div", { style: { marginRight: '8px' } })), h("select", { class: `logical-op ${logicalOpClass}`, onChange: e => this.groupChange.emit({
-                groupId: this.groupId,
-                logicalSearchOperator: parseInt(e.target.value),
-            }) }, h("option", { value: "1", selected: groupInfo.logicalSearchOperator === 1 }, "AND"), h("option", { value: "2", selected: groupInfo.logicalSearchOperator === 2 }, "OR")), h("div", { class: "actions" }, !this.isRoot && (h("udp-icon-button", { icon: getIconFromName('subtract'), variant: "outlined", size: "x-small", onClick: () => this.removeGroup.emit(this.groupId) })))), h("div", { class: "group-content" }, myFilters.map(filter => {
-            //Get current selected field if set
-            const selectedFieldObject = findFieldByPath(this.fields, filter.searchField);
-            //Get the specific list of operators allowed for that field's type.
-            const allowedOperators = getAllowedSearchOperators(selectedFieldObject);
-            return (h("div", { class: { 'filter-row': true, 'is-invalid': !!filter._error }, key: filter._id }, h("span", { class: "drag-handle", draggable: true, onDragStart: (event) => {
-                    const rowElement = event.currentTarget.closest('.filter-row');
-                    if (rowElement) {
-                        const rect = rowElement.getBoundingClientRect();
-                        const offsetX = event.clientX - rect.left;
-                        const offsetY = event.clientY - rect.top;
-                        event.dataTransfer.setDragImage(rowElement, offsetX, offsetY);
-                    }
-                    event.dataTransfer.setData('application/drag-type', 'filter');
-                    event.dataTransfer.setData('text/plain', filter._id);
-                    event.dataTransfer.effectAllowed = 'move';
-                }, onDragOver: (event) => event.preventDefault(), onDrop: (event) => this.dropOnFilter.emit({ event, targetFilterId: filter._id }) }, "\u283F"), h("select", { class: "field-select", onChange: e => this.handleFilterFieldChange(filter, e) }, h("option", { value: "", disabled: true, selected: !filter.searchField }, "Select a field..."), renderSearchFieldOptions(this.fields, filter.searchField)), h("select", { class: "operator-select", onChange: e => {
-                    const newOperator = e.target.value;
-                    // First, emit the change for the operator itself
-                    this.filterChange.emit({
-                        filterId: filter._id,
-                        field: 'searchOperator',
-                        value: newOperator,
-                    });
-                    // If the new operator makes the value field irrelevant, clear it.
-                    if (newOperator === 'NULL' ||
-                        newOperator === 'NOTNULL' ||
-                        newOperator === 'BETWEEN') {
-                        this.filterChange.emit({
-                            filterId: filter._id,
-                            field: 'searchValue',
-                            value: '', // Reset the value
-                        });
-                    }
-                } }, allowedOperators.map(op => (h("option", { value: op.value, selected: filter.searchOperator === op.value }, op.label)))), renderSearchValueInput(filter, this.handleValueChange, this.handleBetweenValueChange), h("div", { class: "actions" }, h("udp-icon-button", { icon: getIconFromName('subtract'), variant: "outlined", size: "x-small", onClick: () => this.removeFilter.emit(filter._id) }))));
-        }), myChildGroups.map(childGroup => (h("filter-group", { key: childGroup.groupId, groupId: childGroup.groupId, filterData: this.filterData, fields: this.fields, isRoot: false, openAddMenuForGroupId: this.openAddMenuForGroupId, onAddFilter: event => {
-                event.stopPropagation();
-                this.addFilter.emit(event.detail);
-            }, onAddGroup: event => {
-                event.stopPropagation();
-                this.addGroup.emit(event.detail);
-            }, onRemoveFilter: event => {
-                event.stopPropagation();
-                this.removeFilter.emit(event.detail);
-            }, onRemoveGroup: event => {
-                event.stopPropagation();
-                this.removeGroup.emit(event.detail);
-            }, onFilterChange: event => {
-                event.stopPropagation();
-                this.filterChange.emit(event.detail);
-            }, onGroupChange: event => {
-                event.stopPropagation();
-                this.groupChange.emit(event.detail);
-            }, onDropOnFilter: event => {
-                event.stopPropagation();
-                this.dropOnFilter.emit(event.detail);
-            }, onDropOnGroup: event => {
-                event.stopPropagation();
-                this.dropOnGroup.emit(event.detail);
-            }, onToggleAddMenu: event => {
-                event.stopPropagation();
-                this.toggleAddMenu.emit(event.detail);
-            } }))), h("div", { class: "add-new-container" }, h("udp-icon-button", { icon: getIconFromName('add'), variant: "outlined", size: "x-small", ref: (el) => {
-                this.addMenuAnchorEl = el ? el : undefined;
-            }, onClick: () => (this.isAddMenuOpen = !this.isAddMenuOpen) }), h("udp-menu", { open: this.isAddMenuOpen, anchor: this.addMenuAnchorEl, handleClose: () => (this.isAddMenuOpen = false) }, h("udp-menu-item", { label: "Add Filter", onItemClick: () => {
-                this.addFilter.emit(this.groupId);
-                this.isAddMenuOpen = false;
-            } }), h("udp-menu-item", { label: "Add Group", onItemClick: () => {
-                this.addGroup.emit(this.groupId);
-                this.isAddMenuOpen = false;
-            } }))))));
-    }
-    static get style() { return filterGroupCss; }
-}, [257, "filter-group", {
-        "groupId": [2, "group-id"],
-        "filterData": [16],
-        "fields": [16],
-        "isRoot": [4, "is-root"],
-        "openAddMenuForGroupId": [2, "open-add-menu-for-group-id"],
-        "isAddMenuOpen": [32]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["filter-group", "filter-group", "udp-ambient-tool-tip", "udp-badge", "udp-icon", "udp-icon-button", "udp-menu", "udp-menu-item", "unity-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "filter-group":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, FilterGroup);
-            }
-            break;
-        case "filter-group":
-            if (!customElements.get(tagName)) {
-                defineCustomElement();
-            }
-            break;
-        case "udp-ambient-tool-tip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "udp-badge":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "udp-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "udp-icon-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "udp-menu":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "udp-menu-item":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "unity-typography":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { FilterGroup as F, buildFieldTree as b, defineCustomElement as d, getAllowedSearchOperators as g };
-//# sourceMappingURL=filter-group2.js.map
-
-//# sourceMappingURL=filter-group2.js.map
+import{h as e,p as t,H as o,c as r,t as i}from"./index2.js";import{g as n,d as a}from"./udp-icon2.js";import{d as l}from"./udp-ambient-tool-tip2.js";import{d as s}from"./udp-badge2.js";import{d}from"./udp-icon-button2.js";import{d as u}from"./udp-menu2.js";import{d as p}from"./udp-menu-item2.js";import{d as c}from"./unity-typography2.js";const h=[{value:"=",label:"="},{value:"<>",label:"!="},{value:"<",label:"<"},{value:">",label:">"},{value:"<=",label:"<="},{value:">=",label:">="},{value:"LIKE",label:"contains"},{value:"STARTSWITH",label:"begins with"},{value:"BETWEEN",label:"is between"},{value:"NULL",label:"is null"},{value:"NOTNULL",label:"is not null"}],g={guid:["=","<>","LIKE","NULL","NOTNULL"],string:["=","<>","LIKE","STARTSWITH","NULL","NOTNULL"],number:["=","<>","<",">","<=",">=","BETWEEN","NULL","NOTNULL"],boolean:["=","<>","NULL","NOTNULL"],date:["=","<>","<",">","<=",">=","BETWEEN","NULL","NOTNULL"],datetime:["=","<>","<",">","<=",">=","BETWEEN","NULL","NOTNULL"],time:["=","<>","<",">","<=",">=","BETWEEN","NULL","NOTNULL"],default:["=","<>"]},b=e=>{const t=e?g[e.type]:g.default;return h.filter((e=>t.includes(e.value)))},v=(t,o,r=0,i="")=>{const n=[];return t.forEach((t=>{const a=i?`${i}.${t.name}`:t.name,l=t.childFields&&t.childFields.length>0;n.push(e("option",{value:a,disabled:l,selected:o===a},l?`+ ${t.name}`:a)),l&&n.push(...v(t.childFields,o,r+1,a))})),n},f=e=>{if(!e)return"default";const t=(e.endsWith("?")?e.slice(0,-1):e).toLowerCase();return"guid"===t||"string uuid"===t?"guid":"string"===t?"string":"long"===t||"int"===t||"short"===t||t.includes("decimal")?"number":"bool"===t?"boolean":"date"===t?"date":t.includes("datetime")?"datetime":t.includes("time")?"time":"default"},m=e=>{if(!e)return"";const t=e.split(".");return t[t.length-1]},x=(e,t,o=[])=>{if(o.includes(e))return[];const r=t.find((t=>m(t.catalogObjectName)===e));if(!r)return[];let i=[];return r.properties.filter((e=>{var t;return!0===(null===(t=e.extendedProperties)||void 0===t?void 0:t.searchable)})).forEach((e=>{i.push({name:e.name,type:f(e.type),childFields:[]})})),t.forEach((r=>{r.properties.forEach((n=>{if(m(n.reference)===e){const n=m(r.catalogObjectName),a=x(n,t,[...o,e]);a.length>0&&i.push({name:n,type:r.type||"object",childFields:a})}}))})),i},L=(e,t)=>{if(!Array.isArray(e)||!t)return[];const o=e.filter((e=>{const t=e.catalogObjectName.toLowerCase();return!t.includes("pages")&&!t.includes("abstract")&&t.includes("models")}));return x(t,o)},w=(e,t)=>{if(!t||!e)return null;const o=t.split(".");let r=e,i=null;for(const e of o){if(i=null==r?void 0:r.find((t=>t.name===e)),!i)return null;r=i.childFields||[]}return i},k=t(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.addFilter=r(this,"addFilter"),this.addGroup=r(this,"addGroup"),this.removeFilter=r(this,"removeFilter"),this.removeGroup=r(this,"removeGroup"),this.filterChange=r(this,"filterChange"),this.groupChange=r(this,"groupChange"),this.dropOnFilter=r(this,"dropOnFilter"),this.toggleAddMenu=r(this,"toggleAddMenu"),this.dropOnGroup=r(this,"dropOnGroup"),this.isRoot=!1,this.isAddMenuOpen=!1,this.handleValueChange=(e,t)=>{this.filterChange.emit({filterId:t._id,field:"searchValue",value:e.target.value})},this.handleBetweenValueChange=(e,t,o)=>{const r=e.target.value,i=(t.searchValue||",").split(",");i[o]=r,this.filterChange.emit({filterId:t._id,field:"searchValue",value:i.join(",")})}}handleFilterFieldChange(e,t){var o;const r=t.target.value,i=w(this.fields,r),n=b(i);let a="";((null==i?void 0:i.type)||"").toLowerCase().includes("bool")&&(a=!0),this.filterChange.emit({filterId:e._id,updates:{searchField:r,_type:(null==i?void 0:i.type)||"string",searchValue:a}}),n.some((t=>t.value===e.searchOperator))||this.filterChange.emit({filterId:e._id,updates:{searchOperator:(null===(o=null==n?void 0:n[0])||void 0===o?void 0:o.value)||""}})}render(){const t=this.filterData.filterGroups.find((e=>e.groupId===this.groupId));if(!t)return null;const o=this.filterData.filterElements.filter((e=>e.groupId===this.groupId)),r=this.filterData.filterGroups.filter((e=>e.parentGroupId===this.groupId)),i=1===t.logicalSearchOperator?"logical-op--and":"logical-op--or";return e("div",{class:{"group-box":!0,"root-group":this.isRoot}},e("div",{class:"group-header",onDragOver:e=>{e.preventDefault(),e.currentTarget.classList.add("drop-target")},onDragLeave:e=>{e.currentTarget.classList.remove("drop-target")},onDrop:e=>{e.currentTarget.classList.remove("drop-target"),this.dropOnGroup.emit({event:e,targetGroupId:this.groupId})}},this.isRoot?e("div",{style:{marginRight:"8px"}}):e("span",{class:"drag-handle",draggable:!this.isRoot,onDragStart:e=>{const t=e.currentTarget.closest(".group-box");if(t){const o=t.getBoundingClientRect();e.dataTransfer.setDragImage(t,e.clientX-o.left,e.clientY-o.top)}e.dataTransfer.setData("application/drag-type","group"),e.dataTransfer.setData("text/plain",this.groupId.toString()),e.dataTransfer.effectAllowed="move"}},"⠿"),e("select",{class:`logical-op ${i}`,onChange:e=>this.groupChange.emit({groupId:this.groupId,logicalSearchOperator:parseInt(e.target.value)})},e("option",{value:"1",selected:1===t.logicalSearchOperator},"AND"),e("option",{value:"2",selected:2===t.logicalSearchOperator},"OR")),e("div",{class:"actions"},!this.isRoot&&e("udp-icon-button",{icon:n("subtract"),variant:"outlined",size:"x-small",onClick:()=>this.removeGroup.emit(this.groupId)}))),e("div",{class:"group-content"},o.map((t=>{const o=w(this.fields,t.searchField),r=b(o);return e("div",{class:{"filter-row":!0,"is-invalid":!!t._error},key:t._id},e("span",{class:"drag-handle",draggable:!0,onDragStart:e=>{const o=e.currentTarget.closest(".filter-row");if(o){const t=o.getBoundingClientRect();e.dataTransfer.setDragImage(o,e.clientX-t.left,e.clientY-t.top)}e.dataTransfer.setData("application/drag-type","filter"),e.dataTransfer.setData("text/plain",t._id),e.dataTransfer.effectAllowed="move"},onDragOver:e=>e.preventDefault(),onDrop:e=>this.dropOnFilter.emit({event:e,targetFilterId:t._id})},"⠿"),e("select",{class:"field-select",onChange:e=>this.handleFilterFieldChange(t,e)},e("option",{value:"",disabled:!0,selected:!t.searchField},"Select a field..."),v(this.fields,t.searchField)),e("select",{class:"operator-select",onChange:e=>{const o=e.target.value;this.filterChange.emit({filterId:t._id,field:"searchOperator",value:o}),"NULL"!==o&&"NOTNULL"!==o&&"BETWEEN"!==o||this.filterChange.emit({filterId:t._id,field:"searchValue",value:""})}},r.map((o=>e("option",{value:o.value,selected:t.searchOperator===o.value},o.label)))),((t,o,r)=>{if("BETWEEN"===t.searchOperator){const[o,i]=(t.searchValue||",").split(",");let n=t._type;return"datetime"===t._type&&(n="datetime-local"),e("div",{class:"value-input between-input-container"},e("input",{type:n,step:"1",value:o,class:"between-input",onInput:e=>r(e,t,0)}),e("span",null,"and"),e("input",{type:n,step:"1",value:i,class:"between-input",onInput:e=>r(e,t,1)}))}const i="NULL"===t.searchOperator||"NOTNULL"===t.searchOperator;switch(t._type){case"number":return e("input",{placeholder:"Enter a number value...",type:"number",class:{"value-input":!0,"is-hidden":i},value:t.searchValue,onInput:e=>o(e,t)});case"boolean":return e("select",{class:{"value-input":!0,"is-hidden":i},onChange:e=>o(e,t)},e("option",{value:"",disabled:!0,selected:!t.searchValue}),e("option",{value:"true",selected:!0===t.searchValue},"True"),e("option",{value:"false",selected:!1===t.searchValue},"False"));case"date":return e("input",{type:"date",class:{"value-input":!0,"is-hidden":i},value:t.searchValue,onInput:e=>o(e,t)});case"datetime":return e("input",{type:"datetime-local",step:"1",class:{"value-input":!0,"is-hidden":i},value:t.searchValue,onInput:e=>o(e,t)});case"time":return e("input",{type:"time",class:{"value-input":!0,"is-hidden":i},value:t.searchValue,onInput:e=>o(e,t)});case"guid":return e("input",{placeholder:"Enter a GUID value...",type:"text",class:{"value-input":!0,"is-hidden":i},value:t.searchValue,onInput:e=>o(e,t)});default:return e("input",{placeholder:"Enter a value...",type:"text",class:{"value-input":!0,"is-hidden":i},value:t.searchValue,onInput:e=>o(e,t)})}})(t,this.handleValueChange,this.handleBetweenValueChange),e("div",{class:"actions"},e("udp-icon-button",{icon:n("subtract"),variant:"outlined",size:"x-small",onClick:()=>this.removeFilter.emit(t._id)})))})),r.map((t=>e("filter-group",{key:t.groupId,groupId:t.groupId,filterData:this.filterData,fields:this.fields,isRoot:!1,openAddMenuForGroupId:this.openAddMenuForGroupId,onAddFilter:e=>{e.stopPropagation(),this.addFilter.emit(e.detail)},onAddGroup:e=>{e.stopPropagation(),this.addGroup.emit(e.detail)},onRemoveFilter:e=>{e.stopPropagation(),this.removeFilter.emit(e.detail)},onRemoveGroup:e=>{e.stopPropagation(),this.removeGroup.emit(e.detail)},onFilterChange:e=>{e.stopPropagation(),this.filterChange.emit(e.detail)},onGroupChange:e=>{e.stopPropagation(),this.groupChange.emit(e.detail)},onDropOnFilter:e=>{e.stopPropagation(),this.dropOnFilter.emit(e.detail)},onDropOnGroup:e=>{e.stopPropagation(),this.dropOnGroup.emit(e.detail)},onToggleAddMenu:e=>{e.stopPropagation(),this.toggleAddMenu.emit(e.detail)}}))),e("div",{class:"add-new-container"},e("udp-icon-button",{icon:n("add"),variant:"outlined",size:"x-small",ref:e=>{this.addMenuAnchorEl=e||void 0},onClick:()=>this.isAddMenuOpen=!this.isAddMenuOpen}),e("udp-menu",{open:this.isAddMenuOpen,anchor:this.addMenuAnchorEl,handleClose:()=>this.isAddMenuOpen=!1},e("udp-menu-item",{label:"Add Filter",onItemClick:()=>{this.addFilter.emit(this.groupId),this.isAddMenuOpen=!1}}),e("udp-menu-item",{label:"Add Group",onItemClick:()=>{this.addGroup.emit(this.groupId),this.isAddMenuOpen=!1}})))))}static get style(){return":host{--color-field:#c8e6c9;--color-operator:#ffcc80;--color-value:#bbdefb;--color-text-dark:#333;--color-logical-and:#ef9a9a;--color-logical-or:#ffab91;--color-guide-line:#CCC;--indent-size:30px;--color-row-background:#f5f5f5;--color-row-background-hover:rgba(0, 0, 0, 0.05);--color-error:#ff4d4f;--color-drag-handle:#999}.group-box{position:relative;padding-left:0}.root-group{padding-left:0}.group-header,.filter-row{display:flex;align-items:center;gap:8px;position:relative;padding-top:5px;padding-bottom:5px}.group-content{position:relative;padding-left:var(--indent-size)}.group-content::before{content:'';position:absolute;left:calc(var(--indent-size) / 2);top:0;bottom:10px;width:1px;border-left:1px solid var(--color-guide-line)}.group-content>.filter-row::before{content:'';position:absolute;top:50%;left:-14px;width:14px;height:1px;border-bottom:1px solid var(--color-guide-line)}.group-box:not(.root-group)>.group-header::before{content:'';position:absolute;top:50%;left:-14px;width:14px;height:1px;border-bottom:1px solid var(--color-guide-line)}.group-content>.add-new-container::before{content:'';position:absolute;top:15px;left:-14px;width:14px;height:1px;border-bottom:1px solid var(--color-guide-line)}select,.value-input{border:none;border-radius:4px;padding:6px 10px;color:var(--color-text-dark);font-size:14px;line-height:1.4;height:32px;}select{border:1px solid transparent;cursor:pointer}.value-input{background-color:var(--color-value);border:1px solid transparent;cursor:text;--input-background-color:var(--color-value)}.is-invalid .value-input{border-color:var(--color-error)}.is-invalid .value-input:not(.between-input-container){border-color:var(--color-error)}.is-invalid .between-input-container .between-input{border-color:var(--color-error)}.is-invalid .between-input-container{border-color:transparent}.field-select{flex:1 1 42%;background-color:var(--color-field)}.operator-select{flex:1 3 16%;background-color:var(--color-operator)}.value-input{flex:1 1 42%;background-color:var(--color-value)}.logical-op{background-color:var(--color-logical-and);padding-right:6px}.logical-op.logical-op--or{background-color:var(--color-logical-or)}.drag-handle{font-size:1.2em;color:var(--color-drag-handle);cursor:grab;position:relative;z-index:100}.drag-handle:active{cursor:grabbing}.actions{display:flex;gap:4px;margin-left:auto;margin-right:calc(var(--indent-size) / 2)}.action-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:1px solid #ccc;background-color:#f5f5f5;color:#757575;cursor:pointer;font-size:16px;line-height:1}.action-btn:hover{background-color:#e0e0e0;border-color:#aaa}.add-new-container{position:relative;padding-left:8px;margin-top:5px;height:25px}.add-new-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:1px solid #ccc;background-color:#f5f5f5;color:#757575;cursor:pointer;font-size:16px;line-height:1}.add-popup{position:absolute;top:0;left:35px;background-color:white;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 8px rgba(0, 0, 0, 0.15);z-index:10;display:flex;flex-direction:column;white-space:nowrap}.add-popup button{background:none;border:none;padding:8px 12px;text-align:left;cursor:pointer}.add-popup button:hover{background-color:#f5f5f5}.filter-row:hover,.group-header:hover{background-color:var(--color-row-background-hover)}.group-header.drop-target{background-color:#e6f7ff;border-bottom:2px solid #1890ff}.value-input.is-hidden{visibility:hidden}.between-input-container{display:flex;align-items:center;gap:5px;background-color:transparent;border-color:transparent;padding:0}.between-input-container .between-input{height:32px;padding:6px 10px;border:1px solid transparent;border-radius:4px;font-size:14px;color:var(--color-text-dark);box-sizing:border-box;background-color:var(--color-value);width:100%;}select:focus,.value-input:focus,.between-input-container .between-input:focus{outline:none;box-shadow:0 0 0 2px rgba(0, 0, 0, 0.12);}.between-input-container span{font-size:12px;color:#757575}"}},[1,"filter-group",{groupId:[2,"group-id"],filterData:[16],fields:[16],isRoot:[4,"is-root"],openAddMenuForGroupId:[2,"open-add-menu-for-group-id"],isAddMenuOpen:[32]}]);function E(){"undefined"!=typeof customElements&&["filter-group","filter-group","udp-ambient-tool-tip","udp-badge","udp-icon","udp-icon-button","udp-menu","udp-menu-item","unity-typography"].forEach((e=>{switch(e){case"filter-group":customElements.get(i(e))||customElements.define(i(e),k);break;case"filter-group":customElements.get(i(e))||E();break;case"udp-ambient-tool-tip":customElements.get(i(e))||l();break;case"udp-badge":customElements.get(i(e))||s();break;case"udp-icon":customElements.get(i(e))||a();break;case"udp-icon-button":customElements.get(i(e))||d();break;case"udp-menu":customElements.get(i(e))||u();break;case"udp-menu-item":customElements.get(i(e))||p();break;case"unity-typography":customElements.get(i(e))||c()}}))}export{k as F,L as b,E as d,b as g}

package/dist/components/fluent-dialog.js

@@ -1,9 +1 @@
-import { F as FluentDialog$1, d as defineCustomElement$1 } from './fluent-dialog2.js';
-
-const FluentDialog = FluentDialog$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { FluentDialog, defineCustomElement };
-//# sourceMappingURL=fluent-dialog.js.map
-
-//# sourceMappingURL=fluent-dialog.js.map
+import{F as o,d as s}from"./fluent-dialog2.js";const t=o,a=s;export{t as FluentDialog,a as defineCustomElement}