udp-stencil-component-library 1.0.2 → 1.0.3

package/dist/components/{p-Bdt-oOnd.js → p-Oil5iqFm.js}

@@ -10,6 +10,7 @@ const UdpTimeSelector = /*@__PURE__*/ proxyCustomElement(class UdpTimeSelector e
         this.__attachShadow();
         this.change = createEvent(this, "change");
         this.input = createEvent(this, "input");
+        this.errorEvent = createEvent(this, "error");
         /**
          * Current value of the time selector. When provided, makes this a controlled component.
          * Uses HH:mm format (e.g., "14:30"). The component will use this value and update it through events.
@@ -39,9 +40,60 @@ const UdpTimeSelector = /*@__PURE__*/ proxyCustomElement(class UdpTimeSelector e
         this.margin = 'normal';
         this.internalValue = ''; // Internal state for value management
         /**
-         * Handles changes to the time input value. Updates internal state and emits standard events.
+         * Handles the invalid event from the native input element
+         * @param event - The invalid event from the time input
+         */
+        this.handleInvalid = (event) => {
+            const target = event.target;
+            const validationMessage = target.validationMessage;
+            this.setAndDispatchError(validationMessage);
+        };
+        /**
+         * Handles when the input becomes valid (clears errors)
+         * @param event - The input event
+         */
+        this.handleValid = (event) => {
+            const target = event.target;
+            // Always validate with our custom logic first
+            const customError = this.validateTime(target.value);
+            if (customError) {
+                // Custom validation failed
+                this.setAndDispatchError(customError);
+            }
+            else if (target.validity.valid) {
+                // Both custom and native validation passed
+                this.setAndDispatchError('');
+            }
+        };
+        /**
+         * Handles input events (real-time typing). Updates internal state and provides immediate validation feedback.
          * @param event - The input event from the time input
          */
+        this.handleTimeInput = (event) => {
+            const target = event.target;
+            const newValue = target.value;
+            // Update internal value
+            this.internalValue = newValue;
+            // Update controlled value if this is a controlled component
+            if (this.value !== undefined) {
+                this.value = newValue;
+            }
+            // Re-evaluate validation on input if there's currently an error
+            // This provides immediate feedback when user corrects the error
+            if (this.errorMessage) {
+                const validationError = this.validateTime(newValue);
+                if (validationError !== this.errorMessage) {
+                    // Error state has changed, update it
+                    this.setAndDispatchError(validationError);
+                }
+            }
+            // Emit input event for real-time updates
+            this.input.emit(newValue);
+        };
+        /**
+         * Handles changes to the time input value. Updates internal state and emits standard events.
+         * @param event - The change event from the time input
+         */
         this.handleTimeChange = (event) => {
             const target = event.target;
             const newValue = target.value;
@@ -51,9 +103,18 @@ const UdpTimeSelector = /*@__PURE__*/ proxyCustomElement(class UdpTimeSelector e
             if (this.value !== undefined) {
                 this.value = newValue;
             }
-            // Emit standard events for integration with form libraries and custom handlers
+            // Validate the new value
+            const customError = this.validateTime(newValue);
+            if (customError) {
+                // Custom validation failed
+                this.setAndDispatchError(customError);
+            }
+            else {
+                // Custom validation passed, clear any existing error
+                this.setAndDispatchError('');
+            }
+            // Emit change event for committed changes
             this.change.emit(newValue);
-            this.input.emit(newValue);
         };
     }
     /**
@@ -69,6 +130,7 @@ const UdpTimeSelector = /*@__PURE__*/ proxyCustomElement(class UdpTimeSelector e
      * Watcher for the error prop. Updates the internal error message when the error prop changes.
      */
     updateError() {
+        console.log('Error prop changed:', this.error);
         this.errorMessage = this.error;
     }
     /**
@@ -79,6 +141,9 @@ const UdpTimeSelector = /*@__PURE__*/ proxyCustomElement(class UdpTimeSelector e
     initialValueChanged(newValue) {
         if (newValue !== undefined) {
             this.internalValue = newValue;
+            const newError = this.validateTime(newValue);
+            if (newError)
+                this.setAndDispatchError(newError);
         }
     }
     /**
@@ -103,6 +168,52 @@ const UdpTimeSelector = /*@__PURE__*/ proxyCustomElement(class UdpTimeSelector e
     handleFocus() {
         // Standard focus events bubble naturally - no custom emission needed
     }
+    /**
+     * Validates the time value against min/max constraints
+     * @param value - The time value to validate
+     * @returns Error message if invalid, empty string if valid
+     */
+    validateTime(value) {
+        if (!value)
+            return '';
+        // Convert time strings to minutes for comparison
+        const timeToMinutes = (time) => {
+            const [hours, minutes] = time.split(':').map(Number);
+            return hours * 60 + minutes;
+        };
+        const valueMinutes = timeToMinutes(value);
+        if (this.min) {
+            const minMinutes = timeToMinutes(this.min);
+            if (valueMinutes < minMinutes) {
+                return `Time must be after ${this.min}`;
+            }
+        }
+        if (this.max) {
+            const maxMinutes = timeToMinutes(this.max);
+            if (valueMinutes > maxMinutes) {
+                return `Time must be before ${this.max}`;
+            }
+        }
+        return '';
+    }
+    /**
+     * Sets error state and dispatches error event that bubbles to stencil-field
+     * @param errorMessage - The error message to set and dispatch
+     */
+    setAndDispatchError(errorMessage) {
+        console.log('Setting error:', errorMessage);
+        // Update internal error state
+        this.errorMessage = errorMessage;
+        // Emit Stencil error event
+        this.errorEvent.emit(errorMessage);
+        // Dispatch custom error event that bubbles up to stencil-field
+        const errorEvent = new CustomEvent('error', {
+            detail: errorMessage,
+            bubbles: true,
+            composed: true
+        });
+        this.el.dispatchEvent(errorEvent);
+    }
     render() {
         const isError = !!this.errorMessage;
         const classNames = ['bx--text-input'];
@@ -116,7 +227,7 @@ const UdpTimeSelector = /*@__PURE__*/ proxyCustomElement(class UdpTimeSelector e
             classNames.push('bx--text-input--full-width');
         }
         const inputClass = classNames.join(' ');
-        return (h(Host, { key: 'acb3b9aa491b0c6c67df493044aef292146110fb', class: {
+        return (h(Host, { key: '1205a25d9e0373114297d342b9ab0cbd285c51e2', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
@@ -125,10 +236,11 @@ const UdpTimeSelector = /*@__PURE__*/ proxyCustomElement(class UdpTimeSelector e
                 'udp-input--required': this.required,
                 [`udp-input--size-${this.size}`]: true,
                 [`udp-input--margin-${this.margin}`]: true,
-            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: 'a2b9070e2b6a3e1904638fad5cdb8d86a5a3053a', class: "bx--form-item" }, h("unity-typography", { key: 'ca325952cc2f9d80d8aca99ca0748f0aa72751ee', variant: "caption-text" }, h("label", { key: '6afdf6a9224c5530c3f0e4c962d246ebd8c2926d', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: '3fad200e15b093ca786129d7537bf0c56de28b8d', type: "time", id: this.id, name: this.name, class: inputClass, value: this.internalValue, min: this.min, max: this.max, onInput: this.handleTimeChange, onChange: this.handleTimeChange, onBlur: this.handleBlur, onFocus: this.handleFocus, disabled: this.disabled, readonly: this.readonly, required: this.required,
+            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: 'b88a1cf0cccdf135fb40e86e0fbc4cf10847dec2', class: "bx--form-item" }, h("unity-typography", { key: '77c013fb01660898ad898db14ca04b51f6e07de0', variant: "caption-text" }, h("label", { key: '26721af45bf881a3daa594dd8ae018b8a98b39bc', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: 'a51e49451c55e4ece0668078959a141d521d7773', type: "time", id: this.id, name: this.name, class: inputClass, value: this.internalValue, min: this.min, max: this.max, onInput: this.handleTimeInput, onChange: this.handleTimeChange, onBlur: this.handleBlur, onFocus: this.handleFocus, onInvalid: this.handleInvalid, disabled: this.disabled, readonly: this.readonly, required: this.required,
             //@ts-ignore
-            udprecordid: 'udpRecord-udp-time-selector-' + this.id }), h("unity-typography", { key: '8061d8fe2f38d9c9d3ff3136e445835ef5811eb6', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-time-selector-' + this.id }), h("unity-typography", { key: '5171d4ca07938113cc781e605da2d60492e64008', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
     }
+    get el() { return this; }
     static get watchers() { return {
         "error": ["updateError"],
         "initialValue": ["initialValueChanged"],
@@ -177,6 +289,6 @@ function defineCustomElement() {
 }
 
 export { UdpTimeSelector as U, defineCustomElement as d };
-//# sourceMappingURL=p-Bdt-oOnd.js.map
+//# sourceMappingURL=p-Oil5iqFm.js.map
 
-//# sourceMappingURL=p-Bdt-oOnd.js.map
+//# sourceMappingURL=p-Oil5iqFm.js.map

package/dist/components/p-Oil5iqFm.js.map

@@ -0,0 +1 @@
+{"file":"p-Oil5iqFm.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/inputs/time-selector/udp-time-selector.css?tag=udp-time-selector&encapsulation=shadow","src/components/my-component/UI/inputs/time-selector/udp-time-selector.tsx"],"sourcesContent":["@import '../inputs.css';\n","import { Component, h, Host, State, Event, EventEmitter, Prop, Watch, Element } from '@stencil/core';\nimport { InputSize, InputMargin } from '../input-types';\n\n/**\n * A standardized time input component with validation, min/max constraints, and precise time selection.\n * Supports both controlled and uncontrolled modes with proper event emission for integration\n * with form libraries and custom event handlers.\n *\n * **Time Handling:**\n * - Uses HTML5 `time` input for consistent browser behavior and native time picker\n * - Supports HH:mm format (24-hour time) as per HTML5 specification\n * - Provides min/max time constraints for validation\n *\n * @example\n * ```tsx\n * // Uncontrolled component with initial value\n * <udp-time-selector\n *   label=\"Meeting Time\"\n *   initialValue=\"14:30\"\n *   onChange={(e) => console.log('Selected:', e.detail)}\n * />\n *\n * // Controlled component\n * <udp-time-selector\n *   label=\"Appointment Time\"\n *   value={appointmentTime}\n *   onChange={(e) => setAppointmentTime(e.detail)}\n * />\n *\n * // With validation and constraints\n * <udp-time-selector\n *   label=\"Business Hours\"\n *   value={businessTime}\n *   min=\"09:00\"\n *   max=\"17:00\"\n *   required={true}\n *   error={timeError}\n *   onChange={handleTimeChange}\n * />\n * ```\n */\n@Component({\n  tag: 'udp-time-selector',\n  styleUrl: 'udp-time-selector.css',\n  shadow: true,\n})\nexport class UdpTimeSelector {\n  /**\n   * Unique identifier for the input element. Used for form association and accessibility.\n   */\n  @Prop() id: string;\n\n  /**\n   * Name attribute for the input element. Used for form submission.\n   */\n  @Prop() name: string;\n\n  /**\n   * Label text displayed above the input field. Used for accessibility and user guidance.\n   */\n  @Prop() label: string;\n\n  /**\n   * Minimum time value allowed. Uses HH:mm format (e.g., \"09:00\").\n   * Enforces lower bounds validation for time selection.\n   */\n  @Prop() min: string;\n\n  /**\n   * Maximum time value allowed. Uses HH:mm format (e.g., \"17:00\").\n   * Enforces upper bounds validation for time selection.\n   */\n  @Prop() max: string;\n\n  /**\n   * Whether the field is required for form submission. Adds visual indicator (*) and validation.\n   */\n  @Prop() required: boolean;\n\n  /**\n   * Error message to display below the input field. Shows validation errors or other issues.\n   */\n  @Prop() error: string;\n\n  /**\n   * Initial value for the time selector. Used for uncontrolled components to set the default value.\n   * Uses HH:mm format (e.g., \"14:30\"). Only used when `value` prop is not provided.\n   */\n  @Prop() initialValue: string;\n\n  /**\n   * Current value of the time selector. When provided, makes this a controlled component.\n   * Uses HH:mm format (e.g., \"14:30\"). The component will use this value and update it through events.\n   */\n  @Prop({ mutable: true }) value: string = '';\n\n  /**\n   * Whether the field is disabled. Users cannot interact with the field when disabled.\n   */\n  @Prop() disabled: boolean;\n\n  /**\n   * Whether the input is readonly.\n   */\n  @Prop() readonly: boolean = false;\n\n  /**\n   * Whether the input should take the full width of its container.\n   */\n  @Prop() fullWidth: boolean = false;\n\n  /**\n   * Size variant controlling the padding and spacing of the input.\n   * - 'small': Compact spacing for data-heavy interfaces\n   * - 'normal': Standard spacing (default)\n   * - 'large': Generous spacing for accessibility\n   */\n  @Prop() size: InputSize = 'normal';\n\n  /**\n   * Margin variant for the input spacing.\n   * - 'none': No margin\n   * - 'dense': Minimal margin spacing\n   * - 'normal': Standard margin spacing (default)\n   */\n  @Prop() margin: InputMargin = 'normal';\n\n  @Element() el: HTMLElement;\n\n  @State() internalValue: string = ''; // Internal state for value management\n  @State() errorMessage: string;\n\n  /**\n   * Emitted when the time value changes through user interaction or programmatic update.\n   * Contains the new time value in HH:mm format.\n   */\n  @Event() change: EventEmitter<string>;\n\n  /**\n   * Emitted when the user types in the time input field.\n   * Contains the current input value (may be incomplete during typing).\n   */\n  @Event() input: EventEmitter<string>;\n\n  /**\n   * Emitted when validation errors occur (e.g., time outside min/max constraints).\n   * Contains the error message string. Empty string indicates no error.\n   */\n  @Event({\n    eventName: 'error',\n    bubbles: true,\n    composed: true,\n    cancelable: true\n  }) errorEvent: EventEmitter<string>;\n\n  /**\n   * Component lifecycle method called when the component is about to load.\n   * Initializes the internal value from either the value prop or initialValue prop.\n   */\n  componentWillLoad() {\n    // Initialize from controlled value or initial value\n    this.internalValue = this.value || this.initialValue || '';\n    this.errorMessage = this.error;\n  }\n\n  /**\n   * Watcher for the error prop. Updates the internal error message when the error prop changes.\n   */\n  @Watch('error')\n  updateError() {\n    console.log('Error prop changed:', this.error);\n    this.errorMessage = this.error;\n  }\n\n  /**\n   * Watcher for the initialValue prop. Updates the internal value when initialValue changes\n   * (useful for form resets, dynamic initial values, etc.).\n   * @param newValue - The new initial value\n   */\n  @Watch('initialValue')\n  initialValueChanged(newValue: string) {\n    if (newValue !== undefined) {\n      this.internalValue = newValue;\n      const newError = this.validateTime(newValue);\n      if(newError) this.setAndDispatchError(newError);\n    }\n  }\n\n  /**\n   * Watcher for the value prop. Updates the internal value when the value prop changes\n   * (controlled component behavior).\n   * @param newValue - The new controlled value\n   */\n  @Watch('value')\n  valueChanged(newValue: string) {\n    if (newValue !== undefined) {\n      this.internalValue = newValue;\n    }\n  }\n\n  /**\n   * Handles the blur event on the time input. Standard focus events bubble naturally.\n   */\n  handleBlur() {\n    // Standard focus events bubble naturally - no custom emission needed\n  }\n\n  /**\n   * Handles the focus event on the time input. Standard focus events bubble naturally.\n   */\n  handleFocus() {\n    // Standard focus events bubble naturally - no custom emission needed\n  }\n\n  /**\n   * Validates the time value against min/max constraints\n   * @param value - The time value to validate\n   * @returns Error message if invalid, empty string if valid\n   */\n  private validateTime(value: string): string {\n    if (!value) return '';\n\n    // Convert time strings to minutes for comparison\n    const timeToMinutes = (time: string): number => {\n      const [hours, minutes] = time.split(':').map(Number);\n      return hours * 60 + minutes;\n    };\n\n    const valueMinutes = timeToMinutes(value);\n\n    if (this.min) {\n      const minMinutes = timeToMinutes(this.min);\n      if (valueMinutes < minMinutes) {\n        return `Time must be after ${this.min}`;\n      }\n    }\n\n    if (this.max) {\n      const maxMinutes = timeToMinutes(this.max);\n      if (valueMinutes > maxMinutes) {\n        return `Time must be before ${this.max}`;\n      }\n    }\n\n    return '';\n  }\n\n  /**\n   * Sets error state and dispatches error event that bubbles to stencil-field\n   * @param errorMessage - The error message to set and dispatch\n   */\n  private setAndDispatchError(errorMessage: string) {\n    console.log('Setting error:', errorMessage);\n\n    // Update internal error state\n    this.errorMessage = errorMessage;\n\n    // Emit Stencil error event\n    this.errorEvent.emit(errorMessage);\n\n    // Dispatch custom error event that bubbles up to stencil-field\n    const errorEvent = new CustomEvent('error', {\n      detail: errorMessage,\n      bubbles: true,\n      composed: true\n    });\n    this.el.dispatchEvent(errorEvent);\n  }\n\n  /**\n   * Handles the invalid event from the native input element\n   * @param event - The invalid event from the time input\n   */\n  handleInvalid = (event: Event) => {\n    const target = event.target as HTMLInputElement;\n    const validationMessage = target.validationMessage;\n    this.setAndDispatchError(validationMessage);\n  }\n\n  /**\n   * Handles when the input becomes valid (clears errors)\n   * @param event - The input event\n   */\n  handleValid = (event: Event) => {\n    const target = event.target as HTMLInputElement;\n\n    // Always validate with our custom logic first\n    const customError = this.validateTime(target.value);\n\n    if (customError) {\n      // Custom validation failed\n      this.setAndDispatchError(customError);\n    } else if (target.validity.valid) {\n      // Both custom and native validation passed\n      this.setAndDispatchError('');\n    }\n  }\n\n  /**\n   * Handles input events (real-time typing). Updates internal state and provides immediate validation feedback.\n   * @param event - The input event from the time input\n   */\n  handleTimeInput = (event: Event) => {\n    const target = event.target as HTMLInputElement;\n    const newValue = target.value;\n\n    // Update internal value\n    this.internalValue = newValue;\n\n    // Update controlled value if this is a controlled component\n    if (this.value !== undefined) {\n      this.value = newValue;\n    }\n\n    // Re-evaluate validation on input if there's currently an error\n    // This provides immediate feedback when user corrects the error\n    if (this.errorMessage) {\n      const validationError = this.validateTime(newValue);\n\n      if (validationError !== this.errorMessage) {\n        // Error state has changed, update it\n        this.setAndDispatchError(validationError);\n      }\n    }\n\n    // Emit input event for real-time updates\n    this.input.emit(newValue);\n  }\n\n  /**\n   * Handles changes to the time input value. Updates internal state and emits standard events.\n   * @param event - The change event from the time input\n   */\n  handleTimeChange = (event: Event) => {\n    const target = event.target as HTMLInputElement;\n    const newValue = target.value;\n\n    // Update internal value\n    this.internalValue = newValue;\n\n    // Update controlled value if this is a controlled component\n    if (this.value !== undefined) {\n      this.value = newValue;\n    }\n\n    // Validate the new value\n    const customError = this.validateTime(newValue);\n\n    if (customError) {\n      // Custom validation failed\n      this.setAndDispatchError(customError);\n    } else {\n      // Custom validation passed, clear any existing error\n      this.setAndDispatchError('');\n    }\n\n    // Emit change event for committed changes\n    this.change.emit(newValue);\n  }\n\n  render() {\n    const isError: boolean = !!this.errorMessage;\n    const classNames = ['bx--text-input'];\n    if (isError) {\n      classNames.push('bx--text-input--error');\n    }\n    if (this.disabled) {\n      classNames.push('time-selector--disabled');\n    }\n    if (this.fullWidth) {\n      classNames.push('bx--text-input--full-width');\n    }\n    const inputClass = classNames.join(' ');\n    return (\n      <Host\n        class={{\n          'udp-input': true,\n          'udp-input--error': isError,\n          'udp-input--disabled': this.disabled,\n          'udp-input--readonly': this.readonly,\n          'udp-input--full-width': this.fullWidth,\n          'udp-input--required': this.required,\n          [`udp-input--size-${this.size}`]: true,\n          [`udp-input--margin-${this.margin}`]: true,\n        }}\n        aria-invalid={isError ? 'true' : 'false'}\n        aria-required={this.required ? 'true' : 'false'}\n      >\n        <div class=\"bx--form-item\">\n          <unity-typography variant=\"caption-text\">\n            <label htmlFor={this.id} class=\"bx--label\">\n              {this.label}\n              {this.required ? '*' : ''}\n            </label>\n          </unity-typography>\n          <input\n            type=\"time\"\n            id={this.id}\n            name={this.name}\n            class={inputClass}\n            value={this.internalValue}\n            min={this.min}\n            max={this.max}\n            onInput={this.handleTimeInput}\n            onChange={this.handleTimeChange}\n            onBlur={this.handleBlur}\n            onFocus={this.handleFocus}\n            onInvalid={this.handleInvalid}\n            disabled={this.disabled}\n            readonly={this.readonly}\n            required={this.required}\n            //@ts-ignore\n            udprecordid={'udpRecord-udp-time-selector-' + this.id}\n          />\n          <unity-typography class=\"error-message\" variant=\"caption-text\" color=\"error\">\n            {this.errorMessage}\n          </unity-typography>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-C6aDnKNm.js → p-P3YTnOWe.js}

@@ -3,11 +3,11 @@ import { b as parseValueToNumberMultiSeries, p as parseValueToNumber, a as addAx
 import * as am5 from '@amcharts/amcharts5/index';
 import * as am5xy from '@amcharts/amcharts5/xy';
 import am5themes_Animated from '@amcharts/amcharts5/themes/Animated';
-import { d as defineCustomElement$8 } from './p-BEwTqpWE.js';
+import { d as defineCustomElement$8 } from './p-CxOYMG-r.js';
 import { d as defineCustomElement$7 } from './p-TrvRIo8e.js';
-import { d as defineCustomElement$6 } from './p-hRee3qYx.js';
+import { d as defineCustomElement$6 } from './p-D6Wo7quX.js';
 import { d as defineCustomElement$5 } from './p-BGjVmQGN.js';
-import { d as defineCustomElement$4 } from './p-DeS7YSzc.js';
+import { d as defineCustomElement$4 } from './p-CMTLAuz8.js';
 import { d as defineCustomElement$3 } from './p-ZeWoGdjP.js';
 import { d as defineCustomElement$2 } from './p-C-wDzVCk.js';
 import { d as defineCustomElement$1 } from './p-DkppmXNM.js';
@@ -261,6 +261,6 @@ function defineCustomElement() {
 }
 
 export { UdpLineChart as U, defineCustomElement as d };
-//# sourceMappingURL=p-C6aDnKNm.js.map
+//# sourceMappingURL=p-P3YTnOWe.js.map
 
-//# sourceMappingURL=p-C6aDnKNm.js.map
+//# sourceMappingURL=p-P3YTnOWe.js.map

package/dist/components/{p-C6aDnKNm.js.map → p-P3YTnOWe.js.map}

@@ -1 +1 @@
-{"file":"p-C6aDnKNm.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/charts/udp-line-chart/udp-line-chart.css?tag=udp-line-chart&encapsulation=shadow","src/components/my-component/UI/charts/udp-line-chart/udp-line-chart.tsx"],"sourcesContent":["#udp-line-chart{\n    height: 500px;\n    width: 500px;\n    z-index: 1000;\n}","import { State, h, Component, Prop, Element, Build, Watch, Method } from '@stencil/core';\nimport { addAxisLabelsToXYChart, parseValueToNumberMultiSeries } from '../chartUtils';\n\nimport * as am5 from '@amcharts/amcharts5/index';\nimport * as am5xy from '@amcharts/amcharts5/xy';\nimport am5themes_Animated from '@amcharts/amcharts5/themes/Animated';\nimport { parseValueToNumber } from '../chartUtils';\nfunction isValidDateString(dateString: string): boolean {\n  const date = new Date(dateString);\n  return !isNaN(date.getTime());\n}\nconst generateMockData = () => {\n  // Generate random data\n  let date = new Date();\n  date.setHours(0, 0, 0, 0);\n  let value = 100;\n\n  function generateData() {\n    value = Math.round(Math.random() * 10 - 5 + value);\n    am5.time.add(date, 'day', 1);\n    return {\n      date: date.getTime(),\n      value: value,\n    };\n  }\n\n  function generateDatas(count) {\n    let data = [];\n    for (var i = 0; i < count; ++i) {\n      data.push(generateData());\n    }\n    return data;\n  }\n  return generateDatas(1200);\n};\n@Component({\n  tag: 'udp-line-chart',\n  styleUrl: 'udp-line-chart.css',\n  shadow: true,\n})\nexport class UdpLineChart {\n  @Element() el: HTMLElement;\n\n  @Prop() data: { [key: string]: any }[];\n  @Prop() xAxisField: string = Build.isDev ? 'date' : undefined;\n  @Prop() yAxisField: string = Build.isDev ? 'value' : undefined;\n  @Prop() title: string = Build.isDev ? 'Test header' : undefined;\n  @Prop() subheader: string = Build.isDev ? 'Test SubHeader' : undefined;\n  @Prop() size: 'small' | 'medium' | 'large' = 'medium';\n  @Prop() kpis: { value: string; label: string }[] = Build.isDev\n    ? [\n        { value: Math.round(Math.random() * 2000).toString(), label: 'YTD' },\n        { value: Math.round(Math.random() * 2000).toString(), label: 'YTD' },\n        { value: Math.round(Math.random() * 2000).toString(), label: 'YTD' },\n      ]\n    : undefined;\n  @Prop() xLabel: string = Build.isDev ? 'Test X Label' : undefined;\n  @Prop() yLabel: string = Build.isDev ? 'Test Y Label' : undefined;\n  @Prop() customWidth?: number; // Rather then setting a size you can set a custom width\n  @Prop() customHeight?: number; // Rather then setting a size you can set a custom height\n  @Prop() customCardWidth?: number; // Rather then setting a size you can set a custom card width\n  @Prop() customCardStyle?: { [key: string]: string } = {};\n  @Prop() kpisPosition: 'left' | 'top' = 'left';\n  @Prop() hideAdornment: boolean = false;\n  @Prop() hideScrollbarX: boolean = false;\n  @Prop() valueYFields: { fieldName: string; fieldLabel: string }[] = undefined;\n  @Prop() showBullets: boolean = false;\n  private chartId = 'udp-line-chart';\n  private chartRoot: am5.Root;\n  @State() transformedData: { [key: string]: any }[];\n\n  componentDidLoad() {\n    this.transformData();\n  }\n  @Watch('xAxisField')\n  @Watch('yAxisField')\n  @Watch('data')\n  @Watch('xLabel')\n  @Watch('yLabel')\n  @Watch('valueYFields')\n  transformData() {\n    this.transformedData = Build.isDev\n      ? generateMockData()\n      : this.data\n          ?.map(row => ({\n            ...row,\n            [this.xAxisField]:\n              typeof row?.[this.xAxisField] === 'string' && isValidDateString(row?.[this.xAxisField]) ? new Date(row?.[this.xAxisField]).getTime() : row?.[this.xAxisField],\n            ...(this.valueYFields?.length > 0 ? parseValueToNumberMultiSeries(this.valueYFields, row) : { [this.yAxisField]: parseValueToNumber(row?.[this.yAxisField]) }),\n          }))\n          .sort((a, b) => a[this.xAxisField] - b[this.xAxisField]);\n  }\n\n  @Method()\n  makeSeries(chart, xAxis, yAxis, serieName, fieldName, root, singleSerie) {\n    const series = chart.series.push(\n      am5xy.LineSeries.new(this.chartRoot, {\n        name: serieName,\n        xAxis: xAxis,\n        yAxis: yAxis,\n        valueYField: fieldName,\n        valueXField: this.xAxisField,\n        tooltip: am5.Tooltip.new(this.chartRoot, {\n          labelText: singleSerie ? '{valueY}' : '{name}: {valueY}',\n        }),\n      }),\n    );\n\n    if (this.showBullets) {\n      series.bullets.push(function () {\n        return am5.Bullet.new(root, {\n          sprite: am5.Circle.new(root, {\n            radius: 5,\n            fill: series.get('fill'),\n          }),\n        });\n      });\n    }\n\n    series.data.setAll(this.transformedData);\n    \n    // Make stuff animate on load\n    // https://www.amcharts.com/docs/v5/concepts/animations/\n    series.appear();\n\n  }\n\n  @Watch('transformedData')\n  @Watch('showBullets')\n  async renderChart() {\n    // sometimes the element cannot be found right away so loop umtil it loads\n    if (this.el?.shadowRoot?.getElementById?.(this.chartId) == null) {\n      await setTimeout(this.renderChart, 50);\n    }\n\n    if (this.chartRoot) {\n      this.chartRoot.dispose();\n    }\n\n    if (!this.xAxisField || (!this.yAxisField && (!this.valueYFields || this.valueYFields?.length === 0))) return;\n    this.chartRoot = am5.Root.new(this.el.shadowRoot.getElementById(this.chartId));\n\n    // Set themes\n    // https://www.amcharts.com/docs/v5/concepts/themes/\n    this.chartRoot.setThemes([am5themes_Animated.new(this.chartRoot)]);\n\n    // Create chart\n    // https://www.amcharts.com/docs/v5/charts/xy-chart/\n    var chart = this.chartRoot.container.children.push(\n      am5xy.XYChart.new(this.chartRoot, {\n        panX: true,\n        panY: true,\n        wheelX: 'panX',\n        wheelY: 'zoomX',\n        pinchZoomX: true,\n        paddingLeft: 0,\n        layout: this.chartRoot.verticalLayout,\n      }),\n    );\n\n    // Add cursor\n    // https://www.amcharts.com/docs/v5/charts/xy-chart/cursor/\n    var cursor = chart.set(\n      'cursor',\n      am5xy.XYCursor.new(this.chartRoot, {\n        behavior: 'none',\n      }),\n    );\n    cursor.lineY.set('visible', false);\n\n    // Create axes\n    // https://www.amcharts.com/docs/v5/charts/xy-chart/axes/\n    var xAxis = chart.xAxes.push(\n      am5xy.DateAxis.new(this.chartRoot, {\n        maxDeviation: 0.2,\n        baseInterval: {\n          timeUnit: 'day',\n          count: 1,\n        },\n        renderer: am5xy.AxisRendererX.new(this.chartRoot, {\n          minorGridEnabled: true,\n        }),\n        tooltip: am5.Tooltip.new(this.chartRoot, {}),\n      }),\n    );\n\n    var yAxis = chart.yAxes.push(\n      am5xy.ValueAxis.new(this.chartRoot, {\n        renderer: am5xy.AxisRendererY.new(this.chartRoot, {\n          pan: 'zoom',\n        }),\n      }),\n    );\n    addAxisLabelsToXYChart(this.chartRoot, chart, this.xLabel, this.yLabel);\n\n    // Add series\n    // https://www.amcharts.com/docs/v5/charts/xy-chart/series/\n    if (this.valueYFields?.length > 0) {\n      var legend = chart.children.push(\n        am5.Legend.new(this.chartRoot, {\n          centerX: am5.p50,\n          x: am5.p50,\n          marginTop: 15,\n          marginBottom: 15,\n        }),\n      );\n\n      this.valueYFields.forEach(field => {\n        this.makeSeries(chart, xAxis, yAxis, field.fieldLabel, field.fieldName, this.chartRoot, false);\n      });\n      legend.data.setAll(chart.series.values);\n    } else {\n      this.makeSeries(chart, xAxis, yAxis, 'Series 1', this.yAxisField, this.chartRoot, true);\n    }\n    \n    // Add scrollbar\n    // https://www.amcharts.com/docs/v5/charts/xy-chart/scrollbars/\n    if (!this.hideScrollbarX) {\n      chart.set(\n        'scrollbarX',\n        am5.Scrollbar.new(this.chartRoot, {\n          orientation: 'horizontal',\n        }),\n      );\n    }\n\n    // Make stuff animate on load\n    // https://www.amcharts.com/docs/v5/concepts/animations/\n    chart.appear(1000, 100);\n  }\n\n  disconnectedCallback() {\n    // Clean up chart instance on component removal\n    if (this.chartRoot) {\n      this.chartRoot.dispose();\n    }\n  }\n  render() {\n    return (\n      <chart-container\n        adjustChartWidthForKpis\n        title={this.title}\n        subheader={this.subheader}\n        size={this.size}\n        chartId={this.chartId}\n        kpis={this.kpis}\n        customWidth={this.customWidth}\n        customHeight={this.customHeight}\n        customCardWidth={this.customCardWidth}\n        customCardStyle={this.customCardStyle}\n        kpisPosition={this.kpisPosition}\n        hideAdornment={this.hideAdornment}\n      />\n    );\n  }\n}\n"],"version":3}
+{"file":"p-P3YTnOWe.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/charts/udp-line-chart/udp-line-chart.css?tag=udp-line-chart&encapsulation=shadow","src/components/my-component/UI/charts/udp-line-chart/udp-line-chart.tsx"],"sourcesContent":["#udp-line-chart{\n    height: 500px;\n    width: 500px;\n    z-index: 1000;\n}","import { State, h, Component, Prop, Element, Build, Watch, Method } from '@stencil/core';\nimport { addAxisLabelsToXYChart, parseValueToNumberMultiSeries } from '../chartUtils';\n\nimport * as am5 from '@amcharts/amcharts5/index';\nimport * as am5xy from '@amcharts/amcharts5/xy';\nimport am5themes_Animated from '@amcharts/amcharts5/themes/Animated';\nimport { parseValueToNumber } from '../chartUtils';\nfunction isValidDateString(dateString: string): boolean {\n  const date = new Date(dateString);\n  return !isNaN(date.getTime());\n}\nconst generateMockData = () => {\n  // Generate random data\n  let date = new Date();\n  date.setHours(0, 0, 0, 0);\n  let value = 100;\n\n  function generateData() {\n    value = Math.round(Math.random() * 10 - 5 + value);\n    am5.time.add(date, 'day', 1);\n    return {\n      date: date.getTime(),\n      value: value,\n    };\n  }\n\n  function generateDatas(count) {\n    let data = [];\n    for (var i = 0; i < count; ++i) {\n      data.push(generateData());\n    }\n    return data;\n  }\n  return generateDatas(1200);\n};\n@Component({\n  tag: 'udp-line-chart',\n  styleUrl: 'udp-line-chart.css',\n  shadow: true,\n})\nexport class UdpLineChart {\n  @Element() el: HTMLElement;\n\n  @Prop() data: { [key: string]: any }[];\n  @Prop() xAxisField: string = Build.isDev ? 'date' : undefined;\n  @Prop() yAxisField: string = Build.isDev ? 'value' : undefined;\n  @Prop() title: string = Build.isDev ? 'Test header' : undefined;\n  @Prop() subheader: string = Build.isDev ? 'Test SubHeader' : undefined;\n  @Prop() size: 'small' | 'medium' | 'large' = 'medium';\n  @Prop() kpis: { value: string; label: string }[] = Build.isDev\n    ? [\n        { value: Math.round(Math.random() * 2000).toString(), label: 'YTD' },\n        { value: Math.round(Math.random() * 2000).toString(), label: 'YTD' },\n        { value: Math.round(Math.random() * 2000).toString(), label: 'YTD' },\n      ]\n    : undefined;\n  @Prop() xLabel: string = Build.isDev ? 'Test X Label' : undefined;\n  @Prop() yLabel: string = Build.isDev ? 'Test Y Label' : undefined;\n  @Prop() customWidth?: number; // Rather then setting a size you can set a custom width\n  @Prop() customHeight?: number; // Rather then setting a size you can set a custom height\n  @Prop() customCardWidth?: number; // Rather then setting a size you can set a custom card width\n  @Prop() customCardStyle?: { [key: string]: string } = {};\n  @Prop() kpisPosition: 'left' | 'top' = 'left';\n  @Prop() hideAdornment: boolean = false;\n  @Prop() hideScrollbarX: boolean = false;\n  @Prop() valueYFields: { fieldName: string; fieldLabel: string }[] = undefined;\n  @Prop() showBullets: boolean = false;\n  private chartId = 'udp-line-chart';\n  private chartRoot: am5.Root;\n  @State() transformedData: { [key: string]: any }[];\n\n  componentDidLoad() {\n    this.transformData();\n  }\n  @Watch('xAxisField')\n  @Watch('yAxisField')\n  @Watch('data')\n  @Watch('xLabel')\n  @Watch('yLabel')\n  @Watch('valueYFields')\n  transformData() {\n    this.transformedData = Build.isDev\n      ? generateMockData()\n      : this.data\n          ?.map(row => ({\n            ...row,\n            [this.xAxisField]:\n              typeof row?.[this.xAxisField] === 'string' && isValidDateString(row?.[this.xAxisField]) ? new Date(row?.[this.xAxisField]).getTime() : row?.[this.xAxisField],\n            ...(this.valueYFields?.length > 0 ? parseValueToNumberMultiSeries(this.valueYFields, row) : { [this.yAxisField]: parseValueToNumber(row?.[this.yAxisField]) }),\n          }))\n          .sort((a, b) => a[this.xAxisField] - b[this.xAxisField]);\n  }\n\n  @Method()\n  makeSeries(chart, xAxis, yAxis, serieName, fieldName, root, singleSerie) {\n    const series = chart.series.push(\n      am5xy.LineSeries.new(this.chartRoot, {\n        name: serieName,\n        xAxis: xAxis,\n        yAxis: yAxis,\n        valueYField: fieldName,\n        valueXField: this.xAxisField,\n        tooltip: am5.Tooltip.new(this.chartRoot, {\n          labelText: singleSerie ? '{valueY}' : '{name}: {valueY}',\n        }),\n      }),\n    );\n\n    if (this.showBullets) {\n      series.bullets.push(function () {\n        return am5.Bullet.new(root, {\n          sprite: am5.Circle.new(root, {\n            radius: 5,\n            fill: series.get('fill'),\n          }),\n        });\n      });\n    }\n\n    series.data.setAll(this.transformedData);\n    \n    // Make stuff animate on load\n    // https://www.amcharts.com/docs/v5/concepts/animations/\n    series.appear();\n\n  }\n\n  @Watch('transformedData')\n  @Watch('showBullets')\n  async renderChart() {\n    // sometimes the element cannot be found right away so loop umtil it loads\n    if (this.el?.shadowRoot?.getElementById?.(this.chartId) == null) {\n      await setTimeout(this.renderChart, 50);\n    }\n\n    if (this.chartRoot) {\n      this.chartRoot.dispose();\n    }\n\n    if (!this.xAxisField || (!this.yAxisField && (!this.valueYFields || this.valueYFields?.length === 0))) return;\n    this.chartRoot = am5.Root.new(this.el.shadowRoot.getElementById(this.chartId));\n\n    // Set themes\n    // https://www.amcharts.com/docs/v5/concepts/themes/\n    this.chartRoot.setThemes([am5themes_Animated.new(this.chartRoot)]);\n\n    // Create chart\n    // https://www.amcharts.com/docs/v5/charts/xy-chart/\n    var chart = this.chartRoot.container.children.push(\n      am5xy.XYChart.new(this.chartRoot, {\n        panX: true,\n        panY: true,\n        wheelX: 'panX',\n        wheelY: 'zoomX',\n        pinchZoomX: true,\n        paddingLeft: 0,\n        layout: this.chartRoot.verticalLayout,\n      }),\n    );\n\n    // Add cursor\n    // https://www.amcharts.com/docs/v5/charts/xy-chart/cursor/\n    var cursor = chart.set(\n      'cursor',\n      am5xy.XYCursor.new(this.chartRoot, {\n        behavior: 'none',\n      }),\n    );\n    cursor.lineY.set('visible', false);\n\n    // Create axes\n    // https://www.amcharts.com/docs/v5/charts/xy-chart/axes/\n    var xAxis = chart.xAxes.push(\n      am5xy.DateAxis.new(this.chartRoot, {\n        maxDeviation: 0.2,\n        baseInterval: {\n          timeUnit: 'day',\n          count: 1,\n        },\n        renderer: am5xy.AxisRendererX.new(this.chartRoot, {\n          minorGridEnabled: true,\n        }),\n        tooltip: am5.Tooltip.new(this.chartRoot, {}),\n      }),\n    );\n\n    var yAxis = chart.yAxes.push(\n      am5xy.ValueAxis.new(this.chartRoot, {\n        renderer: am5xy.AxisRendererY.new(this.chartRoot, {\n          pan: 'zoom',\n        }),\n      }),\n    );\n    addAxisLabelsToXYChart(this.chartRoot, chart, this.xLabel, this.yLabel);\n\n    // Add series\n    // https://www.amcharts.com/docs/v5/charts/xy-chart/series/\n    if (this.valueYFields?.length > 0) {\n      var legend = chart.children.push(\n        am5.Legend.new(this.chartRoot, {\n          centerX: am5.p50,\n          x: am5.p50,\n          marginTop: 15,\n          marginBottom: 15,\n        }),\n      );\n\n      this.valueYFields.forEach(field => {\n        this.makeSeries(chart, xAxis, yAxis, field.fieldLabel, field.fieldName, this.chartRoot, false);\n      });\n      legend.data.setAll(chart.series.values);\n    } else {\n      this.makeSeries(chart, xAxis, yAxis, 'Series 1', this.yAxisField, this.chartRoot, true);\n    }\n    \n    // Add scrollbar\n    // https://www.amcharts.com/docs/v5/charts/xy-chart/scrollbars/\n    if (!this.hideScrollbarX) {\n      chart.set(\n        'scrollbarX',\n        am5.Scrollbar.new(this.chartRoot, {\n          orientation: 'horizontal',\n        }),\n      );\n    }\n\n    // Make stuff animate on load\n    // https://www.amcharts.com/docs/v5/concepts/animations/\n    chart.appear(1000, 100);\n  }\n\n  disconnectedCallback() {\n    // Clean up chart instance on component removal\n    if (this.chartRoot) {\n      this.chartRoot.dispose();\n    }\n  }\n  render() {\n    return (\n      <chart-container\n        adjustChartWidthForKpis\n        title={this.title}\n        subheader={this.subheader}\n        size={this.size}\n        chartId={this.chartId}\n        kpis={this.kpis}\n        customWidth={this.customWidth}\n        customHeight={this.customHeight}\n        customCardWidth={this.customCardWidth}\n        customCardStyle={this.customCardStyle}\n        kpisPosition={this.kpisPosition}\n        hideAdornment={this.hideAdornment}\n      />\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-CLvAjrtw.js → p-Qxi-zxd0.js}

@@ -4,17 +4,17 @@ import { v4 } from 'uuid';
 import { s as state } from './p-BADChq0b.js';
 import { u as useTreeDatasource } from './p-k4AD5Dhf.js';
 import { d as defineCustomElement$d } from './p-DpLtIIwx.js';
-import { d as defineCustomElement$c } from './p-GQEOUb0c.js';
+import { d as defineCustomElement$c } from './p-4hWvEEZf.js';
 import { d as defineCustomElement$b } from './p-Cqop-pkv.js';
-import { d as defineCustomElement$a } from './p-hRee3qYx.js';
-import { d as defineCustomElement$9 } from './p-BYsLvu6g.js';
+import { d as defineCustomElement$a } from './p-D6Wo7quX.js';
+import { d as defineCustomElement$9 } from './p-CpMdhv3j.js';
 import { d as defineCustomElement$8 } from './p-DaLqozen.js';
 import { d as defineCustomElement$7 } from './p-ZeWoGdjP.js';
 import { d as defineCustomElement$6 } from './p-C-wDzVCk.js';
 import { d as defineCustomElement$5 } from './p-DeK9qLsG.js';
-import { d as defineCustomElement$4 } from './p-D32jPxWa.js';
-import { d as defineCustomElement$3 } from './p-BTIWOttf.js';
-import { d as defineCustomElement$2 } from './p-D0T6NTw2.js';
+import { d as defineCustomElement$4 } from './p-ycrk0Lr4.js';
+import { d as defineCustomElement$3 } from './p-W_kxEzVl.js';
+import { d as defineCustomElement$2 } from './p-BANMRVyZ.js';
 import { d as defineCustomElement$1 } from './p-DkppmXNM.js';
 
 const advancedSearchCss = ":host{display:block;height:100%}.container{display:flex;height:100vh}.left-column{flex:1;background-color:white;height:90vh;overflow:scroll;padding:8px}.right-column{flex:2;margin-left:16px;padding:16px;}.filter-group[data-level=\"0\"]{padding-left:0}.filter-group[data-level=\"1\"]{padding-left:20px}.filter-group[data-level=\"2\"]{padding-left:40px}.filter-group{margin-top:24px;border-left:1px solid #bababa}.search-input-list{height:100%;max-height:70vh;overflow:auto}.recent-searches{min-width:300px;margin-bottom:10px}";
@@ -360,6 +360,6 @@ function defineCustomElement() {
 }
 
 export { AdvancedSearchGrouped as A, defineCustomElement as d };
-//# sourceMappingURL=p-CLvAjrtw.js.map
+//# sourceMappingURL=p-Qxi-zxd0.js.map
 
-//# sourceMappingURL=p-CLvAjrtw.js.map
+//# sourceMappingURL=p-Qxi-zxd0.js.map

package/dist/components/{p-CLvAjrtw.js.map → p-Qxi-zxd0.js.map}

@@ -1 +1 @@
-{"file":"p-CLvAjrtw.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","uuid"],"sources":["src/components/my-component/UI/advanced-search/advanced-search.css?tag=advanced-search-grouped&encapsulation=shadow","src/components/my-component/UI/advanced-search/advanced-search-grouped.tsx"],"sourcesContent":[":host {\n  display: block;\n  height: 100%;\n}\n\n.container {\n  display: flex;\n  /* height: 100%; */\n  height: 100vh; \n}\n\n.left-column {\n  flex: 1;\n  background-color: white;\n  height: 90vh;\n  overflow: scroll;\n  padding: 8px;\n}\n\n.right-column {\n  flex: 2;\n  margin-left: 16px;\n  padding: 16px;\n  /* padding-top: 0px; */\n}\n\n.filter-group[data-level=\"0\"] {\n  padding-left: 0;\n}\n\n.filter-group[data-level=\"1\"] {\n  padding-left: 20px;\n}\n\n.filter-group[data-level=\"2\"] {\n  padding-left: 40px;\n}\n\n.filter-group {\n  margin-top: 24px; \n  border-left: 1px solid #bababa;\n}\n\n.search-input-list {\n  height:  100%;\n  max-height: 70vh;\n  overflow: auto;\n}\n\n.recent-searches {\n  min-width: 300px;\n  margin-bottom: 10px;\n}","import Close24 from '@carbon/icons/es/close/24';\nimport { Component, Element, Event, EventEmitter, forceUpdate, h, Prop, State, Watch } from '@stencil/core';\nimport { v4 as uuid } from 'uuid';\nimport { state } from '../../../../store/catalog-store';\nimport { useTreeDatasource } from '../grid/conversionFunctions/conversionFunctions';\nimport { FilterGroup } from './types';\n\n@Component({\n  tag: 'advanced-search-grouped',\n  styleUrl: 'advanced-search.css',\n  shadow: true,\n})\nexport class AdvancedSearchGrouped {\n  @Prop() filterList: any[] = [];\n  @Prop() filterRenderList: any[] = [];\n  @Prop() fetchFilters: Function; // Assuming this function is passed down as a prop correctly\n  @Prop() handleItemClick: (item: { searchField: string; searchOperator: string; searchValue: string }) => void;\n  @State() nestedData: Map<string, any[]> = new Map();\n  @Prop() handleDelete: (arg0: object) => void;\n  @Prop() handleGroupDelete: (filterGroupId: string) => void;\n  @Prop() findGroupById: (groups: FilterGroup[], id: string) => FilterGroup | null;\n\n  @Event() advancedSearchItemChange: EventEmitter;\n  @Prop() handleValueChanged: (event: CustomEvent) => void;\n  @State() searchObject: Array<any> = [];\n  @State() tempNestedData: Map<string, any[]> = new Map();\n  //@Prop() parentFilter?: string;\n  @State() testData: any[] = [];\n  @State() showChildren: boolean = false;\n  @Element() el: HTMLElement;\n  @State() filterGroups: FilterGroup[] = [];\n\n  @Prop() filterObjectsWithGroups: FilterGroup[] = [];\n  @State() disableFilterSelection: boolean = true;\n  @Prop() searchData: any;\n  @Prop() updateLogicalOperator: (groupId: string, logicalOperator: 'AND' | 'OR') => void;\n\n  @Prop() handleAddNewFilter: (groupId: string) => void;\n  @Prop() handleAddNewGroup: (groupId: string, logicalOperator: 'AND' | 'OR') => void;\n  @State() sharedId: string = '';\n\n  @Event() searchItemChanged: EventEmitter;\n  @Event() searchOperatorChanged: EventEmitter;\n\n  @State() filters: Array<{\n    id: string;\n    groupId: string;\n    searchField: string;\n    searchOperator: string;\n    searchValue: string;\n  }> = [];\n\n  @Prop() recentSearchesOptions: any[] = [];\n  @Prop() selectRecentSearch: (e: any) => void;\n  @Prop() fullClearSearch: () => void;\n  @Prop() getLogicalOperatorCode: (logicalOperator: 'AND' | 'OR') => number;\n  @Prop() getLogicalOperatorValue: (logicalOperator: number) => 'AND' | 'OR';\n\n  componentWillLoad() {}\n\n  @Watch('filterList')\n  filterListWatcher(newValue: any[], oldValue: any[]) {\n    if (newValue !== oldValue) {\n      this.testData = newValue;\n      console.log('filterList has changed, updated testData', this.testData);\n    }\n  }\n\n  @Watch('filterObjectsWithGroups')\n  filterObjectsWithGroupsChanged(newValue: FilterGroup[], oldValue: FilterGroup[]) {\n    if (newValue !== oldValue) {\n      console.log('filterObjectsWithGroups has been updated externally');\n      // React to the change as necessary, e.g., re-initialize certain state based on the new prop value\n    }\n  }\n\n  handleReferenceClick = async (referenceValue: string, name: string, parentReference?: string, parentFilter?: string, parent?: string, parentPath?: string) => {\n    console.log(\n      'Clicked reference:',\n      referenceValue,\n      'Name:',\n      name,\n      'Parent Reference:',\n      parentReference,\n      'parentFilter',\n      parentFilter,\n      'parent reference click test',\n      parent,\n      parentPath,\n    );\n\n    if (state.isLoadingCatalogData || state.catalogData === null) {\n      console.log('Catalog data is not ready yet.');\n      return;\n    }\n\n    try {\n      console.log('state.catalogData', state.catalogData);\n      const extendedSearchFilterList = await useTreeDatasource(state.catalogData, referenceValue, true, true, name, parentFilter, parent);\n      console.log('extendedSearchFilterList', extendedSearchFilterList);\n\n      if (Array.isArray(extendedSearchFilterList)) {\n        this.updateNestedData(extendedSearchFilterList);\n      } else {\n        console.error('Extended search filter list is not an array');\n      }\n      console.log('Updated nestedData:', Array.from(this.nestedData.entries()));\n    } catch (error) {\n      console.error('Error fetching filters:', error);\n    }\n  };\n\n  updateNestedData = children => {\n    if (!Array.isArray(children) || children.length === 0) {\n      console.error('Invalid or empty children data provided for updateNestedData');\n      return;\n    }\n\n    console.log('children in updatedNest', children);\n    const fromFilter = children[0].extendedProperties.fromFilter;\n    const parentName = children[0].extendedProperties.parent;\n\n    const checkForName = fromFilter;\n\n    const testParentArray = useTreeDatasource(state.catalogData, checkForName, true, true, name, '', '');\n    console.log('testParentArray', testParentArray);\n\n    if (testParentArray) {\n      testParentArray.forEach(parentItem => {\n        if (parentItem.name === parentName) {\n          parentItem.referenceNode = children;\n          console.log('add referenceNode array', children, testParentArray);\n        } else if (parentItem.reference && parentItem.referenceNode) {\n          this.updateNestedDataRecursively(parentItem.referenceNode, children, parentName);\n        }\n      });\n    }\n\n    // Helper function to check if an item is already present in the array\n    const isItemPresent = (array, item) => array.some(existingItem => existingItem.name === item.name);\n\n    // Recursive function to update the nested data\n    const updateNestedDataHelper = (array, children, parentName) => {\n      return array.map(item => {\n        if (item.name === parentName) {\n          // Filter out children that are already present before appending\n          const newChildren = children.filter(child => !isItemPresent(item.referenceNode || [], child));\n          return { ...item, referenceNode: [...(item.referenceNode || []), ...newChildren] };\n        } else if (item.referenceNode) {\n          return { ...item, referenceNode: updateNestedDataHelper(item.referenceNode, children, parentName) };\n        } else {\n          return item;\n        }\n      });\n    };\n\n    // Start the recursive update and assign it to testData\n    this.testData = updateNestedDataHelper(this.testData, children, parentName);\n\n    console.log('Updated testData', this.testData);\n    forceUpdate(this); // Not generally recommended, use as a last resort\n  };\n\n  updateNestedDataRecursively = (nestedArray, children, parentName) => {\n    nestedArray.forEach(item => {\n      if (item.name === parentName) {\n        item.referenceNode = children;\n      } else if (item.referenceNode) {\n        this.updateNestedDataRecursively(item.referenceNode, children, parentName);\n      }\n    });\n  };\n\n  private onTreeListItemClick = (\n    event: CustomEvent<{ searchField: string; searchOperator: string; searchValue: string; parentName?: string; parent?: string; parentPath?: string; id?: string }>,\n  ) => {\n    const detail = event.detail;\n    console.log('Tree list item clicked in grouped:', detail);\n    // Function to convert string to PascalCase\n    const toPascalCase = str => {\n      return str\n        .split('.')\n        .map(part => part.charAt(0).toUpperCase() + part.slice(1))\n        .join('.');\n    };\n\n    // Check if both parentName and parentPath are present\n    if (detail.parentName && detail.parentPath) {\n      detail.searchField = `${detail.parentPath}.${detail.parentName}.${detail.searchField}`;\n    } else if (detail.parentName) {\n      // If only parentName is present, exclude parentPath\n      detail.searchField = `${detail.parentName}.${detail.searchField}`;\n    } else {\n      // No parentName or parentPath, use searchField as is\n      detail.searchField = `${detail.searchField}`;\n    }\n\n    // Convert searchField to PascalCase\n    detail.searchField = toPascalCase(detail.searchField);\n\n    this.handleItemClick(detail); // Perform the search with the modified search object\n    this.disableFilterSelection = true;\n  };\n\n  updateFilterWithUserData(uniqueId: string, userData: { searchField: string; searchOperator: string; searchValue: string }) {\n    const updatedFilters = this.filters.map(filter => (filter.id === uniqueId ? { ...filter, ...userData } : filter));\n    this.filters = updatedFilters; // Update the state with the modified filters array\n  }\n\n  updateGroupLogicalOperator(groupId: string, newLogicalOperator: 'AND' | 'OR') {\n    const updateOperatorInNode = (nodes: any[], nodeId: string, newOperator: 'AND' | 'OR') => {\n      for (const node of nodes) {\n        if (node.id === nodeId) {\n          node.logicalOperator = newOperator; // Update the operator\n          return true;\n        }\n        if (node.children && updateOperatorInNode(node.children, nodeId, newOperator)) {\n          return true; // Operator updated in a deeper level\n        }\n      }\n      return false; // Node not found\n    };\n\n    // Attempt to update the operator in the node\n    if (updateOperatorInNode(this.filterObjectsWithGroups, groupId, newLogicalOperator)) {\n      // If the update was successful, trigger a state update\n      this.filterObjectsWithGroups = [...this.filterObjectsWithGroups];\n    }\n  }\n\n  handleSearchItemChange(event: CustomEvent) {\n    const { searchOperator, searchValue, filterGroupId, id } = event.detail;\n    const group = this.findGroupById(this.filterObjectsWithGroups, filterGroupId);\n\n    if (group) {\n      const filter = group.filters.find(f => f.id === id);\n      if (filter) {\n        filter.searchOperator = searchOperator;\n        filter.searchValue = searchValue;\n        this.filterObjectsWithGroups = [...this.filterObjectsWithGroups];\n      }\n    }\n\n    this.searchItemChanged.emit(event.detail);\n  }\n\n  private handleOperatorSelected(event: CustomEvent, filterGroupId: string) {\n    const selectedOptionValue = event.detail.value; // Assuming this is '1' for AND, '2' for OR\n    const newLogicalOperator = this.getLogicalOperatorValue(selectedOptionValue);\n\n    // Call the updateLogicalOperator prop function passed from the parent component\n    this.updateLogicalOperator(filterGroupId, newLogicalOperator);\n    this.searchOperatorChanged.emit();\n  }\n\n  currentLogicalOperator: 'AND' | 'OR' = 'AND';\n\n  private renderFilterGroup(filterGroup: FilterGroup, level: number = 0) {\n    const isRoot = filterGroup.id === 'root';\n    const isDefault = filterGroup.id === 'default';\n    const paddingStyle = { 'padding-left': `${20 * level}px` };\n\n    const logicalOperator = this.getLogicalOperatorCode(filterGroup.logicalOperator).toString();\n\n    const operatorSelector = (\n      <udp-selector\n        options={[\n          { value: '1', label: 'AND' },\n          { value: '2', label: 'OR' },\n        ]}\n        onChange={(event: CustomEvent) => this.handleOperatorSelected(event, filterGroup.filterGroupId)}\n        initialValue={logicalOperator}\n        disabled={isRoot || isDefault}\n      />\n    );\n\n    const deleteGroupButton = !isRoot && !isDefault && <stencil-icon-button icon={Close24} onClick={() => this.handleGroupDelete(filterGroup.filterGroupId)} />;\n\n    const filterItems = !isRoot && (\n      <div class=\"search-input-list\">\n        {filterGroup.filters.map((filter, index) => (\n          <search-list-item\n            key={`${filter.id}-${index}`}\n            isDefault={isDefault}\n            id={filter.id}\n            filterGroupId={filter.filterGroupId}\n            label={filter.searchField}\n            handleDelete={() => this.handleDelete(filter)}\n            name={filter.searchValue}\n            operator={filter.searchOperator}\n            onSearchItemChanged={event => this.handleSearchItemChange(event)}\n            isInitialSearchItem={filter.isInitialFilterElement}\n          />\n        ))}\n      </div>\n    );\n\n    const actionButtons = !isDefault && (\n      <div style={{ display: 'flex', gap: '8px', marginTop: '8px' }}>\n        {!isRoot && (\n          <custom-button variant=\"outline\" onClick={() => this.addFilter(filterGroup.id, filterGroup.filterGroupId)}>\n            + Field\n          </custom-button>\n        )}\n        <custom-button variant=\"outline\" onClick={() => this.handleAddNewGroup(!isRoot ? filterGroup.id : 'root', this.currentLogicalOperator)}>\n          + Group\n        </custom-button>\n      </div>\n    );\n\n    const nestedGroups = <div class=\"nested-groups\">{(filterGroup.children || []).map(childGroup => this.renderFilterGroup(childGroup, level + 1))}</div>;\n\n    return (\n      <div class={!isRoot && 'filter-group'} style={paddingStyle}>\n        {isDefault && filterGroup.filters.length === 0 ? null : (\n          <div style={{ marginBottom: '16px' }}>\n            <div style={{ display: 'flex', gap: '8px' }}>\n              {operatorSelector}\n              {deleteGroupButton}\n            </div>\n          </div>\n        )}\n\n        {filterItems}\n        {actionButtons}\n        {nestedGroups}\n      </div>\n    );\n  }\n\n  private addFilter(groupId: string, filterGroupId: string) {\n    console.log('Adding filter...');\n    this.disableFilterSelection = false;\n    if (this.handleAddNewFilter) {\n      this.handleAddNewFilter(filterGroupId);\n    }\n\n    const newFilterPlaceholder = {\n      id: uuid(),\n      groupId: groupId,\n      filterGroupId: filterGroupId,\n      searchField: '', // Initial placeholder for the search field\n      searchOperator: '=', // Default or initial placeholder for the search operator\n      searchValue: '', // Initial placeholder for the search value\n    };\n    this.filters = [...this.filters, newFilterPlaceholder];\n  }\n\n  render() {\n    const safeTestData = Array.isArray(this.testData) ? this.testData : [];\n    //const safeFilterRenderList = Array.isArray(this.filterRenderList) ? this.filterRenderList : [];\n\n    return (\n      <div class=\"container\">\n        <div class=\"left-column\">\n          {this.selectRecentSearch !== null && this.fullClearSearch !== null && (\n            <div class=\"recent-searches\">\n              Recent Searches\n              <div style={{ display: 'flex', alignItems: 'center' }}>\n                <udp-selector options={this.recentSearchesOptions} onChange={(e: CustomEvent) => this.selectRecentSearch(e)} style={{ marginRight: '10px' }}></udp-selector>\n                <udp-function-button delete onClick={this.fullClearSearch}></udp-function-button>\n              </div>\n            </div>\n          )}\n\n          {!safeTestData.length && (\n            <div style={{ marginRight: '8px' }}>\n              <udp-grid-loader width=\"362px\" num-columns=\"1\" num-rows=\"20\"></udp-grid-loader>\n            </div>\n          )}\n          <div>\n            {safeTestData.map((filter, index) => (\n              <tree-list-item\n                add={true}\n                showAdd={true}\n                key={`${filter.name}-${index}`}\n                level={0}\n                label={filter.name}\n                reference={filter.reference}\n                parentName=\"\"\n                parentFilter={filter.extendedProperties.parentFilter}\n                parentPath={'filter.extendedProperties.parentPath'}\n                parent={filter.extendedProperties?.parent}\n                nestedItems={filter.referenceNode}\n                onReference-clicked={(\n                  event: CustomEvent<{ reference: string; name: string; parentReference?: string; parentFilter?: string; parent?: string; parentPath?: string }>,\n                ) =>\n                  this.handleReferenceClick(\n                    event.detail.reference,\n                    event.detail.name,\n                    event.detail.parentReference,\n                    event.detail.parentFilter,\n                    event.detail.parent,\n                    event.detail.parentPath,\n                  )\n                }\n                onItemClick={this.onTreeListItemClick}\n              ></tree-list-item>\n            ))}\n          </div>\n        </div>\n        <div class=\"right-column\">{this.filterObjectsWithGroups.map(group => this.renderFilterGroup(group))}</div>\n        {this.disableFilterSelection && (\n          <div style={{ width: '411px', height: '100vh', background: 'white', position: 'absolute', zIndex: '9', top: '45px', left: 'px', opacity: '0.7' }}></div>\n        )}\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-Qxi-zxd0.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","uuid"],"sources":["src/components/my-component/UI/advanced-search/advanced-search.css?tag=advanced-search-grouped&encapsulation=shadow","src/components/my-component/UI/advanced-search/advanced-search-grouped.tsx"],"sourcesContent":[":host {\n  display: block;\n  height: 100%;\n}\n\n.container {\n  display: flex;\n  /* height: 100%; */\n  height: 100vh; \n}\n\n.left-column {\n  flex: 1;\n  background-color: white;\n  height: 90vh;\n  overflow: scroll;\n  padding: 8px;\n}\n\n.right-column {\n  flex: 2;\n  margin-left: 16px;\n  padding: 16px;\n  /* padding-top: 0px; */\n}\n\n.filter-group[data-level=\"0\"] {\n  padding-left: 0;\n}\n\n.filter-group[data-level=\"1\"] {\n  padding-left: 20px;\n}\n\n.filter-group[data-level=\"2\"] {\n  padding-left: 40px;\n}\n\n.filter-group {\n  margin-top: 24px; \n  border-left: 1px solid #bababa;\n}\n\n.search-input-list {\n  height:  100%;\n  max-height: 70vh;\n  overflow: auto;\n}\n\n.recent-searches {\n  min-width: 300px;\n  margin-bottom: 10px;\n}","import Close24 from '@carbon/icons/es/close/24';\nimport { Component, Element, Event, EventEmitter, forceUpdate, h, Prop, State, Watch } from '@stencil/core';\nimport { v4 as uuid } from 'uuid';\nimport { state } from '../../../../store/catalog-store';\nimport { useTreeDatasource } from '../grid/conversionFunctions/conversionFunctions';\nimport { FilterGroup } from './types';\n\n@Component({\n  tag: 'advanced-search-grouped',\n  styleUrl: 'advanced-search.css',\n  shadow: true,\n})\nexport class AdvancedSearchGrouped {\n  @Prop() filterList: any[] = [];\n  @Prop() filterRenderList: any[] = [];\n  @Prop() fetchFilters: Function; // Assuming this function is passed down as a prop correctly\n  @Prop() handleItemClick: (item: { searchField: string; searchOperator: string; searchValue: string }) => void;\n  @State() nestedData: Map<string, any[]> = new Map();\n  @Prop() handleDelete: (arg0: object) => void;\n  @Prop() handleGroupDelete: (filterGroupId: string) => void;\n  @Prop() findGroupById: (groups: FilterGroup[], id: string) => FilterGroup | null;\n\n  @Event() advancedSearchItemChange: EventEmitter;\n  @Prop() handleValueChanged: (event: CustomEvent) => void;\n  @State() searchObject: Array<any> = [];\n  @State() tempNestedData: Map<string, any[]> = new Map();\n  //@Prop() parentFilter?: string;\n  @State() testData: any[] = [];\n  @State() showChildren: boolean = false;\n  @Element() el: HTMLElement;\n  @State() filterGroups: FilterGroup[] = [];\n\n  @Prop() filterObjectsWithGroups: FilterGroup[] = [];\n  @State() disableFilterSelection: boolean = true;\n  @Prop() searchData: any;\n  @Prop() updateLogicalOperator: (groupId: string, logicalOperator: 'AND' | 'OR') => void;\n\n  @Prop() handleAddNewFilter: (groupId: string) => void;\n  @Prop() handleAddNewGroup: (groupId: string, logicalOperator: 'AND' | 'OR') => void;\n  @State() sharedId: string = '';\n\n  @Event() searchItemChanged: EventEmitter;\n  @Event() searchOperatorChanged: EventEmitter;\n\n  @State() filters: Array<{\n    id: string;\n    groupId: string;\n    searchField: string;\n    searchOperator: string;\n    searchValue: string;\n  }> = [];\n\n  @Prop() recentSearchesOptions: any[] = [];\n  @Prop() selectRecentSearch: (e: any) => void;\n  @Prop() fullClearSearch: () => void;\n  @Prop() getLogicalOperatorCode: (logicalOperator: 'AND' | 'OR') => number;\n  @Prop() getLogicalOperatorValue: (logicalOperator: number) => 'AND' | 'OR';\n\n  componentWillLoad() {}\n\n  @Watch('filterList')\n  filterListWatcher(newValue: any[], oldValue: any[]) {\n    if (newValue !== oldValue) {\n      this.testData = newValue;\n      console.log('filterList has changed, updated testData', this.testData);\n    }\n  }\n\n  @Watch('filterObjectsWithGroups')\n  filterObjectsWithGroupsChanged(newValue: FilterGroup[], oldValue: FilterGroup[]) {\n    if (newValue !== oldValue) {\n      console.log('filterObjectsWithGroups has been updated externally');\n      // React to the change as necessary, e.g., re-initialize certain state based on the new prop value\n    }\n  }\n\n  handleReferenceClick = async (referenceValue: string, name: string, parentReference?: string, parentFilter?: string, parent?: string, parentPath?: string) => {\n    console.log(\n      'Clicked reference:',\n      referenceValue,\n      'Name:',\n      name,\n      'Parent Reference:',\n      parentReference,\n      'parentFilter',\n      parentFilter,\n      'parent reference click test',\n      parent,\n      parentPath,\n    );\n\n    if (state.isLoadingCatalogData || state.catalogData === null) {\n      console.log('Catalog data is not ready yet.');\n      return;\n    }\n\n    try {\n      console.log('state.catalogData', state.catalogData);\n      const extendedSearchFilterList = await useTreeDatasource(state.catalogData, referenceValue, true, true, name, parentFilter, parent);\n      console.log('extendedSearchFilterList', extendedSearchFilterList);\n\n      if (Array.isArray(extendedSearchFilterList)) {\n        this.updateNestedData(extendedSearchFilterList);\n      } else {\n        console.error('Extended search filter list is not an array');\n      }\n      console.log('Updated nestedData:', Array.from(this.nestedData.entries()));\n    } catch (error) {\n      console.error('Error fetching filters:', error);\n    }\n  };\n\n  updateNestedData = children => {\n    if (!Array.isArray(children) || children.length === 0) {\n      console.error('Invalid or empty children data provided for updateNestedData');\n      return;\n    }\n\n    console.log('children in updatedNest', children);\n    const fromFilter = children[0].extendedProperties.fromFilter;\n    const parentName = children[0].extendedProperties.parent;\n\n    const checkForName = fromFilter;\n\n    const testParentArray = useTreeDatasource(state.catalogData, checkForName, true, true, name, '', '');\n    console.log('testParentArray', testParentArray);\n\n    if (testParentArray) {\n      testParentArray.forEach(parentItem => {\n        if (parentItem.name === parentName) {\n          parentItem.referenceNode = children;\n          console.log('add referenceNode array', children, testParentArray);\n        } else if (parentItem.reference && parentItem.referenceNode) {\n          this.updateNestedDataRecursively(parentItem.referenceNode, children, parentName);\n        }\n      });\n    }\n\n    // Helper function to check if an item is already present in the array\n    const isItemPresent = (array, item) => array.some(existingItem => existingItem.name === item.name);\n\n    // Recursive function to update the nested data\n    const updateNestedDataHelper = (array, children, parentName) => {\n      return array.map(item => {\n        if (item.name === parentName) {\n          // Filter out children that are already present before appending\n          const newChildren = children.filter(child => !isItemPresent(item.referenceNode || [], child));\n          return { ...item, referenceNode: [...(item.referenceNode || []), ...newChildren] };\n        } else if (item.referenceNode) {\n          return { ...item, referenceNode: updateNestedDataHelper(item.referenceNode, children, parentName) };\n        } else {\n          return item;\n        }\n      });\n    };\n\n    // Start the recursive update and assign it to testData\n    this.testData = updateNestedDataHelper(this.testData, children, parentName);\n\n    console.log('Updated testData', this.testData);\n    forceUpdate(this); // Not generally recommended, use as a last resort\n  };\n\n  updateNestedDataRecursively = (nestedArray, children, parentName) => {\n    nestedArray.forEach(item => {\n      if (item.name === parentName) {\n        item.referenceNode = children;\n      } else if (item.referenceNode) {\n        this.updateNestedDataRecursively(item.referenceNode, children, parentName);\n      }\n    });\n  };\n\n  private onTreeListItemClick = (\n    event: CustomEvent<{ searchField: string; searchOperator: string; searchValue: string; parentName?: string; parent?: string; parentPath?: string; id?: string }>,\n  ) => {\n    const detail = event.detail;\n    console.log('Tree list item clicked in grouped:', detail);\n    // Function to convert string to PascalCase\n    const toPascalCase = str => {\n      return str\n        .split('.')\n        .map(part => part.charAt(0).toUpperCase() + part.slice(1))\n        .join('.');\n    };\n\n    // Check if both parentName and parentPath are present\n    if (detail.parentName && detail.parentPath) {\n      detail.searchField = `${detail.parentPath}.${detail.parentName}.${detail.searchField}`;\n    } else if (detail.parentName) {\n      // If only parentName is present, exclude parentPath\n      detail.searchField = `${detail.parentName}.${detail.searchField}`;\n    } else {\n      // No parentName or parentPath, use searchField as is\n      detail.searchField = `${detail.searchField}`;\n    }\n\n    // Convert searchField to PascalCase\n    detail.searchField = toPascalCase(detail.searchField);\n\n    this.handleItemClick(detail); // Perform the search with the modified search object\n    this.disableFilterSelection = true;\n  };\n\n  updateFilterWithUserData(uniqueId: string, userData: { searchField: string; searchOperator: string; searchValue: string }) {\n    const updatedFilters = this.filters.map(filter => (filter.id === uniqueId ? { ...filter, ...userData } : filter));\n    this.filters = updatedFilters; // Update the state with the modified filters array\n  }\n\n  updateGroupLogicalOperator(groupId: string, newLogicalOperator: 'AND' | 'OR') {\n    const updateOperatorInNode = (nodes: any[], nodeId: string, newOperator: 'AND' | 'OR') => {\n      for (const node of nodes) {\n        if (node.id === nodeId) {\n          node.logicalOperator = newOperator; // Update the operator\n          return true;\n        }\n        if (node.children && updateOperatorInNode(node.children, nodeId, newOperator)) {\n          return true; // Operator updated in a deeper level\n        }\n      }\n      return false; // Node not found\n    };\n\n    // Attempt to update the operator in the node\n    if (updateOperatorInNode(this.filterObjectsWithGroups, groupId, newLogicalOperator)) {\n      // If the update was successful, trigger a state update\n      this.filterObjectsWithGroups = [...this.filterObjectsWithGroups];\n    }\n  }\n\n  handleSearchItemChange(event: CustomEvent) {\n    const { searchOperator, searchValue, filterGroupId, id } = event.detail;\n    const group = this.findGroupById(this.filterObjectsWithGroups, filterGroupId);\n\n    if (group) {\n      const filter = group.filters.find(f => f.id === id);\n      if (filter) {\n        filter.searchOperator = searchOperator;\n        filter.searchValue = searchValue;\n        this.filterObjectsWithGroups = [...this.filterObjectsWithGroups];\n      }\n    }\n\n    this.searchItemChanged.emit(event.detail);\n  }\n\n  private handleOperatorSelected(event: CustomEvent, filterGroupId: string) {\n    const selectedOptionValue = event.detail.value; // Assuming this is '1' for AND, '2' for OR\n    const newLogicalOperator = this.getLogicalOperatorValue(selectedOptionValue);\n\n    // Call the updateLogicalOperator prop function passed from the parent component\n    this.updateLogicalOperator(filterGroupId, newLogicalOperator);\n    this.searchOperatorChanged.emit();\n  }\n\n  currentLogicalOperator: 'AND' | 'OR' = 'AND';\n\n  private renderFilterGroup(filterGroup: FilterGroup, level: number = 0) {\n    const isRoot = filterGroup.id === 'root';\n    const isDefault = filterGroup.id === 'default';\n    const paddingStyle = { 'padding-left': `${20 * level}px` };\n\n    const logicalOperator = this.getLogicalOperatorCode(filterGroup.logicalOperator).toString();\n\n    const operatorSelector = (\n      <udp-selector\n        options={[\n          { value: '1', label: 'AND' },\n          { value: '2', label: 'OR' },\n        ]}\n        onChange={(event: CustomEvent) => this.handleOperatorSelected(event, filterGroup.filterGroupId)}\n        initialValue={logicalOperator}\n        disabled={isRoot || isDefault}\n      />\n    );\n\n    const deleteGroupButton = !isRoot && !isDefault && <stencil-icon-button icon={Close24} onClick={() => this.handleGroupDelete(filterGroup.filterGroupId)} />;\n\n    const filterItems = !isRoot && (\n      <div class=\"search-input-list\">\n        {filterGroup.filters.map((filter, index) => (\n          <search-list-item\n            key={`${filter.id}-${index}`}\n            isDefault={isDefault}\n            id={filter.id}\n            filterGroupId={filter.filterGroupId}\n            label={filter.searchField}\n            handleDelete={() => this.handleDelete(filter)}\n            name={filter.searchValue}\n            operator={filter.searchOperator}\n            onSearchItemChanged={event => this.handleSearchItemChange(event)}\n            isInitialSearchItem={filter.isInitialFilterElement}\n          />\n        ))}\n      </div>\n    );\n\n    const actionButtons = !isDefault && (\n      <div style={{ display: 'flex', gap: '8px', marginTop: '8px' }}>\n        {!isRoot && (\n          <custom-button variant=\"outline\" onClick={() => this.addFilter(filterGroup.id, filterGroup.filterGroupId)}>\n            + Field\n          </custom-button>\n        )}\n        <custom-button variant=\"outline\" onClick={() => this.handleAddNewGroup(!isRoot ? filterGroup.id : 'root', this.currentLogicalOperator)}>\n          + Group\n        </custom-button>\n      </div>\n    );\n\n    const nestedGroups = <div class=\"nested-groups\">{(filterGroup.children || []).map(childGroup => this.renderFilterGroup(childGroup, level + 1))}</div>;\n\n    return (\n      <div class={!isRoot && 'filter-group'} style={paddingStyle}>\n        {isDefault && filterGroup.filters.length === 0 ? null : (\n          <div style={{ marginBottom: '16px' }}>\n            <div style={{ display: 'flex', gap: '8px' }}>\n              {operatorSelector}\n              {deleteGroupButton}\n            </div>\n          </div>\n        )}\n\n        {filterItems}\n        {actionButtons}\n        {nestedGroups}\n      </div>\n    );\n  }\n\n  private addFilter(groupId: string, filterGroupId: string) {\n    console.log('Adding filter...');\n    this.disableFilterSelection = false;\n    if (this.handleAddNewFilter) {\n      this.handleAddNewFilter(filterGroupId);\n    }\n\n    const newFilterPlaceholder = {\n      id: uuid(),\n      groupId: groupId,\n      filterGroupId: filterGroupId,\n      searchField: '', // Initial placeholder for the search field\n      searchOperator: '=', // Default or initial placeholder for the search operator\n      searchValue: '', // Initial placeholder for the search value\n    };\n    this.filters = [...this.filters, newFilterPlaceholder];\n  }\n\n  render() {\n    const safeTestData = Array.isArray(this.testData) ? this.testData : [];\n    //const safeFilterRenderList = Array.isArray(this.filterRenderList) ? this.filterRenderList : [];\n\n    return (\n      <div class=\"container\">\n        <div class=\"left-column\">\n          {this.selectRecentSearch !== null && this.fullClearSearch !== null && (\n            <div class=\"recent-searches\">\n              Recent Searches\n              <div style={{ display: 'flex', alignItems: 'center' }}>\n                <udp-selector options={this.recentSearchesOptions} onChange={(e: CustomEvent) => this.selectRecentSearch(e)} style={{ marginRight: '10px' }}></udp-selector>\n                <udp-function-button delete onClick={this.fullClearSearch}></udp-function-button>\n              </div>\n            </div>\n          )}\n\n          {!safeTestData.length && (\n            <div style={{ marginRight: '8px' }}>\n              <udp-grid-loader width=\"362px\" num-columns=\"1\" num-rows=\"20\"></udp-grid-loader>\n            </div>\n          )}\n          <div>\n            {safeTestData.map((filter, index) => (\n              <tree-list-item\n                add={true}\n                showAdd={true}\n                key={`${filter.name}-${index}`}\n                level={0}\n                label={filter.name}\n                reference={filter.reference}\n                parentName=\"\"\n                parentFilter={filter.extendedProperties.parentFilter}\n                parentPath={'filter.extendedProperties.parentPath'}\n                parent={filter.extendedProperties?.parent}\n                nestedItems={filter.referenceNode}\n                onReference-clicked={(\n                  event: CustomEvent<{ reference: string; name: string; parentReference?: string; parentFilter?: string; parent?: string; parentPath?: string }>,\n                ) =>\n                  this.handleReferenceClick(\n                    event.detail.reference,\n                    event.detail.name,\n                    event.detail.parentReference,\n                    event.detail.parentFilter,\n                    event.detail.parent,\n                    event.detail.parentPath,\n                  )\n                }\n                onItemClick={this.onTreeListItemClick}\n              ></tree-list-item>\n            ))}\n          </div>\n        </div>\n        <div class=\"right-column\">{this.filterObjectsWithGroups.map(group => this.renderFilterGroup(group))}</div>\n        {this.disableFilterSelection && (\n          <div style={{ width: '411px', height: '100vh', background: 'white', position: 'absolute', zIndex: '9', top: '45px', left: 'px', opacity: '0.7' }}></div>\n        )}\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-DRO3I7Mm.js → p-Qxw1cxga.js}

@@ -15,14 +15,14 @@ import { g as getSelectInteraction } from './p-Dp267u3c.js';
 import { Point, LineString, Polygon } from 'ol/geom';
 import { D as DrawBaseLayerId, P as PopoverOverlayId } from './p-CwN0FuAf.js';
 import { debounce } from 'lodash';
-import { d as defineCustomElement$a } from './p-DueJnVH4.js';
-import { d as defineCustomElement$9 } from './p-BWI0GtPn.js';
-import { d as defineCustomElement$8 } from './p-hRee3qYx.js';
+import { d as defineCustomElement$a } from './p-DyC6jVV8.js';
+import { d as defineCustomElement$9 } from './p-CpQin4NC.js';
+import { d as defineCustomElement$8 } from './p-D6Wo7quX.js';
 import { d as defineCustomElement$7 } from './p-BGjVmQGN.js';
 import { d as defineCustomElement$6 } from './p-ZeWoGdjP.js';
 import { d as defineCustomElement$5 } from './p-C-wDzVCk.js';
-import { d as defineCustomElement$4 } from './p-IlXn87Ki.js';
-import { d as defineCustomElement$3 } from './p-DWJbhjYR.js';
+import { d as defineCustomElement$4 } from './p-1Cv4cku0.js';
+import { d as defineCustomElement$3 } from './p-C1K2NBql.js';
 import { d as defineCustomElement$2 } from './p-CpGuVcRn.js';
 import { d as defineCustomElement$1 } from './p-DkppmXNM.js';
 
@@ -381,7 +381,7 @@ const MapComponent = /*@__PURE__*/ proxyCustomElement(class MapComponent extends
     }
     //////////////////////////////////////////////////////////RENDER/////////////////////////////////////////////////////
     render() {
-        return (h("div", { key: '238a435b8669f3faf293707490acd0a1e49d156a' }, h("div", { key: '4b502e433c24133abf9cad73324801048cfa7cba', id: "map", style: { height: this.mapHeight, width: '100%', overflow: 'hidden' } }, h("slot", { key: 'eb405c79cb5182d04b5fe52d61ff6f75cd235614' })), h("div", { key: 'c94c5d9845d738d168141cc1716671e21793993f', id: "featureDetailsPopOverContainer" }, h("feature-details-popup", { key: '1d5bf0a60d6b7d71930309acefb9786f0fef4d11', currentSelectedFeature: this.currentSelectedFeature, data: this.selectedFeatureProperties, coordinates: this.selectedFeatureCoordinates, enableViewFeature: this.enableViewFeature, handleViewFeature: this.handleViewFeature, popOverAnchorElement: this.anchorElement, showPopOver: this.showPopOver, isReadOnly: this.isReadOnlyFeature, additionalOnclosePopover: this.handleOnCloseFeaturePopover, primaryActions: this.popoverPrimaryActions, moreIconActions: this.popoverMoreIconButtonActions, getMessage: this.getMessagePopover, getMessageIcon: this.getMessageIconPopover, hideMessageIcon: this.hideMessageIconPopover, cardConfig: this.popoverCardConfig, popoverWidth: this.popoverWidth }))));
+        return (h("div", { key: 'f9c3f640b52cf725eca3a8559e5693d2bfe7d7f8' }, h("div", { key: 'a876572e979fee53fb39785ee489eccc8bec256b', id: "map", style: { height: this.mapHeight, width: '100%', overflow: 'hidden' } }, h("slot", { key: '712172adbd958d0fccad84c127678cff196287c9' })), h("div", { key: 'b563b28140fff397b226ad0b4a21ad3bf938d802', id: "featureDetailsPopOverContainer" }, h("feature-details-popup", { key: '479aed4b90f4a260d73a8b387f0cdf191f78591b', currentSelectedFeature: this.currentSelectedFeature, data: this.selectedFeatureProperties, coordinates: this.selectedFeatureCoordinates, enableViewFeature: this.enableViewFeature, handleViewFeature: this.handleViewFeature, popOverAnchorElement: this.anchorElement, showPopOver: this.showPopOver, isReadOnly: this.isReadOnlyFeature, additionalOnclosePopover: this.handleOnCloseFeaturePopover, primaryActions: this.popoverPrimaryActions, moreIconActions: this.popoverMoreIconButtonActions, getMessage: this.getMessagePopover, getMessageIcon: this.getMessageIconPopover, hideMessageIcon: this.hideMessageIconPopover, cardConfig: this.popoverCardConfig, popoverWidth: this.popoverWidth }))));
     }
     get el() { return this; }
     static get watchers() { return {
@@ -553,6 +553,6 @@ function defineCustomElement() {
 }
 
 export { MapComponent as M, defineCustomElement as d };
-//# sourceMappingURL=p-DRO3I7Mm.js.map
+//# sourceMappingURL=p-Qxw1cxga.js.map
 
-//# sourceMappingURL=p-DRO3I7Mm.js.map
+//# sourceMappingURL=p-Qxw1cxga.js.map