geostyler/dist/Component/ScaleDenominator/ScaleDenominator.js

Framework for styling geodata

import { jsx as e, jsxs as a } from "react/jsx-runtime";
import { Row as f, Col as r } from "antd";
import { MinScaleDenominator as p } from "./MinScaleDenominator.js";
import { MaxScaleDenominator as t } from "./MaxScaleDenominator.js";
import n from "lodash-es/cloneDeep.js";
const u = ({
  scaleDenominator: m,
  onChange: o
}) => {
  const s = (i) => {
    let l = n(m);
    l || (l = {}), l.min = i, o && o(l);
  }, c = (i) => {
    let l = n(m);
    l || (l = {}), l.max = i, o && o(l);
  };
  return /* @__PURE__ */ e("div", { className: "gs-scaledenominator", children: /* @__PURE__ */ a(f, { gutter: 16, children: [
    /* @__PURE__ */ e(r, { span: 12, className: "gs-small-col", children: /* @__PURE__ */ e(
      p,
      {
        value: m == null ? void 0 : m.min,
        onChange: s
      }
    ) }),
    /* @__PURE__ */ e(r, { span: 12, className: "gs-small-col", children: /* @__PURE__ */ e(
      t,
      {
        value: m == null ? void 0 : m.max,
        onChange: c
      }
    ) })
  ] }) });
};
export {
  u as ScaleDenominator
};