@turquoisehealth/pit-viper 2.240.2 → 2.240.3-dev.0

package/pv-components/dist/vue/visualizations/pv-components-visualizations.mjs

@@ -1,9 +1,9 @@
-(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.appendChild(document.createTextNode(`.pv-scatter-overlay[data-v-61f3afec]{pointer-events:none;z-index:2;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;width:100%;height:100%;display:grid;position:absolute;top:0;left:0}.pv-scatter-quadrant[data-v-61f3afec]{display:flex;overflow:hidden}.pv-scatter-quadrant-box[data-v-61f3afec]{color:#666;pointer-events:all;background:#8080801a;border-radius:4px;max-width:calc(100% - 10px);max-height:calc(100% - 10px);padding:8px;font-size:12px;font-weight:600;overflow:auto}.pv-scatter-quadrant-top-left[data-v-61f3afec]{grid-area:1/1;justify-content:flex-start;align-items:flex-start;padding:5px}.pv-scatter-quadrant-top-right[data-v-61f3afec]{grid-area:1/2;justify-content:flex-end;align-items:flex-start;padding:5px}.pv-scatter-quadrant-bottom-left[data-v-61f3afec]{grid-area:2/1;justify-content:flex-start;align-items:flex-end;padding:5px}.pv-scatter-quadrant-bottom-right[data-v-61f3afec]{grid-area:2/2;justify-content:flex-end;align-items:flex-end;padding:5px}.pv-chart-loading[data-v-61f3afec]{text-align:center;opacity:1;background-color:var(--color-background-body,white);z-index:4;justify-content:center;align-items:center;width:100%;height:100%;position:absolute;top:0;left:0}.pv-chart-loading-icon[data-v-61f3afec]{color:var(--color-text-brand,#16696d);animation:1.5s ease-in-out infinite pulse-61f3afec}@keyframes pulse-61f3afec{0%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.pv-chart-widget[data-v-21acdc5d]{box-sizing:border-box;flex-direction:column;width:100%;min-width:0;height:100%;min-height:0;display:flex;position:relative}.pv-chart-widget--constrained[data-v-21acdc5d]{overflow:hidden}.pv-chart-widget__chart-area[data-v-21acdc5d]{flex:auto;width:100%;min-height:0;position:relative;overflow:hidden}.pv-chart-widget__chart-scroll[data-v-21acdc5d]{width:100%;height:100%;min-height:0}.pv-chart-widget__chart-content[data-v-21acdc5d]{height:100%;min-height:100%}.pv-badge-md[data-v-013a5d76]{--inset-size:2px 2px;min-width:20px;min-height:20px;max-height:20px;font-weight:500}.pv-badge-sm[data-v-013a5d76]{--inset-size:0 2px;min-width:16px;min-height:16px;max-height:16px;font-weight:500}.pv-input-search[data-v-9e0c84d9]{display:block}.pv-select-button-trigger-content[data-v-da9865ad]{min-width:0}.pv-select-button-trigger[data-v-da9865ad]{height:1.5rem;padding-block:0}.pv-select-button-trigger.pv-button-large[data-v-da9865ad]{height:2rem}.pv-select-button-trigger-label[data-v-da9865ad]{flex:auto;min-width:0}.pv-switch-hide-check[data-v-73e6d2b2] input[type=checkbox]:checked:after,.pv-switch-hide-check[data-v-73e6d2b2] input[type=checkbox]:checked:not(:disabled):hover:after,.pv-switch-hide-check[data-v-73e6d2b2] input[type=checkbox]:checked:not(:disabled):focus-visible:after,.pv-switch-hide-check[data-v-73e6d2b2] input[type=checkbox]:checked:not(:disabled):active:after,.pv-switch-hide-check[data-v-73e6d2b2] input[type=checkbox]:checked:disabled:after{background-image:unset}.pv-action-button-reveal-on-hover{opacity:0;transition:opacity .2s}.pv-label:hover .pv-action-button-reveal-on-hover{opacity:1}.pv-menu-item-disabled[data-v-9130f2b2]{pointer-events:none;color:#7d898d;border-radius:4px}.pv-menu-item-disabled .pv-menu-item-action[data-v-9130f2b2]{pointer-events:auto;display:inline-flex}.pv-menu-item{&[data-v-9130f2b2]{cursor:pointer;border-radius:var(--popover-list-item-radius,4px);transition-property:background-color;transition-duration:.15s}&[data-v-9130f2b2]:hover,&[data-v-9130f2b2]:focus-visible{background-color:var(--popover-list-item-hover-background-color,#f5f5f5)}&[data-v-9130f2b2]:active{background-color:var(--popover-list-item-pressed-background-color,#ebebeb)}}.pv-radio[data-v-9130f2b2]:indeterminate{background-color:unset!important;border-color:var(--color-border,#e3e7ea)!important}.pv-menu-item-expand-chevron[data-v-9130f2b2]{flex-shrink:0;margin-left:auto;padding:4px}.pv-menu-item-disabled .pv-menu-item-expand-chevron[data-v-9130f2b2]{pointer-events:auto;color:inherit}.pv-popover-list[data-v-7b85ebe3]{font-size:14px}.pv-popover-pinned-sections[data-v-7b85ebe3]{flex-direction:column;display:flex;overflow:hidden}.pv-popover-pinned-sections .pv-popover-list[data-v-7b85ebe3]{overflow-y:auto}.pv-menu-popover[data-v-f14f755f]{z-index:50}.pv-popover-list>li[data-v-f14f755f]:last-child>.pv-label{margin-block-end:0}[data-v-f14f755f] .pv-menu-nested:after{content:"";border-top:1.5px solid;border-right:1.5px solid;flex-shrink:0;width:.4rem;height:.4rem;margin-left:auto;margin-right:.2rem;transform:rotate(45deg)}.pv-map-chart[data-v-af7882f9]{flex-direction:column;width:100%;height:100%;display:flex}.pv-map-chart__header[data-v-af7882f9]{flex:none}.pv-map-chart__chart[data-v-af7882f9]{flex:auto;min-height:0}.pv-data-widget[data-v-9118bfea]{box-sizing:border-box;width:100%;min-width:0;min-height:0}.pv-data-widget--constrained[data-v-9118bfea]{flex-direction:column;display:flex;overflow:hidden}.pv-data-widget--constrained .pv-data-widget__body[data-v-9118bfea]{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.pv-data-widget__table-container[data-v-9118bfea]{min-height:0}.pv-data-widget__below-table[data-v-9118bfea]{margin-top:16px}.pv-data-widget--constrained .pv-data-widget__table-container[data-v-9118bfea]{flex:auto}.pv-data-widget--constrained .pv-data-widget__below-table[data-v-9118bfea]{flex:none}.pv-data-widget__chart-scroll[data-v-9118bfea]{width:100%;min-height:0;overflow:hidden}.pv-data-widget--constrained .pv-data-widget__chart-scroll[data-v-9118bfea]{flex:auto}.pv-data-widget__chart-content[data-v-9118bfea]{min-height:100%}.pv-button-icon[aria-expanded=true][data-v-bb8eae3f]{background-color:var(--button-icon-pressed-background-color,#c7d8db)}.pv-select[data-v-bb8eae3f]{padding-top:4px;padding-bottom:4px}.dots-button[data-v-cfa4cb54]{color:var(--color-text-subdued,#4b595c);background-color:#0000}.input-icon-position{pointer-events:none;position:absolute;top:8px;left:12px}.pv-query-builder-input-wrapper[data-v-fb2cc737]{background:var(--color-background-accent,var(--secondary-lighten-8,#f7f8f8));border-radius:var(--corner-radius-M,4px);border:1px solid var(--color-border,var(--stroke-light,#e3e7ea));cursor:text;--button-small-icon-only-padding:.1875rem;align-items:center;width:100%;min-height:2rem;padding:.1875rem .25rem;font-size:.75rem;display:flex;position:relative}.pv-query-builder-input-small[data-v-fb2cc737]{--button-small-icon-only-padding:.0625rem;min-height:1.5rem;padding-block:.0625rem}.pv-query-builder-input[data-v-fb2cc737]{justify-content:start;overflow-x:hidden}.pv-query-builder-input-wrapper input[data-v-fb2cc737]{background:0 0;border:none;outline:none;flex:1rem;min-width:1rem;font-size:.75rem}.pv-query-builder-group-label[data-v-fb2cc737]{padding:.5rem .5rem .25rem;font-weight:500;display:block}.pv-query-builder-option-active[data-v-fb2cc737]{background-color:var(--popover-list-item-hover-background-color,#f5f5f5);border-radius:var(--popover-list-item-radius,4px)}.pv-query-builder-input-wrapper[data-v-fb2cc737]:focus-within{border-color:var(--text-input-focus-border-color,#36c5ba)}.pv-table-row-count{opacity:1;background-color:var(--color-background-accent,#f7f8f8);transition:opacity .3s;position:absolute;top:6px;right:12px}.pv-table-group-cell:hover .pv-table-row-count{opacity:0}.pv-table-row-number{text-align:center;color:var(--color-text-quaternary,#89989b);padding:8px 12px 8px 0}.suggested-title-label[data-v-cdeeca2c]:hover{color:var(--color-text-brand,#0d5256);text-decoration:underline}.pv-details-no-carat>summary[data-v-b4740f96]{cursor:default;background-image:none}.ag-custom-header-cell[data-v-ec17105d]{align-items:center;height:100%}.ag-header-actions .ag-header-cell-menu-button[data-v-ec17105d]{opacity:0;transition:opacity .2s ease-in-out}.ag-header-cell-menu-button:hover .ag-header-actions .ag-header-cell-menu-button[data-v-ec17105d],.ag-header-cell-menu-button:focus .ag-header-actions .ag-header-cell-menu-button[data-v-ec17105d]{opacity:1}.ag-custom-header-cell-with-agg-selector{height:100%;margin-inline:calc(var(--ag-cell-horizontal-padding) * -1);width:calc(100% + var(--ag-cell-horizontal-padding) * 2);position:relative}.ag-header-agg-func-selector{--button-ghost-hover-background-color:var(--ag-header-cell-hover-background-color,var(--color-background-accent,#f7f8f8));position:absolute;inset:0}.ag-header-agg-func-selector>div,.ag-header-agg-func-selector .pv-select-button-trigger{height:100%}.ag-header-agg-func-selector .pv-select-button-trigger{padding-inline:var(--ag-cell-horizontal-padding);border-radius:0;justify-content:flex-end}.pv-table-row-number[data-v-2485e378]{text-align:center;color:var(--color-text-quaternary,#89989b);padding:8px 12px 8px 0}.pv-table-overlay{z-index:2;background:var(--color-background-body,white);pointer-events:none;width:100%;height:calc(100% - 40px);position:absolute;top:80px}.pv-data-table .ag-header-cell-resize{border:none!important}.pv-data-table .ag-cell-inline-editing .ag-cell-editor{height:100%!important}.pv-data-table .ag-rich-select-value{min-height:100%!important}.pv-data-table .pv-data-table-cell-clickable{cursor:pointer}.pv-data-table .pv-data-table-cell-clickable:hover{background-color:var(--button-ghost-hover-background-color,#e8f2f4)}.pv-data-table .ag-row.pv-data-table-row-clickable{cursor:pointer}.pv-data-table .ag-row.pv-data-table-row-clickable:hover{background-color:var(--button-ghost-hover-background-color,#e8f2f4)}.pv-data-table .ag-row.pv-data-table-row-clickable.ag-row-focus{box-shadow:inset 0 0 0 1px var(--text-input-focus-border-color,#36c5ba)}.pv-data-table .ag-row.pv-data-table-row-clickable .ag-cell-focus{border-color:#0000}.pv-data-table .ag-row-group-leaf-indent{margin-left:0;padding-left:7px}.pv-data-table .ag-custom-loading-cell{background-color:var(--p-skeleton-background,#ccc);border-radius:4px;width:100%;height:40%;margin:15px}.pv-data-table .ag-group-value{width:100%;height:100%}.pv-data-table .ag-row:not(.ag-row-group) .ag-cell-wrapper{align-items:stretch;height:100%}.pv-data-table .ag-menu-option:hover{background-color:var(--popover-list-item-hover-background-color,#f7f8f8)}.pv-data-table .ag-menu-option-shortcut{color:var(--color-text-quaternary,#89989b)}.pv-data-table .ag-menu-option:active{background-color:var(--popover-list-item-pressed-background-color,#e8f2f4)}.pv-data-table .ag-menu-option-text{font-family:Inter,sans-serif}.pv-data-table .ag-header-cell-menu-button:hover{box-shadow:unset!important}.pv-data-table .ag-button{border-radius:4px!important;padding:3px 8px!important;font-size:12px!important}.pv-data-table-grouped-card .ag-body-horizontal-scroll{display:none!important}.pv-data-table-grouped-card .ag-header-cell-resize{opacity:0;transition:opacity .2s}.pv-data-table-grouped-card .ag-header-cell:hover .ag-header-cell-resize{opacity:1}.pv-data-table-grouped-card .ag-row-group-contracted{background:linear-gradient(to bottom, var(--color-background-body,white) 5px, var(--color-background-accent,#f7f8f8) 5px, var(--color-background-accent,#f7f8f8) calc(100% - 5px), var(--color-background-body,white) calc(100% - 5px))!important}.pv-data-table-grouped-card .ag-row-group-expanded{background:linear-gradient(to bottom, var(--color-background-body,white) 5px, var(--color-background-accent,#f7f8f8) 5px)!important}.pv-data-table-grouped-card .ag-row-group-contracted .ag-cell,.pv-data-table-grouped-card .ag-row-group-expanded .ag-cell{border:none!important;align-items:center!important;padding-top:5px!important;padding-bottom:5px!important}.pv-data-table-grouped-card .ag-row-group-contracted .ag-cell-wrapper,.pv-data-table-grouped-card .ag-row-group-expanded .ag-cell-wrapper{align-items:center!important;height:100%!important}.pv-data-table-grouped-card .ag-row-group-contracted .ag-cell-value,.pv-data-table-grouped-card .ag-row-group-expanded .ag-cell-value{height:100%!important}.pv-data-table-grouped-card .ag-row:not(.ag-row-group-contracted):not(.ag-row-group-expanded){border-bottom:1px solid var(--color-border,#e0e0e0)!important;border-left:1px solid var(--color-border,#e0e0e0)!important;border-right:1px solid var(--color-border,#e0e0e0)!important}.pv-data-table-grouped-card .ag-row-loading{box-sizing:border-box;border-top:1px solid var(--color-border,#e0e0e0)!important}.pv-data-table-grouped-card .ag-row.pv-data-table-group-last-child,.pv-data-table-grouped-card .ag-row:not(.ag-row-group-contracted):not(.ag-row-group-expanded).ag-row-last{border-radius:0 0 4px 4px}.pv-data-table-grouped-card .ag-row-group-contracted:after{content:"";border:1px solid var(--color-border,#e0e0e0);pointer-events:none;border-radius:4px;position:absolute;inset:5px 0}.pv-data-table-grouped-card .ag-row-group-expanded:after{content:"";border:1px solid var(--color-border,#e0e0e0);pointer-events:none;border-radius:4px 4px 0 0;position:absolute;inset:5px 0 0}.pv-data-table-grouped-card .ag-row-group-contracted:hover,.pv-data-table-grouped-card .ag-row-group-expanded:hover{background:linear-gradient(to bottom, var(--color-background-body,white) 5px, var(--color-background-brand-accent,#eef0f0) 5px, var(--color-background-brand-accent,#eef0f0) calc(100% - 5px), var(--color-background-body,white) calc(100% - 5px))!important}.pv-data-table-grouped-card .ag-row-group-expanded:hover{background:linear-gradient(to bottom, var(--color-background-body,white) 5px, var(--color-background-brand-accent,#eef0f0) 5px)!important}.pv-data-table-grouped-card .ag-row:not(.ag-row-group-contracted):not(.ag-row-group-expanded):hover{background-color:var(--color-background-accent,#f7f8f8)!important}.pv-data-table-grouped-card .ag-group-value{height:100%}.pv-data-table-classic .ag-row-last{border-bottom:none!important}.pv-data-table-classic .ag-header-cell-resize{opacity:0;transition:opacity .2s}.pv-data-table-classic .ag-header-cell:hover .ag-header-cell-resize{opacity:1}.pv-text-tertiary[data-v-a3c94e3a]{color:var(--color-text-quaternary,#89989b)}.pv-button-placeholder[data-v-a3c94e3a]{width:24px;height:24px}.pv-sort-option[data-v-a3c94e3a]{--flex-gap:4px;cursor:grab;min-height:24px}.pv-menu-item-disabled[data-v-a3c94e3a]{pointer-events:none;color:var(--text-input-disabled-text-color,#7d898d)}.placeholder-zone[data-v-a3c94e3a]{transition:background-color .2s}.pv-placeholder-dropzone[data-v-a3c94e3a]{justify-content:center;align-items:center;padding:8px 4px;transition:all .2s;border-style:dashed!important;border-color:var(--color-border,#e3e7ea)!important}.placeholder-zone.placeholder-drag-over .pv-placeholder-dropzone[data-v-a3c94e3a]{background:#f0f9f9;border-color:var(--color-border-brand,#16696d)!important}.sort-divider-container[data-v-a3c94e3a]{display:flex}.sort-divider[data-v-a3c94e3a]{border-top:1px solid var(--color-border,#e3e7ea);flex:1;margin:1rem 0;position:relative}.sort-divider[data-v-a3c94e3a]:after{content:attr(data-label);background:var(--color-background-body,#fff);font-size:inherit;white-space:nowrap;padding:0 .5em;display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[data-v-333de0aa] .pv-legacy-chart-menu-nested:after{content:"›";margin-left:auto}[data-v-333de0aa] .pv-legacy-chart-menu-nested-active{background-color:var(--popover-list-selected-item-background-color,#e4f8f6)}[data-v-333de0aa] .pv-legacy-chart-option{min-width:150px;max-width:225px}.pv-chart-config-popover{width:max-content;max-width:500px}.pv-data-table-with-chart__chart-scroll{contain:inline-size;width:100%;min-height:0;overflow:hidden}.pv-data-table-with-chart__chart-content{min-height:100%}.pv-chart-overlay{pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ag-charts-tooltip{background-color:#fffffff2}.pv-data-table-with-chart__crossline-tooltip.ag-charts-tooltip{border-radius:4px;box-shadow:0 0 8px #0000001f}.ag-charts-floating-toolbar{display:none!important}
+(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.appendChild(document.createTextNode(`.pv-scatter-overlay[data-v-61f3afec]{pointer-events:none;z-index:2;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;width:100%;height:100%;display:grid;position:absolute;top:0;left:0}.pv-scatter-quadrant[data-v-61f3afec]{display:flex;overflow:hidden}.pv-scatter-quadrant-box[data-v-61f3afec]{color:#666;pointer-events:all;background:#8080801a;border-radius:4px;max-width:calc(100% - 10px);max-height:calc(100% - 10px);padding:8px;font-size:12px;font-weight:600;overflow:auto}.pv-scatter-quadrant-top-left[data-v-61f3afec]{grid-area:1/1;justify-content:flex-start;align-items:flex-start;padding:5px}.pv-scatter-quadrant-top-right[data-v-61f3afec]{grid-area:1/2;justify-content:flex-end;align-items:flex-start;padding:5px}.pv-scatter-quadrant-bottom-left[data-v-61f3afec]{grid-area:2/1;justify-content:flex-start;align-items:flex-end;padding:5px}.pv-scatter-quadrant-bottom-right[data-v-61f3afec]{grid-area:2/2;justify-content:flex-end;align-items:flex-end;padding:5px}.pv-chart-loading[data-v-61f3afec]{text-align:center;opacity:1;background-color:var(--color-background-body,white);z-index:4;justify-content:center;align-items:center;width:100%;height:100%;position:absolute;top:0;left:0}.pv-chart-loading-icon[data-v-61f3afec]{color:var(--color-text-brand,#16696d);animation:1.5s ease-in-out infinite pulse-61f3afec}@keyframes pulse-61f3afec{0%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.pv-chart-widget[data-v-21acdc5d]{box-sizing:border-box;flex-direction:column;width:100%;min-width:0;height:100%;min-height:0;display:flex;position:relative}.pv-chart-widget--constrained[data-v-21acdc5d]{overflow:hidden}.pv-chart-widget__chart-area[data-v-21acdc5d]{flex:auto;width:100%;min-height:0;position:relative;overflow:hidden}.pv-chart-widget__chart-scroll[data-v-21acdc5d]{width:100%;height:100%;min-height:0}.pv-chart-widget__chart-content[data-v-21acdc5d]{height:100%;min-height:100%}.pv-badge-md[data-v-013a5d76]{--inset-size:2px 2px;min-width:20px;min-height:20px;max-height:20px;font-weight:500}.pv-badge-sm[data-v-013a5d76]{--inset-size:0 2px;min-width:16px;min-height:16px;max-height:16px;font-weight:500}.pv-input-search[data-v-9e0c84d9]{display:block}.pv-select-button-trigger-content[data-v-da9865ad]{min-width:0}.pv-select-button-trigger[data-v-da9865ad]{height:1.5rem;padding-block:0}.pv-select-button-trigger.pv-button-large[data-v-da9865ad]{height:2rem}.pv-select-button-trigger-label[data-v-da9865ad]{flex:auto;min-width:0}.pv-switch-hide-check[data-v-73e6d2b2] input[type=checkbox]:checked:after,.pv-switch-hide-check[data-v-73e6d2b2] input[type=checkbox]:checked:not(:disabled):hover:after,.pv-switch-hide-check[data-v-73e6d2b2] input[type=checkbox]:checked:not(:disabled):focus-visible:after,.pv-switch-hide-check[data-v-73e6d2b2] input[type=checkbox]:checked:not(:disabled):active:after,.pv-switch-hide-check[data-v-73e6d2b2] input[type=checkbox]:checked:disabled:after{background-image:unset}.pv-action-button-reveal-on-hover{opacity:0;transition:opacity .2s}.pv-label:hover .pv-action-button-reveal-on-hover{opacity:1}.pv-menu-item-disabled[data-v-9130f2b2]{pointer-events:none;color:#7d898d;border-radius:4px}.pv-menu-item-disabled .pv-menu-item-action[data-v-9130f2b2]{pointer-events:auto;display:inline-flex}.pv-menu-item{&[data-v-9130f2b2]{cursor:pointer;border-radius:var(--popover-list-item-radius,4px);transition-property:background-color;transition-duration:.15s}&[data-v-9130f2b2]:hover,&[data-v-9130f2b2]:focus-visible{background-color:var(--popover-list-item-hover-background-color,#f5f5f5)}&[data-v-9130f2b2]:active{background-color:var(--popover-list-item-pressed-background-color,#ebebeb)}}.pv-radio[data-v-9130f2b2]:indeterminate{background-color:unset!important;border-color:var(--color-border,#e3e7ea)!important}.pv-menu-item-expand-chevron[data-v-9130f2b2]{flex-shrink:0;margin-left:auto;padding:4px}.pv-menu-item-disabled .pv-menu-item-expand-chevron[data-v-9130f2b2]{pointer-events:auto;color:inherit}.pv-popover-list[data-v-fe6e9c6a]{font-size:14px}.pv-popover-pinned-sections[data-v-fe6e9c6a]{flex-direction:column;display:flex;overflow:hidden}.pv-popover-pinned-sections .pv-popover-list[data-v-fe6e9c6a]{overflow-y:auto}.pv-menu-popover[data-v-f14f755f]{z-index:50}.pv-popover-list>li[data-v-f14f755f]:last-child>.pv-label{margin-block-end:0}[data-v-f14f755f] .pv-menu-nested:after{content:"";border-top:1.5px solid;border-right:1.5px solid;flex-shrink:0;width:.4rem;height:.4rem;margin-left:auto;margin-right:.2rem;transform:rotate(45deg)}.pv-map-chart[data-v-af7882f9]{flex-direction:column;width:100%;height:100%;display:flex}.pv-map-chart__header[data-v-af7882f9]{flex:none}.pv-map-chart__chart[data-v-af7882f9]{flex:auto;min-height:0}.pv-data-widget[data-v-9118bfea]{box-sizing:border-box;width:100%;min-width:0;min-height:0}.pv-data-widget--constrained[data-v-9118bfea]{flex-direction:column;display:flex;overflow:hidden}.pv-data-widget--constrained .pv-data-widget__body[data-v-9118bfea]{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.pv-data-widget__table-container[data-v-9118bfea]{min-height:0}.pv-data-widget__below-table[data-v-9118bfea]{margin-top:16px}.pv-data-widget--constrained .pv-data-widget__table-container[data-v-9118bfea]{flex:auto}.pv-data-widget--constrained .pv-data-widget__below-table[data-v-9118bfea]{flex:none}.pv-data-widget__chart-scroll[data-v-9118bfea]{width:100%;min-height:0;overflow:hidden}.pv-data-widget--constrained .pv-data-widget__chart-scroll[data-v-9118bfea]{flex:auto}.pv-data-widget__chart-content[data-v-9118bfea]{min-height:100%}.pv-button-icon[aria-expanded=true][data-v-bb8eae3f]{background-color:var(--button-icon-pressed-background-color,#c7d8db)}.pv-select[data-v-bb8eae3f]{padding-top:4px;padding-bottom:4px}.dots-button[data-v-cfa4cb54]{color:var(--color-text-subdued,#4b595c);background-color:#0000}.input-icon-position{pointer-events:none;position:absolute;top:8px;left:12px}.pv-query-builder-input-wrapper[data-v-62aa7767]{background:var(--color-background-accent,var(--secondary-lighten-8,#f7f8f8));border-radius:var(--corner-radius-M,4px);border:1px solid var(--color-border,var(--stroke-light,#e3e7ea));cursor:text;--button-small-icon-only-padding:.1875rem;align-items:center;width:100%;min-height:2rem;padding:.1875rem .25rem;font-size:.75rem;display:flex;position:relative}.pv-query-builder-input-small[data-v-62aa7767]{--button-small-icon-only-padding:.0625rem;min-height:1.5rem;padding-block:.0625rem}.pv-query-builder-input[data-v-62aa7767]{justify-content:start;overflow-x:hidden}.pv-query-builder-input-wrapper input[data-v-62aa7767]{background:0 0;border:none;outline:none;flex:1rem;min-width:1rem;font-size:.75rem}.pv-query-builder-group-label[data-v-62aa7767]{padding:.5rem .5rem .25rem;font-weight:500;display:block}.pv-query-builder-option-active[data-v-62aa7767]{background-color:var(--popover-list-item-hover-background-color,#f5f5f5);border-radius:var(--popover-list-item-radius,4px)}.pv-query-builder-input-wrapper[data-v-62aa7767]:focus-within{border-color:var(--text-input-focus-border-color,#36c5ba)}.pv-table-row-count{opacity:1;background-color:var(--color-background-accent,#f7f8f8);transition:opacity .3s;position:absolute;top:6px;right:12px}.pv-table-group-cell:hover .pv-table-row-count{opacity:0}.pv-table-row-number{text-align:center;color:var(--color-text-quaternary,#89989b);padding:8px 12px 8px 0}.suggested-title-label[data-v-cdeeca2c]:hover{color:var(--color-text-brand,#0d5256);text-decoration:underline}.pv-details-no-carat>summary[data-v-b4740f96]{cursor:default;background-image:none}.ag-custom-header-cell[data-v-ec17105d]{align-items:center;height:100%}.ag-header-actions .ag-header-cell-menu-button[data-v-ec17105d]{opacity:0;transition:opacity .2s ease-in-out}.ag-header-cell-menu-button:hover .ag-header-actions .ag-header-cell-menu-button[data-v-ec17105d],.ag-header-cell-menu-button:focus .ag-header-actions .ag-header-cell-menu-button[data-v-ec17105d]{opacity:1}.ag-custom-header-cell-with-agg-selector{height:100%;margin-inline:calc(var(--ag-cell-horizontal-padding) * -1);width:calc(100% + var(--ag-cell-horizontal-padding) * 2);position:relative}.ag-header-agg-func-selector{--button-ghost-hover-background-color:var(--ag-header-cell-hover-background-color,var(--color-background-accent,#f7f8f8));position:absolute;inset:0}.ag-header-agg-func-selector>div,.ag-header-agg-func-selector .pv-select-button-trigger{height:100%}.ag-header-agg-func-selector .pv-select-button-trigger{padding-inline:var(--ag-cell-horizontal-padding);border-radius:0;justify-content:flex-end}.pv-table-row-number[data-v-2485e378]{text-align:center;color:var(--color-text-quaternary,#89989b);padding:8px 12px 8px 0}.pv-table-overlay{z-index:2;background:var(--color-background-body,white);pointer-events:none;width:100%;height:calc(100% - 40px);position:absolute;top:80px}.pv-data-table .ag-header-cell-resize{border:none!important}.pv-data-table .ag-cell-inline-editing .ag-cell-editor{height:100%!important}.pv-data-table .ag-rich-select-value{min-height:100%!important}.pv-data-table .pv-data-table-cell-clickable{cursor:pointer}.pv-data-table .pv-data-table-cell-clickable:hover{background-color:var(--button-ghost-hover-background-color,#e8f2f4)}.pv-data-table .ag-row.pv-data-table-row-clickable{cursor:pointer}.pv-data-table .ag-row.pv-data-table-row-clickable:hover{background-color:var(--button-ghost-hover-background-color,#e8f2f4)}.pv-data-table .ag-row.pv-data-table-row-clickable.ag-row-focus{box-shadow:inset 0 0 0 1px var(--text-input-focus-border-color,#36c5ba)}.pv-data-table .ag-row.pv-data-table-row-clickable .ag-cell-focus{border-color:#0000}.pv-data-table .ag-row-group-leaf-indent{margin-left:0;padding-left:7px}.pv-data-table .ag-custom-loading-cell{background-color:var(--p-skeleton-background,#ccc);border-radius:4px;width:100%;height:40%;margin:15px}.pv-data-table .ag-group-value{width:100%;height:100%}.pv-data-table .ag-row:not(.ag-row-group) .ag-cell-wrapper{align-items:stretch;height:100%}.pv-data-table .ag-menu-option:hover{background-color:var(--popover-list-item-hover-background-color,#f7f8f8)}.pv-data-table .ag-menu-option-shortcut{color:var(--color-text-quaternary,#89989b)}.pv-data-table .ag-menu-option:active{background-color:var(--popover-list-item-pressed-background-color,#e8f2f4)}.pv-data-table .ag-menu-option-text{font-family:Inter,sans-serif}.pv-data-table .ag-header-cell-menu-button:hover{box-shadow:unset!important}.pv-data-table .ag-button{border-radius:4px!important;padding:3px 8px!important;font-size:12px!important}.pv-data-table-grouped-card .ag-body-horizontal-scroll{display:none!important}.pv-data-table-grouped-card .ag-header-cell-resize{opacity:0;transition:opacity .2s}.pv-data-table-grouped-card .ag-header-cell:hover .ag-header-cell-resize{opacity:1}.pv-data-table-grouped-card .ag-row-group-contracted{background:linear-gradient(to bottom, var(--color-background-body,white) 5px, var(--color-background-accent,#f7f8f8) 5px, var(--color-background-accent,#f7f8f8) calc(100% - 5px), var(--color-background-body,white) calc(100% - 5px))!important}.pv-data-table-grouped-card .ag-row-group-expanded{background:linear-gradient(to bottom, var(--color-background-body,white) 5px, var(--color-background-accent,#f7f8f8) 5px)!important}.pv-data-table-grouped-card .ag-row-group-contracted .ag-cell,.pv-data-table-grouped-card .ag-row-group-expanded .ag-cell{border:none!important;align-items:center!important;padding-top:5px!important;padding-bottom:5px!important}.pv-data-table-grouped-card .ag-row-group-contracted .ag-cell-wrapper,.pv-data-table-grouped-card .ag-row-group-expanded .ag-cell-wrapper{align-items:center!important;height:100%!important}.pv-data-table-grouped-card .ag-row-group-contracted .ag-cell-value,.pv-data-table-grouped-card .ag-row-group-expanded .ag-cell-value{height:100%!important}.pv-data-table-grouped-card .ag-row:not(.ag-row-group-contracted):not(.ag-row-group-expanded){border-bottom:1px solid var(--color-border,#e0e0e0)!important;border-left:1px solid var(--color-border,#e0e0e0)!important;border-right:1px solid var(--color-border,#e0e0e0)!important}.pv-data-table-grouped-card .ag-row-loading{box-sizing:border-box;border-top:1px solid var(--color-border,#e0e0e0)!important}.pv-data-table-grouped-card .ag-row.pv-data-table-group-last-child,.pv-data-table-grouped-card .ag-row:not(.ag-row-group-contracted):not(.ag-row-group-expanded).ag-row-last{border-radius:0 0 4px 4px}.pv-data-table-grouped-card .ag-row-group-contracted:after{content:"";border:1px solid var(--color-border,#e0e0e0);pointer-events:none;border-radius:4px;position:absolute;inset:5px 0}.pv-data-table-grouped-card .ag-row-group-expanded:after{content:"";border:1px solid var(--color-border,#e0e0e0);pointer-events:none;border-radius:4px 4px 0 0;position:absolute;inset:5px 0 0}.pv-data-table-grouped-card .ag-row-group-contracted:hover,.pv-data-table-grouped-card .ag-row-group-expanded:hover{background:linear-gradient(to bottom, var(--color-background-body,white) 5px, var(--color-background-brand-accent,#eef0f0) 5px, var(--color-background-brand-accent,#eef0f0) calc(100% - 5px), var(--color-background-body,white) calc(100% - 5px))!important}.pv-data-table-grouped-card .ag-row-group-expanded:hover{background:linear-gradient(to bottom, var(--color-background-body,white) 5px, var(--color-background-brand-accent,#eef0f0) 5px)!important}.pv-data-table-grouped-card .ag-row:not(.ag-row-group-contracted):not(.ag-row-group-expanded):hover{background-color:var(--color-background-accent,#f7f8f8)!important}.pv-data-table-grouped-card .ag-group-value{height:100%}.pv-data-table-classic .ag-row-last{border-bottom:none!important}.pv-data-table-classic .ag-header-cell-resize{opacity:0;transition:opacity .2s}.pv-data-table-classic .ag-header-cell:hover .ag-header-cell-resize{opacity:1}.pv-text-tertiary[data-v-f9030e5e]{color:var(--color-text-quaternary,#89989b)}.pv-button-placeholder[data-v-f9030e5e]{width:24px;height:24px}.pv-sort-option[data-v-f9030e5e]{--flex-gap:4px;cursor:grab;min-height:24px}.pv-sort-option-locked[data-v-f9030e5e]{cursor:default}.pv-menu-item-disabled[data-v-f9030e5e]{pointer-events:none;color:var(--text-input-disabled-text-color,#7d898d)}.placeholder-zone[data-v-f9030e5e]{transition:background-color .2s}.pv-placeholder-dropzone[data-v-f9030e5e]{justify-content:center;align-items:center;padding:8px 4px;transition:all .2s;border-style:dashed!important;border-color:var(--color-border,#e3e7ea)!important}.placeholder-zone.placeholder-drag-over .pv-placeholder-dropzone[data-v-f9030e5e]{background:#f0f9f9;border-color:var(--color-border-brand,#16696d)!important}.sort-divider-container[data-v-f9030e5e]{display:flex}.sort-divider[data-v-f9030e5e]{border-top:1px solid var(--color-border,#e3e7ea);flex:1;margin:1rem 0;position:relative}.sort-divider[data-v-f9030e5e]:after{content:attr(data-label);background:var(--color-background-body,#fff);font-size:inherit;white-space:nowrap;padding:0 .5em;display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[data-v-c9617d5a] .pv-legacy-chart-menu-nested:after{content:"›";margin-left:auto}[data-v-c9617d5a] .pv-legacy-chart-menu-nested-active{background-color:var(--popover-list-selected-item-background-color,#e4f8f6)}[data-v-c9617d5a] .pv-legacy-chart-option{min-width:150px;max-width:225px}.pv-chart-config-popover{width:max-content;max-width:500px}.pv-data-table-with-chart__chart-scroll{contain:inline-size;width:100%;min-height:0;overflow:hidden}.pv-data-table-with-chart__chart-content{min-height:100%}.pv-chart-overlay{pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ag-charts-tooltip{background-color:#fffffff2}.pv-data-table-with-chart__crossline-tooltip.ag-charts-tooltip{border-radius:4px;box-shadow:0 0 8px #0000001f}.ag-charts-floating-toolbar{display:none!important}
 /*$vite$:1*/`)),document.head.appendChild(e)}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();import * as e from "vue";
-import { Fragment as t, Teleport as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createSlots as c, createTextVNode as l, createVNode as u, defineComponent as d, getCurrentInstance as f, guardReactiveProps as p, inject as m, isRef as h, mergeModels as g, mergeProps as _, nextTick as v, normalizeClass as y, normalizeProps as b, normalizeStyle as x, onBeforeMount as S, onBeforeUnmount as C, onBeforeUpdate as w, onMounted as T, onUnmounted as E, openBlock as D, provide as O, ref as k, renderList as A, renderSlot as j, resolveComponent as M, resolveDynamicComponent as N, shallowRef as ee, toDisplayString as P, toHandlers as F, toRaw as I, toRef as L, unref as R, useAttrs as z, useId as te, useModel as B, useSlots as ne, useTemplateRef as V, vModelCheckbox as re, vModelText as H, vShow as ie, watch as U, withCtx as W, withDirectives as ae, withKeys as G, withModifiers as K } from "vue";
-import { AgCharts as oe } from "ag-charts-vue3";
-import { LicenseManager as se } from "ag-charts-enterprise";
-import { onClickOutside as ce, onKeyStroke as le, toRef as q, useDebounceFn as ue, useElementBounding as J, useElementHover as de, useElementSize as fe, useToggle as Y, watchDebounced as pe } from "@vueuse/core";
+import { Fragment as t, Teleport as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createSlots as c, createTextVNode as l, createVNode as u, defineComponent as d, getCurrentInstance as f, guardReactiveProps as p, inject as m, isRef as h, mergeModels as g, mergeProps as _, nextTick as v, normalizeClass as y, normalizeProps as b, normalizeStyle as x, onBeforeMount as S, onBeforeUnmount as C, onBeforeUpdate as w, onMounted as T, onUnmounted as E, openBlock as D, provide as O, ref as k, renderList as A, renderSlot as j, resolveComponent as M, resolveDynamicComponent as N, shallowRef as ee, toDisplayString as P, toHandlers as F, toRaw as I, toRef as L, unref as R, useAttrs as z, useId as te, useModel as B, useSlots as ne, useTemplateRef as V, vModelCheckbox as re, vModelText as H, vShow as ie, watch as U, withCtx as W, withDirectives as ae, withKeys as oe, withModifiers as G } from "vue";
+import { AgCharts as se } from "ag-charts-vue3";
+import { LicenseManager as ce } from "ag-charts-enterprise";
+import { onClickOutside as le, onKeyStroke as K, toRef as q, useDebounceFn as ue, useElementBounding as J, useElementHover as de, useElementSize as fe, useToggle as Y, watchDebounced as pe } from "@vueuse/core";
 import { useSortable as X } from "@vueuse/integrations/useSortable.mjs";
 import { AgGridVue as me } from "ag-grid-vue3";
 import { CellStyleModule as he, CheckboxEditorModule as ge, ClientSideRowModelModule as _e, ColumnApiModule as ve, ColumnAutoSizeModule as ye, CsvExportModule as be, CustomEditorModule as xe, CustomFilterModule as Se, DateEditorModule as Ce, EventApiModule as we, GridStateModule as Te, LargeTextEditorModule as Ee, NumberEditorModule as De, PaginationModule as Oe, QuickFilterModule as ke, RowApiModule as Ae, RowStyleModule as Z, ScrollApiModule as je, SelectEditorModule as Me, TextEditorModule as Ne, TextFilterModule as Pe, UndoRedoEditModule as Fe, themeQuartz as Ie } from "ag-grid-community";
@@ -251,7 +251,7 @@ var Ut = { style: { position: "relative" } }, Wt = {
 	emits: ["series-visibility-change"],
 	setup(e, { expose: n, emit: c }) {
 		let l = e, d = c;
-		se.setLicenseKey($t);
+		ce.setLicenseKey($t);
 		let f = k(null), p = k({}), m = () => {
 			if (!f.value || !l.customChartProps?.scatter?.quadrantRenderer) return;
 			let e = f.value.$el;
@@ -361,7 +361,7 @@ var Ut = { style: { position: "relative" } }, Wt = {
 			width: e?.width,
 			height: e?.height
 		}) }), (n, r) => (D(), o("div", Ut, [
-			u(R(oe), {
+			u(R(se), {
 				ref_key: "chartRef",
 				ref: f,
 				style: x([{ height: "100%" }, _.value ? "" : `min-height: ${e.minHeight}px`]),
@@ -1790,7 +1790,7 @@ var Qi = /* @__PURE__ */ new Set(), $i = (e, t) => !!t.root.value && !!e.root.va
 			`anchor-scope: ${na}`
 		].every((e) => CSS.supports(e)), g = k(!1), _ = k(null), y = k(null), b = k(null), S = k(null), C = de(y), w = de(S), O = k(!1), A = k(!1), M = k(!1), N = ea({
 			root: _,
-			close: () => t.disableClickOutsideToClose ? !1 : (oe(), !0)
+			close: () => t.disableClickOutsideToClose ? !1 : (se(), !0)
 		}), ee = {
 			"top-center": "top",
 			"bottom-center": "bottom",
@@ -1873,8 +1873,8 @@ var Qi = /* @__PURE__ */ new Set(), $i = (e, t) => !!t.root.value && !!e.root.va
 				i.left,
 				i.width,
 				i.height
-			], a), ce(_, () => {
-				t.disableClickOutsideToClose || K(!1);
+			], a), le(_, () => {
+				t.disableClickOutsideToClose || G(!1);
 			}, { ignore: r(() => [
 				S.value,
 				".p-datepicker-panel",
@@ -1886,18 +1886,18 @@ var Qi = /* @__PURE__ */ new Set(), $i = (e, t) => !!t.root.value && !!e.root.va
 			zIndex: t.zIndex
 		})), re, H, W = () => {
 			re && clearTimeout(re), re = void 0;
-		}, G = () => {
+		}, oe = () => {
 			H && clearTimeout(H), H = void 0;
-		}, K = (e) => {
-			W(), G(), !(e && (t.disabled || !m.value)) && (e && t.delay > 0 && (t.showOnHover || !h) ? re = setTimeout(() => {
+		}, G = (e) => {
+			W(), oe(), !(e && (t.disabled || !m.value)) && (e && t.delay > 0 && (t.showOnHover || !h) ? re = setTimeout(() => {
 				c.value = !0, re = void 0;
 			}, t.delay) : c.value = e);
-		}, oe = () => {
-			W(), G(), c.value = !1;
 		}, se = () => {
+			W(), oe(), c.value = !1;
+		}, ce = () => {
 			let e = S.value;
 			!e || !g.value || !m.value || (c.value ? e.showPopover() : e.hidePopover());
-		}, le = r(() => !!c.value && (w.value || A.value)), q = r(() => !t.showOnHover || M.value ? !1 : t.disableInteractive ? C.value || O.value : C.value || O.value || le.value);
+		}, K = r(() => !!c.value && (w.value || A.value)), q = r(() => !t.showOnHover || M.value ? !1 : t.disableInteractive ? C.value || O.value : C.value || O.value || K.value);
 		U([
 			C,
 			O,
@@ -1915,47 +1915,47 @@ var Qi = /* @__PURE__ */ new Set(), $i = (e, t) => !!t.root.value && !!e.root.va
 			if (t.showOnHover) {
 				if (t.disableClickOutsideToClose) return;
 				if (!c.value && !re && t.enableClickToggle) {
-					M.value = !1, K(!0);
+					M.value = !1, G(!0);
 					return;
 				}
-				M.value = !0, oe();
+				M.value = !0, se();
 				return;
 			}
-			K(re ? !1 : !c.value);
+			G(re ? !1 : !c.value);
 		}, me = (e) => {
 			let t = e.newState === "open";
 			c.value !== t && (c.value = t);
 		}, he = (e) => {
-			h && F.value === "manual" && e.key === "Escape" && c.value && (e.preventDefault(), e.stopPropagation(), K(!1));
+			h && F.value === "manual" && e.key === "Escape" && c.value && (e.preventDefault(), e.stopPropagation(), G(!1));
 		};
 		return U(c, async (e) => {
 			if (t.showOnHover && t.enableGroupSync && N(!!e), !h) {
 				e && te();
 				return;
 			}
-			await v(), se();
+			await v(), ce();
 		}), U(q, (e) => {
 			if (t.showOnHover) {
 				if (e) {
-					K(!0);
+					G(!0);
 					return;
 				}
-				W(), t.closeDelay > 0 ? (G(), H = setTimeout(() => {
-					H = void 0, q.value || K(!1);
-				}, t.closeDelay)) : K(!1);
+				W(), t.closeDelay > 0 ? (oe(), H = setTimeout(() => {
+					H = void 0, q.value || G(!1);
+				}, t.closeDelay)) : G(!1);
 			}
 		}), U(m, (e) => {
-			e ? h && c.value && v(se) : oe();
+			e ? h && c.value && v(ce) : se();
 		}), T(() => {
-			b.value = y.value, g.value = !0, c.value && v(() => h ? se() : te());
+			b.value = y.value, g.value = !0, c.value && v(() => h ? ce() : te());
 		}), E(() => {
-			W(), G();
+			W(), oe();
 		}), U(() => t.disabled, (e) => {
 			if (!e) {
-				q.value && K(!0);
+				q.value && G(!0);
 				return;
 			}
-			O.value &&= !1, A.value &&= !1, K(!1);
+			O.value &&= !1, A.value &&= !1, G(!1);
 		}), (r, l) => (D(), o("div", {
 			ref_key: "root",
 			ref: _,
@@ -5017,7 +5017,7 @@ var Qi = /* @__PURE__ */ new Set(), $i = (e, t) => !!t.root.value && !!e.root.va
 			"pv-input-small": n.size === "lg"
 		}));
 		return T(() => {
-			n.displayShortcut && le(Ea, (e) => {
+			n.displayShortcut && K(Ea, (e) => {
 				let t = e.target, n = t instanceof HTMLInputElement || t instanceof HTMLTextAreaElement || (t?.isContentEditable ?? !1), r = document.activeElement === i.value;
 				(!n || r) && (r || (e.preventDefault(), i.value?.focus()));
 			});
@@ -5290,7 +5290,7 @@ var Qi = /* @__PURE__ */ new Set(), $i = (e, t) => !!t.root.value && !!e.root.va
 			}, {
 				label: W(() => [u(Hn, {
 					name: "close",
-					onClick: r[0] ||= K((e) => n.$emit("handle-clear"), ["stop"])
+					onClick: r[0] ||= G((e) => n.$emit("handle-clear"), ["stop"])
 				})]),
 				"tooltip-content": W(() => [...r[1] ||= [l(" Clear Selections ", -1)]]),
 				_: 1
@@ -5499,7 +5499,7 @@ var Qa = {
 					size: 12,
 					name: "info-circle",
 					class: "pv-text-subdued",
-					onClick: r[0] ||= K(() => {}, ["stop", "prevent"])
+					onClick: r[0] ||= G(() => {}, ["stop", "prevent"])
 				})]),
 				content: W(() => [s("div", to, P(e.description), 1)]),
 				_: 1
@@ -5592,7 +5592,7 @@ var Qa = {
 				style: { "--button-icon-only-padding": "0px" },
 				"aria-label": e.tooltipText,
 				disabled: e.disabled,
-				onClick: K(o, ["stop"])
+				onClick: G(o, ["stop"])
 			}, [u(Hn, {
 				name: e.icon,
 				size: a[e.size]
@@ -5640,7 +5640,7 @@ var Qa = {
 				class: y(["pv-text-brand", { "pv-action-button-reveal-on-hover": !f.value }]),
 				role: "img",
 				"aria-label": o.value,
-				onClick: t[0] ||= K(() => {}, ["stop"])
+				onClick: t[0] ||= G(() => {}, ["stop"])
 			}, [u(Hn, { name: n.value }, null, 8, ["name"])], 10, uo)]),
 			_: 2
 		}, [o.value ? {
@@ -5810,7 +5810,7 @@ var Qa = {
 				class: "pv-button-ghost pv-menu-item-expand-chevron",
 				"aria-label": n.text ? `Toggle children for ${n.text}` : "Toggle children",
 				"aria-expanded": e.expanded,
-				onClick: r[1] ||= K((e) => P("toggle-expanded"), ["prevent", "stop"])
+				onClick: r[1] ||= G((e) => P("toggle-expanded"), ["prevent", "stop"])
 			}, [u(Hn, {
 				name: e.chevronIcon ?? "chevron-right",
 				size: 12
@@ -6012,12 +6012,13 @@ var Qa = {
 			type: Boolean,
 			default: !1
 		},
-		listId: { default: void 0 },
-		listRole: { default: "list" },
 		isSortable: {
 			type: Boolean,
 			default: !1
-		}
+		},
+		listClass: { default: void 0 },
+		listId: { default: void 0 },
+		listRole: { default: "list" }
 	},
 	emits: ["list-order-updated"],
 	setup(e, { expose: n, emit: i }) {
@@ -6042,13 +6043,13 @@ var Qa = {
 				id: e.listId,
 				ref: "popoverList",
 				role: e.listRole,
-				class: "pv-popover-list",
+				class: y(["pv-popover-list", e.listClass]),
 				style: x(e.cssCustomListProperties)
-			}, [j(n.$slots, "default", {}, void 0, !0)], 12, Mo),
+			}, [j(n.$slots, "default", {}, void 0, !0)], 14, Mo),
 			j(n.$slots, "footer", {}, void 0, !0)
 		], 64)) : j(n.$slots, "default", { key: 1 }, void 0, !0)], 14, jo));
 	}
-}), [["__scopeId", "data-v-7b85ebe3"]]), Po = ["role"], Fo = [
+}), [["__scopeId", "data-v-fe6e9c6a"]]), Po = ["role"], Fo = [
 	"data-active",
 	"data-option-id",
 	"data-testid",
@@ -6097,7 +6098,7 @@ var Qa = {
 			let e = p.value;
 			E(), e && v(() => Ce(e));
 		}, N = [...m(go, []), h];
-		O(go, N), ce(g, (e) => {
+		O(go, N), le(g, (e) => {
 			(e.target instanceof Element ? e.target.closest("[data-pv-menu-ancestors]")?.dataset.pvMenuAncestors?.split(" ") : void 0)?.includes(h) || E();
 		}, { ignore: [S] });
 		let P = ee(f.value);
@@ -6112,17 +6113,17 @@ var Qa = {
 		}), O(po, P), O(ho, r(() => l.childrenDisplay === "popover"));
 		let L = r(() => l.childrenDisplay === "inline" && !!l.enableCascadeSelection);
 		O(mo, L);
-		let z = m(_o, void 0), ne = m(bo, k(!1)), V = m(vo, void 0), re = m(yo, void 0), H = r(() => l.singleSelect || l.config?.variant === "radio"), G = r(() => l.options.find((e) => e.id === p.value && e.children?.length)), K = (e, t, n = !1, r = !0) => {
+		let z = m(_o, void 0), ne = m(bo, k(!1)), V = m(vo, void 0), re = m(yo, void 0), H = r(() => l.singleSelect || l.config?.variant === "radio"), oe = r(() => l.options.find((e) => e.id === p.value && e.children?.length)), G = (e, t, n = !1, r = !0) => {
 			let i = !r || p.value !== e.id;
 			p.value = i ? e.id : void 0, i && (C.value = t, v(() => {
 				T(), n && xe(b.value ?? document.getElementById(h), 0);
 			}));
-		}, oe = (e, t = !1) => {
+		}, se = (e, t = !1) => {
 			if (l.readOnly) return;
 			let n = (!t && l.childrenDisplay === "popover" ? l.options.find((t) => t.id === e.option.id) : void 0) ?? e.option;
 			if (l.childrenDisplay === "popover" && !t && n.children?.length) {
 				let t = e.event.currentTarget?.closest("li");
-				t && K(n, t);
+				t && G(n, t);
 				return;
 			}
 			let r;
@@ -6159,17 +6160,17 @@ var Qa = {
 				...e,
 				option: n
 			} : e);
-		}, se = (e) => {
-			let t = G.value;
+		}, ce = (e) => {
+			let t = oe.value;
 			if (!t) return;
 			let n = t.children?.find((t) => t.id === e.option.id) ?? e.option;
-			oe({
+			se({
 				...e,
 				option: n
 			}, !0), p.value = void 0, v(() => Ce(t.id));
-		}, le = r(() => new Set(P.value.map((e) => e.id))), q = (e) => {
+		}, K = r(() => new Set(P.value.map((e) => e.id))), q = (e) => {
 			for (let t of e) {
-				if (le.value.has(t.id)) return t;
+				if (K.value.has(t.id)) return t;
 				let e = t.children?.length ? q(t.children) : void 0;
 				if (e) return e;
 			}
@@ -6187,14 +6188,14 @@ var Qa = {
 			...e,
 			children: void 0,
 			totalChildCount: void 0
-		}), de = (e) => l.childrenDisplay === "popover" ? e.config ?? l.config : l.config, fe = (e) => le.value.has(e.id) || L.value && V?.value?.has(e.id) || (L.value || l.childrenDisplay === "popover") && e.children?.length && q(e.children) ? !0 : null, Y = (e) => {
+		}), de = (e) => l.childrenDisplay === "popover" ? e.config ?? l.config : l.config, fe = (e) => K.value.has(e.id) || L.value && V?.value?.has(e.id) || (L.value || l.childrenDisplay === "popover") && e.children?.length && q(e.children) ? !0 : null, Y = (e) => {
 			let t = e.config?.variant ?? l.config?.variant;
 			return H.value || t === "radio" ? "menuitemradio" : t === "checkbox" ? "menuitemcheckbox" : "menuitem";
-		}, pe = (e) => Y(e) === "menuitem" ? void 0 : !!fe(e), X = (e) => e.children?.length && !l.highlightParentItems ? null : Y(e) !== "menuitemcheckbox" && fe(e) || p.value === e.id ? !0 : null, me = (e) => Y(e) !== "menuitemcheckbox" && le.value.has(e.id) ? !0 : null, he = (e, t) => !!(!t || le.value.has(e.id) || V?.value?.has(e.id) || e.children?.length && q(e.children)), ge = k(), _e = k(), ve = r(() => {
+		}, pe = (e) => Y(e) === "menuitem" ? void 0 : !!fe(e), X = (e) => e.children?.length && !l.highlightParentItems ? null : Y(e) !== "menuitemcheckbox" && fe(e) || p.value === e.id ? !0 : null, me = (e) => Y(e) !== "menuitemcheckbox" && K.value.has(e.id) ? !0 : null, he = (e, t) => !!(!t || K.value.has(e.id) || V?.value?.has(e.id) || e.children?.length && q(e.children)), ge = k(), _e = k(), ve = r(() => {
 			let e = l.options.filter((e) => !l.readOnly && !e.disabled && he(e, l.isLoading)).map((e) => e.id);
 			return l.hasMoreOptions && !l.isSeeMoreLoading && e.push(Bo), ge.value && e.includes(ge.value) ? ge.value : e[0];
 		}), ye = r(() => {
-			let e = G.value?.children?.filter((e) => !l.readOnly && !e.disabled) ?? [];
+			let e = oe.value?.children?.filter((e) => !l.readOnly && !e.disabled) ?? [];
 			return e.some((e) => e.id === _e.value) ? _e.value : e[0]?.id;
 		}), be = (e) => {
 			let t = Array.from(e?.querySelectorAll("li[role='none'] > [role^='menuitem']:not([aria-disabled='true'])") ?? []).filter((e) => !e.hidden && e.style.display !== "none");
@@ -6226,11 +6227,11 @@ var Qa = {
 			if (!(e.target !== e.currentTarget || we(e, g.value))) switch (e.key) {
 				case "ArrowRight":
 					if (!t.children?.length) break;
-					e.preventDefault(), K(t, e.currentTarget, !0, !1);
+					e.preventDefault(), G(t, e.currentTarget, !0, !1);
 					break;
 				case "Enter":
 				case " ":
-					e.preventDefault(), t.children?.length ? K(t, e.currentTarget, !0, !1) : oe({
+					e.preventDefault(), t.children?.length ? G(t, e.currentTarget, !0, !1) : se({
 						event: e,
 						option: t
 					});
@@ -6265,7 +6266,7 @@ var Qa = {
 				}
 				case "Enter":
 				case " ":
-					e.preventDefault(), se({
+					e.preventDefault(), ce({
 						event: e,
 						option: t
 					});
@@ -6304,7 +6305,7 @@ var Qa = {
 			tabindex: e.childrenDisplay === "popover" ? ve.value === t.id ? 0 : -1 : void 0,
 			onFocus: (e) => ge.value = t.id,
 			onKeydown: (n) => e.childrenDisplay === "popover" ? Te(n, t) : void 0,
-			onHandleSelected: oe,
+			onHandleSelected: se,
 			onSeeMore: c[0] ||= (e) => d("see-more", e)
 		}), null, 16, [
 			"aria-checked",
@@ -6343,7 +6344,7 @@ var Qa = {
 			"disabled",
 			"role",
 			"tabindex"
-		])], 8, Io)) : a("", !0)], 16, Po), e.childrenDisplay === "popover" && G.value ? (D(), i(n, {
+		])], 8, Io)) : a("", !0)], 16, Po), e.childrenDisplay === "popover" && oe.value ? (D(), i(n, {
 			key: 0,
 			to: "body"
 		}, [s("div", {
@@ -6361,17 +6362,17 @@ var Qa = {
 			}
 		}, {
 			default: W(() => [j(r.$slots, "popover", {
-				option: G.value,
+				option: oe.value,
 				popoverId: R(h),
 				close: M
 			}, () => [s("ul", {
 				id: R(h),
 				ref_key: "nestedMenuRef",
 				ref: b,
-				"aria-label": `${G.value.text} options`,
+				"aria-label": `${oe.value.text} options`,
 				class: "pv-popover-list",
 				role: "menu"
-			}, [(D(!0), o(t, null, A(G.value.children, (t) => (D(), o("li", {
+			}, [(D(!0), o(t, null, A(oe.value.children, (t) => (D(), o("li", {
 				key: t.id,
 				"data-active": me(t),
 				"data-option-id": t.id,
@@ -6391,7 +6392,7 @@ var Qa = {
 				tabindex: ye.value === t.id ? 0 : -1,
 				onFocus: (e) => _e.value = t.id,
 				onKeydown: (e) => De(e, t),
-				onHandleSelected: se,
+				onHandleSelected: ce,
 				onSeeMore: c[4] ||= (e) => d("see-more", e)
 			}), null, 16, [
 				"aria-checked",
@@ -6508,7 +6509,7 @@ var Qa = {
 		}, E = () => {
 			f.value = !1, m.value = "";
 		};
-		return le("Escape", () => {
+		return K("Escape", () => {
 			f.value && E();
 		}), (t, n) => (D(), i(ra, _({
 			modelValue: R(f),
@@ -7411,7 +7412,7 @@ var Qa = {
 			dataRows: v.value,
 			mapColumn: N.value,
 			seriesColumn: E.value
-		})), G = r(() => ac(ae.value, E.value?.field)), K = r(() => oc(E.value)), oe = r(() => sc({
+		})), oe = r(() => ac(ae.value, E.value?.field)), G = r(() => oc(E.value)), se = r(() => sc({
 			aggregatedCategoryChartData: U.value,
 			categoryColumn: T.value,
 			dataLimit: n.dataLimit,
@@ -7432,25 +7433,25 @@ var Qa = {
 			useDisplayDataRows: n.chartData !== void 0,
 			xKey: n.xKey,
 			yKey: n.yKey
-		})), se = r(() => _n(oe.value)), ce = r(() => vn(oe.value)), le = r(() => cn({
+		})), ce = r(() => _n(se.value)), le = r(() => vn(se.value)), K = r(() => cn({
 			baseMinHeight: n.minHeight,
-			dataCount: se.value,
+			dataCount: ce.value,
 			enableChartScrolling: n.enableChartScrolling,
-			isHorizontalScrollingChart: ce.value
+			isHorizontalScrollingChart: le.value
 		})), q = r(() => {
 			let e = ln({
 				enableChartScrolling: n.enableChartScrolling,
-				isHorizontalScrollingChart: ce.value
+				isHorizontalScrollingChart: le.value
 			});
-			if (e) return ce.value ? {
+			if (e) return le.value ? {
 				...e,
 				maxHeight: `${n.minHeight}px`
 			} : e;
 		}), ue = r(() => un({
-			chartMinHeight: le.value,
-			dataCount: se.value,
+			chartMinHeight: K.value,
+			dataCount: ce.value,
 			enableChartScrolling: n.enableChartScrolling,
-			isHorizontalScrollingChart: ce.value,
+			isHorizontalScrollingChart: le.value,
 			minContentWidth: 320
 		}));
 		return (n, r) => (D(), i(Pn, {
@@ -7481,12 +7482,12 @@ var Qa = {
 					"onUpdate:selectedRegion": r[1] ||= (e) => R.value = e,
 					chartData: ae.value,
 					displayRegionSelector: !1,
-					gradientLegendMin: G.value.min,
-					gradientLegendMax: G.value.max,
+					gradientLegendMin: oe.value.min,
+					gradientLegendMax: oe.value.max,
 					isLoading: e.chartLoading,
 					noDataMessage: e.noDataOverlayText,
 					seriesKey: E.value?.field ?? "value",
-					seriesValueFormatter: K.value
+					seriesValueFormatter: G.value
 				}, null, 8, [
 					"selectedRegion",
 					"chartData",
@@ -7504,9 +7505,9 @@ var Qa = {
 					class: "pv-data-widget__chart-content",
 					style: x(ue.value)
 				}, [u(nn, {
-					options: oe.value,
+					options: se.value,
 					isLoading: e.chartLoading,
-					minHeight: le.value
+					minHeight: K.value
 				}, null, 8, [
 					"options",
 					"isLoading",
@@ -7593,7 +7594,7 @@ var Qa = {
 		return (t, r) => ae((D(), o("div", {
 			class: "pv-relative",
 			style: { width: "fit-content" },
-			onKeydown: G(E, ["esc"])
+			onKeydown: oe(E, ["esc"])
 		}, [s("button", {
 			ref_key: "triggerRef",
 			ref: h,
@@ -7698,7 +7699,7 @@ var Qa = {
 				size: 12,
 				name: "close",
 				"data-dd-action-name": e.rumRemoveActionName,
-				onClick: r[0] ||= K((n) => t.$emit("handle-close", e.label), ["stop"])
+				onClick: r[0] ||= G((n) => t.$emit("handle-close", e.label), ["stop"])
 			}, null, 8, ["data-dd-action-name"])) : a("", !0)
 		], 14, gc));
 	}
@@ -7856,7 +7857,7 @@ var Oc = {
 		let r = e, i = n, c = V("sidePanel"), l = B(e, "searchInput"), d = B(e, "modelValue"), f = () => {
 			c?.value?.removeAttribute("open"), d.value = !1;
 		}, p = () => {
-			c.value && ce(c.value, () => {
+			c.value && le(c.value, () => {
 				d.value && (i("click-outside"), f());
 			}, { ignore: [".pv-click-outside-ignore"] });
 		};
@@ -7864,7 +7865,7 @@ var Oc = {
 			d.value && c?.value?.setAttribute("open", "true"), r.closeOnClickOutside && p();
 		}), U(() => d.value, () => {
 			d.value ? c?.value?.setAttribute("open", "true") : c?.value?.removeAttribute("open");
-		}), le("Escape", () => {
+		}), K("Escape", () => {
 			c.value && d.value && f();
 		}), (n, i) => (D(), o("div", {
 			class: "pv-drawer pv-surface",
@@ -8131,14 +8132,14 @@ var Rc = {
 				a(ie(r.id), r.id);
 			}
 			f.value = t, m.value = n, H.value = r;
-		}, G = r({
+		}, oe = r({
 			get: () => H.value,
 			set: (e) => {
 				te(e);
 			}
-		}), K = () => {
+		}), G = () => {
 			L.value = "", M.value = !1;
-		}, oe = r(() => {
+		}, se = r(() => {
 			let e = c.size === "lg" ? 24 : 30;
 			return c.overlayTrigger ? -e : void 0;
 		});
@@ -8158,25 +8159,25 @@ var Rc = {
 				c.overlayTrigger && !c.disableSearchInput && k.value?.input?.focus(), g("dropdown-open");
 			})) : (re(), g("dropdown-closed"));
 		});
-		let se = r(() => {
+		let ce = r(() => {
 			if (L.value === "") return c.options;
 			let e = L.value.toLocaleLowerCase();
 			return c.enableCascadeSelection ? Za(c.options, e, !c.hideParentOnChildQueryMatch) : c.options.filter((t) => t.text.toLocaleLowerCase().includes(e) || t.searchText?.toLocaleLowerCase().includes(e));
-		}), ce = () => {
+		}), le = () => {
 			if (c.enableCascadeSelection) {
 				let e = /* @__PURE__ */ new Set(), t = (n) => {
 					for (let r of n) Ka(r) && (e.add(r.id), r.children?.length && t(r.children));
 				};
-				t(se.value), f.value = e, m.value = /* @__PURE__ */ new Map();
+				t(ce.value), f.value = e, m.value = /* @__PURE__ */ new Map();
 			}
-			let e = c.enableCascadeSelection ? qa(se.value) : se.value;
+			let e = c.enableCascadeSelection ? qa(ce.value) : ce.value;
 			g("select-all", e.length), te(e);
 		}, q = () => {
 			g("clear-all", H.value.length), f.value = /* @__PURE__ */ new Set(), m.value = /* @__PURE__ */ new Map(), te([]);
 		}, ue = () => {
-			re(), K();
+			re(), G();
 		}, J = () => {
-			ne(), K();
+			ne(), G();
 		}, de = r(() => {
 			if (!c.groupings) return;
 			let e = /* @__PURE__ */ new Map();
@@ -8200,12 +8201,12 @@ var Rc = {
 			let e = he.value?.getRootNode();
 			return e instanceof ShadowRoot ? e.host : null;
 		}), { present: _e } = Zi("header", { host: ge }), { present: ve } = Zi("no-results", { host: ge }), { present: ye } = Zi("footer", { host: ge });
-		return le("Escape", () => {
-			M.value && K();
+		return K("Escape", () => {
+			M.value && G();
 		}), (n, r) => (D(), i(ra, _({
 			modelValue: R(M),
 			"onUpdate:modelValue": r[4] ||= (e) => h(M) ? M.value = e : null
-		}, e.popoverProperties, { offset: oe.value }), {
+		}, e.popoverProperties, { offset: se.value }), {
 			trigger: W(() => [u(Va, {
 				ref: "select-button-trigger-ref",
 				variant: e.variant,
@@ -8264,11 +8265,11 @@ var Rc = {
 					placeholder: e.searchPlaceholder
 				}, null, 8, ["model-value", "placeholder"])], 8, Bc)),
 				n.$slots.header || R(_e) ? (D(), o("div", Vc, [j(n.$slots, "header", b(p(pe.value)))])) : a("", !0),
-				se.value.length > 0 ? (D(), o(t, { key: 2 }, [fe.value ? (D(!0), o(t, { key: 0 }, A(de.value, ([t, i], s) => (D(), o("div", { key: t }, [
+				ce.value.length > 0 ? (D(), o(t, { key: 2 }, [fe.value ? (D(!0), o(t, { key: 0 }, A(de.value, ([t, i], s) => (D(), o("div", { key: t }, [
 					n.$slots[t] ? j(n.$slots, t, { key: 0 }) : t === "other" ? a("", !0) : (D(), o("span", Hc, P(t), 1)),
 					u(Vo, {
-						selectedItems: G.value,
-						"onUpdate:selectedItems": r[2] ||= (e) => G.value = e,
+						selectedItems: oe.value,
+						"onUpdate:selectedItems": r[2] ||= (e) => oe.value = e,
 						options: i,
 						config: l.value,
 						singleSelect: e.singleSelect,
@@ -8295,9 +8296,9 @@ var Rc = {
 					de.value && s !== de.value.length - 1 ? (D(), o("div", Uc)) : a("", !0)
 				]))), 128)) : (D(), i(Vo, {
 					key: 1,
-					selectedItems: G.value,
-					"onUpdate:selectedItems": r[3] ||= (e) => G.value = e,
-					options: se.value,
+					selectedItems: oe.value,
+					"onUpdate:selectedItems": r[3] ||= (e) => oe.value = e,
+					options: ce.value,
 					config: l.value,
 					singleSelect: e.singleSelect,
 					queryText: e.highlightSearchText ? L.value : null,
@@ -8318,14 +8319,14 @@ var Rc = {
 					"isSeeMoreLoading",
 					"hasMoreOptions"
 				]))], 64)) : a("", !0),
-				e.isLoading ? (D(), o("div", Wc, [u(Dt, { variant: "dark" }), e.loadingText ? (D(), o("span", Gc, P(e.loadingText), 1)) : a("", !0)])) : se.value.length === 0 ? (D(), o(t, { key: 4 }, [R(ve) ? j(n.$slots, "no-results", b(_({ key: 0 }, pe.value))) : (D(), i(Ga, { key: 1 }))], 64)) : a("", !0),
+				e.isLoading ? (D(), o("div", Wc, [u(Dt, { variant: "dark" }), e.loadingText ? (D(), o("span", Gc, P(e.loadingText), 1)) : a("", !0)])) : ce.value.length === 0 ? (D(), o(t, { key: 4 }, [R(ve) ? j(n.$slots, "no-results", b(_({ key: 0 }, pe.value))) : (D(), i(Ga, { key: 1 }))], 64)) : a("", !0),
 				s("div", Kc, [R(ye) ? j(n.$slots, "footer", b(_({ key: 0 }, pe.value))) : a("", !0), e.menuActionsVariant ? (D(), i(zc, {
 					key: 1,
 					variant: e.menuActionsVariant,
 					disabled: e.isLoading,
 					rumFilterName: e.rumFilterName,
 					onHandleClearAll: q,
-					onHandleSelectAll: ce,
+					onHandleSelectAll: le,
 					onHandleCancel: ue,
 					onHandleConfirm: J
 				}, null, 8, [
@@ -8926,21 +8927,21 @@ var nl = "__pv_filter_panel_scoped_value__", rl = (e) => typeof e == "object" &&
 			width: "100%",
 			maxWidth: "100%",
 			"--popover-list-item-hover-background-color": "var(--surface-card-hover, #ece8e2)"
-		}, f = V("search-input"), p = B(e, "searchText"), m = B(e, "query"), h = B(e, "options"), { addQueryOption: g, containsQueryOption: b, removeQueryOption: S } = Ll(), C = k(!1), w = k(!1), T = k(!1), E = ne(), O = r(() => !!(E.header || E.footer || E.empty)), M = te(), N = `${M}-options`, ee = (e) => `${M}-option-${e}`, F = (e) => `${M}-group-${e}`, I = r(() => se.value.length > 0 || n.optionsLoading || O.value), L = r(() => m.value === null ? n.placeholder : ""), z = k(null), re = r(() => z.value !== null && z.value !== "" && !w.value), G = () => {
+		}, f = V("search-input"), p = B(e, "searchText"), m = B(e, "query"), h = B(e, "options"), { addQueryOption: g, containsQueryOption: b, removeQueryOption: S } = Ll(), C = k(!1), w = k(!1), T = k(!1), E = ne(), O = r(() => !!(E.header || E.footer || E.empty)), M = te(), N = `${M}-options`, ee = (e) => `${M}-option-${e}`, F = (e) => `${M}-group-${e}`, I = r(() => ce.value.length > 0 || n.optionsLoading || O.value), L = r(() => m.value === null ? n.placeholder : ""), z = k(null), re = r(() => z.value !== null && z.value !== "" && !w.value), oe = () => {
 			m.value = null, p.value = "", z.value = null, T.value = !1;
 		};
-		le("Enter", (e) => {
+		K("Enter", (e) => {
 			let t = de.value;
 			if (t) {
 				e.preventDefault(), he(t);
 				return;
 			}
-			n.enableCustomOptionsInput && p.value.trim() && K();
-		}, { target: f }), le(["ArrowDown", "ArrowUp"], (e) => {
+			n.enableCustomOptionsInput && p.value.trim() && G();
+		}, { target: f }), K(["ArrowDown", "ArrowUp"], (e) => {
 			q.value.length !== 0 && (e.preventDefault(), C.value = !0, pe(e.key === "ArrowDown" ? 1 : -1));
-		}, { target: f }), le("Escape", () => {
+		}, { target: f }), K("Escape", () => {
 			C.value && (C.value = !1, J.value = -1);
-		}, { target: f }), le("Backspace", () => {
+		}, { target: f }), K("Backspace", () => {
 			if (p.value !== "") return;
 			let e = m.value?.queryTerms;
 			if (!e || e.length === 0) return;
@@ -8951,32 +8952,32 @@ var nl = "__pv_filter_panel_scoped_value__", rl = (e) => typeof e == "object" &&
 				queryTerm: t
 			}), m.value?.queryTerms.length === 0 && (m.value = null);
 		}, { target: f });
-		let K = () => {
+		let G = () => {
 			p.value.trim() && (m.value = g(m.value, {
 				id: p.value.trim(),
 				text: p.value,
 				queryTerm: { queryText: p.value }
 			}), ve());
-		}, oe = (e) => {
+		}, se = (e) => {
 			let t = e?.queryDisplayField || e?.queryField;
 			if (t) return e?.exactMatch ? t : `Search in ${t}`;
-		}, se = r(() => {
+		}, ce = r(() => {
 			if (!h.value || h.value.length === 0) return [];
 			let e = h.value;
 			return n.processor === "field-only" && (e = h.value.filter((e) => e.queryTerm?.queryField)), m.value && (e = e.filter((e) => !b(m.value, e))), e.map((e) => ({
 				...e,
-				subText: e.subText ?? oe(e.queryTerm),
+				subText: e.subText ?? se(e.queryTerm),
 				searchText: p.value,
 				context: e.queryTerm
 			}));
-		}), ce = r(() => {
+		}), le = r(() => {
 			let e = /* @__PURE__ */ new Map();
-			for (let t of se.value) {
+			for (let t of ce.value) {
 				let n = t.groupingLabel ?? "", r = e.get(n);
 				r ? r.push(t) : e.set(n, [t]);
 			}
 			return Array.from(e.entries());
-		}), q = r(() => ce.value.flatMap(([, e]) => e)), ue = r(() => new Map(q.value.map((e, t) => [e, t]))), J = k(-1), de = r(() => {
+		}), q = r(() => le.value.flatMap(([, e]) => e)), ue = r(() => new Map(q.value.map((e, t) => [e, t]))), J = k(-1), de = r(() => {
 			if (!C.value) return null;
 			let e = q.value[J.value] ?? null;
 			return e?.disabled ? null : e;
@@ -9001,14 +9002,14 @@ var nl = "__pv_filter_panel_scoped_value__", rl = (e) => typeof e == "object" &&
 		U([q, p], () => {
 			J.value = -1;
 		}), U([
-			se,
+			ce,
 			p,
 			() => n.optionsLoading
 		], ([e, t, n]) => {
 			t && t.length > 0 && (e.length > 0 || n || O.value) ? C.value = !0 : (!t || t.length === 0) && (C.value = !1);
 		}, { immediate: !0 });
 		let me = () => {
-			n.enableCustomOptionsInput && K(), J.value = -1, C.value = !1, w.value = !1, T.value = !1;
+			n.enableCustomOptionsInput && G(), J.value = -1, C.value = !1, w.value = !1, T.value = !1;
 		}, he = (e) => {
 			try {
 				let t = {
@@ -9082,17 +9083,19 @@ var nl = "__pv_filter_panel_scoped_value__", rl = (e) => typeof e == "object" &&
 				variant: "ghost",
 				leftIcon: "close",
 				size: "md",
-				onClick: G
+				onClick: oe
 			})) : a("", !0),
 			re.value ? (D(), o("p", Bl, P(z.value), 1)) : a("", !0),
 			I.value ? ae((D(), i(No, {
 				key: 3,
+				class: "pv-scrollbar-visible",
 				"css-custom-properties": d,
 				isList: !0,
+				listClass: "pv-scrollbar-visible",
 				listId: N,
 				listRole: "listbox"
 			}, c({
-				default: W(() => [e.optionsLoading ? (D(), o("div", Wl, [u(Dt, { variant: "dark" })])) : (D(), o(t, { key: 0 }, [se.value.length > 0 ? (D(!0), o(t, { key: 0 }, A(ce.value, ([e, n], r) => (D(), o(t, { key: e }, [e ? (D(), o("li", {
+				default: W(() => [e.optionsLoading ? (D(), o("div", Wl, [u(Dt, { variant: "dark" })])) : (D(), o(t, { key: 0 }, [ce.value.length > 0 ? (D(!0), o(t, { key: 0 }, A(le.value, ([e, n], r) => (D(), o(t, { key: e }, [e ? (D(), o("li", {
 					key: 0,
 					id: F(r),
 					role: "presentation",
@@ -9122,7 +9125,7 @@ var nl = "__pv_filter_panel_scoped_value__", rl = (e) => typeof e == "object" &&
 			} : void 0]), 1536)), [[ie, C.value]]) : a("", !0)
 		], 34)), [[R(Q), me]]);
 	}
-}), [["__scopeId", "data-v-fb2cc737"]]), Kl = Symbol.for("pv.rum-context"), ql = () => {
+}), [["__scopeId", "data-v-62aa7767"]]), Kl = Symbol.for("pv.rum-context"), ql = () => {
 	let e = m(Kl, void 0);
 	return () => {
 		let t = e?.value;
@@ -9934,20 +9937,20 @@ var td = { style: { "line-height": "20px" } }, nd = { class: "pv-text-subdued pv
 	}, ae = (e) => {
 		let t = M.value[e] ?? 0;
 		M.value[e] = t + 1, j.value.add(e);
-	}, G = (e) => {
+	}, oe = (e) => {
 		let t = M.value[e] ?? 0;
 		if (t <= 1) {
 			delete M.value[e], j.value.delete(e);
 			return;
 		}
 		M.value[e] = t - 1;
-	}, K = /* @__PURE__ */ new Set(), oe = /* @__PURE__ */ new Set(), se = (e, t = !1) => {
-		let n = t ? oe : K;
+	}, G = /* @__PURE__ */ new Set(), se = /* @__PURE__ */ new Set(), ce = (e, t = !1) => {
+		let n = t ? se : G;
 		e.forEach((e) => n.add(e));
-	}, ce = () => {
-		oe.forEach((e) => K.add(e)), oe.clear();
 	}, le = () => {
-		oe.clear();
+		se.forEach((e) => G.add(e)), se.clear();
+	}, K = () => {
+		se.clear();
 	}, q = (e) => {
 		let t = new Set(e);
 		for (let n of e) {
@@ -9995,7 +9998,7 @@ var td = { style: { "line-height": "20px" } }, nd = { class: "pv-text-subdued pv
 	};
 	return pe(n, (e, t) => {
 		let n = ye(e, t);
-		K.forEach((e) => n.add(e)), K.clear(), n.size > 0 && q(n);
+		G.forEach((e) => n.add(e)), G.clear(), n.size > 0 && q(n);
 	}, {
 		deep: !0,
 		debounce: 200,
@@ -10035,14 +10038,14 @@ var td = { style: { "line-height": "20px" } }, nd = { class: "pv-text-subdued pv
 		stageFilterChangesUntilDropdownCloses: D,
 		filterSearchMinLength: O,
 		markOtherFieldsStale: q,
-		noteFilterModelChange: se,
-		commitStagedFilterModelChanges: ce,
-		clearStagedFilterModelChanges: le,
+		noteFilterModelChange: ce,
+		commitStagedFilterModelChanges: le,
+		clearStagedFilterModelChanges: K,
 		aggregateFieldMap: A,
 		registerAggregateField: W,
 		registeredFilterFields: j,
 		registerFilterField: ae,
-		unregisterFilterField: G,
+		unregisterFilterField: oe,
 		stagedSelectedValuesMap: N,
 		initStagedSelectedValues: ue,
 		clearStagedSelectedValues: J,
@@ -10077,16 +10080,16 @@ var td = { style: { "line-height": "20px" } }, nd = { class: "pv-text-subdued pv
 			return [...n, ...i];
 		}
 		return Be(e);
-	}), G = r(() => _.value[J.value] ?? !1), K = r(() => A.value || $(t.value).prefetchFilterValues === !0), oe = r(() => (o?.value ?? !1) && (s?.value ?? !1) && W.value.length === 0 && Ne.value.length === 0), se = r(() => o?.value ?? !1), ce = r(() => se.value && (s?.value ?? !1)), le = r({
+	}), oe = r(() => _.value[J.value] ?? !1), G = r(() => A.value || $(t.value).prefetchFilterValues === !0), se = r(() => (o?.value ?? !1) && (s?.value ?? !1) && W.value.length === 0 && Ne.value.length === 0), ce = r(() => o?.value ?? !1), le = r(() => ce.value && (s?.value ?? !1)), K = r({
 		get: () => R.value[J.value] ?? "",
 		set: (e) => S(J.value, e)
 	}), q = r(() => $(t.value).filterSearchMinLength ?? M.value), ue = r(() => {
-		let e = q.value ?? 0, t = le.value?.length ?? 0;
+		let e = q.value ?? 0, t = K.value?.length ?? 0;
 		return e > 0 && t > 0 && t < e;
 	}), J = r(() => t.value.field || ""), de = r(() => t.value.filter || ""), fe = r(() => t.value.headerName || ""), Y = r(() => n?.value === "vertical"), X = k(!1), me = k(!1), he = k([]), ge = r(() => ys(t.value)), _e = r(() => bs(t.value)), ve = r(() => xs(t.value)), ye = r(() => $(t.value).filterOptionsSortDescription), be = r(() => $(t.value).filterOptionsSortTooltip), xe = r(() => {
 		let e = $(t.value).filterSearch;
 		return typeof e == "boolean" ? e : $(t.value).dataType !== ps.Boolean;
-	}), Se = r(() => $(t.value).emptyFilterResultsRenderer), Ce = r(() => $(t.value).filterOptionsLoadingText), we = r(() => $(t.value).filterOptionsRenderer), Te = r(() => $(t.value).filterHeaderRenderer), Ee = r(() => $(t.value).filterFooterRenderer), De = r(() => _e.value ? W.value.length >= _e.value : !1), Oe = r(() => ae.value.filter((e) => e != null && !W.value.includes(e))), ke = r(() => se.value ? void 0 : te.value[J.value]), Ae = r(() => se.value ? !1 : z.value[J.value]), Z = r(() => Ds(t.value)), je = () => new Set([J.value, ...Ts(t.value)]), Me = (e, t) => {
+	}), Se = r(() => $(t.value).emptyFilterResultsRenderer), Ce = r(() => $(t.value).filterOptionsLoadingText), we = r(() => $(t.value).filterOptionsRenderer), Te = r(() => $(t.value).filterHeaderRenderer), Ee = r(() => $(t.value).filterFooterRenderer), De = r(() => _e.value ? W.value.length >= _e.value : !1), Oe = r(() => ae.value.filter((e) => e != null && !W.value.includes(e))), ke = r(() => ce.value ? void 0 : te.value[J.value]), Ae = r(() => ce.value ? !1 : z.value[J.value]), Z = r(() => Ds(t.value)), je = () => new Set([J.value, ...Ts(t.value)]), Me = (e, t) => {
 		let n = new Set(e), r = new Set(t);
 		return n.size === r.size ? [...n].every((e) => r.has(e)) : !1;
 	}, Ne = k([]), Pe = k("[]"), Fe = r(() => ae.value.length === 1 && ae.value[0] === null && W.value.length === 0), Ie = (e = !1) => {
@@ -10276,7 +10279,7 @@ var td = { style: { "line-height": "20px" } }, nd = { class: "pv-text-subdued pv
 						colDef: t.value,
 						field: J.value,
 						filterModel: p.value ?? void 0,
-						query: le.value || void 0,
+						query: K.value || void 0,
 						offset: r,
 						parentId: i,
 						reason: "child-load-more"
@@ -10306,7 +10309,7 @@ var td = { style: { "line-height": "20px" } }, nd = { class: "pv-text-subdued pv
 		return e.filter((t, n) => e.indexOf(t) === n).filter((e) => e != null && e !== "").filter((e) => !Ye(e)).map(ft);
 	}), mt = (e) => {
 		let t = e.children;
-		t?.length && (t = t.filter((t) => !ce.value || ze(t, e.id)).map((e) => mt(e)));
+		t?.length && (t = t.filter((t) => !le.value || ze(t, e.id)).map((e) => mt(e)));
 		let n = (e.children ?? []).some((t) => ze(t, e.id));
 		return {
 			...e,
@@ -10318,7 +10321,7 @@ var td = { style: { "line-height": "20px" } }, nd = { class: "pv-text-subdued pv
 		};
 	}, ht = (e) => Z.value ? ze(e, null) : W.value.includes(e.id), gt = r(() => {
 		let e = pt.value;
-		return se.value ? e.filter((e) => !ce.value || ht(e)).map((e) => mt(e)) : e;
+		return ce.value ? e.filter((e) => !le.value || ht(e)).map((e) => mt(e)) : e;
 	}), _t = r({
 		get: () => Z.value ? [] : W.value.map((e) => {
 			let t = y(J.value, e), n = Ue(t), r = n ? Ze(n) : void 0;
@@ -10462,7 +10465,7 @@ var td = { style: { "line-height": "20px" } }, nd = { class: "pv-text-subdued pv
 		});
 	}, bt = r(() => Y.value ? "all_filters_drawer" : "horizontal"), xt = !1, St = (e, t) => {
 		xt = !0;
-		let n = le.value || "";
+		let n = K.value || "";
 		Yl(() => {
 			Jl("filter_bulk_action", {
 				filter_name: fe.value,
@@ -10483,7 +10486,7 @@ var td = { style: { "line-height": "20px" } }, nd = { class: "pv-text-subdued pv
 			source: n,
 			current_selection_count: r,
 			location: bt.value,
-			search_query: le.value || ""
+			search_query: K.value || ""
 		}, c());
 	}, Tt = (e) => {
 		let t = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Map();
@@ -10547,7 +10550,7 @@ var td = { style: { "line-height": "20px" } }, nd = { class: "pv-text-subdued pv
 	}, At = () => {
 		he.value = Be(w(J.value)), X.value = !0;
 	}, jt = () => {
-		X.value = !1, he.value = [], le.value = "", xt = !1, !o?.value && j.value && !Y.value && (Z.value ? Pt(Ne.value, { skipIfUnchanged: !0 }) : yt(void 0, void 0, { skipIfUnchanged: !0 }));
+		X.value = !1, he.value = [], K.value = "", xt = !1, !o?.value && j.value && !Y.value && (Z.value ? Pt(Ne.value, { skipIfUnchanged: !0 }) : yt(void 0, void 0, { skipIfUnchanged: !0 }));
 	}, Mt = async (e) => {
 		if (!l.value) return;
 		let n = ae.value.length, r = !e.parentId;
@@ -10600,7 +10603,7 @@ var td = { style: { "line-height": "20px" } }, nd = { class: "pv-text-subdued pv
 	U(Ne, (e) => {
 		Z.value && (ut(e), !(j.value && !Y.value) && Pt(e));
 	}, { deep: !0 }), U(() => O.value[J.value], (e) => {
-		!e || X.value || oe.value || K.value && Ve(!0);
+		!e || X.value || se.value || G.value && Ve(!0);
 	}), U(() => h.value, () => {
 		if (Y.value) {
 			if (ie.value) {
@@ -10635,10 +10638,10 @@ var td = { style: { "line-height": "20px" } }, nd = { class: "pv-text-subdued pv
 	}), U(() => l.value, (e) => {
 		e && x.value && !X.value && (O.value[J.value] = !0);
 	}, { immediate: !0 }), U(() => H.value, async () => {
-		K.value && !oe.value && !X.value && (Y.value ? setTimeout(async () => {
+		G.value && !se.value && !X.value && (Y.value ? setTimeout(async () => {
 			X.value || await Ve(!0);
 		}, 2e3) : await Ve(!0)), Ie();
-	}), pe(() => le.value, async () => {
+	}), pe(() => K.value, async () => {
 		if (X.value) {
 			if (ue.value) {
 				f(J.value);
@@ -10661,20 +10664,20 @@ var td = { style: { "line-height": "20px" } }, nd = { class: "pv-text-subdued pv
 			}, c());
 		});
 	}, Bt = null;
-	return pe(() => le.value, (e) => {
-		if (!e || le.value !== e || ue.value) {
+	return pe(() => K.value, (e) => {
+		if (!e || K.value !== e || ue.value) {
 			Bt = null;
 			return;
 		}
-		if (G.value) {
+		if (oe.value) {
 			Bt = e;
 			return;
 		}
 		zt(e);
-	}, { debounce: 500 }), U(() => G.value, (e) => {
+	}, { debounce: 500 }), U(() => oe.value, (e) => {
 		if (e || Bt == null) return;
 		let t = Bt;
-		Bt = null, le.value === t && zt(t);
+		Bt = null, K.value === t && zt(t);
 	}), T(() => {
 		P(J.value);
 		let e = Ts(t.value);
@@ -10691,9 +10694,9 @@ var td = { style: { "line-height": "20px" } }, nd = { class: "pv-text-subdued pv
 	}), {
 		selectedValues: W,
 		filterValues: ae,
-		isLoading: G,
+		isLoading: oe,
 		isSeeMoreLoading: me,
-		filterSearchText: le,
+		filterSearchText: K,
 		filterSearchMinLength: q,
 		belowFilterSearchMinLength: ue,
 		rowsLoading: re,
@@ -11030,7 +11033,7 @@ var td = { style: { "line-height": "20px" } }, nd = { class: "pv-text-subdued pv
 		"handle-settings-icon"
 	],
 	setup(e, { emit: n }) {
-		let d = e, f = n, g = k(null), x = r(() => g.value?.selectedValues ?? /* @__PURE__ */ new Set()), S = r(() => g.value?.selectedValues.size ?? 0), { selectedValues: C, isLoading: w, isSeeMoreLoading: T, filterSearchText: E, filterSearchMinLength: O, belowFilterSearchMinLength: j, rowsLoading: M, gridApi: ee, filterField: F, filterDisplayName: I, isInFilterPanel: z, isSingleSelect: te, suggestedValues: B, displayedFilterValues: ne, selectedFilterValues: V, showSearchBar: re, filterSearchPlaceholder: H, emptyFilterResultsRenderer: ie, filterOptionsLoadingText: U, filterOptionsRenderer: ae, filterHeaderRenderer: G, filterFooterRenderer: K, filterOptionsSortDescription: oe, filterOptionsSortTooltip: se, filterValueContext: ce, formatDisplayValue: le, resolvedFilterValueContext: q, isUnresolvedMetadataValue: ue, getLatestFilterValues: J, addSelectedValue: de, removeSelectedValue: fe, recordBulkAction: Y, rumLocation: pe, handleDropdownOpen: X, handleDropdownClosed: me, handleSeeMore: he, getColDisplayNameForField: ge, hasMoreOptions: _e, totalOptionCount: ve, isAggregate: ye, cascadeSelectionState: be, cascadeSelectionStateModel: xe } = Gd({
+		let d = e, f = n, g = k(null), x = r(() => g.value?.selectedValues ?? /* @__PURE__ */ new Set()), S = r(() => g.value?.selectedValues.size ?? 0), { selectedValues: C, isLoading: w, isSeeMoreLoading: T, filterSearchText: E, filterSearchMinLength: O, belowFilterSearchMinLength: j, rowsLoading: M, gridApi: ee, filterField: F, filterDisplayName: I, isInFilterPanel: z, isSingleSelect: te, suggestedValues: B, displayedFilterValues: ne, selectedFilterValues: V, showSearchBar: re, filterSearchPlaceholder: H, emptyFilterResultsRenderer: ie, filterOptionsLoadingText: U, filterOptionsRenderer: ae, filterHeaderRenderer: oe, filterFooterRenderer: G, filterOptionsSortDescription: se, filterOptionsSortTooltip: ce, filterValueContext: le, formatDisplayValue: K, resolvedFilterValueContext: q, isUnresolvedMetadataValue: ue, getLatestFilterValues: J, addSelectedValue: de, removeSelectedValue: fe, recordBulkAction: Y, rumLocation: pe, handleDropdownOpen: X, handleDropdownClosed: me, handleSeeMore: he, getColDisplayNameForField: ge, hasMoreOptions: _e, totalOptionCount: ve, isAggregate: ye, cascadeSelectionState: be, cascadeSelectionStateModel: xe } = Gd({
 			filterColDef: L(d, "filterColDef"),
 			filterStyle: L(d, "filterStyle"),
 			onSelectionChanged: () => f("filter-selection-changed"),
@@ -11109,7 +11112,7 @@ var td = { style: { "line-height": "20px" } }, nd = { class: "pv-text-subdued pv
 			return we(Ae(e), t);
 		}, ze = r(() => S.value > 0 ? !0 : ye.value ? be.value.length > 0 : C.value.length > 0);
 		return (n, r) => (D(), o(t, null, [s("div", null, [R(z) && R(C).length > 0 ? (D(), o("ul", Qd, [(D(!0), o(t, null, A(R(C), (n) => (D(), o(t, { key: `${R(I)}-${n}` }, [R(ue)(n) ? a("", !0) : (D(), o("li", $d, [u(_c, {
-			label: R(le)(n) || "",
+			label: R(K)(n) || "",
 			showClear: !e.readOnly && (!Re(n) || R(De)()),
 			disabled: e.readOnly,
 			onHandleClose: (e) => Z(n)
@@ -11193,16 +11196,16 @@ var td = { style: { "line-height": "20px" } }, nd = { class: "pv-text-subdued pv
 				"use-teleport": !0,
 				style: { "--max-width": "200px" }
 			}, c({
-				trigger: W(() => [s("p", { class: y(["pv-text-subdued pv-text-body-xxs", R(se) ? "suggested-title-label" : ""]) }, P(R(oe)), 3)]),
+				trigger: W(() => [s("p", { class: y(["pv-text-subdued pv-text-body-xxs", R(ce) ? "suggested-title-label" : ""]) }, P(R(se)), 3)]),
 				_: 2
-			}, [R(se) ? {
+			}, [R(ce) ? {
 				name: "content",
-				fn: W(() => [l(P(R(se)), 1)]),
+				fn: W(() => [l(P(R(ce)), 1)]),
 				key: "0"
 			} : void 0]), 1024)])]),
 			_: 2
 		}, [
-			R(G) || Me.value || R(j) ? {
+			R(oe) || Me.value || R(j) ? {
 				name: "header",
 				fn: W((t) => [
 					R(j) ? (D(), o("p", ef, " Type " + P(R(O)) + " or more characters to search ", 1)) : a("", !0),
@@ -11213,7 +11216,7 @@ var td = { style: { "line-height": "20px" } }, nd = { class: "pv-text-subdued pv
 						class: "pv-stack-8",
 						"filter-col-def": e.filterColDef
 					}, null, 8, ["filter-col-def"])) : a("", !0),
-					R(G) ? (D(), i(N(R(G)), b(_({ key: 2 }, t)), null, 16)) : a("", !0)
+					R(oe) ? (D(), i(N(R(oe)), b(_({ key: 2 }, t)), null, 16)) : a("", !0)
 				]),
 				key: "0"
 			} : void 0,
@@ -11222,9 +11225,9 @@ var td = { style: { "line-height": "20px" } }, nd = { class: "pv-text-subdued pv
 				fn: W((e) => [(D(), i(N(R(ie)), b(p(e)), null, 16))]),
 				key: "1"
 			} : void 0,
-			R(K) ? {
+			R(G) ? {
 				name: "footer",
-				fn: W((e) => [(D(), i(N(R(K)), b(p(e)), null, 16))]),
+				fn: W((e) => [(D(), i(N(R(G)), b(p(e)), null, 16))]),
 				key: "2"
 			} : void 0
 		]), 1032, /* @__PURE__ */ "modelValue.disabled.searchInput.selectionState.data-horizontal-filter-field.label.rumFilterName.icon.variant.counterPosition.singleSelect.menuActionsVariant.disableSearchInput.searchPlaceholder.overlayTrigger.options.optionsRenderer.optionsAction.popoverCssProperties.disableClearIcon.disableDropdownIcon.isLoading.loadingText.isSeeMoreLoading.hasMoreOptions.totalOptionCount.enableCascadeSelection.enableChildExpansion.parentSelectsAllChildren.countSelectedParents.additionalCounter.slotContext.onSeeMore".split("."))]), R(z) && !e.readOnly ? (D(), o("div", rf, [R(B).length > 0 ? (D(), o("div", af, [s("ul", of, [u(R(aa), {
@@ -11235,11 +11238,11 @@ var td = { style: { "line-height": "20px" } }, nd = { class: "pv-text-subdued pv
 			"use-teleport": !0,
 			style: { "--max-width": "200px" }
 		}, c({
-			trigger: W(() => [s("li", sf, [s("p", { class: y(["pv-text-subdued pv-text-body-md", R(se) ? "suggested-title-label" : ""]) }, " Suggested: ", 2)])]),
+			trigger: W(() => [s("li", sf, [s("p", { class: y(["pv-text-subdued pv-text-body-md", R(ce) ? "suggested-title-label" : ""]) }, " Suggested: ", 2)])]),
 			_: 2
-		}, [R(se) ? {
+		}, [R(ce) ? {
 			name: "content",
-			fn: W(() => [l(P(R(se)), 1)]),
+			fn: W(() => [l(P(R(ce)), 1)]),
 			key: "0"
 		} : void 0]), 1024), (D(!0), o(t, null, A(R(B).filter((e) => e !== "" && e != null).slice(0, cf), (e) => (D(), o("li", {
 			key: `${R(I)}-${e}-suggest`,
@@ -11250,8 +11253,8 @@ var td = { style: { "line-height": "20px" } }, nd = { class: "pv-text-subdued pv
 			}
 		}, [u(R(Dc), {
 			disabled: R(w),
-			label: R(le)(e) || "",
-			onHandleClick: (t) => R(de)(e, R(ce)(R(F), e)?.colField)
+			label: R(K)(e) || "",
+			onHandleClick: (t) => R(de)(e, R(le)(R(F), e)?.colField)
 		}, null, 8, [
 			"disabled",
 			"label",
@@ -11358,12 +11361,12 @@ var td = { style: { "line-height": "20px" } }, nd = { class: "pv-text-subdued pv
 			}
 		}, { clearAllFocuses: U } = Hu(), ae = () => {
 			n.value && (C(), g.value = null, f.value ? n.value.setAdvancedFilterModel(null) : (n.value.setFilterModel(null), n.value.onFilterChanged()), h.value += 1, U(), j.value = !1);
-		}, G = () => {
-			O.value = !1, M.value = "";
-		}, K = () => {
-			b(), C(), g.value = null, G();
 		}, oe = () => {
-			b(), re.value && n.value && (S(), f.value ? n.value.setAdvancedFilterModel(g.value) : (n.value.setFilterModel(g.value), n.value.onFilterChanged())), g.value = null, G();
+			O.value = !1, M.value = "";
+		}, G = () => {
+			b(), C(), g.value = null, oe();
+		}, se = () => {
+			b(), re.value && n.value && (S(), f.value ? n.value.setAdvancedFilterModel(g.value) : (n.value.setFilterModel(g.value), n.value.onFilterChanged())), g.value = null, oe();
 		};
 		return (r, c) => (D(), o(t, null, [s("div", {
 			class: "pv-flex",
@@ -11417,7 +11420,7 @@ var td = { style: { "line-height": "20px" } }, nd = { class: "pv-text-subdued pv
 				"onUpdate:modelValue": c[9] ||= (e) => O.value = e,
 				class: "pv-drawer pv-surface",
 				"close-on-click-outside": !0,
-				onClickOutside: c[10] ||= (e) => oe(),
+				onClickOutside: c[10] ||= (e) => se(),
 				style: {
 					"max-width": "450px",
 					"z-index": "10"
@@ -11426,7 +11429,7 @@ var td = { style: { "line-height": "20px" } }, nd = { class: "pv-text-subdued pv
 				header: W(() => [s("div", uf, [s("p", df, "All Filters (" + P(z.value.length) + ")", 1), s("button", {
 					class: "pv-button-ghost",
 					"aria-label": "Close",
-					onClick: c[2] ||= (e) => K()
+					onClick: c[2] ||= (e) => G()
 				}, [u(R(Hn), { name: "close" })])]), u(R(Da), {
 					modelValue: M.value,
 					"onUpdate:modelValue": c[3] ||= (e) => M.value = e,
@@ -11436,7 +11439,7 @@ var td = { style: { "line-height": "20px" } }, nd = { class: "pv-text-subdued pv
 					key: 1,
 					variant: "ghost",
 					label: "Close",
-					onClick: c[8] ||= (e) => K()
+					onClick: c[8] ||= (e) => G()
 				})) : (D(), o(t, { key: 0 }, [s("button", {
 					class: "pv-button-ghost",
 					"data-dd-action-name": "Clear all page filters",
@@ -11445,13 +11448,13 @@ var td = { style: { "line-height": "20px" } }, nd = { class: "pv-text-subdued pv
 					variant: "ghost",
 					label: "Cancel",
 					"data-dd-action-name": "Cancel filter changes",
-					onClick: c[6] ||= (e) => K()
+					onClick: c[6] ||= (e) => G()
 				}), re.value ? (D(), i(R(Kn), {
 					key: 0,
 					variant: "primary",
 					label: "Apply",
 					"data-dd-action-name": "Apply filters",
-					onClick: c[7] ||= (e) => oe()
+					onClick: c[7] ||= (e) => se()
 				})) : (D(), i(R(Kn), {
 					key: 1,
 					variant: "primary",
@@ -11603,7 +11606,7 @@ var td = { style: { "line-height": "20px" } }, nd = { class: "pv-text-subdued pv
 				icon: h.value || void 0,
 				label: p.value || "",
 				staticLabel: !0,
-				onClick: t[1] ||= K(() => {}, ["stop"])
+				onClick: t[1] ||= G(() => {}, ["stop"])
 			}, null, 8, [
 				"modelValue",
 				"options",
@@ -11625,7 +11628,7 @@ var td = { style: { "line-height": "20px" } }, nd = { class: "pv-text-subdued pv
 					size: 12,
 					name: "info-circle",
 					class: "pv-text-subdued",
-					onClick: t[2] ||= K(() => {}, ["stop"])
+					onClick: t[2] ||= G(() => {}, ["stop"])
 				})]),
 				content: W(() => [s("div", Sf, P(g.value), 1)]),
 				_: 1
@@ -11644,7 +11647,7 @@ var td = { style: { "line-height": "20px" } }, nd = { class: "pv-text-subdued pv
 			variant: "ghost",
 			"left-icon": "menu",
 			ariaLabel: "Column menu",
-			onClick: K(L, ["stop", "prevent"])
+			onClick: G(L, ["stop", "prevent"])
 		})], 4)])) : a("", !0)], 6));
 	}
 }), [["__scopeId", "data-v-ec17105d"]]), Tf = {
@@ -11733,7 +11736,7 @@ var td = { style: { "line-height": "20px" } }, nd = { class: "pv-text-subdued pv
 			class: "pv-icon-24"
 		}, [s("title", null, "ellipsis"), s("use", { "xlink:href": "#ellipsis" })])], -1), s("div", Af, [s("button", {
 			class: "pv-button pv-text-body-sm pv-inset-square-8",
-			onClick: K(i, ["prevent"]),
+			onClick: G(i, ["prevent"]),
 			disabled: r.value
 		}, [r.value ? (D(), o(t, { key: 0 }, [l("Exporting...")], 64)) : (D(), o(t, { key: 1 }, [l("Download CSV")], 64))], 8, jf)])]));
 	}
@@ -12144,11 +12147,11 @@ var td = { style: { "line-height": "20px" } }, nd = { class: "pv-text-subdued pv
 			return Array.from(new Set([
 				...t,
 				...n?.queryColIds || [],
-				...t.flatMap((e) => K.find((t) => t.field === e || t.colId === e)?.context?.queryColIds || [])
+				...t.flatMap((e) => G.find((t) => t.field === e || t.colId === e)?.context?.queryColIds || [])
 			]));
 		}, F = (e, t) => {
 			if (hd(e, t)) return !0;
-			let n = K.find((e) => Es(e) === t);
+			let n = G.find((e) => Es(e) === t);
 			return !!n && N(n).some((t) => hd(e, t));
 		}, L = "serverSideRowHandler" in f && f.serverSideRowHandler ? { getRows: (e) => {
 			if (!fe.value) {
@@ -12219,7 +12222,7 @@ var td = { style: { "line-height": "20px" } }, nd = { class: "pv-text-subdued pv
 				} : e.request.filterModel = s;
 			} else {
 				let t = e.request.filterModel;
-				e.request.filterModel = gd(K, t, s);
+				e.request.filterModel = gd(G, t, s);
 			}
 			e.success = (e) => {
 				if (J.value = !1, f.enableFocusView && mt.value.length > 0 && pt.value && e.rowData) {
@@ -12235,7 +12238,7 @@ var td = { style: { "line-height": "20px" } }, nd = { class: "pv-text-subdued pv
 			}, f.serverSideRowHandler?.(e);
 		} } : null, z = "filterValuesSetHandler" in f && f.filterValuesSetHandler ? async (e) => {
 			let t = [], n = { ...rt.value };
-			t = !ue.value && ce ? Md(n, e.colDef.field ?? e.colDef.colId ?? "") || [] : await lt(e.colDef, {
+			t = !ue.value && le ? Md(n, e.colDef.field ?? e.colDef.colId ?? "") || [] : await lt(e.colDef, {
 				api: e.api,
 				filterModel: n,
 				useStaged: !1
@@ -12284,12 +12287,12 @@ var td = { style: { "line-height": "20px" } }, nd = { class: "pv-text-subdued pv
 				let t = e.column?.getColId();
 				if (e.column && Et(e.column) && (t = vt.value?.getColId() || ""), !Kt(t)) {
 					let n = e.api.getColumn(t)?.getColDef();
-					n && (le.value = n, v(() => {
+					n && (K.value = n, v(() => {
 						Kt(t);
 					}));
 				}
 			}
-		}, H = (e) => !e.node?.group && e.data != null && e.value != null && e.value !== "", G = (e, t) => {
+		}, H = (e) => !e.node?.group && e.data != null && e.value != null && e.value !== "", oe = (e, t) => {
 			if (!e) return null;
 			let n = { ...e }, r = t, i = Ts(e);
 			if (r.devOnly) if (f.devMode) n.hide = !0;
@@ -12306,16 +12309,16 @@ var td = { style: { "line-height": "20px" } }, nd = { class: "pv-text-subdued pv
 				n.headerValueGetter = (e) => e.location === "advancedFilter" ? n.colId || n.field || "" : t && typeof t == "function" ? t(e) : t && typeof t == "string" ? t : n.headerName || n.field || "";
 			}
 			return r.isArrayField && !e.valueFormatter ? n.valueFormatter = (e) => Pt(e, r.dataType) : r.dataType === ps.Percent && !e.valueFormatter ? n.valueFormatter = (e) => Mt(e, r.valueDecimals || 0) : r.dataType === ps.Currency && !e.valueFormatter ? n.valueFormatter = (e) => jt(e, r.valueDecimals || 0) : r.dataType === ps.Integer && !e.valueFormatter ? n.valueFormatter = Nt : r.dataType === ps.Tag && !e.cellRenderer && (n.cellRenderer = Ff), n;
-		}, K = f.colDefs?.map((e) => {
+		}, G = f.colDefs?.map((e) => {
 			let t = { ...e };
 			L && z && _d(e) && (t = vd(e, z));
 			let n = e.context;
-			return n && (t = G(t, n)), t;
-		}).filter((e) => e != null) || [], oe = new Set(f.colDefs?.map((e) => e.field || e.colId).filter(Boolean) || []);
-		for (let e of K) for (let t of Ts(e)) oe.has(t) || console.warn(`aggregate field hierarchy references "${t}" on column "${e.field || e.colId}", but no colDef with that field exists.`);
-		let se = K.some((e) => e.context?.visibilityState !== void 0), ce = ud(f.initialGridState, K, f.enableAdvancedFilter), le = k(null), q = k([]), ue = m(su, k(!1)), J = k(!1), de = r(() => {
+			return n && (t = oe(t, n)), t;
+		}).filter((e) => e != null) || [], se = new Set(f.colDefs?.map((e) => e.field || e.colId).filter(Boolean) || []);
+		for (let e of G) for (let t of Ts(e)) se.has(t) || console.warn(`aggregate field hierarchy references "${t}" on column "${e.field || e.colId}", but no colDef with that field exists.`);
+		let ce = G.some((e) => e.context?.visibilityState !== void 0), le = ud(f.initialGridState, G, f.enableAdvancedFilter), K = k(null), q = k([]), ue = m(su, k(!1)), J = k(!1), de = r(() => {
 			if (q.value.length > 0) {
-				let e = q.value[0], t = K.find((t) => t.field === e), n = rt.value, r = !n;
+				let e = q.value[0], t = G.find((t) => t.field === e), n = rt.value, r = !n;
 				if (!r && Rd(n) && (r = !n[e]), r && t?.context?.filterRequiredToGroup) return t.headerName;
 			}
 			return null;
@@ -12347,8 +12350,8 @@ var td = { style: { "line-height": "20px" } }, nd = { class: "pv-text-subdued pv
 			deep: !0,
 			debounce: 250
 		});
-		let ft = k(null), pt = r(() => nt?.computedFocusType.value || null), mt = r(() => nt?.computedFocuses.value || []), ht = r(() => K.filter((e) => e.filter)), gt = r(() => K.filter((e) => e.enableRowGroup)), _t = r(() => K.filter((e) => e.aggFunc)), vt = k(null), yt = k({}), bt = k(1), xt = k(0);
-		O(Xl, Q), O(Zl, nt), O(Ql, Ie), O($l, X), O(eu, ft), O(tu, le), O(nu, ht), O(ru, gt), O(iu, q), O(au, vt), O(ou, yt), O(su, ue), O(cu, J), O(lu, bt), O(uu, xt), O(Cu, r(() => f.enableAdvancedFilter));
+		let ft = k(null), pt = r(() => nt?.computedFocusType.value || null), mt = r(() => nt?.computedFocuses.value || []), ht = r(() => G.filter((e) => e.filter)), gt = r(() => G.filter((e) => e.enableRowGroup)), _t = r(() => G.filter((e) => e.aggFunc)), vt = k(null), yt = k({}), bt = k(1), xt = k(0);
+		O(Xl, Q), O(Zl, nt), O(Ql, Ie), O($l, X), O(eu, ft), O(tu, K), O(nu, ht), O(ru, gt), O(iu, q), O(au, vt), O(ou, yt), O(su, ue), O(cu, J), O(lu, bt), O(uu, xt), O(Cu, r(() => f.enableAdvancedFilter));
 		let St = r(() => !f.enableFocusView && !f.rowData || f.enableFocusView && !mt.value.length && !pt.value ? f.rowData : vs(f.rowData, pt.value, mt.value));
 		U(() => mt.value, (e) => {
 			A("focus-update", {
@@ -12357,17 +12360,17 @@ var td = { style: { "line-height": "20px" } }, nd = { class: "pv-text-subdued pv
 			});
 		}), U(M, (e) => {
 			if (!X.value) return;
-			let t = K.filter((e) => e.context?.devOnly).map((e) => e.field).filter(Boolean);
+			let t = G.filter((e) => e.context?.devOnly).map((e) => e.field).filter(Boolean);
 			t.length > 0 && X.value.setColumnsVisible(t, e);
 		});
 		let Ct = (e) => {
 			X.value = e.api;
-			let t = q.value.find((e) => !K.find((t) => t.field === e)?.hide), n = !t && q.value.length > 0 ? K.find((e) => !e.hide && !e.rowGroup)?.field ?? null : null, r = f.leftPinnedColumnName ?? t ?? n, i = [];
+			let t = q.value.find((e) => !G.find((t) => t.field === e)?.hide), n = !t && q.value.length > 0 ? G.find((e) => !e.hide && !e.rowGroup)?.field ?? null : null, r = f.leftPinnedColumnName ?? t ?? n, i = [];
 			if (f.hideAllRowGroupedColumns && q.value.forEach((e) => i.push(e)), r) {
 				let t = e.api.getColumn(r);
 				vt.value = t, i.push(r), Zt(t?.getColDef());
 			}
-			ce ? tn(ce) : rt.value && It(rt.value), it.value && Lt(it.value), e.api.setColumnsVisible([...i], !1), ft.value = [...e.api.getAllGridColumns()], bt.value = e.api.paginationGetCurrentPage() + 1, xt.value = e.api.paginationGetTotalPages(), A("grid-ready", e);
+			le ? tn(le) : rt.value && It(rt.value), it.value && Lt(it.value), e.api.setColumnsVisible([...i], !1), ft.value = [...e.api.getAllGridColumns()], bt.value = e.api.paginationGetCurrentPage() + 1, xt.value = e.api.paginationGetTotalPages(), A("grid-ready", e);
 		}, wt = (e) => {
 			if (X.value) {
 				let t = Ft();
@@ -12388,7 +12391,7 @@ var td = { style: { "line-height": "20px" } }, nd = { class: "pv-text-subdued pv
 			X.value.refreshServerSide(t);
 		};
 		function kt(e) {
-			return e?.hydrate ? Q.hydrateSelectedFilterMetadata(K) : ct.value;
+			return e?.hydrate ? Q.hydrateSelectedFilterMetadata(G) : ct.value;
 		}
 		let At = async () => {
 			if (Dt.value = !0, !X.value) return console.error("Grid API not available"), Dt.value = !1, null;
@@ -12483,7 +12486,7 @@ var td = { style: { "line-height": "20px" } }, nd = { class: "pv-text-subdued pv
 			v(() => {
 				let t = vt.value, n = e.api.getRowGroupColumns(), r = n.length > 0, i;
 				if (r && f.leftPinnedColumnName && (i = e.api.getColumn(f.leftPinnedColumnName || "")), r && !f.leftPinnedColumnName && (i = n.find((e) => !e.getColDef().hide), !i)) {
-					let t = K.find((e) => !e.hide && !e.rowGroup)?.field;
+					let t = G.find((e) => !e.hide && !e.rowGroup)?.field;
 					t && (i = e.api.getColumn(t));
 				}
 				i ? (vt.value = i, Zt(i.getColDef()), e.api.setColumnsVisible([i.getColId()], !1)) : (vt.value = null, Zt(null));
@@ -12574,7 +12577,7 @@ var td = { style: { "line-height": "20px" } }, nd = { class: "pv-text-subdued pv
 					"rowUnGroup"
 				], n = e.column && Et(e.column) ? vt.value : e.column;
 				return !f.enableInlineFilters && n && n.getColDef().filter && t.splice(2, 0, re), t.filter((t) => typeof t == "string" ? e.defaultItems.includes(t) : !0);
-			}, ce && (rt.value = (f.enableAdvancedFilter ? ce.filter?.advancedFilterModel : ce.filter?.filterModel) || null, q.value = ce.rowGroup?.groupColIds || []);
+			}, le && (rt.value = (f.enableAdvancedFilter ? le.filter?.advancedFilterModel : le.filter?.filterModel) || null, q.value = le.rowGroup?.groupColIds || []);
 		});
 		let tn = (e) => {
 			let t = X.value;
@@ -12582,14 +12585,14 @@ var td = { style: { "line-height": "20px" } }, nd = { class: "pv-text-subdued pv
 			let n = e.filter?.filterModel || null, r = e.rowGroup?.groupColIds || null, i = e.columnVisibility || null;
 			n && !Dd(n, t.getFilterModel()) && t.setFilterModel(n), f.isTableGrouped && r && !ot(r, q.value) && t.setRowGroupColumns(r), i?.hiddenColIds && t.setColumnsVisible(i.hiddenColIds, !1);
 			let a = e.columnOrder?.orderedColIds;
-			se && a?.length && (ot(a, t.getAllGridColumns().map((e) => e.getColId())) || t.applyColumnState({
+			ce && a?.length && (ot(a, t.getAllGridColumns().map((e) => e.getColId())) || t.applyColumnState({
 				state: a.map((e) => ({ colId: e })),
 				applyOrder: !0
 			}));
 		};
 		U(() => f.initialGridState, () => {
 			if (f.initialGridState) {
-				let e = ud(f.initialGridState, K, f.enableAdvancedFilter);
+				let e = ud(f.initialGridState, G, f.enableAdvancedFilter);
 				e && tn(e);
 			}
 		}, { deep: !0 });
@@ -12746,7 +12749,7 @@ var td = { style: { "line-height": "20px" } }, nd = { class: "pv-text-subdued pv
 				onUndoStarted: r[10] ||= (e) => A("undo-started", e),
 				aggFuncs: en,
 				autoGroupColumnDef: Xt.value,
-				columnDefs: R(K),
+				columnDefs: R(G),
 				debug: e.debugMode,
 				defaultColDef: R(B),
 				fullWidthCellRenderer: qt.value,
@@ -12757,7 +12760,7 @@ var td = { style: { "line-height": "20px" } }, nd = { class: "pv-text-subdued pv
 				getRowStyle: Qt,
 				groupDefaultExpanded: an.value,
 				groupDisplayType: "singleColumn",
-				initialState: R(ce) || void 0,
+				initialState: R(le) || void 0,
 				isFullWidthRow: f.isFullWidthRow,
 				isGroupOpenByDefault: R(L) ? void 0 : f.isClientSideGroupOpenByDefault,
 				isServerSideGroupOpenByDefault: rn,
@@ -12805,10 +12808,10 @@ var td = { style: { "line-height": "20px" } }, nd = { class: "pv-text-subdued pv
 }), qf = ["id"], Jf = {
 	key: 0,
 	class: "sort-divider-container"
-}, Yf = ["data-label"], Xf = ["onDrop"], Zf = { class: "pv-full-width pv-bordered pv-radius-md pv-flex pv-center pv-placeholder-dropzone" }, Qf = { class: "pv-text-body-sm pv-text-tertiary" }, $f = { class: "pv-flex pv-full-width pv-sort-option" }, ep = { class: "pv-text-body-sm" }, tp = {
+}, Yf = ["data-label"], Xf = ["onDrop"], Zf = { class: "pv-full-width pv-bordered pv-radius-md pv-flex pv-center pv-placeholder-dropzone" }, Qf = { class: "pv-text-body-sm pv-text-tertiary" }, $f = { class: "pv-text-body-sm" }, ep = {
 	key: 1,
 	class: "pv-button-placeholder"
-}, np = "--divider--", rp = "placeholder-", ip = /* @__PURE__ */ tn(/* @__PURE__ */ d({
+}, tp = "--divider--", np = "placeholder-", rp = /* @__PURE__ */ tn(/* @__PURE__ */ d({
 	__name: "PvSortableList",
 	props: /* @__PURE__ */ g({
 		options: { default: () => [] },
@@ -12817,7 +12820,8 @@ var td = { style: { "line-height": "20px" } }, nd = { class: "pv-text-subdued pv
 		showPlaceholders: {
 			type: Boolean,
 			default: !0
-		}
+		},
+		lockedOptionIds: { default: () => [] }
 	}, {
 		modelValue: {
 			required: !1,
@@ -12827,141 +12831,144 @@ var td = { style: { "line-height": "20px" } }, nd = { class: "pv-text-subdued pv
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let n = e, c = B(e, "modelValue"), l = {
-			id: np,
+		let n = e, c = B(e, "modelValue"), l = (e) => n.lockedOptionIds.includes(e.id), d = (e) => {
+			let t = c.value.filter(l), r = e.filter((e) => !l(e));
+			return [...t, ...r].slice(0, n.activeOptionLimit || Infinity);
+		}, f = {
+			id: tp,
 			text: "",
 			disabled: !0
-		}, d = r(() => n.activeOptionLimit ? Math.max(0, n.activeOptionLimit - c.value.length) : 0), f = r(() => !n.showPlaceholders || d.value === 0 ? [] : Array.from({ length: d.value }, (e, t) => ({
-			id: `${rp}${t}`,
+		}, p = r(() => n.activeOptionLimit ? Math.max(0, n.activeOptionLimit - c.value.length) : 0), m = r(() => !n.showPlaceholders || p.value === 0 ? [] : Array.from({ length: p.value }, (e, t) => ({
+			id: `${np}${t}`,
 			text: "",
 			disabled: !0,
 			isPlaceholder: !0
-		}))), p = r(() => {
+		}))), h = r(() => {
 			let e = new Set(c.value.map((e) => e.id));
 			return [
 				...c.value,
-				...f.value,
-				l,
+				...m.value,
+				f,
 				...n.options.filter((t) => !e.has(t.id))
 			];
-		}), m = V("sortableListRef"), h = V("containerRef"), g = null, _ = null, v = !1, b = () => {
-			if (!m.value) return c.value;
-			let e = Array.from(m.value.children).map((e) => e.id), t = e.findIndex((e) => e === np);
-			return t !== -1 && (e = e.slice(0, t)), e = e.filter((e) => !e.startsWith(rp)), e.map((e) => n.options.find((t) => t.id === e) || null).filter(Boolean).slice(0, n.activeOptionLimit || Infinity);
+		}), g = V("sortableListRef"), _ = V("containerRef"), v = null, b = null, S = !1, C = () => {
+			if (!g.value) return c.value;
+			let e = Array.from(g.value.children).map((e) => e.id), t = e.findIndex((e) => e === tp);
+			return t !== -1 && (e = e.slice(0, t)), e = e.filter((e) => !e.startsWith(np)), e.map((e) => n.options.find((t) => t.id === e) || null).filter(Boolean).slice(0, n.activeOptionLimit || Infinity);
 		};
 		T(() => {
-			m.value && (g = new st(m.value, {
+			g.value && (v = new st(g.value, {
 				animation: 200,
-				filter: `#${np}, [id^="placeholder-"]`,
+				filter: `#${tp}, [id^="placeholder-"], .pv-sortable-locked`,
 				dragoverBubble: !0,
 				onStart: (e) => {
-					_ = e.item, v = !1;
+					b = e.item, S = !1;
 				},
 				onMove: (e) => {
 					let t = e.related;
-					if (t?.id?.startsWith(rp)) return !1;
+					if (t?.id?.startsWith(np)) return !1;
 					let r = n.options.find((t) => t.id === e.dragged.id);
-					if (!r) return !1;
-					if (O(r)) return !0;
-					if (k.value) return !1;
-					if (t?.id === np) return !0;
+					if (!r || n.options.find((e) => e.id === t?.id && l(e))) return !1;
+					if (j(r)) return !0;
+					if (M.value) return !1;
+					if (t?.id === tp) return !0;
 					let i = n.options.find((e) => e.id === t?.id);
-					return !!i && O(i);
+					return !!i && j(i);
 				},
 				onEnd: (e) => {
-					if (_ = null, v) {
-						v = !1;
+					if (b = null, S) {
+						S = !1;
 						return;
 					}
-					let t = m.value;
+					let t = g.value;
 					if (!t || !e.item || !t.contains(e.item)) return;
-					let n = b();
+					let n = d(C());
 					t.removeChild(e.item), t.insertBefore(e.item, t.children[e.oldIndex ?? t.children.length] ?? null);
 					let r = c.value.map((e) => e.id);
 					n.length === r.length && n.every((e, t) => e.id === r[t]) || (c.value = n);
 				}
 			}));
 		}), E(() => {
-			g &&= (g.destroy(), null);
+			v &&= (v.destroy(), null);
 		});
-		let S = (e) => {
-			e.preventDefault(), _ && e.currentTarget.classList.add("placeholder-drag-over");
-		}, C = (e) => {
+		let w = (e) => {
+			e.preventDefault(), b && e.currentTarget.classList.add("placeholder-drag-over");
+		}, O = (e) => {
 			e.currentTarget.classList.remove("placeholder-drag-over");
-		}, w = (e, t) => {
-			if (e.preventDefault(), e.currentTarget.classList.remove("placeholder-drag-over"), _) {
-				let e = _.id, r = n.options.find((t) => t.id === e);
-				if (r && !O(r)) {
+		}, k = (e, t) => {
+			if (e.preventDefault(), e.currentTarget.classList.remove("placeholder-drag-over"), b) {
+				let e = b.id, r = n.options.find((t) => t.id === e);
+				if (r && !j(r)) {
 					let e = [...c.value];
-					e.splice(t - 1, 0, r), c.value = e.slice(0, n.activeOptionLimit || Infinity), _.parentNode && _.parentNode.removeChild(_), v = !0;
+					e.splice(t - 1, 0, r), c.value = d(e), b.parentNode && b.parentNode.removeChild(b), S = !0;
 				}
 			}
-		}, O = (e) => c.value.some((t) => t.id === e.id), k = r(() => n.activeOptionLimit ? c.value.length >= n.activeOptionLimit : !1), j = (e) => {
-			if (O(e)) c.value = c.value.filter((t) => t.id !== e.id);
+		}, j = (e) => c.value.some((t) => t.id === e.id), M = r(() => n.activeOptionLimit ? c.value.length >= n.activeOptionLimit : !1), N = (e) => {
+			if (!l(e)) if (j(e)) c.value = c.value.filter((t) => t.id !== e.id);
 			else {
 				if (n.activeOptionLimit && c.value.length >= n.activeOptionLimit) return;
 				c.value = c.value.concat([e]);
 			}
-		}, M = (e) => !O(e) && n.activeOptionLimit && c.value.length >= n.activeOptionLimit || e.disabled, N = (e) => {
+		}, ee = (e) => !j(e) && n.activeOptionLimit && c.value.length >= n.activeOptionLimit || e.disabled, F = (e) => {
 			let t = { padding: "4px 8px" };
-			return O(e) && (t.backgroundColor = "var(--color-background-highlight, #E4F8F6)", t.borderColor = "var(--color-border-brand, #16696D)"), t;
-		}, ee = (e) => {
+			return j(e) && (t.backgroundColor = "var(--color-background-highlight, #E4F8F6)", t.borderColor = "var(--color-border-brand, #16696D)"), t;
+		}, I = (e) => {
 			let t = {};
-			return M(e) && (t.backgroundColor = "transparent"), !O(e) && !M(e) ? t.color = "var(--color-text-brand, #16696D)" : t.color = "var(--color-text-quaternary, #89989B)", t;
+			return ee(e) && (t.backgroundColor = "transparent"), !j(e) && !ee(e) ? t.color = "var(--color-text-brand, #16696D)" : t.color = "var(--color-text-quaternary, #89989B)", t;
 		};
 		return (e, r) => (D(), o("div", {
 			ref_key: "containerRef",
-			ref: h
+			ref: _
 		}, [s("ul", {
 			ref_key: "sortableListRef",
-			ref: m,
+			ref: g,
 			role: "list"
-		}, [(D(!0), o(t, null, A(p.value, (e) => (D(), o("li", {
+		}, [(D(!0), o(t, null, A(h.value, (e) => (D(), o("li", {
 			key: e.id,
 			id: e.id,
 			class: "pv-stack-4"
-		}, [e.id === np ? (D(), o("div", Jf, [s("div", {
+		}, [e.id === tp ? (D(), o("div", Jf, [s("div", {
 			class: "sort-divider pv-text-default pv-text-body-xs pv-text-tertiary",
-			"data-label": k.value ? `Maximum of ${n.activeOptionLimit}` : ""
-		}, null, 8, Yf)])) : e.id.includes(rp) ? (D(), o("div", {
+			"data-label": M.value ? `Maximum of ${n.activeOptionLimit}` : ""
+		}, null, 8, Yf)])) : e.id.includes(np) ? (D(), o("div", {
 			key: 1,
 			class: "placeholder-zone",
-			onDragover: r[0] ||= (e) => S(e),
-			onDragleave: r[1] ||= (e) => C(e),
-			onDrop: (t) => w(t, parseInt(e.id.split("-")[1]) + 1)
+			onDragover: r[0] ||= (e) => w(e),
+			onDragleave: r[1] ||= (e) => O(e),
+			onDrop: (t) => k(t, parseInt(e.id.split("-")[1]) + 1)
 		}, [s("div", Zf, [s("span", Qf, P(n.placeholderText), 1)])], 40, Xf)) : (D(), o("div", {
 			key: 2,
-			class: y(["pv-full-width pv-bordered pv-radius-md pv-flex pv-space-between", !O(e) && k.value ? "pv-menu-item-disabled" : ""]),
-			style: x(N(e))
-		}, [s("div", $f, [
+			class: y(["pv-full-width pv-bordered pv-radius-md pv-flex pv-space-between", [!j(e) && M.value ? "pv-menu-item-disabled" : "", l(e) ? "pv-sortable-locked" : ""]]),
+			style: x(F(e))
+		}, [s("div", { class: y(["pv-flex pv-full-width pv-sort-option", { "pv-sort-option-locked": l(e) }]) }, [
 			u(Hn, {
-				class: y(O(e) ? "pv-text-brand" : "pv-text-tertiary"),
-				name: "reorder"
-			}, null, 8, ["class"]),
+				class: y(j(e) ? "pv-text-brand" : "pv-text-tertiary"),
+				name: l(e) ? "lock" : "reorder"
+			}, null, 8, ["class", "name"]),
 			e.icon ? (D(), i(Hn, {
 				key: 0,
-				class: y(O(e) ? "pv-text-brand" : "pv-text-tertiary"),
+				class: y(j(e) ? "pv-text-brand" : "pv-text-tertiary"),
 				name: e.icon
 			}, null, 8, ["class", "name"])) : a("", !0),
-			s("span", ep, P(e.text), 1)
-		]), M(e) ? (D(), o("div", tp)) : (D(), i(Kn, {
+			s("span", $f, P(e.text), 1)
+		], 2), !ee(e) && !l(e) ? (D(), i(Kn, {
 			key: 0,
-			"left-icon": O(e) ? "remove-circle" : "add-circle",
-			ariaLabel: O(e) ? `Remove ${e.text}` : `Add ${e.text}`,
+			"left-icon": j(e) ? "remove-circle" : "add-circle",
+			ariaLabel: j(e) ? `Remove ${e.text}` : `Add ${e.text}`,
 			variant: "ghost",
-			style: x(ee(e)),
-			onClick: (t) => j(e)
+			style: x(I(e)),
+			onClick: (t) => N(e)
 		}, null, 8, [
 			"left-icon",
 			"ariaLabel",
 			"style",
 			"onClick"
-		]))], 6))], 8, qf))), 128))], 512)], 512));
+		])) : (D(), o("div", ep))], 6))], 8, qf))), 128))], 512)], 512));
 	}
-}), [["__scopeId", "data-v-a3c94e3a"]]), ap = {
+}), [["__scopeId", "data-v-f9030e5e"]]), ip = {
 	class: "pv-flex pv-full-width pv-space-between",
 	style: { "white-space": "nowrap" }
-}, op = { class: "pv-text-body-md" }, sp = /* @__PURE__ */ d({
+}, ap = { class: "pv-text-body-md" }, op = /* @__PURE__ */ d({
 	inheritAttrs: !1,
 	__name: "PvTableOverlayMenuItemRenderer",
 	props: {
@@ -12970,22 +12977,22 @@ var td = { style: { "line-height": "20px" } }, nd = { class: "pv-text-subdued pv
 		context: {}
 	},
 	setup(e) {
-		return (t, n) => (D(), o("div", ap, [s("span", op, P(e.text), 1), e.context?.rightIcon ? (D(), i(Hn, {
+		return (t, n) => (D(), o("div", ip, [s("span", ap, P(e.text), 1), e.context?.rightIcon ? (D(), i(Hn, {
 			key: 0,
 			name: e.context.rightIcon,
 			class: "pv-text-subdued"
 		}, null, 8, ["name"])) : a("", !0)]));
 	}
-}), cp = { class: "pv-relative" }, lp = {
+}), sp = { class: "pv-relative" }, cp = {
 	role: "list",
 	class: "pv-relative"
-}, up = ["data-active"], dp = ["data-active"], fp = {
+}, lp = ["data-active"], up = ["data-active"], dp = {
 	key: 2,
 	style: { cursor: "pointer" }
-}, pp = {
+}, fp = {
 	key: 0,
 	role: "list"
-}, mp = /* @__PURE__ */ d({
+}, pp = /* @__PURE__ */ d({
 	__name: "PvTableOptionsPanel",
 	props: {
 		groupedModeEnabled: { type: Boolean },
@@ -13064,7 +13071,7 @@ var td = { style: { "line-height": "20px" } }, nd = { class: "pv-text-subdued pv
 				previousHiddenColIds: r.hiddenColIds
 			});
 		};
-		return (n, r) => I.value ? (D(), o(t, { key: 0 }, [ae((D(), o("div", cp, [u(Va, {
+		return (n, r) => I.value ? (D(), o(t, { key: 0 }, [ae((D(), o("div", sp, [u(Va, {
 			open: v.value,
 			label: "Table Configuration",
 			icon: "settings",
@@ -13084,7 +13091,7 @@ var td = { style: { "line-height": "20px" } }, nd = { class: "pv-text-subdued pv
 					"padding-top": "4px",
 					"padding-bottom": "12px"
 				}
-			}, " Table Configuration ")], -1), s("ul", lp, [
+			}, " Table Configuration ")], -1), s("ul", cp, [
 				C.value ? (D(), o("li", {
 					key: 0,
 					id: "table-config-overlay",
@@ -13097,7 +13104,7 @@ var td = { style: { "line-height": "20px" } }, nd = { class: "pv-text-subdued pv
 					icon: "layers-2",
 					"class-list": ["pv-menu-nested", b.value === "overlay" ? "pv-menu-nested-active" : ""],
 					onHandleSelected: r[0] ||= (e) => j("overlay")
-				}, null, 8, ["class-list"])], 8, up)) : a("", !0),
+				}, null, 8, ["class-list"])], 8, lp)) : a("", !0),
 				P.value ? (D(), o("li", {
 					key: 1,
 					id: "table-config-columns",
@@ -13110,8 +13117,8 @@ var td = { style: { "line-height": "20px" } }, nd = { class: "pv-text-subdued pv
 					icon: "columns-3",
 					"class-list": ["pv-menu-nested", b.value === "columns" ? "pv-menu-nested-active" : ""],
 					onHandleSelected: r[1] ||= (e) => j("columns")
-				}, null, 8, ["class-list"])], 8, dp)) : a("", !0),
-				F.value ? (D(), o("li", fp, [u(Ao, {
+				}, null, 8, ["class-list"])], 8, up)) : a("", !0),
+				F.value ? (D(), o("li", dp, [u(Ao, {
 					config: { variant: "icon" },
 					id: "table-config-group-toggle",
 					class: "pv-text-subdued",
@@ -13132,11 +13139,11 @@ var td = { style: { "line-height": "20px" } }, nd = { class: "pv-text-subdued pv
 			},
 			isList: b.value !== "columns"
 		}, {
-			default: W(() => [b.value === "overlay" ? (D(), o("ul", pp, [(D(!0), o(t, null, A(S.value, (e) => (D(), o("li", { key: e.id }, [u(Ao, {
+			default: W(() => [b.value === "overlay" ? (D(), o("ul", fp, [(D(!0), o(t, null, A(S.value, (e) => (D(), o("li", { key: e.id }, [u(Ao, {
 				id: e.id,
 				config: {
 					variant: "checkbox",
-					renderer: sp
+					renderer: op
 				},
 				text: e.text,
 				context: e.context,
@@ -13154,14 +13161,14 @@ var td = { style: { "line-height": "20px" } }, nd = { class: "pv-text-subdued pv
 				class: "pv-inset-square-8",
 				role: "dialog",
 				"aria-label": "Column options",
-				onKeydown: r[3] ||= G(K((e) => b.value = null, ["stop"]), ["esc"])
+				onKeydown: r[3] ||= oe(G((e) => b.value = null, ["stop"]), ["esc"])
 			}, [r[5] ||= s("p", {
 				class: "pv-text-tertiary pv-text-body-sm pv-stack-4",
 				style: {
 					"padding-left": "2px",
 					"padding-bottom": "6px"
 				}
-			}, " Currently Viewing ", -1), u(ip, {
+			}, " Currently Viewing ", -1), u(rp, {
 				modelValue: te.value,
 				options: z.value,
 				showPlaceholders: !1,
@@ -13174,18 +13181,18 @@ var td = { style: { "line-height": "20px" } }, nd = { class: "pv-text-subdued pv
 			"isList"
 		])], 64)) : a("", !0);
 	}
-}), hp = { class: "pv-chart-benchmark-chips pv-flex-vertical" }, gp = ["data-group-name"], _p = { class: "pv-chart-chip-section-label pv-chart-benchmark-chip-section-label" }, vp = ["data-loading"], yp = { class: "pv-chart-chip-label pv-flex-item" }, bp = { class: "pv-chart-chip-value" }, xp = /* @__PURE__ */ d({
+}), mp = { class: "pv-chart-benchmark-chips pv-flex-vertical" }, hp = ["data-group-name"], gp = { class: "pv-chart-chip-section-label pv-chart-benchmark-chip-section-label" }, _p = ["data-loading"], vp = { class: "pv-chart-chip-label pv-flex-item" }, yp = { class: "pv-chart-chip-value" }, bp = /* @__PURE__ */ d({
 	__name: "PvBenchmarkChips",
 	props: { sections: {} },
 	emits: ["chip-hover"],
 	setup(e, { emit: n }) {
 		let r = n;
-		return (n, c) => (D(), o("div", hp, [(D(!0), o(t, null, A(e.sections, (e) => (D(), o("div", {
+		return (n, c) => (D(), o("div", mp, [(D(!0), o(t, null, A(e.sections, (e) => (D(), o("div", {
 			key: e.groupName,
 			"data-testid": "chip-section",
 			"data-group-name": e.groupName,
 			class: "pv-flex-vertical"
-		}, [s("p", _p, P(e.groupName), 1), (D(!0), o(t, null, A(e.chips, (e) => (D(), o("div", _({
+		}, [s("p", gp, P(e.groupName), 1), (D(!0), o(t, null, A(e.chips, (e) => (D(), o("div", _({
 			key: e.key,
 			"data-testid": "benchmark-chip",
 			class: "pv-chart-benchmark-chip pv-flex pv-bordered pv-inset-square-8",
@@ -13212,8 +13219,8 @@ var td = { style: { "line-height": "20px" } }, nd = { class: "pv-text-subdued pv
 				class: "pv-chart-benchmark-chip-accent",
 				style: x({ backgroundColor: e.color })
 			}, null, 4)) : a("", !0),
-			s("span", yp, P(e.label), 1),
-			s("span", bp, P(e.formattedValue), 1),
+			s("span", vp, P(e.label), 1),
+			s("span", yp, P(e.formattedValue), 1),
 			e.excludeFromCrossline ? (D(), i(R(aa), {
 				key: 1,
 				"data-testid": "benchmark-chip-unit-mismatch-tooltip",
@@ -13236,16 +13243,16 @@ var td = { style: { "line-height": "20px" } }, nd = { class: "pv-text-subdued pv
 				} }, " Shown in different units than the chart, so no line is drawn for this benchmark. ", -1)]]),
 				_: 1
 			})) : a("", !0)
-		], 64))], 16, vp))), 128))], 8, gp))), 128))]));
+		], 64))], 16, _p))), 128))], 8, hp))), 128))]));
 	}
-}), Sp = (e) => e.field === "state" || $(e).dataType === ps.Location, Cp = (e) => e.filter(Sp), wp = (e, t, n) => {
+}), xp = (e) => e.field === "state" || $(e).dataType === ps.Location, Sp = (e) => e.filter(xp), Cp = (e, t, n) => {
 	if (!n || t.length === 0) return e;
 	let r = new Set(n(t).map((e) => e.field));
 	return e.filter((e) => r.has(e));
-}, Tp = (e) => e.filter((e) => !Ss(e)), Ep = (e) => e.filter((e) => Ss(e)), Dp = {
+}, wp = (e) => e.filter((e) => !Ss(e)), Tp = (e) => e.filter((e) => Ss(e)), Ep = {
 	xAxis: {
 		selectMode: "sortable",
-		filterColumns: Tp
+		filterColumns: wp
 	},
 	yAxis: {},
 	secondaryYAxis: {},
@@ -13254,16 +13261,16 @@ var td = { style: { "line-height": "20px" } }, nd = { class: "pv-text-subdued pv
 	rowGroupLimit: 2,
 	supportsFocusView: !0,
 	storeBeforeChange: !0
-}, Op = [
+}, Dp = [
 	{
-		...Dp,
+		...Ep,
 		id: "column",
 		text: "Column",
 		icon: "chart-column",
 		agChartType: "bar"
 	},
 	{
-		...Dp,
+		...Ep,
 		id: "bar",
 		text: "Bar",
 		icon: "chart-bar",
@@ -13271,28 +13278,28 @@ var td = { style: { "line-height": "20px" } }, nd = { class: "pv-text-subdued pv
 		isHorizontal: !0
 	},
 	{
-		...Dp,
+		...Ep,
 		id: "line",
 		text: "Line",
 		icon: "chart-line",
 		agChartType: "line"
 	},
 	{
-		...Dp,
+		...Ep,
 		id: "area",
 		text: "Area",
 		icon: "chart-area",
 		agChartType: "area"
 	},
 	{
-		...Dp,
+		...Ep,
 		id: "column_stacked",
 		text: "Stacked Column",
 		icon: "chart-column-stacked",
 		agChartType: "bar"
 	},
 	{
-		...Dp,
+		...Ep,
 		id: "bar_stacked",
 		text: "Stacked Bar",
 		icon: "chart-bar-stacked",
@@ -13300,7 +13307,7 @@ var td = { style: { "line-height": "20px" } }, nd = { class: "pv-text-subdued pv
 		isHorizontal: !0
 	},
 	{
-		...Dp,
+		...Ep,
 		id: "pie",
 		text: "Pie",
 		icon: "chart-pie",
@@ -13314,7 +13321,7 @@ var td = { style: { "line-height": "20px" } }, nd = { class: "pv-text-subdued pv
 		icon: "chart-column",
 		xAxis: {
 			selectMode: "single",
-			filterColumns: Ep,
+			filterColumns: Tp,
 			hideLabel: !0
 		},
 		yAxis: {
@@ -13335,7 +13342,7 @@ var td = { style: { "line-height": "20px" } }, nd = { class: "pv-text-subdued pv
 		icon: "map",
 		xAxis: {
 			selectMode: "single",
-			filterColumns: Cp,
+			filterColumns: Sp,
 			hideLabel: !0
 		},
 		yAxis: {},
@@ -13347,36 +13354,36 @@ var td = { style: { "line-height": "20px" } }, nd = { class: "pv-text-subdued pv
 		supportsFocusView: !1,
 		storeBeforeChange: !1
 	}
-], kp = new Map(Op.map((e) => [e.id, e])), Ap = kp.get("column");
-function jp(e) {
-	return kp.get(e) || Ap;
+], Op = new Map(Dp.map((e) => [e.id, e])), kp = Op.get("column");
+function Ap(e) {
+	return Op.get(e) || kp;
 }
 //#endregion
 //#region src/components/charts/PvDataTableWithChart/table-chart-components/PvChartOptionsPanel.vue?vue&type=script&setup=true&lang.ts
-var Mp = { class: "pv-stack-16 pv-chart-options-panel" }, Np = { class: "pv-flex pv-relative" }, Pp = [
+var jp = { class: "pv-stack-16 pv-chart-options-panel" }, Mp = { class: "pv-flex pv-relative" }, Np = [
 	"id",
 	"aria-label",
 	"onKeydown"
-], Fp = {
+], Pp = {
 	role: "list",
 	class: "pv-popover-list pv-relative"
-}, Ip = [
+}, Fp = [
 	"id",
 	"data-active",
 	"data-dd-action-name",
 	"onMouseenter",
 	"onClick"
-], Lp = { style: { "max-width": "100px" } }, Rp = {
+], Ip = { style: { "max-width": "100px" } }, Lp = {
 	key: 1,
 	class: "pv-flex"
-}, zp = {
+}, Rp = {
 	key: 0,
 	class: "pv-inset-square-8"
-}, Bp = {
+}, zp = {
 	key: 1,
 	role: "list",
 	class: "pv-popover-list"
-}, Vp = ["data-active"], Hp = "This metric isn’t available with the selected chart type.", Up = /* @__PURE__ */ tn(/* @__PURE__ */ d({
+}, Bp = ["data-active"], Vp = "This metric isn’t available with the selected chart type.", Hp = /* @__PURE__ */ tn(/* @__PURE__ */ d({
 	__name: "PvChartOptionsPanel",
 	props: {
 		enablePanel: { type: Boolean },
@@ -13388,6 +13395,8 @@ var Mp = { class: "pv-stack-16 pv-chart-options-panel" }, Np = { class: "pv-flex
 			default: !1
 		},
 		chartConfigOptions: {},
+		lockedRowGroupColIds: {},
+		metricOverlayWithRowGroups: { type: Boolean },
 		readOnly: { type: Boolean },
 		percentOfFocusViewYKey: {}
 	},
@@ -13400,9 +13409,9 @@ var Mp = { class: "pv-stack-16 pv-chart-options-panel" }, Np = { class: "pv-flex
 				maxHeight: "900px"
 			},
 			useTeleport: !0
-		}), b = k(!1), S = k(void 0), C = k(null), w = m(hu, k(void 0)), T = m(pu, k([])), E = m(gu, k(void 0)), O = m(mu, k([])), j = m(fu, k([])), M = m(ru, k([])), N = r(() => jp(w.value?.id || "")), ee = r(() => {
+		}), b = k(!1), S = k(void 0), C = k(null), w = m(hu, k(void 0)), T = m(pu, k([])), E = m(gu, k(void 0)), O = m(mu, k([])), j = m(fu, k([])), M = m(ru, k([])), N = r(() => Ap(w.value?.id || "")), ee = r(() => {
 			let e = w.value?.id ?? "";
-			return j.value.length > 1 && !e.endsWith("_stacked");
+			return j.value.length > 1 && !e.endsWith("_stacked") && !l.metricOverlayWithRowGroups;
 		}), F = m(_u, k("")), I = m(vu, k([])), L = m(yu, k(void 0)), z = m(bu, k([])), te = m(Su, k(!1)), B = m(xu, k([])), ne = m(wu, k(/* @__PURE__ */ new Set())), V = m(Tu, k([])), re = r(() => V.value.filter((e) => ne.value.has(e.id)).map((e) => ({
 			id: e.id,
 			text: e.label,
@@ -13414,13 +13423,13 @@ var Mp = { class: "pv-stack-16 pv-chart-options-panel" }, Np = { class: "pv-flex
 		U(ee, (e) => {
 			e && L.value && (L.value = void 0), e && B.value.length > 0 && (B.value = []);
 		}, { immediate: !0 });
-		let ie = m(du, k("")), oe = r(() => l.chartFilter && l.chartFilter.options ? l.chartFilter.options.map((e) => ({
+		let ie = m(du, k("")), se = r(() => l.chartFilter && l.chartFilter.options ? l.chartFilter.options.map((e) => ({
 			label: e.label,
 			value: e.value
-		})) : []), se = r(() => {
+		})) : []), ce = r(() => {
 			let e = j.value[0];
 			return e ? Ps(M.value.find((t) => t.field === e)) : !1;
-		}), ce = r(() => {
+		}), le = r(() => {
 			if (w.value) return (j.value.length > 1 ? [
 				"bar_stacked",
 				"line",
@@ -13449,10 +13458,10 @@ var Mp = { class: "pv-stack-16 pv-chart-options-panel" }, Np = { class: "pv-flex
 			}
 			w.value = e[0];
 		});
-		let le = (e, t) => {
+		let K = (e, t) => {
 			for (let n of e) {
 				if (n.id === t) return n;
-				let e = n.children ? le(n.children, t) : void 0;
+				let e = n.children ? K(n.children, t) : void 0;
 				if (e) return e;
 			}
 		}, q = (e) => e.flatMap((e) => e.children?.length ? q(e.children) : e), ue = (e) => {
@@ -13466,7 +13475,7 @@ var Mp = { class: "pv-stack-16 pv-chart-options-panel" }, Np = { class: "pv-flex
 			}
 		}, J = ql(), de = (e) => e === "secondary-y-axis" ? "metric-overlay" : e, fe = (e, t, n = "select") => {
 			if (!t) return;
-			let r = je.value.find((t) => t.value === e), i = r?.availableOptions ? le(r.availableOptions, t) : void 0;
+			let r = je.value.find((t) => t.value === e), i = r?.availableOptions ? K(r.availableOptions, t) : void 0;
 			Jl("chart_option_selected", {
 				panel: de(e),
 				selected_value: i?.text ?? t,
@@ -13505,7 +13514,7 @@ var Mp = { class: "pv-stack-16 pv-chart-options-panel" }, Np = { class: "pv-flex
 			let r = !!e && t === e;
 			return {
 				disabled: r,
-				description: r ? Hp : n
+				description: r ? Vp : n
 			};
 		}, ye = (e, t) => {
 			let n = [], r = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map();
@@ -13562,11 +13571,11 @@ var Mp = { class: "pv-stack-16 pv-chart-options-panel" }, Np = { class: "pv-flex
 		}), xe = (e, t, n) => {
 			if (!n) return;
 			let r = t.find((e) => e.value === n || e.aggFuncOptions?.some((e) => e.seriesValue === n));
-			if (!r?.aggFuncOptions?.length || !r.columnField) return le(e, n);
+			if (!r?.aggFuncOptions?.length || !r.columnField) return K(e, n);
 			let i = r.aggFuncOptions.find((e) => e.aggFunc === r.activeAggFunc) ?? r.aggFuncOptions.find((e) => e.seriesValue === n) ?? r.aggFuncOptions[0];
-			return i ? le(e, he(r.columnField, i.aggFunc)) : void 0;
+			return i ? K(e, he(r.columnField, i.aggFunc)) : void 0;
 		}, Se = (e, t) => {
-			let n = le(e, t), r = n?.context;
+			let n = K(e, t), r = n?.context;
 			return {
 				aggFunc: r?.aggFunc,
 				columnField: r?.columnField,
@@ -13618,7 +13627,8 @@ var Mp = { class: "pv-stack-16 pv-chart-options-panel" }, Np = { class: "pv-flex
 				availableOptions: Ae.value,
 				...r ? {
 					activeOptions: Z,
-					activeOptionLimit: l.rowGroupLimit
+					activeOptionLimit: l.rowGroupLimit,
+					lockedOptionIds: l.lockedRowGroupColIds
 				} : {
 					currentOption: Ae.value.find((e) => e.id === j.value[0]),
 					updateSelectedOption: (e) => {
@@ -13632,8 +13642,8 @@ var Mp = { class: "pv-stack-16 pv-chart-options-panel" }, Np = { class: "pv-flex
 				allowDeselect: !0,
 				availableOptions: O.value,
 				currentOption: O.value.find((e) => e.id === E.value?.id),
-				disabled: se.value || !ce.value,
-				disabledReason: se.value ? "Dates are always sorted oldest to newest" : "Sorting is not available for this chart type",
+				disabled: ce.value || !le.value,
+				disabledReason: ce.value ? "Dates are always sorted oldest to newest" : "Sorting is not available for this chart type",
 				updateSelectedOption: (e) => {
 					let t = O.value.find((t) => t.id === e);
 					if (!t || !E) {
@@ -13759,7 +13769,7 @@ var Mp = { class: "pv-stack-16 pv-chart-options-panel" }, Np = { class: "pv-flex
 		}, Ue = () => {
 			S.value = void 0;
 		};
-		return (n, r) => (D(), o(t, null, [s("div", Mp, [s("div", null, [ae((D(), o("div", { class: y(["pv-flex pv-space-between", e.useCombinedButton ? "pv-stack-8" : ""]) }, [s("div", Np, [e.useCombinedButton ? (D(), o(t, { key: 0 }, [u(Va, {
+		return (n, r) => (D(), o(t, null, [s("div", jp, [s("div", null, [ae((D(), o("div", { class: y(["pv-flex pv-space-between", e.useCombinedButton ? "pv-stack-8" : ""]) }, [s("div", Mp, [e.useCombinedButton ? (D(), o(t, { key: 0 }, [u(Va, {
 			open: b.value,
 			label: "Chart Configuration",
 			icon: "chart-area",
@@ -13795,24 +13805,26 @@ var Mp = { class: "pv-stack-16 pv-chart-options-panel" }, Np = { class: "pv-flex
 					"aria-label": `${Me.value.label} options`,
 					class: "pv-chart-config-popover pv-inset-square-8",
 					role: "dialog",
-					onKeydown: G(K(n, ["stop"]), ["esc"])
+					onKeydown: oe(G(n, ["stop"]), ["esc"])
 				}, [r[6] ||= s("p", {
 					class: "pv-text-tertiary pv-text-body-sm pv-stack-4",
 					style: {
 						"padding-left": "2px",
 						"padding-bottom": "6px"
 					}
-				}, " Viewing ", -1), u(ip, {
+				}, " Viewing ", -1), u(rp, {
 					modelValue: Me.value.activeOptions.value,
 					"onUpdate:modelValue": r[1] ||= (e) => me(Me.value, e),
 					options: Me.value.availableOptions || [],
 					activeOptionLimit: Me.value.activeOptionLimit,
+					lockedOptionIds: Me.value.lockedOptionIds,
 					placeholderText: "Add to X Axis"
 				}, null, 8, [
 					"modelValue",
 					"options",
-					"activeOptionLimit"
-				])], 40, Pp)) : Me.value ? (D(), i(Vo, {
+					"activeOptionLimit",
+					"lockedOptionIds"
+				])], 40, Np)) : Me.value ? (D(), i(Vo, {
 					key: 1,
 					id: t,
 					"aria-label": `${Me.value.label} options`,
@@ -13826,7 +13838,7 @@ var Mp = { class: "pv-stack-16 pv-chart-options-panel" }, Np = { class: "pv-flex
 					readOnly: e.readOnly,
 					childrenDisplay: "popover",
 					itemClass: "pv-chart-option pv-flex",
-					onKeydown: G(K(n, ["stop"]), ["esc"]),
+					onKeydown: oe(G(n, ["stop"]), ["esc"]),
 					onHandleSelected: r[2] ||= (e) => X(Me.value, e)
 				}, null, 8, [
 					"id",
@@ -13861,7 +13873,7 @@ var Mp = { class: "pv-stack-16 pv-chart-options-panel" }, Np = { class: "pv-flex
 					"padding-top": "4px",
 					"padding-bottom": "12px"
 				}
-			}, " Chart Configuration ")], -1), s("ul", Fp, [(D(!0), o(t, null, A(je.value, (t) => (D(), o("li", {
+			}, " Chart Configuration ")], -1), s("ul", Pp, [(D(!0), o(t, null, A(je.value, (t) => (D(), o("li", {
 				id: `pv-chart-config-${t.value}`,
 				key: t.value,
 				"data-active": S.value === t.value ? !0 : null,
@@ -13892,19 +13904,19 @@ var Mp = { class: "pv-stack-16 pv-chart-options-panel" }, Np = { class: "pv-flex
 				_: 2
 			}, [t.disabled && t.disabledReason ? {
 				name: "content",
-				fn: W(() => [s("div", Lp, P(t.disabledReason), 1)]),
+				fn: W(() => [s("div", Ip, P(t.disabledReason), 1)]),
 				key: "0"
-			} : void 0]), 1024)], 40, Ip))), 128))])]),
+			} : void 0]), 1024)], 40, Fp))), 128))])]),
 			_: 1
 		}, 8, ["class"]))], 64)) : a("", !0)])], 2)), [[R(Q), [He, { ignore: [".pv-popover"] }]]]), s("div", {
 			class: "pv-flex pv-space-between",
 			style: x(e.chartFilter ? {} : { justifyContent: "flex-end" })
 		}, [e.chartFilter ? (D(), i(oa, {
 			key: 0,
-			options: oe.value,
+			options: se.value,
 			modelValue: R(ie),
 			"onUpdate:modelValue": r[4] ||= (e) => h(ie) ? ie.value = e : null
-		}, null, 8, ["options", "modelValue"])) : a("", !0), e.useCombinedButton ? a("", !0) : (D(), o("div", Rp, [(D(!0), o(t, null, A(je.value, (n) => (D(), o(t, { key: n.value }, [n.isMultiSelect && n.activeOptions && n.activeOptionIds ? (D(), i(qc, {
+		}, null, 8, ["options", "modelValue"])) : a("", !0), e.useCombinedButton ? a("", !0) : (D(), o("div", Lp, [(D(!0), o(t, null, A(je.value, (n) => (D(), o(t, { key: n.value }, [n.isMultiSelect && n.activeOptions && n.activeOptionIds ? (D(), i(qc, {
 			key: 0,
 			label: n.label,
 			prefixLabel: n.prefixLabel,
@@ -13957,23 +13969,25 @@ var Mp = { class: "pv-stack-16 pv-chart-options-panel" }, Np = { class: "pv-flex
 				...R(p)
 			}
 		}, {
-			default: W(() => [Me.value ? (D(), o(t, { key: 0 }, [Me.value.isSortableList ? (D(), o("div", zp, [r[9] ||= s("p", {
+			default: W(() => [Me.value ? (D(), o(t, { key: 0 }, [Me.value.isSortableList ? (D(), o("div", Rp, [r[9] ||= s("p", {
 				class: "pv-text-tertiary pv-text-body-sm pv-stack-4",
 				style: {
 					"padding-left": "2px",
 					"padding-bottom": "6px"
 				}
-			}, " Viewing ", -1), u(ip, {
+			}, " Viewing ", -1), u(rp, {
 				modelValue: Me.value.activeOptions.value,
 				"onUpdate:modelValue": r[5] ||= (e) => me(Me.value, e),
 				options: Me.value.availableOptions || [],
 				activeOptionLimit: Me.value.activeOptionLimit,
+				lockedOptionIds: Me.value.lockedOptionIds,
 				placeholderText: "Add to X Axis"
 			}, null, 8, [
 				"modelValue",
 				"options",
-				"activeOptionLimit"
-			])])) : (D(), o("ul", Bp, [(D(!0), o(t, null, A(Me.value.availableOptions, (t) => (D(), o("li", {
+				"activeOptionLimit",
+				"lockedOptionIds"
+			])])) : (D(), o("ul", zp, [(D(!0), o(t, null, A(Me.value.availableOptions, (t) => (D(), o("li", {
 				key: t.id,
 				"data-active": ze(t)
 			}, [u(Ao, {
@@ -13998,14 +14012,14 @@ var Mp = { class: "pv-stack-16 pv-chart-options-panel" }, Np = { class: "pv-flex
 				"disabled",
 				"selectedIds",
 				"onHandleSelected"
-			])], 8, Vp))), 128))]))], 64)) : a("", !0)]),
+			])], 8, Bp))), 128))]))], 64)) : a("", !0)]),
 			_: 1
 		}, 8, ["class", "css-custom-properties"])) : a("", !0)], 64));
 	}
-}), [["__scopeId", "data-v-333de0aa"]]);
+}), [["__scopeId", "data-v-c9617d5a"]]);
 //#endregion
 //#region src/components/charts/PvDataTableWithChart/scatterAxisUtils.ts
-function Wp(e, t, n, r, i) {
+function Up(e, t, n, r, i) {
 	return i ? {
 		xKey: n,
 		xName: r,
@@ -14018,7 +14032,7 @@ function Wp(e, t, n, r, i) {
 		yName: r
 	};
 }
-var Gp = (e, t) => {
+var Wp = (e, t) => {
 	if (t.length === 0) return null;
 	let n = Math.max(...t.map((e) => e.bucketMax));
 	for (let r = 0; r < t.length; r++) {
@@ -14029,22 +14043,22 @@ var Gp = (e, t) => {
 		}
 	}
 	return null;
-}, Kp = (e, t) => {
+}, Gp = (e, t) => {
 	let n = +!!t, r = e + n * 2, i = +!t;
 	return {
 		categoryPadOffset: n,
 		axisMin: 0 - i,
 		axisMax: r + i
 	};
-}, qp = (e, t) => {
+}, Kp = (e, t) => {
 	let { categoryPadOffset: n, axisMin: r, axisMax: i } = t;
 	return (e + n - r) / (i - r);
-}, Jp = (e, t) => e.filter((e) => t.has(e.id)).flatMap((e) => e.overlays.filter((e) => !e.excludeFromCrossline).map((t) => ({
+}, qp = (e, t) => e.filter((e) => t.has(e.id)).flatMap((e) => e.overlays.filter((e) => !e.excludeFromCrossline).map((t) => ({
 	...t,
 	color: t.color ?? e.color,
 	formatValue: t.formatValue ?? e.formatValue,
 	key: `${e.id}-${t.label}`
-}))), Yp = (e, t, n) => {
+}))), Jp = (e, t, n) => {
 	let r = /* @__PURE__ */ new Map();
 	return e.filter((e) => !!(e.groupName && t.has(e.id))).forEach((e) => {
 		let t = r.get(e.groupName) ?? {
@@ -14066,18 +14080,18 @@ var Gp = (e, t) => {
 			});
 		}), r.set(e.groupName, t);
 	}), [...r.values()];
-}, Xp = (e) => !!(e.visible && !e.disabled);
-function Zp(e) {
-	let { crosslineOverlayGroups: t, isHistogramWithBuckets: n, isHorizontalBarChart: i, computedChartData: a, pvChartRef: o, formatValue: s, initialActiveOverlayGroupIds: c } = e, l = k(new Set(c?.value ?? t.value.filter((e) => Xp(e)).map((e) => e.id))), u = new Map(t.value.map((e) => [e.id, Xp(e)]));
+}, Yp = (e) => !!(e.visible && !e.disabled);
+function Xp(e) {
+	let { crosslineOverlayGroups: t, isHistogramWithBuckets: n, isHorizontalBarChart: i, computedChartData: a, pvChartRef: o, formatValue: s, initialActiveOverlayGroupIds: c } = e, l = k(new Set(c?.value ?? t.value.filter((e) => Yp(e)).map((e) => e.id))), u = new Map(t.value.map((e) => [e.id, Yp(e)]));
 	U(t, (e) => {
 		let t = new Set(l.value), n = !1, r = c?.value !== void 0;
 		for (let i of e) {
-			let e = Xp(i), a = u.has(i.id) ? !u.get(i.id) : !r;
+			let e = Yp(i), a = u.has(i.id) ? !u.get(i.id) : !r;
 			e && a ? (t.add(i.id), n = !0) : !e && u.get(i.id) && (t.delete(i.id), n = !0);
 		}
-		u = new Map(e.map((e) => [e.id, Xp(e)])), n && (l.value = t);
+		u = new Map(e.map((e) => [e.id, Yp(e)])), n && (l.value = t);
 	});
-	let d = r(() => Jp(t.value, l.value)), f = r(() => Yp(t.value, l.value, s)), p = k(null);
+	let d = r(() => qp(t.value, l.value)), f = r(() => Jp(t.value, l.value, s)), p = k(null);
 	return {
 		activeCrosslineOverlayGroups: l,
 		resolvedCrosslineOverlays: d,
@@ -14087,11 +14101,11 @@ function Zp(e) {
 			if (!p.value || !a.value) return null;
 			let e = d.value.find((e) => e.key === p.value);
 			if (!e) return null;
-			let t = Gp(e.value, a.value);
+			let t = Wp(e.value, a.value);
 			if (t == null) return null;
 			let r = (o.value?.$el)?.querySelector(".ag-charts-series-area")?.getBoundingClientRect();
 			if (!r) return null;
-			let c = qp(t, Kp(a.value.length || 1, n.value)), l = e.formatValue ? e.formatValue(e.value) : s(e.value);
+			let c = Kp(t, Gp(a.value.length || 1, n.value)), l = e.formatValue ? e.formatValue(e.value) : s(e.value);
 			return i.value ? {
 				label: e.label,
 				value: l,
@@ -14118,10 +14132,10 @@ function Zp(e) {
 }
 //#endregion
 //#region src/components/charts/PvDataTableWithChart/PvDataTableWithChart.vue?vue&type=script&setup=true&lang.ts
-var Qp = { style: {
+var Zp = { style: {
 	height: "100%",
 	width: "100%"
-} }, $p = {
+} }, Qp = {
 	key: 0,
 	class: "pv-flex",
 	style: {
@@ -14129,19 +14143,19 @@ var Qp = { style: {
 		flex: "0 1 auto"
 	},
 	"data-testid": "pv-data-table-with-chart-filter-panel-actions"
-}, em = {
+}, $p = {
 	key: 0,
 	class: "pv-bordered pv-radius-lg pv-inset-square-12 pv-stack-16"
-}, tm = { class: "pv-flex" }, nm = {
+}, em = { class: "pv-flex" }, tm = {
 	class: "pv-flex",
 	style: { "align-items": "stretch" }
-}, rm = { class: "pv-flex pv-space-between" }, im = { class: "pv-chart-tooltip-label" }, am = { class: "pv-chart-tooltip-value" }, om = {
+}, nm = { class: "pv-flex pv-space-between" }, rm = { class: "pv-chart-tooltip-label" }, im = { class: "pv-chart-tooltip-value" }, am = {
 	key: 2,
 	class: "pv-chart-overlay pv-flex pv-align-center"
-}, sm = { key: 0 }, cm = {
+}, om = { key: 0 }, sm = {
 	key: 1,
 	class: "pv-text-body-xs"
-}, lm = /* @__PURE__ */ d({
+}, cm = /* @__PURE__ */ d({
 	__name: "PvDataTableWithChart",
 	props: {
 		allFieldsAreFocusable: { type: Boolean },
@@ -14179,6 +14193,11 @@ var Qp = { style: {
 		secondaryChartType: { default: "scatter" },
 		multiSelectMetricOverlay: { type: Boolean },
 		initialSecondaryYKeys: {},
+		metricOverlayWithRowGroups: {
+			type: Boolean,
+			default: !1
+		},
+		lockedRowGroupColIds: { default: () => [] },
 		chartFilter: {},
 		chartType: { default: "column" },
 		emptyChartFilterRenderer: {},
@@ -14419,22 +14438,22 @@ var Qp = { style: {
 				formatter: n.valueFormatter,
 				dataType: n.context?.dataType
 			};
-		})), G = l.filterStore || Ud();
-		O(Xl, G);
-		let K = Vu({
+		})), oe = l.filterStore || Ud();
+		O(Xl, oe);
+		let G = Vu({
 			focusType: l.initialFocusData?.focusType,
 			focuses: l.initialFocusData?.focuses || [],
 			focusRequired: l.focusRequired
 		}, l.allFieldsAreFocusable);
-		O(Zl, K);
-		let { setFilterSelectedValues: oe } = G, se = k(!1);
-		O(su, se);
-		let ce = k(l.isTableGrouped), le = (e) => {
+		O(Zl, G);
+		let { setFilterSelectedValues: se } = oe, ce = k(!1);
+		O(su, ce);
+		let le = k(l.isTableGrouped), K = (e) => {
 			d("table-overlay-change", e);
-		}, q = r(() => Jt.value ? !1 : !!(l.emptyChartFilterRenderer && l.requireFiltersToShowData && G.filterModelEmpty.value)), ue = r(() => K?.computedFocusType.value || null), J = r(() => K?.computedFocuses.value || []), de = (e) => {
+		}, q = r(() => Yt.value ? !1 : !!(l.emptyChartFilterRenderer && l.requireFiltersToShowData && oe.filterModelEmpty.value)), ue = r(() => G?.computedFocusType.value || null), J = r(() => G?.computedFocuses.value || []), de = (e) => {
 			te.value = Object.fromEntries(e.getValueColumns().map((e) => [e.getColId(), e.getAggFunc()]).filter((e) => typeof e[1] == "string"));
 		}, fe = k(null), Y = (e) => {
-			p.value = e.api, de(e.api), ce.value || p.value?.setRowGroupColumns([]), l.tableConfigOptions?.enableColumnConfiguration && (fe.value = e.api.getAllGridColumns().map((e) => e.getColId())), ft(e.api), d("grid-ready", e);
+			p.value = e.api, de(e.api), le.value || p.value?.setRowGroupColumns([]), l.tableConfigOptions?.enableColumnConfiguration && (fe.value = e.api.getAllGridColumns().map((e) => e.getColId())), pt(e.api), d("grid-ready", e);
 		}, pe = (e) => {
 			fe.value = e.orderedColIds, d("chart-state-changed", {
 				api: p.value,
@@ -14457,7 +14476,7 @@ var Qp = { style: {
 			}), fe.value = t;
 		}, me = (e) => {
 			let t = ie(H.value, Ie.value), n = Le.value.map((e) => ie(H.value, e)?.columnField).filter((e) => !!e);
-			de(e.api), t?.columnField && Ie.value && (Ie.value = H.value.find((e) => e.columnField === t.columnField)?.value), n.length > 0 && (Le.value = n.map((e) => H.value.find((t) => t.columnField === e)?.value).filter((e) => !!e)), ft(e.api), d("column-value-changed", e);
+			de(e.api), t?.columnField && Ie.value && (Ie.value = H.value.find((e) => e.columnField === t.columnField)?.value), n.length > 0 && (Le.value = n.map((e) => H.value.find((t) => t.columnField === e)?.value).filter((e) => !!e)), pt(e.api), d("column-value-changed", e);
 		}, he = (e) => {
 			let t = p.value;
 			!t || t.getColumn(e.columnField)?.getAggFunc() === e.aggFunc || t.applyColumnState({ state: [{
@@ -14468,7 +14487,7 @@ var Qp = { style: {
 			d("first-data-rendered", e);
 		}, _e = (e) => {
 			let t = I.value, n = e.api.getRowGroupColumns().map((e) => e.getColId());
-			if (ce.value && JSON.stringify(t) !== JSON.stringify(n)) {
+			if (le.value && JSON.stringify(t) !== JSON.stringify(n)) {
 				let t = Ae.value;
 				if (n.length > Z.value) {
 					let t = n.slice(0, Z.value);
@@ -14478,10 +14497,10 @@ var Qp = { style: {
 			}
 			d("column-row-group-changed", e);
 		}, ve = async (e) => {
-			ft(e.api), se.value && d("filter-changed", e);
+			pt(e.api), ce.value && d("filter-changed", e);
 		};
 		U(() => I.value, () => {
-			if (ce.value) {
+			if (le.value) {
 				if (!p.value) return;
 				let e = p.value.getRowGroupColumns().map((e) => e.getColId());
 				JSON.stringify(e) !== JSON.stringify(I.value) && v(() => {
@@ -14492,9 +14511,9 @@ var Qp = { style: {
 			});
 			if (!l.allFieldsAreFocusable) {
 				let e = Ae.value.supportsFocusView && L.value || null;
-				K.setFocusType(e);
+				G.setFocusType(e);
 			}
-			p.value && ft(p.value);
+			p.value && pt(p.value);
 		});
 		function ye(e, t, n = !0) {
 			return (r) => {
@@ -14505,7 +14524,7 @@ var Qp = { style: {
 						let e = r.datum?.[L.value], t = Pe.value?.find((t) => t[L.value] === e)?.[`${Fe.value}_sort_total`] || Infinity;
 						if (r.value / t < .05) return "";
 					}
-					let { newValue: e, newSuffix: t } = _s(r.value, ps.Percent === $(a).dataType, Rt.value);
+					let { newValue: e, newSuffix: t } = _s(r.value, ps.Percent === $(a).dataType, zt.value);
 					r.value = e, i = t;
 				}
 				let o = r.value;
@@ -14526,7 +14545,7 @@ var Qp = { style: {
 			...I.value.length > 1 ? rs : ns,
 			is,
 			as
-		].filter((e) => l.enabledChartTypes?.includes(e.id))), Ee = k(void 0), De = k(void 0), Oe = k(void 0), ke = !1, Ae = r(() => jp(Ee.value?.id || "")), Z = r(() => Math.min(Ae.value.rowGroupLimit, l.rowGroupLimit)), je = r(() => {
+		].filter((e) => l.enabledChartTypes?.includes(e.id))), Ee = k(void 0), De = k(void 0), Oe = k(void 0), ke = !1, Ae = r(() => Ap(Ee.value?.id || "")), Z = r(() => Math.min(Ae.value.rowGroupLimit, l.rowGroupLimit)), je = r(() => {
 			let e = Ae.value.xAxis.filterColumns;
 			return e ? e(F.value) : F.value;
 		}), Me = k([{
@@ -14552,13 +14571,13 @@ var Qp = { style: {
 			Ee.value = Te.value.find((t) => t.id === e) ?? Te.value[0];
 		}, Ke = (e) => {
 			let t = I.value.length, n = (e) => {
-				let n = jp(e.id);
+				let n = Ap(e.id);
 				return t <= Math.min(n.rowGroupLimit, l.rowGroupLimit);
 			}, r = Te.value.find((t) => t.id === e);
 			return r && n(r) ? r.id : Te.value.find(n)?.id ?? Te.value[0]?.id;
 		};
 		U(() => Te.value, () => {
-			let e = it.value, t = e !== ke, n = jp(Ee.value?.id || ""), r = Te.value.some((e) => e.id === Ee.value?.id), i = I.value.length > Math.min(n.rowGroupLimit, l.rowGroupLimit);
+			let e = it.value, t = e !== ke, n = Ap(Ee.value?.id || ""), r = Te.value.some((e) => e.id === Ee.value?.id), i = I.value.length > Math.min(n.rowGroupLimit, l.rowGroupLimit);
 			if (ke = e, r && !i && (!t || !n.storeBeforeChange)) return;
 			let a = Ke((e ? Oe?.value : De?.value) ?? l.chartType);
 			a && Ge(a);
@@ -14567,7 +14586,7 @@ var Qp = { style: {
 		}), U(We, (e) => {
 			if (l.chartFilter && p.value) {
 				let t = l.chartFilter.colId, n = l.chartFilter.options.find((t) => t.value === e)?.filterValues || null;
-				n && n.length === 0 && (n = null), oe(t, n || []);
+				n && n.length === 0 && (n = null), se(t, n || []);
 				let r = sd({
 					filterType: "set",
 					values: n
@@ -14582,7 +14601,10 @@ var Qp = { style: {
 			if (xe(t?.columnField ?? e)?.context?.chartOverlayOnPrimaryAxis !== !0) return !1;
 			let n = ie(V.value, Fe.value);
 			return t?.dataType != null && t.dataType === n?.dataType;
-		}, Xe = r(() => ze.value.filter((e) => !Ye(e))), Ze = r(() => ze.value.filter((e) => Ye(e))), Qe = r(() => Xe.value.map((e) => qe(ie(H.value, e))).filter(Boolean).join(", ")), $e = r(() => Ae.value.isHorizontal === !0), et = r(() => l.secondaryChartType === "line" && !$e.value ? "line" : "scatter"), Q = r(() => I.value.length > 1), tt = r(() => !Ee.value || V.value.length === 0 ? [] : Ae.value.seriesFamily === "pie" ? lt.value : ct.value), nt = r(() => Ee.value?.id === "histogram" ? !1 : l.showSeriesLabels), rt = r(() => Ee.value?.id.includes("stacked")), it = r(() => I.value.length > 1), at = r(() => Ee.value?.id === "histogram" && gt.value && gt.value.length > 0 && typeof gt.value[0]?.bucketMin == "number" && typeof gt.value[0]?.bucketMax == "number"), st = "primary-series", ct = r(() => {
+		}, Xe = r(() => ze.value.filter((e) => !Ye(e))), Ze = r(() => ze.value.filter((e) => Ye(e))), Qe = r(() => Xe.value.map((e) => qe(ie(H.value, e))).filter(Boolean).join(", ")), $e = r(() => Ae.value.isHorizontal === !0), et = r(() => l.secondaryChartType === "line" && !$e.value ? "line" : "scatter"), Q = r(() => I.value.length > 1), tt = r(() => !Ee.value || V.value.length === 0 ? [] : Ae.value.seriesFamily === "pie" ? ut.value : lt.value), nt = r(() => Ee.value?.id === "histogram" ? !1 : l.showSeriesLabels), rt = r(() => Ee.value?.id.includes("stacked")), it = r(() => I.value.length > 1), at = r(() => Ee.value?.id === "histogram" && vt.value && vt.value.length > 0 && typeof vt.value[0]?.bucketMin == "number" && typeof vt.value[0]?.bucketMax == "number"), st = "primary-series", ct = r(() => {
+			let e = Q.value ? He.value?.fieldValues.length ?? 0 : 1;
+			return `${Ee.value?.id ?? "chart"}-${e}`;
+		}), lt = r(() => {
 			let e = rt.value, t = Ae.value.agChartType, n = [], r = be(Fe.value, !0), i = be(He.value?.fieldName, !0), a = (e) => t === "line" ? {} : { placement: e };
 			if (Q.value) He.value?.fieldValues.forEach((o, s) => {
 				let c = {
@@ -14631,7 +14653,7 @@ var Qp = { style: {
 				let e = o;
 				e.connectMissingData = !0, o = e;
 			}
-			let s = xt.value == null ? {} : {
+			let s = St.value == null ? {} : {
 				fillOpacity: .3,
 				strokeOpacity: .3
 			};
@@ -14651,22 +14673,22 @@ var Qp = { style: {
 			}))), ze.value.length > 0) {
 				let t = xe(L.value)?.context?.metadataDisplayFields?.[0] || L.value, r = et.value;
 				for (let i of ze.value) {
-					let a = ie(H.value, i), o = qe(a), s = e ? `${i}${fs}` : i, c = Wp(L.value, t, s, o, $e.value), l = {
+					let a = ie(H.value, i), o = qe(a), s = e ? `${i}${fs}` : i, c = Up(L.value, t, s, o, $e.value), l = (Mt.value ?? []).filter((e) => e[s] != null).length, u = {
 						type: r,
 						id: Re.value ? `metric-overlay-${i}` : "metric-overlay",
-						data: jt.value,
+						data: Mt.value,
 						...c,
 						label: { enabled: !1 },
 						...r === "line" ? {
 							lineDash: [4, 4],
 							strokeWidth: 2,
-							marker: { enabled: !1 },
+							marker: { enabled: l < 2 },
 							connectMissingData: !0
 						} : {}
 					};
 					if (a?.tooltipRenderer) {
 						let e = a.tooltipRenderer;
-						l.tooltip = { renderer: $e.value ? (n) => e({
+						u.tooltip = { renderer: $e.value ? (n) => e({
 							...n,
 							xKey: L.value,
 							xName: t,
@@ -14674,11 +14696,11 @@ var Qp = { style: {
 							yName: o
 						}) : e };
 					}
-					n = [...n, l];
+					n = [...n, u];
 				}
 			}
-			if (at.value && yt.value.length > 0 && gt.value) {
-				let e = gt.value.length, t = Number.isFinite(Rt.value) ? Rt.value : 0, r = {
+			if (at.value && bt.value.length > 0 && vt.value) {
+				let e = vt.value.length, t = Number.isFinite(zt.value) ? zt.value : 0, r = {
 					type: "scatter",
 					xKey: "__dummy_x__",
 					yKey: "__dummy_y__",
@@ -14692,14 +14714,14 @@ var Qp = { style: {
 					label: { enabled: !1 },
 					tooltip: { enabled: !1 },
 					visible: !1
-				}, { categoryPadOffset: i } = Kp(e, !0), a = {
+				}, { categoryPadOffset: i } = Gp(e, !0), a = {
 					type: "scatter",
 					xKey: "__dummy_x__",
 					yKey: "__dummy_y__",
-					data: yt.value.flatMap((e) => {
-						let t = Gp(e.value, gt.value || []);
+					data: bt.value.flatMap((e) => {
+						let t = Wp(e.value, vt.value || []);
 						if (t === null) return [];
-						let n = t + i, r = Number.isFinite(Rt.value) ? Rt.value : 0, a = be(I.value?.[0]), o = typeof a == "function" ? a({ value: e.value }) : e.value;
+						let n = t + i, r = Number.isFinite(zt.value) ? zt.value : 0, a = be(I.value?.[0]), o = typeof a == "function" ? a({ value: e.value }) : e.value;
 						return Array.from({ length: 30 }, (t, i) => ({
 							value: o,
 							__dummy_x__: n,
@@ -14735,7 +14757,7 @@ var Qp = { style: {
 				];
 			}
 			return n;
-		}), lt = r(() => V.value.length === 0 ? [] : [{
+		}), ut = r(() => V.value.length === 0 ? [] : [{
 			type: "pie",
 			legendItemKey: L.value,
 			angleKey: Fe.value
@@ -14759,8 +14781,8 @@ var Qp = { style: {
 				oldState: { secondarySeriesField: t?.join(",") || void 0 }
 			});
 		}), U(Ee, (e, t) => {
-			e?.id && jp(e.id).storeBeforeChange && (it.value ? Oe.value = e.id : De.value = e.id);
-			let n = jp(e?.id || ""), r = jp(t?.id || ""), i = (n.xAxis.filterColumns === r.xAxis.filterColumns ? I.value : wp(I.value, F.value, n.xAxis.filterColumns)).slice(0, Math.min(n.rowGroupLimit, l.rowGroupLimit));
+			e?.id && Ap(e.id).storeBeforeChange && (it.value ? Oe.value = e.id : De.value = e.id);
+			let n = Ap(e?.id || ""), r = Ap(t?.id || ""), i = (n.xAxis.filterColumns === r.xAxis.filterColumns ? I.value : Cp(I.value, F.value, n.xAxis.filterColumns)).slice(0, Math.min(n.rowGroupLimit, l.rowGroupLimit));
 			ot(i, I.value) || (I.value = i), n.yAxis.defaultValue ? Fe.value = n.yAxis.defaultValue : r.yAxis.defaultValue && !n.yAxis.defaultValue && v(() => {
 				l.yKey ? Fe.value = l.yKey : V.value.length > 0 && (Fe.value = V.value[0].value);
 			}), d("chart-state-changed", {
@@ -14787,43 +14809,43 @@ var Qp = { style: {
 				newState: { chartCategoryFields: e },
 				oldState: { chartCategoryFields: t }
 			});
-		}), U(ce, (e, t) => {
+		}), U(le, (e, t) => {
 			d("chart-state-changed", {
 				api: p.value,
 				newState: { tableGrouped: e },
 				oldState: { tableGrouped: t }
 			});
 		}), U(() => l.isTableGrouped, (e, t) => {
-			!p.value || e === t || !l.enableGroupingToggle || tn(e);
+			!p.value || e === t || !l.enableGroupingToggle || rn(e);
 		}), U(() => l.initialFocusData, (e, t) => {
 			if (!(ot(e?.focuses, t?.focuses) && e?.focusType == t?.focusType)) {
 				if (!e?.focusType) {
-					K.setFocuses([]);
+					G.setFocuses([]);
 					return;
 				}
-				K.setFocusType(e?.focusType), K.setFocuses(e?.focuses ?? []);
+				G.setFocusType(e?.focusType), G.setFocuses(e?.focuses ?? []);
 			}
 		}, { deep: !0 });
-		let ut = () => {
+		let dt = () => {
 			Ne.value = [], Pe.value = [], He.value = null;
-		}, dt = (e, t) => {
+		}, ft = (e, t) => {
 			if (!e || e.length === 0) {
-				ut();
+				dt();
 				return;
 			}
 			if (t) {
-				let { stackedData: n, uniqueFieldValues: r } = zs(e, L.value, t, pt.value, ae.value);
-				Pe.value = n, He.value = {
+				let n = l.metricOverlayWithRowGroups ? [...ae.value, ...H.value] : ae.value, { stackedData: r, uniqueFieldValues: i } = zs(e, L.value, t, mt.value, n);
+				Pe.value = r, He.value = {
 					fieldName: t,
-					fieldValues: r
+					fieldValues: i
 				};
 			} else Pe.value = [], He.value = null;
 			Ne.value = e;
-		}, ft = (e) => {
+		}, pt = (e) => {
 			let t = ++ee.value, n = I.value.length;
-			if (ut(), M.value = !1, n === 0 || V.value.length === 0 || l.requireFiltersToShowData && G.filterModelEmpty.value) return;
+			if (dt(), M.value = !1, n === 0 || V.value.length === 0 || l.requireFiltersToShowData && oe.filterModelEmpty.value) return;
 			if (l.serverSideChartHandler) {
-				let e = G.filterModel.value, n = p.value?.getColumnDefs() || [];
+				let e = oe.filterModel.value, n = p.value?.getColumnDefs() || [];
 				if (e === null && l.initialGridState) {
 					let t = ud(l.initialGridState, n, l.enableAdvancedFilter);
 					e = (l.enableAdvancedFilter ? t?.filter?.advancedFilterModel : t?.filter?.filterModel) || {};
@@ -14835,7 +14857,7 @@ var Qp = { style: {
 					filterModel: e
 				};
 				M.value = !0, l.serverSideChartHandler(o).then((e) => {
-					t === ee.value && (dt(e.data, e.stackField), M.value = !1);
+					t === ee.value && (ft(e.data, e.stackField), M.value = !1);
 				}).catch((e) => {
 					t === ee.value && (console.error("Chart handler error:", e), M.value = !1);
 				});
@@ -14846,10 +14868,10 @@ var Qp = { style: {
 			if (e.forEachNodeAfterFilterAndSort((e) => {
 				if (e.group && e.level === 0) {
 					if (I.value.length > 1) {
-						let { rowData: t, fieldValues: n } = ht(e, e.childrenAfterFilter?.filter((e) => e.level === 1 && e.aggData) || []);
+						let { rowData: t, fieldValues: n } = gt(e, e.childrenAfterFilter?.filter((e) => e.level === 1 && e.aggData) || []);
 						a = a.union(n), i?.push(t);
 					}
-					let t = mt(e);
+					let t = ht(e);
 					r?.push(t);
 				}
 			}), Ne.value = r, I.value.length > 1 && i && i.length > 0) {
@@ -14859,14 +14881,14 @@ var Qp = { style: {
 					fieldValues: Array.from(a)
 				};
 			} else Pe.value = [], He.value = null;
-		}, pt = r(() => {
+		}, mt = r(() => {
 			let e = V.value, t = H.value;
 			return [...new Map([...t, ...e].map((e) => [e.value, e])).values()];
-		}), mt = (e) => {
+		}), ht = (e) => {
 			let t = { [e.field]: e.key };
-			for (let n of pt.value) !e.aggData || !e.aggData[n.value] || (t[n.value] = e.aggData[n.value]?.value ?? e.aggData[n.value]);
+			for (let n of mt.value) !e.aggData || !e.aggData[n.value] || (t[n.value] = e.aggData[n.value]?.value ?? e.aggData[n.value]);
 			return t;
-		}, ht = (e, t) => {
+		}, gt = (e, t) => {
 			let n = /* @__PURE__ */ new Set(), r = { [e.field]: e.key }, i = 0;
 			for (let a of V.value) t.forEach((t) => {
 				let o = t.key;
@@ -14883,7 +14905,7 @@ var Qp = { style: {
 				rowData: r,
 				fieldValues: n
 			};
-		}, gt = r(() => {
+		}, vt = r(() => {
 			let e = Q.value ? Pe.value : Ne.value, t = null;
 			if (Ue.value && (t = Q.value ? `${Fe.value}${fs}` : Fe.value), Se.value) e = Is(e, L.value);
 			else if (t && e && Ue.value) {
@@ -14899,11 +14921,11 @@ var Qp = { style: {
 				];
 			}
 			return e;
-		}), { activeCrosslineOverlayGroups: vt, resolvedCrosslineOverlays: yt, chipSections: bt, hoveredBenchmarkKey: xt, hoveredCrosslineTooltip: St } = Zp({
+		}), { activeCrosslineOverlayGroups: yt, resolvedCrosslineOverlays: bt, chipSections: xt, hoveredBenchmarkKey: St, hoveredCrosslineTooltip: Ct } = Xp({
 			crosslineOverlayGroups: Ve,
 			isHistogramWithBuckets: at,
 			isHorizontalBarChart: $e,
-			computedChartData: gt,
+			computedChartData: vt,
 			pvChartRef: h,
 			formatValue: (e) => {
 				let t = be(I.value?.[0]);
@@ -14911,24 +14933,24 @@ var Qp = { style: {
 			},
 			initialActiveOverlayGroupIds: r(() => l.initialActiveOverlayGroupIds)
 		});
-		O(wu, vt), U(vt, (e) => d("active-overlay-group-ids-change", [...e]), { deep: !0 });
-		let Ct = new Set([us, ds]), wt = k(void 0), Tt = r(() => Ee.value?.id === "map"), Et = r(() => Fe.value || V.value[0]?.value || "value"), Dt = r(() => "600px"), Ot = r(() => {
-			let e = L.value, t = Et.value;
-			return !e || !t ? [] : (gt.value ?? []).filter((t) => {
+		O(wu, yt), U(yt, (e) => d("active-overlay-group-ids-change", [...e]), { deep: !0 });
+		let wt = new Set([us, ds]), Tt = k(void 0), Et = r(() => Ee.value?.id === "map"), Dt = r(() => Fe.value || V.value[0]?.value || "value"), Ot = r(() => "600px"), kt = r(() => {
+			let e = L.value, t = Dt.value;
+			return !e || !t ? [] : (vt.value ?? []).filter((t) => {
 				let n = String(t?.[e] ?? "");
-				return !Ct.has(n) && n !== "--SEPARATOR--";
+				return !wt.has(n) && n !== "--SEPARATOR--";
 			}).map((n) => ({
 				[os]: String(n[e] ?? ""),
 				[t]: Number(n[t] ?? 0)
 			}));
-		}), kt = r(() => {
-			let e = Et.value;
+		}), At = r(() => {
+			let e = Dt.value;
 			if (!e) return {
 				min: 0,
 				max: 0
 			};
 			let t = !1, n = Infinity, r = -Infinity;
-			return Ot.value.forEach((i) => {
+			return kt.value.forEach((i) => {
 				let a = Number(i[e]);
 				Number.isFinite(a) && (t = !0, n = Math.min(n, a), r = Math.max(r, a));
 			}), t ? {
@@ -14938,13 +14960,13 @@ var Qp = { style: {
 				min: 0,
 				max: 0
 			};
-		}), At = r(() => {
-			let e = xe(Et.value)?.valueFormatter;
-			return typeof e == "function" ? (t) => String(e({ value: t }) ?? t) : (e) => e.toLocaleString("en-US");
 		}), jt = r(() => {
-			let e = (gt.value ?? []).filter((e) => {
+			let e = xe(Dt.value)?.valueFormatter;
+			return typeof e == "function" ? (t) => String(e({ value: t }) ?? t) : (e) => e.toLocaleString("en-US");
+		}), Mt = r(() => {
+			let e = (vt.value ?? []).filter((e) => {
 				let t = e?.[L.value];
-				return !Ct.has(String(t));
+				return !wt.has(String(t));
 			});
 			if (!Q.value || ze.value.length === 0 || !He.value) return e;
 			let t = ze.value.filter((e) => {
@@ -14964,56 +14986,56 @@ var Qp = { style: {
 				}
 				return r;
 			});
-		}), Mt = r(() => gt.value?.length || 0), Nt = r(() => l.enableChartScrolling), Pt = r(() => cn({
+		}), Nt = r(() => vt.value?.length || 0), Pt = r(() => l.enableChartScrolling), Ft = r(() => cn({
 			baseMinHeight: 450,
-			dataCount: Mt.value,
-			enableChartScrolling: Nt.value,
+			dataCount: Nt.value,
+			enableChartScrolling: Pt.value,
 			isHorizontalScrollingChart: $e.value,
 			itemHeight: 64
-		})), Ft = r(() => {
+		})), It = r(() => {
 			let e = ln({
-				enableChartScrolling: Nt.value,
+				enableChartScrolling: Pt.value,
 				isHorizontalScrollingChart: $e.value
 			});
 			if (e) return $e.value ? {
 				...e,
 				maxHeight: "450px"
 			} : e;
-		}), It = r(() => un({
-			chartMinHeight: Pt.value,
-			dataCount: Mt.value,
-			enableChartScrolling: Nt.value,
+		}), Lt = r(() => un({
+			chartMinHeight: Ft.value,
+			dataCount: Nt.value,
+			enableChartScrolling: Pt.value,
 			isHorizontalScrollingChart: $e.value,
 			minContentWidth: 0,
-			reserveWidth: bt.value.length > 0 ? 255 : 0
-		})), Lt = r(() => Q.value ? Pe.value : gt.value), Rt = r(() => Vs(Lt.value, Fe.value, Q.value)), zt = r(() => Xe.value.reduce((e, t) => Math.max(e, Vs(Lt.value, t, Q.value)), -Infinity)), Bt = r(() => Ze.value.reduce((e, t) => Math.max(e, Vs(Lt.value, t, Q.value)), -Infinity)), Vt = r(() => Hs(Lt.value, Fe.value, Q.value)), Ht = r(() => Xe.value.reduce((e, t) => Math.min(e, Hs(Lt.value, t, Q.value)), Infinity)), Ut = r(() => He.value?.fieldValues?.length || 0), Wt = r(() => {
-			let e = .25 * Math.exp(-.12 * Mt.value);
+			reserveWidth: xt.value.length > 0 ? 255 : 0
+		})), Rt = r(() => Q.value ? Pe.value : vt.value), zt = r(() => Vs(Rt.value, Fe.value, Q.value)), Bt = r(() => Xe.value.reduce((e, t) => Math.max(e, Vs(Rt.value, t, Q.value)), -Infinity)), Vt = r(() => Ze.value.reduce((e, t) => Math.max(e, Vs(Rt.value, t, Q.value)), -Infinity)), Ht = r(() => Hs(Rt.value, Fe.value, Q.value)), Ut = r(() => Xe.value.reduce((e, t) => Math.min(e, Hs(Rt.value, t, Q.value)), Infinity)), Wt = r(() => He.value?.fieldValues?.length || 0), Gt = r(() => {
+			let e = .25 * Math.exp(-.12 * Nt.value);
 			return Math.min(Math.max(e, .05), .75);
-		}), Gt = r(() => Ut.value > 5 ? .5 : 1), Kt = r(() => Ut.value > 5 ? .25 : .1), qt = r(() => !gt.value || gt.value?.length === 0 ? !0 : Rt.value === -Infinity || Q.value === !0 && Rt.value === 0), Jt = r(() => !!(l.enableFocusView && ue.value && J.value.length === 0 && l.percentOfFocusViewYKey && Fe.value && Fe.value === l.percentOfFocusViewYKey)), Yt = r(() => {
+		}), Kt = r(() => Wt.value > 5 ? .5 : 1), qt = r(() => Wt.value > 5 ? .25 : .1), Jt = r(() => !vt.value || vt.value?.length === 0 ? !0 : zt.value === -Infinity || Q.value === !0 && zt.value === 0), Yt = r(() => !!(l.enableFocusView && ue.value && J.value.length === 0 && l.percentOfFocusViewYKey && Fe.value && Fe.value === l.percentOfFocusViewYKey)), Xt = r(() => {
 			let e = xe(ue.value || ""), t = e?.headerName || e?.field || "Compare Field";
 			return Ns({
 				currentRowGroupColumnsLength: I.value.length,
-				shouldShowFocusOverlayText: Jt.value || l.focusRequired && J.value.length === 0,
-				chartDataEmpty: qt.value,
+				shouldShowFocusOverlayText: Yt.value || l.focusRequired && J.value.length === 0,
+				chartDataEmpty: Jt.value,
 				missingFocusText: l.missingFocusText,
 				displayGroupByName: t,
 				yAxisName: Je.value,
 				yAxisOptionCount: re.value
 			});
-		}), Xt = r(() => Jt.value || q.value || !l.isLoading && Yt.value !== ""), Zt = r(() => {
+		}), Zt = r(() => Yt.value || q.value || !l.isLoading && Xt.value !== ""), Qt = r(() => {
 			let e = {};
 			e.overlays = { noData: { text: "" } };
 			let t = at.value ? [
 				{ [L.value]: cs },
-				...gt.value ?? [],
+				...vt.value ?? [],
 				{ [L.value]: ls }
-			] : gt.value;
-			e.data = Xt.value ? [] : t, e.legend = {
+			] : vt.value;
+			e.data = Zt.value ? [] : t, e.legend = {
 				toggleSeries: !1,
 				preventHidingAll: !0,
 				enabled: I.value.length > 1 || Re.value && ze.value.length > 0
 			};
-			let n = (e) => rt.value ? [`${e}${fs}`] : Q.value ? He.value?.fieldValues.map((t) => Ls(e, String(t))) || [] : [e], r = [...Q.value ? He.value?.fieldValues.map((e) => Ls(Fe.value, e)) || [] : Fe.value ? [Fe.value] : [], ...Ze.value.flatMap(n)], i = Xe.value.flatMap(n), a = Ae.value.xAxis.hideLabel === !0 && !at.value, o = [];
+			let n = (e) => rt.value ? [`${e}${fs}`] : Q.value && l.metricOverlayWithRowGroups ? [e] : Q.value ? He.value?.fieldValues.map((t) => Ls(e, String(t))) || [] : [e], r = [...Q.value ? He.value?.fieldValues.map((e) => Ls(Fe.value, e)) || [] : Fe.value ? [Fe.value] : [], ...Ze.value.flatMap(n)], i = Xe.value.flatMap(n), a = Ae.value.xAxis.hideLabel === !0 && !at.value, o = [];
 			if (o.push({
 				type: "category",
 				keys: [L.value],
@@ -15024,7 +15046,7 @@ var Qp = { style: {
 					stroke: "#666666",
 					strokeWidth: 1,
 					lineDash: [4, 4],
-					strokeOpacity: xt.value == null ? .7 : .15
+					strokeOpacity: St.value == null ? .7 : .15
 				}],
 				line: { enabled: !at.value },
 				label: {
@@ -15036,7 +15058,7 @@ var Qp = { style: {
 					formatter: Us({
 						hideLabel: a,
 						showDistributionRangeLabels: !!at.value,
-						chartData: gt.value,
+						chartData: vt.value,
 						formatBucketBoundary: we,
 						columnValueFormatter: be(L.value),
 						enableFocusView: l.enableFocusView,
@@ -15044,11 +15066,11 @@ var Qp = { style: {
 						focusText: l.focusText
 					})
 				},
-				paddingInner: Wt.value,
-				paddingOuter: at.value ? 0 : Gt.value,
-				groupPaddingInner: Kt.value
-			}), at.value && yt.value.length > 0) {
-				let { categoryPadOffset: e, axisMin: t, axisMax: n } = Kp(gt.value?.length || 1, !0);
+				paddingInner: Gt.value,
+				paddingOuter: at.value ? 0 : Kt.value,
+				groupPaddingInner: qt.value
+			}), at.value && bt.value.length > 0) {
+				let { categoryPadOffset: e, axisMin: t, axisMax: n } = Gp(vt.value?.length || 1, !0);
 				o.push({
 					type: "number",
 					keys: ["__dummy_x__"],
@@ -15061,11 +15083,11 @@ var Qp = { style: {
 					tick: { enabled: !1 },
 					line: { enabled: !1 },
 					gridLine: { enabled: !1 },
-					crossLines: yt.value.map((t) => {
-						if (!gt.value) return null;
-						let n = Gp(t.value, gt.value);
+					crossLines: bt.value.map((t) => {
+						if (!vt.value) return null;
+						let n = Wp(t.value, vt.value);
 						if (n == null) return null;
-						let r = xt.value != null && t.key === xt.value, i = xt.value != null && !r;
+						let r = St.value != null && t.key === St.value, i = St.value != null && !r;
 						return {
 							type: "line",
 							value: n + e,
@@ -15077,7 +15099,7 @@ var Qp = { style: {
 					}).filter((e) => e !== null)
 				});
 			}
-			let s = Xe.value.length > 0, c = Xe.value.map((e) => ie(H.value, e)?.secondaryAxisMax).filter((e) => typeof e == "number"), u = s && c.length > 0 ? Math.max(...c) : void 0, d = s && Number.isFinite(Vt.value) && Vt.value < 0, f = s && Number.isFinite(Ht.value) && Ht.value < 0, p = d || f, m = s ? Ms(Math.max(Rt.value, Bt.value), 5) : 0, h = s ? u ?? Ms(zt.value, 5) : 0, g = s && !p && m > 0 && h > 0;
+			let s = Xe.value.length > 0, c = Xe.value.map((e) => ie(H.value, e)?.secondaryAxisMax).filter((e) => typeof e == "number"), u = s && c.length > 0 ? Math.max(...c) : void 0, d = s && Number.isFinite(Ht.value) && Ht.value < 0, f = s && Number.isFinite(Ut.value) && Ut.value < 0, p = d || f, m = s ? Ms(Math.max(zt.value, Vt.value), 5) : 0, h = s ? u ?? Ms(Bt.value, 5) : 0, g = s && !p && m > 0 && h > 0;
 			if (o.push({
 				type: "number",
 				keys: r,
@@ -15117,8 +15139,8 @@ var Qp = { style: {
 					text: Qe.value,
 					...et.value === "scatter" ? { color: _t } : {}
 				}
-			}), at.value && yt.value.length > 0) {
-				let e = Number.isFinite(Rt.value) ? Rt.value : 0;
+			}), at.value && bt.value.length > 0) {
+				let e = Number.isFinite(zt.value) ? zt.value : 0;
 				o.push({
 					type: "number",
 					keys: ["__dummy_y__"],
@@ -15134,39 +15156,39 @@ var Qp = { style: {
 				});
 			}
 			return e.axes = o, e.series = tt.value, e;
-		}), Qt = r(() => M.value || l.isLoading && (!gt.value || gt.value.length === 0)), $t = r(() => Jt.value || !q.value && !l.isLoading && Yt.value !== ""), en = (e) => {
+		}), $t = r(() => M.value || l.isLoading && (!vt.value || vt.value.length === 0)), en = r(() => Yt.value || !q.value && !l.isLoading && Xt.value !== ""), tn = (e) => {
 			b.value = e, d("chart-collapsed", e);
-		}, tn = (e) => {
-			p.value && (p.value.setRowGroupColumns(e ? I.value : []), ce.value = e);
+		}, rn = (e) => {
+			p.value && (p.value.setRowGroupColumns(e ? I.value : []), le.value = e);
 		};
-		function rn(e) {
+		function an(e) {
 			return e?.hydrate ? m.value?.getFilterValueSelectedMetadataMap({ hydrate: !0 }) : m.value?.getFilterValueSelectedMetadataMap();
 		}
 		return n({
-			getChartImageDataURL: (e) => Tt.value ? g.value?.getChartImageDataURL(e) : h.value?.getChartImageDataURL(e),
+			getChartImageDataURL: (e) => Et.value ? g.value?.getChartImageDataURL(e) : h.value?.getChartImageDataURL(e),
 			getCsvData: () => m.value?.getCsvData(),
-			refreshData: (e) => (p.value && ft(p.value), m.value?.refreshData(e)),
-			getFilterValueSelectedMetadataMap: rn,
+			refreshData: (e) => (p.value && pt(p.value), m.value?.refreshData(e)),
+			getFilterValueSelectedMetadataMap: an,
 			getPvFilterModel: () => m.value?.getPvFilterModel(),
 			setPvFilterModel: (e) => m.value?.setPvFilterModel(e),
-			getChipSections: () => bt.value
+			getChipSections: () => xt.value
 		}), S(() => {
 			if (l.initialGridState) {
 				let e = l.initialGridState.rowGroup?.groupColIds || [];
-				I.value = e, !l.allFieldsAreFocusable && e.length > 0 && K.setFocusType(e[0]);
+				I.value = e, !l.allFieldsAreFocusable && e.length > 0 && G.setFocusType(e[0]);
 			}
 		}), T(async () => {
 			await v(), w.value = l.filterPanelAboveChart;
-		}), (n, r) => (D(), o("div", Qp, [
+		}), (n, r) => (D(), o("div", Zp, [
 			s("div", {
 				class: y(["pv-stack-16", { "pv-flex": A.value }]),
 				style: x(A.value ? "--flex-wrap: wrap-reverse" : void 0)
 			}, [s("div", {
 				id: C,
 				style: x(A.value ? "flex: 1 1 auto; min-width: 0" : void 0)
-			}, null, 4), A.value ? (D(), o("div", $p, [j(n.$slots, "filter-panel-actions")])) : a("", !0)], 6),
+			}, null, 4), A.value ? (D(), o("div", Qp, [j(n.$slots, "filter-panel-actions")])) : a("", !0)], 6),
 			j(n.$slots, "above-chart"),
-			e.hideChart ? a("", !0) : (D(), o("div", em, [
+			e.hideChart ? a("", !0) : (D(), o("div", $p, [
 				u(Kn, {
 					rightIcon: "chevrons-down-up",
 					label: "Collapse",
@@ -15175,10 +15197,10 @@ var Qp = { style: {
 						"margin-left": "0.5rem"
 					},
 					variant: "secondary",
-					onClick: r[0] ||= (e) => en(!b.value),
+					onClick: r[0] ||= (e) => tn(!b.value),
 					class: y(e.hideChart || b.value ? "pv-hide" : "")
 				}, null, 8, ["class"]),
-				s("div", { class: y(e.hideChart || !b.value ? "pv-hide" : "pv-space-between") }, [s("div", tm, [u(Hn, {
+				s("div", { class: y(e.hideChart || !b.value ? "pv-hide" : "pv-space-between") }, [s("div", em, [u(Hn, {
 					name: "chart-line",
 					size: 20,
 					class: "pv-text-subdued"
@@ -15189,15 +15211,17 @@ var Qp = { style: {
 					rightIcon: "chevron-selector",
 					label: "Expand",
 					variant: "secondary",
-					onClick: r[1] ||= (e) => en(!b.value)
+					onClick: r[1] ||= (e) => tn(!b.value)
 				})], 2),
-				s("div", { class: y(e.hideChart || b.value ? "pv-hide" : "") }, [u(Up, {
-					enablePanel: gt.value != null && gt.value.length > 0,
+				s("div", { class: y(e.hideChart || b.value ? "pv-hide" : "") }, [u(Hp, {
+					enablePanel: vt.value != null && vt.value.length > 0,
 					chartFilter: e.chartFilter,
 					rowGroupLimit: Z.value,
 					"use-combined-button": l.enableCombinedChartConfigPanel,
 					"use-nested-menu": l.enableNestedChartConfigPanel,
 					"chart-config-options": l.chartConfigPanelOptions,
+					"locked-row-group-col-ids": l.lockedRowGroupColIds,
+					"metric-overlay-with-row-groups": l.metricOverlayWithRowGroups,
 					"read-only": l.chartConfigPanelReadOnly,
 					"percent-of-focus-view-y-key": l.percentOfFocusViewYKey,
 					onSeriesAggFuncSelected: he
@@ -15208,31 +15232,33 @@ var Qp = { style: {
 					"use-combined-button",
 					"use-nested-menu",
 					"chart-config-options",
+					"locked-row-group-col-ids",
+					"metric-overlay-with-row-groups",
 					"read-only",
 					"percent-of-focus-view-y-key"
-				]), s("div", nm, [R(bt).length > 0 ? (D(), i(xp, {
+				]), s("div", tm, [R(xt).length > 0 ? (D(), i(bp, {
 					key: 0,
-					sections: R(bt),
-					onChipHover: r[2] ||= (e) => xt.value = e
+					sections: R(xt),
+					onChipHover: r[2] ||= (e) => St.value = e
 				}, null, 8, ["sections"])) : a("", !0), s("div", {
 					class: "pv-relative pv-margin-auto pv-flex-item",
-					style: x(Tt.value ? { height: Dt.value } : void 0)
-				}, [Tt.value ? (D(), i(qo, {
+					style: x(Et.value ? { height: Ot.value } : void 0)
+				}, [Et.value ? (D(), i(qo, {
 					key: 0,
 					ref_key: "pvMapChartRef",
 					ref: g,
-					selectedRegion: wt.value,
-					"onUpdate:selectedRegion": r[3] ||= (e) => wt.value = e,
-					chartData: Ot.value,
-					seriesKey: Et.value,
+					selectedRegion: Tt.value,
+					"onUpdate:selectedRegion": r[3] ||= (e) => Tt.value = e,
+					chartData: kt.value,
+					seriesKey: Dt.value,
 					seriesLabel: Je.value,
 					clickable: !1,
 					displayRegionSelector: !1,
-					gradientLegendMin: kt.value.min,
-					gradientLegendMax: kt.value.max,
-					seriesValueFormatter: At.value,
-					isLoading: Qt.value,
-					noDataMessage: Yt.value
+					gradientLegendMin: At.value.min,
+					gradientLegendMax: At.value.max,
+					seriesValueFormatter: jt.value,
+					isLoading: $t.value,
+					noDataMessage: Xt.value
 				}, null, 8, [
 					"selectedRegion",
 					"chartData",
@@ -15245,29 +15271,30 @@ var Qp = { style: {
 					"noDataMessage"
 				])) : (D(), o("div", {
 					key: 1,
-					class: y(["pv-data-table-with-chart__chart-scroll", { "pv-data-table-with-chart__chart-scroll--enabled pv-scrollbar-visible": Nt.value }]),
-					style: x(Ft.value)
+					class: y(["pv-data-table-with-chart__chart-scroll", { "pv-data-table-with-chart__chart-scroll--enabled pv-scrollbar-visible": Pt.value }]),
+					style: x(It.value)
 				}, [s("div", {
 					class: "pv-data-table-with-chart__chart-content",
-					style: x(It.value)
-				}, [u(nn, {
+					style: x(Lt.value)
+				}, [(D(), i(nn, {
 					ref_key: "pvChartRef",
 					ref: h,
-					isLoading: Qt.value,
-					options: Zt.value,
+					key: ct.value,
+					isLoading: $t.value,
+					options: Qt.value,
 					enableFocusView: e.enableFocusView,
-					minHeight: Pt.value
+					minHeight: Ft.value
 				}, null, 8, [
 					"isLoading",
 					"options",
 					"enableFocusView",
 					"minHeight"
-				]), R(St) ? (D(), o("div", {
+				])), R(Ct) ? (D(), o("div", {
 					key: 0,
-					class: y(["ag-charts-tooltip pv-data-table-with-chart__crossline-tooltip pv-tooltip-v2-content", R(St).arrowClass]),
+					class: y(["ag-charts-tooltip pv-data-table-with-chart__crossline-tooltip pv-tooltip-v2-content", R(Ct).arrowClass]),
 					"data-variant": "white",
-					style: x(R(St).style)
-				}, [s("div", rm, [s("div", im, P(R(St).label), 1), s("div", am, P(R(St).value), 1)])], 6)) : a("", !0)], 4)], 6)), Tt.value ? a("", !0) : (D(), o("div", om, [q.value ? (D(), o("div", sm, [(D(), i(N(e.emptyChartFilterRenderer)))])) : $t.value ? (D(), o("p", cm, P(Yt.value), 1)) : a("", !0)]))], 4)])], 2)
+					style: x(R(Ct).style)
+				}, [s("div", nm, [s("div", rm, P(R(Ct).label), 1), s("div", im, P(R(Ct).value), 1)])], 6)) : a("", !0)], 4)], 6)), Et.value ? a("", !0) : (D(), o("div", am, [q.value ? (D(), o("div", om, [(D(), i(N(e.emptyChartFilterRenderer)))])) : en.value ? (D(), o("p", sm, P(Xt.value), 1)) : a("", !0)]))], 4)])], 2)
 			])),
 			u(Kf, _({
 				ref_key: "pvDataTableRef",
@@ -15275,7 +15302,7 @@ var Qp = { style: {
 			}, n.$props, {
 				filterTeleportLocation: w.value ? `#${C}` : void 0,
 				wrapHorizontalFilters: l.wrapHorizontalFilters || A.value,
-				pagination: e.pagination || !ce.value,
+				pagination: e.pagination || !le.value,
 				onColumnRowGroupChanged: _e,
 				onColumnValueChanged: me,
 				onGridReady: Y,
@@ -15288,18 +15315,18 @@ var Qp = { style: {
 				onHandleSettingsIcon: r[8] ||= (e) => d("handle-settings-icon", e),
 				onFocusUpdate: r[9] ||= (e) => d("focus-update", e)
 			}), {
-				"top-slot": W(() => [e.enableGroupingToggle ? (D(), o(t, { key: 0 }, [e.tableConfigOptions ? (D(), i(mp, {
+				"top-slot": W(() => [e.enableGroupingToggle ? (D(), o(t, { key: 0 }, [e.tableConfigOptions ? (D(), i(pp, {
 					key: 0,
-					groupedModeEnabled: ce.value,
+					groupedModeEnabled: le.value,
 					tableConfigOptions: l.tableConfigOptions,
-					onToggleGroup: tn,
-					onTableOverlayChange: le,
+					onToggleGroup: rn,
+					onTableOverlayChange: K,
 					onColumnConfigChange: pe
 				}, null, 8, ["groupedModeEnabled", "tableConfigOptions"])) : (D(), i(Kn, {
 					key: 1,
-					leftIcon: ce.value ? "ungroup" : "group",
-					label: ce.value ? "Ungroup Table" : "Group Table to Match Chart",
-					onClick: r[4] ||= (e) => tn(!ce.value),
+					leftIcon: le.value ? "ungroup" : "group",
+					label: le.value ? "Ungroup Table" : "Group Table to Match Chart",
+					onClick: r[4] ||= (e) => rn(!le.value),
 					variant: "secondary",
 					size: "lg"
 				}, null, 8, ["leftIcon", "label"]))], 64)) : a("", !0), j(n.$slots, "top-slot")]),
@@ -15311,7 +15338,7 @@ var Qp = { style: {
 			])
 		]));
 	}
-}), um = "Unable to load data", dm = (e, t = {}) => {
+}), lm = "Unable to load data", um = (e, t = {}) => {
 	let n = k([]), i = k(!1), a = k(), o = 0, s = async () => {
 		let t = ++o;
 		i.value = !0;
@@ -15341,6 +15368,6 @@ var Qp = { style: {
 	};
 };
 //#endregion
-export { um as DEFAULT_DATA_WIDGET_ERROR_TEXT, wt as PitViperAGChartsMonochromeTheme, Ct as PitViperAGChartsMonochromeThemeName, Et as PitViperAGChartsMulticolorTheme, Tt as PitViperAGChartsMulticolorThemeName, nn as PvChart, wn as PvChartWidget, Kf as PvDataTable, lm as PvDataTableWithChart, fc as PvDataWidget, qo as PvMapChart, Kl as RumContextKey, _t as SCATTER_MARKER_STROKE, Jl as addRumAction, cd as constructAdvancedFilterCondition, ld as convertFilterModelToAdvanced, Vd as createPvDataTableFilterStore, Yl as deferRumTask, Id as excludeValueFromSetFilter, hd as filterModelContainsColId, Dd as filterModelsEqual, Md as getSelectedValues, Ad as getSelectedValuesFromAdvancedFilterModel, xd as getSelectedValuesFromFilterModel, jd as getSelectedValuesFromFilterModelByColId, Sd as isAdvancedFilterModel, wd as isFilterModelEmpty, Od as mergeAdvancedFilterCondition, gd as mergeFilterModels, Hd as providePvDataTableFilterStore, Nd as removeColumnFilter, kd as removeColumnFromAdvancedFilter, Fd as updateMultiOrSetFilter, Pd as updateSetFilter, Wd as usePvDataTableFilterStore, dm as usePvDataWidgetData, ql as useRumContext };
+export { lm as DEFAULT_DATA_WIDGET_ERROR_TEXT, wt as PitViperAGChartsMonochromeTheme, Ct as PitViperAGChartsMonochromeThemeName, Et as PitViperAGChartsMulticolorTheme, Tt as PitViperAGChartsMulticolorThemeName, nn as PvChart, wn as PvChartWidget, Kf as PvDataTable, cm as PvDataTableWithChart, fc as PvDataWidget, qo as PvMapChart, Kl as RumContextKey, _t as SCATTER_MARKER_STROKE, Jl as addRumAction, cd as constructAdvancedFilterCondition, ld as convertFilterModelToAdvanced, Vd as createPvDataTableFilterStore, Yl as deferRumTask, Id as excludeValueFromSetFilter, hd as filterModelContainsColId, Dd as filterModelsEqual, Md as getSelectedValues, Ad as getSelectedValuesFromAdvancedFilterModel, xd as getSelectedValuesFromFilterModel, jd as getSelectedValuesFromFilterModelByColId, Sd as isAdvancedFilterModel, wd as isFilterModelEmpty, Od as mergeAdvancedFilterCondition, gd as mergeFilterModels, Hd as providePvDataTableFilterStore, Nd as removeColumnFilter, kd as removeColumnFromAdvancedFilter, Fd as updateMultiOrSetFilter, Pd as updateSetFilter, Wd as usePvDataTableFilterStore, um as usePvDataWidgetData, ql as useRumContext };
 
 //# sourceMappingURL=pv-components-visualizations.mjs.map