{"version":3,"sources":["webpack:///./src/midone/views/users-layout-2/Main.vue","webpack:///./src/midone/views/users-layout-2/Main.vue?862d"],"names":["class","href","type","placeholder","$f","faker","fakerKey","key","alt","src","photos","users","name","jobs","script","render"],"mappings":"mJAEI,gCAA+D,MAA3DA,MAAM,qCAAoC,gBAAY,G,GACrDA,MAAM,gC,GAEPA,MAAM,uE,EAEN,gCAES,UAFDA,MAAM,+CAA8C,kBAE5D,G,GACKA,MAAM,Y,GAEPA,MAAM,oE,GAEAA,MAAM,4C,GAITA,MAAM,qB,GACJA,MAAM,gD,GAEPC,KAAK,GACLD,MAAM,6I,+BAE4B,e,GAGlCC,KAAK,GACLD,MAAM,6I,+BAEoC,kB,EAKlD,gCAEM,OAFDA,MAAM,yCAAwC,oCAEnD,G,GACKA,MAAM,oD,GACJA,MAAM,kD,EACT,gCAIE,SAHAE,KAAK,OACLF,MAAM,uBACNG,YAAY,a,YAcbH,MAAM,O,GACJA,MAAM,8C,GACJA,MAAM,+C,aAQTA,MAAM,4D,GAEHC,KAAK,GAAGD,MAAM,e,GACZA,MAAM,gC,EAIb,gCASM,OATDA,MAAM,qBAAmB,CAC5B,gCAES,UAFDA,MAAM,gDAA+C,aAG7D,gCAIS,UAHPA,MAAM,gGACP,e,MAUPA,MAAM,8E,GAEFA,MAAM,c,GAEHA,MAAM,mBAAmBC,KAAK,I,GAK9BD,MAAM,mBAAmBC,KAAK,I,iUAoB9BD,MAAM,mBAAmBC,KAAK,I,GAK9BD,MAAM,mBAAmBC,KAAK,I,EAKrC,gCAKS,UALDD,MAAM,+BAA6B,CACzC,gCAAmB,cAAX,MACR,gCAAmB,cAAX,MACR,gCAAmB,cAAX,MACR,gCAAmB,cAAX,Q,mcApIhB,gCAyIM,YAxIJ,EACA,gCAsIM,MAtIN,EAsIM,CArIJ,gCA8CM,MA9CN,EA8CM,CA3CJ,EAGA,gCAwBM,MAxBN,EAwBM,CAvBJ,gCAMS,SANT,EAMS,CAHP,gCAEO,OAFP,EAEO,CADL,yBAA4B,GAAlBA,MAAM,gBAGpB,gCAeM,MAfN,EAeM,CAdJ,gCAaM,MAbN,EAaM,CAZJ,gCAKI,IALJ,EAKI,CADF,yBAAkC,GAAvBA,MAAM,iB,IAEnB,gCAKI,IALJ,EAKI,CADF,yBAA0C,GAAvBA,MAAM,iB,UAKjC,EAGA,gCAWM,MAXN,EAWM,CAVJ,gCASM,MATN,EASM,CARJ,EAKA,yBAEE,GADAA,MAAM,2D,2BAMd,gCAkCM,2CAjCwB,EAAAI,MAAE,SAAtBC,EAAOC,G,gCADjB,gCAkCM,OAhCHC,IAAKD,EACNN,MAAM,qC,CAEN,gCA4BM,MA5BN,EA4BM,CA3BJ,gCA0BM,MA1BN,EA0BM,CAzBJ,gCAMM,MANN,EAMM,CALJ,gCAIE,OAHAQ,IAAI,sCACJR,MAAM,eACLS,IAAK,UAAQ,YAA0BJ,EAAMK,OAAM,M,YAGxD,gCAOM,MAPN,EAOM,CAJJ,gCAA4D,IAA5D,EAA4D,6BAA1BL,EAAMM,MAAK,GAAIC,MAAI,GACrD,gCAEM,MAFN,EAEM,6BADDP,EAAMQ,KAAI,SAGjB,W,MAeN,gCA8CM,MA9CN,EA8CM,CA3CJ,gCAoCK,KApCL,EAoCK,CAnCH,gCAIK,WAHH,gCAEI,IAFJ,EAEI,CADF,yBAAoC,GAAlBb,MAAM,gBAG5B,gCAIK,WAHH,gCAEI,IAFJ,EAEI,CADF,yBAAmC,GAAlBA,MAAM,gBAG3B,EAeA,gCAIK,WAHH,gCAEI,IAFJ,EAEI,CADF,yBAAoC,GAAlBA,MAAM,gBAG5B,gCAIK,WAHH,gCAEI,IAFJ,EAEI,CADF,yBAAqC,GAAlBA,MAAM,kBAI/B,QChIR,MAAMc,EAAS,GACfA,EAAOC,OAASA,EAED","file":"js/chunk-2d0b255c.def983f5.js","sourcesContent":["<template>\n  <div>\n    <h2 class=\"intro-y text-lg font-medium mt-10\">Users Layout</h2>\n    <div class=\"grid grid-cols-12 gap-6 mt-5\">\n      <div\n        class=\"intro-y col-span-12 flex flex-wrap sm:flex-nowrap items-center mt-2\"\n      >\n        <button class=\"button text-white bg-theme-1 shadow-md mr-2\">\n          Add New User\n        </button>\n        <div class=\"dropdown\">\n          <button\n            class=\"dropdown-toggle button px-2 box text-gray-700 dark:text-gray-300\"\n          >\n            <span class=\"w-5 h-5 flex items-center justify-center\">\n              <PlusIcon class=\"w-4 h-4\" />\n            </span>\n          </button>\n          <div class=\"dropdown-box w-40\">\n            <div class=\"dropdown-box__content box dark:bg-dark-1 p-2\">\n              <a\n                href=\"\"\n                class=\"flex items-center block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md\"\n              >\n                <UsersIcon class=\"w-4 h-4 mr-2\" /> Add Group\n              </a>\n              <a\n                href=\"\"\n                class=\"flex items-center block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md\"\n              >\n                <MessageCircleIcon class=\"w-4 h-4 mr-2\" /> Send Message\n              </a>\n            </div>\n          </div>\n        </div>\n        <div class=\"hidden md:block mx-auto text-gray-600\">\n          Showing 1 to 10 of 150 entries\n        </div>\n        <div class=\"w-full sm:w-auto mt-3 sm:mt-0 sm:ml-auto md:ml-0\">\n          <div class=\"w-56 relative text-gray-700 dark:text-gray-300\">\n            <input\n              type=\"text\"\n              class=\"input w-56 box pr-10\"\n              placeholder=\"Search...\"\n            />\n            <SearchIcon\n              class=\"w-4 h-4 absolute my-auto inset-y-0 mr-3 right-0\"\n            />\n          </div>\n        </div>\n      </div>\n      <!-- BEGIN: Users Layout -->\n      <div\n        v-for=\"(faker, fakerKey) in $f()\"\n        :key=\"fakerKey\"\n        class=\"intro-y col-span-12 md:col-span-6\"\n      >\n        <div class=\"box\">\n          <div class=\"flex flex-col lg:flex-row items-center p-5\">\n            <div class=\"w-24 h-24 lg:w-12 lg:h-12 image-fit lg:mr-1\">\n              <img\n                alt=\"Midone Tailwind HTML Admin Template\"\n                class=\"rounded-full\"\n                :src=\"require(`@/midone/assets/images/${faker.photos[0]}`)\"\n              />\n            </div>\n            <div\n              class=\"lg:ml-2 lg:mr-auto text-center lg:text-left mt-3 lg:mt-0\"\n            >\n              <a href=\"\" class=\"font-medium\">{{ faker.users[0].name }}</a>\n              <div class=\"text-gray-600 text-xs mt-0.5\">\n                {{ faker.jobs[0] }}\n              </div>\n            </div>\n            <div class=\"flex mt-4 lg:mt-0\">\n              <button class=\"button button--sm text-white bg-theme-1 mr-2\">\n                Message\n              </button>\n              <button\n                class=\"button button--sm text-gray-700 border border-gray-300 dark:border-dark-5 dark:text-gray-300\"\n              >\n                Profile\n              </button>\n            </div>\n          </div>\n        </div>\n      </div>\n      <!-- BEGIN: Users Layout -->\n      <!-- END: Pagination -->\n      <div\n        class=\"intro-y col-span-12 flex flex-wrap sm:flex-row sm:flex-nowrap items-center\"\n      >\n        <ul class=\"pagination\">\n          <li>\n            <a class=\"pagination__link\" href=\"\">\n              <ChevronsLeftIcon class=\"w-4 h-4\" />\n            </a>\n          </li>\n          <li>\n            <a class=\"pagination__link\" href=\"\">\n              <ChevronLeftIcon class=\"w-4 h-4\" />\n            </a>\n          </li>\n          <li>\n            <a class=\"pagination__link\" href=\"\">...</a>\n          </li>\n          <li>\n            <a class=\"pagination__link\" href=\"\">1</a>\n          </li>\n          <li>\n            <a class=\"pagination__link pagination__link--active\" href=\"\">2</a>\n          </li>\n          <li>\n            <a class=\"pagination__link\" href=\"\">3</a>\n          </li>\n          <li>\n            <a class=\"pagination__link\" href=\"\">...</a>\n          </li>\n          <li>\n            <a class=\"pagination__link\" href=\"\">\n              <ChevronRightIcon class=\"w-4 h-4\" />\n            </a>\n          </li>\n          <li>\n            <a class=\"pagination__link\" href=\"\">\n              <ChevronsRightIcon class=\"w-4 h-4\" />\n            </a>\n          </li>\n        </ul>\n        <select class=\"w-20 input box mt-3 sm:mt-0\">\n          <option>10</option>\n          <option>25</option>\n          <option>35</option>\n          <option>50</option>\n        </select>\n      </div>\n      <!-- END: Pagination -->\n    </div>\n  </div>\n</template>\n","import { render } from \"./Main.vue?vue&type=template&id=8e3cd8aa\"\nconst script = {}\nscript.render = render\n\nexport default script"],"sourceRoot":""}