@import "object.css";
@import "ports.css";
@import "leds.css";
@import "cards.css";

// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
// Equipment component customization
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Equipment {
  view: true;
  toolbar: true;
  interactor: true;
}

// Configure the view
View {
  keepingAspectRatio: true;
}

// Configure the toolbar to disallow moving of objects.
ToolBar {
  enabled: true;
  button[0]: @+SelectionButton;
  button[1]: @+PanButton;
  button[2]: @+ZoomInButton;
  button[3]: @+ZoomOutButton;
  button[4]: @+ZoomBackButton;
  button[5]: @+ZoomResetButton;
  button[6]: @+FitToContentsButton;
}

#SelectionButton {
  actionType: "Select";
  usingObjectInteractor: true;
  moveAllowed: false;
  dragAllowed: false;
}

#PanButton {
  actionType: "Pan";
  usingObjectInteractor: true;
}

#ZoomInButton {
  actionType: "ZoomIn";
}

#ZoomOutButton {
  actionType: "ZoomOut";
}

#ZoomBackButton {
  actionType: "ZoomBack";
}

#ZoomResetButton {
  actionType: "ZoomReset";
}

#FitToContentsButton {
  actionType: "FitToContents";
  margins: "10";
}

// Define the interactor
Interactor {
  name: "Select";
}