@adyen/bento-vue3 1.48.0 → 1.50.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/@types/index.d.ts +107 -944
- package/dist/action-bar.js +1 -1
- package/dist/alert.js +1 -1
- package/dist/assets/accordion-item.css +1 -1
- package/dist/assets/action-bar.css +1 -1
- package/dist/assets/base-modal.css +1 -1
- package/dist/assets/card.css +1 -1
- package/dist/assets/data-grid.css +1 -1
- package/dist/assets/dialog-page.css +1 -1
- package/dist/assets/dropdown.css +1 -1
- package/dist/assets/file-uploader.css +1 -1
- package/dist/assets/filter-bar.css +1 -1
- package/dist/assets/header.css +1 -1
- package/dist/assets/inspector.css +1 -1
- package/dist/assets/link.css +1 -1
- package/dist/assets/menu.css +1 -1
- package/dist/assets/modal-fullscreen.css +1 -1
- package/dist/assets/payment-method.css +1 -1
- package/dist/assets/popover.css +1 -1
- package/dist/assets/sidepanel.css +1 -1
- package/dist/assets/toggle-button.css +1 -1
- package/dist/button.js +3 -3
- package/dist/card.js +1 -1
- package/dist/checkbox.js +2 -2
- package/dist/chunks/{action-bar.DWekSxPr.js → action-bar.DkGjsKiy.js} +6 -6
- package/dist/chunks/{action-bar.DWekSxPr.js.map → action-bar.DkGjsKiy.js.map} +1 -1
- package/dist/chunks/{alert.Dd2DYCZ1.js → alert.DGewBB2a.js} +2 -2
- package/dist/chunks/{alert.Dd2DYCZ1.js.map → alert.DGewBB2a.js.map} +1 -1
- package/dist/chunks/{base-modal.DOrcARK1.js → base-modal.gW2mkOwf.js} +5 -5
- package/dist/chunks/{base-modal.DOrcARK1.js.map → base-modal.gW2mkOwf.js.map} +1 -1
- package/dist/chunks/{button-actions-with-menu.BRdRrr4J.js → button-actions-with-menu.BXRKkFiw.js} +4 -4
- package/dist/chunks/{button-actions-with-menu.BRdRrr4J.js.map → button-actions-with-menu.BXRKkFiw.js.map} +1 -1
- package/dist/chunks/{button-actions.ncthaz2m.js → button-actions.BZEKcCbe.js} +2 -2
- package/dist/chunks/{button-actions.ncthaz2m.js.map → button-actions.BZEKcCbe.js.map} +1 -1
- package/dist/chunks/{button.Cneb6rPP.js → button.BXVKUuum.js} +2 -2
- package/dist/chunks/{button.Cneb6rPP.js.map → button.BXVKUuum.js.map} +1 -1
- package/dist/chunks/{calendar.BdLQOioy.js → calendar.DNQlLbkK.js} +2 -2
- package/dist/chunks/{calendar.BdLQOioy.js.map → calendar.DNQlLbkK.js.map} +1 -1
- package/dist/chunks/{card.BAg7yMMT.js → card.Ec-SR2qG.js} +2 -2
- package/dist/chunks/{card.BAg7yMMT.js.map → card.Ec-SR2qG.js.map} +1 -1
- package/dist/chunks/{checkbox-group.C-EmVp5t.js → checkbox-group.KeIRO8lx.js} +4 -4
- package/dist/chunks/{checkbox-group.C-EmVp5t.js.map → checkbox-group.KeIRO8lx.js.map} +1 -1
- package/dist/chunks/{checkbox.BOtqaTUl.js → checkbox.BllRk82F.js} +17 -17
- package/dist/chunks/{checkbox.BOtqaTUl.js.map → checkbox.BllRk82F.js.map} +1 -1
- package/dist/chunks/{code-snippet.C9fCiM5V.js → code-snippet.DfTfz3vU.js} +6 -6
- package/dist/chunks/{code-snippet.C9fCiM5V.js.map → code-snippet.DfTfz3vU.js.map} +1 -1
- package/dist/chunks/{controls-group.BeK9igGT.js → controls-group.BnbQO34k.js} +2 -2
- package/dist/chunks/{controls-group.BeK9igGT.js.map → controls-group.BnbQO34k.js.map} +1 -1
- package/dist/chunks/{copy.HpUjy6OL.js → copy.DAu8GrR9.js} +3 -3
- package/dist/chunks/{copy.HpUjy6OL.js.map → copy.DAu8GrR9.js.map} +1 -1
- package/dist/chunks/currency.DagWnTry.js.map +1 -1
- package/dist/chunks/{dashboard-section.DoGuJKz_.js → dashboard-section.pyg05_v_.js} +4 -4
- package/dist/chunks/{dashboard-section.DoGuJKz_.js.map → dashboard-section.pyg05_v_.js.map} +1 -1
- package/dist/chunks/{dashed-underline.DZuyR-N7.js → dashed-underline.DTZGLrPu.js} +3 -3
- package/dist/chunks/{dashed-underline.DZuyR-N7.js.map → dashed-underline.DTZGLrPu.js.map} +1 -1
- package/dist/chunks/{data-grid-template.BpJbblNT.js → data-grid-template.sUNqCvbt.js} +3 -3
- package/dist/chunks/{data-grid-template.BpJbblNT.js.map → data-grid-template.sUNqCvbt.js.map} +1 -1
- package/dist/chunks/{data-grid.CdTcZ3DP.js → data-grid.BNXoMZf9.js} +1028 -1022
- package/dist/chunks/data-grid.BNXoMZf9.js.map +1 -0
- package/dist/chunks/{date-picker.CjbhJWGH.js → date-picker.DgpHNnu_.js} +17 -17
- package/dist/chunks/{date-picker.CjbhJWGH.js.map → date-picker.DgpHNnu_.js.map} +1 -1
- package/dist/chunks/{date-range-picker.CoonfpYT.js → date-range-picker.CUIOfxjB.js} +26 -26
- package/dist/chunks/{date-range-picker.CoonfpYT.js.map → date-range-picker.CUIOfxjB.js.map} +1 -1
- package/dist/chunks/{dialog-page.D_r_CbyD.js → dialog-page.DK2UKGH8.js} +2 -2
- package/dist/chunks/{dialog-page.D_r_CbyD.js.map → dialog-page.DK2UKGH8.js.map} +1 -1
- package/dist/chunks/{dropdown-tag.B5QFkTl_.js → dropdown-tag.DqfoOcUU.js} +4 -4
- package/dist/chunks/{dropdown-tag.B5QFkTl_.js.map → dropdown-tag.DqfoOcUU.js.map} +1 -1
- package/dist/chunks/{dropdown.BN6DALZa.js → dropdown.a8OeeVAZ.js} +344 -344
- package/dist/chunks/dropdown.a8OeeVAZ.js.map +1 -0
- package/dist/chunks/{empty-state.C2ancCe6.js → empty-state.DkYtiTHG.js} +2 -2
- package/dist/chunks/{empty-state.C2ancCe6.js.map → empty-state.DkYtiTHG.js.map} +1 -1
- package/dist/chunks/{error-message.X-gxnQcx.js → error-message.B3z5WkLF.js} +2 -2
- package/dist/chunks/{error-message.X-gxnQcx.js.map → error-message.B3z5WkLF.js.map} +1 -1
- package/dist/chunks/es6.BtaxuP0b.js.map +1 -1
- package/dist/chunks/{file-uploader.CLZ1rPz0.js → file-uploader.DV4I5Lvf.js} +475 -470
- package/dist/chunks/file-uploader.DV4I5Lvf.js.map +1 -0
- package/dist/chunks/{filter-bar.zvHeHs9B.js → filter-bar.BZkXUVLH.js} +20 -19
- package/dist/chunks/{filter-bar.zvHeHs9B.js.map → filter-bar.BZkXUVLH.js.map} +1 -1
- package/dist/chunks/{fixed-scroller.BZwgM5Io.js → fixed-scroller.B4Eag_Sd.js} +2 -2
- package/dist/chunks/{fixed-scroller.BZwgM5Io.js.map → fixed-scroller.B4Eag_Sd.js.map} +1 -1
- package/dist/chunks/{focus-trap.CnKbO3b1.js → focus-trap.DPJj05sV.js} +6 -3
- package/dist/chunks/{focus-trap.CnKbO3b1.js.map → focus-trap.DPJj05sV.js.map} +1 -1
- package/dist/chunks/{footer-actions.X_RokrtM.js → footer-actions.WvWwFKM8.js} +3 -3
- package/dist/chunks/{footer-actions.X_RokrtM.js.map → footer-actions.WvWwFKM8.js.map} +1 -1
- package/dist/chunks/{form-layout-title.xkALokzl.js → form-layout-title.BHL_MDqT.js} +2 -2
- package/dist/chunks/{form-layout-title.xkALokzl.js.map → form-layout-title.BHL_MDqT.js.map} +1 -1
- package/dist/chunks/{header.CUhyy9NL.js → header.CRC9X7v2.js} +20 -20
- package/dist/chunks/{header.CUhyy9NL.js.map → header.CRC9X7v2.js.map} +1 -1
- package/dist/chunks/{index.BMkVmbZj.js → index.BS3BeXQJ.js} +8 -7
- package/dist/chunks/{index.BMkVmbZj.js.map → index.BS3BeXQJ.js.map} +1 -1
- package/dist/chunks/{info-icon-with-popover.NzQciGvf.js → info-icon-with-popover.BM0esxKN.js} +2 -2
- package/dist/chunks/{info-icon-with-popover.NzQciGvf.js.map → info-icon-with-popover.BM0esxKN.js.map} +1 -1
- package/dist/chunks/{info-icon.BCSBCH-5.js → info-icon.DQn8-VSp.js} +2 -2
- package/dist/chunks/{info-icon.BCSBCH-5.js.map → info-icon.DQn8-VSp.js.map} +1 -1
- package/dist/chunks/{input-field-password.B4HgGilX.js → input-field-password.Bo7FiAOq.js} +6 -6
- package/dist/chunks/{input-field-password.B4HgGilX.js.map → input-field-password.Bo7FiAOq.js.map} +1 -1
- package/dist/chunks/{input-field-phone-number.CpY2BLfO.js → input-field-phone-number.DO2uU2XW.js} +2 -2
- package/dist/chunks/{input-field-phone-number.CpY2BLfO.js.map → input-field-phone-number.DO2uU2XW.js.map} +1 -1
- package/dist/chunks/{input-field.DQKiMtZo.js → input-field.rgA0t2sp.js} +3 -3
- package/dist/chunks/{input-field.DQKiMtZo.js.map → input-field.rgA0t2sp.js.map} +1 -1
- package/dist/chunks/inspector.types.Io6ONte7.js +184 -0
- package/dist/chunks/inspector.types.Io6ONte7.js.map +1 -0
- package/dist/chunks/{layout-row.9G7yVMVt.js → layout-row.BAz7JrXo.js} +2 -2
- package/dist/chunks/{layout-row.9G7yVMVt.js.map → layout-row.BAz7JrXo.js.map} +1 -1
- package/dist/chunks/{link.ClFi8uSm.js → link.CyGCtpse.js} +9 -9
- package/dist/chunks/link.CyGCtpse.js.map +1 -0
- package/dist/chunks/{listbox-option-tag.CFNRfAtf.js → listbox-option-tag.DIk4F59J.js} +2 -2
- package/dist/chunks/{listbox-option-tag.CFNRfAtf.js.map → listbox-option-tag.DIk4F59J.js.map} +1 -1
- package/dist/chunks/{menu.DIKy_Pyt.js → menu.DKluB_Dn.js} +45 -44
- package/dist/chunks/menu.DKluB_Dn.js.map +1 -0
- package/dist/chunks/{modal-fullscreen.Fqcd3B6-.js → modal-fullscreen.D1gvJFag.js} +5 -5
- package/dist/chunks/{modal-fullscreen.Fqcd3B6-.js.map → modal-fullscreen.D1gvJFag.js.map} +1 -1
- package/dist/chunks/{modal.vue_vue_type_script_setup_true_lang.PEGJemgc.js → modal.vue_vue_type_script_setup_true_lang.91_wyIIq.js} +5 -5
- package/dist/chunks/{modal.vue_vue_type_script_setup_true_lang.PEGJemgc.js.map → modal.vue_vue_type_script_setup_true_lang.91_wyIIq.js.map} +1 -1
- package/dist/chunks/{pagination.DogGVwa2.js → pagination.CGS6fGUm.js} +3 -3
- package/dist/chunks/{pagination.DogGVwa2.js.map → pagination.CGS6fGUm.js.map} +1 -1
- package/dist/chunks/payment-method.CGNHCiy1.js +73 -0
- package/dist/chunks/payment-method.CGNHCiy1.js.map +1 -0
- package/dist/chunks/payment-method.types.CJKfZQN5.js.map +1 -1
- package/dist/chunks/{popover.NEP6wuPa.js → popover.BNOfWuSb.js} +94 -93
- package/dist/chunks/popover.BNOfWuSb.js.map +1 -0
- package/dist/chunks/{popper-container.DKDjRvdv.js → popper-container.BvGYgqiE.js} +2 -2
- package/dist/chunks/{popper-container.DKDjRvdv.js.map → popper-container.BvGYgqiE.js.map} +1 -1
- package/dist/chunks/{promo-banner.DTH4CZ_2.js → promo-banner.BUtq-2iR.js} +3 -3
- package/dist/chunks/{promo-banner.DTH4CZ_2.js.map → promo-banner.BUtq-2iR.js.map} +1 -1
- package/dist/chunks/{radio-group.BLHcC22p.js → radio-group.CivaJaaQ.js} +4 -4
- package/dist/chunks/{radio-group.BLHcC22p.js.map → radio-group.CivaJaaQ.js.map} +1 -1
- package/dist/chunks/{search-bar.CatznIEM.js → search-bar.Zdai5UhB.js} +3 -3
- package/dist/chunks/{search-bar.CatznIEM.js.map → search-bar.Zdai5UhB.js.map} +1 -1
- package/dist/chunks/{secondary-nav.LIzkbQY1.js → secondary-nav.C6D6dcs6.js} +3 -3
- package/dist/chunks/{secondary-nav.LIzkbQY1.js.map → secondary-nav.C6D6dcs6.js.map} +1 -1
- package/dist/chunks/{segmented-control.DOxyrdMz.js → segmented-control.DKWpxDho.js} +2 -2
- package/dist/chunks/{segmented-control.DOxyrdMz.js.map → segmented-control.DKWpxDho.js.map} +1 -1
- package/dist/chunks/{selection-card-group.BKatprYB.js → selection-card-group.DzwIeKQC.js} +12 -12
- package/dist/chunks/{selection-card-group.BKatprYB.js.map → selection-card-group.DzwIeKQC.js.map} +1 -1
- package/dist/chunks/{sidepanel.Be3uyOVd.js → sidepanel.DzF1iCZM.js} +5 -5
- package/dist/chunks/{sidepanel.Be3uyOVd.js.map → sidepanel.DzF1iCZM.js.map} +1 -1
- package/dist/chunks/{structured-list-item.BwgEJywb.js → structured-list-item.DQHvIbQo.js} +5 -5
- package/dist/chunks/{structured-list-item.BwgEJywb.js.map → structured-list-item.DQHvIbQo.js.map} +1 -1
- package/dist/chunks/{summary-grid-item-custom.Vx_YxH7S.js → summary-grid-item-custom.D6s8sw36.js} +4 -4
- package/dist/chunks/{summary-grid-item-custom.Vx_YxH7S.js.map → summary-grid-item-custom.D6s8sw36.js.map} +1 -1
- package/dist/chunks/{tabs.CR2tWuz3.js → tabs.CiTn85aw.js} +2 -2
- package/dist/chunks/{tabs.CR2tWuz3.js.map → tabs.CiTn85aw.js.map} +1 -1
- package/dist/chunks/{tag.Chr4TP7d.js → tag.Bmw9RaOG.js} +2 -2
- package/dist/chunks/{tag.Chr4TP7d.js.map → tag.Bmw9RaOG.js.map} +1 -1
- package/dist/chunks/{textarea.BLhKC_iw.js → textarea.CzuRg2pM.js} +3 -3
- package/dist/chunks/{textarea.BLhKC_iw.js.map → textarea.CzuRg2pM.js.map} +1 -1
- package/dist/chunks/{timeline-item.BVm2YscV.js → timeline-item.CjltBKy0.js} +7 -7
- package/dist/chunks/{timeline-item.BVm2YscV.js.map → timeline-item.CjltBKy0.js.map} +1 -1
- package/dist/chunks/{toast.A5f1_NqV.js → toast.BWxPbCOy.js} +2 -2
- package/dist/chunks/{toast.A5f1_NqV.js.map → toast.BWxPbCOy.js.map} +1 -1
- package/dist/chunks/{toggle-button.CCgvi7TQ.js → toggle-button.B9LWddx9.js} +23 -22
- package/dist/chunks/toggle-button.B9LWddx9.js.map +1 -0
- package/dist/chunks/{tooltip.2MOlGHD9.js → tooltip.DS1ok8gh.js} +2 -2
- package/dist/chunks/{tooltip.2MOlGHD9.js.map → tooltip.DS1ok8gh.js.map} +1 -1
- package/dist/chunks/{tutorial.vue_vue_type_script_setup_true_lang.D4ifiOTn.js → tutorial.vue_vue_type_script_setup_true_lang.CxTHd8yr.js} +5 -5
- package/dist/chunks/{tutorial.vue_vue_type_script_setup_true_lang.D4ifiOTn.js.map → tutorial.vue_vue_type_script_setup_true_lang.CxTHd8yr.js.map} +1 -1
- package/dist/chunks/{use-cached-selected-values.CoelUIEy.js → use-cached-selected-values.CxAhnNa6.js} +483 -479
- package/dist/chunks/use-cached-selected-values.CxAhnNa6.js.map +1 -0
- package/dist/code-snippet.js +1 -1
- package/dist/dashboard-template.js +1 -1
- package/dist/dashed-underline.js +1 -1
- package/dist/data-grid-template.js +1 -1
- package/dist/data-grid.js +1 -1
- package/dist/date-picker.js +2 -2
- package/dist/date-range-picker.js +2 -2
- package/dist/dropdown.js +3 -3
- package/dist/empty-state.js +1 -1
- package/dist/file-uploader.js +1 -1
- package/dist/filter-bar.js +1 -1
- package/dist/focus-trap.js +1 -1
- package/dist/form-layout.js +1 -1
- package/dist/header.js +1 -1
- package/dist/index.js +54 -54
- package/dist/info-icon.js +1 -1
- package/dist/input-field-password.js +1 -1
- package/dist/input-field-phone-number.js +1 -1
- package/dist/input-field.js +1 -1
- package/dist/inspector.js +1 -1
- package/dist/internal.js +12 -12
- package/dist/layout.js +1 -1
- package/dist/link.js +1 -1
- package/dist/menu.js +1 -1
- package/dist/modal-fullscreen.js +1 -1
- package/dist/modal.js +2 -2
- package/dist/pagination.js +1 -1
- package/dist/payment-method.js +1 -1
- package/dist/popover.js +1 -1
- package/dist/popper-container.js +1 -1
- package/dist/promo-banner.js +1 -1
- package/dist/radio-group.js +1 -1
- package/dist/search-bar.js +2 -2
- package/dist/secondary-nav.js +1 -1
- package/dist/segmented-control.js +1 -1
- package/dist/selection-card.js +1 -1
- package/dist/sidepanel.js +1 -1
- package/dist/structured-list.js +1 -1
- package/dist/styles/bento-dark.css +2 -1
- package/dist/styles/bento-light.css +2 -1
- package/dist/styles/bento.css +2 -1
- package/dist/styles/legacy.css +3 -0
- package/dist/styles/styleguide.css +2 -1
- package/dist/summary-grid.js +1 -1
- package/dist/tabs.js +1 -1
- package/dist/tag.js +1 -1
- package/dist/textarea.js +1 -1
- package/dist/timeline.js +1 -1
- package/dist/toast.js +1 -1
- package/dist/tutorial.js +1 -1
- package/dist/web-types.json +1 -1
- package/package.json +4 -4
- package/dist/chunks/data-grid.CdTcZ3DP.js.map +0 -1
- package/dist/chunks/dropdown.BN6DALZa.js.map +0 -1
- package/dist/chunks/file-uploader.CLZ1rPz0.js.map +0 -1
- package/dist/chunks/inspector.types.C-Qos3dV.js +0 -124
- package/dist/chunks/inspector.types.C-Qos3dV.js.map +0 -1
- package/dist/chunks/link.ClFi8uSm.js.map +0 -1
- package/dist/chunks/menu.DIKy_Pyt.js.map +0 -1
- package/dist/chunks/payment-method.NguqkTwG.js +0 -103
- package/dist/chunks/payment-method.NguqkTwG.js.map +0 -1
- package/dist/chunks/popover.NEP6wuPa.js.map +0 -1
- package/dist/chunks/toggle-button.CCgvi7TQ.js.map +0 -1
- package/dist/chunks/use-cached-selected-values.CoelUIEy.js.map +0 -1
|
@@ -1,146 +1,146 @@
|
|
|
1
|
-
import { ref as T, reactive as et, toRefs as tt, computed as E, watchEffect as Pn, watch as me, onMounted as nt, nextTick as ge, onUnmounted as Pt, onBeforeUpdate as Bn, createElementBlock as y, openBlock as
|
|
1
|
+
import { ref as T, reactive as et, toRefs as tt, computed as E, watchEffect as Pn, watch as me, onMounted as nt, nextTick as ge, onUnmounted as Pt, onBeforeUpdate as Bn, createElementBlock as y, openBlock as u, mergeProps as ee, createCommentVNode as F, createElementVNode as p, toDisplayString as Y, defineComponent as Ee, normalizeClass as ce, Fragment as ve, renderList as Ce, unref as s, toHandlers as Ve, createVNode as K, createBlock as P, withCtx as H, renderSlot as Se, withModifiers as Wn, resolveComponent as he, withDirectives as lt, createTextVNode as ue, vShow as Gn, toRef as Ye, resolveDirective as Hn, Transition as Bt, createSlots as Te, resolveDynamicComponent as Me, useSlots as st, provide as Wt, inject as Ke, normalizeStyle as ke, normalizeProps as Vn, guardReactiveProps as xn } from "vue";
|
|
2
2
|
import { C as Zn } from "./checkmark-circle-fill.g_tcBhFJ.js";
|
|
3
3
|
import { W as jn } from "./warning-filled.tTkVob0l.js";
|
|
4
4
|
import { _ as oe } from "./_plugin-vue_export-helper.CHgC5LLL.js";
|
|
5
5
|
import { C as Gt } from "./cross.BZYw4R3N.js";
|
|
6
6
|
import { N as _t } from "./checkbox-input.CAYgiRHG.js";
|
|
7
7
|
import { l as wt } from "./events.FNmSWp_P.js";
|
|
8
|
-
import { K as ye, B as qn } from "./tooltip.
|
|
8
|
+
import { K as ye, B as qn } from "./tooltip.DS1ok8gh.js";
|
|
9
9
|
import { c as Yn } from "./popper-container.types.BCZMbVFD.js";
|
|
10
|
-
import { B as
|
|
11
|
-
import { B as
|
|
10
|
+
import { B as Kn } from "./action-bar.DkGjsKiy.js";
|
|
11
|
+
import { B as Xn } from "./pagination.CGS6fGUm.js";
|
|
12
12
|
import { B as ot } from "./loading-indicator.DEepb9Wl.js";
|
|
13
|
-
import { B as
|
|
13
|
+
import { B as xe, p as Ht } from "./typography.DN5eC5ch.js";
|
|
14
14
|
import { u as it } from "./use-has-slot.B7eQSabc.js";
|
|
15
15
|
import { u as Jn } from "./aria-label.CaUURpnB.js";
|
|
16
16
|
import { g as Qn } from "./get-slot-text.DQlZEsId.js";
|
|
17
17
|
import { u as Ne } from "./i18n.D9azDLPe.js";
|
|
18
|
-
import { B as
|
|
19
|
-
import { B as
|
|
18
|
+
import { B as qe } from "./filter-bar.BZkXUVLH.js";
|
|
19
|
+
import { B as el } from "./empty-state.DkYtiTHG.js";
|
|
20
20
|
import { E as tl } from "./tabs.keys.Bc2pSKRw.js";
|
|
21
21
|
import { D as nl } from "./data-grid-template.keys.2_AkxuNT.js";
|
|
22
22
|
import { o as at } from "./resize.Bqks3WUm.js";
|
|
23
|
-
import { a as
|
|
24
|
-
import { B as Vt } from "./button.
|
|
23
|
+
import { a as Lt, B as ll } from "./popover.BNOfWuSb.js";
|
|
24
|
+
import { B as Vt } from "./button.BXVKUuum.js";
|
|
25
25
|
import { B as xt } from "./toggle.BmwlaQon.js";
|
|
26
|
-
import { B as sl } from "./search-bar.
|
|
27
|
-
import { u as ol } from "./dropdown.
|
|
26
|
+
import { B as sl } from "./search-bar.Zdai5UhB.js";
|
|
27
|
+
import { u as ol } from "./dropdown.a8OeeVAZ.js";
|
|
28
28
|
import { B as il } from "./directive.O3yEdalv.js";
|
|
29
|
-
import { g as
|
|
29
|
+
import { g as Xe } from "./generate-uid.NJ8tVoha.js";
|
|
30
30
|
import { S as al } from "./search.KgjmJMHa.js";
|
|
31
|
-
import { B as rt } from "./toggle-button.
|
|
32
|
-
import { B as Zt } from "./checkbox.
|
|
33
|
-
import { B as rl } from "./info-icon.
|
|
34
|
-
import { B as Je, O as dl, D as ul } from "./menu.
|
|
35
|
-
import { A as cl } from "./dialog-page.
|
|
31
|
+
import { B as rt } from "./toggle-button.B9LWddx9.js";
|
|
32
|
+
import { B as Zt } from "./checkbox.BllRk82F.js";
|
|
33
|
+
import { B as rl } from "./info-icon.DQn8-VSp.js";
|
|
34
|
+
import { B as Je, O as dl, D as ul } from "./menu.DKluB_Dn.js";
|
|
35
|
+
import { A as cl } from "./dialog-page.DK2UKGH8.js";
|
|
36
36
|
import { H as fl, S as gl } from "./show.J9zXGWlK.js";
|
|
37
37
|
import { u as vl } from "./use-expandable-content-height.GkjjbmPy.js";
|
|
38
|
-
import { C as ml } from "./copy.
|
|
38
|
+
import { C as ml } from "./copy.DAu8GrR9.js";
|
|
39
39
|
import { C as hl, a as Cl } from "./chevron-up.Cu9qXgBY.js";
|
|
40
|
-
import { d as
|
|
40
|
+
import { d as St, e as Et } from "./button-actions.BZEKcCbe.js";
|
|
41
41
|
import "../assets/data-grid.css";
|
|
42
|
-
var Qe = /* @__PURE__ */ ((e) => (e.WRAP = "wrap", e.ELLIPSIS = "ellipsis", e))(Qe || {}),
|
|
42
|
+
var Qe = /* @__PURE__ */ ((e) => (e.WRAP = "wrap", e.ELLIPSIS = "ellipsis", e))(Qe || {}), Oe = /* @__PURE__ */ ((e) => (e.OUTLINE = "outline", e.SCROLL = "scroll", e.STICKY_FILTERS = "sticky-filters", e.OVERFLOW_SHADOW_LEFT = "overflow-shadow-left", e.OVERFLOW_SHADOW_RIGHT = "overflow-shadow-right", e.NO_SPACING_TOP = "no-spacing-top", e))(Oe || {}), pe = /* @__PURE__ */ ((e) => (e.ASCENDING = "asc", e.DESCENDING = "desc", e))(pe || {}), k = /* @__PURE__ */ ((e) => (e.COLUMNS = "columns", e.COLUMN_RESIZE = "column-resize", e.ITEMS_PAGE = "items-page", e.NAVIGATE = "navigate", e.NESTED_CONTENT_TOGGLED = "nested-content-toggled", e.FILTER_SEARCH_INPUT = "filter-search-input", e.FILTER_SEARCH_CLEAR = "filter-search-clear", e.UPDATE_COLUMNS = "update:columns", e.UPDATE_CONDENSED = "update:condensed", e.UPDATE_FILTERS = "update:filters", e.UPDATE_FILTER_VALUES = "update:filter-values", e.UPDATE_FILTER_SEARCH_TERM = "update:filter-search-term", e.UPDATE_PAGINATION = "update:pagination", e.UPDATE_SELECTION = "update:selection", e.UPDATE_SHOW_MORE = "update:show-more", e.UPDATE_SORT_BY = "update:sort-by", e.ROW_CLICK = "row-click", e.SELECT = "select", e.SELECT_ALL_ACROSS_PAGES = "select-all-across-pages", e.SORT = "sort", e))(k || {}), He = /* @__PURE__ */ ((e) => (e.ASCENDING = "ascending", e.DESCENDING = "descending", e.NONE = "none", e))(He || {}), te = /* @__PURE__ */ ((e) => (e.COLUMN_RESIZE = "column-resize", e.COLUMN_RESIZING = "column-resizing", e.SELECT_ALL_ROWS = "select-all-rows", e.SELECT_ALL_ACROSS_PAGES = "select-all-across-pages", e.COLUMN_MOVE = "column-move", e.COLUMN_UPDATE = "column-update", e.COLUMN_MENU_OPEN = "column-menu-open", e.COLUMN_MENU_CLOSE = "column-menu-close", e.COLUMN_HOVER = "column-hover", e.COLUMN_DRAG_START = "column-dragstart", e.COLUMN_DRAG_ENTER = "column-dragenter", e.COLUMN_DRAG_END = "column-dragend", e.COLUMN_DROP = "column-drop", e))(te || {});
|
|
43
43
|
const _l = (e, a) => {
|
|
44
|
-
const
|
|
45
|
-
let
|
|
46
|
-
const
|
|
47
|
-
() => Object.fromEntries(e.value.map(({ field:
|
|
44
|
+
const v = T(null), n = T(!1), d = T(void 0), t = e.value.reduce((i, h) => (i[h.field] = null, i), {}), o = et(t), _ = tt(o);
|
|
45
|
+
let w = 0, L = "";
|
|
46
|
+
const R = E(
|
|
47
|
+
() => Object.fromEntries(e.value.map(({ field: i, width: h, minWidth: $ }) => [i, { width: h, minWidth: $ }]))
|
|
48
48
|
);
|
|
49
|
-
Pn(() => d.value =
|
|
50
|
-
let
|
|
51
|
-
const
|
|
52
|
-
const
|
|
53
|
-
d.value[$].width =
|
|
54
|
-
},
|
|
55
|
-
n.value = !1,
|
|
56
|
-
field:
|
|
57
|
-
width: d.value[
|
|
58
|
-
}),
|
|
59
|
-
},
|
|
60
|
-
if ($.preventDefault(),
|
|
49
|
+
Pn(() => d.value = R.value);
|
|
50
|
+
let g = null, b = null;
|
|
51
|
+
const c = (i) => {
|
|
52
|
+
const h = i.clientX - w, $ = L, N = d.value[$].width + h;
|
|
53
|
+
d.value[$].width = N > R.value[$].minWidth ? N : R.value[$].minWidth, a(te.COLUMN_RESIZING, d.value), w = i.clientX;
|
|
54
|
+
}, l = () => {
|
|
55
|
+
n.value = !1, g == null || g(), b == null || b(), L && a(te.COLUMN_RESIZE, {
|
|
56
|
+
field: L,
|
|
57
|
+
width: d.value[L].width
|
|
58
|
+
}), g = null, b = null, L = "", w = null;
|
|
59
|
+
}, f = (i, h, $) => {
|
|
60
|
+
if ($.preventDefault(), i) {
|
|
61
61
|
if (n.value = !0, $.buttons !== 1) {
|
|
62
|
-
|
|
62
|
+
l();
|
|
63
63
|
return;
|
|
64
64
|
}
|
|
65
|
-
|
|
65
|
+
L = h, w = $.clientX, g = wt(window, "mousemove", c), b = wt(window, "mouseup", l);
|
|
66
66
|
}
|
|
67
67
|
};
|
|
68
68
|
return me(
|
|
69
69
|
() => n.value,
|
|
70
|
-
(
|
|
71
|
-
!
|
|
70
|
+
(i, h) => {
|
|
71
|
+
!i && h && (a(te.COLUMN_HOVER, v.value), v.value = null);
|
|
72
72
|
}
|
|
73
73
|
), {
|
|
74
74
|
resizeData: d,
|
|
75
|
-
allColumnRefs:
|
|
76
|
-
startResize:
|
|
75
|
+
allColumnRefs: _,
|
|
76
|
+
startResize: f,
|
|
77
77
|
isResizing: n,
|
|
78
|
-
columnHoverEventToEmitAfterResizing:
|
|
78
|
+
columnHoverEventToEmitAfterResizing: v
|
|
79
79
|
};
|
|
80
|
-
}, wl = 100, yt = 50, fe = "b-actions-column",
|
|
81
|
-
const n = {}, d = [], t = (
|
|
82
|
-
const
|
|
83
|
-
|
|
80
|
+
}, wl = 100, yt = 50, fe = "b-actions-column", Ll = 32, Sl = 56, El = 56, yl = 80, bl = 36, Ol = 1, jt = 16, pl = 20, Rl = (e, a, v) => {
|
|
81
|
+
const n = {}, d = [], t = (_) => {
|
|
82
|
+
const w = n[_];
|
|
83
|
+
w && w.frozen !== !0 && (n[_].frozen = !0, d.push(_));
|
|
84
84
|
};
|
|
85
|
-
function
|
|
86
|
-
if (d.length ===
|
|
85
|
+
function o() {
|
|
86
|
+
if (d.length === v.length)
|
|
87
87
|
return;
|
|
88
|
-
const
|
|
89
|
-
let
|
|
90
|
-
d.forEach((
|
|
91
|
-
|
|
88
|
+
const _ = { min: {} };
|
|
89
|
+
let w = e, L = a, R = 0;
|
|
90
|
+
d.forEach((g) => {
|
|
91
|
+
w -= n[g].computedWidth, L -= n[g].flex;
|
|
92
92
|
});
|
|
93
|
-
for (let
|
|
94
|
-
const
|
|
95
|
-
if (n[
|
|
93
|
+
for (let g = 0, b = v.length; g < b; g += 1) {
|
|
94
|
+
const c = v[g];
|
|
95
|
+
if (n[c.field] && n[c.field].frozen === !0)
|
|
96
96
|
continue;
|
|
97
|
-
let
|
|
98
|
-
|
|
97
|
+
let f = w / L * c.flex;
|
|
98
|
+
f < c.minWidth && (R += c.minWidth - f, f = c.minWidth, _.min[c.field] = !0), n[c.field] = {
|
|
99
99
|
frozen: !1,
|
|
100
|
-
computedWidth:
|
|
101
|
-
flex:
|
|
100
|
+
computedWidth: f,
|
|
101
|
+
flex: c.flex
|
|
102
102
|
};
|
|
103
103
|
}
|
|
104
|
-
|
|
105
|
-
t(
|
|
106
|
-
}) :
|
|
107
|
-
t(
|
|
108
|
-
}),
|
|
104
|
+
R > 0 ? Object.keys(_.min).forEach((g) => {
|
|
105
|
+
t(g);
|
|
106
|
+
}) : v.forEach(({ field: g }) => {
|
|
107
|
+
t(g);
|
|
108
|
+
}), o();
|
|
109
109
|
}
|
|
110
|
-
return
|
|
110
|
+
return o(), n;
|
|
111
111
|
}, bt = (e, a) => {
|
|
112
|
-
let
|
|
113
|
-
return a && (
|
|
112
|
+
let v = Ol;
|
|
113
|
+
return a && (v += jt * 2), e != null && e.offsetWidth ? e.offsetWidth + v : 0;
|
|
114
114
|
}, Nl = (e) => {
|
|
115
|
-
var a,
|
|
116
|
-
return (a = e == null ? void 0 : e.hasNestedContent) != null && a.value || (
|
|
117
|
-
}, Al = (e, a,
|
|
118
|
-
const
|
|
115
|
+
var a, v, n, d, t;
|
|
116
|
+
return (a = e == null ? void 0 : e.hasNestedContent) != null && a.value || (v = e == null ? void 0 : e.hasNestedRows) != null && v.value ? (n = e == null ? void 0 : e.hasSelectableColumn) != null && n.value ? (d = e == null ? void 0 : e.hasSelectableAcrossPages) != null && d.value ? yl : El : bl : (t = e == null ? void 0 : e.hasSelectableAcrossPages) != null && t.value ? Sl : Ll;
|
|
117
|
+
}, Al = (e, a, v, n, d, t) => {
|
|
118
|
+
const o = T(e.value), _ = T(a), w = T(v), L = T(n), R = T(d), g = T(!1);
|
|
119
119
|
me(
|
|
120
120
|
() => e.value,
|
|
121
|
-
(
|
|
121
|
+
(S, O) => {
|
|
122
122
|
var x, ne;
|
|
123
|
-
const W = (
|
|
123
|
+
const W = (S == null ? void 0 : S.map(({ field: J }) => J).toString()) === (O == null ? void 0 : O.map(({ field: J }) => J).toString());
|
|
124
124
|
if (!((x = t == null ? void 0 : t.allowColumnDragAndDrop) != null && x.value) || !W) {
|
|
125
|
-
|
|
125
|
+
o.value = e.value;
|
|
126
126
|
return;
|
|
127
127
|
}
|
|
128
|
-
|
|
129
|
-
const V =
|
|
130
|
-
return V === -1 ? 1 :
|
|
128
|
+
o.value = ((ne = o.value) == null ? void 0 : ne.length) === 0 ? e.value : e.value.sort((J, C) => {
|
|
129
|
+
const V = o.value.findIndex((G) => G.field === J.field), U = o.value.findIndex((G) => G.field === C.field);
|
|
130
|
+
return V === -1 ? 1 : U === -1 ? -1 : V - U;
|
|
131
131
|
});
|
|
132
132
|
}
|
|
133
133
|
);
|
|
134
134
|
const b = T();
|
|
135
|
-
let
|
|
136
|
-
const
|
|
137
|
-
var V,
|
|
138
|
-
const
|
|
139
|
-
let
|
|
135
|
+
let c = null;
|
|
136
|
+
const l = E(() => {
|
|
137
|
+
var V, U, G;
|
|
138
|
+
const S = [];
|
|
139
|
+
let O = 0, W = 0;
|
|
140
140
|
const x = {};
|
|
141
|
-
let ne =
|
|
142
|
-
const J =
|
|
143
|
-
if ((V = t == null ? void 0 : t.hasSelectableColumn) != null && V.value || (
|
|
141
|
+
let ne = o.value.filter((Z) => Z.visible !== !1);
|
|
142
|
+
const J = o.value.filter((Z) => Z.visible === !1);
|
|
143
|
+
if ((V = t == null ? void 0 : t.hasSelectableColumn) != null && V.value || (U = t == null ? void 0 : t.hasNestedContent) != null && U.value || (G = t == null ? void 0 : t.hasNestedRows) != null && G.value) {
|
|
144
144
|
const Z = Nl(t);
|
|
145
145
|
ne = [
|
|
146
146
|
{
|
|
@@ -155,352 +155,352 @@ const _l = (e, a) => {
|
|
|
155
155
|
];
|
|
156
156
|
}
|
|
157
157
|
ne.forEach((Z) => {
|
|
158
|
-
const
|
|
158
|
+
const m = { ...Z };
|
|
159
159
|
let D;
|
|
160
|
-
|
|
161
|
-
(
|
|
162
|
-
(
|
|
163
|
-
), W += D,
|
|
160
|
+
m.flex && m.flex > 0 ? (O += m.flex, D = 0, S.push(m)) : D = Math.max(
|
|
161
|
+
(m == null ? void 0 : m.width) ?? wl,
|
|
162
|
+
(m == null ? void 0 : m.minWidth) ?? yt
|
|
163
|
+
), W += D, m.width = D, m.minWidth = (m == null ? void 0 : m.minWidth) ?? yt, x[m.field] = m;
|
|
164
164
|
});
|
|
165
|
-
const
|
|
166
|
-
if (
|
|
167
|
-
const Z = Rl(
|
|
168
|
-
Object.keys(Z).forEach((
|
|
169
|
-
x[
|
|
165
|
+
const C = Math.max(b.value - W, 0);
|
|
166
|
+
if (O > 0 && b.value > 0) {
|
|
167
|
+
const Z = Rl(C, O, S);
|
|
168
|
+
Object.keys(Z).forEach((m) => {
|
|
169
|
+
x[m].width = Z[m].computedWidth;
|
|
170
170
|
});
|
|
171
171
|
}
|
|
172
172
|
return J.forEach((Z) => {
|
|
173
|
-
const
|
|
174
|
-
x[
|
|
173
|
+
const m = { ...Z };
|
|
174
|
+
x[m.field] = m;
|
|
175
175
|
}), Object.values(x);
|
|
176
|
-
}),
|
|
177
|
-
|
|
178
|
-
},
|
|
179
|
-
|
|
180
|
-
var J,
|
|
176
|
+
}), f = T(void 0), i = (S) => {
|
|
177
|
+
f.value = { ...f.value, ...S };
|
|
178
|
+
}, h = async () => {
|
|
179
|
+
o.value.some((S) => S == null ? void 0 : S.autoWidth) && (g.value = !0, await ge(), await ge(), o == null || o.value.filter((S) => S == null ? void 0 : S.autoWidth).forEach(({ field: S, minWidth: O }) => {
|
|
180
|
+
var J, C, V, U;
|
|
181
181
|
const W = bt(
|
|
182
|
-
(J =
|
|
183
|
-
(
|
|
184
|
-
), x = (
|
|
182
|
+
(J = L.value) == null ? void 0 : J[S],
|
|
183
|
+
(C = t == null ? void 0 : t.hasColumnPanel) == null ? void 0 : C.value
|
|
184
|
+
), x = (U = (V = R.value) == null ? void 0 : V[S]) == null ? void 0 : U.reduce(
|
|
185
185
|
(G, Z) => Math.max(G, bt(Z)),
|
|
186
186
|
0
|
|
187
187
|
), ne = Math.max(W, x ?? 0);
|
|
188
|
-
(
|
|
189
|
-
[
|
|
188
|
+
(O === void 0 || ne > O) && i({
|
|
189
|
+
[S]: {
|
|
190
190
|
width: ne
|
|
191
191
|
}
|
|
192
192
|
});
|
|
193
|
-
}),
|
|
193
|
+
}), g.value = !1);
|
|
194
194
|
};
|
|
195
|
-
me([() =>
|
|
196
|
-
|
|
195
|
+
me([() => o.value, () => _.value], async () => {
|
|
196
|
+
o.value.some((S) => S == null ? void 0 : S.autoWidth) && await h();
|
|
197
197
|
});
|
|
198
198
|
const $ = E(
|
|
199
|
-
() =>
|
|
200
|
-
var
|
|
199
|
+
() => l.value.map((S) => {
|
|
200
|
+
var O, W;
|
|
201
201
|
return {
|
|
202
|
-
...
|
|
202
|
+
...S,
|
|
203
203
|
// Override column width with resized ones
|
|
204
|
-
width: ((W = (
|
|
204
|
+
width: ((W = (O = f.value) == null ? void 0 : O[S.field]) == null ? void 0 : W.width) ?? S.width
|
|
205
205
|
};
|
|
206
206
|
})
|
|
207
|
-
),
|
|
207
|
+
), N = E(
|
|
208
208
|
() => {
|
|
209
|
-
var
|
|
210
|
-
return (
|
|
209
|
+
var S;
|
|
210
|
+
return (S = $.value) == null ? void 0 : S.filter(({ visible: O }) => O !== !1).reduce((O, W) => W.width + O, 0);
|
|
211
211
|
}
|
|
212
212
|
), B = E(
|
|
213
|
-
() => b.value <=
|
|
214
|
-
),
|
|
215
|
-
width: b.value >
|
|
213
|
+
() => b.value <= N.value
|
|
214
|
+
), X = E(() => ({
|
|
215
|
+
width: b.value > N.value ? "100%" : "fit-content"
|
|
216
216
|
}));
|
|
217
217
|
return nt(() => {
|
|
218
|
-
var
|
|
219
|
-
const
|
|
218
|
+
var O;
|
|
219
|
+
const S = t != null && t.isDataGridTemplate ? pl : 0;
|
|
220
220
|
ge(() => {
|
|
221
|
-
|
|
221
|
+
w.value && (b.value = w.value.getBoundingClientRect().width - S);
|
|
222
222
|
const W = me(
|
|
223
|
-
|
|
223
|
+
w,
|
|
224
224
|
() => {
|
|
225
|
-
|
|
226
|
-
b.value = x -
|
|
225
|
+
w.value && (ge(() => W()), c = at(w.value, ({ width: x }) => {
|
|
226
|
+
b.value = x - S;
|
|
227
227
|
}));
|
|
228
228
|
},
|
|
229
229
|
{ immediate: !0 }
|
|
230
230
|
);
|
|
231
|
-
}), (
|
|
232
|
-
|
|
233
|
-
}) :
|
|
231
|
+
}), (O = document == null ? void 0 : document.fonts) != null && O.ready ? document.fonts.ready.then(() => {
|
|
232
|
+
h();
|
|
233
|
+
}) : h();
|
|
234
234
|
}), Pt(() => {
|
|
235
|
-
|
|
235
|
+
c == null || c.disconnect();
|
|
236
236
|
}), Bn(() => {
|
|
237
|
-
var
|
|
238
|
-
|
|
239
|
-
|
|
237
|
+
var S;
|
|
238
|
+
R.value && ((S = Object.keys(R.value)) == null ? void 0 : S.length) > 0 && Object.keys(R.value).forEach((W) => {
|
|
239
|
+
R.value[W] = [];
|
|
240
240
|
});
|
|
241
241
|
}), {
|
|
242
242
|
columnDefs: $,
|
|
243
|
-
gridColumnWidthStyle:
|
|
244
|
-
onColumnWidthOverride:
|
|
245
|
-
isMeasuringColumnWidths:
|
|
243
|
+
gridColumnWidthStyle: X,
|
|
244
|
+
onColumnWidthOverride: i,
|
|
245
|
+
isMeasuringColumnWidths: g,
|
|
246
246
|
isTotalWidthOfColumnsTakingUpAllAvailableGridWidth: B,
|
|
247
|
-
columns:
|
|
248
|
-
totalWidthOfAllColumns:
|
|
247
|
+
columns: o,
|
|
248
|
+
totalWidthOfAllColumns: N
|
|
249
249
|
};
|
|
250
|
-
}, Tl = (e, a,
|
|
251
|
-
const t = T(e.value ?? []),
|
|
250
|
+
}, Tl = (e, a, v, n, d) => {
|
|
251
|
+
const t = T(e.value ?? []), o = et({
|
|
252
252
|
allItemsSelected: !1,
|
|
253
253
|
isIndeterminate: !1
|
|
254
|
-
}),
|
|
255
|
-
() =>
|
|
256
|
-
var
|
|
257
|
-
return [
|
|
254
|
+
}), _ = E(
|
|
255
|
+
() => v.value.flatMap((l) => {
|
|
256
|
+
var f;
|
|
257
|
+
return [l, ((f = l == null ? void 0 : l.children) == null ? void 0 : f.length) > 0 ? l == null ? void 0 : l.children : []];
|
|
258
258
|
}).flat()
|
|
259
|
-
),
|
|
259
|
+
), w = () => {
|
|
260
260
|
a(k.SELECT, t.value), a(k.UPDATE_SELECTION, t.value);
|
|
261
|
-
},
|
|
262
|
-
var
|
|
263
|
-
if (t.value =
|
|
264
|
-
|
|
265
|
-
const
|
|
266
|
-
|
|
261
|
+
}, L = (l) => {
|
|
262
|
+
var i, h, $, N, B;
|
|
263
|
+
if (t.value = l, ((i = v.value) == null ? void 0 : i.length) > 0 && ((h = _.value) == null ? void 0 : h.filter((X) => !d(X)).every((X) => t.value.includes(n(X))))) {
|
|
264
|
+
o.allItemsSelected = !0;
|
|
265
|
+
const X = (($ = v.value) == null ? void 0 : $.length) > 0 && v.value.every((S) => t.value.includes(n(S)));
|
|
266
|
+
o.isIndeterminate = !X;
|
|
267
267
|
} else
|
|
268
|
-
|
|
269
|
-
(
|
|
270
|
-
var
|
|
271
|
-
return t.value.includes(n(
|
|
268
|
+
o.allItemsSelected = !1, o.isIndeterminate = ((N = t.value) == null ? void 0 : N.length) > 0 && ((B = v.value) == null ? void 0 : B.length) > 0 && v.value.some(
|
|
269
|
+
(X) => {
|
|
270
|
+
var S;
|
|
271
|
+
return t.value.includes(n(X)) || ((S = X == null ? void 0 : X.children) == null ? void 0 : S.some((O) => t.value.includes(n(O))));
|
|
272
272
|
}
|
|
273
273
|
);
|
|
274
|
-
},
|
|
274
|
+
}, R = (l) => {
|
|
275
275
|
ge(() => {
|
|
276
|
-
var
|
|
277
|
-
if (
|
|
278
|
-
t.value = (
|
|
279
|
-
(
|
|
280
|
-
)) == null ? void 0 :
|
|
281
|
-
const $ = ((
|
|
282
|
-
|
|
276
|
+
var f, i, h;
|
|
277
|
+
if (o.allItemsSelected = l, l) {
|
|
278
|
+
t.value = (i = (f = _.value) == null ? void 0 : f.filter(
|
|
279
|
+
(N) => !d(N) && ((N == null ? void 0 : N.children) === void 0 || N.children.every((B) => !d(B)))
|
|
280
|
+
)) == null ? void 0 : i.map((N) => n(N));
|
|
281
|
+
const $ = ((h = v.value) == null ? void 0 : h.length) > 0 && v.value.every((N) => t.value.includes(n(N)));
|
|
282
|
+
o.isIndeterminate = t.value.length > 0 && !$;
|
|
283
283
|
} else
|
|
284
|
-
t.value = [],
|
|
285
|
-
|
|
284
|
+
t.value = [], o.isIndeterminate = !1;
|
|
285
|
+
w();
|
|
286
286
|
});
|
|
287
|
-
},
|
|
287
|
+
}, g = (l, f) => {
|
|
288
288
|
ge(() => {
|
|
289
|
-
var
|
|
290
|
-
|
|
289
|
+
var i;
|
|
290
|
+
L(((i = f == null ? void 0 : f.children) == null ? void 0 : i.length) > 0 ? b(l, f) : l), w();
|
|
291
291
|
});
|
|
292
|
-
}, b = (
|
|
292
|
+
}, b = (l, f) => {
|
|
293
293
|
var $;
|
|
294
|
-
const
|
|
295
|
-
if (
|
|
296
|
-
const
|
|
297
|
-
return
|
|
298
|
-
|
|
299
|
-
}),
|
|
294
|
+
const i = n(f), h = ($ = f.children) == null ? void 0 : $.filter((N) => !d(N)).map((N) => n(N));
|
|
295
|
+
if (l.includes(i)) {
|
|
296
|
+
const N = l;
|
|
297
|
+
return h.forEach((B) => {
|
|
298
|
+
N.includes(B) || N.push(B);
|
|
299
|
+
}), N;
|
|
300
300
|
}
|
|
301
|
-
return
|
|
302
|
-
},
|
|
301
|
+
return l.filter((N) => !h.includes(N));
|
|
302
|
+
}, c = (l, f, i) => {
|
|
303
303
|
ge(() => {
|
|
304
|
-
var $,
|
|
305
|
-
const
|
|
306
|
-
|
|
307
|
-
!
|
|
308
|
-
) :
|
|
309
|
-
|
|
310
|
-
),
|
|
304
|
+
var $, N;
|
|
305
|
+
const h = n(f);
|
|
306
|
+
l.includes(n(i)) ? L(
|
|
307
|
+
!l.includes(h) && (($ = f == null ? void 0 : f.children) != null && $.every((B) => l.includes(n(B)))) ? [...l, h] : l
|
|
308
|
+
) : L(
|
|
309
|
+
l.includes(h) && !((N = f == null ? void 0 : f.children) != null && N.every((B) => l.includes(n(B)))) ? l.filter((B) => B !== h) : l
|
|
310
|
+
), w();
|
|
311
311
|
});
|
|
312
312
|
};
|
|
313
313
|
return me(
|
|
314
314
|
() => e.value,
|
|
315
315
|
() => {
|
|
316
|
-
|
|
316
|
+
L(e.value ?? []);
|
|
317
317
|
},
|
|
318
318
|
{ immediate: !0 }
|
|
319
319
|
), me(
|
|
320
|
-
() =>
|
|
320
|
+
() => v.value,
|
|
321
321
|
() => {
|
|
322
|
-
const
|
|
323
|
-
(
|
|
324
|
-
var
|
|
325
|
-
return ((
|
|
322
|
+
const l = v.value.filter((f) => t.value.includes(n(f))).flatMap(
|
|
323
|
+
(f) => {
|
|
324
|
+
var i;
|
|
325
|
+
return ((i = f == null ? void 0 : f.children) == null ? void 0 : i.length) > 0 ? f.children.map((h) => n(h)).filter((h) => !t.value.includes(h)) : [];
|
|
326
326
|
}
|
|
327
327
|
);
|
|
328
|
-
|
|
328
|
+
(l == null ? void 0 : l.length) > 0 ? (L([...t.value, ...l]), w()) : L(t.value);
|
|
329
329
|
}
|
|
330
|
-
), { onAllRowSelect:
|
|
331
|
-
}, Il = (e, a,
|
|
332
|
-
var
|
|
333
|
-
return (
|
|
334
|
-
}, sortByColumnField: (
|
|
335
|
-
var
|
|
336
|
-
if (!a.value.some((
|
|
330
|
+
), { onAllRowSelect: R, onRowSelect: g, onNestedRowSelect: c, allItemsSelectedState: o, selectedItems: t };
|
|
331
|
+
}, Il = (e, a, v) => ({ isSorting: (o) => e.value.some((_) => _.field === o), getSortingDirection: (o) => {
|
|
332
|
+
var _;
|
|
333
|
+
return (_ = e.value.find((w) => w.field === o)) == null ? void 0 : _.direction;
|
|
334
|
+
}, sortByColumnField: (o) => {
|
|
335
|
+
var L;
|
|
336
|
+
if (!a.value.some((R) => R.field === o && R.sortable))
|
|
337
337
|
return;
|
|
338
|
-
const
|
|
339
|
-
field:
|
|
340
|
-
direction: ((
|
|
338
|
+
const w = [{
|
|
339
|
+
field: o,
|
|
340
|
+
direction: ((L = e.value.find((R) => R.field === o)) == null ? void 0 : L.direction) === pe.ASCENDING ? pe.DESCENDING : pe.ASCENDING
|
|
341
341
|
}];
|
|
342
|
-
|
|
342
|
+
v("sort", w);
|
|
343
343
|
} });
|
|
344
344
|
var de = ((e) => (e[e.ARROW_DOWN = ye.ARROW_DOWN] = "ARROW_DOWN", e[e.ARROW_UP = ye.ARROW_UP] = "ARROW_UP", e[e.ARROW_LEFT = ye.ARROW_LEFT] = "ARROW_LEFT", e[e.ARROW_RIGHT = ye.ARROW_RIGHT] = "ARROW_RIGHT", e[e.PAGE_UP = ye.PAGE_UP] = "PAGE_UP", e[e.PAGE_DOWN = ye.PAGE_DOWN] = "PAGE_DOWN", e[e.END = ye.END] = "END", e[e.HOME = ye.HOME] = "HOME", e))(de || {});
|
|
345
|
-
const $l = (e, a,
|
|
345
|
+
const $l = (e, a, v) => {
|
|
346
346
|
const n = E(() => {
|
|
347
|
-
const
|
|
348
|
-
return
|
|
347
|
+
const c = a.value.filter(({ visible: l }) => l !== !1);
|
|
348
|
+
return v.value ? c.length + 1 : c.length;
|
|
349
349
|
}), d = E(
|
|
350
|
-
() => [...Object.values(e.value)].flat(1).sort((
|
|
351
|
-
const
|
|
352
|
-
return
|
|
350
|
+
() => [...Object.values(e.value)].flat(1).sort((c, l) => {
|
|
351
|
+
const f = Number(c.getAttribute("data-cellindex")), i = Number(l.getAttribute("data-cellindex"));
|
|
352
|
+
return f > i ? 1 : i > f ? -1 : 0;
|
|
353
353
|
})
|
|
354
|
-
), t = (
|
|
355
|
-
const
|
|
354
|
+
), t = (c) => Math.floor(c / n.value), o = (c, l, f) => {
|
|
355
|
+
const i = d.value.length - 1, h = n.value - 1, $ = t(c), N = c - n.value * $;
|
|
356
356
|
return {
|
|
357
|
-
[de.PAGE_UP]:
|
|
358
|
-
[de.PAGE_DOWN]:
|
|
359
|
-
[de.END]:
|
|
360
|
-
[de.HOME]:
|
|
361
|
-
}[
|
|
362
|
-
},
|
|
363
|
-
const
|
|
357
|
+
[de.PAGE_UP]: N,
|
|
358
|
+
[de.PAGE_DOWN]: i - h + N,
|
|
359
|
+
[de.END]: f ? i : n.value * $ + h,
|
|
360
|
+
[de.HOME]: f ? 0 : n.value * $
|
|
361
|
+
}[l];
|
|
362
|
+
}, _ = (c, l) => {
|
|
363
|
+
const i = {
|
|
364
364
|
[de.ARROW_DOWN]: n.value,
|
|
365
365
|
[de.ARROW_UP]: -n.value,
|
|
366
366
|
[de.ARROW_LEFT]: -1,
|
|
367
367
|
[de.ARROW_RIGHT]: 1
|
|
368
|
-
}[
|
|
369
|
-
return
|
|
370
|
-
},
|
|
368
|
+
}[l], h = c + i;
|
|
369
|
+
return h < 0 || h >= d.value.length ? c : h;
|
|
370
|
+
}, w = (c) => [
|
|
371
371
|
de.PAGE_UP,
|
|
372
372
|
de.PAGE_DOWN,
|
|
373
373
|
de.END,
|
|
374
374
|
de.HOME
|
|
375
|
-
].includes(
|
|
376
|
-
const
|
|
377
|
-
return
|
|
378
|
-
},
|
|
379
|
-
if (!d.value.includes(
|
|
375
|
+
].includes(c), L = (c, l, f) => {
|
|
376
|
+
const i = d.value.indexOf(c);
|
|
377
|
+
return w(l) ? o(i, l, f) : _(i, l);
|
|
378
|
+
}, R = (c, l, f) => {
|
|
379
|
+
if (!d.value.includes(c))
|
|
380
380
|
return;
|
|
381
|
-
const
|
|
382
|
-
d.value[
|
|
383
|
-
},
|
|
381
|
+
const i = L(c, l, f);
|
|
382
|
+
d.value[i].focus();
|
|
383
|
+
}, g = (c) => c in de;
|
|
384
384
|
return {
|
|
385
|
-
isNavigationKeyCode:
|
|
386
|
-
focusOnNextGridcell:
|
|
387
|
-
navigationInput: (
|
|
388
|
-
const { ctrlKey:
|
|
389
|
-
Object.values(e.value).flat(1).includes(
|
|
385
|
+
isNavigationKeyCode: g,
|
|
386
|
+
focusOnNextGridcell: R,
|
|
387
|
+
navigationInput: (c) => {
|
|
388
|
+
const { ctrlKey: l, keyCode: f, target: i } = c;
|
|
389
|
+
Object.values(e.value).flat(1).includes(i) && g(f) && R(i, f, l);
|
|
390
390
|
}
|
|
391
391
|
};
|
|
392
|
-
}, Dl = 90, kl = (e, a,
|
|
393
|
-
const t = T(e),
|
|
392
|
+
}, Dl = 90, kl = (e, a, v, n, d) => {
|
|
393
|
+
const t = T(e), o = T(a), _ = T(v), w = T(n), L = E(() => t.value !== "none"), R = E(() => t.value === "automatic"), g = () => {
|
|
394
394
|
d(k.UPDATE_SHOW_MORE);
|
|
395
395
|
};
|
|
396
396
|
return me(
|
|
397
|
-
() =>
|
|
397
|
+
() => o.value,
|
|
398
398
|
() => {
|
|
399
|
-
|
|
399
|
+
R.value && _.value.offsetHeight / o.value * 100 > Dl && !w.value && g();
|
|
400
400
|
}
|
|
401
|
-
), { isLazyLoad:
|
|
402
|
-
}, Ml = (e, a,
|
|
401
|
+
), { isLazyLoad: L, isInfiniteScroll: R, verticalScrollPosition: o, emitLazyLoadEvent: g };
|
|
402
|
+
}, Ml = (e, a, v) => {
|
|
403
403
|
const n = T(e), d = T(a), t = et({
|
|
404
404
|
dragging: null,
|
|
405
405
|
dragToLeft: null,
|
|
406
406
|
target: null
|
|
407
|
-
}),
|
|
408
|
-
const
|
|
409
|
-
if (
|
|
407
|
+
}), o = (c, l = 0) => {
|
|
408
|
+
const f = n.value.findIndex(($) => $.field === c.field), i = f + l;
|
|
409
|
+
if (i < 0 || i > n.value.length - 1)
|
|
410
410
|
return;
|
|
411
|
-
const
|
|
412
|
-
|
|
413
|
-
},
|
|
414
|
-
t.dragging =
|
|
415
|
-
},
|
|
416
|
-
t.target =
|
|
417
|
-
const
|
|
418
|
-
t.dragToLeft =
|
|
419
|
-
},
|
|
420
|
-
var
|
|
421
|
-
if (((
|
|
422
|
-
const
|
|
423
|
-
var
|
|
424
|
-
return
|
|
425
|
-
}),
|
|
411
|
+
const h = [...n.value];
|
|
412
|
+
h.splice(i, 0, h.splice(f, 1)[0]), v(k.COLUMNS, h), v(k.UPDATE_COLUMNS, h);
|
|
413
|
+
}, _ = (c, l) => {
|
|
414
|
+
t.dragging = c, l.dataTransfer.setData("text", ""), l.dataTransfer.dropEffect = "move";
|
|
415
|
+
}, w = (c, l) => {
|
|
416
|
+
t.target = c;
|
|
417
|
+
const f = l.currentTarget.getBoundingClientRect(), i = f.left + f.width / 2, h = l.clientX ?? 0;
|
|
418
|
+
t.dragToLeft = h <= i;
|
|
419
|
+
}, L = (c) => {
|
|
420
|
+
var l, f;
|
|
421
|
+
if (((l = t.dragging) == null ? void 0 : l.field) !== c.field) {
|
|
422
|
+
const i = n.value.findIndex((S) => {
|
|
423
|
+
var O;
|
|
424
|
+
return S.field === ((O = t.dragging) == null ? void 0 : O.field);
|
|
425
|
+
}), h = n.value.findIndex((S) => S.field === c.field), $ = t.dragToLeft ? h : h + 1, N = $ > i ? $ - 1 : $;
|
|
426
426
|
let B = [...n.value];
|
|
427
427
|
B.splice(
|
|
428
|
-
|
|
428
|
+
N === -1 ? 0 : N,
|
|
429
429
|
0,
|
|
430
|
-
B.splice(
|
|
430
|
+
B.splice(i, 1)[0]
|
|
431
431
|
);
|
|
432
|
-
const
|
|
433
|
-
((
|
|
434
|
-
(
|
|
435
|
-
var
|
|
436
|
-
return ((
|
|
432
|
+
const X = n.value.findIndex((S) => !(S != null && S.frozen));
|
|
433
|
+
((f = t.dragging) == null ? void 0 : f.frozen) !== c.frozen && $ !== X && (B = B.map(
|
|
434
|
+
(S) => {
|
|
435
|
+
var O;
|
|
436
|
+
return ((O = t.dragging) == null ? void 0 : O.field) === S.field ? { ...S, frozen: !!(c != null && c.frozen) } : S;
|
|
437
437
|
}
|
|
438
|
-
)),
|
|
438
|
+
)), v(k.COLUMNS, B), v(k.UPDATE_COLUMNS, B);
|
|
439
439
|
}
|
|
440
440
|
t.dragging = null, t.target = null;
|
|
441
|
-
},
|
|
441
|
+
}, R = () => {
|
|
442
442
|
t.dragging = null, t.dragToLeft = null, t.target = null;
|
|
443
|
-
},
|
|
444
|
-
[te.COLUMN_DRAG_START]: (
|
|
445
|
-
[te.COLUMN_DRAG_ENTER]: (
|
|
446
|
-
[te.COLUMN_DROP]: (
|
|
447
|
-
[te.COLUMN_DRAG_END]: () =>
|
|
448
|
-
} : {}), b = E(() => (
|
|
449
|
-
dragenter: (
|
|
450
|
-
|
|
443
|
+
}, g = E(() => d.value ? {
|
|
444
|
+
[te.COLUMN_DRAG_START]: (c, l) => _(c, l),
|
|
445
|
+
[te.COLUMN_DRAG_ENTER]: (c, l) => w(c, l),
|
|
446
|
+
[te.COLUMN_DROP]: (c) => L(c),
|
|
447
|
+
[te.COLUMN_DRAG_END]: () => R()
|
|
448
|
+
} : {}), b = E(() => (c) => d.value ? {
|
|
449
|
+
dragenter: (l) => {
|
|
450
|
+
l.preventDefault(), w(c, l);
|
|
451
451
|
},
|
|
452
452
|
drop: () => {
|
|
453
|
-
|
|
453
|
+
L(c);
|
|
454
454
|
},
|
|
455
|
-
dragover: (
|
|
456
|
-
|
|
455
|
+
dragover: (l) => {
|
|
456
|
+
l.preventDefault();
|
|
457
457
|
}
|
|
458
458
|
} : {});
|
|
459
459
|
return {
|
|
460
460
|
// Values
|
|
461
461
|
draggingColumns: t,
|
|
462
462
|
// Methods
|
|
463
|
-
draggingEventsForColumns:
|
|
463
|
+
draggingEventsForColumns: g,
|
|
464
464
|
draggingEventsForRowCell: b,
|
|
465
|
-
onMoveColumnByOffset:
|
|
465
|
+
onMoveColumnByOffset: o
|
|
466
466
|
};
|
|
467
467
|
}, zl = (e, a) => {
|
|
468
|
-
const
|
|
469
|
-
() => [...
|
|
468
|
+
const v = T(e), n = E(
|
|
469
|
+
() => [...v.value].sort((g, b) => g.frozen === b.frozen ? 0 : g.frozen ? -1 : 1)
|
|
470
470
|
), d = E(
|
|
471
|
-
() => n.value.filter((
|
|
471
|
+
() => n.value.filter((g) => g.frozen && g.visible !== !1)
|
|
472
472
|
), t = E(
|
|
473
|
-
() => n.value.filter((
|
|
474
|
-
),
|
|
473
|
+
() => n.value.filter((g) => !g.frozen && g.visible !== !1)
|
|
474
|
+
), o = E(
|
|
475
475
|
() => [
|
|
476
476
|
{ columnSet: d.value, id: "frozen", isFrozenColumns: !0 },
|
|
477
477
|
{ columnSet: t.value, id: "unfrozen" }
|
|
478
|
-
].filter(({ columnSet:
|
|
479
|
-
),
|
|
480
|
-
() =>
|
|
481
|
-
),
|
|
482
|
-
a(k.COLUMNS,
|
|
478
|
+
].filter(({ columnSet: g }) => g.length)
|
|
479
|
+
), _ = E(
|
|
480
|
+
() => v.value.filter((g) => (g == null ? void 0 : g.visible) !== !1 && (g == null ? void 0 : g.field) !== fe).length === 1
|
|
481
|
+
), w = (g) => a(k.UPDATE_CONDENSED, g), L = (g) => {
|
|
482
|
+
a(k.COLUMNS, g), a(k.UPDATE_COLUMNS, g);
|
|
483
483
|
};
|
|
484
484
|
return {
|
|
485
485
|
// Values
|
|
486
|
-
columnSets:
|
|
487
|
-
isOnlyOneVisibleColumn:
|
|
486
|
+
columnSets: o,
|
|
487
|
+
isOnlyOneVisibleColumn: _,
|
|
488
488
|
sortedColumns: n,
|
|
489
489
|
// Methods
|
|
490
|
-
onConfigSettingsUpdate:
|
|
491
|
-
onConfigSettingsColumnsUpdate:
|
|
492
|
-
onConfigSettingsColumnUpdate: (
|
|
490
|
+
onConfigSettingsUpdate: w,
|
|
491
|
+
onConfigSettingsColumnsUpdate: L,
|
|
492
|
+
onConfigSettingsColumnUpdate: (g) => {
|
|
493
493
|
const b = n.value.map(
|
|
494
|
-
(
|
|
494
|
+
(c) => (c == null ? void 0 : c.field) === g.field ? g : c
|
|
495
495
|
);
|
|
496
|
-
|
|
496
|
+
L(b);
|
|
497
497
|
}
|
|
498
498
|
};
|
|
499
|
-
},
|
|
500
|
-
const
|
|
499
|
+
}, Ot = (e, a) => {
|
|
500
|
+
const v = T(0);
|
|
501
501
|
let n = null;
|
|
502
502
|
const d = () => {
|
|
503
|
-
e != null && e.value && a.value && (
|
|
503
|
+
e != null && e.value && a.value && (v.value = e.value.offsetHeight);
|
|
504
504
|
};
|
|
505
505
|
return nt(() => {
|
|
506
506
|
ge(() => {
|
|
@@ -516,57 +516,57 @@ const $l = (e, a, g) => {
|
|
|
516
516
|
me(
|
|
517
517
|
a,
|
|
518
518
|
() => {
|
|
519
|
-
a.value ? d() :
|
|
519
|
+
a.value ? d() : v.value = 0;
|
|
520
520
|
},
|
|
521
521
|
{ immediate: !0 }
|
|
522
522
|
);
|
|
523
523
|
});
|
|
524
524
|
}), Pt(() => {
|
|
525
525
|
n == null || n.disconnect();
|
|
526
|
-
}),
|
|
527
|
-
},
|
|
528
|
-
const t = T(0),
|
|
526
|
+
}), v;
|
|
527
|
+
}, Fl = (e, a, v, n, d) => {
|
|
528
|
+
const t = T(0), o = T(!1), _ = T(!1);
|
|
529
529
|
me(
|
|
530
530
|
() => t.value,
|
|
531
531
|
() => {
|
|
532
|
-
e.value.scrollLeft = t.value, a.value.scrollLeft = t.value,
|
|
532
|
+
e.value.scrollLeft = t.value, a.value.scrollLeft = t.value, o.value = !!t.value, _.value = a.value.scrollWidth - a.value.offsetWidth > t.value;
|
|
533
533
|
}
|
|
534
534
|
), nt(async () => {
|
|
535
|
-
var b,
|
|
536
|
-
await ge(), await ge(), ((b = a.value) == null ? void 0 : b.offsetWidth) < ((
|
|
535
|
+
var b, c;
|
|
536
|
+
await ge(), await ge(), ((b = a.value) == null ? void 0 : b.offsetWidth) < ((c = a.value) == null ? void 0 : c.scrollWidth) && (_.value = !0);
|
|
537
537
|
});
|
|
538
|
-
const
|
|
539
|
-
if (t.value = b.target.scrollLeft,
|
|
540
|
-
const
|
|
541
|
-
n.value.scrollLeft !==
|
|
538
|
+
const w = (b) => {
|
|
539
|
+
if (t.value = b.target.scrollLeft, v.value = e.value.scrollHeight - b.target.scrollTop, n != null && n.value) {
|
|
540
|
+
const c = b.target.scrollLeft;
|
|
541
|
+
n.value.scrollLeft !== c && (n.value.scrollLeft = c);
|
|
542
542
|
}
|
|
543
|
-
},
|
|
543
|
+
}, L = (b) => {
|
|
544
544
|
b.key !== "Tab" && b.key !== "ArrowRight" && b.key !== "ArrowLeft" || (b.preventDefault(), e.value.scrollLeft = 0, e.value.style.overflowX = "hidden", setTimeout(() => {
|
|
545
545
|
e.value.style.overflowX = "auto";
|
|
546
546
|
}));
|
|
547
|
-
},
|
|
548
|
-
const
|
|
549
|
-
e.value.scrollLeft !==
|
|
550
|
-
},
|
|
551
|
-
var b,
|
|
547
|
+
}, R = (b) => {
|
|
548
|
+
const c = b.target.scrollLeft;
|
|
549
|
+
e.value.scrollLeft !== c && (e.value.scrollLeft = c);
|
|
550
|
+
}, g = E(() => {
|
|
551
|
+
var b, c, l;
|
|
552
552
|
return {
|
|
553
|
-
"b-data-grid__horizontal-scrollbar--sticky-pagination": ((b = d == null ? void 0 : d.pagination) == null ? void 0 : b.value) && (((
|
|
553
|
+
"b-data-grid__horizontal-scrollbar--sticky-pagination": ((b = d == null ? void 0 : d.pagination) == null ? void 0 : b.value) && (((c = d == null ? void 0 : d.stickyPagination) == null ? void 0 : c.value) || (d == null ? void 0 : d.isDataGridTemplate)) && !((l = d == null ? void 0 : d.isLazyLoad) != null && l.value)
|
|
554
554
|
};
|
|
555
555
|
});
|
|
556
556
|
return {
|
|
557
557
|
// Values
|
|
558
558
|
scrollLeftPosition: t,
|
|
559
|
-
hasLeftOverflow:
|
|
560
|
-
hasRightOverflow:
|
|
561
|
-
horizontalScrollbarConditionalClasses:
|
|
559
|
+
hasLeftOverflow: o,
|
|
560
|
+
hasRightOverflow: _,
|
|
561
|
+
horizontalScrollbarConditionalClasses: g,
|
|
562
562
|
// Methods
|
|
563
|
-
updateScrollPosition:
|
|
564
|
-
updateScrollPositionOnFrozenColumnsNavigation:
|
|
565
|
-
syncVirtualScrollerWithBody:
|
|
563
|
+
updateScrollPosition: w,
|
|
564
|
+
updateScrollPositionOnFrozenColumnsNavigation: L,
|
|
565
|
+
syncVirtualScrollerWithBody: R
|
|
566
566
|
};
|
|
567
|
-
},
|
|
567
|
+
}, Ul = (e, a, v, n) => {
|
|
568
568
|
const d = T(null), t = E(() => {
|
|
569
|
-
var
|
|
569
|
+
var f, i, h, $;
|
|
570
570
|
if (!d.value || d.value.field === fe)
|
|
571
571
|
return {
|
|
572
572
|
hoveredOverColumnField: "",
|
|
@@ -574,12 +574,12 @@ const $l = (e, a, g) => {
|
|
|
574
574
|
noBorderLeft: !1,
|
|
575
575
|
noBorderRight: !1
|
|
576
576
|
};
|
|
577
|
-
const
|
|
577
|
+
const o = (i = (f = e.value.find((N) => N.isFrozenColumns)) == null ? void 0 : f.columnSet) == null ? void 0 : i.filter((N) => N.field !== fe), _ = e.value.find((N) => !(N != null && N.isFrozenColumns)), w = d.value.frozen && (o == null ? void 0 : o[0].field) === d.value.field, L = !d.value.frozen && ((h = _ == null ? void 0 : _.columnSet) == null ? void 0 : h[0].field) === d.value.field, R = (a.value || v.value) && w, g = (a.value || v.value) && !o && L, b = o && L, c = (o == null ? void 0 : o.length) > 0 && d.value.frozen && (o == null ? void 0 : o[o.length - 1].field) === d.value.field, l = v.value && n.value && !d.value.frozen && (($ = _ == null ? void 0 : _.columnSet) == null ? void 0 : $[_.columnSet.length - 1].field) === d.value.field;
|
|
578
578
|
return {
|
|
579
579
|
hoveredOverColumnField: d.value.field,
|
|
580
|
-
isSeparatorOffset:
|
|
581
|
-
noBorderLeft: !!
|
|
582
|
-
noBorderRight: !!
|
|
580
|
+
isSeparatorOffset: l,
|
|
581
|
+
noBorderLeft: !!R || !!g || !!b,
|
|
582
|
+
noBorderRight: !!c || !!l
|
|
583
583
|
};
|
|
584
584
|
});
|
|
585
585
|
return {
|
|
@@ -587,33 +587,33 @@ const $l = (e, a, g) => {
|
|
|
587
587
|
hoveredOverColumnState: t
|
|
588
588
|
};
|
|
589
589
|
};
|
|
590
|
-
let
|
|
590
|
+
let pt = 0;
|
|
591
591
|
const Pl = {
|
|
592
592
|
beforeCreate() {
|
|
593
|
-
this.uuid =
|
|
593
|
+
this.uuid = pt.toString(), pt += 1;
|
|
594
594
|
}
|
|
595
595
|
}, Bl = { key: 0 }, Wl = ["clip-path"], Gl = ["id"];
|
|
596
|
-
function Hl(e, a,
|
|
597
|
-
return
|
|
596
|
+
function Hl(e, a, v, n, d, t) {
|
|
597
|
+
return u(), y("svg", ee({ role: "img" }, e.$attrs, {
|
|
598
598
|
class: "ui-assets-icons-16",
|
|
599
599
|
xmlns: "http://www.w3.org/2000/svg",
|
|
600
600
|
width: "16",
|
|
601
601
|
height: "16",
|
|
602
602
|
fill: "none"
|
|
603
603
|
}), [
|
|
604
|
-
e.$attrs["svg-title"] ? (
|
|
605
|
-
|
|
604
|
+
e.$attrs["svg-title"] ? (u(), y("title", Bl, Y(e.$attrs["svg-title"]), 1)) : F("", !0),
|
|
605
|
+
p("g", {
|
|
606
606
|
fill: "#00112C",
|
|
607
607
|
"clip-path": "url(#uia-icons-16-arrow_up_down_sort__a" + e.uuid + ")"
|
|
608
608
|
}, a[0] || (a[0] = [
|
|
609
|
-
|
|
610
|
-
|
|
609
|
+
p("path", { d: "M9.06077 4.00011L5.00011 -0.0605469L0.939453 4.00011L2.00011 5.06077L4.25 2.81089V10.75H5.75V2.81066L8.00011 5.06077L9.06077 4.00011Z" }, null, -1),
|
|
610
|
+
p("path", { d: "M10.25 13.1893L8.00011 10.9395L6.93945 12.0001L11.0001 16.0608L15.0608 12.0001L14.0001 10.9395L11.75 13.1896V5.25H10.25V13.1893Z" }, null, -1)
|
|
611
611
|
]), 8, Wl),
|
|
612
|
-
|
|
613
|
-
|
|
612
|
+
p("defs", null, [
|
|
613
|
+
p("clipPath", {
|
|
614
614
|
id: "uia-icons-16-arrow_up_down_sort__a" + e.uuid
|
|
615
615
|
}, a[1] || (a[1] = [
|
|
616
|
-
|
|
616
|
+
p("rect", {
|
|
617
617
|
width: "16",
|
|
618
618
|
height: "16",
|
|
619
619
|
fill: "#fff"
|
|
@@ -629,16 +629,16 @@ const xl = {
|
|
|
629
629
|
this.uuid = Rt.toString(), Rt += 1;
|
|
630
630
|
}
|
|
631
631
|
}, Zl = { key: 0 };
|
|
632
|
-
function jl(e, a,
|
|
633
|
-
return
|
|
632
|
+
function jl(e, a, v, n, d, t) {
|
|
633
|
+
return u(), y("svg", ee({ role: "img" }, e.$attrs, {
|
|
634
634
|
class: "ui-assets-icons-16",
|
|
635
635
|
xmlns: "http://www.w3.org/2000/svg",
|
|
636
636
|
width: "16",
|
|
637
637
|
height: "16",
|
|
638
638
|
fill: "none"
|
|
639
639
|
}), [
|
|
640
|
-
e.$attrs["svg-title"] ? (
|
|
641
|
-
a[0] || (a[0] =
|
|
640
|
+
e.$attrs["svg-title"] ? (u(), y("title", Zl, Y(e.$attrs["svg-title"]), 1)) : F("", !0),
|
|
641
|
+
a[0] || (a[0] = p("path", {
|
|
642
642
|
fill: "#00112C",
|
|
643
643
|
d: "M12.1933 8.7454L7.93903 12.9996L8.99969 14.0603L15.0604 7.99963L8.99969 1.93896L7.93903 2.99963L12.1848 7.24541L1.24902 7.25658L1.25056 8.75658L12.1933 8.7454Z"
|
|
644
644
|
}, null, -1))
|
|
@@ -650,29 +650,29 @@ const Yl = {
|
|
|
650
650
|
beforeCreate() {
|
|
651
651
|
this.uuid = Nt.toString(), Nt += 1;
|
|
652
652
|
}
|
|
653
|
-
},
|
|
654
|
-
function Ql(e, a,
|
|
655
|
-
return
|
|
653
|
+
}, Kl = { key: 0 }, Xl = ["clip-path"], Jl = ["id"];
|
|
654
|
+
function Ql(e, a, v, n, d, t) {
|
|
655
|
+
return u(), y("svg", ee({ role: "img" }, e.$attrs, {
|
|
656
656
|
class: "ui-assets-icons-16",
|
|
657
657
|
xmlns: "http://www.w3.org/2000/svg",
|
|
658
658
|
width: "16",
|
|
659
659
|
height: "16",
|
|
660
660
|
fill: "none"
|
|
661
661
|
}), [
|
|
662
|
-
e.$attrs["svg-title"] ? (
|
|
663
|
-
|
|
662
|
+
e.$attrs["svg-title"] ? (u(), y("title", Kl, Y(e.$attrs["svg-title"]), 1)) : F("", !0),
|
|
663
|
+
p("g", {
|
|
664
664
|
"clip-path": "url(#uia-icons-16-freeze__a" + e.uuid + ")"
|
|
665
665
|
}, a[0] || (a[0] = [
|
|
666
|
-
|
|
666
|
+
p("path", {
|
|
667
667
|
fill: "#00112C",
|
|
668
668
|
d: "M7.99989 14.0605L9.49989 15.5605L10.5605 14.4999L8.75 12.6893V10.9334L10.169 10.116L11.6861 10.9939L12.3501 13.4688L13.7988 13.0801L13.2488 11.0301L15.2988 10.4801L14.9101 9.03129L12.4363 9.695L10.9199 8.81745V7.18276L12.4365 6.3051L14.9101 6.96875L15.2988 5.51999L13.2488 4.96999L13.7988 2.91999L12.3501 2.53129L11.686 5.00635L10.1693 5.88407L8.75 5.06648L8.75 3.31043L10.5605 1.49989L9.49989 0.439226L7.99989 1.93923L6.49989 0.439226L5.43923 1.49989L7.25 3.31066V5.06639L5.83078 5.88392L4.31419 5.00626L3.65018 2.53129L2.20141 2.91998L2.384 3.60052L2.38063 3.60143L2.75032 4.97028L0.701408 5.51999L1.0901 6.96875L1.7708 6.78612L1.77173 6.78955L3.56437 6.30541L5.07992 7.18246L5.07992 8.81775L3.564 9.69502L1.0901 9.03129L0.701408 10.4801L2.75141 11.0301L2.20141 13.0801L3.65018 13.4687L4.31414 10.994L5.83106 10.1161L7.25 10.9335V12.6891L5.43923 14.4999L6.49989 15.5605L7.99989 14.0605ZM9.41992 7.18345V8.81644L7.99992 9.63441L6.57992 8.81644L6.57992 7.18345L7.99992 6.36548L9.41992 7.18345Z"
|
|
669
669
|
}, null, -1)
|
|
670
|
-
]), 8,
|
|
671
|
-
|
|
672
|
-
|
|
670
|
+
]), 8, Xl),
|
|
671
|
+
p("defs", null, [
|
|
672
|
+
p("clipPath", {
|
|
673
673
|
id: "uia-icons-16-freeze__a" + e.uuid
|
|
674
674
|
}, a[1] || (a[1] = [
|
|
675
|
-
|
|
675
|
+
p("rect", {
|
|
676
676
|
width: "16",
|
|
677
677
|
height: "16",
|
|
678
678
|
fill: "#fff",
|
|
@@ -689,29 +689,29 @@ const es = {
|
|
|
689
689
|
this.uuid = At.toString(), At += 1;
|
|
690
690
|
}
|
|
691
691
|
}, ts = { key: 0 }, ns = ["clip-path"], ls = ["id"];
|
|
692
|
-
function ss(e, a,
|
|
693
|
-
return
|
|
692
|
+
function ss(e, a, v, n, d, t) {
|
|
693
|
+
return u(), y("svg", ee({ role: "img" }, e.$attrs, {
|
|
694
694
|
class: "ui-assets-icons-16",
|
|
695
695
|
xmlns: "http://www.w3.org/2000/svg",
|
|
696
696
|
width: "16",
|
|
697
697
|
height: "16",
|
|
698
698
|
fill: "none"
|
|
699
699
|
}), [
|
|
700
|
-
e.$attrs["svg-title"] ? (
|
|
701
|
-
|
|
700
|
+
e.$attrs["svg-title"] ? (u(), y("title", ts, Y(e.$attrs["svg-title"]), 1)) : F("", !0),
|
|
701
|
+
p("g", {
|
|
702
702
|
fill: "#00112C",
|
|
703
703
|
"clip-path": "url(#uia-icons-16-sort_ascending__a" + e.uuid + ")"
|
|
704
704
|
}, a[0] || (a[0] = [
|
|
705
|
-
|
|
706
|
-
|
|
707
|
-
|
|
708
|
-
|
|
705
|
+
p("path", { d: "M12.0001 1.93945L16.0608 6.00011L15.0001 7.06077L12.75 4.81066V12.75H11.25V4.81089L9.00011 7.06077L7.93945 6.00011L12.0001 1.93945Z" }, null, -1),
|
|
706
|
+
p("path", { d: "M6.75 7.25H1.25V8.75H6.75V7.25Z" }, null, -1),
|
|
707
|
+
p("path", { d: "M1.25 11.25H8.75V12.75H1.25V11.25Z" }, null, -1),
|
|
708
|
+
p("path", { d: "M6.75 3.25H1.25V4.75H6.75V3.25Z" }, null, -1)
|
|
709
709
|
]), 8, ns),
|
|
710
|
-
|
|
711
|
-
|
|
710
|
+
p("defs", null, [
|
|
711
|
+
p("clipPath", {
|
|
712
712
|
id: "uia-icons-16-sort_ascending__a" + e.uuid
|
|
713
713
|
}, a[1] || (a[1] = [
|
|
714
|
-
|
|
714
|
+
p("rect", {
|
|
715
715
|
width: "16",
|
|
716
716
|
height: "16",
|
|
717
717
|
fill: "#fff"
|
|
@@ -727,29 +727,29 @@ const is = {
|
|
|
727
727
|
this.uuid = Tt.toString(), Tt += 1;
|
|
728
728
|
}
|
|
729
729
|
}, as = { key: 0 }, rs = ["clip-path"], ds = ["id"];
|
|
730
|
-
function us(e, a,
|
|
731
|
-
return
|
|
730
|
+
function us(e, a, v, n, d, t) {
|
|
731
|
+
return u(), y("svg", ee({ role: "img" }, e.$attrs, {
|
|
732
732
|
class: "ui-assets-icons-16",
|
|
733
733
|
xmlns: "http://www.w3.org/2000/svg",
|
|
734
734
|
width: "16",
|
|
735
735
|
height: "16",
|
|
736
736
|
fill: "none"
|
|
737
737
|
}), [
|
|
738
|
-
e.$attrs["svg-title"] ? (
|
|
739
|
-
|
|
738
|
+
e.$attrs["svg-title"] ? (u(), y("title", as, Y(e.$attrs["svg-title"]), 1)) : F("", !0),
|
|
739
|
+
p("g", {
|
|
740
740
|
fill: "#00112C",
|
|
741
741
|
"clip-path": "url(#uia-icons-16-sort_descending__a" + e.uuid + ")"
|
|
742
742
|
}, a[0] || (a[0] = [
|
|
743
|
-
|
|
744
|
-
|
|
745
|
-
|
|
746
|
-
|
|
743
|
+
p("path", { d: "M12.75 3.25V11.1896L15.0001 8.93945L16.0608 10.0001L12.0001 14.0608L7.93945 10.0001L9.00011 8.93945L11.25 11.1893V3.25H12.75Z" }, null, -1),
|
|
744
|
+
p("path", { d: "M6.75 7.25H1.25V8.75H6.75V7.25Z" }, null, -1),
|
|
745
|
+
p("path", { d: "M1.25 3.25H9.09V4.75H1.25V3.25Z" }, null, -1),
|
|
746
|
+
p("path", { d: "M6.75 11.25H1.25V12.75H6.75V11.25Z" }, null, -1)
|
|
747
747
|
]), 8, rs),
|
|
748
|
-
|
|
749
|
-
|
|
748
|
+
p("defs", null, [
|
|
749
|
+
p("clipPath", {
|
|
750
750
|
id: "uia-icons-16-sort_descending__a" + e.uuid
|
|
751
751
|
}, a[1] || (a[1] = [
|
|
752
|
-
|
|
752
|
+
p("rect", {
|
|
753
753
|
width: "16",
|
|
754
754
|
height: "16",
|
|
755
755
|
fill: "#fff"
|
|
@@ -765,16 +765,16 @@ const fs = {
|
|
|
765
765
|
this.uuid = It.toString(), It += 1;
|
|
766
766
|
}
|
|
767
767
|
}, gs = { key: 0 };
|
|
768
|
-
function vs(e, a,
|
|
769
|
-
return
|
|
768
|
+
function vs(e, a, v, n, d, t) {
|
|
769
|
+
return u(), y("svg", ee({ role: "img" }, e.$attrs, {
|
|
770
770
|
class: "ui-assets-icons-16",
|
|
771
771
|
xmlns: "http://www.w3.org/2000/svg",
|
|
772
772
|
width: "16",
|
|
773
773
|
height: "16",
|
|
774
774
|
fill: "none"
|
|
775
775
|
}), [
|
|
776
|
-
e.$attrs["svg-title"] ? (
|
|
777
|
-
a[0] || (a[0] =
|
|
776
|
+
e.$attrs["svg-title"] ? (u(), y("title", gs, Y(e.$attrs["svg-title"]), 1)) : F("", !0),
|
|
777
|
+
a[0] || (a[0] = p("path", {
|
|
778
778
|
fill: "#00112C",
|
|
779
779
|
d: "M8 11.25L12.5 5.25H3.5L8 11.25Z"
|
|
780
780
|
}, null, -1))
|
|
@@ -815,10 +815,10 @@ const ms = /* @__PURE__ */ oe(fs, [["render", vs]]), Yt = {
|
|
|
815
815
|
}, hs = ["aria-colindex", "aria-label", "aria-sort", "data-testid", "draggable", "tabindex"], Cs = {
|
|
816
816
|
key: 0,
|
|
817
817
|
class: "b-data-grid-columns__select-column"
|
|
818
|
-
}, _s = ["aria-label"], ws = { class: "b-data-grid-columns__label" },
|
|
818
|
+
}, _s = ["aria-label"], ws = { class: "b-data-grid-columns__label" }, Ls = {
|
|
819
819
|
key: 0,
|
|
820
820
|
class: "b-data-grid-columns__column-info-icon"
|
|
821
|
-
},
|
|
821
|
+
}, Ss = {
|
|
822
822
|
key: 1,
|
|
823
823
|
class: "b-data-grid-columns__column-sort"
|
|
824
824
|
}, Es = ["data-testid", "onMousedown"], ys = {
|
|
@@ -827,7 +827,7 @@ const ms = /* @__PURE__ */ oe(fs, [["render", vs]]), Yt = {
|
|
|
827
827
|
}, bs = {
|
|
828
828
|
i18n: { messages: Yt },
|
|
829
829
|
name: "data-grid-columns"
|
|
830
|
-
},
|
|
830
|
+
}, Os = /* @__PURE__ */ Ee({
|
|
831
831
|
...bs,
|
|
832
832
|
props: {
|
|
833
833
|
/**
|
|
@@ -953,26 +953,26 @@ const ms = /* @__PURE__ */ oe(fs, [["render", vs]]), Yt = {
|
|
|
953
953
|
}
|
|
954
954
|
},
|
|
955
955
|
emits: ["sort", "column-hover"],
|
|
956
|
-
setup(e, { expose: a, emit:
|
|
957
|
-
const n = e, d =
|
|
956
|
+
setup(e, { expose: a, emit: v }) {
|
|
957
|
+
const n = e, d = v, t = 100, { t: o } = Ne({ messages: Yt }), { columns: _, sortBy: w } = tt(n), L = T({}), R = T({}), g = T(), b = T(), c = (r) => d(te.SELECT_ALL_ROWS, r), l = (r) => r.field === fe, f = E(() => [
|
|
958
958
|
{
|
|
959
|
-
text:
|
|
960
|
-
handler: () =>
|
|
959
|
+
text: o("selectPage"),
|
|
960
|
+
handler: () => c(!0)
|
|
961
961
|
},
|
|
962
962
|
{
|
|
963
|
-
text:
|
|
963
|
+
text: o("selectAll"),
|
|
964
964
|
handler: () => d(te.SELECT_ALL_ACROSS_PAGES)
|
|
965
965
|
}
|
|
966
|
-
]), { startResize:
|
|
966
|
+
]), { startResize: i, isResizing: h, columnHoverEventToEmitAfterResizing: $ } = _l(_, d), { isSorting: N, getSortingDirection: B, sortByColumnField: X } = Il(w, _, d), S = (r) => {
|
|
967
967
|
var ae;
|
|
968
968
|
if (!r.sortable)
|
|
969
969
|
return null;
|
|
970
970
|
const M = (ae = n.sortBy.find(({ field: Q }) => Q === r.field)) == null ? void 0 : ae.direction;
|
|
971
971
|
return M ? {
|
|
972
|
-
[
|
|
973
|
-
[
|
|
974
|
-
}[M] :
|
|
975
|
-
},
|
|
972
|
+
[pe.ASCENDING]: He.ASCENDING,
|
|
973
|
+
[pe.DESCENDING]: He.DESCENDING
|
|
974
|
+
}[M] : He.NONE;
|
|
975
|
+
}, O = E(() => (r) => n.hasDraggableColumns ? {
|
|
976
976
|
dragstart: (M) => {
|
|
977
977
|
d(te.COLUMN_DRAG_START, r, M);
|
|
978
978
|
},
|
|
@@ -990,24 +990,24 @@ const ms = /* @__PURE__ */ oe(fs, [["render", vs]]), Yt = {
|
|
|
990
990
|
}
|
|
991
991
|
} : {}), W = E(() => (r) => [
|
|
992
992
|
{
|
|
993
|
-
text:
|
|
993
|
+
text: o("moveColumnLeft"),
|
|
994
994
|
handler: () => d(te.COLUMN_MOVE, r, -1),
|
|
995
995
|
icon: cl,
|
|
996
996
|
disabled: n.columns[0].field === r.field
|
|
997
997
|
},
|
|
998
998
|
{
|
|
999
|
-
text:
|
|
999
|
+
text: o("moveColumnRight"),
|
|
1000
1000
|
handler: () => d(te.COLUMN_MOVE, r, 1),
|
|
1001
1001
|
icon: ql,
|
|
1002
1002
|
disabled: n.columns[n.columns.length - 1].field === r.field
|
|
1003
1003
|
},
|
|
1004
1004
|
{
|
|
1005
|
-
text: r != null && r.frozen ?
|
|
1005
|
+
text: r != null && r.frozen ? o("unfreezeColumn") : o("freezeColumn"),
|
|
1006
1006
|
handler: () => d(te.COLUMN_UPDATE, { ...r, frozen: !(r != null && r.frozen) }),
|
|
1007
1007
|
icon: qt
|
|
1008
1008
|
},
|
|
1009
1009
|
{
|
|
1010
|
-
text: (r == null ? void 0 : r.visible) !== !1 ?
|
|
1010
|
+
text: (r == null ? void 0 : r.visible) !== !1 ? o("hideColumn") : o("showColumn"),
|
|
1011
1011
|
handler: () => {
|
|
1012
1012
|
d(te.COLUMN_UPDATE, {
|
|
1013
1013
|
...r,
|
|
@@ -1018,35 +1018,35 @@ const ms = /* @__PURE__ */ oe(fs, [["render", vs]]), Yt = {
|
|
|
1018
1018
|
disabled: (r == null ? void 0 : r.mandatory) || (r == null ? void 0 : r.visible) !== !1 && n.isOnlyOneVisibleColumn
|
|
1019
1019
|
}
|
|
1020
1020
|
]), x = (r) => {
|
|
1021
|
-
|
|
1021
|
+
g.value = r.field, b.value && clearTimeout(b.value);
|
|
1022
1022
|
}, ne = () => {
|
|
1023
1023
|
const r = setTimeout(() => {
|
|
1024
|
-
|
|
1024
|
+
g.value = "";
|
|
1025
1025
|
}, t);
|
|
1026
1026
|
b.value = r;
|
|
1027
1027
|
}, J = (r) => {
|
|
1028
1028
|
let M = {
|
|
1029
1029
|
mouseenter: () => {
|
|
1030
|
-
x(r),
|
|
1030
|
+
x(r), h.value ? $.value = r : d("column-hover", r);
|
|
1031
1031
|
},
|
|
1032
1032
|
mouseleave: () => {
|
|
1033
|
-
ne(),
|
|
1033
|
+
ne(), h.value ? $.value = null : d("column-hover", null);
|
|
1034
1034
|
},
|
|
1035
1035
|
focus: () => x(r)
|
|
1036
1036
|
};
|
|
1037
|
-
return
|
|
1037
|
+
return l(r) || (M = {
|
|
1038
1038
|
...M,
|
|
1039
|
-
...
|
|
1039
|
+
...O.value(r)
|
|
1040
1040
|
}), M;
|
|
1041
|
-
},
|
|
1041
|
+
}, C = (r) => r.infoIconTooltip || r.sortable || n.hasColumnPanel, V = (r, M) => {
|
|
1042
1042
|
var A;
|
|
1043
|
-
((A =
|
|
1044
|
-
},
|
|
1043
|
+
((A = L.value) == null ? void 0 : A[M]) === void 0 && (L.value = { ...L.value, [M]: null }), r !== null && (L.value[M] = r);
|
|
1044
|
+
}, U = E(() => {
|
|
1045
1045
|
var M;
|
|
1046
1046
|
const r = {
|
|
1047
1047
|
"b-data-grid-columns--is-measuring": n.isMeasuringColumnWidths
|
|
1048
1048
|
};
|
|
1049
|
-
return (M =
|
|
1049
|
+
return (M = _.value[0]) != null && M.frozen ? {
|
|
1050
1050
|
...r,
|
|
1051
1051
|
"b-data-grid-columns--frozen": !0,
|
|
1052
1052
|
"b-data-grid-columns--frozen-separator": n.showFrozenColumnsSeparator,
|
|
@@ -1055,13 +1055,13 @@ const ms = /* @__PURE__ */ oe(fs, [["render", vs]]), Yt = {
|
|
|
1055
1055
|
...r,
|
|
1056
1056
|
"b-data-grid-columns--unfrozen": !0
|
|
1057
1057
|
};
|
|
1058
|
-
}), G = (r, M) => r && M === 0 ?
|
|
1059
|
-
var A, ae, Q, Re, Ae, se, Ie, ze,
|
|
1058
|
+
}), G = (r, M) => r && M === 0 ? Lt.BOTTOM_START : Lt.BOTTOM_END, Z = (r, M) => {
|
|
1059
|
+
var A, ae, Q, Re, Ae, se, Ie, ze, Fe, Ue;
|
|
1060
1060
|
return {
|
|
1061
1061
|
"b-data-grid-columns__column--column-hovered": r.field === n.hoveredOverColumnState.hoveredOverColumnField,
|
|
1062
1062
|
"b-data-grid-columns__column--column-hovered-no-border-left": r.field === n.hoveredOverColumnState.hoveredOverColumnField && n.hoveredOverColumnState.noBorderLeft,
|
|
1063
1063
|
"b-data-grid-columns__column--column-hovered-no-border-right": r.field === n.hoveredOverColumnState.hoveredOverColumnField && n.hoveredOverColumnState.noBorderRight,
|
|
1064
|
-
"b-data-grid-columns__column--last-frozen-frozen-column": n.isFrozenColumns && M ===
|
|
1064
|
+
"b-data-grid-columns__column--last-frozen-frozen-column": n.isFrozenColumns && M === _.value.length - 1,
|
|
1065
1065
|
"b-data-grid-columns__column--sortable": r.sortable,
|
|
1066
1066
|
"b-data-grid-columns__column--padding-left-unset": ((A = r == null ? void 0 : r.padding) == null ? void 0 : A.left) === !1,
|
|
1067
1067
|
"b-data-grid-columns__column--padding-right-unset": ((ae = r == null ? void 0 : r.padding) == null ? void 0 : ae.right) === !1,
|
|
@@ -1069,10 +1069,10 @@ const ms = /* @__PURE__ */ oe(fs, [["render", vs]]), Yt = {
|
|
|
1069
1069
|
"b-data-grid-columns__column--frozen": r == null ? void 0 : r.frozen,
|
|
1070
1070
|
"b-data-grid-columns__column--is-re-ordering": (r == null ? void 0 : r.field) === ((Re = (Q = n.draggingColumns) == null ? void 0 : Q.dragging) == null ? void 0 : Re.field),
|
|
1071
1071
|
"b-data-grid-columns__column--is-re-ordering-target-left": (r == null ? void 0 : r.field) === ((se = (Ae = n.draggingColumns) == null ? void 0 : Ae.target) == null ? void 0 : se.field) && ((Ie = n.draggingColumns) == null ? void 0 : Ie.dragToLeft),
|
|
1072
|
-
"b-data-grid-columns__column--is-re-ordering-target-right": (r == null ? void 0 : r.field) === ((
|
|
1073
|
-
"b-data-grid-columns__column--with-sorting-or-column-panel": r.sortable || r.infoIconTooltip || n.hasColumnPanel &&
|
|
1072
|
+
"b-data-grid-columns__column--is-re-ordering-target-right": (r == null ? void 0 : r.field) === ((Fe = (ze = n.draggingColumns) == null ? void 0 : ze.target) == null ? void 0 : Fe.field) && !((Ue = n.draggingColumns) != null && Ue.dragToLeft),
|
|
1073
|
+
"b-data-grid-columns__column--with-sorting-or-column-panel": r.sortable || r.infoIconTooltip || n.hasColumnPanel && g.value === r.field || n.selectableAcrossPages
|
|
1074
1074
|
};
|
|
1075
|
-
},
|
|
1075
|
+
}, m = (r) => ({
|
|
1076
1076
|
"b-data-grid-columns__column-header-and-actions--numeric": r == null ? void 0 : r.numeric
|
|
1077
1077
|
}), D = (r) => ({
|
|
1078
1078
|
"b-data-grid-columns__column-actions--numeric": r == null ? void 0 : r.numeric
|
|
@@ -1083,127 +1083,127 @@ const ms = /* @__PURE__ */ oe(fs, [["render", vs]]), Yt = {
|
|
|
1083
1083
|
"b-data-grid-columns__column-header--truncated": n.truncateColumnHeaders
|
|
1084
1084
|
}));
|
|
1085
1085
|
return a({
|
|
1086
|
-
columnHeaderRefs:
|
|
1087
|
-
}), (r, M) => (
|
|
1088
|
-
class: ce(["b-data-grid-columns",
|
|
1086
|
+
columnHeaderRefs: L
|
|
1087
|
+
}), (r, M) => (u(), y("div", {
|
|
1088
|
+
class: ce(["b-data-grid-columns", U.value]),
|
|
1089
1089
|
"data-testid": "data-grid-columns"
|
|
1090
1090
|
}, [
|
|
1091
|
-
(
|
|
1091
|
+
(u(!0), y(ve, null, Ce(s(_), (A, ae) => (u(), y("div", ee({
|
|
1092
1092
|
key: A.field,
|
|
1093
1093
|
ref_for: !0,
|
|
1094
1094
|
ref: (Q) => V(Q, A.field),
|
|
1095
1095
|
"aria-colindex": ae + 1,
|
|
1096
1096
|
"aria-label": A.label,
|
|
1097
|
-
"aria-sort":
|
|
1097
|
+
"aria-sort": S(A),
|
|
1098
1098
|
class: [Z(A, ae), "b-data-grid-columns__column"],
|
|
1099
1099
|
"data-testid": `${A.field}-column-header`,
|
|
1100
|
-
draggable: e.hasDraggableColumns && !
|
|
1100
|
+
draggable: e.hasDraggableColumns && !s(h) && !l(A),
|
|
1101
1101
|
role: "columnheader",
|
|
1102
1102
|
tabindex: A.sortable || e.hasColumnPanel || A.infoIconTooltip ? "0" : "-1",
|
|
1103
1103
|
style: { width: A.autoWidth && e.isMeasuringColumnWidths ? "auto" : `${A.width}px` }
|
|
1104
|
-
},
|
|
1105
|
-
|
|
1106
|
-
|
|
1104
|
+
}, Ve(J(A), !0)), [
|
|
1105
|
+
l(A) && e.selectable ? (u(), y("div", Cs, [
|
|
1106
|
+
K(s(Zt), {
|
|
1107
1107
|
"model-value": e.allItemsSelectedState.allItemsSelected,
|
|
1108
1108
|
"data-testid": "checkbox-select-all",
|
|
1109
1109
|
indeterminate: e.allItemsSelectedState.isIndeterminate,
|
|
1110
1110
|
value: "data-grid-select-all",
|
|
1111
|
-
"onUpdate:modelValue":
|
|
1111
|
+
"onUpdate:modelValue": c
|
|
1112
1112
|
}, null, 8, ["model-value", "indeterminate"]),
|
|
1113
|
-
e.selectableAcrossPages ? (
|
|
1113
|
+
e.selectableAcrossPages ? (u(), P(s(Je), {
|
|
1114
1114
|
key: 0,
|
|
1115
1115
|
class: "b-data-grid-columns__select-column-menu",
|
|
1116
|
-
data:
|
|
1116
|
+
data: f.value,
|
|
1117
1117
|
"menu-position": "bottom-start",
|
|
1118
1118
|
"menu-fixed-positioning": "",
|
|
1119
1119
|
button: { variant: "tertiary", condensed: !0 }
|
|
1120
1120
|
}, {
|
|
1121
1121
|
iconLeft: H(() => [
|
|
1122
|
-
|
|
1123
|
-
"svg-title": o
|
|
1122
|
+
K(s(ms), {
|
|
1123
|
+
"svg-title": s(o)("selectionMenu")
|
|
1124
1124
|
}, null, 8, ["svg-title"])
|
|
1125
1125
|
]),
|
|
1126
1126
|
_: 1
|
|
1127
|
-
}, 8, ["data"])) :
|
|
1128
|
-
])) : (
|
|
1129
|
-
|
|
1130
|
-
"aria-label": o
|
|
1127
|
+
}, 8, ["data"])) : F("", !0)
|
|
1128
|
+
])) : (u(), y(ve, { key: 1 }, [
|
|
1129
|
+
p("div", {
|
|
1130
|
+
"aria-label": s(o)("columnActions", { name: A.label }),
|
|
1131
1131
|
"aria-live": "polite",
|
|
1132
1132
|
role: "region",
|
|
1133
|
-
class: ce(["b-data-grid-columns__column-header-and-actions",
|
|
1133
|
+
class: ce(["b-data-grid-columns__column-header-and-actions", m(A)])
|
|
1134
1134
|
}, [
|
|
1135
|
-
|
|
1135
|
+
K(s(xe), {
|
|
1136
1136
|
el: "div",
|
|
1137
1137
|
strongest: "",
|
|
1138
1138
|
class: ce(["b-data-grid-columns__column-header", le.value])
|
|
1139
1139
|
}, {
|
|
1140
1140
|
default: H(() => [
|
|
1141
|
-
|
|
1142
|
-
|
|
1141
|
+
Se(r.$slots, `head-${A.field}`, { column: A }, () => [
|
|
1142
|
+
p("span", ws, Y(A.label), 1)
|
|
1143
1143
|
], !0)
|
|
1144
1144
|
]),
|
|
1145
1145
|
_: 2
|
|
1146
1146
|
}, 1032, ["class"]),
|
|
1147
|
-
|
|
1147
|
+
C(A) ? (u(), y("div", {
|
|
1148
1148
|
key: 0,
|
|
1149
1149
|
class: ce(["b-data-grid-columns__column-actions", D(A)])
|
|
1150
1150
|
}, [
|
|
1151
|
-
A.infoIconTooltip ? (
|
|
1152
|
-
|
|
1151
|
+
A.infoIconTooltip ? (u(), y("div", Ls, [
|
|
1152
|
+
K(s(rl), {
|
|
1153
1153
|
"tooltip-text": A.infoIconTooltip
|
|
1154
1154
|
}, null, 8, ["tooltip-text"])
|
|
1155
|
-
])) :
|
|
1156
|
-
A.sortable ? (
|
|
1157
|
-
|
|
1155
|
+
])) : F("", !0),
|
|
1156
|
+
A.sortable ? (u(), y("div", Ss, [
|
|
1157
|
+
K(s(rt), {
|
|
1158
1158
|
condensed: "",
|
|
1159
|
-
toggled:
|
|
1159
|
+
toggled: s(N)(A.field),
|
|
1160
1160
|
variant: "tertiary",
|
|
1161
|
-
onClick: (Q) =>
|
|
1161
|
+
onClick: (Q) => s(X)(A.field)
|
|
1162
1162
|
}, {
|
|
1163
1163
|
iconLeft: H(() => [
|
|
1164
|
-
|
|
1164
|
+
s(B)(A.field) ? s(B)(A.field) === s(pe).ASCENDING ? (u(), P(s(os), {
|
|
1165
1165
|
key: 1,
|
|
1166
|
-
"svg-title": o
|
|
1167
|
-
}, null, 8, ["svg-title"])) :
|
|
1166
|
+
"svg-title": s(o)("sortColumnInDescendingOrder", { name: A.label })
|
|
1167
|
+
}, null, 8, ["svg-title"])) : s(B)(A.field) === s(pe).DESCENDING ? (u(), P(s(cs), {
|
|
1168
1168
|
key: 2,
|
|
1169
|
-
"svg-title": o
|
|
1170
|
-
}, null, 8, ["svg-title"])) :
|
|
1169
|
+
"svg-title": s(o)("sortColumnInAscendingOrder", { name: A.label })
|
|
1170
|
+
}, null, 8, ["svg-title"])) : F("", !0) : (u(), P(s(Vl), {
|
|
1171
1171
|
key: 0,
|
|
1172
|
-
"svg-title": o
|
|
1172
|
+
"svg-title": s(o)("sortColumn", { name: A.label })
|
|
1173
1173
|
}, null, 8, ["svg-title"]))
|
|
1174
1174
|
]),
|
|
1175
1175
|
_: 2
|
|
1176
1176
|
}, 1032, ["toggled", "onClick"])
|
|
1177
|
-
])) :
|
|
1178
|
-
e.hasColumnPanel &&
|
|
1177
|
+
])) : F("", !0),
|
|
1178
|
+
e.hasColumnPanel && g.value === A.field ? (u(), P(s(Je), {
|
|
1179
1179
|
key: 2,
|
|
1180
1180
|
ref_for: !0,
|
|
1181
|
-
ref: (Q) =>
|
|
1181
|
+
ref: (Q) => R.value[A.field] = Q,
|
|
1182
1182
|
class: "b-data-grid-columns__menu",
|
|
1183
1183
|
data: W.value(A),
|
|
1184
1184
|
"menu-position": G(e.hasFirstColumnPanelRightAligned, ae),
|
|
1185
1185
|
"menu-fixed-positioning": !0,
|
|
1186
1186
|
button: { variant: "tertiary", condensed: !0 },
|
|
1187
|
-
onOpen: M[0] || (M[0] = (Q) => r.$emit(
|
|
1188
|
-
onClose: M[1] || (M[1] = (Q) => r.$emit(
|
|
1189
|
-
}, null, 8, ["data", "menu-position"])) :
|
|
1190
|
-
], 2)) :
|
|
1187
|
+
onOpen: M[0] || (M[0] = (Q) => r.$emit(s(te).COLUMN_MENU_OPEN)),
|
|
1188
|
+
onClose: M[1] || (M[1] = (Q) => r.$emit(s(te).COLUMN_MENU_CLOSE))
|
|
1189
|
+
}, null, 8, ["data", "menu-position"])) : F("", !0)
|
|
1190
|
+
], 2)) : F("", !0)
|
|
1191
1191
|
], 10, _s),
|
|
1192
|
-
|
|
1192
|
+
p("div", {
|
|
1193
1193
|
"data-testid": `data-grid-column-${A.field}`,
|
|
1194
1194
|
class: ce(["b-data-grid-columns__column-separator-container", j(A)]),
|
|
1195
1195
|
role: "presentation",
|
|
1196
|
-
onMousedown: (Q) =>
|
|
1196
|
+
onMousedown: (Q) => s(i)(e.hasResizableColumns, A.field, Q),
|
|
1197
1197
|
onClick: M[2] || (M[2] = Wn(() => {
|
|
1198
1198
|
}, ["stop"]))
|
|
1199
1199
|
}, [
|
|
1200
|
-
!e.isFrozenColumns || e.isFrozenColumns && ae !==
|
|
1200
|
+
!e.isFrozenColumns || e.isFrozenColumns && ae !== s(_).length - 1 ? (u(), y("div", ys)) : F("", !0)
|
|
1201
1201
|
], 42, Es)
|
|
1202
1202
|
], 64))
|
|
1203
1203
|
], 16, hs))), 128))
|
|
1204
1204
|
], 2));
|
|
1205
1205
|
}
|
|
1206
|
-
}),
|
|
1206
|
+
}), ps = /* @__PURE__ */ oe(Os, [["__scopeId", "data-v-5b48d3ec"]]);
|
|
1207
1207
|
var be = /* @__PURE__ */ ((e) => (e.CONFIG_SETTINGS = "config-settings", e.UPDATE_COLUMNS = "update:columns", e))(be || {});
|
|
1208
1208
|
let $t = 0;
|
|
1209
1209
|
const Rs = {
|
|
@@ -1211,27 +1211,27 @@ const Rs = {
|
|
|
1211
1211
|
this.uuid = $t.toString(), $t += 1;
|
|
1212
1212
|
}
|
|
1213
1213
|
}, Ns = { key: 0 }, As = ["clip-path"], Ts = ["id"];
|
|
1214
|
-
function Is(e, a,
|
|
1215
|
-
return
|
|
1214
|
+
function Is(e, a, v, n, d, t) {
|
|
1215
|
+
return u(), y("svg", ee({ role: "img" }, e.$attrs, {
|
|
1216
1216
|
class: "ui-assets-icons-16",
|
|
1217
1217
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1218
1218
|
width: "16",
|
|
1219
1219
|
height: "16",
|
|
1220
1220
|
fill: "none"
|
|
1221
1221
|
}), [
|
|
1222
|
-
e.$attrs["svg-title"] ? (
|
|
1223
|
-
|
|
1222
|
+
e.$attrs["svg-title"] ? (u(), y("title", Ns, Y(e.$attrs["svg-title"]), 1)) : F("", !0),
|
|
1223
|
+
p("g", {
|
|
1224
1224
|
fill: "#00112C",
|
|
1225
1225
|
"clip-path": "url(#uia-icons-16-settings__a" + e.uuid + ")"
|
|
1226
1226
|
}, a[0] || (a[0] = [
|
|
1227
|
-
|
|
1228
|
-
|
|
1227
|
+
p("path", { d: "M8 5.25C6.48122 5.25 5.25 6.48122 5.25 8C5.25 9.51878 6.48122 10.75 8 10.75C9.51878 10.75 10.75 9.51878 10.75 8C10.75 6.48122 9.51878 5.25 8 5.25ZM6.75 8C6.75 7.30964 7.30964 6.75 8 6.75C8.69036 6.75 9.25 7.30964 9.25 8C9.25 8.69036 8.69036 9.25 8 9.25C7.30964 9.25 6.75 8.69036 6.75 8Z" }, null, -1),
|
|
1228
|
+
p("path", { d: "M6.84701 0.973015L6.59985 0.35083L5.9537 0.526056C4.64534 0.880867 3.48225 1.56808 2.55285 2.48641L2.07533 2.95826L2.49158 3.48495C2.79648 3.87074 2.85279 4.419 2.58992 4.87589C2.32905 5.32931 1.82436 5.55631 1.33473 5.48726L0.677319 5.39455L0.505539 6.03586C0.33838 6.65992 0.25 7.32519 0.25 7.99991C0.25 8.67463 0.33838 9.3399 0.505539 9.96396L0.677319 10.6053L1.33473 10.5126C1.82436 10.4435 2.32905 10.6705 2.58992 11.1239C2.85279 11.5808 2.79648 12.1291 2.49158 12.5149L2.07533 13.0416L2.55285 13.5134C3.48225 14.4317 4.64534 15.119 5.9537 15.4738L6.59985 15.649L6.84701 15.0268C7.02659 14.5748 7.47549 14.2499 8 14.2499C8.52452 14.2499 8.97341 14.5748 9.15299 15.0268L9.40016 15.649L10.0463 15.4738C11.3547 15.119 12.5177 14.4317 13.4471 13.5134L13.9247 13.0416L13.5084 12.5149C13.2035 12.1291 13.1472 11.5808 13.4101 11.1239C13.671 10.6705 14.1756 10.4435 14.6653 10.5126L15.3227 10.6053L15.4945 9.96396C15.6616 9.3399 15.75 8.67463 15.75 7.99991C15.75 7.32519 15.6616 6.65992 15.4945 6.03586L15.3227 5.39455L14.6653 5.48726C14.1756 5.55631 13.671 5.32931 13.4101 4.87589C13.1472 4.419 13.2035 3.87074 13.5084 3.48495L13.9247 2.95826L13.4471 2.48641C12.5177 1.56808 11.3547 0.880867 10.0463 0.526056L9.40016 0.35083L9.15299 0.973015C8.97341 1.42506 8.52452 1.74991 8 1.74991C7.47549 1.74991 7.02659 1.42506 6.84701 0.973015ZM3.89008 5.62393C4.33946 4.84286 4.36394 3.9353 4.03405 3.16853C4.55803 2.73795 5.15349 2.39116 5.80146 2.14902C6.30062 2.81653 7.10051 3.24991 8 3.24991C8.89949 3.24991 9.69938 2.81653 10.1985 2.14902C10.8465 2.39116 11.442 2.73795 11.966 3.16853C11.6361 3.9353 11.6605 4.84287 12.1099 5.62393C12.5612 6.40839 13.3382 6.88092 14.1658 6.97982C14.221 7.31075 14.25 7.65319 14.25 7.99991C14.25 8.34663 14.221 8.68908 14.1658 9.02001C13.3382 9.11891 12.5612 9.59143 12.1099 10.3759C11.6605 11.157 11.6361 12.0645 11.9659 12.8313C11.442 13.2619 10.8465 13.6087 10.1985 13.8508C9.69938 13.1833 8.89949 12.7499 8 12.7499C7.10051 12.7499 6.30062 13.1833 5.80146 13.8508C5.15349 13.6087 4.55803 13.2619 4.03405 12.8313C4.36394 12.0645 4.33946 11.157 3.89008 10.3759C3.43875 9.59143 2.66177 9.1189 1.8342 9.02C1.77896 8.68908 1.75 8.34663 1.75 7.99991C1.75 7.65319 1.77896 7.31074 1.8342 6.97982C2.66177 6.88092 3.43875 6.40839 3.89008 5.62393Z" }, null, -1)
|
|
1229
1229
|
]), 8, As),
|
|
1230
|
-
|
|
1231
|
-
|
|
1230
|
+
p("defs", null, [
|
|
1231
|
+
p("clipPath", {
|
|
1232
1232
|
id: "uia-icons-16-settings__a" + e.uuid
|
|
1233
1233
|
}, a[1] || (a[1] = [
|
|
1234
|
-
|
|
1234
|
+
p("rect", {
|
|
1235
1235
|
width: "16",
|
|
1236
1236
|
height: "16",
|
|
1237
1237
|
fill: "#fff"
|
|
@@ -1270,47 +1270,47 @@ const $s = /* @__PURE__ */ oe(Rs, [["render", Is]]), Dt = {
|
|
|
1270
1270
|
},
|
|
1271
1271
|
emits: ["visible-column", "updated-column"],
|
|
1272
1272
|
setup(e, { emit: a }) {
|
|
1273
|
-
const { t:
|
|
1274
|
-
var
|
|
1275
|
-
return (
|
|
1273
|
+
const { t: v } = Ne({ messages: Dt }), n = T(!1), d = E(() => {
|
|
1274
|
+
var g;
|
|
1275
|
+
return (g = e.column) == null ? void 0 : g.frozen;
|
|
1276
1276
|
}), t = E(() => {
|
|
1277
|
-
var
|
|
1278
|
-
return ((
|
|
1279
|
-
}),
|
|
1277
|
+
var g;
|
|
1278
|
+
return ((g = e.column) == null ? void 0 : g.visible) !== !1;
|
|
1279
|
+
}), o = () => {
|
|
1280
1280
|
a("visible-column", { ...e.column, visible: !t.value });
|
|
1281
|
-
},
|
|
1281
|
+
}, _ = () => {
|
|
1282
1282
|
a("updated-column", { ...e.column, frozen: !d.value });
|
|
1283
|
-
},
|
|
1283
|
+
}, w = () => {
|
|
1284
1284
|
d.value || (n.value = !0);
|
|
1285
|
-
},
|
|
1285
|
+
}, L = () => {
|
|
1286
1286
|
d.value || (n.value = !1);
|
|
1287
|
-
},
|
|
1287
|
+
}, R = E(() => ({
|
|
1288
1288
|
"b-data-grid-config-settings-column-row__freeze-icon--frozen": d.value
|
|
1289
1289
|
}));
|
|
1290
1290
|
return {
|
|
1291
1291
|
// Values
|
|
1292
1292
|
isFreezeIconOptionShown: n,
|
|
1293
1293
|
isColumnFrozen: d,
|
|
1294
|
-
freezeIconConditionalClasses:
|
|
1294
|
+
freezeIconConditionalClasses: R,
|
|
1295
1295
|
isColumnVisible: t,
|
|
1296
1296
|
// Methods
|
|
1297
|
-
toggleColumnVisibility:
|
|
1298
|
-
showFreezeIcon:
|
|
1299
|
-
hideFreezeIcon:
|
|
1300
|
-
toggleColumnFreeze:
|
|
1297
|
+
toggleColumnVisibility: o,
|
|
1298
|
+
showFreezeIcon: w,
|
|
1299
|
+
hideFreezeIcon: L,
|
|
1300
|
+
toggleColumnFreeze: _,
|
|
1301
1301
|
// Translations
|
|
1302
|
-
t:
|
|
1302
|
+
t: v
|
|
1303
1303
|
};
|
|
1304
1304
|
}
|
|
1305
1305
|
});
|
|
1306
|
-
function ks(e, a,
|
|
1307
|
-
const
|
|
1308
|
-
return
|
|
1306
|
+
function ks(e, a, v, n, d, t) {
|
|
1307
|
+
const o = he("bento-toggle"), _ = he("bento-freeze-icon");
|
|
1308
|
+
return u(), y("div", {
|
|
1309
1309
|
class: "b-data-grid-config-settings-column-row",
|
|
1310
|
-
onMouseover: a[0] || (a[0] = (...
|
|
1311
|
-
onMouseleave: a[1] || (a[1] = (...
|
|
1310
|
+
onMouseover: a[0] || (a[0] = (...w) => e.showFreezeIcon && e.showFreezeIcon(...w)),
|
|
1311
|
+
onMouseleave: a[1] || (a[1] = (...w) => e.hideFreezeIcon && e.hideFreezeIcon(...w))
|
|
1312
1312
|
}, [
|
|
1313
|
-
|
|
1313
|
+
K(o, {
|
|
1314
1314
|
"aria-label": e.t("toggleColumnVisibility", { label: e.column.label }),
|
|
1315
1315
|
disabled: e.isColumnVisibilityToggleDisabled,
|
|
1316
1316
|
"label-position": "after",
|
|
@@ -1322,7 +1322,7 @@ function ks(e, a, g, n, d, t) {
|
|
|
1322
1322
|
]),
|
|
1323
1323
|
_: 1
|
|
1324
1324
|
}, 8, ["aria-label", "disabled", "value", "onInput"]),
|
|
1325
|
-
lt(
|
|
1325
|
+
lt(K(_, {
|
|
1326
1326
|
"aria-label": e.t("toggleColumnFreeze", { label: e.column.label }),
|
|
1327
1327
|
class: ce(["b-data-grid-config-settings-column-row__freeze-icon", e.freezeIconConditionalClasses]),
|
|
1328
1328
|
onClick: e.toggleColumnFreeze
|
|
@@ -1370,7 +1370,7 @@ const Ms = /* @__PURE__ */ oe(Ds, [["render", ks], ["__scopeId", "data-v-bb87a72
|
|
|
1370
1370
|
BentoSearchBar: sl,
|
|
1371
1371
|
BentoSearchIcon: al,
|
|
1372
1372
|
BentoToggle: xt,
|
|
1373
|
-
BentoTypography:
|
|
1373
|
+
BentoTypography: xe
|
|
1374
1374
|
},
|
|
1375
1375
|
directives: { BentoClickOutsideDirective: il },
|
|
1376
1376
|
props: {
|
|
@@ -1391,68 +1391,68 @@ const Ms = /* @__PURE__ */ oe(Ds, [["render", ks], ["__scopeId", "data-v-bb87a72
|
|
|
1391
1391
|
},
|
|
1392
1392
|
emits: [be.CONFIG_SETTINGS, be.UPDATE_COLUMNS],
|
|
1393
1393
|
setup(e, { emit: a }) {
|
|
1394
|
-
const { t:
|
|
1395
|
-
|
|
1396
|
-
},
|
|
1397
|
-
() => !e.columns.some((
|
|
1398
|
-
),
|
|
1399
|
-
|
|
1400
|
-
var
|
|
1401
|
-
return (
|
|
1394
|
+
const { t: v } = Ne({ messages: kt }), n = T(null), d = Xe("data-grid-config-settings-popover"), t = T(null), o = T(!1), _ = T(!0), w = T(null), L = T(""), R = Ye(e, "columns"), g = T(!1), b = ol(L, R), c = () => {
|
|
1395
|
+
L.value = "";
|
|
1396
|
+
}, l = E(
|
|
1397
|
+
() => !e.columns.some((O) => O.visible === !1 && !O.mandatory)
|
|
1398
|
+
), f = () => {
|
|
1399
|
+
c(), g.value = !g.value, g.value ? ge(() => {
|
|
1400
|
+
var O;
|
|
1401
|
+
return (O = t.value.$refs.bentoInputField) == null ? void 0 : O.focusInput();
|
|
1402
1402
|
}) : ge(() => {
|
|
1403
|
-
var
|
|
1404
|
-
return (W = (
|
|
1405
|
-
}),
|
|
1406
|
-
},
|
|
1403
|
+
var O, W;
|
|
1404
|
+
return (W = (O = w == null ? void 0 : w.value) == null ? void 0 : O.$el) == null ? void 0 : W.focus();
|
|
1405
|
+
}), _.value = l.value;
|
|
1406
|
+
}, i = (O) => O.mandatory ?? !1, h = (O) => {
|
|
1407
1407
|
const W = e.columns.map((x) => ({
|
|
1408
1408
|
...x,
|
|
1409
|
-
visible:
|
|
1409
|
+
visible: O.field === x.field ? O.visible : x.visible
|
|
1410
1410
|
}));
|
|
1411
1411
|
a(be.UPDATE_COLUMNS, W);
|
|
1412
|
-
}, $ = (
|
|
1413
|
-
|
|
1412
|
+
}, $ = (O) => {
|
|
1413
|
+
O ? a(
|
|
1414
1414
|
be.UPDATE_COLUMNS,
|
|
1415
1415
|
e.columns.map((W) => ({ ...W, visible: !0 }))
|
|
1416
1416
|
) : a(
|
|
1417
1417
|
be.UPDATE_COLUMNS,
|
|
1418
1418
|
e.columns.map((W) => ({ ...W, visible: (W == null ? void 0 : W.mandatory) === !0 }))
|
|
1419
1419
|
);
|
|
1420
|
-
},
|
|
1420
|
+
}, N = (O) => {
|
|
1421
1421
|
const W = e.columns.map((x) => ({
|
|
1422
1422
|
...x,
|
|
1423
|
-
frozen:
|
|
1423
|
+
frozen: O.field === x.field ? !!(O != null && O.frozen) : !!(x != null && x.frozen)
|
|
1424
1424
|
}));
|
|
1425
1425
|
a(be.UPDATE_COLUMNS, W);
|
|
1426
|
-
}, B = (
|
|
1427
|
-
|
|
1426
|
+
}, B = (O) => {
|
|
1427
|
+
o.value = O, _.value = l.value;
|
|
1428
1428
|
};
|
|
1429
1429
|
return {
|
|
1430
1430
|
// Values
|
|
1431
1431
|
configSettingsButtonRef: n,
|
|
1432
1432
|
popoverId: d,
|
|
1433
|
-
isConfigSettingsPanelOpen:
|
|
1434
|
-
allColumnsVisbilityToggleState:
|
|
1433
|
+
isConfigSettingsPanelOpen: o,
|
|
1434
|
+
allColumnsVisbilityToggleState: _,
|
|
1435
1435
|
filteredColumnVisibilityColumns: b,
|
|
1436
|
-
searchTerm:
|
|
1437
|
-
isColumnVisibilityFilterShown:
|
|
1436
|
+
searchTerm: L,
|
|
1437
|
+
isColumnVisibilityFilterShown: g,
|
|
1438
1438
|
searchBarRef: t,
|
|
1439
|
-
searchButtonRef:
|
|
1439
|
+
searchButtonRef: w,
|
|
1440
1440
|
DATAGRID_ACTIONS_COLUMN_FIELD_NAME: fe,
|
|
1441
1441
|
// Methods
|
|
1442
1442
|
setConfigSettingsPanelVisibility: B,
|
|
1443
|
-
emitCondensedToggle: (
|
|
1443
|
+
emitCondensedToggle: (O) => a(be.CONFIG_SETTINGS, O),
|
|
1444
1444
|
toggleAllColumnVisibility: $,
|
|
1445
|
-
clearAction:
|
|
1446
|
-
toggleColumnFilter:
|
|
1447
|
-
emitVisibleColumns:
|
|
1448
|
-
emitFrozenColumns:
|
|
1445
|
+
clearAction: c,
|
|
1446
|
+
toggleColumnFilter: f,
|
|
1447
|
+
emitVisibleColumns: h,
|
|
1448
|
+
emitFrozenColumns: N,
|
|
1449
1449
|
onClickOutside: () => B(!1),
|
|
1450
|
-
isColumnVisibilityToggleDisabled:
|
|
1450
|
+
isColumnVisibilityToggleDisabled: i,
|
|
1451
1451
|
// Translations
|
|
1452
|
-
t:
|
|
1452
|
+
t: v
|
|
1453
1453
|
};
|
|
1454
1454
|
}
|
|
1455
|
-
}),
|
|
1455
|
+
}), Fs = { class: "b-data-grid-config-settings" }, Us = { class: "b-data-grid-config-settings__button-and-separator" }, Ps = {
|
|
1456
1456
|
ref: "configSettingsButtonRef",
|
|
1457
1457
|
class: "b-data-grid-config-settings__button-container"
|
|
1458
1458
|
}, Bs = { class: "b-data-grid-config-settings__panel-header" }, Ws = { class: "b-data-grid-config-settings__condensed-view-settings" }, Gs = { class: "b-data-grid-config-settings__column-visibility-settings" }, Hs = { class: "b-data-grid-config-settings__column-visibility-header" }, Vs = {
|
|
@@ -1462,20 +1462,20 @@ const Ms = /* @__PURE__ */ oe(Ds, [["render", ks], ["__scopeId", "data-v-bb87a72
|
|
|
1462
1462
|
key: 1,
|
|
1463
1463
|
class: "b-data-grid-config-settings__column-visibility-show-all"
|
|
1464
1464
|
}, Zs = { class: "b-data-grid-config-settings__column-visibility-toggles" };
|
|
1465
|
-
function js(e, a,
|
|
1466
|
-
const
|
|
1467
|
-
return lt((
|
|
1468
|
-
|
|
1469
|
-
|
|
1470
|
-
|
|
1465
|
+
function js(e, a, v, n, d, t) {
|
|
1466
|
+
const o = he("bento-settings-icon"), _ = he("bento-toggle-button"), w = he("bento-typography"), L = he("bento-cross-icon"), R = he("bento-button"), g = he("bento-toggle"), b = he("bento-search-icon"), c = he("bento-search-bar"), l = he("bento-data-grid-config-settings-config-row"), f = he("bento-popover"), i = Hn("bento-click-outside-directive");
|
|
1467
|
+
return lt((u(), y("div", Fs, [
|
|
1468
|
+
p("div", Us, [
|
|
1469
|
+
p("div", Ps, [
|
|
1470
|
+
K(_, {
|
|
1471
1471
|
"aria-controls": e.isConfigSettingsPanelOpen ? e.popoverId : null,
|
|
1472
1472
|
variant: "tertiary",
|
|
1473
1473
|
condensed: "",
|
|
1474
1474
|
toggled: e.isConfigSettingsPanelOpen,
|
|
1475
|
-
onClick: a[0] || (a[0] = (
|
|
1475
|
+
onClick: a[0] || (a[0] = (h) => e.setConfigSettingsPanelVisibility(!e.isConfigSettingsPanelOpen))
|
|
1476
1476
|
}, {
|
|
1477
1477
|
iconLeft: H(() => [
|
|
1478
|
-
|
|
1478
|
+
K(o, {
|
|
1479
1479
|
"svg-title": e.t("toggleConfigSettingsPanelVisibility")
|
|
1480
1480
|
}, null, 8, ["svg-title"])
|
|
1481
1481
|
]),
|
|
@@ -1483,7 +1483,7 @@ function js(e, a, g, n, d, t) {
|
|
|
1483
1483
|
}, 8, ["aria-controls", "toggled"])
|
|
1484
1484
|
], 512)
|
|
1485
1485
|
]),
|
|
1486
|
-
e.configSettingsButtonRef ? (
|
|
1486
|
+
e.configSettingsButtonRef ? (u(), P(f, {
|
|
1487
1487
|
key: 0,
|
|
1488
1488
|
id: e.popoverId,
|
|
1489
1489
|
open: e.isConfigSettingsPanelOpen,
|
|
@@ -1493,8 +1493,8 @@ function js(e, a, g, n, d, t) {
|
|
|
1493
1493
|
position: "bottom-end"
|
|
1494
1494
|
}, {
|
|
1495
1495
|
default: H(() => [
|
|
1496
|
-
|
|
1497
|
-
|
|
1496
|
+
p("div", Bs, [
|
|
1497
|
+
K(w, {
|
|
1498
1498
|
el: "span",
|
|
1499
1499
|
strongest: ""
|
|
1500
1500
|
}, {
|
|
@@ -1503,20 +1503,20 @@ function js(e, a, g, n, d, t) {
|
|
|
1503
1503
|
]),
|
|
1504
1504
|
_: 1
|
|
1505
1505
|
}),
|
|
1506
|
-
|
|
1506
|
+
K(R, {
|
|
1507
1507
|
variant: "tertiary",
|
|
1508
|
-
onClick: a[1] || (a[1] = (
|
|
1508
|
+
onClick: a[1] || (a[1] = (h) => e.setConfigSettingsPanelVisibility(!1))
|
|
1509
1509
|
}, {
|
|
1510
1510
|
iconLeft: H(() => [
|
|
1511
|
-
|
|
1511
|
+
K(L, {
|
|
1512
1512
|
"svg-title": e.t("closeConfigSettingsPanel")
|
|
1513
1513
|
}, null, 8, ["svg-title"])
|
|
1514
1514
|
]),
|
|
1515
1515
|
_: 1
|
|
1516
1516
|
})
|
|
1517
1517
|
]),
|
|
1518
|
-
|
|
1519
|
-
|
|
1518
|
+
p("div", Ws, [
|
|
1519
|
+
K(w, {
|
|
1520
1520
|
class: "b-data-grid-config-settings__condensed-view-title",
|
|
1521
1521
|
el: "span",
|
|
1522
1522
|
stronger: ""
|
|
@@ -1526,7 +1526,7 @@ function js(e, a, g, n, d, t) {
|
|
|
1526
1526
|
]),
|
|
1527
1527
|
_: 1
|
|
1528
1528
|
}),
|
|
1529
|
-
|
|
1529
|
+
K(g, {
|
|
1530
1530
|
"label-position": "after",
|
|
1531
1531
|
"aria-label": e.t("condensedToggle"),
|
|
1532
1532
|
value: e.condensed,
|
|
@@ -1538,9 +1538,9 @@ function js(e, a, g, n, d, t) {
|
|
|
1538
1538
|
_: 1
|
|
1539
1539
|
}, 8, ["aria-label", "value", "onInput"])
|
|
1540
1540
|
]),
|
|
1541
|
-
|
|
1542
|
-
|
|
1543
|
-
|
|
1541
|
+
p("div", Gs, [
|
|
1542
|
+
p("div", Hs, [
|
|
1543
|
+
K(w, {
|
|
1544
1544
|
class: "b-data-grid-config-settings__column-visibility-title",
|
|
1545
1545
|
el: "span",
|
|
1546
1546
|
stronger: ""
|
|
@@ -1550,26 +1550,26 @@ function js(e, a, g, n, d, t) {
|
|
|
1550
1550
|
]),
|
|
1551
1551
|
_: 1
|
|
1552
1552
|
}),
|
|
1553
|
-
e.isColumnVisibilityFilterShown ? (
|
|
1553
|
+
e.isColumnVisibilityFilterShown ? (u(), P(R, {
|
|
1554
1554
|
key: 1,
|
|
1555
1555
|
variant: "tertiary",
|
|
1556
1556
|
onClick: e.toggleColumnFilter
|
|
1557
1557
|
}, {
|
|
1558
1558
|
iconLeft: H(() => [
|
|
1559
|
-
|
|
1559
|
+
K(L)
|
|
1560
1560
|
]),
|
|
1561
1561
|
default: H(() => [
|
|
1562
1562
|
ue(" " + Y(e.t("closeSearch")), 1)
|
|
1563
1563
|
]),
|
|
1564
1564
|
_: 1
|
|
1565
|
-
}, 8, ["onClick"])) : (
|
|
1565
|
+
}, 8, ["onClick"])) : (u(), P(R, {
|
|
1566
1566
|
key: 0,
|
|
1567
1567
|
ref: "searchButtonRef",
|
|
1568
1568
|
variant: "tertiary",
|
|
1569
1569
|
onClick: e.toggleColumnFilter
|
|
1570
1570
|
}, {
|
|
1571
1571
|
iconLeft: H(() => [
|
|
1572
|
-
|
|
1572
|
+
K(b)
|
|
1573
1573
|
]),
|
|
1574
1574
|
default: H(() => [
|
|
1575
1575
|
ue(Y(e.t("search")), 1)
|
|
@@ -1577,17 +1577,17 @@ function js(e, a, g, n, d, t) {
|
|
|
1577
1577
|
_: 1
|
|
1578
1578
|
}, 8, ["onClick"]))
|
|
1579
1579
|
]),
|
|
1580
|
-
e.isColumnVisibilityFilterShown ? (
|
|
1581
|
-
|
|
1580
|
+
e.isColumnVisibilityFilterShown ? (u(), y("div", Vs, [
|
|
1581
|
+
K(c, {
|
|
1582
1582
|
ref: "searchBarRef",
|
|
1583
1583
|
value: e.searchTerm,
|
|
1584
1584
|
"input-field-aria-label": e.t("columnVisibilitySearchFilter").toString(),
|
|
1585
|
-
onInput: a[2] || (a[2] = (
|
|
1585
|
+
onInput: a[2] || (a[2] = (h) => e.searchTerm = h),
|
|
1586
1586
|
onClear: e.clearAction,
|
|
1587
1587
|
onEscapePressed: e.toggleColumnFilter
|
|
1588
1588
|
}, null, 8, ["value", "input-field-aria-label", "onClear", "onEscapePressed"])
|
|
1589
|
-
])) : (
|
|
1590
|
-
|
|
1589
|
+
])) : (u(), y("div", xs, [
|
|
1590
|
+
K(g, {
|
|
1591
1591
|
"label-position": "after",
|
|
1592
1592
|
value: e.allColumnsVisbilityToggleState,
|
|
1593
1593
|
onInput: e.toggleAllColumnVisibility
|
|
@@ -1598,19 +1598,19 @@ function js(e, a, g, n, d, t) {
|
|
|
1598
1598
|
_: 1
|
|
1599
1599
|
}, 8, ["value", "onInput"])
|
|
1600
1600
|
])),
|
|
1601
|
-
|
|
1602
|
-
(
|
|
1603
|
-
key:
|
|
1601
|
+
p("div", Zs, [
|
|
1602
|
+
(u(!0), y(ve, null, Ce(e.filteredColumnVisibilityColumns, (h) => (u(), y("div", {
|
|
1603
|
+
key: h.field
|
|
1604
1604
|
}, [
|
|
1605
|
-
|
|
1605
|
+
h.field !== e.DATAGRID_ACTIONS_COLUMN_FIELD_NAME ? (u(), P(l, {
|
|
1606
1606
|
key: 0,
|
|
1607
|
-
column:
|
|
1608
|
-
"is-column-visibility-toggle-disabled": e.isColumnVisibilityToggleDisabled(
|
|
1607
|
+
column: h,
|
|
1608
|
+
"is-column-visibility-toggle-disabled": e.isColumnVisibilityToggleDisabled(h),
|
|
1609
1609
|
onVisibleColumn: e.emitVisibleColumns,
|
|
1610
1610
|
onUpdatedColumn: e.emitFrozenColumns
|
|
1611
|
-
}, null, 8, ["column", "is-column-visibility-toggle-disabled", "onVisibleColumn", "onUpdatedColumn"])) :
|
|
1611
|
+
}, null, 8, ["column", "is-column-visibility-toggle-disabled", "onVisibleColumn", "onUpdatedColumn"])) : F("", !0)
|
|
1612
1612
|
]))), 128)),
|
|
1613
|
-
e.filteredColumnVisibilityColumns.length === 0 ? (
|
|
1613
|
+
e.filteredColumnVisibilityColumns.length === 0 ? (u(), P(w, {
|
|
1614
1614
|
key: 0,
|
|
1615
1615
|
el: "span",
|
|
1616
1616
|
class: "b-data-grid-config-settings__column-visibility-empty-search-message"
|
|
@@ -1619,17 +1619,17 @@ function js(e, a, g, n, d, t) {
|
|
|
1619
1619
|
ue(Y(e.t("noColumnsMatch")), 1)
|
|
1620
1620
|
]),
|
|
1621
1621
|
_: 1
|
|
1622
|
-
})) :
|
|
1622
|
+
})) : F("", !0)
|
|
1623
1623
|
])
|
|
1624
1624
|
])
|
|
1625
1625
|
]),
|
|
1626
1626
|
_: 1
|
|
1627
|
-
}, 8, ["id", "open", "aria-label", "target-element"])) :
|
|
1627
|
+
}, 8, ["id", "open", "aria-label", "target-element"])) : F("", !0)
|
|
1628
1628
|
])), [
|
|
1629
|
-
[
|
|
1629
|
+
[i, e.onClickOutside]
|
|
1630
1630
|
]);
|
|
1631
1631
|
}
|
|
1632
|
-
const qs = /* @__PURE__ */ oe(zs, [["render", js], ["__scopeId", "data-v-f5950a53"]]),
|
|
1632
|
+
const qs = /* @__PURE__ */ oe(zs, [["render", js], ["__scopeId", "data-v-f5950a53"]]), Ze = {
|
|
1633
1633
|
"en-US": {
|
|
1634
1634
|
gettingYourData: "Getting your data",
|
|
1635
1635
|
loading: "Loading",
|
|
@@ -1647,59 +1647,59 @@ const qs = /* @__PURE__ */ oe(zs, [["render", js], ["__scopeId", "data-v-f5950a5
|
|
|
1647
1647
|
loading: "Carregando",
|
|
1648
1648
|
showMore: "Mostrar mais"
|
|
1649
1649
|
}
|
|
1650
|
-
}, Ys = { class: "b-data-grid-lazy-load" },
|
|
1651
|
-
i18n: { messages:
|
|
1652
|
-
},
|
|
1653
|
-
...
|
|
1650
|
+
}, Ys = { class: "b-data-grid-lazy-load" }, Ks = {
|
|
1651
|
+
i18n: { messages: Ze }
|
|
1652
|
+
}, Xs = /* @__PURE__ */ Ee({
|
|
1653
|
+
...Ks,
|
|
1654
1654
|
__name: "data-grid-lazy-load",
|
|
1655
1655
|
props: {
|
|
1656
1656
|
loading: { type: Boolean },
|
|
1657
1657
|
isInfiniteScroll: { type: Boolean }
|
|
1658
1658
|
},
|
|
1659
1659
|
setup(e) {
|
|
1660
|
-
const { t: a } = Ne({ messages:
|
|
1661
|
-
return (
|
|
1662
|
-
|
|
1663
|
-
|
|
1660
|
+
const { t: a } = Ne({ messages: Ze });
|
|
1661
|
+
return (v, n) => (u(), y("div", Ys, [
|
|
1662
|
+
v.loading && v.isInfiniteScroll ? (u(), P(s(ot), { key: 0 })) : F("", !0),
|
|
1663
|
+
v.loading && !v.isInfiniteScroll ? (u(), P(s(St), {
|
|
1664
1664
|
key: 1,
|
|
1665
1665
|
variant: "secondary",
|
|
1666
|
-
state:
|
|
1666
|
+
state: s(Et).LOADING
|
|
1667
1667
|
}, {
|
|
1668
1668
|
default: H(() => [
|
|
1669
|
-
ue(Y(
|
|
1669
|
+
ue(Y(s(a)("loading")), 1)
|
|
1670
1670
|
]),
|
|
1671
1671
|
_: 1
|
|
1672
|
-
}, 8, ["state"])) :
|
|
1673
|
-
!
|
|
1672
|
+
}, 8, ["state"])) : F("", !0),
|
|
1673
|
+
!v.loading && !v.isInfiniteScroll ? (u(), P(s(St), {
|
|
1674
1674
|
key: 2,
|
|
1675
|
-
state:
|
|
1675
|
+
state: s(Et).START,
|
|
1676
1676
|
variant: "secondary",
|
|
1677
|
-
onClick: n[0] || (n[0] = (d) =>
|
|
1677
|
+
onClick: n[0] || (n[0] = (d) => v.$emit(s(k).UPDATE_SHOW_MORE))
|
|
1678
1678
|
}, {
|
|
1679
1679
|
default: H(() => [
|
|
1680
|
-
ue(Y(
|
|
1680
|
+
ue(Y(s(a)("showMore")), 1)
|
|
1681
1681
|
]),
|
|
1682
1682
|
_: 1
|
|
1683
|
-
}, 8, ["state"])) :
|
|
1683
|
+
}, 8, ["state"])) : F("", !0)
|
|
1684
1684
|
]));
|
|
1685
1685
|
}
|
|
1686
|
-
}), Js = /* @__PURE__ */ oe(
|
|
1686
|
+
}), Js = /* @__PURE__ */ oe(Xs, [["__scopeId", "data-v-a4824c2d"]]);
|
|
1687
1687
|
let Mt = 0;
|
|
1688
1688
|
const Qs = {
|
|
1689
1689
|
beforeCreate() {
|
|
1690
1690
|
this.uuid = Mt.toString(), Mt += 1;
|
|
1691
1691
|
}
|
|
1692
1692
|
}, eo = { key: 0 };
|
|
1693
|
-
function to(e, a,
|
|
1694
|
-
return
|
|
1693
|
+
function to(e, a, v, n, d, t) {
|
|
1694
|
+
return u(), y("svg", ee({ role: "img" }, e.$attrs, {
|
|
1695
1695
|
class: "ui-assets-icons-16",
|
|
1696
1696
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1697
1697
|
width: "16",
|
|
1698
1698
|
height: "16",
|
|
1699
1699
|
fill: "none"
|
|
1700
1700
|
}), [
|
|
1701
|
-
e.$attrs["svg-title"] ? (
|
|
1702
|
-
a[0] || (a[0] =
|
|
1701
|
+
e.$attrs["svg-title"] ? (u(), y("title", eo, Y(e.$attrs["svg-title"]), 1)) : F("", !0),
|
|
1702
|
+
a[0] || (a[0] = p("path", {
|
|
1703
1703
|
fill: "#00112C",
|
|
1704
1704
|
d: "M12.9243 1.86372C12.0456 0.985043 10.621 0.985041 9.74234 1.86372L1.25 10.3561V14.7501H5.64399L14.1363 6.25772C15.015 5.37904 15.015 3.95442 14.1363 3.07574L12.9243 1.86372ZM10.803 2.92438C11.0959 2.63149 11.5708 2.63149 11.8637 2.92438L13.0757 4.1364C13.3686 4.42929 13.3686 4.90416 13.0757 5.19706L12.3333 5.93947L10.0606 3.6668L10.803 2.92438ZM8.99993 4.72746L11.2726 7.00013L5.02267 13.2501H2.75V10.9774L8.99993 4.72746Z"
|
|
1705
1705
|
}, null, -1))
|
|
@@ -1712,22 +1712,22 @@ const lo = {
|
|
|
1712
1712
|
this.uuid = zt.toString(), zt += 1;
|
|
1713
1713
|
}
|
|
1714
1714
|
}, so = { key: 0 };
|
|
1715
|
-
function oo(e, a,
|
|
1716
|
-
return
|
|
1715
|
+
function oo(e, a, v, n, d, t) {
|
|
1716
|
+
return u(), y("svg", ee({ role: "img" }, e.$attrs, {
|
|
1717
1717
|
class: "ui-assets-icons-16",
|
|
1718
1718
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1719
1719
|
width: "16",
|
|
1720
1720
|
height: "16",
|
|
1721
1721
|
fill: "none"
|
|
1722
1722
|
}), [
|
|
1723
|
-
e.$attrs["svg-title"] ? (
|
|
1724
|
-
a[0] || (a[0] =
|
|
1723
|
+
e.$attrs["svg-title"] ? (u(), y("title", so, Y(e.$attrs["svg-title"]), 1)) : F("", !0),
|
|
1724
|
+
a[0] || (a[0] = p("path", {
|
|
1725
1725
|
fill: "#00112C",
|
|
1726
1726
|
d: "M2.93933 11.9999L10.1893 4.74989H5.24999V3.24989H12.75V10.7499H11.25V5.81055L3.99999 13.0605L2.93933 11.9999Z"
|
|
1727
1727
|
}, null, -1))
|
|
1728
1728
|
], 16);
|
|
1729
1729
|
}
|
|
1730
|
-
const
|
|
1730
|
+
const Ft = /* @__PURE__ */ oe(lo, [["render", oo]]), Kt = {
|
|
1731
1731
|
"en-US": {
|
|
1732
1732
|
copy: "Copy",
|
|
1733
1733
|
edit: "Edit",
|
|
@@ -1750,7 +1750,7 @@ const Ut = /* @__PURE__ */ oe(lo, [["render", oo]]), Xt = {
|
|
|
1750
1750
|
class: "b-data-grid-cell-actions__actions",
|
|
1751
1751
|
role: "group"
|
|
1752
1752
|
}, ro = {
|
|
1753
|
-
i18n: { messages:
|
|
1753
|
+
i18n: { messages: Kt },
|
|
1754
1754
|
name: "data-grid-cell-actions"
|
|
1755
1755
|
}, uo = /* @__PURE__ */ Ee({
|
|
1756
1756
|
...ro,
|
|
@@ -1759,7 +1759,7 @@ const Ut = /* @__PURE__ */ oe(lo, [["render", oo]]), Xt = {
|
|
|
1759
1759
|
* Column definitions using 'key' to relate to data object.
|
|
1760
1760
|
*/
|
|
1761
1761
|
cellActions: {
|
|
1762
|
-
type: Array,
|
|
1762
|
+
type: [Array, Function],
|
|
1763
1763
|
required: !0,
|
|
1764
1764
|
validator: (e) => (e == null ? void 0 : e.length) <= 2
|
|
1765
1765
|
},
|
|
@@ -1780,71 +1780,76 @@ const Ut = /* @__PURE__ */ oe(lo, [["render", oo]]), Xt = {
|
|
|
1780
1780
|
},
|
|
1781
1781
|
emits: ["menu-item-click-close"],
|
|
1782
1782
|
setup(e, { emit: a }) {
|
|
1783
|
-
const { t:
|
|
1784
|
-
|
|
1785
|
-
return
|
|
1783
|
+
const { t: v } = Ne({ messages: Kt }), n = e, d = a;
|
|
1784
|
+
function t(l) {
|
|
1785
|
+
return typeof l == "function";
|
|
1786
|
+
}
|
|
1787
|
+
const o = E(() => {
|
|
1788
|
+
var f;
|
|
1789
|
+
const l = t(n.cellActions) ? (f = n.cellActions) == null ? void 0 : f.call(n, n.rowDataItem, n.columnKey) : n.cellActions;
|
|
1790
|
+
return (l == null ? void 0 : l.length) > 2 && Ht(
|
|
1786
1791
|
"WARNING: BentoDataGrid Cell actions can only have a maximum of 2 actions, if you need more consider using the menuData property instead."
|
|
1787
|
-
),
|
|
1788
|
-
}),
|
|
1789
|
-
if (!(!
|
|
1792
|
+
), l == null ? void 0 : l.slice(0, 2);
|
|
1793
|
+
}), _ = E(() => (l, f) => {
|
|
1794
|
+
if (!(!f && l.isShort || f && !l.isShort))
|
|
1790
1795
|
switch (l.variant) {
|
|
1791
1796
|
case "copy":
|
|
1792
|
-
return
|
|
1797
|
+
return v("copy");
|
|
1793
1798
|
case "edit":
|
|
1794
|
-
return
|
|
1799
|
+
return v("edit");
|
|
1795
1800
|
case "open":
|
|
1796
|
-
return
|
|
1801
|
+
return v("open");
|
|
1797
1802
|
case "more":
|
|
1798
|
-
return
|
|
1803
|
+
return v("more");
|
|
1799
1804
|
default:
|
|
1800
1805
|
return l.title;
|
|
1801
1806
|
}
|
|
1802
1807
|
}), w = (l) => (l == null ? void 0 : l.event) !== void 0 ? {
|
|
1803
1808
|
click: () => l.event(n.rowDataItem, n.columnKey)
|
|
1804
|
-
} : {},
|
|
1809
|
+
} : {}, L = (l) => ({
|
|
1805
1810
|
...l,
|
|
1806
1811
|
handler: () => {
|
|
1807
1812
|
l != null && l.handler && typeof l.handler == "function" && (l == null || l.handler()), l != null && l.event && typeof l.event == "function" && (l == null || l.event(n.rowDataItem, n.columnKey));
|
|
1808
1813
|
}
|
|
1809
|
-
}),
|
|
1810
|
-
const i =
|
|
1811
|
-
return i != null && i.items && (i.items =
|
|
1812
|
-
}),
|
|
1813
|
-
var
|
|
1814
|
-
return (l == null ? void 0 : l.getCopyData) !== void 0 ? l.getCopyData(n.rowDataItem, n.columnKey) : (i = (
|
|
1815
|
-
},
|
|
1816
|
-
return (l,
|
|
1814
|
+
}), R = (l) => l.map((f) => {
|
|
1815
|
+
const i = f;
|
|
1816
|
+
return i != null && i.items && (i.items = R(i.items)), { ...L(i) };
|
|
1817
|
+
}), g = (l) => {
|
|
1818
|
+
var f, i;
|
|
1819
|
+
return (l == null ? void 0 : l.getCopyData) !== void 0 ? l.getCopyData(n.rowDataItem, n.columnKey) : (i = (f = n.rowDataItem) == null ? void 0 : f[n.columnKey]) == null ? void 0 : i.toString();
|
|
1820
|
+
}, b = (l) => l.iconRight || ((l == null ? void 0 : l.variant) === "more" || (l == null ? void 0 : l.variant) === "open") && !l.isShort, c = (l) => l.iconLeft || (l == null ? void 0 : l.variant) === "more";
|
|
1821
|
+
return (l, f) => (u(), P(Bt, {
|
|
1817
1822
|
name: "b-data-grid-cell-actions__animation",
|
|
1818
1823
|
appear: ""
|
|
1819
1824
|
}, {
|
|
1820
1825
|
default: H(() => [
|
|
1821
|
-
|
|
1822
|
-
|
|
1823
|
-
|
|
1824
|
-
(
|
|
1825
|
-
key:
|
|
1826
|
+
p("div", io, [
|
|
1827
|
+
f[1] || (f[1] = p("div", { class: "b-data-grid-cell-actions__background-gradient" }, null, -1)),
|
|
1828
|
+
p("div", ao, [
|
|
1829
|
+
(u(!0), y(ve, null, Ce(o.value, (i, h) => (u(), y("div", {
|
|
1830
|
+
key: h,
|
|
1826
1831
|
class: "b-data-grid-cell-actions__action"
|
|
1827
1832
|
}, [
|
|
1828
|
-
i.menuData ? (
|
|
1833
|
+
i.menuData ? (u(), P(s(Je), {
|
|
1829
1834
|
key: 0,
|
|
1830
|
-
data:
|
|
1835
|
+
data: R(i.menuData),
|
|
1831
1836
|
button: {
|
|
1832
1837
|
condensed: !0,
|
|
1833
1838
|
variant: "secondary",
|
|
1834
1839
|
disabled: i.disabled
|
|
1835
1840
|
},
|
|
1836
1841
|
teleport: "",
|
|
1837
|
-
onMenuItemClick:
|
|
1842
|
+
onMenuItemClick: f[0] || (f[0] = ($) => d("menu-item-click-close"))
|
|
1838
1843
|
}, Te({ _: 2 }, [
|
|
1839
|
-
|
|
1844
|
+
c(i) ? {
|
|
1840
1845
|
name: "iconLeft",
|
|
1841
1846
|
fn: H(() => [
|
|
1842
|
-
(i == null ? void 0 : i.variant) === "more" ? (
|
|
1847
|
+
(i == null ? void 0 : i.variant) === "more" ? (u(), P(s(dl), {
|
|
1843
1848
|
key: 0,
|
|
1844
|
-
"svg-title":
|
|
1845
|
-
}, null, 8, ["svg-title"])) : (
|
|
1849
|
+
"svg-title": _.value(i, !0)
|
|
1850
|
+
}, null, 8, ["svg-title"])) : (u(), P(Me(i.iconLeft), {
|
|
1846
1851
|
key: 1,
|
|
1847
|
-
"svg-title":
|
|
1852
|
+
"svg-title": _.value(i, !0)
|
|
1848
1853
|
}, null, 8, ["svg-title"]))
|
|
1849
1854
|
]),
|
|
1850
1855
|
key: "0"
|
|
@@ -1852,46 +1857,46 @@ const Ut = /* @__PURE__ */ oe(lo, [["render", oo]]), Xt = {
|
|
|
1852
1857
|
i != null && i.isShort ? void 0 : {
|
|
1853
1858
|
name: "default",
|
|
1854
1859
|
fn: H(() => [
|
|
1855
|
-
ue(Y(
|
|
1860
|
+
ue(Y(_.value(i)), 1)
|
|
1856
1861
|
]),
|
|
1857
1862
|
key: "1"
|
|
1858
1863
|
},
|
|
1859
|
-
|
|
1864
|
+
b(i) ? {
|
|
1860
1865
|
name: "iconRight",
|
|
1861
1866
|
fn: H(() => [
|
|
1862
|
-
(i == null ? void 0 : i.variant) === "open" ? (
|
|
1867
|
+
(i == null ? void 0 : i.variant) === "open" ? (u(), P(s(Ft), {
|
|
1863
1868
|
key: 0,
|
|
1864
|
-
"svg-title":
|
|
1865
|
-
}, null, 8, ["svg-title"])) : (
|
|
1869
|
+
"svg-title": _.value(i, !0)
|
|
1870
|
+
}, null, 8, ["svg-title"])) : (u(), P(Me(i.iconRight), {
|
|
1866
1871
|
key: 1,
|
|
1867
1872
|
"svg-title": i.title
|
|
1868
1873
|
}, null, 8, ["svg-title"]))
|
|
1869
1874
|
]),
|
|
1870
1875
|
key: "2"
|
|
1871
1876
|
} : void 0
|
|
1872
|
-
]), 1032, ["data", "button"])) : i.variant === "copy" ? (
|
|
1877
|
+
]), 1032, ["data", "button"])) : i.variant === "copy" ? (u(), P(s(ml), {
|
|
1873
1878
|
key: 1,
|
|
1874
|
-
text:
|
|
1875
|
-
"button-text":
|
|
1879
|
+
text: g(i),
|
|
1880
|
+
"button-text": _.value(i),
|
|
1876
1881
|
button: {
|
|
1877
1882
|
condensed: !0,
|
|
1878
1883
|
variant: "secondary"
|
|
1879
1884
|
}
|
|
1880
|
-
}, null, 8, ["text", "button-text"])) : (
|
|
1885
|
+
}, null, 8, ["text", "button-text"])) : (u(), P(s(Vt), ee({
|
|
1881
1886
|
key: 2,
|
|
1882
1887
|
condensed: "",
|
|
1883
1888
|
variant: "secondary",
|
|
1884
1889
|
critical: i.critical,
|
|
1885
1890
|
disabled: i.disabled,
|
|
1886
1891
|
link: i.link
|
|
1887
|
-
},
|
|
1892
|
+
}, Ve(w(i))), Te({ _: 2 }, [
|
|
1888
1893
|
i.iconLeft || i.variant === "edit" ? {
|
|
1889
1894
|
name: "iconLeft",
|
|
1890
1895
|
fn: H(() => [
|
|
1891
|
-
(i == null ? void 0 : i.variant) === "edit" ? (
|
|
1896
|
+
(i == null ? void 0 : i.variant) === "edit" ? (u(), P(s(no), {
|
|
1892
1897
|
key: 0,
|
|
1893
|
-
"svg-title":
|
|
1894
|
-
}, null, 8, ["svg-title"])) : (
|
|
1898
|
+
"svg-title": _.value(i, !0)
|
|
1899
|
+
}, null, 8, ["svg-title"])) : (u(), P(Me(i.iconLeft), {
|
|
1895
1900
|
key: 1,
|
|
1896
1901
|
"svg-title": i.title
|
|
1897
1902
|
}, null, 8, ["svg-title"]))
|
|
@@ -1901,17 +1906,17 @@ const Ut = /* @__PURE__ */ oe(lo, [["render", oo]]), Xt = {
|
|
|
1901
1906
|
i != null && i.isShort ? void 0 : {
|
|
1902
1907
|
name: "default",
|
|
1903
1908
|
fn: H(() => [
|
|
1904
|
-
ue(Y(
|
|
1909
|
+
ue(Y(_.value(i)), 1)
|
|
1905
1910
|
]),
|
|
1906
1911
|
key: "1"
|
|
1907
1912
|
},
|
|
1908
1913
|
i.iconRight || i.variant === "open" ? {
|
|
1909
1914
|
name: "iconRight",
|
|
1910
1915
|
fn: H(() => [
|
|
1911
|
-
(i == null ? void 0 : i.variant) === "open" ? (
|
|
1916
|
+
(i == null ? void 0 : i.variant) === "open" ? (u(), P(s(Ft), {
|
|
1912
1917
|
key: 0,
|
|
1913
|
-
"svg-title":
|
|
1914
|
-
}, null, 8, ["svg-title"])) : (
|
|
1918
|
+
"svg-title": _.value(i, !0)
|
|
1919
|
+
}, null, 8, ["svg-title"])) : (u(), P(Me(i.iconRight), {
|
|
1915
1920
|
key: 1,
|
|
1916
1921
|
"svg-title": i.title
|
|
1917
1922
|
}, null, 8, ["svg-title"]))
|
|
@@ -1926,7 +1931,7 @@ const Ut = /* @__PURE__ */ oe(lo, [["render", oo]]), Xt = {
|
|
|
1926
1931
|
_: 1
|
|
1927
1932
|
}));
|
|
1928
1933
|
}
|
|
1929
|
-
}), co = /* @__PURE__ */ oe(uo, [["__scopeId", "data-v-
|
|
1934
|
+
}), co = /* @__PURE__ */ oe(uo, [["__scopeId", "data-v-1b3e0c2e"]]), Xt = Symbol("data-grid slashed zero key");
|
|
1930
1935
|
var ie = /* @__PURE__ */ ((e) => (e.ACTION_COL_NESTED_CONTENT_AND_SELECTION_ENABLED = "action-col-nested-content-and-selection-enabled", e.ACTION_COL_NESTED_CONTENT_ENABLED = "action-col-nested-content-enabled", e.ACTION_COL_SELECTION_ENABLED = "action-col-selection-enabled", e.COLUMN_HOVERED = "column-hovered", e.COLUMN_HOVERED_NO_BORDER_LEFT = "column-hovered-no-border-left", e.COLUMN_HOVERED_NO_BORDER_RIGHT = "column-hovered-no-border-right", e.CONDENSED = "condensed", e.FROZEN = "frozen", e.IS_COLUMN_REORDERING = "is-column-re-ordering", e.IS_COLUMN_REORDERING_TARGET_LEFT = "is-column-re-order-target-left", e.IS_COLUMN_REORDERING_TARGET_RIGHT = "is-column-re-order-target-right", e.LAST_FROZEN_COLUMN_CELL = "last-frozen-column-cell", e.NESTED_CONTENT_ENABLED = "nested-content-toggle-enabled", e.NUMERIC = "numeric", e.OVERFLOW_ELLIPSIS = "overflow-ellipsis", e.PADDING_LEFT_UNSET = "padding-left-unset", e.PADDING_RIGHT_UNSET = "padding-right-unset", e.SLASHED_ZERO = "slashed-zero", e))(ie || {});
|
|
1931
1936
|
const Jt = {
|
|
1932
1937
|
"en-US": {
|
|
@@ -2062,158 +2067,158 @@ const Jt = {
|
|
|
2062
2067
|
}
|
|
2063
2068
|
},
|
|
2064
2069
|
emits: ["on-frozen-columns-key-press", "select-row", "register-row-cell-element", "cell-hovered", "nested-content-toggled"],
|
|
2065
|
-
setup(e, { expose: a, emit:
|
|
2066
|
-
const n = st(), d = it(n), { t } = Ne({ messages: Jt }),
|
|
2067
|
-
var
|
|
2068
|
-
return !!((
|
|
2069
|
-
}),
|
|
2070
|
+
setup(e, { expose: a, emit: v }) {
|
|
2071
|
+
const n = st(), d = it(n), { t } = Ne({ messages: Jt }), o = e, _ = v, w = T(null), L = T(null), R = T(!1), g = T([]), b = E(() => {
|
|
2072
|
+
var C;
|
|
2073
|
+
return !!((C = o.rowData) != null && C[o.column.field]);
|
|
2074
|
+
}), c = E(
|
|
2070
2075
|
() => {
|
|
2071
|
-
var
|
|
2072
|
-
return
|
|
2076
|
+
var C;
|
|
2077
|
+
return o.column.field === fe && ((C = o.nestedRowsElementIds) == null ? void 0 : C.length) > 0 ? o.nestedRowsElementIds.join(" ") : void 0;
|
|
2073
2078
|
}
|
|
2074
|
-
),
|
|
2075
|
-
() =>
|
|
2076
|
-
),
|
|
2079
|
+
), l = E(
|
|
2080
|
+
() => o.column.field === fe && !o.selectable && !o.nestedContent
|
|
2081
|
+
), f = (C, V) => (C == null ? void 0 : C.overflow) === Qe.ELLIPSIS ? `${V}` : void 0, i = (C) => C ?? "-", h = (C) => o.columnSets.slice(0, C).reduce((V, { columnSet: U }) => V + U.length, 0), $ = (C, V) => C + h(V), N = (C, V, U) => h() * C + $(V, U), B = (C) => {
|
|
2077
2082
|
var V;
|
|
2078
|
-
(
|
|
2079
|
-
},
|
|
2080
|
-
|
|
2081
|
-
},
|
|
2082
|
-
const
|
|
2083
|
-
...
|
|
2083
|
+
(C === null || !w.value.contains(C) && !((V = g.value) != null && V.map((U) => U.value).some((U) => U === C || (U == null ? void 0 : U.contains(C))))) && (R.value = !1);
|
|
2084
|
+
}, X = () => {
|
|
2085
|
+
R.value = !1;
|
|
2086
|
+
}, S = (C) => {
|
|
2087
|
+
const U = { ...{
|
|
2088
|
+
...o.draggingEventsForRowCell(C)
|
|
2084
2089
|
} };
|
|
2085
|
-
return
|
|
2086
|
-
|
|
2087
|
-
},
|
|
2088
|
-
|
|
2089
|
-
},
|
|
2090
|
+
return C.frozen && (U.keyup = (G) => _("on-frozen-columns-key-press", G), U.keydown = (G) => _("on-frozen-columns-key-press", G)), C.cellActions && (U.mouseenter = () => {
|
|
2091
|
+
R.value = !0;
|
|
2092
|
+
}, U.mouseleave = (G) => {
|
|
2093
|
+
R.value = !1, B(G == null ? void 0 : G.relatedTarget);
|
|
2094
|
+
}, U.mouseleave = (G) => {
|
|
2090
2095
|
B(G == null ? void 0 : G.relatedTarget);
|
|
2091
|
-
},
|
|
2092
|
-
|
|
2093
|
-
},
|
|
2096
|
+
}, U.focus = (G) => {
|
|
2097
|
+
R.value = !0;
|
|
2098
|
+
}, U.focusout = (G) => {
|
|
2094
2099
|
B(G == null ? void 0 : G.relatedTarget);
|
|
2095
|
-
}),
|
|
2096
|
-
},
|
|
2097
|
-
|
|
2100
|
+
}), U;
|
|
2101
|
+
}, O = () => {
|
|
2102
|
+
_("nested-content-toggled");
|
|
2098
2103
|
};
|
|
2099
2104
|
me(
|
|
2100
|
-
() =>
|
|
2105
|
+
() => R.value,
|
|
2101
2106
|
() => {
|
|
2102
|
-
|
|
2107
|
+
R.value === !0 ? _("cell-hovered", o.rowIndex) : _("cell-hovered", -1);
|
|
2103
2108
|
}
|
|
2104
2109
|
), Wt(ul, {
|
|
2105
|
-
registerMenuContainerElement: (
|
|
2106
|
-
|
|
2110
|
+
registerMenuContainerElement: (C) => {
|
|
2111
|
+
g.value.push(C);
|
|
2107
2112
|
},
|
|
2108
|
-
menuMouseLeave: (
|
|
2109
|
-
|
|
2113
|
+
menuMouseLeave: (C) => {
|
|
2114
|
+
w.value.contains(C == null ? void 0 : C.relatedTarget) || (R.value = !1);
|
|
2110
2115
|
}
|
|
2111
2116
|
});
|
|
2112
|
-
const ne =
|
|
2113
|
-
var V,
|
|
2117
|
+
const ne = Ke(Xt, T(!1)), J = (C) => {
|
|
2118
|
+
var V, U, G, Z, m, D, j;
|
|
2114
2119
|
return {
|
|
2115
|
-
[`b-data-grid-cell--${ie.COLUMN_HOVERED}`]: (
|
|
2116
|
-
[`b-data-grid-cell--${ie.COLUMN_HOVERED_NO_BORDER_LEFT}`]: (
|
|
2117
|
-
[`b-data-grid-cell--${ie.COLUMN_HOVERED_NO_BORDER_RIGHT}`]: (
|
|
2118
|
-
[`b-data-grid-cell--${ie.PADDING_LEFT_UNSET}`]: ((V =
|
|
2119
|
-
[`b-data-grid-cell--${ie.PADDING_RIGHT_UNSET}`]: ((
|
|
2120
|
-
[`b-data-grid-cell--${ie.NUMERIC}`]:
|
|
2121
|
-
[`b-data-grid-cell--${ie.CONDENSED}`]:
|
|
2122
|
-
[`b-data-grid-cell--${ie.OVERFLOW_ELLIPSIS}`]: (
|
|
2123
|
-
[`b-data-grid-cell--${ie.IS_COLUMN_REORDERING}`]: ((G =
|
|
2124
|
-
[`b-data-grid-cell--${ie.IS_COLUMN_REORDERING_TARGET_LEFT}`]: ((Z =
|
|
2125
|
-
[`b-data-grid-cell--${ie.IS_COLUMN_REORDERING_TARGET_RIGHT}`]: ((D =
|
|
2126
|
-
[`b-data-grid-cell--${ie.FROZEN}`]:
|
|
2127
|
-
[`b-data-grid-cell--${ie.NESTED_CONTENT_ENABLED}`]:
|
|
2128
|
-
[`b-data-grid-cell--${ie.ACTION_COL_NESTED_CONTENT_ENABLED}`]:
|
|
2129
|
-
[`b-data-grid-cell--${ie.ACTION_COL_NESTED_CONTENT_AND_SELECTION_ENABLED}`]:
|
|
2130
|
-
[`b-data-grid-cell--${ie.ACTION_COL_SELECTION_ENABLED}`]:
|
|
2120
|
+
[`b-data-grid-cell--${ie.COLUMN_HOVERED}`]: (C == null ? void 0 : C.field) === o.hoveredOverColumnState.hoveredOverColumnField,
|
|
2121
|
+
[`b-data-grid-cell--${ie.COLUMN_HOVERED_NO_BORDER_LEFT}`]: (C == null ? void 0 : C.field) === o.hoveredOverColumnState.hoveredOverColumnField && o.hoveredOverColumnState.noBorderLeft,
|
|
2122
|
+
[`b-data-grid-cell--${ie.COLUMN_HOVERED_NO_BORDER_RIGHT}`]: (C == null ? void 0 : C.field) === o.hoveredOverColumnState.hoveredOverColumnField && o.hoveredOverColumnState.noBorderRight,
|
|
2123
|
+
[`b-data-grid-cell--${ie.PADDING_LEFT_UNSET}`]: ((V = C == null ? void 0 : C.padding) == null ? void 0 : V.left) === !1,
|
|
2124
|
+
[`b-data-grid-cell--${ie.PADDING_RIGHT_UNSET}`]: ((U = C == null ? void 0 : C.padding) == null ? void 0 : U.right) === !1,
|
|
2125
|
+
[`b-data-grid-cell--${ie.NUMERIC}`]: C == null ? void 0 : C.numeric,
|
|
2126
|
+
[`b-data-grid-cell--${ie.CONDENSED}`]: o.condensed,
|
|
2127
|
+
[`b-data-grid-cell--${ie.OVERFLOW_ELLIPSIS}`]: (C == null ? void 0 : C.overflow) === Qe.ELLIPSIS,
|
|
2128
|
+
[`b-data-grid-cell--${ie.IS_COLUMN_REORDERING}`]: ((G = o.draggingColumns.dragging) == null ? void 0 : G.field) === C.field,
|
|
2129
|
+
[`b-data-grid-cell--${ie.IS_COLUMN_REORDERING_TARGET_LEFT}`]: ((Z = o.draggingColumns.target) == null ? void 0 : Z.field) === C.field && ((m = o.draggingColumns) == null ? void 0 : m.dragToLeft),
|
|
2130
|
+
[`b-data-grid-cell--${ie.IS_COLUMN_REORDERING_TARGET_RIGHT}`]: ((D = o.draggingColumns.target) == null ? void 0 : D.field) === C.field && !((j = o.draggingColumns) != null && j.dragToLeft),
|
|
2131
|
+
[`b-data-grid-cell--${ie.FROZEN}`]: C == null ? void 0 : C.frozen,
|
|
2132
|
+
[`b-data-grid-cell--${ie.NESTED_CONTENT_ENABLED}`]: o.nestedContent,
|
|
2133
|
+
[`b-data-grid-cell--${ie.ACTION_COL_NESTED_CONTENT_ENABLED}`]: o.nestedContent && !o.selectable && C.field === fe,
|
|
2134
|
+
[`b-data-grid-cell--${ie.ACTION_COL_NESTED_CONTENT_AND_SELECTION_ENABLED}`]: o.nestedContent && o.selectable && C.field === fe,
|
|
2135
|
+
[`b-data-grid-cell--${ie.ACTION_COL_SELECTION_ENABLED}`]: C.field === fe && o.selectable,
|
|
2131
2136
|
[`b-data-grid-cell--${ie.SLASHED_ZERO}`]: ne.value
|
|
2132
2137
|
};
|
|
2133
2138
|
};
|
|
2134
2139
|
return a({
|
|
2135
|
-
gridcellRef:
|
|
2136
|
-
}), (
|
|
2137
|
-
var
|
|
2138
|
-
return
|
|
2140
|
+
gridcellRef: w
|
|
2141
|
+
}), (C, V) => {
|
|
2142
|
+
var U;
|
|
2143
|
+
return u(), y("div", ee({
|
|
2139
2144
|
key: `cell-${e.column.field}`,
|
|
2140
2145
|
ref_key: "gridcellRef",
|
|
2141
|
-
ref:
|
|
2142
|
-
"aria-hidden":
|
|
2146
|
+
ref: w,
|
|
2147
|
+
"aria-hidden": l.value,
|
|
2143
2148
|
"data-testid": `cell-${e.column.field}`,
|
|
2144
|
-
"data-cellindex":
|
|
2149
|
+
"data-cellindex": N(e.rowIndex, e.colIndex, e.columnSetIndex),
|
|
2145
2150
|
class: ["b-data-grid-cell", J(e.column)],
|
|
2146
2151
|
role: "gridcell",
|
|
2147
|
-
tabindex:
|
|
2152
|
+
tabindex: N(e.rowIndex, e.colIndex, e.columnSetIndex) === 0 ? "0" : "-1",
|
|
2148
2153
|
"aria-colindex": $(e.colIndex, e.columnSetIndex) + 1,
|
|
2149
2154
|
style: {
|
|
2150
2155
|
width: e.column.autoWidth && e.isMeasuringColumnWidths ? "auto" : `${e.column.width}px`
|
|
2151
2156
|
}
|
|
2152
|
-
},
|
|
2153
|
-
e.column.field ===
|
|
2154
|
-
e.selectable ? (
|
|
2157
|
+
}, Ve(S(e.column), !0)), [
|
|
2158
|
+
e.column.field === s(fe) ? (u(), y(ve, { key: 0 }, [
|
|
2159
|
+
e.selectable ? (u(), P(s(Zt), {
|
|
2155
2160
|
key: 0,
|
|
2156
2161
|
class: "b-data-grid-cell__select-cell",
|
|
2157
|
-
"aria-label":
|
|
2162
|
+
"aria-label": s(t)("selectRow"),
|
|
2158
2163
|
disabled: e.isDataItemDisabled(e.rowData),
|
|
2159
2164
|
indeterminate: e.selectionIsIndeterminate,
|
|
2160
2165
|
"model-value": e.selectedItems,
|
|
2161
2166
|
value: e.getDataItemId(e.rowData),
|
|
2162
|
-
"onUpdate:modelValue": V[0] || (V[0] = (G) =>
|
|
2163
|
-
}, null, 8, ["aria-label", "disabled", "indeterminate", "model-value", "value"])) :
|
|
2164
|
-
e.nestedContent ? (
|
|
2167
|
+
"onUpdate:modelValue": V[0] || (V[0] = (G) => C.$emit("select-row", G))
|
|
2168
|
+
}, null, 8, ["aria-label", "disabled", "indeterminate", "model-value", "value"])) : F("", !0),
|
|
2169
|
+
e.nestedContent ? (u(), P(s(rt), {
|
|
2165
2170
|
key: 1,
|
|
2166
2171
|
ref: "menuButtonRef",
|
|
2167
2172
|
"aria-haspopup": "true",
|
|
2168
|
-
"aria-controls":
|
|
2173
|
+
"aria-controls": c.value,
|
|
2169
2174
|
condensed: "",
|
|
2170
2175
|
variant: "tertiary",
|
|
2171
2176
|
toggled: e.isNestedContentExpanded,
|
|
2172
|
-
onClick:
|
|
2177
|
+
onClick: O
|
|
2173
2178
|
}, {
|
|
2174
2179
|
iconLeft: H(() => [
|
|
2175
|
-
e.isNestedContentExpanded ? (
|
|
2180
|
+
e.isNestedContentExpanded ? (u(), P(s(hl), {
|
|
2176
2181
|
key: 0,
|
|
2177
2182
|
class: "b-accordion-item__icon",
|
|
2178
|
-
"svg-title":
|
|
2179
|
-
}, null, 8, ["svg-title"])) : (
|
|
2183
|
+
"svg-title": s(t)("collapseNestedContent")
|
|
2184
|
+
}, null, 8, ["svg-title"])) : (u(), P(s(Cl), {
|
|
2180
2185
|
key: 1,
|
|
2181
2186
|
class: "b-accordion-item__icon",
|
|
2182
|
-
"svg-title":
|
|
2187
|
+
"svg-title": s(t)("expandNestedContent")
|
|
2183
2188
|
}, null, 8, ["svg-title"]))
|
|
2184
2189
|
]),
|
|
2185
2190
|
_: 1
|
|
2186
|
-
}, 8, ["aria-controls", "toggled"])) :
|
|
2187
|
-
], 64)) : (
|
|
2188
|
-
|
|
2191
|
+
}, 8, ["aria-controls", "toggled"])) : F("", !0)
|
|
2192
|
+
], 64)) : (u(), y(ve, { key: 1 }, [
|
|
2193
|
+
K(s(xe), { el: "div" }, {
|
|
2189
2194
|
default: H(() => [
|
|
2190
|
-
|
|
2195
|
+
Se(C.$slots, `item-${e.column.field}`, {
|
|
2191
2196
|
item: e.rowData,
|
|
2192
2197
|
rowIndex: e.rowIndex
|
|
2193
2198
|
}, () => [
|
|
2194
|
-
|
|
2195
|
-
title:
|
|
2196
|
-
}, Y(
|
|
2199
|
+
p("span", {
|
|
2200
|
+
title: f(e.column, e.rowData[e.column.field])
|
|
2201
|
+
}, Y(i(e.rowData[e.column.field])), 9, go)
|
|
2197
2202
|
], !0)
|
|
2198
2203
|
]),
|
|
2199
2204
|
_: 3
|
|
2200
2205
|
}),
|
|
2201
|
-
((
|
|
2202
|
-
|
|
2206
|
+
((U = e.column.cellActions) == null ? void 0 : U.length) > 0 ? (u(), y("div", vo, [
|
|
2207
|
+
R.value && (b.value || s(d)(`item-${e.column.field}`)) ? (u(), P(co, {
|
|
2203
2208
|
key: 0,
|
|
2204
2209
|
ref_key: "cellActionsRef",
|
|
2205
|
-
ref:
|
|
2210
|
+
ref: L,
|
|
2206
2211
|
"cell-actions": e.column.cellActions,
|
|
2207
2212
|
"column-key": e.column.field,
|
|
2208
2213
|
"row-data-item": e.rowData,
|
|
2209
|
-
onMenuItemClickClose:
|
|
2210
|
-
}, null, 8, ["cell-actions", "column-key", "row-data-item"])) :
|
|
2211
|
-
])) :
|
|
2214
|
+
onMenuItemClickClose: X
|
|
2215
|
+
}, null, 8, ["cell-actions", "column-key", "row-data-item"])) : F("", !0)
|
|
2216
|
+
])) : F("", !0)
|
|
2212
2217
|
], 64))
|
|
2213
2218
|
], 16, fo);
|
|
2214
2219
|
};
|
|
2215
2220
|
}
|
|
2216
|
-
}), Co = /* @__PURE__ */ oe(ho, [["__scopeId", "data-v-7d208720"]]), _o = { class: "b-data-grid-row-container" }, wo = ["id", "aria-selected"],
|
|
2221
|
+
}), Co = /* @__PURE__ */ oe(ho, [["__scopeId", "data-v-7d208720"]]), _o = { class: "b-data-grid-row-container" }, wo = ["id", "aria-selected"], Lo = ["data-testid"], So = {
|
|
2217
2222
|
key: 0,
|
|
2218
2223
|
class: "b-data-grid-row-container__row-nested-rows-loading-container"
|
|
2219
2224
|
}, Eo = { key: 2 }, yo = {
|
|
@@ -2397,32 +2402,32 @@ const Jt = {
|
|
|
2397
2402
|
}
|
|
2398
2403
|
},
|
|
2399
2404
|
emits: ["cell-hovered", "on-frozen-columns-key-press", "select-row", "select-nested-row", "row-click", "nested-content-toggled"],
|
|
2400
|
-
setup(e, { expose: a, emit:
|
|
2401
|
-
const n = st(), d = it(n), t = e,
|
|
2405
|
+
setup(e, { expose: a, emit: v }) {
|
|
2406
|
+
const n = st(), d = it(n), t = e, o = v, _ = T({}), w = T(!1), L = T(), R = Xe("nested-content-slot"), g = E(() => t.shouldShowNestedRows(t.rowData)), b = E(
|
|
2402
2407
|
() => {
|
|
2403
|
-
var
|
|
2404
|
-
return !t.isNestedRow && t.hasNestedRows &&
|
|
2408
|
+
var m, D;
|
|
2409
|
+
return !t.isNestedRow && t.hasNestedRows && g.value && ((D = (m = t.rowData) == null ? void 0 : m.children) == null ? void 0 : D.length) > 0;
|
|
2405
2410
|
}
|
|
2406
|
-
),
|
|
2411
|
+
), c = E(
|
|
2407
2412
|
() => {
|
|
2408
|
-
var
|
|
2409
|
-
return !t.isNestedRow && t.hasNestedRows &&
|
|
2413
|
+
var m, D;
|
|
2414
|
+
return !t.isNestedRow && t.hasNestedRows && g.value && (((m = t.rowData) == null ? void 0 : m.children) === void 0 || ((D = t == null ? void 0 : t.rowData) == null ? void 0 : D.children.length) === 0);
|
|
2410
2415
|
}
|
|
2411
|
-
),
|
|
2412
|
-
() => t.hasNestedContent && t.shouldShowNestedContent(t.rowData) || t.hasNestedRows &&
|
|
2413
|
-
),
|
|
2416
|
+
), l = E(
|
|
2417
|
+
() => t.hasNestedContent && t.shouldShowNestedContent(t.rowData) || t.hasNestedRows && g.value && !t.isNestedRow
|
|
2418
|
+
), f = E(() => {
|
|
2414
2419
|
if (t.hasNestedContent || t.hasNestedRows) {
|
|
2415
|
-
const
|
|
2420
|
+
const m = w.value.toString();
|
|
2416
2421
|
return {
|
|
2417
|
-
"aria-expanded":
|
|
2422
|
+
"aria-expanded": l.value ? m : void 0,
|
|
2418
2423
|
"aria-level": t.isNestedRow ? "2" : "1",
|
|
2419
2424
|
"aria-posinset": t.rowIndex + 1,
|
|
2420
2425
|
"aria-setsize": t.rowSetSize
|
|
2421
2426
|
};
|
|
2422
2427
|
}
|
|
2423
2428
|
return { "aria-rowindex": t.rowIndex + 1 };
|
|
2424
|
-
}),
|
|
2425
|
-
if (
|
|
2429
|
+
}), i = E(() => {
|
|
2430
|
+
if (c.value)
|
|
2426
2431
|
return {
|
|
2427
2432
|
"aria-busy": "true",
|
|
2428
2433
|
"aria-live": "polite"
|
|
@@ -2432,118 +2437,118 @@ const Jt = {
|
|
|
2432
2437
|
"aria-level": t.isNestedRow ? "3" : "2",
|
|
2433
2438
|
"aria-posinset": "1",
|
|
2434
2439
|
"aria-setsize": "1",
|
|
2435
|
-
id:
|
|
2440
|
+
id: R,
|
|
2436
2441
|
role: "row",
|
|
2437
2442
|
tabindex: "-1"
|
|
2438
2443
|
};
|
|
2439
|
-
}),
|
|
2440
|
-
var
|
|
2441
|
-
return b.value ? (D = (
|
|
2444
|
+
}), h = E(() => {
|
|
2445
|
+
var m, D;
|
|
2446
|
+
return b.value ? (D = (m = t.rowData) == null ? void 0 : m.children) == null ? void 0 : D.reduce((j, le, r) => (j[r] = Xe("nested-row"), j), {}) : [];
|
|
2442
2447
|
}), $ = E(() => {
|
|
2443
|
-
var
|
|
2444
|
-
if (
|
|
2448
|
+
var m;
|
|
2449
|
+
if (w.value) {
|
|
2445
2450
|
if (t.hasNestedContent && t.shouldShowNestedContent(t.rowData))
|
|
2446
|
-
return [
|
|
2447
|
-
if (b.value && ((
|
|
2448
|
-
const D = Object.values(
|
|
2451
|
+
return [R];
|
|
2452
|
+
if (b.value && ((m = Object.keys(h.value)) == null ? void 0 : m.length) > 0) {
|
|
2453
|
+
const D = Object.values(h.value);
|
|
2449
2454
|
if ((D == null ? void 0 : D.length) > 0)
|
|
2450
2455
|
return D;
|
|
2451
2456
|
}
|
|
2452
2457
|
return [];
|
|
2453
2458
|
}
|
|
2454
|
-
}),
|
|
2459
|
+
}), N = E(() => {
|
|
2455
2460
|
var D, j;
|
|
2456
|
-
const
|
|
2457
|
-
if ((
|
|
2458
|
-
const le =
|
|
2461
|
+
const m = (j = (D = t.rowData) == null ? void 0 : D.children) == null ? void 0 : j.map((le) => t.getDataItemId(le));
|
|
2462
|
+
if ((m == null ? void 0 : m.length) > 0) {
|
|
2463
|
+
const le = m.every((M) => {
|
|
2459
2464
|
var A;
|
|
2460
2465
|
return (A = t == null ? void 0 : t.selectedItems) == null ? void 0 : A.includes(M);
|
|
2461
|
-
}), r =
|
|
2466
|
+
}), r = m.some((M) => {
|
|
2462
2467
|
var A;
|
|
2463
2468
|
return (A = t == null ? void 0 : t.selectedItems) == null ? void 0 : A.includes(M);
|
|
2464
2469
|
});
|
|
2465
2470
|
return !le && r;
|
|
2466
2471
|
}
|
|
2467
2472
|
return !1;
|
|
2468
|
-
}), B = (
|
|
2469
|
-
const j =
|
|
2470
|
-
|
|
2471
|
-
},
|
|
2473
|
+
}), B = (m, D) => {
|
|
2474
|
+
const j = m;
|
|
2475
|
+
m !== null && (j != null && j.gridcellRef) && (_.value[D] = j.gridcellRef);
|
|
2476
|
+
}, X = (m) => h.value[m], S = (m) => {
|
|
2472
2477
|
if (!t.selectable)
|
|
2473
2478
|
return null;
|
|
2474
|
-
const D = t.getDataItemId(
|
|
2479
|
+
const D = t.getDataItemId(m);
|
|
2475
2480
|
return t.selectedItems.includes(D).toString();
|
|
2476
|
-
},
|
|
2477
|
-
t.allowRowClicks &&
|
|
2478
|
-
}, W = (
|
|
2479
|
-
|
|
2480
|
-
}, x = (
|
|
2481
|
-
|
|
2482
|
-
}, { updateContentHeight: ne, contentHeight: J } = vl(
|
|
2483
|
-
var
|
|
2481
|
+
}, O = (m) => {
|
|
2482
|
+
t.allowRowClicks && o("row-click", t.rowData, m);
|
|
2483
|
+
}, W = (m) => {
|
|
2484
|
+
o("select-row", m, t.rowData);
|
|
2485
|
+
}, x = (m, D) => {
|
|
2486
|
+
o("select-nested-row", D, t.rowData, m);
|
|
2487
|
+
}, { updateContentHeight: ne, contentHeight: J } = vl(L, w), C = E(() => {
|
|
2488
|
+
var m;
|
|
2484
2489
|
if (t.hasNestedContent || t.hasNestedRows)
|
|
2485
2490
|
return {
|
|
2486
|
-
paddingLeft: `${b.value ||
|
|
2487
|
-
"max-height": (t.hasNestedContent || t.hasNestedRows) && J.value && !((
|
|
2491
|
+
paddingLeft: `${b.value || c.value ? 0 : _.value[fe].clientWidth + jt}px`,
|
|
2492
|
+
"max-height": (t.hasNestedContent || t.hasNestedRows) && J.value && !((m = J == null ? void 0 : J.value) != null && m.includes("null")) ? J.value : 0
|
|
2488
2493
|
};
|
|
2489
2494
|
});
|
|
2490
2495
|
me(
|
|
2491
|
-
() =>
|
|
2496
|
+
() => L.value,
|
|
2492
2497
|
() => {
|
|
2493
|
-
let
|
|
2494
|
-
!
|
|
2495
|
-
|
|
2498
|
+
let m = null;
|
|
2499
|
+
!m && L.value && (m = at(L.value, () => {
|
|
2500
|
+
L.value && ne();
|
|
2496
2501
|
}));
|
|
2497
2502
|
}
|
|
2498
2503
|
);
|
|
2499
2504
|
const V = () => {
|
|
2500
|
-
|
|
2505
|
+
w.value = !w.value, ne(), o("nested-content-toggled", t.rowData);
|
|
2501
2506
|
};
|
|
2502
2507
|
me(
|
|
2503
2508
|
() => {
|
|
2504
|
-
var
|
|
2505
|
-
return (
|
|
2509
|
+
var m;
|
|
2510
|
+
return (m = t.rowData) == null ? void 0 : m.children;
|
|
2506
2511
|
},
|
|
2507
|
-
(
|
|
2512
|
+
(m, D) => {
|
|
2508
2513
|
var j, le;
|
|
2509
|
-
((le = (j = t == null ? void 0 : t.rowData) == null ? void 0 : j.children) == null ? void 0 : le.length) > 0 && D === void 0 && !
|
|
2514
|
+
((le = (j = t == null ? void 0 : t.rowData) == null ? void 0 : j.children) == null ? void 0 : le.length) > 0 && D === void 0 && !w.value && ne();
|
|
2510
2515
|
}
|
|
2511
2516
|
);
|
|
2512
|
-
const
|
|
2513
|
-
"b-data-grid-row-container__row--disabled": t.isDataItemDisabled(
|
|
2517
|
+
const U = (m, D) => ({
|
|
2518
|
+
"b-data-grid-row-container__row--disabled": t.isDataItemDisabled(m),
|
|
2514
2519
|
"b-data-grid-row-container__row--row-clicks-enabled": t.allowRowClicks,
|
|
2515
|
-
"b-data-grid-row-container__row--highlighted": t.highlightedRows.includes(t.getDataItemId(
|
|
2520
|
+
"b-data-grid-row-container__row--highlighted": t.highlightedRows.includes(t.getDataItemId(m)) || t.selectedItems.includes(t.getDataItemId(m)),
|
|
2516
2521
|
"b-data-grid-row-container__row--hovered": t.hoveredRowIndex === D,
|
|
2517
|
-
"b-data-grid-row-container__row--is-last-child": t.isRowLastChild && !
|
|
2522
|
+
"b-data-grid-row-container__row--is-last-child": t.isRowLastChild && !w.value,
|
|
2518
2523
|
"b-data-grid-row-container__row--nested-row": t.isNestedRow
|
|
2519
|
-
}), G = (
|
|
2520
|
-
"b-data-grid-row-container__row-cell-set--frozen":
|
|
2521
|
-
[`b-data-grid-row-container__row-cell-set--${
|
|
2522
|
-
"b-data-grid-row-container__row-cell-set--frozen-separator":
|
|
2523
|
-
"b-data-grid-row-container__row-cell-set--unfrozen": !
|
|
2524
|
+
}), G = (m) => ({
|
|
2525
|
+
"b-data-grid-row-container__row-cell-set--frozen": m,
|
|
2526
|
+
[`b-data-grid-row-container__row-cell-set--${Oe.OVERFLOW_SHADOW_LEFT}`]: m && t.hasLeftOverflow,
|
|
2527
|
+
"b-data-grid-row-container__row-cell-set--frozen-separator": m && t.showFrozenColumnsSeparator,
|
|
2528
|
+
"b-data-grid-row-container__row-cell-set--unfrozen": !m,
|
|
2524
2529
|
"b-data-grid-row-container__row-cell-set--is-measuring": t.isMeasuringColumnWidths
|
|
2525
2530
|
}), Z = E(() => ({
|
|
2526
2531
|
"b-data-grid-row-container__row-nested-slot--is-last-child": t.isRowLastChild,
|
|
2527
2532
|
"b-data-grid-row-container__row-nested-slot": !b.value && t.shouldShowNestedContent(t.rowData)
|
|
2528
2533
|
}));
|
|
2529
2534
|
return a({
|
|
2530
|
-
gridcellRefs:
|
|
2531
|
-
}), (
|
|
2532
|
-
(
|
|
2535
|
+
gridcellRefs: _
|
|
2536
|
+
}), (m, D) => (u(), y("div", _o, [
|
|
2537
|
+
(u(), y("div", ee(f.value, {
|
|
2533
2538
|
id: e.rowId,
|
|
2534
2539
|
key: e.rowIndex,
|
|
2535
|
-
class: ["b-data-grid-row-container__row",
|
|
2540
|
+
class: ["b-data-grid-row-container__row", U(e.rowData, e.rowIndex)],
|
|
2536
2541
|
role: "row",
|
|
2537
|
-
"aria-selected":
|
|
2538
|
-
onClick:
|
|
2542
|
+
"aria-selected": S(e.rowData),
|
|
2543
|
+
onClick: O
|
|
2539
2544
|
}), [
|
|
2540
|
-
(
|
|
2541
|
-
j != null && j.length ? (
|
|
2545
|
+
(u(!0), y(ve, null, Ce(e.columnSets, ({ columnSet: j, id: le, isFrozenColumns: r }, M) => (u(), y(ve, null, [
|
|
2546
|
+
j != null && j.length ? (u(), y("div", {
|
|
2542
2547
|
key: `data-grid-rows-${le}`,
|
|
2543
2548
|
class: ce(["b-data-grid-row-container__cells", G(r)]),
|
|
2544
2549
|
"data-testid": `data-grid-${le}-rows`
|
|
2545
2550
|
}, [
|
|
2546
|
-
(
|
|
2551
|
+
(u(!0), y(ve, null, Ce(j, (A, ae) => (u(), P(s(Co), {
|
|
2547
2552
|
key: `cell-${A.field}`,
|
|
2548
2553
|
ref_for: !0,
|
|
2549
2554
|
ref: (Q) => B(Q, A.field),
|
|
@@ -2559,102 +2564,102 @@ const Jt = {
|
|
|
2559
2564
|
"hovered-over-column-state": e.hoveredOverColumnState,
|
|
2560
2565
|
"is-data-item-disabled": e.isDataItemDisabled,
|
|
2561
2566
|
"is-measuring-column-widths": e.isMeasuringColumnWidths,
|
|
2562
|
-
"is-nested-content-expanded":
|
|
2563
|
-
"nested-content":
|
|
2567
|
+
"is-nested-content-expanded": w.value,
|
|
2568
|
+
"nested-content": l.value,
|
|
2564
2569
|
"nested-rows-element-ids": $.value,
|
|
2565
2570
|
"row-data": e.rowData,
|
|
2566
2571
|
"row-index": e.rowIndex,
|
|
2567
|
-
"selection-is-indeterminate":
|
|
2572
|
+
"selection-is-indeterminate": N.value,
|
|
2568
2573
|
selectable: e.selectable,
|
|
2569
2574
|
"selected-items": e.selectedItems,
|
|
2570
|
-
onCellHovered: D[0] || (D[0] = (Q) =>
|
|
2571
|
-
onOnFrozenColumnsKeyPress: D[1] || (D[1] = (Q) =>
|
|
2575
|
+
onCellHovered: D[0] || (D[0] = (Q) => o("cell-hovered", Q)),
|
|
2576
|
+
onOnFrozenColumnsKeyPress: D[1] || (D[1] = (Q) => o("on-frozen-columns-key-press", Q)),
|
|
2572
2577
|
onSelectRow: W,
|
|
2573
2578
|
onNestedContentToggled: V
|
|
2574
2579
|
}, Te({ _: 2 }, [
|
|
2575
|
-
Ce(
|
|
2580
|
+
Ce(s(n), (Q, Re) => ({
|
|
2576
2581
|
name: Re,
|
|
2577
2582
|
fn: H((Ae) => [
|
|
2578
|
-
|
|
2583
|
+
Se(m.$slots, Re, ee({ ref_for: !0 }, Ae), void 0, !0)
|
|
2579
2584
|
])
|
|
2580
2585
|
}))
|
|
2581
2586
|
]), 1032, ["column", "column-set-index", "col-index", "column-sets", "condensed", "dragging-columns", "dragging-events-for-row-cell", "get-data-item-id", "hovered-over-column-state", "is-data-item-disabled", "is-measuring-column-widths", "is-nested-content-expanded", "nested-content", "nested-rows-element-ids", "row-data", "row-index", "selection-is-indeterminate", "selectable", "selected-items"]))), 128))
|
|
2582
|
-
], 10,
|
|
2587
|
+
], 10, Lo)) : F("", !0)
|
|
2583
2588
|
], 64))), 256))
|
|
2584
2589
|
], 16, wo)),
|
|
2585
|
-
e.hasNestedContent &&
|
|
2590
|
+
e.hasNestedContent && s(d)("nested-slot") && e.shouldShowNestedContent(e.rowData) || e.hasNestedRows && g.value ? (u(), P(Bt, {
|
|
2586
2591
|
key: `${e.rowIndex}-nest-content`,
|
|
2587
2592
|
name: "b-data-grid-row-container__animation--nested-content"
|
|
2588
2593
|
}, {
|
|
2589
2594
|
default: H(() => [
|
|
2590
|
-
|
|
2595
|
+
w.value ? (u(), y("div", ee({ key: 0 }, i.value, {
|
|
2591
2596
|
class: Z.value,
|
|
2592
2597
|
"data-testid": "nested-content-container",
|
|
2593
|
-
style:
|
|
2598
|
+
style: C.value
|
|
2594
2599
|
}), [
|
|
2595
|
-
|
|
2600
|
+
p("div", {
|
|
2596
2601
|
ref_key: "nestedContentRef",
|
|
2597
|
-
ref:
|
|
2602
|
+
ref: L
|
|
2598
2603
|
}, [
|
|
2599
|
-
|
|
2600
|
-
|
|
2601
|
-
])) : b.value ? (
|
|
2602
|
-
id:
|
|
2604
|
+
c.value ? (u(), y("div", So, [
|
|
2605
|
+
K(s(ot))
|
|
2606
|
+
])) : b.value ? (u(!0), y(ve, { key: 1 }, Ce(e.rowData.children, (j, le) => (u(), P(Qt, ee({ ref_for: !0 }, t, {
|
|
2607
|
+
id: X(le),
|
|
2603
2608
|
key: `child-${le}`,
|
|
2604
2609
|
"row-data": j,
|
|
2605
2610
|
"row-index": le,
|
|
2606
2611
|
"row-set-size": e.rowData.children.length,
|
|
2607
2612
|
"is-nested-row": "",
|
|
2608
|
-
onCellHovered: D[2] || (D[2] = (r) =>
|
|
2609
|
-
onRowClick: D[3] || (D[3] = (r) =>
|
|
2610
|
-
onOnFrozenColumnsKeyPress: D[4] || (D[4] = (r) =>
|
|
2613
|
+
onCellHovered: D[2] || (D[2] = (r) => o("cell-hovered", r)),
|
|
2614
|
+
onRowClick: D[3] || (D[3] = (r) => o("row-click", r)),
|
|
2615
|
+
onOnFrozenColumnsKeyPress: D[4] || (D[4] = (r) => o("con-frozen-columns-key-press", r)),
|
|
2611
2616
|
onSelectRow: (r) => x(j, r)
|
|
2612
2617
|
}), Te({ _: 2 }, [
|
|
2613
|
-
Ce(
|
|
2618
|
+
Ce(s(n), (r, M) => ({
|
|
2614
2619
|
name: M,
|
|
2615
2620
|
fn: H((A) => [
|
|
2616
|
-
|
|
2621
|
+
Se(m.$slots, M, ee({ ref_for: !0 }, A), void 0, !0)
|
|
2617
2622
|
])
|
|
2618
2623
|
}))
|
|
2619
|
-
]), 1040, ["id", "row-data", "row-index", "row-set-size", "onSelectRow"]))), 128)) :
|
|
2620
|
-
|
|
2621
|
-
])) :
|
|
2624
|
+
]), 1040, ["id", "row-data", "row-index", "row-set-size", "onSelectRow"]))), 128)) : s(d)("nested-slot") && e.shouldShowNestedContent(e.rowData) ? (u(), y("div", Eo, [
|
|
2625
|
+
Se(m.$slots, "nested-slot", { item: e.rowData }, void 0, !0)
|
|
2626
|
+
])) : F("", !0)
|
|
2622
2627
|
], 512)
|
|
2623
|
-
], 16)) :
|
|
2628
|
+
], 16)) : F("", !0)
|
|
2624
2629
|
]),
|
|
2625
2630
|
_: 3
|
|
2626
|
-
})) :
|
|
2631
|
+
})) : F("", !0)
|
|
2627
2632
|
]));
|
|
2628
2633
|
}
|
|
2629
2634
|
}), Qt = /* @__PURE__ */ oe(bo, [["__scopeId", "data-v-792dbd50"]]);
|
|
2630
|
-
let
|
|
2631
|
-
const
|
|
2635
|
+
let Ut = 0;
|
|
2636
|
+
const Oo = {
|
|
2632
2637
|
beforeCreate() {
|
|
2633
|
-
this.uuid =
|
|
2638
|
+
this.uuid = Ut.toString(), Ut += 1;
|
|
2634
2639
|
}
|
|
2635
|
-
},
|
|
2636
|
-
function Ao(e, a,
|
|
2637
|
-
return
|
|
2640
|
+
}, po = { key: 0 }, Ro = ["clip-path"], No = ["id"];
|
|
2641
|
+
function Ao(e, a, v, n, d, t) {
|
|
2642
|
+
return u(), y("svg", ee({ role: "img" }, e.$attrs, {
|
|
2638
2643
|
class: "ui-assets-icons-16",
|
|
2639
2644
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2640
2645
|
width: "16",
|
|
2641
2646
|
height: "16",
|
|
2642
2647
|
fill: "none"
|
|
2643
2648
|
}), [
|
|
2644
|
-
e.$attrs["svg-title"] ? (
|
|
2645
|
-
|
|
2649
|
+
e.$attrs["svg-title"] ? (u(), y("title", po, Y(e.$attrs["svg-title"]), 1)) : F("", !0),
|
|
2650
|
+
p("g", {
|
|
2646
2651
|
"clip-path": "url(#uia-icons-16-warning_circle_fill__a" + e.uuid + ")"
|
|
2647
2652
|
}, a[0] || (a[0] = [
|
|
2648
|
-
|
|
2653
|
+
p("path", {
|
|
2649
2654
|
fill: "#00112C",
|
|
2650
2655
|
d: "M0.25 8C0.25 3.71979 3.71979 0.25 8 0.25C12.2802 0.25 15.75 3.71979 15.75 8C15.75 12.2802 12.2802 15.75 8 15.75C3.71979 15.75 0.25 12.2802 0.25 8ZM8.75 8.75V4.25H7.25V8.75H8.75ZM8 11.5C8.41421 11.5 8.75 11.1642 8.75 10.75C8.75 10.3358 8.41421 10 8 10C7.58579 10 7.25 10.3358 7.25 10.75C7.25 11.1642 7.58579 11.5 8 11.5Z"
|
|
2651
2656
|
}, null, -1)
|
|
2652
2657
|
]), 8, Ro),
|
|
2653
|
-
|
|
2654
|
-
|
|
2658
|
+
p("defs", null, [
|
|
2659
|
+
p("clipPath", {
|
|
2655
2660
|
id: "uia-icons-16-warning_circle_fill__a" + e.uuid
|
|
2656
2661
|
}, a[1] || (a[1] = [
|
|
2657
|
-
|
|
2662
|
+
p("rect", {
|
|
2658
2663
|
width: "16",
|
|
2659
2664
|
height: "16",
|
|
2660
2665
|
fill: "#fff"
|
|
@@ -2663,7 +2668,7 @@ function Ao(e, a, g, n, d, t) {
|
|
|
2663
2668
|
])
|
|
2664
2669
|
], 16);
|
|
2665
2670
|
}
|
|
2666
|
-
const To = /* @__PURE__ */ oe(
|
|
2671
|
+
const To = /* @__PURE__ */ oe(Oo, [["render", Ao]]), Io = ["aria-label"], $o = {}, Do = /* @__PURE__ */ Ee({
|
|
2667
2672
|
...$o,
|
|
2668
2673
|
__name: "data-grid-static-icon",
|
|
2669
2674
|
props: {
|
|
@@ -2672,7 +2677,7 @@ const To = /* @__PURE__ */ oe(po, [["render", Ao]]), Io = ["aria-label"], $o = {
|
|
|
2672
2677
|
variant: { default: "no-value" }
|
|
2673
2678
|
},
|
|
2674
2679
|
setup(e) {
|
|
2675
|
-
const a = e,
|
|
2680
|
+
const a = e, v = E(() => {
|
|
2676
2681
|
switch (a.variant) {
|
|
2677
2682
|
case "checkmark":
|
|
2678
2683
|
return Zn;
|
|
@@ -2690,23 +2695,23 @@ const To = /* @__PURE__ */ oe(po, [["render", Ao]]), Io = ["aria-label"], $o = {
|
|
|
2690
2695
|
}), n = E(() => ({
|
|
2691
2696
|
"b-data-grid-static-icon--colored": a.colored && a.variant !== "no-value"
|
|
2692
2697
|
})), d = E(() => `b-data-grid-static-icon__${a.variant}`), t = E(() => Yn.AUTO);
|
|
2693
|
-
return (
|
|
2694
|
-
"aria-label":
|
|
2698
|
+
return (o, _) => lt((u(), y("div", {
|
|
2699
|
+
"aria-label": o.tooltipText,
|
|
2695
2700
|
class: ce(["b-data-grid-static-icon", n.value]),
|
|
2696
2701
|
tabindex: "0"
|
|
2697
2702
|
}, [
|
|
2698
|
-
(
|
|
2703
|
+
(u(), P(Me(v.value), {
|
|
2699
2704
|
class: ce(d.value),
|
|
2700
|
-
"svg-title":
|
|
2705
|
+
"svg-title": o.tooltipText
|
|
2701
2706
|
}, null, 8, ["class", "svg-title"]))
|
|
2702
2707
|
], 10, Io)), [
|
|
2703
|
-
[
|
|
2708
|
+
[s(qn), o.tooltipText, t.value]
|
|
2704
2709
|
]);
|
|
2705
2710
|
}
|
|
2706
2711
|
}), Ii = /* @__PURE__ */ oe(Do, [["__scopeId", "data-v-3ee55e9a"]]), ko = ["aria-rowcount", "aria-colcount", "aria-label", "role"], Mo = {
|
|
2707
2712
|
key: 1,
|
|
2708
2713
|
class: "b-data-grid__header"
|
|
2709
|
-
}, zo = ["tabindex"],
|
|
2714
|
+
}, zo = ["tabindex"], Fo = ["tabindex", "aria-busy"], Uo = {
|
|
2710
2715
|
key: 0,
|
|
2711
2716
|
class: "b-data-grid__loading"
|
|
2712
2717
|
}, Po = {
|
|
@@ -2716,7 +2721,7 @@ const To = /* @__PURE__ */ oe(po, [["render", Ao]]), Io = ["aria-label"], $o = {
|
|
|
2716
2721
|
key: 5,
|
|
2717
2722
|
class: "b-data-grid__footer"
|
|
2718
2723
|
}, Wo = {
|
|
2719
|
-
i18n: { messages:
|
|
2724
|
+
i18n: { messages: Ze },
|
|
2720
2725
|
name: "bento-data-grid"
|
|
2721
2726
|
}, Go = /* @__PURE__ */ Ee({
|
|
2722
2727
|
...Wo,
|
|
@@ -2780,7 +2785,8 @@ const To = /* @__PURE__ */ oe(po, [["render", Ao]]), Io = ["aria-label"], $o = {
|
|
|
2780
2785
|
* {@see BentoFilterBarModel}
|
|
2781
2786
|
*/
|
|
2782
2787
|
filters: {
|
|
2783
|
-
|
|
2788
|
+
// TODO: Change this to BentoFilterBarProps['value'] when the interface is available
|
|
2789
|
+
type: Array,
|
|
2784
2790
|
default: void 0
|
|
2785
2791
|
},
|
|
2786
2792
|
/**
|
|
@@ -2788,14 +2794,14 @@ const To = /* @__PURE__ */ oe(po, [["render", Ao]]), Io = ["aria-label"], $o = {
|
|
|
2788
2794
|
* {@see BentoFilterValues}
|
|
2789
2795
|
*/
|
|
2790
2796
|
filterValues: {
|
|
2791
|
-
type:
|
|
2797
|
+
type: qe.props.filterValues.type,
|
|
2792
2798
|
default: () => []
|
|
2793
2799
|
},
|
|
2794
2800
|
/**
|
|
2795
2801
|
* Filter bar search term useful to filter all the data by text
|
|
2796
2802
|
*/
|
|
2797
2803
|
filterSearchTerm: {
|
|
2798
|
-
type:
|
|
2804
|
+
type: qe.props.searchTerm.type,
|
|
2799
2805
|
default: void 0
|
|
2800
2806
|
},
|
|
2801
2807
|
/**
|
|
@@ -2993,30 +2999,30 @@ const To = /* @__PURE__ */ oe(po, [["render", Ao]]), Io = ["aria-label"], $o = {
|
|
|
2993
2999
|
k.SELECT_ALL_ACROSS_PAGES,
|
|
2994
3000
|
k.SORT
|
|
2995
3001
|
],
|
|
2996
|
-
setup(e, { expose: a, emit:
|
|
2997
|
-
const n = e, d = st(), t = it(d),
|
|
2998
|
-
allowColumnDragAndDrop:
|
|
2999
|
-
columns:
|
|
3000
|
-
columnPanel:
|
|
3001
|
-
data:
|
|
3002
|
+
setup(e, { expose: a, emit: v }) {
|
|
3003
|
+
const n = e, d = st(), t = it(d), o = T(null), _ = T(), w = T({}), L = T(null), R = T(null), g = T(), b = T(null), c = T(null), {
|
|
3004
|
+
allowColumnDragAndDrop: l,
|
|
3005
|
+
columns: f,
|
|
3006
|
+
columnPanel: i,
|
|
3007
|
+
data: h,
|
|
3002
3008
|
lazyLoadType: $,
|
|
3003
|
-
loading:
|
|
3009
|
+
loading: N,
|
|
3004
3010
|
hasNestedContent: B,
|
|
3005
|
-
hasNestedRows:
|
|
3006
|
-
selectable:
|
|
3007
|
-
selection:
|
|
3011
|
+
hasNestedRows: X,
|
|
3012
|
+
selectable: S,
|
|
3013
|
+
selection: O,
|
|
3008
3014
|
selectableAcrossPages: W,
|
|
3009
3015
|
stickyPagination: x,
|
|
3010
3016
|
outline: ne,
|
|
3011
3017
|
pagination: J
|
|
3012
|
-
} = tt(n),
|
|
3018
|
+
} = tt(n), C = T(-1), { t: V } = Ne({ messages: Ze }), U = E(() => le.value.filter((I) => I.frozen).length), G = Ke(
|
|
3013
3019
|
nl,
|
|
3014
3020
|
() => ({
|
|
3015
3021
|
isDataGridTemplate: !1,
|
|
3016
3022
|
stickyTabs: T(!1),
|
|
3017
3023
|
tabsRef: T(null)
|
|
3018
3024
|
})
|
|
3019
|
-
), { isDataGridTemplate: Z, stickyTabs:
|
|
3025
|
+
), { isDataGridTemplate: Z, stickyTabs: m, tabsRef: D } = G(), j = E(() => n.fitContent || Z ? 0 : null), {
|
|
3020
3026
|
columnDefs: le,
|
|
3021
3027
|
onColumnWidthOverride: r,
|
|
3022
3028
|
gridColumnWidthStyle: M,
|
|
@@ -3024,20 +3030,20 @@ const To = /* @__PURE__ */ oe(po, [["render", Ao]]), Io = ["aria-label"], $o = {
|
|
|
3024
3030
|
isTotalWidthOfColumnsTakingUpAllAvailableGridWidth: ae,
|
|
3025
3031
|
columns: Q,
|
|
3026
3032
|
totalWidthOfAllColumns: Re
|
|
3027
|
-
} = Al(
|
|
3028
|
-
hasColumnPanel:
|
|
3029
|
-
hasSelectableColumn:
|
|
3033
|
+
} = Al(f, h, o, w, L, {
|
|
3034
|
+
hasColumnPanel: i,
|
|
3035
|
+
hasSelectableColumn: S,
|
|
3030
3036
|
hasSelectableAcrossPages: W,
|
|
3031
3037
|
hasNestedContent: B,
|
|
3032
|
-
hasNestedRows:
|
|
3033
|
-
allowColumnDragAndDrop:
|
|
3038
|
+
hasNestedRows: X,
|
|
3039
|
+
allowColumnDragAndDrop: l,
|
|
3034
3040
|
isDataGridTemplate: Z
|
|
3035
|
-
}), Ae =
|
|
3041
|
+
}), Ae = v, se = (I, ...z) => {
|
|
3036
3042
|
(I === k.COLUMNS || I === k.UPDATE_COLUMNS) && ([Q.value] = z), Ae(I, ...z);
|
|
3037
|
-
}, Ie =
|
|
3043
|
+
}, Ie = Ot(D, m), ze = E(
|
|
3038
3044
|
() => n.stickyFilters ? `${Ie.value}px` : null
|
|
3039
|
-
),
|
|
3040
|
-
() => `${
|
|
3045
|
+
), Fe = Ot(R, Ye(n, "stickyFilters")), Ue = E(
|
|
3046
|
+
() => `${Fe.value + Ie.value}px`
|
|
3041
3047
|
), {
|
|
3042
3048
|
sortedColumns: en,
|
|
3043
3049
|
columnSets: Pe,
|
|
@@ -3045,22 +3051,22 @@ const To = /* @__PURE__ */ oe(po, [["render", Ao]]), Io = ["aria-label"], $o = {
|
|
|
3045
3051
|
onConfigSettingsUpdate: nn,
|
|
3046
3052
|
onConfigSettingsColumnsUpdate: ln,
|
|
3047
3053
|
onConfigSettingsColumnUpdate: sn
|
|
3048
|
-
} = zl(le, se), { hoveredOverColumn: on, hoveredOverColumnState: dt } =
|
|
3054
|
+
} = zl(le, se), { hoveredOverColumn: on, hoveredOverColumnState: dt } = Ul(
|
|
3049
3055
|
Pe,
|
|
3050
|
-
|
|
3056
|
+
S,
|
|
3051
3057
|
ne,
|
|
3052
3058
|
ae
|
|
3053
|
-
), { draggingColumns: ut, draggingEventsForColumns: an, draggingEventsForRowCell: rn, onMoveColumnByOffset: dn } = Ml(en,
|
|
3054
|
-
|
|
3059
|
+
), { draggingColumns: ut, draggingEventsForColumns: an, draggingEventsForRowCell: rn, onMoveColumnByOffset: dn } = Ml(en, l, se), { onAllRowSelect: ct, onRowSelect: un, onNestedRowSelect: cn, selectedItems: ft, allItemsSelectedState: fn } = Tl(
|
|
3060
|
+
O,
|
|
3055
3061
|
se,
|
|
3056
|
-
|
|
3062
|
+
h,
|
|
3057
3063
|
n.getDataItemId,
|
|
3058
3064
|
n.isDataItemDisabled
|
|
3059
|
-
), { navigationInput: gt } = $l(
|
|
3065
|
+
), { navigationInput: gt } = $l(L, f, S), { isLazyLoad: $e, isInfiniteScroll: gn, verticalScrollPosition: vn, emitLazyLoadEvent: mn } = kl(
|
|
3060
3066
|
$,
|
|
3061
3067
|
b,
|
|
3062
|
-
|
|
3063
|
-
|
|
3068
|
+
o,
|
|
3069
|
+
N,
|
|
3064
3070
|
se
|
|
3065
3071
|
), {
|
|
3066
3072
|
updateScrollPosition: Be,
|
|
@@ -3069,52 +3075,52 @@ const To = /* @__PURE__ */ oe(po, [["render", Ao]]), Io = ["aria-label"], $o = {
|
|
|
3069
3075
|
hasLeftOverflow: We,
|
|
3070
3076
|
hasRightOverflow: Cn,
|
|
3071
3077
|
horizontalScrollbarConditionalClasses: _n
|
|
3072
|
-
} =
|
|
3078
|
+
} = Fl(o, _, vn, c, {
|
|
3073
3079
|
isLazyLoad: $e,
|
|
3074
3080
|
pagination: J,
|
|
3075
3081
|
stickyPagination: x,
|
|
3076
3082
|
isDataGridTemplate: Z
|
|
3077
3083
|
}), wn = () => {
|
|
3078
|
-
|
|
3079
|
-
},
|
|
3084
|
+
g.value.isClearAllVisible ? g.value.clearAllFilters() : g.value.isResetAllVisible && g.value.resetAllFilters();
|
|
3085
|
+
}, Ln = E(() => {
|
|
3080
3086
|
var I, z;
|
|
3081
3087
|
return {
|
|
3082
3088
|
...n.emptyState,
|
|
3083
3089
|
variant: ((I = n.emptyState) == null ? void 0 : I.variant) === "embedded" || ((z = n.emptyState) == null ? void 0 : z.variant) === "basic" ? n.emptyState.variant : "basic"
|
|
3084
3090
|
};
|
|
3085
|
-
}),
|
|
3086
|
-
[`b-data-grid--${
|
|
3087
|
-
[`b-data-grid--${
|
|
3088
|
-
[`b-data-grid--${
|
|
3089
|
-
[`b-data-grid--${
|
|
3090
|
-
[`b-data-grid--${
|
|
3091
|
-
[`b-data-grid--${
|
|
3091
|
+
}), Sn = E(() => ({
|
|
3092
|
+
[`b-data-grid--${Oe.OUTLINE}`]: n.outline,
|
|
3093
|
+
[`b-data-grid--${Oe.SCROLL}`]: n.fitContent || $e.value,
|
|
3094
|
+
[`b-data-grid--${Oe.STICKY_FILTERS}`]: n.filters && n.stickyFilters,
|
|
3095
|
+
[`b-data-grid--${Oe.OVERFLOW_SHADOW_LEFT}`]: We.value && !U.value,
|
|
3096
|
+
[`b-data-grid--${Oe.OVERFLOW_SHADOW_RIGHT}`]: Cn.value,
|
|
3097
|
+
[`b-data-grid--${Oe.NO_SPACING_TOP}`]: n.noSpacingTop
|
|
3092
3098
|
})), En = E(() => ({
|
|
3093
3099
|
"b-data-grid__body--sticky-horizontal-scrollbar": n.stickyHorizontalScrollbar
|
|
3094
|
-
})), yn = E(() => Pe.value.findIndex((I) => I.columnSet.length)), mt = E(() => !((n.selectable || n.hasNestedContent || n.hasNestedRows) &&
|
|
3100
|
+
})), yn = E(() => Pe.value.findIndex((I) => I.columnSet.length)), mt = E(() => !((n.selectable || n.hasNestedContent || n.hasNestedRows) && U.value === 1) || We.value), bn = E(() => ({
|
|
3095
3101
|
"b-data-grid__filters--sticky": !!n.stickyFilters || Z
|
|
3096
|
-
})),
|
|
3102
|
+
})), On = E(() => {
|
|
3097
3103
|
var I, z, re, q, _e, we;
|
|
3098
3104
|
return {
|
|
3099
3105
|
"b-data-grid__pagination--padding-left-unset": ((re = (z = (I = n.columns) == null ? void 0 : I[0]) == null ? void 0 : z.padding) == null ? void 0 : re.left) === !1,
|
|
3100
3106
|
"b-data-grid__pagination--padding-right-unset": ((we = (_e = (q = n.columns) == null ? void 0 : q[n.columns.length - 1]) == null ? void 0 : _e.padding) == null ? void 0 : we.right) === !1,
|
|
3101
3107
|
"b-data-grid__pagination--sticky": !!n.stickyPagination || Z
|
|
3102
3108
|
};
|
|
3103
|
-
}),
|
|
3109
|
+
}), pn = (I) => {
|
|
3104
3110
|
const z = I;
|
|
3105
3111
|
I !== null && (z != null && z.columnHeaderRefs) && Object.entries(z == null ? void 0 : z.columnHeaderRefs).forEach(([re, q]) => {
|
|
3106
|
-
|
|
3112
|
+
w.value[re] = q;
|
|
3107
3113
|
});
|
|
3108
3114
|
}, Rn = (I, z) => {
|
|
3109
3115
|
const re = I;
|
|
3110
3116
|
I !== null && (re != null && re.gridcellRefs) && Object.entries(re == null ? void 0 : re.gridcellRefs).map(([q, _e]) => {
|
|
3111
3117
|
var we;
|
|
3112
|
-
((we =
|
|
3118
|
+
((we = L.value) == null ? void 0 : we[q]) === void 0 && (L.value = { ...L.value, [q]: [] }), L.value[q][z] = _e;
|
|
3113
3119
|
});
|
|
3114
3120
|
}, Nn = (I, z) => {
|
|
3115
3121
|
n.allowRowClicks && se(k.ROW_CLICK, I, z);
|
|
3116
3122
|
}, An = (I) => {
|
|
3117
|
-
|
|
3123
|
+
C.value = I;
|
|
3118
3124
|
}, Tn = E(() => !!n.selectableAcrossPages && !!n.pagination), In = E(() => n.hasNestedContent || n.hasNestedRows ? "treegrid" : "grid"), ht = Jn({
|
|
3119
3125
|
label: d != null && d.header ? Qn(d)("header") : null,
|
|
3120
3126
|
defaultFallback: "data grid"
|
|
@@ -3131,252 +3137,252 @@ const To = /* @__PURE__ */ oe(po, [["render", Ao]]), Io = ["aria-label"], $o = {
|
|
|
3131
3137
|
});
|
|
3132
3138
|
}, zn = (I) => {
|
|
3133
3139
|
se(k.ITEMS_PAGE, I);
|
|
3134
|
-
},
|
|
3140
|
+
}, Fn = () => {
|
|
3135
3141
|
se(k.FILTER_SEARCH_CLEAR);
|
|
3136
|
-
},
|
|
3142
|
+
}, Un = (I) => {
|
|
3137
3143
|
se(k.UPDATE_FILTER_SEARCH_TERM, I), se(k.FILTER_SEARCH_INPUT, I);
|
|
3138
3144
|
};
|
|
3139
|
-
return E(() =>
|
|
3145
|
+
return E(() => f.value.some((I) => I.mandatory)).value || Ht(
|
|
3140
3146
|
"WARNING: At least one BentoDataGrid column should be set as mandatory to ensure data is always displayed correctly."
|
|
3141
|
-
),
|
|
3147
|
+
), Ke(tl, () => null)(n.tabTitle), Wt(Xt, Ye(n, "slashedZero")), a({ onEmptyStateClearResetButtonClick: wn }), (I, z) => {
|
|
3142
3148
|
var re;
|
|
3143
|
-
return
|
|
3144
|
-
class: ce(["b-data-grid",
|
|
3145
|
-
"aria-rowcount":
|
|
3146
|
-
"aria-colcount":
|
|
3147
|
-
"aria-label":
|
|
3149
|
+
return u(), y("div", {
|
|
3150
|
+
class: ce(["b-data-grid", Sn.value]),
|
|
3151
|
+
"aria-rowcount": s(h).length,
|
|
3152
|
+
"aria-colcount": s(f).length,
|
|
3153
|
+
"aria-label": s(ht),
|
|
3148
3154
|
role: In.value
|
|
3149
3155
|
}, [
|
|
3150
|
-
e.filters ? (
|
|
3156
|
+
e.filters ? (u(), y("div", {
|
|
3151
3157
|
key: 0,
|
|
3152
3158
|
ref_key: "filtersRef",
|
|
3153
|
-
ref:
|
|
3159
|
+
ref: R,
|
|
3154
3160
|
class: ce(["b-data-grid__filters", bn.value]),
|
|
3155
3161
|
style: ke({ top: ze.value })
|
|
3156
3162
|
}, [
|
|
3157
|
-
e.filters ? (
|
|
3163
|
+
e.filters ? (u(), P(s(qe), {
|
|
3158
3164
|
key: 0,
|
|
3159
3165
|
ref_key: "filterBarRef",
|
|
3160
|
-
ref:
|
|
3166
|
+
ref: g,
|
|
3161
3167
|
config: e.filters,
|
|
3162
3168
|
"filter-values": e.filterValues,
|
|
3163
3169
|
"search-term": e.filterSearchTerm,
|
|
3164
|
-
onSearchInput:
|
|
3165
|
-
onSearchClear:
|
|
3166
|
-
onInput: z[0] || (z[0] = (q) => I.$emit(
|
|
3167
|
-
"onUpdate:filterValues": z[1] || (z[1] = (q) => I.$emit(
|
|
3168
|
-
}, null, 8, ["config", "filter-values", "search-term"])) :
|
|
3169
|
-
], 6)) :
|
|
3170
|
-
I.$slots.header ? (
|
|
3171
|
-
|
|
3172
|
-
])) :
|
|
3173
|
-
|
|
3170
|
+
onSearchInput: Un,
|
|
3171
|
+
onSearchClear: Fn,
|
|
3172
|
+
onInput: z[0] || (z[0] = (q) => I.$emit(s(k).UPDATE_FILTERS, q)),
|
|
3173
|
+
"onUpdate:filterValues": z[1] || (z[1] = (q) => I.$emit(s(k).UPDATE_FILTER_VALUES, q))
|
|
3174
|
+
}, null, 8, ["config", "filter-values", "search-term"])) : F("", !0)
|
|
3175
|
+
], 6)) : F("", !0),
|
|
3176
|
+
I.$slots.header ? (u(), y("div", Mo, [
|
|
3177
|
+
Se(I.$slots, "header", {}, void 0, !0)
|
|
3178
|
+
])) : F("", !0),
|
|
3179
|
+
p("div", {
|
|
3174
3180
|
class: "b-data-grid__column-headers",
|
|
3175
|
-
style: ke({ top:
|
|
3181
|
+
style: ke({ top: Ue.value })
|
|
3176
3182
|
}, [
|
|
3177
|
-
|
|
3183
|
+
s(i) ? (u(), P(s(qs), {
|
|
3178
3184
|
key: 0,
|
|
3179
3185
|
class: "b-data-grid__config-settings",
|
|
3180
|
-
columns:
|
|
3186
|
+
columns: s(Q),
|
|
3181
3187
|
condensed: e.condensed,
|
|
3182
|
-
onConfigSettings:
|
|
3183
|
-
"onUpdate:columns":
|
|
3184
|
-
}, null, 8, ["columns", "condensed", "onConfigSettings", "onUpdate:columns"])) :
|
|
3185
|
-
|
|
3188
|
+
onConfigSettings: s(nn),
|
|
3189
|
+
"onUpdate:columns": s(ln)
|
|
3190
|
+
}, null, 8, ["columns", "condensed", "onConfigSettings", "onUpdate:columns"])) : F("", !0),
|
|
3191
|
+
p("div", {
|
|
3186
3192
|
ref_key: "columnsRef",
|
|
3187
|
-
ref:
|
|
3193
|
+
ref: _,
|
|
3188
3194
|
role: "rowgroup",
|
|
3189
3195
|
class: "b-data-grid__columns-row",
|
|
3190
3196
|
tabindex: j.value,
|
|
3191
3197
|
onScroll: z[4] || (z[4] = //@ts-ignore
|
|
3192
|
-
(...q) =>
|
|
3198
|
+
(...q) => s(Be) && s(Be)(...q))
|
|
3193
3199
|
}, [
|
|
3194
|
-
|
|
3195
|
-
style: ke(
|
|
3200
|
+
p("div", {
|
|
3201
|
+
style: ke(s(M)),
|
|
3196
3202
|
class: "b-data-grid__columns",
|
|
3197
3203
|
role: "row"
|
|
3198
3204
|
}, [
|
|
3199
|
-
(
|
|
3200
|
-
q != null && q.length ? (
|
|
3205
|
+
(u(!0), y(ve, null, Ce(s(Pe), ({ columnSet: q, id: _e, isFrozenColumns: we }, Ge) => (u(), y(ve, null, [
|
|
3206
|
+
q != null && q.length ? (u(), P(s(ps), ee({
|
|
3201
3207
|
key: `data-grid-columns-${_e}`,
|
|
3202
3208
|
ref_for: !0,
|
|
3203
|
-
ref: (
|
|
3209
|
+
ref: (Le) => pn(Le),
|
|
3204
3210
|
columns: q,
|
|
3205
3211
|
"has-resizable-columns": e.hasResizableColumns,
|
|
3206
3212
|
"sort-by": e.sortBy,
|
|
3207
|
-
"all-items-selected-state":
|
|
3213
|
+
"all-items-selected-state": s(fn),
|
|
3208
3214
|
"is-frozen-columns": we,
|
|
3209
3215
|
"show-frozen-columns-separator": mt.value,
|
|
3210
|
-
"dragging-columns":
|
|
3211
|
-
"has-draggable-columns":
|
|
3212
|
-
"has-column-panel":
|
|
3213
|
-
"has-left-overflow":
|
|
3216
|
+
"dragging-columns": s(ut),
|
|
3217
|
+
"has-draggable-columns": s(l),
|
|
3218
|
+
"has-column-panel": s(i),
|
|
3219
|
+
"has-left-overflow": s(We),
|
|
3214
3220
|
"has-first-column-panel-right-aligned": Ge === yn.value,
|
|
3215
|
-
"hovered-over-column-state":
|
|
3216
|
-
"is-measuring-column-widths":
|
|
3217
|
-
"is-only-one-visible-column":
|
|
3218
|
-
selectable:
|
|
3221
|
+
"hovered-over-column-state": s(dt),
|
|
3222
|
+
"is-measuring-column-widths": s(A),
|
|
3223
|
+
"is-only-one-visible-column": s(tn),
|
|
3224
|
+
selectable: s(S),
|
|
3219
3225
|
"selectable-across-pages": Tn.value,
|
|
3220
3226
|
"truncate-column-headers": e.truncateColumnHeaders
|
|
3221
|
-
},
|
|
3222
|
-
onColumnHover: z[2] || (z[2] = (
|
|
3223
|
-
onColumnMove:
|
|
3224
|
-
onColumnUpdate:
|
|
3227
|
+
}, Ve(s(an)), {
|
|
3228
|
+
onColumnHover: z[2] || (z[2] = (Le) => on.value = Le),
|
|
3229
|
+
onColumnMove: s(dn),
|
|
3230
|
+
onColumnUpdate: s(sn),
|
|
3225
3231
|
onColumnResize: Dn,
|
|
3226
|
-
onColumnResizing:
|
|
3227
|
-
onSelectAllRows:
|
|
3228
|
-
onSelectAllAcrossPages: z[3] || (z[3] = (
|
|
3232
|
+
onColumnResizing: s(r),
|
|
3233
|
+
onSelectAllRows: s(ct),
|
|
3234
|
+
onSelectAllAcrossPages: z[3] || (z[3] = (Le) => se(s(k).SELECT_ALL_ACROSS_PAGES)),
|
|
3229
3235
|
onSort: kn
|
|
3230
3236
|
}), Te({ _: 2 }, [
|
|
3231
|
-
Ce(
|
|
3237
|
+
Ce(s(d), (Le, De) => ({
|
|
3232
3238
|
name: De,
|
|
3233
|
-
fn: H((
|
|
3234
|
-
|
|
3239
|
+
fn: H((je) => [
|
|
3240
|
+
Se(I.$slots, De, ee({ ref_for: !0 }, je), void 0, !0)
|
|
3235
3241
|
])
|
|
3236
3242
|
}))
|
|
3237
|
-
]), 1040, ["columns", "has-resizable-columns", "sort-by", "all-items-selected-state", "is-frozen-columns", "show-frozen-columns-separator", "dragging-columns", "has-draggable-columns", "has-column-panel", "has-left-overflow", "has-first-column-panel-right-aligned", "hovered-over-column-state", "is-measuring-column-widths", "is-only-one-visible-column", "selectable", "selectable-across-pages", "truncate-column-headers", "onColumnMove", "onColumnUpdate", "onColumnResizing", "onSelectAllRows"])) :
|
|
3243
|
+
]), 1040, ["columns", "has-resizable-columns", "sort-by", "all-items-selected-state", "is-frozen-columns", "show-frozen-columns-separator", "dragging-columns", "has-draggable-columns", "has-column-panel", "has-left-overflow", "has-first-column-panel-right-aligned", "hovered-over-column-state", "is-measuring-column-widths", "is-only-one-visible-column", "selectable", "selectable-across-pages", "truncate-column-headers", "onColumnMove", "onColumnUpdate", "onColumnResizing", "onSelectAllRows"])) : F("", !0)
|
|
3238
3244
|
], 64))), 256))
|
|
3239
3245
|
], 4)
|
|
3240
3246
|
], 40, zo)
|
|
3241
3247
|
], 4),
|
|
3242
|
-
|
|
3248
|
+
p("div", {
|
|
3243
3249
|
ref_key: "body",
|
|
3244
|
-
ref:
|
|
3250
|
+
ref: o,
|
|
3245
3251
|
"data-testid": "data-grid-body",
|
|
3246
3252
|
class: ce(["b-data-grid__body", En.value]),
|
|
3247
|
-
tabindex:
|
|
3248
|
-
"aria-busy":
|
|
3253
|
+
tabindex: s(N) ? "0" : "-1",
|
|
3254
|
+
"aria-busy": s(N),
|
|
3249
3255
|
"aria-live": "polite",
|
|
3250
3256
|
onScroll: z[7] || (z[7] = //@ts-ignore
|
|
3251
|
-
(...q) =>
|
|
3257
|
+
(...q) => s(Be) && s(Be)(...q))
|
|
3252
3258
|
}, [
|
|
3253
|
-
|
|
3254
|
-
|
|
3259
|
+
s(N) && !s($e) ? (u(), y("div", Uo, [
|
|
3260
|
+
K(s(ot), {
|
|
3255
3261
|
class: "b-data-grid__loading-indicator",
|
|
3256
3262
|
large: ""
|
|
3257
3263
|
}),
|
|
3258
|
-
|
|
3264
|
+
K(s(xe), {
|
|
3259
3265
|
el: "span",
|
|
3260
3266
|
variant: "caption"
|
|
3261
3267
|
}, {
|
|
3262
3268
|
default: H(() => [
|
|
3263
|
-
ue(Y(
|
|
3269
|
+
ue(Y(s(V)("gettingYourData")), 1)
|
|
3264
3270
|
]),
|
|
3265
3271
|
_: 1
|
|
3266
3272
|
})
|
|
3267
|
-
])) : ((re =
|
|
3268
|
-
|
|
3269
|
-
])) : (
|
|
3273
|
+
])) : ((re = s(h)) == null ? void 0 : re.length) === 0 && e.emptyState ? (u(), y("div", Po, [
|
|
3274
|
+
K(s(el), Vn(xn(Ln.value)), null, 16)
|
|
3275
|
+
])) : (u(), y("div", {
|
|
3270
3276
|
key: 2,
|
|
3271
3277
|
class: "b-data-grid__rows",
|
|
3272
3278
|
role: "rowgroup",
|
|
3273
3279
|
onKeydown: z[6] || (z[6] = //@ts-ignore
|
|
3274
|
-
(...q) =>
|
|
3280
|
+
(...q) => s(gt) && s(gt)(...q))
|
|
3275
3281
|
}, [
|
|
3276
|
-
(
|
|
3282
|
+
(u(!0), y(ve, null, Ce(s(h), (q, _e) => {
|
|
3277
3283
|
var we, Ge;
|
|
3278
|
-
return
|
|
3284
|
+
return u(), P(s(Qt), {
|
|
3279
3285
|
key: _e,
|
|
3280
3286
|
ref_for: !0,
|
|
3281
|
-
ref: (
|
|
3282
|
-
style: ke(
|
|
3287
|
+
ref: (Le) => Rn(Le, _e),
|
|
3288
|
+
style: ke(s(M)),
|
|
3283
3289
|
"allow-row-clicks": e.allowRowClicks,
|
|
3284
|
-
"column-sets":
|
|
3290
|
+
"column-sets": s(Pe),
|
|
3285
3291
|
condensed: e.condensed,
|
|
3286
|
-
"dragging-columns":
|
|
3287
|
-
"dragging-events-for-row-cell":
|
|
3292
|
+
"dragging-columns": s(ut),
|
|
3293
|
+
"dragging-events-for-row-cell": s(rn),
|
|
3288
3294
|
"get-data-item-id": e.getDataItemId,
|
|
3289
|
-
"has-nested-content":
|
|
3290
|
-
"has-nested-rows":
|
|
3291
|
-
"has-left-overflow":
|
|
3295
|
+
"has-nested-content": s(B),
|
|
3296
|
+
"has-nested-rows": s(X),
|
|
3297
|
+
"has-left-overflow": s(We),
|
|
3292
3298
|
"highlighted-rows": e.highlightedRows,
|
|
3293
|
-
"hovered-row-index":
|
|
3294
|
-
"hovered-over-column-state":
|
|
3299
|
+
"hovered-row-index": C.value,
|
|
3300
|
+
"hovered-over-column-state": s(dt),
|
|
3295
3301
|
"is-data-item-disabled": e.isDataItemDisabled,
|
|
3296
|
-
"is-row-last-child": _e + 1 === ((we =
|
|
3297
|
-
"is-measuring-column-widths":
|
|
3302
|
+
"is-row-last-child": _e + 1 === ((we = s(h)) == null ? void 0 : we.length),
|
|
3303
|
+
"is-measuring-column-widths": s(A),
|
|
3298
3304
|
"row-data": q,
|
|
3299
3305
|
"row-index": _e,
|
|
3300
|
-
"row-set-size": (Ge =
|
|
3306
|
+
"row-set-size": (Ge = s(h)) == null ? void 0 : Ge.length,
|
|
3301
3307
|
"show-frozen-columns-separator": mt.value,
|
|
3302
3308
|
"should-show-nested-content": e.shouldShowNestedContent,
|
|
3303
3309
|
"should-show-nested-rows": e.shouldShowNestedRows,
|
|
3304
|
-
selectable:
|
|
3305
|
-
"selected-items":
|
|
3310
|
+
selectable: s(S),
|
|
3311
|
+
"selected-items": s(ft),
|
|
3306
3312
|
onCellHovered: An,
|
|
3307
|
-
onNestedContentToggled: z[5] || (z[5] = (
|
|
3313
|
+
onNestedContentToggled: z[5] || (z[5] = (Le) => se(s(k).NESTED_CONTENT_TOGGLED, Le)),
|
|
3308
3314
|
onRowClick: Nn,
|
|
3309
|
-
onOnFrozenColumnsKeyPress:
|
|
3310
|
-
onSelectRow:
|
|
3311
|
-
onSelectNestedRow:
|
|
3315
|
+
onOnFrozenColumnsKeyPress: s(hn),
|
|
3316
|
+
onSelectRow: s(un),
|
|
3317
|
+
onSelectNestedRow: s(cn)
|
|
3312
3318
|
}, Te({ _: 2 }, [
|
|
3313
|
-
Ce(
|
|
3319
|
+
Ce(s(d), (Le, De) => ({
|
|
3314
3320
|
name: De,
|
|
3315
|
-
fn: H((
|
|
3316
|
-
|
|
3321
|
+
fn: H((je) => [
|
|
3322
|
+
Se(I.$slots, De, ee({ ref_for: !0 }, je), void 0, !0)
|
|
3317
3323
|
])
|
|
3318
3324
|
}))
|
|
3319
3325
|
]), 1032, ["style", "allow-row-clicks", "column-sets", "condensed", "dragging-columns", "dragging-events-for-row-cell", "get-data-item-id", "has-nested-content", "has-nested-rows", "has-left-overflow", "highlighted-rows", "hovered-row-index", "hovered-over-column-state", "is-data-item-disabled", "is-row-last-child", "is-measuring-column-widths", "row-data", "row-index", "row-set-size", "show-frozen-columns-separator", "should-show-nested-content", "should-show-nested-rows", "selectable", "selected-items", "onOnFrozenColumnsKeyPress", "onSelectRow", "onSelectNestedRow"]);
|
|
3320
3326
|
}), 128))
|
|
3321
3327
|
], 32))
|
|
3322
|
-
], 42,
|
|
3323
|
-
|
|
3328
|
+
], 42, Fo),
|
|
3329
|
+
s($e) ? (u(), P(s(Js), {
|
|
3324
3330
|
key: 2,
|
|
3325
|
-
loading:
|
|
3326
|
-
"is-infinite-scroll":
|
|
3327
|
-
"onUpdate:showMore":
|
|
3328
|
-
}, null, 8, ["loading", "is-infinite-scroll", "onUpdate:showMore"])) :
|
|
3329
|
-
e.stickyHorizontalScrollbar ? (
|
|
3331
|
+
loading: s(N),
|
|
3332
|
+
"is-infinite-scroll": s(gn),
|
|
3333
|
+
"onUpdate:showMore": s(mn)
|
|
3334
|
+
}, null, 8, ["loading", "is-infinite-scroll", "onUpdate:showMore"])) : F("", !0),
|
|
3335
|
+
e.stickyHorizontalScrollbar ? (u(), y("div", {
|
|
3330
3336
|
key: 3,
|
|
3331
3337
|
ref_key: "virtualHorizontalScrollbarRef",
|
|
3332
|
-
ref:
|
|
3333
|
-
class: ce(["b-data-grid__horizontal-scrollbar",
|
|
3338
|
+
ref: c,
|
|
3339
|
+
class: ce(["b-data-grid__horizontal-scrollbar", s(_n)]),
|
|
3334
3340
|
"aria-hidden": "true",
|
|
3335
3341
|
"data-testid": "sticky-horizontal-scrollbar",
|
|
3336
3342
|
onScroll: z[8] || (z[8] = //@ts-ignore
|
|
3337
|
-
(...q) =>
|
|
3343
|
+
(...q) => s(vt) && s(vt)(...q))
|
|
3338
3344
|
}, [
|
|
3339
|
-
|
|
3340
|
-
style: ke({ width: `${
|
|
3345
|
+
p("div", {
|
|
3346
|
+
style: ke({ width: `${s(Re)}px`, height: "15px" })
|
|
3341
3347
|
}, null, 4)
|
|
3342
|
-
], 34)) :
|
|
3343
|
-
|
|
3348
|
+
], 34)) : F("", !0),
|
|
3349
|
+
s(J) && !s($e) ? (u(), y("div", {
|
|
3344
3350
|
key: 4,
|
|
3345
3351
|
"data-testid": "pagination-container",
|
|
3346
|
-
class: ce(["b-data-grid__pagination",
|
|
3352
|
+
class: ce(["b-data-grid__pagination", On.value])
|
|
3347
3353
|
}, [
|
|
3348
|
-
|
|
3349
|
-
"aria-label": `${
|
|
3354
|
+
K(s(Xn), ee(s(J), {
|
|
3355
|
+
"aria-label": `${s(ht)} navigation`,
|
|
3350
3356
|
onNavigate: Mn,
|
|
3351
3357
|
onItemsPage: zn
|
|
3352
3358
|
}), {
|
|
3353
3359
|
default: H(() => [
|
|
3354
|
-
|
|
3360
|
+
s(t)("pagination-slot") ? Se(I.$slots, "pagination-slot", { key: 0 }, void 0, !0) : F("", !0)
|
|
3355
3361
|
]),
|
|
3356
3362
|
_: 3
|
|
3357
3363
|
}, 16, ["aria-label"])
|
|
3358
|
-
], 2)) :
|
|
3359
|
-
I.$slots.footer ? (
|
|
3360
|
-
|
|
3361
|
-
])) :
|
|
3362
|
-
$n.value ? (
|
|
3364
|
+
], 2)) : F("", !0),
|
|
3365
|
+
I.$slots.footer ? (u(), y("div", Bo, [
|
|
3366
|
+
Se(I.$slots, "footer", {}, void 0, !0)
|
|
3367
|
+
])) : F("", !0),
|
|
3368
|
+
$n.value ? (u(), P(s(Kn), {
|
|
3363
3369
|
key: 6,
|
|
3364
3370
|
actions: e.bulkActions,
|
|
3365
3371
|
"item-counter": Ct.value,
|
|
3366
|
-
"extra-bottom-spacing":
|
|
3367
|
-
onClose: z[9] || (z[9] = (q) =>
|
|
3368
|
-
}, null, 8, ["actions", "item-counter", "extra-bottom-spacing"])) :
|
|
3372
|
+
"extra-bottom-spacing": s(x),
|
|
3373
|
+
onClose: z[9] || (z[9] = (q) => s(ct)(!1))
|
|
3374
|
+
}, null, 8, ["actions", "item-counter", "extra-bottom-spacing"])) : F("", !0)
|
|
3369
3375
|
], 10, ko);
|
|
3370
3376
|
};
|
|
3371
3377
|
}
|
|
3372
|
-
}), $i = /* @__PURE__ */ oe(Go, [["__scopeId", "data-v-
|
|
3378
|
+
}), $i = /* @__PURE__ */ oe(Go, [["__scopeId", "data-v-94a8c13f"]]);
|
|
3373
3379
|
export {
|
|
3374
3380
|
Qe as B,
|
|
3375
3381
|
Ii as a,
|
|
3376
|
-
|
|
3377
|
-
|
|
3382
|
+
Oe as b,
|
|
3383
|
+
pe as c,
|
|
3378
3384
|
$i as d,
|
|
3379
3385
|
k as e,
|
|
3380
|
-
|
|
3386
|
+
He as f
|
|
3381
3387
|
};
|
|
3382
|
-
//# sourceMappingURL=data-grid.
|
|
3388
|
+
//# sourceMappingURL=data-grid.BNXoMZf9.js.map
|