udp-stencil-component-library 25.18.2-beta.9 → 25.18.2

package/dist/components/advanced-search-grouped2.js

@@ -1,366 +1 @@
-import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h } from './index2.js';
-import Close24 from '@carbon/icons/es/close/24';
-import { v4 } from 'uuid';
-import { s as state } from './catalog-store.js';
-import { u as useTreeDatasource } from './conversionFunctions.js';
-import { d as defineCustomElement$d } from './custom-button2.js';
-import { d as defineCustomElement$c } from './search-list-item2.js';
-import { d as defineCustomElement$b } from './status-chip2.js';
-import { d as defineCustomElement$a } from './stencil-icon-button2.js';
-import { d as defineCustomElement$9 } from './text-field2.js';
-import { d as defineCustomElement$8 } from './tree-list-item2.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$5 } from './udp-function-button2.js';
-import { d as defineCustomElement$4 } from './udp-grid-loader2.js';
-import { d as defineCustomElement$3 } from './udp-selector2.js';
-import { d as defineCustomElement$2 } from './udp-skeleton-loading2.js';
-import { d as defineCustomElement$1 } from './unity-typography2.js';
-
-const advancedSearchCss = ":host{display:block;height:100%}.container{display:flex;height:100vh}.left-column{flex:1;background-color:white;height:90vh;overflow:scroll;padding:8px}.right-column{flex:2;margin-left:16px;padding:16px;height:90vh;overflow:scroll}.filter-group[data-level=\"0\"]{padding-left:0}.filter-group[data-level=\"1\"]{padding-left:20px}.filter-group[data-level=\"2\"]{padding-left:40px}.filter-group{margin-top:24px;border-left:1px solid #bababa}.search-input-list{height:100%;max-height:70vh;overflow:auto}.recent-searches{min-width:300px;margin-bottom:10px}";
-
-const AdvancedSearchGrouped = /*@__PURE__*/ proxyCustomElement(class AdvancedSearchGrouped extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.advancedSearchItemChange = createEvent(this, "advancedSearchItemChange");
-        this.searchItemChanged = createEvent(this, "searchItemChanged");
-        this.searchOperatorChanged = createEvent(this, "searchOperatorChanged");
-        this.filterList = [];
-        this.filterRenderList = [];
-        this.nestedData = new Map();
-        this.searchObject = [];
-        this.tempNestedData = new Map();
-        //@Prop() parentFilter?: string;
-        this.testData = [];
-        this.showChildren = false;
-        this.filterGroups = [];
-        this.filterObjectsWithGroups = [];
-        this.disableFilterSelection = true;
-        this.sharedId = '';
-        this.filters = [];
-        this.recentSearchesOptions = [];
-        this.handleReferenceClick = async (referenceValue, name, parentReference, parentFilter, parent, parentPath) => {
-            console.log('Clicked reference:', referenceValue, 'Name:', name, 'Parent Reference:', parentReference, 'parentFilter', parentFilter, 'parent reference click test', parent, parentPath);
-            if (state.isLoadingCatalogData || state.catalogData === null) {
-                console.log('Catalog data is not ready yet.');
-                return;
-            }
-            try {
-                console.log('state.catalogData', state.catalogData);
-                const extendedSearchFilterList = await useTreeDatasource(state.catalogData, referenceValue, true, true, name, parentFilter, parent);
-                console.log('extendedSearchFilterList', extendedSearchFilterList);
-                if (Array.isArray(extendedSearchFilterList)) {
-                    this.updateNestedData(extendedSearchFilterList);
-                }
-                else {
-                    console.error('Extended search filter list is not an array');
-                }
-                console.log('Updated nestedData:', Array.from(this.nestedData.entries()));
-            }
-            catch (error) {
-                console.error('Error fetching filters:', error);
-            }
-        };
-        this.updateNestedData = children => {
-            if (!Array.isArray(children) || children.length === 0) {
-                console.error('Invalid or empty children data provided for updateNestedData');
-                return;
-            }
-            console.log('children in updatedNest', children);
-            const fromFilter = children[0].extendedProperties.fromFilter;
-            const parentName = children[0].extendedProperties.parent;
-            const checkForName = fromFilter;
-            const testParentArray = useTreeDatasource(state.catalogData, checkForName, true, true, name, '', '');
-            console.log('testParentArray', testParentArray);
-            if (testParentArray) {
-                testParentArray.forEach(parentItem => {
-                    if (parentItem.name === parentName) {
-                        parentItem.referenceNode = children;
-                        console.log('add referenceNode array', children, testParentArray);
-                    }
-                    else if (parentItem.reference && parentItem.referenceNode) {
-                        this.updateNestedDataRecursively(parentItem.referenceNode, children, parentName);
-                    }
-                });
-            }
-            // Helper function to check if an item is already present in the array
-            const isItemPresent = (array, item) => array.some(existingItem => existingItem.name === item.name);
-            // Recursive function to update the nested data
-            const updateNestedDataHelper = (array, children, parentName) => {
-                return array.map(item => {
-                    if (item.name === parentName) {
-                        // Filter out children that are already present before appending
-                        const newChildren = children.filter(child => !isItemPresent(item.referenceNode || [], child));
-                        return Object.assign(Object.assign({}, item), { referenceNode: [...(item.referenceNode || []), ...newChildren] });
-                    }
-                    else if (item.referenceNode) {
-                        return Object.assign(Object.assign({}, item), { referenceNode: updateNestedDataHelper(item.referenceNode, children, parentName) });
-                    }
-                    else {
-                        return item;
-                    }
-                });
-            };
-            // Start the recursive update and assign it to testData
-            this.testData = updateNestedDataHelper(this.testData, children, parentName);
-            console.log('Updated testData', this.testData);
-            forceUpdate(this); // Not generally recommended, use as a last resort
-        };
-        this.updateNestedDataRecursively = (nestedArray, children, parentName) => {
-            nestedArray.forEach(item => {
-                if (item.name === parentName) {
-                    item.referenceNode = children;
-                }
-                else if (item.referenceNode) {
-                    this.updateNestedDataRecursively(item.referenceNode, children, parentName);
-                }
-            });
-        };
-        this.onTreeListItemClick = (event) => {
-            const detail = event.detail;
-            console.log('Tree list item clicked in grouped:', detail);
-            // Function to convert string to PascalCase
-            const toPascalCase = str => {
-                return str
-                    .split('.')
-                    .map(part => part.charAt(0).toUpperCase() + part.slice(1))
-                    .join('.');
-            };
-            // Check if both parentName and parentPath are present
-            if (detail.parentName && detail.parentPath) {
-                detail.searchField = `${detail.parentPath}.${detail.parentName}.${detail.searchField}`;
-            }
-            else if (detail.parentName) {
-                // If only parentName is present, exclude parentPath
-                detail.searchField = `${detail.parentName}.${detail.searchField}`;
-            }
-            else {
-                // No parentName or parentPath, use searchField as is
-                detail.searchField = `${detail.searchField}`;
-            }
-            // Convert searchField to PascalCase
-            detail.searchField = toPascalCase(detail.searchField);
-            this.handleItemClick(detail); // Perform the search with the modified search object
-            this.disableFilterSelection = true;
-        };
-        this.currentLogicalOperator = 'AND';
-    }
-    componentWillLoad() { }
-    filterListWatcher(newValue, oldValue) {
-        if (newValue !== oldValue) {
-            this.testData = newValue;
-        }
-    }
-    filterObjectsWithGroupsChanged(newValue, oldValue) {
-    }
-    updateFilterWithUserData(uniqueId, userData) {
-        const updatedFilters = this.filters.map(filter => (filter.id === uniqueId ? Object.assign(Object.assign({}, filter), userData) : filter));
-        this.filters = updatedFilters; // Update the state with the modified filters array
-    }
-    updateGroupLogicalOperator(groupId, newLogicalOperator) {
-        const updateOperatorInNode = (nodes, nodeId, newOperator) => {
-            for (const node of nodes) {
-                if (node.id === nodeId) {
-                    node.logicalOperator = newOperator; // Update the operator
-                    return true;
-                }
-                if (node.children && updateOperatorInNode(node.children, nodeId, newOperator)) {
-                    return true; // Operator updated in a deeper level
-                }
-            }
-            return false; // Node not found
-        };
-        // Attempt to update the operator in the node
-        if (updateOperatorInNode(this.filterObjectsWithGroups, groupId, newLogicalOperator)) {
-            // If the update was successful, trigger a state update
-            this.filterObjectsWithGroups = [...this.filterObjectsWithGroups];
-        }
-    }
-    handleSearchItemChange(event) {
-        const { searchOperator, searchValue, filterGroupId, id } = event.detail;
-        const group = this.findGroupById(this.filterObjectsWithGroups, filterGroupId);
-        if (group) {
-            const filter = group.filters.find(f => f.id === id);
-            if (filter) {
-                filter.searchOperator = searchOperator;
-                filter.searchValue = searchValue;
-                this.filterObjectsWithGroups = [...this.filterObjectsWithGroups];
-            }
-        }
-        this.searchItemChanged.emit(event.detail);
-    }
-    handleOperatorSelected(event, filterGroupId) {
-        const selectedOptionValue = event.detail.value; // Assuming this is '1' for AND, '2' for OR
-        const newLogicalOperator = this.getLogicalOperatorValue(selectedOptionValue);
-        // Call the updateLogicalOperator prop function passed from the parent component
-        this.updateLogicalOperator(filterGroupId, newLogicalOperator);
-        this.searchOperatorChanged.emit();
-    }
-    renderFilterGroup(filterGroup, level = 0) {
-        const isRoot = filterGroup.id === 'root';
-        const isDefault = filterGroup.id === 'default';
-        const paddingStyle = { 'padding-left': `${20 * level}px` };
-        const logicalOperator = this.getLogicalOperatorCode(filterGroup.logicalOperator).toString();
-        const operatorSelector = (h("udp-selector", { options: [
-                { value: '1', label: 'AND' },
-                { value: '2', label: 'OR' },
-            ], onChange: (event) => this.handleOperatorSelected(event, filterGroup.filterGroupId), initialValue: logicalOperator, disabled: isRoot || isDefault }));
-        const deleteGroupButton = !isRoot && !isDefault && h("stencil-icon-button", { icon: Close24, onClick: () => this.handleGroupDelete(filterGroup.filterGroupId) });
-        const filterItems = !isRoot && (h("div", { class: "search-input-list" }, filterGroup.filters.map((filter, index) => {
-            var _a;
-            return (h("search-list-item", { key: `${filter.id}-${index}`, isDefault: isDefault, id: filter.id, filterGroupId: filter.filterGroupId, label: (_a = filter === null || filter === void 0 ? void 0 : filter.searchLabel) !== null && _a !== void 0 ? _a : filter.searchField, fieldName: filter.searchField, handleDelete: () => this.handleDelete(filter), name: filter.searchValue, operator: filter.searchOperator, onSearchItemChanged: event => this.handleSearchItemChange(event), isInitialSearchItem: filter.isInitialFilterElement }));
-        })));
-        const actionButtons = !isDefault && (h("div", { style: { display: 'flex', gap: '8px', marginTop: '8px' } }, !isRoot && (h("custom-button", { variant: "outline", onClick: () => this.addFilter(filterGroup.id, filterGroup.filterGroupId) }, "+ Field")), h("custom-button", { variant: "outline", onClick: () => this.handleAddNewGroup(!isRoot ? filterGroup.id : 'root', this.currentLogicalOperator) }, "+ Group")));
-        const nestedGroups = h("div", { class: "nested-groups" }, (filterGroup.children || []).map(childGroup => this.renderFilterGroup(childGroup, level + 1)));
-        return (h("div", { class: !isRoot && 'filter-group', style: paddingStyle }, isDefault && filterGroup.filters.length === 0 ? null : (h("div", { style: { marginBottom: '16px' } }, h("div", { style: { display: 'flex', gap: '8px' } }, operatorSelector, deleteGroupButton))), filterItems, actionButtons, nestedGroups));
-    }
-    addFilter(groupId, filterGroupId) {
-        console.log('Adding filter...');
-        this.disableFilterSelection = false;
-        if (this.handleAddNewFilter) {
-            this.handleAddNewFilter(filterGroupId);
-        }
-        const newFilterPlaceholder = {
-            id: v4(),
-            groupId: groupId,
-            filterGroupId: filterGroupId,
-            searchField: '', // Initial placeholder for the search field
-            searchOperator: '=', // Default or initial placeholder for the search operator
-            searchValue: '', // Initial placeholder for the search value
-        };
-        this.filters = [...this.filters, newFilterPlaceholder];
-    }
-    render() {
-        const safeTestData = Array.isArray(this.testData) ? this.testData : [];
-        //const safeFilterRenderList = Array.isArray(this.filterRenderList) ? this.filterRenderList : [];
-        return (h("div", { key: '51d961d38d71f0b63e0564a8fda506f19176f780', class: "container" }, h("div", { key: 'a05089a3958f0a19499b04569a16319f047ee534', class: "left-column" }, this.selectRecentSearch !== null && this.fullClearSearch !== null && (h("div", { key: '788ebbb22f165841387b1ded7ab595b9b845d8d3', class: "recent-searches" }, "Recent Searches", h("div", { key: '597644a1133d0b514f1de852ae590ac34bb867e6', style: { display: 'flex', alignItems: 'center' } }, h("udp-selector", { key: '1fd8907b2c44d6ea3f6cc21fa46bc673d1d705a5', options: this.recentSearchesOptions, onChange: (e) => this.selectRecentSearch(e), style: { marginRight: '10px' } }), h("udp-function-button", { key: 'f2919a9467010174c7a5960149d1cca04134a6fd', delete: true, onClick: this.fullClearSearch })))), !safeTestData.length && (h("div", { key: '4eccc7fc0d1f02f0c9e00007d37b62c26b890c97', style: { marginRight: '8px' } }, h("udp-grid-loader", { key: '7156b75f685d2df18071e0f996a78748dfce179e', width: "362px", "num-columns": "1", "num-rows": "20" }))), h("div", { key: '786b6755156cf0971ab56f6e19b6f00c78a2fb53' }, safeTestData.map((filter, index) => {
-            var _a;
-            return (h("tree-list-item", { add: true, showAdd: true, key: `${filter.name}-${index}`, level: 0, label: this.getHeaderFieldLabel(filter.name), fieldName: filter.name, reference: filter.reference, parentName: "", parentFilter: filter.extendedProperties.parentFilter, parentPath: 'filter.extendedProperties.parentPath', parent: (_a = filter.extendedProperties) === null || _a === void 0 ? void 0 : _a.parent, nestedItems: filter.referenceNode, "onReference-clicked": (event) => this.handleReferenceClick(event.detail.reference, event.detail.name, event.detail.parentReference, event.detail.parentFilter, event.detail.parent, event.detail.parentPath), onItemClick: this.onTreeListItemClick }));
-        }))), h("div", { key: '1ec459b83773f97a10f86ae3e42bee824a07b835', class: "right-column" }, this.filterObjectsWithGroups.map(group => this.renderFilterGroup(group))), this.disableFilterSelection && (h("div", { key: '8373727d18866a912140acb0a4efacdaa9d3b4e0', style: { width: '411px', height: '100vh', background: 'white', position: 'absolute', zIndex: '9', top: '45px', left: 'px', opacity: '0.7' } }))));
-    }
-    get el() { return this; }
-    static get watchers() { return {
-        "filterList": ["filterListWatcher"],
-        "filterObjectsWithGroups": ["filterObjectsWithGroupsChanged"]
-    }; }
-    static get style() { return advancedSearchCss; }
-}, [257, "advanced-search-grouped", {
-        "filterList": [16],
-        "filterRenderList": [16],
-        "fetchFilters": [16],
-        "handleItemClick": [16],
-        "handleDelete": [16],
-        "handleGroupDelete": [16],
-        "findGroupById": [16],
-        "handleValueChanged": [16],
-        "filterObjectsWithGroups": [16],
-        "searchData": [8, "search-data"],
-        "updateLogicalOperator": [16],
-        "handleAddNewFilter": [16],
-        "handleAddNewGroup": [16],
-        "recentSearchesOptions": [16],
-        "selectRecentSearch": [16],
-        "fullClearSearch": [16],
-        "getLogicalOperatorCode": [16],
-        "getLogicalOperatorValue": [16],
-        "getHeaderFieldLabel": [16],
-        "nestedData": [32],
-        "searchObject": [32],
-        "tempNestedData": [32],
-        "testData": [32],
-        "showChildren": [32],
-        "filterGroups": [32],
-        "disableFilterSelection": [32],
-        "sharedId": [32],
-        "filters": [32]
-    }, undefined, {
-        "filterList": ["filterListWatcher"],
-        "filterObjectsWithGroups": ["filterObjectsWithGroupsChanged"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["advanced-search-grouped", "custom-button", "search-list-item", "status-chip", "stencil-icon-button", "text-field", "tree-list-item", "udp-ambient-tool-tip", "udp-badge", "udp-function-button", "udp-grid-loader", "udp-selector", "udp-skeleton-loading", "unity-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "advanced-search-grouped":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, AdvancedSearchGrouped);
-            }
-            break;
-        case "custom-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$d();
-            }
-            break;
-        case "search-list-item":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$c();
-            }
-            break;
-        case "status-chip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$b();
-            }
-            break;
-        case "stencil-icon-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$a();
-            }
-            break;
-        case "text-field":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$9();
-            }
-            break;
-        case "tree-list-item":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            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-function-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "udp-grid-loader":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "udp-selector":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "udp-skeleton-loading":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "unity-typography":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { AdvancedSearchGrouped as A, defineCustomElement as d };
-//# sourceMappingURL=advanced-search-grouped2.js.map
-
-//# sourceMappingURL=advanced-search-grouped2.js.map
+import{p as e,H as t,c as s,f as i,h as a,t as r}from"./index2.js";import o from"@carbon/icons/es/close/24";import{v4 as l}from"uuid";import{s as d}from"./catalog-store.js";import{u as n}from"./conversionFunctions.js";import{d as c}from"./custom-button2.js";import{d as h}from"./search-list-item2.js";import{d as p}from"./status-chip2.js";import{d as u}from"./stencil-icon-button2.js";import{d as f}from"./text-field2.js";import{d as m}from"./tree-list-item2.js";import{d as b}from"./udp-ambient-tool-tip2.js";import{d as g}from"./udp-badge2.js";import{d as y}from"./udp-function-button2.js";import{d as v}from"./udp-grid-loader2.js";import{d as k}from"./udp-selector2.js";import{d as x}from"./udp-skeleton-loading2.js";import{d as j}from"./unity-typography2.js";const O=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.advancedSearchItemChange=s(this,"advancedSearchItemChange"),this.searchItemChanged=s(this,"searchItemChanged"),this.searchOperatorChanged=s(this,"searchOperatorChanged"),this.filterList=[],this.filterRenderList=[],this.nestedData=new Map,this.searchObject=[],this.tempNestedData=new Map,this.testData=[],this.showChildren=!1,this.filterGroups=[],this.filterObjectsWithGroups=[],this.disableFilterSelection=!0,this.sharedId="",this.filters=[],this.recentSearchesOptions=[],this.handleReferenceClick=async(e,t,s,i,a,r)=>{if(console.log("Clicked reference:",e,"Name:",t,"Parent Reference:",s,"parentFilter",i,"parent reference click test",a,r),d.isLoadingCatalogData||null===d.catalogData)console.log("Catalog data is not ready yet.");else try{console.log("state.catalogData",d.catalogData);const s=await n(d.catalogData,e,!0,!0,t,i,a);console.log("extendedSearchFilterList",s),Array.isArray(s)?this.updateNestedData(s):console.error("Extended search filter list is not an array"),console.log("Updated nestedData:",Array.from(this.nestedData.entries()))}catch(e){console.error("Error fetching filters:",e)}},this.updateNestedData=e=>{if(!Array.isArray(e)||0===e.length)return void console.error("Invalid or empty children data provided for updateNestedData");console.log("children in updatedNest",e);const t=e[0].extendedProperties.parent,s=n(d.catalogData,e[0].extendedProperties.fromFilter,!0,!0,name,"","");console.log("testParentArray",s),s&&s.forEach((i=>{i.name===t?(i.referenceNode=e,console.log("add referenceNode array",e,s)):i.reference&&i.referenceNode&&this.updateNestedDataRecursively(i.referenceNode,e,t)}));const a=(e,t,s)=>e.map((e=>{if(e.name===s){const s=t.filter((t=>!((e,t)=>e.some((e=>e.name===t.name)))(e.referenceNode||[],t)));return Object.assign(Object.assign({},e),{referenceNode:[...e.referenceNode||[],...s]})}return e.referenceNode?Object.assign(Object.assign({},e),{referenceNode:a(e.referenceNode,t,s)}):e}));this.testData=a(this.testData,e,t),console.log("Updated testData",this.testData),i(this)},this.updateNestedDataRecursively=(e,t,s)=>{e.forEach((e=>{e.name===s?e.referenceNode=t:e.referenceNode&&this.updateNestedDataRecursively(e.referenceNode,t,s)}))},this.onTreeListItemClick=e=>{const t=e.detail;console.log("Tree list item clicked in grouped:",t),t.searchField=t.parentName&&t.parentPath?`${t.parentPath}.${t.parentName}.${t.searchField}`:t.parentName?`${t.parentName}.${t.searchField}`:`${t.searchField}`,t.searchField=t.searchField.split(".").map((e=>e.charAt(0).toUpperCase()+e.slice(1))).join("."),this.handleItemClick(t),this.disableFilterSelection=!0},this.currentLogicalOperator="AND"}componentWillLoad(){}filterListWatcher(e,t){e!==t&&(this.testData=e)}filterObjectsWithGroupsChanged(e,t){}updateFilterWithUserData(e,t){const s=this.filters.map((s=>s.id===e?Object.assign(Object.assign({},s),t):s));this.filters=s}updateGroupLogicalOperator(e,t){const s=(e,t,i)=>{for(const a of e){if(a.id===t)return a.logicalOperator=i,!0;if(a.children&&s(a.children,t,i))return!0}return!1};s(this.filterObjectsWithGroups,e,t)&&(this.filterObjectsWithGroups=[...this.filterObjectsWithGroups])}handleSearchItemChange(e){const{searchOperator:t,searchValue:s,filterGroupId:i,id:a}=e.detail,r=this.findGroupById(this.filterObjectsWithGroups,i);if(r){const e=r.filters.find((e=>e.id===a));e&&(e.searchOperator=t,e.searchValue=s,this.filterObjectsWithGroups=[...this.filterObjectsWithGroups])}this.searchItemChanged.emit(e.detail)}handleOperatorSelected(e,t){const s=this.getLogicalOperatorValue(e.detail.value);this.updateLogicalOperator(t,s),this.searchOperatorChanged.emit()}renderFilterGroup(e,t=0){const s="root"===e.id,i="default"===e.id,r={"padding-left":20*t+"px"},l=this.getLogicalOperatorCode(e.logicalOperator).toString(),d=a("udp-selector",{options:[{value:"1",label:"AND"},{value:"2",label:"OR"}],onChange:t=>this.handleOperatorSelected(t,e.filterGroupId),initialValue:l,disabled:s||i}),n=!s&&!i&&a("stencil-icon-button",{icon:o,onClick:()=>this.handleGroupDelete(e.filterGroupId)}),c=!s&&a("div",{class:"search-input-list"},e.filters.map(((e,t)=>{var s;return a("search-list-item",{key:`${e.id}-${t}`,isDefault:i,id:e.id,filterGroupId:e.filterGroupId,label:null!==(s=null==e?void 0:e.searchLabel)&&void 0!==s?s:e.searchField,fieldName:e.searchField,handleDelete:()=>this.handleDelete(e),name:e.searchValue,operator:e.searchOperator,onSearchItemChanged:e=>this.handleSearchItemChange(e),isInitialSearchItem:e.isInitialFilterElement})}))),h=!i&&a("div",{style:{display:"flex",gap:"8px",marginTop:"8px"}},!s&&a("custom-button",{variant:"outline",onClick:()=>this.addFilter(e.id,e.filterGroupId)},"+ Field"),a("custom-button",{variant:"outline",onClick:()=>this.handleAddNewGroup(s?"root":e.id,this.currentLogicalOperator)},"+ Group")),p=a("div",{class:"nested-groups"},(e.children||[]).map((e=>this.renderFilterGroup(e,t+1))));return a("div",{class:!s&&"filter-group",style:r},i&&0===e.filters.length?null:a("div",{style:{marginBottom:"16px"}},a("div",{style:{display:"flex",gap:"8px"}},d,n)),c,h,p)}addFilter(e,t){console.log("Adding filter..."),this.disableFilterSelection=!1,this.handleAddNewFilter&&this.handleAddNewFilter(t);const s={id:l(),groupId:e,filterGroupId:t,searchField:"",searchOperator:"=",searchValue:""};this.filters=[...this.filters,s]}render(){const e=Array.isArray(this.testData)?this.testData:[];return a("div",{key:"1d8d31637f4bff92f39d3fafddbcadc483b05b4a",class:"container"},a("div",{key:"3f35b059f1942e509871b617d7c76b6d11a7ae20",class:"left-column"},null!==this.selectRecentSearch&&null!==this.fullClearSearch&&a("div",{key:"07565a0d936a333ee8d1b6988ad603ef1442118d",class:"recent-searches"},"Recent Searches",a("div",{key:"d1f55b937654dd403cc01aebcb5e4467b95b26a5",style:{display:"flex",alignItems:"center"}},a("udp-selector",{key:"84d76292d5bed0273ea0625e25bd191dbf4a7ce7",options:this.recentSearchesOptions,onChange:e=>this.selectRecentSearch(e),style:{marginRight:"10px"}}),a("udp-function-button",{key:"ba4158888de93d98f75c9323bbccdc2801df4dd1",delete:!0,onClick:this.fullClearSearch}))),!e.length&&a("div",{key:"c372142871a8a4ab122ee92b1927003cdeb62887",style:{marginRight:"8px"}},a("udp-grid-loader",{key:"6469fa2ce8230c4542c452eea98ebd948ef0c0ff",width:"362px","num-columns":"1","num-rows":"20"})),a("div",{key:"9a66fd98df829c4896be3ede68252b07825a8277"},e.map(((e,t)=>{var s;return a("tree-list-item",{add:!0,showAdd:!0,key:`${e.name}-${t}`,level:0,label:this.getHeaderFieldLabel(e.name),fieldName:e.name,reference:e.reference,parentName:"",parentFilter:e.extendedProperties.parentFilter,parentPath:"filter.extendedProperties.parentPath",parent:null===(s=e.extendedProperties)||void 0===s?void 0:s.parent,nestedItems:e.referenceNode,"onReference-clicked":e=>this.handleReferenceClick(e.detail.reference,e.detail.name,e.detail.parentReference,e.detail.parentFilter,e.detail.parent,e.detail.parentPath),onItemClick:this.onTreeListItemClick})})))),a("div",{key:"0bfe019eb27dfdaa509c2556d114373cfd00c2c5",class:"right-column"},this.filterObjectsWithGroups.map((e=>this.renderFilterGroup(e)))),this.disableFilterSelection&&a("div",{key:"bd69af7520cf0e0e300f13eb2256269f8229ed0c",style:{width:"411px",height:"100vh",background:"white",position:"absolute",zIndex:"9",top:"45px",left:"px",opacity:"0.7"}}))}get el(){return this}static get watchers(){return{filterList:[{filterListWatcher:0}],filterObjectsWithGroups:[{filterObjectsWithGroupsChanged:0}]}}static get style(){return':host{display:block;height:100%}.container{display:flex;height:100vh}.left-column{flex:1;background-color:white;height:90vh;overflow:scroll;padding:8px}.right-column{flex:2;margin-left:16px;padding:16px;height:90vh;overflow:scroll}.filter-group[data-level="0"]{padding-left:0}.filter-group[data-level="1"]{padding-left:20px}.filter-group[data-level="2"]{padding-left:40px}.filter-group{margin-top:24px;border-left:1px solid #bababa}.search-input-list{height:100%;max-height:70vh;overflow:auto}.recent-searches{min-width:300px;margin-bottom:10px}'}},[1,"advanced-search-grouped",{filterList:[16],filterRenderList:[16],fetchFilters:[16],handleItemClick:[16],handleDelete:[16],handleGroupDelete:[16],findGroupById:[16],handleValueChanged:[16],filterObjectsWithGroups:[16],searchData:[8,"search-data"],updateLogicalOperator:[16],handleAddNewFilter:[16],handleAddNewGroup:[16],recentSearchesOptions:[16],selectRecentSearch:[16],fullClearSearch:[16],getLogicalOperatorCode:[16],getLogicalOperatorValue:[16],getHeaderFieldLabel:[16],nestedData:[32],searchObject:[32],tempNestedData:[32],testData:[32],showChildren:[32],filterGroups:[32],disableFilterSelection:[32],sharedId:[32],filters:[32]},void 0,{filterList:[{filterListWatcher:0}],filterObjectsWithGroups:[{filterObjectsWithGroupsChanged:0}]}]);function C(){"undefined"!=typeof customElements&&["advanced-search-grouped","custom-button","search-list-item","status-chip","stencil-icon-button","text-field","tree-list-item","udp-ambient-tool-tip","udp-badge","udp-function-button","udp-grid-loader","udp-selector","udp-skeleton-loading","unity-typography"].forEach((e=>{switch(e){case"advanced-search-grouped":customElements.get(r(e))||customElements.define(r(e),O);break;case"custom-button":customElements.get(r(e))||c();break;case"search-list-item":customElements.get(r(e))||h();break;case"status-chip":customElements.get(r(e))||p();break;case"stencil-icon-button":customElements.get(r(e))||u();break;case"text-field":customElements.get(r(e))||f();break;case"tree-list-item":customElements.get(r(e))||m();break;case"udp-ambient-tool-tip":customElements.get(r(e))||b();break;case"udp-badge":customElements.get(r(e))||g();break;case"udp-function-button":customElements.get(r(e))||y();break;case"udp-grid-loader":customElements.get(r(e))||v();break;case"udp-selector":customElements.get(r(e))||k();break;case"udp-skeleton-loading":customElements.get(r(e))||x();break;case"unity-typography":customElements.get(r(e))||j()}}))}export{O as A,C as d}

package/dist/components/advanced-search.js

@@ -1,9 +1 @@
-import { A as AdvancedSearch$1, d as defineCustomElement$1 } from './advanced-search2.js';
-
-const AdvancedSearch = AdvancedSearch$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { AdvancedSearch, defineCustomElement };
-//# sourceMappingURL=advanced-search.js.map
-
-//# sourceMappingURL=advanced-search.js.map
+import{A as a,d as s}from"./advanced-search2.js";const o=a,r=s;export{o as AdvancedSearch,r as defineCustomElement}