{
  "context": "This criteria evaluates how well the engineer uses Stencil's @Event decorator and EventEmitter to create and emit custom events from a web component, including proper configuration of event options like bubbling and event detail payloads.",
  "type": "weighted_checklist",
  "checklist": [
    {
      "name": "@Event decorator usage",
      "description": "Uses @Event() decorator to declare custom events in the component class (e.g., @Event() dismissed: EventEmitter<void> and @Event() viewDetails: EventEmitter<string>)",
      "max_score": 30
    },
    {
      "name": "EventEmitter type",
      "description": "Properly types EventEmitter with appropriate generic types for each event (void for dismiss, string or object for view details)",
      "max_score": 15
    },
    {
      "name": "Event emission",
      "description": "Calls the emit() method on EventEmitter instances to fire custom events from button click handlers",
      "max_score": 20
    },
    {
      "name": "Event bubbling",
      "description": "Configures the dismiss event to bubble by setting bubbles: true in the @Event() decorator options",
      "max_score": 20
    },
    {
      "name": "Event detail payload",
      "description": "Passes the notification message as the event detail when emitting the view details event using emit(message)",
      "max_score": 15
    }
  ]
}