{"version":3,"sources":["webpack:///./src/midone/views/profile-overview-3/Main.vue","webpack:///./src/midone/views/profile-overview-3/Main.vue?0b78","webpack:///./src/midone/views/profile-overview-3/Main.vue?9b53","webpack:///./src/midone/components/report-line-chart/Main.vue","webpack:///./src/midone/components/report-line-chart/Main.vue?18ca","webpack:///./src/midone/components/report-line-chart/Main.vue?dcfd"],"names":["class","href","type","data-toggle","data-target","alt","src","$f","photos","users","name","jobs","prevAnnouncement","nextAnnouncement","refKey","prevNewProjects","nextNewProjects","prevTodaySchedules","nextTodaySchedules","height","components","ReportLineChart","setup","announcementRef","newProjectsRef","todaySchedulesRef","el","value","tns","goTo","render","width","data","options","props","Number","default","store","current","model","darkMode","state","main","labels","datasets","label","borderWidth","borderColor","backgroundColor","pointBorderColor","borderDash","legend","display","scales","xAxes","ticks","fontSize","fontColor","gridLines","yAxes","callback","color","zeroLineColor","zeroLineBorderDash","drawBorder"],"mappings":"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","file":"js/chunk-25c7c2ee.d6598293.js","sourcesContent":["<template>\n  <div>\n    <div class=\"intro-y flex items-center mt-8\">\n      <h2 class=\"text-lg font-medium mr-auto\">Profile Layout</h2>\n    </div>\n    <div class=\"grid grid-cols-12 gap-6\">\n      <!-- BEGIN: Profile Menu -->\n      <div\n        class=\"col-span-12 lg:col-span-4 xxl:col-span-3 flex lg:block flex-col-reverse\"\n      >\n        <div class=\"intro-y box mt-5\">\n          <div class=\"relative flex items-center p-5\">\n            <div class=\"w-12 h-12 image-fit\">\n              <img\n                alt=\"Midone Tailwind HTML Admin Template\"\n                class=\"rounded-full\"\n                :src=\"require(`@/midone/assets/images/${$f()[0].photos[0]}`)\"\n              />\n            </div>\n            <div class=\"ml-4 mr-auto\">\n              <div class=\"font-medium text-base\">\n                {{ $f()[0].users[0].name }}\n              </div>\n              <div class=\"text-gray-600\">{{ $f()[0].jobs[0] }}</div>\n            </div>\n            <div class=\"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-56\">\n                <div class=\"dropdown-box__content box dark:bg-dark-1\">\n                  <div\n                    class=\"p-4 border-b border-gray-200 dark:border-dark-5 font-medium\"\n                  >\n                    Export Options\n                  </div>\n                  <div class=\"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                      <ActivityIcon\n                        class=\"w-4 h-4 text-gray-700 dark:text-gray-300 mr-2\"\n                      />\n                      English\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                      <BoxIcon\n                        class=\"w-4 h-4 text-gray-700 dark:text-gray-300 mr-2\"\n                      />\n                      Indonesia\n                      <div\n                        class=\"text-xs text-white px-1 rounded-full bg-theme-6 ml-auto\"\n                      >\n                        10\n                      </div>\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                      <LayoutIcon\n                        class=\"w-4 h-4 text-gray-700 dark:text-gray-300 mr-2\"\n                      />\n                      English\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                      <SidebarIcon\n                        class=\"w-4 h-4 text-gray-700 dark:text-gray-300 mr-2\"\n                      />\n                      Indonesia\n                    </a>\n                  </div>\n                  <div\n                    class=\"px-3 py-3 border-t border-gray-200 dark:border-dark-5 font-medium flex\"\n                  >\n                    <button\n                      type=\"button\"\n                      class=\"button button--sm bg-theme-1 text-white\"\n                    >\n                      Settings\n                    </button>\n                    <button\n                      type=\"button\"\n                      class=\"button button--sm bg-gray-200 text-gray-600 dark:bg-dark-5 dark:text-gray-300 ml-auto\"\n                    >\n                      View Profile\n                    </button>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div class=\"p-5 border-t border-gray-200 dark:border-dark-5\">\n            <a\n              class=\"flex items-center text-theme-1 dark:text-theme-10 font-medium\"\n              href=\"\"\n            >\n              <ActivityIcon class=\"w-4 h-4 mr-2\" /> Personal Information\n            </a>\n            <a class=\"flex items-center mt-5\" href=\"\">\n              <BoxIcon class=\"w-4 h-4 mr-2\" /> Account Settings\n            </a>\n            <a class=\"flex items-center mt-5\" href=\"\">\n              <LockIcon class=\"w-4 h-4 mr-2\" /> Change Password\n            </a>\n            <a class=\"flex items-center mt-5\" href=\"\">\n              <SettingsIcon class=\"w-4 h-4 mr-2\" /> User Settings\n            </a>\n          </div>\n          <div class=\"p-5 border-t border-gray-200 dark:border-dark-5\">\n            <a class=\"flex items-center\" href=\"\">\n              <ActivityIcon class=\"w-4 h-4 mr-2\" /> Email Settings\n            </a>\n            <a class=\"flex items-center mt-5\" href=\"\">\n              <BoxIcon class=\"w-4 h-4 mr-2\" /> Saved Credit Cards\n            </a>\n            <a class=\"flex items-center mt-5\" href=\"\">\n              <LockIcon class=\"w-4 h-4 mr-2\" /> Social Networks\n            </a>\n            <a class=\"flex items-center mt-5\" href=\"\">\n              <SettingsIcon class=\"w-4 h-4 mr-2\" /> Tax Information\n            </a>\n          </div>\n          <div class=\"p-5 border-t flex\">\n            <button\n              type=\"button\"\n              class=\"button button--sm block bg-theme-1 text-white\"\n            >\n              New Group\n            </button>\n            <button\n              type=\"button\"\n              class=\"button button--sm border text-gray-700 dark:border-dark-5 dark:text-gray-300 ml-auto\"\n            >\n              New Quick Link\n            </button>\n          </div>\n        </div>\n        <div class=\"intro-y box p-5 bg-theme-1 text-white mt-5\">\n          <div class=\"flex items-center\">\n            <div class=\"font-medium text-lg\">Important Update</div>\n            <div\n              class=\"text-xs bg-white dark:bg-theme-1 dark:text-white text-gray-800 px-1 rounded-md ml-auto\"\n            >\n              New\n            </div>\n          </div>\n          <div class=\"mt-4\">\n            Lorem Ipsum is simply dummy text of the printing and typesetting\n            industry. Lorem Ipsum has been the industry's standard dummy text\n            ever since the 1500s.\n          </div>\n          <div class=\"font-medium flex mt-5\">\n            <button\n              type=\"button\"\n              class=\"button button--sm border border-white text-white dark:border-dark-5 dark:text-gray-300\"\n            >\n              Take Action\n            </button>\n            <button\n              type=\"button\"\n              class=\"button button--sm dark:text-gray-500 ml-auto\"\n            >\n              Dismiss\n            </button>\n          </div>\n        </div>\n      </div>\n      <!-- END: Profile Menu -->\n      <div class=\"col-span-12 lg:col-span-8 xxl:col-span-9\">\n        <!-- BEGIN: Daily Sales -->\n        <div class=\"intro-y box lg:mt-5\">\n          <div\n            class=\"flex items-center px-5 py-5 sm:py-3 border-b border-gray-200 dark:border-dark-5\"\n          >\n            <h2 class=\"font-medium text-base mr-auto\">Daily Sales</h2>\n            <div class=\"dropdown ml-auto sm:hidden\">\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=\"javascript:;\"\n                    class=\"flex items-center 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\" /> Download Excel\n                  </a>\n                </div>\n              </div>\n            </div>\n            <button\n              class=\"button border relative flex items-center text-gray-700 dark:border-dark-5 dark:text-gray-300 hidden sm:flex\"\n            >\n              <FileIcon class=\"w-4 h-4 mr-2\" /> Download Excel\n            </button>\n          </div>\n          <div class=\"p-5\">\n            <div class=\"relative flex items-center\">\n              <div class=\"w-12 h-12 flex-none image-fit\">\n                <img\n                  alt=\"Midone Tailwind HTML Admin Template\"\n                  class=\"rounded-full\"\n                  :src=\"require(`@/midone/assets/images/${$f()[0].photos[0]}`)\"\n                />\n              </div>\n              <div class=\"ml-4 mr-auto\">\n                <a href=\"\" class=\"font-medium\">{{ $f()[0].users[0].name }}</a>\n                <div class=\"text-gray-600 mr-5 sm:mr-5\">\n                  Bootstrap 4 HTML Admin Template\n                </div>\n              </div>\n              <div class=\"font-medium text-gray-700 dark:text-gray-500\">\n                +$19\n              </div>\n            </div>\n            <div class=\"relative flex items-center mt-5\">\n              <div class=\"w-12 h-12 flex-none image-fit\">\n                <img\n                  alt=\"Midone Tailwind HTML Admin Template\"\n                  class=\"rounded-full\"\n                  :src=\"require(`@/midone/assets/images/${$f()[1].photos[0]}`)\"\n                />\n              </div>\n              <div class=\"ml-4 mr-auto\">\n                <a href=\"\" class=\"font-medium\">{{ $f()[1].users[0].name }}</a>\n                <div class=\"text-gray-600 mr-5 sm:mr-5\">\n                  Tailwind HTML Admin Template\n                </div>\n              </div>\n              <div class=\"font-medium text-gray-700 dark:text-gray-500\">\n                +$25\n              </div>\n            </div>\n            <div class=\"relative flex items-center mt-5\">\n              <div class=\"w-12 h-12 flex-none image-fit\">\n                <img\n                  alt=\"Midone Tailwind HTML Admin Template\"\n                  class=\"rounded-full\"\n                  :src=\"require(`@/midone/assets/images/${$f()[2].photos[0]}`)\"\n                />\n              </div>\n              <div class=\"ml-4 mr-auto\">\n                <a href=\"\" class=\"font-medium\">{{ $f()[2].users[0].name }}</a>\n                <div class=\"text-gray-600 mr-5 sm:mr-5\">\n                  Vuejs HTML Admin Template\n                </div>\n              </div>\n              <div class=\"font-medium text-gray-700 dark:text-gray-500\">\n                +$21\n              </div>\n            </div>\n          </div>\n        </div>\n        <!-- END: Daily Sales -->\n        <!-- BEGIN: Announcement -->\n        <div class=\"intro-y box mt-5\">\n          <div\n            class=\"flex items-center px-5 py-3 border-b border-gray-200 dark:border-dark-5\"\n          >\n            <h2 class=\"font-medium text-base mr-auto\">Announcement</h2>\n            <button\n              class=\"slick-navigator button px-2 border relative flex items-center text-gray-700 dark:text-gray-300 mr-2\"\n              @click=\"prevAnnouncement\"\n            >\n              <ChevronLeftIcon class=\"w-4 h-4\" />\n            </button>\n            <button\n              class=\"slick-navigator button px-2 border relative flex items-center text-gray-700 dark:text-gray-300\"\n              @click=\"nextAnnouncement\"\n            >\n              <ChevronRightIcon class=\"w-4 h-4\" />\n            </button>\n          </div>\n          <TinySlider refKey=\"announcementRef\" class=\"py-5\">\n            <div class=\"px-5\">\n              <div class=\"font-medium text-lg\">Midone Admin Template</div>\n              <div class=\"text-gray-700 dark:text-gray-600 mt-2\">\n                Lorem Ipsum is simply dummy text of the printing and typesetting\n                industry. Lorem Ipsum has been the industry's standard dummy\n                text ever since the 1500s.\n              </div>\n              <div class=\"flex items-center mt-5\">\n                <div\n                  class=\"px-3 py-2 bg-theme-14 dark:bg-dark-5 dark:text-gray-300 text-theme-10 rounded font-medium\"\n                >\n                  02 June 2021\n                </div>\n                <button\n                  class=\"button justify-center block bg-gray-200 dark:bg-dark-5 dark:text-gray-300 text-gray-600 ml-auto\"\n                >\n                  View Details\n                </button>\n              </div>\n            </div>\n            <div class=\"px-5\">\n              <div class=\"font-medium text-lg\">Midone Admin Template</div>\n              <div class=\"text-gray-700 dark:text-gray-600 mt-2\">\n                Lorem Ipsum is simply dummy text of the printing and typesetting\n                industry. Lorem Ipsum has been the industry's standard dummy\n                text ever since the 1500s.\n              </div>\n              <div class=\"flex items-center mt-5\">\n                <div\n                  class=\"px-3 py-2 bg-theme-14 dark:bg-dark-5 dark:text-gray-300 text-theme-10 rounded font-medium\"\n                >\n                  02 June 2021\n                </div>\n                <button\n                  class=\"button justify-center block bg-gray-200 dark:bg-dark-5 dark:text-gray-300 text-gray-600 ml-auto\"\n                >\n                  View Details\n                </button>\n              </div>\n            </div>\n            <div class=\"px-5\">\n              <div class=\"font-medium text-lg\">Midone Admin Template</div>\n              <div class=\"text-gray-700 dark:text-gray-600 mt-2\">\n                Lorem Ipsum is simply dummy text of the printing and typesetting\n                industry. Lorem Ipsum has been the industry's standard dummy\n                text ever since the 1500s.\n              </div>\n              <div class=\"flex items-center mt-5\">\n                <div\n                  class=\"px-3 py-2 bg-theme-14 dark:bg-dark-5 dark:text-gray-300 text-theme-10 rounded font-medium\"\n                >\n                  02 June 2021\n                </div>\n                <button\n                  class=\"button justify-center block bg-gray-200 dark:bg-dark-5 dark:text-gray-300 text-gray-600 ml-auto\"\n                >\n                  View Details\n                </button>\n              </div>\n            </div>\n          </TinySlider>\n        </div>\n        <!-- END: Announcement -->\n        <!-- BEGIN: Projects -->\n        <div class=\"intro-y box mt-5\">\n          <div\n            class=\"flex items-center px-5 py-3 border-b border-gray-200 dark:border-dark-5\"\n          >\n            <h2 class=\"font-medium text-base mr-auto\">Projects</h2>\n            <button\n              class=\"slick-navigator button px-2 border relative flex items-center text-gray-700 dark:text-gray-300 mr-2\"\n              @click=\"prevNewProjects\"\n            >\n              <ChevronLeftIcon class=\"w-4 h-4\" />\n            </button>\n            <button\n              class=\"slick-navigator button px-2 border relative flex items-center text-gray-700 dark:text-gray-300\"\n              @click=\"nextNewProjects\"\n            >\n              <ChevronRightIcon class=\"w-4 h-4\" />\n            </button>\n          </div>\n          <TinySlider refKey=\"newProjectsRef\" class=\"py-5\">\n            <div class=\"px-5\">\n              <div class=\"font-medium text-lg\">Midone Admin Template</div>\n              <div class=\"text-gray-700 dark:text-gray-600 mt-2\">\n                Lorem Ipsum is simply dummy text of the printing and typesetting\n                industry. Lorem Ipsum has been the industry's standard dummy\n                text ever since the 1500s.\n              </div>\n              <div class=\"mt-5\">\n                <div class=\"flex text-gray-600\">\n                  <div class=\"mr-auto\">Pending Tasks</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 class=\"w-1/2 h-full bg-theme-1 rounded-full\"></div>\n                </div>\n              </div>\n            </div>\n            <div class=\"px-5\">\n              <div class=\"font-medium text-lg\">Midone Admin Template</div>\n              <div class=\"text-gray-700 dark:text-gray-600 mt-2\">\n                Lorem Ipsum is simply dummy text of the printing and typesetting\n                industry. Lorem Ipsum has been the industry's standard dummy\n                text ever since the 1500s.\n              </div>\n              <div class=\"mt-5\">\n                <div class=\"flex text-gray-600\">\n                  <div class=\"mr-auto\">Pending Tasks</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 class=\"w-1/2 h-full bg-theme-1 rounded-full\"></div>\n                </div>\n              </div>\n            </div>\n            <div class=\"px-5\">\n              <div class=\"font-medium text-lg\">Midone Admin Template</div>\n              <div class=\"text-gray-700 dark:text-gray-600 mt-2\">\n                Lorem Ipsum is simply dummy text of the printing and typesetting\n                industry. Lorem Ipsum has been the industry's standard dummy\n                text ever since the 1500s.\n              </div>\n              <div class=\"mt-5\">\n                <div class=\"flex text-gray-600\">\n                  <div class=\"mr-auto\">Pending Tasks</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 class=\"w-1/2 h-full bg-theme-1 rounded-full\"></div>\n                </div>\n              </div>\n            </div>\n          </TinySlider>\n        </div>\n        <!-- END: Projects -->\n        <!-- BEGIN: Today Schedules -->\n        <div class=\"intro-y box mt-5\">\n          <div\n            class=\"flex items-center px-5 py-3 border-b border-gray-200 dark:border-dark-5\"\n          >\n            <h2 class=\"font-medium text-base mr-auto\">Today Schedules</h2>\n            <button\n              class=\"slick-navigator button px-2 border text-white relative flex items-center text-gray-700 dark:text-gray-300 mr-2\"\n              @click=\"prevTodaySchedules\"\n            >\n              <ChevronLeftIcon class=\"w-4 h-4\" />\n            </button>\n            <button\n              class=\"slick-navigator button px-2 border text-white relative flex items-center text-gray-700 dark:text-gray-300\"\n              @click=\"nextTodaySchedules\"\n            >\n              <ChevronRightIcon class=\"w-4 h-4\" />\n            </button>\n          </div>\n          <TinySlider refKey=\"todaySchedulesRef\" class=\"py-5\">\n            <div class=\"px-5 text-center sm:text-left\">\n              <div class=\"font-medium text-lg\">\n                Developing rest API with Laravel 7\n              </div>\n              <div class=\"mt-2\">11:15AM - 12:30PM</div>\n              <div class=\"flex flex-col sm:flex-row items-center mt-5\">\n                <div class=\"flex items-center text-gray-600\">\n                  <MapPinIcon class=\"hidden sm:block w-4 h-4 mr-2\" />\n                  1396 Pooh Bear Lane, New Market\n                </div>\n                <button\n                  class=\"button button--sm justify-center block bg-gray-200 dark:bg-dark-5 dark:text-gray-300 text-gray-600 sm:ml-auto mt-3 sm:mt-0\"\n                >\n                  View On Map\n                </button>\n              </div>\n            </div>\n            <div class=\"px-5 text-center sm:text-left\">\n              <div class=\"font-medium text-lg\">\n                Developing rest API with Laravel 7\n              </div>\n              <div class=\"mt-2\">11:15AM - 12:30PM</div>\n              <div class=\"flex flex-col sm:flex-row items-center mt-5\">\n                <div class=\"flex items-center text-gray-600\">\n                  <MapPinIcon class=\"hidden sm:block w-4 h-4 mr-2\" />\n                  1396 Pooh Bear Lane, New Market\n                </div>\n                <button\n                  class=\"button button--sm justify-center block bg-gray-200 dark:bg-dark-5 dark:text-gray-300 text-gray-600 sm:ml-auto mt-3 sm:mt-0\"\n                >\n                  View On Map\n                </button>\n              </div>\n            </div>\n            <div class=\"px-5 text-center sm:text-left\">\n              <div class=\"font-medium text-lg\">\n                Developing rest API with Laravel 7\n              </div>\n              <div class=\"mt-2\">11:15AM - 12:30PM</div>\n              <div class=\"flex flex-col sm:flex-row items-center mt-5\">\n                <div class=\"flex items-center text-gray-600\">\n                  <MapPinIcon class=\"hidden sm:block w-4 h-4 mr-2\" />\n                  1396 Pooh Bear Lane, New Market\n                </div>\n                <button\n                  class=\"button button--sm justify-center block bg-gray-200 dark:bg-dark-5 dark:text-gray-300 text-gray-600 sm:ml-auto mt-3 sm:mt-0\"\n                >\n                  View On Map\n                </button>\n              </div>\n            </div>\n          </TinySlider>\n        </div>\n        <!-- END: Today Schedules -->\n        <!-- BEGIN: Top Products -->\n        <div class=\"intro-y box mt-5\">\n          <div\n            class=\"flex items-center p-5 border-b border-gray-200 dark:border-dark-5\"\n          >\n            <h2 class=\"font-medium text-base mr-auto\">Top Products</h2>\n            <div class=\"dropdown ml-auto\">\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\" /> New Chat\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=\"p-5\">\n            <div\n              class=\"boxed-tabs nav-tabs justify-center flex flex-col sm:flex-row text-gray-700 dark:text-gray-300\"\n            >\n              <a\n                data-toggle=\"tab\"\n                data-target=\"#laravel\"\n                href=\"javascript:;\"\n                class=\"w-full sm:w-20 mb-2 sm:mb-0 py-2 rounded-md box dark:bg-dark-5 text-center sm:mx-2 active\"\n              >\n                <BoxIcon class=\"w-6 h-6 mb-2 mx-auto\" /> Laravel\n              </a>\n              <a\n                data-toggle=\"tab\"\n                data-target=\"#symfony\"\n                href=\"javascript:;\"\n                class=\"w-full sm:w-20 mb-2 sm:mb-0 py-2 rounded-md box dark:bg-dark-5 text-center sm:mx-2\"\n              >\n                <InboxIcon class=\"w-6 h-6 mb-2 mx-auto\" />\n                Symfony\n              </a>\n              <a\n                data-toggle=\"tab\"\n                data-target=\"#bootstrap\"\n                href=\"javascript:;\"\n                class=\"w-full sm:w-20 mb-2 sm:mb-0 py-2 rounded-md box dark:bg-dark-5 text-center sm:mx-2\"\n              >\n                <ActivityIcon class=\"w-6 h-6 mb-2 mx-auto\" />\n                Bootstrap\n              </a>\n            </div>\n            <div class=\"tab-content mt-8\">\n              <div id=\"laravel\" class=\"tab-content__pane active\">\n                <div class=\"flex flex-col sm:flex-row items-center\">\n                  <div class=\"mr-auto\">\n                    <a href=\"\" class=\"font-medium\">Wordpress Template</a>\n                    <div class=\"text-gray-600 mt-1\">HTML, PHP, Mysql</div>\n                  </div>\n                  <div class=\"w-full sm:w-auto flex items-center mt-3 sm:mt-0\">\n                    <div class=\"bg-theme-18 text-theme-9 rounded px-2 mr-5\">\n                      +20%\n                    </div>\n                    <div\n                      class=\"w-full sm:w-40 h-1 bg-gray-400 dark:bg-dark-1 rounded-full\"\n                    >\n                      <div class=\"w-1/2 h-full bg-theme-1 rounded-full\"></div>\n                    </div>\n                  </div>\n                </div>\n                <div class=\"flex flex-col sm:flex-row items-center mt-5\">\n                  <div class=\"mr-auto\">\n                    <a href=\"\" class=\"font-medium\">Laravel Template</a>\n                    <div class=\"text-gray-600 mt-1\">PHP, Mysql</div>\n                  </div>\n                  <div class=\"w-full sm:w-auto flex items-center mt-3 sm:mt-0\">\n                    <div class=\"bg-theme-18 text-theme-9 rounded px-2 mr-5\">\n                      +55%\n                    </div>\n                    <div\n                      class=\"w-full sm:w-40 h-1 bg-gray-400 dark:bg-dark-1 rounded-full\"\n                    >\n                      <div class=\"w-2/3 h-full bg-theme-1 rounded-full\"></div>\n                    </div>\n                  </div>\n                </div>\n                <div class=\"flex flex-col sm:flex-row items-center mt-5\">\n                  <div class=\"mr-auto\">\n                    <a href=\"\" class=\"font-medium\">Tailwind HTML Template</a>\n                    <div class=\"text-gray-600 mt-1\">HTML, CSS, JS</div>\n                  </div>\n                  <div class=\"w-full sm:w-auto flex items-center mt-3 sm:mt-0\">\n                    <div class=\"bg-theme-18 text-theme-9 rounded px-2 mr-5\">\n                      +40%\n                    </div>\n                    <div\n                      class=\"w-full sm:w-40 h-1 bg-gray-400 dark:bg-dark-1 rounded-full\"\n                    >\n                      <div class=\"w-3/4 h-full bg-theme-1 rounded-full\"></div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n        <!-- END: Top Products -->\n        <!-- BEGIN: Work In Progress -->\n        <div class=\"intro-y box mt-5\">\n          <div\n            class=\"flex items-center px-5 py-5 sm:py-0 border-b border-gray-200 dark:border-dark-5\"\n          >\n            <h2 class=\"font-medium text-base mr-auto\">Work In Progress</h2>\n            <div class=\"dropdown ml-auto sm:hidden\">\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=\"nav-tabs dropdown-box w-40\">\n                <div class=\"dropdown-box__content box dark:bg-dark-1 p-2\">\n                  <a\n                    href=\"javascript:;\"\n                    data-toggle=\"tab\"\n                    data-target=\"#new\"\n                    class=\"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                    >New</a\n                  >\n                  <a\n                    href=\"javascript:;\"\n                    data-toggle=\"tab\"\n                    data-target=\"#last-week\"\n                    class=\"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                    >Last Week</a\n                  >\n                </div>\n              </div>\n            </div>\n            <div class=\"nav-tabs ml-auto hidden sm:flex\">\n              <a\n                data-toggle=\"tab\"\n                data-target=\"#work-in-progress-new\"\n                href=\"javascript:;\"\n                class=\"py-5 ml-6 active\"\n                >New</a\n              >\n              <a\n                data-toggle=\"tab\"\n                data-target=\"#work-in-progress-last-week\"\n                href=\"javascript:;\"\n                class=\"py-5 ml-6\"\n                >Last Week</a\n              >\n            </div>\n          </div>\n          <div class=\"p-5\">\n            <div class=\"tab-content\">\n              <div id=\"work-in-progress-new\" class=\"tab-content__pane active\">\n                <div>\n                  <div class=\"flex\">\n                    <div class=\"mr-auto\">Pending Tasks</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 class=\"w-1/2 h-full bg-theme-1 rounded-full\"></div>\n                  </div>\n                </div>\n                <div class=\"mt-5\">\n                  <div class=\"flex\">\n                    <div class=\"mr-auto\">Completed Tasks</div>\n                    <div>2 / 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 class=\"w-1/4 h-full bg-theme-1 rounded-full\"></div>\n                  </div>\n                </div>\n                <div class=\"mt-5\">\n                  <div class=\"flex\">\n                    <div class=\"mr-auto\">Tasks In Progress</div>\n                    <div>42</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 class=\"w-3/4 h-full bg-theme-1 rounded-full\"></div>\n                  </div>\n                </div>\n                <a\n                  href=\"\"\n                  class=\"button w-40 mx-auto justify-center block bg-gray-200 dark:bg-dark-5 dark:text-gray-300 text-gray-600 mt-5\"\n                  >View More Details</a\n                >\n              </div>\n            </div>\n          </div>\n        </div>\n        <!-- END: Work In Progress -->\n        <!-- BEGIN: Latest Tasks -->\n        <div class=\"intro-y box mt-5\">\n          <div\n            class=\"flex items-center px-5 py-5 sm:py-0 border-b border-gray-200 dark:border-dark-5\"\n          >\n            <h2 class=\"font-medium text-base mr-auto\">Latest Tasks</h2>\n            <div class=\"dropdown ml-auto sm:hidden\">\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=\"nav-tabs dropdown-box w-40\">\n                <div class=\"dropdown-box__content box dark:bg-dark-1 p-2\">\n                  <a\n                    href=\"javascript:;\"\n                    data-toggle=\"tab\"\n                    data-target=\"#new\"\n                    class=\"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                    >New</a\n                  >\n                  <a\n                    href=\"javascript:;\"\n                    data-toggle=\"tab\"\n                    data-target=\"#last-week\"\n                    class=\"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                    >Last Week</a\n                  >\n                </div>\n              </div>\n            </div>\n            <div class=\"nav-tabs ml-auto hidden sm:flex\">\n              <a\n                data-toggle=\"tab\"\n                data-target=\"#latest-tasks-new\"\n                href=\"javascript:;\"\n                class=\"py-5 ml-6 active\"\n                >New</a\n              >\n              <a\n                data-toggle=\"tab\"\n                data-target=\"#latest-tasks-last-week\"\n                href=\"javascript:;\"\n                class=\"py-5 ml-6\"\n                >Last Week</a\n              >\n            </div>\n          </div>\n          <div class=\"p-5\">\n            <div class=\"tab-content\">\n              <div id=\"latest-tasks-new\" class=\"tab-content__pane active\">\n                <div class=\"flex items-center\">\n                  <div class=\"border-l-2 border-theme-1 pl-4\">\n                    <a href=\"\" class=\"font-medium\">Create New Campaign</a>\n                    <div class=\"text-gray-600\">10:00 AM</div>\n                  </div>\n                  <input\n                    class=\"input input--switch ml-auto border\"\n                    type=\"checkbox\"\n                  />\n                </div>\n                <div class=\"flex items-center mt-5\">\n                  <div class=\"border-l-2 border-theme-1 pl-4\">\n                    <a href=\"\" class=\"font-medium\">Meeting With Client</a>\n                    <div class=\"text-gray-600\">02:00 PM</div>\n                  </div>\n                  <input\n                    class=\"input input--switch ml-auto border\"\n                    type=\"checkbox\"\n                  />\n                </div>\n                <div class=\"flex items-center mt-5\">\n                  <div class=\"border-l-2 border-theme-1 pl-4\">\n                    <a href=\"\" class=\"font-medium\">Create New Repository</a>\n                    <div class=\"text-gray-600\">04:00 PM</div>\n                  </div>\n                  <input\n                    class=\"input input--switch ml-auto border\"\n                    type=\"checkbox\"\n                  />\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n        <!-- END: Latest Tasks -->\n        <!-- BEGIN: General Statistics -->\n        <div class=\"intro-y box mt-5\">\n          <div\n            class=\"flex items-center px-5 py-3 border-b border-gray-200 dark:border-dark-5\"\n          >\n            <h2 class=\"font-medium text-base mr-auto\">General Statistics</h2>\n            <div class=\"dropdown ml-auto\">\n              <a\n                class=\"dropdown-toggle w-5 h-5 block sm:hidden\"\n                href=\"javascript:;\"\n              >\n                <MoreHorizontalIcon\n                  class=\"w-5 h-5 text-gray-600 dark:text-gray-300\"\n                />\n              </a>\n              <button\n                class=\"dropdown-toggle button font-normal border dark:border-dark-5 text-white relative items-center text-gray-700 dark:text-gray-300 hidden sm:flex\"\n              >\n                Export <ChevronDownIcon class=\"w-4 h-4 ml-2\" />\n              </button>\n              <div class=\"dropdown-box w-40\">\n                <div class=\"dropdown-box__content box dark:bg-dark-1\">\n                  <div\n                    class=\"px-4 py-2 border-b border-gray-200 dark:border-dark-5 font-medium\"\n                  >\n                    Export Tools\n                  </div>\n                  <div class=\"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                      <PrinterIcon\n                        class=\"w-4 h-4 text-gray-700 dark:text-gray-300 mr-2\"\n                      />\n                      Print\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                      <ExternalLinkIcon\n                        class=\"w-4 h-4 text-gray-700 dark:text-gray-300 mr-2\"\n                      />\n                      Excel\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                      <FileTextIcon\n                        class=\"w-4 h-4 text-gray-700 dark:text-gray-300 mr-2\"\n                      />\n                      CSV\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                      <ArchiveIcon\n                        class=\"w-4 h-4 text-gray-700 dark:text-gray-300 mr-2\"\n                      />\n                      PDF\n                    </a>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div class=\"p-5\">\n            <div class=\"flex flex-col sm:flex-row items-center\">\n              <div class=\"flex flex-wrap sm:flex-nowrap mr-auto\">\n                <div class=\"flex items-center mr-5 mb-1 sm:mb-0\">\n                  <div class=\"w-2 h-2 bg-theme-11 rounded-full mr-3\"></div>\n                  <span>Author Sales</span>\n                </div>\n                <div class=\"flex items-center mr-5 mb-1 sm:mb-0\">\n                  <div class=\"w-2 h-2 bg-theme-1 rounded-full mr-3\"></div>\n                  <span>Product Profit</span>\n                </div>\n              </div>\n              <div class=\"dropdown mt-3 sm:mt-0 mr-auto sm:mr-0\">\n                <button\n                  class=\"dropdown-toggle button font-normal border dark:border-dark-5 text-white relative flex items-center text-gray-700 dark:text-gray-300\"\n                >\n                  Filter by Month\n                  <ChevronDownIcon class=\"w-4 h-4 ml-2\" />\n                </button>\n                <div class=\"dropdown-box w-40\">\n                  <div\n                    class=\"dropdown-box__content box dark:bg-dark-1 p-2 overflow-y-auto h-32\"\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                      >January</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                      >February</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                      >March</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                      >June</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                      >July</a\n                    >\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div class=\"report-chart mt-8\">\n              <ReportLineChart :height=\"130\" />\n            </div>\n          </div>\n        </div>\n        <!-- END: General Statistics -->\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref, provide } from 'vue'\nimport ReportLineChart from '@/midone/components/report-line-chart/Main.vue'\n\nexport default defineComponent({\n  components: {\n    ReportLineChart\n  },\n  setup () {\n    const announcementRef = ref<HTMLElement>()\n    const newProjectsRef = ref<HTMLElement>()\n    const todaySchedulesRef = ref<HTMLElement>()\n\n    provide('bind[announcementRef]', (el: HTMLElement) => {\n      announcementRef.value = el\n    })\n\n    provide('bind[newProjectsRef]', (el: HTMLElement) => {\n      newProjectsRef.value = el\n    })\n\n    provide('bind[todaySchedulesRef]', (el: HTMLElement) => {\n      todaySchedulesRef.value = el\n    })\n\n    const prevAnnouncement = () => {\n      const el: any = announcementRef.value\n      el.tns.goTo('prev')\n    }\n    const nextAnnouncement = () => {\n      const el: any = announcementRef.value\n      el.tns.goTo('next')\n    }\n    const prevNewProjects = () => {\n      const el: any = newProjectsRef.value\n      el.tns.goTo('prev')\n    }\n    const nextNewProjects = () => {\n      const el: any = newProjectsRef.value\n      el.tns.goTo('next')\n    }\n    const prevTodaySchedules = () => {\n      const el: any = todaySchedulesRef.value\n      el.tns.goTo('prev')\n    }\n    const nextTodaySchedules = () => {\n      const el: any = todaySchedulesRef.value\n      el.tns.goTo('next')\n    }\n\n    return {\n      prevAnnouncement,\n      nextAnnouncement,\n      prevNewProjects,\n      nextNewProjects,\n      prevTodaySchedules,\n      nextTodaySchedules\n    }\n  }\n})\n</script>\n","\nimport { defineComponent, ref, provide } from 'vue'\nimport ReportLineChart from '@/midone/components/report-line-chart/Main.vue'\n\nexport default defineComponent({\n  components: {\n    ReportLineChart\n  },\n  setup () {\n    const announcementRef = ref<HTMLElement>()\n    const newProjectsRef = ref<HTMLElement>()\n    const todaySchedulesRef = ref<HTMLElement>()\n\n    provide('bind[announcementRef]', (el: HTMLElement) => {\n      announcementRef.value = el\n    })\n\n    provide('bind[newProjectsRef]', (el: HTMLElement) => {\n      newProjectsRef.value = el\n    })\n\n    provide('bind[todaySchedulesRef]', (el: HTMLElement) => {\n      todaySchedulesRef.value = el\n    })\n\n    const prevAnnouncement = () => {\n      const el: any = announcementRef.value\n      el.tns.goTo('prev')\n    }\n    const nextAnnouncement = () => {\n      const el: any = announcementRef.value\n      el.tns.goTo('next')\n    }\n    const prevNewProjects = () => {\n      const el: any = newProjectsRef.value\n      el.tns.goTo('prev')\n    }\n    const nextNewProjects = () => {\n      const el: any = newProjectsRef.value\n      el.tns.goTo('next')\n    }\n    const prevTodaySchedules = () => {\n      const el: any = todaySchedulesRef.value\n      el.tns.goTo('prev')\n    }\n    const nextTodaySchedules = () => {\n      const el: any = todaySchedulesRef.value\n      el.tns.goTo('next')\n    }\n\n    return {\n      prevAnnouncement,\n      nextAnnouncement,\n      prevNewProjects,\n      nextNewProjects,\n      prevTodaySchedules,\n      nextTodaySchedules\n    }\n  }\n})\n","import { render } from \"./Main.vue?vue&type=template&id=a1eac41e\"\nimport script from \"./Main.vue?vue&type=script&lang=ts\"\nexport * from \"./Main.vue?vue&type=script&lang=ts\"\nscript.render = render\n\nexport default script","<template>\n  <Chart\n    type=\"line\"\n    :width=\"width\"\n    :height=\"height\"\n    :data=\"data\"\n    :options=\"options\"\n  />\n</template>\n\n<script lang=\"ts\">\nimport context from '@cloudfun/core'\nimport { defineComponent, computed } from 'vue'\n\nexport default defineComponent({\n  props: {\n    width: {\n      type: Number,\n      default: 0\n    },\n    height: {\n      type: Number,\n      default: 0\n    }\n  },\n  setup () {\n    const store = context.current?.model\n    const darkMode = computed(() => store?.state.main.darkMode)\n    const data = computed(() => {\n      return {\n        labels: [\n          'Jan',\n          'Feb',\n          'Mar',\n          'Apr',\n          'May',\n          'Jun',\n          'Jul',\n          'Aug',\n          'Sep',\n          'Oct',\n          'Nov',\n          'Dec'\n        ],\n        datasets: [\n          {\n            label: '# of Votes',\n            data: [0, 200, 250, 200, 500, 450, 850, 1050, 950, 1100, 900, 1200],\n            borderWidth: 2,\n            borderColor: '#3160D8',\n            backgroundColor: 'transparent',\n            pointBorderColor: 'transparent'\n          },\n          {\n            label: '# of Votes',\n            data: [0, 300, 400, 560, 320, 600, 720, 850, 690, 805, 1200, 1010],\n            borderWidth: 2,\n            borderDash: [2, 2],\n            borderColor: '#a0afbf',\n            backgroundColor: 'transparent',\n            pointBorderColor: 'transparent'\n          }\n        ]\n      }\n    })\n    const options = computed(() => {\n      return {\n        legend: {\n          display: false\n        },\n        scales: {\n          xAxes: [\n            {\n              ticks: {\n                fontSize: '12',\n                fontColor: darkMode.value ? '#718096' : '#777777'\n              },\n              gridLines: {\n                display: false\n              }\n            }\n          ],\n          yAxes: [\n            {\n              ticks: {\n                fontSize: '12',\n                fontColor: darkMode.value ? '#718096' : '#777777',\n                callback: function (value: number) {\n                  return '$' + value\n                }\n              },\n              gridLines: {\n                color: darkMode.value ? '#718096' : '#D8D8D8',\n                zeroLineColor: darkMode.value ? '#718096' : '#D8D8D8',\n                borderDash: [2, 2],\n                zeroLineBorderDash: [2, 2],\n                drawBorder: false\n              }\n            }\n          ]\n        }\n      }\n    })\n\n    return {\n      data,\n      options\n    }\n  }\n})\n</script>\n","\nimport context from '@cloudfun/core'\nimport { defineComponent, computed } from 'vue'\n\nexport default defineComponent({\n  props: {\n    width: {\n      type: Number,\n      default: 0\n    },\n    height: {\n      type: Number,\n      default: 0\n    }\n  },\n  setup () {\n    const store = context.current?.model\n    const darkMode = computed(() => store?.state.main.darkMode)\n    const data = computed(() => {\n      return {\n        labels: [\n          'Jan',\n          'Feb',\n          'Mar',\n          'Apr',\n          'May',\n          'Jun',\n          'Jul',\n          'Aug',\n          'Sep',\n          'Oct',\n          'Nov',\n          'Dec'\n        ],\n        datasets: [\n          {\n            label: '# of Votes',\n            data: [0, 200, 250, 200, 500, 450, 850, 1050, 950, 1100, 900, 1200],\n            borderWidth: 2,\n            borderColor: '#3160D8',\n            backgroundColor: 'transparent',\n            pointBorderColor: 'transparent'\n          },\n          {\n            label: '# of Votes',\n            data: [0, 300, 400, 560, 320, 600, 720, 850, 690, 805, 1200, 1010],\n            borderWidth: 2,\n            borderDash: [2, 2],\n            borderColor: '#a0afbf',\n            backgroundColor: 'transparent',\n            pointBorderColor: 'transparent'\n          }\n        ]\n      }\n    })\n    const options = computed(() => {\n      return {\n        legend: {\n          display: false\n        },\n        scales: {\n          xAxes: [\n            {\n              ticks: {\n                fontSize: '12',\n                fontColor: darkMode.value ? '#718096' : '#777777'\n              },\n              gridLines: {\n                display: false\n              }\n            }\n          ],\n          yAxes: [\n            {\n              ticks: {\n                fontSize: '12',\n                fontColor: darkMode.value ? '#718096' : '#777777',\n                callback: function (value: number) {\n                  return '$' + value\n                }\n              },\n              gridLines: {\n                color: darkMode.value ? '#718096' : '#D8D8D8',\n                zeroLineColor: darkMode.value ? '#718096' : '#D8D8D8',\n                borderDash: [2, 2],\n                zeroLineBorderDash: [2, 2],\n                drawBorder: false\n              }\n            }\n          ]\n        }\n      }\n    })\n\n    return {\n      data,\n      options\n    }\n  }\n})\n","import { render } from \"./Main.vue?vue&type=template&id=b72f0d2e\"\nimport script from \"./Main.vue?vue&type=script&lang=ts\"\nexport * from \"./Main.vue?vue&type=script&lang=ts\"\nscript.render = render\n\nexport default script"],"sourceRoot":""}