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

package/dist/stencil-library/inputs-example.entry.js

@@ -1,2 +1,2 @@
-import{r as e,h as a}from"./index-n-1ZSeAs.js";const d=":host{display:block;font-family:var(--font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);line-height:1.6;color:var(--text-color, #333);max-width:1200px;margin:0 auto;padding:2rem}h1{font-size:2.5rem;font-weight:700;margin-bottom:2rem;color:var(--primary-color, #007acc);text-align:center;border-bottom:3px solid var(--primary-color, #007acc);padding-bottom:1rem}.example-section{margin-bottom:4rem;padding:2rem;background:var(--section-background, #f8f9fa);border-radius:12px;border:1px solid var(--border-color, #e9ecef)}.example-section h2{font-size:1.8rem;font-weight:600;margin-bottom:1rem;color:var(--secondary-color, #495057);display:flex;align-items:center;gap:0.5rem}.example-section h2::before{content:'';width:4px;height:1.5rem;background:var(--primary-color, #007acc);border-radius:2px}.example-section p{margin-bottom:1.5rem;color:var(--text-muted, #6c757d);font-size:1.1rem}.input-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2rem;margin-bottom:2rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2rem;margin-bottom:2rem}.input-example{background:var(--input-example-background, #ffffff);padding:1.5rem;border-radius:8px;border:1px solid var(--border-color, #e9ecef);box-shadow:0 2px 4px rgba(0, 0, 0, 0.1);transition:transform 0.2s ease, box-shadow 0.2s ease}.input-example:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0, 0, 0, 0.15)}.input-example h3{font-size:1.2rem;font-weight:600;margin-bottom:1rem;color:var(--heading-color, #343a40);border-bottom:2px solid var(--accent-color, #dee2e6);padding-bottom:0.5rem}.value-display{margin-top:1rem;padding:0.75rem;background:var(--value-display-background, #e7f3ff);border-radius:6px;font-family:'Courier New', monospace;font-size:0.9rem;color:var(--value-display-color, #0066cc);border-left:4px solid var(--primary-color, #007acc)}.form-actions{display:flex;justify-content:center;margin-top:2rem;padding-top:2rem;border-top:2px solid var(--border-color, #e9ecef)}.submit-button{background:var(--primary-color, #007acc);color:white;border:none;padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:6px;cursor:pointer;transition:background-color 0.2s ease, transform 0.2s ease;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1)}.submit-button:hover{background:var(--primary-color-hover, #0056b3);transform:translateY(-1px);box-shadow:0 4px 8px rgba(0, 0, 0, 0.15)}.submit-button:active{transform:translateY(0)}.form-values{margin-top:2rem;padding:1.5rem;background:var(--code-background, #f8f9fa);border-radius:8px;border:1px solid var(--border-color, #e9ecef)}.form-values h3{margin-bottom:1rem;color:var(--heading-color, #343a40);font-size:1.2rem}.form-values pre{background:var(--pre-background, #ffffff);padding:1rem;border-radius:6px;border:1px solid var(--border-color, #e9ecef);font-size:0.9rem;overflow-x:auto;color:var(--code-color, #495057);white-space:pre-wrap;word-wrap:break-word}.disabled-examples{display:flex;flex-direction:column;gap:1rem}@media (max-width: 768px){:host{padding:1rem}h1{font-size:2rem}.input-grid,.form-grid{grid-template-columns:1fr;gap:1rem}.input-example{padding:1rem}.example-section{padding:1rem}}@media (prefers-color-scheme: dark){:host{--text-color:#f8f9fa;--section-background:#2d3748;--input-example-background:#4a5568;--border-color:#4a5568;--heading-color:#e2e8f0;--text-muted:#a0aec0;--value-display-background:#2c5282;--value-display-color:#90cdf4;--code-background:#2d3748;--pre-background:#4a5568;--code-color:#e2e8f0}}*{transition:color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease}.submit-button:focus{outline:2px solid var(--primary-color, #007acc);outline-offset:2px}@media print{:host{padding:0}.input-example{break-inside:avoid;box-shadow:none;border:1px solid #ccc}.submit-button{display:none}}";const c=class{constructor(a){e(this,a);this.controlledTextValue="";this.controlledNumericValue="";this.controlledTextAreaValue="";this.controlledCheckboxValue=false;this.controlledToggleValue=false;this.controlledDateValue="";this.controlledTimeValue="";this.controlledDateTimeValue="";this.controlledSelectorValue="";this.controlledFileValue=[];this.formValues={};this.selectorOptions=[{value:"option1",label:"Option 1"},{value:"option2",label:"Option 2"},{value:"option3",label:"Option 3"},{value:"option4",label:"Option 4"}];this.handleControlledNumericChange=e=>{this.controlledNumericValue=e.detail};this.handleControlledCheckboxChange=e=>{this.controlledCheckboxValue=e.detail==="true"};this.handleControlledToggleChange=e=>{this.controlledToggleValue=e.detail==="true"};this.handleControlledDateChange=e=>{console.log(e);this.controlledDateValue=e.detail};this.handleControlledTimeChange=e=>{this.controlledTimeValue=e.detail};this.handleControlledDateTimeChange=e=>{this.controlledDateTimeValue=e.detail};this.handleControlledSelectorChange=e=>{this.controlledSelectorValue=e.detail};this.handleControlledFileChange=e=>{this.controlledFileValue=e.detail.files||[]};this.handleFormSubmit=e=>{console.log("Form submitted with values:",e);alert("Form submitted! Check console for values.")};this.handleFormChange=e=>{this.formValues=Object.assign({},e)};this.validateForm=e=>{const a={};if(!e.formTextField){a.formTextField="This field is required"}if(!e.formNumericField||parseFloat(e.formNumericField)<0){a.formNumericField="Must be a positive number"}if(!e.formTextArea){a.formTextArea="Description is required"}if(!e.formCheckbox){a.formCheckbox="You must accept the terms"}if(!e.formDate){a.formDate="Please select a date"}if(!e.formSelector){a.formSelector="Please make a selection"}return a}}render(){return a("div",{key:"2c9774c01a36f857e6433aba926627a1257791c7",class:"inputs-example"},a("h1",{key:"5c19b71a3f023b51f0c34ed8e7c5f37434ad091b"},"Input Components Examples"),a("section",{key:"f2447d8dfe430b466c61a2574ca753b9d5319ee9",class:"example-section"},a("h2",{key:"818dcaa4f4c7dc505cdcccc3ffc484f70a3fb071"},"Controlled Components"),a("p",{key:"ea4ef0d9251996f67b861638238de0ad0a940e81"},"Parent component manages state and passes values to child components."),a("div",{key:"ee6a1e5c706fdb5f944e83624337a01331cc8d95",class:"input-grid"},a("div",{key:"3ea82c30422559f59d4a0e10dddd02d918077eca",class:"input-example"},a("h3",{key:"6c5ae1f68f5fa8e43a2b93176e610d88936982dd"},"Text Field"),a("text-field",{key:"72ee35e0669b46c6c1707c079e87205c99155b00",label:"Controlled Text Input",placeholder:"Enter text...",value:this.controlledTextValue}),a("p",{key:"6c7607e7b5cd9e0d942d2a890e90a1c43d8b1089",class:"value-display"},"Value: ",this.controlledTextValue)),a("div",{key:"4d1b4ee2ccdd1f1da7568de5c33c6180dbac9a73",class:"input-example"},a("h3",{key:"378a2d4ae669e03703cc9296529812ca7f0e7afc"},"Numeric Field"),a("numeric-field",{key:"8827d06eeb38b3658909dbbe20cbed16aef1ded7",label:"Controlled Numeric Input",placeholder:"Enter number...",value:this.controlledNumericValue,min:"0",max:"100",step:"1",onChange:this.handleControlledNumericChange}),a("p",{key:"11797ec1b07020faee2cf620597c29b7ec3c91e3",class:"value-display"},"Value: ",this.controlledNumericValue)),a("div",{key:"c49569a4b48b03d0ba2846acd84a20ee0474f9e5",class:"input-example"},a("h3",{key:"655878f8956003849b894125c2fb876c4e787acb"},"Text Area"),a("text-area",{key:"3e3045fed0d2e5230a84658a7d7acb2d3a6bc3c8",label:"Controlled Text Area",placeholder:"Enter description...",value:this.controlledTextAreaValue,minRows:3,maxRows:6}),a("p",{key:"b6a093c2a16379f854f8ec1890aca57d6b841685",class:"value-display"},"Value: ",this.controlledTextAreaValue)),a("div",{key:"f00587ad5255ac95ca7ef73ad525c9f2b7ad2e32",class:"input-example"},a("h3",{key:"9e0ff081e371c2877d432d2e5c99e9b3447e1d73"},"Checkbox"),a("check-box",{key:"1b3039be849d1fc56ee1b3cb35fde57d90dbe9b2",label:"Controlled Checkbox",checked:this.controlledCheckboxValue,onChange:this.handleControlledCheckboxChange}),a("p",{key:"a5a2487cb7a5ece6ef34cafd22886aa3bb180682",class:"value-display"},"Checked: ",this.controlledCheckboxValue.toString())),a("div",{key:"5297030b195b03b2a0406ee4578f458e787abf6a",class:"input-example"},a("h3",{key:"58004f9d68fa3c844424b4f7365a0cca9479f968"},"Toggle"),a("stencil-toggle",{key:"8b8f04ab81e681ab9520f89fa82e32a3d4250409",label:"Controlled Toggle",checked:this.controlledToggleValue,onChange:this.handleControlledToggleChange}),a("p",{key:"d2492200be23d7444fe71267e11c549f16d8bc9a",class:"value-display"},"Toggled: ",this.controlledToggleValue.toString())),a("div",{key:"698863a621af9c58672847f4505aaa5e2482bd05",class:"input-example"},a("h3",{key:"39e0bcc2b2f04b9730352bd305823d6b5a9f8e6a"},"Date Selector"),a("udp-date-selector",{key:"b3338f8cf609764338d6be2a7b87dbf1d2b70f7f",label:"Controlled Date",value:this.controlledDateValue,onChange:this.handleControlledDateChange}),a("p",{key:"09904cafd32d18a5cd7f576e576c6269f47dab94",class:"value-display"},"Date: ",this.controlledDateValue)),a("div",{key:"13ec4f54ac0fbbaa74c67b56a5cadd6a9fc45252",class:"input-example"},a("h3",{key:"5b899dea25c2f3cad64165988817c9d78afd6049"},"DateTime Selector"),a("udp-datetime-selector",{key:"531b20feccea342c3308a373bb920f4060179f0f",label:"Controlled DateTime",value:this.controlledDateTimeValue,onChange:this.handleControlledDateTimeChange}),a("p",{key:"60d6d1e1e93897d5ff04fa269b8d79105e95e2fa",class:"value-display"},"DateTime: ",this.controlledDateTimeValue)),a("div",{key:"29fefc86c4645769ce32ef9312518dd681eeeaf6",class:"input-example"},a("h3",{key:"3cc3d33c55281e80a2a447bf68412aec3f0ba527"},"Time Selector"),a("udp-time-selector",{key:"b7bf0408622231fc893f7f5c5a8746e95775c8a7",label:"Controlled Time",value:this.controlledTimeValue,onChange:this.handleControlledTimeChange}),a("p",{key:"34234c591167b563554a6671ee294a1a3b426510",class:"value-display"},"Time: ",this.controlledTimeValue)),a("div",{key:"6632d633fcdaf187024a726b95a4b67decb44126",class:"input-example"},a("h3",{key:"6c35d09bda887f3128fe648392faffd00f8e2514"},"UDP Selector"),a("udp-selector",{key:"03b8b44a84c3db73b74b0738e602d09e91f5f228",label:"Controlled Selector",options:this.selectorOptions,value:this.controlledSelectorValue,onChange:this.handleControlledSelectorChange}),a("p",{key:"73d475e90a204b46a15383d0e6b74269f29e59e4",class:"value-display"},"Selected: ",this.controlledSelectorValue)),a("div",{key:"d470e5bd6e16be2a67bdba2fca5fe0f494dabc12",class:"input-example"},a("h3",{key:"703cadb6d041bc560fd72c60bfd562d409c4b653"},"File Upload"),a("file-upload",{key:"94b4d3a82bc92353d5ebb8f3c7bc8b321902eb59",label:"Controlled File Upload",allowMultiple:true,onChange:this.handleControlledFileChange}),a("p",{key:"1b9eaac708bbd6ea3a13b1f405e70c717de4361c",class:"value-display"},"Files: ",this.controlledFileValue.length," selected")))),a("section",{key:"0a017099bef0d138db8311c2607aa96e829f2db9",class:"example-section"},a("h2",{key:"3a299379ae5f9d8b66b723aaa151514c9664e147"},"Uncontrolled Components"),a("p",{key:"62b6c718844eb84971a5e8533fe51ae4ce9185d7"},"Components manage their own state with initial values."),a("div",{key:"b0270fdf7b8d96560fc49c7830e6192d9b34c583",class:"input-grid"},a("div",{key:"52af146f389abe67d9c6edf239b80dbb553f4b48",class:"input-example"},a("h3",{key:"5f5e36b240ad4f7f5e952d91c7ab08d907180738"},"Text Field"),a("text-field",{key:"779daef1e8f1f0184b7ed60e3432c4bbb6d78aa5",label:"Uncontrolled Text Input",placeholder:"Enter text...",initialValue:"Initial text value",onChange:e=>console.log("Text changed:",e.detail)})),a("div",{key:"925845b446b549ae12d3f67f40153ff88c1237ec",class:"input-example"},a("h3",{key:"7b6eb7dfac92fcef0972f61bed2cc14c65c35a1f"},"Numeric Field"),a("numeric-field",{key:"f9e990f8a8b24fff7eda8513c0f33bb62c7a2522",label:"Uncontrolled Numeric Input",placeholder:"Enter number...",initialValue:"42",min:"0",max:"100",onChange:e=>console.log("Number changed:",e.detail)})),a("div",{key:"dc700898e6043c871e81ba4215775e0b8ad86e64",class:"input-example"},a("h3",{key:"89025e16958ad38e0de9a4fd2784617a434bb7b4"},"Text Area"),a("text-area",{key:"f89870ede0138fbd4c451de97b442a5eb440674d",label:"Uncontrolled Text Area",placeholder:"Enter description...",initialValue:"Initial description text",minRows:3,onChange:e=>console.log("Text area changed:",e.detail)})),a("div",{key:"840cdd4c554cb6f30a9660136586744e4df8391b",class:"input-example"},a("h3",{key:"4af04e761094cf33faeda3366718ed912caa7d74"},"Checkbox"),a("check-box",{key:"9263a3e6db5684bf304111ff8e7b7b12a6ed247b",label:"Uncontrolled Checkbox",initialValue:"true",onChange:e=>console.log("Checkbox changed:",e.detail)})),a("div",{key:"e2ee60bd202d614335a35ad0344c2117061f40ca",class:"input-example"},a("h3",{key:"e8af0e815f5a89de6ec1596c6f0b457c0a413bd7"},"Toggle"),a("stencil-toggle",{key:"f6231a4394eb6d0f6b35c48b8850b98139df413e",label:"Uncontrolled Toggle",initialValue:"false",onChange:e=>console.log("Toggle changed:",e.detail)})),a("div",{key:"bc457a401665ddcd8761555d1e664448ae240029",class:"input-example"},a("h3",{key:"27c031274e7b4eefb1f629c9499d1f9d028714f6"},"Date Selector"),a("udp-date-selector",{key:"0d001fa6aea835854f59a5adce3f86e91ecedad9",label:"Uncontrolled Date",initialValue:"2024-01-15",onChange:e=>console.log("Date changed:",e.detail)})),a("div",{key:"2adb1279494c4bef294fc4cdfab08a1e9d5dd51f",class:"input-example"},a("h3",{key:"b345f7f9dd7613ae3c90af685c6d7363b1fa5694"},"Time Selector"),a("udp-time-selector",{key:"0b81754404c91875178909823c51a77821ba713c",label:"Uncontrolled Time",initialValue:"14:30",onChange:e=>console.log("Time changed:",e.detail)})),a("div",{key:"e612112a0cfbad0378ce23559301468bbab528dd",class:"input-example"},a("h3",{key:"58e3be8c3091b4375728653aa1025dd0800dea3a"},"DateTime Selector"),a("udp-datetime-selector",{key:"a66319f6db6bc35756b3cf0ed3f224024eecf0c4",label:"Uncontrolled DateTime",initialValue:"2024-01-15T14:30",onChange:e=>console.log("DateTime changed:",e.detail)})),a("div",{key:"1b71ad2e2c0b7e8087202fa03abdd0ec68a3f397",class:"input-example"},a("h3",{key:"1b4818d107d60a9fca534ccba3c858860078b371"},"UDP Selector"),a("udp-selector",{key:"b53bdbabed328bc79fb7ea4597ffe36a26474d93",label:"Uncontrolled Selector",options:this.selectorOptions,initialValue:"option2",onChange:e=>console.log("Selector changed:",e.detail)})))),a("section",{key:"beaa194b45bd4fac58599a4a5e0d373c8101a743",class:"example-section"},a("h2",{key:"05164bd4b352c81513d5c4c41fdd8998e5426534"},"Form-wrapped Components"),a("p",{key:"0c4485a9dacf1f32b9c80f17d2521bf50fab2029"},"Components integrated with stencil-form and stencil-field for validation and state management."),a("stencil-form",{key:"05de0c6af9963c337286a07a7058dc19174dd69a",handleSubmit:this.handleFormSubmit,handleChange:this.handleFormChange,handleValidate:this.validateForm,initialValues:{formTextField:"Initial form text",formNumericField:"25",formTextArea:"Initial form description",formCheckbox:"false",formToggle:"true",formDate:"2024-02-01",formTime:"09:00",formSelector:"option1"}},a("div",{key:"d35fe74a1e26cf0b8f398e9c894c8f1a5da45a48",class:"form-grid"},a("stencil-field",{key:"d77c0d4cc9d9cffb255eff419a5b0af8b561947e",name:"formTextField"},a("text-field",{key:"0410f7248f9b229be53fcd674caeda0c65b05fe2",label:"Form Text Field",placeholder:"Enter text...",required:true})),a("stencil-field",{key:"48fba9a081504e2a0bea41f27ce0325dc914991d",name:"formNumericField"},a("numeric-field",{key:"7f9ec15a7f6f0dbe373edff972efb2c81e2b558d",label:"Form Numeric Field",placeholder:"Enter number...",min:"0",max:"100",required:true})),a("stencil-field",{key:"2825b9b6932a7d66869f9ec08c60dc86a7d913da",name:"formTextArea"},a("text-area",{key:"34b58939f90b746909880b22902bd7329d236cf4",label:"Form Text Area",placeholder:"Enter description...",required:true,minRows:3})),a("stencil-field",{key:"8ee8d90cf1c56d1a8f5f6d0dfd87fb8369a474e3",name:"formCheckbox"},a("check-box",{key:"f63e26765d059b3d950b06e00cb1e3f398247e9e",label:"Accept Terms and Conditions",required:true})),a("stencil-field",{key:"9c3412c4e9b54d1ef35b53af12246e81af00ff1b",name:"formToggle"},a("stencil-toggle",{key:"700b07f98704353b99c936b26eb0b4142ff6a62a",label:"Enable Notifications"})),a("stencil-field",{key:"1698b7eee1656bf216498f09f7817307b74666b8",name:"formDate"},a("udp-date-selector",{key:"8e8fc86fa7d371fabc6bf9eb72fbdd6e5e798102",label:"Form Date",required:true})),a("stencil-field",{key:"b38b2317b83b226d34c0dc9491b8357ea8db261c",name:"formTime"},a("udp-time-selector",{key:"570831455cbdc786acb1c06cff4c0089364999a9",label:"Form Time"})),a("stencil-field",{key:"71fc5f623dc700cfe77456d012dfa6e53a9d169e",name:"formSelector"},a("udp-selector",{key:"22573dcbcb86203b9fe3ba0e79679225ad93eed8",label:"Form Selector",options:this.selectorOptions,required:true})),a("stencil-field",{key:"3455ddb62d6e341a58c78dd2a9820d2eb326399c",name:"formFiles"},a("file-upload",{key:"2ca7724c7443075b94da339efdf7b23e404a72d8",label:"Form File Upload",allowMultiple:true}))),a("div",{key:"6d070a36e05b2bdf3928fce96d51a8e7bc42e9e0",class:"form-actions"},a("button",{key:"7233a784011bd65fd5fe25105a4afa36cfad9bbd",type:"submit",class:"submit-button"},"Submit Form"))),a("div",{key:"b9b2382fa2f27d159a7e586479e2325b385b3163",class:"form-values"},a("h3",{key:"fc96b6c576f8198514a7c7aee5ae953eb8a752cd"},"Current Form Values:"),a("pre",{key:"8fdc93279968950235a62a5b4022b0f578bbe993"},JSON.stringify(this.formValues,null,2)))),a("section",{key:"2731e1a0beedccacb1bbb34efb3608855769bbcb",class:"example-section"},a("h2",{key:"bb06ef8c5593615f101046e448291d512d6b4375"},"Additional Examples"),a("p",{key:"ab93ddb0de3d6606cc6285a0ec2e397f453846b5"},"More complex configurations and specialized use cases."),a("div",{key:"b1d7de6e2daa82f758e147e93831f4c3a327756e",class:"input-grid"},a("div",{key:"a65e4e5ff0a7950743529e441eeb6c0c67d16774",class:"input-example"},a("h3",{key:"787e43f64af484ea59ad6a860be0aae3ea8ec95d"},"Multi-Select UDP Selector"),a("udp-selector",{key:"0b79b2f43a252f631176f73403aac729f69c5af6",label:"Multi-Select Selector",options:this.selectorOptions,multiSelect:true,initialValue:"option1,option3",onChange:e=>console.log("Multi-select changed:",e.detail)})),a("div",{key:"270209ebf674a2c4ce1b8211e11254f92c581735",class:"input-example"},a("h3",{key:"967bc8d45e1c62d6a019f179a957f8e496160ba3"},"Large UDP Selector"),a("udp-selector",{key:"dbcd9fb9acf787233a62c4ff3bba8fbdbc982a71",label:"Large Selector",options:this.selectorOptions,large:true,initialValue:"option2",onChange:e=>console.log("Large selector changed:",e.detail)})),a("div",{key:"bc60bade3cb2b8b71f3cd7c55ce41faac4ad1d5f",class:"input-example"},a("h3",{key:"a9e11f6c997cd208d46f13e9aa7a74343d0c6e58"},"File Upload with Type Restrictions"),a("file-upload",{key:"7dff9c55cf4741c542c4aae3dc60e36e4a9caa3e",label:"Image Upload Only",allowedFileTypes:["jpg","jpeg","png","gif"],allowMultiple:false,browseFileMessage:"Select an Image",onChange:e=>console.log("Image upload changed:",e.detail)})),a("div",{key:"cc464aa2b13e6a7852c735279094097675f68a71",class:"input-example"},a("h3",{key:"d06ed109dc3967f56f369a2806514d4c3987c2ca"},"Disabled Components"),a("div",{key:"f7295d2fdd1a89191aba44a0948e74228a8f056b",class:"disabled-examples"},a("text-field",{key:"9cafed2788920b6f772abb0cda0006f94c7f7076",label:"Disabled Text Field",value:"Cannot edit this",disabled:true}),a("check-box",{key:"f7189fc4fd08c68970c5d97a1cc6516eb927e75c",label:"Disabled Checkbox",checked:true,disabled:true}),a("udp-selector",{key:"b34905240d9b8f957a32791f3cba99cdf1128eb9",label:"Disabled Selector",options:this.selectorOptions,value:"option1",disabled:true}))))))}};c.style=d;export{c as inputs_example};
+import{r as e,h as a}from"./index-n-1ZSeAs.js";const d=":host{display:block;font-family:var(--font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);line-height:1.6;color:var(--text-color, #333);max-width:1200px;margin:0 auto;padding:2rem}h1{font-size:2.5rem;font-weight:700;margin-bottom:2rem;color:var(--primary-color, #007acc);text-align:center;border-bottom:3px solid var(--primary-color, #007acc);padding-bottom:1rem}.example-section{margin-bottom:4rem;padding:2rem;background:var(--section-background, #f8f9fa);border-radius:12px;border:1px solid var(--border-color, #e9ecef)}.example-section h2{font-size:1.8rem;font-weight:600;margin-bottom:1rem;color:var(--secondary-color, #495057);display:flex;align-items:center;gap:0.5rem}.example-section h2::before{content:'';width:4px;height:1.5rem;background:var(--primary-color, #007acc);border-radius:2px}.example-section p{margin-bottom:1.5rem;color:var(--text-muted, #6c757d);font-size:1.1rem}.input-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2rem;margin-bottom:2rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2rem;margin-bottom:2rem}.input-example{background:var(--input-example-background, #ffffff);padding:1.5rem;border-radius:8px;border:1px solid var(--border-color, #e9ecef);box-shadow:0 2px 4px rgba(0, 0, 0, 0.1);transition:transform 0.2s ease, box-shadow 0.2s ease}.input-example:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0, 0, 0, 0.15)}.input-example h3{font-size:1.2rem;font-weight:600;margin-bottom:1rem;color:var(--heading-color, #343a40);border-bottom:2px solid var(--accent-color, #dee2e6);padding-bottom:0.5rem}.value-display{margin-top:1rem;padding:0.75rem;background:var(--value-display-background, #e7f3ff);border-radius:6px;font-family:'Courier New', monospace;font-size:0.9rem;color:var(--value-display-color, #0066cc);border-left:4px solid var(--primary-color, #007acc)}.form-actions{display:flex;justify-content:center;margin-top:2rem;padding-top:2rem;border-top:2px solid var(--border-color, #e9ecef)}.submit-button{background:var(--primary-color, #007acc);color:white;border:none;padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:6px;cursor:pointer;transition:background-color 0.2s ease, transform 0.2s ease;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1)}.submit-button:hover{background:var(--primary-color-hover, #0056b3);transform:translateY(-1px);box-shadow:0 4px 8px rgba(0, 0, 0, 0.15)}.submit-button:active{transform:translateY(0)}.form-values{margin-top:2rem;padding:1.5rem;background:var(--code-background, #f8f9fa);border-radius:8px;border:1px solid var(--border-color, #e9ecef)}.form-values h3{margin-bottom:1rem;color:var(--heading-color, #343a40);font-size:1.2rem}.form-values pre{background:var(--pre-background, #ffffff);padding:1rem;border-radius:6px;border:1px solid var(--border-color, #e9ecef);font-size:0.9rem;overflow-x:auto;color:var(--code-color, #495057);white-space:pre-wrap;word-wrap:break-word}.disabled-examples{display:flex;flex-direction:column;gap:1rem}@media (max-width: 768px){:host{padding:1rem}h1{font-size:2rem}.input-grid,.form-grid{grid-template-columns:1fr;gap:1rem}.input-example{padding:1rem}.example-section{padding:1rem}}@media (prefers-color-scheme: dark){:host{--text-color:#f8f9fa;--section-background:#2d3748;--input-example-background:#4a5568;--border-color:#4a5568;--heading-color:#e2e8f0;--text-muted:#a0aec0;--value-display-background:#2c5282;--value-display-color:#90cdf4;--code-background:#2d3748;--pre-background:#4a5568;--code-color:#e2e8f0}}*{transition:color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease}.submit-button:focus{outline:2px solid var(--primary-color, #007acc);outline-offset:2px}@media print{:host{padding:0}.input-example{break-inside:avoid;box-shadow:none;border:1px solid #ccc}.submit-button{display:none}}";const c=class{constructor(a){e(this,a);this.controlledTextValue="";this.controlledNumericValue="";this.controlledTextAreaValue="";this.controlledCheckboxValue=false;this.controlledToggleValue=false;this.controlledDateValue="";this.controlledTimeValue="";this.controlledDateTimeValue="";this.controlledSelectorValue="";this.controlledFileValue=[];this.formValues={};this.selectorOptions=[{value:"option1",label:"Option 1"},{value:"option2",label:"Option 2"},{value:"option3",label:"Option 3"},{value:"option4",label:"Option 4"}];this.handleControlledNumericChange=e=>{this.controlledNumericValue=e.detail};this.handleControlledCheckboxChange=e=>{this.controlledCheckboxValue=e.detail==="true"};this.handleControlledToggleChange=e=>{this.controlledToggleValue=e.detail==="true"};this.handleControlledDateChange=e=>{console.log(e);this.controlledDateValue=e.detail};this.handleControlledTimeChange=e=>{this.controlledTimeValue=e.detail};this.handleControlledDateTimeChange=e=>{this.controlledDateTimeValue=e.detail};this.handleControlledSelectorChange=e=>{this.controlledSelectorValue=e.detail};this.handleControlledFileChange=e=>{this.controlledFileValue=e.detail.files||[]};this.handleFormSubmit=e=>{console.log("Form submitted with values:",e);alert("Form submitted! Check console for values.")};this.handleFormChange=e=>{this.formValues=Object.assign({},e)};this.validateForm=e=>{const a={};if(!e.formTextField){a.formTextField="This field is required"}if(!e.formNumericField||parseFloat(e.formNumericField)<0){a.formNumericField="Must be a positive number"}if(!e.formTextArea){a.formTextArea="Description is required"}if(!e.formCheckbox){a.formCheckbox="You must accept the terms"}if(!e.formDate){a.formDate="Please select a date"}if(!e.formSelector){a.formSelector="Please make a selection"}return a}}render(){return a("div",{key:"abe574b3dd1ee9e8b5555c053d7a0d1795ecf3d2",class:"inputs-example"},a("h1",{key:"3f9736c2634d1240445325f074550a697628c392"},"Input Components Examples"),a("section",{key:"ef2adb1eabd987a4f0911c565a60706ef0861838",class:"example-section"},a("h2",{key:"985471cff514932a6119efa86c249e134c58cce9"},"Controlled Components"),a("p",{key:"44b5615e94e430a2ae93e3fd5e67508cd1b827a7"},"Parent component manages state and passes values to child components."),a("div",{key:"c882daf38f8176964782426a4a47b1a50976ba56",class:"input-grid"},a("div",{key:"c1ea02fa5fb830a673d64373c076168f0c33e3d3",class:"input-example"},a("h3",{key:"8cbd4d2a65d59ade7fb327a067f53c555978091c"},"Text Field"),a("text-field",{key:"61bac0b58709a914da2743471059e56e825823f3",label:"Controlled Text Input",placeholder:"Enter text...",value:this.controlledTextValue}),a("p",{key:"dcf347abd7e620abbf82272e72cdae3e89c854b8",class:"value-display"},"Value: ",this.controlledTextValue)),a("div",{key:"0cd0ba9649a57a2a8e67783ebd9db655968ccd5a",class:"input-example"},a("h3",{key:"fc30ac3caf640e17970e0a671454d697603b6896"},"Numeric Field"),a("numeric-field",{key:"4525bbcec3dad6efb51ad1a5b1a9d0670846bc29",label:"Controlled Numeric Input",placeholder:"Enter number...",value:this.controlledNumericValue,min:"0",max:"100",step:"1",onChange:this.handleControlledNumericChange}),a("p",{key:"46ec9b30518bf1ccee57e9cc157aa96d2145070e",class:"value-display"},"Value: ",this.controlledNumericValue)),a("div",{key:"02432f038d8578704fa49728dc467ce7517b00d5",class:"input-example"},a("h3",{key:"5afeb54ebe9bf80c0ec7f6e6d1d6c8fa58ac6555"},"Text Area"),a("text-area",{key:"89571b2150d69e9357c9b35ee0dc3012bba1d2e2",label:"Controlled Text Area",placeholder:"Enter description...",value:this.controlledTextAreaValue,minRows:3,maxRows:6}),a("p",{key:"399f0b7c25c51938f6ce8d20ef3525cda914f41a",class:"value-display"},"Value: ",this.controlledTextAreaValue)),a("div",{key:"976a4f288abd9da3fac5cd90779da562eb1f07ba",class:"input-example"},a("h3",{key:"feefcc2fdd89f4c091e2201793154006eaa4ca53"},"Checkbox"),a("check-box",{key:"093bdbaaad8215105d3c9da538283ebfd6fcc11b",label:"Controlled Checkbox",checked:this.controlledCheckboxValue,onChange:this.handleControlledCheckboxChange}),a("p",{key:"667b7b7d0e3f7f4e51810187492cd4fa5fadcbdf",class:"value-display"},"Checked: ",this.controlledCheckboxValue.toString())),a("div",{key:"fc1ca95d79dbbcb89afe5603a4f8883672cb436a",class:"input-example"},a("h3",{key:"965039e721923d437dbb6c0902cb6b8b2510d655"},"Toggle"),a("stencil-toggle",{key:"7277efc340ab67a278b6f757b3c14f9ff33a24ca",label:"Controlled Toggle",checked:this.controlledToggleValue,onChange:this.handleControlledToggleChange}),a("p",{key:"52102651ff84c1d153f2a0696936692ff131c939",class:"value-display"},"Toggled: ",this.controlledToggleValue.toString())),a("div",{key:"67ab2eab1bbd6a6cef77e6023059380203549f23",class:"input-example"},a("h3",{key:"bbf9adab02f8dfdac8e4c239e7a141bec81c066d"},"Date Selector"),a("udp-date-selector",{key:"8bedfbe54bb13a41da3d53dddbb0c010e6e0235b",label:"Controlled Date",value:this.controlledDateValue,onChange:this.handleControlledDateChange}),a("p",{key:"8ffc0601166cde3f2fee27717cb16d63faa18dbc",class:"value-display"},"Date: ",this.controlledDateValue)),a("div",{key:"d709b2c64bc0a947cbf84e1f7323f6c089a182e9",class:"input-example"},a("h3",{key:"42570f2b76fa18c3a06bb03a4128e45345b1d684"},"DateTime Selector"),a("udp-datetime-selector",{key:"9989a6608780b43c8483124b565e6a3107995a02",label:"Controlled DateTime",value:this.controlledDateTimeValue,onChange:this.handleControlledDateTimeChange}),a("p",{key:"8a6c073b570582335819610fe57b6b61897c8387",class:"value-display"},"DateTime: ",this.controlledDateTimeValue)),a("div",{key:"a8ba282442bcdcb4798e9bcc2e838dc55eaeed12",class:"input-example"},a("h3",{key:"ccc07b9aafc75da0b61a3398540cfe08e215e6a5"},"Time Selector"),a("udp-time-selector",{key:"40bfc386f6755e56dfbc4729b06b1113a8e6dae7",label:"Controlled Time",value:this.controlledTimeValue,onChange:this.handleControlledTimeChange}),a("p",{key:"f466b67b1b1505046ffaad2bba6923d5b3591c1b",class:"value-display"},"Time: ",this.controlledTimeValue)),a("div",{key:"ea8db02e6b30a60216f190167a416daf766413e6",class:"input-example"},a("h3",{key:"b8f9eb9738a90b9c3cbc6d0aad442e2d6de72f67"},"UDP Selector"),a("udp-selector",{key:"1f6a4746cd9993cb22839836e81324d0a0dac46e",label:"Controlled Selector",options:this.selectorOptions,value:this.controlledSelectorValue,onChange:this.handleControlledSelectorChange}),a("p",{key:"71cbdcf34a2173262a05eec7e23bd0a4cdf32890",class:"value-display"},"Selected: ",this.controlledSelectorValue)),a("div",{key:"6d5e79fe14b0c3e61082e0c66b15e42defbd7dfe",class:"input-example"},a("h3",{key:"44c56123a225141f587c842e661a8220704cbfe2"},"File Upload"),a("file-upload",{key:"0639032ddae96c0bf84c999f539186fcfbb92584",label:"Controlled File Upload",allowMultiple:true,onChange:this.handleControlledFileChange}),a("p",{key:"7d38b179ef0c273297d86ec87a2f2aa092d92a4c",class:"value-display"},"Files: ",this.controlledFileValue.length," selected")))),a("section",{key:"83721d6d04e915185fa2b1ec50e34cec4d59c046",class:"example-section"},a("h2",{key:"ecddf27279957c4fe5bae08fb24ecbc08ecbb3da"},"Uncontrolled Components"),a("p",{key:"93a297887f6e409ffaaab3e7812da15501300a9b"},"Components manage their own state with initial values."),a("div",{key:"4d194aac8a2b5eb8fe42e49007360f17d137c683",class:"input-grid"},a("div",{key:"a09c44a6dac38b8f659deaf936007ce7cc214a13",class:"input-example"},a("h3",{key:"2baa46d8fa9302f02c6d86cf20ffef291620ad83"},"Text Field"),a("text-field",{key:"36a99de8d0234cba87f18687753daa4dfe1df024",label:"Uncontrolled Text Input",placeholder:"Enter text...",initialValue:"Initial text value",onChange:e=>console.log("Text changed:",e.detail)})),a("div",{key:"edb2fab456f22e1a5cb21763716665ba84c1f9ab",class:"input-example"},a("h3",{key:"cfcb677a6e04f6a390adc3bc90354c03ab98e0d7"},"Numeric Field"),a("numeric-field",{key:"bbd691def478dedbfaa9eccfc1a360ca71062bbd",label:"Uncontrolled Numeric Input",placeholder:"Enter number...",initialValue:"42",min:"0",max:"100",onChange:e=>console.log("Number changed:",e.detail)})),a("div",{key:"f383a974e5d5013f9ff66a2b1467041764a25b3b",class:"input-example"},a("h3",{key:"b75c1110dee252c2f3b9cc6aa17853fab53a224c"},"Text Area"),a("text-area",{key:"bead59b231e55ace7c2c1526a41e15b960b8e589",label:"Uncontrolled Text Area",placeholder:"Enter description...",initialValue:"Initial description text",minRows:3,onChange:e=>console.log("Text area changed:",e.detail)})),a("div",{key:"1ffc58531976a94b7841828b158f20feb24533d6",class:"input-example"},a("h3",{key:"85c1f83c5e36800138e6f9fc0a3455758269f8e5"},"Checkbox"),a("check-box",{key:"485549b469db06cf06d7df72d2b70dbee642ed72",label:"Uncontrolled Checkbox",initialValue:"true",onChange:e=>console.log("Checkbox changed:",e.detail)})),a("div",{key:"9c51bfd29db2b28522139a014f5ebe3d467b544f",class:"input-example"},a("h3",{key:"aede99484605af827cfe923d5d4419077d7a039a"},"Toggle"),a("stencil-toggle",{key:"6ba3250373b30a98ebdfd6dfa12eccce62a8a6d1",label:"Uncontrolled Toggle",initialValue:"false",onChange:e=>console.log("Toggle changed:",e.detail)})),a("div",{key:"bc42bda9a39d3a8a275375d07253db09b8702326",class:"input-example"},a("h3",{key:"81009826ecfa308fa57dda17569ec68870320517"},"Date Selector"),a("udp-date-selector",{key:"ae5560bf99c290fefbb9f0811d62821d8ed5794e",label:"Uncontrolled Date",initialValue:"2024-01-15",onChange:e=>console.log("Date changed:",e.detail)})),a("div",{key:"5b7d02ca49b220eed707782140bbe351c6b81b26",class:"input-example"},a("h3",{key:"e436cb22a6acc962482ab5e5b5e3ab75f03f35c9"},"Time Selector"),a("udp-time-selector",{key:"97d803f67a41154901ec7bd383873d7f598f7ea6",label:"Uncontrolled Time",initialValue:"14:30",onChange:e=>console.log("Time changed:",e.detail)})),a("div",{key:"e009a51f1822f659c9186a4f799e30db09e6fc69",class:"input-example"},a("h3",{key:"01d6323eb9c95f06dd107087f40607ba3d19a13f"},"DateTime Selector"),a("udp-datetime-selector",{key:"e382cec5ae925a43aa2e93082640b40ab00e620a",label:"Uncontrolled DateTime",initialValue:"2024-01-15T14:30",onChange:e=>console.log("DateTime changed:",e.detail)})),a("div",{key:"6c067ddb9ca71d9f123278cf8863196a2373c8e1",class:"input-example"},a("h3",{key:"b2d5b2440c379a36b656c9f9943d94c5fcf280b3"},"UDP Selector"),a("udp-selector",{key:"4ec419aa4fe540b1ae7ce6b8b68e2cc312bf345d",label:"Uncontrolled Selector",options:this.selectorOptions,initialValue:"option2",onChange:e=>console.log("Selector changed:",e.detail)})))),a("section",{key:"3d3acc421c6265b86f3d25610da860cbbc9c96bf",class:"example-section"},a("h2",{key:"861e50880024ed20ad848a24b1e3fd4adefad106"},"Form-wrapped Components"),a("p",{key:"866753115f082c69d4878ee415395cdcdc6a8a32"},"Components integrated with stencil-form and stencil-field for validation and state management."),a("stencil-form",{key:"d326ec45efbe5baada989d806adab38fb9fc6c90",handleSubmit:this.handleFormSubmit,handleChange:this.handleFormChange,handleValidate:this.validateForm,initialValues:{formTextField:"Initial form text",formNumericField:"25",formTextArea:"Initial form description",formCheckbox:"false",formToggle:"true",formDate:"2024-02-01",formTime:"09:00",formSelector:"option1"}},a("div",{key:"3404e02d07838a570bb5c7481677e8ea02d0dbb0",class:"form-grid"},a("stencil-field",{key:"4ecf959603a2ddfc14a87f02ced4a4fb003ee01c",name:"formTextField"},a("text-field",{key:"8fdd03c93ae359032536e659f353539bdc3ae803",label:"Form Text Field",placeholder:"Enter text...",required:true})),a("stencil-field",{key:"748457f0d3d6534e7d5193eb291d81006b5c2de7",name:"formNumericField"},a("numeric-field",{key:"31ac100387a041b219ee1566536bdd46d435f94b",label:"Form Numeric Field",placeholder:"Enter number...",min:"0",max:"100",required:true})),a("stencil-field",{key:"6dbee7b024057c61a788e51e832f58f32f9fee34",name:"formTextArea"},a("text-area",{key:"a1f82c50209df578d1f3f24b69b7c6dcda9fa66c",label:"Form Text Area",placeholder:"Enter description...",required:true,minRows:3})),a("stencil-field",{key:"80cad39ff02f2a0c023ec768f5f3649cda59e99f",name:"formCheckbox"},a("check-box",{key:"851e5d29bec0677aa98caeb004d32326b0bd2176",label:"Accept Terms and Conditions",required:true})),a("stencil-field",{key:"46d97d62d0ed7a9858a5517358a7af7f653883eb",name:"formToggle"},a("stencil-toggle",{key:"a81ee453445f68d09e2cfd5a3eb550ba3807749d",label:"Enable Notifications"})),a("stencil-field",{key:"33a75fa40de10461c2729c1ba44b8087abc7d9a0",name:"formDate"},a("udp-date-selector",{key:"c00a78855e64d77b7af5f71b46d000f0cb4010aa",label:"Form Date",required:true})),a("stencil-field",{key:"5ff0c620188762adf2c33593ad4a53c09572860d",name:"formTime"},a("udp-time-selector",{key:"61ef6e62830b611c13c41f5d06157be965507c90",label:"Form Time"})),a("stencil-field",{key:"c80881c110642b91537edf88ac3f3d8566191543",name:"formSelector"},a("udp-selector",{key:"a88ed4209d8ab05a99f3739ab96219550349e2c1",label:"Form Selector",options:this.selectorOptions,required:true})),a("stencil-field",{key:"93b79a8855c505a064decce4e8e4eeb0119c8c85",name:"formFiles"},a("file-upload",{key:"c9aea49be28887288c265a0c8bba70ca57a3a28b",label:"Form File Upload",allowMultiple:true}))),a("div",{key:"6ea9bfd7d40198066baf052303e0073814bcd8a0",class:"form-actions"},a("button",{key:"d10606ee72f906d91ece0678803c714fba1867e1",type:"submit",class:"submit-button"},"Submit Form"))),a("div",{key:"bdb9ee546def68ccc683ab2b47d6d6654def9121",class:"form-values"},a("h3",{key:"0badd2abe8683260ab76354ce5cfa2d86ef20d8f"},"Current Form Values:"),a("pre",{key:"72322f22cf56dc104f5304ea35ccd8ecc51f2da4"},JSON.stringify(this.formValues,null,2)))),a("section",{key:"6d37fab5fee2c40376e55f3983f3b1e2d608182e",class:"example-section"},a("h2",{key:"9610b8dd0070106043760075d23eb0e15923bd09"},"Additional Examples"),a("p",{key:"2d988efe1068b7a97b209554fb51c1870acdccbb"},"More complex configurations and specialized use cases."),a("div",{key:"3a969b4936267869ebe8e058b23071d9e9928368",class:"input-grid"},a("div",{key:"9c20b6c5f6bc0adc57f218bffddcdd2d9e684a8a",class:"input-example"},a("h3",{key:"8696ea07b2b35a7bb8ff36b8c01f0bb75f8b1063"},"Multi-Select UDP Selector"),a("udp-selector",{key:"a16955a67400e39e1a592c94cb803a69e2fa54a0",label:"Multi-Select Selector",options:this.selectorOptions,multiSelect:true,initialValue:"option1,option3",onChange:e=>console.log("Multi-select changed:",e.detail)})),a("div",{key:"f940514861fd547841097ce5b9acf79a7d358783",class:"input-example"},a("h3",{key:"9e66970e236a9bc0609863442f3d243ceee4d5f8"},"Large UDP Selector"),a("udp-selector",{key:"5ef4f73e2559fafaaa0536c241ccddd799c0558c",label:"Large Selector",options:this.selectorOptions,large:true,initialValue:"option2",onChange:e=>console.log("Large selector changed:",e.detail)})),a("div",{key:"68d2d3af2d381a45ac3455e12ad9a1005e5214d5",class:"input-example"},a("h3",{key:"cf3fe633b88c2ead8a63fb5b1078f3c0fd01dd8b"},"File Upload with Type Restrictions"),a("file-upload",{key:"4a82a2f0b1dfc4756e9fbf40778fa99ea6447511",label:"Image Upload Only",allowedFileTypes:["jpg","jpeg","png","gif"],allowMultiple:false,browseFileMessage:"Select an Image",onChange:e=>console.log("Image upload changed:",e.detail)})),a("div",{key:"66a2dfc4f6e34818e070e92ef5ee5066c3abb0de",class:"input-example"},a("h3",{key:"1a51b6e43caac7fcb717df520a6d8429846e826e"},"Disabled Components"),a("div",{key:"8c46d6ba7bdf4bbdaadb7a05952582a887f1f6a7",class:"disabled-examples"},a("text-field",{key:"056903f9c1151252e2b7e923969643cbd27092ac",label:"Disabled Text Field",value:"Cannot edit this",disabled:true}),a("check-box",{key:"efc82460a07bf66f66f8a0d5a07fa3fcf034e9b3",label:"Disabled Checkbox",checked:true,disabled:true}),a("udp-selector",{key:"39e1b245c972ee8976b3feb5cd19906e62217635",label:"Disabled Selector",options:this.selectorOptions,value:"option1",disabled:true}))))))}};c.style=d;export{c as inputs_example};
 //# sourceMappingURL=inputs-example.entry.js.map

package/dist/stencil-library/logical-search-indicator.entry.js

@@ -1,2 +1,2 @@
-import{r as a,h as i}from"./index-n-1ZSeAs.js";const r=".chip{display:inline-block;padding:8px 16px;font-size:14px;color:white;background-color:rgb(139, 195, 74);border-radius:4px}";const o=class{constructor(i){a(this,i)}render(){return i("div",{key:"1b51c4a2f2c74141174c55d7b1c57a3384075bac",class:"chip"},this.type===1?i("unity-typography",{variant:"data-display-one"},"AND"):this.type===2?i("unity-typography",{variant:"data-display-one"},"OR"):"")}};o.style=r;export{o as logical_search_indicator};
+import{r as a,h as i}from"./index-n-1ZSeAs.js";const r=".chip{display:inline-block;padding:8px 16px;font-size:14px;color:white;background-color:rgb(139, 195, 74);border-radius:4px}";const o=class{constructor(i){a(this,i)}render(){return i("div",{key:"331c0153dcdea00557219cb1585d682399c8268f",class:"chip"},this.type===1?i("unity-typography",{variant:"data-display-one"},"AND"):this.type===2?i("unity-typography",{variant:"data-display-one"},"OR"):"")}};o.style=r;export{o as logical_search_indicator};
 //# sourceMappingURL=logical-search-indicator.entry.js.map

package/dist/stencil-library/map-component_2.entry.js

@@ -1,2 +1,2 @@
-import{r as t,h as i,a as s}from"./index-n-1ZSeAs.js";import e from"ol/Map";import h from"ol/View";import o from"ol/layer/Tile";import n from"ol/source/OSM";import l from"ol/layer/Vector";import a from"ol/source/Vector";import{Zoom as r,FullScreen as d}from"ol/control";import f from"proj4";import{register as u}from"ol/proj/proj4";import{Select as c,Draw as p,defaults as v,DragRotateAndZoom as m}from"ol/interaction";import{Feature as y,Overlay as w}from"ol";import{h as S,a as b,b as g,c as O,d as M,e as F,s as P}from"./udp-map-utils-BokzHQF1.js";import{Point as L,LineString as C,Polygon as j}from"ol/geom";import*as x from"@turf/turf";import{createBox as z}from"ol/interaction/Draw";import{transformExtent as B}from"ol/proj";import{click as T}from"ol/events/condition";import{first as k,debounce as A}from"lodash";import{S as D,D as V,P as Z}from"./common-CwN0FuAf.js";import"ol/format/GeoJSON";const I=(t,i,s,e,h,o,n,l,a,r,d)=>{const f=new c({condition:t=>T(t),multi:false,hitTolerance:30});f.set("id",D);f.on("select",(async l=>{if(!a&&!t){if(l.selected.length>0){const t=k(l.selected);if(d){let i=await d(l.selected);if(i&&typeof i==="object"){Object.keys(i).forEach((s=>{t.values_[`${s}`]=i[s]}))}}i(t);if(h){h(t)}s(t);o(t);if(n){let i=n(t);if(S(i)){t.setStyle(i)}}}else{s(null);e()}}}));r(f);l(f)};const N=(t,i,s,e,h,o,n,a,r,d,f,u,c,v,m,y)=>{e(true);h(true);o(null);c([]);v(i);n();if(t){if(a){d(a)}const e={type:"Circle"};if(i==="box"){e.geometryFunction=z()}else if(i==="polygon"){e.type="Polygon"}else if(i==="lasso"){e.type="Polygon";e.freehand=true}const o=new p(e);r(o);f(o);o.setActive(true);let n=[];o.on("drawend",(i=>{d(a);let e=i.feature.getGeometry().getExtent();e=B(e,t.getView().getProjection(),s);t.getLayers().forEach((t=>{if(t instanceof l){let i=t.getSource();const s=i.getFeaturesInExtent(e).filter((t=>t.getGeometry().intersectsExtent(e)&&!u.includes(t)));if(m){s.forEach((t=>{let i=m(t);if(S(i)){t.setStyle(i)}}))}n.push(...s)}}));if(n.length>0){let t=(u===null||u===void 0?void 0:u.length)>0?[...u,...n]:n;c(t);if(y){y(u)}}h(false);o.setActive(false)}));r(o)}};const R=(t,i,s="Point",e,h,o,n,r,d,f,u,c)=>{var v,m,y,w;if(d){d(null)}r(true);if(h){e(h)}let S=new a;if(i){(v=t===null||t===void 0?void 0:t.getLayers())===null||v===void 0?void 0:v.forEach((t=>{if(t instanceof l){if(i.value===t.getProperties().value){S=t.getSource()}}}))}else{S=(w=(y=(m=t===null||t===void 0?void 0:t.getLayers())===null||m===void 0?void 0:m.getArray())===null||y===void 0?void 0:y.find((t=>t instanceof l&&t.get("id")===V)))===null||w===void 0?void 0:w.getSource()}const b=new p({source:S,type:s});o(b);b.on("drawend",(function(t){const e=t.feature;let h=e.getGeometry();if(h instanceof L||h instanceof C||h instanceof j){let t={feature:e,type:s,coordinates:h.getCoordinates(),geometry:h,layer:i,source:S};if(n){n(t)}if(!u){c()}}}));f(b)};const E=(t,i,s,e,h,o,n,r)=>{if(s){o(s)}e(null);h(true);let d=new a;t.getLayers().forEach((t=>{if(t instanceof l){if(i.value===t.getProperties().value){d=t.getSource()}}}));const f=new p({source:d,type:"LineString"});e(f);f.on("drawend",(function(t){const i=t.feature;const s=i.getGeometry();if(s instanceof C){const e=s.getCoordinates();const h=x.lineString(e);let o;let n=new y;let l=new y;d.getFeatures().forEach((t=>{const i=t.getGeometry();if(i instanceof C){let t=i.getCoordinates();const s=x.lineString(t);o=x.lineIntersect(s,h);if(o.features.length>0){const t=o.features[0].geometry.coordinates;const i=[s.geometry.coordinates[0],t];const e=[t,s.geometry.coordinates[1]];n=new y({geometry:new C(i),name:"Split LineString 1"});l=new y({geometry:new C(e),name:"Split LineString 2"})}}}));d.removeFeature(i);d.removeFeature(t.feature);d.addFeature(n);d.addFeature(l);let a={originalFeature:i,newFeature1:n,newFeature2:l};if(r){r(a)}}}));n(f);e(f)};const W=":host{display:block}.zoomControl{left:'auto';right:'20';top:'20'}.iconButtonWrapper{padding:var(--spacing-04)}#featureDetailsPopOverContainer{position:absolute;z-index:1000}.hidden-controls .ol-zoom,.hidden-controls .ol-attribution{display:none}.ol-control{width:fit-content !important}";const U=class{constructor(i){t(this,i);this.data=[];this.isGeoJsonFormat=true;this.enableZoom=true;this.mapZoom=17;this.mapCenter=[0,0];this.mapHeight="80vh";this.mapProjection="";this.filterPanel="";this.enableTileSelection=true;this.tileLayersOptions=[];this.defaultTileOptionName="";this.layerOptions=[];this.initialSelectedLayers=[];this.bulkSelectedFeaturesActionPanel="";this.filterLayersByRole=false;this.layerKeySeparator="";this.filteredLayerOptionsByRole=[];this.readOnlyMap=false;this.enableViewFeature=true;this.bulkSelectionActive=false;this.splitActive=false;this.enableDragBox=false;this.enableAddNewFeature=true;this.readOnlyLayers=[];this.popoverPrimaryActions=[];this.popoverMoreIconButtonActions=[];this.hideMessageIconPopover=false;this.popoverCardConfig={};this.minZoom=0;this.maxZoom=28;this.definedProjection=false;this.popoverContainer=null;this.showPopOver=false;this.isReadOnlyFeature=false;this.mapFeatures=[];this.initializeMap=(t,i)=>{var s;this.definedProjection=this.registerProjection(this.crs);this.filterLayerOptions();let f=[];if(this.tileLayersOptions&&((s=this.tileLayersOptions)===null||s===void 0?void 0:s.length)>0){for(let t of this.tileLayersOptions){const i=new o({source:t===null||t===void 0?void 0:t.source,properties:{value:t===null||t===void 0?void 0:t.name,isBaseTile:true},visible:this.defaultTileOptionName?(t===null||t===void 0?void 0:t.name)===this.defaultTileOptionName:true});f[f.length]=i}}else{const t=new o({source:new n,properties:{value:"Open Street Map",isBaseTile:true},visible:true});f[f.length]=t}f.push(new l({source:new a({}),properties:{id:V}}));const u=new h({center:this.mapCenter,zoom:this.mapZoom,projection:this.mapProjection,minZoom:this.minZoom,maxZoom:this.maxZoom});this.mapInstance=new e({target:i,layers:f,view:u,interactions:v().extend([new m]),controls:[new r,new d],overlays:[new w({element:t,autoPan:{animation:{duration:250}},id:Z})]});this.mapInstance.on("moveend",A((()=>{this.getMapExtentAndZoom()}),500));this.setVectorLayers();this.addSelectInteraction();if(this.handleSetMapComponent){this.handleSetMapComponent(this.mapInstance)}};this.setVectorLayers=()=>{let t=b(this.data,this.isGeoJsonFormat,this.geoJsonMappingConfig,this.filterPanel,this.filterPanelCallback);this.mapFeatures=g(t,this.crs,this.definedProjection,this.mapProjection,this.mapDataProjection,this.getFilteredMapData);let i=this.getVisibleLayersOnLoad(this.layerOptions);this.addVectorLayersToMap(this.mapFeatures,i);this.updateIntialSelectedLayersVisibility()};this.clearVectorLayers=()=>{var t,i,s;const e=(s=(i=(t=this.mapInstance)===null||t===void 0?void 0:t.getLayers())===null||i===void 0?void 0:i.getArray())!==null&&s!==void 0?s:[];e.forEach((t=>{if(t instanceof l&&t.get("id")!==V){this.mapInstance.removeLayer(t)}}))};this.registerProjection=t=>{if((t===null||t===void 0?void 0:t.length)>0){f.defs(t);u(f);return true}return false};this.filterLayerOptions=()=>{let t=this.filterLayersByRole?O(this.user,this.layerRoles,this.layerOptions):this.layerOptions;this.handleSetFilteredLayerOptionsByRole(t)};this.addVectorLayersToMap=(t,i)=>{var s;if(t&&this.mapInstance){if(this.getVectorLayerSources){(s=this.getVectorLayerSources(i,t))===null||s===void 0?void 0:s.forEach((t=>{var i;const s=new a({features:(i=t===null||t===void 0?void 0:t.features)!==null&&i!==void 0?i:[]});const e=new l({source:s,properties:{value:t===null||t===void 0?void 0:t.layer},style:this.getFeatureStyles});this.mapInstance.addLayer(e)}))}else{for(let s of i){const i=t===null||t===void 0?void 0:t.filter((t=>{const i=t.getProperties();if(this.getFeatureStyles){let i=this.getFeatureStyles(t);if(S(i)){t.setStyle(i)}}const e=M(this.layerKeys,this.layerKeySeparator,i);return s===e}));const e=new a({features:i});const h=new l({source:e,properties:{value:s}});this.mapInstance.addLayer(h)}}}};this.getVisibleLayersOnLoad=t=>{const i=this.filterLayersByRole?O(this.user,this.layerRoles,t):t;const s=F(i);return s};this.updateLayerVisibility=(t,i=false)=>{var s,e;let h=i?o:l;(e=(s=this.mapInstance)===null||s===void 0?void 0:s.getLayers())===null||e===void 0?void 0:e.forEach((i=>{if(i instanceof h){t.includes(i.get("value"))||i.get("id")===V?i.setVisible(true):i.setVisible(false)}}))};this.insertFeatureStyles=()=>{if(this.getFeatureStyles){this.mapInstance.getLayers().forEach((t=>{if(t instanceof l){let i=t.getSource();i.getFeatures().forEach((t=>{let i=this.getFeatureStyles(t);if(S(i)){t.setStyle(i)}}))}}))}};this.addSelectInteraction=()=>{I(this.splitActive,this.handleSetCurrentSelectedFeature,this.handleSetSelectedFeatureProperties,this.handleOnCloseFeaturePopover,this.handleSetSelectedFeatureOnSelect,this.showPopper,this.getSelectedFeatureStyles,this.handleAddInteraction,this.enableDragBox,this.handleUpdateSelectInteraction,this.handleGetAdditionalFeaturePropertiesOnSelect)};this.handleUpdateSelectInteraction=t=>{this.selectInteraction=t};this.handleSetCurrentSelectedFeature=t=>{this.currentSelectedFeature=t};this.handleSetShowPopOver=t=>{this.showPopOver=t};this.showPopper=t=>{if(!this.enableDragBox&&!this.enableAddNewFeature&&!this.splitActive&&t){const i=this.mapInstance.getOverlayById(Z);if(i){if(t.getGeometry()instanceof L){i.setPosition(t.getGeometry().getCoordinates())}else if(t.getGeometry()instanceof C){i.setPosition(t.getGeometry().getCoordinates()[0])}else if(t.getGeometry()instanceof j){i.setPosition(t.getGeometry().getCoordinates()[0][0])}}this.showPopOver=true}};this.handleOnCloseFeaturePopover=t=>{if(this.additionalOnclosePopover){this.additionalOnclosePopover(t)}if(this.setSelectedFeatureIdExternal){this.setSelectedFeatureIdExternal(null)}this.showPopOver=false};this.handleAddInteraction=t=>{this.mapInstance.addInteraction(t)};this.handleShowMarkerFromExternal=t=>{var i,s;if(t&&this.mapFeatures&&this.selectInteraction){const e=(i=this.mapFeatures)===null||i===void 0?void 0:i.find((i=>(i===null||i===void 0?void 0:i.getId())===t));const h=e===null||e===void 0?void 0:e.getProperties();if(e){this.handleSetSelectedFeatureProperties(e);const t=M(this.layerKeys,this.layerKeySeparator,h);const i=F(this.filteredLayerOptionsByRole);if(!((s=this.selectedLayers)===null||s===void 0?void 0:s.includes(t))&&(i===null||i===void 0?void 0:i.includes(t))&&this.handleSetSelectedLayers){const i=[...this.selectedLayers,t];this.handleSetSelectedLayers(i);this.updateLayerVisibility(i)}const o=this.selectInteraction.getFeatures();const n=o.getArray().slice();o.clear();o.push(e);this.selectInteraction.dispatchEvent({type:"select",selected:[e],deselected:n,mapBrowserEvent:null})}}}}componentDidLoad(){requestAnimationFrame((()=>{this.popoverContainer=this.el.shadowRoot.querySelector("#featureDetailsPopOverContainer");const t=this.el.shadowRoot.querySelector("#map");if(this.popoverContainer&&t){this.initializeMap(this.popoverContainer,t)}}))}reinitializeMap(){this.clearVectorLayers();this.setVectorLayers()}resetPopover(){this.showPopOver=false}updateProjection(){if(this.crs){this.definedProjection=this.registerProjection(this.crs)}}updateFilteredLayerOptions(){this.filterLayerOptions()}handleSelectFeatureOnMap(){var t;if(this.selectedFeatureIdExternal&&((t=this.selectInteraction)===null||t===void 0?void 0:t.getActive())){this.handleShowMarkerFromExternal(this.selectedFeatureIdExternal)}else if(this.selectedFeatureIdExternal&&this.setSelectedFeatureIdExternal){this.setSelectedFeatureIdExternal(null)}}updateReadOnlyLayers(){var t;if(this.selectedFeatureProperties){const i=M(this.layerKeys,this.layerKeySeparator,this.selectedFeatureProperties);this.isReadOnlyFeature=(t=this.readOnlyLayers)===null||t===void 0?void 0:t.includes(i)}}handleUpdateInitialSelectedLayersVisibility(){this.updateIntialSelectedLayersVisibility()}updateMapView(){if(this.mapInstance){const t=this.mapInstance.getView().getCenter();const i=this.mapInstance.getView().getZoom();this.mapInstance.setView(new h({center:t,zoom:i,projection:this.mapProjection}))}}updateMapCenter(){var t;if(this.mapInstance&&this.mapCenter){(t=this.mapInstance.getView())===null||t===void 0?void 0:t.setCenter(this.mapCenter)}}updateFeatureStyles(){if(this.mapInstance){this.insertFeatureStyles()}}updateMinZoom(){var t,i;if(this.mapInstance&&this.minZoom){(i=(t=this.mapInstance)===null||t===void 0?void 0:t.getView())===null||i===void 0?void 0:i.setMinZoom(this.minZoom)}}updateMaxZoom(){var t,i;if(this.mapInstance&&this.maxZoom){(i=(t=this.mapInstance)===null||t===void 0?void 0:t.getView())===null||i===void 0?void 0:i.setMaxZoom(this.maxZoom)}}getMapExtentAndZoom(){if(this.handleGetZoomExtent){const t=this.mapInstance.getView().calculateExtent(this.mapInstance.getSize());const i=this.mapInstance.getView().getZoom();this.handleGetZoomExtent(i,t)}}updateIntialSelectedLayersVisibility(){let t=P(this.filteredLayerOptionsByRole,this.initialSelectedLayers);this.updateLayerVisibility(t);if(this.handleSetSelectedLayers){this.handleSetSelectedLayers(t)}}render(){return i("div",{key:"4da470f45f464712072bf297c96590f0601e225f"},i("div",{key:"a050bca5e4fcf0c2967864c082ef519593b7209c",id:"map",style:{height:this.mapHeight,width:"100%",overflow:"hidden"}},i("slot",{key:"6db17e7e020d91f8d478a8a4d450413f277b0fc0"})),i("div",{key:"2a04f480f147f184e94092e8d1a1cf8cc1987a3f",id:"featureDetailsPopOverContainer"},i("feature-details-popup",{key:"04cae4da21ee9b095f8ff42a5671ba0296097e6b",currentSelectedFeature:this.currentSelectedFeature,data:this.selectedFeatureProperties,coordinates:this.selectedFeatureCoordinates,enableViewFeature:this.enableViewFeature,handleViewFeature:this.handleViewFeature,showPopOver:this.showPopOver,isReadOnly:this.isReadOnlyFeature,additionalOnclosePopover:this.handleOnCloseFeaturePopover,primaryActions:this.popoverPrimaryActions,moreIconActions:this.popoverMoreIconButtonActions,getMessage:this.getMessagePopover,getMessageIcon:this.getMessageIconPopover,hideMessageIcon:this.hideMessageIconPopover,cardConfig:this.popoverCardConfig,popoverWidth:this.popoverWidth,popoverContainer:this.popoverContainer})))}get el(){return s(this)}static get watchers(){return{data:["reinitializeMap","resetPopover"],layerOptions:["reinitializeMap","updateFilteredLayerOptions"],mapDataProjection:["reinitializeMap"],mapProjection:["reinitializeMap","updateMapView"],crs:["updateProjection"],layerRoles:["updateFilteredLayerOptions"],user:["updateFilteredLayerOptions"],selectedFeatureIdExternal:["handleSelectFeatureOnMap"],readOnlyLayers:["updateReadOnlyLayers"],selectedFeatureProperties:["updateReadOnlyLayers"],initialSelectedLayers:["handleUpdateInitialSelectedLayersVisibility"],mapCenter:["updateMapCenter"],getMapStyles:["updateFeatureStyles"],minZoom:["updateMinZoom"],maxZoom:["updateMaxZoom"]}}};U.style=W;const _=":host{display:block}.zoomControl{left:'auto';right:'20';top:'20'}.iconButtonWrapper{padding:var(--spacing-04)}#featureDetailsPopOverContainer{position:absolute;z-index:1000}.hidden-controls .ol-zoom,.hidden-controls .ol-attribution{display:none}.ol-control{width:fit-content !important}";const q=class{constructor(i){t(this,i);this.mapTitle="";this.mapProjection="";this.filterPanel="";this.enableTileSelection=true;this.tileLayersOptions=[];this.defaultTileOptionName="";this.layerOptions=[];this.bulkSelectedFeaturesActionPanel="";this.refreshButtonTooltip="";this.readOnlyMap=false;this.enableAdd=true;this.addMultipleFeatures=true;this.enableSplitFeature=true;this.filteredLayerOptionsByRole=[];this.enableDragBox=false;this.splitActive=false;this.enableAddNewFeature=false;this.readOnlyLayers=[];this.selectedTile={label:"Open Street Map",value:"Open Street Map"};this.selectedBulkSelectionType="box";this.selectedFeatureByBoxSelection=[];this.tileSelectOptions=[{label:"Open Street Map",value:"Open Street Map"}];this.newFeatureObjectsAdded=[];this.showSplitButton=false;this.setEnableDragBox=t=>{this.handleSetEnableDragBox(t)};this.setBulkSelectonActive=t=>{this.handleSetBulkSelectionActive(t)};this.getTileLayerOptions=()=>{this.tileSelectOptions=this.tileLayersOptions.map((t=>({label:t===null||t===void 0?void 0:t.name,value:t===null||t===void 0?void 0:t.name})));this.selectedTile=this.tileSelectOptions.filter((t=>t.value===this.defaultTileOptionName))[0]};this.handleSelectTile=t=>{var i;if(!t)return;this.selectedTile=t;if(this.enableTileSelection&&((i=this.tileLayersOptions)===null||i===void 0?void 0:i.length)>0){const i=this.tileLayersOptions.find((i=>(i===null||i===void 0?void 0:i.name)===t));if(!i)return;const s=this.map.getLayers().getArray().filter((t=>t.get("isBaseTile")));s.forEach((t=>{this.map.removeLayer(t)}));const e=new o({source:i.source,visible:true,zIndex:0,properties:{value:i.name,isBaseTile:true}});this.map.getLayers().insertAt(0,e)}};this.handleSelectLayers=t=>{if(this.handleSetSelectedLayers){this.handleSetSelectedLayers(t)}this.updateLayerVisibility(t);if(this.handleSelectLayersCallback){this.handleSelectLayersCallback(t)}};this.updateLayerVisibility=(t,i=false)=>{var s,e;let h=i?o:l;(e=(s=this.map)===null||s===void 0?void 0:s.getLayers())===null||e===void 0?void 0:e.forEach((i=>{if(i instanceof h){t.includes(i.get("value"))||i.get("id")===V?i.setVisible(true):i.setVisible(false)}}))};this.bulkSelectDraw=(t,i)=>{N(this.map,t,i,this.setBulkSelectonActive,this.setEnableDragBox,this.handleSetSelectedFeatureProperties,this.clearSelectFeatureInteraction,this.currentBulkSelectDrawInteraction,this.handleSetCurrentBulkSelectDrawInteraction,this.handleRemoveInteraction,this.handleAddInteraction,this.selectedFeatureByBoxSelection,this.handleSetSelectedFeatureByBoxSelection,this.handleSetSelectedBulkSelectionType,this.getSelectedFeatureStyles,this.handleSetSelectedFeaturesOnBulkSelect)};this.clearSelectFeatureInteraction=()=>{if(this.selectFeatureInteraction){this.selectFeatureInteraction.getFeatures().clear();this.selectFeatureInteraction.setActive(false)}};this.handleSetCurrentBulkSelectDrawInteraction=t=>{this.currentBulkSelectDrawInteraction=t};this.handleSetSelectedFeatureByBoxSelection=t=>{this.selectedFeatureByBoxSelection=t};this.handleSetSelectedBulkSelectionType=t=>{this.selectedBulkSelectionType=t};this.handleCancelBulkSelectDraw=()=>{this.setBulkSelectonActive(false);this.setEnableDragBox(false);this.currentBulkSelectDrawInteraction.setActive(false);this.map.removeInteraction(this.currentBulkSelectDrawInteraction)};this.handleBulkUnselectFeatures=()=>{if(this.selectedFeatureByBoxSelection.length>0&&this.getFeatureStyles){this.selectedFeatureByBoxSelection.forEach((t=>{let i=this.getFeatureStyles(t);if(S(i)){t.setStyle(i)}}))}this.setEnableDragBox(false);this.setBulkSelectonActive(false);this.selectedFeatureByBoxSelection=[];if(this.handleSetSelectedFeaturesOnBulkSelect){this.handleSetSelectedFeaturesOnBulkSelect([])}};this.startDrawingMapFeature=(t,i="Point")=>{R(this.map,t,i,this.handleRemoveInteraction,this.currentAddFeatureDrawInteraction,this.handleSetCurrentInteraction,this.handleGetFeatureObject,this.handleEnableAddNewFeature,this.handleSetSelectedFeatureProperties,this.handleAddInteraction,this.addMultipleFeatures,this.addNewFeature)};this.handleGetFeatureObject=t=>{this.newFeatureObjectsAdded=[...this.newFeatureObjectsAdded,...[t]]};this.handleAddInteraction=t=>{this.map.addInteraction(t)};this.handleRemoveInteraction=t=>{this.map.removeInteraction(t);this.currentAddFeatureDrawInteraction=null};this.handleSetCurrentInteraction=t=>{this.currentAddFeatureDrawInteraction=t};this.cancelAddNewFeature=()=>{this.handleEnableAddNewFeature(false);this.map.removeInteraction(this.currentAddFeatureDrawInteraction)};this.addNewFeature=()=>{this.handleEnableAddNewFeature(false);this.map.removeInteraction(this.currentAddFeatureDrawInteraction);if(this.handleAddNewFeatures){this.handleAddNewFeatures(this.newFeatureObjectsAdded)}};this.handleStartSplitting=t=>{this.handleSetSplit(true);this.splitActive=true;E(this.map,t,this.currentSplitInteraction,this.handleSetCurrentSplitInteraction,this.handleSetSplit,this.handleRemoveInteraction,this.handleAddInteraction,this.handleRetrieveSplitFeature)};this.handleSetSplit=t=>{this.handleSetSplitActive(t);this.showSplitButton=t};this.handleRetrieveSplitFeature=t=>{this.splitFeatureDetails=t};this.handleSetCurrentSplitInteraction=t=>{this.currentSplitInteraction=t};this.handleCancelSplit=()=>{this.handleSetSplit(false);this.splitActive=false;this.handleRemoveInteraction(this.currentSplitInteraction);this.currentSplitInteraction=null};this.handleSaveSplit=()=>{this.handleSetSplit(false);this.handleRemoveInteraction(this.currentSplitInteraction);this.currentSplitInteraction=null;this.handleSplitFeature(this.splitFeatureDetails)}}componentWillLoad(){var t;if(this.tileLayersOptions&&((t=this.tileLayersOptions)===null||t===void 0?void 0:t.length)>0){this.getTileLayerOptions()}}updateTileSelectOptions(){var t;if(this.tileLayersOptions&&((t=this.tileLayersOptions)===null||t===void 0?void 0:t.length)>0){this.getTileLayerOptions()}}render(){return i("map-toolbar",{key:"04c81b92186cd20eac7a8fdd4663f2656837cd5e",map:this.map,mapTitle:this.mapTitle,layerOptions:this.layerOptions,handleSelectLayers:this.handleSelectLayers,visibleLayers:this.selectedLayers,tileOptions:this.tileSelectOptions,handleSelectTile:this.handleSelectTile,selectedTile:this.selectedTile,enableTileSelection:this.enableTileSelection,filterPanel:this.filterPanel,enableDragBox:this.enableDragBox,selectedFeatureByBoxSelection:this.selectedFeatureByBoxSelection,handleUnselectFeatures:this.handleBulkUnselectFeatures,selectedFeaturesActionPanel:this.bulkSelectedFeaturesActionPanel,handleCancelBoxSelection:this.handleCancelBulkSelectDraw,handleBulkSelectionTypeOnChange:this.bulkSelectDraw,mapProjection:this.mapProjection,refreshEvent:this.handleRefresh,refreshButtonTooltip:this.refreshButtonTooltip,enableAddNewFeature:this.enableAddNewFeature,handleStartDrawingMapFeature:this.startDrawingMapFeature,cancelAddNewFeature:this.cancelAddNewFeature,addNewFeature:this.addNewFeature,enableSplit:this.enableSplitFeature,handleStartSplitting:this.handleStartSplitting,handleCancelSplit:this.handleCancelSplit,handleSaveSplit:this.handleSaveSplit,readOnlyMap:this.readOnlyMap,enableAdd:this.enableAdd,addMultipleFeatures:this.addMultipleFeatures,showSplitButton:this.showSplitButton,readOnlyLayers:this.readOnlyLayers,addFeaturePanelConfig:this.addFeaturePanelConfig})}get el(){return s(this)}static get watchers(){return{tileLayersOptions:["updateTileSelectOptions"]}}};q.style=_;export{U as map_component,q as udp_map_toolbar};
+import{r as t,h as i,a as s}from"./index-n-1ZSeAs.js";import e from"ol/Map";import h from"ol/View";import o from"ol/layer/Tile";import n from"ol/source/OSM";import l from"ol/layer/Vector";import a from"ol/source/Vector";import{Zoom as r,FullScreen as d}from"ol/control";import c from"proj4";import{register as u}from"ol/proj/proj4";import{Select as f,Draw as p,defaults as v,DragRotateAndZoom as m}from"ol/interaction";import{Feature as y,Overlay as w}from"ol";import{h as b,g as S,a as g,b as O,c as M,d as F,s as P}from"./udp-map-utils-DNAUNI5U.js";import{Point as L,LineString as C,Polygon as j}from"ol/geom";import*as x from"@turf/turf";import{createBox as z}from"ol/interaction/Draw";import{transformExtent as B}from"ol/proj";import{click as T}from"ol/events/condition";import{first as A,debounce as D}from"lodash";import{S as V,D as Z,P as k}from"./common-CwN0FuAf.js";import"ol/format/GeoJSON";const I=(t,i,s,e,h,o,n,l,a,r,d)=>{const c=new f({condition:t=>T(t),multi:false,hitTolerance:30});c.set("id",V);c.on("select",(async l=>{if(!a&&!t){if(l.selected.length>0){const t=A(l.selected);if(d){let i=await d(l.selected);if(i&&typeof i==="object"){Object.keys(i).forEach((s=>{t.values_[`${s}`]=i[s]}))}}i(t);if(h){h(t)}s(t);o(t);if(n){let i=n(t);if(b(i)){t.setStyle(i)}}}else{s(null);e()}}}));r(c);l(c)};const N=(t,i,s,e,h,o,n,a,r,d,c,u,f,v,m,y)=>{e(true);h(true);o(null);f([]);v(i);n();if(t){if(a){d(a)}const e={type:"Circle"};if(i==="box"){e.geometryFunction=z()}else if(i==="polygon"){e.type="Polygon"}else if(i==="lasso"){e.type="Polygon";e.freehand=true}const o=new p(e);r(o);c(o);o.setActive(true);let n=[];o.on("drawend",(i=>{d(a);let e=i.feature.getGeometry().getExtent();e=B(e,t.getView().getProjection(),s);t.getLayers().forEach((t=>{if(t instanceof l){let i=t.getSource();const s=i.getFeaturesInExtent(e).filter((t=>t.getGeometry().intersectsExtent(e)&&!u.includes(t)));if(m){s.forEach((t=>{let i=m(t);if(b(i)){t.setStyle(i)}}))}n.push(...s)}}));if(n.length>0){let t=(u===null||u===void 0?void 0:u.length)>0?[...u,...n]:n;f(t);if(y){y(u)}}h(false);o.setActive(false)}));r(o)}};const R=(t,i,s="Point",e,h,o,n,r,d,c,u,f)=>{var v,m,y,w;if(d){d(null)}r(true);if(h){e(h)}let b=new a;if(i){(v=t===null||t===void 0?void 0:t.getLayers())===null||v===void 0?void 0:v.forEach((t=>{if(t instanceof l){if(i.value===t.getProperties().value){b=t.getSource()}}}))}else{b=(w=(y=(m=t===null||t===void 0?void 0:t.getLayers())===null||m===void 0?void 0:m.getArray())===null||y===void 0?void 0:y.find((t=>t instanceof l&&t.get("id")===Z)))===null||w===void 0?void 0:w.getSource()}const S=new p({source:b,type:s});o(S);S.on("drawend",(function(t){const e=t.feature;let h=e.getGeometry();if(h instanceof L||h instanceof C||h instanceof j){let t={feature:e,type:s,coordinates:h.getCoordinates(),geometry:h,layer:i,source:b};if(n){n(t)}if(!u){f()}}}));c(S)};const U=(t,i,s,e,h,o,n,r)=>{if(s){o(s)}e(null);h(true);let d=new a;t.getLayers().forEach((t=>{if(t instanceof l){if(i.value===t.getProperties().value){d=t.getSource()}}}));const c=new p({source:d,type:"LineString"});e(c);c.on("drawend",(function(t){const i=t.feature;const s=i.getGeometry();if(s instanceof C){const e=s.getCoordinates();const h=x.lineString(e);let o;let n=new y;let l=new y;d.getFeatures().forEach((t=>{const i=t.getGeometry();if(i instanceof C){let t=i.getCoordinates();const s=x.lineString(t);o=x.lineIntersect(s,h);if(o.features.length>0){const t=o.features[0].geometry.coordinates;const i=[s.geometry.coordinates[0],t];const e=[t,s.geometry.coordinates[1]];n=new y({geometry:new C(i),name:"Split LineString 1"});l=new y({geometry:new C(e),name:"Split LineString 2"})}}}));d.removeFeature(i);d.removeFeature(t.feature);d.addFeature(n);d.addFeature(l);let a={originalFeature:i,newFeature1:n,newFeature2:l};if(r){r(a)}}}));n(c);e(c)};const E=":host{display:block}.zoomControl{left:'auto';right:'20';top:'20'}.iconButtonWrapper{padding:var(--spacing-04)}#featureDetailsPopOverContainer{position:absolute;z-index:1000}.hidden-controls .ol-zoom,.hidden-controls .ol-attribution{display:none}.ol-control{width:fit-content !important}";const W=class{constructor(i){t(this,i);this.data=[];this.isGeoJsonFormat=true;this.enableZoom=true;this.mapZoom=17;this.mapCenter=[0,0];this.mapHeight="80vh";this.mapProjection="";this.filterPanel="";this.enableTileSelection=true;this.tileLayersOptions=[];this.defaultTileOptionName="";this.layerOptions=[];this.initialSelectedLayers=[];this.bulkSelectedFeaturesActionPanel="";this.filterLayersByRole=false;this.layerKeySeparator="";this.filteredLayerOptionsByRole=[];this.readOnlyMap=false;this.enableViewFeature=true;this.bulkSelectionActive=false;this.splitActive=false;this.enableDragBox=false;this.enableAddNewFeature=true;this.readOnlyLayers=[];this.popoverPrimaryActions=[];this.popoverMoreIconButtonActions=[];this.hideMessageIconPopover=false;this.popoverCardConfig={};this.minZoom=0;this.maxZoom=28;this.definedProjection=false;this.popoverContainer=null;this.showPopOver=false;this.isReadOnlyFeature=false;this.mapFeatures=[];this.initializeMap=(t,i)=>{var s;this.definedProjection=this.registerProjection(this.crs);this.filterLayerOptions();let c=[];if(this.tileLayersOptions&&((s=this.tileLayersOptions)===null||s===void 0?void 0:s.length)>0){for(let t of this.tileLayersOptions){const i=new o({source:t===null||t===void 0?void 0:t.source,properties:{value:t===null||t===void 0?void 0:t.name,isBaseTile:true},visible:this.defaultTileOptionName?(t===null||t===void 0?void 0:t.name)===this.defaultTileOptionName:true});c[c.length]=i}}else{const t=new o({source:new n,properties:{value:"Open Street Map",isBaseTile:true},visible:true});c[c.length]=t}c.push(new l({source:new a({}),properties:{id:Z}}));const u=new h({center:this.mapCenter,zoom:this.mapZoom,projection:this.mapProjection,minZoom:this.minZoom,maxZoom:this.maxZoom});this.mapInstance=new e({target:i,layers:c,view:u,interactions:v().extend([new m]),controls:[new r,new d],overlays:[new w({element:t,autoPan:{animation:{duration:250}},id:k})]});this.mapInstance.on("moveend",D((()=>{this.getMapExtentAndZoom()}),500));this.setVectorLayers();this.addSelectInteraction();if(this.handleSetMapComponent){this.handleSetMapComponent(this.mapInstance)}};this.setVectorLayers=()=>{let t=S(this.data,this.isGeoJsonFormat,this.geoJsonMappingConfig,this.filterPanel,this.filterPanelCallback);this.mapFeatures=g(t,this.crs,this.definedProjection,this.mapProjection,this.mapDataProjection,this.getFilteredMapData);let i=this.getVisibleLayersOnLoad(this.layerOptions);this.addVectorLayersToMap(this.mapFeatures,i);this.updateIntialSelectedLayersVisibility()};this.clearVectorLayers=()=>{var t,i,s;const e=(s=(i=(t=this.mapInstance)===null||t===void 0?void 0:t.getLayers())===null||i===void 0?void 0:i.getArray())!==null&&s!==void 0?s:[];e.forEach((t=>{if(t instanceof l&&t.get("id")!==Z){this.mapInstance.removeLayer(t)}}))};this.registerProjection=t=>{if((t===null||t===void 0?void 0:t.length)>0){c.defs(t);u(c);return true}return false};this.filterLayerOptions=()=>{let t=this.filterLayersByRole?O(this.user,this.layerRoles,this.layerOptions):this.layerOptions;this.handleSetFilteredLayerOptionsByRole(t)};this.addVectorLayersToMap=(t,i)=>{var s;if(t&&this.mapInstance){if(this.getVectorLayerSources){(s=this.getVectorLayerSources(i,t))===null||s===void 0?void 0:s.forEach((t=>{var i;const s=new a({features:(i=t===null||t===void 0?void 0:t.features)!==null&&i!==void 0?i:[]});const e=new l({source:s,properties:{value:t===null||t===void 0?void 0:t.layer},style:this.getFeatureStyles});this.mapInstance.addLayer(e)}))}else{for(let s of i){const i=t===null||t===void 0?void 0:t.filter((t=>{const i=t.getProperties();if(this.getFeatureStyles){let i=this.getFeatureStyles(t);if(b(i)){t.setStyle(i)}}const e=M(this.layerKeys,this.layerKeySeparator,i);return s===e}));const e=new a({features:i});const h=new l({source:e,properties:{value:s}});this.mapInstance.addLayer(h)}}}};this.getVisibleLayersOnLoad=t=>{const i=this.filterLayersByRole?O(this.user,this.layerRoles,t):t;const s=F(i);return s};this.updateLayerVisibility=(t,i=false)=>{var s,e;let h=i?o:l;(e=(s=this.mapInstance)===null||s===void 0?void 0:s.getLayers())===null||e===void 0?void 0:e.forEach((i=>{if(i instanceof h){t.includes(i.get("value"))||i.get("id")===Z?i.setVisible(true):i.setVisible(false)}}))};this.insertFeatureStyles=()=>{if(this.getFeatureStyles){this.mapInstance.getLayers().forEach((t=>{if(t instanceof l){let i=t.getSource();i.getFeatures().forEach((t=>{let i=this.getFeatureStyles(t);if(b(i)){t.setStyle(i)}}))}}))}};this.addSelectInteraction=()=>{I(this.splitActive,this.handleSetCurrentSelectedFeature,this.handleSetSelectedFeatureProperties,this.handleOnCloseFeaturePopover,this.handleSetSelectedFeatureOnSelect,this.showPopper,this.getSelectedFeatureStyles,this.handleAddInteraction,this.enableDragBox,this.handleUpdateSelectInteraction,this.handleGetAdditionalFeaturePropertiesOnSelect)};this.handleUpdateSelectInteraction=t=>{this.selectInteraction=t};this.handleSetCurrentSelectedFeature=t=>{this.currentSelectedFeature=t};this.handleSetShowPopOver=t=>{this.showPopOver=t};this.showPopper=t=>{if(!this.enableDragBox&&!this.enableAddNewFeature&&!this.splitActive&&t){const i=this.mapInstance.getOverlayById(k);if(i){if(t.getGeometry()instanceof L){i.setPosition(t.getGeometry().getCoordinates())}else if(t.getGeometry()instanceof C){i.setPosition(t.getGeometry().getCoordinates()[0])}else if(t.getGeometry()instanceof j){i.setPosition(t.getGeometry().getCoordinates()[0][0])}}this.showPopOver=true}};this.handleOnCloseFeaturePopover=t=>{if(this.additionalOnclosePopover){this.additionalOnclosePopover(t)}if(this.setSelectedFeatureIdExternal){this.setSelectedFeatureIdExternal(null)}this.showPopOver=false};this.handleAddInteraction=t=>{this.mapInstance.addInteraction(t)};this.handleShowMarkerFromExternal=t=>{var i,s;if(t&&this.mapFeatures&&this.selectInteraction){const e=(i=this.mapFeatures)===null||i===void 0?void 0:i.find((i=>(i===null||i===void 0?void 0:i.getId())===t));const h=e===null||e===void 0?void 0:e.getProperties();if(e){this.handleSetSelectedFeatureProperties(e);const t=M(this.layerKeys,this.layerKeySeparator,h);const i=F(this.filteredLayerOptionsByRole);if(!((s=this.selectedLayers)===null||s===void 0?void 0:s.includes(t))&&(i===null||i===void 0?void 0:i.includes(t))&&this.handleSetSelectedLayers){const i=[...this.selectedLayers,t];this.handleSetSelectedLayers(i);this.updateLayerVisibility(i)}const o=this.selectInteraction.getFeatures();const n=o.getArray().slice();o.clear();o.push(e);this.selectInteraction.dispatchEvent({type:"select",selected:[e],deselected:n,mapBrowserEvent:null})}}}}componentDidLoad(){requestAnimationFrame((()=>{this.popoverContainer=this.el.shadowRoot.querySelector("#featureDetailsPopOverContainer");const t=this.el.shadowRoot.querySelector("#map");if(this.popoverContainer&&t){this.initializeMap(this.popoverContainer,t)}}))}reinitializeMap(){this.clearVectorLayers();this.setVectorLayers()}resetPopover(){this.showPopOver=false}updateProjection(){if(this.crs){this.definedProjection=this.registerProjection(this.crs)}}updateFilteredLayerOptions(){this.filterLayerOptions()}handleSelectFeatureOnMap(){var t;if(this.selectedFeatureIdExternal&&((t=this.selectInteraction)===null||t===void 0?void 0:t.getActive())){this.handleShowMarkerFromExternal(this.selectedFeatureIdExternal)}else if(this.selectedFeatureIdExternal&&this.setSelectedFeatureIdExternal){this.setSelectedFeatureIdExternal(null)}}updateReadOnlyLayers(){var t;if(this.selectedFeatureProperties){const i=M(this.layerKeys,this.layerKeySeparator,this.selectedFeatureProperties);this.isReadOnlyFeature=(t=this.readOnlyLayers)===null||t===void 0?void 0:t.includes(i)}}handleUpdateInitialSelectedLayersVisibility(){this.updateIntialSelectedLayersVisibility()}updateMapView(){if(this.mapInstance){const t=this.mapInstance.getView().getCenter();const i=this.mapInstance.getView().getZoom();this.mapInstance.setView(new h({center:t,zoom:i,projection:this.mapProjection}))}}updateMapCenter(){var t;if(this.mapInstance&&this.mapCenter){(t=this.mapInstance.getView())===null||t===void 0?void 0:t.setCenter(this.mapCenter)}}updateFeatureStyles(){if(this.mapInstance){this.insertFeatureStyles()}}updateMinZoom(){var t,i;if(this.mapInstance&&this.minZoom){(i=(t=this.mapInstance)===null||t===void 0?void 0:t.getView())===null||i===void 0?void 0:i.setMinZoom(this.minZoom)}}updateMaxZoom(){var t,i;if(this.mapInstance&&this.maxZoom){(i=(t=this.mapInstance)===null||t===void 0?void 0:t.getView())===null||i===void 0?void 0:i.setMaxZoom(this.maxZoom)}}getMapExtentAndZoom(){if(this.handleGetZoomExtent){const t=this.mapInstance.getView().calculateExtent(this.mapInstance.getSize());const i=this.mapInstance.getView().getZoom();this.handleGetZoomExtent(i,t)}}updateIntialSelectedLayersVisibility(){let t=P(this.filteredLayerOptionsByRole,this.initialSelectedLayers);this.updateLayerVisibility(t);if(this.handleSetSelectedLayers){this.handleSetSelectedLayers(t)}}render(){return i("div",{key:"9a032e414d7f54e7ef9e65d441feddbbe964ae65"},i("div",{key:"5ec3e4167298b3cf59d730b9214228d93f47b915",id:"map",style:{height:this.mapHeight,width:"100%",overflow:"hidden"}},i("slot",{key:"6be113cc1a7cc2b6e666560c107ce856800cccc8"})),i("div",{key:"4e23d6a0ca912f6f97abfa132a4df206cd0b64e0",id:"featureDetailsPopOverContainer"},i("feature-details-popup",{key:"001c987f605f2230563a911615527194ddba7f38",currentSelectedFeature:this.currentSelectedFeature,data:this.selectedFeatureProperties,coordinates:this.selectedFeatureCoordinates,enableViewFeature:this.enableViewFeature,handleViewFeature:this.handleViewFeature,showPopOver:this.showPopOver,isReadOnly:this.isReadOnlyFeature,additionalOnclosePopover:this.handleOnCloseFeaturePopover,primaryActions:this.popoverPrimaryActions,moreIconActions:this.popoverMoreIconButtonActions,getMessage:this.getMessagePopover,getMessageIcon:this.getMessageIconPopover,hideMessageIcon:this.hideMessageIconPopover,cardConfig:this.popoverCardConfig,popoverWidth:this.popoverWidth,popoverContainer:this.popoverContainer})))}get el(){return s(this)}static get watchers(){return{data:["reinitializeMap","resetPopover"],layerOptions:["reinitializeMap","updateFilteredLayerOptions"],mapDataProjection:["reinitializeMap"],mapProjection:["reinitializeMap","updateMapView"],crs:["updateProjection"],layerRoles:["updateFilteredLayerOptions"],user:["updateFilteredLayerOptions"],selectedFeatureIdExternal:["handleSelectFeatureOnMap"],readOnlyLayers:["updateReadOnlyLayers"],selectedFeatureProperties:["updateReadOnlyLayers"],initialSelectedLayers:["handleUpdateInitialSelectedLayersVisibility"],mapCenter:["updateMapCenter"],getMapStyles:["updateFeatureStyles"],minZoom:["updateMinZoom"],maxZoom:["updateMaxZoom"]}}};W.style=E;const _=":host{display:block}.zoomControl{left:'auto';right:'20';top:'20'}.iconButtonWrapper{padding:var(--spacing-04)}#featureDetailsPopOverContainer{position:absolute;z-index:1000}.hidden-controls .ol-zoom,.hidden-controls .ol-attribution{display:none}.ol-control{width:fit-content !important}";const q=class{constructor(i){t(this,i);this.mapTitle="";this.mapProjection="";this.filterPanel="";this.enableTileSelection=true;this.tileLayersOptions=[];this.defaultTileOptionName="";this.layerOptions=[];this.bulkSelectedFeaturesActionPanel="";this.refreshButtonTooltip="";this.readOnlyMap=false;this.enableAdd=true;this.addMultipleFeatures=true;this.enableSplitFeature=true;this.filteredLayerOptionsByRole=[];this.enableDragBox=false;this.splitActive=false;this.enableAddNewFeature=false;this.readOnlyLayers=[];this.selectedTile={label:"Open Street Map",value:"Open Street Map"};this.selectedBulkSelectionType="box";this.selectedFeatureByBoxSelection=[];this.tileSelectOptions=[{label:"Open Street Map",value:"Open Street Map"}];this.newFeatureObjectsAdded=[];this.showSplitButton=false;this.setEnableDragBox=t=>{this.handleSetEnableDragBox(t)};this.setBulkSelectonActive=t=>{this.handleSetBulkSelectionActive(t)};this.getTileLayerOptions=()=>{this.tileSelectOptions=this.tileLayersOptions.map((t=>({label:t===null||t===void 0?void 0:t.name,value:t===null||t===void 0?void 0:t.name})));this.selectedTile=this.tileSelectOptions.filter((t=>t.value===this.defaultTileOptionName))[0]};this.handleSelectTile=t=>{var i;if(!t)return;this.selectedTile=t;if(this.enableTileSelection&&((i=this.tileLayersOptions)===null||i===void 0?void 0:i.length)>0){const i=this.tileLayersOptions.find((i=>(i===null||i===void 0?void 0:i.name)===t));if(!i)return;const s=this.map.getLayers().getArray().filter((t=>t.get("isBaseTile")));s.forEach((t=>{this.map.removeLayer(t)}));const e=new o({source:i.source,visible:true,zIndex:0,properties:{value:i.name,isBaseTile:true}});this.map.getLayers().insertAt(0,e)}};this.handleSelectLayers=t=>{if(this.handleSetSelectedLayers){this.handleSetSelectedLayers(t)}this.updateLayerVisibility(t);if(this.handleSelectLayersCallback){this.handleSelectLayersCallback(t)}};this.updateLayerVisibility=(t,i=false)=>{var s,e;let h=i?o:l;(e=(s=this.map)===null||s===void 0?void 0:s.getLayers())===null||e===void 0?void 0:e.forEach((i=>{if(i instanceof h){t.includes(i.get("value"))||i.get("id")===Z?i.setVisible(true):i.setVisible(false)}}))};this.bulkSelectDraw=(t,i)=>{N(this.map,t,i,this.setBulkSelectonActive,this.setEnableDragBox,this.handleSetSelectedFeatureProperties,this.clearSelectFeatureInteraction,this.currentBulkSelectDrawInteraction,this.handleSetCurrentBulkSelectDrawInteraction,this.handleRemoveInteraction,this.handleAddInteraction,this.selectedFeatureByBoxSelection,this.handleSetSelectedFeatureByBoxSelection,this.handleSetSelectedBulkSelectionType,this.getSelectedFeatureStyles,this.handleSetSelectedFeaturesOnBulkSelect)};this.clearSelectFeatureInteraction=()=>{if(this.selectFeatureInteraction){this.selectFeatureInteraction.getFeatures().clear();this.selectFeatureInteraction.setActive(false)}};this.handleSetCurrentBulkSelectDrawInteraction=t=>{this.currentBulkSelectDrawInteraction=t};this.handleSetSelectedFeatureByBoxSelection=t=>{this.selectedFeatureByBoxSelection=t};this.handleSetSelectedBulkSelectionType=t=>{this.selectedBulkSelectionType=t};this.handleCancelBulkSelectDraw=()=>{this.setBulkSelectonActive(false);this.setEnableDragBox(false);this.currentBulkSelectDrawInteraction.setActive(false);this.map.removeInteraction(this.currentBulkSelectDrawInteraction)};this.handleBulkUnselectFeatures=()=>{if(this.selectedFeatureByBoxSelection.length>0&&this.getFeatureStyles){this.selectedFeatureByBoxSelection.forEach((t=>{let i=this.getFeatureStyles(t);if(b(i)){t.setStyle(i)}}))}this.setEnableDragBox(false);this.setBulkSelectonActive(false);this.selectedFeatureByBoxSelection=[];if(this.handleSetSelectedFeaturesOnBulkSelect){this.handleSetSelectedFeaturesOnBulkSelect([])}};this.startDrawingMapFeature=(t,i="Point")=>{R(this.map,t,i,this.handleRemoveInteraction,this.currentAddFeatureDrawInteraction,this.handleSetCurrentInteraction,this.handleGetFeatureObject,this.handleEnableAddNewFeature,this.handleSetSelectedFeatureProperties,this.handleAddInteraction,this.addMultipleFeatures,this.addNewFeature)};this.handleGetFeatureObject=t=>{this.newFeatureObjectsAdded=[...this.newFeatureObjectsAdded,...[t]]};this.handleAddInteraction=t=>{this.map.addInteraction(t)};this.handleRemoveInteraction=t=>{this.map.removeInteraction(t);this.currentAddFeatureDrawInteraction=null};this.handleSetCurrentInteraction=t=>{this.currentAddFeatureDrawInteraction=t};this.cancelAddNewFeature=()=>{this.handleEnableAddNewFeature(false);this.map.removeInteraction(this.currentAddFeatureDrawInteraction)};this.addNewFeature=()=>{this.handleEnableAddNewFeature(false);this.map.removeInteraction(this.currentAddFeatureDrawInteraction);if(this.handleAddNewFeatures){this.handleAddNewFeatures(this.newFeatureObjectsAdded)}};this.handleStartSplitting=t=>{this.handleSetSplit(true);this.splitActive=true;U(this.map,t,this.currentSplitInteraction,this.handleSetCurrentSplitInteraction,this.handleSetSplit,this.handleRemoveInteraction,this.handleAddInteraction,this.handleRetrieveSplitFeature)};this.handleSetSplit=t=>{this.handleSetSplitActive(t);this.showSplitButton=t};this.handleRetrieveSplitFeature=t=>{this.splitFeatureDetails=t};this.handleSetCurrentSplitInteraction=t=>{this.currentSplitInteraction=t};this.handleCancelSplit=()=>{this.handleSetSplit(false);this.splitActive=false;this.handleRemoveInteraction(this.currentSplitInteraction);this.currentSplitInteraction=null};this.handleSaveSplit=()=>{this.handleSetSplit(false);this.handleRemoveInteraction(this.currentSplitInteraction);this.currentSplitInteraction=null;this.handleSplitFeature(this.splitFeatureDetails)}}componentWillLoad(){var t;if(this.tileLayersOptions&&((t=this.tileLayersOptions)===null||t===void 0?void 0:t.length)>0){this.getTileLayerOptions()}}updateTileSelectOptions(){var t;if(this.tileLayersOptions&&((t=this.tileLayersOptions)===null||t===void 0?void 0:t.length)>0){this.getTileLayerOptions()}}render(){return i("map-toolbar",{key:"5b7239834a5e7898b2a872aa3b1ccbd4eb556854",map:this.map,mapTitle:this.mapTitle,layerOptions:this.layerOptions,handleSelectLayers:this.handleSelectLayers,visibleLayers:this.selectedLayers,tileOptions:this.tileSelectOptions,handleSelectTile:this.handleSelectTile,selectedTile:this.selectedTile,enableTileSelection:this.enableTileSelection,filterPanel:this.filterPanel,enableDragBox:this.enableDragBox,selectedFeatureByBoxSelection:this.selectedFeatureByBoxSelection,handleUnselectFeatures:this.handleBulkUnselectFeatures,selectedFeaturesActionPanel:this.bulkSelectedFeaturesActionPanel,handleCancelBoxSelection:this.handleCancelBulkSelectDraw,handleBulkSelectionTypeOnChange:this.bulkSelectDraw,mapProjection:this.mapProjection,refreshEvent:this.handleRefresh,refreshButtonTooltip:this.refreshButtonTooltip,enableAddNewFeature:this.enableAddNewFeature,handleStartDrawingMapFeature:this.startDrawingMapFeature,cancelAddNewFeature:this.cancelAddNewFeature,addNewFeature:this.addNewFeature,enableSplit:this.enableSplitFeature,handleStartSplitting:this.handleStartSplitting,handleCancelSplit:this.handleCancelSplit,handleSaveSplit:this.handleSaveSplit,readOnlyMap:this.readOnlyMap,enableAdd:this.enableAdd,addMultipleFeatures:this.addMultipleFeatures,showSplitButton:this.showSplitButton,readOnlyLayers:this.readOnlyLayers,addFeaturePanelConfig:this.addFeaturePanelConfig})}get el(){return s(this)}static get watchers(){return{tileLayersOptions:["updateTileSelectOptions"]}}};q.style=_;export{W as map_component,q as udp_map_toolbar};
 //# sourceMappingURL=map-component_2.entry.js.map

package/dist/stencil-library/numeric-field_5.entry.js

@@ -1,2 +1,2 @@
-import{r as t,c as i,h as e,H as p,a as n}from"./index-n-1ZSeAs.js";const r=':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 o=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:"9360c33f329089e826a024dbb9fc5428953657a4",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:"a546669bf6e7ea1e92f68be40c7d5d08becc0c53",class:"bx--form-item"},e("unity-typography",{key:"dd1dae528f12cc9d1f84bed1b189af031398f160",variant:"caption-text"},e("label",{key:"c747bbd8c5cec2b8792076d1cfcb564ad3e37907",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:"32d8f5447f2f14da09f683ac40784d2b921a5105",class:"error-message"},e("unity-typography",{key:"4f818ca155926a1d88018853d738bbc090060773",variant:"caption-text",color:"error"},this.errorMessage))))}static get watchers(){return{error:["updateError"],initialValue:["initialValueChanged"],value:["valueChanged"]}}};o.style=r;const s=':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.errorEvent=i(this,"error");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}if(this.errorMessage){const t=this.validateCharacterLength(i);if(t!==this.errorMessage){this.setAndDispatchError(t)}}this.adjustTextAreaHeight()};this.onChange=t=>{if(this.readonly){return}const i=t.target.value;const e=this.validateCharacterLength(i);if(e){this.setAndDispatchError(e)}else{this.setAndDispatchError("")}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()))}}validateCharacterLength(t){if(!t)return"";const i=t.length;if(this.minCharacter&&i<this.minCharacter){return`Must be at least ${this.minCharacter} characters`}if(this.maxCharacter&&i>this.maxCharacter){return`Must be no more than ${this.maxCharacter} characters`}return""}setAndDispatchError(t){console.log("Setting text area error:",t);this.errorMessage=t;this.errorEvent.emit(t);const i=new CustomEvent("error",{detail:t,bubbles:true,composed:true});this.el.dispatchEvent(i)}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;if(this.internalValue){const t=this.validateCharacterLength(this.internalValue);if(t){this.setAndDispatchError(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:s,readonly:u,errorMessage:a,fullWidth:d,internalRows:l}=this;return e(p,{key:"01b060cb795ba1c1320bbf5e640faac9305ed4df",class:{"udp-input":true,"udp-input--error":!!a,"udp-input--disabled":t,"udp-input--readonly":u,"udp-input--full-width":d,"udp-input--required":s,[`udp-input--size-${this.size}`]:true,[`udp-input--margin-${this.margin}`]:true}},e("div",{key:"04570e8c58353f38268ffca8df06f954250de3e2",class:"bx--form-item"},e("unity-typography",{key:"105b1e743be4c0b4fce9b27aaa7b354cbd975e66",variant:"caption-text"},e("label",{key:"7b46e00e85ee85afea05f1c1ca47e227e4703efc",htmlFor:i,class:"bx--label"},r,s?"*":"")),e("textarea",{key:"2ef3dac25799642b9ad5f66abb4a87010347f76d",ref:t=>this.textareaEl=t,id:i,class:{"bx--text-input":true,"bx--text-input--error":!!a,"text-area--disabled":t},placeholder:o,value:n,required:s,disabled:t,readonly:u,maxLength:this.maxCharacter,rows:l,onInput:this.onInput,onChange:this.onChange},n),a&&e("div",{key:"5f222207af8d38edc8509650b6818bb913bef069",class:"error-message"},e("unity-typography",{key:"32561b17fa58cc1632a7dd578a1795438474d89f",variant:"caption-text",color:"error"},a))))}get el(){return n(this)}static get watchers(){return{error:["updateError"],initialValue:["initialValueChanged"],value:["valueChanged"]}}};u.style=s;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 d=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())*60*1e3);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:"9edbe6a132cbecabfea080c71930e2477873dd91",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:"a5bf7a47b784bef02ca873afc691b7d03f8dfd13",class:"bx--form-item"},e("unity-typography",{key:"2d4f3a8e6971b074e6eca1788ff2ab9310ee5a74",variant:"caption-text"},e("label",{key:"3acbd7d9c29a59d56e3e31c4e646f723858cecdc",htmlFor:this.id,class:"bx--label"},this.label,this.required?"*":"")),e("input",{key:"22a924af3868e9624679f5a303cdd09ea1addf2c",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:"0b542429910e6f1fa5c5aa2ae9db1e6e0a13603a",class:"error-message",variant:"caption-text",color:"error"},this.errorMessage)))}static get watchers(){return{error:["updateError"],initialValue:["initialValueChanged"],value:["valueChanged"]}}};d.style=a;const l=':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 h=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())*60*1e3);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:"03dc3a30955b984622c94a3457ac182e09b70d5b",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:"faf64e8afed26baf9d6520abffa33fa3d02ff8ce",class:"bx--form-item"},e("unity-typography",{key:"1d6ae7b0b37c3d765a2fd82547693459525e37c7",variant:"caption-text"},e("label",{key:"f037be2134b9694261405175cdd3a5da8f782897",htmlFor:this.id,class:"bx--label"},this.label,this.required?"*":"")),e("input",{key:"44f7935c6125d02971ab9fef142fddf0ed42d423",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:"1adacdb6e4bb8dd6faa9b061866bf7f74970d05d",class:"error-message",variant:"caption-text",color:"error"},this.errorMessage)))}static get watchers(){return{error:["updateError"],initialValue:["initialValueChanged"],value:["valueChanged"]}}};h.style=l;const c=':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 b=class{constructor(e){t(this,e);this.change=i(this,"change");this.input=i(this,"input");this.errorEvent=i(this,"error");this.value="";this.readonly=false;this.fullWidth=false;this.size="normal";this.margin="normal";this.internalValue="";this.handleInvalid=t=>{const i=t.target;const e=i.validationMessage;this.setAndDispatchError(e)};this.handleValid=t=>{const i=t.target;const e=this.validateTime(i.value);if(e){this.setAndDispatchError(e)}else if(i.validity.valid){this.setAndDispatchError("")}};this.handleTimeInput=t=>{const i=t.target;const e=i.value;this.internalValue=e;if(this.value!==undefined){this.value=e}if(this.errorMessage){const t=this.validateTime(e);if(t!==this.errorMessage){this.setAndDispatchError(t)}}this.input.emit(e)};this.handleTimeChange=t=>{const i=t.target;const e=i.value;this.internalValue=e;if(this.value!==undefined){this.value=e}const p=this.validateTime(e);if(p){this.setAndDispatchError(p)}else{this.setAndDispatchError("")}this.change.emit(e)}}componentWillLoad(){this.internalValue=this.value||this.initialValue||"";this.errorMessage=this.error}updateError(){console.log("Error prop changed:",this.error);this.errorMessage=this.error}initialValueChanged(t){if(t!==undefined){this.internalValue=t;const i=this.validateTime(t);if(i)this.setAndDispatchError(i)}}valueChanged(t){if(t!==undefined){this.internalValue=t}}handleBlur(){}handleFocus(){}validateTime(t){if(!t)return"";const i=t=>{const[i,e]=t.split(":").map(Number);return i*60+e};const e=i(t);if(this.min){const t=i(this.min);if(e<t){return`Time must be after ${this.min}`}}if(this.max){const t=i(this.max);if(e>t){return`Time must be before ${this.max}`}}return""}setAndDispatchError(t){console.log("Setting error:",t);this.errorMessage=t;this.errorEvent.emit(t);const i=new CustomEvent("error",{detail:t,bubbles:true,composed:true});this.el.dispatchEvent(i)}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:"bb2f53940548506b2967b68fe6c5b1e73430af55",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:"15b2fe88d041385bf7035ecca64d7769bdeb843b",class:"bx--form-item"},e("unity-typography",{key:"0566f681872070de620318de7d21f96accab4cd6",variant:"caption-text"},e("label",{key:"72940ec01c5d54230d58e5095b69988803d002c7",htmlFor:this.id,class:"bx--label"},this.label,this.required?"*":"")),e("input",{key:"4cf4cd9acd57d8d5144e0e2b61362befce824b25",type:"time",id:this.id,name:this.name,class:n,value:this.internalValue,min:this.min,max:this.max,onInput:this.handleTimeInput,onChange:this.handleTimeChange,onBlur:this.handleBlur,onFocus:this.handleFocus,onInvalid:this.handleInvalid,disabled:this.disabled,readonly:this.readonly,required:this.required,udprecordid:"udpRecord-udp-time-selector-"+this.id}),e("unity-typography",{key:"cc2818ea8716991e0f891315dfed07daa5ed5fd2",class:"error-message",variant:"caption-text",color:"error"},this.errorMessage)))}get el(){return n(this)}static get watchers(){return{error:["updateError"],initialValue:["initialValueChanged"],value:["valueChanged"]}}};b.style=c;export{o as numeric_field,u as text_area,d as udp_date_selector,h as udp_datetime_selector,b as udp_time_selector};
+import{r as t,c as i,h as e,H as p,a as n}from"./index-n-1ZSeAs.js";const r=':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 o=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:"65520830574846609238c768262916291f7ce2cf",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:"1d7b82bde04c5c27c29f34c2837af56d5fed6bdc",class:"bx--form-item"},e("unity-typography",{key:"9501d34fea7f1316e1826cfe134f1bf1d1ee3636",variant:"caption-text"},e("label",{key:"f6ab38c203c2c4c0774378eaac238a5b0f353be3",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:"6640782aa038f7ebde2a8111f5f2f1ecb6ba1c88",class:"error-message"},e("unity-typography",{key:"0682b144cce4cb524aad2e39db227b0010ce2f39",variant:"caption-text",color:"error"},this.errorMessage))))}static get watchers(){return{error:["updateError"],initialValue:["initialValueChanged"],value:["valueChanged"]}}};o.style=r;const s=':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.errorEvent=i(this,"error");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}if(this.errorMessage){const t=this.validateCharacterLength(i);if(t!==this.errorMessage){this.setAndDispatchError(t)}}this.adjustTextAreaHeight()};this.onChange=t=>{if(this.readonly){return}const i=t.target.value;const e=this.validateCharacterLength(i);if(e){this.setAndDispatchError(e)}else{this.setAndDispatchError("")}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()))}}validateCharacterLength(t){if(!t)return"";const i=t.length;if(this.minCharacter&&i<this.minCharacter){return`Must be at least ${this.minCharacter} characters`}if(this.maxCharacter&&i>this.maxCharacter){return`Must be no more than ${this.maxCharacter} characters`}return""}setAndDispatchError(t){console.log("Setting text area error:",t);this.errorMessage=t;this.errorEvent.emit(t);const i=new CustomEvent("error",{detail:t,bubbles:true,composed:true});this.el.dispatchEvent(i)}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;if(this.internalValue){const t=this.validateCharacterLength(this.internalValue);if(t){this.setAndDispatchError(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:s,readonly:u,errorMessage:a,fullWidth:d,internalRows:l}=this;return e(p,{key:"b6421c9825eca71d3f198def55a8e678e1dc8dee",class:{"udp-input":true,"udp-input--error":!!a,"udp-input--disabled":t,"udp-input--readonly":u,"udp-input--full-width":d,"udp-input--required":s,[`udp-input--size-${this.size}`]:true,[`udp-input--margin-${this.margin}`]:true}},e("div",{key:"ae7de6f4921c62389e953e2c4a3c97a97e5425fb",class:"bx--form-item"},e("unity-typography",{key:"d0ba18a2c1e96cb13f097e1a9e2dcf0a0e89542a",variant:"caption-text"},e("label",{key:"5633078f35f7168dc72c6ec4c1c9c37b042cff8e",htmlFor:i,class:"bx--label"},r,s?"*":"")),e("textarea",{key:"34f10f25187f508e5f5f837898bd83153dc6a0fc",ref:t=>this.textareaEl=t,id:i,class:{"bx--text-input":true,"bx--text-input--error":!!a,"text-area--disabled":t},placeholder:o,value:n,required:s,disabled:t,readonly:u,maxLength:this.maxCharacter,rows:l,onInput:this.onInput,onChange:this.onChange},n),a&&e("div",{key:"701ba71cb4d84281039e3d298fc990cd17e917e8",class:"error-message"},e("unity-typography",{key:"cd81374c12919bc1854b099adcbe77207aa19e8b",variant:"caption-text",color:"error"},a))))}get el(){return n(this)}static get watchers(){return{error:["updateError"],initialValue:["initialValueChanged"],value:["valueChanged"]}}};u.style=s;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 d=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())*60*1e3);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:"df131915a312c330d25c5035b01d18ee3b4ea63e",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:"a3e2eb4c50e44c736a5befce55ba72256cabe1ae",class:"bx--form-item"},e("unity-typography",{key:"8bb60bfd628eac9cf17e080593a8c7d82606a810",variant:"caption-text"},e("label",{key:"19f5129d2572eb294f9f867a898db92eaa83ed1f",htmlFor:this.id,class:"bx--label"},this.label,this.required?"*":"")),e("input",{key:"5a9252db435eab346fab060b3fdd05f4758cf6b5",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:"f20ca4cf58b0089bfed51539966fda3a248cda6c",class:"error-message",variant:"caption-text",color:"error"},this.errorMessage)))}static get watchers(){return{error:["updateError"],initialValue:["initialValueChanged"],value:["valueChanged"]}}};d.style=a;const l=':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 h=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())*60*1e3);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:"46df2e77c2bbb1831feefb69aa3159fb6537e82a",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:"50c17f732e6f569fa73c88910d49bc1ac2896a66",class:"bx--form-item"},e("unity-typography",{key:"3b9297dec4b2a127a4b2ea6ebc7c8150d023e547",variant:"caption-text"},e("label",{key:"fc73ebacf962456dc03cc800e06ca463604c0b8f",htmlFor:this.id,class:"bx--label"},this.label,this.required?"*":"")),e("input",{key:"42d508bee965bb55d83bac7e08a0f1e3d0604767",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:"4db75c928a78d4a1dc5ef64faf4b18b639d13c93",class:"error-message",variant:"caption-text",color:"error"},this.errorMessage)))}static get watchers(){return{error:["updateError"],initialValue:["initialValueChanged"],value:["valueChanged"]}}};h.style=l;const c=':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 b=class{constructor(e){t(this,e);this.change=i(this,"change");this.input=i(this,"input");this.errorEvent=i(this,"error");this.value="";this.readonly=false;this.fullWidth=false;this.size="normal";this.margin="normal";this.internalValue="";this.handleInvalid=t=>{const i=t.target;const e=i.validationMessage;this.setAndDispatchError(e)};this.handleValid=t=>{const i=t.target;const e=this.validateTime(i.value);if(e){this.setAndDispatchError(e)}else if(i.validity.valid){this.setAndDispatchError("")}};this.handleTimeInput=t=>{const i=t.target;const e=i.value;this.internalValue=e;if(this.value!==undefined){this.value=e}if(this.errorMessage){const t=this.validateTime(e);if(t!==this.errorMessage){this.setAndDispatchError(t)}}this.input.emit(e)};this.handleTimeChange=t=>{const i=t.target;const e=i.value;this.internalValue=e;if(this.value!==undefined){this.value=e}const p=this.validateTime(e);if(p){this.setAndDispatchError(p)}else{this.setAndDispatchError("")}this.change.emit(e)}}componentWillLoad(){this.internalValue=this.value||this.initialValue||"";this.errorMessage=this.error}updateError(){console.log("Error prop changed:",this.error);this.errorMessage=this.error}initialValueChanged(t){if(t!==undefined){this.internalValue=t;const i=this.validateTime(t);if(i)this.setAndDispatchError(i)}}valueChanged(t){if(t!==undefined){this.internalValue=t}}handleBlur(){}handleFocus(){}validateTime(t){if(!t)return"";const i=t=>{const[i,e]=t.split(":").map(Number);return i*60+e};const e=i(t);if(this.min){const t=i(this.min);if(e<t){return`Time must be after ${this.min}`}}if(this.max){const t=i(this.max);if(e>t){return`Time must be before ${this.max}`}}return""}setAndDispatchError(t){console.log("Setting error:",t);this.errorMessage=t;this.errorEvent.emit(t);const i=new CustomEvent("error",{detail:t,bubbles:true,composed:true});this.el.dispatchEvent(i)}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:"19f1a1fea8761906bdd667e936d4ac04cba8c852",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:"46cfa3db61b91480280b443a714cd286e243fda9",class:"bx--form-item"},e("unity-typography",{key:"a45a9f6441926ff798a27aac370f6c7d3223f84b",variant:"caption-text"},e("label",{key:"5c5948cc709954c05fe1c7a91996f3cc4d6a62d7",htmlFor:this.id,class:"bx--label"},this.label,this.required?"*":"")),e("input",{key:"1847e1c043953fbc1e8c7ef12cc9a56baa68598b",type:"time",id:this.id,name:this.name,class:n,value:this.internalValue,min:this.min,max:this.max,onInput:this.handleTimeInput,onChange:this.handleTimeChange,onBlur:this.handleBlur,onFocus:this.handleFocus,onInvalid:this.handleInvalid,disabled:this.disabled,readonly:this.readonly,required:this.required,udprecordid:"udpRecord-udp-time-selector-"+this.id}),e("unity-typography",{key:"4e267ed10b977ebe93a766de70a5cb19ffd09e8e",class:"error-message",variant:"caption-text",color:"error"},this.errorMessage)))}get el(){return n(this)}static get watchers(){return{error:["updateError"],initialValue:["initialValueChanged"],value:["valueChanged"]}}};b.style=c;export{o as numeric_field,u as text_area,d as udp_date_selector,h as udp_datetime_selector,b as udp_time_selector};
 //# sourceMappingURL=numeric-field_5.entry.js.map