| 1 |
/* |
| 2 |
* ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development"). |
| 3 |
* This devtool is neither made for production nor for readable output files. |
| 4 |
* It uses "eval()" calls to create a separate source file in the browser devtools. |
| 5 |
* If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/) |
| 6 |
* or disable the default devtool with "devtool: false". |
| 7 |
* If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/). |
| 8 |
*/ |
| 9 |
(self["vcvWebpackJsonp4x"] = self["vcvWebpackJsonp4x"] || []).push([["element"],{ |
| 10 |
|
| 11 |
/***/ "./flickrImage/component.js": |
| 12 |
/*!**********************************!*\ |
| 13 |
!*** ./flickrImage/component.js ***! |
| 14 |
\**********************************/ |
| 15 |
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { |
| 16 |
|
| 17 |
"use strict"; |
| 18 |
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": function() { return /* binding */ FlickrImage; }\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/esm/extends.js\");\n/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ \"./node_modules/@babel/runtime/helpers/esm/classCallCheck.js\");\n/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/createClass */ \"./node_modules/@babel/runtime/helpers/esm/createClass.js\");\n/* harmony import */ var _babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/assertThisInitialized */ \"./node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js\");\n/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime/helpers/inherits */ \"./node_modules/@babel/runtime/helpers/esm/inherits.js\");\n/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ \"./node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js\");\n/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ \"./node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js\");\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ \"./node_modules/@babel/runtime/helpers/esm/defineProperty.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var vc_cake__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! vc-cake */ \"./node_modules/vc-cake/index.js\");\n/* harmony import */ var vc_cake__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(vc_cake__WEBPACK_IMPORTED_MODULE_9__);\n\n\n\n\n\n\n\n\n\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0,_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_6__[\"default\"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0,_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_6__[\"default\"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0,_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_5__[\"default\"])(this, result); }; }\n\nfunction _isNativeReflectConstruct() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\n\n\n\nvar vcvAPI = vc_cake__WEBPACK_IMPORTED_MODULE_9___default().getService('api');\n\nvar FlickrImage = /*#__PURE__*/function (_vcvAPI$elementCompon) {\n (0,_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4__[\"default\"])(FlickrImage, _vcvAPI$elementCompon);\n\n var _super = _createSuper(FlickrImage);\n\n function FlickrImage(props) {\n var _this;\n\n (0,_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1__[\"default\"])(this, FlickrImage);\n\n _this = _super.call(this, props);\n\n (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7__[\"default\"])((0,_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(_this), \"imageSizes\", {\n thumbnail: '150',\n medium: '300',\n large: '1024'\n });\n\n _this.flickerInner = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__.createRef();\n\n var _ = __webpack_require__(/*! lodash */ \"./node_modules/lodash/lodash.js\");\n\n _this.handleResize = _.debounce(_this.handleResize.bind((0,_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(_this)), 200);\n return _this;\n }\n\n (0,_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(FlickrImage, [{\n key: \"componentDidMount\",\n value: function componentDidMount() {\n this.insertFlickr(this.props.atts.flickrUrl);\n window.addEventListener('resize', this.handleResize);\n }\n }, {\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n window.removeEventListener('resize', this.handleResize);\n }\n }, {\n key: \"componentDidUpdate\",\n value: function componentDidUpdate(prevProps) {\n if (prevProps.atts.flickrUrl !== this.props.atts.flickrUrl || prevProps.atts.width !== this.props.atts.width) {\n this.insertFlickr(this.props.atts.flickrUrl);\n }\n }\n }, {\n key: \"handleResize\",\n value: function handleResize() {\n this.insertFlickr(this.props.atts.flickrUrl);\n }\n }, {\n key: \"loadJSONP\",\n value: function loadJSONP(url, callback, context) {\n var name = '_jsonp_flickrImage_' + FlickrImage.unique++;\n\n if (url.indexOf('?') >= 0) {\n url += '&jsoncallback=' + name + '&format=json';\n } else {\n url += '?jsoncallback=' + name + '&format=json';\n }\n\n var script = document.createElement('script');\n script.type = 'text/javascript';\n script.async = true;\n script.src = url;\n\n var clearScript = function clearScript() {\n document.head.removeChild(script);\n script = null;\n delete window[name];\n };\n\n var timeout = 10; // 10 second by default\n\n var timeoutTrigger = window.setTimeout(function () {\n clearScript();\n }, timeout * 1000);\n\n window[name] = function (data) {\n window.clearTimeout(timeoutTrigger);\n callback.call(context || window, data);\n clearScript();\n };\n\n document.getElementsByTagName('head')[0].appendChild(script);\n }\n }, {\n key: \"insertFlickr\",\n value: function insertFlickr(url) {\n var _this2 = this;\n\n if (url.match('data-flickr-embed')) {\n this.appendFlickr(url);\n } else {\n var createdUrl = 'https://www.flickr.com/services/oembed/?url=' + url;\n this.loadJSONP(createdUrl, function (data) {\n _this2.appendFlickr(data.html);\n\n _this2.props.api.request('layout:rendered', true);\n });\n }\n }\n }, {\n key: \"appendFlickr\",\n value: function appendFlickr() {\n var _this3 = this;\n\n var tagString = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';\n this.flickerInner.current.innerHTML = '';\n window.setTimeout(function () {\n _this3.updateInlineHtml(_this3.flickerInner.current, tagString);\n }, 0);\n }\n }, {\n key: \"validateSize\",\n value: function validateSize(value) {\n var units = ['px', 'em', 'rem', '%', 'vw', 'vh'];\n var re = new RegExp('^-?\\\\d*(\\\\.\\\\d{0,9})?(' + units.join('|') + ')?$');\n\n if (value === '' || value.match(re)) {\n return value;\n } else {\n return null;\n }\n }\n }, {\n key: \"checkImageSize\",\n value: function checkImageSize(size) {\n var relatedSize = '';\n\n if (window.vcvImageSizes && window.vcvImageSizes[size]) {\n relatedSize = window.vcvImageSizes[size].width;\n } else if (this.imageSizes[size]) {\n relatedSize = this.imageSizes[size];\n }\n\n return relatedSize ? \"\".concat(relatedSize, \"px\") : '';\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this$props = this.props,\n id = _this$props.id,\n atts = _this$props.atts,\n editor = _this$props.editor;\n var customClass = atts.customClass,\n alignment = atts.alignment,\n width = atts.width,\n metaCustomId = atts.metaCustomId;\n var classes = 'vce-flickr-image';\n var wrapperClasses = 'vce vce-flickr-image-wrapper';\n var customProps = {};\n var innerClasses = 'vce-flickr-image-inner';\n var innerCustomProps = {};\n\n if (typeof customClass === 'string' && customClass) {\n classes += ' ' + customClass;\n }\n\n if (alignment) {\n classes += \" vce-flickr-image--align-\".concat(alignment);\n }\n\n width = width.replace(/\\s/g, '').toLowerCase();\n\n if (width) {\n if (width.match(/\\d*/)[0]) {\n width = this.validateSize(width);\n width = /^\\d+$/.test(width) ? \"\".concat(width, \"px\") : width;\n } else {\n width = this.checkImageSize(width);\n }\n\n innerCustomProps.style = {\n maxWidth: width\n };\n }\n\n customProps.key = \"customProps:\".concat(id);\n\n if (metaCustomId) {\n customProps.id = metaCustomId;\n }\n\n var content = null;\n var doAll = this.applyDO('all');\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__.createElement(\"div\", (0,_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({}, customProps, {\n className: classes\n }, editor), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__.createElement(\"div\", (0,_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({\n id: 'el-' + id,\n className: wrapperClasses\n }, doAll), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8__.createElement(\"div\", (0,_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({\n className: innerClasses\n }, innerCustomProps, {\n ref: this.flickerInner\n })), content));\n }\n }]);\n\n return FlickrImage;\n}(vcvAPI.elementComponent);\n\n(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7__[\"default\"])(FlickrImage, \"unique\", 0);\n\n\n\n//# sourceURL=webpack:///./flickrImage/component.js?"); |
| 19 |
|
| 20 |
/***/ }), |
| 21 |
|
| 22 |
/***/ "./flickrImage/index.js": |
| 23 |
/*!******************************!*\ |
| 24 |
!*** ./flickrImage/index.js ***! |
| 25 |
\******************************/ |
| 26 |
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { |
| 27 |
|
| 28 |
"use strict"; |
| 29 |
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vc_cake__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vc-cake */ \"./node_modules/vc-cake/index.js\");\n/* harmony import */ var vc_cake__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vc_cake__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _component__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./component */ \"./flickrImage/component.js\");\n/* eslint-disable import/no-webpack-loader-syntax */\n\n\nvar vcvAddElement = vc_cake__WEBPACK_IMPORTED_MODULE_0___default().getService('cook').add;\nvcvAddElement(__webpack_require__(/*! ./settings.json */ \"./flickrImage/settings.json\"), // Component callback\nfunction (component) {\n component.add(_component__WEBPACK_IMPORTED_MODULE_1__[\"default\"]);\n}, // css settings // css for element\n{\n css: __webpack_require__(/*! raw-loader!./styles.css */ \"./node_modules/raw-loader/index.js!./flickrImage/styles.css\"),\n editorCss: __webpack_require__(/*! raw-loader!./editor.css */ \"./node_modules/raw-loader/index.js!./flickrImage/editor.css\")\n}, '');\n\n//# sourceURL=webpack:///./flickrImage/index.js?"); |
| 30 |
|
| 31 |
/***/ }), |
| 32 |
|
| 33 |
/***/ "./node_modules/raw-loader/index.js!./flickrImage/editor.css": |
| 34 |
/*!***********************************************************************!*\ |
| 35 |
!*** ../../node_modules/raw-loader/index.js!./flickrImage/editor.css ***! |
| 36 |
\***********************************************************************/ |
| 37 |
/***/ (function(module) { |
| 38 |
|
| 39 |
eval("module.exports = \"[data-vcv-element-disable-interaction=\\\"true\\\"].vce-flickr-image {\\n position: relative;\\n}\\n\\n[data-vcv-element-disable-interaction=\\\"true\\\"].vce-flickr-image::after {\\n content: \\\"\\\";\\n position: absolute;\\n top: 0;\\n right: 0;\\n bottom: 0;\\n left: 0;\\n z-index: 999;\\n}\\n\\n.vce-flickr-image {\\n min-height: 1em;\\n}\\n\"\n\n//# sourceURL=webpack:///./flickrImage/editor.css?../../node_modules/raw-loader/index.js"); |
| 40 |
|
| 41 |
/***/ }), |
| 42 |
|
| 43 |
/***/ "./node_modules/raw-loader/index.js!./flickrImage/styles.css": |
| 44 |
/*!***********************************************************************!*\ |
| 45 |
!*** ../../node_modules/raw-loader/index.js!./flickrImage/styles.css ***! |
| 46 |
\***********************************************************************/ |
| 47 |
/***/ (function(module) { |
| 48 |
|
| 49 |
eval("module.exports = \".vce-flickr-image iframe {\\n display: block;\\n vertical-align: top;\\n}\\n\\n.vce-flickr-image-inner {\\n max-width: 100%;\\n min-width: 151px;\\n display: inline-block;\\n vertical-align: top;\\n}\\n\\n.vce-flickr-image-wrapper {\\n display: inline-block;\\n max-width: 100%;\\n}\\n\\n.vce-flickr-image--align-center {\\n text-align: center;\\n}\\n\\n.vce-flickr-image--align-right {\\n text-align: right;\\n}\\n\\n.vce-flickr-image--align-left {\\n text-align: left;\\n}\\n\\n[data-vcv-element-disable-interaction=\\\"true\\\"].vce-flickr-image {\\n position: relative;\\n}\\n\\n[data-vcv-element-disable-interaction=\\\"true\\\"].vce-flickr-image::after {\\n content: \\\"\\\";\\n position: absolute;\\n top: 0;\\n right: 0;\\n bottom: 0;\\n left: 0;\\n z-index: 999;\\n}\\n\\n.vce.vce-flickr-image-wrapper::before {\\n content: '';\\n display:block;\\n min-width: 151px;\\n}\\n\"\n\n//# sourceURL=webpack:///./flickrImage/styles.css?../../node_modules/raw-loader/index.js"); |
| 50 |
|
| 51 |
/***/ }), |
| 52 |
|
| 53 |
/***/ "./flickrImage/settings.json": |
| 54 |
/*!***********************************!*\ |
| 55 |
!*** ./flickrImage/settings.json ***! |
| 56 |
\***********************************/ |
| 57 |
/***/ (function(module) { |
| 58 |
|
| 59 |
"use strict"; |
| 60 |
eval("module.exports = JSON.parse('{\"flickrUrl\":{\"type\":\"string\",\"access\":\"public\",\"value\":\"https://www.flickr.com/photos/thomasheaton/21171377373/\",\"options\":{\"label\":\"Flickr URL (link) or embed code\",\"link\":true}},\"designOptions\":{\"type\":\"designOptions\",\"access\":\"public\",\"value\":{},\"options\":{\"label\":\"Design Options\"}},\"editFormTab1\":{\"type\":\"group\",\"access\":\"protected\",\"value\":[\"flickrUrl\",\"width\",\"alignment\",\"metaCustomId\",\"customClass\"],\"options\":{\"label\":\"General\"}},\"metaEditFormTabs\":{\"type\":\"group\",\"access\":\"protected\",\"value\":[\"editFormTab1\",\"designOptions\"]},\"relatedTo\":{\"type\":\"group\",\"access\":\"protected\",\"value\":[\"General\"]},\"customClass\":{\"type\":\"string\",\"access\":\"public\",\"value\":\"\",\"options\":{\"label\":\"Extra class name\",\"description\":\"Add an extra class name to the element and refer to it from the custom CSS option.\"}},\"assetsLibrary\":{\"access\":\"public\",\"type\":\"string\",\"value\":[\"animate\"]},\"alignment\":{\"type\":\"buttonGroup\",\"access\":\"public\",\"value\":\"left\",\"options\":{\"label\":\"Alignment\",\"values\":[{\"label\":\"Left\",\"value\":\"left\",\"icon\":\"vcv-ui-icon-attribute-alignment-left\"},{\"label\":\"Center\",\"value\":\"center\",\"icon\":\"vcv-ui-icon-attribute-alignment-center\"},{\"label\":\"Right\",\"value\":\"right\",\"icon\":\"vcv-ui-icon-attribute-alignment-right\"}]}},\"metaDisableInteractionInEditor\":{\"type\":\"toggle\",\"access\":\"protected\",\"value\":true},\"width\":{\"type\":\"string\",\"access\":\"public\",\"value\":\"full\",\"options\":{\"label\":\"Width\",\"description\":\"Enter image width (example: \\\\\"thumbnail\\\\\", \\\\\"medium\\\\\", \\\\\"large\\\\\", \\\\\"full\\\\\" or other sizes defined by theme). Alternatively enter width in pixels (example: 200). Minimal width 151px.\"}},\"metaBackendLabels\":{\"type\":\"group\",\"access\":\"protected\",\"value\":[{\"value\":[\"flickrUrl\"]}]},\"metaCustomId\":{\"type\":\"customId\",\"access\":\"public\",\"value\":\"\",\"options\":{\"label\":\"Element ID\",\"description\":\"Apply a unique ID to the element to link it directly by using #your_id (for element ID use lowercase input only).\"}},\"tag\":{\"access\":\"protected\",\"type\":\"string\",\"value\":\"flickrImage\"}}');\n\n//# sourceURL=webpack:///./flickrImage/settings.json?"); |
| 61 |
|
| 62 |
/***/ }) |
| 63 |
|
| 64 |
},[['./flickrImage/index.js']]]); |
