{"version":3,"file":"script.js","mappings":"yBAAA,IAAI,EAA+BA,MCA/B,EAA+BC,SCAtBC,EAAmB,SAACC,GAA0D,IAAtDC,IAAsD,yDAAtCC,IAAsC,yDAAnBC,IAAmB,yDAC1F,EAA0OH,EAAlOI,KAAAA,OAAR,MAAe,QAAf,IAA0OJ,EAAlNK,MAAAA,OAAxB,MAAgC,YAAhC,IAA0OL,EAA7LM,SAAAA,OAA7C,MAAwD,4CAAxD,IAA0ON,EAArIO,MAAAA,OAArG,MAA6G,GAA7G,IAA0OP,EAAzHQ,SAAAA,OAAjH,MAA4H,gBAA5H,IAA0OR,EAA7FS,WAAAA,OAA7I,MAA0J,UAA1J,IAA0OT,EAArEU,OAAAA,OAArK,MAA8K,YAA9K,IAA0OV,EAA/CW,KAAAA,OAA3L,MAAkM,QAAlM,IAA0OX,EAA/BY,aAAAA,OAA3M,MAA0N,YAA1N,EAEMC,EAAU,aAAeT,GAAQF,EAAxB,sBAAqDI,EAArD,KACb,UAAYF,GAAQD,EAArB,0BACoBI,aADpB,EACoBA,EAAOO,IAD3B,yCAEsBF,EAFtB,2CAGyBJ,EAHzB,uCAIqBG,EAJrB,yCAKuBD,EALvB,6CAM2BD,EAN3B,8CAQCR,GAAW,eAAJ,OAAmBI,EAAnB,KAET,OAAOQ,GAGKE,EAAe,SAACC,GAC5B,MAA0FA,EAAlFC,MAAAA,OAAR,MAAgB,MAAhB,IAA0FD,EAAnEE,MAAAA,OAAvB,MAA+B,QAA/B,IAA0FF,EAAlDX,MAAAA,OAAxC,MAAgD,QAAhD,IAA0FW,EAAjCG,KAAAA,OAAzD,MAAgE,MAAhE,IAA0FH,EAAnBI,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,QAAVT,IAAoBA,EAC9BU,EAAY,GAAH,OAAMV,EAAN,YAAeC,EAAf,YAAwBb,GAUvC,MARe,SAAH,OACTqB,EAAU,GAAKL,EAAgB,OAAhB,sBAAwCM,EAAxC,KAAuD,GAD7D,iBAETD,EAAU,GAAKL,EAAgB,SAAhB,wBAA4CM,EAA5C,KAA2D,GAFjE,iBAGTD,EAAU,GAAKL,EAAgB,UAAhB,yBAA8CM,EAA9C,KAA6D,GAHnE,iBAITD,EAAU,GAAKL,EAAgB,QAAhB,uBAA0CM,EAA1C,KAAyD,GAJ/D,iBAKRP,EAAD,yBAAiCA,EAAjC,KAAU,GALD,SAgEAQ,EAAe,SAACC,GAC5B,MAA6HA,EAArHzB,KAAAA,OAAR,MAAe,MAAf,IAA6HyB,EAAvGC,QAAAA,OAAtB,MAAgC,MAAhC,IAA6HD,EAAtFE,QAAAA,OAAvC,MAAiD,MAAjD,IAA6HF,EAArEG,KAAAA,OAAxD,MAA+D,MAA/D,IAA6HH,EAAvDI,OAAAA,OAAtE,MAA+E,MAA/E,IAA6HJ,EAAvCxB,MAAAA,OAAtF,MAA8F,UAA9F,IAA6HwB,EAApBK,QAEnGC,OAFN,SAEwB,QAAU,GAC5BC,EAAa,GAAH,OAAMN,EAAN,YAAiBC,EAAjB,YAA4BC,GAI5C,OAFe,SAAW5B,EAAX,UAAqBgC,EAArB,YAAmC/B,GAAnC,UAAgD+B,EAAhD,YAA8DH,EAA9D,YAAwE5B,EAAxE,YAAiF8B,KAE/E,QAWLE,EAAa,SAACC,EAAUC,GAA0B,IAApBC,IAAoB,yDAC9D,EAA+RD,EAAvRE,WAAAA,OAAR,MAAqB,UAArB,IAA+RF,EAA/PG,aAAAA,OAAhC,MAA+C,aAA/C,IAA+RH,EAAlOI,YAAAA,OAA7D,MAA2E,IAA3E,IAA+RJ,EAA/MK,WAAAA,OAAhF,MAA6F,IAA7F,IAA+RL,EAA7LM,aAAAA,OAAlG,WAA+RN,EAAxKO,SAAAA,OAAvH,MAAkI,CAAEC,QAAS,GAAIC,OAAQ,GAAIC,OAAQ,IAArK,IAA+RV,EAApHW,UAAAA,OAA3K,MAAuL,SAAvL,IAA+RX,EAA9FY,cAAAA,OAAjM,MAAiN,OAAjN,IAA+RZ,EAAtEa,eAAAA,OAAzN,MAA0O,OAA1O,IAA+Rb,EAA7Cc,WAAAA,OAAlP,MAA+P,OAA/P,IAA+Rd,EAAxBe,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,EAErC/C,EAAS,SAAH,OACT6C,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,EAAalB,SAAS,OAAtB,0BAAkDkB,aAAlD,EAAkDA,EAAaoB,QAAQ,MAAO,MAA9E,sBAAmGpB,EAAnG,KAA1C,GAElDqB,EAAON,EAAgB,GAAH,mDAAoDjB,aAApD,EAAoDA,EAAYwB,MAAM,KAAKC,KAAK,MAAhF,OAAuFJ,EAAUC,QAAQ,KAAM,IAA/G,iBAE1B,MAAO,CACNI,gBAAiBtB,GAAgBa,EAAgB,GAAjC,sBAAqDM,EAArD,MAChBnD,OAAQ,UAAGyB,EAAH,oBACLzB,EADK,2DAILyB,EAJK,mCAKUsB,EALV,2EASLtB,EATK,mCAUUuB,EAVV,2BAYLE,QAAQ,OAAQ,KAAKK,SC1F1B,EA3Dc,SAAC,GAA6B,gBDqGhBC,EAC3B,EAAQlD,EAAR,EAAkBmD,EAAlB,EAAoCC,EAApC,EAAwDC,EAAxD,EAAqEC,EAArE,EAAoFC,EAApF,EAAoGC,ECtGpFC,EAA2B,EAA3BA,WAAYC,EAAe,EAAfA,SACpB5D,EAAiL2D,EAAjL3D,MAAO6D,EAA0KF,EAA1KE,UAAWC,EAA+JH,EAA/JG,WAAYC,EAAmJJ,EAAnJI,UAAWC,EAAwIL,EAAxIK,QAASjE,EAA+H4D,EAA/H5D,OAAQa,EAAuH+C,EAAvH/C,OAAQqD,EAA+GN,EAA/GM,YAAaC,EAAkGP,EAAlGO,aAAcC,EAAoFR,EAApFQ,WAAYC,EAAwET,EAAxES,UAAWC,EAA6DV,EAA7DU,iBAAkBC,EAA2CX,EAA3CW,WAAYC,EAA+BZ,EAA/BY,aAAcC,EAAiBb,EAAjBa,aAElKC,EAAS,wBAAH,OAA2Bb,GACjCc,EAAe,GAAH,OAAMD,EAAN,yBACZE,EAAa,GAAH,OAAMD,EAAN,kBACVE,EAAU,GAAH,OAAMF,EAAN,eACPG,EAAkB,GAAH,OAAMH,EAAN,uBAEfI,EAAoBhG,EAAiByF,GACrCQ,EAAoBjG,EAAiB0F,GAE3C,OAAO,6BAAOQ,wBAAyB,CACtCC,OAAQ,0BACN7D,EAAW,GAAI6C,UADT,aACN,EAA6Bf,eADvB,2BAEN9B,EAAW,GAAI+C,UAFT,aAEN,EAA4BjB,eAFtB,2BAGN9B,EAAW,GAAIgD,UAHT,aAGN,EAA2BlB,eAHrB,2BAIN9B,EAAW,GAAD,OAAIsD,EAAJ,iBAAiCT,UAJrC,aAIN,EAAyDrE,OAJnD,2BAKNwB,EAAW,GAAD,OAAIuD,EAAJ,iCAAuCC,EAAvC,oBAAkET,UALtE,aAKN,EAAyFvE,OALnF,2BAMNwB,EAAW,GAAD,OAAIuD,EAAJ,gCAAsCC,EAAtC,oBAAiER,UANrE,aAMN,EAAuFxE,OANjF,mBAQN6E,EARM,gCASOZ,EATP,yBAWNa,EAXM,2BAYE,QAAU1E,GAAS,OAASA,GAAS,QAAUA,EAAQ,OAASA,EAZlE,oBAaLlB,EAAiBgF,GAbZ,+BAcOC,EAdP,8BDwFkBX,ECzEFY,ED0EzB,EAAqHZ,EAA7GlD,KAAAA,OAAR,MAAe,EAAf,IAAqHkD,EAAnGC,SAAAA,OAAlB,MAA6B,MAA7B,IAAqHD,EAAjFE,WAAAA,OAApC,MAAiD,MAAjD,IAAqHF,EAA7DG,IAAAA,OAAxD,MAA8D,MAA9D,IAAqHH,EAAhDI,MAAAA,OAArE,MAA6E,MAA7E,IAAqHJ,EAAjCK,OAAAA,OAApF,MAA6F,MAA7F,IAAqHL,EAAjBM,KAAAA,OAApG,MAA2G,MAA3G,EAEe,IAAMxD,EAAN,UAAgBmD,EAAhB,YAA4BC,GAA5B,UAA8CC,EAA9C,YAAqDC,EAArD,YAA8DC,EAA9D,YAAwEC,IC3F9E,oBAgBL5D,EAAaC,GAhBR,+BAiBOY,EAAaC,GAjBpB,yBAmBN8D,EAnBM,wCAoBER,EApBF,+BAuBNS,EAvBM,kBAwBNC,EAxBM,2BAyBEP,EAzBF,2BA4BNQ,EA5BM,2BA6BEP,EA7BF,0BAgCNO,EAhCM,kDAgCmDC,EAhCnD,mBAiCND,EAjCM,mCAiCoCC,EAjCpC,mBAkCND,EAlCM,yCAkC0CC,EAlC1C,mBAmCND,EAnCM,4CAmC6CC,EAnC7C,mBAoCND,EApCM,+BAoCgCC,EApChC,mBAqCND,EArCM,6BAqC8BC,EArC9B,mBAsCND,EAtCM,6BAsC8BC,EAtC9B,qBAwCND,EAxCM,mCAwCoCE,EAxCpC,mBAyCNF,EAzCM,+BAyCgCE,EAzChC,mBA0CNF,EA1CM,wBA0CyBE,EA1CzB,YA2CNjC,QAAQ,OAAQ,S,g9BClDpBoC,SAASC,iBAAiB,oBAAoB,WAClBD,SAASE,iBAAiB,mCAClCC,SAAQ,SAAAC,GAC1B,IAAM3B,EAAa4B,KAAKC,MAAMF,EAAgBG,QAAQ9B,aAEtD+B,EAAAA,EAAAA,QAAO,wCACN,oBAAC,EAAD,CAAO/B,WAAYA,EAAYC,SAAUD,EAAWgC,MAEpD,oBAACC,EAAD,CAAiBjC,WAAYA,KACzB2B,GAELA,SAAAA,EAAiBO,gBAAgB,yBAInC,IAAMD,EAAkB,SAAC,GAAmB,IAAjBjC,EAAiB,EAAjBA,WAClBmC,EAA8FnC,EAA9FmC,SAAUC,EAAoFpC,EAApFoC,YAAaC,EAAuErC,EAAvEqC,UAAWC,EAA4DtC,EAA5DsC,eAAgBC,EAA4CvC,EAA5CuC,cAAeC,EAA6BxC,EAA7BwC,gBAAiBC,EAAYzC,EAAZyC,QAE1F,KAAgCC,EAAAA,EAAAA,UAASC,SAASP,EAAc,IAAhE,GAAOQ,EAAP,KAAiBC,EAAjB,KACMC,GAAgBC,EAAAA,EAAAA,QAAO,MAU7B,OARAC,EAAAA,EAAAA,YAAU,WACTJ,EAAWR,GAAeS,EAAYT,KACpC,CAACA,KAEJY,EAAAA,EAAAA,YAAU,YCjCwB,SAACC,EAAcd,EAAUE,EAAWC,EAAgBM,GACnF,IAAMM,EAAuBC,OAAOC,OAAOd,EAAgB,CAAC,gBAAiB,cAE7EW,EAAaI,UAAb,UAA4BlB,GAA5B,QAAwCS,EAAWP,GAAWiB,QAAQ,IAEtE,IAAK,IAAIC,EAAI,EAAGA,EAAIL,EAAqBM,OAAQD,IAAK,CAClD,IAAME,EAAgBC,WAAWR,EAAqBK,GAAGE,eACnDE,EAAQD,WAAWR,EAAqBK,GAAGlB,WAE7CoB,GAAiBb,IACjBK,EAAaI,UAAb,UAA4BlB,GAA5B,QAAwCS,EAAWe,GAAOL,QAAQ,MDwB5EM,CAAoBd,EAAce,QAAS1B,EAAUE,EAAWC,EAAgBM,KAC9E,CAACE,EAAeT,EAAWC,EAAgBH,EAAUS,IAEjD,2BAAKkB,UAAU,uBACpBrB,GAAW,0BAAIqB,UAAU,cAAczC,wBAAyB,CAAEC,OAAQmB,KAE3E,2BAAKqB,UAAU,gBACbvB,GAAiB,6BAAOuB,UAAU,oBAAoBzC,wBAAyB,CAAEC,OAAQiB,KAE1F,yBAAGuB,UAAU,sBAAsBlB,IAGpC,6BAAOkB,UAAU,oBAAoBtI,KAAK,QAAQoD,MAAOgE,EAAUmB,SAAU,SAAAC,GAAC,OAAInB,EAAYF,SAASqB,EAAEC,OAAOrF,SAASsF,IAAK,EAAGC,IAAK/B,EAAagC,KAAM,IAEzJ,2BAAKN,UAAU,aACd,yBAAGA,UAAU,iBAAiBO,IAAKvB,IAElCN,GAAmB,6BAAOsB,UAAU,iBAAiBzC,wBAAyB,CAAEC,OAAQkB,Q","sources":["webpack://price-calculator/external var \"React\"","webpack://price-calculator/external var \"ReactDOM\"","webpack://price-calculator/../Components/Helper/getCSS.js","webpack://price-calculator/./src/Style.js","webpack://price-calculator/./src/script.js","webpack://price-calculator/./src/utils/functions.js"],"sourcesContent":["var __WEBPACK_NAMESPACE_OBJECT__ = React;","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 ? '' : borderSideCheck('top') ? `border-top: ${borderCSS};` : ''}\r\n\t\t${noWidth ? '' : borderSideCheck('right') ? `border-right: ${borderCSS};` : ''}\r\n\t\t${noWidth ? '' : borderSideCheck('bottom') ? `border-bottom: ${borderCSS};` : ''}\r\n\t\t${noWidth ? '' : borderSideCheck('left') ? `border-left: ${borderCSS};` : ''}\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 { getBackgroundCSS, getBorderCSS, getShadowCSS, getSpaceCSS, getTypoCSS } from '../../Components/Helper/getCSS';\r\n\r\nconst Style = ({ attributes, clientId }) => {\r\n\tconst { width, alignment, background, textAlign, padding, border, shadow, headingTypo, headingColor, numberTypo, labelTypo, numberLabelColor, rangeWidth, rangeTrackBG, rangeThumbBG } = attributes;\r\n\r\n\tconst mainSl = `#pclbPriceCalculator-${clientId}`;\r\n\tconst calculatorSl = `${mainSl} .pclbPriceCalculator`;\r\n\tconst quantitySl = `${calculatorSl} .pclbQuantity`;\r\n\tconst totalSl = `${calculatorSl} .pclbTotal`;\r\n\tconst quantityRangeSl = `${calculatorSl} .pclbQuantityRange`;\r\n\r\n\tconst rangeTrackBGStyle = getBackgroundCSS(rangeTrackBG);\r\n\tconst rangeThumbBGStyle = getBackgroundCSS(rangeThumbBG);\r\n\r\n\treturn <style dangerouslySetInnerHTML={{\r\n\t\t__html: `\r\n\t\t${getTypoCSS('', headingTypo)?.googleFontLink}\r\n\t\t${getTypoCSS('', numberTypo)?.googleFontLink}\r\n\t\t${getTypoCSS('', labelTypo)?.googleFontLink}\r\n\t\t${getTypoCSS(`${calculatorSl} .pclbHeading`, headingTypo)?.styles}\r\n\t\t${getTypoCSS(`${quantitySl} .pclbQuantityAmount, ${totalSl} .pclbTotalPrice`, numberTypo)?.styles}\r\n\t\t${getTypoCSS(`${quantitySl} .pclbQuantityLabel, ${totalSl} .pclbTotalLabel`, labelTypo)?.styles}\r\n\r\n\t\t${mainSl}{\r\n\t\t\ttext-align: ${alignment};\r\n\t\t}\r\n\t\t${calculatorSl}{\r\n\t\t\twidth: ${'0px' === width || '0%' === width || '0em' === width ? 'auto' : width};\r\n\t\t\t${getBackgroundCSS(background)}\r\n\t\t\ttext-align: ${textAlign};\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${calculatorSl} .pclbHeading{\r\n\t\t\tcolor: ${headingColor};\r\n\t\t}\r\n\t\t\r\n\t\t${quantitySl},\r\n\t\t${totalSl}{\r\n\t\t\tcolor: ${numberLabelColor};\r\n\t\t}\r\n\r\n\t\t${quantityRangeSl}{\r\n\t\t\twidth: ${rangeWidth}\r\n\t\t}\r\n\r\n\t\t${quantityRangeSl}:focus::-webkit-slider-runnable-track{ ${rangeTrackBGStyle} }\r\n\t\t${quantityRangeSl}:focus::-ms-fill-upper{ ${rangeTrackBGStyle} }\r\n\t\t${quantityRangeSl}:focus:focus::-ms-fill-lower{ ${rangeTrackBGStyle} }\r\n\t\t${quantityRangeSl}::-webkit-slider-runnable-track{ ${rangeTrackBGStyle} }\r\n\t\t${quantityRangeSl}::-moz-range-track{ ${rangeTrackBGStyle} }\r\n\t\t${quantityRangeSl}::-ms-fill-upper{ ${rangeTrackBGStyle} }\r\n\t\t${quantityRangeSl}::-ms-fill-lower{ ${rangeTrackBGStyle} }\r\n\r\n\t\t${quantityRangeSl}::-webkit-slider-thumb{ ${rangeThumbBGStyle} }\r\n\t\t${quantityRangeSl}::-moz-range-thumb{ ${rangeThumbBGStyle} }\r\n\t\t${quantityRangeSl}::-ms-thumb{ ${rangeThumbBGStyle} }\r\n\t\t`.replace(/\\s+/g, ' ')\r\n\t}} />\r\n}\r\nexport default Style;","import { useEffect, useRef, useState } from 'react';\r\nimport { render } from 'react-dom';\r\n\r\nimport './style.scss';\r\nimport Style from './Style';\r\nimport { calculatePriceQuery } from './utils/functions';\r\n\r\n// Price Calculator\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n\tconst allPriceCalculator = document.querySelectorAll('.wp-block-pclb-price-calculator');\r\n\tallPriceCalculator.forEach(priceCalculator => {\r\n\t\tconst attributes = JSON.parse(priceCalculator.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<PriceCalculator attributes={attributes} />\r\n\t\t</>, priceCalculator);\r\n\r\n\t\tpriceCalculator?.removeAttribute('data-attributes');\r\n\t});\r\n});\r\n\r\nconst PriceCalculator = ({ attributes }) => {\r\n\tconst { currency, maxQuantity, unitPrice, unitPriceQuery, quantityLabel, totalPriceLabel, heading } = attributes;\r\n\r\n\tconst [quantity, setQuantity] = useState(parseInt(maxQuantity / 2));\r\n\tconst totalPriceRef = useRef(null);\r\n\r\n\tuseEffect(() => {\r\n\t\tquantity > maxQuantity && setQuantity(maxQuantity);\r\n\t}, [maxQuantity]);\r\n\r\n\tuseEffect(() => {\r\n\t\tcalculatePriceQuery(totalPriceRef.current, currency, unitPrice, unitPriceQuery, quantity);\r\n\t}, [totalPriceRef, unitPrice, unitPriceQuery, currency, quantity]);\r\n\r\n\treturn <div className='pclbPriceCalculator'>\r\n\t\t{heading && <h2 className='pclbHeading' dangerouslySetInnerHTML={{ __html: heading }} />}\r\n\r\n\t\t<div className='pclbQuantity'>\r\n\t\t\t{quantityLabel && <label className='pclbQuantityLabel' dangerouslySetInnerHTML={{ __html: quantityLabel }} />}\r\n\r\n\t\t\t<p className='pclbQuantityAmount'>{quantity}</p>\r\n\t\t</div>\r\n\r\n\t\t<input className='pclbQuantityRange' type='range' value={quantity} onChange={e => setQuantity(parseInt(e.target.value))} min={1} max={maxQuantity} step={1} />\r\n\r\n\t\t<div className='pclbTotal'>\r\n\t\t\t<p className='pclbTotalPrice' ref={totalPriceRef}></p>\r\n\r\n\t\t\t{totalPriceLabel && <label className='pclbTotalLabel' dangerouslySetInnerHTML={{ __html: totalPriceLabel }} />}\r\n\t\t</div>\r\n\t</div>\r\n}","export const calculatePriceQuery = (totalPriceEl, currency, unitPrice, unitPriceQuery, quantity) => {\r\n    const sortedUnitPriceQuery = lodash.sortBy(unitPriceQuery, ['afterQuantity', 'unitPrice']);\r\n\r\n    totalPriceEl.innerText = `${currency}${(quantity * unitPrice).toFixed(2)}`;\r\n\r\n    for (let i = 0; i < sortedUnitPriceQuery.length; i++) {\r\n        const afterQuantity = parseFloat(sortedUnitPriceQuery[i].afterQuantity);\r\n        const price = parseFloat(sortedUnitPriceQuery[i].unitPrice);\r\n\r\n        if (afterQuantity <= quantity) {\r\n            totalPriceEl.innerText = `${currency}${(quantity * price).toFixed(2)}`;\r\n        }\r\n    }\r\n}"],"names":["React","ReactDOM","getBackgroundCSS","bg","isSolid","isGradient","isImage","type","color","gradient","image","position","attachment","repeat","size","overlayColor","styles","url","getBorderCSS","border","width","style","side","radius","borderSideCheck","s","bSide","toLowerCase","includes","noWidth","borderCSS","getShadowCSS","shadow","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","join","googleFontLink","trim","space","vertical","horizontal","top","right","bottom","left","attributes","clientId","alignment","background","textAlign","padding","headingTypo","headingColor","numberTypo","labelTypo","numberLabelColor","rangeWidth","rangeTrackBG","rangeThumbBG","mainSl","calculatorSl","quantitySl","totalSl","quantityRangeSl","rangeTrackBGStyle","rangeThumbBGStyle","dangerouslySetInnerHTML","__html","document","addEventListener","querySelectorAll","forEach","priceCalculator","JSON","parse","dataset","render","cId","PriceCalculator","removeAttribute","currency","maxQuantity","unitPrice","unitPriceQuery","quantityLabel","totalPriceLabel","heading","useState","parseInt","quantity","setQuantity","totalPriceRef","useRef","useEffect","totalPriceEl","sortedUnitPriceQuery","lodash","sortBy","innerText","toFixed","i","length","afterQuantity","parseFloat","price","calculatePriceQuery","current","className","onChange","e","target","min","max","step","ref"],"sourceRoot":""}