[{"command":"insert","method":"replaceWith","selector":"div.entity-comparison-bike-comparison","data":"\u003Cdiv class=\u0022entity-comparison-bike-comparison\u0022\u003E\u003Cdiv class=\u0022bike-comparison-container w-full h-[120px] flex gap-3 overflow-hidden transition-all duration-500 ease-in-out\u0022 :class=\u0022comparisonOpen ? \u0027\u0027 : \u0027!h-0\u0027\u0022\u003E\u003Cdiv class=\u0022bike-comparison-items w-5\/6 max-h-[120px] flex gap-3\u0022\u003E\u003Cdiv class=\u0022w-full\u0022\u003E\u003Cdiv class=\u0022relative w-full h-[120px] flex justify-center items-center rounded-md border border-dashed border-black text-gray-800\u0022\u003EAdd Model\u003C\/div\u003E\u003C\/div\u003E\u003Cdiv class=\u0022w-full\u0022\u003E\u003Cdiv class=\u0022relative w-full h-[120px] flex justify-center items-center rounded-md border border-dashed border-black text-gray-800\u0022\u003EAdd Model\u003C\/div\u003E\u003C\/div\u003E\u003Cdiv class=\u0022w-full\u0022\u003E\u003Cdiv class=\u0022relative w-full h-[120px] flex justify-center items-center rounded-md border border-dashed border-black text-gray-800\u0022\u003EAdd Model\u003C\/div\u003E\u003C\/div\u003E\u003Cdiv class=\u0022w-full\u0022\u003E\u003Cdiv class=\u0022relative w-full h-[120px] flex justify-center items-center rounded-md border border-dashed border-black text-gray-800\u0022\u003EAdd Model\u003C\/div\u003E\u003C\/div\u003E\u003Cdiv class=\u0022w-full\u0022\u003E\u003Cdiv class=\u0022relative w-full h-[120px] flex justify-center items-center rounded-md border border-dashed border-black text-gray-800\u0022\u003EAdd Model\u003C\/div\u003E\u003C\/div\u003E\u003C\/div\u003E\u003Cdiv class=\u0022bike-comparison-actions w-1\/6 flex flex-col gap-3\u0022\u003E\u003Ca href=\u0022\/th\/compare\/bike-comparison\u0022 class=\u0022w-full h-[54px] flex justify-center items-center rounded-md bg-beetle-blue font-an-medium text-base text-white text-center uppercase\u0022\u003ECompare models\u003C\/a\u003E\u003Ca href=\u0022\/th\/entity-comparison\/bike_comparison\/reset\u0022 class=\u0022use-ajax w-full h-[54px] flex justify-center items-center rounded-md border border-black font-an-medium text-base text-black text-center\u0022\u003EClear All\u003C\/a\u003E\u003C\/div\u003E\n      \u003C\/div\u003E\u003Cdiv id=\u0022bike-comparison-messages\u0022\n      x-data=\u0022{\n        show: false,\n        message: \u0027\u0027,\n        type: \u0027\u0027,\n        timeout: null,\n      }\u0022\n      @comparison-message.window=\u0022\n        show = true;\n        message = $event.detail.message;\n        type = [\u0027status\u0027, \u0027warning\u0027, \u0027error\u0027].includes($event.detail.type) ? $event.detail.type : \u0027status\u0027;\n        clearTimeout(timeout);\n        timeout = setTimeout(() =\u003E show = false, 3000);\u0022\n      x-show=\u0022show\u0022\n      x-transition:leave=\u0022transition ease-in duration-1000\u0022\n      x-transition:leave-start=\u0022opacity-80\u0022\n      x-transition:leave-end=\u0022opacity-0\u0022\n      x-html=\u0022message\u0022\n      :class=\u0022type === \u0027status\u0027 ? \u0027bg-gray-500\u0027 : \u0027bg-red-300\u0027\u0022\n      class=\u0022fixed left-1\/2 top-1\/2 -translate-x-1\/2 -translate-y-1\/2 z-50 w-[70%] flex gap-3 items-center justify-center py-6 px-8 opacity-80 rounded-3xl text-2xl text-black text-center\u0022\u003E\u003C\/div\u003E\u003C\/div\u003E","settings":null}]