@stonecrop/aform 0.4.35 → 0.4.36
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 +238 -239
- package/dist/aform.js.map +1 -1
- package/dist/aform.tsbuildinfo +1 -1
- package/dist/aform.umd.cjs +2 -2
- package/dist/aform.umd.cjs.map +1 -1
- package/package.json +10 -10
package/dist/aform.tsbuildinfo
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":"5.
|
|
1
|
+
{"version":"5.9.3"}
|
package/dist/aform.umd.cjs
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
(function(y,
|
|
2
|
-
/*$vite$:1*/`,document.head.appendChild(G);const ye={class:"aform_form-element"},ke=["for"],ve={class:"aform_checkbox-container aform_input-field"},Ee=["id","readonly","required"],_e=["innerHTML"],xe=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",ye,[e.createElementVNode("label",{class:"aform_field-label",for:n.uuid},e.toDisplayString(n.label),9,ke),e.createElementVNode("span",ve,[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":a[0]||(a[0]=l=>o.value=l),type:"checkbox",id:n.uuid,class:"aform_checkbox",readonly:n.readonly,required:n.required},null,8,Ee),[[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[a,l]of o)n[a]=l;return n},X=_(xe,[["__scopeId","data-v-9f382ad4"]]),J=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,__:[0]},8,["event","cellData"])}}}),Ve=["id","disabled","required"],De=["for"],Me=["innerHTML"],Q=_(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:l=>new Date(l).toISOString().split("T")[0]}),n=e.useTemplateRef("date"),a=()=>{n.value&&"showPicker"in HTMLInputElement.prototype&&n.value.showPicker()};return(l,d)=>(e.openBlock(),e.createElementBlock("div",null,[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":d[0]||(d[0]=s=>o.value=s),ref:"date",type:"date",id:l.uuid,disabled:l.readonly,required:l.required,onClick:a},null,8,Ve),[[e.vModelText,o.value]]),e.createElementVNode("label",{for:l.uuid},e.toDisplayString(l.label),9,De),e.withDirectives(e.createElementVNode("p",{innerHTML:l.validation.errorMessage},null,8,Me),[[e.vShow,l.validation.errorMessage]])]))}}),[["__scopeId","data-v-280b3d1a"]]);function L(t){return e.getCurrentScope()?(e.onScopeDispose(t),!0):!1}function Z(){const t=new Set,o=d=>{t.delete(d)};return{on:d=>{t.add(d);const s=()=>o(d);return L(s),{off:s}},off:o,trigger:(...d)=>Promise.all(Array.from(t).map(s=>s(...d))),clear:()=>{t.clear()}}}const F=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const Ce=Object.prototype.toString,Ae=t=>Ce.call(t)==="[object Object]",C=()=>{},Se=(t,o)=>Object.prototype.hasOwnProperty.call(t,o),P=Te();function Te(){var t,o;return F&&((t=window?.navigator)==null?void 0:t.userAgent)&&(/iP(?:ad|hone|od)/.test(window.navigator.userAgent)||((o=window?.navigator)==null?void 0:o.maxTouchPoints)>2&&/iPad|Macintosh/.test(window?.navigator.userAgent))}function Ie(...t){if(t.length!==1)return e.toRef(...t);const o=t[0];return typeof o=="function"?e.readonly(e.customRef(()=>({get:o,set:C}))):e.ref(o)}function O(t){return Array.isArray(t)?t:[t]}function Ne(t,o,n){return e.watch(t,o,{...n,immediate:!0})}const Be=F?window.document:void 0;function $e(t){var o;const n=e.toValue(t);return(o=n?.$el)!=null?o:n}const Le={multiple:!0,accept:"*",reset:!1,directory:!1};function Fe(t){if(!t)return null;if(t instanceof FileList)return t;const o=new DataTransfer;for(const n of t)o.items.add(n);return o.files}function Pe(t={}){const{document:o=Be}=t,n=e.ref(Fe(t.initialFiles)),{on:a,trigger:l}=Z(),{on:d,trigger:s}=Z(),r=e.computed(()=>{var g;const u=(g=$e(t.input))!=null?g:o?o.createElement("input"):void 0;return u&&(u.type="file",u.onchange=p=>{const w=p.target;n.value=w.files,l(n.value)},u.oncancel=()=>{s()}),u}),i=()=>{n.value=null,r.value&&r.value.value&&(r.value.value="",l(null))},c=g=>{const u=r.value;u&&(u.multiple=e.toValue(g.multiple),u.accept=e.toValue(g.accept),u.webkitdirectory=e.toValue(g.directory),Se(g,"capture")&&(u.capture=e.toValue(g.capture)))},f=g=>{const u=r.value;if(!u)return;const p={...Le,...t,...g};c(p),e.toValue(p.reset)&&i(),u.click()};return e.watchEffect(()=>{c(t)}),{files:e.readonly(n),open:f,reset:i,onCancel:d,onChange:a}}const ee=F?window:void 0;function T(t){var o;const n=e.toValue(t);return(o=n?.$el)!=null?o:n}function N(...t){const o=[],n=()=>{o.forEach(r=>r()),o.length=0},a=(r,i,c,f)=>(r.addEventListener(i,c,f),()=>r.removeEventListener(i,c,f)),l=e.computed(()=>{const r=O(e.toValue(t[0])).filter(i=>i!=null);return r.every(i=>typeof i!="string")?r:void 0}),d=Ne(()=>{var r,i;return[(i=(r=l.value)==null?void 0:r.map(c=>T(c)))!=null?i:[ee].filter(c=>c!=null),O(e.toValue(l.value?t[1]:t[0])),O(e.unref(l.value?t[2]:t[1])),e.toValue(l.value?t[3]:t[2])]},([r,i,c,f])=>{if(n(),!r?.length||!i?.length||!c?.length)return;const g=Ae(f)?{...f}:f;o.push(...r.flatMap(u=>i.flatMap(p=>c.map(w=>a(u,p,w,g)))))},{flush:"post"}),s=()=>{d(),n()};return L(n),s}let te=!1;function oe(t,o,n={}){const{window:a=ee,ignore:l=[],capture:d=!0,detectIframe:s=!1,controls:r=!1}=n;if(!a)return r?{stop:C,cancel:C,trigger:C}:C;if(P&&!te){te=!0;const m={passive:!0};Array.from(a.document.body.children).forEach(b=>b.addEventListener("click",C,m)),a.document.documentElement.addEventListener("click",C,m)}let i=!0;const c=m=>e.toValue(l).some(b=>{if(typeof b=="string")return Array.from(a.document.querySelectorAll(b)).some(v=>v===m.target||m.composedPath().includes(v));{const v=T(b);return v&&(m.target===v||m.composedPath().includes(v))}});function f(m){const b=e.toValue(m);return b&&b.$.subTree.shapeFlag===16}function g(m,b){const v=e.toValue(m),h=v.$.subTree&&v.$.subTree.children;return h==null||!Array.isArray(h)?!1:h.some(k=>k.el===b.target||b.composedPath().includes(k.el))}const u=m=>{const b=T(t);if(m.target!=null&&!(!(b instanceof Element)&&f(t)&&g(t,m))&&!(!b||b===m.target||m.composedPath().includes(b))){if("detail"in m&&m.detail===0&&(i=!c(m)),!i){i=!0;return}o(m)}};let p=!1;const w=[N(a,"click",m=>{p||(p=!0,setTimeout(()=>{p=!1},0),u(m))},{passive:!0,capture:d}),N(a,"pointerdown",m=>{const b=T(t);i=!c(m)&&!!(b&&!m.composedPath().includes(b))},{passive:!0}),s&&N(a,"blur",m=>{setTimeout(()=>{var b;const v=T(t);((b=a.document.activeElement)==null?void 0:b.tagName)==="IFRAME"&&!v?.contains(a.document.activeElement)&&o(m)},0)},{passive:!0})].filter(Boolean),E=()=>w.forEach(m=>m());return r?{stop:E,cancel:()=>{i=!1},trigger:m=>{i=!0,u(m),i=!1}}:E}const z=new WeakMap,Oe={mounted(t,o){const n=!o.modifiers.bubble;let a;if(typeof o.value=="function")a=oe(t,o.value,{capture:n});else{const[l,d]=o.value;a=oe(t,l,Object.assign({capture:n},d))}z.set(t,a)},unmounted(t){const o=z.get(t);o&&typeof o=="function"?o():o?.stop(),z.delete(t)}};function R(t){return typeof Window<"u"&&t instanceof Window?t.document.documentElement:typeof Document<"u"&&t instanceof Document?t.documentElement:t}function ne(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:ne(n)}}function ze(t){const o=t||window.event,n=o.target;return ne(n)?!1:o.touches.length>1?!0:(o.preventDefault&&o.preventDefault(),!1)}const H=new WeakMap;function Re(t,o=!1){const n=e.shallowRef(o);let a=null,l="";e.watch(Ie(t),r=>{const i=R(e.toValue(r));if(i){const c=i;if(H.get(c)||H.set(c,c.style.overflow),c.style.overflow!=="hidden"&&(l=c.style.overflow),c.style.overflow==="hidden")return n.value=!0;if(n.value)return c.style.overflow="hidden"}},{immediate:!0});const d=()=>{const r=R(e.toValue(t));!r||n.value||(P&&(a=N(r,"touchmove",i=>{ze(i)},{passive:!1})),r.style.overflow="hidden",n.value=!0)},s=()=>{const r=R(e.toValue(t));!r||!n.value||(P&&a?.(),r.style.overflow=l,H.delete(r),n.value=!1)};return L(s),e.computed({get(){return n.value},set(r){r?d():s()}})}function He(){let t=!1;const o=e.shallowRef(!1);return(n,a)=>{if(o.value=a.value,t)return;t=!0;const l=Re(n,a.value);e.watch(o,d=>l.value=d)}}He();const qe={class:"input-wrapper"},We={id:"autocomplete-results",class:"autocomplete-results"},Ue={key:0,class:"loading autocomplete-result"},je=["onClick"],ae=_(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}),a=()=>r(),l=async()=>{if(n.open=!0,t.filterFunction){t.isAsync&&(n.loading=!0);try{const u=await t.filterFunction(o.value||"");n.results=u}catch{n.results=[]}finally{t.isAsync&&(n.loading=!1)}}else i()},d=u=>{o.value=u,r(u)},s=()=>{n.activeItemIndex=t.isAsync?null:o.value&&t.items?.indexOf(o.value)||null,n.open=!0,n.results=t.isAsync?[]:t.items},r=u=>{n.activeItemIndex=null,n.open=!1,t.items?.includes(u||o.value||"")||(o.value="")},i=()=>{o.value?n.results=t.items?.filter(u=>u.toLowerCase().includes((o.value??"").toLowerCase())):n.results=t.items},c=()=>{const u=n.results?.length||0;if(n.activeItemIndex!=null){const p=isNaN(n.activeItemIndex)?0:n.activeItemIndex;n.activeItemIndex=(p+1)%u}else n.activeItemIndex=0},f=()=>{const u=n.results?.length||0;if(n.activeItemIndex!=null){const p=isNaN(n.activeItemIndex)?0:n.activeItemIndex;n.activeItemIndex=(p-1+u)%u}else n.activeItemIndex=u-1},g=()=>{if(n.results){const u=n.activeItemIndex||0,p=n.results[u];d(p)}n.activeItemIndex=0};return(u,p)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["autocomplete",{isOpen:n.open}])},[e.createElementVNode("div",qe,[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":p[0]||(p[0]=w=>o.value=w),type:"text",onInput:l,onFocus:s,onKeydown:[e.withKeys(c,["down"]),e.withKeys(f,["up"]),e.withKeys(g,["enter"]),e.withKeys(a,["esc"]),e.withKeys(a,["tab"])]},null,544),[[e.vModelText,o.value]]),e.withDirectives(e.createElementVNode("ul",We,[n.loading?(e.openBlock(),e.createElementBlock("li",Ue,"Loading results...")):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(n.results,(w,E)=>(e.openBlock(),e.createElementBlock("li",{key:w,onClick:e.withModifiers(m=>d(w),["stop"]),class:e.normalizeClass(["autocomplete-result",{"is-active":E===n.activeItemIndex}])},e.toDisplayString(w),11,je))),128))],512),[[e.vShow,n.open]]),e.createElementVNode("label",null,e.toDisplayString(u.label),1)])],2)),[[e.unref(Oe),a]])}}),[["__scopeId","data-v-16c329d1"]]);function q(t){return e.getCurrentScope()?(e.onScopeDispose(t),!0):!1}const Ye=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const Ke=t=>t!=null,Ge=Object.prototype.toString,Xe=t=>Ge.call(t)==="[object Object]",Je=()=>{};function B(t){return Array.isArray(t)?t:[t]}function Qe(t,o,n){return e.watch(t,o,{...n,immediate:!0})}const A=Ye?window:void 0;function S(t){var o;const n=e.toValue(t);return(o=n?.$el)!=null?o:n}function I(...t){const o=[],n=()=>{o.forEach(r=>r()),o.length=0},a=(r,i,c,f)=>(r.addEventListener(i,c,f),()=>r.removeEventListener(i,c,f)),l=e.computed(()=>{const r=B(e.toValue(t[0])).filter(i=>i!=null);return r.every(i=>typeof i!="string")?r:void 0}),d=Qe(()=>{var r,i;return[(i=(r=l.value)==null?void 0:r.map(c=>S(c)))!=null?i:[A].filter(c=>c!=null),B(e.toValue(l.value?t[1]:t[0])),B(e.unref(l.value?t[2]:t[1])),e.toValue(l.value?t[3]:t[2])]},([r,i,c,f])=>{if(n(),!r?.length||!i?.length||!c?.length)return;const g=Xe(f)?{...f}:f;o.push(...r.flatMap(u=>i.flatMap(p=>c.map(w=>a(u,p,w,g)))))},{flush:"post"}),s=()=>{d(),n()};return q(n),s}function Ze(){const t=e.shallowRef(!1),o=e.getCurrentInstance();return o&&e.onMounted(()=>{t.value=!0},o),t}function et(t){const o=Ze();return e.computed(()=>(o.value,!!t()))}function tt(t,o,n={}){const{window:a=A,...l}=n;let d;const s=et(()=>a&&"MutationObserver"in a),r=()=>{d&&(d.disconnect(),d=void 0)},i=e.computed(()=>{const u=e.toValue(t),p=B(u).map(S).filter(Ke);return new Set(p)}),c=e.watch(()=>i.value,u=>{r(),s.value&&u.size&&(d=new MutationObserver(o),u.forEach(p=>d.observe(p,l)))},{immediate:!0,flush:"post"}),f=()=>d?.takeRecords(),g=()=>{c(),r()};return q(g),{isSupported:s,stop:g,takeRecords:f}}function ot(t,o,n={}){const{window:a=A,document:l=a?.document,flush:d="sync"}=n;if(!a||!l)return Je;let s;const r=f=>{s?.(),s=f},i=e.watchEffect(()=>{const f=S(t);if(f){const{stop:g}=tt(l,u=>{u.map(p=>[...p.removedNodes]).flat().some(p=>p===f||p.contains(f))&&o(u)},{window:a,childList:!0,subtree:!0});r(g)}},{flush:d}),c=()=>{i(),r()};return q(c),c}function nt(t={}){var o;const{window:n=A,deep:a=!0,triggerOnRemoval:l=!1}=t,d=(o=t.document)!=null?o:n?.document,s=()=>{var c;let f=d?.activeElement;if(a)for(;f?.shadowRoot;)f=(c=f?.shadowRoot)==null?void 0:c.activeElement;return f},r=e.shallowRef(),i=()=>{r.value=s()};if(n){const c={capture:!0,passive:!0};I(n,"blur",f=>{f.relatedTarget===null&&i()},c),I(n,"focus",i,c)}return l&&ot(r,i,{document:d}),i(),r}const at="focusin",rt="focusout",lt=":focus-within";function it(t,o={}){const{window:n=A}=o,a=e.computed(()=>S(t)),l=e.shallowRef(!1),d=e.computed(()=>l.value);if(!n||!nt(o).value)return{focused:d};const s={passive:!0};return I(a,at,()=>l.value=!0,s),I(a,rt,()=>{var r,i,c;return l.value=(c=(i=(r=a.value)==null?void 0:r.matches)==null?void 0:i.call(r,lt))!=null?c:!1},s),{focused:d}}function st(t,{window:o=A,scrollTarget:n}={}){const a=e.ref(!1),l=()=>{if(!o)return;const d=o.document,s=S(t);if(!s)a.value=!1;else{const r=s.getBoundingClientRect();a.value=r.top<=(o.innerHeight||d.documentElement.clientHeight)&&r.left<=(o.innerWidth||d.documentElement.clientWidth)&&r.bottom>=0&&r.right>=0}};return e.watch(()=>S(t),()=>l(),{immediate:!0,flush:"post"}),o&&I(n||o,"scroll",l,{capture:!1,passive:!0}),a}const x=t=>{let o=st(t).value;return o=o&&t.offsetHeight>0,o},V=t=>t.tabIndex>=0,re=t=>{const o=t.target;return W(o)},W=t=>{let o;if(t instanceof HTMLTableCellElement){const n=t.parentElement?.previousElementSibling;if(n){const a=Array.from(n.children)[t.cellIndex];a&&(o=a)}}else if(t instanceof HTMLTableRowElement){const n=t.previousElementSibling;n&&(o=n)}return o&&(!V(o)||!x(o))?W(o):o},ct=t=>{const o=t.target;let n;if(o instanceof HTMLTableCellElement){const a=o.parentElement?.parentElement;if(a){const l=a.firstElementChild?.children[o.cellIndex];l&&(n=l)}}else if(o instanceof HTMLTableRowElement){const a=o.parentElement;if(a){const l=a.firstElementChild;l&&(n=l)}}return n&&(!V(n)||!x(n))?U(n):n},le=t=>{const o=t.target;return U(o)},U=t=>{let o;if(t instanceof HTMLTableCellElement){const n=t.parentElement?.nextElementSibling;if(n){const a=Array.from(n.children)[t.cellIndex];a&&(o=a)}}else if(t instanceof HTMLTableRowElement){const n=t.nextElementSibling;n&&(o=n)}return o&&(!V(o)||!x(o))?U(o):o},dt=t=>{const o=t.target;let n;if(o instanceof HTMLTableCellElement){const a=o.parentElement?.parentElement;if(a){const l=a.lastElementChild?.children[o.cellIndex];l&&(n=l)}}else if(o instanceof HTMLTableRowElement){const a=o.parentElement;if(a){const l=a.lastElementChild;l&&(n=l)}}return n&&(!V(n)||!x(n))?W(n):n},ie=t=>{const o=t.target;return j(o)},j=t=>{let o;return t.previousElementSibling?o=t.previousElementSibling:o=t.parentElement?.previousElementSibling?.lastElementChild,o&&(!V(o)||!x(o))?j(o):o},se=t=>{const o=t.target;return Y(o)},Y=t=>{let o;return t.nextElementSibling?o=t.nextElementSibling:o=t.parentElement?.nextElementSibling?.firstElementChild,o&&(!V(o)||!x(o))?Y(o):o},ce=t=>{const o=t.target.parentElement?.firstElementChild;return o&&(!V(o)||!x(o))?Y(o):o},de=t=>{const o=t.target.parentElement?.lastElementChild;return o&&(!V(o)||!x(o))?j(o):o},$=["alt","control","shift","meta"],ut={ArrowUp:"up",ArrowDown:"down",ArrowLeft:"left",ArrowRight:"right"},ue={"keydown.up":t=>{const o=re(t);o&&(t.preventDefault(),t.stopPropagation(),o.focus())},"keydown.down":t=>{const o=le(t);o&&(t.preventDefault(),t.stopPropagation(),o.focus())},"keydown.left":t=>{const o=ie(t);t.preventDefault(),t.stopPropagation(),o&&o.focus()},"keydown.right":t=>{const o=se(t);t.preventDefault(),t.stopPropagation(),o&&o.focus()},"keydown.control.up":t=>{const o=ct(t);o&&(t.preventDefault(),t.stopPropagation(),o.focus())},"keydown.control.down":t=>{const o=dt(t);o&&(t.preventDefault(),t.stopPropagation(),o.focus())},"keydown.control.left":t=>{const o=ce(t);o&&(t.preventDefault(),t.stopPropagation(),o.focus())},"keydown.control.right":t=>{const o=de(t);o&&(t.preventDefault(),t.stopPropagation(),o.focus())},"keydown.end":t=>{const o=de(t);o&&(t.preventDefault(),t.stopPropagation(),o.focus())},"keydown.enter":t=>{if(t.target instanceof HTMLTableCellElement){t.preventDefault(),t.stopPropagation();const o=le(t);o&&o.focus()}},"keydown.shift.enter":t=>{if(t.target instanceof HTMLTableCellElement){t.preventDefault(),t.stopPropagation();const o=re(t);o&&o.focus()}},"keydown.home":t=>{const o=ce(t);o&&(t.preventDefault(),t.stopPropagation(),o.focus())},"keydown.tab":t=>{const o=se(t);o&&(t.preventDefault(),t.stopPropagation(),o.focus())},"keydown.shift.tab":t=>{const o=ie(t);o&&(t.preventDefault(),t.stopPropagation(),o.focus())}};function ft(t){const o=s=>{let r=null;return s.parent&&(typeof s.parent=="string"?r=document.querySelector(s.parent):s.parent instanceof HTMLElement?r=s.parent:r=s.parent.value),r},n=s=>{const r=o(s);let i=[];if(typeof s.selectors=="string")i=r?Array.from(r.querySelectorAll(s.selectors)):Array.from(document.querySelectorAll(s.selectors));else if(Array.isArray(s.selectors))for(const c of s.selectors)c instanceof HTMLElement?i.push(c):i.push(c.$el);else if(s.selectors instanceof HTMLElement)i.push(s.selectors);else if(s.selectors?.value)if(Array.isArray(s.selectors.value))for(const c of s.selectors.value)c instanceof HTMLElement?i.push(c):i.push(c.$el);else i.push(s.selectors.value);return i},a=s=>{const r=o(s);let i=[];return s.selectors?i=n(s):r&&(i=Array.from(r.children).filter(c=>V(c)&&x(c))),i},l=s=>r=>{const i=ut[r.key]||r.key.toLowerCase();if($.includes(i))return;const c=s.handlers||ue;for(const f of Object.keys(c)){const[g,...u]=f.split(".");if(g==="keydown"&&u.includes(i)){const p=c[f],w=u.filter(m=>$.includes(m)),E=$.some(m=>{const b=m.charAt(0).toUpperCase()+m.slice(1);return r.getModifierState(b)});if(w.length>0){if(E){for(const m of $)if(u.includes(m)){const b=m.charAt(0).toUpperCase()+m.slice(1);r.getModifierState(b)&&p(r)}}}else E||p(r)}}},d=[];e.onMounted(()=>{for(const s of t){const r=o(s),i=a(s),c=l(s),f=r?[r]:i;for(const g of f){const{focused:u}=it(e.ref(g)),p=e.watch(u,w=>{w?g.addEventListener("keydown",c):g.removeEventListener("keydown",c)});d.push(p)}}}),e.onBeforeUnmount(()=>{for(const s of d)s()})}const mt={class:"adatepicker",tabindex:"0",ref:"datepicker"},pt={colspan:"5",tabindex:-1},gt=["onClick","onKeydown"],bt=6,fe=7,me=_(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)),l=e.ref(a.value.getMonth()),d=e.ref(a.value.getFullYear()),s=e.ref([]),r=e.useTemplateRef("datepicker");e.onMounted(async()=>{i(),await e.nextTick();const h=document.getElementsByClassName("selectedDate");if(h.length>0)h[0].focus();else{const k=document.getElementsByClassName("todaysDate");k.length>0&&k[0].focus()}});const i=()=>{s.value=[];const h=new Date(d.value,l.value,1),k=h.getDay(),D=h.setDate(h.getDate()-k);for(const M of Array(43).keys())s.value.push(D+M*864e5)};e.watch([l,d],i);const c=()=>d.value-=1,f=()=>d.value+=1,g=()=>{l.value==0?(l.value=11,c()):l.value-=1},u=()=>{l.value==11?(l.value=0,f()):l.value+=1},p=h=>{const k=new Date;if(l.value===k.getMonth())return k.toDateString()===new Date(h).toDateString()},w=h=>new Date(h).toDateString()===new Date(a.value).toDateString(),E=(h,k)=>(h-1)*fe+k,m=(h,k)=>s.value[E(h,k)],b=h=>{n.value=a.value=new Date(s.value[h])},v=e.computed(()=>new Date(d.value,l.value,1).toLocaleDateString(void 0,{year:"numeric",month:"long"}));return ft([{parent:r,selectors:"td",handlers:{...ue,"keydown.pageup":g,"keydown.shift.pageup":c,"keydown.pagedown":u,"keydown.shift.pagedown":f,"keydown.enter":()=>{}}}]),o({currentMonth:l,currentYear:d,selectedDate:a}),(h,k)=>(e.openBlock(),e.createElementBlock("div",mt,[e.createElementVNode("table",null,[e.createElementVNode("tbody",null,[e.createElementVNode("tr",null,[e.createElementVNode("td",{id:"previous-month-btn",onClick:g,tabindex:-1},"<"),e.createElementVNode("th",pt,e.toDisplayString(v.value),1),e.createElementVNode("td",{id:"next-month-btn",onClick:u,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(bt,D=>e.createElementVNode("tr",{key:D},[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(fe,M=>e.createElementVNode("td",{ref_for:!0,ref:"celldate",key:E(D,M),contenteditable:!1,spellcheck:!1,tabindex:0,onClick:e.withModifiers(Gt=>b(E(D,M)),["prevent","stop"]),onKeydown:e.withKeys(Gt=>b(E(D,M)),["enter"]),class:e.normalizeClass({todaysDate:p(m(D,M)),selectedDate:w(m(D,M))})},e.toDisplayString(new Date(m(D,M)).getDate()),43,gt)),64))])),64))])])],512))}}),[["__scopeId","data-v-f49cfd40"]]),ht=_(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"]]),wt={class:"aform"},K=_(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||{}),l=s=>{let r={};for(const[i,c]of Object.entries(s))["component","fieldtype"].includes(i)||(r[i]=c),i==="rows"&&c&&c.length===0&&(r.rows=a.value[s.fieldname]);return r},d=e.computed({get:()=>t.modelValue.map((s,r)=>e.computed({get(){return s.value},set:i=>{t.modelValue[r].value=i,n("update:modelValue",t.modelValue)}})),set:()=>{}});return(s,r)=>(e.openBlock(),e.createElementBlock("form",wt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.modelValue,(i,c)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(i.component),e.mergeProps({key:c,schema:i,modelValue:d.value[c].value,"onUpdate:modelValue":f=>d.value[c].value=f,data:a.value[i.fieldname],readonly:s.readonly},{ref_for:!0},l(i)),null,16,["schema","modelValue","onUpdate:modelValue","data","readonly"]))),128))]))}}),[["__scopeId","data-v-68845234"]]),pe=_(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||[]),l=e.ref(t.schema),d=s=>{s.preventDefault(),t.collapsible&&(n.value=!n.value)};return o({collapsed:n}),(s,r)=>(e.openBlock(),e.createElementBlock("fieldset",null,[e.createElementVNode("legend",{onClick:d,onSubmit:d},[e.createTextVNode(e.toDisplayString(s.label)+" ",1),s.collapsible?(e.openBlock(),e.createBlock(ht,{key:0,collapsed:n.value},null,8,["collapsed"])):e.createCommentVNode("",!0)],32),e.renderSlot(s.$slots,"default",{collapsed:n.value},()=>[e.withDirectives(e.createVNode(K,{modelValue:l.value,"onUpdate:modelValue":r[0]||(r[0]=i=>l.value=i),data:a.value},null,8,["modelValue","data"]),[[e.vShow,!n.value]])],!0)]))}}),[["__scopeId","data-v-e7ea7e12"]]),yt={class:"aform_form-element aform_file-attach aform__grid--full"},kt={key:0,class:"aform_file-attach-feedback"},vt=["disabled"],ge=_(e.defineComponent({__name:"AFileAttach",props:{label:{}},setup(t){const{files:o,open:n,reset:a,onChange:l}=Pe(),d=e.computed(()=>`${o.value.length} ${o.value.length===1?"file":"files"}`);return l(s=>s),(s,r)=>(e.openBlock(),e.createElementBlock("div",yt,[e.unref(o)?(e.openBlock(),e.createElementBlock("div",kt,[e.createElementVNode("p",null,[r[2]||(r[2]=e.createTextVNode(" You have selected: ",-1)),e.createElementVNode("b",null,e.toDisplayString(d.value),1)]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(o),i=>(e.openBlock(),e.createElementBlock("li",{key:i.name},e.toDisplayString(i.name),1))),128))])):e.createCommentVNode("",!0),e.createElementVNode("button",{type:"button",onClick:r[0]||(r[0]=i=>e.unref(n)()),class:"aform_form-btn"},e.toDisplayString(s.label),1),e.createElementVNode("button",{type:"button",disabled:!e.unref(o),onClick:r[1]||(r[1]=i=>e.unref(a)()),class:"aform_form-btn"},"Reset",8,vt)]))}}),[["__scopeId","data-v-0b3a11cc"]]),Et={class:"aform_form-element"},_t=["id","disabled","required"],xt=["for"],Vt=["innerHTML"],be=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",Et,[e.withDirectives(e.createElementVNode("input",{class:"aform_input-field","onUpdate:modelValue":a[0]||(a[0]=l=>o.value=l),type:"number",id:n.uuid,disabled:n.readonly,required:n.required},null,8,_t),[[e.vModelText,o.value]]),e.createElementVNode("label",{class:"aform_field-label",for:n.uuid},e.toDisplayString(n.label),9,xt),e.withDirectives(e.createElementVNode("p",{class:"aform_error",innerHTML:n.validation.errorMessage},null,8,Vt),[[e.vShow,n.validation.errorMessage]])]))}}),he={date:"##/##/####",datetime:"####/##/## ##:##",time:"##:##",fulltime:"##:##:##",phone:"(###) ### - ####",card:"#### #### #### ####"};function Dt(t){try{return Function(`"use strict";return (${t})`)()}catch{}}function Mt(t){let o=t.value;if(o){const n=Dt(o);if(n){const a=t.instance?.locale;o=n(a)}}else{const a=t.instance?.schema?.fieldtype?.toLowerCase();a&&he[a]&&(o=he[a])}return o}function Ct(t,o){let n=t;const a=[o,"/","-","(",")"," "];for(const l of a)n=n.replaceAll(l,"");return n}function At(t,o,n){let a=o;for(const l of t){const d=a.indexOf(n);if(d!==-1){const s=a.substring(0,d),r=a.substring(d+1);a=s+l+r}}return a.slice(0,o.length)}function St(t,o){const n=Mt(o);if(!n)return;const a="#",l=t.value,d=Ct(l,a);if(d){const s=At(d,n,a);o.instance?.maskFilled&&(o.instance.maskFilled=!s.includes(a)),t.value=s}else t.value=n}const Tt={class:"aform_form-element"},It=["id","disabled","maxlength","required"],Nt=["for"],Bt=["innerHTML"],we=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,l)=>(e.openBlock(),e.createElementBlock("div",Tt,[e.withDirectives(e.createElementVNode("input",{class:"aform_input-field","onUpdate:modelValue":l[0]||(l[0]=d=>n.value=d),id:a.uuid,disabled:a.readonly,maxlength:a.mask?o.value&&a.mask.length:void 0,required:a.required},null,8,It),[[e.vModelText,n.value],[e.unref(St),a.mask]]),e.createElementVNode("label",{class:"aform_field-label",for:a.uuid},e.toDisplayString(a.label),9,Nt),e.withDirectives(e.createElementVNode("p",{class:"aform_error",innerHTML:a.validation.errorMessage},null,8,Bt),[[e.vShow,a.validation.errorMessage]])]))}}),$t={class:"login-container"},Lt={class:"account-container"},Ft={class:"account-header"},Pt={id:"account-title"},Ot={id:"account-subtitle"},zt={class:"login-form-container"},Rt={class:"login-form-email aform_form-element"},Ht=["disabled"],qt={class:"login-form-password aform_form-element"},Wt=["disabled"],Ut=["disabled"],jt={key:0,class:"material-symbols-outlined loading-icon"},Yt=_(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(""),l=e.ref(""),d=e.ref(!1),s=e.ref(!1);function r(i){if(i.preventDefault(),d.value=!0,s.value){d.value=!1,n("loginFailed");return}d.value=!1,n("loginSuccess")}return(i,c)=>(e.openBlock(),e.createElementBlock("div",$t,[e.createElementVNode("div",null,[e.createElementVNode("div",Lt,[e.createElementVNode("div",Ft,[e.createElementVNode("h1",Pt,e.toDisplayString(i.headerTitle),1),e.createElementVNode("p",Ot,e.toDisplayString(i.headerSubtitle),1)]),e.createElementVNode("form",{onSubmit:r},[e.createElementVNode("div",zt,[e.createElementVNode("div",Rt,[c[2]||(c[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":c[0]||(c[0]=f=>a.value=f),"auto-capitalize":"none","auto-complete":"email","auto-correct":"off",disabled:d.value},null,8,Ht),[[e.vModelText,a.value]])]),e.createElementVNode("div",qt,[c[3]||(c[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":c[1]||(c[1]=f=>l.value=f),disabled:d.value},null,8,Wt),[[e.vModelText,l.value]])]),e.createElementVNode("button",{class:"btn",onClick:r,disabled:d.value||!a.value||!l.value},[d.value?(e.openBlock(),e.createElementBlock("span",jt,"progress_activity")):e.createCommentVNode("",!0),c[4]||(c[4]=e.createElementVNode("span",{id:"login-form-button"},"Login",-1))],8,Ut)])],32),c[5]||(c[5]=e.createElementVNode("button",{class:"btn"},[e.createElementVNode("span",{id:"forgot-password-button"},"Forgot password?")],-1))])])]))}}),[["__scopeId","data-v-6cbd3add"]]);function Kt(t){t.component("ACheckbox",X),t.component("ACombobox",J),t.component("ADate",Q),t.component("ADropdown",ae),t.component("ADatePicker",me),t.component("AFieldset",pe),t.component("AFileAttach",ge),t.component("AForm",K),t.component("ANumericInput",be),t.component("ATextInput",we)}y.ACheckbox=X,y.AComboBox=J,y.ADate=Q,y.ADatePicker=me,y.ADropdown=ae,y.AFieldset=pe,y.AFileAttach=ge,y.AForm=K,y.ANumericInput=be,y.ATextInput=we,y.Login=Yt,y.install=Kt,Object.defineProperty(y,Symbol.toStringTag,{value:"Module"})});
|
|
1
|
+
(function(y,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(y=typeof globalThis<"u"?globalThis:y||self,t(y["@stonecrop/aform"]={},y.Vue))})(this,(function(y,t){"use strict";var G=document.createElement("style");G.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(G);const ye={class:"aform_form-element"},ke=["for"],ve={class:"aform_checkbox-container aform_input-field"},xe=["id","readonly","required"],Ee=["innerHTML"],Ve=t.defineComponent({__name:"ACheckbox",props:t.mergeModels({schema:{},label:{},mask:{},required:{type:Boolean},readonly:{type:Boolean},uuid:{},validation:{default:()=>({errorMessage:" "})}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(e){const n=t.useModel(e,"modelValue");return(o,a)=>(t.openBlock(),t.createElementBlock("div",ye,[t.createElementVNode("label",{class:"aform_field-label",for:e.uuid},t.toDisplayString(e.label),9,ke),t.createElementVNode("span",ve,[t.withDirectives(t.createElementVNode("input",{"onUpdate:modelValue":a[0]||(a[0]=i=>n.value=i),type:"checkbox",id:e.uuid,class:"aform_checkbox",readonly:e.readonly,required:e.required},null,8,xe),[[t.vModelCheckbox,n.value]])]),t.withDirectives(t.createElementVNode("p",{class:"aform_error",innerHTML:e.validation.errorMessage},null,8,Ee),[[t.vShow,e.validation.errorMessage]])]))}}),E=(e,n)=>{const o=e.__vccOpts||e;for(const[a,i]of n)o[a]=i;return o},X=E(Ve,[["__scopeId","data-v-9f382ad4"]]),J=t.defineComponent({__name:"AComboBox",props:["event","cellData","tableID"],setup(e){return(n,o)=>{const a=t.resolveComponent("ATableModal");return t.openBlock(),t.createBlock(a,{event:e.event,cellData:e.cellData,class:"amodal"},{default:t.withCtx(()=>[...o[0]||(o[0]=[t.createElementVNode("div",null,[t.createElementVNode("input",{type:"text"}),t.createElementVNode("input",{type:"text"}),t.createElementVNode("input",{type:"text"})],-1)])]),_:1},8,["event","cellData"])}}}),De=["id","disabled","required"],_e=["for"],Me=["innerHTML"],Q=E(t.defineComponent({__name:"ADate",props:t.mergeModels({schema:{},label:{default:"Date"},mask:{},required:{type:Boolean},readonly:{type:Boolean},uuid:{},validation:{default:()=>({errorMessage:" "})}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(e){const n=t.useModel(e,"modelValue",{set:i=>new Date(i).toISOString().split("T")[0]}),o=t.useTemplateRef("date"),a=()=>{o.value&&"showPicker"in HTMLInputElement.prototype&&o.value.showPicker()};return(i,d)=>(t.openBlock(),t.createElementBlock("div",null,[t.withDirectives(t.createElementVNode("input",{"onUpdate:modelValue":d[0]||(d[0]=c=>n.value=c),ref:"date",type:"date",id:e.uuid,disabled:e.readonly,required:e.required,onClick:a},null,8,De),[[t.vModelText,n.value]]),t.createElementVNode("label",{for:e.uuid},t.toDisplayString(e.label),9,_e),t.withDirectives(t.createElementVNode("p",{innerHTML:e.validation.errorMessage},null,8,Me),[[t.vShow,e.validation.errorMessage]])]))}}),[["__scopeId","data-v-280b3d1a"]]);function L(e){return t.getCurrentScope()?(t.onScopeDispose(e),!0):!1}function Z(){const e=new Set,n=d=>{e.delete(d)};return{on:d=>{e.add(d);const c=()=>n(d);return L(c),{off:c}},off:n,trigger:(...d)=>Promise.all(Array.from(e).map(c=>c(...d))),clear:()=>{e.clear()}}}const F=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const Ce=Object.prototype.toString,Ae=e=>Ce.call(e)==="[object Object]",C=()=>{},Se=(e,n)=>Object.prototype.hasOwnProperty.call(e,n),P=Te();function Te(){var e,n;return F&&((e=window?.navigator)==null?void 0:e.userAgent)&&(/iP(?:ad|hone|od)/.test(window.navigator.userAgent)||((n=window?.navigator)==null?void 0:n.maxTouchPoints)>2&&/iPad|Macintosh/.test(window?.navigator.userAgent))}function Ie(...e){if(e.length!==1)return t.toRef(...e);const n=e[0];return typeof n=="function"?t.readonly(t.customRef(()=>({get:n,set:C}))):t.ref(n)}function O(e){return Array.isArray(e)?e:[e]}function Ne(e,n,o){return t.watch(e,n,{...o,immediate:!0})}const Be=F?window.document:void 0;function $e(e){var n;const o=t.toValue(e);return(n=o?.$el)!=null?n:o}const Le={multiple:!0,accept:"*",reset:!1,directory:!1};function Fe(e){if(!e)return null;if(e instanceof FileList)return e;const n=new DataTransfer;for(const o of e)n.items.add(o);return n.files}function Pe(e={}){const{document:n=Be}=e,o=t.ref(Fe(e.initialFiles)),{on:a,trigger:i}=Z(),{on:d,trigger:c}=Z(),l=t.computed(()=>{var g;const u=(g=$e(e.input))!=null?g:n?n.createElement("input"):void 0;return u&&(u.type="file",u.onchange=p=>{const w=p.target;o.value=w.files,i(o.value)},u.oncancel=()=>{c()}),u}),r=()=>{o.value=null,l.value&&l.value.value&&(l.value.value="",i(null))},s=g=>{const u=l.value;u&&(u.multiple=t.toValue(g.multiple),u.accept=t.toValue(g.accept),u.webkitdirectory=t.toValue(g.directory),Se(g,"capture")&&(u.capture=t.toValue(g.capture)))},f=g=>{const u=l.value;if(!u)return;const p={...Le,...e,...g};s(p),t.toValue(p.reset)&&r(),u.click()};return t.watchEffect(()=>{s(e)}),{files:t.readonly(o),open:f,reset:r,onCancel:d,onChange:a}}const ee=F?window:void 0;function T(e){var n;const o=t.toValue(e);return(n=o?.$el)!=null?n:o}function N(...e){const n=[],o=()=>{n.forEach(l=>l()),n.length=0},a=(l,r,s,f)=>(l.addEventListener(r,s,f),()=>l.removeEventListener(r,s,f)),i=t.computed(()=>{const l=O(t.toValue(e[0])).filter(r=>r!=null);return l.every(r=>typeof r!="string")?l:void 0}),d=Ne(()=>{var l,r;return[(r=(l=i.value)==null?void 0:l.map(s=>T(s)))!=null?r:[ee].filter(s=>s!=null),O(t.toValue(i.value?e[1]:e[0])),O(t.unref(i.value?e[2]:e[1])),t.toValue(i.value?e[3]:e[2])]},([l,r,s,f])=>{if(o(),!l?.length||!r?.length||!s?.length)return;const g=Ae(f)?{...f}:f;n.push(...l.flatMap(u=>r.flatMap(p=>s.map(w=>a(u,p,w,g)))))},{flush:"post"}),c=()=>{d(),o()};return L(o),c}let te=!1;function ne(e,n,o={}){const{window:a=ee,ignore:i=[],capture:d=!0,detectIframe:c=!1,controls:l=!1}=o;if(!a)return l?{stop:C,cancel:C,trigger:C}:C;if(P&&!te){te=!0;const m={passive:!0};Array.from(a.document.body.children).forEach(b=>b.addEventListener("click",C,m)),a.document.documentElement.addEventListener("click",C,m)}let r=!0;const s=m=>t.toValue(i).some(b=>{if(typeof b=="string")return Array.from(a.document.querySelectorAll(b)).some(v=>v===m.target||m.composedPath().includes(v));{const v=T(b);return v&&(m.target===v||m.composedPath().includes(v))}});function f(m){const b=t.toValue(m);return b&&b.$.subTree.shapeFlag===16}function g(m,b){const v=t.toValue(m),h=v.$.subTree&&v.$.subTree.children;return h==null||!Array.isArray(h)?!1:h.some(k=>k.el===b.target||b.composedPath().includes(k.el))}const u=m=>{const b=T(e);if(m.target!=null&&!(!(b instanceof Element)&&f(e)&&g(e,m))&&!(!b||b===m.target||m.composedPath().includes(b))){if("detail"in m&&m.detail===0&&(r=!s(m)),!r){r=!0;return}n(m)}};let p=!1;const w=[N(a,"click",m=>{p||(p=!0,setTimeout(()=>{p=!1},0),u(m))},{passive:!0,capture:d}),N(a,"pointerdown",m=>{const b=T(e);r=!s(m)&&!!(b&&!m.composedPath().includes(b))},{passive:!0}),c&&N(a,"blur",m=>{setTimeout(()=>{var b;const v=T(e);((b=a.document.activeElement)==null?void 0:b.tagName)==="IFRAME"&&!v?.contains(a.document.activeElement)&&n(m)},0)},{passive:!0})].filter(Boolean),x=()=>w.forEach(m=>m());return l?{stop:x,cancel:()=>{r=!1},trigger:m=>{r=!0,u(m),r=!1}}:x}const z=new WeakMap,Oe={mounted(e,n){const o=!n.modifiers.bubble;let a;if(typeof n.value=="function")a=ne(e,n.value,{capture:o});else{const[i,d]=n.value;a=ne(e,i,Object.assign({capture:o},d))}z.set(e,a)},unmounted(e){const n=z.get(e);n&&typeof n=="function"?n():n?.stop(),z.delete(e)}};function R(e){return typeof Window<"u"&&e instanceof Window?e.document.documentElement:typeof Document<"u"&&e instanceof Document?e.documentElement:e}function oe(e){const n=window.getComputedStyle(e);if(n.overflowX==="scroll"||n.overflowY==="scroll"||n.overflowX==="auto"&&e.clientWidth<e.scrollWidth||n.overflowY==="auto"&&e.clientHeight<e.scrollHeight)return!0;{const o=e.parentNode;return!o||o.tagName==="BODY"?!1:oe(o)}}function ze(e){const n=e||window.event,o=n.target;return oe(o)?!1:n.touches.length>1?!0:(n.preventDefault&&n.preventDefault(),!1)}const H=new WeakMap;function Re(e,n=!1){const o=t.shallowRef(n);let a=null,i="";t.watch(Ie(e),l=>{const r=R(t.toValue(l));if(r){const s=r;if(H.get(s)||H.set(s,s.style.overflow),s.style.overflow!=="hidden"&&(i=s.style.overflow),s.style.overflow==="hidden")return o.value=!0;if(o.value)return s.style.overflow="hidden"}},{immediate:!0});const d=()=>{const l=R(t.toValue(e));!l||o.value||(P&&(a=N(l,"touchmove",r=>{ze(r)},{passive:!1})),l.style.overflow="hidden",o.value=!0)},c=()=>{const l=R(t.toValue(e));!l||!o.value||(P&&a?.(),l.style.overflow=i,H.delete(l),o.value=!1)};return L(c),t.computed({get(){return o.value},set(l){l?d():c()}})}function He(){let e=!1;const n=t.shallowRef(!1);return(o,a)=>{if(n.value=a.value,e)return;e=!0;const i=Re(o,a.value);t.watch(n,d=>i.value=d)}}He();const qe={class:"input-wrapper"},We={id:"autocomplete-results",class:"autocomplete-results"},Ue={key:0,class:"loading autocomplete-result"},je=["onClick"],ae=E(t.defineComponent({__name:"ADropdown",props:t.mergeModels({label:{},items:{},isAsync:{type:Boolean},filterFunction:{type:Function}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(e){const n=t.useModel(e,"modelValue"),o=t.reactive({activeItemIndex:null,open:!1,loading:!1,results:e.items}),a=()=>l(),i=async()=>{if(o.open=!0,e.filterFunction){e.isAsync&&(o.loading=!0);try{const u=await e.filterFunction(n.value||"");o.results=u}catch{o.results=[]}finally{e.isAsync&&(o.loading=!1)}}else r()},d=u=>{n.value=u,l(u)},c=()=>{o.activeItemIndex=e.isAsync?null:n.value&&e.items?.indexOf(n.value)||null,o.open=!0,o.results=e.isAsync?[]:e.items},l=u=>{o.activeItemIndex=null,o.open=!1,e.items?.includes(u||n.value||"")||(n.value="")},r=()=>{n.value?o.results=e.items?.filter(u=>u.toLowerCase().includes((n.value??"").toLowerCase())):o.results=e.items},s=()=>{const u=o.results?.length||0;if(o.activeItemIndex!=null){const p=isNaN(o.activeItemIndex)?0:o.activeItemIndex;o.activeItemIndex=(p+1)%u}else o.activeItemIndex=0},f=()=>{const u=o.results?.length||0;if(o.activeItemIndex!=null){const p=isNaN(o.activeItemIndex)?0:o.activeItemIndex;o.activeItemIndex=(p-1+u)%u}else o.activeItemIndex=u-1},g=()=>{if(o.results){const u=o.activeItemIndex||0,p=o.results[u];d(p)}o.activeItemIndex=0};return(u,p)=>t.withDirectives((t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["autocomplete",{isOpen:o.open}])},[t.createElementVNode("div",qe,[t.withDirectives(t.createElementVNode("input",{"onUpdate:modelValue":p[0]||(p[0]=w=>n.value=w),type:"text",onInput:i,onFocus:c,onKeydown:[t.withKeys(s,["down"]),t.withKeys(f,["up"]),t.withKeys(g,["enter"]),t.withKeys(a,["esc"]),t.withKeys(a,["tab"])]},null,544),[[t.vModelText,n.value]]),t.withDirectives(t.createElementVNode("ul",We,[o.loading?(t.openBlock(),t.createElementBlock("li",Ue,"Loading results...")):(t.openBlock(!0),t.createElementBlock(t.Fragment,{key:1},t.renderList(o.results,(w,x)=>(t.openBlock(),t.createElementBlock("li",{key:w,onClick:t.withModifiers(m=>d(w),["stop"]),class:t.normalizeClass(["autocomplete-result",{"is-active":x===o.activeItemIndex}])},t.toDisplayString(w),11,je))),128))],512),[[t.vShow,o.open]]),t.createElementVNode("label",null,t.toDisplayString(e.label),1)])],2)),[[t.unref(Oe),a]])}}),[["__scopeId","data-v-16c329d1"]]);function q(e){return t.getCurrentScope()?(t.onScopeDispose(e),!0):!1}const Ye=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const Ke=e=>e!=null,Ge=Object.prototype.toString,Xe=e=>Ge.call(e)==="[object Object]",Je=()=>{};function B(e){return Array.isArray(e)?e:[e]}function Qe(e,n,o){return t.watch(e,n,{...o,immediate:!0})}const A=Ye?window:void 0;function S(e){var n;const o=t.toValue(e);return(n=o?.$el)!=null?n:o}function I(...e){const n=[],o=()=>{n.forEach(l=>l()),n.length=0},a=(l,r,s,f)=>(l.addEventListener(r,s,f),()=>l.removeEventListener(r,s,f)),i=t.computed(()=>{const l=B(t.toValue(e[0])).filter(r=>r!=null);return l.every(r=>typeof r!="string")?l:void 0}),d=Qe(()=>{var l,r;return[(r=(l=i.value)==null?void 0:l.map(s=>S(s)))!=null?r:[A].filter(s=>s!=null),B(t.toValue(i.value?e[1]:e[0])),B(t.unref(i.value?e[2]:e[1])),t.toValue(i.value?e[3]:e[2])]},([l,r,s,f])=>{if(o(),!l?.length||!r?.length||!s?.length)return;const g=Xe(f)?{...f}:f;n.push(...l.flatMap(u=>r.flatMap(p=>s.map(w=>a(u,p,w,g)))))},{flush:"post"}),c=()=>{d(),o()};return q(o),c}function Ze(){const e=t.shallowRef(!1),n=t.getCurrentInstance();return n&&t.onMounted(()=>{e.value=!0},n),e}function et(e){const n=Ze();return t.computed(()=>(n.value,!!e()))}function tt(e,n,o={}){const{window:a=A,...i}=o;let d;const c=et(()=>a&&"MutationObserver"in a),l=()=>{d&&(d.disconnect(),d=void 0)},r=t.computed(()=>{const u=t.toValue(e),p=B(u).map(S).filter(Ke);return new Set(p)}),s=t.watch(()=>r.value,u=>{l(),c.value&&u.size&&(d=new MutationObserver(n),u.forEach(p=>d.observe(p,i)))},{immediate:!0,flush:"post"}),f=()=>d?.takeRecords(),g=()=>{s(),l()};return q(g),{isSupported:c,stop:g,takeRecords:f}}function nt(e,n,o={}){const{window:a=A,document:i=a?.document,flush:d="sync"}=o;if(!a||!i)return Je;let c;const l=f=>{c?.(),c=f},r=t.watchEffect(()=>{const f=S(e);if(f){const{stop:g}=tt(i,u=>{u.map(p=>[...p.removedNodes]).flat().some(p=>p===f||p.contains(f))&&n(u)},{window:a,childList:!0,subtree:!0});l(g)}},{flush:d}),s=()=>{r(),l()};return q(s),s}function ot(e={}){var n;const{window:o=A,deep:a=!0,triggerOnRemoval:i=!1}=e,d=(n=e.document)!=null?n:o?.document,c=()=>{var s;let f=d?.activeElement;if(a)for(;f?.shadowRoot;)f=(s=f?.shadowRoot)==null?void 0:s.activeElement;return f},l=t.shallowRef(),r=()=>{l.value=c()};if(o){const s={capture:!0,passive:!0};I(o,"blur",f=>{f.relatedTarget===null&&r()},s),I(o,"focus",r,s)}return i&&nt(l,r,{document:d}),r(),l}const at="focusin",lt="focusout",rt=":focus-within";function it(e,n={}){const{window:o=A}=n,a=t.computed(()=>S(e)),i=t.shallowRef(!1),d=t.computed(()=>i.value);if(!o||!ot(n).value)return{focused:d};const c={passive:!0};return I(a,at,()=>i.value=!0,c),I(a,lt,()=>{var l,r,s;return i.value=(s=(r=(l=a.value)==null?void 0:l.matches)==null?void 0:r.call(l,rt))!=null?s:!1},c),{focused:d}}function st(e,{window:n=A,scrollTarget:o}={}){const a=t.ref(!1),i=()=>{if(!n)return;const d=n.document,c=S(e);if(!c)a.value=!1;else{const l=c.getBoundingClientRect();a.value=l.top<=(n.innerHeight||d.documentElement.clientHeight)&&l.left<=(n.innerWidth||d.documentElement.clientWidth)&&l.bottom>=0&&l.right>=0}};return t.watch(()=>S(e),()=>i(),{immediate:!0,flush:"post"}),n&&I(o||n,"scroll",i,{capture:!1,passive:!0}),a}const V=e=>{let n=st(e).value;return n=n&&e.offsetHeight>0,n},D=e=>e.tabIndex>=0,le=e=>{const n=e.target;return W(n)},W=e=>{let n;if(e instanceof HTMLTableCellElement){const o=e.parentElement?.previousElementSibling;if(o){const a=Array.from(o.children)[e.cellIndex];a&&(n=a)}}else if(e instanceof HTMLTableRowElement){const o=e.previousElementSibling;o&&(n=o)}return n&&(!D(n)||!V(n))?W(n):n},ct=e=>{const n=e.target;let o;if(n instanceof HTMLTableCellElement){const a=n.parentElement?.parentElement;if(a){const i=a.firstElementChild?.children[n.cellIndex];i&&(o=i)}}else if(n instanceof HTMLTableRowElement){const a=n.parentElement;if(a){const i=a.firstElementChild;i&&(o=i)}}return o&&(!D(o)||!V(o))?U(o):o},re=e=>{const n=e.target;return U(n)},U=e=>{let n;if(e instanceof HTMLTableCellElement){const o=e.parentElement?.nextElementSibling;if(o){const a=Array.from(o.children)[e.cellIndex];a&&(n=a)}}else if(e instanceof HTMLTableRowElement){const o=e.nextElementSibling;o&&(n=o)}return n&&(!D(n)||!V(n))?U(n):n},dt=e=>{const n=e.target;let o;if(n instanceof HTMLTableCellElement){const a=n.parentElement?.parentElement;if(a){const i=a.lastElementChild?.children[n.cellIndex];i&&(o=i)}}else if(n instanceof HTMLTableRowElement){const a=n.parentElement;if(a){const i=a.lastElementChild;i&&(o=i)}}return o&&(!D(o)||!V(o))?W(o):o},ie=e=>{const n=e.target;return j(n)},j=e=>{let n;return e.previousElementSibling?n=e.previousElementSibling:n=e.parentElement?.previousElementSibling?.lastElementChild,n&&(!D(n)||!V(n))?j(n):n},se=e=>{const n=e.target;return Y(n)},Y=e=>{let n;return e.nextElementSibling?n=e.nextElementSibling:n=e.parentElement?.nextElementSibling?.firstElementChild,n&&(!D(n)||!V(n))?Y(n):n},ce=e=>{const n=e.target.parentElement?.firstElementChild;return n&&(!D(n)||!V(n))?Y(n):n},de=e=>{const n=e.target.parentElement?.lastElementChild;return n&&(!D(n)||!V(n))?j(n):n},$=["alt","control","shift","meta"],ut={ArrowUp:"up",ArrowDown:"down",ArrowLeft:"left",ArrowRight:"right"},ue={"keydown.up":e=>{const n=le(e);n&&(e.preventDefault(),e.stopPropagation(),n.focus())},"keydown.down":e=>{const n=re(e);n&&(e.preventDefault(),e.stopPropagation(),n.focus())},"keydown.left":e=>{const n=ie(e);e.preventDefault(),e.stopPropagation(),n&&n.focus()},"keydown.right":e=>{const n=se(e);e.preventDefault(),e.stopPropagation(),n&&n.focus()},"keydown.control.up":e=>{const n=ct(e);n&&(e.preventDefault(),e.stopPropagation(),n.focus())},"keydown.control.down":e=>{const n=dt(e);n&&(e.preventDefault(),e.stopPropagation(),n.focus())},"keydown.control.left":e=>{const n=ce(e);n&&(e.preventDefault(),e.stopPropagation(),n.focus())},"keydown.control.right":e=>{const n=de(e);n&&(e.preventDefault(),e.stopPropagation(),n.focus())},"keydown.end":e=>{const n=de(e);n&&(e.preventDefault(),e.stopPropagation(),n.focus())},"keydown.enter":e=>{if(e.target instanceof HTMLTableCellElement){e.preventDefault(),e.stopPropagation();const n=re(e);n&&n.focus()}},"keydown.shift.enter":e=>{if(e.target instanceof HTMLTableCellElement){e.preventDefault(),e.stopPropagation();const n=le(e);n&&n.focus()}},"keydown.home":e=>{const n=ce(e);n&&(e.preventDefault(),e.stopPropagation(),n.focus())},"keydown.tab":e=>{const n=se(e);n&&(e.preventDefault(),e.stopPropagation(),n.focus())},"keydown.shift.tab":e=>{const n=ie(e);n&&(e.preventDefault(),e.stopPropagation(),n.focus())}};function ft(e){const n=c=>{let l=null;return c.parent&&(typeof c.parent=="string"?l=document.querySelector(c.parent):c.parent instanceof HTMLElement?l=c.parent:l=c.parent.value),l},o=c=>{const l=n(c);let r=[];if(typeof c.selectors=="string")r=l?Array.from(l.querySelectorAll(c.selectors)):Array.from(document.querySelectorAll(c.selectors));else if(Array.isArray(c.selectors))for(const s of c.selectors)s instanceof HTMLElement?r.push(s):r.push(s.$el);else if(c.selectors instanceof HTMLElement)r.push(c.selectors);else if(c.selectors?.value)if(Array.isArray(c.selectors.value))for(const s of c.selectors.value)s instanceof HTMLElement?r.push(s):r.push(s.$el);else r.push(c.selectors.value);return r},a=c=>{const l=n(c);let r=[];return c.selectors?r=o(c):l&&(r=Array.from(l.children).filter(s=>D(s)&&V(s))),r},i=c=>l=>{const r=ut[l.key]||l.key.toLowerCase();if($.includes(r))return;const s=c.handlers||ue;for(const f of Object.keys(s)){const[g,...u]=f.split(".");if(g==="keydown"&&u.includes(r)){const p=s[f],w=u.filter(m=>$.includes(m)),x=$.some(m=>{const b=m.charAt(0).toUpperCase()+m.slice(1);return l.getModifierState(b)});if(w.length>0){if(x){for(const m of $)if(u.includes(m)){const b=m.charAt(0).toUpperCase()+m.slice(1);l.getModifierState(b)&&p(l)}}}else x||p(l)}}},d=[];t.onMounted(()=>{for(const c of e){const l=n(c),r=a(c),s=i(c),f=l?[l]:r;for(const g of f){const{focused:u}=it(t.ref(g)),p=t.watch(u,w=>{w?g.addEventListener("keydown",s):g.removeEventListener("keydown",s)});d.push(p)}}}),t.onBeforeUnmount(()=>{for(const c of d)c()})}const mt={class:"adatepicker",tabindex:"0",ref:"datepicker"},pt={colspan:"5",tabindex:-1},gt=["onClick","onKeydown"],bt=6,fe=7,me=E(t.defineComponent({__name:"ADatePicker",props:{modelValue:{default:new Date},modelModifiers:{}},emits:["update:modelValue"],setup(e,{expose:n}){const o=t.useModel(e,"modelValue"),a=t.ref(new Date(o.value)),i=t.ref(a.value.getMonth()),d=t.ref(a.value.getFullYear()),c=t.ref([]),l=t.useTemplateRef("datepicker");t.onMounted(async()=>{r(),await t.nextTick();const h=document.getElementsByClassName("selectedDate");if(h.length>0)h[0].focus();else{const k=document.getElementsByClassName("todaysDate");k.length>0&&k[0].focus()}});const r=()=>{c.value=[];const h=new Date(d.value,i.value,1),k=h.getDay(),_=h.setDate(h.getDate()-k);for(const M of Array(43).keys())c.value.push(_+M*864e5)};t.watch([i,d],r);const s=()=>d.value-=1,f=()=>d.value+=1,g=()=>{i.value==0?(i.value=11,s()):i.value-=1},u=()=>{i.value==11?(i.value=0,f()):i.value+=1},p=h=>{const k=new Date;if(i.value===k.getMonth())return k.toDateString()===new Date(h).toDateString()},w=h=>new Date(h).toDateString()===new Date(a.value).toDateString(),x=(h,k)=>(h-1)*fe+k,m=(h,k)=>c.value[x(h,k)],b=h=>{o.value=a.value=new Date(c.value[h])},v=t.computed(()=>new Date(d.value,i.value,1).toLocaleDateString(void 0,{year:"numeric",month:"long"}));return ft([{parent:l,selectors:"td",handlers:{...ue,"keydown.pageup":g,"keydown.shift.pageup":s,"keydown.pagedown":u,"keydown.shift.pagedown":f,"keydown.enter":()=>{}}}]),n({currentMonth:i,currentYear:d,selectedDate:a}),(h,k)=>(t.openBlock(),t.createElementBlock("div",mt,[t.createElementVNode("table",null,[t.createElementVNode("tbody",null,[t.createElementVNode("tr",null,[t.createElementVNode("td",{id:"previous-month-btn",onClick:g,tabindex:-1},"<"),t.createElementVNode("th",pt,t.toDisplayString(v.value),1),t.createElementVNode("td",{id:"next-month-btn",onClick:u,tabindex:-1},">")]),k[0]||(k[0]=t.createElementVNode("tr",{class:"days-header"},[t.createElementVNode("td",null,"M"),t.createElementVNode("td",null,"T"),t.createElementVNode("td",null,"W"),t.createElementVNode("td",null,"T"),t.createElementVNode("td",null,"F"),t.createElementVNode("td",null,"S"),t.createElementVNode("td",null,"S")],-1)),(t.openBlock(),t.createElementBlock(t.Fragment,null,t.renderList(bt,_=>t.createElementVNode("tr",{key:_},[(t.openBlock(),t.createElementBlock(t.Fragment,null,t.renderList(fe,M=>t.createElementVNode("td",{ref_for:!0,ref:"celldate",key:x(_,M),contenteditable:!1,spellcheck:!1,tabindex:0,onClick:t.withModifiers(Gt=>b(x(_,M)),["prevent","stop"]),onKeydown:t.withKeys(Gt=>b(x(_,M)),["enter"]),class:t.normalizeClass({todaysDate:p(m(_,M)),selectedDate:w(m(_,M))})},t.toDisplayString(new Date(m(_,M)).getDate()),43,gt)),64))])),64))])])],512))}}),[["__scopeId","data-v-f49cfd40"]]),ht=E(t.defineComponent({__name:"CollapseButton",props:{collapsed:{type:Boolean}},setup(e){return(n,o)=>(t.openBlock(),t.createElementBlock("button",{class:t.normalizeClass(["collapse-button",e.collapsed?"rotated":"unrotated"])},"×",2))}}),[["__scopeId","data-v-6f1c1b45"]]),wt={class:"aform"},K=E(t.defineComponent({__name:"AForm",props:{modelValue:{},data:{},readonly:{type:Boolean}},emits:["update:modelValue"],setup(e,{emit:n}){const o=n,a=t.ref(e.data||{}),i=c=>{let l={};for(const[r,s]of Object.entries(c))["component","fieldtype"].includes(r)||(l[r]=s),r==="rows"&&s&&s.length===0&&(l.rows=a.value[c.fieldname]);return l},d=t.computed({get:()=>e.modelValue.map((c,l)=>t.computed({get(){return c.value},set:r=>{e.modelValue[l].value=r,o("update:modelValue",e.modelValue)}})),set:()=>{}});return(c,l)=>(t.openBlock(),t.createElementBlock("form",wt,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.modelValue,(r,s)=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(r.component),t.mergeProps({key:s,schema:r,modelValue:d.value[s].value,"onUpdate:modelValue":f=>d.value[s].value=f,data:a.value[r.fieldname],readonly:e.readonly},{ref_for:!0},i(r)),null,16,["schema","modelValue","onUpdate:modelValue","data","readonly"]))),128))]))}}),[["__scopeId","data-v-68845234"]]),pe=E(t.defineComponent({__name:"AFieldset",props:{schema:{},label:{},collapsible:{type:Boolean},data:{}},setup(e,{expose:n}){const o=t.ref(!1),a=t.ref(e.data||[]),i=t.ref(e.schema),d=c=>{c.preventDefault(),e.collapsible&&(o.value=!o.value)};return n({collapsed:o}),(c,l)=>(t.openBlock(),t.createElementBlock("fieldset",null,[t.createElementVNode("legend",{onClick:d,onSubmit:d},[t.createTextVNode(t.toDisplayString(e.label)+" ",1),e.collapsible?(t.openBlock(),t.createBlock(ht,{key:0,collapsed:o.value},null,8,["collapsed"])):t.createCommentVNode("",!0)],32),t.renderSlot(c.$slots,"default",{collapsed:o.value},()=>[t.withDirectives(t.createVNode(K,{modelValue:i.value,"onUpdate:modelValue":l[0]||(l[0]=r=>i.value=r),data:a.value},null,8,["modelValue","data"]),[[t.vShow,!o.value]])],!0)]))}}),[["__scopeId","data-v-e7ea7e12"]]),yt={class:"aform_form-element aform_file-attach aform__grid--full"},kt={key:0,class:"aform_file-attach-feedback"},vt=["disabled"],ge=E(t.defineComponent({__name:"AFileAttach",props:{label:{}},setup(e){const{files:n,open:o,reset:a,onChange:i}=Pe(),d=t.computed(()=>`${n.value.length} ${n.value.length===1?"file":"files"}`);return i(c=>c),(c,l)=>(t.openBlock(),t.createElementBlock("div",yt,[t.unref(n)?(t.openBlock(),t.createElementBlock("div",kt,[t.createElementVNode("p",null,[l[2]||(l[2]=t.createTextVNode(" You have selected: ",-1)),t.createElementVNode("b",null,t.toDisplayString(d.value),1)]),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(t.unref(n),r=>(t.openBlock(),t.createElementBlock("li",{key:r.name},t.toDisplayString(r.name),1))),128))])):t.createCommentVNode("",!0),t.createElementVNode("button",{type:"button",onClick:l[0]||(l[0]=r=>t.unref(o)()),class:"aform_form-btn"},t.toDisplayString(e.label),1),t.createElementVNode("button",{type:"button",disabled:!t.unref(n),onClick:l[1]||(l[1]=r=>t.unref(a)()),class:"aform_form-btn"},"Reset",8,vt)]))}}),[["__scopeId","data-v-0b3a11cc"]]),xt={class:"aform_form-element"},Et=["id","disabled","required"],Vt=["for"],Dt=["innerHTML"],be=t.defineComponent({__name:"ANumericInput",props:t.mergeModels({schema:{},label:{},mask:{},required:{type:Boolean},readonly:{type:Boolean},uuid:{},validation:{default:()=>({errorMessage:" "})}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(e){const n=t.useModel(e,"modelValue");return(o,a)=>(t.openBlock(),t.createElementBlock("div",xt,[t.withDirectives(t.createElementVNode("input",{class:"aform_input-field","onUpdate:modelValue":a[0]||(a[0]=i=>n.value=i),type:"number",id:e.uuid,disabled:e.readonly,required:e.required},null,8,Et),[[t.vModelText,n.value]]),t.createElementVNode("label",{class:"aform_field-label",for:e.uuid},t.toDisplayString(e.label),9,Vt),t.withDirectives(t.createElementVNode("p",{class:"aform_error",innerHTML:e.validation.errorMessage},null,8,Dt),[[t.vShow,e.validation.errorMessage]])]))}}),he={date:"##/##/####",datetime:"####/##/## ##:##",time:"##:##",fulltime:"##:##:##",phone:"(###) ### - ####",card:"#### #### #### ####"};function _t(e){try{return Function(`"use strict";return (${e})`)()}catch{}}function Mt(e){let n=e.value;if(n){const o=_t(n);if(o){const a=e.instance?.locale;n=o(a)}}else{const a=e.instance?.schema?.fieldtype?.toLowerCase();a&&he[a]&&(n=he[a])}return n}function Ct(e,n){let o=e;const a=[n,"/","-","(",")"," "];for(const i of a)o=o.replaceAll(i,"");return o}function At(e,n,o){let a=n;for(const i of e){const d=a.indexOf(o);if(d!==-1){const c=a.substring(0,d),l=a.substring(d+1);a=c+i+l}}return a.slice(0,n.length)}function St(e,n){const o=Mt(n);if(!o)return;const a="#",i=e.value,d=Ct(i,a);if(d){const c=At(d,o,a);n.instance?.maskFilled&&(n.instance.maskFilled=!c.includes(a)),e.value=c}else e.value=o}const Tt={class:"aform_form-element"},It=["id","disabled","maxlength","required"],Nt=["for"],Bt=["innerHTML"],we=t.defineComponent({__name:"ATextInput",props:t.mergeModels({schema:{},label:{},mask:{},required:{type:Boolean},readonly:{type:Boolean},uuid:{},validation:{default:()=>({errorMessage:" "})}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(e){const n=t.ref(!0),o=t.useModel(e,"modelValue");return(a,i)=>(t.openBlock(),t.createElementBlock("div",Tt,[t.withDirectives(t.createElementVNode("input",{class:"aform_input-field","onUpdate:modelValue":i[0]||(i[0]=d=>o.value=d),id:e.uuid,disabled:e.readonly,maxlength:e.mask?n.value&&e.mask.length:void 0,required:e.required},null,8,It),[[t.vModelText,o.value],[t.unref(St),e.mask]]),t.createElementVNode("label",{class:"aform_field-label",for:e.uuid},t.toDisplayString(e.label),9,Nt),t.withDirectives(t.createElementVNode("p",{class:"aform_error",innerHTML:e.validation.errorMessage},null,8,Bt),[[t.vShow,e.validation.errorMessage]])]))}}),$t={class:"login-container"},Lt={class:"account-container"},Ft={class:"account-header"},Pt={id:"account-title"},Ot={id:"account-subtitle"},zt={class:"login-form-container"},Rt={class:"login-form-email aform_form-element"},Ht=["disabled"],qt={class:"login-form-password aform_form-element"},Wt=["disabled"],Ut=["disabled"],jt={key:0,class:"material-symbols-outlined loading-icon"},Yt=E(t.defineComponent({__name:"Login",props:{headerTitle:{default:"Login"},headerSubtitle:{default:"Enter your email and password to login"}},emits:["loginFailed","loginSuccess"],setup(e,{emit:n}){const o=n,a=t.ref(""),i=t.ref(""),d=t.ref(!1),c=t.ref(!1);function l(r){if(r.preventDefault(),d.value=!0,c.value){d.value=!1,o("loginFailed");return}d.value=!1,o("loginSuccess")}return(r,s)=>(t.openBlock(),t.createElementBlock("div",$t,[t.createElementVNode("div",null,[t.createElementVNode("div",Lt,[t.createElementVNode("div",Ft,[t.createElementVNode("h1",Pt,t.toDisplayString(e.headerTitle),1),t.createElementVNode("p",Ot,t.toDisplayString(e.headerSubtitle),1)]),t.createElementVNode("form",{onSubmit:l},[t.createElementVNode("div",zt,[t.createElementVNode("div",Rt,[s[2]||(s[2]=t.createElementVNode("label",{id:"login-email",for:"email",class:"aform_field-label"},"Email",-1)),t.withDirectives(t.createElementVNode("input",{id:"email",class:"aform_input-field",name:"email",placeholder:"name@example.com",type:"email","onUpdate:modelValue":s[0]||(s[0]=f=>a.value=f),"auto-capitalize":"none","auto-complete":"email","auto-correct":"off",disabled:d.value},null,8,Ht),[[t.vModelText,a.value]])]),t.createElementVNode("div",qt,[s[3]||(s[3]=t.createElementVNode("label",{id:"login-password",for:"password",class:"aform_field-label"},"Password",-1)),t.withDirectives(t.createElementVNode("input",{id:"password",class:"aform_input-field",name:"password",type:"password","onUpdate:modelValue":s[1]||(s[1]=f=>i.value=f),disabled:d.value},null,8,Wt),[[t.vModelText,i.value]])]),t.createElementVNode("button",{class:"btn",onClick:l,disabled:d.value||!a.value||!i.value},[d.value?(t.openBlock(),t.createElementBlock("span",jt,"progress_activity")):t.createCommentVNode("",!0),s[4]||(s[4]=t.createElementVNode("span",{id:"login-form-button"},"Login",-1))],8,Ut)])],32),s[5]||(s[5]=t.createElementVNode("button",{class:"btn"},[t.createElementVNode("span",{id:"forgot-password-button"},"Forgot password?")],-1))])])]))}}),[["__scopeId","data-v-6cbd3add"]]);function Kt(e){e.component("ACheckbox",X),e.component("ACombobox",J),e.component("ADate",Q),e.component("ADropdown",ae),e.component("ADatePicker",me),e.component("AFieldset",pe),e.component("AFileAttach",ge),e.component("AForm",K),e.component("ANumericInput",be),e.component("ATextInput",we)}y.ACheckbox=X,y.AComboBox=J,y.ADate=Q,y.ADatePicker=me,y.ADropdown=ae,y.AFieldset=pe,y.AFileAttach=ge,y.AForm=K,y.ANumericInput=be,y.ATextInput=we,y.Login=Yt,y.install=Kt,Object.defineProperty(y,Symbol.toStringTag,{value:"Module"})}));
|
|
3
3
|
//# sourceMappingURL=aform.umd.cjs.map
|