{"version":3,"file":"LoadTemplatesMessenger-7da1e848.js","sources":["../../../app/javascript/components/load_templates/LoadTemplatesMessenger.vue"],"sourcesContent":["<template>\n  <div class=\"h-full bg-gray-900\">\n    <div class=\"flex h-full\">\n      <div class=\"relative h-full w-96 border-r border-gray-700\">\n        <div class=\"h-8 bg-gray-800\"></div>\n        <div class=\"\">\n          <div class=\"flex justify-between space-x-2 border-b border-gray-700 px-3 py-2.5\">\n            <div class=\"h-4 w-28 animate-pulse rounded-full bg-gray-800\"></div>\n            <div class=\"h-4 w-4 animate-pulse rounded-full bg-gray-800\"></div>\n          </div>\n          <div class=\"flex justify-between space-x-2 border-b border-gray-700 px-3 py-2.5\">\n            <div class=\"h-4 w-28 animate-pulse rounded-full bg-gray-800\"></div>\n            <div class=\"h-4 w-4 animate-pulse rounded-full bg-gray-800\"></div>\n          </div>\n        </div>\n        <div class=\"my-4 space-y-4 px-2\">\n          <div v-for=\"i in 4\" :key=\"i\">\n            <div class=\"flex space-x-2\">\n              <div class=\"w-10 animate-pulse rounded-full bg-gray-800\"></div>\n              <div class=\"w-full space-y-2\">\n                <div class=\"h-4 w-full animate-pulse rounded-full bg-gray-800\"></div>\n                <div class=\"h-3 w-1/2 animate-pulse rounded-full bg-gray-800\"></div>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div class=\"absolute bottom-0 h-14 w-full bg-gray-800 px-3 py-2\">\n          <div class=\"flex w-full justify-between space-x-4\">\n            <div class=\"flex space-x-2\">\n              <div class=\"h-10 w-10 animate-pulse rounded-full bg-gray-600\"></div>\n              <div class=\"space-y-2\">\n                <div class=\"h-4 w-20 animate-pulse rounded-full bg-gray-600\"></div>\n                <div class=\"h-3 w-28 animate-pulse rounded-full bg-gray-600\"></div>\n              </div>\n            </div>\n            <div class=\"flex items-center space-x-1\">\n              <div class=\"h-4 w-4 animate-pulse rounded-full bg-gray-600\"></div>\n              <div class=\"h-4 w-4 animate-pulse rounded-full bg-gray-600\"></div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"relative w-full\">\n        <div class=\"border-b border-gray-700 py-1.5\">\n          <div class=\"flex items-center justify-between px-4\">\n            <div class=\"flex items-center space-x-2\">\n              <div class=\"h-8 w-8 animate-pulse rounded-full bg-gray-800\"></div>\n              <div class=\"h-4 w-32 animate-pulse rounded-full bg-gray-800\"></div>\n            </div>\n            <div class=\"flex items-center space-x-2.5\">\n              <div class=\"h-5 w-5 animate-pulse rounded-full bg-gray-800\"></div>\n              <div class=\"h-5 w-5 animate-pulse rounded-full bg-gray-800\"></div>\n            </div>\n          </div>\n        </div>\n        <div class=\"h-full\">\n          <div class=\"absolute bottom-0 w-full space-y-4 px-4 py-4\">\n            <div v-for=\"i in 5\" :key=\"i\">\n              <div class=\"flex space-x-2 p-1\">\n                <div class=\"h-10 w-10 animate-pulse rounded-full bg-gray-800\"></div>\n                <div class=\"space-y-2\">\n                  <div class=\"h-4 w-32 animate-pulse rounded-full bg-gray-800\"></div>\n                  <div :class=\"getWidth()\" class=\"h-4 animate-pulse rounded-full bg-gray-800\"></div>\n                  <div :class=\"getWidth()\" class=\"h-4 animate-pulse rounded-full bg-gray-800\"></div>\n                </div>\n              </div>\n            </div>\n            <div class=\"items-center\">\n              <div class=\"h-10 animate-pulse rounded bg-gray-800\">\n                <div class=\"flex items-center space-x-1 py-2 px-2\"></div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n<script>\nexport default {\n  name: 'LoadTemplatesMessenger',\n  methods: {\n    getWidth() {\n      let index = Math.floor(Math.random() * 5);\n      return ['w-44', 'w-56', 'w-64', 'w-72', 'w-96'][index];\n    }\n  }\n};\n</script>\n"],"names":["_sfc_main","index","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_6","_hoisted_7","_hoisted_10","_hoisted_12","_hoisted_13","_hoisted_14","_createElementVNode","_hoisted_16","_openBlock","_createElementBlock","_hoisted_4","_Fragment","_renderList","i","_hoisted_8","_hoisted_9","_hoisted_11","_hoisted_15","_hoisted_17","_normalizeClass","$options","_hoisted_18"],"mappings":"2JA+EA,MAAKA,EAAU,CACb,KAAM,yBACN,QAAS,CACP,UAAW,CACT,IAAIC,EAAQ,KAAK,MAAM,KAAK,OAAM,EAAK,CAAC,EACxC,MAAO,CAAC,OAAQ,OAAQ,OAAQ,OAAQ,MAAM,EAAEA,CAAK,CACvD,CACF,CACF,EAtFOC,EAAA,CAAA,MAAM,oBAAoB,EACxBC,EAAA,CAAA,MAAM,aAAa,EACjBC,EAAA,CAAA,MAAM,+CAA+C,2fAYnDC,EAAA,CAAA,MAAM,qBAAqB,6RAE5BC,ykBAyBDC,EAAA,CAAA,MAAM,iBAAiB,keAarBC,EAAA,CAAA,MAAM,QAAQ,EACZC,EAAA,CAAA,MAAM,8CAA8C,EAEhDC,EAAA,CAAA,MAAM,oBAAoB,IAC7BC,EAAoE,MAAA,CAA/D,MAAM,oDAAkD,KAAA,EAAA,EACxDC,EAAA,CAAA,MAAM,WAAW,IACpBD,EAAmE,MAAA,CAA9D,MAAM,mDAAiD,KAAA,EAAA,IAMlEA,EAIM,MAAA,CAJD,MAAM,cAAc,EAAA,CACvBA,EAEM,MAAA,CAFD,MAAM,wCAAwC,EAAA,CACjDA,EAAyD,MAAA,CAApD,MAAM,uCAAuC,CAAA,iCApEhE,OAAAE,EAAA,EAAAC,EA2EM,MA3ENZ,EA2EM,CA1EJS,EAyEM,MAzENR,EAyEM,CAxEJQ,EAsCM,MAtCNP,EAsCM,CArCJW,EAWAJ,EAUM,MAVNN,EAUM,MATJS,EAQME,EAAA,KAAAC,EARW,EAALC,GAAZP,EAQM,MAAA,CARe,IAAKO,CAAC,EAAAC,CAAA,UAU7BC,IAgBFT,EAgCM,MAhCNJ,EAgCM,CA/BJc,EAYAV,EAkBM,MAlBNH,EAkBM,CAjBJG,EAgBM,MAhBNF,EAgBM,MAfJK,EASME,EAAA,KAAAC,EATW,EAALC,GAAZP,EASM,MAAA,CATe,IAAKO,CAAC,EAAA,CACzBP,EAOM,MAPND,EAOM,CANJY,EACAX,EAIM,MAJNC,EAIM,CAHJW,EACAZ,EAAkF,MAAA,CAA5E,MAAKa,EAAA,CAAEC,EAAQ,SAAA,EAAU,4CAA4C,CAAA,WAC3Ed,EAAkF,MAAA,CAA5E,MAAKa,EAAA,CAAEC,EAAQ,SAAA,EAAU,4CAA4C,CAAA,uBAIjFC"}