plugins/CoreHome/vue/src/DropdownButton/DropdownButton.ts


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

/*!
 * Matomo - free/libre analytics platform
 *
 * @link https://matomo.org
 * @license http://www.gnu.org/licenses/gpl-3.0.html GPL v3 or later
 */

const { $ } = window;

export default {
  mounted(el: HTMLElement): void {
    const element = $(el);

    // BC for materializecss 0.97 => 1.0
    if (!element.attr('data-target')
      && element.attr('data-activates')
    ) {
      element.attr('data-target', element.attr('data-activates'));
    }

    const target = element.attr('data-target');
    if (target && $(`#${target}`).length) {
      $(element).dropdown({
        inDuration: 300,
        outDuration: 225,
        constrainWidth: false, // Does not change width of dropdown to that of the activator
        //  hover: true, // Activate on hover
        belowOrigin: true, // Displays dropdown below the button
      });
    }
  },
};