@behold/widget 0.1.30 → 0.1.32

package/dist/base-kejrZ9Qe.js

@@ -1 +0,0 @@
-import{B as e,s as t,h as o,a as s,c as i,g as a,f as r,t as n,p as h}from"./Widget-k0vrivbv.js";function l(e){if(!e)return e;let[t,o,s]=e.split(",");t/=255,o/=255,s/=255;const i=Math.max(t,o,s),a=i-Math.min(t,o,s),r=a?i===t?(o-s)/a:i===o?2+(s-t)/a:4+(t-o)/a:0;return[60*r<0?60*r+360:60*r,100*(a?i<=.5?a/(2*i-a):a/(2-(2*i-a)):0),100*(2*i-a)/2]}function d(e,t){const o=(s=e,i="dominant",s.filter((e=>e[i])).map((e=>e[i]))).map((e=>l(e).join(",")));var s,i;return[c(p(o,0)),c(p(o,1)),c(p(o,2))]}function c(e){const t=[...e];t.sort((function(e,t){return e-t}));const o=Math.floor((t.length-1)/2);return t.length%2?t[o]:(t[o]+t[o+1])/2}function p(e,t){return e.map((e=>parseInt(e.split(",")[t])))}class f extends e{label="BaseWidget";shadow;styleEl;stylesAdded;contents;constructor(){super(),this.shadow=this.attachShadow({mode:"open"}),this.handleKeydown=this.handleKeydown.bind(this),this.handleFocus=this.handleFocus.bind(this),this.handleFocusout=this.handleFocusout.bind(this),this.handleShadowFocusout=this.handleShadowFocusout.bind(this),this.onStateChange((()=>{t(this,{"keyboard-nav":this.state.keyboardNavEnabled})})),this.onConnect((()=>{this.styleEl=document.createElement("style"),t(this,{"keyboard-nav":this.state.keyboardNavEnabled}),this.addEventListener("focus",this.handleFocus),this.addEventListener("focusout",this.handleFocusout),this.shadowRoot.addEventListener("focusout",this.handleShadowFocusout),this.addEventListener("keydown",this.handleKeydown)}))}focusPreviousPost(){this.dispatchEvent(new CustomEvent("post-focus-previous"))}focusNextPost(){this.dispatchEvent(new CustomEvent("post-focus-next"))}handleKeydown(e){"ArrowLeft"===e.key&&e.shiftKey&&this.focusPreviousPost(),"ArrowRight"===e.key&&e.shiftKey&&this.focusNextPost(),this.shadowRoot.activeElement&&this.classList.remove("has-focus")}handleFocus(e){this.shadow.activeElement||this.classList.add("has-focus")}handleFocusout(){this.classList.remove("has-focus")}handleShadowFocusout(e){e.relatedTarget===this&&this.classList.add("has-focus")}renderWidget(e,t){this.stylesAdded&&this.contents?this.contents.replaceWith(e):(this.contents=e,this.styleEl.replaceChildren(...t.map((e=>e.toString()))),this.shadow.replaceChildren(this.contents,this.styleEl),this.stylesAdded=!0)}}function v(e,t,o,s){let i="";switch(e){case"dominant":case"vibrant":case"muted":case"vibrantLight":case"mutedLight":case"vibrantDark":case"mutedDark":i=t?`rgb(${t[e]})`:m(s);break;case"tone":if(o){const e=o.split(",");if(t){const o=(a=1.6,r=l(t.dominant)[2]-s[2],Math.log(Math.abs(r))/Math.log(a)*Math.sign(r));i=`hsl(${e[0]},${e[1]}%,${parseInt(e[2])+o}%)`}else i=`hsl(${e[0]},${e[1]}%,${e[2]}%, ${Math.max(1*Math.random(),.3)})`}else i=m(s)}var a,r;return i}function m(e){return e?`hsl(${e[0]}, ${e[1]}%, ${e[2]}%, ${Math.max(1*Math.random(),.3)})`:""}class b extends e{label="BasePost";post;widgetSettings;feedMetadata;medianPaletteHSL;hasRowGap=!1;isLastRow=!1;onClick;previewLoadingColors=null;index;totalPosts;innerEl;captionEl;sizeClass="post--xlarge";constructor(){super(),this.onPropChange(this.baseHandlePropChange,["post","widgetSettings","feedMetadata","medianPaletteHSL","hasRowGap","isLastRow","previewLoadingColors","index","totalPosts"],["post","widgetSettings","feedMetadata","medianPaletteHSL","index","totalPosts"]),this.handleButtonClick=this.handleButtonClick.bind(this),this.onConnect((()=>{this.onResize(this,this,this.handleResize)}))}baseHandlePropChange({changedProp:e,oldValue:t,newValue:s}){switch(e){case"widgetSettings":s.loadingColor===t?.loadingColor&&s.loadingColorTone===t?.loadingColorTone||this.setBackgroundColor(),o(s,t,["onHover","linkTarget","previewVideosOnHover","onPostClick","customLinkURL"])&&this.renderPost(),o(s,t,["hoverOverlayColor","hoverOverlayCustomColor","hoverOverlayOpacity"])&&this.setOverlayColor(),this.setContainerStyles();break;case"previewLoadingColors":this.setBackgroundColor();break;case"hasRowGap":case"isLastRow":this.setContainerStyles()}}setOverlayColor(){let e="rgba(0, 0, 0, 0.3)",t=this.widgetSettings.hoverOverlayCustomColor??"0,0,0",o=this.widgetSettings.hoverOverlayOpacity??65;if("auto"===this.widgetSettings.hoverOverlayColor){const t=l(this.post.colorPalette?.dominant||"100,100,100").map((e=>Math.round(e)));e=`hsl(${t[0]} ${Math.min(t[1],50)}% ${Math.min(t[2],40)}% / ${o/100})`}if("custom"===this.widgetSettings.hoverOverlayColor){const s=t.split(",");e=`hsl(${s[0]} ${s[1]}% ${s[2]}% / ${o/100})`}s(this,"--overlay-color",e)}setContainerStyles(){t(this,{post:!0,"post--hover-icon":"showIcon"===this.widgetSettings.onHover,"post--hover-caption":"showCaption"===this.widgetSettings.onHover,"post--has-row-gap":this.hasRowGap,"post--last-row":this.isLastRow}),this.setOverlayColor()}renderPost(e){if(!e){e=[...this.innerEl.children].filter((e=>e!==this.captionEl))[0]}let t="div",o=this.post.permalink;this.setContainerStyles(),"linkToProfile"===this.widgetSettings.onPostClick&&this.feedMetadata.username&&(o=`https://instagram.com/${this.feedMetadata.username}`),"customLink"===this.widgetSettings.onPostClick&&this.widgetSettings.customLinkURL&&(o=this.widgetSettings?.customLinkURL),this.widgetSettings.onPostClick.toLowerCase().includes("link")&&(t="a"),this.widgetSettings.onPostClick.toLowerCase().includes("popup")&&(t="button");let s=null;if("showCaption"===this.widgetSettings.onHover){const e=i({contents:this.post.prunedCaption?.length?this.post.prunedCaption:this.post.caption,classes:"post-caption__inner"});s=i({contents:e,classes:"post-caption"})}let a="image";switch(this.post.mediaType){case"VIDEO":a=this.post.isReel?"reel":"video";break;case"CAROUSEL_ALBUM":a="album";break;default:a="image"}this.innerEl=i({type:t,contents:[e,s||""],attributes:{"aria-label":`${a}, post ${this.index+1} of ${this.totalPosts}`,tabindex:-1,..."a"===t?{href:o,target:this.widgetSettings.linkTarget}:{}},listeners:{..."button"===t?{click:this.handleButtonClick}:{}}}),this.replaceChildren(this.innerEl)}setBackgroundColor(){const e=this.previewLoadingColors??this.widgetSettings.loadingColor;this.style.backgroundColor=v(e,this.post.colorPalette,this.widgetSettings.loadingColorTone,this.medianPaletteHSL)}focus(){this.innerEl.focus()}handleResize(e){const o=e?.borderBoxSize?.[0]?.inlineSize||0;let s="xlarge";o<600&&(s="large"),o<400&&(s="medium"),o<250&&(s="small"),o<175&&(s="xsmall");["xsmall","small","medium","large","xlarge"].forEach((e=>{this.sizeClass=`post--${e}`,t(this,{[this.sizeClass]:e===s})}))}handleButtonClick(){this.onClick&&this.onClick(this)}}class u extends e{label="Image";sizes;mediaUrl;isSquare=!1;showLoader=!1;imageSrc;imageSize;imageEl;ldrEl;isVisible=!1;loaderIsShowing=!1;isLoaded=!1;constructor(){super(),this.onPropChange(this.handlePropChange,["sizes","mediaUrl","imageSrc","imageSize","isSquare","showLoader","loaderIsShowing"],["sizes","mediaUrl","isSquare"]),this.handleIntersection=this.handleIntersection.bind(this),this.handleImageLoad=this.handleImageLoad.bind(this),this.handleImageError=this.handleImageError.bind(this),this.onConnect((()=>{const e=this.sizes.full.height,t=this.sizes.full.width;this.imageEl=i({type:"img",attributes:{alt:"",role:"presentation",height:this.isSquare?"100px":e+"px",width:this.isSquare?"100px":t+"px",tabindex:-1,src:a(t,e)},listeners:{load:this.handleImageLoad,error:this.handleImageError}}),this.showLoader?(this.ldrEl=i({classes:"ldr"}),this.replaceChildren(this.ldrEl,this.imageEl)):this.replaceChildren(this.imageEl),r(),this.raf((()=>{this.onResize(this,this,n(this.handleResize,50,this,!0)),this.onIntersection(this,this.handleIntersection)}),"connect")}))}handlePropChange({changedProp:e,oldValue:o,newValue:s}){switch(e){case"imageSize":if(!o||o.width<s.width||!this.isLoaded){const e=this.mediaUrl;this.imageSrc=s?.mediaUrl||e}break;case"imageSrc":this.imageEl&&this.isVisible&&this.imageSrc!==this.imageEl.src&&(this.isLoaded=!1,this.imageEl.src=this.imageSrc);break;case"showLoader":!o&&s&&this.imageEl&&(this.ldrEl=i({classes:"ldr"}),this.replaceChildren(this.ldrEl,this.imageEl));break;case"loaderIsShowing":this.ldrEl&&t(this.ldrEl,{"ldr--visible":s&&!this.isLoaded})}}handleIntersection(e){e.isIntersecting?(this.isVisible=!0,!this.isLoaded&&this.showLoader&&this.to((()=>{this.loaderIsShowing=!0}),50,"loader"),this.imageSrc&&this.imageEl.src!==this.imageSrc&&(this.imageEl.src=this.imageSrc)):this.isVisible=!1}handleResize(e){const t=e?.borderBoxSize?.[0]?.inlineSize||0,o=Object.values(this.sizes).reduce((function(e,o){return Math.abs(o.width/2-t)<Math.abs(e.width/2-t)?o:e}));this.imageSize=o}handleImageLoad(){this.imageEl.src===this.imageSrc&&(this.loaderIsShowing=!1,this.cancelTo("loader"),this.isLoaded=!0,this.dispatchEvent(new Event("load")),this.classList.add("is-loaded"))}handleImageError(){this.imageSrc!==this.mediaUrl&&(this.imageSrc=this.mediaUrl)}preload(){this.isLoaded||this.imageSrc&&this.imageEl.src!==this.imageSrc&&(this.imageEl.src=this.imageSrc)}static register(e="behold-image"){return customElements.get(e)||customElements.define(e,u),e}}class g extends b{label="ImagePost";imageEl;constructor(){super(),this.onPropChange(this.handlePropChange,["post"]),u.register()}handlePropChange({changedProp:e}){if("post"===e){const{sizes:e,mediaUrl:t}=this.post,o=i({type:"behold-image",props:{sizes:e,mediaUrl:t,isSquare:!0}});this.renderPost(o)}}static register(e="behold-image-post"){return customElements.get(e)||customElements.define(e,g),e}}class y extends e{label="Video";mediaUrl;sizes;videoEl;imageEl;isLoaded=!1;isMuted=!0;constructor(){super(),this.onPropChange((()=>{}),["mediaUrl","sizes"]),this.handleIntersection=this.handleIntersection.bind(this),this.handleVideoLoad=this.handleVideoLoad.bind(this),this.handlePageVisibility=this.handlePageVisibility.bind(this),this.handlePlay=this.handlePlay.bind(this),this.handlePause=this.handlePause.bind(this),document.addEventListener("visibilitychange",this.handlePageVisibility),this.onIntersection(this,this.handleIntersection),this.onConnect((()=>{this.render()})),this.onDisconnect((()=>{document.removeEventListener("visibilitychange",this.handlePageVisibility),this.videoEl.removeEventListener("play",this.handlePlay),this.videoEl.removeEventListener("pause",this.handlePause)}))}get isPlaying(){return!!(this.videoEl.currentTime>0&&!this.videoEl.paused&&!this.videoEl.ended&&this.videoEl.readyState>2)}get paused(){return this.videoEl?.paused}get muted(){return this.videoEl?.muted}render(){this.videoEl=i({type:"video",attributes:{loop:!0,playsinline:!0,crossorigin:"anonymous",tabIndex:-1,disablePictureInPicture:!0,disableremoteplayback:!0,height:this.sizes.full.height,width:this.sizes.full.width},props:{muted:this.isMuted},listeners:{play:this.handlePlay,pause:this.handlePause}}),this.imageEl=i({type:"img",attributes:{height:this.sizes.full.height,width:this.sizes.full.width,src:a(this.sizes.full.width,this.sizes.full.height)}}),this.replaceChildren(this.imageEl)}handleIntersection(e){e.isIntersecting?this.videoEl.src!==this.mediaUrl&&(this.videoEl.addEventListener("loadeddata",this.handleVideoLoad,{once:!0}),this.videoEl.src=this.mediaUrl):this.pause()}handleVideoLoad(){this.isLoaded=!0,this.videoEl.currentTime=.25,this.videoEl.pause(),this.dispatchEvent(new Event("load")),this.replaceChildren(this.videoEl),r(),this.raf((()=>{this.classList.add("is-loaded")}),"handleVideoLoad")}handlePlay(){this.dispatchEvent(new Event("play"))}handlePause(){this.dispatchEvent(new Event("pause"))}async play(){if(this.videoEl)try{await this.videoEl.play()}catch(e){}}pause(){this.videoEl&&this.videoEl.pause()}mute(){this.isMuted=!0,this.videoEl&&(this.videoEl.muted=!0)}unmute(){this.isMuted=!1,this.videoEl&&(this.videoEl.muted=!1)}handlePageVisibility(){document.hidden&&this.pause()}preload(){this.isLoaded||h("video",this.mediaUrl)}static register(e="behold-video"){return customElements.get(e)||customElements.define(e,y),e}}class w extends b{label="VideoPost";videoEl;imageEl;constructor(){super(),this.onPropChange(this.handlePropChange,["post","widgetSettings"]),y.register(),u.register(),this.handleMouseover=this.handleMouseover.bind(this),this.handleMouseleave=this.handleMouseleave.bind(this),this.onDisconnect((()=>{this.removeEventListener("mouseover",this.handleMouseover),this.removeEventListener("mouseleave",this.handleMouseleave)}))}handlePropChange({changedProp:e,oldValue:t,newValue:s}){if("post"===e||"widgetSettings"===e&&o(t,s,["previewVideosOnHover"])){const{sizes:e,mediaUrl:t,thumbnailUrl:o}=this.post;this.widgetSettings.previewVideosOnHover&&t?(this.videoEl=i({type:"behold-video",props:{mediaUrl:t,sizes:e}}),this.addEventListener("mouseover",this.handleMouseover,{passive:!0}),this.addEventListener("mouseleave",this.handleMouseleave,{passive:!0}),this.renderPost(this.videoEl)):(this.imageEl=i({type:"behold-image",props:{sizes:e,mediaUrl:o,isSquare:!0}}),this.renderPost(this.imageEl))}}handleMouseover(){this.videoEl?.play()}handleMouseleave(){this.videoEl?.pause()}static register(e="behold-video-post"){return customElements.get(e)||customElements.define(e,w),e}}class k extends b{label="AlbumPost";imageEl;constructor(){super(),u.register(),this.onPropChange(this.handlePropChange,["post"])}handlePropChange({changedProp:e}){if("post"===e){const{sizes:e,mediaUrl:t}=this.post,o=i({type:"behold-image",props:{sizes:e,mediaUrl:t,isSquare:!0}});this.renderPost(o)}}static register(e="behold-album-post"){return customElements.get(e)||customElements.define(e,k),e}}var z=":host{--icon-instagram:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35 35' xml:space='preserve'%3E%3Cpath fill='%23FFF' d='M17.6 3.2c4.7 0 5.2 0 7.1.1 1.7.1 2.6.4 3.2.6.8.3 1.4.7 2 1.3.6.6 1 1.2 1.3 2 .2.6.5 1.5.6 3.3.1 1.8.1 2.4.1 7.1s0 5.2-.1 7.1c-.1 1.7-.4 2.6-.6 3.2-.6 1.5-1.8 2.7-3.3 3.3-.6.2-1.5.5-3.2.6-1.8.1-2.4.1-7.1.1s-5.2 0-7.1-.1c-1.7-.1-2.6-.4-3.2-.6-.8-.3-1.4-.7-2-1.3-.6-.6-1-1.2-1.3-2-.2-.6-.5-1.5-.6-3.2-.1-1.8-.1-2.4-.1-7.1s0-5.2.1-7.1c0-1.8.3-2.7.6-3.3.3-.8.7-1.4 1.3-2 .6-.6 1.2-1 2-1.3.6-.2 1.5-.5 3.2-.6 1.9-.1 2.4-.1 7.1-.1m0-3.2c-4.8 0-5.3 0-7.2.1-1.9.1-3.2.4-4.3.8C5 1.4 3.9 2 3 2.9c-.9.9-1.5 2-2 3.1C.6 7.1.3 8.4.2 10.2c-.1 1.9-.1 2.5-.1 7.2s0 5.3.1 7.2c.1 2 .4 3.2.8 4.4.4 1.2 1.1 2.2 2 3.1.9.9 1.9 1.6 3.1 2 1.1.4 2.4.7 4.2.8s2.5.1 7.2.1 5.3 0 7.2-.1c1.9-.1 3.1-.4 4.2-.8 2.3-.9 4.2-2.8 5.1-5.1.4-1.1.7-2.4.8-4.2.1-1.9.1-2.5.1-7.2s0-5.3-.1-7.2c-.1-1.9-.4-3.1-.8-4.2-.4-1.2-1.1-2.2-2-3.1-.9-.9-1.9-1.6-3.1-2-1.1-.4-2.4-.7-4.2-.8-1.8-.3-2.4-.3-7.1-.3z'/%3E%3Cpath fill='%23FFF' d='M17.6 8.5c-5 0-9 4-9 9s4 9 9 9 9-4 9-9-4-9-9-9zm0 14.8c-3.2 0-5.8-2.6-5.8-5.8s2.6-5.8 5.8-5.8 5.8 2.6 5.8 5.8-2.6 5.8-5.8 5.8z'/%3E%3Ccircle fill='%23FFF' cx='26.9' cy='8.2' r='2.1'/%3E%3C/svg%3E\");--icon-video:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35 35' xml:space='preserve'%3E%3Cpath fill='%23FFF' d='M30.1 15.5 7.2 2.3c-1.5-.9-3.5.2-3.5 1.9v26.5c0 1.7 1.9 2.9 3.4 1.9L30 19.4c1.7-.8 1.7-3 .1-3.9z'/%3E%3C/svg%3E\");--icon-album:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35 35' xml:space='preserve'%3E%3Cpath fill='%23FFF' d='M27.3 22.7v-17c0-2.6-2.1-4.7-4.7-4.7H5.7C3.1 1 1 3.1 1 5.7v17c0 2.6 2.1 4.7 4.7 4.7h17c2.5-.1 4.6-2.2 4.6-4.7zm4-13.4v14.6c0 4.1-3.4 7.4-7.4 7.4H9.2c-.5 0-.8.6-.5 1 .9 1 2.2 1.6 3.7 1.6h12.1c5.2 0 9.3-4.2 9.3-9.3V12.5c0-1.5-.6-2.8-1.6-3.7-.3-.4-.9 0-.9.5z'/%3E%3C/svg%3E\");align-items:center;border:none;box-shadow:none;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:center;margin:0;min-width:50px;outline:none;position:relative;width:100%}:host *{box-sizing:border-box}:host(.keyboard-nav.has-focus){outline:none}:host(.keyboard-nav.has-focus):before{background-color:rgba(0,0,0,.25);border-radius:6px;content:\"\";display:block;height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:1}:host(.keyboard-nav.has-focus):after{background-color:#222;border-radius:6px;box-shadow:0 0 0 2px #4169e1,0 0 0 3px #fff,0 .6px .4px rgba(0,0,0,.042),0 1.3px 1px rgba(0,0,0,.061),0 2.5px 1.9px rgba(0,0,0,.075),0 4.5px 3.4px rgba(0,0,0,.089),0 8.4px 6.3px rgba(0,0,0,.108),0 20px 15px rgba(0,0,0,.15);color:#fff;content:\"Shift + arrow keys to navigate posts\";font-family:sans-serif;font-size:16px;max-width:80%;padding:15px;position:absolute;text-align:center;z-index:1}@media (max-width:1300px){:host(.keyboard-nav.has-focus):after{font-size:15px}}:host(.keyboard-nav.has-focus) .posts{opacity:.65}.posts{display:grid;margin:0;padding:0;width:100%}.post{-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;align-self:stretch;border:none;border-radius:var(--post-border-radius);color:inherit;font:inherit;isolation:isolate;line-height:normal;margin:0 0 -1px;overflow:hidden;transform:translateZ(0);transition:background .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:calc(100% + .5px)}:host(.keyboard-nav) .post.post:focus-within{box-shadow:0 0 0 1px #fff,0 0 0 3px #4169e1,0 0 0 4px #fff;z-index:1}:host(.is-previewing-loading-colors) .post *{opacity:0}.post.post--has-row-gap,.post.post--last-row{margin:0}.post:before{background-color:transparent;border-radius:var(--post-border-radius);content:\"\";height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:all 2s cubic-bezier(.215,.61,.355,1);width:100%;z-index:2}@supports ((-webkit-backdrop-filter:blur(3px)) or (backdrop-filter:blur(3px))){[data-hover-effect*=blur i] .post:before{height:calc(100% - 1px);left:0;opacity:0;top:0;transition:all .6s cubic-bezier(.215,.61,.355,1);width:100%}}.post.post--hover-icon:after{background-image:var(--icon);background-position:50%;background-repeat:no-repeat;background-size:auto 100%;border-radius:var(--post-border-radius);content:\"\";height:12%;left:0;max-height:30px;min-height:20px;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%) scale(.75);transition:all .6s cubic-bezier(.215,.61,.355,1);width:100%;will-change:transform;z-index:3}@media (prefers-reduced-motion){.post.post--hover-icon:after{transition:none}}.post>a,.post>button,.post>div{background-color:transparent;border:0;box-shadow:none;color:inherit;display:block;font:inherit;height:100%;line-height:inherit;outline:none;padding:0;transition:opacity .3s ease;width:100%}.post a,.post button{cursor:pointer}behold-image-post{--icon:var(--icon-instagram)}behold-video-post{--icon:var(--icon-video)}behold-album-post{--icon:var(--icon-album)}.post-caption{align-items:center;background-color:var(--overlay-color);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:15px;height:100%;justify-content:center;left:0;line-height:1.5;opacity:0;padding:15%;position:absolute;top:0;transition:opacity .4s ease;width:100%;z-index:2}.post:hover .post-caption,:host(:host(.keyboard-nav)) .post:focus-within .post-caption{opacity:1}.post--xlarge .post-caption{--lines:12;--innerScale:scale(0.98);padding:20%}.post--large .post-caption{--lines:9;--innerScale:scale(0.98)}.post--medium .post-caption{--lines:6;--innerScale:scale(0.97);font-size:14px}.post--small .post-caption{--lines:4;--innerScale:scale(0.95);font-size:13px;line-height:1.25}.post--xsmall .post-caption{--lines:3;--innerScale:scale(0.95);font-size:12px;line-height:1.25}.post-caption__inner{-webkit-line-clamp:var(--lines);-webkit-box-orient:vertical;color:#fff;display:-webkit-box;opacity:0;overflow:hidden;text-align:center;transform:var(--innerScale);transition:all .3s ease;white-space:pre-line;will-change:transform,opacity;word-break:none}@media (prefers-reduced-motion){.post-caption__inner{transform:none}}.post:hover .post-caption__inner,:host(.keyboard-nav) .post:focus-within .post-caption__inner{opacity:1;transform:none;transition:all .3s ease}:host(.keyboard-nav) .post:focus-within:before{background-color:var(--overlay-color);transition:all .6s cubic-bezier(.215,.61,.355,1)}:host(.keyboard-nav) .post:focus-within:after{opacity:1;transform:translateY(-50%)}:host(.keyboard-nav) [data-hover-effect=fade] .post:focus-within:before,[data-hover-effect=fade] .post:hover:before{background-color:var(--overlay-color);transition:all .6s cubic-bezier(.215,.61,.355,1)}:host(.keyboard-nav) [data-hover-effect=fade] .post:focus-within:after,[data-hover-effect=fade] .post:hover:after{opacity:1;transform:translateY(-50%)}:host(.keyboard-nav) [data-hover-effect=zoomFade] .post:focus-within behold-image img,:host(.keyboard-nav) [data-hover-effect=zoomFade] .post:focus-within behold-video video,[data-hover-effect=zoomFade] .post:hover behold-image img,[data-hover-effect=zoomFade] .post:hover behold-video video{transform:scale(1.05)}@media (prefers-reduced-motion){:host(.keyboard-nav) [data-hover-effect=zoomFade] .post:focus-within behold-image img,:host(.keyboard-nav) [data-hover-effect=zoomFade] .post:focus-within behold-video video,[data-hover-effect=zoomFade] .post:hover behold-image img,[data-hover-effect=zoomFade] .post:hover behold-video video{transform:none}}:host(.keyboard-nav) [data-hover-effect=zoomFade] .post:focus-within:before,[data-hover-effect=zoomFade] .post:hover:before{background-color:var(--overlay-color);transition:all .6s cubic-bezier(.215,.61,.355,1)}:host(.keyboard-nav) [data-hover-effect=zoomFade] .post:focus-within:after,[data-hover-effect=zoomFade] .post:hover:after{opacity:1;transform:translateY(-50%)}@supports not ((-webkit-backdrop-filter:blur(3px)) or (backdrop-filter:blur(3px))){:host(.keyboard-nav) [data-hover-effect=blur] .post:focus-within behold-image,:host(.keyboard-nav) [data-hover-effect=blur] .post:focus-within behold-video,[data-hover-effect=blur] .post:hover behold-image,[data-hover-effect=blur] .post:hover behold-video{filter:brightness(97%) blur(3px);transition:all .6s cubic-bezier(.215,.61,.355,1)}}@supports ((-webkit-backdrop-filter:blur(3px)) or (backdrop-filter:blur(3px))){:host(.keyboard-nav) [data-hover-effect=blur] .post:focus-within:before,[data-hover-effect=blur] .post:hover:before{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:rgba(0,0,0,.002);opacity:1}}:host(.keyboard-nav) [data-hover-effect=blur] .post:focus-within:after,[data-hover-effect=blur] .post:hover:after{opacity:1;transform:translateY(-50%)}:host(.keyboard-nav) [data-hover-effect=zoomBlur] .post:focus-within behold-image,:host(.keyboard-nav) [data-hover-effect=zoomBlur] .post:focus-within behold-video,[data-hover-effect=zoomBlur] .post:hover behold-image,[data-hover-effect=zoomBlur] .post:hover behold-video{transform:scale(1.05);transition:all .6s cubic-bezier(.215,.61,.355,1)}@media (prefers-reduced-motion){:host(.keyboard-nav) [data-hover-effect=zoomBlur] .post:focus-within behold-image,:host(.keyboard-nav) [data-hover-effect=zoomBlur] .post:focus-within behold-video,[data-hover-effect=zoomBlur] .post:hover behold-image,[data-hover-effect=zoomBlur] .post:hover behold-video{transform:none}}@supports not ((-webkit-backdrop-filter:blur(3px)) or (backdrop-filter:blur(3px))){:host(.keyboard-nav) [data-hover-effect=zoomBlur] .post:focus-within behold-image,:host(.keyboard-nav) [data-hover-effect=zoomBlur] .post:focus-within behold-video,[data-hover-effect=zoomBlur] .post:hover behold-image,[data-hover-effect=zoomBlur] .post:hover behold-video{filter:brightness(97%) blur(3px)}}@supports ((-webkit-backdrop-filter:blur(3px)) or (backdrop-filter:blur(3px))){:host(.keyboard-nav) [data-hover-effect=zoomBlur] .post:focus-within:before,[data-hover-effect=zoomBlur] .post:hover:before{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:rgba(0,0,0,.002);opacity:1}}:host(.keyboard-nav) [data-hover-effect=zoomBlur] .post:focus-within:after,[data-hover-effect=zoomBlur] .post:hover:after{opacity:1;transform:translateY(-50%)}:host(.keyboard-nav) [data-hover-effect=toGreyscale] .post:focus-within behold-image,:host(.keyboard-nav) [data-hover-effect=toGreyscale] .post:focus-within behold-video,[data-hover-effect=toGreyscale] .post:hover behold-image,[data-hover-effect=toGreyscale] .post:hover behold-video{filter:grayscale(100%);transition:all .6s cubic-bezier(.215,.61,.355,1)}:host(.keyboard-nav) [data-hover-effect=toGreyscale] .post:focus-within:after,[data-hover-effect=toGreyscale] .post:hover:after{opacity:1;transform:translateY(-50%)}:host(.keyboard-nav) [data-hover-effect=zoomToGreyscale] .post:focus-within behold-image,:host(.keyboard-nav) [data-hover-effect=zoomToGreyscale] .post:focus-within behold-video,[data-hover-effect=zoomToGreyscale] .post:hover behold-image,[data-hover-effect=zoomToGreyscale] .post:hover behold-video{filter:grayscale(100%);transform:scale(1.05);transition:all .6s cubic-bezier(.215,.61,.355,1)}@media (prefers-reduced-motion){:host(.keyboard-nav) [data-hover-effect=zoomToGreyscale] .post:focus-within behold-image,:host(.keyboard-nav) [data-hover-effect=zoomToGreyscale] .post:focus-within behold-video,[data-hover-effect=zoomToGreyscale] .post:hover behold-image,[data-hover-effect=zoomToGreyscale] .post:hover behold-video{transform:none}}:host(.keyboard-nav) [data-hover-effect=zoomToGreyscale] .post:focus-within:after,[data-hover-effect=zoomToGreyscale] .post:hover:after{opacity:1;transform:translateY(-50%)}:host(.keyboard-nav) [data-hover-effect=fromGreyscale] .post,[data-hover-effect=fromGreyscale] .post{filter:grayscale(100%)}:host(.keyboard-nav) [data-hover-effect=fromGreyscale] .post:focus,:host(.keyboard-nav) [data-hover-effect=fromGreyscale] .post:hover,[data-hover-effect=fromGreyscale] .post:focus,[data-hover-effect=fromGreyscale] .post:hover{filter:grayscale(0);transition:all .6s cubic-bezier(.215,.61,.355,1)}:host(.keyboard-nav) [data-hover-effect=fromGreyscale] .post:focus:after,:host(.keyboard-nav) [data-hover-effect=fromGreyscale] .post:hover:after,[data-hover-effect=fromGreyscale] .post:focus:after,[data-hover-effect=fromGreyscale] .post:hover:after{opacity:1;transform:translateY(-50%)}:host(.keyboard-nav) [data-hover-effect=zoomFromGreyscale] .post,[data-hover-effect=zoomFromGreyscale] .post{filter:grayscale(100%)}:host(.keyboard-nav) [data-hover-effect=zoomFromGreyscale] .post:focus,:host(.keyboard-nav) [data-hover-effect=zoomFromGreyscale] .post:hover,[data-hover-effect=zoomFromGreyscale] .post:focus,[data-hover-effect=zoomFromGreyscale] .post:hover{filter:grayscale(0)}:host(.keyboard-nav) [data-hover-effect=zoomFromGreyscale] .post:focus behold-image,:host(.keyboard-nav) [data-hover-effect=zoomFromGreyscale] .post:focus behold-video,:host(.keyboard-nav) [data-hover-effect=zoomFromGreyscale] .post:hover behold-image,:host(.keyboard-nav) [data-hover-effect=zoomFromGreyscale] .post:hover behold-video,[data-hover-effect=zoomFromGreyscale] .post:focus behold-image,[data-hover-effect=zoomFromGreyscale] .post:focus behold-video,[data-hover-effect=zoomFromGreyscale] .post:hover behold-image,[data-hover-effect=zoomFromGreyscale] .post:hover behold-video{opacity:.5;transform:scale(1.05);transition:all .6s cubic-bezier(.215,.61,.355,1)}@media (prefers-reduced-motion){:host(.keyboard-nav) [data-hover-effect=zoomFromGreyscale] .post:focus behold-image,:host(.keyboard-nav) [data-hover-effect=zoomFromGreyscale] .post:focus behold-video,:host(.keyboard-nav) [data-hover-effect=zoomFromGreyscale] .post:hover behold-image,:host(.keyboard-nav) [data-hover-effect=zoomFromGreyscale] .post:hover behold-video,[data-hover-effect=zoomFromGreyscale] .post:focus behold-image,[data-hover-effect=zoomFromGreyscale] .post:focus behold-video,[data-hover-effect=zoomFromGreyscale] .post:hover behold-image,[data-hover-effect=zoomFromGreyscale] .post:hover behold-video{transform:none}}:host(.keyboard-nav) [data-hover-effect=zoomFromGreyscale] .post:focus:after,:host(.keyboard-nav) [data-hover-effect=zoomFromGreyscale] .post:hover:after,[data-hover-effect=zoomFromGreyscale] .post:focus:after,[data-hover-effect=zoomFromGreyscale] .post:hover:after{opacity:1;transform:translateY(-50%)}behold-image{display:block;height:0;overflow:hidden;padding:0 0 100%;position:relative;transition:all .6s cubic-bezier(.215,.61,.355,1);width:100%}behold-image img{border-radius:0;height:100%;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;opacity:0;position:absolute;top:0;transition:all .6s cubic-bezier(.215,.61,.355,1),opacity .6s ease;vertical-align:middle;width:100%;will-change:transform;z-index:1}@supports not ((-webkit-backdrop-filter:blur(3px)) or (backdrop-filter:blur(3px))){[data-hover-effect=blur] behold-image img,[data-hover-effect=zoomBlur] behold-image img{height:calc(100% + 6px);left:-3px;top:-3px;width:calc(100% + 6px)}}.post--reel behold-image img{-o-object-position:center 25%;object-position:center 25%}behold-image.is-loaded img{opacity:1}behold-video{display:block;height:0;overflow:hidden;padding:0 0 100%;position:relative;transition:all .6s cubic-bezier(.215,.61,.355,1);width:100%}behold-video video{height:100%;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;opacity:0;pointer-events:none;position:absolute;top:0;transition:all .6s cubic-bezier(.215,.61,.355,1),opacity .6s ease;vertical-align:middle;width:100%;will-change:transform}.post--reel behold-video video{-o-object-position:center 25%;object-position:center 25%}behold-video.is-loaded video{opacity:1}";export{k as A,f as B,g as I,l as R,w as V,y as a,u as b,d as g,z as s};