var __extends = (this && this.__extends) || (function () { var extendStatics = function (d, b) { extendStatics = Object.setPrototypeOf || ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; }; return extendStatics(d, b); }; return function (d, b) { if (typeof b !== "function" && b !== null) throw new TypeError("Class extends value " + String(b) + " is not a constructor or null"); extendStatics(d, b); function __() { this.constructor = d; } d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); }; })(); /** * @module ol/interaction/KeyboardZoom */ import EventType from '../events/EventType.js'; import Interaction, { zoomByDelta } from './Interaction.js'; import { targetNotEditable } from '../events/condition.js'; /** * @typedef {Object} Options * @property {number} [duration=100] Animation duration in milliseconds. * @property {import("../events/condition.js").Condition} [condition] A function that * takes an {@link module:ol/MapBrowserEvent~MapBrowserEvent} and returns a * boolean to indicate whether that event should be handled. Default is * {@link module:ol/events/condition.targetNotEditable}. * @property {number} [delta=1] The zoom level delta on each key press. */ /** * @classdesc * Allows the user to zoom the map using keyboard + and -. * Note that, although this interaction is by default included in maps, * the keys can only be used when browser focus is on the element to which * the keyboard events are attached. By default, this is the map div, * though you can change this with the `keyboardEventTarget` in * {@link module:ol/Map~Map}. `document` never loses focus but, for any other * element, focus will have to be on, and returned to, this element if the keys * are to function. * See also {@link module:ol/interaction/KeyboardPan~KeyboardPan}. * @api */ var KeyboardZoom = /** @class */ (function (_super) { __extends(KeyboardZoom, _super); /** * @param {Options} [opt_options] Options. */ function KeyboardZoom(opt_options) { var _this = _super.call(this) || this; var options = opt_options ? opt_options : {}; /** * @private * @type {import("../events/condition.js").Condition} */ _this.condition_ = options.condition ? options.condition : targetNotEditable; /** * @private * @type {number} */ _this.delta_ = options.delta ? options.delta : 1; /** * @private * @type {number} */ _this.duration_ = options.duration !== undefined ? options.duration : 100; return _this; } /** * Handles the {@link module:ol/MapBrowserEvent~MapBrowserEvent map browser event} if it was a * `KeyEvent`, and decides whether to zoom in or out (depending on whether the * key pressed was '+' or '-'). * @param {import("../MapBrowserEvent.js").default} mapBrowserEvent Map browser event. * @return {boolean} `false` to stop event propagation. * @this {KeyboardZoom} */ KeyboardZoom.prototype.handleEvent = function (mapBrowserEvent) { var stopEvent = false; if (mapBrowserEvent.type == EventType.KEYDOWN || mapBrowserEvent.type == EventType.KEYPRESS) { var keyEvent = /** @type {KeyboardEvent} */ (mapBrowserEvent.originalEvent); var charCode = keyEvent.charCode; if (this.condition_(mapBrowserEvent) && (charCode == '+'.charCodeAt(0) || charCode == '-'.charCodeAt(0))) { var map = mapBrowserEvent.map; var delta = charCode == '+'.charCodeAt(0) ? this.delta_ : -this.delta_; var view = map.getView(); zoomByDelta(view, delta, undefined, this.duration_); keyEvent.preventDefault(); stopEvent = true; } } return !stopEvent; }; return KeyboardZoom; }(Interaction)); export default KeyboardZoom; //# sourceMappingURL=KeyboardZoom.js.map