Merge pull request #41 from squidit/modal-close-button

Add functionality to control the display of the close button in the modal

src/components/sq-modal/sq-modal.component.html

@@ -21,7 +21,7 @@
         <ng-container *ngIf="headerTemplate">
           <ng-container *ngTemplateOutlet="headerTemplate"></ng-container>
         </ng-container>
-        <button type="button" class="close button-close" aria-label="Close" (click)="modalClose.emit()">
+        <button *ngIf="buttonClose" type="button" class="close button-close" aria-label="Close" (click)="modalClose.emit()">
           <i class="fa-solid fa-xmark fa-lg"></i>
         </button>
       </div>

src/components/sq-modal/sq-modal.component.ts

@@ -19,11 +19,11 @@ import { Subscription } from 'rxjs'
 
 /**
  * Represents a modal component with customizable options and event handling.
- * 
+ *
  * Look the link about the component in original framework and the appearance
  *
  * @see {@link https://css.squidit.com.br/components/modal}
- * 
+ *
  * @example
  * <sq-modal [open]="isModalOpen" (modalClose)="onModalClose()">
  *   <ng-template #headerModal>
@@ -77,6 +77,11 @@ export class SqModalComponent implements OnChanges, OnDestroy {
    */
   @Input() backdrop = 'static'
 
+  /**
+   * Determines whether to display the close button.
+   */
+  @Input() buttonClose = true
+
   /**
    * Event emitted when the modal is closed.
    */

src/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@squidit/ngx-css",
-  "version": "1.2.25",
+  "version": "1.2.26",
   "peerDependencies": {
     "@angular/common": ">=15.0.0",
     "@angular/core": ">=15.0.0",