{"version":3,"sources":["webpack:///./src/components/UI/MultipleCardSkeleton.vue?1417","webpack:///./src/views/Project/Channels.vue","webpack:///./src/config/IntegrationsConfig.js","webpack:///./src/components/UI/wrappers/WrapperChannels.vue","webpack:///./src/components/UI/wrappers/WrapperChannels.vue?d20f","webpack:///./src/components/UI/MultipleCardSkeleton.vue","webpack:///./src/components/UI/MultipleCardSkeleton.vue?e9ba","webpack:///./src/views/Project/Channels.vue?2fd7","webpack:///./node_modules/primevue/card/card.esm.js"],"names":["class","_createElementVNode","xmlns","width","height","fill","viewBox","stroke","stroke-width","stroke-linecap","stroke-linejoin","d","_createElementBlock","_createVNode","_component_WrapperChannels","onSearch","$options","_component_TransitionFade","_hoisted_1","$data","_createBlock","_component_MultipleCardSkeleton","key","length","_hoisted_3","_Fragment","channel","_component_Card","id","content","_hoisted_4","_hoisted_5","_hoisted_6","src","avatar_short","alt","name","_hoisted_8","_hoisted_9","existCredential","_component_Button","type","icon","iconPos","onClick","_ctx","push","params","label","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","IntegrationData","handleSubtitle","subtitle","_hoisted_2","placeholder","$setup","setup","t","locale","useI18n","emits","data","currentProject","this","$route","show","filterKeyword","response","statics_integrations","stateFilter","methods","search","$emit","changeGridView","$store","dispatch","changeListView","staticsIntegrations","axiosClient","get","__exports__","components","MultipleCardSkeleton","TransitionFade","WrapperChannels","Card","Button","sort","limit","default","channels","channelsAll","loading","computed","getActiveProject","state","Projects","activeProject","subTitle","searchChannel","value","regex","RegExp","filter","f","test","getChannels","async","Channels","forEach","includes","render","script","_hoisted_7","_cache","$props","$slots","styleInject","css","ref","insertAt","document","head","getElementsByTagName","style","createElement","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","css_248z"],"mappings":"gHAAA,W,8ECMeA,MAAM,kE,aAGFA,MAAM,wD,GAGAA,MAAM,2B,GACJA,MAAM,+B,GACJA,MAAM,yB,mBAEJA,MAAM,0C,GAGVA,MAAM,6B,SASyBA,MAAM,mC,EAClDC,eAEM,OAFDC,MAAM,6BAA6BF,MAAM,6BAA6BG,MAAM,KAAKC,OAAO,KAAKC,KAAK,OAAOC,QAAQ,YAAYC,OAAO,eAAeC,eAAa,K,CACnKP,eAAuN,QAAjNQ,iBAAe,QAAQC,kBAAgB,QAAQC,EAAE,kK,MAErDX,MAAM,6C,GACPA,MAAM,2C,0NAhCrBY,eAsCM,YArCJC,eAA2CC,GAAzBC,SAAQC,iBAAa,qBACvCf,eAmCM,YAlCJY,eAiCiBI,Q,wBAhCf,IA+BM,CA/BNhB,eA+BM,YA9BJA,eA6BM,MA7BNiB,EA6BM,CA5BwBC,WAAO,iBAAnCC,eAAuCC,GAAAC,SAAA,sBAC5BH,WAASI,QAAM,iBAA1BX,eAmBM,SAlBJX,eAiBM,MAjBNuB,EAiBM,qBAhBJZ,eAeOa,2BAfiBN,WAAXO,I,iBAAbN,eAeOO,GAf4BL,IAAKI,EAAQE,I,CACnCC,QAAO,gBAChB,IAWM,CAXN5B,eAWM,MAXN6B,EAWM,CAVJ7B,eAKM,MALN8B,EAKM,CAJJ9B,eAGM,MAHN+B,EAGM,CAFJ/B,eAAkG,OAA5FgC,IAAKP,EAAQQ,aAAeC,IAAQT,EAAQU,KAAb,QAA0BpC,MAAM,4B,UACrEC,eAA4E,MAA5EoC,EAA4E,eAArBX,EAAQU,MAAI,OAGvEnC,eAGM,MAHNqC,EAGM,CAFUZ,EAAQa,iBAAe,iBAArCnB,eAAmQoB,G,MAA5NC,KAAK,SAASC,KAAK,aAAaC,QAAQ,OAAQC,QAAK,GAAEC,UAAQC,KAAK,YAAYD,SAAOE,OAAOnB,0BAA0BF,EAAQE,MAAQoB,MAAOH,KAAG,6BAA8B7C,MAAM,qC,+CAC7NoB,eAAiPoB,G,MAAlOC,KAAK,SAASC,KAAK,cAAcC,QAAQ,OAAQC,QAAK,GAAEC,UAAQC,KAAK,YAAYD,SAAOE,OAAOnB,0BAA0BF,EAAQE,MAAQoB,MAAOH,KAAG,gCAAiC7C,MAAM,uC,iFAOtL,IAApBmB,WAASI,QAAiBJ,UAKqB,uBALd,iBAA5CP,eAMM,MANNqC,EAMM,CALJC,EAGAjD,eAA0F,KAA1FkD,EAA0F,eAAjCN,KAAG,wBAAD,GAC3D5C,eAAkF,IAAlFmD,EAAkF,eAA5BP,KAAG,oBAAD,Y,sCCjCtE,MAAMQ,EAAkB,CAEpBC,eAAiB,SAAWlB,GAExB,IAAImB,EAAW,GAQf,MAPQ,QAARnB,IAAiBmB,EAAW,oFACpB,WAARnB,IAAoBmB,EAAW,0DACvB,YAARnB,IAAqBmB,EAAW,iDACxB,YAARnB,IAAqBmB,EAAW,iDACxB,cAARnB,IAAuBmB,EAAW,0DAC1B,eAARnB,IAAwBmB,EAAW,mDAC3B,eAARnB,IAAwBmB,EAAW,0EAC5BA,IAKAF,Q,SCfNrD,MAAM,qB,EACTC,eAQM,OARDD,MAAM,kGAAgG,CAEzGC,eAIM,OAJDD,MAAM,+DAA6D,CACtEC,eAEK,MAFDD,MAAM,oFAAkF,CAC1FC,eAAoB,YAAd,iBAAO,G,GAMdD,MAAM,8C,GACJA,MAAM,kH,GAEJA,MAAM,qD,EACTC,eAIM,YAHJA,eAEM,OAFDC,MAAM,6BAA6BG,KAAK,OAAOC,QAAQ,YAAYC,OAAO,eAAeP,MAAM,8B,CAClGC,eAAwH,QAAlHQ,iBAAe,QAAQC,kBAAgB,QAAQF,eAAa,IAAIG,EAAE,oD,wGAlBtFC,eA0BM,YAzBJX,eAwBM,MAxBNiB,EAwBM,CAvBJsC,EAUAvD,eAYM,MAZNuB,EAYM,CAXJvB,eAUM,MAVN6B,EAUM,CARJ7B,eAOM,MAPN8B,EAOM,CANJC,EAIM,gBACN/B,eAA+K,SAAxKwC,KAAK,OAAQgB,YAAaC,IAAE,uBAAwB1D,MAAM,0D,qCAAmE6C,gBAAa,I,oBAAbA,iBAAa,GAAoB7B,SAAP,qB,gBAY3J,GACboB,KAAM,kBAENuB,QACE,MAAM,EAAEC,EAAC,OAAEC,GAAWC,iBACtB,MAAO,CAAEF,IAAGC,WAEdE,MAAO,CAAC,UACRC,KAAM,WACJ,MAAO,CACLC,eAAgBC,KAAKC,OAAOpB,OAAOnB,GAAKsC,KAAKC,OAAOpB,OAAOnB,GAAK,KAChEwC,MAAM,EACNC,cAAe,GACfC,SAAU,KACVC,qBAAsB,GACtBC,YAAa,IAGjBC,QAAS,CACPC,OAAQ,WACNR,KAAKS,MAAM,SAAUT,KAAKG,gBAE5BO,eAAgB,WACdV,KAAKW,OAAOC,SAAS,oCAEvBC,eAAgB,WACdb,KAAKW,OAAOC,SAAS,qCAGzB,gBACE,IAAIlD,EAAKsC,KAAKD,eACVe,QAA4BC,OAAYC,IAAK,qCAAoCtD,GACrFsC,KAAKK,qBAAuBS,EAAoBhB,KAAKA,KAAK,GAAGO,uB,qBC7DjE,MAAMY,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAAS,KAErD,Q,SCNTnF,MAAM,U,q7HAEVwD,G,gDAFD5C,eA8EM,MA9ENM,EA8EM,GAIQ,OACdkB,KAAM,uBACN4B,OACC,MAAO,K,UC/ET,MAAM,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAAS,GAAQ,CAAC,YAAY,qBAE1E,Q,wBL0CA,GACboB,WAAY,CACVC,uBACAC,sBACAC,kBACAC,YACAC,eAEFrD,KAAO,WACP4B,OACE,MAAO,CACLC,eAAgBC,KAAKC,OAAOpB,OAAOnB,GAAKsC,KAAKC,OAAOpB,OAAOnB,GAAK,KAChEyC,cAAe,GACfqB,KAAM,KACNC,MAAO,GACPC,QAAS,CACPF,KAAM,KACNC,MAAO,IAETE,SAAU,GACVC,YAAa,GACbtB,YAAa,EACbD,qBAAsB,GACtBwB,SAAS,IAGbC,SAAU,CACRC,mBACE,OAAO/B,KAAKW,OAAOqB,MAAMC,SAASC,gBAGtC3B,QAAS,CACP4B,SAAU,SAAUjE,GAClB,OAAOiB,EAAgBC,eAAelB,IAExCkE,cAAe,SAAUC,GACvBrC,KAAKG,cAAgBkC,EACrB,IAAIC,EAAQ,IAAIC,OAAOF,EAAO,KAC9BrC,KAAK2B,SAAW3B,KAAK4B,YAAYY,OAAOC,GAAKH,EAAMI,KAAKD,EAAEvE,QAE5DyE,YAAaC,iBACX,IAAI7C,EAAiBC,KAAKD,gBAAkB,GACxCyC,EAAS,GACTxC,KAAKG,gBAAeqC,EAAO,sBAAyB,IAAGxC,KAAKG,wBAC1DH,KAAKW,OAAOC,SAAS,uBAAwB,CAAEb,iBAAgByC,aAGzE,sBACQxC,KAAK2C,cACX3C,KAAK2B,SAAW3B,KAAKW,OAAOqB,MAAMa,SAASlB,SAC3C,IAAIvB,QAAiBW,OAAYC,IAAK,6CAAiDhB,KAAK+B,iBAAiBrE,gCAE7GsC,KAAK2B,SAASmB,QAAStF,IACrBA,EAAQa,gBAAwD,GAAtC+B,EAASN,KAAKiD,SAASvF,EAAQE,MAG3DsC,KAAK4B,YAAc5B,KAAK2B,SACxB3B,KAAK6B,SAAU,IMvGnB,MAAM,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASmB,KAErD,gB,kCCPf,kDAEIC,EAAS,CACT/E,KAAM,QAGV,MAAMlB,EAAa,CAAElB,MAAO,sBACtBwD,EAAa,CACjBlC,IAAK,EACLtB,MAAO,iBAEHwB,EAAa,CAAExB,MAAO,eACtB8B,EAAa,CACjBR,IAAK,EACLtB,MAAO,gBAEH+B,EAAa,CACjBT,IAAK,EACLtB,MAAO,mBAEHgC,EAAa,CAAEhC,MAAO,kBACtBoH,EAAa,CACjB9F,IAAK,EACLtB,MAAO,iBAGT,SAASkH,EAAOrE,EAAMwE,EAAQC,EAAQ5D,EAAQvC,EAAOH,GACnD,OAAQ,iBAAa,eAAmB,MAAOE,EAAY,CACxD2B,EAAK0E,OAAa,QACd,iBAAa,eAAmB,MAAO/D,EAAY,CAClD,eAAWX,EAAK0E,OAAQ,aAE1B,eAAmB,IAAI,GAC3B,eAAmB,MAAO/F,EAAY,CACnCqB,EAAK0E,OAAY,OACb,iBAAa,eAAmB,MAAOzF,EAAY,CAClD,eAAWe,EAAK0E,OAAQ,YAE1B,eAAmB,IAAI,GAC1B1E,EAAK0E,OAAe,UAChB,iBAAa,eAAmB,MAAOxF,EAAY,CAClD,eAAWc,EAAK0E,OAAQ,eAE1B,eAAmB,IAAI,GAC3B,eAAmB,MAAOvF,EAAY,CACpC,eAAWa,EAAK0E,OAAQ,aAEzB1E,EAAK0E,OAAa,QACd,iBAAa,eAAmB,MAAOH,EAAY,CAClD,eAAWvE,EAAK0E,OAAQ,aAE1B,eAAmB,IAAI,OAKjC,SAASC,EAAYC,EAAKC,QACX,IAARA,IAAiBA,EAAM,IAC5B,IAAIC,EAAWD,EAAIC,SAEnB,GAAKF,GAA2B,qBAAbG,SAAnB,CAEA,IAAIC,EAAOD,SAASC,MAAQD,SAASE,qBAAqB,QAAQ,GAC9DC,EAAQH,SAASI,cAAc,SACnCD,EAAMtF,KAAO,WAEI,QAAbkF,GACEE,EAAKI,WACPJ,EAAKK,aAAaH,EAAOF,EAAKI,YAKhCJ,EAAKM,YAAYJ,GAGfA,EAAMK,WACRL,EAAMK,WAAWC,QAAUZ,EAE3BM,EAAMI,YAAYP,SAASU,eAAeb,KAI9C,IAAIc,EAAW,gDACff,EAAYe,GAEZpB,EAAOD,OAASA,G","file":"js/chunk-40de7896.1961130f.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./MultipleCardSkeleton.vue?vue&type=style&index=0&id=1173861c&scoped=true&lang=css\"","<template>\n  <div>\n    <WrapperChannels @search=\"searchChannel\" />\n    <div>\n      <TransitionFade>\n        <div>\n          <div class=\"container-xl px-2 py-2 mx-auto w-full mt-4 mb-16 flex flex-col\">\n            <MultipleCardSkeleton v-if=\"loading\" />\n            <div v-if=\"channels.length\">\n              <div class=\"grid grid-cols-1 md:grid-cols-2 xl:grid-cols-5 gap-4\">\n                <Card v-for=\"channel of channels\" :key=\"channel.id\">\n                  <template #content>\n                    <div class=\"flex flex-col space-y-6\">\n                      <div class=\"flex-center justify-between\">\n                        <div class=\"flex-center space-x-3\">\n                          <img :src=\"channel.avatar_short\" :alt=\"`${channel.name} logo`\" class=\"w-10 h-10 object-contain\" />\n                          <div class=\"font-semibold ml-2 text-gray-600 block\">{{ channel.name }}</div>\n                        </div>\n                      </div>\n                      <div class=\"flex-center justify-start\">\n                        <Button v-if=\"channel.existCredential\" type=\"button\" icon=\"fas fa-cog\" iconPos=\"left\" @click=\"$router.push(`/project/${$route.params.id}/channel/connections/${channel.id}`)\" :label=\"$t('integrations.buttonConfig')\" class=\"p-button-sm p-button-light shadow\" />\n                        <Button v-else type=\"button\" icon=\"fas fa-plug\" iconPos=\"left\" @click=\"$router.push(`/project/${$route.params.id}/channel/connections/${channel.id}`)\" :label=\"$t('integrations.buttonIntegrate')\" class=\"p-button-sm p-button-primary shadow\" />\n                      </div>\n                    </div>\n                  </template>\n                </Card>\n              </div>\n            </div>\n            <div v-if=\"channels.length === 0 && !loading\" class=\"text-center block mx-auto my-20\">\n              <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"mx-auto mb-6 text-gray-600\" width=\"96\" height=\"96\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M10 21h7a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v11m0 5l4.879-4.879m0 0a3 3 0 104.243-4.242 3 3 0 00-4.243 4.242z\" />\n              </svg>\n              <h3 class=\"text-gray-600 text-2xl font-semibold my-2\">{{ $t(\"dashboard.noResults\") }}</h3>\n              <p class=\"text-gray-500 text-xl font-semibld my-2\">{{ $t(\"audience.filter\") }}</p>\n            </div>\n          </div>\n        </div>\n      </TransitionFade>\n    </div>\n  </div>\n</template>\n<script>\nimport axiosClient from \"@/config/AxiosClient\"\nimport TransitionFade from \"@/components/TransitionFade\"\nimport IntegrationData from \"@/config/IntegrationsConfig\"\nimport WrapperChannels from \"@/components/UI/wrappers/WrapperChannels\"\nimport MultipleCardSkeleton from \"@/components/UI/MultipleCardSkeleton\"\n\nimport Card from \"primevue/card\"\nimport Button from \"primevue/button\"\n\nexport default {\n  components: {\n    MultipleCardSkeleton,\n    TransitionFade,\n    WrapperChannels,\n    Card,\n    Button\n  },\n  name: `Channels`,\n  data() {\n    return {\n      currentProject: this.$route.params.id ? this.$route.params.id : null,\n      filterKeyword: \"\",\n      sort: \"id\",\n      limit: 50,\n      default: {\n        sort: \"id\",\n        limit: 50\n      },\n      channels: [],\n      channelsAll: [],\n      stateFilter: 0,\n      statics_integrations: {},\n      loading: true,\n    }\n  },\n  computed: {\n    getActiveProject() {\n      return this.$store.state.Projects.activeProject\n    }\n  },\n  methods: {\n    subTitle: function (name) {\n      return IntegrationData.handleSubtitle(name)\n    },\n    searchChannel: function (value) {\n      this.filterKeyword = value\n      let regex = new RegExp(value, \"i\");\n      this.channels = this.channelsAll.filter(f => regex.test(f.name))\n    },\n    getChannels: async function () {\n      let currentProject = this.currentProject || {}\n      let filter = {}\n      if (this.filterKeyword) filter[\"filter[name][like]\"] = `%${this.filterKeyword}%`\n      await this.$store.dispatch(\"Channels/getChannels\", { currentProject, filter })\n    },\n  },\n  async created() {\n    await this.getChannels()\n    this.channels = this.$store.state.Channels.channels\n    let response = await axiosClient.get(`${process.env.VUE_APP_URL_API}/api/2.0/project/${this.getActiveProject.id}/credentials?onlyChannel=1`)\n\n    this.channels.forEach((channel) => {\n      channel.existCredential = response.data.includes(channel.id) != false\n    })\n\n    this.channelsAll = this.channels\n    this.loading = false\n  }\n}\n</script>\n","const IntegrationData = {\n\n    handleSubtitle : function ( name ){\n\n        let subtitle = \"\"\n        name == 'Vtex' ? subtitle = \"The end-to-end platform with unlimited customization and extension capabilities.\" : ''\n        name == 'Fenicio' ? subtitle = 'Cloud platform for managing e-commerce sales channels.' : ''\n        name == 'Magento1' ? subtitle = 'Open Source eCommerce to create your webshop.' : ''\n        name == 'Magento2' ? subtitle = 'Open Source eCommerce to create your webshop.' : ''\n        name == 'Prestashop' ? subtitle = 'PrestaShop is a free, open source e-commerce solution.' : ''\n        name == 'WooCommerce' ? subtitle = 'The most popular eCommerce platform on the web.' : ''\n        name == 'Tienda Nube' ? subtitle = 'Creator of online stores without difficulties, with accessible prices.' : ''\n        return subtitle\n\n    },\n\n}\nexport default IntegrationData\n","<template>\n  <div>\n    <div class=\"border-t bg-white\">\n      <div class=\"container-xl px-4 md:px-2 py-4 h-20 md:h-20 mx-auto flex flex-row items-center justify-between\">\n        <!--Left Filter-->\n        <div class=\"flex flex-row items-center justify-between md:justify-start\">\n          <h4 class=\"text-xl font-semibold leading-tight text-gray-800 flex items-center mr-0 md:mr-5\">\n            <span>Canales</span>\n          </h4>\n        </div>\n        <!--Right Filter-->\n      </div>\n      <!--SubNav Filter-->\n      <div class=\"border-t bg-white border-b border-gray-200\">\n        <div class=\"container-xl w-full px-2 mx-auto h-14 flex flex-row lg:flex-row md:items-center lg:items-center justify-center\">\n          <!--Search-->\n          <div class=\"h-full flex flex-row items-center w-2/5 xl:w-full\">\n            <div>\n              <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" class=\"h-5 w-5 text-gray-400 mr-2\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z\" />\n              </svg>\n            </div>\n            <input type=\"text\" :placeholder=\"t('integrations.search')\" class=\"h-full w-full px-2 focus:outline-none focus:border-none\" v-model=\"filterKeyword\" v-debounce:700ms=\"search\" />\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { useI18n } from \"vue-i18n\"\nimport axiosClient from \"@/config/AxiosClient\"\n\nexport default {\n  name: \"WrapperChannels\",\n\n  setup() {\n    const { t, locale } = useI18n()\n    return { t, locale }\n  },\n  emits: [\"search\"],\n  data: function () {\n    return {\n      currentProject: this.$route.params.id ? this.$route.params.id : null,\n      show: false,\n      filterKeyword: \"\",\n      response: null,\n      statics_integrations: {},\n      stateFilter: 0\n    }\n  },\n  methods: {\n    search: function () {\n      this.$emit(\"search\", this.filterKeyword)\n    },\n    changeGridView: function () {\n      this.$store.dispatch(\"Menu/changeGridIntegrationsView\")\n    },\n    changeListView: function () {\n      this.$store.dispatch(\"Menu/changeListIntegrationsView\")\n    }\n  },\n  async created() {\n    let id = this.currentProject\n    let staticsIntegrations = await axiosClient.get(`/api/2.0/projects?filter[id][%3D]=${id}`)\n    this.statics_integrations = staticsIntegrations.data.data[0].statics_integrations\n  }\n}\n</script>\n","import { render } from \"./WrapperChannels.vue?vue&type=template&id=1a1eee3c\"\nimport script from \"./WrapperChannels.vue?vue&type=script&lang=js\"\nexport * from \"./WrapperChannels.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/codebuild/output/src2070425128/src/dataloop_front/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n\t<div class=\"w-full\">\n\t\t<!-- cards info -->\n\t\t<div class=\"mx-auto rounded-lg divide-y divide-gray-200 sm:divide-y-0 grid-cols-1 grid gap-2 sm:grid-cols-5 sm:gap-4\">\n\t\t\t<div class=\"card rounded-md relative group p-4 shadow-md text-sm lg:text-md bg-white h-56\">\n\t\t\t\t<div class=\"h-14 w-full bg-gray-100 animate-pulse\"></div>\n\t\t\t\t<div class=\"h-72 mt-2 bg-gray-100 animate-pulse\"></div>\n\t\t\t</div>\n\n\t\t\t<div class=\"card rounded-md relative group p-4 shadow-md text-sm lg:text-md bg-white h-56\">\n\t\t\t\t<div class=\"h-14 w-full bg-gray-100 animate-pulse\"></div>\n\t\t\t\t<div class=\"h-72 mt-2 bg-gray-100 animate-pulse\"></div>\n\t\t\t</div>\n\n\t\t\t<div class=\"card rounded-md relative group p-4 shadow-md text-sm lg:text-md bg-white h-56\">\n\t\t\t\t<div class=\"h-14 w-full bg-gray-100 animate-pulse\"></div>\n\t\t\t\t<div class=\"h-72 mt-2 bg-gray-100 animate-pulse\"></div>\n\t\t\t</div>\n\n\t\t\t<div class=\"card rounded-md relative group p-4 shadow-md text-sm lg:text-md bg-white h-56\">\n\t\t\t\t<div class=\"h-14 w-full bg-gray-100 animate-pulse\"></div>\n\t\t\t\t<div class=\"h-72 mt-2 bg-gray-100 animate-pulse\"></div>\n\t\t\t</div>\n\n\t\t\t<div class=\"card rounded-md relative group p-4 shadow-md text-sm lg:text-md bg-white h-56\">\n\t\t\t\t<div class=\"h-14 w-full bg-gray-100 animate-pulse\"></div>\n\t\t\t\t<div class=\"h-72 mt-2 bg-gray-100 animate-pulse\"></div>\n\t\t\t</div>\n\n\t\t\t<div class=\"card rounded-md relative group p-4 shadow-md text-sm lg:text-md bg-white h-56\">\n\t\t\t\t<div class=\"h-14 w-full bg-gray-100 animate-pulse\"></div>\n\t\t\t\t<div class=\"h-72 mt-2 bg-gray-100 animate-pulse\"></div>\n\t\t\t</div>\n\n\t\t\t<div class=\"card rounded-md relative group p-4 shadow-md text-sm lg:text-md bg-white h-56\">\n\t\t\t\t<div class=\"h-14 w-full bg-gray-100 animate-pulse\"></div>\n\t\t\t\t<div class=\"h-72 mt-2 bg-gray-100 animate-pulse\"></div>\n\t\t\t</div>\n\n      <div class=\"card rounded-md relative group p-4 shadow-md text-sm lg:text-md bg-white h-56\">\n\t\t\t\t<div class=\"h-14 w-full bg-gray-100 animate-pulse\"></div>\n\t\t\t\t<div class=\"h-72 mt-2 bg-gray-100 animate-pulse\"></div>\n\t\t\t</div>\n\n      <div class=\"card rounded-md relative group p-4 shadow-md text-sm lg:text-md bg-white h-56\">\n\t\t\t\t<div class=\"h-14 w-full bg-gray-100 animate-pulse\"></div>\n\t\t\t\t<div class=\"h-72 mt-2 bg-gray-100 animate-pulse\"></div>\n\t\t\t</div>\n\n      <div class=\"card rounded-md relative group p-4 shadow-md text-sm lg:text-md bg-white h-56\">\n\t\t\t\t<div class=\"h-14 w-full bg-gray-100 animate-pulse\"></div>\n\t\t\t\t<div class=\"h-72 mt-2 bg-gray-100 animate-pulse\"></div>\n\t\t\t</div>\n\n      <div class=\"card rounded-md relative group p-4 shadow-md text-sm lg:text-md bg-white h-56\">\n\t\t\t\t<div class=\"h-14 w-full bg-gray-100 animate-pulse\"></div>\n\t\t\t\t<div class=\"h-72 mt-2 bg-gray-100 animate-pulse\"></div>\n\t\t\t</div>\n\n      <div class=\"card rounded-md relative group p-4 shadow-md text-sm lg:text-md bg-white h-56\">\n\t\t\t\t<div class=\"h-14 w-full bg-gray-100 animate-pulse\"></div>\n\t\t\t\t<div class=\"h-72 mt-2 bg-gray-100 animate-pulse\"></div>\n\t\t\t</div>\n\n      <div class=\"card rounded-md relative group p-4 shadow-md text-sm lg:text-md bg-white h-56\">\n\t\t\t\t<div class=\"h-14 w-full bg-gray-100 animate-pulse\"></div>\n\t\t\t\t<div class=\"h-72 mt-2 bg-gray-100 animate-pulse\"></div>\n\t\t\t</div>\n\n      <div class=\"card rounded-md relative group p-4 shadow-md text-sm lg:text-md bg-white h-56\">\n\t\t\t\t<div class=\"h-14 w-full bg-gray-100 animate-pulse\"></div>\n\t\t\t\t<div class=\"h-72 mt-2 bg-gray-100 animate-pulse\"></div>\n\t\t\t</div>\n\n      <div class=\"card rounded-md relative group p-4 shadow-md text-sm lg:text-md bg-white h-56\">\n\t\t\t\t<div class=\"h-14 w-full bg-gray-100 animate-pulse\"></div>\n\t\t\t\t<div class=\"h-72 mt-2 bg-gray-100 animate-pulse\"></div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nexport default {\n\tname: \"MultipleCardSkeleton\",\n\tdata() {\n\t\treturn {}\n\t}\n}\n</script>\n\n<style scoped>\n.vertical {\n\twriting-mode: vertical-lr;\n}\n</style>\n","import { render } from \"./MultipleCardSkeleton.vue?vue&type=template&id=1173861c&scoped=true\"\nimport script from \"./MultipleCardSkeleton.vue?vue&type=script&lang=js\"\nexport * from \"./MultipleCardSkeleton.vue?vue&type=script&lang=js\"\n\nimport \"./MultipleCardSkeleton.vue?vue&type=style&index=0&id=1173861c&scoped=true&lang=css\"\n\nimport exportComponent from \"/codebuild/output/src2070425128/src/dataloop_front/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-1173861c\"]])\n\nexport default __exports__","import { render } from \"./Channels.vue?vue&type=template&id=2f38fc87\"\nimport script from \"./Channels.vue?vue&type=script&lang=js\"\nexport * from \"./Channels.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/codebuild/output/src2070425128/src/dataloop_front/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { openBlock, createElementBlock, renderSlot, createCommentVNode, createElementVNode } from 'vue';\n\nvar script = {\n    name: 'Card'\n};\n\nconst _hoisted_1 = { class: \"p-card p-component\" };\nconst _hoisted_2 = {\n  key: 0,\n  class: \"p-card-header\"\n};\nconst _hoisted_3 = { class: \"p-card-body\" };\nconst _hoisted_4 = {\n  key: 0,\n  class: \"p-card-title\"\n};\nconst _hoisted_5 = {\n  key: 1,\n  class: \"p-card-subtitle\"\n};\nconst _hoisted_6 = { class: \"p-card-content\" };\nconst _hoisted_7 = {\n  key: 2,\n  class: \"p-card-footer\"\n};\n\nfunction render(_ctx, _cache, $props, $setup, $data, $options) {\n  return (openBlock(), createElementBlock(\"div\", _hoisted_1, [\n    (_ctx.$slots.header)\n      ? (openBlock(), createElementBlock(\"div\", _hoisted_2, [\n          renderSlot(_ctx.$slots, \"header\")\n        ]))\n      : createCommentVNode(\"\", true),\n    createElementVNode(\"div\", _hoisted_3, [\n      (_ctx.$slots.title)\n        ? (openBlock(), createElementBlock(\"div\", _hoisted_4, [\n            renderSlot(_ctx.$slots, \"title\")\n          ]))\n        : createCommentVNode(\"\", true),\n      (_ctx.$slots.subtitle)\n        ? (openBlock(), createElementBlock(\"div\", _hoisted_5, [\n            renderSlot(_ctx.$slots, \"subtitle\")\n          ]))\n        : createCommentVNode(\"\", true),\n      createElementVNode(\"div\", _hoisted_6, [\n        renderSlot(_ctx.$slots, \"content\")\n      ]),\n      (_ctx.$slots.footer)\n        ? (openBlock(), createElementBlock(\"div\", _hoisted_7, [\n            renderSlot(_ctx.$slots, \"footer\")\n          ]))\n        : createCommentVNode(\"\", true)\n    ])\n  ]))\n}\n\nfunction styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nvar css_248z = \"\\n.p-card-header img {\\n    width: 100%;\\n}\\n\";\nstyleInject(css_248z);\n\nscript.render = render;\n\nexport { script as default };\n"],"sourceRoot":""}