{"version":3,"sources":["webpack:///./src/midone/views/users-layout-1/Main.vue","webpack:///./src/midone/views/users-layout-1/Main.vue?22ba"],"names":["class","href","type","placeholder","$_","take","$f","faker","fakerKey","key","alt","src","photos","users","name","jobs","tag","content","script","render"],"mappings":"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","file":"js/chunk-2d0e5732.a9db1eaf.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(), 10)\"\n        :key=\"fakerKey\"\n        class=\"intro-y col-span-12 md:col-span-6\"\n      >\n        <div class=\"box\">\n          <div\n            class=\"flex flex-col lg:flex-row items-center p-5 border-b border-gray-200 dark:border-dark-5\"\n          >\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 -ml-2 lg:ml-0 lg:justify-end mt-3 lg:mt-0\">\n              <Tippy\n                tag=\"a\"\n                href=\"\"\n                class=\"w-8 h-8 rounded-full flex items-center justify-center border dark:border-dark-5 ml-2 text-gray-500 zoom-in\"\n                content=\"Facebook\"\n              >\n                <FacebookIcon class=\"w-3 h-3 fill-current\" />\n              </Tippy>\n              <Tippy\n                tag=\"a\"\n                href=\"\"\n                class=\"w-8 h-8 rounded-full flex items-center justify-center border dark:border-dark-5 ml-2 text-gray-500 zoom-in\"\n                content=\"Twitter\"\n              >\n                <TwitterIcon class=\"w-3 h-3 fill-current\" />\n              </Tippy>\n              <Tippy\n                tag=\"a\"\n                href=\"\"\n                class=\"w-8 h-8 rounded-full flex items-center justify-center border dark:border-dark-5 ml-2 text-gray-500 zoom-in\"\n                content=\"Linked In\"\n              >\n                <LinkedinIcon class=\"w-3 h-3 fill-current\" />\n              </Tippy>\n            </div>\n          </div>\n          <div\n            class=\"flex flex-wrap lg:flex-nowrap items-center justify-center p-5\"\n          >\n            <div class=\"w-full lg:w-1/2 mb-4 lg:mb-0 mr-auto\">\n              <div class=\"flex text-gray-600 text-xs\">\n                <div class=\"mr-auto\">Progress</div>\n                <div>20%</div>\n              </div>\n              <div\n                class=\"w-full h-1 mt-2 bg-gray-400 dark:bg-dark-1 rounded-full\"\n              >\n                <div\n                  class=\"w-1/4 h-full bg-theme-1 dark:bg-theme-10 rounded-full\"\n                ></div>\n              </div>\n            </div>\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=209f6e6c\"\nconst script = {}\nscript.render = render\n\nexport default script"],"sourceRoot":""}