| 1 |
/******/ (function() { // webpackBootstrap |
| 2 |
/******/ "use strict"; |
| 3 |
/******/ // The require scope |
| 4 |
/******/ var __webpack_require__ = {}; |
| 5 |
/******/ |
| 6 |
/************************************************************************/ |
| 7 |
/******/ /* webpack/runtime/define property getters */ |
| 8 |
/******/ !function() { |
| 9 |
/******/ // define getter functions for harmony exports |
| 10 |
/******/ __webpack_require__.d = function(exports, definition) { |
| 11 |
/******/ for(var key in definition) { |
| 12 |
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { |
| 13 |
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); |
| 14 |
/******/ } |
| 15 |
/******/ } |
| 16 |
/******/ }; |
| 17 |
/******/ }(); |
| 18 |
/******/ |
| 19 |
/******/ /* webpack/runtime/hasOwnProperty shorthand */ |
| 20 |
/******/ !function() { |
| 21 |
/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); } |
| 22 |
/******/ }(); |
| 23 |
/******/ |
| 24 |
/******/ /* webpack/runtime/make namespace object */ |
| 25 |
/******/ !function() { |
| 26 |
/******/ // define __esModule on exports |
| 27 |
/******/ __webpack_require__.r = function(exports) { |
| 28 |
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { |
| 29 |
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); |
| 30 |
/******/ } |
| 31 |
/******/ Object.defineProperty(exports, '__esModule', { value: true }); |
| 32 |
/******/ }; |
| 33 |
/******/ }(); |
| 34 |
/******/ |
| 35 |
/************************************************************************/ |
| 36 |
var __webpack_exports__ = {}; |
| 37 |
// ESM COMPAT FLAG |
| 38 |
__webpack_require__.r(__webpack_exports__); |
| 39 |
|
| 40 |
// EXPORTS |
| 41 |
__webpack_require__.d(__webpack_exports__, { |
| 42 |
"init": function() { return /* reexport */ init; }, |
| 43 |
"injectIntoTop": function() { return /* reexport */ injectIntoTop; }, |
| 44 |
"useSettings": function() { return /* reexport */ useSettings; } |
| 45 |
}); |
| 46 |
|
| 47 |
;// CONCATENATED MODULE: external "__UNSTABLE__elementorPackages.locations" |
| 48 |
var external_UNSTABLE_elementorPackages_locations_namespaceObject = __UNSTABLE__elementorPackages.locations; |
| 49 |
;// CONCATENATED MODULE: ./packages/editor/src/locations.ts |
| 50 |
|
| 51 |
const LOCATION_TOP = 'editor/top'; |
| 52 |
const injectIntoTop = (0,external_UNSTABLE_elementorPackages_locations_namespaceObject.createInjectorFor)(LOCATION_TOP); |
| 53 |
;// CONCATENATED MODULE: external "ReactDOM" |
| 54 |
var external_ReactDOM_namespaceObject = ReactDOM; |
| 55 |
;// CONCATENATED MODULE: external "wp.i18n" |
| 56 |
var external_wp_i18n_namespaceObject = wp.i18n; |
| 57 |
;// CONCATENATED MODULE: external "React" |
| 58 |
var external_React_namespaceObject = React; |
| 59 |
;// CONCATENATED MODULE: ./packages/editor/src/components/shell.tsx |
| 60 |
|
| 61 |
|
| 62 |
|
| 63 |
function Shell() { |
| 64 |
return /*#__PURE__*/external_React_namespaceObject.createElement(external_UNSTABLE_elementorPackages_locations_namespaceObject.Slot, { |
| 65 |
location: LOCATION_TOP |
| 66 |
}); |
| 67 |
} |
| 68 |
;// CONCATENATED MODULE: external "__UNSTABLE__elementorPackages.ui" |
| 69 |
var external_UNSTABLE_elementorPackages_ui_namespaceObject = __UNSTABLE__elementorPackages.ui; |
| 70 |
;// CONCATENATED MODULE: external "__UNSTABLE__elementorPackages.store" |
| 71 |
var external_UNSTABLE_elementorPackages_store_namespaceObject = __UNSTABLE__elementorPackages.store; |
| 72 |
;// CONCATENATED MODULE: external "__UNSTABLE__elementorPackages.v1Adapters" |
| 73 |
var external_UNSTABLE_elementorPackages_v1Adapters_namespaceObject = __UNSTABLE__elementorPackages.v1Adapters; |
| 74 |
;// CONCATENATED MODULE: ./packages/editor/src/contexts/settings-context.tsx |
| 75 |
|
| 76 |
const SettingsContext = /*#__PURE__*/(0,external_React_namespaceObject.createContext)(null); |
| 77 |
function SettingsProvider({ |
| 78 |
children, |
| 79 |
settings |
| 80 |
}) { |
| 81 |
return /*#__PURE__*/React.createElement(SettingsContext.Provider, { |
| 82 |
value: { |
| 83 |
...settings |
| 84 |
} |
| 85 |
}, children); |
| 86 |
} |
| 87 |
function useSettings() { |
| 88 |
const context = (0,external_React_namespaceObject.useContext)(SettingsContext); |
| 89 |
if (!context) { |
| 90 |
throw new Error('The `useSettings()` hook must be used within an `<SettingsProvider />`'); |
| 91 |
} |
| 92 |
return context; |
| 93 |
} |
| 94 |
;// CONCATENATED MODULE: ./packages/editor/src/sync/use-color-scheme.ts |
| 95 |
|
| 96 |
|
| 97 |
function useColorScheme() { |
| 98 |
const [colorScheme, setColorScheme] = (0,external_React_namespaceObject.useState)(() => getV1ColorScheme()); |
| 99 |
(0,external_React_namespaceObject.useEffect)(() => { |
| 100 |
return (0,external_UNSTABLE_elementorPackages_v1Adapters_namespaceObject.listenTo)((0,external_UNSTABLE_elementorPackages_v1Adapters_namespaceObject.v1ReadyEvent)(), () => setColorScheme(getV1ColorScheme())); |
| 101 |
}, []); |
| 102 |
(0,external_React_namespaceObject.useEffect)(() => { |
| 103 |
return (0,external_UNSTABLE_elementorPackages_v1Adapters_namespaceObject.listenTo)((0,external_UNSTABLE_elementorPackages_v1Adapters_namespaceObject.commandEndEvent)('document/elements/settings'), e => { |
| 104 |
const event = e; |
| 105 |
|
| 106 |
// The User-Preferences settings object has a key named `ui_theme` that controls the color scheme. |
| 107 |
const isColorScheme = event.args?.settings && 'ui_theme' in event.args.settings; |
| 108 |
if (isColorScheme) { |
| 109 |
setColorScheme(getV1ColorScheme()); |
| 110 |
} |
| 111 |
}); |
| 112 |
}, []); |
| 113 |
return colorScheme; |
| 114 |
} |
| 115 |
function getV1ColorScheme() { |
| 116 |
return window.elementor?.getPreferences?.('ui_theme') || 'auto'; |
| 117 |
} |
| 118 |
;// CONCATENATED MODULE: ./packages/editor/src/components/theme-provider.tsx |
| 119 |
|
| 120 |
|
| 121 |
function ThemeProvider({ |
| 122 |
children |
| 123 |
}) { |
| 124 |
const colorScheme = useColorScheme(); |
| 125 |
return /*#__PURE__*/React.createElement(external_UNSTABLE_elementorPackages_ui_namespaceObject.ThemeProvider, { |
| 126 |
colorScheme: colorScheme |
| 127 |
}, children); |
| 128 |
} |
| 129 |
;// CONCATENATED MODULE: ./packages/editor/src/init.tsx |
| 130 |
|
| 131 |
|
| 132 |
|
| 133 |
|
| 134 |
|
| 135 |
|
| 136 |
|
| 137 |
|
| 138 |
function init(domElement, settings) { |
| 139 |
const store = (0,external_UNSTABLE_elementorPackages_store_namespaceObject.createStore)(); |
| 140 |
(0,external_UNSTABLE_elementorPackages_v1Adapters_namespaceObject.dispatchReadyEvent)(); |
| 141 |
external_ReactDOM_namespaceObject.render( /*#__PURE__*/React.createElement(SettingsProvider, { |
| 142 |
settings: settings |
| 143 |
}, /*#__PURE__*/React.createElement(external_UNSTABLE_elementorPackages_store_namespaceObject.StoreProvider, { |
| 144 |
store: store |
| 145 |
}, /*#__PURE__*/React.createElement(external_UNSTABLE_elementorPackages_ui_namespaceObject.DirectionProvider, { |
| 146 |
rtl: (0,external_wp_i18n_namespaceObject.isRTL)() |
| 147 |
}, /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Shell, null))))), domElement); |
| 148 |
} |
| 149 |
;// CONCATENATED MODULE: ./packages/editor/src/index.ts |
| 150 |
|
| 151 |
|
| 152 |
|
| 153 |
(window.__UNSTABLE__elementorPackages = window.__UNSTABLE__elementorPackages || {}).editor = __webpack_exports__; |
| 154 |
/******/ })() |
| 155 |
; |