@dolusoft/vue3-datatable 1.8.46 → 1.8.48

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.
Files changed (6) hide show
  1. package/dist/style.css +1 -1
  2. package/dist/vue3-datatable-css.css +0 -16
  3. package/dist/vue3-datatable.cjs +48 -70
  4. package/dist/vue3-datatable.css +62 -62
  5. package/dist/vue3-datatable.js +49 -71
  6. package/package.json +1 -1
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- *,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:after,:before{border:0 solid transparent;box-sizing:border-box}.bh-table-responsive{position:relative;width:100%;border-radius:.25rem}.bh-table-responsive table{width:100%;max-width:100%;border-collapse:collapse!important}.bh-table-responsive table thead{white-space:nowrap}.bh-table-responsive table tfoot tr,.bh-table-responsive table thead tr{--tw-bg-opacity:1;background-color:rgb(246 247 250/var(--tw-bg-opacity,1))}.bh-table-responsive table tbody tr td,.bh-table-responsive table tfoot tr th,.bh-table-responsive table thead tr th{padding:.75rem 1rem;text-align:left;white-space:nowrap}.bh-table-responsive table tfoot tr th,.bh-table-responsive table thead tr th{vertical-align:top;font-weight:700}.bh-table-responsive table tbody tr{border-bottom-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgb(246 247 250/var(--tw-border-opacity,1))}.bh-table-responsive table.bh-table-striped tbody tr:nth-child(odd){background-color:rgba(224,230,237,.15)}.bh-table-responsive table.bh-table-hover tbody tr:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bh-table-responsive table.bh-table-compact tbody tr td,.bh-table-responsive table.bh-table-compact thead tr th{padding:.5rem .75rem}.bh-table-responsive table.bh-table-bordered tbody tr td,.bh-table-responsive table.bh-table-bordered thead tr th{border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgb(246 247 250/var(--tw-border-opacity,1))}.bh-truncate-cell{display:block;overflow:hidden}.bh-truncate-single{white-space:nowrap;text-overflow:ellipsis}.bh-truncate-multi{display:-webkit-box;-webkit-box-orient:vertical;white-space:normal;text-overflow:ellipsis}.bh-pagination .bh-page-item{display:grid;height:2rem;width:2rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;place-content:center;border-radius:9999px;border:1px solid rgba(14,23,38,.3);--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:.375rem .625rem;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1));outline-width:0}.bh-pagination .bh-page-item:hover{--tw-border-opacity:1;border-color:rgb(67 97 238/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(67 97 238/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));transition-duration:.2s}.bh-pagination .bh-page-item:is(.bh-dark *){--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.bh-pagination .bh-page-item{-webkit-appearance:button;background-image:none}.bh-pagination .bh-page-item.disabled:not(.bh-active){pointer-events:none;opacity:.5}.bh-pagination .bh-page-item.bh-active{--tw-border-opacity:1;border-color:rgb(67 97 238/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(67 97 238/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.bh-table-responsive button,.bh-table-responsive input{outline:2px solid transparent;outline-offset:2px}.bh-pagination-info .bh-pagesize{box-sizing:border-box;border-radius:.25rem;border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgb(224 230 237/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:.375rem .5rem;font-weight:400;--tw-text-opacity:1;color:rgb(14 23 38/var(--tw-text-opacity,1));outline-width:0}.bh-pagination-info .bh-pagesize:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:rgba(224,230,237,.4)}.bh-pagination-info .bh-pagesize:is(.bh-dark *){--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity,1))}.bh-pagination-info .bh-pagesize:focus:is(.bh-dark *){--tw-ring-color:rgba(75,85,99,.4)}.bh-table-responsive table th .bh-filter{margin-top:.125rem;display:flex;height:30px;align-items:center}.bh-table-responsive table th .bh-filter,.bh-table-responsive table th .bh-filter>.bh-form-control{width:100%}.bh-table-responsive table th .bh-filter>.bh-form-control{box-sizing:border-box;height:100%;min-width:60px;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgb(224 230 237/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:.25rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:400;--tw-text-opacity:1;color:rgb(14 23 38/var(--tw-text-opacity,1));outline-width:0}.bh-table-responsive table th .bh-filter>.bh-form-control:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:rgba(224,230,237,.4)}.bh-table-responsive table th .bh-filter>.bh-form-control:is(.bh-dark *){--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity,1))}.bh-table-responsive table th .bh-filter>.bh-form-control:focus:is(.bh-dark *){--tw-ring-color:rgba(75,85,99,.4)}.bh-table-responsive table th .bh-filter .bh-form-control{box-sizing:border-box;height:100%;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgb(224 230 237/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:.25rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:400;--tw-text-opacity:1;color:rgb(14 23 38/var(--tw-text-opacity,1));outline-width:0}.bh-table-responsive table th .bh-filter .bh-form-control:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:rgba(224,230,237,.4)}.bh-table-responsive table th .bh-filter .bh-form-control:is(.bh-dark *){--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity,1))}.bh-table-responsive table th .bh-filter .bh-form-control:focus:is(.bh-dark *){--tw-ring-color:rgba(75,85,99,.4)}.bh-table-responsive table th .bh-filter>select{border-radius:.25rem}.bh-table-responsive table th .bh-filter .v-popper button,.bh-table-responsive table th .bh-filter>button{display:grid;height:30px;width:30px;flex-shrink:0;cursor:pointer;place-content:center;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgb(224 230 237/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(224 230 237/var(--tw-bg-opacity,1));color:rgba(14,23,38,.7)}.bh-table-responsive table th .bh-filter .v-popper button:hover,.bh-table-responsive table th .bh-filter>button:hover{color:rgba(14,23,38,.9)}.bh-table-responsive table th .bh-filter .v-popper button:is(.bh-dark *),.bh-table-responsive table th .bh-filter>button:is(.bh-dark *){--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.bh-table-responsive table th .bh-filter .v-popper button:hover:is(.bh-dark *),.bh-table-responsive table th .bh-filter>button:hover:is(.bh-dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.bh-table-responsive table th .bh-filter .v-popper button,.bh-table-responsive table th .bh-filter>button{-webkit-appearance:button;background-image:none}.bh-filter-menu button{display:flex;width:100%;cursor:pointer;border:1px solid transparent;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:.375rem 1rem;text-align:left;--tw-text-opacity:1;color:rgb(14 23 38/var(--tw-text-opacity,1))}.bh-filter-menu button:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1));font-weight:700}.bh-filter-menu button:is(.bh-dark *){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity,1))}.bh-filter-menu button:hover:is(.bh-dark *){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.bh-filter-menu button{-webkit-appearance:button;background-image:none}.bh-filter-menu button.active{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1));font-weight:700;--tw-text-opacity:1;color:rgb(14 23 38/var(--tw-text-opacity,1))}.bh-filter-menu button.active:is(.bh-dark *){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.bh-table-responsive input[type=checkbox]{position:absolute;opacity:0}.bh-table-responsive input[type=checkbox],.bh-table-responsive input[type=checkbox]+div{height:1.25rem;width:1.25rem}.bh-table-responsive input[type=checkbox]+div{display:grid;place-content:center;border-radius:.25rem;border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgb(224 230 237/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bh-table-responsive input[type=checkbox]+div:is(.bh-dark *){--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.bh-table-responsive input[type=checkbox]+div svg{pointer-events:none;display:none;height:.75rem;width:.75rem;fill:currentColor;--tw-text-opacity:1;color:rgb(67 97 238/var(--tw-text-opacity,1))}.bh-table-responsive input[type=checkbox]:checked+div,.bh-table-responsive input[type=checkbox]:indeterminate+div{--tw-border-opacity:1;border-color:rgb(67 97 238/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(67 97 238/var(--tw-bg-opacity,1))}.bh-table-responsive input[type=checkbox]:checked+div svg.check,.bh-table-responsive input[type=checkbox]:indeterminate+div svg.intermediate{display:flex;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.bh-pointer-events-none{pointer-events:none}.bh-absolute{position:absolute}.bh-relative{position:relative}.bh-sticky{position:sticky}.bh-inset-0{inset:0}.bh-bottom-0{bottom:0}.bh-left-0{left:0}.bh-left-\[52px\]{left:52px}.bh-right-0{right:0}.bh-top-0{top:0}.bh-top-1\/2{top:50%}.bh-top-full{top:100%}.bh-z-10{z-index:10}.bh-z-\[1\]{z-index:1}.bh-mb-1{margin-bottom:.25rem}.bh-mb-2{margin-bottom:.5rem}.bh-mb-4{margin-bottom:1rem}.bh-ml-3{margin-left:.75rem}.bh-mr-2{margin-right:.5rem}.bh-mt-1{margin-top:.25rem}.bh-mt-2{margin-top:.5rem}.bh-block{display:block}.bh-flex{display:flex}.bh-inline-flex{display:inline-flex}.bh-grid{display:grid}.bh-h-10{height:2.5rem}.bh-h-11{height:2.75rem}.bh-h-8{height:2rem}.bh-h-full{height:100%}.bh-min-h-\[100px\]{min-height:100px}.bh-w-32{width:8rem}.bh-w-4{width:1rem}.bh-w-full{width:100%}.bh-min-w-\[220px\]{min-width:220px}.bh-flex-1{flex:1 1 0%}.-bh-translate-y-1\/2{--tw-translate-y:-50%}.-bh-translate-y-1\/2,.bh-transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.bh-cursor-pointer{cursor:pointer}.bh-select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.bh-flex-col{flex-direction:column}.bh-flex-wrap{flex-wrap:wrap}.bh-place-content-center{place-content:center}.bh-items-center{align-items:center}.bh-justify-end{justify-content:flex-end}.bh-justify-center{justify-content:center}.bh-justify-between{justify-content:space-between}.bh-gap-1{gap:.25rem}.bh-gap-4{gap:1rem}.bh-space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.25rem*var(--tw-space-x-reverse));margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)))}.bh-space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.bh-overflow-auto{overflow:auto}.bh-overflow-hidden{overflow:hidden}.bh-rounded{border-radius:.25rem}.bh-rounded-lg{border-radius:.5rem}.bh-rounded-md{border-radius:.375rem}.bh-rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.bh-border{border-width:1px}.bh-border-t{border-top-width:1px}.bh-border-solid{border-style:solid}.bh-border-none{border-style:none}.\!bh-border-primary{--tw-border-opacity:1!important;border-color:rgb(67 97 238/var(--tw-border-opacity,1))!important}.\!bh-border-transparent{border-color:transparent!important}.bh-border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.bh-border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.\!bh-bg-primary\/10{background-color:rgba(67,97,238,.1)!important}.\!bh-bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bh-bg-\[\#e0e6ed\]{--tw-bg-opacity:1;background-color:rgb(224 230 237/var(--tw-bg-opacity,1))}.bh-bg-blue-50{background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bh-bg-blue-50,.bh-bg-blue-600{--tw-bg-opacity:1}.bh-bg-blue-600{background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bh-bg-blue-light{--tw-bg-opacity:1;background-color:rgb(246 247 250/var(--tw-bg-opacity,1))}.bh-bg-blue-light\/50{background-color:rgba(246,247,250,.5)}.bh-bg-gray-100{background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bh-bg-gray-100,.bh-bg-gray-50{--tw-bg-opacity:1}.bh-bg-gray-50{background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bh-bg-gray-600{background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.bh-bg-gray-600,.bh-bg-gray-700{--tw-bg-opacity:1}.bh-bg-gray-700{background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.bh-bg-green-600{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.bh-bg-primary\/10{background-color:rgba(67,97,238,.1)}.bh-bg-transparent{background-color:transparent}.bh-bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.\!bh-p-0{padding:0!important}.bh-p-10{padding:2.5rem}.bh-p-2{padding:.5rem}.bh-p-3{padding:.75rem}.bh-p-4{padding:1rem}.bh-px-2{padding-left:.5rem;padding-right:.5rem}.bh-px-2\.5{padding-left:.625rem;padding-right:.625rem}.bh-px-4{padding-left:1rem;padding-right:1rem}.bh-py-1{padding-top:.25rem;padding-bottom:.25rem}.bh-py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.bh-py-2{padding-bottom:.5rem}.bh-pt-2,.bh-py-2{padding-top:.5rem}.bh-text-left{text-align:left}.bh-text-2xl{font-size:1.5rem;line-height:2rem}.bh-text-\[13px\]{font-size:13px}.bh-text-sm{font-size:.875rem;line-height:1.25rem}.bh-text-xl{font-size:1.25rem;line-height:1.75rem}.bh-text-xs{font-size:.75rem;line-height:1rem}.bh-font-bold{font-weight:700}.bh-font-medium{font-weight:500}.bh-font-normal{font-weight:400}.bh-font-semibold{font-weight:600}.\!bh-text-primary{--tw-text-opacity:1!important;color:rgb(67 97 238/var(--tw-text-opacity,1))!important}.bh-text-black{--tw-text-opacity:1;color:rgb(14 23 38/var(--tw-text-opacity,1))}.bh-text-black\/20{color:rgba(14,23,38,.2)}.bh-text-black\/70{color:rgba(14,23,38,.7)}.bh-text-blue-600{color:rgb(37 99 235/var(--tw-text-opacity,1))}.bh-text-blue-600,.bh-text-gray-300{--tw-text-opacity:1}.bh-text-gray-300{color:rgb(209 213 219/var(--tw-text-opacity,1))}.bh-text-gray-600{color:rgb(75 85 99/var(--tw-text-opacity,1))}.bh-text-gray-600,.bh-text-gray-700{--tw-text-opacity:1}.bh-text-gray-700{color:rgb(55 65 81/var(--tw-text-opacity,1))}.bh-text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.bh-text-green-600{color:rgb(22 163 74/var(--tw-text-opacity,1))}.bh-text-green-600,.bh-text-primary{--tw-text-opacity:1}.bh-text-primary{color:rgb(67 97 238/var(--tw-text-opacity,1))}.bh-text-purple-600{--tw-text-opacity:1;color:rgb(147 51 234/var(--tw-text-opacity,1))}.bh-text-red-600{color:rgb(220 38 38/var(--tw-text-opacity,1))}.bh-text-red-600,.bh-text-white{--tw-text-opacity:1}.bh-text-white{color:rgb(255 255 255/var(--tw-text-opacity,1))}.bh-antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bh-shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.bh-shadow,.bh-shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.bh-shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.bh-shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.bh-outline-none{outline:2px solid transparent;outline-offset:2px}.bh-outline-0{outline-width:0}.bh-filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.bh-transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.bh-skeleton-box{position:relative;width:100%;overflow:hidden;--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bh-skeleton-box:after{position:absolute;inset:0;--tw-translate-x:-100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));animation:bhshimmer 2s infinite;background-image:linear-gradient(90deg,transparent,rgba(0,0,0,.025) 20%,rgba(0,0,0,.05) 50%,transparent);--tw-content:"";content:var(--tw-content)}@keyframes bhshimmer{to{transform:translateX(100%)}}.sticky-footer{position:absolute;z-index:10;bottom:0;width:100%;margin-bottom:-50px}.sticky-table-footer{position:sticky;bottom:0;background-color:#f1f1f1!important;z-index:1}.nodatacontent{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.bh-filter-input-wrapper{position:relative;flex:1}.bh-filter-input-wrapper:has(.bh-floating-label){border:1px solid #d1d5db;border-radius:4px;background-color:#fff}.bh-filter-input-wrapper:has(.bh-floating-label) .bh-form-control{border:none!important;background:transparent!important}.bh-floating-label{position:absolute;top:-7px;left:8px;padding:0 4px;font-size:11px;font-weight:500;line-height:1;color:#6b7280;background-color:#fff;z-index:10;pointer-events:none;white-space:nowrap;max-width:calc(100% - 40px);overflow:hidden;text-overflow:ellipsis;transition:color .15s ease}.bh-floating-label--active{color:var(--primary,#3b82f6)}.bh-filter-input-wrapper:has(.bh-floating-label--active){border-color:var(--primary,#3b82f6)}.bh-dark .bh-filter-input-wrapper:has(.bh-floating-label),.dark .bh-filter-input-wrapper:has(.bh-floating-label){border-color:#4b5563;background-color:#1f2937}.bh-dark .bh-floating-label,.dark .bh-floating-label{background-color:#1f2937;color:#9ca3af;border-radius:5px/2px}.bh-dark .bh-floating-label--active,.dark .bh-floating-label--active{color:var(--primary,#60a5fa)}.bh-form-control--with-label{padding-top:4px}.bh-filter-button--with-label{height:22px!important;width:26px!important;margin-left:-4px}.hover\:bh-border-primary:hover{--tw-border-opacity:1;border-color:rgb(67 97 238/var(--tw-border-opacity,1))}.hover\:bh-bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\:bh-bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bh-bg-green-700:hover{--tw-bg-opacity:1;background-color:rgb(21 128 61/var(--tw-bg-opacity,1))}.hover\:bh-bg-red-50:hover{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.focus\:bh-border-gray-200:focus{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.focus\:bh-border-primary:focus{--tw-border-opacity:1;border-color:rgb(67 97 238/var(--tw-border-opacity,1))}.focus\:bh-ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:bh-ring-primary:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(67 97 238/var(--tw-ring-opacity,1))}.dark\:bh-border-gray-600:is(.bh-dark *){--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity,1))}.dark\:bh-bg-gray-700:is(.bh-dark *){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.dark\:bh-bg-gray-800:is(.bh-dark *){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.dark\:bh-text-gray-300:is(.bh-dark *){--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.dark\:bh-text-gray-400:is(.bh-dark *){--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.dark\:hover\:bh-bg-gray-600:hover:is(.bh-dark *){--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.dark\:hover\:bh-bg-red-900\/20:hover:is(.bh-dark *){background-color:rgba(127,29,29,.2)}@media (min-width:640px){.sm\:bh-ml-auto{margin-left:auto}.sm\:bh-mt-0{margin-top:0}.sm\:bh-flex-row{flex-direction:row}}
1
+ *,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:after,:before{border:0 solid transparent;box-sizing:border-box}.bh-table-responsive{position:relative;width:100%;border-radius:.25rem}.bh-table-responsive table{width:100%;max-width:100%;border-collapse:collapse!important}.bh-table-responsive table thead{white-space:nowrap}.bh-table-responsive table tfoot tr,.bh-table-responsive table thead tr{--tw-bg-opacity:1;background-color:rgb(246 247 250/var(--tw-bg-opacity,1))}.bh-table-responsive table tbody tr td,.bh-table-responsive table tfoot tr th,.bh-table-responsive table thead tr th{padding:.75rem 1rem;text-align:left;white-space:nowrap}.bh-table-responsive table tfoot tr th,.bh-table-responsive table thead tr th{vertical-align:top;font-weight:700}.bh-table-responsive table tbody tr{border-bottom-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgb(246 247 250/var(--tw-border-opacity,1))}.bh-table-responsive table.bh-table-striped tbody tr:nth-child(odd){background-color:rgba(224,230,237,.15)}.bh-table-responsive table.bh-table-hover tbody tr:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bh-table-responsive table.bh-table-compact tbody tr td,.bh-table-responsive table.bh-table-compact thead tr th{padding:.5rem .75rem}.bh-table-responsive table.bh-table-bordered tbody tr td,.bh-table-responsive table.bh-table-bordered thead tr th{border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgb(246 247 250/var(--tw-border-opacity,1))}.bh-pagination .bh-page-item{display:grid;height:2rem;width:2rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;place-content:center;border-radius:9999px;border:1px solid rgba(14,23,38,.3);--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:.375rem .625rem;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1));outline-width:0}.bh-pagination .bh-page-item:hover{--tw-border-opacity:1;border-color:rgb(67 97 238/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(67 97 238/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));transition-duration:.2s}.bh-pagination .bh-page-item:is(.bh-dark *){--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.bh-pagination .bh-page-item{-webkit-appearance:button;background-image:none}.bh-pagination .bh-page-item.disabled:not(.bh-active){pointer-events:none;opacity:.5}.bh-pagination .bh-page-item.bh-active{--tw-border-opacity:1;border-color:rgb(67 97 238/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(67 97 238/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.bh-table-responsive button,.bh-table-responsive input{outline:2px solid transparent;outline-offset:2px}.bh-pagination-info .bh-pagesize{box-sizing:border-box;border-radius:.25rem;border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgb(224 230 237/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:.375rem .5rem;font-weight:400;--tw-text-opacity:1;color:rgb(14 23 38/var(--tw-text-opacity,1));outline-width:0}.bh-pagination-info .bh-pagesize:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:rgba(224,230,237,.4)}.bh-pagination-info .bh-pagesize:is(.bh-dark *){--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity,1))}.bh-pagination-info .bh-pagesize:focus:is(.bh-dark *){--tw-ring-color:rgba(75,85,99,.4)}.bh-table-responsive table th .bh-filter{margin-top:.125rem;display:flex;height:30px;align-items:center}.bh-table-responsive table th .bh-filter,.bh-table-responsive table th .bh-filter>.bh-form-control{width:100%}.bh-table-responsive table th .bh-filter>.bh-form-control{box-sizing:border-box;height:100%;min-width:60px;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgb(224 230 237/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:.25rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:400;--tw-text-opacity:1;color:rgb(14 23 38/var(--tw-text-opacity,1));outline-width:0}.bh-table-responsive table th .bh-filter>.bh-form-control:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:rgba(224,230,237,.4)}.bh-table-responsive table th .bh-filter>.bh-form-control:is(.bh-dark *){--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity,1))}.bh-table-responsive table th .bh-filter>.bh-form-control:focus:is(.bh-dark *){--tw-ring-color:rgba(75,85,99,.4)}.bh-table-responsive table th .bh-filter .bh-form-control{box-sizing:border-box;height:100%;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgb(224 230 237/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:.25rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:400;--tw-text-opacity:1;color:rgb(14 23 38/var(--tw-text-opacity,1));outline-width:0}.bh-table-responsive table th .bh-filter .bh-form-control:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:rgba(224,230,237,.4)}.bh-table-responsive table th .bh-filter .bh-form-control:is(.bh-dark *){--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity,1))}.bh-table-responsive table th .bh-filter .bh-form-control:focus:is(.bh-dark *){--tw-ring-color:rgba(75,85,99,.4)}.bh-table-responsive table th .bh-filter>select{border-radius:.25rem}.bh-table-responsive table th .bh-filter .v-popper button,.bh-table-responsive table th .bh-filter>button{display:grid;height:30px;width:30px;flex-shrink:0;cursor:pointer;place-content:center;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgb(224 230 237/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(224 230 237/var(--tw-bg-opacity,1));color:rgba(14,23,38,.7)}.bh-table-responsive table th .bh-filter .v-popper button:hover,.bh-table-responsive table th .bh-filter>button:hover{color:rgba(14,23,38,.9)}.bh-table-responsive table th .bh-filter .v-popper button:is(.bh-dark *),.bh-table-responsive table th .bh-filter>button:is(.bh-dark *){--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.bh-table-responsive table th .bh-filter .v-popper button:hover:is(.bh-dark *),.bh-table-responsive table th .bh-filter>button:hover:is(.bh-dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.bh-table-responsive table th .bh-filter .v-popper button,.bh-table-responsive table th .bh-filter>button{-webkit-appearance:button;background-image:none}.bh-filter-menu button{display:flex;width:100%;cursor:pointer;border:1px solid transparent;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:.375rem 1rem;text-align:left;--tw-text-opacity:1;color:rgb(14 23 38/var(--tw-text-opacity,1))}.bh-filter-menu button:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1));font-weight:700}.bh-filter-menu button:is(.bh-dark *){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity,1))}.bh-filter-menu button:hover:is(.bh-dark *){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.bh-filter-menu button{-webkit-appearance:button;background-image:none}.bh-filter-menu button.active{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1));font-weight:700;--tw-text-opacity:1;color:rgb(14 23 38/var(--tw-text-opacity,1))}.bh-filter-menu button.active:is(.bh-dark *){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.bh-table-responsive input[type=checkbox]{position:absolute;opacity:0}.bh-table-responsive input[type=checkbox],.bh-table-responsive input[type=checkbox]+div{height:1.25rem;width:1.25rem}.bh-table-responsive input[type=checkbox]+div{display:grid;place-content:center;border-radius:.25rem;border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgb(224 230 237/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bh-table-responsive input[type=checkbox]+div:is(.bh-dark *){--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.bh-table-responsive input[type=checkbox]+div svg{pointer-events:none;display:none;height:.75rem;width:.75rem;fill:currentColor;--tw-text-opacity:1;color:rgb(67 97 238/var(--tw-text-opacity,1))}.bh-table-responsive input[type=checkbox]:checked+div,.bh-table-responsive input[type=checkbox]:indeterminate+div{--tw-border-opacity:1;border-color:rgb(67 97 238/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(67 97 238/var(--tw-bg-opacity,1))}.bh-table-responsive input[type=checkbox]:checked+div svg.check,.bh-table-responsive input[type=checkbox]:indeterminate+div svg.intermediate{display:flex;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.bh-pointer-events-none{pointer-events:none}.bh-absolute{position:absolute}.bh-relative{position:relative}.bh-sticky{position:sticky}.bh-inset-0{inset:0}.bh-bottom-0{bottom:0}.bh-left-0{left:0}.bh-left-\[52px\]{left:52px}.bh-right-0{right:0}.bh-top-0{top:0}.bh-top-1\/2{top:50%}.bh-top-full{top:100%}.bh-z-10{z-index:10}.bh-z-\[1\]{z-index:1}.bh-mb-1{margin-bottom:.25rem}.bh-mb-2{margin-bottom:.5rem}.bh-mb-4{margin-bottom:1rem}.bh-ml-3{margin-left:.75rem}.bh-mr-2{margin-right:.5rem}.bh-mt-1{margin-top:.25rem}.bh-mt-2{margin-top:.5rem}.bh-block{display:block}.bh-flex{display:flex}.bh-inline-flex{display:inline-flex}.bh-grid{display:grid}.bh-h-10{height:2.5rem}.bh-h-11{height:2.75rem}.bh-h-8{height:2rem}.bh-h-full{height:100%}.bh-min-h-\[100px\]{min-height:100px}.bh-w-32{width:8rem}.bh-w-4{width:1rem}.bh-w-full{width:100%}.bh-min-w-\[220px\]{min-width:220px}.bh-flex-1{flex:1 1 0%}.-bh-translate-y-1\/2{--tw-translate-y:-50%}.-bh-translate-y-1\/2,.bh-transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.bh-cursor-pointer{cursor:pointer}.bh-select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.bh-flex-col{flex-direction:column}.bh-flex-wrap{flex-wrap:wrap}.bh-place-content-center{place-content:center}.bh-items-center{align-items:center}.bh-justify-end{justify-content:flex-end}.bh-justify-center{justify-content:center}.bh-justify-between{justify-content:space-between}.bh-gap-1{gap:.25rem}.bh-gap-4{gap:1rem}.bh-space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.25rem*var(--tw-space-x-reverse));margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)))}.bh-space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.bh-overflow-auto{overflow:auto}.bh-overflow-hidden{overflow:hidden}.bh-rounded{border-radius:.25rem}.bh-rounded-lg{border-radius:.5rem}.bh-rounded-md{border-radius:.375rem}.bh-rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.bh-border{border-width:1px}.bh-border-t{border-top-width:1px}.bh-border-solid{border-style:solid}.bh-border-none{border-style:none}.\!bh-border-primary{--tw-border-opacity:1!important;border-color:rgb(67 97 238/var(--tw-border-opacity,1))!important}.\!bh-border-transparent{border-color:transparent!important}.bh-border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.bh-border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.\!bh-bg-primary\/10{background-color:rgba(67,97,238,.1)!important}.\!bh-bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bh-bg-\[\#e0e6ed\]{--tw-bg-opacity:1;background-color:rgb(224 230 237/var(--tw-bg-opacity,1))}.bh-bg-blue-50{background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bh-bg-blue-50,.bh-bg-blue-600{--tw-bg-opacity:1}.bh-bg-blue-600{background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bh-bg-blue-light{--tw-bg-opacity:1;background-color:rgb(246 247 250/var(--tw-bg-opacity,1))}.bh-bg-blue-light\/50{background-color:rgba(246,247,250,.5)}.bh-bg-gray-100{background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bh-bg-gray-100,.bh-bg-gray-50{--tw-bg-opacity:1}.bh-bg-gray-50{background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bh-bg-gray-600{background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.bh-bg-gray-600,.bh-bg-gray-700{--tw-bg-opacity:1}.bh-bg-gray-700{background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.bh-bg-green-600{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.bh-bg-primary\/10{background-color:rgba(67,97,238,.1)}.bh-bg-transparent{background-color:transparent}.bh-bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.\!bh-p-0{padding:0!important}.bh-p-10{padding:2.5rem}.bh-p-2{padding:.5rem}.bh-p-3{padding:.75rem}.bh-p-4{padding:1rem}.bh-px-2{padding-left:.5rem;padding-right:.5rem}.bh-px-2\.5{padding-left:.625rem;padding-right:.625rem}.bh-px-4{padding-left:1rem;padding-right:1rem}.bh-py-1{padding-top:.25rem;padding-bottom:.25rem}.bh-py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.bh-py-2{padding-bottom:.5rem}.bh-pt-2,.bh-py-2{padding-top:.5rem}.bh-text-left{text-align:left}.bh-text-2xl{font-size:1.5rem;line-height:2rem}.bh-text-\[13px\]{font-size:13px}.bh-text-sm{font-size:.875rem;line-height:1.25rem}.bh-text-xl{font-size:1.25rem;line-height:1.75rem}.bh-text-xs{font-size:.75rem;line-height:1rem}.bh-font-bold{font-weight:700}.bh-font-medium{font-weight:500}.bh-font-normal{font-weight:400}.bh-font-semibold{font-weight:600}.\!bh-text-primary{--tw-text-opacity:1!important;color:rgb(67 97 238/var(--tw-text-opacity,1))!important}.bh-text-black{--tw-text-opacity:1;color:rgb(14 23 38/var(--tw-text-opacity,1))}.bh-text-black\/20{color:rgba(14,23,38,.2)}.bh-text-black\/70{color:rgba(14,23,38,.7)}.bh-text-blue-600{color:rgb(37 99 235/var(--tw-text-opacity,1))}.bh-text-blue-600,.bh-text-gray-300{--tw-text-opacity:1}.bh-text-gray-300{color:rgb(209 213 219/var(--tw-text-opacity,1))}.bh-text-gray-600{color:rgb(75 85 99/var(--tw-text-opacity,1))}.bh-text-gray-600,.bh-text-gray-700{--tw-text-opacity:1}.bh-text-gray-700{color:rgb(55 65 81/var(--tw-text-opacity,1))}.bh-text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.bh-text-green-600{color:rgb(22 163 74/var(--tw-text-opacity,1))}.bh-text-green-600,.bh-text-primary{--tw-text-opacity:1}.bh-text-primary{color:rgb(67 97 238/var(--tw-text-opacity,1))}.bh-text-purple-600{--tw-text-opacity:1;color:rgb(147 51 234/var(--tw-text-opacity,1))}.bh-text-red-600{color:rgb(220 38 38/var(--tw-text-opacity,1))}.bh-text-red-600,.bh-text-white{--tw-text-opacity:1}.bh-text-white{color:rgb(255 255 255/var(--tw-text-opacity,1))}.bh-antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bh-shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.bh-shadow,.bh-shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.bh-shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.bh-shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.bh-outline-none{outline:2px solid transparent;outline-offset:2px}.bh-outline-0{outline-width:0}.bh-filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.bh-transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.bh-skeleton-box{position:relative;width:100%;overflow:hidden;--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bh-skeleton-box:after{position:absolute;inset:0;--tw-translate-x:-100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));animation:bhshimmer 2s infinite;background-image:linear-gradient(90deg,transparent,rgba(0,0,0,.025) 20%,rgba(0,0,0,.05) 50%,transparent);--tw-content:"";content:var(--tw-content)}@keyframes bhshimmer{to{transform:translateX(100%)}}.sticky-footer{position:absolute;z-index:10;bottom:0;width:100%;margin-bottom:-50px}.sticky-table-footer{position:sticky;bottom:0;background-color:#f1f1f1!important;z-index:1}.nodatacontent{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.bh-filter-input-wrapper{position:relative;flex:1}.bh-filter-input-wrapper:has(.bh-floating-label){border:1px solid #d1d5db;border-radius:4px;background-color:#fff}.bh-filter-input-wrapper:has(.bh-floating-label) .bh-form-control{border:none!important;background:transparent!important}.bh-floating-label{position:absolute;top:-7px;left:8px;padding:0 4px;font-size:11px;font-weight:500;line-height:1;color:#6b7280;background-color:#fff;z-index:10;pointer-events:none;white-space:nowrap;max-width:calc(100% - 40px);overflow:hidden;text-overflow:ellipsis;transition:color .15s ease}.bh-floating-label--active{color:var(--primary,#3b82f6)}.bh-filter-input-wrapper:has(.bh-floating-label--active){border-color:var(--primary,#3b82f6)}.bh-dark .bh-filter-input-wrapper:has(.bh-floating-label),.dark .bh-filter-input-wrapper:has(.bh-floating-label){border-color:#4b5563;background-color:#1f2937}.bh-dark .bh-floating-label,.dark .bh-floating-label{background-color:#1f2937;color:#9ca3af;border-radius:5px/2px}.bh-dark .bh-floating-label--active,.dark .bh-floating-label--active{color:var(--primary,#60a5fa)}.bh-form-control--with-label{padding-top:4px}.bh-filter-button--with-label{height:22px!important;width:26px!important;margin-left:-4px}.hover\:bh-border-primary:hover{--tw-border-opacity:1;border-color:rgb(67 97 238/var(--tw-border-opacity,1))}.hover\:bh-bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\:bh-bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bh-bg-green-700:hover{--tw-bg-opacity:1;background-color:rgb(21 128 61/var(--tw-bg-opacity,1))}.hover\:bh-bg-red-50:hover{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.focus\:bh-border-gray-200:focus{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.focus\:bh-border-primary:focus{--tw-border-opacity:1;border-color:rgb(67 97 238/var(--tw-border-opacity,1))}.focus\:bh-ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:bh-ring-primary:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(67 97 238/var(--tw-ring-opacity,1))}.dark\:bh-border-gray-600:is(.bh-dark *){--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity,1))}.dark\:bh-bg-gray-700:is(.bh-dark *){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.dark\:bh-bg-gray-800:is(.bh-dark *){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.dark\:bh-text-gray-300:is(.bh-dark *){--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.dark\:bh-text-gray-400:is(.bh-dark *){--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.dark\:hover\:bh-bg-gray-600:hover:is(.bh-dark *){--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.dark\:hover\:bh-bg-red-900\/20:hover:is(.bh-dark *){background-color:rgba(127,29,29,.2)}@media (min-width:640px){.sm\:bh-ml-auto{margin-left:auto}.sm\:bh-mt-0{margin-top:0}.sm\:bh-flex-row{flex-direction:row}}
package/dist/vue3-datatable-css.css CHANGED
@@ -172,22 +172,6 @@
172
172
  --tw-border-opacity: 1;
173
173
  border-color: rgb(246 247 250 / var(--tw-border-opacity, 1));
174
174
  }
175
- /* Truncate cell styles */
176
- .bh-truncate-cell {
177
- display: block;
178
- overflow: hidden;
179
- }
180
- .bh-truncate-single {
181
- white-space: nowrap;
182
- text-overflow: ellipsis;
183
- }
184
- .bh-truncate-multi {
185
- display: -webkit-box;
186
- -webkit-box-orient: vertical;
187
- white-space: normal;
188
- text-overflow: ellipsis;
189
- }
190
- /* Tooltip content styling */
191
175
  .bh-pagination .bh-page-item {
192
176
  display: grid;
193
177
  height: 2rem;
package/dist/vue3-datatable.cjs CHANGED
@@ -2469,7 +2469,7 @@ const _export_sfc = (sfc, props) => {
2469
2469
  }
2470
2470
  return target;
2471
2471
  };
2472
- const ButtonExpand = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-4d01a2fa"]]);
2472
+ const ButtonExpand = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-da3bc8d5"]]);
2473
2473
  const __default__$4 = {
2474
2474
  name: "ButtonRightPanel"
2475
2475
  };
@@ -2495,7 +2495,7 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
2495
2495
  };
2496
2496
  }
2497
2497
  });
2498
- const ButtonRightPanel = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-d739c6bf"]]);
2498
+ const ButtonRightPanel = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-b373d5f7"]]);
2499
2499
  const sides = ["top", "right", "bottom", "left"];
2500
2500
  const alignments = ["start", "end"];
2501
2501
  const placements = /* @__PURE__ */ sides.reduce((acc, side) => acc.concat(side, side + "-" + alignments[0], side + "-" + alignments[1]), []);
@@ -6046,61 +6046,34 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
6046
6046
  maxWidth: {},
6047
6047
  truncateLines: {},
6048
6048
  showTooltip: { type: Boolean },
6049
- html: { type: Boolean }
6049
+ html: { type: Boolean },
6050
+ maxLength: { default: 150 }
6050
6051
  },
6051
6052
  setup(__props) {
6052
6053
  const props = __props;
6053
- const cellRef = vue.ref(null);
6054
- const isOverflowing = vue.ref(false);
6055
- const checkOverflow = () => {
6056
- if (cellRef.value && props.truncate) {
6057
- const el = cellRef.value;
6058
- if (props.truncateLines === 1) {
6059
- isOverflowing.value = el.scrollWidth > el.clientWidth;
6060
- } else {
6061
- isOverflowing.value = el.scrollHeight > el.clientHeight;
6062
- }
6063
- } else {
6064
- isOverflowing.value = false;
6065
- }
6066
- };
6067
- vue.onMounted(checkOverflow);
6068
- vue.onUpdated(checkOverflow);
6069
- const tooltipContent = vue.computed(() => {
6070
- return String(props.value ?? "");
6054
+ const fullText = vue.computed(() => String(props.value ?? ""));
6055
+ const displayText = vue.computed(() => {
6056
+ if (!props.truncate) return fullText.value;
6057
+ const text = fullText.value;
6058
+ if (text.length <= props.maxLength) {
6059
+ return text;
6060
+ }
6061
+ return text.substring(0, props.maxLength) + "...";
6071
6062
  });
6072
6063
  const shouldShowTooltip = vue.computed(() => {
6073
- return props.truncate && props.showTooltip && isOverflowing.value;
6074
- });
6075
- const cellStyle = vue.computed(() => {
6076
- if (!props.truncate) return {};
6077
- const style = {};
6078
- if (props.maxWidth) {
6079
- style.maxWidth = props.maxWidth;
6080
- }
6081
- if (props.truncateLines > 1) {
6082
- style["-webkit-line-clamp"] = props.truncateLines;
6083
- }
6084
- return style;
6064
+ return props.truncate && props.showTooltip && fullText.value.length > props.maxLength;
6085
6065
  });
6086
6066
  return (_ctx, _cache) => {
6087
- return vue.openBlock(), vue.createElementBlock("div", {
6088
- ref_key: "cellRef",
6089
- ref: cellRef,
6090
- class: vue.normalizeClass(["bh-truncate-cell", {
6091
- "bh-truncate-single": _ctx.truncate && _ctx.truncateLines === 1,
6092
- "bh-truncate-multi": _ctx.truncate && _ctx.truncateLines > 1
6093
- }]),
6094
- style: vue.normalizeStyle(cellStyle.value),
6095
- title: shouldShowTooltip.value ? tooltipContent.value : ""
6067
+ return vue.openBlock(), vue.createElementBlock("span", {
6068
+ title: shouldShowTooltip.value ? fullText.value : ""
6096
6069
  }, [
6097
6070
  _ctx.html ? (vue.openBlock(), vue.createElementBlock("span", {
6098
6071
  key: 0,
6099
- innerHTML: _ctx.value
6072
+ innerHTML: displayText.value
6100
6073
  }, null, 8, _hoisted_2$1)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
6101
- vue.createTextVNode(vue.toDisplayString(_ctx.value), 1)
6074
+ vue.createTextVNode(vue.toDisplayString(displayText.value), 1)
6102
6075
  ], 64))
6103
- ], 14, _hoisted_1$1);
6076
+ ], 8, _hoisted_1$1);
6104
6077
  };
6105
6078
  }
6106
6079
  });
@@ -6303,7 +6276,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
6303
6276
  initialLeftMenuState: { type: Boolean, default: void 0 },
6304
6277
  truncate: { type: Boolean, default: true },
6305
6278
  defaultMaxWidth: { default: "400px" },
6306
- truncateLines: { default: 1 }
6279
+ truncateLines: { default: 1 },
6280
+ truncateMaxLength: { default: 150 }
6307
6281
  },
6308
6282
  emits: [
6309
6283
  "change",
@@ -6339,6 +6313,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
6339
6313
  item.truncate = item.truncate !== void 0 ? item.truncate : props.truncate;
6340
6314
  item.maxWidth = item.maxWidth || props.defaultMaxWidth;
6341
6315
  item.truncateLines = item.truncateLines || props.truncateLines;
6316
+ item.truncateMaxLength = item.truncateMaxLength || props.truncateMaxLength;
6342
6317
  item.showTooltip = item.showTooltip !== void 0 ? item.showTooltip : true;
6343
6318
  if (item.value !== void 0 && item.value !== null && item.value !== "") {
6344
6319
  item.condition = item.condition || "Equal";
@@ -7046,16 +7021,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
7046
7021
  filterChange();
7047
7022
  emit("clearAllFilters");
7048
7023
  };
7049
- let extracolumnlength = 0;
7050
- if (props.hasCheckbox) {
7051
- extracolumnlength++;
7052
- }
7053
- if (props.hasSubtable) {
7054
- extracolumnlength++;
7055
- }
7056
- if (props.hasRightPanel) {
7057
- extracolumnlength++;
7058
- }
7024
+ const extracolumnlength = vue.computed(() => {
7025
+ let count = 0;
7026
+ if (props.hasCheckbox) count++;
7027
+ if (props.hasSubtable) count++;
7028
+ if (props.hasRightPanel) count++;
7029
+ return count;
7030
+ });
7059
7031
  const topmenusize = vue.ref(props.topmenusize);
7060
7032
  const topmenuel = vue.ref(null);
7061
7033
  const { height: topmenuheight } = useElementSize(
@@ -7319,17 +7291,19 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
7319
7291
  truncate: col.truncate !== false,
7320
7292
  "max-width": col.maxWidth,
7321
7293
  "truncate-lines": col.truncateLines || 1,
7294
+ "max-length": col.truncateMaxLength || 150,
7322
7295
  "show-tooltip": col.showTooltip !== false,
7323
7296
  html: true
7324
- }, null, 8, ["value", "truncate", "max-width", "truncate-lines", "show-tooltip"])) : (vue.openBlock(), vue.createBlock(_sfc_main$1, {
7297
+ }, null, 8, ["value", "truncate", "max-width", "truncate-lines", "max-length", "show-tooltip"])) : (vue.openBlock(), vue.createBlock(_sfc_main$1, {
7325
7298
  key: 2,
7326
7299
  value: cellValue(item, col.field),
7327
7300
  truncate: col.truncate !== false,
7328
7301
  "max-width": col.maxWidth,
7329
7302
  "truncate-lines": col.truncateLines || 1,
7303
+ "max-length": col.truncateMaxLength || 150,
7330
7304
  "show-tooltip": col.showTooltip !== false,
7331
7305
  html: col.html
7332
- }, null, 8, ["value", "truncate", "max-width", "truncate-lines", "show-tooltip", "html"]))
7306
+ }, null, 8, ["value", "truncate", "max-width", "truncate-lines", "max-length", "show-tooltip", "html"]))
7333
7307
  ], 46, _hoisted_14)) : vue.createCommentVNode("", true)
7334
7308
  ], 64);
7335
7309
  }), 256))
@@ -7343,7 +7317,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
7343
7317
  onClick: vue.withModifiers(($event) => rowClick(item, i2), ["prevent"])
7344
7318
  }, [
7345
7319
  vue.createElementVNode("td", {
7346
- colspan: props.columns.length + vue.unref(extracolumnlength)
7320
+ colspan: props.columns.length + extracolumnlength.value
7347
7321
  }, [
7348
7322
  vue.renderSlot(_ctx.$slots, "tsub", {
7349
7323
  rowData: item,
@@ -7360,7 +7334,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
7360
7334
  class: "!bh-bg-white bh-h-11 !bh-border-transparent"
7361
7335
  }, [
7362
7336
  vue.createElementVNode("td", {
7363
- colspan: props.columns.length + vue.unref(extracolumnlength),
7337
+ colspan: props.columns.length + extracolumnlength.value,
7364
7338
  class: "!bh-p-0 !bh-border-transparent"
7365
7339
  }, _hoisted_19, 8, _hoisted_17)
7366
7340
  ]);
@@ -7370,9 +7344,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
7370
7344
  key: item[uniqueKey.value] ? item[uniqueKey.value] : i2,
7371
7345
  class: "sticky-table-footer"
7372
7346
  }, [
7373
- vue.unref(extracolumnlength) > 0 ? (vue.openBlock(), vue.createElementBlock("td", {
7347
+ extracolumnlength.value > 0 ? (vue.openBlock(), vue.createElementBlock("td", {
7374
7348
  key: 0,
7375
- colspan: vue.unref(extracolumnlength)
7349
+ colspan: extracolumnlength.value
7376
7350
  }, null, 8, _hoisted_20)) : vue.createCommentVNode("", true),
7377
7351
  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(props.columns, (col, j) => {
7378
7352
  return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
@@ -7392,9 +7366,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
7392
7366
  truncate: col.truncate !== false,
7393
7367
  "max-width": col.maxWidth,
7394
7368
  "truncate-lines": col.truncateLines || 1,
7369
+ "max-length": col.truncateMaxLength || 150,
7395
7370
  "show-tooltip": col.showTooltip !== false,
7396
7371
  html: false
7397
- }, null, 8, ["value", "truncate", "max-width", "truncate-lines", "show-tooltip"])) : vue.createCommentVNode("", true)
7372
+ }, null, 8, ["value", "truncate", "max-width", "truncate-lines", "max-length", "show-tooltip"])) : vue.createCommentVNode("", true)
7398
7373
  ], 6)) : vue.createCommentVNode("", true)
7399
7374
  ], 64);
7400
7375
  }), 256))
@@ -7612,17 +7587,19 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
7612
7587
  truncate: col.truncate !== false,
7613
7588
  "max-width": col.maxWidth,
7614
7589
  "truncate-lines": col.truncateLines || 1,
7590
+ "max-length": col.truncateMaxLength || 150,
7615
7591
  "show-tooltip": col.showTooltip !== false,
7616
7592
  html: true
7617
- }, null, 8, ["value", "truncate", "max-width", "truncate-lines", "show-tooltip"])) : (vue.openBlock(), vue.createBlock(_sfc_main$1, {
7593
+ }, null, 8, ["value", "truncate", "max-width", "truncate-lines", "max-length", "show-tooltip"])) : (vue.openBlock(), vue.createBlock(_sfc_main$1, {
7618
7594
  key: 2,
7619
7595
  value: cellValue(item, col.field),
7620
7596
  truncate: col.truncate !== false,
7621
7597
  "max-width": col.maxWidth,
7622
7598
  "truncate-lines": col.truncateLines || 1,
7599
+ "max-length": col.truncateMaxLength || 150,
7623
7600
  "show-tooltip": col.showTooltip !== false,
7624
7601
  html: col.html
7625
- }, null, 8, ["value", "truncate", "max-width", "truncate-lines", "show-tooltip", "html"]))
7602
+ }, null, 8, ["value", "truncate", "max-width", "truncate-lines", "max-length", "show-tooltip", "html"]))
7626
7603
  ], 46, _hoisted_25)) : vue.createCommentVNode("", true)
7627
7604
  ], 64);
7628
7605
  }), 256))
@@ -7636,7 +7613,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
7636
7613
  onClick: vue.withModifiers(($event) => rowClick(item, i2), ["prevent"])
7637
7614
  }, [
7638
7615
  vue.createElementVNode("td", {
7639
- colspan: props.columns.length + vue.unref(extracolumnlength)
7616
+ colspan: props.columns.length + extracolumnlength.value
7640
7617
  }, [
7641
7618
  vue.createElementVNode("div", {
7642
7619
  class: "subtable-container",
@@ -7664,7 +7641,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
7664
7641
  class: "!bh-bg-white bh-h-11 !bh-border-transparent"
7665
7642
  }, [
7666
7643
  vue.createElementVNode("td", {
7667
- colspan: props.columns.length + vue.unref(extracolumnlength),
7644
+ colspan: props.columns.length + extracolumnlength.value,
7668
7645
  class: "!bh-p-0 !bh-border-transparent"
7669
7646
  }, _hoisted_30, 8, _hoisted_28)
7670
7647
  ]);
@@ -7674,9 +7651,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
7674
7651
  key: item[uniqueKey.value] ? item[uniqueKey.value] : i2,
7675
7652
  class: "sticky-table-footer"
7676
7653
  }, [
7677
- vue.unref(extracolumnlength) > 0 ? (vue.openBlock(), vue.createElementBlock("td", {
7654
+ extracolumnlength.value > 0 ? (vue.openBlock(), vue.createElementBlock("td", {
7678
7655
  key: 0,
7679
- colspan: vue.unref(extracolumnlength)
7656
+ colspan: extracolumnlength.value
7680
7657
  }, null, 8, _hoisted_31)) : vue.createCommentVNode("", true),
7681
7658
  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(props.columns, (col, j) => {
7682
7659
  return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
@@ -7696,9 +7673,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
7696
7673
  truncate: col.truncate !== false,
7697
7674
  "max-width": col.maxWidth,
7698
7675
  "truncate-lines": col.truncateLines || 1,
7676
+ "max-length": col.truncateMaxLength || 150,
7699
7677
  "show-tooltip": col.showTooltip !== false,
7700
7678
  html: false
7701
- }, null, 8, ["value", "truncate", "max-width", "truncate-lines", "show-tooltip"])) : vue.createCommentVNode("", true)
7679
+ }, null, 8, ["value", "truncate", "max-width", "truncate-lines", "max-length", "show-tooltip"])) : vue.createCommentVNode("", true)
7702
7680
  ], 6)) : vue.createCommentVNode("", true)
7703
7681
  ], 64);
7704
7682
  }), 256))
package/dist/vue3-datatable.css CHANGED
@@ -1,91 +1,91 @@
1
1
 
2
- .expandbtn[data-v-4d01a2fa] {
2
+ .expandbtn[data-v-da3bc8d5] {
3
3
  cursor: pointer;
4
- }
4
+ }
5
5
 
6
- .rightpanelbtn[data-v-d739c6bf] {
7
- cursor: pointer;
8
- display: inline-flex;
9
- align-items: center;
10
- justify-content: center;
11
- width: 24px;
6
+ .rightpanelbtn[data-v-b373d5f7] {
7
+ cursor: pointer;
8
+ display: inline-flex;
9
+ align-items: center;
10
+ justify-content: center;
11
+ width: 24px;
12
12
  height: 24px;
13
- }
13
+ }
14
14
  .splitpanes{display:flex;width:100%;height:100%}.splitpanes--vertical{flex-direction:row}.splitpanes--horizontal{flex-direction:column}.splitpanes--dragging .splitpanes__pane{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.splitpanes__pane{width:100%;height:100%;overflow:hidden}.splitpanes--vertical .splitpanes__pane{transition:width .2s ease-out}.splitpanes--horizontal .splitpanes__pane{transition:height .2s ease-out}.splitpanes--dragging .splitpanes__pane{transition:none}.splitpanes__splitter{touch-action:none}.splitpanes--vertical>.splitpanes__splitter{min-width:1px;cursor:col-resize}.splitpanes--horizontal>.splitpanes__splitter{min-height:1px;cursor:row-resize}.splitpanes.default-theme .splitpanes__pane{background-color:#f2f2f2}.splitpanes.default-theme .splitpanes__splitter{background-color:#fff;box-sizing:border-box;position:relative;flex-shrink:0}.splitpanes.default-theme .splitpanes__splitter:before,.splitpanes.default-theme .splitpanes__splitter:after{content:"";position:absolute;top:50%;left:50%;background-color:#00000026;transition:background-color .3s}.splitpanes.default-theme .splitpanes__splitter:hover:before,.splitpanes.default-theme .splitpanes__splitter:hover:after{background-color:#00000040}.splitpanes.default-theme .splitpanes__splitter:first-child{cursor:auto}.default-theme.splitpanes .splitpanes .splitpanes__splitter{z-index:1}.default-theme.splitpanes--vertical>.splitpanes__splitter,.default-theme .splitpanes--vertical>.splitpanes__splitter{width:7px;border-left:1px solid #eee;margin-left:-1px}.default-theme.splitpanes--vertical>.splitpanes__splitter:before,.default-theme.splitpanes--vertical>.splitpanes__splitter:after,.default-theme .splitpanes--vertical>.splitpanes__splitter:before,.default-theme .splitpanes--vertical>.splitpanes__splitter:after{transform:translateY(-50%);width:1px;height:30px}.default-theme.splitpanes--vertical>.splitpanes__splitter:before,.default-theme .splitpanes--vertical>.splitpanes__splitter:before{margin-left:-2px}.default-theme.splitpanes--vertical>.splitpanes__splitter:after,.default-theme .splitpanes--vertical>.splitpanes__splitter:after{margin-left:1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter,.default-theme .splitpanes--horizontal>.splitpanes__splitter{height:7px;border-top:1px solid #eee;margin-top:-1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:before,.default-theme.splitpanes--horizontal>.splitpanes__splitter:after,.default-theme .splitpanes--horizontal>.splitpanes__splitter:before,.default-theme .splitpanes--horizontal>.splitpanes__splitter:after{transform:translate(-50%);width:30px;height:1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:before,.default-theme .splitpanes--horizontal>.splitpanes__splitter:before{margin-top:-2px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:after,.default-theme .splitpanes--horizontal>.splitpanes__splitter:after{margin-top:1px}
15
15
 
16
- .left-menu-container {
17
- position: relative;
16
+ .left-menu-container {
17
+ position: relative;
18
18
  flex-shrink: 0 !important;
19
19
  }
20
- .menu-resize-controls {
21
- position: absolute;
22
- right: 0;
23
- top: 50%;
24
- transform: translateY(-50%);
25
- z-index: 10;
26
- background: #f0f0f0;
27
- border-radius: 3px 0 0 3px;
20
+ .menu-resize-controls {
21
+ position: absolute;
22
+ right: 0;
23
+ top: 50%;
24
+ transform: translateY(-50%);
25
+ z-index: 10;
26
+ background: #f0f0f0;
27
+ border-radius: 3px 0 0 3px;
28
28
  box-shadow: -2px 0 5px rgba(0, 0, 0, 0.1);
29
29
  }
30
- .menu-resize-controls button {
31
- width: 16px;
32
- height: 40px;
33
- display: flex;
34
- justify-content: center;
35
- align-items: center;
36
- border: none;
37
- background: transparent;
38
- cursor: pointer;
39
- -webkit-user-select: none;
40
- -moz-user-select: none;
30
+ .menu-resize-controls button {
31
+ width: 16px;
32
+ height: 40px;
33
+ display: flex;
34
+ justify-content: center;
35
+ align-items: center;
36
+ border: none;
37
+ background: transparent;
38
+ cursor: pointer;
39
+ -webkit-user-select: none;
40
+ -moz-user-select: none;
41
41
  user-select: none;
42
42
  }
43
- .bh-datatable thead {
43
+ .bh-datatable thead {
44
44
  z-index: 15 !important;
45
45
  }
46
- .bh-datatable tbody tr {
47
- position: relative;
46
+ .bh-datatable tbody tr {
47
+ position: relative;
48
48
  z-index: 1;
49
49
  }
50
- .bh-datatable tbody tr:has(td[colspan]) {
50
+ .bh-datatable tbody tr:has(td[colspan]) {
51
51
  z-index: 0;
52
- }
52
+ }
53
53
  /* Clear All Filters Button */
54
- .bh-clear-all-button {
55
- display: flex;
56
- align-items: center;
57
- justify-content: center;
58
- width: 28px;
59
- height: 28px;
60
- padding: 0;
61
- border: 1px solid #e0e6ed;
62
- border-radius: 4px;
63
- background: #e0e6ed;
64
- color: rgba(0, 0, 0, 0.4);
65
- cursor: not-allowed;
54
+ .bh-clear-all-button {
55
+ display: flex;
56
+ align-items: center;
57
+ justify-content: center;
58
+ width: 28px;
59
+ height: 28px;
60
+ padding: 0;
61
+ border: 1px solid #e0e6ed;
62
+ border-radius: 4px;
63
+ background: #e0e6ed;
64
+ color: rgba(0, 0, 0, 0.4);
65
+ cursor: not-allowed;
66
66
  transition: all 0.2s ease;
67
67
  }
68
- .bh-clear-all-button:disabled {
68
+ .bh-clear-all-button:disabled {
69
69
  opacity: 0.5;
70
70
  }
71
- .bh-clear-all-button--active {
72
- background: rgba(var(--primary-rgb, 59, 130, 246), 0.1);
73
- border-color: var(--primary, #3b82f6);
74
- color: var(--primary, #3b82f6);
71
+ .bh-clear-all-button--active {
72
+ background: rgba(var(--primary-rgb, 59, 130, 246), 0.1);
73
+ border-color: var(--primary, #3b82f6);
74
+ color: var(--primary, #3b82f6);
75
75
  cursor: pointer;
76
76
  }
77
- .bh-clear-all-button--active:hover {
77
+ .bh-clear-all-button--active:hover {
78
78
  background: rgba(var(--primary-rgb, 59, 130, 246), 0.2);
79
- }
80
-
79
+ }
80
+
81
81
  /* Dark mode */
82
- .dark .bh-clear-all-button {
83
- background: #374151;
84
- border-color: #4b5563;
82
+ .dark .bh-clear-all-button {
83
+ background: #374151;
84
+ border-color: #4b5563;
85
85
  color: rgba(255, 255, 255, 0.4);
86
86
  }
87
- .dark .bh-clear-all-button--active {
88
- background: rgba(var(--primary-rgb, 59, 130, 246), 0.2);
89
- border-color: var(--primary, #3b82f6);
87
+ .dark .bh-clear-all-button--active {
88
+ background: rgba(var(--primary-rgb, 59, 130, 246), 0.2);
89
+ border-color: var(--primary, #3b82f6);
90
90
  color: var(--primary, #3b82f6);
91
- }
91
+ }
package/dist/vue3-datatable.js CHANGED
@@ -1,4 +1,4 @@
1
- import { isRef, onMounted, nextTick, getCurrentScope, onScopeDispose, unref, getCurrentInstance, computed, ref, watch, useSlots, onBeforeUnmount, provide, openBlock, createBlock, resolveDynamicComponent, inject, createElementBlock, normalizeStyle, renderSlot, h as h$2, defineComponent, toRef, Fragment, withModifiers, createVNode, pushScopeId, popScopeId, normalizeClass, normalizeProps, guardReactiveProps, withScopeId, resolveComponent, withKeys, createElementVNode, createCommentVNode, mergeProps, withCtx, toDisplayString, withDirectives, renderList, vModelSelect, createTextVNode, vModelText, vShow, onUpdated, onUnmounted, createSlots, vModelCheckbox } from "vue";
1
+ import { isRef, onMounted, nextTick, getCurrentScope, onScopeDispose, unref, getCurrentInstance, computed, ref, watch, useSlots, onBeforeUnmount, provide, openBlock, createBlock, resolveDynamicComponent, inject, createElementBlock, normalizeStyle, renderSlot, h as h$2, defineComponent, toRef, Fragment, withModifiers, createVNode, pushScopeId, popScopeId, normalizeClass, normalizeProps, guardReactiveProps, withScopeId, resolveComponent, withKeys, createElementVNode, createCommentVNode, mergeProps, withCtx, toDisplayString, withDirectives, renderList, vModelSelect, createTextVNode, vModelText, vShow, onUnmounted, createSlots, vModelCheckbox } from "vue";
2
2
  function tryOnScopeDispose(fn) {
3
3
  if (getCurrentScope()) {
4
4
  onScopeDispose(fn);
@@ -2468,7 +2468,7 @@ const _export_sfc = (sfc, props) => {
2468
2468
  }
2469
2469
  return target;
2470
2470
  };
2471
- const ButtonExpand = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-4d01a2fa"]]);
2471
+ const ButtonExpand = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-da3bc8d5"]]);
2472
2472
  const __default__$4 = {
2473
2473
  name: "ButtonRightPanel"
2474
2474
  };
@@ -2494,7 +2494,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
2494
2494
  };
2495
2495
  }
2496
2496
  });
2497
- const ButtonRightPanel = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-d739c6bf"]]);
2497
+ const ButtonRightPanel = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-b373d5f7"]]);
2498
2498
  const sides = ["top", "right", "bottom", "left"];
2499
2499
  const alignments = ["start", "end"];
2500
2500
  const placements = /* @__PURE__ */ sides.reduce((acc, side) => acc.concat(side, side + "-" + alignments[0], side + "-" + alignments[1]), []);
@@ -6045,61 +6045,34 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
6045
6045
  maxWidth: {},
6046
6046
  truncateLines: {},
6047
6047
  showTooltip: { type: Boolean },
6048
- html: { type: Boolean }
6048
+ html: { type: Boolean },
6049
+ maxLength: { default: 150 }
6049
6050
  },
6050
6051
  setup(__props) {
6051
6052
  const props = __props;
6052
- const cellRef = ref(null);
6053
- const isOverflowing = ref(false);
6054
- const checkOverflow = () => {
6055
- if (cellRef.value && props.truncate) {
6056
- const el = cellRef.value;
6057
- if (props.truncateLines === 1) {
6058
- isOverflowing.value = el.scrollWidth > el.clientWidth;
6059
- } else {
6060
- isOverflowing.value = el.scrollHeight > el.clientHeight;
6061
- }
6062
- } else {
6063
- isOverflowing.value = false;
6064
- }
6065
- };
6066
- onMounted(checkOverflow);
6067
- onUpdated(checkOverflow);
6068
- const tooltipContent = computed(() => {
6069
- return String(props.value ?? "");
6053
+ const fullText = computed(() => String(props.value ?? ""));
6054
+ const displayText = computed(() => {
6055
+ if (!props.truncate) return fullText.value;
6056
+ const text = fullText.value;
6057
+ if (text.length <= props.maxLength) {
6058
+ return text;
6059
+ }
6060
+ return text.substring(0, props.maxLength) + "...";
6070
6061
  });
6071
6062
  const shouldShowTooltip = computed(() => {
6072
- return props.truncate && props.showTooltip && isOverflowing.value;
6073
- });
6074
- const cellStyle = computed(() => {
6075
- if (!props.truncate) return {};
6076
- const style = {};
6077
- if (props.maxWidth) {
6078
- style.maxWidth = props.maxWidth;
6079
- }
6080
- if (props.truncateLines > 1) {
6081
- style["-webkit-line-clamp"] = props.truncateLines;
6082
- }
6083
- return style;
6063
+ return props.truncate && props.showTooltip && fullText.value.length > props.maxLength;
6084
6064
  });
6085
6065
  return (_ctx, _cache) => {
6086
- return openBlock(), createElementBlock("div", {
6087
- ref_key: "cellRef",
6088
- ref: cellRef,
6089
- class: normalizeClass(["bh-truncate-cell", {
6090
- "bh-truncate-single": _ctx.truncate && _ctx.truncateLines === 1,
6091
- "bh-truncate-multi": _ctx.truncate && _ctx.truncateLines > 1
6092
- }]),
6093
- style: normalizeStyle(cellStyle.value),
6094
- title: shouldShowTooltip.value ? tooltipContent.value : ""
6066
+ return openBlock(), createElementBlock("span", {
6067
+ title: shouldShowTooltip.value ? fullText.value : ""
6095
6068
  }, [
6096
6069
  _ctx.html ? (openBlock(), createElementBlock("span", {
6097
6070
  key: 0,
6098
- innerHTML: _ctx.value
6071
+ innerHTML: displayText.value
6099
6072
  }, null, 8, _hoisted_2$1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
6100
- createTextVNode(toDisplayString(_ctx.value), 1)
6073
+ createTextVNode(toDisplayString(displayText.value), 1)
6101
6074
  ], 64))
6102
- ], 14, _hoisted_1$1);
6075
+ ], 8, _hoisted_1$1);
6103
6076
  };
6104
6077
  }
6105
6078
  });
@@ -6302,7 +6275,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
6302
6275
  initialLeftMenuState: { type: Boolean, default: void 0 },
6303
6276
  truncate: { type: Boolean, default: true },
6304
6277
  defaultMaxWidth: { default: "400px" },
6305
- truncateLines: { default: 1 }
6278
+ truncateLines: { default: 1 },
6279
+ truncateMaxLength: { default: 150 }
6306
6280
  },
6307
6281
  emits: [
6308
6282
  "change",
@@ -6338,6 +6312,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
6338
6312
  item.truncate = item.truncate !== void 0 ? item.truncate : props.truncate;
6339
6313
  item.maxWidth = item.maxWidth || props.defaultMaxWidth;
6340
6314
  item.truncateLines = item.truncateLines || props.truncateLines;
6315
+ item.truncateMaxLength = item.truncateMaxLength || props.truncateMaxLength;
6341
6316
  item.showTooltip = item.showTooltip !== void 0 ? item.showTooltip : true;
6342
6317
  if (item.value !== void 0 && item.value !== null && item.value !== "") {
6343
6318
  item.condition = item.condition || "Equal";
@@ -7045,16 +7020,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
7045
7020
  filterChange();
7046
7021
  emit("clearAllFilters");
7047
7022
  };
7048
- let extracolumnlength = 0;
7049
- if (props.hasCheckbox) {
7050
- extracolumnlength++;
7051
- }
7052
- if (props.hasSubtable) {
7053
- extracolumnlength++;
7054
- }
7055
- if (props.hasRightPanel) {
7056
- extracolumnlength++;
7057
- }
7023
+ const extracolumnlength = computed(() => {
7024
+ let count = 0;
7025
+ if (props.hasCheckbox) count++;
7026
+ if (props.hasSubtable) count++;
7027
+ if (props.hasRightPanel) count++;
7028
+ return count;
7029
+ });
7058
7030
  const topmenusize = ref(props.topmenusize);
7059
7031
  const topmenuel = ref(null);
7060
7032
  const { height: topmenuheight } = useElementSize(
@@ -7318,17 +7290,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
7318
7290
  truncate: col.truncate !== false,
7319
7291
  "max-width": col.maxWidth,
7320
7292
  "truncate-lines": col.truncateLines || 1,
7293
+ "max-length": col.truncateMaxLength || 150,
7321
7294
  "show-tooltip": col.showTooltip !== false,
7322
7295
  html: true
7323
- }, null, 8, ["value", "truncate", "max-width", "truncate-lines", "show-tooltip"])) : (openBlock(), createBlock(_sfc_main$1, {
7296
+ }, null, 8, ["value", "truncate", "max-width", "truncate-lines", "max-length", "show-tooltip"])) : (openBlock(), createBlock(_sfc_main$1, {
7324
7297
  key: 2,
7325
7298
  value: cellValue(item, col.field),
7326
7299
  truncate: col.truncate !== false,
7327
7300
  "max-width": col.maxWidth,
7328
7301
  "truncate-lines": col.truncateLines || 1,
7302
+ "max-length": col.truncateMaxLength || 150,
7329
7303
  "show-tooltip": col.showTooltip !== false,
7330
7304
  html: col.html
7331
- }, null, 8, ["value", "truncate", "max-width", "truncate-lines", "show-tooltip", "html"]))
7305
+ }, null, 8, ["value", "truncate", "max-width", "truncate-lines", "max-length", "show-tooltip", "html"]))
7332
7306
  ], 46, _hoisted_14)) : createCommentVNode("", true)
7333
7307
  ], 64);
7334
7308
  }), 256))
@@ -7342,7 +7316,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
7342
7316
  onClick: withModifiers(($event) => rowClick(item, i2), ["prevent"])
7343
7317
  }, [
7344
7318
  createElementVNode("td", {
7345
- colspan: props.columns.length + unref(extracolumnlength)
7319
+ colspan: props.columns.length + extracolumnlength.value
7346
7320
  }, [
7347
7321
  renderSlot(_ctx.$slots, "tsub", {
7348
7322
  rowData: item,
@@ -7359,7 +7333,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
7359
7333
  class: "!bh-bg-white bh-h-11 !bh-border-transparent"
7360
7334
  }, [
7361
7335
  createElementVNode("td", {
7362
- colspan: props.columns.length + unref(extracolumnlength),
7336
+ colspan: props.columns.length + extracolumnlength.value,
7363
7337
  class: "!bh-p-0 !bh-border-transparent"
7364
7338
  }, _hoisted_19, 8, _hoisted_17)
7365
7339
  ]);
@@ -7369,9 +7343,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
7369
7343
  key: item[uniqueKey.value] ? item[uniqueKey.value] : i2,
7370
7344
  class: "sticky-table-footer"
7371
7345
  }, [
7372
- unref(extracolumnlength) > 0 ? (openBlock(), createElementBlock("td", {
7346
+ extracolumnlength.value > 0 ? (openBlock(), createElementBlock("td", {
7373
7347
  key: 0,
7374
- colspan: unref(extracolumnlength)
7348
+ colspan: extracolumnlength.value
7375
7349
  }, null, 8, _hoisted_20)) : createCommentVNode("", true),
7376
7350
  (openBlock(true), createElementBlock(Fragment, null, renderList(props.columns, (col, j) => {
7377
7351
  return openBlock(), createElementBlock(Fragment, null, [
@@ -7391,9 +7365,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
7391
7365
  truncate: col.truncate !== false,
7392
7366
  "max-width": col.maxWidth,
7393
7367
  "truncate-lines": col.truncateLines || 1,
7368
+ "max-length": col.truncateMaxLength || 150,
7394
7369
  "show-tooltip": col.showTooltip !== false,
7395
7370
  html: false
7396
- }, null, 8, ["value", "truncate", "max-width", "truncate-lines", "show-tooltip"])) : createCommentVNode("", true)
7371
+ }, null, 8, ["value", "truncate", "max-width", "truncate-lines", "max-length", "show-tooltip"])) : createCommentVNode("", true)
7397
7372
  ], 6)) : createCommentVNode("", true)
7398
7373
  ], 64);
7399
7374
  }), 256))
@@ -7611,17 +7586,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
7611
7586
  truncate: col.truncate !== false,
7612
7587
  "max-width": col.maxWidth,
7613
7588
  "truncate-lines": col.truncateLines || 1,
7589
+ "max-length": col.truncateMaxLength || 150,
7614
7590
  "show-tooltip": col.showTooltip !== false,
7615
7591
  html: true
7616
- }, null, 8, ["value", "truncate", "max-width", "truncate-lines", "show-tooltip"])) : (openBlock(), createBlock(_sfc_main$1, {
7592
+ }, null, 8, ["value", "truncate", "max-width", "truncate-lines", "max-length", "show-tooltip"])) : (openBlock(), createBlock(_sfc_main$1, {
7617
7593
  key: 2,
7618
7594
  value: cellValue(item, col.field),
7619
7595
  truncate: col.truncate !== false,
7620
7596
  "max-width": col.maxWidth,
7621
7597
  "truncate-lines": col.truncateLines || 1,
7598
+ "max-length": col.truncateMaxLength || 150,
7622
7599
  "show-tooltip": col.showTooltip !== false,
7623
7600
  html: col.html
7624
- }, null, 8, ["value", "truncate", "max-width", "truncate-lines", "show-tooltip", "html"]))
7601
+ }, null, 8, ["value", "truncate", "max-width", "truncate-lines", "max-length", "show-tooltip", "html"]))
7625
7602
  ], 46, _hoisted_25)) : createCommentVNode("", true)
7626
7603
  ], 64);
7627
7604
  }), 256))
@@ -7635,7 +7612,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
7635
7612
  onClick: withModifiers(($event) => rowClick(item, i2), ["prevent"])
7636
7613
  }, [
7637
7614
  createElementVNode("td", {
7638
- colspan: props.columns.length + unref(extracolumnlength)
7615
+ colspan: props.columns.length + extracolumnlength.value
7639
7616
  }, [
7640
7617
  createElementVNode("div", {
7641
7618
  class: "subtable-container",
@@ -7663,7 +7640,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
7663
7640
  class: "!bh-bg-white bh-h-11 !bh-border-transparent"
7664
7641
  }, [
7665
7642
  createElementVNode("td", {
7666
- colspan: props.columns.length + unref(extracolumnlength),
7643
+ colspan: props.columns.length + extracolumnlength.value,
7667
7644
  class: "!bh-p-0 !bh-border-transparent"
7668
7645
  }, _hoisted_30, 8, _hoisted_28)
7669
7646
  ]);
@@ -7673,9 +7650,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
7673
7650
  key: item[uniqueKey.value] ? item[uniqueKey.value] : i2,
7674
7651
  class: "sticky-table-footer"
7675
7652
  }, [
7676
- unref(extracolumnlength) > 0 ? (openBlock(), createElementBlock("td", {
7653
+ extracolumnlength.value > 0 ? (openBlock(), createElementBlock("td", {
7677
7654
  key: 0,
7678
- colspan: unref(extracolumnlength)
7655
+ colspan: extracolumnlength.value
7679
7656
  }, null, 8, _hoisted_31)) : createCommentVNode("", true),
7680
7657
  (openBlock(true), createElementBlock(Fragment, null, renderList(props.columns, (col, j) => {
7681
7658
  return openBlock(), createElementBlock(Fragment, null, [
@@ -7695,9 +7672,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
7695
7672
  truncate: col.truncate !== false,
7696
7673
  "max-width": col.maxWidth,
7697
7674
  "truncate-lines": col.truncateLines || 1,
7675
+ "max-length": col.truncateMaxLength || 150,
7698
7676
  "show-tooltip": col.showTooltip !== false,
7699
7677
  html: false
7700
- }, null, 8, ["value", "truncate", "max-width", "truncate-lines", "show-tooltip"])) : createCommentVNode("", true)
7678
+ }, null, 8, ["value", "truncate", "max-width", "truncate-lines", "max-length", "show-tooltip"])) : createCommentVNode("", true)
7701
7679
  ], 6)) : createCommentVNode("", true)
7702
7680
  ], 64);
7703
7681
  }), 256))
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dolusoft/vue3-datatable",
3
- "version": "1.8.46",
3
+ "version": "1.8.48",
4
4
  "description": "Vue3 Datatable - fully customizable & easy to use datatable library",
5
5
  "private": false,
6
6
  "type": "module",