npm - udp-stencil-component-library - Versions diffs - 1.0.2 → 1.0.3 - Mend

udp-stencil-component-library 1.0.2 → 1.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (638) hide show

package/dist/components/{p-byKLubNE.js → p-Coa3kO6W.js} RENAMED Viewed

@@ -9,7 +9,7 @@ const UdpLinearLoader = /*@__PURE__*/ proxyCustomElement(class UdpLinearLoader e
         this.__attachShadow();
     }
     render() {
-        return (h(Host, { key: 'efde1ca8ae1260d2ed4952180e96d6f2d79888c7' }, h("div", { key: 'f0102481306d16411a845301b58aaa3bbe05510a', class: "loader" }, h("div", { key: '9587d61b151493fb5f531c6edd2103706604e34b', class: "indeterminate" }))));
+        return (h(Host, { key: '13379274e0bae0b9b2cada21fe3d4fd77d40014b' }, h("div", { key: '5fe178d0c052d9ca24c05fd38a12f93f99b6f159', class: "loader" }, h("div", { key: '7ca16b2a3be22007005b13bb7e53d5ebb0701d20', class: "indeterminate" }))));
     }
     static get style() { return udpLinearLoaderCss; }
 }, [1, "udp-linear-loader"]);
@@ -28,6 +28,6 @@ function defineCustomElement() {
 }
 export { UdpLinearLoader as U, defineCustomElement as d };
-//# sourceMappingURL=p-byKLubNE.js.map
+//# sourceMappingURL=p-Coa3kO6W.js.map
-//# sourceMappingURL=p-byKLubNE.js.map
+//# sourceMappingURL=p-Coa3kO6W.js.map

package/dist/components/{p-byKLubNE.js.map → p-Coa3kO6W.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~byKLubNE~~.js","mappings":";;AAAA,MAAM,kBAAkB,GAAG,4SAA4S;;MCQ1T,eAAe,iBAAAA,kBAAA,CAAA,MAAA,eAAA,SAAAC,CAAA,CAAA;;;;;;IAC1B,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EACjB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,eAAe,GAAO,CAC7B,CACD;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/loaders/udp-linear-loader/udp-linear-loader.css?tag=udp-linear-loader&encapsulation=shadow","src/components/my-component/UI/loaders/udp-linear-loader/udp-linear-loader.tsx"],"sourcesContent":[".loader {\n position: relative;\n width: 100%;\n height: 4px;\n background-color: #e0e0e0;\n }\n \n .indeterminate {\n background-color: var(--primary-color);\n position: absolute;\n width: 50%;\n height: 100%;\n animation: indeterminate 2s linear infinite;\n }\n \n @keyframes indeterminate {\n 0% {\n left: -50%;\n }\n 50% {\n left: 100%;\n width: 100%;\n }\n 100% {\n left: 100%;\n width: 50%;\n }\n }\n ","import { Component, h, Host } from '@stencil/core';\nimport './udp-linear-loader.css';\n\n@Component({\n tag: 'udp-linear-loader',\n styleUrl: 'udp-linear-loader.css',\n shadow: true,\n})\nexport class UdpLinearLoader {\n render() {\n return (\n <Host>\n <div class=\"loader\">\n <div class=\"indeterminate\"></div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-Coa3kO6W.js","mappings":";;AAAA,MAAM,kBAAkB,GAAG,4SAA4S;;MCQ1T,eAAe,iBAAAA,kBAAA,CAAA,MAAA,eAAA,SAAAC,CAAA,CAAA;;;;;;IAC1B,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EACjB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,eAAe,GAAO,CAC7B,CACD;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/loaders/udp-linear-loader/udp-linear-loader.css?tag=udp-linear-loader&encapsulation=shadow","src/components/my-component/UI/loaders/udp-linear-loader/udp-linear-loader.tsx"],"sourcesContent":[".loader {\n position: relative;\n width: 100%;\n height: 4px;\n background-color: #e0e0e0;\n }\n \n .indeterminate {\n background-color: var(--primary-color);\n position: absolute;\n width: 50%;\n height: 100%;\n animation: indeterminate 2s linear infinite;\n }\n \n @keyframes indeterminate {\n 0% {\n left: -50%;\n }\n 50% {\n left: 100%;\n width: 100%;\n }\n 100% {\n left: 100%;\n width: 50%;\n }\n }\n ","import { Component, h, Host } from '@stencil/core';\nimport './udp-linear-loader.css';\n\n@Component({\n tag: 'udp-linear-loader',\n styleUrl: 'udp-linear-loader.css',\n shadow: true,\n})\nexport class UdpLinearLoader {\n render() {\n return (\n <Host>\n <div class=\"loader\">\n <div class=\"indeterminate\"></div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-DzaN4l_Y.js → p-Cp1kbBGM.js} RENAMED Viewed

@@ -127,7 +127,7 @@ const UdpDateSelector = /*@__PURE__*/ proxyCustomElement(class UdpDateSelector e
             classNames.push('bx--text-input--full-width');
         }
         const inputClass = classNames.join(' ');
-        return (h(Host, { key: '5d8e8f450757be0bd63db8fb511dd22a039b2466', class: {
+        return (h(Host, { key: 'cd8eb162431d282a64ca428499b31c389d964006', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
@@ -136,9 +136,9 @@ const UdpDateSelector = /*@__PURE__*/ proxyCustomElement(class UdpDateSelector e
                 'udp-input--required': this.required,
                 [`udp-input--size-${this.size}`]: true,
                 [`udp-input--margin-${this.margin}`]: true,
-            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: '0b22e99b464d0ca84ff7c2bb31e4910c310fa798', class: "bx--form-item" }, h("unity-typography", { key: 'c813e22de8abb30805ba8186874e2ec6762fde9f', variant: "caption-text" }, h("label", { key: 'aa3cb179d85fc655a5ce234785aa19067edb29b6', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: '1b2f93e68873124f6a17b35e2fcfa640e80b469b', type: "date", id: this.id, name: this.name, class: inputClass, value: this.internalValue, min: this.min ? this.formatDateForHtml(this.min) : null, max: this.max ? this.formatDateForHtml(this.max) : null, onInput: this.handleDateChange, onChange: this.handleDateChange, onBlur: this.handleBlur, onFocus: this.handleFocus, disabled: this.disabled, readonly: this.readonly, required: this.required,
+            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: '473df9337a3cc6dbb9aa3e7687d194a98f9ce9fe', class: "bx--form-item" }, h("unity-typography", { key: 'c63149f3a9cc0d88c51f1cc71be6751d771e35f2', variant: "caption-text" }, h("label", { key: '0ab607e8dd5e4e035cf0cee059caed2c09f149fa', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), h("input", { key: '762a962d30972ff1db2c9ee90ffac9c6c5ea325e', type: "date", id: this.id, name: this.name, class: inputClass, value: this.internalValue, min: this.min ? this.formatDateForHtml(this.min) : null, max: this.max ? this.formatDateForHtml(this.max) : null, onInput: this.handleDateChange, onChange: this.handleDateChange, onBlur: this.handleBlur, onFocus: this.handleFocus, disabled: this.disabled, readonly: this.readonly, required: this.required,
             //@ts-ignore
-            udprecordid: 'udpRecord-udp-date-selector-' + this.id }), h("unity-typography", { key: 'ca266c32a11a2653e322c159094ee7dd3857a311', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
+            udprecordid: 'udpRecord-udp-date-selector-' + this.id }), h("unity-typography", { key: 'f0161f79bae9bd431a6cc191015545e55d2f9089', class: "error-message", variant: "caption-text", color: "error" }, this.errorMessage))));
     }
     static get watchers() { return {
         "error": ["updateError"],
@@ -188,6 +188,6 @@ function defineCustomElement() {
 }
 export { UdpDateSelector as U, defineCustomElement as d };
-//# sourceMappingURL=p-DzaN4l_Y.js.map
+//# sourceMappingURL=p-Cp1kbBGM.js.map
-//# sourceMappingURL=p-DzaN4l_Y.js.map
+//# sourceMappingURL=p-Cp1kbBGM.js.map

package/dist/components/{p-DzaN4l_Y.js.map → p-Cp1kbBGM.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-DzaN4l_Y.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/inputs/date-selector/udp-date-selector.css?tag=udp-date-selector&encapsulation=shadow","src/components/my-component/UI/inputs/date-selector/udp-date-selector.tsx"],"sourcesContent":["@import '../inputs.css';\n\n:host(.full-width-host) {\n width: 100%;\n}","import { Component, h, Host, State, Event, EventEmitter, Prop, Watch } from '@stencil/core';\nimport { InputSize, InputMargin } from '../input-types';\n\n/*\n A standardized date input component with validation, min/max constraints, and precise date selection.\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 input element.\n \n Date Handling:\n * - Uses HTML5 `date` input for consistent browser behavior and native date picker\n * - Supports YYYY-MM-DD format as per HTML5 specification\n * - Provides min/max date constraints for validation\n \n @example\n * ```tsx\n * // Uncontrolled component with initial value\n * <udp-date-selector\n * label=\"Event Date\"\n * initialValue=\"2024-01-15\"\n * onChange={(e) => console.log('Selected:', e.detail)}\n * />\n \n // Controlled component\n * <udp-date-selector\n * label=\"Appointment Date\"\n * value={appointmentDate}\n * onChange={(e) => setAppointmentDate(e.detail)}\n * />\n \n // With validation and constraints\n * <udp-date-selector\n * label=\"Booking Date\"\n * value={bookingDate}\n * min=\"2024-01-01\"\n * max=\"2024-12-31\"\n * required={true}\n * error={dateError}\n * onChange={handleDateChange}\n * />\n * ```\n /\n@Component({\n tag: 'udp-date-selector',\n styleUrl: 'udp-date-selector.css',\n shadow: true,\n})\nexport class UdpDateSelector {\n /\n Unique identifier for the input element. Used for form association and accessibility.\n /\n @Prop() id: string;\n\n /\n Name attribute for the input element. Used for form submission.\n /\n @Prop() name: string;\n\n /\n Label text displayed above the input field. Used for accessibility and user guidance.\n /\n @Prop() label: string;\n\n /\n Minimum date value allowed. Uses YYYY-MM-DD format (e.g., \"2024-01-01\").\n * Enforces lower bounds validation for date selection.\n /\n @Prop() min: string;\n\n /\n Maximum date value allowed. Uses YYYY-MM-DD format (e.g., \"2024-12-31\").\n * Enforces upper bounds validation for date selection.\n /\n @Prop() max: string;\n\n /\n Whether the field is required for form submission. Adds visual indicator () and validation.\n /\n @Prop() required: boolean;\n\n /*\n Error message to display below the input field. Shows validation errors or other issues.\n /\n @Prop() error: string;\n\n /\n Initial value for the date selector. Used for uncontrolled components to set the default value.\n * Uses YYYY-MM-DD format (e.g., \"2024-01-15\"). Only used when `value` prop is not provided.\n /\n @Prop() initialValue: string;\n\n /\n Current value of the date selector. When provided, makes this a controlled component.\n * Uses YYYY-MM-DD format (e.g., \"2024-01-15\"). The component will use this value and update it through events.\n /\n @Prop({ mutable: true }) value: string = '';\n\n /\n Whether the field is disabled. Users cannot interact with the field when disabled.\n /\n @Prop() disabled: boolean;\n\n /\n Whether the input is readonly.\n /\n @Prop() readonly: boolean = false;\n\n /\n Whether the input should take the full width of its container.\n /\n @Prop() fullWidth: boolean = false;\n\n /\n Size variant controlling the padding and spacing of the input.\n * - 'small': Compact spacing for data-heavy interfaces\n * - 'normal': Standard spacing (default)\n * - 'large': Generous spacing for accessibility\n /\n @Prop() size: InputSize = 'normal';\n\n /\n Margin variant for the input spacing.\n * - 'none': No margin\n * - 'dense': Minimal margin spacing\n * - 'normal': Standard margin spacing (default)\n /\n @Prop() margin: InputMargin = 'normal';\n\n @State() internalValue: string = ''; // Internal state for value management\n @State() errorMessage: string;\n\n /\n Emitted when the date value changes through user interaction or programmatic update.\n * Contains the new date value in YYYY-MM-DD format.\n /\n @Event() change: EventEmitter<string>;\n\n\n /\n Component lifecycle method called when the component is about to load.\n * Initializes the internal value from either the value prop or initialValue prop.\n /\n componentWillLoad() {\n // Initialize from controlled value or initial value\n this.internalValue = this.value \|\| this.initialValue \|\| '';\n this.errorMessage = this.error;\n }\n\n /\n Watcher for the error prop. Updates the internal error message when the error prop changes.\n /\n @Watch('error')\n updateError() {\n this.errorMessage = this.error;\n }\n\n /\n Watcher for the initialValue prop. Updates the internal value when initialValue changes\n * (useful for form resets, dynamic initial values, etc.).\n * @param newValue - The new initial value\n /\n @Watch('initialValue')\n initialValueChanged(newValue: string) {\n if (newValue !== undefined) {\n this.internalValue = newValue;\n }\n }\n\n /\n Watcher for the value prop. Updates the internal value when the value prop changes\n * (controlled component behavior).\n * @param newValue - The new controlled value\n /\n @Watch('value')\n valueChanged(newValue: string) {\n if (newValue !== undefined) {\n this.internalValue = newValue;\n }\n }\n\n /\n Handles the blur event on the date input. Standard focus events bubble naturally.\n /\n handleBlur() {\n // Standard focus events bubble naturally - no custom emission needed\n }\n\n /\n Handles the focus event on the date input. Standard focus events bubble naturally.\n /\n handleFocus() {\n // Standard focus events bubble naturally - no custom emission needed\n }\n\n /\n Handles changes to the date input value. Updates internal state and emits standard events.\n * @param event - The input event from the date input\n /\n handleDateChange = (event: Event) => {\n const target = event.target as HTMLInputElement;\n const newValue = target.value;\n\n // Update internal value\n this.internalValue = newValue;\n\n // Update controlled value if this is a controlled component\n if (this.value !== undefined) {\n this.value = newValue;\n }\n\n // Emit standard events for integration with form libraries and custom handlers\n this.change.emit(newValue);\n }\n\n formatDateForHtml(dateString: string) {\n // convert to date\n // when converting to ISO string, javascript will edit the date to compensate for the timezone, we dont want that here so we manually subtract the offset that it will add\n const date = new Date(dateString);\n if (isNaN(date?.getTime())) return null;\n date?.setTime(date?.getTime() - date?.getTimezoneOffset() 60 * 1000);\n\n const isoString = date?.toISOString();\n if (!isoString) return null;\n\n return isoString?.split?.('T')[0];\n }\n\n render() {\n const isError: boolean = !!this.errorMessage;\n const classNames = ['bx--text-input'];\n if (isError) {\n classNames.push('bx--text-input--error');\n }\n if (this.disabled) {\n classNames.push('date-selector--disabled');\n }\n if (this.fullWidth) {\n classNames.push('bx--text-input--full-width');\n }\n const inputClass = classNames.join(' ');\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--full-width': this.fullWidth,\n 'udp-input--required': this.required,\n [`udp-input--size-${this.size}`]: true,\n [`udp-input--margin-${this.margin}`]: true,\n }}\n aria-invalid={isError ? 'true' : 'false'}\n aria-required={this.required ? 'true' : 'false'}\n >\n <div class=\"bx--form-item\">\n <unity-typography variant=\"caption-text\">\n <label htmlFor={this.id} class=\"bx--label\">\n {this.label}\n {this.required ? '*' : ''}\n </label>\n </unity-typography>\n <input\n type=\"date\"\n id={this.id}\n name={this.name}\n class={inputClass}\n value={this.internalValue}\n min={this.min ? this.formatDateForHtml(this.min) : null}\n max={this.max ? this.formatDateForHtml(this.max) : null}\n onInput={this.handleDateChange}\n onChange={this.handleDateChange}\n onBlur={this.handleBlur}\n onFocus={this.handleFocus}\n disabled={this.disabled}\n readonly={this.readonly}\n required={this.required}\n //@ts-ignore\n udprecordid={'udpRecord-udp-date-selector-' + this.id}\n />\n <unity-typography class=\"error-message\" variant=\"caption-text\" color=\"error\">\n {this.errorMessage}\n </unity-typography>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-Cp1kbBGM.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/inputs/date-selector/udp-date-selector.css?tag=udp-date-selector&encapsulation=shadow","src/components/my-component/UI/inputs/date-selector/udp-date-selector.tsx"],"sourcesContent":["@import '../inputs.css';\n\n:host(.full-width-host) {\n width: 100%;\n}","import { Component, h, Host, State, Event, EventEmitter, Prop, Watch } from '@stencil/core';\nimport { InputSize, InputMargin } from '../input-types';\n\n/*\n A standardized date input component with validation, min/max constraints, and precise date selection.\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 input element.\n \n Date Handling:\n * - Uses HTML5 `date` input for consistent browser behavior and native date picker\n * - Supports YYYY-MM-DD format as per HTML5 specification\n * - Provides min/max date constraints for validation\n \n @example\n * ```tsx\n * // Uncontrolled component with initial value\n * <udp-date-selector\n * label=\"Event Date\"\n * initialValue=\"2024-01-15\"\n * onChange={(e) => console.log('Selected:', e.detail)}\n * />\n \n // Controlled component\n * <udp-date-selector\n * label=\"Appointment Date\"\n * value={appointmentDate}\n * onChange={(e) => setAppointmentDate(e.detail)}\n * />\n \n // With validation and constraints\n * <udp-date-selector\n * label=\"Booking Date\"\n * value={bookingDate}\n * min=\"2024-01-01\"\n * max=\"2024-12-31\"\n * required={true}\n * error={dateError}\n * onChange={handleDateChange}\n * />\n * ```\n /\n@Component({\n tag: 'udp-date-selector',\n styleUrl: 'udp-date-selector.css',\n shadow: true,\n})\nexport class UdpDateSelector {\n /\n Unique identifier for the input element. Used for form association and accessibility.\n /\n @Prop() id: string;\n\n /\n Name attribute for the input element. Used for form submission.\n /\n @Prop() name: string;\n\n /\n Label text displayed above the input field. Used for accessibility and user guidance.\n /\n @Prop() label: string;\n\n /\n Minimum date value allowed. Uses YYYY-MM-DD format (e.g., \"2024-01-01\").\n * Enforces lower bounds validation for date selection.\n /\n @Prop() min: string;\n\n /\n Maximum date value allowed. Uses YYYY-MM-DD format (e.g., \"2024-12-31\").\n * Enforces upper bounds validation for date selection.\n /\n @Prop() max: string;\n\n /\n Whether the field is required for form submission. Adds visual indicator () and validation.\n /\n @Prop() required: boolean;\n\n /*\n Error message to display below the input field. Shows validation errors or other issues.\n /\n @Prop() error: string;\n\n /\n Initial value for the date selector. Used for uncontrolled components to set the default value.\n * Uses YYYY-MM-DD format (e.g., \"2024-01-15\"). Only used when `value` prop is not provided.\n /\n @Prop() initialValue: string;\n\n /\n Current value of the date selector. When provided, makes this a controlled component.\n * Uses YYYY-MM-DD format (e.g., \"2024-01-15\"). The component will use this value and update it through events.\n /\n @Prop({ mutable: true }) value: string = '';\n\n /\n Whether the field is disabled. Users cannot interact with the field when disabled.\n /\n @Prop() disabled: boolean;\n\n /\n Whether the input is readonly.\n /\n @Prop() readonly: boolean = false;\n\n /\n Whether the input should take the full width of its container.\n /\n @Prop() fullWidth: boolean = false;\n\n /\n Size variant controlling the padding and spacing of the input.\n * - 'small': Compact spacing for data-heavy interfaces\n * - 'normal': Standard spacing (default)\n * - 'large': Generous spacing for accessibility\n /\n @Prop() size: InputSize = 'normal';\n\n /\n Margin variant for the input spacing.\n * - 'none': No margin\n * - 'dense': Minimal margin spacing\n * - 'normal': Standard margin spacing (default)\n /\n @Prop() margin: InputMargin = 'normal';\n\n @State() internalValue: string = ''; // Internal state for value management\n @State() errorMessage: string;\n\n /\n Emitted when the date value changes through user interaction or programmatic update.\n * Contains the new date value in YYYY-MM-DD format.\n /\n @Event() change: EventEmitter<string>;\n\n\n /\n Component lifecycle method called when the component is about to load.\n * Initializes the internal value from either the value prop or initialValue prop.\n /\n componentWillLoad() {\n // Initialize from controlled value or initial value\n this.internalValue = this.value \|\| this.initialValue \|\| '';\n this.errorMessage = this.error;\n }\n\n /\n Watcher for the error prop. Updates the internal error message when the error prop changes.\n /\n @Watch('error')\n updateError() {\n this.errorMessage = this.error;\n }\n\n /\n Watcher for the initialValue prop. Updates the internal value when initialValue changes\n * (useful for form resets, dynamic initial values, etc.).\n * @param newValue - The new initial value\n /\n @Watch('initialValue')\n initialValueChanged(newValue: string) {\n if (newValue !== undefined) {\n this.internalValue = newValue;\n }\n }\n\n /\n Watcher for the value prop. Updates the internal value when the value prop changes\n * (controlled component behavior).\n * @param newValue - The new controlled value\n /\n @Watch('value')\n valueChanged(newValue: string) {\n if (newValue !== undefined) {\n this.internalValue = newValue;\n }\n }\n\n /\n Handles the blur event on the date input. Standard focus events bubble naturally.\n /\n handleBlur() {\n // Standard focus events bubble naturally - no custom emission needed\n }\n\n /\n Handles the focus event on the date input. Standard focus events bubble naturally.\n /\n handleFocus() {\n // Standard focus events bubble naturally - no custom emission needed\n }\n\n /\n Handles changes to the date input value. Updates internal state and emits standard events.\n * @param event - The input event from the date input\n /\n handleDateChange = (event: Event) => {\n const target = event.target as HTMLInputElement;\n const newValue = target.value;\n\n // Update internal value\n this.internalValue = newValue;\n\n // Update controlled value if this is a controlled component\n if (this.value !== undefined) {\n this.value = newValue;\n }\n\n // Emit standard events for integration with form libraries and custom handlers\n this.change.emit(newValue);\n }\n\n formatDateForHtml(dateString: string) {\n // convert to date\n // when converting to ISO string, javascript will edit the date to compensate for the timezone, we dont want that here so we manually subtract the offset that it will add\n const date = new Date(dateString);\n if (isNaN(date?.getTime())) return null;\n date?.setTime(date?.getTime() - date?.getTimezoneOffset() 60 * 1000);\n\n const isoString = date?.toISOString();\n if (!isoString) return null;\n\n return isoString?.split?.('T')[0];\n }\n\n render() {\n const isError: boolean = !!this.errorMessage;\n const classNames = ['bx--text-input'];\n if (isError) {\n classNames.push('bx--text-input--error');\n }\n if (this.disabled) {\n classNames.push('date-selector--disabled');\n }\n if (this.fullWidth) {\n classNames.push('bx--text-input--full-width');\n }\n const inputClass = classNames.join(' ');\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--full-width': this.fullWidth,\n 'udp-input--required': this.required,\n [`udp-input--size-${this.size}`]: true,\n [`udp-input--margin-${this.margin}`]: true,\n }}\n aria-invalid={isError ? 'true' : 'false'}\n aria-required={this.required ? 'true' : 'false'}\n >\n <div class=\"bx--form-item\">\n <unity-typography variant=\"caption-text\">\n <label htmlFor={this.id} class=\"bx--label\">\n {this.label}\n {this.required ? '*' : ''}\n </label>\n </unity-typography>\n <input\n type=\"date\"\n id={this.id}\n name={this.name}\n class={inputClass}\n value={this.internalValue}\n min={this.min ? this.formatDateForHtml(this.min) : null}\n max={this.max ? this.formatDateForHtml(this.max) : null}\n onInput={this.handleDateChange}\n onChange={this.handleDateChange}\n onBlur={this.handleBlur}\n onFocus={this.handleFocus}\n disabled={this.disabled}\n readonly={this.readonly}\n required={this.required}\n //@ts-ignore\n udprecordid={'udpRecord-udp-date-selector-' + this.id}\n />\n <unity-typography class=\"error-message\" variant=\"caption-text\" color=\"error\">\n {this.errorMessage}\n </unity-typography>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-BYsLvu6g.js → p-CpMdhv3j.js} RENAMED Viewed

@@ -9,6 +9,7 @@ const TextField = /*@__PURE__*/ proxyCustomElement(class TextField extends H {
         this.__registerHost();
         this.__attachShadow();
         this.change = createEvent(this, "change");
+        this.errorEvent = createEvent(this, "error");
         /**
          * Error message to display below the input field. Shows validation errors or other issues.
          */
@@ -46,6 +47,15 @@ const TextField = /*@__PURE__*/ proxyCustomElement(class TextField extends H {
             if (this.value !== undefined) {
                 this.value = newValue;
             }
+            // Re-evaluate validation on input if there's currently an error
+            // This provides immediate feedback when user corrects the error
+            if (this.errorMessage) {
+                const validationError = this.validateCharacterLength(newValue);
+                if (validationError !== this.errorMessage) {
+                    // Error state has changed, update it
+                    this.setAndDispatchError(validationError);
+                }
+            }
         };
         /**
          * Handles change events (committed changes on blur/enter). Emits change event.
@@ -57,6 +67,16 @@ const TextField = /*@__PURE__*/ proxyCustomElement(class TextField extends H {
                 return;
             }
             const newValue = event.target.value;
+            // Validate the new value for character length constraints
+            const validationError = this.validateCharacterLength(newValue);
+            if (validationError) {
+                // Character length validation failed
+                this.setAndDispatchError(validationError);
+            }
+            else {
+                // Character length validation passed, clear any existing error
+                this.setAndDispatchError('');
+            }
             // Emit change event when user finishes editing (blur, enter, etc.)
             this.change.emit(newValue);
         };
@@ -90,6 +110,41 @@ const TextField = /*@__PURE__*/ proxyCustomElement(class TextField extends H {
             this.internalValue = this.value;
         }
     }
+    /**
+     * Validates the text value against min/max character constraints
+     * @param value - The text value to validate
+     * @returns Error message if invalid, empty string if valid
+     */
+    validateCharacterLength(value) {
+        if (!value)
+            return '';
+        const length = value.length;
+        if (this.minCharacter && length < this.minCharacter) {
+            return `Must be at least ${this.minCharacter} characters`;
+        }
+        if (this.maxCharacter && length > this.maxCharacter) {
+            return `Must be no more than ${this.maxCharacter} characters`;
+        }
+        return '';
+    }
+    /**
+     * Sets error state and dispatches error event that bubbles to stencil-field
+     * @param errorMessage - The error message to set and dispatch
+     */
+    setAndDispatchError(errorMessage) {
+        console.log('Setting text field error:', errorMessage);
+        // Update internal error state
+        this.errorMessage = errorMessage;
+        // Emit Stencil error event
+        this.errorEvent.emit(errorMessage);
+        // Dispatch custom error event that bubbles up to stencil-field
+        const errorEvent = new CustomEvent('error', {
+            detail: errorMessage,
+            bubbles: true,
+            composed: true
+        });
+        this.el.dispatchEvent(errorEvent);
+    }
     /**
      * Component lifecycle method. Initializes error message and internal value.
      * @internal
@@ -101,6 +156,13 @@ const TextField = /*@__PURE__*/ proxyCustomElement(class TextField extends H {
         }
         // Initialize value: use value prop if provided (controlled), otherwise use initialValue (uncontrolled)
         this.internalValue = this.value !== undefined ? this.value : (this.initialValue || '');
+        // Validate the initial value
+        if (this.internalValue) {
+            const validationError = this.validateCharacterLength(this.internalValue);
+            if (validationError) {
+                this.setAndDispatchError(validationError);
+            }
+        }
     }
     render() {
         const isError = !!this.errorMessage;
@@ -110,7 +172,7 @@ const TextField = /*@__PURE__*/ proxyCustomElement(class TextField extends H {
             'bx--text-input:user-invalid': isError,
             'text-field--disabled': this.disabled,
         };
-        return (h(Host, { key: 'babf775e0c8ff358b407e7082a8370c8eac191c4', class: {
+        return (h(Host, { key: '4c97f1b312bfacd447bc14bf3c28542a64829d57', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
@@ -118,10 +180,11 @@ const TextField = /*@__PURE__*/ proxyCustomElement(class TextField extends H {
                 'udp-input--required': this.required,
                 [`udp-input--size-${this.size}`]: true,
                 [`udp-input--margin-${this.margin}`]: true,
-            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: '4e5f24c12b24d95cd2497abb342001ab62f3509d', class: "bx--form-item" }, h("unity-typography", { key: 'b93a025bdec3267012a91b2bb7b4de9b5d01bbbf', variant: "caption-text" }, h("label", { key: '3d11efcfd0eb3ca142533860c05b6e2448405195', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), this.hidden ? (h("input", { id: this.id, type: "hidden", value: this.internalValue })) : (h("input", { id: this.id, type: "text", class: Object.assign({}, inputClass), placeholder: this.placeholder, value: this.internalValue, required: this.required, disabled: this.disabled, readonly: this.readonly, maxLength: this.maxCharacter, inputMode: this.inputMode, onInput: this.onInput, onChange: this.onChange,
+            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: '71ce2d0d6564b5bb0689839616bd7197361ffeb6', class: "bx--form-item" }, h("unity-typography", { key: '7f1a7a034239aa9c69cd970d959f35e74f7111e8', variant: "caption-text" }, h("label", { key: 'c62a431b8e86c6803cc574f196c785a67ee853af', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), this.hidden ? (h("input", { id: this.id, type: "hidden", value: this.internalValue })) : (h("input", { id: this.id, type: "text", class: Object.assign({}, inputClass), placeholder: this.placeholder, value: this.internalValue, required: this.required, disabled: this.disabled, readonly: this.readonly, maxLength: this.maxCharacter, inputMode: this.inputMode, onInput: this.onInput, onChange: this.onChange,
             //@ts-ignore
-            udprecordid: 'udpRecord-text-field-' + this.id })), isError && (h("div", { key: '772531a96a4c78500d9c424c01738fa4db6c4c9a', class: "error-message" }, h("unity-typography", { key: '58fa85c006231ec3f5563c4a228dad5fec33723b', variant: "caption-text", color: "error" }, this.errorMessage))))));
+            udprecordid: 'udpRecord-text-field-' + this.id })), isError && (h("div", { key: '7f5c9cac452884047569840e6620044c4d544c65', class: "error-message" }, h("unity-typography", { key: '61c3877f867c8a6751483c402f45132a289b84c2', variant: "caption-text", color: "error" }, this.errorMessage))))));
     }
+    get el() { return this; }
     static get watchers() { return {
         "error": ["updateError"],
         "initialValue": ["updateInitialValue"],
@@ -135,6 +198,7 @@ const TextField = /*@__PURE__*/ proxyCustomElement(class TextField extends H {
         "required": [4],
         "readonly": [4],
         "disabled": [4],
+        "minCharacter": [2, "min-character"],
         "maxCharacter": [2, "max-character"],
         "value": [1025],
         "initialValue": [1, "initial-value"],
@@ -170,6 +234,6 @@ function defineCustomElement() {
 }
 export { TextField as T, defineCustomElement as d };
-//# sourceMappingURL=p-BYsLvu6g.js.map
+//# sourceMappingURL=p-CpMdhv3j.js.map
-//# sourceMappingURL=p-BYsLvu6g.js.map
+//# sourceMappingURL=p-CpMdhv3j.js.map

package/dist/components/p-CpMdhv3j.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"p-CpMdhv3j.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/inputs/text-field/text-field.css?tag=text-field&encapsulation=shadow","src/components/my-component/UI/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/{p-BWI0GtPn.js → p-CpQin4NC.js} RENAMED Viewed

@@ -1,13 +1,13 @@
 import { p as proxyCustomElement, H, h } from './p-DPon6DDX.js';
 import { startCase } from 'lodash';
 import { g as getDisplayCoordinates } from './p-_3wImzvq.js';
-import { d as defineCustomElement$9 } from './p-DueJnVH4.js';
-import { d as defineCustomElement$8 } from './p-hRee3qYx.js';
+import { d as defineCustomElement$9 } from './p-DyC6jVV8.js';
+import { d as defineCustomElement$8 } from './p-D6Wo7quX.js';
 import { d as defineCustomElement$7 } from './p-BGjVmQGN.js';
 import { d as defineCustomElement$6 } from './p-ZeWoGdjP.js';
 import { d as defineCustomElement$5 } from './p-C-wDzVCk.js';
-import { d as defineCustomElement$4 } from './p-IlXn87Ki.js';
-import { d as defineCustomElement$3 } from './p-DWJbhjYR.js';
+import { d as defineCustomElement$4 } from './p-1Cv4cku0.js';
+import { d as defineCustomElement$3 } from './p-C1K2NBql.js';
 import { d as defineCustomElement$2 } from './p-CpGuVcRn.js';
 import { d as defineCustomElement$1 } from './p-DkppmXNM.js';
@@ -52,7 +52,7 @@ const FeatureDetailsPopUp = /*@__PURE__*/ proxyCustomElement(class FeatureDetail
         var _a, _b, _c;
         const message = this.getMessage ? this.getMessage(this.data) : null;
         const messageIcon = this.getMessageIcon ? this.getMessageIcon(this.data) : null;
-        return (h("udp-pop-over", { key: 'd873a396ef7264215a21b3d8c20202d2cad7faef', anchorElement: this.popOverAnchorElement, isOpen: this.showPopOver, popoverWidth: this.popoverWidth, popoverMaxHeight: '500px', handleOnClose: this.additionalOnclosePopover, popoverPlacement: 'bottom', noPadding: true }, h("feature-details-card", { key: '093d9bd93b6b21be5287251e7d8a5d0e358ffb13', data: this.currentSelectedFeature, title: this.cardTitle, listData: this.listData, status: (_c = (_a = this.data) === null || _a === void 0 ? void 0 : _a[(_b = this.cardConfig) === null || _b === void 0 ? void 0 : _b.statusColor]) === null || _c === void 0 ? void 0 : _c.toLowerCase(), enableViewFeature: this.enableViewFeature, handleViewFeature: this.handleViewFeature, primaryActions: this.isReadOnly ? [] : this.primaryActions, moreIconActions: this.isReadOnly ? [] : this.moreIconActions, message: message, messageIcon: messageIcon, hideMessageIcon: this.hideMessageIcon, onClose: this.additionalOnclosePopover, width: this.popoverWidth })));
+        return (h("udp-pop-over", { key: 'f4a52d95a622f2ae689679e7a280f916017143f9', anchorElement: this.popOverAnchorElement, isOpen: this.showPopOver, popoverWidth: this.popoverWidth, popoverMaxHeight: '500px', handleOnClose: this.additionalOnclosePopover, popoverPlacement: 'bottom', noPadding: true }, h("feature-details-card", { key: 'e040425bd340fb2210ed12b4ec1360d0d370f2bd', data: this.currentSelectedFeature, title: this.cardTitle, listData: this.listData, status: (_c = (_a = this.data) === null || _a === void 0 ? void 0 : _a[(_b = this.cardConfig) === null || _b === void 0 ? void 0 : _b.statusColor]) === null || _c === void 0 ? void 0 : _c.toLowerCase(), enableViewFeature: this.enableViewFeature, handleViewFeature: this.handleViewFeature, primaryActions: this.isReadOnly ? [] : this.primaryActions, moreIconActions: this.isReadOnly ? [] : this.moreIconActions, message: message, messageIcon: messageIcon, hideMessageIcon: this.hideMessageIcon, onClose: this.additionalOnclosePopover, width: this.popoverWidth })));
     }
     static get watchers() { return {
         "cardConfig": ["updateListData", "updateTitle"],
@@ -144,6 +144,6 @@ function defineCustomElement() {
 }
 export { FeatureDetailsPopUp as F, defineCustomElement as d };
-//# sourceMappingURL=p-BWI0GtPn.js.map
+//# sourceMappingURL=p-CpQin4NC.js.map
-//# sourceMappingURL=p-BWI0GtPn.js.map
+//# sourceMappingURL=p-CpQin4NC.js.map

package/dist/components/{p-BWI0GtPn.js.map → p-CpQin4NC.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~BWI0GtPn~~.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/map/udp-map/popups/map-popup.css?tag=feature-details-popup&encapsulation=shadow","src/components/my-component/UI/map/udp-map/popups/feature-details-popup.tsx"],"sourcesContent":[" \n .popoverContent{\n display: flex;\n flex-direction: column;\n column-gap: var(--spacing-04);\n padding: var(--spacing-04);\n z-index: 1\n }\n .featureDetailsPopOverContent{\n min-width: 300px;\n z-index: 1\n }\n .data-row {\n display: flex;\n column-gap: var(--spacing-04);\n }\n .data-section {\n display: flex;\n flex-direction: column;\n column-gap: var(--spacing-02);\n }\n .key{\n font-weight: bold;\n color: var(--accent-color-two);\n }\n .header{\n display: flex;\n background-color: var(--accent-color-three);\n color: var(--accent-color-two);\n padding-left: var(--spacing-02);\n margin-bottom: var(--spacing-04);\n }\n .closeButton{\n display: flex;\n align-items: center;\n justify-content: flex-end;\n }\n .options{\n display: flex;\n justify-content: flex-end;\n column-gap: var(--spacing-04);\n }\n .mapType{\n margin-bottom: var(--spacing-02);\n }","import { Component, Prop, State, Watch, h } from '@stencil/core';\nimport { startCase } from 'lodash';\nimport { getDisplayCoordinates } from '../utils/udp-map-utils';\n\n@Component({\n tag: 'feature-details-popup',\n styleUrl: 'map-popup.css',\n shadow: true,\n})\nexport class FeatureDetailsPopUp {\n @Prop() currentSelectedFeature: any;\n @Prop() data: any;\n @Prop() coordinates: any[] = [];\n @Prop() enableViewFeature: boolean = true;\n @Prop() handleViewFeature: any;\n @Prop() popOverAnchorElement: HTMLElement \| null = null;\n @Prop() showPopOver: boolean = false;\n @Prop() isReadOnly: boolean = false;\n @Prop() additionalOnclosePopover?: (event: any) => void;\n @Prop() cardConfig: any;\n @Prop() primaryActions: any[];\n @Prop() moreIconActions: any[];\n @Prop() getMessage: (data: any) => string;\n @Prop() getMessageIcon: (data: any) => any;\n @Prop() hideMessageIcon: boolean = false;\n @Prop() popoverWidth: string = '300px';\n\n @State() listData: any[] = [];\n @State() cardTitle: string;\n\n @Watch('cardConfig')\n @Watch('data')\n updateListData() {\n if (!this.data \|\| !this.cardConfig) {\n [];\n }\n\n const listConfig = this.cardConfig?.popoverCardListFields \|\| this.cardConfig?.extendedListFields;\n\n this.listData =\n listConfig?.map(item => ({\n subject: startCase(item),\n value: this.data?.[item] ?? '-',\n })) ?? [];\n }\n\n @Watch('cardConfig')\n @Watch('coordinates')\n updateTitle() {\n if (this.data?.[this.cardConfig?.titleField]) {\n this.cardTitle = this.data?.[this.cardConfig?.titleField];\n } else if (this.coordinates) {\n this.cardTitle = getDisplayCoordinates(this.coordinates, this.cardConfig?.maxLengthCoordinatesTitle);\n }\n }\n\n render() {\n const message = this.getMessage ? this.getMessage(this.data) : null;\n const messageIcon = this.getMessageIcon ? this.getMessageIcon(this.data) : null;\n\n return (\n <udp-pop-over\n anchorElement={this.popOverAnchorElement}\n isOpen={this.showPopOver}\n popoverWidth={this.popoverWidth}\n popoverMaxHeight={'500px'}\n handleOnClose={this.additionalOnclosePopover}\n popoverPlacement={'bottom'}\n noPadding\n >\n <feature-details-card\n data={this.currentSelectedFeature}\n title={this.cardTitle}\n listData={this.listData}\n status={this.data?.[this.cardConfig?.statusColor]?.toLowerCase()}\n enableViewFeature={this.enableViewFeature}\n handleViewFeature={this.handleViewFeature}\n primaryActions={this.isReadOnly ? [] : this.primaryActions}\n moreIconActions={this.isReadOnly ? [] : this.moreIconActions}\n message={message}\n messageIcon={messageIcon}\n hideMessageIcon={this.hideMessageIcon}\n onClose={this.additionalOnclosePopover}\n width={this.popoverWidth}\n />\n </udp-pop-over>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-CpQin4NC.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/map/udp-map/popups/map-popup.css?tag=feature-details-popup&encapsulation=shadow","src/components/my-component/UI/map/udp-map/popups/feature-details-popup.tsx"],"sourcesContent":[" \n .popoverContent{\n display: flex;\n flex-direction: column;\n column-gap: var(--spacing-04);\n padding: var(--spacing-04);\n z-index: 1\n }\n .featureDetailsPopOverContent{\n min-width: 300px;\n z-index: 1\n }\n .data-row {\n display: flex;\n column-gap: var(--spacing-04);\n }\n .data-section {\n display: flex;\n flex-direction: column;\n column-gap: var(--spacing-02);\n }\n .key{\n font-weight: bold;\n color: var(--accent-color-two);\n }\n .header{\n display: flex;\n background-color: var(--accent-color-three);\n color: var(--accent-color-two);\n padding-left: var(--spacing-02);\n margin-bottom: var(--spacing-04);\n }\n .closeButton{\n display: flex;\n align-items: center;\n justify-content: flex-end;\n }\n .options{\n display: flex;\n justify-content: flex-end;\n column-gap: var(--spacing-04);\n }\n .mapType{\n margin-bottom: var(--spacing-02);\n }","import { Component, Prop, State, Watch, h } from '@stencil/core';\nimport { startCase } from 'lodash';\nimport { getDisplayCoordinates } from '../utils/udp-map-utils';\n\n@Component({\n tag: 'feature-details-popup',\n styleUrl: 'map-popup.css',\n shadow: true,\n})\nexport class FeatureDetailsPopUp {\n @Prop() currentSelectedFeature: any;\n @Prop() data: any;\n @Prop() coordinates: any[] = [];\n @Prop() enableViewFeature: boolean = true;\n @Prop() handleViewFeature: any;\n @Prop() popOverAnchorElement: HTMLElement \| null = null;\n @Prop() showPopOver: boolean = false;\n @Prop() isReadOnly: boolean = false;\n @Prop() additionalOnclosePopover?: (event: any) => void;\n @Prop() cardConfig: any;\n @Prop() primaryActions: any[];\n @Prop() moreIconActions: any[];\n @Prop() getMessage: (data: any) => string;\n @Prop() getMessageIcon: (data: any) => any;\n @Prop() hideMessageIcon: boolean = false;\n @Prop() popoverWidth: string = '300px';\n\n @State() listData: any[] = [];\n @State() cardTitle: string;\n\n @Watch('cardConfig')\n @Watch('data')\n updateListData() {\n if (!this.data \|\| !this.cardConfig) {\n [];\n }\n\n const listConfig = this.cardConfig?.popoverCardListFields \|\| this.cardConfig?.extendedListFields;\n\n this.listData =\n listConfig?.map(item => ({\n subject: startCase(item),\n value: this.data?.[item] ?? '-',\n })) ?? [];\n }\n\n @Watch('cardConfig')\n @Watch('coordinates')\n updateTitle() {\n if (this.data?.[this.cardConfig?.titleField]) {\n this.cardTitle = this.data?.[this.cardConfig?.titleField];\n } else if (this.coordinates) {\n this.cardTitle = getDisplayCoordinates(this.coordinates, this.cardConfig?.maxLengthCoordinatesTitle);\n }\n }\n\n render() {\n const message = this.getMessage ? this.getMessage(this.data) : null;\n const messageIcon = this.getMessageIcon ? this.getMessageIcon(this.data) : null;\n\n return (\n <udp-pop-over\n anchorElement={this.popOverAnchorElement}\n isOpen={this.showPopOver}\n popoverWidth={this.popoverWidth}\n popoverMaxHeight={'500px'}\n handleOnClose={this.additionalOnclosePopover}\n popoverPlacement={'bottom'}\n noPadding\n >\n <feature-details-card\n data={this.currentSelectedFeature}\n title={this.cardTitle}\n listData={this.listData}\n status={this.data?.[this.cardConfig?.statusColor]?.toLowerCase()}\n enableViewFeature={this.enableViewFeature}\n handleViewFeature={this.handleViewFeature}\n primaryActions={this.isReadOnly ? [] : this.primaryActions}\n moreIconActions={this.isReadOnly ? [] : this.moreIconActions}\n message={message}\n messageIcon={messageIcon}\n hideMessageIcon={this.hideMessageIcon}\n onClose={this.additionalOnclosePopover}\n width={this.popoverWidth}\n />\n </udp-pop-over>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-DIPIddaO.js → p-CqiZ9SAU.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-DPon6DDX.js';
 import Close24 from '@carbon/icons/es/close/24';
-import { d as defineCustomElement$5 } from './p-hRee3qYx.js';
+import { d as defineCustomElement$5 } from './p-D6Wo7quX.js';
 import { d as defineCustomElement$4 } from './p-ZeWoGdjP.js';
 import { d as defineCustomElement$3 } from './p-C-wDzVCk.js';
 import { d as defineCustomElement$2 } from './p-Dri6DPsA.js';
@@ -138,6 +138,6 @@ function defineCustomElement() {
 }
 export { UdpSideSheet as U, defineCustomElement as d };
-//# sourceMappingURL=p-DIPIddaO.js.map
+//# sourceMappingURL=p-CqiZ9SAU.js.map
-//# sourceMappingURL=p-DIPIddaO.js.map
+//# sourceMappingURL=p-CqiZ9SAU.js.map

package/dist/components/{p-DIPIddaO.js.map → p-CqiZ9SAU.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~DIPIddaO~~.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/drawers/udp-side-sheet/udp-side-sheet.css?tag=udp-side-sheet&encapsulation=shadow","src/components/my-component/UI/drawers/udp-side-sheet/udp-side-sheet.tsx"],"sourcesContent":[":host {\n all: initial;\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n z-index: 9999;\n font-family: sans-serif;\n visibility: hidden;\n}\n\n:host([open]) {\n visibility: visible;\n}\n\n.backdrop {\n background: rgba(0, 0, 0, 0.5);\n width: 100%;\n height: 100%;\n position: fixed;\n top: 0;\n left: 0;\n opacity: 0;\n transition: opacity 0.3s ease-in-out;\n}\n:host([open]) .backdrop {\n opacity: 1;\n}\n\n.sheet {\n background: white;\n height: 100vh;\n position: fixed;\n top: 0;\n display: flex;\n flex-direction: column;\n box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);\n transition: transform 0.3s ease-in-out;\n width: 100%;\n}\n\n.sheet.right {\n right: 0;\n transform: translateX(100%);\n}\n.sheet.left {\n left: 0;\n transform: translateX(-100%);\n}\n\n:host([open]) .sheet.right,\n:host([open]) .sheet.left {\n transform: translateX(0);\n}\n\n.sheet.sm { max-width: 360px; }\n.sheet.md { max-width: 600px; }\n.sheet.lg { max-width: 960px; }\n.sheet.full { max-width: 100%; }\n.sheet.custom-width { /* max-width is set via inline style */ }\n\n.title-container {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: var(--spacing-04, 16px);\n flex-shrink: 0;\n box-shadow: var(--elevation-02 , 0 4px 8px rgba(0, 0, 0, 0.1));\n}\n.title-text {\n flex-grow: 1;\n}\n.close-button {\n flex-shrink: 0;\n}\n.content {\n overflow-y: auto;\n flex-grow: 1;\n}\n\n.content.padding {\n padding: var(--spacing-05, 16px);\n}\n\n.footer {\n padding: var(--spacing-05, 16px);\n border-top: 1px solid #ccc;\n display: flex;\n justify-content: flex-end;\n flex-shrink: 0;\n} \n","import { Component, h, Prop, Element, Watch, Event, EventEmitter } from '@stencil/core';\nimport Close24 from '@carbon/icons/es/close/24';\n\n@Component({\n tag: 'udp-side-sheet',\n styleUrl: 'udp-side-sheet.css',\n shadow: true,\n})\nexport class UdpSideSheet {\n @Element() hostEl!: HTMLElement;\n\n @Prop({ reflect: true, mutable: true }) open = false;\n @Prop() title: string;\n @Prop() position: 'left' \| 'right' = 'right';\n @Prop() width: 'sm' \| 'md' \| 'lg' \| 'full' \| number = 'md';\n @Prop() primaryButtonLabel: string;\n @Prop() primaryButtonDisabled = false;\n @Prop() primaryButtonIcon: string;\n @Prop() padding = true;\n\n @Event() udpSideSheetClose: EventEmitter<void>;\n @Event() udpPrimaryButtonClick: EventEmitter<void>;\n\n private appendedToBody = false;\n private isBeingMoved = false;\n private originalBodyOverflow: string = '';\n\n @Watch('open')\n handleOpenChange(open: boolean) {\n if (open) {\n this.originalBodyOverflow = document.body.style.overflow;\n document.body.style.overflow = 'hidden';\n if (!this.appendedToBody) {\n this.isBeingMoved = true;\n document.body.appendChild(this.hostEl);\n this.appendedToBody = true;\n requestAnimationFrame(() => {\n this.isBeingMoved = false;\n });\n }\n } else {\n document.body.style.overflow = this.originalBodyOverflow;\n this.cleanup();\n }\n }\n\n componentDidLoad() {\n if (this.open && !this.appendedToBody) {\n this.originalBodyOverflow = document.body.style.overflow;\n document.body.style.overflow = 'hidden';\n this.isBeingMoved = true;\n document.body.appendChild(this.hostEl);\n this.appendedToBody = true;\n requestAnimationFrame(() => {\n this.isBeingMoved = false;\n });\n }\n }\n\n private onClose = () => {\n this.open = false;\n this.udpSideSheetClose.emit();\n };\n\n private onPrimaryButtonClick = () => {\n this.udpPrimaryButtonClick.emit();\n };\n\n private cleanup() {\n if (this.hostEl.parentElement === document.body) {\n document.body.removeChild(this.hostEl);\n this.appendedToBody = false;\n }\n }\n\n disconnectedCallback() {\n if (this.isBeingMoved) {\n return;\n }\n if (this.open) {\n document.body.style.overflow = this.originalBodyOverflow;\n }\n this.cleanup();\n }\n\n render() {\n const widthClass = typeof this.width === 'number' ? 'custom-width' : this.width;\n const sideSheetStyle = typeof this.width === 'number' ? { maxWidth: `${this.width}px` } : {};\n\n return this.open ? (\n <div class=\"backdrop\" onClick={this.onClose}>\n <div class={{ sheet: true, [this.position]: true, [widthClass]: true }} style={sideSheetStyle} onClick={e => e.stopPropagation()}>\n <div class=\"title-container\">\n <div class=\"title-text\">\n <unity-typography variant=\"data-display-four\">{this.title}</unity-typography>\n </div>\n <div class=\"close-button\">\n <stencil-icon-button icon={Close24} onClick={this.onClose}></stencil-icon-button>\n </div>\n </div>\n <div class={{ content: true, padding: this.padding }}>\n <slot />\n </div>\n {this.primaryButtonLabel && (\n <div class=\"footer\">\n <udp-button variant=\"contained\" size=\"large\" disabled={this.primaryButtonDisabled} onClick={this.onPrimaryButtonClick} endIcon={this.primaryButtonIcon}>\n {this.primaryButtonLabel}\n </udp-button>\n </div>\n )}\n </div>\n </div>\n ) : null;\n }\n}\n"],"version":3}
1	+ {"file":"p-CqiZ9SAU.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/drawers/udp-side-sheet/udp-side-sheet.css?tag=udp-side-sheet&encapsulation=shadow","src/components/my-component/UI/drawers/udp-side-sheet/udp-side-sheet.tsx"],"sourcesContent":[":host {\n all: initial;\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n z-index: 9999;\n font-family: sans-serif;\n visibility: hidden;\n}\n\n:host([open]) {\n visibility: visible;\n}\n\n.backdrop {\n background: rgba(0, 0, 0, 0.5);\n width: 100%;\n height: 100%;\n position: fixed;\n top: 0;\n left: 0;\n opacity: 0;\n transition: opacity 0.3s ease-in-out;\n}\n:host([open]) .backdrop {\n opacity: 1;\n}\n\n.sheet {\n background: white;\n height: 100vh;\n position: fixed;\n top: 0;\n display: flex;\n flex-direction: column;\n box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);\n transition: transform 0.3s ease-in-out;\n width: 100%;\n}\n\n.sheet.right {\n right: 0;\n transform: translateX(100%);\n}\n.sheet.left {\n left: 0;\n transform: translateX(-100%);\n}\n\n:host([open]) .sheet.right,\n:host([open]) .sheet.left {\n transform: translateX(0);\n}\n\n.sheet.sm { max-width: 360px; }\n.sheet.md { max-width: 600px; }\n.sheet.lg { max-width: 960px; }\n.sheet.full { max-width: 100%; }\n.sheet.custom-width { /* max-width is set via inline style */ }\n\n.title-container {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: var(--spacing-04, 16px);\n flex-shrink: 0;\n box-shadow: var(--elevation-02 , 0 4px 8px rgba(0, 0, 0, 0.1));\n}\n.title-text {\n flex-grow: 1;\n}\n.close-button {\n flex-shrink: 0;\n}\n.content {\n overflow-y: auto;\n flex-grow: 1;\n}\n\n.content.padding {\n padding: var(--spacing-05, 16px);\n}\n\n.footer {\n padding: var(--spacing-05, 16px);\n border-top: 1px solid #ccc;\n display: flex;\n justify-content: flex-end;\n flex-shrink: 0;\n} \n","import { Component, h, Prop, Element, Watch, Event, EventEmitter } from '@stencil/core';\nimport Close24 from '@carbon/icons/es/close/24';\n\n@Component({\n tag: 'udp-side-sheet',\n styleUrl: 'udp-side-sheet.css',\n shadow: true,\n})\nexport class UdpSideSheet {\n @Element() hostEl!: HTMLElement;\n\n @Prop({ reflect: true, mutable: true }) open = false;\n @Prop() title: string;\n @Prop() position: 'left' \| 'right' = 'right';\n @Prop() width: 'sm' \| 'md' \| 'lg' \| 'full' \| number = 'md';\n @Prop() primaryButtonLabel: string;\n @Prop() primaryButtonDisabled = false;\n @Prop() primaryButtonIcon: string;\n @Prop() padding = true;\n\n @Event() udpSideSheetClose: EventEmitter<void>;\n @Event() udpPrimaryButtonClick: EventEmitter<void>;\n\n private appendedToBody = false;\n private isBeingMoved = false;\n private originalBodyOverflow: string = '';\n\n @Watch('open')\n handleOpenChange(open: boolean) {\n if (open) {\n this.originalBodyOverflow = document.body.style.overflow;\n document.body.style.overflow = 'hidden';\n if (!this.appendedToBody) {\n this.isBeingMoved = true;\n document.body.appendChild(this.hostEl);\n this.appendedToBody = true;\n requestAnimationFrame(() => {\n this.isBeingMoved = false;\n });\n }\n } else {\n document.body.style.overflow = this.originalBodyOverflow;\n this.cleanup();\n }\n }\n\n componentDidLoad() {\n if (this.open && !this.appendedToBody) {\n this.originalBodyOverflow = document.body.style.overflow;\n document.body.style.overflow = 'hidden';\n this.isBeingMoved = true;\n document.body.appendChild(this.hostEl);\n this.appendedToBody = true;\n requestAnimationFrame(() => {\n this.isBeingMoved = false;\n });\n }\n }\n\n private onClose = () => {\n this.open = false;\n this.udpSideSheetClose.emit();\n };\n\n private onPrimaryButtonClick = () => {\n this.udpPrimaryButtonClick.emit();\n };\n\n private cleanup() {\n if (this.hostEl.parentElement === document.body) {\n document.body.removeChild(this.hostEl);\n this.appendedToBody = false;\n }\n }\n\n disconnectedCallback() {\n if (this.isBeingMoved) {\n return;\n }\n if (this.open) {\n document.body.style.overflow = this.originalBodyOverflow;\n }\n this.cleanup();\n }\n\n render() {\n const widthClass = typeof this.width === 'number' ? 'custom-width' : this.width;\n const sideSheetStyle = typeof this.width === 'number' ? { maxWidth: `${this.width}px` } : {};\n\n return this.open ? (\n <div class=\"backdrop\" onClick={this.onClose}>\n <div class={{ sheet: true, [this.position]: true, [widthClass]: true }} style={sideSheetStyle} onClick={e => e.stopPropagation()}>\n <div class=\"title-container\">\n <div class=\"title-text\">\n <unity-typography variant=\"data-display-four\">{this.title}</unity-typography>\n </div>\n <div class=\"close-button\">\n <stencil-icon-button icon={Close24} onClick={this.onClose}></stencil-icon-button>\n </div>\n </div>\n <div class={{ content: true, padding: this.padding }}>\n <slot />\n </div>\n {this.primaryButtonLabel && (\n <div class=\"footer\">\n <udp-button variant=\"contained\" size=\"large\" disabled={this.primaryButtonDisabled} onClick={this.onPrimaryButtonClick} endIcon={this.primaryButtonIcon}>\n {this.primaryButtonLabel}\n </udp-button>\n </div>\n )}\n </div>\n </div>\n ) : null;\n }\n}\n"],"version":3}

package/dist/components/{p-DxJCXXmE.js → p-Cr_ifuX-.js} RENAMED Viewed

@@ -1,21 +1,22 @@
 import { p as proxyCustomElement, H, h } from './p-DPon6DDX.js';
 import { d as deepCloneFormSections } from './p-DhYDXL0I.js';
-import { d as defineCustomElement$h } from './p-ChdtzL8Z.js';
-import { d as defineCustomElement$g } from './p-CTn3c76I.js';
-import { d as defineCustomElement$f } from './p-BdWgc1UD.js';
-import { d as defineCustomElement$e } from './p-BvSuY3tY.js';
-import { d as defineCustomElement$d } from './p-hRee3qYx.js';
-import { d as defineCustomElement$c } from './p-HrsHnWeG.js';
-import { d as defineCustomElement$b } from './p-BYsLvu6g.js';
-import { d as defineCustomElement$a } from './p-DQIj9UI7.js';
+import { U as UdpFormsFieldTypeEnum } from './p-DtiAfg0X.js';
+import { d as defineCustomElement$h } from './p-Dpvhge5H.js';
+import { d as defineCustomElement$g } from './p-1uly65Sv.js';
+import { d as defineCustomElement$f } from './p-Bi8lqIP-.js';
+import { d as defineCustomElement$e } from './p-Dx5ehH3t.js';
+import { d as defineCustomElement$d } from './p-D6Wo7quX.js';
+import { d as defineCustomElement$c } from './p-6EzLtNtq.js';
+import { d as defineCustomElement$b } from './p-CpMdhv3j.js';
+import { d as defineCustomElement$a } from './p-Ut5zP7nE.js';
 import { d as defineCustomElement$9 } from './p-ZeWoGdjP.js';
 import { d as defineCustomElement$8 } from './p-C-wDzVCk.js';
 import { d as defineCustomElement$7 } from './p-Dri6DPsA.js';
-import { d as defineCustomElement$6 } from './p-DzaN4l_Y.js';
-import { d as defineCustomElement$5 } from './p-DMcaGgHq.js';
-import { d as defineCustomElement$4 } from './p-IlXn87Ki.js';
-import { d as defineCustomElement$3 } from './p-BTIWOttf.js';
-import { d as defineCustomElement$2 } from './p-Bdt-oOnd.js';
+import { d as defineCustomElement$6 } from './p-Cp1kbBGM.js';
+import { d as defineCustomElement$5 } from './p-DnMRLbBX.js';
+import { d as defineCustomElement$4 } from './p-1Cv4cku0.js';
+import { d as defineCustomElement$3 } from './p-W_kxEzVl.js';
+import { d as defineCustomElement$2 } from './p-Oil5iqFm.js';
 import { d as defineCustomElement$1 } from './p-DkppmXNM.js';
 // === Helper Functions ===
@@ -303,20 +304,20 @@ const QuestionSpecificConfigsRenderer = /*@__PURE__*/ proxyCustomElement(class Q
     }
     render() {
         switch (this.question.fieldTypeId) {
-            case 2: // Single Line Text
-            case 3: // Multi Line Text
+            case UdpFormsFieldTypeEnum.SingleLineText:
+            case UdpFormsFieldTypeEnum.MultiLineText:
                 return (h("text-input-renderer", { question: this.question, isViewOnly: this.isViewOnly, formSectionsDraft: this.formSectionsDraft, sIndex: this.sIndex, qIndex: this.qIndex, onFormSectionsDraftChange: this.onFormSectionsDraftChange, getHandler: this.getHandler }));
-            case 4: // Checkbox
-            case 5: // Radio Button
-            case 6: // Dropdown Single Select
-            case 7: // Dropdown Multiple Select
-            case 8: // List
+            case UdpFormsFieldTypeEnum.Checkbox:
+            case UdpFormsFieldTypeEnum.RadioButton:
+            case UdpFormsFieldTypeEnum.DropdownSingleSelect:
+            case UdpFormsFieldTypeEnum.DropdownMultipleSelect:
+            case UdpFormsFieldTypeEnum.ListMultiSelect:
                 return (h("list-options-renderer", { question: this.question, isViewOnly: this.isViewOnly, formSectionsDraft: this.formSectionsDraft, sIndex: this.sIndex, qIndex: this.qIndex, onFormSectionsDraftChange: this.onFormSectionsDraftChange, getHandler: this.getHandler, lookupOptions: this.lookupOptions }));
-            case 9: // Date Selector
-            case 10: // Time Selector
-            case 11: // DateTime Selector
+            case UdpFormsFieldTypeEnum.DateSelector:
+            case UdpFormsFieldTypeEnum.TimeSelector:
+            case UdpFormsFieldTypeEnum.DateTimeSelector:
                 return (h("date-time-renderer", { question: this.question, isViewOnly: this.isViewOnly, formSectionsDraft: this.formSectionsDraft, sIndex: this.sIndex, qIndex: this.qIndex, onFormSectionsDraftChange: this.onFormSectionsDraftChange, getHandler: this.getHandler }));
-            case 12: // File Upload
+            case UdpFormsFieldTypeEnum.FileUpload:
                 return (h("file-upload-renderer", { question: this.question, isViewOnly: this.isViewOnly, formSectionsDraft: this.formSectionsDraft, sIndex: this.sIndex, qIndex: this.qIndex, onFormSectionsDraftChange: this.onFormSectionsDraftChange, getHandler: this.getHandler }));
             default:
                 return null;
@@ -431,6 +432,6 @@ function defineCustomElement() {
 }
 export { QuestionSpecificConfigsRenderer as Q, defineCustomElement as d, questionsTemplate as q };
-//# sourceMappingURL=p-DxJCXXmE.js.map
+//# sourceMappingURL=p-Cr_ifuX-.js.map
-//# sourceMappingURL=p-DxJCXXmE.js.map
+//# sourceMappingURL=p-Cr_ifuX-.js.map

package/dist/components/p-Cr_ifuX-.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"p-Cr_ifuX-.js","mappings":";;;;;;;;;;;;;;;;;;;;;AAIA;AAEA,MAAM,qBAAqB,GAAG,CAAC,YAA0B,EAAE,MAAc,EAAE,MAAc,EAAE,QAA6B,KAAkB;AACxI,IAAA,MAAM,WAAW,GAAG,qBAAqB,CAAC,YAAY,CAAC;AACvD,IAAA,MAAM,YAAY,GAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAQ,WAAW,CAAC,MAAM,CAAC,CAAC,aAAa,CAAC,MAAM,CAAC,CAAE;AACrE,IAAA,MAAM,QAAQ,GAAG,YAAY,CAAC,eAAe,IAAI,EAAE;AACnD,IAAA,YAAY,CAAC,eAAe,GAAG,QAAQ,CAAC,QAAQ,CAAC;IACjD,WAAW,CAAC,MAAM,CAAC,CAAC,aAAa,CAAC,MAAM,CAAC,GAAG,YAAY;AACxD,IAAA,OAAO,WAAW;AACpB,CAAC;AAED;AAEA,MAAM,8BAA8B,GAAG,CAAC,YAA0B,EAAE,MAAc,EAAE,MAAc,EAAE,WAAmB,EAAE,SAAiB,KACxI,qBAAqB,CAAC,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,qCACpD,KAAK,CAAA,EAAA,EACR,KAAK,EAAE,CAAC,IAAI,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EAC3E,CAAA,CAAA,CAAC;AAEL,MAAM,iCAAiC,GAAG,CAAC,YAA0B,EAAE,MAAc,EAAE,MAAc,EAAE,SAAiB,KACtH,qBAAqB,CAAC,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,IAAG;AAC1D,IAAA,MAAM,KAAK,GAAG,CAAC,IAAI,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;AACtC,IAAA,KAAK,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,CAAC;IAC1B,OAAY,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,KAAK,CAAE,EAAA,EAAA,KAAK,EAAG,CAAA;AAC7B,CAAC,CAAC;AAEJ,MAAM,iCAAiC,GAAG,CAAC,KAAY,EAAE,YAA0B,EAAE,MAAc,EAAE,MAAc,EAAE,GAAW,EAAE,KAA0B,KAAI;AAC9J,IAAA,MAAM,KAAK,GAAG,KAAK,CAAC,MAA0B;IAC9C,OAAO,qBAAqB,CAAC,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,IAAG;AACjE,QAAA,MAAM,KAAK,GAAG,CAAC,IAAI,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;AACtC,QAAA,KAAK,CAAC,GAAG,CAAC,GAAQ,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,KAAK,CAAC,GAAG,CAAC,CAAE,EAAA,EAAA,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,GAAE;QACpD,OAAY,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,KAAK,CAAE,EAAA,EAAA,KAAK,EAAG,CAAA;AAC7B,KAAC,CAAC;AACJ,CAAC;AAED,MAAM,+BAA+B,GAAG,CAAC,gBAAwB,EAAE,YAA0B,EAAE,MAAc,EAAE,MAAc,KAAI;IAC/H,OAAO,qBAAqB,CAAC,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,KAAI,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAC/D,KAAK,CACR,EAAA,EAAA,QAAQ,EAAE,gBAAgB,EAAA,CAAA,CAC1B,CAAC;AACL,CAAC;AAED,MAAM,8CAA8C,GAAG,CAAC,YAA0B,EAAE,MAAc,EAAE,MAAc,KAAI;IACpH,OAAO,qBAAqB,CAAC,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,IAAG;AACjE,QAAA,IAAI,KAAK,CAAC,KAAK,EAAE;YACf,OAAO;gBACL,QAAQ,EAAE,EAAE;aACb;;aACI;YACL,OAAO;AACL,gBAAA,KAAK,EAAE;AACL,oBAAA;AACE,wBAAA,OAAO,EAAE,EAAE;AACX,wBAAA,KAAK,EAAE,EAAE;AACV,qBAAA;AACF,iBAAA;aACF;;AAEL,KAAC,CAAC;AACJ,CAAC;AAED,MAAM,kCAAkC,GAAG,CAAC,KAAY,EAAE,YAA0B,EAAE,MAAc,EAAE,MAAc,EAAE,SAA0C,KAAI;AAClK,IAAA,MAAM,KAAK,GAAG,KAAK,CAAC,MAA0B;IAC9C,OAAO,qBAAqB,CAAC,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,qCAC3D,KAAK,CAAA,EAAA,EACR,CAAC,SAAS,GAAG,KAAK,CAAC,KAAK,EACxB,CAAA,CAAA,CAAC;AACL,CAAC;AAED,MAAM,0BAA0B,GAAG,CAAC,KAAY,EAAE,YAA0B,EAAE,MAAc,EAAE,MAAc,EAAE,SAA+D,KAAI;AAC/K,IAAA,MAAM,KAAK,GAAG,KAAK,CAAC,MAA0B;IAC9C,OAAO,qBAAqB,CAAC,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,qCAC3D,KAAK,CAAA,EAAA,EACR,CAAC,SAAS,GAAG,KAAK,CAAC,OAAO,EAC1B,CAAA,CAAA,CAAC;AACL,CAAC;AAED,MAAM,gCAAgC,GAAG,CAAC,YAA0B,EAAE,MAAc,EAAE,MAAc,EAAE,SAA+D,KACnK,qBAAqB,CAAC,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,KACpD,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,KAAK,KACR,CAAC,SAAS,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,EAAA,CAAA,CAC9B,CAAC;AAEL,MAAM,2BAA2B,GAAG,CAAC,KAAY,EAAE,YAA0B,EAAE,MAAc,EAAE,MAAc,EAAE,SAAiB,KAAI;AAClI,IAAA,MAAM,KAAK,GAAG,KAAK,CAAC,MAA0B;IAC9C,OAAO,qBAAqB,CAAC,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,qCAC3D,KAAK,CAAA,EAAA,EACR,CAAC,SAAS,GAAG,KAAK,CAAC,KAAK,EACxB,CAAA,CAAA,CAAC;AACL,CAAC;AAED,MAAM,qBAAqB,GAAG,CAAC,KAAU,EAAE,YAA0B,EAAE,MAAc,EAAE,MAAc,EAAE,SAAqD,KAAI;AAC9J,IAAA,MAAM,WAAW,GAAG,qBAAqB,CAAC,YAAY,CAAC;AACvD,IAAA,MAAM,YAAY,GAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAQ,WAAW,CAAC,MAAM,CAAC,CAAC,aAAa,CAAC,MAAM,CAAC,CAAE;AACrE,IAAA,YAAY,CAAC,SAAS,CAAC,GAAG,KAAK;IAC/B,WAAW,CAAC,MAAM,CAAC,CAAC,aAAa,CAAC,MAAM,CAAC,GAAG,YAAY;AACxD,IAAA,OAAO,WAAW;AACpB,CAAC;AAED,MAAM,iBAAiB,GAAG;AACxB,IAAA;AACE,QAAA,WAAW,EAAE,CAAC;AACd,QAAA,gBAAgB,EAAE,QAAQ;AAC1B,QAAA,IAAI,EAAE,iBAAiB;QACvB,QAAQ,EAAE,EAAE,qBAAqB,EAAE;AACnC,QAAA,sBAAsB,EAAE,EAAE;AAC3B,KAAA;AACD,IAAA;AACE,QAAA,WAAW,EAAE,CAAC;AACd,QAAA,gBAAgB,EAAE,kBAAkB;AACpC,QAAA,IAAI,EAAE,eAAe;AACrB,QAAA,QAAQ,EAAE,EAAE,qBAAqB,EAAE,kCAAkC,EAAE;QACvE,sBAAsB,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE;AAC9D,KAAA;AACD,IAAA;AACE,QAAA,WAAW,EAAE,CAAC;AACd,QAAA,gBAAgB,EAAE,iBAAiB;AACnC,QAAA,IAAI,EAAE,cAAc;AACpB,QAAA,QAAQ,EAAE,EAAE,qBAAqB,EAAE,kCAAkC,EAAE;QACvE,sBAAsB,EAAE,EAAE,YAAY,EAAE,GAAG,EAAE,YAAY,EAAE,EAAE,EAAE;AAChE,KAAA;AACD,IAAA;AACE,QAAA,WAAW,EAAE,CAAC;AACd,QAAA,gBAAgB,EAAE,UAAU;AAC5B,QAAA,IAAI,EAAE,cAAc;AACpB,QAAA,qBAAqB,EAAE,IAAI;AAC3B,QAAA,QAAQ,EAAE;YACR,qBAAqB;YACrB,8BAA8B;YAC9B,iCAAiC;YACjC,iCAAiC;YACjC,8CAA8C;YAC9C,+BAA+B;AAChC,SAAA;AACD,QAAA,sBAAsB,EAAE;AACtB,YAAA,KAAK,EAAE;AACL,gBAAA;AACE,oBAAA,OAAO,EAAE,EAAE;AACX,oBAAA,KAAK,EAAE,EAAE;AACV,iBAAA;AACF,aAAA;AACF,SAAA;AACF,KAAA;AACD,IAAA;AACE,QAAA,WAAW,EAAE,CAAC;AACd,QAAA,gBAAgB,EAAE,cAAc;AAChC,QAAA,IAAI,EAAE,iBAAiB;AACvB,QAAA,qBAAqB,EAAE,IAAI;AAC3B,QAAA,QAAQ,EAAE;YACR,qBAAqB;YACrB,8BAA8B;YAC9B,iCAAiC;YACjC,iCAAiC;YACjC,8CAA8C;YAC9C,+BAA+B;AAChC,SAAA;AACD,QAAA,sBAAsB,EAAE;AACtB,YAAA,KAAK,EAAE;AACL,gBAAA;AACE,oBAAA,OAAO,EAAE,EAAE;AACX,oBAAA,KAAK,EAAE,EAAE;AACV,iBAAA;AACF,aAAA;AACF,SAAA;AACF,KAAA;AACD,IAAA;AACE,QAAA,WAAW,EAAE,CAAC;AACd,QAAA,gBAAgB,EAAE,wBAAwB;AAC1C,QAAA,IAAI,EAAE,uBAAuB;AAC7B,QAAA,qBAAqB,EAAE,IAAI;AAC3B,QAAA,QAAQ,EAAE;YACR,qBAAqB;YACrB,8BAA8B;YAC9B,iCAAiC;YACjC,iCAAiC;YACjC,8CAA8C;YAC9C,+BAA+B;AAChC,SAAA;AACD,QAAA,sBAAsB,EAAE;AACtB,YAAA,KAAK,EAAE;AACL,gBAAA;AACE,oBAAA,OAAO,EAAE,EAAE;AACX,oBAAA,KAAK,EAAE,EAAE;AACV,iBAAA;AACF,aAAA;AACF,SAAA;AACF,KAAA;AACD,IAAA;AACE,QAAA,WAAW,EAAE,CAAC;AACd,QAAA,gBAAgB,EAAE,0BAA0B;AAC5C,QAAA,IAAI,EAAE,sBAAsB;AAC5B,QAAA,qBAAqB,EAAE,IAAI;AAC3B,QAAA,QAAQ,EAAE;YACR,qBAAqB;YACrB,8BAA8B;YAC9B,iCAAiC;YACjC,iCAAiC;YACjC,8CAA8C;YAC9C,+BAA+B;AAChC,SAAA;AACD,QAAA,sBAAsB,EAAE;AACtB,YAAA,KAAK,EAAE;AACL,gBAAA;AACE,oBAAA,OAAO,EAAE,EAAE;AACX,oBAAA,KAAK,EAAE,EAAE;AACV,iBAAA;AACF,aAAA;AACF,SAAA;AACF,KAAA;AACD,IAAA;AACE,QAAA,WAAW,EAAE,CAAC;AACd,QAAA,gBAAgB,EAAE,MAAM;AACxB,QAAA,IAAI,EAAE,MAAM;AACZ,QAAA,qBAAqB,EAAE,IAAI;AAC3B,QAAA,QAAQ,EAAE;YACR,qBAAqB;YACrB,8BAA8B;YAC9B,iCAAiC;YACjC,iCAAiC;YACjC,8CAA8C;YAC9C,+BAA+B;AAChC,SAAA;AACD,QAAA,sBAAsB,EAAE;AACtB,YAAA,KAAK,EAAE;AACL,gBAAA;AACE,oBAAA,OAAO,EAAE,EAAE;AACX,oBAAA,KAAK,EAAE,EAAE;AACV,iBAAA;AACF,aAAA;AACF,SAAA;AACF,KAAA;AACD,IAAA;AACE,QAAA,WAAW,EAAE,CAAC;AACd,QAAA,gBAAgB,EAAE,eAAe;AACjC,QAAA,IAAI,EAAE,eAAe;AACrB,QAAA,QAAQ,EAAE;YACR,qBAAqB;YACrB,2BAA2B;YAC3B,0BAA0B;YAC1B,gCAAgC;AACjC,SAAA;AACD,QAAA,sBAAsB,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,YAAY,EAAE;AACjG,KAAA;AACD,IAAA;AACE,QAAA,WAAW,EAAE,EAAE;AACf,QAAA,gBAAgB,EAAE,eAAe;AACjC,QAAA,IAAI,EAAE,eAAe;AACrB,QAAA,QAAQ,EAAE,EAAE,qBAAqB,EAAE,2BAA2B,EAAE;QAChE,sBAAsB,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE;AACrE,KAAA;AACD,IAAA;AACE,QAAA,WAAW,EAAE,EAAE;AACf,QAAA,gBAAgB,EAAE,mBAAmB;AACrC,QAAA,IAAI,EAAE,mBAAmB;AACzB,QAAA,QAAQ,EAAE;YACR,qBAAqB;YACrB,2BAA2B;YAC3B,0BAA0B;YAC1B,gCAAgC;AACjC,SAAA;AACD,QAAA,sBAAsB,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,WAAW,EAAE,qBAAqB,EAAE,WAAW,EAAE,qBAAqB,EAAE;AAC3H,KAAA;AACD,IAAA;AACE,QAAA,WAAW,EAAE,EAAE;AACf,QAAA,gBAAgB,EAAE,aAAa;AAC/B,QAAA,IAAI,EAAE,gBAAgB;AACtB,QAAA,QAAQ,EAAE,EAAE,qBAAqB,EAAE,0BAA0B,EAAE,gCAAgC,EAAE;QACjG,sBAAsB,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE;AACtE,KAAA;AACD,IAAA;AACE,QAAA,WAAW,EAAE,EAAE;AACf,QAAA,gBAAgB,EAAE,QAAQ;AAC1B,QAAA,IAAI,EAAE,WAAW;AACjB,QAAA,QAAQ,EAAE,EAAE,qBAAqB,EAAE,0BAA0B,EAAE,gCAAgC,EAAE;AACjG,QAAA,sBAAsB,EAAE,EAAE;AAC3B,KAAA;AACD,IAAA;AACE,QAAA,WAAW,EAAE,EAAE;AACf,QAAA,gBAAgB,EAAE,WAAW;AAC7B,QAAA,IAAI,EAAE,UAAU;AAChB,QAAA,QAAQ,EAAE,EAAE,qBAAqB,EAAE,0BAA0B,EAAE,gCAAgC,EAAE;AACjG,QAAA,sBAAsB,EAAE,EAAE;AAC3B,KAAA;AACD,IAAA;AACE,QAAA,WAAW,EAAE,EAAE;AACf,QAAA,gBAAgB,EAAE,eAAe;AACjC,QAAA,IAAI,EAAE,iBAAiB;AACvB,QAAA,QAAQ,EAAE,EAAE,qBAAqB,EAAE,0BAA0B,EAAE,gCAAgC,EAAE;AACjG,QAAA,sBAAsB,EAAE,EAAE;AAC3B,KAAA;AACD,IAAA;AACE,QAAA,WAAW,EAAE,EAAE;AACf,QAAA,gBAAgB,EAAE,SAAS;AAC3B,QAAA,IAAI,EAAE,KAAK;AACX,QAAA,QAAQ,EAAE,EAAE,qBAAqB,EAAE,0BAA0B,EAAE,gCAAgC,EAAE;AACjG,QAAA,sBAAsB,EAAE,EAAE;AAC3B,KAAA;;;AC5SH,MAAM,kCAAkC,GAAG,EAAE;;MCShC,+BAA+B,iBAAAA,kBAAA,CAAA,MAAA,+BAAA,SAAAC,CAAA,CAAA;AAL5C,IAAA,WAAA,GAAA;;;;QAaU,IAAA,CAAA,UAAU,GAAG,CAAC,WAAmB,EAAE,WAAmB,KAAI;;AAChE,YAAA,MAAM,QAAQ,GAAG,iBAAiB,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,WAAW,KAAK,WAAW,CAAC;AAC3E,YAAA,OAAO,CAAA,EAAA,GAAA,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,MAAA,GAAA,MAAA,GAAR,QAAQ,CAAE,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAG,WAAW,CAAC;AAC1C,SAAC;AAwEF;AAtEC,IAAA,IAAY,QAAQ,GAAA;;QAClB,OAAO,MAAA,CAAA,EAAA,GAAA,IAAI,CAAC,iBAAiB,0CAAG,IAAI,CAAC,MAAM,CAAA,CAAE,aAAa,MAAG,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAI,CAAC,MAAM,CAAC;;IAG3E,MAAM,GAAA;AACJ,QAAA,QAAQ,IAAI,CAAC,QAAQ,CAAC,WAAW;YAC/B,KAAK,qBAAqB,CAAC,cAAc;YACzC,KAAK,qBAAqB,CAAC,aAAa;gBACtC,QACE,2BACE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,EACzC,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,yBAAyB,EAAE,IAAI,CAAC,yBAAyB,EACzD,UAAU,EAAE,IAAI,CAAC,UAAU,EACN,CAAA;YAG3B,KAAK,qBAAqB,CAAC,QAAQ;YACnC,KAAK,qBAAqB,CAAC,WAAW;YACtC,KAAK,qBAAqB,CAAC,oBAAoB;YAC/C,KAAK,qBAAqB,CAAC,sBAAsB;YACjD,KAAK,qBAAqB,CAAC,eAAe;gBACxC,QACE,6BACE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,EACzC,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,yBAAyB,EAAE,IAAI,CAAC,yBAAyB,EACzD,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,aAAa,EAAE,IAAI,CAAC,aAAa,EACV,CAAA;YAG7B,KAAK,qBAAqB,CAAC,YAAY;YACvC,KAAK,qBAAqB,CAAC,YAAY;YACvC,KAAK,qBAAqB,CAAC,gBAAgB;gBACzC,QACE,0BACE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,EACzC,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,yBAAyB,EAAE,IAAI,CAAC,yBAAyB,EACzD,UAAU,EAAE,IAAI,CAAC,UAAU,EACP,CAAA;YAG1B,KAAK,qBAAqB,CAAC,UAAU;gBACnC,QACE,4BACE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,EACzC,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,yBAAyB,EAAE,IAAI,CAAC,yBAAyB,EACzD,UAAU,EAAE,IAAI,CAAC,UAAU,EACL,CAAA;AAG5B,YAAA;AACE,gBAAA,OAAO,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-question-template.ts","src/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/question-specific-configs-renderer.css?tag=question-specific-configs-renderer&encapsulation=shadow","src/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/question-specific-configs-renderer.tsx"],"sourcesContent":["import { deepCloneFormSections } from './forms-builder-utils';\n\ntype FormSections = any[];\n\n// === Helper Functions ===\n\nconst updateFieldProperties = (formSections: FormSections, sIndex: number, qIndex: number, updateFn: (props: any) => any): FormSections => {\n const newSections = deepCloneFormSections(formSections);\n const questionItem = { ...newSections[sIndex].formQuestions[qIndex] };\n const oldProps = questionItem.fieldProperties || {};\n questionItem.fieldProperties = updateFn(oldProps);\n newSections[sIndex].formQuestions[qIndex] = questionItem;\n return newSections;\n};\n\n// === Handlers ===\n\nconst handleFieldPropertyAddListItem = (formSections: FormSections, sIndex: number, qIndex: number, displayText: string, valueText: string) =>\n updateFieldProperties(formSections, sIndex, qIndex, props => ({\n ...props,\n items: [...(props.items || []), { display: displayText, value: valueText }],\n }));\n\nconst handleFieldPropertyRemoveListItem = (formSections: FormSections, sIndex: number, qIndex: number, itemIndex: number) =>\n updateFieldProperties(formSections, sIndex, qIndex, props => {\n const items = [...(props.items || [])];\n items.splice(itemIndex, 1);\n return { ...props, items };\n });\n\nconst handleFieldPropertyListItemChange = (event: Event, formSections: FormSections, sIndex: number, qIndex: number, idx: number, field: 'display' | 'value') => {\n const input = event.target as HTMLInputElement;\n return updateFieldProperties(formSections, sIndex, qIndex, props => {\n const items = [...(props.items || [])];\n items[idx] = { ...items[idx], [field]: input.value };\n return { ...props, items };\n });\n};\n\nconst handleFieldPropertyLookupChange = (selectedLookupId: string, formSections: FormSections, sIndex: number, qIndex: number) => {\n return updateFieldProperties(formSections, sIndex, qIndex, props => ({\n ...props,\n lookupId: selectedLookupId,\n }));\n};\n\nconst handleFieldPropertyToggleManualOrLookupOptions = (formSections: FormSections, sIndex: number, qIndex: number) => {\n return updateFieldProperties(formSections, sIndex, qIndex, props => {\n if (props.items) {\n return {\n lookupId: '', // you can replace this with undefined if preferred\n };\n } else {\n return {\n items: [\n {\n display: '',\n value: '',\n },\n ],\n };\n }\n });\n};\n\nconst handleFieldPropertyMinMaxCharacter = (event: Event, formSections: FormSections, sIndex: number, qIndex: number, fieldName: 'maxCharacter' | 'minCharacter') => {\n const input = event.target as HTMLInputElement;\n return updateFieldProperties(formSections, sIndex, qIndex, props => ({\n ...props,\n [fieldName]: input.value,\n }));\n};\n\nconst handleFieldPropertyBoolean = (event: Event, formSections: FormSections, sIndex: number, qIndex: number, fieldName: 'allowFutureDate' | 'hideDragAndDrop' | 'hideButton') => {\n const input = event.target as HTMLInputElement;\n return updateFieldProperties(formSections, sIndex, qIndex, props => ({\n ...props,\n [fieldName]: input.checked,\n }));\n};\n\nconst handleFieldPropertyBooleanToggle = (formSections: FormSections, sIndex: number, qIndex: number, fieldName: 'allowFutureDate' | 'hideDragAndDrop' | 'hideButton') =>\n updateFieldProperties(formSections, sIndex, qIndex, props => ({\n ...props,\n [fieldName]: !props[fieldName],\n }));\n\nconst handleFieldPropertyDateTime = (event: Event, formSections: FormSections, sIndex: number, qIndex: number, fieldName: string) => {\n const input = event.target as HTMLInputElement;\n return updateFieldProperties(formSections, sIndex, qIndex, props => ({\n ...props,\n [fieldName]: input.value,\n }));\n};\n\nconst handleGenericProperty = (value: any, formSections: FormSections, sIndex: number, qIndex: number, fieldName: 'questionText' | 'helperText' | 'required') => {\n const newSections = deepCloneFormSections(formSections);\n const questionItem = { ...newSections[sIndex].formQuestions[qIndex] };\n questionItem[fieldName] = value;\n newSections[sIndex].formQuestions[qIndex] = questionItem;\n return newSections;\n};\n\nconst questionsTemplate = [\n {\n fieldTypeId: 1,\n questionTypeName: 'Hidden',\n icon: 'formHiddenField',\n handlers: { handleGenericProperty },\n defaultFieldProperties: {},\n },\n {\n fieldTypeId: 2,\n questionTypeName: 'Single Line Text',\n icon: 'formTextField',\n handlers: { handleGenericProperty, handleFieldPropertyMinMaxCharacter },\n defaultFieldProperties: { maxCharacter: 64, minCharacter: 0 },\n },\n {\n fieldTypeId: 3,\n questionTypeName: 'Multi Line Text',\n icon: 'formTextArea',\n handlers: { handleGenericProperty, handleFieldPropertyMinMaxCharacter },\n defaultFieldProperties: { maxCharacter: 256, minCharacter: 10 },\n },\n {\n fieldTypeId: 4,\n questionTypeName: 'Checkbox',\n icon: 'formCheckbox',\n isContainsOptionItems: true,\n handlers: {\n handleGenericProperty,\n handleFieldPropertyAddListItem,\n handleFieldPropertyRemoveListItem,\n handleFieldPropertyListItemChange,\n handleFieldPropertyToggleManualOrLookupOptions,\n handleFieldPropertyLookupChange,\n },\n defaultFieldProperties: {\n items: [\n {\n display: '',\n value: '',\n },\n ],\n },\n },\n {\n fieldTypeId: 5,\n questionTypeName: 'Radio Button',\n icon: 'formRadioButton',\n isContainsOptionItems: true,\n handlers: {\n handleGenericProperty,\n handleFieldPropertyAddListItem,\n handleFieldPropertyRemoveListItem,\n handleFieldPropertyListItemChange,\n handleFieldPropertyToggleManualOrLookupOptions,\n handleFieldPropertyLookupChange,\n },\n defaultFieldProperties: {\n items: [\n {\n display: '',\n value: '',\n },\n ],\n },\n },\n {\n fieldTypeId: 6,\n questionTypeName: 'Dropdown Single Select',\n icon: 'formSingleSelectField',\n isContainsOptionItems: true,\n handlers: {\n handleGenericProperty,\n handleFieldPropertyAddListItem,\n handleFieldPropertyRemoveListItem,\n handleFieldPropertyListItemChange,\n handleFieldPropertyToggleManualOrLookupOptions,\n handleFieldPropertyLookupChange,\n },\n defaultFieldProperties: {\n items: [\n {\n display: '',\n value: '',\n },\n ],\n },\n },\n {\n fieldTypeId: 7,\n questionTypeName: 'Dropdown Multiple Select',\n icon: 'formMultiSelectField',\n isContainsOptionItems: true,\n handlers: {\n handleGenericProperty,\n handleFieldPropertyAddListItem,\n handleFieldPropertyRemoveListItem,\n handleFieldPropertyListItemChange,\n handleFieldPropertyToggleManualOrLookupOptions,\n handleFieldPropertyLookupChange,\n },\n defaultFieldProperties: {\n items: [\n {\n display: '',\n value: '',\n },\n ],\n },\n },\n {\n fieldTypeId: 8,\n questionTypeName: 'List',\n icon: 'list',\n isContainsOptionItems: true,\n handlers: {\n handleGenericProperty,\n handleFieldPropertyAddListItem,\n handleFieldPropertyRemoveListItem,\n handleFieldPropertyListItemChange,\n handleFieldPropertyToggleManualOrLookupOptions,\n handleFieldPropertyLookupChange,\n },\n defaultFieldProperties: {\n items: [\n {\n display: '',\n value: '',\n },\n ],\n },\n },\n {\n fieldTypeId: 9,\n questionTypeName: 'Date Selector',\n icon: 'formDateField',\n handlers: {\n handleGenericProperty,\n handleFieldPropertyDateTime,\n handleFieldPropertyBoolean,\n handleFieldPropertyBooleanToggle,\n },\n defaultFieldProperties: { allowFutureDate: false, maxDate: '2099-12-31', minDate: '1980-01-01' },\n },\n {\n fieldTypeId: 10,\n questionTypeName: 'Time Selector',\n icon: 'formTimeField',\n handlers: { handleGenericProperty, handleFieldPropertyDateTime },\n defaultFieldProperties: { maxTime: '17:00:00', minTime: '09:00:00' },\n },\n {\n fieldTypeId: 11,\n questionTypeName: 'DateTime Selector',\n icon: 'formDateTimeField',\n handlers: {\n handleGenericProperty,\n handleFieldPropertyDateTime,\n handleFieldPropertyBoolean,\n handleFieldPropertyBooleanToggle,\n },\n defaultFieldProperties: { allowFutureDate: false, maxDateTime: '2099-12-31 23:59:59', minDateTime: '1980-01-01 00:00:00' },\n },\n {\n fieldTypeId: 12,\n questionTypeName: 'File Upload',\n icon: 'formFileUpload',\n handlers: { handleGenericProperty, handleFieldPropertyBoolean, handleFieldPropertyBooleanToggle },\n defaultFieldProperties: { hideDragAndDrop: false, hideButton: false },\n },\n {\n fieldTypeId: 13,\n questionTypeName: 'Yes/No',\n icon: 'checkMark',\n handlers: { handleGenericProperty, handleFieldPropertyBoolean, handleFieldPropertyBooleanToggle },\n defaultFieldProperties: {},\n },\n {\n fieldTypeId: 14,\n questionTypeName: 'Signature',\n icon: 'document',\n handlers: { handleGenericProperty, handleFieldPropertyBoolean, handleFieldPropertyBooleanToggle },\n defaultFieldProperties: {},\n },\n {\n fieldTypeId: 15,\n questionTypeName: 'Tally Display',\n icon: 'formNumberField',\n handlers: { handleGenericProperty, handleFieldPropertyBoolean, handleFieldPropertyBooleanToggle },\n defaultFieldProperties: {},\n },\n {\n fieldTypeId: 16,\n questionTypeName: 'Numeric',\n icon: 'box',\n handlers: { handleGenericProperty, handleFieldPropertyBoolean, handleFieldPropertyBooleanToggle },\n defaultFieldProperties: {},\n },\n];\n\nexport default questionsTemplate;\n","/* Add styles for question-specific-configs-renderer component here */ ","import { Component, h, Prop } from '@stencil/core';\nimport questionsTemplate from '../udp-forms-builder-question-template'; \nimport { UdpFormsFieldTypeEnum } from '../../enums';\n\n@Component({\n tag: 'question-specific-configs-renderer',\n styleUrl: 'question-specific-configs-renderer.css', // Explicitly added ./\n shadow: true,\n})\nexport class QuestionSpecificConfigsRenderer {\n @Prop() formSectionsDraft: any[];\n @Prop() sIndex: number;\n @Prop() qIndex: number;\n @Prop() isViewOnly: boolean;\n @Prop() lookupOptions: any[];\n @Prop() onFormSectionsDraftChange: (updatedSections: any[]) => void;\n\n private getHandler = (fieldTypeId: number, handlerName: string) => {\n const template = questionsTemplate.find(q => q.fieldTypeId === fieldTypeId);\n return template?.handlers?.[handlerName];\n };\n\n private get question() {\n return this.formSectionsDraft?.[this.sIndex].formQuestions?.[this.qIndex];\n }\n\n render() {\n switch (this.question.fieldTypeId) {\n case UdpFormsFieldTypeEnum.SingleLineText: \n case UdpFormsFieldTypeEnum.MultiLineText: \n return (\n <text-input-renderer\n question={this.question}\n isViewOnly={this.isViewOnly}\n formSectionsDraft={this.formSectionsDraft}\n sIndex={this.sIndex}\n qIndex={this.qIndex}\n onFormSectionsDraftChange={this.onFormSectionsDraftChange}\n getHandler={this.getHandler}\n ></text-input-renderer>\n );\n\n case UdpFormsFieldTypeEnum.Checkbox:\n case UdpFormsFieldTypeEnum.RadioButton: \n case UdpFormsFieldTypeEnum.DropdownSingleSelect: \n case UdpFormsFieldTypeEnum.DropdownMultipleSelect: \n case UdpFormsFieldTypeEnum.ListMultiSelect: \n return (\n <list-options-renderer\n question={this.question}\n isViewOnly={this.isViewOnly}\n formSectionsDraft={this.formSectionsDraft}\n sIndex={this.sIndex}\n qIndex={this.qIndex}\n onFormSectionsDraftChange={this.onFormSectionsDraftChange}\n getHandler={this.getHandler}\n lookupOptions={this.lookupOptions}\n ></list-options-renderer>\n );\n\n case UdpFormsFieldTypeEnum.DateSelector: \n case UdpFormsFieldTypeEnum.TimeSelector: \n case UdpFormsFieldTypeEnum.DateTimeSelector: \n return (\n <date-time-renderer\n question={this.question}\n isViewOnly={this.isViewOnly}\n formSectionsDraft={this.formSectionsDraft}\n sIndex={this.sIndex}\n qIndex={this.qIndex}\n onFormSectionsDraftChange={this.onFormSectionsDraftChange}\n getHandler={this.getHandler}\n ></date-time-renderer>\n );\n\n case UdpFormsFieldTypeEnum.FileUpload:\n return (\n <file-upload-renderer\n question={this.question}\n isViewOnly={this.isViewOnly}\n formSectionsDraft={this.formSectionsDraft}\n sIndex={this.sIndex}\n qIndex={this.qIndex}\n onFormSectionsDraftChange={this.onFormSectionsDraftChange}\n getHandler={this.getHandler}\n ></file-upload-renderer>\n );\n\n default:\n return null;\n }\n }\n}\n"],"version":3}