{"version":3,"file":"script.js","mappings":"wDAEIA,EAAI,EAAQ,KAEdC,EAAQ,EAAaD,EAAEE,WACDF,EAAEG,W,kBCL1BC,EAAOH,QAAUI,Q,GCCbC,EAA2B,CAAC,E,MAGhC,SAASC,EAAoBC,GAE5B,IAAIC,EAAeH,EAAyBE,GAC5C,QAAqBE,IAAjBD,EACH,OAAOA,EAAaR,QAGrB,IAAIG,EAASE,EAAyBE,GAAY,CAGjDP,QAAS,CAAC,GAOX,OAHAU,EAAoBH,GAAUJ,EAAQA,EAAOH,QAASM,GAG/CH,EAAOH,OACf,C,MCpBaW,EAAc,SAAAC,GAAM,OAAIC,OAAOC,OAAOF,GAAQG,KAAK,IAAI,ECC7D,IAsFMC,EAAoB,SAACC,GAAwB,IAAjBC,EAAIC,UAAAC,OAAA,QAAAX,IAAAU,UAAA,GAAAA,UAAA,GAAG,MAC3CE,EAAS,GAYb,OAVAJ,SAAAA,EAAOK,KAAI,SAACC,EAAMC,GACjB,IAAAC,EAA+GF,GAAQ,CAAC,EAACG,EAAAD,EAAjHE,QAAAA,OAAO,IAAAD,EAAG,MAAKA,EAAAE,EAAAH,EAAEI,QAAAA,OAAO,IAAAD,EAAG,MAAKA,EAAAE,EAAAL,EAAEM,KAAAA,OAAI,IAAAD,EAAG,MAAKA,EAAAE,EAAAP,EAAEQ,OAAAA,OAAM,IAAAD,EAAG,MAAKA,EAAAE,EAAAT,EAAEU,MAAAA,OAAK,IAAAD,EAAG,UAASA,EAAAE,EAAAX,EAAEY,QAErFC,OAF4F,IAAAF,GAAQA,EAElF,QAAU,GAC5BG,EAAa,GAAHC,OAAMb,EAAO,KAAAa,OAAIX,EAAO,KAAAW,OAAIT,GACtCU,EAASjB,EAAQ,GAAKP,EAAMG,OAAS,GAAK,KAEhDC,GAAU,SAAWH,EAAO,GAAHsB,OAAMD,EAAU,KAAAC,OAAIL,GAAKK,OAAGC,GAAM,GAAAD,OAAQD,EAAU,KAAAC,OAAIP,EAAM,KAAAO,OAAIL,EAAK,KAAAK,OAAIF,GAAKE,OAAGC,EAC7G,IAEOpB,GAAU,MAClB,EC9EA,EArBc,SAAHqB,GAAiC,IAA3BC,EAAUD,EAAVC,WAAYC,EAAQF,EAARE,SACjBC,EAAsEF,EAAtEE,UAAWC,EAA2DH,EAA3DG,YAAaC,EAA8CJ,EAA9CI,aAAcC,EAAgCL,EAAhCK,eAAgBC,EAAgBN,EAAhBM,YACtDC,EAAkBD,EAAlBC,MAAOC,EAAWF,EAAXE,OAEf,OAAOC,MAAAC,cAAA,SAAOC,wBAAyB,CACnCC,OAAQ,iEAAAf,OAESK,EAAS,yCAAAL,OAETI,EAAQ,qCAAAJ,OACbU,EAAK,0BAAAV,OACJW,EAAM,qCAAAX,OAERI,EAAQ,kCAAAJ,OACL7B,EAAYmC,GAAY,kCAAAN,OACjB7B,EAAYoC,GAAa,+BAAAP,OAC5BxB,GAAkBgC,aAAc,EAAdA,EAAgBQ,SAAUR,GAAe,0BAE3ES,QAAQ,OAAQ,OAE1B,ECTA,EAde,SAAAC,GAEX,IAAQf,EAAuCe,EAAvCf,WAAYgB,EAA2BD,EAA3BC,UAASC,EAAkBF,EAAhBG,OAAAA,OAAM,IAAAD,EAAG,CAAC,EAACA,EAClCE,EAAoBnB,EAApBmB,QAASC,EAAWpB,EAAXoB,OAETC,EAAsJF,EAAtJE,WAAY7B,EAA0I2B,EAA1I3B,MAAO8B,EAAmIH,EAAnIG,SAAUC,EAAyHJ,EAAzHI,UAAWC,EAA8GL,EAA9GK,WAAYC,EAAkGN,EAAlGM,UAAWC,EAAuFP,EAAvFO,YAAaC,EAA0ER,EAA1EQ,OAAQC,EAAkET,EAAlES,eAAgBC,EAAkDV,EAAlDU,WAAYC,EAAsCX,EAAtCW,SAAUC,EAA4BZ,EAA5BY,SAAUC,EAAkBb,EAAlBa,cAE5I,OAAOZ,EAAOzC,KAAI,SAACsD,EAAOpD,GACtB,OAAO4B,MAAAC,cAAA,OAAKwB,IAAKrD,EAAOsD,UAAS,cAAAtC,OAAgBmB,GAAaE,EAAOkB,cAAgBvD,EAAQ,gBAAkB,IAAMwD,QAAS,WAAF,OAAQrB,EAAYE,EAAOoB,eAAezD,GAAS,IAAI,GAC/K4B,MAAAC,cAAA,UAAQwB,IAAKrD,EAAO0D,GAAG,YAAYhC,MAAM,OAAOC,OAAO,OAAOgC,UAAU,KAAKrC,YAAY,KAAKsC,MAAM,WAChGC,IAAG,wCAAA7C,OAA0CoC,EAAMU,IAAG,cAAA9C,OAAaL,EAAMsB,QAAQ,IAAK,IAAI8B,OAAO,EAAG,GAAE,eAAA/C,OAAcwB,EAAU,YAAAxB,OAAWyB,EAAQ,aAAAzB,OAAY0B,EAAS,cAAA1B,OAAa2B,EAAU,kBAAA3B,OAAiB4B,EAAS,oBAAA5B,OAAmB6B,EAAW,eAAA7B,OAAc8B,EAAM,mBAAA9B,OAAkB+B,EAAc,mBAAA/B,OAAkBgC,EAAU,YAAAhC,OAAWiC,EAAQ,iBAAAjC,OAAgBkC,EAAQ,kBAAAlC,OAAiBmC,EAAa,iBAAAnC,OAAgBoC,EAAMY,cAEhb,GACJ,ECPAC,SAASC,iBAAiB,oBAAoB,WACvBD,SAASE,iBAAiB,6BAElCC,SAAQ,SAAAC,GACrB,IAAMlD,EAAamD,KAAKC,MAAMF,EAAWG,QAAQrD,aAEjD1C,EAAAA,EAAAA,GAAW4F,GAAYI,OAAO7C,MAAAC,cAAAD,MAAA8C,SAAA,KAC7B9C,MAAAC,cAAC8C,EAAK,CAACxD,WAAYA,EAAYC,SAAUD,EAAWyD,MACpDhD,MAAAC,cAACgD,EAAM,CAAC1D,WAAYA,EAAYC,SAAUD,EAAWyD,QAGtDP,SAAAA,EAAYS,gBAAgB,kBAC7B,GACD,G","sources":["webpack://sound-cloud/../block-directory/node_modules/react-dom/client.js","webpack://sound-cloud/external var \"ReactDOM\"","webpack://sound-cloud/webpack/bootstrap","webpack://sound-cloud/./src/Const/functions.js","webpack://sound-cloud/../bpl-tools/utils/getCSS.js","webpack://sound-cloud/./src/Style.js","webpack://sound-cloud/./src/Widget.js","webpack://sound-cloud/./src/script.js"],"sourcesContent":["'use strict';\n\nvar m = require('react-dom');\nif (process.env.NODE_ENV === 'production') {\n  exports.createRoot = m.createRoot;\n  exports.hydrateRoot = m.hydrateRoot;\n} else {\n  var i = m.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;\n  exports.createRoot = function(c, o) {\n    i.usingClientEntryPoint = true;\n    try {\n      return m.createRoot(c, o);\n    } finally {\n      i.usingClientEntryPoint = false;\n    }\n  };\n  exports.hydrateRoot = function(c, h, o) {\n    i.usingClientEntryPoint = true;\n    try {\n      return m.hydrateRoot(c, h, o);\n    } finally {\n      i.usingClientEntryPoint = false;\n    }\n  };\n}\n","module.exports = ReactDOM;","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","\r\n\r\nexport const getBoxValue = object => Object.values(object).join(\" \");\r\n\r\n// Tab Panel Handle \r\nexport const tabController = () => {\r\n    setTimeout(() => {\r\n        const panelBodies = document.querySelectorAll('.components-panel__body-title button');\r\n        panelBodies.forEach(item => {\r\n            item.addEventListener('click', clickEveryItem);\r\n        });\r\n\r\n        function clickEveryItem() {\r\n            this.removeEventListener('click', clickEveryItem);\r\n            panelBodies.forEach(item => {\r\n                if (item.getAttribute('aria-expanded') === 'true' && !item.isEqualNode(this)) {\r\n                    item.click();\r\n                }\r\n            });\r\n            setTimeout(() => {\r\n                this.addEventListener('click', clickEveryItem);\r\n            }, 500);\r\n        }\r\n    }, 500);\r\n};","import { mobileBreakpoint, tabBreakpoint } from './data';\r\nimport { isExist } from './functions';\r\n\r\nexport const isValidCSS = (p, v) => isExist(v) ? `${p}: ${v};` : '';\r\n\r\nexport const getBackgroundCSS = (bg, isSolid = true, isGradient = true, isImage = true) => {\r\n\tconst { type = 'solid', color = '', gradient = '', image = {}, position = '', attachment = '', repeat = '', size = '', overlayColor = '' } = bg || {};\r\n\r\n\tconst styles = ('gradient' === type && isGradient) ? isValidCSS('background', gradient) :\r\n\t\t('image' === type && isImage) ?\r\n\t\t\t`background: url(${image?.url});\r\n\t\t\t\t${isValidCSS('background-color', overlayColor)}\r\n\t\t\t\t${isValidCSS('background-position', position)}\r\n\t\t\t\t${isValidCSS('background-size', size)}\r\n\t\t\t\t${isValidCSS('background-repeat', repeat)}\r\n\t\t\t\t${isValidCSS('background-attachment', attachment)}\r\n\t\t\t\t${isValidCSS('background-repeat', repeat)}\r\n\t\t\t\tbackground-blend-mode: overlay;` :\r\n\t\t\tisSolid && isValidCSS('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 = '', 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 getBorderBoxCSS = (border) => {\r\n\tif (!border) return '';\r\n\r\n\tconst generateBorderCSS = (borderObj) => {\r\n\t\tconst { color = '#000000', style = 'solid', width = '0px' } = borderObj;\r\n\t\treturn `${width} ${style} ${color}`;\r\n\t};\r\n\r\n\tif ('object' === typeof border && !Array.isArray(border)) {\r\n\t\tif (border.hasOwnProperty('top') || border.hasOwnProperty('right') || border.hasOwnProperty('bottom') || border.hasOwnProperty('left')) {\r\n\t\t\tconst sides = ['top', 'right', 'bottom', 'left'];\r\n\t\t\treturn sides.map(side =>\r\n\t\t\t\tborder[side] ? `border-${side}: ${generateBorderCSS(border[side])};` : ''\r\n\t\t\t).join(' ').trim();\r\n\t\t} else {\r\n\t\t\treturn isValidCSS('border', generateBorderCSS(border));\r\n\t\t}\r\n\t}\r\n\r\n\treturn '';\r\n}\r\n\r\nexport const getColorsCSS = (colors) => {\r\n\tconst { color = '#333', bgType = 'solid', bg = '', 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 ? isValidCSS('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;` : isValidCSS('color', color);\r\n\r\n\tconst styles = `\r\n\t\t${!fontSize || !isSize ? '' : isValidCSS('font-size', fontSize ? `${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, type = 'box') => {\r\n\tconst { 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 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${isValidCSS('font-weight', fontWeight)}\r\n\t\t${isValidCSS('font-size', desktopFontSize ? `${desktopFontSize}px` : '')}\r\n\t\t${isValidCSS('font-style', fontStyle)}\r\n\t\t${isValidCSS('text-transform', textTransform)}\r\n\t\t${isValidCSS('text-decoration', textDecoration)}\r\n\t\t${isValidCSS('line-height', lineHeight)}\r\n\t\t${isValidCSS('letter-spacing', letterSpace)}\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${tabBreakpoint} {\r\n\t\t\t${selector}{\r\n\t\t\t\t${isValidCSS('font-size', tabletFontSize ? `${tabletFontSize}px` : '')}\r\n\t\t\t}\r\n\t\t}\r\n\t\t${mobileBreakpoint} {\r\n\t\t\t${selector}{\r\n\t\t\t\t${isValidCSS('font-size', mobileFontSize ? `${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) => {\r\n\tif (!val) return '';\r\n\r\n\tif (typeof val === 'string') return val;\r\n\r\n\tif (typeof val === 'object' && !Array.isArray(val)) {\r\n\t\tconst order = ['top', 'right', 'bottom', 'left'];\r\n\r\n\t\tconst values = order.map(side => val[side] || '');\r\n\r\n\t\tconst allEmpty = values.every(value => !value);\r\n\r\n\t\treturn allEmpty ? '' : order.map(side => val[side] || '0').join(' ');\r\n\t}\r\n\r\n\treturn '';\r\n};\r\n\r\n// Murad Wahid\r\nexport const getGradientCSS = (gradient) => {\r\n\tconst { type, radialType, colors, centerPositions, angel } = gradient || {};\r\n\r\n\tif (gradient) {\r\n\t\tconst gradientColors = colors?.map(({ color, position }) => `${color} ${position}%`);\r\n\t\tconst liner = `linear-gradient(${angel}deg, ${gradientColors})`;\r\n\t\tconst radial = `radial-gradient(${radialType} at ${centerPositions?.x}% ${centerPositions?.y}%,${gradientColors})`;\r\n\r\n\t\treturn isValidCSS('background', type === 'linear' ? liner : radial);\r\n\t}\r\n\treturn '';\r\n};\r\n\r\nconst getImagePosition = (img) => {\r\n\tconst { position = 'center center', xPosition = 0, yPosition = 0, attachment = '', repeat = 'no-repeat', size = 'cover', customSize = '0px' } = img || {};\r\n\r\n\tconst cd = v => 'initial' !== v || isExist(v);\r\n\r\n\treturn `\r\n\t\t${cd(position) ? `background-position: ${'custom' === position ? `${xPosition} ${yPosition}` : position};` : ''}\r\n\t\t${attachment && cd(attachment) ? `background-attachment: ${attachment};` : ''}\r\n\t\t${cd(repeat) ? `background-repeat: ${repeat};` : ''}\r\n\t\t${cd(size) ? `background-size: ${'custom' === size ? `${customSize} auto` : size};` : ''}\r\n\t`;\r\n};\r\nconst getImageCSS = (img = {}) => {\r\n\tif (img) {\r\n\t\treturn {\r\n\t\t\tdesktop: isExist(img.url) ? `background-image: url(${img.url}); ${getImagePosition(img?.desktop)}` : '',\r\n\t\t\ttablet: isExist(img.url) ? getImagePosition(img?.tablet) : '',\r\n\t\t\tmobile: isExist(img.url) ? getImagePosition(img?.mobile) : '',\r\n\t\t};\r\n\t}\r\n\treturn '';\r\n};\r\n\r\nconst getVideoCSS = (video, selector) => {\r\n\tconst { url, loop } = video || {};\r\n\tconst parentEl = document.querySelector(selector);\r\n\r\n\tconst el = parentEl?.querySelector('.bPlVideo');\r\n\tconst videoEl = document.createElement('video');\r\n\tvideoEl.muted = true;\r\n\tvideoEl.autoplay = true;\r\n\tvideoEl.classList.add('bPlVideo');\r\n\r\n\tif (!el) {\r\n\t\tif (parentEl && url) {\r\n\t\t\tvideoEl.innerHTML = `<source src=${url}></source>`;\r\n\t\t\tparentEl.appendChild(videoEl);\r\n\t\t}\r\n\t}\r\n\tvideoEl.loop = loop;\r\n\tvideoEl.play();\r\n\r\n\treturn `${selector} .bPlVideo{\r\n\t\tleft: 0;\r\n\t\tmin-height: 100%;\r\n\t\tmin-width: 100%;\r\n\t\tposition: absolute;\r\n\t\twidth: -webkit-fill-available;\r\n\t\ttop: 0;\r\n\t\tz-index: 0;\r\n\t}`;\r\n}\r\nexport const getAdvBGCSS = (background, selector, isHover = false) => {\r\n\tconst { type = 'color', color, gradient, img, video } = background || {};\r\n\r\n\tconst bgCSS =\r\n\t\ttype === 'color'\r\n\t\t\t? isValidCSS('background', color)\r\n\t\t\t: type === 'gradient'\r\n\t\t\t\t? getGradientCSS(gradient)\r\n\t\t\t\t: type === 'image'\r\n\t\t\t\t\t? getImageCSS(img).desktop\r\n\t\t\t\t\t: '';\r\n\r\n\tconst tablet = type === 'image' ? getImageCSS(img).tablet : '';\r\n\tconst mobile = type === 'image' ? getImageCSS(img).mobile : '';\r\n\r\n\tconst sl = isHover ? `${selector}:hover` : selector;\r\n\r\n\treturn `\r\n\t\t${type === 'video' ? getVideoCSS(video, selector) : ''}\r\n\r\n\t\t${sl}{\r\n\t\t\t${bgCSS}\r\n\t\t}\r\n\r\n\t\t${tabBreakpoint} {\r\n\t\t\t${sl}{\r\n\t\t\t\t${tablet}\r\n\t\t\t}\r\n\t\t}\r\n\t\t${mobileBreakpoint} {\r\n\t\t\t${sl}{\r\n\t\t\t\t${mobile}\r\n\t\t\t}\r\n\t\t}\r\n\t`.replace(/\\s+/g, ' ').trim()\r\n};\r\n\r\nexport const getOverlayCSS = (overlay, selector, isHover = false) => {\r\n\tconst { isEnabled, colors, opacity = 1, blend, filter = '', blur = 0, brightness = 100, contrast = 100, saturation = 100, hue = 0 } = overlay || {};\r\n\r\n\tconst filterCSSValue = `${100 !== brightness ? `brightness(${brightness}%)` : ''} ${100 !== contrast ? `contrast(${contrast}%)` : ''} ${100 !== saturation ? `saturate(${saturation}%)` : ''} ${0 !== blur ? `blur(${blur}px)` : ''} ${0 !== hue ? `hue-rotate(${hue}deg)` : ''}`;\r\n\tconst filterCSS = `${filter}: ${filter ? filterCSSValue : ''}; -webkit-${filter}: ${filter ? filterCSSValue : ''};`;\r\n\r\n\tconst sl = isHover ? `${selector}:hover::after` : `${selector}::after`;\r\n\r\n\treturn isEnabled ? `\r\n\t\t${selector}::after{\r\n\t\t\tcontent: '';\r\n\t\t\tposition: absolute;\r\n\t\t\tinset: 0;\r\n\t\t}\r\n\t\t${getAdvBGCSS(colors, sl, false)}\r\n\t\t${sl}{\r\n\t\t\t${isValidCSS('opacity', opacity)}\r\n\t\t\t${isValidCSS('mix-blend-mode', blend)}\r\n\t\t\t${filterCSS}\r\n\t\t}\r\n\t`.replace(/\\s+/g, ' ').trim() : ''\r\n};","\r\nimport { getBoxValue } from './Const/functions';\r\nimport { getMultiShadowCSS } from '../../bpl-tools/utils/getCSS'\r\n\r\nconst Style = ({ attributes, clientId }) => {\r\n    const { alignment, frameBorder, frameBRadius, frameBoxShadow, iframeStyle } = attributes;\r\n    const { width, height } = iframeStyle;\r\n\r\n    return <style dangerouslySetInnerHTML={{\r\n        __html: `\r\n        .wp-block-scb-sound-cloud {\r\n            text-align:${alignment};\r\n        }\r\n        #scbSoundCloud-${clientId} .mainWidget{\r\n            width:${width};\r\n            height:${height};\r\n        }\r\n\t\t#scbSoundCloud-${clientId} iframe{\r\n            border: ${getBoxValue(frameBorder)};\r\n            border-radius: ${getBoxValue(frameBRadius)};\r\n            box-shadow: ${getMultiShadowCSS(frameBoxShadow?.shadow || frameBoxShadow)};\r\n        }\r\n        `.replace(/\\s+/g, ' ')\r\n    }} />\r\n}\r\nexport default Style;","\r\nconst Widget = props => {\r\n\r\n    const { attributes, isBackend, custom = {} } = props;\r\n    const { options, tracks } = attributes;\r\n\r\n    const { isAutoPlay, color, isBuying, isSharing, isDownload, isArtWork, isPlayCount, isUser, isSingleActive, isComments, isVisual, isTeaser, isHideRelated } = options;\r\n\r\n    return tracks.map((track, index) => {\r\n        return <div key={index} className={`mainWidget ${isBackend && custom.activeIndex === index ? 'scbNowEditing' : ''}`} onClick={() => isBackend ? custom.setActiveIndex(index) : null}>\r\n            <iframe key={index} id=\"sc-widget\" width=\"100%\" height=\"100%\" scrolling='no' frameBorder='no' allow=\"autoplay\"\r\n                src={`https://w.soundcloud.com/player/?url=${track.url}&color=%23${color.replace('#', '').substr(0, 6)}&auto_play=${isAutoPlay}&buying=${isBuying}&sharing=${isSharing}&download=${isDownload}&show_artwork=${isArtWork}&show_playcount=${isPlayCount}&show_user=${isUser}&single_active=${isSingleActive}&show_comments=${isComments}&visual=${isVisual}&show_teaser=${isTeaser}&hide_related=${isHideRelated}&start_track=${track.startTrack}`}></iframe>\r\n        </div>\r\n    })\r\n}\r\nexport default Widget;","import { createRoot } from 'react-dom/client';\n\nimport './style.scss';\nimport Style from './Style';\nimport Widget from './Widget';\n\n// Sound Cloud\ndocument.addEventListener('DOMContentLoaded', () => {\n\tconst allSoundCloud = document.querySelectorAll('.wp-block-scb-sound-cloud');\n\n\tallSoundCloud.forEach(soundCloud => {\n\t\tconst attributes = JSON.parse(soundCloud.dataset.attributes);\n\n\t\tcreateRoot(soundCloud).render(<>\n\t\t\t<Style attributes={attributes} clientId={attributes.cId} />\n\t\t\t<Widget attributes={attributes} clientId={attributes.cId} />\n\t\t</>);\n\n\t\tsoundCloud?.removeAttribute('data-attributes');\n\t});\n});"],"names":["m","exports","createRoot","hydrateRoot","module","ReactDOM","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__","getBoxValue","object","Object","values","join","getMultiShadowCSS","value","type","arguments","length","styles","map","item","index","_ref5","_ref5$hOffset","hOffset","_ref5$vOffset","vOffset","_ref5$blur","blur","_ref5$spreed","spreed","_ref5$color","color","_ref5$isInset","isInset","inset","offsetBlur","concat","isComa","_ref","attributes","clientId","alignment","frameBorder","frameBRadius","frameBoxShadow","iframeStyle","width","height","React","createElement","dangerouslySetInnerHTML","__html","shadow","replace","props","isBackend","_props$custom","custom","options","tracks","isAutoPlay","isBuying","isSharing","isDownload","isArtWork","isPlayCount","isUser","isSingleActive","isComments","isVisual","isTeaser","isHideRelated","track","key","className","activeIndex","onClick","setActiveIndex","id","scrolling","allow","src","url","substr","startTrack","document","addEventListener","querySelectorAll","forEach","soundCloud","JSON","parse","dataset","render","Fragment","Style","cId","Widget","removeAttribute"],"sourceRoot":""}