@johnhalazonetis/data-table 1.25.3 → 1.25.5

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 (3) hide show
  1. package/dist/data-table.css +1 -1
  2. package/dist/data-table.js +127 -122
  3. package/package.json +1 -1
package/dist/data-table.css CHANGED
@@ -1,3 +1,3 @@
1
1
  /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
2
- @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-blue-500:oklch(62.3% .214 259.815);--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--tracking-wide:.025em;--tracking-wider:.05em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-lg:.5rem;--radius-2xl:1rem;--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.top-0{top:calc(var(--spacing) * 0)}.top-0\.5{top:calc(var(--spacing) * .5)}.top-\[2px\]{top:2px}.top-full{top:100%}.right-0{right:calc(var(--spacing) * 0)}.-bottom-7{bottom:calc(var(--spacing) * -7)}.left-0{left:calc(var(--spacing) * 0)}.left-0\.5{left:calc(var(--spacing) * .5)}.left-1\/2{left:50%}.left-3\.5{left:calc(var(--spacing) * 3.5)}.left-\[2px\]{left:2px}.left-\[17px\]{left:17px}.isolate{isolation:isolate}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[21\]{z-index:21}.z-\[26\]{z-index:26}.z-\[39\]{z-index:39}.z-\[40\]{z-index:40}.z-\[100\]{z-index:100}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.mx-1{margin-inline:calc(var(--spacing) * 1)}.mx-3{margin-inline:calc(var(--spacing) * 3)}.mx-auto{margin-inline:auto}.my-1{margin-block:calc(var(--spacing) * 1)}.my-3{margin-block:calc(var(--spacing) * 3)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.ml-0\.5{margin-left:calc(var(--spacing) * .5)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-14{height:calc(var(--spacing) * 14)}.h-\[14px\]{height:14px}.h-\[18px\]{height:18px}.h-full{height:100%}.h-screen{height:100vh}.max-h-60{max-height:calc(var(--spacing) * 60)}.max-h-72{max-height:calc(var(--spacing) * 72)}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-\[36px\]{min-height:36px}.w-1{width:calc(var(--spacing) * 1)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-40{width:calc(var(--spacing) * 40)}.w-48{width:calc(var(--spacing) * 48)}.w-52{width:calc(var(--spacing) * 52)}.w-60{width:calc(var(--spacing) * 60)}.w-64{width:calc(var(--spacing) * 64)}.w-80{width:calc(var(--spacing) * 80)}.w-96{width:calc(var(--spacing) * 96)}.w-\[14px\]{width:14px}.w-\[68px\]{width:68px}.w-\[420px\]{width:420px}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.max-w-full{max-width:100%}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-\[11rem\]{min-width:11rem}.min-w-\[12rem\]{min-width:12rem}.min-w-\[200px\]{min-width:200px}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.table-fixed{table-layout:fixed}.border-separate{border-collapse:separate}.border-spacing-0{--tw-border-spacing-x:calc(var(--spacing) * 0);--tw-border-spacing-y:calc(var(--spacing) * 0);border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-col-resize{cursor:col-resize}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.resize-y{resize:vertical}.\[appearance\:textfield\]{appearance:textfield}.flex-col{flex-direction:column}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.bg-blue-500{background-color:var(--color-blue-500)}.bg-red-600{background-color:var(--color-red-600)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.p-1{padding:calc(var(--spacing) * 1)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-5{padding:calc(var(--spacing) * 5)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pr-1\.5{padding-right:calc(var(--spacing) * 1.5)}.pb-2\.5{padding-bottom:calc(var(--spacing) * 2.5)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pl-0\.5{padding-left:calc(var(--spacing) * .5)}.pl-1{padding-left:calc(var(--spacing) * 1)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-mono{font-family:var(--font-mono)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.break-words{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.\!opacity-100{opacity:1!important}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.group-hover\/header\:opacity-100:is(:where(.group\/header):hover *){opacity:1}.group-hover\/row\:visible:is(:where(.group\/row):hover *){visibility:visible}.group-hover\/row\:opacity-100:is(:where(.group\/row):hover *){opacity:1}.hover\:bg-blue-500\/50:hover{background-color:#3080ff80}@supports (color:color-mix(in lab, red, red)){.hover\:bg-blue-500\/50:hover{background-color:color-mix(in oklab, var(--color-blue-500) 50%, transparent)}}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\:opacity-100:hover{opacity:1}}.active\:cursor-grabbing:active{cursor:grabbing}.active\:bg-blue-500:active{background-color:var(--color-blue-500)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-60:disabled{opacity:.6}.\[\&_svg\]\:max-h-full svg{max-height:100%}.\[\&_svg\]\:max-w-full svg{max-width:100%}.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button{appearance:none}.\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button{appearance:none}}.data-table-root{isolation:isolate;font-family:var(--dt-font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-width:thin}.data-table-root *{scrollbar-width:inherit}.data-table-root[data-st-theme=dark],.data-table-root[data-st-theme=dark] *{scrollbar-color:#444 transparent}.data-table-root[data-st-theme=light],.data-table-root[data-st-theme=light] *{scrollbar-color:#a8a29e transparent}@property --tw-border-spacing-x{syntax:"<length>";inherits:false;initial-value:0}@property --tw-border-spacing-y{syntax:"<length>";inherits:false;initial-value:0}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}.sort-select[data-v-f1143526]{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23a1a1aa'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");background-position:right .5rem center;background-repeat:no-repeat;background-size:12px 12px;padding-left:.5rem;padding-right:1.75rem}.sort-select[data-v-f1143526]::-ms-expand{display:none}.filter-chip-close[data-v-d6671bc9]:hover{color:var(--st-text);background-color:var(--st-bg-menu-hover)}.hover-menu-item[data-v-c662bbfe]:hover,.hover-menu-item[data-v-7857cf96]:hover,.hover-menu-item[data-v-10f6e0bb]:hover,.hover-menu-item[data-v-d19d2667]:hover{background-color:var(--st-bg-menu-hover)}.st-row[data-v-1d48216e]{background-color:#0000}.st-row[data-v-1d48216e]:hover{background-color:var(--st-bg-row-hover)}.st-row--selected[data-v-1d48216e],.st-row--selected[data-v-1d48216e]:hover{background-color:var(--st-bg-selected)}.st-sticky-cell[data-v-1d48216e]{background-color:var(--st-bg)}.st-row--selected .st-sticky-cell[data-v-1d48216e]{background-color:var(--st-bg-selected-cell)}.st-row--active[data-v-1d48216e],.st-row--active[data-v-1d48216e]:hover{background-color:var(--st-bg-selected)}.st-row--active .st-sticky-cell[data-v-1d48216e]{background-color:var(--st-bg-selected-cell)}.st-row--pending-insert[data-v-1d48216e],.st-row--pending-insert[data-v-1d48216e]:hover,.st-row--pending-insert .st-sticky-cell[data-v-1d48216e]{background-color:var(--st-accent-bg)}.st-row--pending-delete[data-v-1d48216e]{background-color:#ef444414}.st-row--pending-delete[data-v-1d48216e]:hover{background-color:#ef44441f}.st-row--pending-delete .st-sticky-cell[data-v-1d48216e]{background-color:#ef444414}.hover-menu-item[data-v-c262480e]:hover,.hover-menu-item[data-v-3f2648fa]:hover{background-color:var(--st-bg-menu-hover)}.slide-panel-enter-active[data-v-4b5ed867],.slide-panel-leave-active[data-v-4b5ed867]{transition:width .25s,opacity .25s}.slide-panel-enter-from[data-v-4b5ed867],.slide-panel-leave-to[data-v-4b5ed867]{opacity:0;width:0!important}.slide-panel-enter-to[data-v-4b5ed867],.slide-panel-leave-from[data-v-4b5ed867]{opacity:1;width:420px}
2
+ @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-blue-500:oklch(62.3% .214 259.815);--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--tracking-wide:.025em;--tracking-wider:.05em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-lg:.5rem;--radius-2xl:1rem;--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.top-0{top:calc(var(--spacing) * 0)}.top-0\.5{top:calc(var(--spacing) * .5)}.top-\[2px\]{top:2px}.top-full{top:100%}.right-0{right:calc(var(--spacing) * 0)}.-bottom-7{bottom:calc(var(--spacing) * -7)}.left-0{left:calc(var(--spacing) * 0)}.left-0\.5{left:calc(var(--spacing) * .5)}.left-1\/2{left:50%}.left-3\.5{left:calc(var(--spacing) * 3.5)}.left-\[2px\]{left:2px}.left-\[17px\]{left:17px}.isolate{isolation:isolate}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[21\]{z-index:21}.z-\[26\]{z-index:26}.z-\[39\]{z-index:39}.z-\[40\]{z-index:40}.z-\[100\]{z-index:100}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.mx-1{margin-inline:calc(var(--spacing) * 1)}.mx-3{margin-inline:calc(var(--spacing) * 3)}.mx-auto{margin-inline:auto}.my-1{margin-block:calc(var(--spacing) * 1)}.my-3{margin-block:calc(var(--spacing) * 3)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.ml-0\.5{margin-left:calc(var(--spacing) * .5)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-14{height:calc(var(--spacing) * 14)}.h-\[14px\]{height:14px}.h-\[18px\]{height:18px}.h-full{height:100%}.h-screen{height:100vh}.max-h-60{max-height:calc(var(--spacing) * 60)}.max-h-72{max-height:calc(var(--spacing) * 72)}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-\[36px\]{min-height:36px}.w-1{width:calc(var(--spacing) * 1)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-40{width:calc(var(--spacing) * 40)}.w-48{width:calc(var(--spacing) * 48)}.w-52{width:calc(var(--spacing) * 52)}.w-60{width:calc(var(--spacing) * 60)}.w-64{width:calc(var(--spacing) * 64)}.w-80{width:calc(var(--spacing) * 80)}.w-96{width:calc(var(--spacing) * 96)}.w-\[14px\]{width:14px}.w-\[68px\]{width:68px}.w-\[420px\]{width:420px}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.max-w-full{max-width:100%}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-\[11rem\]{min-width:11rem}.min-w-\[12rem\]{min-width:12rem}.min-w-\[200px\]{min-width:200px}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.table-fixed{table-layout:fixed}.border-separate{border-collapse:separate}.border-spacing-0{--tw-border-spacing-x:calc(var(--spacing) * 0);--tw-border-spacing-y:calc(var(--spacing) * 0);border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-col-resize{cursor:col-resize}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.resize-y{resize:vertical}.\[appearance\:textfield\]{appearance:textfield}.flex-col{flex-direction:column}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.bg-blue-500{background-color:var(--color-blue-500)}.bg-red-600{background-color:var(--color-red-600)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.p-1{padding:calc(var(--spacing) * 1)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-5{padding:calc(var(--spacing) * 5)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pr-1\.5{padding-right:calc(var(--spacing) * 1.5)}.pb-2\.5{padding-bottom:calc(var(--spacing) * 2.5)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pl-0\.5{padding-left:calc(var(--spacing) * .5)}.pl-1{padding-left:calc(var(--spacing) * 1)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-mono{font-family:var(--font-mono)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.break-words{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.\!opacity-100{opacity:1!important}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.group-hover\/header\:opacity-100:is(:where(.group\/header):hover *){opacity:1}.group-hover\/row\:visible:is(:where(.group\/row):hover *){visibility:visible}.group-hover\/row\:opacity-100:is(:where(.group\/row):hover *){opacity:1}.hover\:bg-blue-500\/50:hover{background-color:#3080ff80}@supports (color:color-mix(in lab, red, red)){.hover\:bg-blue-500\/50:hover{background-color:color-mix(in oklab, var(--color-blue-500) 50%, transparent)}}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\:opacity-100:hover{opacity:1}}.active\:cursor-grabbing:active{cursor:grabbing}.active\:bg-blue-500:active{background-color:var(--color-blue-500)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-60:disabled{opacity:.6}.\[\&_svg\]\:max-h-full svg{max-height:100%}.\[\&_svg\]\:max-w-full svg{max-width:100%}.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button{appearance:none}.\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button{appearance:none}}.data-table-root{isolation:isolate;font-family:var(--dt-font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-width:thin}.data-table-root *{scrollbar-width:inherit}.data-table-root[data-st-theme=dark],.data-table-root[data-st-theme=dark] *{scrollbar-color:#444 transparent}.data-table-root[data-st-theme=light],.data-table-root[data-st-theme=light] *{scrollbar-color:#a8a29e transparent}@property --tw-border-spacing-x{syntax:"<length>";inherits:false;initial-value:0}@property --tw-border-spacing-y{syntax:"<length>";inherits:false;initial-value:0}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}.sort-select[data-v-f1143526]{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23a1a1aa'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");background-position:right .5rem center;background-repeat:no-repeat;background-size:12px 12px;padding-left:.5rem;padding-right:1.75rem}.sort-select[data-v-f1143526]::-ms-expand{display:none}.filter-chip-close[data-v-d6671bc9]:hover{color:var(--st-text);background-color:var(--st-bg-menu-hover)}.hover-menu-item[data-v-c662bbfe]:hover,.hover-menu-item[data-v-7857cf96]:hover,.hover-menu-item[data-v-10f6e0bb]:hover,.hover-menu-item[data-v-d19d2667]:hover{background-color:var(--st-bg-menu-hover)}.st-row[data-v-4b347272]{background-color:#0000}.st-row[data-v-4b347272]:hover{background-color:var(--st-bg-row-hover)}.st-row--selected[data-v-4b347272],.st-row--selected[data-v-4b347272]:hover{background-color:var(--st-bg-selected)}.st-sticky-cell[data-v-4b347272]{background-color:var(--st-bg)}.st-row--selected .st-sticky-cell[data-v-4b347272]{background-color:var(--st-bg-selected-cell)}.st-row--active[data-v-4b347272],.st-row--active[data-v-4b347272]:hover{background-color:var(--st-bg-selected)}.st-row--active .st-sticky-cell[data-v-4b347272]{background-color:var(--st-bg-selected-cell)}.st-row--pending-insert[data-v-4b347272],.st-row--pending-insert[data-v-4b347272]:hover,.st-row--pending-insert .st-sticky-cell[data-v-4b347272]{background-color:var(--st-accent-bg)}.st-row--pending-delete[data-v-4b347272]{background-color:#ef444414}.st-row--pending-delete[data-v-4b347272]:hover{background-color:#ef44441f}.st-row--pending-delete .st-sticky-cell[data-v-4b347272]{background-color:#ef444414}.hover-menu-item[data-v-c262480e]:hover,.hover-menu-item[data-v-3f2648fa]:hover{background-color:var(--st-bg-menu-hover)}.slide-panel-enter-active[data-v-4b5ed867],.slide-panel-leave-active[data-v-4b5ed867]{transition:width .25s,opacity .25s}.slide-panel-enter-from[data-v-4b5ed867],.slide-panel-leave-to[data-v-4b5ed867]{opacity:0;width:0!important}.slide-panel-enter-to[data-v-4b5ed867],.slide-panel-leave-from[data-v-4b5ed867]{opacity:1;width:420px}
3
3
  /*$vite$:1*/
package/dist/data-table.js CHANGED
@@ -1848,6 +1848,7 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
1848
1848
  let i = [
1849
1849
  "badge",
1850
1850
  "cellButtons",
1851
+ "dblClick",
1851
1852
  "progressBar",
1852
1853
  "segmentedBar",
1853
1854
  "suffixIcon",
@@ -1865,7 +1866,7 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
1865
1866
  ...n
1866
1867
  };
1867
1868
  for (let e of i) (r[e] === void 0 || r[e] === null) && t[e] != null && (r[e] = t[e]);
1868
- return typeof r.badge != "function" && r.badge !== !0 && typeof t.badge == "function" && (r.badge = t.badge), r.suffixIcon == null && t.suffixIcon != null && (r.suffixIcon = t.suffixIcon), r.secondaryText == null && t.secondaryText != null && (r.secondaryText = t.secondaryText), typeof r.secondaryText != "function" && typeof r.secondaryText != "string" && typeof t.secondaryText == "function" && (r.secondaryText = t.secondaryText), typeof r.segmentedBar != "function" && typeof t.segmentedBar == "function" && (r.segmentedBar = t.segmentedBar), r;
1869
+ return typeof r.badge != "function" && r.badge !== !0 && typeof t.badge == "function" && (r.badge = t.badge), r.suffixIcon == null && t.suffixIcon != null && (r.suffixIcon = t.suffixIcon), r.secondaryText == null && t.secondaryText != null && (r.secondaryText = t.secondaryText), typeof r.secondaryText != "function" && typeof r.secondaryText != "string" && typeof t.secondaryText == "function" && (r.secondaryText = t.secondaryText), typeof r.segmentedBar != "function" && typeof t.segmentedBar == "function" && (r.segmentedBar = t.segmentedBar), typeof r.dblClick != "function" && typeof t.dblClick == "function" && (r.dblClick = t.dblClick), r;
1869
1870
  }), te = r(() => H.value.type === "boolean"), ne = r(() => {
1870
1871
  let e = H.value;
1871
1872
  if (!e.progressBar) return null;
@@ -1934,6 +1935,10 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
1934
1935
  L.value || I("select");
1935
1936
  }
1936
1937
  function ue() {
1938
+ if (typeof H.value.dblClick == "function") {
1939
+ H.value.dblClick(c.cell.row.original);
1940
+ return;
1941
+ }
1937
1942
  !u.value?.update || ie.value || H.value.progressBar || H.value.segmentedBar || K.value.length > 0 || (L.value = !0, I("editing-change", !0), R.value = c.cell.getValue() ?? "", m(() => {
1938
1943
  z.value && (z.value.focus(), z.value.select(), de());
1939
1944
  }));
@@ -2074,10 +2079,10 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
2074
2079
  tableLayout: "fixed",
2075
2080
  width: "100%"
2076
2081
  }
2077
- }, tn = { class: "flex h-full gap-1 pr-1.5 pl-1 items-center justify-end pl-0.5" }, nn = { class: "flex min-w-0 flex-1 items-center justify-end gap-0.5" }, rn = {
2078
- class: "text-xs text-right whitespace-nowrap",
2082
+ }, tn = { class: "flex h-full gap-1 pr-1.5 pl-1 items-center justify-end pl-0.5" }, nn = { class: "flex min-w-0 flex-1 items-center" }, rn = { class: "flex w-4 shrink-0 items-center justify-center" }, an = {
2083
+ class: "min-w-0 flex-1 text-xs whitespace-nowrap text-right overflow-hidden",
2079
2084
  style: { color: "var(--st-text-tertiary)" }
2080
- }, an = ["checked"], on = /* @__PURE__ */ V({
2085
+ }, on = ["checked"], sn = /* @__PURE__ */ V({
2081
2086
  __name: "TableGridDataRow",
2082
2087
  props: {
2083
2088
  row: {
@@ -2193,7 +2198,7 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
2193
2198
  minWidth: "44px",
2194
2199
  borderBottom: T(f) ? "1px solid var(--st-border)" : "none"
2195
2200
  })
2196
- }, [s("div", tn, [s("div", nn, [B() ? (y(), o("button", {
2201
+ }, [s("div", tn, [s("div", nn, [s("div", rn, [B() ? (y(), o("button", {
2197
2202
  key: 0,
2198
2203
  class: "flex items-center justify-center w-4 h-4 shrink-0 transition-transform duration-150",
2199
2204
  style: g({
@@ -2218,7 +2223,7 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
2218
2223
  fill: "none",
2219
2224
  stroke: "currentColor",
2220
2225
  "stroke-width": "2"
2221
- }, [s("path", { d: "M6 2h8v8M14 2L6 10" })], -1)]])) : a("", !0), s("span", rn, C(t.orderNumber), 1)])])], 4),
2226
+ }, [s("path", { d: "M6 2h8v8M14 2L6 10" })], -1)]])) : a("", !0)]), s("span", an, C(t.orderNumber), 1)])])], 4),
2222
2227
  s("div", {
2223
2228
  class: "px-1 py-1.5 text-center align-middle sticky z-10 st-sticky-cell",
2224
2229
  style: g({
@@ -2235,7 +2240,7 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
2235
2240
  style: { accentColor: "var(--st-accent)" },
2236
2241
  checked: ee(t.row),
2237
2242
  onClick: r[2] ||= (e) => n.$emit("toggle-row-select", t.row, e, t.rowIndex)
2238
- }, null, 8, an)], 4),
2243
+ }, null, 8, on)], 4),
2239
2244
  (y(!0), o(e, null, S(t.row.getVisibleCells(), (e) => (y(), i(Qt, {
2240
2245
  key: e.id,
2241
2246
  cell: e,
@@ -2262,7 +2267,7 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
2262
2267
  borderLeft: "3px solid var(--st-accent)",
2263
2268
  marginLeft: 10 + Number(w(T(x)) || 0) * 16 + "px",
2264
2269
  backgroundColor: "var(--st-bg)"
2265
- }) }, [u(Vr, p(R.value.tableProps, {
2270
+ }) }, [u(Hr, p(R.value.tableProps, {
2266
2271
  editable: L.value.editable ?? {
2267
2272
  insert: !1,
2268
2273
  update: !1,
@@ -2285,7 +2290,7 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
2285
2290
  "controlled-column-visibility"
2286
2291
  ])], 4)], 4)) : a("", !0)], 14, $t));
2287
2292
  }
2288
- }, [["__scopeId", "data-v-1d48216e"]]), sn = 36, cn = 56, ln = 40, un = 300, dn = {
2293
+ }, [["__scopeId", "data-v-4b347272"]]), cn = 36, ln = 56, un = 40, dn = 300, fn = {
2289
2294
  __name: "TableGridVirtualRows",
2290
2295
  props: {
2291
2296
  rows: {
@@ -2337,9 +2342,9 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
2337
2342
  getScrollElement: () => T(a.scrollElementRef),
2338
2343
  estimateSize: (i) => {
2339
2344
  let a = e[i];
2340
- if (!a) return sn;
2341
- let o = n ? cn : sn;
2342
- return r[a.id] ? t[a.id] ? Math.max(o, un) : Math.max(o, ln) : o;
2345
+ if (!a) return cn;
2346
+ let o = n ? ln : cn;
2347
+ return r[a.id] ? t[a.id] ? Math.max(o, dn) : Math.max(o, un) : o;
2343
2348
  },
2344
2349
  overscan: 8,
2345
2350
  getItemKey: (t) => e[t]?.id ?? t,
@@ -2359,7 +2364,7 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
2359
2364
  position: "relative",
2360
2365
  height: _.value + "px",
2361
2366
  width: t.totalTableWidth + "px"
2362
- }) }, [(y(!0), o(e, null, S(h.value, (e) => (y(), i(on, {
2367
+ }) }, [(y(!0), o(e, null, S(h.value, (e) => (y(), i(sn, {
2363
2368
  key: e.key,
2364
2369
  ref_for: !0,
2365
2370
  ref: (t) => v(t, e),
@@ -2386,7 +2391,7 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
2386
2391
  "editing-row-id"
2387
2392
  ]))), 128))], 4));
2388
2393
  }
2389
- }, fn = {
2394
+ }, pn = {
2390
2395
  __name: "TableGridFlowRows",
2391
2396
  props: {
2392
2397
  rows: {
@@ -2430,7 +2435,7 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
2430
2435
  return (n, s) => (y(), o("div", {
2431
2436
  class: "flex flex-col",
2432
2437
  style: g({ width: t.totalTableWidth + "px" })
2433
- }, [(y(!0), o(e, null, S(t.rows, (e, n) => (y(), i(on, {
2438
+ }, [(y(!0), o(e, null, S(t.rows, (e, n) => (y(), i(sn, {
2434
2439
  key: e.id,
2435
2440
  row: e,
2436
2441
  "row-index": n,
@@ -2453,17 +2458,17 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
2453
2458
  "editing-row-id"
2454
2459
  ]))), 128))], 4));
2455
2460
  }
2456
- }, pn = ["checked", "indeterminate"], mn = {
2461
+ }, mn = ["checked", "indeterminate"], hn = {
2457
2462
  key: 0,
2458
2463
  class: "absolute inset-0 flex items-center justify-center pointer-events-none",
2459
2464
  style: { top: "33px" }
2460
- }, hn = { class: "flex flex-col items-center gap-4 text-center px-6 pointer-events-auto" }, gn = {
2465
+ }, gn = { class: "flex flex-col items-center gap-4 text-center px-6 pointer-events-auto" }, _n = {
2461
2466
  class: "flex items-center justify-center w-14 h-14 rounded-2xl",
2462
2467
  style: {
2463
2468
  backgroundColor: "var(--st-accent-bg)",
2464
2469
  border: "1px solid var(--st-accent-border-light)"
2465
2470
  }
2466
- }, _n = {
2471
+ }, vn = {
2467
2472
  class: "w-7 h-7",
2468
2473
  viewBox: "0 0 24 24",
2469
2474
  fill: "none",
@@ -2472,26 +2477,26 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
2472
2477
  "stroke-linecap": "round",
2473
2478
  "stroke-linejoin": "round",
2474
2479
  style: { color: "var(--st-accent)" }
2475
- }, vn = { class: "flex flex-col gap-1" }, yn = {
2480
+ }, yn = { class: "flex flex-col gap-1" }, bn = {
2476
2481
  class: "font-semibold text-[15px]",
2477
2482
  style: { color: "var(--st-text)" }
2478
- }, bn = {
2483
+ }, xn = {
2479
2484
  class: "text-[13px] max-w-xs leading-relaxed",
2480
2485
  style: { color: "var(--st-text-tertiary)" }
2481
- }, xn = {
2486
+ }, Sn = {
2482
2487
  key: 0,
2483
2488
  class: "relative mt-1"
2484
- }, Sn = {
2489
+ }, Cn = {
2485
2490
  key: 1,
2486
2491
  class: "flex items-center"
2487
- }, Cn = {
2492
+ }, wn = {
2488
2493
  key: 3,
2489
2494
  class: "absolute top-full left-1/2 -translate-x-1/2 mt-1 w-48 rounded shadow-xl z-50 py-1 text-[13px]",
2490
2495
  style: {
2491
2496
  backgroundColor: "var(--st-bg-surface)",
2492
2497
  border: "1px solid var(--st-border-secondary)"
2493
2498
  }
2494
- }, wn = 500, Tn = 8, En = /* @__PURE__ */ V({
2499
+ }, Tn = 500, En = 8, Dn = /* @__PURE__ */ V({
2495
2500
  __name: "TableGrid",
2496
2501
  props: { table: {
2497
2502
  type: Object,
@@ -2568,7 +2573,7 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
2568
2573
  let de = r(() => {
2569
2574
  let e = D ? "inset -1px 0 0 var(--st-border)" : "", t = "2px 0 4px var(--st-shadow-sticky)";
2570
2575
  return e ? `${e}, ${t}` : t;
2571
- }), fe = r(() => W.value.length > wn), Y = E("scroller");
2576
+ }), fe = r(() => W.value.length > Tn), Y = E("scroller");
2572
2577
  function pe(e, t) {
2573
2578
  H.value = e ? t : null;
2574
2579
  }
@@ -2627,13 +2632,13 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
2627
2632
  indeterminate: J.value,
2628
2633
  title: "Select all rows on this page",
2629
2634
  onChange: ce
2630
- }, null, 40, pn)], 4),
2635
+ }, null, 40, mn)], 4),
2631
2636
  (y(!0), o(e, null, S(t.headers, (e) => (y(), i(At, {
2632
2637
  key: e.id,
2633
2638
  header: e,
2634
2639
  table: n.table
2635
2640
  }, null, 8, ["header", "table"]))), 128))
2636
- ]))), 128))])], 4)], 4), W.value.length > 0 && fe.value ? (y(), i(dn, {
2641
+ ]))), 128))])], 4)], 4), W.value.length > 0 && fe.value ? (y(), i(fn, {
2637
2642
  key: 0,
2638
2643
  rows: W.value,
2639
2644
  "scroll-element-ref": Y.value,
@@ -2654,7 +2659,7 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
2654
2659
  "selected-cell",
2655
2660
  "editing-row-id",
2656
2661
  "pagination-state"
2657
- ])) : W.value.length > 0 ? (y(), i(fn, {
2662
+ ])) : W.value.length > 0 ? (y(), i(pn, {
2658
2663
  key: 1,
2659
2664
  rows: W.value,
2660
2665
  "total-table-width": U.value,
@@ -2680,7 +2685,7 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
2680
2685
  }, [s("table", {
2681
2686
  class: "border-separate border-spacing-0 table-fixed w-full border-0 bg-transparent",
2682
2687
  style: g({ width: U.value + "px" })
2683
- }, [s("tbody", null, [(y(), o(e, null, S(Tn, (t) => s("tr", { key: t }, [
2688
+ }, [s("tbody", null, [(y(), o(e, null, S(En, (t) => s("tr", { key: t }, [
2684
2689
  s("td", {
2685
2690
  class: "sticky left-0 z-10 py-1.5 align-middle",
2686
2691
  style: g({
@@ -2717,16 +2722,16 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
2717
2722
  backgroundColor: "var(--st-border-secondary)"
2718
2723
  })
2719
2724
  }, null, 4)], 4))), 128))
2720
- ])), 64))])], 4)], 4)) : a("", !0)], 2), W.value.length === 0 && !k.value ? (y(), o("div", mn, [s("div", hn, [
2721
- s("div", gn, [(y(), o("svg", _n, [...c[13] ||= [s("rect", {
2725
+ ])), 64))])], 4)], 4)) : a("", !0)], 2), W.value.length === 0 && !k.value ? (y(), o("div", hn, [s("div", gn, [
2726
+ s("div", _n, [(y(), o("svg", vn, [...c[13] ||= [s("rect", {
2722
2727
  x: "3",
2723
2728
  y: "3",
2724
2729
  width: "18",
2725
2730
  height: "18",
2726
2731
  rx: "2"
2727
2732
  }, null, -1), s("path", { d: "M3 9h18M3 15h18M9 9v9M15 9v9" }, null, -1)]]))]),
2728
- s("div", vn, [s("p", yn, C(T(A)), 1), s("p", bn, C(T(j)), 1)]),
2729
- v.value.insert ? (y(), o("div", xn, [
2733
+ s("div", yn, [s("p", bn, C(T(A)), 1), s("p", xn, C(T(j)), 1)]),
2734
+ v.value.insert ? (y(), o("div", Sn, [
2730
2735
  I.value ? (y(), o("button", {
2731
2736
  key: 0,
2732
2737
  class: "flex items-center gap-1.5 px-3 py-1 rounded text-[13px] font-medium transition-colors",
@@ -2735,7 +2740,7 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
2735
2740
  color: "var(--st-text-on-accent)"
2736
2741
  },
2737
2742
  onClick: c[4] ||= (e) => T(L)()
2738
- }, C(T(P)), 1)) : T(P) ? (y(), o("div", Sn, [s("button", {
2743
+ }, C(T(P)), 1)) : T(P) ? (y(), o("div", Cn, [s("button", {
2739
2744
  class: "flex items-center gap-1.5 px-3 py-1 rounded-l text-[13px] font-medium transition-colors",
2740
2745
  style: {
2741
2746
  backgroundColor: "var(--st-accent)",
@@ -2767,7 +2772,7 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
2767
2772
  viewBox: "0 0 16 16",
2768
2773
  fill: "currentColor"
2769
2774
  }, [s("path", { d: "M4.427 6.427l3.396 3.396a.25.25 0 00.354 0l3.396-3.396A.25.25 0 0011.396 6H4.604a.25.25 0 00-.177.427z" })], -1)]])),
2770
- R.value ? (y(), o("div", Cn, [
2775
+ R.value ? (y(), o("div", wn, [
2771
2776
  s("button", {
2772
2777
  class: "w-full text-left px-3 py-1.5 hover-menu-item",
2773
2778
  style: { color: "var(--st-text)" },
@@ -2798,35 +2803,35 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
2798
2803
  ])) : a("", !0)
2799
2804
  ])])) : a("", !0)], 2));
2800
2805
  }
2801
- }, [["__scopeId", "data-v-c262480e"]]), Dn = {
2806
+ }, [["__scopeId", "data-v-c262480e"]]), On = {
2802
2807
  class: "px-3 py-1.5 flex items-center gap-3 text-[13px] shrink-0",
2803
2808
  style: {
2804
2809
  borderTop: "1px solid var(--st-border)",
2805
2810
  backgroundColor: "var(--st-bg)",
2806
2811
  color: "var(--st-text-secondary)"
2807
2812
  }
2808
- }, On = ["disabled"], kn = { class: "flex items-center gap-1.5" }, An = ["value", "max"], jn = {
2813
+ }, kn = ["disabled"], An = { class: "flex items-center gap-1.5" }, jn = ["value", "max"], Mn = {
2809
2814
  key: 1,
2810
2815
  class: "tabular-nums",
2811
2816
  style: { color: "var(--st-text)" }
2812
- }, Mn = ["disabled"], Nn = { class: "flex items-center gap-1.5" }, Pn = ["value"], Fn = {
2817
+ }, Nn = ["disabled"], Pn = { class: "flex items-center gap-1.5" }, Fn = ["value"], In = {
2813
2818
  class: "tabular-nums px-2 py-0.5 rounded",
2814
2819
  style: {
2815
2820
  color: "var(--st-accent)",
2816
2821
  backgroundColor: "var(--st-accent-bg)",
2817
2822
  border: "1px solid var(--st-accent-border-light)"
2818
2823
  }
2819
- }, In = ["disabled"], Ln = ["disabled"], Rn = {
2824
+ }, Ln = ["disabled"], Rn = ["disabled"], zn = {
2820
2825
  key: 0,
2821
2826
  class: "w-3 h-3 animate-spin",
2822
2827
  viewBox: "0 0 16 16",
2823
2828
  fill: "none",
2824
2829
  stroke: "currentColor",
2825
2830
  "stroke-width": "2"
2826
- }, zn = { style: { color: "var(--st-text-tertiary)" } }, Bn = {
2831
+ }, Bn = { style: { color: "var(--st-text-tertiary)" } }, Vn = {
2827
2832
  class: "text-[13px] mb-4",
2828
2833
  style: { color: "var(--st-text-secondary)" }
2829
- }, Vn = { class: "flex items-center justify-end gap-2" }, Hn = {
2834
+ }, Hn = { class: "flex items-center justify-end gap-2" }, Un = {
2830
2835
  __name: "TablePagination",
2831
2836
  props: {
2832
2837
  table: {
@@ -2886,7 +2891,7 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
2886
2891
  function M() {
2887
2892
  m("discard"), A.value = !1;
2888
2893
  }
2889
- return (r, c) => (y(), o("div", Dn, [
2894
+ return (r, c) => (y(), o("div", On, [
2890
2895
  s("button", {
2891
2896
  class: "p-1 rounded disabled:opacity-30 disabled:cursor-not-allowed transition-colors",
2892
2897
  disabled: !S.value,
@@ -2895,8 +2900,8 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
2895
2900
  class: "w-4 h-4",
2896
2901
  viewBox: "0 0 16 16",
2897
2902
  fill: "currentColor"
2898
- }, [s("path", { d: "M9.78 12.78a.75.75 0 01-1.06 0L4.47 8.53a.75.75 0 010-1.06l4.25-4.25a.75.75 0 011.06 1.06L6.06 8l3.72 3.72a.75.75 0 010 1.06z" })], -1)]], 8, On),
2899
- s("div", kn, [
2903
+ }, [s("path", { d: "M9.78 12.78a.75.75 0 01-1.06 0L4.47 8.53a.75.75 0 010-1.06l4.25-4.25a.75.75 0 011.06 1.06L6.06 8l3.72 3.72a.75.75 0 010 1.06z" })], -1)]], 8, kn),
2904
+ s("div", An, [
2900
2905
  c[7] ||= s("span", null, "Page", -1),
2901
2906
  n.hasRandomAccess ? (y(), o("input", {
2902
2907
  key: 0,
@@ -2911,7 +2916,7 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
2911
2916
  color: "var(--st-text)"
2912
2917
  },
2913
2918
  onChange: k
2914
- }, null, 40, An)) : (y(), o("span", jn, C(h.value + 1), 1)),
2919
+ }, null, 40, jn)) : (y(), o("span", Mn, C(h.value + 1), 1)),
2915
2920
  s("span", null, "of " + C(b.value), 1)
2916
2921
  ]),
2917
2922
  s("button", {
@@ -2922,12 +2927,12 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
2922
2927
  class: "w-4 h-4",
2923
2928
  viewBox: "0 0 16 16",
2924
2929
  fill: "currentColor"
2925
- }, [s("path", { d: "M6.22 3.22a.75.75 0 011.06 0l4.25 4.25a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06-1.06L9.94 8 6.22 4.28a.75.75 0 010-1.06z" })], -1)]], 8, Mn),
2930
+ }, [s("path", { d: "M6.22 3.22a.75.75 0 011.06 0l4.25 4.25a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06-1.06L9.94 8 6.22 4.28a.75.75 0 010-1.06z" })], -1)]], 8, Nn),
2926
2931
  c[14] ||= s("div", {
2927
2932
  class: "w-px h-4 mx-1",
2928
2933
  style: { backgroundColor: "var(--st-border)" }
2929
2934
  }, null, -1),
2930
- s("div", Nn, [c[10] ||= s("span", null, "Rows per page:", -1), s("select", {
2935
+ s("div", Pn, [c[10] ||= s("span", null, "Rows per page:", -1), s("select", {
2931
2936
  value: _.value,
2932
2937
  class: "rounded px-1.5 py-0.5 text-[13px] outline-none cursor-pointer",
2933
2938
  style: {
@@ -2940,10 +2945,10 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
2940
2945
  s("option", { value: 100 }, "100", -1),
2941
2946
  s("option", { value: 500 }, "500", -1),
2942
2947
  s("option", { value: 1e3 }, "1000", -1)
2943
- ]], 40, Pn)]),
2948
+ ]], 40, Fn)]),
2944
2949
  c[15] ||= s("div", { class: "flex-1" }, null, -1),
2945
2950
  n.stagedEdits && n.pendingEditCount > 0 ? (y(), o(e, { key: 0 }, [
2946
- s("span", Fn, C(n.pendingEditCount) + " pending change" + C(n.pendingEditCount === 1 ? "" : "s"), 1),
2951
+ s("span", In, C(n.pendingEditCount) + " pending change" + C(n.pendingEditCount === 1 ? "" : "s"), 1),
2947
2952
  s("button", {
2948
2953
  class: "px-2 py-0.5 rounded transition-colors disabled:opacity-40 disabled:cursor-not-allowed",
2949
2954
  style: {
@@ -2953,7 +2958,7 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
2953
2958
  },
2954
2959
  disabled: n.committing,
2955
2960
  onClick: j
2956
- }, " Clear edits ", 8, In),
2961
+ }, " Clear edits ", 8, Ln),
2957
2962
  s("button", {
2958
2963
  class: "flex items-center gap-1.5 px-2.5 py-0.5 rounded font-medium transition-colors disabled:opacity-60 disabled:cursor-not-allowed",
2959
2964
  style: {
@@ -2962,16 +2967,16 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
2962
2967
  },
2963
2968
  disabled: n.committing,
2964
2969
  onClick: c[3] ||= (e) => m("commit")
2965
- }, [n.committing ? (y(), o("svg", Rn, [...c[11] ||= [s("path", {
2970
+ }, [n.committing ? (y(), o("svg", zn, [...c[11] ||= [s("path", {
2966
2971
  d: "M8 1.5a6.5 6.5 0 1 1-6.5 6.5",
2967
2972
  "stroke-linecap": "round"
2968
- }, null, -1)]])) : a("", !0), l(" " + C(n.committing ? "Committing…" : "Commit"), 1)], 8, Ln),
2973
+ }, null, -1)]])) : a("", !0), l(" " + C(n.committing ? "Committing…" : "Commit"), 1)], 8, Rn),
2969
2974
  c[12] ||= s("div", {
2970
2975
  class: "w-px h-4 mx-1",
2971
2976
  style: { backgroundColor: "var(--st-border)" }
2972
2977
  }, null, -1)
2973
2978
  ], 64)) : a("", !0),
2974
- s("span", zn, C(D.value.toLocaleString()) + " " + C(D.value === 1 ? n.countLabelSingular : n.countLabelPlural), 1),
2979
+ s("span", Bn, C(D.value.toLocaleString()) + " " + C(D.value === 1 ? n.countLabelSingular : n.countLabelPlural), 1),
2975
2980
  (y(), i(t, { to: "body" }, [A.value ? (y(), o("div", {
2976
2981
  key: 0,
2977
2982
  class: "fixed inset-0 z-[100] flex items-center justify-center",
@@ -2990,8 +2995,8 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
2990
2995
  })
2991
2996
  }, [
2992
2997
  c[13] ||= s("h3", { class: "font-semibold text-[14px] mb-2" }, "Clear all pending edits?", -1),
2993
- s("p", Bn, " This will discard " + C(n.pendingEditCount) + " pending change" + C(n.pendingEditCount === 1 ? "" : "s") + ". This action cannot be undone. ", 1),
2994
- s("div", Vn, [s("button", {
2998
+ s("p", Vn, " This will discard " + C(n.pendingEditCount) + " pending change" + C(n.pendingEditCount === 1 ? "" : "s") + ". This action cannot be undone. ", 1),
2999
+ s("div", Hn, [s("button", {
2995
3000
  class: "px-3 py-1 rounded text-[13px]",
2996
3001
  style: {
2997
3002
  border: "1px solid var(--st-border-secondary)",
@@ -3009,44 +3014,44 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
3009
3014
  ], 4)], 4)) : a("", !0)]))
3010
3015
  ]));
3011
3016
  }
3012
- }, Un = {
3017
+ }, Wn = {
3013
3018
  class: "px-5 py-4 flex items-center justify-between",
3014
3019
  style: { borderBottom: "1px solid var(--st-border)" }
3015
- }, Wn = { class: "flex items-center gap-2" }, Gn = {
3020
+ }, Gn = { class: "flex items-center gap-2" }, Kn = {
3016
3021
  class: "text-sm",
3017
3022
  style: { color: "var(--st-text)" }
3018
- }, Kn = {
3023
+ }, qn = {
3019
3024
  class: "rounded px-2 py-0.5 text-[13px]",
3020
3025
  style: {
3021
3026
  backgroundColor: "var(--st-bg-input)",
3022
3027
  border: "1px solid var(--st-border-secondary)",
3023
3028
  color: "var(--st-text-secondary)"
3024
3029
  }
3025
- }, qn = { class: "flex-1 overflow-auto px-5 py-4" }, Jn = {
3030
+ }, Jn = { class: "flex-1 overflow-auto px-5 py-4" }, Yn = {
3026
3031
  key: 0,
3027
3032
  class: "mb-6"
3028
- }, Yn = { class: "flex items-start gap-4" }, Xn = { class: "w-40 shrink-0 pt-2" }, Zn = {
3033
+ }, Xn = { class: "flex items-start gap-4" }, Zn = { class: "w-40 shrink-0 pt-2" }, Qn = {
3029
3034
  class: "text-[13px] font-medium",
3030
3035
  style: { color: "var(--st-text)" }
3031
- }, Qn = {
3036
+ }, $n = {
3032
3037
  class: "text-xs",
3033
3038
  style: { color: "var(--st-text-tertiary)" }
3034
- }, $n = { class: "flex-1" }, er = ["disabled", "onClick"], tr = {
3039
+ }, er = { class: "flex-1" }, tr = ["disabled", "onClick"], nr = {
3035
3040
  class: "text-xs",
3036
3041
  style: { color: "var(--st-text-secondary)" }
3037
- }, nr = ["value"], rr = ["onUpdate:modelValue", "placeholder"], ir = { key: 1 }, ar = { class: "flex items-start gap-4" }, or = { class: "w-40 shrink-0 pt-2" }, sr = {
3042
+ }, rr = ["value"], ir = ["onUpdate:modelValue", "placeholder"], ar = { key: 1 }, or = { class: "flex items-start gap-4" }, sr = { class: "w-40 shrink-0 pt-2" }, cr = {
3038
3043
  class: "text-[13px] font-medium",
3039
3044
  style: { color: "var(--st-text)" }
3040
- }, cr = {
3045
+ }, lr = {
3041
3046
  class: "text-xs",
3042
3047
  style: { color: "var(--st-text-tertiary)" }
3043
- }, lr = { class: "flex-1" }, ur = ["disabled", "onClick"], dr = {
3048
+ }, ur = { class: "flex-1" }, dr = ["disabled", "onClick"], fr = {
3044
3049
  class: "text-xs",
3045
3050
  style: { color: "var(--st-text-secondary)" }
3046
- }, fr = ["value"], pr = ["onUpdate:modelValue", "placeholder"], mr = {
3051
+ }, pr = ["value"], mr = ["onUpdate:modelValue", "placeholder"], hr = {
3047
3052
  class: "px-5 py-3 flex items-center justify-end gap-2",
3048
3053
  style: { borderTop: "1px solid var(--st-border)" }
3049
- }, hr = {
3054
+ }, gr = {
3050
3055
  __name: "RowEditPanel",
3051
3056
  props: {
3052
3057
  mode: {
@@ -3104,7 +3109,7 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
3104
3109
  borderLeft: "1px solid var(--st-border)"
3105
3110
  })
3106
3111
  }, [
3107
- s("div", Un, [s("div", Wn, [s("span", Gn, C(t.mode === "insert" ? "Insert row into" : "Update row from"), 1), s("code", Kn, C(t.tableName), 1)]), s("button", {
3112
+ s("div", Wn, [s("div", Gn, [s("span", Kn, C(t.mode === "insert" ? "Insert row into" : "Update row from"), 1), s("code", qn, C(t.tableName), 1)]), s("button", {
3108
3113
  class: "w-6 h-6 flex items-center justify-center",
3109
3114
  style: { color: "var(--st-text-tertiary)" },
3110
3115
  onClick: r[0] ||= (e) => u("close")
@@ -3113,10 +3118,10 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
3113
3118
  viewBox: "0 0 16 16",
3114
3119
  fill: "currentColor"
3115
3120
  }, [s("path", { d: "M3.72 3.72a.75.75 0 011.06 0L8 6.94l3.22-3.22a.75.75 0 111.06 1.06L9.06 8l3.22 3.22a.75.75 0 11-1.06 1.06L8 9.06l-3.22 3.22a.75.75 0 01-1.06-1.06L6.94 8 3.72 4.78a.75.75 0 010-1.06z" })], -1)]])]),
3116
- s("div", qn, [m.value.length > 0 ? (y(), o("div", Jn, [(y(!0), o(e, null, S(m.value, (n) => (y(), o("div", {
3121
+ s("div", Jn, [m.value.length > 0 ? (y(), o("div", Yn, [(y(!0), o(e, null, S(m.value, (n) => (y(), o("div", {
3117
3122
  key: n.id,
3118
3123
  class: "mb-4"
3119
- }, [s("div", Yn, [s("div", Xn, [s("div", Zn, C(n.id), 1), s("div", Qn, C(n.meta.type), 1)]), s("div", $n, [n.meta.type === "boolean" ? (y(), o("button", {
3124
+ }, [s("div", Xn, [s("div", Zn, [s("div", Qn, C(n.id), 1), s("div", $n, C(n.meta.type), 1)]), s("div", er, [n.meta.type === "boolean" ? (y(), o("button", {
3120
3125
  key: 0,
3121
3126
  class: h(["flex items-center gap-2", { "opacity-50 cursor-not-allowed": n.meta.readOnly && t.mode === "insert" }]),
3122
3127
  disabled: n.meta.readOnly && t.mode === "insert",
@@ -3124,7 +3129,7 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
3124
3129
  }, [s("span", {
3125
3130
  class: "inline-block w-8 h-[18px] rounded-full relative transition-colors",
3126
3131
  style: g({ backgroundColor: w.value[n.id] ? "var(--st-accent)" : "var(--st-toggle-off)" })
3127
- }, [s("span", { class: h(["absolute top-[2px] w-[14px] h-[14px] rounded-full bg-white transition-transform", w.value[n.id] ? "left-[17px]" : "left-[2px]"]) }, null, 2)], 4), s("span", tr, C(w.value[n.id] ? "true" : "false"), 1)], 10, er)) : (y(), o(e, { key: 1 }, [n.meta.isPrimaryKey && t.mode === "update" || n.meta.readOnly && t.mode === "insert" ? (y(), o("input", {
3132
+ }, [s("span", { class: h(["absolute top-[2px] w-[14px] h-[14px] rounded-full bg-white transition-transform", w.value[n.id] ? "left-[17px]" : "left-[2px]"]) }, null, 2)], 4), s("span", nr, C(w.value[n.id] ? "true" : "false"), 1)], 10, tr)) : (y(), o(e, { key: 1 }, [n.meta.isPrimaryKey && t.mode === "update" || n.meta.readOnly && t.mode === "insert" ? (y(), o("input", {
3128
3133
  key: 0,
3129
3134
  value: w.value[n.id],
3130
3135
  class: "w-full rounded px-3 py-2 text-[13px] outline-none cursor-not-allowed",
@@ -3134,7 +3139,7 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
3134
3139
  color: "var(--st-text-secondary)"
3135
3140
  },
3136
3141
  disabled: ""
3137
- }, null, 8, nr)) : M((y(), o("textarea", {
3142
+ }, null, 8, rr)) : M((y(), o("textarea", {
3138
3143
  key: 1,
3139
3144
  "onUpdate:modelValue": (e) => w.value[n.id] = e,
3140
3145
  class: "w-full rounded px-3 py-2 text-[13px] outline-none resize-y min-h-[36px]",
@@ -3145,7 +3150,7 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
3145
3150
  },
3146
3151
  rows: "1",
3147
3152
  placeholder: n.meta.placeholder ?? ""
3148
- }, null, 8, rr)), [[O, w.value[n.id]]])], 64))])])]))), 128))])) : a("", !0), b.value.length > 0 ? (y(), o("div", ir, [r[3] ||= s("div", { class: "mb-3" }, [s("h3", {
3153
+ }, null, 8, ir)), [[O, w.value[n.id]]])], 64))])])]))), 128))])) : a("", !0), b.value.length > 0 ? (y(), o("div", ar, [r[3] ||= s("div", { class: "mb-3" }, [s("h3", {
3149
3154
  class: "text-sm font-medium",
3150
3155
  style: { color: "var(--st-text)" }
3151
3156
  }, "Optional Fields"), s("p", {
@@ -3154,7 +3159,7 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
3154
3159
  }, "These are columns that do not need any value")], -1), (y(!0), o(e, null, S(b.value, (n) => (y(), o("div", {
3155
3160
  key: n.id,
3156
3161
  class: "mb-4"
3157
- }, [s("div", ar, [s("div", or, [s("div", sr, C(n.id), 1), s("div", cr, C(n.meta.type), 1)]), s("div", lr, [n.meta.type === "boolean" ? (y(), o("button", {
3162
+ }, [s("div", or, [s("div", sr, [s("div", cr, C(n.id), 1), s("div", lr, C(n.meta.type), 1)]), s("div", ur, [n.meta.type === "boolean" ? (y(), o("button", {
3158
3163
  key: 0,
3159
3164
  class: h(["flex items-center gap-2", { "opacity-50 cursor-not-allowed": n.meta.readOnly && t.mode === "insert" }]),
3160
3165
  disabled: n.meta.readOnly && t.mode === "insert",
@@ -3162,7 +3167,7 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
3162
3167
  }, [s("span", {
3163
3168
  class: "inline-block w-8 h-[18px] rounded-full relative transition-colors",
3164
3169
  style: g({ backgroundColor: w.value[n.id] ? "var(--st-accent)" : "var(--st-toggle-off)" })
3165
- }, [s("span", { class: h(["absolute top-[2px] w-[14px] h-[14px] rounded-full bg-white transition-transform", w.value[n.id] ? "left-[17px]" : "left-[2px]"]) }, null, 2)], 4), s("span", dr, C(w.value[n.id] ? "true" : "false"), 1)], 10, ur)) : (y(), o(e, { key: 1 }, [n.meta.readOnly && t.mode === "insert" ? (y(), o("input", {
3170
+ }, [s("span", { class: h(["absolute top-[2px] w-[14px] h-[14px] rounded-full bg-white transition-transform", w.value[n.id] ? "left-[17px]" : "left-[2px]"]) }, null, 2)], 4), s("span", fr, C(w.value[n.id] ? "true" : "false"), 1)], 10, dr)) : (y(), o(e, { key: 1 }, [n.meta.readOnly && t.mode === "insert" ? (y(), o("input", {
3166
3171
  key: 0,
3167
3172
  value: w.value[n.id],
3168
3173
  class: "w-full rounded px-3 py-2 text-[13px] outline-none cursor-not-allowed",
@@ -3172,7 +3177,7 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
3172
3177
  color: "var(--st-text-secondary)"
3173
3178
  },
3174
3179
  disabled: ""
3175
- }, null, 8, fr)) : M((y(), o("textarea", {
3180
+ }, null, 8, pr)) : M((y(), o("textarea", {
3176
3181
  key: 1,
3177
3182
  "onUpdate:modelValue": (e) => w.value[n.id] = e,
3178
3183
  class: "w-full rounded px-3 py-2 text-[13px] outline-none resize-y min-h-[36px]",
@@ -3183,8 +3188,8 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
3183
3188
  },
3184
3189
  rows: "1",
3185
3190
  placeholder: n.meta.placeholder ?? "NULL"
3186
- }, null, 8, pr)), [[O, w.value[n.id]]])], 64))])])]))), 128))])) : a("", !0)]),
3187
- s("div", mr, [s("button", {
3191
+ }, null, 8, mr)), [[O, w.value[n.id]]])], 64))])])]))), 128))])) : a("", !0)]),
3192
+ s("div", hr, [s("button", {
3188
3193
  class: "px-3 py-1.5 rounded text-[13px] transition-colors",
3189
3194
  style: {
3190
3195
  border: "1px solid var(--st-border-secondary)",
@@ -3201,37 +3206,37 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
3201
3206
  }, [...r[4] ||= [c(" Save <span class=\"opacity-60 flex items-center gap-0.5\"><svg viewBox=\"0 0 24 24\" class=\"w-3 h-3\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 6v12a3 3 0 1 0 3-3H6a3 3 0 1 0 3 3V6a3 3 0 1 0-3 3h12a3 3 0 1 0-3-3\"></path></svg><svg viewBox=\"0 0 24 24\" class=\"w-3 h-3\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 10 4 15 9 20\"></polyline><path d=\"M20 4v7a4 4 0 0 1-4 4H4\"></path></svg></span>", 2)]])])
3202
3207
  ], 4));
3203
3208
  }
3204
- }, gr = {
3209
+ }, _r = {
3205
3210
  class: "w-52 rounded shadow-xl py-1 text-[13px]",
3206
3211
  style: {
3207
3212
  backgroundColor: "var(--st-bg-surface)",
3208
3213
  border: "1px solid var(--st-border-secondary)"
3209
3214
  }
3210
- }, _r = {
3215
+ }, vr = {
3211
3216
  class: "w-3.5 h-3.5",
3212
3217
  style: { color: "var(--st-text-secondary)" },
3213
3218
  viewBox: "0 0 16 16",
3214
3219
  fill: "currentColor"
3215
- }, vr = {
3220
+ }, yr = {
3216
3221
  class: "w-3.5 h-3.5",
3217
3222
  style: { color: "var(--st-text-secondary)" },
3218
3223
  viewBox: "0 0 16 16",
3219
3224
  fill: "currentColor"
3220
- }, yr = {
3225
+ }, br = {
3221
3226
  class: "w-3.5 h-3.5",
3222
3227
  style: { color: "var(--st-text-secondary)" },
3223
3228
  viewBox: "0 0 16 16",
3224
3229
  fill: "currentColor"
3225
- }, br = {
3230
+ }, xr = {
3226
3231
  key: 0,
3227
3232
  class: "my-1",
3228
3233
  style: { borderTop: "1px solid var(--st-border-secondary)" }
3229
- }, xr = ["disabled", "onClick"], Sr = ["innerHTML"], Cr = {
3234
+ }, Sr = ["disabled", "onClick"], Cr = ["innerHTML"], wr = {
3230
3235
  class: "w-3.5 h-3.5",
3231
3236
  style: { color: "var(--st-text-secondary)" },
3232
3237
  viewBox: "0 0 16 16",
3233
3238
  fill: "currentColor"
3234
- }, wr = /* @__PURE__ */ V({
3239
+ }, Tr = /* @__PURE__ */ V({
3235
3240
  __name: "ContextMenu",
3236
3241
  props: {
3237
3242
  x: {
@@ -3340,17 +3345,17 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
3340
3345
  ...T(u),
3341
3346
  ...te.value
3342
3347
  })
3343
- }, [s("div", gr, [
3348
+ }, [s("div", _r, [
3344
3349
  s("button", {
3345
3350
  class: "w-full text-left px-3 py-1.5 flex items-center gap-2 hover-menu-item",
3346
3351
  style: { color: "var(--st-text)" },
3347
3352
  onClick: M
3348
- }, [(y(), o("svg", _r, [...c[0] ||= [s("path", { d: "M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 010 1.5h-1.5a.25.25 0 00-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 00.25-.25v-1.5a.75.75 0 011.5 0v1.5A1.75 1.75 0 019.25 16h-7.5A1.75 1.75 0 010 14.25zM5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0114.25 11h-7.5A1.75 1.75 0 015 9.25zm1.75-.25a.25.25 0 00-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 00.25-.25v-7.5a.25.25 0 00-.25-.25z" }, null, -1)]])), c[1] ||= l(" Copy cell ", -1)]),
3353
+ }, [(y(), o("svg", vr, [...c[0] ||= [s("path", { d: "M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 010 1.5h-1.5a.25.25 0 00-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 00.25-.25v-1.5a.75.75 0 011.5 0v1.5A1.75 1.75 0 019.25 16h-7.5A1.75 1.75 0 010 14.25zM5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0114.25 11h-7.5A1.75 1.75 0 015 9.25zm1.75-.25a.25.25 0 00-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 00.25-.25v-7.5a.25.25 0 00-.25-.25z" }, null, -1)]])), c[1] ||= l(" Copy cell ", -1)]),
3349
3354
  s("button", {
3350
3355
  class: "w-full text-left px-3 py-1.5 flex items-center gap-2 hover-menu-item",
3351
3356
  style: { color: "var(--st-text)" },
3352
3357
  onClick: N
3353
- }, [(y(), o("svg", vr, [...c[2] ||= [s("path", { d: "M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 010 1.5h-1.5a.25.25 0 00-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 00.25-.25v-1.5a.75.75 0 011.5 0v1.5A1.75 1.75 0 019.25 16h-7.5A1.75 1.75 0 010 14.25zM5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0114.25 11h-7.5A1.75 1.75 0 015 9.25zm1.75-.25a.25.25 0 00-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 00.25-.25v-7.5a.25.25 0 00-.25-.25z" }, null, -1)]])), c[3] ||= l(" Copy row ", -1)]),
3358
+ }, [(y(), o("svg", yr, [...c[2] ||= [s("path", { d: "M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 010 1.5h-1.5a.25.25 0 00-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 00.25-.25v-1.5a.75.75 0 011.5 0v1.5A1.75 1.75 0 019.25 16h-7.5A1.75 1.75 0 010 14.25zM5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0114.25 11h-7.5A1.75 1.75 0 015 9.25zm1.75-.25a.25.25 0 00-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 00.25-.25v-7.5a.25.25 0 00-.25-.25z" }, null, -1)]])), c[3] ||= l(" Copy row ", -1)]),
3354
3359
  c[14] ||= s("div", {
3355
3360
  class: "my-1",
3356
3361
  style: { borderTop: "1px solid var(--st-border-secondary)" }
@@ -3359,7 +3364,7 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
3359
3364
  class: "w-full text-left px-3 py-1.5 flex items-center gap-2 hover-menu-item",
3360
3365
  style: { color: "var(--st-text)" },
3361
3366
  onClick: P
3362
- }, [(y(), o("svg", yr, [...c[4] ||= [s("path", { d: "M.75 3a.75.75 0 000 1.5h14.5a.75.75 0 000-1.5H.75zM3 7.75A.75.75 0 013.75 7h8.5a.75.75 0 010 1.5h-8.5A.75.75 0 013 7.75zm3 4a.75.75 0 01.75-.75h2.5a.75.75 0 010 1.5h-2.5a.75.75 0 01-.75-.75z" }, null, -1)]])), c[5] ||= l(" Filter by value ", -1)]),
3367
+ }, [(y(), o("svg", br, [...c[4] ||= [s("path", { d: "M.75 3a.75.75 0 000 1.5h14.5a.75.75 0 000-1.5H.75zM3 7.75A.75.75 0 013.75 7h8.5a.75.75 0 010 1.5h-8.5A.75.75 0 013 7.75zm3 4a.75.75 0 01.75-.75h2.5a.75.75 0 010 1.5h-2.5a.75.75 0 01-.75-.75z" }, null, -1)]])), c[5] ||= l(" Filter by value ", -1)]),
3363
3368
  E.value === "modified" || D.value ? (y(), o(e, { key: 0 }, [
3364
3369
  c[8] ||= s("div", {
3365
3370
  class: "my-1",
@@ -3397,7 +3402,7 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
3397
3402
  n.customActions.length > 0 ? (y(), o(e, { key: 1 }, [c[9] ||= s("div", {
3398
3403
  class: "my-1",
3399
3404
  style: { borderTop: "1px solid var(--st-border-secondary)" }
3400
- }, null, -1), (y(!0), o(e, null, S(n.customActions, (t, n) => (y(), o(e, { key: t.divider ? `divider-${n}` : t.key }, [t.divider ? (y(), o("div", br)) : (y(), o("button", {
3405
+ }, null, -1), (y(!0), o(e, null, S(n.customActions, (t, n) => (y(), o(e, { key: t.divider ? `divider-${n}` : t.key }, [t.divider ? (y(), o("div", xr)) : (y(), o("button", {
3401
3406
  key: 1,
3402
3407
  type: "button",
3403
3408
  class: h(["w-full text-left px-3 py-1.5 flex items-center gap-2 hover-menu-item disabled:pointer-events-none", { "opacity-40 cursor-not-allowed": B(t, m.row) }]),
@@ -3408,7 +3413,7 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
3408
3413
  key: 0,
3409
3414
  class: "shrink-0 w-3.5 h-3.5 inline-flex items-center justify-center [&_svg]:max-w-full [&_svg]:max-h-full",
3410
3415
  innerHTML: t.icon
3411
- }, null, 8, Sr)) : a("", !0), s("span", null, C(t.label), 1)], 14, xr))], 64))), 128))], 64)) : a("", !0),
3416
+ }, null, 8, Cr)) : a("", !0), s("span", null, C(t.label), 1)], 14, Sr))], 64))), 128))], 64)) : a("", !0),
3412
3417
  n.allowRowEdit || n.allowRowDelete ? (y(), o(e, { key: 2 }, [
3413
3418
  c[13] ||= s("div", {
3414
3419
  class: "my-1",
@@ -3419,7 +3424,7 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
3419
3424
  class: "w-full text-left px-3 py-1.5 flex items-center gap-2 hover-menu-item",
3420
3425
  style: { color: "var(--st-text)" },
3421
3426
  onClick: F
3422
- }, [(y(), o("svg", Cr, [...c[10] ||= [s("path", { d: "M11.013 1.427a1.75 1.75 0 012.474 0l1.086 1.086a1.75 1.75 0 010 2.474l-8.61 8.61c-.21.21-.47.364-.756.445l-3.251.93a.75.75 0 01-.927-.928l.929-3.25a1.75 1.75 0 01.445-.758l8.61-8.61z" }, null, -1)]])), c[11] ||= l(" Edit row ", -1)])) : a("", !0),
3427
+ }, [(y(), o("svg", wr, [...c[10] ||= [s("path", { d: "M11.013 1.427a1.75 1.75 0 012.474 0l1.086 1.086a1.75 1.75 0 010 2.474l-8.61 8.61c-.21.21-.47.364-.756.445l-3.251.93a.75.75 0 01-.927-.928l.929-3.25a1.75 1.75 0 01.445-.758l8.61-8.61z" }, null, -1)]])), c[11] ||= l(" Edit row ", -1)])) : a("", !0),
3423
3428
  n.allowRowDelete && w.value !== "delete" ? (y(), o("button", {
3424
3429
  key: 1,
3425
3430
  class: "w-full text-left px-3 py-1.5 flex items-center gap-2 hover-menu-item",
@@ -3433,10 +3438,10 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
3433
3438
  ], 64)) : a("", !0)
3434
3439
  ])], 4)]));
3435
3440
  }
3436
- }, [["__scopeId", "data-v-3f2648fa"]]), Tr = { class: "px-5 pt-5 pb-4" }, Er = { style: { color: "var(--st-text-secondary)" } }, Dr = {
3441
+ }, [["__scopeId", "data-v-3f2648fa"]]), Er = { class: "px-5 pt-5 pb-4" }, Dr = { style: { color: "var(--st-text-secondary)" } }, Or = {
3437
3442
  class: "px-5 py-3 flex items-center justify-end gap-2",
3438
3443
  style: { borderTop: "1px solid var(--st-border-secondary)" }
3439
- }, Or = {
3444
+ }, kr = {
3440
3445
  __name: "DeleteRowsConfirmDialog",
3441
3446
  props: {
3442
3447
  modelValue: {
@@ -3472,10 +3477,10 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
3472
3477
  backgroundColor: "var(--st-bg-surface)",
3473
3478
  border: "1px solid var(--st-border-secondary)"
3474
3479
  })
3475
- }, [s("div", Tr, [c[0] ||= s("h3", {
3480
+ }, [s("div", Er, [c[0] ||= s("h3", {
3476
3481
  class: "font-medium text-sm mb-2",
3477
3482
  style: { color: "var(--st-text)" }
3478
- }, "Confirm deletion", -1), s("p", Er, " Are you sure you want to delete " + C(e.rowCount) + " row" + C(e.rowCount > 1 ? "s" : "") + "? This action cannot be undone. ", 1)]), s("div", Dr, [s("button", {
3483
+ }, "Confirm deletion", -1), s("p", Dr, " Are you sure you want to delete " + C(e.rowCount) + " row" + C(e.rowCount > 1 ? "s" : "") + "? This action cannot be undone. ", 1)]), s("div", Or, [s("button", {
3479
3484
  type: "button",
3480
3485
  class: "px-3 py-1.5 rounded text-[13px] transition-colors",
3481
3486
  style: {
@@ -3489,20 +3494,20 @@ var Tt = { class: "flex items-center gap-1.5 px-2 py-1.5 cursor-default overflow
3489
3494
  onClick: u
3490
3495
  }, " Delete " + C(e.rowCount) + " row" + C(e.rowCount > 1 ? "s" : ""), 1)])], 4)], 4)) : a("", !0)]));
3491
3496
  }
3492
- }, kr = 60;
3493
- function Ar(e, t) {
3497
+ }, Ar = 60;
3498
+ function jr(e, t) {
3494
3499
  let n = e.length, r = {};
3495
3500
  if (n === 0) return r;
3496
- let i = Math.max(kr * n, Math.floor(t)), a = Math.floor(i / n), o = i - a * n;
3501
+ let i = Math.max(Ar * n, Math.floor(t)), a = Math.floor(i / n), o = i - a * n;
3497
3502
  return e.forEach((e, t) => {
3498
3503
  r[e] = a + +(t < o);
3499
3504
  }), r;
3500
3505
  }
3501
- function jr(e, t, n) {
3506
+ function Mr(e, t, n) {
3502
3507
  let r = e.length;
3503
3508
  if (r === 0) return {};
3504
3509
  let i = Math.max(0, Math.floor(n)), a = t.reduce((e, t) => e + t, 0);
3505
- if (a <= 0) return Ar(e, i);
3510
+ if (a <= 0) return jr(e, i);
3506
3511
  let o = t.map((e) => i * e / a), s = o.map((e) => Math.floor(e)), c = i - s.reduce((e, t) => e + t, 0), l = [...o.keys()].sort((e, t) => {
3507
3512
  let n = o[e] - s[e];
3508
3513
  return o[t] - s[t] - n;
@@ -3518,16 +3523,16 @@ function jr(e, t, n) {
3518
3523
  }
3519
3524
  //#endregion
3520
3525
  //#region src/components/DataTable/contextMenuCoordinator.js
3521
- var Mr = null;
3522
- function Nr(e) {
3523
- Mr && Mr !== e && Mr(), Mr = e;
3524
- }
3526
+ var Nr = null;
3525
3527
  function Pr(e) {
3526
- Mr === e && (Mr = null);
3528
+ Nr && Nr !== e && Nr(), Nr = e;
3529
+ }
3530
+ function Fr(e) {
3531
+ Nr === e && (Nr = null);
3527
3532
  }
3528
3533
  //#endregion
3529
3534
  //#region src/components/DataTable/DataTable.vue
3530
- var Fr = ["data-st-theme"], Ir = {
3535
+ var Ir = ["data-st-theme"], Lr = {
3531
3536
  key: 1,
3532
3537
  class: "flex items-center gap-2 px-3 py-2 text-[13px] shrink-0",
3533
3538
  style: {
@@ -3535,7 +3540,7 @@ var Fr = ["data-st-theme"], Ir = {
3535
3540
  borderBottom: "1px solid rgba(239,68,68,0.3)",
3536
3541
  color: "#ef4444"
3537
3542
  }
3538
- }, Lr = { class: "flex-1" }, Rr = { class: "flex flex-1 min-h-0 min-w-0" }, zr = { class: "flex flex-col flex-1 min-w-0 min-h-0" }, Br = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif", Vr = /* @__PURE__ */ V({
3543
+ }, Rr = { class: "flex-1" }, zr = { class: "flex flex-1 min-h-0 min-w-0" }, Br = { class: "flex flex-col flex-1 min-w-0 min-h-0" }, Vr = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif", Hr = /* @__PURE__ */ V({
3539
3544
  __name: "DataTable",
3540
3545
  props: {
3541
3546
  columns: {
@@ -3787,7 +3792,7 @@ var Fr = ["data-st-theme"], Ir = {
3787
3792
  return e != null && String(e).trim() !== "" ? String(e).trim() : null;
3788
3793
  });
3789
3794
  b(f, O);
3790
- let A = r(() => ({ "--dt-font-family": O.value || Br })), M = r(() => ({
3795
+ let A = r(() => ({ "--dt-font-family": O.value || Vr })), M = r(() => ({
3791
3796
  ...E.value,
3792
3797
  ...A.value,
3793
3798
  backgroundColor: "var(--st-bg)",
@@ -4200,7 +4205,7 @@ var Fr = ["data-st-theme"], Ir = {
4200
4205
  cell: null
4201
4206
  });
4202
4207
  function Qe(e, t, n) {
4203
- Nr($e), $.value = {
4208
+ Pr($e), $.value = {
4204
4209
  show: !0,
4205
4210
  x: e.clientX,
4206
4211
  y: e.clientY,
@@ -4215,7 +4220,7 @@ var Fr = ["data-st-theme"], Ir = {
4215
4220
  y: 0,
4216
4221
  row: null,
4217
4222
  cell: null
4218
- }, Pr($e);
4223
+ }, Fr($e);
4219
4224
  }
4220
4225
  function et(e, t) {
4221
4226
  let n;
@@ -4283,7 +4288,7 @@ var Fr = ["data-st-theme"], Ir = {
4283
4288
  }
4284
4289
  let i = r.map((e) => t[e] ?? 60), a = i.reduce((e, t) => e + t, 0), o = Math.max(0, Math.floor(n - 84));
4285
4290
  if (a > 0 && a <= o && r.length > 0) {
4286
- let e = jr(r, i, o);
4291
+ let e = Mr(r, i, o);
4287
4292
  r.forEach((n) => {
4288
4293
  t[n] = e[n];
4289
4294
  });
@@ -4312,7 +4317,7 @@ var Fr = ["data-st-theme"], Ir = {
4312
4317
  requestAnimationFrame(() => e());
4313
4318
  }), nt(P.value?.getScrollViewportInnerWidth?.() ?? 0));
4314
4319
  }), v(() => {
4315
- at(), Pr($e);
4320
+ at(), Fr($e);
4316
4321
  }), c({ openDeleteConfirmation: Je }), (r, c) => (y(), o("div", {
4317
4322
  ref_key: "rootElRef",
4318
4323
  ref: N,
@@ -4397,13 +4402,13 @@ var Fr = ["data-st-theme"], Ir = {
4397
4402
  "sub-table-column-visibility",
4398
4403
  "table-name"
4399
4404
  ]))], 64)) : a("", !0),
4400
- t.error && !U.value ? (y(), o("div", Ir, [
4405
+ t.error && !U.value ? (y(), o("div", Lr, [
4401
4406
  c[19] ||= s("svg", {
4402
4407
  class: "w-3.5 h-3.5 shrink-0",
4403
4408
  viewBox: "0 0 16 16",
4404
4409
  fill: "currentColor"
4405
4410
  }, [s("path", { d: "M8 1a7 7 0 100 14A7 7 0 008 1zm0 3a.75.75 0 01.75.75v3.5a.75.75 0 01-1.5 0v-3.5A.75.75 0 018 4zm0 8a1 1 0 110-2 1 1 0 010 2z" })], -1),
4406
- s("span", Lr, C(t.error), 1),
4411
+ s("span", Rr, C(t.error), 1),
4407
4412
  s("button", {
4408
4413
  class: "opacity-60 hover:opacity-100",
4409
4414
  onClick: c[11] ||= (e) => U.value = !0
@@ -4413,14 +4418,14 @@ var Fr = ["data-st-theme"], Ir = {
4413
4418
  fill: "currentColor"
4414
4419
  }, [s("path", { d: "M3.72 3.72a.75.75 0 011.06 0L8 6.94l3.22-3.22a.75.75 0 111.06 1.06L9.06 8l3.22 3.22a.75.75 0 11-1.06 1.06L8 9.06l-3.22 3.22a.75.75 0 01-1.06-1.06L6.94 8 3.72 4.78a.75.75 0 010-1.06z" })], -1)]])
4415
4420
  ])) : a("", !0),
4416
- s("div", Rr, [s("div", zr, [u(En, {
4421
+ s("div", zr, [s("div", Br, [u(Dn, {
4417
4422
  ref_key: "tableGridRef",
4418
4423
  ref: P,
4419
4424
  table: T(Q),
4420
4425
  onUpdateCell: Ze,
4421
4426
  onContextMenu: Qe,
4422
4427
  onEditRow: We
4423
- }, null, 8, ["table"]), t.showPagination ? (y(), i(Hn, {
4428
+ }, null, 8, ["table"]), t.showPagination ? (y(), i(Un, {
4424
4429
  key: 0,
4425
4430
  table: T(Q),
4426
4431
  "total-count": t.totalCount,
@@ -4442,7 +4447,7 @@ var Fr = ["data-st-theme"], Ir = {
4442
4447
  "count-label-singular",
4443
4448
  "count-label-plural"
4444
4449
  ])) : a("", !0)]), u(n, { name: "slide-panel" }, {
4445
- default: j(() => [(H.value.insert || H.value.update) && Ve.value.open ? (y(), i(hr, {
4450
+ default: j(() => [(H.value.insert || H.value.update) && Ve.value.open ? (y(), i(gr, {
4446
4451
  key: 0,
4447
4452
  mode: Ve.value.mode,
4448
4453
  "row-data": Ve.value.rowData,
@@ -4458,13 +4463,13 @@ var Fr = ["data-st-theme"], Ir = {
4458
4463
  ])) : a("", !0)]),
4459
4464
  _: 1
4460
4465
  })]),
4461
- u(Or, {
4466
+ u(kr, {
4462
4467
  modelValue: z.value,
4463
4468
  "onUpdate:modelValue": c[12] ||= (e) => z.value = e,
4464
4469
  "row-count": B.value.length,
4465
4470
  onConfirm: Xe
4466
4471
  }, null, 8, ["modelValue", "row-count"]),
4467
- $.value.show ? (y(), i(wr, {
4472
+ $.value.show ? (y(), i(Tr, {
4468
4473
  key: 2,
4469
4474
  x: $.value.x,
4470
4475
  y: $.value.y,
@@ -4489,8 +4494,8 @@ var Fr = ["data-st-theme"], Ir = {
4489
4494
  "allow-row-edit",
4490
4495
  "allow-row-delete"
4491
4496
  ])) : a("", !0)
4492
- ], 14, Fr));
4497
+ ], 14, Ir));
4493
4498
  }
4494
4499
  }, [["__scopeId", "data-v-4b5ed867"]]);
4495
4500
  //#endregion
4496
- export { Vr as DataTable };
4501
+ export { Hr as DataTable };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@johnhalazonetis/data-table",
3
- "version": "1.25.3",
3
+ "version": "1.25.5",
4
4
  "description": "Feature-rich Vue 3 data grid built on TanStack Table",
5
5
  "license": "MIT",
6
6
  "repository": {