{"version":3,"file":"script.js","mappings":"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","sources":["webpack://image-compare/../Components/utils/getCSS.js","webpack://image-compare/./src/Components/Common/Style.js","webpack://image-compare/external var \"React\"","webpack://image-compare/./src/utils/functions.js","webpack://image-compare/./src/Components/Common/ImageCompare.js","webpack://image-compare/../block-directory/node_modules/react-dom/client.js","webpack://image-compare/external var \"ReactDOM\"","webpack://image-compare/webpack/bootstrap","webpack://image-compare/./src/script.js"],"sourcesContent":["export const getBackgroundCSS = (bg, isSolid = true, isGradient = true, isImage = true) => {\r\n\tconst { type = 'solid', color = '#000000b3', gradient = 'linear-gradient(135deg, #4527a4, #8344c5)', image = {}, position = 'center center', attachment = 'initial', repeat = 'no-repeat', size = 'cover', overlayColor = '#000000b3' } = bg || {};\r\n\r\n\tconst styles = ('gradient' === type && isGradient) ? `background: ${gradient};` :\r\n\t\t('image' === type && isImage) ?\r\n\t\t\t`background: url(${image?.url});\r\n\t\t\t\tbackground-color: ${overlayColor};\r\n\t\t\t\tbackground-position: ${position};\r\n\t\t\t\tbackground-size: ${size};\r\n\t\t\t\tbackground-repeat: ${repeat};\r\n\t\t\t\tbackground-attachment: ${attachment};\r\n\t\t\t\tbackground-blend-mode: overlay;` :\r\n\t\t\tisSolid && `background: ${color};`;\r\n\r\n\treturn styles;\r\n} // PHP version in Stepped Content\r\n\r\nexport const getBorderCSS = (border) => {\r\n\tconst { width = '0px', style = 'solid', color = '#0000', side = 'all', radius = '0px' } = border || {};\r\n\r\n\tconst borderSideCheck = s => {\r\n\t\tconst bSide = side?.toLowerCase();\r\n\t\treturn bSide?.includes('all') || bSide?.includes(s);\r\n\t}\r\n\r\n\tconst noWidth = width === '0px' || !width;\r\n\tconst borderCSS = `${width} ${style} ${color}`;\r\n\r\n\tconst styles = `\r\n\t\t${noWidth ? '' : ['top', 'right', 'bottom', 'left'].map(side => borderSideCheck(side) ? `border-${side}: ${borderCSS};` : '').join('')}\r\n\t\t${!radius ? '' : `border-radius: ${radius};`}\r\n\t`;\r\n\r\n\treturn styles;\r\n}\r\n\r\nexport const getColorsCSS = (colors) => {\r\n\tconst { color = '#333', bgType = 'solid', bg = '#0000', gradient = 'linear-gradient(135deg, #4527a4, #8344c5)' } = colors || {};\r\n\r\n\tconst styles = `\r\n\t\t${color ? `color: ${color};` : ''}\r\n\t\t${gradient || bg ? `background: ${'gradient' === bgType ? gradient : bg};` : ''}\r\n\t`;\r\n\r\n\treturn styles;\r\n}\r\n\r\nexport const getIconCSS = (icon, isSize = true, isColor = true) => {\r\n\tconst { fontSize = 16, colorType = 'solid', color = 'inherit', gradient = 'linear-gradient(135deg, #4527a4, #8344c5)' } = icon || {};\r\n\r\n\tconst colorCSS = 'gradient' === colorType ?\r\n\t\t`color: transparent; background-image: ${gradient}; -webkit-background-clip: text; background-clip: text;` :\r\n\t\t`color: ${color};`;\r\n\r\n\tconst styles = `\r\n\t\t${!fontSize || !isSize ? '' : `font-size: ${fontSize}px;`}\r\n\t\t${isColor ? colorCSS : ''}\r\n\t`;\r\n\r\n\treturn styles;\r\n}\r\n\r\nexport const getMultiShadowCSS = (value, type = 'box') => {\r\n\tlet styles = '';\r\n\r\n\tvalue?.map((item, index) => {\r\n\t\tconst { hOffset = '0px', vOffset = '0px', blur = '0px', spreed = '0px', color = '#7090b0', isInset = false } = item || {};\r\n\r\n\t\tconst inset = isInset ? 'inset' : '';\r\n\t\tconst offsetBlur = `${hOffset} ${vOffset} ${blur}`;\r\n\t\tconst isComa = index + 1 >= value.length ? '' : ', ';\r\n\r\n\t\tstyles += 'text' === type ? `${offsetBlur} ${color}${isComa}` : `${offsetBlur} ${spreed} ${color} ${inset}${isComa}`;\r\n\t});\r\n\r\n\treturn styles || 'none';\r\n}\r\n\r\nexport const getSeparatorCSS = (separator) => {\r\n\tconst { width = '50%', height = '2px', style = 'solid', color = '#bbb' } = separator || {};\r\n\r\n\tconst styles = `\r\n\t\twidth: ${width};\r\n\t\t${'0px' === height && '0em' === height && '0rem' === height ? '' : `border-top: ${height} ${style} ${color};`}\r\n\t`;\r\n\r\n\treturn styles;\r\n}\r\n\r\nexport const getShadowCSS = (shadow) => {\r\n\tconst { type = 'box', hOffset = '0px', vOffset = '0px', blur = '0px', spreed = '0px', color = '#7090b0', isInset = false } = shadow || {};\r\n\r\n\tconst inset = isInset ? 'inset' : '';\r\n\tconst offsetBlur = `${hOffset} ${vOffset} ${blur}`;\r\n\r\n\tconst styles = 'text' === type ? `${offsetBlur} ${color}` : `${offsetBlur} ${spreed} ${color} ${inset}`;\r\n\r\n\treturn styles || 'none';\r\n}\r\n\r\nexport const getSpaceCSS = (space) => {\r\n\tconst { side = 2, vertical = '0px', horizontal = '0px', top = '0px', right = '0px', bottom = '0px', left = '0px' } = space || {};\r\n\r\n\tconst styles = 2 === side ? `${vertical} ${horizontal}` : `${top} ${right} ${bottom} ${left}`;\r\n\r\n\treturn styles;\r\n}\r\n\r\nexport const getTypoCSS = (selector, typo, isFamily = true) => {\r\n\tconst { fontFamily = 'Default', fontCategory = 'sans-serif', fontVariant = 400, fontWeight = 400, isUploadFont = true, fontSize = { desktop: 15, tablet: 15, mobile: 15 }, fontStyle = 'normal', textTransform = 'none', textDecoration = 'auto', lineHeight = '135%', letterSpace = '0px' } = typo || {};\r\n\r\n\tconst generateCss = (value, cssProperty) => !value ? '' : `${cssProperty}: ${value};`;\r\n\r\n\tconst isEmptyFamily = !isFamily || !fontFamily || 'Default' === fontFamily;\r\n\tconst desktopFontSize = fontSize?.desktop || fontSize;\r\n\tconst tabletFontSize = fontSize?.tablet || desktopFontSize;\r\n\tconst mobileFontSize = fontSize?.mobile || tabletFontSize;\r\n\r\n\tconst styles = `\r\n\t\t${isEmptyFamily ? '' : `font-family: '${fontFamily}', ${fontCategory};`}\r\n\t\t${generateCss(fontWeight, 'font-weight')}\r\n\t\t${`font-size: ${desktopFontSize}px;`}\r\n\t\t${generateCss(fontStyle, 'font-style')}\r\n\t\t${generateCss(textTransform, 'text-transform')}\r\n\t\t${generateCss(textDecoration, 'text-decoration')}\r\n\t\t${generateCss(lineHeight, 'line-height')}\r\n\t\t${generateCss(letterSpace, 'letter-spacing')}\r\n\t`;\r\n\r\n\t// Google font link\r\n\tconst linkQuery = !fontVariant || 400 === fontVariant ? '' : '400i' === fontVariant ? ':ital@1' : fontVariant?.includes('00i') ? `: ital, wght@1, ${fontVariant?.replace('00i', '00')} ` : `: wght@${fontVariant} `;\r\n\r\n\tconst link = isEmptyFamily ? '' : `https://fonts.googleapis.com/css2?family=${fontFamily?.split(' ').join('+')}${linkQuery.replace(/ /g, '')}&display=swap`;\r\n\r\n\treturn {\r\n\t\tgoogleFontLink: !isUploadFont || isEmptyFamily ? '' : `@import url(${link});`,\r\n\t\tstyles: `${selector}{\r\n\t\t\t${styles}\r\n\t\t}\r\n\t\t@media (max-width: 768px) {\r\n\t\t\t${selector}{\r\n\t\t\t\t${`font-size: ${tabletFontSize}px;`}\r\n\t\t\t}\r\n\t\t}\r\n\t\t@media (max-width: 576px) {\r\n\t\t\t${selector}{\r\n\t\t\t\t${`font-size: ${mobileFontSize}px;`}\r\n\t\t\t}\r\n\t\t}`.replace(/\\s+/g, ' ').trim()\r\n\t}\r\n}\r\n\r\nexport const getBoxCSS = (val = {}) => Object.values(val).join(' ');","import { getBorderCSS, getColorsCSS, getSpaceCSS, getTypoCSS } from '../../../../Components/utils/getCSS';\r\n\r\nconst Style = ({ attributes, clientId }) => {\r\n\tconst { alignment, width, border, labelTypo, labelColors, labelPadding, capTypo, capColors, capPadding } = attributes;\r\n\r\n\tconst mainSl = `#icbImageCompare-${clientId}`;\r\n\tconst imgCompareSl = `${mainSl} .icbImageCompare`;\r\n\r\n\treturn