@stonecrop/aform 0.2.32 → 0.2.34

package/dist/src/types/index.d.ts

@@ -1,4 +1,12 @@
 import ATable from '@stonecrop/atable';
+export type ComponentProps = {
+    label?: string;
+    mask?: string;
+    required?: boolean;
+    readonly?: boolean;
+    uuid?: string;
+    validation?: Record<string, any>;
+};
 export type BasicSchema = {
     component: string;
     fieldname: string;

package/dist/src/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,MAAM,MAAM,WAAW,GAAG;IACzB,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,GAAG,CAAA;CACV,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,WAAW,GAAG;IACtC,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,OAAO,CAAA;IACb,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;CACb,CAAA;AAED,MAAM,MAAM,WAAW,GAAG,WAAW,GAAG;IACvC,OAAO,EAAE,MAAM,CAAC,WAAW,EAAE,CAAA;IAC7B,MAAM,EAAE,MAAM,CAAC,WAAW,CAAA;IAC1B,IAAI,EAAE,MAAM,CAAC,QAAQ,EAAE,CAAA;CACvB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,WAAW,GAAG;IAC1C,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,CAAC,UAAU,GAAG,WAAW,CAAC,EAAE,CAAA;IACpC,WAAW,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA;AAED,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG,WAAW,GAAG,cAAc,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,MAAM,MAAM,cAAc,GAAG;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAChC,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACzB,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,GAAG,CAAA;CACV,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,WAAW,GAAG;IACtC,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,OAAO,CAAA;IACb,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;CACb,CAAA;AAED,MAAM,MAAM,WAAW,GAAG,WAAW,GAAG;IACvC,OAAO,EAAE,MAAM,CAAC,WAAW,EAAE,CAAA;IAC7B,MAAM,EAAE,MAAM,CAAC,WAAW,CAAA;IAC1B,IAAI,EAAE,MAAM,CAAC,QAAQ,EAAE,CAAA;CACvB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,WAAW,GAAG;IAC1C,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,CAAC,UAAU,GAAG,WAAW,CAAC,EAAE,CAAA;IACpC,WAAW,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA;AAED,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG,WAAW,GAAG,cAAc,CAAA"}

package/dist/style.css

@@ -1 +1 @@
-@import"https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200";div[data-v-69d0f23d]{min-width:40ch;border:1px solid transparent;padding:0rem;margin:0rem;margin-right:1ch}input[data-v-69d0f23d]{width:calc(100% - 1ch);outline:1px solid transparent;border:1px solid var(--input-border-color);padding:1ch .5ch .5ch 1ch;margin:.575rem 0 0;min-height:1.15rem;border-radius:.25rem}p[data-v-69d0f23d],label[data-v-69d0f23d]{color:var(--input-label-color);display:block;min-height:1.15rem;padding:0rem;margin:0rem 0rem .25rem;border:1px solid transparent}p[data-v-69d0f23d]{width:100%;color:red;font-size:85%}label[data-v-69d0f23d]{z-index:2;font-size:80%;position:absolute;background:#fff;margin:-2.575rem 0 0 1ch;padding:0 .25ch}input[data-v-69d0f23d]:focus{border:1px solid var(--input-active-border-color)}input:focus+label[data-v-69d0f23d]{color:var(--input-active-label-color)}.autocomplete{position:relative}.input-wrapper{min-width:40ch;border:1px solid transparent;padding:0rem;margin:0rem;margin-right:1ch}input{width:calc(100% - 1ch);outline:1px solid transparent;border:1px solid var(--input-border-color);padding:1ch .5ch .5ch 1ch;margin:.575rem 0 0;min-height:1.15rem;border-radius:.25rem}input:focus{border:1px solid var(--input-active-border-color);border-radius:.25rem .25rem 0 0;border-bottom:none}label{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{position:absolute;width:calc(100% - 1ch + 1.5px);z-index:1;padding:0;margin:0;color:#000;border:1px solid var(--input-active-border-color);border-radius:0 0 .25rem .25rem;border-top:none}.autocomplete-result{list-style:none;text-align:left;padding:4px 6px;cursor:pointer}.autocomplete-result.is-active,.autocomplete-result:hover{background-color:var(--row-color-zebra-light);color:#000}.list-index{color:var(--header-text-color);font-weight:700;padding-left:var(--atable-row-padding);padding-right:1em;text-align:center;-webkit-user-select:none;user-select:none;width:var(--8d411922);max-width:var(--8d411922)}.atable #header-index{width:var(--8d411922);max-width:var(--8d411922)}.adatepicker{font-size:var(--table-font-size);display:inline-table;color:var(--cell-text-color);outline:none;border-collapse:collapse}.adatepicker tr{height:1.15rem;text-align:center;vertical-align:middle}.adatepicker td{border:2px solid transparent;outline:2px solid transparent;min-width:3ch;max-width:3ch}.adatepicker td:focus,.adatepicker td:focus-within{outline:1px dashed black;box-shadow:none;min-height:1.15em;max-height:1.15em;overflow:hidden}.adatepicker .selectedDate{outline:1px solid black;background:var(--gray-20);font-weight:bolder}.adatepicker .todaysDate{font-weight:bolder;text-decoration:underline;color:#000}.days-header>td{font-weight:700}.prev-date{color:var(--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}[data-v-dc1a868d]:root{--primary-color: #0098c9;--primary-text-color: #ffffff;--brand-color: #202a44;--gray-5: #f2f2f2;--gray-10: #e6e6e6;--gray-20: #cccccc;--gray-50: #808080;--gray-60: #666666;--gray-80: #333333;--brand-danger: #e63c28;--brand-success: #155724;--row-color-zebra-light: #eeeeee;--row-color-zebra-dark: #dddddd;--focus-cell-background: #ffffff;--focus-cell-outline: #000000;--cell-border-color: #ffffff;--cell-text-color: #3a3c41;--active-cell-background: #ffffff;--active-cell-outline: #e6a92d;--row-border-color: var(--gray-20);--header-border-color: #ffffff;--header-text-color: var(--gray-20);--row-number-background-color: #ffffff;--input-border-color: var(--gray-20);--input-label-color: var(--gray-60);--input-active-border-color: #000000;--input-active-label-color: #000000;--required-border: #e63c28;--font-size: 10px;--font-family: Arimo, Arial, sans-serif;--table-font-size: 16px;--atable-font-family: "Arimo", sans-serif;--atable-row-padding: 0px;--atable-row-height: 1.5em;--btn-color: white;--btn-border: #cccccc;--btn-hover: #f2f2f2;--btn-label-color: black}.aform[data-v-dc1a868d]{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem;border:1px solid var(--gray-5);border-left:4px solid var(--gray-5);margin-bottom:1rem;max-width:100%}@media screen and (max-width:400px){.aform[data-v-dc1a868d]{flex-direction:column}}.aform__form-element[data-v-dc1a868d]{border:1px solid transparent;padding:0;margin:0;position:relative;box-sizing:border-box;flex-grow:1;min-width:100px}.aform__input-field[data-v-dc1a868d]{outline:1px solid transparent;border:1px solid var(--input-border-color);font-size:1rem;padding:.5rem .25rem .25rem .5rem;margin:0;border-radius:0;box-sizing:border-box;width:100%;position:relative;color:var(--cell-text-color)}.aform__field-label[data-v-dc1a868d]{color:var(--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;width:auto;box-sizing:border-box;background:#fff;margin:0;border:1px solid var(--input-border-color);grid-row:1;top:0;left:10px;border:none;transform:translateY(-50%)}p.error[data-v-dc1a868d]{display:block;display:inline-block;display:none;padding:0rem 0rem 0rem .5rem;margin:.5rem 0 .25rem 0rem;border:1px solid transparent;width:100%;width:auto;color:var(--brand-danger);font-size:.8rem;position:absolute;right:0;top:0;background:#fff;padding:.25rem;transform:translate(-1rem,-50%);margin:0}.aform__input-field[data-v-dc1a868d]:focus{border:1px solid var(--input-active-border-color)}.aform__input-field:focus+.aform__field-label[data-v-dc1a868d]{color:var(--input-active-label-color)}.aform__checkbox[data-v-dc1a868d]{cursor:pointer;width:auto;margin-top:0;display:block}.aform__checkbox[data-v-dc1a868d]:checked{accent-color:var(--primary-color);border:1px solid black}.aform__checkbox-container[data-v-dc1a868d]{width:100%;display:inline-block;text-align:left}.aform__checkbox-container input[data-v-dc1a868d]{width:auto}.aform__checkbox-container:hover+.aform__field-label[data-v-dc1a868d]{color:var(--input-active-label-color)}.aform-primary-action[data-v-dc1a868d]{font-size:100%;text-align:center;min-height:2em;padding:.25rem 1rem;border:1px solid var(--primary-color);color:var(--primary-text-color);background-color:var(--primary-color);outline:2px solid var(--primary-text-color);transition:outline-offset .2s ease;font-size:var(--font-size);margin:.5ch}.aform-primary-action[data-v-dc1a868d]:hover,.aform-primary-action[data-v-dc1a868d]:active{outline:2px solid var(--primary-text-color);outline-offset:-4px;transition:outline-offset .2s ease}tr[data-v-dc1a868d]:focus{background-color:#add8e6;outline:auto}.aform__form-btn[data-v-dc1a868d]{padding:.5rem 2rem;width:auto;border:1px solid var(--input-border-color);color:var(--input-label-color);cursor:pointer;background-color:#fff}.aform__form-btn[data-v-dc1a868d]:disabled{background-color:var(--gray-5)}.aform__file-attach[data-v-dc1a868d]{padding:1rem;display:flex;flex-wrap:wrap;gap:1rem;flex-direction:row;justify-content:center;align-items:center;border:1px dashed var(--input-border-color);width:100%}@media screen and (max-width:400px){.aform__file-attach>.aform__form-btn[data-v-dc1a868d]{width:100%}}.aform__file-attach-feedback[data-v-dc1a868d]{color:var(--input-label-color);width:100%;padding:.5rem;text-align:center;align-self:center}.aform__file-attach-feedback[data-v-dc1a868d]>li[data-v-dc1a868d]{list-style:none;font-style:italic}.aform__file-attach-feedback[data-v-dc1a868d]>p[data-v-dc1a868d]{margin-top:0}.atable[data-v-dc1a868d]{font-family:var(--atable-font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--table-font-size);border-collapse:collapse}.row-index[data-v-dc1a868d]{color:var(--header-text-color);font-weight:700;text-align:center;-webkit-user-select:none;user-select:none;width:2ch}.expandable-row[data-v-dc1a868d]{border-top:1px solid var(--row-border-color);height:var(--atable-row-height);border-left:4px solid var(--row-border-color)}.expanded-row[data-v-dc1a868d]{border-bottom:1px solid var(--row-border-color);border-top:1px solid var(--row-border-color)}.expanded-row-content[data-v-dc1a868d]{border-bottom:1px solid var(--row-border-color);border-top:1px solid var(--row-border-color);padding:1.5rem}.atable__cell[data-v-dc1a868d]{border-radius:0;box-sizing:border-box;margin:0;outline:none;box-shadow:none;color:var(--cell-text-color);text-overflow:ellipsis;overflow:hidden;padding-left:.5ch!important;padding-right:.5ch;padding-top:var(--atable-row-padding);padding-bottom:var(--atable-row-padding);border-spacing:0px;border-collapse:collapse}.atable__cell[data-v-dc1a868d]:focus,.atable__cell[data-v-dc1a868d]:focus-within{background-color:var(--focus-cell-background);outline-width:2px;outline-style:solid;outline-color:var(--focus-cell-outline);box-shadow:none;min-height:1.15em;max-height:1.15em;overflow:hidden}.table-row[data-v-dc1a868d]{border-top:1px solid var(--row-border-color);height:var(--atable-row-height)}.list-index[data-v-dc1a868d]{color:var(--header-text-color);font-weight:700;padding-left:var(--atable-row-padding);padding-right:1em;text-align:center;-webkit-user-select:none;user-select:none;width:var(--41022003);max-width:var(--41022003)}.tree-index[data-v-dc1a868d]{color:var(--header-text-color);font-weight:700;text-align:center;-webkit-user-select:none;user-select:none;width:2ch}.atable #header-index[data-v-dc1a868d]{width:var(--41022003);max-width:var(--41022003)}.atable th[data-v-dc1a868d]{border-width:0px;border-style:solid;border-radius:0;padding-left:.5ch;padding-right:.5ch;padding-top:var(--atable-row-padding);padding-bottom:var(--atable-row-padding);color:var(--gray-60);height:var(--atable-row-height);font-weight:300;letter-spacing:.05rem}.atable th[data-v-dc1a868d]:focus{outline:none}.amodal[data-v-dc1a868d]{z-index:100;position:absolute;background-color:var(--row-color-zebra-dark)}.login-container[data-v-dc1a868d]{width:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--font-family)}.account-container[data-v-dc1a868d]{width:100%;margin-left:auto;margin-top:.5rem;margin-right:auto;display:flex;flex-direction:column;justify-content:center}.account-header[data-v-dc1a868d]{display:flex;flex-direction:column;text-align:center;margin-top:.5rem}#account-title[data-v-dc1a868d]{font-size:1.5rem;line-height:2rem;font-weight:600;letter-spacing:-.025em;margin:0}#account-subtitle[data-v-dc1a868d]{font-size:.875rem;line-height:1.25rem;margin:1rem}.login-form-container[data-v-dc1a868d]{display:grid;gap:.5rem}.login-form-element[data-v-dc1a868d]{display:grid;margin:.5rem 0;position:relative}.login-field[data-v-dc1a868d]{padding:.5rem .25rem .25rem .5rem;outline:1px solid transparent;border:1px solid var(--input-border-color);border-radius:.25rem}.login-field[data-v-dc1a868d][data-v-dc1a868d]:focus{border:1px solid black}.btn[data-v-dc1a868d]{background-color:var(--btn-color);color:var(--btn-label-color);border:1px solid var(--btn-border);margin:.5rem 0;padding:.25rem;position:relative;cursor:pointer}.btn[data-v-dc1a868d][data-v-dc1a868d]:hover{background-color:var(--btn-hover)}.btn[data-v-dc1a868d][data-v-dc1a868d]:disabled{background-color:light-dark(rgba(239,239,239,.3),rgba(59,59,59,.3));color:light-dark(rgb(84,84,84),rgb(170,170,170))}.disabled[data-v-dc1a868d]{opacity:.5}.loading-icon[data-v-dc1a868d]{animation:spin-dc1a868d 1s linear infinite forwards;display:inline-block;margin-right:.2rem;line-height:0;font-size:1rem;position:relative;top:.2rem}@keyframes spin-dc1a868d{0%{transform:rotate(0)}to{transform:rotate(360deg)}}fieldset[data-v-b89db0c0]{max-width:100%;width:100%;margin-right:2ch;border:1px solid transparent;border-bottom:1px solid var(--gray-50)}legend[data-v-b89db0c0]{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-b89db0c0]{float:right}:root{--primary-color: #0098c9;--primary-text-color: #ffffff;--brand-color: #202a44;--gray-5: #f2f2f2;--gray-10: #e6e6e6;--gray-20: #cccccc;--gray-50: #808080;--gray-60: #666666;--gray-80: #333333;--brand-danger: #e63c28;--brand-success: #155724;--row-color-zebra-light: #eeeeee;--row-color-zebra-dark: #dddddd;--focus-cell-background: #ffffff;--focus-cell-outline: #000000;--cell-border-color: #ffffff;--cell-text-color: #3a3c41;--active-cell-background: #ffffff;--active-cell-outline: #e6a92d;--row-border-color: var(--gray-20);--header-border-color: #ffffff;--header-text-color: var(--gray-20);--row-number-background-color: #ffffff;--input-border-color: var(--gray-20);--input-label-color: var(--gray-60);--input-active-border-color: #000000;--input-active-label-color: #000000;--required-border: #e63c28;--font-size: 10px;--font-family: Arimo, Arial, sans-serif;--table-font-size: 16px;--atable-font-family: "Arimo", sans-serif;--atable-row-padding: 0px;--atable-row-height: 1.5em;--btn-color: white;--btn-border: #cccccc;--btn-hover: #f2f2f2;--btn-label-color: black}.aform{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem;border:1px solid var(--gray-5);border-left:4px solid var(--gray-5);margin-bottom:1rem;max-width:100%}@media screen and (max-width:400px){.aform{flex-direction:column}}.aform__form-element{border:1px solid transparent;padding:0;margin:0;position:relative;box-sizing:border-box;flex-grow:1;min-width:100px}.aform__input-field{outline:1px solid transparent;border:1px solid var(--input-border-color);font-size:1rem;padding:.5rem .25rem .25rem .5rem;margin:0;border-radius:0;box-sizing:border-box;width:100%;position:relative;color:var(--cell-text-color)}.aform__field-label{color:var(--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;width:auto;box-sizing:border-box;background:#fff;margin:0;border:1px solid var(--input-border-color);grid-row:1;top:0;left:10px;border:none;transform:translateY(-50%)}p.error{display:block;display:inline-block;display:none;padding:0rem 0rem 0rem .5rem;margin:.5rem 0 .25rem 0rem;border:1px solid transparent;width:100%;width:auto;color:var(--brand-danger);font-size:.8rem;position:absolute;right:0;top:0;background:#fff;padding:.25rem;transform:translate(-1rem,-50%);margin:0}.aform__input-field:focus{border:1px solid var(--input-active-border-color)}.aform__input-field:focus+.aform__field-label{color:var(--input-active-label-color)}.aform__checkbox{cursor:pointer;width:auto;margin-top:0;display:block}.aform__checkbox:checked{accent-color:var(--primary-color);border:1px solid black}.aform__checkbox-container{width:100%;display:inline-block;text-align:left}.aform__checkbox-container input{width:auto}.aform__checkbox-container:hover+.aform__field-label{color:var(--input-active-label-color)}.aform-primary-action{font-size:100%;text-align:center;min-height:2em;padding:.25rem 1rem;border:1px solid var(--primary-color);color:var(--primary-text-color);background-color:var(--primary-color);outline:2px solid var(--primary-text-color);transition:outline-offset .2s ease;font-size:var(--font-size);margin:.5ch}.aform-primary-action:hover,.aform-primary-action:active{outline:2px solid var(--primary-text-color);outline-offset:-4px;transition:outline-offset .2s ease}tr:focus{background-color:#add8e6;outline:auto}.aform__form-btn{padding:.5rem 2rem;width:auto;border:1px solid var(--input-border-color);color:var(--input-label-color);cursor:pointer;background-color:#fff}.aform__form-btn:disabled{background-color:var(--gray-5)}.aform__file-attach{padding:1rem;display:flex;flex-wrap:wrap;gap:1rem;flex-direction:row;justify-content:center;align-items:center;border:1px dashed var(--input-border-color);width:100%}@media screen and (max-width:400px){.aform__file-attach>.aform__form-btn{width:100%}}.aform__file-attach-feedback{color:var(--input-label-color);width:100%;padding:.5rem;text-align:center;align-self:center}.aform__file-attach-feedback>li{list-style:none;font-style:italic}.aform__file-attach-feedback>p{margin-top:0}.atable{font-family:var(--atable-font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--table-font-size);border-collapse:collapse}.row-index{color:var(--header-text-color);font-weight:700;text-align:center;-webkit-user-select:none;user-select:none;width:2ch}.expandable-row{border-top:1px solid var(--row-border-color);height:var(--atable-row-height);border-left:4px solid var(--row-border-color)}.expanded-row{border-bottom:1px solid var(--row-border-color);border-top:1px solid var(--row-border-color)}.expanded-row-content{border-bottom:1px solid var(--row-border-color);border-top:1px solid var(--row-border-color);padding:1.5rem}.atable__cell{border-radius:0;box-sizing:border-box;margin:0;outline:none;box-shadow:none;color:var(--cell-text-color);text-overflow:ellipsis;overflow:hidden;padding-left:.5ch!important;padding-right:.5ch;padding-top:var(--atable-row-padding);padding-bottom:var(--atable-row-padding);border-spacing:0px;border-collapse:collapse}.atable__cell:focus,.atable__cell:focus-within{background-color:var(--focus-cell-background);outline-width:2px;outline-style:solid;outline-color:var(--focus-cell-outline);box-shadow:none;min-height:1.15em;max-height:1.15em;overflow:hidden}.table-row{border-top:1px solid var(--row-border-color);height:var(--atable-row-height)}.list-index{color:var(--header-text-color);font-weight:700;padding-left:var(--atable-row-padding);padding-right:1em;text-align:center;-webkit-user-select:none;user-select:none;width:var(--57c024e9);max-width:var(--57c024e9)}.tree-index{color:var(--header-text-color);font-weight:700;text-align:center;-webkit-user-select:none;user-select:none;width:2ch}.atable #header-index{width:var(--57c024e9);max-width:var(--57c024e9)}.atable th{border-width:0px;border-style:solid;border-radius:0;padding-left:.5ch;padding-right:.5ch;padding-top:var(--atable-row-padding);padding-bottom:var(--atable-row-padding);color:var(--gray-60);height:var(--atable-row-height);font-weight:300;letter-spacing:.05rem}.atable th:focus{outline:none}.amodal{z-index:100;position:absolute;background-color:var(--row-color-zebra-dark)}.login-container{width:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--font-family)}.account-container{width:100%;margin-left:auto;margin-top:.5rem;margin-right:auto;display:flex;flex-direction:column;justify-content:center}.account-header{display:flex;flex-direction:column;text-align:center;margin-top:.5rem}#account-title{font-size:1.5rem;line-height:2rem;font-weight:600;letter-spacing:-.025em;margin:0}#account-subtitle{font-size:.875rem;line-height:1.25rem;margin:1rem}.login-form-container{display:grid;gap:.5rem}.login-form-element{display:grid;margin:.5rem 0;position:relative}.login-field{padding:.5rem .25rem .25rem .5rem;outline:1px solid transparent;border:1px solid var(--input-border-color);border-radius:.25rem}.login-field:focus{border:1px solid black}.btn{background-color:var(--btn-color);color:var(--btn-label-color);border:1px solid var(--btn-border);margin:.5rem 0;padding:.25rem;position:relative;cursor:pointer}.btn:hover{background-color:var(--btn-hover)}.btn:disabled{background-color:light-dark(rgba(239,239,239,.3),rgba(59,59,59,.3));color:light-dark(rgb(84,84,84),rgb(170,170,170))}.disabled{opacity:.5}.loading-icon{animation:spin 1s linear infinite forwards;display:inline-block;margin-right:.2rem;line-height:0;font-size:1rem;position:relative;top:.2rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
+@import"https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200";div[data-v-6a48e3a6]{min-width:40ch;border:1px solid transparent;padding:0rem;margin:0rem;margin-right:1ch}input[data-v-6a48e3a6]{width:calc(100% - 1ch);outline:1px solid transparent;border:1px solid var(--input-border-color);padding:1ch .5ch .5ch 1ch;margin:.575rem 0 0;min-height:1.15rem;border-radius:.25rem}p[data-v-6a48e3a6],label[data-v-6a48e3a6]{color:var(--input-label-color);display:block;min-height:1.15rem;padding:0rem;margin:0rem 0rem .25rem;border:1px solid transparent}p[data-v-6a48e3a6]{width:100%;color:red;font-size:85%}label[data-v-6a48e3a6]{z-index:2;font-size:80%;position:absolute;background:#fff;margin:-2.575rem 0 0 1ch;padding:0 .25ch}input[data-v-6a48e3a6]:focus{border:1px solid var(--input-active-border-color)}input:focus+label[data-v-6a48e3a6]{color:var(--input-active-label-color)}.autocomplete{position:relative}.input-wrapper{min-width:40ch;border:1px solid transparent;padding:0rem;margin:0rem;margin-right:1ch}input{width:calc(100% - 1ch);outline:1px solid transparent;border:1px solid var(--input-border-color);padding:1ch .5ch .5ch 1ch;margin:.575rem 0 0;min-height:1.15rem;border-radius:.25rem}input:focus{border:1px solid var(--input-active-border-color);border-radius:.25rem .25rem 0 0;border-bottom:none}label{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{position:absolute;width:calc(100% - 1ch + 1.5px);z-index:1;padding:0;margin:0;color:#000;border:1px solid var(--input-active-border-color);border-radius:0 0 .25rem .25rem;border-top:none}.autocomplete-result{list-style:none;text-align:left;padding:4px 6px;cursor:pointer}.autocomplete-result.is-active,.autocomplete-result:hover{background-color:var(--row-color-zebra-light);color:#000}.list-index{color:var(--header-text-color);font-weight:700;padding-left:var(--atable-row-padding);padding-right:1em;text-align:center;-webkit-user-select:none;user-select:none;width:var(--ffc64020);max-width:var(--ffc64020)}.atable #header-index{width:var(--ffc64020);max-width:var(--ffc64020)}.adatepicker{font-size:var(--table-font-size);display:inline-table;color:var(--cell-text-color);outline:none;border-collapse:collapse}.adatepicker tr{height:1.15rem;text-align:center;vertical-align:middle}.adatepicker td{border:2px solid transparent;outline:2px solid transparent;min-width:3ch;max-width:3ch}.adatepicker td:focus,.adatepicker td:focus-within{outline:1px dashed black;box-shadow:none;min-height:1.15em;max-height:1.15em;overflow:hidden}.adatepicker .selectedDate{outline:1px solid black;background:var(--gray-20);font-weight:bolder}.adatepicker .todaysDate{font-weight:bolder;text-decoration:underline;color:#000}.days-header>td{font-weight:700}.prev-date{color:var(--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}[data-v-15ed36be]:root{--primary-color: #0098c9;--primary-text-color: #ffffff;--brand-color: #202a44;--gray-5: #f2f2f2;--gray-10: #e6e6e6;--gray-20: #cccccc;--gray-50: #808080;--gray-60: #666666;--gray-80: #333333;--brand-danger: #e63c28;--brand-success: #155724;--row-color-zebra-light: #eeeeee;--row-color-zebra-dark: #dddddd;--focus-cell-background: #ffffff;--focus-cell-outline: #000000;--cell-border-color: #ffffff;--cell-text-color: #3a3c41;--active-cell-background: #ffffff;--active-cell-outline: #e6a92d;--row-border-color: var(--gray-20);--header-border-color: #ffffff;--header-text-color: var(--gray-20);--row-number-background-color: #ffffff;--input-border-color: var(--gray-20);--input-label-color: var(--gray-60);--input-active-border-color: #000000;--input-active-label-color: #000000;--required-border: #e63c28;--font-size: 10px;--font-family: Arimo, Arial, sans-serif;--table-font-size: 16px;--atable-font-family: "Arimo", sans-serif;--atable-row-padding: 0px;--atable-row-height: 1.5em;--btn-color: white;--btn-border: #cccccc;--btn-hover: #f2f2f2;--btn-label-color: black}.aform[data-v-15ed36be]{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem;border:1px solid var(--gray-5);border-left:4px solid var(--gray-5);margin-bottom:1rem;max-width:100%}@media screen and (max-width:400px){.aform[data-v-15ed36be]{flex-direction:column}}.aform__form-element[data-v-15ed36be]{border:1px solid transparent;padding:0;margin:0;position:relative;box-sizing:border-box;flex-grow:1;min-width:100px}.aform__input-field[data-v-15ed36be]{outline:1px solid transparent;border:1px solid var(--input-border-color);font-size:1rem;padding:.5rem .25rem .25rem .5rem;margin:0;border-radius:0;box-sizing:border-box;width:100%;position:relative;color:var(--cell-text-color)}.aform__field-label[data-v-15ed36be]{color:var(--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;width:auto;box-sizing:border-box;background:#fff;margin:0;border:1px solid var(--input-border-color);grid-row:1;top:0;left:10px;border:none;transform:translateY(-50%)}p.error[data-v-15ed36be]{display:block;display:inline-block;display:none;padding:0rem 0rem 0rem .5rem;margin:.5rem 0 .25rem 0rem;border:1px solid transparent;width:100%;width:auto;color:var(--brand-danger);font-size:.8rem;position:absolute;right:0;top:0;background:#fff;padding:.25rem;transform:translate(-1rem,-50%);margin:0}.aform__input-field[data-v-15ed36be]:focus{border:1px solid var(--input-active-border-color)}.aform__input-field:focus+.aform__field-label[data-v-15ed36be]{color:var(--input-active-label-color)}.aform__checkbox[data-v-15ed36be]{cursor:pointer;width:auto;margin-top:0;display:block}.aform__checkbox[data-v-15ed36be]:checked{accent-color:var(--primary-color);border:1px solid black}.aform__checkbox-container[data-v-15ed36be]{width:100%;display:inline-block;text-align:left}.aform__checkbox-container input[data-v-15ed36be]{width:auto}.aform__checkbox-container:hover+.aform__field-label[data-v-15ed36be]{color:var(--input-active-label-color)}.aform-primary-action[data-v-15ed36be]{font-size:100%;text-align:center;min-height:2em;padding:.25rem 1rem;border:1px solid var(--primary-color);color:var(--primary-text-color);background-color:var(--primary-color);outline:2px solid var(--primary-text-color);transition:outline-offset .2s ease;font-size:var(--font-size);margin:.5ch}.aform-primary-action[data-v-15ed36be]:hover,.aform-primary-action[data-v-15ed36be]:active{outline:2px solid var(--primary-text-color);outline-offset:-4px;transition:outline-offset .2s ease}tr[data-v-15ed36be]:focus{background-color:#add8e6;outline:auto}.aform__form-btn[data-v-15ed36be]{padding:.5rem 2rem;width:auto;border:1px solid var(--input-border-color);color:var(--input-label-color);cursor:pointer;background-color:#fff}.aform__form-btn[data-v-15ed36be]:disabled{background-color:var(--gray-5)}.aform__file-attach[data-v-15ed36be]{padding:1rem;display:flex;flex-wrap:wrap;gap:1rem;flex-direction:row;justify-content:center;align-items:center;border:1px dashed var(--input-border-color);width:100%}@media screen and (max-width:400px){.aform__file-attach>.aform__form-btn[data-v-15ed36be]{width:100%}}.aform__file-attach-feedback[data-v-15ed36be]{color:var(--input-label-color);width:100%;padding:.5rem;text-align:center;align-self:center}.aform__file-attach-feedback>li[data-v-15ed36be]{list-style:none;font-style:italic}.aform__file-attach-feedback>p[data-v-15ed36be]{margin-top:0}.atable[data-v-15ed36be]{font-family:var(--atable-font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--table-font-size);border-collapse:collapse}.row-index[data-v-15ed36be]{color:var(--header-text-color);font-weight:700;text-align:center;-webkit-user-select:none;user-select:none;width:2ch}.expandable-row[data-v-15ed36be]{border-top:1px solid var(--row-border-color);height:var(--atable-row-height);border-left:4px solid var(--row-border-color)}.expanded-row[data-v-15ed36be]{border-bottom:1px solid var(--row-border-color);border-top:1px solid var(--row-border-color)}.expanded-row-content[data-v-15ed36be]{border-bottom:1px solid var(--row-border-color);border-top:1px solid var(--row-border-color);padding:1.5rem}.atable__cell[data-v-15ed36be]{border-radius:0;box-sizing:border-box;margin:0;outline:none;box-shadow:none;color:var(--cell-text-color);text-overflow:ellipsis;overflow:hidden;padding-left:.5ch!important;padding-right:.5ch;padding-top:var(--atable-row-padding);padding-bottom:var(--atable-row-padding);border-spacing:0px;border-collapse:collapse}.atable__cell[data-v-15ed36be]:focus,.atable__cell[data-v-15ed36be]:focus-within{background-color:var(--focus-cell-background);outline-width:2px;outline-style:solid;outline-color:var(--focus-cell-outline);box-shadow:none;min-height:1.15em;max-height:1.15em;overflow:hidden}.table-row[data-v-15ed36be]{border-top:1px solid var(--row-border-color);height:var(--atable-row-height)}.list-index[data-v-15ed36be]{color:var(--header-text-color);font-weight:700;padding-left:var(--atable-row-padding);padding-right:1em;text-align:center;-webkit-user-select:none;user-select:none;width:var(--3b2daff3);max-width:var(--3b2daff3)}.tree-index[data-v-15ed36be]{color:var(--header-text-color);font-weight:700;text-align:center;-webkit-user-select:none;user-select:none;width:2ch}.atable #header-index[data-v-15ed36be]{width:var(--3b2daff3);max-width:var(--3b2daff3)}.atable th[data-v-15ed36be]{border-width:0px;border-style:solid;border-radius:0;padding-left:.5ch;padding-right:.5ch;padding-top:var(--atable-row-padding);padding-bottom:var(--atable-row-padding);color:var(--gray-60);height:var(--atable-row-height);font-weight:300;letter-spacing:.05rem}.atable th[data-v-15ed36be]:focus{outline:none}.amodal[data-v-15ed36be]{z-index:100;position:absolute;background-color:var(--row-color-zebra-dark)}.login-container[data-v-15ed36be]{width:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--font-family)}.account-container[data-v-15ed36be]{width:100%;margin-left:auto;margin-top:.5rem;margin-right:auto;display:flex;flex-direction:column;justify-content:center}.account-header[data-v-15ed36be]{display:flex;flex-direction:column;text-align:center;margin-top:.5rem}#account-title[data-v-15ed36be]{font-size:1.5rem;line-height:2rem;font-weight:600;letter-spacing:-.025em;margin:0}#account-subtitle[data-v-15ed36be]{font-size:.875rem;line-height:1.25rem;margin:1rem}.login-form-container[data-v-15ed36be]{display:grid;gap:.5rem}.login-form-element[data-v-15ed36be]{display:grid;margin:.5rem 0;position:relative}.login-field[data-v-15ed36be]{padding:.5rem .25rem .25rem .5rem;outline:1px solid transparent;border:1px solid var(--input-border-color);border-radius:.25rem}.login-field[data-v-15ed36be]:focus{border:1px solid black}.btn[data-v-15ed36be]{background-color:var(--btn-color);color:var(--btn-label-color);border:1px solid var(--btn-border);margin:.5rem 0;padding:.25rem;position:relative;cursor:pointer}.btn[data-v-15ed36be]:hover{background-color:var(--btn-hover)}.btn[data-v-15ed36be]:disabled{background-color:light-dark(rgba(239,239,239,.3),rgba(59,59,59,.3));color:light-dark(rgb(84,84,84),rgb(170,170,170))}.disabled[data-v-15ed36be]{opacity:.5}.loading-icon[data-v-15ed36be]{animation:spin-15ed36be 1s linear infinite forwards;display:inline-block;margin-right:.2rem;line-height:0;font-size:1rem;position:relative;top:.2rem}@keyframes spin-15ed36be{0%{transform:rotate(0)}to{transform:rotate(360deg)}}fieldset[data-v-620f821b]{max-width:100%;width:100%;margin-right:2ch;border:1px solid transparent;border-bottom:1px solid var(--gray-50)}legend[data-v-620f821b]{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-620f821b]{float:right}:root{--primary-color: #0098c9;--primary-text-color: #ffffff;--brand-color: #202a44;--gray-5: #f2f2f2;--gray-10: #e6e6e6;--gray-20: #cccccc;--gray-50: #808080;--gray-60: #666666;--gray-80: #333333;--brand-danger: #e63c28;--brand-success: #155724;--row-color-zebra-light: #eeeeee;--row-color-zebra-dark: #dddddd;--focus-cell-background: #ffffff;--focus-cell-outline: #000000;--cell-border-color: #ffffff;--cell-text-color: #3a3c41;--active-cell-background: #ffffff;--active-cell-outline: #e6a92d;--row-border-color: var(--gray-20);--header-border-color: #ffffff;--header-text-color: var(--gray-20);--row-number-background-color: #ffffff;--input-border-color: var(--gray-20);--input-label-color: var(--gray-60);--input-active-border-color: #000000;--input-active-label-color: #000000;--required-border: #e63c28;--font-size: 10px;--font-family: Arimo, Arial, sans-serif;--table-font-size: 16px;--atable-font-family: "Arimo", sans-serif;--atable-row-padding: 0px;--atable-row-height: 1.5em;--btn-color: white;--btn-border: #cccccc;--btn-hover: #f2f2f2;--btn-label-color: black}.aform{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem;border:1px solid var(--gray-5);border-left:4px solid var(--gray-5);margin-bottom:1rem;max-width:100%}@media screen and (max-width:400px){.aform{flex-direction:column}}.aform__form-element{border:1px solid transparent;padding:0;margin:0;position:relative;box-sizing:border-box;flex-grow:1;min-width:100px}.aform__input-field{outline:1px solid transparent;border:1px solid var(--input-border-color);font-size:1rem;padding:.5rem .25rem .25rem .5rem;margin:0;border-radius:0;box-sizing:border-box;width:100%;position:relative;color:var(--cell-text-color)}.aform__field-label{color:var(--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;width:auto;box-sizing:border-box;background:#fff;margin:0;border:1px solid var(--input-border-color);grid-row:1;top:0;left:10px;border:none;transform:translateY(-50%)}p.error{display:block;display:inline-block;display:none;padding:0rem 0rem 0rem .5rem;margin:.5rem 0 .25rem 0rem;border:1px solid transparent;width:100%;width:auto;color:var(--brand-danger);font-size:.8rem;position:absolute;right:0;top:0;background:#fff;padding:.25rem;transform:translate(-1rem,-50%);margin:0}.aform__input-field:focus{border:1px solid var(--input-active-border-color)}.aform__input-field:focus+.aform__field-label{color:var(--input-active-label-color)}.aform__checkbox{cursor:pointer;width:auto;margin-top:0;display:block}.aform__checkbox:checked{accent-color:var(--primary-color);border:1px solid black}.aform__checkbox-container{width:100%;display:inline-block;text-align:left}.aform__checkbox-container input{width:auto}.aform__checkbox-container:hover+.aform__field-label{color:var(--input-active-label-color)}.aform-primary-action{font-size:100%;text-align:center;min-height:2em;padding:.25rem 1rem;border:1px solid var(--primary-color);color:var(--primary-text-color);background-color:var(--primary-color);outline:2px solid var(--primary-text-color);transition:outline-offset .2s ease;font-size:var(--font-size);margin:.5ch}.aform-primary-action:hover,.aform-primary-action:active{outline:2px solid var(--primary-text-color);outline-offset:-4px;transition:outline-offset .2s ease}tr:focus{background-color:#add8e6;outline:auto}.aform__form-btn{padding:.5rem 2rem;width:auto;border:1px solid var(--input-border-color);color:var(--input-label-color);cursor:pointer;background-color:#fff}.aform__form-btn:disabled{background-color:var(--gray-5)}.aform__file-attach{padding:1rem;display:flex;flex-wrap:wrap;gap:1rem;flex-direction:row;justify-content:center;align-items:center;border:1px dashed var(--input-border-color);width:100%}@media screen and (max-width:400px){.aform__file-attach>.aform__form-btn{width:100%}}.aform__file-attach-feedback{color:var(--input-label-color);width:100%;padding:.5rem;text-align:center;align-self:center}.aform__file-attach-feedback>li{list-style:none;font-style:italic}.aform__file-attach-feedback>p{margin-top:0}.atable{font-family:var(--atable-font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--table-font-size);border-collapse:collapse}.row-index{color:var(--header-text-color);font-weight:700;text-align:center;-webkit-user-select:none;user-select:none;width:2ch}.expandable-row{border-top:1px solid var(--row-border-color);height:var(--atable-row-height);border-left:4px solid var(--row-border-color)}.expanded-row{border-bottom:1px solid var(--row-border-color);border-top:1px solid var(--row-border-color)}.expanded-row-content{border-bottom:1px solid var(--row-border-color);border-top:1px solid var(--row-border-color);padding:1.5rem}.atable__cell{border-radius:0;box-sizing:border-box;margin:0;outline:none;box-shadow:none;color:var(--cell-text-color);text-overflow:ellipsis;overflow:hidden;padding-left:.5ch!important;padding-right:.5ch;padding-top:var(--atable-row-padding);padding-bottom:var(--atable-row-padding);border-spacing:0px;border-collapse:collapse}.atable__cell:focus,.atable__cell:focus-within{background-color:var(--focus-cell-background);outline-width:2px;outline-style:solid;outline-color:var(--focus-cell-outline);box-shadow:none;min-height:1.15em;max-height:1.15em;overflow:hidden}.table-row{border-top:1px solid var(--row-border-color);height:var(--atable-row-height)}.list-index{color:var(--header-text-color);font-weight:700;padding-left:var(--atable-row-padding);padding-right:1em;text-align:center;-webkit-user-select:none;user-select:none;width:var(--f6c1daec);max-width:var(--f6c1daec)}.tree-index{color:var(--header-text-color);font-weight:700;text-align:center;-webkit-user-select:none;user-select:none;width:2ch}.atable #header-index{width:var(--f6c1daec);max-width:var(--f6c1daec)}.atable th{border-width:0px;border-style:solid;border-radius:0;padding-left:.5ch;padding-right:.5ch;padding-top:var(--atable-row-padding);padding-bottom:var(--atable-row-padding);color:var(--gray-60);height:var(--atable-row-height);font-weight:300;letter-spacing:.05rem}.atable th:focus{outline:none}.amodal{z-index:100;position:absolute;background-color:var(--row-color-zebra-dark)}.login-container{width:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--font-family)}.account-container{width:100%;margin-left:auto;margin-top:.5rem;margin-right:auto;display:flex;flex-direction:column;justify-content:center}.account-header{display:flex;flex-direction:column;text-align:center;margin-top:.5rem}#account-title{font-size:1.5rem;line-height:2rem;font-weight:600;letter-spacing:-.025em;margin:0}#account-subtitle{font-size:.875rem;line-height:1.25rem;margin:1rem}.login-form-container{display:grid;gap:.5rem}.login-form-element{display:grid;margin:.5rem 0;position:relative}.login-field{padding:.5rem .25rem .25rem .5rem;outline:1px solid transparent;border:1px solid var(--input-border-color);border-radius:.25rem}.login-field:focus{border:1px solid black}.btn{background-color:var(--btn-color);color:var(--btn-label-color);border:1px solid var(--btn-border);margin:.5rem 0;padding:.25rem;position:relative;cursor:pointer}.btn:hover{background-color:var(--btn-hover)}.btn:disabled{background-color:light-dark(rgba(239,239,239,.3),rgba(59,59,59,.3));color:light-dark(rgb(84,84,84),rgb(170,170,170))}.disabled{opacity:.5}.loading-icon{animation:spin 1s linear infinite forwards;display:inline-block;margin-right:.2rem;line-height:0;font-size:1rem;position:relative;top:.2rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stonecrop/aform",
-  "version": "0.2.32",
+  "version": "0.2.34",
   "license": "MIT",
   "type": "module",
   "author": {
@@ -31,17 +31,17 @@
     "src/*"
   ],
   "dependencies": {
-    "@vueuse/core": "^10.11.0",
-    "vue": "^3.4.31",
-    "@stonecrop/themes": "0.2.32",
-    "@stonecrop/utilities": "0.2.32"
+    "@vueuse/core": "^11.1.0",
+    "vue": "^3.5.6",
+    "@stonecrop/themes": "0.2.34",
+    "@stonecrop/utilities": "0.2.34"
   },
   "devDependencies": {
     "@microsoft/api-documenter": "^7.25.3",
-    "@rushstack/heft": "^0.66.18",
+    "@rushstack/heft": "^0.67.2",
     "@typescript-eslint/eslint-plugin": "^7.14.1",
     "@typescript-eslint/parser": "^7.14.1",
-    "@vitejs/plugin-vue": "^5.0.5",
+    "@vitejs/plugin-vue": "^5.1.3",
     "@vitest/coverage-istanbul": "^2.1.1",
     "@vitest/ui": "^2.1.1",
     "@vue/test-utils": "^2.4.6",
@@ -51,14 +51,14 @@
     "eslint": "^8.40.0",
     "jsdom": "^25.0.0",
     "typescript": "^5.5.2",
-    "vite": "^5.3.2",
+    "vite": "^5.4.5",
     "vitest": "^2.1.1",
     "vue-router": "^4.4.0",
-    "@stonecrop/atable": "0.2.32",
-    "stonecrop-rig": "0.2.22"
+    "stonecrop-rig": "0.2.22",
+    "@stonecrop/atable": "0.2.34"
   },
   "peerDependencies": {
-    "@stonecrop/atable": "0.2.32"
+    "@stonecrop/atable": "0.2.34"
   },
   "publishConfig": {
     "access": "public"

package/src/components/AForm.vue

@@ -18,15 +18,14 @@ import { ref, computed } from 'vue'
 
 import type { SchemaTypes } from '@/types'
 
-const props = defineProps<{
+const emit = defineEmits(['update:modelValue'])
+const { modelValue, data, readonly } = defineProps<{
 	modelValue: SchemaTypes[]
 	data: Record<string, any>
 	readonly?: boolean
 }>()
 
-const emit = defineEmits(['update:modelValue'])
-
-const formData = ref(props.data || {})
+const formData = ref(data || {})
 
 const componentProps = (componentObj: SchemaTypes) => {
 	let propsToPass = {}
@@ -48,7 +47,7 @@ const componentProps = (componentObj: SchemaTypes) => {
 
 const childModels = computed({
 	get: () => {
-		return props.modelValue.map((val, i) => {
+		return modelValue.map((val, i) => {
 			return computed({
 				get() {
 					return val.value
@@ -56,8 +55,8 @@ const childModels = computed({
 				set: newValue => {
 					// Find the component in modelValue and update it
 					// eslint-disable-next-line vue/no-mutating-props
-					props.modelValue[i].value = newValue
-					emit('update:modelValue', props.modelValue)
+					modelValue[i].value = newValue
+					emit('update:modelValue', modelValue)
 				},
 			})
 		})

package/src/components/form/ACheckbox.vue

@@ -7,7 +7,7 @@
 				type="checkbox"
 				:id="uuid"
 				class="aform__checkbox"
-				:readonly="readOnly"
+				:readonly="readonly"
 				:required="required" />
 		</span>
 		<p class="error" v-show="validation.errorMessage" v-html="validation.errorMessage"></p>
@@ -17,18 +17,8 @@
 <script setup lang="ts">
 import { InputHTMLAttributes } from 'vue'
 
-withDefaults(
-	defineProps<{
-		label?: string
-		required?: boolean
-		readOnly?: boolean
-		uuid?: string
-		validation?: Record<string, any>
-	}>(),
-	{
-		validation: () => ({ errorMessage: '&nbsp;' }),
-	}
-)
+import { ComponentProps } from '@/types'
 
+const { label, required, readonly, uuid, validation = { errorMessage: '&nbsp;' } } = defineProps<ComponentProps>()
 const checkbox = defineModel<InputHTMLAttributes['checked']>()
 </script>

package/src/components/form/ADate.vue

@@ -1,7 +1,7 @@
 <template>
 	<div>
 		<input
-			ref="dateRef"
+			ref="date"
 			type="date"
 			:id="uuid"
 			:disabled="readonly"
@@ -14,24 +14,20 @@
 </template>
 
 <script setup lang="ts">
-import { ref } from 'vue'
+import { useTemplateRef } from 'vue'
 
-withDefaults(
-	defineProps<{
-		label?: string
-		required?: boolean
-		readonly?: boolean
-		uuid?: string
-		validation?: Record<string, any>
-	}>(),
-	{
-		label: 'Date',
-		validation: () => ({ errorMessage: '&nbsp;' }),
-	}
-)
+import { ComponentProps } from '@/types'
+
+const {
+	label = 'Date',
+	required,
+	readonly,
+	uuid,
+	validation = { errorMessage: '&nbsp;' },
+} = defineProps<ComponentProps>()
 
 const inputDate = defineModel<string | number | Date>()
-const dateRef = ref<HTMLInputElement | null>(null)
+const dateRef = useTemplateRef<HTMLInputElement>('date')
 
 const showPicker = () => {
 	if (dateRef.value) {

package/src/components/form/ADatePicker.vue

@@ -1,5 +1,5 @@
 <template>
-	<div class="adatepicker" tabindex="0" ref="adatepicker">
+	<div class="adatepicker" tabindex="0" ref="datepicker">
 		<table>
 			<tr>
 				<td id="previous-month-btn" @click="previousMonth" :tabindex="-1">&lt;</td>
@@ -16,6 +16,7 @@
 				<td>S</td>
 			</tr>
 			<tr v-for="rowNo in numberOfRows" :key="rowNo">
+				<!-- the 'ref' key is currently only used for test references -->
 				<td
 					v-for="colNo in numberOfColumns"
 					ref="celldate"
@@ -38,7 +39,7 @@
 
 <script setup lang="ts">
 import { defaultKeypressHandlers, useKeyboardNav } from '@stonecrop/utilities'
-import { computed, nextTick, onMounted, ref, watch } from 'vue'
+import { computed, nextTick, onMounted, ref, useTemplateRef, watch } from 'vue'
 
 const numberOfRows = 6
 const numberOfColumns = 7
@@ -48,7 +49,7 @@ const selectedDate = ref(new Date(date.value))
 const currentMonth = ref<number>(selectedDate.value.getMonth())
 const currentYear = ref<number>(selectedDate.value.getFullYear())
 const currentDates = ref<number[]>([])
-const adatepicker = ref<HTMLElement | null>(null)
+const datepickerRef = useTemplateRef<HTMLDivElement>('datepicker')
 
 onMounted(async () => {
 	populateMonth()
@@ -135,7 +136,7 @@ const monthAndYear = computed(() => {
 // setup keyboard navigation
 useKeyboardNav([
 	{
-		parent: adatepicker,
+		parent: datepickerRef,
 		selectors: 'td',
 		handlers: {
 			...defaultKeypressHandlers,

package/src/components/form/ADropdown.vue

@@ -29,9 +29,9 @@
 </template>
 
 <script setup lang="ts">
-import { onMounted, onUnmounted, ref } from 'vue'
+import { onMounted, onUnmounted, ref /* useTemplateRef */ } from 'vue'
 
-const props = defineProps<{
+const { label, items, isAsync } = defineProps<{
 	label: string
 	items?: string[]
 	isAsync?: boolean
@@ -39,12 +39,12 @@ const props = defineProps<{
 
 const emit = defineEmits(['filterChanged'])
 
-const results = ref(props.items)
+const results = ref(items)
 const search = defineModel<string>()
 const isLoading = ref(false)
 const arrowCounter = ref(0)
 const isOpen = ref(false)
-const mopInput = ref(null)
+// const mopInput = useTemplateRef<HTMLInputElement>('mopInput')
 
 onMounted(() => {
 	document.addEventListener('click', handleClickOutside)
@@ -62,9 +62,9 @@ const setResult = result => {
 
 const filterResults = () => {
 	if (!search.value) {
-		results.value = props.items
+		results.value = items
 	} else {
-		results.value = props.items.filter(item => {
+		results.value = items.filter(item => {
 			return item.toLowerCase().indexOf(search.value.toLowerCase()) > -1
 		})
 	}
@@ -72,7 +72,7 @@ const filterResults = () => {
 
 const onChange = () => {
 	isOpen.value = true
-	if (props.isAsync) {
+	if (isAsync) {
 		isLoading.value = true
 		emit('filterChanged', search.value)
 	} else {
@@ -89,7 +89,7 @@ const closeResults = () => {
 	isOpen.value = false
 
 	// TODO: (test) when would this occur? how should this be tested?
-	if (!props.items.includes(search.value)) {
+	if (!items.includes(search.value)) {
 		search.value = ''
 	}
 }

package/src/components/form/AFieldset.vue

@@ -17,24 +17,22 @@ import CollapseButton from '@/components/base/CollapseButton.vue'
 import AForm from '@/components/AForm.vue'
 import { SchemaTypes } from '@/types'
 
-const props = defineProps<{
+const { schema, label, collapsible, data } = defineProps<{
 	schema: SchemaTypes[]
 	label: string
 	collapsible?: boolean
 	data?: any
 }>()
 
-const formData = ref(props.data || [])
 const collapsed = ref(false)
-const collapsible = ref(props.collapsible)
+const formData = ref(data || [])
+const formSchema = ref(schema)
 
-const formSchema = ref(props.schema)
-function toggleCollapse(event: Event) {
+const toggleCollapse = (event: Event) => {
 	event.preventDefault()
-	if (!collapsible.value) {
-		return
+	if (collapsible) {
+		collapsed.value = !collapsed.value
 	}
-	collapsed.value = !collapsed.value
 }
 </script>
 

package/src/components/form/AFileAttach.vue

@@ -1,19 +1,18 @@
 <template>
 	<div class="aform__form-element aform__file-attach aform__grid--full">
-		
-		
 		<template v-if="files">
 			<div class="aform__file-attach-feedback">
 				<p>
-					You have selected: <b>{{ `${files.length} ${files.length === 1 ? 'file' : 'files'}` }}</b>
+					You have selected: <b>{{ fileLengthText }}</b>
 				</p>
 				<li v-for="file of files" :key="file.name">
 					{{ file.name }}
 				</li>
 			</div>
 		</template>
+
 		<button type="button" @click="open()" class="aform__form-btn">
-			{{ props.label }}
+			{{ label }}
 		</button>
 		<button type="button" :disabled="!files" @click="reset()" class="aform__form-btn">Reset</button>
 	</div>
@@ -21,18 +20,14 @@
 
 <script setup lang="ts">
 import { useFileDialog } from '@vueuse/core'
-import { SchemaTypes } from 'types/index'
-
-const props = defineProps<{
-	schema: SchemaTypes[]
-	label: string
-	collapsible?: boolean
-	data?: any
-}>()
+import { computed } from 'vue'
 
+const { label } = defineProps<{ label: string }>()
 const { files, open, reset, onChange } = useFileDialog()
 
-onChange(files => {
-	return files
+const fileLengthText = computed(() => {
+	return `${files.value.length} ${files.value.length === 1 ? 'file' : 'files'}`
 })
+
+onChange(files => files)
 </script>

package/src/components/form/ANumericInput.vue

@@ -13,18 +13,8 @@
 </template>
 
 <script setup lang="ts">
-withDefaults(
-	defineProps<{
-		label: string
-		required?: boolean
-		readonly?: boolean
-		uuid?: string
-		validation?: Record<string, any>
-	}>(),
-	{
-		validation: () => ({ errorMessage: '&nbsp;' }),
-	}
-)
+import { ComponentProps } from '@/types'
 
+const { label, required, readonly, uuid, validation = { errorMessage: '&nbsp;' } } = defineProps<ComponentProps>()
 const inputNumber = defineModel<number>()
 </script>

package/src/components/form/ATextInput.vue

@@ -17,22 +17,9 @@
 import { /* inject, */ ref } from 'vue'
 
 import { useStringMask as vMask } from '@/directives/mask'
-import type { FormSchema } from '@/types'
+import { ComponentProps } from '@/types'
 
-withDefaults(
-	defineProps<{
-		schema: FormSchema
-		label: string
-		mask?: string
-		required?: boolean
-		readonly?: boolean
-		uuid?: string
-		validation?: { errorMessage: string }
-	}>(),
-	{
-		validation: () => ({ errorMessage: '&nbsp;' }),
-	}
-)
+const { label, mask, required, readonly, uuid, validation = { errorMessage: '&nbsp;' } } = defineProps<ComponentProps>()
 
 // TODO: setup maskFilled as a computed property
 const maskFilled = ref(true)

package/src/components/utilities/Login.vue

@@ -53,16 +53,10 @@
 <script setup lang="ts">
 import { ref } from 'vue'
 
-withDefaults(
-	defineProps<{
-		headerTitle?: string
-		headerSubtitle?: string
-	}>(),
-	{
-		headerTitle: 'Login',
-		headerSubtitle: 'Enter your email and password to login',
-	}
-)
+const { headerTitle = 'Login', headerSubtitle = 'Enter your email and password to login' } = defineProps<{
+	headerTitle?: string
+	headerSubtitle?: string
+}>()
 
 const emit = defineEmits(['loginFailed', 'loginSuccess'])
 

package/src/types/index.ts

@@ -1,5 +1,14 @@
 import ATable from '@stonecrop/atable'
 
+export type ComponentProps = {
+	label?: string
+	mask?: string
+	required?: boolean
+	readonly?: boolean
+	uuid?: string
+	validation?: Record<string, any>
+}
+
 export type BasicSchema = {
 	component: string
 	fieldname: string