@dolusoft/vue3-datatable 1.8.45 → 1.8.47

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 (5) hide show
  1. package/dist/style.css +1 -1
  2. package/dist/vue3-datatable-css.css +0 -16
  3. package/dist/vue3-datatable.cjs +32 -51
  4. package/dist/vue3-datatable.js +33 -52
  5. 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
@@ -6036,7 +6036,7 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
6036
6036
  };
6037
6037
  }
6038
6038
  });
6039
- const _hoisted_1$1 = ["data-tooltip"];
6039
+ const _hoisted_1$1 = ["title"];
6040
6040
  const _hoisted_2$1 = ["innerHTML"];
6041
6041
  const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
6042
6042
  __name: "truncated-cell",
@@ -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
- "data-tooltip": shouldShowTooltip.value ? tooltipContent.value : null
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";
@@ -7319,17 +7294,19 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
7319
7294
  truncate: col.truncate !== false,
7320
7295
  "max-width": col.maxWidth,
7321
7296
  "truncate-lines": col.truncateLines || 1,
7297
+ "max-length": col.truncateMaxLength || 150,
7322
7298
  "show-tooltip": col.showTooltip !== false,
7323
7299
  html: true
7324
- }, null, 8, ["value", "truncate", "max-width", "truncate-lines", "show-tooltip"])) : (vue.openBlock(), vue.createBlock(_sfc_main$1, {
7300
+ }, null, 8, ["value", "truncate", "max-width", "truncate-lines", "max-length", "show-tooltip"])) : (vue.openBlock(), vue.createBlock(_sfc_main$1, {
7325
7301
  key: 2,
7326
7302
  value: cellValue(item, col.field),
7327
7303
  truncate: col.truncate !== false,
7328
7304
  "max-width": col.maxWidth,
7329
7305
  "truncate-lines": col.truncateLines || 1,
7306
+ "max-length": col.truncateMaxLength || 150,
7330
7307
  "show-tooltip": col.showTooltip !== false,
7331
7308
  html: col.html
7332
- }, null, 8, ["value", "truncate", "max-width", "truncate-lines", "show-tooltip", "html"]))
7309
+ }, null, 8, ["value", "truncate", "max-width", "truncate-lines", "max-length", "show-tooltip", "html"]))
7333
7310
  ], 46, _hoisted_14)) : vue.createCommentVNode("", true)
7334
7311
  ], 64);
7335
7312
  }), 256))
@@ -7392,9 +7369,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
7392
7369
  truncate: col.truncate !== false,
7393
7370
  "max-width": col.maxWidth,
7394
7371
  "truncate-lines": col.truncateLines || 1,
7372
+ "max-length": col.truncateMaxLength || 150,
7395
7373
  "show-tooltip": col.showTooltip !== false,
7396
7374
  html: false
7397
- }, null, 8, ["value", "truncate", "max-width", "truncate-lines", "show-tooltip"])) : vue.createCommentVNode("", true)
7375
+ }, null, 8, ["value", "truncate", "max-width", "truncate-lines", "max-length", "show-tooltip"])) : vue.createCommentVNode("", true)
7398
7376
  ], 6)) : vue.createCommentVNode("", true)
7399
7377
  ], 64);
7400
7378
  }), 256))
@@ -7612,17 +7590,19 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
7612
7590
  truncate: col.truncate !== false,
7613
7591
  "max-width": col.maxWidth,
7614
7592
  "truncate-lines": col.truncateLines || 1,
7593
+ "max-length": col.truncateMaxLength || 150,
7615
7594
  "show-tooltip": col.showTooltip !== false,
7616
7595
  html: true
7617
- }, null, 8, ["value", "truncate", "max-width", "truncate-lines", "show-tooltip"])) : (vue.openBlock(), vue.createBlock(_sfc_main$1, {
7596
+ }, null, 8, ["value", "truncate", "max-width", "truncate-lines", "max-length", "show-tooltip"])) : (vue.openBlock(), vue.createBlock(_sfc_main$1, {
7618
7597
  key: 2,
7619
7598
  value: cellValue(item, col.field),
7620
7599
  truncate: col.truncate !== false,
7621
7600
  "max-width": col.maxWidth,
7622
7601
  "truncate-lines": col.truncateLines || 1,
7602
+ "max-length": col.truncateMaxLength || 150,
7623
7603
  "show-tooltip": col.showTooltip !== false,
7624
7604
  html: col.html
7625
- }, null, 8, ["value", "truncate", "max-width", "truncate-lines", "show-tooltip", "html"]))
7605
+ }, null, 8, ["value", "truncate", "max-width", "truncate-lines", "max-length", "show-tooltip", "html"]))
7626
7606
  ], 46, _hoisted_25)) : vue.createCommentVNode("", true)
7627
7607
  ], 64);
7628
7608
  }), 256))
@@ -7696,9 +7676,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
7696
7676
  truncate: col.truncate !== false,
7697
7677
  "max-width": col.maxWidth,
7698
7678
  "truncate-lines": col.truncateLines || 1,
7679
+ "max-length": col.truncateMaxLength || 150,
7699
7680
  "show-tooltip": col.showTooltip !== false,
7700
7681
  html: false
7701
- }, null, 8, ["value", "truncate", "max-width", "truncate-lines", "show-tooltip"])) : vue.createCommentVNode("", true)
7682
+ }, null, 8, ["value", "truncate", "max-width", "truncate-lines", "max-length", "show-tooltip"])) : vue.createCommentVNode("", true)
7702
7683
  ], 6)) : vue.createCommentVNode("", true)
7703
7684
  ], 64);
7704
7685
  }), 256))
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);
@@ -6035,7 +6035,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
6035
6035
  };
6036
6036
  }
6037
6037
  });
6038
- const _hoisted_1$1 = ["data-tooltip"];
6038
+ const _hoisted_1$1 = ["title"];
6039
6039
  const _hoisted_2$1 = ["innerHTML"];
6040
6040
  const _sfc_main$1 = /* @__PURE__ */ defineComponent({
6041
6041
  __name: "truncated-cell",
@@ -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
- "data-tooltip": shouldShowTooltip.value ? tooltipContent.value : null
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";
@@ -7318,17 +7293,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
7318
7293
  truncate: col.truncate !== false,
7319
7294
  "max-width": col.maxWidth,
7320
7295
  "truncate-lines": col.truncateLines || 1,
7296
+ "max-length": col.truncateMaxLength || 150,
7321
7297
  "show-tooltip": col.showTooltip !== false,
7322
7298
  html: true
7323
- }, null, 8, ["value", "truncate", "max-width", "truncate-lines", "show-tooltip"])) : (openBlock(), createBlock(_sfc_main$1, {
7299
+ }, null, 8, ["value", "truncate", "max-width", "truncate-lines", "max-length", "show-tooltip"])) : (openBlock(), createBlock(_sfc_main$1, {
7324
7300
  key: 2,
7325
7301
  value: cellValue(item, col.field),
7326
7302
  truncate: col.truncate !== false,
7327
7303
  "max-width": col.maxWidth,
7328
7304
  "truncate-lines": col.truncateLines || 1,
7305
+ "max-length": col.truncateMaxLength || 150,
7329
7306
  "show-tooltip": col.showTooltip !== false,
7330
7307
  html: col.html
7331
- }, null, 8, ["value", "truncate", "max-width", "truncate-lines", "show-tooltip", "html"]))
7308
+ }, null, 8, ["value", "truncate", "max-width", "truncate-lines", "max-length", "show-tooltip", "html"]))
7332
7309
  ], 46, _hoisted_14)) : createCommentVNode("", true)
7333
7310
  ], 64);
7334
7311
  }), 256))
@@ -7391,9 +7368,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
7391
7368
  truncate: col.truncate !== false,
7392
7369
  "max-width": col.maxWidth,
7393
7370
  "truncate-lines": col.truncateLines || 1,
7371
+ "max-length": col.truncateMaxLength || 150,
7394
7372
  "show-tooltip": col.showTooltip !== false,
7395
7373
  html: false
7396
- }, null, 8, ["value", "truncate", "max-width", "truncate-lines", "show-tooltip"])) : createCommentVNode("", true)
7374
+ }, null, 8, ["value", "truncate", "max-width", "truncate-lines", "max-length", "show-tooltip"])) : createCommentVNode("", true)
7397
7375
  ], 6)) : createCommentVNode("", true)
7398
7376
  ], 64);
7399
7377
  }), 256))
@@ -7611,17 +7589,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
7611
7589
  truncate: col.truncate !== false,
7612
7590
  "max-width": col.maxWidth,
7613
7591
  "truncate-lines": col.truncateLines || 1,
7592
+ "max-length": col.truncateMaxLength || 150,
7614
7593
  "show-tooltip": col.showTooltip !== false,
7615
7594
  html: true
7616
- }, null, 8, ["value", "truncate", "max-width", "truncate-lines", "show-tooltip"])) : (openBlock(), createBlock(_sfc_main$1, {
7595
+ }, null, 8, ["value", "truncate", "max-width", "truncate-lines", "max-length", "show-tooltip"])) : (openBlock(), createBlock(_sfc_main$1, {
7617
7596
  key: 2,
7618
7597
  value: cellValue(item, col.field),
7619
7598
  truncate: col.truncate !== false,
7620
7599
  "max-width": col.maxWidth,
7621
7600
  "truncate-lines": col.truncateLines || 1,
7601
+ "max-length": col.truncateMaxLength || 150,
7622
7602
  "show-tooltip": col.showTooltip !== false,
7623
7603
  html: col.html
7624
- }, null, 8, ["value", "truncate", "max-width", "truncate-lines", "show-tooltip", "html"]))
7604
+ }, null, 8, ["value", "truncate", "max-width", "truncate-lines", "max-length", "show-tooltip", "html"]))
7625
7605
  ], 46, _hoisted_25)) : createCommentVNode("", true)
7626
7606
  ], 64);
7627
7607
  }), 256))
@@ -7695,9 +7675,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
7695
7675
  truncate: col.truncate !== false,
7696
7676
  "max-width": col.maxWidth,
7697
7677
  "truncate-lines": col.truncateLines || 1,
7678
+ "max-length": col.truncateMaxLength || 150,
7698
7679
  "show-tooltip": col.showTooltip !== false,
7699
7680
  html: false
7700
- }, null, 8, ["value", "truncate", "max-width", "truncate-lines", "show-tooltip"])) : createCommentVNode("", true)
7681
+ }, null, 8, ["value", "truncate", "max-width", "truncate-lines", "max-length", "show-tooltip"])) : createCommentVNode("", true)
7701
7682
  ], 6)) : createCommentVNode("", true)
7702
7683
  ], 64);
7703
7684
  }), 256))
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dolusoft/vue3-datatable",
3
- "version": "1.8.45",
3
+ "version": "1.8.47",
4
4
  "description": "Vue3 Datatable - fully customizable & easy to use datatable library",
5
5
  "private": false,
6
6
  "type": "module",