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

package/dist/components/stencil-field2.js.map

@@ -1 +0,0 @@
-{"file":"stencil-field2.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/forms/form/stencil-field.tsx"],"sourcesContent":["/**\n * StencilField - Form field wrapper component that integrates with Final Form\n *\n * This component acts as a bridge between form input components and Final Form state management.\n * It uses slot-based rendering and property injection to work with any child input component.\n *\n * REQUIREMENTS FOR CHILD COMPONENTS:\n *\n * 1. VALUE HANDLING:\n *    - SIMPLE INPUTS: Manage own value state, receive initialValue prop from stencil-field\n *    - COMPLEX INPUTS: Same approach - internal value management with initialValue\n *    - stencil-field reads values from DOM events or custom events, never directly modifies component value\n *\n * 2. ERROR HANDLING:\n *    - Child component should have an @Prop() error: string\n *    - Use @Watch('error') to react to validation errors\n *\n * 3. EVENT HANDLERS:\n *    - Child component must emit standard DOM events (input, change, blur, focus)\n *    - SIMPLE INPUTS: Standard HTML input/textarea that emits native events\n *    - COMPLEX INPUTS: Emit CustomEvent with detail containing the value\n *\n * 4. STANDARD FORM PROPS:\n *    - @Prop() name: string (for form field identification)\n *    - @Prop() id: string (for accessibility)\n *    - @Prop() label: string (for field labeling)\n *    - @Prop() initialValue: string (for setting initial/default values)\n *\n * EXAMPLE SIMPLE INPUT:\n * ```tsx\n * @Component({ tag: 'simple-input' })\n * export class SimpleInput {\n *   @Prop() error: string;\n *   @Prop() name: string;\n *   @Prop() id: string;\n *   @Prop() label: string;\n *   @Prop() initialValue: string;\n *   @State() value: string;\n *\n *   componentWillLoad() {\n *     this.value = this.initialValue || '';\n *   }\n *\n *   private onChange = (e: Event) => {\n *     this.value = (e.target as HTMLInputElement).value;\n *   }\n *\n *   render() {\n *     return <input name={this.name} id={this.id} value={this.value} onInput={this.onChange} />;\n *   }\n * }\n * ```\n *\n * EXAMPLE COMPLEX INPUT:\n * ```tsx\n * @Component({ tag: 'complex-input' })\n * export class ComplexInput {\n *   @Prop() error: string;\n *   @Prop() name: string;\n *   @Prop() id: string;\n *   @Prop() label: string;\n *   @Prop() initialValue: string;\n *   @State() value: string;\n *\n *   componentWillLoad() {\n *     this.value = this.initialValue || '';\n *   }\n *\n *   @Watch('error')\n *   updateError() {\n *     // Handle error display\n *   }\n *\n *   private onChange = (newValue: string) => {\n *     this.value = newValue; // Update internal state\n *     // Emit custom event for stencil-field\n *     this.el.dispatchEvent(new CustomEvent('input', {\n *       detail: newValue,\n *       bubbles: true\n *     }));\n *   }\n * }\n * ```\n *\n * USAGE:\n * ```tsx\n * <!-- Simple input with initial value -->\n * <stencil-field name=\"email\" label=\"Email\" required>\n *   <simple-input />\n * </stencil-field>\n *\n * <!-- Complex component -->\n * <stencil-field name=\"tags\" label=\"Tags\" required>\n *   <tag-selector />\n * </stencil-field>\n * ```\n */\nimport { Component, Prop, h, State, Listen, Element, Method } from '@stencil/core';\n\n@Component({\n  tag: 'stencil-field',\n  shadow: false,\n})\nexport class StencilField {\n  @Element() el: HTMLElement;\n  @Prop() id: string;\n  @Prop() defaultValue: string;\n  @Prop() name: string;\n  @Prop() label: string;\n  @Prop() required: boolean = false;\n  @Prop({ mutable: true }) value: string;\n  @Prop() fieldIdentifierKey: string = null;\n  @Prop() registerMetadata: boolean = false;\n  @Prop() metadataFieldNames: string[] = null;\n  @Prop() ignoreDirty: boolean = false; // If true, field changes won't mark form as dirty\n\n  @State() errorMessage: string;\n  @State() registered: boolean = false;\n  @State() finalFormBlur: (e: Event) => void = () => {};\n  @State() finalFormChange: (value: any) => void = () => {};\n  @State() finalFormFocus: (e: Event) => void = () => {};\n  @State() finalFormChangeMetadata: { [key: string]: (val: any) => void } = {};\n  \n  private state: any;\n\n  @Method()\n  async setFormApi(formApi: any) {\n    this.state = formApi;\n\n    // --- Main field to register. mainly used for the VALUE field, but can be used with any field names --- // i.e \"section1.question1.value\"  or \"section1.question1.metadata.timestamp\"\n    this.state.api.registerField(\n      `${this.name}`,\n      fieldState => {\n        const { blur, change, focus, value } = fieldState;\n\n        if (!this.state.registeredFields[this.name]) {\n          this.state.registeredFields[this.name] = { required: this.required, ignoreDirty: this.ignoreDirty };\n          // first time, register event listeners\n\n          this.finalFormBlur = () => {\n            blur();\n            // Preserve custom errors - only use Final Form errors if no custom error exists\n            const finalFormError = this.state.api.getFieldState(this.name)?.error;\n            if (!this.errorMessage) {\n              this.errorMessage = finalFormError || '';\n            }\n          };\n\n          this.finalFormChange = event => {\n            change(event);\n            // reset the error on change, error state will be re-evaluated when the blur event is triggered\n            this.errorMessage = '';\n            // // Force re-render to inject cleared error into child components\n            this.injectPropsIntoSlottedElements();\n          };\n\n          this.finalFormFocus = focus;\n          this.registered = true;\n        }\n\n        // update value\n        this.value = value ?? '';\n      },\n      { value: true, error: false, touched: false },\n    );\n\n    // --- Used for Non User-input METADATA FIELDS (eg. signature location data, timestamp) --- //\n    if (this.registerMetadata && this.fieldIdentifierKey && Array.isArray(this.metadataFieldNames)) {\n      // Store callbacks per metadata key\n      if (!this.finalFormChangeMetadata) {\n        this.finalFormChangeMetadata = {} as any;\n      }\n\n      for (const metadataKey of this.metadataFieldNames) {\n        this.state.api.registerField(\n          `${this.fieldIdentifierKey}.metadata.${metadataKey}`,\n          fieldState => {\n            const { change } = fieldState;\n\n            // keep callback for this key\n            this.finalFormChangeMetadata[metadataKey] = (newVal: any) => {\n              change(newVal);\n            };\n\n          },\n          { value: true },\n        );\n      }\n    }\n  }\n\n  componentDidRender() {\n    this.injectPropsIntoSlottedElements();\n  }\n\n  componentDidUpdate() {\n    this.injectPropsIntoSlottedElements();\n  }\n\n  private injectPropsIntoSlottedElements() {\n    const hasSlottedContent = this.el.children.length > 0;\n\n    if (hasSlottedContent) {\n      Array.from(this.el.children).forEach((element: any) => {\n        // Inject form field props\n        // Pass initial value only, don't control the component's value directly\n        if (this.value !== undefined && !element.hasAttribute('data-initial-value-set')) {\n          element.initialValue = this.value;\n          element.setAttribute('data-initial-value-set', 'true');\n        }\n\n        // Always update error state (including clearing it)\n        element.error = this.errorMessage || '';\n\n        if (this.name) element.name = this.name;\n        if (this.id) element.id = this.id;\n        if (this.label) element.label = this.label;\n\n        // Set up event handlers if not already bound\n        if (!element.hasAttribute('data-field-events-bound')) {\n          element.addEventListener('input', this.handleInput.bind(this));\n          element.addEventListener('change', this.handleChange.bind(this));\n          element.addEventListener('blur', this.handleBlur.bind(this));\n          element.addEventListener('focus', this.handleFocus.bind(this));\n          element.addEventListener('error', this.handleError.bind(this));\n          element.setAttribute('data-field-events-bound', 'true');\n        }\n      });\n    }\n  }\n\n  disconnectedCallback() {\n    // Clean up the field from the registry when component is unmounted\n    if (!this.name) {\n      return;\n    }\n    if (this.state.registeredFields[this.name]) {\n      delete this.state.registeredFields[this.name];\n    }\n\n    // Final Form automatically handles field cleanup when no longer subscribed,\n    // but we can also explicitly remove the field value if needed\n    try {\n      if (this.state.api?.change) {\n        this.state.api.change(this.name, undefined);\n      }\n    } catch (error) {\n      // Silently handle any errors during cleanup\n      console.debug('Field cleanup warning:', error);\n    }\n\n    // Reset registration state\n    this.registered = false;\n  }\n\n  @Listen('input')\n  handleInput(e: Event) {\n    let value;\n\n    // Handle custom events from complex components\n    if (e instanceof CustomEvent && e.detail !== undefined) {\n      value = e.detail;\n    } else {\n      // Handle standard DOM events - need to find the actual input element\n      const target = e.target as HTMLElement;\n\n      // If target is a custom component, look for the actual input in its shadow DOM\n      if (target.shadowRoot) {\n        const input = target.shadowRoot.querySelector('input, textarea, select') as\n          | HTMLInputElement\n          | HTMLTextAreaElement\n          | HTMLSelectElement;\n        if (input) {\n          value = input.value;\n        }\n      }\n      // If target is the actual input element\n      else if (\n        target.tagName === 'INPUT' ||\n        target.tagName === 'TEXTAREA' ||\n        target.tagName === 'SELECT'\n      ) {\n        value = (target as HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement).value;\n      }\n      // Fallback: check if the custom component has a value property\n      else if ('value' in target) {\n        value = (target as any).value;\n      }\n    }\n\n    if (value !== undefined) {\n      this.finalFormChange?.(value);\n    }\n  }\n\n  @Listen('change')\n  handleChange(e: Event) {\n    let value;\n\n    // Handle custom events from complex components\n    if (e instanceof CustomEvent && e.detail !== undefined) {\n      value = e.detail;\n    } else {\n      // Handle standard DOM events - need to find the actual input element\n      const target = e.target as HTMLElement;\n\n      // If target is a custom component, look for the actual input in its shadow DOM\n      if (target.shadowRoot) {\n        const input = target.shadowRoot.querySelector('input, textarea, select') as\n          | HTMLInputElement\n          | HTMLTextAreaElement\n          | HTMLSelectElement;\n        if (input) {\n          value = input.value;\n        }\n      }\n      // If target is the actual input element\n      else if (\n        target.tagName === 'INPUT' ||\n        target.tagName === 'TEXTAREA' ||\n        target.tagName === 'SELECT'\n      ) {\n        value = (target as HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement).value;\n      }\n      // Fallback: check if the custom component has a value property\n      else if ('value' in target) {\n        value = (target as any).value;\n      }\n    }\n\n    if (value !== undefined) {\n      this.finalFormChange?.(value);\n      // For complex components that emit custom events, also trigger blur validation\n      if (e instanceof CustomEvent) {\n        this.finalFormBlur?.(e);\n      }\n    }\n  }\n\n  @Listen('metadataEmit')\n  handleMetadata(e: CustomEvent<{ key: string; value: any }>) {\n    const { key, value } = e.detail || {};\n    if (key && this.finalFormChangeMetadata?.[key]) {\n      this.finalFormChangeMetadata[key](value);\n    }\n  }\n\n  @Listen('focus')\n  handleFocus(e: FocusEvent) {\n    this.finalFormFocus?.(e);\n  }\n\n  @Listen('blur')\n  handleBlur(e: FocusEvent) {\n    this.finalFormBlur?.(e);\n  }\n\n  handleError(e: CustomEvent) {\n    // Handle error events from slotted child components\n    if (e.detail !== undefined) {\n      this.errorMessage = e.detail;\n\n      // Store the custom error in the form's custom errors registry\n      if (this.state?.registeredFields && this.name) {\n        if (!this.state.customErrors) {\n          this.state.customErrors = {};\n        }\n        this.state.customErrors[this.name] = e.detail;\n\n        // Trigger form validation to include custom errors\n        if (this.state.api) {\n          // Force re-validation by changing the field value to itself\n          const currentValue = this.state.api.getFieldState(this.name)?.value;\n          this.state.api.change(this.name, currentValue);\n        }\n      }\n\n      // Force re-render to inject error state\n      this.injectPropsIntoSlottedElements();\n    }\n  }\n\n  @Listen('stencilFormInvalidEvent', { target: 'body' })\n  stencilInvalid(e: CustomEvent) {\n    // Handle form validation errors\n    if (e.detail && this.name && e.detail[this.name]) {\n      // Set the error message for this specific field\n      this.errorMessage = e.detail[this.name];\n      // Force re-render to inject error into child components\n      this.injectPropsIntoSlottedElements();\n    }\n    // Don't call finalFormBlur here as it might overwrite custom errors\n  }\n  render() {\n    if (!this.registered) {\n      return null;\n    }\n\n    // Always use slot-based rendering\n    return <slot />;\n  }\n}\n"],"version":3}

package/dist/components/stencil-form.js.map

@@ -1 +0,0 @@
-{"file":"stencil-form.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/stencil-form2.js.map

@@ -1 +0,0 @@
-{"file":"stencil-form2.js","mappings":";;;;MAQa,WAAW,iBAAAA,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;AAgBtB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;;;AAXQ,QAAA,IAAc,CAAA,cAAA,GAAY,IAAI;AAQ7B,QAAA,IAAgB,CAAA,gBAAA,GAAoE,EAAE;AACtF,QAAA,IAAY,CAAA,YAAA,GAA8B,EAAE;AA2DrD;;AAEG;AACK,QAAA,IAAgB,CAAA,gBAAA,GAAG,MAAK;AAC9B,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,MAAM,CAAC;AACrD,YAAA,IAAI,CAAC,IAAI;gBAAE;;AAGX,YAAA,IAAI,CAAC,aAAa,EAAE,CAAC,OAAO,CAAC,IAAI,IAAI,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,CAAC;AACzE,SAAC;QAjEC,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,IAAI,CAAC;QAChE,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC;QAC1D,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;QACpC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;AACjD;AAEO,IAAA,YAAY,CAAC,KAA8B,EAAA;QACjD,IAAK,KAAa,CAAC,iBAAiB;YAAE;QAEtC,KAAK,CAAC,UAAU,CAAC;YACf,GAAG,EAAE,IAAI,CAAC,GAAG;YACb,gBAAgB,EAAE,IAAI,CAAC,gBAAgB;YACvC,YAAY,EAAE,IAAI,CAAC,YAAY;AAChC,SAAA,CAAC;AAED,QAAA,KAAa,CAAC,iBAAiB,GAAG,IAAI;;AAGzC;;;AAGG;IACK,MAAM,sBAAsB,CAAC,IAAU,EAAA;;QAE7C,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY,EAAE;YACvC;;QAEF,MAAM,OAAO,GAAG,IAAe;;;QAI/B,IAAI,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;YACnC,MAAM,cAAc,CAAC,WAAW,CAAC,OAAO,CAAC,SAAS,CAAC;;;AAIrD,QAAA,IAAI,OAAO,CAAC,OAAO,CAAC,eAAe,CAAC,EAAE;AACpC,YAAA,IAAI,CAAC,YAAY,CAAC,OAAkC,CAAC;;;AAIvD,QAAA,IAAI,CAAC,oBAAoB,CAAC,OAAO,CAAC;;AAGlC,QAAA,IAAI,OAAO,CAAC,UAAU,EAAE;AACtB,YAAA,KAAK,MAAM,KAAK,IAAI,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE;AAC7D,gBAAA,MAAM,IAAI,CAAC,sBAAsB,CAAC,KAAK,CAAC;;;;AAK5C,QAAA,KAAK,MAAM,KAAK,IAAI,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE;AAClD,YAAA,MAAM,IAAI,CAAC,sBAAsB,CAAC,KAAK,CAAC;;;AAe5C;;AAEG;AACK,IAAA,oBAAoB,CAAC,IAAU,EAAA;QACrC,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY,EAAE;YACvC;;QAEF,MAAM,OAAO,GAAG,IAAe;;AAG/B,QAAA,IAAI,OAAO,CAAC,OAAO,CAAC,6CAA6C,CAAC,EAAE;YAClE,MAAM,WAAW,GAAG,OAAsB;;AAE1C,YAAA,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,oBAAoB,EAAE;AAC7C,gBAAA,WAAW,CAAC,OAAO,CAAC,oBAAoB,GAAG,MAAM;AACjD,gBAAA,OAAO,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,IAAG;oBACpC,CAAC,CAAC,cAAc,EAAE;AAClB,oBAAA,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;AAChB,iBAAC,CAAC;;;;QAKN,MAAM,aAAa,GAAG,OAAO,CAAC,gBAAgB,CAAC,6CAA6C,CAAC;AAC7F,QAAA,aAAa,CAAC,OAAO,CAAC,CAAC,MAAe,KAAI;YACxC,MAAM,UAAU,GAAG,MAAqB;;AAExC,YAAA,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,oBAAoB,EAAE;AAC5C,gBAAA,UAAU,CAAC,OAAO,CAAC,oBAAoB,GAAG,MAAM;AAChD,gBAAA,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,IAAG;oBACnC,CAAC,CAAC,cAAc,EAAE;AAClB,oBAAA,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;AAChB,iBAAC,CAAC;;AAEN,SAAC,CAAC;;IAGJ,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,GAAG,GAAG,UAAU,CAAC;YACpB,QAAQ,EAAE,IAAI,CAAC,oBAAoB;YACnC,aAAa,EAAE,IAAI,CAAC,aAAa;YACjC,QAAQ,EAAE,IAAI,CAAC,iBAAiB;YAChC,cAAc,EAAE,IAAI,CAAC,cAAc;AACpC,SAAA,CAAC;AAEF,QAAA,IAAI,IAAI,CAAC,YAAY,EAAE;AACrB,YAAA,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,IAAI,CAAC,YAAY,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC;;;AAIzD,QAAA,IAAI,CAAC,GAAG,CAAC,SAAS,CAChB,SAAS,IAAG;AACV,YAAA,MAAM,EAAE,WAAW,EAAE,GAAG,SAAS;AACjC,YAAA,MAAM,UAAU,GAAG,IAAI,CAAC,gBAAgB;;AAGxC,YAAA,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,IAAI,EAAE,CAAC,CAAC,IAAI,CACxD,IAAI,IAAI,EAAA,IAAA,EAAA,CAAA,CAAA,OAAA,WAAW,CAAC,IAAI,CAAC,IAAI,EAAC,MAAA,UAAU,CAAC,IAAI,CAAC,0CAAE,WAAW,CAAA,CAAA,EAAA,CAC5D;AAED,YAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,cAAc,CAAC;AACvC,SAAC,EACD,EAAE,WAAW,EAAE,IAAI,EAAE,CACtB;;IAGH,gBAAgB,GAAA;AACd,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,MAAM,CAAC;;QAGrD,IAAI,CAAC,QAAQ,GAAG,IAAI,gBAAgB,CAAC,SAAS,IAAG;AAC/C,YAAA,KAAK,MAAM,QAAQ,IAAI,SAAS,EAAE;AAChC,gBAAA,QAAQ,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,IAAG;AACjC,oBAAA,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC;AACnC,iBAAC,CAAC;;AAEN,SAAC,CAAC;;QAGF,MAAM,oBAAoB,GAAG,MAAK;AAChC,YAAA,MAAM,aAAa,GAAG,CAAA,IAAI,KAAJ,IAAA,IAAA,IAAI,uBAAJ,IAAI,CAAE,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,KAAI,EAAE;AAElE,YAAA,aAAa,CAAC,OAAO,CAAC,IAAI,IAAG;gBAC3B,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY,EAAE;AACvC,oBAAA,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAC/D,oBAAA,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,CAAC;;AAEtC,aAAC,CAAC;AACJ,SAAC;QAED,IAAI,IAAI,EAAE;YACR,oBAAoB,EAAE,CAAC;YACvB,IAAI,CAAC,gBAAgB,CAAC,YAAY,EAAE,oBAAoB,CAAC,CAAC;;;AAI5D,QAAA,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;QAElE,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,kBAAkB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;;IAG/F,oBAAoB,GAAA;;AAClB,QAAA,IAAI,CAAC,GAAG,GAAG,IAAI;AACf,QAAA,IAAI,CAAC,gBAAgB,GAAG,EAAE;AAE1B,QAAA,MAAM,IAAI,GAAG,CAAA,EAAA,GAAA,IAAI,CAAC,EAAE,CAAC,UAAU,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,aAAa,CAAC,MAAM,CAAC;QACtD,IAAI,IAAI,EAAE;YACR,IAAI,CAAC,mBAAmB,CAAC,YAAY,EAAE,IAAI,CAAC,gBAAgB,CAAC;;;AAIjE,IAAA,YAAY,CAAC,SAAc,EAAA;QACzB,IAAI,IAAI,CAAC,YAAY,IAAI,SAAS,CAAC,MAAM,EAAE;AACzC,YAAA,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,MAAM,CAAC;;;IAIvC,MAAM,oBAAoB,CAAC,MAA8B,EAAA;QACvD,MAAM,MAAM,GAAG,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC;QAC7C,IAAI,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE;AACpC,YAAA,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC;;aACpB;AACL,YAAA,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,MAAM,CAAC;;;AAI7C,IAAA,iBAAiB,CAAC,MAAc,EAAA;AAC9B,QAAA,MAAM,EAAE,gBAAgB,EAAE,YAAY,EAAE,GAAG,IAAI;QAC/C,MAAM,MAAM,GAAG,EAAE;;QAGjB,MAAM,SAAS,GAAG,CAAC,GAAG,EAAE,IAAI,KAC1B;AACG,aAAA,OAAO,CAAC,YAAY,EAAE,KAAK,CAAC;aAC5B,KAAK,CAAC,GAAG;aACT,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,EAAE,GAAG,CAAC;;QAG1D,MAAM,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,OAAO,CAAC,KAAK,IAAG;AAC5C,YAAA,MAAM,IAAI,GAAG,gBAAgB,CAAC,KAAK,CAAC;AACpC,YAAA,IAAI,IAAI,KAAJ,IAAA,IAAA,IAAI,KAAJ,MAAA,GAAA,MAAA,GAAA,IAAI,CAAE,WAAW;AAAE,gBAAA,OAAO;YAE9B,MAAM,MAAM,GAAG,SAAS,CAAC,MAAM,EAAE,KAAK,CAAC;;YAGvC,IACE,IAAI,CAAC,QAAQ;iBACZ,MAAM,IAAI,IAAI;qBACZ,OAAO,MAAM,KAAK,QAAQ,IAAI,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC;AACpD,oBAAA,MAAM,KAAK,KAAK;AAChB,oBAAA,MAAM,KAAK,OAAO,CAAC,EACrB;AACA,gBAAA,MAAM,CAAC,KAAK,CAAC,GAAG,wBAAwB;;AAE5C,SAAC,CAAC;;QAGF,IAAI,YAAY,EAAE;YAChB,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,KAAK,IAAG;AACxC,gBAAA,IAAI,YAAY,CAAC,KAAK,CAAC,EAAE;oBACvB,MAAM,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,KAAK,CAAC;;AAEvC,aAAC,CAAC;;;QAIJ,IAAI,IAAI,aAAJ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAE,cAAc,EAAE;YACxB,MAAM,uBAAuB,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE,MAAM,CAAC;AACnE,YAAA,OAAY,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,MAAM,CAAK,EAAA,uBAAuB,CAAG;;AAGnD,QAAA,OAAO,MAAM;;AAIf,IAAA,MAAM,MAAM,GAAA;AACV,QAAA,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE;AACb,YAAA,OAAO,CAAC,KAAK,CAAC,iCAAiC,CAAC;AAChD,YAAA,OAAO,IAAI;;QAEb,OAAO,IAAI,CAAC,GAAG;;AAGjB,IAAA,MAAM,CAAC,CAAC,EAAA;;AACN,QAAA,CAAA,EAAA,GAAA,CAAC,aAAD,CAAC,KAAA,MAAA,GAAA,MAAA,GAAD,CAAC,CAAE,cAAc,iDAAI;QACrB,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,MAAM;QACzC,MAAM,MAAM,GAAG,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC;QAE7C,MAAM,cAAc,GAAG,MAAK;;YAC1B,IAAI,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE;AAC9B,gBAAA,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,MAAM,CAAC;gBACzC;;YAEF,CAAA,EAAA,GAAA,IAAI,CAAC,GAAG,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,MAAM,EAAE;AACpB,SAAC;AACD,QAAA,QAAQ,CAAC,cAAc,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,EAAE;;IAGtE,MAAM,GAAA;QACJ,QACE,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/forms/form/stencil-form.tsx"],"sourcesContent":["import { Component, h, Prop, Event as StencilEvent, EventEmitter, State, Element, Method } from '@stencil/core';\nimport { createForm, FormApi } from 'final-form';\nimport debounce from 'lodash.debounce';\n\n@Component({\n  tag: 'stencil-form',\n  shadow: true,\n})\nexport class StencilForm {\n  @Element() el: HTMLElement;\n  @Prop() handleSubmit: (values: Object) => void;\n  @Prop() initialValues: Object;\n  @Prop() handleValidate: (values: Object, errors: Object) => Object;\n  @Prop() validateOnBlur: boolean = true;\n  @Prop() handleChange: (values: Object) => void;\n  @StencilEvent() stencilFormInvalidEvent: EventEmitter<Object>;\n  @StencilEvent() dirtyChange: EventEmitter<boolean>;\n\n  private observer: MutationObserver;\n\n  @State() api: FormApi;\n  @State() registeredFields: { [key: string]: { required: boolean, ignoreDirty?: boolean } } = {};\n  @State() customErrors: { [key: string]: string } = {};\n\n  constructor() {\n    this.submitWithValidation = this.submitWithValidation.bind(this);\n    this.defaultValidation = this.defaultValidation.bind(this);\n    this.submit = this.submit.bind(this);\n    this.onFormChange = this.onFormChange.bind(this);\n  }\n\n  private connectField(field: HTMLStencilFieldElement) {\n    if ((field as any).__connectedToForm) return;\n\n    field.setFormApi({\n      api: this.api,\n      registeredFields: this.registeredFields,\n      customErrors: this.customErrors,\n    });\n\n    (field as any).__connectedToForm = true;\n  }\n\n  /**\n   * Asynchronously and recursively traverses a node and all of its light DOM\n   * and shadow DOM descendants, connecting any stencil-fields it finds.\n   */\n  private async processNodeRecursively(node: Node) {\n    // 1. Skip anything that isn't an element\n    if (node.nodeType !== Node.ELEMENT_NODE) {\n      return;\n    }\n    const element = node as Element;\n\n    // 2. If the element is a custom component, wait for it to be defined.\n    // This ensures its shadowRoot is available if it has one.\n    if (element.localName.includes('-')) {\n      await customElements.whenDefined(element.localName);\n    }\n\n    // 3. Process the element itself\n    if (element.matches('stencil-field')) {\n      this.connectField(element as HTMLStencilFieldElement);\n    }\n\n    // 4. Connect submit buttons\n    this.connectSubmitButtons(element);\n\n    // 5. If the element has a shadowRoot, recursively process its children\n    if (element.shadowRoot) {\n      for (const child of Array.from(element.shadowRoot.childNodes)) {\n        await this.processNodeRecursively(child);\n      }\n    }\n\n    // 6. Recursively process all light DOM children\n    for (const child of Array.from(element.childNodes)) {\n      await this.processNodeRecursively(child);\n    }\n  }\n\n  /**\n   * The event handler for slot changes. It kicks off the recursive processing.\n   */\n  private handleSlotChange = () => {\n    const slot = this.el.shadowRoot.querySelector('slot');\n    if (!slot) return;\n\n    // Process every node assigned to the slot\n    slot.assignedNodes().forEach(node => this.processNodeRecursively(node));\n  };\n\n  /**\n   * Connect submit buttons in slotted content to this form\n   */\n  private connectSubmitButtons(node: Node) {\n    if (node.nodeType !== Node.ELEMENT_NODE) {\n      return;\n    }\n    const element = node as Element;\n\n    // Check if the element itself is a submit button\n    if (element.matches('input[type=\"submit\"], button[type=\"submit\"]')) {\n      const htmlElement = element as HTMLElement;\n      // Avoid duplicate event listeners\n      if (!htmlElement.dataset.stencilFormConnected) {\n        htmlElement.dataset.stencilFormConnected = 'true';\n        element.addEventListener('click', e => {\n          e.preventDefault();\n          this.submit(e);\n        });\n      }\n    }\n\n    // Find submit buttons in descendants and connect them\n    const submitButtons = element.querySelectorAll('input[type=\"submit\"], button[type=\"submit\"]');\n    submitButtons.forEach((button: Element) => {\n      const htmlButton = button as HTMLElement;\n      // Avoid duplicate event listeners\n      if (!htmlButton.dataset.stencilFormConnected) {\n        htmlButton.dataset.stencilFormConnected = 'true';\n        button.addEventListener('click', e => {\n          e.preventDefault();\n          this.submit(e);\n        });\n      }\n    });\n  }\n\n  componentWillLoad() {\n    this.api = createForm({\n      onSubmit: this.submitWithValidation,\n      initialValues: this.initialValues,\n      validate: this.defaultValidation,\n      validateOnBlur: this.validateOnBlur,\n    });\n\n    if (this.handleChange) {\n      this.api.subscribe(this.onFormChange, { values: true });\n    }\n\n    // Subscription for the dirty state change event, but consider ignoreDirty flags and ignore any fields configured with ignoreDirty=true\n    this.api.subscribe(\n      formState => {\n        const { dirtyFields } = formState;\n        const registered = this.registeredFields;\n\n        // Determine if any field that is *not ignored* is dirty\n        const hasDirtyFields = Object.keys(dirtyFields || {}).some(\n          name => dirtyFields[name] && !registered[name]?.ignoreDirty\n        );\n\n        this.dirtyChange.emit(hasDirtyFields);\n      },\n      { dirtyFields: true },\n    );\n  }\n\n  componentDidLoad() {\n    const slot = this.el.shadowRoot.querySelector('slot');\n\n    // Create the observer first\n    this.observer = new MutationObserver(mutations => {\n      for (const mutation of mutations) {\n        mutation.addedNodes.forEach(node => {\n          this.processNodeRecursively(node);\n        });\n      }\n    });\n\n    // Function to handle slot changes or initial processing\n    const observeAssignedNodes = () => {\n      const assignedNodes = slot?.assignedNodes({ flatten: true }) || [];\n\n      assignedNodes.forEach(node => {\n        if (node.nodeType === Node.ELEMENT_NODE) {\n          this.observer.observe(node, { childList: true, subtree: true });\n          this.processNodeRecursively(node); // Process immediately in case nodes are already present\n        }\n      });\n    };\n\n    if (slot) {\n      observeAssignedNodes(); // Initial\n      slot.addEventListener('slotchange', observeAssignedNodes); // Handle dynamic slot content\n    }\n\n    // If you're also rendering some fields directly in this.el (not through slot), you can keep this:\n    this.observer.observe(this.el, { childList: true, subtree: true });\n\n    this.el.dispatchEvent(new CustomEvent('stencilFormReady', { bubbles: true, composed: true }));\n  }\n\n  disconnectedCallback() {\n    this.api = null;\n    this.registeredFields = {};\n\n    const slot = this.el.shadowRoot?.querySelector('slot');\n    if (slot) {\n      slot.removeEventListener('slotchange', this.handleSlotChange);\n    }\n  }\n\n  onFormChange(formState: any): void {\n    if (this.handleChange && formState.values) {\n      this.handleChange(formState.values);\n    }\n  }\n\n  async submitWithValidation(values: { [key: string]: any }): Promise<void> {\n    const errors = this.defaultValidation(values);\n    if (Object.keys(errors).length === 0) {\n      this.handleSubmit(values);\n    } else {\n      this.stencilFormInvalidEvent.emit(errors);\n    }\n  }\n\n  defaultValidation(values: Object): Object {\n    const { registeredFields, customErrors } = this;\n    const errors = {};\n\n    // Helper to get value from nested path (dot + bracket notation)\n    const getByPath = (obj, path) =>\n      path\n        .replace(/\\[(\\d+)\\]/g, '.$1') // convert [0] to .0\n        .split('.')\n        .reduce((o, k) => (o != null ? o[k] : undefined), obj);\n\n    // Check for required field validation\n    Object.keys(registeredFields).forEach(field => {\n      const meta = registeredFields[field];\n      if (meta?.ignoreDirty) return; // skip ignored fields entirely\n\n      const valRef = getByPath(values, field);\n\n      // null or undefined, empty string, or false/'false' are considered \"empty\" values\n      if (\n        meta.required &&\n        (valRef == null ||\n          (typeof valRef === 'string' && valRef.trim() === '') ||\n          valRef === false ||\n          valRef === 'false')\n      ) {\n        errors[field] = 'This field is required';\n      }\n    });\n\n    // Merge in any custom errors from stencil-field components\n    if (customErrors) {\n      Object.keys(customErrors).forEach(field => {\n        if (customErrors[field]) {\n          errors[field] = customErrors[field];\n        }\n      });\n    }\n\n    // Merge with user-provided custom validation\n    if (this?.handleValidate) {\n      const customErrorsFromHandler = this.handleValidate(values, errors);\n      return { ...errors, ...customErrorsFromHandler };\n    }\n\n    return errors;\n  }\n\n  @Method()\n  async getApi(): Promise<FormApi> {\n    if (!this.api) {\n      console.error('❌ Form API not initialized yet.');\n      return null;\n    }\n    return this.api;\n  }\n\n  submit(e) {\n    e?.preventDefault?.();\n    const values = this.api.getState().values;\n    const errors = this.defaultValidation(values);\n\n    const submitFunction = () => {\n      if (Object.keys(errors).length) {\n        this.stencilFormInvalidEvent.emit(errors);\n        return;\n      }\n      this.api?.submit();\n    };\n    debounce(submitFunction, 1000, { leading: true, trailing: false })();\n  }\n\n  render() {\n    return (\n      <form>\n        <slot />\n      </form>\n    );\n  }\n}\n"],"version":3}

package/dist/components/stencil-icon-button-grid-action-header.js.map

@@ -1 +0,0 @@
-{"file":"stencil-icon-button-grid-action-header.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/stencil-icon-button-grid-action-header2.js.map

@@ -1 +0,0 @@
-{"file":"stencil-icon-button-grid-action-header2.js","mappings":";;;;AAAA,MAAM,oCAAoC,GAAG,kqBAAkqB;;MCOlsB,iBAAiB,iBAAAA,kBAAA,CAAA,MAAA,iBAAA,SAAAC,CAAA,CAAA;AAL9B,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AAYU,QAAA,IAAS,CAAA,SAAA,GAAY,KAAK;AAC1B,QAAA,IAAY,CAAA,YAAA,GAAY,KAAK;AAC7B,QAAA,IAAQ,CAAA,QAAA,GAAY,IAAI;AACxB,QAAA,IAAS,CAAA,SAAA,GAAY,IAAI;AACzB,QAAA,IAAK,CAAA,KAAA,GAAkB,IAAI;AAiDpC;IA/CC,MAAM,GAAA;AACJ,QAAA,IAAI,WAAW,GAAG,IAAI,CAAC,SAAS,GAAG,uBAAuB,GAAG,aAAa,CAAC;QAC3E,IAAI,WAAW,GAAG,IAAI,CAAC,SAAS,GAAG,EAAE,GAAG,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,CAAC;;AAGtF,QAAA,IAAI,IAAI,CAAC,YAAY,EAAE;YACrB,WAAW,IAAI,gBAAgB;;;AAIjC,QAAA,IAAI,SAAS,GAAG,IAAI,CAAC,QAAQ,GAAG,OAAO,GAAG,OAAO;AACjD,QAAA,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,WAAW,GAAG,SAAS,GAAG,SAAS;AAC9E,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC;;QAI3B,MAAM,OAAO,GAAG,MAAK;AACnB,YAAA,QACE,CAAA,CAAA,QAAA,EAAA,EAAQ,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,GAAG,EAAE,GAAG,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,WAAW,EAAA,EAE/G,QAAQ,KACP,CAAS,CAAA,KAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,QAAQ,CAAC,KAAK,EAAA,EAAE,IAAI,EAAE,SAAS,EAAA,CAAA,EACrC,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;AACpC,gBAAA,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,EAAE;oBACxB,OAAO,CAAA,CAAA,MAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAU,IAAI,CAAC,KAAK,IAAE,GAAG,EAAE,KAAK,EAAA,CAAA,CAAI;;AAE7C,gBAAA,OAAO,IAAI;AACb,aAAC,CAAC,CACE,CACP,EAEA,IAAI,CAAC;kBACF,CAAC,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,iBAAiB,EAAE,CAAC,IAAI,CAAa,CAAA,MAAA,EAAA,IAAA;kBAC3F,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,WAAW,KAAK,CAAa,CAAA,MAAA,EAAA,IAAA,CAAA,CAC5E;AAEX,SAAC;AACD,QAAA,QACE,IAAI,CAAC,KAAK,IACV,CAAW,CAAA,WAAA,EAAA,EAAA,OAAO,EAAE,IAAI,CAAC,KAAK,EAAA,EAC5B,CAAA,CAAC,OAAO,EAAA,IAAA,CAAE,CACE,KAEf,CAAC,CAAA,OAAO,EAAE,IAAA,CAAA,CACV;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/buttons/icon-button/stencil-icon-button-grid-action-header.css?tag=stencil-icon-button-grid-action-header&encapsulation=shadow","src/components/buttons/icon-button/stencil-icon-button-grid-action-header.tsx"],"sourcesContent":[".icon-button {\n    background: rgb(255, 255, 255);\n    /* border: 1px solid rgb(171, 177, 174); */\n    border: 0px;\n    border-radius: 25px;  /* Changed from 50% to 25px */\n    /* min-width: 110px;   */\n    /* height: 34px; */\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    gap: 4px;\n    /* padding-right: 16px;\n    padding-left: 16px; */\n    padding: 10px;\n  }\n  \n  .icon-button-secondary {\n    background: transparent; \n    border: 0px;\n    color:  var(--primary-color);\n    border-radius: 25px;\n    height: 34px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    gap: 4px;\n    padding-right: 16px;\n    padding-left: 16px;\n  }\n  \n  .icon-button.no-background {\n    background: transparent;\n    border: 0px;\n  }\n\n  button{\n    position: relative;\n  }\n\n  button[title]:not([title=\"Save View\"]):not([title='']):hover:after{\n    content: attr(title);\n    background-color: black;\n    color:white;\n    position:absolute;\n    top:110%;\n    padding: 5px;\n    border-radius: 5px;\n    z-index: 10;\n  }","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'stencil-icon-button-grid-action-header',\n  styleUrl: 'stencil-icon-button-grid-action-header.css',\n  shadow: true,\n})\nexport class StencilIconButton {\n  @Prop() iconName: string;\n  //@Prop() onClick: () => void;\n  @Prop() onClick: (event: MouseEvent) => void;\n  @Prop() iconClassName: string;\n  @Prop() tooltip: string;\n  @Prop() icon: any; // Removed the default value\n  @Prop() secondary: boolean = false;\n  @Prop() noBackground: boolean = false;\n  @Prop() darkIcon: boolean = true;\n  @Prop() showLabel: boolean = true;\n  @Prop() count: number | null = null\n\n  render() {\n    let buttonClass = this.secondary ? 'icon-button-secondary' : 'icon-button'; // conditional class\n    let buttonStyle = this.showLabel ? {} : { paddingLeft: '10px', paddingRight: '10px' }; // conditional style\n\n    // Use the 'noBackground' prop to add another conditional class\n    if (this.noBackground) {\n      buttonClass += ' no-background';\n    }\n\n    // Your existing code for setting up the icon\n    let iconColor = this.darkIcon ? 'black' : 'white';\n    iconColor = this.tooltip.toLowerCase() === 'save view' ? '#1d6bfd' : iconColor;\n    const iconData = this.icon; // Removed the default value\n\n    // ToolTip style is being modified in the CSS under title\n\n    const Content = () =>{\n      return (\n        <button class={buttonClass} onClick={this.onClick} title={this.showLabel ? '' : this.tooltip} style={buttonStyle}>\n        {/* Conditionally render the icon if one is provided */}\n        {iconData && (\n          <svg {...iconData.attrs} fill={iconColor}>\n            {iconData.content.map((item, index) => {\n              if (item.elem === 'path') {\n                return <path {...item.attrs} key={index} />;\n              }\n              return null;\n            })}\n          </svg>\n        )}\n        {/* Render slot conditionally based on showLabel */}\n        {this.showLabel\n          ? !['grid options', 'clear grid'].includes(this.tooltip.toLocaleLowerCase()) && <slot></slot>\n          : (this.showLabel || this.tooltip.toLowerCase() === 'save view') && <slot></slot>}\n      </button>\n      )\n    }\n    return ( \n      this.count ? (\n      <udp-badge content={this.count}>\n        <Content/>\n        </udp-badge>\n     ) : (\n     <Content/>\n    ))\n    \n  }\n}\n"],"version":3}

package/dist/components/stencil-icon-button.js.map

@@ -1 +0,0 @@
-{"file":"stencil-icon-button.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/stencil-icon-button2.js.map

@@ -1 +0,0 @@
-{"file":"stencil-icon-button2.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/buttons/icon-button/stencil-icon-button.css?tag=stencil-icon-button&encapsulation=shadow","src/components/buttons/icon-button/stencil-icon-button.tsx"],"sourcesContent":[".icon-button {\n  background: rgb(255, 255, 255);\n  border: 0px;\n  border-radius: 50%;\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: background-color 0.2s ease-in-out;\n}\n\n.icon-button-secondary {\n  background: transparent;\n  border: 0px;\n  color: var(--primary-color);\n  width: 38px;\n  height: 38px;\n  /* Use 50% for a perfect circle */\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: background-color 0.2s ease-in-out;\n}\n\n.icon-button:hover {\n  background-color: #f5f5f5; /* Light gray background */\n}\n\n.icon-button-secondary:hover {\n  background-color: #f5f5f5; /* Light gray background */\n}\n\n.icon-button.no-background {\n  background: transparent;\n  border: 0px;\n}\n\n.icon-button.no-background:hover {\n  background-color: var(--primary-color-alpha-15);\n}\n\n.icon-button:disabled {\n  opacity: 0.4;\n  pointer-events: none;\n}\n\n.icon-button-secondary:disabled {\n  opacity: 0.4;\n  pointer-events: none;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n/**\n * @deprecated This component is deprecated and will be removed in a future version.\n * Please use `udp-icon-button` instead, which provides better consistency with udp-button\n * and improved theming support.\n *\n * Migration guide:\n * - Replace `<stencil-icon-button>` with `<udp-icon-button>`\n * - `secondary=true` → `variant='text'` or `variant='outlined'`\n * - `noBackground=true` → `variant='text'`\n * - `darkIcon` → Use `color` prop instead\n * - `showLabel` → Use slot content (if content provided, label shows)\n * - `count` → Use `badgeContent` prop\n */\n@Component({\n  tag: 'stencil-icon-button',\n  styleUrl: 'stencil-icon-button.css',\n  shadow: true,\n})\n/**\n * @deprecated This component is deprecated and will be removed in a future version.\n * Please use `udp-icon-button` instead.\n */\nexport class StencilIconButton {\n  @Prop() iconName: string;\n  //@Prop() onClick: () => void;\n  @Prop() onClick: (event: MouseEvent) => void;\n\n  componentWillLoad() {\n    console.warn(\n      '⚠️ stencil-icon-button is deprecated and will be removed in a future version. ' +\n      'Please migrate to udp-icon-button for better consistency and theming support. ' +\n      'See component documentation for migration guide.'\n    );\n  }\n\n  @Prop() iconClassName: string;\n  @Prop() tooltip: string;\n  @Prop() icon: any; // Removed the default value\n  @Prop() secondary: boolean = false;\n  @Prop() noBackground: boolean = false;\n  @Prop() noTooltip: boolean = false;\n  @Prop() darkIcon: boolean = true;\n  @Prop() showLabel: boolean = true;\n  @Prop() disabled: boolean = false;\n  @Prop() buttonId: string;\n  @Prop() count : number | null = null\n\n  render() {\n    let buttonClass = this.secondary ? 'icon-button-secondary' : 'icon-button'; // conditional class\n    let buttonStyle = this.showLabel ? {} : { paddingLeft: '10px', paddingRight: '10px' }; // conditional style\n\n    // Use the 'noBackground' prop to add another conditional class\n    if (this.noBackground) {\n      buttonClass += ' no-background';\n    }\n\n    // Your existing code for setting up the icon\n    const iconColor = this.darkIcon ? 'black' : 'white';\n    const iconData = this.icon; // Removed the default value\n\n    const Content = () =>{\n      return (\n        <button disabled={this.disabled} class={buttonClass} onClick={this.onClick} title={this.showLabel ? this.tooltip : null} style={buttonStyle} id={this.buttonId}>\n        {/* Conditionally render the icon if one is provided */}\n        {iconData && (\n          <svg {...iconData.attrs} fill={iconColor}>\n            {iconData.content.map((item, index) => {\n              if (item.elem === 'path') {\n                return <path {...item.attrs} key={index} />;\n              } else if (item.elem === 'circle') {\n                return <circle {...item.attrs} key={index} />;\n              }\n              return null;\n            })}\n          </svg>\n        )}\n        {this.showLabel && <slot></slot>}\n      </button>\n      )\n    }\n    return (\n      <udp-ambient-tool-tip content={this.showLabel ? '' : this.tooltip} noTooltip={this.noTooltip}>\n        { this.count ? (\n           <udp-badge content={this.count}>\n             <Content/>\n           </udp-badge>\n        ) : (\n            <Content/>\n        )\n        }\n      </udp-ambient-tool-tip>\n    );\n  }\n}\n"],"version":3}

package/dist/components/stencil-toggle.js.map

@@ -1 +0,0 @@
-{"file":"stencil-toggle.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/stencil-toggle2.js.map

@@ -1 +0,0 @@
-{"file":"stencil-toggle2.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/inputs/toggle/stencil-toggle.css?tag=stencil-toggle&encapsulation=shadow","src/components/inputs/toggle/stencil-toggle.tsx"],"sourcesContent":["@import '../inputs.css';\n\n/* Size variants for toggle sizing */\n:host(.udp-input--size-small) .toggle-container {\n  width: 32px;\n  height: 18px;\n}\n\n:host(.udp-input--size-small) button {\n  border-radius: 18px;\n}\n\n:host(.udp-input--size-small) .toggle-knob {\n  width: 14px;\n  height: 14px;\n  top: 2px;\n  left: 2px;\n}\n\n:host(.udp-input--size-small) .toggled .toggle-knob {\n  left: 16px;\n}\n\n:host(.udp-input--size-normal) .toggle-container {\n  width: 38px;\n  height: 22px;\n}\n\n:host(.udp-input--size-normal) button {\n  border-radius: 22px;\n}\n\n:host(.udp-input--size-normal) .toggle-knob {\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  width: 18px;\n  height: 18px;\n}\n\n:host(.udp-input--size-normal) .toggled .toggle-knob {\n  left: 18px;\n}\n\n:host(.udp-input--size-large) .toggle-container {\n  width: 44px;\n  height: 26px;\n}\n\n:host(.udp-input--size-large) button {\n  border-radius: 26px;\n}\n\n:host(.udp-input--size-large) .toggle-knob {\n  width: 22px;\n  height: 22px;\n  top: 2px;\n  left: 2px;\n}\n\n:host(.udp-input--size-large) .toggled .toggle-knob {\n  left: 20px;\n}\n\n.toggle-container {\n  position: relative;\n  display: inline-block;\n}\n\nbutton {\n  appearance: none;\n  background-color: var(--gray-04, #ccc);\n  width: 100%;\n  height: 100%;\n  position: relative;\n  outline: none;\n  border: none;\n  cursor: pointer;\n  transition: background-color 0.2s ease;\n}\n\n.toggled button {\n  background-color: var(--primary-color, #344861);\n}\n\n.toggle-knob {\n  position: absolute;\n  background-color: var(--white, #ffffff);\n  border-radius: 50%;\n  transition: left 0.2s ease;\n}\n\n/* Size variants for label spacing */\n:host(.udp-input--size-small) .label-left {\n  margin-right: var(--spacing-02);\n}\n\n:host(.udp-input--size-small) .label-right {\n  margin-left: var(--spacing-02);\n}\n\n:host(.udp-input--size-small) .label-bottom {\n  margin-top: var(--spacing-02);\n}\n\n:host(.udp-input--size-normal) .label-left {\n  margin-right: var(--spacing-03);\n}\n\n:host(.udp-input--size-normal) .label-right {\n  margin-left: var(--spacing-03);\n}\n\n:host(.udp-input--size-normal) .label-bottom {\n  margin-top: var(--spacing-03);\n}\n\n:host(.udp-input--size-large) .label-left {\n  margin-right: var(--spacing-04);\n}\n\n:host(.udp-input--size-large) .label-right {\n  margin-left: var(--spacing-04);\n}\n\n:host(.udp-input--size-large) .label-bottom {\n  margin-top: var(--spacing-04);\n}\n\n.toggle-wrapper {\n  display: flex;\n  align-items: center;\n}\n\n.toggle-wrapper.position-left {\n  flex-direction: row;\n}\n\n.toggle-wrapper.position-right {\n  flex-direction: row;\n}\n\n.toggle-wrapper.position-bottom {\n  flex-direction: column;\n  align-items: flex-start;\n}\n\n.toggle-label {\n  font-size: var(--caption-font-size, 0.875rem);\n}\n\n.label-left {\n  margin-right: var(--spacing-03);\n}\n\n.label-right {\n  margin-left: var(--spacing-03);\n}\n\n.label-bottom {\n  margin-top: var(--spacing-03);\n}\n","import { Component, Prop, State, h, Host, Event, EventEmitter, Watch, Element } from '@stencil/core';\nimport { InputMargin, InputSize } from '../input-types';\n\n/**\n * A standardized toggle/switch component with customizable positioning and comprehensive state management.\n * Supports both controlled and uncontrolled modes with proper accessibility features and standard DOM events.\n *\n * **Toggle States:**\n * - Uses boolean internal state with string value emission for form compatibility\n * - Accepts various string formats for initial values ('true', '1', 'on')\n * - Emits string values ('true'/'false') for consistent form integration\n *\n * **Accessibility:**\n * - Proper ARIA attributes (role=\"switch\", aria-checked, aria-labelledby)\n * - Keyboard navigation support\n * - Semantic label association with htmlFor attribute\n *\n * @example\n * ```tsx\n * // Uncontrolled component with initial value\n * <stencil-toggle\n *   label=\"Enable notifications\"\n *   initialValue=\"false\"\n *   onChange={(e) => console.log('Toggled:', e.detail)}\n * />\n *\n * // Controlled component\n * <stencil-toggle\n *   label=\"Dark mode\"\n *   checked={isDarkMode}\n *   onChange={(e) => setIsDarkMode(e.detail === 'true')}\n * />\n *\n * // With custom positioning and validation\n * <stencil-toggle\n *   label=\"Accept terms\"\n *   labelPosition=\"right\"\n *   required={true}\n *   error={termsError}\n *   checked={acceptTerms}\n *   onChange={handleTermsChange}\n * />\n * ```\n */\n@Component({\n  tag: 'stencil-toggle',\n  styleUrl: 'stencil-toggle.css',\n  shadow: true,\n})\nexport class StencilToggle {\n  @Element() el: HTMLElement;\n\n  @State() toggled: boolean = false;\n\n  /**\n   * Initial value for the toggle. Used for uncontrolled components to set the default state.\n   * Accepts string values: 'true', '1', 'on' for true state, anything else for false.\n   * Only used when `checked` prop is not provided.\n   */\n  @Prop() initialValue: string;\n\n  /**\n   * Current checked state of the toggle. When provided, makes this a controlled component.\n   * The component will use this value and update it through events.\n   */\n  @Prop({ mutable: true }) checked: boolean;\n\n  /**\n   * Label text displayed next to the toggle. Used for accessibility and user guidance.\n   */\n  @Prop() label: string;\n\n  /**\n   * Position of the label relative to the toggle switch.\n   * - 'left': Label appears to the left of the toggle (default)\n   * - 'right': Label appears to the right of the toggle\n   * - 'bottom': Label appears below the toggle\n   */\n  @Prop() labelPosition: 'left' | 'right' | 'bottom' = 'left';\n\n  /**\n   * Whether the toggle is disabled. Users cannot interact with the toggle when disabled.\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Legacy ID property for the toggle element. Use `id` prop instead for new implementations.\n   * @deprecated Use the standard `id` prop instead\n   */\n  @Prop() idItem: string;\n\n  /**\n   * Unique identifier for the toggle element. Used for form association and accessibility.\n   */\n  @Prop() id: string;\n\n  /**\n   * Name attribute for the toggle element. Used for form submission.\n   */\n  @Prop() name: string;\n\n  /**\n   * Error message to display below the toggle. Shows validation errors or other issues.\n   */\n  @Prop() error: string;\n\n  /**\n   * Whether the toggle is required for form submission. Adds visual indicator and validation.\n   */\n  @Prop() required: boolean;\n\n  /**\n   * Margin spacing around the component. Affects vertical spacing in form layouts.\n   * - 'none': No margin\n   * - 'dense': Reduced margin for compact layouts\n   * - 'normal': Standard margin spacing (default)\n   */\n  @Prop() margin: InputMargin = 'normal';\n\n  /**\n   * Size variant for the toggle component.\n   * - 'small': Smaller toggle size.\n   * - 'normal': Standard toggle size (default).\n   * - 'large': Larger toggle size.\n   */\n  @Prop() size: InputSize = 'normal';\n\n  @State() errorMessage: string;\n\n  /**\n   * Emitted when the toggle state changes through user interaction.\n   * Contains the new state as a string value ('true' or 'false') for form compatibility.\n   * @deprecated Use standard 'change' event instead for better integration\n   */\n  @Event() toggledChange: EventEmitter;\n\n  // Static counter to ensure unique IDs for generated fallbacks\n  private static S_TOGGLE_ID_COUNTER = 0;\n  // Internally generated ID if no idItem is provided\n  private _internalId: string;\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    this.errorMessage = this.error;\n  }\n\n  /**\n   * Watcher for the initialValue prop. Updates the toggle state 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    // Update toggled when initialValue changes (for form resets, etc.)\n    if (newValue !== undefined) {\n      this.toggled = newValue === 'true' || newValue === '1' || newValue === 'on';\n    }\n  }\n\n  /**\n   * Watcher for the checked prop. Updates the toggle state when the checked prop changes\n   * (controlled component behavior).\n   */\n  @Watch('checked')\n  checkedChanged() {\n    // Backward compatibility: if checked prop is set directly, use it\n    if (this.checked !== undefined && this.checked !== this.toggled) {\n      this.toggled = this.checked;\n    }\n  }\n\n  /**\n   * Component lifecycle method called when the component is about to load.\n   * Initializes the toggle state from either the checked prop or initialValue prop.\n   */\n  componentWillLoad() {\n    // Initialize toggled from initialValue or checked prop (backward compatibility)\n    if (this.initialValue !== undefined) {\n      this.toggled = this.initialValue === 'true' || this.initialValue === '1' || this.initialValue === 'on';\n    } else {\n      this.toggled = this.checked || false;\n    }\n\n    if (this.error) {\n      this.errorMessage = this.error;\n    }\n\n    // Generate a unique ID for the toggle instance if idItem is not provided.\n    // This ensures the label's htmlFor can always link to the button's id.\n    this._internalId = `stencil-toggle-generated-${StencilToggle.S_TOGGLE_ID_COUNTER++}`;\n  }\n\n  /**\n   * Legacy lifecycle method - no longer needed with current state management.\n   * @deprecated This method is no longer used\n   */\n  componentWillUpdate() {\n    // Remove this since we're handling state differently now\n  }\n\n  /**\n   * Handles toggle button clicks and keyboard interactions.\n   * Updates internal state and emits both legacy and standard DOM events.\n   */\n  toggleButton() {\n    if (this.disabled) return;\n\n    this.toggled = !this.toggled;\n\n    // Update controlled value if this is a controlled component\n    if (this.checked !== undefined) {\n      this.checked = this.toggled;\n    }\n\n    // Emit for backward compatibility\n    this.toggledChange.emit(this.toggled);\n\n    // Emit standard DOM events that stencil-field and form libraries can handle\n    const changeEvent = new CustomEvent('change', {\n      detail: this.toggled ? 'true' : 'false',\n      bubbles: true\n    });\n    this.el.dispatchEvent(changeEvent);\n\n    const inputEvent = new CustomEvent('input', {\n      detail: this.toggled ? 'true' : 'false',\n      bubbles: true\n    });\n    this.el.dispatchEvent(inputEvent);\n  }\n\n  /**\n   * Renders the toggle component with proper accessibility attributes and layout.\n   * Handles label positioning and generates unique IDs for form association.\n   */\n  render() {\n    // Use the provided idItem, id, or fall back to the internally generated ID\n    const baseId = this.idItem || this.id || this._internalId;\n    const buttonId = `${baseId}-button`;\n    const labelId = `${baseId}-label`;\n    const isError = !!this.errorMessage;\n\n    const labelElement = this.label && (\n      <label id={labelId} class={`toggle-label label-${this.labelPosition}`} htmlFor={!this.disabled ? buttonId : undefined}>\n        <unity-typography variant=\"caption-text\">{this.label}</unity-typography>\n      </label>\n    );\n\n    const toggleElement = (\n      <div class={`toggle-container ${this.toggled ? 'toggled' : ''}`}>\n        <button\n          id={buttonId}\n          onClick={() => this.toggleButton()}\n          disabled={this.disabled}\n          aria-checked={this.toggled.toString()}\n          aria-labelledby={labelId}\n          role=\"switch\"\n        >\n          <span class=\"toggle-knob\"></span>\n        </button>\n      </div>\n    );\n\n    return (\n      <Host\n        class={{\n          'udp-input': true,\n          'udp-input--error': isError,\n          'udp-input--disabled': this.disabled,\n          'udp-input--checked': this.toggled,\n          [`udp-input--margin-${this.margin}`]: true,\n          [`udp-input--size-${this.size}`]: true,\n        }}\n        aria-invalid={isError ? 'true' : 'false'}\n      >\n        <div class={`toggle-wrapper position-${this.labelPosition}`}>\n          {this.labelPosition === 'left' && labelElement}\n          {toggleElement}\n          {this.labelPosition === 'right' && labelElement}\n          {this.labelPosition === 'bottom' && labelElement}\n          {this.errorMessage && <div class=\"error-message\">{this.errorMessage}</div>}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/tally-display.js.map

@@ -1 +0,0 @@
-{"file":"tally-display.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/tally.js.map

@@ -1 +0,0 @@
-{"file":"tally.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/inputs/tally/tally.css?tag=tally-display&encapsulation=shadow","src/components/inputs/tally/tally.tsx"],"sourcesContent":[":host {\n  display: block;\n  width: 100%;\n}\n\n.tally-container {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-02, 8px);\n}\n\n.tally-label {\n  font-weight: 600;\n  margin-bottom: var(--spacing-02, 8px);\n}\n\n.tally-loading {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: var(--spacing-04, 16px);\n  color: var(--text-secondary, #6b7280);\n}\n\n.tally-content {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-03, 12px);\n}\n\n.tally-stats {\n  display: flex;\n  gap: var(--spacing-04, 16px);\n  flex-wrap: wrap;\n}\n\n.tally-item {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: var(--spacing-03, 12px) var(--spacing-04, 16px);\n  border-radius: var(--border-radius-01, 4px);\n  border: 1px solid var(--border-subtle, #e5e7eb);\n  background-color: var(--layer-01, #ffffff);\n  min-width: 80px;\n  flex: 1;\n  max-width: 120px;\n}\n\n.tally-item.tally-yes {\n  border-color: var(--support-success, #42be65);\n  background-color: var(--support-success-hover, #f6f8ff);\n}\n\n.tally-item.tally-no {\n  border-color: var(--support-error, #da1e28);\n  background-color: var(--support-error-hover, #fff1f1);\n}\n\n.tally-item.tally-unanswered {\n  border-color: var(--support-warning, #f1c21b);\n  background-color: var(--support-warning-hover, #fcf4d6);\n}\n\n.tally-count {\n  font-weight: 700;\n  line-height: 1.2;\n  margin-bottom: var(--spacing-01, 4px);\n}\n\n.tally-yes .tally-count {\n  color: var(--support-success, #42be65);\n}\n\n.tally-no .tally-count {\n  color: var(--support-error, #da1e28);\n}\n\n.tally-unanswered .tally-count {\n  color: var(--support-warning, #f1c21b);\n}\n\n.tally-item .tally-label {\n  margin: 0;\n  font-weight: 500;\n  text-transform: uppercase;\n  font-size: 0.75rem;\n  letter-spacing: 0.02em;\n}\n\n.tally-summary {\n  padding: var(--spacing-02, 8px) 0;\n  border-top: 1px solid var(--border-subtle, #e5e7eb);\n  text-align: center;\n}\n\n.error-message {\n  margin-top: var(--spacing-02, 8px);\n  padding: var(--spacing-02, 8px);\n  border-radius: var(--border-radius-01, 4px);\n  background-color: var(--support-error-hover, #fff1f1);\n  border: 1px solid var(--support-error, #da1e28);\n}\n\n/* Size variants */\n:host(.udp-input--size-small) .tally-item {\n  padding: var(--spacing-02, 8px) var(--spacing-03, 12px);\n  min-width: 60px;\n  max-width: 90px;\n}\n\n:host(.udp-input--size-small) .tally-count {\n  font-size: 1.25rem;\n}\n\n:host(.udp-input--size-large) .tally-item {\n  padding: var(--spacing-04, 16px) var(--spacing-05, 20px);\n  min-width: 100px;\n  max-width: 150px;\n}\n\n:host(.udp-input--size-large) .tally-count {\n  font-size: 2rem;\n}\n\n/* Margin variants */\n:host(.udp-input--margin-none) .tally-container {\n  gap: 0;\n}\n\n:host(.udp-input--margin-dense) .tally-container {\n  gap: var(--spacing-01, 4px);\n}\n\n:host(.udp-input--margin-comfortable) .tally-container {\n  gap: var(--spacing-04, 16px);\n}\n\n/* Disabled state */\n:host(.udp-input--disabled) .tally-item {\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n/* Read-only state */\n:host(.udp-input--readonly) .tally-item {\n  background-color: var(--field-01, #f4f4f4);\n}\n\n/* Responsive design */\n@media (max-width: 480px) {\n  .tally-stats {\n    flex-direction: column;\n  }\n  \n  .tally-item {\n    max-width: none;\n    flex: none;\n  }\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\nimport { InputSize, InputMargin } from '../input-types';\n\n/**\n * A tally component that displays counts of Yes/No responses.\n * This is a pure display component that receives tally data as props.\n */\n@Component({\n  tag: 'tally-display',\n  styleUrl: 'tally.css',\n  shadow: true,\n})\nexport class TallyDisplay {\n\n  /**\n   * Label for the tally display.\n   */\n  @Prop() label: string = 'Response Tally';\n\n  /**\n   * Unique identifier for the tally.\n   */\n  @Prop() id: string;\n\n  /**\n   * Number of Yes responses.\n   */\n  @Prop() yesCount: number = 0;\n\n  /**\n   * Number of No responses.\n   */\n  @Prop() noCount: number = 0;\n\n  /**\n   * Number of Not Applicable responses.\n   */\n  @Prop() naCount: number = 0;\n\n  /**\n   * Total number of fields being tallied.\n   */\n  @Prop() totalFields: number = 0;\n\n  /**\n   * Whether the component is disabled.\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Whether the component is read-only.\n   */\n  @Prop() readonly: boolean = false;\n\n  /**\n   * Error message to display.\n   */\n  @Prop() error: string;\n\n  /**\n   * Size variant for the tally display.\n   */\n  @Prop() size: InputSize = 'normal';\n\n  /**\n   * Margin variant for the component spacing.\n   */\n  @Prop() margin: InputMargin = 'normal';\n\n  render() {\n    const isError = !!this.error;\n    const answeredCount = this.yesCount + this.noCount + this.naCount;\n    const unansweredCount = this.totalFields - answeredCount;\n    \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--size-${this.size}`]: true,\n          [`udp-input--margin-${this.margin}`]: true,\n        }}\n      >\n        <div class=\"tally-container\">\n          {this.label && (\n            <unity-typography variant=\"caption-text\">\n              <label htmlFor={this.id} class=\"tally-label\">\n                {this.label}\n              </label>\n            </unity-typography>\n          )}\n          <div class=\"tally-content\" id={this.id}>\n            <div class=\"tally-stats\">\n              <div class=\"tally-item tally-yes\">\n                <unity-typography variant=\"h4\" class=\"tally-count\">\n                  {this.yesCount}\n                </unity-typography>\n                <unity-typography variant=\"caption-text\" class=\"tally-label\">\n                  Yes\n                </unity-typography>\n              </div>\n              <div class=\"tally-item tally-no\">\n                <unity-typography variant=\"h4\" class=\"tally-count\">\n                  {this.noCount}\n                </unity-typography>\n                <unity-typography variant=\"caption-text\" class=\"tally-label\">\n                  No\n                </unity-typography>\n              </div>\n              <div class=\"tally-item tally-na\">\n                <unity-typography variant=\"h4\" class=\"tally-count\">\n                  {this.naCount}\n                </unity-typography>\n                <unity-typography variant=\"caption-text\" class=\"tally-label\">\n                  Not Applicable\n                </unity-typography>\n              </div>\n              {unansweredCount > 0 && (\n                <div class=\"tally-item tally-unanswered\">\n                  <unity-typography variant=\"h4\" class=\"tally-count\">\n                    {unansweredCount}\n                  </unity-typography>\n                  <unity-typography variant=\"caption-text\" class=\"tally-label\">\n                    Unanswered\n                  </unity-typography>\n                </div>\n              )}\n            </div>\n            <div class=\"tally-summary\">\n              <unity-typography variant=\"caption-text\">\n                Total Questions: {this.totalFields}\n              </unity-typography>\n            </div>\n          </div>\n          {isError && (\n            <div class=\"error-message\">\n              <unity-typography variant=\"caption-text\" color=\"error\">\n                {this.error}\n              </unity-typography>\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/tenantUtils.js.map

@@ -1 +0,0 @@
-{"file":"tenantUtils.js","mappings":"SAAgB,kBAAkB,GAAA;AAC9B,IAAA,OAAO,cAAc,CAAC,OAAO,CAAC,eAAe,CAAC;AAClD;;;;","names":[],"sources":["src/udp-utilities/tenant/tenantUtils.ts"],"sourcesContent":["export function getCurrentTenantId(): string | null | undefined{\n    return sessionStorage.getItem('active-tenant');\n}"],"version":3}

package/dist/components/text-area.js.map

@@ -1 +0,0 @@
-{"file":"text-area.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/text-area2.js.map

@@ -1 +0,0 @@
-{"file":"text-area2.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/inputs/text-area/text-area.css?tag=text-area&encapsulation=shadow","src/components/inputs/text-area/text-area.tsx"],"sourcesContent":["@import '../inputs.css';\n","import {\n  Component,\n  Prop,\n  h,\n  Host,\n  State,\n  Watch,\n  Event,\n  EventEmitter,\n  Element,\n} from '@stencil/core';\nimport { InputSize, InputMargin } from '../input-types';\n\n/**\n * A standardized textarea component with auto-resizing, error handling, and validation.\n * Supports both controlled and uncontrolled modes.\n *\n * This component emits a custom `change` event with the committed value and also\n * propagates standard DOM events like `input`, `focus`, and `blur` from the\n * underlying textarea element.\n *\n * @example\n * ```tsx\n * // Uncontrolled component with initial value\n * <text-area\n *   placeholder=\"Enter your message\"\n *   initialValue=\"Default message\"\n *   onChange={(e) => console.log('Final value:', e.detail)}\n * />\n *\n * // Controlled component\n * <text-area\n *   placeholder=\"Enter your message\"\n *   value={messageValue}\n *   onChange={(e) => setMessageValue(e.detail)}\n * />\n *\n * // With validation and auto-resize\n * <text-area\n *   label=\"Description\"\n *   placeholder=\"Enter description...\"\n *   required={true}\n *   error={descriptionError}\n *   value={description}\n *   minRows={3}\n *   maxRows={10}\n *   onChange={handleDescriptionChange}\n * />\n * ```\n */\n@Component({\n  tag: 'text-area',\n  styleUrl: 'text-area.css',\n  shadow: true,\n})\nexport class TextArea {\n  @Element() el: HTMLElement;\n\n  /**\n   * Label text displayed above the textarea. Used for accessibility and user guidance.\n   */\n  @Prop() label: string;\n\n  /**\n   * Unique identifier for the textarea element. Used for form association and accessibility.\n   */\n  @Prop() id: string;\n\n  /**\n   * Name attribute for the textarea element. Used for form submission.\n   */\n  @Prop() name: string;\n\n  /**\n   * Placeholder text shown when the textarea is empty. Provides hints about expected input.\n   */\n  @Prop() placeholder: string;\n\n  /**\n   * Initial value for the textarea. Used for uncontrolled components to set the default value.\n   * Only used when `value` prop is not provided.\n   */\n  @Prop() initialValue: string;\n\n  /**\n   * Current value of the textarea. When provided, makes this a controlled component.\n   * The component will use this value and update it through events.\n   */\n  @Prop({ mutable: true }) value: string;\n\n  /**\n   * Error message to display below the textarea. Shows validation errors or other issues.\n   */\n  @Prop() error: 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   * Whether the field is disabled. Users cannot interact with the field.\n   */\n  @Prop() disabled: boolean;\n\n  /**\n   * Whether the textarea should take the full width of its container.\n   */\n  @Prop() fullWidth: boolean;\n\n  /**\n   * Minimum number of characters required in the textarea. Enforces minimum character limits.\n   */\n  @Prop() minCharacter: number;\n\n  /**\n   * Maximum number of characters allowed in the textarea. Enforces character limits.\n   */\n  @Prop() maxCharacter?: number;\n\n  /**\n   * Initial number of rows for the textarea.\n   */\n  @Prop() rows: number;\n\n  /**\n   * Minimum number of rows for auto-resizing.\n   */\n  @Prop() minRows: number;\n\n  /**\n   * Maximum number of rows for auto-resizing.\n   */\n  @Prop() maxRows: number;\n\n  /**\n   * Size variant controlling the padding and spacing of the textarea.\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  /**\n   * If `true`, the component is read-only.\n   */\n  @Prop() readonly = false;\n\n  /**\n   * Internal state for the component's value\n   */\n  @State() internalValue: string;\n\n  /**\n   * Internal state for the error message.\n   */\n  @State() errorMessage: string;\n\n  /**\n   * Internal state for the number of rows.\n   */\n  @State() internalRows: number;\n\n  /**\n   * Emitted when the value of the component changes (on blur).\n   */\n  @Event() change: EventEmitter<string>;\n\n  /**\n   * Emitted when validation errors occur (e.g., character length 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  private textareaEl: HTMLTextAreaElement;\n\n  /**\n   * Updates the error message when the error prop changes.\n   * @internal\n   */\n  @Watch('error')\n  updateError() {\n    this.errorMessage = this.error;\n  }\n\n  /**\n   * Updates the internal value when initialValue prop changes.\n   * @internal\n   */\n  @Watch('initialValue')\n  initialValueChanged(newValue: string) {\n    if ((this.internalValue === '' || this.internalValue === undefined) || this.value === undefined) {\n      if (newValue !== undefined) {\n        this.internalValue = newValue;\n        Promise.resolve().then(() => this.adjustTextAreaHeight());\n      }\n    }\n  }\n\n  /**\n   * Updates the internal value when value prop changes.\n   * @internal\n   */\n  @Watch('value')\n  protected valueChanged() {\n    if (this.value !== undefined && this.value !== this.internalValue) {\n      this.internalValue = this.value;\n      Promise.resolve().then(() => this.adjustTextAreaHeight());\n    }\n  }\n\n  /**\n   * Validates the text value against min/max character constraints\n   * @param value - The text value to validate\n   * @returns Error message if invalid, empty string if valid\n   */\n  private validateCharacterLength(value: string): string {\n    if (!value) return '';\n\n    const length = value.length;\n\n    if (this.minCharacter && length < this.minCharacter) {\n      return `Must be at least ${this.minCharacter} characters`;\n    }\n\n    if (this.maxCharacter && length > this.maxCharacter) {\n      return `Must be no more than ${this.maxCharacter} characters`;\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 text area 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   * @internal\n   */\n  componentWillLoad() {\n    this.internalValue = this.value !== undefined ? this.value : (this.initialValue || '');\n    if (this.error) {\n      this.errorMessage = this.error;\n    }\n\n    let initialNumRows = this.rows;\n    const currentMinRows = this.minRows === undefined ? 1 : this.minRows;\n\n    if (initialNumRows === undefined) {\n      initialNumRows = currentMinRows;\n    }\n\n    initialNumRows = Math.max(currentMinRows, initialNumRows);\n\n    if (this.maxRows !== undefined) {\n      initialNumRows = Math.min(this.maxRows, initialNumRows);\n    }\n    this.internalRows = initialNumRows;\n\n    // Validate the initial value\n    if (this.internalValue) {\n      const validationError = this.validateCharacterLength(this.internalValue);\n      if (validationError) {\n        this.setAndDispatchError(validationError);\n      }\n    }\n  }\n\n  /**\n   * @internal\n   */\n  componentDidLoad() {\n    this.adjustTextAreaHeight();\n  }\n\n  /**\n   * @internal\n   */\n  private adjustTextAreaHeight() {\n    if (!this.textareaEl) {\n      return;\n    }\n\n    const min = this.minRows === undefined ? 1 : this.minRows;\n    const max = this.maxRows === undefined ? Number.MAX_SAFE_INTEGER : this.maxRows;\n    const previousScrollTop = this.textareaEl.scrollTop;\n\n    this.textareaEl.style.overflowY = 'hidden';\n    this.textareaEl.style.height = 'auto';\n\n    this.textareaEl.rows = min;\n    let currentActualRows = min;\n\n    while (this.textareaEl.scrollHeight > this.textareaEl.clientHeight && currentActualRows < max) {\n      currentActualRows++;\n      this.textareaEl.rows = currentActualRows;\n    }\n\n    if (currentActualRows < max || max === Number.MAX_SAFE_INTEGER) {\n      while (currentActualRows > min) {\n        this.textareaEl.rows = currentActualRows - 1;\n        if (this.textareaEl.scrollHeight > this.textareaEl.clientHeight) {\n          this.textareaEl.rows = currentActualRows;\n          break;\n        }\n        currentActualRows--;\n      }\n    }\n\n    let newCalculatedRows = Math.max(min, Math.min(currentActualRows, max));\n\n    this.textareaEl.style.height = '';\n    this.textareaEl.style.overflowY = '';\n\n    this.textareaEl.rows = newCalculatedRows;\n\n    if (this.internalRows !== newCalculatedRows) {\n      this.internalRows = newCalculatedRows;\n    }\n\n    Promise.resolve().then(() => {\n      if (this.textareaEl) this.textareaEl.scrollTop = previousScrollTop;\n    });\n  }\n\n  /**\n   * @internal\n   */\n  private onInput = (event: InputEvent) => {\n    if (this.readonly) {\n      const input = event.target as HTMLTextAreaElement;\n      input.value = this.internalValue;\n      return;\n    }\n    const newValue = (event.target as HTMLTextAreaElement).value;\n    this.internalValue = newValue;\n\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.validateCharacterLength(newValue);\n\n      if (validationError !== this.errorMessage) {\n        // Error state has changed, update it\n        this.setAndDispatchError(validationError);\n      }\n    }\n\n    this.adjustTextAreaHeight();\n  };\n\n  /**\n   * @internal\n   */\n  private onChange = (event: Event) => {\n    if (this.readonly) {\n      return;\n    }\n    const newValue = (event.target as HTMLTextAreaElement).value;\n\n    // Validate the new value for character length constraints\n    const validationError = this.validateCharacterLength(newValue);\n\n    if (validationError) {\n      // Character length validation failed\n      this.setAndDispatchError(validationError);\n    } else {\n      // Character length validation passed, clear any existing error\n      this.setAndDispatchError('');\n    }\n\n    this.change.emit(newValue);\n  };\n\n  render() {\n    const { disabled, id, internalValue, label, placeholder, required, readonly, errorMessage, fullWidth, internalRows } = this;\n\n    return (\n      <Host\n        class={{\n          'udp-input': true,\n          'udp-input--error': !!errorMessage,\n          'udp-input--disabled': disabled,\n          'udp-input--readonly': readonly,\n          'udp-input--full-width': fullWidth,\n          'udp-input--required': required,\n          [`udp-input--size-${this.size}`]: true,\n          [`udp-input--margin-${this.margin}`]: true,\n        }}\n      >\n        <div class=\"bx--form-item\">\n          <unity-typography variant=\"caption-text\">\n            <label htmlFor={id} class=\"bx--label\">\n              {label}\n              {required ? '*' : ''}\n            </label>\n          </unity-typography>\n          <textarea\n            ref={el => (this.textareaEl = el as HTMLTextAreaElement)}\n            id={id}\n            class={{\n              'bx--text-input': true,\n              'bx--text-input--error': !!errorMessage,\n              'text-area--disabled': disabled,\n            }}\n            placeholder={placeholder}\n            value={internalValue}\n            required={required}\n            disabled={disabled}\n            readonly={readonly}\n            maxLength={this.maxCharacter}\n            rows={internalRows}\n            onInput={this.onInput}\n            onChange={this.onChange}\n          >\n            {internalValue}\n          </textarea>\n          {errorMessage && (\n            <div class=\"error-message\">\n              <unity-typography variant=\"caption-text\" color=\"error\">{errorMessage}</unity-typography>\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/text-field.js.map

@@ -1 +0,0 @@
-{"file":"text-field.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/text-field2.js.map

@@ -1 +0,0 @@
-{"file":"text-field2.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/inputs/text-field/text-field.css?tag=text-field&encapsulation=shadow","src/components/inputs/text-field/text-field.tsx"],"sourcesContent":["@import '../inputs.css';","import {\n  Component,\n  Prop,\n  h,\n  Host,\n  State,\n  Watch,\n  Event,\n  EventEmitter,\n  Element,\n} from '@stencil/core';\nimport { InputSize, InputMargin } from '../input-types';\n\n/**\n * A standardized text input field component with error handling, validation, and custom styling.\n * Supports both controlled and uncontrolled modes with proper event emission for integration\n * with form libraries and custom event handlers.\n *\n * @example\n * ```tsx\n * // Uncontrolled component with initial value\n * <text-field\n *   placeholder=\"Enter your name\"\n *   initialValue=\"John Doe\"\n *   onChange={(e) => console.log('Final value:', e.detail)}\n * />\n *\n * // Controlled component\n * <text-field\n *   placeholder=\"Enter your name\"\n *   value={nameValue}\n *   onChange={(e) => setNameValue(e.detail)}\n * />\n *\n * // With validation and error handling\n * <text-field\n *   label=\"Email Address\"\n *   placeholder=\"user@example.com\"\n *   required={true}\n *   error={emailError}\n *   value={email}\n *   onChange={handleEmailChange}\n * />\n * ```\n */\n@Component({\n  tag: 'text-field',\n  styleUrl: 'text-field.css',\n  shadow: true,\n})\nexport class TextField {\n  @Element() el: HTMLElement;\n\n  /**\n   * Unique identifier for the input element. Used for form association and accessibility.\n   */\n  @Prop() id: 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   * Placeholder text shown when the input is empty. Provides hints about expected input format.\n   */\n  @Prop() placeholder: 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   * Whether the field is read-only. Users can see the value but cannot modify it.\n   */\n  @Prop() readonly: boolean;\n\n  /**\n   * Whether the field is disabled. Users cannot interact with the field.\n   */\n  @Prop() disabled: boolean;\n\n  /**\n   * Minimum number of characters required in the input. Enforces minimum character limits.\n   */\n  @Prop() minCharacter: number;\n\n  /**\n   * Maximum number of characters allowed in the input. Enforces character limits.\n   */\n  @Prop() maxCharacter: number;\n\n  /**\n   * Current value of the input field. When provided, makes this a controlled component.\n   * The component will use this value and update it through events.\n   */\n  @Prop({ mutable: true }) value: string;\n\n  /**\n   * Initial value for the input field. Used for uncontrolled components to set the default value.\n   * Only used when `value` prop is not provided.\n   */\n  @Prop() initialValue: string;\n\n  /**\n   * Whether the field should be hidden from display while maintaining form functionality.\n   */\n  @Prop() hidden: 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   * Input mode hint for mobile keyboards. Optimizes keyboard layout for specific input types.\n   * Common values: 'text', 'email', 'tel', 'url', 'numeric', 'decimal', 'search'\n   */\n  @Prop() inputMode: string;\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  /**\n   * Internal error message state. Manages display of validation errors.\n   * @internal\n   */\n  @State() errorMessage: string;\n\n  /**\n   * Internal value state. Manages the current input value independently of props.\n   * @internal\n   */\n  @State() internalValue: string;\n\n  /**\n   * Emitted when the text field value changes (on blur, enter, etc.).\n   * Provides the final committed value when user finishes editing.\n   *\n   * @event change\n   * @param {string} value - The current value of the text field\n   *\n   * @example\n   * ```tsx\n   * <text-field onChange={(e) => handleValueChange(e.detail)} />\n   * ```\n   */\n  @Event() change: EventEmitter<string>;\n\n  /**\n   * Emitted when validation errors occur (e.g., character length 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   * Updates the error message when the error prop changes.\n   * @internal\n   */\n  @Watch('error')\n  updateError() {\n    this.errorMessage = this.error;\n  }\n\n  /**\n   * Updates the internal value when initialValue prop changes.\n   * Only updates if current value is empty to avoid overriding user input.\n   * @internal\n   */\n  @Watch('initialValue')\n  updateInitialValue() {\n    // Only update if we don't have a value yet or if explicitly resetting\n    if (this.internalValue === '' || this.internalValue === undefined) {\n      this.internalValue = this.initialValue || '';\n    }\n  }\n\n  /**\n   * Updates the internal value when value prop changes.\n   * For controlled components, the value prop takes precedence.\n   * @internal\n   */\n  @Watch('value')\n  updateValue() {\n    // If value prop is provided, this is a controlled component\n    if (this.value !== undefined) {\n      this.internalValue = this.value;\n    }\n  }\n\n  /**\n   * Validates the text value against min/max character constraints\n   * @param value - The text value to validate\n   * @returns Error message if invalid, empty string if valid\n   */\n  private validateCharacterLength(value: string): string {\n    if (!value) return '';\n\n    const length = value.length;\n\n    if (this.minCharacter && length < this.minCharacter) {\n      return `Must be at least ${this.minCharacter} characters`;\n    }\n\n    if (this.maxCharacter && length > this.maxCharacter) {\n      return `Must be no more than ${this.maxCharacter} characters`;\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 text field 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   * Component lifecycle method. Initializes error message and internal value.\n   * @internal\n   */\n  componentWillLoad() {\n    // Initialize error message\n    if (this.error) {\n      this.errorMessage = this.error;\n    }\n    // Initialize value: use value prop if provided (controlled), otherwise use initialValue (uncontrolled)\n    this.internalValue = this.value !== undefined ? this.value : (this.initialValue || '');\n\n    // Validate the initial value\n    if (this.internalValue) {\n      const validationError = this.validateCharacterLength(this.internalValue);\n      if (validationError) {\n        this.setAndDispatchError(validationError);\n      }\n    }\n  }\n\n  /**\n   * Handles input events (real-time typing). Updates internal state and emits input event.\n   * For controlled components, also updates the value prop.\n   * @param event - The native input event\n   * @internal\n   */\n  private onInput = (event: InputEvent) => {\n    if (this.readonly) {\n      // Prevent typing if the field is read-only\n      const input = event.target as HTMLInputElement;\n      input.value = this.internalValue;\n      return;\n    }\n    const newValue = (event.target as HTMLInputElement).value;\n    this.internalValue = newValue; // Update internal state\n\n    // If this is a controlled component (value prop provided), update the value prop\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.validateCharacterLength(newValue);\n\n      if (validationError !== this.errorMessage) {\n        // Error state has changed, update it\n        this.setAndDispatchError(validationError);\n      }\n    }\n  }\n\n  /**\n   * Handles change events (committed changes on blur/enter). Emits change event.\n   * @param event - The native change event\n   * @internal\n   */\n  private onChange = (event: Event) => {\n    if (this.readonly) {\n      return;\n    }\n    const newValue = (event.target as HTMLInputElement).value;\n\n    // Validate the new value for character length constraints\n    const validationError = this.validateCharacterLength(newValue);\n\n    if (validationError) {\n      // Character length validation failed\n      this.setAndDispatchError(validationError);\n    } else {\n      // Character length validation passed, clear any existing error\n      this.setAndDispatchError('');\n    }\n\n    // Emit change event when user finishes editing (blur, enter, etc.)\n    this.change.emit(newValue);\n  }\n\n  render() {\n    const isError = !!this.errorMessage;\n\n    const inputClass = {\n      'bx--text-input': true,\n      'bx--text-input--error': isError,\n      'bx--text-input:user-invalid': isError,\n      'text-field--disabled': this.disabled,\n    };\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--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          {this.hidden ? (\n            <input id={this.id} type=\"hidden\" value={this.internalValue} />\n          ) : (\n            <input\n              id={this.id}\n              type=\"text\"\n              class={{ ...inputClass }}\n              placeholder={this.placeholder}\n              value={this.internalValue}\n              required={this.required}\n              disabled={this.disabled}\n              readonly={this.readonly}\n              maxLength={this.maxCharacter}\n              inputMode={this.inputMode}\n              onInput={this.onInput}\n              onChange={this.onChange}\n              //@ts-ignore\n              udprecordid={'udpRecord-text-field-' + this.id}\n            />\n          )}\n          {isError && (\n            <div class=\"error-message\">\n              <unity-typography variant=\"caption-text\" color=\"error\">{this.errorMessage}</unity-typography>\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/text-input-renderer.js.map

@@ -1 +0,0 @@
-{"file":"text-input-renderer.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/text-input-renderer2.js.map

@@ -1 +0,0 @@
-{"file":"text-input-renderer2.js","mappings":";;;;AAAA,MAAM,oBAAoB,GAAG,wJAAwJ;;MCQxK,iBAAiB,iBAAAA,kBAAA,CAAA,MAAA,iBAAA,SAAAC,CAAA,CAAA;;;;;;;;IAS5B,MAAM,GAAA;;AACJ,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,oCAAoC,EAAA,EAC7C,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAA,CAAA,eAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,sBAAsB,EAC5B,KAAK,EAAE,CAAA,EAAA,GAAA,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,YAAY,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,QAAQ,EAAE,EAC7D,QAAQ,EAAE,IAAI,CAAC,UAAU,EACzB,QAAQ,EAAE,CAAC,IAAG;AACZ,gBAAA,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,oCAAoC,CAAC;AAChG,gBAAA,MAAM,SAAS,GAAG,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE;gBACjD,MAAM,OAAO,GAAG,OAAO,CAAC,SAAS,EAAE,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,cAAc,CAAC;AACpG,gBAAA,IAAI,CAAC,yBAAyB,CAAC,OAAO,CAAC;AACzC,aAAC,GACc,CACb,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAA,CAAA,eAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,sBAAsB,EAC5B,KAAK,EAAE,CAAA,EAAA,GAAA,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,YAAY,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,QAAQ,EAAE,EAC7D,QAAQ,EAAE,IAAI,CAAC,UAAU,EACzB,QAAQ,EAAE,CAAC,IAAG;AACZ,gBAAA,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,oCAAoC,CAAC;AAChG,gBAAA,MAAM,SAAS,GAAG,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE;gBACjD,MAAM,OAAO,GAAG,OAAO,CAAC,SAAS,EAAE,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,cAAc,CAAC;AACpG,gBAAA,IAAI,CAAC,yBAAyB,CAAC,OAAO,CAAC;AACzC,aAAC,EACc,CAAA,CACb,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/text-input-renderer/text-input-renderer.css?tag=text-input-renderer&encapsulation=shadow","src/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/text-input-renderer/text-input-renderer.tsx"],"sourcesContent":["/* Styles for text-input-renderer */\n.question-item-text-input-container {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-04, 16px);\n}\n\n.question-item-text-input-container > div {\n  width: 100%;\n}\n\n/* Add any other specific styles for text inputs here */ ","import { Component, h, Prop } from '@stencil/core';\nimport { UdpFormQuestion } from '../../../udp-forms-utils/types'; // Using path that worked previously\n\n@Component({\n  tag: 'text-input-renderer',\n  styleUrl: 'text-input-renderer.css',\n  shadow: true,\n})\nexport class TextInputRenderer {\n  @Prop() question: UdpFormQuestion;\n  @Prop() isViewOnly: boolean;\n  @Prop() formSectionsDraft: any[][];\n  @Prop() sIndex: number;\n  @Prop() qIndex: number;\n  @Prop() onFormSectionsDraftChange: (updatedSections: any[][]) => void;\n  @Prop() getHandler: (fieldTypeId: number, handlerName: string) => any;\n\n  render() {\n    return (\n      <div class=\"question-item-text-input-container\">\n        <div>\n          <numeric-field\n            label=\"Min Character Length\"\n            value={this.question.fieldProperties.minCharacter?.toString()}\n            disabled={this.isViewOnly}\n            onChange={e => {\n              const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyMinMaxCharacter');\n              const mockEvent = { target: { value: e.detail } };\n              const updated = handler(mockEvent, this.formSectionsDraft, this.sIndex, this.qIndex, 'minCharacter');\n              this.onFormSectionsDraftChange(updated);\n            }}\n          ></numeric-field>\n        </div>\n        <div>\n          <numeric-field\n            label=\"Max Character Length\"\n            value={this.question.fieldProperties.maxCharacter?.toString()}\n            disabled={this.isViewOnly}\n            onChange={e => {\n              const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyMinMaxCharacter');\n              const mockEvent = { target: { value: e.detail } };\n              const updated = handler(mockEvent, this.formSectionsDraft, this.sIndex, this.qIndex, 'maxCharacter');\n              this.onFormSectionsDraftChange(updated);\n            }}\n          ></numeric-field>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/transformSearchData.js.map

@@ -1 +0,0 @@
-{"file":"transformSearchData.js","mappings":"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","names":[],"sources":["src/udp-utilities/grid/convertToAgGridColumns.ts","src/udp-utilities/grid/data-converters/transformSearchData.ts"],"sourcesContent":["const toTitleCase = (str: string): string => str.charAt(0).toUpperCase() + str.slice(1);\n\nexport const convertToAgGridColumns = (data: any[]): any[] => {\n  if (!data || !Array.isArray(data) || data.length === 0) {\n    return [];\n  }\n\n  const keys = Object.keys(data[0]);\n\n  const columnDefs = keys.map((key, index) => {\n    // console.log('key', key)\n    let columnDef: any = {\n      headerName: toTitleCase(key),\n      field: key,\n      minWidth: 90,\n      autoHeight: true,\n      sortable: true,\n      filter: 'agTextColumnFilter',\n      filterParams: {\n        suppressAndOrCondition: true,\n        filterOptions: ['equals', 'contains', 'notEqual', 'greaterThan', 'lessThan', 'greaterThanOrEqual', 'lessThanOrEqual'],\n      },\n      enableRowGroup: true,\n      checkboxSelection: index === 1, // @todo: this is a hack to get the first column to be a checkbox\n    };\n\n    // Remove adding chckbox to the first column. This is now added as a single column in the grid, pinned to the left that the user cannot hide.\n    // if (index === 1) {\n    //   columnDef.headerCheckboxSelection = true;\n    //   columnDef.cellRendererParams = { checkbox: true };\n    // }\n\n    return columnDef;\n  });\n\n  return columnDefs;\n};\n\n//cellStyle: { 'white-space': 'nowrap', 'overflow': 'hidden', 'text-overflow': 'ellipsis' },\n//resizable: true,\n","// Search operator\n// 1 - AND\n// 2 - OR\n\n\nexport const defaultPayload = {\n  \n    \"SearchCriteriaEquationDetails\": {\n        \"SkillSearchDetails\": {\n            \"AnySkillDetails\": [],\n            \"AllSkillDetails\": [],\n            \"ExcludeSkillDetails\": [],\n            \"ValueExpression\": \"\",\n            \"DisplayExpression\": \"\",\n            \"SkillDetailsBoolOn\": []\n        }\n    },\n    \"CustomFieldSearch\": [],\n    \"SearchName\": null,\n    \"JobOrderID\": null,\n    \"IsJobOrderIDOptional\": false,\n    \"JobOrderIDID\": null,\n    \"JobOrderIDLabelKey\": null,\n    \"CompanyName\": null,\n    \"IsCompanyNameOptional\": false,\n    \"CompanyNameID\": null,\n    \"CompanyNameLabelKey\": null,\n    \"ParentCompanySelectedValue\": null,\n    \"ParentCompanySelectedText\": null,\n    \"IsParentCompanyOptional\": false,\n    \"ParentCompanyID\": null,\n    \"ParentCompanyLabelKey\": null,\n    \"PositionSelectedValue\": null,\n    \"PositionSelectedText\": null,\n    \"IsPositionOptional\": false,\n    \"PositionID\": null,\n    \"PositionLabelKey\": null,\n    \"IsEmploymentTypeOptional\": false,\n    \"EmploymentTypeSelectedValue\": null,\n    \"EmploymentTypeSelectedText\": null,\n    \"EmploymentTypeID\": null,\n    \"EmploymentTypeLabelKey\": null,\n    \"StatusSelectedValue\": null,\n    \"StatusSelectedText\": null,\n    \"IsStatusOptional\": false,\n    \"StatusID\": null,\n    \"StatusLabelKey\": null,\n    \"Open\": false,\n    \"OpenID\": null,\n    \"OpenLabelKey\": null,\n    \"IsOpenOptional\": false,\n    \"IsCheckBoxOptional\": false,\n    \"Filled\": false,\n    \"FilledID\": null,\n    \"FilledLabelKey\": null,\n    \"IsFilledOptional\": false,\n    \"Cancelled\": false,\n    \"CancelledID\": null,\n    \"CancelledLabelKey\": null,\n    \"IsCancelledOptional\": false,\n    \"IsStartDateOptional\": false,\n    \"StartDateID\": null,\n    \"StartDateLabelKey\": null,\n    \"ConditionStartDate\": null,\n    \"ConditionStartDateLabelKey\": null,\n    \"IsEndDateOptional\": false,\n    \"EndDateID\": null,\n    \"EndDateLabelKey\": null,\n    \"ConditionEndDate\": null,\n    \"ConditionEndDateLabelKey\": null,\n    \"IsExpiryDateOptional\": false,\n    \"ExpiryDateID\": null,\n    \"ExpiryDateLabelKey\": null,\n    \"ConditionExpiryDate\": null,\n    \"ConditionExpiryDateLabelKey\": null,\n    \"IsReqIDOptional\": false,\n    \"ReqID\": null,\n    \"ReqIDID\": null,\n    \"ReqIDLabelKey\": null,\n    \"ReqStatusSelectedValue\": null,\n    \"ReqStatusSelectedText\": null,\n    \"IsReqStatusOptional\": false,\n    \"ReqStatusID\": null,\n    \"ReqStatusLabelKey\": null,\n    \"IsMedTypeOptional\": false,\n    \"MedType\": null,\n    \"MedTypeID\": null,\n    \"MedTypeLabelKey\": null,\n    \"IsMedSpecialtyOptional\": false,\n    \"MedSpecialty\": null,\n    \"MedSpecialtyID\": null,\n    \"MedSpecialtyLabelKey\": null,\n    \"IsCostAllocationOptional\": false,\n    \"CostAllocation\": null,\n    \"CostAllocationID\": null,\n    \"CostAllocationLabelKey\": null,\n    \"DivisionSelectedValue\": null,\n    \"DivisionSelectedText\": null,\n    \"IsDivisionOptional\": false,\n    \"DivisionID\": null,\n    \"DivisionLabelKey\": null,\n    \"DepartmentSelectedValue\": null,\n    \"DepartmentSelectedText\": null,\n    \"IsDepartmentOptional\": false,\n    \"DepartmentID\": null,\n    \"DepartmentLabelKey\": null,\n    \"OfficeSelectedValue\": null,\n    \"OfficeSelectedText\": null,\n    \"IsOfficeOptional\": false,\n    \"OfficeID\": null,\n    \"OfficeLabelKey\": null,\n    \"BusinessUnitSelectedValue\": null,\n    \"BusinessUnitSelectedText\": null,\n    \"IsBusinessUnitOptional\": false,\n    \"BusinessUnitID\": null,\n    \"BusinessUnitLabelKey\": null,\n    \"AutoOwnerSelectedValue\": null,\n    \"AutoOwnerSelectedText\": null,\n    \"IsAutoOwnershipOptional\": false,\n    \"AutoOwnershipID\": null,\n    \"AutoOwnershipLabelKey\": null,\n    \"AutoActMgrSelectedValue\": null,\n    \"AutoActMgrSelectedText\": null,\n    \"IsAutoActMgrOptional\": false,\n    \"AutoActMgrID\": null,\n    \"AutoActMgrLabelKey\": null,\n    \"CustomUserList1Value\": null,\n    \"CustomUserList1Text\": null,\n    \"IsCustomUserList1Optional\": false,\n    \"CustomUserList1ID\": null,\n    \"CustomUserList1LabelKey\": null,\n    \"CustomUserList2Value\": null,\n    \"CustomUserList2Text\": null,\n    \"IsCustomUserList2Optional\": false,\n    \"CustomUserList2ID\": null,\n    \"CustomUserList2LabelKey\": null,\n    \"CustomUserList3Value\": null,\n    \"CustomUserList3Text\": null,\n    \"IsCustomUserList3Optional\": false,\n    \"CustomUserList3ID\": null,\n    \"CustomUserList3LabelKey\": null,\n    \"AutoClassificationSelectedValue\": null,\n    \"AutoClassificationSelectedText\": null,\n    \"IsAutoClassificationOptional\": false,\n    \"AutoClassificationID\": null,\n    \"AutoClassificationLabelKey\": null,\n    \"ScheduleActivitySelectedValue\": null,\n    \"ScheduleActivitySelectedText\": null,\n    \"IsScheduleActivityOptional\": false,\n    \"ScheduleActivityID\": \"_listScheduleActivityId\",\n    \"ScheduleActivityLabelKey\": \"4684\",\n    \"WithScheduleActivity\": true,\n    \"ScheduleStatusSelectedValue\": null,\n    \"ScheduleStatusSelectedText\": null,\n    \"IsScheduleStatusOptional\": false,\n    \"ScheduleStatusID\": \"_listScheduleStatusId\",\n    \"ScheduleStatusLabelKey\": \"4684\",\n    \"EnteredDateFromID\": \"EnteredDateFromID\",\n    \"EnteredDateToID\": \"EnteredDateToID\",\n    \"EnteredDateLabelKey\": null,\n    \"IsEnteredDateOptional\": false,\n    \"StartDateScheduleFromID\": \"StartDateFromID\",\n    \"StartDateScheduleToID\": \"StartDateToID\",\n    \"StartDateScheduleLabelKey\": null,\n    \"IsStartDateScheduleOptional\": false,\n    \"IsContactsFirstNameOptional\": false,\n    \"ContactsFirstName\": null,\n    \"ContactsFirstNameID\": null,\n    \"ContactsFirstNameLabelKey\": null,\n    \"IsContactsLastNameOptional\": false,\n    \"ContactsLastName\": null,\n    \"ContactsLastNameID\": null,\n    \"ContactsLastNameLabelKey\": null,\n    \"IsJobFunctionOptional\": false,\n    \"JobFunction\": false,\n    \"JobFunctionID\": null,\n    \"JobFunctionLabelKey\": null,\n    \"IsJobRequirementOptional\": false,\n    \"JobRequirement\": false,\n    \"JobRequirementID\": null,\n    \"JobRequirementLabelKey\": null,\n    \"IsJobOrderProfileOptional\": false,\n    \"JobOrderProfile\": false,\n    \"JobOrderProfileID\": null,\n    \"JobOrderProfileLabelKey\": null,\n    \"IsNotesOptional\": false,\n    \"Notes\": false,\n    \"NotesID\": null,\n    \"NotesLabelKey\": null,\n    \"IsKeywordOptional\": false,\n    \"Keyword\": null,\n    \"KeywordID\": null,\n    \"KeywordLabelKey\": null,\n    \"CountrySelectedValue\": null,\n    \"CountrySelectedText\": null,\n    \"IsCountryOptional\": false,\n    \"CountryID\": null,\n    \"CountryLabelKey\": null,\n    \"ProvinceStateSelectedValue\": null,\n    \"ProvinceStateSelectedText\": null,\n    \"IsProvinceStateOptional\": false,\n    \"ProvinceStateID\": null,\n    \"ProvinceStateLabelKey\": null,\n    \"County\": null,\n    \"IsCountyOptional\": false,\n    \"CountyID\": null,\n    \"CountyLabelKey\": null,\n    \"ListCitiesValue\": null,\n    \"ListCitiesID\": \"_listCities\",\n    \"ListCitiesLabelKey\": \"9\",\n    \"LkCitiesLabelKey\": \"9\",\n    \"LkCitiesID\": \"_lkCities\",\n    \"LkCitiesValue\": null,\n    \"LkCitiesText\": null,\n    \"IsCityOptional\": false,\n    \"Address\": null,\n    \"IsAddressOptional\": false,\n    \"AddressID\": null,\n    \"AddressLabelKey\": null,\n    \"Address2\": null,\n    \"IsAddress2Optional\": false,\n    \"Address2ID\": null,\n    \"Address2LabelKey\": null,\n    \"ZipPostalCode\": null,\n    \"IsZipPostalCodeOptional\": false,\n    \"ZipPostalCodeID\": null,\n    \"ZipPostalCodeLabelKey\": null,\n    \"LocatedFrom\": null,\n    \"LocatedFromID\": null,\n    \"LocatedDistanceSelectedValue\": null,\n    \"IsLocatedFromOptional\": false,\n    \"NoteTypeSelectedValue\": null,\n    \"NoteTypeSelectedText\": null,\n    \"NoteTypeID\": \"_listNoteType\",\n    \"NoteTypeLabelKey\": \"63\",\n    \"IsNoteTypeOptional\": false,\n    \"Id\": 0,\n    \"Append\": false\n}\n\n\n\nexport const transformSearchData = (searchData, diffCheckPayload) => {\n  const transformed = {\n    filterElements: [],\n    filterGroups: []\n  };\n\n  function isDifferent(obj1, obj2, key) {\n    if (obj1[key] === obj2[key]) {\n      return false;\n    }\n    if (typeof obj1[key] === 'object' && typeof obj2[key] === 'object') {\n      return !Object.keys(obj1[key]).every(subKey => isDifferent(obj1[key], obj2[key], subKey));\n    }\n    return true;\n  }\n\n  function transformKey(key) {\n    const keyMappings = {\n\n      'CountriesSelectedText': 'Country',\n      'PostalCode': 'ZipPostalCode',\n      'ProvincesSelectedText': 'ProvinceState',\n      'RatingSelectedText': 'Rating',\n      'MarketSrcSelectedText': 'MarketingSource',\n      'Ownership':'[Ownership]',\n      'ClientCompany': 'CLI.companyname',\n      'TotalCompensation':'CLI.TotalCompensation',\n      'BaseSalaryID':'',\n      'LastSalaryIncrease':'CLI.LastSalaryIncrease',\n      'CandidateOfflimitData': 'CTE_CandidateOfflimitData',\n      'LastContactedDateFrom': '',\n      'LastContactedDateTo': '',\n      'YearsExpFrom': 'YearsOfExperience',\n      'YearsExpTo': 'YearsOfExperience',\n      'BirthSelectedDate':'age',\n      'OverTimePayRateFrom': 'OverTimePayRate',\n      'OverTimePayRateTo': 'OverTimePayRate',\n      'MinimumPayRateFrom': 'MinimumPayRate',\n      'MinimumPayRateTo': 'MinimumPayRate',\n      'OwnershipText': 'Ownership',\n      'PhoneNumber': 'BusinessPhone',\n\n      // Job Order mapping\n      'JobOrderID' : 'JobID',\n      'EmploymentTypeSelectedValue': '',\n      'EmploymentTypeSelectedText': 'EmploymentType',\n      'DivisionSelectedText': 'Division',\n      'CompanyName': 'CompanyName',\n      'PositionSelectedText': 'JobTitle',\n      'StatusSelectedText': 'Status',\n      'StartDate': '',\n      'ConditionStartDate': '',\n      'EndDate': '',\n      'ConditionEndDate': '',\n      'ReqID': 'ReqId',\n      'ReqStatusSelectedText': 'ReqStatusId',\n      'DepartmentSelectedText': 'Department',\n      'OfficeSelectedText': 'Office',\n      'BusinessUnitSelectedText': 'BusinessUnit',\n      'AutoOwnerSelectedText': 'Ownership',\n      'AutoActMgrSelectedText': 'AccountManager',\n      'CustomUserList1Text': 'CustomUserList1',\n      'CustomUserList2Text': 'CustomUserList2',\n      'CustomUserList3Text': 'CustomUserList3',\n      'CountrySelectedText': 'Country',\n      'ListCitiesValue': 'City',\n      'ProvinceStateSelectedText': 'ProvinceState',\n      'Address': 'Location',\n      'ZipPostalCode': 'PostalZip',\n      'ContactsFirstName': 'JobOrder.Contact.ContactPerson.FirstName',\n      'ContactsLastName': 'JobOrder.Contact.ContactPerson.LastName',\n       \n      // Client mapping\n      'ClientID': 'ClientID',\n      'WebAddress': 'WebAddress',\n      'Email': 'DefaultEmail',\n      'IndustryTypeSelectedText': 'IndustryType',\n      'DiscountStructureSelectedText': 'DiscountStructure'\n\n    };\n    return keyMappings[key] || key;\n  }\n\n  const optionalGroupIds = {};\n  const addedFields = new Set();\n\n  const createFilterElement = (searchField, searchOperator, searchValue, groupId = null) => ({\n    searchField,\n    searchOperator,\n    searchValue,\n    ...(groupId !== null && { groupId })\n  });\n\n\n\n  Object.keys(searchData).forEach(key => {\n    if (!isDifferent(searchData, diffCheckPayload, key)) {\n      return;\n    }\n  \n    // Skip adding ConditionAvailabilityRelation as a separate field\n    if (key === \"ConditionAvailiabilityRelation\") {\n      return;\n    }\n    if (key === \"StatusSelectedValue\") {\n      return;\n    }\n\n    if (key === \"ProvincesSelectedValue\") {\n      return;\n    }\n\n    if (key === \"MarketSrcSelectedValue\") {\n      return;\n    }\n\n\n    if (key === \"OwnershipValue\") {\n      return;\n    }\n\n    \n  \n    let operator = \"=\"; // Default operator\n\n    if (key === \"LastContactedDateFrom\") {\n      operator = \">=\";\n    } else if (key === \"LastContactedDateTo\") {\n      operator = \"<=\";\n    }\n\n\n    if (key === \"YearsExpFrom\") {\n      operator = \">=\";\n    } else if (key === \"YearsExpTo\") {\n      operator = \"<=\";\n    }\n\n\n    if (key === \"OvertimePayRateFrom\") {\n      operator = \">=\";\n    } else if (key === \"OvertimePayRateTo\") {\n      operator = \"<=\";\n    }\n\n    if (key === \"MinimumPayRateFrom\") {\n      operator = \">=\";\n    } else if (key === \"MinimumPayRateTo\") {\n      operator = \"<=\";\n    }\n\n\n    if (key === \"ConditionBaseSalaryRelation\") {\n      if (searchData[key] === \"=\") {\n        operator = \"=\";\n      } else if (searchData[key] === \">\") {\n        operator = \">\";\n      } else if (searchData[key] === \"<\") {\n        operator = \"<\";\n      } else if (searchData[key] === \">=\") {   \n        operator = \">=\";\n      } else if (searchData[key] === \"<=\") {\n        operator = \"<=\";\n      } else if (searchData[key] === \"!=\") {\n        operator = \"!=\";\n      }    \n    }\n      \n\n\n   if (key === 'KeyWordsearch') {\n      const queryResult = createStructuredQuery({ KeyWordsearch: searchData[key] });\n      if (queryResult) {\n        transformed.filterElements.push(...queryResult.filterElements);\n        transformed.filterGroups = queryResult.filterGroups;\n      }\n    } else if (key.startsWith('Is') && key.endsWith('Optional')) {\n      console.log('process optional key here...');\n      const baseKey = key.substring(2, key.length - 8);\n      console.log(`Processing 'Is...Optional' key: ${key}, BaseKey: ${baseKey}`);\n      if (baseKey in searchData) {\n        const groupId = optionalGroupIds[baseKey] || (Object.keys(optionalGroupIds).length + 1);\n        optionalGroupIds[baseKey] = groupId;\n        console.log(`Assigned groupId ${groupId} to baseKey: ${baseKey}`);\n        if (!transformed.filterGroups.some(group => group.groupId === groupId)) {\n          transformed.filterGroups.push({\n            groupId: groupId,\n            groupOperator: 2, // OR operator\n            parentGroupId: null\n          });\n          // console.log(`Added new group for groupId: ${groupId}`);\n        }\n      }\n    } else if (key === \"AvailabilityOn\") {\n      // Use the value from ConditionAvailabilityRelation as the operator for AvailabilityOn\n      \n      const availabilityOperator = searchData['ConditionAvailiabilityRelation'];\n      console.log('key meets AvailabilityOn ', searchData)\n      transformed.filterElements.push(createFilterElement(\"Candidate.AvailableDate\", availabilityOperator, searchData[key]));\n    } else if (!addedFields.has(key)) {\n      const groupId = optionalGroupIds[key];\n      console.log('optional group ids',  optionalGroupIds)\n      console.log('optional group ids keys',  key)\n      console.log('optional group ids request',  optionalGroupIds[key])\n      console.log('optional group id',  groupId)\n      if (groupId) {\n        addedFields.add(key);\n      }\n      transformed.filterElements.push(createFilterElement(key, operator, searchData[key], groupId));\n    }\n  });\n\n  console.log('Before setting keys:', transformed.filterElements);\n\n  // Function to rename keys in the final step\n  function renameKeys(filterElement) {\n    return {\n      ...filterElement,\n      searchField: transformKey(filterElement.searchField)\n    };\n  }\n\n  console.log('Before renaming keys:', transformed.filterElements);\n\n \n\n  // Update filterElements with correct groupIds\n  transformed.filterElements.forEach(element => {\n    const originalKey = element.searchField.split('.')[1] || element.searchField;\n    console.log('originalKey', originalKey)\n    if (optionalGroupIds[originalKey]) {\n      element.groupId = optionalGroupIds[originalKey];\n      console.log(`Updated groupId for ${element.searchField} to ${element.groupId}`);\n    }\n  });\n\n  console.log('Final transformed object:', transformed);\n\n   // Apply the key renaming just before returning\n   transformed.filterElements = transformed.filterElements.map(renameKeys);\n\n  return transformed;\n};\n\n\n\n\n\nexport const createStructuredQuery = (input) => {\n  console.log(\"Input Received:\", input.KeyWordsearch);\n  const regex = /\\(([^)]+)\\) AND (\\w+)/;\n  const matches = input.KeyWordsearch.match(regex);\n\n  if (!matches) {\n    console.error('No matches found. Check the regular expression.');\n    return null;\n  }\n\n  if (matches.length !== 3) {\n    console.error('Unexpected number of matches. Expected 3 matches, found:', matches.length);\n    return null;\n  }\n\n  // Extract terms from the matched groups\n  const orTermsString = matches[1];\n  const andTerm = matches[2];\n  const orTerms = orTermsString.split(' or ');\n\n  if (orTerms.length !== 2) {\n    console.error('Invalid OR format. Expected two terms separated by \" or \"');\n    return null;\n  }\n\n  const [term1, term2] = orTerms.map(term => term.trim());\n  //console.log(\"Parsed Terms:\", term1, term2, andTerm);\n\n \n \n  const structuredQuery = {\n    pageNumber: 1,\n    pageSize: 20,\n    filterElements: [\n      {\n        searchField: \"KeyWordsearch\", \n        searchOperator: \"=\",\n        searchValue: term1,\n        groupId: 1\n      },\n      {\n        searchField: \"KeyWordsearch\",\n        searchOperator: \"=\",\n        searchValue: term2,\n        groupId: 1\n      },\n      {\n        searchField: \"KeyWordsearch\", \n        searchOperator: \"=\",\n        searchValue: andTerm,\n        groupId: 2\n      }\n    ],\n    filterGroups: [\n      {\n        groupId: 1,\n        groupOperator: 2, // OR operator\n        parentGroupId: 3\n      },\n      {\n        groupId: 2,\n        groupOperator: 1, // AND operator, but single condition in this group\n        parentGroupId: 3\n      },\n      {\n        groupId: 3,\n        groupOperator: 1, // AND operator for combining groups 1 and 2\n        parentGroupId: null\n      }\n    ],\n    logicalSearchOperator: 1 // Overall query logic\n  };\n\n  return structuredQuery;\n}\n\n\nexport const demoMSSearchData = {\n  \"SearchCriteriaEquationDetails\": {\n      \"SkillSearchDetails\": {\n          \"AnySkillDetails\": [],\n          \"AllSkillDetails\": [],\n          \"ExcludeSkillDetails\": [],\n          \"ValueExpression\": \"\",\n          \"DisplayExpression\": \"\",\n          \"SkillDetailsBoolOn\": []\n      }\n  },\n  \"CustomFieldSearch\": [],\n  \"SearchName\": null,\n  \"JobOrderID\": null,\n  \"IsJobOrderIDOptional\": false,\n  \"JobOrderIDID\": null,\n  \"JobOrderIDLabelKey\": null,\n  \"CompanyName\": null,\n  \"IsCompanyNameOptional\": false,\n  \"CompanyNameID\": null,\n  \"CompanyNameLabelKey\": null,\n  \"ParentCompanySelectedValue\": null,\n  \"ParentCompanySelectedText\": null,\n  \"IsParentCompanyOptional\": false,\n  \"ParentCompanyID\": null,\n  \"ParentCompanyLabelKey\": null,\n  \"PositionSelectedValue\": null,\n  \"PositionSelectedText\": null,\n  \"IsPositionOptional\": false,\n  \"PositionID\": null,\n  \"PositionLabelKey\": null,\n  \"IsEmploymentTypeOptional\": false,\n  \"EmploymentTypeSelectedValue\": null,\n  \"EmploymentTypeSelectedText\": null,\n  \"EmploymentTypeID\": null,\n  \"EmploymentTypeLabelKey\": null,\n  \"StatusSelectedValue\": null,\n  \"StatusSelectedText\": null,\n  \"IsStatusOptional\": false,\n  \"StatusID\": null,\n  \"StatusLabelKey\": null,\n  \"Open\": false,\n  \"OpenID\": null,\n  \"OpenLabelKey\": null,\n  \"IsOpenOptional\": false,\n  \"IsCheckBoxOptional\": false,\n  \"Filled\": false,\n  \"FilledID\": null,\n  \"FilledLabelKey\": null,\n  \"IsFilledOptional\": false,\n  \"Cancelled\": false,\n  \"CancelledID\": null,\n  \"CancelledLabelKey\": null,\n  \"IsCancelledOptional\": false,\n  \"IsStartDateOptional\": false,\n  \"StartDateID\": null,\n  \"StartDateLabelKey\": null,\n  \"ConditionStartDate\": null,\n  \"ConditionStartDateLabelKey\": null,\n  \"IsEndDateOptional\": false,\n  \"EndDateID\": null,\n  \"EndDateLabelKey\": null,\n  \"ConditionEndDate\": null,\n  \"ConditionEndDateLabelKey\": null,\n  \"IsExpiryDateOptional\": false,\n  \"ExpiryDateID\": null,\n  \"ExpiryDateLabelKey\": null,\n  \"ConditionExpiryDate\": null,\n  \"ConditionExpiryDateLabelKey\": null,\n  \"IsReqIDOptional\": false,\n  \"ReqID\": null,\n  \"ReqIDID\": null,\n  \"ReqIDLabelKey\": null,\n  \"ReqStatusSelectedValue\": null,\n  \"ReqStatusSelectedText\": null,\n  \"IsReqStatusOptional\": false,\n  \"ReqStatusID\": null,\n  \"ReqStatusLabelKey\": null,\n  \"IsMedTypeOptional\": false,\n  \"MedType\": null,\n  \"MedTypeID\": null,\n  \"MedTypeLabelKey\": null,\n  \"IsMedSpecialtyOptional\": false,\n  \"MedSpecialty\": null,\n  \"MedSpecialtyID\": null,\n  \"MedSpecialtyLabelKey\": null,\n  \"IsCostAllocationOptional\": false,\n  \"CostAllocation\": null,\n  \"CostAllocationID\": null,\n  \"CostAllocationLabelKey\": null,\n  \"DivisionSelectedValue\": null,\n  \"DivisionSelectedText\": null,\n  \"IsDivisionOptional\": false,\n  \"DivisionID\": null,\n  \"DivisionLabelKey\": null,\n  \"DepartmentSelectedValue\": null,\n  \"DepartmentSelectedText\": null,\n  \"IsDepartmentOptional\": false,\n  \"DepartmentID\": null,\n  \"DepartmentLabelKey\": null,\n  \"OfficeSelectedValue\": null,\n  \"OfficeSelectedText\": null,\n  \"IsOfficeOptional\": false,\n  \"OfficeID\": null,\n  \"OfficeLabelKey\": null,\n  \"BusinessUnitSelectedValue\": null,\n  \"BusinessUnitSelectedText\": null,\n  \"IsBusinessUnitOptional\": false,\n  \"BusinessUnitID\": null,\n  \"BusinessUnitLabelKey\": null,\n  \"AutoOwnerSelectedValue\": null,\n  \"AutoOwnerSelectedText\": null,\n  \"IsAutoOwnershipOptional\": false,\n  \"AutoOwnershipID\": null,\n  \"AutoOwnershipLabelKey\": null,\n  \"AutoActMgrSelectedValue\": null,\n  \"AutoActMgrSelectedText\": null,\n  \"IsAutoActMgrOptional\": false,\n  \"AutoActMgrID\": null,\n  \"AutoActMgrLabelKey\": null,\n  \"CustomUserList1Value\": null,\n  \"CustomUserList1Text\": null,\n  \"IsCustomUserList1Optional\": false,\n  \"CustomUserList1ID\": null,\n  \"CustomUserList1LabelKey\": null,\n  \"CustomUserList2Value\": null,\n  \"CustomUserList2Text\": null,\n  \"IsCustomUserList2Optional\": false,\n  \"CustomUserList2ID\": null,\n  \"CustomUserList2LabelKey\": null,\n  \"CustomUserList3Value\": null,\n  \"CustomUserList3Text\": null,\n  \"IsCustomUserList3Optional\": false,\n  \"CustomUserList3ID\": null,\n  \"CustomUserList3LabelKey\": null,\n  \"AutoClassificationSelectedValue\": null,\n  \"AutoClassificationSelectedText\": null,\n  \"IsAutoClassificationOptional\": false,\n  \"AutoClassificationID\": null,\n  \"AutoClassificationLabelKey\": null,\n  \"ScheduleActivitySelectedValue\": null,\n  \"ScheduleActivitySelectedText\": null,\n  \"IsScheduleActivityOptional\": false,\n  \"ScheduleActivityID\": \"_listScheduleActivityId\",\n  \"ScheduleActivityLabelKey\": \"4684\",\n  \"WithScheduleActivity\": true,\n  \"ScheduleStatusSelectedValue\": null,\n  \"ScheduleStatusSelectedText\": null,\n  \"IsScheduleStatusOptional\": false,\n  \"ScheduleStatusID\": \"_listScheduleStatusId\",\n  \"ScheduleStatusLabelKey\": \"4684\",\n  \"EnteredDateFromID\": \"EnteredDateFromID\",\n  \"EnteredDateToID\": \"EnteredDateToID\",\n  \"EnteredDateLabelKey\": null,\n  \"IsEnteredDateOptional\": false,\n  \"StartDateScheduleFromID\": \"StartDateFromID\",\n  \"StartDateScheduleToID\": \"StartDateToID\",\n  \"StartDateScheduleLabelKey\": null,\n  \"IsStartDateScheduleOptional\": false,\n  \"IsContactsFirstNameOptional\": false,\n  \"ContactsFirstName\": null,\n  \"ContactsFirstNameID\": null,\n  \"ContactsFirstNameLabelKey\": null,\n  \"IsContactsLastNameOptional\": false,\n  \"ContactsLastName\": null,\n  \"ContactsLastNameID\": null,\n  \"ContactsLastNameLabelKey\": null,\n  \"IsJobFunctionOptional\": false,\n  \"JobFunction\": false,\n  \"JobFunctionID\": null,\n  \"JobFunctionLabelKey\": null,\n  \"IsJobRequirementOptional\": false,\n  \"JobRequirement\": false,\n  \"JobRequirementID\": null,\n  \"JobRequirementLabelKey\": null,\n  \"IsJobOrderProfileOptional\": false,\n  \"JobOrderProfile\": false,\n  \"JobOrderProfileID\": null,\n  \"JobOrderProfileLabelKey\": null,\n  \"IsNotesOptional\": false,\n  \"Notes\": false,\n  \"NotesID\": null,\n  \"NotesLabelKey\": null,\n  \"IsKeywordOptional\": false,\n  \"Keyword\": null,\n  \"KeywordID\": null,\n  \"KeywordLabelKey\": null,\n  \"CountrySelectedValue\": null,\n  \"CountrySelectedText\": null,\n  \"IsCountryOptional\": false,\n  \"CountryID\": null,\n  \"CountryLabelKey\": null,\n  \"ProvinceStateSelectedValue\": null,\n  \"ProvinceStateSelectedText\": null,\n  \"IsProvinceStateOptional\": false,\n  \"ProvinceStateID\": null,\n  \"ProvinceStateLabelKey\": null,\n  \"County\": null,\n  \"City\": \"San Diego\",\n  \"IsCountyOptional\": false,\n  \"CountyID\": null,\n  \"CountyLabelKey\": null,\n  \"ListCitiesValue\": null,\n  \"ListCitiesID\": \"_listCities\",\n  \"ListCitiesLabelKey\": \"9\",\n  \"LkCitiesLabelKey\": \"9\",\n  \"LkCitiesID\": \"_lkCities\",\n  \"LkCitiesValue\": null,\n  \"LkCitiesText\": null,\n  \"IsCityOptional\": false,\n  \"Address\": null,\n  \"IsAddressOptional\": false,\n  \"AddressID\": null,\n  \"AddressLabelKey\": null,\n  \"Address2\": null,\n  \"IsAddress2Optional\": false,\n  \"Address2ID\": null,\n  \"Address2LabelKey\": null,\n  \"ZipPostalCode\": null,\n  \"IsZipPostalCodeOptional\": false,\n  \"ZipPostalCodeID\": null,\n  \"ZipPostalCodeLabelKey\": null,\n  \"LocatedFrom\": null,\n  \"LocatedFromID\": null,\n  \"LocatedDistanceSelectedValue\": null,\n  \"IsLocatedFromOptional\": false,\n  \"NoteTypeSelectedValue\": null,\n  \"NoteTypeSelectedText\": null,\n  \"NoteTypeID\": \"_listNoteType\",\n  \"NoteTypeLabelKey\": \"63\",\n  \"IsNoteTypeOptional\": false,\n  \"Id\": 0,\n  \"Append\": false\n}\n\n//  export const demoMSSearchData = {\n//   \"SearchCriteriaEquationDetails\": {\n//       \"SkillSearchDetails\": {\n//           \"AnySkillDetails\": [],\n//           \"AllSkillDetails\": [],\n//           \"ExcludeSkillDetails\": [],\n//           \"ValueExpression\": \"\",\n//           \"DisplayExpression\": \"\",\n//           \"SkillDetailsBoolOn\": []\n//       }\n//   },\n//   \"CustomFieldSearch\": [],\n//   \"SearchName\": null,\n//   \"CandidateID\": null,\n//   \"IsCandidateIDOptional\": false,\n//   \"CandidateIdID\": \"_textCandidateId\",\n//   \"CandidateIDLabelKey\": \"26\",\n//   \"FirstName\": \"Linda\",\n//   \"IsFirstNameOptional\": true,\n//   \"FirstNameID\": \"_textFirstName\",\n//   \"FirstNameLabelKey\": \"28\",\n//   \"LastName\": null,\n//   \"IsLastNameOptional\": false,\n//   \"LastNameID\": \"_textLastName\",\n//   \"LastNameLabelKey\": \"30\",\n//   \"PhoneNumber\": null,\n//   \"IsPhoneNumberOptional\": false,\n//   \"PhoneNumberID\": \"_textPhone\",\n//   \"PhoneNumberLabelKey\": \"21\",\n//   \"PhoneType\": null,\n//   \"PhoneTypeID\": \"_listPhoneType\",\n//   \"PhoneTypeSelectedText\": null,\n//   \"IsPhoneTypeOptional\": false,\n//   \"Email\": \"gregory@redwerks.org\",\n//   \"IsEmailOptional\": false,\n//   \"EmailID\": \"_textEmail\",\n//   \"EmailLabelKey\": \"1000\",\n//   \"ExcludeCandidatesPartOfText\": null,\n//   \"IsExcludeCandidatesPartOfOptional\": false,\n//   \"ExcludeCandidatesPartOfID\": \"_autoExcludeCandidatesPartOf\",\n//   \"ListExcludeCandidatesPartOf\": null,\n//   \"CheckExcludeOfflimits\": false,\n//   \"CheckBoxExcludeOfflimitsID\": \"_checkBoxExcludeOfflimits\",\n//   \"IsDateAvailiabilityOptional\": false,\n//   \"DateAvailiabilityID\": \"_dateAvailiability\",\n//   \"ConditionAvailiabilityLabelKey\": \"1413\",\n//   \"ConditionAvailiabilityRelation\": null,\n//   \"IsDateLastContactedOptional\": false,\n//   \"DateBoxLastContactID\": \"_dateBoxLastContact\",\n//   \"ConditionLastContactLabelKey\": \"151\",\n//   \"ConditionLastContactedRelation\": null,\n//   \"IsMustHaveNotInPlaceOptional\": false,\n//   \"DatePlaceFromID\": \"_datePlaceFrom\",\n//   \"DatePlaceFromLabelKey\": \"1727\",\n//   \"MustHaveNotInPlaceID\": \"_mustHaveNotInPlace\",\n//   \"DatePlaceToID\": \"_datePlaceTo\",\n//   \"ChkSun\": false,\n//   \"ChkSunID\": \"_ckSun\",\n//   \"LabelSun\": \"Sun\",\n//   \"ChkMon\": false,\n//   \"ChkMonID\": \"_ckMon\",\n//   \"LabelMon\": \"Mon\",\n//   \"ChkTue\": false,\n//   \"ChkTueID\": \"_ckTue\",\n//   \"LabelTue\": \"Tue\",\n//   \"ChkWed\": false,\n//   \"ChkWedID\": \"_ckWed\",\n//   \"LabelWed\": \"Wed\",\n//   \"ChkThu\": false,\n//   \"ChkThuID\": \"_ckThu\",\n//   \"LabelThu\": \"Thu\",\n//   \"ChkFri\": false,\n//   \"ChkFriID\": \"_ckFri\",\n//   \"LabelFri\": \"Fri\",\n//   \"ChkSat\": false,\n//   \"ChkSatID\": \"_ckSat\",\n//   \"LabelSat\": \"Sat\",\n//   \"ScheduleActivitySelectedValue\": null,\n//   \"ScheduleActivitySelectedText\": null,\n//   \"IsScheduleActivityOptional\": false,\n//   \"ScheduleActivityID\": \"_listScheduleActivityId\",\n//   \"ScheduleActivityLabelKey\": \"4684\",\n//   \"WithScheduleActivity\": true,\n//   \"ScheduleStatusSelectedValue\": null,\n//   \"ScheduleStatusSelectedText\": null,\n//   \"IsScheduleStatusOptional\": false,\n//   \"ScheduleStatusID\": \"_listScheduleStatusId\",\n//   \"ScheduleStatusLabelKey\": \"4684\",\n//   \"RecruiterSelectedValue\": null,\n//   \"RecruiterSelectedText\": null,\n//   \"RecruiterID\": \"_listRecruiterId\",\n//   \"RecruiterLabelKey\": \"4684\",\n//   \"IsRecruiterOptional\": false,\n//   \"ResultOfActivitySelectedValue\": null,\n//   \"ResultOfActivitySelectedText\": null,\n//   \"ResultOfActivityID\": \"_listResultOfActivityId\",\n//   \"ResultOfActivityLabelKey\": \"4684\",\n//   \"IsResultOfActivityOptional\": false,\n//   \"EnteredDateFromID\": \"EnteredDateFromID\",\n//   \"EnteredDateToID\": \"EnteredDateToID\",\n//   \"EnteredDateLabelKey\": null,\n//   \"IsEnteredDateOptional\": false,\n//   \"StartDateFromID\": \"StartDateFromID\",\n//   \"StartDateToID\": \"StartDateToID\",\n//   \"StartDateLabelKey\": null,\n//   \"IsStartDateOptional\": false,\n//   \"LastContactedDateFromID\": \"LastContactedDateFromID\",\n//   \"LastContactedDateToID\": \"LastContactedDateToID\",\n//   \"LastContactedDateLabelKey\": null,\n//   \"IsLastContactedDateOptional\": false,\n//   \"ChkOriginalResume\": false,\n//   \"ChkOriginalResumeID\": \"_checkBoxOriginalResume\",\n//   \"ChkModifiedResume\": false,\n//   \"ChkModifiedResumeID\": \"_checkBoxModifiedResume\",\n//   \"ChkHistoricalResume\": false,\n//   \"ChkHistoricalResumeID\": \"_checkBoxHistoricalResume\",\n//   \"ChkCandProfileNote\": false,\n//   \"ChkCandProfileNoteID\": \"_checkBoxCandProfileNote\",\n//   \"ChkNotes\": true,\n//   \"ChkNotesID\": \"_checkBoxNotes\",\n//   \"ChkEmail\": false,\n//   \"ChkEmailID\": \"_checkBoxEmail\",\n//   \"IsKeyWordSearch\": false,\n//   \"KeyWordsearch\": \"(VP or \\\"vice president\\\") AND payroll\",\n//   \"County\": null,\n//   \"IsCountyOptional\": false,\n//   \"CountyID\": \"_textCounty\",\n//   \"CountyLabelKey\": \"4684\",\n//   \"CountriesSelectedValue\": null,\n//   \"CountriesSelectedText\": null,\n//   \"CountryID\": \"_listCountries\",\n//   \"CountriesLabelKey\": \"56\",\n//   \"IsCountryOptional\": false,\n//   \"ProvincesSelectedValue\": null,\n//   \"ProvincesSelectedText\": null,\n//   \"ProvincesID\": \"_listProvinces\",\n//   \"ProvincesLabelKey\": \"55\",\n//   \"IsProvincesOptional\": false,\n//   \"ListCitiesValue\": null,\n//   \"ListCitiesID\": \"_listCities\",\n//   \"ListCitiesLabelKey\": \"9\",\n//   \"LkCitiesLabelKey\": \"9\",\n//   \"LkCitiesID\": \"_lkCities\",\n//   \"LkCitiesValue\": null,\n//   \"LkCitiesText\": null,\n//   \"IsCityOptional\": false,\n//   \"Address\": null,\n//   \"AddressID\": \"_textAddress\",\n//   \"AddressLabelKey\": \"8\",\n//   \"IsAddressOptional\": false,\n//   \"Address2\": null,\n//   \"Address2ID\": \"_textAddress2\",\n//   \"Address2LabelKey\": \"4004\",\n//   \"IsAddress2Optional\": false,\n//   \"PostalCode\": null,\n//   \"PostalCodeID\": \"_textPostalCode\",\n//   \"PostalCodeLabelKey\": \"10\",\n//   \"IsPostalCodeOptional\": false,\n//   \"LocatedFrom\": null,\n//   \"LocatedFromID\": \"_textLocatedFrom\",\n//   \"LocatedDistanceSelectedValue\": null,\n//   \"IsLocatedFromOptional\": false,\n//   \"BirthID\": \"_dateBirth\",\n//   \"BirthLabelKey\": \"32\",\n//   \"IsdateBirthOptional\": false,\n//   \"AgeFrom\": null,\n//   \"AgeFromID\": \"_txtAgeFrom\",\n//   \"IsAgeOptional\": false,\n//   \"AgeTo\": null,\n//   \"AgeToID\": \"_txtAgeTo\",\n//   \"YearsExpFrom\": null,\n//   \"YearsExpFromID\": \"_txtYearsExpFrom\",\n//   \"YearsExpTo\": null,\n//   \"YearsExpToID\": \"_txtYearsExpTo\",\n//   \"IsYearsExperienceOptional\": false,\n//   \"TextSin\": null,\n//   \"TextSinID\": \"_textSin\",\n//   \"TextSinLabelKey\": \"128\",\n//   \"IsSinIDOptional\": false,\n//   \"StatusSelectedValue\": null,\n//   \"StatusSelectedText\": null,\n//   \"StatusID\": \"_listStatus\",\n//   \"StatusLabelKey\": \"34\",\n//   \"IsStatusOptional\": false,\n//   \"SecondStatusSelectedValue\": null,\n//   \"SecondStatusSelectedText\": null,\n//   \"SecondStatusID\": \"_listSecondStatus\",\n//   \"SecondStatusLabelKey\": \"4529\",\n//   \"IsSecondStatusOptional\": false,\n//   \"RatingSelectedValue\": null,\n//   \"RatingSelectedText\": null,\n//   \"RatingID\": \"_listRating\",\n//   \"RatingLabelKey\": \"35\",\n//   \"IsRatingOptional\": false,\n//   \"MarketSrcSelectedValue\": null,\n//   \"MarketSrcSelectedText\": null,\n//   \"MarketSrcID\": \"_listMarketSrc\",\n//   \"MarketSrcLabelKey\": \"1084\",\n//   \"IsMarketSrcOptional\": false,\n//   \"CandidateNpn\": null,\n//   \"CandidateNpnID\": \"_txtCandidateNpn\",\n//   \"CandidateNpnLabelKey\": \"4275\",\n//   \"IsCandidateNpnOptional\": false,\n//   \"TransportationTypeSelectedValue\": null,\n//   \"TransportationTypeSelectedText\": null,\n//   \"TransportationTypeID\": \"_listTransportation\",\n//   \"TransportationTypeLabelKey\": \"3149\",\n//   \"IsTransportationTypeOptional\": false,\n//   \"EmploymentTypeSelectedValue\": null,\n//   \"EmploymentTypeSelectedText\": null,\n//   \"EmploymentTypeID\": \"_listEmploymentType\",\n//   \"EmploymentTypeLabelKey\": \"117\",\n//   \"IsEmploymentTypeOptional\": false,\n//   \"PayRateCurrencySelectedValue\": null,\n//   \"PayRateCurrencySelectedText\": null,\n//   \"PayRateCurrencyID\": \"_listPayRateCurrency\",\n//   \"PayRateCurrencyLabelKey\": \"5070\",\n//   \"IsPayRateCurrencyOptional\": false,\n//   \"MinimumPayRateFrom\": null,\n//   \"MinimumPayRateFromID\": \"_txtMinimumPayRateFrom\",\n//   \"MinimumPayRateFromLabelKey\": \"118\",\n//   \"IsMinimumPayRateOptional\": false,\n//   \"MinimumPayRateTo\": null,\n//   \"MinimumPayRateToID\": \"_txtMinimumPayRateTo\",\n//   \"OvertimePayRateFrom\": null,\n//   \"OvertimePayRateFromID\": \"_txtOvertimePayRateFrom\",\n//   \"OvertimePayRateFromLabelKey\": \"4982\",\n//   \"IsOvertimePayRateOptional\": false,\n//   \"OvertimePayRateTo\": null,\n//   \"OvertimePayRateToID\": \"_txtOvertimePayRateTo\",\n//   \"DivisionSelectedValue\": null,\n//   \"DivisionSelectedText\": null,\n//   \"DivisionID\": \"_listDivision\",\n//   \"DivisionLabelKey\": \"143\",\n//   \"IsDivisionOptional\": false,\n//   \"DepartmentSelectedValue\": null,\n//   \"DepartmentSelectedText\": null,\n//   \"DepartmentID\": \"_listDepartment\",\n//   \"DepartmentLabelKey\": \"146\",\n//   \"IsDeptOptional\": false,\n//   \"OfficeSelectedValue\": null,\n//   \"OfficeSelectedText\": null,\n//   \"OfficeID\": \"_listOffice\",\n//   \"OfficeLabelKey\": \"1876\",\n//   \"IsOfficeOptional\": false,\n//   \"BusinessUnitSelectedValue\": null,\n//   \"BusinessUnitSelectedText\": null,\n//   \"BusinessUnitID\": \"_listBusinessUnit\",\n//   \"BusinessUnitLabelKey\": \"556\",\n//   \"IsBusinessUnitOptional\": false,\n//   \"OwnershipValue\": null,\n//   \"OwnershipText\": null,\n//   \"OwnershipID\": \"_autoOwnership\",\n//   \"OwnershipLabelKey\": \"1694\",\n//   \"IsOwnershipOptional\": false,\n//   \"CustomUserList1Value\": null,\n//   \"CustomUserList1Text\": null,\n//   \"CustomUserList1ID\": \"_listCustomUserList1\",\n//   \"CustomUserList1LabelKey\": \"11414\",\n//   \"IsCustomUserList1Optional\": false,\n//   \"CustomUserList2Value\": null,\n//   \"CustomUserList2Text\": null,\n//   \"CustomUserList2ID\": \"_listCustomUserList2\",\n//   \"CustomUserList2LabelKey\": \"11415\",\n//   \"IsCustomUserList2Optional\": false,\n//   \"CustomUserList3Value\": null,\n//   \"CustomUserList3Text\": null,\n//   \"CustomUserList3ID\": \"_listCustomUserList3\",\n//   \"CustomUserList3LabelKey\": \"11416\",\n//   \"IsCustomUserList3Optional\": false,\n//   \"NoteTypeSelectedValue\": \"600\",\n//   \"NoteTypeSelectedText\": \"Schedule\",\n//   \"NoteTypeID\": \"_listNoteType\",\n//   \"NoteTypeLabelKey\": \"63\",\n//   \"IsNoteTypeOptional\": false,\n//   \"ActMgrValue\": null,\n//   \"ActMgrText\": null,\n//   \"ActMgrID\": \"_autoActMgr\",\n//   \"ActMgrLabelKey\": \"1818\",\n//   \"IsActMgrOptional\": false,\n//   \"CompanyName\": null,\n//   \"CompanyNameID\": \"_txtCompanyName\",\n//   \"CompanyNameLabelKey\": \"37\",\n//   \"IsCompanyNameOptional\": false,\n//   \"Title\": null,\n//   \"TitleID\": \"_txtTitle\",\n//   \"TitleLabelKey\": \"149\",\n//   \"IsTitleOptional\": false,\n//   \"BaseSalaryID\": \"_txtBaseSalary\",\n//   \"ConditionBaseSalaryRelation\": null,\n//   \"BaseSalaryLabelKey\": null,\n//   \"IsBaseSalaryOptional\": false,\n//   \"LastSalaryIncreaseID\": \"_txtLastSalaryIncrease\",\n//   \"LastSalaryIncreaseLabelKey\": \"4952\",\n//   \"IsLastSalaryIncreaseOptional\": false,\n//   \"TotalCompensationID\": \"_txtTotalCompensation\",\n//   \"TotalCompensationLabelKey\": \"4953\",\n//   \"IsTotalCompensationOptional\": false,\n//   \"ListID\": 0,\n//   \"Append\": false\n// }"],"version":3}

package/dist/components/tree-list-item.js.map

@@ -1 +0,0 @@
-{"file":"tree-list-item.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/tree-list-item2.js.map

@@ -1 +0,0 @@
-{"file":"tree-list-item2.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/data-display/tree/tree-list-item/tree-list-item.css?tag=tree-list-item&encapsulation=shadow","src/components/data-display/tree/tree-list-item/tree-list-item.tsx"],"sourcesContent":[".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"],"version":3}

package/dist/components/udp-adornment.js.map

@@ -1 +0,0 @@
-{"file":"udp-adornment.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/udp-adornment2.js.map

@@ -1 +0,0 @@
-{"file":"udp-adornment2.js","mappings":";;AAAA,MAAM,eAAe,GAAG,sBAAsB;;MCOjC,YAAY,iBAAAA,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA;;;;;;;;;IAKf,QAAQ,GAAA;AACd,QAAA,QAAQ,IAAI,CAAC,MAAM;AACjB,YAAA,KAAK,SAAS;AACZ,gBAAA,OAAO,2BAA2B;AACpC,YAAA,KAAK,SAAS;AACZ,gBAAA,OAAO,2BAA2B;AACpC,YAAA,KAAK,OAAO;AACV,gBAAA,OAAO,yBAAyB;AAClC,YAAA,KAAK,MAAM;AACT,gBAAA,OAAO,wBAAwB;AACjC,YAAA,KAAK,UAAU;gBACb,OAAO,4BAA4B,CAAC;AACtC,YAAA;AACE,gBAAA,OAAO,aAAa;;;IAI1B,MAAM,GAAA;AACJ,QAAA,MAAM,KAAK,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,eAAe,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAE;AAEhF,QAAA,OAAO,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,KAAK,GAAS;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/data-display/adornment/udp-adornment/udp-adornment.css?tag=udp-adornment&encapsulation=shadow","src/components/data-display/adornment/udp-adornment/udp-adornment.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n","import { Component, Prop, h, Host } from '@stencil/core';\n\n@Component({\n  tag: 'udp-adornment',\n  styleUrl: 'udp-adornment.css',\n  shadow: true,\n})\nexport class UdpAdornment {\n  // Prop to accept the status\n  @Prop() status: 'success' | 'warning' | 'error' | 'info' | 'disabled';\n\n  // Method to determine the color based on status\n  private getColor(): string {\n    switch (this.status) {\n      case 'success':\n        return 'var(--success-color-main)';\n      case 'warning':\n        return 'var(--warning-color-main)';\n      case 'error':\n        return 'var(--error-color-main)';\n      case 'info':\n        return 'var(--info-color-main)';\n      case 'disabled':\n        return 'var(--disabled-color-main)'; // Assuming this is the correct variable for disabled\n      default:\n        return 'transparent';\n    }\n  }\n\n  render() {\n    const style = { width: '4px', height: '100%', backgroundColor: this.getColor() };\n\n    return <Host style={style}></Host>;\n  }\n}\n"],"version":3}