{"version":3,"sources":["webpack:///./src/midone/views/inbox/Main.vue","webpack:///./src/midone/views/inbox/Main.vue?ed18"],"names":["class","type","href","placeholder","data-placement","$f","faker","fakerKey","key","trueFalse","checked","alt","src","photos","users","name","news","superShortContent","shortContent","times","script","render"],"mappings":"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","file":"js/chunk-2d0a4fc9.031ed9a4.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\">Inbox</h2>\n      <!-- BEGIN: Inbox Menu -->\n      <div class=\"intro-y box bg-theme-1 p-5 mt-6\">\n        <button\n          type=\"button\"\n          class=\"button button--lg flex items-center justify-center text-gray-700 dark:text-gray-300 w-full bg-white dark:bg-theme-1 mt-2\"\n        >\n          <Edit3Icon class=\"w-4 h-4 mr-2\" /> Compose\n        </button>\n        <div\n          class=\"border-t border-theme-3 dark:border-dark-5 mt-6 pt-6 text-white\"\n        >\n          <a\n            href=\"\"\n            class=\"flex items-center px-3 py-2 rounded-md bg-theme-22 dark:bg-dark-1 font-medium\"\n          >\n            <MailIcon class=\"w-4 h-4 mr-2\" /> Inbox\n          </a>\n          <a href=\"\" class=\"flex items-center px-3 py-2 mt-2 rounded-md\">\n            <StarIcon class=\"w-4 h-4 mr-2\" /> Marked\n          </a>\n          <a href=\"\" class=\"flex items-center px-3 py-2 mt-2 rounded-md\">\n            <InboxIcon class=\"w-4 h-4 mr-2\" /> Draft\n          </a>\n          <a href=\"\" class=\"flex items-center px-3 py-2 mt-2 rounded-md\">\n            <SendIcon class=\"w-4 h-4 mr-2\" /> Sent\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\n          class=\"border-t border-theme-3 dark:border-dark-5 mt-5 pt-5 text-white\"\n        >\n          <a href=\"\" class=\"flex items-center px-3 py-2 truncate\">\n            <div class=\"w-2 h-2 bg-theme-11 rounded-full mr-3\"></div>\n            Custom Work\n          </a>\n          <a\n            href=\"\"\n            class=\"flex items-center px-3 py-2 mt-2 rounded-md truncate\"\n          >\n            <div class=\"w-2 h-2 bg-theme-9 rounded-full mr-3\"></div>\n            Important Meetings\n          </a>\n          <a\n            href=\"\"\n            class=\"flex items-center px-3 py-2 mt-2 rounded-md truncate\"\n          >\n            <div class=\"w-2 h-2 bg-theme-12 rounded-full mr-3\"></div>\n            Work\n          </a>\n          <a\n            href=\"\"\n            class=\"flex items-center px-3 py-2 mt-2 rounded-md truncate\"\n          >\n            <div class=\"w-2 h-2 bg-theme-11 rounded-full mr-3\"></div>\n            Design\n          </a>\n          <a\n            href=\"\"\n            class=\"flex items-center px-3 py-2 mt-2 rounded-md truncate\"\n          >\n            <div class=\"w-2 h-2 bg-theme-6 rounded-full mr-3\"></div>\n            Next Week\n          </a>\n          <a\n            href=\"\"\n            class=\"flex items-center px-3 py-2 mt-2 rounded-md truncate\"\n          >\n            <PlusIcon class=\"w-4 h-4 mr-2\" /> Add New Label\n          </a>\n        </div>\n      </div>\n      <!-- END: Inbox Menu -->\n    </div>\n    <div class=\"col-span-12 lg:col-span-9 xxl:col-span-10\">\n      <!-- BEGIN: Inbox 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 mail\"\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\">From</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\">To</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\">Subject</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\">Has the Words</div>\n                    <input\n                      type=\"text\"\n                      class=\"input w-full border mt-2 flex-1\"\n                      placeholder=\"Job, Work, Documentation\"\n                    />\n                  </div>\n                  <div class=\"col-span-6\">\n                    <div class=\"text-xs\">Doesn't Have</div>\n                    <input\n                      type=\"text\"\n                      class=\"input w-full border mt-2 flex-1\"\n                      placeholder=\"Job, Work, Documentation\"\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 text-gray-600 dark:bg-dark-1 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            Start a Video Call\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                  <UserIcon class=\"w-4 h-4 mr-2\" /> Contacts\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                  <SettingsIcon class=\"w-4 h-4 mr-2\" /> Settings\n                </a>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <!-- END: Inbox Filter -->\n      <!-- BEGIN: Inbox Content -->\n      <div class=\"intro-y inbox box mt-5\">\n        <div\n          class=\"p-5 flex flex-col-reverse sm:flex-row text-gray-600 border-b border-gray-200 dark:border-dark-1\"\n        >\n          <div\n            class=\"flex items-center mt-3 sm:mt-0 border-t sm:border-0 border-gray-200 pt-5 sm:pt-0 mt-5 sm:mt-0 -mx-5 sm:mx-0 px-5 sm:px-0\"\n          >\n            <input class=\"input border border-gray-500\" type=\"checkbox\" />\n            <div class=\"dropdown ml-1\" data-placement=\"bottom-start\">\n              <a\n                class=\"dropdown-toggle w-5 h-5 block dark:text-gray-300\"\n                href=\"javascript:;\"\n              >\n                <ChevronDownIcon class=\"w-5 h-5\" />\n              </a>\n              <div class=\"dropdown-box w-32\">\n                <div class=\"dropdown-box__content box 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                    >All</a\n                  >\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                    >None</a\n                  >\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                    >Read</a\n                  >\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                    >Unread</a\n                  >\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                    >Starred</a\n                  >\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                    >Unstarred</a\n                  >\n                </div>\n              </div>\n            </div>\n            <a\n              href=\"javascript:;\"\n              class=\"w-5 h-5 ml-5 flex items-center justify-center dark:text-gray-300\"\n            >\n              <RefreshCwIcon class=\"w-4 h-4\" />\n            </a>\n            <a\n              href=\"javascript:;\"\n              class=\"w-5 h-5 ml-5 flex items-center justify-center dark:text-gray-300\"\n            >\n              <MoreHorizontalIcon class=\"w-4 h-4\" />\n            </a>\n          </div>\n          <div class=\"flex items-center sm:ml-auto\">\n            <div class=\"dark:text-gray-300\">1 - 50 of 5,238</div>\n            <a\n              href=\"javascript:;\"\n              class=\"w-5 h-5 ml-5 flex items-center justify-center dark:text-gray-300\"\n            >\n              <ChevronLeftIcon class=\"w-4 h-4\" />\n            </a>\n            <a\n              href=\"javascript:;\"\n              class=\"w-5 h-5 ml-5 flex items-center justify-center dark:text-gray-300\"\n            >\n              <ChevronRightIcon class=\"w-4 h-4\" />\n            </a>\n            <a\n              href=\"javascript:;\"\n              class=\"w-5 h-5 ml-5 flex items-center justify-center dark:text-gray-300\"\n            >\n              <SettingsIcon class=\"w-4 h-4\" />\n            </a>\n          </div>\n        </div>\n        <div class=\"overflow-x-auto sm:overflow-x-visible\">\n          <div\n            v-for=\"(faker, fakerKey) in $f()\"\n            :key=\"fakerKey\"\n            class=\"intro-y\"\n          >\n            <div\n              class=\"inbox__item inline-block sm:block text-gray-700 dark:text-gray-500 bg-gray-100 dark:bg-dark-1 border-b border-gray-200 dark:border-dark-1\"\n              :class=\"{ 'inbox__item--active': faker.trueFalse[0] }\"\n            >\n              <div class=\"flex px-5 py-3\">\n                <div class=\"w-72 flex-none flex items-center mr-5\">\n                  <input\n                    class=\"input flex-none border border-gray-500\"\n                    type=\"checkbox\"\n                    :checked=\"faker.trueFalse[0]\"\n                  />\n                  <a\n                    href=\"javascript:;\"\n                    class=\"w-5 h-5 flex-none ml-4 flex items-center justify-center text-gray-500\"\n                  >\n                    <StarIcon class=\"w-4 h-4\" />\n                  </a>\n                  <a\n                    href=\"javascript:;\"\n                    class=\"w-5 h-5 flex-none ml-2 flex items-center justify-center text-gray-500\"\n                  >\n                    <BookmarkIcon class=\"w-4 h-4\" />\n                  </a>\n                  <div class=\"w-6 h-6 flex-none image-fit relative ml-5\">\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=\"inbox__item--sender truncate ml-3\">\n                    {{ faker.users[0].name }}\n                  </div>\n                </div>\n                <div class=\"w-64 sm:w-auto truncate\">\n                  <span class=\"inbox__item--highlight\">{{\n                    faker.news[0].superShortContent\n                  }}</span>\n                  {{ faker.news[0].shortContent }}\n                </div>\n                <div class=\"inbox__item--time whitespace-nowrap ml-auto pl-10\">\n                  {{ faker.times[0] }}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div\n          class=\"p-5 flex flex-col sm:flex-row items-center text-center sm:text-left text-gray-600\"\n        >\n          <div class=\"dark:text-gray-300\">\n            4.41 GB (25%) of 17 GB used Manage\n          </div>\n          <div class=\"sm:ml-auto mt-2 sm:mt-0 dark:text-gray-300\">\n            Last account activity: 36 minutes ago\n          </div>\n        </div>\n      </div>\n      <!-- END: Inbox Content -->\n    </div>\n  </div>\n</template>\n","import { render } from \"./Main.vue?vue&type=template&id=171491b3\"\nconst script = {}\nscript.render = render\n\nexport default script"],"sourceRoot":""}