define("FrameControls/flexLayout",["react/jsx-runtime","react","Env/Env","Controls/themesExt","Controls/Utils/colorUtil","Controls/Utils/Helpers/functions","require","exports","css!FrameControls/flexLayout"],(function(e,r,t,o,n,l,a,s){Object.defineProperty(s,"__esModule",{value:true}),s["FrameControls/_flexLayout/TextColorWrapper"]=true;var u=function(e,r,t,o,n,l,a){"use strict";return Object.defineProperty(r,"__esModule",{value:true}),r.TextColorWrapper=void 0,r.TextColorWrapper=(0,o.forwardRef)((function e(r,s){const{dominantColor:u}=r,i=(0,o.useMemo)((()=>{if(!u)return;const e=u.split(","),r={r:Number(e[0]),g:Number(e[1]),b:Number(e[2])},t=(0,l.isDarkTheme)(r)?"dark":"light",o=(0,a.getComplementaryColor)(r);return{brightness:t,complementaryColor:(0,a.rgbaToString)((0,a.rgbToRgba)(o))}}),[u]);if(!i)return(0,o.cloneElement)(r.children,{ref:s,style:r.style});return(0,t.jsx)(n.ZenWrapper,{ref:s,dominantColor:u,complementaryColor:i.complementaryColor,brightness:i.brightness,style:r.style,children:r.children})})),r}(a,{},e,r,o,l,n),i=u;s["FrameControls/_flexLayout/helpers/calculateGap"]=true;var c=function(e,r){"use strict";Object.defineProperty(r,"__esModule",{value:true}),r.calculateGap=void 0;const t={"3xs":2,"2xs":4,xs:6,s:8,st:10,m:12,l:16,xl:20},o=e=>{let r;if("static"===(null===e||void 0===e?void 0:e.type))r=e.value;else if("variable"===(null===e||void 0===e?void 0:e.type))r=t[e.value];return r};return r.calculateGap=o,r}(a,{}),f=c;s["FrameControls/_flexLayout/helpers/webshotterFix"]=true;var C=function(e,r,t){"use strict";Object.defineProperty(r,"__esModule",{value:true}),r.isCefConverterBrowser=r.CEF_CONVERTER_BROWSER_MARGIN=void 0;const o="SbisCefConverter";function n(){return t.constants.browser.chrome?t.constants.browser.userAgent.includes(o):false}return r.CEF_CONVERTER_BROWSER_MARGIN=12,r.isCefConverterBrowser=n,r}(a,{},t),_=C;s["FrameControls/_flexLayout/View"]=true;var d=function(e,r,t,o,n,l,a){"use strict";return Object.defineProperty(r,"__esModule",{value:true}),r.View=void 0,r.View=(0,o.memo)((0,o.forwardRef)((({direction:e="row",gap:r,children:s,align:u="start",justify:i="start",className:c,style:f,dataQa:C,dominantColor:_,dataName:d},m)=>{const p=(0,o.useMemo)((()=>{const r=undefined;let t=["frameControls-flexLayout",`frameControls-flexLayout_${e}`,`frameControls-flexLayout_justify-${i}`,`frameControls-flexLayout_align-${u}`].join(" ");if((0,a.isCefConverterBrowser)())t+=" frameControls-flexLayout_column_gapFix";if(c)t+=" "+c;return t}),[e,i,u,c]),y=(0,o.useMemo)((()=>({gap:(0,a.isCefConverterBrowser)()?0:(0,n.calculateGap)(r),...f})),[f,r]);return(0,t.jsx)(l.TextColorWrapper,{ref:m,dominantColor:_,style:y,children:(0,t.jsx)("div",{"data-qa":C,"data-name":d,className:p,children:s})})}))),r}(a,{},e,r,c,u,C,"undefined"===typeof css_FrameControls_flexLayout?null:css_FrameControls_flexLayout),m=d;return s.CEF_CONVERTER_BROWSER_MARGIN=s.isCefConverterBrowser=s.TextColorWrapper=s.calculateGap=s.View=s.LEFT_PADDING_INDEX=s.BOTTOM_PADDING_INDEX=s.RIGHT_PADDING_INDEX=s.TOP_PADDING_INDEX=void 0,s.TOP_PADDING_INDEX=0,s.RIGHT_PADDING_INDEX=1,s.BOTTOM_PADDING_INDEX=2,s.LEFT_PADDING_INDEX=3,Object.defineProperty(s,"View",{enumerable:true,get:function(){return m.View}}),Object.defineProperty(s,"calculateGap",{enumerable:true,get:function(){return f.calculateGap}}),Object.defineProperty(s,"TextColorWrapper",{enumerable:true,get:function(){return i.TextColorWrapper}}),Object.defineProperty(s,"isCefConverterBrowser",{enumerable:true,get:function(){return _.isCefConverterBrowser}}),Object.defineProperty(s,"CEF_CONVERTER_BROWSER_MARGIN",{enumerable:true,get:function(){return _.CEF_CONVERTER_BROWSER_MARGIN}}),s}));