@stonecrop/aform 0.6.0 → 0.6.2
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 +153 -3
- package/dist/aform.js +97 -91
- package/dist/aform.js.map +1 -1
- package/dist/aform.umd.cjs +2 -2
- package/dist/aform.umd.cjs.map +1 -1
- package/dist/assets/index.css +1 -1
- package/package.json +5 -5
- package/src/components/AForm.vue +15 -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 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-
|
|
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"})}));
|
|
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-82d33d5b]{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-82d33d5b]{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 n=t.useModel(e,"modelValue");return(o,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=>n.value=s),type:"checkbox",class:"aform_checkbox",readonly:e.readonly,required:e.required},null,8,ke),[[t.vModelCheckbox,n.value]])]),t.withDirectives(t.createElementVNode("p",{class:"aform_error",innerHTML:e.validation.errorMessage},null,8,we),[[t.vShow,e.validation.errorMessage]])]))}}),E=(e,n)=>{const o=e.__vccOpts||e;for(const[a,s]of n)o[a]=s;return o},Y=E(xe,[["__scopeId","data-v-aaa1a4c4"]]),G=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,"cell-data":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","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 n=t.useModel(e,"modelValue",{set:s=>new Date(s).toISOString().split("T")[0]}),o=t.useTemplateRef("date"),a=()=>{o.value&&"showPicker"in HTMLInputElement.prototype&&o.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=>n.value=i),type:"date",disabled:e.readonly,required:e.required,onClick:a},null,8,ve),[[t.vModelText,n.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,n){return t.getCurrentScope()?(t.onScopeDispose(e,n),!0):!1}function Q(){const e=new Set,n=d=>{e.delete(d)};return{on:d=>{e.add(d);const i=()=>n(d);return $(i),{off:i}},off:n,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,Me=e=>De.call(e)==="[object Object]",S=()=>{},_e=(e,n)=>Object.prototype.hasOwnProperty.call(e,n);function Ce(...e){if(e.length!==1)return t.toRef(...e);const n=e[0];return typeof n=="function"?t.readonly(t.customRef(()=>({get:n,set:S}))):t.ref(n)}function L(e){return Array.isArray(e)?e:[e]}function Ae(e,n,o){return t.watch(e,n,{...o,immediate:!0})}const Z=X?window:void 0,Te=X?window.document:void 0;function C(e){var n;const o=t.toValue(e);return(n=o?.$el)!==null&&n!==void 0?n:o}function F(...e){const n=[],o=()=>{n.forEach(l=>l()),n.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(o(),!l?.length||!r?.length||!c?.length)return;const p=Me(m)?{...m}:m;n.push(...l.flatMap(f=>r.flatMap(g=>c.map(k=>a(f,g,k,p)))))},{flush:"post"}),i=()=>{d(),o()};return $(o),i}function ee(e,n,o={}){const{window:a=Z,ignore:s=[],capture:d=!0,detectIframe:i=!1,controls:l=!1}=o;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}n(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)&&n(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 n=new DataTransfer;for(const o of e)n.items.add(o);return n.files}function Ne(e={}){const{document:n=Te}=e,o=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:n?n.createElement("input"):void 0;return f&&(f.type="file",f.onchange=g=>{o.value=g.target.files,s(o.value)},f.oncancel=()=>{i()}),f}),r=()=>{o.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),_e(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(o),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,n=!1){const o=t.shallowRef(n);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 o.value=!0;if(o.value)return r.style.overflow="hidden"}},{immediate:!0});const s=()=>{const i=P(t.toValue(e));!i||o.value||(i.style.overflow="hidden",o.value=!0)},d=()=>{const i=P(t.toValue(e));!i||!o.value||(i.style.overflow=a,R.delete(i),o.value=!1)};return $(d),t.computed({get(){return o.value},set(i){i?s():d()}})}const z=new WeakMap,$e={mounted(e,n){const o=!n.modifiers.bubble;let a;if(typeof n.value=="function")a=ee(e,n.value,{capture:o});else{const[s,d]=n.value;a=ee(e,s,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 Le(){let e=!1;const n=t.shallowRef(!1);return(o,a)=>{if(n.value=a.value,e)return;e=!0;const s=Be(o,a.value);t.watch(n,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 n=t.useModel(e,"modelValue"),o=t.reactive({activeItemIndex:null,open:!1,loading:!1,results:e.items}),a=()=>l(),s=async()=>{if(o.open=!0,o.activeItemIndex=null,e.filterFunction){e.isAsync&&(o.loading=!0);try{const f=await e.filterFunction(n.value||"");o.results=f||[]}catch{o.results=[]}finally{e.isAsync&&(o.loading=!1)}}else r()},d=f=>{n.value=f,l(f)},i=()=>{o.activeItemIndex=e.isAsync?null:n.value&&e.items?.indexOf(n.value)||null,o.open=!0,o.results=e.isAsync?[]:e.items},l=f=>{o.activeItemIndex=null,o.open=!1,e.items?.includes(f||n.value||"")||(n.value="")},r=()=>{n.value?o.results=e.items?.filter(f=>f.toLowerCase().includes((n.value??"").toLowerCase())):o.results=e.items},c=()=>{const f=o.results?.length||0;if(o.activeItemIndex!=null){const g=isNaN(o.activeItemIndex)?0:o.activeItemIndex;o.activeItemIndex=(g+1)%f}else o.activeItemIndex=0},m=()=>{const f=o.results?.length||0;if(o.activeItemIndex!=null){const g=isNaN(o.activeItemIndex)?0:o.activeItemIndex;g===0?o.activeItemIndex=null:o.activeItemIndex=g-1}else o.activeItemIndex=f-1},p=()=>{if(o.results){const f=o.activeItemIndex||0,g=o.results[f];d(g)}o.activeItemIndex=0};return(f,g)=>t.withDirectives((t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["autocomplete",{isOpen:o.open}])},[t.createElementVNode("div",Fe,[t.withDirectives(t.createElementVNode("input",{"onUpdate:modelValue":g[0]||(g[0]=k=>n.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,n.value]]),t.withDirectives(t.createElementVNode("ul",Pe,[o.loading?(t.openBlock(),t.createElementBlock("li",Re,"Loading results...")):(t.openBlock(!0),t.createElementBlock(t.Fragment,{key:1},t.renderList(o.results,(k,v)=>(t.openBlock(),t.createElementBlock("li",{key:k,class:t.normalizeClass(["autocomplete-result",{"is-active":v===o.activeItemIndex}]),onClick:t.withModifiers(u=>d(k),["stop"])},t.toDisplayString(k),11,ze))),128))],512),[[t.vShow,o.open]]),t.createElementVNode("label",null,t.toDisplayString(e.label),1)])],2)),[[t.unref($e),a]])}}),[["__scopeId","data-v-31a6db8c"]]);function O(e,n){return t.getCurrentScope()?(t.onScopeDispose(e,n),!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,n,o){return t.watch(e,n,{...o,immediate:!0})}const A=Oe?window:void 0;function T(e){var n;const o=t.toValue(e);return(n=o?.$el)!==null&&n!==void 0?n:o}function I(...e){const n=[],o=()=>{n.forEach(l=>l()),n.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(o(),!l?.length||!r?.length||!c?.length)return;const p=Ue(m)?{...m}:m;n.push(...l.flatMap(f=>r.flatMap(g=>c.map(k=>a(f,g,k,p)))))},{flush:"post"}),i=()=>{d(),o()};return O(o),i}function Ke(){const e=t.shallowRef(!1),n=t.getCurrentInstance();return n&&t.onMounted(()=>{e.value=!0},n),e}function Ye(e){const n=Ke();return t.computed(()=>(n.value,!!e()))}function Ge(e,n,o={}){const{window:a=A,...s}=o;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(n),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,n,o={}){const{window:a=A,document:s=a?.document,flush:d="sync"}=o;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))&&n(f)},{window:a,childList:!0,subtree:!0});l(p)}},{flush:d}),c=()=>{r(),l()};return O(c),c}function Qe(e={}){var n;const{window:o=A,deep:a=!0,triggerOnRemoval:s=!1}=e,d=(n=e.document)!==null&&n!==void 0?n:o?.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(o){const c={capture:!0,passive:!0};I(o,"blur",m=>{m.relatedTarget===null&&r()},c),I(o,"focus",r,c)}return s&&Je(l,r,{document:d}),r(),l}const Xe="focusin",Ze="focusout",et=":focus-within";function tt(e,n={}){const{window:o=A}=n,a=t.computed(()=>T(e)),s=t.shallowRef(!1),d=t.computed(()=>s.value);if(!o||!Qe(n).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 nt(e,{window:n=A,scrollTarget:o}={}){const a=t.ref(!1),s=()=>{if(!n)return;const d=n.document,i=T(e);if(!i)a.value=!1;else{const l=i.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(()=>T(e),()=>s(),{immediate:!0,flush:"post"}),n&&I(o||n,"scroll",s,{capture:!1,passive:!0}),a}const V=e=>{let n=nt(e).value;return n=n&&e.offsetHeight>0,n},D=e=>e.tabIndex>=0,ne=e=>{const n=e.target;return H(n)},H=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))?H(n):n},ot=e=>{const n=e.target;let o;if(n instanceof HTMLTableCellElement){const a=n.parentElement?.parentElement;if(a){const s=a.firstElementChild?.children[n.cellIndex];s&&(o=s)}}else if(n instanceof HTMLTableRowElement){const a=n.parentElement;if(a){const s=a.firstElementChild;s&&(o=s)}}return o&&(!D(o)||!V(o))?q(o):o},oe=e=>{const n=e.target;return q(n)},q=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))?q(n):n},at=e=>{const n=e.target;let o;if(n instanceof HTMLTableCellElement){const a=n.parentElement?.parentElement;if(a){const s=a.lastElementChild?.children[n.cellIndex];s&&(o=s)}}else if(n instanceof HTMLTableRowElement){const a=n.parentElement;if(a){const s=a.lastElementChild;s&&(o=s)}}return o&&(!D(o)||!V(o))?H(o):o},ae=e=>{const n=e.target;return U(n)},U=e=>{let n;return e.previousElementSibling?n=e.previousElementSibling:n=e.parentElement?.previousElementSibling?.lastElementChild,n&&(!D(n)||!V(n))?U(n):n},le=e=>{const n=e.target;return W(n)},W=e=>{let n;return e.nextElementSibling?n=e.nextElementSibling:n=e.parentElement?.nextElementSibling?.firstElementChild,n&&(!D(n)||!V(n))?W(n):n},re=e=>{const n=e.target.parentElement?.firstElementChild;return n&&(!D(n)||!V(n))?W(n):n},ie=e=>{const n=e.target.parentElement?.lastElementChild;return n&&(!D(n)||!V(n))?U(n):n},B=["alt","control","shift","meta"],lt={ArrowUp:"up",ArrowDown:"down",ArrowLeft:"left",ArrowRight:"right"},se={"keydown.up":e=>{const n=ne(e);n&&(e.preventDefault(),e.stopPropagation(),n.focus())},"keydown.down":e=>{const n=oe(e);n&&(e.preventDefault(),e.stopPropagation(),n.focus())},"keydown.left":e=>{const n=ae(e);e.preventDefault(),e.stopPropagation(),n&&n.focus()},"keydown.right":e=>{const n=le(e);e.preventDefault(),e.stopPropagation(),n&&n.focus()},"keydown.control.up":e=>{const n=ot(e);n&&(e.preventDefault(),e.stopPropagation(),n.focus())},"keydown.control.down":e=>{const n=at(e);n&&(e.preventDefault(),e.stopPropagation(),n.focus())},"keydown.control.left":e=>{const n=re(e);n&&(e.preventDefault(),e.stopPropagation(),n.focus())},"keydown.control.right":e=>{const n=ie(e);n&&(e.preventDefault(),e.stopPropagation(),n.focus())},"keydown.end":e=>{const n=ie(e);n&&(e.preventDefault(),e.stopPropagation(),n.focus())},"keydown.enter":e=>{if(e.target instanceof HTMLTableCellElement){e.preventDefault(),e.stopPropagation();const n=oe(e);n&&n.focus()}},"keydown.shift.enter":e=>{if(e.target instanceof HTMLTableCellElement){e.preventDefault(),e.stopPropagation();const n=ne(e);n&&n.focus()}},"keydown.home":e=>{const n=re(e);n&&(e.preventDefault(),e.stopPropagation(),n.focus())},"keydown.tab":e=>{const n=le(e);n&&(e.preventDefault(),e.stopPropagation(),n.focus())},"keydown.shift.tab":e=>{const n=ae(e);n&&(e.preventDefault(),e.stopPropagation(),n.focus())}};function rt(e){const n=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},o=i=>{const l=n(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=n(i);let r=[];return i.selectors?r=o(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=n(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:n}){const o=t.useModel(e,"modelValue"),a=t.ref(new Date(o.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(),M=h.setDate(h.getDate()-w);for(const _ 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=>{o.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":()=>{}}}]),n({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,M=>t.createElementVNode("tr",{key:M},[(t.openBlock(),t.createElementBlock(t.Fragment,null,t.renderList(ce,_=>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(n,o)=>(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:n}){const o=n,a=t.ref(e.data||{});t.watchEffect(()=>{e.data&&(a.value=e.data,e.modelValue.forEach(i=>{i.fieldname&&e.data[i.fieldname]!==void 0&&(i.value=e.data[i.fieldname])}))});const 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,o("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-82d33d5b"]]),fe=E(t.defineComponent({__name:"AFieldset",props:{schema:{},label:{},collapsible:{type:Boolean},data:{default:()=>({})}},setup(e,{expose:n}){const o=t.ref(!1),a=t.ref(e.data||[]),s=t.ref(e.schema),d=i=>{i.preventDefault(),e.collapsible&&(o.value=!o.value)};return n({collapsed:o}),(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:o.value},null,8,["collapsed"])):t.createCommentVNode("",!0)],32),t.renderSlot(i.$slots,"default",{collapsed:o.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,!o.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:n,open:o,reset:a,onChange:s}=Ne(),d=t.computed(()=>`${n.value.length} ${n.value.length===1?"file":"files"}`);return s(i=>i),(i,l)=>(t.openBlock(),t.createElementBlock("div",ut,[t.unref(n)?(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(n),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(o)())},t.toDisplayString(e.label),1),t.createElementVNode("button",{type:"button",disabled:!t.unref(n),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 n=t.useModel(e,"modelValue");return(o,a)=>(t.openBlock(),t.createElementBlock("div",bt,[t.withDirectives(t.createElementVNode("input",{id:e.uuid,"onUpdate:modelValue":a[0]||(a[0]=s=>n.value=s),class:"aform_input-field",type:"number",disabled:e.readonly,required:e.required},null,8,ht),[[t.vModelText,n.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 n=e.value;if(n){const o=wt(n);if(o){const a=e.instance?.locale;n=o(a)}}else{const a=e.instance?.schema?.fieldtype?.toLowerCase();a&&pe[a]&&(n=pe[a])}return n}function vt(e,n){let o=e;const a=[n,"/","-","(",")"," "];for(const s of a)o=o.replaceAll(s,"");return o}function Et(e,n,o){let a=n;for(const s of e){const d=a.indexOf(o);if(d!==-1){const i=a.substring(0,d),l=a.substring(d+1);a=i+s+l}}return a.slice(0,n.length)}function Vt(e,n){const o=xt(n);if(!o)return;const a="#",s=e.value,d=vt(s,a);if(d){const i=Et(d,o,a);n.instance?.maskFilled&&(n.instance.maskFilled=!i.includes(a)),e.value=i}else e.value=o}const Dt={class:"aform_form-element"},Mt=["id","disabled","maxlength","required"],_t=["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 n=t.ref(!0),o=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=>o.value=d),class:"aform_input-field",disabled:e.readonly,maxlength:e.mask&&n.value?e.mask.length:void 0,required:e.required},null,8,Mt),[[t.vModelText,o.value],[t.unref(Vt),e.mask]]),t.createElementVNode("label",{class:"aform_field-label",for:e.uuid},t.toDisplayString(e.label),9,_t),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:n}){const o=n,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,o("loginFailed");return}d.value=!1,o("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
|