Implement Restricted Close Mode for UpWindowAngularComponent

[lucasferreiralimax]

This pull request introduces a "restricted mode" to the UpWindowAngularComponent. In this mode, the modal can only be closed using the "Cancel" or "Confirm" buttons. The close button (×) is hidden, and clicking on the overlay does not close the modal.

Changes Made:

1. Added restrictMode Input:

   • Introduced a new input property restrictMode: boolean to control the behavior of the modal.
   • Default value is false to maintain existing functionality.

2. Updated Template:

   • Conditionally rendered the close button based on the restrictMode value.
   • Modified the click event on the overlay to prevent closing the modal when restrictMode is true.

3. Behavior:

   • When restrictMode is false:
     • The close button is visible, and the modal can be closed by clicking it or the overlay.
   • When restrictMode is true:
     • The close button is hidden, and the modal can only be closed by the "Cancel" or "Confirm" buttons.
   • A shake animation is triggered if the user attempts to close the modal using the ESC key or by clicking on the overlay in restricted mode.

Example Usage:

<up-window-angular
  [isOpen]="isModalOpen"
  [restrictMode]="true"  <!-- Activates restricted mode -->
  title="Modal Title"
  subtitle="Modal Subtitle"
  (confirm)="onConfirm()"
  (cancel)="onCancel()"
>
  Modal Content
</up-window-angular>

Testing:

• Verified that the modal behaves as expected in both restricted and unrestricted modes.
• Ensured that all existing functionality remains intact.
• Confirmed that the shake animation is triggered appropriately when attempting to exit the modal in restricted mode.

[lucasferreiralimax]

[github-actions]

Visit the preview URL for this PR (updated for commit ab5767e):

https://up-window-angular--pr6-mode-restricted-6x9alc4m.web.app

_{(expires Mon, 21 Oct 2024 21:24:26 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: 7822e0d6e40bbbcb5ceaa0eda2c38488d7b613f8}

[lucasferreiralimax]

Animation shake

modo-restrict-window.mp4