{"version":3,"sources":["webpack:///./node_modules/quasar/src/composables/private/use-ratio.js","webpack:///./node_modules/quasar/src/components/img/QImg.js","webpack:///./src/components/contents/Platforms/index.vue?c7c1","webpack:///./src/components/reusables/EmptyPlaceholder.vue","webpack:///./src/components/reusables/EmptyPlaceholder.vue?bbd0","webpack:///./node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js","webpack:///./node_modules/quasar/src/components/page/QPage.js","webpack:///./src/components/reusables/EmptyPlaceholder.vue?64e9","webpack:///./src/views/Platforms.vue","webpack:///./src/components/contents/Platforms/index.vue","webpack:///./src/services/platforms.http.js","webpack:///./src/components/contents/Platforms/index.vue?5b69","webpack:///./src/views/Platforms.vue?5bd6"],"names":["useRatioProps","ratio","String","Number","props","naturalRatio","computed","value","isNaN","paddingBottom","crossoriginValues","loadingValues","fitValues","defaultRatio","defineComponent","name","src","srcset","sizes","alt","crossorigin","type","validator","val","includes","draggable","Boolean","loading","default","width","height","initialRatio","placeholderSrc","fit","position","imgClass","imgStyle","Object","noSpinner","noNativeMenu","noTransition","spinnerColor","spinnerSize","emits","setup","slots","attrs","emit","ref","ratioStyle","useRatio","loadTimer","images","isLoading","hasError","classes","style","objectFit","objectPosition","getCurrentSrc","addImage","imgProps","clearTimeout","onLoad","target","naturalHeight","naturalWidth","waitForCompleteness","count","complete","onReady","setTimeout","img","currentSrc","onError","err","getContainer","key","child","h","class","getImage","index","data","assign","getContent","hSlot","QSpinner","color","size","watch","onBeforeUnmount","content","push","Transition","role","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_createVNode","_component_q_img","$props","imageHeight","imageSource","_hoisted_3","_toDisplayString","message","_hoisted_4","description","_renderSlot","_ctx","$slots","undefined","__exports__","render","QImg","module","exports","component","items","targetComponent","__vccOpts","i","padding","styleFn","Function","proxy","$q","getCurrentInstance","$layout","inject","layoutKey","pageContainerKey","offset","header","space","footer","isContainer","containerHeight","screen","minHeight","_component_PlatformContent","_createBlock","_component_q_page","_component_q_separator","$data","platforms","length","_Fragment","_renderList","item","platform","_normalizeClass","$options","alignment","_hoisted_5","_component_EmptyPlaceholder","imageSize","Platforms","constructor","api","this","http","getPlatforms","get","components","EmptyPlaceholder","platformsService","methods","show","response","hide","_err$response","error","showMessage","window","scrollTo","created","PlatformsService","$api2","mounted","processPlatforms","QPage","QSeparator","PlatformContent"],"mappings":"wJAEO,MAAMA,EAAgB,CAC3BC,MAAO,CAAEC,OAAQC,SAGJ,eAAUC,EAAOC,GAE9B,OAAOC,sBAAS,KACd,MAAML,EAAQE,OACZC,EAAMH,aAA2B,IAAjBI,EAA0BA,EAAaE,WAAQ,IAGjE,OAAwB,IAAjBC,MAAMP,IAAmBA,EAAQ,EACpC,CAAEQ,cAAmB,IAAMR,EAAV,KACjB,Q,sBCRR,MAAMS,EAAoB,CAAE,YAAa,mBACnCC,EAAgB,CAAE,QAAS,QAC3BC,EAAY,CAAE,QAAS,OAAQ,UAAW,OAAQ,cAClDC,EAAe,GAAK,EAEXC,oCAAgB,CAC7BC,KAAM,OAENX,MAAO,IACFJ,EAEHgB,IAAKd,OACLe,OAAQf,OACRgB,MAAOhB,OAEPiB,IAAKjB,OACLkB,YAAa,CACXC,KAAMnB,OACNoB,UAAWC,GAAOb,EAAkBc,SAASD,IAE/CE,UAAWC,QAEXC,QAAS,CACPN,KAAMnB,OACN0B,QAAS,OACTN,UAAWC,GAAOZ,EAAca,SAASD,IAE3CM,MAAO3B,OACP4B,OAAQ5B,OACR6B,aAAc,CACZV,KAAM,CAAElB,OAAQD,QAChB0B,QAASf,GAGXmB,eAAgB9B,OAEhB+B,IAAK,CACHZ,KAAMnB,OACN0B,QAAS,QACTN,UAAWC,GAAOX,EAAUY,SAASD,IAEvCW,SAAU,CACRb,KAAMnB,OACN0B,QAAS,WAGXO,SAAUjC,OACVkC,SAAUC,OAEVC,UAAWZ,QACXa,aAAcb,QACdc,aAAcd,QAEde,aAAcvC,OACdwC,YAAaxC,QAGfyC,MAAO,CAAE,OAAQ,SAEjBC,MAAOxC,GAAO,MAAEyC,EAAK,MAAEC,EAAK,KAAEC,IAC5B,MAAM1C,EAAe2C,iBAAI5C,EAAM2B,cACzBkB,EAAaC,EAAS9C,EAAOC,GAEnC,IAAI8C,EAEJ,MAAMC,EAAS,CACbJ,iBAAI,MACJA,sBAA6B,IAAzB5C,EAAM4B,eAA4B,CAAEhB,IAAKZ,EAAM4B,gBAAmB,OAGlEE,EAAWc,iBAAI,GAEfK,EAAYL,kBAAI,GAChBM,EAAWN,kBAAI,GAEfO,EAAUjD,sBAAS,IACvB,iBAAwC,IAAvBF,EAAMmC,aAAwB,MAAQ,UAGnDiB,EAAQlD,sBAAS,KAAM,CAC3BuB,MAAOzB,EAAMyB,MACbC,OAAQ1B,EAAM0B,UAGVK,EAAW7B,sBAAS,IACxB,sBAAoC,IAAnBF,EAAM+B,SAAsB/B,EAAM+B,SAAW,IAAM,IAClE,sBAA6C,IAAvB/B,EAAMoC,aAAwB,MAAQ,iBAG1DJ,EAAW9B,sBAAS,KAAM,IAC3BF,EAAMgC,SACTqB,UAAWrD,EAAM6B,IACjByB,eAAgBtD,EAAM8B,YAKxB,SAASyB,IACP,OAAOvD,EAAMY,KAAOZ,EAAMa,QAAUb,EAAMc,MACtC,CACEF,IAAKZ,EAAMY,IACXC,OAAQb,EAAMa,OACdC,MAAOd,EAAMc,OAEf,KAGN,SAAS0C,EAAUC,GAIjB,GAHAC,aAAaX,GACbG,EAAS/C,OAAQ,EAEA,OAAbsD,EAIF,OAHAR,EAAU9C,OAAQ,EAClB6C,EAAQ,GAAI7C,MAAQ,UACpB6C,EAAQ,GAAI7C,MAAQ,MAItB8C,EAAU9C,OAAQ,EAClB6C,EAAQlB,EAAS3B,OAAQA,MAAQsD,EAGnC,SAASE,GAAQ,OAAEC,IAEC,OAAdb,IAEJW,aAAaX,GAEb9C,EAAaE,MAAiC,IAAzByD,EAAOC,cACxB,GACAD,EAAOE,aAAeF,EAAOC,cAEjCE,EAAoBH,EAAQ,IAG9B,SAASG,EAAqBH,EAAQI,GAElB,OAAdjB,GAAgC,MAAViB,KAEF,IAApBJ,EAAOK,SACTC,EAAQN,GAGRb,EAAYoB,WAAW,KACrBJ,EAAoBH,EAAQI,EAAQ,IACnC,KAIP,SAASE,EAASE,GAEE,OAAdrB,IAEJjB,EAAS3B,MAA2B,IAAnB2B,EAAS3B,MAAc,EAAI,EAC5C6C,EAAQlB,EAAS3B,OAAQA,MAAQ,KACjC8C,EAAU9C,OAAQ,EAClB+C,EAAS/C,OAAQ,EACjBwC,EAAK,OAAQyB,EAAIC,YAAcD,EAAIxD,MAGrC,SAAS0D,EAASC,GAChBb,aAAaX,GACbE,EAAU9C,OAAQ,EAClB+C,EAAS/C,OAAQ,EACjB6C,EAAQ,GAAI7C,MAAQ,KACpB6C,EAAQ,GAAI7C,MAAQ,KACpBwC,EAAK,QAAS4B,GAGhB,SAASC,EAAcC,EAAKC,GAC1B,OAAOC,eACL,MACA,CAAEC,MAAO,iCAAkCH,OAC3CC,GAIJ,SAASG,EAAUC,GACjB,MAAMV,EAAMpB,EAAQ8B,GAAQ3E,MAEtB4E,EAAO,CACXN,IAAK,OAASK,KACXpC,EACHkC,MAAO7C,EAAS5B,MAChBiD,MAAOpB,EAAS7B,MAChBa,YAAahB,EAAMgB,YACnBU,OAAQ1B,EAAM0B,OACdD,MAAOzB,EAAMyB,MACbF,QAASvB,EAAMuB,QACf,cAAe,OACfF,UAAWrB,EAAMqB,aACd+C,GAWL,OARItC,EAAS3B,QAAU2E,GACrBC,EAAKH,OAAS,yBACd3C,OAAO+C,OAAOD,EAAM,CAAEpB,SAAQW,aAG9BS,EAAKH,OAAS,wBAGTJ,EAAa,MAAQM,EAAOH,eAAE,MAAOI,IAG9C,SAASE,IACP,OAAwB,IAApBhC,EAAU9C,MACLwE,eAAE,MAAO,CACdF,IAAK,UACLG,MAAO,+CACNM,eAAMzC,GAA0B,IAAnBS,EAAS/C,MAAiB,QAAU,aAG/CwE,eAAE,MAAO,CACdF,IAAK,UACLG,MAAO,sDAEW,IAAlBnC,EAAMlB,QACFkB,EAAMlB,WAEgB,IAApBvB,EAAMkC,eACF,EACA,CACEyC,eAAEQ,OAAU,CACVC,MAAOpF,EAAMqC,aACbgD,KAAMrF,EAAMsC,gBAuB9B,OAzJAgD,mBAAM,IAAM/B,IAAiBC,GAgJzBA,EAASD,KAGXgC,6BAAgB,KACd7B,aAAaX,GACbA,EAAY,OAIT,KACL,MAAMyC,EAAU,GAsBhB,OApByB,OAArB3C,EAAW1C,OACbqF,EAAQC,KACNd,eAAE,MAAO,CAAEF,IAAK,SAAUrB,MAAOP,EAAW1C,UAIzB,IAAnB+C,EAAS/C,QACe,OAAtB6C,EAAQ,GAAI7C,OACdqF,EAAQC,KAAKZ,EAAS,IAGE,OAAtB7B,EAAQ,GAAI7C,OACdqF,EAAQC,KAAKZ,EAAS,KAI1BW,EAAQC,KACNd,eAAEe,gBAAY,CAAE/E,KAAM,sBAAwBsE,IAGzCN,eAAE,MAAO,CACdC,MAAOzB,EAAQhD,MACfiD,MAAOA,EAAMjD,MACbwF,KAAM,MACN,aAAc3F,EAAMe,KACnByE,Q,6DC3RT,W,2DCCOZ,MAAM,e,GACJA,MAAM,gB,GAONA,MAAM,W,GACNA,MAAM,e,uGATbgB,gCAaM,MAbNC,EAaM,CAZJC,gCASM,MATNC,EASM,CARJC,yBAKEC,EAAA,CAJCvE,OAAQwE,EAAAC,YACTtE,IAAI,UACHjB,IAAKsF,EAAAE,YACNrF,IAAI,gB,yBAEN+E,gCAAoC,IAApCO,EAAoCC,6BAAdJ,EAAAK,SAAO,GAC7BT,gCAA4C,IAA5CU,EAA4CF,6BAAlBJ,EAAAO,aAAW,KAGvCC,wBAAaC,EAAAC,OAAA,kBAAAC,GAAA,KAoCF,OACb7G,MAAO,CACLoG,YAAa,CACXnF,KAAMnB,OACN0B,QAAS,IAEX+E,QAAS,CACPtF,KAAMnB,OACN0B,QAAS,IAEXiF,YAAa,CACXxF,KAAMnB,OACN0B,QAAS,IAEX2E,YAAa,CACXlF,KAAMnB,OACN0B,QAAS,W,kEC1Df,MAAMsF,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,GAAQ,CAAC,YAAY,qBAE1E,SAGf,IAAS,EAAQ,aAAc,CAACC,OAAA,Q,qBCDhCC,EAAOC,QAAU,SAAmBC,EAAWlG,EAAMmG,GACnD,MAAMC,OAA0C,IAAxBF,EAAUG,UAC9BH,EAAUG,UACVH,EAEEvD,EAASyD,EAAgBpG,GAE/B,QAAe,IAAX2C,EACFyD,EAAgBpG,GAAQmG,OAGxB,IAAK,IAAIG,KAAKH,OACM,IAAdxD,EAAO2D,KACT3D,EAAO2D,GAAKH,EAAMG,M,kCCxB1B,wCAKe7G,oCAAgB,CAC7BC,KAAM,QAENX,MAAO,CACLwH,QAASlG,QACTmG,QAASC,UAGXlF,MAAOxC,GAAO,MAAEyC,IACd,MAAQkF,OAAO,GAAEC,IAASC,kCAEpBC,EAAUC,oBAAOC,QACvBD,oBAAOE,OAAkB,QAIzB,MAAM7E,EAAQlD,sBAAS,KACrB,MAAMgI,IACwB,IAAzBJ,EAAQK,OAAOC,MAAiBN,EAAQK,OAAO9C,KAAO,KAC7B,IAAzByC,EAAQO,OAAOD,MAAiBN,EAAQO,OAAOhD,KAAO,GAE3D,GAA6B,oBAAlBrF,EAAMyH,QAAwB,CACvC,MAAM/F,GAAuC,IAA9BoG,EAAQQ,YAAYnI,MAC/B2H,EAAQS,gBAAgBpI,MACxByH,EAAGY,OAAO9G,OAEd,OAAO1B,EAAMyH,QAAQS,EAAQxG,GAG/B,MAAO,CACL+G,WAAyC,IAA9BX,EAAQQ,YAAYnI,MAC1B2H,EAAQS,gBAAgBpI,MAAQ+H,EAAU,KAEpB,IAArBN,EAAGY,OAAO9G,OACM,IAAXwG,EAAe,gBAAiBA,OAAe,QAC/CN,EAAGY,OAAO9G,OAASwG,EAAU,QAKtC/E,EAAUjD,sBAAS,IACvB,YAA6B,IAAlBF,EAAMwH,QAAmB,oBAAsB,KAG5D,MAAO,IAAM7C,eAAE,OAAQ,CACrBC,MAAOzB,EAAQhD,MACfiD,MAAOA,EAAMjD,OACZ+E,eAAMzC,EAAMjB,c,kCCpDnB,W,iMCCEoE,gCAEM,YADJI,yBAAmB0C,K,eCId9D,MAAM,mB,GAkBAA,MAAM,O,GACJA,MAAM,gC,GAGNA,MAAM,gC,SAUdA,MAAM,e,2MArCb+D,yBA6CSC,EAAA,CA7CDhE,MAAM,QAAM,C,6BAClB,IAGM,CAHNkB,gCAGM,Y,YAFJA,gCAAyD,MAArDlB,MAAM,cAAa,iCAA6B,IACpDoB,yBAA+B6C,EAAA,CAAlBjE,MAAM,cAEckE,EAAAC,WAAaD,EAAAC,UAAUC,OAAS,G,yBAAnEpD,gCA+BM,MA/BNC,EA+BM,C,YA9BJC,gCAAwD,KAArDlB,MAAM,cAAa,kCAA8B,IACpDkB,gCA4BM,a,2BA3BJF,gCA0BMqD,cAAA,KAAAC,wBAzBoBJ,EAAAC,UAAS,CAAzBI,EAAMrE,K,yBADhBc,gCA0BM,OAxBHnB,IAAKK,EACNF,MAAM,yB,CAYNkB,gCAUM,MAVNC,EAUM,CATJD,gCAEM,MAFNO,EAEM,CADJP,gCAA0B,SAAAQ,6BAApB6C,EAAKC,UAAQ,KAErBtD,gCAKM,MALNU,EAKM,CAJJV,gCAGI,KAHAlB,MAAKyE,4BAAEC,EAAAC,Y,aACTzD,gCAAyC,QAAnClB,MAAM,OAAM,oBAAgB,I,6BAAO,IACzC0B,6BAAG6C,EAAKnF,OAAK,I,gDAOzB4B,gCAOM,MAPN4D,EAOM,CANJxD,yBAKEyD,EAAA,CAJCtD,YAAamD,EAAAI,UACdnD,QAAQ,0CACRE,YAAY,4EACZL,YAAY,sG,mDC3CL,MAAMuD,EAIjBC,YAAYC,GACVC,KAAKC,KAAOF,EAGdG,eACE,OAAOF,KAAKC,KAAKE,IAAI,iCD4CZ,OACbC,WAAY,CACVC,yBAEFpF,OACE,MAAO,CACLgE,UAAW,GACXqB,iBAAkB,OAItBC,QAAS,CACP,yBACEP,KAAKlC,GAAGrG,QAAQ+I,KAAK,CACnB/D,QAAS,0BAEX,IACEuD,KAAKvI,SAAU,EACf,MAAMgJ,QAAiBT,KAAKM,iBAAiBJ,eAEvCjB,EAAYwB,EAASxF,KAAKA,MAAQ,GACxC+E,KAAKf,UAAYA,EACjBe,KAAKlC,GAAGrG,QAAQiJ,OAChB,MAAOjG,GACP,GAAIA,EAAIgG,SAAU,KAAAE,EAChB,MAAM,MAAEC,EAAQ,6BAA4C,QAAhBD,EAAIlG,EAAIgG,gBAAQ,IAAAE,OAAA,EAAZA,EAAc1F,KAG9D+E,KAAKa,YAAY,QAASD,GAC1BE,OAAOC,SAAS,EAAG,GAErBf,KAAKlC,GAAGrG,QAAQiJ,UAKtBtK,SAAU,CACRqJ,YACE,IAAIlE,EAAOyE,KAAKlC,GAAGY,OAAO7H,KAC1B,MAAY,MAAR0E,GAAwB,MAARA,GAAwB,MAARA,EAC3B,YACK,IAGhBqE,YACE,IAAIrE,EAAOyE,KAAKlC,GAAGY,OAAO7H,KAC1B,MAAY,MAAR0E,GAAwB,MAARA,GAAwB,MAARA,EAC3B,QACK,UAIlByF,UACEhB,KAAKM,iBAAmB,IAAIW,EAAiBjB,KAAKkB,QAGpDC,UACEnB,KAAKoB,qB,8EEvGT,MAAMpE,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAAS,GAAQ,CAAC,YAAY,qBAE1E,QAIf,IAAS,EAAQ,aAAc,CAACqE,QAAA,KAAMC,aAAA,OHLvB,OACblB,WAAW,CACTmB,oBILJ,MAAM,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAAStE,KAErD","file":"js/chunk-494df62e.eaf57ce2.js","sourcesContent":["import { computed } from 'vue'\n\nexport const useRatioProps = {\n  ratio: [ String, Number ]\n}\n\nexport default function (props, naturalRatio) {\n  // return ratioStyle\n  return computed(() => {\n    const ratio = Number(\n      props.ratio || (naturalRatio !== void 0 ? naturalRatio.value : void 0)\n    )\n\n    return isNaN(ratio) !== true && ratio > 0\n      ? { paddingBottom: `${ 100 / ratio }%` }\n      : null\n  })\n}\n","import { h, defineComponent, ref, computed, watch, onMounted, onBeforeUnmount, Transition } from 'vue'\n\nimport QSpinner from '../spinner/QSpinner.js'\nimport useRatio, { useRatioProps } from '../../composables/private/use-ratio.js'\nimport { hSlot } from '../../utils/private/render.js'\nimport { isRuntimeSsrPreHydration } from '../../plugins/Platform.js'\n\nconst crossoriginValues = [ 'anonymous', 'use-credentials' ]\nconst loadingValues = [ 'eager', 'lazy' ]\nconst fitValues = [ 'cover', 'fill', 'contain', 'none', 'scale-down' ]\nconst defaultRatio = 16 / 9\n\nexport default defineComponent({\n  name: 'QImg',\n\n  props: {\n    ...useRatioProps,\n\n    src: String,\n    srcset: String,\n    sizes: String,\n\n    alt: String,\n    crossorigin: {\n      type: String,\n      validator: val => crossoriginValues.includes(val)\n    },\n    draggable: Boolean,\n\n    loading: {\n      type: String,\n      default: 'lazy',\n      validator: val => loadingValues.includes(val)\n    },\n    width: String,\n    height: String,\n    initialRatio: {\n      type: [ Number, String ],\n      default: defaultRatio\n    },\n\n    placeholderSrc: String,\n\n    fit: {\n      type: String,\n      default: 'cover',\n      validator: val => fitValues.includes(val)\n    },\n    position: {\n      type: String,\n      default: '50% 50%'\n    },\n\n    imgClass: String,\n    imgStyle: Object,\n\n    noSpinner: Boolean,\n    noNativeMenu: Boolean,\n    noTransition: Boolean,\n\n    spinnerColor: String,\n    spinnerSize: String\n  },\n\n  emits: [ 'load', 'error' ],\n\n  setup (props, { slots, attrs, emit }) {\n    const naturalRatio = ref(props.initialRatio)\n    const ratioStyle = useRatio(props, naturalRatio)\n\n    let loadTimer\n\n    const images = [\n      ref(null),\n      ref(props.placeholderSrc !== void 0 ? { src: props.placeholderSrc } : null)\n    ]\n\n    const position = ref(0)\n\n    const isLoading = ref(false)\n    const hasError = ref(false)\n\n    const classes = computed(() =>\n      `q-img q-img--${ props.noNativeMenu === true ? 'no-' : '' }menu`\n    )\n\n    const style = computed(() => ({\n      width: props.width,\n      height: props.height\n    }))\n\n    const imgClass = computed(() =>\n      `q-img__image ${ props.imgClass !== void 0 ? props.imgClass + ' ' : '' }`\n      + `q-img__image--with${ props.noTransition === true ? 'out' : '' }-transition`\n    )\n\n    const imgStyle = computed(() => ({\n      ...props.imgStyle,\n      objectFit: props.fit,\n      objectPosition: props.position\n    }))\n\n    watch(() => getCurrentSrc(), addImage)\n\n    function getCurrentSrc () {\n      return props.src || props.srcset || props.sizes\n        ? {\n            src: props.src,\n            srcset: props.srcset,\n            sizes: props.sizes\n          }\n        : null\n    }\n\n    function addImage (imgProps) {\n      clearTimeout(loadTimer)\n      hasError.value = false\n\n      if (imgProps === null) {\n        isLoading.value = false\n        images[ 0 ].value = null\n        images[ 1 ].value = null\n        return\n      }\n\n      isLoading.value = true\n      images[ position.value ].value = imgProps\n    }\n\n    function onLoad ({ target }) {\n      // if component has been already destroyed\n      if (loadTimer === null) { return }\n\n      clearTimeout(loadTimer)\n\n      naturalRatio.value = target.naturalHeight === 0\n        ? 0.5\n        : target.naturalWidth / target.naturalHeight\n\n      waitForCompleteness(target, 1)\n    }\n\n    function waitForCompleteness (target, count) {\n      // protect against running forever\n      if (loadTimer === null || count === 1000) { return }\n\n      if (target.complete === true) {\n        onReady(target)\n      }\n      else {\n        loadTimer = setTimeout(() => {\n          waitForCompleteness(target, count + 1)\n        }, 50)\n      }\n    }\n\n    function onReady (img) {\n      // if component has been already destroyed\n      if (loadTimer === null) { return }\n\n      position.value = position.value === 1 ? 0 : 1\n      images[ position.value ].value = null\n      isLoading.value = false\n      hasError.value = false\n      emit('load', img.currentSrc || img.src)\n    }\n\n    function onError (err) {\n      clearTimeout(loadTimer)\n      isLoading.value = false\n      hasError.value = true\n      images[ 0 ].value = null\n      images[ 1 ].value = null\n      emit('error', err)\n    }\n\n    function getContainer (key, child) {\n      return h(\n        'div',\n        { class: 'q-img__container absolute-full', key },\n        child\n      )\n    }\n\n    function getImage (index) {\n      const img = images[ index ].value\n\n      const data = {\n        key: 'img_' + index,\n        ...attrs,\n        class: imgClass.value,\n        style: imgStyle.value,\n        crossorigin: props.crossorigin,\n        height: props.height,\n        width: props.width,\n        loading: props.loading,\n        'aria-hidden': 'true',\n        draggable: props.draggable,\n        ...img\n      }\n\n      if (position.value === index) {\n        data.class += ' q-img__image--waiting'\n        Object.assign(data, { onLoad, onError })\n      }\n      else {\n        data.class += ' q-img__image--loaded'\n      }\n\n      return getContainer('img' + index, h('img', data))\n    }\n\n    function getContent () {\n      if (isLoading.value !== true) {\n        return h('div', {\n          key: 'content',\n          class: 'q-img__content absolute-full q-anchor--skip'\n        }, hSlot(slots[ hasError.value === true ? 'error' : 'default' ]))\n      }\n\n      return h('div', {\n        key: 'loading',\n        class: 'q-img__loading absolute-full flex flex-center'\n      }, (\n        slots.loading !== void 0\n          ? slots.loading()\n          : (\n              props.noSpinner === true\n                ? void 0\n                : [\n                    h(QSpinner, {\n                      color: props.spinnerColor,\n                      size: props.spinnerSize\n                    })\n                  ]\n            )\n      ))\n    }\n\n    if (__QUASAR_SSR_SERVER__ !== true) {\n      if (__QUASAR_SSR_CLIENT__ && isRuntimeSsrPreHydration.value === true) {\n        onMounted(() => {\n          addImage(getCurrentSrc())\n        })\n      }\n      else {\n        addImage(getCurrentSrc())\n      }\n\n      onBeforeUnmount(() => {\n        clearTimeout(loadTimer)\n        loadTimer = null\n      })\n    }\n\n    return () => {\n      const content = []\n\n      if (ratioStyle.value !== null) {\n        content.push(\n          h('div', { key: 'filler', style: ratioStyle.value })\n        )\n      }\n\n      if (hasError.value !== true) {\n        if (images[ 0 ].value !== null) {\n          content.push(getImage(0))\n        }\n\n        if (images[ 1 ].value !== null) {\n          content.push(getImage(1))\n        }\n      }\n\n      content.push(\n        h(Transition, { name: 'q-transition--fade' }, getContent)\n      )\n\n      return h('div', {\n        class: classes.value,\n        style: style.value,\n        role: 'img',\n        'aria-label': props.alt\n      }, content)\n    }\n  }\n})\n","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-0!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-1!../../../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./index.vue?vue&type=style&index=0&id=299f1b96&lang=scss&scoped=true\"","<template>\n  <div class=\"empty-state\">\n    <div class=\"state-center\">\n      <q-img\n        :height=\"imageHeight\"\n        fit=\"contain\"\n        :src=\"imageSource\"\n        alt=\"empty screen\"\n      />\n      <p class=\"message\">{{ message }}</p>\n      <p class=\"description\">{{ description }}</p>\n    </div>\n\n    <slot></slot>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.empty-state {\n  position: relative;\n  top: 0;\n  left: 0;\n  min-height: 300px;\n  text-align: center;\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 420px;\n  font-size: 14px;\n  padding-bottom: 2rem;\n\n  .state-center {\n    width: 100%;\n  }\n  .message {\n    color: #101010;\n    margin-bottom: 2px;\n    margin-top: 5px;\n    font-family: 'font-weight: 500;';\n    font-size: 16px;\n  }\n  .description {\n    font-weight: 400;\n    font-size: 15px;\n    color: #666666;\n  }\n}\n</style>\n\n<script>\nexport default {\n  props: {\n    imageSource: {\n      type: String,\n      default: \"\",\n    },\n    message: {\n      type: String,\n      default: \"\",\n    },\n    description: {\n      type: String,\n      default: \"\",\n    },\n    imageHeight: {\n      type: String,\n      default: '200px',\n    }\n  },\n};\n</script>\n","import { render } from \"./EmptyPlaceholder.vue?vue&type=template&id=8dafecbe&scoped=true\"\nimport script from \"./EmptyPlaceholder.vue?vue&type=script&lang=js\"\nexport * from \"./EmptyPlaceholder.vue?vue&type=script&lang=js\"\n\nimport \"./EmptyPlaceholder.vue?vue&type=style&index=0&id=8dafecbe&lang=scss&scoped=true\"\n\nimport exportComponent from \"/codebuild/output/src612567107/src/new-merchant-app/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-8dafecbe\"]])\n\nexport default __exports__\nimport QImg from 'quasar/src/components/img/QImg.js';\nimport qInstall from \"../../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(script, 'components', {QImg});\n","/**\n * Quasar runtime for auto-importing\n * components or directives.\n *\n * Warning! This file does NOT get transpiled by Babel\n * but is included into the UI code.\n *\n * @param {component} Vue Component object\n * @param {type}      One of 'components' or 'directives'\n * @param {items}     Object containing components or directives\n */\nmodule.exports = function qInstall (component, type, items) {\n  const targetComponent = component.__vccOpts !== void 0\n    ? component.__vccOpts\n    : component\n\n  const target = targetComponent[type]\n\n  if (target === void 0) {\n    targetComponent[type] = items\n  }\n  else {\n    for (var i in items) {\n      if (target[i] === void 0) {\n        target[i] = items[i]\n      }\n    }\n  }\n}\n","import { h, defineComponent, computed, inject, getCurrentInstance } from 'vue'\n\nimport { hSlot } from '../../utils/private/render.js'\nimport { pageContainerKey, layoutKey } from '../../utils/private/symbols.js'\n\nexport default defineComponent({\n  name: 'QPage',\n\n  props: {\n    padding: Boolean,\n    styleFn: Function\n  },\n\n  setup (props, { slots }) {\n    const { proxy: { $q } } = getCurrentInstance()\n\n    const $layout = inject(layoutKey)\n    inject(pageContainerKey, () => {\n      console.error('QPage needs to be child of QPageContainer')\n    })\n\n    const style = computed(() => {\n      const offset\n        = ($layout.header.space === true ? $layout.header.size : 0)\n        + ($layout.footer.space === true ? $layout.footer.size : 0)\n\n      if (typeof props.styleFn === 'function') {\n        const height = $layout.isContainer.value === true\n          ? $layout.containerHeight.value\n          : $q.screen.height\n\n        return props.styleFn(offset, height)\n      }\n\n      return {\n        minHeight: $layout.isContainer.value === true\n          ? ($layout.containerHeight.value - offset) + 'px'\n          : (\n              $q.screen.height === 0\n                ? (offset !== 0 ? `calc(100vh - ${ offset }px)` : '100vh')\n                : ($q.screen.height - offset) + 'px'\n            )\n      }\n    })\n\n    const classes = computed(() =>\n      `q-page ${ props.padding === true ? ' q-layout-padding' : '' }`\n    )\n\n    return () => h('main', {\n      class: classes.value,\n      style: style.value\n    }, hSlot(slots.default))\n  }\n})\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-0!../../../node_modules/cache-loader/dist/cjs.js??ref--1-1!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./EmptyPlaceholder.vue?vue&type=style&index=0&id=8dafecbe&lang=scss&scoped=true\"","<template>\n  <div>\n    <PlatformContent />\n  </div>\n</template>\n\n<script>\nimport PlatformContent from '@/components/contents/Platforms'\nexport default {\n  components:{\n    PlatformContent\n  }\n}\n</script>\n","<template>\n  <q-page class=\"page\">\n    <div>\n      <h1 class=\"page-title\">Platforms you have Integrated</h1>\n      <q-separator class=\"q-mt-lg\" />\n    </div>\n    <div class=\"q-mt-lg q-pa-md\" v-if=\"platforms && platforms.length > 0\">\n      <p class=\"list-title\">Platforms you are connected to</p>\n      <div>\n        <div\n          v-for=\"(item, index) of platforms\"\n          :key=\"index\"\n          class=\"q-mb-md platform-item\"\n        >\n          <!-- <div class=\"top-row\">\n            <p class=\"title\">{{ item.source }}</p>\n          </div> -->\n          <!-- <div class=\"bottom-row\">\n            <p>{{ item.platform }}</p>\n            <p>\n              <span class=\"key\">Checkout count: </span>\n              {{ item.count }}\n            </p>\n          </div> -->\n          <div class=\"row\">\n            <div class=\"col-md-6 col-sm-12 col-xs-12\">\n              <p>{{ item.platform }}</p>\n            </div>\n            <div class=\"col-md-6 col-sm-12 col-xs-12\">\n              <p :class=\"alignment\">\n                <span class=\"key\">Checkout count: </span>\n                {{ item.count }}\n              </p>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"empty-state\" v-else>\n      <EmptyPlaceholder\n        :imageHeight=\"imageSize\"\n        message=\"You have no platforms checkout from yet\"\n        description=\"Your connected platforms and stores will appear here after first checkout\"\n        imageSource=\"https://res.cloudinary.com/ourpass-co/image/upload/v1640188407/merchant_v2/blank-screen_kumiwu.svg\"\n      />\n    </div>\n  </q-page>\n</template>\n\n<script>\nimport EmptyPlaceholder from \"@/components/reusables/EmptyPlaceholder\";\nimport PlatformsService from \"@/services/platforms.http\";\n\nexport default {\n  components: {\n    EmptyPlaceholder,\n  },\n  data() {\n    return {\n      platforms: [],\n      platformsService: null,\n    };\n  },\n\n  methods: {\n    async processPlatforms() {\n      this.$q.loading.show({\n        message: \"Getting Platforms ...\",\n      });\n      try {\n        this.loading = true;\n        const response = await this.platformsService.getPlatforms();\n        console.log(\"dfjlndkjfnkjdfndf\", response.data.data);\n        const platforms = response.data.data || [];\n        this.platforms = platforms;\n        this.$q.loading.hide();\n      } catch (err) {\n        if (err.response) {\n          const { error = \"Unable to fetch platforms\" } = err.response?.data;\n          console.log(\"eeroor\", err);\n          // this.error = message;\n          this.showMessage(\"error\", error);\n          window.scrollTo(0, 0);\n        }\n        this.$q.loading.hide();\n      }\n    },\n  },\n\n  computed: {\n    alignment() {\n      let size = this.$q.screen.name;\n      if (size == \"md\" || size == \"lg\" || size == \"xl\") {\n        return \"text-left\";\n      } else return \"\";\n    },\n\n    imageSize() {\n      let size = this.$q.screen.name;\n      if (size == \"md\" || size == \"lg\" || size == \"xl\") {\n        return \"150px\";\n      } else return \"100px\";\n    },\n  },\n\n  created() {\n    this.platformsService = new PlatformsService(this.$api2);\n  },\n\n  mounted() {\n    this.processPlatforms();\n  },\n};\n</script>\n\n\n<style lang=\"scss\" scoped>\n.page {\n  background-color: #fbfbfb;\n  padding: 20px;\n}\n.page-title {\n  font-size: 24px;\n  margin: 15px 0;\n  line-height: 1;\n  font-weight: 500;\n}\n.list-title {\n  font-weight: 600;\n  font-size: 16px;\n}\n.platform-item {\n  background-color: #ffffff;\n  border-radius: 8px;\n  padding: 15px 20px;\n  p {\n    margin: 0;\n    font-weight: 400;\n  }\n  .title {\n    font-weight: 600;\n  }\n  .top-row {\n    margin-bottom: 5px;\n  }\n  .bottom-row {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    .key {\n      font-weight: 600;\n    }\n  }\n}\n.empty-state {\n  margin-top: 100px;\n  margin-bottom: 40px;\n}\n</style>\n","export default class Platforms {\n    /**\n     * @constructor\n     */\n    constructor(api) {\n      this.http = api;\n    }\n  \n    getPlatforms() {\n      return this.http.get(`/v1/business/checkout-source`);\n    }\n  }\n  ","import { render } from \"./index.vue?vue&type=template&id=299f1b96&scoped=true\"\nimport script from \"./index.vue?vue&type=script&lang=js\"\nexport * from \"./index.vue?vue&type=script&lang=js\"\n\nimport \"./index.vue?vue&type=style&index=0&id=299f1b96&lang=scss&scoped=true\"\n\nimport exportComponent from \"/codebuild/output/src612567107/src/new-merchant-app/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-299f1b96\"]])\n\nexport default __exports__\nimport QPage from 'quasar/src/components/page/QPage.js';\nimport QSeparator from 'quasar/src/components/separator/QSeparator.js';\nimport qInstall from \"../../../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(script, 'components', {QPage,QSeparator});\n","import { render } from \"./Platforms.vue?vue&type=template&id=4144f72a\"\nimport script from \"./Platforms.vue?vue&type=script&lang=js\"\nexport * from \"./Platforms.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/codebuild/output/src612567107/src/new-merchant-app/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"sourceRoot":""}