{"version":3,"file":"ResizableDialog.css","sources":["webpack:///./DragAndResizable/index.vue","webpack:///./ResizableDialog/index.vue"],"sourcesContent":["@import 'web-lib-styles/src/variables/index.scss';\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.drag-and-resizable {\n  position: absolute;\n  box-sizing: border-box;\n  touch-action: none;\n}\n.handle {\n  position: absolute;\n  width: 10px;\n  height: 10px;\n  background: #eee;\n  border: 1px solid #333;\n  box-sizing: border-box;\n}\n.handle-tl {\n  top: -10px;\n  left: -10px;\n  cursor: nwse-resize;\n}\n.handle-tm {\n  top: -10px;\n  left: 50%;\n  margin-left: -5px;\n  cursor: ns-resize;\n}\n.handle-tr {\n  top: -10px;\n  right: -10px;\n  cursor: nesw-resize;\n}\n.handle-ml {\n  top: 50%;\n  left: -10px;\n  margin-top: -5px;\n  cursor: ew-resize;\n}\n.handle-mr {\n  top: 50%;\n  right: -10px;\n  margin-top: -5px;\n  cursor: ew-resize;\n}\n.handle-bl {\n  bottom: -10px;\n  left: -10px;\n  cursor: nesw-resize;\n}\n.handle-bm {\n  bottom: -10px;\n  left: 50%;\n  margin-left: -5px;\n  cursor: ns-resize;\n}\n.handle-br {\n  right: -10px;\n  bottom: -10px;\n  cursor: nwse-resize;\n}\n@media only screen and (max-width: 768px) {\n  [class*='handle-']:before {\n    position: absolute;\n    top: -10px;\n    right: -10px;\n    bottom: -10px;\n    left: -10px;\n    content: '';\n  }\n}\n","@import 'web-lib-styles/src/variables/index.scss';\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n$dialog_margin: 4px;\n\n.dialog {\n  position: absolute;\n  z-index: 999;\n  display: flex;\n  margin: $dialog_margin;\n  overflow: auto;\n  background-color: rgba(12, 57, 89, 0.96);\n  border: solid 1px #1a85bd;\n  border-radius: 4px;\n  box-shadow: 0 4px 9px 0 rgba(10, 36, 51, 0.35),\n    inset 0 0 12px 6px rgba(44, 198, 255, 0.16);\n  transition: all 0.1s;\n  flex-direction: column;\n  &.left-top {\n    top: 0;\n    left: 0;\n  }\n  &.left-bottom {\n    bottom: 0;\n    left: 0;\n  }\n  &.right-top {\n    top: 0;\n    right: 0;\n  }\n  &.right-bottom {\n    right: 0;\n    bottom: 0;\n  }\n  &.minimize {\n    width: 200px !important;\n    height: 50px !important;\n    min-width: 200px !important;\n    min-height: 50px !important;\n    overflow: hidden !important;\n  }\n  &-header {\n    position: relative;\n    display: flex;\n    height: 50px;\n    border-bottom: 1px solid #1a5d8b;\n    align-items: center;\n    flex-shrink: 0;\n  }\n  &-header-action {\n    position: relative;\n    margin: 0 10px;\n    cursor: default;\n  }\n  &-title {\n    padding: 0 16px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    flex: 1;\n  }\n  &-btn {\n    font-size: 10px;\n    color: #fff;\n    cursor: pointer;\n    background: transparent;\n    border: none;\n    outline: none;\n    &:hover {\n      color: #29b6ff;\n    }\n  }\n  &-body {\n    position: relative;\n    padding: 16px;\n    overflow: auto;\n    flex: 1;\n  }\n}\n"],"mappings":"AA+3BA;ACztBA;","sourceRoot":""}