{"version":3,"sources":["webpack:///./src/components/Table/PartList/Mobile/Part.phone.vue","webpack:///src/components/Table/PartList/Mobile/Part.phone.vue","webpack:///./src/components/Table/PartList/Mobile/Part.phone.vue?5630","webpack:///./src/components/Table/PartList/Mobile/Part.phone.vue?c060","webpack:///./src/components/Table/PartList/Mobile/Part.phone.vue?e240"],"names":["render","_vm","this","_c","_self","attrs","headers_length","staticClass","part","thumbnailURL","hasC2C","nativeOn","$event","stopPropagation","show_c2c","apply","arguments","grouped_by","staticRenderFns","props","type","required","group_name","index","disable_select_action","default","data","thumbnail_abort_controller","computed","mapState","skin","components","Thumbnail","TopRow","BottomRow","methods","mapActions","GET_THUMBNAIL","GET_C2C","SET_C2C","TOGGLE_MODAL_STATE","TOGGLE_SPINNER","active","name","value","mounted","signal","beforeDestroy","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,KAAK,CAACA,EAAG,KAAK,CAACE,MAAM,CAAC,QAAUH,KAAKI,iBAAiB,CAACH,EAAG,MAAM,CAACI,YAAY,2BAA2B,CAACJ,EAAG,YAAY,CAACI,YAAY,mBAAmBF,MAAM,CAAC,aAAeH,KAAKM,KAAKC,aAAa,OAASP,KAAKM,KAAKE,QAAQC,SAAS,CAAC,MAAQ,SAASC,GAAiC,OAAzBA,EAAOC,kBAAyBZ,EAAIa,SAASC,MAAM,KAAMC,eAAeb,EAAG,SAAS,CAACE,MAAM,CAAC,KAAOH,KAAKM,KAAK,WAAaN,KAAKe,eAAe,GAAGd,EAAG,MAAM,CAACI,YAAY,2BAA2B,CAACJ,EAAG,YAAY,CAACI,YAAY,mBAAmBF,MAAM,CAAC,KAAOH,KAAKM,KAAK,WAAaN,KAAKe,eAAe,QAEhnBC,EAAkB,G,0rBCqBtB,OACAC,OACAb,gBACAc,YACAC,aAEAC,YACAF,YACAC,aAEAE,OACAH,YACAC,aAEAb,MACAY,YACAC,aAEAJ,YACAG,YACAC,aAEAG,uBACAJ,aACAK,aAGAC,KA3BA,WA4BA,OACAC,iDAGAC,cACAC,gBACAC,iBAAA,2BAGAC,YACAC,qBAAA,wDACAC,kBAAA,wDACAC,qBAAA,yDAEAC,eACAC,gBACAC,oCACAC,wBACAC,wBACAC,+CACAC,2CANA,IAQA3B,SARA,0JASA,iBATA,iEAWA,qBAAA4B,YAXA,WAaA,cAbA,gCAcA,wBAdA,+CAgBA,wBAhBA,yBAkBA,yBAAAC,mBAAAC,WAlBA,yBAmBA,qBAAAF,YAnBA,2GAsBAG,QAhEA,WAoEA,kFACA,oBAAArC,eAAAe,iBAAAuB,iDAEAC,cAvEA,WAyEA,0CChG2U,I,wBCQvUC,EAAY,eACd,EACAhD,EACAkB,GACA,EACA,KACA,WACA,MAIa,aAAA8B,E,oECnBf","file":"assets/js/chunk-6cf99977.79bdfac1.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('tr',[_c('td',{attrs:{\"colspan\":this.headers_length}},[_c('div',{staticClass:\"flex-row cursor-pointer\"},[_c('Thumbnail',{staticClass:\"thumbnail-mobile\",attrs:{\"thumbnailURL\":this.part.thumbnailURL,\"hasC2C\":this.part.hasC2C},nativeOn:{\"click\":function($event){$event.stopPropagation();return _vm.show_c2c.apply(null, arguments)}}}),_c('TopRow',{attrs:{\"part\":this.part,\"grouped_by\":this.grouped_by}})],1),_c('div',{staticClass:\"flex-row cursor-pointer\"},[_c('BottomRow',{staticClass:\"bottomRow-mobile\",attrs:{\"part\":this.part,\"grouped_by\":this.grouped_by}})],1)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <tr>\n\n      <td :colspan=\"this.headers_length\">\n        <div class=\"flex-row cursor-pointer\">\n          <!-- C2C THUMBNAIL -->\n          <Thumbnail :thumbnailURL=\"this.part.thumbnailURL\" :hasC2C=\"this.part.hasC2C\"\n           class=\"thumbnail-mobile\" @click.native.stop=\"show_c2c\" />\n  \n          <!-- INFO -->\n          <TopRow :part=\"this.part\" :grouped_by=\"this.grouped_by\" />\n        </div>\n        <div class=\"flex-row cursor-pointer\">\n          <!-- INFO -->\n          <BottomRow class=\"bottomRow-mobile\" :part=\"this.part\" :grouped_by=\"this.grouped_by\" />\n        </div>\n      </td>\n    </tr>\n  </template>\n  \n  <script>\n  import { mapState, mapActions } from \"vuex\";\n  \n  export default {\n    props: {\n      headers_length: {\n        type: Number,\n        required: true\n      },\n      group_name: {\n        type: String,\n        required: true\n      },\n      index: {\n        type: Number,\n        required: true\n      },\n      part: {\n        type: Object,\n        required: true\n      },\n      grouped_by: {\n        type: String,\n        required: true\n      },\n      disable_select_action: {\n        type: Boolean,\n        default: false\n      },\n    },\n    data() {\n      return {\n        thumbnail_abort_controller: new AbortController()\n      }\n    },\n    computed: {\n      ...mapState({\n        skin: state => state.settings.skin\n      }),\n    },\n    components: {\n      Thumbnail: () => import('../../Thumbnail'),\n      TopRow: () => import('./TopRow.phone'),\n      BottomRow: () => import('./BottomRow.phone')\n    },\n    methods: {\n      ...mapActions({\n        GET_THUMBNAIL: \"parts/GET_THUMBNAIL\",\n        GET_C2C: \"parts/GET_C2C\",\n        SET_C2C: \"parts/SET_C2C\",\n        TOGGLE_MODAL_STATE: \"modals/TOGGLE_MODAL_STATE\",\n        TOGGLE_SPINNER: \"spinner/TOGGLE_SPINNER\"\n      }),\n      async show_c2c() {\n        if (!this.part.hasC2C) return;\n  \n        await this.TOGGLE_SPINNER({ active: true });\n  \n        if (this.part.c2c)\n          await this.SET_C2C(this.part);\n        else\n          await this.GET_C2C(this.part);\n  \n        await this.TOGGLE_MODAL_STATE({ name: 'graphicsUrl', value: true });\n        await this.TOGGLE_SPINNER({ active: false });\n      },\n    },\n    mounted() {\n      // Don't use optional chaining here, thumbnail can have a false values which would cause and error\n      // and its used to define that a part already tried to load the image but it doesnt have one\n      // console.log(\"Thumbnail still loading:\", this.part.thumbnailURL && this.part.thumbnailURL.includes(\".gif\") && this.part.thumbnailURL);\n      if (this.part.thumbnailURL && this.part.thumbnailURL.includes(\"loading_thumbnail.gif\"))\n        this.GET_THUMBNAIL({ part: this.part, index: this.index, signal: this.thumbnail_abort_controller.signal });\n    },\n    beforeDestroy() {\n      // Remember to cancel any thumbnail request\n      this.thumbnail_abort_controller.abort();\n    }\n  }\n  </script>\n  \n  <style lang=\"stylus\" scoped>\n    .bottomRow-mobile {\n      margin-left: 20px;\n    }\n    .thumbnail-mobile {\n      margin-left: 20px;\n      margin-top: 10px;\n    }\n  .checkbox-mobile {\n    margin-left: 20px;\n  }\n  .part-hover:hover {\n    background: #ccc !important;\n  }\n  \n  ul{\n    list-style: none;\n    padding: 0;\n  }\n  \n  .cursor-pointer:hover{\n    background: var(--v-primary-base-hover);\n  }\n  \n  :deep() .read-more{\n    color: var(--primary-color)\n  }\n  \n  :deep()\n      p\n       margin-bottom .5em\n  \n      .description-cell\n        ul\n          padding 0\n        li\n          display flex\n          align-items flex-start\n  \n          &.additional-description-comment\n            p\n              opacity .65\n            i\n              display none\n              opacity .25\n          &.specific-condition-comment\n            color: var(--v-warning-darken3)\n            opacity 1\n          &:last-of-type\n            margin-bottom 1em\n        i\n          margin-top .08em\n          margin-right .5em\n          font-size 14px\n  \n    tr:hover + .extension-row\n      background-color var(--v-secondary-lighten2)\n  \n    tr.extended[data-hover-active=\"true\"]\n      background-color var(--v-base-lighten2)\n  \n  \n      p\n       margin-bottom .7em\n  \n      .description-cell\n        ul\n          padding 0\n        li\n          display flex\n          align-items flex-start\n  \n          &.additional-description-comment\n            p\n              opacity .65\n            i\n              display none\n          &:last-of-type\n            margin-bottom 1.1em\n  \n    /* Phone styles */\n    @media( max-width: 750px)\n      tr[active]\n        background-color transparent\n  \n    @media screen and (min-width: 1904px)\n      .description-cell\n        padding-right: 100px !important\n  \n  </style>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Part.phone.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Part.phone.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Part.phone.vue?vue&type=template&id=7bc5945a&scoped=true&\"\nimport script from \"./Part.phone.vue?vue&type=script&lang=js&\"\nexport * from \"./Part.phone.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Part.phone.vue?vue&type=style&index=0&id=7bc5945a&prod&lang=stylus&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"7bc5945a\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../../../node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Part.phone.vue?vue&type=style&index=0&id=7bc5945a&prod&lang=stylus&scoped=true&\""],"sourceRoot":""}