udp-stencil-component-library 1.0.2 → 1.0.3

package/dist/stencil-library/p-09319660.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as a}from"./p-CaIWDYyq.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:"ead041ba85b98211f012e6b4369dccc99d053b10",class:"inputs-example"},a("h1",{key:"65af5f39246bd6d2da1c64be87e015fda5fb6a7a"},"Input Components Examples"),a("section",{key:"ef08e78385539484fc0eac954d47211e14777526",class:"example-section"},a("h2",{key:"c360f6153537f9c4992f3a68a437e45a99c98c4c"},"Controlled Components"),a("p",{key:"825d2a4af1868509344095dd3981c5a29fd246b9"},"Parent component manages state and passes values to child components."),a("div",{key:"1d1a73fb3c9cf058fb28d7b087c83aae1514e49d",class:"input-grid"},a("div",{key:"495161751e4de4d6997083e6ee76bff05f32f978",class:"input-example"},a("h3",{key:"59b79a58b0a1e3c2f47dc9fa34a409c70dbfd0c8"},"Text Field"),a("text-field",{key:"63436822d767c5cc0c418b45dc2ec3ebba41e757",label:"Controlled Text Input",placeholder:"Enter text...",value:this.controlledTextValue}),a("p",{key:"5d19c568c62e12b974d264d0cda12f2dd1ebb7dd",class:"value-display"},"Value: ",this.controlledTextValue)),a("div",{key:"0f8790600f3aeb4a246dbf35ff1c314eceb05109",class:"input-example"},a("h3",{key:"03efdac63f20384b41908bd69c79fa8767d980f6"},"Numeric Field"),a("numeric-field",{key:"c93cde404875a19b6aa7b013332623e1c238807d",label:"Controlled Numeric Input",placeholder:"Enter number...",value:this.controlledNumericValue,min:"0",max:"100",step:"1",onChange:this.handleControlledNumericChange}),a("p",{key:"4dd5d5e35b756874e2866fb76f666f7851780a02",class:"value-display"},"Value: ",this.controlledNumericValue)),a("div",{key:"5d074c8b83e033e99854cb7ee62b3dd7a7380428",class:"input-example"},a("h3",{key:"62c8d34121c772c21b5b0d2e02b27f66a6b3be9a"},"Text Area"),a("text-area",{key:"197b2645661c3c2e19ed82e370307a4c10323a63",label:"Controlled Text Area",placeholder:"Enter description...",value:this.controlledTextAreaValue,minRows:3,maxRows:6}),a("p",{key:"af4fcbbb265092ddca731d11c1ff0da1cdf9a91a",class:"value-display"},"Value: ",this.controlledTextAreaValue)),a("div",{key:"7bb01a5788a3d5d6821ce4b69de00a32843b3413",class:"input-example"},a("h3",{key:"9b755776d53ece10f6696d8dae5351f337744e3f"},"Checkbox"),a("check-box",{key:"857622539c358cd9fec892a892cb2a4432b43063",label:"Controlled Checkbox",checked:this.controlledCheckboxValue,onChange:this.handleControlledCheckboxChange}),a("p",{key:"4321417816a9abd453dfda86f8a69a9b4954d76f",class:"value-display"},"Checked: ",this.controlledCheckboxValue.toString())),a("div",{key:"d738bf42aa159aeaf2dc524dfba5ebb68769f272",class:"input-example"},a("h3",{key:"6c9d2e27873505dd564866bb347bdd5687845098"},"Toggle"),a("stencil-toggle",{key:"75c5febd9ee0ede9ab1072842ce7139b69b9d34c",label:"Controlled Toggle",checked:this.controlledToggleValue,onChange:this.handleControlledToggleChange}),a("p",{key:"fdaa02e136ab9f2e573ecff19f59e23313d9af47",class:"value-display"},"Toggled: ",this.controlledToggleValue.toString())),a("div",{key:"177c0f02a15c42f9678b52f85520f980048ede98",class:"input-example"},a("h3",{key:"ee407549f9d74dc62c9fe17ff27ccab0c4fd1a67"},"Date Selector"),a("udp-date-selector",{key:"61d03580d107a6af1e3f57b169fb084e45ff952f",label:"Controlled Date",value:this.controlledDateValue,onChange:this.handleControlledDateChange}),a("p",{key:"df22efbc5c80ad21a26ba6edefc94afa44b48c85",class:"value-display"},"Date: ",this.controlledDateValue)),a("div",{key:"04871c7e468e21664459dbe05e5f31bce27a50e3",class:"input-example"},a("h3",{key:"b40bf90f9b5ff4f388308394a65ec3261dd96a54"},"DateTime Selector"),a("udp-datetime-selector",{key:"8fbbeec979c623dd19f4d05e75014353175b6f78",label:"Controlled DateTime",value:this.controlledDateTimeValue,onChange:this.handleControlledDateTimeChange}),a("p",{key:"05f4acb63cb896bd1114ae57fb993b10d15f466d",class:"value-display"},"DateTime: ",this.controlledDateTimeValue)),a("div",{key:"15db56d8368350d30a0227677de3fa340d27033d",class:"input-example"},a("h3",{key:"a028c9048a4e3753130612c377772c399851a283"},"Time Selector"),a("udp-time-selector",{key:"83c4404cb6366ac56a58d2518d92fadfdb309129",label:"Controlled Time",value:this.controlledTimeValue,onChange:this.handleControlledTimeChange}),a("p",{key:"2d6828e931a7a060a0c15adb1fe36663c5e81bb1",class:"value-display"},"Time: ",this.controlledTimeValue)),a("div",{key:"8552d777482b8da3aeaada17e99313821d440a75",class:"input-example"},a("h3",{key:"ff54a50e321ac32a53df3d7847694d5353704de5"},"UDP Selector"),a("udp-selector",{key:"21e773065907d81cbd70d63bc0e2f01982c51c50",label:"Controlled Selector",options:this.selectorOptions,value:this.controlledSelectorValue,onChange:this.handleControlledSelectorChange}),a("p",{key:"100924186cdbe53a99cab2243e21ed9501e75a64",class:"value-display"},"Selected: ",this.controlledSelectorValue)),a("div",{key:"55e78a38f3dcc50c82b3ddc881c066e4651340dc",class:"input-example"},a("h3",{key:"79c08058ee3361bb82b20ce740eeb4dbebda89db"},"File Upload"),a("file-upload",{key:"d8eded5ac0596f01d6b1aea185f7b95ca6da8ba4",label:"Controlled File Upload",allowMultiple:true,onChange:this.handleControlledFileChange}),a("p",{key:"0d41949e7a69533971f5443bd2d775124305273b",class:"value-display"},"Files: ",this.controlledFileValue.length," selected")))),a("section",{key:"146f1684b0757ace25609812cdc8730dabcf15b4",class:"example-section"},a("h2",{key:"bf9e5f0a41257174a51b68bed545053aa1a431fc"},"Uncontrolled Components"),a("p",{key:"062318030eee902383a84ac760ddf42bc248466c"},"Components manage their own state with initial values."),a("div",{key:"a1fdbe78c6c361e0e686ce313133c579230befef",class:"input-grid"},a("div",{key:"8719ee0ac014dcc8c1c1a9c18ad8f6bcca539a00",class:"input-example"},a("h3",{key:"1742c1d2570f34aa6067ae1c237c30104e847d83"},"Text Field"),a("text-field",{key:"130f49bdd53c13e1e7a17d451c9d2e5c658a27ef",label:"Uncontrolled Text Input",placeholder:"Enter text...",initialValue:"Initial text value",onChange:e=>console.log("Text changed:",e.detail)})),a("div",{key:"fcf1194e3256b29499d26518e0a50f38c906209e",class:"input-example"},a("h3",{key:"44a7979e43ff56c504846656699e8040b1034c43"},"Numeric Field"),a("numeric-field",{key:"f0e350629909aa6dc68fb604ab30b6a685b21d29",label:"Uncontrolled Numeric Input",placeholder:"Enter number...",initialValue:"42",min:"0",max:"100",onChange:e=>console.log("Number changed:",e.detail)})),a("div",{key:"78803cb57e2be17d7362c737825b1711557e766f",class:"input-example"},a("h3",{key:"704e0971cc3c36e5e331adad5cc46b7783a97566"},"Text Area"),a("text-area",{key:"4fb0a56753ee44bbf2dbf8c2544cab06c3e2f059",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:"039b32e4e293730978effdc73dea7e30d3ac25ae",class:"input-example"},a("h3",{key:"07c6ed789a22cabac6f01a6bf6b800ba84a565b9"},"Checkbox"),a("check-box",{key:"9478c892010ca55a8a7ba6d43774ec00539baaef",label:"Uncontrolled Checkbox",initialValue:"true",onChange:e=>console.log("Checkbox changed:",e.detail)})),a("div",{key:"758db977d0340bcad0762b013a217bb3c67b3453",class:"input-example"},a("h3",{key:"ae94941ca3fbc0c65c6d319a84414e9f9a91ab07"},"Toggle"),a("stencil-toggle",{key:"9f1f843c2be02f427539edeade6a17cdd441eff2",label:"Uncontrolled Toggle",initialValue:"false",onChange:e=>console.log("Toggle changed:",e.detail)})),a("div",{key:"2d28be1cbbe0f795bd613f99e563b25c0d79a90d",class:"input-example"},a("h3",{key:"e49e236aee6091cf6f5433e92fa8bb5306d04839"},"Date Selector"),a("udp-date-selector",{key:"ac2ca5d7327de0d3833cddd5690382c50f7ca1c3",label:"Uncontrolled Date",initialValue:"2024-01-15",onChange:e=>console.log("Date changed:",e.detail)})),a("div",{key:"aba4ecaa0068112e162c2bc04850d600e5c7767a",class:"input-example"},a("h3",{key:"bf163192d2b4027ad2589f671ec957a01d0dbe62"},"Time Selector"),a("udp-time-selector",{key:"ecd51155d0e76cb5eb2ede897dd5826eb4d289f5",label:"Uncontrolled Time",initialValue:"14:30",onChange:e=>console.log("Time changed:",e.detail)})),a("div",{key:"6eee8f9d02ef5d481aa9bd430abe1ea59ed6c061",class:"input-example"},a("h3",{key:"e15f4fc5522996e4adf89ca3409d509227532473"},"DateTime Selector"),a("udp-datetime-selector",{key:"8af40a16fe3a6760f47972551fa1a48ff08e445f",label:"Uncontrolled DateTime",initialValue:"2024-01-15T14:30",onChange:e=>console.log("DateTime changed:",e.detail)})),a("div",{key:"87a954650d4ebf6c477b9385723e3fe64c7f3745",class:"input-example"},a("h3",{key:"ff80ee04afabdb29f27b7996b59ffeea98975834"},"UDP Selector"),a("udp-selector",{key:"6bbf24fb2e3a1079c5cb7824705669bae4db524d",label:"Uncontrolled Selector",options:this.selectorOptions,initialValue:"option2",onChange:e=>console.log("Selector changed:",e.detail)})))),a("section",{key:"b720c35fd8521629276001346204e8a6b6ed213c",class:"example-section"},a("h2",{key:"95c96c7494af07c3e89ffae8cd85b63b518dd5d1"},"Form-wrapped Components"),a("p",{key:"ae001f27cd4679aa5756520d5312d283008f47d7"},"Components integrated with stencil-form and stencil-field for validation and state management."),a("stencil-form",{key:"0d80d1f25976fae0affdd28648a8f2bc54e3c399",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:"d3f2b6e80373351888fff6354da2e47d0f793e16",class:"form-grid"},a("stencil-field",{key:"fca42fef7ac85ffc7c78b7d48267a1130d247e18",name:"formTextField"},a("text-field",{key:"2eca17fb876f941bdfc1ba18ed4c24460375b39e",label:"Form Text Field",placeholder:"Enter text...",required:true})),a("stencil-field",{key:"e27116858ab2388ccec348eecadf74b7230412e7",name:"formNumericField"},a("numeric-field",{key:"a190ffe8b8abb45f3c2ddad582317cd6f0746705",label:"Form Numeric Field",placeholder:"Enter number...",min:"0",max:"100",required:true})),a("stencil-field",{key:"0f31ffd8c1112e74e4e923a5cadf5a3de96f22f8",name:"formTextArea"},a("text-area",{key:"7b726b56ac74271d81be67da24264872e6c6510c",label:"Form Text Area",placeholder:"Enter description...",required:true,minRows:3})),a("stencil-field",{key:"bfeaf19abe940b745147fc95d7d8a9997b05a1ca",name:"formCheckbox"},a("check-box",{key:"f14e48a72b51c3ce0eadea0cb9f9d98e6fe6ddf6",label:"Accept Terms and Conditions",required:true})),a("stencil-field",{key:"d71e60dbe3f6073ec6b630100c277db489d1efd3",name:"formToggle"},a("stencil-toggle",{key:"a04122b5e66627aa561fd4696b04a39ccb74c950",label:"Enable Notifications"})),a("stencil-field",{key:"20078be77f220315ccab082acc22f370f849fe44",name:"formDate"},a("udp-date-selector",{key:"65098750d73fb1800330acaa665bf23a7d9f1deb",label:"Form Date",required:true})),a("stencil-field",{key:"7ea824bd2f2f7bb0ce6134e6f9ac86520495267e",name:"formTime"},a("udp-time-selector",{key:"3b2efc78755ef1e97f6e2b5f282ddac21561f8b5",label:"Form Time"})),a("stencil-field",{key:"a018fdca8d1b4525a18913b9a61ec15b861567df",name:"formSelector"},a("udp-selector",{key:"14c0fdf9f115b95425d2ad22ef6d43ce666f34e3",label:"Form Selector",options:this.selectorOptions,required:true})),a("stencil-field",{key:"f7d7f213d4a124642984b6f5ad275e3cd2230acf",name:"formFiles"},a("file-upload",{key:"3ffd920ee0ccbbbf29cee8ca764e700ca6061af0",label:"Form File Upload",allowMultiple:true}))),a("div",{key:"640cab040e228cfbde45bdcad09bfdafcd97762f",class:"form-actions"},a("button",{key:"e829bfacee6a40ae5a85dcf27620381594285b9e",type:"submit",class:"submit-button"},"Submit Form"))),a("div",{key:"e06850277d32c6b429806037834094890e6fe834",class:"form-values"},a("h3",{key:"e242d0b268e51236233767cf086b007860a79c38"},"Current Form Values:"),a("pre",{key:"628c32d498445e766c39a947048f977b0b87860b"},JSON.stringify(this.formValues,null,2)))),a("section",{key:"5e7d344174f0cc95a63377492a51f00369c86653",class:"example-section"},a("h2",{key:"7a4fbd7a391fbafe8b3bcbfbc5bf6d6cc39639b0"},"Additional Examples"),a("p",{key:"811a4497b1d7601aa3713ac7afd52a4f52e8aa47"},"More complex configurations and specialized use cases."),a("div",{key:"0f6ff92228f10d1312a6dc380ae167e5644b07e6",class:"input-grid"},a("div",{key:"45377b191a88f04e0bfa33a5791fb5ed6063f34b",class:"input-example"},a("h3",{key:"be2f5bfd53beacd2223889e32c360aaaa90c42bc"},"Multi-Select UDP Selector"),a("udp-selector",{key:"cd521f59323fa517f9125000974fe07419eefe3a",label:"Multi-Select Selector",options:this.selectorOptions,multiSelect:true,initialValue:"option1,option3",onChange:e=>console.log("Multi-select changed:",e.detail)})),a("div",{key:"779ee8bb2988bb90bbdfe7c21af013da91da0a36",class:"input-example"},a("h3",{key:"0b1067836811f19b95a2475486bebe9c03c1f205"},"Large UDP Selector"),a("udp-selector",{key:"8450a289444ac6358aa941f67e322c5d3aaa1046",label:"Large Selector",options:this.selectorOptions,large:true,initialValue:"option2",onChange:e=>console.log("Large selector changed:",e.detail)})),a("div",{key:"d259be6b747f95563f3844498955de4590f5605e",class:"input-example"},a("h3",{key:"6363536f0028333f1d9eca2b0ff8f394dad865c4"},"File Upload with Type Restrictions"),a("file-upload",{key:"353e274d122b8f0791ef8549c2a20a69416060ef",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:"5d8723c44a1307e82b00c5bacc54590538bc203a",class:"input-example"},a("h3",{key:"2226792e8402ec9aa95c1b0287caa976433e1f96"},"Disabled Components"),a("div",{key:"ac25c524f1a396cafea48dd4c918ddf5c4f46dd5",class:"disabled-examples"},a("text-field",{key:"c3dc2d09d0137837655775adc4fa40632685b4a3",label:"Disabled Text Field",value:"Cannot edit this",disabled:true}),a("check-box",{key:"075f60f94e599da6cac7e4a0aae16a11a858b860",label:"Disabled Checkbox",checked:true,disabled:true}),a("udp-selector",{key:"a44401e2621578e294adfb1874d78a62bc483627",label:"Disabled Selector",options:this.selectorOptions,value:"option1",disabled:true}))))))}};c.style=d;export{c as inputs_example};
+//# sourceMappingURL=p-09319660.entry.js.map

package/dist/stencil-library/p-09319660.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["inputsExampleCss","InputsExample","constructor","hostRef","this","controlledTextValue","controlledNumericValue","controlledTextAreaValue","controlledCheckboxValue","controlledToggleValue","controlledDateValue","controlledTimeValue","controlledDateTimeValue","controlledSelectorValue","controlledFileValue","formValues","selectorOptions","value","label","handleControlledNumericChange","event","detail","handleControlledCheckboxChange","handleControlledToggleChange","handleControlledDateChange","console","log","handleControlledTimeChange","handleControlledDateTimeChange","handleControlledSelectorChange","handleControlledFileChange","files","handleFormSubmit","values","alert","handleFormChange","Object","assign","validateForm","errors","formTextField","formNumericField","parseFloat","formTextArea","formCheckbox","formDate","formSelector","render","h","key","class","placeholder","min","max","step","onChange","minRows","maxRows","checked","toString","options","allowMultiple","length","initialValue","e","handleSubmit","handleChange","handleValidate","initialValues","formToggle","formTime","name","required","type","JSON","stringify","multiSelect","large","allowedFileTypes","browseFileMessage","disabled"],"sources":["src/components/test-component/inputs-example/inputs-example.css?tag=inputs-example&encapsulation=shadow","src/components/test-component/inputs-example/inputs-example.tsx"],"sourcesContent":[":host {\n  display: block;\n  font-family: var(--font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);\n  line-height: 1.6;\n  color: var(--text-color, #333);\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 2rem;\n}\n\n/* Main heading */\nh1 {\n  font-size: 2.5rem;\n  font-weight: 700;\n  margin-bottom: 2rem;\n  color: var(--primary-color, #007acc);\n  text-align: center;\n  border-bottom: 3px solid var(--primary-color, #007acc);\n  padding-bottom: 1rem;\n}\n\n/* Section styling */\n.example-section {\n  margin-bottom: 4rem;\n  padding: 2rem;\n  background: var(--section-background, #f8f9fa);\n  border-radius: 12px;\n  border: 1px solid var(--border-color, #e9ecef);\n}\n\n.example-section h2 {\n  font-size: 1.8rem;\n  font-weight: 600;\n  margin-bottom: 1rem;\n  color: var(--secondary-color, #495057);\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n\n.example-section h2::before {\n  content: '';\n  width: 4px;\n  height: 1.5rem;\n  background: var(--primary-color, #007acc);\n  border-radius: 2px;\n}\n\n.example-section p {\n  margin-bottom: 1.5rem;\n  color: var(--text-muted, #6c757d);\n  font-size: 1.1rem;\n}\n\n/* Grid layouts */\n.input-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n  gap: 2rem;\n  margin-bottom: 2rem;\n}\n\n.form-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n  gap: 2rem;\n  margin-bottom: 2rem;\n}\n\n/* Individual input examples */\n.input-example {\n  background: var(--input-example-background, #ffffff);\n  padding: 1.5rem;\n  border-radius: 8px;\n  border: 1px solid var(--border-color, #e9ecef);\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.input-example:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);\n}\n\n.input-example h3 {\n  font-size: 1.2rem;\n  font-weight: 600;\n  margin-bottom: 1rem;\n  color: var(--heading-color, #343a40);\n  border-bottom: 2px solid var(--accent-color, #dee2e6);\n  padding-bottom: 0.5rem;\n}\n\n/* Value display */\n.value-display {\n  margin-top: 1rem;\n  padding: 0.75rem;\n  background: var(--value-display-background, #e7f3ff);\n  border-radius: 6px;\n  font-family: 'Courier New', monospace;\n  font-size: 0.9rem;\n  color: var(--value-display-color, #0066cc);\n  border-left: 4px solid var(--primary-color, #007acc);\n}\n\n/* Form actions */\n.form-actions {\n  display: flex;\n  justify-content: center;\n  margin-top: 2rem;\n  padding-top: 2rem;\n  border-top: 2px solid var(--border-color, #e9ecef);\n}\n\n.submit-button {\n  background: var(--primary-color, #007acc);\n  color: white;\n  border: none;\n  padding: 1rem 2rem;\n  font-size: 1.1rem;\n  font-weight: 600;\n  border-radius: 6px;\n  cursor: pointer;\n  transition: background-color 0.2s ease, transform 0.2s ease;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n}\n\n.submit-button:hover {\n  background: var(--primary-color-hover, #0056b3);\n  transform: translateY(-1px);\n  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);\n}\n\n.submit-button:active {\n  transform: translateY(0);\n}\n\n/* Form values display */\n.form-values {\n  margin-top: 2rem;\n  padding: 1.5rem;\n  background: var(--code-background, #f8f9fa);\n  border-radius: 8px;\n  border: 1px solid var(--border-color, #e9ecef);\n}\n\n.form-values h3 {\n  margin-bottom: 1rem;\n  color: var(--heading-color, #343a40);\n  font-size: 1.2rem;\n}\n\n.form-values pre {\n  background: var(--pre-background, #ffffff);\n  padding: 1rem;\n  border-radius: 6px;\n  border: 1px solid var(--border-color, #e9ecef);\n  font-size: 0.9rem;\n  overflow-x: auto;\n  color: var(--code-color, #495057);\n  white-space: pre-wrap;\n  word-wrap: break-word;\n}\n\n/* Disabled examples */\n.disabled-examples {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n/* Responsive design */\n@media (max-width: 768px) {\n  :host {\n    padding: 1rem;\n  }\n  \n  h1 {\n    font-size: 2rem;\n  }\n  \n  .input-grid,\n  .form-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .input-example {\n    padding: 1rem;\n  }\n  \n  .example-section {\n    padding: 1rem;\n  }\n}\n\n/* Dark mode support */\n@media (prefers-color-scheme: dark) {\n  :host {\n    --text-color: #f8f9fa;\n    --section-background: #2d3748;\n    --input-example-background: #4a5568;\n    --border-color: #4a5568;\n    --heading-color: #e2e8f0;\n    --text-muted: #a0aec0;\n    --value-display-background: #2c5282;\n    --value-display-color: #90cdf4;\n    --code-background: #2d3748;\n    --pre-background: #4a5568;\n    --code-color: #e2e8f0;\n  }\n}\n\n/* Animation for smooth transitions */\n* {\n  transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;\n}\n\n/* Focus styles for accessibility */\n.submit-button:focus {\n  outline: 2px solid var(--primary-color, #007acc);\n  outline-offset: 2px;\n}\n\n/* Print styles */\n@media print {\n  :host {\n    padding: 0;\n  }\n  \n  .input-example {\n    break-inside: avoid;\n    box-shadow: none;\n    border: 1px solid #ccc;\n  }\n  \n  .submit-button {\n    display: none;\n  }\n}\n","import { Component, State, h } from '@stencil/core';\n\n/**\n * A comprehensive example component showcasing all input components in different patterns:\n * 1. Controlled components - where the parent manages the state\n * 2. Uncontrolled components - where the component manages its own state\n * 3. Form-wrapped components - using stencil-form and stencil-field for validation\n *\n * This component demonstrates proper usage patterns and integration approaches\n * for all available input components including UDP selector.\n */\n@Component({\n  tag: 'inputs-example',\n  styleUrl: 'inputs-example.css',\n  shadow: true,\n})\nexport class InputsExample {\n\n\n  // State for controlled components\n  @State() controlledTextValue: string = '';\n  @State() controlledNumericValue: string = '';\n  @State() controlledTextAreaValue: string = '';\n  @State() controlledCheckboxValue: boolean = false;\n  @State() controlledToggleValue: boolean = false;\n  @State() controlledDateValue: string = '';\n  @State() controlledTimeValue: string = '';\n  @State() controlledDateTimeValue: string = '';\n  @State() controlledSelectorValue: string = '';\n  @State() controlledFileValue: File[] = [];\n\n  // State for form values\n  @State() formValues: any = {};\n\n  // Sample data for selector components\n  private selectorOptions = [\n    { value: 'option1', label: 'Option 1' },\n    { value: 'option2', label: 'Option 2' },\n    { value: 'option3', label: 'Option 3' },\n    { value: 'option4', label: 'Option 4' },\n  ];\n\n  // Event handlers for controlled components\n  // private handleControlledTextChange = (event: CustomEvent) => {\n  //   this.controlledTextValue = event.detail;\n  // };\n  private handleControlledNumericChange = (event: CustomEvent) => {\n    this.controlledNumericValue = event.detail;\n  };\n\n  private handleControlledCheckboxChange = (event: CustomEvent) => {\n    this.controlledCheckboxValue = event.detail === 'true';\n  };\n  private handleControlledToggleChange = (event: CustomEvent) => {\n    this.controlledToggleValue = event.detail === 'true';\n  };\n  private handleControlledDateChange = (event: CustomEvent) => {\n    console.log(event)\n    this.controlledDateValue = event.detail;\n  };\n  private handleControlledTimeChange = (event: CustomEvent) => {\n    this.controlledTimeValue = event.detail;\n  };\n  private handleControlledDateTimeChange = (event: CustomEvent) => {\n    this.controlledDateTimeValue = event.detail;\n  };\n  private handleControlledSelectorChange = (event: CustomEvent) => {\n    this.controlledSelectorValue = event.detail;\n  };\n  private handleControlledFileChange = (event: CustomEvent) => {\n    this.controlledFileValue = event.detail.files || [];\n  };\n\n  // Form event handlers\n  private handleFormSubmit = (values: any) => {\n    console.log('Form submitted with values:', values);\n    alert('Form submitted! Check console for values.');\n  };\n\n  private handleFormChange = (values: any) => {\n    this.formValues = { ...values };\n  };\n\n  private validateForm = (values: any) => {\n    const errors: any = {};\n\n    if (!values.formTextField) {\n      errors.formTextField = 'This field is required';\n    }\n\n    if (!values.formNumericField || parseFloat(values.formNumericField) < 0) {\n      errors.formNumericField = 'Must be a positive number';\n    }\n\n    if (!values.formTextArea) {\n      errors.formTextArea = 'Description is required';\n    }\n\n    if (!values.formCheckbox) {\n      errors.formCheckbox = 'You must accept the terms';\n    }\n\n    if (!values.formDate) {\n      errors.formDate = 'Please select a date';\n    }\n\n    if (!values.formSelector) {\n      errors.formSelector = 'Please make a selection';\n    }\n\n    return errors;\n  };\n\n  render() {\n    return (\n      <div class=\"inputs-example\">\n        <h1>Input Components Examples</h1>\n\n        {/* Controlled Components Section */}\n        <section class=\"example-section\">\n          <h2>Controlled Components</h2>\n          <p>Parent component manages state and passes values to child components.</p>\n\n          <div class=\"input-grid\">\n            <div class=\"input-example\">\n              <h3>Text Field</h3>\n              <text-field\n                label=\"Controlled Text Input\"\n                placeholder=\"Enter text...\"\n                value={this.controlledTextValue}\n              />\n              <p class=\"value-display\">Value: {this.controlledTextValue}</p>\n            </div>\n\n            <div class=\"input-example\">\n              <h3>Numeric Field</h3>\n              <numeric-field\n                label=\"Controlled Numeric Input\"\n                placeholder=\"Enter number...\"\n                value={this.controlledNumericValue}\n                min=\"0\"\n                max=\"100\"\n                step=\"1\"\n                onChange={this.handleControlledNumericChange}\n              />\n              <p class=\"value-display\">Value: {this.controlledNumericValue}</p>\n            </div>\n\n            <div class=\"input-example\">\n              <h3>Text Area</h3>\n              <text-area\n                label=\"Controlled Text Area\"\n                placeholder=\"Enter description...\"\n                value={this.controlledTextAreaValue}\n                minRows={3}\n                maxRows={6}\n              />\n              <p class=\"value-display\">Value: {this.controlledTextAreaValue}</p>\n            </div>\n\n            <div class=\"input-example\">\n              <h3>Checkbox</h3>\n              <check-box\n                label=\"Controlled Checkbox\"\n                checked={this.controlledCheckboxValue}\n                onChange={this.handleControlledCheckboxChange}\n              />\n              <p class=\"value-display\">Checked: {this.controlledCheckboxValue.toString()}</p>\n            </div>\n\n            <div class=\"input-example\">\n              <h3>Toggle</h3>\n              <stencil-toggle\n                label=\"Controlled Toggle\"\n                checked={this.controlledToggleValue}\n                onChange={this.handleControlledToggleChange}\n              />\n              <p class=\"value-display\">Toggled: {this.controlledToggleValue.toString()}</p>\n            </div>\n\n            <div class=\"input-example\">\n              <h3>Date Selector</h3>\n              <udp-date-selector\n                label=\"Controlled Date\"\n                value={this.controlledDateValue}\n                onChange={this.handleControlledDateChange}\n              />\n              <p class=\"value-display\">Date: {this.controlledDateValue}</p>\n            </div>\n\n            <div class=\"input-example\">\n              <h3>DateTime Selector</h3>\n              <udp-datetime-selector\n                label=\"Controlled DateTime\"\n                value={this.controlledDateTimeValue}\n                onChange={this.handleControlledDateTimeChange}\n              />\n              <p class=\"value-display\">DateTime: {this.controlledDateTimeValue}</p>\n            </div>\n\n            <div class=\"input-example\">\n              <h3>Time Selector</h3>\n              <udp-time-selector\n                label=\"Controlled Time\"\n                value={this.controlledTimeValue}\n                onChange={this.handleControlledTimeChange}\n              />\n              <p class=\"value-display\">Time: {this.controlledTimeValue}</p>\n            </div>\n\n            <div class=\"input-example\">\n              <h3>UDP Selector</h3>\n              <udp-selector\n                label=\"Controlled Selector\"\n                options={this.selectorOptions}\n                value={this.controlledSelectorValue}\n                onChange={this.handleControlledSelectorChange}\n              />\n              <p class=\"value-display\">Selected: {this.controlledSelectorValue}</p>\n            </div>\n\n            <div class=\"input-example\">\n              <h3>File Upload</h3>\n              <file-upload\n                label=\"Controlled File Upload\"\n                allowMultiple={true}\n                onChange={this.handleControlledFileChange}\n              />\n              <p class=\"value-display\">Files: {this.controlledFileValue.length} selected</p>\n            </div>\n          </div>\n        </section>\n\n        {/* Uncontrolled Components Section */}\n        <section class=\"example-section\">\n          <h2>Uncontrolled Components</h2>\n          <p>Components manage their own state with initial values.</p>\n\n          <div class=\"input-grid\">\n            <div class=\"input-example\">\n              <h3>Text Field</h3>\n              <text-field\n                label=\"Uncontrolled Text Input\"\n                placeholder=\"Enter text...\"\n                initialValue=\"Initial text value\"\n                onChange={(e: CustomEvent) => console.log('Text changed:', e.detail)}\n              />\n            </div>\n\n            <div class=\"input-example\">\n              <h3>Numeric Field</h3>\n              <numeric-field\n                label=\"Uncontrolled Numeric Input\"\n                placeholder=\"Enter number...\"\n                initialValue=\"42\"\n                min=\"0\"\n                max=\"100\"\n                onChange={(e: CustomEvent) => console.log('Number changed:', e.detail)}\n              />\n            </div>\n\n            <div class=\"input-example\">\n              <h3>Text Area</h3>\n              <text-area\n                label=\"Uncontrolled Text Area\"\n                placeholder=\"Enter description...\"\n                initialValue=\"Initial description text\"\n                minRows={3}\n                onChange={(e: CustomEvent) => console.log('Text area changed:', e.detail)}\n              />\n            </div>\n\n            <div class=\"input-example\">\n              <h3>Checkbox</h3>\n              <check-box\n                label=\"Uncontrolled Checkbox\"\n                initialValue=\"true\"\n                onChange={(e: CustomEvent) => console.log('Checkbox changed:', e.detail)}\n              />\n            </div>\n\n            <div class=\"input-example\">\n              <h3>Toggle</h3>\n              <stencil-toggle\n                label=\"Uncontrolled Toggle\"\n                initialValue=\"false\"\n                onChange={(e: CustomEvent) => console.log('Toggle changed:', e.detail)}\n              />\n            </div>\n\n\n            <div class=\"input-example\">\n              <h3>Date Selector</h3>\n              <udp-date-selector\n                label=\"Uncontrolled Date\"\n                initialValue=\"2024-01-15\"\n                onChange={(e: CustomEvent) => console.log('Date changed:', e.detail)}\n              />\n            </div>\n\n            <div class=\"input-example\">\n              <h3>Time Selector</h3>\n              <udp-time-selector\n                label=\"Uncontrolled Time\"\n                initialValue=\"14:30\"\n                onChange={(e: CustomEvent) => console.log('Time changed:', e.detail)}\n              />\n            </div>\n\n            <div class=\"input-example\">\n              <h3>DateTime Selector</h3>\n              <udp-datetime-selector\n                label=\"Uncontrolled DateTime\"\n                initialValue=\"2024-01-15T14:30\"\n                onChange={(e: CustomEvent) => console.log('DateTime changed:', e.detail)}\n              />\n            </div>\n\n            <div class=\"input-example\">\n              <h3>UDP Selector</h3>\n              <udp-selector\n                label=\"Uncontrolled Selector\"\n                options={this.selectorOptions}\n                initialValue=\"option2\"\n                onChange={(e: CustomEvent) => console.log('Selector changed:', e.detail)}\n              />\n            </div>\n          </div>\n        </section>\n\n        {/* Form-wrapped Components Section */}\n        <section class=\"example-section\">\n          <h2>Form-wrapped Components</h2>\n          <p>Components integrated with stencil-form and stencil-field for validation and state management.</p>\n\n          <stencil-form\n            handleSubmit={this.handleFormSubmit}\n            handleChange={this.handleFormChange}\n            handleValidate={this.validateForm}\n            initialValues={{\n              formTextField: 'Initial form text',\n              formNumericField: '25',\n              formTextArea: 'Initial form description',\n              formCheckbox: 'false',\n              formToggle: 'true',\n              formDate: '2024-02-01',\n              formTime: '09:00',\n              formSelector: 'option1'\n            }}\n          >\n            <div class=\"form-grid\">\n              <stencil-field name=\"formTextField\">\n                <text-field\n                  label=\"Form Text Field\"\n                  placeholder=\"Enter text...\"\n                  required={true}\n                />\n              </stencil-field>\n\n              <stencil-field name=\"formNumericField\">\n                <numeric-field\n                  label=\"Form Numeric Field\"\n                  placeholder=\"Enter number...\"\n                  min=\"0\"\n                  max=\"100\"\n                  required={true}\n                />\n              </stencil-field>\n\n              <stencil-field name=\"formTextArea\">\n                <text-area\n                  label=\"Form Text Area\"\n                  placeholder=\"Enter description...\"\n                  required={true}\n                  minRows={3}\n                />\n              </stencil-field>\n\n              <stencil-field name=\"formCheckbox\">\n                <check-box\n                  label=\"Accept Terms and Conditions\"\n                  required={true}\n                />\n              </stencil-field>\n\n              <stencil-field name=\"formToggle\">\n                <stencil-toggle\n                  label=\"Enable Notifications\"\n                />\n              </stencil-field>\n\n              <stencil-field name=\"formDate\">\n                <udp-date-selector\n                  label=\"Form Date\"\n                  required={true}\n                />\n              </stencil-field>\n\n              <stencil-field name=\"formTime\">\n                <udp-time-selector\n                  label=\"Form Time\"\n                />\n              </stencil-field>\n\n              <stencil-field name=\"formSelector\">\n                <udp-selector\n                  label=\"Form Selector\"\n                  options={this.selectorOptions}\n                  required={true}\n                />\n              </stencil-field>\n\n              <stencil-field name=\"formFiles\">\n                <file-upload\n                  label=\"Form File Upload\"\n                  allowMultiple={true}\n                />\n              </stencil-field>\n            </div>\n\n            <div class=\"form-actions\">\n              <button type=\"submit\" class=\"submit-button\">Submit Form</button>\n            </div>\n          </stencil-form>\n\n          <div class=\"form-values\">\n            <h3>Current Form Values:</h3>\n            <pre>{JSON.stringify(this.formValues, null, 2)}</pre>\n          </div>\n        </section>\n\n        {/* Additional Examples Section */}\n        <section class=\"example-section\">\n          <h2>Additional Examples</h2>\n          <p>More complex configurations and specialized use cases.</p>\n\n          <div class=\"input-grid\">\n            <div class=\"input-example\">\n              <h3>Multi-Select UDP Selector</h3>\n              <udp-selector\n                label=\"Multi-Select Selector\"\n                options={this.selectorOptions}\n                multiSelect={true}\n                initialValue=\"option1,option3\"\n                onChange={(e: CustomEvent) => console.log('Multi-select changed:', e.detail)}\n              />\n            </div>\n\n            <div class=\"input-example\">\n              <h3>Large UDP Selector</h3>\n              <udp-selector\n                label=\"Large Selector\"\n                options={this.selectorOptions}\n                large={true}\n                initialValue=\"option2\"\n                onChange={(e: CustomEvent) => console.log('Large selector changed:', e.detail)}\n              />\n            </div>\n\n            <div class=\"input-example\">\n              <h3>File Upload with Type Restrictions</h3>\n              <file-upload\n                label=\"Image Upload Only\"\n                allowedFileTypes={['jpg', 'jpeg', 'png', 'gif']}\n                allowMultiple={false}\n                browseFileMessage=\"Select an Image\"\n                onChange={(e: CustomEvent) => console.log('Image upload changed:', e.detail)}\n              />\n            </div>\n\n            <div class=\"input-example\">\n              <h3>Disabled Components</h3>\n              <div class=\"disabled-examples\">\n                <text-field\n                  label=\"Disabled Text Field\"\n                  value=\"Cannot edit this\"\n                  disabled={true}\n                />\n                <check-box\n                  label=\"Disabled Checkbox\"\n                  checked={true}\n                  disabled={true}\n                />\n                <udp-selector\n                  label=\"Disabled Selector\"\n                  options={this.selectorOptions}\n                  value=\"option1\"\n                  disabled={true}\n                />\n              </div>\n            </div>\n          </div>\n        </section>\n      </div>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAmB,4wH,MCgBZC,EAAa,MAL1B,WAAAC,CAAAC,G,UASWC,KAAmBC,oBAAW,GAC9BD,KAAsBE,uBAAW,GACjCF,KAAuBG,wBAAW,GAClCH,KAAuBI,wBAAY,MACnCJ,KAAqBK,sBAAY,MACjCL,KAAmBM,oBAAW,GAC9BN,KAAmBO,oBAAW,GAC9BP,KAAuBQ,wBAAW,GAClCR,KAAuBS,wBAAW,GAClCT,KAAmBU,oBAAW,GAG9BV,KAAUW,WAAQ,GAGnBX,KAAAY,gBAAkB,CACxB,CAAEC,MAAO,UAAWC,MAAO,YAC3B,CAAED,MAAO,UAAWC,MAAO,YAC3B,CAAED,MAAO,UAAWC,MAAO,YAC3B,CAAED,MAAO,UAAWC,MAAO,aAOrBd,KAAAe,8BAAiCC,IACvChB,KAAKE,uBAAyBc,EAAMC,MAAM,EAGpCjB,KAAAkB,+BAAkCF,IACxChB,KAAKI,wBAA0BY,EAAMC,SAAW,MAAM,EAEhDjB,KAAAmB,6BAAgCH,IACtChB,KAAKK,sBAAwBW,EAAMC,SAAW,MAAM,EAE9CjB,KAAAoB,2BAA8BJ,IACpCK,QAAQC,IAAIN,GACZhB,KAAKM,oBAAsBU,EAAMC,MAAM,EAEjCjB,KAAAuB,2BAA8BP,IACpChB,KAAKO,oBAAsBS,EAAMC,MAAM,EAEjCjB,KAAAwB,+BAAkCR,IACxChB,KAAKQ,wBAA0BQ,EAAMC,MAAM,EAErCjB,KAAAyB,+BAAkCT,IACxChB,KAAKS,wBAA0BO,EAAMC,MAAM,EAErCjB,KAAA0B,2BAA8BV,IACpChB,KAAKU,oBAAsBM,EAAMC,OAAOU,OAAS,EAAE,EAI7C3B,KAAA4B,iBAAoBC,IAC1BR,QAAQC,IAAI,8BAA+BO,GAC3CC,MAAM,4CAA4C,EAG5C9B,KAAA+B,iBAAoBF,IAC1B7B,KAAKW,WAAkBqB,OAAAC,OAAA,GAAAJ,EAAQ,EAGzB7B,KAAAkC,aAAgBL,IACtB,MAAMM,EAAc,GAEpB,IAAKN,EAAOO,cAAe,CACzBD,EAAOC,cAAgB,wB,CAGzB,IAAKP,EAAOQ,kBAAoBC,WAAWT,EAAOQ,kBAAoB,EAAG,CACvEF,EAAOE,iBAAmB,2B,CAG5B,IAAKR,EAAOU,aAAc,CACxBJ,EAAOI,aAAe,yB,CAGxB,IAAKV,EAAOW,aAAc,CACxBL,EAAOK,aAAe,2B,CAGxB,IAAKX,EAAOY,SAAU,CACpBN,EAAOM,SAAW,sB,CAGpB,IAAKZ,EAAOa,aAAc,CACxBP,EAAOO,aAAe,yB,CAGxB,OAAOP,CAAM,CAkYhB,CA/XC,MAAAQ,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,kBACTF,EAAkC,MAAAC,IAAA,yEAGlCD,EAAS,WAAAC,IAAA,2CAAAC,MAAM,mBACbF,EAA8B,MAAAC,IAAA,qEAC9BD,EAA4E,KAAAC,IAAA,qHAE5ED,EAAK,OAAAC,IAAA,2CAAAC,MAAM,cACTF,EAAK,OAAAC,IAAA,2CAAAC,MAAM,iBACTF,EAAmB,MAAAC,IAAA,0DACnBD,EAAA,cAAAC,IAAA,2CACE/B,MAAM,wBACNiC,YAAY,gBACZlC,MAAOb,KAAKC,sBAEd2C,EAAG,KAAAC,IAAA,2CAAAC,MAAM,iBAAe,UAAS9C,KAAKC,sBAGxC2C,EAAK,OAAAC,IAAA,2CAAAC,MAAM,iBACTF,EAAsB,MAAAC,IAAA,6DACtBD,EAAA,iBAAAC,IAAA,2CACE/B,MAAM,2BACNiC,YAAY,kBACZlC,MAAOb,KAAKE,uBACZ8C,IAAI,IACJC,IAAI,MACJC,KAAK,IACLC,SAAUnD,KAAKe,gCAEjB6B,EAAG,KAAAC,IAAA,2CAAAC,MAAM,iBAAe,UAAS9C,KAAKE,yBAGxC0C,EAAK,OAAAC,IAAA,2CAAAC,MAAM,iBACTF,EAAkB,MAAAC,IAAA,yDAClBD,EACE,aAAAC,IAAA,2CAAA/B,MAAM,uBACNiC,YAAY,uBACZlC,MAAOb,KAAKG,wBACZiD,QAAS,EACTC,QAAS,IAEXT,EAAG,KAAAC,IAAA,2CAAAC,MAAM,iBAAe,UAAS9C,KAAKG,0BAGxCyC,EAAK,OAAAC,IAAA,2CAAAC,MAAM,iBACTF,EAAiB,MAAAC,IAAA,wDACjBD,EAAA,aAAAC,IAAA,2CACE/B,MAAM,sBACNwC,QAAStD,KAAKI,wBACd+C,SAAUnD,KAAKkB,iCAEjB0B,EAAG,KAAAC,IAAA,2CAAAC,MAAM,iBAAe,YAAW9C,KAAKI,wBAAwBmD,aAGlEX,EAAK,OAAAC,IAAA,2CAAAC,MAAM,iBACTF,EAAe,MAAAC,IAAA,sDACfD,EAAA,kBAAAC,IAAA,2CACE/B,MAAM,oBACNwC,QAAStD,KAAKK,sBACd8C,SAAUnD,KAAKmB,+BAEjByB,EAAG,KAAAC,IAAA,2CAAAC,MAAM,iBAAe,YAAW9C,KAAKK,sBAAsBkD,aAGhEX,EAAK,OAAAC,IAAA,2CAAAC,MAAM,iBACTF,EAAsB,MAAAC,IAAA,6DACtBD,EAAA,qBAAAC,IAAA,2CACE/B,MAAM,kBACND,MAAOb,KAAKM,oBACZ6C,SAAUnD,KAAKoB,6BAEjBwB,EAAG,KAAAC,IAAA,2CAAAC,MAAM,iBAAe,SAAQ9C,KAAKM,sBAGvCsC,EAAK,OAAAC,IAAA,2CAAAC,MAAM,iBACTF,EAA0B,MAAAC,IAAA,iEAC1BD,EAAA,yBAAAC,IAAA,2CACE/B,MAAM,sBACND,MAAOb,KAAKQ,wBACZ2C,SAAUnD,KAAKwB,iCAEjBoB,EAAG,KAAAC,IAAA,2CAAAC,MAAM,iBAAe,aAAY9C,KAAKQ,0BAG3CoC,EAAK,OAAAC,IAAA,2CAAAC,MAAM,iBACTF,EAAsB,MAAAC,IAAA,6DACtBD,EAAA,qBAAAC,IAAA,2CACE/B,MAAM,kBACND,MAAOb,KAAKO,oBACZ4C,SAAUnD,KAAKuB,6BAEjBqB,EAAG,KAAAC,IAAA,2CAAAC,MAAM,iBAAe,SAAQ9C,KAAKO,sBAGvCqC,EAAK,OAAAC,IAAA,2CAAAC,MAAM,iBACTF,EAAqB,MAAAC,IAAA,4DACrBD,EACE,gBAAAC,IAAA,2CAAA/B,MAAM,sBACN0C,QAASxD,KAAKY,gBACdC,MAAOb,KAAKS,wBACZ0C,SAAUnD,KAAKyB,iCAEjBmB,EAAG,KAAAC,IAAA,2CAAAC,MAAM,iBAAe,aAAY9C,KAAKS,0BAG3CmC,EAAK,OAAAC,IAAA,2CAAAC,MAAM,iBACTF,EAAoB,MAAAC,IAAA,2DACpBD,EAAA,eAAAC,IAAA,2CACE/B,MAAM,yBACN2C,cAAe,KACfN,SAAUnD,KAAK0B,6BAEjBkB,EAAG,KAAAC,IAAA,2CAAAC,MAAM,iBAAe,UAAS9C,KAAKU,oBAAoBgD,OAAoB,gBAMpFd,EAAS,WAAAC,IAAA,2CAAAC,MAAM,mBACbF,EAAgC,MAAAC,IAAA,uEAChCD,EAA6D,KAAAC,IAAA,sGAE7DD,EAAK,OAAAC,IAAA,2CAAAC,MAAM,cACTF,EAAK,OAAAC,IAAA,2CAAAC,MAAM,iBACTF,EAAmB,MAAAC,IAAA,0DACnBD,EAAA,cAAAC,IAAA,2CACE/B,MAAM,0BACNiC,YAAY,gBACZY,aAAa,qBACbR,SAAWS,GAAmBvC,QAAQC,IAAI,gBAAiBsC,EAAE3C,WAIjE2B,EAAK,OAAAC,IAAA,2CAAAC,MAAM,iBACTF,EAAsB,MAAAC,IAAA,6DACtBD,EAAA,iBAAAC,IAAA,2CACE/B,MAAM,6BACNiC,YAAY,kBACZY,aAAa,KACbX,IAAI,IACJC,IAAI,MACJE,SAAWS,GAAmBvC,QAAQC,IAAI,kBAAmBsC,EAAE3C,WAInE2B,EAAK,OAAAC,IAAA,2CAAAC,MAAM,iBACTF,EAAkB,MAAAC,IAAA,yDAClBD,EAAA,aAAAC,IAAA,2CACE/B,MAAM,yBACNiC,YAAY,uBACZY,aAAa,2BACbP,QAAS,EACTD,SAAWS,GAAmBvC,QAAQC,IAAI,qBAAsBsC,EAAE3C,WAItE2B,EAAK,OAAAC,IAAA,2CAAAC,MAAM,iBACTF,EAAiB,MAAAC,IAAA,wDACjBD,EACE,aAAAC,IAAA,2CAAA/B,MAAM,wBACN6C,aAAa,OACbR,SAAWS,GAAmBvC,QAAQC,IAAI,oBAAqBsC,EAAE3C,WAIrE2B,EAAK,OAAAC,IAAA,2CAAAC,MAAM,iBACTF,EAAe,MAAAC,IAAA,sDACfD,EACE,kBAAAC,IAAA,2CAAA/B,MAAM,sBACN6C,aAAa,QACbR,SAAWS,GAAmBvC,QAAQC,IAAI,kBAAmBsC,EAAE3C,WAKnE2B,EAAK,OAAAC,IAAA,2CAAAC,MAAM,iBACTF,EAAsB,MAAAC,IAAA,6DACtBD,EACE,qBAAAC,IAAA,2CAAA/B,MAAM,oBACN6C,aAAa,aACbR,SAAWS,GAAmBvC,QAAQC,IAAI,gBAAiBsC,EAAE3C,WAIjE2B,EAAK,OAAAC,IAAA,2CAAAC,MAAM,iBACTF,EAAsB,MAAAC,IAAA,6DACtBD,EACE,qBAAAC,IAAA,2CAAA/B,MAAM,oBACN6C,aAAa,QACbR,SAAWS,GAAmBvC,QAAQC,IAAI,gBAAiBsC,EAAE3C,WAIjE2B,EAAK,OAAAC,IAAA,2CAAAC,MAAM,iBACTF,EAA0B,MAAAC,IAAA,iEAC1BD,EACE,yBAAAC,IAAA,2CAAA/B,MAAM,wBACN6C,aAAa,mBACbR,SAAWS,GAAmBvC,QAAQC,IAAI,oBAAqBsC,EAAE3C,WAIrE2B,EAAK,OAAAC,IAAA,2CAAAC,MAAM,iBACTF,EAAqB,MAAAC,IAAA,4DACrBD,EAAA,gBAAAC,IAAA,2CACE/B,MAAM,wBACN0C,QAASxD,KAAKY,gBACd+C,aAAa,UACbR,SAAWS,GAAmBvC,QAAQC,IAAI,oBAAqBsC,EAAE3C,aAOzE2B,EAAS,WAAAC,IAAA,2CAAAC,MAAM,mBACbF,EAAgC,MAAAC,IAAA,uEAChCD,EAAqG,KAAAC,IAAA,8IAErGD,EAAA,gBAAAC,IAAA,2CACEgB,aAAc7D,KAAK4B,iBACnBkC,aAAc9D,KAAK+B,iBACnBgC,eAAgB/D,KAAKkC,aACrB8B,cAAe,CACb5B,cAAe,oBACfC,iBAAkB,KAClBE,aAAc,2BACdC,aAAc,QACdyB,WAAY,OACZxB,SAAU,aACVyB,SAAU,QACVxB,aAAc,YAGhBE,EAAK,OAAAC,IAAA,2CAAAC,MAAM,aACTF,EAAe,iBAAAC,IAAA,2CAAAsB,KAAK,iBAClBvB,EAAA,cAAAC,IAAA,2CACE/B,MAAM,kBACNiC,YAAY,gBACZqB,SAAU,QAIdxB,EAAe,iBAAAC,IAAA,2CAAAsB,KAAK,oBAClBvB,EACE,iBAAAC,IAAA,2CAAA/B,MAAM,qBACNiC,YAAY,kBACZC,IAAI,IACJC,IAAI,MACJmB,SAAU,QAIdxB,EAAe,iBAAAC,IAAA,2CAAAsB,KAAK,gBAClBvB,EAAA,aAAAC,IAAA,2CACE/B,MAAM,iBACNiC,YAAY,uBACZqB,SAAU,KACVhB,QAAS,KAIbR,EAAe,iBAAAC,IAAA,2CAAAsB,KAAK,gBAClBvB,EACE,aAAAC,IAAA,2CAAA/B,MAAM,8BACNsD,SAAU,QAIdxB,EAAe,iBAAAC,IAAA,2CAAAsB,KAAK,cAClBvB,EAAA,kBAAAC,IAAA,2CACE/B,MAAM,0BAIV8B,EAAe,iBAAAC,IAAA,2CAAAsB,KAAK,YAClBvB,EACE,qBAAAC,IAAA,2CAAA/B,MAAM,YACNsD,SAAU,QAIdxB,EAAe,iBAAAC,IAAA,2CAAAsB,KAAK,YAClBvB,EAAA,qBAAAC,IAAA,2CACE/B,MAAM,eAIV8B,EAAe,iBAAAC,IAAA,2CAAAsB,KAAK,gBAClBvB,EAAA,gBAAAC,IAAA,2CACE/B,MAAM,gBACN0C,QAASxD,KAAKY,gBACdwD,SAAU,QAIdxB,EAAe,iBAAAC,IAAA,2CAAAsB,KAAK,aAClBvB,EACE,eAAAC,IAAA,2CAAA/B,MAAM,mBACN2C,cAAe,SAKrBb,EAAK,OAAAC,IAAA,2CAAAC,MAAM,gBACTF,EAAQ,UAAAC,IAAA,2CAAAwB,KAAK,SAASvB,MAAM,iBAAoC,iBAIpEF,EAAK,OAAAC,IAAA,2CAAAC,MAAM,eACTF,EAA6B,MAAAC,IAAA,oEAC7BD,EAAA,OAAAC,IAAA,4CAAMyB,KAAKC,UAAUvE,KAAKW,WAAY,KAAM,MAKhDiC,EAAS,WAAAC,IAAA,2CAAAC,MAAM,mBACbF,EAA4B,MAAAC,IAAA,mEAC5BD,EAA6D,KAAAC,IAAA,sGAE7DD,EAAK,OAAAC,IAAA,2CAAAC,MAAM,cACTF,EAAK,OAAAC,IAAA,2CAAAC,MAAM,iBACTF,EAAkC,MAAAC,IAAA,yEAClCD,EAAA,gBAAAC,IAAA,2CACE/B,MAAM,wBACN0C,QAASxD,KAAKY,gBACd4D,YAAa,KACbb,aAAa,kBACbR,SAAWS,GAAmBvC,QAAQC,IAAI,wBAAyBsC,EAAE3C,WAIzE2B,EAAK,OAAAC,IAAA,2CAAAC,MAAM,iBACTF,EAA2B,MAAAC,IAAA,kEAC3BD,EAAA,gBAAAC,IAAA,2CACE/B,MAAM,iBACN0C,QAASxD,KAAKY,gBACd6D,MAAO,KACPd,aAAa,UACbR,SAAWS,GAAmBvC,QAAQC,IAAI,0BAA2BsC,EAAE3C,WAI3E2B,EAAK,OAAAC,IAAA,2CAAAC,MAAM,iBACTF,EAA2C,MAAAC,IAAA,kFAC3CD,EAAA,eAAAC,IAAA,2CACE/B,MAAM,oBACN4D,iBAAkB,CAAC,MAAO,OAAQ,MAAO,OACzCjB,cAAe,MACfkB,kBAAkB,kBAClBxB,SAAWS,GAAmBvC,QAAQC,IAAI,wBAAyBsC,EAAE3C,WAIzE2B,EAAK,OAAAC,IAAA,2CAAAC,MAAM,iBACTF,EAA4B,MAAAC,IAAA,mEAC5BD,EAAK,OAAAC,IAAA,2CAAAC,MAAM,qBACTF,EACE,cAAAC,IAAA,2CAAA/B,MAAM,sBACND,MAAM,mBACN+D,SAAU,OAEZhC,EACE,aAAAC,IAAA,2CAAA/B,MAAM,oBACNwC,QAAS,KACTsB,SAAU,OAEZhC,EACE,gBAAAC,IAAA,2CAAA/B,MAAM,oBACN0C,QAASxD,KAAKY,gBACdC,MAAM,UACN+D,SAAU,W","ignoreList":[]}

package/dist/stencil-library/p-146bc917.entry.js

@@ -0,0 +1,2 @@
+import{r as s,h as t}from"./p-CaIWDYyq.js";const a=":host{display:block}";const e=class{constructor(t){s(this,t);this.maxWidth="1200px";this.padding="16px"}render(){const s={maxWidth:this.maxWidth,padding:this.padding,margin:"0 auto"};return t("div",{key:"316922f60eb8c674d2554d052fac5ce02a16a569",style:s},t("slot",{key:"17e83ffd041d734baaa42650e7611f214ab951ee"})," ")}};e.style=a;export{e as udp_page};
+//# sourceMappingURL=p-146bc917.entry.js.map

package/dist/stencil-library/{p-b3b6310e.entry.js → p-147c4595.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t}from"./p-CaIWDYyq.js";const i=":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 s=class{constructor(t){e(this,t);this.enableToolbar=true;this.mapTitle="";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.refreshButtonTooltip="";this.readOnlyMap=false;this.enableAdd=true;this.addMultipleFeatures=true;this.enableSplitFeature=true;this.enableViewFeature=true;this.readOnlyLayers=[];this.popoverPrimaryActions=[];this.popoverMoreIconButtonActions=[];this.hideMessageIconPopover=false;this.cardConfig={};this.minZoom=0;this.maxZoom=28;this.bulkSelectionActive=false;this.filteredLayerOptionsByRole=[];this.splitActive=false;this.enableDragBox=false;this.selectedFeatureCoordinates=[];this.selectedFeatureProperties=null;this.enableAddNewFeature=false;this.selectedLayers=[];this.handleSetFilteredLayerOptionsByRole=e=>{this.filteredLayerOptionsByRole=e};this.handleSetMapComponent=e=>{if(e){this.map=e}};this.handleSetBulkSelectionActive=e=>{this.bulkSelectionActive=e};this.handleSetEnableDragBox=e=>{this.enableDragBox=e};this.handleSetSplitActive=e=>{this.splitActive=e};this.handleEnableAddNewFeature=e=>{this.enableAddNewFeature=e};this.handleSetSelectedFeatureProperties=e=>{if(e){let t=e===null||e===void 0?void 0:e.getProperties();if(t){this.selectedFeatureCoordinates=t.geometry.flatCoordinates;this.selectedFeatureProperties=t}}else{this.selectedFeatureProperties=null;this.selectedFeatureObjectKeyValuePairs=[]}}}watchDragBoxandSelectedFeatureInteraction(){if(!this.enableDragBox&&this.selectFeatureInteraction){this.selectFeatureInteraction.setActive(true);this.selectFeatureInteraction.getFeatures().clear();this.selectedFeatureProperties=null;this.selectedFeatureObjectKeyValuePairs=[]}}updateSelectedLayers(e){this.selectedLayers=e;this.initialSelectedLayers=e}render(){return t("map-component",{key:"f10159d8203c6fbab9bf8b35a9fc9b96b67082ad",handleSetMapComponent:this.handleSetMapComponent,data:this.data,isGeoJsonFormat:this.isGeoJsonFormat,geoJsonMappingConfig:this.geoJsonMappingConfig,enableZoom:this.enableZoom,mapZoom:this.mapZoom,mapCenter:this.mapCenter,mapHeight:this.mapHeight,crs:this.crs,mapProjection:this.mapProjection,mapDataProjection:this.mapDataProjection,getFilteredMapData:this.getFilteredMapData,getFeatureStyles:this.getFeatureStyles,getSelectedFeatureStyles:this.getSelectedFeatureStyles,filterPanel:this.filterPanel,filterPanelCallback:this.filterPanelCallback,enableTileSelection:this.enableTileSelection,tileLayersOptions:this.tileLayersOptions,defaultTileOptionName:this.defaultTileOptionName,layerOptions:this.layerOptions,initialSelectedLayers:this.initialSelectedLayers,bulkSelectedFeaturesActionPanel:this.bulkSelectedFeaturesActionPanel,handleSetSelectedFeaturesOnBulkSelect:this.handleSetSelectedFeaturesOnBulkSelect,handleSetSelectedFeatureOnSelect:this.handleSetSelectedFeatureOnSelect,filterLayersByRole:this.filterLayersByRole,layerKeys:this.layerKeys,layerKeySeparator:this.layerKeySeparator,user:this.user,layerRoles:this.layerRoles,filteredLayerOptionsByRole:this.filteredLayerOptionsByRole,handleSetFilteredLayerOptionsByRole:this.handleSetFilteredLayerOptionsByRole,readOnlyMap:this.readOnlyMap,enableViewFeature:this.enableViewFeature,handleViewFeature:this.handleViewFeature,bulkSelectionActive:this.bulkSelectionActive,splitActive:this.splitActive,enableDragBox:this.enableDragBox,selectFeatureInteraction:this.selectFeatureInteraction,handleSetSelectedFeatureProperties:this.handleSetSelectedFeatureProperties,selectedFeatureCoordinates:this.selectedFeatureCoordinates,selectedFeatureProperties:this.selectedFeatureProperties,enableAddNewFeature:this.enableAddNewFeature,handleGetZoomExtent:this.handleGetZoomExtent,selectedLayers:this.selectedLayers,handleSetSelectedLayers:e=>{this.updateSelectedLayers(e)},readOnlyLayers:this.readOnlyLayers,additionalOnclosePopover:this.additionalOnclosePopover,popoverPrimaryActions:this.popoverPrimaryActions,popoverMoreIconButtonActions:this.popoverMoreIconButtonActions,getMessagePopover:this.getMessagePopover,getMessageIconPopover:this.getMessageIconPopover,hideMessageIconPopover:this.hideMessageIconPopover,popoverCardConfig:this.cardConfig,popoverWidth:this.popoverWidth,handleGetAdditionalFeaturePropertiesOnSelect:this.handleGetAdditionalFeaturePropertiesOnSelect,minZoom:this.minZoom,maxZoom:this.maxZoom},this.enableToolbar&&t("udp-map-toolbar",{key:"e8c3d8824183b345d0ced8b76488b0bb089d68e1",map:this.map,mapTitle:this.mapTitle,mapProjection:this.mapProjection,getFeatureStyles:this.getFeatureStyles,getSelectedFeatureStyles:this.getSelectedFeatureStyles,filterPanel:this.filterPanel,enableTileSelection:this.enableTileSelection,tileLayersOptions:this.tileLayersOptions,defaultTileOptionName:this.defaultTileOptionName,layerOptions:this.layerOptions,bulkSelectedFeaturesActionPanel:this.bulkSelectedFeaturesActionPanel,handleSetSelectedFeaturesOnBulkSelect:this.handleSetSelectedFeaturesOnBulkSelect,handleRefresh:this.handleRefresh,refreshButtonTooltip:this.refreshButtonTooltip,readOnlyMap:this.readOnlyMap,enableAdd:this.enableAdd,handleAddNewFeatures:this.handleAddNewFeatures,addMultipleFeatures:this.addMultipleFeatures,enableSplitFeature:this.enableSplitFeature,handleSplitFeature:this.handleSplitFeature,handleSetSelectedFeatureProperties:this.handleSetSelectedFeatureProperties,filteredLayerOptionsByRole:this.filteredLayerOptionsByRole,handleSetBulkSelectionActive:this.handleSetBulkSelectionActive,enableDragBox:this.enableDragBox,handleSetEnableDragBox:this.handleSetEnableDragBox,splitActive:this.splitActive,handleSetSplitActive:this.handleSetSplitActive,selectFeatureInteraction:this.selectFeatureInteraction,enableAddNewFeature:this.enableAddNewFeature,handleEnableAddNewFeature:this.handleEnableAddNewFeature,handleSelectLayersCallback:this.handleSelectLayersCallback,selectedLayers:this.selectedLayers,handleSetSelectedLayers:e=>{this.updateSelectedLayers(e)},addFeaturePanelConfig:this.addFeaturePanelConfig}),t("slot",{key:"f42905be40324ef54df5f335d800bf17e7ec01fd"}))}static get watchers(){return{enableDragBox:["watchDragBoxandSelectedFeatureInteraction"],selectFeatureInteraction:["watchDragBoxandSelectedFeatureInteraction"]}}};s.style=i;export{s as udp_map};
-//# sourceMappingURL=p-b3b6310e.entry.js.map
+import{r as e,h as t}from"./p-CaIWDYyq.js";const i=":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 s=class{constructor(t){e(this,t);this.enableToolbar=true;this.mapTitle="";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.refreshButtonTooltip="";this.readOnlyMap=false;this.enableAdd=true;this.addMultipleFeatures=true;this.enableSplitFeature=true;this.enableViewFeature=true;this.readOnlyLayers=[];this.popoverPrimaryActions=[];this.popoverMoreIconButtonActions=[];this.hideMessageIconPopover=false;this.cardConfig={};this.minZoom=0;this.maxZoom=28;this.bulkSelectionActive=false;this.filteredLayerOptionsByRole=[];this.splitActive=false;this.enableDragBox=false;this.selectedFeatureCoordinates=[];this.selectedFeatureProperties=null;this.enableAddNewFeature=false;this.selectedLayers=[];this.handleSetFilteredLayerOptionsByRole=e=>{this.filteredLayerOptionsByRole=e};this.handleSetMapComponent=e=>{if(e){this.map=e}};this.handleSetBulkSelectionActive=e=>{this.bulkSelectionActive=e};this.handleSetEnableDragBox=e=>{this.enableDragBox=e};this.handleSetSplitActive=e=>{this.splitActive=e};this.handleEnableAddNewFeature=e=>{this.enableAddNewFeature=e};this.handleSetSelectedFeatureProperties=e=>{if(e){let t=e===null||e===void 0?void 0:e.getProperties();if(t){this.selectedFeatureCoordinates=t.geometry.flatCoordinates;this.selectedFeatureProperties=t}}else{this.selectedFeatureProperties=null;this.selectedFeatureObjectKeyValuePairs=[]}}}watchDragBoxandSelectedFeatureInteraction(){if(!this.enableDragBox&&this.selectFeatureInteraction){this.selectFeatureInteraction.setActive(true);this.selectFeatureInteraction.getFeatures().clear();this.selectedFeatureProperties=null;this.selectedFeatureObjectKeyValuePairs=[]}}updateSelectedLayers(e){this.selectedLayers=e;this.initialSelectedLayers=e}render(){return t("map-component",{key:"f7bb8bb551b8c4c7a232f089a77a67c429cd7af6",handleSetMapComponent:this.handleSetMapComponent,data:this.data,isGeoJsonFormat:this.isGeoJsonFormat,geoJsonMappingConfig:this.geoJsonMappingConfig,enableZoom:this.enableZoom,mapZoom:this.mapZoom,mapCenter:this.mapCenter,mapHeight:this.mapHeight,crs:this.crs,mapProjection:this.mapProjection,mapDataProjection:this.mapDataProjection,getFilteredMapData:this.getFilteredMapData,getFeatureStyles:this.getFeatureStyles,getSelectedFeatureStyles:this.getSelectedFeatureStyles,filterPanel:this.filterPanel,filterPanelCallback:this.filterPanelCallback,enableTileSelection:this.enableTileSelection,tileLayersOptions:this.tileLayersOptions,defaultTileOptionName:this.defaultTileOptionName,layerOptions:this.layerOptions,initialSelectedLayers:this.initialSelectedLayers,bulkSelectedFeaturesActionPanel:this.bulkSelectedFeaturesActionPanel,handleSetSelectedFeaturesOnBulkSelect:this.handleSetSelectedFeaturesOnBulkSelect,handleSetSelectedFeatureOnSelect:this.handleSetSelectedFeatureOnSelect,filterLayersByRole:this.filterLayersByRole,layerKeys:this.layerKeys,layerKeySeparator:this.layerKeySeparator,user:this.user,layerRoles:this.layerRoles,filteredLayerOptionsByRole:this.filteredLayerOptionsByRole,handleSetFilteredLayerOptionsByRole:this.handleSetFilteredLayerOptionsByRole,readOnlyMap:this.readOnlyMap,enableViewFeature:this.enableViewFeature,handleViewFeature:this.handleViewFeature,bulkSelectionActive:this.bulkSelectionActive,splitActive:this.splitActive,enableDragBox:this.enableDragBox,selectFeatureInteraction:this.selectFeatureInteraction,handleSetSelectedFeatureProperties:this.handleSetSelectedFeatureProperties,selectedFeatureCoordinates:this.selectedFeatureCoordinates,selectedFeatureProperties:this.selectedFeatureProperties,enableAddNewFeature:this.enableAddNewFeature,handleGetZoomExtent:this.handleGetZoomExtent,selectedLayers:this.selectedLayers,handleSetSelectedLayers:e=>{this.updateSelectedLayers(e)},readOnlyLayers:this.readOnlyLayers,additionalOnclosePopover:this.additionalOnclosePopover,popoverPrimaryActions:this.popoverPrimaryActions,popoverMoreIconButtonActions:this.popoverMoreIconButtonActions,getMessagePopover:this.getMessagePopover,getMessageIconPopover:this.getMessageIconPopover,hideMessageIconPopover:this.hideMessageIconPopover,popoverCardConfig:this.cardConfig,popoverWidth:this.popoverWidth,handleGetAdditionalFeaturePropertiesOnSelect:this.handleGetAdditionalFeaturePropertiesOnSelect,minZoom:this.minZoom,maxZoom:this.maxZoom},this.enableToolbar&&t("udp-map-toolbar",{key:"36a494c95ad64c862f4363676854427399a7f699",map:this.map,mapTitle:this.mapTitle,mapProjection:this.mapProjection,getFeatureStyles:this.getFeatureStyles,getSelectedFeatureStyles:this.getSelectedFeatureStyles,filterPanel:this.filterPanel,enableTileSelection:this.enableTileSelection,tileLayersOptions:this.tileLayersOptions,defaultTileOptionName:this.defaultTileOptionName,layerOptions:this.layerOptions,bulkSelectedFeaturesActionPanel:this.bulkSelectedFeaturesActionPanel,handleSetSelectedFeaturesOnBulkSelect:this.handleSetSelectedFeaturesOnBulkSelect,handleRefresh:this.handleRefresh,refreshButtonTooltip:this.refreshButtonTooltip,readOnlyMap:this.readOnlyMap,enableAdd:this.enableAdd,handleAddNewFeatures:this.handleAddNewFeatures,addMultipleFeatures:this.addMultipleFeatures,enableSplitFeature:this.enableSplitFeature,handleSplitFeature:this.handleSplitFeature,handleSetSelectedFeatureProperties:this.handleSetSelectedFeatureProperties,filteredLayerOptionsByRole:this.filteredLayerOptionsByRole,handleSetBulkSelectionActive:this.handleSetBulkSelectionActive,enableDragBox:this.enableDragBox,handleSetEnableDragBox:this.handleSetEnableDragBox,splitActive:this.splitActive,handleSetSplitActive:this.handleSetSplitActive,selectFeatureInteraction:this.selectFeatureInteraction,enableAddNewFeature:this.enableAddNewFeature,handleEnableAddNewFeature:this.handleEnableAddNewFeature,handleSelectLayersCallback:this.handleSelectLayersCallback,selectedLayers:this.selectedLayers,handleSetSelectedLayers:e=>{this.updateSelectedLayers(e)},addFeaturePanelConfig:this.addFeaturePanelConfig}),t("slot",{key:"4ab0a55295f28326c7c841061a46a06a686396b8"}))}static get watchers(){return{enableDragBox:["watchDragBoxandSelectedFeatureInteraction"],selectFeatureInteraction:["watchDragBoxandSelectedFeatureInteraction"]}}};s.style=i;export{s as udp_map};
+//# sourceMappingURL=p-147c4595.entry.js.map

package/dist/stencil-library/{p-06ca29e0.entry.js → p-1b001f78.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as i,h as r}from"./p-CaIWDYyq.js";import{ModuleRegistry as t}from"ag-grid-community-v33";import{ServerSideRowModelModule as s}from"ag-grid-enterprise-v33";t.registerModules([s]);const a=class{constructor(r){e(this,r);this.serverSideGridReady=i(this,"serverSideGridReady");this.columnDefs=[];this.serverConfig={rowModelType:"serverSide",paginationPageSize:5,cacheBlockSize:5};this.headerConfig={title:"Server-Side"}}updateColumnDefs(){if(this.gridApi){this.gridApi.setGridOption("columnDefs",this.columnDefs)}}updateDataSource(){if(this.gridApi){this.gridApi.setGridOption("serverSideDatasource",this.dataSource)}}handleServerSideGridReady(e){this.gridApi=e.detail;this.serverSideGridReady.emit(this.gridApi)}render(){return r("ag-grid-base",{key:"2df34a48a5f8d251732b58c247144538aad220eb",gridConfig:this.serverConfig,headerConfig:this.headerConfig,onGridReady:e=>this.handleServerSideGridReady(e)})}static get watchers(){return{columnDefs:["updateColumnDefs"],dataSource:["updateDataSource"]}}};export{a as server_side_grid};
-//# sourceMappingURL=p-06ca29e0.entry.js.map
+import{r as e,c as i,h as r}from"./p-CaIWDYyq.js";import{ModuleRegistry as t}from"ag-grid-community-v33";import{ServerSideRowModelModule as s}from"ag-grid-enterprise-v33";t.registerModules([s]);const a=class{constructor(r){e(this,r);this.serverSideGridReady=i(this,"serverSideGridReady");this.columnDefs=[];this.serverConfig={rowModelType:"serverSide",paginationPageSize:5,cacheBlockSize:5};this.headerConfig={title:"Server-Side"}}updateColumnDefs(){if(this.gridApi){this.gridApi.setGridOption("columnDefs",this.columnDefs)}}updateDataSource(){if(this.gridApi){this.gridApi.setGridOption("serverSideDatasource",this.dataSource)}}handleServerSideGridReady(e){this.gridApi=e.detail;this.serverSideGridReady.emit(this.gridApi)}render(){return r("ag-grid-base",{key:"83412261a57155c5b2bda4620828140b921e14d3",gridConfig:this.serverConfig,headerConfig:this.headerConfig,onGridReady:e=>this.handleServerSideGridReady(e)})}static get watchers(){return{columnDefs:["updateColumnDefs"],dataSource:["updateDataSource"]}}};export{a as server_side_grid};
+//# sourceMappingURL=p-1b001f78.entry.js.map

package/dist/stencil-library/{p-762591f6.entry.js → p-2635a6cc.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as s}from"./p-CaIWDYyq.js";import{F as r}from"./p-BjOva8-6.js";import{e as o}from"./p-BNGPBq7P.js";import{C as a}from"./p-Cn7PuhQz.js";import"deep-equal";import"./p-B-daVutk.js";import"axios";import"@stencil/store";import"./p-Basdb1b1.js";const i=(t,e)=>({async getRows(s){const{startRow:i,endRow:c,filterModel:p,sortModel:n}=s.request;const d=c-i;const h=Math.floor(i/d)+1;const u=Object.assign({pageNumber:h,pageSize:d,filterElements:[],filterGroups:[],orderElements:[],groupingType:"",groupProperty:[],groupOperationList:[],eagerLoad:false,logicalSearchOperator:1},e);if(Array.isArray(n)&&n.length>0){const t=u.orderElements||[];n.forEach((e=>{if(e&&e.colId){const s=e.colId.charAt(0).toUpperCase()+e.colId.slice(1);const r=t.find((t=>t.sortColumn===s));if(r){r.sortDirection=e.sort.toUpperCase()}else{t.push({sortColumn:s,sortDirection:e.sort.toUpperCase()})}}}))}if(Object.keys(p).length){const t=u.filterElements||[];Object.keys(p).forEach((e=>{const s=p[e];const o=e.charAt(0).toUpperCase()+e.slice(1);const a=t.find((t=>t.searchField===o));if(a){a.searchValue=s.filter;a.searchOperator=r[s.type]}else{t.push({searchField:o,searchValue:s.filter,searchOperator:r[s.type],searchValueType:1,groupId:1})}}))}const l=await o(u,t,a.integrationV1ApiUrl,false).catch((t=>{console.log(t)}));const f=l;if(!f||f.pageList.length===0){s.success({rowData:[],rowCount:0})}else{s.success({rowData:f.pageList,rowCount:parseInt(f.total)})}}});const c=class{constructor(s){t(this,s);this.apiMethodGridReady=e(this,"apiMethodGridReady");this.columnDefs=[]}handleApiMethodGridReady(t){this.gridApi=t.detail;this.apiMethodGridReady.emit(this.gridApi);this.updateDataSource()}updateDataSource(){if(this.apiMethodId){this.dataSource=i(this.apiMethodId,this.customSearchObject)}}render(){return s("server-side-grid",{key:"7d19af0c06a331d1f170435da59029d7ab25ffab",onServerSideGridReady:t=>this.handleApiMethodGridReady(t),dataSource:this.dataSource,columnDefs:this.columnDefs})}static get watchers(){return{apiMethodId:["updateDataSource"],customSearchObject:["updateDataSource"]}}};export{c as api_method_grid};
-//# sourceMappingURL=p-762591f6.entry.js.map
+import{r as t,c as e,h as s}from"./p-CaIWDYyq.js";import{F as r}from"./p-BjOva8-6.js";import{e as o}from"./p-BNGPBq7P.js";import{C as a}from"./p-Cn7PuhQz.js";import"deep-equal";import"./p-B-daVutk.js";import"axios";import"@stencil/store";import"./p-Basdb1b1.js";const i=(t,e)=>({async getRows(s){const{startRow:i,endRow:c,filterModel:p,sortModel:n}=s.request;const d=c-i;const h=Math.floor(i/d)+1;const u=Object.assign({pageNumber:h,pageSize:d,filterElements:[],filterGroups:[],orderElements:[],groupingType:"",groupProperty:[],groupOperationList:[],eagerLoad:false,logicalSearchOperator:1},e);if(Array.isArray(n)&&n.length>0){const t=u.orderElements||[];n.forEach((e=>{if(e&&e.colId){const s=e.colId.charAt(0).toUpperCase()+e.colId.slice(1);const r=t.find((t=>t.sortColumn===s));if(r){r.sortDirection=e.sort.toUpperCase()}else{t.push({sortColumn:s,sortDirection:e.sort.toUpperCase()})}}}))}if(Object.keys(p).length){const t=u.filterElements||[];Object.keys(p).forEach((e=>{const s=p[e];const o=e.charAt(0).toUpperCase()+e.slice(1);const a=t.find((t=>t.searchField===o));if(a){a.searchValue=s.filter;a.searchOperator=r[s.type]}else{t.push({searchField:o,searchValue:s.filter,searchOperator:r[s.type],searchValueType:1,groupId:1})}}))}const l=await o(u,t,a.integrationV1ApiUrl,false).catch((t=>{console.log(t)}));const m=l;if(!m||m.pageList.length===0){s.success({rowData:[],rowCount:0})}else{s.success({rowData:m.pageList,rowCount:parseInt(m.total)})}}});const c=class{constructor(s){t(this,s);this.apiMethodGridReady=e(this,"apiMethodGridReady");this.columnDefs=[]}handleApiMethodGridReady(t){this.gridApi=t.detail;this.apiMethodGridReady.emit(this.gridApi);this.updateDataSource()}updateDataSource(){if(this.apiMethodId){this.dataSource=i(this.apiMethodId,this.customSearchObject)}}render(){return s("server-side-grid",{key:"3177ae549fb1beae42d6e97725b288d7cfeed306",onServerSideGridReady:t=>this.handleApiMethodGridReady(t),dataSource:this.dataSource,columnDefs:this.columnDefs})}static get watchers(){return{apiMethodId:["updateDataSource"],customSearchObject:["updateDataSource"]}}};export{c as api_method_grid};
+//# sourceMappingURL=p-2635a6cc.entry.js.map

package/dist/stencil-library/p-2f2fd111.entry.js

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

package/dist/stencil-library/{p-368be454.entry.js → p-2fc495ce.entry.js}

@@ -1,2 +1,2 @@
-import{r as i,h as t,a as e}from"./p-CaIWDYyq.js";const s=".wrapper{display:flex;gap:8px;flex-wrap:no-wrap;align-items:center;flex-grow:1;width:100%;}.chipHolder{display:flex;gap:8px;flex-wrap:no-wrap;align-items:center;flex:1 1 auto;overflow:scroll}.chipHolder::-webkit-scrollbar{display:none}.viewChip{background-color:var(--primary-color);color:white;max-width:150px;transition:opacity 0.3s ease}.filterChipMenuIcon{background:grey;padding:8px;color:#3f51b5;}.additionalFilterChip{}.KPI{margin-left:auto;display:flex;gap:8px;color:grey;width:auto}.kpiValue{color:black;font-size:1.1em}.kpiItem{display:flex;justify-content:center;width:max-content}.kpiLabel{width:max-content;margin-right:8px;}.clickedChip{background-color:var(--primary-color);color:white;max-width:150px}";const n=class{constructor(t){i(this,t);this.filterChips=[];this.viewChips=[];this.menuItems=[];this.additionalFilterChips=[];this.hideKpiSection=false;this.kpiValues=[];this.maxKPIsDisplayed=4;this.anchorEl=null;this.chipsReceived=false;this.selectedFilterChip=null;this.abbrNum=(i,t)=>{if(typeof i==="string"&&!isNaN(Number(i))){i=Number(i)}else if(typeof i!=="number"){throw new Error("The input must be a number or a string that can be converted to a number.")}if(typeof t!=="number"){return null}t=Math.pow(10,t);let e=["k","m","b","t"];for(let s=e.length-1;s>=0;s--){let n=Math.pow(10,(s+1)*3);if(n<=i){i=Math.round(i*t/n)/t;if(i===1e3&&s<e.length-1){i=1;s++}i+=e[s];break}}return i};this.isEmpty=i=>Array.isArray(i)&&i.length===0;this.abbreviateLabel=i=>{const t=10;if(i.length>t){const e=i.slice(0,t-3)+"...";return e}else{return null}};this.handleFilterChipToggle=i=>{this.selectedFilterChip=i;if(typeof i.onToggle==="function"){i.onToggle()}};this.handleFilterChipUntoggle=()=>{if(this.selectedFilterChip){if(typeof this.selectedFilterChip.onUntoggle==="function"){this.selectedFilterChip.onUntoggle()}this.selectedFilterChip=null}}}filterChipsChanged(i){if(!this.chipsReceived&&i.length>0){this.allFilterChips=i;this.visibleFilterChips=i}}componentWillLoad(){console.log("componentWillLoad in ChipSection",this.filterChips);if(!this.chipsReceived&&this.filterChips.length>0){this.allFilterChips=this.filterChips;this.visibleFilterChips=this.filterChips}}componentDidLoad(){console.log("componentDidLoad in ChipSection");this.chipSectionContainer=this.el.shadowRoot.querySelector("#chipSectionContainer");this.viewChipsContainer=this.el.shadowRoot.querySelector("#viewChipsContainer");this.filterChipsContainer=this.el.shadowRoot.querySelector("#filterChipsContainer");this.additionalFilterChipsContainer=this.el.shadowRoot.querySelector("#additionalFilterChipsContainer");this.kpiContainer=this.el.shadowRoot.querySelector("#kpiContainer")}handleClick(i){console.log("Click event",i)}render(){console.log("Rendering ChipSection",this.visibleFilterChips);return t("div",{key:"ad42e917c0fbb5ca5878971669d84f64fe0b585a",class:"wrapper",id:"chipSectionContainer"},t("div",{key:"06aeefd4db12a0e2f61eb5f5d64eff97b71450b2",class:"chipHolder"},t("div",{key:"92d5a3f0a8c240f27b49c1133f3cac2a7343194b",id:"viewChipsContainer"},this.viewChips.map(((i,e)=>t("stencil-chip",{onOnDelete:()=>this.handleDelete("view",e),text:i.label,class:"viewChip"})))),t("udp-dynamic-container-with-menu",{key:"c223859c2c07c53c23e9ab83ac46e23aee192d9a",id:"filterChipsContainer",menuItems:this.menuItems},this.selectedFilterChip&&t("stencil-chip",{key:"cee9d8c65a842669f39a2148ec818be21b507362",onOnDelete:this.handleFilterChipUntoggle,text:this.selectedFilterChip.label,class:"viewChip"}),console.log("filtering here...",this.filterChips),this.filterChips.map((i=>{if(this.selectedFilterChip&&i.id===this.selectedFilterChip.id){console.log("returning null...");return null}return t("stencil-chip",{text:`${i.label} ${i.value}`,class:"filterChip",onClick:()=>this.handleFilterChipToggle(i)})}))),t("div",{key:"9a77cf8be75e21ed35400cdf27a1b4080a9418f4",id:"additionalFilterChipsContainer"},this.additionalFilterChips.map(((i,e)=>t("stencil-chip",{onOnDelete:()=>this.handleDelete("additionalFilter",e),text:i.label,class:"additionalFilterChip"})))),!this.hideKpiSection&&t("div",{key:"e09e58dfc70ea5422466617e7d9ad8c26650708d",class:"KPI",id:"kpiContainer"},this.kpiValues.slice(0,this.maxKPIsDisplayed).map((i=>t("div",{class:"kpiItem"},t("span",{class:"kpiLabel"},this.abbreviateLabel(i.label)||i.label),t("span",{class:"kpiValue"},this.abbrNum(i.value,1))))))))}get el(){return e(this)}static get watchers(){return{filterChips:["filterChipsChanged"]}}};n.style=s;export{n as chip_section};
-//# sourceMappingURL=p-368be454.entry.js.map
+import{r as i,h as t,a as e}from"./p-CaIWDYyq.js";const s=".wrapper{display:flex;gap:8px;flex-wrap:no-wrap;align-items:center;flex-grow:1;width:100%;}.chipHolder{display:flex;gap:8px;flex-wrap:no-wrap;align-items:center;flex:1 1 auto;overflow:scroll}.chipHolder::-webkit-scrollbar{display:none}.viewChip{background-color:var(--primary-color);color:white;max-width:150px;transition:opacity 0.3s ease}.filterChipMenuIcon{background:grey;padding:8px;color:#3f51b5;}.additionalFilterChip{}.KPI{margin-left:auto;display:flex;gap:8px;color:grey;width:auto}.kpiValue{color:black;font-size:1.1em}.kpiItem{display:flex;justify-content:center;width:max-content}.kpiLabel{width:max-content;margin-right:8px;}.clickedChip{background-color:var(--primary-color);color:white;max-width:150px}";const n=class{constructor(t){i(this,t);this.filterChips=[];this.viewChips=[];this.menuItems=[];this.additionalFilterChips=[];this.hideKpiSection=false;this.kpiValues=[];this.maxKPIsDisplayed=4;this.anchorEl=null;this.chipsReceived=false;this.selectedFilterChip=null;this.abbrNum=(i,t)=>{if(typeof i==="string"&&!isNaN(Number(i))){i=Number(i)}else if(typeof i!=="number"){throw new Error("The input must be a number or a string that can be converted to a number.")}if(typeof t!=="number"){return null}t=Math.pow(10,t);let e=["k","m","b","t"];for(let s=e.length-1;s>=0;s--){let n=Math.pow(10,(s+1)*3);if(n<=i){i=Math.round(i*t/n)/t;if(i===1e3&&s<e.length-1){i=1;s++}i+=e[s];break}}return i};this.isEmpty=i=>Array.isArray(i)&&i.length===0;this.abbreviateLabel=i=>{const t=10;if(i.length>t){const e=i.slice(0,t-3)+"...";return e}else{return null}};this.handleFilterChipToggle=i=>{this.selectedFilterChip=i;if(typeof i.onToggle==="function"){i.onToggle()}};this.handleFilterChipUntoggle=()=>{if(this.selectedFilterChip){if(typeof this.selectedFilterChip.onUntoggle==="function"){this.selectedFilterChip.onUntoggle()}this.selectedFilterChip=null}}}filterChipsChanged(i){if(!this.chipsReceived&&i.length>0){this.allFilterChips=i;this.visibleFilterChips=i}}componentWillLoad(){console.log("componentWillLoad in ChipSection",this.filterChips);if(!this.chipsReceived&&this.filterChips.length>0){this.allFilterChips=this.filterChips;this.visibleFilterChips=this.filterChips}}componentDidLoad(){console.log("componentDidLoad in ChipSection");this.chipSectionContainer=this.el.shadowRoot.querySelector("#chipSectionContainer");this.viewChipsContainer=this.el.shadowRoot.querySelector("#viewChipsContainer");this.filterChipsContainer=this.el.shadowRoot.querySelector("#filterChipsContainer");this.additionalFilterChipsContainer=this.el.shadowRoot.querySelector("#additionalFilterChipsContainer");this.kpiContainer=this.el.shadowRoot.querySelector("#kpiContainer")}handleClick(i){console.log("Click event",i)}render(){console.log("Rendering ChipSection",this.visibleFilterChips);return t("div",{key:"56e74f5ff766d682f371cd24c076e479c3c62648",class:"wrapper",id:"chipSectionContainer"},t("div",{key:"5464b27ee60211e02f319b482591b5c66c0c1a9a",class:"chipHolder"},t("div",{key:"6b9fc9b083172d0010b52bda18526ac16e86f79b",id:"viewChipsContainer"},this.viewChips.map(((i,e)=>t("stencil-chip",{onOnDelete:()=>this.handleDelete("view",e),text:i.label,class:"viewChip"})))),t("udp-dynamic-container-with-menu",{key:"06e6c0a3cc60eb5c2b88fe0cd667645c7c607c07",id:"filterChipsContainer",menuItems:this.menuItems},this.selectedFilterChip&&t("stencil-chip",{key:"1f62609a91e160fd2ac7c1e1534f054dbcddc3c3",onOnDelete:this.handleFilterChipUntoggle,text:this.selectedFilterChip.label,class:"viewChip"}),console.log("filtering here...",this.filterChips),this.filterChips.map((i=>{if(this.selectedFilterChip&&i.id===this.selectedFilterChip.id){console.log("returning null...");return null}return t("stencil-chip",{text:`${i.label} ${i.value}`,class:"filterChip",onClick:()=>this.handleFilterChipToggle(i)})}))),t("div",{key:"048a57f36da97edc7e903144493547d0f6aff757",id:"additionalFilterChipsContainer"},this.additionalFilterChips.map(((i,e)=>t("stencil-chip",{onOnDelete:()=>this.handleDelete("additionalFilter",e),text:i.label,class:"additionalFilterChip"})))),!this.hideKpiSection&&t("div",{key:"66311251bea7ff6e6a9ac66ffe0bc2096202c357",class:"KPI",id:"kpiContainer"},this.kpiValues.slice(0,this.maxKPIsDisplayed).map((i=>t("div",{class:"kpiItem"},t("span",{class:"kpiLabel"},this.abbreviateLabel(i.label)||i.label),t("span",{class:"kpiValue"},this.abbrNum(i.value,1))))))))}get el(){return e(this)}static get watchers(){return{filterChips:["filterChipsChanged"]}}};n.style=s;export{n as chip_section};
+//# sourceMappingURL=p-2fc495ce.entry.js.map

package/dist/stencil-library/{p-fdfa7087.entry.js → p-476c08df.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as e,H as n}from"./p-CaIWDYyq.js";const s=":host{display:block;container-type:inline-size;width:100%}:host(.container-query) ::slotted(*){transition:all 0.3s ease}";const c=class{constructor(e){t(this,e);this.queries={}}getContainerQueryStyle(){const t=Object.entries(this.queries).map((([t,e])=>{const n=Object.entries(e).map((([t,e])=>`${t}: ${e};`)).join("\n      ");return`\n  @container (min-width: ${t}px) {\n    ::slotted(*) {\n      ${n}\n    }\n  }`})).join("\n");return t}render(){return e(n,{key:"948101738a9646c7788744578e6e975bed9819b4",class:{[this.customClass]:!!this.customClass}},e("style",{key:"260ce965778fed823a538c9399eda0b076f4cb34"},this.getContainerQueryStyle()),e("slot",{key:"92ca5c6d516986d5dbe05c7551073face3fc8ccc"}))}};c.style=s;export{c as udp_container_query};
-//# sourceMappingURL=p-fdfa7087.entry.js.map
+import{r as t,h as e,H as n}from"./p-CaIWDYyq.js";const s=":host{display:block;container-type:inline-size;width:100%}:host(.container-query) ::slotted(*){transition:all 0.3s ease}";const a=class{constructor(e){t(this,e);this.queries={}}getContainerQueryStyle(){const t=Object.entries(this.queries).map((([t,e])=>{const n=Object.entries(e).map((([t,e])=>`${t}: ${e};`)).join("\n      ");return`\n  @container (min-width: ${t}px) {\n    ::slotted(*) {\n      ${n}\n    }\n  }`})).join("\n");return t}render(){return e(n,{key:"0a3f0cd285329482e518b84661fd5337a3354546",class:{[this.customClass]:!!this.customClass}},e("style",{key:"3011ae8940a91e75ba8491c7b770f7ff9e4d09b5"},this.getContainerQueryStyle()),e("slot",{key:"d67a5d70dcc304668e5b26d3f19e11a6c0a20454"}))}};a.style=s;export{a as udp_container_query};
+//# sourceMappingURL=p-476c08df.entry.js.map

package/dist/stencil-library/{p-ee1610d3.entry.js → p-4ab893a0.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t}from"./p-CaIWDYyq.js";const n="";const r=class{constructor(t){e(this,t)}renderUnknownComponent(e){console.error(`Error rendering ${e}. No matching component found. Please check your component mappings and passed properties.`);return t("div",{style:{border:"1px solid #ff6a00",padding:"10px",margin:"10px 0",borderRadius:"5px",color:"#ff6a00",backgroundColor:"#fff3e0"}},t("unity-typography",null,"Content currently unavailable ( ",t("span",{style:{fontWeight:"700"}},e)," ). We're working to make this available to you soon!"))}render(){return t("div",{key:"0b497395d2ff7326d1d179abd6f1ba72bd6a023d"},this.pageData.map((e=>{const n=Object.assign(Object.assign({},e.properties),{"access-token":this.accessToken,tenantId:this.tenantId,userId:this.userId});switch(e.componentName){case"AmbientGrid":return t("ambient-template-grid",Object.assign({key:e.id},n));default:return this.renderUnknownComponent(e.componentName)}})))}};r.style=n;export{r as page_renderer};
-//# sourceMappingURL=p-ee1610d3.entry.js.map
+import{r as e,h as t}from"./p-CaIWDYyq.js";const n="";const r=class{constructor(t){e(this,t)}renderUnknownComponent(e){console.error(`Error rendering ${e}. No matching component found. Please check your component mappings and passed properties.`);return t("div",{style:{border:"1px solid #ff6a00",padding:"10px",margin:"10px 0",borderRadius:"5px",color:"#ff6a00",backgroundColor:"#fff3e0"}},t("unity-typography",null,"Content currently unavailable ( ",t("span",{style:{fontWeight:"700"}},e)," ). We're working to make this available to you soon!"))}render(){return t("div",{key:"8a495c1dcac93c28709401955326fd25f1494b8f"},this.pageData.map((e=>{const n=Object.assign(Object.assign({},e.properties),{"access-token":this.accessToken,tenantId:this.tenantId,userId:this.userId});switch(e.componentName){case"AmbientGrid":return t("ambient-template-grid",Object.assign({key:e.id},n));default:return this.renderUnknownComponent(e.componentName)}})))}};r.style=n;export{r as page_renderer};
+//# sourceMappingURL=p-4ab893a0.entry.js.map

package/dist/stencil-library/p-4dac2b6d.entry.js

@@ -0,0 +1,2 @@
+import{r as i,h as o,a as t}from"./p-CaIWDYyq.js";import{U as s}from"./p-DtiAfg0X.js";import{f as n,o as e}from"./p-DZv4MqyU.js";import{g as r}from"./p-B7tdArhp.js";import"@carbon/icons/es/add/16";import"@carbon/icons/es/add/32";import"@carbon/icons/es/add--alt/16";import"@carbon/icons/es/add--filled/16";import"@carbon/icons/es/arrows--horizontal/16";import"@carbon/icons/es/attachment/16";import"@carbon/icons/es/batch-job/16";import"@carbon/icons/es/box/16";import"@carbon/icons/es/close/16";import"@carbon/icons/es/close/32";import"@carbon/icons/es/close--filled/16";import"@carbon/icons/es/close--outline/16";import"@carbon/icons/es/checkmark/16";import"@carbon/icons/es/checkmark/32";import"@carbon/icons/es/chevron--left/16";import"@carbon/icons/es/chevron--right/16";import"@carbon/icons/es/data-enrichment/16";import"@carbon/icons/es/document/16";import"@carbon/icons/es/document--add/16";import"@carbon/icons/es/document--attachment/16";import"@carbon/icons/es/document--pdf/16";import"@carbon/icons/es/draggable/16";import"@carbon/icons/es/edit/16";import"@carbon/icons/es/export/16";import"@carbon/icons/es/flag/16";import"@carbon/icons/es/information/16";import"@carbon/icons/es/information/32";import"@carbon/icons/es/link/16";import"@carbon/icons/es/overflow-menu--vertical/16";import"@carbon/icons/es/overflow-menu--vertical/32";import"@carbon/icons/es/return/16";import"@carbon/icons/es/save/16";import"@carbon/icons/es/settings/16";import"@carbon/icons/es/subtract/16";import"@carbon/icons/es/subtract--alt/16";import"@carbon/icons/es/subtract--filled/16";import"@carbon/icons/es/trash-can/16";import"@carbon/icons/es/user/16";import"@carbon/icons/es/view/16";import"@carbon/icons/es/warning/16";import"@carbon/icons/es/warning/32";import"@carbon/icons/es/warning--alt/16";import"@carbon/icons/es/warning--alt/32";import"@carbon/icons/es/product/16";import"@carbon/icons/es/workspace/16";import"@carbon/icons/es/arrow--up/16";import"@carbon/icons/es/arrow--down/16";import"@carbon/icons/es/copy/16";import"@carbon/icons/es/text--font/16";import"@carbon/icons/es/text--long-paragraph/16";import"@carbon/icons/es/character--whole-number/16";import"@carbon/icons/es/checkbox--checked/16";import"@carbon/icons/es/radio-button--checked/16";import"@carbon/icons/es/event--schedule/16";import"@carbon/icons/es/view--off/16";import"@carbon/icons/es/time/16";import"@carbon/icons/es/calendar/16";import"@carbon/icons/es/list--checked/16";import"@carbon/icons/es/list--bulleted/16";import"@carbon/icons/es/cloud--upload/16";const a=".background{background-color:var(--gray-01);height:100%;overflow-y:auto;overflow-x:hidden}.item{padding-bottom:var(--spacing-02);}.items{display:flex;flex-direction:column;gap:var(--spacing-05);padding-top:var(--spacing-02);padding-bottom:var(--spacing-02)}.footer{display:flex;flex-direction:row-reverse}.submit{background-color:var(--primary-color);box-sizing:border-box;border:none;color:white;padding:8px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color 0.3s ease;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;min-width:48px;min-height:24px;}.submit:disabled{background-color:var(--gray-05);cursor:default}.submit-card{display:flex;flex-direction:row;justify-content:space-between}.form-section-content{margin-bottom:var(--spacing-05);background-color:white;padding:16px;display:flex;flex-direction:column;gap:var(--spacing-05)}.form-container{padding-top:var(--spacing-05);padding-bottom:var(--spacing-05)}.form-section-block{margin-bottom:var(--spacing-05)}.form-section-header{display:flex;flex-direction:row;justify-content:space-between;background-color:var(--primary-color, #000);color:var(--primary-contrast-text, #FFF);padding:var(--spacing-04, 16px) var(--spacing-05, 24px);align-items:center;min-height:var(--spacing-10, 60px)}.form-section-text{margin-bottom:var(--spacing-03)}.center-div{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.finish-button{display:flex;flex-direction:column;justify-content:center}.form-renderer-header{padding:var(--spacing-05) var(--spacing-05);background-color:var(--primary-color-dark, #000);color:var(--primary-contrast-text, #FFF);display:flex;justify-content:space-between;align-items:center}.header-content{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-03)}.header-text{flex:1;min-width:0;}.header-save-button{display:block;}.floating-save-button{display:block;}@media (max-width: 768px){.header-content{flex-direction:column;align-items:stretch;gap:var(--spacing-02)}.header-text{margin-bottom:var(--spacing-02)}}@media (max-height: 600px){.header-save-button{display:block}.floating-save-button{display:none}}.auto-save-status{margin-top:var(--spacing-02);padding:var(--spacing-01) 0;font-size:12px;opacity:0.8}";const c=class{constructor(o){i(this,o);this.initialValues={};this.submitSuccessful=false;this.loading=false;this.isSaving=false;this.saveError=null;this.showAutoSaveStatus=false;this.disabled=false;this.readonly=false;this.currentFormData={};this.userId=null;this.isSubmitted=false;this.isFormDirty=false;this.showSavedMessage=false;this.titleId="udp-forms-title";this.descriptionId="udp-forms-description"}componentDidLoad(){this.overrideStyles()}componentDidUpdate(){this.overrideStyles()}disconnectedCallback(){if(this.savedMessageTimeoutId){clearTimeout(this.savedMessageTimeoutId)}}watchIsSaving(i,o){console.log("isSaving watcher triggered:",{oldValue:o,newValue:i,saveError:this.saveError});if(o===true&&i===false&&!this.saveError){console.log("Setting showSavedMessage to true");this.showSavedMessage=true;if(this.savedMessageTimeoutId){clearTimeout(this.savedMessageTimeoutId)}this.savedMessageTimeoutId=setTimeout((()=>{console.log("Hiding saved message after 5 seconds");this.showSavedMessage=false}),5e3)}}overrideStyles(){var i;const o=(i=this.el)===null||i===void 0?void 0:i.shadowRoot;o===null||o===void 0?void 0:o.querySelectorAll("unity-typography").forEach((i=>{var o,t,s,r;const a=i.id===this.titleId?(t=(o=this.form)===null||o===void 0?void 0:o.styleOverrides)===null||t===void 0?void 0:t.titleText:i.id===this.descriptionId?(r=(s=this.form)===null||s===void 0?void 0:s.styleOverrides)===null||r===void 0?void 0:r.paragraphText:{};if((a===null||a===void 0?void 0:a.fontFamily)&&n[a.fontFamily]){e(i,n[a.fontFamily])}if(a===null||a===void 0?void 0:a.variant){i.setAttribute("variant",a.variant)}}))}render(){var i,t,n,e,a,c,l,d,p,m,h,v,u,b,f;if(!this.form){return o("div",null,"Loading...")}let g=1;const y=new Set;this.form.formQuestions.forEach((i=>y.add(i.section)));const x=[s.Hidden,s.Paragraph];const w={};if((n=(t=(i=this.form)===null||i===void 0?void 0:i.styleOverrides)===null||t===void 0?void 0:t.background)===null||n===void 0?void 0:n.backgroundImage);else if((c=(a=(e=this.form)===null||e===void 0?void 0:e.styleOverrides)===null||a===void 0?void 0:a.background)===null||c===void 0?void 0:c.backgroundColor){w.backgroundColor=(p=(d=(l=this.form)===null||l===void 0?void 0:l.styleOverrides)===null||d===void 0?void 0:d.background)===null||p===void 0?void 0:p.backgroundColor}return o("div",{class:"background",style:w},o("udp-container",{maxWidth:"md"},o("div",{class:"form-container"},!this.submitSuccessful?o("stencil-form",{handleSubmit:this.handleSubmit,initialValues:this.initialValues,handleChange:this.handleChange,onDirtyChange:i=>this.isFormDirty=i.detail},o("div",null,o("div",{class:"form-section-block"},o("div",{class:"form-renderer-header",style:Object.assign({},((h=(m=this.form)===null||m===void 0?void 0:m.styleOverrides)===null||h===void 0?void 0:h.headerBackgroundColor)&&{backgroundColor:this.form.styleOverrides.headerBackgroundColor})},o("unity-typography",{id:this.titleId,variant:"h6",color:"inherit"},this.form.name),this.showAutoSaveStatus&&o("div",{class:"auto-save-status"},this.saveError&&o("unity-typography",{variant:"body",color:"secondary"},this.saveError)),o("udp-save-draft-button",{isVisible:this.isFormDirty&&!this.isSubmitted&&!!this.userId,isSaving:this.isSaving,saveError:this.saveError,showSavedMessage:this.showSavedMessage,handleSave:this.handleSave})),o("div",{class:"form-section-content"},o("div",{class:"items"},o("div",{class:"form-section-text"},o("unity-typography",{id:this.descriptionId,variant:(f=(b=(u=(v=this.form)===null||v===void 0?void 0:v.styleOverrides)===null||u===void 0?void 0:u.paragraphText)===null||b===void 0?void 0:b.variant)!==null&&f!==void 0?f:"body",color:"inherit"},this.form.description))))),this.dynamicSections.map(((i,t)=>o("div",{class:"form-section-block"},o("div",{class:"form-section-header"},o("div",{class:"form-section-header-title"},o("unity-typography",{variant:"h6",color:"inherit"},`${i.title}${i.sectionPositionSuffix>1?` (${i.sectionPositionSuffix})`:""}`)),o("div",{class:"form-section-header-actions"},i.sectionProperties.isRepeatable&&i.isOriginalSection&&!this.readonly&&o("stencil-icon-button",{icon:r("add"),tooltip:"Repeat This Section",onClick:()=>this.duplicateRepeatableSection(t)}),!i.isOriginalSection&&!this.readonly&&o("stencil-icon-button",{icon:r("subtract"),tooltip:"Delete This Repeated Section",onClick:()=>this.deleteRepeatableSection(t)}))),o("div",{class:"form-section-content"},o("div",{class:"items"},o("div",{class:"form-section-text"},o("unity-typography",{variant:"body",color:"inherit"},i.sectionText)),o("div",null,i.formQuestions.map((i=>{var t,s,n;const e=x.includes(i.fieldTypeId);const r=g;if(!e)g++;return o("div",{class:"item"},o("udp-question",{styleOverrides:{helperText:(t=this.form.styleOverrides)===null||t===void 0?void 0:t.helperText,paragraphText:(s=this.form.styleOverrides)===null||s===void 0?void 0:s.paragraphText,questionText:(n=this.form.styleOverrides)===null||n===void 0?void 0:n.questionText},question:i,questionNumber:r,value:this.initialValues[i.processedSubmissionName],disabled:this.disabled,readonly:this.readonly,key:i.processedSubmissionName}))})))))))),o("div",{class:"footer"},o("input",{disabled:this.loading||this.disabled||this.readonly,type:"submit",value:"Submit",class:"submit",id:"udpRecord-udp-forms-renderer-Submit",onClick:()=>{console.log("Submit button clicked")}})))):o("div",{class:"center-div"},o("udp-ambient-card",null,o("div",{class:"submit-card"},o("unity-typography",null,"Thank you for your submission!"),o("div",{class:"finish-button"},o("custom-button",{onClick:this.handleFinish},"Finish"))))))))}get el(){return t(this)}static get watchers(){return{isSaving:["watchIsSaving"]}}};c.style=a;export{c as udp_forms_ui};
+//# sourceMappingURL=p-4dac2b6d.entry.js.map

package/dist/stencil-library/p-4dac2b6d.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["udpFormsUiCss","UdpFormsUi","constructor","hostRef","this","initialValues","submitSuccessful","loading","isSaving","saveError","showAutoSaveStatus","disabled","readonly","currentFormData","userId","isSubmitted","isFormDirty","showSavedMessage","titleId","descriptionId","componentDidLoad","overrideStyles","componentDidUpdate","disconnectedCallback","savedMessageTimeoutId","clearTimeout","watchIsSaving","newValue","oldValue","console","log","setTimeout","shadowRoot","_a","el","querySelectorAll","forEach","element","styleOverride","id","_b","form","styleOverrides","titleText","_d","_c","paragraphText","fontFamily","fontOverrideMapping","overrideFont","variant","setAttribute","render","h","questionNumber","sectionSet","Set","formQuestions","fq","add","section","hiddenQuestionTypes","UdpFormsFieldTypeEnum","Hidden","Paragraph","backgroundOverrides","background","backgroundImage","_f","_e","backgroundColor","_j","_h","_g","class","style","maxWidth","handleSubmit","handleChange","onDirtyChange","event","detail","Object","assign","_l","_k","headerBackgroundColor","color","name","isVisible","handleSave","_q","_p","_o","_m","description","dynamicSections","map","sIndex","title","sectionPositionSuffix","sectionProperties","isRepeatable","isOriginalSection","icon","getIconFromName","tooltip","onClick","duplicateRepeatableSection","deleteRepeatableSection","sectionText","question","isHidden","includes","fieldTypeId","num","helperText","questionText","value","processedSubmissionName","key","type","handleFinish"],"sources":["src/components/my-component/UI/forms/udp-forms/udp-forms-renderer/udp-forms-ui.css?tag=udp-forms-ui&encapsulation=shadow","src/components/my-component/UI/forms/udp-forms/udp-forms-renderer/udp-forms-ui.tsx"],"sourcesContent":[".background {\n  background-color: var(--gray-01);\n  height: 100%;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n\n.item {\n  padding-bottom: var(--spacing-02);\n  /* margin-bottom: var(--spacing-05); */\n}\n\n.items {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-05);\n  padding-top: var(--spacing-02);\n  padding-bottom: var(--spacing-02);\n}\n\n.footer {\n  display: flex;\n  flex-direction: row-reverse;\n}\n\n.submit {\n  background-color: var(--primary-color);\n  box-sizing: border-box;\n  border: none;\n  color: white;\n  padding: 8px 24px;\n  font-size: 14px;\n  font-weight: 600;\n  cursor: pointer;\n  transition: background-color 0.3s ease;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  min-width: 48px;\n  min-height: 24px;\n  /* Default size */\n}\n\n.submit:disabled {\n  background-color: var(--gray-05);\n  cursor: default;\n}\n\n.submit-card {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n}\n\n/* .form-section-content */\n.form-section-content {\n  margin-bottom: var(--spacing-05);\n  background-color: white;\n  padding: 16px;\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-05);\n}\n\n.form-container {\n  padding-top: var(--spacing-05);\n  padding-bottom: var(--spacing-05);\n}\n\n.form-section-block {\n  margin-bottom: var(--spacing-05);\n}\n\n.form-section-header {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  background-color: var(--primary-color, #000);\n  color: var(--primary-contrast-text, #FFF);\n  padding: var(--spacing-04, 16px) var(--spacing-05, 24px);\n  align-items: center;\n  min-height: var(--spacing-10, 60px);\n}\n\n.form-section-text {\n  margin-bottom: var(--spacing-03);\n}\n\n.center-div {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.finish-button {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n/* .header */\n.form-renderer-header {\n  padding: var(--spacing-05) var(--spacing-05);\n  background-color: var(--primary-color-dark, #000);\n  color: var(--primary-contrast-text, #FFF);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.header-content {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: var(--spacing-03);\n}\n\n.header-text {\n  flex: 1;\n  min-width: 0;\n  /* Allow text to shrink */\n}\n\n/* Save button visibility - JavaScript controlled */\n.header-save-button {\n  display: block;\n  /* Always available, component controls its own visibility */\n}\n\n.floating-save-button {\n  display: block;\n  /* Always available, component controls its own visibility */\n}\n\n/*\n * Save button visibility is now controlled by JavaScript-based overlap detection\n * in the udp-save-draft-button component. This provides real-time detection of\n * overlaps with form content, accounting for menu drawers and dynamic layouts.\n *\n * The component automatically switches between floating and inline modes based on\n * actual element positions and available space, not viewport breakpoints.\n */\n\n/* Mobile layout adjustments */\n@media (max-width: 768px) {\n  .header-content {\n    flex-direction: column;\n    align-items: stretch;\n    gap: var(--spacing-02);\n  }\n\n  .header-text {\n    margin-bottom: var(--spacing-02);\n  }\n}\n\n/* Small height screens: Always use header button */\n@media (max-height: 600px) {\n  .header-save-button {\n    display: block;\n  }\n\n  .floating-save-button {\n    display: none;\n  }\n}\n\n.auto-save-status {\n  margin-top: var(--spacing-02);\n  padding: var(--spacing-01) 0;\n  font-size: 12px;\n  opacity: 0.8;\n}","import { Component, h, Prop, State, Element, Watch } from '@stencil/core';\nimport { Guid, UdpForm, UdpFormQuestion } from '../types';\nimport { UdpFormsFieldTypeEnum } from '../enums';\nimport { fontOverrideMapping, overrideFont } from '../utils';\nimport { getIconFromName } from '../../../data-display/icons/iconUtils';\n\n@Component({\n  tag: 'udp-forms-ui',\n  styleUrl: 'udp-forms-ui.css',\n  shadow: true,\n})\nexport class UdpFormsUi {\n  @Prop() form: UdpForm;\n  @Prop() initialValues: { [name: string]: any } = {};\n  @Prop() submitSuccessful: boolean = false;\n  @Prop() loading: boolean = false;\n  @Prop() isSaving: boolean = false;\n  @Prop() saveError: string | null = null;\n  @Prop() showAutoSaveStatus: boolean = false;\n  @Prop() disabled: boolean = false;\n  @Prop() readonly: boolean = false;\n  @Prop() handleSubmit: (values: any) => Promise<void>;\n  @Prop() handleChange: (values: { [name: string]: any }) => void;\n  @Prop() handleSave: (values: { [name: string]: any }) => Promise<void>;\n  @Prop() handleAction: (actionId: Guid, params: Object) => void;\n  @Prop() handleFinish: () => void;\n  @Prop() currentFormData: { [name: string]: any } = {};\n  @Prop() userId: Guid | null = null;\n  @Prop() isSubmitted: boolean = false;\n  @Prop() dynamicSections: any[];\n  @Prop() duplicateRepeatableSection: any;\n  @Prop() deleteRepeatableSection: any;\n\n  @State() isFormDirty: boolean = false;\n  @State() showSavedMessage: boolean = false;\n\n  @Element() el: HTMLElement;\n\n  private savedMessageTimeoutId: any;\n\n  private titleId: string = 'udp-forms-title';\n  private descriptionId: string = 'udp-forms-description';\n\n  componentDidLoad() {\n    this.overrideStyles();\n  }\n\n  componentDidUpdate() {\n    this.overrideStyles();\n  }\n\n  disconnectedCallback() {\n    // Clean up timeout when component is destroyed\n    if (this.savedMessageTimeoutId) {\n      clearTimeout(this.savedMessageTimeoutId);\n    }\n  }\n\n  @Watch('isSaving')\n  watchIsSaving(newValue: boolean, oldValue: boolean) {\n    console.log('isSaving watcher triggered:', { oldValue, newValue, saveError: this.saveError });\n\n    // When isSaving changes from true to false (save completed successfully)\n    if (oldValue === true && newValue === false && !this.saveError) {\n      console.log('Setting showSavedMessage to true');\n      this.showSavedMessage = true;\n\n      // Clear any existing timeout\n      if (this.savedMessageTimeoutId) {\n        clearTimeout(this.savedMessageTimeoutId);\n      }\n\n      // Hide the \"Saved\" message after 5 seconds\n      this.savedMessageTimeoutId = setTimeout(() => {\n        console.log('Hiding saved message after 5 seconds');\n        this.showSavedMessage = false;\n      }, 5000);\n    }\n  }\n\n  overrideStyles() {\n    const shadowRoot = (this as any).el?.shadowRoot;\n    shadowRoot?.querySelectorAll('unity-typography').forEach(element => {\n      const styleOverride =\n        element.id === this.titleId ? this.form?.styleOverrides?.titleText : element.id === this.descriptionId ? this.form?.styleOverrides?.paragraphText : ({} as any);\n\n      if (styleOverride?.fontFamily && fontOverrideMapping[styleOverride.fontFamily]) {\n        overrideFont(element, fontOverrideMapping[styleOverride.fontFamily]);\n      }\n      if (styleOverride?.variant) {\n        element.setAttribute('variant', styleOverride.variant);\n      }\n    });\n  }\n\n  render() {\n    if (!this.form) {\n      return <div>Loading...</div>;\n    }\n\n    let questionNumber = 1;\n\n    const sectionSet = new Set();\n    this.form.formQuestions.forEach(fq => sectionSet.add(fq.section));\n    // const orderedSectionNumbers = [...sectionSet].sort((a: number, b: number) => a - b);\n\n    const hiddenQuestionTypes = [UdpFormsFieldTypeEnum.Hidden, UdpFormsFieldTypeEnum.Paragraph];\n\n    const backgroundOverrides: { backgroundImage?: string | null; backgroundColor?: string | null } = {};\n    if (this.form?.styleOverrides?.background?.backgroundImage) {\n      // uncomment when we want to allow background images\n      //backgroundOverrides.backgroundImage = `url(${this.form?.styleOverrides?.background?.backgroundImage})`;\n    } else if (this.form?.styleOverrides?.background?.backgroundColor) {\n      backgroundOverrides.backgroundColor = this.form?.styleOverrides?.background?.backgroundColor;\n    }\n    return (\n      <div class={'background'} style={backgroundOverrides}>\n        <udp-container maxWidth=\"md\">\n          <div class=\"form-container\">\n            {!this.submitSuccessful ? (\n              <stencil-form\n                handleSubmit={this.handleSubmit}\n                initialValues={this.initialValues}\n                handleChange={this.handleChange}\n                onDirtyChange={event => (this.isFormDirty = event.detail)}\n              >\n                {/********** QUESTIONS *********/}\n                <div>\n                  {/* <div class=\"header\" style={this.form?.styleOverrides?.headerBackgroundColor ? { backgroundColor: this.form?.styleOverrides?.headerBackgroundColor } : ''}> */}\n                  <div class=\"form-section-block\">\n                    <div\n                      class=\"form-renderer-header\"\n                      style={{\n                        ...(this.form?.styleOverrides?.headerBackgroundColor && {\n                          backgroundColor: this.form.styleOverrides.headerBackgroundColor,\n                        }),\n                      }}\n                    >\n                      <unity-typography id={this.titleId} variant={'h6'} color=\"inherit\">\n                        {this.form.name}\n                      </unity-typography>\n\n                      {/* Auto-save status indicator for authenticated users */}\n                      {this.showAutoSaveStatus && (\n                        <div class=\"auto-save-status\">\n                          {/* {this.isSaving && (\n                              <unity-typography variant=\"body\" color=\"primary\">\n                                Saving...\n                              </unity-typography>\n                            )} */}\n                          {this.saveError && (\n                            <unity-typography variant=\"body\" color=\"secondary\">\n                              {this.saveError}\n                            </unity-typography>\n                          )}\n                        </div>\n                      )}\n                      <udp-save-draft-button\n                        isVisible={this.isFormDirty && !this.isSubmitted && !!this.userId}\n                        isSaving={this.isSaving}\n                        saveError={this.saveError}\n                        showSavedMessage={this.showSavedMessage}\n                        handleSave={this.handleSave}\n                      />\n                    </div>\n\n                    <div class=\"form-section-content\">\n                      <div class=\"items\">\n                        <div class=\"form-section-text\">\n                          <unity-typography id={this.descriptionId} variant={this.form?.styleOverrides?.paragraphText?.variant ?? 'body'} color=\"inherit\">\n                            {this.form.description}\n                          </unity-typography>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                  {/* Save Button - moves between header and floating based on space */}\n                  {this.dynamicSections.map((section, sIndex) => {\n                    return (\n                      <div class=\"form-section-block\">\n                        <div class=\"form-section-header\">\n                          <div class=\"form-section-header-title\">\n                            <unity-typography variant=\"h6\" color=\"inherit\">\n                              {`${section.title}${section.sectionPositionSuffix > 1 ? ` (${section.sectionPositionSuffix})` : ''}`}\n                            </unity-typography>\n                          </div>\n                          <div class=\"form-section-header-actions\">\n                            {section.sectionProperties.isRepeatable && section.isOriginalSection && !this.readonly && (\n                              <stencil-icon-button icon={getIconFromName('add')} tooltip=\"Repeat This Section\" onClick={() => this.duplicateRepeatableSection(sIndex)} />\n                            )}\n                            {!section.isOriginalSection && !this.readonly && (\n                              <stencil-icon-button icon={getIconFromName('subtract')} tooltip=\"Delete This Repeated Section\" onClick={() => this.deleteRepeatableSection(sIndex)} />\n                            )}\n                          </div>\n                        </div>\n\n                        <div class=\"form-section-content\">\n                          <div class=\"items\">\n                            <div class=\"form-section-text\">\n                              <unity-typography variant=\"body\" color=\"inherit\">\n                                {section.sectionText}\n                              </unity-typography>\n                            </div>\n\n                            <div>\n                              {section.formQuestions.map((question: UdpFormQuestion) => {\n                                const isHidden = hiddenQuestionTypes.includes(question.fieldTypeId);\n                                const num: number = questionNumber;\n                                // const processedSubmissionName = `${sectionProcessedName}-${question.name}`\n                                if (!isHidden) questionNumber++;\n                                return (\n                                  <div class=\"item\">\n                                    <udp-question\n                                      styleOverrides={{\n                                        helperText: this.form.styleOverrides?.helperText,\n                                        paragraphText: this.form.styleOverrides?.paragraphText,\n                                        questionText: this.form.styleOverrides?.questionText,\n                                      }}\n                                      question={question}\n                                      questionNumber={num}\n                                      value={this.initialValues[question.processedSubmissionName]}\n                                      disabled={this.disabled}\n                                      readonly={this.readonly}\n                                      key={question.processedSubmissionName}\n                                    />\n                                  </div>\n                                );\n                              })}\n                            </div>\n                          </div>\n                        </div>\n                      </div>\n                    );\n                  })}\n                  <div class=\"footer\">\n                    <input\n                      disabled={this.loading || this.disabled || this.readonly}\n                      type=\"submit\"\n                      value=\"Submit\"\n                      class=\"submit\"\n                      id=\"udpRecord-udp-forms-renderer-Submit\"\n                      onClick={() => {\n                        console.log('Submit button clicked');\n                        // Let the form handle the submit naturally\n                      }}\n                    />\n                  </div>\n                </div>\n              </stencil-form>\n            ) : (\n              //if the form has been submit, display success message with a button to trigger the action associated to the form\n              <div class=\"center-div\">\n                <udp-ambient-card>\n                  <div class=\"submit-card\">\n                    <unity-typography>Thank you for your submission!</unity-typography>\n                    <div class=\"finish-button\">\n                      <custom-button onClick={this.handleFinish}>Finish</custom-button>\n                    </div>\n                  </div>\n                </udp-ambient-card>\n              </div>\n            )}\n          </div>\n        </udp-container>\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/stencil-library/p-556a182f.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as s,a as i}from"./p-CaIWDYyq.js";import{throttle as e}from"lodash";import{g as r}from"./p-Basdb1b1.js";import{c as n,m as o}from"./p-B-daVutk.js";import{C as a}from"./p-Cn7PuhQz.js";import{S as h,c as l}from"./p-BlJaGZ4k.js";import"axios";class c{async saveFormData(t,s){return null}async loadExistingSubmission(){return null}supportsAutoSave(){return true}}function u(t){if(!Array.isArray(t)){return false}return t.every((t=>t instanceof File))}class f extends c{constructor(t,s,i){super();this.formId=t;this.formVersion=s;this.tenantId=i}objectToFormData(t){var s;const i=[];const e={};for(let r in t){let n;if((s=t[r])===null||s===void 0?void 0:s.value){n=t[r].value}else{n=t[r]}if(u(n)){if(n.length>0){i.push(n[0]);e[r]=n[0].name}}else if(Array.isArray(n)){e[r]=n.map((t=>typeof t==="string"?t:t.value)).join(",")}else{if(n!==null&&n!==undefined&&n!==""){e[r]=n}}}const r=n({formData:JSON.stringify(e),formFiles:i[0]});return r}async getForm(){const t=await o("GET",`${a.productV1ApiUrl}/UdpForm/${this.formId}/describe/public?tenantId=${this.tenantId}`,{}).then((t=>{if(t.id){return t}else{alert("form not found");return null}})).catch((()=>{alert("form not found");return null}));if(t.styleOverrides&&typeof t.styleOverrides==="string"){t.styleOverrides=JSON.parse(t.styleOverrides)}return t}async submitForm(t){const s=this.objectToFormData(t);return await o("POST",`${a.productV1ApiUrl}/UdpForm/${this.formId}/${this.formVersion}/submit/public?tenantId=${this.tenantId}`,s,true).then((()=>true)).catch((()=>false))}}class d extends c{constructor(t,s,i,e,r){super();this.formId=t;this.formVersion=s;this.userId=i;this.existingSubmission=e;this.updateExistingSubmission=r}async getForm(){const t=await o("GET",`${a.productV1ApiUrl}/UdpForm/${this.formId}${this.formVersion?`/${this.formVersion}`:""}/describe`);if(t.styleOverrides&&typeof t.styleOverrides==="string"){t.styleOverrides=JSON.parse(t.styleOverrides)}return t}async loadExistingSubmission(){try{const t=new h(1,1).addFilter("unityUserId",this.userId,l.EQUALS).addFilter("formId",this.formId,l.EQUALS).addFilter("formVersion",this.formVersion.toString(),l.EQUALS).addOrder("id","DESC");const s=await t.execute("UdpFormSubmission");if((s===null||s===void 0?void 0:s.pageList)&&s.pageList.length>0){const t=s.pageList[0];this.existingSubmission=t;this.updateExistingSubmission(t);return t}return null}catch(t){console.error("Error fetching existing form response:",t);return null}}createFormDataForSubmission(t,s){var i,e,r;let o;if(s==="submitted"){o=2}else if(s==="in-progress"){o=1}else{o=typeof s==="number"?s:1}const a={FormId:this.formId,FormVersion:this.formVersion.toString(),Status:o.toString()};if((i=this.existingSubmission)===null||i===void 0?void 0:i.id){a.Id=this.existingSubmission.id}const h=[];const l={};for(let s in t){let i=((e=t[s])===null||e===void 0?void 0:e.value)||t[s];let n=(r=t[s])===null||r===void 0?void 0:r.files;if(n&&Array.isArray(n)){h.push(...n);if(i&&i.trim()!==""){l[s]=i}}else if(u(i)){h.push(...i);if(i.length>0){l[s]=i.map((t=>t.name)).join(",")}}else if(i instanceof File){h.push(i);l[s]=i.name}else if(Array.isArray(i)){l[s]=i.map((t=>typeof t==="string"?t:t.value)).join(",")}else{l[s]=i}}const c=n(a);h.forEach((t=>c.append("FormFiles",t)));Object.keys(l).forEach((t=>{var s;c.append(`Data[${t}]`,((s=l[t])===null||s===void 0?void 0:s.toString())||"")}));return c}async saveFormData(t,s){const i=this.createFormDataForSubmission(t,s);let e;if(this.existingSubmission){e=await o("PUT",`${a.productV1ApiUrl}/UdpFormSubmission/${this.existingSubmission.id}`,i,true)}else{e=await o("POST",`${a.productV1ApiUrl}/UdpFormSubmission`,i,true)}this.updateExistingSubmission(e);return e}async submitForm(t){try{await this.saveFormData(t,"submitted");return true}catch(t){console.error("Private form submission failed:",t);return false}}}class m{static create(t,s,i,e,r,n,o){if(t){return new f(s,i,e)}else{if(!r){throw new Error("User ID is required for private forms")}return new d(s,i,r,n||null,o||(()=>{}))}}}const b=class{constructor(s){t(this,s);this.isPublic=false;this.userId=null;this.autoSaveDelay=2e3;this.initialValues={};this.submitSuccessful=false;this.existingSubmission=null;this.currentFormData={};this.isSaving=false;this.saveError=null;this.isSubmitted=false;this.dynamicSections=[];this.isUpdatingSections=false;this.reRenderKey=0;this.tenantId=r();this.duplicateRepeatableSection=t=>{if(this.isSubmitted||this.isUpdatingSections)return;this.isUpdatingSections=true;this.loading=true;try{const s=this.dynamicSections[t];if(!s)return;const i=s.name;const e=this.findRepeatGroupKeys(i,this.initialValues);const r=e.length>0?Math.max(...e)+1:2;const n=Object.assign(Object.assign({},structuredClone(s)),{formQuestions:s.formQuestions.map((t=>Object.assign(Object.assign({},structuredClone(t)),{processedSubmissionName:`${i}_${r}-${t.name}`}))),isOriginalSection:false,sectionPositionSuffix:r});let o=t;for(let s=t+1;s<this.dynamicSections.length;s++){const t=this.dynamicSections[s];if(t.name===i){o=s}else{break}}this.dynamicSections=[...this.dynamicSections.slice(0,o+1),n,...this.dynamicSections.slice(o+1)];const a=Object.assign({},this.currentFormData);n.formQuestions.forEach((t=>{a[t.processedSubmissionName]=null}));this.initialValues=a;this.currentFormData=a;this.reRenderKey+=1}finally{this.isUpdatingSections=false;this.loading=false}};this.deleteRepeatableSection=t=>{if(this.isSubmitted)return;const s=this.dynamicSections[t];if(!s||s.isOriginalSection)return;this.isUpdatingSections=true;this.loading=true;try{const i=s.name;console.log("currentformdata",this.currentFormData);const e=Object.assign({},this.currentFormData);s.formQuestions.forEach((t=>{delete e[t.processedSubmissionName]}));const r=structuredClone(this.dynamicSections);r.splice(t,1);let n=2;r.forEach((t=>{if(t.name!==i||t.isOriginalSection){return}t.sectionPositionSuffix=n;n+=1;t.formQuestions=t.formQuestions.map((s=>{const r=`${i}_${t.sectionPositionSuffix}-${s.name}`;const n=s.processedSubmissionName;if(e[n]!==undefined){e[r]=e[n];delete e[n]}return Object.assign(Object.assign({},s),{processedSubmissionName:r})}))}));this.dynamicSections=r;this.initialValues=e;this.currentFormData=e;this.reRenderKey+=1;console.log("newInitialValues",e)}finally{this.isUpdatingSections=false;this.loading=false}};this.handleManualSave=async t=>{if(!this.formHandler.supportsAutoSave()||!this.userId||!this.formHandler.saveFormData){return}this.isSaving=true;this.saveError=null;try{await this.formHandler.saveFormData(t,"in-progress");this.currentFormData=Object.assign({},t);console.log("Form saved successfully")}catch(t){console.error("Manual save failed:",t);this.saveError="Failed to save form data"}finally{this.isSaving=false}};this.handleFormChange=t=>{if(this.isUpdatingSections)return;this.currentFormData=t};this.handleFinish=()=>{if(this.triggerAction){this.triggerAction(null,{action:"finish"})}}}async componentWillLoad(){this.loading=true;this.formHandler=m.create(this.isPublic,this.formId,this.version,this.tenantId,this.userId,this.existingSubmission,(t=>{this.existingSubmission=t}));this.debouncedManualSave=e((async t=>{await this.handleManualSave(t)}),2e3,{leading:true,trailing:false});if(this.formId&&this.version){await this.loadForm()}this.loading=false}async loadForm(){try{const t=await this.formHandler.getForm();this.form=t;if(this.userId&&this.formHandler.loadExistingSubmission){const t=await this.formHandler.loadExistingSubmission();if(t){this.existingSubmission=t;this.initialValues=t.data||{};if(t.status===2){this.isSubmitted=true}this.currentFormData=Object.assign({},this.initialValues);if(t.status===2||t.status==="submitted"){this.isSubmitted=true}}}this.initializeDynamicSections()}catch(t){console.error("Failed to load form:",t)}}initializeDynamicSections(){var t;const s=[];const i=structuredClone(this.form.udpFormUdpFormSection).sort(((t,s)=>t.order-s.order));for(const e of i){e.name=`section${e.order}`;e.sectionProperties=JSON.parse(e.sectionProperties||"{}");const i=this.findRepeatGroupKeys(e.name,this.initialValues);e.isOriginalSection=true;e.sectionPositionSuffix=1;s.push(Object.assign(Object.assign({},structuredClone(e)),{formQuestions:structuredClone(this.form.formQuestions).filter((t=>t.formSectionId===e.id)).sort(((t,s)=>t.questionOrder-s.questionOrder)).map((t=>Object.assign(Object.assign({},t),{processedSubmissionName:`${e.name}-${t.name}`})))}));if(((t=e.sectionProperties)===null||t===void 0?void 0:t.isRepeatable)&&i.length>0){const t=Math.max(...i);for(let i=2;i<=t;i++){const t=Object.assign(Object.assign({},structuredClone(e)),{formQuestions:structuredClone(this.form.formQuestions).filter((t=>t.formSectionId===e.id)).sort(((t,s)=>t.questionOrder-s.questionOrder)).map((t=>Object.assign(Object.assign({},t),{processedSubmissionName:`${e.name}_${i}-${t.name}`}))),isOriginalSection:false,sectionPositionSuffix:i});s.push(t)}}}console.log("tempDynamicSection",s);this.dynamicSections=s}findRepeatGroupKeys(t,s){const i=Object.keys(s);const e=new Set;const r=new RegExp(`^${t}_(\\d+)-`);i.forEach((t=>{const s=t.match(r);if(s&&s[1]){e.add(Number(s[1]))}}));return Array.from(e).sort(((t,s)=>t-s))}async handleSubmit(t){try{const s=await this.formHandler.submitForm(t);this.submitSuccessful=s}catch(t){console.error("Form submission failed:",t);throw t}}render(){if(this.loading){return s("div",{class:"loading-container"},s("unity-spinner",{size:"medium"}))}if(!this.form){return s("div",{class:"error-container"},s("unity-typography",{variant:"body1"},"Form not found"))}return s("div",{class:"forms-renderer-container"},s("udp-forms-ui",{form:this.form,initialValues:this.initialValues,submitSuccessful:this.submitSuccessful,isSaving:this.isSaving,saveError:this.saveError,showAutoSaveStatus:this.formHandler.supportsAutoSave()&&!!this.userId,readonly:this.isSubmitted,currentFormData:this.currentFormData,handleSubmit:this.handleSubmit.bind(this),handleSave:t=>Promise.resolve(this.debouncedManualSave(t)),handleChange:this.handleFormChange,handleAction:this.triggerAction,handleFinish:this.handleFinish,userId:this.userId,isSubmitted:this.isSubmitted,dynamicSections:this.dynamicSections,duplicateRepeatableSection:this.duplicateRepeatableSection,deleteRepeatableSection:this.deleteRepeatableSection,key:`form-${this.reRenderKey}`}))}get el(){return i(this)}};export{b as udp_forms_renderer};
+//# sourceMappingURL=p-556a182f.entry.js.map

package/dist/stencil-library/p-556a182f.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BaseFormHandler","saveFormData","_values","_status","loadExistingSubmission","supportsAutoSave","isFileArray","array","Array","isArray","every","item","File","PublicFormHandler","constructor","formId","formVersion","tenantId","super","this","objectToFormData","obj","files","formObj","key","value","_a","length","push","name","map","join","undefined","formData","createFormData","JSON","stringify","formFiles","getForm","makeApiCall","ConfigService","productV1ApiUrl","then","data","id","alert","catch","styleOverrides","parse","submitForm","values","PrivateFormHandler","userId","existingSubmission","updateExistingSubmission","search","SearchBuilder","addFilter","SearchOperators","EQUALS","toString","addOrder","response","execute","pageList","submission","error","console","createFormDataForSubmission","status","statusValue","formSubmissionData","FormId","FormVersion","Status","Id","dataWithoutFiles","_b","fieldFiles","_c","trim","f","forEach","file","append","Object","keys","FormHandlerFactory","create","isPublic","version","Error","UdpFormsRenderer","hostRef","autoSaveDelay","initialValues","submitSuccessful","currentFormData","isSaving","saveError","isSubmitted","dynamicSections","isUpdatingSections","reRenderKey","getCurrentTenantId","duplicateRepeatableSection","index","loading","sectionToClone","cloningSectionName","repeatKeys","findRepeatGroupKeys","nextRepeatIndex","Math","max","clonedSection","assign","structuredClone","formQuestions","q","processedSubmissionName","isOriginalSection","sectionPositionSuffix","insertAtIndex","i","s","slice","newInitialValues","deleteRepeatableSection","sectionToDelete","deleteSectionName","log","updatedSections","splice","suffixCounter","section","newName","oldName","handleManualSave","async","formHandler","handleFormChange","handleFinish","triggerAction","action","componentWillLoad","debouncedManualSave","throttle","leading","trailing","loadForm","form","existingData","initializeDynamicSections","tempDynamicSection","sortedSections","udpFormUdpFormSection","sort","a","b","order","sectionProperties","repeatGroupKeys","filter","formSectionId","questionOrder","isRepeatable","maxRepeatedSectionSuffix","repeatKey","sectionName","repeatGroupSet","Set","regex","RegExp","match","add","Number","from","handleSubmit","success","render","h","class","size","variant","showAutoSaveStatus","readonly","bind","handleSave","Promise","resolve","handleChange","handleAction"],"sources":["src/components/my-component/UI/forms/udp-forms/udp-forms-renderer/form-handler/BaseFormHandler.ts","src/components/my-component/UI/forms/udp-forms/udp-forms-renderer/form-handler/formUtils.ts","src/components/my-component/UI/forms/udp-forms/udp-forms-renderer/form-handler/PublicFormHandler.ts","src/components/my-component/UI/forms/udp-forms/udp-forms-renderer/form-handler/PrivateFormHandler.ts","src/components/my-component/UI/forms/udp-forms/udp-forms-renderer/form-handler/FormHandlerFactory.ts","src/components/my-component/UI/forms/udp-forms/udp-forms-renderer/udp-forms-renderer.tsx"],"sourcesContent":["import { IFormHandler } from './IFormHandler';\nimport { UdpForm, UdpFormSubmission, UdpFormSubmissionStatus } from '../../types';\n\n/**\n * Base class for form handlers with common functionality\n */\nexport abstract class BaseFormHandler implements IFormHandler {\n  abstract getForm(): Promise<UdpForm>;\n  abstract submitForm(values: { [name: string]: any }): Promise<boolean>;\n\n  /**\n   * Default implementation - does nothing\n   * Override in subclasses that support auto-save\n   */\n  async saveFormData(_values: { [name: string]: any }, _status: UdpFormSubmissionStatus): Promise<UdpFormSubmission> {\n    // Default implementation - no-op\n    return null as any;\n  }\n\n  /**\n   * Default implementation - returns null\n   * Override in subclasses that support loading existing submissions\n   */\n  async loadExistingSubmission(): Promise<UdpFormSubmission | null> {\n    return null;\n  }\n\n  /**\n   * Default implementation - returns true\n   * Override in subclasses that don't support auto-save\n   */\n  supportsAutoSave(): boolean {\n    return true;\n  }\n}\n","/**\n * Utility function to check if an array contains File objects\n */\nexport function isFileArray(array: any): array is File[] {\n  // Check if it's an array\n  if (!Array.isArray(array)) {\n    return false;\n  }\n\n  // Check if all elements in the array are instances of File\n  return array.every(item => item instanceof File);\n}\n","// @ts-nocheck\nimport { BaseFormHandler } from './BaseFormHandler';\nimport { Guid, UdpForm, StyleOverrides } from '../../types';\nimport { makeApiCall, createFormData } from '../../../../../../../udp-utilities/api/makeApiCall/makeApiCall';\nimport { ConfigService } from 'src/udp-utilities/api-config';\nimport { isFileArray } from './formUtils';\n\n/**\n * Public form submission handler (legacy endpoint)\n */\nexport class PublicFormHandler extends BaseFormHandler {\n  constructor(\n    private formId: Guid,\n    private formVersion: number,\n    private tenantId: Guid\n  ) {\n    super();\n  }\n\n  private objectToFormData(obj): FormData {\n    // Separate files from regular data\n    const files: File[] = [];\n    const formObj = {};\n\n    for (let key in obj) {\n      let value;\n      if (obj[key]?.value) {\n        value = obj[key].value;\n      } else {\n        value = obj[key];\n      }\n\n      if (isFileArray(value)) {\n        // Collect files for formFiles only if there are files\n        if (value.length > 0) {\n          files.push(value[0]);\n          formObj[key] = value[0].name;\n        }\n        // If no files, skip this field entirely\n      } else if (Array.isArray(value)) {\n        formObj[key] = value.map(item => (typeof item === 'string' ? item : item.value)).join(',');\n      } else {\n        // Only include fields with meaningful values\n        // Skip null, undefined, or empty string values entirely\n        if (value !== null && value !== undefined && value !== '') {\n          formObj[key] = value;\n        }\n      }\n    }\n\n    // Use createFormData helper with the structured data\n    const formData = createFormData({\n      formData: JSON.stringify(formObj),\n      formFiles: files[0] // Public handler only supports single file\n    });\n\n    return formData;\n  }\n\n  async getForm(): Promise<UdpForm> {\n    const formData: UdpForm = await makeApiCall('GET', `${ConfigService.productV1ApiUrl}/UdpForm/${this.formId}/describe/public?tenantId=${this.tenantId}`, {})\n      .then(data => {\n        if (data.id) {\n          return data;\n        } else {\n          alert('form not found');\n          return null;\n        }\n      })\n      .catch(() => {\n        // this would get thrown when the form exists but is private\n        alert('form not found');\n        return null;\n      });\n    if (formData.styleOverrides && typeof formData.styleOverrides === 'string') {\n      formData.styleOverrides = JSON.parse(formData.styleOverrides) as StyleOverrides;\n    }\n    return formData;\n  }\n\n  async submitForm(values: { [name: string]: any }): Promise<boolean> {\n    const formData = this.objectToFormData(values);\n    \n    return await makeApiCall(\n      'POST',\n      `${ConfigService.productV1ApiUrl}/UdpForm/${this.formId}/${this.formVersion}/submit/public?tenantId=${this.tenantId}`,\n      formData,\n      true,\n    )\n      .then(() => true)\n      .catch(() => false);\n  }\n\n\n}\n","import { BaseFormHandler } from './BaseFormHandler';\nimport { Guid, UdpForm, UdpFormSubmission, UdpFormSubmissionStatus, StyleOverrides } from '../../types';\nimport { makeApiCall, createFormData } from '../../../../../../../udp-utilities/api/makeApiCall/makeApiCall';\nimport { SearchBuilder, SearchOperators } from '../../../../../../../udp-utilities/search';\nimport { ConfigService } from 'src/udp-utilities/api-config';\nimport { isFileArray } from './formUtils';\n\n/**\n * Private form submission handler (new UdpFormSubmission endpoint)\n */\nexport class PrivateFormHandler extends BaseFormHandler {\n  constructor(\n    private formId: Guid,\n    private formVersion: number,\n    private userId: Guid,\n    private existingSubmission: UdpFormSubmission | null,\n    private updateExistingSubmission: (submission: UdpFormSubmission) => void\n  ) {\n    super();\n  }\n\n  async getForm(): Promise<UdpForm> {\n    const formData: UdpForm = await makeApiCall(\n      'GET',\n      `${ConfigService.productV1ApiUrl}/UdpForm/${this.formId}${this.formVersion ? `/${this.formVersion}` : ''}/describe`\n    );\n    if (formData.styleOverrides && typeof formData.styleOverrides === 'string') {\n      formData.styleOverrides = JSON.parse(formData.styleOverrides) as StyleOverrides;\n    }\n    return formData;\n  }\n\n  async loadExistingSubmission(): Promise<UdpFormSubmission | null> {\n    try {\n      const search = new SearchBuilder(1, 1) // Only need the first result\n        .addFilter('unityUserId', this.userId, SearchOperators.EQUALS)\n        .addFilter('formId', this.formId, SearchOperators.EQUALS)\n        .addFilter('formVersion', this.formVersion.toString(), SearchOperators.EQUALS)\n        .addOrder('id', 'DESC'); // Get the most recent submission if multiple exist\n\n      const response = await search.execute('UdpFormSubmission');\n\n      // Check if we got any results\n      if (response?.pageList && response.pageList.length > 0) {\n        const submission = response.pageList[0] as UdpFormSubmission;\n        this.existingSubmission = submission;\n        this.updateExistingSubmission(submission);\n        return submission;\n      }\n\n      return null;\n    } catch (error) {\n      console.error('Error fetching existing form response:', error);\n      return null;\n    }\n  }\n\n  private createFormDataForSubmission(data: { [name: string]: any }, status: UdpFormSubmissionStatus): FormData {\n    // Convert status string to numeric value\n    let statusValue: number;\n    if (status === 'submitted') {\n      statusValue = 2;\n    } else if (status === 'in-progress') {\n      statusValue = 1;\n    } else {\n      statusValue = typeof status === 'number' ? status : 1;\n    }\n\n    // Prepare the base form submission data\n    const formSubmissionData: Record<string, any> = {\n      FormId: this.formId,\n      FormVersion: this.formVersion.toString(),\n      Status: statusValue.toString(),\n    };\n\n    if (this.existingSubmission?.id) {\n      formSubmissionData.Id = this.existingSubmission.id;\n    }\n\n    // Separate files from regular data\n    const files: File[] = [];\n    const dataWithoutFiles: Record<string, any> = {};\n\n    for (let key in data) {\n      let value = data[key]?.value || data[key];\n      let fieldFiles = data[key]?.files; // Check if this field has associated files\n\n      if (fieldFiles && Array.isArray(fieldFiles)) {\n        // This field has File objects - add them to files array and use the string value for data\n        files.push(...fieldFiles);\n        // Only include file field in data if it has a meaningful value\n        if (value && value.trim() !== '') {\n          dataWithoutFiles[key] = value;\n        }\n        // If no files and no value, skip this field entirely\n      } else if (isFileArray(value)) {\n        // Legacy file handling - collect files for FormFiles\n        files.push(...value);\n        // Store filename in data only if there are files\n        if (value.length > 0) {\n          dataWithoutFiles[key] = value.map(f => f.name).join(',');\n        }\n        // If no files, skip this field entirely\n      }else if (value instanceof File) {\n        // Single file handling - add to files array and use filename in data\n        files.push(value);\n        dataWithoutFiles[key] = value.name;\n      }\n\n      else if (Array.isArray(value)) {\n        dataWithoutFiles[key] = value.map(item => (typeof item === 'string' ? item : item.value)).join(',');\n      } else {\n\n          dataWithoutFiles[key] = value;\n\n      }\n    }\n\n    // Add form data using the helper function\n    const formData = createFormData(formSubmissionData);\n\n    // Add files to FormFiles collection\n    files.forEach(file => formData.append('FormFiles', file));\n\n    // Convert data to Dictionary<string, string> format expected by server\n    Object.keys(dataWithoutFiles).forEach(key => {\n      formData.append(`Data[${key}]`, dataWithoutFiles[key]?.toString() || '');\n    });\n\n    return formData;\n  }\n\n  async saveFormData(values: { [name: string]: any }, status: UdpFormSubmissionStatus): Promise<UdpFormSubmission> {\n    const formData = this.createFormDataForSubmission(values, status);\n\n    let submission: UdpFormSubmission;\n\n    if (this.existingSubmission) {\n      // Update existing submission\n      submission = await makeApiCall(\n        'PUT',\n        `${ConfigService.productV1ApiUrl}/UdpFormSubmission/${this.existingSubmission.id}`,\n        formData,\n        true\n      );\n    } else {\n      // Create new submission\n      submission = await makeApiCall(\n        'POST',\n        `${ConfigService.productV1ApiUrl}/UdpFormSubmission`,\n        formData,\n        true\n      );\n    }\n\n    // Update the existing submission reference\n    this.updateExistingSubmission(submission);\n    return submission;\n  }\n\n  async submitForm(values: { [name: string]: any }): Promise<boolean> {\n    try {\n\n      await this.saveFormData(values, 'submitted');\n      return true;\n    } catch (error) {\n      console.error('Private form submission failed:', error);\n      return false;\n    }\n  }\n\n}\n","import { Build } from '@stencil/core';\nimport { IFormHandler } from './IFormHandler';\nimport { MockFormHandler } from './MockFormHandler';\nimport { PublicFormHandler } from './PublicFormHandler';\nimport { PrivateFormHandler } from './PrivateFormHandler';\nimport { Guid, UdpFormSubmission } from '../../types';\n\n/**\n * Factory for creating form handlers\n */\nexport class FormHandlerFactory {\n  static create(\n    isPublic: boolean,\n    formId: Guid,\n    version: number,\n    tenantId: Guid,\n    userId?: Guid | null,\n    existingSubmission?: UdpFormSubmission | null,\n    updateExistingSubmission?: (submission: UdpFormSubmission) => void\n  ): IFormHandler {\n    // Use mock handler in development\n    if (Build.isDev) {\n      return new MockFormHandler();\n    }\n\n    if (isPublic) {\n      return new PublicFormHandler(formId, version, tenantId);\n    } else {\n      if (!userId) {\n        throw new Error('User ID is required for private forms');\n      }\n      return new PrivateFormHandler(\n        formId,\n        version,\n        userId,\n        existingSubmission || null,\n        updateExistingSubmission || (() => {})\n      );\n    }\n  }\n}\n","import { Component, Prop, State, Element, h } from '@stencil/core';\nimport { throttle } from 'lodash';\nimport { Guid } from 'src/global/types';\nimport { UdpForm, UdpFormSubmission } from '../types';\nimport { getCurrentTenantId } from 'src/udp-utilities/tenant/tenantUtils';\nimport { IFormHandler } from './form-handler/IFormHandler';\nimport { FormHandlerFactory } from './form-handler/FormHandlerFactory';\n\n\n@Component({\n  tag: 'udp-forms-renderer',\n  shadow: true,\n})\nexport class UdpFormsRenderer {\n  @Prop() formId: Guid;\n  @Prop() version: number;\n  @Prop() triggerAction: (actionId: Guid, params: Object) => void;\n  @Prop() isPublic: boolean = false;\n  @Prop() callbackUrl: string;\n  @Prop() userId: Guid | null = null; // User ID for authenticated users\n  @Prop() autoSaveDelay: number = 2000; // Debounce delay for auto-save in milliseconds (currently disabled)\n  @State() form: UdpForm;\n  @State() initialValues: { [name: string]: any } = {};\n  @State() submitSuccessful: boolean = false;\n  @Element() el: HTMLElement;\n  @State() loading: boolean;\n  @State() existingSubmission: UdpFormSubmission | null = null;\n  @State() currentFormData: { [name: string]: any } = {};\n  @State() isSaving: boolean = false;\n  @State() saveError: string | null = null;\n  @State() isSubmitted: boolean = false;\n  @State() dynamicSections: any[] = [];\n  @State() isUpdatingSections: boolean = false;\n  @State() reRenderKey: number = 0;\n\n  private tenantId: Guid = getCurrentTenantId();\n  // private debouncedAutoSave: (values: { [name: string]: any }) => void; // Kept for future use (currently disabled)\n  private debouncedManualSave: (values: { [name: string]: any }) => void; // Debounced manual save (5 seconds)\n  private formHandler: IFormHandler;\n\n  async componentWillLoad() {\n    this.loading = true;\n    this.formHandler = FormHandlerFactory.create(this.isPublic, this.formId, this.version, this.tenantId, this.userId, this.existingSubmission, submission => {\n      this.existingSubmission = submission;\n    });\n\n    // Set up debounced auto-save function (currently disabled)\n    // this.debouncedAutoSave = debounce(async (values: { [name: string]: any }) => {\n    //   // await this.handleAutoSave(values); // Disabled for now\n    // }, this.autoSaveDelay);\n\n    // Set up throttled manual save function (5 seconds) - fires immediately, then throttles\n    this.debouncedManualSave = throttle(async (values: { [name: string]: any }) => {\n      await this.handleManualSave(values);\n    }, 2000, { leading: true, trailing: false });\n\n    if (this.formId && this.version) {\n      await this.loadForm();\n    }\n    this.loading = false;\n  }\n\n  private async loadForm() {\n    try {\n      // Load form structure\n      const formData = await this.formHandler.getForm();\n      this.form = formData;\n\n      // Try to load existing submission if handler supports it\n      if (this.userId && this.formHandler.loadExistingSubmission) {\n        const existingData = await this.formHandler.loadExistingSubmission();\n\n        if (existingData) {\n          this.existingSubmission = existingData;\n          this.initialValues = existingData.data || {};\n          // Check if the form is submitted (status 2)\n          if (existingData.status === 2) {\n            this.isSubmitted = true;\n          }\n          this.currentFormData = { ...this.initialValues };\n\n          if (existingData.status === 2 || existingData.status === 'submitted') {\n            this.isSubmitted = true;\n          }\n        }\n      }\n      this.initializeDynamicSections();\n    } catch (error) {\n      console.error('Failed to load form:', error);\n    }\n  }\n\n  // build dynamic sections based on the\n  private initializeDynamicSections() {\n    const tempDynamicSection: any[] = [];\n    const sortedSections = structuredClone(this.form.udpFormUdpFormSection).sort((a, b) => a.order - b.order);\n\n    for (const section of sortedSections) {\n      section.name = `section${section.order}`; // THIS LINE WILL NOT BE NECESSARY SOON AFTER BACKEND UPDATE\n      section.sectionProperties = JSON.parse(section.sectionProperties || \"{}\");\n      const repeatGroupKeys = this.findRepeatGroupKeys(section.name, this.initialValues);\n      section.isOriginalSection = true;\n      section.sectionPositionSuffix = 1; // default position\n\n      // always add the original section into dynamic sections\n      tempDynamicSection.push({\n        ...structuredClone(section),\n        formQuestions: structuredClone(this.form.formQuestions)\n          .filter(q => q.formSectionId === section.id)\n          .sort((a, b) => a.questionOrder - b.questionOrder)\n          .map(q => ({ ...q, processedSubmissionName: `${section.name}-${q.name}` })),\n      });\n\n      // create then add additional sections if there are repeated sections\n      if (section.sectionProperties?.isRepeatable && repeatGroupKeys.length > 0) {\n        const maxRepeatedSectionSuffix = Math.max(...repeatGroupKeys); // create a new section for the max value of repeat group keys, even if there are no saved answers\n\n        // for (const repeatKey of repeatGroupKeys) { // create a section only for the suffix saved\n        for (let repeatKey = 2; repeatKey <= maxRepeatedSectionSuffix; repeatKey++) {\n          const clonedSection = {\n            ...structuredClone(section),\n            formQuestions: structuredClone(this.form.formQuestions)\n              .filter(q => q.formSectionId === section.id)\n              .sort((a, b) => a.questionOrder - b.questionOrder)\n              .map(q => ({ ...q, processedSubmissionName: `${section.name}_${repeatKey}-${q.name}` })),\n            isOriginalSection: false,\n            sectionPositionSuffix: repeatKey,\n          };\n          tempDynamicSection.push(clonedSection);\n        }\n      }\n    }\n\n    console.log('tempDynamicSection', tempDynamicSection);\n\n    this.dynamicSections = tempDynamicSection;\n  }\n\n  private findRepeatGroupKeys(sectionName: string, values: Object): number[] {\n    const keys = Object.keys(values);\n    const repeatGroupSet = new Set<number>();\n\n    // Match: sectionName_2-question1\n    const regex = new RegExp(`^${sectionName}_(\\\\d+)-`);\n\n    keys.forEach(key => {\n      const match = key.match(regex);\n      if (match && match[1]) {\n        repeatGroupSet.add(Number(match[1]));\n      }\n    });\n\n    return Array.from(repeatGroupSet).sort((a, b) => a - b);\n  }\n\n  /**\n   * Duplicate a repeatable section\n   */\n  private duplicateRepeatableSection = (index: number) => {\n    if (this.isSubmitted || this.isUpdatingSections) return;\n    this.isUpdatingSections = true;\n    this.loading = true;\n\n    try {\n      const sectionToClone = this.dynamicSections[index];\n      if (!sectionToClone) return;\n\n      const cloningSectionName = sectionToClone.name;\n\n      // Find existing repeat group indices\n      const repeatKeys = this.findRepeatGroupKeys(cloningSectionName, this.initialValues);\n      const nextRepeatIndex = repeatKeys.length > 0 ? Math.max(...repeatKeys) + 1 : 2;\n\n      const clonedSection = {\n        ...structuredClone(sectionToClone),\n        formQuestions: sectionToClone.formQuestions.map(q => ({\n          ...structuredClone(q),\n          processedSubmissionName: `${cloningSectionName}_${nextRepeatIndex}-${q.name}`,\n        })),\n        isOriginalSection: false,\n        sectionPositionSuffix: nextRepeatIndex,\n      };\n\n      // Find the last index of this section group\n      let insertAtIndex = index;\n      for (let i = index + 1; i < this.dynamicSections.length; i++) {\n        const s = this.dynamicSections[i];\n        if (s.name === cloningSectionName) {\n          insertAtIndex = i;\n        } else {\n          break;\n        }\n      }\n\n      // Insert after the last repeat of the section group\n      this.dynamicSections = [...this.dynamicSections.slice(0, insertAtIndex + 1), clonedSection, ...this.dynamicSections.slice(insertAtIndex + 1)];\n\n      // Create new initial values structure\n      const newInitialValues = { ...this.currentFormData };\n\n      clonedSection.formQuestions.forEach(q => {\n        newInitialValues[q.processedSubmissionName] = null;\n      });\n\n      // This will trigger a complete form re-render\n      this.initialValues = newInitialValues;\n      this.currentFormData = newInitialValues;\n      this.reRenderKey += 1;\n    } finally {\n      this.isUpdatingSections = false;\n      this.loading = false\n    }\n  };\n\n  /**\n   * Delete a repeatable section\n   */\n  private deleteRepeatableSection = (index: number) => {\n    if (this.isSubmitted) return;\n\n    const sectionToDelete = this.dynamicSections[index];\n    if (!sectionToDelete || sectionToDelete.isOriginalSection) return;\n\n    this.isUpdatingSections = true;\n    this.loading = true;\n\n    try {\n      const deleteSectionName = sectionToDelete.name;\n\n      // Remove the section's initial values\\\n      console.log('currentformdata', this.currentFormData)\n      const newInitialValues = { ...this.currentFormData };\n\n      sectionToDelete.formQuestions.forEach(q => {\n        delete newInitialValues[q.processedSubmissionName];\n      });\n\n      // Remove the section from dynamicSections\n      const updatedSections = structuredClone(this.dynamicSections);\n      updatedSections.splice(index, 1);\n\n      let suffixCounter = 2;\n\n      updatedSections.forEach(section => {\n        // no need to process unrelated sections or originalSections\n        if (section.name !== deleteSectionName || section.isOriginalSection) {\n          return;\n        }\n\n        section.sectionPositionSuffix = suffixCounter;\n        suffixCounter += 1;\n\n        section.formQuestions = section.formQuestions.map(q => {\n          const newName = `${deleteSectionName}_${section.sectionPositionSuffix}-${q.name}`;\n          const oldName = q.processedSubmissionName;\n\n          // Carry over any existing value\n          if (newInitialValues[oldName] !== undefined) {\n            newInitialValues[newName] = newInitialValues[oldName];\n            delete newInitialValues[oldName];\n          }\n\n          return {\n            ...q,\n            processedSubmissionName: newName,\n          };\n        });\n        \n      });\n\n      this.dynamicSections = updatedSections;\n      this.initialValues = newInitialValues;\n      this.currentFormData = newInitialValues;\n      this.reRenderKey += 1;\n\n\n      console.log('newInitialValues', newInitialValues)\n    } finally {\n      this.isUpdatingSections = false;\n      this.loading = false\n    }\n  };\n\n\n  private async handleSubmit(values: { [name: string]: any }) {\n    try {\n      const success = await this.formHandler.submitForm(values);\n      this.submitSuccessful = success;\n    } catch (error) {\n      console.error('Form submission failed:', error);\n      throw error;\n    }\n  }\n\n  /**\n   * Manual save function - debounced to 5 seconds\n   */\n  private handleManualSave = async (values: { [name: string]: any }) => {\n    // Only save if handler supports it and user is authenticated\n    if (!this.formHandler.supportsAutoSave() || !this.userId || !this.formHandler.saveFormData) {\n      return;\n    }\n\n    this.isSaving = true;\n    this.saveError = null;\n\n    try {\n      await this.formHandler.saveFormData(values, 'in-progress');\n      this.currentFormData = { ...values };\n      console.log('Form saved successfully');\n    } catch (error) {\n      console.error('Manual save failed:', error);\n      this.saveError = 'Failed to save form data';\n    } finally {\n      this.isSaving = false;\n    }\n  }\n\n\n  private handleFormChange = (values: { [name: string]: any }) => {\n    if (this.isUpdatingSections) return;\n    this.currentFormData = values;\n  };\n\n\n  private handleFinish = () => {\n    // Trigger any finish actions\n    if (this.triggerAction) {\n      this.triggerAction(null as any, { action: 'finish' });\n    }\n  };\n\n\n  render() {\n    if (this.loading) {\n      return (\n        <div class=\"loading-container\">\n          <unity-spinner size=\"medium\" />\n        </div>\n      );\n    }\n\n    if (!this.form) {\n      return (\n        <div class=\"error-container\">\n          <unity-typography variant=\"body1\">Form not found</unity-typography>\n        </div>\n      );\n    }\n\n    return (\n      <div class=\"forms-renderer-container\">\n        <udp-forms-ui\n          form={this.form}\n          initialValues={this.initialValues}\n          submitSuccessful={this.submitSuccessful}\n          isSaving={this.isSaving}\n          saveError={this.saveError}\n          showAutoSaveStatus={this.formHandler.supportsAutoSave() && !!this.userId}\n          readonly={this.isSubmitted}\n          currentFormData={this.currentFormData}\n          handleSubmit={this.handleSubmit.bind(this)}\n          handleSave={(values) => Promise.resolve(this.debouncedManualSave(values))}\n          handleChange={this.handleFormChange}\n          handleAction={this.triggerAction}\n          handleFinish={this.handleFinish}\n          userId={this.userId}\n          isSubmitted={this.isSubmitted}\n          dynamicSections={this.dynamicSections}\n          duplicateRepeatableSection={this.duplicateRepeatableSection}\n          deleteRepeatableSection={this.deleteRepeatableSection}\n          key={`form-${this.reRenderKey}`}\n        />\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/stencil-library/p-5ac16f81.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as i,a as o}from"./p-CaIWDYyq.js";import{m as s}from"./p-B-daVutk.js";import{q as e,d as n}from"./p-CyQelV_a.js";import{g as r}from"./p-B7tdArhp.js";import{C as a}from"./p-Cn7PuhQz.js";import{g as c}from"./p-Basdb1b1.js";import l from"sortablejs";import{v4 as d}from"uuid";import"axios";import"@carbon/icons/es/add/16";import"@carbon/icons/es/add/32";import"@carbon/icons/es/add--alt/16";import"@carbon/icons/es/add--filled/16";import"@carbon/icons/es/arrows--horizontal/16";import"@carbon/icons/es/attachment/16";import"@carbon/icons/es/batch-job/16";import"@carbon/icons/es/box/16";import"@carbon/icons/es/close/16";import"@carbon/icons/es/close/32";import"@carbon/icons/es/close--filled/16";import"@carbon/icons/es/close--outline/16";import"@carbon/icons/es/checkmark/16";import"@carbon/icons/es/checkmark/32";import"@carbon/icons/es/chevron--left/16";import"@carbon/icons/es/chevron--right/16";import"@carbon/icons/es/data-enrichment/16";import"@carbon/icons/es/document/16";import"@carbon/icons/es/document--add/16";import"@carbon/icons/es/document--attachment/16";import"@carbon/icons/es/document--pdf/16";import"@carbon/icons/es/draggable/16";import"@carbon/icons/es/edit/16";import"@carbon/icons/es/export/16";import"@carbon/icons/es/flag/16";import"@carbon/icons/es/information/16";import"@carbon/icons/es/information/32";import"@carbon/icons/es/link/16";import"@carbon/icons/es/overflow-menu--vertical/16";import"@carbon/icons/es/overflow-menu--vertical/32";import"@carbon/icons/es/return/16";import"@carbon/icons/es/save/16";import"@carbon/icons/es/settings/16";import"@carbon/icons/es/subtract/16";import"@carbon/icons/es/subtract--alt/16";import"@carbon/icons/es/subtract--filled/16";import"@carbon/icons/es/trash-can/16";import"@carbon/icons/es/user/16";import"@carbon/icons/es/view/16";import"@carbon/icons/es/warning/16";import"@carbon/icons/es/warning/32";import"@carbon/icons/es/warning--alt/16";import"@carbon/icons/es/warning--alt/32";import"@carbon/icons/es/product/16";import"@carbon/icons/es/workspace/16";import"@carbon/icons/es/arrow--up/16";import"@carbon/icons/es/arrow--down/16";import"@carbon/icons/es/copy/16";import"@carbon/icons/es/text--font/16";import"@carbon/icons/es/text--long-paragraph/16";import"@carbon/icons/es/character--whole-number/16";import"@carbon/icons/es/checkbox--checked/16";import"@carbon/icons/es/radio-button--checked/16";import"@carbon/icons/es/event--schedule/16";import"@carbon/icons/es/view--off/16";import"@carbon/icons/es/time/16";import"@carbon/icons/es/calendar/16";import"@carbon/icons/es/list--checked/16";import"@carbon/icons/es/list--bulleted/16";import"@carbon/icons/es/cloud--upload/16";const h=":host{display:block;--udp-form-primary-color:#007bff;--udp-form-spacing-unit:16px}.udp-forms-page{display:flex;flex-direction:column;gap:var(--spacing-06, 32px);padding:var(--spacing-06, 32px);padding-bottom:var(--spacing-12)}.form-section-questions-container{display:flex;flex-direction:column}.form-details-container{display:flex;flex-direction:column;padding:var(--spacing-05, 24px);background-color:var(--card-background-color, white)}.form-details-version-container{margin-bottom:var(--spacing-05)}.udp-form-builder-field-container,.udp-forms-builder-item-generic-configs,.udp-forms-builder-item-specific-configs{display:flex;flex-direction:column;gap:var(--spacing-04, 16px)}.form-section{}.form-section-header{display:flex;flex-direction:row;justify-content:space-between;background-color:var(--primary-color-dark, #000);color:var(--primary-contrast-text, #FFF);padding:var(--spacing-04, 16px) var(--spacing-05, 24px);align-items:center}.add-question-button-container{display:flex;justify-content:center;align-items:center}.question-editor-container{padding:var(--spacing-05, 24px);display:flex;flex-direction:column;gap:var(--spacing-05, 24px)}.add-question-to-section-button-container{padding:var(--spacing-02, 8px) 0;margin:auto}.sortable-ghost{opacity:0.5;transform:scale(0.98);background:#f4f4f4;border:1px dashed #ccc}.sortable-chosen{background:#eef6ff;box-shadow:0 0 4px 2px rgba(51, 153, 255, 0.3)}.form-question-drag-handle{transform:rotate(90deg);cursor:grab}.form-question-drag-handle:active{cursor:grabbing}.form-question-drag-handle .drag-wrapper{cursor:inherit}.form-question-drag-handle stencil-icon-button{pointer-events:none;}";var u=undefined&&undefined.__rest||function(t,i){var o={};for(var s in t)if(Object.prototype.hasOwnProperty.call(t,s)&&i.indexOf(s)<0)o[s]=t[s];if(t!=null&&typeof Object.getOwnPropertySymbols==="function")for(var e=0,s=Object.getOwnPropertySymbols(t);e<s.length;e++){if(i.indexOf(s[e])<0&&Object.prototype.propertyIsEnumerable.call(t,s[e]))o[s[e]]=t[s[e]]}return o};const p={background:{backgroundImage:"",backgroundColor:""},headerBackgroundColor:"",fontFamily:"",helperText:{variant:"",fontFamily:""},questionText:{variant:"",fontFamily:""},titleText:{variant:"",fontFamily:""},paragraphText:{variant:"",fontFamily:""}};const m={title:"",sectionText:"",sectionProperties:"{}",formQuestions:[]};const f=class{constructor(i){t(this,i);this.formMetadata={};this.formSections=[];this.formSectionsDraft=[];this.isNewForm=true;this.isMostRecentFormVersion=false;this.isError=false;this.isLoading=false;this.isShowStyleOverrides=false;this.isStyleSheetOpen=false;this.isDialogOpen=false;this.showMenuAtIndex=null;this.editingQuestion=null;this.editingSection=null;this.isQuestionEditorOpen=false;this.isSectionEditorOpen=false;this.dialogMessage="Are you sure you want to delete this?";this.sortableInstances=[];this.pageBuilderId="c77aa2c8-f8b8-41af-aa77-c8612fc918c1";this.toggleStyleSheet=()=>{this.isStyleSheetOpen=!this.isStyleSheetOpen};this.getQuestionTypeName=t=>{const i=e.find((i=>i.fieldTypeId===t));return i?i.questionTypeName:"Unknown"};this.getIsContainsOptionItems=t=>{const i=e.find((i=>i.fieldTypeId===t));return i?i.isContainsOptionItems||false:false};this.getIconForQuestion=t=>{const i=e.find((i=>i.fieldTypeId===t));return i?i.icon:null};this.handleQuestionDelete=(t,i)=>{const o=n(this.formSections);o[t].formQuestions.splice(i,1);this.formSections=o};this.handleQuestionCopy=(t,i)=>{const o=n(this.formSections);const s=this.formSections[t].formQuestions[i];const e=Object.assign(Object.assign({},s),{questionText:(s.questionText||"")+" (Copy)",id:d()});o[t].formQuestions.splice(i+1,0,e);this.formSections=o};this.handleQuestionClick=(t,i)=>{this.editingQuestion={sIndex:t,qIndex:i};this.isQuestionEditorOpen=true;this.formSectionsDraft=n(this.formSections)};this.closeQuestionEditor=()=>{this.isQuestionEditorOpen=false;this.editingQuestion=null;this.formSectionsDraft=null};this.addQuestionOfType=(t,i,o)=>{const s={questionTypeName:t.questionTypeName,fieldTypeId:t.fieldTypeId,fieldProperties:t.defaultFieldProperties,helperText:"",questionText:"",section:i!==undefined?i+1:this.formSections.length>0?this.formSections[this.formSections.length-1].formQuestions[0].section:1,isContainsOptionItems:t.isContainsOptionItems,icon:t.icon,required:true,form:null,isPrivate:true,id:d()};const e=n(this.formSections);let r=i;let a=o;if(i!==undefined&&o!==undefined){if(e[i].formQuestions){e[i].formQuestions.splice(o,0,s)}else{const t=e.length-1;e[t].formQuestions.push(s);r=t;a=e[t].formQuestions.length-1}}else{const t=e.length-1;if(t<0||e[t].formQuestions.length===0){e.push(Object.assign(Object.assign({},m),{formQuestions:[s]}));r=e.length-1;a=0}else{e[t].formQuestions.push(s);r=t;a=e[t].formQuestions.length-1}}this.formSectionsDraft=e;if(this.showMenuAtIndex)this.showMenuAtIndex=null;return{sIndex:r,qIndex:a}};this.handleSectionMoveDown=t=>{if(t>=this.formSections.length-1)return;const i=[...this.formSections];[i[t],i[t+1]]=[i[t+1],i[t]];this.formSections=i};this.handleSectionMoveUp=t=>{if(t<=0)return;const i=[...this.formSections];[i[t],i[t-1]]=[i[t-1],i[t]];this.formSections=i};this.handleSectionDelete=t=>{const i=[...this.formSections];i.splice(t,1);this.formSections=i};this.updateFormSectionsWithDraft=()=>{this.formSections=this.formSectionsDraft;this.formSectionsDraft=null};this.hasUnsavedFormSectionsChanges=()=>JSON.stringify(this.formSections)!==JSON.stringify(this.formSectionsDraft);this.handleSectionEditClick=t=>{this.editingSection={sIndex:t};this.isSectionEditorOpen=true;this.formSectionsDraft=n(this.formSections)};this.closeSectionEditor=()=>{this.isSectionEditorOpen=false;this.editingSection=null;this.formSectionsDraft=null}}async initializeForm(){this.formMetadata.isPrivate=true;this.formMetadata.tenantId=c();this.formMetadata.type=1;this.formMetadata.version=1;this.formMetadata.name="Form Name";this.formMetadata.description="Form Description";this.formMetadata.styleOverrides=p;try{this.isLoading=true;const t=await s("GET",a.productV1ApiUrl+"/UdpLookup");if(!t){throw new Error(`Error fetching lookup data`)}this.lookupOptionsDataProcessed=t.map((t=>Object.assign(Object.assign({},t),{value:t.id,label:t.name})));if(this.formId&&this.version){const t=await s("GET",`${a.productV1ApiUrl}/UdpForm/${this.formId}/${this.version}/describe`);const i=await s("GET",`${a.productV1ApiUrl}/UdpForm/${this.formId}/describe`);this.isNewForm=false;if(!t||!i||!t.id||!i){throw new Error(`Error fetching form data`)}if(t.id==i.id&&t.version==i.version){this.isMostRecentFormVersion=true}const o=structuredClone(t.udpFormUdpFormSection).map((t=>Object.assign(Object.assign({},t),{formQuestions:[]})));o.forEach((t=>{if(!t.sectionProperties){t.sectionProperties={}}else{t.sectionProperties=JSON.parse(t.sectionProperties)}}));t.formQuestions.forEach((t=>{const i=o.find((i=>i.id===t.formSectionId));if(i){const o=Object.assign({},t.fieldProperties);if("lookupId"in o&&"items"in o){delete o.items}i.formQuestions.push(Object.assign(Object.assign({},t),{fieldProperties:o,questionTypeName:this.getQuestionTypeName(t.fieldTypeId),isContainsOptionItems:this.getIsContainsOptionItems(t.fieldTypeId),icon:this.getIconForQuestion(t.fieldTypeId)}))}}));o.forEach((t=>{t.formQuestions.sort(((t,i)=>t.questionOrder-i.questionOrder))}));o.sort(((t,i)=>t.order-i.order));const e=u(t,[]);e.styleOverrides=this.deepMerge(p,JSON.parse(e.styleOverrides)||{});this.formMetadata=e;this.formSections=o;this.isLoading=false}}catch(t){this.isError=true;this.enqueueSnackbar("Error loading form data",{variant:"error",anchorOrigin:{vertical:"top",horizontal:"center"}})}finally{this.isLoading=false}}async submitForm(){this.isLoading=true;try{if(!this.validateForm());const t={name:this.formMetadata.name,description:this.formMetadata.description,tenantId:this.formMetadata.tenantId,isPrivate:this.formMetadata.isPrivate,type:this.formMetadata.type,styleOverrides:JSON.stringify(this.formMetadata.styleOverrides),id:this.formMetadata.id,version:this.formMetadata.version};const i=`${a.productV1ApiUrl}/UdpForm${this.isMostRecentFormVersion?"/versions":""}`;const o=await s("POST",i,t);const e=o.id;const n=o.version;if(!o||!o.id||!o.version){throw new Error(`Invalid form response: ${JSON.stringify(o)}`)}let r=0;let c=0;const l=[];for(const[t,i]of this.formSections.entries()){r+=1;const o=Object.assign(Object.assign({},i),{formId:e,formVersion:n,order:r,sectionProperties:JSON.stringify(i.sectionProperties)});const d=await s("POST",`${a.productV1ApiUrl}/UdpFormSection`,o);if(!d||!d.id){throw new Error(`Invalid section response: ${JSON.stringify(d)}`)}const h=d.id;for(const o of i.formQuestions){c+=1;const i=Object.assign(Object.assign({},o),{formId:e,formVersion:n,section:t+1,questionOrder:c,formSectionId:h,name:`question${c}`});const r=s("POST",`${a.productV1ApiUrl}/UdpFormQuestion`,i);l.push(r)}}await Promise.all(l);this.enqueueSnackbar("Success",{variant:"success",anchorOrigin:{vertical:"top",horizontal:"center"}});this.history.push(`/page/${this.pageBuilderId}?udpf_formId=${e}&udpf_version=${n}`)}catch(t){console.error("Form submission error:",t);this.enqueueSnackbar("Error saving form",{variant:"error",anchorOrigin:{vertical:"top",horizontal:"center"}})}finally{this.isLoading=false}}componentDidLoad(){this.initializeSortable()}componentDidUpdate(){this.initializeSortable()}componentWillLoad(){this.initializeForm()}onFormIdOrVersionChange(){this.initializeForm()}initializeSortable(){if(!(this.isNewForm||this.isMostRecentFormVersion)){return}this.sortableInstances.forEach((t=>t.destroy()));this.sortableInstances=[];this.formSections.forEach(((t,i)=>{const o=this.hostEl.shadowRoot.querySelector(`#section-${i}`);if(o){const t=new l(o,{animation:200,easing:"cubic-bezier(0.25, 1, 0.5, 1)",draggable:"udp-forms-builder-question-item",handle:".form-question-drag-handle",ghostClass:"sortable-ghost",chosenClass:"sortable-chosen",direction:"vertical",forceFallback:false,dragoverBubble:false,swapThreshold:.6,onEnd:t=>this.handleDragEnd(t,i)});this.sortableInstances.push(t)}}))}handleDragEnd(t,i){const o=t.oldIndex;const s=t.newIndex;if(o===s||o==null||s==null)return;const e=structuredClone(this.formSections[i]);const[r]=e.formQuestions.splice(o,1);e.formQuestions.splice(s,0,r);const a=n(this.formSections);a[i]=e;this.formSections=a}deepMerge(t,i){const o=Object.assign({},t);for(const s in i){if(i[s]&&typeof i[s]==="object"&&!Array.isArray(i[s])){o[s]=this.deepMerge(t[s]||{},i[s])}else{o[s]=i[s]}}return o}validateForm(){return this.validateFormMetadata()&&this.validateAllQuestions()}validateFormMetadata(){if(!this.formMetadata.title||!this.formMetadata.description){return false}return true}validateAllQuestions(){for(let t=0;t<this.formSections.length;t++){const i=this.formSections[t];for(let o=0;o<i.length;o++){if(!this.validateQuestionItem(t,o)){return false}}}return true}validateQuestionItem(t,i){const o=this.formSections[t].formQuestions[i];if(!o.questionText){return false}if(o.isContainsOptionItems){const t=o.fieldProperties;if(!(t===null||t===void 0?void 0:t.lookupId)){if(!Array.isArray(t===null||t===void 0?void 0:t.items)||t.items.length===0){return false}const i=t.items.some((t=>!t.display||!t.value));if(i){return false}}}return true}render(){if(this.isError){return i("div",null," Error With the Form Builder")}const t=this.isNewForm||this.isMostRecentFormVersion;return i("div",null,i("primary-action-header",{title:"UDP Form Builder",actionButtonLabel:t?this.isMostRecentFormVersion?`Create New Version (v.${this.version+1})`:"Create New Form":"",primaryActionClick:t?()=>this.submitForm():null,defaultActionButtons:t?[{label:"Style Overrides",clickHandler:this.toggleStyleSheet,tooltip:"Style Overrides",visible:false,icon:r("settings")}]:[],tabs:false}),i("udp-side-sheet",{open:this.isStyleSheetOpen,onUdpSideSheetClose:()=>this.isStyleSheetOpen=false,title:"Style Overrides",position:"right",width:"md"},i("udp-forms-builder-style-override",{formMetadata:this.formMetadata,onFormMetadataChange:t=>this.formMetadata=t})),i("udp-side-sheet",{open:this.isQuestionEditorOpen,onUdpSideSheetClose:()=>this.closeQuestionEditor(),onUdpPrimaryButtonClick:()=>{if(!this.hasUnsavedFormSectionsChanges()){return}this.updateFormSectionsWithDraft();this.closeQuestionEditor()},primaryButtonDisabled:!this.hasUnsavedFormSectionsChanges(),title:"Edit Question",position:"right",width:"md",primaryButtonLabel:"Update"},this.isQuestionEditorOpen&&i("div",{class:"question-editor-container"},i("question-configs-renderer",{formSectionsDraft:this.formSectionsDraft,sIndex:this.editingQuestion.sIndex,qIndex:this.editingQuestion.qIndex,isViewOnly:!t,onFormSectionsDraftChange:t=>this.formSectionsDraft=t,lookupOptions:this.lookupOptionsDataProcessed}))),i("udp-side-sheet",{open:this.isSectionEditorOpen,onUdpSideSheetClose:()=>this.closeSectionEditor(),title:"Edit Section Fields",position:"right",width:"md",primaryButtonDisabled:!this.hasUnsavedFormSectionsChanges(),primaryButtonLabel:"Update",onUdpPrimaryButtonClick:()=>{if(!this.hasUnsavedFormSectionsChanges()){return}this.updateFormSectionsWithDraft();this.closeSectionEditor()}},this.isSectionEditorOpen&&i("div",{class:"section-editor-container"},i("section-configs-renderer",{formSectionsDraft:this.formSectionsDraft,sIndex:this.editingSection.sIndex,isViewOnly:!t,onFormSectionsDraftChange:t=>this.formSectionsDraft=t}))),i("fluent-dialog",{open:this.isDialogOpen,message:this.dialogMessage,labelOne:"Confirm",labelTwo:"Cancel",actionOne:()=>this.dialogAction(),actionTwo:()=>this.isDialogOpen=false}),this.isLoading&&i("udp-linear-loader",null),!this.isLoading&&i("udp-container",{maxWidth:"lg"},i("div",{class:"udp-forms-page"},i("div",{class:"form-details-container"},i("div",{class:"form-details-name-container"},t?i("div",{class:"form-details-name-input"},i("text-field",{label:"Form Title",value:this.formMetadata.name,placeholder:" Form Title",disabled:!t,required:true,margin:"none",onInput:t=>{this.formMetadata=Object.assign(Object.assign({},this.formMetadata),{name:t.target.value})}})):i("div",{class:"form-details-name-display"},i("unity-typography",{variant:"h2"},this.formMetadata.name+" (View Only)"))),i("div",{class:"form-details-description-container"},t?i("div",{class:"form-details-details-input"},i("text-area",{label:"Form Description",value:this.formMetadata.description,placeholder:"Form Description",disabled:!t,required:true,margin:"none",onInput:t=>{this.formMetadata=Object.assign(Object.assign({},this.formMetadata),{description:t.target.value})}})):i("div",{class:"form-details-description-display"},i("unity-typography",null,this.formMetadata.description))),i("div",{class:"form-details-version-container"},i("unity-typography",null,"Version: ",this.formMetadata.version)),i("div",{class:"form-details-private-container"},i("div",{class:"toggle-container"},i("stencil-toggle",{label:"Private Form",margin:"none",disabled:!t,checked:this.formMetadata.isPrivate===true,labelPosition:"right",onToggledChange:()=>{let t=!this.formMetadata.isPrivate;this.formMetadata=Object.assign(Object.assign({},this.formMetadata),{isPrivate:t})}})))),t&&i("div",{class:"add-question-button-container"},i("udp-button",{startIcon:i("udp-icon",{iconName:"add",color:"inherit"}),onClick:()=>{const t=this.formSections.length;const i=n(this.formSections);i.push(Object.assign(Object.assign({},m),{order:t+1,title:`Section ${t+1}`}));this.formSections=i}},"Add a Section")),this.formSections.map(((o,s)=>{var a,c;return i("div",{key:s,class:"form-section"},i("div",{class:"form-section-header"},i("div",{class:"form-section-header-title"},i("unity-typography",{variant:"h6",color:"inherit"},o.title)),t&&i("div",{class:"form-section-header-actions"},s>0&&i("stencil-icon-button",{icon:r("arrowUp"),tooltip:"Move Section Up",onClick:()=>{this.handleSectionMoveUp(s)}}),s<this.formSections.length-1&&i("stencil-icon-button",{icon:r("arrowDown"),tooltip:"Move Section Down",onClick:()=>{this.handleSectionMoveDown(s)}}),i("stencil-icon-button",{icon:r("edit"),tooltip:`Edit Section Fields`,onClick:()=>this.handleSectionEditClick(s)}),i("stencil-icon-button",{icon:r("trashCan"),tooltip:"Delete Section",onClick:t=>{t.stopPropagation();this.dialogMessage="Are you sure you want to delete this section?";this.dialogAction=()=>{this.handleSectionDelete(s);this.isDialogOpen=false};this.isDialogOpen=true}}))),i("div",{class:"form-section-questions-container"},(this.isNewForm||this.isMostRecentFormVersion)&&this.showMenuAtIndex&&this.showMenuAtIndex.sIndex===s&&this.showMenuAtIndex.qIndex===0&&i("udp-forms-builder-menu",{isVisible:true,questionsTemplate:e,onAddSection:()=>{const t=this.formSections.length;const i=n(this.formSections);i.push(Object.assign(Object.assign({},m),{order:t,title:`Section ${t+1}`}));this.formSections=i;this.showMenuAtIndex={sIndex:t,qIndex:0}},onAddQuestion:t=>{const i=this.showMenuAtIndex?this.addQuestionOfType(t.detail,this.showMenuAtIndex.sIndex,this.showMenuAtIndex.qIndex):this.addQuestionOfType(t.detail);this.editingQuestion=Object.assign({},i);this.isQuestionEditorOpen=true},onCancelClick:()=>this.showMenuAtIndex=null}),i("div",{class:"form-section-questions-draggable-container",id:`section-${s}`},o.formQuestions.map(((o,e)=>i("udp-forms-builder-question-item",{key:o.id,iconName:o.icon,primaryText:`${o.questionText}`,secondaryText:o.helperText?o.helperText:null,avatarBackgroundColor:this.validateQuestionItem(s,e)?"info":"warning"},i("stencil-chip",{slot:"status-chip",text:"Required",showDelete:false,clickable:false,hidden:!o.required}),t&&i("div",{slot:"drag-and-drop"},i("div",{class:"form-question-drag-handle"},i("div",{class:"drag-wrapper"},i("stencil-icon-button",{icon:r("draggable"),tooltip:"Move Question",noBackground:true})))),i("div",{slot:"actions"},t?i("fragment",null,i("stencil-icon-button",{icon:r("edit"),tooltip:"Edit Question Details",onClick:t=>{t.stopPropagation();this.handleQuestionClick(s,e)},noBackground:true}),i("stencil-icon-button",{icon:r("copy"),tooltip:"Duplicate Question",onClick:t=>{t.stopPropagation();this.handleQuestionCopy(s,e)},noBackground:true}),i("stencil-icon-button",{icon:r("trashCan"),tooltip:"Delete Question",onClick:t=>{t.stopPropagation();this.dialogMessage="Are you sure you want to delete this question?";this.dialogAction=()=>{this.handleQuestionDelete(s,e);this.isDialogOpen=false};this.isDialogOpen=true},noBackground:true})):i("stencil-icon-button",{icon:r("view"),tooltip:"View Question Details",onClick:t=>{t.stopPropagation();this.handleQuestionClick(s,e)},noBackground:true})))))),t&&!this.showMenuAtIndex&&i("div",{class:"add-question-to-section-button-container"},i("udp-button",{variant:"text",onClick:()=>{this.showMenuAtIndex={sIndex:s,qIndex:o.formQuestions.length}},startIcon:i("udp-icon",{iconName:"add",color:"inherit"})},"Add a Question")),t&&((a=this.showMenuAtIndex)===null||a===void 0?void 0:a.sIndex)===s&&((c=this.showMenuAtIndex)===null||c===void 0?void 0:c.qIndex)===o.formQuestions.length&&o.formQuestions.length>0&&i("udp-forms-builder-menu",{isVisible:true,questionsTemplate:e,onAddSection:()=>{const t=n(this.formSections);t.splice(s+1,0,[]);this.formSections=t;this.showMenuAtIndex=null},onAddQuestion:t=>{if(this.showMenuAtIndex){const i=this.addQuestionOfType(t.detail,this.showMenuAtIndex.sIndex,this.showMenuAtIndex.qIndex);this.editingQuestion=Object.assign({},i);this.isQuestionEditorOpen=true}},onCancelClick:()=>this.showMenuAtIndex=null})))})))))}get hostEl(){return o(this)}static get watchers(){return{formId:["onFormIdOrVersionChange"],version:["onFormIdOrVersionChange"]}}};f.style=h;export{f as udp_forms_builder};
+//# sourceMappingURL=p-5ac16f81.entry.js.map