adp-web-components 0.3.13 → 0.3.14

package/dist/shift-components/p-yhCrSkom.js

@@ -1,5 +0,0 @@
-/*!
- * Built by ShiftSoftware
- * Copyright (c)
- */
-import{f as i}from"./p-Cg4V9l26.js";class t{constructor(t,s,h){this.haltValidation=!1,this.isSubmitted=!1,this.stepFormValues={},this.watchers={},this.cachedValues={},this.subscribers=[],this.validationType="onSubmit",this.subscribedFields={},this.formErrors={},this.backButtonContexts=[],this.pendingRequests={},this.openDialog=()=>{},this.subscribe=(i,t)=>{var s,h,r,e;if(this.subscribers.push({name:i,context:t}),null==t?void 0:t.partialValidation){const o=(null===(h=null===(s=this.schemaObject)||void 0===s?void 0:s.fields)||void 0===h?void 0:h[i])||(null===(e=null===(r=this.basicSchemaObject)||void 0===r?void 0:r.fields)||void 0===e?void 0:e[i]);if(o){const s=t.partialValidation(o);s&&(this.schemaObject=this.schemaObject.shape({[i]:s}))}}if(null==t?void 0:t.validate){const s=t.validate();s&&(this.schemaObject=this.schemaObject.shape({[i]:s}))}},this.unsubscribe=i=>{var t,s,h;const r=null===(t=this.basicSchemaObject)||void 0===t?void 0:t.fields[i];r?this.schemaObject=this.schemaObject.shape({[i]:r}):(null===(h=null===(s=this.schemaObject)||void 0===s?void 0:s.fields)||void 0===h?void 0:h[i])&&(this.schemaObject=this.schemaObject.omit([i])),this.subscribers=this.subscribers.filter((({name:t})=>t!==i))},this.getStepLabels=(i="en",t)=>{var s,h,r,e;t||(t=null===(s=this.formStructure)||void 0===s?void 0:s.currentStep);let o={back:"",title:"",stepCell:"",stepTitle:"",submitButton:""};try{o=null===(e=null===(r=null===(h=this.context.structure)||void 0===h?void 0:h.steps)||void 0===r?void 0:r[t-1])||void 0===e?void 0:e[i]}catch(i){}return o},this.addWatcher=(i,t)=>{this.watchers[i]||((null==i?void 0:i.trim())?this.watchers[i]=t||(({form:i})=>{i.rerender({rerenderForm:!0})}):this.watchers.all=({form:i})=>{i.rerender({rerenderForm:!0})})},this.removeWatcher=i=>{delete this.watchers[i]},this.onInput=i=>{const t=i.target;let s=t.value;"checkbox"===t.type&&(s=t.checked);const h=Object.assign(Object.assign({},this.getValues()),{[t.name]:s});this.onValuesUpdate&&this.onValuesUpdate(h),this.validateForm(t.name,s)},this.resetFormErrorMessage=()=>this.context.errorMessage="",this.getFormErrors=()=>this.formErrors,this.getFormLocale=()=>[this.context.locale,this.context.language],this.setCachedValues=i=>{this.cachedValues=i},this.getValue=i=>this.getValues()[i],this.getValues=()=>{const i=(this.context.el.shadowRoot||this.context.el).querySelector("form");if(!i)return{};const t=new FormData(i),s=Object.fromEntries(t.entries());return i.querySelectorAll("[name]").forEach((i=>{var t,h,r;const e=null===(t=this.subscribers.find((t=>t.name===i.name)))||void 0===t?void 0:t.context;if(e&&(null==e?void 0:e.getValue))s[i.name]=e.getValue();else if(i.disabled)s[i.name]=i.value;else if("file"===i.type){const t=Array.from((null==i?void 0:i.files)||[]),e=null===(r=null===(h=this.subscribers.find((t=>t.name===(null==i?void 0:i.name))))||void 0===h?void 0:h.context)||void 0===r?void 0:r.sasFiles,o=t.map(((i,t)=>(null==e?void 0:e[t])?Object.assign({name:i.name,size:i.size,type:i.type,lastModified:i.lastModified},e[t]):i));s[i.name]=o}})),Object.assign(Object.assign({},this.cachedValues),s)},this.focusFirstInput=i=>{var t;if(i.length){const s=this.context.el.shadowRoot||this.context.el,h=i.map((i=>s.querySelector(`*[name="${i.name}"]`))).filter((i=>i)).sort(((i,t)=>i.compareDocumentPosition(t)&Node.DOCUMENT_POSITION_FOLLOWING?-1:i.compareDocumentPosition(t)&Node.DOCUMENT_POSITION_PRECEDING?1:0));h[0]&&(h[0].hidden?null===(t=h[0].parentElement)||void 0===t||t.scrollIntoView({behavior:"smooth",block:"center"}):h[0].focus())}},this.hasItemInStructure=(i,t=this.context.structure)=>{var s;if(!t)return!0;if("string"==typeof t)return t===i;const{tag:h,name:r,children:e,isHidden:o,step:n}=t;return(!n||n==(null===(s=this.formStructure)||void 0===s?void 0:s.currentStep))&&(!(h!==i&&r!==i||o)||!!Array.isArray(e)&&e.some((t=>this.hasItemInStructure(i,t))))},this.updateStep=(t,s=!1)=>{var h,r,e,o,n,l;let d=this.formStructure.currentStep;s?d=t:d+=t,d<1&&(d=1),d>(null===(e=null===(r=null===(h=this.context)||void 0===h?void 0:h.structure)||void 0===r?void 0:r.steps)||void 0===e?void 0:e.length)&&(t=null===(l=null===(n=null===(o=this.context)||void 0===o?void 0:o.structure)||void 0===n?void 0:n.steps)||void 0===l?void 0:l.length),this.formStructure.currentStep=d,this.backButtonContexts.forEach((t=>i(t))),this.rerender({rerenderAll:!0})},this.submitForm=async()=>{var i,t,s,h,r,e;try{this.isSubmitted=!0,this.context.isLoading=!0,this.signal({isError:!1,disabled:!0});const o=Object.assign(Object.assign({},this.cachedValues),this.getValues()),n=this.schemaObject.describe();Object.entries(n.fields).filter((([i,t])=>"boolean"===t.type)).forEach((([i])=>{o[i]="string"==typeof o[i]&&"true"===o[i]}));const l=Object.keys(this.schemaObject.fields).filter((i=>!this.hasItemInStructure(i))),d=await this.schemaObject.omit(l).validate(o,{abortEarly:!1,context:this.requiredContext});(null===(t=null===(i=this.context)||void 0===i?void 0:i.structure)||void 0===t?void 0:t.steps)?(this.stepFormValues=Object.assign(Object.assign({},null==this?void 0:this.stepFormValues),d),(null===(r=null===(h=null===(s=this.context)||void 0===s?void 0:s.structure)||void 0===h?void 0:h.steps)||void 0===r?void 0:r.length)===(null===(e=this.formStructure)||void 0===e?void 0:e.currentStep)?await this.context.formSubmit(this.stepFormValues):this.updateStep(1)):await this.context.formSubmit(d)}catch(i){if("ValidationError"===i.name){this.formErrors={};const t=[];i.inner.forEach((i=>{i.path&&(this.formErrors[i.path]=i.message,t.find((t=>t.name===i.path))||t.push({isError:!0,name:i.path,errorMessage:i.message}))})),console.log(this.formErrors),this.signal(t),this.focusFirstInput(t),this.rerender({rerenderAll:!0,rerenderForm:!0})}else console.error("Unexpected Error:",i)}finally{this.signal({disabled:!1}),this.context.isLoading=!1}},this.onSubmit=i=>{i.preventDefault(),this.submitForm()},this.submit=()=>{this.submitForm()},this.getRequiredContext=()=>{var i,t;const s={};try{return(null===(i=this.context.structure)||void 0===i?void 0:i.requiredContext)?(Object.entries(null===(t=this.context.structure)||void 0===t?void 0:t.requiredContext).forEach((([i,t])=>{s[`${i}Required`]=t})),s):s}catch(i){return s}},this.getInputState=i=>{const t=this.schemaObject.resolve({context:this.requiredContext}),s=t.describe().fields[i];let h=!1;try{t.validateSyncAt(i,{[i]:void 0},{context:this.requiredContext})}catch(i){h=!0}return this.subscribedFields[i]||(this.subscribedFields[i]={name:i,isRequired:h,isError:!1,disabled:!1,errorMessage:"",continuousValidation:!1,meta:null==s?void 0:s.meta}),this.subscribedFields[i]},this.signal=i=>{Array.isArray(i)?i.forEach((i=>{this.subscribedFields[i.name]&&Object.assign(this.subscribedFields[i.name],i)})):Object.values(this.subscribedFields).forEach((t=>Object.assign(t,i)))},this.validateInput=i=>{const t=this.getValues()[i]||"";return this.validateForm(i,t,!1)},this.rerender=({inputName:t,rerenderAll:s,rerenderForm:h})=>{var r;if(h&&(i(this.context),(null==this?void 0:this.formStructure)&&i(null==this?void 0:this.formStructure)),s)this.subscribers.forEach((t=>i(t.context)));else if(t){const s=null===(r=this.subscribers.find((i=>i.name===t)))||void 0===r?void 0:r.context;i(s)}},this.validateForm=(i,t,s=!0)=>{var h,r;if(setTimeout((()=>{const s=Object.assign(Object.assign({},this.getValues()),{[i]:t}),h=this.watchers[i];h&&h({form:this,values:s}),this.watchers.all&&this.watchers.all({form:this,values:s})}),50),s){if(this.haltValidation)return;if(!this.isSubmitted&&"always"!==this.validationType&&!(null===(h=this.subscribedFields[i])||void 0===h?void 0:h.continuousValidation))return}const e=null===(r=this.subscribedFields[i])||void 0===r?void 0:r.isError;try{return this.schemaObject.fields[i].validateSync(t,{context:this.requiredContext}),this.signal([{name:i,isError:!1}]),!1!==e&&this.rerender({inputName:i||"",rerenderForm:!0}),{isError:!1,errorMessage:""}}catch(t){if(t.message)return this.signal([{name:i,isError:!0,errorMessage:t.message}]),this.rerender({inputName:i||"",rerenderForm:!0}),{isError:!0,errorMessage:t.message}}finally{try{this.subscribedFields[i].continuousValidation=!0}catch(i){}}},this.context=t,this.schemaObject=s,this.basicSchemaObject=s,this.formController={onSubmit:this.onSubmit,onInput:this.onInput},(null==h?void 0:h.validationType)&&(this.validationType=h.validationType),this.requiredContext=this.getRequiredContext()}reset(){this.haltValidation=!0,this.updateStep(1,!0),this.stepFormValues={},this.subscribers.forEach((i=>{var t,s;(null===(t=i.context)||void 0===t?void 0:t.reset)&&(null===(s=i.context)||void 0===s||s.reset())})),this.pendingRequests={},this.isSubmitted=!1,this.signal({isError:!1,disabled:!1}),setTimeout((()=>{this.haltValidation=!1,setTimeout((()=>{this.rerender({rerenderForm:!0,rerenderAll:!0})}),50)}),50)}}const s={en:"en",english:"en",ar:"ar",arabic:"ar",ku:"ku",ckb:"ku",kurdish:"ku",sorani:"ku",ru:"ru",russian:"ru"};function h(){if("undefined"==typeof window)return"en";const{pathname:i,search:t}=window.location,h=new URLSearchParams(t),r=h.get("lang")||h.get("lng")||h.get("language");if(r){const i=r.toLowerCase();if(s[i])return s[i]}const e=i.toLowerCase();for(const i in s)if(e.includes(`/${i}`))return s[i];return"en"}export{t as F,h as g}