@stonecrop/atable 0.2.53 → 0.2.54
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/assets/index.css +1 -1
- package/dist/atable.umd.cjs +1 -1
- package/package.json +3 -3
package/dist/assets/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&display=swap";:root{--sc-primary-color: #0098c9;--sc-primary-text-color: #ffffff;--sc-brand-color: #202a44;--sc-gray-5: #f2f2f2;--sc-gray-10: #e6e6e6;--sc-gray-20: #cccccc;--sc-gray-50: #808080;--sc-gray-60: #666666;--sc-gray-80: #333333;--sc-brand-danger: #e63c28;--sc-brand-success: #155724;--sc-active-cell-background: #ffffff;--sc-active-cell-outline: #e6a92d;--sc-cell-border-color: #ffffff;--sc-cell-text-color: #3a3c41;--sc-focus-cell-background: #ffffff;--sc-focus-cell-outline: #000000;--sc-header-border-color: #ffffff;--sc-header-text-color: var(--sc-gray-20);--sc-row-border-color: var(--sc-gray-20);--sc-row-color-zebra-dark: #dddddd;--sc-row-color-zebra-light: #eeeeee;--sc-row-number-background-color: #ffffff;--sc-input-active-border-color: #000000;--sc-input-active-label-color: #000000;--sc-input-border-color: var(--sc-gray-20);--sc-input-label-color: var(--sc-gray-60);--sc-required-border: #e63c28;--sc-font-size: 10px;--sc-font-family: Arimo, Arial, sans-serif;--sc-table-font-size: 16px;--sc-atable-font-family: "Arimo", sans-serif;--sc-atable-row-padding: 0px;--sc-atable-row-height: 1.5em;--sc-btn-border: #cccccc;--sc-btn-color: white;--sc-btn-hover: #f2f2f2;--sc-btn-label-color: black}.aform{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem;border:1px solid var(--sc-gray-5);border-left:4px solid var(--sc-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(--sc-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(--sc-cell-text-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;width:auto;box-sizing:border-box;background:#fff;margin:0;border:1px solid var(--sc-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(--sc-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(--sc-input-active-border-color)}.aform__input-field:focus+.aform__field-label{color:var(--sc-input-active-label-color)}.aform__checkbox{cursor:pointer;width:auto;margin-top:0;display:block}.aform__checkbox:checked{accent-color:var(--sc-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(--sc-input-active-label-color)}.aform-primary-action{font-size:100%;text-align:center;min-height:2em;padding:.25rem 1rem;border:1px solid var(--sc-primary-color);color:var(--sc-primary-text-color);background-color:var(--sc-primary-color);outline:2px solid var(--sc-primary-text-color);transition:outline-offset .2s ease;font-size:var(--sc-font-size);margin:.5ch}.aform-primary-action:hover,.aform-primary-action:active{outline:2px solid var(--sc-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(--sc-input-border-color);color:var(--sc-input-label-color);cursor:pointer;background-color:#fff}.aform__form-btn:disabled{background-color:var(--sc-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(--sc-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(--sc-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(--sc-atable-font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--sc-table-font-size);border-collapse:collapse}.row-index{color:var(--sc-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(--sc-row-border-color);height:var(--sc-atable-row-height);border-left:4px solid var(--sc-row-border-color)}.expanded-row{border-bottom:1px solid var(--sc-row-border-color);border-top:1px solid var(--sc-row-border-color)}.expanded-row-content{border-bottom:1px solid var(--sc-row-border-color);border-top:1px solid var(--sc-row-border-color);padding:1.5rem}.atable__cell{border-radius:0;box-sizing:border-box;margin:0;outline:none;box-shadow:none;color:var(--sc-cell-text-color);padding-left:.5ch!important;padding-right:.5ch;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding);border-spacing:0px;border-collapse:collapse;overflow:hidden;text-overflow:ellipsis;order:1}.atable__cell span{overflow:hidden;text-overflow:ellipsis}.atable__cell:focus,.atable__cell:focus-within{background-color:var(--sc-focus-cell-background);outline-width:2px;outline-style:solid;outline-offset:-1px;outline-color:var(--sc-focus-cell-outline);box-shadow:none;min-height:1.15em;max-height:1.15em;overflow:hidden;box-sizing:border-box}.table-row{border-top:1px solid var(--sc-row-border-color);height:var(--sc-atable-row-height);display:flex;background-color:#fff}.list-index{color:var(--sc-header-text-color);font-weight:700;padding-left:var(--sc-atable-row-padding);padding-right:1em;text-align:center;-webkit-user-select:none;user-select:none;width:30px;text-overflow:ellipsis;overflow:hidden}.tree-index{color:var(--sc-header-text-color);font-weight:700;text-align:center;-webkit-user-select:none;user-select:none;width:2ch}.atable #header-index{width:30px;padding-right:1em;padding-left:0;box-sizing:border-box}.atable-header-row{display:flex}.atable th{border-width:0px;border-style:solid;border-radius:0;padding-left:.5ch;padding-right:.5ch;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding);color:var(--sc-gray-60);height:var(--sc-atable-row-height);font-weight:300;letter-spacing:.05rem;order:1;box-sizing:border-box}#header-index{box-sizing:content-box}.atable th:focus{outline:none}.amodal{position:fixed;background-color:var(--sc-row-color-zebra-dark);z-index:100}.sticky-index{position:sticky;left:0;z-index:1;order:0}.sticky-column,th.sticky-column,td.sticky-column,th.sticky-index,td.sticky-index{position:sticky;z-index:1;order:0;background:#fff}.sticky-column-edge,.atable th.sticky-column-edge{border-right:1px solid var(--sc-row-border-color);border-right-width:1px}.login-container{width:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--sc-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(--sc-input-border-color);border-radius:.25rem}.login-field:focus{border:1px solid black}.btn{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:hover{background-color:var(--sc-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)}}[data-v-2896bed9]:root{--sc-primary-color: #0098c9;--sc-primary-text-color: #ffffff;--sc-brand-color: #202a44;--sc-gray-5: #f2f2f2;--sc-gray-10: #e6e6e6;--sc-gray-20: #cccccc;--sc-gray-50: #808080;--sc-gray-60: #666666;--sc-gray-80: #333333;--sc-brand-danger: #e63c28;--sc-brand-success: #155724;--sc-active-cell-background: #ffffff;--sc-active-cell-outline: #e6a92d;--sc-cell-border-color: #ffffff;--sc-cell-text-color: #3a3c41;--sc-focus-cell-background: #ffffff;--sc-focus-cell-outline: #000000;--sc-header-border-color: #ffffff;--sc-header-text-color: var(--sc-gray-20);--sc-row-border-color: var(--sc-gray-20);--sc-row-color-zebra-dark: #dddddd;--sc-row-color-zebra-light: #eeeeee;--sc-row-number-background-color: #ffffff;--sc-input-active-border-color: #000000;--sc-input-active-label-color: #000000;--sc-input-border-color: var(--sc-gray-20);--sc-input-label-color: var(--sc-gray-60);--sc-required-border: #e63c28;--sc-font-size: 10px;--sc-font-family: Arimo, Arial, sans-serif;--sc-table-font-size: 16px;--sc-atable-font-family: "Arimo", sans-serif;--sc-atable-row-padding: 0px;--sc-atable-row-height: 1.5em;--sc-btn-border: #cccccc;--sc-btn-color: white;--sc-btn-hover: #f2f2f2;--sc-btn-label-color: black}.aform[data-v-2896bed9]{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem;border:1px solid var(--sc-gray-5);border-left:4px solid var(--sc-gray-5);margin-bottom:1rem;max-width:100%}@media screen and (max-width: 400px){.aform[data-v-2896bed9]{flex-direction:column}}.aform__form-element[data-v-2896bed9]{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-2896bed9]{outline:1px solid transparent;border:1px solid var(--sc-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(--sc-cell-text-color)}.aform__field-label[data-v-2896bed9]{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;width:auto;box-sizing:border-box;background:#fff;margin:0;border:1px solid var(--sc-input-border-color);grid-row:1;top:0;left:10px;border:none;transform:translateY(-50%)}p.error[data-v-2896bed9]{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(--sc-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-2896bed9]:focus{border:1px solid var(--sc-input-active-border-color)}.aform__input-field:focus+.aform__field-label[data-v-2896bed9]{color:var(--sc-input-active-label-color)}.aform__checkbox[data-v-2896bed9]{cursor:pointer;width:auto;margin-top:0;display:block}.aform__checkbox[data-v-2896bed9]:checked{accent-color:var(--sc-primary-color);border:1px solid black}.aform__checkbox-container[data-v-2896bed9]{width:100%;display:inline-block;text-align:left}.aform__checkbox-container input[data-v-2896bed9]{width:auto}.aform__checkbox-container:hover+.aform__field-label[data-v-2896bed9]{color:var(--sc-input-active-label-color)}.aform-primary-action[data-v-2896bed9]{font-size:100%;text-align:center;min-height:2em;padding:.25rem 1rem;border:1px solid var(--sc-primary-color);color:var(--sc-primary-text-color);background-color:var(--sc-primary-color);outline:2px solid var(--sc-primary-text-color);transition:outline-offset .2s ease;font-size:var(--sc-font-size);margin:.5ch}.aform-primary-action[data-v-2896bed9]:hover,.aform-primary-action[data-v-2896bed9]:active{outline:2px solid var(--sc-primary-text-color);outline-offset:-4px;transition:outline-offset .2s ease}tr[data-v-2896bed9]:focus{background-color:#add8e6;outline:auto}.aform__form-btn[data-v-2896bed9]{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-2896bed9]:disabled{background-color:var(--sc-gray-5)}.aform__file-attach[data-v-2896bed9]{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-2896bed9]{width:100%}}.aform__file-attach-feedback[data-v-2896bed9]{color:var(--sc-input-label-color);width:100%;padding:.5rem;text-align:center;align-self:center}.aform__file-attach-feedback>li[data-v-2896bed9]{list-style:none;font-style:italic}.aform__file-attach-feedback>p[data-v-2896bed9]{margin-top:0}.atable[data-v-2896bed9]{font-family:var(--sc-atable-font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--sc-table-font-size);border-collapse:collapse}.row-index[data-v-2896bed9]{color:var(--sc-header-text-color);font-weight:700;text-align:center;-webkit-user-select:none;user-select:none;width:2ch}.expandable-row[data-v-2896bed9]{border-top:1px solid var(--sc-row-border-color);height:var(--sc-atable-row-height);border-left:4px solid var(--sc-row-border-color)}.expanded-row[data-v-2896bed9]{border-bottom:1px solid var(--sc-row-border-color);border-top:1px solid var(--sc-row-border-color)}.expanded-row-content[data-v-2896bed9]{border-bottom:1px solid var(--sc-row-border-color);border-top:1px solid var(--sc-row-border-color);padding:1.5rem}.atable__cell[data-v-2896bed9]{border-radius:0;box-sizing:border-box;margin:0;outline:none;box-shadow:none;color:var(--sc-cell-text-color);padding-left:.5ch!important;padding-right:.5ch;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding);border-spacing:0px;border-collapse:collapse;overflow:hidden;text-overflow:ellipsis;order:1}.atable__cell span[data-v-2896bed9]{overflow:hidden;text-overflow:ellipsis}.atable__cell[data-v-2896bed9]:focus,.atable__cell[data-v-2896bed9]:focus-within{background-color:var(--sc-focus-cell-background);outline-width:2px;outline-style:solid;outline-offset:-1px;outline-color:var(--sc-focus-cell-outline);box-shadow:none;min-height:1.15em;max-height:1.15em;overflow:hidden;box-sizing:border-box}.table-row[data-v-2896bed9]{border-top:1px solid var(--sc-row-border-color);height:var(--sc-atable-row-height);display:flex;background-color:#fff}.list-index[data-v-2896bed9]{color:var(--sc-header-text-color);font-weight:700;padding-left:var(--sc-atable-row-padding);padding-right:1em;text-align:center;-webkit-user-select:none;user-select:none;width:30px;text-overflow:ellipsis;overflow:hidden}.tree-index[data-v-2896bed9]{color:var(--sc-header-text-color);font-weight:700;text-align:center;-webkit-user-select:none;user-select:none;width:2ch}.atable #header-index[data-v-2896bed9]{width:30px;padding-right:1em;padding-left:0;box-sizing:border-box}.atable-header-row[data-v-2896bed9]{display:flex}.atable th[data-v-2896bed9]{border-width:0px;border-style:solid;border-radius:0;padding-left:.5ch;padding-right:.5ch;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding);color:var(--sc-gray-60);height:var(--sc-atable-row-height);font-weight:300;letter-spacing:.05rem;order:1;box-sizing:border-box}#header-index[data-v-2896bed9]{box-sizing:content-box}.atable th[data-v-2896bed9]:focus{outline:none}.amodal[data-v-2896bed9]{position:fixed;background-color:var(--sc-row-color-zebra-dark);z-index:100}.sticky-index[data-v-2896bed9]{position:sticky;left:0;z-index:1;order:0}.sticky-column[data-v-2896bed9],th.sticky-column[data-v-2896bed9],td.sticky-column[data-v-2896bed9],th.sticky-index[data-v-2896bed9],td.sticky-index[data-v-2896bed9]{position:sticky;z-index:1;order:0;background:#fff}.sticky-column-edge[data-v-2896bed9],.atable th.sticky-column-edge[data-v-2896bed9]{border-right:1px solid var(--sc-row-border-color);border-right-width:1px}.login-container[data-v-2896bed9]{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-2896bed9]{width:100%;margin-left:auto;margin-top:.5rem;margin-right:auto;display:flex;flex-direction:column;justify-content:center}.account-header[data-v-2896bed9]{display:flex;flex-direction:column;text-align:center;margin-top:.5rem}#account-title[data-v-2896bed9]{font-size:1.5rem;line-height:2rem;font-weight:600;letter-spacing:-.025em;margin:0}#account-subtitle[data-v-2896bed9]{font-size:.875rem;line-height:1.25rem;margin:1rem}.login-form-container[data-v-2896bed9]{display:grid;gap:.5rem}.login-form-element[data-v-2896bed9]{display:grid;margin:.5rem 0;position:relative}.login-field[data-v-2896bed9]{padding:.5rem .25rem .25rem .5rem;outline:1px solid transparent;border:1px solid var(--sc-input-border-color);border-radius:.25rem}.login-field[data-v-2896bed9]:focus{border:1px solid black}.btn[data-v-2896bed9]{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-2896bed9]:hover{background-color:var(--sc-btn-hover)}.btn[data-v-2896bed9]: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-2896bed9]{opacity:.5}.loading-icon[data-v-2896bed9]{animation:spin-2896bed9 1s linear infinite forwards;display:inline-block;margin-right:.2rem;line-height:0;font-size:1rem;position:relative;top:.2rem}@keyframes spin-2896bed9{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
|
|
1
|
+
@import"https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&display=swap";:root{--sc-primary-color: #0098c9;--sc-primary-text-color: #ffffff;--sc-brand-color: #202a44;--sc-gray-5: #f2f2f2;--sc-gray-10: #e6e6e6;--sc-gray-20: #cccccc;--sc-gray-50: #808080;--sc-gray-60: #666666;--sc-gray-80: #333333;--sc-brand-danger: #e63c28;--sc-brand-success: #155724;--sc-brand-warning: #b99d3e;--sc-active-cell-background: #ffffff;--sc-active-cell-outline: #e6a92d;--sc-cell-border-color: #ffffff;--sc-cell-text-color: #3a3c41;--sc-focus-cell-background: #ffffff;--sc-focus-cell-outline: #000000;--sc-header-border-color: #ffffff;--sc-header-text-color: var(--sc-gray-20);--sc-row-border-color: var(--sc-gray-20);--sc-row-color-zebra-dark: #dddddd;--sc-row-color-zebra-light: #eeeeee;--sc-row-number-background-color: #ffffff;--sc-input-active-border-color: #000000;--sc-input-active-label-color: #000000;--sc-input-border-color: var(--sc-gray-20);--sc-input-label-color: var(--sc-gray-60);--sc-required-border: #e63c28;--sc-font-size: 10px;--sc-font-family: Arimo, Arial, sans-serif;--sc-table-font-size: 16px;--sc-atable-font-family: "Arimo", sans-serif;--sc-atable-row-padding: 0px;--sc-atable-row-height: 1.5em;--sc-btn-border: #cccccc;--sc-btn-color: white;--sc-btn-hover: #f2f2f2;--sc-btn-label-color: black}.aform{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem;border:1px solid var(--sc-gray-5);border-left:4px solid var(--sc-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(--sc-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(--sc-cell-text-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;width:auto;box-sizing:border-box;background:#fff;margin:0;border:1px solid var(--sc-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(--sc-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(--sc-input-active-border-color)}.aform__input-field:focus+.aform__field-label{color:var(--sc-input-active-label-color)}.aform__checkbox{cursor:pointer;width:auto;margin-top:0;display:block}.aform__checkbox:checked{accent-color:var(--sc-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(--sc-input-active-label-color)}.aform-primary-action{font-size:100%;text-align:center;min-height:2em;padding:.25rem 1rem;border:1px solid var(--sc-primary-color);color:var(--sc-primary-text-color);background-color:var(--sc-primary-color);outline:2px solid var(--sc-primary-text-color);transition:outline-offset .2s ease;font-size:var(--sc-font-size);margin:.5ch}.aform-primary-action:hover,.aform-primary-action:active{outline:2px solid var(--sc-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(--sc-input-border-color);color:var(--sc-input-label-color);cursor:pointer;background-color:#fff}.aform__form-btn:disabled{background-color:var(--sc-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(--sc-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(--sc-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(--sc-atable-font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--sc-table-font-size);border-collapse:collapse}.row-index{color:var(--sc-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(--sc-row-border-color);height:var(--sc-atable-row-height);border-left:4px solid var(--sc-row-border-color)}.expanded-row{border-bottom:1px solid var(--sc-row-border-color);border-top:1px solid var(--sc-row-border-color)}.expanded-row-content{border-bottom:1px solid var(--sc-row-border-color);border-top:1px solid var(--sc-row-border-color);padding:1.5rem}.atable__cell{border-radius:0;box-sizing:border-box;margin:0;outline:none;box-shadow:none;color:var(--sc-cell-text-color);padding-left:.5ch!important;padding-right:.5ch;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding);border-spacing:0px;border-collapse:collapse;overflow:hidden;text-overflow:ellipsis;order:1}.atable__cell span{overflow:hidden;text-overflow:ellipsis}.atable__cell:focus,.atable__cell:focus-within{background-color:var(--sc-focus-cell-background);outline-width:2px;outline-style:solid;outline-offset:-1px;outline-color:var(--sc-focus-cell-outline);box-shadow:none;min-height:1.15em;max-height:1.15em;overflow:hidden;box-sizing:border-box}.table-row{border-top:1px solid var(--sc-row-border-color);height:var(--sc-atable-row-height);display:flex;background-color:#fff}.list-index{color:var(--sc-header-text-color);font-weight:700;padding-left:var(--sc-atable-row-padding);padding-right:1em;text-align:center;-webkit-user-select:none;user-select:none;width:30px;text-overflow:ellipsis;overflow:hidden}.tree-index{color:var(--sc-header-text-color);font-weight:700;text-align:center;-webkit-user-select:none;user-select:none;width:2ch}.atable #header-index{width:30px;padding-right:1em;padding-left:0;box-sizing:border-box}.atable-header-row{display:flex}.atable th{border-width:0px;border-style:solid;border-radius:0;padding-left:.5ch;padding-right:.5ch;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding);color:var(--sc-gray-60);height:var(--sc-atable-row-height);font-weight:300;letter-spacing:.05rem;order:1;box-sizing:border-box}#header-index{box-sizing:content-box}.atable th:focus{outline:none}.amodal{position:fixed;background-color:var(--sc-row-color-zebra-dark);z-index:100}.sticky-index{position:sticky;left:0;z-index:1;order:0}.sticky-column,th.sticky-column,td.sticky-column,th.sticky-index,td.sticky-index{position:sticky;z-index:1;order:0;background:#fff}.sticky-column-edge,.atable th.sticky-column-edge{border-right:1px solid var(--sc-row-border-color);border-right-width:1px}.login-container{width:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--sc-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(--sc-input-border-color);border-radius:.25rem}.login-field:focus{border:1px solid black}.btn{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:hover{background-color:var(--sc-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)}}[data-v-2896bed9]:root{--sc-primary-color: #0098c9;--sc-primary-text-color: #ffffff;--sc-brand-color: #202a44;--sc-gray-5: #f2f2f2;--sc-gray-10: #e6e6e6;--sc-gray-20: #cccccc;--sc-gray-50: #808080;--sc-gray-60: #666666;--sc-gray-80: #333333;--sc-brand-danger: #e63c28;--sc-brand-success: #155724;--sc-brand-warning: #b99d3e;--sc-active-cell-background: #ffffff;--sc-active-cell-outline: #e6a92d;--sc-cell-border-color: #ffffff;--sc-cell-text-color: #3a3c41;--sc-focus-cell-background: #ffffff;--sc-focus-cell-outline: #000000;--sc-header-border-color: #ffffff;--sc-header-text-color: var(--sc-gray-20);--sc-row-border-color: var(--sc-gray-20);--sc-row-color-zebra-dark: #dddddd;--sc-row-color-zebra-light: #eeeeee;--sc-row-number-background-color: #ffffff;--sc-input-active-border-color: #000000;--sc-input-active-label-color: #000000;--sc-input-border-color: var(--sc-gray-20);--sc-input-label-color: var(--sc-gray-60);--sc-required-border: #e63c28;--sc-font-size: 10px;--sc-font-family: Arimo, Arial, sans-serif;--sc-table-font-size: 16px;--sc-atable-font-family: "Arimo", sans-serif;--sc-atable-row-padding: 0px;--sc-atable-row-height: 1.5em;--sc-btn-border: #cccccc;--sc-btn-color: white;--sc-btn-hover: #f2f2f2;--sc-btn-label-color: black}.aform[data-v-2896bed9]{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem;border:1px solid var(--sc-gray-5);border-left:4px solid var(--sc-gray-5);margin-bottom:1rem;max-width:100%}@media screen and (max-width: 400px){.aform[data-v-2896bed9]{flex-direction:column}}.aform__form-element[data-v-2896bed9]{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-2896bed9]{outline:1px solid transparent;border:1px solid var(--sc-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(--sc-cell-text-color)}.aform__field-label[data-v-2896bed9]{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;width:auto;box-sizing:border-box;background:#fff;margin:0;border:1px solid var(--sc-input-border-color);grid-row:1;top:0;left:10px;border:none;transform:translateY(-50%)}p.error[data-v-2896bed9]{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(--sc-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-2896bed9]:focus{border:1px solid var(--sc-input-active-border-color)}.aform__input-field:focus+.aform__field-label[data-v-2896bed9]{color:var(--sc-input-active-label-color)}.aform__checkbox[data-v-2896bed9]{cursor:pointer;width:auto;margin-top:0;display:block}.aform__checkbox[data-v-2896bed9]:checked{accent-color:var(--sc-primary-color);border:1px solid black}.aform__checkbox-container[data-v-2896bed9]{width:100%;display:inline-block;text-align:left}.aform__checkbox-container input[data-v-2896bed9]{width:auto}.aform__checkbox-container:hover+.aform__field-label[data-v-2896bed9]{color:var(--sc-input-active-label-color)}.aform-primary-action[data-v-2896bed9]{font-size:100%;text-align:center;min-height:2em;padding:.25rem 1rem;border:1px solid var(--sc-primary-color);color:var(--sc-primary-text-color);background-color:var(--sc-primary-color);outline:2px solid var(--sc-primary-text-color);transition:outline-offset .2s ease;font-size:var(--sc-font-size);margin:.5ch}.aform-primary-action[data-v-2896bed9]:hover,.aform-primary-action[data-v-2896bed9]:active{outline:2px solid var(--sc-primary-text-color);outline-offset:-4px;transition:outline-offset .2s ease}tr[data-v-2896bed9]:focus{background-color:#add8e6;outline:auto}.aform__form-btn[data-v-2896bed9]{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-2896bed9]:disabled{background-color:var(--sc-gray-5)}.aform__file-attach[data-v-2896bed9]{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-2896bed9]{width:100%}}.aform__file-attach-feedback[data-v-2896bed9]{color:var(--sc-input-label-color);width:100%;padding:.5rem;text-align:center;align-self:center}.aform__file-attach-feedback>li[data-v-2896bed9]{list-style:none;font-style:italic}.aform__file-attach-feedback>p[data-v-2896bed9]{margin-top:0}.atable[data-v-2896bed9]{font-family:var(--sc-atable-font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--sc-table-font-size);border-collapse:collapse}.row-index[data-v-2896bed9]{color:var(--sc-header-text-color);font-weight:700;text-align:center;-webkit-user-select:none;user-select:none;width:2ch}.expandable-row[data-v-2896bed9]{border-top:1px solid var(--sc-row-border-color);height:var(--sc-atable-row-height);border-left:4px solid var(--sc-row-border-color)}.expanded-row[data-v-2896bed9]{border-bottom:1px solid var(--sc-row-border-color);border-top:1px solid var(--sc-row-border-color)}.expanded-row-content[data-v-2896bed9]{border-bottom:1px solid var(--sc-row-border-color);border-top:1px solid var(--sc-row-border-color);padding:1.5rem}.atable__cell[data-v-2896bed9]{border-radius:0;box-sizing:border-box;margin:0;outline:none;box-shadow:none;color:var(--sc-cell-text-color);padding-left:.5ch!important;padding-right:.5ch;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding);border-spacing:0px;border-collapse:collapse;overflow:hidden;text-overflow:ellipsis;order:1}.atable__cell span[data-v-2896bed9]{overflow:hidden;text-overflow:ellipsis}.atable__cell[data-v-2896bed9]:focus,.atable__cell[data-v-2896bed9]:focus-within{background-color:var(--sc-focus-cell-background);outline-width:2px;outline-style:solid;outline-offset:-1px;outline-color:var(--sc-focus-cell-outline);box-shadow:none;min-height:1.15em;max-height:1.15em;overflow:hidden;box-sizing:border-box}.table-row[data-v-2896bed9]{border-top:1px solid var(--sc-row-border-color);height:var(--sc-atable-row-height);display:flex;background-color:#fff}.list-index[data-v-2896bed9]{color:var(--sc-header-text-color);font-weight:700;padding-left:var(--sc-atable-row-padding);padding-right:1em;text-align:center;-webkit-user-select:none;user-select:none;width:30px;text-overflow:ellipsis;overflow:hidden}.tree-index[data-v-2896bed9]{color:var(--sc-header-text-color);font-weight:700;text-align:center;-webkit-user-select:none;user-select:none;width:2ch}.atable #header-index[data-v-2896bed9]{width:30px;padding-right:1em;padding-left:0;box-sizing:border-box}.atable-header-row[data-v-2896bed9]{display:flex}.atable th[data-v-2896bed9]{border-width:0px;border-style:solid;border-radius:0;padding-left:.5ch;padding-right:.5ch;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding);color:var(--sc-gray-60);height:var(--sc-atable-row-height);font-weight:300;letter-spacing:.05rem;order:1;box-sizing:border-box}#header-index[data-v-2896bed9]{box-sizing:content-box}.atable th[data-v-2896bed9]:focus{outline:none}.amodal[data-v-2896bed9]{position:fixed;background-color:var(--sc-row-color-zebra-dark);z-index:100}.sticky-index[data-v-2896bed9]{position:sticky;left:0;z-index:1;order:0}.sticky-column[data-v-2896bed9],th.sticky-column[data-v-2896bed9],td.sticky-column[data-v-2896bed9],th.sticky-index[data-v-2896bed9],td.sticky-index[data-v-2896bed9]{position:sticky;z-index:1;order:0;background:#fff}.sticky-column-edge[data-v-2896bed9],.atable th.sticky-column-edge[data-v-2896bed9]{border-right:1px solid var(--sc-row-border-color);border-right-width:1px}.login-container[data-v-2896bed9]{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-2896bed9]{width:100%;margin-left:auto;margin-top:.5rem;margin-right:auto;display:flex;flex-direction:column;justify-content:center}.account-header[data-v-2896bed9]{display:flex;flex-direction:column;text-align:center;margin-top:.5rem}#account-title[data-v-2896bed9]{font-size:1.5rem;line-height:2rem;font-weight:600;letter-spacing:-.025em;margin:0}#account-subtitle[data-v-2896bed9]{font-size:.875rem;line-height:1.25rem;margin:1rem}.login-form-container[data-v-2896bed9]{display:grid;gap:.5rem}.login-form-element[data-v-2896bed9]{display:grid;margin:.5rem 0;position:relative}.login-field[data-v-2896bed9]{padding:.5rem .25rem .25rem .5rem;outline:1px solid transparent;border:1px solid var(--sc-input-border-color);border-radius:.25rem}.login-field[data-v-2896bed9]:focus{border:1px solid black}.btn[data-v-2896bed9]{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-2896bed9]:hover{background-color:var(--sc-btn-hover)}.btn[data-v-2896bed9]: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-2896bed9]{opacity:.5}.loading-icon[data-v-2896bed9]{animation:spin-2896bed9 1s linear infinite forwards;display:inline-block;margin-right:.2rem;line-height:0;font-size:1rem;position:relative;top:.2rem}@keyframes spin-2896bed9{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
|
package/dist/atable.umd.cjs
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
(function(h,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],o):(h=typeof globalThis<"u"?globalThis:h||self,o(h["@stonecrop/atable"]={},h.Vue))})(this,function(h,o){"use strict";var ft=Object.defineProperty;var pt=(h,o,S)=>o in h?ft(h,o,{enumerable:!0,configurable:!0,writable:!0,value:S}):h[o]=S;var _=(h,o,S)=>pt(h,typeof o!="symbol"?o+"":o,S);var S=document.createElement("style");S.textContent=`@import"https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&display=swap";:root{--sc-primary-color: #0098c9;--sc-primary-text-color: #ffffff;--sc-brand-color: #202a44;--sc-gray-5: #f2f2f2;--sc-gray-10: #e6e6e6;--sc-gray-20: #cccccc;--sc-gray-50: #808080;--sc-gray-60: #666666;--sc-gray-80: #333333;--sc-brand-danger: #e63c28;--sc-brand-success: #155724;--sc-active-cell-background: #ffffff;--sc-active-cell-outline: #e6a92d;--sc-cell-border-color: #ffffff;--sc-cell-text-color: #3a3c41;--sc-focus-cell-background: #ffffff;--sc-focus-cell-outline: #000000;--sc-header-border-color: #ffffff;--sc-header-text-color: var(--sc-gray-20);--sc-row-border-color: var(--sc-gray-20);--sc-row-color-zebra-dark: #dddddd;--sc-row-color-zebra-light: #eeeeee;--sc-row-number-background-color: #ffffff;--sc-input-active-border-color: #000000;--sc-input-active-label-color: #000000;--sc-input-border-color: var(--sc-gray-20);--sc-input-label-color: var(--sc-gray-60);--sc-required-border: #e63c28;--sc-font-size: 10px;--sc-font-family: Arimo, Arial, sans-serif;--sc-table-font-size: 16px;--sc-atable-font-family: "Arimo", sans-serif;--sc-atable-row-padding: 0px;--sc-atable-row-height: 1.5em;--sc-btn-border: #cccccc;--sc-btn-color: white;--sc-btn-hover: #f2f2f2;--sc-btn-label-color: black}.aform{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem;border:1px solid var(--sc-gray-5);border-left:4px solid var(--sc-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(--sc-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(--sc-cell-text-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;width:auto;box-sizing:border-box;background:#fff;margin:0;border:1px solid var(--sc-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(--sc-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(--sc-input-active-border-color)}.aform__input-field:focus+.aform__field-label{color:var(--sc-input-active-label-color)}.aform__checkbox{cursor:pointer;width:auto;margin-top:0;display:block}.aform__checkbox:checked{accent-color:var(--sc-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(--sc-input-active-label-color)}.aform-primary-action{font-size:100%;text-align:center;min-height:2em;padding:.25rem 1rem;border:1px solid var(--sc-primary-color);color:var(--sc-primary-text-color);background-color:var(--sc-primary-color);outline:2px solid var(--sc-primary-text-color);transition:outline-offset .2s ease;font-size:var(--sc-font-size);margin:.5ch}.aform-primary-action:hover,.aform-primary-action:active{outline:2px solid var(--sc-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(--sc-input-border-color);color:var(--sc-input-label-color);cursor:pointer;background-color:#fff}.aform__form-btn:disabled{background-color:var(--sc-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(--sc-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(--sc-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(--sc-atable-font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--sc-table-font-size);border-collapse:collapse}.row-index{color:var(--sc-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(--sc-row-border-color);height:var(--sc-atable-row-height);border-left:4px solid var(--sc-row-border-color)}.expanded-row{border-bottom:1px solid var(--sc-row-border-color);border-top:1px solid var(--sc-row-border-color)}.expanded-row-content{border-bottom:1px solid var(--sc-row-border-color);border-top:1px solid var(--sc-row-border-color);padding:1.5rem}.atable__cell{border-radius:0;box-sizing:border-box;margin:0;outline:none;box-shadow:none;color:var(--sc-cell-text-color);padding-left:.5ch!important;padding-right:.5ch;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding);border-spacing:0px;border-collapse:collapse;overflow:hidden;text-overflow:ellipsis;order:1}.atable__cell span{overflow:hidden;text-overflow:ellipsis}.atable__cell:focus,.atable__cell:focus-within{background-color:var(--sc-focus-cell-background);outline-width:2px;outline-style:solid;outline-offset:-1px;outline-color:var(--sc-focus-cell-outline);box-shadow:none;min-height:1.15em;max-height:1.15em;overflow:hidden;box-sizing:border-box}.table-row{border-top:1px solid var(--sc-row-border-color);height:var(--sc-atable-row-height);display:flex;background-color:#fff}.list-index{color:var(--sc-header-text-color);font-weight:700;padding-left:var(--sc-atable-row-padding);padding-right:1em;text-align:center;-webkit-user-select:none;user-select:none;width:30px;text-overflow:ellipsis;overflow:hidden}.tree-index{color:var(--sc-header-text-color);font-weight:700;text-align:center;-webkit-user-select:none;user-select:none;width:2ch}.atable #header-index{width:30px;padding-right:1em;padding-left:0;box-sizing:border-box}.atable-header-row{display:flex}.atable th{border-width:0px;border-style:solid;border-radius:0;padding-left:.5ch;padding-right:.5ch;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding);color:var(--sc-gray-60);height:var(--sc-atable-row-height);font-weight:300;letter-spacing:.05rem;order:1;box-sizing:border-box}#header-index{box-sizing:content-box}.atable th:focus{outline:none}.amodal{position:fixed;background-color:var(--sc-row-color-zebra-dark);z-index:100}.sticky-index{position:sticky;left:0;z-index:1;order:0}.sticky-column,th.sticky-column,td.sticky-column,th.sticky-index,td.sticky-index{position:sticky;z-index:1;order:0;background:#fff}.sticky-column-edge,.atable th.sticky-column-edge{border-right:1px solid var(--sc-row-border-color);border-right-width:1px}.login-container{width:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--sc-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(--sc-input-border-color);border-radius:.25rem}.login-field:focus{border:1px solid black}.btn{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:hover{background-color:var(--sc-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)}}[data-v-2896bed9]:root{--sc-primary-color: #0098c9;--sc-primary-text-color: #ffffff;--sc-brand-color: #202a44;--sc-gray-5: #f2f2f2;--sc-gray-10: #e6e6e6;--sc-gray-20: #cccccc;--sc-gray-50: #808080;--sc-gray-60: #666666;--sc-gray-80: #333333;--sc-brand-danger: #e63c28;--sc-brand-success: #155724;--sc-active-cell-background: #ffffff;--sc-active-cell-outline: #e6a92d;--sc-cell-border-color: #ffffff;--sc-cell-text-color: #3a3c41;--sc-focus-cell-background: #ffffff;--sc-focus-cell-outline: #000000;--sc-header-border-color: #ffffff;--sc-header-text-color: var(--sc-gray-20);--sc-row-border-color: var(--sc-gray-20);--sc-row-color-zebra-dark: #dddddd;--sc-row-color-zebra-light: #eeeeee;--sc-row-number-background-color: #ffffff;--sc-input-active-border-color: #000000;--sc-input-active-label-color: #000000;--sc-input-border-color: var(--sc-gray-20);--sc-input-label-color: var(--sc-gray-60);--sc-required-border: #e63c28;--sc-font-size: 10px;--sc-font-family: Arimo, Arial, sans-serif;--sc-table-font-size: 16px;--sc-atable-font-family: "Arimo", sans-serif;--sc-atable-row-padding: 0px;--sc-atable-row-height: 1.5em;--sc-btn-border: #cccccc;--sc-btn-color: white;--sc-btn-hover: #f2f2f2;--sc-btn-label-color: black}.aform[data-v-2896bed9]{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem;border:1px solid var(--sc-gray-5);border-left:4px solid var(--sc-gray-5);margin-bottom:1rem;max-width:100%}@media screen and (max-width: 400px){.aform[data-v-2896bed9]{flex-direction:column}}.aform__form-element[data-v-2896bed9]{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-2896bed9]{outline:1px solid transparent;border:1px solid var(--sc-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(--sc-cell-text-color)}.aform__field-label[data-v-2896bed9]{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;width:auto;box-sizing:border-box;background:#fff;margin:0;border:1px solid var(--sc-input-border-color);grid-row:1;top:0;left:10px;border:none;transform:translateY(-50%)}p.error[data-v-2896bed9]{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(--sc-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-2896bed9]:focus{border:1px solid var(--sc-input-active-border-color)}.aform__input-field:focus+.aform__field-label[data-v-2896bed9]{color:var(--sc-input-active-label-color)}.aform__checkbox[data-v-2896bed9]{cursor:pointer;width:auto;margin-top:0;display:block}.aform__checkbox[data-v-2896bed9]:checked{accent-color:var(--sc-primary-color);border:1px solid black}.aform__checkbox-container[data-v-2896bed9]{width:100%;display:inline-block;text-align:left}.aform__checkbox-container input[data-v-2896bed9]{width:auto}.aform__checkbox-container:hover+.aform__field-label[data-v-2896bed9]{color:var(--sc-input-active-label-color)}.aform-primary-action[data-v-2896bed9]{font-size:100%;text-align:center;min-height:2em;padding:.25rem 1rem;border:1px solid var(--sc-primary-color);color:var(--sc-primary-text-color);background-color:var(--sc-primary-color);outline:2px solid var(--sc-primary-text-color);transition:outline-offset .2s ease;font-size:var(--sc-font-size);margin:.5ch}.aform-primary-action[data-v-2896bed9]:hover,.aform-primary-action[data-v-2896bed9]:active{outline:2px solid var(--sc-primary-text-color);outline-offset:-4px;transition:outline-offset .2s ease}tr[data-v-2896bed9]:focus{background-color:#add8e6;outline:auto}.aform__form-btn[data-v-2896bed9]{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-2896bed9]:disabled{background-color:var(--sc-gray-5)}.aform__file-attach[data-v-2896bed9]{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-2896bed9]{width:100%}}.aform__file-attach-feedback[data-v-2896bed9]{color:var(--sc-input-label-color);width:100%;padding:.5rem;text-align:center;align-self:center}.aform__file-attach-feedback>li[data-v-2896bed9]{list-style:none;font-style:italic}.aform__file-attach-feedback>p[data-v-2896bed9]{margin-top:0}.atable[data-v-2896bed9]{font-family:var(--sc-atable-font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--sc-table-font-size);border-collapse:collapse}.row-index[data-v-2896bed9]{color:var(--sc-header-text-color);font-weight:700;text-align:center;-webkit-user-select:none;user-select:none;width:2ch}.expandable-row[data-v-2896bed9]{border-top:1px solid var(--sc-row-border-color);height:var(--sc-atable-row-height);border-left:4px solid var(--sc-row-border-color)}.expanded-row[data-v-2896bed9]{border-bottom:1px solid var(--sc-row-border-color);border-top:1px solid var(--sc-row-border-color)}.expanded-row-content[data-v-2896bed9]{border-bottom:1px solid var(--sc-row-border-color);border-top:1px solid var(--sc-row-border-color);padding:1.5rem}.atable__cell[data-v-2896bed9]{border-radius:0;box-sizing:border-box;margin:0;outline:none;box-shadow:none;color:var(--sc-cell-text-color);padding-left:.5ch!important;padding-right:.5ch;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding);border-spacing:0px;border-collapse:collapse;overflow:hidden;text-overflow:ellipsis;order:1}.atable__cell span[data-v-2896bed9]{overflow:hidden;text-overflow:ellipsis}.atable__cell[data-v-2896bed9]:focus,.atable__cell[data-v-2896bed9]:focus-within{background-color:var(--sc-focus-cell-background);outline-width:2px;outline-style:solid;outline-offset:-1px;outline-color:var(--sc-focus-cell-outline);box-shadow:none;min-height:1.15em;max-height:1.15em;overflow:hidden;box-sizing:border-box}.table-row[data-v-2896bed9]{border-top:1px solid var(--sc-row-border-color);height:var(--sc-atable-row-height);display:flex;background-color:#fff}.list-index[data-v-2896bed9]{color:var(--sc-header-text-color);font-weight:700;padding-left:var(--sc-atable-row-padding);padding-right:1em;text-align:center;-webkit-user-select:none;user-select:none;width:30px;text-overflow:ellipsis;overflow:hidden}.tree-index[data-v-2896bed9]{color:var(--sc-header-text-color);font-weight:700;text-align:center;-webkit-user-select:none;user-select:none;width:2ch}.atable #header-index[data-v-2896bed9]{width:30px;padding-right:1em;padding-left:0;box-sizing:border-box}.atable-header-row[data-v-2896bed9]{display:flex}.atable th[data-v-2896bed9]{border-width:0px;border-style:solid;border-radius:0;padding-left:.5ch;padding-right:.5ch;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding);color:var(--sc-gray-60);height:var(--sc-atable-row-height);font-weight:300;letter-spacing:.05rem;order:1;box-sizing:border-box}#header-index[data-v-2896bed9]{box-sizing:content-box}.atable th[data-v-2896bed9]:focus{outline:none}.amodal[data-v-2896bed9]{position:fixed;background-color:var(--sc-row-color-zebra-dark);z-index:100}.sticky-index[data-v-2896bed9]{position:sticky;left:0;z-index:1;order:0}.sticky-column[data-v-2896bed9],th.sticky-column[data-v-2896bed9],td.sticky-column[data-v-2896bed9],th.sticky-index[data-v-2896bed9],td.sticky-index[data-v-2896bed9]{position:sticky;z-index:1;order:0;background:#fff}.sticky-column-edge[data-v-2896bed9],.atable th.sticky-column-edge[data-v-2896bed9]{border-right:1px solid var(--sc-row-border-color);border-right-width:1px}.login-container[data-v-2896bed9]{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-2896bed9]{width:100%;margin-left:auto;margin-top:.5rem;margin-right:auto;display:flex;flex-direction:column;justify-content:center}.account-header[data-v-2896bed9]{display:flex;flex-direction:column;text-align:center;margin-top:.5rem}#account-title[data-v-2896bed9]{font-size:1.5rem;line-height:2rem;font-weight:600;letter-spacing:-.025em;margin:0}#account-subtitle[data-v-2896bed9]{font-size:.875rem;line-height:1.25rem;margin:1rem}.login-form-container[data-v-2896bed9]{display:grid;gap:.5rem}.login-form-element[data-v-2896bed9]{display:grid;margin:.5rem 0;position:relative}.login-field[data-v-2896bed9]{padding:.5rem .25rem .25rem .5rem;outline:1px solid transparent;border:1px solid var(--sc-input-border-color);border-radius:.25rem}.login-field[data-v-2896bed9]:focus{border:1px solid black}.btn[data-v-2896bed9]{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-2896bed9]:hover{background-color:var(--sc-btn-hover)}.btn[data-v-2896bed9]: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-2896bed9]{opacity:.5}.loading-icon[data-v-2896bed9]{animation:spin-2896bed9 1s linear infinite forwards;display:inline-block;margin-right:.2rem;line-height:0;font-size:1rem;position:relative;top:.2rem}@keyframes spin-2896bed9{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
|
|
1
|
+
(function(h,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],o):(h=typeof globalThis<"u"?globalThis:h||self,o(h["@stonecrop/atable"]={},h.Vue))})(this,function(h,o){"use strict";var ft=Object.defineProperty;var pt=(h,o,S)=>o in h?ft(h,o,{enumerable:!0,configurable:!0,writable:!0,value:S}):h[o]=S;var _=(h,o,S)=>pt(h,typeof o!="symbol"?o+"":o,S);var S=document.createElement("style");S.textContent=`@import"https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&display=swap";:root{--sc-primary-color: #0098c9;--sc-primary-text-color: #ffffff;--sc-brand-color: #202a44;--sc-gray-5: #f2f2f2;--sc-gray-10: #e6e6e6;--sc-gray-20: #cccccc;--sc-gray-50: #808080;--sc-gray-60: #666666;--sc-gray-80: #333333;--sc-brand-danger: #e63c28;--sc-brand-success: #155724;--sc-brand-warning: #b99d3e;--sc-active-cell-background: #ffffff;--sc-active-cell-outline: #e6a92d;--sc-cell-border-color: #ffffff;--sc-cell-text-color: #3a3c41;--sc-focus-cell-background: #ffffff;--sc-focus-cell-outline: #000000;--sc-header-border-color: #ffffff;--sc-header-text-color: var(--sc-gray-20);--sc-row-border-color: var(--sc-gray-20);--sc-row-color-zebra-dark: #dddddd;--sc-row-color-zebra-light: #eeeeee;--sc-row-number-background-color: #ffffff;--sc-input-active-border-color: #000000;--sc-input-active-label-color: #000000;--sc-input-border-color: var(--sc-gray-20);--sc-input-label-color: var(--sc-gray-60);--sc-required-border: #e63c28;--sc-font-size: 10px;--sc-font-family: Arimo, Arial, sans-serif;--sc-table-font-size: 16px;--sc-atable-font-family: "Arimo", sans-serif;--sc-atable-row-padding: 0px;--sc-atable-row-height: 1.5em;--sc-btn-border: #cccccc;--sc-btn-color: white;--sc-btn-hover: #f2f2f2;--sc-btn-label-color: black}.aform{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem;border:1px solid var(--sc-gray-5);border-left:4px solid var(--sc-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(--sc-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(--sc-cell-text-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;width:auto;box-sizing:border-box;background:#fff;margin:0;border:1px solid var(--sc-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(--sc-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(--sc-input-active-border-color)}.aform__input-field:focus+.aform__field-label{color:var(--sc-input-active-label-color)}.aform__checkbox{cursor:pointer;width:auto;margin-top:0;display:block}.aform__checkbox:checked{accent-color:var(--sc-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(--sc-input-active-label-color)}.aform-primary-action{font-size:100%;text-align:center;min-height:2em;padding:.25rem 1rem;border:1px solid var(--sc-primary-color);color:var(--sc-primary-text-color);background-color:var(--sc-primary-color);outline:2px solid var(--sc-primary-text-color);transition:outline-offset .2s ease;font-size:var(--sc-font-size);margin:.5ch}.aform-primary-action:hover,.aform-primary-action:active{outline:2px solid var(--sc-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(--sc-input-border-color);color:var(--sc-input-label-color);cursor:pointer;background-color:#fff}.aform__form-btn:disabled{background-color:var(--sc-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(--sc-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(--sc-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(--sc-atable-font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--sc-table-font-size);border-collapse:collapse}.row-index{color:var(--sc-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(--sc-row-border-color);height:var(--sc-atable-row-height);border-left:4px solid var(--sc-row-border-color)}.expanded-row{border-bottom:1px solid var(--sc-row-border-color);border-top:1px solid var(--sc-row-border-color)}.expanded-row-content{border-bottom:1px solid var(--sc-row-border-color);border-top:1px solid var(--sc-row-border-color);padding:1.5rem}.atable__cell{border-radius:0;box-sizing:border-box;margin:0;outline:none;box-shadow:none;color:var(--sc-cell-text-color);padding-left:.5ch!important;padding-right:.5ch;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding);border-spacing:0px;border-collapse:collapse;overflow:hidden;text-overflow:ellipsis;order:1}.atable__cell span{overflow:hidden;text-overflow:ellipsis}.atable__cell:focus,.atable__cell:focus-within{background-color:var(--sc-focus-cell-background);outline-width:2px;outline-style:solid;outline-offset:-1px;outline-color:var(--sc-focus-cell-outline);box-shadow:none;min-height:1.15em;max-height:1.15em;overflow:hidden;box-sizing:border-box}.table-row{border-top:1px solid var(--sc-row-border-color);height:var(--sc-atable-row-height);display:flex;background-color:#fff}.list-index{color:var(--sc-header-text-color);font-weight:700;padding-left:var(--sc-atable-row-padding);padding-right:1em;text-align:center;-webkit-user-select:none;user-select:none;width:30px;text-overflow:ellipsis;overflow:hidden}.tree-index{color:var(--sc-header-text-color);font-weight:700;text-align:center;-webkit-user-select:none;user-select:none;width:2ch}.atable #header-index{width:30px;padding-right:1em;padding-left:0;box-sizing:border-box}.atable-header-row{display:flex}.atable th{border-width:0px;border-style:solid;border-radius:0;padding-left:.5ch;padding-right:.5ch;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding);color:var(--sc-gray-60);height:var(--sc-atable-row-height);font-weight:300;letter-spacing:.05rem;order:1;box-sizing:border-box}#header-index{box-sizing:content-box}.atable th:focus{outline:none}.amodal{position:fixed;background-color:var(--sc-row-color-zebra-dark);z-index:100}.sticky-index{position:sticky;left:0;z-index:1;order:0}.sticky-column,th.sticky-column,td.sticky-column,th.sticky-index,td.sticky-index{position:sticky;z-index:1;order:0;background:#fff}.sticky-column-edge,.atable th.sticky-column-edge{border-right:1px solid var(--sc-row-border-color);border-right-width:1px}.login-container{width:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--sc-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(--sc-input-border-color);border-radius:.25rem}.login-field:focus{border:1px solid black}.btn{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:hover{background-color:var(--sc-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)}}[data-v-2896bed9]:root{--sc-primary-color: #0098c9;--sc-primary-text-color: #ffffff;--sc-brand-color: #202a44;--sc-gray-5: #f2f2f2;--sc-gray-10: #e6e6e6;--sc-gray-20: #cccccc;--sc-gray-50: #808080;--sc-gray-60: #666666;--sc-gray-80: #333333;--sc-brand-danger: #e63c28;--sc-brand-success: #155724;--sc-brand-warning: #b99d3e;--sc-active-cell-background: #ffffff;--sc-active-cell-outline: #e6a92d;--sc-cell-border-color: #ffffff;--sc-cell-text-color: #3a3c41;--sc-focus-cell-background: #ffffff;--sc-focus-cell-outline: #000000;--sc-header-border-color: #ffffff;--sc-header-text-color: var(--sc-gray-20);--sc-row-border-color: var(--sc-gray-20);--sc-row-color-zebra-dark: #dddddd;--sc-row-color-zebra-light: #eeeeee;--sc-row-number-background-color: #ffffff;--sc-input-active-border-color: #000000;--sc-input-active-label-color: #000000;--sc-input-border-color: var(--sc-gray-20);--sc-input-label-color: var(--sc-gray-60);--sc-required-border: #e63c28;--sc-font-size: 10px;--sc-font-family: Arimo, Arial, sans-serif;--sc-table-font-size: 16px;--sc-atable-font-family: "Arimo", sans-serif;--sc-atable-row-padding: 0px;--sc-atable-row-height: 1.5em;--sc-btn-border: #cccccc;--sc-btn-color: white;--sc-btn-hover: #f2f2f2;--sc-btn-label-color: black}.aform[data-v-2896bed9]{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem;border:1px solid var(--sc-gray-5);border-left:4px solid var(--sc-gray-5);margin-bottom:1rem;max-width:100%}@media screen and (max-width: 400px){.aform[data-v-2896bed9]{flex-direction:column}}.aform__form-element[data-v-2896bed9]{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-2896bed9]{outline:1px solid transparent;border:1px solid var(--sc-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(--sc-cell-text-color)}.aform__field-label[data-v-2896bed9]{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;width:auto;box-sizing:border-box;background:#fff;margin:0;border:1px solid var(--sc-input-border-color);grid-row:1;top:0;left:10px;border:none;transform:translateY(-50%)}p.error[data-v-2896bed9]{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(--sc-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-2896bed9]:focus{border:1px solid var(--sc-input-active-border-color)}.aform__input-field:focus+.aform__field-label[data-v-2896bed9]{color:var(--sc-input-active-label-color)}.aform__checkbox[data-v-2896bed9]{cursor:pointer;width:auto;margin-top:0;display:block}.aform__checkbox[data-v-2896bed9]:checked{accent-color:var(--sc-primary-color);border:1px solid black}.aform__checkbox-container[data-v-2896bed9]{width:100%;display:inline-block;text-align:left}.aform__checkbox-container input[data-v-2896bed9]{width:auto}.aform__checkbox-container:hover+.aform__field-label[data-v-2896bed9]{color:var(--sc-input-active-label-color)}.aform-primary-action[data-v-2896bed9]{font-size:100%;text-align:center;min-height:2em;padding:.25rem 1rem;border:1px solid var(--sc-primary-color);color:var(--sc-primary-text-color);background-color:var(--sc-primary-color);outline:2px solid var(--sc-primary-text-color);transition:outline-offset .2s ease;font-size:var(--sc-font-size);margin:.5ch}.aform-primary-action[data-v-2896bed9]:hover,.aform-primary-action[data-v-2896bed9]:active{outline:2px solid var(--sc-primary-text-color);outline-offset:-4px;transition:outline-offset .2s ease}tr[data-v-2896bed9]:focus{background-color:#add8e6;outline:auto}.aform__form-btn[data-v-2896bed9]{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-2896bed9]:disabled{background-color:var(--sc-gray-5)}.aform__file-attach[data-v-2896bed9]{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-2896bed9]{width:100%}}.aform__file-attach-feedback[data-v-2896bed9]{color:var(--sc-input-label-color);width:100%;padding:.5rem;text-align:center;align-self:center}.aform__file-attach-feedback>li[data-v-2896bed9]{list-style:none;font-style:italic}.aform__file-attach-feedback>p[data-v-2896bed9]{margin-top:0}.atable[data-v-2896bed9]{font-family:var(--sc-atable-font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--sc-table-font-size);border-collapse:collapse}.row-index[data-v-2896bed9]{color:var(--sc-header-text-color);font-weight:700;text-align:center;-webkit-user-select:none;user-select:none;width:2ch}.expandable-row[data-v-2896bed9]{border-top:1px solid var(--sc-row-border-color);height:var(--sc-atable-row-height);border-left:4px solid var(--sc-row-border-color)}.expanded-row[data-v-2896bed9]{border-bottom:1px solid var(--sc-row-border-color);border-top:1px solid var(--sc-row-border-color)}.expanded-row-content[data-v-2896bed9]{border-bottom:1px solid var(--sc-row-border-color);border-top:1px solid var(--sc-row-border-color);padding:1.5rem}.atable__cell[data-v-2896bed9]{border-radius:0;box-sizing:border-box;margin:0;outline:none;box-shadow:none;color:var(--sc-cell-text-color);padding-left:.5ch!important;padding-right:.5ch;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding);border-spacing:0px;border-collapse:collapse;overflow:hidden;text-overflow:ellipsis;order:1}.atable__cell span[data-v-2896bed9]{overflow:hidden;text-overflow:ellipsis}.atable__cell[data-v-2896bed9]:focus,.atable__cell[data-v-2896bed9]:focus-within{background-color:var(--sc-focus-cell-background);outline-width:2px;outline-style:solid;outline-offset:-1px;outline-color:var(--sc-focus-cell-outline);box-shadow:none;min-height:1.15em;max-height:1.15em;overflow:hidden;box-sizing:border-box}.table-row[data-v-2896bed9]{border-top:1px solid var(--sc-row-border-color);height:var(--sc-atable-row-height);display:flex;background-color:#fff}.list-index[data-v-2896bed9]{color:var(--sc-header-text-color);font-weight:700;padding-left:var(--sc-atable-row-padding);padding-right:1em;text-align:center;-webkit-user-select:none;user-select:none;width:30px;text-overflow:ellipsis;overflow:hidden}.tree-index[data-v-2896bed9]{color:var(--sc-header-text-color);font-weight:700;text-align:center;-webkit-user-select:none;user-select:none;width:2ch}.atable #header-index[data-v-2896bed9]{width:30px;padding-right:1em;padding-left:0;box-sizing:border-box}.atable-header-row[data-v-2896bed9]{display:flex}.atable th[data-v-2896bed9]{border-width:0px;border-style:solid;border-radius:0;padding-left:.5ch;padding-right:.5ch;padding-top:var(--sc-atable-row-padding);padding-bottom:var(--sc-atable-row-padding);color:var(--sc-gray-60);height:var(--sc-atable-row-height);font-weight:300;letter-spacing:.05rem;order:1;box-sizing:border-box}#header-index[data-v-2896bed9]{box-sizing:content-box}.atable th[data-v-2896bed9]:focus{outline:none}.amodal[data-v-2896bed9]{position:fixed;background-color:var(--sc-row-color-zebra-dark);z-index:100}.sticky-index[data-v-2896bed9]{position:sticky;left:0;z-index:1;order:0}.sticky-column[data-v-2896bed9],th.sticky-column[data-v-2896bed9],td.sticky-column[data-v-2896bed9],th.sticky-index[data-v-2896bed9],td.sticky-index[data-v-2896bed9]{position:sticky;z-index:1;order:0;background:#fff}.sticky-column-edge[data-v-2896bed9],.atable th.sticky-column-edge[data-v-2896bed9]{border-right:1px solid var(--sc-row-border-color);border-right-width:1px}.login-container[data-v-2896bed9]{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-2896bed9]{width:100%;margin-left:auto;margin-top:.5rem;margin-right:auto;display:flex;flex-direction:column;justify-content:center}.account-header[data-v-2896bed9]{display:flex;flex-direction:column;text-align:center;margin-top:.5rem}#account-title[data-v-2896bed9]{font-size:1.5rem;line-height:2rem;font-weight:600;letter-spacing:-.025em;margin:0}#account-subtitle[data-v-2896bed9]{font-size:.875rem;line-height:1.25rem;margin:1rem}.login-form-container[data-v-2896bed9]{display:grid;gap:.5rem}.login-form-element[data-v-2896bed9]{display:grid;margin:.5rem 0;position:relative}.login-field[data-v-2896bed9]{padding:.5rem .25rem .25rem .5rem;outline:1px solid transparent;border:1px solid var(--sc-input-border-color);border-radius:.25rem}.login-field[data-v-2896bed9]:focus{border:1px solid black}.btn[data-v-2896bed9]{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-2896bed9]:hover{background-color:var(--sc-btn-hover)}.btn[data-v-2896bed9]: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-2896bed9]{opacity:.5}.loading-icon[data-v-2896bed9]{animation:spin-2896bed9 1s linear infinite forwards;display:inline-block;margin-right:.2rem;line-height:0;font-size:1rem;position:relative;top:.2rem}@keyframes spin-2896bed9{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
|
|
2
2
|
`,document.head.appendChild(S);function K(e){return o.getCurrentScope()?(o.onScopeDispose(e),!0):!1}function L(e){return typeof e=="function"?e():o.unref(e)}const xe=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const ye=e=>e!=null,ve=Object.prototype.toString,ke=e=>ve.call(e)==="[object Object]",Ee=()=>{},z=xe?window:void 0;function I(e){var t;const n=L(e);return(t=n==null?void 0:n.$el)!=null?t:n}function T(...e){let t,n,a,l;if(typeof e[0]=="string"||Array.isArray(e[0])?([n,a,l]=e,t=z):[t,n,a,l]=e,!t)return Ee;Array.isArray(n)||(n=[n]),Array.isArray(a)||(a=[a]);const r=[],c=()=>{r.forEach(p=>p()),r.length=0},i=(p,u,d,m)=>(p.addEventListener(u,d,m),()=>p.removeEventListener(u,d,m)),f=o.watch(()=>[I(t),L(l)],([p,u])=>{if(c(),!p)return;const d=ke(u)?{...u}:u;r.push(...n.flatMap(m=>a.map(b=>i(p,m,b,d))))},{immediate:!0,flush:"post"}),s=()=>{f(),c()};return K(s),s}function Ce(){const e=o.ref(!1),t=o.getCurrentInstance();return t&&o.onMounted(()=>{e.value=!0},t),e}function _e(e){const t=Ce();return o.computed(()=>(t.value,!!e()))}function Se(e,t,n={}){const{window:a=z,...l}=n;let r;const c=_e(()=>a&&"MutationObserver"in a),i=()=>{r&&(r.disconnect(),r=void 0)},f=o.computed(()=>{const d=L(e),m=(Array.isArray(d)?d:[d]).map(I).filter(ye);return new Set(m)}),s=o.watch(()=>f.value,d=>{i(),c.value&&d.size&&(r=new MutationObserver(t),d.forEach(m=>r.observe(m,l)))},{immediate:!0,flush:"post"}),p=()=>r==null?void 0:r.takeRecords(),u=()=>{s(),i()};return K(u),{isSupported:c,stop:u,takeRecords:p}}function Ae(e={}){var t;const{window:n=z,deep:a=!0,triggerOnRemoval:l=!1}=e,r=(t=e.document)!=null?t:n==null?void 0:n.document,c=()=>{var s;let p=r==null?void 0:r.activeElement;if(a)for(;p!=null&&p.shadowRoot;)p=(s=p==null?void 0:p.shadowRoot)==null?void 0:s.activeElement;return p},i=o.ref(),f=()=>{i.value=c()};return n&&(T(n,"blur",s=>{s.relatedTarget===null&&f()},!0),T(n,"focus",f,!0)),l&&Se(r,s=>{s.filter(p=>p.removedNodes.length).map(p=>Array.from(p.removedNodes)).flat().forEach(p=>{p===i.value&&f()})},{childList:!0,subtree:!0}),f(),i}const ze="focusin",Ie="focusout";function Te(e,t={}){const{window:n=z}=t,a=o.computed(()=>I(e)),l=o.ref(!1),r=o.computed(()=>l.value),c=Ae(t);return!n||!c.value?{focused:r}:(T(a,ze,()=>l.value=!0),T(a,Ie,()=>l.value=!1),{focused:r})}function De(e,{window:t=z,scrollTarget:n}={}){const a=o.ref(!1),l=()=>{if(!t)return;const r=t.document,c=I(e);if(!c)a.value=!1;else{const i=c.getBoundingClientRect();a.value=i.top<=(t.innerHeight||r.documentElement.clientHeight)&&i.left<=(t.innerWidth||r.documentElement.clientWidth)&&i.bottom>=0&&i.right>=0}};return o.watch(()=>I(e),()=>l(),{immediate:!0,flush:"post"}),t&&T(n||t,"scroll",l,{capture:!1,passive:!0}),a}const E=e=>{let t=De(e).value;return t=t&&e.offsetHeight>0,t},C=e=>e.tabIndex>=0,ee=e=>{const t=e.target;return j(t)},j=e=>{var t;let n;if(e instanceof HTMLTableCellElement){const a=(t=e.parentElement)==null?void 0:t.previousElementSibling;if(a){const l=Array.from(a.children)[e.cellIndex];l&&(n=l)}}else if(e instanceof HTMLTableRowElement){const a=e.previousElementSibling;a&&(n=a)}return n&&(!C(n)||!E(n))?j(n):n},Oe=e=>{var t;const n=e.target;let a;if(n instanceof HTMLTableCellElement){const l=(t=n.parentElement)==null?void 0:t.parentElement;if(l){const r=l.firstElementChild.children[n.cellIndex];r&&(a=r)}}else if(n instanceof HTMLTableRowElement){const l=n.parentElement;if(l){const r=l.firstElementChild;r&&(a=r)}}return a&&(!C(a)||!E(a))?P(a):a},te=e=>{const t=e.target;return P(t)},P=e=>{var t;let n;if(e instanceof HTMLTableCellElement){const a=(t=e.parentElement)==null?void 0:t.nextElementSibling;if(a){const l=Array.from(a.children)[e.cellIndex];l&&(n=l)}}else if(e instanceof HTMLTableRowElement){const a=e.nextElementSibling;a&&(n=a)}return n&&(!C(n)||!E(n))?P(n):n},Me=e=>{var t;const n=e.target;let a;if(n instanceof HTMLTableCellElement){const l=(t=n.parentElement)==null?void 0:t.parentElement;if(l){const r=l.lastElementChild.children[n.cellIndex];r&&(a=r)}}else if(n instanceof HTMLTableRowElement){const l=n.parentElement;if(l){const r=l.lastElementChild;r&&(a=r)}}return a&&(!C(a)||!E(a))?j(a):a},oe=e=>{const t=e.target;return N(t)},N=e=>{var t;let n;if(e.previousElementSibling)n=e.previousElementSibling;else{const a=(t=e.parentElement)==null?void 0:t.previousElementSibling;n=a==null?void 0:a.lastElementChild}return n&&(!C(n)||!E(n))?N(n):n},ne=e=>{const t=e.target;return W(t)},W=e=>{var t;let n;if(e.nextElementSibling)n=e.nextElementSibling;else{const a=(t=e.parentElement)==null?void 0:t.nextElementSibling;n=a==null?void 0:a.firstElementChild}return n&&(!C(n)||!E(n))?W(n):n},re=e=>{const t=e.target.parentElement.firstElementChild;return t&&(!C(t)||!E(t))?W(t):t},ae=e=>{const t=e.target.parentElement.lastElementChild;return t&&(!C(t)||!E(t))?N(t):t},B=["alt","control","shift","meta"],Be={ArrowUp:"up",ArrowDown:"down",ArrowLeft:"left",ArrowRight:"right"},H={"keydown.up":e=>{const t=ee(e);t&&(e.preventDefault(),e.stopPropagation(),t.focus())},"keydown.down":e=>{const t=te(e);t&&(e.preventDefault(),e.stopPropagation(),t.focus())},"keydown.left":e=>{const t=oe(e);e.preventDefault(),e.stopPropagation(),t&&t.focus()},"keydown.right":e=>{const t=ne(e);e.preventDefault(),e.stopPropagation(),t&&t.focus()},"keydown.control.up":e=>{const t=Oe(e);t&&(e.preventDefault(),e.stopPropagation(),t.focus())},"keydown.control.down":e=>{const t=Me(e);t&&(e.preventDefault(),e.stopPropagation(),t.focus())},"keydown.control.left":e=>{const t=re(e);t&&(e.preventDefault(),e.stopPropagation(),t.focus())},"keydown.control.right":e=>{const t=ae(e);t&&(e.preventDefault(),e.stopPropagation(),t.focus())},"keydown.end":e=>{const t=ae(e);t&&(e.preventDefault(),e.stopPropagation(),t.focus())},"keydown.enter":e=>{if(e.target instanceof HTMLTableCellElement){e.preventDefault(),e.stopPropagation();const t=te(e);t&&t.focus()}},"keydown.shift.enter":e=>{if(e.target instanceof HTMLTableCellElement){e.preventDefault(),e.stopPropagation();const t=ee(e);t&&t.focus()}},"keydown.home":e=>{const t=re(e);t&&(e.preventDefault(),e.stopPropagation(),t.focus())},"keydown.tab":e=>{const t=ne(e);t&&(e.preventDefault(),e.stopPropagation(),t.focus())},"keydown.shift.tab":e=>{const t=oe(e);t&&(e.preventDefault(),e.stopPropagation(),t.focus())}};function V(e){const t=c=>{let i=null;return c.parent&&(typeof c.parent=="string"?i=document.querySelector(c.parent):c.parent instanceof HTMLElement?i=c.parent:i=c.parent.value),i},n=c=>{const i=t(c);let f=[];if(typeof c.selectors=="string")f=i?Array.from(i.querySelectorAll(c.selectors)):Array.from(document.querySelectorAll(c.selectors));else if(Array.isArray(c.selectors))for(const s of c.selectors)s instanceof HTMLElement?f.push(s):f.push(s.$el);else if(c.selectors instanceof HTMLElement)f.push(c.selectors);else if(Array.isArray(c.selectors.value))for(const s of c.selectors.value)s instanceof HTMLElement?f.push(s):f.push(s.$el);else f.push(c.selectors.value);return f},a=c=>{const i=t(c);let f=[];return c.selectors?f=n(c):i&&(f=Array.from(i.children).filter(s=>C(s)&&E(s))),f},l=c=>i=>{const f=Be[i.key]||i.key.toLowerCase();if(B.includes(f))return;const s=c.handlers||H;for(const p of Object.keys(s)){const[u,...d]=p.split(".");if(u==="keydown"&&d.includes(f)){const m=s[p],b=d.filter(g=>B.includes(g)),w=B.some(g=>{const v=g.charAt(0).toUpperCase()+g.slice(1);return i.getModifierState(v)});if(b.length>0){if(w){for(const g of B)if(d.includes(g)){const v=g.charAt(0).toUpperCase()+g.slice(1);i.getModifierState(v)&&m(i)}}}else w||m(i)}}},r=[];o.onMounted(()=>{for(const c of e){const i=t(c),f=a(c),s=l(c),p=i?[i]:f;for(const u of p){const{focused:d}=Te(o.ref(u)),m=o.watch(d,b=>{b?u.addEventListener("keydown",s):u.removeEventListener("keydown",s)});r.push(m)}}}),o.onBeforeUnmount(()=>{for(const c of r)c()})}function F(e){return o.getCurrentScope()?(o.onScopeDispose(e),!0):!1}function $(e){return typeof e=="function"?e():o.unref(e)}const $e=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const Re=e=>e!=null,Le=Object.prototype.toString,je=e=>Le.call(e)==="[object Object]",Pe=()=>{};function Ne(e){return o.getCurrentInstance()}function We(e,t=!0,n){Ne()?o.onMounted(e,n):t?e():o.nextTick(e)}const q=$e?window:void 0;function A(e){var t;const n=$(e);return(t=n==null?void 0:n.$el)!=null?t:n}function le(...e){let t,n,a,l;if(typeof e[0]=="string"||Array.isArray(e[0])?([n,a,l]=e,t=q):[t,n,a,l]=e,!t)return Pe;Array.isArray(n)||(n=[n]),Array.isArray(a)||(a=[a]);const r=[],c=()=>{r.forEach(p=>p()),r.length=0},i=(p,u,d,m)=>(p.addEventListener(u,d,m),()=>p.removeEventListener(u,d,m)),f=o.watch(()=>[A(t),$(l)],([p,u])=>{if(c(),!p)return;const d=je(u)?{...u}:u;r.push(...n.flatMap(m=>a.map(b=>i(p,m,b,d))))},{immediate:!0,flush:"post"}),s=()=>{f(),c()};return F(s),s}function He(){const e=o.ref(!1),t=o.getCurrentInstance();return t&&o.onMounted(()=>{e.value=!0},t),e}function ie(e){const t=He();return o.computed(()=>(t.value,!!e()))}function ce(e,t,n={}){const{window:a=q,...l}=n;let r;const c=ie(()=>a&&"MutationObserver"in a),i=()=>{r&&(r.disconnect(),r=void 0)},f=o.computed(()=>{const d=$(e),m=(Array.isArray(d)?d:[d]).map(A).filter(Re);return new Set(m)}),s=o.watch(()=>f.value,d=>{i(),c.value&&d.size&&(r=new MutationObserver(t),d.forEach(m=>r.observe(m,l)))},{immediate:!0,flush:"post"}),p=()=>r==null?void 0:r.takeRecords(),u=()=>{s(),i()};return F(u),{isSupported:c,stop:u,takeRecords:p}}function Ve(e,t,n={}){const{window:a=q,...l}=n;let r;const c=ie(()=>a&&"ResizeObserver"in a),i=()=>{r&&(r.disconnect(),r=void 0)},f=o.computed(()=>{const u=$(e);return Array.isArray(u)?u.map(d=>A(d)):[A(u)]}),s=o.watch(f,u=>{if(i(),c.value&&a){r=new ResizeObserver(t);for(const d of u)d&&r.observe(d,l)}},{immediate:!0,flush:"post"}),p=()=>{i(),s()};return F(p),{isSupported:c,stop:p}}function Fe(e,t={}){const{reset:n=!0,windowResize:a=!0,windowScroll:l=!0,immediate:r=!0,updateTiming:c="sync"}=t,i=o.ref(0),f=o.ref(0),s=o.ref(0),p=o.ref(0),u=o.ref(0),d=o.ref(0),m=o.ref(0),b=o.ref(0);function w(){const v=A(e);if(!v){n&&(i.value=0,f.value=0,s.value=0,p.value=0,u.value=0,d.value=0,m.value=0,b.value=0);return}const y=v.getBoundingClientRect();i.value=y.height,f.value=y.bottom,s.value=y.left,p.value=y.right,u.value=y.top,d.value=y.width,m.value=y.x,b.value=y.y}function g(){c==="sync"?w():c==="next-frame"&&requestAnimationFrame(()=>w())}return Ve(e,g),o.watch(()=>A(e),v=>!v&&g()),ce(e,g,{attributeFilter:["style","class"]}),l&&le("scroll",g,{capture:!0,passive:!0}),a&&le("resize",g,{passive:!0}),We(()=>{r&&g()}),{height:i,bottom:f,left:s,right:p,top:u,width:d,x:m,y:b,update:g}}const qe=e=>{const t=new DOMParser().parseFromString(e,"text/html");return Array.from(t.body.childNodes).some(n=>n.nodeType===1)},Ge=["data-colindex","data-rowindex","data-editable","contenteditable","tabindex"],Ue=["innerHTML"],Ye={key:2},G=o.defineComponent({__name:"ACell",props:{colIndex:{},rowIndex:{},tableid:{},addNavigation:{type:[Boolean,Object],default:!0},tabIndex:{default:0},pinned:{type:Boolean}},setup(e){const t=o.inject(e.tableid),n=o.useTemplateRef("cell"),{bottom:a,left:l}=Fe(n),r=t.cellData(e.colIndex,e.rowIndex),c=o.ref(""),i=o.ref(!1),f=t.table,s=t.columns[e.colIndex],p=t.rows[e.rowIndex],u=s.align||"center",d=s.width||"40ch",m=o.computed(()=>typeof w.value=="string"?qe(w.value):!1),b=o.computed(()=>{var x;return{textAlign:u,width:d,backgroundColor:i.value?"var(--cell-modified-color)":"inherit",fontWeight:i.value?"bold":"inherit",paddingLeft:dt(e.colIndex,(x=t.display[e.rowIndex])==null?void 0:x.indent)}}),w=o.computed(()=>{const x=t.cellData(e.colIndex,e.rowIndex),k=s.format;return k?typeof k=="function"?k(x,{table:f,row:p,column:s}):typeof k=="string"?Function(`"use strict";return (${k})`)()(x,{table:f,row:p,column:s}):x:x}),g=()=>{s.mask,s.modalComponent&&(t.modal.visible=!0,t.modal.colIndex=e.colIndex,t.modal.rowIndex=e.rowIndex,t.modal.parent=n.value,t.modal.top=a.value,t.modal.left=l.value,t.modal.width=d,typeof s.modalComponent=="function"?t.modal.component=s.modalComponent({table:f,row:p,column:s}):t.modal.component=s.modalComponent,t.modal.componentProps=s.modalComponentExtraProps)};if(e.addNavigation){let x={...H,"keydown.f2":g,"keydown.alt.up":g,"keydown.alt.down":g,"keydown.alt.left":g,"keydown.alt.right":g};typeof e.addNavigation=="object"&&(x={...x,...e.addNavigation}),V([{selectors:n,handlers:x}])}const v=()=>{n.value&&(c.value=n.value.textContent)},y=()=>{n.value&&(i.value=n.value.textContent!==r,n.value.textContent!==c.value&&(c.value=n.value.textContent,n.value.dispatchEvent(new Event("change")),s.format||t.setCellData(e.rowIndex,e.colIndex,c.value)))},dt=(x,k)=>k&&x===0&&k>0?`${k}ch`:"inherit";return(x,k)=>(o.openBlock(),o.createElementBlock("td",{ref:"cell","data-colindex":x.colIndex,"data-rowindex":x.rowIndex,"data-editable":o.unref(s).edit,contenteditable:o.unref(s).edit,tabindex:x.tabIndex,spellcheck:!1,style:o.normalizeStyle(b.value),onFocus:v,onPaste:y,onBlur:y,onInput:y,onClick:g,onMousedown:g,class:o.normalizeClass(["atable__cell",x.pinned?"sticky-column":""])},[o.unref(s).cellComponent?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(o.unref(s).cellComponent),o.mergeProps({key:0,value:w.value},o.unref(s).cellComponentProps),null,16,["value"])):m.value?(o.openBlock(),o.createElementBlock("span",{key:1,innerHTML:w.value},null,8,Ue)):(o.openBlock(),o.createElementBlock("span",Ye,o.toDisplayString(w.value),1))],46,Ge))}}),Xe=["tabindex"],Je=["tabindex"],Qe=["colspan"],se=o.defineComponent({__name:"AExpansionRow",props:{rowIndex:{},tableid:{},tabIndex:{default:()=>-1},addNavigation:{type:[Boolean,Object]}},setup(e){const t=o.inject(e.tableid),n=o.useTemplateRef("rowEl"),a=o.computed(()=>t.display[e.rowIndex].expanded?"▼":"►");if(e.addNavigation){const l={"keydown.control.g":r=>{r.stopPropagation(),r.preventDefault(),t.toggleRowExpand(e.rowIndex)}};typeof e.addNavigation=="object"&&Object.assign(l,e.addNavigation),V([{selectors:n,handlers:l}])}return(l,r)=>(o.openBlock(),o.createElementBlock(o.Fragment,null,[o.createElementVNode("tr",o.mergeProps(l.$attrs,{ref:"rowEl",tabindex:l.tabIndex,class:"expandable-row"}),[o.createElementVNode("td",{tabIndex:-1,onClick:r[0]||(r[0]=c=>o.unref(t).toggleRowExpand(l.rowIndex)),class:"row-index"},o.toDisplayString(a.value),1),o.renderSlot(l.$slots,"row")],16,Xe),o.unref(t).display[l.rowIndex].expanded?(o.openBlock(),o.createElementBlock("tr",{key:0,ref:"rowExpanded",tabindex:l.tabIndex,class:"expanded-row"},[o.createElementVNode("td",{tabIndex:-1,colspan:o.unref(t).columns.length+1,class:"expanded-row-content"},[o.renderSlot(l.$slots,"content")],8,Qe)],8,Je)):o.createCommentVNode("",!0)],64))}}),Ze=["tabindex"],U=o.defineComponent({__name:"ARow",props:{rowIndex:{},tableid:{},tabIndex:{default:()=>-1},addNavigation:{type:[Boolean,Object],default:!1}},setup(e){const t=o.inject(e.tableid),n=o.useTemplateRef("rowEl"),a=o.computed(()=>t.columns.some(i=>i.pinned)),l=o.computed(()=>t.config.view!=="tree"||t.display[e.rowIndex].isRoot||t.display[e.rowIndex].open),r=o.computed(()=>t.config.view!=="tree"?"":t.display[e.rowIndex].isRoot||t.display[e.rowIndex].isParent?t.display[e.rowIndex].childrenOpen?"-":"+":""),c=i=>{t.toggleRowExpand(i)};if(e.addNavigation){let i=H;typeof e.addNavigation=="object"&&(i={...i,...e.addNavigation}),V([{selectors:n,handlers:i}])}return(i,f)=>o.withDirectives((o.openBlock(),o.createElementBlock("tr",{ref:"rowEl",tabindex:i.tabIndex,class:"table-row"},[o.renderSlot(i.$slots,"index",{},()=>[o.unref(t).config.view==="list"?(o.openBlock(),o.createElementBlock("td",{key:0,tabIndex:-1,class:o.normalizeClass(["list-index",a.value?"sticky-index":""])},o.toDisplayString(i.rowIndex+1),3)):o.unref(t).config.view==="tree"?(o.openBlock(),o.createElementBlock("td",{key:1,tabIndex:-1,class:o.normalizeClass(["tree-index",a.value?"sticky-index":""]),onClick:f[0]||(f[0]=s=>c(i.rowIndex))},o.toDisplayString(r.value),3)):o.createCommentVNode("",!0)]),o.renderSlot(i.$slots,"default")],8,Ze)),[[o.vShow,l.value]])}});function de(e){return o.getCurrentScope()?(o.onScopeDispose(e),!0):!1}function D(e){return typeof e=="function"?e():o.unref(e)}const fe=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const Ke=Object.prototype.toString,et=e=>Ke.call(e)==="[object Object]",O=()=>{},Y=tt();function tt(){var e,t;return fe&&((e=window==null?void 0:window.navigator)==null?void 0:e.userAgent)&&(/iP(?:ad|hone|od)/.test(window.navigator.userAgent)||((t=window==null?void 0:window.navigator)==null?void 0:t.maxTouchPoints)>2&&/iPad|Macintosh/.test(window==null?void 0:window.navigator.userAgent))}const pe={mounted:"mounted",updated:"updated",unmounted:"unmounted"};function ot(...e){if(e.length!==1)return o.toRef(...e);const t=e[0];return typeof t=="function"?o.readonly(o.customRef(()=>({get:t,set:O}))):o.ref(t)}function M(e){var t;const n=D(e);return(t=n==null?void 0:n.$el)!=null?t:n}const me=fe?window:void 0;function R(...e){let t,n,a,l;if(typeof e[0]=="string"||Array.isArray(e[0])?([n,a,l]=e,t=me):[t,n,a,l]=e,!t)return O;Array.isArray(n)||(n=[n]),Array.isArray(a)||(a=[a]);const r=[],c=()=>{r.forEach(p=>p()),r.length=0},i=(p,u,d,m)=>(p.addEventListener(u,d,m),()=>p.removeEventListener(u,d,m)),f=o.watch(()=>[M(t),D(l)],([p,u])=>{if(c(),!p)return;const d=et(u)?{...u}:u;r.push(...n.flatMap(m=>a.map(b=>i(p,m,b,d))))},{immediate:!0,flush:"post"}),s=()=>{f(),c()};return de(s),s}let ue=!1;function be(e,t,n={}){const{window:a=me,ignore:l=[],capture:r=!0,detectIframe:c=!1}=n;if(!a)return O;Y&&!ue&&(ue=!0,Array.from(a.document.body.children).forEach(d=>d.addEventListener("click",O)),a.document.documentElement.addEventListener("click",O));let i=!0;const f=d=>l.some(m=>{if(typeof m=="string")return Array.from(a.document.querySelectorAll(m)).some(b=>b===d.target||d.composedPath().includes(b));{const b=M(m);return b&&(d.target===b||d.composedPath().includes(b))}}),p=[R(a,"click",d=>{const m=M(e);if(!(!m||m===d.target||d.composedPath().includes(m))){if(d.detail===0&&(i=!f(d)),!i){i=!0;return}t(d)}},{passive:!0,capture:r}),R(a,"pointerdown",d=>{const m=M(e);i=!f(d)&&!!(m&&!d.composedPath().includes(m))},{passive:!0}),c&&R(a,"blur",d=>{setTimeout(()=>{var m;const b=M(e);((m=a.document.activeElement)==null?void 0:m.tagName)==="IFRAME"&&!(b!=null&&b.contains(a.document.activeElement))&&t(d)},0)})].filter(Boolean);return()=>p.forEach(d=>d())}const nt={[pe.mounted](e,t){const n=!t.modifiers.bubble;if(typeof t.value=="function")e.__onClickOutside_stop=be(e,t.value,{capture:n});else{const[a,l]=t.value;e.__onClickOutside_stop=be(e,a,Object.assign({capture:n},l))}},[pe.unmounted](e){e.__onClickOutside_stop()}};function X(e){return typeof Window<"u"&&e instanceof Window?e.document.documentElement:typeof Document<"u"&&e instanceof Document?e.documentElement:e}function ge(e){const t=window.getComputedStyle(e);if(t.overflowX==="scroll"||t.overflowY==="scroll"||t.overflowX==="auto"&&e.clientWidth<e.scrollWidth||t.overflowY==="auto"&&e.clientHeight<e.scrollHeight)return!0;{const n=e.parentNode;return!n||n.tagName==="BODY"?!1:ge(n)}}function rt(e){const t=e||window.event,n=t.target;return ge(n)?!1:t.touches.length>1?!0:(t.preventDefault&&t.preventDefault(),!1)}const J=new WeakMap;function at(e,t=!1){const n=o.ref(t);let a=null,l="";o.watch(ot(e),i=>{const f=X(D(i));if(f){const s=f;if(J.get(s)||J.set(s,s.style.overflow),s.style.overflow!=="hidden"&&(l=s.style.overflow),s.style.overflow==="hidden")return n.value=!0;if(n.value)return s.style.overflow="hidden"}},{immediate:!0});const r=()=>{const i=X(D(e));!i||n.value||(Y&&(a=R(i,"touchmove",f=>{rt(f)},{passive:!1})),i.style.overflow="hidden",n.value=!0)},c=()=>{const i=X(D(e));!i||!n.value||(Y&&(a==null||a()),i.style.overflow=l,J.delete(i),n.value=!1)};return de(c),o.computed({get(){return n.value},set(i){i?r():c()}})}function lt(){let e=!1;const t=o.ref(!1);return(n,a)=>{if(t.value=a.value,e)return;e=!0;const l=at(n,a.value);o.watch(t,r=>l.value=r)}}lt();class he{constructor(t,n,a,l,r,c){_(this,"id");_(this,"rows");_(this,"columns");_(this,"config");_(this,"table");_(this,"display");_(this,"modal");this.id=t||crypto.randomUUID(),this.rows=a,this.columns=o.reactive(n),this.config=o.reactive(l),this.table=r||o.reactive(this.createTableObject()),this.display=this.createDisplayObject(c),this.modal=o.reactive({visible:!1})}createTableObject(){const t={};for(const[n,a]of this.columns.entries())for(const[l,r]of this.rows.entries())t[`${n}:${l}`]=r[a.name];return t}createDisplayObject(t){const n=[Object.assign({},{rowModified:!1})];if(t&&"0:0"in t)return t;const a=new Set;for(let l=this.rows.length-1;l>=0;l--){const r=this.rows[l];r.parent&&a.add(r.parent),n[l]={childrenOpen:!1,expanded:!1,indent:r.indent||null,isParent:a.has(l),isRoot:r.parent===null||r.parent===void 0,rowModified:!1,open:r.parent===null||r.parent===void 0,parent:r.parent}}return o.reactive(n)}get zeroColumn(){return["list","tree","list-expansion"].includes(this.config.view)}get numberedRowWidth(){return o.computed(()=>String(Math.ceil(this.rows.length/100)+1)+"ch")}cellData(t,n){return this.table[`${t}:${n}`]}setCellData(t,n,a){const l=`${n}:${t}`,r=this.columns[n];return this.table[l]!==a&&(this.display[t].rowModified=!0),this.table[l]=a,this.rows[t][r.name]=a,this.table[l]}toggleRowExpand(t){if(this.config.view==="tree"){this.display[t].childrenOpen=!this.display[t].childrenOpen;for(let n=this.rows.length-1;n>=0;n--)this.display[n].parent===t&&(this.display[n].open=!this.display[n].open,this.display[n].childrenOpen&&this.toggleRowExpand(n))}else this.config.view==="list-expansion"&&(this.display[t].expanded=!this.display[t].expanded)}}const it={key:0,id:"resizable"},ct={class:"atable-header-row",tabindex:"-1"},Q=o.defineComponent({__name:"ATableHeader",props:{columns:{},tableid:{}},setup(e){const t=o.inject(e.tableid),n=o.computed(()=>t.columns.some(l=>l.pinned)),a=l=>({minWidth:l.width||"40ch",textAlign:l.align||"center",width:t.config.fullWidth?"auto":null});return(l,r)=>l.columns.length?(o.openBlock(),o.createElementBlock("thead",it,[o.createElementVNode("tr",ct,[o.unref(t).zeroColumn?(o.openBlock(),o.createElementBlock("th",{key:0,id:"header-index",class:o.normalizeClass(n.value?"sticky-index":"")},null,2)):o.createCommentVNode("",!0),(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(l.columns,(c,i)=>(o.openBlock(),o.createElementBlock("th",{key:c.name,tabindex:"-1",style:o.normalizeStyle(a(c)),class:o.normalizeClass(c.pinned?"sticky-column":"")},[o.renderSlot(l.$slots,"default",{},()=>[o.createTextVNode(o.toDisplayString(c.label||String.fromCharCode(i+97).toUpperCase()),1)])],6))),128))])])):o.createCommentVNode("",!0)}}),Z=o.defineComponent({__name:"ATableModal",props:{colIndex:{},rowIndex:{},tableid:{}},setup(e){const t=n=>{n.stopPropagation()};return(n,a)=>(o.openBlock(),o.createElementBlock("div",{class:"amodal",tabindex:"-1",onClick:t,onInput:t},[o.renderSlot(n.$slots,"default")],32))}}),we=((e,t)=>{const n=e.__vccOpts||e;for(const[a,l]of t)n[a]=l;return n})(o.defineComponent({__name:"ATable",props:{id:{},modelValue:{},columns:{},rows:{default:()=>[]},config:{default:()=>new Object}},emits:["update:modelValue"],setup(e,{emit:t}){const n=t,a=o.useTemplateRef("table"),l=e.modelValue?e.modelValue:e.rows,r=new he(e.id,e.columns,l,e.config);o.provide(r.id,r),o.watch(()=>r.rows,f=>{n("update:modelValue",f)},{deep:!0}),o.onMounted(()=>{e.columns.some(f=>f.pinned)&&(c(),r.config.view==="tree"&&ce(a,c,{childList:!0,subtree:!0}))});const c=()=>{const f=a.value,s=f.rows[0],p=f.rows[1],u=s?Array.from(s.cells):[];for(const[d,m]of u.entries()){const b=p.cells[d];b&&(m.style.width=`${b.offsetWidth}px`)}for(const d of f.rows){let m=0;const b=[];for(const w of d.cells)(w.classList.contains("sticky-column")||w.classList.contains("sticky-index"))&&(w.style.left=`${m}px`,m+=w.offsetWidth,b.push(w));b.length>0&&b[b.length-1].classList.add("sticky-column-edge")}},i=f=>{var s;f.target instanceof Node&&(s=r.modal.parent)!=null&&s.contains(f.target)||r.modal.visible&&(r.modal.visible=!1)};return window.addEventListener("keydown",f=>{if(f.key==="Escape"&&r.modal.visible){r.modal.visible=!1;const s=r.modal.parent;s&&o.nextTick().then(()=>{s.focus()})}}),(f,s)=>o.withDirectives((o.openBlock(),o.createElementBlock("table",{ref:"table",class:"atable",style:o.normalizeStyle({width:o.unref(r).config.fullWidth?"100%":"auto"})},[o.renderSlot(f.$slots,"header",{data:o.unref(r)},()=>[o.createVNode(Q,{columns:o.unref(r).columns,tableid:o.unref(r).id},null,8,["columns","tableid"])],!0),o.createElementVNode("tbody",null,[o.renderSlot(f.$slots,"body",{data:o.unref(r)},()=>[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(o.unref(r).rows,(p,u)=>(o.openBlock(),o.createBlock(U,{key:p.id,row:p,rowIndex:u,tableid:o.unref(r).id},{default:o.withCtx(()=>[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(o.unref(r).columns,(d,m)=>(o.openBlock(),o.createBlock(G,{key:d.name,tableid:o.unref(r).id,col:d,spellcheck:"false",pinned:d.pinned,rowIndex:u,colIndex:m+(o.unref(r).zeroColumn?0:-1),component:d.cellComponent,style:o.normalizeStyle({textAlign:(d==null?void 0:d.align)||"center",minWidth:(d==null?void 0:d.width)||"40ch",width:o.unref(r).config.fullWidth?"auto":null})},null,8,["tableid","col","pinned","rowIndex","colIndex","component","style"]))),128))]),_:2},1032,["row","rowIndex","tableid"]))),128))],!0)]),o.renderSlot(f.$slots,"footer",{data:o.unref(r)},void 0,!0),o.renderSlot(f.$slots,"modal",{data:o.unref(r)},()=>[o.withDirectives(o.createVNode(Z,{colIndex:o.unref(r).modal.colIndex,rowIndex:o.unref(r).modal.rowIndex,tableid:o.unref(r).id,style:o.normalizeStyle({left:o.unref(r).modal.left+"px",top:o.unref(r).modal.top+"px",maxWidth:o.unref(r).modal.width+"px"})},{default:o.withCtx(()=>[(o.openBlock(),o.createBlock(o.resolveDynamicComponent(o.unref(r).modal.component),o.mergeProps({key:`${o.unref(r).modal.rowIndex}:${o.unref(r).modal.colIndex}`,colIndex:o.unref(r).modal.colIndex,rowIndex:o.unref(r).modal.rowIndex,tableid:o.unref(r).id},o.unref(r).modal.componentProps),null,16,["colIndex","rowIndex","tableid"]))]),_:1},8,["colIndex","rowIndex","tableid","style"]),[[o.vShow,o.unref(r).modal.visible]])],!0)],4)),[[o.unref(nt),i]])}}),[["__scopeId","data-v-2896bed9"]]);function st(e){e.component("ACell",G),e.component("AExpansionRow",se),e.component("ARow",U),e.component("ATable",we),e.component("ATableHeader",Q),e.component("ATableModal",Z)}h.ACell=G,h.AExpansionRow=se,h.ARow=U,h.ATable=we,h.ATableHeader=Q,h.ATableModal=Z,h.TableDataStore=he,h.install=st,Object.defineProperty(h,Symbol.toStringTag,{value:"Module"})});
|
|
3
3
|
//# sourceMappingURL=atable.umd.cjs.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@stonecrop/atable",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.54",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"author": {
|
|
@@ -37,8 +37,8 @@
|
|
|
37
37
|
"@vueuse/components": "^10.11.0",
|
|
38
38
|
"@vueuse/core": "^11.1.0",
|
|
39
39
|
"vue": "^3.5.6",
|
|
40
|
-
"@stonecrop/themes": "0.2.
|
|
41
|
-
"@stonecrop/utilities": "0.2.
|
|
40
|
+
"@stonecrop/themes": "0.2.54",
|
|
41
|
+
"@stonecrop/utilities": "0.2.54"
|
|
42
42
|
},
|
|
43
43
|
"devDependencies": {
|
|
44
44
|
"@microsoft/api-documenter": "^7.25.3",
|