@nubisco/ui 5.25.2 → 5.26.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/DataTable-B2hBaZ2y.cjs +1 -0
- package/dist/DataTable-BZ8Q_6fr.js +500 -0
- package/dist/FileUploader-C9Pyc7er.js +187 -0
- package/dist/FileUploader-D1HoVmOw.cjs +1 -0
- package/dist/all.cjs +1 -1
- package/dist/all.mjs +2 -2
- package/dist/components/DataTable.cjs +1 -1
- package/dist/components/DataTable.d.ts +17 -1
- package/dist/components/DataTable.mjs +1 -1
- package/dist/components/DataTable.vue.d.ts +7 -1
- package/dist/components/DataTable.vue.d.ts.map +1 -1
- package/dist/components/FileUploader.cjs +1 -1
- package/dist/components/FileUploader.mjs +1 -1
- package/dist/components/FileUploader.vue.d.ts +1 -0
- package/dist/components/FileUploader.vue.d.ts.map +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.mjs +2 -2
- package/dist/styles/DataTable.css +1 -1
- package/dist/styles/FileUploader.css +1 -1
- package/dist/ui.css +2 -2
- package/package.json +1 -1
- package/dist/DataTable-COfiHgll.js +0 -412
- package/dist/DataTable-XSEybeeP.cjs +0 -1
- package/dist/FileUploader-BjYXOXxj.cjs +0 -1
- package/dist/FileUploader-DwKKUn71.js +0 -162
package/dist/ui.css
CHANGED
|
@@ -49,11 +49,11 @@
|
|
|
49
49
|
.nb-modal--overlay[data-v-0d8e2855]{background:var(--nb-c-scrim);z-index:var(--nb-zindex-modal);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.nb-modal--content[data-v-0d8e2855]{background:var(--nb-c-surface);border-radius:var(--nb-radius-modal);--nb-radius-context:var(--nb-radius-modal);flex-direction:column;width:100%;display:flex;overflow:hidden;box-shadow:0 20px 60px #0003}.nb-modal--content--sm[data-v-0d8e2855]{max-width:520px;max-height:72%}.nb-modal--content--md[data-v-0d8e2855]{max-width:720px;max-height:84%}.nb-modal--content--lg[data-v-0d8e2855]{max-width:960px;max-height:96%}.nb-modal--content--xl[data-v-0d8e2855]{max-width:1280px;max-height:98%}.nb-modal--content--immersive[data-v-0d8e2855]{max-width:1600px;max-height:min(100%,100dvh - 40px)}.nb-modal--header[data-v-0d8e2855]{padding:var(--nb-overlay-inset,0);flex-shrink:0;justify-content:space-between;align-items:center;padding-inline-start:0;display:flex}.nb-modal--title[data-v-0d8e2855]{color:var(--nb-c-text);padding:16px 20px;font-size:15px;font-weight:600}.nb-modal--close-button[data-v-0d8e2855]{flex:none;align-self:center;margin-inline-end:var(--nb-spacing-12)}.nb-modal--close[data-v-0d8e2855]{width:calc(var(--nb-base-unit) * 7);height:calc(var(--nb-base-unit) * 7);--nb-radius-self:max(0px, calc(var(--nb-radius-context,0px) - var(--nb-overlay-inset,0px)));border-radius:var(--nb-radius-self);color:var(--nb-c-text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-self:flex-start;align-items:center;font-size:20px;line-height:1;transition:background .15s,color .15s;display:flex}@media (width<=671.98px) and (pointer:coarse),(pointer:coarse) and (hover:none) and (height<=500px){.nb-modal--close[data-v-0d8e2855]{position:relative}.nb-modal--close[data-v-0d8e2855]:after{content:"";position:absolute;inset-block:min(0px,50% - 22px);inset-inline:min(0px,50% - 22px)}}.nb-modal--close[data-v-0d8e2855]:hover{background:var(--nb-c-bg-soft);color:var(--nb-c-text)}.nb-modal--close[data-v-0d8e2855]:focus-visible{outline:2px solid var(--nb-c-focus-ring);outline-offset:-2px}.nb-modal--body[data-v-0d8e2855]{color:var(--nb-c-text);flex:1;padding:20px;overflow-y:auto}.nb-modal--footer[data-v-0d8e2855]{flex-shrink:0}.nb-modal--footer[data-v-0d8e2855]>:only-child{max-width:50%}.nb-modal-enter-active[data-v-0d8e2855],.nb-modal-leave-active[data-v-0d8e2855],.nb-modal-enter-active .nb-modal--content[data-v-0d8e2855],.nb-modal-leave-active .nb-modal--content[data-v-0d8e2855]{transition:opacity .2s,transform .2s}.nb-modal-enter-from[data-v-0d8e2855]{opacity:0}.nb-modal-enter-from .nb-modal--content[data-v-0d8e2855]{opacity:0;transform:scale(.96)translateY(-8px)}.nb-modal-leave-to[data-v-0d8e2855]{opacity:0}.nb-modal-leave-to .nb-modal--content[data-v-0d8e2855]{opacity:0;transform:scale(.96)translateY(-8px)}@media (width<=671.98px),(pointer:coarse) and (hover:none) and (height<=500px){.nb-modal--overlay[data-v-0d8e2855]{inset:var(--nb-vvt,0px) 0 auto;height:var(--nb-vvh,100dvh);align-items:flex-end;padding:0}.nb-modal--content--sm[data-v-0d8e2855]{max-width:100%;max-height:var(--nb-vvh,100dvh);border-end-end-radius:0;border-end-start-radius:0}.nb-modal--content--md[data-v-0d8e2855],.nb-modal--content--lg[data-v-0d8e2855],.nb-modal--content--xl[data-v-0d8e2855],.nb-modal--content--immersive[data-v-0d8e2855]{max-width:100%;height:var(--nb-vvh,100dvh);max-height:var(--nb-vvh,100dvh);--nb-radius-context:0px;box-sizing:border-box;padding-top:env(safe-area-inset-top);border-radius:0}.nb-modal--footer[data-v-0d8e2855]{padding-bottom:env(safe-area-inset-bottom)}.nb-modal-enter-from .nb-modal--content[data-v-0d8e2855],.nb-modal-leave-to .nb-modal--content[data-v-0d8e2855]{opacity:1;transform:translateY(100%)}}@media (width<=671.98px) and (prefers-reduced-motion:reduce),(pointer:coarse) and (hover:none) and (height<=500px) and (prefers-reduced-motion:reduce){.nb-modal-enter-from .nb-modal--content[data-v-0d8e2855],.nb-modal-leave-to .nb-modal--content[data-v-0d8e2855]{opacity:0;transform:none}}
|
|
50
50
|
.nb-confirm[data-v-683eafb1]{gap:var(--nb-confirm-gap,var(--nb-spacing-12));flex-direction:column;display:flex}.nb-confirm__heading[data-v-683eafb1]{align-items:center;gap:var(--nb-spacing-8);display:inline-flex}.nb-confirm__heading--danger[data-v-683eafb1]{color:var(--nb-confirm-heading-color,var(--nb-c-danger))}.nb-confirm__body[data-v-683eafb1],.nb-confirm__live[data-v-683eafb1]{gap:var(--nb-confirm-gap,var(--nb-spacing-12));flex-direction:column;display:flex}.nb-confirm__live[data-v-683eafb1]:empty{display:none}.nb-confirm__message[data-v-683eafb1]{color:var(--nb-c-text);font-size:var(--nb-font-size-14);margin:0;line-height:1.5}.nb-confirm__subject[data-v-683eafb1]{gap:var(--nb-spacing-2);padding:var(--nb-spacing-8) var(--nb-spacing-12);border-left:2px solid var(--nb-confirm-subject-border,var(--nb-c-border));background:var(--nb-confirm-subject-bg,var(--nb-c-bg-soft));flex-direction:column;margin:0;display:flex}.nb-confirm__subject--danger[data-v-683eafb1]{border-left-color:var(--nb-confirm-subject-border,var(--nb-c-danger-surface-border));background:var(--nb-confirm-subject-bg,var(--nb-c-danger-surface))}.nb-confirm__subject-kind[data-v-683eafb1]{font-size:var(--nb-font-size-11);text-transform:uppercase;letter-spacing:var(--nb-letter-spacing-wide);color:var(--nb-confirm-subject-kind-color,var(--nb-c-text-muted))}.nb-confirm__subject--danger .nb-confirm__subject-kind[data-v-683eafb1]{color:var(--nb-confirm-subject-color,var(--nb-c-on-danger-surface))}.nb-confirm__subject-name[data-v-683eafb1]{font-family:var(--nb-confirm-subject-font,var(--nb-font-family-mono));font-size:var(--nb-font-size-13);color:var(--nb-confirm-subject-color,var(--nb-c-text));word-break:break-word}.nb-confirm__subject--danger .nb-confirm__subject-name[data-v-683eafb1]{color:var(--nb-confirm-subject-color,var(--nb-c-on-danger-surface))}.nb-confirm__status[data-v-683eafb1]{align-items:center;gap:var(--nb-spacing-4);font-size:var(--nb-font-size-12);color:var(--nb-confirm-status-color,var(--nb-c-text-muted));margin:0;display:flex}.nb-confirm__status--success[data-v-683eafb1]{color:var(--nb-confirm-success-color,var(--nb-c-success))}.nb-confirm__error[data-v-683eafb1]:focus-visible{outline:2px solid var(--nb-c-focus-ring);outline-offset:2px}.nb-confirm__gate-field[data-v-683eafb1]{width:100%}
|
|
51
51
|
.nb-copy-button{align-items:center;display:inline-flex}.nb-copy-button .nb-button.nb-copy-button__button--copied,.nb-copy-button .nb-button.nb-copy-button__button--copied:hover:not(:disabled),.nb-copy-button .nb-button.nb-copy-button__button--copied:active:not(:disabled){color:var(--nb-c-success);background:0 0}.nb-copy-button__status{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}
|
|
52
|
-
.nb-data-table[data-v-0d151db9]{--nb-dt-row-height:calc(var(--nb-base-unit) * 6);--nb-dt-cell-pad-x:calc(var(--nb-base-unit) * 2);--nb-dt-font-size:var(--nb-font-size-14);background:var(--nb-c-surface);width:100%;color:var(--nb-c-text);border:1px solid var(--nb-c-border);border-radius:var(--nb-radius-panel);--nb-radius-context:var(--nb-radius-panel);font-size:var(--nb-dt-font-size);flex-direction:column;display:flex;overflow:hidden}.nb-data-table--sm[data-v-0d151db9]{--nb-dt-row-height:calc(var(--nb-base-unit) * 4);--nb-dt-cell-pad-x:calc(var(--nb-base-unit) * 1.5);--nb-dt-font-size:var(--nb-font-size-13)}.nb-data-table--lg[data-v-0d151db9]{--nb-dt-row-height:calc(var(--nb-base-unit) * 8);--nb-dt-cell-pad-x:calc(var(--nb-base-unit) * 2.5)}.nb-data-table__toolbar[data-v-0d151db9]{justify-content:space-between;align-items:center;gap:calc(var(--nb-base-unit) * 2);row-gap:var(--nb-base-unit);min-height:calc(var(--nb-base-unit) * 6);padding-inline:var(--nb-dt-cell-pad-x);border-bottom:1px solid var(--nb-c-border);flex-wrap:wrap;display:flex;position:relative}.nb-data-table__toolbar--wrapped[data-v-0d151db9]{padding-block:calc(var(--nb-base-unit) * 1.5)}.nb-data-table__toolbar-heading[data-v-0d151db9]{min-width:0}.nb-data-table__title[data-v-0d151db9]{font-size:var(--nb-font-size-16);margin:0;font-weight:600;line-height:1.3}.nb-data-table__description[data-v-0d151db9]{font-size:var(--nb-font-size-13);color:var(--nb-c-text-muted);margin:2px 0 0}.nb-data-table__toolbar-tools[data-v-0d151db9]{justify-content:flex-end;align-items:center;gap:var(--nb-base-unit);flex-wrap:wrap;min-width:0;max-width:100%;margin-inline-start:auto;display:flex}.nb-data-table__toolbar-tools--grow-search[data-v-0d151db9]{flex:100%}.nb-data-table__toolbar-tools--grow-search[data-v-0d151db9]>:first-child{flex:auto}.nb-data-table__batch[data-v-0d151db9]{align-items:center;gap:calc(var(--nb-base-unit) * 2);padding-inline:var(--nb-dt-cell-pad-x);background:var(--nb-c-primary);color:var(--nb-c-primary-a11y);display:flex;position:absolute;inset:0}.nb-data-table__batch-count[data-v-0d151db9]{color:inherit;font-weight:600}.nb-data-table__batch-actions[data-v-0d151db9]{align-items:center;gap:var(--nb-base-unit);flex:1;display:flex}.nb-data-table__batch-cancel[data-v-0d151db9],.nb-data-table__batch-actions[data-v-0d151db9] .nb-button--ghost{color:inherit}.nb-data-table__batch-cancel[data-v-0d151db9]:hover:not(:disabled),.nb-data-table__batch-actions[data-v-0d151db9] .nb-button--ghost:hover:not(:disabled){background:var(--nb-c-primary-hover,#ffffff29)}.nb-data-table__scroll[data-v-0d151db9]{width:100%;overflow:auto}.nb-data-table__table[data-v-0d151db9]{border-collapse:collapse;table-layout:auto;width:100%}.nb-data-table__th[data-v-0d151db9]{height:var(--nb-dt-row-height);padding-inline:var(--nb-dt-cell-pad-x);text-align:left;font-weight:600;font-size:inherit;color:var(--nb-c-text);background:var(--nb-c-surface-raised);border-bottom:1px solid var(--nb-c-border);white-space:nowrap;vertical-align:middle}.nb-data-table__th--center[data-v-0d151db9]{text-align:center}.nb-data-table__th--right[data-v-0d151db9]{text-align:right}.nb-data-table__th--sortable[data-v-0d151db9]{padding:0}.nb-data-table__sort[data-v-0d151db9]{justify-content:space-between;align-items:center;gap:var(--nb-base-unit);width:100%;height:var(--nb-dt-row-height);padding-inline:var(--nb-dt-cell-pad-x);color:inherit;font:inherit;text-align:inherit;cursor:pointer;background:0 0;border:none;font-weight:600;transition:background .15s;display:inline-flex}.nb-data-table__sort[data-v-0d151db9]:hover{background:var(--nb-c-surface-hover)}.nb-data-table__sort[data-v-0d151db9]:focus-visible{outline:1px solid var(--nb-c-focus-ring);outline-offset:-1px}.nb-data-table__th--center .nb-data-table__sort[data-v-0d151db9]{justify-content:center}.nb-data-table__th--right .nb-data-table__sort[data-v-0d151db9]{flex-direction:row-reverse}.nb-data-table__sort-icon[data-v-0d151db9]{font-size:var(--nb-font-size-14);color:var(--nb-c-text-subtle);opacity:0;flex-shrink:0;transition:opacity .15s}.nb-data-table__th--sortable:hover .nb-data-table__sort-icon[data-v-0d151db9]{opacity:1}.nb-data-table__th--sorted .nb-data-table__sort-icon[data-v-0d151db9]{opacity:1;color:var(--nb-c-primary)}.nb-data-table__td[data-v-0d151db9]{height:var(--nb-dt-row-height);padding-inline:var(--nb-dt-cell-pad-x);padding-block:calc(var(--nb-base-unit) / 2);border-bottom:1px solid var(--nb-c-border);vertical-align:middle;color:var(--nb-c-text)}.nb-data-table__td--center[data-v-0d151db9]{text-align:center}.nb-data-table__td--right[data-v-0d151db9]{text-align:right}.nb-data-table__row[data-v-0d151db9]{transition:background .15s}.nb-data-table__row:hover .nb-data-table__td[data-v-0d151db9]{background:var(--nb-c-surface-hover)}.nb-data-table__row--clickable[data-v-0d151db9]{cursor:pointer}.nb-data-table__row--selected .nb-data-table__td[data-v-0d151db9]{background:var(--nb-c-bg-soft)}.nb-data-table__row--selected:hover .nb-data-table__td[data-v-0d151db9]{background:color-mix(in srgb, var(--nb-c-contrast) 6%, var(--nb-c-bg-soft))}.nb-data-table--zebra .nb-data-table__row:nth-child(2n) .nb-data-table__td[data-v-0d151db9]{background:var(--nb-c-bg-soft)}.nb-data-table--zebra .nb-data-table__row:hover .nb-data-table__td[data-v-0d151db9]{background:var(--nb-c-surface-hover)}.nb-data-table__body .nb-data-table__row:last-child .nb-data-table__td[data-v-0d151db9]{border-bottom:none}.nb-data-table__col-select[data-v-0d151db9],.nb-data-table__col-actions[data-v-0d151db9]{width:calc(var(--nb-base-unit) * 6)}.nb-data-table__select-cell[data-v-0d151db9],.nb-data-table__actions-cell[data-v-0d151db9]{text-align:center;white-space:nowrap;min-width:calc(var(--nb-base-unit) * 6)}.nb-data-table__select-cell[data-v-0d151db9]{width:calc(var(--nb-base-unit) * 6);padding-inline:0}.nb-data-table__radio[data-v-0d151db9]{width:16px;height:16px;accent-color:var(--nb-c-primary);cursor:pointer;margin:0}.nb-data-table__actions-cell[data-v-0d151db9]{padding-inline:var(--nb-base-unit)}.nb-data-table--sticky .nb-data-table__head .nb-data-table__th[data-v-0d151db9]{z-index:1;position:sticky;top:0}.nb-data-table--fill[data-v-0d151db9],.nb-data-table--fill .nb-data-table__scroll[data-v-0d151db9]{flex:1;min-height:0}.nb-data-table--fill .nb-data-table__toolbar[data-v-0d151db9],.nb-data-table--fill .nb-data-table__footer[data-v-0d151db9]{flex:none}.nb-data-table__state[data-v-0d151db9]{padding:calc(var(--nb-base-unit) * 6) var(--nb-dt-cell-pad-x);text-align:center;color:var(--nb-c-text-muted)}.nb-data-table__state[data-v-0d151db9] *{vertical-align:middle}.nb-data-table__state--error[data-v-0d151db9]{color:var(--nb-c-danger)}.nb-data-table__state-inner[data-v-0d151db9]{display:inline-flex}.nb-data-table__skeleton[data-v-0d151db9]{background:linear-gradient(90deg, var(--nb-c-bg-soft) 25%, var(--nb-c-surface-hover) 37%, var(--nb-c-bg-soft) 63%);background-size:400% 100%;width:100%;max-width:180px;height:12px;animation:1.4s infinite nb-data-table-shimmer-0d151db9;display:block}.nb-data-table__skeleton--box[data-v-0d151db9]{width:16px;height:16px;margin-inline:auto}@media (width<=671.98px),(pointer:coarse) and (hover:none) and (height<=500px){.nb-data-table.nb-data-table--stacked .nb-data-table__table[data-v-0d151db9],.nb-data-table.nb-data-table--stacked .nb-data-table__body[data-v-0d151db9]{display:block}.nb-data-table.nb-data-table--stacked colgroup[data-v-0d151db9]{display:none}.nb-data-table.nb-data-table--stacked .nb-data-table__row[data-v-0d151db9]{align-items:center;column-gap:var(--nb-spacing-12);padding:var(--nb-spacing-12) var(--nb-dt-cell-pad-x);border-bottom:1px solid var(--nb-c-border);flex-wrap:wrap;display:flex}.nb-data-table.nb-data-table--stacked .nb-data-table__row[data-v-0d151db9]:before{content:"";flex-basis:100%;order:2;height:0}.nb-data-table.nb-data-table--stacked .nb-data-table__row[data-v-0d151db9]:hover{background:var(--nb-c-surface-hover)}.nb-data-table.nb-data-table--stacked .nb-data-table__row--selected[data-v-0d151db9]{background:var(--nb-c-bg-soft)}.nb-data-table.nb-data-table--stacked .nb-data-table__body .nb-data-table__row[data-v-0d151db9]:last-child{border-bottom:none}.nb-data-table.nb-data-table--stacked .nb-data-table__row .nb-data-table__td[data-v-0d151db9],.nb-data-table.nb-data-table--stacked .nb-data-table__row:hover .nb-data-table__td[data-v-0d151db9],.nb-data-table.nb-data-table--stacked .nb-data-table__row--selected .nb-data-table__td[data-v-0d151db9],.nb-data-table.nb-data-table--stacked.nb-data-table--zebra .nb-data-table__row .nb-data-table__td[data-v-0d151db9]{text-align:start;background:0 0;border:none;min-width:0;height:auto;padding:0}.nb-data-table.nb-data-table--stacked .nb-data-table__select-cell[data-v-0d151db9],.nb-data-table.nb-data-table--stacked .nb-data-table__actions-cell[data-v-0d151db9]{flex:none;order:1;width:auto;min-width:0}.nb-data-table.nb-data-table--stacked .nb-data-table__td--primary[data-v-0d151db9]{overflow-wrap:break-word;flex:1 1 0;order:1;font-weight:600}.nb-data-table.nb-data-table--stacked .nb-data-table__td--meta[data-v-0d151db9]{margin-top:var(--nb-spacing-2);font-size:var(--nb-font-size-13);color:var(--nb-c-text-muted);flex:0 auto;order:3}.nb-data-table.nb-data-table--stacked .nb-data-table__td--field[data-v-0d151db9]{align-items:baseline;gap:var(--nb-spacing-8);margin-top:var(--nb-spacing-4);overflow-wrap:break-word;flex-basis:100%;order:4;display:flex}.nb-data-table.nb-data-table--stacked .nb-data-table__td--field[data-label][data-v-0d151db9]:not([data-label=""]):before{content:attr(data-label);font-size:var(--nb-font-size-13);color:var(--nb-c-text-muted);flex:0 0 min(40%,8rem)}.nb-data-table.nb-data-table--stacked .nb-data-table__td--phone-hidden[data-v-0d151db9],.nb-data-table.nb-data-table--stacked .nb-data-table__th--phone-hidden[data-v-0d151db9]{display:none}.nb-data-table.nb-data-table--stacked .nb-data-table__row--skeleton .nb-data-table__td[data-v-0d151db9]{flex-basis:100%;order:4}.nb-data-table.nb-data-table--stacked .nb-data-table__state-row[data-v-0d151db9],.nb-data-table.nb-data-table--stacked .nb-data-table__state[data-v-0d151db9]{display:block}.nb-data-table.nb-data-table--stacked .nb-data-table__state[data-v-0d151db9]{padding:var(--nb-spacing-24) var(--nb-dt-cell-pad-x)}.nb-data-table.nb-data-table--stacked .nb-data-table__head[data-v-0d151db9]{z-index:1;background:var(--nb-c-surface-raised);border-bottom:1px solid var(--nb-c-border);display:block;position:sticky;top:0}.nb-data-table.nb-data-table--stacked .nb-data-table__head tr[data-v-0d151db9]{align-items:center;gap:var(--nb-spacing-4);padding:var(--nb-spacing-4) var(--nb-spacing-8);scrollbar-width:none;overscroll-behavior-x:contain;display:flex;overflow-x:auto}.nb-data-table.nb-data-table--stacked .nb-data-table__th[data-v-0d151db9]{background:0 0;border:none;height:auto;padding:0;display:none;position:static}.nb-data-table.nb-data-table--stacked .nb-data-table__th--sortable[data-v-0d151db9]:not(.nb-data-table__th--phone-hidden),.nb-data-table.nb-data-table--stacked .nb-data-table__head .nb-data-table__select-cell[data-v-0d151db9]{flex:none;align-items:center;display:flex}.nb-data-table.nb-data-table--stacked .nb-data-table__head .nb-data-table__select-cell[data-v-0d151db9]{padding-inline:var(--nb-spacing-8);min-block-size:32px}.nb-data-table.nb-data-table--stacked .nb-data-table__sort[data-v-0d151db9]{width:auto;height:32px;padding-inline:var(--nb-spacing-12);border:1px solid var(--nb-c-border);border-radius:var(--nb-radius-control);--nb-radius-context:var(--nb-radius-control);font-weight:500}.nb-data-table.nb-data-table--stacked .nb-data-table__sort-icon[data-v-0d151db9]{opacity:1}.nb-data-table.nb-data-table--stacked.nb-data-table--stacked-headless .nb-data-table__head[data-v-0d151db9]{display:none}}@media (width<=671.98px) and (pointer:coarse),(pointer:coarse) and (hover:none) and (height<=500px){.nb-data-table.nb-data-table--stacked .nb-data-table__sort[data-v-0d151db9]{height:44px}.nb-data-table.nb-data-table--stacked .nb-data-table__head .nb-data-table__select-cell[data-v-0d151db9]{min-block-size:44px}}@keyframes nb-data-table-shimmer-0d151db9{0%{background-position:100%}to{background-position:0}}.nb-sr-only[data-v-0d151db9]{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
|
|
52
|
+
.nb-data-table[data-v-129b9c3a]{--nb-dt-row-height:calc(var(--nb-base-unit) * 6);--nb-dt-cell-pad-x:calc(var(--nb-base-unit) * 2);--nb-dt-font-size:var(--nb-font-size-14);background:var(--nb-c-surface);width:100%;color:var(--nb-c-text);border:1px solid var(--nb-c-border);border-radius:var(--nb-radius-panel);--nb-radius-context:var(--nb-radius-panel);font-size:var(--nb-dt-font-size);flex-direction:column;display:flex;overflow:hidden}.nb-data-table--sm[data-v-129b9c3a]{--nb-dt-row-height:calc(var(--nb-base-unit) * 4);--nb-dt-cell-pad-x:calc(var(--nb-base-unit) * 1.5);--nb-dt-font-size:var(--nb-font-size-13)}.nb-data-table--lg[data-v-129b9c3a]{--nb-dt-row-height:calc(var(--nb-base-unit) * 8);--nb-dt-cell-pad-x:calc(var(--nb-base-unit) * 2.5)}.nb-data-table__toolbar[data-v-129b9c3a]{justify-content:space-between;align-items:center;gap:calc(var(--nb-base-unit) * 2);row-gap:var(--nb-base-unit);min-height:calc(var(--nb-base-unit) * 6);padding-inline:var(--nb-dt-cell-pad-x);border-bottom:1px solid var(--nb-c-border);flex-wrap:wrap;display:flex;position:relative}.nb-data-table__toolbar--wrapped[data-v-129b9c3a]{padding-block:calc(var(--nb-base-unit) * 1.5)}.nb-data-table__toolbar-heading[data-v-129b9c3a]{min-width:0}.nb-data-table__title[data-v-129b9c3a]{font-size:var(--nb-font-size-16);margin:0;font-weight:600;line-height:1.3}.nb-data-table__description[data-v-129b9c3a]{font-size:var(--nb-font-size-13);color:var(--nb-c-text-muted);margin:2px 0 0}.nb-data-table__toolbar-tools[data-v-129b9c3a]{justify-content:flex-end;align-items:center;gap:var(--nb-base-unit);flex-wrap:wrap;min-width:0;max-width:100%;margin-inline-start:auto;display:flex}.nb-data-table__toolbar-tools--grow-search[data-v-129b9c3a]{flex:100%}.nb-data-table__toolbar-tools--grow-search[data-v-129b9c3a]>:first-child{flex:auto}.nb-data-table__batch[data-v-129b9c3a]{align-items:center;gap:calc(var(--nb-base-unit) * 2);padding-inline:var(--nb-dt-cell-pad-x);background:var(--nb-c-primary);color:var(--nb-c-primary-a11y);display:flex;position:absolute;inset:0}.nb-data-table__batch-count[data-v-129b9c3a]{color:inherit;font-weight:600}.nb-data-table__batch-actions[data-v-129b9c3a]{align-items:center;gap:var(--nb-base-unit);flex:1;display:flex}.nb-data-table__batch-cancel[data-v-129b9c3a],.nb-data-table__batch-actions[data-v-129b9c3a] .nb-button--ghost{color:inherit}.nb-data-table__batch-cancel[data-v-129b9c3a]:hover:not(:disabled),.nb-data-table__batch-actions[data-v-129b9c3a] .nb-button--ghost:hover:not(:disabled){background:var(--nb-c-primary-hover,#ffffff29)}.nb-data-table__scroll[data-v-129b9c3a]{width:100%;overflow:auto}.nb-data-table__table[data-v-129b9c3a]{border-collapse:collapse;table-layout:auto;width:100%}.nb-data-table__th[data-v-129b9c3a]{height:var(--nb-dt-row-height);padding-inline:var(--nb-dt-cell-pad-x);text-align:left;font-weight:600;font-size:inherit;color:var(--nb-c-text);background:var(--nb-c-surface-raised);border-bottom:1px solid var(--nb-c-border);white-space:nowrap;vertical-align:middle}.nb-data-table__th--center[data-v-129b9c3a]{text-align:center}.nb-data-table__th--right[data-v-129b9c3a]{text-align:right}.nb-data-table__th--sortable[data-v-129b9c3a]{padding:0}.nb-data-table__sort[data-v-129b9c3a]{justify-content:space-between;align-items:center;gap:var(--nb-base-unit);width:100%;height:var(--nb-dt-row-height);padding-inline:var(--nb-dt-cell-pad-x);color:inherit;font:inherit;text-align:inherit;cursor:pointer;background:0 0;border:none;font-weight:600;transition:background .15s;display:inline-flex}.nb-data-table__sort[data-v-129b9c3a]:hover{background:var(--nb-c-surface-hover)}.nb-data-table__sort[data-v-129b9c3a]:focus-visible{outline:1px solid var(--nb-c-focus-ring);outline-offset:-1px}.nb-data-table__th--center .nb-data-table__sort[data-v-129b9c3a]{justify-content:center}.nb-data-table__th--right .nb-data-table__sort[data-v-129b9c3a]{flex-direction:row-reverse}.nb-data-table__sort-icon[data-v-129b9c3a]{font-size:var(--nb-font-size-14);color:var(--nb-c-text-subtle);opacity:0;flex-shrink:0;transition:opacity .15s}.nb-data-table__th--sortable:hover .nb-data-table__sort-icon[data-v-129b9c3a]{opacity:1}.nb-data-table__th--sorted .nb-data-table__sort-icon[data-v-129b9c3a]{opacity:1;color:var(--nb-c-primary)}.nb-data-table__td[data-v-129b9c3a]{height:var(--nb-dt-row-height);padding-inline:var(--nb-dt-cell-pad-x);padding-block:calc(var(--nb-base-unit) / 2);border-bottom:1px solid var(--nb-c-border);vertical-align:middle;color:var(--nb-c-text)}.nb-data-table__td--center[data-v-129b9c3a]{text-align:center}.nb-data-table__td--right[data-v-129b9c3a]{text-align:right}.nb-data-table__row[data-v-129b9c3a]{transition:background .15s}.nb-data-table__row:hover .nb-data-table__td[data-v-129b9c3a]{background:var(--nb-c-surface-hover)}.nb-data-table__row--clickable[data-v-129b9c3a]{cursor:pointer}.nb-data-table__row--clickable[data-v-129b9c3a]:focus-visible{outline:2px solid var(--nb-c-focus-ring);outline-offset:-2px}.nb-data-table__row--selected .nb-data-table__td[data-v-129b9c3a]{background:var(--nb-c-bg-soft)}.nb-data-table__row--selected:hover .nb-data-table__td[data-v-129b9c3a]{background:color-mix(in srgb, var(--nb-c-contrast) 6%, var(--nb-c-bg-soft))}.nb-data-table--zebra:not(.nb-data-table--expandable) .nb-data-table__row:nth-child(2n) .nb-data-table__td[data-v-129b9c3a],.nb-data-table--zebra.nb-data-table--expandable .nb-data-table__row--even .nb-data-table__td[data-v-129b9c3a],.nb-data-table--zebra.nb-data-table--expandable .nb-data-table__row--even+.nb-data-table__detail-row .nb-data-table__detail-cell[data-v-129b9c3a]{background:var(--nb-c-bg-soft)}.nb-data-table--zebra .nb-data-table__row:hover .nb-data-table__td[data-v-129b9c3a]{background:var(--nb-c-surface-hover)}.nb-data-table__body .nb-data-table__row:last-child .nb-data-table__td[data-v-129b9c3a]{border-bottom:none}.nb-data-table__col-select[data-v-129b9c3a],.nb-data-table__col-actions[data-v-129b9c3a],.nb-data-table__col-expand[data-v-129b9c3a]{width:calc(var(--nb-base-unit) * 6)}.nb-data-table__select-cell[data-v-129b9c3a],.nb-data-table__actions-cell[data-v-129b9c3a],.nb-data-table__expand-cell[data-v-129b9c3a]{text-align:center;white-space:nowrap;min-width:calc(var(--nb-base-unit) * 6)}.nb-data-table__select-cell[data-v-129b9c3a]{width:calc(var(--nb-base-unit) * 6);padding-inline:0}.nb-data-table__radio[data-v-129b9c3a]{width:16px;height:16px;accent-color:var(--nb-c-primary);cursor:pointer;margin:0}.nb-data-table__actions-cell[data-v-129b9c3a]{padding-inline:var(--nb-base-unit)}.nb-data-table__expand-cell[data-v-129b9c3a]{width:calc(var(--nb-base-unit) * 6);padding-inline:0}.nb-data-table__expand[data-v-129b9c3a]{width:calc(var(--nb-base-unit) * 4);height:calc(var(--nb-base-unit) * 4);color:var(--nb-c-text-muted);border-radius:var(--nb-radius-control);--nb-radius-context:var(--nb-radius-control);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:inline-flex}.nb-data-table__expand[data-v-129b9c3a]:hover{background:var(--nb-c-surface-hover);color:var(--nb-c-text)}.nb-data-table__expand[data-v-129b9c3a]:focus-visible{outline:2px solid var(--nb-c-focus-ring);outline-offset:-2px}.nb-data-table__expand-icon[data-v-129b9c3a]{font-size:var(--nb-font-size-14);transition:transform .15s}.nb-data-table__expand[aria-expanded=true] .nb-data-table__expand-icon[data-v-129b9c3a]{transform:rotate(90deg)}.nb-data-table__row--expanded .nb-data-table__td[data-v-129b9c3a]{border-bottom-color:#0000}.nb-data-table__detail-cell[data-v-129b9c3a]{padding:calc(var(--nb-base-unit) * 1.5) var(--nb-dt-cell-pad-x);border-bottom:1px solid var(--nb-c-border);color:var(--nb-c-text)}.nb-data-table__body .nb-data-table__detail-row:last-child .nb-data-table__detail-cell[data-v-129b9c3a]{border-bottom:none}.nb-data-table--sticky .nb-data-table__head .nb-data-table__th[data-v-129b9c3a]{z-index:1;position:sticky;top:0}.nb-data-table--fill[data-v-129b9c3a],.nb-data-table--fill .nb-data-table__scroll[data-v-129b9c3a]{flex:1;min-height:0}.nb-data-table--fill .nb-data-table__toolbar[data-v-129b9c3a],.nb-data-table--fill .nb-data-table__footer[data-v-129b9c3a]{flex:none}.nb-data-table__state[data-v-129b9c3a]{padding:calc(var(--nb-base-unit) * 6) var(--nb-dt-cell-pad-x);text-align:center;color:var(--nb-c-text-muted)}.nb-data-table__state[data-v-129b9c3a] *{vertical-align:middle}.nb-data-table__state--error[data-v-129b9c3a]{color:var(--nb-c-danger)}.nb-data-table__state-inner[data-v-129b9c3a]{display:inline-flex}.nb-data-table__skeleton[data-v-129b9c3a]{background:linear-gradient(90deg, var(--nb-c-bg-soft) 25%, var(--nb-c-surface-hover) 37%, var(--nb-c-bg-soft) 63%);background-size:400% 100%;width:100%;max-width:180px;height:12px;animation:1.4s infinite nb-data-table-shimmer-129b9c3a;display:block}.nb-data-table__skeleton--box[data-v-129b9c3a]{width:16px;height:16px;margin-inline:auto}@media (width<=671.98px),(pointer:coarse) and (hover:none) and (height<=500px){.nb-data-table.nb-data-table--stacked .nb-data-table__table[data-v-129b9c3a],.nb-data-table.nb-data-table--stacked .nb-data-table__body[data-v-129b9c3a]{display:block}.nb-data-table.nb-data-table--stacked colgroup[data-v-129b9c3a]{display:none}.nb-data-table.nb-data-table--stacked .nb-data-table__row[data-v-129b9c3a]{align-items:center;column-gap:var(--nb-spacing-12);padding:var(--nb-spacing-12) var(--nb-dt-cell-pad-x);border-bottom:1px solid var(--nb-c-border);flex-wrap:wrap;display:flex}.nb-data-table.nb-data-table--stacked .nb-data-table__row[data-v-129b9c3a]:before{content:"";flex-basis:100%;order:2;height:0}.nb-data-table.nb-data-table--stacked .nb-data-table__row[data-v-129b9c3a]:hover{background:var(--nb-c-surface-hover)}.nb-data-table.nb-data-table--stacked .nb-data-table__row--selected[data-v-129b9c3a]{background:var(--nb-c-bg-soft)}.nb-data-table.nb-data-table--stacked .nb-data-table__body .nb-data-table__row[data-v-129b9c3a]:last-child{border-bottom:none}.nb-data-table.nb-data-table--stacked .nb-data-table__expand-cell[data-v-129b9c3a]{flex:none;order:1;width:auto;min-width:0}.nb-data-table.nb-data-table--stacked .nb-data-table__row--expanded[data-v-129b9c3a]{border-bottom-color:#0000}.nb-data-table.nb-data-table--stacked .nb-data-table__detail-row[data-v-129b9c3a],.nb-data-table.nb-data-table--stacked .nb-data-table__detail-cell[data-v-129b9c3a]{display:block}.nb-data-table.nb-data-table--stacked .nb-data-table__detail-cell[data-v-129b9c3a]{padding:0 var(--nb-dt-cell-pad-x) var(--nb-spacing-12)}.nb-data-table.nb-data-table--stacked .nb-data-table__row .nb-data-table__td[data-v-129b9c3a],.nb-data-table.nb-data-table--stacked .nb-data-table__row:hover .nb-data-table__td[data-v-129b9c3a],.nb-data-table.nb-data-table--stacked .nb-data-table__row--selected .nb-data-table__td[data-v-129b9c3a],.nb-data-table.nb-data-table--stacked.nb-data-table--zebra .nb-data-table__row .nb-data-table__td[data-v-129b9c3a]{text-align:start;background:0 0;border:none;min-width:0;height:auto;padding:0}.nb-data-table.nb-data-table--stacked .nb-data-table__select-cell[data-v-129b9c3a],.nb-data-table.nb-data-table--stacked .nb-data-table__actions-cell[data-v-129b9c3a]{flex:none;order:1;width:auto;min-width:0}.nb-data-table.nb-data-table--stacked .nb-data-table__td--primary[data-v-129b9c3a]{overflow-wrap:break-word;flex:1 1 0;order:1;font-weight:600}.nb-data-table.nb-data-table--stacked .nb-data-table__td--meta[data-v-129b9c3a]{margin-top:var(--nb-spacing-2);font-size:var(--nb-font-size-13);color:var(--nb-c-text-muted);flex:0 auto;order:3}.nb-data-table.nb-data-table--stacked .nb-data-table__td--field[data-v-129b9c3a]{align-items:baseline;gap:var(--nb-spacing-8);margin-top:var(--nb-spacing-4);overflow-wrap:break-word;flex-basis:100%;order:4;display:flex}.nb-data-table.nb-data-table--stacked .nb-data-table__td--field[data-label][data-v-129b9c3a]:not([data-label=""]):before{content:attr(data-label);font-size:var(--nb-font-size-13);color:var(--nb-c-text-muted);flex:0 0 min(40%,8rem)}.nb-data-table.nb-data-table--stacked .nb-data-table__td--phone-hidden[data-v-129b9c3a],.nb-data-table.nb-data-table--stacked .nb-data-table__th--phone-hidden[data-v-129b9c3a]{display:none}.nb-data-table.nb-data-table--stacked .nb-data-table__row--skeleton .nb-data-table__td[data-v-129b9c3a]{flex-basis:100%;order:4}.nb-data-table.nb-data-table--stacked .nb-data-table__state-row[data-v-129b9c3a],.nb-data-table.nb-data-table--stacked .nb-data-table__state[data-v-129b9c3a]{display:block}.nb-data-table.nb-data-table--stacked .nb-data-table__state[data-v-129b9c3a]{padding:var(--nb-spacing-24) var(--nb-dt-cell-pad-x)}.nb-data-table.nb-data-table--stacked .nb-data-table__head[data-v-129b9c3a]{z-index:1;background:var(--nb-c-surface-raised);border-bottom:1px solid var(--nb-c-border);display:block;position:sticky;top:0}.nb-data-table.nb-data-table--stacked .nb-data-table__head tr[data-v-129b9c3a]{align-items:center;gap:var(--nb-spacing-4);padding:var(--nb-spacing-4) var(--nb-spacing-8);scrollbar-width:none;overscroll-behavior-x:contain;display:flex;overflow-x:auto}.nb-data-table.nb-data-table--stacked .nb-data-table__th[data-v-129b9c3a]{background:0 0;border:none;height:auto;padding:0;display:none;position:static}.nb-data-table.nb-data-table--stacked .nb-data-table__th--sortable[data-v-129b9c3a]:not(.nb-data-table__th--phone-hidden),.nb-data-table.nb-data-table--stacked .nb-data-table__head .nb-data-table__select-cell[data-v-129b9c3a]{flex:none;align-items:center;display:flex}.nb-data-table.nb-data-table--stacked .nb-data-table__head .nb-data-table__select-cell[data-v-129b9c3a]{padding-inline:var(--nb-spacing-8);min-block-size:32px}.nb-data-table.nb-data-table--stacked .nb-data-table__sort[data-v-129b9c3a]{width:auto;height:32px;padding-inline:var(--nb-spacing-12);border:1px solid var(--nb-c-border);border-radius:var(--nb-radius-control);--nb-radius-context:var(--nb-radius-control);font-weight:500}.nb-data-table.nb-data-table--stacked .nb-data-table__sort-icon[data-v-129b9c3a]{opacity:1}.nb-data-table.nb-data-table--stacked.nb-data-table--stacked-headless .nb-data-table__head[data-v-129b9c3a]{display:none}}@media (width<=671.98px) and (pointer:coarse),(pointer:coarse) and (hover:none) and (height<=500px){.nb-data-table.nb-data-table--stacked .nb-data-table__sort[data-v-129b9c3a]{height:44px}.nb-data-table.nb-data-table--stacked .nb-data-table__head .nb-data-table__select-cell[data-v-129b9c3a]{min-block-size:44px}.nb-data-table.nb-data-table--stacked .nb-data-table__expand[data-v-129b9c3a]{width:44px;height:44px}}@keyframes nb-data-table-shimmer-129b9c3a{0%{background-position:100%}to{background-position:0}}.nb-sr-only[data-v-129b9c3a]{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
|
|
53
53
|
.nb-date-picker{gap:var(--nb-field-label-gap);font-family:var(--nb-font-family-sans,sans-serif);--field-h:var(--nb-field-height-md);flex-direction:column;display:flex;position:relative}.nb-date-picker--sm{--field-h:var(--nb-field-height-sm)}.nb-date-picker--md{--field-h:var(--nb-field-height-md)}.nb-date-picker--lg{--field-h:var(--nb-field-height-lg)}.nb-date-picker__fields{flex:1}.nb-date-picker__col{gap:var(--nb-field-label-gap);flex-direction:column;flex:1;min-width:0;display:flex}.nb-date-picker__input-wrapper{background:var(--nb-c-field-bg);border:var(--nb-field-border-width,0) solid var(--nb-c-field-border);border-bottom:1px solid var(--nb-c-field-border);border-radius:var(--nb-field-radius,0);flex:1;align-items:center;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.nb-date-picker__input-wrapper--focused{outline:2px solid var(--nb-c-primary);outline-offset:-2px}.nb-date-picker__input-wrapper--error{border-color:var(--nb-c-danger);box-shadow:inset 0 calc(-1px * var(--nb-field-status-emphasis,1)) 0 0 var(--nb-c-danger)}.nb-date-picker__input-wrapper--warning{border-color:var(--nb-c-warning);box-shadow:inset 0 calc(-1px * var(--nb-field-status-emphasis,1)) 0 0 var(--nb-c-warning)}.nb-date-picker__input-wrapper--disabled{opacity:var(--nb-field-disabled-opacity);cursor:not-allowed}.nb-date-picker__input-wrapper--readonly{background:0 0}.nb-date-picker__input-wrapper--fluid{min-height:calc(var(--nb-base-unit) * 8);flex-direction:column;align-items:stretch;padding-top:8px}.nb-date-picker__field{min-width:0;height:calc(var(--field-h) - 1px - var(--nb-field-border-width,0px));padding:0 var(--nb-field-padding-h);font-family:inherit;font-size:var(--nb-field-font-size);color:var(--nb-c-text);font-weight:400;line-height:var(--nb-field-line-height);background:0 0;border:none;outline:none;flex:1}.nb-date-picker__field::placeholder{color:var(--nb-c-text-subtle)}.nb-date-picker__field:disabled{cursor:not-allowed}.nb-date-picker__field:read-only{cursor:default}@media (width<=671.98px) and (pointer:coarse),(pointer:coarse) and (hover:none) and (height<=500px){.nb-date-picker__field{font-size:max(16px, var(--nb-field-font-size,14px))}}.nb-date-picker__input-wrapper--fluid .nb-date-picker__field{height:auto;padding:0 var(--nb-field-padding-h) 10px;font-size:var(--nb-font-size-14);flex:1}@media (width<=671.98px) and (pointer:coarse),(pointer:coarse) and (hover:none) and (height<=500px){.nb-date-picker__input-wrapper--fluid .nb-date-picker__field{font-size:max(16px, var(--nb-field-font-size,14px))}}.nb-date-picker__icon{padding:0 var(--nb-field-padding-h) 0 0;color:var(--nb-c-text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s;display:flex}@media (width<=671.98px) and (pointer:coarse),(pointer:coarse) and (hover:none) and (height<=500px){.nb-date-picker__icon{position:relative}.nb-date-picker__icon:after{content:"";position:absolute;inset-block:min(0px,50% - 22px);inset-inline:min(0px,50% - 22px)}}.nb-date-picker__icon:hover:not(:disabled){color:var(--nb-c-text)}.nb-date-picker__icon:disabled{cursor:not-allowed}.nb-date-picker__input-wrapper--fluid .nb-date-picker__icon{padding:0 var(--nb-field-padding-h) 10px 0}.nb-date-picker__inner-header{padding:0 var(--nb-field-padding-h);align-items:center;gap:4px;margin-bottom:4px;display:flex}.nb-date-picker__inner-label{min-width:0;font-size:var(--nb-font-size-12);color:var(--nb-c-text-muted);letter-spacing:.02em;cursor:default;-webkit-user-select:none;user-select:none;flex:1;font-weight:500}.nb-date-picker__asterisk{color:var(--nb-c-danger)}.nb-date-picker__fluid-row{flex:1;align-items:center;display:flex}.nb-date-picker__message{font-size:var(--nb-font-size-12)}.nb-date-picker__calendar{background:var(--nb-c-surface);border:1px solid var(--nb-c-border);border-radius:var(--nb-radius-popover);--nb-radius-context:var(--nb-radius-popover);box-sizing:border-box;width:336px;padding:4px 4px 8px;box-shadow:0 2px 6px #0003}.nb-date-picker__cal-header{align-items:center;padding:8px 4px;display:flex}.nb-date-picker__cal-nav{width:32px;height:32px;color:var(--nb-c-text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:color .15s;display:flex}@media (width<=671.98px) and (pointer:coarse),(pointer:coarse) and (hover:none) and (height<=500px){.nb-date-picker__cal-nav{position:relative}.nb-date-picker__cal-nav:after{content:"";position:absolute;inset-block:min(0px,50% - 22px);inset-inline:min(0px,50% - 22px)}}.nb-date-picker__cal-nav:hover{color:var(--nb-c-text)}.nb-date-picker__cal-nav:focus-visible{outline:2px solid var(--nb-c-focus-ring,var(--nb-c-primary));outline-offset:-2px}.nb-date-picker__cal-title{text-align:center;color:var(--nb-c-text);flex:1;font-size:.875rem;font-weight:600}.nb-date-picker__cal-table{border-collapse:collapse;width:100%;padding:0 4px}.nb-date-picker__cal-table td{text-align:center;padding:0}.nb-date-picker__cal-weekdays th{padding:0}.nb-date-picker__cal-weekday{height:32px;color:var(--nb-c-text-muted);letter-spacing:.02em;text-align:center;vertical-align:middle;font-size:.6875rem;font-weight:600}.nb-date-picker__cal-day{width:40px;height:40px;color:var(--nb-c-text);cursor:pointer;background:0 0;border:2px solid #0000;justify-content:center;align-items:center;margin:0 auto;font-size:.875rem;font-weight:400;transition:background .1s,color .1s;display:flex;position:relative}.nb-date-picker__cal-day:hover:not(:disabled){background:var(--nb-c-surface-hover)}.nb-date-picker__cal-day--outside{color:var(--nb-c-text-muted)}.nb-date-picker__cal-day--today{color:var(--nb-c-primary);font-weight:600}.nb-date-picker__cal-day--today:after{content:"";background:var(--nb-c-primary);border-radius:var(--nb-radius-circle);width:4px;height:4px;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.nb-date-picker__cal-day{border-radius:var(--nb-radius-control)}.nb-date-picker__cal-day--selected{background:var(--nb-c-primary);color:var(--nb-c-primary-a11y);font-weight:600}.nb-date-picker__cal-day--selected:after{display:none}.nb-date-picker__cal-day--selected:hover:not(:disabled){background:color-mix(in srgb, var(--nb-c-primary) 85%, var(--nb-c-black))}.nb-date-picker__cal-day--in-range{background:color-mix(in srgb, var(--nb-c-primary) 15%, transparent);border-radius:0}.nb-date-picker__cal-day--range-start{border-start-start-radius:var(--nb-radius-control);border-end-start-radius:var(--nb-radius-control)}.nb-date-picker__cal-day--range-end{border-start-end-radius:var(--nb-radius-control);border-end-end-radius:var(--nb-radius-control)}.nb-date-picker__cal-day--range-start,.nb-date-picker__cal-day--range-end{background:var(--nb-c-primary);color:var(--nb-c-primary-a11y)}.nb-date-picker__cal-day--disabled{color:var(--nb-c-text-muted);opacity:.4;cursor:not-allowed}.nb-date-picker__cal-day--focused,.nb-date-picker__cal-day:focus-visible{border-color:var(--nb-c-focus-ring,var(--nb-c-primary));outline:none}@media (width<=671.98px),(pointer:coarse) and (hover:none) and (height<=500px){.nb-date-picker__scrim{z-index:9998;background:var(--nb-c-scrim);position:fixed;inset:0}.nb-date-picker__calendar--sheet{inset-inline:0;bottom:max(0px, 100% - var(--nb-vvt,0px) - var(--nb-vvh,100%));z-index:9999;width:100%;max-height:var(--nb-vvh,100dvh);border-inline:0;padding-bottom:calc(8px + env(safe-area-inset-bottom));border-bottom:0;border-end-end-radius:0;border-end-start-radius:0;position:fixed;overflow-y:auto}}
|
|
54
54
|
.nb-drag-handle[data-v-40e077eb]{padding:calc(var(--nb-base-unit) * .25);border-radius:var(--nb-radius-control);--nb-radius-context:var(--nb-radius-control);color:var(--nb-c-text-subtle);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transition:color var(--nb-animation-fast) ease, background-color var(--nb-animation-fast) ease;background:0 0;border:none;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.nb-drag-handle[data-v-40e077eb]:hover{color:var(--nb-c-text);background:var(--nb-c-surface-hover)}.nb-drag-handle[data-v-40e077eb]:focus-visible{outline:2px solid var(--nb-c-focus-ring);outline-offset:2px;color:var(--nb-c-text)}.nb-drag-handle[data-v-40e077eb]:disabled{cursor:not-allowed;color:var(--nb-c-component-disabled);background:0 0}.nb-drag-handle[draggable=true][data-v-40e077eb]{-webkit-user-drag:element}.nb-drag-handle--dragging[data-v-40e077eb]{cursor:grabbing;color:var(--nb-c-text)}.nb-drag-handle--grabbed[data-v-40e077eb]{color:var(--nb-c-primary);box-shadow:inset 0 0 0 1px var(--nb-c-primary)}.nb-drag-handle__glyph[data-v-40e077eb]{pointer-events:none}.nb-drag-handle__sr[data-v-40e077eb]{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.nb-drag-handle[data-v-40e077eb]{transition:none}}html.nb-drag-handle-grabbing,html.nb-drag-handle-grabbing *{cursor:grabbing!important;-webkit-user-select:none!important;user-select:none!important}
|
|
55
55
|
.nb-empty-state[data-v-0508480f]{text-align:center;justify-content:center;align-items:center;gap:var(--nb-spacing-4);padding:var(--nb-spacing-32) var(--nb-spacing-16);--nb-empty-state-measure:44ch;flex-direction:column;display:flex}.nb-empty-state--sm[data-v-0508480f]{padding:var(--nb-spacing-16);--nb-empty-state-measure:36ch}.nb-empty-state--bordered[data-v-0508480f]{border:1px dashed var(--nb-c-border);border-radius:var(--nb-radius-panel);--nb-radius-context:var(--nb-radius-panel)}.nb-empty-state__icon[data-v-0508480f]{color:var(--nb-c-text-subtle);margin:0 0 var(--nb-spacing-8);display:flex}.nb-empty-state--error .nb-empty-state__icon[data-v-0508480f]{color:var(--nb-c-status-error)}.nb-empty-state__title[data-v-0508480f]{font-size:var(--nb-font-size-14);font-weight:var(--nb-font-weight-semibold,600);color:var(--nb-c-text);margin:0;line-height:1.4}.nb-empty-state--md .nb-empty-state__title[data-v-0508480f]{font-size:var(--nb-font-size-16)}.nb-empty-state__description[data-v-0508480f]{max-width:var(--nb-empty-state-measure);font-size:var(--nb-font-size-14);color:var(--nb-c-text-subtle);margin:0;line-height:1.5}.nb-empty-state__actions[data-v-0508480f]{justify-content:center;align-items:center;gap:var(--nb-spacing-8);margin:var(--nb-spacing-12) 0 0;flex-wrap:wrap;display:flex}
|
|
56
|
-
.nb-file-uploader[data-v-
|
|
56
|
+
.nb-file-uploader[data-v-9bd5f6ba]{flex-direction:column;gap:.75rem;display:flex}.nb-file-uploader__heading[data-v-9bd5f6ba]{color:var(--nb-c-text);margin:0;font-size:1rem;font-weight:600}.nb-file-uploader__description[data-v-9bd5f6ba]{color:var(--nb-c-text-muted);border-left:3px solid var(--nb-c-border);margin:0;padding-left:.75rem;font-size:.875rem;line-height:1.5}.nb-file-uploader__input[data-v-9bd5f6ba]{display:none}.nb-file-uploader__btn[data-v-9bd5f6ba]{align-self:flex-start}.nb-file-uploader__dropzone[data-v-9bd5f6ba]{border:2px dashed var(--nb-c-border);border-radius:var(--nb-radius-panel);--nb-radius-context:var(--nb-radius-panel);cursor:pointer;text-align:center;justify-content:center;align-items:center;padding:2rem 1.5rem;transition:border-color .15s,background .15s;display:flex}.nb-file-uploader__dropzone--primary[data-v-9bd5f6ba]{background:color-mix(in srgb, var(--nb-c-primary) 6%, transparent);border-color:color-mix(in srgb, var(--nb-c-primary) 60%, transparent)}.nb-file-uploader__dropzone--primary .nb-file-uploader__drop-label[data-v-9bd5f6ba]{color:var(--nb-c-primary)}.nb-file-uploader__dropzone--secondary[data-v-9bd5f6ba]{background:color-mix(in srgb, var(--nb-c-secondary) 6%, transparent);border-color:color-mix(in srgb, var(--nb-c-secondary) 60%, transparent)}.nb-file-uploader__dropzone--secondary .nb-file-uploader__drop-label[data-v-9bd5f6ba]{color:var(--nb-c-secondary)}.nb-file-uploader__dropzone--danger[data-v-9bd5f6ba]{background:color-mix(in srgb, var(--nb-c-danger) 6%, transparent);border-color:color-mix(in srgb, var(--nb-c-danger) 60%, transparent)}.nb-file-uploader__dropzone--danger .nb-file-uploader__drop-label[data-v-9bd5f6ba]{color:var(--nb-c-danger)}.nb-file-uploader__dropzone--success[data-v-9bd5f6ba]{background:color-mix(in srgb, var(--nb-c-success) 6%, transparent);border-color:color-mix(in srgb, var(--nb-c-success) 60%, transparent)}.nb-file-uploader__dropzone--success .nb-file-uploader__drop-label[data-v-9bd5f6ba]{color:var(--nb-c-success)}.nb-file-uploader__dropzone--warning[data-v-9bd5f6ba]{background:color-mix(in srgb, var(--nb-c-warning) 6%, transparent);border-color:color-mix(in srgb, var(--nb-c-warning) 60%, transparent)}.nb-file-uploader__dropzone--warning .nb-file-uploader__drop-label[data-v-9bd5f6ba]{color:var(--nb-c-warning)}.nb-file-uploader__drop-label[data-v-9bd5f6ba]{pointer-events:none;font-size:.9rem;line-height:1.6}.nb-file-uploader__list[data-v-9bd5f6ba]{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.nb-file-uploader__item[data-v-9bd5f6ba]{background:var(--nb-c-surface);color:var(--nb-c-text);border:1px solid #0000;border-radius:4px;grid-template-rows:auto auto;grid-template-columns:1fr auto;align-items:center;padding:.6rem .875rem;font-size:.9rem;transition:border-color .15s;display:grid}.nb-file-uploader__item--error[data-v-9bd5f6ba]{border-color:var(--nb-c-danger)}.nb-file-uploader__name[data-v-9bd5f6ba]{white-space:nowrap;text-overflow:ellipsis;grid-area:1/1;padding-right:.5rem;overflow:hidden}.nb-file-uploader__status[data-v-9bd5f6ba]{grid-area:1/2;align-items:center;gap:.25rem;display:flex}.nb-file-uploader__error[data-v-9bd5f6ba]{color:var(--nb-c-danger);border-top:1px solid var(--nb-c-border);grid-area:2/1/auto/-1;margin-top:.35rem;padding-top:.35rem;font-size:.8125rem}.nb-file-uploader__remove[data-v-9bd5f6ba]{cursor:pointer;color:var(--nb-c-text-muted);background:0 0;border:none;align-items:center;padding:0;line-height:1;display:flex}.nb-file-uploader__remove[data-v-9bd5f6ba]:hover:not(:disabled){color:var(--nb-c-text)}.nb-file-uploader__remove[data-v-9bd5f6ba]:disabled{cursor:not-allowed}.nb-file-uploader--disabled .nb-file-uploader__heading[data-v-9bd5f6ba],.nb-file-uploader--disabled .nb-file-uploader__description[data-v-9bd5f6ba],.nb-file-uploader--disabled .nb-file-uploader__list[data-v-9bd5f6ba]{opacity:var(--nb-field-disabled-opacity,.45)}.nb-file-uploader__spinner[data-v-9bd5f6ba]{color:var(--nb-c-primary);animation:.8s linear infinite nb-spin-9bd5f6ba}.nb-file-uploader__check[data-v-9bd5f6ba]{color:var(--nb-c-primary)}.nb-file-uploader__warn[data-v-9bd5f6ba]{color:var(--nb-c-danger)}@keyframes nb-spin-9bd5f6ba{to{transform:rotate(360deg)}}
|
|
57
57
|
.nb-flag[data-v-7bdc2000]{height:fit-content;line-height:1em;display:flex;position:relative}.nb-flag[data-v-7bdc2000]:not(.box-clickable){pointer-events:none}.nb-flag--lg[data-v-7bdc2000]{width:32px;max-width:32px;max-height:32px}.nb-flag--md[data-v-7bdc2000]{width:20px;max-width:20px;max-height:20px}.nb-flag--sm[data-v-7bdc2000]{width:16px;max-width:16px;max-height:16px}
|
|
58
58
|
.nb-floating-toolbar[data-v-78607a91]{z-index:var(--nb-zindex-menu);align-items:center;gap:calc(var(--nb-base-unit) * .5);padding:calc(var(--nb-base-unit) * .5);border:1px solid var(--nb-c-border);border-radius:var(--nb-radius-popover);--nb-radius-context:var(--nb-radius-popover);background:var(--nb-c-surface);color:var(--nb-c-text);box-shadow:0 calc(var(--nb-base-unit) * .5) calc(var(--nb-base-unit) * 2) var(--nb-c-scrim);white-space:nowrap;animation:nb-floating-toolbar-in-78607a91 var(--nb-animation-fast) ease-out;display:flex;position:fixed}.nb-floating-toolbar--vertical[data-v-78607a91]{flex-direction:column;align-items:stretch}.nb-floating-toolbar--anchor-hidden[data-v-78607a91]{visibility:hidden}@media (width<=671.98px),(pointer:coarse) and (hover:none) and (height<=500px){.nb-floating-toolbar--docked[data-v-78607a91]{inset-inline:0;top:auto;bottom:max(0px, 100% - var(--nb-vvt,0px) - var(--nb-vvh,100%));border-inline:0;padding-bottom:calc(var(--nb-base-unit) * .5 + env(safe-area-inset-bottom));scrollbar-width:none;overscroll-behavior-x:contain;border-bottom:0;border-radius:0;animation:none;overflow-x:auto}.nb-floating-toolbar--docked[data-v-78607a91]>*{flex-shrink:0}.nb-floating-toolbar--docked[data-v-78607a91] button,.nb-floating-toolbar--docked[data-v-78607a91] [role=button]{min-block-size:44px;min-inline-size:44px}}@keyframes nb-floating-toolbar-in-78607a91{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.nb-floating-toolbar[data-v-78607a91]{animation:none}}
|
|
59
59
|
.nb-image-cropper[data-v-718b196d]{-webkit-user-select:none;user-select:none;max-width:100%;height:auto;display:inline-block;position:relative;overflow:hidden}.nb-image-cropper .canvas-container[data-v-718b196d]{width:100%;height:auto;display:inline-block;position:relative}.nb-image-cropper .canvas-container canvas[data-v-718b196d]{max-width:100%;height:auto;display:block}.nb-image-cropper .resize-handle[data-v-718b196d]{background:var(--nb-c-surface);border:1px solid var(--nb-c-border);z-index:1;width:10px;height:10px;position:absolute}.nb-image-cropper .resize-handle.top-left[data-v-718b196d]{cursor:nwse-resize}.nb-image-cropper .resize-handle.top[data-v-718b196d]{cursor:ns-resize}.nb-image-cropper .resize-handle.top-right[data-v-718b196d]{cursor:nesw-resize}.nb-image-cropper .resize-handle.right[data-v-718b196d]{cursor:ew-resize}.nb-image-cropper .resize-handle.bottom-right[data-v-718b196d]{cursor:nwse-resize}.nb-image-cropper .resize-handle.bottom[data-v-718b196d]{cursor:ns-resize}.nb-image-cropper .resize-handle.bottom-left[data-v-718b196d]{cursor:nesw-resize}.nb-image-cropper .resize-handle.left[data-v-718b196d]{cursor:ew-resize}.nb-image-cropper .cropped-image-preview[data-v-718b196d]{right:calc(var(--nb-base-unit,8px) * 2);bottom:calc(var(--nb-base-unit,8px) * 2);border-radius:var(--nb-radius-control-sm);height:calc(var(--nb-base-unit,8px) * 14);border:dotted 1px var(--nb-c-border);background:var(--nb-c-surface);-webkit-user-select:none;user-select:none;pointer-events:none;margin-top:20px;position:absolute;overflow:hidden}.nb-image-cropper .cropped-image-preview ul[data-v-718b196d]{min-width:calc(var(--nb-base-unit,8px) * 9);background:var(--nb-c-contrast);color:var(--nb-c-surface);font-size:var(--nb-font-size-10,10px);padding:calc(var(--nb-base-unit,8px) / 2);line-height:var(--nb-font-size-14,14px)}.nb-image-cropper .cropped-image-preview img[data-v-718b196d]{object-fit:contain;object-position:center;width:100%;height:100%}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nubisco/ui",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.26.0",
|
|
4
4
|
"description": "Vue 3 UI component library",
|
|
5
5
|
"packageManager": "pnpm@12.3.4+sha512.961aa41fb077da3a04a441d9f8e15ebc0c96da8ef710b2eb67bf9ee7cb0610eabd48f1fd85f51cffe73846785fa0f87c56a3a872a1d893f8446741b5cce45457",
|
|
6
6
|
"repository": {
|
|
@@ -1,412 +0,0 @@
|
|
|
1
|
-
import { t as e } from "./_plugin-vue_export-helper-O4QQSku4.js";
|
|
2
|
-
import { r as t } from "./Size.d-Bah6vMl3.js";
|
|
3
|
-
import { t as n } from "./Icon-rREAqsu0.js";
|
|
4
|
-
import { useSurfaceLayer as r } from "./composables/useSurfaceLayer.composable.mjs";
|
|
5
|
-
import { usePhoneLayout as i } from "./composables/usePhoneLayout.composable.mjs";
|
|
6
|
-
import { t as a } from "./Button-IcCXOoCT.js";
|
|
7
|
-
import { t as o } from "./Grid-XtnH-vr_.js";
|
|
8
|
-
import { t as s } from "./Checkbox-B3gBM6xy.js";
|
|
9
|
-
import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createTextVNode as m, createVNode as h, defineComponent as g, getCurrentInstance as ee, mergeProps as te, normalizeClass as _, normalizeStyle as ne, onBeforeUnmount as re, openBlock as v, ref as y, renderList as b, renderSlot as x, toDisplayString as S, unref as ie, useId as ae, useSlots as oe, watch as C, withCtx as w, withModifiers as T } from "vue";
|
|
10
|
-
import * as se from "@nubisco/ui/icons/arrow-up";
|
|
11
|
-
import * as ce from "@nubisco/ui/icons/arrows-down-up";
|
|
12
|
-
import * as le from "@nubisco/ui/icons/arrow-down";
|
|
13
|
-
//#region src/components/DataTable.vue?vue&type=script&setup=true&lang.ts
|
|
14
|
-
var ue = ["inert", "aria-hidden"], de = { key: 0 }, fe = {
|
|
15
|
-
key: 0,
|
|
16
|
-
class: "nb-data-table__title"
|
|
17
|
-
}, pe = {
|
|
18
|
-
key: 1,
|
|
19
|
-
class: "nb-data-table__description"
|
|
20
|
-
}, me = ["inert", "aria-hidden"], he = {
|
|
21
|
-
key: 1,
|
|
22
|
-
class: "nb-data-table__batch",
|
|
23
|
-
role: "region",
|
|
24
|
-
"aria-label": "Table batch actions"
|
|
25
|
-
}, ge = { class: "nb-data-table__batch-count" }, _e = { class: "nb-data-table__batch-actions" }, ve = { class: "nb-data-table__scroll" }, ye = [
|
|
26
|
-
"role",
|
|
27
|
-
"aria-label",
|
|
28
|
-
"aria-busy"
|
|
29
|
-
], be = {
|
|
30
|
-
key: 0,
|
|
31
|
-
class: "nb-data-table__col-select"
|
|
32
|
-
}, xe = {
|
|
33
|
-
key: 1,
|
|
34
|
-
class: "nb-data-table__col-actions"
|
|
35
|
-
}, Se = ["role"], Ce = ["role"], we = {
|
|
36
|
-
key: 0,
|
|
37
|
-
scope: "col",
|
|
38
|
-
class: "nb-data-table__th nb-data-table__select-cell"
|
|
39
|
-
}, Te = ["aria-sort"], Ee = ["onClick"], De = { class: "nb-data-table__th-label" }, Oe = {
|
|
40
|
-
key: 1,
|
|
41
|
-
class: "nb-data-table__th-label"
|
|
42
|
-
}, ke = {
|
|
43
|
-
key: 1,
|
|
44
|
-
scope: "col",
|
|
45
|
-
class: "nb-data-table__th nb-data-table__actions-cell"
|
|
46
|
-
}, Ae = ["role"], je = {
|
|
47
|
-
key: 0,
|
|
48
|
-
class: "nb-data-table__td"
|
|
49
|
-
}, Me = {
|
|
50
|
-
key: 1,
|
|
51
|
-
class: "nb-data-table__td"
|
|
52
|
-
}, Ne = {
|
|
53
|
-
key: 1,
|
|
54
|
-
class: "nb-data-table__state-row"
|
|
55
|
-
}, Pe = ["colspan"], Fe = {
|
|
56
|
-
key: 2,
|
|
57
|
-
class: "nb-data-table__state-row"
|
|
58
|
-
}, Ie = ["colspan"], Le = [
|
|
59
|
-
"role",
|
|
60
|
-
"aria-selected",
|
|
61
|
-
"onClick"
|
|
62
|
-
], Re = [
|
|
63
|
-
"checked",
|
|
64
|
-
"aria-label",
|
|
65
|
-
"onChange"
|
|
66
|
-
], ze = ["role", "data-label"], Be = {
|
|
67
|
-
key: 1,
|
|
68
|
-
class: "nb-data-table__footer"
|
|
69
|
-
}, E = /* @__PURE__ */ e(/* @__PURE__ */ g({
|
|
70
|
-
__name: "DataTable",
|
|
71
|
-
props: {
|
|
72
|
-
columns: {},
|
|
73
|
-
rows: {},
|
|
74
|
-
rowKey: {},
|
|
75
|
-
size: { default: t.Medium },
|
|
76
|
-
sortState: { default: null },
|
|
77
|
-
selectable: { default: "none" },
|
|
78
|
-
selected: { default: () => [] },
|
|
79
|
-
loading: {
|
|
80
|
-
type: Boolean,
|
|
81
|
-
default: !1
|
|
82
|
-
},
|
|
83
|
-
skeletonRows: { default: 5 },
|
|
84
|
-
error: { default: void 0 },
|
|
85
|
-
emptyMessage: { default: void 0 },
|
|
86
|
-
stickyHeader: {
|
|
87
|
-
type: Boolean,
|
|
88
|
-
default: !0
|
|
89
|
-
},
|
|
90
|
-
zebra: {
|
|
91
|
-
type: Boolean,
|
|
92
|
-
default: !1
|
|
93
|
-
},
|
|
94
|
-
fill: {
|
|
95
|
-
type: Boolean,
|
|
96
|
-
default: !1
|
|
97
|
-
},
|
|
98
|
-
title: { default: void 0 },
|
|
99
|
-
description: { default: void 0 },
|
|
100
|
-
ariaLabel: { default: void 0 },
|
|
101
|
-
stackOnPhone: {
|
|
102
|
-
type: Boolean,
|
|
103
|
-
default: !1
|
|
104
|
-
}
|
|
105
|
-
},
|
|
106
|
-
emits: [
|
|
107
|
-
"sort",
|
|
108
|
-
"update:selected",
|
|
109
|
-
"row-click"
|
|
110
|
-
],
|
|
111
|
-
setup(e, { emit: t }) {
|
|
112
|
-
let g = e, { layerProps: E } = r(), D = t, O = oe(), Ve = `nb-data-table-select-${ae()}`, He = l(() => g.size), k = l(() => g.columns.filter((e) => !e.hidden)), A = l(() => g.selectable !== "none"), j = l(() => !!O["row-actions"]), Ue = l(() => k.value.length + (A.value ? 1 : 0) + (j.value ? 1 : 0)), { phone: We } = i(), M = l(() => g.stackOnPhone && We.value), Ge = l(() => (k.value.find((e) => e.primary) ?? k.value.find((e) => !e.phoneHidden && !e.phoneMeta))?.key);
|
|
113
|
-
function Ke(e) {
|
|
114
|
-
return e.phoneHidden ? "nb-data-table__td--phone-hidden" : e.key === Ge.value ? "nb-data-table__td--primary" : e.phoneMeta ? "nb-data-table__td--meta" : "nb-data-table__td--field";
|
|
115
|
-
}
|
|
116
|
-
let qe = l(() => !g.loading && !g.error && g.rows.length > 0 && (g.selectable === "multiple" || k.value.some((e) => e.sortable && !e.phoneHidden)));
|
|
117
|
-
function Je(e) {
|
|
118
|
-
if (e.width != null) return { width: typeof e.width == "number" ? `${e.width}px` : e.width };
|
|
119
|
-
}
|
|
120
|
-
function N(e, t) {
|
|
121
|
-
return t[e.key];
|
|
122
|
-
}
|
|
123
|
-
function Ye(e) {
|
|
124
|
-
return e == null ? "" : String(e);
|
|
125
|
-
}
|
|
126
|
-
let P = (e) => e.column.render?.(e.row, N(e.column, e.row), e.rowIndex) ?? null;
|
|
127
|
-
P.props = [
|
|
128
|
-
"column",
|
|
129
|
-
"row",
|
|
130
|
-
"rowIndex"
|
|
131
|
-
];
|
|
132
|
-
function F(e) {
|
|
133
|
-
let t = g.rowKey;
|
|
134
|
-
return typeof t == "function" ? t(e) : e[t];
|
|
135
|
-
}
|
|
136
|
-
let I = l(() => new Set(g.selected)), Xe = l(() => g.selected), L = l(() => g.selected.length);
|
|
137
|
-
function R(e) {
|
|
138
|
-
return I.value.has(F(e));
|
|
139
|
-
}
|
|
140
|
-
let z = l(() => g.rows.map((e) => F(e))), B = l(() => z.value.length > 0 && z.value.every((e) => I.value.has(e))), Ze = l(() => !B.value && z.value.some((e) => I.value.has(e))), V = y(null), H = !1;
|
|
141
|
-
function U(e) {
|
|
142
|
-
H = e.shiftKey;
|
|
143
|
-
}
|
|
144
|
-
C(z, () => {
|
|
145
|
-
V.value = null;
|
|
146
|
-
});
|
|
147
|
-
function Qe(e, t) {
|
|
148
|
-
let n = F(e), r = new Set(g.selected), i = !r.has(n), a = V.value, o = (e) => {
|
|
149
|
-
i ? r.add(e) : r.delete(e);
|
|
150
|
-
};
|
|
151
|
-
if (H && a !== null && a !== t) {
|
|
152
|
-
let e = Math.min(a, t), n = Math.max(a, t);
|
|
153
|
-
for (let t = e; t <= n; t++) {
|
|
154
|
-
let e = g.rows[t];
|
|
155
|
-
e && o(F(e));
|
|
156
|
-
}
|
|
157
|
-
} else o(n), V.value = t;
|
|
158
|
-
H = !1, D("update:selected", [...r]);
|
|
159
|
-
}
|
|
160
|
-
function $e(e) {
|
|
161
|
-
D("update:selected", [F(e)]);
|
|
162
|
-
}
|
|
163
|
-
function et() {
|
|
164
|
-
let e = new Set(g.selected);
|
|
165
|
-
B.value ? z.value.forEach((t) => e.delete(t)) : z.value.forEach((t) => e.add(t)), D("update:selected", [...e]);
|
|
166
|
-
}
|
|
167
|
-
function W() {
|
|
168
|
-
D("update:selected", []);
|
|
169
|
-
}
|
|
170
|
-
let G = l(() => g.selectable !== "none" && !!O["batch-actions"]), K = l(() => G.value && L.value > 0), tt = l(() => !!g.title || !!g.description || !!O.toolbar || !!O.search || !!O["toolbar-actions"]), nt = l(() => tt.value || G.value), q = y(null), J = y(null), Y = y(null), X = y(!1);
|
|
171
|
-
function Z() {
|
|
172
|
-
let e = J.value, t = Y.value;
|
|
173
|
-
X.value = !!e && !!t && t.offsetTop >= e.offsetTop + e.offsetHeight - 1;
|
|
174
|
-
}
|
|
175
|
-
let Q = null;
|
|
176
|
-
C([
|
|
177
|
-
q,
|
|
178
|
-
J,
|
|
179
|
-
Y
|
|
180
|
-
], (e) => {
|
|
181
|
-
if (Q?.disconnect(), Z(), !(typeof ResizeObserver > "u")) {
|
|
182
|
-
Q ??= new ResizeObserver(Z);
|
|
183
|
-
for (let t of e) t && Q.observe(t);
|
|
184
|
-
}
|
|
185
|
-
}, { flush: "post" }), re(() => {
|
|
186
|
-
Q?.disconnect(), Q = null;
|
|
187
|
-
});
|
|
188
|
-
function $(e) {
|
|
189
|
-
return !!g.sortState && g.sortState.key === e.key && g.sortState.direction !== "none";
|
|
190
|
-
}
|
|
191
|
-
function rt(e) {
|
|
192
|
-
return $(e) ? g.sortState.direction === "asc" ? "ascending" : "descending" : "none";
|
|
193
|
-
}
|
|
194
|
-
function it(e) {
|
|
195
|
-
return $(e) ? g.sortState.direction === "asc" ? se : le : ce;
|
|
196
|
-
}
|
|
197
|
-
function at(e) {
|
|
198
|
-
return e === "asc" ? "desc" : e === "desc" ? "none" : "asc";
|
|
199
|
-
}
|
|
200
|
-
function ot(e) {
|
|
201
|
-
let t = g.sortState && g.sortState.key === e.key ? g.sortState.direction : "none";
|
|
202
|
-
D("sort", {
|
|
203
|
-
key: e.key,
|
|
204
|
-
direction: at(t)
|
|
205
|
-
});
|
|
206
|
-
}
|
|
207
|
-
let st = ee(), ct = l(() => !!st?.vnode.props?.onRowClick);
|
|
208
|
-
function lt(e, t) {
|
|
209
|
-
D("row-click", e, t);
|
|
210
|
-
}
|
|
211
|
-
return (t, r) => (v(), f("div", te({ class: [
|
|
212
|
-
"nb-data-table",
|
|
213
|
-
`nb-data-table--${e.size}`,
|
|
214
|
-
{ "nb-data-table--zebra": e.zebra },
|
|
215
|
-
{ "nb-data-table--sticky": e.stickyHeader },
|
|
216
|
-
{ "nb-data-table--fill": e.fill },
|
|
217
|
-
{ "nb-data-table--stacked": M.value },
|
|
218
|
-
{ "nb-data-table--stacked-headless": M.value && !qe.value }
|
|
219
|
-
] }, ie(E)), [
|
|
220
|
-
nt.value ? (v(), f("div", {
|
|
221
|
-
key: 0,
|
|
222
|
-
ref_key: "toolbarRef",
|
|
223
|
-
ref: q,
|
|
224
|
-
class: _(["nb-data-table__toolbar", { "nb-data-table__toolbar--wrapped": X.value }])
|
|
225
|
-
}, [
|
|
226
|
-
p("div", {
|
|
227
|
-
ref_key: "toolbarHeadingRef",
|
|
228
|
-
ref: J,
|
|
229
|
-
class: "nb-data-table__toolbar-heading",
|
|
230
|
-
inert: K.value || void 0,
|
|
231
|
-
"aria-hidden": K.value || void 0
|
|
232
|
-
}, [x(t.$slots, "toolbar", { selectedCount: L.value }, () => [e.title || e.description ? (v(), f("div", de, [e.title ? (v(), f("h2", fe, S(e.title), 1)) : d("", !0), e.description ? (v(), f("p", pe, S(e.description), 1)) : d("", !0)])) : d("", !0)], !0)], 8, ue),
|
|
233
|
-
t.$slots.search || t.$slots["toolbar-actions"] ? (v(), f("div", {
|
|
234
|
-
key: 0,
|
|
235
|
-
ref_key: "toolbarToolsRef",
|
|
236
|
-
ref: Y,
|
|
237
|
-
class: _(["nb-data-table__toolbar-tools", { "nb-data-table__toolbar-tools--grow-search": X.value && !!t.$slots.search }]),
|
|
238
|
-
inert: K.value || void 0,
|
|
239
|
-
"aria-hidden": K.value || void 0
|
|
240
|
-
}, [x(t.$slots, "search", {}, void 0, !0), x(t.$slots, "toolbar-actions", {}, void 0, !0)], 10, me)) : d("", !0),
|
|
241
|
-
K.value ? (v(), f("div", he, [
|
|
242
|
-
p("span", ge, S(L.value) + " selected ", 1),
|
|
243
|
-
p("div", _e, [x(t.$slots, "batch-actions", {
|
|
244
|
-
selectedKeys: Xe.value,
|
|
245
|
-
clear: W
|
|
246
|
-
}, void 0, !0)]),
|
|
247
|
-
h(a, {
|
|
248
|
-
class: "nb-data-table__batch-cancel",
|
|
249
|
-
variant: "ghost",
|
|
250
|
-
size: He.value,
|
|
251
|
-
onClick: W
|
|
252
|
-
}, {
|
|
253
|
-
default: w(() => [...r[2] ||= [m(" Cancel ", -1)]]),
|
|
254
|
-
_: 1
|
|
255
|
-
}, 8, ["size"])
|
|
256
|
-
])) : d("", !0)
|
|
257
|
-
], 2)) : d("", !0),
|
|
258
|
-
p("div", ve, [p("table", {
|
|
259
|
-
class: "nb-data-table__table",
|
|
260
|
-
role: M.value ? "table" : void 0,
|
|
261
|
-
"aria-label": e.ariaLabel || e.title || void 0,
|
|
262
|
-
"aria-busy": e.loading || void 0
|
|
263
|
-
}, [
|
|
264
|
-
p("colgroup", null, [
|
|
265
|
-
A.value ? (v(), f("col", be)) : d("", !0),
|
|
266
|
-
(v(!0), f(c, null, b(k.value, (e) => (v(), f("col", {
|
|
267
|
-
key: `col-${e.key}`,
|
|
268
|
-
style: ne(Je(e))
|
|
269
|
-
}, null, 4))), 128)),
|
|
270
|
-
j.value ? (v(), f("col", xe)) : d("", !0)
|
|
271
|
-
]),
|
|
272
|
-
p("thead", {
|
|
273
|
-
class: "nb-data-table__head",
|
|
274
|
-
role: M.value ? "rowgroup" : void 0
|
|
275
|
-
}, [p("tr", { role: M.value ? "row" : void 0 }, [
|
|
276
|
-
A.value ? (v(), f("th", we, [e.selectable === "multiple" ? (v(), u(s, {
|
|
277
|
-
key: 0,
|
|
278
|
-
"model-value": B.value,
|
|
279
|
-
indeterminate: Ze.value,
|
|
280
|
-
"aria-label": "Select all rows",
|
|
281
|
-
"onUpdate:modelValue": et
|
|
282
|
-
}, null, 8, ["model-value", "indeterminate"])) : d("", !0)])) : d("", !0),
|
|
283
|
-
(v(!0), f(c, null, b(k.value, (e) => (v(), f("th", {
|
|
284
|
-
key: `th-${e.key}`,
|
|
285
|
-
scope: "col",
|
|
286
|
-
class: _([
|
|
287
|
-
"nb-data-table__th",
|
|
288
|
-
`nb-data-table__th--${e.align || "left"}`,
|
|
289
|
-
{ "nb-data-table__th--sortable": e.sortable },
|
|
290
|
-
{ "nb-data-table__th--sorted": $(e) },
|
|
291
|
-
M.value && e.phoneHidden && "nb-data-table__th--phone-hidden"
|
|
292
|
-
]),
|
|
293
|
-
"aria-sort": e.sortable ? rt(e) : void 0
|
|
294
|
-
}, [e.sortable ? (v(), f("button", {
|
|
295
|
-
key: 0,
|
|
296
|
-
type: "button",
|
|
297
|
-
class: "nb-data-table__sort",
|
|
298
|
-
onClick: (t) => ot(e)
|
|
299
|
-
}, [p("span", De, [x(t.$slots, `header-${e.key}`, { column: e }, () => [m(S(e.header), 1)], !0)]), h(n, {
|
|
300
|
-
name: it(e),
|
|
301
|
-
class: "nb-data-table__sort-icon",
|
|
302
|
-
"aria-hidden": "true"
|
|
303
|
-
}, null, 8, ["name"])], 8, Ee)) : (v(), f("span", Oe, [x(t.$slots, `header-${e.key}`, { column: e }, () => [m(S(e.header), 1)], !0)]))], 10, Te))), 128)),
|
|
304
|
-
j.value ? (v(), f("th", ke, [...r[3] ||= [p("span", { class: "nb-sr-only" }, "Row actions", -1)]])) : d("", !0)
|
|
305
|
-
], 8, Ce)], 8, Se),
|
|
306
|
-
p("tbody", {
|
|
307
|
-
class: "nb-data-table__body",
|
|
308
|
-
role: M.value ? "rowgroup" : void 0
|
|
309
|
-
}, [e.loading ? (v(!0), f(c, { key: 0 }, b(e.skeletonRows, (e) => (v(), f("tr", {
|
|
310
|
-
key: `skeleton-${e}`,
|
|
311
|
-
class: "nb-data-table__row nb-data-table__row--skeleton"
|
|
312
|
-
}, [
|
|
313
|
-
A.value ? (v(), f("td", je, [...r[4] ||= [p("span", { class: "nb-data-table__skeleton nb-data-table__skeleton--box" }, null, -1)]])) : d("", !0),
|
|
314
|
-
(v(!0), f(c, null, b(k.value, (t) => (v(), f("td", {
|
|
315
|
-
key: `sk-${e}-${t.key}`,
|
|
316
|
-
class: "nb-data-table__td"
|
|
317
|
-
}, [...r[5] ||= [p("span", { class: "nb-data-table__skeleton" }, null, -1)]]))), 128)),
|
|
318
|
-
j.value ? (v(), f("td", Me, [...r[6] ||= [p("span", { class: "nb-data-table__skeleton nb-data-table__skeleton--box" }, null, -1)]])) : d("", !0)
|
|
319
|
-
]))), 128)) : e.error ? (v(), f("tr", Ne, [p("td", {
|
|
320
|
-
colspan: Ue.value,
|
|
321
|
-
class: "nb-data-table__state nb-data-table__state--error"
|
|
322
|
-
}, [x(t.$slots, "error", { error: e.error }, () => [h(o, {
|
|
323
|
-
is: "span",
|
|
324
|
-
align: "center",
|
|
325
|
-
justify: "center",
|
|
326
|
-
gap: "xs",
|
|
327
|
-
class: "nb-data-table__state-inner"
|
|
328
|
-
}, {
|
|
329
|
-
default: w(() => [h(n, {
|
|
330
|
-
name: "warning-circle-fill",
|
|
331
|
-
"aria-hidden": "true"
|
|
332
|
-
}), p("span", null, S(e.error), 1)]),
|
|
333
|
-
_: 1
|
|
334
|
-
})], !0)], 8, Pe)])) : e.rows.length ? (v(!0), f(c, { key: 3 }, b(e.rows, (n, i) => (v(), f("tr", {
|
|
335
|
-
key: F(n),
|
|
336
|
-
class: _([
|
|
337
|
-
"nb-data-table__row",
|
|
338
|
-
{ "nb-data-table__row--selected": R(n) },
|
|
339
|
-
{ "nb-data-table__row--clickable": ct.value }
|
|
340
|
-
]),
|
|
341
|
-
role: M.value ? "row" : void 0,
|
|
342
|
-
"aria-selected": e.selectable === "none" ? void 0 : R(n),
|
|
343
|
-
onClick: (e) => lt(n, i)
|
|
344
|
-
}, [
|
|
345
|
-
A.value ? (v(), f("td", {
|
|
346
|
-
key: 0,
|
|
347
|
-
class: "nb-data-table__td nb-data-table__select-cell",
|
|
348
|
-
onClick: r[0] ||= T(() => {}, ["stop"]),
|
|
349
|
-
onMousedown: U,
|
|
350
|
-
onKeydown: U
|
|
351
|
-
}, [e.selectable === "multiple" ? (v(), u(s, {
|
|
352
|
-
key: 0,
|
|
353
|
-
"model-value": R(n),
|
|
354
|
-
"aria-label": `Select row ${i + 1}`,
|
|
355
|
-
"onUpdate:modelValue": (e) => Qe(n, i)
|
|
356
|
-
}, null, 8, [
|
|
357
|
-
"model-value",
|
|
358
|
-
"aria-label",
|
|
359
|
-
"onUpdate:modelValue"
|
|
360
|
-
])) : (v(), f("input", {
|
|
361
|
-
key: 1,
|
|
362
|
-
type: "radio",
|
|
363
|
-
class: "nb-data-table__radio",
|
|
364
|
-
name: Ve,
|
|
365
|
-
checked: R(n),
|
|
366
|
-
"aria-label": `Select row ${i + 1}`,
|
|
367
|
-
onChange: (e) => $e(n)
|
|
368
|
-
}, null, 40, Re))], 32)) : d("", !0),
|
|
369
|
-
(v(!0), f(c, null, b(k.value, (r) => (v(), f("td", {
|
|
370
|
-
key: `td-${F(n)}-${r.key}`,
|
|
371
|
-
class: _([
|
|
372
|
-
"nb-data-table__td",
|
|
373
|
-
`nb-data-table__td--${r.align || "left"}`,
|
|
374
|
-
r.cellClass,
|
|
375
|
-
M.value && Ke(r)
|
|
376
|
-
]),
|
|
377
|
-
role: M.value ? "cell" : void 0,
|
|
378
|
-
"data-label": e.stackOnPhone ? r.header : void 0
|
|
379
|
-
}, [x(t.$slots, `cell-${r.key}`, {
|
|
380
|
-
row: n,
|
|
381
|
-
value: N(r, n),
|
|
382
|
-
column: r,
|
|
383
|
-
rowIndex: i
|
|
384
|
-
}, () => [r.render ? (v(), u(P, {
|
|
385
|
-
key: 0,
|
|
386
|
-
column: r,
|
|
387
|
-
row: n,
|
|
388
|
-
"row-index": i
|
|
389
|
-
}, null, 8, [
|
|
390
|
-
"column",
|
|
391
|
-
"row",
|
|
392
|
-
"row-index"
|
|
393
|
-
])) : (v(), f(c, { key: 1 }, [m(S(Ye(N(r, n))), 1)], 64))], !0)], 10, ze))), 128)),
|
|
394
|
-
j.value ? (v(), f("td", {
|
|
395
|
-
key: 1,
|
|
396
|
-
class: "nb-data-table__td nb-data-table__actions-cell",
|
|
397
|
-
onClick: r[1] ||= T(() => {}, ["stop"])
|
|
398
|
-
}, [x(t.$slots, "row-actions", {
|
|
399
|
-
row: n,
|
|
400
|
-
rowIndex: i
|
|
401
|
-
}, void 0, !0)])) : d("", !0)
|
|
402
|
-
], 10, Le))), 128)) : (v(), f("tr", Fe, [p("td", {
|
|
403
|
-
colspan: Ue.value,
|
|
404
|
-
class: "nb-data-table__state nb-data-table__state--empty"
|
|
405
|
-
}, [x(t.$slots, "empty", {}, () => [p("span", null, S(e.emptyMessage || "No data to display"), 1)], !0)], 8, Ie)]))], 8, Ae)
|
|
406
|
-
], 8, ye)]),
|
|
407
|
-
t.$slots.footer ? (v(), f("div", Be, [x(t.$slots, "footer", {}, void 0, !0)])) : d("", !0)
|
|
408
|
-
], 16));
|
|
409
|
-
}
|
|
410
|
-
}), [["__scopeId", "data-v-0d151db9"]]);
|
|
411
|
-
//#endregion
|
|
412
|
-
export { E as t };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e=require(`./chunk-D-qHiVGv.cjs`),t=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),n=require(`./Size.d-GBIblj2D.cjs`),r=require(`./Icon-C8R_r_In.cjs`),i=require(`./composables/useSurfaceLayer.composable.cjs`),a=require(`./composables/usePhoneLayout.composable.cjs`),o=require(`./Button-C0UUTgEB.cjs`),s=require(`./Grid-D8c0StGs.cjs`),c=require(`./Checkbox-lWejJzIQ.cjs`);let l=require(`vue`),u=require(`@nubisco/ui/icons/arrow-up`);u=e.n(u);let d=require(`@nubisco/ui/icons/arrows-down-up`);d=e.n(d);let f=require(`@nubisco/ui/icons/arrow-down`);f=e.n(f);var p=[`inert`,`aria-hidden`],m={key:0},h={key:0,class:`nb-data-table__title`},g={key:1,class:`nb-data-table__description`},ee=[`inert`,`aria-hidden`],te={key:1,class:`nb-data-table__batch`,role:`region`,"aria-label":`Table batch actions`},ne={class:`nb-data-table__batch-count`},re={class:`nb-data-table__batch-actions`},ie={class:`nb-data-table__scroll`},ae=[`role`,`aria-label`,`aria-busy`],oe={key:0,class:`nb-data-table__col-select`},se={key:1,class:`nb-data-table__col-actions`},ce=[`role`],le=[`role`],ue={key:0,scope:`col`,class:`nb-data-table__th nb-data-table__select-cell`},_=[`aria-sort`],de=[`onClick`],fe={class:`nb-data-table__th-label`},pe={key:1,class:`nb-data-table__th-label`},me={key:1,scope:`col`,class:`nb-data-table__th nb-data-table__actions-cell`},he=[`role`],ge={key:0,class:`nb-data-table__td`},v={key:1,class:`nb-data-table__td`},y={key:1,class:`nb-data-table__state-row`},b=[`colspan`],x={key:2,class:`nb-data-table__state-row`},_e=[`colspan`],ve=[`role`,`aria-selected`,`onClick`],ye=[`checked`,`aria-label`,`onChange`],be=[`role`,`data-label`],xe={key:1,class:`nb-data-table__footer`},S=(0,l.defineComponent)({__name:`DataTable`,props:{columns:{},rows:{},rowKey:{},size:{default:n.r.Medium},sortState:{default:null},selectable:{default:`none`},selected:{default:()=>[]},loading:{type:Boolean,default:!1},skeletonRows:{default:5},error:{default:void 0},emptyMessage:{default:void 0},stickyHeader:{type:Boolean,default:!0},zebra:{type:Boolean,default:!1},fill:{type:Boolean,default:!1},title:{default:void 0},description:{default:void 0},ariaLabel:{default:void 0},stackOnPhone:{type:Boolean,default:!1}},emits:[`sort`,`update:selected`,`row-click`],setup(e,{emit:t}){let n=e,{layerProps:S}=i.useSurfaceLayer(),C=t,w=(0,l.useSlots)(),T=`nb-data-table-select-${(0,l.useId)()}`,E=(0,l.computed)(()=>n.size),D=(0,l.computed)(()=>n.columns.filter(e=>!e.hidden)),O=(0,l.computed)(()=>n.selectable!==`none`),k=(0,l.computed)(()=>!!w[`row-actions`]),A=(0,l.computed)(()=>D.value.length+(O.value?1:0)+(k.value?1:0)),{phone:j}=a.usePhoneLayout(),M=(0,l.computed)(()=>n.stackOnPhone&&j.value),Se=(0,l.computed)(()=>(D.value.find(e=>e.primary)??D.value.find(e=>!e.phoneHidden&&!e.phoneMeta))?.key);function Ce(e){return e.phoneHidden?`nb-data-table__td--phone-hidden`:e.key===Se.value?`nb-data-table__td--primary`:e.phoneMeta?`nb-data-table__td--meta`:`nb-data-table__td--field`}let we=(0,l.computed)(()=>!n.loading&&!n.error&&n.rows.length>0&&(n.selectable===`multiple`||D.value.some(e=>e.sortable&&!e.phoneHidden)));function Te(e){if(e.width!=null)return{width:typeof e.width==`number`?`${e.width}px`:e.width}}function N(e,t){return t[e.key]}function Ee(e){return e==null?``:String(e)}let P=e=>e.column.render?.(e.row,N(e.column,e.row),e.rowIndex)??null;P.props=[`column`,`row`,`rowIndex`];function F(e){let t=n.rowKey;return typeof t==`function`?t(e):e[t]}let I=(0,l.computed)(()=>new Set(n.selected)),De=(0,l.computed)(()=>n.selected),L=(0,l.computed)(()=>n.selected.length);function R(e){return I.value.has(F(e))}let z=(0,l.computed)(()=>n.rows.map(e=>F(e))),B=(0,l.computed)(()=>z.value.length>0&&z.value.every(e=>I.value.has(e))),Oe=(0,l.computed)(()=>!B.value&&z.value.some(e=>I.value.has(e))),V=(0,l.ref)(null),H=!1;function U(e){H=e.shiftKey}(0,l.watch)(z,()=>{V.value=null});function ke(e,t){let r=F(e),i=new Set(n.selected),a=!i.has(r),o=V.value,s=e=>{a?i.add(e):i.delete(e)};if(H&&o!==null&&o!==t){let e=Math.min(o,t),r=Math.max(o,t);for(let t=e;t<=r;t++){let e=n.rows[t];e&&s(F(e))}}else s(r),V.value=t;H=!1,C(`update:selected`,[...i])}function Ae(e){C(`update:selected`,[F(e)])}function je(){let e=new Set(n.selected);B.value?z.value.forEach(t=>e.delete(t)):z.value.forEach(t=>e.add(t)),C(`update:selected`,[...e])}function W(){C(`update:selected`,[])}let G=(0,l.computed)(()=>n.selectable!==`none`&&!!w[`batch-actions`]),K=(0,l.computed)(()=>G.value&&L.value>0),Me=(0,l.computed)(()=>!!n.title||!!n.description||!!w.toolbar||!!w.search||!!w[`toolbar-actions`]),Ne=(0,l.computed)(()=>Me.value||G.value),q=(0,l.ref)(null),J=(0,l.ref)(null),Y=(0,l.ref)(null),X=(0,l.ref)(!1);function Z(){let e=J.value,t=Y.value;X.value=!!e&&!!t&&t.offsetTop>=e.offsetTop+e.offsetHeight-1}let Q=null;(0,l.watch)([q,J,Y],e=>{if(Q?.disconnect(),Z(),!(typeof ResizeObserver>`u`)){Q??=new ResizeObserver(Z);for(let t of e)t&&Q.observe(t)}},{flush:`post`}),(0,l.onBeforeUnmount)(()=>{Q?.disconnect(),Q=null});function $(e){return!!n.sortState&&n.sortState.key===e.key&&n.sortState.direction!==`none`}function Pe(e){return $(e)?n.sortState.direction===`asc`?`ascending`:`descending`:`none`}function Fe(e){return $(e)?n.sortState.direction===`asc`?u:f:d}function Ie(e){return e===`asc`?`desc`:e===`desc`?`none`:`asc`}function Le(e){let t=n.sortState&&n.sortState.key===e.key?n.sortState.direction:`none`;C(`sort`,{key:e.key,direction:Ie(t)})}let Re=(0,l.getCurrentInstance)(),ze=(0,l.computed)(()=>!!Re?.vnode.props?.onRowClick);function Be(e,t){C(`row-click`,e,t)}return(t,n)=>((0,l.openBlock)(),(0,l.createElementBlock)(`div`,(0,l.mergeProps)({class:[`nb-data-table`,`nb-data-table--${e.size}`,{"nb-data-table--zebra":e.zebra},{"nb-data-table--sticky":e.stickyHeader},{"nb-data-table--fill":e.fill},{"nb-data-table--stacked":M.value},{"nb-data-table--stacked-headless":M.value&&!we.value}]},(0,l.unref)(S)),[Ne.value?((0,l.openBlock)(),(0,l.createElementBlock)(`div`,{key:0,ref_key:`toolbarRef`,ref:q,class:(0,l.normalizeClass)([`nb-data-table__toolbar`,{"nb-data-table__toolbar--wrapped":X.value}])},[(0,l.createElementVNode)(`div`,{ref_key:`toolbarHeadingRef`,ref:J,class:`nb-data-table__toolbar-heading`,inert:K.value||void 0,"aria-hidden":K.value||void 0},[(0,l.renderSlot)(t.$slots,`toolbar`,{selectedCount:L.value},()=>[e.title||e.description?((0,l.openBlock)(),(0,l.createElementBlock)(`div`,m,[e.title?((0,l.openBlock)(),(0,l.createElementBlock)(`h2`,h,(0,l.toDisplayString)(e.title),1)):(0,l.createCommentVNode)(``,!0),e.description?((0,l.openBlock)(),(0,l.createElementBlock)(`p`,g,(0,l.toDisplayString)(e.description),1)):(0,l.createCommentVNode)(``,!0)])):(0,l.createCommentVNode)(``,!0)],!0)],8,p),t.$slots.search||t.$slots[`toolbar-actions`]?((0,l.openBlock)(),(0,l.createElementBlock)(`div`,{key:0,ref_key:`toolbarToolsRef`,ref:Y,class:(0,l.normalizeClass)([`nb-data-table__toolbar-tools`,{"nb-data-table__toolbar-tools--grow-search":X.value&&!!t.$slots.search}]),inert:K.value||void 0,"aria-hidden":K.value||void 0},[(0,l.renderSlot)(t.$slots,`search`,{},void 0,!0),(0,l.renderSlot)(t.$slots,`toolbar-actions`,{},void 0,!0)],10,ee)):(0,l.createCommentVNode)(``,!0),K.value?((0,l.openBlock)(),(0,l.createElementBlock)(`div`,te,[(0,l.createElementVNode)(`span`,ne,(0,l.toDisplayString)(L.value)+` selected `,1),(0,l.createElementVNode)(`div`,re,[(0,l.renderSlot)(t.$slots,`batch-actions`,{selectedKeys:De.value,clear:W},void 0,!0)]),(0,l.createVNode)(o.t,{class:`nb-data-table__batch-cancel`,variant:`ghost`,size:E.value,onClick:W},{default:(0,l.withCtx)(()=>[...n[2]||=[(0,l.createTextVNode)(` Cancel `,-1)]]),_:1},8,[`size`])])):(0,l.createCommentVNode)(``,!0)],2)):(0,l.createCommentVNode)(``,!0),(0,l.createElementVNode)(`div`,ie,[(0,l.createElementVNode)(`table`,{class:`nb-data-table__table`,role:M.value?`table`:void 0,"aria-label":e.ariaLabel||e.title||void 0,"aria-busy":e.loading||void 0},[(0,l.createElementVNode)(`colgroup`,null,[O.value?((0,l.openBlock)(),(0,l.createElementBlock)(`col`,oe)):(0,l.createCommentVNode)(``,!0),((0,l.openBlock)(!0),(0,l.createElementBlock)(l.Fragment,null,(0,l.renderList)(D.value,e=>((0,l.openBlock)(),(0,l.createElementBlock)(`col`,{key:`col-${e.key}`,style:(0,l.normalizeStyle)(Te(e))},null,4))),128)),k.value?((0,l.openBlock)(),(0,l.createElementBlock)(`col`,se)):(0,l.createCommentVNode)(``,!0)]),(0,l.createElementVNode)(`thead`,{class:`nb-data-table__head`,role:M.value?`rowgroup`:void 0},[(0,l.createElementVNode)(`tr`,{role:M.value?`row`:void 0},[O.value?((0,l.openBlock)(),(0,l.createElementBlock)(`th`,ue,[e.selectable===`multiple`?((0,l.openBlock)(),(0,l.createBlock)(c.t,{key:0,"model-value":B.value,indeterminate:Oe.value,"aria-label":`Select all rows`,"onUpdate:modelValue":je},null,8,[`model-value`,`indeterminate`])):(0,l.createCommentVNode)(``,!0)])):(0,l.createCommentVNode)(``,!0),((0,l.openBlock)(!0),(0,l.createElementBlock)(l.Fragment,null,(0,l.renderList)(D.value,e=>((0,l.openBlock)(),(0,l.createElementBlock)(`th`,{key:`th-${e.key}`,scope:`col`,class:(0,l.normalizeClass)([`nb-data-table__th`,`nb-data-table__th--${e.align||`left`}`,{"nb-data-table__th--sortable":e.sortable},{"nb-data-table__th--sorted":$(e)},M.value&&e.phoneHidden&&`nb-data-table__th--phone-hidden`]),"aria-sort":e.sortable?Pe(e):void 0},[e.sortable?((0,l.openBlock)(),(0,l.createElementBlock)(`button`,{key:0,type:`button`,class:`nb-data-table__sort`,onClick:t=>Le(e)},[(0,l.createElementVNode)(`span`,fe,[(0,l.renderSlot)(t.$slots,`header-${e.key}`,{column:e},()=>[(0,l.createTextVNode)((0,l.toDisplayString)(e.header),1)],!0)]),(0,l.createVNode)(r.t,{name:Fe(e),class:`nb-data-table__sort-icon`,"aria-hidden":`true`},null,8,[`name`])],8,de)):((0,l.openBlock)(),(0,l.createElementBlock)(`span`,pe,[(0,l.renderSlot)(t.$slots,`header-${e.key}`,{column:e},()=>[(0,l.createTextVNode)((0,l.toDisplayString)(e.header),1)],!0)]))],10,_))),128)),k.value?((0,l.openBlock)(),(0,l.createElementBlock)(`th`,me,[...n[3]||=[(0,l.createElementVNode)(`span`,{class:`nb-sr-only`},`Row actions`,-1)]])):(0,l.createCommentVNode)(``,!0)],8,le)],8,ce),(0,l.createElementVNode)(`tbody`,{class:`nb-data-table__body`,role:M.value?`rowgroup`:void 0},[e.loading?((0,l.openBlock)(!0),(0,l.createElementBlock)(l.Fragment,{key:0},(0,l.renderList)(e.skeletonRows,e=>((0,l.openBlock)(),(0,l.createElementBlock)(`tr`,{key:`skeleton-${e}`,class:`nb-data-table__row nb-data-table__row--skeleton`},[O.value?((0,l.openBlock)(),(0,l.createElementBlock)(`td`,ge,[...n[4]||=[(0,l.createElementVNode)(`span`,{class:`nb-data-table__skeleton nb-data-table__skeleton--box`},null,-1)]])):(0,l.createCommentVNode)(``,!0),((0,l.openBlock)(!0),(0,l.createElementBlock)(l.Fragment,null,(0,l.renderList)(D.value,t=>((0,l.openBlock)(),(0,l.createElementBlock)(`td`,{key:`sk-${e}-${t.key}`,class:`nb-data-table__td`},[...n[5]||=[(0,l.createElementVNode)(`span`,{class:`nb-data-table__skeleton`},null,-1)]]))),128)),k.value?((0,l.openBlock)(),(0,l.createElementBlock)(`td`,v,[...n[6]||=[(0,l.createElementVNode)(`span`,{class:`nb-data-table__skeleton nb-data-table__skeleton--box`},null,-1)]])):(0,l.createCommentVNode)(``,!0)]))),128)):e.error?((0,l.openBlock)(),(0,l.createElementBlock)(`tr`,y,[(0,l.createElementVNode)(`td`,{colspan:A.value,class:`nb-data-table__state nb-data-table__state--error`},[(0,l.renderSlot)(t.$slots,`error`,{error:e.error},()=>[(0,l.createVNode)(s.t,{is:`span`,align:`center`,justify:`center`,gap:`xs`,class:`nb-data-table__state-inner`},{default:(0,l.withCtx)(()=>[(0,l.createVNode)(r.t,{name:`warning-circle-fill`,"aria-hidden":`true`}),(0,l.createElementVNode)(`span`,null,(0,l.toDisplayString)(e.error),1)]),_:1})],!0)],8,b)])):e.rows.length?((0,l.openBlock)(!0),(0,l.createElementBlock)(l.Fragment,{key:3},(0,l.renderList)(e.rows,(r,i)=>((0,l.openBlock)(),(0,l.createElementBlock)(`tr`,{key:F(r),class:(0,l.normalizeClass)([`nb-data-table__row`,{"nb-data-table__row--selected":R(r)},{"nb-data-table__row--clickable":ze.value}]),role:M.value?`row`:void 0,"aria-selected":e.selectable===`none`?void 0:R(r),onClick:e=>Be(r,i)},[O.value?((0,l.openBlock)(),(0,l.createElementBlock)(`td`,{key:0,class:`nb-data-table__td nb-data-table__select-cell`,onClick:n[0]||=(0,l.withModifiers)(()=>{},[`stop`]),onMousedown:U,onKeydown:U},[e.selectable===`multiple`?((0,l.openBlock)(),(0,l.createBlock)(c.t,{key:0,"model-value":R(r),"aria-label":`Select row ${i+1}`,"onUpdate:modelValue":e=>ke(r,i)},null,8,[`model-value`,`aria-label`,`onUpdate:modelValue`])):((0,l.openBlock)(),(0,l.createElementBlock)(`input`,{key:1,type:`radio`,class:`nb-data-table__radio`,name:T,checked:R(r),"aria-label":`Select row ${i+1}`,onChange:e=>Ae(r)},null,40,ye))],32)):(0,l.createCommentVNode)(``,!0),((0,l.openBlock)(!0),(0,l.createElementBlock)(l.Fragment,null,(0,l.renderList)(D.value,n=>((0,l.openBlock)(),(0,l.createElementBlock)(`td`,{key:`td-${F(r)}-${n.key}`,class:(0,l.normalizeClass)([`nb-data-table__td`,`nb-data-table__td--${n.align||`left`}`,n.cellClass,M.value&&Ce(n)]),role:M.value?`cell`:void 0,"data-label":e.stackOnPhone?n.header:void 0},[(0,l.renderSlot)(t.$slots,`cell-${n.key}`,{row:r,value:N(n,r),column:n,rowIndex:i},()=>[n.render?((0,l.openBlock)(),(0,l.createBlock)(P,{key:0,column:n,row:r,"row-index":i},null,8,[`column`,`row`,`row-index`])):((0,l.openBlock)(),(0,l.createElementBlock)(l.Fragment,{key:1},[(0,l.createTextVNode)((0,l.toDisplayString)(Ee(N(n,r))),1)],64))],!0)],10,be))),128)),k.value?((0,l.openBlock)(),(0,l.createElementBlock)(`td`,{key:1,class:`nb-data-table__td nb-data-table__actions-cell`,onClick:n[1]||=(0,l.withModifiers)(()=>{},[`stop`])},[(0,l.renderSlot)(t.$slots,`row-actions`,{row:r,rowIndex:i},void 0,!0)])):(0,l.createCommentVNode)(``,!0)],10,ve))),128)):((0,l.openBlock)(),(0,l.createElementBlock)(`tr`,x,[(0,l.createElementVNode)(`td`,{colspan:A.value,class:`nb-data-table__state nb-data-table__state--empty`},[(0,l.renderSlot)(t.$slots,`empty`,{},()=>[(0,l.createElementVNode)(`span`,null,(0,l.toDisplayString)(e.emptyMessage||`No data to display`),1)],!0)],8,_e)]))],8,he)],8,ae)]),t.$slots.footer?((0,l.openBlock)(),(0,l.createElementBlock)(`div`,xe,[(0,l.renderSlot)(t.$slots,`footer`,{},void 0,!0)])):(0,l.createCommentVNode)(``,!0)],16))}}),C=t.t(S,[[`__scopeId`,`data-v-0d151db9`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return C}});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./Icon-C8R_r_In.cjs`),n=require(`./composables/useSurfaceLayer.composable.cjs`),r=require(`./Button-C0UUTgEB.cjs`);let i=require(`vue`),a=require(`@nubisco/ui/icons/x`),o=require(`@nubisco/ui/icons/circle-notch`);var s=function(e){return e.Primary=`primary`,e.Secondary=`secondary`,e.Ghost=`ghost`,e.Danger=`danger`,e.Success=`success`,e.Warning=`warning`,e}(s||{}),c=function(e){return e.Idle=`idle`,e.Loading=`loading`,e.Success=`success`,e}(c||{}),l={key:0,class:`nb-file-uploader__heading`},u={key:1,class:`nb-file-uploader__description`},d=[`accept`,`multiple`],f={key:4,class:`nb-file-uploader__list`},p={class:`nb-file-uploader__name`},m={class:`nb-file-uploader__status`},h=[`aria-label`,`onClick`],g={key:0,class:`nb-file-uploader__error`},_=(0,i.defineComponent)({__name:`FileUploader`,props:{heading:{},description:{},buttonLabel:{default:`Add file`},variant:{default:s.Primary},accept:{},multiple:{type:Boolean,default:!1},maxSize:{},disabled:{type:Boolean},id:{}},emits:[`change`,`remove`],setup(e,{expose:s,emit:_}){let v=e,{layerProps:y}=n.useSurfaceLayer(),b=_,x=(0,i.ref)(null),S=(0,i.ref)([]),C=(0,i.ref)(!1),w=0;function T(){x.value?.click()}function E(e){if(v.maxSize&&e.size>v.maxSize)return`File exceeds size limit.`;if(v.accept){let t=v.accept.split(`,`).map(e=>e.trim().toLowerCase()),n=e.name.toLowerCase();if(!t.some(t=>t.startsWith(`.`)?n.endsWith(t):t.includes(`/`)?e.type===t||e.type.startsWith(t.replaceAll(`*`,``)):!1))return`File type not accepted.`}}function D(e){let t=Array.from(e);v.multiple||(S.value=[]);for(let e of t){let t=E(e);S.value.push({file:e,status:c.Idle,error:t})}b(`change`,S.value.filter(e=>!e.error).map(e=>e.file))}function O(e){let t=e.target;t.files?.length&&(D(t.files),t.value=``)}function k(){w++,C.value=!0}function A(){w--,w<=0&&(w=0,C.value=!1)}function j(e){w=0,C.value=!1;let t=e.dataTransfer?.files;t?.length&&D(t)}function M(e){let t=S.value[e];S.value.splice(e,1),b(`remove`,t.file),b(`change`,S.value.filter(e=>!e.error).map(e=>e.file))}function N(e,t,n){S.value[e]&&(S.value[e].status=t,S.value[e].error=n)}return s({files:S,setFileStatus:N}),(n,s)=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,(0,i.mergeProps)({class:`nb-file-uploader`},(0,i.unref)(y),{onDragenter:(0,i.withModifiers)(k,[`prevent`]),onDragover:s[0]||=(0,i.withModifiers)(()=>{},[`prevent`]),onDragleave:(0,i.withModifiers)(A,[`prevent`]),onDrop:(0,i.withModifiers)(j,[`prevent`])}),[e.heading?((0,i.openBlock)(),(0,i.createElementBlock)(`p`,l,(0,i.toDisplayString)(e.heading),1)):(0,i.createCommentVNode)(``,!0),e.description?((0,i.openBlock)(),(0,i.createElementBlock)(`p`,u,(0,i.toDisplayString)(e.description),1)):(0,i.createCommentVNode)(``,!0),C.value?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:2,class:(0,i.normalizeClass)([`nb-file-uploader__dropzone`,`nb-file-uploader__dropzone--${e.variant}`])},[...s[1]||=[(0,i.createElementVNode)(`span`,{class:`nb-file-uploader__drop-label`},[(0,i.createTextVNode)(` Drag and drop files here`),(0,i.createElementVNode)(`br`),(0,i.createTextVNode)(`or click to upload `)],-1)]],2)):((0,i.openBlock)(),(0,i.createBlock)(r.t,{key:3,class:`nb-file-uploader__btn`,variant:e.variant,onClick:(0,i.withModifiers)(T,[`stop`])},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.buttonLabel),1)]),_:1},8,[`variant`])),(0,i.createElementVNode)(`input`,{ref_key:`inputRef`,ref:x,type:`file`,class:`nb-file-uploader__input`,accept:e.accept,multiple:e.multiple,onChange:O},null,40,d),S.value.length?((0,i.openBlock)(),(0,i.createElementBlock)(`ul`,f,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(S.value,(e,n)=>((0,i.openBlock)(),(0,i.createElementBlock)(`li`,{key:n,class:(0,i.normalizeClass)([`nb-file-uploader__item`,{"nb-file-uploader__item--error":e.error,"nb-file-uploader__item--success":e.status===`success`}])},[(0,i.createElementVNode)(`span`,p,(0,i.toDisplayString)(e.file.name),1),(0,i.createElementVNode)(`span`,m,[e.status===`loading`?((0,i.openBlock)(),(0,i.createBlock)(t.t,{key:0,name:(0,i.unref)(o.regular),class:`nb-file-uploader__spinner`},null,8,[`name`])):e.status===`success`?((0,i.openBlock)(),(0,i.createBlock)(t.t,{key:1,name:`check-circle-fill`,class:`nb-file-uploader__check`})):(0,i.createCommentVNode)(``,!0),e.error?((0,i.openBlock)(),(0,i.createBlock)(t.t,{key:2,name:`warning-circle-fill`,class:`nb-file-uploader__warn`})):(0,i.createCommentVNode)(``,!0),e.status===`loading`?(0,i.createCommentVNode)(``,!0):((0,i.openBlock)(),(0,i.createElementBlock)(`button`,{key:3,class:`nb-file-uploader__remove`,type:`button`,"aria-label":`Remove ${e.file.name}`,onClick:e=>M(n)},[(0,i.createVNode)(t.t,{name:(0,i.unref)(a.regular)},null,8,[`name`])],8,h))]),e.error?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,g,(0,i.toDisplayString)(e.error),1)):(0,i.createCommentVNode)(``,!0)],2))),128))])):(0,i.createCommentVNode)(``,!0)],16))}}),v=e.t(_,[[`__scopeId`,`data-v-7f391a7f`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return v}});
|