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/stencil-library/p-5e96c57a.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["inputsExampleCss","InputsExample","constructor","hostRef","this","controlledTextValue","controlledNumericValue","controlledTextAreaValue","controlledCheckboxValue","controlledToggleValue","controlledDateValue","controlledTimeValue","controlledDateTimeValue","controlledSelectorValue","controlledFileValue","formValues","selectorOptions","value","label","handleControlledNumericChange","event","detail","handleControlledCheckboxChange","handleControlledToggleChange","handleControlledDateChange","console","log","handleControlledTimeChange","handleControlledDateTimeChange","handleControlledSelectorChange","handleControlledFileChange","files","handleFormSubmit","values","alert","handleFormChange","Object","assign","validateForm","errors","formTextField","formNumericField","parseFloat","formTextArea","formCheckbox","formDate","formSelector","render","h","key","class","placeholder","min","max","step","onChange","minRows","maxRows","checked","toString","options","allowMultiple","length","initialValue","e","handleSubmit","validate","initialValues","formToggle","formTime","name","required","type","JSON","stringify","multiSelect","large","allowedFileTypes","browseFileMessage","disabled"],"sources":["src/components/test-component/inputs-example/inputs-example.css?tag=inputs-example&encapsulation=shadow","src/components/test-component/inputs-example/inputs-example.tsx"],"sourcesContent":[":host {\n display: block;\n font-family: var(--font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);\n line-height: 1.6;\n color: var(--text-color, #333);\n max-width: 1200px;\n margin: 0 auto;\n padding: 2rem;\n}\n\n/* Main heading */\nh1 {\n font-size: 2.5rem;\n font-weight: 700;\n margin-bottom: 2rem;\n color: var(--primary-color, #007acc);\n text-align: center;\n border-bottom: 3px solid var(--primary-color, #007acc);\n padding-bottom: 1rem;\n}\n\n/* Section styling */\n.example-section {\n margin-bottom: 4rem;\n padding: 2rem;\n background: var(--section-background, #f8f9fa);\n border-radius: 12px;\n border: 1px solid var(--border-color, #e9ecef);\n}\n\n.example-section h2 {\n font-size: 1.8rem;\n font-weight: 600;\n margin-bottom: 1rem;\n color: var(--secondary-color, #495057);\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n\n.example-section h2::before {\n content: '';\n width: 4px;\n height: 1.5rem;\n background: var(--primary-color, #007acc);\n border-radius: 2px;\n}\n\n.example-section p {\n margin-bottom: 1.5rem;\n color: var(--text-muted, #6c757d);\n font-size: 1.1rem;\n}\n\n/* Grid layouts */\n.input-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n margin-bottom: 2rem;\n}\n\n.form-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n margin-bottom: 2rem;\n}\n\n/* Individual input examples */\n.input-example {\n background: var(--input-example-background, #ffffff);\n padding: 1.5rem;\n border-radius: 8px;\n border: 1px solid var(--border-color, #e9ecef);\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.input-example:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);\n}\n\n.input-example h3 {\n font-size: 1.2rem;\n font-weight: 600;\n margin-bottom: 1rem;\n color: var(--heading-color, #343a40);\n border-bottom: 2px solid var(--accent-color, #dee2e6);\n padding-bottom: 0.5rem;\n}\n\n/* Value display */\n.value-display {\n margin-top: 1rem;\n padding: 0.75rem;\n background: var(--value-display-background, #e7f3ff);\n border-radius: 6px;\n font-family: 'Courier New', monospace;\n font-size: 0.9rem;\n color: var(--value-display-color, #0066cc);\n border-left: 4px solid var(--primary-color, #007acc);\n}\n\n/* Form actions */\n.form-actions {\n display: flex;\n justify-content: center;\n margin-top: 2rem;\n padding-top: 2rem;\n border-top: 2px solid var(--border-color, #e9ecef);\n}\n\n.submit-button {\n background: var(--primary-color, #007acc);\n color: white;\n border: none;\n padding: 1rem 2rem;\n font-size: 1.1rem;\n font-weight: 600;\n border-radius: 6px;\n cursor: pointer;\n transition: background-color 0.2s ease, transform 0.2s ease;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n}\n\n.submit-button:hover {\n background: var(--primary-color-hover, #0056b3);\n transform: translateY(-1px);\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);\n}\n\n.submit-button:active {\n transform: translateY(0);\n}\n\n/* Form values display */\n.form-values {\n margin-top: 2rem;\n padding: 1.5rem;\n background: var(--code-background, #f8f9fa);\n border-radius: 8px;\n border: 1px solid var(--border-color, #e9ecef);\n}\n\n.form-values h3 {\n margin-bottom: 1rem;\n color: var(--heading-color, #343a40);\n font-size: 1.2rem;\n}\n\n.form-values pre {\n background: var(--pre-background, #ffffff);\n padding: 1rem;\n border-radius: 6px;\n border: 1px solid var(--border-color, #e9ecef);\n font-size: 0.9rem;\n overflow-x: auto;\n color: var(--code-color, #495057);\n white-space: pre-wrap;\n word-wrap: break-word;\n}\n\n/* Disabled examples */\n.disabled-examples {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n/* Responsive design */\n@media (max-width: 768px) {\n :host {\n padding: 1rem;\n }\n \n h1 {\n font-size: 2rem;\n }\n \n .input-grid,\n .form-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .input-example {\n padding: 1rem;\n }\n \n .example-section {\n padding: 1rem;\n }\n}\n\n/* Dark mode support */\n@media (prefers-color-scheme: dark) {\n :host {\n --text-color: #f8f9fa;\n --section-background: #2d3748;\n --input-example-background: #4a5568;\n --border-color: #4a5568;\n --heading-color: #e2e8f0;\n --text-muted: #a0aec0;\n --value-display-background: #2c5282;\n --value-display-color: #90cdf4;\n --code-background: #2d3748;\n --pre-background: #4a5568;\n --code-color: #e2e8f0;\n }\n}\n\n/* Animation for smooth transitions */\n* {\n transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;\n}\n\n/* Focus styles for accessibility */\n.submit-button:focus {\n outline: 2px solid var(--primary-color, #007acc);\n outline-offset: 2px;\n}\n\n/* Print styles */\n@media print {\n :host {\n padding: 0;\n }\n \n .input-example {\n break-inside: avoid;\n box-shadow: none;\n border: 1px solid #ccc;\n }\n \n .submit-button {\n display: none;\n }\n}\n","import { Component, State, h } from '@stencil/core';\n\n/**\n * A comprehensive example component showcasing all input components in different patterns:\n * 1. Controlled components - where the parent manages the state\n * 2. Uncontrolled components - where the component manages its own state\n * 3. Form-wrapped components - using stencil-form and stencil-field for validation\n *\n * This component demonstrates proper usage patterns and integration approaches\n * for all available input components including UDP selector.\n */\n@Component({\n tag: 'inputs-example',\n styleUrl: 'inputs-example.css',\n shadow: true,\n})\nexport class InputsExample {\n\n\n // State for controlled components\n @State() controlledTextValue: string = '';\n @State() controlledNumericValue: string = '';\n @State() controlledTextAreaValue: string = '';\n @State() controlledCheckboxValue: boolean = false;\n @State() controlledToggleValue: boolean = false;\n @State() controlledDateValue: string = '';\n @State() controlledTimeValue: string = '';\n @State() controlledDateTimeValue: string = '';\n @State() controlledSelectorValue: string = '';\n @State() controlledFileValue: File[] = [];\n\n // State for form values\n @State() formValues: any = {};\n\n // Sample data for selector components\n private selectorOptions = [\n { value: 'option1', label: 'Option 1' },\n { value: 'option2', label: 'Option 2' },\n { value: 'option3', label: 'Option 3' },\n { value: 'option4', label: 'Option 4' },\n ];\n\n // Event handlers for controlled components\n // private handleControlledTextChange = (event: CustomEvent) => {\n // this.controlledTextValue = event.detail;\n // };\n private handleControlledNumericChange = (event: CustomEvent) => {\n this.controlledNumericValue = event.detail;\n };\n\n private handleControlledCheckboxChange = (event: CustomEvent) => {\n this.controlledCheckboxValue = event.detail === 'true';\n };\n private handleControlledToggleChange = (event: CustomEvent) => {\n this.controlledToggleValue = event.detail === 'true';\n };\n private handleControlledDateChange = (event: CustomEvent) => {\n console.log(event)\n this.controlledDateValue = event.detail;\n };\n private handleControlledTimeChange = (event: CustomEvent) => {\n this.controlledTimeValue = event.detail;\n };\n private handleControlledDateTimeChange = (event: CustomEvent) => {\n this.controlledDateTimeValue = event.detail;\n };\n private handleControlledSelectorChange = (event: CustomEvent) => {\n this.controlledSelectorValue = event.detail;\n };\n private handleControlledFileChange = (event: CustomEvent) => {\n this.controlledFileValue = event.detail.files || [];\n };\n\n // Form event handlers\n private handleFormSubmit = (values: any) => {\n console.log('Form submitted with values:', values);\n alert('Form submitted! Check console for values.');\n };\n\n private handleFormChange = (values: any) => {\n this.formValues = { ...values };\n };\n\n private validateForm = (values: any) => {\n const errors: any = {};\n\n if (!values.formTextField) {\n errors.formTextField = 'This field is required';\n }\n\n if (!values.formNumericField || parseFloat(values.formNumericField) < 0) {\n errors.formNumericField = 'Must be a positive number';\n }\n\n if (!values.formTextArea) {\n errors.formTextArea = 'Description is required';\n }\n\n if (!values.formCheckbox) {\n errors.formCheckbox = 'You must accept the terms';\n }\n\n if (!values.formDate) {\n errors.formDate = 'Please select a date';\n }\n\n if (!values.formSelector) {\n errors.formSelector = 'Please make a selection';\n }\n\n return errors;\n };\n\n render() {\n return (\n <div class=\"inputs-example\">\n <h1>Input Components Examples</h1>\n\n {/* Controlled Components Section */}\n <section class=\"example-section\">\n <h2>Controlled Components</h2>\n <p>Parent component manages state and passes values to child components.</p>\n\n <div class=\"input-grid\">\n <div class=\"input-example\">\n <h3>Text Field</h3>\n <text-field\n label=\"Controlled Text Input\"\n placeholder=\"Enter text...\"\n value={this.controlledTextValue}\n />\n <p class=\"value-display\">Value: {this.controlledTextValue}</p>\n </div>\n\n <div class=\"input-example\">\n <h3>Numeric Field</h3>\n <numeric-field\n label=\"Controlled Numeric Input\"\n placeholder=\"Enter number...\"\n value={this.controlledNumericValue}\n min=\"0\"\n max=\"100\"\n step=\"1\"\n onChange={this.handleControlledNumericChange}\n />\n <p class=\"value-display\">Value: {this.controlledNumericValue}</p>\n </div>\n\n <div class=\"input-example\">\n <h3>Text Area</h3>\n <text-area\n label=\"Controlled Text Area\"\n placeholder=\"Enter description...\"\n value={this.controlledTextAreaValue}\n minRows={3}\n maxRows={6}\n />\n <p class=\"value-display\">Value: {this.controlledTextAreaValue}</p>\n </div>\n\n <div class=\"input-example\">\n <h3>Checkbox</h3>\n <check-box\n label=\"Controlled Checkbox\"\n checked={this.controlledCheckboxValue}\n onChange={this.handleControlledCheckboxChange}\n />\n <p class=\"value-display\">Checked: {this.controlledCheckboxValue.toString()}</p>\n </div>\n\n <div class=\"input-example\">\n <h3>Toggle</h3>\n <stencil-toggle\n label=\"Controlled Toggle\"\n checked={this.controlledToggleValue}\n onChange={this.handleControlledToggleChange}\n />\n <p class=\"value-display\">Toggled: {this.controlledToggleValue.toString()}</p>\n </div>\n\n <div class=\"input-example\">\n <h3>Date Selector</h3>\n <udp-date-selector\n label=\"Controlled Date\"\n value={this.controlledDateValue}\n onChange={this.handleControlledDateChange}\n />\n <p class=\"value-display\">Date: {this.controlledDateValue}</p>\n </div>\n\n <div class=\"input-example\">\n <h3>DateTime Selector</h3>\n <udp-datetime-selector\n label=\"Controlled DateTime\"\n value={this.controlledDateTimeValue}\n onChange={this.handleControlledDateTimeChange}\n />\n <p class=\"value-display\">DateTime: {this.controlledDateTimeValue}</p>\n </div>\n\n <div class=\"input-example\">\n <h3>Time Selector</h3>\n <udp-time-selector\n label=\"Controlled Time\"\n value={this.controlledTimeValue}\n onChange={this.handleControlledTimeChange}\n />\n <p class=\"value-display\">Time: {this.controlledTimeValue}</p>\n </div>\n\n <div class=\"input-example\">\n <h3>UDP Selector</h3>\n <udp-selector\n label=\"Controlled Selector\"\n options={this.selectorOptions}\n value={this.controlledSelectorValue}\n onChange={this.handleControlledSelectorChange}\n />\n <p class=\"value-display\">Selected: {this.controlledSelectorValue}</p>\n </div>\n\n <div class=\"input-example\">\n <h3>File Upload</h3>\n <file-upload\n label=\"Controlled File Upload\"\n allowMultiple={true}\n onChange={this.handleControlledFileChange}\n />\n <p class=\"value-display\">Files: {this.controlledFileValue.length} selected</p>\n </div>\n </div>\n </section>\n\n {/* Uncontrolled Components Section */}\n <section class=\"example-section\">\n <h2>Uncontrolled Components</h2>\n <p>Components manage their own state with initial values.</p>\n\n <div class=\"input-grid\">\n <div class=\"input-example\">\n <h3>Text Field</h3>\n <text-field\n label=\"Uncontrolled Text Input\"\n placeholder=\"Enter text...\"\n initialValue=\"Initial text value\"\n onChange={(e: CustomEvent) => console.log('Text changed:', e.detail)}\n />\n </div>\n\n <div class=\"input-example\">\n <h3>Numeric Field</h3>\n <numeric-field\n label=\"Uncontrolled Numeric Input\"\n placeholder=\"Enter number...\"\n initialValue=\"42\"\n min=\"0\"\n max=\"100\"\n onChange={(e: CustomEvent) => console.log('Number changed:', e.detail)}\n />\n </div>\n\n <div class=\"input-example\">\n <h3>Text Area</h3>\n <text-area\n label=\"Uncontrolled Text Area\"\n placeholder=\"Enter description...\"\n initialValue=\"Initial description text\"\n minRows={3}\n onChange={(e: CustomEvent) => console.log('Text area changed:', e.detail)}\n />\n </div>\n\n <div class=\"input-example\">\n <h3>Checkbox</h3>\n <check-box\n label=\"Uncontrolled Checkbox\"\n initialValue=\"true\"\n onChange={(e: CustomEvent) => console.log('Checkbox changed:', e.detail)}\n />\n </div>\n\n <div class=\"input-example\">\n <h3>Toggle</h3>\n <stencil-toggle\n label=\"Uncontrolled Toggle\"\n initialValue=\"false\"\n onChange={(e: CustomEvent) => console.log('Toggle changed:', e.detail)}\n />\n </div>\n\n\n <div class=\"input-example\">\n <h3>Date Selector</h3>\n <udp-date-selector\n label=\"Uncontrolled Date\"\n initialValue=\"2024-01-15\"\n onChange={(e: CustomEvent) => console.log('Date changed:', e.detail)}\n />\n </div>\n\n <div class=\"input-example\">\n <h3>Time Selector</h3>\n <udp-time-selector\n label=\"Uncontrolled Time\"\n initialValue=\"14:30\"\n onChange={(e: CustomEvent) => console.log('Time changed:', e.detail)}\n />\n </div>\n\n <div class=\"input-example\">\n <h3>DateTime Selector</h3>\n <udp-datetime-selector\n label=\"Uncontrolled DateTime\"\n initialValue=\"2024-01-15T14:30\"\n onChange={(e: CustomEvent) => console.log('DateTime changed:', e.detail)}\n />\n </div>\n\n <div class=\"input-example\">\n <h3>UDP Selector</h3>\n <udp-selector\n label=\"Uncontrolled Selector\"\n options={this.selectorOptions}\n initialValue=\"option2\"\n onChange={(e: CustomEvent) => console.log('Selector changed:', e.detail)}\n />\n </div>\n </div>\n </section>\n\n {/* Form-wrapped Components Section */}\n <section class=\"example-section\">\n <h2>Form-wrapped Components</h2>\n <p>Components integrated with stencil-form and stencil-field for validation and state management.</p>\n\n <stencil-form\n handleSubmit={this.handleFormSubmit}\n handleFormChange={this.handleFormChange}\n validate={this.validateForm}\n initialValues={{\n formTextField: 'Initial form text',\n formNumericField: '25',\n formTextArea: 'Initial form description',\n formCheckbox: 'false',\n formToggle: 'true',\n formDate: '2024-02-01',\n formTime: '09:00',\n formSelector: 'option1'\n }}\n >\n <div class=\"form-grid\">\n <stencil-field name=\"formTextField\">\n <text-field\n label=\"Form Text Field\"\n placeholder=\"Enter text...\"\n required={true}\n />\n </stencil-field>\n\n <stencil-field name=\"formNumericField\">\n <numeric-field\n label=\"Form Numeric Field\"\n placeholder=\"Enter number...\"\n min=\"0\"\n max=\"100\"\n required={true}\n />\n </stencil-field>\n\n <stencil-field name=\"formTextArea\">\n <text-area\n label=\"Form Text Area\"\n placeholder=\"Enter description...\"\n required={true}\n minRows={3}\n />\n </stencil-field>\n\n <stencil-field name=\"formCheckbox\">\n <check-box\n label=\"Accept Terms and Conditions\"\n required={true}\n />\n </stencil-field>\n\n <stencil-field name=\"formToggle\">\n <stencil-toggle\n label=\"Enable Notifications\"\n />\n </stencil-field>\n\n <stencil-field name=\"formDate\">\n <udp-date-selector\n label=\"Form Date\"\n required={true}\n />\n </stencil-field>\n\n <stencil-field name=\"formTime\">\n <udp-time-selector\n label=\"Form Time\"\n />\n </stencil-field>\n\n <stencil-field name=\"formSelector\">\n <udp-selector\n label=\"Form Selector\"\n options={this.selectorOptions}\n required={true}\n />\n </stencil-field>\n\n <stencil-field name=\"formFiles\">\n <file-upload\n label=\"Form File Upload\"\n allowMultiple={true}\n />\n </stencil-field>\n </div>\n\n <div class=\"form-actions\">\n <button type=\"submit\" class=\"submit-button\">Submit Form</button>\n </div>\n </stencil-form>\n\n <div class=\"form-values\">\n <h3>Current Form Values:</h3>\n <pre>{JSON.stringify(this.formValues, null, 2)}</pre>\n </div>\n </section>\n\n {/* Additional Examples Section */}\n <section class=\"example-section\">\n <h2>Additional Examples</h2>\n <p>More complex configurations and specialized use cases.</p>\n\n <div class=\"input-grid\">\n <div class=\"input-example\">\n <h3>Multi-Select UDP Selector</h3>\n <udp-selector\n label=\"Multi-Select Selector\"\n options={this.selectorOptions}\n multiSelect={true}\n initialValue=\"option1,option3\"\n onChange={(e: CustomEvent) => console.log('Multi-select changed:', e.detail)}\n />\n </div>\n\n <div class=\"input-example\">\n <h3>Large UDP Selector</h3>\n <udp-selector\n label=\"Large Selector\"\n options={this.selectorOptions}\n large={true}\n initialValue=\"option2\"\n onChange={(e: CustomEvent) => console.log('Large selector changed:', e.detail)}\n />\n </div>\n\n <div class=\"input-example\">\n <h3>File Upload with Type Restrictions</h3>\n <file-upload\n label=\"Image Upload Only\"\n allowedFileTypes={['jpg', 'jpeg', 'png', 'gif']}\n allowMultiple={false}\n browseFileMessage=\"Select an Image\"\n onChange={(e: CustomEvent) => console.log('Image upload changed:', e.detail)}\n />\n </div>\n\n <div class=\"input-example\">\n <h3>Disabled Components</h3>\n <div class=\"disabled-examples\">\n <text-field\n label=\"Disabled Text Field\"\n value=\"Cannot edit this\"\n disabled={true}\n />\n <check-box\n label=\"Disabled Checkbox\"\n checked={true}\n disabled={true}\n />\n <udp-selector\n label=\"Disabled Selector\"\n options={this.selectorOptions}\n value=\"option1\"\n disabled={true}\n />\n </div>\n </div>\n </div>\n </section>\n </div>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/stencil-library/p-6a1febc9.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as e,h as t,H as a}from"./p-CaIWDYyq.js";const s=":host{display:block;width:100%}";const n=class{constructor(t){e(this,t);this.span={}}getSpanStyles(){return Object.entries(this.span).map((([e,t])=>`\n @container (min-width: ${e}px) {\n :host {\n --udp-grid-item-span: ${t};\n }\n }`)).join("\n")}render(){return t(a,{key:"89b0f83301e6ab09a4d40d0fc68ed1f6e3db1773"},t("style",{key:"7f96193bccc51b6c54e35370a9ad58b432ae0b00"},this.getSpanStyles()),t("slot",{key:"fedc89514e1fda59e0b6af7a6af4494b13843ad3"}))}};n.style=s;export{n as udp_container_query_grid_item};
2	- //# sourceMappingURL=p-6a1febc9.entry.js.map

package/dist/stencil-library/p-6ed5258c.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as t,c as i,h as e,H as p}from"./p-CaIWDYyq.js";const n=':host(.udp-input){display:block;box-sizing:border-box;position:relative}:host(.udp-input--full-width){width:100%}:host(.udp-input--error){--input-border-color:var(--input-underline-color-error)}:host(.udp-input--disabled){pointer-events:none;opacity:0.5;cursor:not-allowed}:host(.udp-input--required){position:relative}:host(.udp-input--readonly){--input-background:var(--gray-02)}:host(.udp-input--hidden){display:none}:host(.udp-input--checked){--input-accent-color:var(--primary-color)}:host(.udp-input--multi-select){--list-max-height:200px}:host(.udp-input) .bx--text-input:focus{outline:none;}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-05)}:host(.udp-input) .bx--label{display:block;margin-bottom:var(--spacing-03);color:var(--text-main);font-size:var(--caption-text-font-size);font-weight:var(--caption-text-font-weight);line-height:var(--caption-text-line-height)}@media (max-width: var(--breakpoint-xs-max)){:host(.udp-input){margin-bottom:var(--spacing-04)}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-04)}}@media (min-width: var(--breakpoint-sm-min)){:host(.udp-input){min-height:2.5rem;}}:host(.udp-input--size-small) .bx--text-input,:host(.udp-input--size-small) textarea,:host(.udp-input--size-small) input[type="text"],:host(.udp-input--size-small) input[type="number"],:host(.udp-input--size-small) input[type="email"],:host(.udp-input--size-small) input[type="password"],:host(.udp-input--size-small) input[type="tel"],:host(.udp-input--size-small) input[type="url"],:host(.udp-input--size-small) input[type="search"]{padding:var(--spacing-02);padding-bottom:6px;font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--text-input,:host(.udp-input--size-normal) textarea,:host(.udp-input--size-normal) input[type="text"],:host(.udp-input--size-normal) input[type="number"],:host(.udp-input--size-normal) input[type="email"],:host(.udp-input--size-normal) input[type="password"],:host(.udp-input--size-normal) input[type="tel"],:host(.udp-input--size-normal) input[type="url"],:host(.udp-input--size-normal) input[type="search"]{padding:var(--spacing-03);padding-bottom:9px;font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--text-input,:host(.udp-input--size-large) textarea,:host(.udp-input--size-large) input[type="text"],:host(.udp-input--size-large) input[type="number"],:host(.udp-input--size-large) input[type="email"],:host(.udp-input--size-large) input[type="password"],:host(.udp-input--size-large) input[type="tel"],:host(.udp-input--size-large) input[type="url"],:host(.udp-input--size-large) input[type="search"]{padding:var(--spacing-04);padding-bottom:12px;font-size:var(--body-font-size)}:host(.udp-input--margin-none){margin:0}:host(.udp-input--margin-dense){margin:var(--spacing-02) 0}:host(.udp-input--margin-normal){margin:var(--spacing-03) 0}:host(.udp-input--margin-comfortable){margin:var(--spacing-04) 0}:host(.udp-input--size-small) .bx--label{margin-bottom:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--label{margin-bottom:var(--spacing-03);font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--label{margin-bottom:var(--spacing-04);font-size:var(--body-font-size)}.bx--text-input,textarea,input[type="text"],input[type="number"],input[type="email"],input[type="password"],input[type="tel"],input[type="url"],input[type="search"]{display:inline-block;padding:var(--spacing-03);padding-bottom:9px;box-sizing:border-box;border:none;font-size:var(--body-font-size);background:var(--input-background);border-bottom:var(--underline-standard) solid var(--input-underline-color, var(--gray-08));width:100%;font-family:var(--font-family);transition:border-bottom-color 0.15s ease-in-out}.bx--text-input:focus,textarea:focus,input[type="text"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="search"]:focus{border-bottom-color:var(--input-underline-color-focus, var(--primary-color));border-bottom-width:2px}.bx--text-input--error,.bx--text-input:user-invalid,:host(.udp-input--error) .bx--text-input,:host(.udp-input--error) textarea,:host(.udp-input--error) input[type="text"],:host(.udp-input--error) input[type="number"],:host(.udp-input--error) input[type="email"],:host(.udp-input--error) input[type="password"],:host(.udp-input--error) input[type="tel"],:host(.udp-input--error) input[type="url"],:host(.udp-input--error) input[type="search"],input[type="text"]:user-invalid,input[type="number"]:user-invalid,input[type="email"]:user-invalid,input[type="password"]:user-invalid,input[type="tel"]:user-invalid,input[type="url"]:user-invalid,input[type="search"]:user-invalid{border-bottom-color:var(--input-underline-color-error, var(--error-color-main)) !important}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input[type="text"],:host(.udp-input--disabled) input[type="number"],:host(.udp-input--disabled) input[type="email"],:host(.udp-input--disabled) input[type="password"],:host(.udp-input--disabled) input[type="tel"],:host(.udp-input--disabled) input[type="url"],:host(.udp-input--disabled) input[type="search"]{border-bottom-color:var(--input-underline-color-disabled, var(--gray-08))}textarea.bx--text-input{resize:vertical;min-height:var(--spacing-08)}.bx--text-input::placeholder,textarea::placeholder,input[type="text"]::placeholder,input[type="number"]::placeholder,input[type="email"]::placeholder,input[type="password"]::placeholder,input[type="tel"]::placeholder,input[type="url"]::placeholder,input[type="search"]::placeholder{color:var(--placeholder-color, #999);opacity:1}:host(.udp-input),:host{display:block;width:100%;box-sizing:border-box}.bx--form-item{margin-bottom:var(--spacing-05)}.bx--label{display:block;margin-bottom:var(--spacing-03)}.error-message,.bx--form-requirement,:host(.udp-input--error) .error-message,:host(.udp-input--error) .bx--form-requirement{color:var(--error-color-main, #d32f2f) !important;margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem);--unity-typography-inherit-color:var(--error-color-main, #d32f2f)}.helper-text{color:var(--text-02, #525252);margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input,:host(.udp-input--disabled){cursor:not-allowed;opacity:0.6}:host(.udp-input--readonly) .bx--text-input,:host(.udp-input--readonly) textarea,:host(.udp-input--readonly) input{background-color:var(--field-01, #f4f4f4);cursor:default}';const r=class{constructor(e){t(this,e);this.change=i(this,"change");this.error="";this.size="normal";this.margin="normal";this.internalValue="";this.onInput=t=>{const i=t.target.value;this.internalValue=i;if(this.value!==undefined){this.value=i}};this.onChange=t=>{const i=t.target.value;this.change.emit(i)};this.onFocus=()=>{};this.onBlur=()=>{}}updateError(){this.errorMessage=this.error}initialValueChanged(t){if(this.internalValue===""\|\|this.internalValue===undefined\|\|this.value===undefined){if(t!==undefined){this.internalValue=t}}}valueChanged(){if(this.value!==undefined&&this.value!==this.internalValue){this.internalValue=this.value}}componentWillLoad(){this.internalValue=this.value!==undefined?this.value:this.initialValue\|\|"";if(this.error){this.errorMessage=this.error}}render(){const t=!!this.errorMessage;const i={"bx--text-input":true,"bx--text-input--error":t,"text-field--disabled":this.disabled};return e(p,{key:"7d776c36ad5501bb3f374e944ffe45e9eeec6c23",class:{"udp-input":true,"udp-input--error":t,"udp-input--disabled":this.disabled,"udp-input--hidden":this.hidden,"udp-input--required":this.required,"udp-input--readonly":this.readOnly,[`udp-input--size-${this.size}`]:true,[`udp-input--margin-${this.margin}`]:true},"aria-invalid":t?"true":"false","aria-required":this.required?"true":"false"},e("div",{key:"be538a9c56bd08eab7223fef6ee9da24403c718b",class:"bx--form-item"},e("unity-typography",{key:"46d18c808bbe451b4190acc8ee311e3bfbffd730",variant:"caption-text"},e("label",{key:"263cf55793ddfa48b0673f56e21e0f1b0baaae32",htmlFor:this.id,class:"bx--label"},this.label,this.required?"":"")),this.hidden?e("input",{id:this.id,type:"hidden",value:this.internalValue,name:this.name}):e("input",{id:this.id,name:this.name,type:"number",class:Object.assign({},i),placeholder:this.placeholder,value:this.internalValue,required:this.required,disabled:this.disabled,readOnly:this.readOnly,onFocus:this.onFocus,onInput:this.onInput,onChange:this.onChange,onBlur:this.onBlur,inputMode:this.inputMode,min:this.min,max:this.max,step:this.step,udprecordid:"udpRecord-number-field-"+this.id}),t&&e("div",{key:"9a374f9fe28eded7695ddf789ef1228aff14e493",class:"error-message"},e("unity-typography",{key:"1cdcd1f2fb2cf057c6b3b39fedc7daa79534cfb4",variant:"caption-text",color:"error"},this.errorMessage))))}static get watchers(){return{error:["updateError"],initialValue:["initialValueChanged"],value:["valueChanged"]}}};r.style=n;const o=':host(.udp-input){display:block;box-sizing:border-box;position:relative}:host(.udp-input--full-width){width:100%}:host(.udp-input--error){--input-border-color:var(--input-underline-color-error)}:host(.udp-input--disabled){pointer-events:none;opacity:0.5;cursor:not-allowed}:host(.udp-input--required){position:relative}:host(.udp-input--readonly){--input-background:var(--gray-02)}:host(.udp-input--hidden){display:none}:host(.udp-input--checked){--input-accent-color:var(--primary-color)}:host(.udp-input--multi-select){--list-max-height:200px}:host(.udp-input) .bx--text-input:focus{outline:none;}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-05)}:host(.udp-input) .bx--label{display:block;margin-bottom:var(--spacing-03);color:var(--text-main);font-size:var(--caption-text-font-size);font-weight:var(--caption-text-font-weight);line-height:var(--caption-text-line-height)}@media (max-width: var(--breakpoint-xs-max)){:host(.udp-input){margin-bottom:var(--spacing-04)}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-04)}}@media (min-width: var(--breakpoint-sm-min)){:host(.udp-input){min-height:2.5rem;}}:host(.udp-input--size-small) .bx--text-input,:host(.udp-input--size-small) textarea,:host(.udp-input--size-small) input[type="text"],:host(.udp-input--size-small) input[type="number"],:host(.udp-input--size-small) input[type="email"],:host(.udp-input--size-small) input[type="password"],:host(.udp-input--size-small) input[type="tel"],:host(.udp-input--size-small) input[type="url"],:host(.udp-input--size-small) input[type="search"]{padding:var(--spacing-02);padding-bottom:6px;font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--text-input,:host(.udp-input--size-normal) textarea,:host(.udp-input--size-normal) input[type="text"],:host(.udp-input--size-normal) input[type="number"],:host(.udp-input--size-normal) input[type="email"],:host(.udp-input--size-normal) input[type="password"],:host(.udp-input--size-normal) input[type="tel"],:host(.udp-input--size-normal) input[type="url"],:host(.udp-input--size-normal) input[type="search"]{padding:var(--spacing-03);padding-bottom:9px;font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--text-input,:host(.udp-input--size-large) textarea,:host(.udp-input--size-large) input[type="text"],:host(.udp-input--size-large) input[type="number"],:host(.udp-input--size-large) input[type="email"],:host(.udp-input--size-large) input[type="password"],:host(.udp-input--size-large) input[type="tel"],:host(.udp-input--size-large) input[type="url"],:host(.udp-input--size-large) input[type="search"]{padding:var(--spacing-04);padding-bottom:12px;font-size:var(--body-font-size)}:host(.udp-input--margin-none){margin:0}:host(.udp-input--margin-dense){margin:var(--spacing-02) 0}:host(.udp-input--margin-normal){margin:var(--spacing-03) 0}:host(.udp-input--margin-comfortable){margin:var(--spacing-04) 0}:host(.udp-input--size-small) .bx--label{margin-bottom:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--label{margin-bottom:var(--spacing-03);font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--label{margin-bottom:var(--spacing-04);font-size:var(--body-font-size)}.bx--text-input,textarea,input[type="text"],input[type="number"],input[type="email"],input[type="password"],input[type="tel"],input[type="url"],input[type="search"]{display:inline-block;padding:var(--spacing-03);padding-bottom:9px;box-sizing:border-box;border:none;font-size:var(--body-font-size);background:var(--input-background);border-bottom:var(--underline-standard) solid var(--input-underline-color, var(--gray-08));width:100%;font-family:var(--font-family);transition:border-bottom-color 0.15s ease-in-out}.bx--text-input:focus,textarea:focus,input[type="text"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="search"]:focus{border-bottom-color:var(--input-underline-color-focus, var(--primary-color));border-bottom-width:2px}.bx--text-input--error,.bx--text-input:user-invalid,:host(.udp-input--error) .bx--text-input,:host(.udp-input--error) textarea,:host(.udp-input--error) input[type="text"],:host(.udp-input--error) input[type="number"],:host(.udp-input--error) input[type="email"],:host(.udp-input--error) input[type="password"],:host(.udp-input--error) input[type="tel"],:host(.udp-input--error) input[type="url"],:host(.udp-input--error) input[type="search"],input[type="text"]:user-invalid,input[type="number"]:user-invalid,input[type="email"]:user-invalid,input[type="password"]:user-invalid,input[type="tel"]:user-invalid,input[type="url"]:user-invalid,input[type="search"]:user-invalid{border-bottom-color:var(--input-underline-color-error, var(--error-color-main)) !important}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input[type="text"],:host(.udp-input--disabled) input[type="number"],:host(.udp-input--disabled) input[type="email"],:host(.udp-input--disabled) input[type="password"],:host(.udp-input--disabled) input[type="tel"],:host(.udp-input--disabled) input[type="url"],:host(.udp-input--disabled) input[type="search"]{border-bottom-color:var(--input-underline-color-disabled, var(--gray-08))}textarea.bx--text-input{resize:vertical;min-height:var(--spacing-08)}.bx--text-input::placeholder,textarea::placeholder,input[type="text"]::placeholder,input[type="number"]::placeholder,input[type="email"]::placeholder,input[type="password"]::placeholder,input[type="tel"]::placeholder,input[type="url"]::placeholder,input[type="search"]::placeholder{color:var(--placeholder-color, #999);opacity:1}:host(.udp-input),:host{display:block;width:100%;box-sizing:border-box}.bx--form-item{margin-bottom:var(--spacing-05)}.bx--label{display:block;margin-bottom:var(--spacing-03)}.error-message,.bx--form-requirement,:host(.udp-input--error) .error-message,:host(.udp-input--error) .bx--form-requirement{color:var(--error-color-main, #d32f2f) !important;margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem);--unity-typography-inherit-color:var(--error-color-main, #d32f2f)}.helper-text{color:var(--text-02, #525252);margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input,:host(.udp-input--disabled){cursor:not-allowed;opacity:0.6}:host(.udp-input--readonly) .bx--text-input,:host(.udp-input--readonly) textarea,:host(.udp-input--readonly) input{background-color:var(--field-01, #f4f4f4);cursor:default}';const u=class{constructor(e){t(this,e);this.change=i(this,"change");this.size="normal";this.margin="normal";this.readonly=false;this.onInput=t=>{if(this.readonly){const i=t.target;i.value=this.internalValue;return}const i=t.target.value;this.internalValue=i;if(this.value!==undefined){this.value=i}this.adjustTextAreaHeight()};this.onChange=t=>{if(this.readonly){return}const i=t.target.value;this.change.emit(i)}}updateError(){this.errorMessage=this.error}initialValueChanged(t){if(this.internalValue===""\|\|this.internalValue===undefined\|\|this.value===undefined){if(t!==undefined){this.internalValue=t;Promise.resolve().then((()=>this.adjustTextAreaHeight()))}}}valueChanged(){if(this.value!==undefined&&this.value!==this.internalValue){this.internalValue=this.value;Promise.resolve().then((()=>this.adjustTextAreaHeight()))}}componentWillLoad(){this.internalValue=this.value!==undefined?this.value:this.initialValue\|\|"";if(this.error){this.errorMessage=this.error}let t=this.rows;const i=this.minRows===undefined?1:this.minRows;if(t===undefined){t=i}t=Math.max(i,t);if(this.maxRows!==undefined){t=Math.min(this.maxRows,t)}this.internalRows=t}componentDidLoad(){this.adjustTextAreaHeight()}adjustTextAreaHeight(){if(!this.textareaEl){return}const t=this.minRows===undefined?1:this.minRows;const i=this.maxRows===undefined?Number.MAX_SAFE_INTEGER:this.maxRows;const e=this.textareaEl.scrollTop;this.textareaEl.style.overflowY="hidden";this.textareaEl.style.height="auto";this.textareaEl.rows=t;let p=t;while(this.textareaEl.scrollHeight>this.textareaEl.clientHeight&&p<i){p++;this.textareaEl.rows=p}if(p<i\|\|i===Number.MAX_SAFE_INTEGER){while(p>t){this.textareaEl.rows=p-1;if(this.textareaEl.scrollHeight>this.textareaEl.clientHeight){this.textareaEl.rows=p;break}p--}}let n=Math.max(t,Math.min(p,i));this.textareaEl.style.height="";this.textareaEl.style.overflowY="";this.textareaEl.rows=n;if(this.internalRows!==n){this.internalRows=n}Promise.resolve().then((()=>{if(this.textareaEl)this.textareaEl.scrollTop=e}))}render(){const{disabled:t,id:i,internalValue:n,label:r,placeholder:o,required:u,readonly:a,errorMessage:s,fullWidth:d,internalRows:l}=this;return e(p,{key:"378e250cf30868845c696dd86b787d32a4437e63",class:{"udp-input":true,"udp-input--error":!!s,"udp-input--disabled":t,"udp-input--readonly":a,"udp-input--full-width":d,"udp-input--required":u,[`udp-input--size-${this.size}`]:true,[`udp-input--margin-${this.margin}`]:true}},e("div",{key:"1369268dd7f253c7761a799cd416344e14c06e4c",class:"bx--form-item"},e("unity-typography",{key:"bfd1c9629383802d209ce3b9c43b752d5cc33c42",variant:"caption-text"},e("label",{key:"79e84e7f6410ce0de70f857fc4a608857a221533",htmlFor:i,class:"bx--label"},r,u?"":"")),e("textarea",{key:"1801c9caaa02182f3e57885eba7c486b1a52a061",ref:t=>this.textareaEl=t,id:i,class:{"bx--text-input":true,"bx--text-input--error":!!s,"text-area--disabled":t},placeholder:o,value:n,required:u,disabled:t,readonly:a,maxLength:this.maxCharacter,rows:l,onInput:this.onInput,onChange:this.onChange},n),s&&e("div",{key:"a9e97f1f0bb2fc27b148ecf21f2af7c36d2b32da",class:"error-message"},e("unity-typography",{key:"67e29423ef72ed93c9f1389348f5823aa62f09cd",variant:"caption-text",color:"error"},s))))}static get watchers(){return{error:["updateError"],initialValue:["initialValueChanged"],value:["valueChanged"]}}};u.style=o;const a=':host(.udp-input){display:block;box-sizing:border-box;position:relative}:host(.udp-input--full-width){width:100%}:host(.udp-input--error){--input-border-color:var(--input-underline-color-error)}:host(.udp-input--disabled){pointer-events:none;opacity:0.5;cursor:not-allowed}:host(.udp-input--required){position:relative}:host(.udp-input--readonly){--input-background:var(--gray-02)}:host(.udp-input--hidden){display:none}:host(.udp-input--checked){--input-accent-color:var(--primary-color)}:host(.udp-input--multi-select){--list-max-height:200px}:host(.udp-input) .bx--text-input:focus{outline:none;}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-05)}:host(.udp-input) .bx--label{display:block;margin-bottom:var(--spacing-03);color:var(--text-main);font-size:var(--caption-text-font-size);font-weight:var(--caption-text-font-weight);line-height:var(--caption-text-line-height)}@media (max-width: var(--breakpoint-xs-max)){:host(.udp-input){margin-bottom:var(--spacing-04)}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-04)}}@media (min-width: var(--breakpoint-sm-min)){:host(.udp-input){min-height:2.5rem;}}:host(.udp-input--size-small) .bx--text-input,:host(.udp-input--size-small) textarea,:host(.udp-input--size-small) input[type="text"],:host(.udp-input--size-small) input[type="number"],:host(.udp-input--size-small) input[type="email"],:host(.udp-input--size-small) input[type="password"],:host(.udp-input--size-small) input[type="tel"],:host(.udp-input--size-small) input[type="url"],:host(.udp-input--size-small) input[type="search"]{padding:var(--spacing-02);padding-bottom:6px;font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--text-input,:host(.udp-input--size-normal) textarea,:host(.udp-input--size-normal) input[type="text"],:host(.udp-input--size-normal) input[type="number"],:host(.udp-input--size-normal) input[type="email"],:host(.udp-input--size-normal) input[type="password"],:host(.udp-input--size-normal) input[type="tel"],:host(.udp-input--size-normal) input[type="url"],:host(.udp-input--size-normal) input[type="search"]{padding:var(--spacing-03);padding-bottom:9px;font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--text-input,:host(.udp-input--size-large) textarea,:host(.udp-input--size-large) input[type="text"],:host(.udp-input--size-large) input[type="number"],:host(.udp-input--size-large) input[type="email"],:host(.udp-input--size-large) input[type="password"],:host(.udp-input--size-large) input[type="tel"],:host(.udp-input--size-large) input[type="url"],:host(.udp-input--size-large) input[type="search"]{padding:var(--spacing-04);padding-bottom:12px;font-size:var(--body-font-size)}:host(.udp-input--margin-none){margin:0}:host(.udp-input--margin-dense){margin:var(--spacing-02) 0}:host(.udp-input--margin-normal){margin:var(--spacing-03) 0}:host(.udp-input--margin-comfortable){margin:var(--spacing-04) 0}:host(.udp-input--size-small) .bx--label{margin-bottom:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--label{margin-bottom:var(--spacing-03);font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--label{margin-bottom:var(--spacing-04);font-size:var(--body-font-size)}.bx--text-input,textarea,input[type="text"],input[type="number"],input[type="email"],input[type="password"],input[type="tel"],input[type="url"],input[type="search"]{display:inline-block;padding:var(--spacing-03);padding-bottom:9px;box-sizing:border-box;border:none;font-size:var(--body-font-size);background:var(--input-background);border-bottom:var(--underline-standard) solid var(--input-underline-color, var(--gray-08));width:100%;font-family:var(--font-family);transition:border-bottom-color 0.15s ease-in-out}.bx--text-input:focus,textarea:focus,input[type="text"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="search"]:focus{border-bottom-color:var(--input-underline-color-focus, var(--primary-color));border-bottom-width:2px}.bx--text-input--error,.bx--text-input:user-invalid,:host(.udp-input--error) .bx--text-input,:host(.udp-input--error) textarea,:host(.udp-input--error) input[type="text"],:host(.udp-input--error) input[type="number"],:host(.udp-input--error) input[type="email"],:host(.udp-input--error) input[type="password"],:host(.udp-input--error) input[type="tel"],:host(.udp-input--error) input[type="url"],:host(.udp-input--error) input[type="search"],input[type="text"]:user-invalid,input[type="number"]:user-invalid,input[type="email"]:user-invalid,input[type="password"]:user-invalid,input[type="tel"]:user-invalid,input[type="url"]:user-invalid,input[type="search"]:user-invalid{border-bottom-color:var(--input-underline-color-error, var(--error-color-main)) !important}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input[type="text"],:host(.udp-input--disabled) input[type="number"],:host(.udp-input--disabled) input[type="email"],:host(.udp-input--disabled) input[type="password"],:host(.udp-input--disabled) input[type="tel"],:host(.udp-input--disabled) input[type="url"],:host(.udp-input--disabled) input[type="search"]{border-bottom-color:var(--input-underline-color-disabled, var(--gray-08))}textarea.bx--text-input{resize:vertical;min-height:var(--spacing-08)}.bx--text-input::placeholder,textarea::placeholder,input[type="text"]::placeholder,input[type="number"]::placeholder,input[type="email"]::placeholder,input[type="password"]::placeholder,input[type="tel"]::placeholder,input[type="url"]::placeholder,input[type="search"]::placeholder{color:var(--placeholder-color, #999);opacity:1}:host(.udp-input),:host{display:block;width:100%;box-sizing:border-box}.bx--form-item{margin-bottom:var(--spacing-05)}.bx--label{display:block;margin-bottom:var(--spacing-03)}.error-message,.bx--form-requirement,:host(.udp-input--error) .error-message,:host(.udp-input--error) .bx--form-requirement{color:var(--error-color-main, #d32f2f) !important;margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem);--unity-typography-inherit-color:var(--error-color-main, #d32f2f)}.helper-text{color:var(--text-02, #525252);margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input,:host(.udp-input--disabled){cursor:not-allowed;opacity:0.6}:host(.udp-input--readonly) .bx--text-input,:host(.udp-input--readonly) textarea,:host(.udp-input--readonly) input{background-color:var(--field-01, #f4f4f4);cursor:default}:host(.full-width-host){width:100%}';const s=class{constructor(e){t(this,e);this.change=i(this,"change");this.value="";this.readonly=false;this.fullWidth=false;this.size="normal";this.margin="normal";this.internalValue="";this.handleDateChange=t=>{const i=t.target;const e=i.value;this.internalValue=e;if(this.value!==undefined){this.value=e}this.change.emit(e)}}componentWillLoad(){this.internalValue=this.value\|\|this.initialValue\|\|"";this.errorMessage=this.error}updateError(){this.errorMessage=this.error}initialValueChanged(t){if(t!==undefined){this.internalValue=t}}valueChanged(t){if(t!==undefined){this.internalValue=t}}handleBlur(){}handleFocus(){}formatDateForHtml(t){var i;const e=new Date(t);if(isNaN(e===null\|\|e===void 0?void 0:e.getTime()))return null;e===null\|\|e===void 0?void 0:e.setTime((e===null\|\|e===void 0?void 0:e.getTime())-(e===null\|\|e===void 0?void 0:e.getTimezoneOffset())601e3);const p=e===null\|\|e===void 0?void 0:e.toISOString();if(!p)return null;return(i=p===null\|\|p===void 0?void 0:p.split)===null\|\|i===void 0?void 0:i.call(p,"T")[0]}render(){const t=!!this.errorMessage;const i=["bx--text-input"];if(t){i.push("bx--text-input--error")}if(this.disabled){i.push("date-selector--disabled")}if(this.fullWidth){i.push("bx--text-input--full-width")}const n=i.join(" ");return e(p,{key:"5d8e8f450757be0bd63db8fb511dd22a039b2466",class:{"udp-input":true,"udp-input--error":t,"udp-input--disabled":this.disabled,"udp-input--readonly":this.readonly,"udp-input--full-width":this.fullWidth,"udp-input--required":this.required,[`udp-input--size-${this.size}`]:true,[`udp-input--margin-${this.margin}`]:true},"aria-invalid":t?"true":"false","aria-required":this.required?"true":"false"},e("div",{key:"0b22e99b464d0ca84ff7c2bb31e4910c310fa798",class:"bx--form-item"},e("unity-typography",{key:"c813e22de8abb30805ba8186874e2ec6762fde9f",variant:"caption-text"},e("label",{key:"aa3cb179d85fc655a5ce234785aa19067edb29b6",htmlFor:this.id,class:"bx--label"},this.label,this.required?"":"")),e("input",{key:"1b2f93e68873124f6a17b35e2fcfa640e80b469b",type:"date",id:this.id,name:this.name,class:n,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,udprecordid:"udpRecord-udp-date-selector-"+this.id}),e("unity-typography",{key:"ca266c32a11a2653e322c159094ee7dd3857a311",class:"error-message",variant:"caption-text",color:"error"},this.errorMessage)))}static get watchers(){return{error:["updateError"],initialValue:["initialValueChanged"],value:["valueChanged"]}}};s.style=a;const d=':host(.udp-input){display:block;box-sizing:border-box;position:relative}:host(.udp-input--full-width){width:100%}:host(.udp-input--error){--input-border-color:var(--input-underline-color-error)}:host(.udp-input--disabled){pointer-events:none;opacity:0.5;cursor:not-allowed}:host(.udp-input--required){position:relative}:host(.udp-input--readonly){--input-background:var(--gray-02)}:host(.udp-input--hidden){display:none}:host(.udp-input--checked){--input-accent-color:var(--primary-color)}:host(.udp-input--multi-select){--list-max-height:200px}:host(.udp-input) .bx--text-input:focus{outline:none;}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-05)}:host(.udp-input) .bx--label{display:block;margin-bottom:var(--spacing-03);color:var(--text-main);font-size:var(--caption-text-font-size);font-weight:var(--caption-text-font-weight);line-height:var(--caption-text-line-height)}@media (max-width: var(--breakpoint-xs-max)){:host(.udp-input){margin-bottom:var(--spacing-04)}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-04)}}@media (min-width: var(--breakpoint-sm-min)){:host(.udp-input){min-height:2.5rem;}}:host(.udp-input--size-small) .bx--text-input,:host(.udp-input--size-small) textarea,:host(.udp-input--size-small) input[type="text"],:host(.udp-input--size-small) input[type="number"],:host(.udp-input--size-small) input[type="email"],:host(.udp-input--size-small) input[type="password"],:host(.udp-input--size-small) input[type="tel"],:host(.udp-input--size-small) input[type="url"],:host(.udp-input--size-small) input[type="search"]{padding:var(--spacing-02);padding-bottom:6px;font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--text-input,:host(.udp-input--size-normal) textarea,:host(.udp-input--size-normal) input[type="text"],:host(.udp-input--size-normal) input[type="number"],:host(.udp-input--size-normal) input[type="email"],:host(.udp-input--size-normal) input[type="password"],:host(.udp-input--size-normal) input[type="tel"],:host(.udp-input--size-normal) input[type="url"],:host(.udp-input--size-normal) input[type="search"]{padding:var(--spacing-03);padding-bottom:9px;font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--text-input,:host(.udp-input--size-large) textarea,:host(.udp-input--size-large) input[type="text"],:host(.udp-input--size-large) input[type="number"],:host(.udp-input--size-large) input[type="email"],:host(.udp-input--size-large) input[type="password"],:host(.udp-input--size-large) input[type="tel"],:host(.udp-input--size-large) input[type="url"],:host(.udp-input--size-large) input[type="search"]{padding:var(--spacing-04);padding-bottom:12px;font-size:var(--body-font-size)}:host(.udp-input--margin-none){margin:0}:host(.udp-input--margin-dense){margin:var(--spacing-02) 0}:host(.udp-input--margin-normal){margin:var(--spacing-03) 0}:host(.udp-input--margin-comfortable){margin:var(--spacing-04) 0}:host(.udp-input--size-small) .bx--label{margin-bottom:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--label{margin-bottom:var(--spacing-03);font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--label{margin-bottom:var(--spacing-04);font-size:var(--body-font-size)}.bx--text-input,textarea,input[type="text"],input[type="number"],input[type="email"],input[type="password"],input[type="tel"],input[type="url"],input[type="search"]{display:inline-block;padding:var(--spacing-03);padding-bottom:9px;box-sizing:border-box;border:none;font-size:var(--body-font-size);background:var(--input-background);border-bottom:var(--underline-standard) solid var(--input-underline-color, var(--gray-08));width:100%;font-family:var(--font-family);transition:border-bottom-color 0.15s ease-in-out}.bx--text-input:focus,textarea:focus,input[type="text"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="search"]:focus{border-bottom-color:var(--input-underline-color-focus, var(--primary-color));border-bottom-width:2px}.bx--text-input--error,.bx--text-input:user-invalid,:host(.udp-input--error) .bx--text-input,:host(.udp-input--error) textarea,:host(.udp-input--error) input[type="text"],:host(.udp-input--error) input[type="number"],:host(.udp-input--error) input[type="email"],:host(.udp-input--error) input[type="password"],:host(.udp-input--error) input[type="tel"],:host(.udp-input--error) input[type="url"],:host(.udp-input--error) input[type="search"],input[type="text"]:user-invalid,input[type="number"]:user-invalid,input[type="email"]:user-invalid,input[type="password"]:user-invalid,input[type="tel"]:user-invalid,input[type="url"]:user-invalid,input[type="search"]:user-invalid{border-bottom-color:var(--input-underline-color-error, var(--error-color-main)) !important}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input[type="text"],:host(.udp-input--disabled) input[type="number"],:host(.udp-input--disabled) input[type="email"],:host(.udp-input--disabled) input[type="password"],:host(.udp-input--disabled) input[type="tel"],:host(.udp-input--disabled) input[type="url"],:host(.udp-input--disabled) input[type="search"]{border-bottom-color:var(--input-underline-color-disabled, var(--gray-08))}textarea.bx--text-input{resize:vertical;min-height:var(--spacing-08)}.bx--text-input::placeholder,textarea::placeholder,input[type="text"]::placeholder,input[type="number"]::placeholder,input[type="email"]::placeholder,input[type="password"]::placeholder,input[type="tel"]::placeholder,input[type="url"]::placeholder,input[type="search"]::placeholder{color:var(--placeholder-color, #999);opacity:1}:host(.udp-input),:host{display:block;width:100%;box-sizing:border-box}.bx--form-item{margin-bottom:var(--spacing-05)}.bx--label{display:block;margin-bottom:var(--spacing-03)}.error-message,.bx--form-requirement,:host(.udp-input--error) .error-message,:host(.udp-input--error) .bx--form-requirement{color:var(--error-color-main, #d32f2f) !important;margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem);--unity-typography-inherit-color:var(--error-color-main, #d32f2f)}.helper-text{color:var(--text-02, #525252);margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input,:host(.udp-input--disabled){cursor:not-allowed;opacity:0.6}:host(.udp-input--readonly) .bx--text-input,:host(.udp-input--readonly) textarea,:host(.udp-input--readonly) input{background-color:var(--field-01, #f4f4f4);cursor:default}:host(.full-width-host){width:100%}';const l=class{constructor(e){t(this,e);this.change=i(this,"change");this.value="";this.readonly=false;this.fullWidth=false;this.size="normal";this.margin="normal";this.internalValue="";this.handleDateChange=t=>{const i=t.target.value;this.internalValue=i;if(this.value!==undefined){this.value=i}this.change.emit(i)};this.handleBlur=()=>{};this.handleFocus=()=>{}}updateError(){this.errorMessage=this.error}initialValueChanged(t){if(this.internalValue===""\|\|this.internalValue===undefined\|\|this.value===undefined){if(t!==undefined){this.internalValue=t}}}valueChanged(){if(this.value!==undefined&&this.value!==this.internalValue){this.internalValue=this.value}}componentWillLoad(){this.internalValue=this.value!==undefined?this.value:this.initialValue\|\|"";if(this.error){this.errorMessage=this.error}}formatDateForHtml(t){var i;const e=new Date(t);if(isNaN((i=new Date(e))===null\|\|i===void 0?void 0:i.getTime()))return null;e===null\|\|e===void 0?void 0:e.setTime((e===null\|\|e===void 0?void 0:e.getTime())-(e===null\|\|e===void 0?void 0:e.getTimezoneOffset())601e3);const p=e===null\|\|e===void 0?void 0:e.toISOString();if(!p)return null;const n=p.split(":");return`${n[0]}:${n[1]}`}render(){const t=!!this.errorMessage;const i=["bx--text-input"];if(t){i.push("bx--text-input--error")}if(this.disabled){i.push("datetime-selector--disabled")}if(this.fullWidth){i.push("bx--text-input--full-width")}const n=i.join(" ");return e(p,{key:"a4a4b1da1767b52e7c08025dcaab6f0d3e3f86d0",class:{"udp-input":true,"udp-input--error":t,"udp-input--disabled":this.disabled,"udp-input--readonly":this.readonly,"udp-input--full-width":this.fullWidth,"udp-input--required":this.required,[`udp-input--size-${this.size}`]:true,[`udp-input--margin-${this.margin}`]:true},"aria-invalid":t?"true":"false","aria-required":this.required?"true":"false"},e("div",{key:"c4a2172e002e541172ceae2438300f8f11dd5c05",class:"bx--form-item"},e("unity-typography",{key:"27f68ecbcd8b373f2d3debf44bcc664665cb2002",variant:"caption-text"},e("label",{key:"03f99e2992c441089b55fba119d8ceced7bc9cd0",htmlFor:this.id,class:"bx--label"},this.label,this.required?"":"")),e("input",{key:"f5e5ce56fbb883392c36c7c697426d6cc5aa02e4",type:"datetime-local",id:this.id,name:this.name,class:n,value:this.internalValue,min:this.min?this.formatDateForHtml(this.min):null,max:this.max?this.formatDateForHtml(this.max):null,onInput:this.handleDateChange,onBlur:this.handleBlur,onFocus:this.handleFocus,disabled:this.disabled,readonly:this.readonly,required:this.required,udprecordid:"udpRecord-udp-datetime-selector-"+this.id}),e("unity-typography",{key:"04b8079259437699ecdac7699772c455b1a9d1e3",class:"error-message",variant:"caption-text",color:"error"},this.errorMessage)))}static get watchers(){return{error:["updateError"],initialValue:["initialValueChanged"],value:["valueChanged"]}}};l.style=d;const h=':host(.udp-input){display:block;box-sizing:border-box;position:relative}:host(.udp-input--full-width){width:100%}:host(.udp-input--error){--input-border-color:var(--input-underline-color-error)}:host(.udp-input--disabled){pointer-events:none;opacity:0.5;cursor:not-allowed}:host(.udp-input--required){position:relative}:host(.udp-input--readonly){--input-background:var(--gray-02)}:host(.udp-input--hidden){display:none}:host(.udp-input--checked){--input-accent-color:var(--primary-color)}:host(.udp-input--multi-select){--list-max-height:200px}:host(.udp-input) .bx--text-input:focus{outline:none;}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-05)}:host(.udp-input) .bx--label{display:block;margin-bottom:var(--spacing-03);color:var(--text-main);font-size:var(--caption-text-font-size);font-weight:var(--caption-text-font-weight);line-height:var(--caption-text-line-height)}@media (max-width: var(--breakpoint-xs-max)){:host(.udp-input){margin-bottom:var(--spacing-04)}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-04)}}@media (min-width: var(--breakpoint-sm-min)){:host(.udp-input){min-height:2.5rem;}}:host(.udp-input--size-small) .bx--text-input,:host(.udp-input--size-small) textarea,:host(.udp-input--size-small) input[type="text"],:host(.udp-input--size-small) input[type="number"],:host(.udp-input--size-small) input[type="email"],:host(.udp-input--size-small) input[type="password"],:host(.udp-input--size-small) input[type="tel"],:host(.udp-input--size-small) input[type="url"],:host(.udp-input--size-small) input[type="search"]{padding:var(--spacing-02);padding-bottom:6px;font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--text-input,:host(.udp-input--size-normal) textarea,:host(.udp-input--size-normal) input[type="text"],:host(.udp-input--size-normal) input[type="number"],:host(.udp-input--size-normal) input[type="email"],:host(.udp-input--size-normal) input[type="password"],:host(.udp-input--size-normal) input[type="tel"],:host(.udp-input--size-normal) input[type="url"],:host(.udp-input--size-normal) input[type="search"]{padding:var(--spacing-03);padding-bottom:9px;font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--text-input,:host(.udp-input--size-large) textarea,:host(.udp-input--size-large) input[type="text"],:host(.udp-input--size-large) input[type="number"],:host(.udp-input--size-large) input[type="email"],:host(.udp-input--size-large) input[type="password"],:host(.udp-input--size-large) input[type="tel"],:host(.udp-input--size-large) input[type="url"],:host(.udp-input--size-large) input[type="search"]{padding:var(--spacing-04);padding-bottom:12px;font-size:var(--body-font-size)}:host(.udp-input--margin-none){margin:0}:host(.udp-input--margin-dense){margin:var(--spacing-02) 0}:host(.udp-input--margin-normal){margin:var(--spacing-03) 0}:host(.udp-input--margin-comfortable){margin:var(--spacing-04) 0}:host(.udp-input--size-small) .bx--label{margin-bottom:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--label{margin-bottom:var(--spacing-03);font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--label{margin-bottom:var(--spacing-04);font-size:var(--body-font-size)}.bx--text-input,textarea,input[type="text"],input[type="number"],input[type="email"],input[type="password"],input[type="tel"],input[type="url"],input[type="search"]{display:inline-block;padding:var(--spacing-03);padding-bottom:9px;box-sizing:border-box;border:none;font-size:var(--body-font-size);background:var(--input-background);border-bottom:var(--underline-standard) solid var(--input-underline-color, var(--gray-08));width:100%;font-family:var(--font-family);transition:border-bottom-color 0.15s ease-in-out}.bx--text-input:focus,textarea:focus,input[type="text"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="search"]:focus{border-bottom-color:var(--input-underline-color-focus, var(--primary-color));border-bottom-width:2px}.bx--text-input--error,.bx--text-input:user-invalid,:host(.udp-input--error) .bx--text-input,:host(.udp-input--error) textarea,:host(.udp-input--error) input[type="text"],:host(.udp-input--error) input[type="number"],:host(.udp-input--error) input[type="email"],:host(.udp-input--error) input[type="password"],:host(.udp-input--error) input[type="tel"],:host(.udp-input--error) input[type="url"],:host(.udp-input--error) input[type="search"],input[type="text"]:user-invalid,input[type="number"]:user-invalid,input[type="email"]:user-invalid,input[type="password"]:user-invalid,input[type="tel"]:user-invalid,input[type="url"]:user-invalid,input[type="search"]:user-invalid{border-bottom-color:var(--input-underline-color-error, var(--error-color-main)) !important}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input[type="text"],:host(.udp-input--disabled) input[type="number"],:host(.udp-input--disabled) input[type="email"],:host(.udp-input--disabled) input[type="password"],:host(.udp-input--disabled) input[type="tel"],:host(.udp-input--disabled) input[type="url"],:host(.udp-input--disabled) input[type="search"]{border-bottom-color:var(--input-underline-color-disabled, var(--gray-08))}textarea.bx--text-input{resize:vertical;min-height:var(--spacing-08)}.bx--text-input::placeholder,textarea::placeholder,input[type="text"]::placeholder,input[type="number"]::placeholder,input[type="email"]::placeholder,input[type="password"]::placeholder,input[type="tel"]::placeholder,input[type="url"]::placeholder,input[type="search"]::placeholder{color:var(--placeholder-color, #999);opacity:1}:host(.udp-input),:host{display:block;width:100%;box-sizing:border-box}.bx--form-item{margin-bottom:var(--spacing-05)}.bx--label{display:block;margin-bottom:var(--spacing-03)}.error-message,.bx--form-requirement,:host(.udp-input--error) .error-message,:host(.udp-input--error) .bx--form-requirement{color:var(--error-color-main, #d32f2f) !important;margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem);--unity-typography-inherit-color:var(--error-color-main, #d32f2f)}.helper-text{color:var(--text-02, #525252);margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input,:host(.udp-input--disabled){cursor:not-allowed;opacity:0.6}:host(.udp-input--readonly) .bx--text-input,:host(.udp-input--readonly) textarea,:host(.udp-input--readonly) input{background-color:var(--field-01, #f4f4f4);cursor:default}';const c=class{constructor(e){t(this,e);this.change=i(this,"change");this.input=i(this,"input");this.value="";this.readonly=false;this.fullWidth=false;this.size="normal";this.margin="normal";this.internalValue="";this.handleTimeChange=t=>{const i=t.target;const e=i.value;this.internalValue=e;if(this.value!==undefined){this.value=e}this.change.emit(e);this.input.emit(e)}}componentWillLoad(){this.internalValue=this.value\|\|this.initialValue\|\|"";this.errorMessage=this.error}updateError(){this.errorMessage=this.error}initialValueChanged(t){if(t!==undefined){this.internalValue=t}}valueChanged(t){if(t!==undefined){this.internalValue=t}}handleBlur(){}handleFocus(){}render(){const t=!!this.errorMessage;const i=["bx--text-input"];if(t){i.push("bx--text-input--error")}if(this.disabled){i.push("time-selector--disabled")}if(this.fullWidth){i.push("bx--text-input--full-width")}const n=i.join(" ");return e(p,{key:"acb3b9aa491b0c6c67df493044aef292146110fb",class:{"udp-input":true,"udp-input--error":t,"udp-input--disabled":this.disabled,"udp-input--readonly":this.readonly,"udp-input--full-width":this.fullWidth,"udp-input--required":this.required,[`udp-input--size-${this.size}`]:true,[`udp-input--margin-${this.margin}`]:true},"aria-invalid":t?"true":"false","aria-required":this.required?"true":"false"},e("div",{key:"a2b9070e2b6a3e1904638fad5cdb8d86a5a3053a",class:"bx--form-item"},e("unity-typography",{key:"ca325952cc2f9d80d8aca99ca0748f0aa72751ee",variant:"caption-text"},e("label",{key:"6afdf6a9224c5530c3f0e4c962d246ebd8c2926d",htmlFor:this.id,class:"bx--label"},this.label,this.required?"*":"")),e("input",{key:"3fad200e15b093ca786129d7537bf0c56de28b8d",type:"time",id:this.id,name:this.name,class:n,value:this.internalValue,min:this.min,max:this.max,onInput:this.handleTimeChange,onChange:this.handleTimeChange,onBlur:this.handleBlur,onFocus:this.handleFocus,disabled:this.disabled,readonly:this.readonly,required:this.required,udprecordid:"udpRecord-udp-time-selector-"+this.id}),e("unity-typography",{key:"8061d8fe2f38d9c9d3ff3136e445835ef5811eb6",class:"error-message",variant:"caption-text",color:"error"},this.errorMessage)))}static get watchers(){return{error:["updateError"],initialValue:["initialValueChanged"],value:["valueChanged"]}}};c.style=h;export{r as numeric_field,u as text_area,s as udp_date_selector,l as udp_datetime_selector,c as udp_time_selector};
2	- //# sourceMappingURL=p-6ed5258c.entry.js.map

package/dist/stencil-library/p-6ed5258c.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["numericFieldCss","NumericField","constructor","hostRef","this","error","size","margin","internalValue","onInput","event","newValue","target","value","undefined","onChange","change","emit","onFocus","onBlur","updateError","errorMessage","initialValueChanged","valueChanged","componentWillLoad","initialValue","render","isError","inputClass","disabled","h","Host","key","class","hidden","required","readOnly","variant","htmlFor","id","label","type","name","Object","assign","placeholder","inputMode","min","max","step","udprecordid","color","textAreaCss","TextArea","readonly","input","adjustTextAreaHeight","Promise","resolve","then","initialNumRows","rows","currentMinRows","minRows","Math","maxRows","internalRows","componentDidLoad","textareaEl","Number","MAX_SAFE_INTEGER","previousScrollTop","scrollTop","style","overflowY","height","currentActualRows","scrollHeight","clientHeight","newCalculatedRows","fullWidth","ref","el","maxLength","maxCharacter","udpDateSelectorCss","UdpDateSelector","handleDateChange","handleBlur","handleFocus","formatDateForHtml","dateString","date","Date","isNaN","getTime","setTime","getTimezoneOffset","isoString","toISOString","_a","split","call","classNames","push","join","udpDatetimeSelectorCss","UdpDateTimeSelector","splitISO","udpTimeSelectorCss","UdpTimeSelector","handleTimeChange"],"sources":["src/components/my-component/UI/inputs/numeric-field/numeric-field.css?tag=numeric-field&encapsulation=shadow","src/components/my-component/UI/inputs/numeric-field/numeric-field.tsx","src/components/my-component/UI/inputs/text-area/text-area.css?tag=text-area&encapsulation=shadow","src/components/my-component/UI/inputs/text-area/text-area.tsx","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","src/components/my-component/UI/inputs/date-time-selector/udp-datetime-selector.css?tag=udp-datetime-selector&encapsulation=shadow","src/components/my-component/UI/inputs/date-time-selector/udp-datetime-selector.tsx","src/components/my-component/UI/inputs/time-selector/udp-time-selector.css?tag=udp-time-selector&encapsulation=shadow","src/components/my-component/UI/inputs/time-selector/udp-time-selector.tsx"],"sourcesContent":["@import '../inputs.css';","import {\n Component,\n Prop,\n h,\n Host,\n State,\n Event,\n EventEmitter,\n Watch,\n} from '@stencil/core';\nimport { InputSize, InputMargin } from '../input-types';\n\n/**\n * A standardized numeric input field component with validation, error handling, and number constraints.\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 * @example\n * ```tsx\n * // Uncontrolled component with initial value\n * <numeric-field\n * placeholder=\"Enter age\"\n * initialValue=\"25\"\n * min=\"0\"\n * max=\"120\"\n * onChange={(e) => console.log('Age:', e.detail)}\n * />\n *\n * // Controlled component\n * <numeric-field\n * placeholder=\"Enter price\"\n * value={priceValue}\n * step=\"0.01\"\n * min=\"0\"\n * onChange={(e) => setPriceValue(e.detail)}\n * />\n *\n * // With validation and constraints\n * <numeric-field\n * label=\"Quantity\"\n * placeholder=\"Enter quantity\"\n * required={true}\n * error={quantityError}\n * value={quantity}\n * min=\"1\"\n * max=\"999\"\n * step=\"1\"\n * onChange={handleQuantityChange}\n * />\n * ```\n */\n@Component({\n tag: 'numeric-field',\n styleUrl: 'numeric-field.css',\n shadow: true,\n})\nexport class NumericField {\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 * 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 * Maximum number of characters allowed in the input. Enforces character limits.\n */\n @Prop() maxCharacter: number;\n\n /**\n * Initial value for the numeric 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 * Current value of the numeric 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 * 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 numeric input.\n * Common values: 'numeric', 'decimal'\n */\n @Prop() inputMode: string;\n\n /**\n * Minimum value allowed for the numeric input. Enforces lower bounds validation.\n */\n @Prop() min: string;\n\n /**\n * Maximum value allowed for the numeric input. Enforces upper bounds validation.\n */\n @Prop() max: string;\n\n /**\n * Step value for numeric input increments. Defines the granularity of allowed values.\n * For example, \"0.01\" for currency, \"1\" for integers.\n */\n @Prop() step: 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 value state. Manages the current input value independently of props.\n * @internal\n */\n @State() internalValue: string = '';\n\n /**\n * Internal error message state. Manages display of validation errors.\n * @internal\n */\n @State() errorMessage: string;\n\n /**\n * Emitted when the numeric 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 numeric field\n *\n * @example\n * ```tsx\n * <numeric-field onChange={(e) => handleValueChange(e.detail)} />\n * ```\n */\n @Event() change: EventEmitter<string>;\n\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 or if this is an uncontrolled component.\n * @internal\n */\n @Watch('initialValue')\n initialValueChanged(newValue: string) {\n // Only update if we don't have a value yet or if this is uncontrolled (no value prop)\n if ((this.internalValue === '' || this.internalValue === undefined) || this.value === undefined) {\n if (newValue !== undefined) {\n this.internalValue = newValue;\n }\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 valueChanged() {\n // If value prop is provided, this is a controlled component\n if (this.value !== undefined && this.value !== this.internalValue) {\n this.internalValue = this.value;\n }\n }\n\n /**\n * Component lifecycle method. Initializes error message and internal value.\n * @internal\n */\n componentWillLoad() {\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 if (this.error) {\n this.errorMessage = this.error;\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 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\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 const newValue = (event.target as HTMLInputElement).value;\n // Emit change event when user finishes editing (blur, enter, etc.)\n this.change.emit(newValue);\n }\n\n /**\n * Handles focus events. Event bubbles up to stencil-field automatically.\n * @internal\n */\n private onFocus = () => {\n // Event will bubble up to stencil-field automatically\n }\n\n /**\n * Handles blur events. Event bubbles up to stencil-field automatically.\n * @internal\n */\n private onBlur = () => {\n // Event will bubble up to stencil-field automatically\n }\n\n /**\n * Renders the numeric field component.\n * @returns JSX element\n * @internal\n */\n render() {\n const isError = !!this.errorMessage;\n\n const inputClass = {\n 'bx--text-input': true,\n 'bx--text-input--error': 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--hidden': this.hidden,\n 'udp-input--required': this.required,\n 'udp-input--readonly': this.readOnly,\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} name={this.name} />\n ) : (\n <input\n id={this.id}\n name={this.name}\n type=\"number\"\n class={{ ...inputClass }}\n placeholder={this.placeholder}\n value={this.internalValue}\n required={this.required}\n disabled={this.disabled}\n readOnly={this.readOnly}\n onFocus={this.onFocus}\n onInput={this.onInput}\n onChange={this.onChange}\n onBlur={this.onBlur}\n inputMode={this.inputMode}\n min={this.min}\n max={this.max}\n step={this.step}\n //@ts-ignore\n udprecordid={'udpRecord-number-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","@import '../inputs.css';\n","import {\n Component,\n Prop,\n h,\n Host,\n State,\n Watch,\n Event,\n EventEmitter,\n} from '@stencil/core';\nimport { InputSize, InputMargin } from '../input-types';\n\n/**\n * A standardized textarea component with auto-resizing, error handling, and validation.\n * Supports both controlled and uncontrolled modes.\n *\n * This component emits a custom `change` event with the committed value and also\n * propagates standard DOM events like `input`, `focus`, and `blur` from the\n * underlying textarea element.\n *\n * @example\n * ```tsx\n * // Uncontrolled component with initial value\n * <text-area\n * placeholder=\"Enter your message\"\n * initialValue=\"Default message\"\n * onChange={(e) => console.log('Final value:', e.detail)}\n * />\n *\n * // Controlled component\n * <text-area\n * placeholder=\"Enter your message\"\n * value={messageValue}\n * onChange={(e) => setMessageValue(e.detail)}\n * />\n *\n * // With validation and auto-resize\n * <text-area\n * label=\"Description\"\n * placeholder=\"Enter description...\"\n * required={true}\n * error={descriptionError}\n * value={description}\n * minRows={3}\n * maxRows={10}\n * onChange={handleDescriptionChange}\n * />\n * ```\n */\n@Component({\n tag: 'text-area',\n styleUrl: 'text-area.css',\n shadow: true,\n})\nexport class TextArea {\n /**\n * Label text displayed above the textarea. Used for accessibility and user guidance.\n */\n @Prop() label: string;\n\n /**\n * Unique identifier for the textarea element. Used for form association and accessibility.\n */\n @Prop() id: string;\n\n /**\n * Name attribute for the textarea element. Used for form submission.\n */\n @Prop() name: string;\n\n /**\n * Placeholder text shown when the textarea is empty. Provides hints about expected input.\n */\n @Prop() placeholder: string;\n\n /**\n * Initial value for the textarea. Used for uncontrolled components to set the default value.\n * Only used when `value` prop is not provided.\n */\n @Prop() initialValue: string;\n\n /**\n * Current value of the textarea. When provided, makes this a controlled component.\n * The component will use this value and update it through events.\n */\n @Prop({ mutable: true }) value: string;\n\n /**\n * Error message to display below the textarea. Shows validation errors or other issues.\n */\n @Prop() error: string;\n\n /**\n * Whether the field is required for form submission. Adds visual indicator and validation.\n */\n @Prop() required: boolean;\n\n /**\n * Whether the field is disabled. Users cannot interact with the field.\n */\n @Prop() disabled: boolean;\n\n /**\n * Whether the textarea should take the full width of its container.\n */\n @Prop() fullWidth: boolean;\n\n /**\n * Maximum number of characters allowed in the textarea. Enforces character limits.\n */\n @Prop() maxCharacter?: number;\n\n /**\n * Initial number of rows for the textarea.\n */\n @Prop() rows: number;\n\n /**\n * Minimum number of rows for auto-resizing.\n */\n @Prop() minRows: number;\n\n /**\n * Maximum number of rows for auto-resizing.\n */\n @Prop() maxRows: number;\n\n /**\n * Size variant controlling the padding and spacing of the textarea.\n * - 'small': Compact spacing for data-heavy interfaces\n * - 'normal': Standard spacing (default)\n * - 'large': Generous spacing for accessibility\n */\n @Prop() size: InputSize = 'normal';\n\n /**\n * Margin variant for the input spacing.\n * - 'none': No margin\n * - 'dense': Minimal margin spacing\n * - 'normal': Standard margin spacing (default)\n */\n @Prop() margin: InputMargin = 'normal';\n\n /**\n * If `true`, the component is read-only.\n */\n @Prop() readonly = false;\n\n /**\n * Internal state for the component's value\n */\n @State() internalValue: string;\n\n /**\n * Internal state for the error message.\n */\n @State() errorMessage: string;\n\n /**\n * Internal state for the number of rows.\n */\n @State() internalRows: number;\n\n /**\n * Emitted when the value of the component changes (on blur).\n */\n @Event() change: EventEmitter<string>;\n\n\n private textareaEl: HTMLTextAreaElement;\n\n /**\n * Updates the error message when the error prop changes.\n * @internal\n */\n @Watch('error')\n updateError() {\n this.errorMessage = this.error;\n }\n\n /**\n * Updates the internal value when initialValue prop changes.\n * @internal\n */\n @Watch('initialValue')\n initialValueChanged(newValue: string) {\n if ((this.internalValue === '' || this.internalValue === undefined) || this.value === undefined) {\n if (newValue !== undefined) {\n this.internalValue = newValue;\n Promise.resolve().then(() => this.adjustTextAreaHeight());\n }\n }\n }\n\n /**\n * Updates the internal value when value prop changes.\n * @internal\n */\n @Watch('value')\n protected valueChanged() {\n if (this.value !== undefined && this.value !== this.internalValue) {\n this.internalValue = this.value;\n Promise.resolve().then(() => this.adjustTextAreaHeight());\n }\n }\n\n /**\n * @internal\n */\n componentWillLoad() {\n this.internalValue = this.value !== undefined ? this.value : (this.initialValue || '');\n if (this.error) {\n this.errorMessage = this.error;\n }\n\n let initialNumRows = this.rows;\n const currentMinRows = this.minRows === undefined ? 1 : this.minRows;\n\n if (initialNumRows === undefined) {\n initialNumRows = currentMinRows;\n }\n\n initialNumRows = Math.max(currentMinRows, initialNumRows);\n\n if (this.maxRows !== undefined) {\n initialNumRows = Math.min(this.maxRows, initialNumRows);\n }\n this.internalRows = initialNumRows;\n }\n\n /**\n * @internal\n */\n componentDidLoad() {\n this.adjustTextAreaHeight();\n }\n\n /**\n * @internal\n */\n private adjustTextAreaHeight() {\n if (!this.textareaEl) {\n return;\n }\n\n const min = this.minRows === undefined ? 1 : this.minRows;\n const max = this.maxRows === undefined ? Number.MAX_SAFE_INTEGER : this.maxRows;\n const previousScrollTop = this.textareaEl.scrollTop;\n\n this.textareaEl.style.overflowY = 'hidden';\n this.textareaEl.style.height = 'auto';\n\n this.textareaEl.rows = min;\n let currentActualRows = min;\n\n while (this.textareaEl.scrollHeight > this.textareaEl.clientHeight && currentActualRows < max) {\n currentActualRows++;\n this.textareaEl.rows = currentActualRows;\n }\n\n if (currentActualRows < max || max === Number.MAX_SAFE_INTEGER) {\n while (currentActualRows > min) {\n this.textareaEl.rows = currentActualRows - 1;\n if (this.textareaEl.scrollHeight > this.textareaEl.clientHeight) {\n this.textareaEl.rows = currentActualRows;\n break;\n }\n currentActualRows--;\n }\n }\n\n let newCalculatedRows = Math.max(min, Math.min(currentActualRows, max));\n\n this.textareaEl.style.height = '';\n this.textareaEl.style.overflowY = '';\n\n this.textareaEl.rows = newCalculatedRows;\n\n if (this.internalRows !== newCalculatedRows) {\n this.internalRows = newCalculatedRows;\n }\n\n Promise.resolve().then(() => {\n if (this.textareaEl) this.textareaEl.scrollTop = previousScrollTop;\n });\n }\n\n /**\n * @internal\n */\n private onInput = (event: InputEvent) => {\n if (this.readonly) {\n const input = event.target as HTMLTextAreaElement;\n input.value = this.internalValue;\n return;\n }\n const newValue = (event.target as HTMLTextAreaElement).value;\n this.internalValue = newValue;\n\n if (this.value !== undefined) {\n this.value = newValue;\n }\n\n this.adjustTextAreaHeight();\n };\n\n /**\n * @internal\n */\n private onChange = (event: Event) => {\n if (this.readonly) {\n return;\n }\n const newValue = (event.target as HTMLTextAreaElement).value;\n this.change.emit(newValue);\n };\n\n render() {\n const { disabled, id, internalValue, label, placeholder, required, readonly, errorMessage, fullWidth, internalRows } = this;\n\n return (\n <Host\n class={{\n 'udp-input': true,\n 'udp-input--error': !!errorMessage,\n 'udp-input--disabled': disabled,\n 'udp-input--readonly': readonly,\n 'udp-input--full-width': fullWidth,\n 'udp-input--required': required,\n [`udp-input--size-${this.size}`]: true,\n [`udp-input--margin-${this.margin}`]: true,\n }}\n >\n <div class=\"bx--form-item\">\n <unity-typography variant=\"caption-text\">\n <label htmlFor={id} class=\"bx--label\">\n {label}\n {required ? '*' : ''}\n </label>\n </unity-typography>\n <textarea\n ref={el => (this.textareaEl = el as HTMLTextAreaElement)}\n id={id}\n class={{\n 'bx--text-input': true,\n 'bx--text-input--error': !!errorMessage,\n 'text-area--disabled': disabled,\n }}\n placeholder={placeholder}\n value={internalValue}\n required={required}\n disabled={disabled}\n readonly={readonly}\n maxLength={this.maxCharacter}\n rows={internalRows}\n onInput={this.onInput}\n onChange={this.onChange}\n >\n {internalValue}\n </textarea>\n {errorMessage && (\n <div class=\"error-message\">\n <unity-typography variant=\"caption-text\" color=\"error\">{errorMessage}</unity-typography>\n </div>\n )}\n </div>\n </Host>\n );\n }\n}\n","@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","@import '../inputs.css';\n\n:host(.full-width-host) {\n width: 100%;\n}","import { Component, h, Host, State, EventEmitter, Prop, Event, Watch } from '@stencil/core';\nimport { InputSize, InputMargin } from '../input-types';\n\n/**\n * A standardized date-time input component with validation, min/max constraints, and timezone handling.\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 `datetime-local` input for consistent browser behavior\n * - Handles timezone compensation for accurate date storage\n * - Supports ISO date strings and JavaScript Date constructor formats\n *\n * @example\n * ```tsx\n * // Uncontrolled component with initial value\n * <udp-datetime-selector\n * label=\"Meeting Time\"\n * initialValue=\"2024-12-25T14:30\"\n * onChange={(e) => console.log('Selected:', e.detail)}\n * />\n *\n * // Controlled component\n * <udp-datetime-selector\n * label=\"Appointment\"\n * value={appointmentTime}\n * onChange={(e) => setAppointmentTime(e.detail)}\n * />\n *\n * // With validation and constraints\n * <udp-datetime-selector\n * label=\"Event Date\"\n * value={eventDate}\n * min=\"2024-01-01T00:00\"\n * max=\"2024-12-31T23:59\"\n * required={true}\n * error={dateError}\n * onChange={handleDateChange}\n * />\n * ```\n */\n@Component({\n tag: 'udp-datetime-selector',\n styleUrl: 'udp-datetime-selector.css',\n shadow: true,\n})\nexport class UdpDateTimeSelector {\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-time value allowed. Supports any date format supported by the JavaScript Date constructor.\n * Recommended format: ISO 8601 (YYYY-MM-DDTHH:mm) for consistency.\n */\n @Prop() min: string;\n\n /**\n * Maximum date-time value allowed. Supports any date format supported by the JavaScript Date constructor.\n * Recommended format: ISO 8601 (YYYY-MM-DDTHH:mm) for consistency.\n */\n @Prop() max: string;\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 * Whether the field is required for form submission. Adds visual indicator (*) and validation.\n */\n @Prop() required: boolean;\n\n /**\n * Initial value for the date-time selector. Used for uncontrolled components to set the default value.\n * Only used when `value` prop is not provided.\n */\n @Prop() initialValue: string;\n\n /**\n * Current value of the date-time selector. 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 * 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 /**\n * Internal value state. Manages the current date-time value independently of props.\n * @internal\n */\n @State() internalValue: string = '';\n\n /**\n * Internal error message state. Manages display of validation errors.\n * @internal\n */\n @State() errorMessage: string;\n\n /**\n * Emitted when the date-time 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 date-time selector in ISO format\n *\n * @example\n * ```tsx\n * <udp-datetime-selector onChange={(e) => handleDateChange(e.detail)} />\n * ```\n */\n @Event() change: EventEmitter<string>;\n\n\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 or if this is an uncontrolled component.\n * @internal\n */\n @Watch('initialValue')\n initialValueChanged(newValue: string) {\n // Only update if we don't have a value yet or if this is uncontrolled (no value prop)\n if ((this.internalValue === '' || this.internalValue === undefined) || this.value === undefined) {\n if (newValue !== undefined) {\n this.internalValue = newValue;\n }\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 valueChanged() {\n // If value prop is provided, this is a controlled component\n if (this.value !== undefined && this.value !== this.internalValue) {\n this.internalValue = this.value;\n }\n }\n\n /**\n * Component lifecycle method. Initializes error message and internal value.\n * @internal\n */\n componentWillLoad() {\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 if (this.error) {\n this.errorMessage = this.error;\n }\n }\n\n /**\n * Handles input events (date-time changes). Updates internal state and emits events.\n * For controlled components, also updates the value prop.\n * @param event - The native input event\n * @internal\n */\n private handleDateChange = (event: Event) => {\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 // Emit events for real-time and committed updates\n this.change.emit(newValue);\n }\n\n /**\n * Handles blur events. Event bubbles up to stencil-field automatically.\n * @param event - The focus event\n * @internal\n */\n private handleBlur = () => {\n // Event will bubble up to stencil-field automatically\n }\n\n /**\n * Handles focus events. Event bubbles up to stencil-field automatically.\n * @param event - The focus event\n * @internal\n */\n private handleFocus = () => {\n // Event will bubble up to stencil-field automatically\n }\n\n /**\n * Formats a date string for HTML datetime-local input.\n * Handles timezone compensation to prevent JavaScript's automatic timezone adjustment.\n * @param dateString - Date string to format\n * @returns Formatted date string (YYYY-MM-DDTHH:mm) or null if invalid\n * @internal\n */\n formatDateForHtml(dateString: string) {\n // convert to date\n const date = new Date(dateString);\n\n if (isNaN(new Date(date)?.getTime())) return null;\n\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\n date?.setTime(date?.getTime() - date?.getTimezoneOffset() * 60 * 1000);\n\n const isoString = date?.toISOString();\n if (!isoString) return null;\n // html wants the format YYYY-MM-DDThh:mm, ISO strings have YYYY-MM-DDTHH:MM:SS.mmmZ, so split it on ':' and take the first 2 sections\n const splitISO = isoString.split(':');\n\n return `${splitISO[0]}:${splitISO[1]}`;\n }\n\n /**\n * Renders the date-time selector component.\n * @returns JSX element\n * @internal\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('datetime-selector--disabled');\n }\n if (this.fullWidth) {\n classNames.push('bx--text-input--full-width');\n }\n const inputClass = classNames.join(' ');\n return (\n <Host\n class={{\n 'udp-input': true,\n 'udp-input--error': isError,\n 'udp-input--disabled': this.disabled,\n 'udp-input--readonly': this.readonly,\n 'udp-input--full-width': this.fullWidth,\n 'udp-input--required': this.required,\n [`udp-input--size-${this.size}`]: true,\n [`udp-input--margin-${this.margin}`]: true,\n }}\n aria-invalid={isError ? 'true' : 'false'}\n aria-required={this.required ? 'true' : 'false'}\n >\n <div class=\"bx--form-item\">\n <unity-typography variant=\"caption-text\">\n <label htmlFor={this.id} class=\"bx--label\">\n {this.label}\n {this.required ? '*' : ''}\n </label>\n </unity-typography>\n <input\n type=\"datetime-local\"\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 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-datetime-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","@import '../inputs.css';\n","import { Component, h, Host, State, Event, EventEmitter, Prop, Watch } from '@stencil/core';\nimport { InputSize, InputMargin } from '../input-types';\n\n/**\n * A standardized time input component with validation, min/max constraints, and precise time selection.\n * Supports both controlled and uncontrolled modes with proper event emission for integration\n * with form libraries and custom event handlers.\n *\n * **Time Handling:**\n * - Uses HTML5 `time` input for consistent browser behavior and native time picker\n * - Supports HH:mm format (24-hour time) as per HTML5 specification\n * - Provides min/max time constraints for validation\n *\n * @example\n * ```tsx\n * // Uncontrolled component with initial value\n * <udp-time-selector\n * label=\"Meeting Time\"\n * initialValue=\"14:30\"\n * onChange={(e) => console.log('Selected:', e.detail)}\n * />\n *\n * // Controlled component\n * <udp-time-selector\n * label=\"Appointment Time\"\n * value={appointmentTime}\n * onChange={(e) => setAppointmentTime(e.detail)}\n * />\n *\n * // With validation and constraints\n * <udp-time-selector\n * label=\"Business Hours\"\n * value={businessTime}\n * min=\"09:00\"\n * max=\"17:00\"\n * required={true}\n * error={timeError}\n * onChange={handleTimeChange}\n * />\n * ```\n */\n@Component({\n tag: 'udp-time-selector',\n styleUrl: 'udp-time-selector.css',\n shadow: true,\n})\nexport class UdpTimeSelector {\n /**\n * Unique identifier for the input element. Used for form association and accessibility.\n */\n @Prop() id: string;\n\n /**\n * Name attribute for the input element. Used for form submission.\n */\n @Prop() name: string;\n\n /**\n * Label text displayed above the input field. Used for accessibility and user guidance.\n */\n @Prop() label: string;\n\n /**\n * Minimum time value allowed. Uses HH:mm format (e.g., \"09:00\").\n * Enforces lower bounds validation for time selection.\n */\n @Prop() min: string;\n\n /**\n * Maximum time value allowed. Uses HH:mm format (e.g., \"17:00\").\n * Enforces upper bounds validation for time selection.\n */\n @Prop() max: string;\n\n /**\n * Whether the field is required for form submission. Adds visual indicator (*) and validation.\n */\n @Prop() required: boolean;\n\n /**\n * Error message to display below the input field. Shows validation errors or other issues.\n */\n @Prop() error: string;\n\n /**\n * Initial value for the time selector. Used for uncontrolled components to set the default value.\n * Uses HH:mm format (e.g., \"14:30\"). Only used when `value` prop is not provided.\n */\n @Prop() initialValue: string;\n\n /**\n * Current value of the time selector. When provided, makes this a controlled component.\n * Uses HH:mm format (e.g., \"14:30\"). The component will use this value and update it through events.\n */\n @Prop({ mutable: true }) value: string = '';\n\n /**\n * Whether the field is disabled. Users cannot interact with the field when disabled.\n */\n @Prop() disabled: boolean;\n\n /**\n * Whether the input is readonly.\n */\n @Prop() readonly: boolean = false;\n\n /**\n * Whether the input should take the full width of its container.\n */\n @Prop() fullWidth: boolean = false;\n\n /**\n * Size variant controlling the padding and spacing of the input.\n * - 'small': Compact spacing for data-heavy interfaces\n * - 'normal': Standard spacing (default)\n * - 'large': Generous spacing for accessibility\n */\n @Prop() size: InputSize = 'normal';\n\n /**\n * Margin variant for the input spacing.\n * - 'none': No margin\n * - 'dense': Minimal margin spacing\n * - 'normal': Standard margin spacing (default)\n */\n @Prop() margin: InputMargin = 'normal';\n\n @State() internalValue: string = ''; // Internal state for value management\n @State() errorMessage: string;\n\n /**\n * Emitted when the time value changes through user interaction or programmatic update.\n * Contains the new time value in HH:mm format.\n */\n @Event() change: EventEmitter<string>;\n\n /**\n * Emitted when the user types in the time input field.\n * Contains the current input value (may be incomplete during typing).\n */\n @Event() input: EventEmitter<string>;\n\n /**\n * 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 time input. Standard focus events bubble naturally.\n */\n handleBlur() {\n // Standard focus events bubble naturally - no custom emission needed\n }\n\n /**\n * Handles the focus event on the time input. Standard focus events bubble naturally.\n */\n handleFocus() {\n // Standard focus events bubble naturally - no custom emission needed\n }\n\n /**\n * Handles changes to the time input value. Updates internal state and emits standard events.\n * @param event - The input event from the time input\n */\n handleTimeChange = (event: Event) => {\n const target = event.target as HTMLInputElement;\n const newValue = target.value;\n\n // Update internal value\n this.internalValue = newValue;\n\n // Update controlled value if this is a controlled component\n if (this.value !== undefined) {\n this.value = newValue;\n }\n\n // Emit standard events for integration with form libraries and custom handlers\n this.change.emit(newValue);\n this.input.emit(newValue);\n }\n\n render() {\n const isError: boolean = !!this.errorMessage;\n const classNames = ['bx--text-input'];\n if (isError) {\n classNames.push('bx--text-input--error');\n }\n if (this.disabled) {\n classNames.push('time-selector--disabled');\n }\n if (this.fullWidth) {\n classNames.push('bx--text-input--full-width');\n }\n const inputClass = classNames.join(' ');\n\n return (\n <Host\n class={{\n 'udp-input': true,\n 'udp-input--error': isError,\n 'udp-input--disabled': this.disabled,\n 'udp-input--readonly': this.readonly,\n 'udp-input--full-width': this.fullWidth,\n 'udp-input--required': this.required,\n [`udp-input--size-${this.size}`]: true,\n [`udp-input--margin-${this.margin}`]: true,\n }}\n aria-invalid={isError ? 'true' : 'false'}\n aria-required={this.required ? 'true' : 'false'}\n >\n <div class=\"bx--form-item\">\n <unity-typography variant=\"caption-text\">\n <label htmlFor={this.id} class=\"bx--label\">\n {this.label}\n {this.required ? '*' : ''}\n </label>\n </unity-typography>\n <input\n type=\"time\"\n id={this.id}\n name={this.name}\n class={inputClass}\n value={this.internalValue}\n min={this.min}\n max={this.max}\n onInput={this.handleTimeChange}\n onChange={this.handleTimeChange}\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-time-selector-' + this.id}\n />\n <unity-typography class=\"error-message\" variant=\"caption-text\" color=\"error\">\n {this.errorMessage}\n </unity-typography>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/stencil-library/p-77739d4b.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as t,h as e,F as i,H as n}from"./p-CaIWDYyq.js";import{g as s}from"./p-B7tdArhp.js";import{q as o}from"./p-CyQelV_a.js";import"@carbon/icons/es/add/16";import"@carbon/icons/es/add/32";import"@carbon/icons/es/add--alt/16";import"@carbon/icons/es/add--filled/16";import"@carbon/icons/es/arrows--horizontal/16";import"@carbon/icons/es/attachment/16";import"@carbon/icons/es/batch-job/16";import"@carbon/icons/es/box/16";import"@carbon/icons/es/close/16";import"@carbon/icons/es/close/32";import"@carbon/icons/es/close--filled/16";import"@carbon/icons/es/close--outline/16";import"@carbon/icons/es/checkmark/16";import"@carbon/icons/es/checkmark/32";import"@carbon/icons/es/chevron--left/16";import"@carbon/icons/es/chevron--right/16";import"@carbon/icons/es/data-enrichment/16";import"@carbon/icons/es/document/16";import"@carbon/icons/es/document--add/16";import"@carbon/icons/es/document--attachment/16";import"@carbon/icons/es/document--pdf/16";import"@carbon/icons/es/draggable/16";import"@carbon/icons/es/edit/16";import"@carbon/icons/es/export/16";import"@carbon/icons/es/flag/16";import"@carbon/icons/es/information/16";import"@carbon/icons/es/information/32";import"@carbon/icons/es/link/16";import"@carbon/icons/es/overflow-menu--vertical/16";import"@carbon/icons/es/overflow-menu--vertical/32";import"@carbon/icons/es/return/16";import"@carbon/icons/es/save/16";import"@carbon/icons/es/settings/16";import"@carbon/icons/es/subtract/16";import"@carbon/icons/es/subtract--alt/16";import"@carbon/icons/es/subtract--filled/16";import"@carbon/icons/es/trash-can/16";import"@carbon/icons/es/user/16";import"@carbon/icons/es/view/16";import"@carbon/icons/es/warning/16";import"@carbon/icons/es/warning/32";import"@carbon/icons/es/warning--alt/16";import"@carbon/icons/es/warning--alt/32";import"@carbon/icons/es/product/16";import"@carbon/icons/es/workspace/16";import"@carbon/icons/es/arrow--up/16";import"@carbon/icons/es/arrow--down/16";import"@carbon/icons/es/copy/16";import"@carbon/icons/es/text--font/16";import"@carbon/icons/es/text--long-paragraph/16";import"@carbon/icons/es/character--whole-number/16";import"@carbon/icons/es/checkbox--checked/16";import"@carbon/icons/es/radio-button--checked/16";import"@carbon/icons/es/event--schedule/16";import"@carbon/icons/es/view--off/16";import"@carbon/icons/es/time/16";import"@carbon/icons/es/calendar/16";import"@carbon/icons/es/list--checked/16";import"@carbon/icons/es/list--bulleted/16";import"@carbon/icons/es/cloud--upload/16";const a=":host{display:block}.question-item-date-inputs-container,.question-item-time-inputs-container,.question-item-date-time-inputs-container{display:flex;flex-direction:column;gap:var(--spacing-04, 16px)}.question-item-date-inputs-container-date-range,.question-item-date-inputs-container-time-range,.question-item-date-inputs-container-datetime-range{display:flex;flex-direction:row;gap:var(--spacing-04, 16px)}";const r=class{constructor(e){t(this,e)}renderSwitch(){var t;switch(this.question.fieldTypeId){case 9:return e("div",{class:"question-item-date-inputs-container"},e("div",{class:"question-item-date-inputs-container-date-range"},e("udp-date-selector",{label:"Min Date",value:this.question.fieldProperties.minDate,fullWidth:true,onChange:t=>{if(this.isViewOnly)return;const e=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyDateTime");const i=e(t,this.formSectionsDraft,this.sIndex,this.qIndex,"minDate");this.onFormSectionsDraftChange(i)}}),e("udp-date-selector",{label:"Max Date",value:this.question.fieldProperties.maxDate,fullWidth:true,onChange:t=>{if(this.isViewOnly)return;const e=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyDateTime");const i=e(t,this.formSectionsDraft,this.sIndex,this.qIndex,"maxDate");this.onFormSectionsDraftChange(i)}})),e("stencil-toggle",{label:"Allow Future Date",disabled:this.isViewOnly,checked:this.question.fieldProperties.allowFutureDate===true,onToggledChange:()=>{if(this.isViewOnly)return;const t=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyBooleanToggle");const e=t(this.formSectionsDraft,this.sIndex,this.qIndex,"allowFutureDate");this.onFormSectionsDraftChange(e)},labelPosition:"right"}));case 10:return e("div",{class:"question-item-time-inputs-container"},e("div",{class:"question-item-date-inputs-container-time-range"},e("udp-time-selector",{label:"Min Time",value:this.question.fieldProperties.minTime,fullWidth:true,onChange:t=>{if(this.isViewOnly)return;const e=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyDateTime");const i=e(t,this.formSectionsDraft,this.sIndex,this.qIndex,"minTime");this.onFormSectionsDraftChange(i)}}),e("udp-time-selector",{label:"Max Time",value:this.question.fieldProperties.maxTime,fullWidth:true,onChange:t=>{if(this.isViewOnly)return;const e=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyDateTime");const i=e(t,this.formSectionsDraft,this.sIndex,this.qIndex,"maxTime");this.onFormSectionsDraftChange(i)}})));case 11:return e(i,null,e("div",{class:"question-item-date-time-inputs-container"},e("div",{class:"question-item-date-inputs-container-datetime-range"},e("udp-datetime-selector",{label:"Min Datetime",value:this.question.fieldProperties.minDateTime,fullWidth:true,onChange:t=>{if(this.isViewOnly)return;const e=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyDateTime");const i=e(t,this.formSectionsDraft,this.sIndex,this.qIndex,"minDateTime");this.onFormSectionsDraftChange(i)}}),e("udp-datetime-selector",{label:"Max Datetime",value:this.question.fieldProperties.maxDateTime,fullWidth:true,onChange:t=>{if(this.isViewOnly)return;const e=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyDateTime");const i=e(t,this.formSectionsDraft,this.sIndex,this.qIndex,"maxDateTime");this.onFormSectionsDraftChange(i)}})),e("div",{class:"question-item-future-date-container"},e("stencil-toggle",{label:"Allow Future Date",disabled:this.isViewOnly,checked:!!((t=this.question.fieldProperties)===null\|\|t===void 0?void 0:t.allowFutureDate),onToggledChange:()=>{if(this.isViewOnly)return;const t=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyBooleanToggle");const e=t(this.formSectionsDraft,this.sIndex,this.qIndex,"allowFutureDate");this.onFormSectionsDraftChange(e)},labelPosition:"right"}))));default:return null}}render(){return this.renderSwitch()}};r.style=a;const c=".file-upload-input-container{display:flex;flex-direction:column;gap:var(--spacing-04, 16px);}";const l=class{constructor(e){t(this,e)}render(){var t,i;return e("div",{key:"36569a1a68ca22e259cf712587797c5020c24f5b",class:"file-upload-input-container"},e("div",{key:"0fed236a2be63f0ca181cf42b9e0f4a4b61db4e0"},e("stencil-toggle",{key:"3166c517df6f531789126d55f389614354adbefa",label:"Hide Drag And Drop",disabled:this.isViewOnly,checked:!!((t=this.question.fieldProperties)===null\|\|t===void 0?void 0:t.hideDragAndDrop),onToggledChange:()=>{if(this.isViewOnly)return;const t=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyBooleanToggle");const e=t(this.formSectionsDraft,this.sIndex,this.qIndex,"hideDragAndDrop");this.onFormSectionsDraftChange(e)},labelPosition:"right"})),e("div",{key:"79fcd930555d7724f9418c9233d72527b17765b2"},e("stencil-toggle",{key:"6b6b9f8ab6736fe3630f5b0a2cfdaaacdcbf5c7b",label:"Hide Button",disabled:this.isViewOnly,checked:!!((i=this.question.fieldProperties)===null\|\|i===void 0?void 0:i.hideButton),onToggledChange:()=>{if(this.isViewOnly)return;const t=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyBooleanToggle");const e=t(this.formSectionsDraft,this.sIndex,this.qIndex,"hideButton");this.onFormSectionsDraftChange(e)},labelPosition:"right"})))}};l.style=c;const d="/* Styles for list-options-renderer /\n\n:host {\n padding: 0;\n display: block;\n\n\n .question-item-options-list-container {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-04, 16px);\n padding: var(--spacing-04, 16px) 0;\n / background-color: var(--primary-color-alpha-15); /\n }\n\n .question-item-options-item {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(--spacing-04, 16px);\n padding: var(--spacing-03, 16px);\n width: 100%;\n border-radius: var(--border-radius);\n border: 1px solid var(--gray-03);\n box-sizing: border-box;\n box-shadow: var(--elevation-01);\n background-color: var(--card-background-color, #fff);\n margin: 0.3em 0;\n }\n\n .question-item-options-item-fields {\n display: flex;\n flex-direction: row;\n gap: var(--spacing-04, 16px);\n flex-grow: 1;\n }\n\n .list-options-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n}\n\n/ \n.question-item-options-list-container {\n display: flex;\n align-items: center;\n justify-content: space-between;\n border-radius: var(--border-radius);\n gap: var(--spacing-03);\n}\n\n.question-item-options-list-single-item-container {\n}\n\n.question-item-options-text-field-list-item {\n display: flex;\n gap: var(--spacing-03);\n} */";const h=class{constructor(e){t(this,e)}render(){var t,i,o;return e(n,{key:"0f00248666d754fca4546c465b02056c108f8c3b"},e("div",{key:"a72c76a0bbca29a95e997c7251dea4dd4b239e59",class:"question-item-options-list-container"},e("stencil-toggle",{key:"21c04b6985e58065b59bbc3af4ef4cdf15f3297c",label:"Use Lookup Options",disabled:this.isViewOnly,checked:"lookupId"in this.question.fieldProperties,labelPosition:"right",onToggledChange:()=>{const t=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyToggleManualOrLookupOptions");const e=t(this.formSectionsDraft,this.sIndex,this.qIndex);this.onFormSectionsDraftChange(e);console.log(this.lookupOptions)}}),"lookupId"in this.question.fieldProperties&&e("div",{key:"3305dd198b83a801edb026db1fff09e8e34f9426"},e("udp-selector",{label:"Lookup Source",key:"lookup-selector",initialValue:((t=this.question.fieldProperties)===null\|\|t===void 0?void 0:t.lookupId)\|\|"",options:this.lookupOptions,disabled:this.isViewOnly,required:true,onChange:t=>{const e=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyLookupChange");const i=e(t.detail,this.formSectionsDraft,this.sIndex,this.qIndex);this.onFormSectionsDraftChange(i)}})),"items"in this.question.fieldProperties&&e("div",{key:"5e00e3bb7c9676db3038144d840f1e053912b402"},e("div",{key:"09304319fc7f93996d8a94e9380043208299d864",class:"list-options-header"},e("unity-typography",{key:"39e3eb8be074ce796456a53034ea87de348da617",variant:"h6"},"Configure Select Options"),!this.isViewOnly&&"items"in this.question.fieldProperties&&e("udp-button",{key:"485ad7c558e78146edad6387de52cd3a1b81ea2a",variant:"text",onClick:()=>{const t=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyAddListItem");const e=t(this.formSectionsDraft,this.sIndex,this.qIndex,"","");this.onFormSectionsDraftChange(e)},startIcon:e("udp-icon",{iconName:"add",darkIcon:true}),title:"Add an Option"},"Add an Option")),(o=(i=this.question.fieldProperties)===null\|\|i===void 0?void 0:i.items)===null\|\|o===void 0?void 0:o.map(((t,i)=>e("div",{key:i,class:"question-item-options-item"},e("div",{class:"question-item-options-item-fields"},e("text-field",{label:"Display Text",value:t.display,disabled:this.isViewOnly,placeholder:"Display Text",required:true,onInput:t=>{const e=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyListItemChange");const n=e(t,this.formSectionsDraft,this.sIndex,this.qIndex,i,"display");this.onFormSectionsDraftChange(n)}}),e("text-field",{label:"Option Value",value:t.value,disabled:this.isViewOnly,placeholder:"Option Value",required:true,onInput:t=>{const e=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyListItemChange");const n=e(t,this.formSectionsDraft,this.sIndex,this.qIndex,i,"value");this.onFormSectionsDraftChange(n)}})),this.question.fieldProperties.items.length>1&&!this.isViewOnly&&e("stencil-icon-button",{icon:s("trashCan"),onClick:()=>{const t=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyRemoveListItem");const e=t(this.formSectionsDraft,this.sIndex,this.qIndex,i);this.onFormSectionsDraftChange(e)}})))))))}};h.style=d;const p="";const u=class{constructor(e){t(this,e);this.getHandler=(t,e)=>{var i;const n=o.find((e=>e.fieldTypeId===t));return(i=n===null\|\|n===void 0?void 0:n.handlers)===null\|\|i===void 0?void 0:i[e]}}get question(){var t,e;return(e=(t=this.formSectionsDraft)===null\|\|t===void 0?void 0:t[this.sIndex].formQuestions)===null\|\|e===void 0?void 0:e[this.qIndex]}render(){switch(this.question.fieldTypeId){case 2:case 3:return e("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:case 5:case 6:case 7:case 8:return e("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:case 10:case 11:return e("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:return e("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}}};u.style=p;const m=".question-item-text-input-container{display:flex;flex-direction:column;gap:var(--spacing-04, 16px)}.question-item-text-input-container>div{width:100%}";const b=class{constructor(e){t(this,e)}render(){var t,i;return e("div",{key:"8fa6200c27e0f50adac392283b11fa60693192ee",class:"question-item-text-input-container"},e("div",{key:"51e80e679911b1f181dda048229b9b0ad05caabe"},e("numeric-field",{key:"9de0148bff8207e8fd3878e1f48709e7d8288d6c",label:"Min Character Length",value:(t=this.question.fieldProperties.minCharacter)===null\|\|t===void 0?void 0:t.toString(),disabled:this.isViewOnly,onChange:t=>{const e=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyMinMaxCharacter");const i={target:{value:t.detail}};const n=e(i,this.formSectionsDraft,this.sIndex,this.qIndex,"minCharacter");this.onFormSectionsDraftChange(n)}})),e("div",{key:"2a8b5ad18219526ab92770e0a0814d1423d1b041"},e("numeric-field",{key:"d063acd6f059fb20d7698961affcdc126dcb47f5",label:"Max Character Length",value:(i=this.question.fieldProperties.maxCharacter)===null\|\|i===void 0?void 0:i.toString(),disabled:this.isViewOnly,onChange:t=>{const e=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyMinMaxCharacter");const i={target:{value:t.detail}};const n=e(i,this.formSectionsDraft,this.sIndex,this.qIndex,"maxCharacter");this.onFormSectionsDraftChange(n)}})))}};b.style=m;export{r as date_time_renderer,l as file_upload_renderer,h as list_options_renderer,u as question_specific_configs_renderer,b as text_input_renderer};
2	- //# sourceMappingURL=p-77739d4b.entry.js.map

package/dist/stencil-library/p-77739d4b.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["dateTimeRendererCss","DateTimeRenderer","renderSwitch","this","question","fieldTypeId","h","class","label","value","fieldProperties","minDate","fullWidth","onChange","e","isViewOnly","handler","getHandler","updated","formSectionsDraft","sIndex","qIndex","onFormSectionsDraftChange","maxDate","disabled","checked","allowFutureDate","onToggledChange","labelPosition","minTime","maxTime","Fragment","minDateTime","maxDateTime","_a","render","fileUploadRendererCss","FileUploadRenderer","key","hideDragAndDrop","_b","hideButton","listOptionsRendererCss","ListOptionsRenderer","Host","console","log","lookupOptions","initialValue","lookupId","options","required","detail","variant","onClick","startIcon","iconName","darkIcon","title","_c","items","map","item","idx","display","placeholder","onInput","length","icon","getIconFromName","questionSpecificConfigsRendererCss","QuestionSpecificConfigsRenderer","constructor","hostRef","handlerName","template","questionsTemplate","find","q","handlers","formQuestions","textInputRendererCss","TextInputRenderer","minCharacter","toString","mockEvent","target","maxCharacter"],"sources":["src/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/question_type_renderers/date-time-renderer.css?tag=date-time-renderer&encapsulation=shadow","src/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/question_type_renderers/date-time-renderer.tsx","src/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/question_type_renderers/file-upload-renderer.css?tag=file-upload-renderer&encapsulation=shadow","src/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/question_type_renderers/file-upload-renderer.tsx","src/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/question_type_renderers/list-options-renderer.css?tag=list-options-renderer&encapsulation=shadow","src/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/question_type_renderers/list-options-renderer.tsx","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","src/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/question_type_renderers/text-input-renderer.css?tag=text-input-renderer&encapsulation=shadow","src/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/question_type_renderers/text-input-renderer.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.question-item-date-inputs-container,\n.question-item-time-inputs-container,\n.question-item-date-time-inputs-container {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-04, 16px);\n}\n\n.question-item-date-inputs-container-date-range,\n.question-item-date-inputs-container-time-range,\n.question-item-date-inputs-container-datetime-range {\n display: flex;\n flex-direction: row;\n gap: var(--spacing-04, 16px);\n}\n","import { Component, Fragment, h, Prop } from '@stencil/core';\nimport { UdpFormQuestion } from 'src/components/my-component/UI/forms/udp-forms/types'; // Using path that worked previously\n// We will need to import any components used like udp-date-selector, udp-time-selector, udp-datetime-selector, stencil-toggle, unity-typography etc.\n// This will require knowing their correct import paths or ensuring they are globally available.\n\n@Component({\n tag: 'date-time-renderer',\n styleUrl: 'date-time-renderer.css',\n shadow: true,\n})\nexport class DateTimeRenderer {\n @Prop() question: UdpFormQuestion;\n @Prop() isViewOnly: boolean;\n @Prop() formSectionsDraft: any[][];\n @Prop() sIndex: number;\n @Prop() qIndex: number;\n @Prop() onFormSectionsDraftChange: (updatedSections: any[][]) => void;\n @Prop() getHandler: (fieldTypeId: number, handlerName: string) => any;\n\n renderSwitch() {\n switch (this.question.fieldTypeId) {\n case 9: // Date Selector\n return (\n <div class=\"question-item-date-inputs-container\">\n <div class=\"question-item-date-inputs-container-date-range\">\n <udp-date-selector\n label=\"Min Date\"\n value={this.question.fieldProperties.minDate}\n fullWidth={true}\n onChange={e => {\n if (this.isViewOnly) return;\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyDateTime');\n const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, 'minDate');\n this.onFormSectionsDraftChange(updated);\n }}\n ></udp-date-selector>\n <udp-date-selector\n label=\"Max Date\"\n value={this.question.fieldProperties.maxDate}\n fullWidth={true}\n onChange={e => {\n if (this.isViewOnly) return;\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyDateTime');\n const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, 'maxDate');\n this.onFormSectionsDraftChange(updated);\n }}\n ></udp-date-selector>\n </div>\n <stencil-toggle\n label=\"Allow Future Date\"\n disabled={this.isViewOnly}\n checked={this.question.fieldProperties.allowFutureDate === true}\n onToggledChange={() => {\n if (this.isViewOnly) return;\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');\n const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'allowFutureDate');\n this.onFormSectionsDraftChange(updated);\n }}\n labelPosition=\"right\"\n ></stencil-toggle>\n </div>\n );\n case 10: // Time Selector\n return (\n <div class=\"question-item-time-inputs-container\">\n <div class=\"question-item-date-inputs-container-time-range\">\n <udp-time-selector\n label=\"Min Time\"\n value={this.question.fieldProperties.minTime}\n fullWidth={true}\n onChange={e => {\n if (this.isViewOnly) return;\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyDateTime');\n const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, 'minTime');\n this.onFormSectionsDraftChange(updated);\n }}\n ></udp-time-selector>\n <udp-time-selector\n label=\"Max Time\"\n value={this.question.fieldProperties.maxTime}\n fullWidth={true}\n onChange={e => {\n if (this.isViewOnly) return;\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyDateTime');\n const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, 'maxTime');\n this.onFormSectionsDraftChange(updated);\n }}\n ></udp-time-selector>\n </div>\n </div>\n );\n case 11: // DateTime Selector\n return (\n <Fragment>\n <div class=\"question-item-date-time-inputs-container\">\n <div class=\"question-item-date-inputs-container-datetime-range\">\n <udp-datetime-selector\n label=\"Min Datetime\"\n value={this.question.fieldProperties.minDateTime}\n fullWidth={true}\n onChange={e => {\n if (this.isViewOnly) return;\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyDateTime');\n const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, 'minDateTime');\n this.onFormSectionsDraftChange(updated);\n }}\n ></udp-datetime-selector>\n <udp-datetime-selector\n label=\"Max Datetime\"\n value={this.question.fieldProperties.maxDateTime}\n fullWidth={true}\n onChange={e => {\n if (this.isViewOnly) return;\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyDateTime');\n const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, 'maxDateTime');\n this.onFormSectionsDraftChange(updated);\n }}\n ></udp-datetime-selector>\n </div>\n <div class=\"question-item-future-date-container\">\n <stencil-toggle\n label=\"Allow Future Date\"\n disabled={this.isViewOnly}\n checked={!!this.question.fieldProperties?.allowFutureDate}\n onToggledChange={() => {\n if (this.isViewOnly) return;\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');\n const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'allowFutureDate');\n this.onFormSectionsDraftChange(updated);\n }}\n labelPosition=\"right\"\n ></stencil-toggle>\n </div>\n </div>\n </Fragment>\n );\n default:\n return null;\n }\n }\n\n render() {\n return this.renderSwitch();\n }\n}\n","/* Styles for file-upload-renderer */\n.file-upload-input-container {\n display: flex;\n flex-direction: column; /* Stack toggles vertically */\n gap: var(--spacing-04, 16px); /* Consistent spacing with other components */\n}\n\n/* Add any other specific styles for file upload inputs here */ ","import { Component, h, Prop } from '@stencil/core';\nimport { UdpFormQuestion } from 'src/components/my-component/UI/forms/udp-forms/types';\n// stencil-toggle should be globally available or imported if necessary\n\n@Component({\n tag: 'file-upload-renderer',\n styleUrl: 'file-upload-renderer.css',\n shadow: true,\n})\nexport class FileUploadRenderer {\n @Prop() question: UdpFormQuestion;\n @Prop() isViewOnly: boolean;\n @Prop() formSectionsDraft: any[][];\n @Prop() sIndex: number;\n @Prop() qIndex: number;\n @Prop() onFormSectionsDraftChange: (updatedSections: any[][]) => void;\n @Prop() getHandler: (fieldTypeId: number, handlerName: string) => any;\n\n render() {\n return (\n <div class=\"file-upload-input-container\">\n <div>\n <stencil-toggle\n label=\"Hide Drag And Drop\"\n disabled={this.isViewOnly}\n checked={!!this.question.fieldProperties?.hideDragAndDrop}\n onToggledChange={() => {\n if (this.isViewOnly) return;\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');\n const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'hideDragAndDrop');\n this.onFormSectionsDraftChange(updated);\n }}\n labelPosition=\"right\"\n ></stencil-toggle>\n </div>\n <div>\n <stencil-toggle\n label=\"Hide Button\"\n disabled={this.isViewOnly}\n checked={!!this.question.fieldProperties?.hideButton}\n onToggledChange={() => {\n if (this.isViewOnly) return;\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');\n const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'hideButton');\n this.onFormSectionsDraftChange(updated);\n }}\n labelPosition=\"right\"\n ></stencil-toggle>\n </div>\n </div>\n );\n }\n}\n","/* Styles for list-options-renderer */\n\n:host {\n padding: 0;\n display: block;\n\n\n .question-item-options-list-container {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-04, 16px);\n padding: var(--spacing-04, 16px) 0;\n /* background-color: var(--primary-color-alpha-15); */\n }\n\n .question-item-options-item {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(--spacing-04, 16px);\n padding: var(--spacing-03, 16px);\n width: 100%;\n border-radius: var(--border-radius);\n border: 1px solid var(--gray-03);\n box-sizing: border-box;\n box-shadow: var(--elevation-01);\n background-color: var(--card-background-color, #fff);\n margin: 0.3em 0;\n }\n\n .question-item-options-item-fields {\n display: flex;\n flex-direction: row;\n gap: var(--spacing-04, 16px);\n flex-grow: 1;\n }\n\n .list-options-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n}\n\n/* \n.question-item-options-list-container {\n display: flex;\n align-items: center;\n justify-content: space-between;\n border-radius: var(--border-radius);\n gap: var(--spacing-03);\n}\n\n.question-item-options-list-single-item-container {\n}\n\n.question-item-options-text-field-list-item {\n display: flex;\n gap: var(--spacing-03);\n} */","import { Component, h, Prop, Host } from '@stencil/core';\nimport { UdpFormQuestion } from 'src/components/my-component/UI/forms/udp-forms/types'; // Using path that worked previously\n// We will need to import any components used like udp-icon, text-field, unity-typography etc.\n// This will require knowing their correct import paths or ensuring they are globally available.\nimport { getIconFromName } from '../../../../../data-display/icons/iconUtils';\n\n@Component({\n tag: 'list-options-renderer',\n styleUrl: 'list-options-renderer.css',\n shadow: true,\n})\nexport class ListOptionsRenderer {\n @Prop() question: UdpFormQuestion;\n @Prop() isViewOnly: boolean;\n @Prop() formSectionsDraft: any[][];\n @Prop() sIndex: number;\n @Prop() qIndex: number;\n @Prop() lookupOptions: any[];\n @Prop() onFormSectionsDraftChange: (updatedSections: any[][]) => void;\n @Prop() getHandler: (fieldTypeId: number, handlerName: string) => any;\n\n render() {\n return (\n <Host>\n <div class=\"question-item-options-list-container\">\n <stencil-toggle\n label=\"Use Lookup Options\"\n disabled={this.isViewOnly}\n checked={'lookupId' in this.question.fieldProperties}\n labelPosition=\"right\"\n onToggledChange={() => {\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyToggleManualOrLookupOptions');\n const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex);\n this.onFormSectionsDraftChange(updated);\n console.log(this.lookupOptions);\n }}\n ></stencil-toggle>\n\n {/* Display lookup components if question is configured for lookup */}\n {'lookupId' in this.question.fieldProperties && (\n <div>\n <udp-selector\n label=\"Lookup Source\"\n key=\"lookup-selector\"\n initialValue={this.question.fieldProperties?.lookupId || ''}\n options={this.lookupOptions}\n disabled={this.isViewOnly}\n required={true}\n onChange={(e: CustomEvent) => {\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyLookupChange');\n const updated = handler(e.detail, this.formSectionsDraft, this.sIndex, this.qIndex);\n this.onFormSectionsDraftChange(updated);\n }}\n ></udp-selector>\n </div>\n )}\n\n {/* Display lookup components if question is configured for manual options */}\n {'items' in this.question.fieldProperties && (\n <div>\n <div class=\"list-options-header\">\n <unity-typography variant=\"h6\">Configure Select Options</unity-typography>\n {!this.isViewOnly && 'items' in this.question.fieldProperties && (\n <udp-button\n variant=\"text\"\n onClick={() => {\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyAddListItem');\n const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, '', '');\n this.onFormSectionsDraftChange(updated);\n }}\n startIcon={<udp-icon iconName={'add'} darkIcon={true} />}\n title=\"Add an Option\"\n >\n Add an Option\n </udp-button>\n )}\n </div>\n {this.question.fieldProperties?.items?.map((item, idx) => (\n <div key={idx} class=\"question-item-options-item\">\n {/* <unity-typography variant={'h4'}>Option {idx + 1}.</unity-typography> */}\n <div class=\"question-item-options-item-fields\">\n <text-field\n label=\"Display Text\"\n value={item.display}\n disabled={this.isViewOnly}\n placeholder=\"Display Text\"\n required={true}\n onInput={e => {\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyListItemChange');\n const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, idx, 'display');\n this.onFormSectionsDraftChange(updated);\n }}\n ></text-field>\n\n <text-field\n label=\"Option Value\"\n value={item.value}\n disabled={this.isViewOnly}\n placeholder=\"Option Value\"\n required={true}\n onInput={e => {\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyListItemChange');\n const updated = handler(e, this.formSectionsDraft, this.sIndex, this.qIndex, idx, 'value');\n this.onFormSectionsDraftChange(updated);\n }}\n ></text-field>\n </div>\n {this.question.fieldProperties.items.length > 1 && !this.isViewOnly && (\n <stencil-icon-button\n icon={getIconFromName('trashCan')}\n onClick={() => {\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyRemoveListItem');\n const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, idx);\n this.onFormSectionsDraftChange(updated);\n }}\n />\n )}\n </div>\n ))}\n </div>\n )}\n </div>\n </Host>\n );\n }\n}\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'; // Corrected path\n\n// Moved getHandler here\n// const getHandler = (fieldTypeId: number, handlerName: string) => {\n// const template = questionsTemplate.find(q => q.fieldTypeId === fieldTypeId);\n// return template?.handlers?.[handlerName];\n// };\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 2: // Single Line Text\n case 3: // Multi Line Text\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 4: // Checkbox\n case 5: // Radio Button\n case 6: // Dropdown Single Select\n case 7: // Dropdown Multiple Select\n case 8: // List\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 9: // Date Selector\n case 10: // Time Selector\n case 11: // DateTime Selector\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 12: // File Upload\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","/* Styles for text-input-renderer */\n.question-item-text-input-container {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-04, 16px);\n}\n\n.question-item-text-input-container > div {\n width: 100%;\n}\n\n/* Add any other specific styles for text inputs here */ ","import { Component, h, Prop } from '@stencil/core';\nimport { UdpFormQuestion } from 'src/components/my-component/UI/forms/udp-forms/types'; // Using path that worked previously\n\n@Component({\n tag: 'text-input-renderer',\n styleUrl: 'text-input-renderer.css',\n shadow: true,\n})\nexport class TextInputRenderer {\n @Prop() question: UdpFormQuestion;\n @Prop() isViewOnly: boolean;\n @Prop() formSectionsDraft: any[][];\n @Prop() sIndex: number;\n @Prop() qIndex: number;\n @Prop() onFormSectionsDraftChange: (updatedSections: any[][]) => void;\n @Prop() getHandler: (fieldTypeId: number, handlerName: string) => any;\n\n render() {\n return (\n <div class=\"question-item-text-input-container\">\n <div>\n <numeric-field\n label=\"Min Character Length\"\n value={this.question.fieldProperties.minCharacter?.toString()}\n disabled={this.isViewOnly}\n onChange={e => {\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyMinMaxCharacter');\n const mockEvent = { target: { value: e.detail } };\n const updated = handler(mockEvent, this.formSectionsDraft, this.sIndex, this.qIndex, 'minCharacter');\n this.onFormSectionsDraftChange(updated);\n }}\n ></numeric-field>\n </div>\n <div>\n <numeric-field\n label=\"Max Character Length\"\n value={this.question.fieldProperties.maxCharacter?.toString()}\n disabled={this.isViewOnly}\n onChange={e => {\n const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyMinMaxCharacter');\n const mockEvent = { target: { value: e.detail } };\n const updated = handler(mockEvent, this.formSectionsDraft, this.sIndex, this.qIndex, 'maxCharacter');\n this.onFormSectionsDraftChange(updated);\n }}\n ></numeric-field>\n </div>\n </div>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/stencil-library/p-7a2202b9.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as t,h as s,a as i}from"./p-CaIWDYyq.js";import{debounce as e}from"lodash";import{g as n}from"./p-Basdb1b1.js";import{c as r,m as o}from"./p-B-daVutk.js";import{C as a}from"./p-Cn7PuhQz.js";import{S as l,c}from"./p-BlJaGZ4k.js";import"axios";class h{async saveFormData(t,s){return null}async loadExistingSubmission(){return null}supportsAutoSave(){return true}}function u(t){if(!Array.isArray(t)){return false}return t.every((t=>t instanceof File))}class f extends h{constructor(t,s,i){super();this.formId=t;this.formVersion=s;this.tenantId=i}objectToFormData(t){var s;const i=[];const e={};for(let n in t){let r;if((s=t[n])===null\|\|s===void 0?void 0:s.value){r=t[n].value}else{r=t[n]}if(u(r)){if(r.length>0){i.push(r[0]);e[n]=r[0].name}}else if(Array.isArray(r)){e[n]=r.map((t=>typeof t==="string"?t:t.value)).join(",")}else{if(r!==null&&r!==undefined&&r!==""){e[n]=r}}}const n=r({formData:JSON.stringify(e),formFiles:i[0]});return n}async getForm(){const t=await o("GET",`${a.productV1ApiUrl}/UdpForm/${this.formId}/describe/public?tenantId=${this.tenantId}`,{}).then((t=>{if(t.id){return t}else{alert("form not found");return null}})).catch((()=>{alert("form not found");return null}));if(t.styleOverrides&&typeof t.styleOverrides==="string"){t.styleOverrides=JSON.parse(t.styleOverrides)}return t}async submitForm(t){const s=this.objectToFormData(t);return await o("POST",`${a.productV1ApiUrl}/UdpForm/${this.formId}/${this.formVersion}/submit/public?tenantId=${this.tenantId}`,s,true).then((()=>true)).catch((()=>false))}}class p extends h{constructor(t,s,i,e,n){super();this.formId=t;this.formVersion=s;this.userId=i;this.existingSubmission=e;this.updateExistingSubmission=n}async getForm(){const t=await o("GET",`${a.productV1ApiUrl}/UdpForm/${this.formId}${this.formVersion?`/${this.formVersion}`:""}/describe`);if(t.styleOverrides&&typeof t.styleOverrides==="string"){t.styleOverrides=JSON.parse(t.styleOverrides)}return t}async loadExistingSubmission(){try{const t=new l(1,1).addFilter("unityUserId",this.userId,c.EQUALS).addFilter("formId",this.formId,c.EQUALS).addFilter("formVersion",this.formVersion.toString(),c.EQUALS).addOrder("id","DESC");const s=await t.execute("UdpFormSubmission");if((s===null\|\|s===void 0?void 0:s.pageList)&&s.pageList.length>0){const t=s.pageList[0];this.existingSubmission=t;this.updateExistingSubmission(t);return t}return null}catch(t){console.error("Error fetching existing form response:",t);return null}}createFormDataForSubmission(t,s){var i,e,n;let o;if(s==="submitted"){o=2}else if(s==="in-progress"){o=1}else{o=typeof s==="number"?s:1}const a={FormId:this.formId,FormVersion:this.formVersion.toString(),Status:o.toString()};if((i=this.existingSubmission)===null\|\|i===void 0?void 0:i.id){a.Id=this.existingSubmission.id}const l=[];const c={};for(let s in t){let i=((e=t[s])===null\|\|e===void 0?void 0:e.value)\|\|t[s];let r=(n=t[s])===null\|\|n===void 0?void 0:n.files;if(r&&Array.isArray(r)){l.push(...r);if(i&&i.trim()!==""){c[s]=i}}else if(u(i)){l.push(...i);if(i.length>0){c[s]=i.map((t=>t.name)).join(",")}}else if(i instanceof File){l.push(i);c[s]=i.name}else if(Array.isArray(i)){c[s]=i.map((t=>typeof t==="string"?t:t.value)).join(",")}else{if(i!==null&&i!==undefined&&i!==""){c[s]=i}}}const h=r(a);l.forEach((t=>h.append("FormFiles",t)));Object.keys(c).forEach((t=>{var s;h.append(`Data[${t}]`,((s=c[t])===null\|\|s===void 0?void 0:s.toString())\|\|"")}));return h}async saveFormData(t,s){const i=this.createFormDataForSubmission(t,s);let e;if(this.existingSubmission){e=await o("PUT",`${a.productV1ApiUrl}/UdpFormSubmission/${this.existingSubmission.id}`,i,true)}else{e=await o("POST",`${a.productV1ApiUrl}/UdpFormSubmission`,i,true)}this.updateExistingSubmission(e);return e}async submitForm(t){try{await this.saveFormData(t,"submitted");return true}catch(t){console.error("Private form submission failed:",t);return false}}}class m{static create(t,s,i,e,n,r,o){if(t){return new f(s,i,e)}else{if(!n){throw new Error("User ID is required for private forms")}return new p(s,i,n,r\|\|null,o\|\|(()=>{}))}}}const d=class{constructor(s){t(this,s);this.isPublic=false;this.userId=null;this.autoSaveDelay=2e3;this.initialValues={};this.submitSuccessful=false;this.existingSubmission=null;this.currentFormData={};this.isSaving=false;this.saveError=null;this.isSubmitted=false;this.tenantId=n();this.handleFormChange=t=>{if(JSON.stringify(t)!==JSON.stringify(this.currentFormData)){this.debouncedAutoSave(t)}};this.handleFinish=()=>{if(this.triggerAction){this.triggerAction(null,{action:"finish"})}}}async componentWillLoad(){this.loading=true;this.formHandler=m.create(this.isPublic,this.formId,this.version,this.tenantId,this.userId,this.existingSubmission,(t=>{this.existingSubmission=t}));this.debouncedAutoSave=e((async t=>{await this.handleAutoSave(t)}),this.autoSaveDelay);if(this.formId&&this.version){await this.loadForm()}this.loading=false}async loadForm(){try{const t=await this.formHandler.getForm();this.form=t;if(this.userId&&this.formHandler.loadExistingSubmission){const t=await this.formHandler.loadExistingSubmission();if(t){this.existingSubmission=t;this.initialValues=t.data\|\|{};if(t.status===2){this.isSubmitted=true}this.initialValues=await this.processInitialValues(this.initialValues);this.currentFormData=Object.assign({},this.initialValues);if(t.status===2\|\|t.status==="submitted"){this.isSubmitted=true}}}}catch(t){console.error("Failed to load form:",t)}}async handleSubmit(t){try{const s=await this.formHandler.submitForm(t);this.submitSuccessful=s}catch(t){console.error("Form submission failed:",t);throw t}}async handleAutoSave(t){if(!this.formHandler.supportsAutoSave()\|\|!this.userId\|\|!this.formHandler.saveFormData){return}this.isSaving=true;this.saveError=null;try{await this.formHandler.saveFormData(t,"in-progress");this.currentFormData=Object.assign({},t)}catch(t){console.error("Auto-save failed:",t);this.saveError="Failed to save form data"}finally{this.isSaving=false}}async processInitialValues(t){const s=Object.assign({},t);for(const[i,e]of Object.entries(t)){if(typeof e==="string"&&this.isFileReference(e)){s[i]=await this.parseFileReferences(e)}}return s}isFileReference(t){return typeof t==="string"&&t.includes("\|")&&(t.includes("udp:")\|\|t.includes("b64:"))}async parseFileReferences(t){const s=t.split(",").map((t=>t.trim())).filter((t=>t));const i=[];for(const t of s){try{const s=await this.parseFileReference(t);if(s){i.push(s)}}catch(s){console.error("Error parsing file reference:",t,s)}}return i}async parseFileReference(t){const s=t.split("\|");if(s.length!==2){console.warn("Invalid file reference format:",t);return null}const[i,e]=s;if(e.startsWith("udp:")){const t=e.substring(4);return await this.createUdpDriveFileFromId(i,t)}else if(e.startsWith("b64:")){const t=e.substring(4);return this.createUdpDriveFileFromBase64(i,t)}console.warn("Unknown file reference format:",e);return null}async createUdpDriveFileFromId(t,s){const i=t.split(".").pop()\|\|"";const e=new Blob([""],{type:this.getMimeTypeFromExtension(i)});const n=new File([e],t,{type:e.type,lastModified:Date.now()});const r=n;r.driveFileId=s;r.tenantId=this.tenantId;r.productId=0;r.path="";r.extension=i;return r}createUdpDriveFileFromBase64(t,s){const i=t.split(".").pop()\|\|"";const e=atob(s);const n=new Uint8Array(e.length);for(let t=0;t<e.length;t++){n[t]=e.charCodeAt(t)}const r=new Blob([n],{type:this.getMimeTypeFromExtension(i)});const o=new File([r],t,{type:r.type,lastModified:Date.now()});o.driveFileId="";o.tenantId=this.tenantId;o.productId=0;o.path="";o.extension=i;return o}getMimeTypeFromExtension(t){const s={pdf:"application/pdf",doc:"application/msword",docx:"application/vnd.openxmlformats-officedocument.wordprocessingml.document",xls:"application/vnd.ms-excel",xlsx:"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",ppt:"application/vnd.ms-powerpoint",pptx:"application/vnd.openxmlformats-officedocument.presentationml.presentation",txt:"text/plain",csv:"text/csv",json:"application/json",xml:"application/xml",html:"text/html",css:"text/css",js:"application/javascript",png:"image/png",jpg:"image/jpeg",jpeg:"image/jpeg",gif:"image/gif",svg:"image/svg+xml",zip:"application/zip",rar:"application/x-rar-compressed","7z":"application/x-7z-compressed"};return s[t.toLowerCase()]\|\|"application/octet-stream"}render(){if(this.loading){return s("div",{class:"loading-container"},s("unity-spinner",{size:"medium"}))}if(!this.form){return s("div",{class:"error-container"},s("unity-typography",{variant:"body1"},"Form not found"))}return s("udp-forms-ui",{form:this.form,initialValues:this.initialValues,submitSuccessful:this.submitSuccessful,isSaving:this.isSaving,saveError:this.saveError,showAutoSaveStatus:this.formHandler.supportsAutoSave()&&!!this.userId,readonly:this.isSubmitted,onSubmit:this.handleSubmit.bind(this),onChange:this.handleFormChange,onAction:this.triggerAction,onFinish:this.handleFinish})}get el(){return i(this)}};export{d as udp_forms_renderer};
2	- //# sourceMappingURL=p-7a2202b9.entry.js.map