We need to implement a mode for the UpWindowAngular component that supports drawers. This mode should allow users to open windows that slide in from any of the four directions: bottom, top, left, or right. Each direction should be controlled independently, and the drawer should animate properly when opened or closed.

Requirements:

• Drawer Positions:

  • Add support for the drawer positions:
    • "bottom", "top", "left", "right"
  • The appropriate signal should be triggered when the user opens a drawer from a specific direction.

• Switch Logic:

  • Update the openWindowExample method to handle each type of drawer (bottom, top, left, right).
  • Ensure only one drawer can be open at a time.

• Animations:

  • Ensure smooth sliding animations when a drawer opens or closes:
    • Use slide-up, slide-down, slide-left, slide-right animations for respective drawers.

• HTML Template Adjustments:

  • Modify the HTML to include a separate <up-window-angular drawer="top"> component for each drawer position.

Acceptance Criteria:

• A drawer should be able to open from any of the four sides of the window.
• Proper animations should be applied depending on the direction of the drawer.
• Code must pass all existing tests and new tests must be written to cover the drawer functionality.

Additional Notes:

• Make sure to test the functionality thoroughly for responsiveness.

Screenshots