@open-pioneer/coordinate-search 0.8.0

package/LICENSE

@@ -0,0 +1,202 @@
+
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright [yyyy] [name of copyright owner]
+
+   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.

package/ProjectionSelect.d.ts

@@ -0,0 +1,7 @@
+import { ProjectionItem } from "./CoordinateInput";
+export declare const ProjectionSelect: import("react").NamedExoticComponent<{
+    currentProjection: ProjectionItem;
+    projections: ProjectionItem[];
+    portalElement: React.RefObject<HTMLDivElement>;
+    onProjectionChange: (proj: ProjectionItem) => void;
+}>;

package/ProjectionSelect.js

@@ -0,0 +1,112 @@
+import { jsx } from 'react/jsx-runtime';
+import { useEvent } from '@open-pioneer/react-utils';
+import { Select } from 'chakra-react-select';
+import { useIntl } from './_virtual/_virtual-pioneer-module_react-hooks.js';
+import { memo, useState, useMemo } from 'react';
+
+const ProjectionSelect = memo(function ProjectionSelect2(props) {
+  const { currentProjection, projections, portalElement, onProjectionChange } = props;
+  const intl = useIntl();
+  const ariaMessages = useAriaMessages(intl);
+  const [isOpen, setIsOpen] = useState(false);
+  const keyDown = useEvent((event) => {
+    if (!isOpen && event.key === "Enter") {
+      setIsOpen(true);
+    }
+  });
+  return /* @__PURE__ */ jsx(
+    Select,
+    {
+      value: currentProjection,
+      defaultValue: currentProjection,
+      options: projections,
+      menuPlacement: "auto",
+      menuPortalTarget: portalElement.current,
+      "aria-label": intl.formatMessage({
+        id: "coordinateInput.ariaLabel"
+      }),
+      classNamePrefix: "coordinate-input-select",
+      isSearchable: false,
+      chakraStyles: {
+        menu: (base) => {
+          return {
+            ...base,
+            width: "max-content",
+            minWidth: "100%"
+          };
+        },
+        control: (base, { selectProps: { menuIsOpen } }) => ({
+          ...base,
+          width: "max-content",
+          minWidth: "100%",
+          color: "white",
+          borderLeftStyle: "none",
+          borderLeftRadius: 0,
+          padding: 0,
+          backgroundColor: `${menuIsOpen ? "rgb(27, 75, 95)" : "var(--chakra-colors-background_primary)"}`,
+          _focus: {
+            boxShadow: "var(--chakra-shadows-outline)"
+          }
+        }),
+        valueContainer: (base) => ({
+          ...base,
+          paddingEnd: 0,
+          cursor: "pointer"
+        }),
+        dropdownIndicator: (base, { selectProps: { menuIsOpen } }) => ({
+          ...base,
+          paddingStart: 0,
+          backgroundColor: `${menuIsOpen ? "rgb(27, 75, 95)" : "var(--chakra-colors-background_primary)"}`
+        }),
+        option: (base) => ({
+          ...base,
+          _focus: {
+            background: "var(--chakra-colors-trails-300)"
+          }
+        }),
+        indicatorSeparator: (base, { selectProps: { menuIsOpen } }) => ({
+          ...base,
+          backgroundColor: `${menuIsOpen ? "rgb(27, 75, 95)" : "var(--chakra-colors-background_primary)"}`,
+          borderColor: `${menuIsOpen ? "rgb(27, 75, 95)" : "var(--chakra-colors-background_primary)"}`
+        })
+      },
+      ariaLiveMessages: ariaMessages,
+      onChange: (e) => {
+        if (e?.value !== void 0) {
+          onProjectionChange(e);
+        }
+      },
+      onKeyDown: keyDown,
+      menuIsOpen: isOpen,
+      onMenuOpen: () => setIsOpen(true),
+      onMenuClose: () => setIsOpen(false)
+    }
+  );
+});
+function useAriaMessages(intl) {
+  return useMemo(() => {
+    const onFocus = () => {
+      return "";
+    };
+    const onChange = (props) => {
+      if (props.action == "select-option" || props.action == "initial-input-focus")
+        return props.label + " " + intl.formatMessage({ id: "selected" });
+      else return "";
+    };
+    const guidance = () => {
+      return "";
+    };
+    const onFilter = () => {
+      return "";
+    };
+    return {
+      onFocus,
+      onChange,
+      guidance,
+      onFilter
+    };
+  }, [intl]);
+}
+
+export { ProjectionSelect };
+//# sourceMappingURL=ProjectionSelect.js.map

package/ProjectionSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectionSelect.js","sources":["ProjectionSelect.tsx"],"sourcesContent":["// SPDX-FileCopyrightText: 2023 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { useEvent } from \"@open-pioneer/react-utils\";\nimport { PackageIntl } from \"@open-pioneer/runtime\";\nimport { AriaLiveMessages, AriaOnChange, AriaOnFocus, Select } from \"chakra-react-select\";\nimport { useIntl } from \"open-pioneer:react-hooks\";\nimport { KeyboardEvent, memo, useMemo, useState } from \"react\";\nimport { ProjectionItem } from \"./CoordinateInput\";\n\nexport const ProjectionSelect = memo(function ProjectionSelect(props: {\n    currentProjection: ProjectionItem;\n    projections: ProjectionItem[];\n    portalElement: React.RefObject<HTMLDivElement>;\n    onProjectionChange: (proj: ProjectionItem) => void;\n}) {\n    const { currentProjection, projections, portalElement, onProjectionChange } = props;\n    const intl = useIntl();\n    const ariaMessages = useAriaMessages(intl);\n    const [isOpen, setIsOpen] = useState(false);\n\n    const keyDown = useEvent((event: KeyboardEvent<HTMLDivElement>) => {\n        // if the menu is already open, do nothing\n        if (!isOpen && event.key === \"Enter\") {\n            setIsOpen(true);\n        }\n    });\n\n    return (\n        <Select<ProjectionItem>\n            value={currentProjection}\n            defaultValue={currentProjection}\n            options={projections}\n            menuPlacement=\"auto\"\n            menuPortalTarget={portalElement.current}\n            aria-label={intl.formatMessage({\n                id: \"coordinateInput.ariaLabel\"\n            })}\n            classNamePrefix=\"coordinate-input-select\"\n            isSearchable={false}\n            chakraStyles={{\n                menu: (base) => {\n                    return {\n                        ...base,\n                        width: \"max-content\",\n                        minWidth: \"100%\"\n                    };\n                },\n                control: (base, { selectProps: { menuIsOpen } }) => ({\n                    ...base,\n                    width: \"max-content\",\n                    minWidth: \"100%\",\n                    color: \"white\",\n                    borderLeftStyle: \"none\",\n                    borderLeftRadius: 0,\n                    padding: 0,\n                    backgroundColor: `${menuIsOpen ? \"rgb(27, 75, 95)\" : \"var(--chakra-colors-background_primary)\"}`,\n                    _focus: {\n                        boxShadow: \"var(--chakra-shadows-outline)\"\n                    }\n                }),\n                valueContainer: (base) => ({\n                    ...base,\n                    paddingEnd: 0,\n                    cursor: \"pointer\"\n                }),\n                dropdownIndicator: (base, { selectProps: { menuIsOpen } }) => ({\n                    ...base,\n                    paddingStart: 0,\n                    backgroundColor: `${menuIsOpen ? \"rgb(27, 75, 95)\" : \"var(--chakra-colors-background_primary)\"}`\n                }),\n                option: (base) => ({\n                    ...base,\n                    _focus: {\n                        background: \"var(--chakra-colors-trails-300)\"\n                    }\n                }),\n                indicatorSeparator: (base, { selectProps: { menuIsOpen } }) => ({\n                    ...base,\n                    backgroundColor: `${menuIsOpen ? \"rgb(27, 75, 95)\" : \"var(--chakra-colors-background_primary)\"}`,\n                    borderColor: `${menuIsOpen ? \"rgb(27, 75, 95)\" : \"var(--chakra-colors-background_primary)\"}`\n                })\n            }}\n            ariaLiveMessages={ariaMessages}\n            onChange={(e) => {\n                if (e?.value !== undefined) {\n                    onProjectionChange(e);\n                }\n            }}\n            onKeyDown={keyDown}\n            menuIsOpen={isOpen}\n            onMenuOpen={() => setIsOpen(true)}\n            onMenuClose={() => setIsOpen(false)}\n        />\n    );\n});\n\n/**\n * Provides custom aria messages for select of the coordinate input component.\n */\nfunction useAriaMessages(\n    intl: PackageIntl\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n): AriaLiveMessages<any, false, any> {\n    return useMemo(() => {\n        /**\n         * Method to create Aria-String for focus-Event\n         */\n        const onFocus: AriaOnFocus<unknown> = () => {\n            // no aria string for focus-events because in some screen readers (NVDA) and browsers (Chrome) updating the aria string causes the instructions to be read out again each time a select option is focused\n            return \"\";\n        };\n\n        /**\n         * Method to create Aria-String for value-change-Event\n         */\n        const onChange: AriaOnChange<unknown, boolean> = (props) => {\n            if (props.action == \"select-option\" || props.action == \"initial-input-focus\")\n                return props.label + \" \" + intl.formatMessage({ id: \"selected\" });\n            else return \"\";\n        };\n\n        /**\n         * Method to create Aria-String for instruction\n         */\n        const guidance = () => {\n            return \"\";\n        };\n\n        /**\n         * Method to create Aria-String for result length\n         */\n        const onFilter = () => {\n            return \"\";\n        };\n\n        return {\n            onFocus,\n            onChange,\n            guidance,\n            onFilter\n        };\n    }, [intl]);\n}\n"],"names":["ProjectionSelect"],"mappings":"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"}

package/README.md

@@ -0,0 +1,147 @@
+# @open-pioneer/coordinate-search
+
+This package provides a UI component which allow users to search for coordinates in the map and provides component that is an input field for coordinates.
+
+## Usage coordinate search
+
+To integrate the coordinate search in your app, insert the following snippet:
+
+```jsx
+<CoordinateSearch mapId="map_id" />
+```
+
+### Configuration
+
+To define the selectable projections, set the optional `projections` property:
+
+```jsx
+<CoordinateSearch
+    mapId="map_id"
+    projections={[
+        {
+            label: "EPSG:25832",
+            value: "EPSG:25832",
+            precision: 2
+        },
+        {
+            label: "WGS 84",
+            value: "EPSG:4326"
+        },
+        {
+            label: "Web Mercator",
+            value: "EPSG:3857"
+        }
+    ]}
+/>
+```
+
+The optional property `precision` allows to specify the number of display digits (default: 3).
+
+If no `projections` are specified, Web Mercator (EPSG:3857) and WGS 84 (EPSG:4326) are the default options.
+
+### Listening to events
+
+To listen to the events `onSelect` and `onClear`, provide optional callback functions to the component.
+
+In case of the `onSelect` event, you can access the entered coordinate from the parameter `CoordinatesEvent`. The `onSelect` event gets called if a valid input is entered or if the selected projection is changed after entering an input.
+
+With the `onClear` option, you can set a callback function that gets called if the clear button is clicked.
+
+```tsx
+<CoordinateSearch
+    mapId="map_id"
+    onSelect={(event: CoordinatesEvent) => {
+        // do something
+    }}
+    onClear={() => {
+        // do something
+    }}
+/>
+```
+
+## Usage coordinate input
+
+To integrate the coordinate input component in your app, insert the following snippet:
+
+```jsx
+<CoordinateInput mapId="map_id" />
+```
+
+### Configure projections
+
+To define the selectable projections, set the optional `projections` property:
+
+```jsx
+<CoordinateInput
+    mapId="map_id"
+    projections={[
+        {
+            label: "EPSG:25832",
+            value: "EPSG:25832",
+            precision: 2
+        },
+        {
+            label: "WGS 84",
+            value: "EPSG:4326"
+        },
+        {
+            label: "Web Mercator",
+            value: "EPSG:3857"
+        }
+    ]}
+/>
+```
+
+The optional property `precision` allows to specify the number of display digits (default: 3).
+
+If no `projections` are specified, Web Mercator (EPSG:3857) and WGS 84 (EPSG:4326) are the default options.
+
+### Set the input value
+
+To set the value of the input field from outside the component, set the optional `input` property of type `Coordinate`.
+
+The coordinates have to be in the projection of the map.
+
+If the value changes, the `onSelect` function is triggered (see below).
+
+```jsx
+<CoordinateInput mapId="map_id" input={[761166, 6692084]} />
+```
+
+### Configure the placeholder
+
+To set the placeholder of the input field from outside the component, use the optional `placeholder` property of type `Coordinate` or `string`.
+
+Common usage for a `string` input is a supportive text like "Enter coordinates here".
+
+A `Coordinate` input can be used for example for showing the coordinates of a selected geometry or the current mouse position.
+
+The Coordinates have to be in the projection of the map.
+
+```jsx
+<CoordinateInput mapId="map_id" placeholder={[700000, 6000000]} />
+<CoordinateInput mapId="map_id" placeholder={"Enter coordinates here"} />
+```
+
+### Listening to events
+
+To listen to the events `onSelect` and `onClear`, provide optional callback functions to the component.
+
+In case of the `onSelect` event, you can access the entered coordinate from the parameter `CoordinatesEvent`. The `onSelect` event gets called if you enter the input, if value of the `input` property changes or if the selected projection is changed after entering an input.
+
+With the `onClear` option, you can set a callback function that gets called if the clear button is clicked.
+
+```tsx
+<CoordinateInput
+    onSelect={(event: CoordinatesEvent) => {
+        // do something
+    }}
+    onClear={() => {
+        // do something
+    }}
+/>
+```
+
+## License
+
+Apache-2.0 (see `LICENSE` file)

package/_virtual/_virtual-pioneer-module_react-hooks.js

@@ -0,0 +1,8 @@
+import { useIntlInternal, useServiceInternal } from '@open-pioneer/runtime/react-integration';
+
+const PACKAGE_NAME = "@open-pioneer/coordinate-search";
+const useService = /*@__PURE__*/ useServiceInternal.bind(undefined, PACKAGE_NAME);
+const useIntl = /*@__PURE__*/ useIntlInternal.bind(undefined, PACKAGE_NAME);
+
+export { useIntl, useService };
+//# sourceMappingURL=_virtual-pioneer-module_react-hooks.js.map

package/_virtual/_virtual-pioneer-module_react-hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_virtual-pioneer-module_react-hooks.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/coordinates.d.ts

@@ -0,0 +1,13 @@
+import { NumberParserService, PackageIntl } from "@open-pioneer/runtime";
+import { Projection } from "ol/proj";
+export interface ParseSuccess {
+    kind: "success";
+    projection: Projection;
+    coordinates: [number, number];
+}
+export interface ParseError {
+    kind: "empty" | "tooltip.space" | "tooltip.spaceOne" | "tooltip.2coords" | "tooltip.invalidNumbers" | "tooltip.extent" | "tooltip.projection";
+}
+export type ParseResult = ParseSuccess | ParseError;
+export declare function parseCoordinates(input: string, numberParser: NumberParserService, projection: Projection): ParseResult;
+export declare function formatCoordinates(coordinates: number[], precision: number, intl: PackageIntl): string;

package/coordinates.js

@@ -0,0 +1,73 @@
+import { get, transform } from 'ol/proj.js';
+import { createLogger } from '@open-pioneer/core';
+
+const LOG = createLogger("coordinate-search");
+function parseCoordinates(input, numberParser, projection) {
+  if (input == "") return err("empty");
+  if (!input.includes(" ")) {
+    return err("tooltip.space");
+  }
+  if (input.indexOf(" ") != input.lastIndexOf(" ")) {
+    return err("tooltip.spaceOne");
+  }
+  const splitCoords = input.split(" ");
+  if (splitCoords.length != 2 || splitCoords[0] == "" || splitCoords[1] == "") {
+    return err("tooltip.2coords");
+  }
+  const coordsString1 = numberParser.parseNumber(splitCoords[0]);
+  const coordsString2 = numberParser.parseNumber(splitCoords[1]);
+  const coords = [coordsString1, coordsString2];
+  if (coords.some((number) => Number.isNaN(number))) {
+    return err("tooltip.invalidNumbers");
+  }
+  try {
+    if (!checkIfCoordsInProjectionsExtent(projection, coords)) {
+      return err("tooltip.extent");
+    }
+    if (!checkIfCoordsInProjectionsExtent(
+      get("EPSG:4326"),
+      transform(coords, projection, "EPSG:4326")
+    )) {
+      return err("tooltip.extent");
+    }
+  } catch (e) {
+    LOG.warn("Failed to check if coordinates are in projection extent", e);
+    return err("tooltip.projection");
+  }
+  return {
+    kind: "success",
+    projection,
+    coordinates: coords
+  };
+}
+function err(kind) {
+  return { kind };
+}
+function checkIfCoordsInProjectionsExtent(projection, coords) {
+  const extent = projection.getExtent();
+  if (!extent || extent.length !== 4) {
+    return true;
+  }
+  if (!coords || coords.length !== 2) {
+    throw new Error(`Internal error: invalid coordinates ${coords}.`);
+  }
+  return extent[0] <= coords[0] && extent[1] <= coords[1] && extent[2] >= coords[0] && extent[3] >= coords[1];
+}
+function formatCoordinates(coordinates, precision, intl) {
+  if (coordinates[0] == null || coordinates[1] == null) {
+    return "";
+  }
+  const [x, y] = coordinates;
+  const xString = intl.formatNumber(x, {
+    maximumFractionDigits: precision,
+    minimumFractionDigits: precision
+  });
+  const yString = intl.formatNumber(y, {
+    maximumFractionDigits: precision,
+    minimumFractionDigits: precision
+  });
+  return xString + " " + yString;
+}
+
+export { formatCoordinates, parseCoordinates };
+//# sourceMappingURL=coordinates.js.map

package/coordinates.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"coordinates.js","sources":["coordinates.ts"],"sourcesContent":["// SPDX-FileCopyrightText: 2023 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { NumberParserService, PackageIntl } from \"@open-pioneer/runtime\";\nimport { get as getProjection, Projection, transform } from \"ol/proj\";\nimport { createLogger } from \"@open-pioneer/core\";\nconst LOG = createLogger(\"coordinate-search\");\n\nexport interface ParseSuccess {\n    kind: \"success\";\n    projection: Projection;\n    coordinates: [number, number];\n}\n\nexport interface ParseError {\n    // Double duty as i18n message at the moment\n    kind:\n        | \"empty\"\n        | \"tooltip.space\"\n        | \"tooltip.spaceOne\"\n        | \"tooltip.2coords\"\n        | \"tooltip.invalidNumbers\"\n        | \"tooltip.extent\"\n        | \"tooltip.projection\";\n}\n\nexport type ParseResult = ParseSuccess | ParseError;\n\nexport function parseCoordinates(\n    input: string,\n    numberParser: NumberParserService,\n    projection: Projection\n): ParseResult {\n    if (input == \"\") return err(\"empty\");\n\n    if (!input.includes(\" \")) {\n        return err(\"tooltip.space\");\n    }\n    if (input.indexOf(\" \") != input.lastIndexOf(\" \")) {\n        return err(\"tooltip.spaceOne\");\n    }\n\n    const splitCoords = input.split(\" \");\n    if (splitCoords.length != 2 || splitCoords[0] == \"\" || splitCoords[1] == \"\") {\n        return err(\"tooltip.2coords\");\n    }\n\n    const coordsString1 = numberParser.parseNumber(splitCoords[0]!);\n    const coordsString2 = numberParser.parseNumber(splitCoords[1]!);\n\n    const coords: [number, number] = [coordsString1, coordsString2];\n    if (coords.some((number) => Number.isNaN(number))) {\n        return err(\"tooltip.invalidNumbers\");\n    }\n    try {\n        if (!checkIfCoordsInProjectionsExtent(projection, coords)) {\n            return err(\"tooltip.extent\");\n        }\n\n        if (\n            !checkIfCoordsInProjectionsExtent(\n                getProjection(\"EPSG:4326\")!,\n                transform(coords, projection, \"EPSG:4326\")\n            )\n        ) {\n            return err(\"tooltip.extent\");\n        }\n    } catch (e) {\n        LOG.warn(\"Failed to check if coordinates are in projection extent\", e);\n        return err(\"tooltip.projection\");\n    }\n\n    return {\n        kind: \"success\",\n        projection,\n        coordinates: coords\n    };\n}\n\nfunction err(kind: ParseError[\"kind\"]): ParseError {\n    return { kind };\n}\n\n/* validate if the coordinates fit to the extent of the selected projection */\nfunction checkIfCoordsInProjectionsExtent(projection: Projection, coords: number[]): boolean {\n    const extent = projection.getExtent();\n    if (!extent || extent.length !== 4) {\n        // Some projections don't have an extent, cannot validate.\n        return true;\n    }\n    if (!coords || coords.length !== 2) {\n        throw new Error(`Internal error: invalid coordinates ${coords}.`);\n    }\n\n    return (\n        extent[0]! <= coords[0]! &&\n        extent[1]! <= coords[1]! &&\n        extent[2]! >= coords[0]! &&\n        extent[3]! >= coords[1]!\n    );\n}\n\n/* Formats the coordinates as a string with given precision considering locales */\nexport function formatCoordinates(\n    coordinates: number[],\n    precision: number,\n    intl: PackageIntl\n): string {\n    if (coordinates[0] == null || coordinates[1] == null) {\n        return \"\";\n    }\n\n    const [x, y] = coordinates;\n\n    const xString = intl.formatNumber(x, {\n        maximumFractionDigits: precision,\n        minimumFractionDigits: precision\n    });\n    const yString = intl.formatNumber(y, {\n        maximumFractionDigits: precision,\n        minimumFractionDigits: precision\n    });\n\n    return xString + \" \" + yString;\n}\n"],"names":["getProjection"],"mappings":"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"}

package/i18n/de.yaml

@@ -0,0 +1,14 @@
+messages:
+  coordinateInput:
+    ariaLabel: Koordinateneingabe
+    copyPlaceholder: Kopieren
+    clearPlaceholder: Löschen
+  tooltip:
+    basic: "Ungültige Eingabe"
+    space: "Ungültige Eingabe: Bitte trennen Sie die Koordinaten mit genau einem Leerzeichen."
+    spaceOne: "Ungültige Eingabe: Bitte verwenden Sie nur genau ein Leerzeichen zum Trennen der Koordinaten."
+    2coords: "Ungültige Eingabe: Es müssen zwei Zahlen eingegeben werden."
+    invalidNumbers: "Ungültige Eingabe: Es müssen zwei gültige Zahlen eingegeben werden."
+    extent: "Die eingegebenen Koordinaten passen nicht zum Koordinatensystem. Bitte Koordinatensystem oder Koordinaten ändern."
+    projection: "Es gibt einen Fehler mit der Projektion. Bitte eine andere Projektion auswählen."
+  selected: selektiert

package/i18n/en.yaml

@@ -0,0 +1,14 @@
+messages:
+  coordinateInput:
+    ariaLabel: Coordinate input
+    copyPlaceholder: Copy
+    clearPlaceholder: Clear
+  tooltip:
+    basic: "Invalid input"
+    space: "Invalid input: Please enter the coordinates seperated by a space."
+    spaceOne: "Invalid input: Please use exactly one space to separate the coordinates."
+    2coords: "Invalid input: Please enter two numbers."
+    invalidNumbers: "Invalid input: Please enter two valid numbers."
+    extent: "The coordinates are not in the bounds of the reference system. Please change the projection or coordinates."
+    projection: "The projection is not working. Please change to another projection."
+  selected: selected

package/index.d.ts

@@ -0,0 +1,2 @@
+export { CoordinateSearch, type CoordinateSearchProps } from "./CoordinateSearch";
+export { CoordinateInput, type CoordinateInputProps, type CoordinatesSelectEvent, type ProjectionInput } from "./CoordinateInput";

package/index.js

@@ -0,0 +1,3 @@
+export { CoordinateSearch } from './CoordinateSearch.js';
+export { CoordinateInput } from './CoordinateInput.js';
+//# sourceMappingURL=index.js.map

package/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}