{"version":3,"sources":["webpack:///./src/midone/views/users-layout-3/Main.vue","webpack:///./src/midone/views/users-layout-3/Main.vue?1255"],"names":["class","href","type","placeholder","$_","take","$f","faker","fakerKey","key","alt","src","photos","users","name","jobs","news","shortContent","email","script","render"],"mappings":"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","file":"js/chunk-2d0ce83d.624b7789.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 $_.take($f(), 9)\"\n        :key=\"fakerKey\"\n        class=\"intro-y col-span-12 md:col-span-6 lg:col-span-4\"\n      >\n        <div class=\"box\">\n          <div class=\"flex items-start px-5 pt-5\">\n            <div class=\"w-full flex flex-col lg:flex-row items-center\">\n              <div class=\"w-16 h-16 image-fit\">\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 class=\"lg:ml-4 text-center lg:text-left mt-3 lg:mt-0\">\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>\n            <div class=\"absolute right-0 top-0 mr-5 mt-3 dropdown\">\n              <a class=\"dropdown-toggle w-5 h-5 block\" href=\"javascript:;\">\n                <MoreHorizontalIcon\n                  class=\"w-5 h-5 text-gray-600 dark:text-gray-300\"\n                />\n              </a>\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                    <Edit2Icon class=\"w-4 h-4 mr-2\" /> Edit\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                    <TrashIcon class=\"w-4 h-4 mr-2\" /> Delete\n                  </a>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div class=\"text-center lg:text-left p-5\">\n            <div>{{ faker.news[0].shortContent }}</div>\n            <div\n              class=\"flex items-center justify-center lg:justify-start text-gray-600 mt-5\"\n            >\n              <MailIcon class=\"w-3 h-3 mr-2\" />\n              {{ faker.users[0].email }}\n            </div>\n            <div\n              class=\"flex items-center justify-center lg:justify-start text-gray-600 mt-1\"\n            >\n              <InstagramIcon class=\"w-3 h-3 mr-2\" />\n              {{ faker.users[0].name }}\n            </div>\n          </div>\n          <div\n            class=\"text-center lg:text-right p-5 border-t border-gray-200 dark:border-dark-5\"\n          >\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      <!-- END: Users Layout -->\n      <!-- BEGIN: 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=2016ca10\"\nconst script = {}\nscript.render = render\n\nexport default script"],"sourceRoot":""}