{"version":3,"sources":["webpack:///./src/midone/views/crud-data-list/Main.vue","webpack:///./src/midone/views/crud-data-list/Main.vue?f5fd"],"names":["class","href","type","placeholder","data-toggle","data-target","id","data-dismiss","$_","take","$f","faker","fakerKey","key","tag","alt","src","images","content","dates","products","name","category","stocks","trueFalse","script","render"],"mappings":"qJAEI,gCAAmE,MAA/DA,MAAM,qCAAoC,oBAAgB,G,GACzDA,MAAM,gC,GAEPA,MAAM,uE,EAEN,gCAES,UAFDA,MAAM,+CAA8C,qBAE5D,G,GACKA,MAAM,Y,GAEPA,MAAM,oE,GAEAA,MAAM,4C,GAITA,MAAM,qB,GACJA,MAAM,gD,GAEPC,KAAK,GACLD,MAAM,6I,+BAE8B,W,GAGpCC,KAAK,GACLD,MAAM,6I,+BAE+B,qB,GAGrCC,KAAK,GACLD,MAAM,6I,+BAE+B,mB,EAK7C,gCAEM,OAFDA,MAAM,yCAAwC,oCAEnD,G,GACKA,MAAM,oD,GACJA,MAAM,kD,EACT,gCAIE,SAHAE,KAAK,OACLF,MAAM,uBACNG,YAAY,a,YASfH,MAAM,yD,GACFA,MAAM,4B,EACX,gCAQQ,cAPN,gCAMK,WALH,gCAAyC,MAArCA,MAAM,qBAAoB,UAC9B,gCAA+C,MAA3CA,MAAM,qBAAoB,gBAC9B,gCAAoD,MAAhDA,MAAM,iCAAgC,SAC1C,gCAAqD,MAAjDA,MAAM,iCAAgC,UAC1C,gCAAsD,MAAlDA,MAAM,iCAAgC,e,MAStCA,MAAM,Q,GACHA,MAAM,Q,GACJA,MAAM,+B,GASNA,MAAM,qC,GASNA,MAAM,qC,GAYVC,KAAK,GAAGD,MAAM,iC,GAGZA,MAAM,kD,GAITA,MAAM,e,GACNA,MAAM,Q,GAYNA,MAAM,6B,GACHA,MAAM,oC,GACNA,MAAM,yBAAyBC,KAAK,gB,+BACG,U,GAIxCD,MAAM,iCACNC,KAAK,eACLG,cAAY,QACZC,cAAY,8B,+BAEuB,Y,GAW/CL,MAAM,8E,GAEFA,MAAM,c,GAEHA,MAAM,mBAAmBC,KAAK,I,GAK9BD,MAAM,mBAAmBC,KAAK,I,iUAoB9BD,MAAM,mBAAmBC,KAAK,I,GAK9BD,MAAM,mBAAmBC,KAAK,I,EAKrC,gCAKS,UALDD,MAAM,+BAA6B,CACzC,gCAAmB,cAAX,MACR,gCAAmB,cAAX,MACR,gCAAmB,cAAX,MACR,gCAAmB,cAAX,Q,MAMTM,GAAG,4BAA4BN,MAAM,S,GACnCA,MAAM,kB,GACJA,MAAM,mB,EAET,gCAA8C,OAAzCA,MAAM,iBAAgB,iBAAa,G,EACxC,gCAGM,OAHDA,MAAM,sBAAqB,gFAGhC,G,GAEF,gCAWM,OAXDA,MAAM,yBAAuB,CAChC,gCAMS,UALPE,KAAK,SACLK,eAAa,QACbP,MAAM,yCACP,YAGD,gCAES,UAFDE,KAAK,SAASF,MAAM,qCAAoC,c,soBAxNxE,gCA+NM,YA9NJ,EACA,gCAkMM,MAlMN,EAkMM,CAjMJ,gCAoDM,MApDN,EAoDM,CAjDJ,EAGA,gCA8BM,MA9BN,EA8BM,CA7BJ,gCAMS,SANT,EAMS,CAHP,gCAEO,OAFP,EAEO,CADL,yBAA4B,IAAlBA,MAAM,gBAGpB,gCAqBM,MArBN,EAqBM,CApBJ,gCAmBM,MAnBN,EAmBM,CAlBJ,gCAKI,IALJ,EAKI,CADF,yBAAoC,IAAvBA,MAAM,iB,IAErB,gCAKI,IALJ,EAKI,CADF,yBAAqC,IAAvBA,MAAM,iB,IAEtB,gCAKI,IALJ,EAKI,CADF,yBAAqC,IAAvBA,MAAM,iB,UAK5B,EAGA,gCAWM,MAXN,EAWM,CAVJ,gCASM,MATN,EASM,CARJ,EAKA,yBAEE,IADAA,MAAM,0DAMd,gCAwFM,MAxFN,EAwFM,CAvFJ,gCAsFQ,QAtFR,EAsFQ,CArFN,EASA,gCA2EQ,e,2BA1EN,gCAyEK,2CAxEyB,EAAAQ,GAAGC,KAAK,EAAAC,KAAE,aAA9BC,EAAOC,G,gCADjB,gCAyEK,MAvEFC,IAAKD,EACNZ,MAAM,W,CAEN,gCA8BK,KA9BL,EA8BK,CA7BH,gCA4BM,MA5BN,EA4BM,CA3BJ,gCAQM,MARN,EAQM,CAPJ,yBAME,IALAc,IAAI,MACJC,IAAI,sCACJf,MAAM,eACLgB,IAAK,UAAQ,YAA0BL,EAAMM,OAAM,KACnDC,QAAO,sBAAiBP,EAAMQ,MAAK,K,4BAGxC,gCAQM,MARN,EAQM,CAPJ,yBAME,IALAL,IAAI,MACJC,IAAI,sCACJf,MAAM,eACLgB,IAAK,UAAQ,YAA0BL,EAAMM,OAAM,KACnDC,QAAO,sBAAiBP,EAAMQ,MAAK,K,4BAGxC,gCAQM,MARN,EAQM,CAPJ,yBAME,IALAL,IAAI,MACJC,IAAI,sCACJf,MAAM,eACLgB,IAAK,UAAQ,YAA0BL,EAAMM,OAAM,KACnDC,QAAO,sBAAiBP,EAAMQ,MAAK,K,gCAK5C,gCAOK,WANH,gCAEM,IAFN,EAEM,6BADJR,EAAMS,SAAQ,GAAIC,MAAI,GAExB,gCAEM,MAFN,EAEM,6BADDV,EAAMS,SAAQ,GAAIE,UAAQ,KAGjC,gCAAkD,KAAlD,EAAkD,6BAAvBX,EAAMY,OAAM,OACvC,gCAWK,KAXL,EAWK,CAVH,gCASM,OARJvB,MAAK,6BAAC,mCAAkC,C,eACM,EAAM,UAAS,G,gBAA0C,EAAM,UAAS,O,CAKtH,yBAAwC,IAAvBA,MAAM,iB,6BAAiB,IACxC,6BAAGW,EAAMa,UAAS,4B,KAGtB,gCAeK,KAfL,EAeK,CAdH,gCAaM,MAbN,EAaM,CAZJ,gCAGI,IAHJ,EAGI,CAFF,yBAAwC,IAAvBxB,MAAM,iB,IAGzB,gCAOI,IAPJ,EAOI,CADF,yBAAmC,IAAvBA,MAAM,iB,yBAUhC,gCA8CM,MA9CN,EA8CM,CA3CJ,gCAoCK,KApCL,EAoCK,CAnCH,gCAIK,WAHH,gCAEI,IAFJ,EAEI,CADF,yBAAoC,IAAlBA,MAAM,gBAG5B,gCAIK,WAHH,gCAEI,IAFJ,EAEI,CADF,yBAAmC,IAAlBA,MAAM,gBAG3B,EAeA,gCAIK,WAHH,gCAEI,IAFJ,EAEI,CADF,yBAAoC,IAAlBA,MAAM,gBAG5B,gCAIK,WAHH,gCAEI,IAFJ,EAEI,CADF,yBAAqC,IAAlBA,MAAM,kBAI/B,MAUJ,gCAuBM,MAvBN,EAuBM,CAtBJ,gCAqBM,MArBN,EAqBM,CApBJ,gCAOM,MAPN,EAOM,CANJ,yBAA2D,IAA9CA,MAAM,wCACnB,EACA,IAKF,SChNR,MAAMyB,GAAS,GACfA,GAAOC,OAASA,GAED","file":"js/chunk-2d0b6c89.8e69d9a4.js","sourcesContent":["<template>\n  <div>\n    <h2 class=\"intro-y text-lg font-medium mt-10\">Data List 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 Product\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                <PrinterIcon class=\"w-4 h-4 mr-2\" /> 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                <FileTextIcon class=\"w-4 h-4 mr-2\" /> Export to 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 class=\"w-4 h-4 mr-2\" /> Export to PDF\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: Data List -->\n      <div class=\"intro-y col-span-12 overflow-auto lg:overflow-visible\">\n        <table class=\"table table-report -mt-2\">\n          <thead>\n            <tr>\n              <th class=\"whitespace-nowrap\">IMAGES</th>\n              <th class=\"whitespace-nowrap\">PRODUCT NAME</th>\n              <th class=\"text-center whitespace-nowrap\">STOCK</th>\n              <th class=\"text-center whitespace-nowrap\">STATUS</th>\n              <th class=\"text-center whitespace-nowrap\">ACTIONS</th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr\n              v-for=\"(faker, fakerKey) in $_.take($f(), 9)\"\n              :key=\"fakerKey\"\n              class=\"intro-x\"\n            >\n              <td class=\"w-40\">\n                <div class=\"flex\">\n                  <div class=\"w-10 h-10 image-fit zoom-in\">\n                    <Tippy\n                      tag=\"img\"\n                      alt=\"Midone Tailwind HTML Admin Template\"\n                      class=\"rounded-full\"\n                      :src=\"require(`@/midone/assets/images/${faker.images[0]}`)\"\n                      :content=\"`Uploaded at ${faker.dates[0]}`\"\n                    />\n                  </div>\n                  <div class=\"w-10 h-10 image-fit zoom-in -ml-5\">\n                    <Tippy\n                      tag=\"img\"\n                      alt=\"Midone Tailwind HTML Admin Template\"\n                      class=\"rounded-full\"\n                      :src=\"require(`@/midone/assets/images/${faker.images[1]}`)\"\n                      :content=\"`Uploaded at ${faker.dates[0]}`\"\n                    />\n                  </div>\n                  <div class=\"w-10 h-10 image-fit zoom-in -ml-5\">\n                    <Tippy\n                      tag=\"img\"\n                      alt=\"Midone Tailwind HTML Admin Template\"\n                      class=\"rounded-full\"\n                      :src=\"require(`@/midone/assets/images/${faker.images[2]}`)\"\n                      :content=\"`Uploaded at ${faker.dates[0]}`\"\n                    />\n                  </div>\n                </div>\n              </td>\n              <td>\n                <a href=\"\" class=\"font-medium whitespace-nowrap\">{{\n                  faker.products[0].name\n                }}</a>\n                <div class=\"text-gray-600 text-xs whitespace-nowrap mt-0.5\">\n                  {{ faker.products[0].category }}\n                </div>\n              </td>\n              <td class=\"text-center\">{{ faker.stocks[0] }}</td>\n              <td class=\"w-40\">\n                <div\n                  class=\"flex items-center justify-center\"\n                  :class=\"{\n                    'text-theme-9': faker.trueFalse[0],\n                    'text-theme-6': !faker.trueFalse[0],\n                  }\"\n                >\n                  <CheckSquareIcon class=\"w-4 h-4 mr-2\" />\n                  {{ faker.trueFalse[0] ? \"Active\" : \"Inactive\" }}\n                </div>\n              </td>\n              <td class=\"table-report__action w-56\">\n                <div class=\"flex justify-center items-center\">\n                  <a class=\"flex items-center mr-3\" href=\"javascript:;\">\n                    <CheckSquareIcon class=\"w-4 h-4 mr-1\" />\n                    Edit\n                  </a>\n                  <a\n                    class=\"flex items-center text-theme-6\"\n                    href=\"javascript:;\"\n                    data-toggle=\"modal\"\n                    data-target=\"#delete-confirmation-modal\"\n                  >\n                    <Trash2Icon class=\"w-4 h-4 mr-1\" /> Delete\n                  </a>\n                </div>\n              </td>\n            </tr>\n          </tbody>\n        </table>\n      </div>\n      <!-- END: Data List -->\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    <!-- BEGIN: Delete Confirmation Modal -->\n    <div id=\"delete-confirmation-modal\" class=\"modal\">\n      <div class=\"modal__content\">\n        <div class=\"p-5 text-center\">\n          <xCircleIcon class=\"w-16 h-16 text-theme-6 mx-auto mt-3\" />\n          <div class=\"text-3xl mt-5\">Are you sure?</div>\n          <div class=\"text-gray-600 mt-2\">\n            Do you really want to delete these records? This process cannot be\n            undone.\n          </div>\n        </div>\n        <div class=\"px-5 pb-8 text-center\">\n          <button\n            type=\"button\"\n            data-dismiss=\"modal\"\n            class=\"button w-24 border text-gray-700 mr-1\"\n          >\n            Cancel\n          </button>\n          <button type=\"button\" class=\"button w-24 bg-theme-6 text-white\">\n            Delete\n          </button>\n        </div>\n      </div>\n    </div>\n    <!-- END: Delete Confirmation Modal -->\n  </div>\n</template>\n","import { render } from \"./Main.vue?vue&type=template&id=04f9a22f\"\nconst script = {}\nscript.render = render\n\nexport default script"],"sourceRoot":""}