x-next 1.13.0 → 1.15.0

package/dist/style/dependencies.json

@@ -281,6 +281,16 @@
     "base.css",
     "timeline.css"
   ],
+  "tree-select": [
+    "base.css",
+    "empty.css",
+    "form-checkbox.css",
+    "form-select.css",
+    "scrollbar-v2.css",
+    "spin.css",
+    "trigger.css",
+    "tree-select.css"
+  ],
   "upload": [
     "base.css",
     "image.css",

package/dist/style/drawer.css

@@ -1 +1 @@
-.x-drawer{--x-drawer-mask-background-color: var(--x-color-overlay-mask);--x-drawer-bg-color: var(--x-color-bg-elevated);--x-drawer-icon-color: var(--x-color-icon-elevated);--x-drawer-icon-color-dark: var(--x-color-icon-elevated-hover);--x-drawer-border-color: var(--x-color-bg-elevated-border);--x-drawer-title-color: var(--x-color-text-elevated-title);--x-drawer-shadow: var(--x-shadow-drawer);top:0;right:0;bottom:0;left:0}.x-drawer.is-fixed{position:fixed}.x-drawer.is-absolute{position:absolute}.x-drawer--mask{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--x-drawer-mask-background-color)}.x-drawer--container{position:absolute;overflow:auto;background-color:var(--x-drawer-bg-color);box-shadow:var(--x-drawer-shadow);display:flex;flex-direction:column}.x-drawer--container.is-right{top:0;right:0;bottom:0}.x-drawer--container.is-left{top:0;bottom:0;left:0}.x-drawer--container.is-top{top:0;right:0;left:0}.x-drawer--container.is-bottom{right:0;bottom:0;left:0}.x-drawer--close-icon{position:absolute;top:18px;right:20px;width:18px;height:18px;font-size:18px;color:var(--x-drawer-icon-color);cursor:pointer;outline:none;transition:transform .3s ease}.x-drawer--close-icon:focus-visible{outline:2px solid var(--x-color-primary-text);outline-offset:2px}.x-drawer--close-icon:hover{color:var(--x-drawer-icon-color-dark);transform:rotate(90deg)}.x-drawer--header{border-bottom:1px solid var(--x-drawer-border-color);padding-left:20px;height:55px;box-sizing:border-box;line-height:55px}.x-drawer--title{font-size:16px;font-weight:500;color:var(--x-drawer-title-color);line-height:1}.x-drawer--footer{display:flex;align-items:center;justify-content:flex-end;margin-top:auto;padding:0 20px;height:55px;background:var(--x-drawer-bg-color);border-top:1px solid var(--x-drawer-border-color);box-sizing:border-box}.x-drawer--body{min-height:0}
+.x-drawer{--x-drawer-mask-background-color: var(--x-color-overlay-mask);--x-drawer-bg-color: var(--x-color-bg-elevated);--x-drawer-icon-color: var(--x-color-icon-elevated);--x-drawer-icon-color-dark: var(--x-color-icon-elevated-hover);--x-drawer-border-color: var(--x-color-bg-elevated-border);--x-drawer-title-color: var(--x-color-text-elevated-title);--x-drawer-shadow: var(--x-shadow-drawer);top:0;right:0;bottom:0;left:0}.x-drawer.is-fixed{position:fixed}.x-drawer.is-absolute{position:absolute}.x-drawer--mask{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--x-drawer-mask-background-color)}.x-drawer--container{position:absolute;overflow:auto;background-color:var(--x-drawer-bg-color);box-shadow:var(--x-drawer-shadow);display:flex;flex-direction:column}.x-drawer--container.is-right{top:0;right:0;bottom:0}.x-drawer--container.is-left{top:0;bottom:0;left:0}.x-drawer--container.is-top{top:0;right:0;left:0}.x-drawer--container.is-bottom{right:0;bottom:0;left:0}.x-drawer--close-icon{position:absolute;top:18px;right:20px;width:18px;height:18px;font-size:18px;color:var(--x-drawer-icon-color);cursor:pointer;outline:none;transition:transform .3s ease}.x-drawer--close-icon:focus-visible{outline:2px solid var(--x-color-primary-text);outline-offset:2px}.x-drawer--close-icon:hover{color:var(--x-drawer-icon-color-dark);transform:rotate(90deg)}.x-drawer--header{flex-shrink:0;border-bottom:1px solid var(--x-drawer-border-color);padding-left:20px;height:55px;box-sizing:border-box;line-height:55px}.x-drawer--title{font-size:16px;font-weight:500;color:var(--x-drawer-title-color);line-height:1}.x-drawer--footer{flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;margin-top:auto;padding:0 20px;height:55px;background:var(--x-drawer-bg-color);border-top:1px solid var(--x-drawer-border-color);box-sizing:border-box}.x-drawer--body{box-sizing:border-box;min-height:0}

package/dist/style/table.css

@@ -1 +1 @@
-:root{--x-table-size-default-padding-horizontal: var(--x-spacing-7);--x-table-size-default-padding-vertical: 8px;--x-table-size-middle-padding-horizontal: var(--x-spacing-7);--x-table-size-middle-padding-vertical: 7px;--x-table-size-small-padding-horizontal: var(--x-spacing-6);--x-table-size-small-padding-vertical: 5px;--x-table-size-mini-padding-horizontal: var(--x-spacing-5);--x-table-size-mini-padding-vertical: 3px;--x-table-size-default-font-size: var(--x-font-size-body-3);--x-table-size-middle-font-size: var(--x-font-size-body-3);--x-table-size-small-font-size: var(--x-font-size-body-3);--x-table-size-mini-font-size: var(--x-font-size-body-1);--x-table-size-default-font-header-size: var(--x-font-size-body-3);--x-table-size-middle-font-header-size: var(--x-font-size-body-3);--x-table-size-small-font-header-size: var(--x-font-size-body-3);--x-table-size-mini-font-header-size: var(--x-font-size-body-1);--x-table-border-width: var(--x-border-1);--x-table-border-style: solid;--x-table-size-expand-button: 14px;--x-table-spacing-expand-button-margin-right: var(--x-spacing-2);--x-table-font-size-expand-button: 12px;--x-table-border-radius-expand-button: 2px;--x-table-color-border: var(--x-color-border-subtle);--x-table-border-radius: 6px;--x-table-color-text-header-cell: var(--x-color-text-primary);--x-table-color-bg-header-cell: var(--x-color-bg-subtle);--x-table-color-bg-header-sorted-cell: var(--x-color-bg-subtle);--x-table-color-bg-header-sorted-cell_hover: var(--x-color-fill-2);--x-table-color-header-filters-icon: var(--x-color-text-4);--x-table-color-header-filters-icon_active: var(--x-color-primary-6);--x-table-color-bg-header-filters-icon_hover: var(--x-color-fill-2);--x-table-font-size-filters-icon: 14px;--x-table-size-filters-width: 32px;--x-table-font-weight-header-text: var(--x-font-weight-600);--x-table-color-text-body-cell: var(--x-color-text-primary);--x-table-color-bg-body-cell: var(--x-color-bg-surface);--x-table-color-bg-body-sorted-cell: var(--x-color-bg-subtle);--x-table-color-bg-body-stripe-row: var(--x-color-bg-subtle);--x-table-color-bg-body-row_hover: var(--x-color-bg-subtle);--x-table-color-bg-body-row_active: var(--x-color-primary-subtle);--x-table-color-bg-body-row_active_dark: var(--x-color-neutral-2);--x-table-color-expand-icon: var(--x-color-text-2);--x-table-color-expand-icon-border: var(--x-color-transparent);--x-table-color-expand-icon-border_hover: var(--x-color-transparent);--x-table-color-expand-icon_hover: var(--x-color-text-1);--x-table-color-bg-expand-icon: var(--x-color-fill-2);--x-table-color-bg-expand-icon_hover: var(--x-color-fill-3);--x-table-color-bg-expand-content: var(--x-color-bg-subtle);--x-table-color-bg-expand-content_hover: var(--x-color-bg-subtle);--x-table-border-expand-icon-width: var(--x-border-1);--x-table-color-header-sorter-icon: var(--x-color-text-4);--x-table-color-header-sorter-icon_next: var(--x-color-text-3);--x-table-color-header-sorter-icon_active: var(--x-color-primary-6);--x-table-spacing-header-sorter-icon-margin-left: var(--x-spacing-3);--x-table-size-header-sorter-icon-height: 7px;--x-table-size-header-sorter-icon-width: 12px;--x-table-font-size-header-sorter-icon: 11px;--x-table-position-header-sorter-icon-up-top: -1px;--x-table-position-header-sorter-icon-down-top: -2px;--x-table-position-header-sorter-icon-left: 0;--x-table-color-bg-filters-popup: var(--x-color-bg-5);--x-table-color-border-filters-popup: var(--x-color-neutral-3);--x-table-popup-min-width: 100px;--x-table-popup-max-height: 200px;--x-table-popup-border-radius: var(--x-border-radius-medium);--x-table-shadow-left: inset 8px 0 8px -8px var(--x-shadow-color-fixed-column);--x-table-shadow-right: inset -8px 0 8px -8px var(--x-shadow-color-fixed-column);--x-table-size-shadow-wrapper-width: 10px;--x-table-spacing-pagination-margin: var(--x-spacing-7);--x-table-size-selection-col-width: 40px;--x-table-size-expand-icon-col-width: 40px;--x-table-size-drag-handle-col-width: 40px;--x-table-size-body-min-width: 40px;--x-table-color-body-background: var(--x-color-bg-surface);--x-table-size-large-padding-horizontal: var(--x-table-size-default-padding-horizontal);--x-table-size-large-padding-vertical: var(--x-table-size-default-padding-vertical);--x-table-size-large-font-size: var(--x-table-size-default-font-size);--x-table-size-large-font-header-size: var(--x-table-size-default-font-header-size);--x-table-size-medium-padding-horizontal: var(--x-table-size-middle-padding-horizontal);--x-table-size-medium-padding-vertical: var(--x-table-size-middle-padding-vertical);--x-table-size-medium-font-size: var(--x-table-size-middle-font-size);--x-table-size-medium-font-header-size: var(--x-table-size-middle-font-header-size);--x-table-color-bg-tfoot: var(--x-color-bg-subtle);--x-table-filters-icon-bg_hover: var(--x-color-fill-2);--x-table-color-border_resizing: var(--x-color-primary-6)}.x-table--filters--content{box-sizing:border-box;min-width:var(--x-table-popup-min-width);background:var(--x-table-color-bg-filters-popup);border:1px solid var(--x-table-color-border-filters-popup);border-radius:var(--x-table-popup-border-radius);box-shadow:var(--x-shadow1-down)}.x-table--filters--list{max-height:var(--x-table-popup-max-height);padding:4px 0;overflow-y:auto}.x-table--filters--item{height:32px;padding:0 12px;font-size:14px;line-height:32px}.x-table--filters--text{width:100%;max-width:160px;height:34px;margin-right:0;padding-left:10px;overflow:hidden;line-height:32px;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.x-table--filters--bottom{box-sizing:border-box;height:38px;padding:0 12px;overflow:hidden;line-height:38px;border-top:1px solid var(--x-table-color-border)}.x-table--filters--bottom>*:not(*:last-child){margin-right:8px}.x-table{position:relative;color:var(--x-table-color-text-body-cell);font-size:var(--x-table-size-default-font-size);line-height:var(--x-line-height-base);background:var(--x-table-color-bg-body-cell)}.x-table--column-handle{position:absolute;top:0;right:-4px;z-index:1;width:8px;height:100%;cursor:col-resize}.x-table--column-handle:focus-visible{background-color:var(--x-table-color-border_resizing);outline:2px solid var(--x-color-primary-6);outline-offset:-2px}.x-table .x-spin{display:flex;flex-direction:column;height:100%}.x-table--footer{border-radius:0 0 var(--x-table-border-radius) var(--x-table-border-radius)}.x-table-scroll-position-right .x-table-col-fixed-left-last::after,.x-table-scroll-position-middle .x-table-col-fixed-left-last::after{box-shadow:var(--x-table-shadow-left)}.x-table-scroll-position-left .x-table-col-fixed-right-first::after,.x-table-scroll-position-middle .x-table-col-fixed-right-first::after{box-shadow:var(--x-table-shadow-right)}.x-table-layout-fixed .x-table--element{table-layout:fixed}.x-table .x-table--element{display:table;width:100%;min-width:100%;margin:0;overflow:visible;color:inherit;border:0;border-collapse:separate;border-spacing:0;text-align:left}.x-table .x-table--element .x-table--tr{background-color:var(--x-color-transparent);border-top:0}.x-table .x-table--th{position:relative;box-sizing:border-box;padding:0;color:var(--x-table-color-text-header-cell);font-weight:var(--x-table-font-weight-header-text);line-height:var(--x-line-height-base);text-align:left;background-color:var(--x-table-color-bg-header-cell);border:0;border-bottom:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border);transition:background-color var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-table .x-table--th[colspan]{text-align:center}.x-table .x-table--th-align-right{text-align:right}.x-table .x-table--th-align-right .x-table--cell-with-sorter{justify-content:flex-end}.x-table .x-table--th-align-center{text-align:center}.x-table .x-table--th-align-center .x-table--cell-with-sorter{justify-content:center}.x-table .x-table--td{box-sizing:border-box;padding:0;color:var(--x-table-color-text-body-cell);line-height:var(--x-line-height-base);text-align:left;overflow-wrap:break-word;word-break:normal;background-color:var(--x-table-color-bg-body-cell);border:0;border-bottom:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border);transition:background-color var(--x-transition-duration-1) var(--x-transition-timing-function-linear),border-color var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-table .x-table--td-align-right{text-align:right}.x-table .x-table--td-align-center{text-align:center}.x-table .x-table--td.x-table-drag-handle{cursor:move}.x-table--cell{position:relative;display:flex;align-items:center;min-height:22px}.x-table--cell-align-left{justify-content:flex-start;text-align:left}.x-table--cell-align-right{justify-content:flex-end;text-align:right}.x-table--cell-align-center{justify-content:center;text-align:center}.x-table-text-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-table--td--content{display:block;width:100%;min-width:0}.x-table .x-table--th.x-table--col-sorted{background-color:var(--x-table-color-bg-header-sorted-cell)}.x-table .x-table--td.x-table--col-sorted{background-color:var(--x-table-color-bg-body-sorted-cell)}.x-table-col-fixed-left,.x-table-col-fixed-right{position:sticky;z-index:10}.x-table .x-table--th.x-table-col-fixed-left,.x-table .x-table--th.x-table-col-fixed-right{position:sticky}.x-table-col-fixed-left-last::after,.x-table-col-fixed-right-first::after{position:absolute;top:0;bottom:var(--x-table-border-width);left:0;width:var(--x-table-size-shadow-wrapper-width);box-shadow:none;transform:translateX(-100%);transition:box-shadow var(--x-transition-duration-1) var(--x-transition-timing-function-linear);content:"";pointer-events:none}.x-table-col-fixed-left-last::after{right:0;left:unset;transform:translateX(100%)}.x-table--cell-text-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-table .x-table--expand-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--x-table-size-expand-button);height:var(--x-table-size-expand-button);padding:0;color:var(--x-table-color-expand-icon);font-size:var(--x-table-font-size-expand-button);line-height:var(--x-table-size-expand-button);background-color:var(--x-table-color-bg-expand-icon);border:var(--x-table-border-expand-icon-width) solid var(--x-table-color-expand-icon-border);border-radius:var(--x-table-border-radius-expand-button);outline:none;cursor:pointer;transition:background-color var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-table .x-table--expand-btn:hover{color:var(--x-table-color-expand-icon_hover);background-color:var(--x-table-color-bg-expand-icon_hover);border-color:var(--x-table-color-expand-icon-border_hover)}.x-table .x-table--expand-btn:focus-visible{outline:2px solid var(--x-color-primary-6);outline-offset:2px}.x-table .x-table--drag-button{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;color:inherit;background:var(--x-color-transparent);border:0;border-radius:var(--x-border-radius-small);cursor:grab;touch-action:none}.x-table .x-table--drag-button:active{cursor:grabbing}.x-table .x-table--drag-button:focus-visible,.x-table .x-table--tr[tabindex]:focus-visible,.x-table .x-table--td[tabindex]:focus-visible{outline:2px solid var(--x-color-primary-6);outline-offset:-2px}.x-table--cell-expand-icon{display:flex;align-items:center}.x-table--cell-expand-icon .x-table--cell-inline-icon{display:inline-flex;margin-right:var(--x-table-spacing-expand-button-margin-right)}.x-table--cell-expand-icon .x-table--cell-inline-icon .x-icon-loading{color:var(--x-color-primary-text)}.x-table--cell-expand-icon-hidden{display:inline-block;width:var(--x-table-size-expand-button);height:var(--x-table-size-expand-button);margin-right:var(--x-table-spacing-expand-button-margin-right)}.x-table--tr-expand .x-table--td{background-color:var(--x-table-color-bg-expand-content)}.x-table--cell-fixed-expand{position:sticky;left:0;box-sizing:border-box}.x-table--tr-expand .x-table--td .x-table .x-table--container{border:none}.x-table--tr-expand .x-table--td .x-table .x-table--th{border-bottom:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border)}.x-table--tr-expand .x-table--td .x-table .x-table--th,.x-table--tr-expand .x-table--td .x-table .x-table--td{background-color:var(--x-color-transparent)}.x-table--tr-expand .x-table--td .x-table .x-table-pagination{margin-bottom:var(--x-table-spacing-pagination-margin)}.x-table--th.x-table--operation,.x-table--td.x-table--operation{text-align:center}.x-table--th.x-table--operation .x-table--cell,.x-table--td.x-table--operation .x-table--cell{display:flex;justify-content:center;padding:0}.x-table--radio,.x-table--checkbox{justify-content:center}.x-table--checkbox .x-checkbox,.x-table--radio .x-radio{padding-left:0}.x-table-selection-checkbox-col,.x-table-selection-radio-col{width:var(--x-table-size-selection-col-width);min-width:var(--x-table-size-selection-col-width);max-width:var(--x-table-size-selection-col-width)}.x-table-expand-col{width:var(--x-table-size-expand-icon-col-width);min-width:var(--x-table-size-expand-icon-col-width);max-width:var(--x-table-size-expand-icon-col-width)}.x-table-drag-handle-col{width:var(--x-table-size-drag-handle-col-width);min-width:var(--x-table-size-drag-handle-col-width);max-width:var(--x-table-size-drag-handle-col-width)}.x-table--th{transition:background-color var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-table--th:focus-visible{outline:2px solid var(--x-color-primary-6);outline-offset:-2px}.x-table--cell-with-sorter{display:flex;align-items:center;width:100%;cursor:pointer}.x-table--cell-with-sorter:hover{background-color:var(--x-table-color-bg-header-sorted-cell_hover)}.x-table--cell-with-sorter:hover .x-table--sorter--icon .x-icon{color:var(--x-table-color-header-sorter-icon_next)}.x-table--cell-with-filter{display:flex;align-items:center}.x-table--cell-next-ascend .x-table--sorter--icon:first-child .x-icon{color:var(--x-table-color-header-sorter-icon_next)}.x-table--cell-next-descend .x-table--sorter--icon:last-child .x-icon{color:var(--x-table-color-header-sorter-icon_next)}.x-table--sorter{display:inline-flex;flex:none;flex-direction:column;align-items:center;justify-content:center;margin-left:var(--x-table-spacing-header-sorter-icon-margin-left);vertical-align:-3px}.x-table--sorter--icon{position:relative;width:var(--x-table-size-header-sorter-icon-width);height:var(--x-table-size-header-sorter-icon-height);overflow:hidden;line-height:var(--x-table-size-header-sorter-icon-height)}.x-table--sorter--icon .x-icon{position:absolute;top:50%;left:50%;width:var(--x-table-font-size-header-sorter-icon);height:var(--x-table-font-size-header-sorter-icon);transform:translate(-50%, -50%);color:var(--x-table-color-header-sorter-icon);font-size:var(--x-table-font-size-header-sorter-icon);transition:all var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-table--cell-with-sorter .x-table--sorter--icon-active .x-icon,.x-table--cell-with-sorter:hover .x-table--sorter--icon-active .x-icon{color:var(--x-table-color-header-sorter-icon_active)}.x-table--filters{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:var(--x-table-size-filters-width);height:100%;line-height:1;vertical-align:0;background-color:var(--x-color-transparent);cursor:pointer;transition:all var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-table--filters:hover,.x-table--filters-open{color:var(--x-color-text-2);background-color:var(--x-table-color-bg-header-filters-icon_hover)}.x-table--filters svg{color:var(--x-table-color-header-filters-icon);font-size:var(--x-table-font-size-filters-icon);transition:all var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-table--filters-active svg{color:var(--x-table-color-header-filters-icon_active)}.x-table--filters-align-left{position:relative;width:auto;margin-left:var(--x-table-spacing-header-sorter-icon-margin-left)}.x-table--filters-align-left svg{font-size:var(--x-table-font-size-header-sorter-icon)}.x-table--filters-align-left:hover,.x-table--filters-align-left-open{background:none}.x-table--filters-align-left:hover::before,.x-table--filters-align-left.x-table--filters-open::before{background:var(--x-table-filters-icon-bg_hover)}.x-table--container{position:relative;overflow:hidden;border-radius:var(--x-table-border-radius)}.x-table--header{flex-shrink:0;border-radius:var(--x-table-border-radius) var(--x-table-border-radius) 0 0}.x-table--container{box-sizing:border-box;width:100%;min-height:0}.x-table--container .x-table--content{display:flex;flex-direction:column;width:auto;height:100%}.x-table--container .x-table--content-scroll-x{overflow-x:auto;overflow-y:hidden}.x-table--container::before,.x-table--container::after{position:absolute;z-index:1;width:var(--x-table-size-shadow-wrapper-width);height:100%;box-shadow:none;transition:box-shadow var(--x-transition-duration-1) var(--x-transition-timing-function-linear);content:"";pointer-events:none}.x-table--container::before{top:0;left:0;border-top-left-radius:var(--x-table-border-radius)}.x-table--container::after{top:0;right:0;border-top-right-radius:var(--x-table-border-radius)}.x-table--container:not(.x-table-has-fixed-col-left).x-table-scroll-position-right::before,.x-table--container:not(.x-table-has-fixed-col-left).x-table-scroll-position-middle::before{box-shadow:var(--x-table-shadow-left)}.x-table--container:not(.x-table-has-fixed-col-right).x-table-scroll-position-left::after,.x-table--container:not(.x-table-has-fixed-col-right).x-table-scroll-position-middle::after{box-shadow:var(--x-table-shadow-right)}.x-table--header{overflow-x:hidden;overflow-y:hidden;background-color:var(--x-table-color-bg-header-cell);scrollbar-color:var(--x-color-transparent) var(--x-color-transparent)}.x-table--header-sticky{position:sticky;top:0;z-index:100}.x-table:not(.x-table-empty) .x-table--header::-webkit-scrollbar{height:0;background-color:var(--x-color-transparent)}.x-table-empty .x-table--header{overflow-x:auto}.x-table-sticky-header>.x-spin>.x-spin--children>.x-table--container,.x-table-sticky-header>.x-table--container{overflow:visible}.x-table-sticky-header .x-table--content>.x-table--body:last-child,.x-table-sticky-header .x-table--content>.x-table--tfoot:last-child{border-radius:0 0 var(--x-table-border-radius) var(--x-table-border-radius)}.x-table-sticky-header .x-table--body:last-child>.x-scrollbar--container{border-radius:inherit}.x-table--body{position:relative;width:100%;min-height:var(--x-table-size-body-min-width);overflow:auto;background-color:var(--x-table-color-body-background)}.x-table-border .x-table--container{border:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border)}.x-table-border .x-table-scroll-y{border-bottom:none}.x-table-border .x-table-scroll-y .x-table--body .x-table--tr:last-of-type .x-table--td,.x-table-border .x-table-scroll-y tfoot .x-table--tr:last-of-type .x-table--td{border-bottom:none}.x-table-border .x-table-scroll-y .x-table--body .x-table--tr:last-of-type .x-table--td.x-table-col-fixed-left-last::after,.x-table-border .x-table-scroll-y .x-table--body .x-table--tr:last-of-type .x-table--td.x-table-col-fixed-right-first::after,.x-table-border .x-table-scroll-y tfoot .x-table--tr:last-of-type .x-table--td.x-table-col-fixed-left-last::after,.x-table-border .x-table-scroll-y tfoot .x-table--tr:last-of-type .x-table--td.x-table-col-fixed-right-first::after{bottom:0}.x-table-border .x-table--tr .x-table--th{border-bottom:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border)}.x-table-border .x-table--footer{border:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border);border-top:0}.x-table-border:not(.x-table-border-cell) .x-table--container{border-color:var(--x-table-color-border)}.x-table-border-cell .x-table--th,.x-table-border-cell .x-table--td:not(.x-table--tr-expand){border-right:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border)}.x-table-border-cell .x-table--tr .x-table--th:last-child,.x-table-border-cell .x-table--tr .x-table--td:last-child{border-right:0}.x-table-border-cell .x-table--th-resizing,.x-table-border-cell .x-table--td-resizing:not(.x-table--tr-expand){border-right-color:var(--x-table-color-border_resizing)}.x-table-border-header-cell .x-table--th{border-right:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border);border-bottom:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border)}.x-table-border-header-cell .x-table--th-resizing,.x-table-border-header-cell .x-table--td-resizing:not(.x-table--tr-expand){border-right-color:var(--x-table-color-border_resizing)}.x-table-border-header-cell thead .x-table--tr:first-child .x-table--th:last-child{border-right:0}.x-table-border-body-cell .x-table--td:not(:last-child):not(.x-table--tr-expand){border-right:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border)}.x-table-stripe:not(.x-table-dragging) .x-table--tr:not(.x-table--tr-empty):not(.x-table--tr-summary):not(.x-table--tr-checked):nth-child(even) .x-table--td:not(.x-table-col-fixed-left):not(.x-table-col-fixed-right),.x-table-stripe .x-table--tr-drag .x-table--td:not(.x-table-col-fixed-left):not(.x-table-col-fixed-right){background-color:var(--x-table-color-bg-body-stripe-row)}.x-table-stripe:not(.x-table-dragging) .x-table--tr:not(.x-table--tr-empty):not(.x-table--tr-summary):not(.x-table--tr-checked):nth-child(even) .x-table--td.x-table-col-fixed-left::before,.x-table-stripe:not(.x-table-dragging) .x-table--tr:not(.x-table--tr-empty):not(.x-table--tr-summary):not(.x-table--tr-checked):nth-child(even) .x-table--td.x-table-col-fixed-right::before,.x-table-stripe .x-table--tr-drag .x-table--td.x-table-col-fixed-left::before,.x-table-stripe .x-table--tr-drag .x-table--td.x-table-col-fixed-right::before{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background-color:var(--x-table-color-bg-body-stripe-row);content:""}.x-table .x-table--tr-draggable{cursor:move}.x-table-hover:not(.x-table-dragging) .x-table--tr:not(.x-table--tr-empty):not(.x-table--tr-summary):not(.x-table--tr-checked):hover .x-table--td:not(.x-table-col-fixed-left):not(.x-table-col-fixed-right),.x-table-hover .x-table--tr-drag .x-table--td:not(.x-table-col-fixed-left):not(.x-table-col-fixed-right){background-color:var(--x-table-color-bg-body-row_hover)}.x-table-hover:not(.x-table-dragging) .x-table--tr:not(.x-table--tr-empty):not(.x-table--tr-summary):not(.x-table--tr-checked):hover .x-table--td.x-table-col-fixed-left::before,.x-table-hover:not(.x-table-dragging) .x-table--tr:not(.x-table--tr-empty):not(.x-table--tr-summary):not(.x-table--tr-checked):hover .x-table--td.x-table-col-fixed-right::before,.x-table-hover .x-table--tr-drag .x-table--td.x-table-col-fixed-left::before,.x-table-hover .x-table--tr-drag .x-table--td.x-table-col-fixed-right::before{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background-color:var(--x-table-color-bg-body-row_hover);content:""}.x-table-hover .x-table--tr-expand:not(.x-table--tr-empty):hover .x-table--td:not(.x-table-col-fixed-left):not(.x-table-col-fixed-right){background-color:var(--x-table-color-bg-expand-content_hover)}.x-table--tr-expand .x-table--td .x-table-hover .x-table--tr:not(.x-table--tr-empty):not(.x-table--tr-checked) .x-table--td:not(.x-table-col-fixed-left):not(.x-table-col-fixed-right){background-color:var(--x-color-transparent)}.x-table--tr-expand .x-table--td .x-table-hover .x-table--tr:not(.x-table--tr-empty):not(.x-table--tr-checked) .x-table--td.x-table-col-fixed-left::before,.x-table--tr-expand .x-table--td .x-table-hover .x-table--tr:not(.x-table--tr-empty):not(.x-table--tr-checked) .x-table--td.x-table-col-fixed-right::before{background-color:var(--x-color-transparent)}.x-table--tfoot{position:relative;z-index:1;flex-shrink:0;width:100%;overflow-x:auto;background-color:var(--x-table-color-bg-tfoot);border-top:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border);box-shadow:none;scrollbar-color:var(--x-color-transparent) var(--x-color-transparent)}.x-table--tfoot::-webkit-scrollbar{height:0;background-color:var(--x-color-transparent)}.x-table tfoot .x-table--td{background-color:var(--x-table-color-bg-tfoot)}.x-table.x-table-type-selection .x-table--tr-checked>.x-table--td{background-color:var(--x-table-color-bg-body-row_active)}.x-table.x-table-type-selection .x-table--tr-checked>.x-table--td::before{background-color:var(--x-color-transparent)}.x-table .x-table--cell{padding:var(--x-table-size-large-padding-vertical) var(--x-table-size-large-padding-horizontal)}.x-table .x-table--th{font-size:var(--x-table-size-large-font-header-size)}.x-table .x-table--td{font-size:var(--x-table-size-large-font-size)}.x-table .x-table--footer{padding:var(--x-table-size-large-padding-vertical) var(--x-table-size-large-padding-horizontal)}.x-table .x-table--tr-expand .x-table--td .x-table{margin:calc(-1*var(--x-table-size-large-padding-vertical)) calc(-1*var(--x-table-size-large-padding-horizontal)) calc(-1*var(--x-table-size-large-padding-vertical) - var(--x-table-border-width)) calc(-1*var(--x-table-size-large-padding-horizontal))}.x-table-size-medium .x-table--cell{padding:var(--x-table-size-medium-padding-vertical) var(--x-table-size-medium-padding-horizontal)}.x-table-size-medium .x-table--th{font-size:var(--x-table-size-medium-font-header-size)}.x-table-size-medium .x-table--td{font-size:var(--x-table-size-medium-font-size)}.x-table-size-medium .x-table--footer{padding:var(--x-table-size-medium-padding-vertical) var(--x-table-size-medium-padding-horizontal)}.x-table-size-medium .x-table--tr-expand .x-table--td .x-table{margin:calc(-1*var(--x-table-size-medium-padding-vertical)) calc(-1*var(--x-table-size-medium-padding-horizontal)) calc(-1*var(--x-table-size-medium-padding-vertical) - var(--x-table-border-width)) calc(-1*var(--x-table-size-medium-padding-horizontal))}.x-table-size-small .x-table--cell{padding:var(--x-table-size-small-padding-vertical) var(--x-table-size-small-padding-horizontal)}.x-table-size-small .x-table--th{font-size:var(--x-table-size-small-font-header-size)}.x-table-size-small .x-table--td{font-size:var(--x-table-size-small-font-size)}.x-table-size-small .x-table--footer{padding:var(--x-table-size-small-padding-vertical) var(--x-table-size-small-padding-horizontal)}.x-table-size-small .x-table--tr-expand .x-table--td .x-table{margin:calc(-1*var(--x-table-size-small-padding-vertical)) calc(-1*var(--x-table-size-small-padding-horizontal)) calc(-1*var(--x-table-size-small-padding-vertical) - var(--x-table-border-width)) calc(-1*var(--x-table-size-small-padding-horizontal))}.x-table-size-mini .x-table--cell{padding:var(--x-table-size-mini-padding-vertical) var(--x-table-size-mini-padding-horizontal)}.x-table-size-mini .x-table--th{font-size:var(--x-table-size-mini-font-header-size)}.x-table-size-mini .x-table--td{font-size:var(--x-table-size-mini-font-size)}.x-table-size-mini .x-table--footer{padding:var(--x-table-size-mini-padding-vertical) var(--x-table-size-mini-padding-horizontal)}.x-table-size-mini .x-table--tr-expand .x-table--td .x-table{margin:calc(-1*var(--x-table-size-mini-padding-vertical)) calc(-1*var(--x-table-size-mini-padding-horizontal)) calc(-1*var(--x-table-size-mini-padding-vertical) - var(--x-table-border-width)) calc(-1*var(--x-table-size-mini-padding-horizontal))}.x-table-virtualized .x-table--element{table-layout:fixed}.x-table-virtualized .x-table--body .x-table--tr{display:flex}.x-table-virtualized .x-table--body .x-table--td{display:flex;flex:0 0 auto;align-items:center;min-width:0}.x-table-virtualized .x-table--body .x-table--td>.x-table--cell{width:100%;min-width:0}.x-table-virtualized .x-table--body .x-table--tr-expand>.x-table--td,.x-table-virtualized .x-table--body .x-table--tr-empty>.x-table--td{width:100%}.x-table .x-table--header-sticky{position:sticky}.x-table-virtualized .x-virtual-list>.x-table--element{display:block;width:100%}@media(prefers-reduced-motion: reduce){.x-table .x-table--th,.x-table .x-table--td,.x-table .x-table--expand-btn,.x-table .x-table--sorter--icon .x-icon,.x-table .x-table--filters,.x-table .x-table--filters::before,.x-table .x-table-col-fixed-left-last::after,.x-table .x-table-col-fixed-right-first::after,.x-table .x-table--container::before,.x-table .x-table--container::after{transition:none}}.x-table-pagination{display:flex;align-items:center;flex-wrap:wrap;gap:var(--x-spacing-4);justify-content:flex-end;margin-top:var(--x-table-spacing-pagination-margin)}.x-table-pagination>*{flex:none}.x-table-pagination-left{justify-content:flex-start}.x-table-pagination-center{justify-content:center}.x-table-pagination-top{margin-top:0;margin-bottom:var(--x-table-spacing-pagination-margin)}
+:root{--x-table-fixed-z-index: 10;--x-table-header-z-index: 100;--x-table-size-default-padding-horizontal: var(--x-spacing-7);--x-table-size-default-padding-vertical: 8px;--x-table-size-middle-padding-horizontal: var(--x-spacing-7);--x-table-size-middle-padding-vertical: 7px;--x-table-size-small-padding-horizontal: var(--x-spacing-6);--x-table-size-small-padding-vertical: 5px;--x-table-size-mini-padding-horizontal: var(--x-spacing-5);--x-table-size-mini-padding-vertical: 3px;--x-table-size-default-font-size: var(--x-font-size-body-3);--x-table-size-middle-font-size: var(--x-font-size-body-3);--x-table-size-small-font-size: var(--x-font-size-body-3);--x-table-size-mini-font-size: var(--x-font-size-body-1);--x-table-size-default-font-header-size: var(--x-font-size-body-3);--x-table-size-middle-font-header-size: var(--x-font-size-body-3);--x-table-size-small-font-header-size: var(--x-font-size-body-3);--x-table-size-mini-font-header-size: var(--x-font-size-body-1);--x-table-border-width: var(--x-border-1);--x-table-border-style: solid;--x-table-size-expand-button: 14px;--x-table-spacing-expand-button-margin-right: var(--x-spacing-2);--x-table-font-size-expand-button: 12px;--x-table-border-radius-expand-button: 2px;--x-table-color-border: var(--x-color-border-subtle);--x-table-border-radius: 6px;--x-table-color-text-header-cell: var(--x-color-text-primary);--x-table-color-bg-header-cell: var(--x-color-bg-subtle);--x-table-color-bg-header-sorted-cell: var(--x-color-bg-subtle);--x-table-color-bg-header-sorted-cell_hover: var(--x-color-fill-2);--x-table-color-header-filters-icon: var(--x-color-text-4);--x-table-color-header-filters-icon_active: var(--x-color-primary-6);--x-table-color-bg-header-filters-icon_hover: var(--x-color-fill-2);--x-table-font-size-filters-icon: 14px;--x-table-size-filters-width: 32px;--x-table-font-weight-header-text: var(--x-font-weight-600);--x-table-color-text-body-cell: var(--x-color-text-primary);--x-table-color-bg-body-cell: var(--x-color-bg-surface);--x-table-color-bg-body-sorted-cell: var(--x-color-bg-subtle);--x-table-color-bg-body-stripe-row: var(--x-color-bg-subtle);--x-table-color-bg-body-row_hover: var(--x-color-bg-subtle);--x-table-color-bg-body-row_active: var(--x-color-primary-subtle);--x-table-color-bg-body-row_active_dark: var(--x-color-neutral-2);--x-table-color-expand-icon: var(--x-color-text-2);--x-table-color-expand-icon-border: var(--x-color-transparent);--x-table-color-expand-icon-border_hover: var(--x-color-transparent);--x-table-color-expand-icon_hover: var(--x-color-text-1);--x-table-color-bg-expand-icon: var(--x-color-fill-2);--x-table-color-bg-expand-icon_hover: var(--x-color-fill-3);--x-table-color-bg-expand-content: var(--x-color-bg-subtle);--x-table-color-bg-expand-content_hover: var(--x-color-bg-subtle);--x-table-border-expand-icon-width: var(--x-border-1);--x-table-color-header-sorter-icon: var(--x-color-text-4);--x-table-color-header-sorter-icon_next: var(--x-color-text-3);--x-table-color-header-sorter-icon_active: var(--x-color-primary-6);--x-table-spacing-header-sorter-icon-margin-left: var(--x-spacing-3);--x-table-size-header-sorter-icon-height: 7px;--x-table-size-header-sorter-icon-width: 12px;--x-table-font-size-header-sorter-icon: 11px;--x-table-position-header-sorter-icon-up-top: -1px;--x-table-position-header-sorter-icon-down-top: -2px;--x-table-position-header-sorter-icon-left: 0;--x-table-color-bg-filters-popup: var(--x-color-bg-5);--x-table-color-border-filters-popup: var(--x-color-neutral-3);--x-table-popup-min-width: 100px;--x-table-popup-max-height: 200px;--x-table-popup-border-radius: var(--x-border-radius-medium);--x-table-shadow-left: inset 8px 0 8px -8px var(--x-shadow-color-fixed-column);--x-table-shadow-right: inset -8px 0 8px -8px var(--x-shadow-color-fixed-column);--x-table-size-shadow-wrapper-width: 10px;--x-table-spacing-pagination-margin: var(--x-spacing-7);--x-table-size-selection-col-width: 40px;--x-table-size-expand-icon-col-width: 40px;--x-table-size-drag-handle-col-width: 40px;--x-table-size-body-min-width: 40px;--x-table-color-body-background: var(--x-color-bg-surface);--x-table-size-large-padding-horizontal: var(--x-table-size-default-padding-horizontal);--x-table-size-large-padding-vertical: var(--x-table-size-default-padding-vertical);--x-table-size-large-font-size: var(--x-table-size-default-font-size);--x-table-size-large-font-header-size: var(--x-table-size-default-font-header-size);--x-table-size-medium-padding-horizontal: var(--x-table-size-middle-padding-horizontal);--x-table-size-medium-padding-vertical: var(--x-table-size-middle-padding-vertical);--x-table-size-medium-font-size: var(--x-table-size-middle-font-size);--x-table-size-medium-font-header-size: var(--x-table-size-middle-font-header-size);--x-table-color-bg-tfoot: var(--x-color-bg-subtle);--x-table-filters-icon-bg_hover: var(--x-color-fill-2);--x-table-color-border_resizing: var(--x-color-primary-6)}.x-table--filters--content{box-sizing:border-box;min-width:var(--x-table-popup-min-width);background:var(--x-table-color-bg-filters-popup);border:1px solid var(--x-table-color-border-filters-popup);border-radius:var(--x-table-popup-border-radius);box-shadow:var(--x-shadow1-down)}.x-table--filters--list{max-height:var(--x-table-popup-max-height);padding:4px 0;overflow-y:auto}.x-table--filters--item{height:32px;padding:0 12px;font-size:14px;line-height:32px}.x-table--filters--text{width:100%;max-width:160px;height:34px;margin-right:0;padding-left:10px;overflow:hidden;line-height:32px;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.x-table--filters--bottom{box-sizing:border-box;height:38px;padding:0 12px;overflow:hidden;line-height:38px;border-top:1px solid var(--x-table-color-border)}.x-table--filters--bottom>*:not(*:last-child){margin-right:8px}.x-table{position:relative;isolation:isolate;color:var(--x-table-color-text-body-cell);font-size:var(--x-table-size-default-font-size);line-height:var(--x-line-height-base);background:var(--x-table-color-bg-body-cell)}.x-table--column-handle{position:absolute;top:0;right:-4px;z-index:1;width:8px;height:100%;cursor:col-resize}.x-table--column-handle:focus-visible{background-color:var(--x-table-color-border_resizing);outline:2px solid var(--x-color-primary-6);outline-offset:-2px}.x-table .x-spin{display:flex;flex-direction:column;height:100%}.x-table--footer{border-radius:0 0 var(--x-table-border-radius) var(--x-table-border-radius)}.x-table-scroll-position-right .x-table-col-fixed-left-last::after,.x-table-scroll-position-middle .x-table-col-fixed-left-last::after{box-shadow:var(--x-table-shadow-left)}.x-table-scroll-position-left .x-table-col-fixed-right-first::after,.x-table-scroll-position-middle .x-table-col-fixed-right-first::after{box-shadow:var(--x-table-shadow-right)}.x-table-layout-fixed .x-table--element{table-layout:fixed}.x-table .x-table--element{display:table;width:100%;min-width:100%;margin:0;overflow:visible;color:inherit;border:0;border-collapse:separate;border-spacing:0;text-align:left}.x-table .x-table--element .x-table--tr{background-color:var(--x-color-transparent);border-top:0}.x-table .x-table--th{position:relative;box-sizing:border-box;padding:0;color:var(--x-table-color-text-header-cell);font-weight:var(--x-table-font-weight-header-text);line-height:var(--x-line-height-base);text-align:left;background-color:var(--x-table-color-bg-header-cell);border:0;border-bottom:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border);transition:background-color var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-table .x-table--th[colspan]{text-align:center}.x-table .x-table--th-align-right{text-align:right}.x-table .x-table--th-align-right .x-table--cell-with-sorter{justify-content:flex-end}.x-table .x-table--th-align-center{text-align:center}.x-table .x-table--th-align-center .x-table--cell-with-sorter{justify-content:center}.x-table .x-table--td{box-sizing:border-box;padding:0;color:var(--x-table-color-text-body-cell);line-height:var(--x-line-height-base);text-align:left;overflow-wrap:break-word;word-break:normal;background-color:var(--x-table-color-bg-body-cell);border:0;border-bottom:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border);transition:background-color var(--x-transition-duration-1) var(--x-transition-timing-function-linear),border-color var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-table .x-table--td-align-right{text-align:right}.x-table .x-table--td-align-center{text-align:center}.x-table .x-table--td.x-table-drag-handle{cursor:move}.x-table--cell{position:relative;display:flex;align-items:center;min-height:22px}.x-table--cell-align-left{justify-content:flex-start;text-align:left}.x-table--cell-align-right{justify-content:flex-end;text-align:right}.x-table--cell-align-center{justify-content:center;text-align:center}.x-table-text-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-table--td--content{display:block;width:100%;min-width:0}.x-table .x-table--th.x-table--col-sorted{background-color:var(--x-table-color-bg-header-sorted-cell)}.x-table .x-table--td.x-table--col-sorted{background-color:var(--x-table-color-bg-body-sorted-cell)}.x-table-col-fixed-left,.x-table-col-fixed-right{position:sticky;z-index:var(--x-table-fixed-z-index)}.x-table .x-table--th.x-table-col-fixed-left,.x-table .x-table--th.x-table-col-fixed-right{position:sticky}.x-table-col-fixed-left-last::after,.x-table-col-fixed-right-first::after{position:absolute;top:0;bottom:var(--x-table-border-width);left:0;width:var(--x-table-size-shadow-wrapper-width);box-shadow:none;transform:translateX(-100%);transition:box-shadow var(--x-transition-duration-1) var(--x-transition-timing-function-linear);content:"";pointer-events:none}.x-table-col-fixed-left-last::after{right:0;left:unset;transform:translateX(100%)}.x-table--cell-text-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-table .x-table--expand-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--x-table-size-expand-button);height:var(--x-table-size-expand-button);padding:0;color:var(--x-table-color-expand-icon);font-size:var(--x-table-font-size-expand-button);line-height:var(--x-table-size-expand-button);background-color:var(--x-table-color-bg-expand-icon);border:var(--x-table-border-expand-icon-width) solid var(--x-table-color-expand-icon-border);border-radius:var(--x-table-border-radius-expand-button);outline:none;cursor:pointer;transition:background-color var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-table .x-table--expand-btn:hover{color:var(--x-table-color-expand-icon_hover);background-color:var(--x-table-color-bg-expand-icon_hover);border-color:var(--x-table-color-expand-icon-border_hover)}.x-table .x-table--expand-btn:focus-visible{outline:2px solid var(--x-color-primary-6);outline-offset:2px}.x-table .x-table--drag-button{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;color:inherit;background:var(--x-color-transparent);border:0;border-radius:var(--x-border-radius-small);cursor:grab;touch-action:none}.x-table .x-table--drag-button:active{cursor:grabbing}.x-table .x-table--drag-button:focus-visible,.x-table .x-table--tr[tabindex]:focus-visible,.x-table .x-table--td[tabindex]:focus-visible{outline:2px solid var(--x-color-primary-6);outline-offset:-2px}.x-table--cell-expand-icon{display:flex;align-items:center}.x-table--cell-expand-icon .x-table--cell-inline-icon{display:inline-flex;margin-right:var(--x-table-spacing-expand-button-margin-right)}.x-table--cell-expand-icon .x-table--cell-inline-icon .x-icon-loading{color:var(--x-color-primary-text)}.x-table--cell-expand-icon-hidden{display:inline-block;width:var(--x-table-size-expand-button);height:var(--x-table-size-expand-button);margin-right:var(--x-table-spacing-expand-button-margin-right)}.x-table--tr-expand .x-table--td{background-color:var(--x-table-color-bg-expand-content)}.x-table--cell-fixed-expand{position:sticky;left:0;box-sizing:border-box}.x-table--tr-expand .x-table--td .x-table .x-table--container{border:none}.x-table--tr-expand .x-table--td .x-table .x-table--th{border-bottom:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border)}.x-table--tr-expand .x-table--td .x-table .x-table--th,.x-table--tr-expand .x-table--td .x-table .x-table--td{background-color:var(--x-color-transparent)}.x-table--tr-expand .x-table--td .x-table .x-table-pagination{margin-bottom:var(--x-table-spacing-pagination-margin)}.x-table--th.x-table--operation,.x-table--td.x-table--operation{text-align:center}.x-table--th.x-table--operation .x-table--cell,.x-table--td.x-table--operation .x-table--cell{display:flex;justify-content:center;padding:0}.x-table--radio,.x-table--checkbox{justify-content:center}.x-table--checkbox .x-checkbox,.x-table--radio .x-radio{padding-left:0}.x-table-selection-checkbox-col,.x-table-selection-radio-col{width:var(--x-table-size-selection-col-width);min-width:var(--x-table-size-selection-col-width);max-width:var(--x-table-size-selection-col-width)}.x-table-expand-col{width:var(--x-table-size-expand-icon-col-width);min-width:var(--x-table-size-expand-icon-col-width);max-width:var(--x-table-size-expand-icon-col-width)}.x-table-drag-handle-col{width:var(--x-table-size-drag-handle-col-width);min-width:var(--x-table-size-drag-handle-col-width);max-width:var(--x-table-size-drag-handle-col-width)}.x-table--th{transition:background-color var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-table--th:focus-visible{outline:2px solid var(--x-color-primary-6);outline-offset:-2px}.x-table--cell-with-sorter{display:flex;align-items:center;width:100%;cursor:pointer}.x-table--cell-with-sorter:hover{background-color:var(--x-table-color-bg-header-sorted-cell_hover)}.x-table--cell-with-sorter:hover .x-table--sorter--icon .x-icon{color:var(--x-table-color-header-sorter-icon_next)}.x-table--cell-with-filter{display:flex;align-items:center}.x-table--cell-next-ascend .x-table--sorter--icon:first-child .x-icon{color:var(--x-table-color-header-sorter-icon_next)}.x-table--cell-next-descend .x-table--sorter--icon:last-child .x-icon{color:var(--x-table-color-header-sorter-icon_next)}.x-table--sorter{display:inline-flex;flex:none;flex-direction:column;align-items:center;justify-content:center;margin-left:var(--x-table-spacing-header-sorter-icon-margin-left);vertical-align:-3px}.x-table--sorter--icon{position:relative;width:var(--x-table-size-header-sorter-icon-width);height:var(--x-table-size-header-sorter-icon-height);overflow:hidden;line-height:var(--x-table-size-header-sorter-icon-height)}.x-table--sorter--icon .x-icon{position:absolute;top:50%;left:50%;width:var(--x-table-font-size-header-sorter-icon);height:var(--x-table-font-size-header-sorter-icon);transform:translate(-50%, -50%);color:var(--x-table-color-header-sorter-icon);font-size:var(--x-table-font-size-header-sorter-icon);transition:all var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-table--cell-with-sorter .x-table--sorter--icon-active .x-icon,.x-table--cell-with-sorter:hover .x-table--sorter--icon-active .x-icon{color:var(--x-table-color-header-sorter-icon_active)}.x-table--filters{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:var(--x-table-size-filters-width);height:100%;line-height:1;vertical-align:0;background-color:var(--x-color-transparent);cursor:pointer;transition:all var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-table--filters:hover,.x-table--filters-open{color:var(--x-color-text-2);background-color:var(--x-table-color-bg-header-filters-icon_hover)}.x-table--filters svg{color:var(--x-table-color-header-filters-icon);font-size:var(--x-table-font-size-filters-icon);transition:all var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-table--filters-active svg{color:var(--x-table-color-header-filters-icon_active)}.x-table--filters-align-left{position:relative;width:auto;margin-left:var(--x-table-spacing-header-sorter-icon-margin-left)}.x-table--filters-align-left svg{font-size:var(--x-table-font-size-header-sorter-icon)}.x-table--filters-align-left:hover,.x-table--filters-align-left-open{background:none}.x-table--filters-align-left:hover::before,.x-table--filters-align-left.x-table--filters-open::before{background:var(--x-table-filters-icon-bg_hover)}.x-table--container{position:relative;overflow:hidden;border-radius:var(--x-table-border-radius)}.x-table--header{flex-shrink:0;border-radius:var(--x-table-border-radius) var(--x-table-border-radius) 0 0}.x-table--container{box-sizing:border-box;width:100%;min-height:0}.x-table--container .x-table--content{display:flex;flex-direction:column;width:auto;height:100%}.x-table--container .x-table--content-scroll-x{overflow-x:auto;overflow-y:hidden}.x-table--container::before,.x-table--container::after{position:absolute;z-index:1;width:var(--x-table-size-shadow-wrapper-width);height:100%;box-shadow:none;transition:box-shadow var(--x-transition-duration-1) var(--x-transition-timing-function-linear);content:"";pointer-events:none}.x-table--container::before{top:0;left:0;border-top-left-radius:var(--x-table-border-radius)}.x-table--container::after{top:0;right:0;border-top-right-radius:var(--x-table-border-radius)}.x-table--container:not(.x-table-has-fixed-col-left).x-table-scroll-position-right::before,.x-table--container:not(.x-table-has-fixed-col-left).x-table-scroll-position-middle::before{box-shadow:var(--x-table-shadow-left)}.x-table--container:not(.x-table-has-fixed-col-right).x-table-scroll-position-left::after,.x-table--container:not(.x-table-has-fixed-col-right).x-table-scroll-position-middle::after{box-shadow:var(--x-table-shadow-right)}.x-table--header{overflow-x:hidden;overflow-y:hidden;background-color:var(--x-table-color-bg-header-cell);scrollbar-color:var(--x-color-transparent) var(--x-color-transparent)}.x-table--header-sticky{position:sticky;top:0;z-index:var(--x-table-header-z-index)}.x-table:not(.x-table-empty) .x-table--header::-webkit-scrollbar{height:0;background-color:var(--x-color-transparent)}.x-table-empty .x-table--header{overflow-x:auto}.x-table-sticky-header>.x-spin>.x-spin--children>.x-table--container,.x-table-sticky-header>.x-table--container{overflow:visible}.x-table-sticky-header .x-table--content>.x-table--body:last-child,.x-table-sticky-header .x-table--content>.x-table--tfoot:last-child{border-radius:0 0 var(--x-table-border-radius) var(--x-table-border-radius)}.x-table-sticky-header .x-table--body:last-child>.x-scrollbar--container{border-radius:inherit}.x-table--body{position:relative;width:100%;min-height:var(--x-table-size-body-min-width);overflow:auto;background-color:var(--x-table-color-body-background)}.x-table-border .x-table--container{border:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border)}.x-table-border .x-table-scroll-y{border-bottom:none}.x-table-border .x-table-scroll-y .x-table--body .x-table--tr:last-of-type .x-table--td,.x-table-border .x-table-scroll-y tfoot .x-table--tr:last-of-type .x-table--td{border-bottom:none}.x-table-border .x-table-scroll-y .x-table--body .x-table--tr:last-of-type .x-table--td.x-table-col-fixed-left-last::after,.x-table-border .x-table-scroll-y .x-table--body .x-table--tr:last-of-type .x-table--td.x-table-col-fixed-right-first::after,.x-table-border .x-table-scroll-y tfoot .x-table--tr:last-of-type .x-table--td.x-table-col-fixed-left-last::after,.x-table-border .x-table-scroll-y tfoot .x-table--tr:last-of-type .x-table--td.x-table-col-fixed-right-first::after{bottom:0}.x-table-border .x-table--tr .x-table--th{border-bottom:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border)}.x-table-border .x-table--footer{border:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border);border-top:0}.x-table-border:not(.x-table-border-cell) .x-table--container{border-color:var(--x-table-color-border)}.x-table-border-cell .x-table--th,.x-table-border-cell .x-table--td:not(.x-table--tr-expand){border-right:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border)}.x-table-border-cell .x-table--tr .x-table--th:last-child,.x-table-border-cell .x-table--tr .x-table--td:last-child{border-right:0}.x-table-border-cell .x-table--th-resizing,.x-table-border-cell .x-table--td-resizing:not(.x-table--tr-expand){border-right-color:var(--x-table-color-border_resizing)}.x-table-border-header-cell .x-table--th{border-right:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border);border-bottom:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border)}.x-table-border-header-cell .x-table--th-resizing,.x-table-border-header-cell .x-table--td-resizing:not(.x-table--tr-expand){border-right-color:var(--x-table-color-border_resizing)}.x-table-border-header-cell thead .x-table--tr:first-child .x-table--th:last-child{border-right:0}.x-table-border-body-cell .x-table--td:not(:last-child):not(.x-table--tr-expand){border-right:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border)}.x-table-stripe:not(.x-table-dragging) .x-table--tr:not(.x-table--tr-empty):not(.x-table--tr-summary):not(.x-table--tr-checked):nth-child(even) .x-table--td:not(.x-table-col-fixed-left):not(.x-table-col-fixed-right),.x-table-stripe .x-table--tr-drag .x-table--td:not(.x-table-col-fixed-left):not(.x-table-col-fixed-right){background-color:var(--x-table-color-bg-body-stripe-row)}.x-table-stripe:not(.x-table-dragging) .x-table--tr:not(.x-table--tr-empty):not(.x-table--tr-summary):not(.x-table--tr-checked):nth-child(even) .x-table--td.x-table-col-fixed-left::before,.x-table-stripe:not(.x-table-dragging) .x-table--tr:not(.x-table--tr-empty):not(.x-table--tr-summary):not(.x-table--tr-checked):nth-child(even) .x-table--td.x-table-col-fixed-right::before,.x-table-stripe .x-table--tr-drag .x-table--td.x-table-col-fixed-left::before,.x-table-stripe .x-table--tr-drag .x-table--td.x-table-col-fixed-right::before{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background-color:var(--x-table-color-bg-body-stripe-row);content:""}.x-table .x-table--tr-draggable{cursor:move}.x-table-hover:not(.x-table-dragging) .x-table--tr:not(.x-table--tr-empty):not(.x-table--tr-summary):not(.x-table--tr-checked):hover .x-table--td:not(.x-table-col-fixed-left):not(.x-table-col-fixed-right),.x-table-hover .x-table--tr-drag .x-table--td:not(.x-table-col-fixed-left):not(.x-table-col-fixed-right){background-color:var(--x-table-color-bg-body-row_hover)}.x-table-hover:not(.x-table-dragging) .x-table--tr:not(.x-table--tr-empty):not(.x-table--tr-summary):not(.x-table--tr-checked):hover .x-table--td.x-table-col-fixed-left::before,.x-table-hover:not(.x-table-dragging) .x-table--tr:not(.x-table--tr-empty):not(.x-table--tr-summary):not(.x-table--tr-checked):hover .x-table--td.x-table-col-fixed-right::before,.x-table-hover .x-table--tr-drag .x-table--td.x-table-col-fixed-left::before,.x-table-hover .x-table--tr-drag .x-table--td.x-table-col-fixed-right::before{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background-color:var(--x-table-color-bg-body-row_hover);content:""}.x-table-hover .x-table--tr-expand:not(.x-table--tr-empty):hover .x-table--td:not(.x-table-col-fixed-left):not(.x-table-col-fixed-right){background-color:var(--x-table-color-bg-expand-content_hover)}.x-table--tr-expand .x-table--td .x-table-hover .x-table--tr:not(.x-table--tr-empty):not(.x-table--tr-checked) .x-table--td:not(.x-table-col-fixed-left):not(.x-table-col-fixed-right){background-color:var(--x-color-transparent)}.x-table--tr-expand .x-table--td .x-table-hover .x-table--tr:not(.x-table--tr-empty):not(.x-table--tr-checked) .x-table--td.x-table-col-fixed-left::before,.x-table--tr-expand .x-table--td .x-table-hover .x-table--tr:not(.x-table--tr-empty):not(.x-table--tr-checked) .x-table--td.x-table-col-fixed-right::before{background-color:var(--x-color-transparent)}.x-table--tfoot{position:relative;z-index:1;flex-shrink:0;width:100%;overflow-x:auto;background-color:var(--x-table-color-bg-tfoot);border-top:var(--x-table-border-width) var(--x-table-border-style) var(--x-table-color-border);box-shadow:none;scrollbar-color:var(--x-color-transparent) var(--x-color-transparent)}.x-table--tfoot::-webkit-scrollbar{height:0;background-color:var(--x-color-transparent)}.x-table tfoot .x-table--td{background-color:var(--x-table-color-bg-tfoot)}.x-table.x-table-type-selection .x-table--tr-checked>.x-table--td{background-color:var(--x-table-color-bg-body-row_active)}.x-table.x-table-type-selection .x-table--tr-checked>.x-table--td::before{background-color:var(--x-color-transparent)}.x-table .x-table--cell{padding:var(--x-table-size-large-padding-vertical) var(--x-table-size-large-padding-horizontal)}.x-table .x-table--th{font-size:var(--x-table-size-large-font-header-size)}.x-table .x-table--td{font-size:var(--x-table-size-large-font-size)}.x-table .x-table--footer{padding:var(--x-table-size-large-padding-vertical) var(--x-table-size-large-padding-horizontal)}.x-table .x-table--tr-expand .x-table--td .x-table{margin:calc(-1*var(--x-table-size-large-padding-vertical)) calc(-1*var(--x-table-size-large-padding-horizontal)) calc(-1*var(--x-table-size-large-padding-vertical) - var(--x-table-border-width)) calc(-1*var(--x-table-size-large-padding-horizontal))}.x-table-size-medium .x-table--cell{padding:var(--x-table-size-medium-padding-vertical) var(--x-table-size-medium-padding-horizontal)}.x-table-size-medium .x-table--th{font-size:var(--x-table-size-medium-font-header-size)}.x-table-size-medium .x-table--td{font-size:var(--x-table-size-medium-font-size)}.x-table-size-medium .x-table--footer{padding:var(--x-table-size-medium-padding-vertical) var(--x-table-size-medium-padding-horizontal)}.x-table-size-medium .x-table--tr-expand .x-table--td .x-table{margin:calc(-1*var(--x-table-size-medium-padding-vertical)) calc(-1*var(--x-table-size-medium-padding-horizontal)) calc(-1*var(--x-table-size-medium-padding-vertical) - var(--x-table-border-width)) calc(-1*var(--x-table-size-medium-padding-horizontal))}.x-table-size-small .x-table--cell{padding:var(--x-table-size-small-padding-vertical) var(--x-table-size-small-padding-horizontal)}.x-table-size-small .x-table--th{font-size:var(--x-table-size-small-font-header-size)}.x-table-size-small .x-table--td{font-size:var(--x-table-size-small-font-size)}.x-table-size-small .x-table--footer{padding:var(--x-table-size-small-padding-vertical) var(--x-table-size-small-padding-horizontal)}.x-table-size-small .x-table--tr-expand .x-table--td .x-table{margin:calc(-1*var(--x-table-size-small-padding-vertical)) calc(-1*var(--x-table-size-small-padding-horizontal)) calc(-1*var(--x-table-size-small-padding-vertical) - var(--x-table-border-width)) calc(-1*var(--x-table-size-small-padding-horizontal))}.x-table-size-mini .x-table--cell{padding:var(--x-table-size-mini-padding-vertical) var(--x-table-size-mini-padding-horizontal)}.x-table-size-mini .x-table--th{font-size:var(--x-table-size-mini-font-header-size)}.x-table-size-mini .x-table--td{font-size:var(--x-table-size-mini-font-size)}.x-table-size-mini .x-table--footer{padding:var(--x-table-size-mini-padding-vertical) var(--x-table-size-mini-padding-horizontal)}.x-table-size-mini .x-table--tr-expand .x-table--td .x-table{margin:calc(-1*var(--x-table-size-mini-padding-vertical)) calc(-1*var(--x-table-size-mini-padding-horizontal)) calc(-1*var(--x-table-size-mini-padding-vertical) - var(--x-table-border-width)) calc(-1*var(--x-table-size-mini-padding-horizontal))}.x-table-virtualized .x-table--element{table-layout:fixed}.x-table-virtualized .x-table--body .x-table--tr{display:flex}.x-table-virtualized .x-table--body .x-table--td{display:flex;flex:0 0 auto;align-items:center;min-width:0}.x-table-virtualized .x-table--body .x-table--td>.x-table--cell{width:100%;min-width:0}.x-table-virtualized .x-table--body .x-table--tr-expand>.x-table--td,.x-table-virtualized .x-table--body .x-table--tr-empty>.x-table--td{width:100%}.x-table .x-table--header-sticky{position:sticky}.x-table-virtualized .x-virtual-list>.x-table--element{display:block;width:100%}@media(prefers-reduced-motion: reduce){.x-table .x-table--th,.x-table .x-table--td,.x-table .x-table--expand-btn,.x-table .x-table--sorter--icon .x-icon,.x-table .x-table--filters,.x-table .x-table--filters::before,.x-table .x-table-col-fixed-left-last::after,.x-table .x-table-col-fixed-right-first::after,.x-table .x-table--container::before,.x-table .x-table--container::after{transition:none}}.x-table-pagination{display:flex;align-items:center;flex-wrap:wrap;gap:var(--x-spacing-4);justify-content:flex-end;margin-top:var(--x-table-spacing-pagination-margin)}.x-table-pagination>*{flex:none}.x-table-pagination-left{justify-content:flex-start}.x-table-pagination-center{justify-content:center}.x-table-pagination-top{margin-top:0;margin-bottom:var(--x-table-spacing-pagination-margin)}

package/dist/style/tree-select.css

@@ -0,0 +1 @@
+:root{--x-tree-select-popup-max-height: var(--x-size-50);--x-tree-select-node-height: var(--x-size-8);--x-tree-select-node-indent: var(--x-size-4);--x-tree-select-node-padding-horizontal: var(--x-spacing-6);--x-tree-select-node-gap: var(--x-spacing-1);--x-tree-select-node-border-radius: var(--x-border-radius-small);--x-tree-select-node-color-bg_hover: var(--x-color-fill-2);--x-tree-select-node-color-bg_selected: var(--x-color-primary-light-1);--x-tree-select-node-color-text_selected: var(--x-color-primary);--x-tree-select-node-color-text_disabled: var(--x-color-text-disabled);--x-tree-select-node-color-line: var(--x-color-border-default);--x-tree-select-highlight-color-text: var(--x-color-primary);--x-tree-select-highlight-font-weight: var(--x-font-weight-500);--x-tree-select-switcher-color-icon: var(--x-color-text-3);--x-tree-select-switcher-size: var(--x-size-4);--x-tree-select-switcher-margin-right: var(--x-spacing-2);--x-tree-select-checkbox-margin-right: var(--x-spacing-2)}.x-tree-select--dropdown{box-sizing:border-box;padding:var(--x-select-popup-padding-vertical) 0;background-color:var(--x-select-popup-color-bg);border:1px solid var(--x-select-popup-color-border);border-radius:var(--x-select-popup-border-radius);box-shadow:var(--x-select-popup-box-shadow)}.x-tree-select--dropdown--loading,.x-tree-select--dropdown--empty{display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:var(--x-select-popup-empty-min-height);padding:var(--x-select-popup-padding-vertical) var(--x-select-signal-popup-option-padding-horizontal)}.x-tree-select--dropdown--list{margin-top:0;margin-bottom:0;padding-left:0;list-style:none}.x-tree-select--dropdown--list-wrapper{max-height:var(--x-tree-select-popup-max-height);overflow-y:auto}.x-tree-select--dropdown-has-header{padding-top:0}.x-tree-select--dropdown--header{border-bottom:1px solid var(--x-select-popup-color-border)}.x-tree-select--dropdown-has-footer{padding-bottom:0}.x-tree-select--dropdown--footer{border-top:1px solid var(--x-select-popup-color-border)}.x-tree-select--node{position:relative;box-sizing:border-box}.x-tree-select--node--content{display:flex;align-items:center;box-sizing:border-box;min-height:var(--x-tree-select-node-height);padding-right:var(--x-tree-select-node-padding-horizontal);color:var(--x-color-text-primary);background-color:var(--x-color-bg-elevated);border-radius:var(--x-tree-select-node-border-radius);cursor:pointer}.x-tree-select--node--title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1;padding:0 var(--x-tree-select-node-gap);font-size:var(--x-select-popup-font-size);line-height:var(--x-tree-select-node-height)}.x-tree-select--node--switcher{display:inline-flex;flex:none;align-items:center;justify-content:center;box-sizing:border-box;width:var(--x-tree-select-switcher-size);height:var(--x-tree-select-switcher-size);margin-right:var(--x-tree-select-switcher-margin-right);color:var(--x-tree-select-switcher-color-icon);cursor:pointer}.x-tree-select--node--switcher .x-icon{width:var(--x-tree-select-switcher-size);height:var(--x-tree-select-switcher-size);font-size:var(--x-tree-select-switcher-size);transition:transform var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-tree-select--node--switcher-placeholder{display:inline-block;flex:none;width:calc(var(--x-tree-select-switcher-size) + var(--x-tree-select-switcher-margin-right))}.x-tree-select--node--switcher-icon{transform:rotate(0deg)}.x-tree-select--node--checkbox{flex:none;margin-right:var(--x-tree-select-checkbox-margin-right)}.x-tree-select--node--icon{display:inline-flex;flex:none;align-items:center;margin-right:var(--x-tree-select-checkbox-margin-right)}.x-tree-select--node--highlight{color:var(--x-tree-select-highlight-color-text);font-weight:var(--x-tree-select-highlight-font-weight)}.x-tree-select--node-active .x-tree-select--node--content{background-color:var(--x-tree-select-node-color-bg_hover)}.x-tree-select--node-selected .x-tree-select--node--content{color:var(--x-tree-select-node-color-text_selected);font-weight:var(--x-font-weight-500);background-color:var(--x-tree-select-node-color-bg_selected)}.x-tree-select--node-disabled .x-tree-select--node--content{color:var(--x-tree-select-node-color-text_disabled);cursor:not-allowed}.x-tree-select--node-is-expanded>.x-tree-select--node--content>.x-tree-select--node--switcher .x-icon{transform:rotate(90deg)}.x-tree-select--node-block .x-tree-select--node--content{padding-left:var(--x-tree-select-node-padding-horizontal);border-radius:0}.x-tree-select--node--content-block{border-radius:0}.x-tree-select--node-with-line::before{position:absolute;top:0;bottom:0;left:var(--x-tree-select-node-line-left, 0);width:1px;background-color:var(--x-tree-select-node-color-line);content:""}.x-tree-select--node-with-line.x-tree-select--node-last::before{bottom:50%}.x-tree-select--node-with-line.x-tree-select--node-root::before{display:none}@media(prefers-reduced-motion: reduce){.x-tree-select--node--switcher .x-icon{transition:none}}

package/dist/style/tree-select.js

@@ -0,0 +1,8 @@
+import './base.css';
+import './empty.css';
+import './form-checkbox.css';
+import './form-select.css';
+import './scrollbar-v2.css';
+import './spin.css';
+import './trigger.css';
+import './tree-select.css';