@blueprintjs/core
Version:
Core styles & components
62 lines • 2.6 kB
JavaScript
/*
* Copyright 2016 Palantir Technologies, Inc. All rights reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/* istanbul ignore next */
/**
* A nifty little class that maintains event handlers to add a class to the container element
* when entering "mouse mode" (on a `mousedown` event) and remove it when entering "keyboard mode"
* (on a `tab` key `keydown` event).
*/
var InteractionModeEngine = /** @class */ (function () {
function InteractionModeEngine(container, className) {
var _this = this;
this.container = container;
this.className = className;
this.isRunning = false;
this.handleKeyDown = function (e) {
if (e.key === "Tab") {
_this.reset();
_this.container.addEventListener("mousedown", _this.handleMouseDown);
}
};
this.handleMouseDown = function () {
_this.reset();
_this.container.classList.add(_this.className);
_this.container.addEventListener("keydown", _this.handleKeyDown);
};
}
/** Returns whether the engine is currently running. */
InteractionModeEngine.prototype.isActive = function () {
return this.isRunning;
};
/** Enable behavior which applies the given className when in mouse mode. */
InteractionModeEngine.prototype.start = function () {
this.container.addEventListener("mousedown", this.handleMouseDown);
this.isRunning = true;
};
/** Disable interaction mode behavior and remove className from container. */
InteractionModeEngine.prototype.stop = function () {
this.reset();
this.isRunning = false;
};
InteractionModeEngine.prototype.reset = function () {
this.container.classList.remove(this.className);
this.container.removeEventListener("keydown", this.handleKeyDown);
this.container.removeEventListener("mousedown", this.handleMouseDown);
};
return InteractionModeEngine;
}());
export { InteractionModeEngine };
//# sourceMappingURL=interactionMode.js.map