@blueprintjs/core
Version:
Core styles & components
61 lines • 2.23 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).
*/
export class InteractionModeEngine {
container;
className;
isRunning = false;
constructor(container, className) {
this.container = container;
this.className = className;
}
/** Returns whether the engine is currently running. */
isActive() {
return this.isRunning;
}
/** Enable behavior which applies the given className when in mouse mode. */
start() {
this.container.addEventListener("mousedown", this.handleMouseDown);
this.isRunning = true;
}
/** Disable interaction mode behavior and remove className from container. */
stop() {
this.reset();
this.isRunning = false;
}
reset() {
this.container.classList.remove(this.className);
this.container.removeEventListener("keydown", this.handleKeyDown);
this.container.removeEventListener("mousedown", this.handleMouseDown);
}
handleKeyDown = (e) => {
if (e.key === "Tab") {
this.reset();
this.container.addEventListener("mousedown", this.handleMouseDown);
}
};
handleMouseDown = () => {
this.reset();
this.container.classList.add(this.className);
this.container.addEventListener("keydown", this.handleKeyDown);
};
}
//# sourceMappingURL=interactionMode.js.map