@siberiaweb/components
Version:
61 lines (60 loc) • 1.52 kB
JavaScript
import CSS from "./CSS";
import WebComponent from "@siberiaweb/webcomponent/lib/WebComponent";
/**
* Позиция панели вкладок.
*/
export default class TabPanelItem extends WebComponent {
/**
* Конструктор.
*/
constructor() {
super();
}
/**
* @override
*/
firstConnectedCallback() {
super.firstConnectedCallback();
this.classList.add(CSS.TAB_PANEL_ITEM);
}
/**
* Получение признака, что вкладка активна.
*/
get active() {
return this.hasAttribute(TabPanelItem.ATTR_ACTIVE);
}
/**
* Установка признака, что вкладка активна.
*
* @param value Значение.
*/
set active(value) {
this.toggleAttribute(TabPanelItem.ATTR_ACTIVE, value);
}
/**
* Получение вкладки.
*/
get tab() {
return this.getAttributeOrDefault(TabPanelItem.ATTR_TAB, "");
}
/**
* Установка вкладки.
*
* @param value Значение.
*/
set tab(value) {
this.setAttribute(TabPanelItem.ATTR_TAB, value);
}
}
/**
* Наименование компонента.
*/
TabPanelItem.COMPONENT_NAME = "sw-tab-panel-item";
/**
* Активная вкладка.
*/
TabPanelItem.ATTR_ACTIVE = "active";
/**
* Вкладка.
*/
TabPanelItem.ATTR_TAB = "tab";