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