initial
This commit is contained in:
zbatte committed
commit
9883323161
17470 files changed
+4470592
No files matched your search
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="23" height="24" fill="none" xmlns:v="https://vecta.io/nano"><path d="M11.5.45a11.26 11.26 0 0 0-5.796 1.564 11.64 11.64 0 0 0-4.14 4.14A11.26 11.26 0 0 0 0 11.95a11.26 11.26 0 0 0 1.564 5.796 11.64 11.64 0 0 0 4.14 4.14c1.779 1.043 3.711 1.564 5.796 1.564s4.017-.521 5.796-1.564a11.64 11.64 0 0 0 4.14-4.14C22.479 15.967 23 14.035 23 11.95s-.521-4.017-1.564-5.796a11.64 11.64 0 0 0-4.14-4.14A11.26 11.26 0 0 0 11.5.45zM8.625 16.734H6.716V7.166h1.909v9.568zm7.659 0h-5.75v-1.909h5.75v1.909zm0-3.818h-5.75v-1.932h5.75v1.932zm0-3.841h-5.75V7.166h5.75v1.909z" fill="#93003f"/></svg>
|
||||
|
After Width: | Height: | Size: 625 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="162" height="134" fill="none" xmlns:v="https://vecta.io/nano"><style><![CDATA[.B{fill:#fff}.C{stroke:#a4afb7}.D{stroke-width:1.397}.E{stroke-linecap:round}.F{stroke-linejoin:round}.G{fill-rule:evenodd}.H{stroke-width:1.398}.I{fill:#a4afb7}]]></style><use xlink:href="#B" class="B"/><g class="C"><g class="D"><use xlink:href="#B" class="E F"/><path d="M37.309 9.379a4.19 4.19 0 0 1 4.19 4.19v24.333a4.19 4.19 0 0 1-4.19 4.19l-1.82-.001v4.162a.84.84 0 0 1-.128.445l-.069.095a.84.84 0 0 1-1.181.101l-5.705-4.803-15.537.001a4.19 4.19 0 0 1-4.19-4.19V13.569a4.19 4.19 0 0 1 4.19-4.19h24.439z" fill="#c2cbd2" class="G"/></g><path d="M3.793 3.095l2.793 3.491M11.125 1v4.19M1 10.776l3.491.698" stroke-width="1.257" class="E"/><path d="M66.772 25.043c-3.543-.056-6.936 1.426-9.303 4.062l-2.89 3.218a16.06 16.06 0 0 0-1.914 2.622c-1.947 3.329-2.985 5.837-3.042 7.537-.703 20.964-.859 36.189-.467 45.675.178 4.303.763 8.13 1.76 11.48a16.04 16.04 0 0 0 15.393 11.478h60.045a16.01 16.01 0 0 0 11.356-4.703c2.906-2.907 4.704-6.922 4.704-11.357V45.183c0-3.475-1.117-6.752-3.061-9.431a16.04 16.04 0 0 0-8.015-5.836l-12.419-4.055-52.147-.818z" class="B D"/></g><path d="M108.061 24.253H69.833a21.79 21.79 0 0 0-21.786 21.786v38.381a21.79 21.79 0 0 0 21.786 21.786h38.228a21.79 21.79 0 0 0 21.785-21.786V46.038a21.79 21.79 0 0 0-21.785-21.786z" class="B"/><path d="M112.39 24.951H65.503c-9.255 0-16.758 7.503-16.758 16.758v47.039c0 9.255 7.503 16.759 16.758 16.759h46.887c9.255 0 16.758-7.503 16.758-16.759V41.709c0-9.255-7.503-16.758-16.758-16.758z" class="B C D"/><use xlink:href="#C" class="B"/><use xlink:href="#C" class="C D E F"/><use xlink:href="#D" class="B"/><use xlink:href="#D" class="C D E F"/><path d="M113.424 28.931H64.518A11.51 11.51 0 0 0 53.01 40.438v48.906a11.51 11.51 0 0 0 11.507 11.507h48.906a11.51 11.51 0 0 0 11.507-11.507V40.438a11.51 11.51 0 0 0-11.507-11.507z" fill="#e6e9ec" fill-opacity=".7"/><g class="B C D G"><path d="M49.964 127.586c2.701-.001 4.84 2.226 4.84 4.694H33.399c0-4.627 3.335-8.024 7.963-8.024 3.11 0 4.725 1.082 6.624 3.627.04.054-1.579 1.245-1.539 1.301-.189.424 1.369-1.598 3.517-1.598zm97.414 4.567h-7.362l-1.268-2.22-6.023-10.091-.084-.154c-.896-1.75-.653-3.895 1.098-4.791a3.12 3.12 0 0 1 .434-.184 3.23 3.23 0 0 1 3.922 1.607c.045.088.102.226.173.414l2.074 6.431c-.091-.562-.567-4.087-1.428-10.574a4.38 4.38 0 0 1 3.989-4.741 4.33 4.33 0 0 1 .558-.012l.252.01a4.47 4.47 0 0 1 4.278 4.652c-.003.083-.009.167-.017.25l-1.916 14.544c.024.799.698-1.639 2.023-7.314a2.66 2.66 0 0 1 3.426-1.558 2.72 2.72 0 0 1 .359.166c1.493.83 1.589 2.233.764 3.728l-5.252 9.837z"/><path d="M135.764 126.694c3.012 0 5.467 2.383 5.582 5.367l.003.218h-11.171a5.59 5.59 0 0 1 5.367-5.581l.219-.004z"/></g><path d="M28.372 132.552h122.894m3.91 0h5.586m-141.328 0h5.586m-10.055 0h1.676" class="E C D"/><use xlink:href="#E" class="B"/><g class="E"><use xlink:href="#E" class="C D F"/><g stroke="#fff" stroke-width="3.352"><path d="M63.556 35.075c-2.261 1.378-3.863 3.131-4.807 5.258"/><path d="M18.087 25.943l5.258 4.807 10.197-11.173" class="F"/></g></g><g class="B"><path d="M57.13 46.777c.733 0 1.327-.594 1.327-1.327s-.594-1.327-1.327-1.327-1.327.594-1.327 1.327.594 1.327 1.327 1.327z"/><path d="M101.596 52.937c3.579 0 6.591 3.053 6.591 7.305 0 2.072-.596 3.671-1.621 4.767-1.658-1.006-3.604-1.584-5.685-1.584-1.455 0-2.845.283-4.117.798-.951-1.174-1.539-2.71-1.539-4.508 0-4.253 2.791-6.777 6.37-6.777z" class="C G H"/></g><path d="M100.882 63.924c1.655 0 2.996-1.341 2.996-2.996s-1.341-2.996-2.996-2.996-2.997 1.342-2.997 2.996 1.341 2.996 2.997 2.996z" class="I"/><path d="M71.563 52.937c-3.579 0-6.591 3.053-6.591 7.305 0 2.072.596 3.671 1.62 4.767 1.658-1.006 3.604-1.584 5.685-1.584 1.456 0 2.846.283 4.117.798.95-1.174 1.539-2.71 1.539-4.508 0-4.253-2.791-6.777-6.37-6.777z" class="B C G H"/><path d="M72.277 63.924c-1.655 0-2.996-1.341-2.996-2.996s1.342-2.996 2.996-2.996 2.996 1.342 2.996 2.996-1.341 2.996-2.996 2.996z" class="I"/><g class="C"><path d="M74.611 43.949c-6.086 1.702-9.129 3.234-9.129 4.597m34.842-4.597c6.086 1.702 9.129 3.234 9.129 4.597" stroke-width="1.394" class="E F"/><g class="G"><path d="M88.415 80.868c5.056 0 8.045-2.648 10.374-4.956-2.759 1.191-4.824 2.66-10.892 2.66s-8.434-1.048-10.987-2.238c3.266 2.986 6.449 4.534 11.505 4.534z" stroke-width=".999" class="F I"/><g class="B"><g class="H"><path d="M82.732 78.487l4.788.251-.157 2.992a1.8 1.8 0 0 1-1.889 1.701l-1.197-.063a1.8 1.8 0 0 1-1.701-1.889l.157-2.992z"/><path d="M92.276 78.487l-4.788.251.157 2.992a1.8 1.8 0 0 0 1.889 1.701l1.197-.063a1.8 1.8 0 0 0 1.701-1.889l-.157-2.992z"/></g><path d="M104.49 48.955c8.741.196 13.198 1.28 13.371 3.252v3.705c-1.065.337-1.67.955-1.815 1.854-1.543 9.527-4.237 13.15-11.878 13.15-7.723 0-14.822-3.84-15.763-14.117-.051-.558-.72-.853-2.006-.887l-.221.009c-1.142.061-1.738.353-1.786.878-.941 10.278-8.04 14.117-15.763 14.117-7.641 0-10.335-3.624-11.877-13.15-.136-.839Line truncated
|
||||
|
After Width: | Height: | Size: 6.8 KiB |
@@ -0,0 +1 @@
|
||||
<svg width="101" height="81" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g clip-path="url(#a)"><mask id="b" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="-5" y="-5" width="111" height="80"><path d="M50.5 74.357c30.425 0 55.09-17.582 55.09-39.27 0-21.688-24.665-39.27-55.09-39.27-30.425 0-55.09 17.582-55.09 39.27 0 21.688 24.665 39.27 55.09 39.27z" fill="#fff"/></mask><g mask="url(#b)"><path d="m73.2 29.247 12.62-16.31-23.14 5.75.07-13.9-12.98 9.7-11.3-10.12-1.48 11.38-19.91-7.72 9.51 15.95-18.91 2.97 16.05 9.19-15.16 7.87 18.9 6.39-11.8 13.36 20.75-6.35-.71 17.84 15.95-16.88 13.48 15.15.68-19.59 20.38 6.79-14.31-16.92 22.59-6.79-21.28-7.76z" fill="#F9E1F6" style="mix-blend-mode:multiply"/></g><path d="M39.61 23.127h.85v1.43l-11.04 1.03 6.04-2.33 4.15-.13zM66.7 72.117l-6.84-21.62a44.53 44.53 0 0 1-1.96-10.35l-.11-1.67-25.53 1.92s-.68 2.4 1.61 5.82c2.29 3.42 4.11 7.53 4.87 11.83 1.38 7.78 2.67 15.09 2.67 15.09" fill="#fff"/><path d="m66.7 72.117-6.84-21.62a44.53 44.53 0 0 1-1.96-10.35l-.11-1.67-25.53 1.92s-.68 2.4 1.61 5.82c2.29 3.42 4.11 7.53 4.87 11.83 1.38 7.78 2.67 15.09 2.67 15.09" stroke="#000" stroke-width=".75" stroke-miterlimit="10"/><path fill="url(#c)" d="M-4.03 1.967h106.8v107.04H-4.03z" style="mix-blend-mode:multiply"/><path d="m77.78 18.947.36-.99s-.61.57-5.74 1.08c-1.52.37-3.62 2.61-3.62 2.61l-.77-.05-43.33 4.48-1.86.19-.69-.75-1.09-.72-1.5-.29-5.22.05-.36.99.55.9-.36.99.55.9-.36.99.55.89-.36.99.55.9-.36 1 .55.9-.36 1 .55.9-.36 1 .55.91-.36 1 .55.9-.36 1 .55.9-.36 1 .55.9-.36 1 .55.91-.36 1.01.56.91c3.51-.69 4.48-.46 4.48-.46l1.89-.47 2-1.73 44.86-4.64.86-.33s1.6.77 2.35 1.31 2.12.16 2.17.26l4.86-1.12-.2-.34-.02-1.09-.18-.83.36-1-.55-.9.36-1-.55-.9.36-1-.55-.9.36-1-.55-.91.36-1-.55-.9.36-1-.55-.9.36-1-.55-.9.36-.99-.55-.89.36-.99-.55-.9.36-.99-.55-.9v.01z" fill="#fff"/><path d="m34.25 25.447-17.57 21.9-2.36-22.79 6.11.2 2.38 1.51 11.44-.82zM73.19 18.957c-1.62.4-3.03 1.3-4.21 2.69l-14.87 20.03 16.43-1.89 3.25 1.5h1.76l4.6-1.12-2.01-22.21-4.95 1z" fill="#FFC5F3"/><path fill="url(#d)" d="M-22.03-18.193h138.48v101.76H-22.03z" style="mix-blend-mode:multiply"/><path d="m77.28 10.817.17.86.95.16-.95.15-.17.86-.17-.86-.95-.15.95-.16.17-.86z" fill="#000"/><path d="m74.8 13.297.09.5.55.09-.55.09-.09.5-.1-.5-.55-.09.55-.09.1-.5z" fill="#000" stroke="#000" stroke-width=".75" stroke-miterlimit="10"/><path d="m26.28 50.437.24 1.23 1.34.21-1.34.22-.24 1.22-.24-1.22-1.34-.22 1.34-.21.24-1.23z" fill="#000"/><path d="m25.18 14.477.21 1.09 1.2.2-1.2.19-.21 1.1-.22-1.1-1.2-.19 1.2-.2.22-1.09zM66 44.717l.21 1.09 1.2.2-1.2.19-.21 1.1-.22-1.1-1.2-.19 1.2-.2.22-1.09zM15.23 74.357c1.16-10.35 14.16-18.33 22.91-18.85 8.75-.53 14.98 5.4 13.69 13.03 2.84-1.81 6.4-2.33 8.7-1.26 2.3 1.06 3.21 3.64 2.22 6.31 2.59-3.59 8.24-5.03 11.84-3.99 3.6 1.04 5.74 3.78 7.63 6.47" fill="#fff"/><path d="M15.23 74.357c1.16-10.35 14.16-18.33 22.91-18.85 8.75-.53 14.98 5.4 13.69 13.03 2.84-1.81 6.4-2.33 8.7-1.26 2.3 1.06 3.21 3.64 2.22 6.31 2.59-3.59 8.24-5.03 11.84-3.99 3.6 1.04 5.74 3.78 7.63 6.47" stroke="#000" stroke-width=".75" stroke-miterlimit="10"/><path d="M74.89 32.647c.35 3.4.52 6.57.39 8.63-.04-.1-1.42.29-2.17-.26s-2.35-1.31-2.35-1.31l-.86.33-44.86 4.64-2 1.73-1.89.47-.75-14.23" stroke="#000" stroke-width=".75" stroke-linejoin="round"/><path d="M21.16 46.877s-.97-.22-4.48.46l-.56-.91.36-1.01-.55-.91.36-1-.55-.9.36-1-.55-.9.36-1-.55-.9.36-1-.55-.91.36-1-.55-.9.36-1-.55-.9.36-1-.55-.9.36-.99-.55-.89.36-.99-.55-.9.36-.99-.55-.9.36-1 5.22-.05 1.5.29 1.09.72.69.75 1.86-.19 43.33-4.48.77.05s2.1-2.24 3.62-2.61c.54 1.6 1.05 3.87 1.49 6.4" stroke="#000" stroke-width=".75" stroke-linejoin="round"/><path d="m75.29 41.287 4.86-1.12-.2-.34-.02-1.09-.18-.83.36-1-.55-.9.36-1-.55-.9.36-1-.55-.9.36-1-.55-.91.36-1-.55-.9.36-1-.55-.9.36-1-.55-.9.36-.99-.55-.89.36-.99-.55-.9.36-.99-.55-.9.36-1s-.61.57-5.74 1.08" stroke="#000" stroke-width=".75" stroke-linejoin="round"/><path d="m22.81 26.267 1.23 1.74-.59-1.81-.64.07z" fill="#000" stroke="#000" stroke-linejoin="round"/><path d="M71.46 37.597c-.07.48-.13.96-.09 1.44.04.48.21.96.53 1.31l-1.13-.55s-.08-.04-.12-.04c-.04 0-.09.02-.13.03-.17.07-.34.15-.51.22-.11.05-.24.14-.23-.03 0-.09.25-.28.31-.36.11-.13.21-.26.32-.39.2-.26.38-.52.55-.79.11-.17.32-.57.48-.84h.02z" fill="#000" stroke="#000" stroke-width=".5" stroke-linejoin="round"/><path d="M26.54 44.527s-1.54-1.12-2.77-1.19" stroke="#000" stroke-linejoin="round"/><path d="m25.39 38.81.721-8.498 3.096-.277c.581-.052 1.073.009 1.474.182.4.165.707.407.92.725.213.318.338.676.373 1.075.054.605-.046 1.14-.302 1.605-.256.457-.637.828-1.141 1.114-.498.278-1.085.447-1.762.507l-1.566.14-.284 3.29-1.53.137zm1.917-4.69 1.47-.13c.558-.05.98-.22 1.268-.512.286-.298.407-.699.362-1.2-.029-.327-.156-.58-.381-.762-.225-.18-.565-.25-1.019-.21l-1.47.132-.23 2.683zm5.389 4.037.722-8.498 3.024-.27c.59-.053 1.085.007 1.486.18.4.165.707.407.92.725.221.317.35.671.384 1.062.06.67-.08 1.252-.422 1.748-.333.496-.81.868-1.4Line truncated
|
||||
|
After Width: | Height: | Size: 31 KiB |
@@ -0,0 +1 @@
|
||||
<?php return array('dependencies' => array('react', 'wp-api', 'wp-components', 'wp-data', 'wp-element', 'wp-i18n', 'wp-notices'), 'version' => '9c316c32b84478443dcb');
|
||||
@@ -0,0 +1 @@
|
||||
#hello-elementor-settings .components-placeholder{background:#f1f1f1}#hello-elementor-settings .hello_elementor__header{background-color:#fff;box-shadow:0 1px 0 hsla(0,0%,84%,.5),0 1px 2px #eee;margin-inline-start:-2em;padding:20px 10px}#hello-elementor-settings .hello_elementor__header .hello_elementor__container{margin:0 auto;max-width:750px}#hello-elementor-settings .hello_elementor__header .hello_elementor__container .hello_elementor__title{align-items:center;display:flex;gap:10px;justify-content:center}#hello-elementor-settings .hello_elementor__header .hello_elementor__container .hello_elementor__title .dashicon{color:#757575}#hello-elementor-settings .hello_elementor__main{margin-inline-end:auto;margin-inline-start:auto;max-width:750px}#hello-elementor-settings .hello_elementor__main .components-panel{background:none;border:none}#hello-elementor-settings .hello_elementor__main .components-panel__body{background:#fff;border:1px solid #e2e4e7;margin:1rem 0}#hello-elementor-settings .hello_elementor__main .components-notice{margin:0;margin-block-end:20px}#hello-elementor-settings .hello_elementor__main .components-notice .dashicon{color:#f0b849;padding-inline-end:10px}#hello-elementor-settings .hello_elementor__main .components-notice button{display:none}#hello-elementor-settings .hello_elementor__main .code-example{border-radius:4px;display:inline-block;font-size:10px;margin-block-end:.25rem}#hello-elementor-settings .hello_elementor__main .code-example+:not(.code-example){margin-block-start:1.25rem}#hello-elementor-settings .components-base-control__help{margin-block-start:.5rem}#hello-elementor-settings .hello_elementor__notices .components-snackbar{bottom:.5rem;position:fixed}#hello-elementor-settings .hello_elementor__action_links{margin-block-end:20px;margin-block-start:50px;text-align:center}#hello-elementor-settings .hello_elementor__action_links__title{font-weight:700}#hello-elementor-settings .hello_elementor__action_links__message{font-weight:400}
|
||||
@@ -0,0 +1,439 @@
|
||||
/******/ (() => { // webpackBootstrap
|
||||
/******/ var __webpack_modules__ = ({
|
||||
|
||||
/***/ 696:
|
||||
/***/ ((__unused_webpack_module, exports) => {
|
||||
|
||||
"use strict";
|
||||
|
||||
|
||||
Object.defineProperty(exports, "__esModule", ({
|
||||
value: true
|
||||
}));
|
||||
exports.ActionLinks = void 0;
|
||||
const ActionLinks = _ref => {
|
||||
let {
|
||||
image,
|
||||
alt,
|
||||
title,
|
||||
message,
|
||||
button,
|
||||
link
|
||||
} = _ref;
|
||||
return /*#__PURE__*/React.createElement("div", {
|
||||
className: "hello_elementor__action_links"
|
||||
}, /*#__PURE__*/React.createElement("img", {
|
||||
src: image,
|
||||
alt: alt
|
||||
}), /*#__PURE__*/React.createElement("p", {
|
||||
className: "hello_elementor__action_links__title"
|
||||
}, title), /*#__PURE__*/React.createElement("p", {
|
||||
className: "hello_elementor__action_links__message"
|
||||
}, message), /*#__PURE__*/React.createElement("a", {
|
||||
className: "components-button is-secondary",
|
||||
href: link,
|
||||
target: "_blank",
|
||||
rel: "noreferrer"
|
||||
}, button));
|
||||
};
|
||||
exports.ActionLinks = ActionLinks;
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 19:
|
||||
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
|
||||
|
||||
"use strict";
|
||||
|
||||
|
||||
var _interopRequireDefault = __webpack_require__(994);
|
||||
Object.defineProperty(exports, "__esModule", ({
|
||||
value: true
|
||||
}));
|
||||
exports.SettingsPage = void 0;
|
||||
var _react = __webpack_require__(609);
|
||||
var _notices = __webpack_require__(692);
|
||||
var _data = __webpack_require__(143);
|
||||
var _i18n = __webpack_require__(723);
|
||||
var _api = _interopRequireDefault(__webpack_require__(863));
|
||||
var _components = __webpack_require__(427);
|
||||
var _settingsPanel = __webpack_require__(425);
|
||||
var _actionLinksPanel = __webpack_require__(442);
|
||||
const Notices = () => {
|
||||
const notices = (0, _data.useSelect)(select => select(_notices.store).getNotices().filter(notice => 'snackbar' === notice.type), []);
|
||||
const {
|
||||
removeNotice
|
||||
} = (0, _data.useDispatch)(_notices.store);
|
||||
return /*#__PURE__*/React.createElement(_components.SnackbarList, {
|
||||
className: "edit-site-notices",
|
||||
notices: notices,
|
||||
onRemove: removeNotice
|
||||
});
|
||||
};
|
||||
const SETTINGS = {
|
||||
DESCRIPTION_META_TAG: '_description_meta_tag',
|
||||
SKIP_LINK: '_skip_link',
|
||||
HEADER_FOOTER: '_header_footer',
|
||||
PAGE_TITLE: '_page_title',
|
||||
HELLO_STYLE: '_hello_style',
|
||||
HELLO_THEME: '_hello_theme'
|
||||
};
|
||||
const SettingsPage = () => {
|
||||
const [hasLoaded, setHasLoaded] = (0, _react.useState)(false);
|
||||
const [settingsData, setSettingsData] = (0, _react.useState)({});
|
||||
const settingsPrefix = 'hello_elementor_settings';
|
||||
|
||||
/**
|
||||
* Update settings data.
|
||||
*
|
||||
* @param {string} settingsName
|
||||
* @param {string} settingsValue
|
||||
*/
|
||||
const updateSettings = (settingsName, settingsValue) => {
|
||||
setSettingsData({
|
||||
...settingsData,
|
||||
[settingsName]: settingsValue
|
||||
});
|
||||
};
|
||||
|
||||
/**
|
||||
* Save settings to server.
|
||||
*/
|
||||
const saveSettings = () => {
|
||||
const data = {};
|
||||
Object.values(SETTINGS).forEach(value => data[`${settingsPrefix}${value}`] = settingsData[value] ? 'true' : '');
|
||||
const settings = new _api.default.models.Settings(data);
|
||||
settings.save();
|
||||
(0, _data.dispatch)('core/notices').createNotice('success', (0, _i18n.__)('Settings Saved', 'hello-elementor'), {
|
||||
type: 'snackbar',
|
||||
isDismissible: true
|
||||
});
|
||||
};
|
||||
(0, _react.useEffect)(() => {
|
||||
const fetchSettings = async () => {
|
||||
try {
|
||||
await _api.default.loadPromise;
|
||||
const settings = new _api.default.models.Settings();
|
||||
const response = await settings.fetch();
|
||||
const data = {};
|
||||
Object.values(SETTINGS).forEach(value => data[value] = response[`${settingsPrefix}${value}`]);
|
||||
setSettingsData(data);
|
||||
setHasLoaded(true);
|
||||
} catch (error) {
|
||||
// eslint-disable-next-line no-console
|
||||
console.error(error);
|
||||
}
|
||||
};
|
||||
if (hasLoaded) {
|
||||
return;
|
||||
}
|
||||
fetchSettings();
|
||||
}, [settingsData]);
|
||||
if (!hasLoaded) {
|
||||
return /*#__PURE__*/React.createElement(_components.Placeholder, null, /*#__PURE__*/React.createElement(_components.Spinner, null));
|
||||
}
|
||||
return /*#__PURE__*/React.createElement(_react.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
||||
className: "hello_elementor__header"
|
||||
}, /*#__PURE__*/React.createElement("div", {
|
||||
className: "hello_elementor__container"
|
||||
}, /*#__PURE__*/React.createElement("div", {
|
||||
className: "hello_elementor__title"
|
||||
}, /*#__PURE__*/React.createElement("h1", null, (0, _i18n.__)('Hello Theme Settings', 'hello-elementor')), /*#__PURE__*/React.createElement(_components.Button, {
|
||||
size: 'small',
|
||||
variant: 'link',
|
||||
onClick: () => {
|
||||
const dialog = document.getElementById('hello-elementor-notifications-dialog');
|
||||
if (dialog) {
|
||||
dialog.showModal();
|
||||
}
|
||||
}
|
||||
}, (0, _i18n.__)('Changelog', 'hello-elementor'))))), /*#__PURE__*/React.createElement("div", {
|
||||
className: "hello_elementor__main"
|
||||
}, /*#__PURE__*/React.createElement(_components.Panel, null, /*#__PURE__*/React.createElement(_settingsPanel.SettingsPanel, {
|
||||
SETTINGS,
|
||||
settingsData,
|
||||
updateSettings
|
||||
}), /*#__PURE__*/React.createElement(_components.Button, {
|
||||
isPrimary: true,
|
||||
onClick: saveSettings
|
||||
}, (0, _i18n.__)('Save Settings', 'hello-elementor'))), /*#__PURE__*/React.createElement(_actionLinksPanel.ActionLinksPanel, null)), /*#__PURE__*/React.createElement("div", {
|
||||
className: "hello_elementor__notices"
|
||||
}, /*#__PURE__*/React.createElement(Notices, null)));
|
||||
};
|
||||
exports.SettingsPage = SettingsPage;
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 442:
|
||||
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
|
||||
|
||||
"use strict";
|
||||
|
||||
|
||||
Object.defineProperty(exports, "__esModule", ({
|
||||
value: true
|
||||
}));
|
||||
exports.ActionLinksPanel = void 0;
|
||||
var _i18n = __webpack_require__(723);
|
||||
var _actionLinks = __webpack_require__(696);
|
||||
const actionLinks = {
|
||||
'install-elementor': {
|
||||
image: helloAdminData.templateDirectoryURI + '/assets/images/elementor.svg',
|
||||
alt: (0, _i18n.__)('Elementor', 'hello-elementor'),
|
||||
title: (0, _i18n.__)('Install Elementor', 'hello-elementor'),
|
||||
message: (0, _i18n.__)('Create cross-site header & footer using Elementor.', 'hello-elementor'),
|
||||
button: (0, _i18n.__)('Install Elementor', 'hello-elementor'),
|
||||
link: helloAdminData.actionLinkURL
|
||||
},
|
||||
'activate-elementor': {
|
||||
image: helloAdminData.templateDirectoryURI + '/assets/images/elementor.svg',
|
||||
alt: (0, _i18n.__)('Elementor', 'hello-elementor'),
|
||||
title: (0, _i18n.__)('Activate Elementor', 'hello-elementor'),
|
||||
message: (0, _i18n.__)('Create cross-site header & footer using Elementor.', 'hello-elementor'),
|
||||
button: (0, _i18n.__)('Activate Elementor', 'hello-elementor'),
|
||||
link: helloAdminData.actionLinkURL
|
||||
},
|
||||
'activate-header-footer-experiment': {
|
||||
image: helloAdminData.templateDirectoryURI + '/assets/images/elementor.svg',
|
||||
alt: (0, _i18n.__)('Elementor', 'hello-elementor'),
|
||||
title: (0, _i18n.__)('Style using Elementor', 'hello-elementor'),
|
||||
message: (0, _i18n.__)('Design your cross-site header & footer from Elementor’s "Site Settings" panel.', 'hello-elementor'),
|
||||
button: (0, _i18n.__)('Activate header & footer experiment', 'hello-elementor'),
|
||||
link: helloAdminData.actionLinkURL
|
||||
},
|
||||
'style-header-footer': {
|
||||
image: helloAdminData.templateDirectoryURI + '/assets/images/elementor.svg',
|
||||
alt: (0, _i18n.__)('Elementor', 'hello-elementor'),
|
||||
title: (0, _i18n.__)('Style cross-site header & footer', 'hello-elementor'),
|
||||
message: (0, _i18n.__)('Customize your cross-site header & footer from Elementor’s "Site Settings" panel.', 'hello-elementor'),
|
||||
button: (0, _i18n.__)('Start Designing', 'hello-elementor'),
|
||||
link: helloAdminData.actionLinkURL
|
||||
}
|
||||
};
|
||||
const ActionLinksPanel = () => {
|
||||
if (!helloAdminData.actionLinkType) {
|
||||
return;
|
||||
}
|
||||
return /*#__PURE__*/React.createElement(_actionLinks.ActionLinks, actionLinks[helloAdminData.actionLinkType]);
|
||||
};
|
||||
exports.ActionLinksPanel = ActionLinksPanel;
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 425:
|
||||
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
|
||||
|
||||
"use strict";
|
||||
|
||||
|
||||
Object.defineProperty(exports, "__esModule", ({
|
||||
value: true
|
||||
}));
|
||||
exports.SettingsPanel = void 0;
|
||||
var _i18n = __webpack_require__(723);
|
||||
var _components = __webpack_require__(427);
|
||||
const SettingsPanel = _ref => {
|
||||
let {
|
||||
SETTINGS,
|
||||
settingsData,
|
||||
updateSettings
|
||||
} = _ref;
|
||||
const protocol = window.location.protocol || 'https:';
|
||||
const hostname = window.location.hostname || 'example.com';
|
||||
const prefix = protocol + '//' + hostname;
|
||||
return /*#__PURE__*/React.createElement(_components.PanelBody, {
|
||||
title: (0, _i18n.__)('Hello Theme Settings', 'hello-elementor')
|
||||
}, /*#__PURE__*/React.createElement(_components.Notice, {
|
||||
status: "warning",
|
||||
isDismissible: "false"
|
||||
}, /*#__PURE__*/React.createElement(_components.Dashicon, {
|
||||
icon: "flag"
|
||||
}), (0, _i18n.__)('Be cautious, disabling some of the following options may break your website.', 'hello-elementor')), /*#__PURE__*/React.createElement(_components.ToggleControl, {
|
||||
label: (0, _i18n.__)('Disable description meta tag', 'hello-elementor'),
|
||||
help: (0, _i18n.__)('Remove the description meta tag in singular content pages that contain an excerpt.', 'hello-elementor'),
|
||||
checked: !!settingsData[SETTINGS.DESCRIPTION_META_TAG] || false,
|
||||
onChange: value => updateSettings(SETTINGS.DESCRIPTION_META_TAG, value)
|
||||
}), /*#__PURE__*/React.createElement("code", {
|
||||
className: "code-example"
|
||||
}, " <meta name=\"description\" content=\"...\" /> "), /*#__PURE__*/React.createElement(_components.ToggleControl, {
|
||||
label: (0, _i18n.__)('Disable skip link', 'hello-elementor'),
|
||||
help: (0, _i18n.__)('Remove the "Skip to content" link used by screen-readers and users navigating with a keyboard.', 'hello-elementor'),
|
||||
checked: !!settingsData[SETTINGS.SKIP_LINK] || false,
|
||||
onChange: value => updateSettings(SETTINGS.SKIP_LINK, value)
|
||||
}), /*#__PURE__*/React.createElement("code", {
|
||||
className: "code-example"
|
||||
}, " <a class=\"skip-link screen-reader-text\" href=\"#content\"> Skip to content </a> "), /*#__PURE__*/React.createElement(_components.ToggleControl, {
|
||||
label: (0, _i18n.__)('Disable cross-site header & footer', 'hello-elementor'),
|
||||
help: (0, _i18n.__)('Remove the header & footer sections from all pages, and their CSS/JS files.', 'hello-elementor'),
|
||||
checked: !!settingsData[SETTINGS.HEADER_FOOTER] || false,
|
||||
onChange: value => updateSettings(SETTINGS.HEADER_FOOTER, value)
|
||||
}), /*#__PURE__*/React.createElement("code", {
|
||||
className: "code-example"
|
||||
}, " <header id=\"site-header\" class=\"site-header\"> ... </header> "), /*#__PURE__*/React.createElement("code", {
|
||||
className: "code-example"
|
||||
}, " <footer id=\"site-footer\" class=\"site-footer\"> ... </footer> "), /*#__PURE__*/React.createElement(_components.ToggleControl, {
|
||||
label: (0, _i18n.__)('Disable page title', 'hello-elementor'),
|
||||
help: (0, _i18n.__)('Remove the section above the content that contains the main heading of the page.', 'hello-elementor'),
|
||||
checked: !!settingsData[SETTINGS.PAGE_TITLE] || false,
|
||||
onChange: value => updateSettings(SETTINGS.PAGE_TITLE, value)
|
||||
}), /*#__PURE__*/React.createElement("code", {
|
||||
className: "code-example"
|
||||
}, " <div class=\"page-header\"> <h1 class=\"entry-title\"> Post title </h1> </div> "), /*#__PURE__*/React.createElement(_components.ToggleControl, {
|
||||
label: (0, _i18n.__)('Unregister Hello style.css', 'hello-elementor'),
|
||||
help: (0, _i18n.__)("Disable Hello theme's style.css file which contains CSS reset rules for unified cross-browser view.", 'hello-elementor'),
|
||||
checked: !!settingsData[SETTINGS.HELLO_STYLE] || false,
|
||||
onChange: value => updateSettings(SETTINGS.HELLO_STYLE, value)
|
||||
}), /*#__PURE__*/React.createElement("code", {
|
||||
className: "code-example"
|
||||
}, " <link rel=\"stylesheet\" href=\"", prefix, "/wp-content/themes/hello-elementor/style.min.css\" /> "), /*#__PURE__*/React.createElement(_components.ToggleControl, {
|
||||
label: (0, _i18n.__)('Unregister Hello theme.css', 'hello-elementor'),
|
||||
help: (0, _i18n.__)("Disable Hello theme's theme.css file which contains CSS rules that style WordPress elements.", 'hello-elementor'),
|
||||
checked: !!settingsData[SETTINGS.HELLO_THEME] || false,
|
||||
onChange: value => updateSettings(SETTINGS.HELLO_THEME, value)
|
||||
}), /*#__PURE__*/React.createElement("code", {
|
||||
className: "code-example"
|
||||
}, " <link rel=\"stylesheet\" href=\"", prefix, "/wp-content/themes/hello-elementor/theme.min.css\" /> "));
|
||||
};
|
||||
exports.SettingsPanel = SettingsPanel;
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 374:
|
||||
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
||||
|
||||
"use strict";
|
||||
__webpack_require__.r(__webpack_exports__);
|
||||
// extracted by mini-css-extract-plugin
|
||||
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 609:
|
||||
/***/ ((module) => {
|
||||
|
||||
"use strict";
|
||||
module.exports = window["React"];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 863:
|
||||
/***/ ((module) => {
|
||||
|
||||
"use strict";
|
||||
module.exports = window["wp"]["api"];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 427:
|
||||
/***/ ((module) => {
|
||||
|
||||
"use strict";
|
||||
module.exports = window["wp"]["components"];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 143:
|
||||
/***/ ((module) => {
|
||||
|
||||
"use strict";
|
||||
module.exports = window["wp"]["data"];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 87:
|
||||
/***/ ((module) => {
|
||||
|
||||
"use strict";
|
||||
module.exports = window["wp"]["element"];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 723:
|
||||
/***/ ((module) => {
|
||||
|
||||
"use strict";
|
||||
module.exports = window["wp"]["i18n"];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 692:
|
||||
/***/ ((module) => {
|
||||
|
||||
"use strict";
|
||||
module.exports = window["wp"]["notices"];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 994:
|
||||
/***/ ((module) => {
|
||||
|
||||
function _interopRequireDefault(obj) {
|
||||
return obj && obj.__esModule ? obj : {
|
||||
"default": obj
|
||||
};
|
||||
}
|
||||
module.exports = _interopRequireDefault, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
||||
|
||||
/***/ })
|
||||
|
||||
/******/ });
|
||||
/************************************************************************/
|
||||
/******/ // 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
|
||||
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
|
||||
/******/
|
||||
/******/ // Return the exports of the module
|
||||
/******/ return module.exports;
|
||||
/******/ }
|
||||
/******/
|
||||
/************************************************************************/
|
||||
/******/ /* webpack/runtime/make namespace object */
|
||||
/******/ (() => {
|
||||
/******/ // define __esModule on exports
|
||||
/******/ __webpack_require__.r = (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 need to be wrapped in an IIFE because it need to be in strict mode.
|
||||
(() => {
|
||||
"use strict";
|
||||
|
||||
|
||||
__webpack_require__(374);
|
||||
var _element = __webpack_require__(87);
|
||||
var _settingsPage = __webpack_require__(19);
|
||||
const App = () => {
|
||||
return /*#__PURE__*/React.createElement(_settingsPage.SettingsPage, null);
|
||||
};
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
const rootElement = document.getElementById('hello-elementor-settings');
|
||||
if (rootElement) {
|
||||
(0, _element.render)( /*#__PURE__*/React.createElement(App, null), rootElement);
|
||||
}
|
||||
});
|
||||
})();
|
||||
|
||||
/******/ })()
|
||||
;
|
||||
@@ -0,0 +1 @@
|
||||
<?php return array('dependencies' => array('react', 'wp-api', 'wp-components', 'wp-data', 'wp-element', 'wp-i18n', 'wp-notices'), 'version' => '223149ed2e62fccffebf');
|
||||
@@ -0,0 +1 @@
|
||||
#hello-elementor-settings .components-placeholder{background:#f1f1f1}#hello-elementor-settings .hello_elementor__header{background-color:#fff;box-shadow:0 1px 0 hsla(0,0%,84%,.5),0 1px 2px #eee;margin-inline-start:-2em;padding:20px 10px}#hello-elementor-settings .hello_elementor__header .hello_elementor__container{margin:0 auto;max-width:750px}#hello-elementor-settings .hello_elementor__header .hello_elementor__container .hello_elementor__title{align-items:center;display:flex;gap:10px;justify-content:center}#hello-elementor-settings .hello_elementor__header .hello_elementor__container .hello_elementor__title .dashicon{color:#757575}#hello-elementor-settings .hello_elementor__main{margin-inline-end:auto;margin-inline-start:auto;max-width:750px}#hello-elementor-settings .hello_elementor__main .components-panel{background:none;border:none}#hello-elementor-settings .hello_elementor__main .components-panel__body{background:#fff;border:1px solid #e2e4e7;margin:1rem 0}#hello-elementor-settings .hello_elementor__main .components-notice{margin:0;margin-block-end:20px}#hello-elementor-settings .hello_elementor__main .components-notice .dashicon{color:#f0b849;padding-inline-end:10px}#hello-elementor-settings .hello_elementor__main .components-notice button{display:none}#hello-elementor-settings .hello_elementor__main .code-example{border-radius:4px;display:inline-block;font-size:10px;margin-block-end:.25rem}#hello-elementor-settings .hello_elementor__main .code-example+:not(.code-example){margin-block-start:1.25rem}#hello-elementor-settings .components-base-control__help{margin-block-start:.5rem}#hello-elementor-settings .hello_elementor__notices .components-snackbar{bottom:.5rem;position:fixed}#hello-elementor-settings .hello_elementor__action_links{margin-block-end:20px;margin-block-start:50px;text-align:center}#hello-elementor-settings .hello_elementor__action_links__title{font-weight:700}#hello-elementor-settings .hello_elementor__action_links__message{font-weight:400}
|
||||
@@ -0,0 +1 @@
|
||||
(()=>{var e={696:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.ActionLinks=void 0;t.ActionLinks=e=>{let{image:t,alt:l,title:o,message:n,button:a,link:s}=e;return React.createElement("div",{className:"hello_elementor__action_links"},React.createElement("img",{src:t,alt:l}),React.createElement("p",{className:"hello_elementor__action_links__title"},o),React.createElement("p",{className:"hello_elementor__action_links__message"},n),React.createElement("a",{className:"components-button is-secondary",href:s,target:"_blank",rel:"noreferrer"},a))}},19:(e,t,l)=>{"use strict";var o=l(994);Object.defineProperty(t,"__esModule",{value:!0}),t.SettingsPage=void 0;var n=l(609),a=l(692),s=l(143),r=l(723),i=o(l(863)),c=l(427),m=l(425),_=l(442);const Notices=()=>{const e=(0,s.useSelect)((e=>e(a.store).getNotices().filter((e=>"snackbar"===e.type))),[]),{removeNotice:t}=(0,s.useDispatch)(a.store);return React.createElement(c.SnackbarList,{className:"edit-site-notices",notices:e,onRemove:t})},h={DESCRIPTION_META_TAG:"_description_meta_tag",SKIP_LINK:"_skip_link",HEADER_FOOTER:"_header_footer",PAGE_TITLE:"_page_title",HELLO_STYLE:"_hello_style",HELLO_THEME:"_hello_theme"};t.SettingsPage=()=>{const[e,t]=(0,n.useState)(!1),[l,o]=(0,n.useState)({}),a="hello_elementor_settings";return(0,n.useEffect)((()=>{e||(async()=>{try{await i.default.loadPromise;const e=new i.default.models.Settings,l=await e.fetch(),n={};Object.values(h).forEach((e=>n[e]=l[`${a}${e}`])),o(n),t(!0)}catch(e){console.error(e)}})()}),[l]),e?React.createElement(n.Fragment,null,React.createElement("div",{className:"hello_elementor__header"},React.createElement("div",{className:"hello_elementor__container"},React.createElement("div",{className:"hello_elementor__title"},React.createElement("h1",null,(0,r.__)("Hello Theme Settings","hello-elementor")),React.createElement(c.Button,{size:"small",variant:"link",onClick:()=>{const e=document.getElementById("hello-elementor-notifications-dialog");e&&e.showModal()}},(0,r.__)("Changelog","hello-elementor"))))),React.createElement("div",{className:"hello_elementor__main"},React.createElement(c.Panel,null,React.createElement(m.SettingsPanel,{SETTINGS:h,settingsData:l,updateSettings:(e,t)=>{o({...l,[e]:t})}}),React.createElement(c.Button,{isPrimary:!0,onClick:()=>{const e={};Object.values(h).forEach((t=>e[`${a}${t}`]=l[t]?"true":""));new i.default.models.Settings(e).save(),(0,s.dispatch)("core/notices").createNotice("success",(0,r.__)("Settings Saved","hello-elementor"),{type:"snackbar",isDismissible:!0})}},(0,r.__)("Save Settings","hello-elementor"))),React.createElement(_.ActionLinksPanel,null)),React.createElement("div",{className:"hello_elementor__notices"},React.createElement(Notices,null))):React.createElement(c.Placeholder,null,React.createElement(c.Spinner,null))}},442:(e,t,l)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.ActionLinksPanel=void 0;var o=l(723),n=l(696);const a={"install-elementor":{image:helloAdminData.templateDirectoryURI+"/assets/images/elementor.svg",alt:(0,o.__)("Elementor","hello-elementor"),title:(0,o.__)("Install Elementor","hello-elementor"),message:(0,o.__)("Create cross-site header & footer using Elementor.","hello-elementor"),button:(0,o.__)("Install Elementor","hello-elementor"),link:helloAdminData.actionLinkURL},"activate-elementor":{image:helloAdminData.templateDirectoryURI+"/assets/images/elementor.svg",alt:(0,o.__)("Elementor","hello-elementor"),title:(0,o.__)("Activate Elementor","hello-elementor"),message:(0,o.__)("Create cross-site header & footer using Elementor.","hello-elementor"),button:(0,o.__)("Activate Elementor","hello-elementor"),link:helloAdminData.actionLinkURL},"activate-header-footer-experiment":{image:helloAdminData.templateDirectoryURI+"/assets/images/elementor.svg",alt:(0,o.__)("Elementor","hello-elementor"),title:(0,o.__)("Style using Elementor","hello-elementor"),message:(0,o.__)('Design your cross-site header & footer from Elementor’s "Site Settings" panel.',"hello-elementor"),button:(0,o.__)("Activate header & footer experiment","hello-elementor"),link:helloAdminData.actionLinkURL},"style-header-footer":{image:helloAdminData.templateDirectoryURI+"/assets/images/elementor.svg",alt:(0,o.__)("Elementor","hello-elementor"),title:(0,o.__)("Style cross-site header & footer","hello-elementor"),message:(0,o.__)('Customize your cross-site header & footer from Elementor’s "Site Settings" panel.',"hello-elementor"),button:(0,o.__)("Start Designing","hello-elementor"),link:helloAdminData.actionLinkURL}};t.ActionLinksPanel=()=>{if(helloAdminData.actionLinkType)return React.createElement(n.ActionLinks,a[helloAdminData.actionLinkType])}},425:(e,t,l)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.SettingsPanel=void 0;var o=l(723),n=l(427);t.SettingsPanel=e=>{let{SETTINGS:t,settingsData:l,updateSettings:a}=e;const s=(window.location.protocol||"https:")+"//"+(window.location.hostname||"example.com");return React.createLine truncated
|
||||
@@ -0,0 +1 @@
|
||||
<?php return array('dependencies' => array(), 'version' => 'e78d65f4c12a29fb3a94');
|
||||
@@ -0,0 +1,396 @@
|
||||
/******/ (() => { // webpackBootstrap
|
||||
/******/ var __webpack_modules__ = ({
|
||||
|
||||
/***/ 706:
|
||||
/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
|
||||
|
||||
"use strict";
|
||||
|
||||
|
||||
var _interopRequireDefault = __webpack_require__(994);
|
||||
Object.defineProperty(exports, "__esModule", ({
|
||||
value: true
|
||||
}));
|
||||
exports["default"] = void 0;
|
||||
var _defineProperty2 = _interopRequireDefault(__webpack_require__(693));
|
||||
var _controlsHook = _interopRequireDefault(__webpack_require__(239));
|
||||
class _default extends $e.modules.ComponentBase {
|
||||
constructor() {
|
||||
super(...arguments);
|
||||
(0, _defineProperty2.default)(this, "pages", {});
|
||||
}
|
||||
getNamespace() {
|
||||
return 'hello-elementor';
|
||||
}
|
||||
defaultHooks() {
|
||||
return this.importHooks({
|
||||
ControlsHook: _controlsHook.default
|
||||
});
|
||||
}
|
||||
}
|
||||
exports["default"] = _default;
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 239:
|
||||
/***/ ((__unused_webpack_module, exports) => {
|
||||
|
||||
"use strict";
|
||||
|
||||
|
||||
Object.defineProperty(exports, "__esModule", ({
|
||||
value: true
|
||||
}));
|
||||
exports["default"] = void 0;
|
||||
class ControlsHook extends $e.modules.hookUI.After {
|
||||
getCommand() {
|
||||
// Command to listen.
|
||||
return 'document/elements/settings';
|
||||
}
|
||||
getId() {
|
||||
// Unique id for the hook.
|
||||
return 'hello-elementor-editor-controls-handler';
|
||||
}
|
||||
|
||||
/**
|
||||
* Get Hello Elementor Theme Controls
|
||||
*
|
||||
* Returns an object in which the keys are control IDs, and the values are the selectors of the elements that need
|
||||
* to be targeted in the apply() method.
|
||||
*
|
||||
* Example return value:
|
||||
* {
|
||||
* hello_elementor_show_logo: '.site-header .site-header-logo',
|
||||
* hello_elementor_show_menu: '.site-header .site-header-menu',
|
||||
* }
|
||||
*/
|
||||
getHelloThemeControls() {
|
||||
return {
|
||||
hello_header_logo_display: {
|
||||
selector: '.site-header .site-logo, .site-header .site-title',
|
||||
callback: ($element, args) => {
|
||||
this.toggleShowHideClass($element, args.settings.hello_header_logo_display);
|
||||
}
|
||||
},
|
||||
hello_header_menu_display: {
|
||||
selector: '.site-header .site-navigation, .site-header .site-navigation-toggle-holder',
|
||||
callback: ($element, args) => {
|
||||
this.toggleShowHideClass($element, args.settings.hello_header_menu_display);
|
||||
}
|
||||
},
|
||||
hello_header_tagline_display: {
|
||||
selector: '.site-header .site-description',
|
||||
callback: ($element, args) => {
|
||||
this.toggleShowHideClass($element, args.settings.hello_header_tagline_display);
|
||||
}
|
||||
},
|
||||
hello_header_logo_type: {
|
||||
selector: '.site-header .site-branding',
|
||||
callback: ($element, args) => {
|
||||
const classPrefix = 'show-',
|
||||
inputOptions = args.container.controls.hello_header_logo_type.options,
|
||||
inputValue = args.settings.hello_header_logo_type;
|
||||
this.toggleLayoutClass($element, classPrefix, inputOptions, inputValue);
|
||||
}
|
||||
},
|
||||
hello_header_layout: {
|
||||
selector: '.site-header',
|
||||
callback: ($element, args) => {
|
||||
const classPrefix = 'header-',
|
||||
inputOptions = args.container.controls.hello_header_layout.options,
|
||||
inputValue = args.settings.hello_header_layout;
|
||||
this.toggleLayoutClass($element, classPrefix, inputOptions, inputValue);
|
||||
}
|
||||
},
|
||||
hello_header_width: {
|
||||
selector: '.site-header',
|
||||
callback: ($element, args) => {
|
||||
const classPrefix = 'header-',
|
||||
inputOptions = args.container.controls.hello_header_width.options,
|
||||
inputValue = args.settings.hello_header_width;
|
||||
this.toggleLayoutClass($element, classPrefix, inputOptions, inputValue);
|
||||
}
|
||||
},
|
||||
hello_header_menu_layout: {
|
||||
selector: '.site-header',
|
||||
callback: ($element, args) => {
|
||||
const classPrefix = 'menu-layout-',
|
||||
inputOptions = args.container.controls.hello_header_menu_layout.options,
|
||||
inputValue = args.settings.hello_header_menu_layout;
|
||||
|
||||
// No matter what, close the mobile menu
|
||||
$element.find('.site-navigation-toggle-holder').removeClass('elementor-active');
|
||||
$element.find('.site-navigation-dropdown').removeClass('show');
|
||||
this.toggleLayoutClass($element, classPrefix, inputOptions, inputValue);
|
||||
}
|
||||
},
|
||||
hello_header_menu_dropdown: {
|
||||
selector: '.site-header',
|
||||
callback: ($element, args) => {
|
||||
const classPrefix = 'menu-dropdown-',
|
||||
inputOptions = args.container.controls.hello_header_menu_dropdown.options,
|
||||
inputValue = args.settings.hello_header_menu_dropdown;
|
||||
this.toggleLayoutClass($element, classPrefix, inputOptions, inputValue);
|
||||
}
|
||||
},
|
||||
hello_footer_logo_display: {
|
||||
selector: '.site-footer .site-logo, .site-footer .site-title',
|
||||
callback: ($element, args) => {
|
||||
this.toggleShowHideClass($element, args.settings.hello_footer_logo_display);
|
||||
}
|
||||
},
|
||||
hello_footer_tagline_display: {
|
||||
selector: '.site-footer .site-description',
|
||||
callback: ($element, args) => {
|
||||
this.toggleShowHideClass($element, args.settings.hello_footer_tagline_display);
|
||||
}
|
||||
},
|
||||
hello_footer_menu_display: {
|
||||
selector: '.site-footer .site-navigation',
|
||||
callback: ($element, args) => {
|
||||
this.toggleShowHideClass($element, args.settings.hello_footer_menu_display);
|
||||
}
|
||||
},
|
||||
hello_footer_copyright_display: {
|
||||
selector: '.site-footer .copyright',
|
||||
callback: ($element, args) => {
|
||||
const $footerContainer = $element.closest('#site-footer'),
|
||||
inputValue = args.settings.hello_footer_copyright_display;
|
||||
this.toggleShowHideClass($element, inputValue);
|
||||
$footerContainer.toggleClass('footer-has-copyright', 'yes' === inputValue);
|
||||
}
|
||||
},
|
||||
hello_footer_logo_type: {
|
||||
selector: '.site-footer .site-branding',
|
||||
callback: ($element, args) => {
|
||||
const classPrefix = 'show-',
|
||||
inputOptions = args.container.controls.hello_footer_logo_type.options,
|
||||
inputValue = args.settings.hello_footer_logo_type;
|
||||
this.toggleLayoutClass($element, classPrefix, inputOptions, inputValue);
|
||||
}
|
||||
},
|
||||
hello_footer_layout: {
|
||||
selector: '.site-footer',
|
||||
callback: ($element, args) => {
|
||||
const classPrefix = 'footer-',
|
||||
inputOptions = args.container.controls.hello_footer_layout.options,
|
||||
inputValue = args.settings.hello_footer_layout;
|
||||
this.toggleLayoutClass($element, classPrefix, inputOptions, inputValue);
|
||||
}
|
||||
},
|
||||
hello_footer_width: {
|
||||
selector: '.site-footer',
|
||||
callback: ($element, args) => {
|
||||
const classPrefix = 'footer-',
|
||||
inputOptions = args.container.controls.hello_footer_width.options,
|
||||
inputValue = args.settings.hello_footer_width;
|
||||
this.toggleLayoutClass($element, classPrefix, inputOptions, inputValue);
|
||||
}
|
||||
},
|
||||
hello_footer_copyright_text: {
|
||||
selector: '.site-footer .copyright',
|
||||
callback: ($element, args) => {
|
||||
const inputValue = args.settings.hello_footer_copyright_text;
|
||||
$element.find('p').text(inputValue);
|
||||
}
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
/**
|
||||
* Toggle show and hide classes on containers
|
||||
*
|
||||
* This will remove the .show and .hide clases from the element, then apply the new class
|
||||
*
|
||||
* @param {jQuery} element
|
||||
* @param {string} inputValue
|
||||
*/
|
||||
toggleShowHideClass(element, inputValue) {
|
||||
element.removeClass('hide').removeClass('show').addClass(inputValue ? 'show' : 'hide');
|
||||
}
|
||||
|
||||
/**
|
||||
* Toggle layout classes on containers
|
||||
*
|
||||
* This will cleanly set classes onto which ever container we want to target, removing the old classes and adding the new one
|
||||
*
|
||||
* @param {jQuery} element
|
||||
* @param {string} classPrefix
|
||||
* @param {Object} inputOptions
|
||||
* @param {string} inputValue
|
||||
*
|
||||
*/
|
||||
toggleLayoutClass(element, classPrefix, inputOptions, inputValue) {
|
||||
// Loop through the possible classes and remove the one that's not in use
|
||||
Object.entries(inputOptions).forEach(_ref => {
|
||||
let [key] = _ref;
|
||||
element.removeClass(classPrefix + key);
|
||||
});
|
||||
|
||||
// Append the class which we want to use onto the element
|
||||
if ('' !== inputValue) {
|
||||
element.addClass(classPrefix + inputValue);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Set the conditions under which the hook will run.
|
||||
*
|
||||
* @param {Object} args
|
||||
*/
|
||||
getConditions(args) {
|
||||
const isKit = 'kit' === elementor.documents.getCurrent().config.type,
|
||||
changedControls = Object.keys(args.settings),
|
||||
isSingleSetting = 1 === changedControls.length;
|
||||
|
||||
// If the document is not a kit, or there are no changed settings, or there is more than one single changed
|
||||
// setting, don't run the hook.
|
||||
if (!isKit || !args.settings || !isSingleSetting) {
|
||||
return false;
|
||||
}
|
||||
|
||||
// If the changed control is in the list of theme controls, return true to run the hook.
|
||||
// Otherwise, return false so the hook doesn't run.
|
||||
return !!Object.keys(this.getHelloThemeControls()).includes(changedControls[0]);
|
||||
}
|
||||
|
||||
/**
|
||||
* The hook logic.
|
||||
*
|
||||
* @param {Object} args
|
||||
*/
|
||||
apply(args) {
|
||||
const allThemeControls = this.getHelloThemeControls(),
|
||||
// Extract the control ID from the passed args
|
||||
controlId = Object.keys(args.settings)[0],
|
||||
controlConfig = allThemeControls[controlId],
|
||||
// Find the element that needs to be targeted by the control.
|
||||
$element = elementor.$previewContents.find(controlConfig.selector);
|
||||
controlConfig.callback($element, args);
|
||||
}
|
||||
}
|
||||
exports["default"] = ControlsHook;
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 693:
|
||||
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
|
||||
|
||||
var toPropertyKey = __webpack_require__(736);
|
||||
function _defineProperty(obj, key, value) {
|
||||
key = toPropertyKey(key);
|
||||
if (key in obj) {
|
||||
Object.defineProperty(obj, key, {
|
||||
value: value,
|
||||
enumerable: true,
|
||||
configurable: true,
|
||||
writable: true
|
||||
});
|
||||
} else {
|
||||
obj[key] = value;
|
||||
}
|
||||
return obj;
|
||||
}
|
||||
module.exports = _defineProperty, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 994:
|
||||
/***/ ((module) => {
|
||||
|
||||
function _interopRequireDefault(obj) {
|
||||
return obj && obj.__esModule ? obj : {
|
||||
"default": obj
|
||||
};
|
||||
}
|
||||
module.exports = _interopRequireDefault, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 45:
|
||||
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
|
||||
|
||||
var _typeof = (__webpack_require__(738)["default"]);
|
||||
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 || "default");
|
||||
if ("object" != _typeof(i)) return i;
|
||||
throw new TypeError("@@toPrimitive must return a primitive value.");
|
||||
}
|
||||
return ("string" === r ? String : Number)(t);
|
||||
}
|
||||
module.exports = toPrimitive, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 736:
|
||||
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
|
||||
|
||||
var _typeof = (__webpack_require__(738)["default"]);
|
||||
var toPrimitive = __webpack_require__(45);
|
||||
function toPropertyKey(t) {
|
||||
var i = toPrimitive(t, "string");
|
||||
return "symbol" == _typeof(i) ? i : i + "";
|
||||
}
|
||||
module.exports = toPropertyKey, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 738:
|
||||
/***/ ((module) => {
|
||||
|
||||
function _typeof(o) {
|
||||
"@babel/helpers - typeof";
|
||||
|
||||
return (module.exports = _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
|
||||
return typeof o;
|
||||
} : function (o) {
|
||||
return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
|
||||
}, module.exports.__esModule = true, module.exports["default"] = module.exports), _typeof(o);
|
||||
}
|
||||
module.exports = _typeof, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
||||
|
||||
/***/ })
|
||||
|
||||
/******/ });
|
||||
/************************************************************************/
|
||||
/******/ // 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
|
||||
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
|
||||
/******/
|
||||
/******/ // Return the exports of the module
|
||||
/******/ return module.exports;
|
||||
/******/ }
|
||||
/******/
|
||||
/************************************************************************/
|
||||
var __webpack_exports__ = {};
|
||||
// This entry need to be wrapped in an IIFE because it need to be in strict mode.
|
||||
(() => {
|
||||
"use strict";
|
||||
|
||||
|
||||
var _interopRequireDefault = __webpack_require__(994);
|
||||
var _component = _interopRequireDefault(__webpack_require__(706));
|
||||
$e.components.register(new _component.default());
|
||||
})();
|
||||
|
||||
/******/ })()
|
||||
;
|
||||
@@ -0,0 +1 @@
|
||||
<?php return array('dependencies' => array(), 'version' => '0eec8e66880717bf7da1');
|
||||
@@ -0,0 +1 @@
|
||||
(()=>{var e={706:(e,t,o)=>{"use strict";var l=o(994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var s=l(o(693)),r=l(o(239));class _default extends $e.modules.ComponentBase{constructor(){super(...arguments),(0,s.default)(this,"pages",{})}getNamespace(){return"hello-elementor"}defaultHooks(){return this.importHooks({ControlsHook:r.default})}}t.default=_default},239:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;class ControlsHook extends $e.modules.hookUI.After{getCommand(){return"document/elements/settings"}getId(){return"hello-elementor-editor-controls-handler"}getHelloThemeControls(){return{hello_header_logo_display:{selector:".site-header .site-logo, .site-header .site-title",callback:(e,t)=>{this.toggleShowHideClass(e,t.settings.hello_header_logo_display)}},hello_header_menu_display:{selector:".site-header .site-navigation, .site-header .site-navigation-toggle-holder",callback:(e,t)=>{this.toggleShowHideClass(e,t.settings.hello_header_menu_display)}},hello_header_tagline_display:{selector:".site-header .site-description",callback:(e,t)=>{this.toggleShowHideClass(e,t.settings.hello_header_tagline_display)}},hello_header_logo_type:{selector:".site-header .site-branding",callback:(e,t)=>{const o=t.container.controls.hello_header_logo_type.options,l=t.settings.hello_header_logo_type;this.toggleLayoutClass(e,"show-",o,l)}},hello_header_layout:{selector:".site-header",callback:(e,t)=>{const o=t.container.controls.hello_header_layout.options,l=t.settings.hello_header_layout;this.toggleLayoutClass(e,"header-",o,l)}},hello_header_width:{selector:".site-header",callback:(e,t)=>{const o=t.container.controls.hello_header_width.options,l=t.settings.hello_header_width;this.toggleLayoutClass(e,"header-",o,l)}},hello_header_menu_layout:{selector:".site-header",callback:(e,t)=>{const o=t.container.controls.hello_header_menu_layout.options,l=t.settings.hello_header_menu_layout;e.find(".site-navigation-toggle-holder").removeClass("elementor-active"),e.find(".site-navigation-dropdown").removeClass("show"),this.toggleLayoutClass(e,"menu-layout-",o,l)}},hello_header_menu_dropdown:{selector:".site-header",callback:(e,t)=>{const o=t.container.controls.hello_header_menu_dropdown.options,l=t.settings.hello_header_menu_dropdown;this.toggleLayoutClass(e,"menu-dropdown-",o,l)}},hello_footer_logo_display:{selector:".site-footer .site-logo, .site-footer .site-title",callback:(e,t)=>{this.toggleShowHideClass(e,t.settings.hello_footer_logo_display)}},hello_footer_tagline_display:{selector:".site-footer .site-description",callback:(e,t)=>{this.toggleShowHideClass(e,t.settings.hello_footer_tagline_display)}},hello_footer_menu_display:{selector:".site-footer .site-navigation",callback:(e,t)=>{this.toggleShowHideClass(e,t.settings.hello_footer_menu_display)}},hello_footer_copyright_display:{selector:".site-footer .copyright",callback:(e,t)=>{const o=e.closest("#site-footer"),l=t.settings.hello_footer_copyright_display;this.toggleShowHideClass(e,l),o.toggleClass("footer-has-copyright","yes"===l)}},hello_footer_logo_type:{selector:".site-footer .site-branding",callback:(e,t)=>{const o=t.container.controls.hello_footer_logo_type.options,l=t.settings.hello_footer_logo_type;this.toggleLayoutClass(e,"show-",o,l)}},hello_footer_layout:{selector:".site-footer",callback:(e,t)=>{const o=t.container.controls.hello_footer_layout.options,l=t.settings.hello_footer_layout;this.toggleLayoutClass(e,"footer-",o,l)}},hello_footer_width:{selector:".site-footer",callback:(e,t)=>{const o=t.container.controls.hello_footer_width.options,l=t.settings.hello_footer_width;this.toggleLayoutClass(e,"footer-",o,l)}},hello_footer_copyright_text:{selector:".site-footer .copyright",callback:(e,t)=>{const o=t.settings.hello_footer_copyright_text;e.find("p").text(o)}}}}toggleShowHideClass(e,t){e.removeClass("hide").removeClass("show").addClass(t?"show":"hide")}toggleLayoutClass(e,t,o,l){Object.entries(o).forEach((o=>{let[l]=o;e.removeClass(t+l)})),""!==l&&e.addClass(t+l)}getConditions(e){const t="kit"===elementor.documents.getCurrent().config.type,o=Object.keys(e.settings),l=1===o.length;return!!(t&&e.settings&&l)&&!!Object.keys(this.getHelloThemeControls()).includes(o[0])}apply(e){const t=this.getHelloThemeControls()[Object.keys(e.settings)[0]],o=elementor.$previewContents.find(t.selector);t.callback(o,e)}}t.default=ControlsHook},693:(e,t,o)=>{var l=o(736);e.exports=function _defineProperty(e,t,o){return(t=l(t))in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e},e.exports.__esModule=!0,e.exports.default=e.exports},994:e=>{e.exports=function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}},e.exports.__esModule=!0,e.exports.default=e.exports},45:(e,t,o)=>{var l=o(738).default;e.exports=function toPrimitive(e,t){if("object"!=l(e)||!e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var s=o.call(e,t||"default");if("object"!=l(s))return s;throw new TypeErrorLine truncated
|
||||
@@ -0,0 +1 @@
|
||||
<?php return array('dependencies' => array(), 'version' => '2f03dc39ec58b53d53c8');
|
||||
@@ -0,0 +1,69 @@
|
||||
/******/ (() => { // webpackBootstrap
|
||||
/******/ "use strict";
|
||||
var __webpack_exports__ = {};
|
||||
|
||||
|
||||
class elementorHelloThemeHandler {
|
||||
constructor() {
|
||||
this.initSettings();
|
||||
this.initElements();
|
||||
this.bindEvents();
|
||||
}
|
||||
initSettings() {
|
||||
this.settings = {
|
||||
selectors: {
|
||||
menuToggle: '.site-header .site-navigation-toggle',
|
||||
menuToggleHolder: '.site-header .site-navigation-toggle-holder',
|
||||
dropdownMenu: '.site-header .site-navigation-dropdown'
|
||||
}
|
||||
};
|
||||
}
|
||||
initElements() {
|
||||
this.elements = {
|
||||
window,
|
||||
menuToggle: document.querySelector(this.settings.selectors.menuToggle),
|
||||
menuToggleHolder: document.querySelector(this.settings.selectors.menuToggleHolder),
|
||||
dropdownMenu: document.querySelector(this.settings.selectors.dropdownMenu)
|
||||
};
|
||||
}
|
||||
bindEvents() {
|
||||
var _this$elements$menuTo;
|
||||
if (!this.elements.menuToggleHolder || (_this$elements$menuTo = this.elements.menuToggleHolder) !== null && _this$elements$menuTo !== void 0 && _this$elements$menuTo.classList.contains('hide')) {
|
||||
return;
|
||||
}
|
||||
this.elements.menuToggle.addEventListener('click', () => this.handleMenuToggle());
|
||||
this.elements.dropdownMenu.querySelectorAll('.menu-item-has-children > a').forEach(anchorElement => anchorElement.addEventListener('click', event => this.handleMenuChildren(event)));
|
||||
}
|
||||
closeMenuItems() {
|
||||
this.elements.menuToggleHolder.classList.remove('elementor-active');
|
||||
this.elements.window.removeEventListener('resize', () => this.closeMenuItems());
|
||||
}
|
||||
handleMenuToggle() {
|
||||
const isDropdownVisible = !this.elements.menuToggleHolder.classList.contains('elementor-active');
|
||||
this.elements.menuToggle.setAttribute('aria-expanded', isDropdownVisible);
|
||||
this.elements.dropdownMenu.setAttribute('aria-hidden', !isDropdownVisible);
|
||||
this.elements.dropdownMenu.inert = !isDropdownVisible;
|
||||
this.elements.menuToggleHolder.classList.toggle('elementor-active', isDropdownVisible);
|
||||
|
||||
// Always close all sub active items.
|
||||
this.elements.dropdownMenu.querySelectorAll('.elementor-active').forEach(item => item.classList.remove('elementor-active'));
|
||||
if (isDropdownVisible) {
|
||||
this.elements.window.addEventListener('resize', () => this.closeMenuItems());
|
||||
} else {
|
||||
this.elements.window.removeEventListener('resize', () => this.closeMenuItems());
|
||||
}
|
||||
}
|
||||
handleMenuChildren(event) {
|
||||
const anchor = event.currentTarget;
|
||||
const parentLi = anchor.parentElement;
|
||||
if (!(parentLi !== null && parentLi !== void 0 && parentLi.classList)) {
|
||||
return;
|
||||
}
|
||||
parentLi.classList.toggle('elementor-active');
|
||||
}
|
||||
}
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
new elementorHelloThemeHandler();
|
||||
});
|
||||
/******/ })()
|
||||
;
|
||||
@@ -0,0 +1 @@
|
||||
<?php return array('dependencies' => array(), 'version' => '1d92b8a230e0f487fd38');
|
||||
@@ -0,0 +1 @@
|
||||
(()=>{"use strict";class elementorHelloThemeHandler{constructor(){this.initSettings(),this.initElements(),this.bindEvents()}initSettings(){this.settings={selectors:{menuToggle:".site-header .site-navigation-toggle",menuToggleHolder:".site-header .site-navigation-toggle-holder",dropdownMenu:".site-header .site-navigation-dropdown"}}}initElements(){this.elements={window,menuToggle:document.querySelector(this.settings.selectors.menuToggle),menuToggleHolder:document.querySelector(this.settings.selectors.menuToggleHolder),dropdownMenu:document.querySelector(this.settings.selectors.dropdownMenu)}}bindEvents(){var e;!this.elements.menuToggleHolder||null!==(e=this.elements.menuToggleHolder)&&void 0!==e&&e.classList.contains("hide")||(this.elements.menuToggle.addEventListener("click",(()=>this.handleMenuToggle())),this.elements.dropdownMenu.querySelectorAll(".menu-item-has-children > a").forEach((e=>e.addEventListener("click",(e=>this.handleMenuChildren(e))))))}closeMenuItems(){this.elements.menuToggleHolder.classList.remove("elementor-active"),this.elements.window.removeEventListener("resize",(()=>this.closeMenuItems()))}handleMenuToggle(){const e=!this.elements.menuToggleHolder.classList.contains("elementor-active");this.elements.menuToggle.setAttribute("aria-expanded",e),this.elements.dropdownMenu.setAttribute("aria-hidden",!e),this.elements.dropdownMenu.inert=!e,this.elements.menuToggleHolder.classList.toggle("elementor-active",e),this.elements.dropdownMenu.querySelectorAll(".elementor-active").forEach((e=>e.classList.remove("elementor-active"))),e?this.elements.window.addEventListener("resize",(()=>this.closeMenuItems())):this.elements.window.removeEventListener("resize",(()=>this.closeMenuItems()))}handleMenuChildren(e){const t=e.currentTarget.parentElement;null!=t&&t.classList&&t.classList.toggle("elementor-active")}}document.addEventListener("DOMContentLoaded",(()=>{new elementorHelloThemeHandler}))})();
|
||||
Reference in new issue
Block a user