https://edakovv.ru/static/resources/ModuleEditor/image.min.js?x_module=91c1744fb133612c097b3b26daec73c0

1define("ModuleEditor/image",["react/jsx-runtime","react","i18n!ModuleEditor","clsx","UI/Async","UI/Adaptive","Types/collection","SitesEditor/FrameContext","SbisEnv/meta","ModuleEditor/media","ModuleEditor/helpers","ModuleEditor/framePlayerCommon","Env/Env","Controls/skeleton","Controls-DataEnv/context","Controls-Actions/useCommand","require","exports","css!ModuleEditor/image"],(function(e,t,r,i,n,o,a,u,l,s,c,d,m,f,g,v,p,h){var _,S,y,w,C,I,E,b,P,R,N,O,M,j,x,W,T,A,U,F,k,V,L,H,z,D,$,B,Y,q,G,J,K,X,Q,Z;return Object.defineProperty(h,"__esModule",{value:!0}),_=function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});return t.default=r.createContext({viewer:"DOCVIEW3/ModuleEditorImage/view"}),t}(0,{},t),S=_,y=function(e,t,r){"use strict";return Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){return(0,r.jsx)("img",{...e})},t}(0,{},e,"undefined"==typeof css_ModuleEditor_image||css_ModuleEditor_image),w=y,C=function(e,t,r){"use strict";return Object.defineProperty(t,"__esModule",{value:!0}),t.OPEN_FULL_SCREEN_RUNTIME_ACTION=t.OPEN_FULL_SCREEN_RUNTIME_ACTION_TYPE=void 0,t.OPEN_FULL_SCREEN_RUNTIME_ACTION_TYPE="openFullScreenRuntime",t.OPEN_FULL_SCREEN_RUNTIME_ACTION={type:t.OPEN_FULL_SCREEN_RUNTIME_ACTION_TYPE,info:{title:r("Открыть на весь экран"),category:r("Сайт"),icon:"icon-FullScrin"},commandName:"Controls-Actions/commands:OpenFullScreen"},t}(0,{},r),I=C,E=function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.calculateWidgetPreviewerSize=void 0;return t.calculateWidgetPreviewerSize=e=>{const{naturalWidth:t,naturalHeight:r,resourceWidth:i,resourceHeight:n,imageFit:o="none",isAutoHeight:a=!0}=e,u=i&&i<t?i:t,l=n&&n<r?n:r,s=t/r,c=u/l;if(!a&&(s>c&&["fill","cover"].includes(o)||s<c&&"contain"===o))return{width:Math.round(l*s),height:l};else return{width:u,height:Math.round(u/s)}},t}(0,{}),b=E,P=function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.useDebounceValue=void 0;return t.useDebounceValue=(e,t=300)=>{const[i,n]=(0,r.useState)(e);return(0,r.useEffect)((()=>{const r=setTimeout((()=>n(e)),t);return()=>clearTimeout(r)}),[e,t]),i},t}(0,{},t),R=function(e,t){"use strict";return Object.defineProperty(t,"__esModule",{value:!0}),t.default=(e,t,r,i)=>{if(r&&i&&e){const n=+(e.naturalHeight/e.naturalWidth).toFixed(1);return r(t,i,Math.round(n*i))}return{src:t,srcset:t}},t}(0,{}),N=R,O=function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.hasAutotestCookie=void 0;return t.hasAutotestCookie=()=>{var e,t,i,n,o,a;return!r.constants.isServerSide&&(-1!==(null===(i=null===(t=null===(e=null===window||void 0===window?void 0:window.location)||void 0===e?void 0:e.href)||void 0===t?void 0:t.indexOf)||void 0===i?void 0:i.call(t,"DemoStand"))||-1!==(null===(a=null===(o=null===(n=null===window||void 0===window?void 0:window.location)||void 0===n?void 0:n.href)||void 0===o?void 0:o.indexOf)||void 0===a?void 0:a.call(o,"autotest")))},t}(0,{},m),M=O,j=function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.checkIsImageResource=void 0;const r=["jpeg","jpg","png","gif","svg","ico","jfif"];return t.checkIsImageResource=e=>{var t;const{naturalWidth:i,naturalHeight:n}=e,o=e.fileName||e.value,a=null===(t=null==o?void 0:o.split("?")[0])||void 0===t?void 0:t.split(".").reverse()[0];return r.includes(a)||!(!i||!n)},t}(0,{}),x=j,W=function(e,t){"use strict";return Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t,r){const i=new Image;i.onload=()=>{if(t)t(i)},i.onerror=()=>{if(r&&e)r()},i.src=e},t}(0,{}),T=W,A=function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});return t.default=(t,r,i,n,o,a)=>{var u;if(r&&i)if(null==t||t.stopPropagation(),"string"==typeof r)Promise.all([new Promise(((t,i)=>{e([r],t,i)}))]).then((([e])=>{var t,r;null===(r=null==e?void 0:(t=e.Viewer).open)||void 0===r||r.call(t,i,n,{dontUsePreviewer:!0,opener:o,imageCrop:a})}));else null===(u=r.open)||void 0===u||u.call(r,i,n)},t}(p,{}),U=A,F=function(e,t,r){"use strict";function i(e,t){if(e)return e;if(null==t?void 0:t.startsWith("data:image"))return r.BLOB_RESOURCE;else if(t.startsWith("/")||t.startsWith("http"))return r.EXTERNAL_RESOURCE;return r.SBIS_DISK_RESOURCE}

1Object.defineProperty(t,"__esModule",{value:!0}),t.resolveConnectedImageValue=t.getCorrectType=void 0;return t.getCorrectType=i,t.resolveConnectedImageValue=function(e){var t;if(e)if(function(e){return"object"==typeof e&&null!==e&&"function"==typeof e.get}(e)){const r=e.get("Original");if(null===(t=null==r?void 0:r.get)||void 0===t?void 0:t.call(r,"Value")){const e=r.get("Value");return{value:e,type:i(r.get("Type"),e)}}if(e.get("Value")){const t=e.get("Value");return{value:t,type:i(e.get("Type"),t)}}}else if("string"==typeof e){const t=JSON.parse(e),r=JSON.parse(t.data),i=r.data,n=r.url;if(i)return{value:`data:image/png;base64,${i}`,type:"external"};if(n)return{value:n,type:"external"}}},t}(0,{},l),k=F,V=function(e,t,r,i,n){"use strict";function o(e){const{action:t,children:r}=e,{execute:o}=(0,n.useCommand)(t,(0,i.createRef)());return r(o)}Object.defineProperty(t,"__esModule",{value:!0}),t.withAction=void 0;return t.withAction=e=>(0,i.forwardRef)(((t,i)=>{const{action:n}=t;if(!n)return(0,r.jsx)(e,{...t,ref:i});else return(0,r.jsx)(o,{action:n,children:n=>(0,r.jsx)(e,{...t,ref:i,executeCommand:n})})})),t}(0,{},e,t,v),L=function(e,t,r,i,n,o,a,u,l,s,c,d,m,f,g,v){"use strict";Object.defineProperty(t,"__esModule",{value:!0});const p="runtime",h=(0,l.lazy)((()=>(0,l.importer)("Controls/toolbars:View"))),_=new u.RecordSet({keyProperty:"id",rawData:[{id:"openFullScreen",icon:"icon-FullScrin",viewMode:"squared",buttonStyle:"default",iconStyle:"default",showType:2,iconSize:"s",tooltip:a("Открыть на полный экран")}]}),S=(0,i.forwardRef)((function(e,t){var a,u,l;const{widthRef:S,className:y,src:w,imageFit:C,action:I,imageShape:E,preparedSrcSet:b,value:P,alt:R,imageCrop:N,onClick:O,showFullscreenButton:M,id:j,dataName:x,rootNodeStyle:W,hasOpenFullscreen:T,showEmptyView:A,aspectRatioStyle:U,customPlaceholderSrc:F}=e,k=(0,g.isRenderPage)(),V=(0,s.useAdaptiveMode)(),L=(0,i.useRef)(null),H=(0,i.useRef)(null),z=null===(u=null===(a=null==V?void 0:V.container)||void 0===a?void 0:a.clientWidth)||void 0===u?void 0:u.value,D=(null===(l=(0,i.useContext)(o.FrameContext))||void 0===l?void 0:l.mode)||p,$=(0,i.useContext)(m.default),[B,Y]=(0,i.useState)(!1),[q,G]=(0,i.useState)(!1),{viewer:J,opener:K}=$,[X,Q]=(0,i.useState)(null==P?void 0:P.value),[Z,ee]=(0,i.useState)(),te=(0,i.useMemo)((()=>z?Math.round(z):void 0),[z]),re=e=>{e.stopPropagation()},ie=(0,i.useCallback)((e=>{e.removeAttribute("srcset"),e.removeAttribute("sizes"),e.removeAttribute("src")}),[]),ne=(0,i.useCallback)((e=>{const t=H.current;if(t&&t!==e)ie(t);H.current=e}),[ie]),oe=(0,i.useCallback)((e=>{ne(e),L.current=e}),[ne]);(0,i.useEffect)((()=>{if(e.imageCrop)Y(!0)}),[e.imageCrop]);const{width:ae,aspectRatio:ue}=(0,i.useMemo)((()=>{if(!(P&&P.naturalWidth&&P.naturalHeight&&te))return{width:void 0,aspectRatio:U||void 0};else return{width:Math.min(te,P.naturalWidth),aspectRatio:"auto"!==U?U||(P.naturalWidth/P.naturalHeight).toString():(P.naturalWidth/P.naturalHeight).toString()}}),[P,te,U]),le=(0,i.useMemo)((()=>{var e;

1return{...W,objectFit:"ellipse"===E?"cover":C||"",cursor:I&&I.constructor===Object&&"openLinkAction"===I.id&&""===(null===(e=null==I?void 0:I.actionProps)||void 0===e?void 0:e.link)||void 0===I&&!1===T?"default":"pointer",boxSizing:"border-box",borderRadius:"ellipse"===E?"100%":void 0,width:(null==P?void 0:P.value)===X||D===p?"fileTransfer"===(null==P?void 0:P.type)?(null==W?void 0:W.width)||ae:null==W?void 0:W.width:(null==Z?void 0:Z.width)||(null==W?void 0:W.width)||ae,aspectRatio:(null==P?void 0:P.value)===X||D===p?"auto"===U?(null==W?void 0:W.aspectRatio)||ue:U||(null==W?void 0:W.aspectRatio)||ue:(null==Z?void 0:Z.aspectRatio)||(null==W?void 0:W.aspectRatio)||ue}}),[W,C,E,I,X,ae,Z,D,U]),se=(0,i.useCallback)((e=>{(0,d.default)(e,J,P,[],K)}),[J,P,K]),ce=(0,i.useCallback)((()=>{ee({width:ae,aspectRatio:ue}),Q(null==P?void 0:P.value),Y(!1)}),[ae,ue,null==P?void 0:P.value]),de=(0,i.useCallback)((()=>{G(!0)}),[]);(0,i.useEffect)((()=>{const e=L.current&&getComputedStyle(L.current);if(S.current={getWidth(){var t;return parseInt((null==e?void 0:e.width)||(null===(t=L.current)||void 0===t?void 0:t.offsetWidth),10)},getHeight(){var t;return parseInt((null==e?void 0:e.height)||(null===(t=L.current)||void 0===t?void 0:t.offsetHeight),10)}},t)if("function"==typeof t)t(L.current);else t.current=L.current}),[P]),(0,i.useEffect)((()=>()=>{if(S.current=void 0,t&&"function"!=typeof t)t.current=null}),[]);const me=P&&!v.constants.isServerSide&&(w||b)&&(M||B&&(null==N?void 0:N.cropHeight)&&(null==N?void 0:N.cropWidth))&&!q,fe=me?ne:oe,ge=(0,i.useMemo)((()=>(0,r.jsx)("img",{ref:fe,loading:k?"eager":"lazy",decoding:k?"sync":"auto",onContextMenu:re,src:w,srcSet:b,onLoad:ce,onError:de,style:le,alt:R,className:y+(X!==(null==P?void 0:P.value)?" mte-ImageWidget_loading-skeleton":""),onClick:O,width:null==P?void 0:P.naturalWidth,height:null==P?void 0:P.naturalHeight,sizes:"(max-width: 640px) 100vw, (max-width: 1024px) 50vw, auto, 900px","data-qa":"mte","data-name":x,"data-filename":(null==P?void 0:P.fileName)||""})),[null==P?void 0:P.value,w,b,ce,le,R,y,O,null==P?void 0:P.naturalWidth,null==P?void 0:P.naturalHeight,x,null==P?void 0:P.fileName,X,fe,k]);if(me)return(0,r.jsxs)("div",{ref:L,id:j,onContextMenu:re,style:le,className:y+" tw-relative","data-qa":"mte","data-name":x,"data-filename":(null==P?void 0:P.fileName)||"",children:[P&&D===p&&M&&(0,r.jsx)(h,{className:"mte-ImageWidget__toolbar tw-z-40",items:_,keyProperty:"id",itemsSpacing:"small",onItemClick:se}),(B||(null==P?void 0:P.value)!==X)&&(0,r.jsx)("div",{className:"tw-absolute tw-w-full tw-h-full",children:(0,r.jsx)(f.Base,{className:"mte-ImageWidget__skeleton",active:!0})}),ge]});if(P&&(w||b)&&!q)return(0,i.cloneElement)(ge,{id:j});if(D===p&&!F&&(!A||q))return null;const ve={...ae&&{width:`${ae}px`},...ue&&{aspectRatio:ue}};return(0,r.jsx)("div",{ref:t,id:j,style:ve,className:(0,n.clsx)(y,"tw-flex tw-items-center tw-justify-center tw-flex-col tw-min-h-0"),"data-qa":"mte","data-name":x,children:F?(0,r.jsx)("img",{src:F,style:le,alt:"Заглушка",className:"mte-ImageWidget__image_empty mte-ImageWidget__image_empty_custom mte-ImageWidget__image_empty_plug"}):(0,r.jsx)(c.MediaEmptyPlug,{icon:"icon-PicBtr",className:"mte-ImageWidget__image_empty mte-ImageWidget__image_empty_plug"})})}));return t.default=(0,i.memo)(S),t}(0,{},e,t,i,u,r,a,n,o,s,A,_,f,d,m),H=function(e,t,r,i,n,o,a,u){"use strict";Object.defineProperty(t,"__esModule",{value:!0});return t.default=function(e){const{id:t,className:l="",value:s,style:c={},dataName:d}=e,m=(0,u.isRenderPage)(),[f,g]=(0,i.useState)(null),[v,p]=(0,i.useState)(null),h=(0,i.useRef)(null),_=(0,i.useContext)(a.default),{imageUrlResolver:S}=_,y=(0,i.useMemo)((()=>{const{naturalWidth:e,naturalHeight:t}=s||{};if(e&&t)return e/t;else return 1}),[s]),w=(0,i.useMemo)((()=>{const e=s&&(0,n.getResourceUrl)({...s,type:(0,o.hasAutotestCookie)()&&"fileTransfer"===s.type?"external":s.type});if(e)return e}),[s]),C=(0,i.useMemo)((()=>{const e={...c};if(null!==y&&1!==y)if(void 0===e.aspectRatio)e.aspectRatio=y;return e}),[c,y]);return(0,i.useEffect)((()=>{var e;const t=(null===(e=h.current)||void 0===e?void 0:e.offsetHeight)||24;let r;const i=null==w?void 0:w.startsWith("data:image");if(S&&!i&&s&&w){const e=Math.round(t*y);r=S(w,e,t)}

1else r={src:w,srcset:w};if(r)g(r.src),p(r.srcset)}),[s,S,w,y]),(0,r.jsx)("span",{className:`mte-IconWidget__container ${l}`,id:t,style:C,ref:h,"data-name":d,children:w||f||v?(0,r.jsx)("img",{src:f||w,srcSet:v||w,className:"mte-IconWidget",loading:m?"eager":"lazy"}):(0,r.jsx)("span",{className:"mte-IconWidget__plug"})})},t}(0,{},e,t,l,O,_,d),z=H,D=function(e,t,r,i,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});return t.default=function({viewer:e,imageUrlResolver:t,opener:o,children:a}){const u=(0,i.useMemo)((()=>({viewer:void 0===e?"DOCVIEW3/ModuleEditorImage/view":e,imageUrlResolver:t,opener:o})),[t,e,o]);return(0,r.jsx)(n.default.Provider,{value:u,children:a})},t}(0,{},e,t,_),$=D,B=function(e,t,r,i,n){"use strict";return Object.defineProperty(t,"__esModule",{value:!0}),t.hasAutotestCookie=t.useDebounceValue=t.withAction=void 0,Object.defineProperty(t,"withAction",{enumerable:!0,get:function(){return r.withAction}}),Object.defineProperty(t,"useDebounceValue",{enumerable:!0,get:function(){return i.useDebounceValue}}),Object.defineProperty(t,"hasAutotestCookie",{enumerable:!0,get:function(){return n.hasAutotestCookie}}),t}(0,{},V,P,O),Y=function(e,t,r,i){"use strict";function n(e){if((0,i.hasAutotestCookie)()&&"fileTransfer"===e.type||e.value.includes("/FrameDemoStand/mocks"))return"external";else return e.type}function o(e,t,i,o){const a=((null==t?void 0:t.width)||1)/((null==t?void 0:t.height)||1),u=Math.round(o/a);return t&&(0,r.getResourceUrl)({...e,type:n(e)},{width:o,height:u},i)}Object.defineProperty(t,"__esModule",{value:!0}),t.prepareImageSources=void 0;const a=150,u={width:a,height:a},l=/\.gif$/i,s=1024,c=[320,480,640,800,s,1280,1600];return t.prepareImageSources=e=>{var t,i;const{resource:d,resourceSizes:m,imageUrlResolver:f,imageFit:g,imageCrop:v}=e,p=(0,r.getResourceUrl)({...d,type:n(d)},void 0,v);if("none"===g)return{originalSrc:p};const h=".gif"===(null===(t=null==d?void 0:d.fileName)||void 0===t?void 0:t.slice(-4)),_=null==p?void 0:p.startsWith("data:image");if(f&&!h&&!_&&m){const e=m.width>1e3?1e3:m.width,t=m.width/m.height,r=f(p,e,Math.round(e/t),g,v),i=f(p,a,a,g,v);if(r)return{originalSrc:p,preparedSrc:r.src,preparedSrcSet:r.srcset,preparedLowSrc:null==i?void 0:i.src}}const S=function(e){var t;const{resource:r,resourceSizes:i,imageCrop:n}=e,a=Math.round((null===(t=e.resource)||void 0===t?void 0:t.naturalWidth)||0)||1/0,u=[];for(let e=0;e<c.length;e++)if(c[e]<a)u.push(c[e]);else{u.push(a);break}if(1===u.length){const e=o(r,i,n,u[0]);return{src:e,srcSet:e?`${e} 1x`:""}}const l=[];let d="";if(u.forEach((e=>{const t=o(r,i,n,e);if(t){if(e===s||e===a)d=t;l.push(`${t} ${e}w`)}})),!d)d=o(r,i,n,a>s?s:a);return{src:d,srcSet:l.join(",")}}(e);if((null==p?void 0:p.includes("pv=false"))||l.test(null===(i=e.resource)||void 0===i?void 0:i.fileName))return{originalSrc:p};else return{originalSrc:p,preparedSrc:S.src,preparedSrcSet:S.srcSet,preparedLowSrc:(0,r.getResourceUrl)({...d,type:n(d)},u,v)}},t}(0,{},l,O),q=Y,G=function(e,t,r,i,n){"use strict";return Object.defineProperty(t,"__esModule",{value:!0}),t.useConnectedImageValue=void 0,t.useConnectedImageValue=function(e){var t;const{value:o}=(0,i.useConnectedValue)(e);return(0,r.useMemo)((()=>(0,n.resolveConnectedImageValue)(o)),[o,null===(t=null==o?void 0:o.get)||void 0===t?void 0:t.call(o,"Original")])},t}(0,{},t,g,F),J=G,K=function(e,t,r,i,n,o,a,u,l){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.useImageSrc=void 0;const s="cover";return t.useImageSrc=e=>{var t,c,d,m;const{value:f,name:g,imageFit:v=s,isAutoHeight:p,imageCrop:h}=e,_=(0,r.useContext)(n.default),S=(0,o.useConnectedImageValue)(g),y=(0,i.useAdaptiveMode)(),w=(0,r.useRef)(null),{imageUrlResolver:C}=_,{naturalWidth:I,naturalHeight:E}=f||{},b=Math.round(null===(c=null===(t=null==y?void 0:y.container)||void 0===t?void 0:t.clientWidth)||void 0===c?void 0:c.value),P=Math.round(null===(m=null===(d=null==y?void 0:y.container)||void 0===d?void 0:d.clientHeight)||void 0===m?void 0:m.value),R=(0,r.useMemo)((()=>S||f),[S,f]),N=(0,r.useMemo)((()=>{if(I&&E)return I/E}),[I,E]),O=(0,r.useMemo)((()=>

1{if(I&&E&&!(E<100&&I<100))return(0,u.calculateWidgetPreviewerSize)({naturalWidth:I,naturalHeight:E,resourceWidth:b,resourceHeight:P,imageFit:v,isAutoHeight:p})}),[I,E,b,P,v,p]),M=(0,r.useMemo)((()=>{var e;if(!(null==R?void 0:R.value))return;if(!O)w.current=R;if((null===(e=w.current)||void 0===e?void 0:e.value)!==R.value)w.current=null;return{...(0,l.prepareImageSources)({resource:R,resourceSizes:!w.current?O:void 0,imageUrlResolver:C,imageFit:v,imageCrop:h}),debouncedImageFit:v}}),[R,O,C,v,h]),j=(0,a.useDebounceValue)(M,350),{originalSrc:x,preparedSrc:W,preparedSrcSet:T,preparedLowSrc:A,debouncedImageFit:U}=j||{};return{src:x,preparedSrc:W,preparedSrcSet:T,preparedLowSrc:A,aspectRatio:N,connectedValue:S,debouncedImageFit:U}},t}(0,{},t,o,_,G,B,E,Y),X=K,Q=function(e,t,r,i,n,o,a,u,l,s,c,d,m,f){"use strict";Object.defineProperty(t,"__esModule",{value:!0});const g="px",v="cover",p="mte-ImageWidget__image_outline",h={fileName:"image-widget-sample.png",naturalHeight:296,naturalWidth:652,type:"external",value:"/cdn/ModuleEditorCDN/1.0.0/image-widget-sample.png"},_=(0,i.forwardRef)((function(e,t){const{name:c,id:_,value:S,sizeUnits:y=g,imageFit:w=v,saveProportions:C=!0,hasOpenFullscreen:I=!0,outline:E,className:b,dataName:P,aspectRatioStyle:R,action:N,executeCommand:O,alt:M,indent:j,imageCrop:x,align:W,float:T,maxWidthStyle:A,width:U,height:F,isShop:k,imageShape:V,ViewRender:L,additionalTemplate:H,showEmptyView:z,customPlaceholderSrc:D}=e,$=(0,i.useRef)(),B=(0,i.useRef)(null),Y=(0,i.useContext)(n.default),{viewer:q,opener:G}=Y,{allResources:J}=(0,o.useSlice)("frameResources")||{},K=L||d.default,X=(0,i.useMemo)((()=>(J||[]).filter(l.checkIsImageResource)),[J]),Q=(0,i.useMemo)((()=>W?W[0].toUpperCase()+W.slice(1):void 0),[W]),{src:Z,aspectRatio:ee,preparedSrc:te,preparedSrcSet:re,preparedLowSrc:ie,connectedValue:ne,debouncedImageFit:oe}=(0,s.useImageSrc)({...e,value:k?S||h:S}),ae=(0,i.useMemo)((()=>k?S||h||ne||S:ne||S),[ne,S,k]),ue=(0,i.useCallback)((t=>{if(!N||N.constructor!==Object||0!==Object.keys(N).length){if(!("action"in e)||(null==N?void 0:N.id)===u.OPEN_FULL_SCREEN_RUNTIME_ACTION_TYPE){if(!I)return;(0,a.default)(t,q,ae,X,G||(null==t?void 0:t.currentTarget),x)}else null==O||O();t.stopPropagation()}}),[I,ae,q,N,O,X,G]),le=(0,i.useMemo)((()=>{const e={width:"",height:"",minWidth:"",minHeight:"",aspectRatio:""},t=String(F),r=String(U);if(U&&y){const t=`${U}${r.includes(g)?"":r.includes("%")?"":y}`;e.width=t}if("auto"===r)e.width="auto";if(F&&y&&!C){const r=`${F}${t.includes(g)?"":t.includes("%")?"":y}`;e.height=r}if(C||R&&!F||"auto"===t||e.width&&!e.height&&!e.aspectRatio)e.height="auto";return e}),[U,F,y,C,R]),se=(0,i.useMemo)((()=>({...le,visibility:""+(Z?"visible":""),...(0,f.generateIndentStyles)(j,void 0,A)})),[Z,le,A,j]),ce=(0,m.clsx)(b,"mte-ImageWidget",{[`mte-image${Q}`]:!!Q,"mte-ImageWidget_float":Boolean(T),[`mte-ImageWidget_float-${T}`]:Boolean(T),"mte-ImageWidget__empty":!Z&&!D,[p]:E});if(H)return(0,r.jsxs)("div",{ref:B,id:_,className:ce,style:se,"data-qa":"mte","data-name":P,children:[(0,r.jsx)("div",{className:"mte-ImageWidget__imageWrapper",children:(0,r.jsx)(K,{...e,id:void 0,ref:t,widthRef:$,imageFit:w,rootNodeStyle:se,onClick:ue,src:te||Z,preparedSrc:te,className:"mte-ImageWidget__image",preparedLowSrc:ie,preparedSrcSet:re,value:ae,size:le,currentAlign:Q,hasOpenFullscreen:I,alt:M,imageCrop:x,imageShape:V,viewer:q,saveProportions:C,sizeUnits:y,aspectRatio:ee,customPlaceholderSrc:D,showEmptyView:z})}),e.additionalTemplate]});else return(0,r.jsx)(K,{...e,ref:t,widthRef:$,imageFit:oe,onClick:ue,src:te||Z,preparedSrc:te,preparedLowSrc:ie,currentAlign:Q,size:le,preparedSrcSet:re,hasOpenFullscreen:I,value:ae,rootNodeStyle:se,customPlaceholderSrc:D,alt:M,className:ce,imageShape:V,imageCrop:x,viewer:q,saveProportions:C,sizeUnits:y,aspectRatio:ee,showEmptyView:z})}));return t.default=(0,c.withAction)((0,i.memo)(_)),t}(0,{},e,t,_,g,A,C,j,K,B,L,i,c),Z=Q,h.Provider=h.Context=h.IMAGE_OPEN_FULL_SCREEN_RUNTIME_ACTION_TYPE=h.IMAGE_OPEN_FULL_SCREEN_RUNTIME_ACTION=h.openFullScreen=h.Icon=h.prepareImageSources=h.calculateWidgetPreviewerSize=h.checkIsImageResource=h.getImageSources=h.hasAutotestCookie=h.loadImage=h.useImageSrc=h.resolveConnectedImageValue=h.getCorrectType=h.useConnectedImageValue=h.ImageClientView=h.View=void 0,Object.defineProperty(h,"View",{enumerable:!0,get:function(){return Z.default}}),Object.defineProperty(h,"ImageClientView",{enumerable:!0,get:function(){return w.default}}),Object.defineProperty(h,"useConnectedImageValue",{enumerable:!0,get:function(){return J.useConnectedImageValue}}),Object.defineProperty(h,"getCorrectType",{enumerable:!0,get:function(){return k.getCorrectType}}

1),Object.defineProperty(h,"resolveConnectedImageValue",{enumerable:!0,get:function(){return k.resolveConnectedImageValue}}),Object.defineProperty(h,"useImageSrc",{enumerable:!0,get:function(){return X.useImageSrc}}),Object.defineProperty(h,"loadImage",{enumerable:!0,get:function(){return T.default}}),Object.defineProperty(h,"hasAutotestCookie",{enumerable:!0,get:function(){return M.hasAutotestCookie}}),Object.defineProperty(h,"getImageSources",{enumerable:!0,get:function(){return N.default}}),Object.defineProperty(h,"checkIsImageResource",{enumerable:!0,get:function(){return x.checkIsImageResource}}),Object.defineProperty(h,"calculateWidgetPreviewerSize",{enumerable:!0,get:function(){return b.calculateWidgetPreviewerSize}}),Object.defineProperty(h,"prepareImageSources",{enumerable:!0,get:function(){return q.prepareImageSources}}),Object.defineProperty(h,"Icon",{enumerable:!0,get:function(){return z.default}}),Object.defineProperty(h,"openFullScreen",{enumerable:!0,get:function(){return U.default}}),Object.defineProperty(h,"IMAGE_OPEN_FULL_SCREEN_RUNTIME_ACTION",{enumerable:!0,get:function(){return I.OPEN_FULL_SCREEN_RUNTIME_ACTION}}),Object.defineProperty(h,"IMAGE_OPEN_FULL_SCREEN_RUNTIME_ACTION_TYPE",{enumerable:!0,get:function(){return I.OPEN_FULL_SCREEN_RUNTIME_ACTION_TYPE}}),h.Context=S.default,h.Provider=$.default,h}));