1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5009],{5009:function(t,e,o){o.r(e),o.d(e,{lfw_jobs_thumb_item:function(){return a}});var i,h,s=o(5892),r=o(8166);o(4721),(i=h||(h={})).VERTICAL="vertical",i.HORIZONTAL="horizontal",i.LIST="list",i.GRID="grid";let a=class{handleMouseEnter(){var t;this.isHovering=!0,null===(t=this.videoRef)||void 0===t||t.playVideo()}handleMouseLeave(){this.isHovering=!1}renderMediaImage(){var t,e,o;let i=(0,s.h)("lfw-image",{class:"thumb-item__image",alt:null===(t=this.thumbMedia)||void 0===t?void 0:t.imageAlt,src:null===(e=this.thumbMedia)||void 0===e?void 0:e.imageSrc,blurhash:null===(o=this.thumbMedia)||void 0===o?void 0:o.blurhash,lazy:!0});return this.mediaIsReady=!0,(0,s.h)("div",{class:"thumb-container"},i)}renderMedia(){var t,e;return(null===(t=this.thumbMedia)||void 0===t?void 0:t.videoSources)?(this.mediaIsReady=!0,(0,s.h)("div",{class:"thumb-container",onMouseEnter:()=>!r.i&&this.handleMouseEnter(),onMouseLeave:()=>!r.i&&this.handleMouseLeave()},(0,s.h)("lfw-video",{ref:t=>this.videoRef=t,loop:r.i||this.isHovering,autoplay:r.i,videoSources:null===(e=this.thumbMedia)||void 0===e?void 0:e.videoSources}))):this.renderMediaImage()}renderContent(){if(this.mediaIsReady)return[h.GRID,h.LIST,h.HORIZONTAL].includes(this.layout)&&(0,s.h)("div",{class:"content"},(0,s.h)("slot",{name:"project-pre-title"}),(0,s.h)("slot",{name:"project-title"}))}render(){return(0,s.h)(s.H,{key:"a876856c5c49fdd91b896058e6981f37b1253610",class:{["thumb-"+this.layout]:!0}},(0,s.h)("lfw-ghost-loader",{key:"130cfff5a41f453ec55a97d576cfe06fee727752",width:"100%",height:"100%",borderRadius:"0"}),[this.renderMedia(),this.renderContent()])}get hostEl(){return(0,s.g)(this)}constructor(t){(0,s.r)(this,t),this.layout=h.HORIZONTAL,this.thumbMedia=void 0,this.lazy=void 0,this.galleryItemIndex=void 0,this.aspectRatio=void 0,this.isHovering=!1,this.mediaIsReady=!1}};a.style=':host *,:host *::after,:host *::before,:host ::slotted(*),:host ::slotted(*)::after,:host ::slotted(*)::before{box-sizing:border-box}:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host p,:host ul,:host li,:host span,:host ::slotted(h1),:host ::slotted(h3),:host ::slotted(h2),:host ::slotted(h4),:host ::slotted(h5),:host ::slotted(h6),:host ::slotted(p),:host ::slotted(ul),:host ::slotted(li),:host ::slotted(span){margin:0;padding:0;font:400 1.75rem/1.8 Outfit}html{font-size:100%}@media (min-width: 80rem){html{font-size:80%}}@media (min-width: 120rem){html{font-size:100%}}:host{width:100%;height:100%;display:block;position:relative;overflow:hidden;border-radius:1.5rem;aspect-ratio:375/200}@media (min-width: 48rem){:host{aspect-ratio:384/189}}@media (min-width: 80rem){:host{aspect-ratio:640/315}}:host img.thumb-item__image{width:100%;height:100%;object-fit:cover}:host lfw-ghost-loader{position:absolute;inset:0}:host .thumb-container{display:block;width:100%;height:100%;position:relative}:host .thumb-container lfw-image{width:100%;height:100%;--image-object-fit:cover}:host .thumb-container:hover{cursor:pointer}:host .thumb-container .flags-container{display:flex;justify-content:center;width:100%;position:absolute;top:0}@media (min-width: 80rem){:host .thumb-container .flags-container{display:block;width:fit-content;right:4rem}}:host .thumb-container .flags-container:hover{cursor:default}:host .content{position:absolute;bottom:2rem;right:0;left:0;margin:0 auto;text-align:center}@media (min-width: 80rem){:host .content{bottom:4.5rem}}:host slot[name=project-pre-title]::slotted(*),:host slot[name=project-title]::slotted(*){font:700 1.25rem/1.2 Knile;text-transform:uppercase;color:#fff}@media (min-width: 48rem){:host slot[name=project-pre-title]::slotted(*),:host slot[name=project-title]::slotted(*){font:900 2.5rem/1.2 Knile}}@media (min-width: 80rem){:host slot[name=project-pre-title]::slotted(*),:host slot[name=project-title]::slotted(*){font:900 6rem/1.05 Knile}}:host(.loading){opacity:0.9}:host(.thumb-vertical){aspect-ratio:327/600}@media (min-width: 48rem){:host(.thumb-vertical){aspect-ratio:324/600}}@media (min-width: 80rem){:host(.thumb-vertical){aspect-ratio:426/888}}@media (min-width: 120rem){:host(.thumb-vertical){aspect-ratio:580/1226}}
1:host(.thumb-vertical) .thumb-container{height:100%}@media (min-width: 80rem){:host(.thumb-list){height:calc(100vh - 11.25rem)}}:host(.thumb-list) .thumb-container{border-radius:0}:host(.thumb-grid){border-radius:0}@media (min-width: 80rem){:host(.thumb-grid){height:100%;aspect-ratio:14/9}}:host(.thumb-grid) .thumb-container::after{content:"";pointer-events:none;position:absolute;background-color:rgba(0, 0, 0, 0.45);inset:0}:host(.thumb-grid) .content{width:95%;bottom:3rem}@media (min-width: 120rem){:host(.thumb-grid) .content{bottom:2.25rem}}@media (min-width: 120rem){:host(.thumb-grid) .content{bottom:3rem}}:host(.thumb-grid) slot[name=project-pre-title]::slotted(*){font:400 1rem/1.8 Outfit}:host(.thumb-grid) slot[name=project-title]::slotted(*){font:700 1.75rem/1.2 Knile}@media (min-width: 120rem){:host(.thumb-grid) slot[name=project-title]::slotted(*){font:700 2.25rem/2.75rem Knile}}@media (hover: hover){:host(.thumb-grid) .thumb-container::after,:host(.thumb-grid) slot[name=project-pre-title]::slotted(*),:host(.thumb-grid) slot[name=project-title]::slotted(*){opacity:0}
1}:host(.thumb-grid) .thumb-container::after,:host(.thumb-grid) slot[name=project-pre-title]::slotted(*),:host(.thumb-grid) slot[name=project-title]::slotted(*){transition:opacity 350ms ease-in-out}:host(.thumb-grid:hover) .thumb-container::after{opacity:1}:host(.thumb-grid:hover) slot[name=project-pre-title]::slotted(*),:host(.thumb-grid:hover) slot[name=project-title]::slotted(*){opacity:1}'}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.