{"version":3,"file":"script.js","mappings":"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","sources":["webpack://countdown-time/external [\"wp\",\"element\"]","webpack://countdown-time/./src/Style.js","webpack://countdown-time/external [\"wp\",\"i18n\"]","webpack://countdown-time/external [\"wp\",\"blockEditor\"]","webpack://countdown-time/./src/Box.js","webpack://countdown-time/./src/Countdown.js","webpack://countdown-time/./src/script.js"],"sourcesContent":["var __WEBPACK_NAMESPACE_OBJECT__ = wp.element;","const Style = ({ attributes, clientId }) => {\r\n\tconst { boxPosition, width, background, padding, shadow, alignment, boxBG, boxWidth, boxHeight, boxSpace, boxBorder, boxShadow, digitTypo, digitColor, labelTypo, labelColor, sepType, sepSize, sepColor } = attributes;\r\n\r\n\t// Functions\r\n\tconst parseEmtStr = (val, def) => undefined === val ? def : val;\r\n\r\n\treturn <style dangerouslySetInnerHTML={{\r\n\t\t__html: `\r\n\t\t${digitTypo?.googleFontLink ? `@import url(${digitTypo?.googleFontLink});` : ''}\r\n\t\t${labelTypo?.googleFontLink ? `@import url(${labelTypo?.googleFontLink});` : ''}\r\n\r\n\t\t#ctbCountdownTime-${clientId}{\r\n\t\t\talign-items: ${alignment};\r\n\t\t\tjustify-content: ${alignment};\r\n\t\t}\r\n\t\t#ctbCountdownTime-${clientId} .countdownItems{\r\n\t\t\twidth: ${'0px' === width || '0%' === width || '0em' === width ? 'auto' : width};\r\n\t\t\t${background?.styles || 'background-color: #0000;'}\r\n\t\t\tpadding: ${padding?.styles || '10px 15px'};\r\n\t\t\tbox-shadow: ${shadow?.styles || 'none'};\r\n\t\t\tjustify-content: ${boxPosition};\r\n\t\t}\r\n\t\t#ctbCountdownTime-${clientId} .countdownItems .countdownItem{\r\n\t\t\t${boxBG?.styles || `background-image: linear-gradient(135deg, #4527a4, #8344c5);`}\r\n\t\t\twidth: ${boxWidth};\r\n\t\t\theight: ${boxHeight};\r\n\t\t\tmargin-left: calc(${boxSpace} / 2);\r\n\t\t\tmargin-right: calc(${boxSpace} / 2);\r\n\t\t\t${parseEmtStr(boxBorder?.styles, 'border-radius: 5%;')}\r\n\t\t\tbox-shadow: ${boxShadow?.styles || 'none'};\r\n\t\t}\r\n\t\t@media screen and (max-width: 575px){ #ctbCountdownTime-${clientId} .countdownItems .countdownItem{\r\n\t\t\tmargin-top: calc(${boxSpace} / 2);\r\n\t\t\tmargin-bottom: calc(${boxSpace} / 2);\r\n\t\t} }\r\n\r\n\t\t#ctbCountdownTime-${clientId} .countdownItems .separator::before{\r\n\t\t\tcontent: '${sepType}';\r\n\t\t\tfont-size: ${sepSize}px;\r\n\t\t\tcolor: ${sepColor};\r\n\t\t}\r\n\t\t#ctbCountdownTime-${clientId} .countdownItems .countdownItem .digit{\r\n\t\t\tcolor: ${digitColor};\r\n\t\t\t${parseEmtStr(digitTypo?.styles, 'font-size: 48px;')}\r\n\t\t}\r\n\t\t#ctbCountdownTime-${clientId} .countdownItems .countdownItem .label{\r\n\t\t\tcolor: ${labelColor};\r\n\t\t\t${parseEmtStr(labelTypo?.styles, 'font-size: 18px;')}\r\n\t\t}\r\n\t\t`.replace(/\\s+/g, ' ')\r\n\t}} />\r\n}\r\nexport default Style;","var __WEBPACK_NAMESPACE_OBJECT__ = wp.i18n;","var __WEBPACK_NAMESPACE_OBJECT__ = wp.blockEditor;","import { __ } from '@wordpress/i18n';\r\nimport { forwardRef } from '@wordpress/element';\r\nimport { RichText } from '@wordpress/block-editor';\r\n\r\nconst Box = (props, ref) => {\r\n\tconst { is, boxClass, isLabels, label, isBackend = false, onChange } = props;\r\n\r\n\treturn is && <div className={`countdownItem ${boxClass}`}>\r\n\t\t<span className='digit' ref={ref}>00</span>\r\n\t\t{isLabels && <>\r\n\t\t\t{isBackend ? <RichText className='label' tagName='span' value={label} onChange={val => onChange(val)} placeholder={__('Label', 'countdown-time')} /> : label && <RichText.Content className='label' tagName='label' value={label} />}\r\n\t\t</>}\r\n\t</div>;\r\n};\r\nexport default forwardRef(Box);","import { useState, useEffect, useRef } from '@wordpress/element';\r\n\r\nimport Box from './Box';\r\n\r\nconst Countdown = ({ attributes, isBackend = false, custom }) => {\r\n\tconst { destDate, boxIsInline, isLabels, isDays, daysLabel, isHours, hoursLabel, isMinutes, minutesLabel, isSeconds, secondsLabel, isSep } = attributes;\r\n\r\n\tconst [secondsCount, setSecondsCount] = useState(0);\r\n\tuseEffect(() => {\r\n\t\tconst interval = setInterval(() => {\r\n\t\t\tsetSecondsCount(seconds => seconds + 1);\r\n\t\t}, 1000);\r\n\t\treturn () => clearInterval(interval);\r\n\t}, []);\r\n\r\n\tconst dest = new Date(destDate).getTime(); // Convert Destination Date in time (milliseconds)\r\n\tconst daysRef = useRef(null);\r\n\tconst hoursRef = useRef(null);\r\n\tconst minutesRef = useRef(null);\r\n\tconst secondsRef = useRef(null);\r\n\tuseEffect(() => {\r\n\t\tconst now = new Date().getTime(); // Convert Current Date in time (milliseconds)\r\n\t\tconst diff = dest > now ? (dest - now) / 1000 : 0; // Different time in seconds\r\n\r\n\t\tconst days = Math.floor(diff / (24 * 60 * 60));\r\n\t\tconst hours = Math.floor((diff % (24 * 60 * 60)) / (60 * 60));\r\n\t\tconst minutes = Math.floor((diff % (60 * 60)) / 60);\r\n\t\tconst seconds = Math.floor(diff % 60);\r\n\r\n\t\tdaysRef.current ? daysRef.current.innerHTML = (1 === days.toString().length ? ('0' + days).slice(-2) : days) : null;\r\n\t\thoursRef.current ? hoursRef.current.innerHTML = ('0' + hours).slice(-2) : null;\r\n\t\tminutesRef.current ? minutesRef.current.innerHTML = ('0' + minutes).slice(-2) : null;\r\n\t\tsecondsRef.current ? secondsRef.current.innerHTML = ('0' + seconds).slice(-2) : null;\r\n\t}, [dest, secondsCount, daysRef.current, hoursRef.current, minutesRef.current, secondsRef.current]);\r\n\r\n\t// Classes\r\n\tconst boxClass = `${boxIsInline ? 'inline' : ''}`;\r\n\r\n\treturn <div className='countdownItems'>\r\n\t\t<Box\r\n\t\t\tref={daysRef}\r\n\t\t\tis={isDays}\r\n\t\t\tboxClass={`countdownDays ${boxClass}`}\r\n\t\t\tisLabels={isLabels} label={daysLabel}\r\n\t\t\tisBackend={isBackend}\r\n\t\t\tonChange={val => isBackend && custom.setAttributes({ daysLabel: val })}\r\n\t\t/>\r\n\t\t{isSep && isDays && (isHours || isMinutes || isSeconds) && <span className='separator'></span>}\r\n\r\n\t\t<Box\r\n\t\t\tref={hoursRef}\r\n\t\t\tis={isHours}\r\n\t\t\tboxClass={`countdownHours ${boxClass}`}\r\n\t\t\tisLabels={isLabels}\r\n\t\t\tlabel={hoursLabel}\r\n\t\t\tisBackend={isBackend}\r\n\t\t\tonChange={val => isBackend && custom.setAttributes({ hoursLabel: val })}\r\n\t\t/>\r\n\t\t{isSep && isHours && (isMinutes || isSeconds) && <span className='separator'></span>}\r\n\r\n\t\t<Box\r\n\t\t\tref={minutesRef}\r\n\t\t\tis={isMinutes}\r\n\t\t\tboxClass={`countdownMinutes ${boxClass}`}\r\n\t\t\tisLabels={isLabels}\r\n\t\t\tlabel={minutesLabel}\r\n\t\t\tisBackend={isBackend}\r\n\t\t\tonChange={val => isBackend && custom.setAttributes({ minutesLabel: val })}\r\n\t\t/>\r\n\t\t{isSep && isMinutes && isSeconds && <span className='separator'></span>}\r\n\r\n\t\t<Box\r\n\t\t\tref={secondsRef}\r\n\t\t\tis={isSeconds}\r\n\t\t\tboxClass={`countdownSeconds ${boxClass}`}\r\n\t\t\tisLabels={isLabels}\r\n\t\t\tlabel={secondsLabel}\r\n\t\t\tisBackend={isBackend}\r\n\t\t\tonChange={val => isBackend && custom.setAttributes({ secondsLabel: val })}\r\n\t\t/>\r\n\t</div>\r\n}\r\nexport default Countdown;","import { render } from '@wordpress/element';\r\n\r\nimport './style.scss';\r\nimport Style from './Style';\r\nimport Countdown from './Countdown';\r\n\r\n// Countdown Time\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n\tconst allCountdown = document.querySelectorAll('.wp-block-ctb-countdown-time');\r\n\tallCountdown.forEach(countdown => {\r\n\t\tconst attributes = JSON.parse(countdown.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<Countdown attributes={attributes} />\r\n\t\t</>, countdown);\r\n\r\n\t\tcountdown?.removeAttribute('data-attributes');\r\n\t});\r\n});"],"names":["wp","element","attributes","clientId","boxPosition","width","background","padding","shadow","alignment","boxBG","boxWidth","boxHeight","boxSpace","boxBorder","boxShadow","digitTypo","digitColor","labelTypo","labelColor","sepType","sepSize","sepColor","parseEmtStr","val","def","undefined","dangerouslySetInnerHTML","__html","googleFontLink","styles","replace","i18n","blockEditor","forwardRef","props","ref","is","boxClass","isLabels","label","isBackend","onChange","className","RichText","tagName","value","placeholder","__","custom","destDate","boxIsInline","isDays","daysLabel","isHours","hoursLabel","isMinutes","minutesLabel","isSeconds","secondsLabel","isSep","useState","secondsCount","setSecondsCount","useEffect","interval","setInterval","seconds","clearInterval","dest","Date","getTime","daysRef","useRef","hoursRef","minutesRef","secondsRef","now","diff","days","Math","floor","hours","minutes","current","innerHTML","toString","length","slice","setAttributes","document","addEventListener","querySelectorAll","forEach","countdown","JSON","parse","dataset","render","cId","removeAttribute"],"sourceRoot":""}