{"version":3,"sources":["webpack:///./src/views/Landing/HowToBeASupplier.vue?daf5","webpack:///src/views/Landing/HowToBeASupplier.vue","webpack:///./src/views/Landing/HowToBeASupplier.vue?5ac3","webpack:///./src/views/Landing/HowToBeASupplier.vue","webpack:///./src/views/Landing/HowToBeASupplier.vue?a396"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","$vuetify","breakpoint","_v","_s","$t","staticStyle","attrs","model","value","callback","$$v","lastselectedTabIndex","expression","_l","item","i","key","scopedSlots","_u","fn","ref","active","toggle","directives","name","rawName","location","eventName","parameters","attribute","GetTextColorBySelection","GetColorBySelection","on","$event","SetSelectedTab","style","GetBorderBottomColorByIndex","title","icon","SubItemClicked","AdimlarButonClicked","CurrentLocale","video","index","_g","_b","cover","howtovideodialog","$set","src","_e","panel","proxy","domProps","staticRenderFns","component"],"mappings":"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","file":"js/gportal.production-3.2.0-production-f038c138045279439f9c-chunk-1f0d6c76.min.js?version=20250314155337","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:\"howtobeasupplier\"},[_c('section',{staticClass:\"white\"},[_c('section',{class:(_vm.$vuetify.breakpoint.mdAndDown) ? 'jumbotron-howtobeasupplier-mobile' : 'jumbotron-howtobeasupplier'},[_c('h1',[_vm._v(_vm._s(_vm.$t('HowToBeASupplier')))])]),_c('section',{class:(_vm.$vuetify.breakpoint.mdAndDown) ? 'howtobeasupplier-processes-mobile' : 'howtobeasupplier-processes'},[_c('v-container',{staticStyle:{\"max-width\":\"1264px\",\"padding-left\":\"24px\",\"padding-right\":\"24px\"}},[_c('v-row',{attrs:{\"justify\":\"center\"}},[_c('v-col',{class:(_vm.$vuetify.breakpoint.mdAndDown) ? 'mt-6' : 'mt-16',attrs:{\"cols\":\"12\",\"align\":\"center\"}},[_c('h1',[_vm._v(_vm._s(_vm.$t('ProccessOfBeingSupplier')))])])],1),_c('v-row',{staticClass:\"aboutus-tri-info mb-8 mb-md-16\",attrs:{\"justify\":\"center\",\"align\":\"center\"}},[_c('v-col',{staticClass:\"px-0 mx-0\",attrs:{\"cols\":\"12\",\"align\":\"center\"}},[_c('v-slide-group',{staticClass:\"processSlider\",attrs:{\"center-active\":\"\",\"mandatory\":\"\",\"show-arrows\":\"\"},model:{value:(_vm.lastselectedTabIndex),callback:function ($$v) {_vm.lastselectedTabIndex=$$v},expression:\"lastselectedTabIndex\"}},_vm._l((_vm.tabitems),function(item,i){return _c('v-slide-item',{key:i,scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar active = ref.active;\nvar toggle = ref.toggle;\nreturn [_c('v-card',{directives:[{name:\"dataroid\",rawName:\"v-dataroid\",value:({location:'Landing_HowToBeASupplier', eventName: 'Click', parameters: { attribute: 'Adim' + (i + 1) }}),expression:\"{location:'Landing_HowToBeASupplier', eventName: 'Click', parameters: { attribute: 'Adim' + (i + 1) }}\"}],staticClass:\"d-flex align-stretch\",class:_vm.GetTextColorBySelection(i),attrs:{\"width\":(_vm.$vuetify.breakpoint.mdAndDown) ? 128 : 196,\"flat\":\"\",\"tile\":\"\",\"color\":_vm.GetColorBySelection(i)},on:{\"click\":function($event){return _vm.SetSelectedTab(i)}}},[(_vm.lastselectedTabIndex == i)?_c('v-responsive',{staticClass:\"d-flex flex-columns justify-center align-start pa-4 pt-8\",style:(_vm.GetBorderBottomColorByIndex(i)),attrs:{\"aspect-ratio\":1}},[_c('div',{class:(_vm.$vuetify.breakpoint.mdAndDown) ? 'processes-detail-mobile' : 'processes-detail'},[_c('h1',[_vm._v(_vm._s(i+1))]),_c('span',{staticStyle:{\"font-weight\":\"600\"}},[_vm._v(_vm._s(_vm.$t(item.title)))]),_c('br'),_c('img',{staticClass:\"mt-6\",attrs:{\"src\":'/GPortal/assets/img/Landing/Icons/' + item.icon + '.svg',\"width\":\"24\"}})])]):_c('v-responsive',{staticClass:\"d-flex flex-columns justify-center align-start pa-4 pt-8\",style:(_vm.GetBorderBottomColorByIndex(i)),attrs:{\"aspect-ratio\":1}},[_c('div',{class:(_vm.$vuetify.breakpoint.mdAndDown) ? 'processes-detail-mobile' : 'processes-detail'},[_c('h1',[_vm._v(_vm._s(i+1))]),_c('br'),_c('br'),_c('span',{staticStyle:{\"font-weight\":\"600\"}},[_vm._v(_vm._s(_vm.$t(item.title)))])])])],1)]}}],null,true)})}),1)],1),_c('v-col',{staticClass:\"d-flex justify-center justify-md-start py-0 my-0\",staticStyle:{\"margin-top\":\"32px !important\",\"margin-bottom\":\"16px !important\"},attrs:{\"cols\":\"12\",\"md\":\"9\"}},[_c('span',{staticClass:\"garantibbvablue--text font-weight-bold\",staticStyle:{\"cursor\":\"pointer\"},on:{\"click\":function($event){return _vm.SubItemClicked(_vm.lastselectedTabIndex)}}},[_c('img',{staticClass:\"mr-2\",attrs:{\"src\":\"/GPortal/assets/img/Landing/Icons/Show.svg\",\"height\":\"24\"}}),_vm._v(_vm._s(_vm.$t('Process.' + _vm.lastselectedTabIndex + '.BtnText'))+\" \")])]),_c('v-col',{staticClass:\"dynaContent py-0 my-0\",staticStyle:{\"text-align\":\"justify\"},attrs:{\"cols\":\"12\",\"md\":\"9\"}},[_c('p',[_vm._v(_vm._s(_vm.$t('Process.' + _vm.lastselectedTabIndex + '.Content')))])]),_c('v-col',{staticClass:\" py-0 my-0\",staticStyle:{\"text-align\":\"center\"},attrs:{\"cols\":\"12\",\"md\":\"9\"}},[_c('v-btn',{staticClass:\"text-capitalize dynaBtn\",attrs:{\"depressed\":\"\",\"tile\":\"\",\"color\":\"garantibbvaturquoise white--text\"},on:{\"click\":function($event){return _vm.AdimlarButonClicked(_vm.lastselectedTabIndex)}}},[_vm._v(\" \"+_vm._s(_vm.$t('Apply'))+\" \")])],1)],1)],1)],1)]),(_vm.CurrentLocale == 'tr')?_c('section',{staticClass:\"howto-tri-info\"},[_c('v-container',{staticClass:\"py-0 my-0\",staticStyle:{\"max-width\":\"1264px\",\"padding-left\":\"24px\",\"padding-right\":\"24px\"},attrs:{\"fill-height\":\"\"}},[_c('v-row',{attrs:{\"justify\":\"center\"}},[_c('v-col',{class:(_vm.$vuetify.breakpoint.mdAndDown) ? 'mt-6' : 'mt-12',attrs:{\"cols\":\"12\",\"align\":\"center\"}},[_c('h1',{class:(_vm.$vuetify.breakpoint.mdAndDown) ? 'howto-video-title-mobile' : 'howto-video-title'},[_vm._v(_vm._s(_vm.$t('VideosTitle')))])])],1),_c('v-row',{staticClass:\"my-0 py-10\",staticStyle:{\"min-height\":\"188px\"},attrs:{\"justify\":\"center\",\"align\":\"stretch\"}},_vm._l((_vm.videos),function(video,index){return _c('v-dialog',{key:index,attrs:{\"tile\":\"\",\"width\":\"968\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nvar attrs = ref.attrs;\nreturn [_c('v-col',_vm._g(_vm._b({directives:[{name:\"dataroid\",rawName:\"v-dataroid\",value:({ location:'Landing_HowToBeASupplier', eventName: 'Video_Click', parameters: { attribute: 'Video' + (index + 1) }}),expression:\"{ location:'Landing_HowToBeASupplier', eventName: 'Video_Click', parameters: { attribute: 'Video' + (index + 1) }}\"}],staticClass:\"white pa-0 mx-0 my-4 mx-sm-4 my-sm-2\",class:(_vm.$vuetify.breakpoint.mdAndDown) ? 'howto-tri-info-content-mobile' : 'howto-tri-info-content',attrs:{\"cols\":\"12\",\"sm\":\"3\"}},'v-col',attrs,false),on),[_c('v-responsive',{attrs:{\"width\":\"968\",\"aspect-ratio\":16/9}},[_c('div',{staticClass:\"d-flex justify-center align-center\"},[_c('v-icon',{staticClass:\"position-absolute\",staticStyle:{\"filter\":\"drop-shadow(0 0 5px rgb(0 0 0 / 0.25))\"},attrs:{\"size\":\"64\",\"color\":\"white\"}},[_vm._v(\"mdi-play-circle\")]),_c('img',{attrs:{\"src\":video.cover,\"width\":\"100%\",\"height\":\"100%\"}})],1)]),_c('p',{staticClass:\"ma-0 pa-3 howto-video-maintext\"},[_vm._v(_vm._s(_vm.$t(video.title)))])],1)]}}],null,true),model:{value:(_vm.howtovideodialog[index]),callback:function ($$v) {_vm.$set(_vm.howtovideodialog, index, $$v)},expression:\"howtovideodialog[index]\"}},[_c('v-card',{attrs:{\"tile\":\"\"}},[_c('v-responsive',{attrs:{\"width\":\"968\",\"aspect-ratio\":16/9}},[(_vm.howtovideodialog[index])?_c('iframe',{staticClass:\"ma-0\",attrs:{\"width\":\"100%\",\"height\":\"100%\",\"src\":_vm.$t(video.src),\"frameborder\":\"0\",\"marginheight\":\"0\",\"align\":\"top\",\"scrolling\":\"No\",\"hspace\":\"0\",\"vspace\":\"0\",\"allowfullscreen\":\"allowfullscreen\",\"mozallowfullscreen\":\"mozallowfullscreen\",\"msallowfullscreen\":\"msallowfullscreen\",\"oallowfullscreen\":\"oallowfullscreen\",\"webkitallowfullscreen\":\"webkitallowfullscreen\"}}):_vm._e()]),_c('v-card-title',{staticClass:\"pa-4\",class:(_vm.$vuetify.breakpoint.mdAndDown) ? 'howto-dialog-text-mobile' : 'howto-dialog-text'},[_vm._v(_vm._s(_vm.$t(video.title)))])],1)],1)}),1)],1)],1):_vm._e(),_c('section',{class:[(_vm.$vuetify.breakpoint.mdAndDown) ? 'howtobeasupplier-faq-mobile' : 'howtobeasupplier-faq', (_vm.CurrentLocale == 'tr') ? 'white' : 'grey lighten-4' ]},[_c('v-container',{staticStyle:{\"max-width\":\"1264px\",\"padding-left\":\"24px\",\"padding-right\":\"24px\"}},[_c('v-row',{staticClass:\"mt-4\",attrs:{\"justify\":\"center\"}},[_c('v-col',{attrs:{\"cols\":\"12\",\"align\":\"center\"}},[_c('h1',[_vm._v(_vm._s(_vm.$t('FAQs')))])])],1),_c('v-row',{staticClass:\"mb-8 mb-md-16\",attrs:{\"justify\":\"center\",\"align\":\"center\"}},[_c('v-col',{staticClass:\"px-0 mx-0\",attrs:{\"cols\":\"12\",\"md\":\"10\",\"align\":\"justify\"}},[_c('v-expansion-panels',{class:(_vm.$vuetify.breakpoint.mdAndDown) ? 'faq-mobile' : 'faq',attrs:{\"flat\":\"\",\"tile\":\"\"},model:{value:(_vm.panel),callback:function ($$v) {_vm.panel=$$v},expression:\"panel\"}},_vm._l((4),function(item,i){return _c('v-expansion-panel',{directives:[{name:\"dataroid\",rawName:\"v-dataroid\",value:({ location:'Landing_HowToBeASupplier', eventName: 'SSS_Click', parameters: { attribute: (i + 1) + 'SSS' } }),expression:\"{ location:'Landing_HowToBeASupplier', eventName: 'SSS_Click', parameters: { attribute: (i + 1) + 'SSS' } }\"}],key:i,staticClass:\"grey--text text--darken-1\",class:(_vm.CurrentLocale == 'tr') ? 'white' : 'grey lighten-4',staticStyle:{\"border-bottom\":\"1px solid #666666 !important\"},attrs:{\"active-class\":\"panel-active-text\"}},[_c('v-expansion-panel-header',{scopedSlots:_vm._u([{key:\"actions\",fn:function(){return [_c('v-icon',{attrs:{\"large\":\"\",\"color\":\"garantibbvaturquoise\"}},[_vm._v(\"$expand\")])]},proxy:true}],null,true)},[_c('span',{staticClass:\"headerTitle\"},[_vm._v(_vm._s(_vm.$t('FAQ.' + i + '.Title')))])]),_c('v-expansion-panel-content',[_c('span',{staticClass:\"content py-6\",domProps:{\"innerHTML\":_vm._s(_vm.$t('FAQ.' + i + '.Content'))}})])],1)}),1)],1)],1)],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <section class=\"howtobeasupplier\">\r\n        <section class=\"white\">\r\n            <section :class=\"($vuetify.breakpoint.mdAndDown) ? 'jumbotron-howtobeasupplier-mobile' : 'jumbotron-howtobeasupplier'\">\r\n                <h1>{{$t('HowToBeASupplier')}}</h1>\r\n            </section>\r\n            <section :class=\"($vuetify.breakpoint.mdAndDown) ? 'howtobeasupplier-processes-mobile' : 'howtobeasupplier-processes'\">\r\n                <v-container style=\"max-width: 1264px; padding-left: 24px; padding-right: 24px; \">\r\n                    <v-row justify=\"center\">\r\n                        <v-col cols=\"12\" align=\"center\" :class=\"($vuetify.breakpoint.mdAndDown) ? 'mt-6' : 'mt-16'\">\r\n                            <h1>{{$t('ProccessOfBeingSupplier')}}</h1>\r\n                        </v-col>\r\n                    </v-row>\r\n                    <v-row class=\"aboutus-tri-info mb-8 mb-md-16\" justify=\"center\" align=\"center\">\r\n                        <v-col cols=\"12\" align=\"center\" class=\"px-0 mx-0\">\r\n                            <v-slide-group v-model=\"lastselectedTabIndex\" center-active mandatory show-arrows class=\"processSlider\">\r\n                                <v-slide-item v-for=\"(item, i) in tabitems\" :key=\"i\" v-slot=\"{ active, toggle }\">\r\n                                    <v-card v-dataroid=\"{location:'Landing_HowToBeASupplier', eventName: 'Click', parameters: { attribute: 'Adim' + (i + 1) }}\" class=\"d-flex align-stretch\" :width=\"($vuetify.breakpoint.mdAndDown) ? 128 : 196\" flat tile :color=\"GetColorBySelection(i)\" :class=\"GetTextColorBySelection(i)\" @click=\"SetSelectedTab(i)\">\r\n                                        <v-responsive v-if=\"lastselectedTabIndex == i\" :aspect-ratio=\"1\" class=\"d-flex flex-columns justify-center align-start pa-4 pt-8\" :style=\"GetBorderBottomColorByIndex(i)\">\r\n                                            <div :class=\"($vuetify.breakpoint.mdAndDown) ? 'processes-detail-mobile' : 'processes-detail'\">\r\n                                                <h1>{{i+1}}</h1>\r\n                                                <span style=\"font-weight: 600\">{{$t(item.title)}}</span>\r\n                                                <br />\r\n                                                <img class=\"mt-6\" :src=\"'/GPortal/assets/img/Landing/Icons/' + item.icon + '.svg'\" width=\"24\" />\r\n                                            </div>\r\n                                        </v-responsive>\r\n                                        <v-responsive v-else :aspect-ratio=\"1\" class=\"d-flex flex-columns justify-center align-start pa-4 pt-8\" :style=\"GetBorderBottomColorByIndex(i)\">\r\n                                            <div :class=\"($vuetify.breakpoint.mdAndDown) ? 'processes-detail-mobile' : 'processes-detail'\">\r\n                                                <h1>{{i+1}}</h1>\r\n                                                <br />\r\n                                                <br />\r\n                                                <span style=\"font-weight: 600\">{{$t(item.title)}}</span>\r\n                                            </div>\r\n                                        </v-responsive>\r\n                                    </v-card>\r\n                                </v-slide-item>\r\n                            </v-slide-group>\r\n                        </v-col>\r\n                        <v-col cols=\"12\" md=\"9\" class=\"d-flex justify-center justify-md-start py-0 my-0\" style=\"margin-top: 32px !important; margin-bottom: 16px !important;\">\r\n                            <span class=\"garantibbvablue--text font-weight-bold\" style=\"cursor: pointer\" @click=\"SubItemClicked(lastselectedTabIndex)\">\r\n                                <img src=\"/GPortal/assets/img/Landing/Icons/Show.svg\" height=\"24\" class=\"mr-2\" />{{ $t('Process.' + lastselectedTabIndex + '.BtnText') }}\r\n                            </span>\r\n                        </v-col>\r\n                        <v-col cols=\"12\" md=\"9\" style=\"text-align: justify\" class=\"dynaContent py-0 my-0\">\r\n                            <p>{{ $t('Process.' + lastselectedTabIndex + '.Content') }}</p>\r\n                        </v-col>\r\n                        <v-col cols=\"12\" md=\"9\" class=\" py-0 my-0\" style=\"text-align: center\">\r\n                            <v-btn v-on:click=\"AdimlarButonClicked(lastselectedTabIndex)\" depressed tile\r\n                                   color=\"garantibbvaturquoise white--text\" class=\"text-capitalize dynaBtn\">\r\n                                {{ $t('Apply') }}\r\n                            </v-btn>\r\n                        </v-col>\r\n                    </v-row>\r\n                </v-container>\r\n            </section>\r\n        </section>\r\n        <section v-if=\"CurrentLocale == 'tr'\" class=\"howto-tri-info\">\r\n            <v-container fill-height style=\"max-width: 1264px; padding-left: 24px; padding-right: 24px;\" class=\"py-0 my-0\">\r\n                <v-row justify=\"center\">\r\n                    <v-col cols=\"12\" align=\"center\" :class=\"($vuetify.breakpoint.mdAndDown) ? 'mt-6' : 'mt-12'\">\r\n                        <h1 :class=\"($vuetify.breakpoint.mdAndDown) ? 'howto-video-title-mobile' : 'howto-video-title'\">{{$t('VideosTitle')}}</h1>\r\n                    </v-col>\r\n                </v-row>\r\n                <v-row justify=\"center\" align=\"stretch\" class=\"my-0 py-10\" style=\"min-height: 188px;\">\r\n                    <v-dialog tile width=\"968\" v-for=\"(video, index) in videos\" v-bind:key=\"index\" v-model=\"howtovideodialog[index]\">\r\n                        <template v-slot:activator=\"{ on, attrs }\">\r\n                            <v-col v-dataroid=\"{ location:'Landing_HowToBeASupplier', eventName: 'Video_Click', parameters: { attribute: 'Video' + (index + 1) }}\" v-bind=\"attrs\" v-on=\"on\" cols=\"12\" sm=\"3\" class=\"white pa-0 mx-0 my-4 mx-sm-4 my-sm-2\" v-bind:class=\"($vuetify.breakpoint.mdAndDown) ? 'howto-tri-info-content-mobile' : 'howto-tri-info-content'\">\r\n                                <v-responsive width=\"968\" :aspect-ratio=\"16/9\">\r\n                                    <div class=\"d-flex justify-center align-center\">\r\n                                        <v-icon size=\"64\" class=\"position-absolute\" color=\"white\" style=\"filter: drop-shadow(0 0 5px rgb(0 0 0 / 0.25));\">mdi-play-circle</v-icon>\r\n                                        <img v-bind:src=\"video.cover\" width=\"100%\" height=\"100%\" />\r\n                                    </div>\r\n                                </v-responsive>\r\n                                <p class=\"ma-0 pa-3 howto-video-maintext\">{{$t(video.title)}}</p>\r\n                            </v-col>\r\n                        </template>\r\n                        <v-card tile>\r\n                            <v-responsive width=\"968\" :aspect-ratio=\"16/9\">\r\n                                <iframe v-if=\"howtovideodialog[index]\" width=\"100%\" height=\"100%\" v-bind:src=\"$t(video.src)\" class=\"ma-0\" frameborder=\"0\" marginheight=\"0\" align=\"top\" scrolling=\"No\" hspace=\"0\" vspace=\"0\" allowfullscreen=\"allowfullscreen\" mozallowfullscreen=\"mozallowfullscreen\" msallowfullscreen=\"msallowfullscreen\" oallowfullscreen=\"oallowfullscreen\" webkitallowfullscreen=\"webkitallowfullscreen\"></iframe>\r\n                            </v-responsive>\r\n                            <v-card-title v-bind:class=\"($vuetify.breakpoint.mdAndDown) ? 'howto-dialog-text-mobile' : 'howto-dialog-text'\" class=\"pa-4\">{{$t(video.title)}}</v-card-title>\r\n                        </v-card>\r\n                    </v-dialog>\r\n                </v-row>\r\n            </v-container>\r\n        </section>\r\n\r\n        <section :class=\"[($vuetify.breakpoint.mdAndDown) ? 'howtobeasupplier-faq-mobile' : 'howtobeasupplier-faq', (CurrentLocale == 'tr') ? 'white' : 'grey lighten-4' ]\">\r\n            <v-container style=\"max-width: 1264px; padding-left: 24px; padding-right: 24px; \">\r\n                <v-row justify=\"center\" class=\"mt-4\">\r\n                    <v-col cols=\"12\" align=\"center\">\r\n                        <h1>{{$t('FAQs')}}</h1>\r\n                    </v-col>\r\n                </v-row>\r\n                <v-row class=\"mb-8 mb-md-16\" justify=\"center\" align=\"center\">\r\n                    <v-col cols=\"12\" md=\"10\" align=\"justify\" class=\"px-0 mx-0\">\r\n                        <v-expansion-panels v-model=\"panel\" flat tile :class=\"($vuetify.breakpoint.mdAndDown) ? 'faq-mobile' : 'faq'\">\r\n                            <v-expansion-panel v-for=\"(item,i) in 4\" :key=\"i\" v-bind:class=\"(CurrentLocale == 'tr') ? 'white' : 'grey lighten-4'\"\r\n                                               v-dataroid=\"{ location:'Landing_HowToBeASupplier', eventName: 'SSS_Click', parameters: { attribute: (i + 1) + 'SSS' } }\"\r\n                                               class=\"grey--text text--darken-1\" active-class=\"panel-active-text\" style=\"border-bottom: 1px solid #666666 !important\">\r\n                                <v-expansion-panel-header>\r\n                                    <span class=\"headerTitle\">{{ $t('FAQ.' + i + '.Title') }}</span>\r\n                                    <template v-slot:actions>\r\n                                        <v-icon large color=\"garantibbvaturquoise\">$expand</v-icon>\r\n                                    </template>\r\n                                </v-expansion-panel-header>\r\n                                <v-expansion-panel-content>\r\n                                    <span class=\"content py-6\" v-html=\"$t('FAQ.' + i + '.Content')\"></span>\r\n                                </v-expansion-panel-content>\r\n                            </v-expansion-panel>\r\n                        </v-expansion-panels>\r\n                    </v-col>\r\n                </v-row>\r\n            </v-container>\r\n        </section>\r\n    </section>\r\n</template>\r\n\r\n<style>\r\n    .jumbotron-howtobeasupplier {\r\n        position: relative;\r\n        top: 0;\r\n        left: 0;\r\n        height: 360px;\r\n        background-color: #FFF;\r\n        background-image: url('/GPortal/assets/img/Landing/Images/D_NasilTedarikciOlabilirim.jpg');\r\n        background-position: center center;\r\n        background-repeat: no-repeat;\r\n        background-size: cover;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n\r\n        .jumbotron-howtobeasupplier h1 {\r\n            font-size: 48px;\r\n            color: #FFFFFF;\r\n            letter-spacing: 0;\r\n            text-align: center;\r\n            line-height: 60px;\r\n            font-weight: bold;\r\n        }\r\n\r\n    .jumbotron-howtobeasupplier-mobile {\r\n        position: relative;\r\n        top: 0;\r\n        left: 0;\r\n        height: 184px;\r\n        background-color: #FFF;\r\n        background-image: url('/GPortal/assets/img/Landing/Images/M_NasilTedarikciOlabilirim.jpg');\r\n        background-position: center center;\r\n        background-size: cover;\r\n        background-repeat: no-repeat;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n\r\n        .jumbotron-howtobeasupplier-mobile h1 {\r\n            font-size: 24px;\r\n            color: #FFFFFF;\r\n            letter-spacing: 0;\r\n            text-align: center;\r\n            line-height: 32px;\r\n            font-weight: bold;\r\n        }\r\n\r\n    .howtobeasupplier {\r\n        background: #F4F4F4;\r\n    }\r\n\r\n    .howtobeasupplier-processes h1 {\r\n        font-size: 36px;\r\n        letter-spacing: 0;\r\n        text-align: center;\r\n        line-height: 48px;\r\n    }\r\n\r\n    .howtobeasupplier-processes-mobile h1 {\r\n        font-size: 18px;\r\n        letter-spacing: 0;\r\n        text-align: center;\r\n        line-height: 24px;\r\n    }\r\n\r\n    .processSlider .v-slide-group__content {\r\n        display: flex;\r\n        flex-direction: row;\r\n        justify-content: center;\r\n        align-content: center;\r\n    }\r\n\r\n    .processes-detail h1 {\r\n        font-size: 42px;\r\n        letter-spacing: 0;\r\n        line-height: 48px;\r\n        font-weight: bolder\r\n    }\r\n\r\n    .processes-detail span {\r\n        font-size: 15px;\r\n        letter-spacing: 0;\r\n        text-align: center;\r\n        line-height: 24px;\r\n    }\r\n\r\n    .processes-detail-mobile h1 {\r\n        font-size: 26px;\r\n        letter-spacing: 0;\r\n        text-align: center;\r\n        line-height: 34px;\r\n    }\r\n\r\n    .processes-detail-mobile span {\r\n        font-size: 15px;\r\n        text-align: center;\r\n        line-height: 24px;\r\n    }\r\n\r\n    .dynaContent p {\r\n        font-size: 15px;\r\n        color: #666666;\r\n        letter-spacing: 0;\r\n        text-align: left;\r\n        line-height: 24px;\r\n    }\r\n\r\n    .dynaBtn {\r\n        height: 56px !important;\r\n        width: 257px !important;\r\n        font-size: 15px !important;\r\n        letter-spacing: 0 !important;\r\n        text-align: center !important;\r\n        line-height: 24px !important;\r\n        font-weight: bold !important;\r\n    }\r\n\r\n    .howtobeasupplier-faq {\r\n\r\n    }\r\n\r\n    .howtobeasupplier-faq-mobile {\r\n\r\n    }\r\n\r\n    .howtobeasupplier-faq h1 {\r\n        font-size: 36px;\r\n        color: #121212;\r\n        text-align: center;\r\n        line-height: 48px;\r\n    }\r\n\r\n    .faq .headerTitle {\r\n        font-size: 22px;\r\n        letter-spacing: -0.4px;\r\n        text-align: left;\r\n        line-height: 32px;\r\n        font-weight: 600;\r\n    }\r\n\r\n    .faq .content {\r\n        font-size: 15px;\r\n        color: #666666;\r\n        letter-spacing: 0;\r\n        text-align: justify;\r\n        line-height: 24px;\r\n    }\r\n\r\n    .faq-mobile .headerTitle {\r\n        font-size: 15px;\r\n        letter-spacing: -0.27px;\r\n        text-align: left;\r\n        line-height: 24px;\r\n        font-weight: 600;\r\n    }\r\n\r\n    .faq-mobile .content {\r\n        font-size: 15px;\r\n        color: #666666;\r\n        letter-spacing: 0;\r\n        text-align: justify;\r\n        line-height: 24px;\r\n    }\r\n\r\n    .v-expansion-panel-header--active .headerTitle {\r\n        color: #00B0B0 !important;\r\n    }\r\n\r\n\r\n    .howto-tri-info {\r\n        position: relative;\r\n        top: 0;\r\n        left: 0;\r\n        min-height: 188px;\r\n        background-color: #F4F4F4;\r\n    }\r\n\r\n        .howto-tri-info .howto-tri-info-content p {\r\n            font-size: 17px;\r\n            color: #000000;\r\n            letter-spacing: 0;\r\n            line-height: 24px;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .howto-tri-info .howto-tri-info-content-mobile p {\r\n            font-size: 15px;\r\n            color: #000000;\r\n            letter-spacing: 0;\r\n            line-height: 24px;\r\n            font-weight: 600;\r\n        }\r\n\r\n    .howto-video-title {\r\n        font-size: 36px;\r\n        color: #000000;\r\n        letter-spacing: 0;\r\n        text-align: center;\r\n        line-height: 48px;\r\n    }\r\n\r\n    .howto-video-title-mobile {\r\n        font-size: 18px;\r\n        color: #000000;\r\n        letter-spacing: 0;\r\n        text-align: center;\r\n        line-height: 24px;\r\n    }\r\n\r\n    .howto-video-maintext {\r\n        font-size: 20px;\r\n        color: #121212;\r\n        letter-spacing: 0;\r\n        text-align: left;\r\n    }\r\n\r\n    .howto-dialog-text {\r\n        font-size: 24px !important;\r\n        color: #121212 !important;\r\n        letter-spacing: 0 !important;\r\n        line-height: 32px !important;\r\n    }\r\n\r\n    .howto-dialog-text-mobile {\r\n        font-size: 18px !important;\r\n        color: #121212 !important;\r\n        letter-spacing: 0 !important;\r\n        line-height: 24px !important;\r\n    }\r\n</style>\r\n\r\n<script>\r\n    import Vue from 'vue';\r\n    import Vuex from \"vuex\"\r\n    import router from '@/router'\r\n\r\n    import { FormMixIn } from \"@/MixIns/FormMixins\";\r\n    import store from '@/store';\r\n    import Utilities from '@/Utilities.js'\r\n    import 'vuetify/dist/vuetify.min.css'\r\n\r\n    export default {\r\n        mixins: [FormMixIn],\r\n        components: {\r\n\r\n        },\r\n        created() {\r\n            window.SubItemClicked = this.SubItemClicked;\r\n            window.OpenProcessLink = this.OpenProcessLink;\r\n        },\r\n        name: \"Landing.HowToBeASupplier\",\r\n        data: function ()\r\n        {\r\n            return {\r\n                lastselectedTabIndex: 0,\r\n                howtovideodialog: [false, false, false],\r\n                tabitems: [\r\n                    { title: 'Process.0.Title', color: '#028484', icon: 'Document', function: 'OpenHelpDocument' },\r\n                    { title: 'Process.1.Title', color: '#072146', icon: 'Email_Read', function: 'OpenHelpDocument' },\r\n                    { title: 'Process.2.Title', color: '#004481', icon: 'My_Profile', function: 'OpenHelpDocument' },\r\n                    { title: 'Process.3.Title', color: '#237ABA', icon: 'Upload', function: 'OpenHelpDocument' },\r\n                    { title: 'Process.4.Title', color: '#5BBEFF', icon: 'Right', function: 'OpenCodeOfConduct' }\r\n                ],\r\n                videos: [\r\n                    { title: 'Video1Title', src: 'Video1Link', cover: '/GPortal/assets/img/Landing/Images/Cover1.jpg' },\r\n                    { title: 'Video2Title', src: 'Video2Link', cover: '/GPortal/assets/img/Landing/Images/Cover2.jpg' },\r\n                    { title: 'Video3Title', src: 'Video3Link', cover: '/GPortal/assets/img/Landing/Images/Cover3.jpg' },\r\n                    { title: 'Video4Title', src: 'Video4Link', cover: '/GPortal/assets/img/Landing/Images/Cover4.jpg' },\r\n                    { title: 'Video5Title', src: 'Video5Link', cover: '/GPortal/assets/img/Landing/Images/Cover5.jpg' },\r\n                ],\r\n                panel: 0\r\n            };\r\n        },\r\n        methods:\r\n        {\r\n            AdimlarButonClicked: function (lastselectedTabIndex)\r\n            {\r\n                this.callDataRoid({ location: 'Landing_HowToBeASupplier', eventName: 'TedarikciOl_Click', parameters: { attribute: 'Adim' + (lastselectedTabIndex + 1) } });\r\n                this.$router.push('/Account/Application');\r\n            },\r\n            SubItemClicked: function (lastselectedTabIndex) {\r\n                this.callDataRoid({ location: 'Landing_HowToBeASupplier', eventName: 'KullanimKilavuzuAdimlarAlti_Click', parameters: { attribute: 'Adim' + (lastselectedTabIndex + 1) } });\r\n                OpenProcessLink(lastselectedTabIndex);\r\n\r\n            },\r\n            GetColorBySelection: function (index)\r\n            {\r\n                if (this.lastselectedTabIndex == index)\r\n                {\r\n                    return this.tabitems[index]['color'];\r\n                }\r\n                else\r\n                {\r\n                    return '#FFFFFF';\r\n                }\r\n            },\r\n            GetTextColorBySelection: function (index)\r\n            {\r\n                if (this.lastselectedTabIndex == index)\r\n                {\r\n                    return 'white--text';\r\n                }\r\n                else\r\n                {\r\n                    return 'grey--text text--darken-3';\r\n                }\r\n            },\r\n            GetBorderBottomColorByIndex: function (index)\r\n            {\r\n                return 'border-bottom: 2px solid ' + this.tabitems[index]['color'];\r\n            },\r\n            SetSelectedTab: function (index)\r\n            {\r\n                this.lastselectedTabIndex = index;\r\n            },\r\n            OpenHelpDocument: function ()\r\n            {\r\n                window.open(this.GetHostUrl + 'assets/docs/' + this.$root.$i18n.t('HelpDocumentLink'), 'blank')\r\n            },\r\n            OpenCodeOfConduct: function ()\r\n            {\r\n                this.$router.push('/Landing/Security/SupplierCodeOfConduct');\r\n            },\r\n            OpenProcessLink: function (index)\r\n            {\r\n                if (this.tabitems[index]['function'] == 'OpenCodeOfConduct')\r\n                {\r\n                    this.OpenCodeOfConduct();\r\n                }\r\n                else\r\n                {\r\n                    this.OpenHelpDocument();\r\n                }\r\n            }\r\n        },\r\n        watch: {\r\n\r\n        },\r\n        mounted: function ()\r\n        {\r\n\r\n        }\r\n    }\r\n</script>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../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!./HowToBeASupplier.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../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!./HowToBeASupplier.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./HowToBeASupplier.vue?vue&type=template&id=f3f12ad2&\"\nimport script from \"./HowToBeASupplier.vue?vue&type=script&lang=js&\"\nexport * from \"./HowToBeASupplier.vue?vue&type=script&lang=js&\"\nimport style0 from \"./HowToBeASupplier.vue?vue&type=style&index=0&lang=css&\"\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  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HowToBeASupplier.vue?vue&type=style&index=0&lang=css&\""],"sourceRoot":""}