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