udp-stencil-component-library 25.18.1-beta.8 → 25.18.1-beta.9

package/dist/cjs/filter-conditions.search-list-item.tree-list-item.udp-column-header.udp-grid-loader.udp-page-header.udp-radio-button.entry.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-conditions.search-list-item.tree-list-item.udp-column-header.udp-grid-loader.udp-page-header.udp-radio-button.entry.cjs.js","sources":["src/components/my-component/UI/advanced-search/filter-conditions/filter-conditions.css?tag=filter-conditions&encapsulation=shadow","src/components/my-component/UI/advanced-search/filter-conditions/filter-conditions.tsx","src/components/my-component/UI/data-display/tree/tree-list-item/search-item/search-list-item.css?tag=search-list-item&encapsulation=shadow","src/components/my-component/UI/data-display/tree/tree-list-item/search-item/search-list-item.tsx","src/components/my-component/UI/data-display/tree/tree-list-item/tree-list-item.css?tag=tree-list-item&encapsulation=shadow","src/components/my-component/UI/data-display/tree/tree-list-item/tree-list-item.tsx","src/components/my-component/UI/data-display/headers/udp-column-header.css?tag=udp-column-header&encapsulation=shadow","src/components/my-component/UI/data-display/headers/udp-column-header.tsx","src/components/my-component/UI/loaders/udp-grid-loader/udp-grid-loader.css?tag=udp-grid-loader&encapsulation=shadow","src/components/my-component/UI/loaders/udp-grid-loader/udp-grid-loader.tsx","src/components/my-component/UI/data-display/headers/udp-page-header/udp-page-header.css?tag=udp-page-header&encapsulation=shadow","src/components/my-component/UI/data-display/headers/udp-page-header/udp-page-header.tsx","src/components/my-component/UI/buttons/icon-button/radio-button/udp-radio-button.css?tag=udp-radio-button","src/components/my-component/UI/buttons/icon-button/radio-button/udp-radio-button.tsx"],"sourcesContent":["","import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'filter-conditions',\n  styleUrl: 'filter-conditions.css',\n  shadow: true,\n})\nexport class AdvancedSearch {\n  render() {\n    return (\n      <div class=\"container\">\n        <udp-column-header></udp-column-header>\n      </div>\n    );\n  }\n}\n",".list-item {\n    display: flex;\n    gap: 8px;\n    align-items: center;\n    background-color: white;\n    border-bottom: 1px solid rgba(0,0,0,.12);\n}\n.list-body {\n    display: flex;\n    padding-left: 16px;\n    gap: 8px;\n    align-items: center;\n    flex: 1;\n}\n\n.input {\n    margin-top: 5.5px;\n}\n\n\n.list-inputs {\n    display: flex;\n    flex: 1;\n    gap: 24px;\n    align-items: center;\n}\n\n.close-button {\n    display: flex;\n    align-items: center;\n}\n\n.name {\n    min-width: 215px;\n    white-space: nowrap;      \n    overflow: hidden;        \n    text-overflow: ellipsis;  \n    max-width: 215px;  \n}\n\n.select-container {\n    width: \"200px\";\n}","import { Component, Prop, State, Watch, Event, EventEmitter, h, Element } from '@stencil/core';\nimport Close24 from '@carbon/icons/es/close/24';\n\n@Component({\n  tag: 'search-list-item',\n  styleUrl: 'search-list-item.css',\n  shadow: true,\n})\nexport class SearchListItem {\n  @Element() el: HTMLElement;\n\n  @Prop() id: string;\n  @Prop() isDefault: boolean = false;\n  @Prop() filterGroupId: string;\n  @Prop() label: string;\n  @Prop() fieldName: string; // Prop to receive the field name\n  @Prop() name: string;\n  @Prop() handleDelete: (event: MouseEvent) => void;\n  @Prop() operator: string; // Prop to receive the current operator\n  @Prop() isInitialSearchItem: boolean | undefined | null;\n\n  @State() searchOperator: string = '='; // Default value\n\n  @Event({ bubbles: true, composed: true }) searchItemChanged: EventEmitter;\n\n  @Watch('operator')\n  operatorChanged(newValue: string) {\n    if (newValue !== this.searchOperator && newValue !== null) {\n      this.searchOperator = newValue;\n      console.log('Operator changed:', newValue);\n    }\n  }\n\n  componentWillUpdate() {\n    if (this.operator && this.operator.length > 0) {\n      this.searchOperator = this.operator; // Manually sync inside lifecycle if @Watch doesn't catch\n    }\n  }\n\n  conponentDidLoad() {\n    console.log('Component did load:', this.operator);\n  }\n\n  handleOperatorSelected(event: CustomEvent) {\n    console.log('event.detail', event.detail.value);\n    // const newOperator = newOperator;\n    this.searchOperator = event.detail.value;\n    this.emitChange(); // Emit the change to ensure it is captured\n  }\n\n  emitChange(newValue = this.name) {\n    // Ensure the operator is passed as a string, not an object\n    this.searchItemChanged.emit({\n      id: this.id,\n      searchField: this.label,\n      filterGroupId: this.filterGroupId,\n      searchOperator: this.searchOperator || '=', // Ensure default to '=' if undefined\n      searchValue: newValue,\n    });\n  }\n\n  handleInputBlur = (event: Event) => {\n    const inputElement = event.target as HTMLInputElement;\n    const inputVal = inputElement.value;\n\n    if (inputVal !== this.name) {\n      this.searchItemChanged.emit({\n        id: this.id,\n        searchField: this.label,\n        filterGroupId: this.filterGroupId,\n        searchOperator: this.searchOperator,\n        searchValue: inputVal,\n      });\n    }\n  }\n\n  private selectorOptions = [\n    {\n      value: '=',\n      label: 'Equals',\n    },\n    {\n      value: 'IN',\n      label: 'Contains',\n    },\n    {\n      value: '<>',\n      label: 'Does not Equal',\n    },\n    {\n      value: '>',\n      label: 'Greater Than',\n    },\n    {\n      value: '<',\n      label: 'Less Than',\n    },\n    {\n      value: '>=',\n      label: 'Greater Than or Equal To',\n    },\n    {\n      value: '<=',\n      label: 'Less Than or Equal To',\n    },\n    {\n      value: 'LIKE',\n      label: 'Like',\n    },\n    {\n      value: 'STARTSWITH',\n      label: 'Starts With',\n    },\n    {\n      value: 'BETWEEN',\n      label: 'Between',\n    },\n  ];\n\n  render() {\n    return (\n      <div class=\"list-item\">\n        <div class=\"list-body\">\n          <div class=\"name\">\n            <unity-typography variant=\"button\">{this.label}</unity-typography>\n          </div>\n          <div style={{ width: '200px' }}>\n            <udp-selector\n              key={this.searchOperator}\n              initialValue={this.searchOperator}\n              options={this.selectorOptions}\n              disabled={this.isInitialSearchItem || this.isDefault}\n              onChange={(event: CustomEvent) => this.handleOperatorSelected(event)}\n            ></udp-selector>\n          </div>\n          <div class=\"input\">\n            <text-field\n              value={this.name}\n              disabled={this.isInitialSearchItem}\n              onBlur={this.handleInputBlur}\n            ></text-field>\n          </div>\n        </div>\n\n        {(!this.isInitialSearchItem || !this.isDefault) && <stencil-icon-button icon={Close24} onClick={this.handleDelete}></stencil-icon-button>}\n      </div>\n    );\n  }\n}\n",".tree-item {\n  display: flex;\n\n  border-bottom: 1px solid rgba(0,0,0,.12);\n  padding-bottom: 8px;\n  margin-bottom: 6px;\n}\n\n.label {\n  flex: 1;\n  padding-left: 8px;\n}\n\n.arrow-icon {\n  cursor: pointer;\n  font-size: 20px; /* Adjust size as needed */\n}\n\n.tree-item-label {\n  display: flex;\n  /* align-items: center; */\n  justify-content: space-between; /* Aligns children at opposite ends */\n  width: 100%; /* Ensures the container takes the full width */\n  gap: 16px\n}\n\n.tree-label-select {\n  flex: 1;\n  /* align-items: center; */\n  display: flex;\n  /* padding-top: 6px; */\n  padding-right: 8px;\n  align-items: center;\n}\n\n.tree-item {\n  border-bottom: 1px solid rgba(0,0,0,.12);\n  padding-bottom: 8px;\n  margin-bottom: 6px;\n}\n\n.tree-item-label {\n  display: flex; \n  width: 100%;\n  cursor: pointer;\n}\n\n.nested-list {\n  margin-left: 20px; \n}\n\n.label-icon-container {\n  display: flex;\n  align-items: center; \n  border-bottom: 1px solid rgba(0,0,0,.12);\n  padding: 4px;\n}\n\n/* .tree-label-select {\n \n} */\n\n\n[level=\"1\"] .nested-list { margin-left: 10px; }\n[level=\"2\"] .nested-list { margin-left: 20px; }\n[level=\"3\"] .nested-list { margin-left: 30px; }\n[level=\"4\"] .nested-list { margin-left: 40px; }\n[level=\"5\"] .nested-list { margin-left: 50px; }\n[level=\"6\"] .nested-list { margin-left: 60px; }\n","import { Component, Prop, Event, EventEmitter, h, State, Watch, forceUpdate } from '@stencil/core';\n\n@Component({\n  tag: 'tree-list-item',\n  styleUrl: 'tree-list-item.css',\n  shadow: true,\n})\nexport class TreeListItem {\n  @Prop() label: string;\n  @Prop() fieldName: string;\n  @Prop() reference: string | null;\n  @Prop() nestedItems?: any[];\n  @State() showNested: boolean = false;\n  @Prop() level: number = 0;\n  @Event() itemClick: EventEmitter<{ searchLabel: string; searchField: string; searchOperator: string; searchValue: string; parentName?: string; parentPath?: string }>;\n  @Prop() parentFilter: any;\n  @Prop() parentPath: string;\n  @Prop() parentName: string = 'defaultParentName';\n  @State() showChildren: boolean = false;\n  @State() updateTrigger: boolean = false;\n  @Prop() customAttribute: string; // New property added\n  @Prop() test: string; // New property added\n  @Prop() parent: string; // New property added\n  @Prop() dataOne: string; // New property added\n  @Prop() dataTwo: string; // New property added\n  @Prop() statusKey: string;\n  @Prop() statusClasses: { [key: string]: string };\n  @Prop() statusLabel: string;\n  @Prop() statusValue: boolean;\n  @Prop() showViewOption: boolean = false;\n  @Prop() showDeleteOption: boolean = false;\n  @Prop() showEditOption: boolean = false;\n  @Prop() showUpdateDefaultOption: boolean = false;\n  @Prop() showAdd: boolean = true;\n  @Prop() viewHandler: (event: MouseEvent) => void;\n  @Prop() deleteHandler: (event: MouseEvent) => void;\n  @Prop() editHandler: (event: MouseEvent) => void;\n  @Prop() updateDefaultHandler: (event: MouseEvent) => void;\n  @Prop() isDefault: boolean = false;\n  @Prop() add: boolean = false;\n  @Prop() gridViewVisibilityTypeId: number;\n\n  @Watch('nestedItems')\n  nestedItemsChanged(newValue: any[], oldValue: any[]) {\n    if (newValue !== oldValue) {\n      console.log('Nested items have changed');\n      // Perform necessary actions or state updates based on the new value\n      forceUpdate(this);\n    }\n  }\n\n  @Event({\n    eventName: 'reference-clicked',\n    bubbles: true,\n    composed: true,\n    cancelable: true,\n  })\n  referenceClicked: EventEmitter<{ reference: string; name: string; parentReference?: string; parentFilter?: string; parent?: string; parentPath?: string }>;\n\n  private handleButtonClick = (event: MouseEvent) => {\n    this.showChildren = !this.showChildren;\n    event.stopPropagation();\n    if (this.reference) {\n      this.showNested = !this.showNested;\n      this.updateTrigger = !this.updateTrigger;\n      this.referenceClicked.emit({\n        reference: this.reference,\n        name: this.fieldName,\n        parentReference: this.parentName,\n        parentFilter: this.parentFilter,\n        parent: this.parent,\n        parentPath: this.parentPath,\n      });\n      forceUpdate(this);\n    }\n  };\n\n  private onSelfClick = () => {\n    if (!this.reference) {\n      this.itemClick.emit({\n        searchLabel: this.label ?? this.fieldName,\n        searchField: this.fieldName,\n        searchOperator: '',\n        searchValue: '',\n        parentName: this.parentName,\n        parentPath: this.parentPath,\n      });\n    } else {\n      // Handle the case for items with children\n    }\n  };\n\n  // private someOtherHandler = (event: MouseEvent) => {\n  //   event.stopPropagation();\n  //   console.log('someOtherHandler called');\n  // }\n\n  private handleViewClick = (event: MouseEvent) => {\n    event.stopPropagation();\n    if (this.viewHandler) {\n      this.viewHandler(event);\n    }\n  };\n\n  private handleDeleteClick = (event: MouseEvent) => {\n    event.stopPropagation();\n    if (this.deleteHandler) {\n      this.deleteHandler(event);\n    }\n  };\n\n  private handleEditClick = (event: MouseEvent) => {\n    event.stopPropagation();\n    if (this.editHandler) {\n      this.editHandler(event);\n    }\n  };\n\n  private handleUpdateDefaultClick = (event: MouseEvent) => {\n    event.stopPropagation();\n    if (this.updateDefaultHandler) {\n      this.updateDefaultHandler(event);\n    }\n  };\n\n  render() {\n    const indentationStyle = { marginLeft: `${this.level * 20}px` };\n\n    // Recursive function to render nested items\n    const renderNestedItems = (nestedItems, currentLevel) => {\n      return nestedItems.map((item, index) => (\n        <tree-list-item\n          key={`${item.name}-${currentLevel}-${index}`}\n          label={item.name}\n          reference={item.reference}\n          nestedItems={item.referenceNode} // Pass the nested items for further recursion\n          level={currentLevel + 1} // Increment the level for each nested item\n          parentName={this.fieldName}\n          parentFilter={item.extendedProperties?.parentFilter}\n          parent={item.extendedProperties?.parent}\n          parentPath={item.extendedProperties?.parentPath}\n          onReference-clicked={(event: CustomEvent<{ reference: string; name: string; parentReference?: string; parentFilter?: string; parent?: string; parentPath?: string }>) => {\n            event.stopPropagation();\n            // Emitting referenceClicked event with detailed payload\n            this.referenceClicked.emit({\n              reference: event.detail.reference,\n              name: event.detail.name,\n              parentReference: this.fieldName,\n              parentFilter: event.detail.parentFilter,\n              parent: event.detail.parent,\n              parentPath: event.detail.parentPath,\n            });\n          }}\n        />\n      ));\n    };\n\n    return (\n      <div class=\"tree-list-item\" style={indentationStyle}>\n        <div class=\"label-icon-container\" onClick={this.onSelfClick}>\n          <div class=\"tree-label-select\">\n            <unity-typography variant=\"data-display-three\">{this.label}</unity-typography>\n          </div>\n          {/* Conditionally rendered buttons alongside the label */}\n          {this.gridViewVisibilityTypeId && (\n            <status-chip statusClasses={{ Private: 'error', Public: 'success' }} statusValue={this.gridViewVisibilityTypeId === 1 ? 'Private' : 'Public'}>\n              {this.gridViewVisibilityTypeId === 1 ? 'Private' : 'Public'}\n            </status-chip>\n          )}\n          {this.showEditOption && (\n            <udp-function-button edit onClick={this.handleEditClick}>\n              Edit\n            </udp-function-button>\n          )}\n          {this.showDeleteOption && (\n            <udp-function-button delete onClick={this.handleDeleteClick}>\n              Delete\n            </udp-function-button>\n          )}\n          {this.showUpdateDefaultOption && (\n            <udp-function-button isDefault={this.isDefault} onClick={this.handleUpdateDefaultClick}>\n              Make Default\n            </udp-function-button>\n          )}\n          {this.showViewOption && (\n            <udp-function-button view onClick={this.handleViewClick}>\n              Other Action\n            </udp-function-button>\n          )}\n          {this.reference ? (\n            <udp-function-button expand={true} noBackground onClick={this.handleButtonClick}>\n              Details\n            </udp-function-button>\n          ) : (\n            this.showAdd && <udp-function-button add={true}></udp-function-button>\n          )}\n        </div>\n        {this.showNested && this.nestedItems && <div class=\"nested-list\">{renderNestedItems(this.nestedItems, this.level)}</div>}\n      </div>\n    );\n  }\n}\n",".header-container {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 8px;\n    border-bottom: 1px solid #ccc;\n    background-color: var(--accent-color-two);\n    color: white;\n    \n  }\n  \n  .column, .operator, .criteria {\n    flex: 1;\n    text-align: left;\n    padding: 4px;\n  }\n  ","import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'udp-column-header',\n  styleUrl: 'udp-column-header.css',\n  shadow: true\n})\nexport class UdpColumnHeader {\n  render() {\n    return (\n      <div class=\"header-container\">\n        <div class=\"column\"> <unity-typography variant=\"button\" >Column  </unity-typography>   </div>\n        <div class=\"operator\"><unity-typography variant=\"button\" >Operator </unity-typography> </div>\n        <div class=\"criteria\"><unity-typography variant=\"button\" >Criteria  </unity-typography>  </div>\n      </div>\n    );\n  }\n}\n",":host {\n    display: block;\n  }\n  \n  .grid-row {\n    display: flex;\n    justify-content: space-between;\n  }\n  \n  udp-skeleton-loading {\n    flex-grow: 1;\n    margin: 2px;\n  }\n  ","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'udp-grid-loader',\n  styleUrl: 'udp-grid-loader.css',\n  shadow: true\n})\nexport class UdpGridLoader {\n  @Prop() numColumns: number = 8;\n  @Prop() numRows: number = 5; // Default number of rows\n  @Prop() width: string = 'calc(100vw - 70px)';\n\n  render() {\n    // Header bar (fatter, divided into columns)\n    const headerBar = (\n      <div class=\"grid-row\">\n        {Array.from({ length: this.numColumns }).map(() => (\n          <udp-skeleton-loading width=\"100%\" height=\"55px\"></udp-skeleton-loading>\n        ))}\n      </div>\n    );\n\n    // Row bars (each divided into columns)\n    const rowBars = Array.from({ length: this.numRows }).map(() => (\n      <div class=\"grid-row\">\n        {Array.from({ length: this.numColumns }).map(() => (\n          <udp-skeleton-loading width=\"100%\" height=\"30px\"></udp-skeleton-loading>\n        ))}\n      </div>\n    ));\n\n    return (\n      <div style={{width: this.width }} >\n        {headerBar}\n        {rowBars}\n      </div>\n    );\n  }\n}\n",".header-container {\n    display: flex;\n    width: 100%;\n    padding: 16px;\n    padding-left: 0px\n}\n\n.title {\n    flex: 1;\n    width: 100%;\n    display: 'none';\n}\n\n.radio-group {\n    display: flex;\n    gap: 16px;\n}","import { Component, h, Event, EventEmitter, State } from '@stencil/core';\n\n@Component({\n  tag: 'udp-page-header',\n  styleUrl: 'udp-page-header.css',\n  shadow: true\n})\nexport class UdpColumnHeader {\n  \n  @Event() valueChanged: EventEmitter;\n  @State() selectedValue: string = '1'; // '1' corresponds to the \"And\" radio button\n\n  radioClicked(value: string) {\n    this.selectedValue = value;\n    this.valueChanged.emit(value);\n  }\n\n  render() {\n    return (\n      <div class=\"header-container\">\n        <div class=\"title\"> \n          <unity-typography variant=\"button\">Filter Conditions </unity-typography>   \n        </div>\n        <div class=\"radio-group\"> \n          <div onClick={() => this.radioClicked('1')}>\n            <udp-radio-button name=\"group1\" value=\"1\" label=\"And\" checked={this.selectedValue === '1'}></udp-radio-button>\n          </div>\n          <div onClick={() => this.radioClicked('2')}>\n            <udp-radio-button name=\"group1\" value=\"2\" label=\"Or\" checked={this.selectedValue === '2'}></udp-radio-button>\n          </div> \n        </div>\n      </div>\n    );\n  }\n}\n",".udp-radio-button {\n    display: inline-flex;\n    align-items: center;\n  }\n  \n  input[type=\"radio\"] {\n    opacity: 0;\n    width: 0;\n    height: 0;\n    margin: 0;\n    z-index: -1;\n    \n  }\n  \n  input[type=\"radio\"] + label {\n    position: relative;\n    padding-left: 20px; /* Space for custom radio */\n    cursor: pointer;\n    font-size: 16px;\n    font-family: 'Roboto', sans-serif;\n  }\n  \n  /* Custom radio button */\n  input[type=\"radio\"] + label:before {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 17px;\n    height: 17px;\n    border: 1px solid #000;\n    border-radius: 50%;\n  }\n  \n  /* Checked state */\n  input[type=\"radio\"]:checked + label:after {\n    content: \"\";\n    position: absolute;\n    left: 4px;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 10px;\n    height: 10px;\n    background-color: #000;\n    border-radius: 50%;\n  }\n  \n  /* Disabled state */\n  input[type=\"radio\"]:disabled + label {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n  ","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'udp-radio-button',\n  styleUrl: 'udp-radio-button.css',\n  shadow: false\n})\nexport class UdpRadioButton {\n  \n  @Prop() name: string;\n  @Prop() value: string;\n  @Prop() checked: boolean = false;\n  @Prop() disabled: boolean = false;\n  @Prop() label: string;\n\n  render() {\n    return (\n      <div class=\"udp-radio-button\">\n        {/* Moved input and label out of shadow root */}\n        <slot>\n          <input \n            type=\"radio\" \n            name={this.name} \n            value={this.value}\n            checked={this.checked}\n            disabled={this.disabled}\n            id={`radio-${this.name}-${this.value}`}\n          />\n          <label htmlFor={`radio-${this.name}-${this.value}`}> <unity-typography variant='caption-text' > {this.label}  </unity-typography> </label>\n        </slot>\n      </div>\n    );\n  }\n}\n"],"names":["h","Close24","forceUpdate","index","UdpColumnHeader"],"mappings":"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"}

package/dist/cjs/filter-conditions_7.cjs.entry.js

@@ -0,0 +1,309 @@
+'use strict';
+
+var index = require('./index-DrMNAZCL.js');
+var Close24 = require('@carbon/icons/es/close/24');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var Close24__default = /*#__PURE__*/_interopDefault(Close24);
+
+const filterConditionsCss = "";
+
+const AdvancedSearch = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        return (index.h("div", { key: '4154598d43eb91bd15d283ac1acfb43b45b97138', class: "container" }, index.h("udp-column-header", { key: 'd26ae25d06228516b680e2188739eac3ee0e84ec' })));
+    }
+};
+AdvancedSearch.style = filterConditionsCss;
+
+const searchListItemCss = ".list-item{display:flex;gap:8px;align-items:center;background-color:white;border-bottom:1px solid rgba(0,0,0,.12)}.list-body{display:flex;padding-left:16px;gap:8px;align-items:center;flex:1}.input{margin-top:5.5px}.list-inputs{display:flex;flex:1;gap:24px;align-items:center}.close-button{display:flex;align-items:center}.name{min-width:215px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:215px}.select-container{width:\"200px\"}";
+
+const SearchListItem = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.searchItemChanged = index.createEvent(this, "searchItemChanged");
+        this.isDefault = false;
+        this.searchOperator = '='; // Default value
+        this.handleInputBlur = (event) => {
+            const inputElement = event.target;
+            const inputVal = inputElement.value;
+            if (inputVal !== this.name) {
+                this.searchItemChanged.emit({
+                    id: this.id,
+                    searchField: this.label,
+                    filterGroupId: this.filterGroupId,
+                    searchOperator: this.searchOperator,
+                    searchValue: inputVal,
+                });
+            }
+        };
+        this.selectorOptions = [
+            {
+                value: '=',
+                label: 'Equals',
+            },
+            {
+                value: 'IN',
+                label: 'Contains',
+            },
+            {
+                value: '<>',
+                label: 'Does not Equal',
+            },
+            {
+                value: '>',
+                label: 'Greater Than',
+            },
+            {
+                value: '<',
+                label: 'Less Than',
+            },
+            {
+                value: '>=',
+                label: 'Greater Than or Equal To',
+            },
+            {
+                value: '<=',
+                label: 'Less Than or Equal To',
+            },
+            {
+                value: 'LIKE',
+                label: 'Like',
+            },
+            {
+                value: 'STARTSWITH',
+                label: 'Starts With',
+            },
+            {
+                value: 'BETWEEN',
+                label: 'Between',
+            },
+        ];
+    }
+    operatorChanged(newValue) {
+        if (newValue !== this.searchOperator && newValue !== null) {
+            this.searchOperator = newValue;
+            console.log('Operator changed:', newValue);
+        }
+    }
+    componentWillUpdate() {
+        if (this.operator && this.operator.length > 0) {
+            this.searchOperator = this.operator; // Manually sync inside lifecycle if @Watch doesn't catch
+        }
+    }
+    conponentDidLoad() {
+        console.log('Component did load:', this.operator);
+    }
+    handleOperatorSelected(event) {
+        console.log('event.detail', event.detail.value);
+        // const newOperator = newOperator;
+        this.searchOperator = event.detail.value;
+        this.emitChange(); // Emit the change to ensure it is captured
+    }
+    emitChange(newValue = this.name) {
+        // Ensure the operator is passed as a string, not an object
+        this.searchItemChanged.emit({
+            id: this.id,
+            searchField: this.label,
+            filterGroupId: this.filterGroupId,
+            searchOperator: this.searchOperator || '=', // Ensure default to '=' if undefined
+            searchValue: newValue,
+        });
+    }
+    render() {
+        return (index.h("div", { key: '43d134be833007b33ead479827581d24f53a8f81', class: "list-item" }, index.h("div", { key: '0c739d7629a971054f733d795cb85c1cafea1631', class: "list-body" }, index.h("div", { key: 'fb0eaa446a84ea0ab7af88a9fdf5692ca5ee25f6', class: "name" }, index.h("unity-typography", { key: 'db23e171e1f087d37596d3e83c4f8ad350bed1e1', variant: "button" }, this.label)), index.h("div", { key: 'b0eff44281469606359a321cc3343995778e4eaf', style: { width: '200px' } }, index.h("udp-selector", { key: this.searchOperator, initialValue: this.searchOperator, options: this.selectorOptions, disabled: this.isInitialSearchItem || this.isDefault, onChange: (event) => this.handleOperatorSelected(event) })), index.h("div", { key: 'bd78f153b6123e3193cc2e6be7a9716db692411f', class: "input" }, index.h("text-field", { key: 'cc020bf9716481f9775424823d547b06eb09fdc5', value: this.name, disabled: this.isInitialSearchItem, onBlur: this.handleInputBlur }))), (!this.isInitialSearchItem || !this.isDefault) && index.h("stencil-icon-button", { key: '963e6b9ebbf1ff0f8fc0ac7284be882be6d5f05f', icon: Close24__default.default, onClick: this.handleDelete })));
+    }
+    get el() { return index.getElement(this); }
+    static get watchers() { return {
+        "operator": ["operatorChanged"]
+    }; }
+};
+SearchListItem.style = searchListItemCss;
+
+const treeListItemCss = ".tree-item{display:flex;border-bottom:1px solid rgba(0,0,0,.12);padding-bottom:8px;margin-bottom:6px}.label{flex:1;padding-left:8px}.arrow-icon{cursor:pointer;font-size:20px;}.tree-item-label{display:flex;justify-content:space-between;width:100%;gap:16px}.tree-label-select{flex:1;display:flex;padding-right:8px;align-items:center}.tree-item{border-bottom:1px solid rgba(0,0,0,.12);padding-bottom:8px;margin-bottom:6px}.tree-item-label{display:flex;width:100%;cursor:pointer}.nested-list{margin-left:20px}.label-icon-container{display:flex;align-items:center;border-bottom:1px solid rgba(0,0,0,.12);padding:4px}[level=\"1\"] .nested-list{margin-left:10px}[level=\"2\"] .nested-list{margin-left:20px}[level=\"3\"] .nested-list{margin-left:30px}[level=\"4\"] .nested-list{margin-left:40px}[level=\"5\"] .nested-list{margin-left:50px}[level=\"6\"] .nested-list{margin-left:60px}";
+
+const TreeListItem = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.itemClick = index.createEvent(this, "itemClick");
+        this.referenceClicked = index.createEvent(this, "reference-clicked");
+        this.showNested = false;
+        this.level = 0;
+        this.parentName = 'defaultParentName';
+        this.showChildren = false;
+        this.updateTrigger = false;
+        this.showViewOption = false;
+        this.showDeleteOption = false;
+        this.showEditOption = false;
+        this.showUpdateDefaultOption = false;
+        this.showAdd = true;
+        this.isDefault = false;
+        this.add = false;
+        this.handleButtonClick = (event) => {
+            this.showChildren = !this.showChildren;
+            event.stopPropagation();
+            if (this.reference) {
+                this.showNested = !this.showNested;
+                this.updateTrigger = !this.updateTrigger;
+                this.referenceClicked.emit({
+                    reference: this.reference,
+                    name: this.fieldName,
+                    parentReference: this.parentName,
+                    parentFilter: this.parentFilter,
+                    parent: this.parent,
+                    parentPath: this.parentPath,
+                });
+                index.forceUpdate(this);
+            }
+        };
+        this.onSelfClick = () => {
+            var _a;
+            if (!this.reference) {
+                this.itemClick.emit({
+                    searchLabel: (_a = this.label) !== null && _a !== void 0 ? _a : this.fieldName,
+                    searchField: this.fieldName,
+                    searchOperator: '',
+                    searchValue: '',
+                    parentName: this.parentName,
+                    parentPath: this.parentPath,
+                });
+            }
+        };
+        // private someOtherHandler = (event: MouseEvent) => {
+        //   event.stopPropagation();
+        //   console.log('someOtherHandler called');
+        // }
+        this.handleViewClick = (event) => {
+            event.stopPropagation();
+            if (this.viewHandler) {
+                this.viewHandler(event);
+            }
+        };
+        this.handleDeleteClick = (event) => {
+            event.stopPropagation();
+            if (this.deleteHandler) {
+                this.deleteHandler(event);
+            }
+        };
+        this.handleEditClick = (event) => {
+            event.stopPropagation();
+            if (this.editHandler) {
+                this.editHandler(event);
+            }
+        };
+        this.handleUpdateDefaultClick = (event) => {
+            event.stopPropagation();
+            if (this.updateDefaultHandler) {
+                this.updateDefaultHandler(event);
+            }
+        };
+    }
+    nestedItemsChanged(newValue, oldValue) {
+        if (newValue !== oldValue) {
+            console.log('Nested items have changed');
+            // Perform necessary actions or state updates based on the new value
+            index.forceUpdate(this);
+        }
+    }
+    render() {
+        const indentationStyle = { marginLeft: `${this.level * 20}px` };
+        // Recursive function to render nested items
+        const renderNestedItems = (nestedItems, currentLevel) => {
+            return nestedItems.map((item, index$1) => {
+                var _a, _b, _c;
+                return (index.h("tree-list-item", { key: `${item.name}-${currentLevel}-${index$1}`, label: item.name, reference: item.reference, nestedItems: item.referenceNode, level: currentLevel + 1, parentName: this.fieldName, parentFilter: (_a = item.extendedProperties) === null || _a === void 0 ? void 0 : _a.parentFilter, parent: (_b = item.extendedProperties) === null || _b === void 0 ? void 0 : _b.parent, parentPath: (_c = item.extendedProperties) === null || _c === void 0 ? void 0 : _c.parentPath, "onReference-clicked": (event) => {
+                        event.stopPropagation();
+                        // Emitting referenceClicked event with detailed payload
+                        this.referenceClicked.emit({
+                            reference: event.detail.reference,
+                            name: event.detail.name,
+                            parentReference: this.fieldName,
+                            parentFilter: event.detail.parentFilter,
+                            parent: event.detail.parent,
+                            parentPath: event.detail.parentPath,
+                        });
+                    } }));
+            });
+        };
+        return (index.h("div", { class: "tree-list-item", style: indentationStyle }, index.h("div", { class: "label-icon-container", onClick: this.onSelfClick }, index.h("div", { class: "tree-label-select" }, index.h("unity-typography", { variant: "data-display-three" }, this.label)), this.gridViewVisibilityTypeId && (index.h("status-chip", { statusClasses: { Private: 'error', Public: 'success' }, statusValue: this.gridViewVisibilityTypeId === 1 ? 'Private' : 'Public' }, this.gridViewVisibilityTypeId === 1 ? 'Private' : 'Public')), this.showEditOption && (index.h("udp-function-button", { edit: true, onClick: this.handleEditClick }, "Edit")), this.showDeleteOption && (index.h("udp-function-button", { delete: true, onClick: this.handleDeleteClick }, "Delete")), this.showUpdateDefaultOption && (index.h("udp-function-button", { isDefault: this.isDefault, onClick: this.handleUpdateDefaultClick }, "Make Default")), this.showViewOption && (index.h("udp-function-button", { view: true, onClick: this.handleViewClick }, "Other Action")), this.reference ? (index.h("udp-function-button", { expand: true, noBackground: true, onClick: this.handleButtonClick }, "Details")) : (this.showAdd && index.h("udp-function-button", { add: true }))), this.showNested && this.nestedItems && index.h("div", { class: "nested-list" }, renderNestedItems(this.nestedItems, this.level))));
+    }
+    static get watchers() { return {
+        "nestedItems": ["nestedItemsChanged"]
+    }; }
+};
+TreeListItem.style = treeListItemCss;
+
+const udpColumnHeaderCss = ".header-container{display:flex;justify-content:space-between;align-items:center;padding:8px;border-bottom:1px solid #ccc;background-color:var(--accent-color-two);color:white}.column,.operator,.criteria{flex:1;text-align:left;padding:4px}";
+
+const UdpColumnHeader$1 = class UdpColumnHeader {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        return (index.h("div", { key: 'f73026207814446ad4c6e3f5aa77587bc69a4a32', class: "header-container" }, index.h("div", { key: 'f64319195ee85adf92549535ff1b5a435e41295b', class: "column" }, " ", index.h("unity-typography", { key: 'f4ab97e52690c14fe0660a191384b443b2a7fd04', variant: "button" }, "Column  "), "   "), index.h("div", { key: 'fae9e7e517b7c6f572dc15e314bce871d132a240', class: "operator" }, index.h("unity-typography", { key: '9e726d348bb6cb54a604c622c8b538adc3a07b3f', variant: "button" }, "Operator "), " "), index.h("div", { key: 'a557a3c302d32883be12640b02085f49a222dfde', class: "criteria" }, index.h("unity-typography", { key: '28c4a1a9b9d08c6027444c8647273cfa9cb76371', variant: "button" }, "Criteria  "), "  ")));
+    }
+};
+UdpColumnHeader$1.style = udpColumnHeaderCss;
+
+const udpGridLoaderCss = ":host{display:block}.grid-row{display:flex;justify-content:space-between}udp-skeleton-loading{flex-grow:1;margin:2px}";
+
+const UdpGridLoader = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.numColumns = 8;
+        this.numRows = 5; // Default number of rows
+        this.width = 'calc(100vw - 70px)';
+    }
+    render() {
+        // Header bar (fatter, divided into columns)
+        const headerBar = (index.h("div", { key: '7f480caf43f6b7d29bf72f8b4434377ea1126803', class: "grid-row" }, Array.from({ length: this.numColumns }).map(() => (index.h("udp-skeleton-loading", { width: "100%", height: "55px" })))));
+        // Row bars (each divided into columns)
+        const rowBars = Array.from({ length: this.numRows }).map(() => (index.h("div", { class: "grid-row" }, Array.from({ length: this.numColumns }).map(() => (index.h("udp-skeleton-loading", { width: "100%", height: "30px" }))))));
+        return (index.h("div", { key: '2dc5f213f0da7e7ff61cc1bd177769f3e6d58cef', style: { width: this.width } }, headerBar, rowBars));
+    }
+};
+UdpGridLoader.style = udpGridLoaderCss;
+
+const udpPageHeaderCss = ".header-container{display:flex;width:100%;padding:16px;padding-left:0px}.title{flex:1;width:100%;display:'none'}.radio-group{display:flex;gap:16px}";
+
+const UdpColumnHeader = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.valueChanged = index.createEvent(this, "valueChanged");
+        this.selectedValue = '1'; // '1' corresponds to the "And" radio button
+    }
+    radioClicked(value) {
+        this.selectedValue = value;
+        this.valueChanged.emit(value);
+    }
+    render() {
+        return (index.h("div", { key: 'ac5b39592ebd163ccc5b8c7ddb983a277115e9d9', class: "header-container" }, index.h("div", { key: '2a619102d28e718ffe0a5006ea97879f1af5b151', class: "title" }, index.h("unity-typography", { key: 'ad9ad7479e21c3ad55eb4cdf5e2f44a32ee948fb', variant: "button" }, "Filter Conditions ")), index.h("div", { key: '3cb33cb74190cbee0a958ee612e14a28d68072fc', class: "radio-group" }, index.h("div", { key: '3393b068dbc7aa349a85b4355540c4f046dfa6a0', onClick: () => this.radioClicked('1') }, index.h("udp-radio-button", { key: '3d12495e652f1203d38514d6ae278e5b960bf502', name: "group1", value: "1", label: "And", checked: this.selectedValue === '1' })), index.h("div", { key: '9f767c0b4b022fd6c20db752291edb2c9ad3fdde', onClick: () => this.radioClicked('2') }, index.h("udp-radio-button", { key: '8c854533ba102e72f7b2b6c9ee74cff316eb9ead', name: "group1", value: "2", label: "Or", checked: this.selectedValue === '2' })))));
+    }
+};
+UdpColumnHeader.style = udpPageHeaderCss;
+
+const udpRadioButtonCss = ".udp-radio-button{display:inline-flex;align-items:center}input[type=\"radio\"]{opacity:0;width:0;height:0;margin:0;z-index:-1}input[type=\"radio\"]+label{position:relative;padding-left:20px;cursor:pointer;font-size:16px;font-family:'Roboto', sans-serif}input[type=\"radio\"]+label:before{content:\"\";position:absolute;left:0;top:50%;transform:translateY(-50%);width:17px;height:17px;border:1px solid #000;border-radius:50%}input[type=\"radio\"]:checked+label:after{content:\"\";position:absolute;left:4px;top:50%;transform:translateY(-50%);width:10px;height:10px;background-color:#000;border-radius:50%}input[type=\"radio\"]:disabled+label{opacity:0.5;cursor:not-allowed}";
+
+const UdpRadioButton = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.checked = false;
+        this.disabled = false;
+    }
+    render() {
+        return (index.h("div", { key: '1bf7fc9f24dfff966b384a52b51be3b3afaaa76a', class: "udp-radio-button" }, index.h("slot", { key: 'a04ce2e85cf69868add7dcd1f8d51829e3adbcb5' }, index.h("input", { key: '6062007ab20d41039dde00069e6df1dd22eaff3f', type: "radio", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, id: `radio-${this.name}-${this.value}` }), index.h("label", { key: '448388a4d86306f411e927568d7df3e7e40a16a6', htmlFor: `radio-${this.name}-${this.value}` }, " ", index.h("unity-typography", { key: 'a71401bee9ddc1cf2a306583a13b3cd4a5180c30', variant: 'caption-text' }, " ", this.label, "  "), " "))));
+    }
+};
+UdpRadioButton.style = udpRadioButtonCss;
+
+exports.filter_conditions = AdvancedSearch;
+exports.search_list_item = SearchListItem;
+exports.tree_list_item = TreeListItem;
+exports.udp_column_header = UdpColumnHeader$1;
+exports.udp_grid_loader = UdpGridLoader;
+exports.udp_page_header = UdpColumnHeader;
+exports.udp_radio_button = UdpRadioButton;
+//# sourceMappingURL=filter-conditions.search-list-item.tree-list-item.udp-column-header.udp-grid-loader.udp-page-header.udp-radio-button.entry.cjs.js.map

package/dist/cjs/filter-group.validation-chip.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"filter-group.validation-chip.entry.cjs.js","sources":["src/components/my-component/UI/advanced-search-builder/helperFunctions/fieldRenderer.tsx","src/components/my-component/UI/advanced-search-builder/filter-group.css?tag=filter-group&encapsulation=shadow","src/components/my-component/UI/advanced-search-builder/filter-group.tsx","src/components/my-component/UI/advanced-search-builder/validation-chip.css?tag=validation-chip&encapsulation=shadow","src/components/my-component/UI/advanced-search-builder/validation-chip.tsx"],"sourcesContent":["import { Field } from '../models';\nimport { h } from '@stencil/core';\n\nexport const renderSearchFieldOptions = (\n  fields: Field[],\n  selectedValue: string,\n  level = 0,\n  parentPath = '',\n) => {\n  const options = [];\n\n  fields.forEach(field => {\n    const currentPath = parentPath ? `${parentPath}.${field.name}` : field.name;\n    const isExpandable = field.childFields && field.childFields.length > 0;\n\n    // Add the current field to the list of options\n    options.push(\n      <option\n        value={currentPath}\n        disabled={isExpandable} // Disable parent nodes so they can't be selected\n        selected={selectedValue === currentPath}\n      >\n        {isExpandable ? `+ ${field.name}` : currentPath}\n      </option>,\n    );\n\n    // If there are child fields, recursively render them\n    if (isExpandable) {\n      options.push(\n        ...renderSearchFieldOptions(field.childFields, selectedValue, level + 1, currentPath),\n      );\n    }\n  });\n\n  return options;\n};\n\nexport const renderSearchValueInput = (filter: any, handleValueChange: any, handleBetweenValueChange: any) => {\n  if (filter.searchOperator === 'BETWEEN') {\n    const [value1, value2] = (filter.searchValue || ',').split(',');\n\n    let inputType = filter._type;\n    if (filter._type === 'datetime') {\n      inputType = 'datetime-local';\n    }\n\n    return (\n      <div class=\"value-input between-input-container\">\n        <input\n          type={inputType}\n          step={'1'}\n          value={value1}\n          class=\"between-input\"\n          onInput={e => handleBetweenValueChange(e, filter, 0)}\n        />\n        <span>and</span>\n        <input\n          type={inputType}\n          step={'1'}\n          value={value2}\n          class=\"between-input\"\n          onInput={e => handleBetweenValueChange(e, filter, 1)}\n        />\n      </div>\n    );\n  }\n\n  const isValueHidden = filter.searchOperator === 'NULL' || filter.searchOperator === 'NOTNULL';\n  switch (filter._type) {\n    case 'number':\n      return (\n        <input\n          placeholder=\"Enter a number value...\"\n          type=\"number\"\n          class={{ 'value-input': true, 'is-hidden': isValueHidden }}\n          value={filter.searchValue}\n          onInput={e => handleValueChange(e, filter)}\n        />\n      );\n\n    case 'boolean':\n      return (\n        <select\n          class={{ 'value-input': true, 'is-hidden': isValueHidden }}\n          onChange={e => handleValueChange(e, filter)}\n        >\n          <option value=\"\" disabled selected={!filter.searchValue}></option>\n          <option value=\"true\" selected={filter.searchValue === true}>\n            True\n          </option>\n          <option value=\"false\" selected={filter.searchValue === false}>\n            False\n          </option>\n        </select>\n      );\n\n    case 'date':\n      return (\n        <input\n          type=\"date\"\n          class={{ 'value-input': true, 'is-hidden': isValueHidden }}\n          value={filter.searchValue}\n          onInput={e => handleValueChange(e, filter)}\n        />\n      );\n\n    case 'datetime':\n      return (\n        <input\n          type=\"datetime-local\"\n          step={'1'}\n          class={{ 'value-input': true, 'is-hidden': isValueHidden }}\n          value={filter.searchValue}\n          onInput={e => handleValueChange(e, filter)}\n        />\n      );\n\n    case 'time':\n      return (\n        <input\n          type=\"time\"\n          class={{ 'value-input': true, 'is-hidden': isValueHidden }}\n          value={filter.searchValue}\n          onInput={e => handleValueChange(e, filter)}\n        />\n      );\n\n    case 'guid':\n      return (\n        <input\n          placeholder=\"Enter a GUID value...\"\n          type=\"text\"\n          class={{ 'value-input': true, 'is-hidden': isValueHidden }}\n          value={filter.searchValue}\n          onInput={e => handleValueChange(e, filter)}\n        />\n      );\n    case 'string':\n    default:\n      return (\n        <input\n          placeholder=\"Enter a value...\"\n          type=\"text\"\n          class={{ 'value-input': true, 'is-hidden': isValueHidden }}\n          value={filter.searchValue}\n          onInput={e => handleValueChange(e, filter)}\n        />\n      );\n  }\n};\n",":host {\n  /* Define colors from the screenshot */\n  --color-field: #c8e6c9; /* Light Green */\n  --color-operator: #ffcc80; /* Light Orange */\n  --color-value: #bbdefb; /* Light Blue */\n  --color-text-dark: #333;\n  --color-logical-and: #ef9a9a; /* Light Red/Pink */\n  --color-logical-or: #ffab91;  /* Light Orange/Red */\n  --color-guide-line: #CCC;\n  --indent-size: 30px;\n  --color-row-background: #f5f5f5;\n  --color-row-background-hover: rgba(0, 0, 0, 0.05);\n  --color-error: #ff4d4f;\n  --color-drag-handle: #999;\n}\n\n/* Base container for a group */\n.group-box {\n  position: relative;\n  padding-left: 0;\n}\n\n.root-group {\n  padding-left: 0;\n}\n\n/* Row Styling (for both group headers and filter rows) */\n.group-header,\n.filter-row {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  position: relative;\n  padding-top: 5px;\n  padding-bottom: 5px;\n}\n\n/* --- Indentation and Guide Lines --- */\n\n.group-content {\n  position: relative;\n  padding-left: var(--indent-size);\n}\n\n/* The main vertical line for ANY group */\n.group-content::before {\n  content: '';\n  position: absolute;\n  left: calc(var(--indent-size) / 2);\n  top: 0;\n  /* Adjust bottom to stop it before the end of the container */\n  bottom: 10px;\n  width: 1px;\n  border-left: 1px solid var(--color-guide-line);\n}\n\n/* Horizontal line connecting to a FILTER ROW */\n.group-content > .filter-row::before {\n  content: '';\n  position: absolute;\n  top: 50%;\n  left: -14px;\n  width: 14px;\n  height: 1px;\n  border-bottom: 1px solid var(--color-guide-line);\n}\n\n/* Horizontal line connecting to a nested GROUP HEADER */\n.group-box:not(.root-group) > .group-header::before {\n  content: '';\n  position: absolute;\n  top: 50%;\n  left: -14px; /* Align with the filter row lines */\n  width: 14px;\n  height: 1px;\n  border-bottom: 1px solid var(--color-guide-line);\n}\n\n/* Horizontal line for the \"Add\" button container */\n.group-content > .add-new-container::before {\n  content: '';\n  position: absolute;\n  top: 15px;\n  left: -14px;\n  width: 14px;\n  height: 1px;\n  border-bottom: 1px solid var(--color-guide-line);\n}\n/* --- Pill/Lozenge Styling --- */\n\nselect,\n.value-input {\n  border: none;\n  border-radius: 4px;\n  padding: 6px 10px;\n  color: var(--color-text-dark);\n  font-size: 14px;\n  line-height: 1.4;\n\n  /* --- Add this line --- */\n  height: 32px; /* Sets a consistent height */\n}\n\nselect {\n  /* Blend with the background: remove default grey border */\n  border: 1px solid transparent;\n  cursor: pointer;\n}\n\n.value-input {\n  background-color: var(--color-value);\n  border: 1px solid transparent;\n  cursor: text;\n  --input-background-color: var(--color-value);\n}\n\n/* Optional: You can also style the inputs within the invalid row */\n.is-invalid .value-input {\n  border-color: var(--color-error);\n}\n\n\n/* This rule should now EXCLUDE the 'between' container */\n.is-invalid .value-input:not(.between-input-container) {\n  border-color: var(--color-error);\n}\n\n/* Add this NEW rule to target the individual inputs inside the 'between' container */\n.is-invalid .between-input-container .between-input {\n  border-color: var(--color-error);\n}\n\n/* We can also remove the border from the container itself when invalid */\n.is-invalid .between-input-container {\n  border-color: transparent;\n}\n\n.field-select {\n  /* flex: <grow> <shrink> <basis>; */\n  flex: 1 1 42%;\n  background-color: var(--color-field);\n}\n\n.operator-select {\n  flex: 1 3 16%;\n  background-color: var(--color-operator);\n}\n\n.value-input {\n  flex: 1 1 42%;\n  background-color: var(--color-value);\n}\n\n.logical-op { background-color: var(--color-logical-and); padding-right: 6px;}\n.logical-op.logical-op--or { background-color: var(--color-logical-or); }\n\n/* Drag Handle */\n.drag-handle {\n  font-size: 1.2em;\n  color: var(--color-drag-handle);\n  cursor: grab;\n  position: relative;\n  z-index: 100;\n}\n\n.drag-handle:active {\n  cursor: grabbing;\n}\n\n/* Action Buttons (+/-) */\n.actions {\n  display: flex;\n  gap: 4px;\n  margin-left: auto;\n  margin-right: calc(var(--indent-size) / 2);\n}\n\n.action-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  border: 1px solid #ccc;\n  background-color: #f5f5f5;\n  color: #757575;\n  cursor: pointer;\n  font-size: 16px;\n  line-height: 1;\n}\n\n.action-btn:hover {\n  background-color: #e0e0e0;\n  border-color: #aaa;\n}\n\n/* --- \"Add\" Button and Popup Menu Styles --- */\n\n.add-new-container {\n  position: relative;\n  padding-left: 8px;\n  margin-top: 5px;\n  height: 25px;\n}\n\n.add-new-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  border: 1px solid #ccc;\n  background-color: #f5f5f5;\n  color: #757575;\n  cursor: pointer;\n  font-size: 16px;\n  line-height: 1;\n}\n\n.add-popup {\n  position: absolute;\n  top: 0;\n  left: 35px;\n  background-color: white;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n  z-index: 10;\n  display: flex;\n  flex-direction: column;\n  white-space: nowrap;\n}\n\n.add-popup button {\n  background: none;\n  border: none;\n  padding: 8px 12px;\n  text-align: left;\n  cursor: pointer;\n}\n\n.add-popup button:hover {\n  background-color: #f5f5f5;\n}\n\n/* --- Hover and Drop Target Styles --- */\n\n.filter-row:hover,\n.group-header:hover {\n  background-color: var(--color-row-background-hover);\n}\n\n.group-header.drop-target {\n  background-color: #e6f7ff;\n  border-bottom: 2px solid #1890ff;\n}\n\n.value-input.is-hidden {\n  visibility: hidden;\n}\n\n/* In your filter-group.css file */\n\n/* Style the new container to be a flex row */\n.between-input-container {\n  display: flex;\n  align-items: center;\n  gap: 5px;\n  /* Make the container itself transparent, the inputs inside have color */\n  background-color: transparent;\n  border-color: transparent;\n  padding: 0;\n}\n\n.between-input-container .between-input {\n  /* Common properties for all pills */\n  height: 32px;\n  padding: 6px 10px;\n  /* Remove default grey border for a cleaner look */\n  border: 1px solid transparent;\n  border-radius: 4px;\n  font-size: 14px;\n  color: var(--color-text-dark);\n  box-sizing: border-box;\n  background-color: var(--color-value);\n  width: 100%; /* Each input will take up available space */\n}\n\n/* Accessible, subtle focus without heavy borders */\nselect:focus,\n.value-input:focus,\n.between-input-container .between-input:focus {\n  outline: none; /* Avoid the gap-looking outline */\n  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.12); /* Subtle focus ring */\n}\n\n/* Style the \"and\" text between the inputs */\n.between-input-container span {\n  font-size: 12px;\n  color: #757575;\n}\n","import { Component, h, Prop, Event, EventEmitter, State } from '@stencil/core';\nimport { Field } from './models';\nimport { Search } from '../../../../udp-utilities/interfaces/searchObject';\nimport { getAllowedSearchOperators } from './helperFunctions/udpOperatorHelper';\nimport { renderSearchFieldOptions } from './helperFunctions/fieldRenderer';\nimport { findFieldByPath } from './helperFunctions/udpFieldHelper';\nimport { renderSearchValueInput } from './helperFunctions/fieldRenderer';\nimport { getIconFromName } from '../data-display/icons/iconUtils';\n\n@Component({\n  tag: 'filter-group',\n  styleUrl: 'filter-group.css',\n  shadow: true,\n})\nexport class FilterGroup {\n  @Prop() groupId: number;\n  @Prop() filterData: Search;\n  @Prop() fields: Field[];\n  @Prop() isRoot: boolean = false;\n  @Prop() openAddMenuForGroupId: number | null;\n\n  @State() isAddMenuOpen: boolean = false;\n  private addMenuAnchorEl?: HTMLElement;\n\n  @Event() addFilter: EventEmitter<number>;\n  @Event() addGroup: EventEmitter<number>;\n  @Event() removeFilter: EventEmitter<string>;\n  @Event() removeGroup: EventEmitter<number>;\n  @Event() filterChange: EventEmitter<{\n    filterId: string;\n    field?: string; // Make field optional\n    value?: any; // Make value optional\n    updates?: { [key: string]: any }; // Add the optional updates property\n  }>;\n  @Event() groupChange: EventEmitter<{ groupId: number; logicalSearchOperator: 1 | 2 }>;\n  @Event() dropOnFilter: EventEmitter<{ event: DragEvent; targetFilterId: string }>;\n  @Event() toggleAddMenu: EventEmitter<number>;\n  @Event() dropOnGroup: EventEmitter<{ event: DragEvent; targetGroupId: number }>;\n\n  private handleValueChange = (event: Event, filter: any) => {\n    const target = event.target as HTMLInputElement | HTMLSelectElement;\n    this.filterChange.emit({\n      filterId: filter._id,\n      field: 'searchValue',\n      value: target.value,\n    });\n  };\n\n  private handleBetweenValueChange = (event: Event, filter: any, index: 0 | 1) => {\n    const newValue = (event.target as HTMLInputElement).value;\n    const values = (filter.searchValue || ',').split(',');\n\n    // Update the correct part of the value array\n    values[index] = newValue;\n\n    // Re-join the values into a single string and emit the change\n    this.filterChange.emit({\n      filterId: filter._id,\n      field: 'searchValue',\n      value: values.join(','),\n    });\n  };\n\n  private handleFilterFieldChange(filter: any, event: Event) {\n    const newPath = (event.target as HTMLSelectElement).value;\n    const newField = findFieldByPath(this.fields, newPath);\n    const newAllowedOperators = getAllowedSearchOperators(newField);\n\n    // Determine the new default value based on type\n    let defaultValue: any = '';\n    const newType = (newField?.type || '').toLowerCase();\n    if (newType.includes('bool')) {\n      defaultValue = true;\n    }\n\n    // Emit a single event with all related changes\n    this.filterChange.emit({\n      filterId: filter._id,\n      updates: {\n        searchField: newPath,\n        _type: newField?.type || 'string',\n        searchValue: defaultValue,\n      },\n    });\n\n    // Check if the operator needs a separate reset\n    if (!newAllowedOperators.some(op => op.value === filter.searchOperator)) {\n      this.filterChange.emit({\n        filterId: filter._id,\n        updates: {\n          searchOperator: newAllowedOperators?.[0]?.value || '',\n        },\n      });\n    }\n  }\n\n  render() {\n    const groupInfo = this.filterData.filterGroups.find(g => g.groupId === this.groupId);\n    if (!groupInfo) {\n      return null;\n    }\n\n    // Find all filters and child groups that belong to this specific group\n    const myFilters = this.filterData.filterElements.filter(f => f.groupId === this.groupId);\n    const myChildGroups = this.filterData.filterGroups.filter(\n      g => g.parentGroupId === this.groupId,\n    );\n\n    // Dynamic class for AND/OR coloring\n    const logicalOpClass =\n      groupInfo.logicalSearchOperator === 1 ? 'logical-op--and' : 'logical-op--or';\n\n    return (\n      <div class={{ 'group-box': true, 'root-group': this.isRoot }}>\n        <div\n          class=\"group-header\"\n          onDragOver={(event: DragEvent) => {\n            event.preventDefault();\n            (event.currentTarget as HTMLElement).classList.add('drop-target');\n          }}\n          onDragLeave={(event: DragEvent) => {\n            (event.currentTarget as HTMLElement).classList.remove('drop-target');\n          }}\n          onDrop={(event: DragEvent) => {\n            (event.currentTarget as HTMLElement).classList.remove('drop-target');\n            this.dropOnGroup.emit({ event, targetGroupId: this.groupId });\n          }}\n        >\n          {!this.isRoot ? (\n            <span\n              class=\"drag-handle\"\n              draggable={!this.isRoot} // Make the group header draggable (but not the root)\n              onDragStart={(event: DragEvent) => {\n                const rowElement = (event.currentTarget as HTMLElement).closest('.group-box');\n                if (rowElement) {\n                  const rect = rowElement.getBoundingClientRect();\n                  const offsetX = event.clientX - rect.left;\n                  const offsetY = event.clientY - rect.top;\n\n                  event.dataTransfer.setDragImage(rowElement, offsetX, offsetY);\n                }\n                // Set the type to 'group' and store the groupId\n                event.dataTransfer.setData('application/drag-type', 'group');\n                event.dataTransfer.setData('text/plain', this.groupId.toString());\n                event.dataTransfer.effectAllowed = 'move';\n              }}\n            >\n              ⠿\n            </span>\n          ) : (\n            <div style={{ marginRight: '8px' }}></div>\n          )}\n          <select\n            class={`logical-op ${logicalOpClass}`}\n            onChange={e =>\n              this.groupChange.emit({\n                groupId: this.groupId,\n                logicalSearchOperator: parseInt((e.target as HTMLSelectElement).value) as 1 | 2,\n              })\n            }\n          >\n            <option value=\"1\" selected={groupInfo.logicalSearchOperator === 1}>\n              AND\n            </option>\n            <option value=\"2\" selected={groupInfo.logicalSearchOperator === 2}>\n              OR\n            </option>\n          </select>\n          <div class=\"actions\">\n            {!this.isRoot && (\n              <udp-icon-button\n                icon={getIconFromName('subtract')}\n                variant=\"outlined\"\n                size=\"x-small\"\n                onClick={() => this.removeGroup.emit(this.groupId)}\n              />\n            )}\n          </div>\n        </div>\n\n        <div class=\"group-content\">\n          {myFilters.map(filter => {\n            //Get current selected field if set\n            const selectedFieldObject = findFieldByPath(this.fields, filter.searchField);\n\n            //Get the specific list of operators allowed for that field's type.\n            const allowedOperators = getAllowedSearchOperators(selectedFieldObject);\n\n            return (\n              <div class={{ 'filter-row': true, 'is-invalid': !!filter._error }} key={filter._id}>\n                <span\n                  class=\"drag-handle\"\n                  draggable={true}\n                  onDragStart={(event: DragEvent) => {\n                    const rowElement = (event.currentTarget as HTMLElement).closest('.filter-row');\n                    if (rowElement) {\n                      const rect = rowElement.getBoundingClientRect();\n                      const offsetX = event.clientX - rect.left;\n                      const offsetY = event.clientY - rect.top;\n\n                      event.dataTransfer.setDragImage(rowElement, offsetX, offsetY);\n                    }\n                    event.dataTransfer.setData('application/drag-type', 'filter');\n                    event.dataTransfer.setData('text/plain', filter._id);\n                    event.dataTransfer.effectAllowed = 'move';\n                  }}\n                  onDragOver={(event: DragEvent) => event.preventDefault()}\n                  onDrop={(event: DragEvent) =>\n                    this.dropOnFilter.emit({ event, targetFilterId: filter._id })\n                  }\n                >\n                  ⠿\n                </span>\n\n                {/* Select input for search field */}\n                <select\n                  class=\"field-select\"\n                  onChange={e => this.handleFilterFieldChange(filter, e)}\n                >\n                  <option value=\"\" disabled selected={!filter.searchField}>\n                    Select a field...\n                  </option>\n                  {renderSearchFieldOptions(this.fields, filter.searchField)}\n                </select>\n\n                {/* Select Input for search operator from operator list */}\n                <select\n                  class=\"operator-select\"\n                  onChange={e => {\n                    const newOperator = (e.target as HTMLSelectElement).value;\n\n                    // First, emit the change for the operator itself\n                    this.filterChange.emit({\n                      filterId: filter._id,\n                      field: 'searchOperator',\n                      value: newOperator,\n                    });\n\n                    // If the new operator makes the value field irrelevant, clear it.\n                    if (\n                      newOperator === 'NULL' ||\n                      newOperator === 'NOTNULL' ||\n                      newOperator === 'BETWEEN'\n                    ) {\n                      this.filterChange.emit({\n                        filterId: filter._id,\n                        field: 'searchValue',\n                        value: '', // Reset the value\n                      });\n                    }\n                  }}\n                >\n                  {allowedOperators.map(op => (\n                    <option value={op.value} selected={filter.searchOperator === op.value}>\n                      {op.label}\n                    </option>\n                  ))}\n                </select>\n\n                {/* Field for value, dynamic input type based on the type of the search field */}\n                {renderSearchValueInput(\n                  filter,\n                  this.handleValueChange,\n                  this.handleBetweenValueChange,\n                )}\n\n                {/* Remove filter button */}\n                <div class=\"actions\">\n                  <udp-icon-button\n                    icon={getIconFromName('subtract')}\n                    variant=\"outlined\"\n                    size=\"x-small\"\n                    onClick={() => this.removeFilter.emit(filter._id)}\n                  />\n                </div>\n              </div>\n            );\n          })}\n\n          {/* Recursively render child groups */}\n          {myChildGroups.map(childGroup => (\n            <filter-group\n              key={childGroup.groupId}\n              groupId={childGroup.groupId}\n              filterData={this.filterData}\n              fields={this.fields}\n              isRoot={false}\n              openAddMenuForGroupId={this.openAddMenuForGroupId}\n              onAddFilter={event => {\n                event.stopPropagation();\n                this.addFilter.emit(event.detail);\n              }}\n              onAddGroup={event => {\n                event.stopPropagation();\n                this.addGroup.emit(event.detail);\n              }}\n              onRemoveFilter={event => {\n                event.stopPropagation();\n                this.removeFilter.emit(event.detail);\n              }}\n              onRemoveGroup={event => {\n                event.stopPropagation();\n                this.removeGroup.emit(event.detail);\n              }}\n              onFilterChange={event => {\n                event.stopPropagation();\n                this.filterChange.emit(event.detail);\n              }}\n              onGroupChange={event => {\n                event.stopPropagation();\n                this.groupChange.emit(event.detail);\n              }}\n              onDropOnFilter={event => {\n                event.stopPropagation();\n                this.dropOnFilter.emit(event.detail);\n              }}\n              onDropOnGroup={event => {\n                event.stopPropagation();\n                this.dropOnGroup.emit(event.detail);\n              }}\n              onToggleAddMenu={event => {\n                event.stopPropagation();\n                this.toggleAddMenu.emit(event.detail);\n              }}\n            ></filter-group>\n          ))}\n          <div class=\"add-new-container\">\n            <udp-icon-button\n              icon={getIconFromName('add')}\n              variant=\"outlined\"\n              size=\"x-small\"\n              ref={(el: HTMLUdpIconButtonElement | null) => {\n                this.addMenuAnchorEl = el ? (el as unknown as HTMLElement) : undefined;\n              }}\n              onClick={() => (this.isAddMenuOpen = !this.isAddMenuOpen)}\n            />\n            <udp-menu\n              open={this.isAddMenuOpen}\n              anchor={this.addMenuAnchorEl as unknown as HTMLElement}\n              handleClose={() => (this.isAddMenuOpen = false)}\n            >\n              <udp-menu-item\n                label=\"Add Filter\"\n                onItemClick={() => {\n                  this.addFilter.emit(this.groupId);\n                  this.isAddMenuOpen = false;\n                }}\n              />\n              <udp-menu-item\n                label=\"Add Group\"\n                onItemClick={() => {\n                  this.addGroup.emit(this.groupId);\n                  this.isAddMenuOpen = false;\n                }}\n              />\n            </udp-menu>\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n","\n/* Tooltip for invalid state */\n.tooltip {\n  visibility: hidden;\n  opacity: 0;\n  transition: opacity 0.3s;\n\n  position: absolute;\n  bottom: 125%;\n  right: 0;\n  z-index: 10;\n\n  background-color: #333;\n  color: white;\n  padding: 8px 12px;\n  border-radius: 4px;\n  white-space: pre; /* Use 'pre' to respect newline characters */\n  text-align: left;\n}\n\n.is-invalid:hover .tooltip {\n  visibility: visible;\n  opacity: 1;\n}\n\n.chip {\n  position: relative;\n  display: inline-block; /* Ensures the wrapper only takes up the space of the chip */\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'validation-chip',\n  styleUrl: 'validation-chip.css',\n  shadow: true,\n})\nexport class ValidationChip {\n  @Prop() isValid: boolean = true;\n  @Prop() errorMessages: string[] = [];\n\n  render() {\n    const chipClass = {\n      'chip': true,\n      'is-valid': this.isValid,\n      'is-invalid': !this.isValid,\n    };\n\n    const tooltipText = this.errorMessages.join('\\n');\n\n    return (\n      <div class={chipClass}>\n        <udp-chip\n          label={this.isValid ? 'Valid Filters' : 'Invalid Filters'}\n          color={this.isValid ? 'success' : 'error'}\n          startIcon={this.isValid ? 'checkMark' : 'close16'}\n          variant='outlined'\n        />\n\n        {!this.isValid && this.errorMessages.length > 0 && <div class=\"tooltip\">{tooltipText}</div>}\n      </div>\n    );\n  }\n}\n"],"names":["h","findFieldByPath","getAllowedSearchOperators","getIconFromName"],"mappings":"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"}
+{"version":3,"file":"filter-group.validation-chip.entry.cjs.js","sources":["src/components/my-component/UI/advanced-search-builder/helperFunctions/fieldRenderer.tsx","src/components/my-component/UI/advanced-search-builder/filter-group.css?tag=filter-group&encapsulation=shadow","src/components/my-component/UI/advanced-search-builder/filter-group.tsx","src/components/my-component/UI/advanced-search-builder/validation-chip.css?tag=validation-chip&encapsulation=shadow","src/components/my-component/UI/advanced-search-builder/validation-chip.tsx"],"sourcesContent":["import { Field } from '../models';\nimport { h } from '@stencil/core';\n\nexport const renderSearchFieldOptions = (\n  fields: Field[],\n  selectedValue: string,\n  level = 0,\n  parentPath = '',\n) => {\n  const options = [];\n\n  fields.forEach(field => {\n    const currentPath = parentPath ? `${parentPath}.${field.name}` : field.name;\n    const isExpandable = field.childFields && field.childFields.length > 0;\n\n    // Add the current field to the list of options\n    options.push(\n      <option\n        value={currentPath}\n        disabled={isExpandable} // Disable parent nodes so they can't be selected\n        selected={selectedValue === currentPath}\n      >\n        {isExpandable ? `+ ${field.name}` : currentPath}\n      </option>,\n    );\n\n    // If there are child fields, recursively render them\n    if (isExpandable) {\n      options.push(\n        ...renderSearchFieldOptions(field.childFields, selectedValue, level + 1, currentPath),\n      );\n    }\n  });\n\n  return options;\n};\n\nexport const renderSearchValueInput = (filter: any, handleValueChange: any, handleBetweenValueChange: any) => {\n  if (filter.searchOperator === 'BETWEEN') {\n    const [value1, value2] = (filter.searchValue || ',').split(',');\n\n    let inputType = filter._type;\n    if (filter._type === 'datetime') {\n      inputType = 'datetime-local';\n    }\n\n    return (\n      <div class=\"value-input between-input-container\">\n        <input\n          type={inputType}\n          step={'1'}\n          value={value1}\n          class=\"between-input\"\n          onInput={e => handleBetweenValueChange(e, filter, 0)}\n        />\n        <span>and</span>\n        <input\n          type={inputType}\n          step={'1'}\n          value={value2}\n          class=\"between-input\"\n          onInput={e => handleBetweenValueChange(e, filter, 1)}\n        />\n      </div>\n    );\n  }\n\n  const isValueHidden = filter.searchOperator === 'NULL' || filter.searchOperator === 'NOTNULL';\n  switch (filter._type) {\n    case 'number':\n      return (\n        <input\n          placeholder=\"Enter a number value...\"\n          type=\"number\"\n          class={{ 'value-input': true, 'is-hidden': isValueHidden }}\n          value={filter.searchValue}\n          onInput={e => handleValueChange(e, filter)}\n        />\n      );\n\n    case 'boolean':\n      return (\n        <select\n          class={{ 'value-input': true, 'is-hidden': isValueHidden }}\n          onChange={e => handleValueChange(e, filter)}\n        >\n          <option value=\"\" disabled selected={!filter.searchValue}></option>\n          <option value=\"true\" selected={filter.searchValue === true}>\n            True\n          </option>\n          <option value=\"false\" selected={filter.searchValue === false}>\n            False\n          </option>\n        </select>\n      );\n\n    case 'date':\n      return (\n        <input\n          type=\"date\"\n          class={{ 'value-input': true, 'is-hidden': isValueHidden }}\n          value={filter.searchValue}\n          onInput={e => handleValueChange(e, filter)}\n        />\n      );\n\n    case 'datetime':\n      return (\n        <input\n          type=\"datetime-local\"\n          step={'1'}\n          class={{ 'value-input': true, 'is-hidden': isValueHidden }}\n          value={filter.searchValue}\n          onInput={e => handleValueChange(e, filter)}\n        />\n      );\n\n    case 'time':\n      return (\n        <input\n          type=\"time\"\n          class={{ 'value-input': true, 'is-hidden': isValueHidden }}\n          value={filter.searchValue}\n          onInput={e => handleValueChange(e, filter)}\n        />\n      );\n\n    case 'guid':\n      return (\n        <input\n          placeholder=\"Enter a GUID value...\"\n          type=\"text\"\n          class={{ 'value-input': true, 'is-hidden': isValueHidden }}\n          value={filter.searchValue}\n          onInput={e => handleValueChange(e, filter)}\n        />\n      );\n    case 'string':\n    default:\n      return (\n        <input\n          placeholder=\"Enter a value...\"\n          type=\"text\"\n          class={{ 'value-input': true, 'is-hidden': isValueHidden }}\n          value={filter.searchValue}\n          onInput={e => handleValueChange(e, filter)}\n        />\n      );\n  }\n};\n",":host {\n  /* Define colors from the screenshot */\n  --color-field: #c8e6c9; /* Light Green */\n  --color-operator: #ffcc80; /* Light Orange */\n  --color-value: #bbdefb; /* Light Blue */\n  --color-text-dark: #333;\n  --color-logical-and: #ef9a9a; /* Light Red/Pink */\n  --color-logical-or: #ffab91;  /* Light Orange/Red */\n  --color-guide-line: #CCC;\n  --indent-size: 30px;\n  --color-row-background: #f5f5f5;\n  --color-row-background-hover: rgba(0, 0, 0, 0.05);\n  --color-error: #ff4d4f;\n  --color-drag-handle: #999;\n}\n\n/* Base container for a group */\n.group-box {\n  position: relative;\n  padding-left: 0;\n}\n\n.root-group {\n  padding-left: 0;\n}\n\n/* Row Styling (for both group headers and filter rows) */\n.group-header,\n.filter-row {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  position: relative;\n  padding-top: 5px;\n  padding-bottom: 5px;\n}\n\n/* --- Indentation and Guide Lines --- */\n\n.group-content {\n  position: relative;\n  padding-left: var(--indent-size);\n}\n\n/* The main vertical line for ANY group */\n.group-content::before {\n  content: '';\n  position: absolute;\n  left: calc(var(--indent-size) / 2);\n  top: 0;\n  /* Adjust bottom to stop it before the end of the container */\n  bottom: 10px;\n  width: 1px;\n  border-left: 1px solid var(--color-guide-line);\n}\n\n/* Horizontal line connecting to a FILTER ROW */\n.group-content > .filter-row::before {\n  content: '';\n  position: absolute;\n  top: 50%;\n  left: -14px;\n  width: 14px;\n  height: 1px;\n  border-bottom: 1px solid var(--color-guide-line);\n}\n\n/* Horizontal line connecting to a nested GROUP HEADER */\n.group-box:not(.root-group) > .group-header::before {\n  content: '';\n  position: absolute;\n  top: 50%;\n  left: -14px; /* Align with the filter row lines */\n  width: 14px;\n  height: 1px;\n  border-bottom: 1px solid var(--color-guide-line);\n}\n\n/* Horizontal line for the \"Add\" button container */\n.group-content > .add-new-container::before {\n  content: '';\n  position: absolute;\n  top: 15px;\n  left: -14px;\n  width: 14px;\n  height: 1px;\n  border-bottom: 1px solid var(--color-guide-line);\n}\n/* --- Pill/Lozenge Styling --- */\n\nselect,\n.value-input {\n  border: none;\n  border-radius: 4px;\n  padding: 6px 10px;\n  color: var(--color-text-dark);\n  font-size: 14px;\n  line-height: 1.4;\n\n  /* --- Add this line --- */\n  height: 32px; /* Sets a consistent height */\n}\n\nselect {\n  /* Blend with the background: remove default grey border */\n  border: 1px solid transparent;\n  cursor: pointer;\n}\n\n.value-input {\n  background-color: var(--color-value);\n  border: 1px solid transparent;\n  cursor: text;\n  --input-background-color: var(--color-value);\n}\n\n/* Optional: You can also style the inputs within the invalid row */\n.is-invalid .value-input {\n  border-color: var(--color-error);\n}\n\n\n/* This rule should now EXCLUDE the 'between' container */\n.is-invalid .value-input:not(.between-input-container) {\n  border-color: var(--color-error);\n}\n\n/* Add this NEW rule to target the individual inputs inside the 'between' container */\n.is-invalid .between-input-container .between-input {\n  border-color: var(--color-error);\n}\n\n/* We can also remove the border from the container itself when invalid */\n.is-invalid .between-input-container {\n  border-color: transparent;\n}\n\n.field-select {\n  /* flex: <grow> <shrink> <basis>; */\n  flex: 1 1 42%;\n  background-color: var(--color-field);\n}\n\n.operator-select {\n  flex: 1 3 16%;\n  background-color: var(--color-operator);\n}\n\n.value-input {\n  flex: 1 1 42%;\n  background-color: var(--color-value);\n}\n\n.logical-op { background-color: var(--color-logical-and); padding-right: 6px;}\n.logical-op.logical-op--or { background-color: var(--color-logical-or); }\n\n/* Drag Handle */\n.drag-handle {\n  font-size: 1.2em;\n  color: var(--color-drag-handle);\n  cursor: grab;\n  position: relative;\n  z-index: 100;\n}\n\n.drag-handle:active {\n  cursor: grabbing;\n}\n\n/* Action Buttons (+/-) */\n.actions {\n  display: flex;\n  gap: 4px;\n  margin-left: auto;\n  margin-right: calc(var(--indent-size) / 2);\n}\n\n.action-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  border: 1px solid #ccc;\n  background-color: #f5f5f5;\n  color: #757575;\n  cursor: pointer;\n  font-size: 16px;\n  line-height: 1;\n}\n\n.action-btn:hover {\n  background-color: #e0e0e0;\n  border-color: #aaa;\n}\n\n/* --- \"Add\" Button and Popup Menu Styles --- */\n\n.add-new-container {\n  position: relative;\n  padding-left: 8px;\n  margin-top: 5px;\n  height: 25px;\n}\n\n.add-new-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  border: 1px solid #ccc;\n  background-color: #f5f5f5;\n  color: #757575;\n  cursor: pointer;\n  font-size: 16px;\n  line-height: 1;\n}\n\n.add-popup {\n  position: absolute;\n  top: 0;\n  left: 35px;\n  background-color: white;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n  z-index: 10;\n  display: flex;\n  flex-direction: column;\n  white-space: nowrap;\n}\n\n.add-popup button {\n  background: none;\n  border: none;\n  padding: 8px 12px;\n  text-align: left;\n  cursor: pointer;\n}\n\n.add-popup button:hover {\n  background-color: #f5f5f5;\n}\n\n/* --- Hover and Drop Target Styles --- */\n\n.filter-row:hover,\n.group-header:hover {\n  background-color: var(--color-row-background-hover);\n}\n\n.group-header.drop-target {\n  background-color: #e6f7ff;\n  border-bottom: 2px solid #1890ff;\n}\n\n.value-input.is-hidden {\n  visibility: hidden;\n}\n\n/* In your filter-group.css file */\n\n/* Style the new container to be a flex row */\n.between-input-container {\n  display: flex;\n  align-items: center;\n  gap: 5px;\n  /* Make the container itself transparent, the inputs inside have color */\n  background-color: transparent;\n  border-color: transparent;\n  padding: 0;\n}\n\n.between-input-container .between-input {\n  /* Common properties for all pills */\n  height: 32px;\n  padding: 6px 10px;\n  /* Remove default grey border for a cleaner look */\n  border: 1px solid transparent;\n  border-radius: 4px;\n  font-size: 14px;\n  color: var(--color-text-dark);\n  box-sizing: border-box;\n  background-color: var(--color-value);\n  width: 100%; /* Each input will take up available space */\n}\n\n/* Accessible, subtle focus without heavy borders */\nselect:focus,\n.value-input:focus,\n.between-input-container .between-input:focus {\n  outline: none; /* Avoid the gap-looking outline */\n  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.12); /* Subtle focus ring */\n}\n\n/* Style the \"and\" text between the inputs */\n.between-input-container span {\n  font-size: 12px;\n  color: #757575;\n}\n","import { Component, h, Prop, Event, EventEmitter, State } from '@stencil/core';\nimport { Field } from './models';\nimport { Search } from '../../../../udp-utilities/interfaces/searchObject';\nimport { getAllowedSearchOperators } from './helperFunctions/udpOperatorHelper';\nimport { renderSearchFieldOptions } from './helperFunctions/fieldRenderer';\nimport { findFieldByPath } from './helperFunctions/udpFieldHelper';\nimport { renderSearchValueInput } from './helperFunctions/fieldRenderer';\nimport { getIconFromName } from '../data-display/icons/iconUtils';\n\n@Component({\n  tag: 'filter-group',\n  styleUrl: 'filter-group.css',\n  shadow: true,\n})\nexport class FilterGroup {\n  @Prop() groupId: number;\n  @Prop() filterData: Search;\n  @Prop() fields: Field[];\n  @Prop() isRoot: boolean = false;\n  @Prop() openAddMenuForGroupId: number | null;\n\n  @State() isAddMenuOpen: boolean = false;\n  private addMenuAnchorEl?: HTMLElement;\n\n  @Event() addFilter: EventEmitter<number>;\n  @Event() addGroup: EventEmitter<number>;\n  @Event() removeFilter: EventEmitter<string>;\n  @Event() removeGroup: EventEmitter<number>;\n  @Event() filterChange: EventEmitter<{\n    filterId: string;\n    field?: string; // Make field optional\n    value?: any; // Make value optional\n    updates?: { [key: string]: any }; // Add the optional updates property\n  }>;\n  @Event() groupChange: EventEmitter<{ groupId: number; logicalSearchOperator: 1 | 2 }>;\n  @Event() dropOnFilter: EventEmitter<{ event: DragEvent; targetFilterId: string }>;\n  @Event() toggleAddMenu: EventEmitter<number>;\n  @Event() dropOnGroup: EventEmitter<{ event: DragEvent; targetGroupId: number }>;\n\n  private handleValueChange = (event: Event, filter: any) => {\n    const target = event.target as HTMLInputElement | HTMLSelectElement;\n    this.filterChange.emit({\n      filterId: filter._id,\n      field: 'searchValue',\n      value: target.value,\n    });\n  };\n\n  private handleBetweenValueChange = (event: Event, filter: any, index: 0 | 1) => {\n    const newValue = (event.target as HTMLInputElement).value;\n    const values = (filter.searchValue || ',').split(',');\n\n    // Update the correct part of the value array\n    values[index] = newValue;\n\n    // Re-join the values into a single string and emit the change\n    this.filterChange.emit({\n      filterId: filter._id,\n      field: 'searchValue',\n      value: values.join(','),\n    });\n  };\n\n  private handleFilterFieldChange(filter: any, event: Event) {\n    const newPath = (event.target as HTMLSelectElement).value;\n    const newField = findFieldByPath(this.fields, newPath);\n    const newAllowedOperators = getAllowedSearchOperators(newField);\n\n    // Determine the new default value based on type\n    let defaultValue: any = '';\n    const newType = (newField?.type || '').toLowerCase();\n    if (newType.includes('bool')) {\n      defaultValue = true;\n    }\n\n    // Emit a single event with all related changes\n    this.filterChange.emit({\n      filterId: filter._id,\n      updates: {\n        searchField: newPath,\n        _type: newField?.type || 'string',\n        searchValue: defaultValue,\n      },\n    });\n\n    // Check if the operator needs a separate reset\n    if (!newAllowedOperators.some(op => op.value === filter.searchOperator)) {\n      this.filterChange.emit({\n        filterId: filter._id,\n        updates: {\n          searchOperator: newAllowedOperators?.[0]?.value || '',\n        },\n      });\n    }\n  }\n\n  render() {\n    const groupInfo = this.filterData.filterGroups.find(g => g.groupId === this.groupId);\n    if (!groupInfo) {\n      return null;\n    }\n\n    // Find all filters and child groups that belong to this specific group\n    const myFilters = this.filterData.filterElements.filter(f => f.groupId === this.groupId);\n    const myChildGroups = this.filterData.filterGroups.filter(\n      g => g.parentGroupId === this.groupId,\n    );\n\n    // Dynamic class for AND/OR coloring\n    const logicalOpClass =\n      groupInfo.logicalSearchOperator === 1 ? 'logical-op--and' : 'logical-op--or';\n\n    return (\n      <div class={{ 'group-box': true, 'root-group': this.isRoot }}>\n        <div\n          class=\"group-header\"\n          onDragOver={(event: DragEvent) => {\n            event.preventDefault();\n            (event.currentTarget as HTMLElement).classList.add('drop-target');\n          }}\n          onDragLeave={(event: DragEvent) => {\n            (event.currentTarget as HTMLElement).classList.remove('drop-target');\n          }}\n          onDrop={(event: DragEvent) => {\n            (event.currentTarget as HTMLElement).classList.remove('drop-target');\n            this.dropOnGroup.emit({ event, targetGroupId: this.groupId });\n          }}\n        >\n          {!this.isRoot ? (\n            <span\n              class=\"drag-handle\"\n              draggable={!this.isRoot} // Make the group header draggable (but not the root)\n              onDragStart={(event: DragEvent) => {\n                const rowElement = (event.currentTarget as HTMLElement).closest('.group-box');\n                if (rowElement) {\n                  const rect = rowElement.getBoundingClientRect();\n                  const offsetX = event.clientX - rect.left;\n                  const offsetY = event.clientY - rect.top;\n\n                  event.dataTransfer.setDragImage(rowElement, offsetX, offsetY);\n                }\n                // Set the type to 'group' and store the groupId\n                event.dataTransfer.setData('application/drag-type', 'group');\n                event.dataTransfer.setData('text/plain', this.groupId.toString());\n                event.dataTransfer.effectAllowed = 'move';\n              }}\n            >\n              ⠿\n            </span>\n          ) : (\n            <div style={{ marginRight: '8px' }}></div>\n          )}\n          <select\n            class={`logical-op ${logicalOpClass}`}\n            onChange={e =>\n              this.groupChange.emit({\n                groupId: this.groupId,\n                logicalSearchOperator: parseInt((e.target as HTMLSelectElement).value) as 1 | 2,\n              })\n            }\n          >\n            <option value=\"1\" selected={groupInfo.logicalSearchOperator === 1}>\n              AND\n            </option>\n            <option value=\"2\" selected={groupInfo.logicalSearchOperator === 2}>\n              OR\n            </option>\n          </select>\n          <div class=\"actions\">\n            {!this.isRoot && (\n              <udp-icon-button\n                icon={getIconFromName('subtract')}\n                variant=\"outlined\"\n                size=\"x-small\"\n                onClick={() => this.removeGroup.emit(this.groupId)}\n              />\n            )}\n          </div>\n        </div>\n\n        <div class=\"group-content\">\n          {myFilters.map(filter => {\n            //Get current selected field if set\n            const selectedFieldObject = findFieldByPath(this.fields, filter.searchField);\n\n            //Get the specific list of operators allowed for that field's type.\n            const allowedOperators = getAllowedSearchOperators(selectedFieldObject);\n\n            return (\n              <div class={{ 'filter-row': true, 'is-invalid': !!filter._error }} key={filter._id}>\n                <span\n                  class=\"drag-handle\"\n                  draggable={true}\n                  onDragStart={(event: DragEvent) => {\n                    const rowElement = (event.currentTarget as HTMLElement).closest('.filter-row');\n                    if (rowElement) {\n                      const rect = rowElement.getBoundingClientRect();\n                      const offsetX = event.clientX - rect.left;\n                      const offsetY = event.clientY - rect.top;\n\n                      event.dataTransfer.setDragImage(rowElement, offsetX, offsetY);\n                    }\n                    event.dataTransfer.setData('application/drag-type', 'filter');\n                    event.dataTransfer.setData('text/plain', filter._id);\n                    event.dataTransfer.effectAllowed = 'move';\n                  }}\n                  onDragOver={(event: DragEvent) => event.preventDefault()}\n                  onDrop={(event: DragEvent) =>\n                    this.dropOnFilter.emit({ event, targetFilterId: filter._id })\n                  }\n                >\n                  ⠿\n                </span>\n\n                {/* Select input for search field */}\n                <select\n                  class=\"field-select\"\n                  onChange={e => this.handleFilterFieldChange(filter, e)}\n                >\n                  <option value=\"\" disabled selected={!filter.searchField}>\n                    Select a field...\n                  </option>\n                  {renderSearchFieldOptions(this.fields, filter.searchField)}\n                </select>\n\n                {/* Select Input for search operator from operator list */}\n                <select\n                  class=\"operator-select\"\n                  onChange={e => {\n                    const newOperator = (e.target as HTMLSelectElement).value;\n\n                    // First, emit the change for the operator itself\n                    this.filterChange.emit({\n                      filterId: filter._id,\n                      field: 'searchOperator',\n                      value: newOperator,\n                    });\n\n                    // If the new operator makes the value field irrelevant, clear it.\n                    if (\n                      newOperator === 'NULL' ||\n                      newOperator === 'NOTNULL' ||\n                      newOperator === 'BETWEEN'\n                    ) {\n                      this.filterChange.emit({\n                        filterId: filter._id,\n                        field: 'searchValue',\n                        value: '', // Reset the value\n                      });\n                    }\n                  }}\n                >\n                  {allowedOperators.map(op => (\n                    <option value={op.value} selected={filter.searchOperator === op.value}>\n                      {op.label}\n                    </option>\n                  ))}\n                </select>\n\n                {/* Field for value, dynamic input type based on the type of the search field */}\n                {renderSearchValueInput(\n                  filter,\n                  this.handleValueChange,\n                  this.handleBetweenValueChange,\n                )}\n\n                {/* Remove filter button */}\n                <div class=\"actions\">\n                  <udp-icon-button\n                    icon={getIconFromName('subtract')}\n                    variant=\"outlined\"\n                    size=\"x-small\"\n                    onClick={() => this.removeFilter.emit(filter._id)}\n                  />\n                </div>\n              </div>\n            );\n          })}\n\n          {/* Recursively render child groups */}\n          {myChildGroups.map(childGroup => (\n            <filter-group\n              key={childGroup.groupId}\n              groupId={childGroup.groupId}\n              filterData={this.filterData}\n              fields={this.fields}\n              isRoot={false}\n              openAddMenuForGroupId={this.openAddMenuForGroupId}\n              onAddFilter={event => {\n                event.stopPropagation();\n                this.addFilter.emit(event.detail);\n              }}\n              onAddGroup={event => {\n                event.stopPropagation();\n                this.addGroup.emit(event.detail);\n              }}\n              onRemoveFilter={event => {\n                event.stopPropagation();\n                this.removeFilter.emit(event.detail);\n              }}\n              onRemoveGroup={event => {\n                event.stopPropagation();\n                this.removeGroup.emit(event.detail);\n              }}\n              onFilterChange={event => {\n                event.stopPropagation();\n                this.filterChange.emit(event.detail);\n              }}\n              onGroupChange={event => {\n                event.stopPropagation();\n                this.groupChange.emit(event.detail);\n              }}\n              onDropOnFilter={event => {\n                event.stopPropagation();\n                this.dropOnFilter.emit(event.detail);\n              }}\n              onDropOnGroup={event => {\n                event.stopPropagation();\n                this.dropOnGroup.emit(event.detail);\n              }}\n              onToggleAddMenu={event => {\n                event.stopPropagation();\n                this.toggleAddMenu.emit(event.detail);\n              }}\n            ></filter-group>\n          ))}\n          <div class=\"add-new-container\">\n            <udp-icon-button\n              icon={getIconFromName('add')}\n              variant=\"outlined\"\n              size=\"x-small\"\n              ref={(el: HTMLUdpIconButtonElement | null) => {\n                this.addMenuAnchorEl = el ? (el as unknown as HTMLElement) : undefined;\n              }}\n              onClick={() => (this.isAddMenuOpen = !this.isAddMenuOpen)}\n            />\n            <udp-menu\n              open={this.isAddMenuOpen}\n              anchor={this.addMenuAnchorEl as unknown as HTMLElement}\n              handleClose={() => (this.isAddMenuOpen = false)}\n            >\n              <udp-menu-item\n                label=\"Add Filter\"\n                onItemClick={() => {\n                  this.addFilter.emit(this.groupId);\n                  this.isAddMenuOpen = false;\n                }}\n              />\n              <udp-menu-item\n                label=\"Add Group\"\n                onItemClick={() => {\n                  this.addGroup.emit(this.groupId);\n                  this.isAddMenuOpen = false;\n                }}\n              />\n            </udp-menu>\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n","\n/* Tooltip for invalid state */\n.tooltip {\n  visibility: hidden;\n  opacity: 0;\n  transition: opacity 0.3s;\n\n  position: absolute;\n  bottom: 125%;\n  right: 0;\n  z-index: 10;\n\n  background-color: #333;\n  color: white;\n  padding: 8px 12px;\n  border-radius: 4px;\n  white-space: pre; /* Use 'pre' to respect newline characters */\n  text-align: left;\n}\n\n.is-invalid:hover .tooltip {\n  visibility: visible;\n  opacity: 1;\n}\n\n.chip {\n  position: relative;\n  display: inline-block; /* Ensures the wrapper only takes up the space of the chip */\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'validation-chip',\n  styleUrl: 'validation-chip.css',\n  shadow: true,\n})\nexport class ValidationChip {\n  @Prop() isValid: boolean = true;\n  @Prop() errorMessages: string[] = [];\n\n  render() {\n    const chipClass = {\n      'chip': true,\n      'is-valid': this.isValid,\n      'is-invalid': !this.isValid,\n    };\n\n    const tooltipText = this.errorMessages.join('\\n');\n\n    return (\n      <div class={chipClass}>\n        <udp-chip\n          label={this.isValid ? 'Valid Filters' : 'Invalid Filters'}\n          color={this.isValid ? 'success' : 'error'}\n          startIcon={this.isValid ? 'checkMark' : 'close16'}\n          variant='outlined'\n        />\n\n        {!this.isValid && this.errorMessages.length > 0 && <div class=\"tooltip\">{tooltipText}</div>}\n      </div>\n    );\n  }\n}\n"],"names":["h","findFieldByPath","getAllowedSearchOperators","getIconFromName"],"mappings":"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"}