$el.classList.remove('shaking'), 820))"
x-transition:enter="ease-out duration-300"
x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100"
x-transition:leave="ease-in duration-200"
x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100"
x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
x-bind:class="modalWidth"
class="inline-block w-full align-bottom bg-white dark:bg-neutral-900 rounded-lg text-right overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:w-full"
id="modal-container"
>
تَمُرُّ ساعاتُ أَيّـَامي بِلا نَدَم ..ولا بُكاءٍ وَلاخَـوْفٍ ولا حـَزَنِ
وَلي بَقايا ذُنوبٍ لَسْتُ أَعْلَمُها .. الله يَعْلَمُهــا في السِّرِ والعَلَنِ
يَـا زَلَّةً كُتِبَتْ في غَفْلَةٍ ذَهَبَتْ ..يَـا حَسْرَةً بَقِيَتْ في القَلبِ تُحْرِقُني
دَعْني أَنُوحُ عَلى نَفْسي وَأَنْدِبُها ..وَأَقْطَعُ الدَّهْرَ بِالتَّذْكِيـرِ وَالحَزَنِ
دَعْني أَسِحُّ دُمُوعاً لا انْقِطَاعَ لَهَا ..فَهَلْ عَسَى عَبْرَةٌ مِنْهَا تُخَلِّصُني
يـَا نَفْسُ كُفِّي عَنِ العِصْيانِ واكْتَسِبِي ..فِعْلاً جميلاً لَعَلَّ اللهَ يَرحَمُني
يَا نَفْسُ وَيْحَكِ تُوبي واعمَلِي حَسَناً ..عَسى تُجازَيْنَ بَعْدَ الموتِ بِالحَسَنِ
يَـا زَارِعَ الخَيْرِ تحصُدْ بَعْدَهُ ثَمَراً .. يَا زَارِعَ الشَّرِّ مَوْقُوفٌ عَلَى الوَهَنِ
فَلا تَغُرَّنَّكَ الدُّنْيــا وَزِينَتُها ..وانْظُرْ إلى فِعْلِهــا في الأَهْلِ والوَطَنِ
وانْظُرْ إِلى مَنْ حَوَى الدُّنْيا بِأَجْمَعِها ..هَلْ رَاحَ مِنْها بِغَيْرِ الحَنْطِ والكَفَنِ