"use strict";(("undefined"!=typeof self?self:this).webpackJsonp__wix_communities_blog_ooi=("undefined"!=typeof self?self:this).webpackJsonp__wix_communities_blog_ooi||[]).push([[2891],{47298:(e,i,a)=>{a.d(i,{A2:()=>l,Df:()=>n,Dl:()=>t,HJ:()=>r,Lr:()=>d,XM:()=>o});const t="imageViewer",n="imagePreview",o="imageSettingsAltInput",r="imageSettingsDisableExpandToggle",d="imageSettingsDisableDownloadToggle",l="imageSettingsSpoilerToggle"},58238:(e,i,a)=>{a.d(i,{A:()=>t});var t={fontElementMap:"D6L3s",imageFigure:"_2b-8D",imageContainer:"EsRXE",expandContainer:"VsClR",expandIcon:"_99s9K",pointer:"UdkaQ",imageWrapper:"_1xrgp",imageRatio:"Loyz9",image:"aI063",imageOverlay:"_61ttx",imagePreload:"DN-fb",imageHighres:"jfvyx",onlyHighRes:"lLMf4",image_loading:"xnaCj"}},11307:(e,i,a)=>{a.d(i,{p:()=>n});var t=a(31031);const n=({helpers:e,config:i,nodeId:a,imageData:n})=>{const{onExpand:o,disableExpand:r}=i;if(!0!==n?.disableExpand&&!0!==r&&o)return i=>{i.preventDefault(),e.onViewerAction?.(t.V5,"Click","expand_image"),o(a)}}},35922:(e,i,a)=>{a.d(i,{g:()=>t});const t=({imageData:e,config:i,expand:a})=>e?.link?.url&&i?{type:"link"}:e?.link?.anchor?{type:"anchor"}:a?{type:"expand",onClick:a}:{type:"regular"}},68809:(e,i,a)=>{a.d(i,{_:()=>p});var t=a(4452),n=a.n(t),o=a(60751),r=a.n(o),d=a(38132),l=a(69280);var s=e=>r().createElement("svg",{viewBox:"0 0 19 19",xmlns:"http://www.w3.org/2000/svg",...e},r().createElement("path",{d:"M15.071 8.371V4.585l-4.355 4.356a.2.2 0 0 1-.283 0l-.374-.374a.2.2 0 0 1 0-.283l4.356-4.355h-3.786a.2.2 0 0 1-.2-.2V3.2c0-.11.09-.2.2-.2H16v5.371a.2.2 0 0 1-.2.2h-.529a.2.2 0 0 1-.2-.2zm-6.5 6.9v.529a.2.2 0 0 1-.2.2H3v-5.371c0-.11.09-.2.2-.2h.529c.11 0 .2.09.2.2v3.786l4.355-4.356a.2.2 0 0 1 .283 0l.374.374a.2.2 0 0 1 0 .283L4.585 15.07h3.786c.11 0 .2.09.2.2z",fill:"#000",fillRule:"nonzero"})),g=a(58238),c=a(47298);const m=e=>{const{type:i,disableDownload:a,children:t}=e,n="onClick"in e,o=n?e.onClick:void 0,d=o?e=>{"Enter"!==e.key&&" "!==e.key||o(e)}:void 0,l={onClick:o,onKeyDown:d,onContextMenu:a},s=n||"regular"===i&&a?"button":void 0,m="button"===s?0:void 0;return r().createElement("div",{..."button"===s?l:{},role:s,"data-hook":c.Dl,tabIndex:m,className:g.A.imageContainer,"aria-haspopup":"button"===s||void 0},t)};var h=a(16252);const p=({dataUrl:e,node:i,className:a,config:t,helpers:c,isMobile:p,seoMode:u,imageClickActionConfig:w,expand:f,shouldLazyLoadImages:D})=>{const v=i.imageData?.containerData||l._t.containerData,{image:x,altText:b}=i.imageData||{},{src:E}=x||{},y=!0===i.imageData?.disableDownload?e=>e.preventDefault():void 0,I=(0,o.useMemo)((()=>{if(e)return e;const{url:i,id:a}=E||{};if(i)return i;const{getImageUrl:t}=c??{};return t&&a?t({file_name:a}):a}),[e,i.imageData?.image?.src?.url,i.imageData?.image?.src?.id,c?.getImageUrl]),{width:C,height:k}=(({src:e,containerData:i,image:a})=>{const[t,n]=(0,o.useState)({width:void 0,height:void 0}),r=a?.width||Number(i?.width?.custom)||t.width,d=a?.height||Number(i?.height?.custom)||t.height;return(0,o.useLayoutEffect)((()=>{if("number"==typeof r&&"number"==typeof d)return;if(n({width:void 0,height:void 0}),!e)return;const i=new Image;return i.onload=()=>n({width:i.width,height:i.height}),i.src=e,()=>{i.onload=null}}),[e]),{width:r,height:d}})({src:I,containerData:v,image:x}),A=(({containerData:e,isMobile:i})=>"LEFT"!==e?.alignment&&"RIGHT"!==e?.alignment||e.width?.custom||"SMALL"===e.width?.size||"ORIGINAL"===e.width?.size||i?{}:{width:"300px"})({containerData:v,isMobile:p}),_=(({containerData:e,isMobile:i,width:a})=>"ORIGINAL"===e?.width?.size||i&&(Number(e?.width?.custom)||0)>150?{width:a??"0px",maxWidth:"100%"}:{})({containerData:v,isMobile:p,width:C}),M=(({src:e,config:i,width:a,height:t})=>{if(void 0===e||void 0===i?.imageProps)return{};const n=(0,h.isFunction)(i.imageProps)?i.imageProps({url:e.url,file_name:e.id,width:a,height:t}):i.imageProps;return["data-pin-nopin","data-pin-url","data-pin-media"].reduce(((e,i)=>n[i]?{...e,[i]:n[i]}:e),{})})({config:t,src:E,width:x?.width,height:x?.height}),L=void 0!==C&&void 0!==k;return r().createElement(m,{...w,disableDownload:y},L&&I&&r().createElement(d.A,{id:i.imageData?.image?.src?.id??I,containerId:i.id,displayMode:"fill",width:C,height:k,uri:i.imageData?.image?.src?.id??I,alt:b||"",containerProps:{className:n()(g.A.imageWrapper,g.A.imageRatio,a,{[g.A.pointer]:!!f}),containerId:i.id,style:{"--dim-height":k,"--dim-width":C,...A,..._}},imageStyles:{maxWidth:"100%"},socialAttrs:{...M,draggable:!1},isSEOBot:!!u,...D?{placeholderTransition:u?void 0:"blur",shouldUseLQIP:!1!==t?.disableTransition}:{}}),!!f&&r().createElement("div",{className:g.A.expandContainer,onClick:f,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||f(e)},role:"button",tabIndex:0},r().createElement(s,{className:g.A.expandIcon})))}},82616:(e,i,a)=>{a.r(i),a.d(i,{ViewerImage:()=>p,default:()=>u});var t=a(60751),n=a.n(t),o=a(31031),r=a(76400),d=a(82569),l=a(47574),s=a(42049),g=a(58238),c=a(11307),m=a(35922),h=a(68809);a(22446);const p=({node:e,nodeIndex:i,NodeViewContainer:a,RicosNodesRenderer:p})=>{const{config:u,seoMode:w,helpers:f}=(0,t.useContext)(d.u),{isMobile:D}=(0,t.useContext)(l.iB),v=u[o.V5]??{},x=(0,c.p)({helpers:f,config:v,nodeId:e.id,imageData:e.imageData}),b=(0,m.g)({imageData:e.imageData,config:v,expand:x}),E=e.imageData?.caption&&!e.nodes?.length?[{type:s.A.CAPTION,id:(0,r.$)(),nodes:[{type:s.A.TEXT,id:"",nodes:[],textData:{text:e.imageData.caption,decorations:[]}}]}]:e.nodes??[];return n().createElement(a,{node:e,nodeIndex:i},(({ContainerElement:i,SpoilerWrapper:a,LinkWrapper:t})=>n().createElement(i,null,n().createElement("figure",{className:g.A.imageFigure},n().createElement(t,null,n().createElement(a,null,n().createElement(h._,{node:e,imageClickActionConfig:b,expand:x,config:v,seoMode:w,helpers:f,isMobile:D,shouldLazyLoadImages:!0}))),n().createElement(p,{nodes:E})))))};var u=({node:e,...i})=>n().createElement(p,{key:e.id,node:e,...i})},22446:()=>{}}]);
//# sourceMappingURL=ricos_plugin_image.chunk.min.js.map