var __create = Object.create;
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __getProtoOf = Object.getPrototypeOf;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
  for (var name in all)
    __defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
  if (from && typeof from === "object" || typeof from === "function") {
    for (let key of __getOwnPropNames(from))
      if (!__hasOwnProp.call(to, key) && key !== except)
        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
  }
  return to;
};
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
  // If the importer is in node compatibility mode or this is not an ESM
  // file that has been converted to a CommonJS file using a Babel-
  // compatible transform (i.e. "__esModule" has not been set), then set
  // "default" to the CommonJS "module.exports" for node compatibility.
  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
  mod
));
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
var MapZoomInOutButtons_exports = {};
__export(MapZoomInOutButtons_exports, {
  MapZoomInOutButtons: () => MapZoomInOutButtons
});
module.exports = __toCommonJS(MapZoomInOutButtons_exports);
var import_react = __toESM(require("react"));
var import_react_intl = require("react-intl");
var import_maplibre = require("react-map-gl/maplibre");
var import_charts = require("@dynatrace/strato-components-preview/charts");
var import_strato_icons = require("@dynatrace/strato-icons");
var import_constants = require("../constants.js");
var import_use_a11y_toolbar_tab_index = require("../hooks/use-a11y-toolbar-tab-index.js");
const MapZoomInOutButtons = () => {
  const { current: map } = (0, import_maplibre.useMap)();
  const isMaxZoom = map && map?.getMaxZoom() === map?.getZoom();
  const isMinZoom = map && map?.getMinZoom() === map?.getZoom();
  const zoomInButtonRef = (0, import_react.useRef)();
  const zoomButtonOutRef = (0, import_react.useRef)();
  const intl = (0, import_react_intl.useIntl)();
  const tabIndexIn = (0, import_use_a11y_toolbar_tab_index.useA11yToolbarTabIndex)("zoom-in");
  const tabIndexOut = (0, import_use_a11y_toolbar_tab_index.useA11yToolbarTabIndex)("zoom-out");
  const handleZoomKeyboardMode = (event, zoomBehavior) => {
    if (event.code === "Enter") {
      handleZoomStepToolbarMode(zoomBehavior);
    }
  };
  const handleZoomStepToolbarMode = (zoomBehavior) => {
    if (zoomBehavior === "zoom-in") {
      map?.zoomIn();
    }
    if (zoomBehavior === "zoom-out") {
      map?.zoomOut();
    }
  };
  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
    import_charts._ChartToolbarRenderer.Control,
    {
      ref: zoomInButtonRef,
      prefixIcon: /* @__PURE__ */ import_react.default.createElement(import_strato_icons.ZoomInIcon, null),
      tooltipText: intl.formatMessage(import_constants.TOOLBAR_MESSAGES.zoomActionZoomIn),
      testId: "map-toolbar-zoom-in",
      onKeyDown: (event) => handleZoomKeyboardMode(event, "zoom-in"),
      onClick: () => handleZoomStepToolbarMode("zoom-in"),
      tabIndex: tabIndexIn,
      disabled: isMaxZoom
    }
  ), /* @__PURE__ */ import_react.default.createElement(
    import_charts._ChartToolbarRenderer.Control,
    {
      ref: zoomButtonOutRef,
      prefixIcon: /* @__PURE__ */ import_react.default.createElement(import_strato_icons.ZoomOutIcon, null),
      tooltipText: intl.formatMessage(import_constants.TOOLBAR_MESSAGES.zoomActionZoomOut),
      testId: "map-toolbar-zoom-out",
      onKeyDown: (event) => handleZoomKeyboardMode(event, "zoom-out"),
      onClick: () => handleZoomStepToolbarMode("zoom-out"),
      tabIndex: tabIndexOut,
      disabled: isMinZoom
    }
  ));
};
