{"modal":"\u003cdiv data-controller=\"courses--lessons--watch-history\" data-courses--lessons--watch-history-player-selector-value=\"audio[data-asset-id=\u0026#39;7569381\u0026#39;], video[data-asset-id=\u0026#39;7569381\u0026#39;]\"\u003e\n  \u003cdiv class=\"t-modal js-modal\" data-controller=\"modal\" data-modal-dismissable-value=\"true\" data-modal-close-on-overlay-click-value=\"true\" data-modal-close-on-esc-value=\"false\" data-modal-autofocus-value=\"true\" data-action=\"modal:show-\u0026gt;modal#show modal:hide-\u0026gt;modal#hide keydown.esc@window-\u0026gt;modal#onEscapeKey\" role=\"dialog\" aria-modal=\"true\" aria-hidden=\"true\"\u003e\n  \u003cdiv\n    class=\"fixed inset-0 bg-black/20 dark:bg-black/40 z-[9999] transition-opacity hidden \"\n    data-modal-target=\"backdrop\"\n    data-transition-enter=\"ease-out duration-300\"\n    data-transition-enter-start=\"opacity-0\"\n    data-transition-enter-end=\"opacity-100\"\n    data-transition-leave=\"ease-in duration-200\"\n    data-transition-leave-start=\"opacity-100\"\n    data-transition-leave-end=\"opacity-0\"\n  \u003e\u003c/div\u003e\n  \u003cdiv\n    class=\"fixed inset-0 z-[9999] flex justify-center transition-all overflow-auto hidden t-modal-content-outer\"\n    data-action=\"mousedown-\u003emodal#contentContainerClicked touchstart-\u003emodal#contentContainerClicked\"\n    data-modal-target=\"contentContainer\"\n    data-transition-enter=\"ease-out duration-300\"\n    data-transition-enter-start=\"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95\"\n    data-transition-enter-end=\"opacity-100 translate-y-0 sm:scale-100\"\n    data-transition-leave=\"ease-in duration-200\"\n    data-transition-leave-start=\"opacity-100 translate-y-0 sm:scale-100\"\n    data-transition-leave-end=\"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95\"\n    \u003e\n    \u003cdiv\n      data-modal-target=\"content\"\n      class=\"\n        flex flex-col relative t-modal-content\n        bg-bg-alt dark:bg-gray-825 dark:border dark:border-gray-700 shadow-lg rounded-lg mx-3 overflow-hidden \n        \n        w-full max-w-3xl h-auto max-h-80vh self-start mt-6 md:mt-10 lg:mt-14 xl:mt-18 mb-3 xl:mb-6\n\"\n      \n    \u003e\n      \u003cdiv class=\"flex overflow-auto h-full relative t-modal-content-inner\"\u003e\n        \u003cdiv class=\"flex min-w-0 flex-col flex-1  p-6 max-w-full pt-3\"\u003e\n            \u003cdiv class=\"flex items-baseline\"\u003e\n              \u003cdiv class=\"text-gray-800 dark:text-gray-200 font-semibold flex-1\"\u003e\n                      Watch history\n\n              \u003c/div\u003e\n              \u003cbutton type=\"button\" data-action=\"modal#close\" aria-label=\"Close\" style=\"\" class=\"t-btn t-btn-tertiary-gray t-btn-sm ml-auto -mr-3 t-btn-icon-only\"\u003e\n    \n    \u003ci class=\"fas fa-xmark s-icon\"\u003e\u003c/i\u003e \n    \n  \n  \n  \n\u003c/button\u003e\n            \u003c/div\u003e\n          \u003cdiv id=\"\" class=\" -mx-6 px-6 flex-1 overflow-auto mt-4\"\u003e\n                    \u003cp class=\"tw text-gray-500\"\u003eYou haven\u0026#39;t watched this yet.\u003c/p\u003e\n\n          \u003c/div\u003e\n        \u003c/div\u003e\n      \u003c/div\u003e\n      \n    \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\u003c/div\u003e"}