{"version":3,"sources":["webpack:///./src/midone/views/file-manager/Main.vue","webpack:///./src/midone/views/file-manager/Main.vue?c1e7"],"names":["class","href","type","placeholder","data-placement","id","$f","faker","fakerKey","key","files","alt","src","fileName","size","script","render"],"mappings":"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","file":"js/chunk-2d0c918a.2e2d560c.js","sourcesContent":["<template>\n  <div class=\"grid grid-cols-12 gap-6 mt-8\">\n    <div class=\"col-span-12 lg:col-span-3 xxl:col-span-2\">\n      <h2 class=\"intro-y text-lg font-medium mr-auto mt-2\">File Manager</h2>\n      <!-- BEGIN: File Manager Menu -->\n      <div class=\"intro-y box p-5 mt-6\">\n        <div class=\"mt-1\">\n          <a\n            href=\"\"\n            class=\"flex items-center px-3 py-2 rounded-md bg-theme-1 text-white font-medium\"\n          >\n            <ImageIcon class=\"w-4 h-4 mr-2\" /> Images\n          </a>\n          <a href=\"\" class=\"flex items-center px-3 py-2 mt-2 rounded-md\">\n            <VideoIcon class=\"w-4 h-4 mr-2\" /> Videos\n          </a>\n          <a href=\"\" class=\"flex items-center px-3 py-2 mt-2 rounded-md\">\n            <FileIcon class=\"w-4 h-4 mr-2\" /> Documents\n          </a>\n          <a href=\"\" class=\"flex items-center px-3 py-2 mt-2 rounded-md\">\n            <UsersIcon class=\"w-4 h-4 mr-2\" /> Shared\n          </a>\n          <a href=\"\" class=\"flex items-center px-3 py-2 mt-2 rounded-md\">\n            <TrashIcon class=\"w-4 h-4 mr-2\" /> Trash\n          </a>\n        </div>\n        <div class=\"border-t border-gray-200 dark:border-dark-5 mt-5 pt-5\">\n          <a href=\"\" class=\"flex items-center px-3 py-2 rounded-md\">\n            <div class=\"w-2 h-2 bg-theme-11 rounded-full mr-3\"></div>\n            Custom Work\n          </a>\n          <a href=\"\" class=\"flex items-center px-3 py-2 mt-2 rounded-md\">\n            <div class=\"w-2 h-2 bg-theme-9 rounded-full mr-3\"></div>\n            Important Meetings\n          </a>\n          <a href=\"\" class=\"flex items-center px-3 py-2 mt-2 rounded-md\">\n            <div class=\"w-2 h-2 bg-theme-12 rounded-full mr-3\"></div>\n            Work\n          </a>\n          <a href=\"\" class=\"flex items-center px-3 py-2 mt-2 rounded-md\">\n            <div class=\"w-2 h-2 bg-theme-11 rounded-full mr-3\"></div>\n            Design\n          </a>\n          <a href=\"\" class=\"flex items-center px-3 py-2 mt-2 rounded-md\">\n            <div class=\"w-2 h-2 bg-theme-6 rounded-full mr-3\"></div>\n            Next Week\n          </a>\n          <a href=\"\" class=\"flex items-center px-3 py-2 mt-2 rounded-md\">\n            <PlusIcon class=\"w-4 h-4 mr-2\" /> Add New Label\n          </a>\n        </div>\n      </div>\n      <!-- END: File Manager Menu -->\n    </div>\n    <div class=\"col-span-12 lg:col-span-9 xxl:col-span-10\">\n      <!-- BEGIN: File Manager Filter -->\n      <div class=\"intro-y flex flex-col-reverse sm:flex-row items-center\">\n        <div class=\"w-full sm:w-auto relative mr-auto mt-3 sm:mt-0\">\n          <SearchIcon\n            class=\"w-4 h-4 absolute my-auto inset-y-0 ml-3 left-0 z-10 text-gray-700 dark:text-gray-300\"\n          />\n          <input\n            type=\"text\"\n            class=\"input w-full sm:w-64 box px-10 text-gray-700 dark:text-gray-300\"\n            placeholder=\"Search files\"\n          />\n          <div\n            class=\"inbox-filter dropdown absolute inset-y-0 mr-3 right-0 flex items-center\"\n            data-placement=\"bottom-start\"\n          >\n            <ChevronDownIcon\n              class=\"dropdown-toggle w-4 h-4 cursor-pointer text-gray-700 dark:text-gray-300\"\n            />\n            <div class=\"inbox-filter__dropdown-box dropdown-box pt-2\">\n              <div class=\"dropdown-box__content box p-5\">\n                <div class=\"grid grid-cols-12 gap-4 gap-y-3\">\n                  <div class=\"col-span-6\">\n                    <div class=\"text-xs\">File Name</div>\n                    <input\n                      type=\"text\"\n                      class=\"input w-full border mt-2 flex-1\"\n                      placeholder=\"Type the file name\"\n                    />\n                  </div>\n                  <div class=\"col-span-6\">\n                    <div class=\"text-xs\">Shared With</div>\n                    <input\n                      type=\"text\"\n                      class=\"input w-full border mt-2 flex-1\"\n                      placeholder=\"example@gmail.com\"\n                    />\n                  </div>\n                  <div class=\"col-span-6\">\n                    <div class=\"text-xs\">Created At</div>\n                    <input\n                      type=\"text\"\n                      class=\"input w-full border mt-2 flex-1\"\n                      placeholder=\"Important Meeting\"\n                    />\n                  </div>\n                  <div class=\"col-span-6\">\n                    <div class=\"text-xs\">Size</div>\n                    <select class=\"input w-full border mt-2 flex-1\">\n                      <option>10</option>\n                      <option>25</option>\n                      <option>35</option>\n                      <option>50</option>\n                    </select>\n                  </div>\n                  <div class=\"col-span-12 flex items-center mt-3\">\n                    <button\n                      class=\"button w-32 justify-center block bg-gray-200 dark:bg-dark-1 text-gray-600 dark:text-gray-300 ml-auto\"\n                    >\n                      Create Filter\n                    </button>\n                    <button\n                      class=\"button w-32 justify-center block bg-theme-1 text-white ml-2\"\n                    >\n                      Search\n                    </button>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div class=\"w-full sm:w-auto flex\">\n          <button class=\"button text-white bg-theme-1 shadow-md mr-2\">\n            Upload New Files\n          </button>\n          <div id=\"test\" 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=\"javascript:;\"\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                  <FileIcon class=\"w-4 h-4 mr-2\" /> Share Files\n                </a>\n                <a\n                  href=\"javascript:;\"\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                  <SettingsIcon class=\"w-4 h-4 mr-2\" /> Settings\n                </a>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <!-- END: File Manager Filter -->\n      <!-- BEGIN: Directory & Files -->\n      <div class=\"intro-y grid grid-cols-12 gap-3 sm:gap-6 mt-5\">\n        <div\n          v-for=\"(faker, fakerKey) in $f()\"\n          :key=\"fakerKey\"\n          class=\"intro-y col-span-6 sm:col-span-4 md:col-span-3 xxl:col-span-2\"\n        >\n          <div\n            class=\"file box rounded-md px-5 pt-8 pb-5 px-3 sm:px-5 relative zoom-in\"\n          >\n            <div class=\"absolute left-0 top-0 mt-3 ml-3\">\n              <input class=\"input border border-gray-500\" type=\"checkbox\" />\n            </div>\n            <a\n              v-if=\"faker.files[0].type == 'Empty Folder'\"\n              href=\"\"\n              class=\"w-3/5 file__icon file__icon--empty-directory mx-auto\"\n            ></a>\n            <a\n              v-else-if=\"faker.files[0].type == 'Folder'\"\n              href=\"\"\n              class=\"w-3/5 file__icon file__icon--directory mx-auto\"\n            ></a>\n            <a\n              v-else-if=\"faker.files[0].type == 'Image'\"\n              href=\"\"\n              class=\"w-3/5 file__icon file__icon--image mx-auto\"\n            >\n              <div class=\"file__icon--image__preview image-fit\">\n                <img\n                  alt=\"Midone Tailwind HTML Admin Template\"\n                  :src=\"\n                    require(`@/midone/assets/images/${$_.toLower(\n                      faker.files[0]['fileName']\n                    )}`)\n                  \"\n                />\n              </div>\n            </a>\n            <a v-else href=\"\" class=\"w-3/5 file__icon file__icon--file mx-auto\">\n              <div class=\"file__icon__file-name\">\n                {{ faker.files[0].type }}\n              </div>\n            </a>\n            <a href=\"\" class=\"block font-medium mt-4 text-center truncate\">{{\n              faker.files[0].fileName\n            }}</a>\n            <div class=\"text-gray-600 text-xs text-center mt-0.5\">\n              {{ faker.files[0].size }}\n            </div>\n            <div class=\"absolute top-0 right-0 mr-2 mt-2 dropdown ml-auto\">\n              <a class=\"dropdown-toggle w-5 h-5 block\" href=\"javascript:;\">\n                <MoreVerticalIcon class=\"w-5 h-5 text-gray-600\" />\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                    <UsersIcon class=\"w-4 h-4 mr-2\" /> Share File\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>\n      </div>\n      <!-- END: Directory & Files -->\n      <!-- BEGIN: Pagination -->\n      <div\n        class=\"intro-y flex flex-wrap sm:flex-row sm:flex-nowrap items-center mt-6\"\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=06e7c153\"\nconst script = {}\nscript.render = render\n\nexport default script"],"sourceRoot":""}