{"version":3,"file":"script.js","mappings":"yBAAA,IAAI,EAA+BA,SCiBtBC,EAAe,SAACC,GAC5B,MAA0FA,GAAU,GAApG,IAAQC,MAAAA,OAAR,MAAgB,MAAhB,MAAuBC,MAAAA,OAAvB,MAA+B,QAA/B,MAAwCC,MAAAA,OAAxC,MAAgD,QAAhD,MAAyDC,KAAAA,OAAzD,MAAgE,MAAhE,MAAuEC,OAAAA,OAAvE,MAAgF,MAAhF,EAEMC,EAAkB,SAAAC,GACvB,IAAMC,EAAQJ,aAAH,EAAGA,EAAMK,cACpB,OAAOD,aAAA,EAAAA,EAAOE,SAAS,UAAUF,aAA1B,EAA0BA,EAAOE,SAASH,KAG5CI,EAAoB,QAAVV,IAAoBA,EAC9BW,EAAY,GAAH,OAAMX,EAAN,YAAeC,EAAf,YAAwBC,GAEjCU,EAAS,SAAH,OACTF,EAAU,GAAK,CAAC,MAAO,QAAS,SAAU,QAAQG,KAAI,SAAAV,GAAI,OAAIE,EAAgBF,GAAhB,iBAAkCA,EAAlC,aAA2CQ,EAA3C,KAA0D,MAAIG,KAAK,IADxH,iBAERV,EAAD,yBAAiCA,EAAjC,KAAU,GAFD,QAKZ,OAAOQ,GAGKG,EAAe,SAACC,GAC5B,MAAmHA,GAAU,GAA7H,IAAQd,MAAAA,OAAR,MAAgB,OAAhB,MAAwBe,OAAAA,OAAxB,MAAiC,QAAjC,MAA0CC,GAAAA,OAA1C,MAA+C,QAA/C,MAAwDC,SAAAA,OAAxD,MAAmE,4CAAnE,EAOA,MALe,SAAH,OACTjB,EAAQ,UAAH,OAAaA,EAAb,KAAwB,GADpB,iBAETiB,GAAYD,EAAZ,sBAAgC,aAAeD,EAASE,EAAWD,EAAnE,KAA2E,GAFlE,SAkDAE,EAAe,SAACC,GAC5B,MAA6HA,GAAU,GAAvI,IAAQC,KAAAA,OAAR,MAAe,MAAf,MAAsBC,QAAAA,OAAtB,MAAgC,MAAhC,MAAuCC,QAAAA,OAAvC,MAAiD,MAAjD,MAAwDC,KAAAA,OAAxD,MAA+D,MAA/D,MAAsEC,OAAAA,OAAtE,MAA+E,MAA/E,MAAsFxB,MAAAA,OAAtF,MAA8F,UAA9F,MAAyGyB,QAEnGC,OAFN,SAEwB,QAAU,GAC5BC,EAAa,GAAH,OAAMN,EAAN,YAAiBC,EAAjB,YAA4BC,GAI5C,OAFe,SAAWH,EAAX,UAAqBO,EAArB,YAAmC3B,GAAnC,UAAgD2B,EAAhD,YAA8DH,EAA9D,YAAwExB,EAAxE,YAAiF0B,KAE/E,QAWLE,EAAa,SAACC,EAAUC,GAA0B,IAApBC,IAAoB,yDAC9D,EAA+RD,GAAQ,GAAvS,IAAQE,WAAAA,OAAR,MAAqB,UAArB,MAAgCC,aAAAA,OAAhC,MAA+C,aAA/C,MAA6DC,YAAAA,OAA7D,MAA2E,IAA3E,MAAgFC,WAAAA,OAAhF,MAA6F,IAA7F,MAAkGC,aAAAA,OAAlG,aAAuHC,SAAAA,OAAvH,MAAkI,CAAEC,QAAS,GAAIC,OAAQ,GAAIC,OAAQ,IAArK,MAA2KC,UAAAA,OAA3K,MAAuL,SAAvL,MAAiMC,cAAAA,OAAjM,MAAiN,OAAjN,MAAyNC,eAAAA,OAAzN,MAA0O,OAA1O,MAAkPC,WAAAA,OAAlP,MAA+P,OAA/P,MAAuQC,YAAAA,OAAvQ,MAAqR,MAArR,EAEMC,EAAc,SAACC,EAAOC,GAAR,OAAyBD,EAAD,UAAiBC,EAAjB,aAAiCD,EAAjC,KAAS,IAE/CE,GAAiBlB,IAAaC,GAAc,YAAcA,EAC1DkB,GAAkBb,aAAA,EAAAA,EAAUC,UAAWD,EACvCc,GAAiBd,aAAA,EAAAA,EAAUE,SAAUW,EACrCE,GAAiBf,aAAA,EAAAA,EAAUG,SAAUW,EAErCzC,EAAS,SAAH,OACTuC,EAAgB,GAAH,wBAAyBjB,EAAzB,cAAyCC,EAAzC,KADJ,iBAETa,EAAYX,EAAY,eAFf,8BAGKe,EAHL,wBAITJ,EAAYL,EAAW,cAJd,iBAKTK,EAAYJ,EAAe,kBALlB,iBAMTI,EAAYH,EAAgB,mBANnB,iBAOTG,EAAYF,EAAY,eAPf,iBAQTE,EAAYD,EAAa,kBARhB,QAYNQ,EAAanB,GAAe,MAAQA,EAAmB,SAAWA,EAAc,UAAYA,SAAAA,EAAa3B,SAAS,OAAtB,0BAAkD2B,aAAlD,EAAkDA,EAAaoB,QAAQ,MAAO,MAA9E,sBAAmGpB,EAAnG,KAA1C,GAElDqB,EAAON,EAAgB,GAAH,mDAAoDjB,aAApD,EAAoDA,EAAYwB,MAAM,KAAK5C,KAAK,MAAhF,OAAuFyC,EAAUC,QAAQ,KAAM,IAA/G,iBAE1B,MAAO,CACNG,gBAAiBrB,GAAgBa,EAAgB,GAAjC,sBAAqDM,EAArD,MAChB7C,OAAQ,UAAGmB,EAAH,oBACLnB,EADK,2DAILmB,EAJK,mCAKUsB,EALV,2EASLtB,EATK,mCAUUuB,EAVV,2BAYLE,QAAQ,OAAQ,KAAKI,SCnH1B,EA/Bc,SAAC,GAA6B,QDkGhBC,EAC3B,IAAQ1D,EAAR,EAAkB2D,EAAlB,EAAoCC,EAApC,EAAwDC,EAAxD,EAAqEC,EAArE,EAAoFC,EAApF,EAAoGC,ECnGpFC,EAA2B,EAA3BA,WAAYC,EAAe,EAAfA,SACpBrE,EAA6EoE,EAA7EpE,MAAOsE,EAAsEF,EAAtEE,UAAWC,EAA2DH,EAA3DG,UAAWC,EAAgDJ,EAAhDI,WAAYxD,EAAoCoD,EAApCpD,OAAQyD,EAA4BL,EAA5BK,QAAS1E,EAAmBqE,EAAnBrE,OAAQsB,EAAW+C,EAAX/C,OAEpEqD,EAAU,gBAAH,OAAmBL,EAAnB,iBAEb,OAAO,6BAAOM,wBAAyB,CACtCC,OAAQ,0BACN9C,EAAW,GAAI0C,UADT,aACN,EAA4Bb,eADtB,2BAEN7B,EAAW,GAAD,OAAI4C,EAAJ,WAAsBF,UAF1B,aAEN,EAA6C5D,OAFvC,mBAIN8D,EAJM,gCAKOJ,EALP,yBAONI,EAPM,uCAQOH,EARP,2BASE,CAAC,MAAO,KAAM,OAAO9D,SAAST,GAAS,OAASA,EATlD,oBAULe,EAAaC,GAVR,6BD4FkB6C,ECjFFY,EDkFzB,EAAqHZ,GAAS,GAA9H,IAAQ1D,KAAAA,OAAR,MAAe,EAAf,MAAkB2D,SAAAA,OAAlB,MAA6B,MAA7B,MAAoCC,WAAAA,OAApC,MAAiD,MAAjD,MAAwDC,IAAAA,OAAxD,MAA8D,MAA9D,MAAqEC,MAAAA,OAArE,MAA6E,MAA7E,MAAoFC,OAAAA,OAApF,MAA6F,MAA7F,MAAoGC,KAAAA,OAApG,MAA2G,MAA3G,EAEe,IAAMhE,EAAN,UAAgB2D,EAAhB,YAA4BC,GAA5B,UAA8CC,EAA9C,YAAqDC,EAArD,YAA8DC,EAA9D,YAAwEC,IC/F9E,oBAYLrE,EAAaC,GAZR,+BAaOqB,EAAaC,GAbpB,yBAeNqD,EAfM,iDAgBMF,aAhBN,EAgBMA,EAAYjC,SAhBlB,2BAiBEvB,aAjBF,EAiBEA,EAAQd,MAjBV,yBAmBNwE,EAnBM,8CAoBE1D,aApBF,EAoBEA,EAAQd,MApBV,kBAsBNsD,QAAQ,OAAQ,SCjBpB,EAbiB,SAAC,GAAmB,IAAjBY,EAAiB,EAAjBA,WACXS,EAA6BT,EAA7BS,QAASC,EAAoBV,EAApBU,KAAMC,EAAcX,EAAdW,UAEvB,OAAO,2BAAKC,UAAU,eACrB,2BAAKA,UAAU,UACbF,aAAA,EAAAA,EAAI,QAAW,yBAAGE,UAAS,oBAAeF,aAAf,EAAeA,EAAI,SAE9CD,GAAW,4BAAMG,UAAU,eAAeL,wBAAyB,CAAEC,OAAQC,KAE7EE,GAAa,yBAAGC,UAAU,qCCF9BC,SAASC,iBAAiB,oBAAoB,WAC5BD,SAASE,iBAAiB,2BAClCC,SAAQ,SAAAC,GAChB,IAAMjB,EAAakB,KAAKC,MAAMF,EAAMG,QAAQpB,aAE5CqB,EAAAA,EAAAA,QAAO,wCACN,oBAAC,EAAD,CAAOrB,WAAYA,EAAYC,SAAUD,EAAWsB,MAEpD,oBAAC,EAAD,CAAUtB,WAAYA,KAClBiB,GAGL,IAAMM,EAAeV,SAASW,cAAT,WAA2BP,EAAMQ,GAAjC,qCACrBF,GAAgBA,EAAaT,iBAAiB,SAAS,WACtDG,EAAMS,UAAUC,IAAI,mBAEpBC,YAAW,WACVX,EAAMpF,MAAMgG,QAAU,SACpB,QAGJZ,SAAAA,EAAOa,gBAAgB,yB","sources":["webpack://alert-box-block/external var \"ReactDOM\"","webpack://alert-box-block/../Components/utils/getCSS.js","webpack://alert-box-block/./src/Style.js","webpack://alert-box-block/./src/AlertBox.js","webpack://alert-box-block/./src/script.js"],"sourcesContent":["var __WEBPACK_NAMESPACE_OBJECT__ = ReactDOM;","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 { getColorsCSS, getBorderCSS, getShadowCSS, getSpaceCSS, getTypoCSS } from '../../Components/utils/getCSS';\r\n\r\nconst Style = ({ attributes, clientId }) => {\r\n\tconst { width, alignment, textAlign, typography, colors, padding, border, shadow } = attributes;\r\n\r\n\tconst alertSl = `#abbAlertBox-${clientId} .abbAlertBox`;\r\n\r\n\treturn <style dangerouslySetInnerHTML={{\r\n\t\t__html: `\r\n\t\t${getTypoCSS('', typography)?.googleFontLink}\r\n\t\t${getTypoCSS(`${alertSl} .alert`, typography)?.styles}\r\n\r\n\t\t${alertSl}{\r\n\t\t\ttext-align: ${alignment};\r\n\t\t}\r\n\t\t${alertSl} .alert{\r\n\t\t\ttext-align: ${textAlign};\r\n\t\t\twidth: ${['0px', '0%', '0em'].includes(width) ? 'auto' : width};\r\n\t\t\t${getColorsCSS(colors)}\r\n\t\t\tpadding: ${getSpaceCSS(padding)};\r\n\t\t\t${getBorderCSS(border)}\r\n\t\t\tbox-shadow: ${getShadowCSS(shadow)};\r\n\t\t}\r\n\t\t${alertSl} .alert .alertIcon{\r\n\t\t\tfont-size: ${typography?.fontSize};\r\n\t\t\tcolor: ${colors?.color};\r\n\t\t}\r\n\t\t${alertSl} .alert .alertClose{\r\n\t\t\tcolor: ${colors?.color};\r\n\t\t}\r\n\t\t`.replace(/\\s+/g, ' ')\r\n\t}} />;\r\n}\r\nexport default Style;","const AlertBox = ({ attributes }) => {\r\n\tconst { message, icon, isDismiss } = attributes;\r\n\r\n\treturn <div className='abbAlertBox'>\r\n\t\t<div className='alert'>\r\n\t\t\t{icon?.class && <i className={`alertIcon ${icon?.class}`}></i>}\r\n\r\n\t\t\t{message && <span className='alertMessage' dangerouslySetInnerHTML={{ __html: message }} />}\r\n\r\n\t\t\t{isDismiss && <i className='alertClose fa fa-times-circle'></i>}\r\n\t\t</div>\r\n\t</div>\r\n}\r\nexport default AlertBox;","import { render } from 'react-dom';\r\n\r\nimport './style.scss';\r\nimport Style from './Style';\r\nimport AlertBox from './AlertBox';\r\n\r\n// Alert Box\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n\tconst allAlert = document.querySelectorAll('.wp-block-abb-alert-box');\r\n\tallAlert.forEach(alert => {\r\n\t\tconst attributes = JSON.parse(alert.dataset.attributes);\r\n\r\n\t\trender(<>\r\n\t\t\t<Style attributes={attributes} clientId={attributes.cId} />\r\n\r\n\t\t\t<AlertBox attributes={attributes} />\r\n\t\t</>, alert);\r\n\r\n\t\t// Alert Close Script\r\n\t\tconst alertCloseEl = document.querySelector(`#${alert.id} .abbAlertBox .alert .alertClose`);\r\n\t\talertCloseEl && alertCloseEl.addEventListener('click', () => {\r\n\t\t\talert.classList.add('transformHidden');\r\n\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\talert.style.display = 'none';\r\n\t\t\t}, 400);\r\n\t\t});\r\n\r\n\t\talert?.removeAttribute('data-attributes');\r\n\t});\r\n});"],"names":["ReactDOM","getBorderCSS","border","width","style","color","side","radius","borderSideCheck","s","bSide","toLowerCase","includes","noWidth","borderCSS","styles","map","join","getColorsCSS","colors","bgType","bg","gradient","getShadowCSS","shadow","type","hOffset","vOffset","blur","spreed","isInset","inset","offsetBlur","getTypoCSS","selector","typo","isFamily","fontFamily","fontCategory","fontVariant","fontWeight","isUploadFont","fontSize","desktop","tablet","mobile","fontStyle","textTransform","textDecoration","lineHeight","letterSpace","generateCss","value","cssProperty","isEmptyFamily","desktopFontSize","tabletFontSize","mobileFontSize","linkQuery","replace","link","split","googleFontLink","trim","space","vertical","horizontal","top","right","bottom","left","attributes","clientId","alignment","textAlign","typography","padding","alertSl","dangerouslySetInnerHTML","__html","message","icon","isDismiss","className","document","addEventListener","querySelectorAll","forEach","alert","JSON","parse","dataset","render","cId","alertCloseEl","querySelector","id","classList","add","setTimeout","display","removeAttribute"],"sourceRoot":""}