plain-design 1.0.0-beta.17 → 1.0.0-beta.19

Sign up to get free protection for your applications and to get access to all the features.
Files changed (17) hide show
  1. package/dist/plain-design.commonjs.min.js +1 -1
  2. package/dist/plain-design.min.css +1 -1
  3. package/dist/plain-design.min.js +1 -1
  4. package/dist/report.html +2 -2
  5. package/package.json +2 -2
  6. package/src/packages/components/AutoTable/use/useTableOption.methods.tsx +2 -0
  7. package/src/packages/components/AutoTable/use/useTableOption.state.tsx +1 -0
  8. package/src/packages/components/AutoTable/utils/TableOption.space.tsx +1 -0
  9. package/src/packages/components/Tree/RenderTreeNode.tsx +2 -0
  10. package/src/packages/components/Tree/tree.scss +8 -1
  11. package/src/packages/components/TreeCore/createTreeProps.ts +1 -1
  12. package/src/packages/components/TreeNodeWithMenu/index.tsx +1 -1
  13. package/src/packages/components/useDialog/DialogService.tsx +13 -1
  14. package/src/packages/uses/useEdit.ts +4 -0
  15. package/src/packages/uses/useStyle.tsx +9 -1
  16. package/src/pages/index/components/AutoTable/AutoHeightAutoRow.tsx +10 -5
  17. package/src/pages/index/components/service/DemoDialogService.tsx +1 -0
package/dist/plain-design.min.css CHANGED
@@ -51,7 +51,7 @@ html{line-height:1.4;-webkit-text-size-adjust:100%}body{margin:0}main{display:bl
51
51
  .pl-tab-group.tabs-head-position-left,.pl-tab-group.tabs-head-position-right{display:flex}.pl-tab-group.tabs-head-position-left .tabs-body,.pl-tab-group.tabs-head-position-right .tabs-body{flex:1;box-sizing:border-box}.pl-tab-group.tabs-head-position-left .tabs-header,.pl-tab-group.tabs-head-position-right .tabs-header{position:relative}.pl-tab-group.tabs-head-position-left .tabs-header .tabs-header-item,.pl-tab-group.tabs-head-position-right .tabs-header .tabs-header-item{line-height:36px;padding:0 16px;position:relative;z-index:1;transition:all linear 150ms;white-space:nowrap}.pl-tab-group.tabs-head-position-left .tabs-header .tabs-header-item:hover,.pl-tab-group.tabs-head-position-right .tabs-header .tabs-header-item:hover{color:var(--pl-primary-6)}.pl-tab-group.tabs-head-position-left .tabs-header .tabs-header-item.tabs-header-item-active,.pl-tab-group.tabs-head-position-right .tabs-header .tabs-header-item.tabs-header-item-active{color:var(--pl-primary-6);background-color:var(--pl-primary-light-2)}.pl-tab-group.tabs-head-position-left .tabs-header.tabs-header-pos-left:before,.pl-tab-group.tabs-head-position-right .tabs-header.tabs-header-pos-left:before{position:absolute;content:"";right:0;width:2px;top:0;bottom:0;background-color:var(--pl-secondary-light-2)}.pl-tab-group.tabs-head-position-left .tabs-header.tabs-header-pos-left .tabs-header-item,.pl-tab-group.tabs-head-position-right .tabs-header.tabs-header-pos-left .tabs-header-item{text-align:right;border-right:solid 2px transparent}.pl-tab-group.tabs-head-position-left .tabs-header.tabs-header-pos-left .tabs-header-item:hover,.pl-tab-group.tabs-head-position-right .tabs-header.tabs-header-pos-left .tabs-header-item:hover{border-right-color:var(--pl-primary-2)}.pl-tab-group.tabs-head-position-left .tabs-header.tabs-header-pos-left .tabs-header-item.tabs-header-item-active,.pl-tab-group.tabs-head-position-right .tabs-header.tabs-header-pos-left .tabs-header-item.tabs-header-item-active{border-right-color:var(--pl-primary-6)}.pl-tab-group.tabs-head-position-left .tabs-header.tabs-header-pos-right:before,.pl-tab-group.tabs-head-position-right .tabs-header.tabs-header-pos-right:before{position:absolute;content:"";left:0;width:2px;top:0;bottom:0;background-color:var(--pl-secondary-light-2)}.pl-tab-group.tabs-head-position-left .tabs-header.tabs-header-pos-right .tabs-header-item,.pl-tab-group.tabs-head-position-right .tabs-header.tabs-header-pos-right .tabs-header-item{text-align:left;border-left:solid 2px transparent}.pl-tab-group.tabs-head-position-left .tabs-header.tabs-header-pos-right .tabs-header-item:hover,.pl-tab-group.tabs-head-position-right .tabs-header.tabs-header-pos-right .tabs-header-item:hover{border-left-color:var(--pl-primary-2)}.pl-tab-group.tabs-head-position-left .tabs-header.tabs-header-pos-right .tabs-header-item.tabs-header-item-active,.pl-tab-group.tabs-head-position-right .tabs-header.tabs-header-pos-right .tabs-header-item.tabs-header-item-active{border-left-color:var(--pl-primary-6)}.pl-tab-group.tabs-head-position-left.tabs-fit-height,.pl-tab-group.tabs-head-position-right.tabs-fit-height{height:100%;flex:1;align-items:stretch}.pl-tab-group.tabs-head-position-left.tabs-fit-height>.tabs-header,.pl-tab-group.tabs-head-position-right.tabs-fit-height>.tabs-header{overflow:auto}.pl-tab-group.tabs-head-position-left.tabs-fit-height>.tabs-body,.pl-tab-group.tabs-head-position-right.tabs-fit-height>.tabs-body{overflow:hidden;display:flex;align-items:stretch}.pl-tab-group.tabs-head-position-left.tabs-fit-height>.tabs-body>.inner-tab,.pl-tab-group.tabs-head-position-right.tabs-fit-height>.tabs-body>.inner-tab{flex:1;overflow:auto}.pl-tab-group.tabs-head-position-left .tabs-body{padding-left:16px}.pl-tab-group.tabs-head-position-right .tabs-body{padding-right:16px}.tab-group-loading{cursor:wait}.tab-group-disabled{cursor:not-allowed}.tab-group-block{display:block;min-width:initial;width:100%}
52
52
  .pl-tag{display:inline-flex;align-items:center;box-sizing:border-box;cursor:pointer;transition:all ease 300ms}.pl-tag+.pl-tag{margin-left:8px}.pl-tag.tag-size-large{font-size:var(--pl-box-size-large-font-size);border-radius:var(--pl-box-size-large-border-radius);height:var(--pl-tag-size-large-height);padding:0 4px}.pl-tag.tag-size-normal{font-size:var(--pl-box-size-normal-font-size);border-radius:var(--pl-box-size-normal-border-radius);height:var(--pl-tag-size-normal-height);padding:0 4px}.pl-tag.tag-size-small{font-size:var(--pl-box-size-small-font-size);border-radius:var(--pl-box-size-small-border-radius);height:var(--pl-tag-size-small-height);padding:0 4px}.pl-tag.tag-size-mini{font-size:var(--pl-box-size-mini-font-size);border-radius:var(--pl-box-size-mini-border-radius);height:var(--pl-tag-size-mini-height);padding:0 4px}.pl-tag .pl-loading:last-child,.pl-tag .pl-icon:last-child{cursor:pointer;margin-left:4px}.pl-tag .pl-loading:not(:last-child),.pl-tag .pl-icon:not(:last-child){margin-right:4px !important}.tag-loading{cursor:wait}.tag-disabled{cursor:not-allowed}.tag-block{display:block;min-width:initial;width:100%}
53
53
  .pl-auto-scroll-utils-wrapper{position:fixed;top:0;left:0;z-index:10;pointer-events:none}.pl-auto-scroll-utils-wrapper .pl-auto-scroll-utils-shadow{position:absolute;opacity:.1;pointer-events:auto}.pl-auto-scroll-utils-wrapper.auto-scroll-utils-wrapper-vertical .pl-auto-scroll-utils-shadow{left:0;right:0;height:20px}.pl-auto-scroll-utils-wrapper.auto-scroll-utils-wrapper-vertical .pl-auto-scroll-utils-shadow.auto-scroll-utils-shadow-start{top:0;background:linear-gradient(to top, transparent, var(--pl-secondary-9))}.pl-auto-scroll-utils-wrapper.auto-scroll-utils-wrapper-vertical .pl-auto-scroll-utils-shadow.auto-scroll-utils-shadow-end{bottom:0;background:linear-gradient(to bottom, transparent, var(--pl-secondary-9))}.pl-auto-scroll-utils-wrapper.auto-scroll-utils-wrapper-horizontal .pl-auto-scroll-utils-shadow{top:0;bottom:0;width:20px}.pl-auto-scroll-utils-wrapper.auto-scroll-utils-wrapper-horizontal .pl-auto-scroll-utils-shadow.auto-scroll-utils-shadow-start{left:0;background:linear-gradient(to left, transparent, var(--pl-secondary-9))}.pl-auto-scroll-utils-wrapper.auto-scroll-utils-wrapper-horizontal .pl-auto-scroll-utils-shadow.auto-scroll-utils-shadow-end{right:0;background:linear-gradient(to right, transparent, var(--pl-secondary-9))}
54
- .pl-tree-node{display:flex;align-items:center;line-height:22px;padding-bottom:1px;position:relative}.pl-tree-node .tree-node-operator>div,.pl-tree-node .tree-node-content{transition:background-color linear 150ms,color linear 150ms}.pl-tree-node .tree-node-operator{display:flex;align-self:stretch;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--pl-text-3)}.pl-tree-node .tree-node-operator>div:not(:last-child){margin-right:4px}.pl-tree-node .tree-node-operator .tree-node-connector,.pl-tree-node .tree-node-operator .tree-node-expander,.pl-tree-node .tree-node-operator .tree-node-checker,.pl-tree-node .tree-node-operator .tree-node-draggier{height:20px;width:20px;display:flex;align-items:center;justify-content:center;border-radius:99px}.pl-tree-node .tree-node-operator .tree-node-connector:hover:not(.tree-node-connector),.pl-tree-node .tree-node-operator .tree-node-expander:hover:not(.tree-node-connector),.pl-tree-node .tree-node-operator .tree-node-checker:hover:not(.tree-node-connector),.pl-tree-node .tree-node-operator .tree-node-draggier:hover:not(.tree-node-connector){background-color:var(--pl-background-hover);cursor:pointer}.pl-tree-node .tree-node-operator .tree-node-connector{position:relative}.pl-tree-node .tree-node-operator .tree-node-connector:before,.pl-tree-node .tree-node-operator .tree-node-connector:after{background-color:#ccc}.pl-tree-node .tree-node-operator .tree-node-connector.tree-node-connector-x:after{position:absolute;top:50%;left:8.5px;height:1px;width:6px;content:"";-webkit-transform:scaleY(0.5);transform:scaleY(0.5)}.pl-tree-node .tree-node-operator .tree-node-connector.tree-node-connector-y:before{position:absolute;content:"";width:1px;left:8px;top:0;bottom:-14px;-webkit-transform:scaleX(0.5);transform:scaleX(0.5)}.pl-tree-node .tree-node-operator .tree-node-connector.tree-node-connector-y.tree-node-connector-y-prev:before{height:50%;bottom:initial}.pl-tree-node .tree-node-operator .tree-node-connector.tree-node-connector-hide{opacity:0}.pl-tree-node .tree-node-content{padding:5px 8px;color:var(--pl-text-2)}.pl-tree-node .tree-node-operator,.pl-tree-node .tree-node-content{position:relative;z-index:2}.pl-tree-node:after{position:absolute;top:1px;bottom:1px;left:0;right:0;z-index:1;border-radius:var(--pl-border-radius-normal);content:"";transition:background-color ease .3s}.pl-tree-node:hover:not(.tree-node-current):not(.tree-node-single-check){cursor:pointer}.pl-tree-node:hover:not(.tree-node-current):not(.tree-node-single-check):after{background-color:var(--pl-background-hover);content:""}.pl-tree-node.tree-node-current .tree-node-operator,.pl-tree-node.tree-node-current .tree-node-content,.pl-tree-node.tree-node-single-check .tree-node-operator,.pl-tree-node.tree-node-single-check .tree-node-content,.pl-tree-node.tree-node-multi-check .tree-node-operator,.pl-tree-node.tree-node-multi-check .tree-node-content{color:var(--pl-primary-6)}.pl-tree-node.tree-node-current:after,.pl-tree-node.tree-node-single-check:after,.pl-tree-node.tree-node-multi-check:after{background-color:var(--pl-primary-light-1);content:""}.pl-tree-node .tree-node-draggier:hover{background-color:var(--pl-background-hover);cursor:move}.pl-tree-node .tree-node-draggier.tree-node-draggier-disable{border-radius:0;background-color:var(--pl-background-hover)}.pl-tree-node .tree-node-draggier.tree-node-draggier-disable .pl-icon{cursor:not-allowed}.pl-tree-node .tree-node-draggier.tree-node-draggier-disable .icon-loading{cursor:wait}.pl-tree-node .tree-node-draggier.tree-node-draggier-disable .icon-disabled{cursor:not-allowed}.pl-tree-node .tree-node-draggier.tree-node-draggier-disable .icon-block{display:block;min-width:initial;width:100%}.pl-tree{display:block;min-height:80px}.pl-tree .tree-inner{display:inline-block;position:relative;min-height:50px;min-width:50px}.pl-tree.tree-display-block .tree-inner{display:block;min-width:initial}.pl-tree.tree-display-block .tree-inner .pl-tree-node .tree-node-content{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pl-tree.tree-display-block .tree-inner .tree-node-loading{cursor:wait}.pl-tree.tree-display-block .tree-inner .tree-node-disabled{cursor:not-allowed}.pl-tree.tree-display-block .tree-inner .tree-node-block{display:block;min-width:initial;width:100%}.pl-tree.tree-scroll{height:100%}.pl-tree.tree-scroll .tree-inner{height:100%}.pl-tree:not(.tree-content-wrap) .tree-node-content{white-space:nowrap}.pl-tree .tree-no-data,.pl-tree .tree-no-match{text-align:center;padding:16px 0;color:var(--pl-text-3)}.pl-tree.tree-expander-cover .tree-node-expander{border-radius:2px;background-color:var(--pl-secondary-2);-webkit-transform:scale(0.75);transform:scale(0.75)}.pl-tree:not(.tree-with-connector) .pl-tree-node .tree-node-connector:before,.pl-tree:not(.tree-with-connector) .pl-tree-node .tree-node-connector:after{display:none}.pl-tree:not(.tree-with-connector) .tree-node-loading{cursor:wait}.pl-tree:not(.tree-with-connector) .tree-node-disabled{cursor:not-allowed}.pl-tree:not(.tree-with-connector) .tree-node-block{display:block;min-width:initial;width:100%}.pl-tree.tree-size-large .pl-tree-node,.pl-tree.tree-size-normal .pl-tree-node{line-height:22px;font-size:var(--pl-font-size-normal)}.pl-tree.tree-size-large .pl-tree-node .tree-node-content,.pl-tree.tree-size-normal .pl-tree-node .tree-node-content{padding:5px 8px}.pl-tree.tree-size-large .tree-node-loading,.pl-tree.tree-size-normal .tree-node-loading{cursor:wait}.pl-tree.tree-size-large .tree-node-disabled,.pl-tree.tree-size-normal .tree-node-disabled{cursor:not-allowed}.pl-tree.tree-size-large .tree-node-block,.pl-tree.tree-size-normal .tree-node-block{display:block;min-width:initial;width:100%}.pl-tree.tree-size-small .pl-tree-node,.pl-tree.tree-size-mini .pl-tree-node{line-height:20px;font-size:var(--pl-font-size-small)}.pl-tree.tree-size-small .pl-tree-node .tree-node-content,.pl-tree.tree-size-mini .pl-tree-node .tree-node-content{padding:2px 4px}.pl-tree.tree-size-small .tree-node-loading,.pl-tree.tree-size-mini .tree-node-loading{cursor:wait}.pl-tree.tree-size-small .tree-node-disabled,.pl-tree.tree-size-mini .tree-node-disabled{cursor:not-allowed}.pl-tree.tree-size-small .tree-node-block,.pl-tree.tree-size-mini .tree-node-block{display:block;min-width:initial;width:100%}.pl-tree.tree-size-large .tree-node-content{border-radius:var(--pl-box-size-large-border-radius)}.pl-tree.tree-size-normal .tree-node-content{border-radius:var(--pl-box-size-normal-border-radius)}.pl-tree.tree-size-small .tree-node-content{border-radius:var(--pl-box-size-small-border-radius)}.pl-tree.tree-size-mini .tree-node-content{border-radius:var(--pl-box-size-mini-border-radius)}.pl-tree-draggier-indicator{position:fixed;pointer-events:none;z-index:10}.pl-tree-draggier-indicator[data-available=true]{background-color:var(--pl-primary-6)}.pl-tree-draggier-indicator[data-available=false]{background-color:var(--pl-error-6)}
54
+ .pl-tree-node{display:flex;align-items:center;line-height:22px;padding-bottom:1px;position:relative}.pl-tree-node .tree-node-operator>div,.pl-tree-node .tree-node-content{transition:background-color linear 150ms,color linear 150ms}.pl-tree-node .tree-node-operator{display:flex;align-self:stretch;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--pl-text-3)}.pl-tree-node .tree-node-operator>div:not(:last-child){margin-right:4px}.pl-tree-node .tree-node-operator .tree-node-connector,.pl-tree-node .tree-node-operator .tree-node-expander,.pl-tree-node .tree-node-operator .tree-node-checker,.pl-tree-node .tree-node-operator .tree-node-draggier{height:20px;width:20px;display:flex;align-items:center;justify-content:center;border-radius:99px}.pl-tree-node .tree-node-operator .tree-node-connector:hover:not(.tree-node-connector),.pl-tree-node .tree-node-operator .tree-node-expander:hover:not(.tree-node-connector),.pl-tree-node .tree-node-operator .tree-node-checker:hover:not(.tree-node-connector),.pl-tree-node .tree-node-operator .tree-node-draggier:hover:not(.tree-node-connector){background-color:var(--pl-background-hover);cursor:pointer}.pl-tree-node .tree-node-operator .tree-node-connector{position:relative}.pl-tree-node .tree-node-operator .tree-node-connector:before,.pl-tree-node .tree-node-operator .tree-node-connector:after{background-color:#ccc}.pl-tree-node .tree-node-operator .tree-node-connector.tree-node-connector-x:after{position:absolute;top:50%;left:8.5px;height:1px;width:6px;content:"";-webkit-transform:scaleY(0.5);transform:scaleY(0.5)}.pl-tree-node .tree-node-operator .tree-node-connector.tree-node-connector-y:before{position:absolute;content:"";width:1px;left:8px;top:0;bottom:-14px;-webkit-transform:scaleX(0.5);transform:scaleX(0.5)}.pl-tree-node .tree-node-operator .tree-node-connector.tree-node-connector-y.tree-node-connector-y-prev:before{height:50%;bottom:initial}.pl-tree-node .tree-node-operator .tree-node-connector.tree-node-connector-hide{opacity:0}.pl-tree-node .tree-node-content{padding:5px 8px;color:var(--pl-text-2)}.pl-tree-node .tree-node-operator,.pl-tree-node .tree-node-content{position:relative;z-index:2}.pl-tree-node:after{position:absolute;top:1px;bottom:1px;left:0;right:0;z-index:1;border-radius:var(--pl-border-radius-normal);content:"";transition:background-color ease .3s}.pl-tree-node:hover:not(.tree-node-current):not(.tree-node-single-check){cursor:pointer}.pl-tree-node:hover:not(.tree-node-current):not(.tree-node-single-check):after{background-color:var(--pl-background-hover);content:""}.pl-tree-node.tree-node-current .tree-node-operator,.pl-tree-node.tree-node-current .tree-node-content,.pl-tree-node.tree-node-single-check .tree-node-operator,.pl-tree-node.tree-node-single-check .tree-node-content,.pl-tree-node.tree-node-multi-check .tree-node-operator,.pl-tree-node.tree-node-multi-check .tree-node-content{color:var(--pl-primary-6)}.pl-tree-node.tree-node-current:after,.pl-tree-node.tree-node-single-check:after,.pl-tree-node.tree-node-multi-check:after{background-color:var(--pl-primary-light-1);content:""}.pl-tree-node .tree-node-draggier:hover{background-color:var(--pl-background-hover);cursor:move}.pl-tree-node .tree-node-draggier.tree-node-draggier-disable{border-radius:0;background-color:var(--pl-background-hover)}.pl-tree-node .tree-node-draggier.tree-node-draggier-disable .pl-icon{cursor:not-allowed}.pl-tree-node .tree-node-draggier.tree-node-draggier-disable .icon-loading{cursor:wait}.pl-tree-node .tree-node-draggier.tree-node-draggier-disable .icon-disabled{cursor:not-allowed}.pl-tree-node .tree-node-draggier.tree-node-draggier-disable .icon-block{display:block;min-width:initial;width:100%}.pl-tree{display:block;min-height:80px}.pl-tree .tree-inner{display:inline-block;position:relative;min-height:50px;min-width:50px}.pl-tree.tree-display-block .tree-inner{display:block;min-width:initial}.pl-tree.tree-display-block .tree-inner .pl-tree-node .tree-node-content{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pl-tree.tree-display-block .tree-inner .tree-node-loading{cursor:wait}.pl-tree.tree-display-block .tree-inner .tree-node-disabled{cursor:not-allowed}.pl-tree.tree-display-block .tree-inner .tree-node-block{display:block;min-width:initial;width:100%}.pl-tree.tree-scroll{height:100%}.pl-tree.tree-scroll .tree-inner{height:100%}.pl-tree:not(.tree-content-wrap) .tree-node-content{white-space:nowrap}.pl-tree .tree-no-data,.pl-tree .tree-no-match{text-align:center;padding:16px 0;color:var(--pl-text-3)}.pl-tree.tree-expander-cover .pl-tree-node:not(.tree-node-lead) .tree-node-expander{background-color:var(--pl-secondary-2)}.pl-tree.tree-expander-cover .tree-node-expander{border-radius:2px;-webkit-transform:scale(0.75);transform:scale(0.75)}.pl-tree:not(.tree-with-connector) .pl-tree-node .tree-node-connector:before,.pl-tree:not(.tree-with-connector) .pl-tree-node .tree-node-connector:after{display:none}.pl-tree:not(.tree-with-connector) .tree-node-loading{cursor:wait}.pl-tree:not(.tree-with-connector) .tree-node-disabled{cursor:not-allowed}.pl-tree:not(.tree-with-connector) .tree-node-block{display:block;min-width:initial;width:100%}.pl-tree.tree-size-large .pl-tree-node,.pl-tree.tree-size-normal .pl-tree-node{line-height:22px;font-size:var(--pl-font-size-normal)}.pl-tree.tree-size-large .pl-tree-node .tree-node-content,.pl-tree.tree-size-normal .pl-tree-node .tree-node-content{padding:5px 8px}.pl-tree.tree-size-large .tree-node-loading,.pl-tree.tree-size-normal .tree-node-loading{cursor:wait}.pl-tree.tree-size-large .tree-node-disabled,.pl-tree.tree-size-normal .tree-node-disabled{cursor:not-allowed}.pl-tree.tree-size-large .tree-node-block,.pl-tree.tree-size-normal .tree-node-block{display:block;min-width:initial;width:100%}.pl-tree.tree-size-small .pl-tree-node,.pl-tree.tree-size-mini .pl-tree-node{line-height:20px;font-size:var(--pl-font-size-small)}.pl-tree.tree-size-small .pl-tree-node .tree-node-content,.pl-tree.tree-size-mini .pl-tree-node .tree-node-content{padding:2px 4px}.pl-tree.tree-size-small .tree-node-loading,.pl-tree.tree-size-mini .tree-node-loading{cursor:wait}.pl-tree.tree-size-small .tree-node-disabled,.pl-tree.tree-size-mini .tree-node-disabled{cursor:not-allowed}.pl-tree.tree-size-small .tree-node-block,.pl-tree.tree-size-mini .tree-node-block{display:block;min-width:initial;width:100%}.pl-tree.tree-size-large .tree-node-content{border-radius:var(--pl-box-size-large-border-radius)}.pl-tree.tree-size-normal .tree-node-content{border-radius:var(--pl-box-size-normal-border-radius)}.pl-tree.tree-size-small .tree-node-content{border-radius:var(--pl-box-size-small-border-radius)}.pl-tree.tree-size-mini .tree-node-content{border-radius:var(--pl-box-size-mini-border-radius)}.pl-tree-draggier-indicator{position:fixed;pointer-events:none;z-index:10}.pl-tree-draggier-indicator[data-available=true]{background-color:var(--pl-primary-6)}.pl-tree-draggier-indicator[data-available=false]{background-color:var(--pl-error-6)}
55
55
  .pl-tree-node-with-menu{display:flex;align-items:center}.pl-tree-node-with-menu .tree-node-with-menu-content{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pl-tree-node-with-menu .tree-node-with-menu-button{height:1em;width:1em;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pl-tree-node-with-menu.tree-node-with-menu-draggable .tree-node-with-menu-button{cursor:row-resize;padding-right:6px}.pl-tree-node:not(:hover) .tree-node-with-menu-button{opacity:0;width:0;pointer-events:none}
56
56
  .pl-color-panel{display:inline-flex;flex-direction:column;align-items:stretch;justify-content:flex-start;border:solid 1px var(--pl-border-color);background-color:var(--pl-background-light)}.pl-color-panel .color-panel-card{padding:10px 10px 0}.pl-color-panel .color-panel-slider-bar{display:flex}.pl-color-panel .color-panel-slider-bar .color-panel-slider-container{flex:1;overflow:hidden}.pl-color-panel .color-panel-slider-bar .color-panel-slider-container .pl-color-slider{margin-top:4px}.pl-color-panel .color-panel-slider-bar .color-panel-slider-color{margin-top:4px;height:24px;width:24px;margin-left:4px;border-radius:var(--pl-box-size-small-border-radius);box-shadow:rgba(0,0,0,.15) 0 0 0 1px inset,rgba(0,0,0,.25) 0 0 4px inset}.pl-color-panel .color-panel-editor{margin-top:4px;font-size:12px;width:200px}.pl-color-panel .color-panel-editor>div{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:calc((200px - 60px) / 4);box-sizing:border-box}.pl-color-panel .color-panel-editor>div:first-child{width:60px}.pl-color-panel .color-panel-editor>div:not(:first-child){padding-left:6px}.pl-color-panel .color-panel-editor>div input{margin-bottom:4px;width:100%;font-size:12px;height:20px;padding:0;border-radius:0;box-shadow:var(--pl-secondary-4) 0 0 0 1px inset;border:none;outline:none;text-align:center;background-color:var(--pl-background-light);color:var(--pl-text-2);border-radius:var(--pl-box-size-small-border-radius)}.pl-color-panel .color-panel-history{display:flex;flex-wrap:wrap;width:200px;margin-top:5px;border-top:solid 1px var(--pl-border-color);padding:10px 10px 0}.pl-color-panel .color-panel-history .color-panel-history-item{height:16px;width:16px;margin-bottom:10px;box-shadow:rgba(0,0,0,.15) 0 0 0 1px inset,rgba(0,0,0,.25) 0 0 4px inset;cursor:pointer;border-radius:var(--pl-box-size-small-border-radius)}.pl-color-panel .color-panel-history .color-panel-history-item:not(:nth-child(8n)){margin-right:10px}.color-panel-loading{cursor:wait}.color-panel-disabled{cursor:not-allowed}.color-panel-block{display:block;min-width:initial;width:100%}
57
57
  .pl-color-sv-panel{position:relative;box-shadow:0 0 4px 0 rgba(0,0,0,.4);cursor:pointer;display:inline-block;border-radius:var(--pl-box-size-small-border-radius)}.pl-color-sv-panel:before,.pl-color-sv-panel:after,.pl-color-sv-panel span{pointer-events:none}.pl-color-sv-panel,.pl-color-sv-panel:before,.pl-color-sv-panel:after{border-radius:var(--pl-box-size-small-border-radius)}.pl-color-sv-panel:before,.pl-color-sv-panel:after{position:absolute;top:0;left:0;right:0;bottom:0;content:""}.pl-color-sv-panel:before{background:linear-gradient(to right, white, rgba(255, 255, 255, 0))}.pl-color-sv-panel:after{background:linear-gradient(to top, black, rgba(255, 255, 255, 0))}.pl-color-sv-panel .color-sv-thumb{display:inline-block;position:absolute;width:1px;height:1px;left:0;top:0;z-index:1}.pl-color-sv-panel .color-sv-thumb:after{display:inline-block;width:10px;height:10px;border-radius:10px;border:solid 2px #fff;position:absolute;top:-5px;left:-5px;content:"";box-sizing:border-box}.color-sv-panel-loading{cursor:wait}.color-sv-panel-disabled{cursor:not-allowed}.color-sv-panel-block{display:block;min-width:initial;width:100%}