import{r as O,a as d,F as C,u as D,j}from"./index.js";import{s as G}from"./styled-components.browser.esm.js";import{u as Y}from"./App.js";const ot={IMAGE:"IMAGE",VIDEO:"VIDEO"},at={GRID_FEED:"GRID_FEED",MASONRY_FEED:"MASONRY_FEED",COLLAGE:"COLLAGE",SLIDER:"SLIDER",SINGLE:"SINGLE"},it={CLEAN:"CLEAN",PRODUCT:"PRODUCT",TAG:"TAG",SOCIAL:"SOCIAL"},st={NONE:"NONE",ZOOM:"ZOOM",OVERLAY_CENTER:"OVERLAY_CENTER",OVERLAY_BOTTOM_LEFT:"OVERLAY_BOTTOM_LEFT"},ct={POPUP:"POPUP",PRODUCT:"PRODUCT",SOCIAL:"SOCIAL",INSTAGRAM:"INSTAGRAM",CUSTOM_LINK:"CUSTOM_LINK",NONE:"NONE"},lt={ARROW:"ARROW",CHEVRON:"CHEVRON"},ht={WHITE:"WHITE",GREY:"GREY",BLACK:"BLACK"},ut={INSIDE:"INSIDE",CENTER:"CENTER",OUTSIDE:"OUTSIDE"},B=["0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z","a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z","#","$","%","*","+",",","-",".",":",";","=","?","@","[","]","^","_","{","|","}","~"],p=t=>{let n=0;for(let e=0;e<t.length;e++){const r=t[e],o=B.indexOf(r);n=n*83+o}return n},w=t=>{let n=t/255;return n<=.04045?n/12.92:Math.pow((n+.055)/1.055,2.4)},I=t=>{let n=Math.max(0,Math.min(1,t));return n<=.0031308?Math.round(n*12.92*255+.5):Math.round((1.055*Math.pow(n,1/2.4)-.055)*255+.5)},U=t=>t<0?-1:1,R=(t,n)=>U(t)*Math.pow(Math.abs(t),n);class P extends Error{constructor(n){super(n),this.name="ValidationError",this.message=n}}const $=t=>{if(!t||t.length<6)throw new P("The blurhash string must be at least 6 characters");const n=p(t[0]),e=Math.floor(n/9)+1,r=n%9+1;if(t.length!==4+2*r*e)throw new P(`blurhash length mismatch: length is ${t.length} but it should be ${4+2*r*e}`)},V=t=>{const n=t>>16,e=t>>8&255,r=t&255;return[w(n),w(e),w(r)]},F=(t,n)=>{const e=Math.floor(t/361),r=Math.floor(t/19)%19,o=t%19;return[R((e-9)/9,2)*n,R((r-9)/9,2)*n,R((o-9)/9,2)*n]},X=(t,n,e,r)=>{$(t),r=r|1;const o=p(t[0]),a=Math.floor(o/9)+1,l=o%9+1,f=(p(t[1])+1)/166,c=new Array(l*a);for(let s=0;s<c.length;s++)if(s===0){const h=p(t.substring(2,6));c[s]=V(h)}else{const h=p(t.substring(4+s*2,6+s*2));c[s]=F(h,f*r)}const i=n*4,g=new Uint8ClampedArray(i*e);for(let s=0;s<e;s++)for(let h=0;h<n;h++){let T=0,A=0,S=0;for(let E=0;E<a;E++)for(let _=0;_<l;_++){const v=Math.cos(Math.PI*h*_/n)*Math.cos(Math.PI*s*E/e);let y=c[_+E*l];T+=y[0]*v,A+=y[1]*v,S+=y[2]*v}let L=I(T),N=I(A),M=I(S);g[4*h+0+s*i]=L,g[4*h+1+s*i]=N,g[4*h+2+s*i]=M,g[4*h+3+s*i]=255}return g};var H=X,W=globalThis&&globalThis.__extends||function(){var t=function(n,e){return t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(r,o){r.__proto__=o}||function(r,o){for(var a in o)Object.prototype.hasOwnProperty.call(o,a)&&(r[a]=o[a])},t(n,e)};return function(n,e){t(n,e);function r(){this.constructor=n}n.prototype=e===null?Object.create(e):(r.prototype=e.prototype,new r)}}(),b=globalThis&&globalThis.__assign||function(){return b=Object.assign||function(t){for(var n,e=1,r=arguments.length;e<r;e++){n=arguments[e];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(t[o]=n[o])}return t},b.apply(this,arguments)},K=globalThis&&globalThis.__rest||function(t,n){var e={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&n.indexOf(r)<0&&(e[r]=t[r]);if(t!=null&&typeof Object.getOwnPropertySymbols=="function")for(var o=0,r=Object.getOwnPropertySymbols(t);o<r.length;o++)n.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(t,r[o])&&(e[r[o]]=t[r[o]]);return e},q=function(t){W(n,t);function n(){var e=t!==null&&t.apply(this,arguments)||this;return e.canvas=null,e.handleRef=function(r){e.canvas=r,e.draw()},e.draw=function(){var r=e.props,o=r.hash,a=r.height,l=r.punch,u=r.width;if(e.canvas){var f=H(o,u,a,l),c=e.canvas.getContext("2d"),i=c.createImageData(u,a);i.data.set(f),c.putImageData(i,0,0)}},e}return n.prototype.componentDidUpdate=function(){this.draw()},n.prototype.render=function(){var e=this.props;e.hash;var r=e.height,o=e.width,a=K(e,["hash","height","width"]);return O.exports.createElement("canvas",b({},a,{height:r,width:o,ref:this.handleRef}))},n.defaultProps={height:128,width:128},n}(O.exports.PureComponent),x=q,z=globalThis&&globalThis.__extends||function(){var t=function(n,e){return t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(r,o){r.__proto__=o}||function(r,o){for(var a in o)Object.prototype.hasOwnProperty.call(o,a)&&(r[a]=o[a])},t(n,e)};return function(n,e){t(n,e);function r(){this.constructor=n}n.prototype=e===null?Object.create(e):(r.prototype=e.prototype,new r)}}(),m=globalThis&&globalThis.__assign||function(){return m=Object.assign||function(t){for(var n,e=1,r=arguments.length;e<r;e++){n=arguments[e];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(t[o]=n[o])}return t},m.apply(this,arguments)},Z=globalThis&&globalThis.__rest||function(t,n){var e={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&n.indexOf(r)<0&&(e[r]=t[r]);if(t!=null&&typeof Object.getOwnPropertySymbols=="function")for(var o=0,r=Object.getOwnPropertySymbols(t);o<r.length;o++)n.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(t,r[o])&&(e[r[o]]=t[r[o]]);return e},k={position:"absolute",top:0,bottom:0,left:0,right:0,width:"100%",height:"100%"};(function(t){z(n,t);function n(){return t!==null&&t.apply(this,arguments)||this}return n.prototype.componentDidUpdate=function(){if(this.props.resolutionX<=0)throw new Error("resolutionX must be larger than zero");if(this.props.resolutionY<=0)throw new Error("resolutionY must be larger than zero")},n.prototype.render=function(){var e=this.props,r=e.hash,o=e.height,a=e.width,l=e.punch,u=e.resolutionX,f=e.resolutionY,c=e.style,i=Z(e,["hash","height","width","punch","resolutionX","resolutionY","style"]);return O.exports.createElement("div",m({},i,{style:m(m({display:"inline-block",height:o,width:a},c),{position:"relative"})}),O.exports.createElement(x,{hash:r,height:f,width:u,punch:l,style:k}))},n.defaultProps={height:128,width:128,resolutionX:32,resolutionY:32},n})(O.exports.PureComponent);const J=({src:t,sizes:n,parentRef:e,...r})=>{const o=Y(e,{}),a=!!(o!=null&&o.isIntersecting);return d(C,{children:a&&d("img",{decoding:"auto",className:"cevoid-small",src:`${t}?class=${(()=>{const u=[160,240,320,400,480,640,750,1080],f=Number(n==null?void 0:n.replace("px",""));return u.find(c=>c>f)||1080})()}`,...r})})};var Q=J;function ft({post:t,srcSet:n,src:e,hash:r,sizes:o,loading:a}){const l=O.exports.useRef(null),u=D(i=>i.triggerEvent),f=/^((?!chrome|android).)*safari/i.test(navigator.userAgent),c=()=>{var i;u("post.view",{post:t==null?void 0:t._id,taggedProducts:(i=t==null?void 0:t.taggedProducts)==null?void 0:i.map(g=>{var s;return(s=g==null?void 0:g.product)==null?void 0:s.primaryId})})};return d(C,{children:e&&j(tt,{className:"cevoid-post-image",ref:l,children:[(r==null?void 0:r.length)>6&&d(x,{hash:r,width:32,height:32,punch:1}),f?d(Q,{src:e,sizes:o,alt:`Photo from ${t==null?void 0:t.username}${t!=null&&t.comment?` with the caption ${t==null?void 0:t.comment}`:""}`,onError:i=>{i.target.src=e},parentRef:l,loading:"lazy",onLoad:c}):d("img",{decoding:"auto",className:"cevoid-small",src:e,onError:i=>{i.target.src=e},srcSet:n,sizes:o,alt:`Photo from ${t==null?void 0:t.username}${t!=null&&t.comment?` with the caption ${t==null?void 0:t.comment}`:""}`,loading:a,onLoad:c})]})})}const tt=G.div`
  position: absolute !important;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: 100%;
  width: 100%;

  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 2;
    position: relative;
    pointer-events: none;
    border-radius: var(--cevoid-corner-roundness);
    overflow: hidden;
    margin: 0px !important;
  }

  canvas {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 100%;
    width: 100%;
    z-index: 1;
    border-radius: var(--cevoid-corner-roundness);
    overflow: hidden;
  }
`;export{ct as C,at as G,st as H,ft as I,ot as M,it as P,ht as S,ut as a,lt as b};