@stonecrop/aform 0.3.10 → 0.3.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/aform.js +718 -500
- package/dist/aform.js.map +1 -1
- package/dist/aform.umd.cjs +2 -2
- package/dist/aform.umd.cjs.map +1 -1
- package/dist/assets/index.css +1 -1
- package/package.json +7 -6
- package/src/components/form/ADropdown.vue +85 -78
package/dist/aform.umd.cjs
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
(function(
|
|
2
|
-
/*$vite$:1*/`,document.head.appendChild(I);const re={class:"aform_form-element"},le=["for"],ie={class:"aform_checkbox-container aform_input-field"},se=["id","readonly","required"],de=["innerHTML"],ce=e.defineComponent({__name:"ACheckbox",props:e.mergeModels({schema:{},label:{},mask:{},required:{type:Boolean},readonly:{type:Boolean},uuid:{},validation:{default:()=>({errorMessage:" "})}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const o=e.useModel(t,"modelValue");return(n,a)=>(e.openBlock(),e.createElementBlock("div",re,[e.createElementVNode("label",{class:"aform_field-label",for:n.uuid},e.toDisplayString(n.label),9,le),e.createElementVNode("span",ie,[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":a[0]||(a[0]=r=>o.value=r),type:"checkbox",id:n.uuid,class:"aform_checkbox",readonly:n.readonly,required:n.required},null,8,se),[[e.vModelCheckbox,o.value]])]),e.withDirectives(e.createElementVNode("p",{class:"aform_error",innerHTML:n.validation.errorMessage},null,8,de),[[e.vShow,n.validation.errorMessage]])]))}}),y=(t,o)=>{const n=t.__vccOpts||t;for(const[a,r]of o)n[a]=r;return n},P=y(ce,[["__scopeId","data-v-9f382ad4"]]),H=e.defineComponent({__name:"AComboBox",props:["event","cellData","tableID"],setup(t){return(o,n)=>{const a=e.resolveComponent("ATableModal");return e.openBlock(),e.createBlock(a,{event:t.event,cellData:t.cellData,class:"amodal"},{default:e.withCtx(()=>n[0]||(n[0]=[e.createElementVNode("div",null,[e.createElementVNode("input",{type:"text"}),e.createElementVNode("input",{type:"text"}),e.createElementVNode("input",{type:"text"})],-1)])),_:1},8,["event","cellData"])}}}),me=["id","disabled","required"],fe=["for"],pe=["innerHTML"],q=y(e.defineComponent({__name:"ADate",props:e.mergeModels({schema:{},label:{default:"Date"},mask:{},required:{type:Boolean},readonly:{type:Boolean},uuid:{},validation:{default:()=>({errorMessage:" "})}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const o=e.useModel(t,"modelValue",{set:r=>new Date(r).toISOString().split("T")[0]}),n=e.useTemplateRef("date"),a=()=>{n.value&&"showPicker"in HTMLInputElement.prototype&&n.value.showPicker()};return(r,i)=>(e.openBlock(),e.createElementBlock("div",null,[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":i[0]||(i[0]=l=>o.value=l),ref:"date",type:"date",id:r.uuid,disabled:r.readonly,required:r.required,onClick:a},null,8,me),[[e.vModelText,o.value]]),e.createElementVNode("label",{for:r.uuid},e.toDisplayString(r.label),9,fe),e.withDirectives(e.createElementVNode("p",{innerHTML:r.validation.errorMessage},null,8,pe),[[e.vShow,r.validation.errorMessage]])]))}}),[["__scopeId","data-v-280b3d1a"]]),ue={class:"input-wrapper"},be={id:"autocomplete-results",class:"autocomplete-results"},ge={key:0,class:"loading autocomplete-result"},he=["onClick"],O=y(e.defineComponent({__name:"ADropdown",props:e.mergeModels({label:{},items:{},isAsync:{type:Boolean}},{modelValue:{},modelModifiers:{}}),emits:e.mergeModels(["filterChanged"],["update:modelValue"]),setup(t,{emit:o}){const n=o,a=e.ref(t.items),r=e.useModel(t,"modelValue"),i=e.ref(!1),l=e.ref(0),s=e.ref(!1);e.onMounted(()=>{document.addEventListener("click",f),d()}),e.onUnmounted(()=>{document.removeEventListener("click",f)});const c=g=>{r.value=g,p()},d=()=>{r.value?a.value=t.items.filter(g=>g.toLowerCase().indexOf(r.value.toLowerCase())>-1):a.value=t.items},m=()=>{s.value=!0,t.isAsync?(i.value=!0,n("filterChanged",r.value)):d()},f=()=>{p(),l.value=0},p=()=>{s.value=!1,t.items.includes(r.value)||(r.value="")},h=()=>{l.value<a.value.length&&(l.value=l.value+1)},v=()=>{l.value>0&&(l.value=l.value-1)},E=()=>{r.value=a.value[l.value],p(),l.value=0};return(g,x)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["autocomplete",{isOpen:s.value}])},[e.createElementVNode("div",ue,[e.withDirectives(e.createElementVNode("input",{ref:"mopInput",type:"text",onInput:m,onFocus:m,"onUpdate:modelValue":x[0]||(x[0]=M=>r.value=M),onKeydown:[e.withKeys(h,["down"]),e.withKeys(v,["up"]),e.withKeys(E,["enter"])]},null,544),[[e.vModelText,r.value]]),e.withDirectives(e.createElementVNode("ul",be,[i.value?(e.openBlock(),e.createElementBlock("li",ge,"Loading results...")):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(a.value,(M,u)=>(e.openBlock(),e.createElementBlock("li",{key:u,onClick:k=>c(M),class:e.normalizeClass(["autocomplete-result",{"is-active":u===l.value}])},e.toDisplayString(M),11,he))),128))],512),[[e.vShow,s.value]]),e.createElementVNode("label",null,e.toDisplayString(g.label),1)])],2))}}),[["__scopeId","data-v-4e77785f"]]);function R(t){return e.getCurrentScope()?(e.onScopeDispose(t),!0):!1}function B(t){return typeof t=="function"?t():e.unref(t)}const ke=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const ye=t=>t!=null,we=Object.prototype.toString,_e=t=>we.call(t)==="[object Object]",ve=()=>{},C=ke?window:void 0;function A(t){var o;const n=B(t);return(o=n==null?void 0:n.$el)!=null?o:n}function S(...t){let o,n,a,r;if(typeof t[0]=="string"||Array.isArray(t[0])?([n,a,r]=t,o=C):[o,n,a,r]=t,!o)return ve;Array.isArray(n)||(n=[n]),Array.isArray(a)||(a=[a]);const i=[],l=()=>{i.forEach(m=>m()),i.length=0},s=(m,f,p,h)=>(m.addEventListener(f,p,h),()=>m.removeEventListener(f,p,h)),c=e.watch(()=>[A(o),B(r)],([m,f])=>{if(l(),!m)return;const p=_e(f)?{...f}:f;i.push(...n.flatMap(h=>a.map(v=>s(m,h,v,p))))},{immediate:!0,flush:"post"}),d=()=>{c(),l()};return R(d),d}function Ee(){const t=e.ref(!1),o=e.getCurrentInstance();return o&&e.onMounted(()=>{t.value=!0},o),t}function xe(t){const o=Ee();return e.computed(()=>(o.value,!!t()))}function De(t,o,n={}){const{window:a=C,...r}=n;let i;const l=xe(()=>a&&"MutationObserver"in a),s=()=>{i&&(i.disconnect(),i=void 0)},c=e.computed(()=>{const p=B(t),h=(Array.isArray(p)?p:[p]).map(A).filter(ye);return new Set(h)}),d=e.watch(()=>c.value,p=>{s(),l.value&&p.size&&(i=new MutationObserver(o),p.forEach(h=>i.observe(h,r)))},{immediate:!0,flush:"post"}),m=()=>i==null?void 0:i.takeRecords(),f=()=>{d(),s()};return R(f),{isSupported:l,stop:f,takeRecords:m}}function Ve(t={}){var o;const{window:n=C,deep:a=!0,triggerOnRemoval:r=!1}=t,i=(o=t.document)!=null?o:n==null?void 0:n.document,l=()=>{var d;let m=i==null?void 0:i.activeElement;if(a)for(;m!=null&&m.shadowRoot;)m=(d=m==null?void 0:m.shadowRoot)==null?void 0:d.activeElement;return m},s=e.ref(),c=()=>{s.value=l()};return n&&(S(n,"blur",d=>{d.relatedTarget===null&&c()},!0),S(n,"focus",c,!0)),r&&De(i,d=>{d.filter(m=>m.removedNodes.length).map(m=>Array.from(m.removedNodes)).flat().forEach(m=>{m===s.value&&c()})},{childList:!0,subtree:!0}),c(),s}const Me="focusin",Ce="focusout";function Ae(t,o={}){const{window:n=C}=o,a=e.computed(()=>A(t)),r=e.ref(!1),i=e.computed(()=>r.value),l=Ve(o);return!n||!l.value?{focused:i}:(S(a,Me,()=>r.value=!0),S(a,Ce,()=>r.value=!1),{focused:i})}function Se(t,{window:o=C,scrollTarget:n}={}){const a=e.ref(!1),r=()=>{if(!o)return;const i=o.document,l=A(t);if(!l)a.value=!1;else{const s=l.getBoundingClientRect();a.value=s.top<=(o.innerHeight||i.documentElement.clientHeight)&&s.left<=(o.innerWidth||i.documentElement.clientWidth)&&s.bottom>=0&&s.right>=0}};return e.watch(()=>A(t),()=>r(),{immediate:!0,flush:"post"}),o&&S(n||o,"scroll",r,{capture:!1,passive:!0}),a}const w=t=>{let o=Se(t).value;return o=o&&t.offsetHeight>0,o},_=t=>t.tabIndex>=0,U=t=>{const o=t.target;return N(o)},N=t=>{var o;let n;if(t instanceof HTMLTableCellElement){const a=(o=t.parentElement)==null?void 0:o.previousElementSibling;if(a){const r=Array.from(a.children)[t.cellIndex];r&&(n=r)}}else if(t instanceof HTMLTableRowElement){const a=t.previousElementSibling;a&&(n=a)}return n&&(!_(n)||!w(n))?N(n):n},Te=t=>{var o;const n=t.target;let a;if(n instanceof HTMLTableCellElement){const r=(o=n.parentElement)==null?void 0:o.parentElement;if(r){const i=r.firstElementChild,l=i==null?void 0:i.children[n.cellIndex];l&&(a=l)}}else if(n instanceof HTMLTableRowElement){const r=n.parentElement;if(r){const i=r.firstElementChild;i&&(a=i)}}return a&&(!_(a)||!w(a))?$(a):a},K=t=>{const o=t.target;return $(o)},$=t=>{var o;let n;if(t instanceof HTMLTableCellElement){const a=(o=t.parentElement)==null?void 0:o.nextElementSibling;if(a){const r=Array.from(a.children)[t.cellIndex];r&&(n=r)}}else if(t instanceof HTMLTableRowElement){const a=t.nextElementSibling;a&&(n=a)}return n&&(!_(n)||!w(n))?$(n):n},Be=t=>{var o;const n=t.target;let a;if(n instanceof HTMLTableCellElement){const r=(o=n.parentElement)==null?void 0:o.parentElement;if(r){const i=r.lastElementChild,l=i==null?void 0:i.children[n.cellIndex];l&&(a=l)}}else if(n instanceof HTMLTableRowElement){const r=n.parentElement;if(r){const i=r.lastElementChild;i&&(a=i)}}return a&&(!_(a)||!w(a))?N(a):a},W=t=>{const o=t.target;return L(o)},L=t=>{var o;let n;if(t.previousElementSibling)n=t.previousElementSibling;else{const a=(o=t.parentElement)==null?void 0:o.previousElementSibling;n=a==null?void 0:a.lastElementChild}return n&&(!_(n)||!w(n))?L(n):n},Y=t=>{const o=t.target;return z(o)},z=t=>{var o;let n;if(t.nextElementSibling)n=t.nextElementSibling;else{const a=(o=t.parentElement)==null?void 0:o.nextElementSibling;n=a==null?void 0:a.firstElementChild}return n&&(!_(n)||!w(n))?z(n):n},j=t=>{const o=t.target.parentElement,n=o==null?void 0:o.firstElementChild;return n&&(!_(n)||!w(n))?z(n):n},G=t=>{const o=t.target.parentElement,n=o==null?void 0:o.lastElementChild;return n&&(!_(n)||!w(n))?L(n):n},T=["alt","control","shift","meta"],Ne={ArrowUp:"up",ArrowDown:"down",ArrowLeft:"left",ArrowRight:"right"},J={"keydown.up":t=>{const o=U(t);o&&(t.preventDefault(),t.stopPropagation(),o.focus())},"keydown.down":t=>{const o=K(t);o&&(t.preventDefault(),t.stopPropagation(),o.focus())},"keydown.left":t=>{const o=W(t);t.preventDefault(),t.stopPropagation(),o&&o.focus()},"keydown.right":t=>{const o=Y(t);t.preventDefault(),t.stopPropagation(),o&&o.focus()},"keydown.control.up":t=>{const o=Te(t);o&&(t.preventDefault(),t.stopPropagation(),o.focus())},"keydown.control.down":t=>{const o=Be(t);o&&(t.preventDefault(),t.stopPropagation(),o.focus())},"keydown.control.left":t=>{const o=j(t);o&&(t.preventDefault(),t.stopPropagation(),o.focus())},"keydown.control.right":t=>{const o=G(t);o&&(t.preventDefault(),t.stopPropagation(),o.focus())},"keydown.end":t=>{const o=G(t);o&&(t.preventDefault(),t.stopPropagation(),o.focus())},"keydown.enter":t=>{if(t.target instanceof HTMLTableCellElement){t.preventDefault(),t.stopPropagation();const o=K(t);o&&o.focus()}},"keydown.shift.enter":t=>{if(t.target instanceof HTMLTableCellElement){t.preventDefault(),t.stopPropagation();const o=U(t);o&&o.focus()}},"keydown.home":t=>{const o=j(t);o&&(t.preventDefault(),t.stopPropagation(),o.focus())},"keydown.tab":t=>{const o=Y(t);o&&(t.preventDefault(),t.stopPropagation(),o.focus())},"keydown.shift.tab":t=>{const o=W(t);o&&(t.preventDefault(),t.stopPropagation(),o.focus())}};function $e(t){const o=l=>{let s=null;return l.parent&&(typeof l.parent=="string"?s=document.querySelector(l.parent):l.parent instanceof HTMLElement?s=l.parent:s=l.parent.value),s},n=l=>{var s;const c=o(l);let d=[];if(typeof l.selectors=="string")d=c?Array.from(c.querySelectorAll(l.selectors)):Array.from(document.querySelectorAll(l.selectors));else if(Array.isArray(l.selectors))for(const m of l.selectors)m instanceof HTMLElement?d.push(m):d.push(m.$el);else if(l.selectors instanceof HTMLElement)d.push(l.selectors);else if((s=l.selectors)!=null&&s.value)if(Array.isArray(l.selectors.value))for(const m of l.selectors.value)m instanceof HTMLElement?d.push(m):d.push(m.$el);else d.push(l.selectors.value);return d},a=l=>{const s=o(l);let c=[];return l.selectors?c=n(l):s&&(c=Array.from(s.children).filter(d=>_(d)&&w(d))),c},r=l=>s=>{const c=Ne[s.key]||s.key.toLowerCase();if(T.includes(c))return;const d=l.handlers||J;for(const m of Object.keys(d)){const[f,...p]=m.split(".");if(f==="keydown"&&p.includes(c)){const h=d[m],v=p.filter(g=>T.includes(g)),E=T.some(g=>{const x=g.charAt(0).toUpperCase()+g.slice(1);return s.getModifierState(x)});if(v.length>0){if(E){for(const g of T)if(p.includes(g)){const x=g.charAt(0).toUpperCase()+g.slice(1);s.getModifierState(x)&&h(s)}}}else E||h(s)}}},i=[];e.onMounted(()=>{for(const l of t){const s=o(l),c=a(l),d=r(l),m=s?[s]:c;for(const f of m){const{focused:p}=Ae(e.ref(f)),h=e.watch(p,v=>{v?f.addEventListener("keydown",d):f.removeEventListener("keydown",d)});i.push(h)}}}),e.onBeforeUnmount(()=>{for(const l of i)l()})}const Le={class:"adatepicker",tabindex:"0",ref:"datepicker"},ze={colspan:"5",tabindex:-1},Fe=["onClick","onKeydown"],Ie=6,Q=7,X=y(e.defineComponent({__name:"ADatePicker",props:{modelValue:{default:new Date},modelModifiers:{}},emits:["update:modelValue"],setup(t,{expose:o}){const n=e.useModel(t,"modelValue"),a=e.ref(new Date(n.value)),r=e.ref(a.value.getMonth()),i=e.ref(a.value.getFullYear()),l=e.ref([]),s=e.useTemplateRef("datepicker");e.onMounted(async()=>{c(),await e.nextTick();const u=document.getElementsByClassName("selectedDate");if(u.length>0)u[0].focus();else{const k=document.getElementsByClassName("todaysDate");k.length>0&&k[0].focus()}});const c=()=>{l.value=[];const u=new Date(i.value,r.value,1),k=u.getDay(),D=u.setDate(u.getDate()-k);for(const V of Array(43).keys())l.value.push(D+V*864e5)};e.watch([r,i],c);const d=()=>i.value-=1,m=()=>i.value+=1,f=()=>{r.value==0?(r.value=11,d()):r.value-=1},p=()=>{r.value==11?(r.value=0,m()):r.value+=1},h=u=>{const k=new Date;if(r.value===k.getMonth())return k.toDateString()===new Date(u).toDateString()},v=u=>new Date(u).toDateString()===new Date(a.value).toDateString(),E=(u,k)=>(u-1)*Q+k,g=(u,k)=>l.value[E(u,k)],x=u=>{n.value=a.value=new Date(l.value[u])},M=e.computed(()=>new Date(i.value,r.value,1).toLocaleDateString(void 0,{year:"numeric",month:"long"}));return $e([{parent:s,selectors:"td",handlers:{...J,"keydown.pageup":f,"keydown.shift.pageup":d,"keydown.pagedown":p,"keydown.shift.pagedown":m,"keydown.enter":()=>{}}}]),o({currentMonth:r,currentYear:i,selectedDate:a}),(u,k)=>(e.openBlock(),e.createElementBlock("div",Le,[e.createElementVNode("table",null,[e.createElementVNode("tbody",null,[e.createElementVNode("tr",null,[e.createElementVNode("td",{id:"previous-month-btn",onClick:f,tabindex:-1},"<"),e.createElementVNode("th",ze,e.toDisplayString(M.value),1),e.createElementVNode("td",{id:"next-month-btn",onClick:p,tabindex:-1},">")]),k[0]||(k[0]=e.createElementVNode("tr",{class:"days-header"},[e.createElementVNode("td",null,"M"),e.createElementVNode("td",null,"T"),e.createElementVNode("td",null,"W"),e.createElementVNode("td",null,"T"),e.createElementVNode("td",null,"F"),e.createElementVNode("td",null,"S"),e.createElementVNode("td",null,"S")],-1)),(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(Ie,D=>e.createElementVNode("tr",{key:D},[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(Q,V=>e.createElementVNode("td",{ref_for:!0,ref:"celldate",key:E(D,V),contenteditable:!1,spellcheck:!1,tabindex:0,onClick:e.withModifiers(Et=>x(E(D,V)),["prevent","stop"]),onKeydown:e.withKeys(Et=>x(E(D,V)),["enter"]),class:e.normalizeClass({todaysDate:h(g(D,V)),selectedDate:v(g(D,V))})},e.toDisplayString(new Date(g(D,V)).getDate()),43,Fe)),64))])),64))])])],512))}}),[["__scopeId","data-v-f49cfd40"]]),Pe=y(e.defineComponent({__name:"CollapseButton",props:{collapsed:{type:Boolean}},setup(t){return(o,n)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["collapse-button",o.collapsed?"rotated":"unrotated"])},"×",2))}}),[["__scopeId","data-v-6f1c1b45"]]),He={class:"aform"},F=y(e.defineComponent({__name:"AForm",props:{modelValue:{},data:{},readonly:{type:Boolean}},emits:["update:modelValue"],setup(t,{emit:o}){const n=o,a=e.ref(t.data||{}),r=l=>{let s={};for(const[c,d]of Object.entries(l))["component","fieldtype"].includes(c)||(s[c]=d),c==="rows"&&d&&d.length===0&&(s.rows=a.value[l.fieldname]);return s},i=e.computed({get:()=>t.modelValue.map((l,s)=>e.computed({get(){return l.value},set:c=>{t.modelValue[s].value=c,n("update:modelValue",t.modelValue)}})),set:()=>{}});return(l,s)=>(e.openBlock(),e.createElementBlock("form",He,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.modelValue,(c,d)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(c.component),e.mergeProps({key:d,schema:c,modelValue:i.value[d].value,"onUpdate:modelValue":m=>i.value[d].value=m,data:a.value[c.fieldname],readonly:l.readonly,ref_for:!0},r(c)),null,16,["schema","modelValue","onUpdate:modelValue","data","readonly"]))),128))]))}}),[["__scopeId","data-v-68845234"]]),Z=y(e.defineComponent({__name:"AFieldset",props:{schema:{},label:{},collapsible:{type:Boolean},data:{}},setup(t,{expose:o}){const n=e.ref(!1),a=e.ref(t.data||[]),r=e.ref(t.schema),i=l=>{l.preventDefault(),t.collapsible&&(n.value=!n.value)};return o({collapsed:n}),(l,s)=>(e.openBlock(),e.createElementBlock("fieldset",null,[e.createElementVNode("legend",{onClick:i,onSubmit:i},[e.createTextVNode(e.toDisplayString(l.label)+" ",1),l.collapsible?(e.openBlock(),e.createBlock(Pe,{key:0,collapsed:n.value},null,8,["collapsed"])):e.createCommentVNode("",!0)],32),e.renderSlot(l.$slots,"default",{collapsed:n.value},()=>[e.withDirectives(e.createVNode(F,{modelValue:r.value,"onUpdate:modelValue":s[0]||(s[0]=c=>r.value=c),data:a.value},null,8,["modelValue","data"]),[[e.vShow,!n.value]])],!0)]))}}),[["__scopeId","data-v-e7ea7e12"]]);function qe(t){return e.getCurrentScope()?(e.onScopeDispose(t),!0):!1}function ee(){const t=new Set,o=r=>{t.delete(r)};return{on:r=>{t.add(r);const i=()=>o(r);return qe(i),{off:i}},off:o,trigger:(...r)=>Promise.all(Array.from(t).map(i=>i(...r)))}}const Oe=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const Re=(t,o)=>Object.prototype.hasOwnProperty.call(t,o),Ue=Oe?window.document:void 0,Ke={multiple:!0,accept:"*",reset:!1,directory:!1};function We(t={}){const{document:o=Ue}=t,n=e.ref(null),{on:a,trigger:r}=ee(),{on:i,trigger:l}=ee();let s;o&&(s=o.createElement("input"),s.type="file",s.onchange=m=>{const f=m.target;n.value=f.files,r(n.value)},s.oncancel=()=>{l()});const c=()=>{n.value=null,s&&s.value&&(s.value="",r(null))},d=m=>{if(!s)return;const f={...Ke,...t,...m};s.multiple=f.multiple,s.accept=f.accept,s.webkitdirectory=f.directory,Re(f,"capture")&&(s.capture=f.capture),f.reset&&c(),s.click()};return{files:e.readonly(n),open:d,reset:c,onCancel:i,onChange:a}}const Ye={class:"aform_form-element aform_file-attach aform__grid--full"},je={key:0,class:"aform_file-attach-feedback"},Ge=["disabled"],te=y(e.defineComponent({__name:"AFileAttach",props:{label:{}},setup(t){const{files:o,open:n,reset:a,onChange:r}=We(),i=e.computed(()=>`${o.value.length} ${o.value.length===1?"file":"files"}`);return r(l=>l),(l,s)=>(e.openBlock(),e.createElementBlock("div",Ye,[e.unref(o)?(e.openBlock(),e.createElementBlock("div",je,[e.createElementVNode("p",null,[s[2]||(s[2]=e.createTextVNode(" You have selected: ")),e.createElementVNode("b",null,e.toDisplayString(i.value),1)]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(o),c=>(e.openBlock(),e.createElementBlock("li",{key:c.name},e.toDisplayString(c.name),1))),128))])):e.createCommentVNode("",!0),e.createElementVNode("button",{type:"button",onClick:s[0]||(s[0]=c=>e.unref(n)()),class:"aform_form-btn"},e.toDisplayString(l.label),1),e.createElementVNode("button",{type:"button",disabled:!e.unref(o),onClick:s[1]||(s[1]=c=>e.unref(a)()),class:"aform_form-btn"},"Reset",8,Ge)]))}}),[["__scopeId","data-v-0b3a11cc"]]),Je={class:"aform_form-element"},Qe=["id","disabled","required"],Xe=["for"],Ze=["innerHTML"],oe=e.defineComponent({__name:"ANumericInput",props:e.mergeModels({schema:{},label:{},mask:{},required:{type:Boolean},readonly:{type:Boolean},uuid:{},validation:{default:()=>({errorMessage:" "})}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const o=e.useModel(t,"modelValue");return(n,a)=>(e.openBlock(),e.createElementBlock("div",Je,[e.withDirectives(e.createElementVNode("input",{class:"aform_input-field","onUpdate:modelValue":a[0]||(a[0]=r=>o.value=r),type:"number",id:n.uuid,disabled:n.readonly,required:n.required},null,8,Qe),[[e.vModelText,o.value]]),e.createElementVNode("label",{class:"aform_field-label",for:n.uuid},e.toDisplayString(n.label),9,Xe),e.withDirectives(e.createElementVNode("p",{class:"aform_error",innerHTML:n.validation.errorMessage},null,8,Ze),[[e.vShow,n.validation.errorMessage]])]))}}),ne={date:"##/##/####",datetime:"####/##/## ##:##",time:"##:##",fulltime:"##:##:##",phone:"(###) ### - ####",card:"#### #### #### ####"};function et(t){try{return Function(`"use strict";return (${t})`)()}catch{}}function tt(t){var n,a,r;let o=t.value;if(o){const i=et(o);if(i){const l=(n=t.instance)==null?void 0:n.locale;o=i(l)}}else{const i=(a=t.instance)==null?void 0:a.schema,l=(r=i==null?void 0:i.fieldtype)==null?void 0:r.toLowerCase();l&&ne[l]&&(o=ne[l])}return o}function ot(t,o){let n=t;const a=[o,"/","-","(",")"," "];for(const r of a)n=n.replaceAll(r,"");return n}function nt(t,o,n){let a=o;for(const r of t){const i=a.indexOf(n);if(i!==-1){const l=a.substring(0,i),s=a.substring(i+1);a=l+r+s}}return a.slice(0,o.length)}function at(t,o){var l;const n=tt(o);if(!n)return;const a="#",r=t.value,i=ot(r,a);if(i){const s=nt(i,n,a);(l=o.instance)!=null&&l.maskFilled&&(o.instance.maskFilled=!s.includes(a)),t.value=s}else t.value=n}const rt={class:"aform_form-element"},lt=["id","disabled","maxlength","required"],it=["for"],st=["innerHTML"],ae=e.defineComponent({__name:"ATextInput",props:e.mergeModels({schema:{},label:{},mask:{},required:{type:Boolean},readonly:{type:Boolean},uuid:{},validation:{default:()=>({errorMessage:" "})}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const o=e.ref(!0),n=e.useModel(t,"modelValue");return(a,r)=>(e.openBlock(),e.createElementBlock("div",rt,[e.withDirectives(e.createElementVNode("input",{class:"aform_input-field","onUpdate:modelValue":r[0]||(r[0]=i=>n.value=i),id:a.uuid,disabled:a.readonly,maxlength:a.mask?o.value&&a.mask.length:void 0,required:a.required},null,8,lt),[[e.vModelText,n.value],[e.unref(at),a.mask]]),e.createElementVNode("label",{class:"aform_field-label",for:a.uuid},e.toDisplayString(a.label),9,it),e.withDirectives(e.createElementVNode("p",{class:"aform_error",innerHTML:a.validation.errorMessage},null,8,st),[[e.vShow,a.validation.errorMessage]])]))}}),dt={class:"login-container"},ct={class:"account-container"},mt={class:"account-header"},ft={id:"account-title"},pt={id:"account-subtitle"},ut={class:"login-form-container"},bt={class:"login-form-email aform_form-element"},gt=["disabled"],ht={class:"login-form-password aform_form-element"},kt=["disabled"],yt=["disabled"],wt={key:0,class:"material-symbols-outlined loading-icon"},_t=y(e.defineComponent({__name:"Login",props:{headerTitle:{default:"Login"},headerSubtitle:{default:"Enter your email and password to login"}},emits:["loginFailed","loginSuccess"],setup(t,{emit:o}){const n=o,a=e.ref(""),r=e.ref(""),i=e.ref(!1),l=e.ref(!1);function s(c){if(c.preventDefault(),i.value=!0,l.value){i.value=!1,n("loginFailed");return}i.value=!1,n("loginSuccess")}return(c,d)=>(e.openBlock(),e.createElementBlock("div",dt,[e.createElementVNode("div",null,[e.createElementVNode("div",ct,[e.createElementVNode("div",mt,[e.createElementVNode("h1",ft,e.toDisplayString(c.headerTitle),1),e.createElementVNode("p",pt,e.toDisplayString(c.headerSubtitle),1)]),e.createElementVNode("form",{onSubmit:s},[e.createElementVNode("div",ut,[e.createElementVNode("div",bt,[d[2]||(d[2]=e.createElementVNode("label",{id:"login-email",for:"email",class:"aform_field-label"},"Email",-1)),e.withDirectives(e.createElementVNode("input",{id:"email",class:"aform_input-field",name:"email",placeholder:"name@example.com",type:"email","onUpdate:modelValue":d[0]||(d[0]=m=>a.value=m),"auto-capitalize":"none","auto-complete":"email","auto-correct":"off",disabled:i.value},null,8,gt),[[e.vModelText,a.value]])]),e.createElementVNode("div",ht,[d[3]||(d[3]=e.createElementVNode("label",{id:"login-password",for:"password",class:"aform_field-label"},"Password",-1)),e.withDirectives(e.createElementVNode("input",{id:"password",class:"aform_input-field",name:"password",type:"password","onUpdate:modelValue":d[1]||(d[1]=m=>r.value=m),disabled:i.value},null,8,kt),[[e.vModelText,r.value]])]),e.createElementVNode("button",{class:"btn",onClick:s,disabled:i.value||!a.value||!r.value},[i.value?(e.openBlock(),e.createElementBlock("span",wt,"progress_activity")):e.createCommentVNode("",!0),d[4]||(d[4]=e.createElementVNode("span",{id:"login-form-button"},"Login",-1))],8,yt)])],32),d[5]||(d[5]=e.createElementVNode("button",{class:"btn"},[e.createElementVNode("span",{id:"forgot-password-button"},"Forgot password?")],-1))])])]))}}),[["__scopeId","data-v-6cbd3add"]]);function vt(t){t.component("ACheckbox",P),t.component("ACombobox",H),t.component("ADate",q),t.component("ADropdown",O),t.component("ADatePicker",X),t.component("AFieldset",Z),t.component("AFileAttach",te),t.component("AForm",F),t.component("ANumericInput",oe),t.component("ATextInput",ae)}b.ACheckbox=P,b.AComboBox=H,b.ADate=q,b.ADatePicker=X,b.ADropdown=O,b.AFieldset=Z,b.AFileAttach=te,b.AForm=F,b.ANumericInput=oe,b.ATextInput=ae,b.Login=_t,b.install=vt,Object.defineProperty(b,Symbol.toStringTag,{value:"Module"})});
|
|
1
|
+
(function(w,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(w=typeof globalThis<"u"?globalThis:w||self,e(w["@stonecrop/aform"]={},w.Vue))})(this,function(w,e){"use strict";var W=document.createElement("style");W.textContent=`.aform_checkbox[data-v-9f382ad4]{cursor:pointer;width:auto;margin-top:0;display:block}.aform_checkbox[data-v-9f382ad4]:checked{accent-color:var(--sc-primary-color);border:1px solid black}.aform_checkbox-container[data-v-9f382ad4]{width:100%;display:inline-block;text-align:left}.aform_checkbox-container input[data-v-9f382ad4]{width:auto}.aform_checkbox-container:hover+.aform_field-label[data-v-9f382ad4]{color:var(--sc-input-active-label-color)}div[data-v-280b3d1a]{min-width:40ch;width:100%;box-sizing:border-box;border:1px solid transparent;padding:0rem;margin:0rem;margin-right:1ch}input[data-v-280b3d1a]{width:calc(100% - 1ch);box-sizing:border-box;outline:1px solid transparent;border:1px solid var(--sc-input-border-color);padding:1ch .5ch .5ch 1ch;margin:.575rem 0 0;min-height:1.15rem;border-radius:.25rem}p[data-v-280b3d1a],label[data-v-280b3d1a]{color:var(--sc-input-label-color);display:block;min-height:1.15rem;padding:0rem;margin:0rem 0rem .25rem;border:1px solid transparent;box-sizing:border-box}p[data-v-280b3d1a]{width:100%;color:red;font-size:85%;box-sizing:border-box}label[data-v-280b3d1a]{z-index:2;font-size:80%;position:absolute;background:#fff;margin:-2.575rem 0 0 1ch;padding:0 .25ch;box-sizing:border-box}input[data-v-280b3d1a]:focus{border:1px solid var(--sc-input-active-border-color)}input:focus+label[data-v-280b3d1a]{color:var(--sc-input-active-label-color)}.autocomplete[data-v-16c329d1]{position:relative}.input-wrapper[data-v-16c329d1]{border:1px solid transparent;padding:0rem;margin:0rem;margin-right:1ch}input[data-v-16c329d1]{width:calc(100% - 1ch);outline:1px solid transparent;border:1px solid var(--sc-input-border-color);padding:1ch .5ch .5ch 1ch;margin:.575rem 0 0;min-height:1.15rem;border-radius:.25rem}input[data-v-16c329d1]:focus{border:1px solid var(--sc-input-active-border-color);border-radius:.25rem .25rem 0 0;border-bottom:none}label[data-v-16c329d1]{display:block;min-height:1.15rem;padding:0rem;margin:0rem 0rem .25rem;border:1px solid transparent;z-index:2;font-size:80%;position:absolute;background:#fff;margin:-2.575rem 0 0 1ch;padding:0 .25ch}.autocomplete-results[data-v-16c329d1]{position:absolute;width:calc(100% - 1ch + 1.5px);z-index:999;padding:0;margin:0;color:var(--sc-input-active-border-color);border:1px solid var(--sc-input-active-border-color);border-radius:0 0 .25rem .25rem;border-top:none;background-color:#fff}.autocomplete-result[data-v-16c329d1]{list-style:none;text-align:left;padding:4px 6px;cursor:pointer;border-bottom:.5px solid lightgray}.autocomplete-result.is-active[data-v-16c329d1],.autocomplete-result[data-v-16c329d1]:hover{background-color:var(--sc-row-color-zebra-light);color:var(--sc-input-active-border-color)}.adatepicker[data-v-f49cfd40]{font-size:var(--sc-table-font-size);display:inline-table;color:var(--sc-cell-text-color);outline:none;border-collapse:collapse}.adatepicker tr[data-v-f49cfd40]{height:1.15rem;text-align:center;vertical-align:middle}.adatepicker td[data-v-f49cfd40]{border:2px solid transparent;outline:2px solid transparent;min-width:3ch;max-width:3ch}.adatepicker td[data-v-f49cfd40]:focus,.adatepicker td[data-v-f49cfd40]:focus-within{outline:1px dashed black;box-shadow:none;min-height:1.15em;max-height:1.15em;overflow:hidden}.adatepicker .selectedDate[data-v-f49cfd40]{outline:1px solid black;background:var(--sc-gray-20);font-weight:bolder}.adatepicker .todaysDate[data-v-f49cfd40]{font-weight:bolder;text-decoration:underline;color:#000}.days-header>td[data-v-f49cfd40]{font-weight:700}.prev-date[data-v-f49cfd40]{color:var(--sc-gray-20)}.collapse-button[data-v-6f1c1b45]{width:2ch;min-width:calc(66px - 4ch);background-color:transparent;font-size:150%;text-align:center;border:none;margin-top:-.5rem}.rotated[data-v-6f1c1b45]{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transition:transform .25s;transform-origin:center center}.unrotated[data-v-6f1c1b45]{transform:rotate(0);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transition:transform .25s}.aform_form-element{padding:0;margin:0;position:relative;box-sizing:border-box;flex-grow:1;min-width:20ch;margin-bottom:1rem}.aform_input-field{outline:1px solid var(--sc-input-border-color);outline-offset:-1px;font-size:1rem;padding:.5rem;margin:0;border-radius:0;box-sizing:border-box;width:100%;min-height:auto;position:relative;color:var(--sc-cell-text-color);background:var(--sc-input-field-background)}.aform_input-field:focus{outline:1px solid var(--sc-input-active-border-color)}.aform_input-field:focus+.aform_field-label{color:var(--sc-input-active-label-color)}.aform_field-label{color:var(--sc-input-label-color);display:inline-block;position:absolute;padding:0 .25rem;margin:0rem;z-index:2;font-size:.7rem;font-weight:300;letter-spacing:.05rem;background:linear-gradient(var(--sc-form-background) 50%,var(--sc-input-field-background) 50%);width:auto;box-sizing:border-box;background:#fff;margin:0;grid-row:1;top:0;left:10px;border:none;line-height:0;transform:translateY(-50%)}.aform_input-field:disabled{background:var(--sc-input-field-disabled-background)}.aform_input-field:disabled+.aform_field-label{background:linear-gradient(var(--sc-form-background) 50%,var(--sc-input-field-disabled-background) 50%)}.aform_input-field:disabled~p.aform_error{background:linear-gradient(var(--sc-form-background) 50%,var(--sc-input-field-disabled-background) 50%)}.aform_field-label:after{margin:0;padding:0;box-sizing:border-box;content:"";line-height:normal}p.aform_error{display:block;display:inline-block;display:none;background:linear-gradient(var(--sc-form-background) 50%,var(--sc-input-field-background) 50%);padding:0 .25rem;margin:0rem;width:auto;color:var(--sc-brand-danger);font-size:.7rem;position:absolute;right:0;top:0;line-height:0;background:#fff;padding:.25rem;transform:translate(-1rem,-50%);margin:0}.aform[data-v-68845234]{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem;border:1px solid var(--sc-form-border);border-left:4px solid var(--sc-form-border);margin-bottom:1rem;max-width:100%}@media screen and (max-width: 400px){.aform[data-v-68845234]{flex-direction:column}}fieldset[data-v-e7ea7e12]{max-width:100%;width:100%;margin-right:2ch;border:1px solid transparent;border-bottom:1px solid var(--sc-gray-50)}legend[data-v-e7ea7e12]{width:100%;height:1.15rem;border:1px solid transparent;padding-bottom:.5rem;font-size:110%;font-weight:600;-webkit-user-select:none;user-select:none}.collapse-button[data-v-e7ea7e12]{float:right}.aform_file-attach[data-v-0b3a11cc]{padding:1rem;display:flex;flex-wrap:wrap;gap:1rem;flex-direction:row;justify-content:center;align-items:center;border:1px dashed var(--sc-input-border-color);width:100%}@media screen and (max-width: 400px){.aform_file-attach>.aform_form-btn[data-v-0b3a11cc]{width:100%}}.aform_file-attach-feedback[data-v-0b3a11cc]{color:var(--sc-input-label-color);width:100%;padding:.5rem;text-align:center;align-self:center}.aform_file-attach-feedback>li[data-v-0b3a11cc]{list-style:none;font-style:italic}.aform_file-attach-feedback>p[data-v-0b3a11cc]{margin-top:0}.aform_form-btn[data-v-0b3a11cc]{padding:.5rem 2rem;width:auto;border:1px solid var(--sc-input-border-color);color:var(--sc-input-label-color);cursor:pointer;background-color:#fff}.aform_form-btn[data-v-0b3a11cc]:disabled{background-color:var(--sc-gray-5)}.login-container[data-v-6cbd3add]{width:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--sc-font-family)}.account-container[data-v-6cbd3add]{width:100%;margin-left:auto;margin-top:.5rem;margin-right:auto;display:flex;flex-direction:column;justify-content:center}.account-header[data-v-6cbd3add]{display:flex;flex-direction:column;text-align:center;margin-top:.5rem}#account-title[data-v-6cbd3add]{font-size:1.5rem;line-height:2rem;font-weight:600;letter-spacing:-.025em;margin:0}#account-subtitle[data-v-6cbd3add]{font-size:.875rem;line-height:1.25rem;margin:1rem}.login-form-container[data-v-6cbd3add]{display:grid;gap:.5rem}.login-form-element[data-v-6cbd3add]{display:grid;margin:.5rem 0;position:relative}.login-field[data-v-6cbd3add]{padding:.5rem .25rem .25rem .5rem;outline:1px solid transparent;border:1px solid var(--sc-input-border-color);border-radius:.25rem}.login-field[data-v-6cbd3add]:focus{border:1px solid black}.btn[data-v-6cbd3add]{background-color:var(--sc-btn-color);color:var(--sc-btn-label-color);border:1px solid var(--sc-btn-border);margin:.5rem 0;padding:.25rem;position:relative;cursor:pointer}.btn[data-v-6cbd3add]:hover{background-color:var(--sc-btn-hover)}.btn[data-v-6cbd3add]:disabled{background-color:var(--sc-input-field-disabled-background)}.disabled[data-v-6cbd3add]{opacity:.5}.loading-icon[data-v-6cbd3add]{animation:spin-6cbd3add 1s linear infinite forwards;display:inline-block;margin-right:.2rem;line-height:0;font-size:1rem;position:relative;top:.2rem}@keyframes spin-6cbd3add{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
|
|
2
|
+
/*$vite$:1*/`,document.head.appendChild(W);const ye={class:"aform_form-element"},ke=["for"],we={class:"aform_checkbox-container aform_input-field"},ve=["id","readonly","required"],_e=["innerHTML"],Ee=e.defineComponent({__name:"ACheckbox",props:e.mergeModels({schema:{},label:{},mask:{},required:{type:Boolean},readonly:{type:Boolean},uuid:{},validation:{default:()=>({errorMessage:" "})}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const o=e.useModel(t,"modelValue");return(n,r)=>(e.openBlock(),e.createElementBlock("div",ye,[e.createElementVNode("label",{class:"aform_field-label",for:n.uuid},e.toDisplayString(n.label),9,ke),e.createElementVNode("span",we,[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":r[0]||(r[0]=a=>o.value=a),type:"checkbox",id:n.uuid,class:"aform_checkbox",readonly:n.readonly,required:n.required},null,8,ve),[[e.vModelCheckbox,o.value]])]),e.withDirectives(e.createElementVNode("p",{class:"aform_error",innerHTML:n.validation.errorMessage},null,8,_e),[[e.vShow,n.validation.errorMessage]])]))}}),_=(t,o)=>{const n=t.__vccOpts||t;for(const[r,a]of o)n[r]=a;return n},U=_(Ee,[["__scopeId","data-v-9f382ad4"]]),j=e.defineComponent({__name:"AComboBox",props:["event","cellData","tableID"],setup(t){return(o,n)=>{const r=e.resolveComponent("ATableModal");return e.openBlock(),e.createBlock(r,{event:t.event,cellData:t.cellData,class:"amodal"},{default:e.withCtx(()=>n[0]||(n[0]=[e.createElementVNode("div",null,[e.createElementVNode("input",{type:"text"}),e.createElementVNode("input",{type:"text"}),e.createElementVNode("input",{type:"text"})],-1)])),_:1},8,["event","cellData"])}}}),xe=["id","disabled","required"],De=["for"],Ve=["innerHTML"],Y=_(e.defineComponent({__name:"ADate",props:e.mergeModels({schema:{},label:{default:"Date"},mask:{},required:{type:Boolean},readonly:{type:Boolean},uuid:{},validation:{default:()=>({errorMessage:" "})}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const o=e.useModel(t,"modelValue",{set:a=>new Date(a).toISOString().split("T")[0]}),n=e.useTemplateRef("date"),r=()=>{n.value&&"showPicker"in HTMLInputElement.prototype&&n.value.showPicker()};return(a,i)=>(e.openBlock(),e.createElementBlock("div",null,[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":i[0]||(i[0]=l=>o.value=l),ref:"date",type:"date",id:a.uuid,disabled:a.readonly,required:a.required,onClick:r},null,8,xe),[[e.vModelText,o.value]]),e.createElementVNode("label",{for:a.uuid},e.toDisplayString(a.label),9,De),e.withDirectives(e.createElementVNode("p",{innerHTML:a.validation.errorMessage},null,8,Ve),[[e.vShow,a.validation.errorMessage]])]))}}),[["__scopeId","data-v-280b3d1a"]]);function K(t){return e.getCurrentScope()?(e.onScopeDispose(t),!0):!1}const G=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const Ae=Object.prototype.toString,Me=t=>Ae.call(t)==="[object Object]",A=()=>{},$=Ce();function Ce(){var t,o;return G&&((t=window==null?void 0:window.navigator)==null?void 0:t.userAgent)&&(/iP(?:ad|hone|od)/.test(window.navigator.userAgent)||((o=window==null?void 0:window.navigator)==null?void 0:o.maxTouchPoints)>2&&/iPad|Macintosh/.test(window==null?void 0:window.navigator.userAgent))}function X(t){return Array.isArray(t)?t:[t]}function Se(...t){if(t.length!==1)return e.toRef(...t);const o=t[0];return typeof o=="function"?e.readonly(e.customRef(()=>({get:o,set:A}))):e.ref(o)}const J=G?window:void 0;function M(t){var o;const n=e.toValue(t);return(o=n==null?void 0:n.$el)!=null?o:n}function N(...t){let o,n,r,a;if(typeof t[0]=="string"||Array.isArray(t[0])?([n,r,a]=t,o=J):[o,n,r,a]=t,!o)return A;n=X(n),r=X(r);const i=[],l=()=>{i.forEach(f=>f()),i.length=0},s=(f,u,m,p)=>(f.addEventListener(u,m,p),()=>f.removeEventListener(u,m,p)),c=e.watch(()=>[M(o),e.toValue(a)],([f,u])=>{if(l(),!f)return;const m=Me(u)?{...u}:u;i.push(...n.flatMap(p=>r.map(h=>s(f,p,h,m))))},{immediate:!0,flush:"post"}),d=()=>{c(),l()};return K(d),d}let Q=!1;function Z(t,o,n={}){const{window:r=J,ignore:a=[],capture:i=!0,detectIframe:l=!1}=n;if(!r)return A;$&&!Q&&(Q=!0,Array.from(r.document.body.children).forEach(g=>g.addEventListener("click",A)),r.document.documentElement.addEventListener("click",A));let s=!0;const c=g=>e.toValue(a).some(b=>{if(typeof b=="string")return Array.from(r.document.querySelectorAll(b)).some(k=>k===g.target||g.composedPath().includes(k));{const k=M(b);return k&&(g.target===k||g.composedPath().includes(k))}});function d(g){const b=e.toValue(g);return b&&b.$.subTree.shapeFlag===16}function f(g,b){const k=e.toValue(g),I=k.$.subTree&&k.$.subTree.children;return I==null||!Array.isArray(I)?!1:I.some(y=>y.el===b.target||b.composedPath().includes(y.el))}const u=g=>{const b=M(t);if(g.target!=null&&!(!(b instanceof Element)&&d(t)&&f(t,g))&&!(!b||b===g.target||g.composedPath().includes(b))){if(g.detail===0&&(s=!c(g)),!s){s=!0;return}o(g)}};let m=!1;const p=[N(r,"click",g=>{m||(m=!0,setTimeout(()=>{m=!1},0),u(g))},{passive:!0,capture:i}),N(r,"pointerdown",g=>{const b=M(t);s=!c(g)&&!!(b&&!g.composedPath().includes(b))},{passive:!0}),l&&N(r,"blur",g=>{setTimeout(()=>{var b;const k=M(t);((b=r.document.activeElement)==null?void 0:b.tagName)==="IFRAME"&&!(k!=null&&k.contains(r.document.activeElement))&&o(g)},0)},{passive:!0})].filter(Boolean);return()=>p.forEach(g=>g())}const Te={mounted(t,o){const n=!o.modifiers.bubble;if(typeof o.value=="function")t.__onClickOutside_stop=Z(t,o.value,{capture:n});else{const[r,a]=o.value;t.__onClickOutside_stop=Z(t,r,Object.assign({capture:n},a))}},unmounted(t){t.__onClickOutside_stop()}};function L(t){return typeof Window<"u"&&t instanceof Window?t.document.documentElement:typeof Document<"u"&&t instanceof Document?t.documentElement:t}function ee(t){const o=window.getComputedStyle(t);if(o.overflowX==="scroll"||o.overflowY==="scroll"||o.overflowX==="auto"&&t.clientWidth<t.scrollWidth||o.overflowY==="auto"&&t.clientHeight<t.scrollHeight)return!0;{const n=t.parentNode;return!n||n.tagName==="BODY"?!1:ee(n)}}function Ie(t){const o=t||window.event,n=o.target;return ee(n)?!1:o.touches.length>1?!0:(o.preventDefault&&o.preventDefault(),!1)}const P=new WeakMap;function Ne(t,o=!1){const n=e.ref(o);let r=null,a="";e.watch(Se(t),s=>{const c=L(e.toValue(s));if(c){const d=c;if(P.get(d)||P.set(d,d.style.overflow),d.style.overflow!=="hidden"&&(a=d.style.overflow),d.style.overflow==="hidden")return n.value=!0;if(n.value)return d.style.overflow="hidden"}},{immediate:!0});const i=()=>{const s=L(e.toValue(t));!s||n.value||($&&(r=N(s,"touchmove",c=>{Ie(c)},{passive:!1})),s.style.overflow="hidden",n.value=!0)},l=()=>{const s=L(e.toValue(t));!s||!n.value||($&&(r==null||r()),s.style.overflow=a,P.delete(s),n.value=!1)};return K(l),e.computed({get(){return n.value},set(s){s?i():l()}})}function Be(){let t=!1;const o=e.ref(!1);return(n,r)=>{if(o.value=r.value,t)return;t=!0;const a=Ne(n,r.value);e.watch(o,i=>a.value=i)}}Be();const $e={class:"input-wrapper"},Le={id:"autocomplete-results",class:"autocomplete-results"},Pe={key:0,class:"loading autocomplete-result"},Fe=["onClick"],te=_(e.defineComponent({__name:"ADropdown",props:e.mergeModels({label:{},items:{},isAsync:{type:Boolean},filterFunction:{type:Function}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const o=e.useModel(t,"modelValue"),n=e.reactive({activeItemIndex:null,open:!1,loading:!1,results:t.items}),r=()=>s(),a=async()=>{if(n.open=!0,t.filterFunction){t.isAsync&&(n.loading=!0);try{const m=await t.filterFunction(o.value||"");n.results=m}catch{n.results=[]}finally{t.isAsync&&(n.loading=!1)}}else c()},i=m=>{o.value=m,s(m)},l=()=>{var m;n.activeItemIndex=t.isAsync?null:o.value&&((m=t.items)==null?void 0:m.indexOf(o.value))||null,n.open=!0,n.results=t.isAsync?[]:t.items},s=m=>{var p;n.activeItemIndex=null,n.open=!1,(p=t.items)!=null&&p.includes(m||o.value||"")||(o.value="")},c=()=>{var m;o.value?n.results=(m=t.items)==null?void 0:m.filter(p=>p.toLowerCase().includes((o.value??"").toLowerCase())):n.results=t.items},d=()=>{var p;const m=((p=n.results)==null?void 0:p.length)||0;if(n.activeItemIndex!=null){const h=isNaN(n.activeItemIndex)?0:n.activeItemIndex;n.activeItemIndex=(h+1)%m}else n.activeItemIndex=0},f=()=>{var p;const m=((p=n.results)==null?void 0:p.length)||0;if(n.activeItemIndex!=null){const h=isNaN(n.activeItemIndex)?0:n.activeItemIndex;n.activeItemIndex=(h-1+m)%m}else n.activeItemIndex=m-1},u=()=>{if(n.results){const m=n.activeItemIndex||0,p=n.results[m];i(p)}n.activeItemIndex=0};return(m,p)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["autocomplete",{isOpen:n.open}])},[e.createElementVNode("div",$e,[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":p[0]||(p[0]=h=>o.value=h),type:"text",onInput:a,onFocus:l,onKeydown:[e.withKeys(d,["down"]),e.withKeys(f,["up"]),e.withKeys(u,["enter"]),e.withKeys(r,["esc"]),e.withKeys(r,["tab"])]},null,544),[[e.vModelText,o.value]]),e.withDirectives(e.createElementVNode("ul",Le,[n.loading?(e.openBlock(),e.createElementBlock("li",Pe,"Loading results...")):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(n.results,(h,g)=>(e.openBlock(),e.createElementBlock("li",{key:h,onClick:e.withModifiers(b=>i(h),["stop"]),class:e.normalizeClass(["autocomplete-result",{"is-active":g===n.activeItemIndex}])},e.toDisplayString(h),11,Fe))),128))],512),[[e.vShow,n.open]]),e.createElementVNode("label",null,e.toDisplayString(m.label),1)])],2)),[[e.unref(Te),r]])}}),[["__scopeId","data-v-16c329d1"]]);function oe(t){return e.getCurrentScope()?(e.onScopeDispose(t),!0):!1}function F(t){return typeof t=="function"?t():e.unref(t)}const Oe=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const ze=t=>t!=null,He=Object.prototype.toString,Re=t=>He.call(t)==="[object Object]",qe=()=>{},C=Oe?window:void 0;function S(t){var o;const n=F(t);return(o=n==null?void 0:n.$el)!=null?o:n}function T(...t){let o,n,r,a;if(typeof t[0]=="string"||Array.isArray(t[0])?([n,r,a]=t,o=C):[o,n,r,a]=t,!o)return qe;Array.isArray(n)||(n=[n]),Array.isArray(r)||(r=[r]);const i=[],l=()=>{i.forEach(f=>f()),i.length=0},s=(f,u,m,p)=>(f.addEventListener(u,m,p),()=>f.removeEventListener(u,m,p)),c=e.watch(()=>[S(o),F(a)],([f,u])=>{if(l(),!f)return;const m=Re(u)?{...u}:u;i.push(...n.flatMap(p=>r.map(h=>s(f,p,h,m))))},{immediate:!0,flush:"post"}),d=()=>{c(),l()};return oe(d),d}function We(){const t=e.ref(!1),o=e.getCurrentInstance();return o&&e.onMounted(()=>{t.value=!0},o),t}function Ue(t){const o=We();return e.computed(()=>(o.value,!!t()))}function je(t,o,n={}){const{window:r=C,...a}=n;let i;const l=Ue(()=>r&&"MutationObserver"in r),s=()=>{i&&(i.disconnect(),i=void 0)},c=e.computed(()=>{const m=F(t),p=(Array.isArray(m)?m:[m]).map(S).filter(ze);return new Set(p)}),d=e.watch(()=>c.value,m=>{s(),l.value&&m.size&&(i=new MutationObserver(o),m.forEach(p=>i.observe(p,a)))},{immediate:!0,flush:"post"}),f=()=>i==null?void 0:i.takeRecords(),u=()=>{d(),s()};return oe(u),{isSupported:l,stop:u,takeRecords:f}}function Ye(t={}){var o;const{window:n=C,deep:r=!0,triggerOnRemoval:a=!1}=t,i=(o=t.document)!=null?o:n==null?void 0:n.document,l=()=>{var d;let f=i==null?void 0:i.activeElement;if(r)for(;f!=null&&f.shadowRoot;)f=(d=f==null?void 0:f.shadowRoot)==null?void 0:d.activeElement;return f},s=e.ref(),c=()=>{s.value=l()};return n&&(T(n,"blur",d=>{d.relatedTarget===null&&c()},!0),T(n,"focus",c,!0)),a&&je(i,d=>{d.filter(f=>f.removedNodes.length).map(f=>Array.from(f.removedNodes)).flat().forEach(f=>{f===s.value&&c()})},{childList:!0,subtree:!0}),c(),s}const Ke="focusin",Ge="focusout";function Xe(t,o={}){const{window:n=C}=o,r=e.computed(()=>S(t)),a=e.ref(!1),i=e.computed(()=>a.value),l=Ye(o);return!n||!l.value?{focused:i}:(T(r,Ke,()=>a.value=!0),T(r,Ge,()=>a.value=!1),{focused:i})}function Je(t,{window:o=C,scrollTarget:n}={}){const r=e.ref(!1),a=()=>{if(!o)return;const i=o.document,l=S(t);if(!l)r.value=!1;else{const s=l.getBoundingClientRect();r.value=s.top<=(o.innerHeight||i.documentElement.clientHeight)&&s.left<=(o.innerWidth||i.documentElement.clientWidth)&&s.bottom>=0&&s.right>=0}};return e.watch(()=>S(t),()=>a(),{immediate:!0,flush:"post"}),o&&T(n||o,"scroll",a,{capture:!1,passive:!0}),r}const E=t=>{let o=Je(t).value;return o=o&&t.offsetHeight>0,o},x=t=>t.tabIndex>=0,ne=t=>{const o=t.target;return O(o)},O=t=>{var o;let n;if(t instanceof HTMLTableCellElement){const r=(o=t.parentElement)==null?void 0:o.previousElementSibling;if(r){const a=Array.from(r.children)[t.cellIndex];a&&(n=a)}}else if(t instanceof HTMLTableRowElement){const r=t.previousElementSibling;r&&(n=r)}return n&&(!x(n)||!E(n))?O(n):n},Qe=t=>{var o;const n=t.target;let r;if(n instanceof HTMLTableCellElement){const a=(o=n.parentElement)==null?void 0:o.parentElement;if(a){const i=a.firstElementChild,l=i==null?void 0:i.children[n.cellIndex];l&&(r=l)}}else if(n instanceof HTMLTableRowElement){const a=n.parentElement;if(a){const i=a.firstElementChild;i&&(r=i)}}return r&&(!x(r)||!E(r))?z(r):r},re=t=>{const o=t.target;return z(o)},z=t=>{var o;let n;if(t instanceof HTMLTableCellElement){const r=(o=t.parentElement)==null?void 0:o.nextElementSibling;if(r){const a=Array.from(r.children)[t.cellIndex];a&&(n=a)}}else if(t instanceof HTMLTableRowElement){const r=t.nextElementSibling;r&&(n=r)}return n&&(!x(n)||!E(n))?z(n):n},Ze=t=>{var o;const n=t.target;let r;if(n instanceof HTMLTableCellElement){const a=(o=n.parentElement)==null?void 0:o.parentElement;if(a){const i=a.lastElementChild,l=i==null?void 0:i.children[n.cellIndex];l&&(r=l)}}else if(n instanceof HTMLTableRowElement){const a=n.parentElement;if(a){const i=a.lastElementChild;i&&(r=i)}}return r&&(!x(r)||!E(r))?O(r):r},ae=t=>{const o=t.target;return H(o)},H=t=>{var o;let n;if(t.previousElementSibling)n=t.previousElementSibling;else{const r=(o=t.parentElement)==null?void 0:o.previousElementSibling;n=r==null?void 0:r.lastElementChild}return n&&(!x(n)||!E(n))?H(n):n},le=t=>{const o=t.target;return R(o)},R=t=>{var o;let n;if(t.nextElementSibling)n=t.nextElementSibling;else{const r=(o=t.parentElement)==null?void 0:o.nextElementSibling;n=r==null?void 0:r.firstElementChild}return n&&(!x(n)||!E(n))?R(n):n},ie=t=>{const o=t.target.parentElement,n=o==null?void 0:o.firstElementChild;return n&&(!x(n)||!E(n))?R(n):n},se=t=>{const o=t.target.parentElement,n=o==null?void 0:o.lastElementChild;return n&&(!x(n)||!E(n))?H(n):n},B=["alt","control","shift","meta"],et={ArrowUp:"up",ArrowDown:"down",ArrowLeft:"left",ArrowRight:"right"},de={"keydown.up":t=>{const o=ne(t);o&&(t.preventDefault(),t.stopPropagation(),o.focus())},"keydown.down":t=>{const o=re(t);o&&(t.preventDefault(),t.stopPropagation(),o.focus())},"keydown.left":t=>{const o=ae(t);t.preventDefault(),t.stopPropagation(),o&&o.focus()},"keydown.right":t=>{const o=le(t);t.preventDefault(),t.stopPropagation(),o&&o.focus()},"keydown.control.up":t=>{const o=Qe(t);o&&(t.preventDefault(),t.stopPropagation(),o.focus())},"keydown.control.down":t=>{const o=Ze(t);o&&(t.preventDefault(),t.stopPropagation(),o.focus())},"keydown.control.left":t=>{const o=ie(t);o&&(t.preventDefault(),t.stopPropagation(),o.focus())},"keydown.control.right":t=>{const o=se(t);o&&(t.preventDefault(),t.stopPropagation(),o.focus())},"keydown.end":t=>{const o=se(t);o&&(t.preventDefault(),t.stopPropagation(),o.focus())},"keydown.enter":t=>{if(t.target instanceof HTMLTableCellElement){t.preventDefault(),t.stopPropagation();const o=re(t);o&&o.focus()}},"keydown.shift.enter":t=>{if(t.target instanceof HTMLTableCellElement){t.preventDefault(),t.stopPropagation();const o=ne(t);o&&o.focus()}},"keydown.home":t=>{const o=ie(t);o&&(t.preventDefault(),t.stopPropagation(),o.focus())},"keydown.tab":t=>{const o=le(t);o&&(t.preventDefault(),t.stopPropagation(),o.focus())},"keydown.shift.tab":t=>{const o=ae(t);o&&(t.preventDefault(),t.stopPropagation(),o.focus())}};function tt(t){const o=l=>{let s=null;return l.parent&&(typeof l.parent=="string"?s=document.querySelector(l.parent):l.parent instanceof HTMLElement?s=l.parent:s=l.parent.value),s},n=l=>{var s;const c=o(l);let d=[];if(typeof l.selectors=="string")d=c?Array.from(c.querySelectorAll(l.selectors)):Array.from(document.querySelectorAll(l.selectors));else if(Array.isArray(l.selectors))for(const f of l.selectors)f instanceof HTMLElement?d.push(f):d.push(f.$el);else if(l.selectors instanceof HTMLElement)d.push(l.selectors);else if((s=l.selectors)!=null&&s.value)if(Array.isArray(l.selectors.value))for(const f of l.selectors.value)f instanceof HTMLElement?d.push(f):d.push(f.$el);else d.push(l.selectors.value);return d},r=l=>{const s=o(l);let c=[];return l.selectors?c=n(l):s&&(c=Array.from(s.children).filter(d=>x(d)&&E(d))),c},a=l=>s=>{const c=et[s.key]||s.key.toLowerCase();if(B.includes(c))return;const d=l.handlers||de;for(const f of Object.keys(d)){const[u,...m]=f.split(".");if(u==="keydown"&&m.includes(c)){const p=d[f],h=m.filter(b=>B.includes(b)),g=B.some(b=>{const k=b.charAt(0).toUpperCase()+b.slice(1);return s.getModifierState(k)});if(h.length>0){if(g){for(const b of B)if(m.includes(b)){const k=b.charAt(0).toUpperCase()+b.slice(1);s.getModifierState(k)&&p(s)}}}else g||p(s)}}},i=[];e.onMounted(()=>{for(const l of t){const s=o(l),c=r(l),d=a(l),f=s?[s]:c;for(const u of f){const{focused:m}=Xe(e.ref(u)),p=e.watch(m,h=>{h?u.addEventListener("keydown",d):u.removeEventListener("keydown",d)});i.push(p)}}}),e.onBeforeUnmount(()=>{for(const l of i)l()})}const ot={class:"adatepicker",tabindex:"0",ref:"datepicker"},nt={colspan:"5",tabindex:-1},rt=["onClick","onKeydown"],at=6,ce=7,fe=_(e.defineComponent({__name:"ADatePicker",props:{modelValue:{default:new Date},modelModifiers:{}},emits:["update:modelValue"],setup(t,{expose:o}){const n=e.useModel(t,"modelValue"),r=e.ref(new Date(n.value)),a=e.ref(r.value.getMonth()),i=e.ref(r.value.getFullYear()),l=e.ref([]),s=e.useTemplateRef("datepicker");e.onMounted(async()=>{c(),await e.nextTick();const y=document.getElementsByClassName("selectedDate");if(y.length>0)y[0].focus();else{const v=document.getElementsByClassName("todaysDate");v.length>0&&v[0].focus()}});const c=()=>{l.value=[];const y=new Date(i.value,a.value,1),v=y.getDay(),D=y.setDate(y.getDate()-v);for(const V of Array(43).keys())l.value.push(D+V*864e5)};e.watch([a,i],c);const d=()=>i.value-=1,f=()=>i.value+=1,u=()=>{a.value==0?(a.value=11,d()):a.value-=1},m=()=>{a.value==11?(a.value=0,f()):a.value+=1},p=y=>{const v=new Date;if(a.value===v.getMonth())return v.toDateString()===new Date(y).toDateString()},h=y=>new Date(y).toDateString()===new Date(r.value).toDateString(),g=(y,v)=>(y-1)*ce+v,b=(y,v)=>l.value[g(y,v)],k=y=>{n.value=r.value=new Date(l.value[y])},I=e.computed(()=>new Date(i.value,a.value,1).toLocaleDateString(void 0,{year:"numeric",month:"long"}));return tt([{parent:s,selectors:"td",handlers:{...de,"keydown.pageup":u,"keydown.shift.pageup":d,"keydown.pagedown":m,"keydown.shift.pagedown":f,"keydown.enter":()=>{}}}]),o({currentMonth:a,currentYear:i,selectedDate:r}),(y,v)=>(e.openBlock(),e.createElementBlock("div",ot,[e.createElementVNode("table",null,[e.createElementVNode("tbody",null,[e.createElementVNode("tr",null,[e.createElementVNode("td",{id:"previous-month-btn",onClick:u,tabindex:-1},"<"),e.createElementVNode("th",nt,e.toDisplayString(I.value),1),e.createElementVNode("td",{id:"next-month-btn",onClick:m,tabindex:-1},">")]),v[0]||(v[0]=e.createElementVNode("tr",{class:"days-header"},[e.createElementVNode("td",null,"M"),e.createElementVNode("td",null,"T"),e.createElementVNode("td",null,"W"),e.createElementVNode("td",null,"T"),e.createElementVNode("td",null,"F"),e.createElementVNode("td",null,"S"),e.createElementVNode("td",null,"S")],-1)),(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(at,D=>e.createElementVNode("tr",{key:D},[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(ce,V=>e.createElementVNode("td",{ref_for:!0,ref:"celldate",key:g(D,V),contenteditable:!1,spellcheck:!1,tabindex:0,onClick:e.withModifiers(Wt=>k(g(D,V)),["prevent","stop"]),onKeydown:e.withKeys(Wt=>k(g(D,V)),["enter"]),class:e.normalizeClass({todaysDate:p(b(D,V)),selectedDate:h(b(D,V))})},e.toDisplayString(new Date(b(D,V)).getDate()),43,rt)),64))])),64))])])],512))}}),[["__scopeId","data-v-f49cfd40"]]),lt=_(e.defineComponent({__name:"CollapseButton",props:{collapsed:{type:Boolean}},setup(t){return(o,n)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["collapse-button",o.collapsed?"rotated":"unrotated"])},"×",2))}}),[["__scopeId","data-v-6f1c1b45"]]),it={class:"aform"},q=_(e.defineComponent({__name:"AForm",props:{modelValue:{},data:{},readonly:{type:Boolean}},emits:["update:modelValue"],setup(t,{emit:o}){const n=o,r=e.ref(t.data||{}),a=l=>{let s={};for(const[c,d]of Object.entries(l))["component","fieldtype"].includes(c)||(s[c]=d),c==="rows"&&d&&d.length===0&&(s.rows=r.value[l.fieldname]);return s},i=e.computed({get:()=>t.modelValue.map((l,s)=>e.computed({get(){return l.value},set:c=>{t.modelValue[s].value=c,n("update:modelValue",t.modelValue)}})),set:()=>{}});return(l,s)=>(e.openBlock(),e.createElementBlock("form",it,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.modelValue,(c,d)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(c.component),e.mergeProps({key:d,schema:c,modelValue:i.value[d].value,"onUpdate:modelValue":f=>i.value[d].value=f,data:r.value[c.fieldname],readonly:l.readonly,ref_for:!0},a(c)),null,16,["schema","modelValue","onUpdate:modelValue","data","readonly"]))),128))]))}}),[["__scopeId","data-v-68845234"]]),me=_(e.defineComponent({__name:"AFieldset",props:{schema:{},label:{},collapsible:{type:Boolean},data:{}},setup(t,{expose:o}){const n=e.ref(!1),r=e.ref(t.data||[]),a=e.ref(t.schema),i=l=>{l.preventDefault(),t.collapsible&&(n.value=!n.value)};return o({collapsed:n}),(l,s)=>(e.openBlock(),e.createElementBlock("fieldset",null,[e.createElementVNode("legend",{onClick:i,onSubmit:i},[e.createTextVNode(e.toDisplayString(l.label)+" ",1),l.collapsible?(e.openBlock(),e.createBlock(lt,{key:0,collapsed:n.value},null,8,["collapsed"])):e.createCommentVNode("",!0)],32),e.renderSlot(l.$slots,"default",{collapsed:n.value},()=>[e.withDirectives(e.createVNode(q,{modelValue:a.value,"onUpdate:modelValue":s[0]||(s[0]=c=>a.value=c),data:r.value},null,8,["modelValue","data"]),[[e.vShow,!n.value]])],!0)]))}}),[["__scopeId","data-v-e7ea7e12"]]);function st(t){return e.getCurrentScope()?(e.onScopeDispose(t),!0):!1}function ue(){const t=new Set,o=a=>{t.delete(a)};return{on:a=>{t.add(a);const i=()=>o(a);return st(i),{off:i}},off:o,trigger:(...a)=>Promise.all(Array.from(t).map(i=>i(...a)))}}const dt=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const ct=(t,o)=>Object.prototype.hasOwnProperty.call(t,o),ft=dt?window.document:void 0,mt={multiple:!0,accept:"*",reset:!1,directory:!1};function ut(t={}){const{document:o=ft}=t,n=e.ref(null),{on:r,trigger:a}=ue(),{on:i,trigger:l}=ue();let s;o&&(s=o.createElement("input"),s.type="file",s.onchange=f=>{const u=f.target;n.value=u.files,a(n.value)},s.oncancel=()=>{l()});const c=()=>{n.value=null,s&&s.value&&(s.value="",a(null))},d=f=>{if(!s)return;const u={...mt,...t,...f};s.multiple=u.multiple,s.accept=u.accept,s.webkitdirectory=u.directory,ct(u,"capture")&&(s.capture=u.capture),u.reset&&c(),s.click()};return{files:e.readonly(n),open:d,reset:c,onCancel:i,onChange:r}}const pt={class:"aform_form-element aform_file-attach aform__grid--full"},gt={key:0,class:"aform_file-attach-feedback"},bt=["disabled"],pe=_(e.defineComponent({__name:"AFileAttach",props:{label:{}},setup(t){const{files:o,open:n,reset:r,onChange:a}=ut(),i=e.computed(()=>`${o.value.length} ${o.value.length===1?"file":"files"}`);return a(l=>l),(l,s)=>(e.openBlock(),e.createElementBlock("div",pt,[e.unref(o)?(e.openBlock(),e.createElementBlock("div",gt,[e.createElementVNode("p",null,[s[2]||(s[2]=e.createTextVNode(" You have selected: ")),e.createElementVNode("b",null,e.toDisplayString(i.value),1)]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(o),c=>(e.openBlock(),e.createElementBlock("li",{key:c.name},e.toDisplayString(c.name),1))),128))])):e.createCommentVNode("",!0),e.createElementVNode("button",{type:"button",onClick:s[0]||(s[0]=c=>e.unref(n)()),class:"aform_form-btn"},e.toDisplayString(l.label),1),e.createElementVNode("button",{type:"button",disabled:!e.unref(o),onClick:s[1]||(s[1]=c=>e.unref(r)()),class:"aform_form-btn"},"Reset",8,bt)]))}}),[["__scopeId","data-v-0b3a11cc"]]),ht={class:"aform_form-element"},yt=["id","disabled","required"],kt=["for"],wt=["innerHTML"],ge=e.defineComponent({__name:"ANumericInput",props:e.mergeModels({schema:{},label:{},mask:{},required:{type:Boolean},readonly:{type:Boolean},uuid:{},validation:{default:()=>({errorMessage:" "})}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const o=e.useModel(t,"modelValue");return(n,r)=>(e.openBlock(),e.createElementBlock("div",ht,[e.withDirectives(e.createElementVNode("input",{class:"aform_input-field","onUpdate:modelValue":r[0]||(r[0]=a=>o.value=a),type:"number",id:n.uuid,disabled:n.readonly,required:n.required},null,8,yt),[[e.vModelText,o.value]]),e.createElementVNode("label",{class:"aform_field-label",for:n.uuid},e.toDisplayString(n.label),9,kt),e.withDirectives(e.createElementVNode("p",{class:"aform_error",innerHTML:n.validation.errorMessage},null,8,wt),[[e.vShow,n.validation.errorMessage]])]))}}),be={date:"##/##/####",datetime:"####/##/## ##:##",time:"##:##",fulltime:"##:##:##",phone:"(###) ### - ####",card:"#### #### #### ####"};function vt(t){try{return Function(`"use strict";return (${t})`)()}catch{}}function _t(t){var n,r,a;let o=t.value;if(o){const i=vt(o);if(i){const l=(n=t.instance)==null?void 0:n.locale;o=i(l)}}else{const i=(r=t.instance)==null?void 0:r.schema,l=(a=i==null?void 0:i.fieldtype)==null?void 0:a.toLowerCase();l&&be[l]&&(o=be[l])}return o}function Et(t,o){let n=t;const r=[o,"/","-","(",")"," "];for(const a of r)n=n.replaceAll(a,"");return n}function xt(t,o,n){let r=o;for(const a of t){const i=r.indexOf(n);if(i!==-1){const l=r.substring(0,i),s=r.substring(i+1);r=l+a+s}}return r.slice(0,o.length)}function Dt(t,o){var l;const n=_t(o);if(!n)return;const r="#",a=t.value,i=Et(a,r);if(i){const s=xt(i,n,r);(l=o.instance)!=null&&l.maskFilled&&(o.instance.maskFilled=!s.includes(r)),t.value=s}else t.value=n}const Vt={class:"aform_form-element"},At=["id","disabled","maxlength","required"],Mt=["for"],Ct=["innerHTML"],he=e.defineComponent({__name:"ATextInput",props:e.mergeModels({schema:{},label:{},mask:{},required:{type:Boolean},readonly:{type:Boolean},uuid:{},validation:{default:()=>({errorMessage:" "})}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const o=e.ref(!0),n=e.useModel(t,"modelValue");return(r,a)=>(e.openBlock(),e.createElementBlock("div",Vt,[e.withDirectives(e.createElementVNode("input",{class:"aform_input-field","onUpdate:modelValue":a[0]||(a[0]=i=>n.value=i),id:r.uuid,disabled:r.readonly,maxlength:r.mask?o.value&&r.mask.length:void 0,required:r.required},null,8,At),[[e.vModelText,n.value],[e.unref(Dt),r.mask]]),e.createElementVNode("label",{class:"aform_field-label",for:r.uuid},e.toDisplayString(r.label),9,Mt),e.withDirectives(e.createElementVNode("p",{class:"aform_error",innerHTML:r.validation.errorMessage},null,8,Ct),[[e.vShow,r.validation.errorMessage]])]))}}),St={class:"login-container"},Tt={class:"account-container"},It={class:"account-header"},Nt={id:"account-title"},Bt={id:"account-subtitle"},$t={class:"login-form-container"},Lt={class:"login-form-email aform_form-element"},Pt=["disabled"],Ft={class:"login-form-password aform_form-element"},Ot=["disabled"],zt=["disabled"],Ht={key:0,class:"material-symbols-outlined loading-icon"},Rt=_(e.defineComponent({__name:"Login",props:{headerTitle:{default:"Login"},headerSubtitle:{default:"Enter your email and password to login"}},emits:["loginFailed","loginSuccess"],setup(t,{emit:o}){const n=o,r=e.ref(""),a=e.ref(""),i=e.ref(!1),l=e.ref(!1);function s(c){if(c.preventDefault(),i.value=!0,l.value){i.value=!1,n("loginFailed");return}i.value=!1,n("loginSuccess")}return(c,d)=>(e.openBlock(),e.createElementBlock("div",St,[e.createElementVNode("div",null,[e.createElementVNode("div",Tt,[e.createElementVNode("div",It,[e.createElementVNode("h1",Nt,e.toDisplayString(c.headerTitle),1),e.createElementVNode("p",Bt,e.toDisplayString(c.headerSubtitle),1)]),e.createElementVNode("form",{onSubmit:s},[e.createElementVNode("div",$t,[e.createElementVNode("div",Lt,[d[2]||(d[2]=e.createElementVNode("label",{id:"login-email",for:"email",class:"aform_field-label"},"Email",-1)),e.withDirectives(e.createElementVNode("input",{id:"email",class:"aform_input-field",name:"email",placeholder:"name@example.com",type:"email","onUpdate:modelValue":d[0]||(d[0]=f=>r.value=f),"auto-capitalize":"none","auto-complete":"email","auto-correct":"off",disabled:i.value},null,8,Pt),[[e.vModelText,r.value]])]),e.createElementVNode("div",Ft,[d[3]||(d[3]=e.createElementVNode("label",{id:"login-password",for:"password",class:"aform_field-label"},"Password",-1)),e.withDirectives(e.createElementVNode("input",{id:"password",class:"aform_input-field",name:"password",type:"password","onUpdate:modelValue":d[1]||(d[1]=f=>a.value=f),disabled:i.value},null,8,Ot),[[e.vModelText,a.value]])]),e.createElementVNode("button",{class:"btn",onClick:s,disabled:i.value||!r.value||!a.value},[i.value?(e.openBlock(),e.createElementBlock("span",Ht,"progress_activity")):e.createCommentVNode("",!0),d[4]||(d[4]=e.createElementVNode("span",{id:"login-form-button"},"Login",-1))],8,zt)])],32),d[5]||(d[5]=e.createElementVNode("button",{class:"btn"},[e.createElementVNode("span",{id:"forgot-password-button"},"Forgot password?")],-1))])])]))}}),[["__scopeId","data-v-6cbd3add"]]);function qt(t){t.component("ACheckbox",U),t.component("ACombobox",j),t.component("ADate",Y),t.component("ADropdown",te),t.component("ADatePicker",fe),t.component("AFieldset",me),t.component("AFileAttach",pe),t.component("AForm",q),t.component("ANumericInput",ge),t.component("ATextInput",he)}w.ACheckbox=U,w.AComboBox=j,w.ADate=Y,w.ADatePicker=fe,w.ADropdown=te,w.AFieldset=me,w.AFileAttach=pe,w.AForm=q,w.ANumericInput=ge,w.ATextInput=he,w.Login=Rt,w.install=qt,Object.defineProperty(w,Symbol.toStringTag,{value:"Module"})});
|
|
3
3
|
//# sourceMappingURL=aform.umd.cjs.map
|