feat: add closeButtonHtml param (#1668)

* feat: add closeButtonHtml param

* Add test for close button customization

src/utils/dom/init.js

@@ -23,7 +23,7 @@ const sweetHTML = `
      </div>
      <img class="${swalClasses.image}" />
      <h2 class="${swalClasses.title}" id="${swalClasses.title}"></h2>
-     <button type="button" class="${swalClasses.close}">&times;</button>
+     <button type="button" class="${swalClasses.close}"></button>
    </div>
    <div class="${swalClasses.content}">
      <div id="${swalClasses.content}"></div>

src/utils/dom/renderers/renderCloseButton.js

@@ -3,6 +3,8 @@ import * as dom from '../../dom/index.js'
 export const renderCloseButton = (instance, params) => {
   const closeButton = dom.getCloseButton()
 
+  closeButton.innerHTML = params.closeButtonHtml
+
   // Custom class
   dom.applyCustomClass(closeButton, params.customClass, 'closeButton')
 

src/utils/params.js

@@ -35,6 +35,7 @@ const defaultParams = {
   focusConfirm: true,
   focusCancel: false,
   showCloseButton: false,
+  closeButtonHtml: '×',
   closeButtonAriaLabel: 'Close this dialog',
   showLoaderOnConfirm: false,
   imageUrl: null,

sweetalert2.d.ts

@@ -686,6 +686,13 @@ declare module 'sweetalert2' {
          */
         showCloseButton?: boolean;
 
+        /**
+         * Use this to change the content of the close button.
+         *
+         * @default '×'
+         */
+        closeButtonHtml?: string;
+
         /**
          * Use this to change the `aria-label` for the close button.
          *

test/qunit/tests.js

@@ -647,6 +647,18 @@ QUnit.test('close button', (assert) => {
   assert.equal(closeButton.getAttribute('aria-label'), 'Close this dialog')
   closeButton.click()
 })
+
+QUnit.test('close button customization', (assert) => {
+  Swal.fire({
+    title: 'Customized Close button test',
+    showCloseButton: true,
+    closeButtonHtml: 'c'
+  })
+
+  const closeButton = $('.swal2-close')
+  assert.equal(closeButton.innerHTML, 'c')
+})
+
 QUnit.test('cancel button', (assert) => {
   const done = assert.async()