packages
1 month ago
012778ff5828d0d1739f.bundle.js
1 month ago
02ab54a3328c55e115ea.bundle.min.js
1 month ago
0352e30f394e8e1dd4dc.bundle.js
2 months ago
06dbd869189450c5db6c.bundle.js
1 month ago
0982f37bec0944fbcb10.bundle.js
5 months ago
0bc41c4656ca54cf2aca.bundle.min.js
5 months ago
14bcbc91620c14a7112c.bundle.min.js
1 month ago
1564d2bfa4591bf857f3.bundle.min.js
5 months ago
197583acd246fea0e25d.bundle.js
6 months ago
20866d9d9e34bf3cb0a7.bundle.min.js
1 month ago
2140afa714e988f1069e.bundle.js
2 months ago
220e9c3d1caa01726b1a.bundle.js
1 month ago
29c342e9c10e3f13f498.bundle.js
1 month ago
2bac2875cdf51a1f8140.bundle.min.js
1 month ago
32f7c5e8db4c8976b254.bundle.js
2 months ago
35423d812dc1d52fdb27.bundle.min.js
5 months ago
397f2d183c19202777d6.bundle.min.js
3 months ago
397f2d183c19202777d6.bundle.min.js.LICENSE.txt
3 months ago
3c838288a9b7ddd2aea4.bundle.min.js
5 months ago
3d410a099008411bb011.bundle.js
6 months ago
3df4dbb5d612dbdab477.bundle.min.js
2 months ago
40d841f4b4ce7b1928f5.bundle.js
5 months ago
435080452e81c388e779.bundle.min.js
2 months ago
4927500be197e062162e.bundle.min.js
2 months ago
4c96eab5a48ee097dcb2.bundle.js
1 month ago
59845ab5a628d2b79f57.bundle.js
1 month ago
5b575dffd21b0cec15a5.bundle.js
1 month ago
6117d083decd13b6ed73.bundle.js
2 months ago
6844b6c0a66040e3ca12.bundle.js
2 months ago
687979ffbcfd58352c29.bundle.min.js
1 month ago
6936b079b4e7c28cd901.bundle.min.js
1 month ago
6a19e86dd8c1f9165dbe.bundle.js
6 months ago
6caa76d2f6eec6c4e665.bundle.js
3 months ago
6d09ff0398a56a60654b.bundle.min.js
3 months ago
6f779545aaa23e951088.bundle.min.js
2 months ago
73f63f9507c306870586.bundle.min.js
1 month ago
7698e0d50a8ad7ecc822.bundle.js
1 month ago
77b60be7dc925a32f560.bundle.min.js
1 month ago
78dd4dee6173d40eb75a.bundle.min.js
2 months ago
7dae73b622bebe8a5d94.bundle.js
5 months ago
8277989eebcfba278cb0.bundle.min.js
8 months ago
831aea236b1ddda24f0c.bundle.js
1 month ago
845418a5488e9937fc99.bundle.min.js
1 month ago
8ad22e7ba800b096313c.bundle.min.js
1 month ago
8c20eb5e96967d3016b2.bundle.js
1 month ago
8e5b42844d27eada9b53.bundle.min.js
2 months ago
8e80438d29fc79b648e5.bundle.js
2 months ago
8e8b47ad5b4e4d038c80.bundle.js
5 months ago
8ecfd8495b7ec419862a.bundle.js
5 months ago
979a9c03fe10da23400d.bundle.js
2 months ago
9b0cc3aa93cf287cd0a2.bundle.min.js
1 month ago
9b97a73ee8fdc5fb7dc3.bundle.js
3 months ago
9bd390911e34b349d8cb.bundle.min.js
2 months ago
9dcd9e88237da6496816.bundle.min.js
5 months ago
9e7e356552c03a622b0f.bundle.js
2 months ago
9ffe53753902b9aca176.bundle.js
1 month ago
a0f667abb781daab8e48.bundle.js
1 month ago
a9c3d5b02d26399aebfb.bundle.js
1 month ago
accordion.8b0db5058afeb74622f5.bundle.min.js
8 months ago
accordion.b9a0ab19c7c872c405d7.bundle.js
6 months ago
admin-feedback.js
8 months ago
admin-feedback.min.js
8 months ago
admin-feedback.strings.js
1 month ago
admin-modules.js
6 months ago
admin-modules.min.js
6 months ago
admin-modules.min.js.LICENSE.txt
10 months ago
admin-modules.strings.js
1 month ago
admin-notifications.js
8 months ago
admin-notifications.min.js
8 months ago
admin-notifications.strings.js
6 months ago
admin-top-bar.js
2 months ago
admin-top-bar.min.js
2 months ago
admin-top-bar.strings.js
6 months ago
admin.js
1 month ago
admin.min.js
1 month ago
admin.min.js.LICENSE.txt
10 months ago
admin.strings.js
6 months ago
aee13673e923469c3275.bundle.min.js
5 months ago
af05aac2eb23e7438265.bundle.js
1 month ago
ai-admin.js
6 months ago
ai-admin.min.js
6 months ago
ai-admin.min.js.LICENSE.txt
10 months ago
ai-admin.strings.js
6 months ago
ai-gutenberg.js
6 months ago
ai-gutenberg.min.js
6 months ago
ai-gutenberg.min.js.LICENSE.txt
10 months ago
ai-gutenberg.strings.js
6 months ago
ai-layout.js
3 months ago
ai-layout.min.js
3 months ago
ai-layout.min.js.LICENSE.txt
10 months ago
ai-layout.strings.js
1 month ago
ai-media-library.js
6 months ago
ai-media-library.min.js
6 months ago
ai-media-library.min.js.LICENSE.txt
10 months ago
ai-media-library.strings.js
6 months ago
ai-unify-product-images.js
6 months ago
ai-unify-product-images.min.js
6 months ago
ai-unify-product-images.min.js.LICENSE.txt
10 months ago
ai-unify-product-images.strings.js
6 months ago
ai.js
6 months ago
ai.min.js
6 months ago
ai.min.js.LICENSE.txt
10 months ago
ai.strings.js
1 month ago
alert.b4336601ffdb6086d1b5.bundle.min.js
1 month ago
alert.fd509aa768e7b35a8e32.bundle.js
6 months ago
announcements-app.js
1 month ago
announcements-app.min.js
1 month ago
announcements-app.min.js.LICENSE.txt
10 months ago
announcements-app.strings.js
6 months ago
app-loader.js
6 months ago
app-loader.min.js
8 months ago
app-loader.strings.js
1 month ago
app-packages.js
5 months ago
app-packages.min.js
5 months ago
app-packages.min.js.LICENSE.txt
10 months ago
app-packages.strings.js
1 month ago
app.js
1 month ago
app.min.js
1 month ago
app.min.js.LICENSE.txt
10 months ago
app.strings.js
1 month ago
atomic-widgets-action-link-handler.js
1 month ago
atomic-widgets-action-link-handler.min.js
1 month ago
atomic-widgets-editor.js
1 month ago
atomic-widgets-editor.min.js
1 month ago
atomic-widgets-editor.min.js.LICENSE.txt
4 months ago
atomic-widgets-editor.strings.js
2 months ago
atomic-widgets-form-handler.js
1 month ago
atomic-widgets-form-handler.min.js
1 month ago
atomic-widgets-form-handler.min.js.LICENSE.txt
1 month ago
b4d39e5186d768f79598.bundle.js
1 month ago
b96d70044d0d67c2df19.bundle.min.js
8 months ago
bcb5135af6b817bc9708.bundle.min.js
2 months ago
beta-tester.js
8 months ago
beta-tester.min.js
8 months ago
beta-tester.strings.js
6 months ago
bf2fa9f81b3d78f5858f.bundle.min.js
1 month ago
c13d205fa26f8af1ce7c.bundle.js
6 months ago
c73a7d15e48e3305780a.bundle.min.js
1 month ago
cf6ec600fcf4e08ba6d3.bundle.js
5 months ago
checklist.js
6 months ago
checklist.min.js
6 months ago
checklist.min.js.LICENSE.txt
10 months ago
checklist.strings.js
6 months ago
cloud-library-screenshot.js
6 months ago
cloud-library-screenshot.min.js
6 months ago
cloud-library-screenshot.min.js.LICENSE.txt
8 months ago
cloud-library-screenshot.strings.js
6 months ago
common-modules.js
2 months ago
common-modules.min.js
2 months ago
common-modules.strings.js
6 months ago
common.js
1 month ago
common.min.js
1 month ago
common.min.js.LICENSE.txt
10 months ago
common.strings.js
6 months ago
contact-buttons.086261d3e9c4d8037686.bundle.js
6 months ago
contact-buttons.e98d0220ce8c38404e7e.bundle.min.js
8 months ago
container-converter.js
8 months ago
container-converter.min.js
8 months ago
container-converter.strings.js
6 months ago
container-editor-handlers.a2e8e48d28c5544fb183.bundle.min.js
4 months ago
container-editor-handlers.e7e069c4e656425c51f8.bundle.js
4 months ago
counter.12335f45aaa79d244f24.bundle.min.js
8 months ago
counter.7310c276bc7865a3d438.bundle.js
6 months ago
d39cd4cb3d5b09b11c14.bundle.min.js
1 month ago
d42de03ef4a0f50e39ca.bundle.min.js
5 months ago
d4c67aa71d8173f6201f.bundle.js
2 months ago
d52aa05c75af56327744.bundle.js
6 months ago
d67ddd6f08b08392c42f.bundle.js
6 months ago
d8a330693f9211e2166e.bundle.min.js
1 month ago
daedc6797eaad5c82711.bundle.min.js
8 months ago
de7511b88f9ec0968921.bundle.js
1 month ago
design-system-sync.js
2 months ago
design-system-sync.min.js
2 months ago
design-system-sync.strings.js
2 months ago
dev-tools.js
8 months ago
dev-tools.min.js
8 months ago
dev-tools.strings.js
6 months ago
df2f2a2ae20e0181ec2d.bundle.js
2 months ago
df4ff09f2b412abf0cd3.bundle.js
1 month ago
dff865a4d52c12bcf996.bundle.min.js
1 month ago
e-home-screen.js
1 month ago
e-home-screen.min.js
1 month ago
e-home-screen.min.js.LICENSE.txt
1 month ago
e-home-screen.strings.js
1 month ago
e-react-promotions.js
2 months ago
e-react-promotions.min.js
2 months ago
e-react-promotions.min.js.LICENSE.txt
2 months ago
e-react-promotions.strings.js
6 months ago
e-wc-product-editor.js
6 months ago
e-wc-product-editor.min.js
8 months ago
e-wc-product-editor.min.js.LICENSE.txt
1 year ago
e-wc-product-editor.strings.js
6 months ago
e1cb4d726bb59646c677.bundle.min.js
8 months ago
e459c6c89c0c0899c850.bundle.js
6 months ago
e9a764dcd37c06162942.bundle.js
1 month ago
eb5018119ee87fd6a7fc.bundle.min.js
2 months ago
ec1ee92b2a471389c7b9.bundle.min.js
1 month ago
editor-document.js
6 months ago
editor-document.min.js
8 months ago
editor-document.strings.js
1 month ago
editor-environment-v2.js
8 months ago
editor-environment-v2.min.js
8 months ago
editor-environment-v2.strings.js
6 months ago
editor-interactions.js
1 month ago
editor-interactions.min.js
1 month ago
editor-interactions.strings.js
6 months ago
editor-loader-v1.js
8 months ago
editor-loader-v1.min.js
8 months ago
editor-loader-v1.strings.js
6 months ago
editor-loader-v2.js
8 months ago
editor-loader-v2.min.js
8 months ago
editor-loader-v2.strings.js
6 months ago
editor-modules.js
2 months ago
editor-modules.min.js
2 months ago
editor-modules.min.js.LICENSE.txt
10 months ago
editor-modules.strings.js
1 month ago
editor-notifications.js
8 months ago
editor-notifications.min.js
8 months ago
editor-notifications.strings.js
6 months ago
editor-one-admin.js
6 months ago
editor-one-admin.min.js
6 months ago
editor-one-admin.strings.js
6 months ago
editor-one-menu.js
5 months ago
editor-one-menu.min.js
5 months ago
editor-one-menu.strings.js
6 months ago
editor-one-sidebar-navigation.js
2 months ago
editor-one-sidebar-navigation.min.js
2 months ago
editor-one-sidebar-navigation.min.js.LICENSE.txt
6 months ago
editor-one-sidebar-navigation.strings.js
6 months ago
editor-one-top-bar.js
1 month ago
editor-one-top-bar.min.js
1 month ago
editor-one-top-bar.min.js.LICENSE.txt
5 months ago
editor-one-top-bar.strings.js
5 months ago
editor-v4-opt-in-alphachip.js
2 months ago
editor-v4-opt-in-alphachip.min.js
2 months ago
editor-v4-opt-in-alphachip.strings.js
2 months ago
editor-v4-opt-in.js
2 months ago
editor-v4-opt-in.min.js
2 months ago
editor-v4-opt-in.min.js.LICENSE.txt
6 months ago
editor-v4-opt-in.strings.js
2 months ago
editor.js
1 month ago
editor.min.js
1 month ago
editor.min.js.LICENSE.txt
6 months ago
editor.strings.js
1 month ago
ef2100ac3eda1a957819.bundle.min.js
8 months ago
ef35c83e4628f0a5c328.bundle.js
5 months ago
element-manager-admin.js
2 months ago
element-manager-admin.min.js
2 months ago
element-manager-admin.min.js.LICENSE.txt
10 months ago
element-manager-admin.strings.js
2 months ago
elementor-admin-bar.js
8 months ago
elementor-admin-bar.min.js
8 months ago
elementor-admin-bar.strings.js
6 months ago
f3b4453f66034a6655a7.bundle.min.js
1 month ago
f56b0d1257a5346afe64.bundle.min.js
2 months ago
fdda4547e887fbda71b3.bundle.js
2 months ago
fdf69f4e1f300fb27472.bundle.min.js
2 months ago
floating-bars.740d06d17cea5cebdb61.bundle.min.js
8 months ago
floating-bars.a6e6a043444b62f64f82.bundle.js
6 months ago
floating-elements-modal.js
2 months ago
floating-elements-modal.min.js
2 months ago
floating-elements-modal.strings.js
6 months ago
frontend-modules.js
2 months ago
frontend-modules.min.js
2 months ago
frontend.js
1 month ago
frontend.min.js
1 month ago
gutenberg.js
8 months ago
gutenberg.min.js
8 months ago
gutenberg.strings.js
3 months ago
image-carousel.6167d20b95b33386757b.bundle.min.js
8 months ago
image-carousel.8b25f3674c29b829a867.bundle.js
6 months ago
import-export-admin.js
6 months ago
import-export-admin.min.js
6 months ago
import-export-admin.strings.js
1 month ago
import-export-customization-admin.js
1 month ago
import-export-customization-admin.min.js
1 month ago
import-export-customization-admin.min.js.LICENSE.txt
8 months ago
import-export-customization-admin.strings.js
1 month ago
interactions-shared-utils.js
1 month ago
interactions-shared-utils.min.js
1 month ago
interactions-shared-utils.strings.js
2 months ago
interactions.js
1 month ago
interactions.min.js
1 month ago
interactions.strings.js
6 months ago
kit-elements-defaults-editor.js
6 months ago
kit-elements-defaults-editor.min.js
6 months ago
kit-elements-defaults-editor.min.js.LICENSE.txt
10 months ago
kit-elements-defaults-editor.strings.js
6 months ago
kit-library.a394510096bc447f636d.bundle.min.js
2 months ago
kit-library.b768952e1d4177aa68d8.bundle.js
2 months ago
lightbox.570c05c5a283cfb6b223.bundle.min.js
3 months ago
lightbox.d9ea72d232a14f514ee2.bundle.js
3 months ago
media-hints.js
8 months ago
media-hints.min.js
8 months ago
media-hints.strings.js
6 months ago
nested-accordion.294d40984397351fd0f5.bundle.min.js
4 months ago
nested-accordion.4340b64226322f36bcc0.bundle.js
4 months ago
nested-accordion.js
6 months ago
nested-accordion.min.js
6 months ago
nested-accordion.min.js.LICENSE.txt
10 months ago
nested-accordion.strings.js
6 months ago
nested-elements.js
3 months ago
nested-elements.min.js
3 months ago
nested-elements.strings.js
6 months ago
nested-tabs.7a338e6d7e060c473993.bundle.js
6 months ago
nested-tabs.a2401356d329f179475e.bundle.min.js
6 months ago
nested-tabs.js
6 months ago
nested-tabs.min.js
6 months ago
nested-tabs.min.js.LICENSE.txt
10 months ago
nested-tabs.strings.js
6 months ago
nested-title-keyboard-handler.0c2b498e3e0695a1dc19.bundle.js
6 months ago
nested-title-keyboard-handler.2a67d3cc630e11815acc.bundle.min.js
6 months ago
new-template.js
5 months ago
new-template.min.js
5 months ago
new-template.strings.js
6 months ago
notes.js
8 months ago
notes.min.js
8 months ago
notes.strings.js
6 months ago
pro-free-trial-popup.js
8 months ago
pro-free-trial-popup.min.js
8 months ago
pro-free-trial-popup.strings.js
6 months ago
pro-install-events.js
8 months ago
pro-install-events.min.js
8 months ago
pro-install-events.strings.js
6 months ago
progress.0ea083b809812c0e3aa1.bundle.min.js
8 months ago
progress.b1057ba870016558bce1.bundle.js
6 months ago
responsive-bar.js
8 months ago
responsive-bar.min.js
8 months ago
responsive-bar.strings.js
6 months ago
section-editor-handlers.53ffedef32043348b99b.bundle.min.js
8 months ago
section-editor-handlers.d65899d232b5339510d7.bundle.js
6 months ago
section-frontend-handlers.c3950c6b190ca134bc8d.bundle.js
6 months ago
section-frontend-handlers.d85ab872da118940910d.bundle.min.js
8 months ago
shared-editor-handlers.3023894100138e442ab0.bundle.js
4 months ago
shared-editor-handlers.cacdcbed391abf4b48b0.bundle.min.js
4 months ago
shared-frontend-handlers.03caa53373b56d3bab67.bundle.min.js
8 months ago
shared-frontend-handlers.3b079824c37a5fe2bdaa.bundle.js
6 months ago
styleguide-app-initiator.js
6 months ago
styleguide-app-initiator.min.js
6 months ago
styleguide-app-initiator.min.js.LICENSE.txt
10 months ago
styleguide-app-initiator.strings.js
6 months ago
styleguide-app.04340244193733d78622.bundle.min.js
8 months ago
styleguide-app.36ecabae74d9b87fc5a8.bundle.js
6 months ago
styleguide.js
8 months ago
styleguide.min.js
8 months ago
styleguide.strings.js
4 months ago
tabs-handler.js
1 month ago
tabs-handler.min.js
1 month ago
tabs-preview-handler.js
1 month ago
tabs-preview-handler.min.js
1 month ago
tabs.18344b05d8d1ea0702bc.bundle.min.js
8 months ago
tabs.40498fa771d612162c53.bundle.js
6 months ago
text-editor.0c9960167105139d27c9.bundle.js
6 months ago
text-editor.45609661e409413f1cef.bundle.min.js
8 months ago
text-path.6db73cc0a10a70f128eb.bundle.js
3 months ago
text-path.a67c1f3a78d208bc7e1b.bundle.min.js
3 months ago
toggle.2a177a3ef4785d3dfbc5.bundle.min.js
8 months ago
toggle.b75e66d2aca6f6ee742e.bundle.js
6 months ago
video.6e96510afa701d1f2ebc.bundle.js
6 months ago
video.86d44e46e43d0807e708.bundle.min.js
8 months ago
web-cli.js
6 months ago
web-cli.min.js
6 months ago
web-cli.min.js.LICENSE.txt
10 months ago
web-cli.strings.js
6 months ago
webpack.runtime.js
1 month ago
webpack.runtime.min.js
1 month ago
wp-audio.0ba9114964acf4c37ca2.bundle.js
6 months ago
wp-audio.c9624cb6e5dc9de86abd.bundle.min.js
8 months ago
youtube-handler.js
6 months ago
youtube-handler.min.js
6 months ago
nested-accordion.4340b64226322f36bcc0.bundle.js
480 lines
| 1 | "use strict"; |
| 2 | (self["webpackChunkelementorFrontend"] = self["webpackChunkelementorFrontend"] || []).push([["nested-accordion"],{ |
| 3 | |
| 4 | /***/ "../assets/dev/js/frontend/handlers/accessibility/nested-title-keyboard-handler.js": |
| 5 | /*!*****************************************************************************************!*\ |
| 6 | !*** ../assets/dev/js/frontend/handlers/accessibility/nested-title-keyboard-handler.js ***! |
| 7 | \*****************************************************************************************/ |
| 8 | /***/ ((__unused_webpack_module, exports, __webpack_require__) => { |
| 9 | |
| 10 | |
| 11 | |
| 12 | var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); |
| 13 | Object.defineProperty(exports, "__esModule", ({ |
| 14 | value: true |
| 15 | })); |
| 16 | exports["default"] = void 0; |
| 17 | __webpack_require__(/*! core-js/modules/esnext.iterator.constructor.js */ "../node_modules/core-js/modules/esnext.iterator.constructor.js"); |
| 18 | __webpack_require__(/*! core-js/modules/esnext.iterator.filter.js */ "../node_modules/core-js/modules/esnext.iterator.filter.js"); |
| 19 | __webpack_require__(/*! core-js/modules/esnext.iterator.find.js */ "../node_modules/core-js/modules/esnext.iterator.find.js"); |
| 20 | var _base = _interopRequireDefault(__webpack_require__(/*! ../base */ "../assets/dev/js/frontend/handlers/base.js")); |
| 21 | class NestedTitleKeyboardHandler extends _base.default { |
| 22 | __construct(settings) { |
| 23 | super.__construct(settings); |
| 24 | this.directionNext = 'next'; |
| 25 | this.directionPrevious = 'previous'; |
| 26 | this.focusableElementSelector = 'audio, button, canvas, details, iframe, input, select, summary, textarea, video, [accesskey], [contenteditable], [href], [tabindex]:not([tabindex="-1"])'; |
| 27 | } |
| 28 | getWidgetNumber() { |
| 29 | return this.$element.find('> .elementor-widget-container > .e-n-tabs, > .e-n-tabs').attr('data-widget-number'); |
| 30 | } |
| 31 | getDefaultSettings() { |
| 32 | return { |
| 33 | selectors: { |
| 34 | itemTitle: `[data-tab-title-id*="e-n-tab-title-${this.getWidgetNumber()}"]`, |
| 35 | itemContainer: `[id*="e-n-tab-content-${this.getWidgetNumber()}"]` |
| 36 | }, |
| 37 | ariaAttributes: { |
| 38 | titleStateAttribute: 'aria-selected', |
| 39 | activeTitleSelector: '[aria-selected="true"]' |
| 40 | }, |
| 41 | datasets: { |
| 42 | titleIndex: 'data-tab-index' |
| 43 | }, |
| 44 | keyDirection: { |
| 45 | ArrowLeft: elementorFrontendConfig.is_rtl ? this.directionNext : this.directionPrevious, |
| 46 | ArrowUp: this.directionPrevious, |
| 47 | ArrowRight: elementorFrontendConfig.is_rtl ? this.directionPrevious : this.directionNext, |
| 48 | ArrowDown: this.directionNext |
| 49 | } |
| 50 | }; |
| 51 | } |
| 52 | getDefaultElements() { |
| 53 | const selectors = this.getSettings('selectors'); |
| 54 | return { |
| 55 | $itemTitles: this.findElement(selectors.itemTitle), |
| 56 | $itemContainers: this.findElement(selectors.itemContainer), |
| 57 | $focusableContainerElements: this.getFocusableElements(this.findElement(selectors.itemContainer)) |
| 58 | }; |
| 59 | } |
| 60 | getFocusableElements($elements) { |
| 61 | return $elements.find(this.focusableElementSelector).not('[disabled], [inert]'); |
| 62 | } |
| 63 | getKeyDirectionValue(event) { |
| 64 | const direction = this.getSettings('keyDirection')[event.key]; |
| 65 | return this.directionNext === direction ? 1 : -1; |
| 66 | } |
| 67 | |
| 68 | /** |
| 69 | * @param {HTMLElement} itemTitleElement |
| 70 | * |
| 71 | * @return {string} |
| 72 | */ |
| 73 | getTitleIndex(itemTitleElement) { |
| 74 | const { |
| 75 | titleIndex: indexAttribute |
| 76 | } = this.getSettings('datasets'); |
| 77 | return itemTitleElement.getAttribute(indexAttribute); |
| 78 | } |
| 79 | |
| 80 | /** |
| 81 | * @param {string|number} titleIndex |
| 82 | * |
| 83 | * @return {string} |
| 84 | */ |
| 85 | getTitleFilterSelector(titleIndex) { |
| 86 | const { |
| 87 | titleIndex: indexAttribute |
| 88 | } = this.getSettings('datasets'); |
| 89 | return `[${indexAttribute}="${titleIndex}"]`; |
| 90 | } |
| 91 | getActiveTitleElement() { |
| 92 | const activeTitleFilter = this.getSettings('ariaAttributes').activeTitleSelector; |
| 93 | return this.elements.$itemTitles.filter(activeTitleFilter); |
| 94 | } |
| 95 | onInit(...args) { |
| 96 | super.onInit(...args); |
| 97 | } |
| 98 | bindEvents() { |
| 99 | this.elements.$itemTitles.on(this.getTitleEvents()); |
| 100 | this.elements.$focusableContainerElements.on(this.getContentElementEvents()); |
| 101 | } |
| 102 | unbindEvents() { |
| 103 | this.elements.$itemTitles.off(this.getTitleEvents()); |
| 104 | this.elements.$focusableContainerElements.children().off(this.getContentElementEvents()); |
| 105 | } |
| 106 | getTitleEvents() { |
| 107 | return { |
| 108 | keydown: this.handleTitleKeyboardNavigation.bind(this) |
| 109 | }; |
| 110 | } |
| 111 | getContentElementEvents() { |
| 112 | return { |
| 113 | keydown: this.handleContentElementKeyboardNavigation.bind(this) |
| 114 | }; |
| 115 | } |
| 116 | isDirectionKey(event) { |
| 117 | const directionKeys = ['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown', 'Home', 'End']; |
| 118 | return directionKeys.includes(event.key); |
| 119 | } |
| 120 | isActivationKey(event) { |
| 121 | const activationKeys = ['Enter', ' ']; |
| 122 | return activationKeys.includes(event.key); |
| 123 | } |
| 124 | handleTitleKeyboardNavigation(event) { |
| 125 | if (this.isDirectionKey(event)) { |
| 126 | event.preventDefault(); |
| 127 | const currentTitleIndex = parseInt(this.getTitleIndex(event.currentTarget)) || 1, |
| 128 | numberOfTitles = this.elements.$itemTitles.length, |
| 129 | titleIndexUpdated = this.getTitleIndexFocusUpdated(event, currentTitleIndex, numberOfTitles); |
| 130 | this.changeTitleFocus(titleIndexUpdated); |
| 131 | event.stopPropagation(); |
| 132 | } else if (this.isActivationKey(event)) { |
| 133 | event.preventDefault(); |
| 134 | if (this.handeTitleLinkEnterOrSpaceEvent(event)) { |
| 135 | return; |
| 136 | } |
| 137 | const titleIndex = this.getTitleIndex(event.currentTarget); |
| 138 | elementorFrontend.elements.$window.trigger('elementor/nested-elements/activate-by-keyboard', { |
| 139 | widgetId: this.getID(), |
| 140 | titleIndex |
| 141 | }); |
| 142 | } else if ('Escape' === event.key) { |
| 143 | this.handleTitleEscapeKeyEvents(event); |
| 144 | } |
| 145 | } |
| 146 | handeTitleLinkEnterOrSpaceEvent(event) { |
| 147 | const isLinkElement = 'a' === event?.currentTarget?.tagName?.toLowerCase(); |
| 148 | if (!elementorFrontend.isEditMode() && isLinkElement) { |
| 149 | event?.currentTarget?.click(); |
| 150 | event.stopPropagation(); |
| 151 | } |
| 152 | return isLinkElement; |
| 153 | } |
| 154 | getTitleIndexFocusUpdated(event, currentTitleIndex, numberOfTitles) { |
| 155 | let titleIndexUpdated = 0; |
| 156 | switch (event.key) { |
| 157 | case 'Home': |
| 158 | titleIndexUpdated = 1; |
| 159 | break; |
| 160 | case 'End': |
| 161 | titleIndexUpdated = numberOfTitles; |
| 162 | break; |
| 163 | default: |
| 164 | const directionValue = this.getKeyDirectionValue(event), |
| 165 | isEndReached = numberOfTitles < currentTitleIndex + directionValue, |
| 166 | isStartReached = 0 === currentTitleIndex + directionValue; |
| 167 | if (isEndReached) { |
| 168 | titleIndexUpdated = 1; |
| 169 | } else if (isStartReached) { |
| 170 | titleIndexUpdated = numberOfTitles; |
| 171 | } else { |
| 172 | titleIndexUpdated = currentTitleIndex + directionValue; |
| 173 | } |
| 174 | } |
| 175 | return titleIndexUpdated; |
| 176 | } |
| 177 | changeTitleFocus(titleIndexUpdated) { |
| 178 | const $newTitle = this.elements.$itemTitles.filter(this.getTitleFilterSelector(titleIndexUpdated)); |
| 179 | this.setTitleTabindex(titleIndexUpdated); |
| 180 | $newTitle.trigger('focus'); |
| 181 | } |
| 182 | setTitleTabindex(titleIndex) { |
| 183 | this.elements.$itemTitles.attr('tabindex', '-1'); |
| 184 | const $newTitle = this.elements.$itemTitles.filter(this.getTitleFilterSelector(titleIndex)); |
| 185 | $newTitle.attr('tabindex', '0'); |
| 186 | } |
| 187 | handleTitleEscapeKeyEvents() {} |
| 188 | handleContentElementKeyboardNavigation(event) { |
| 189 | if ('Tab' === event.key && !event.shiftKey) { |
| 190 | this.handleContentElementTabEvents(event); |
| 191 | } else if ('Escape' === event.key) { |
| 192 | event.preventDefault(); |
| 193 | event.stopPropagation(); |
| 194 | this.handleContentElementEscapeEvents(event); |
| 195 | } |
| 196 | } |
| 197 | handleContentElementEscapeEvents() { |
| 198 | this.getActiveTitleElement().trigger('focus'); |
| 199 | } |
| 200 | handleContentElementTabEvents() {} |
| 201 | } |
| 202 | exports["default"] = NestedTitleKeyboardHandler; |
| 203 | |
| 204 | /***/ }), |
| 205 | |
| 206 | /***/ "../modules/nested-accordion/assets/js/frontend/handlers/nested-accordion-title-keyboard-handler.js": |
| 207 | /*!**********************************************************************************************************!*\ |
| 208 | !*** ../modules/nested-accordion/assets/js/frontend/handlers/nested-accordion-title-keyboard-handler.js ***! |
| 209 | \**********************************************************************************************************/ |
| 210 | /***/ ((__unused_webpack_module, exports, __webpack_require__) => { |
| 211 | |
| 212 | |
| 213 | |
| 214 | var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); |
| 215 | Object.defineProperty(exports, "__esModule", ({ |
| 216 | value: true |
| 217 | })); |
| 218 | exports["default"] = void 0; |
| 219 | var _nestedTitleKeyboardHandler = _interopRequireDefault(__webpack_require__(/*! elementor-frontend/handlers/accessibility/nested-title-keyboard-handler */ "../assets/dev/js/frontend/handlers/accessibility/nested-title-keyboard-handler.js")); |
| 220 | class NestedAccordionTitleKeyboardHandler extends _nestedTitleKeyboardHandler.default { |
| 221 | __construct(...args) { |
| 222 | super.__construct(...args); |
| 223 | const config = args[0]; |
| 224 | this.toggleTitle = config.toggleTitle; |
| 225 | } |
| 226 | getDefaultSettings() { |
| 227 | const parentSettings = super.getDefaultSettings(); |
| 228 | return { |
| 229 | ...parentSettings, |
| 230 | selectors: { |
| 231 | itemTitle: '.e-n-accordion-item-title', |
| 232 | itemContainer: '.e-n-accordion-item > .e-con' |
| 233 | }, |
| 234 | ariaAttributes: { |
| 235 | titleStateAttribute: 'aria-expanded', |
| 236 | activeTitleSelector: '[aria-expanded="true"]' |
| 237 | }, |
| 238 | datasets: { |
| 239 | titleIndex: 'data-accordion-index' |
| 240 | } |
| 241 | }; |
| 242 | } |
| 243 | handeTitleLinkEnterOrSpaceEvent(event) { |
| 244 | this.toggleTitle(event); |
| 245 | } |
| 246 | handleContentElementEscapeEvents(event) { |
| 247 | this.getActiveTitleElement().trigger('focus'); |
| 248 | this.toggleTitle(event); |
| 249 | } |
| 250 | handleTitleEscapeKeyEvents(event) { |
| 251 | const detailsNode = event?.currentTarget?.parentElement, |
| 252 | isOpen = detailsNode?.open; |
| 253 | if (isOpen) { |
| 254 | this.toggleTitle(event); |
| 255 | } |
| 256 | } |
| 257 | } |
| 258 | exports["default"] = NestedAccordionTitleKeyboardHandler; |
| 259 | |
| 260 | /***/ }), |
| 261 | |
| 262 | /***/ "../modules/nested-accordion/assets/js/frontend/handlers/nested-accordion.js": |
| 263 | /*!***********************************************************************************!*\ |
| 264 | !*** ../modules/nested-accordion/assets/js/frontend/handlers/nested-accordion.js ***! |
| 265 | \***********************************************************************************/ |
| 266 | /***/ ((__unused_webpack_module, exports, __webpack_require__) => { |
| 267 | |
| 268 | |
| 269 | |
| 270 | var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); |
| 271 | Object.defineProperty(exports, "__esModule", ({ |
| 272 | value: true |
| 273 | })); |
| 274 | exports["default"] = void 0; |
| 275 | __webpack_require__(/*! core-js/modules/esnext.iterator.constructor.js */ "../node_modules/core-js/modules/esnext.iterator.constructor.js"); |
| 276 | __webpack_require__(/*! core-js/modules/esnext.iterator.find.js */ "../node_modules/core-js/modules/esnext.iterator.find.js"); |
| 277 | __webpack_require__(/*! core-js/modules/esnext.iterator.for-each.js */ "../node_modules/core-js/modules/esnext.iterator.for-each.js"); |
| 278 | var _base = _interopRequireDefault(__webpack_require__(/*! elementor-frontend/handlers/base */ "../assets/dev/js/frontend/handlers/base.js")); |
| 279 | var _nestedAccordionTitleKeyboardHandler = _interopRequireDefault(__webpack_require__(/*! ./nested-accordion-title-keyboard-handler */ "../modules/nested-accordion/assets/js/frontend/handlers/nested-accordion-title-keyboard-handler.js")); |
| 280 | class NestedAccordion extends _base.default { |
| 281 | constructor(...args) { |
| 282 | super(...args); |
| 283 | this.animations = new Map(); |
| 284 | } |
| 285 | getDefaultSettings() { |
| 286 | return { |
| 287 | selectors: { |
| 288 | accordion: '.e-n-accordion', |
| 289 | accordionContentContainers: '.e-n-accordion > .e-con', |
| 290 | accordionItems: '.e-n-accordion-item', |
| 291 | accordionItemTitles: '.e-n-accordion-item-title', |
| 292 | accordionItemTitlesText: '.e-n-accordion-item-title-text', |
| 293 | accordionContent: '.e-n-accordion-item > .e-con', |
| 294 | directAccordionItems: ':scope > .e-n-accordion-item', |
| 295 | directAccordionItemTitles: ':scope > .e-n-accordion-item > .e-n-accordion-item-title' |
| 296 | }, |
| 297 | default_state: 'expanded', |
| 298 | attributes: { |
| 299 | index: 'data-accordion-index', |
| 300 | ariaLabelledBy: 'aria-labelledby' |
| 301 | } |
| 302 | }; |
| 303 | } |
| 304 | getDefaultElements() { |
| 305 | const selectors = this.getSettings('selectors'); |
| 306 | return { |
| 307 | $accordion: this.findElement(selectors.accordion), |
| 308 | $contentContainers: this.findElement(selectors.accordionContentContainers), |
| 309 | $accordionItems: this.findElement(selectors.accordionItems), |
| 310 | $accordionTitles: this.findElement(selectors.accordionItemTitles), |
| 311 | $accordionContent: this.findElement(selectors.accordionContent) |
| 312 | }; |
| 313 | } |
| 314 | onInit(...args) { |
| 315 | super.onInit(...args); |
| 316 | this.injectKeyboardHandler(); |
| 317 | } |
| 318 | injectKeyboardHandler() { |
| 319 | if ('nested-accordion.default' === this.getSettings('elementName')) { |
| 320 | new _nestedAccordionTitleKeyboardHandler.default({ |
| 321 | $element: this.$element, |
| 322 | toggleTitle: this.clickListener.bind(this) |
| 323 | }); |
| 324 | } |
| 325 | } |
| 326 | linkContainer(event) { |
| 327 | const { |
| 328 | container, |
| 329 | index, |
| 330 | targetContainer, |
| 331 | action: { |
| 332 | type |
| 333 | } |
| 334 | } = event.detail, |
| 335 | view = container.view.$el, |
| 336 | id = container.model.get('id'), |
| 337 | currentId = this.$element.data('id'); |
| 338 | if (id === currentId) { |
| 339 | const { |
| 340 | $accordionItems |
| 341 | } = this.getDefaultElements(); |
| 342 | let accordionItem, contentContainer; |
| 343 | switch (type) { |
| 344 | case 'move': |
| 345 | [accordionItem, contentContainer] = this.move(view, index, targetContainer, $accordionItems); |
| 346 | break; |
| 347 | case 'duplicate': |
| 348 | [accordionItem, contentContainer] = this.duplicate(view, index, targetContainer, $accordionItems); |
| 349 | break; |
| 350 | default: |
| 351 | break; |
| 352 | } |
| 353 | if (undefined !== accordionItem) { |
| 354 | accordionItem.appendChild(contentContainer); |
| 355 | } |
| 356 | this.updateIndexValues(); |
| 357 | this.updateListeners(view); |
| 358 | elementor.$preview[0].contentWindow.dispatchEvent(new CustomEvent('elementor/elements/link-data-bindings')); |
| 359 | } |
| 360 | } |
| 361 | move(view, index, targetContainer, accordionItems) { |
| 362 | return [accordionItems[index], targetContainer.view.$el[0]]; |
| 363 | } |
| 364 | duplicate(view, index, targetContainer, accordionItems) { |
| 365 | return [accordionItems[index + 1], targetContainer.view.$el[0]]; |
| 366 | } |
| 367 | updateIndexValues() { |
| 368 | const { |
| 369 | $accordionContent, |
| 370 | $accordionItems |
| 371 | } = this.getDefaultElements(), |
| 372 | settings = this.getSettings(), |
| 373 | itemIdBase = $accordionItems[0].getAttribute('id').slice(0, -1); |
| 374 | $accordionItems.each((index, element) => { |
| 375 | element.setAttribute('id', `${itemIdBase}${index}`); |
| 376 | element.querySelector(settings.selectors.accordionItemTitles).setAttribute(settings.attributes.index, index + 1); |
| 377 | element.querySelector(settings.selectors.accordionItemTitles).setAttribute('aria-controls', `${itemIdBase}${index}`); |
| 378 | element.querySelector(settings.selectors.accordionItemTitlesText).setAttribute('data-binding-index', index + 1); |
| 379 | $accordionContent[index].setAttribute(settings.attributes.ariaLabelledBy, `${itemIdBase}${index}`); |
| 380 | }); |
| 381 | } |
| 382 | updateListeners(view) { |
| 383 | this.elements.$accordionTitles = view.find(this.getSettings('selectors.accordionItemTitles')); |
| 384 | this.elements.$accordionItems = view.find(this.getSettings('selectors.accordionItems')); |
| 385 | this.elements.$accordionTitles.on('click', this.clickListener.bind(this)); |
| 386 | } |
| 387 | bindEvents() { |
| 388 | this.elements.$accordionTitles.on('click', this.clickListener.bind(this)); |
| 389 | elementorFrontend.elements.$window.on('elementor/nested-container/atomic-repeater', this.linkContainer.bind(this)); |
| 390 | } |
| 391 | unbindEvents() { |
| 392 | this.elements.$accordionTitles.off(); |
| 393 | } |
| 394 | clickListener(event) { |
| 395 | event.preventDefault(); |
| 396 | this.elements = this.getDefaultElements(); |
| 397 | const settings = this.getSettings(), |
| 398 | accordionItem = event?.currentTarget?.closest(settings.selectors.accordionItems), |
| 399 | accordion = event?.currentTarget?.closest(settings.selectors.accordion), |
| 400 | itemSummary = accordionItem.querySelector(settings.selectors.accordionItemTitles), |
| 401 | accordionContent = accordionItem.querySelector(settings.selectors.accordionContent), |
| 402 | { |
| 403 | max_items_expended: maxItemsExpended |
| 404 | } = this.getElementSettings(), |
| 405 | directAccordionItems = accordion.querySelectorAll(settings.selectors.directAccordionItems), |
| 406 | directAccordionItemTitles = accordion.querySelectorAll(settings.selectors.directAccordionItemTitles); |
| 407 | if ('one' === maxItemsExpended) { |
| 408 | this.closeAllItems(directAccordionItems, directAccordionItemTitles); |
| 409 | } |
| 410 | if (!accordionItem.open) { |
| 411 | this.prepareOpenAnimation(accordionItem, itemSummary, accordionContent); |
| 412 | } else { |
| 413 | this.closeAccordionItem(accordionItem, itemSummary); |
| 414 | } |
| 415 | } |
| 416 | animateItem(accordionItem, startHeight, endHeight, isOpen) { |
| 417 | accordionItem.style.overflow = 'hidden'; |
| 418 | let animation = this.animations.get(accordionItem); |
| 419 | if (animation) { |
| 420 | animation.cancel(); |
| 421 | } |
| 422 | animation = accordionItem.animate({ |
| 423 | height: [startHeight, endHeight] |
| 424 | }, { |
| 425 | duration: this.getAnimationDuration() |
| 426 | }); |
| 427 | animation.onfinish = () => this.onAnimationFinish(accordionItem, isOpen); |
| 428 | this.animations.set(accordionItem, animation); |
| 429 | accordionItem.querySelector('summary')?.setAttribute('aria-expanded', isOpen); |
| 430 | } |
| 431 | closeAccordionItem(accordionItem, accordionItemTitle) { |
| 432 | const startHeight = `${accordionItem.offsetHeight}px`, |
| 433 | endHeight = `${accordionItemTitle.offsetHeight}px`; |
| 434 | this.animateItem(accordionItem, startHeight, endHeight, false); |
| 435 | } |
| 436 | prepareOpenAnimation(accordionItem, accordionItemTitle, accordionItemContent) { |
| 437 | accordionItem.style.overflow = 'hidden'; |
| 438 | accordionItem.style.height = `${accordionItem.offsetHeight}px`; |
| 439 | accordionItem.open = true; |
| 440 | window.requestAnimationFrame(() => this.openAccordionItem(accordionItem, accordionItemTitle, accordionItemContent)); |
| 441 | } |
| 442 | openAccordionItem(accordionItem, accordionItemTitle, accordionItemContent) { |
| 443 | const { |
| 444 | offsetHeight: accordionItemHeight |
| 445 | } = accordionItem; |
| 446 | const { |
| 447 | offsetHeight: accordionItemTitleHeight |
| 448 | } = accordionItemTitle; |
| 449 | const { |
| 450 | offsetHeight: accordionItemContentHeight |
| 451 | } = accordionItemContent; |
| 452 | if (!accordionItemHeight || !accordionItemTitleHeight || !accordionItemContentHeight) { |
| 453 | return; |
| 454 | } |
| 455 | this.animateItem(accordionItem, `${accordionItemHeight}px`, `${accordionItemTitleHeight + accordionItemContentHeight}px`, true); |
| 456 | } |
| 457 | onAnimationFinish(accordionItem, isOpen) { |
| 458 | accordionItem.open = isOpen; |
| 459 | this.animations.set(accordionItem, null); |
| 460 | accordionItem.style.height = accordionItem.style.overflow = ''; |
| 461 | } |
| 462 | closeAllItems(items, titles) { |
| 463 | titles.forEach((title, index) => { |
| 464 | this.closeAccordionItem(items[index], title); |
| 465 | }); |
| 466 | } |
| 467 | getAnimationDuration() { |
| 468 | const { |
| 469 | size, |
| 470 | unit |
| 471 | } = this.getElementSettings('n_accordion_animation_duration'); |
| 472 | return size * ('ms' === unit ? 1 : 1000); |
| 473 | } |
| 474 | } |
| 475 | exports["default"] = NestedAccordion; |
| 476 | |
| 477 | /***/ }) |
| 478 | |
| 479 | }]); |
| 480 | //# sourceMappingURL=nested-accordion.4340b64226322f36bcc0.bundle.js.map |