• Home
• org.mvnpm.at.vaadin
• tabs
• 24.4.10
• source code
• vaadin-tab-mixin.js

×

Project download

Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $

You can buy this project and download/modify it how often you want.

package.src.vaadin-tab-mixin.js Maven / Gradle / Ivy

/**
 * @license
 * Copyright (c) 2017 - 2024 Vaadin Ltd.
 * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
 */
import { ItemMixin } from '@vaadin/item/src/vaadin-item-mixin.js';

/**
 * @polymerMixin
 * @mixes ItemMixin
 */
export const TabMixin = (superClass) =>
  class TabMixinClass extends ItemMixin(superClass) {
    /** @protected */
    ready() {
      super.ready();

      this.setAttribute('role', 'tab');
    }

    /**
     * Override an event listener from `KeyboardMixin`
     * to handle clicking anchors inside the tabs.
     * @param {!KeyboardEvent} event
     * @protected
     * @override
     */
    _onKeyUp(event) {
      const willClick = this.hasAttribute('active');

      super._onKeyUp(event);

      if (willClick) {
        const anchor = this.querySelector('a');
        if (anchor) {
          anchor.click();
        }
      }
    }
  };