https://crowdworks.co.jp/_nuxt/DXgMkCBL.js

1import{$ as e,F as t,N as n,P as r,R as i,_ as a,bt as o,f as s,g as c,i as l,it as u,l as d,p as f,t as p,u as m,v as h,vt as g,yt as _}from"./DljFfF3k.js";import{a as v}from"./DHnPFrsP.js";import{r as y}from"./BTLiHJGJ.js";import{t as b}from"./CjJtCm0a.js";import{t as x}from"./DimiB-tP.js";var S={class:`service_img`},C=[`srcset`],w=[`src`],T={class:`service_body`},E={class:`service_logo`},D=[`src`],O={class:`service_lead`},k=[`innerHTML`],A={class:`service_btnWrap`},j={class:`slideNav`},M={class:`sr-only`},N={class:`sr-only`},P={class:`slidePager`},ee={class:`slidePager_list`},te=[`onClick`,`onKeydown`],F={class:`sr-only`},I=p({__name:`BlockHomeSlider`,props:{lang:{type:String,default:`ja`},slides:{type:Array,default:()=>[]},btnLabel:{type:String,default:`サービス一覧`}},setup(n){let r=n,a=e(1),s=e(!1),c=e(!1),p=e(!1),y=e({flag:!1,threshold:60,start:{x:0},current:{x:0},distance:{x:0}}),x=d(()=>{let e={};return e.width=r.slides.length*100+`%`,e.transform=`translateX(`+(a.value-1)*(-1*(100/r.slides.length))+`%)`,e}),I=e=>{y.value.flag=!0,y.value.start.x=e.touches[0].pageX},L=e=>{if(s.value)return!1;y.value.current.x=e.touches[0].pageX,y.value.distance.x=y.value.current.x-y.value.start.x,y.value.flag&&y.value.distance.x>0&&y.value.distance.x>=y.value.threshold&&(a.value===1&&(c.value=!0),s.value=!0,a.value--,y.value.flag=!1,setTimeout(()=>{H()},400)),y.value.flag&&y.value.distance.x<0&&y.value.distance.x<=y.value.threshold*-1&&(a.value===r.slides.length&&(p.value=!0),s.value=!0,a.value++,y.value.flag=!1,setTimeout(()=>{H()},400))},R=()=>{y.value.flag=!1},z=(e,t)=>{let n={};return n.backgroundColor=t,e===r.slides.length-1&&c.value===!0?(n.transform=`translateX(`+r.slides.length*-100+`%)`,n):(e===0&&p.value===!0&&(n.transform=`translateX(`+r.slides.length*100+`%)`),n)},B=(e,t)=>{if(t.preventDefault(),s.value)return!1;e===`prev`&&a.value===1&&(c.value=!0),e===`next`&&a.value===r.slides.length&&(p.value=!0),s.value=!0,e===`prev`&&a.value--,e===`next`&&a.value++,setTimeout(()=>{H()},400)},V=(e,t)=>{if(t.preventDefault(),s.value)return!1;s.value=!0,a.value=e,setTimeout(()=>{s.value=!1},400)},H=()=>{s.value=!1,c.value=!1,p.value=!1,a.value===0&&(a.value=r.slides.length),a.value>r.slides.length&&(a.value=1)};return(e,r)=>{let c=b;return t(),f(`div`,{class:g([`sliderWrap`,{"-en":n.lang===`en`}])},[m(`div`,{class:g([`serviceList`,{"is-anim":u(s)}]),style:_(u(x))},[(t(!0),f(l,null,i(n.slides,(e,i)=>(t(),f(`div`,{key:e.id,class:g([`service`,{isDark:e.is_dark}]),style:_(z(i,e.theme_color)),onTouchstart:r[0]||=e=>I(e),onTouchmove:r[1]||=e=>L(e),onTouchend:r[2]||=e=>R()},[m(`picture`,S,[m(`source`,{media:`(max-width: 767px)`,srcset:e.img_top_sp.url},null,8,C),m(`img`,{src:e.img_top_pc.url,alt:``},null,8,w)]),m(`div`,T,[m(`p`,E,[m(`img`,{src:e.img_top_logo.url,alt:``},null,8,D)]),m(`p`,O,o(e.lead),1),m(`p`,{class:`service_desc`,innerHTML:e.description},null,8,k),m(`div`,A,[h(c,{class:`service_btn`,label:n.btnLabel,tabindex:u(a)-1===i?0:-1,link:n.lang===`ja`?`/services/`:`/en/services/`},null,8,[`label`,`tabindex`,`link`])])])],38))),128))],6),m(`nav`,j,[m(`div`,{role:`button`,tabindex:`0`,class:`slideNav_btn -prev`,onClick:r[3]||=e=>B(`prev`,e),onKeydown:[r[4]||=v(e=>B(`prev`,e),[`enter`]),r[5]||=v(e=>B(`prev`,e),[`space`])]},[m(`span`,M,o(n.lang===`ja`?`前へ`:`Previous`),1)],32),m(`div`,{role:`button`,class:`slideNav_btn -next`,tabindex:`0`,onClick:r[6]||=e=>B(`next`,e),onKeydown:[r[7]||=v(e=>B(`next`,e),[`enter`]),r[8]||=v(e=>B(`next`,e),[`space`])]},[m(`span`,N,o(n.lang===`ja`?`次へ`:`Next`),1)],32)]),m(`nav`,P,[m(`ul`,ee,[(t(!0),f(l,null,i(n.slides.length,e=>(t(),f(`li`,{key:e,role:`button`,tabindex:`0`,class:g({"is-current":u(a)===e}),onClick:t=>V(e,t),onKeydown:[v(t=>V(e,t),[`enter`]),v(t=>V(e,t),[`space`])]},[m(`span`,F,o(e),1)],42,te))),128))])])],2)}}},[[`__scopeId`,`data-v-b25534d4`]]),L=y(`/images/home/mv_thumb.jpg`),R=y(`/images/home/results-money.jpg`),z=y(`/images/home/results-worker.jpg`),B=y(`/images/home/results-client.jpg`),V=y(`/images/home/mission-sp.jpg`),H=y(`/images/home/mission-pc.jpg`),U=y(`/images/home/sustainability01-sp.png`),W=y(`/images/home/sustainability01-pc.png`),G=y(`/images/home/sustainability02-sp.png`),K=y(`/images/home/sustainability02-pc.png`),q=y(`/images/home/sustainability03-sp.png`),J=y(`/images/home/sustainability03-pc.png`),Y=y(`/images/home/sustainability_en01-sp.png`),X=y(`/images/home/sustainability_en01-pc.png`),Z=y(`/images/home/sustainability_en02-sp.png`),Q=y(`/images/home/sustainability_en02-pc.png`),ne=y(`/images/home/sustainability_en03-sp.png`),re=y(`/images/home/sustainability_en03-pc.png`),ie=y(`/images/home/town.svg`),ae=V,oe=U,se=G,ce=q,le=Y,ue=Z,de=ne,fe={class:`mv`},pe={class:`mv_mov_cover_button`},me={class:`mv_cover`},he={class:`mv_txt l-container`},ge={key:0,class:`mv_txt_ja`},_e={key:1,class:`mv_txt_main`},ve={key:2,class:`mv_txt_sub`},ye={key:0,class:`sec -news`},be={class:`l-container`},xe={class:`btnWrap -news`},Se={class:`sec -resultFY secBgGray`},Ce={class:`l-container`},we={class:`secTtl`},Te={class:`resultFYList`},Ee={class:`resultFYListItem`},De={class:`resultFYListItem_ttl`},Oe={class:`resultFYListItem_result`},ke={class:`resultFYListItem`},Ae={class:`resultFYListItem_ttl`},je={class:`resultFYListItem_result`},Me={class:`resultFYListItem`},Ne={class:`resultFYListItem_ttl`},Pe={class:`resultFYListItem_result`},Fe={class:`sec -mission`},Ie={class:`missionCnt l-container`},Le={class:`missionCnt_body`},Re=[`innerHTML`],ze={class:`missionCnt_txt`},Be={class:`btnWrap`},Ve={class:`sec -service`},$={class:`l-container`},He={class:`serviceUpdate`},Ue={class:`sec -sus`},We={class:`secInner`},Ge={class:`susCnt l-container`},Ke={class:`susCnt_body`},qe=[`innerHTML`],Je={class:`susCnt_txt`},Ye={key:0,class:`susCnt_icon`},Xe={key:1,class:`susCnt_icon`},Ze={class:`btnWrap l-container`},Qe=`cQTTXk174fQ`,$e=p({__name:`TemplateHome`,props:{lang:{type:String,default:`ja`},newsList:{type:Array,default:()=>[]},results:{type:Object,required:!0},serviceList:{type:Array,required:!0},serviceUpdateText:{type:String,required:!0},contents:{type:Object,required:!0}},setup(i){let l=e(null),u=e(null),d=e(!1),p=e(!1),_=e(!1),v=e(!1),y={autoplay:1,controls:0,disablekb:1,enablejsapi:1,iv_load_policy:3,modestbranding:1,loop:1,rel:0,fs:0,playsinline:1,playlist:`cQTTXk174fQ`,wmode:`transparent`},S=()=>new Promise(e=>{window.onYouTubeIframeAPIReady=()=>e();let t=document.createElement(`script`);t.src=`https://www.youtube.com/iframe_api`;let n=document.getElementsByTagName(`script`)[0];n.parentNode.insertBefore(t,n)}),C=()=>{u.value=new window.YT.Player(`youtube-player`,{videoId:Qe,playerVars:y,events:{onReady:w,onStateChange:T}})},w=e=>{e.target.mute(),window.innerWidth>=768&&e.target.playVideo()},T=e=>{switch(e.data){case window.YT.PlayerState.PLAYING:_.value=!0,d.value=!0;break;case window.YT.PlayerState.PAUSED:window.innerWidth>=768&&(u.value.stopVideo(),_.value=!1);break;case window.YT.PlayerState.ENDED:_.value=!1}},E=()=>{u.value?.playVideo(),p.value=!0},D=()=>{v.value=window.innerWidth<768};return n(async()=>{D(),window.addEventListener(`resize`,D),await S(),C();let e=()=>u.value?.playVideo();window.addEventListener(`focus`,e),r(()=>{window.removeEventListener(`focus`,e),window.removeEventListener(`resize`,D),u.value&&u.value.destroy()})}),(e,n)=>{let r=x,u=b,v=I;return t(),f(`div`,null,[m(`div`,fe,[m(`div`,{class:g([`mv_mov`,{isActive:_.value}])},[m(`div`,{class:g([`mv_opening`,{isHide:d.value}])}

1,[...n[0]||=[m(`span`,null,null,-1)]],2),m(`div`,{id:`youtube-player`,ref_key:`youtubeContainer`,ref:l},null,512),m(`div`,{class:g([`mv_mov_cover`,{isActive:p.value}])},[n[1]||=m(`img`,{src:L,alt:``},null,-1),m(`div`,pe,[m(`button`,{type:`button`,onClick:E},o(i.lang===`ja`?`動画を再生`:`Play the video`),1)])],2)],2),m(`div`,me,[m(`p`,he,[i.lang===`ja`?(t(),f(`span`,ge,` 個のためのインフラになる `)):(t(),f(`span`,_e,` Talent infrastructure `)),i.lang===`ja`?(t(),f(`span`,ve,` Talent infrastructure `)):s(``,!0)])])]),i.lang===`ja`?(t(),f(`section`,ye,[m(`div`,be,[n[2]||=m(`h2`,{class:`secTtl`},`News`,-1),h(r,{items:i.newsList},null,8,[`items`]),m(`div`,xe,[h(u,{label:`ニュース一覧`,link:`/news/`})])])])):s(``,!0),m(`section`,Se,[m(`div`,Ce,[m(`h2`,we,[n[3]||=m(`span`,null,`Results`,-1),n[4]||=m(`span`,null,`for`,-1),m(`span`,null,`FY`+o(i.results.year),1)]),m(`ul`,Te,[m(`li`,Ee,[n[5]||=m(`img`,{src:R,alt:``},null,-1),m(`p`,De,o(i.lang===`ja`?`売上高`:`Net Sales`),1),m(`p`,Oe,[m(`span`,null,o(i.results.reward),1),a(o(i.lang===`ja`?`億円`:`billion yen`),1)])]),m(`li`,ke,[n[6]||=m(`img`,{src:z,alt:``},null,-1),m(`p`,Ae,o(i.lang===`ja`?`登録ワーカー数`:`Registered Workers`),1),m(`p`,je,[m(`span`,null,o(i.results.people),1),a(o(i.lang===`ja`?`万人`:``),1)])]),m(`li`,Me,[n[7]||=m(`img`,{src:B,alt:``},null,-1),m(`p`,Ne,o(i.lang===`ja`?`登録クライアント数`:`Registered Clients`),1),m(`p`,Pe,[m(`span`,null,o(i.results.client),1),a(o(i.lang===`ja`?`万社`:``),1)])])])])]),m(`section`,Fe,[m(`div`,Ie,[n[8]||=m(`h2`,{class:`secTtl`},`Mission`,-1),n[9]||=m(`div`,{class:`missionCnt_img`},[m(`picture`,null,[m(`source`,{media:`(max-width: 767px)`,srcset:ae}),m(`img`,{src:H,alt:``})])],-1),m(`div`,Le,[m(`h3`,{class:`secLead`,innerHTML:i.contents.missionLead},null,8,Re),m(`p`,ze,o(i.contents.missionText),1),m(`div`,Be,[h(u,{label:i.contents.missionBtn,link:i.lang===`ja`?`/company/mission/`:`/en/company/mission/`},null,8,[`label`,`link`])])])])]),m(`section`,Ve,[n[10]||=m(`div`,{class:`l-container`},[m(`h2`,{class:`secTtl`},`Services`)],-1),h(v,{lang:i.lang,slides:i.serviceList,"btn-label":i.contents.serviceBtn},null,8,[`lang`,`slides`,`btn-label`]),m(`div`,$,[m(`p`,He,o(i.lang===`ja`?`※数字はすべて`:`*Figures are current as of `)+` `+o(i.serviceUpdateText),1)])]),m(`section`,Ue,[n[14]||=m(`div`,{class:`l-container`},[m(`h2`,{class:`secTtl`},`Sustainability`)],-1),m(`div`,We,[m(`section`,Ge,[m(`div`,Ke,[m(`h3`,{class:`secLead`,innerHTML:i.contents.sustainabilityLead},null,8,qe),m(`p`,Je,o(i.contents.sustainabilityText),1),i.lang===`ja`?(t(),f(`div`,Ye,[...n[11]||=[c(`<picture data-v-315dd5c8><source media="(max-width: 767px)" srcset="`+oe+`" data-v-315dd5c8><img src="`+W+`" alt="SDGsのマーク" data-v-315dd5c8></picture><p class="susCnt_icon_text" data-v-315dd5c8><span class="susCnt_icon_text-lg" data-v-315dd5c8>SDGs</span><span data-v-315dd5c8><span data-v-315dd5c8>持続可能な</span><span data-v-315dd5c8>開発目標</span></span></p><picture data-v-315dd5c8><source media="(max-width: 767px)" srcset="`+se+`" data-v-315dd5c8><img src="`+K+`" alt="8. 働きがいも経済成長も" data-v-315dd5c8></picture><picture data-v-315dd5c8><source media="(max-width: 767px)" srcset="`+ce+`" data-v-315dd5c8><img src="`+J+`" alt="5. ジェンダー平等を実現しよう" data-v-315dd5c8></picture>`,4)]])):s(``,!0),i.lang===`en`?(t(),f(`div`,Xe,[...n[12]||=[c(`<picture data-v-315dd5c8><source media="(max-width: 767px)" srcset="`+le+`" data-v-315dd5c8><img src="`+X+`" alt="SUSTAINABLE DEVELOPMENT GOALS" data-v-315dd5c8></picture><picture data-v-315dd5c8><source media="(max-width: 767px)" srcset="`+ue+`" data-v-315dd5c8><img src="`+Q+`" alt="8. DECENT WORK AND ECONOMIC GROWTH" data-v-315dd5c8></picture><picture data-v-315dd5c8><source media="(max-width: 767px)" srcset="`+de+`" data-v-315dd5c8><img src="`+re+`" alt="5. GENDER EQUALITY" data-v-315dd5c8></picture>`,3)]])):s(``,!0)]),n[13]||=m(`div`,{class:`susCnt_img`},[m(`img`,{src:ie,alt:``})],-1)]),m(`div`,Ze,[h(u,{label:i.contents.sustainabilityBtn,link:i.lang===`ja`?`/sustainability/`:`/en/sustainability/`},null,8,[`label`,`link`])])])])])}}},[[`__scopeId`,`data-v-315dd5c8`]]);export{$e as t};