@uportal/form-builder 1.3.2 → 2.1.0

package/dist/form-builder.min.js

@@ -0,0 +1,530 @@
+/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,s=Symbol(),i=new WeakMap;let r=class{constructor(t,e,i){if(this._$cssResult$=!0,i!==s)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const s=this.t;if(e&&void 0===t){const e=void 0!==s&&1===s.length;e&&(t=i.get(s)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&i.set(s,t))}return t}toString(){return this.cssText}};const n=(t,...e)=>{const i=1===t.length?t[0]:e.reduce((e,s,i)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(s)+t[i+1],t[0]);return new r(i,t,s)},o=e?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return(t=>new r("string"==typeof t?t:t+"",void 0,s))(e)})(t):t,{is:a,defineProperty:l,getOwnPropertyDescriptor:h,getOwnPropertyNames:c,getOwnPropertySymbols:d,getPrototypeOf:u}=Object,p=globalThis,m=p.trustedTypes,f=m?m.emptyScript:"",g=p.reactiveElementPolyfillSupport,$=(t,e)=>t,b={toAttribute(t,e){switch(e){case Boolean:t=t?f:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let s=t;switch(e){case Boolean:s=null!==t;break;case Number:s=null===t?null:Number(t);break;case Object:case Array:try{s=JSON.parse(t)}catch(t){s=null}}return s}},y=(t,e)=>!a(t,e),v={attribute:!0,type:String,converter:b,reflect:!1,useDefault:!1,hasChanged:y};
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */Symbol.metadata??=Symbol("metadata"),p.litPropertyMetadata??=new WeakMap;let _=class extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=v){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(t,e),!e.noAccessor){const s=Symbol(),i=this.getPropertyDescriptor(t,s,e);void 0!==i&&l(this.prototype,t,i)}}static getPropertyDescriptor(t,e,s){const{get:i,set:r}=h(this.prototype,t)??{get(){return this[e]},set(t){this[e]=t}};return{get:i,set(e){const n=i?.call(this);r?.call(this,e),this.requestUpdate(t,n,s)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??v}static _$Ei(){if(this.hasOwnProperty($("elementProperties")))return;const t=u(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty($("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty($("properties"))){const t=this.properties,e=[...c(t),...d(t)];for(const s of e)this.createProperty(s,t[s])}const t=this[Symbol.metadata];if(null!==t){const e=litPropertyMetadata.get(t);if(void 0!==e)for(const[t,s]of e)this.elementProperties.set(t,s)}this._$Eh=new Map;for(const[t,e]of this.elementProperties){const s=this._$Eu(t,e);void 0!==s&&this._$Eh.set(s,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const s=new Set(t.flat(1/0).reverse());for(const t of s)e.unshift(o(t))}else void 0!==t&&e.push(o(t));return e}static _$Eu(t,e){const s=e.attribute;return!1===s?void 0:"string"==typeof s?s:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(t=>this.enableUpdating=t),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(t=>t(this))}addController(t){(this._$EO??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const s of e.keys())this.hasOwnProperty(s)&&(t.set(s,this[s]),delete this[s]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const s=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((s,i)=>{if(e)s.adoptedStyleSheets=i.map(t=>t instanceof CSSStyleSheet?t:t.styleSheet);else for(const e of i){const i=document.createElement("style"),r=t.litNonce;void 0!==r&&i.setAttribute("nonce",r),i.textContent=e.cssText,s.appendChild(i)}})(s,this.constructor.elementStyles),s}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(t=>t.hostConnected?.())}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach(t=>t.hostDisconnected?.())}attributeChangedCallback(t,e,s){this._$AK(t,s)}_$ET(t,e){const s=this.constructor.elementProperties.get(t),i=this.constructor._$Eu(t,s);if(void 0!==i&&!0===s.reflect){const r=(void 0!==s.converter?.toAttribute?s.converter:b).toAttribute(e,s.type);this._$Em=t,null==r?this.removeAttribute(i):this.setAttribute(i,r),this._$Em=null}}_$AK(t,e){const s=this.constructor,i=s._$Eh.get(t);if(void 0!==i&&this._$Em!==i){const t=s.getPropertyOptions(i),r="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:b;this._$Em=i;const n=r.fromAttribute(e,t.type);this[i]=n??this._$Ej?.get(i)??n,this._$Em=null}}requestUpdate(t,e,s){if(void 0!==t){const i=this.constructor,r=this[t];if(s??=i.getPropertyOptions(t),!((s.hasChanged??y)(r,e)||s.useDefault&&s.reflect&&r===this._$Ej?.get(t)&&!this.hasAttribute(i._$Eu(t,s))))return;this.C(t,e,s)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(t,e,{useDefault:s,reflect:i,wrapped:r},n){s&&!(this._$Ej??=new Map).has(t)&&(this._$Ej.set(t,n??e??this[t]),!0!==r||void 0!==n)||(this._$AL.has(t)||(this.hasUpdated||s||(e=void 0),this._$AL.set(t,e)),!0===i&&this._$Em!==t&&(this._$Eq??=new Set).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,e]of this._$Ep)this[t]=e;this._$Ep=void 0}const t=this.constructor.elementProperties;if(t.size>0)for(const[e,s]of t){const{wrapped:t}=s,i=this[e];!0!==t||this._$AL.has(e)||void 0===i||this.C(e,void 0,s,i)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),this._$EO?.forEach(t=>t.hostUpdate?.()),this.update(e)):this._$EM()}catch(e){throw t=!1,this._$EM(),e}t&&this._$AE(e)}willUpdate(t){}_$AE(t){this._$EO?.forEach(t=>t.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&=this._$Eq.forEach(t=>this._$ET(t,this[t])),this._$EM()}updated(t){}firstUpdated(t){}};_.elementStyles=[],_.shadowRootOptions={mode:"open"},_[$("elementProperties")]=new Map,_[$("finalized")]=new Map,g?.({ReactiveElement:_}),(p.reactiveElementVersions??=[]).push("2.1.1");
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const A=globalThis,x=A.trustedTypes,w=x?x.createPolicy("lit-html",{createHTML:t=>t}):void 0,S="$lit$",E=`lit$${Math.random().toFixed(9).slice(2)}$`,C="?"+E,k=`<${C}>`,F=document,O=()=>F.createComment(""),U=t=>null===t||"object"!=typeof t&&"function"!=typeof t,P=Array.isArray,j="[ \t\n\f\r]",D=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,M=/-->/g,N=/>/g,T=RegExp(`>|${j}(?:([^\\s"'>=/]+)(${j}*=${j}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),R=/'/g,I=/"/g,z=/^(?:script|style|textarea|title)$/i,H=(t=>(e,...s)=>({_$litType$:t,strings:e,values:s}))(1),q=Symbol.for("lit-noChange"),B=Symbol.for("lit-nothing"),V=new WeakMap,L=F.createTreeWalker(F,129);function W(t,e){if(!P(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==w?w.createHTML(e):e}const J=(t,e)=>{const s=t.length-1,i=[];let r,n=2===e?"<svg>":3===e?"<math>":"",o=D;for(let e=0;e<s;e++){const s=t[e];let a,l,h=-1,c=0;for(;c<s.length&&(o.lastIndex=c,l=o.exec(s),null!==l);)c=o.lastIndex,o===D?"!--"===l[1]?o=M:void 0!==l[1]?o=N:void 0!==l[2]?(z.test(l[2])&&(r=RegExp("</"+l[2],"g")),o=T):void 0!==l[3]&&(o=T):o===T?">"===l[0]?(o=r??D,h=-1):void 0===l[1]?h=-2:(h=o.lastIndex-l[2].length,a=l[1],o=void 0===l[3]?T:'"'===l[3]?I:R):o===I||o===R?o=T:o===M||o===N?o=D:(o=T,r=void 0);const d=o===T&&t[e+1].startsWith("/>")?" ":"";n+=o===D?s+k:h>=0?(i.push(a),s.slice(0,h)+S+s.slice(h)+E+d):s+E+(-2===h?e:d)}return[W(t,n+(t[s]||"<?>")+(2===e?"</svg>":3===e?"</math>":"")),i]};class Z{constructor({strings:t,_$litType$:e},s){let i;this.parts=[];let r=0,n=0;const o=t.length-1,a=this.parts,[l,h]=J(t,e);if(this.el=Z.createElement(l,s),L.currentNode=this.el.content,2===e||3===e){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(i=L.nextNode())&&a.length<o;){if(1===i.nodeType){if(i.hasAttributes())for(const t of i.getAttributeNames())if(t.endsWith(S)){const e=h[n++],s=i.getAttribute(t).split(E),o=/([.?@])?(.*)/.exec(e);a.push({type:1,index:r,name:o[2],strings:s,ctor:"."===o[1]?X:"?"===o[1]?tt:"@"===o[1]?et:Q}),i.removeAttribute(t)}else t.startsWith(E)&&(a.push({type:6,index:r}),i.removeAttribute(t));if(z.test(i.tagName)){const t=i.textContent.split(E),e=t.length-1;if(e>0){i.textContent=x?x.emptyScript:"";for(let s=0;s<e;s++)i.append(t[s],O()),L.nextNode(),a.push({type:2,index:++r});i.append(t[e],O())}}}else if(8===i.nodeType)if(i.data===C)a.push({type:2,index:r});else{let t=-1;for(;-1!==(t=i.data.indexOf(E,t+1));)a.push({type:7,index:r}),t+=E.length-1}r++}}static createElement(t,e){const s=F.createElement("template");return s.innerHTML=t,s}}function K(t,e,s=t,i){if(e===q)return e;let r=void 0!==i?s._$Co?.[i]:s._$Cl;const n=U(e)?void 0:e._$litDirective$;return r?.constructor!==n&&(r?._$AO?.(!1),void 0===n?r=void 0:(r=new n(t),r._$AT(t,s,i)),void 0!==i?(s._$Co??=[])[i]=r:s._$Cl=r),void 0!==r&&(e=K(t,r._$AS(t,e.values),r,i)),e}class Y{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:s}=this._$AD,i=(t?.creationScope??F).importNode(e,!0);L.currentNode=i;let r=L.nextNode(),n=0,o=0,a=s[0];for(;void 0!==a;){if(n===a.index){let e;2===a.type?e=new G(r,r.nextSibling,this,t):1===a.type?e=new a.ctor(r,a.name,a.strings,this,t):6===a.type&&(e=new st(r,this,t)),this._$AV.push(e),a=s[++o]}n!==a?.index&&(r=L.nextNode(),n++)}return L.currentNode=F,i}p(t){let e=0;for(const s of this._$AV)void 0!==s&&(void 0!==s.strings?(s._$AI(t,s,e),e+=s.strings.length-2):s._$AI(t[e])),e++}}class G{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,s,i){this.type=2,this._$AH=B,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=s,this.options=i,this._$Cv=i?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===t?.nodeType&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=K(this,t,e),U(t)?t===B||null==t||""===t?(this._$AH!==B&&this._$AR(),this._$AH=B):t!==this._$AH&&t!==q&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):(t=>P(t)||"function"==typeof t?.[Symbol.iterator])(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==B&&U(this._$AH)?this._$AA.nextSibling.data=t:this.T(F.createTextNode(t)),this._$AH=t}$(t){const{values:e,_$litType$:s}=t,i="number"==typeof s?this._$AC(t):(void 0===s.el&&(s.el=Z.createElement(W(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===i)this._$AH.p(e);else{const t=new Y(i,this),s=t.u(this.options);t.p(e),this.T(s),this._$AH=t}}_$AC(t){let e=V.get(t.strings);return void 0===e&&V.set(t.strings,e=new Z(t)),e}k(t){P(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let s,i=0;for(const r of t)i===e.length?e.push(s=new G(this.O(O()),this.O(O()),this,this.options)):s=e[i],s._$AI(r),i++;i<e.length&&(this._$AR(s&&s._$AB.nextSibling,i),e.length=i)}_$AR(t=this._$AA.nextSibling,e){for(this._$AP?.(!1,!0,e);t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t))}}class Q{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,s,i,r){this.type=1,this._$AH=B,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=r,s.length>2||""!==s[0]||""!==s[1]?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=B}_$AI(t,e=this,s,i){const r=this.strings;let n=!1;if(void 0===r)t=K(this,t,e,0),n=!U(t)||t!==this._$AH&&t!==q,n&&(this._$AH=t);else{const i=t;let o,a;for(t=r[0],o=0;o<r.length-1;o++)a=K(this,i[s+o],e,o),a===q&&(a=this._$AH[o]),n||=!U(a)||a!==this._$AH[o],a===B?t=B:t!==B&&(t+=(a??"")+r[o+1]),this._$AH[o]=a}n&&!i&&this.j(t)}j(t){t===B?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class X extends Q{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===B?void 0:t}}class tt extends Q{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==B)}}class et extends Q{constructor(t,e,s,i,r){super(t,e,s,i,r),this.type=5}_$AI(t,e=this){if((t=K(this,t,e,0)??B)===q)return;const s=this._$AH,i=t===B&&s!==B||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,r=t!==B&&(s===B||i);i&&this.element.removeEventListener(this.name,this,s),r&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}}class st{constructor(t,e,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=s}get _$AU(){return this._$AM._$AU}_$AI(t){K(this,t)}}const it=A.litHtmlPolyfillSupport;it?.(Z,G),(A.litHtmlVersions??=[]).push("3.3.1");const rt=globalThis;
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */class nt extends _{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=((t,e,s)=>{const i=s?.renderBefore??e;let r=i._$litPart$;if(void 0===r){const t=s?.renderBefore??null;i._$litPart$=r=new G(e.insertBefore(O(),t),t,void 0,s??{})}return r._$AI(t),r})(e,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return q}}nt._$litElement$=!0,nt.finalized=!0,rt.litElementHydrateSupport?.({LitElement:nt});const ot=rt.litElementPolyfillSupport;ot?.({LitElement:nt}),(rt.litElementVersions??=[]).push("4.2.1");class at extends Error{}function lt(t){let e=t.replace(/-/g,"+").replace(/_/g,"/");switch(e.length%4){case 0:break;case 2:e+="==";break;case 3:e+="=";break;default:throw new Error("base64 string is not of the correct length")}try{return function(t){return decodeURIComponent(atob(t).replace(/(.)/g,(t,e)=>{let s=e.charCodeAt(0).toString(16).toUpperCase();return s.length<2&&(s="0"+s),"%"+s}))}(e)}catch(t){return atob(e)}}at.prototype.name="InvalidTokenError";class ht extends nt{static properties={fbmsBaseUrl:{type:String,attribute:"fbms-base-url"},fbmsFormFname:{type:String,attribute:"fbms-form-fname"},oidcUrl:{type:String,attribute:"oidc-url"},customStyles:{type:String,attribute:"styles"},schema:{type:Object,state:!0},_formData:{type:Object,state:!0},uiSchema:{type:Object,state:!0},fbmsFormVersion:{type:String,state:!0},loading:{type:Boolean,state:!0},submitting:{type:Boolean,state:!0},error:{type:String,state:!0},token:{type:String,state:!0},decoded:{type:Object,state:!0},submitSuccess:{type:Boolean,state:!0},validationFailed:{type:Boolean,state:!0},initialFormData:{type:Object,state:!0},hasChanges:{type:Boolean,state:!0},submissionStatus:{type:Object,state:!0},formCompleted:{type:Boolean,state:!0},submissionError:{type:String,state:!0}};static styles=n`
+    :host {
+      display: block;
+      font-family:
+        -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
+    }
+
+    .container {
+      max-width: 800px;
+      margin: 0 auto;
+      padding: 20px;
+    }
+
+    .loading {
+      text-align: center;
+      padding: 40px;
+      color: #666;
+    }
+
+    .error {
+      background-color: #fee;
+      border: 1px solid #fcc;
+      border-radius: 4px;
+      padding: 15px;
+      margin: 20px 0;
+      color: #c00;
+    }
+
+    form {
+      display: flex;
+      flex-direction: column;
+      gap: 20px;
+    }
+
+    .form-group {
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+      margin: 14px 0px;
+    }
+
+    .nested-object {
+      margin-left: 20px;
+      padding-left: 20px;
+      border-left: 2px solid #e0e0e0;
+      margin-top: 10px;
+    }
+
+    .nested-object-title {
+      font-weight: 600;
+      color: #333;
+      margin-bottom: 10px;
+    }
+
+    .nested-object-description {
+      font-size: 0.875rem;
+      color: #666;
+      margin-bottom: 15px;
+    }
+
+    label {
+      font-weight: 500;
+      color: #333;
+    }
+
+    .required::after {
+      content: ' *';
+      color: #c00;
+    }
+
+    .description {
+      font-size: 0.875rem;
+      color: #666;
+      margin-top: 4px;
+    }
+
+    input[type='text'],
+    input[type='email'],
+    input[type='number'],
+    input[type='date'],
+    input[type='tel'],
+    textarea,
+    select {
+      padding: 8px 12px;
+      border: 1px solid #ccc;
+      border-radius: 4px;
+      font-size: 1rem;
+      font-family: inherit;
+      width: 100%;
+      box-sizing: border-box;
+    }
+
+    input:focus,
+    textarea:focus,
+    select:focus {
+      outline: none;
+      border-color: #0066cc;
+      box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.1);
+    }
+
+    select[multiple] {
+      min-height: 120px;
+      padding: 4px;
+    }
+
+    select[multiple] option {
+      padding: 4px 8px;
+    }
+
+    textarea {
+      min-height: 100px;
+      resize: vertical;
+    }
+
+    input[type='checkbox'],
+    input[type='radio'] {
+      margin-right: 8px;
+    }
+
+    fieldset {
+      border: none;
+      padding: 0;
+      margin: 0;
+      min-width: 0; /* Fix for some browsers */
+    }
+
+    legend {
+      font-weight: 700;
+      color: #333;
+      padding: 0;
+      margin-bottom: 8px;
+      font-size: 1rem;
+    }
+
+    .checkbox-group,
+    .radio-group {
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+    }
+
+    .checkbox-item,
+    .radio-item {
+      display: flex;
+      align-items: center;
+    }
+
+    .checkbox-group.inline,
+    .radio-group.inline {
+      flex-direction: row;
+      flex-wrap: wrap;
+      gap: 16px;
+    }
+
+    .checkbox-group.inline .checkbox-item,
+    .radio-group.inline .radio-item {
+      margin-right: 0;
+    }
+
+    .error-message {
+      color: #c00;
+      font-size: 0.875rem;
+      margin-top: 4px;
+    }
+
+    .buttons {
+      display: flex;
+      gap: 12px;
+      margin-top: 20px;
+    }
+
+    button {
+      padding: 10px 20px;
+      border: none;
+      border-radius: 4px;
+      font-size: 1rem;
+      cursor: pointer;
+      font-family: inherit;
+      transition: background-color 0.2s;
+    }
+
+    button[type='submit'] {
+      background-color: #0066cc;
+      color: white;
+    }
+
+    button[type='submit']:hover {
+      background-color: #0052a3;
+    }
+
+    button[type='button'] {
+      background-color: #c0c0c0;
+      color: #333;
+    }
+
+    button[type='button']:hover {
+      background-color: #e0e0e0;
+    }
+
+    button:disabled {
+      opacity: 0.5;
+      cursor: not-allowed;
+    }
+
+    .spinner {
+      display: inline-block;
+      width: 1em;
+      height: 1em;
+      border: 2px solid rgba(255, 255, 255, 0.3);
+      border-radius: 50%;
+      border-top-color: white;
+      animation: spin 0.8s linear infinite;
+      margin-right: 8px;
+      vertical-align: middle;
+    }
+
+    @keyframes spin {
+      to {
+        transform: rotate(360deg);
+      }
+    }
+
+    .button-content {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+    }
+
+    .status-message {
+      padding: 12px 16px;
+      border-radius: 4px;
+      margin-bottom: 20px;
+      font-weight: 500;
+    }
+
+    .status-message.success {
+      background-color: #d4edda;
+      border: 1px solid #c3e6cb;
+      color: #155724;
+    }
+
+    .status-message.validation-error {
+      background-color: #fff3cd;
+      border: 1px solid #ffeaa7;
+      color: #856404;
+    }
+
+    .status-message.error {
+      background-color: #f8d7da;
+      border: 1px solid #f5c6cb;
+      color: #721c24;
+    }
+
+    .status-message ul {
+      margin: 8px 0 0 0;
+      padding-left: 20px;
+    }
+
+    .status-message li {
+      margin: 4px 0;
+    }
+
+    form.submitting input,
+    form.submitting textarea,
+    form.submitting select,
+    form.submitting button:not([type='submit']) {
+      opacity: 0.6;
+      pointer-events: none;
+      cursor: not-allowed;
+    }
+
+    .info-only {
+      padding: 20px 0;
+    }
+
+    .info-only p {
+      line-height: 1.6;
+      color: #333;
+    }
+
+    .info-label {
+      font-weight: 500;
+      color: #333;
+      display: block;
+    }
+  `;get formData(){return this._formData}set formData(t){const e=this._formData;this._formData=t,this.requestUpdate("formData",e),this.updateStateFlags()}getCustomErrorMessage(t,e){const s=t.split(".");let i=this.schema;for(const t of s)if(i=i?.properties?.[t],!i)return null;return i?.messages?.[e]??null}constructor(){super(),this.loading=!0,this.submitting=!1,this.error=null,this.schema=null,this._formData={},this.uiSchema=null,this.fbmsFormVersion=null,this.token=null,this.decoded={sub:"unknown"},this.fieldErrors={},this.submitSuccess=!1,this.validationFailed=!1,this.initialFormData={},this.hasChanges=!1,this.submissionStatus=null,this.formCompleted=!1,this.submissionError=null}async connectedCallback(){super.connectedCallback(),await this.initialize()}async initialize(){try{this.loading=!0,this.error=null,this.oidcUrl&&await this.fetchToken(),await Promise.all([this.fetchSchema(),this.fetchFormData()]),this.loading=!1}catch(t){this.error=t.message||"Failed to initialize form",this.loading=!1}}deepClone(t){if(null==t)return t;if("function"==typeof structuredClone)try{return structuredClone(t)}catch(t){console.warn("structuredClone failed, falling back to manual clone:",t)}if(t instanceof Date)return new Date(t.getTime());if(Array.isArray(t))return t.map(t=>this.deepClone(t));if("object"==typeof t){const e={};for(const s in t)Object.prototype.hasOwnProperty.call(t,s)&&(e[s]=this.deepClone(t[s]));return e}return t}deepEqual(t,e){if(t===e)return!0;if(null===t||null===e)return!1;if(void 0===t||void 0===e)return!1;if(t instanceof Date&&e instanceof Date)return t.getTime()===e.getTime();if(t instanceof Date||e instanceof Date)return!1;if(Array.isArray(t)&&Array.isArray(e))return t.length===e.length&&t.every((t,s)=>this.deepEqual(t,e[s]));if("object"==typeof t&&"object"==typeof e){const s=Object.keys(t),i=Object.keys(e);return s.length===i.length&&s.every(s=>this.deepEqual(t[s],e[s]))}return!1}async fetchToken(){try{const t=await fetch(this.oidcUrl,{credentials:"include"});if(!t.ok)throw new Error("Failed to authenticate");const e=await t.text();this.token=e;try{this.decoded=function(t,e){if("string"!=typeof t)throw new at("Invalid token specified: must be a string");e||(e={});const s=!0===e.header?0:1,i=t.split(".")[s];if("string"!=typeof i)throw new at(`Invalid token specified: missing part #${s+1}`);let r;try{r=lt(i)}catch(t){throw new at(`Invalid token specified: invalid base64 for part #${s+1} (${t.message})`)}try{return JSON.parse(r)}catch(t){throw new at(`Invalid token specified: invalid json for part #${s+1} (${t.message})`)}}(this.token)}catch(t){console.warn("Security Token failed to decode -- setting user to unknown"),this.decoded={sub:"unknown"}}}catch(t){throw console.error("Token fetch error:",t),new Error("Authentication failed")}}async fetchSchema(){const t=`${this.fbmsBaseUrl}/api/v1/forms/${this.fbmsFormFname}`,e={"content-type":"application/jwt"};this.token&&(e.Authorization=`Bearer ${this.token}`);const s=await fetch(t,{credentials:"same-origin",headers:e});if(!s.ok)throw new Error(`Failed to fetch schema: ${s.statusText}`);const i=await s.json();this.fbmsFormVersion=i.version,this.schema=i.schema||i,this.uiSchema=i.metadata}async fetchFormData(){const t=`${this.fbmsBaseUrl}/api/v1/submissions/${this.fbmsFormFname}?safarifix=${Math.random()}`,e={"content-type":"application/jwt"};this.token&&(e.Authorization=`Bearer ${this.token}`);try{const s=await fetch(t,{credentials:"same-origin",headers:e});if(s.ok){const t=await s.json();this._formData=t?.answers??{},this.initialFormData=this.deepClone(this._formData)}else this._formData={},this.initialFormData={};this.hasChanges=!1,this.requestUpdate()}catch(t){console.warn("Could not fetch form data:",t),this._formData={},this.initialFormData={},this.hasChanges=!1,this.requestUpdate()}}updateStateFlags(){this.submitSuccess=!1,this.validationFailed=!1,this.submissionError=null,this.hasChanges=!this.deepEqual(this.formData,this.initialFormData)}getNestedValue(t){if(!t||"string"!=typeof t)return;const e=t.split(".").filter(t=>t.length>0);if(0===e.length)return;let s=this.formData;for(const t of e)s=s?.[t];return s}sanitizeId(t){"string"!=typeof t&&(t=String(t??""));let e=t.replace(/[^a-zA-Z0-9-_.]/g,"-").replace(/-+/g,"-");return e=e.replace(/^-+/,"").replace(/-+$/,""),e||(e="id"),/^[A-Za-z]/.test(e)||(e="id-"+e),e}setNestedValue(t,e){if(!t||"string"!=typeof t)return;const s=t.split(".").filter(t=>t.length>0);if(0===s.length)return;const i={...this.formData};let r=i;for(let t=0;t<s.length-1;t++){const e=s[t],i=r[e];Array.isArray(i)?r[e]=[...i]:r[e]=i&&"object"==typeof i?{...i}:{},r=r[e]}r[s[s.length-1]]=e,this.formData=i}getSchemaAtPath(t){if(!t)return this.schema;const e=t.split(".").filter(t=>t.length>0);if(0===e.length)return this.schema;let s=this.schema;for(const t of e)if(s=s.properties?.[t],!s)return null;return s}handleInputChange(t,e){const{type:s,value:i,checked:r}=e.target;this.setNestedValue(t,"checkbox"===s?r:i),this.fieldErrors[t]&&(this.fieldErrors={...this.fieldErrors},delete this.fieldErrors[t]),this.updateStateFlags()}handleArrayChange(t,e,s){const i=[...this.getNestedValue(t)||[]];i[e]=s.target.value,this.setNestedValue(t,i),this.updateStateFlags()}handleMultiSelectChange(t,e){const s=Array.from(e.target.selectedOptions).map(t=>t.value);this.setNestedValue(t,s),this.fieldErrors[t]&&(this.fieldErrors={...this.fieldErrors},delete this.fieldErrors[t]),this.updateStateFlags()}handleCheckboxArrayChange(t,e,s){const{checked:i}=s.target,r=this.getNestedValue(t)||[];let n;n=i?r.includes(e)?r:[...r,e]:r.filter(t=>t!==e),this.setNestedValue(t,n),this.fieldErrors[t]&&(this.fieldErrors={...this.fieldErrors},delete this.fieldErrors[t]),this.updateStateFlags()}validateFormFields(t,e=[],s="",i=0){if(i>10)return console.warn(`Schema nesting exceeds maximum depth of 10 at path: ${s}`),{};const r={};return e.forEach(t=>{const e=s?`${s}.${t}`:t,i=this.getNestedValue(e);if(null==i||""===i){const t=this.getCustomErrorMessage(e,"required");r[e]=t||"This field is required"}}),Object.entries(t).forEach(([t,e])=>{const n=s?`${s}.${t}`:t,o=this.getNestedValue(n);if("object"===e.type&&e.properties){const t=this.validateFormFields(e.properties,e.required||[],n,i+1);return void Object.assign(r,t)}if(null!=o&&""!==o){if("email"===e.format){if(!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(o)){const t=this.getCustomErrorMessage(n,"format")||this.getCustomErrorMessage(n,"email");r[n]=t||"Invalid email address"}}if(e.pattern){if(!new RegExp(e.pattern).test(o)){const t=this.getCustomErrorMessage(n,"pattern");r[n]=t||"Invalid format"}}if("number"===e.type||"integer"===e.type){const t=Number(o);if(isNaN(t)){const t=this.getCustomErrorMessage(n,"type");r[n]=t||"Must be a number"}else{if(void 0!==e.minimum&&t<e.minimum){const t=this.getCustomErrorMessage(n,"minimum");r[n]=t||`Must be at least ${e.minimum}`}if(void 0!==e.maximum&&t>e.maximum){const t=this.getCustomErrorMessage(n,"maximum");r[n]=t||`Must be at most ${e.maximum}`}}}if("string"===e.type){if(e.minLength&&o.length<e.minLength){const t=this.getCustomErrorMessage(n,"minLength");r[n]=t||`Must be at least ${e.minLength} characters`}if(e.maxLength&&o.length>e.maxLength){const t=this.getCustomErrorMessage(n,"maxLength");r[n]=t||`Must be at most ${e.maxLength} characters`}}}}),r}validateForm(){const{properties:t={},required:e=[]}=this.schema;return this.fieldErrors=this.validateFormFields(t,e),0===Object.keys(this.fieldErrors).length}async handleSubmit(t){if(t.preventDefault(),this.submitSuccess=!1,this.validationFailed=!1,!this.validateForm()){this.validationFailed=!0,await this.updateComplete;const t=this.shadowRoot.querySelector(".status-message.validation-error");return void(t&&t.scrollIntoView({behavior:"smooth",block:"start"}))}this.submitting||await this.submitWithRetry(!1)}async submitWithRetry(t=!1){try{t||(this.submitting=!0),this.submissionError=null,this.submissionStatus=null;const e={username:this.decoded.sub,formFname:this.fbmsFormFname,formVersion:this.fbmsFormVersion,timestamp:Date.now(),answers:this.formData},s=`${this.fbmsBaseUrl}/api/v1/submissions/${this.fbmsFormFname}`,i={"content-type":"application/json"};this.token&&(i.Authorization=`Bearer ${this.token}`);const r=await fetch(s,{method:"POST",credentials:"same-origin",headers:i,body:JSON.stringify(e)});let n=null;try{n=await r.json(),this.submissionStatus=n}catch(t){console.warn("Could not parse response as JSON:",t)}if(403===r.status&&!t)if(console.warn("Received 403, attempting to refresh token and retry..."),this.oidcUrl)try{return await this.fetchToken(),console.warn("Token refreshed successfully, retrying submission..."),await this.submitWithRetry(!0)}catch(t){throw console.error("Failed to refresh token:",t),new Error("Authentication failed: Unable to refresh token")}else console.warn("OIDC URL is not configured; cannot refresh token. Skipping retry.");if(!r.ok){if(403===r.status&&t)throw new Error("Authorization failed: Access denied even after token refresh. You may not have permission to submit this form.");const e=n?.messageHeader||n?.message||`Failed to submit form: ${r.statusText}`;throw new Error(e)}const o=r.headers?.get?r.headers.get("x-fbms-formforward"):null;if(o){console.info(`Form submitted successfully. Forwarding to next form: ${o}`),this.fbmsFormFname=o,this.submitSuccess=!0,this.formCompleted=!1,this.loading=!0;try{return void await this.initialize()}catch(t){console.error("Failed to load forwarded form:",t),this.loading=!1,this.submissionError=t?.message||"Form was submitted, but loading the next form failed."}}this.dispatchEvent(new CustomEvent("form-submit-success",{detail:{data:e},bubbles:!0,composed:!0})),this.formCompleted=!0,this.submitSuccess=!0,this.submissionError=null,this.initialFormData=this.deepClone(this.formData),this.hasChanges=!1,await this.updateComplete;const a=this.shadowRoot.querySelector(".status-message.success");a&&a.scrollIntoView({behavior:"smooth",block:"start"})}catch(t){this.submissionError=t.message||"Failed to submit form",this.dispatchEvent(new CustomEvent("form-submit-error",{detail:{error:t.message},bubbles:!0,composed:!0})),await this.updateComplete;const e=this.shadowRoot.querySelector(".status-message.error");e&&e.scrollIntoView({behavior:"smooth",block:"start"})}finally{this.submitting=!1}}handleReset(){this.formData={},this.fieldErrors={},this.requestUpdate()}renderField(t,e,s="",i=0){if(i>10)return console.warn("Schema nesting exceeds maximum depth of 10"),H`<div class="error">Schema too deeply nested</div>`;const r=s?`${s}.${t}`:t;if("object"===e.type&&e.properties)return this.renderNestedObject(t,e,s,i);if(e.enum&&1===e.enum.length)return H`
+        <div class="form-group">
+          <span class="info-label">${e.title||t}</span>
+          ${e.description?H`<span class="description">${e.description}</span>`:""}
+        </div>
+      `;const n=this.getNestedValue(r),o=this.fieldErrors[r],a=s?this.getSchemaAtPath(s):this.schema,l=a?.required?.includes(t)??!1,h=r.split(".");let c=this.uiSchema;for(const t of h)c=c?.[t];c=c||{};const d=c["ui:widget"],u="radio"===d||"checkboxes"===d;return H`
+      <div class="form-group">
+        ${u?"":H`
+              <label class="${l?"required":""}" for="${r}">
+                ${e.title||t}
+              </label>
+            `}
+        ${e.description&&!u?H` <span class="description">${e.description}</span> `:""}
+        ${this.renderInput(r,e,n,c)}
+        ${o?H` <span class="error-message">${o}</span> `:""}
+      </div>
+    `}renderNestedObject(t,e,s="",i=0){const r=s?`${s}.${t}`:t;return H`
+      <div class="nested-object">
+        ${e.title?H`<div class="nested-object-title">${e.title}</div>`:""}
+        ${e.description?H`<div class="nested-object-description">${e.description}</div>`:""}
+        ${Object.entries(e.properties).map(([t,e])=>this.renderField(t,e,r,i+1))}
+      </div>
+    `}renderInput(t,e,s,i){const{type:r,enum:n,format:o,items:a}=e,l=i["ui:widget"],h=i["ui:options"]?.inline;if(n&&1===n.length)return H``;if("array"===r&&a?.enum&&"checkboxes"===l){const i=Array.isArray(s)?s:[],r=h?"checkbox-group inline":"checkbox-group",n=t.split("."),o=n[n.length-1],l=n.slice(0,-1).join("."),c=l?this.getSchemaAtPath(l):this.schema,d=c?.required?.includes(o)??!1;return H`
+        <fieldset class="${r}">
+          <legend class="${d?"required":""}">${e.title||o}</legend>
+          ${e.description?H`<span class="description">${e.description}</span>`:""}
+          ${a.enum.map(e=>{const s=this.sanitizeId(`${t}-${e}`);return H`
+              <div class="checkbox-item">
+                <input
+                  type="checkbox"
+                  id="${s}"
+                  name="${t}"
+                  value="${e}"
+                  .checked="${i.includes(e)}"
+                  @change="${s=>this.handleCheckboxArrayChange(t,e,s)}"
+                />
+                <label for="${s}">${e}</label>
+              </div>
+            `})}
+        </fieldset>
+      `}if("array"===r&&a?.enum){const e=Array.isArray(s)?s:[];return H`
+        <select
+          id="${t}"
+          name="${t}"
+          multiple
+          size="5"
+          @change="${e=>this.handleMultiSelectChange(t,e)}"
+        >
+          ${a.enum.map(t=>H`
+              <option value="${t}" ?selected="${e.includes(t)}">${t}</option>
+            `)}
+        </select>
+      `}if(n&&"radio"===l){const i=h?"radio-group inline":"radio-group",r=t.split("."),o=r[r.length-1],a=r.slice(0,-1).join("."),l=a?this.getSchemaAtPath(a):this.schema,c=l?.required?.includes(o)??!1;return H`
+        <fieldset class="${i}">
+          <legend class="${c?"required":""}">${e.title||o}</legend>
+          ${e.description?H`<span class="description">${e.description}</span>`:""}
+          ${n.map(e=>{const i=this.sanitizeId(`${t}-${e}`);return H`
+              <div class="radio-item">
+                <input
+                  type="radio"
+                  id="${i}"
+                  name="${t}"
+                  value="${e}"
+                  .checked="${s===e}"
+                  @change="${e=>this.handleInputChange(t,e)}"
+                />
+                <label for="${i}">${e}</label>
+              </div>
+            `})}
+        </fieldset>
+      `}return n?H`
+        <select
+          id="${t}"
+          name="${t}"
+          .value="${s||""}"
+          @change="${e=>this.handleInputChange(t,e)}"
+        >
+          <option value="">-- Select --</option>
+          ${n.map(t=>H` <option value="${t}" ?selected="${s===t}">${t}</option> `)}
+        </select>
+      `:"boolean"===r?H`
+        <div class="checkbox-item">
+          <input
+            type="checkbox"
+            id="${t}"
+            name="${t}"
+            .checked="${!!s}"
+            @change="${e=>this.handleInputChange(t,e)}"
+          />
+          <label for="${t}">${e.title||t.split(".").pop()}</label>
+        </div>
+      `:"string"===r?"email"===o?H`
+          <input
+            type="email"
+            id="${t}"
+            name="${t}"
+            .value="${s||""}"
+            @input="${e=>this.handleInputChange(t,e)}"
+          />
+        `:"date"===o?H`
+          <input
+            type="date"
+            id="${t}"
+            name="${t}"
+            .value="${s||""}"
+            @input="${e=>this.handleInputChange(t,e)}"
+          />
+        `:"textarea"===i["ui:widget"]?H`
+          <textarea
+            id="${t}"
+            name="${t}"
+            .value="${s||""}"
+            @input="${e=>this.handleInputChange(t,e)}"
+          ></textarea>
+        `:H`
+        <input
+          type="text"
+          id="${t}"
+          name="${t}"
+          .value="${s||""}"
+          @input="${e=>this.handleInputChange(t,e)}"
+        />
+      `:"number"===r||"integer"===r?H`
+        <input
+          type="number"
+          id="${t}"
+          name="${t}"
+          .value="${s||""}"
+          step="${"integer"===r?"1":"any"}"
+          @input="${e=>this.handleInputChange(t,e)}"
+        />
+      `:H`
+      <input
+        type="text"
+        id="${t}"
+        name="${t}"
+        .value="${s||""}"
+        @input="${e=>this.handleInputChange(t,e)}"
+      />
+    `}render(){if(this.error)return H`
+        <div class="container">
+          <div class="error"><strong>Error:</strong> ${this.error}</div>
+        </div>
+      `;if(this.loading)return H`
+        <div class="container">
+          <div class="loading">Loading form...</div>
+        </div>
+      `;if(!this.schema||!this.schema.properties)return H`
+        <div class="container">
+          <div class="error">Invalid form schema</div>
+        </div>
+      `;if(this.formCompleted)return H`
+        ${this.customStyles?H`<style>
+              ${this.customStyles}
+            </style>`:""}
+
+        <div class="container">
+          <div class="status-message success">
+            <h2>✓ Form submitted successfully!</h2>
+            ${this.submissionStatus?.messages?.length>0?H`
+                  <ul>
+                    ${this.submissionStatus.messages.map(t=>H`<li>${t}</li>`)}
+                  </ul>
+                `:""}
+          </div>
+        </div>
+      `;const t=Object.keys(this.schema.properties).length>0;return H`
+      ${this.customStyles?H`<style>
+            ${this.customStyles}
+          </style>`:""}
+
+      <div class="container">
+        ${this.submitSuccess?H`
+              <div class="status-message success">
+                ✓ Your form was successfully submitted.
+                ${this.submissionStatus?.messages?.length>0?H`
+                      <ul>
+                        ${this.submissionStatus.messages.map(t=>H`<li>${t}</li>`)}
+                      </ul>
+                    `:""}
+              </div>
+            `:""}
+        ${t?H`
+              <form @submit="${this.handleSubmit}" class="${this.submitting?"submitting":""}">
+                ${this.schema.title?H`<h2>${this.schema.title}</h2>`:""}
+                ${this.schema.description?H`<p>${this.schema.description}</p>`:""}
+                ${this.validationFailed?H`
+                      <div class="status-message validation-error">
+                        ⚠ Please correct the errors below before submitting.
+                      </div>
+                    `:""}
+                ${this.submissionError?H`
+                      <div class="status-message error">
+                        <strong>Error:</strong> ${this.submissionError}
+                        ${this.submissionStatus?.messages?.length>0?H`
+                              <ul>
+                                ${this.submissionStatus.messages.map(t=>H`<li>${t}</li>`)}
+                              </ul>
+                            `:""}
+                      </div>
+                    `:""}
+                ${Object.entries(this.schema.properties).map(([t,e])=>this.renderField(t,e))}
+
+                <div class="buttons">
+                  <button type="submit" ?disabled="${this.submitting||!this.hasChanges}">
+                    <span class="button-content">
+                      ${this.submitting?H`<span class="spinner"></span>`:""}
+                      ${this.submitting?"Submitting...":"Submit"}
+                    </span>
+                  </button>
+                  <button type="button" @click="${this.handleReset}" ?disabled="${this.submitting}">
+                    Reset
+                  </button>
+                </div>
+              </form>
+            `:H`
+              <div class="info-only">
+                ${this.schema.title?H`<h2>${this.schema.title}</h2>`:""}
+                ${this.schema.description?H`<p>${this.schema.description}</p>`:""}
+              </div>
+            `}
+      </div>
+    `}}customElements.define("form-builder",ht);
+//# sourceMappingURL=form-builder.min.js.map