devextreme
Version:
HTML5 JavaScript Component Suite for Responsive Web Development
54 lines (51 loc) • 2.6 kB
JavaScript
/**
* DevExtreme (cjs/ui/toolbar/ui.toolbar.utils.js)
* Version: 22.1.9
* Build date: Tue Apr 18 2023
*
* Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
* Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
*/
"use strict";
exports.toggleItemFocusableElementTabIndex = toggleItemFocusableElementTabIndex;
var _renderer = _interopRequireDefault(require("../../core/renderer"));
function _interopRequireDefault(obj) {
return obj && obj.__esModule ? obj : {
default: obj
}
}
var BUTTON_GROUP_CLASS = "dx-buttongroup";
var TOOLBAR_ITEMS = ["dxAutocomplete", "dxButton", "dxCheckBox", "dxDateBox", "dxMenu", "dxSelectBox", "dxTabs", "dxTextBox", "dxButtonGroup", "dxDropDownButton"];
var getItemInstance = function($element) {
var itemData = $element.data && $element.data();
var dxComponents = itemData && itemData.dxComponents;
var widgetName = dxComponents && dxComponents[0];
return widgetName && itemData[widgetName]
};
function toggleItemFocusableElementTabIndex(context, item) {
var _itemData$options;
if (!context) {
return
}
var $item = context._findItemElementByItem(item);
if (!$item.length) {
return
}
var itemData = context._getItemData($item);
var isItemNotFocusable = !!(null !== (_itemData$options = itemData.options) && void 0 !== _itemData$options && _itemData$options.disabled || itemData.disabled || context.option("disabled"));
var widget = itemData.widget;
if (widget && -1 !== TOOLBAR_ITEMS.indexOf(widget)) {
var $widget = $item.find(widget.toLowerCase().replace("dx", ".dx-"));
if ($widget.length) {
var _itemInstance$_focusT, _itemData$options2;
var itemInstance = getItemInstance($widget);
var $focusTarget = "dxDropDownButton" === widget ? itemInstance._focusTarget().find(".".concat(BUTTON_GROUP_CLASS)) : (null === itemInstance || void 0 === itemInstance ? void 0 : null === (_itemInstance$_focusT = itemInstance._focusTarget) || void 0 === _itemInstance$_focusT ? void 0 : _itemInstance$_focusT.call(itemInstance)) || (0, _renderer.default)(itemInstance.element());
var tabIndex = null === (_itemData$options2 = itemData.options) || void 0 === _itemData$options2 ? void 0 : _itemData$options2.tabIndex;
if (isItemNotFocusable) {
$focusTarget.attr("tabIndex", -1)
} else {
$focusTarget.attr("tabIndex", tabIndex ? tabIndex : 0)
}
}
}
}