amis-model-design
Version:
amis模型设计器
1 lines • 36.1 kB
CSS
.me-Diagram{width:220px;background-color:#fff;box-shadow:0 2px 8px 0 rgba(0,0,0,0.09);color:#151b26;font-size:12px;cursor:default;position:relative;border-color:#2468f2;border-style:solid;border-width:4px 0 0 0;border-radius:6px}.me-Diagram--mini{width:160px}.me-Diagram-header{line-height:22px;height:38px;padding:0 12px;background:#f7f7f9;font-weight:500;cursor:move;display:flex;flex-direction:row;justify-content:space-between;align-items:center;position:relative}.me-Diagram-header>svg{width:16px;height:16px;margin-right:8px}.me-Diagram-header>span{text-align:left;flex:1;text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;display:block;white-space:nowrap}.me-Diagram-header.no-sync{background:#fff4e6}.me-Diagram-header.manual-sync{background:#e6fffd}.me-Diagram-header.auto-sync{background:#eef3fe}.me-Diagram-header-more{display:inline-flex;cursor:pointer;padding:0 5px;color:inherit;align-items:center}.me-Diagram-header-more>svg{width:2.5px}.me-Diagram-header--modified{position:relative}.me-Diagram-header--modified::after{content:" ";border:4px solid red;border-radius:4px;position:absolute;z-index:1000}.me-Diagram--mini .me-Diagram-header.line-anchor-right:after{content:"";position:absolute;z-index:2;top:100%;right:0;transform:translate(50%,-50%);width:9px;height:9px;background:#fff;border:2px solid #b8babf;border-radius:50%}.me-Diagram--mini .me-Diagram-header.line-anchor-left:after{content:"";position:absolute;z-index:2;top:100%;left:0;transform:translate(-50%,-50%);width:9px;height:9px;background:#fff;border:2px solid #b8babf;border-radius:50%}.me-Diagram.is-dragging .me-Diagram-header{-webkit-user-select:none;-moz-user-select:none;user-select:none}.me-Diagram-body{padding:4px 0}.me-Diagram-item{height:32px;line-height:32px;padding:0 12px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;position:relative}.me-Diagram-item.is-active{color:#2468f2;background-color:#edf4ff}.me-Diagram-item:hover{color:#2468f2;background-color:#e6f0ff}.me-Diagram-item-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.me-Diagram-item-label .is-required::before{content:"*";color:#f23d3d}.me-Diagram-item-label .is-modified{position:relative;margin-right:3px;top:1px;background-color:bisque;display:inline-block;width:10px;height:10px;border-radius:10px}.me-Diagram-item-label .is-modified .inner-circle{position:absolute;border:3px solid red;border-radius:3px;left:2px;top:2px}.me-Diagram-item-type{background:#f7f7f9;border-radius:4px;padding:1px 4px;display:inline-block;line-height:20px;font-size:12px;color:#5c5f66 }.me-Diagram-item.is-editable:hover .me-Diagram-item-type{display:none}.me-Diagram-item.is-editable .me-Diagram-item-actions{display:none}.me-Diagram-item.is-editable:hover .me-Diagram-item-actions{display:inline-block}.me-Diagram-item.line-anchor-right:after{content:"";z-index:2;position:absolute;top:50%;right:0;transform:translate(50%,-50%);width:9px;height:9px;background:#fff;border:2px solid #b8babf;border-radius:50%}.me-Diagram-item.line-anchor-left:after{content:"";z-index:2;position:absolute;top:50%;left:0;transform:translate(-50%,-50%);width:9px;height:9px;background:#fff;border:2px solid #b8babf;border-radius:50%}.me-FieldList .me-Diagram-item{cursor:move}.me-FieldList .me-Diagram-item.is-dragging{height:2px;color:#2468f2;background:#2468f2;margin:0 4px;position:relative}.me-FieldList .me-Diagram-item.is-dragging>*{display:none }.me-FieldList .me-Diagram-item.is-dragging:before{position:absolute;display:block;content:"";width:9px;height:9px;background:#fff;border:2px solid #2468f2;left:0;top:50%;transform:translate(0,-50%);border-radius:50%}.me-Diagram-footer{border-top:1px solid #e8e9eb;margin:4px 12px 0 12px;padding:8px 0;display:flex;align-items:center}.me-Diagram-btn{font-size:12px;color:#2468f2;cursor:pointer;height:20px;line-height:20px;display:inline-flex;flex-direction:row;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.me-Diagram-btn:hover{font-size:12px}.me-Diagram-btn>svg{top:0;width:12px;height:12px;margin-right:4px}.me-Diagram-btn+.me-Diagram-btn{margin-left:12px}.me-Diagram-line{overflow:visible;pointer-events:none;z-index:1}.me-Diagram-line:hover,.me-Diagram-line.is-active{z-index:3}.me-Diagram-line path{transition:d 0.3s}.me-Diagram-line>g{color:#b8babf;position:relative;z-index:1;cursor:pointer;pointer-events:all}.me-Diagram-line>g .text{display:none}.me-Diagram-line>g:hover,.me-Diagram-line.is-active>g{color:#2468f2;z-index:2}.me-Diagram-line>g:hover .text,.me-Diagram-line.is-active>g .text{display:block}.me-Diagram-line.is-mini>g .text{display:block}.me-Diagram-itemflag{color:inherit;width:10px;margin-right:4px}.me-Diagram.no-sync{border-color:#ff9326 transparent transparent}.me-Diagram.no-sync.is-selected:before{content:"";position:absolute;z-index:1;pointer-events:none;bottom:0;right:0;left:0;top:-4px;border-radius:6px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#ff9326;box-shadow:0 2px 8px 0 rgba(0,0,0,0.09)}.me-Diagram.manual-sync{border-color:#00bfbf transparent transparent}.me-Diagram.manual-sync.is-selected:before{content:"";position:absolute;z-index:1;pointer-events:none;bottom:0;right:0;left:0;top:-4px;border-radius:6px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#00bfbf;box-shadow:0 2px 8px 0 rgba(0,0,0,0.09)}.me-Diagram.auto-sync{border-color:#2468f2 transparent transparent}.me-Diagram.auto-sync.is-selected:before{content:"";position:absolute;z-index:1;pointer-events:none;bottom:0;right:0;left:0;top:-4px;border-radius:6px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#2468f2;box-shadow:0 2px 8px 0 rgba(0,0,0,0.09)}.me-Diagrams{position:relative;width:100%;height:100%;background-color:#f7f7f9;background-image:linear-gradient(to right,#eee 1px,transparent 1px),linear-gradient(to bottom,#eee 1px,transparent 1px);background-repeat:repeat;background-size:20px 20px;background-position-y:-1px;background-position-x:-1px;overflow:hidden;cursor:move;cursor:-webkit-grab}.me-Diagrams-layer{width:50px;height:50px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform 0.3s}.me-Diagrams-layer .me-Diagram{position:absolute;z-index:2}.me-Diagrams.is-dragging{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:-webkit-grabbing}.me-Diagrams.is-dragging .me-Diagrams-layer{transition:none}.me-Diagrams.is-dragging .me-Diagram-line path{transition:none}.me-Diagrams-toolbarWrap{position:absolute;top:24px;right:24px}.me-Diagrams-placeholder{position:absolute;display:block;text-align:center;left:50%;top:50%;transform:translate(-50%,-50%);font-size:12px;color:#84868c;-webkit-user-select:none;-moz-user-select:none;user-select:none}.me-Diagrams-placeholder>svg{width:60px}.me-Diagrams-placeholder a{cursor:pointer;font-size:12px}.me-DiagramField-btn{display:inline-block;cursor:pointer;color:#151b26}.me-DiagramField-btn:hover{color:#2468f2}.me-DiagramField-btn.is-disabled{pointer-events:none;opacity:0.6}.me-DiagramField-btn+.me-DiagramField-btn{margin-left:10px}.me-FieldGroup{border:none }.me-FieldGroup .me-FieldGroup-header{padding:0 12px;line-height:32px;display:flex;background:none;flex-direction:row-reverse;justify-content:space-between;align-items:center;font-size:12px}.me-FieldGroup .me-FieldGroup-header:hover{background-color:transparent}.me-FieldGroup .me-FieldGroup-header>span{margin-right:0}.me-FieldGroup .me-FieldGroup-header>span:before{transform:rotate(135deg);transform-origin:75% -25%}.me-FieldGroup.is-active .me-FieldGroup-header>span:before{transform-origin:-75% 0%;transform:rotate(-45deg)}.me-FieldGroup-body>div{padding:0}.me-FieldGroup-body>div .me-Diagram-item{padding-left:24px;color:#5c5f66}.me-FieldGroup-body>div .me-Diagram-item.is-active{color:#2468f2}.me-FieldGroup-body>div .me-Diagram-item:hover{color:#2468f2;background-color:#e6f0ff}.me-FieldGroup-body>div .me-Diagram-item:before{content:"";display:block;width:3px;height:3px;background:#b8babf;position:absolute;left:15px;top:14.5px;border-radius:50%}.me-FieldGroup-body>div .me-Diagram-item:after{content:"";display:block;width:1px;height:100%;background:#b8babf;position:absolute;left:16px;top:0}.me-FieldGroup-body>div .me-Diagram-item:first-child:after{top:50%;height:50%}.me-FieldGroup-body>div .me-Diagram-item:last-child:after{top:0;height:50%}.me-Toolbar{cursor:default;background:#fff;box-shadow:0px 2px 6px 0px rgba(211,211,211,0.5);border-radius:4px;display:inline-flex;flex-direction:row;align-items:center;flex-wrap:nowrap;padding:9px 8px}.me-Toolbar-btn{display:inline-flex;padding:0 8px;color:#333333;cursor:pointer}.me-Toolbar-btn.is-disabled{pointer-events:none;opacity:0.6}.me-Toolbar-btn>svg{width:16px;height:16px}.me-Toolbar-btn:hover{color:#2468f2}.me-Toolbar-zoom{display:inline-flex;flex-direction:row;flex-wrap:nowrap;border:1px solid #e8e9eb;border-radius:2px;margin-right:8px}.me-Toolbar-zoom>span{min-width:67px;flex:1;text-align:center;font-size:12px;display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.me-Toolbar-zoom>a{display:inline-flex;cursor:pointer;width:24px;height:24px;align-items:center;justify-content:center;color:#333333;border:1px solid #e8e9eb;border-radius:2px;margin:-1px}.me-Toolbar-zoom>a:hover{color:#2468f2}.me-Toolbar-zoom>a>svg{width:12px;height:12px}.me-Toolbar-sep{height:16px;width:1px;background:#e8e9eb;margin:0 8px}.me-Thumbnail{cursor:default;margin-top:12px;height:150px;background:#e6f0ff;box-shadow:0px 2px 6px 0px rgba(211,211,211,0.5);border-radius:4px;border:1px solid #a8caff;overflow:hidden;position:relative}.me-Thumbnail-layer{width:50px;height:50px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform 0.3s}.me-Thumbnail-item{position:absolute;background:#a8caff;border-radius:2px}.me-Thumbnail-frame{position:absolute;width:100%;height:100%;left:-1px;top:-1px;box-sizing:content-box;border-style:solid;border-width:0;border-color:rgba(36,104,242,0.15);background:transparent}.me-FieldListTogglor>a{font-size:12px;cursor:pointer;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding-left:12px}.me-FieldListTogglor>a>svg{top:0;transform:rotate(90deg);width:10px;height:10px;margin-left:5px}.me-FieldListTogglor.is-expanded>a>svg{transform:rotate(-90deg)}.me-PanelWrapper{width:0;transition:width 0.3s;position:relative;z-index:2;height:100%}.me-PanelWrapper-inner{position:relative;width:260px;height:100%;transform:translateX(-100%);transition:transform 0.3s;background-color:#fff;background:#ffffff}.me-PanelWrapper-spinnedTogglor{position:absolute;right:12px;top:12px;z-index:2}.me-PanelWrapper.is-active{width:260px}.me-PanelWrapper.is-active .me-PanelWrapper-inner{transform:translateX(0);box-shadow:0 0 5px 0 rgba(143,143,143,0.5)}.me-PanelWrapper.is-active .me-PanelWrapper-btn{display:block}.me-PanelWrapper.is-collapsed{width:0}.me-PanelWrapper.is-collapsed .me-PanelWrapper-inner{transform:translateX(-100%)}.me-PanelWrapper.is-collapsed .me-PanelWrapper-btn:after{transform:translate(1px,-50%) rotate(0deg)}.me-PanelWrapper.is-spinned.is-active{width:0}.me-PanelWrapper.is-spinned.is-active .me-PanelWrapper-btn{transform:translate(260px,-50%);transition:transform 0.3s}.me-PanelWrapper.is-spinned.is-active .me-PanelWrapper-inner{transform:translateX(0)}.me-PanelWrapper.is-spinned.is-active.is-collapsed .me-PanelWrapper-inner{transform:translateX(-100%)}.me-PanelWrapper.is-spinned.is-active.is-collapsed .me-PanelWrapper-btn{transform:translate(0,-50%)}.me-PanelWrapper-btn{display:none;position:absolute;z-index:2;right:-11px;top:50%;transform:translateY(-50%);background:#ffffff;box-shadow:5px 0 5px 0 rgba(0,0,0,0.06),2px 0 4px -1px rgba(0,0,0,0.04);border-radius:0 6px 6px 0;width:10px;height:40px;cursor:pointer}.me-PanelWrapper-btn:hover{background:#ffffff}.me-PanelWrapper-btn:after{content:"";position:absolute;width:6px;height:8px;top:50%;background-image:url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='UTF-8'?%3e%3csvg viewBox='0 0 6 8' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cdefs%3e%3clinearGradient id='grad1' x1='100%25' y1='0%25' x2='0%25' y2='0%25'%3e%3cstop stop-color='%23B4B6BA' offset='50%25'%3e%3c/stop%3e%3cstop stop-color='%235E626A' offset='100%25'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3cg transform='translate(-305.000000, -566.000000)' fill='url(%23grad1)' fill-rule='nonzero'%3e%3cg transform='translate(60.000000, 60.000000)'%3e%3cpath d='M245.77735,506.518233 L250.375962,509.583975 C250.605727,509.737151 250.667814,510.047586 250.514637,510.27735 C250.47802,510.332276 250.430888,510.379408 250.375962,510.416025 L245.77735,513.481767 C245.547586,513.634943 245.237151,513.572856 245.083975,513.343092 C245.029219,513.260958 245,513.164454 245,513.065741 L245,506.934259 C245,506.658116 245.223858,506.434259 245.5,506.434259 C245.598712,506.434259 245.695216,506.463478 245.77735,506.518233 Z' transform='translate(248.000000, 510.000000) scale(1, 1) translate(-248.000000, -510.000000) '%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e ");background-repeat:no-repeat;transform:translate(1px,-50%) rotate(180deg);transition:all 0.15s}.me-Editor-rightAside .me-PanelWrapper-inner,.me-SchemaBuilderEditor-rightAside .me-PanelWrapper-inner{width:280px;transform:translateX(0)}.me-Editor-rightAside .me-PanelWrapper-btn,.me-SchemaBuilderEditor-rightAside .me-PanelWrapper-btn{left:-11px;box-shadow:-5px 0 5px 0 rgba(0,0,0,0.06),-2px 0 4px -1px rgba(0,0,0,0.04);border-radius:6px 0 0 6px}.me-Editor-rightAside .me-PanelWrapper-btn:after,.me-SchemaBuilderEditor-rightAside .me-PanelWrapper-btn:after{transform:translate(3px,-50%)}.me-Editor-rightAside.is-active,.me-SchemaBuilderEditor-rightAside.is-active{width:280px}.me-Editor-rightAside.is-collapsed,.me-SchemaBuilderEditor-rightAside.is-collapsed{width:0}.me-Editor-rightAside.is-collapsed .me-PanelWrapper-inner,.me-SchemaBuilderEditor-rightAside.is-collapsed .me-PanelWrapper-inner{transform:translateX(0)}.me-Editor-rightAside.is-collapsed .me-PanelWrapper-btn:after,.me-SchemaBuilderEditor-rightAside.is-collapsed .me-PanelWrapper-btn:after{transform:translate(3px,-50%) rotate(180deg)}.me-Editor-rightAside.is-spinned.is-active,.me-SchemaBuilderEditor-rightAside.is-spinned.is-active{width:0}.me-Editor-rightAside.is-spinned.is-active .me-PanelWrapper-inner,.me-SchemaBuilderEditor-rightAside.is-spinned.is-active .me-PanelWrapper-inner{transform:translateX(-280px)}.me-Editor-rightAside.is-spinned.is-active .me-PanelWrapper-btn,.me-SchemaBuilderEditor-rightAside.is-spinned.is-active .me-PanelWrapper-btn{transform:translateX(-280px)}.me-Editor-rightAside.is-spinned.is-active.is-collapsed .me-PanelWrapper-inner,.me-SchemaBuilderEditor-rightAside.is-spinned.is-active.is-collapsed .me-PanelWrapper-inner{transform:translateX(0)}.me-PanelFrame{width:100%;position:relative;height:100%;overflow:hidden;background:#fff;transition:all 0.15s}.me-PanelFrame-content{width:100%;height:100%;position:absolute;z-index:1;left:0;top:0;transition-duration:0.2s;transition-timing-function:ease-out;transition-property:transform,opacity;transform:translate3d(100%,0,0)}.me-PanelFrame-content.slideRight{transform:translateX(100%)}.me-PanelFrame-content.slideRight.in{transform:translateX(0)}.me-PanelFrame-content.slideRight.out{transform:translateX(100%)}.me-PanelFrame-content.slide{transform:translateX(-100%)}.me-PanelFrame-content.slide.in{transform:translateX(0)}.me-PanelFrame-content.slide.out{transform:translateX(-100%)}.me-Panel{display:flex;height:100%;width:100%;flex-direction:column}.me-Panel-header{height:42px;padding:0 12px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-size:14px;font-weight:500;color:#151b26;position:relative;flex-shrink:0}.me-Panel-header:after{content:"";background-color:#e8e9eb;height:1px;width:100%;position:absolute;left:0;bottom:-1px}.me-Panel-body{flex-grow:1;overflow:auto;padding:12px;scrollbar-width:thin;scrollbar-color:#d4d6d9 transparent}.me-Panel-body::-webkit-scrollbar{background-color:transparent;width:6px;overflow:visible;height:10px }.me-Panel-body ::-webkit-scrollbar-track{background-color:transparent}.me-Panel-body::-webkit-scrollbar-thumb{width:6px;background-color:#d4d6d9;border-radius:6px;border:4px solid transparent}.me-Panel-body::-webkit-scrollbar-thumb:hover{background-color:rgba(92,95,102,0.5)}.me-Panel-body::-webkit-scrollbar-button{display:none}.me-Panel-body.p-0{padding:0}.me-Panel-actions{display:flex}.me-IconBtn{display:inline-flex;flex-direction:row;align-items:center;color:#84868c;cursor:pointer}.me-IconBtn+.me-IconBtn{margin-left:12px}.me-IconBtn:hover{color:#2468f2}.me-IconBtn>svg{width:16px;height:16px;fill:currentColor}.me-AddFieldsFormTable>div:first-child{border:var(--Table-borderWidth) solid var(--Table-borderColor);border-bottom:none;margin-bottom:10px}.me-AddFieldsFormTable>div:first-child>table{border-bottom:none}.me-AddFieldsFormTable tbody{vertical-align:top}.me-Switch--cell{padding-top:7px}.me-Select--cell{width:100%;max-width:200px}.me-Editor{display:flex;flex-direction:row;height:100%}.me-Editor-main{flex-grow:1;position:relative}.me-AddModel-modal .switch-sub-config{position:relative;background-color:#f7f7f9;border-radius:2px;padding:10px 5px;margin:10px 0px}.me-AddModel-modal .switch-sub-config::after{display:block;content:"";height:12px;width:12px;position:absolute;top:-6px;left:12px;transform:rotate(45deg);background-color:#f7f7f9}.me-AddModel-modal .switch-sub-config.right::after{right:12px;left:auto}.me-Editor{--select-base-default-option-fontSize:12px}.me-Richtext-view img,.me-Richtext-view video{max-width:100%}.me-AddFieldsForm-key,.me-AddFieldsForm-name{min-width:150px}.me-SettingFormItem>label{padding-right:4px;width:76px }.me-SettingFormItem>label>span>span{display:inline }.me-SettingFormItem[data-role=form-item]{margin-bottom:12px}.me-SettingFormItem[data-role=form-item]:last-child{margin-bottom:0}.me-SettingFormItem[data-role=form-item].ae-ExtendMore>label{flex:0;padding:0}.me-SettingFormItem[data-role=form-item]>label{margin:0;line-height:1.2;padding-top:7px}.me-SettingFormItemSwitch[data-role=form-item]>label{padding-top:0;line-height:1.2 }.me-SettingFormItem-label-tip{display:inline-block}.me-SettingFormItem .me-SettingSwitchLable{flex:1 ;height:auto;line-height:1}.me-SettingFormItem .text-align-center{text-align:center }.me-SettingFormItem .me-SettingSwitch{display:inline-block;padding-top:0}.me-SettingCollapse{margin:-12px -12px 11px -12px}.me-SettingCollapse:last-child{margin-bottom:-12px}.me-SettingCollapse *:not(svg){font-size:12px }.me-SettingCollapse-header{height:32px;line-height:20px;font-size:12px;color:#070c14;display:flex ;justify-content:space-between ;align-items:center ;border-top:1px solid #e8e9eb;border-bottom:1px solid #e8e9eb;background-color:#f2f2f4 }.me-SettingCollapse-header>svg{transition:transform 0.2s;margin-right:0}.me-SettingCollapse.is-active>.me-SettingCollapse-header>svg{transform:rotate(180deg) }.me-SettingCollapse-body{padding:12px}.me-SettingCollapse-body .SerialNumberRule-tpl{margin-bottom:5px}.me-SettingCollapse .switch-sub-config{position:relative;background-color:#f7f7f9;border-radius:2px;padding:10px 5px;margin:10px 0px}.me-SettingCollapse .switch-sub-config::after{display:block;content:"";height:12px;width:12px;position:absolute;top:-6px;left:12px;transform:rotate(45deg);background-color:#f7f7f9}.me-SettingCollapse .switch-sub-config.right::after{right:12px;left:auto}.me-SettingCollapse .SerialNumberCombo>div>div:last-child{padding-left:0}.me-SettingSubContainer{position:relative;background-color:#f7f7f9;border-radius:2px;padding:10px 5px;margin:10px 0px;padding:10px 12px}.me-SettingSubContainer::after{display:block;content:"";height:12px;width:12px;position:absolute;top:-6px;left:12px;transform:rotate(45deg);background-color:#f7f7f9}.me-SettingSubContainer.right::after{right:12px;left:auto}.me-SettingSubContainer .me-SettingFormItem[data-role=form-item]:last-child{margin-bottom:0}.me-DatasourceList{font-size:12px;position:relative;width:100%;height:100%}.me-DatasourceList>ul{padding:0;margin:-8px -12px 0 -12px;list-style:none}.me-DatasourceList>ul>li{line-height:32px;padding:8px 12px;line-height:22px;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;cursor:pointer}.me-DatasourceList>ul>li>span{overflow:hidden;text-overflow:ellipsis;margin-right:auto}.me-DatasourceList>ul>li:hover{color:#2468f2}.me-DatasourceList>ul>li.is-active{background:#e6f0ff;color:#2468f2}.me-DatasourceList-placeholder{position:absolute;display:block;text-align:center;left:50%;top:50%;transform:translate(-50%,-50%);font-size:12px;color:#84868c;-webkit-user-select:none;-moz-user-select:none;user-select:none}.me-DatasourceList-placeholder>svg{width:60px}.me-DatasourceList-placeholder a{cursor:pointer}.me-SchemaBuilderEditor{display:flex;flex-direction:row;height:100%}.me-SchemaBuilderEditor-viewSwitch ul,.me-SchemaBuilderEditor-viewSwitch li{list-style:none;margin:0;padding:0}.me-SchemaBuilderEditor-viewSwitch ul{margin:4px -12px 0;padding:0 24px;display:block;border-bottom:var(--Tabs-borderWidth) solid var(--Tabs-borderColor)}.me-SchemaBuilderEditor-viewSwitch li{margin-bottom:calc(var(--Tabs-borderWidth) * -1);display:inline-block;position:relative;max-width:var(--Nav-Item-maxWidth--tabs);vertical-align:bottom}.me-SchemaBuilderEditor-viewSwitch li>a{font-size:var(--Tabs-linkFontSize);display:block;outline:none;border:var(--Tabs-borderWidth) solid transparent;border-top-left-radius:var(--Tabs-borderRadius);border-top-right-radius:var(--Tabs-borderRadius);color:var(--Tabs-color);text-decoration:none;margin-right:0.125rem;padding:var(--gap-sm) var(--gap-md);cursor:pointer;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.me-SchemaBuilderEditor-viewSwitch li.disabled>a,.me-SchemaBuilderEditor-viewSwitch li.is-disabled>a{color:var(--Tabs-onDisabled-color);background:transparent;border-color:transparent;pointer-events:none}.me-SchemaBuilderEditor-viewSwitch li.active>a,.me-SchemaBuilderEditor-viewSwitch li.is-active>a{color:var(--Tabs-onActive-color);background:var(--Tabs-onActive-bg);border-color:var(--Tabs-onActive-borderColor);border-bottom-color:var(--Tabs-content-bg)}.me-SchemaBuilderEditor-main{flex-grow:1;display:flex;flex-direction:column;min-width:0}.me-SchemaBuilderEditor-editor{flex:1}.me-DNDSource-item{margin:calc(var(--ListControl-gutterWidth) / 2) 0;border:var(--ListControl-item-borderWidth) solid var(--ListControl-item-borderColor);background-color:var(--ListControl-item-bg);padding:var(--ListControl-item-paddingY) var(--ListControl-item-paddingX);color:var(--ListControl-item-color);cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none}.me-DNDSource-item:hover{background-color:var(--ListControl-item-onHover-bg);border-color:var(--ListControl-item-onHover-borderColor);color:var(--ListControl-item-onHover-color)}.me-DNDSource-itemIcon{color:#666;margin-right:10px}.me-DNDSource-placeholder{color:var(--text--muted-color);padding-top:0.4375rem}.me-OptionControl-header{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;width:100%;height:24px;margin-bottom:12px}.me-OptionControl-content{display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:center;margin:0;padding:0}.me-OptionControl-content .me-OptionControlItem{display:block;width:100%}.me-OptionControl-content .me-OptionControlItem-Main{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;width:100%;background:#fff;padding-bottom:12px}.me-OptionControl-content .me-OptionControlItem--dragging{height:0 ;padding:0;border-top:2px solid var(--primary);overflow:hidden;background:#e9effd}.me-OptionControl-content .me-OptionControlItem-dragBar{display:inline-flex;margin-left:0;margin-right:var(--gap-sm);cursor:move;color:#8c8c8c}.me-OptionControl-content .me-OptionControlItem-checkbox{display:inline-flex;align-items:center;line-height:24px}.me-OptionControl-content .me-OptionControlItem-checkbox span{color:#080e1a;margin-left:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:145px}.me-OptionControl-content .me-OptionControlItem-input{flex:1;margin:0;margin-right:12px}.me-OptionControl-content .me-OptionControlItem-input input{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.me-OptionControl-content .me-OptionControlItem-dropdown i{margin-right:0px}.me-OptionControl-content .me-OptionControlItem-EditLabel{width:36px;padding-right:0}.me-OptionControl-content .me-OptionControlItem-EditValue{padding-left:0}.me-OptionControl-content .me-OptionControlItem-closeBtn{position:absolute;top:0;right:0;font-size:18px;color:#151b26;padding-right:10px}.me-OptionControl-content .me-OptionControlItem-closeBtn:hover{color:#205dd9}.me-OptionControl-content .me-OptionControlItem .me-ExtendMore{padding-right:30px}.me-OptionControl-placeholder{display:none;color:#999;line-height:24px;text-align:center;vertical-align:middle;width:100%;padding:10px}.me-OptionControl-footer>*{width:calc(50% - 6px)}.me-OptionControl-footer>*:first-child{margin-right:12px}.me-OptionControl-PopoverEdit{display:flex;flex-flow:column nowrap;justify-content:space-between;align-items:flex-start;padding:15px 20px;border:none;width:300px}.me-OptionControl-PopoverEdit header{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;width:100%;height:24px;margin-bottom:10px}.me-OptionControl-PopoverEdit header .me-OptionControl-PopoverEdit-title{opacity:0.95;font-size:var(--fontSizeMd);color:#080e1a;line-height:24px;font-weight:bold}.me-OptionControl-PopoverEdit header .me-OptionControl-PopoverEdit-close{float:right;color:var(--text--muted-color);line-height:inherit;text-decoration:none;vertical-align:middle}.me-OptionControl-PopoverEdit header .me-OptionControl-PopoverEdit-close svg{width:12px;height:12px;fill:var(--text--muted-color)}.me-OptionControl-PopoverEdit header .me-OptionControl-PopoverEdit-close:not(.is-disabled){cursor:pointer}.me-OptionControl-PopoverEdit header .me-OptionControl-PopoverEdit-close:not(.is-disabled):hover{text-decoration:none;color:var(--text-color)}.me-OptionControl-PopoverEdit header .me-OptionControl-PopoverEdit-close:not(.is-disabled):hover svg{fill:var(--text-color)}.me-ExtendMore{position:relative;background-color:#f7f7f9;border-radius:2px;padding:10px 5px;margin:10px 0px}.me-ExtendMore::after{display:block;content:"";height:12px;width:12px;position:absolute;top:-6px;left:12px;transform:rotate(45deg);background-color:#f7f7f9}.me-ExtendMore.right::after{right:12px;left:auto}svg.icon-api-picker-icon{width:16px;height:16px;cursor:pointer;transition:transform var(--animation-duration) ease-out;color:var(--Form-select-caret-iconColor)}svg.icon-api-picker-icon:hover{color:var(--primary)}.me-EntityPicker-result{display:inline-block;padding:0 6px;border-radius:2px;background:var(--primary);color:#fff;white-space:nowrap;font-size:12px}.me-EntityPicker-orderIcon{cursor:pointer;width:2rem;height:2rem;text-align:center;display:flex;justify-content:center;align-items:center;cursor:pointer;background:#fff;border:1px solid rgb(232,233,235);border-radius:0.25rem;font-size:14px}.me-EntityPicker-orderIcon:hover{color:var(--primary);border-color:var(--primary)}.me-EntityPicker-comboAdd{margin-top:0.25rem}.me-EntityPicker-comboAdd>svg{margin-right:0.25rem}.me-InputCondition-result{display:inline-block;padding:0 6px;border-radius:2px;background:var(--primary);color:#fff;white-space:nowrap;font-size:12px}.me-DataSourceList{display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:stretch;height:21.875rem;border:1px solid rgb(232,233,235);border-radius:0.25rem}.me-DataSourceList-searchBox{width:auto;padding:0.75rem}.me-DataSourceList-searchBox>div{width:100% }.me-DataSourceList-body{flex:1;overflow-x:hidden;overflow-y:auto}.me-DataSourceList-body::-webkit-scrollbar{width:6px;height:6px}.me-DataSourceList-body::-webkit-scrollbar-thumb{border-radius:3px;background:rgba(0,0,0,0.3)}.me-DataSourceList-collapse{border:none;background:#f7f7f9}.me-DataSourceList-collapse-title{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:unset;padding:0.3125rem 0.75rem;background:transparent;font-size:var(--fontSizeSm);font-weight:bold;position:relative}.me-DataSourceList-collapse-title .me-DataSourceList-expandIcon{font-size:var(--fontSizeSm);line-height:var(--fontSizeXl);transform-origin:0.4375rem 0.5625rem;transition:transform 0.2s;position:absolute;right:0.375rem}.me-DataSourceList-collapse-body{background:#fff;color:#303540}.me-DataSourceList-collapse-body>div{padding:5px 0}.me-DataSourceList-item{cursor:pointer;padding:var(--gap-sm) var(--gap-xl);height:2rem;color:#303540;font-weight:400}.me-DataSourceList-item>label>i{top:-1px}.me-DataSourceList-item>label>span{height:1.25rem}.me-DataSourceList-item:hover{background:var(--Tree-item-onHover-bg)}.me-DataSourceList-item.is-active{color:var(--primary);background:var(--Tree-item-onHover-bg)}.me-DataSourceList-empty{color:#b4b6ba;padding-top:0.625rem;text-align:center;vertical-align:middle}.ae-titleFieldControl{position:relative;width:100%;display:flex;height:var(--input-size-default-height)}.ae-titleFieldControl-box{position:relative;display:flex;flex:1;overflow:hidden;border:1px solid var(--Form-input-borderColor);border-radius:var(--input-default-default-top-left-border-radius) 0 0 var(--input-default-default-bottom-left-border-radius);background:var(--Form-input-bg);font-size:var(--Form-input-fontSize);padding:0 8px}.ae-titleFieldControl-box .input-clear-icon{position:absolute;top:0;bottom:0;right:8px;margin:auto;height:14px;fill:var(--Form-input-clearBtn-color);cursor:pointer}.ae-titleFieldControl-box .input-clear-icon:hover{fill:var(--Form-input-clearBtn-color-onHover)}.ae-titleFieldControl-editor{flex:1 1;width:0px;border-radius:var(--Form-input-borderRadius)}.ae-titleFieldControl-editor>.CodeMirror{height:100%;color:var(--Form-input-color);font-family:inherit}.ae-titleFieldControl-editor>.CodeMirror span[class^=cm-]{color:var(--input-default-default-color)}.ae-titleFieldControl-editor>.CodeMirror .CodeMirror-measure+div{z-index:inherit }.ae-titleFieldControl-editor>.CodeMirror pre.CodeMirror-line,.ae-titleFieldControl-editor>.CodeMirror .CodeMirror pre.CodeMirror-line-like{z-index:initial}.ae-titleFieldControl-editor>.CodeMirror .CodeMirror-sizer{min-height:30px }.ae-titleFieldControl-editor>.CodeMirror .CodeMirror-hscrollbar{display:none }.ae-titleFieldControl-editor>.CodeMirror .CodeMirror-scrollbar-filler{display:none }.ae-titleFieldControl-editor>.CodeMirror .CodeMirror-vscrollbar{display:none }.ae-titleFieldControl-editor>.CodeMirror .CodeMirror-scroll{overflow:hidden }.ae-titleFieldControl-editor>.CodeMirror .CodeMirror-lines{line-height:20px;padding:5px 0}.ae-titleFieldControl-editor>.CodeMirror .CodeMirror-widget .cm-expression{cursor:default}.ae-titleFieldControl-editor>.CodeMirror .CodeMirror-widget .cm-expression-text{cursor:default}.ae-titleFieldControl-editor>.CodeMirror .CodeMirror-widget .cm-expression-text:hover{background-color:unset}.ae-titleFieldControl-placeholder{position:absolute;line-height:30px;top:0;left:14px;font-size:12px;color:var(--text--muted-color);pointer-events:none}.ae-titleFieldControl-buttonWrapper{height:auto}.ae-titleFieldControl-button,.ae-titleFieldControl-buttonWrapper-button{width:32px;height:100%;background-color:#f7f7f9;padding:4px 8px;border-radius:0 var(--input-default-default-top-left-border-radius) var(--input-default-default-bottom-left-border-radius) 0;border-left:0}.ae-titleFieldControl-button:not(:disabled):not(.is-disabled):hover,.ae-titleFieldControl-button:not(:disabled):not(.is-disabled):hover:active,.ae-titleFieldControl-buttonWrapper-button:not(:disabled):not(.is-disabled):hover,.ae-titleFieldControl-buttonWrapper-button:not(:disabled):not(.is-disabled):hover:active{border-color:#e6f0ff;background-color:#e6f0ff;border-left-width:0}.ae-titleFieldControl-popover{min-width:7.5rem;border:none;box-shadow:none}.ae-titleFieldControl-popover>.ae-titleFieldControl-menu-root{position:relative}.ae-titleFieldControl-menu{background:var(--DropDown-menu-bg);list-style:none;padding:var(--DropDown-menu-paddingY) var(--DropDown-menu-paddingX);text-align:left;-webkit-user-select:none;-moz-user-select:none;user-select:none;right:0}.ae-titleFieldControl-menu-root{position:absolute;z-index:1000;top:100%;left:auto;margin:0.25rem 0 0;border:var(--Form-select-outer-borderWidth) solid var(--Form-select-outer-borderColor);border-radius:var(--DropDown-menu-borderRadius);box-shadow:var(--DropDown-menu-boxShadow);min-width:var(--DropDown-menu-minWidth);overflow-y:auto;overflow-x:hidden;max-height:18.75rem}.ae-titleFieldControl-search-wrapper{outline:0;border:0;margin:0 var(--Form-select-paddingX);height:var(--Form-select-search-height);font-size:var(--Form-select-input-fontSize);border-bottom:1px solid var(--borderColor);display:flex;align-items:center}.ae-titleFieldControl-search-wrapper>input{width:100%;outline:none;border:none;flex-grow:1;background:transparent;position:relative;top:0.125em}.ae-titleFieldControl-search-wrapper>.search-icon{color:#999;font-size:16px}.ae-titleFieldControl-search-wrapper>svg{fill:#999;margin-left:var(--gap-xs)}.ae-titleFieldControl-item-wrapper{display:flex;line-height:var(--select-base-default-option-line-height);height:var(--select-base-default-option-line-height);cursor:pointer;padding:var(--select-base-default-option-paddingTop) var(--select-base-default-option-paddingRight) var(--select-base-default-option-paddingBottom) var(--select-base-default-option-paddingLeft);color:var(--select-base-default-option-color);font-size:var(--select-base-default-option-fontSize);font-weight:var(--select-base-default-option-fontWeight);background:var(--select-base-default-option-bg-color)}.ae-titleFieldControl-item-wrapper:hover{color:var(--Form-select-menu-onHover-color);background:var(--Form-select-menu-onHover-bg)}.ae-titleFieldControl-item{flex:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%}.ae-titleFieldControl.clearable .ae-titleFieldControl-box{padding-right:28px}.ae-titleFieldControl.is-disabled .ae-titleFieldControl-box{cursor:not-allowed;border-width:var(--select-base-disabled-top-border-width) var(--select-base-disabled-right-border-width) var(--select-base-disabled-bottom-border-width) var(--select-base-disabled-left-border-width);border-style:var(--select-base-disabled-top-border-style) var(--select-base-disabled-right-border-style) var(--select-base-disabled-bottom-border-style) var(--select-base-disabled-left-border-style);border-color:var(--select-base-disabled-top-border-color) var(--select-base-disabled-right-border-color) var(--select-base-disabled-bottom-border-color) var(--select-base-disabled-left-border-color);background:var(--select-base-disabled-bg-color)}.ae-titleFieldControl.is-disabled .ae-titleFieldControl-buttonWrapper .is-disabled{border-color:var(--button-default-default-top-border-color) var(--button-default-default-right-border-color) var(--button-default-default-bottom-border-color) var(--button-default-default-left-border-color);border-width:var(--button-default-default-top-border-width) var(--button-default-default-right-border-width) var(--button-default-default-bottom-border-width) var(--button-default-default-left-border-width);border-style:var(--button-default-default-top-border-style) var(--button-default-default-right-border-style) var(--button-default-default-bottom-border-style) var(--button-default-default-left-border-style)}.ae-titleFieldControl-spinner{cursor:not-allowed;position:absolute ;right:38px}