decidim-core 0.27.8 → 0.28.0.rc4

data/app/packs/images/decidim/vendor/social-share-button/weibo.svg

@@ -1,10 +0,0 @@
-<svg width="256px" height="256px" viewBox="957 111 256 256" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <desc>Weibo</desc>
-    <defs></defs>
-    <g id="weibo" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(957.000000, 111.000000)">
-        <rect id="bg" fill="#EC4039" x="0" y="0" width="256" height="256" rx="40"></rect>
-        <g transform="translate(38.000000, 55.000000)" id="Shape" fill="#FFFFFF">
-            <path d="M67.7635248,111.834914 C69.1689905,109.559398 69.5370887,107.250418 68.8678193,104.907975 C68.1985499,102.565533 66.6926938,100.892359 64.350251,99.8884551 C62.0747351,98.951478 59.6319018,98.9180145 57.0217513,99.7880647 C54.4116007,100.658115 52.4037925,102.197434 50.9983268,104.406023 C49.5259342,106.681539 49.0909091,108.973787 49.6932515,111.282766 C50.295594,113.591746 51.7345231,115.281651 54.010039,116.352482 C56.2855549,117.423313 58.7785834,117.506972 61.4891244,116.603458 C64.1996654,115.699944 66.2911322,114.110429 67.7635248,111.834914 L67.7635248,111.834914 Z M77.2002231,99.6876743 C77.7356386,98.8176241 77.8527607,97.9308422 77.5515895,97.0273285 C77.2504183,96.1238148 76.6648076,95.5047407 75.7947574,95.170106 C74.8577803,94.8354713 73.9040714,94.852203 72.9336308,95.2203012 C71.9631902,95.5883993 71.2437256,96.2074735 70.775237,97.0775237 C69.6374791,99.1522588 70.0725042,100.658115 72.0803123,101.595092 C73.0172895,101.929727 73.9877301,101.912995 74.9916341,101.544897 C75.9955382,101.176799 76.7317345,100.557724 77.2002231,99.6876743 L77.2002231,99.6876743 Z M94.6681539,110.429448 C91.6564417,117.255996 86.3692136,122.275516 78.8064696,125.488009 C71.2437256,128.700502 63.7479085,129.102064 56.3190184,126.692694 C49.157836,124.417178 44.2219743,120.184049 41.5114334,113.993307 C38.8008924,107.802566 39.0184049,101.528165 42.163971,95.170106 C45.3095371,88.9459007 50.3792526,84.2944785 57.3731177,81.2158394 C64.3669827,78.1372002 71.4110429,77.5013943 78.5052984,79.3084216 C85.9341885,81.2493028 91.2381484,85.2481874 94.4171779,91.3050753 C97.5962075,97.3619632 97.6798661,103.736754 94.6681539,110.429448 L94.6681539,110.429448 Z M125.989961,94.3669827 C125.387619,87.9419967 122.40937,82.2532069 117.055215,77.3006135 C111.70106,72.3480201 104.723926,68.700502 96.1238148,66.3580591 C87.5237033,64.0156163 78.337981,63.3128834 68.5666481,64.2498606 C53.6419409,65.7891801 41.2771891,70.524261 31.4723926,78.4551032 C21.6675962,86.3859453 17.2336866,95.2370329 18.1706637,105.008366 C18.7730061,111.433352 21.7512549,117.122142 27.1054099,122.074735 C32.459565,127.027328 39.4366983,130.674847 48.0368098,133.017289 C56.6369214,135.359732 65.8226436,136.062465 75.5939766,135.125488 C90.5186838,133.586168 102.883436,128.851088 112.688232,120.920245 C122.493028,112.989403 126.926938,104.138316 125.989961,94.3669827 L125.989961,94.3669827 Z M156.910206,94.7685443 C156.910206,99.3195761 155.672058,103.98773 153.195761,108.773006 C150.719465,113.558282 147.071946,118.142777 142.253207,122.526492 C137.434467,126.910206 131.795873,130.842164 125.337423,134.322365 C118.878974,137.802566 111.31623,140.580033 102.649191,142.654769 C93.9821528,144.729504 84.9302844,145.766871 75.4935862,145.766871 C66.0568879,145.766871 56.8544339,144.645845 47.8862242,142.403793 C38.9180145,140.16174 30.8700502,137.049637 23.7423313,133.067485 C16.6146124,129.085332 10.8756274,124.032348 6.52537646,117.908533 C2.17512549,111.784718 0,105.108756 0,97.880647 C0,90.1840491 2.3257111,81.9854992 6.9771333,73.2849972 C11.6285555,64.5844953 18.2375906,55.9509202 26.8042387,47.3842722 C38.1148912,36.0736196 49.5426659,28.1762409 61.0875627,23.6921361 C72.6324596,19.2080312 80.8812047,19.4422755 85.8337981,24.3948689 C90.1840491,28.678193 90.8533185,35.672058 87.8416062,45.376464 C87.5738985,46.3134412 87.540435,46.9827105 87.7412158,47.3842722 C87.9419967,47.7858338 88.2766313,48.0200781 88.7451199,48.087005 C89.2136085,48.153932 89.6988288,48.1372002 90.2007808,48.0368098 C90.7027328,47.9364194 91.1544897,47.8192973 91.5560513,47.6854434 L92.1583938,47.4846626 C101.461238,43.5359732 109.693252,41.5616286 116.854434,41.5616286 C124.015616,41.5616286 129.135527,43.6029002 132.214166,47.6854434 C135.225878,51.9018405 135.225878,57.858338 132.214166,65.5549359 C132.080312,66.4249861 131.929727,67.0942554 131.762409,67.562744 C131.595092,68.0312326 131.745678,68.4495259 132.214166,68.8176241 C132.682655,69.1857223 133.084216,69.4366983 133.418851,69.5705521 C133.753486,69.704406 134.322365,69.9051868 135.125488,70.1728946 C138.940323,71.3775795 142.387061,72.9503625 145.4657,74.8912437 C148.544339,76.8321249 151.221417,79.5593977 153.496933,83.0730619 C155.772448,86.5867262 156.910206,90.4852203 156.910206,94.7685443 L156.910206,94.7685443 Z M149.481316,32.1249303 C152.292248,35.2704964 154.116007,38.9012828 154.952593,43.0172895 C155.78918,47.1332962 155.571668,51.0652538 154.300056,54.8131623 C153.76464,56.3524819 152.777468,57.4902398 151.338539,58.2264361 C149.89961,58.9626325 148.410485,59.0964863 146.871166,58.6279978 C145.331846,58.0925823 144.194088,57.1054099 143.457892,55.6664808 C142.721695,54.2275516 142.587842,52.7384272 143.05633,51.1991076 C144.394869,46.9827105 143.591746,43.2682655 140.64696,40.0557724 C137.702175,36.8432794 134.121584,35.672058 129.905187,36.5421082 C128.29894,36.8767429 126.793084,36.6090351 125.387619,35.7389849 C123.982153,34.8689347 123.145566,33.6307864 122.877858,32.0245399 C122.543224,30.4182934 122.810931,28.929169 123.680982,27.5571668 C124.551032,26.1851645 125.78918,25.3318461 127.395427,24.9972114 C131.411043,24.1271612 135.393196,24.3112103 139.341885,25.5493586 C143.290574,26.787507 146.670385,28.9793642 149.481316,32.1249303 L149.481316,32.1249303 Z M167.65198,15.7612939 C173.474624,22.18628 177.239264,29.6319018 178.945901,38.0981595 C180.652538,46.5644172 180.200781,54.645845 177.59063,62.3424428 C176.988288,64.1494702 175.85053,65.4880089 174.177356,66.3580591 C172.504183,67.2281093 170.764083,67.3619632 168.957055,66.7596207 C167.150028,66.1572783 165.811489,65.0195204 164.941439,63.3463469 C164.071389,61.6731735 163.904071,59.9330731 164.439487,58.1260457 C166.313441,52.6380368 166.648076,46.8823201 165.443391,40.8588957 C164.238706,34.8354713 161.561629,29.5482432 157.412158,24.9972114 C153.262688,20.3792526 148.310095,17.1834914 142.554378,15.4099275 C136.798661,13.6363636 131.009481,13.3519241 125.186838,14.556609 C123.312883,14.9581707 121.572783,14.6402677 119.966537,13.6029002 C118.36029,12.5655326 117.356386,11.1098717 116.954824,9.23591746 C116.553263,7.36196319 116.871166,5.63859453 117.908533,4.06581149 C118.945901,2.49302844 120.401562,1.50585611 122.275516,1.10429448 C130.507529,-0.635805912 138.672616,-0.250976018 146.770775,2.25878416 C154.868935,4.76854434 161.829336,9.26938093 167.65198,15.7612939 L167.65198,15.7612939 Z"></path>
-        </g>
-    </g>
-</svg>

data/app/packs/src/decidim/ajax_modals.js

@@ -1,20 +0,0 @@
-$(() => {
-  $(document).on("click", "a[data-open-url],button[data-open-url]", (event) => {
-    event.preventDefault();
-    const link = event.currentTarget;
-    const $modal = $(`#${link.dataset.open}`);
-    $modal.html("<div class='loading-spinner'></div>");
-    $.ajax({
-      type: "get",
-      url: link.dataset.openUrl,
-      success: (html) => {
-        const $html = $(html);
-        $modal.html($html);
-        $html.foundation();
-      },
-      error: function (request, status, error) {
-        $modal.html(`<h3>${status}</h3><p>${error}</p>`);
-      }
-    });
-  });
-});

data/app/packs/src/decidim/conferences.js

@@ -1,15 +0,0 @@
-/* eslint-disable no-invalid-this */
-
-import Foundation from "foundation-sites"
-
-$(() => {
-  // True if small devices
-  if (!Foundation.MediaQuery.atLeast("medium")) {
-    const $speaker = $(".js-conference")
-
-    $speaker.hover(function () {
-      const top = $(window).scrollTop() + ($(window).height() * 0.1)
-      $(this).find(".js-bio").css("top", top)
-    })
-  }
-});

data/app/packs/src/decidim/conversations.js

@@ -1,17 +0,0 @@
-/**
- * Scroll smoothly to the last message automatically when the page is fully loaded.
- * To apply this to a page, at least one element must have the class "scroll-to-last-message".
- * @returns {void}
- */
-const scrollToLastMessage = function() {
-  if ($(".scroll-to-last-message").length > 0) {
-    window.scrollTo({
-      top: $(".conversation-chat:last-child").offset().top,
-      behavior: "smooth"
-    });
-  }
-}
-
-$(document).ready(() => {
-  scrollToLastMessage();
-});

data/app/packs/src/decidim/data_picker.js

@@ -1,273 +0,0 @@
-export default class DataPicker {
-  constructor(pickers) {
-    this.modal = this._createModalContainer();
-    this.modal.appendTo($("body"));
-    this.current = null;
-
-    pickers.each((_index, picker) => {
-      this.activate(picker);
-    });
-  }
-
-  activate(picker) {
-    let $picker = $(picker);
-
-    this._setCurrentPicker($picker, null);
-
-    let input = "hidden",
-        name = this.current.name,
-        values = this.current.values;
-
-    if (this.current.multiple) {
-      name += "[]";
-    }
-
-    $("div", values).each((_index2, div) => {
-      let value = $("a", div).data("picker-value");
-      $(div).prepend($(`<input type="${input}" checked name="${name}" value="${value}"/>`));
-    });
-
-    $picker.on("click", "a", (event) => {
-      event.preventDefault();
-      if ($picker.hasClass("disabled")) {
-        return;
-      }
-      const isMultiPicker = $picker.hasClass("picker-multiple");
-
-      if ($(this._targetFromEvent(event)).hasClass("picker-prompt") || !isMultiPicker) {
-        this._openPicker($picker, this._targetFromEvent(event));
-      }  else if (this._targetFromEvent(event).tagName === "A") {
-        this._removeValue($picker, this._targetFromEvent(event).parentNode);
-      } else {
-        this._removeValue($picker, this._targetFromEvent(event));
-      }
-    });
-
-    $picker.on("click", "input", (event) => {
-      this._removeValue($picker, this._targetFromEvent(event));
-    });
-
-    if (this.current.autosort) {
-      this._sort();
-    }
-  }
-
-  enabled(picker, value) {
-    $(picker).toggleClass("disabled", !value);
-    $("input", picker).attr("disabled", !value);
-  }
-
-  clear(picker) {
-    $(".picker-values", picker).html("");
-  }
-
-  save(picker) {
-    return $(".picker-values div:has(input:checked)", picker).map((_index, div) => {
-      let $link = $("a", div);
-      return {
-        value: $("input", div).val(),
-        text: $link.text(),
-        url: $link.attr("href")
-      };
-    }).get();
-  }
-
-  load(picker, savedData) {
-    this._setCurrentPicker($(picker), null);
-    $.each(savedData, (_index, data) => {
-      this._choose(data, { interactive: false, modify: false });
-    });
-    if (this.current.autosort) {
-      this._sort();
-    }
-  }
-
-  _createModalContainer() {
-    // Add a header because we are referencing the title element with
-    // `aria-labelledby`. If the title doesn't exist, the "labelled by"
-    // reference is incorrect.
-    const headerHtml = '<div class="scope-picker picker-header"><h6 id="data_picker-title" class="h2"></h6></div>';
-
-    return $(`<div class="small reveal" id="data_picker-modal" aria-hidden="true" aria-live="assertive" role="dialog" aria-labelledby="data_picker-title" data-reveal data-multiple-opened="true">
-             <div class="data_picker-modal-content">${headerHtml}</div>
-             <button class="close-button" data-close type="button" data-reveal-id="data_picker-modal"><span aria-hidden="true">&times;</span></button>
-             </div>`);
-  }
-
-  _openPicker($picker, target) {
-    this._setCurrentPicker($picker, target);
-    this._load($("a", target).attr("href"));
-  }
-
-  _setCurrentPicker($picker, target) {
-    let $target = false;
-    if (target && !$(target).hasClass("picker-prompt")) {
-      $target = $(target);
-    }
-
-    this.current = {
-      picker: $picker,
-      name: $picker.data("picker-name"),
-      values: $picker.find(".picker-values"),
-      multiple: $picker.hasClass("picker-multiple"),
-      autosort: $picker.hasClass("picker-multiple") && $picker.hasClass("picker-autosort"),
-      target: $target
-    };
-  }
-
-  _load(url) {
-    $.ajax(url).done((resp) => {
-      let modalContent = $(".data_picker-modal-content", this.modal);
-      modalContent.html(resp);
-      this._handleLinks(modalContent);
-      this._handleCheckboxes(modalContent);
-      this.modal.foundation("open");
-    });
-  }
-
-  _handleLinks(content) {
-    $("a", content).each((_index, link) => {
-      let $link = $(link);
-      $link.click((event) => {
-        event.preventDefault();
-        if ($link.data("close") || $link.data("close") === "") {
-          return;
-        }
-
-        let chooseUrl = $link.attr("href");
-        if (chooseUrl) {
-          if (typeof $link.data("picker-choose") === "undefined") {
-            this._load(chooseUrl);
-          } else {
-            this._choose(
-              { url: chooseUrl, value: $link.data("picker-value") || "", text: $link.data("picker-text") || "" }
-            );
-          }
-        }
-      });
-    });
-  }
-
-  _handleCheckboxes(content) {
-    $("input[type=checkbox][data-picker-choose]", content).each((_index, checkbox) => {
-      const $checkbox = $(checkbox);
-      checkbox.checked = this._targetFromValue($checkbox.val()) !== null;
-    }).change((event) => {
-      const $checkbox = $(event.target);
-      if (event.target.checked) {
-        this._choose(
-          { url: $checkbox.data("picker-url"), value: $checkbox.val() || "", text: $checkbox.data("picker-text") || "" },
-          { modify: false, close: false }
-        );
-      }
-      else {
-        this._removeValue(this.current.picker, this._targetFromValue($checkbox.val()));
-      }
-    });
-  }
-
-  _choose(data, opts = {}) {
-    const options = Object.assign({ interactive: true, modify: true, close: true }, opts);
-
-    let dataText = this._escape(data.text);
-    let choosenOption = null;
-
-    if (!this.current.target && options.modify) {
-      this.current.target = this._targetFromValue(data.value);
-    }
-
-    // Add or update value appearance
-    if (this.current.target && options.modify) {
-      let link = $("a", this.current.target);
-      link.data("picker-value", data.value);
-      link.attr("href", data.url);
-      choosenOption = this.current.target;
-      if (this.current.multiple) {
-        link.html(`&times;&nbsp;${dataText}`);
-      } else {
-        link.text(dataText);
-      }
-    } else {
-      let input = "hidden",
-          name = this.current.name;
-
-      if (this.current.multiple) {
-        name += "[]";
-        choosenOption = $(`<div><input type="${input}" checked name="${name}"/><a href="${data.url}" data-picker-value="${data.value}" class="label primary">&times;&nbsp;${dataText}</a></div>`);
-      } else {
-        choosenOption = $(`<div><input type="${input}" checked name="${name}"/><a href="${data.url}" data-picker-value="${data.value}">${dataText}</a></div>`);
-      }
-      choosenOption.appendTo(this.current.values);
-
-      if (!this.current.target) {
-        this.current.target = choosenOption;
-      }
-    }
-
-    // Set input value
-    let $input = $("input", choosenOption);
-    $input.attr("value", data.value);
-
-    if (this.current.autosort) {
-      this._sort();
-    }
-
-    if (options.interactive) {
-      // Raise changed event
-      $input.trigger("change");
-      this._removeErrors();
-
-      if (options.close) {
-        this._close();
-      }
-    }
-  }
-
-  _sort() {
-    const values = $(".picker-values", this.current.picker);
-    values.children().sort((item1, item2) => $("input", item1).val() - $("input", item2).val()).detach().appendTo(values);
-  }
-
-  _close() {
-    // Close modal and unset target element
-    this.modal.foundation("close");
-    this.current.target = null;
-  }
-
-  _removeValue($picker, target) {
-    if (target) {
-      this._setCurrentPicker($picker, target);
-      // Fadeout (with time) doesn't work in system tests
-      let fadeoutTime = 500;
-      if (navigator && navigator.webdriver) {
-        fadeoutTime = 0;
-      }
-      this.current.target.fadeOut(fadeoutTime, () => {
-        this.current.target.find("input")?.trigger("change");
-        this.current.target.remove();
-        this.current.target = null;
-      });
-    }
-  }
-
-  _removeErrors() {
-    let parent = this.current.picker.parent();
-    $(".is-invalid-input", parent).removeClass("is-invalid-input");
-    $(".is-invalid-label", parent).removeClass("is-invalid-label");
-    $(".form-error.is-visible", parent).removeClass("is-visible");
-  }
-
-  _escape(str) {
-    return str.replace(/[\u00A0-\u9999<>&]/gim, function (char) {
-      return `&#${char.charCodeAt(0)};`;
-    });
-  }
-
-  _targetFromEvent(event) {
-    return event.target.parentNode;
-  }
-
-  _targetFromValue(value) {
-    return $(`[data-picker-value=${value}]`, this.current.picker).parent()[0] || null;
-  }
-}

data/app/packs/src/decidim/dialog_mode.js

@@ -1,55 +0,0 @@
-/**
- * A method to enable the dialog mode for the given dialog(s).
- *
- * This should be called when the dialog is opened. It implements two things for
- * the dialog:
- * 1. It places the focus to the title element making sure the screen reader
- *    focuses in the correct position of the document. Otherwise some screen
- *    readers continue reading outside of the document.
- * 2. Document "tab guards" that force the keyboard focus within the modal when
- *    the user is using keyboard or keyboard emulating devices for browsing the
- *    document.
- *
- * The "tab guards" are added at the top and bottom of the document to keep the
- * user's focus within the dialog if they accidentally or intentionally place
- * the focus outside of the document, e.g. in different window or in the browser
- * address bar. They guard the focus on both sides of the document returning
- * focus back to the first or last focusable element within the dialog.
- *
- * @param {jQuery} $dialogs The jQuery element(s) to apply the mode for.
- * @return {Void} Nothing
- */
-export default ($dialogs) => {
-  $dialogs.each((_i, dialog) => {
-    const $dialog = $(dialog);
-
-    const $container = $("body");
-    const $title = $(".reveal__title:first", $dialog);
-
-    if ($title.length > 0) {
-      // Focus on the title to make the screen reader to start reading the
-      // content within the modal.
-      $title.attr("tabindex", $title.attr("tabindex") || -1);
-      $title.trigger("focus");
-    }
-
-    // Once the final modal closes, disable the focus guarding
-    $dialog.off("closed.zf.reveal.focusguard").on("closed.zf.reveal.focusguard", () => {
-      $dialog.off("closed.zf.reveal.focusguard");
-
-      // After the last dialog is closed, the tab guards should be removed.
-      // This is done when the focus guard is disabled. If there is still a
-      // visible reveal item in the DOM, make that the currently "guarded"
-      // element. Note that there may be multiple dialogs open on top of each
-      // other at the same time.
-      const $visibleReveal = $(".reveal:visible:last", $container);
-      if ($visibleReveal.length > 0) {
-        window.focusGuard.trap($visibleReveal[0]);
-      } else {
-        window.focusGuard.disable();
-      }
-    });
-
-    window.focusGuard.trap(dialog);
-  });
-};

data/app/packs/src/decidim/dialog_mode.test.js

@@ -1,181 +0,0 @@
-/* global jest, global */
-
-// Custom visibility check for the tests because the of because the elements do
-// not have offsetWidth or offsetHeight during the tests which are checked
-// against to see whether the element is visible or not. This is also how jQuery
-// behaves internally.
-const isElementVisible = (element) => {
-  const display = global.window.getComputedStyle(element).display;
-  return ["inline", "block", "inline-block"].includes(display);
-}
-
-// Mock jQuery because the visibility indicator works differently within jest.
-// This fixes jQuery reporting $(".element").is(":visible") correctly during the
-// tests and within foundation, too.
-jest.mock("jquery", () => {
-  const jq = jest.requireActual("jquery");
-
-  jq.expr.pseudos.visible = isElementVisible;
-
-  return jq;
-});
-
-import $ from "jquery"; // eslint-disable-line id-length
-import "foundation-sites";
-
-import FocusGuard from "./focus_guard.js";
-import dialogMode from "./dialog_mode.js";
-
-describe("dialogMode", () => {
-  const content = `
-    <div class="reveal" id="test-modal" data-reveal aria-modal="true" aria-labelledby="test-modal-label">
-      <div class="reveal__header">
-        <h3 id="test-modal-label" class="reveal__title">Testing modal</h3>
-        <button class="close-button" data-close aria-label="Close window"
-          type="button">
-          <span aria-hidden="true">&times;</span>
-        </button>
-      </div>
-      <div class="row">
-        <div class="columns medium-4 medium-centered">
-          <p>Here is some content within the modal.</p>
-          <button type="button" id="test-modal-button">Button at the bottom</button>
-        </div>
-      </div>
-    </div>
-
-    <div class="reveal" id="test-modal-2" data-reveal aria-modal="true" aria-labelledby="test-modal-2-label">
-      <div class="reveal__header">
-        <h3 id="test-modal-2-label" class="reveal__title">Other testing modal</h3>
-        <button class="close-button" data-close aria-label="Close window"
-          type="button">
-          <span aria-hidden="true">&times;</span>
-        </button>
-      </div>
-      <div class="row">
-        <div class="columns medium-4 medium-centered">
-          <p>Here is some content within the other modal.</p>
-          <button type="button" id="test-modal-2-button">Button at the bottom</button>
-        </div>
-      </div>
-    </div>
-  `;
-
-  window.focusGuard = new FocusGuard(document.body);
-
-  // Mock the isVisible element because the default visibility check does not
-  // work during the tests.
-  jest.spyOn(window.focusGuard, "isVisible").mockImplementation(isElementVisible);
-
-  beforeEach(() => {
-    $("body").html(content);
-
-    $(document).foundation();
-
-    // Make sure all reveals are hidden by default so that their visibility is
-    // correctly reported always.
-    $(".reveal").css("display", "none");
-
-    $(document).on("open.zf.reveal", (ev) => {
-      dialogMode($(ev.target));
-    });
-  });
-
-  it("focuses the title", () => {
-    $("#test-modal").foundation("open");
-
-    const $focused = $(document.activeElement);
-    expect($focused.is($("#test-modal-label"))).toBe(true);
-  });
-
-  it("adds the tab guads on both sides of the document", () => {
-    $("#test-modal").foundation("open");
-
-    const $first = $("body *:first");
-    const $last = $("body *:last");
-
-    expect($first[0].outerHTML).toEqual(
-      '<div class="focusguard" data-position="start" tabindex="0" aria-hidden="true"></div>'
-    );
-    expect($last[0].outerHTML).toEqual(
-      '<div class="focusguard" data-position="end" tabindex="0" aria-hidden="true"></div>'
-    );
-  });
-
-  it("removes the tab guards when the modal is closed", () => {
-    const $modal = $("#test-modal");
-    $modal.foundation("open");
-    $modal.foundation("close");
-
-    expect($(".focusguard").length).toEqual(0);
-  });
-
-  it("focuses the first focusable element when the start tab guard gets focus", () => {
-    const $modal = $("#test-modal");
-    $modal.foundation("open");
-
-    $(".focusguard[data-position='start']").trigger("focus");
-
-    const $focused = $(document.activeElement);
-    expect($focused.is($("#test-modal .close-button"))).toBe(true);
-  });
-
-  it("focuses the last focusable element when the end tab guard gets focus", () => {
-    const $modal = $("#test-modal");
-    $modal.foundation("open");
-
-    $(".focusguard[data-position='end']").trigger("focus");
-
-    const $focused = $(document.activeElement);
-    expect($focused.is($("#test-modal-button"))).toBe(true);
-  });
-
-  describe("when multiple modals are opened", () => {
-    it("adds the tab guads only once", () => {
-      $("#test-modal").foundation("open");
-      $("#test-modal-2").foundation("open");
-
-      expect($(".focusguard[data-position='start']").length).toEqual(1);
-      expect($(".focusguard[data-position='end']").length).toEqual(1);
-    });
-
-    it("does not remove the tab guards when modal is closed but there is still another modal open", () => {
-      $("#test-modal").foundation("open");
-      $("#test-modal-2").foundation("open");
-      $("#test-modal-2").foundation("close");
-
-      expect($(".focusguard[data-position='start']").length).toEqual(1);
-      expect($(".focusguard[data-position='end']").length).toEqual(1);
-    });
-
-    it("removes the tab guards when the last modal is closed", () => {
-      $("#test-modal").foundation("open");
-      $("#test-modal-2").foundation("open");
-      $("#test-modal-2").foundation("close");
-      $("#test-modal").foundation("close");
-
-      expect($(".focusguard").length).toEqual(0);
-    });
-
-    describe("within the active modal", () => {
-      beforeEach(() => {
-        $("#test-modal").foundation("open");
-        $("#test-modal-2").foundation("open");
-      });
-
-      it("focuses the first focusable element when the start tab guard gets focus", () => {
-        $(".focusguard[data-position='start']").trigger("focus");
-
-        const $focused = $(document.activeElement);
-        expect($focused.is($("#test-modal-2 .close-button"))).toBe(true);
-      });
-
-      it("focuses the last focusable element when the end tab guard gets focus", () => {
-        $(".focusguard[data-position='end']").trigger("focus");
-
-        const $focused = $(document.activeElement);
-        expect($focused.is($("#test-modal-2-button"))).toBe(true);
-      });
-    });
-  });
-});

data/app/packs/src/decidim/diff_mode_dropdown.js

@@ -1,49 +0,0 @@
-$(() => {
-  const $allDiffViews = $(".row.diff_view");
-
-  $(document).on("click", ".diff-view-by a.diff-view-mode", (event) => {
-    event.preventDefault();
-    const $target = $(event.target)
-    let type = "escaped";
-    const $selected = $target.parents(".is-dropdown-submenu-parent").find("#diff-view-selected");
-    if ($selected.text().trim() === $target.text().trim()) {
-      return;
-    }
-
-    $selected.text($target.text());
-
-    if ($target.attr("id") === "diff-view-unified") {
-      if ($(".row.diff_view_split_escaped").hasClass("hide")) {
-        type = "unescaped";
-      }
-
-      $allDiffViews.addClass("hide");
-      $(`.row.diff_view_unified_${type}`).removeClass("hide");
-    }
-    if ($target.attr("id") === "diff-view-split") {
-      if ($(".row.diff_view_unified_escaped").hasClass("hide")) {
-        type = "unescaped";
-      }
-
-      $allDiffViews.addClass("hide");
-      $(`.row.diff_view_split_${type}`).removeClass("hide");
-    }
-  })
-
-  $(document).on("click", ".diff-view-by a.diff-view-html", (event) => {
-    event.preventDefault();
-    const $target = $(event.target);
-    $target.parents(".is-dropdown-submenu-parent").find("#diff-view-html-selected").text($target.text());
-    const $visibleDiffViewsId = $allDiffViews.not(".hide").first().attr("id").split("_").slice(1, -1).join("_");
-    const $visibleDiffViews = $allDiffViews.filter(`[id*=${$visibleDiffViewsId}]`)
-
-    if ($target.attr("id") === "diff-view-escaped-html") {
-      $visibleDiffViews.filter("[id$=_unescaped]").addClass("hide");
-      $visibleDiffViews.filter("[id$=_escaped]").removeClass("hide");
-    }
-    if ($target.attr("id") === "diff-view-unescaped-html") {
-      $visibleDiffViews.filter("[id$=_escaped]").addClass("hide");
-      $visibleDiffViews.filter("[id$=_unescaped]").removeClass("hide");
-    }
-  })
-});

data/app/packs/src/decidim/dropdowns_menus.js

@@ -1,30 +0,0 @@
-/* eslint-disable require-jsdoc */
-
-// This will apply some fixes for the Foundation dropdown menu element
-// according to W3C instructions at:
-// https://www.w3.org/TR/wai-aria-practices/examples/menu-button/menu-button-links.html
-//
-// NOTE:
-// This needs to run AFTER Foundation has been initialized because those
-// initializers will affect the drop down menu elements.
-export default function fixDropdownMenus() {
-  $("[data-dropdown-menu]").each((_i, element) => {
-    // This will break navigation on macOS VoiceOver app since it will let the
-    // user to focus on the li element instead of the <a> element where we
-    // actually need the focus to be in.
-    $("li.is-dropdown-submenu-parent", element).removeAttr("aria-haspopup").removeAttr("aria-label");
-    $("li.is-dropdown-submenu-parent > a:first", element).removeAttr("aria-label");
-    // Foundation marks the wrong role for the submenu elements
-    $("ul.is-dropdown-submenu", element).attr("role", "menu");
-  })
-}
-
-// Ensure the first element is always focused when a dropdown is opened as
-// this would not always happen when using a screen reader. If this is not
-// done, the screen reader will stay quiet when the menu opens which can lead
-// to the blind user not understanding the menu has opened.
-$(() => {
-  $("[data-dropdown-menu]").on("show.zf.dropdownMenu", (_i, element) => {
-    $("li:first > a", element).focus();
-  });
-})