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