__( 'Save as a template', 'elementor' ); __( 'New', 'elementor' ); __( 'Create component', 'elementor' ); __( 'To create new components, update Elementor Pro to the latest version.', 'elementor' ); __( 'Update Now', 'elementor' ); __( 'Add %s', 'elementor' ); __( 'Edit %s', 'elementor' ); __( 'Duplicate %s', 'elementor' ); __( 'Delete %s', 'elementor' );# Members - EDD Integration The Members - EDD Integration add-on more nicely integrates the [Easy Digital Downloads](https://easydigitaldownloads.com/) plugin capabilities into the Members plugin's role manager. The [Members plugin](https://themehybrid.com/plugins/members) and the Easy Digital Downloads plugin are required to be installed and activated for this plugin to work. ## Shop Role Group The plugin creates a new "Shop" role group for Easy Digital Downloads, which is located under the Users > Roles screen in the admin. This role group lists the following roles: - Shop Accountant - Shop Manager - Shop Vendor - Shop Worker - Any other roles that have EDD-related capabilities. This allows you to see any roles that have EDD permissions at a glance. ## Downloads Capability Group When editing or creating a new role in Members, this add-on creates a new "Downloads" tab (cap group). This tab combines all of the Easy Digital Downloads capabilities in one place. That way, you can see all available caps without jumping between different tabs. ## Copyright and License This project is licensed under the [GNU GPL](http://www.gnu.org/licenses/old-licenses/gpl-2.0.html), version 2 or later. 2019 © [Justin Tadlock](http://justintadlock.com). /******/ (function() { // webpackBootstrap /******/ "use strict"; /******/ var __webpack_modules__ = ({ /***/ "./node_modules/@monaco-editor/loader/lib/es/_virtual/_rollupPluginBabelHelpers.js": /*!*****************************************************************************************!*\ !*** ./node_modules/@monaco-editor/loader/lib/es/_virtual/_rollupPluginBabelHelpers.js ***! \*****************************************************************************************/ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ arrayLikeToArray: function() { return /* binding */ _arrayLikeToArray; }, /* harmony export */ arrayWithHoles: function() { return /* binding */ _arrayWithHoles; }, /* harmony export */ defineProperty: function() { return /* binding */ _defineProperty; }, /* harmony export */ iterableToArrayLimit: function() { return /* binding */ _iterableToArrayLimit; }, /* harmony export */ nonIterableRest: function() { return /* binding */ _nonIterableRest; }, /* harmony export */ objectSpread2: function() { return /* binding */ _objectSpread2; }, /* harmony export */ objectWithoutProperties: function() { return /* binding */ _objectWithoutProperties; }, /* harmony export */ objectWithoutPropertiesLoose: function() { return /* binding */ _objectWithoutPropertiesLoose; }, /* harmony export */ slicedToArray: function() { return /* binding */ _slicedToArray; }, /* harmony export */ toPrimitive: function() { return /* binding */ _toPrimitive; }, /* harmony export */ toPropertyKey: function() { return /* binding */ _toPropertyKey; }, /* harmony export */ unsupportedIterableToArray: function() { return /* binding */ _unsupportedIterableToArray; } /* harmony export */ }); function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; } function _arrayWithHoles(r) { if (Array.isArray(r)) return r; } function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e; } function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = true, o = false; try { if (i = (t = t.call(r)).next, 0 === l) ; else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = true, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } } function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; } function _objectSpread2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; } function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; } function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); } function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; } function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } } /***/ }), /***/ "./node_modules/@monaco-editor/loader/lib/es/config/index.js": /*!*******************************************************************!*\ !*** ./node_modules/@monaco-editor/loader/lib/es/config/index.js ***! \*******************************************************************/ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": function() { return /* binding */ config; } /* harmony export */ }); var config = { paths: { vs: 'https://cdn.jsdelivr.net/npm/monaco-editor@0.55.1/min/vs' } }; /***/ }), /***/ "./node_modules/@monaco-editor/loader/lib/es/index.js": /*!************************************************************!*\ !*** ./node_modules/@monaco-editor/loader/lib/es/index.js ***! \************************************************************/ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": function() { return /* reexport safe */ _loader_index_js__WEBPACK_IMPORTED_MODULE_0__["default"]; } /* harmony export */ }); /* harmony import */ var _loader_index_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./loader/index.js */ "./node_modules/@monaco-editor/loader/lib/es/loader/index.js"); /***/ }), /***/ "./node_modules/@monaco-editor/loader/lib/es/loader/index.js": /*!*******************************************************************!*\ !*** ./node_modules/@monaco-editor/loader/lib/es/loader/index.js ***! \*******************************************************************/ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": function() { return /* binding */ loader; } /* harmony export */ }); /* harmony import */ var _virtual_rollupPluginBabelHelpers_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../_virtual/_rollupPluginBabelHelpers.js */ "./node_modules/@monaco-editor/loader/lib/es/_virtual/_rollupPluginBabelHelpers.js"); /* harmony import */ var state_local__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! state-local */ "./node_modules/state-local/lib/es/state-local.js"); /* harmony import */ var _config_index_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../config/index.js */ "./node_modules/@monaco-editor/loader/lib/es/config/index.js"); /* harmony import */ var _validators_index_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../validators/index.js */ "./node_modules/@monaco-editor/loader/lib/es/validators/index.js"); /* harmony import */ var _utils_compose_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils/compose.js */ "./node_modules/@monaco-editor/loader/lib/es/utils/compose.js"); /* harmony import */ var _utils_deepMerge_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils/deepMerge.js */ "./node_modules/@monaco-editor/loader/lib/es/utils/deepMerge.js"); /* harmony import */ var _utils_makeCancelable_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../utils/makeCancelable.js */ "./node_modules/@monaco-editor/loader/lib/es/utils/makeCancelable.js"); var _excluded = ["monaco"]; /** the local state of the module */ var _state$create = state_local__WEBPACK_IMPORTED_MODULE_1__["default"].create({ config: _config_index_js__WEBPACK_IMPORTED_MODULE_2__["default"], isInitialized: false, resolve: null, reject: null, monaco: null }), _state$create2 = (0,_virtual_rollupPluginBabelHelpers_js__WEBPACK_IMPORTED_MODULE_0__.slicedToArray)(_state$create, 2), getState = _state$create2[0], setState = _state$create2[1]; /** * set the loader configuration * @param {Object} config - the configuration object */ function config(globalConfig) { var _validators$config = _validators_index_js__WEBPACK_IMPORTED_MODULE_3__["default"].config(globalConfig), monaco = _validators$config.monaco, config = (0,_virtual_rollupPluginBabelHelpers_js__WEBPACK_IMPORTED_MODULE_0__.objectWithoutProperties)(_validators$config, _excluded); setState(function (state) { return { config: (0,_utils_deepMerge_js__WEBPACK_IMPORTED_MODULE_5__["default"])(state.config, config), monaco: monaco }; }); } /** * handles the initialization of the monaco-editor * @return {Promise} - returns an instance of monaco (with a cancelable promise) */ function init() { var state = getState(function (_ref) { var monaco = _ref.monaco, isInitialized = _ref.isInitialized, resolve = _ref.resolve; return { monaco: monaco, isInitialized: isInitialized, resolve: resolve }; }); if (!state.isInitialized) { setState({ isInitialized: true }); if (state.monaco) { state.resolve(state.monaco); return (0,_utils_makeCancelable_js__WEBPACK_IMPORTED_MODULE_6__["default"])(wrapperPromise); } if (window.monaco && window.monaco.editor) { storeMonacoInstance(window.monaco); state.resolve(window.monaco); return (0,_utils_makeCancelable_js__WEBPACK_IMPORTED_MODULE_6__["default"])(wrapperPromise); } (0,_utils_compose_js__WEBPACK_IMPORTED_MODULE_4__["default"])(injectScripts, getMonacoLoaderScript)(configureLoader); } return (0,_utils_makeCancelable_js__WEBPACK_IMPORTED_MODULE_6__["default"])(wrapperPromise); } /** * injects provided scripts into the document.body * @param {Object} script - an HTML script element * @return {Object} - the injected HTML script element */ function injectScripts(script) { return document.body.appendChild(script); } /** * creates an HTML script element with/without provided src * @param {string} [src] - the source path of the script * @return {Object} - the created HTML script element */ function createScript(src) { var script = document.createElement('script'); return src && (script.src = src), script; } /** * creates an HTML script element with the monaco loader src * @return {Object} - the created HTML script element */ function getMonacoLoaderScript(configureLoader) { var state = getState(function (_ref2) { var config = _ref2.config, reject = _ref2.reject; return { config: config, reject: reject }; }); var loaderScript = createScript("".concat(state.config.paths.vs, "/loader.js")); loaderScript.onload = function () { return configureLoader(); }; loaderScript.onerror = state.reject; return loaderScript; } /** * configures the monaco loader */ function configureLoader() { var state = getState(function (_ref3) { var config = _ref3.config, resolve = _ref3.resolve, reject = _ref3.reject; return { config: config, resolve: resolve, reject: reject }; }); var require = window.require; require.config(state.config); require(['vs/editor/editor.main'], function (loaded) { var monaco = loaded.m /* for 0.53 & 0.54 */ || loaded /* for other versions */; storeMonacoInstance(monaco); state.resolve(monaco); }, function (error) { state.reject(error); }); } /** * store monaco instance in local state */ function storeMonacoInstance(monaco) { if (!getState().monaco) { setState({ monaco: monaco }); } } /** * internal helper function * extracts stored monaco instance * @return {Object|null} - the monaco instance */ function __getMonacoInstance() { return getState(function (_ref4) { var monaco = _ref4.monaco; return monaco; }); } var wrapperPromise = new Promise(function (resolve, reject) { return setState({ resolve: resolve, reject: reject }); }); var loader = { config: config, init: init, __getMonacoInstance: __getMonacoInstance }; /***/ }), /***/ "./node_modules/@monaco-editor/loader/lib/es/utils/compose.js": /*!********************************************************************!*\ !*** ./node_modules/@monaco-editor/loader/lib/es/utils/compose.js ***! \********************************************************************/ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": function() { return /* binding */ compose; } /* harmony export */ }); var compose = function compose() { for (var _len = arguments.length, fns = new Array(_len), _key = 0; _key < _len; _key++) { fns[_key] = arguments[_key]; } return function (x) { return fns.reduceRight(function (y, f) { return f(y); }, x); }; }; /***/ }), /***/ "./node_modules/@monaco-editor/loader/lib/es/utils/curry.js": /*!******************************************************************!*\ !*** ./node_modules/@monaco-editor/loader/lib/es/utils/curry.js ***! \******************************************************************/ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": function() { return /* binding */ curry; } /* harmony export */ }); function curry(fn) { return function curried() { var _this = this; for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) { args[_key] = arguments[_key]; } return args.length >= fn.length ? fn.apply(this, args) : function () { for (var _len2 = arguments.length, nextArgs = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) { nextArgs[_key2] = arguments[_key2]; } return curried.apply(_this, [].concat(args, nextArgs)); }; }; } /***/ }), /***/ "./node_modules/@monaco-editor/loader/lib/es/utils/deepMerge.js": /*!**********************************************************************!*\ !*** ./node_modules/@monaco-editor/loader/lib/es/utils/deepMerge.js ***! \**********************************************************************/ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": function() { return /* binding */ merge; } /* harmony export */ }); /* harmony import */ var _virtual_rollupPluginBabelHelpers_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../_virtual/_rollupPluginBabelHelpers.js */ "./node_modules/@monaco-editor/loader/lib/es/_virtual/_rollupPluginBabelHelpers.js"); function merge(target, source) { Object.keys(source).forEach(function (key) { if (source[key] instanceof Object) { if (target[key]) { Object.assign(source[key], merge(target[key], source[key])); } } }); return (0,_virtual_rollupPluginBabelHelpers_js__WEBPACK_IMPORTED_MODULE_0__.objectSpread2)((0,_virtual_rollupPluginBabelHelpers_js__WEBPACK_IMPORTED_MODULE_0__.objectSpread2)({}, target), source); } /***/ }), /***/ "./node_modules/@monaco-editor/loader/lib/es/utils/isObject.js": /*!*********************************************************************!*\ !*** ./node_modules/@monaco-editor/loader/lib/es/utils/isObject.js ***! \*********************************************************************/ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": function() { return /* binding */ isObject; } /* harmony export */ }); function isObject(value) { return {}.toString.call(value).includes('Object'); } /***/ }), /***/ "./node_modules/@monaco-editor/loader/lib/es/utils/makeCancelable.js": /*!***************************************************************************!*\ !*** ./node_modules/@monaco-editor/loader/lib/es/utils/makeCancelable.js ***! \***************************************************************************/ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ CANCELATION_MESSAGE: function() { return /* binding */ CANCELATION_MESSAGE; }, /* harmony export */ "default": function() { return /* binding */ makeCancelable; } /* harmony export */ }); // The source (has been changed) is https://github.com/facebook/react/issues/5465#issuecomment-157888325 var CANCELATION_MESSAGE = { type: 'cancelation', msg: 'operation is manually canceled' }; function makeCancelable(promise) { var hasCanceled_ = false; var wrappedPromise = new Promise(function (resolve, reject) { promise.then(function (val) { return hasCanceled_ ? reject(CANCELATION_MESSAGE) : resolve(val); }); promise["catch"](reject); }); return wrappedPromise.cancel = function () { return hasCanceled_ = true; }, wrappedPromise; } /***/ }), /***/ "./node_modules/@monaco-editor/loader/lib/es/validators/index.js": /*!***********************************************************************!*\ !*** ./node_modules/@monaco-editor/loader/lib/es/validators/index.js ***! \***********************************************************************/ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": function() { return /* binding */ validators; }, /* harmony export */ errorHandler: function() { return /* binding */ errorHandler; }, /* harmony export */ errorMessages: function() { return /* binding */ errorMessages; } /* harmony export */ }); /* harmony import */ var _utils_curry_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../utils/curry.js */ "./node_modules/@monaco-editor/loader/lib/es/utils/curry.js"); /* harmony import */ var _utils_isObject_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../utils/isObject.js */ "./node_modules/@monaco-editor/loader/lib/es/utils/isObject.js"); /** * validates the configuration object and informs about deprecation * @param {Object} config - the configuration object * @return {Object} config - the validated configuration object */ function validateConfig(config) { if (!config) errorHandler('configIsRequired'); if (!(0,_utils_isObject_js__WEBPACK_IMPORTED_MODULE_1__["default"])(config)) errorHandler('configType'); if (config.urls) { informAboutDeprecation(); return { paths: { vs: config.urls.monacoBase } }; } return config; } /** * logs deprecation message */ function informAboutDeprecation() { console.warn(errorMessages.deprecation); } function throwError(errorMessages, type) { throw new Error(errorMessages[type] || errorMessages["default"]); } var errorMessages = { configIsRequired: 'the configuration object is required', configType: 'the configuration object should be an object', "default": 'an unknown error accured in `@monaco-editor/loader` package', deprecation: "Deprecation warning!\n You are using deprecated way of configuration.\n\n Instead of using\n monaco.config({ urls: { monacoBase: '...' } })\n use\n monaco.config({ paths: { vs: '...' } })\n\n For more please check the link https://github.com/suren-atoyan/monaco-loader#config\n " }; var errorHandler = (0,_utils_curry_js__WEBPACK_IMPORTED_MODULE_0__["default"])(throwError)(errorMessages); var validators = { config: validateConfig }; /***/ }), /***/ "./packages/packages/pro/editor-controls-extended/src/components/css-code-editor/css-editor.styles.ts": /*!************************************************************************************************************!*\ !*** ./packages/packages/pro/editor-controls-extended/src/components/css-code-editor/css-editor.styles.ts ***! \************************************************************************************************************/ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ EditorWrapper: function() { return /* binding */ EditorWrapper; }, /* harmony export */ ResizeHandle: function() { return /* binding */ ResizeHandle; } /* harmony export */ }); /* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui"); /* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_0__); const EditorWrapper = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_0__.styled)((0,_elementor_ui__WEBPACK_IMPORTED_MODULE_0__.Box))` /* @noflip */ direction: ltr; border: 1px solid var( --e-a-border-color ); border-radius: 8px; padding: 4px; position: relative; height: 200px; .monaco-editor .suggest-widget { width: 220px !important; max-width: 220px !important; z-index: 1001; } .visual-content-dimmed { opacity: 0.6; color: #aaa !important; pointer-events: none; } .monaco-editor { .margin-view-overlays > div:nth-of-type( 1 ) .cldr.codicon.codicon-folding-expanded { visibility: hidden; } .monaco-scrollable-element { > .scrollbar { width: 6px !important; > .slider { width: 6px !important; } } } } `; const ResizeHandle = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_0__.styled)((0,_elementor_ui__WEBPACK_IMPORTED_MODULE_0__.Button))` position: absolute; bottom: 0; left: 0; right: 0; height: 6px; cursor: ns-resize; background: transparent; border: none; padding: 0; &:hover { background: rgba( 0, 0, 0, 0.05 ); } &:active { background: rgba( 0, 0, 0, 0.1 ); } &::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate( -50%, -50% ); width: 30px; height: 2px; background: var( --e-a-border-color ); border-radius: 1px; } `; /***/ }), /***/ "./packages/packages/pro/editor-controls-extended/src/components/css-code-editor/css-editor.tsx": /*!******************************************************************************************************!*\ !*** ./packages/packages/pro/editor-controls-extended/src/components/css-code-editor/css-editor.tsx ***! \******************************************************************************************************/ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ CssEditor: function() { return /* binding */ CssEditor; } /* harmony export */ }); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls"); /* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__); /* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-ui */ "@elementor/editor-ui"); /* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__); /* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui"); /* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__); /* harmony import */ var _monaco_editor_react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @monaco-editor/react */ "./node_modules/@monaco-editor/react/dist/index.mjs"); /* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n"); /* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__); /* harmony import */ var _css_editor_styles__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./css-editor.styles */ "./packages/packages/pro/editor-controls-extended/src/components/css-code-editor/css-editor.styles.ts"); /* harmony import */ var _css_validation__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./css-validation */ "./packages/packages/pro/editor-controls-extended/src/components/css-code-editor/css-validation.ts"); /* harmony import */ var _resize_handle__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./resize-handle */ "./packages/packages/pro/editor-controls-extended/src/components/css-code-editor/resize-handle.tsx"); /* harmony import */ var _visual_content_change_protection__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./visual-content-change-protection */ "./packages/packages/pro/editor-controls-extended/src/components/css-code-editor/visual-content-change-protection.ts"); const createEditorDidMountHandler = (editorRef, monacoRef, onUserContentChange, setIsValid, syntaxRuleOptions) => { return (editor, monaco) => { editorRef.current = editor; monacoRef.current = monaco; (0,_visual_content_change_protection__WEBPACK_IMPORTED_MODULE_9__.preventChangeOnVisualContent)(editor); (0,_css_validation__WEBPACK_IMPORTED_MODULE_7__.setCustomSyntaxRules)(editor, monaco, syntaxRuleOptions); const initialCode = editor.getModel()?.getValue() ?? ''; const initialUserContent = (0,_visual_content_change_protection__WEBPACK_IMPORTED_MODULE_9__.getActual)(initialCode); onUserContentChange(initialUserContent); monaco.editor.onDidChangeMarkers(() => { (0,_css_validation__WEBPACK_IMPORTED_MODULE_7__.clearMarkersFromVisualContent)(editor, monaco); setIsValid((0,_css_validation__WEBPACK_IMPORTED_MODULE_7__.validate)(editor, monaco)); }); editor.setPosition({ lineNumber: 2, column: (editor.getModel()?.getLineContent(2).length ?? 0) + 1 }); disableFoldingFirstRow(editor); // eslint-disable-next-line no-bitwise editor.addCommand(monaco.KeyMod.CtrlCmd | monaco.KeyCode.KeyA, () => { const editorModel = editor.getModel(); if (!editorModel) { return; } const fullRange = editorModel.getFullModelRange(); const contentEndLine = fullRange.endLineNumber - 1; let endColumn = editorModel.getLineLastNonWhitespaceColumn(contentEndLine); if (endColumn === 0) { endColumn = editorModel.getLineMaxColumn(contentEndLine); } editor.setSelection(new monaco.Selection(fullRange.startLineNumber + 1, fullRange.startColumn, contentEndLine, endColumn)); }); }; }; function disableFoldingFirstRow(editor) { if (!(typeof editor.getDomNode === 'function')) { return; } const marginViewOverlays = editor.getDomNode()?.querySelector('.margin-view-overlays'); const handler = event => { const ev = event; if (ev.button !== 0) { return; } const target = ev.target; const firstElem = marginViewOverlays?.children[0]; const isFirstRow = target === firstElem || target.parentElement === firstElem; if (isFirstRow) { event.preventDefault(); event.stopPropagation(); } }; marginViewOverlays?.addEventListener('mousedown', handler); editor.onDidDispose(() => { marginViewOverlays?.removeEventListener('mousedown', handler); }); } const CssEditor = ({ value, onChange, syntaxRuleOptions, readOnly = false }) => { const theme = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.useTheme)(); const containerRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null); const editorRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null); const monacoRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null); const debounceTimer = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null); const [hasContent, setHasContent] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(value.trim() !== ''); const [isValid, setIsValid] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(true); const [contentVersion, setContentVersion] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(0); useOnUpdate(() => { const code = editorRef.current?.getModel()?.getValue() ?? ''; const userContent = (0,_visual_content_change_protection__WEBPACK_IMPORTED_MODULE_9__.getActual)(code); setHasContent(!userContent.trim()); onChange(userContent, isValid); }, [contentVersion, isValid]); const handleUserContentChange = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(newValue => { setHasContent(newValue.trim() !== ''); }, []); const handleResize = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(() => { editorRef.current?.layout(); }, []); const handleHeightChange = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(height => { if (containerRef.current) { containerRef.current.style.height = `${height}px`; } }, []); const handleEditorChange = () => { if (!editorRef.current || !monacoRef.current) { return; } (0,_css_validation__WEBPACK_IMPORTED_MODULE_7__.setCustomSyntaxRules)(editorRef?.current, monacoRef.current, syntaxRuleOptions); if (debounceTimer.current) { clearTimeout(debounceTimer.current); } debounceTimer.current = setTimeout(() => { setContentVersion(prev => prev + 1); }, 500); }; const handleEditorDidMount = createEditorDidMountHandler(editorRef, monacoRef, handleUserContentChange, setIsValid, syntaxRuleOptions); const handleReset = () => editorRef.current?.getModel()?.setValue((0,_visual_content_change_protection__WEBPACK_IMPORTED_MODULE_9__.setVisualContent)('')); (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { const timerRef = debounceTimer; return () => { const timer = timerRef.current; if (timer) { clearTimeout(timer); } }; }, []); return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__.FloatingActionsBar, { actions: hasContent ? [/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ClearIconButton, { key: "clear", tooltipText: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Clear', 'elementor-pro'), onClick: handleReset })] : [] }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Box, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_css_editor_styles__WEBPACK_IMPORTED_MODULE_6__.EditorWrapper, { ref: containerRef, dir: "ltr" }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_monaco_editor_react__WEBPACK_IMPORTED_MODULE_4__.Editor, { height: "100%", language: "css", theme: theme.palette.mode === 'dark' ? 'vs-dark' : 'vs', value: (0,_visual_content_change_protection__WEBPACK_IMPORTED_MODULE_9__.setVisualContent)(value), onMount: handleEditorDidMount, onChange: handleEditorChange, options: { lineNumbers: 'on', lineNumbersMinChars: 3, folding: true, minimap: { enabled: false }, fontFamily: 'Roboto, Arial, Helvetica, Verdana, sans-serif', fontSize: 12, renderLineHighlight: 'none', hideCursorInOverviewRuler: true, overviewRulerBorder: false, fixedOverflowWidgets: true, suggestFontSize: 10, suggestLineHeight: 14, stickyScroll: { enabled: false }, lineDecorationsWidth: 2, wordWrap: 'on', scrollBeyondLastLine: false, readOnly, editContext: false } }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_resize_handle__WEBPACK_IMPORTED_MODULE_8__.ResizeHandleComponent, { onResize: handleResize, containerRef: containerRef, onHeightChange: handleHeightChange })))); }; function useOnUpdate(callback, dependencies) { const hasMounted = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(false); (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { if (hasMounted.current) { callback(); } else { hasMounted.current = true; } // eslint-disable-next-line react-hooks/exhaustive-deps }, dependencies); } /***/ }), /***/ "./packages/packages/pro/editor-controls-extended/src/components/css-code-editor/css-validation.ts": /*!*********************************************************************************************************!*\ !*** ./packages/packages/pro/editor-controls-extended/src/components/css-code-editor/css-validation.ts ***! \*********************************************************************************************************/ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ clearMarkersFromVisualContent: function() { return /* binding */ clearMarkersFromVisualContent; }, /* harmony export */ setCustomSyntaxRules: function() { return /* binding */ setCustomSyntaxRules; }, /* harmony export */ validate: function() { return /* binding */ validate; } /* harmony export */ }); /* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n"); /* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__); const syntaxRules = { pseudoState: { pattern: '^\\s*[&]{0,1}\\s*(?::hover|:active|:focus)', regex: true, message: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('The use of pseudo-states is not permitted. Instead, switch to the desired pseudo state and add your custom code there.', 'elementor-pro') }, mediaQuery: { pattern: '@media\\s+[^{]*\\b(?:min-width|max-width|width)\\b', regex: true, message: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('The use of @media width queries is not permitted. Instead, switch to the desired breakpoint and add your custom code there.', 'elementor-pro') } }; function setCustomSyntaxRules(editor, monaco, options) { const model = editor.getModel(); if (!model) { return true; } const customMarkers = []; Object.entries(syntaxRules).forEach(([id, rule]) => { if (options?.rules?.[id] === false) { return; } const matches = model.findMatches(rule.pattern, true, rule.regex ?? false, true, null, true); matches.forEach(match => { customMarkers.push({ severity: monaco.MarkerSeverity.Error, message: rule.message, startLineNumber: match.range.startLineNumber, startColumn: match.range.startColumn, endLineNumber: match.range.endLineNumber, endColumn: match.range.endColumn, source: 'custom-css-rules' }); }); }); monaco.editor.setModelMarkers(model, 'custom-css-rules', customMarkers); return customMarkers.length === 0; } function validate(editor, monaco) { const model = editor.getModel(); if (!model) { return true; } const allMarkers = monaco.editor.getModelMarkers({ resource: model.uri }); return allMarkers.filter(marker => marker.severity === monaco.MarkerSeverity.Error).length === 0; } function clearMarkersFromVisualContent(editor, monaco) { const model = editor.getModel(); if (!model) { return; } const allMarkers = monaco.editor.getModelMarkers({ resource: model.uri }); const filteredMarkers = allMarkers.filter(marker => marker.startLineNumber !== 1); const nonCustomMarkers = filteredMarkers.filter(m => m.source !== 'custom-css-rules'); if (nonCustomMarkers.length === allMarkers.length) { return; } monaco.editor.setModelMarkers(model, 'css', nonCustomMarkers); } /***/ }), /***/ "./packages/packages/pro/editor-controls-extended/src/components/css-code-editor/resize-handle.tsx": /*!*********************************************************************************************************!*\ !*** ./packages/packages/pro/editor-controls-extended/src/components/css-code-editor/resize-handle.tsx ***! \*********************************************************************************************************/ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ ResizeHandleComponent: function() { return /* binding */ ResizeHandleComponent; } /* harmony export */ }); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var _css_editor_styles__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./css-editor.styles */ "./packages/packages/pro/editor-controls-extended/src/components/css-code-editor/css-editor.styles.ts"); const ResizeHandleComponent = ({ onResize, containerRef, onHeightChange }) => { const handleResizeMove = react__WEBPACK_IMPORTED_MODULE_0__.useCallback(e => { const container = containerRef.current; if (!container) { return; } const containerRect = container.getBoundingClientRect(); const newHeight = Math.max(100, e.clientY - containerRect.top); onHeightChange?.(newHeight); onResize(newHeight); }, [containerRef, onResize, onHeightChange]); const handleResizeEnd = react__WEBPACK_IMPORTED_MODULE_0__.useCallback(() => { document.removeEventListener('mousemove', handleResizeMove); document.removeEventListener('mouseup', handleResizeEnd); }, [handleResizeMove]); const handleResizeStart = react__WEBPACK_IMPORTED_MODULE_0__.useCallback(e => { e.preventDefault(); e.stopPropagation(); document.addEventListener('mousemove', handleResizeMove); document.addEventListener('mouseup', handleResizeEnd); }, [handleResizeMove, handleResizeEnd]); react__WEBPACK_IMPORTED_MODULE_0__.useEffect(() => { return () => { document.removeEventListener('mousemove', handleResizeMove); document.removeEventListener('mouseup', handleResizeEnd); }; }, [handleResizeMove, handleResizeEnd]); return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_css_editor_styles__WEBPACK_IMPORTED_MODULE_1__.ResizeHandle, { onMouseDown: handleResizeStart, "aria-label": "Resize editor height", title: "Drag to resize editor height" }); }; /***/ }), /***/ "./packages/packages/pro/editor-controls-extended/src/components/css-code-editor/visual-content-change-protection.ts": /*!***************************************************************************************************************************!*\ !*** ./packages/packages/pro/editor-controls-extended/src/components/css-code-editor/visual-content-change-protection.ts ***! \***************************************************************************************************************************/ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ getActual: function() { return /* binding */ getActual; }, /* harmony export */ preventChangeOnVisualContent: function() { return /* binding */ preventChangeOnVisualContent; }, /* harmony export */ setVisualContent: function() { return /* binding */ setVisualContent; } /* harmony export */ }); const preventChangeOnVisualContent = editor => { const model = editor.getModel(); if (!model) { return; } // On first load applyVisualContentStyling(editor, model); // On every change model.onDidChangeContent(() => { applyVisualContentStyling(editor, model); }); disableCursorOnVisualContent(editor); overridePushEditOperations(model); }; const applyVisualContentStyling = (editor, model) => { const decorationsCollection = editor.createDecorationsCollection(); const lineCount = model.getLineCount(); const decorations = []; decorations.push({ range: { startLineNumber: 1, startColumn: 1, endLineNumber: 1, endColumn: model.getLineContent(1).length + 1 }, options: { inlineClassName: 'visual-content-dimmed', isWholeLine: false } }); if (lineCount > 1) { decorations.push({ range: { startLineNumber: lineCount, startColumn: 1, endLineNumber: lineCount, endColumn: model.getLineContent(lineCount).length + 1 }, options: { inlineClassName: 'visual-content-dimmed', isWholeLine: false } }); } decorationsCollection.set(decorations); }; const disableCursorOnVisualContent = editor => { const model = editor.getModel(); if (!model) { return; } editor.onDidChangeCursorPosition(e => { const totalLines = model.getLineCount(); const position = e.position; if (position.lineNumber === 1) { editor.setPosition({ lineNumber: 2, column: 1 }); } else if (position.lineNumber === totalLines) { editor.setPosition({ lineNumber: totalLines - 1, column: model.getLineContent(totalLines - 1).length + 1 }); } }); }; const overridePushEditOperations = model => { const originalPushEditOperations = model.pushEditOperations; model.pushEditOperations = (beforeCursorState, editOperations, cursorStateComputer) => { const totalLines = model.getLineCount(); const modelRange = model.getFullModelRange(); const filteredOperations = editOperations.filter(operation => { const range = operation.range; const affectsProtectedLine = range.startLineNumber === 1 || range.endLineNumber === 1 || range.startLineNumber === totalLines || range.endLineNumber === totalLines; if (affectsProtectedLine && isFullContentReplacement(range, modelRange) && hasVisualContent(operation.text)) { return true; } return !affectsProtectedLine; }); return originalPushEditOperations.call(model, beforeCursorState, filteredOperations, cursorStateComputer); }; }; const isFullContentReplacement = (range, modelRange) => { return range.startLineNumber === modelRange.startLineNumber && range.endLineNumber === modelRange.endLineNumber && range.startColumn === modelRange.startColumn && range.endColumn === modelRange.endColumn; }; const hasVisualContent = text => { if (!text) { return false; } return text.startsWith('element.style {') && text.endsWith('}'); }; const setVisualContent = value => { const trimmed = value.trim(); return `element.style {\n${trimmed ? ' ' + trimmed.replace(/\n/g, '\n ') + '\n' : ' \n'}}`; }; const getActual = value => { const lines = value.split('\n'); if (lines.length < 2) { return ''; } return lines.slice(1, -1).map(line => line.replace(/^ {2}/, '')).join('\n'); }; /***/ }), /***/ "./packages/packages/pro/editor-controls-extended/src/controls/attributes-control.tsx": /*!********************************************************************************************!*\ !*** ./packages/packages/pro/editor-controls-extended/src/controls/attributes-control.tsx ***! \********************************************************************************************/ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ AttributesControl: function() { return /* binding */ AttributesControl; } /* harmony export */ }); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls"); /* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__); /* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n"); /* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__); const AttributesControl = (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.createControl)(() => { const getHelperText = (key, value) => { if (value && !key) { return { keyHelper: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)("Empty attribute names aren't valid and won't render on the page.", 'elementor-pro') }; } return {}; }; return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.KeyValueControl, { keyName: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Name', 'elementor-pro'), valueName: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Value', 'elementor-pro'), regexKey: "^[a-zA-Z0-9_-]*$", validationErrorMessage: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Names can only use letters, numbers, dashes (-) and underscores (_).', 'elementor-pro'), getHelperText: getHelperText }); }); /***/ }), /***/ "./packages/packages/pro/editor-controls-extended/src/controls/display-conditions-control.tsx": /*!****************************************************************************************************!*\ !*** ./packages/packages/pro/editor-controls-extended/src/controls/display-conditions-control.tsx ***! \****************************************************************************************************/ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ DisplayConditionsControl: function() { return /* binding */ DisplayConditionsControl; } /* harmony export */ }); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls"); /* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__); /* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons"); /* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__); /* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui"); /* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__); /* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n"); /* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__); /* harmony import */ var _prop_types_display_conditions__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../prop-types/display-conditions */ "./packages/packages/pro/editor-controls-extended/src/prop-types/display-conditions.ts"); /* harmony import */ var _utils_display_conditions_utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../utils/display-conditions-utils */ "./packages/packages/pro/editor-controls-extended/src/utils/display-conditions-utils.ts"); const OPEN_MODAL_EVENT = 'elementor/display-conditions/open'; const CLOSE_MODAL_EVENT = 'elementor/display-conditions/close'; const SET_CACHE_NOTICE_STATUS_EVENT = 'elementor/display-conditions/set-cache-notice-status'; const ariaLabel = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Display Conditions', 'elementor-pro'); async function setCacheNoticeStatus() { return new Promise((resolve, reject) => { window.dispatchEvent(new CustomEvent(SET_CACHE_NOTICE_STATUS_EVENT, { detail: { resolve, reject } })); }); } const DisplayConditionsControl = (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.createControl)(({ disabled = false }) => { const { setValue, value: displayConditionsValue } = (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.useBoundProp)(_prop_types_display_conditions__WEBPACK_IMPORTED_MODULE_5__.displayConditionsPropTypeUtil); const [isModalOpen, setIsModalOpen] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false); const hasValue = !!displayConditionsValue?.length; const setControlValue = value => setValue((0,_utils_display_conditions_utils__WEBPACK_IMPORTED_MODULE_6__.transformV3ToV4)(JSON.parse(value ?? '[]'))); const getControlValue = () => (0,_utils_display_conditions_utils__WEBPACK_IMPORTED_MODULE_6__.transformV4ToV3)(displayConditionsValue) ?? []; const onClose = () => { setIsModalOpen(false); window.dispatchEvent(new CustomEvent(CLOSE_MODAL_EVENT)); }; const conditions = getControlValue(); const openConditionsModal = () => { setIsModalOpen(true); window.dispatchEvent(new CustomEvent(OPEN_MODAL_EVENT, { detail: { props: { getControlValue, setControlValue, onClose, setCacheNoticeStatus } } })); }; return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Stack, { direction: "row", spacing: 2, sx: { justifyContent: 'flex-end', alignItems: 'center' } }, disabled && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Chip, { icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.CrownFilledIcon, { fontSize: "tiny" }), size: "tiny", color: "promotion", variant: "standard", sx: { width: '20px', '& .MuiChip-label': { display: 'none' } } }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Tooltip, { title: ariaLabel, placement: "top" }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Box, { sx: { cursor: disabled ? 'not-allowed' : 'pointer', display: 'inline-flex' } }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.ToggleButton, { value: JSON.stringify(conditions), size: "tiny", variant: "outline", "aria-pressed": hasValue, "aria-expanded": isModalOpen, selected: hasValue, "aria-haspopup": "dialog", "aria-label": ariaLabel, onClick: openConditionsModal, disabled: disabled, sx: { pointerEvents: disabled ? 'none' : 'auto' }, "data-behavior": "display-conditions" }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.SitemapIcon, { fontSize: "tiny" })))))); }); /***/ }), /***/ "./packages/packages/pro/editor-controls-extended/src/controls/options-control.tsx": /*!*****************************************************************************************!*\ !*** ./packages/packages/pro/editor-controls-extended/src/controls/options-control.tsx ***! \*****************************************************************************************/ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ OptionsControl: function() { return /* binding */ OptionsControl; } /* harmony export */ }); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls"); /* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__); /* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n"); /* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__); const OptionsControl = (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.createControl)(() => { return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.KeyValueControl, { keyName: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Name', 'elementor-pro'), valueName: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Value', 'elementor-pro') }); }); /***/ }), /***/ "./packages/packages/pro/editor-controls-extended/src/extend-transition-properties.ts": /*!********************************************************************************************!*\ !*** ./packages/packages/pro/editor-controls-extended/src/extend-transition-properties.ts ***! \********************************************************************************************/ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ extendTransitionProperties: function() { return /* binding */ extendTransitionProperties; }, /* harmony export */ transitionProperties: function() { return /* reexport safe */ _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.transitionProperties; }, /* harmony export */ transitionsItemsList: function() { return /* reexport safe */ _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.transitionsItemsList; } /* harmony export */ }); /* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls"); /* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__); function extendTransitionProperties(isDisabled = false) { if (!_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.transitionProperties || _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.transitionProperties.length === 0) { return; } _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.transitionProperties.forEach(category => { category.properties.forEach(property => { if (property.value !== 'all') { property.isDisabled = isDisabled; } }); }); _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.transitionsItemsList.splice(0, _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.transitionsItemsList.length, ..._elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.transitionProperties.map(category => ({ label: category.label, items: category.properties.map(property => property.label) }))); } /***/ }), /***/ "./packages/packages/pro/editor-controls-extended/src/init.ts": /*!********************************************************************!*\ !*** ./packages/packages/pro/editor-controls-extended/src/init.ts ***! \********************************************************************/ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ init: function() { return /* binding */ init; } /* harmony export */ }); /* harmony import */ var _elementor_license_api__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/license-api */ "@elementor/license-api"); /* harmony import */ var _elementor_license_api__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_license_api__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var _extend_transition_properties__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./extend-transition-properties */ "./packages/packages/pro/editor-controls-extended/src/extend-transition-properties.ts"); async function init() { const [isExpired, features] = await Promise.all([(0,_elementor_license_api__WEBPACK_IMPORTED_MODULE_0__.fetchLicenseStatus)().catch(() => false), (0,_elementor_license_api__WEBPACK_IMPORTED_MODULE_0__.fetchTierFeatures)().catch(() => [])]); if (features.includes('transitions')) { (0,_extend_transition_properties__WEBPACK_IMPORTED_MODULE_1__.extendTransitionProperties)(isExpired); } } /***/ }), /***/ "./packages/packages/pro/editor-controls-extended/src/prop-types/condition-group.ts": /*!******************************************************************************************!*\ !*** ./packages/packages/pro/editor-controls-extended/src/prop-types/condition-group.ts ***! \******************************************************************************************/ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ conditionGroupPropTypeUtil: function() { return /* binding */ conditionGroupPropTypeUtil; } /* harmony export */ }); /* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-props */ "@elementor/editor-props"); /* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var _elementor_schema__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/schema */ "@elementor/schema"); /* harmony import */ var _elementor_schema__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_schema__WEBPACK_IMPORTED_MODULE_1__); const unknownChildrenSchema = _elementor_schema__WEBPACK_IMPORTED_MODULE_1__.z.any().nullable(); const conditionGroupPropTypeUtil = (0,_elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__.createPropUtils)('condition-group', _elementor_schema__WEBPACK_IMPORTED_MODULE_1__.z.array(unknownChildrenSchema)); /***/ }), /***/ "./packages/packages/pro/editor-controls-extended/src/prop-types/display-conditions.ts": /*!*********************************************************************************************!*\ !*** ./packages/packages/pro/editor-controls-extended/src/prop-types/display-conditions.ts ***! \*********************************************************************************************/ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ displayConditionsPropTypeUtil: function() { return /* binding */ displayConditionsPropTypeUtil; } /* harmony export */ }); /* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-props */ "@elementor/editor-props"); /* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var _elementor_schema__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/schema */ "@elementor/schema"); /* harmony import */ var _elementor_schema__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_schema__WEBPACK_IMPORTED_MODULE_1__); const unknownChildrenSchema = _elementor_schema__WEBPACK_IMPORTED_MODULE_1__.z.any().nullable(); const displayConditionsPropTypeUtil = (0,_elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__.createPropUtils)('display-conditions', _elementor_schema__WEBPACK_IMPORTED_MODULE_1__.z.array(unknownChildrenSchema)); /***/ }), /***/ "./packages/packages/pro/editor-controls-extended/src/utils/display-conditions-utils.ts": /*!**********************************************************************************************!*\ !*** ./packages/packages/pro/editor-controls-extended/src/utils/display-conditions-utils.ts ***! \**********************************************************************************************/ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ transformV3ToV4: function() { return /* binding */ transformV3ToV4; }, /* harmony export */ transformV4ToV3: function() { return /* binding */ transformV4ToV3; } /* harmony export */ }); /* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-props */ "@elementor/editor-props"); /* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__); // Value must be falsy for navigator indication to work properly function transformV3ToV4(displayConditions) { if (!Array.isArray(displayConditions) || !displayConditions?.length) { return null; } const transformed = displayConditions.filter(conditionGroup => !!conditionGroup?.length).map(conditionGroup => ({ $$type: 'condition-group', value: conditionGroup.map(condition => _elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__.stringPropTypeUtil.create(JSON.stringify(condition))) })); return transformed.length ? transformed : null; } function transformV4ToV3(value) { const conditionGroups = value; const transformed = conditionGroups?.map(group => group.value.map(conditions => { return JSON.parse(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__.stringPropTypeUtil.extract(conditions) ?? '[]'); })) ?? null; return getStructuredConditions(transformed); } function shouldConvertConditionsStructure(conditions) { return !!conditions?.length && !Array.isArray(conditions?.[0]); } function getStructuredConditions(conditions) { return shouldConvertConditionsStructure(conditions) ? [conditions] : conditions; } /***/ }), /***/ "./node_modules/state-local/lib/es/state-local.js": /*!********************************************************!*\ !*** ./node_modules/state-local/lib/es/state-local.js ***! \********************************************************/ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; } function _objectSpread2(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } function compose() { for (var _len = arguments.length, fns = new Array(_len), _key = 0; _key < _len; _key++) { fns[_key] = arguments[_key]; } return function (x) { return fns.reduceRight(function (y, f) { return f(y); }, x); }; } function curry(fn) { return function curried() { var _this = this; for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) { args[_key2] = arguments[_key2]; } return args.length >= fn.length ? fn.apply(this, args) : function () { for (var _len3 = arguments.length, nextArgs = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) { nextArgs[_key3] = arguments[_key3]; } return curried.apply(_this, [].concat(args, nextArgs)); }; }; } function isObject(value) { return {}.toString.call(value).includes('Object'); } function isEmpty(obj) { return !Object.keys(obj).length; } function isFunction(value) { return typeof value === 'function'; } function hasOwnProperty(object, property) { return Object.prototype.hasOwnProperty.call(object, property); } function validateChanges(initial, changes) { if (!isObject(changes)) errorHandler('changeType'); if (Object.keys(changes).some(function (field) { return !hasOwnProperty(initial, field); })) errorHandler('changeField'); return changes; } function validateSelector(selector) { if (!isFunction(selector)) errorHandler('selectorType'); } function validateHandler(handler) { if (!(isFunction(handler) || isObject(handler))) errorHandler('handlerType'); if (isObject(handler) && Object.values(handler).some(function (_handler) { return !isFunction(_handler); })) errorHandler('handlersType'); } function validateInitial(initial) { if (!initial) errorHandler('initialIsRequired'); if (!isObject(initial)) errorHandler('initialType'); if (isEmpty(initial)) errorHandler('initialContent'); } function throwError(errorMessages, type) { throw new Error(errorMessages[type] || errorMessages["default"]); } var errorMessages = { initialIsRequired: 'initial state is required', initialType: 'initial state should be an object', initialContent: 'initial state shouldn\'t be an empty object', handlerType: 'handler should be an object or a function', handlersType: 'all handlers should be a functions', selectorType: 'selector should be a function', changeType: 'provided value of changes should be an object', changeField: 'it seams you want to change a field in the state which is not specified in the "initial" state', "default": 'an unknown error accured in `state-local` package' }; var errorHandler = curry(throwError)(errorMessages); var validators = { changes: validateChanges, selector: validateSelector, handler: validateHandler, initial: validateInitial }; function create(initial) { var handler = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; validators.initial(initial); validators.handler(handler); var state = { current: initial }; var didUpdate = curry(didStateUpdate)(state, handler); var update = curry(updateState)(state); var validate = curry(validators.changes)(initial); var getChanges = curry(extractChanges)(state); function getState() { var selector = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : function (state) { return state; }; validators.selector(selector); return selector(state.current); } function setState(causedChanges) { compose(didUpdate, update, validate, getChanges)(causedChanges); } return [getState, setState]; } function extractChanges(state, causedChanges) { return isFunction(causedChanges) ? causedChanges(state.current) : causedChanges; } function updateState(state, changes) { state.current = _objectSpread2(_objectSpread2({}, state.current), changes); return changes; } function didStateUpdate(state, handler, changes) { isFunction(handler) ? handler(state.current) : Object.keys(changes).forEach(function (field) { var _handler$field; return (_handler$field = handler[field]) === null || _handler$field === void 0 ? void 0 : _handler$field.call(handler, state.current[field]); }); return changes; } var index = { create: create }; /* harmony default export */ __webpack_exports__["default"] = (index); /***/ }), /***/ "react": /*!**************************!*\ !*** external ["React"] ***! \**************************/ /***/ (function(module) { module.exports = window["React"]; /***/ }), /***/ "@elementor/editor-controls": /*!*************************************************!*\ !*** external ["elementorV2","editorControls"] ***! \*************************************************/ /***/ (function(module) { module.exports = window["elementorV2"]["editorControls"]; /***/ }), /***/ "@elementor/editor-props": /*!**********************************************!*\ !*** external ["elementorV2","editorProps"] ***! \**********************************************/ /***/ (function(module) { module.exports = window["elementorV2"]["editorProps"]; /***/ }), /***/ "@elementor/editor-ui": /*!*******************************************!*\ !*** external ["elementorV2","editorUi"] ***! \*******************************************/ /***/ (function(module) { module.exports = window["elementorV2"]["editorUi"]; /***/ }), /***/ "@elementor/icons": /*!****************************************!*\ !*** external ["elementorV2","icons"] ***! \****************************************/ /***/ (function(module) { module.exports = window["elementorV2"]["icons"]; /***/ }), /***/ "@elementor/license-api": /*!*********************************************!*\ !*** external ["elementorV2","licenseApi"] ***! \*********************************************/ /***/ (function(module) { module.exports = window["elementorV2"]["licenseApi"]; /***/ }), /***/ "@elementor/schema": /*!*****************************************!*\ !*** external ["elementorV2","schema"] ***! \*****************************************/ /***/ (function(module) { module.exports = window["elementorV2"]["schema"]; /***/ }), /***/ "@elementor/ui": /*!*************************************!*\ !*** external ["elementorV2","ui"] ***! \*************************************/ /***/ (function(module) { module.exports = window["elementorV2"]["ui"]; /***/ }), /***/ "@wordpress/i18n": /*!******************************!*\ !*** external ["wp","i18n"] ***! \******************************/ /***/ (function(module) { module.exports = window["wp"]["i18n"]; /***/ }), /***/ "./node_modules/@monaco-editor/react/dist/index.mjs": /*!**********************************************************!*\ !*** ./node_modules/@monaco-editor/react/dist/index.mjs ***! \**********************************************************/ /***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ DiffEditor: function() { return /* binding */ we; }, /* harmony export */ Editor: function() { return /* binding */ de; }, /* harmony export */ "default": function() { return /* binding */ Ft; }, /* harmony export */ loader: function() { return /* reexport safe */ _monaco_editor_loader__WEBPACK_IMPORTED_MODULE_0__["default"]; }, /* harmony export */ useMonaco: function() { return /* binding */ Le; } /* harmony export */ }); /* harmony import */ var _monaco_editor_loader__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @monaco-editor/loader */ "./node_modules/@monaco-editor/loader/lib/es/index.js"); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react"); var le={wrapper:{display:"flex",position:"relative",textAlign:"initial"},fullWidth:{width:"100%"},hide:{display:"none"}},v=le;var ae={container:{display:"flex",height:"100%",width:"100%",justifyContent:"center",alignItems:"center"}},Y=ae;function Me({children:e}){return react__WEBPACK_IMPORTED_MODULE_1__.createElement("div",{style:Y.container},e)}var Z=Me;var $=Z;function Ee({width:e,height:r,isEditorReady:n,loading:t,_ref:a,className:m,wrapperProps:E}){return react__WEBPACK_IMPORTED_MODULE_1__.createElement("section",{style:{...v.wrapper,width:e,height:r},...E},!n&&react__WEBPACK_IMPORTED_MODULE_1__.createElement($,null,t),react__WEBPACK_IMPORTED_MODULE_1__.createElement("div",{ref:a,style:{...v.fullWidth,...!n&&v.hide},className:m}))}var ee=Ee;var H=(0,react__WEBPACK_IMPORTED_MODULE_1__.memo)(ee);function Ce(e){(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(e,[])}var k=Ce;function he(e,r,n=!0){let t=(0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(!0);(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(t.current||!n?()=>{t.current=!1}:e,r)}var l=he;function D(){}function h(e,r,n,t){return De(e,t)||be(e,r,n,t)}function De(e,r){return e.editor.getModel(te(e,r))}function be(e,r,n,t){return e.editor.createModel(r,n,t?te(e,t):void 0)}function te(e,r){return e.Uri.parse(r)}function Oe({original:e,modified:r,language:n,originalLanguage:t,modifiedLanguage:a,originalModelPath:m,modifiedModelPath:E,keepCurrentOriginalModel:g=!1,keepCurrentModifiedModel:N=!1,theme:x="light",loading:P="Loading...",options:y={},height:V="100%",width:z="100%",className:F,wrapperProps:j={},beforeMount:A=D,onMount:q=D}){let[M,O]=(0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(!1),[T,s]=(0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(!0),u=(0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null),c=(0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null),w=(0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null),d=(0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(q),o=(0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(A),b=(0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(!1);k(()=>{let i=_monaco_editor_loader__WEBPACK_IMPORTED_MODULE_0__["default"].init();return i.then(f=>(c.current=f)&&s(!1)).catch(f=>f?.type!=="cancelation"&&console.error("Monaco initialization: error:",f)),()=>u.current?I():i.cancel()}),l(()=>{if(u.current&&c.current){let i=u.current.getOriginalEditor(),f=h(c.current,e||"",t||n||"text",m||"");f!==i.getModel()&&i.setModel(f)}},[m],M),l(()=>{if(u.current&&c.current){let i=u.current.getModifiedEditor(),f=h(c.current,r||"",a||n||"text",E||"");f!==i.getModel()&&i.setModel(f)}},[E],M),l(()=>{let i=u.current.getModifiedEditor();i.getOption(c.current.editor.EditorOption.readOnly)?i.setValue(r||""):r!==i.getValue()&&(i.executeEdits("",[{range:i.getModel().getFullModelRange(),text:r||"",forceMoveMarkers:!0}]),i.pushUndoStop())},[r],M),l(()=>{u.current?.getModel()?.original.setValue(e||"")},[e],M),l(()=>{let{original:i,modified:f}=u.current.getModel();c.current.editor.setModelLanguage(i,t||n||"text"),c.current.editor.setModelLanguage(f,a||n||"text")},[n,t,a],M),l(()=>{c.current?.editor.setTheme(x)},[x],M),l(()=>{u.current?.updateOptions(y)},[y],M);let L=(0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(()=>{if(!c.current)return;o.current(c.current);let i=h(c.current,e||"",t||n||"text",m||""),f=h(c.current,r||"",a||n||"text",E||"");u.current?.setModel({original:i,modified:f})},[n,r,a,e,t,m,E]),U=(0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(()=>{!b.current&&w.current&&(u.current=c.current.editor.createDiffEditor(w.current,{automaticLayout:!0,...y}),L(),c.current?.editor.setTheme(x),O(!0),b.current=!0)},[y,x,L]);(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(()=>{M&&d.current(u.current,c.current)},[M]),(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(()=>{!T&&!M&&U()},[T,M,U]);function I(){let i=u.current?.getModel();g||i?.original?.dispose(),N||i?.modified?.dispose(),u.current?.dispose()}return react__WEBPACK_IMPORTED_MODULE_1__.createElement(H,{width:z,height:V,isEditorReady:M,loading:P,_ref:w,className:F,wrapperProps:j})}var ie=Oe;var we=(0,react__WEBPACK_IMPORTED_MODULE_1__.memo)(ie);function Pe(){let[e,r]=(0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(_monaco_editor_loader__WEBPACK_IMPORTED_MODULE_0__["default"].__getMonacoInstance());return k(()=>{let n;return e||(n=_monaco_editor_loader__WEBPACK_IMPORTED_MODULE_0__["default"].init(),n.then(t=>{r(t)})),()=>n?.cancel()}),e}var Le=Pe;function He(e){let r=(0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)();return (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(()=>{r.current=e},[e]),r.current}var se=He;var _=new Map;function Ve({defaultValue:e,defaultLanguage:r,defaultPath:n,value:t,language:a,path:m,theme:E="light",line:g,loading:N="Loading...",options:x={},overrideServices:P={},saveViewState:y=!0,keepCurrentModel:V=!1,width:z="100%",height:F="100%",className:j,wrapperProps:A={},beforeMount:q=D,onMount:M=D,onChange:O,onValidate:T=D}){let[s,u]=(0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(!1),[c,w]=(0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(!0),d=(0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null),o=(0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null),b=(0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null),L=(0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(M),U=(0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(q),I=(0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(),i=(0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(t),f=se(m),Q=(0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(!1),B=(0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(!1);k(()=>{let p=_monaco_editor_loader__WEBPACK_IMPORTED_MODULE_0__["default"].init();return p.then(R=>(d.current=R)&&w(!1)).catch(R=>R?.type!=="cancelation"&&console.error("Monaco initialization: error:",R)),()=>o.current?pe():p.cancel()}),l(()=>{let p=h(d.current,e||t||"",r||a||"",m||n||"");p!==o.current?.getModel()&&(y&&_.set(f,o.current?.saveViewState()),o.current?.setModel(p),y&&o.current?.restoreViewState(_.get(m)))},[m],s),l(()=>{o.current?.updateOptions(x)},[x],s),l(()=>{!o.current||t===void 0||(o.current.getOption(d.current.editor.EditorOption.readOnly)?o.current.setValue(t):t!==o.current.getValue()&&(B.current=!0,o.current.executeEdits("",[{range:o.current.getModel().getFullModelRange(),text:t,forceMoveMarkers:!0}]),o.current.pushUndoStop(),B.current=!1))},[t],s),l(()=>{let p=o.current?.getModel();p&&a&&d.current?.editor.setModelLanguage(p,a)},[a],s),l(()=>{g!==void 0&&o.current?.revealLine(g)},[g],s),l(()=>{d.current?.editor.setTheme(E)},[E],s);let X=(0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(()=>{if(!(!b.current||!d.current)&&!Q.current){U.current(d.current);let p=m||n,R=h(d.current,t||e||"",r||a||"",p||"");o.current=d.current?.editor.create(b.current,{model:R,automaticLayout:!0,...x},P),y&&o.current.restoreViewState(_.get(p)),d.current.editor.setTheme(E),g!==void 0&&o.current.revealLine(g),u(!0),Q.current=!0}},[e,r,n,t,a,m,x,P,y,E,g]);(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(()=>{s&&L.current(o.current,d.current)},[s]),(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(()=>{!c&&!s&&X()},[c,s,X]),i.current=t,(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(()=>{s&&O&&(I.current?.dispose(),I.current=o.current?.onDidChangeModelContent(p=>{B.current||O(o.current.getValue(),p)}))},[s,O]),(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(()=>{if(s){let p=d.current.editor.onDidChangeMarkers(R=>{let G=o.current.getModel()?.uri;if(G&&R.find(J=>J.path===G.path)){let J=d.current.editor.getModelMarkers({resource:G});T?.(J)}});return()=>{p?.dispose()}}return()=>{}},[s,T]);function pe(){I.current?.dispose(),V?y&&_.set(m,o.current.saveViewState()):o.current.getModel()?.dispose(),o.current.dispose()}return react__WEBPACK_IMPORTED_MODULE_1__.createElement(H,{width:z,height:F,isEditorReady:s,loading:N,_ref:b,className:j,wrapperProps:A})}var fe=Ve;var de=(0,react__WEBPACK_IMPORTED_MODULE_1__.memo)(fe);var Ft=de; //# sourceMappingURL=index.mjs.map /***/ }) /******/ }); /************************************************************************/ /******/ // The module cache /******/ var __webpack_module_cache__ = {}; /******/ /******/ // The require function /******/ function __webpack_require__(moduleId) { /******/ // Check if module is in cache /******/ var cachedModule = __webpack_module_cache__[moduleId]; /******/ if (cachedModule !== undefined) { /******/ return cachedModule.exports; /******/ } /******/ // Create a new module (and put it into the cache) /******/ var module = __webpack_module_cache__[moduleId] = { /******/ // no module.id needed /******/ // no module.loaded needed /******/ exports: {} /******/ }; /******/ /******/ // Execute the module function /******/ if (!(moduleId in __webpack_modules__)) { /******/ delete __webpack_module_cache__[moduleId]; /******/ var e = new Error("Cannot find module '" + moduleId + "'"); /******/ e.code = 'MODULE_NOT_FOUND'; /******/ throw e; /******/ } /******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); /******/ /******/ // Return the exports of the module /******/ return module.exports; /******/ } /******/ /************************************************************************/ /******/ /* webpack/runtime/compat get default export */ /******/ !function() { /******/ // getDefaultExport function for compatibility with non-harmony modules /******/ __webpack_require__.n = function(module) { /******/ var getter = module && module.__esModule ? /******/ function() { return module['default']; } : /******/ function() { return module; }; /******/ __webpack_require__.d(getter, { a: getter }); /******/ return getter; /******/ }; /******/ }(); /******/ /******/ /* webpack/runtime/define property getters */ /******/ !function() { /******/ // define getter functions for harmony exports /******/ __webpack_require__.d = function(exports, definition) { /******/ for(var key in definition) { /******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { /******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); /******/ } /******/ } /******/ }; /******/ }(); /******/ /******/ /* webpack/runtime/hasOwnProperty shorthand */ /******/ !function() { /******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); } /******/ }(); /******/ /******/ /* webpack/runtime/make namespace object */ /******/ !function() { /******/ // define __esModule on exports /******/ __webpack_require__.r = function(exports) { /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); /******/ } /******/ Object.defineProperty(exports, '__esModule', { value: true }); /******/ }; /******/ }(); /******/ /************************************************************************/ var __webpack_exports__ = {}; // This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk. !function() { /*!*********************************************************************!*\ !*** ./packages/packages/pro/editor-controls-extended/src/index.ts ***! \*********************************************************************/ __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ AttributesControl: function() { return /* reexport safe */ _controls_attributes_control__WEBPACK_IMPORTED_MODULE_1__.AttributesControl; }, /* harmony export */ CssEditor: function() { return /* reexport safe */ _components_css_code_editor_css_editor__WEBPACK_IMPORTED_MODULE_6__.CssEditor; }, /* harmony export */ DisplayConditionsControl: function() { return /* reexport safe */ _controls_display_conditions_control__WEBPACK_IMPORTED_MODULE_3__.DisplayConditionsControl; }, /* harmony export */ OptionsControl: function() { return /* reexport safe */ _controls_options_control__WEBPACK_IMPORTED_MODULE_2__.OptionsControl; }, /* harmony export */ conditionGroupPropTypeUtil: function() { return /* reexport safe */ _prop_types_condition_group__WEBPACK_IMPORTED_MODULE_5__.conditionGroupPropTypeUtil; }, /* harmony export */ displayConditionsPropTypeUtil: function() { return /* reexport safe */ _prop_types_display_conditions__WEBPACK_IMPORTED_MODULE_4__.displayConditionsPropTypeUtil; } /* harmony export */ }); /* harmony import */ var _init__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./init */ "./packages/packages/pro/editor-controls-extended/src/init.ts"); /* harmony import */ var _controls_attributes_control__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./controls/attributes-control */ "./packages/packages/pro/editor-controls-extended/src/controls/attributes-control.tsx"); /* harmony import */ var _controls_options_control__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./controls/options-control */ "./packages/packages/pro/editor-controls-extended/src/controls/options-control.tsx"); /* harmony import */ var _controls_display_conditions_control__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./controls/display-conditions-control */ "./packages/packages/pro/editor-controls-extended/src/controls/display-conditions-control.tsx"); /* harmony import */ var _prop_types_display_conditions__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./prop-types/display-conditions */ "./packages/packages/pro/editor-controls-extended/src/prop-types/display-conditions.ts"); /* harmony import */ var _prop_types_condition_group__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./prop-types/condition-group */ "./packages/packages/pro/editor-controls-extended/src/prop-types/condition-group.ts"); /* harmony import */ var _components_css_code_editor_css_editor__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./components/css-code-editor/css-editor */ "./packages/packages/pro/editor-controls-extended/src/components/css-code-editor/css-editor.tsx"); (0,_init__WEBPACK_IMPORTED_MODULE_0__.init)(); }(); (window.elementorV2 = window.elementorV2 || {}).editorControlsExtended = __webpack_exports__; /******/ })() ; window.elementorV2.editorControlsExtended?.init?.(); United Kingdom | Travel in the United Kingdom | Char's Footsteps https://www.charsfootsteps.com/travel/united-kingdom/ Best Female Travel Blogs 2024 Mon, 08 Dec 2025 21:35:15 +0000 en-US hourly 1 Bank Holidays 2026 and How to Maximise Your Annual Leave https://www.charsfootsteps.com/travel/united-kingdom/maximise-annual-leave/?utm_source=rss&utm_medium=rss&utm_campaign=maximise-annual-leave https://www.charsfootsteps.com/travel/united-kingdom/maximise-annual-leave/#respond Mon, 18 Nov 2024 04:57:49 +0000 https://www.charsfootsteps.com/?p=4067 As someone who loves to travel but is constrained by a 9-5 job, I’m always look to maximise my annual leave. Using the UK bank holidays, I’ve stretched a handle of annual leave days into a collection of longer trips spaced out throughout the year. This approach has helped me visit over 55 countries! I’ve […]

The post Bank Holidays 2026 and How to Maximise Your Annual Leave appeared first on Char's Footsteps.

]]> As someone who loves to travel but is constrained by a 9-5 job, I’m always look to maximise my annual leave. Using the UK bank holidays, I’ve stretched a handle of annual leave days into a collection of longer trips spaced out throughout the year. This approach has helped me visit over 55 countries!

I’ve put this guide together to help break down exactly which days to book off in 2026 to maximise your time away. I’ve also included a few global desintation recommendations to visit for each period based on reliable weather. From Easter getaways and May sunshine to late-summer breaks and winter sun holidays over Christmas, here’s how to make your 2026 annual leave work harder…so you don’t have to!

UK Bank Holidays 2026

The UK bank holidays in 2026 are as follows:

  • New Year’s Day: Thursday, 1st January 2026
  • Good Friday: Friday, 3rd April 2026
  • Easter Monday: Monday, 6th April 2026
  • Early May Bank Holiday: Monday, 4th May 2026
  • Spring Bank Holiday: Monday, 25th May 2026
  • Summer Bank Holiday: Monday, 31st August 2026
  • Christmas Day: Friday, 25th December 2026
  • Boxing Day: Monday, 28th December 2026
hiking ella rock

How to Maximise Annual Leave 2026

Spring / Easter Holidays – 4 days leave for 10 days off

  • Dates to book: Monday, 30th March – Thursday, 2nd April 2026
  • Total days off: 10 consecutive days offs – combined with the weekend, Good Friday and Easter Monday, you get Sat 28th Mar – Mon 6th April.
  • Leave used: 4 days

There are lots of great places to visit at this time of year. Countries in Asia with good weather at this time include Singapore, Malaysia and Bali. Morocco (Marrakech, Agadir), Cyprus, Canary Islands, Florida (other places in USA). A bucket list place for me would be the Japanese Cherry Blossoms!

Early May Break – 4 days leave for 9 days off

  • Dates to book: Tuesday 5th May – Friday 8th May 2026
  • Total days off: 9 consecutive days offs – with the May bank holiday, you get Sat 2nd May – Sun 10th May.
  • Leave used: 4 days

A few favourites to visit In May include places in USA (West Coast National Parks) Turkey, Malta, Northern Australia and Queensland, Greek Islands (Crete, Rhodes, Santorini) and Italy (Sicily, Amalfi, Puglia))

Late May / Spring Bank Holiday – 4 days leave for 9 days off

  • Dates to book: Tuesday 26th May – Friday 29th May 2026
  • Total days off: 9 consecutive days offs – with the bank holiday Monday, you get Sat 23rd May – Sun 31st May.
  • Leave used: 4 days

I love using this time to visit places in Europe before it gets too hot or crowded! Porto, Lisbon (or anywhere in Portugal!), Rome, Croatia, South of France, and Spain are some of my favourites. China is also meant to be good at this time of year (along with Autumn).

Summer Break – 4 days leave for 9 days off

  • Dates to book: Tuesday 1st September – Friday 4th September 2026
  • Total days off: 9 consecutive days offs – with the bank holiday Monday, you get Sat 29th August – Sun 6th Sept.
  • Leave used: 4 days

The August Bank Holiday is a great time to travel as it’s usually towards the end of the school holidays and avoids the peak European heat. One of the best places I’ve been to during this time was Jordan! I was there for about 10 days, visiting places like Petra, Wadi Rum, Amman and Dana Biosphere Reserve. Other great places are the Greek Islands, Spain, Portugal, Canada (Vancouver, the Rockies) and Indonesia.

Christmas Holidays and New Year – 3 days leave for 9 days off

  • Dates to book: Tuesday, 29th December – Thursday, 31st December 2026
  • Total days off: 5 (Wednesday, 1 January – Sunday, 5 January) – combine Christmas Day off on the Friday, the weekend and Monday 28th (boxing day substitute) means you’re taking 3 days off for a 9-day break
  • Leave used: 3 days

Travelling during the Christmas and New Year period is usually one of the most expensive times of year! Book ahead if you plan to go away during this time – particularly if you’re looking for a winter sun holiday. Great places to visit during this time include South Africa (Cape Town & the Garden Route), the Caribbean, the Maldives, Thailand (Phuket, Krabi, Bangkok), Mexico (Cancun, Tulum, Holbox), Hawaii, Sri Lanka, the Middle East (UAE, Qatar etc), and if you have more time, Australia and New Zealand!

Using this plan can stretch your annual leave in 2026 from 19 days to 46 days off! I recommend planning and booking early! Using bank holidays helps to maximise your annual leave but it’s the more expensive option.

Related Posts

things to do in mexico city
Mexico Category

Things to Do in Mexico City

Mexico City, the capital of Mexico, is a vibrant, bustling metropolis known for its rich history, cultural landmarks and varied …
Read More
London

Regents Canal Walk

The Regent’s Canal is approximately 9 miles (14km) long, connecting Paddington in the west to Limehouse Basin in the east …
Read More
Mexico Category

A Day Trip to Xochimilco, Mexico City

Xochimilco is known for its colourful canals, traditional trajinera boats and lively atmosphere. Once part of a large network of …
Read More
day trip to the pinnacles
Australia

The Pinnacles: The Perfect Perth to Pinnacles Day Trip

A day trip from Perth to the Pinnacles is a great excursion if you’re visiting Western Australia! During my 8 …
Read More
lancelin sand dunes
Australia

Visiting the Lancelin Sand Dunes in Perth WA

The Lancelin Sand Dunes are 90 minutes north of Perth and is a must-do if you’re looking for a unique …
Read More
Australia

A Complete Guide to Hiking Mount Ainslie in Canberra

Mount Ainslie is a popular hiking destination in Canberra, offering panoramic views of the city and the surrounding area. Located …
Read More

The post Bank Holidays 2026 and How to Maximise Your Annual Leave appeared first on Char's Footsteps.

]]> https://www.charsfootsteps.com/travel/united-kingdom/maximise-annual-leave/feed/ 0 Day Trip to Bath From London https://www.charsfootsteps.com/travel/united-kingdom/day-trip-to-bath-from-london/?utm_source=rss&utm_medium=rss&utm_campaign=day-trip-to-bath-from-london https://www.charsfootsteps.com/travel/united-kingdom/day-trip-to-bath-from-london/#respond Mon, 01 Jul 2024 13:21:28 +0000 https://www.charsfootsteps.com/?p=3307 Bath, a city renowned for its Roman-built baths and stunning Georgian architecture, makes for an excellent day trip from London. With its rich history, charming streets, and unique thermal waters, Bath has so much to offer. As a Londoner, I have done day trips to Bath many times and these are some of my favourite […]

The post Day Trip to Bath From London appeared first on Char's Footsteps.

]]> Bath, a city renowned for its Roman-built baths and stunning Georgian architecture, makes for an excellent day trip from London. With its rich history, charming streets, and unique thermal waters, Bath has so much to offer. As a Londoner, I have done day trips to Bath many times and these are some of my favourite things to do whilst visiting this beautiful city.

Best Things to Do During a Day Trip to Bath

Visit The Iconic Roman Baths

No trip to Bath is complete without visiting the famous Roman Baths. This ancient site offers a glimpse into the city’s past, with well-preserved baths and informative exhibits. Built around 70 AD, the baths were used for public bathing and socialising. The complex includes the Sacred Spring, the Roman Temple, and the Roman Bath House. You can explore the intricate Roman engineering, view ancient artefacts and learn about the history and culture of Roman Britain.

The site also features the Pump Room, where visitors can sample the mineral-rich waters. The Roman Baths offer a fascinating glimpse into the past, showcasing the ingenuity and daily life of the Romans in Britain.

Tickets cost £24.50 for an adult-weekday, but I actually joined a guided tour, which cost an extra £5 on top of my ticket. Weekend tickets cost a little more I believe. Check out the official site to learn more about ticket prices, tours available and opening hours.

Bath Abbey

Located near the Roman Baths, Bath Abbey is not only a stunning example of Gothic architecture but it boasts an impressive history. It was founded in the 7th century but has been rebuilt in the 12th and 16th centuries. The Abbey’s soaring ceilings, magnificent stained glass windows, and fan vaulting create a breathtaking interior. Known as the “Lantern of the West,” its grand facade and serene ambiance attract visitors and worshippers alike. The Abbey is also renowned for its choir and musical events.

Along with exploring the interiors, you can also climb the tower and enjoy panoramic views of Bath! I am absolutely terrified of heights, so I decided to skip the tower climb… but maybe next time! My adult ticket only cost £7.50 and they had discounts for families and students. Check out the official Bath Abbey Site for more information on what’s on.

The Bath Lookout

There are a number of amazing viewpoints on offer throughout the city (like Bath Abbey). But one of my favourites lookouts is The Bath Lookout. In order to get there, you need to cross the River Avon via the Churchill Bridge. From there, head towards Alexandra Park. I’ve tagged the exact location on a Google Map screenshot below.

The quickest way to get here is to walk up Lyncombe Hill, turn right on Alexandra Road and take the “Steep Walk to Alexandra Park”. That’s literally what it’s called on Google Maps. And it’s no joke, the walk is quite steep! There is a handrail to help though and it’s only short before you reach the park. The park itself is fairly small but offers fantastic views across the city!

Pulteney Bridge

The Pulteney Bridge is an iconic bridge over the River Avon in Bath. Like many areas in the city, it displays beautiful Georgian architecture and is a great spot for photos. The Pulteney Bridge is famous for being one of only four bridges in the world that has shops built into it, spanning from both sides. It’s a great place to walk around, enjoy the little restaurants and shops on the bridge and to take photos.

day trip to bath from london

Jane Austen Centre

Fans of the famous author can explore the Jane Austen Centre; a museum that provides insights into her life and connection to Bath. You’ll start with a great 15-20 minute presentation The guides were brilliant and were dressed in upper-class Georgian clothing, playing different characters from her novels. The guides there were lovely and so engaging.

You’ll also get the chance to actually dress up too, try food typically eaten during that time period (cakes!) and get a feel for the way of life back then. Adult tickets cost £14.75 but prices will vary for children, students, seniors etc so check their site for more information. The Jane Austen Centre also has a small tea room, where you can have lunch or cream tea.

The Royal Crescent

This iconic row of 30 terraced houses is considered to be one of the most impressive pieces of Georgian architecture in England. These Grade I Listed buildings are a must-see if you’re visiting bath. The nearby Royal Victoria Park is also perfect for a relaxing walk or sitting in the sun with a picnic. If you’re a fan of Bridgerton, season 1 was filmed here!

Thermae Bath Spa

For something a little different, visit the Thermae Bath Spa! An open-air rooftop pool, which offer stunning views of the city and its surrounding hills. Along with the rooftop pool, there’s the Minerva Bath, named after the Roman goddess of health. The spa also offers a range of treatments, including massages and aromatherapy. The Thermae Bath Spa is adult only so it was a very relaxing experience. It definitely felt like a unique thing to do – enjoying a spa day surrounded by a UNESCO World Heritage site!

I would highly recommend booking in advance as spaces are limited! They did have walk-in slots available, that give you two hours in the pools, but I imagine these spaces go pretty quickly. Visit their official site for more information.

The Bath Botanic Gardens

Since living in Melbourne, I’ve become obsessed with Botanic Gardens. Although it might not be as impressive as the Royal Botanic Gardens Melbourne, it’s still a very pretty place to visit. The gardens are pristine, with botanical plants, woodland garden, rock garden, a Roman temple replica and more. It’s free to enter and is open throughout the year. I’ve enjoyed walking through the Bath Botanic Gardens year-round, with its stunning autumnal colours in October to its picnic-filled gardens in summer.

Sally Lunn’s Historic Eating House

Sally Lunn’s Historic Eating House is one of Bath’s oldest houses (1482) and is known for its famous buns and afternoon tea. It does serve breakfast, lunch, dinner but this charming historic house is best for its buns. Try the famous Sally Lunn Bun with Cinnamon Butter and Clotted Cream – unbelievably! I would say I imagine this has become quite a touristic place…the first time I tried to go, the queues were very long. The second time I tried to go, I did manage to get a table but it felt quite rushed due to the high demand.

Bath Guildhall Market

There are a number of markets in Bath worth visiting, but my favourite is the Bath Guildhall Market. Located in the heart of Bath, the Bath Guildhall Market is a historic indoor market, dating back to the 19th century. It offers a charming array of stalls selling fresh produce, artisan goods and unique souvenirs, making it a popular spot for both locals and tourists to explore

The Shopping & Eateries in Bath

One of my favourite things to do in Bath is just walk around the different streets and historic laneways, enjoying the architecture and quaint feel of everything. There are so many different cafes, restaurants and shops to enjoy.

Bath is also famous for its many underground bars and speakeasy bars, so it’s worth grabbing a drink at one of them. Spend some time getting lost wandering around the streets and little side streets.

How to Get to Bath from London

Reaching Bath from London is straightforward, with several transport options available:

Train From London to Bath

The most convenient way to travel from London to Bath is by train. Trains depart regularly from London Paddington Station and the journey takes around 1.5 hours. I strongly recommend buying tickets in advance as train prices in the UK get very high – particularly if you’re travelling in peak times. This will also ensure you can book a seat too. I typically use sites like Trainline as you can save your ticket as a QR code in the app. If you’d rather buy on the day, Paddington has self-serve kiosks or ticket counters to buy your ticket.

Bus From London to Bath

A cheaper way to travel between London and Bath is to take a coach. National Express operates services from London Victoria Coach Station to Bath, with journeys taking approximately 2.5 to 3 hours. While it takes longer than the train, it’s a good option for those looking to save money. I wouldn’t recommend this option if you’re doing a day trip to Bath. The traffic can be unpredictable and you don’t want to be rushing around Bath trying to see everything in a limited time. If you do decide this option, leave very early in the morning and late in the evening to ensure the quickest possible journey there.

Car

If you prefer driving, Bath is about a 2-hour drive from London via the M4 motorway. Keep in mind that parking in Bath can be challenging, especially during peak tourist seasons, so plan accordingly. I have friends who live in Bath, so when we’ve done this journey before, we can park at their house. I’m not sure what parking is like if you’re trying to find a public space. So keep that in mind!

Guided Tours to Bath

Several companies offer guided day tours from London to Bath, often including additional stops at other attractions like Stonehenge and Windsor. These tours provide a hassle-free experience with transport and itinerary planned for you. However the downside is they’re more expensive and you don’t have the flexibility to see things at your own pace. If you decided against doing a full guided tour there, most sites within Bath offer guides e.g. The Roman Baths. Alternatively, you can do a guided walking tour in Bath itself, if you want to learn about the area, but travel to the city in your own time.

Powered by GetYourGuide

Bath FAQs

Is Bath a walkable city?

Yes, Bath is relatively compact and walkable, with many of its main attractions within easy reach of each other. I would warn that it is fairly hilly at points. In the past, I’ve used electric scooters at time to whizz up the big hills.

Can I Visit Bath as a Day Trip If I Only Have Limited Time in London?

Absolutely, it’s definitely possible to do a day trip to Bath and see many key sights within a single day. I would say though, that Bath has lots to offer and going for at least one night will allow you to see more and at a relaxed pace. There are lots of nice restaurants and bars in Bath, so staying at least one night will allow you to see a different side of the city.

What is the Best Time to Visit Bath?

Bath is beautiful year-round, but spring and summer offer the best weather for sightseeing and outdoor activities. If you’re going to Bath in the winter months, be sure to check out the Bath Christmas Markets! Check their dates as the Bath Christmas Markets don’t run for long, compared to others in the country and usually stop running by mid-December.

Consider doing a day trip to Cambridge, Greenwich or even a weekend away in Liverpool!

Other UK Day Trips

UK

Bank Holidays 2026 and How to Maximise Your Annual Leave

As someone who loves to travel but is constrained by a 9-5 job, I’m always look to maximise my annual …
Read More
day trip to bath from london
UK

Day Trip to Bath From London

Bath, a city renowned for its Roman-built baths and stunning Georgian architecture, makes for an excellent day trip from London …
Read More
Cambridge Day Trip
UK

Cambridge Day Trip: A Guide on How to Spend Your Day

Cambridge, a historic city in eastern England, is renowned for its prestigious university and stunning architecture. Whether you’re a history …
Read More
Liverpool city break
UK

Best Things to Do in Liverpool – The Perfect Weekend Getaway

Liverpool is a vibrant city in NW England, known for its rich history, world-class music scene, iconic football clubs and …
Read More

The post Day Trip to Bath From London appeared first on Char's Footsteps.

]]> https://www.charsfootsteps.com/travel/united-kingdom/day-trip-to-bath-from-london/feed/ 0 Cambridge Day Trip: A Guide on How to Spend Your Day https://www.charsfootsteps.com/travel/united-kingdom/cambridge-day-trip/?utm_source=rss&utm_medium=rss&utm_campaign=cambridge-day-trip https://www.charsfootsteps.com/travel/united-kingdom/cambridge-day-trip/#respond Sat, 18 May 2024 08:54:06 +0000 https://www.charsfootsteps.com/?p=748 Cambridge, a historic city in eastern England, is renowned for its prestigious university and stunning architecture. Whether you’re a history buff, an architecture enthusiast, or simply someone seeking a quintessential British experience, this charming city has something to offer everyone. Being from London, I have done a few day trips to Cambridge and have put […]

The post Cambridge Day Trip: A Guide on How to Spend Your Day appeared first on Char's Footsteps.

]]> Cambridge, a historic city in eastern England, is renowned for its prestigious university and stunning architecture. Whether you’re a history buff, an architecture enthusiast, or simply someone seeking a quintessential British experience, this charming city has something to offer everyone. Being from London, I have done a few day trips to Cambridge and have put this together to help inspire anyone considering doing the same.

Day Trip to Cambridge from London

Cambridge is easily accessible from London, making it a convenient day trip or weekend getaway. The fastest and most convenient way to get there is by train. From London’s King’s Cross or Liverpool Street stations, you can catch a direct train to Cambridge, with the journey taking around an hour. Train tickets aren’t the cheapest in the UK unfortunately, so book ahead if you can.

If you prefer to drive, the journey from central London to Cambridge takes approximately 1.5 to 2 hours, depending on traffic. However, I recommend taking the train, as parking can be challenging and expensive in the city centre. For cheaper options than the train, that don’t require a car, consider taking a National Express coach.

Cambridge is a very walkable city, as all the major things to see and do are combat in the city centre. We spent the day on foot but you can also rent bicycles to get round quicker.

Best Things to Do During a Cambridge Day Trip

Punting on the River Cam

No visit to Cambridge is complete without experiencing a punt tour along the River Cam. Punting is a quintessential Cambridge activity, where you’ll glide along the tranquil waters and enjoy breathtaking views of the city’s famous colleges and picturesque gardens. Hire a punt and a professional punter (a boat operator) or try your hand at propelling the punt yourself – it’s harder than it looks! We got a private boat and loved being able to learn more about Cambridge.

punting on the river cam

Cambridge University Botanic Garden

Escape the bustle of the city and immerse yourself in the tranquil oasis of the Cambridge University Botanic Garden. With over 8,000 plant species spread across 40 acres, this garden is a true haven for nature lovers and plant enthusiasts alike. I have a slightly unhealthy obsession with botanic gardens, my favourite probably being Melbourne’s Botanic Gardens. However, the Botanic Gardens at Cambridge are definitely worth a visit. It was roughly 15 minute walk from the city centre and cost about £8 to enter.

Visit the Colleges

Cambridge’s history is inextricably linked to its renowned university, which was founded in 1209, making it one of the oldest universities in the world. Home to 31 colleges, that make up the University of Cambridge, each with its own rich history and stunning architecture. While some colleges require admission tickets, many allow visitors to explore their grounds and courtyards for free. Some key ones we visited were King’s College, to see the incredible Gothic chapel, and Trinity College, where alumni like Isaac Newton and Prince Charles studied.

colleges of cambridge

Fitzwilliam Museum

For art and history enthusiasts, the Fitzwilliam Museum is a must-visit. This impressive museum houses an extensive collection of antiquities, paintings, and sculptures from around the world, spanning centuries of human creativity. Fitzwilliam Museum is free to enter and is open every day except Monday.

The Pubs and Shops!

Cambridge is home to lots of pubs, cosy eateries and cute shops which should definitely be explored during your day trip to Cambridge. On a sunny day, check out one of the many pubs with beer gardens and soak up the lively atmosphere. Or spend time wandering the cobbled and winding streets, browsing the local stores.

King’s College Chapel

The breathtaking King’s College Chapel is a masterpiece of Gothic architecture and a true icon of the city. Admire its vaulted ceilings, intricate stone carvings, and stunning stained-glass windows. If you’re visiting around Christmas time, don’t miss the iconic Festival of Nine Lessons and Carols service held here.

punting in cambridge

Cambridge FAQs

How far is Cambridge from London?

Cambridge is approximately 50-60 miles from London, depending where you start and end points are. It’s easily accessible by a hour train from the city centres, or by car or coach.

What is the best time to visit Cambridge?

Cambridge is a year-round destination, but the best times to visit are during the spring and summer, when the weather is mild and the gardens are in full bloom. However, keep in mind that these are also the busiest and most expensive periods. It’s also worth visiting in December to enjoy some of the Christmas markets.

Is Cambridge expensive?

Like many popular tourist destinations in the UK, Cambridge can be quite expensive, especially when it comes to accommodation and dining. However, there are budget-friendly options available, such as staying in hostels or Airbnbs and eating at casual cafes and pubs.

How many days should I spend in Cambridge?

You can easily do a day trip to Cambridge, however, I recommend staying for a few days if you have the time. This will allow you to fully experience the city’s charm and visit all the major attractions at a leisurely pace.

Can I visit the Cambridge Colleges without being a student?

Yes, many of the colleges welcome visitors and offer tours or self-guided visits. However, some colleges have restricted access or require purchasing admission tickets, so I’d recommend checking their individual policies beforehand.

Is Cambridge accessible for those with mobility issues?

While many of the historic buildings and cobblestone streets can be challenging for those with mobility issues, there has been efforts to improve accessibility. Most colleges and major attractions offer wheelchair access, and there are accessible punting tours available.

What are the best places to eat and drink in Cambridge?

Cambridge has a vibrant food and drink scene, with options ranging from cosy pubs to Michelin-starred restaurants. Some local favourites include The Eagle (a historic pub where Watson and Crick announced their discovery of DNA), Fitzbillies (famous for its Chelsea buns), and The Anchor (a riverside pub with a lovely outdoor seating area). There a lots of cute streets in Cambridge with hidden gems to discover, so i’d recommend walking around and seeing what takes your fancy.

Cambridge is a brilliant day trip from London, or weekend away, which a range of things to do! If you’re looking for other weekends away in the UK, consider going to Liverpool! Or for day trips in London itself, I always recommend Greenwich.

Other City Breaks to Check Out

London

Regents Canal Walk

The Regent’s Canal is approximately 9 miles (14km) long, connecting Paddington in the west to Limehouse Basin in the east …
Read More
Australia

A Complete Guide to Hiking Mount Ainslie in Canberra

Mount Ainslie is a popular hiking destination in Canberra, offering panoramic views of the city and the surrounding area. Located …
Read More
UK

Bank Holidays 2026 and How to Maximise Your Annual Leave

As someone who loves to travel but is constrained by a 9-5 job, I’m always look to maximise my annual …
Read More
London

The Best Christmas Markets in London

London transforms into a festive wonderland during the holiday season, with Christmas markets and lights popping up across the city …
Read More
where to stay in lisbon
Portugal

Where to Stay in Lisbon

Lisbon is one of my favourite cities in Europe and a place i’ll always shout about! Choosing where to stay …
Read More
mayfield lavender farm
London

Explore the Stunning Mayfield Lavender Farm – A Short Trip From London

Nestled in the Surrey countryside, the Mayfield Lavender Farm is a picturesque 25-acre organic lavender field that attracts visitors from …
Read More

The post Cambridge Day Trip: A Guide on How to Spend Your Day appeared first on Char's Footsteps.

]]> https://www.charsfootsteps.com/travel/united-kingdom/cambridge-day-trip/feed/ 0 Best Things to Do in Liverpool – The Perfect Weekend Getaway https://www.charsfootsteps.com/travel/united-kingdom/liverpool/?utm_source=rss&utm_medium=rss&utm_campaign=liverpool https://www.charsfootsteps.com/travel/united-kingdom/liverpool/#respond Mon, 22 Feb 2021 13:39:29 +0000 https://www.charsfootsteps.com/?p=299 Liverpool is a vibrant city in NW England, known for its rich history, world-class music scene, iconic football clubs and impressive waterfront. With its compact size, friendly atmosphere, and range of things to do, Liverpool is the perfect weekend escape. During the years of the big-C, I used the opportunity of international travel restrictions to […]

The post Best Things to Do in Liverpool – The Perfect Weekend Getaway appeared first on Char's Footsteps.

]]> Liverpool is a vibrant city in NW England, known for its rich history, world-class music scene, iconic football clubs and impressive waterfront. With its compact size, friendly atmosphere, and range of things to do, Liverpool is the perfect weekend escape. During the years of the big-C, I used the opportunity of international travel restrictions to explore my own country. A few friends and I decided on Liverpool and booked 4 nights in this incredible city. It blew me away with the amount of things to do, fun nightlife and the friendliest people. It’s also a must for any Beatles fans! From exploring its cultural gems to enjoying its thriving food and nightlife scenes, this lively city guarantees a memorable trip for all kinds of travellers. Here’s a list of everything we got up to during our city break in London…with a few added bits we didn’t have time for.

1. Walking Tours in Liverpool

I love a walking tour and always find it a fantastic way to see a new city, learn about its history and get local-insider tips! We knew a walking tour was a must for our time in Liverpool, and it ended up being one of the best things we did. There are many different walking tours available in Liverpool, depending on your time frame and interests. We chose a Beatles walking tour and a Liverpool walking tour. Both were brilliant and we spent several hours learning about this beautiful city and the legendary Beatles.

If you’d rather have the independence and freedom of a self-guided walking tour, check out GPS my city for different pre-planned routes; including historic sites, religious tours and everything Beatles. I always love to plan a guided or independent walking tour at the start of my time in a new city. I find this helps plan the rest of your time somewhere.

the cavern club

The Cavern Club Tour also host a fantastic tour that explores this venue’s history and it’s role in the Beatles rise to international fame. After the tour, be sure to visit the Cavern Pub or The Grapes opposite. These are well renowned pubs opposite the Cavern where the Beatles would regularly visit. The Cilla Black statue is found here too. We enjoyed seeing these spots on our tour.

Cilla black statue Liverpool

2. Formby Day Trip

After spending time in Liverpool City Centre, consider heading to one of the beach areas. One we opted for was Formby. I love exploring this cute coastal town, its pristine beach, striking sand dunes and an expansive pinewood forest. Located just 30 minutes from Central Liverpool, Formby makes for the perfect day trip.

Formby beach is 150 acres long, with a surrounding landscape of sand dunes and pine forests. There’s plenty of space to sunbathe, have a picnic or go for a long walk. The beach’s high dunes provide for excellent views over the Irish Sea, and on clear days, you can see as far as the Cumbrian Mountains.

Protected by the National Trust, Formby Pinewoods is beautiful pine tree forest – ideal for walks, cycles and red squirrel spotting. The area has numerous trails for long walks and cycling, which can be found at the forest’s entrance. There are options to rent bicycles if you don’t have one.

Tips to see the red squirrels – go in the morning and stay off the main paths. We wandered off the trail paths into the bushy forest and saw two red squirrels!

It’s possibly to drive here from Liverpool, but beware of the limited parking spaces, particularly during the summer. Traffic leading up to beach, lack of parking and £7.50 charges, makes the quick 30 minute direct train during more appealing. If you do decide to drive, get there early to guarantee a parking spot and to avoid queues leading up to the forest.

formby pinewoods forest

Formby is the perfect day trip if you’re looking to escape the hustle and bustle of city life in Liverpool. We paired this with a trip to the nearby Crosby Beach to see the dramatic sculpture exhibition along the waterfront.

3. Crosby Beach

After Formby, we headed to another gem on the Merseyside coastline, Crosby Beach. Found between Formby and Liverpool, Crosby is only a 17 minute train ride from the city centre and makes for a great day trip. The main attraction we went to see was the Antony Gormley’s exhibition ‘Another Place’. This eerie art installation comprises of 100 cast-iron, life-size figures that line this sandy beach. Spanning across 3km along the sand, and 1km out to sea, these statues make for an interesting and unusual experience! I recommend visiting during low tide to get the most out of it.

Crosby beach is a dog-friendly, 4km stretch of sandy beach…perfect for walks or just relaxing. St John’s Road is a short walk away and home to many restaurants, tea rooms, a pub and a few vintage shops. We went for an amazing roast lunch here! I recommend Formby over Crosby is you’re short on time, purely for the greater variety of things to do.

Crosby beach statues

4. Merseyside River Tours & Boat Trips

The Mersey River stretches for 70 miles, from Stockport to Liverpool Bay. There are a number of river cruises available, providing a great opportunity to explore the historic docklands and surrounding areas. One of the most popular tours is the 50-minute daily River Explorer Cruise. This tour focuses on the River Mersey’s fascinating history and gives incredible views of the Albert Docks.

Another bucket-list worthy trip is the Dazzle Ferry snowdrop. Created by Sir Peter Blake, this striking ferry is made up of colourful and monochrome designs. Ride the Dazzle Ferry five minutes across the Mersey River to Seacombe for impressive skyline views of Liverpool and the dock. Although it’s a short trip, the views are worth it!

For a unique dining experience along the ride, take a ride on the Floating Grace. Liverpool’s only floating restaurant and bar boat, offering stunning views of Albert Dock and the City. From afternoon tea and sunny lunches, to Christmas parties and evening fine dining, there’s something for everyone.

5. The Albert Docks

The Albert Dock is arguably the heart of Liverpool. Since its opening in 1846, the Albert Docks have undergone numerous transformations and developments to become what it is today. From it’s role during WWII, up until its UNESCO World Heritage Site recognition in 2004, the docks are full of history. We were spoilt for choice for places to eat, drink, visit and stay in this area. Smuggler’s Cove and Revolucion de Cuba are two great bars/restaurants worth checking out. Many of Liverpool’s best museums and galleries are found in this area too, including the Tate, the International Slavery Museum and Museum of Liverpool.

6. Visit the Main Cathedrals

Liverpool is home to two cathedrals: Liverpool Anglican Cathedral and the Metropolitan Cathedral of Christ the King. The former is the largest in Britain and 5th largest in world, at 189m long. It is also the permanent home to a neon pink sign by Tracey Emin that reads ‘I felt you and I knew you needed me’. The Metropolitan Cathedral is very modern and features works of art and multi-coloured window.

The striking contrasts between the two cathedrals’ architecture makes it worth visiting both for comparisons. Plus, they’re within a short walk of each other! However if you’re pushed for time, and can only visit one, I would recommend visiting the Anglican Cathedral. Both cathedrals are free to visit but welcome donations!

7. Museums and Galleries

Liverpool boasts an impressive number of museums and galleries throughout the city. Many of which are free to visit! I’ve included some of the most noteworthy below.

Best Museums in Liverpool

  • International Slavery Museum: Located by the Albert Dock, the International Slavery Museum aims to educate on the history and legacy of the transatlantic slave trade. The museum primarily focuses on slavery between 1500 and 1865, with emphasis on Liverpool’s role as a major slaving port. Admissions: free. For more info, check out their official site
  • Museum of Liverpool: A museum showcasing the diverse and interesting history of Liverpool. Modern designed building sitting alongside the stunning waterfront. Admissions: free. Visit their site for more information.
  • Liverpool Beatles Museum: As the name suggests, this museum is dedicated to the Beatles and is suitably located by the Cavern Club on Mathew Street. Expect to learn about the Beatles’ origin and how they rose to become on of the most well-known and loved bands in the world. Spanning across three floors, in a stunning Grade II listed building, this museum houses a large collection of their memorabilia. Admissions: £15/£7.50 (adult/child) Accessibility: As it’s a listed building, there are no lifts. Buy your tickets through their site.
  • Merseyside Maritime Museum: This museums explores the rich maritime history of the city. It was the first public building to open at Albert Dock. Expect to see ship models, paintings and even a full sized vessel. Admissions: free. Read more on their site.
  • World Museum: Opening in 1853, this is the oldest museum in Liverpool and is set in a beautiful building. Visit for their planetarium, Ancient Egypt gallery, Natural History centre and more. Check their site for more information on visiting hours and current exhibits. Admissions: free.

Best Art Galleries in Liverpool

  • Tate Liverpool: For the best modern and contemporary art, head over to the Tate Liverpool by the Royal Albert Dock. The Tate’s four floors are filled with continuously changing exhibitions and events. Admissions: free, except for some exhibitions. Check the Tate’s site for more details and opening times.
  • Walkers Art Gallery: Established in 1877, the Walkers Art Gallery homes one of the largest art collections in England. With an impressive collection of paintings and sculptures, spanning six hundred years, this is a must do for an art lovers. Admissions: free. Their site has more information on displays and visiting times.
  • Victoria Gallery & Museum: The Gothic building at the University of Liverpool houses everything from fine art to dentistry through the eras. Their site has details on events and current exhibits.

8. The Penny Lane Sign

Growing up with Beatle-obsessed parents meant I couldn’t visit Liverpool without checking out key Beatles places. Penny Lane being no exception. The street made famous by the Beatles 1967 song ‘Penny Lane’ is great photo-worthy spot. I loved learning about this on our earlier Beatles Tour – the Penny Lane song was originally inspired by John Lennon and Paul McCartney’s shared childhood memory of meeting at Penny Lane to catch a bus into the city centre.

Although the Penny Lane sign was worth visiting, I would say to make the journey from the city centre worth it, visit the nearby Strawberry Fields Museum too. Otherwise the Penny Lane street sign is located in a quiet, residential area with not much else around to see.

9. Strawberry Fields Museum

After checking out the Penny Lane sign, we headed over to the Beatles’ Strawberry Fields Museum. The famous ‘Strawberry Fields’ song was inspired by an orphanage in the Liverpool suburb of Woolton. Although John Lennon never attended here, his childhood home was only a short distance away.

The once former Salvation Army children’s home is now a interactive exhibition showcasing the story behind John Lennon’s ‘Strawberry Fields Forever’. We bought tickets for £8.20, which included access to the audio tour/museum of Lennon’s childhood and early writings of the song. It also included the gardens with the famous red gates. Be sure to check out their official site, as opening times change throughout the year.

Although I’m not the biggest Beatles fan, I found it really cool to learn more about the foundation years that helped form the band and the music.

10. Rooftop Bars & Nightlife

Liverpool’s nightlife was excellent and there were such a variety of places to go – from family pubs to all-night clubs and everything in between. We loved enjoying great views over the city at the rooftop gardens Oh Me Oh My. Situated in a former bank, this sophisticated tea room has a stunning roof garden offering some of the best views of Liverpool. Buy drinks on the ground floor before catching a lift to the top and enjoy this quirky outdoor space. We also loved going to Heebie Jeebies for a more lively atmosphere. However there are so many bars and pubs to choose from, you’ll easily find something to suit your needs and budget. I’ve added a list of places to go based on where we enjoyed and recommendations provided to us by locals.

Fun Bars:

  • The Alchemist: The Alchemist is a classic chain bar that serves quirky chemistry-style cocktails. I’ve been to these bars many times in London, so gave it a miss during our Liverpool trip. However, if you’re new to the UK, or just haven’t been yet, I’d highly recommend going.
  • Peacocks: Good cocktails, pizza and a DJ set in a quirky, exposed brick bar.
  • Alma de Cuba: Alma de Cuba is an iconic bar serving Latin American inspired cocktails, tapas and dishes.
  • Heebie Jeebies: A bar/club hosting different DJ nights and live music, with great cocktails in the basement. We were highly recommend this and EBGBs by a friend living in Liverpool and it didn’t disappoint! We had a great night here.
  • E.B.G.Bs: A great lively bar underneath Heebie Jeebies.
  • Smuggler’s Cover: Found in the heart of the Albert Docks, this pirate-themed bar and restaurant is famous for in rum cocktails and delicious deli boards.
  • City Wine Bar & Kitchen: Wine bar that also serves fantastic lunch and afternoon tea during the day.
  • Bunch Wine Bar: Classy, small wine bar with very knowledgable staff. Great little spot hidden away for good quality wine or inventive cocktails.

Best Pubs in Liverpool:

  • The Grapes: Established in 1804, the Grapes is one of Liverpool’s oldest and most famous pubs. It’s well known connection with the Beatles, great Mathew Street location and newly refurbished decor (2019), make it a great place for a drink or two.
  • The Cavern Pub: Opposite the Cavern Club, this venue has great live music and plenty of Beatles memorabilia. Although we didn’t have drinks here, we enjoyed our time visiting during a walking tour and I definitely need to go back to enjoy it properly.
  • Shenanigans: One of Liverpool’s best Irish bars and a great places to watch sports games.
  • Fly in the Loaf: This pub is known for its many world beers and its sports TVs.

Among the many eateries in the city, Bundobust was our favourite! This reasonably priced Indian restaurant has many delicious sharing dishes, perfect for groups meals! We also had a fantastic breakfast/brunch at The Quarter, which goes on to serve Mediterranean cuisine later in the day.

11. Vinyl Stores & Shopping

Like any big city in the UK, Liverpool has numerous large shopping centres and high streets filled with chain stores. However, what differentiates shopping in Liverpool is the large number of vintage and vinyl stores. With a whopping 19 vinyl stores, in the compact city centre, this is a definite must-do for any music lovers or record collectors. Some of the most popular stores include Dig Vinyl, Defend Vinyl, 3B Records, Probe Record Shops and Jacaranda Records.

How to Get to Liverpool?

Liverpool is very easy to get to by train from any major city, including London, Manchester, Glasgow and Leeds. We got the train from London and reached Liverpool in under 3 hours. Additionally, Liverpool is well connected to the UK motorway network, with London just shy of four hours away. There’s even a local airport with regular domestic flights from around the country.

Once in Liverpool, it’s easy to travel around given how the amount of transport links within the city. Local buses, cheap taxis, underground and overground train networks allows for cheap and easy travel. We found it to be a very walkable city too, with most key sites and eateries accessible by foot.

Where to Stay in Liverpool?

There are plenty of accommodation options throughout the city depending on your budget and needs. During my trip in the summer, we stayed in a lovely AirBnB in the heart of everything. Located between Ropewalks and the Knowledge Quarter, we were central to all sites, transport links, restaurants and nightlife. Despite the central location, we didn’t have any issues with loud streets at night either. There are so many hotels around the city centre and along the waterfront, so there should be plenty of options to choose from.

I hope this helps to highlight some of the fun things to do in Liverpool. I had a great few days exploring! Other fun places to check out in the UK, include Bath and Cambridge.

Related Posts

London

Regents Canal Walk

The Regent’s Canal is approximately 9 miles (14km) long, connecting Paddington in the west to Limehouse Basin in the east …
Read More
UK

Bank Holidays 2026 and How to Maximise Your Annual Leave

As someone who loves to travel but is constrained by a 9-5 job, I’m always look to maximise my annual …
Read More
London

How To Make Friends in London

Making friends in such a large, and fast-paced city, like London can be challenging! Although I’m born and raised in …
Read More
London

The Best Christmas Markets in London

London transforms into a festive wonderland during the holiday season, with Christmas markets and lights popping up across the city …
Read More
the holly bush hampstead heath
London

A Londoner’s Guide to Hampstead – Best Things to Do

Hampstead is a charming village-like part of North London and the perfect place to visit to get a taste of …
Read More
mayfield lavender farm
London

Explore the Stunning Mayfield Lavender Farm – A Short Trip From London

Nestled in the Surrey countryside, the Mayfield Lavender Farm is a picturesque 25-acre organic lavender field that attracts visitors from …
Read More

The post Best Things to Do in Liverpool – The Perfect Weekend Getaway appeared first on Char's Footsteps.

]]> https://www.charsfootsteps.com/travel/united-kingdom/liverpool/feed/ 0