1import{_ as b}from"./ImagePixelator.2f2b7272.js";import{E as f,b as y,r as i,o as u,af as g,T as z,f as C,C as _,h as B,i as d,k as e,m as E,n as S,l as o,F as V,ax as $,V as A,Y as I}from"./entry.f3ebf3ef.js";const N={class:"white-book-cover__overlay"},U={class:"grid",col:"8"},W={pos:"1-7",class:"white-book-cover__title"},L={pos:"1-7",class:"white-book-cover__author"},M={__name:"WhiteBookCover",props:{book:{type:Object,required:!0},size:{type:String,default:"medium"}},setup(s,{expose:p}){const w=s,{size:t}=f(w),r=y(()=>{switch(t.value){case"large":return"(max-width: 768px) 68vw, (max-width: 1024px) 44vw, 40vw";case"medium":return"(max-width: 768px) 68vw, (max-width: 1024px) 44vw, 33vw";case"small":return"(max-width: 1024px) 42vw, 26vw";case"tiny":return"(max-width: 768px) 21vw, 10vw"}}),c=i(null),l=i(0),n=()=>{l.value=c.value.clientWidth};u(()=>{window.addEventListener("resize",n,{passive:!0}),n()}),g(()=>{window.removeEventListener("resize",n)});const a=i(null),m=i(null);let v=null;u(()=>{v=new z(m.value)});const h=()=>{t.value==="small"&&(v.scramble(),a.value.animate())};return p({animate:()=>a.value&&a.value.animate()}),(R,T)=>{const x=C("datocms-image"),k=b;return _(),B("div",{class:A(["white-book-cover",[`white-book-cover--${e(t)}`]]),ref_key:"el",ref:c,style:I({"--white-book-cover-width":e(l)}),onPointerenter:h},[d(x,{data:s.book[`cover${e(t).charAt(0).toUpperCase()}${e(t).slice(1)}`].responsiveImage,sizes:e(r)},null,8,["data","sizes"]),e(t)==="small"||e(t)==="tiny"?(_(),E(k,{key:0,image:s.book[`cover${e(t).charAt(0).toUpperCase()}${e(t).slice(1)}`].responsiveImage,sizes:e(r),ref_key:"pixel",ref:a},null,8,["image","sizes"])):S("",!0),o("div",N,[o("div",U,[o("div",W,[o("p",{ref_key:"title",ref:m},V(s.book.title),513)]),o("div",L,[d(e($))])])])],38)}}},D=M;export{D as _};
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.