@stonecrop/aform 0.6.2 → 0.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/aform.d.ts +11 -14
- package/dist/aform.js +457 -461
- package/dist/aform.js.map +1 -1
- package/dist/aform.umd.cjs +2 -2
- package/dist/aform.umd.cjs.map +1 -1
- package/dist/assets/index.css +1 -1
- package/dist/src/tsdoc-metadata.json +1 -1
- package/dist/src/types/index.d.ts +1 -1
- package/dist/theme/custom_themes.css +6 -0
- package/dist/theme/fields.css +84 -0
- package/dist/theme/login.css +2 -0
- package/dist/theme/purple_theme.css +9 -0
- package/package.json +23 -23
- package/src/components/AForm.vue +3 -3
- package/src/components/form/ACheckbox.vue +2 -9
- package/src/components/form/ADate.vue +2 -3
- package/src/components/form/ANumericInput.vue +2 -9
- package/src/components/form/ATextInput.vue +2 -10
- package/src/types/index.ts +1 -1
package/dist/aform.umd.cjs
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
(function(y,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(y=typeof globalThis<"u"?globalThis:y||self,t(y["@stonecrop/aform"]={},y.Vue))})(this,(function(y,t){"use strict";var
|
|
2
|
-
/*$vite$:1*/`,document.head.appendChild(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"})}));
|
|
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 W=document.createElement("style");W.textContent=`.aform_checkbox[data-v-f13fd4d6]{cursor:pointer;width:auto;margin-top:0;display:block}.aform_checkbox[data-v-f13fd4d6]:checked{accent-color:var(--sc-primary-color);border:1px solid black}.aform_checkbox-container[data-v-f13fd4d6]{width:100%;display:inline-block;text-align:left}.aform_checkbox-container input[data-v-f13fd4d6]{width:auto}.aform_checkbox-container:hover+.aform_field-label[data-v-f13fd4d6]{color:var(--sc-input-active-label-color)}div[data-v-a15ed922]{min-width:40ch;width:100%;box-sizing:border-box;border:1px solid transparent;padding:0rem;margin:0rem;margin-right:1ch}input[data-v-a15ed922]{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-a15ed922],label[data-v-a15ed922]{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-a15ed922]{width:100%;color:red;font-size:85%;box-sizing:border-box}label[data-v-a15ed922]{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-a15ed922]:focus{border:1px solid var(--sc-input-active-border-color)}input:focus+label[data-v-a15ed922]{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-5336a410]{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-5336a410]{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(W);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]=r=>n.value=r),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,r]of n)o[a]=r;return o},j=E(xe,[["__scopeId","data-v-f13fd4d6"]]),K=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"],Y=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:r=>new Date(r).toISOString().split("T")[0]}),o=t.useTemplateRef("date"),a=()=>{o.value&&"showPicker"in HTMLInputElement.prototype&&o.value.showPicker()};return(r,i)=>(t.openBlock(),t.createElementBlock("div",null,[t.withDirectives(t.createElementVNode("input",{id:e.uuid,ref:"date","onUpdate:modelValue":i[0]||(i[0]=l=>n.value=l),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-a15ed922"]]);function G(e,n){return t.getCurrentScope()?(t.onScopeDispose(e,n),!0):!1}function J(){const e=new Set,n=i=>{e.delete(i)};return{on:i=>{e.add(i);const l=()=>n(i);return G(l),{off:l}},off:n,trigger:(...i)=>Promise.all(Array.from(e).map(l=>l(...i))),clear:()=>{e.clear()}}}const Q=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 $(e){return Array.isArray(e)?e:[e]}function Ae(e,n,o){return t.watch(e,n,{...o,immediate:!0})}const X=Q?window:void 0,Te=Q?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 L(...e){const n=(a,r,i,l)=>(a.addEventListener(r,i,l),()=>a.removeEventListener(r,i,l)),o=t.computed(()=>{const a=$(t.toValue(e[0])).filter(r=>r!=null);return a.every(r=>typeof r!="string")?a:void 0});return Ae(()=>{var a,r;return[(a=(r=o.value)===null||r===void 0?void 0:r.map(i=>C(i)))!==null&&a!==void 0?a:[X].filter(i=>i!=null),$(t.toValue(o.value?e[1]:e[0])),$(t.unref(o.value?e[2]:e[1])),t.toValue(o.value?e[3]:e[2])]},([a,r,i,l],s,c)=>{if(!a?.length||!r?.length||!i?.length)return;const d=Me(l)?{...l}:l,p=a.flatMap(u=>r.flatMap(f=>i.map(g=>n(u,f,g,d))));c(()=>{p.forEach(u=>u())})},{flush:"post"})}function Z(e,n,o={}){const{window:a=X,ignore:r=[],capture:i=!0,detectIframe:l=!1,controls:s=!1}=o;if(!a)return s?{stop:S,cancel:S,trigger:S}:S;let c=!0;const d=m=>t.toValue(r).some(b=>{if(typeof b=="string")return Array.from(a.document.querySelectorAll(b)).some(w=>w===m.target||m.composedPath().includes(w));{const w=C(b);return w&&(m.target===w||m.composedPath().includes(w))}});function p(m){const b=t.toValue(m);return b&&b.$.subTree.shapeFlag===16}function u(m,b){const w=t.toValue(m),h=w.$.subTree&&w.$.subTree.children;return h==null||!Array.isArray(h)?!1:h.some(k=>k.el===b.target||b.composedPath().includes(k.el))}const f=m=>{const b=C(e);if(m.target!=null&&!(!(b instanceof Element)&&p(e)&&u(e,m))&&!(!b||b===m.target||m.composedPath().includes(b))){if("detail"in m&&m.detail===0&&(c=!d(m)),!c){c=!0;return}n(m)}};let g=!1;const x=[L(a,"click",m=>{g||(g=!0,setTimeout(()=>{g=!1},0),f(m))},{passive:!0,capture:i}),L(a,"pointerdown",m=>{const b=C(e);c=!d(m)&&!!(b&&!m.composedPath().includes(b))},{passive:!0}),l&&L(a,"blur",m=>{setTimeout(()=>{var b;const w=C(e);((b=a.document.activeElement)===null||b===void 0?void 0:b.tagName)==="IFRAME"&&!w?.contains(a.document.activeElement)&&n(m)},0)},{passive:!0})].filter(Boolean),v=()=>x.forEach(m=>m());return s?{stop:v,cancel:()=>{c=!1},trigger:m=>{c=!0,f(m),c=!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:r}=J(),{on:i,trigger:l}=J(),s=t.computed(()=>{var u;const f=(u=C(e.input))!==null&&u!==void 0?u:n?n.createElement("input"):void 0;return f&&(f.type="file",f.onchange=g=>{o.value=g.target.files,r(o.value)},f.oncancel=()=>{l()}),f}),c=()=>{o.value=null,s.value&&s.value.value&&(s.value.value="",r(null))},d=u=>{const f=s.value;f&&(f.multiple=t.toValue(u.multiple),f.accept=t.toValue(u.accept),f.webkitdirectory=t.toValue(u.directory),_e(u,"capture")&&(f.capture=t.toValue(u.capture)))},p=u=>{const f=s.value;if(!f)return;const g={...Se,...e,...u};d(g),t.toValue(g.reset)&&c(),f.click()};return t.watchEffect(()=>{d(e)}),{files:t.readonly(o),open:p,reset:c,onCancel:i,onChange:a}}function O(e){return typeof Window<"u"&&e instanceof Window?e.document.documentElement:typeof Document<"u"&&e instanceof Document?e.documentElement:e}const F=new WeakMap;function Be(e,n=!1){const o=t.shallowRef(n);let a="";t.watch(Ce(e),l=>{const s=O(t.toValue(l));if(s){const c=s;if(F.get(c)||F.set(c,c.style.overflow),c.style.overflow!=="hidden"&&(a=c.style.overflow),c.style.overflow==="hidden")return o.value=!0;if(o.value)return c.style.overflow="hidden"}},{immediate:!0});const r=()=>{const l=O(t.toValue(e));!l||o.value||(l.style.overflow="hidden",o.value=!0)},i=()=>{const l=O(t.toValue(e));!l||!o.value||(l.style.overflow=a,F.delete(l),o.value=!1)};return G(i),t.computed({get(){return o.value},set(l){l?r():i()}})}const P=new WeakMap,$e={mounted(e,n){const o=!n.modifiers.bubble;let a;if(typeof n.value=="function")a=Z(e,n.value,{capture:o});else{const[r,i]=n.value;a=Z(e,r,Object.assign({capture:o},i))}P.set(e,a)},unmounted(e){const n=P.get(e);n&&typeof n=="function"?n():n?.stop(),P.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 r=Be(o,a.value);t.watch(n,i=>r.value=i)}}Le();const Oe={class:"input-wrapper"},Fe={id:"autocomplete-results",class:"autocomplete-results"},Pe={key:0,class:"loading autocomplete-result"},Re=["onClick"],ee=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=()=>s(),r=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 c()},i=f=>{n.value=f,s(f)},l=()=>{o.activeItemIndex=e.isAsync?null:n.value&&e.items?.indexOf(n.value)||null,o.open=!0,o.results=e.isAsync?[]:e.items},s=f=>{o.activeItemIndex=null,o.open=!1,e.items?.includes(f||n.value||"")||(n.value="")},c=()=>{n.value?o.results=e.items?.filter(f=>f.toLowerCase().includes((n.value??"").toLowerCase())):o.results=e.items},d=()=>{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},p=()=>{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},u=()=>{if(o.results){const f=o.activeItemIndex||0,g=o.results[f];i(g)}o.activeItemIndex=0};return(f,g)=>t.withDirectives((t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["autocomplete",{isOpen:o.open}])},[t.createElementVNode("div",Oe,[t.withDirectives(t.createElementVNode("input",{"onUpdate:modelValue":g[0]||(g[0]=x=>n.value=x),type:"text",onInput:r,onFocus:l,onKeydown:[t.withKeys(d,["down"]),t.withKeys(p,["up"]),t.withKeys(u,["enter"]),t.withKeys(a,["esc"]),t.withKeys(a,["tab"])]},null,544),[[t.vModelText,n.value]]),t.withDirectives(t.createElementVNode("ul",Fe,[o.loading?(t.openBlock(),t.createElementBlock("li",Pe,"Loading results...")):(t.openBlock(!0),t.createElementBlock(t.Fragment,{key:1},t.renderList(o.results,(x,v)=>(t.openBlock(),t.createElementBlock("li",{key:x,class:t.normalizeClass(["autocomplete-result",{"is-active":v===o.activeItemIndex}]),onClick:t.withModifiers(m=>i(x),["stop"])},t.toDisplayString(x),11,Re))),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 te(e,n){return t.getCurrentScope()?(t.onScopeDispose(e,n),!0):!1}const ze=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=ze?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=(a,r,i,l)=>(a.addEventListener(r,i,l),()=>a.removeEventListener(r,i,l)),o=t.computed(()=>{const a=N(t.toValue(e[0])).filter(r=>r!=null);return a.every(r=>typeof r!="string")?a:void 0});return je(()=>{var a,r;return[(a=(r=o.value)===null||r===void 0?void 0:r.map(i=>T(i)))!==null&&a!==void 0?a:[A].filter(i=>i!=null),N(t.toValue(o.value?e[1]:e[0])),N(t.unref(o.value?e[2]:e[1])),t.toValue(o.value?e[3]:e[2])]},([a,r,i,l],s,c)=>{if(!a?.length||!r?.length||!i?.length)return;const d=Ue(l)?{...l}:l,p=a.flatMap(u=>r.flatMap(f=>i.map(g=>n(u,f,g,d))));c(()=>{p.forEach(u=>u())})},{flush:"post"})}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,...r}=o;let i;const l=Ye(()=>a&&"MutationObserver"in a),s=()=>{i&&(i.disconnect(),i=void 0)},c=t.watch(t.computed(()=>{const u=N(t.toValue(e)).map(T).filter(He);return new Set(u)}),u=>{s(),l.value&&u.size&&(i=new MutationObserver(n),u.forEach(f=>i.observe(f,r)))},{immediate:!0,flush:"post"}),d=()=>i?.takeRecords(),p=()=>{c(),s()};return te(p),{isSupported:l,stop:p,takeRecords:d}}function Je(e,n,o={}){const{window:a=A,document:r=a?.document,flush:i="sync"}=o;if(!a||!r)return We;let l;const s=p=>{l?.(),l=p},c=t.watchEffect(()=>{const p=T(e);if(p){const{stop:u}=Ge(r,f=>{f.map(g=>[...g.removedNodes]).flat().some(g=>g===p||g.contains(p))&&n(f)},{window:a,childList:!0,subtree:!0});s(u)}},{flush:i}),d=()=>{c(),s()};return te(d),d}function Qe(e={}){var n;const{window:o=A,deep:a=!0,triggerOnRemoval:r=!1}=e,i=(n=e.document)!==null&&n!==void 0?n:o?.document,l=()=>{let d=i?.activeElement;if(a)for(var p;d?.shadowRoot;)d=d==null||(p=d.shadowRoot)===null||p===void 0?void 0:p.activeElement;return d},s=t.shallowRef(),c=()=>{s.value=l()};if(o){const d={capture:!0,passive:!0};I(o,"blur",p=>{p.relatedTarget===null&&c()},d),I(o,"focus",c,d)}return r&&Je(s,c,{document:i}),c(),s}const Xe="focusin",Ze="focusout",et=":focus-within";function tt(e,n={}){const{window:o=A}=n,a=t.computed(()=>T(e)),r=t.shallowRef(!1),i=t.computed(()=>r.value);if(!o||!Qe(n).value)return{focused:i};const l={passive:!0};return I(a,Xe,()=>r.value=!0,l),I(a,Ze,()=>{var s,c,d;return r.value=(s=(c=a.value)===null||c===void 0||(d=c.matches)===null||d===void 0?void 0:d.call(c,et))!==null&&s!==void 0?s:!1},l),{focused:i}}function nt(e,{window:n=A,scrollTarget:o}={}){const a=t.ref(!1),r=()=>{if(!n)return;const i=n.document,l=T(e);if(!l)a.value=!1;else{const s=l.getBoundingClientRect();a.value=s.top<=(n.innerHeight||i.documentElement.clientHeight)&&s.left<=(n.innerWidth||i.documentElement.clientWidth)&&s.bottom>=0&&s.right>=0}};return t.watch(()=>T(e),()=>r(),{immediate:!0,flush:"post"}),n&&I(o||n,"scroll",r,{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 R(n)},R=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))?R(n):n},ot=e=>{const n=e.target;let o;if(n instanceof HTMLTableCellElement){const a=n.parentElement?.parentElement;if(a){const r=a.firstElementChild?.children[n.cellIndex];r&&(o=r)}}else if(n instanceof HTMLTableRowElement){const a=n.parentElement;if(a){const r=a.firstElementChild;r&&(o=r)}}return o&&(!D(o)||!V(o))?z(o):o},oe=e=>{const n=e.target;return z(n)},z=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))?z(n):n},at=e=>{const n=e.target;let o;if(n instanceof HTMLTableCellElement){const a=n.parentElement?.parentElement;if(a){const r=a.lastElementChild?.children[n.cellIndex];r&&(o=r)}}else if(n instanceof HTMLTableRowElement){const a=n.parentElement;if(a){const r=a.lastElementChild;r&&(o=r)}}return o&&(!D(o)||!V(o))?R(o):o},ae=e=>{const n=e.target;return H(n)},H=e=>{let n;return e.previousElementSibling?n=e.previousElementSibling:n=e.parentElement?.previousElementSibling?.lastElementChild,n&&(!D(n)||!V(n))?H(n):n},le=e=>{const n=e.target;return q(n)},q=e=>{let n;return e.nextElementSibling?n=e.nextElementSibling:n=e.parentElement?.nextElementSibling?.firstElementChild,n&&(!D(n)||!V(n))?q(n):n},re=e=>{const n=e.target.parentElement?.firstElementChild;return n&&(!D(n)||!V(n))?q(n):n},ie=e=>{const n=e.target.parentElement?.lastElementChild;return n&&(!D(n)||!V(n))?H(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=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},o=l=>{const s=n(l);let c=[];if(typeof l.selectors=="string")c=Array.from(s?s.querySelectorAll(l.selectors):document.querySelectorAll(l.selectors));else if(Array.isArray(l.selectors))for(const d of l.selectors)d instanceof HTMLElement?c.push(d):c.push(d.$el);else if(l.selectors instanceof HTMLElement)c.push(l.selectors);else if(l.selectors?.value)if(Array.isArray(l.selectors.value))for(const d of l.selectors.value)d instanceof HTMLElement?c.push(d):c.push(d.$el);else c.push(l.selectors.value);return c},a=l=>{const s=n(l);let c=[];return l.selectors?c=o(l):s&&(c=Array.from(s.children).filter(d=>D(d)&&V(d))),c},r=l=>s=>{const c=lt[s.key]||s.key.toLowerCase();if(B.includes(c))return;const d=l.handlers||se;for(const p of Object.keys(d)){const[u,...f]=p.split(".");if(u==="keydown"&&f.includes(c)){const g=d[p],x=f.filter(m=>B.includes(m)),v=B.some(m=>{const b=m.charAt(0).toUpperCase()+m.slice(1);return s.getModifierState(b)});if(x.length>0){if(v){for(const m of B)if(f.includes(m)){const b=m.charAt(0).toUpperCase()+m.slice(1);s.getModifierState(b)&&g(s)}}}else v||g(s)}}},i=[];t.onMounted(()=>{for(const l of e){const s=n(l),c=a(l),d=r(l),p=s?[s]:c;for(const u of p){const{focused:f}=tt(t.ref(u)),g=t.watch(f,x=>{x?u.addEventListener("keydown",d):u.removeEventListener("keydown",d)});i.push(g)}}}),t.onBeforeUnmount(()=>{for(const l of i)l()})}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)),r=t.ref(a.value.getMonth()),i=t.ref(a.value.getFullYear()),l=t.ref([]),s=t.useTemplateRef("datepicker");t.onMounted(async()=>{c(),await t.nextTick();const h=document.getElementsByClassName("selectedDate");if(h.length>0)h[0].focus();else{const k=document.getElementsByClassName("todaysDate");k.length>0&&k[0].focus()}});const c=()=>{l.value=[];const h=new Date(i.value,r.value,1),k=h.getDay(),M=h.setDate(h.getDate()-k);for(const _ of Array(43).keys())l.value.push(M+_*864e5)};t.watch([r,i],c);const d=()=>i.value-=1,p=()=>i.value+=1,u=()=>{r.value==0?(r.value=11,d()):r.value-=1},f=()=>{r.value==11?(r.value=0,p()):r.value+=1},g=h=>{const k=new Date;if(r.value===k.getMonth())return k.toDateString()===new Date(h).toDateString()},x=h=>new Date(h).toDateString()===new Date(a.value).toDateString(),v=(h,k)=>(h-1)*ce+k,m=(h,k)=>l.value[v(h,k)],b=h=>{o.value=a.value=new Date(l.value[h])},w=t.computed(()=>new Date(i.value,r.value,1).toLocaleDateString(void 0,{year:"numeric",month:"long"}));return rt([{parent:s,selectors:"td",handlers:{...se,"keydown.pageup":u,"keydown.shift.pageup":d,"keydown.pagedown":f,"keydown.shift.pagedown":p,"keydown.enter":()=>{}}}]),n({currentMonth:r,currentYear:i,selectedDate:a}),(h,k)=>(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:u},"<"),t.createElementVNode("th",st,t.toDisplayString(w.value),1),t.createElementVNode("td",{id:"next-month-btn",tabindex:-1,onClick:f},">")]),k[0]||(k[0]=t.createElementVNode("tr",{class:"days-header"},[t.createElementVNode("td",null,"M"),t.createElementVNode("td",null,"T"),t.createElementVNode("td",null,"W"),t.createElementVNode("td",null,"T"),t.createElementVNode("td",null,"F"),t.createElementVNode("td",null,"S"),t.createElementVNode("td",null,"S")],-1)),(t.openBlock(),t.createElementBlock(t.Fragment,null,t.renderList(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(m(M,_)),selectedDate:x(m(M,_))}),onClick:t.withModifiers(qt=>b(v(M,_)),["prevent","stop"]),onKeydown:t.withKeys(qt=>b(v(M,_)),["enter"])},t.toDisplayString(new Date(m(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"},U=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(l=>{l.fieldname&&e.data[l.fieldname]!==void 0&&(l.value=e.data[l.fieldname])}))});const r=l=>{let s={};for(const[c,d]of Object.entries(l))["component","fieldtype"].includes(c)||(s[c]=d),c==="rows"&&d&&d.length===0&&(s.rows=a.value[l.fieldname]);return s},i=t.computed({get:()=>e.modelValue.map((l,s)=>t.computed({get(){return l.value},set:c=>{e.modelValue[s].value=c,o("update:modelValue",e.modelValue)}})),set:()=>{}});return(l,s)=>(t.openBlock(),t.createElementBlock("form",mt,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.modelValue,(c,d)=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(c.component),t.mergeProps({key:d,modelValue:i.value[d].value,"onUpdate:modelValue":p=>i.value[d].value=p,schema:c,data:a.value[c.fieldname],readOnly:e.readOnly},{ref_for:!0},r(c)),null,16,["modelValue","onUpdate:modelValue","schema","data","readOnly"]))),128))]))}}),[["__scopeId","data-v-5336a410"]]),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||[]),r=t.ref(e.schema),i=l=>{l.preventDefault(),e.collapsible&&(o.value=!o.value)};return n({collapsed:o}),(l,s)=>(t.openBlock(),t.createElementBlock("fieldset",null,[t.createElementVNode("legend",{onClick:i,onSubmit:i},[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(l.$slots,"default",{collapsed:o.value},()=>[t.withDirectives(t.createVNode(U,{modelValue:r.value,"onUpdate:modelValue":s[0]||(s[0]=c=>r.value=c),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:r}=Ne(),i=t.computed(()=>`${n.value.length} ${n.value.length===1?"file":"files"}`);return r(l=>l),(l,s)=>(t.openBlock(),t.createElementBlock("div",ut,[t.unref(n)?(t.openBlock(),t.createElementBlock("div",pt,[t.createElementVNode("p",null,[s[2]||(s[2]=t.createTextVNode(" You have selected: ",-1)),t.createElementVNode("b",null,t.toDisplayString(i.value),1)]),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(t.unref(n),c=>(t.openBlock(),t.createElementBlock("li",{key:c.name},t.toDisplayString(c.name),1))),128))])):t.createCommentVNode("",!0),t.createElementVNode("button",{type:"button",class:"aform_form-btn",onClick:s[0]||(s[0]=c=>t.unref(o)())},t.toDisplayString(e.label),1),t.createElementVNode("button",{type:"button",disabled:!t.unref(n),class:"aform_form-btn",onClick:s[1]||(s[1]=c=>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]=r=>n.value=r),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 r of a)o=o.replaceAll(r,"");return o}function Et(e,n,o){let a=n;for(const r of e){const i=a.indexOf(o);if(i!==-1){const l=a.substring(0,i),s=a.substring(i+1);a=l+r+s}}return a.slice(0,n.length)}function Vt(e,n){const o=xt(n);if(!o)return;const a="#",r=e.value,i=vt(r,a);if(i){const l=Et(i,o,a);n.instance?.maskFilled&&(n.instance.maskFilled=!l.includes(a)),e.value=l}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,r)=>(t.openBlock(),t.createElementBlock("div",Dt,[t.withDirectives(t.createElementVNode("input",{id:e.uuid,"onUpdate:modelValue":r[0]||(r[0]=i=>o.value=i),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"],Ot={class:"login-form-password aform_form-element"},Ft=["disabled"],Pt=["disabled"],Rt={key:0,class:"material-symbols-outlined loading-icon"},zt=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(""),r=t.ref(""),i=t.ref(!1),l=t.ref(!1);function s(c){if(c.preventDefault(),i.value=!0,l.value){i.value=!1,o("loginFailed");return}i.value=!1,o("loginSuccess")}return(c,d)=>(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:s},[t.createElementVNode("div",Bt,[t.createElementVNode("div",$t,[d[2]||(d[2]=t.createElementVNode("label",{id:"login-email",for:"email",class:"aform_field-label"},"Email",-1)),t.withDirectives(t.createElementVNode("input",{id:"email","onUpdate:modelValue":d[0]||(d[0]=p=>a.value=p),class:"aform_input-field",name:"email",placeholder:"name@example.com",type:"email","auto-capitalize":"none","auto-complete":"email","auto-correct":"off",disabled:i.value},null,8,Lt),[[t.vModelText,a.value]])]),t.createElementVNode("div",Ot,[d[3]||(d[3]=t.createElementVNode("label",{id:"login-password",for:"password",class:"aform_field-label"},"Password",-1)),t.withDirectives(t.createElementVNode("input",{id:"password","onUpdate:modelValue":d[1]||(d[1]=p=>r.value=p),class:"aform_input-field",name:"password",type:"password",disabled:i.value},null,8,Ft),[[t.vModelText,r.value]])]),t.createElementVNode("button",{class:"btn",disabled:i.value||!a.value||!r.value,onClick:s},[i.value?(t.openBlock(),t.createElementBlock("span",Rt,"progress_activity")):t.createCommentVNode("",!0),d[4]||(d[4]=t.createElementVNode("span",{id:"login-form-button"},"Login",-1))],8,Pt)])],32),d[5]||(d[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",j),e.component("ACombobox",K),e.component("ADate",Y),e.component("ADropdown",ee),e.component("ADatePicker",de),e.component("AFieldset",fe),e.component("AFileAttach",me),e.component("AForm",U),e.component("ANumericInput",ue),e.component("ATextInput",ge)}y.ACheckbox=j,y.AComboBox=K,y.ADate=Y,y.ADatePicker=de,y.ADropdown=ee,y.AFieldset=fe,y.AFileAttach=me,y.AForm=U,y.ANumericInput=ue,y.ATextInput=ge,y.Login=zt,y.install=Ht,Object.defineProperty(y,Symbol.toStringTag,{value:"Module"})}));
|
|
3
3
|
//# sourceMappingURL=aform.umd.cjs.map
|