@open-pioneer/toc 0.9.0-dev.20250220091855 → 0.9.0

package/CHANGELOG.md

@@ -1,13 +1,16 @@
 # @open-pioneer/toc
 
-## 0.9.0-dev.20250220091855
+## 0.9.0
 
 ### Minor Changes
 
--   bd82a78: Adds the optional functionality to collapse and expand groups in the TOC.
-    This option can be activated with the `collapsibleGroups` property (default is `false`).
-    If the property `initiallyCollapsed` is `true` all groups are collapsed by default when the TOC is rendered. This is helpful if the app has a large layer tree.
-    Additionally, a menu item to collapse all groups can be added to the Tools section by setting `toolsConfig.showCollapseAllGroups` to `true` (default is `true`).
+- cb94c75: update dependencies
+- bd82a78: Adds the optional functionality to collapse and expand groups in the TOC.
+  This option can be activated with the `collapsibleGroups` property (default is `false`).
+  If the property `initiallyCollapsed` is `true` all groups are collapsed by default when the TOC is rendered.
+  This is helpful if the app has a large layer tree.
+
+    Additionally, a menu item to collapse all groups can be added to the tools section by setting `toolsConfig.showCollapseAllGroups` to `true` (default is `true`).
     This is only applicable if `collapsibleGroups` and `showTools` are both `true`.
 
     ```jsx
@@ -24,23 +27,28 @@
 
 ### Patch Changes
 
--   Updated dependencies [f327eec]
--   Updated dependencies [f327eec]
--   Updated dependencies [209eb8e]
-    -   @open-pioneer/map@0.9.0-dev.20250220091855
-    -   @open-pioneer/basemap-switcher@0.9.0-dev.20250220091855
+- Updated dependencies [e7fdc5d]
+- Updated dependencies [cb94c75]
+- Updated dependencies [37cd707]
+- Updated dependencies [32ed2cd]
+- Updated dependencies [f327eec]
+- Updated dependencies [f327eec]
+- Updated dependencies [209eb8e]
+- Updated dependencies [d72e42c]
+    - @open-pioneer/map@0.9.0
+    - @open-pioneer/basemap-switcher@0.9.0
 
 ## 0.8.0
 
 ### Minor Changes
 
--   2fa8020: Update trails core package dependencies.
+- 2fa8020: Update trails core package dependencies.
 
-    -   Also updates Chakra UI to the latest 2.x version and Chakra React Select to version 5.
-    -   Removes any obsolete references to `@chakra-ui/system`.
-        This dependency seems to be no longer required and may lead to duplicate packages in your dependency tree.
+    - Also updates Chakra UI to the latest 2.x version and Chakra React Select to version 5.
+    - Removes any obsolete references to `@chakra-ui/system`.
+      This dependency seems to be no longer required and may lead to duplicate packages in your dependency tree.
 
--   7ae9f90: When showing a layer via the toc, all parent layers of that layer will also be made visible.
+- 7ae9f90: When showing a layer via the toc, all parent layers of that layer will also be made visible.
 
     This can be disabled by configuring `autoShowParents={false}` on the `TOC` component.
 
@@ -51,191 +59,191 @@
 
 ### Patch Changes
 
--   e7978a8: Use reactive map model APIs to access the current set of layers and their attributes.
--   49f0207: Update trails core packages to version 2.4.0
--   7ae9f90: Implement support for `GroupLayer`.
-    The hierarchy of (possibly nested) groups is visualized by rendering them as a tree.
--   Updated dependencies [b717121]
--   Updated dependencies [e7978a8]
--   Updated dependencies [7a5f1e1]
--   Updated dependencies [7ae9f90]
--   Updated dependencies [e7978a8]
--   Updated dependencies [d8337a6]
--   Updated dependencies [49f0207]
--   Updated dependencies [b2127df]
--   Updated dependencies [2fa8020]
--   Updated dependencies [7ae9f90]
--   Updated dependencies [d8337a6]
-    -   @open-pioneer/map@0.8.0
-    -   @open-pioneer/basemap-switcher@0.8.0
+- e7978a8: Use reactive map model APIs to access the current set of layers and their attributes.
+- 49f0207: Update trails core packages to version 2.4.0
+- 7ae9f90: Implement support for `GroupLayer`.
+  The hierarchy of (possibly nested) groups is visualized by rendering them as a tree.
+- Updated dependencies [b717121]
+- Updated dependencies [e7978a8]
+- Updated dependencies [7a5f1e1]
+- Updated dependencies [7ae9f90]
+- Updated dependencies [e7978a8]
+- Updated dependencies [d8337a6]
+- Updated dependencies [49f0207]
+- Updated dependencies [b2127df]
+- Updated dependencies [2fa8020]
+- Updated dependencies [7ae9f90]
+- Updated dependencies [d8337a6]
+    - @open-pioneer/map@0.8.0
+    - @open-pioneer/basemap-switcher@0.8.0
 
 ## 0.7.0
 
 ### Minor Changes
 
--   310800c: Switch from `peerDependencies` to normal `dependencies`. Peer dependencies have some usability problems when used at scale.
+- 310800c: Switch from `peerDependencies` to normal `dependencies`. Peer dependencies have some usability problems when used at scale.
 
 ### Patch Changes
 
--   310800c: Update core packages version.
--   583f1d6: The `mapId` or `map` properties are now optional on individual components.
-    You can use the `DefaultMapProvider` to configure an implicit default value.
+- 310800c: Update core packages version.
+- 583f1d6: The `mapId` or `map` properties are now optional on individual components.
+  You can use the `DefaultMapProvider` to configure an implicit default value.
 
     Note that configuring _neither_ a default _nor_ an explicit `map` or `mapId` will trigger a runtime error.
 
--   583f1d6: All UI components in this project now accept the `mapId` (a `string`) _or_ the `map` (a `MapModel`) directly.
--   a8b3449: Switch to a new versioning strategy.
-    From now on, packages released by this repository share a common version number.
--   2502050: Use new union types for layers.
--   900eb11: Update dependencies.
--   Updated dependencies [310800c]
--   Updated dependencies [2502050]
--   Updated dependencies [583f1d6]
--   Updated dependencies [583f1d6]
--   Updated dependencies [397d617]
--   Updated dependencies [a8b3449]
--   Updated dependencies [310800c]
--   Updated dependencies [900eb11]
--   Updated dependencies [583f1d6]
--   Updated dependencies [397d617]
-    -   @open-pioneer/basemap-switcher@0.7.0
-    -   @open-pioneer/map@0.7.0
+- 583f1d6: All UI components in this project now accept the `mapId` (a `string`) _or_ the `map` (a `MapModel`) directly.
+- a8b3449: Switch to a new versioning strategy.
+  From now on, packages released by this repository share a common version number.
+- 2502050: Use new union types for layers.
+- 900eb11: Update dependencies.
+- Updated dependencies [310800c]
+- Updated dependencies [2502050]
+- Updated dependencies [583f1d6]
+- Updated dependencies [583f1d6]
+- Updated dependencies [397d617]
+- Updated dependencies [a8b3449]
+- Updated dependencies [310800c]
+- Updated dependencies [900eb11]
+- Updated dependencies [583f1d6]
+- Updated dependencies [397d617]
+    - @open-pioneer/basemap-switcher@0.7.0
+    - @open-pioneer/map@0.7.0
 
 ## 0.4.4
 
 ### Patch Changes
 
--   b152428: Update trails dependencies
--   Updated dependencies [291ccb6]
--   Updated dependencies [b152428]
--   Updated dependencies [291ccb6]
-    -   @open-pioneer/basemap-switcher@0.4.4
-    -   @open-pioneer/map@0.6.1
+- b152428: Update trails dependencies
+- Updated dependencies [291ccb6]
+- Updated dependencies [b152428]
+- Updated dependencies [291ccb6]
+    - @open-pioneer/basemap-switcher@0.4.4
+    - @open-pioneer/map@0.6.1
 
 ## 0.4.3
 
 ### Patch Changes
 
--   0b48e97: improve aria labels and roles for hierachical layer groups in toc (fixes issue [#321](https://github.com/open-pioneer/trails-openlayers-base-packages/issues/321))
--   28e092a: Update dependencies
--   Updated dependencies [28e092a]
--   Updated dependencies [0d51d2f]
--   Updated dependencies [65a14f4]
--   Updated dependencies [76f8863]
-    -   @open-pioneer/basemap-switcher@0.4.3
-    -   @open-pioneer/map@0.6.0
+- 0b48e97: improve aria labels and roles for hierachical layer groups in toc (fixes issue [#321](https://github.com/open-pioneer/trails-openlayers-base-packages/issues/321))
+- 28e092a: Update dependencies
+- Updated dependencies [28e092a]
+- Updated dependencies [0d51d2f]
+- Updated dependencies [65a14f4]
+- Updated dependencies [76f8863]
+    - @open-pioneer/basemap-switcher@0.4.3
+    - @open-pioneer/map@0.6.0
 
 ## 0.4.2
 
 ### Patch Changes
 
--   4140646: Update trails dependencies
--   4140646: Update to react 18.3.1
--   81bc7da: Update trails dependencies
--   2c092dc: Update dependencies
--   Updated dependencies [4140646]
--   Updated dependencies [4140646]
--   Updated dependencies [b5bb7a1]
--   Updated dependencies [81bc7da]
--   Updated dependencies [2c092dc]
--   Updated dependencies [4140646]
-    -   @open-pioneer/basemap-switcher@0.4.2
-    -   @open-pioneer/react-utils@0.2.3
-    -   @open-pioneer/map@0.5.1
+- 4140646: Update trails dependencies
+- 4140646: Update to react 18.3.1
+- 81bc7da: Update trails dependencies
+- 2c092dc: Update dependencies
+- Updated dependencies [4140646]
+- Updated dependencies [4140646]
+- Updated dependencies [b5bb7a1]
+- Updated dependencies [81bc7da]
+- Updated dependencies [2c092dc]
+- Updated dependencies [4140646]
+    - @open-pioneer/basemap-switcher@0.4.2
+    - @open-pioneer/react-utils@0.2.3
+    - @open-pioneer/map@0.5.1
 
 ## 0.4.1
 
 ### Patch Changes
 
--   Updated dependencies [520a97b]
-    -   @open-pioneer/map@0.5.0
-    -   @open-pioneer/basemap-switcher@0.4.1
+- Updated dependencies [520a97b]
+    - @open-pioneer/map@0.5.0
+    - @open-pioneer/basemap-switcher@0.4.1
 
 ## 0.4.0
 
 ### Minor Changes
 
--   9334e81: Update to OpenLayers 9
+- 9334e81: Update to OpenLayers 9
 
 ### Patch Changes
 
--   ca6c2fd: Don't remove uppercase characters in slugs
--   1a8ad89: Update package.json metadata
--   6162979: Update versions of core packages
--   Updated dependencies [1a8ad89]
--   Updated dependencies [a11bf72]
--   Updated dependencies [fc6bf82]
--   Updated dependencies [a0d8882]
--   Updated dependencies [6162979]
--   Updated dependencies [9334e81]
--   Updated dependencies [ac7fdd1]
--   Updated dependencies [13ea342]
-    -   @open-pioneer/basemap-switcher@0.4.0
-    -   @open-pioneer/react-utils@0.2.2
-    -   @open-pioneer/map@0.4.0
+- ca6c2fd: Don't remove uppercase characters in slugs
+- 1a8ad89: Update package.json metadata
+- 6162979: Update versions of core packages
+- Updated dependencies [1a8ad89]
+- Updated dependencies [a11bf72]
+- Updated dependencies [fc6bf82]
+- Updated dependencies [a0d8882]
+- Updated dependencies [6162979]
+- Updated dependencies [9334e81]
+- Updated dependencies [ac7fdd1]
+- Updated dependencies [13ea342]
+    - @open-pioneer/basemap-switcher@0.4.0
+    - @open-pioneer/react-utils@0.2.2
+    - @open-pioneer/map@0.4.0
 
 ## 0.3.1
 
 ### Patch Changes
 
--   Updated dependencies [611ddb9]
-    -   @open-pioneer/map@0.3.1
-    -   @open-pioneer/basemap-switcher@0.3.1
+- Updated dependencies [611ddb9]
+    - @open-pioneer/map@0.3.1
+    - @open-pioneer/basemap-switcher@0.3.1
 
 ## 0.3.0
 
 ### Minor Changes
 
--   ee7c2d4: Update runtime version.
+- ee7c2d4: Update runtime version.
 
 ### Patch Changes
 
--   0883bbd: Add property `menuPosition` to React Select.
--   Updated dependencies [6984d20]
--   Updated dependencies [0883bbd]
--   Updated dependencies [ee7c2d4]
--   Updated dependencies [a582e5e]
--   Updated dependencies [0456500]
--   Updated dependencies [762e7b9]
-    -   @open-pioneer/basemap-switcher@0.3.0
-    -   @open-pioneer/map@0.3.0
-    -   @open-pioneer/react-utils@0.2.1
+- 0883bbd: Add property `menuPosition` to React Select.
+- Updated dependencies [6984d20]
+- Updated dependencies [0883bbd]
+- Updated dependencies [ee7c2d4]
+- Updated dependencies [a582e5e]
+- Updated dependencies [0456500]
+- Updated dependencies [762e7b9]
+    - @open-pioneer/basemap-switcher@0.3.0
+    - @open-pioneer/map@0.3.0
+    - @open-pioneer/react-utils@0.2.1
 
 ## 0.2.0
 
 ### Minor Changes
 
--   70349a8: Update to new core packages major versions
+- 70349a8: Update to new core packages major versions
 
 ### Patch Changes
 
--   Updated dependencies [70349a8]
-    -   @open-pioneer/basemap-switcher@0.2.0
-    -   @open-pioneer/map@0.2.0
-    -   @open-pioneer/react-utils@0.2.0
+- Updated dependencies [70349a8]
+    - @open-pioneer/basemap-switcher@0.2.0
+    - @open-pioneer/map@0.2.0
+    - @open-pioneer/react-utils@0.2.0
 
 ## 0.1.1
 
 ### Patch Changes
 
--   Updated dependencies [08bffbc]
--   Updated dependencies [a58546b]
--   Updated dependencies [a58546b]
--   Updated dependencies [0c4ce04]
-    -   @open-pioneer/map@0.1.1
-    -   @open-pioneer/basemap-switcher@0.1.1
+- Updated dependencies [08bffbc]
+- Updated dependencies [a58546b]
+- Updated dependencies [a58546b]
+- Updated dependencies [0c4ce04]
+    - @open-pioneer/map@0.1.1
+    - @open-pioneer/basemap-switcher@0.1.1
 
 ## 0.1.0
 
 ### Minor Changes
 
--   cafb66b: Initial release.
+- cafb66b: Initial release.
 
 ### Patch Changes
 
--   Updated dependencies [bb2f27a]
--   Updated dependencies [1e7545c]
--   Updated dependencies [182da1c]
-    -   @open-pioneer/map@0.1.0
-    -   @open-pioneer/basemap-switcher@0.1.0
-    -   @open-pioneer/react-utils@0.1.0
+- Updated dependencies [bb2f27a]
+- Updated dependencies [1e7545c]
+- Updated dependencies [182da1c]
+    - @open-pioneer/map@0.1.0
+    - @open-pioneer/basemap-switcher@0.1.0
+    - @open-pioneer/react-utils@0.1.0

package/README.md

@@ -23,8 +23,8 @@ To show the toolset menu, set the `showTools` property to `true`.
 
 The default tools provided by the TOC are:
 
--   A button to hide all layers (sets `visibility` to false, enabled by default)
--   A button to collapse all groups (enabled by default if groups are collapsible)
+- A button to hide all layers (sets `visibility` to false, enabled by default)
+- A button to collapse all groups (enabled by default if groups are collapsible)
 
 These tools can be configured by using the `toolsConfig` property.
 

package/model/TocModel.js.map

@@ -1 +1 @@
-{"version":3,"file":"TocModel.js","sources":["TocModel.ts"],"sourcesContent":["// SPDX-FileCopyrightText: 2023 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { createContext, Provider, useContext } from \"react\";\n\nconst TocModelContext = createContext<TocModel | undefined>(undefined);\n\n/**\n * Provider for the toc's shared model.\n * Used at the root of the component.\n */\nexport const TocModelProvider: Provider<TocModel> = TocModelContext.Provider as Provider<TocModel>;\n\n/**\n * Returns the shared model for the current toc component.\n */\nexport function useTocModel(): TocModel {\n    const model = useContext(TocModelContext);\n    if (!model) {\n        throw new Error(\"Internal error: TocModel not found in context.\");\n    }\n    return model;\n}\n\n/**\n * Shared model used by the toc and all its sub-components.\n *\n * @internal\n */\nexport interface TocModel {\n    /**\n     * Return the global widget options.\n     *\n     * NOTE: The object itself is reactive, but individual properties are not (change -> replace).\n     */\n    readonly options: TocWidgetOptions;\n\n    /**\n     * Returns the item that corresponds with the `layerId`.\n     */\n    getItem(layerId: string): TocItem | undefined;\n\n    /**\n     * Returns the list of all items.\n     */\n    getItems(): TocItem[];\n\n    // Used by toc item components to register themselves\n    registerItem(item: TocItem): void;\n    unregisterItem(item: TocItem): void;\n}\n\n/**\n * Global toc widget options.\n *\n * @internal\n */\nexport interface TocWidgetOptions {\n    /**\n     * True: When showing a child, show all parents as well (`setVisible(true)`).\n     */\n    autoShowParents: boolean;\n\n    /**\n     * True: Layer items with children can be collapsed.\n     */\n    collapsibleGroups: boolean;\n\n    /**\n     * True: All groups are initially collapsed.\n     */\n    initiallyCollapsed: boolean;\n}\n\n/**\n * Represents an item in the toc.\n *\n * Currently items register themselves in the model when they are mounted\n * and remove themselves when they are unmounted.\n *\n * @internal\n */\nexport interface TocItem {\n    /**\n     * Identifier of the layer that corresponds with the list item.\n     */\n    readonly layerId: string;\n\n    /**\n     * true if list item is expanded.\n     */\n    readonly isExpanded: boolean;\n\n    /**\n     * Expands or collapses the list item.\n     *\n     * Note: not all list items support this operation.\n     */\n    setExpanded(expanded: boolean): void;\n}\n"],"names":[],"mappings":";;AAIA,MAAM,eAAA,GAAkB,cAAoC,KAAS,CAAA,CAAA,CAAA;AAM9D,MAAM,mBAAuC,eAAgB,CAAA,SAAA;AAK7D,SAAS,WAAwB,GAAA;AACpC,EAAM,MAAA,KAAA,GAAQ,WAAW,eAAe,CAAA,CAAA;AACxC,EAAA,IAAI,CAAC,KAAO,EAAA;AACR,IAAM,MAAA,IAAI,MAAM,gDAAgD,CAAA,CAAA;AAAA,GACpE;AACA,EAAO,OAAA,KAAA,CAAA;AACX;;;;"}
+{"version":3,"file":"TocModel.js","sources":["TocModel.ts"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { createContext, Provider, useContext } from \"react\";\n\nconst TocModelContext = createContext<TocModel | undefined>(undefined);\n\n/**\n * Provider for the toc's shared model.\n * Used at the root of the component.\n */\nexport const TocModelProvider: Provider<TocModel> = TocModelContext.Provider as Provider<TocModel>;\n\n/**\n * Returns the shared model for the current toc component.\n */\nexport function useTocModel(): TocModel {\n    const model = useContext(TocModelContext);\n    if (!model) {\n        throw new Error(\"Internal error: TocModel not found in context.\");\n    }\n    return model;\n}\n\n/**\n * Shared model used by the toc and all its sub-components.\n *\n * @internal\n */\nexport interface TocModel {\n    /**\n     * Return the global widget options.\n     *\n     * NOTE: The object itself is reactive, but individual properties are not (change -> replace).\n     */\n    readonly options: TocWidgetOptions;\n\n    /**\n     * Returns the item that corresponds with the `layerId`.\n     */\n    getItem(layerId: string): TocItem | undefined;\n\n    /**\n     * Returns the list of all items.\n     */\n    getItems(): TocItem[];\n\n    // Used by toc item components to register themselves\n    registerItem(item: TocItem): void;\n    unregisterItem(item: TocItem): void;\n}\n\n/**\n * Global toc widget options.\n *\n * @internal\n */\nexport interface TocWidgetOptions {\n    /**\n     * True: When showing a child, show all parents as well (`setVisible(true)`).\n     */\n    autoShowParents: boolean;\n\n    /**\n     * True: Layer items with children can be collapsed.\n     */\n    collapsibleGroups: boolean;\n\n    /**\n     * True: All groups are initially collapsed.\n     */\n    initiallyCollapsed: boolean;\n}\n\n/**\n * Represents an item in the toc.\n *\n * Currently items register themselves in the model when they are mounted\n * and remove themselves when they are unmounted.\n *\n * @internal\n */\nexport interface TocItem {\n    /**\n     * Identifier of the layer that corresponds with the list item.\n     */\n    readonly layerId: string;\n\n    /**\n     * true if list item is expanded.\n     */\n    readonly isExpanded: boolean;\n\n    /**\n     * Expands or collapses the list item.\n     *\n     * Note: not all list items support this operation.\n     */\n    setExpanded(expanded: boolean): void;\n}\n"],"names":[],"mappings":";;AAIA,MAAM,eAAA,GAAkB,cAAoC,MAAS,CAAA;AAM9D,MAAM,mBAAuC,eAAgB,CAAA;AAK7D,SAAS,WAAwB,GAAA;AACpC,EAAM,MAAA,KAAA,GAAQ,WAAW,eAAe,CAAA;AACxC,EAAA,IAAI,CAAC,KAAO,EAAA;AACR,IAAM,MAAA,IAAI,MAAM,gDAAgD,CAAA;AAAA;AAEpE,EAAO,OAAA,KAAA;AACX;;;;"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "@open-pioneer/toc",
-  "version": "0.9.0-dev.20250220091855",
+  "version": "0.9.0",
   "description": "This package provides a UI component that displays the map content to the user and allows them to control it.",
   "keywords": [
     "open-pioneer-trails"
@@ -14,18 +14,18 @@
     "directory": "src/packages/toc"
   },
   "dependencies": {
-    "@open-pioneer/chakra-integration": "^2.4.0",
-    "@open-pioneer/react-utils": "^2.4.0",
-    "@open-pioneer/runtime": "^2.4.0",
+    "@open-pioneer/chakra-integration": "^3.0.0",
+    "@open-pioneer/react-utils": "^3.0.0",
+    "@open-pioneer/runtime": "^3.0.0",
     "classnames": "^2.3.2",
-    "ol": "^10.3.0",
-    "react": "^18.3.1",
+    "ol": "^10.4.0",
+    "react": "^19.0.0",
     "react-icons": "^5.3.0",
     "@chakra-ui/icons": "^2.2.4",
-    "@open-pioneer/reactivity": "^2.4.0",
+    "@open-pioneer/reactivity": "^3.0.0",
     "@conterra/reactivity-core": "^0.4.3",
-    "@open-pioneer/basemap-switcher": "^0.9.0-dev.20250220091855",
-    "@open-pioneer/map": "^0.9.0-dev.20250220091855"
+    "@open-pioneer/basemap-switcher": "^0.9.0",
+    "@open-pioneer/map": "^0.9.0"
   },
   "exports": {
     "./package.json": "./package.json",

package/ui/LayerList/LayerItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"LayerItem.js","sources":["LayerItem.tsx"],"sourcesContent":["// SPDX-FileCopyrightText: 2023 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\n// SPDX-FileCopyrightText: 2023 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { ChevronDownIcon, ChevronRightIcon } from \"@chakra-ui/icons\";\nimport { reactive } from \"@conterra/reactivity-core\";\nimport {\n    Box,\n    Checkbox,\n    Collapse,\n    Flex,\n    IconButton,\n    Spacer,\n    Tooltip\n} from \"@open-pioneer/chakra-integration\";\nimport { AnyLayer } from \"@open-pioneer/map\";\nimport { useReactiveSnapshot } from \"@open-pioneer/reactivity\";\nimport classNames from \"classnames\";\nimport { useIntl } from \"open-pioneer:react-hooks\";\nimport { memo, useEffect, useId, useMemo } from \"react\";\nimport { FiAlertTriangle } from \"react-icons/fi\";\nimport { TocItem, useTocModel } from \"../../model/TocModel\";\nimport { slug } from \"../../utils/slug\";\nimport { useChildLayers, useLoadState } from \"./hooks\";\nimport { LayerItemMenu } from \"./LayerItemMenu\";\nimport { LayerList } from \"./LayerList\";\n\n/**\n * Renders a single layer as a list item.\n *\n * The item may have further nested list items if there are sublayers present.\n */\nexport const LayerItem = memo(function LayerItem(props: { layer: AnyLayer }): JSX.Element {\n    const { layer } = props;\n    const intl = useIntl();\n    const [tocItem, _tocModel, tocOptions] = useTocItem(layer);\n    const expanded = useReactiveSnapshot(() => tocItem.isExpanded, [tocItem]);\n    const isCollapsible = tocOptions ? tocOptions.collapsibleGroups : false;\n\n    const layerGroupId = useId();\n    const childLayers = useChildLayers(layer);\n    const isAvailable = useLoadState(layer) !== \"error\";\n    const notAvailableLabel = intl.formatMessage({ id: \"layerNotAvailable\" });\n    const { title, description, isVisible } = useReactiveSnapshot(() => {\n        return {\n            title: layer.title,\n            description: layer.description,\n            isVisible: layer.visible\n        };\n    }, [layer]);\n\n    let nestedChildren;\n    if (childLayers?.length) {\n        nestedChildren = (\n            <LayerList\n                layers={childLayers}\n                ml={4}\n                aria-label={intl.formatMessage({ id: \"childgroupLabel\" }, { title: title })}\n            />\n        );\n    }\n    return (\n        <Box as=\"li\" className={classNames(\"toc-layer-item\", `layer-${slug(layer.id)}`)}>\n            <Flex\n                className=\"toc-layer-item-content\"\n                width=\"100%\"\n                flexDirection=\"row\"\n                align=\"center\"\n                justifyContent=\"space-between\"\n                /** Gap to prevent bleeding of the buttons hover style into the layer title */\n                gap={2}\n                /** Aligned to the size of the (potential) menu button in LayerItemDescriptor */\n                minHeight={10}\n            >\n                {isCollapsible && (\n                    <CollapseButton\n                        layerTitle={title}\n                        layerGroupId={layerGroupId}\n                        expanded={expanded}\n                        onClick={() => tocItem.setExpanded(!expanded)}\n                        hasNestedChildren={!!nestedChildren}\n                    />\n                )}\n                <Checkbox\n                    // Keyboard navigation jumps only to Checkboxes and uses the texts inside this DOM node.\n                    // The aria-labels of Tooltip and Icon is ignored by screenreader because they are no child element of the checkbox.\n                    // To consider the notAvailableLabel, an aria-label at the checkbox is necessary.\n                    aria-label={title + (!isAvailable ? \" \" + notAvailableLabel : \"\")}\n                    isChecked={isVisible}\n                    isDisabled={!isAvailable}\n                    onChange={(event) =>\n                        updateLayerVisibility(\n                            layer,\n                            event.target.checked,\n                            tocOptions.autoShowParents\n                        )\n                    }\n                >\n                    {title}\n                </Checkbox>\n                {!isAvailable && (\n                    <Tooltip\n                        className=\"toc-layer-item-content-tooltip\"\n                        label={notAvailableLabel}\n                        placement=\"right\"\n                        openDelay={500}\n                    >\n                        <span>\n                            <FiAlertTriangle\n                                className=\"toc-layer-item-content-icon\"\n                                color={\"red\"}\n                                aria-label={notAvailableLabel}\n                            />\n                        </span>\n                    </Tooltip>\n                )}\n                <Spacer />\n                <LayerItemMenu layer={layer} title={title} description={description} intl={intl} />\n            </Flex>\n            {nestedChildren && (\n                <Collapse in={expanded} id={layerGroupId} className=\"toc-collapsible-item\">\n                    {nestedChildren}\n                </Collapse>\n            )}\n        </Box>\n    );\n});\n\nfunction CollapseButton(props: {\n    layerTitle: string;\n    layerGroupId: string;\n    expanded: boolean;\n    onClick: () => void;\n    hasNestedChildren: boolean;\n}) {\n    const { layerTitle, layerGroupId, expanded, onClick, hasNestedChildren } = props;\n    const intl = useIntl();\n    return (\n        <IconButton\n            variant=\"ghost\"\n            borderRadius=\"full\"\n            padding={0}\n            className=\"toc-layer-item-collapse-button\"\n            onClick={onClick}\n            icon={expanded ? <ChevronDownIcon /> : <ChevronRightIcon />}\n            aria-label={\n                expanded\n                    ? intl.formatMessage({ id: \"group.collapse\" }, { title: layerTitle })\n                    : intl.formatMessage({ id: \"group.expand\" }, { title: layerTitle })\n            }\n            aria-expanded={expanded}\n            aria-controls={layerGroupId}\n            visibility={hasNestedChildren ? \"visible\" : \"hidden\"} //use visible:hidden for layers without children for correct indent\n        />\n    );\n}\n\n// Creates a toc item and registers it with the shared toc model.\nfunction useTocItem(layer: AnyLayer) {\n    const tocModel = useTocModel();\n    const options = useReactiveSnapshot(() => tocModel.options, [tocModel]);\n    const tocItem = useMemo((): TocItem => {\n        const expanded = reactive(!options.initiallyCollapsed);\n        return {\n            layerId: layer.id,\n            get isExpanded(): boolean {\n                return expanded.value;\n            },\n            setExpanded(expand: boolean) {\n                expanded.value = expand;\n            }\n        };\n        // TODO: isCollapsed -> recreate model is ok?\n    }, [layer, options.initiallyCollapsed]);\n\n    // Register the item on the shared toc model\n    useEffect(() => {\n        tocModel.registerItem(tocItem);\n        return () => tocModel.unregisterItem(tocItem);\n    }, [tocModel, tocItem]);\n\n    return [tocItem, tocModel, options] as const;\n}\n\nfunction updateLayerVisibility(layer: AnyLayer, visible: boolean, autoShowParents: boolean) {\n    layer.setVisible(visible);\n    if (visible && autoShowParents && layer.parent) {\n        updateLayerVisibility(layer.parent, true, true);\n    }\n}\n"],"names":["LayerItem"],"mappings":"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"}
+{"version":3,"file":"LayerItem.js","sources":["LayerItem.tsx"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\n// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { ChevronDownIcon, ChevronRightIcon } from \"@chakra-ui/icons\";\nimport { reactive } from \"@conterra/reactivity-core\";\nimport {\n    Box,\n    Checkbox,\n    Collapse,\n    Flex,\n    IconButton,\n    Spacer,\n    Tooltip\n} from \"@open-pioneer/chakra-integration\";\nimport { AnyLayer } from \"@open-pioneer/map\";\nimport { useReactiveSnapshot } from \"@open-pioneer/reactivity\";\nimport classNames from \"classnames\";\nimport { useIntl } from \"open-pioneer:react-hooks\";\nimport { memo, ReactNode, useEffect, useId, useMemo } from \"react\";\nimport { FiAlertTriangle } from \"react-icons/fi\";\nimport { TocItem, useTocModel } from \"../../model/TocModel\";\nimport { slug } from \"../../utils/slug\";\nimport { useChildLayers, useLoadState } from \"./hooks\";\nimport { LayerItemMenu } from \"./LayerItemMenu\";\nimport { LayerList } from \"./LayerList\";\n\n/**\n * Renders a single layer as a list item.\n *\n * The item may have further nested list items if there are sublayers present.\n */\nexport const LayerItem = memo(function LayerItem(props: { layer: AnyLayer }): ReactNode {\n    const { layer } = props;\n    const intl = useIntl();\n    const [tocItem, _tocModel, tocOptions] = useTocItem(layer);\n    const expanded = useReactiveSnapshot(() => tocItem.isExpanded, [tocItem]);\n    const isCollapsible = tocOptions ? tocOptions.collapsibleGroups : false;\n\n    const layerGroupId = useId();\n    const childLayers = useChildLayers(layer);\n    const isAvailable = useLoadState(layer) !== \"error\";\n    const notAvailableLabel = intl.formatMessage({ id: \"layerNotAvailable\" });\n    const { title, description, isVisible } = useReactiveSnapshot(() => {\n        return {\n            title: layer.title,\n            description: layer.description,\n            isVisible: layer.visible\n        };\n    }, [layer]);\n\n    let nestedChildren;\n    if (childLayers?.length) {\n        nestedChildren = (\n            <LayerList\n                layers={childLayers}\n                ml={4}\n                aria-label={intl.formatMessage({ id: \"childgroupLabel\" }, { title: title })}\n            />\n        );\n    }\n    return (\n        <Box as=\"li\" className={classNames(\"toc-layer-item\", `layer-${slug(layer.id)}`)}>\n            <Flex\n                className=\"toc-layer-item-content\"\n                width=\"100%\"\n                flexDirection=\"row\"\n                align=\"center\"\n                justifyContent=\"space-between\"\n                /** Gap to prevent bleeding of the buttons hover style into the layer title */\n                gap={2}\n                /** Aligned to the size of the (potential) menu button in LayerItemDescriptor */\n                minHeight={10}\n            >\n                {isCollapsible && (\n                    <CollapseButton\n                        layerTitle={title}\n                        layerGroupId={layerGroupId}\n                        expanded={expanded}\n                        onClick={() => tocItem.setExpanded(!expanded)}\n                        hasNestedChildren={!!nestedChildren}\n                    />\n                )}\n                <Checkbox\n                    // Keyboard navigation jumps only to Checkboxes and uses the texts inside this DOM node.\n                    // The aria-labels of Tooltip and Icon is ignored by screenreader because they are no child element of the checkbox.\n                    // To consider the notAvailableLabel, an aria-label at the checkbox is necessary.\n                    aria-label={title + (!isAvailable ? \" \" + notAvailableLabel : \"\")}\n                    isChecked={isVisible}\n                    isDisabled={!isAvailable}\n                    onChange={(event) =>\n                        updateLayerVisibility(\n                            layer,\n                            event.target.checked,\n                            tocOptions.autoShowParents\n                        )\n                    }\n                >\n                    {title}\n                </Checkbox>\n                {!isAvailable && (\n                    <Tooltip\n                        className=\"toc-layer-item-content-tooltip\"\n                        label={notAvailableLabel}\n                        placement=\"right\"\n                        openDelay={500}\n                    >\n                        <span>\n                            <FiAlertTriangle\n                                className=\"toc-layer-item-content-icon\"\n                                color={\"red\"}\n                                aria-label={notAvailableLabel}\n                            />\n                        </span>\n                    </Tooltip>\n                )}\n                <Spacer />\n                <LayerItemMenu layer={layer} title={title} description={description} intl={intl} />\n            </Flex>\n            {nestedChildren && (\n                <Collapse in={expanded} id={layerGroupId} className=\"toc-collapsible-item\">\n                    {nestedChildren}\n                </Collapse>\n            )}\n        </Box>\n    );\n});\n\nfunction CollapseButton(props: {\n    layerTitle: string;\n    layerGroupId: string;\n    expanded: boolean;\n    onClick: () => void;\n    hasNestedChildren: boolean;\n}) {\n    const { layerTitle, layerGroupId, expanded, onClick, hasNestedChildren } = props;\n    const intl = useIntl();\n    return (\n        <IconButton\n            variant=\"ghost\"\n            borderRadius=\"full\"\n            padding={0}\n            className=\"toc-layer-item-collapse-button\"\n            onClick={onClick}\n            icon={expanded ? <ChevronDownIcon /> : <ChevronRightIcon />}\n            aria-label={\n                expanded\n                    ? intl.formatMessage({ id: \"group.collapse\" }, { title: layerTitle })\n                    : intl.formatMessage({ id: \"group.expand\" }, { title: layerTitle })\n            }\n            aria-expanded={expanded}\n            aria-controls={layerGroupId}\n            visibility={hasNestedChildren ? \"visible\" : \"hidden\"} //use visible:hidden for layers without children for correct indent\n        />\n    );\n}\n\n// Creates a toc item and registers it with the shared toc model.\nfunction useTocItem(layer: AnyLayer) {\n    const tocModel = useTocModel();\n    const options = useReactiveSnapshot(() => tocModel.options, [tocModel]);\n    const tocItem = useMemo((): TocItem => {\n        const expanded = reactive(!options.initiallyCollapsed);\n        return {\n            layerId: layer.id,\n            get isExpanded(): boolean {\n                return expanded.value;\n            },\n            setExpanded(expand: boolean) {\n                expanded.value = expand;\n            }\n        };\n    }, [layer, options.initiallyCollapsed]);\n\n    // Register the item on the shared toc model\n    useEffect(() => {\n        tocModel.registerItem(tocItem);\n        return () => tocModel.unregisterItem(tocItem);\n    }, [tocModel, tocItem]);\n\n    return [tocItem, tocModel, options] as const;\n}\n\nfunction updateLayerVisibility(layer: AnyLayer, visible: boolean, autoShowParents: boolean) {\n    layer.setVisible(visible);\n    if (visible && autoShowParents && layer.parent) {\n        updateLayerVisibility(layer.parent, true, true);\n    }\n}\n"],"names":["LayerItem"],"mappings":"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"}

package/ui/LayerList/LayerItemMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"LayerItemMenu.js","sources":["LayerItemMenu.tsx"],"sourcesContent":["// SPDX-FileCopyrightText: 2023 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport {\n    Button,\n    Popover,\n    PopoverArrow,\n    PopoverBody,\n    PopoverCloseButton,\n    PopoverContent,\n    PopoverHeader,\n    PopoverTrigger,\n    Portal\n} from \"@open-pioneer/chakra-integration\";\nimport { AnyLayer } from \"@open-pioneer/map\";\nimport { PackageIntl } from \"@open-pioneer/runtime\";\nimport { FiMoreVertical } from \"react-icons/fi\";\nimport { useLoadState } from \"./hooks\";\n\nexport function LayerItemMenu(props: {\n    layer: AnyLayer;\n    title: string;\n    description: string;\n    intl: PackageIntl;\n}) {\n    const { layer, title, description, intl } = props;\n    const isPresent = !!description;\n    const buttonLabel = intl.formatMessage({ id: \"descriptionLabel\" });\n    const isAvailable = useLoadState(layer) !== \"error\";\n\n    return (\n        isPresent && (\n            <Popover placement=\"bottom-start\">\n                <PopoverTrigger>\n                    <Button\n                        isDisabled={!isAvailable}\n                        className=\"toc-layer-item-details-button\"\n                        aria-label={buttonLabel}\n                        borderRadius=\"full\"\n                        iconSpacing={0}\n                        padding={0}\n                        variant=\"ghost\"\n                        leftIcon={<FiMoreVertical />}\n                    />\n                </PopoverTrigger>\n                <Portal>\n                    <PopoverContent\n                        className=\"toc-layer-item-details\"\n                        overflowY=\"auto\"\n                        maxHeight=\"400\"\n                    >\n                        <PopoverArrow />\n                        <PopoverCloseButton mt={1} />\n                        <PopoverHeader>{title}</PopoverHeader>\n                        <PopoverBody>{description}</PopoverBody>\n                    </PopoverContent>\n                </Portal>\n            </Popover>\n        )\n    );\n}\n"],"names":[],"mappings":";;;;;AAkBO,SAAS,cAAc,KAK3B,EAAA;AACC,EAAA,MAAM,EAAE,KAAA,EAAO,KAAO,EAAA,WAAA,EAAa,MAAS,GAAA,KAAA,CAAA;AAC5C,EAAM,MAAA,SAAA,GAAY,CAAC,CAAC,WAAA,CAAA;AACpB,EAAA,MAAM,cAAc,IAAK,CAAA,aAAA,CAAc,EAAE,EAAA,EAAI,oBAAoB,CAAA,CAAA;AACjE,EAAM,MAAA,WAAA,GAAc,YAAa,CAAA,KAAK,CAAM,KAAA,OAAA,CAAA;AAE5C,EAAA,OACI,SACI,oBAAA,IAAA,CAAC,OAAQ,EAAA,EAAA,SAAA,EAAU,cACf,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,cACG,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACG,YAAY,CAAC,WAAA;AAAA,QACb,SAAU,EAAA,+BAAA;AAAA,QACV,YAAY,EAAA,WAAA;AAAA,QACZ,YAAa,EAAA,MAAA;AAAA,QACb,WAAa,EAAA,CAAA;AAAA,QACb,OAAS,EAAA,CAAA;AAAA,QACT,OAAQ,EAAA,OAAA;AAAA,QACR,QAAA,sBAAW,cAAe,EAAA,EAAA,CAAA;AAAA,OAAA;AAAA,KAElC,EAAA,CAAA;AAAA,wBACC,MACG,EAAA,EAAA,QAAA,kBAAA,IAAA;AAAA,MAAC,cAAA;AAAA,MAAA;AAAA,QACG,SAAU,EAAA,wBAAA;AAAA,QACV,SAAU,EAAA,MAAA;AAAA,QACV,SAAU,EAAA,KAAA;AAAA,QAEV,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,YAAa,EAAA,EAAA,CAAA;AAAA,0BACd,GAAA,CAAC,kBAAmB,EAAA,EAAA,EAAA,EAAI,CAAG,EAAA,CAAA;AAAA,0BAC3B,GAAA,CAAC,iBAAe,QAAM,EAAA,KAAA,EAAA,CAAA;AAAA,0BACtB,GAAA,CAAC,eAAa,QAAY,EAAA,WAAA,EAAA,CAAA;AAAA,SAAA;AAAA,OAAA;AAAA,KAElC,EAAA,CAAA;AAAA,GACJ,EAAA,CAAA,CAAA;AAGZ;;;;"}
+{"version":3,"file":"LayerItemMenu.js","sources":["LayerItemMenu.tsx"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport {\n    Button,\n    Popover,\n    PopoverArrow,\n    PopoverBody,\n    PopoverCloseButton,\n    PopoverContent,\n    PopoverHeader,\n    PopoverTrigger,\n    Portal\n} from \"@open-pioneer/chakra-integration\";\nimport { AnyLayer } from \"@open-pioneer/map\";\nimport { PackageIntl } from \"@open-pioneer/runtime\";\nimport { FiMoreVertical } from \"react-icons/fi\";\nimport { useLoadState } from \"./hooks\";\n\nexport function LayerItemMenu(props: {\n    layer: AnyLayer;\n    title: string;\n    description: string;\n    intl: PackageIntl;\n}) {\n    const { layer, title, description, intl } = props;\n    const isPresent = !!description;\n    const buttonLabel = intl.formatMessage({ id: \"descriptionLabel\" });\n    const isAvailable = useLoadState(layer) !== \"error\";\n\n    return (\n        isPresent && (\n            <Popover placement=\"bottom-start\">\n                <PopoverTrigger>\n                    <Button\n                        isDisabled={!isAvailable}\n                        className=\"toc-layer-item-details-button\"\n                        aria-label={buttonLabel}\n                        borderRadius=\"full\"\n                        iconSpacing={0}\n                        padding={0}\n                        variant=\"ghost\"\n                        leftIcon={<FiMoreVertical />}\n                    />\n                </PopoverTrigger>\n                <Portal>\n                    <PopoverContent\n                        className=\"toc-layer-item-details\"\n                        overflowY=\"auto\"\n                        maxHeight=\"400\"\n                    >\n                        <PopoverArrow />\n                        <PopoverCloseButton mt={1} />\n                        <PopoverHeader>{title}</PopoverHeader>\n                        <PopoverBody>{description}</PopoverBody>\n                    </PopoverContent>\n                </Portal>\n            </Popover>\n        )\n    );\n}\n"],"names":[],"mappings":";;;;;AAkBO,SAAS,cAAc,KAK3B,EAAA;AACC,EAAA,MAAM,EAAE,KAAA,EAAO,KAAO,EAAA,WAAA,EAAa,MAAS,GAAA,KAAA;AAC5C,EAAM,MAAA,SAAA,GAAY,CAAC,CAAC,WAAA;AACpB,EAAA,MAAM,cAAc,IAAK,CAAA,aAAA,CAAc,EAAE,EAAA,EAAI,oBAAoB,CAAA;AACjE,EAAM,MAAA,WAAA,GAAc,YAAa,CAAA,KAAK,CAAM,KAAA,OAAA;AAE5C,EAAA,OACI,SACI,oBAAA,IAAA,CAAC,OAAQ,EAAA,EAAA,SAAA,EAAU,cACf,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,cACG,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACG,YAAY,CAAC,WAAA;AAAA,QACb,SAAU,EAAA,+BAAA;AAAA,QACV,YAAY,EAAA,WAAA;AAAA,QACZ,YAAa,EAAA,MAAA;AAAA,QACb,WAAa,EAAA,CAAA;AAAA,QACb,OAAS,EAAA,CAAA;AAAA,QACT,OAAQ,EAAA,OAAA;AAAA,QACR,QAAA,sBAAW,cAAe,EAAA,EAAA;AAAA;AAAA,KAElC,EAAA,CAAA;AAAA,wBACC,MACG,EAAA,EAAA,QAAA,kBAAA,IAAA;AAAA,MAAC,cAAA;AAAA,MAAA;AAAA,QACG,SAAU,EAAA,wBAAA;AAAA,QACV,SAAU,EAAA,MAAA;AAAA,QACV,SAAU,EAAA,KAAA;AAAA,QAEV,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,YAAa,EAAA,EAAA,CAAA;AAAA,0BACd,GAAA,CAAC,kBAAmB,EAAA,EAAA,EAAA,EAAI,CAAG,EAAA,CAAA;AAAA,0BAC3B,GAAA,CAAC,iBAAe,QAAM,EAAA,KAAA,EAAA,CAAA;AAAA,0BACtB,GAAA,CAAC,eAAa,QAAY,EAAA,WAAA,EAAA;AAAA;AAAA;AAAA,KAElC,EAAA;AAAA,GACJ,EAAA,CAAA;AAGZ;;;;"}

package/ui/LayerList/LayerList.js

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { Text, Box, List } from '@open-pioneer/chakra-integration';
+import { Box, List, Text } from '@open-pioneer/chakra-integration';
 import { useIntl } from '../../_virtual/_virtual-pioneer-module_react-hooks.js';
 import { memo, useMemo } from 'react';
 import { LayerItem } from './LayerItem.js';

package/ui/LayerList/LayerList.js.map

@@ -1 +1 @@
-{"version":3,"file":"LayerList.js","sources":["LayerList.tsx"],"sourcesContent":["// SPDX-FileCopyrightText: 2023 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { Box, List, ListProps, Text } from \"@open-pioneer/chakra-integration\";\nimport { AnyLayer, MapModel } from \"@open-pioneer/map\";\nimport { useIntl } from \"open-pioneer:react-hooks\";\nimport { memo, useMemo } from \"react\";\nimport { LayerItem } from \"./LayerItem\";\nimport { useLayers } from \"./hooks\";\n\ninterface TopLevelLayerListProps {\n    map: MapModel;\n\n    /** The label of the list group (<ul>) */\n    \"aria-label\"?: string;\n}\n\n/**\n * Lists the operational layers in the map.\n */\nexport const TopLevelLayerList = memo(function TopLevelLayerList(props: TopLevelLayerListProps) {\n    const { map, \"aria-label\": ariaLabel } = props;\n    const intl = useIntl();\n    const layers = useLayers(map);\n\n    if (!layers.length) {\n        return (\n            <Text className=\"toc-missing-layers\" aria-label={ariaLabel}>\n                {intl.formatMessage({ id: \"missingLayers\" })}\n            </Text>\n        );\n    }\n\n    return <LayerList layers={layers} aria-label={ariaLabel} />;\n});\n\n/**\n * Renders the given layers as a list (<ul>).\n */\nexport const LayerList = memo(function LayerList(props: { layers: AnyLayer[] } & ListProps) {\n    const { layers, ...listProps } = props;\n    const items = useMemo(\n        () => layers.map((layer) => <LayerItem key={layer.id} layer={layer} />),\n        [layers]\n    );\n\n    return (\n        <Box>\n            <List\n                // Note: not using UnorderedList because it adds default margins\n                as=\"ul\"\n                className=\"toc-layer-list\"\n                listStyleType=\"none\"\n                role=\"group\"\n                {...listProps}\n            >\n                {items}\n            </List>\n        </Box>\n    );\n});\n"],"names":["TopLevelLayerList","LayerList"],"mappings":";;;;;;;AAmBO,MAAM,iBAAoB,GAAA,IAAA,CAAK,SAASA,kBAAAA,CAAkB,KAA+B,EAAA;AAC5F,EAAA,MAAM,EAAE,GAAA,EAAK,YAAc,EAAA,SAAA,EAAc,GAAA,KAAA,CAAA;AACzC,EAAA,MAAM,OAAO,OAAQ,EAAA,CAAA;AACrB,EAAM,MAAA,MAAA,GAAS,UAAU,GAAG,CAAA,CAAA;AAE5B,EAAI,IAAA,CAAC,OAAO,MAAQ,EAAA;AAChB,IAAA,uBACK,GAAA,CAAA,IAAA,EAAA,EAAK,SAAU,EAAA,oBAAA,EAAqB,YAAY,EAAA,SAAA,EAC5C,QAAK,EAAA,IAAA,CAAA,aAAA,CAAc,EAAE,EAAA,EAAI,eAAgB,EAAC,CAC/C,EAAA,CAAA,CAAA;AAAA,GAER;AAEA,EAAA,uBAAQ,GAAA,CAAA,SAAA,EAAA,EAAU,MAAgB,EAAA,YAAA,EAAY,SAAW,EAAA,CAAA,CAAA;AAC7D,CAAC,EAAA;AAKM,MAAM,SAAY,GAAA,IAAA,CAAK,SAASC,UAAAA,CAAU,KAA2C,EAAA;AACxF,EAAA,MAAM,EAAE,MAAA,EAAQ,GAAG,SAAA,EAAc,GAAA,KAAA,CAAA;AACjC,EAAA,MAAM,KAAQ,GAAA,OAAA;AAAA,IACV,MAAM,MAAO,CAAA,GAAA,CAAI,CAAC,KAAA,yBAAW,SAAyB,EAAA,EAAA,KAAA,EAAA,EAAV,KAAM,CAAA,EAAkB,CAAE,CAAA;AAAA,IACtE,CAAC,MAAM,CAAA;AAAA,GACX,CAAA;AAEA,EAAA,2BACK,GACG,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MAEG,EAAG,EAAA,IAAA;AAAA,MACH,SAAU,EAAA,gBAAA;AAAA,MACV,aAAc,EAAA,MAAA;AAAA,MACd,IAAK,EAAA,OAAA;AAAA,MACJ,GAAG,SAAA;AAAA,MAEH,QAAA,EAAA,KAAA;AAAA,KAAA;AAAA,GAET,EAAA,CAAA,CAAA;AAER,CAAC;;;;"}
+{"version":3,"file":"LayerList.js","sources":["LayerList.tsx"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { Box, List, ListProps, Text } from \"@open-pioneer/chakra-integration\";\nimport { AnyLayer, MapModel } from \"@open-pioneer/map\";\nimport { useIntl } from \"open-pioneer:react-hooks\";\nimport { memo, useMemo } from \"react\";\nimport { LayerItem } from \"./LayerItem\";\nimport { useLayers } from \"./hooks\";\n\ninterface TopLevelLayerListProps {\n    map: MapModel;\n\n    /** The label of the list group (<ul>) */\n    \"aria-label\"?: string;\n}\n\n/**\n * Lists the operational layers in the map.\n */\nexport const TopLevelLayerList = memo(function TopLevelLayerList(props: TopLevelLayerListProps) {\n    const { map, \"aria-label\": ariaLabel } = props;\n    const intl = useIntl();\n    const layers = useLayers(map);\n\n    if (!layers.length) {\n        return (\n            <Text className=\"toc-missing-layers\" aria-label={ariaLabel}>\n                {intl.formatMessage({ id: \"missingLayers\" })}\n            </Text>\n        );\n    }\n\n    return <LayerList layers={layers} aria-label={ariaLabel} />;\n});\n\n/**\n * Renders the given layers as a list (<ul>).\n */\nexport const LayerList = memo(function LayerList(props: { layers: AnyLayer[] } & ListProps) {\n    const { layers, ...listProps } = props;\n    const items = useMemo(\n        () => layers.map((layer) => <LayerItem key={layer.id} layer={layer} />),\n        [layers]\n    );\n\n    return (\n        <Box>\n            <List\n                // Note: not using UnorderedList because it adds default margins\n                as=\"ul\"\n                className=\"toc-layer-list\"\n                listStyleType=\"none\"\n                role=\"group\"\n                {...listProps}\n            >\n                {items}\n            </List>\n        </Box>\n    );\n});\n"],"names":["TopLevelLayerList","LayerList"],"mappings":";;;;;;;AAmBO,MAAM,iBAAoB,GAAA,IAAA,CAAK,SAASA,kBAAAA,CAAkB,KAA+B,EAAA;AAC5F,EAAA,MAAM,EAAE,GAAA,EAAK,YAAc,EAAA,SAAA,EAAc,GAAA,KAAA;AACzC,EAAA,MAAM,OAAO,OAAQ,EAAA;AACrB,EAAM,MAAA,MAAA,GAAS,UAAU,GAAG,CAAA;AAE5B,EAAI,IAAA,CAAC,OAAO,MAAQ,EAAA;AAChB,IAAA,uBACK,GAAA,CAAA,IAAA,EAAA,EAAK,SAAU,EAAA,oBAAA,EAAqB,YAAY,EAAA,SAAA,EAC5C,QAAK,EAAA,IAAA,CAAA,aAAA,CAAc,EAAE,EAAA,EAAI,eAAgB,EAAC,CAC/C,EAAA,CAAA;AAAA;AAIR,EAAA,uBAAQ,GAAA,CAAA,SAAA,EAAA,EAAU,MAAgB,EAAA,YAAA,EAAY,SAAW,EAAA,CAAA;AAC7D,CAAC;AAKM,MAAM,SAAY,GAAA,IAAA,CAAK,SAASC,UAAAA,CAAU,KAA2C,EAAA;AACxF,EAAA,MAAM,EAAE,MAAA,EAAQ,GAAG,SAAA,EAAc,GAAA,KAAA;AACjC,EAAA,MAAM,KAAQ,GAAA,OAAA;AAAA,IACV,MAAM,MAAO,CAAA,GAAA,CAAI,CAAC,KAAA,yBAAW,SAAyB,EAAA,EAAA,KAAA,EAAA,EAAV,KAAM,CAAA,EAAkB,CAAE,CAAA;AAAA,IACtE,CAAC,MAAM;AAAA,GACX;AAEA,EAAA,2BACK,GACG,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MAEG,EAAG,EAAA,IAAA;AAAA,MACH,SAAU,EAAA,gBAAA;AAAA,MACV,aAAc,EAAA,MAAA;AAAA,MACd,IAAK,EAAA,OAAA;AAAA,MACJ,GAAG,SAAA;AAAA,MAEH,QAAA,EAAA;AAAA;AAAA,GAET,EAAA,CAAA;AAER,CAAC;;;;"}

package/ui/LayerList/hooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.js","sources":["hooks.ts"],"sourcesContent":["// SPDX-FileCopyrightText: 2023 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { AnyLayer, isSublayer, Layer, MapModel } from \"@open-pioneer/map\";\nimport { useReactiveSnapshot } from \"@open-pioneer/reactivity\";\n\n/** Returns the top level operational layers in render order (topmost layer first). */\nexport function useLayers(map: MapModel): Layer[] {\n    return useReactiveSnapshot(() => {\n        const layers = map.layers.getOperationalLayers({ sortByDisplayOrder: true }) ?? [];\n        layers.reverse(); // render topmost layer first\n        return layers;\n    }, [map]);\n}\n\n/**\n * Returns the child layers (sublayers or layers contained in a group layer) of a layer.\n * Layers are returned in render order (topmost sublayer first).\n */\nexport function useChildLayers(layer: AnyLayer): AnyLayer[] | undefined {\n    return useReactiveSnapshot(() => {\n        const children = layer.children?.getItems({ sortByDisplayOrder: true });\n        children?.reverse(); // render topmost layer first\n        return children;\n    }, [layer]);\n}\n\n/** Returns the layers current state. */\nexport function useLoadState(layer: AnyLayer): string {\n    return useReactiveSnapshot(() => {\n        // for sublayers, use the state of the parent\n        const target = isSublayer(layer) ? layer.parentLayer : layer;\n        return target.loadState;\n    }, [layer]);\n}\n"],"names":[],"mappings":";;;AAMO,SAAS,UAAU,GAAwB,EAAA;AAC9C,EAAA,OAAO,oBAAoB,MAAM;AAC7B,IAAM,MAAA,MAAA,GAAS,IAAI,MAAO,CAAA,oBAAA,CAAqB,EAAE,kBAAoB,EAAA,IAAA,EAAM,CAAA,IAAK,EAAC,CAAA;AACjF,IAAA,MAAA,CAAO,OAAQ,EAAA,CAAA;AACf,IAAO,OAAA,MAAA,CAAA;AAAA,GACX,EAAG,CAAC,GAAG,CAAC,CAAA,CAAA;AACZ,CAAA;AAMO,SAAS,eAAe,KAAyC,EAAA;AACpE,EAAA,OAAO,oBAAoB,MAAM;AAC7B,IAAA,MAAM,WAAW,KAAM,CAAA,QAAA,EAAU,SAAS,EAAE,kBAAA,EAAoB,MAAM,CAAA,CAAA;AACtE,IAAA,QAAA,EAAU,OAAQ,EAAA,CAAA;AAClB,IAAO,OAAA,QAAA,CAAA;AAAA,GACX,EAAG,CAAC,KAAK,CAAC,CAAA,CAAA;AACd,CAAA;AAGO,SAAS,aAAa,KAAyB,EAAA;AAClD,EAAA,OAAO,oBAAoB,MAAM;AAE7B,IAAA,MAAM,MAAS,GAAA,UAAA,CAAW,KAAK,CAAA,GAAI,MAAM,WAAc,GAAA,KAAA,CAAA;AACvD,IAAA,OAAO,MAAO,CAAA,SAAA,CAAA;AAAA,GAClB,EAAG,CAAC,KAAK,CAAC,CAAA,CAAA;AACd;;;;"}
+{"version":3,"file":"hooks.js","sources":["hooks.ts"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { AnyLayer, isSublayer, Layer, MapModel } from \"@open-pioneer/map\";\nimport { useReactiveSnapshot } from \"@open-pioneer/reactivity\";\n\n/** Returns the top level operational layers in render order (topmost layer first). */\nexport function useLayers(map: MapModel): Layer[] {\n    return useReactiveSnapshot(() => {\n        const layers = map.layers.getOperationalLayers({ sortByDisplayOrder: true }) ?? [];\n        layers.reverse(); // render topmost layer first\n        return layers;\n    }, [map]);\n}\n\n/**\n * Returns the child layers (sublayers or layers contained in a group layer) of a layer.\n * Layers are returned in render order (topmost sublayer first).\n */\nexport function useChildLayers(layer: AnyLayer): AnyLayer[] | undefined {\n    return useReactiveSnapshot(() => {\n        const children = layer.children?.getItems({ sortByDisplayOrder: true });\n        children?.reverse(); // render topmost layer first\n        return children;\n    }, [layer]);\n}\n\n/** Returns the layers current state. */\nexport function useLoadState(layer: AnyLayer): string {\n    return useReactiveSnapshot(() => {\n        // for sublayers, use the state of the parent\n        const target = isSublayer(layer) ? layer.parentLayer : layer;\n        return target.loadState;\n    }, [layer]);\n}\n"],"names":[],"mappings":";;;AAMO,SAAS,UAAU,GAAwB,EAAA;AAC9C,EAAA,OAAO,oBAAoB,MAAM;AAC7B,IAAM,MAAA,MAAA,GAAS,IAAI,MAAO,CAAA,oBAAA,CAAqB,EAAE,kBAAoB,EAAA,IAAA,EAAM,CAAA,IAAK,EAAC;AACjF,IAAA,MAAA,CAAO,OAAQ,EAAA;AACf,IAAO,OAAA,MAAA;AAAA,GACX,EAAG,CAAC,GAAG,CAAC,CAAA;AACZ;AAMO,SAAS,eAAe,KAAyC,EAAA;AACpE,EAAA,OAAO,oBAAoB,MAAM;AAC7B,IAAA,MAAM,WAAW,KAAM,CAAA,QAAA,EAAU,SAAS,EAAE,kBAAA,EAAoB,MAAM,CAAA;AACtE,IAAA,QAAA,EAAU,OAAQ,EAAA;AAClB,IAAO,OAAA,QAAA;AAAA,GACX,EAAG,CAAC,KAAK,CAAC,CAAA;AACd;AAGO,SAAS,aAAa,KAAyB,EAAA;AAClD,EAAA,OAAO,oBAAoB,MAAM;AAE7B,IAAA,MAAM,MAAS,GAAA,UAAA,CAAW,KAAK,CAAA,GAAI,MAAM,WAAc,GAAA,KAAA;AACvD,IAAA,OAAO,MAAO,CAAA,SAAA;AAAA,GAClB,EAAG,CAAC,KAAK,CAAC,CAAA;AACd;;;;"}

package/ui/Toc.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toc.js","sources":["Toc.tsx"],"sourcesContent":["// SPDX-FileCopyrightText: 2023 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { reactive, reactiveMap } from \"@conterra/reactivity-core\";\nimport { BasemapSwitcher, BasemapSwitcherProps } from \"@open-pioneer/basemap-switcher\";\nimport { Box, Flex, Spacer, Text } from \"@open-pioneer/chakra-integration\";\nimport { MapModel, MapModelProps, useMapModel } from \"@open-pioneer/map\";\nimport {\n    CommonComponentProps,\n    SectionHeading,\n    TitledSection,\n    useCommonComponentProps\n} from \"@open-pioneer/react-utils\";\nimport { useIntl } from \"open-pioneer:react-hooks\";\nimport { FC, useEffect, useId, useMemo, useRef } from \"react\";\nimport { TocItem, TocModel, TocModelProvider, TocWidgetOptions } from \"../model/TocModel\";\nimport { TopLevelLayerList } from \"./LayerList/LayerList\";\nimport { Tools } from \"./Tools\";\n\n/**\n * Props supported by the {@link Toc} component.\n */\nexport interface TocProps extends CommonComponentProps, MapModelProps {\n    /**\n     * Defines whether the tool component is shown in the toc.\n     *\n     * Defaults to `false`.\n     */\n    showTools?: boolean;\n\n    /**\n     * Properties for the embedded tool component.\n     */\n    toolsConfig?: ToolsConfig;\n\n    /**\n     * Defines whether the basemap switcher is shown in the toc.\n     *\n     * Defaults to `true`.\n     */\n    showBasemapSwitcher?: boolean;\n\n    /**\n     * Properties for the embedded basemap switcher.\n     *\n     * Property `mapId` is not applied (the basemap switcher uses the same map as the).\n     */\n    basemapSwitcherProps?: Omit<BasemapSwitcherProps, \"mapId\">;\n\n    /**\n     * If `true`, groups in the toc can be collapsed and expanded.\n     * This property should only be `true` if the map actually contains layer groups.\n     *\n     * Defaults to `false`.\n     */\n    collapsibleGroups?: boolean;\n\n    /**\n     * If `true` groups in the toc are collapsed initially.\n     *\n     * Defaults to `false`. If {@link collapsibleGroups} is `false` this property should also be `false`. Otherwise only the top level layers will appear in the toc.\n     */\n    initiallyCollapsed?: boolean;\n\n    /**\n     * Show the parent layers when a child layer is made visible.\n     *\n     * Defaults to `true`.\n     */\n    autoShowParents?: boolean;\n}\n\n/**\n * Props supported by the {@link Tools} component.\n */\nexport interface ToolsConfig {\n    /**\n     * Optional property to show the `hide all layers` entry.\n     *\n     * Defaults to `true`.\n     */\n    showHideAllLayers?: boolean;\n\n    /**\n     * Optional property to show the `collapse all groups` entry.\n     *\n     * Defaults to `true`. Only applicable if {@link TocProps.collapsibleGroups} is `true`.\n     */\n    showCollapseAllGroups?: boolean;\n}\n\nconst PADDING = 2;\n\n/**\n * Displays the layers of the configured map.\n */\nexport const Toc: FC<TocProps> = (props: TocProps) => {\n    const intl = useIntl();\n    const { containerProps } = useCommonComponentProps(\"toc\", props);\n    const state = useMapModel(props);\n\n    let content: JSX.Element | null;\n    switch (state.kind) {\n        case \"loading\":\n            content = null;\n            break;\n        case \"rejected\":\n            content = <Text className=\"toc-error\">{intl.formatMessage({ id: \"error\" })}</Text>;\n            break;\n        case \"resolved\": {\n            const map = state.map;\n            content = <TocContent {...props} map={map} />;\n            break;\n        }\n    }\n\n    return (\n        <Flex {...containerProps} direction=\"column\" gap={PADDING}>\n            {content}\n        </Flex>\n    );\n};\n\n/** This component is rendered once we have a reference to the loaded map model. */\nfunction TocContent(props: TocProps & { map: MapModel }) {\n    const {\n        map,\n        showTools = false,\n        toolsConfig,\n        showBasemapSwitcher = true,\n        basemapSwitcherProps\n    } = props;\n    const intl = useIntl();\n    const model = useTocModel(props);\n    const basemapsHeadingId = useId();\n    const basemapSwitcher = showBasemapSwitcher && (\n        <Box className=\"toc-basemap-switcher\">\n            <TitledSection\n                title={\n                    <SectionHeading id={basemapsHeadingId} size={\"sm\"} mb={PADDING}>\n                        {intl.formatMessage({ id: \"basemapsLabel\" })}\n                    </SectionHeading>\n                }\n            >\n                <BasemapSwitcher\n                    map={map}\n                    aria-labelledby={basemapsHeadingId}\n                    {...basemapSwitcherProps}\n                />\n            </TitledSection>\n        </Box>\n    );\n\n    const layerList = (\n        <Box className=\"toc-operational-layers\">\n            <TitledSection\n                title={\n                    <SectionHeading size={\"sm\"} mb={2}>\n                        <Flex>\n                            <Text my={3}>\n                                {intl.formatMessage({\n                                    id: \"operationalLayerLabel\"\n                                })}\n                            </Text>\n                            <Spacer />\n                            {showTools && <Tools map={map} {...toolsConfig} />}\n                        </Flex>\n                    </SectionHeading>\n                }\n            >\n                <TopLevelLayerList\n                    map={map}\n                    aria-label={intl.formatMessage({ id: \"operationalLayerLabel\" })}\n                />\n            </TitledSection>\n        </Box>\n    );\n\n    return (\n        <TocModelProvider value={model}>\n            {basemapSwitcher}\n            {layerList}\n        </TocModelProvider>\n    );\n}\n\nfunction useTocModel(props: TocProps): TocModel {\n    const initialProps = useRef(props);\n    const { model, options } = useMemo(() => {\n        const options = reactive<TocWidgetOptions>(\n            createOptions(\n                initialProps.current.autoShowParents,\n                initialProps.current.collapsibleGroups,\n                initialProps.current.initiallyCollapsed\n            )\n        );\n\n        // Indexed by layerId\n        const items = reactiveMap<string, TocItem>();\n        const model: TocModel = {\n            get options() {\n                return options.value;\n            },\n            getItem(layerId: string): TocItem | undefined {\n                return items.get(layerId);\n            },\n            getItems(): TocItem[] {\n                return Array.from(items.values());\n            },\n            registerItem(item: TocItem): void {\n                if (items.has(item.layerId)) {\n                    throw new Error(`Item with layerId '${item.layerId}' already registered.`);\n                }\n                items.set(item.layerId, item);\n            },\n            unregisterItem(item: TocItem): void {\n                if (items.get(item.layerId) !== item) {\n                    throw new Error(`Item with layerId '${item.layerId}' not registered.`);\n                }\n                items.delete(item.layerId);\n            }\n        };\n        return { model, options };\n    }, []);\n\n    // Sync props to model\n    useEffect(() => {\n        options.value = createOptions(\n            props.autoShowParents,\n            props.collapsibleGroups,\n            props.initiallyCollapsed\n        );\n    }, [options, props.autoShowParents, props.collapsibleGroups, props.initiallyCollapsed]);\n\n    return model;\n}\n\nfunction createOptions(\n    autoShowParents?: boolean | undefined,\n    collapsibleGroups?: boolean | undefined,\n    isCollapsed?: boolean | undefined\n): TocWidgetOptions {\n    return {\n        autoShowParents: autoShowParents ?? true,\n        collapsibleGroups: collapsibleGroups ?? false,\n        initiallyCollapsed: isCollapsed ?? false\n    };\n}\n"],"names":["options","model"],"mappings":"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"}
+{"version":3,"file":"Toc.js","sources":["Toc.tsx"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { reactive, reactiveMap } from \"@conterra/reactivity-core\";\nimport { BasemapSwitcher, BasemapSwitcherProps } from \"@open-pioneer/basemap-switcher\";\nimport { Box, Flex, Spacer, Text } from \"@open-pioneer/chakra-integration\";\nimport { MapModel, MapModelProps, useMapModel } from \"@open-pioneer/map\";\nimport {\n    CommonComponentProps,\n    SectionHeading,\n    TitledSection,\n    useCommonComponentProps\n} from \"@open-pioneer/react-utils\";\nimport { useIntl } from \"open-pioneer:react-hooks\";\nimport { FC, ReactNode, useEffect, useId, useMemo, useRef } from \"react\";\nimport { TocItem, TocModel, TocModelProvider, TocWidgetOptions } from \"../model/TocModel\";\nimport { TopLevelLayerList } from \"./LayerList/LayerList\";\nimport { Tools } from \"./Tools\";\n\n/**\n * Props supported by the {@link Toc} component.\n */\nexport interface TocProps extends CommonComponentProps, MapModelProps {\n    /**\n     * Defines whether the tool component is shown in the toc.\n     *\n     * Defaults to `false`.\n     */\n    showTools?: boolean;\n\n    /**\n     * Properties for the embedded tool component.\n     */\n    toolsConfig?: ToolsConfig;\n\n    /**\n     * Defines whether the basemap switcher is shown in the toc.\n     *\n     * Defaults to `true`.\n     */\n    showBasemapSwitcher?: boolean;\n\n    /**\n     * Properties for the embedded basemap switcher.\n     *\n     * Property `mapId` is not applied (the basemap switcher uses the same map as the).\n     */\n    basemapSwitcherProps?: Omit<BasemapSwitcherProps, \"mapId\">;\n\n    /**\n     * If `true`, groups in the toc can be collapsed and expanded.\n     * This property should only be `true` if the map actually contains layer groups.\n     *\n     * Defaults to `false`.\n     */\n    collapsibleGroups?: boolean;\n\n    /**\n     * If `true` groups in the toc are collapsed initially.\n     *\n     * Defaults to `false`. If {@link collapsibleGroups} is `false` this property should also be `false`. Otherwise only the top level layers will appear in the toc.\n     */\n    initiallyCollapsed?: boolean;\n\n    /**\n     * Show the parent layers when a child layer is made visible.\n     *\n     * Defaults to `true`.\n     */\n    autoShowParents?: boolean;\n}\n\n/**\n * Props supported by the {@link Tools} component.\n */\nexport interface ToolsConfig {\n    /**\n     * Optional property to show the `hide all layers` entry.\n     *\n     * Defaults to `true`.\n     */\n    showHideAllLayers?: boolean;\n\n    /**\n     * Optional property to show the `collapse all groups` entry.\n     *\n     * Defaults to `true`. Only applicable if {@link TocProps.collapsibleGroups} is `true`.\n     */\n    showCollapseAllGroups?: boolean;\n}\n\nconst PADDING = 2;\n\n/**\n * Displays the layers of the configured map.\n */\nexport const Toc: FC<TocProps> = (props: TocProps) => {\n    const intl = useIntl();\n    const { containerProps } = useCommonComponentProps(\"toc\", props);\n    const state = useMapModel(props);\n\n    let content: ReactNode | null;\n    switch (state.kind) {\n        case \"loading\":\n            content = null;\n            break;\n        case \"rejected\":\n            content = <Text className=\"toc-error\">{intl.formatMessage({ id: \"error\" })}</Text>;\n            break;\n        case \"resolved\": {\n            const map = state.map;\n            content = <TocContent {...props} map={map} />;\n            break;\n        }\n    }\n\n    return (\n        <Flex {...containerProps} direction=\"column\" gap={PADDING}>\n            {content}\n        </Flex>\n    );\n};\n\n/** This component is rendered once we have a reference to the loaded map model. */\nfunction TocContent(props: TocProps & { map: MapModel }) {\n    const {\n        map,\n        showTools = false,\n        toolsConfig,\n        showBasemapSwitcher = true,\n        basemapSwitcherProps\n    } = props;\n    const intl = useIntl();\n    const model = useTocModel(props);\n    const basemapsHeadingId = useId();\n    const basemapSwitcher = showBasemapSwitcher && (\n        <Box className=\"toc-basemap-switcher\">\n            <TitledSection\n                title={\n                    <SectionHeading id={basemapsHeadingId} size={\"sm\"} mb={PADDING}>\n                        {intl.formatMessage({ id: \"basemapsLabel\" })}\n                    </SectionHeading>\n                }\n            >\n                <BasemapSwitcher\n                    map={map}\n                    aria-labelledby={basemapsHeadingId}\n                    {...basemapSwitcherProps}\n                />\n            </TitledSection>\n        </Box>\n    );\n\n    const layerList = (\n        <Box className=\"toc-operational-layers\">\n            <TitledSection\n                title={\n                    <SectionHeading size={\"sm\"} mb={2}>\n                        <Flex>\n                            <Text my={3}>\n                                {intl.formatMessage({\n                                    id: \"operationalLayerLabel\"\n                                })}\n                            </Text>\n                            <Spacer />\n                            {showTools && <Tools map={map} {...toolsConfig} />}\n                        </Flex>\n                    </SectionHeading>\n                }\n            >\n                <TopLevelLayerList\n                    map={map}\n                    aria-label={intl.formatMessage({ id: \"operationalLayerLabel\" })}\n                />\n            </TitledSection>\n        </Box>\n    );\n\n    return (\n        <TocModelProvider value={model}>\n            {basemapSwitcher}\n            {layerList}\n        </TocModelProvider>\n    );\n}\n\nfunction useTocModel(props: TocProps): TocModel {\n    const initialProps = useRef(props);\n    const { model, options } = useMemo(() => {\n        const options = reactive<TocWidgetOptions>(\n            createOptions(\n                initialProps.current.autoShowParents,\n                initialProps.current.collapsibleGroups,\n                initialProps.current.initiallyCollapsed\n            )\n        );\n\n        // Indexed by layerId\n        const items = reactiveMap<string, TocItem>();\n        const model: TocModel = {\n            get options() {\n                return options.value;\n            },\n            getItem(layerId: string): TocItem | undefined {\n                return items.get(layerId);\n            },\n            getItems(): TocItem[] {\n                return Array.from(items.values());\n            },\n            registerItem(item: TocItem): void {\n                if (items.has(item.layerId)) {\n                    throw new Error(`Item with layerId '${item.layerId}' already registered.`);\n                }\n                items.set(item.layerId, item);\n            },\n            unregisterItem(item: TocItem): void {\n                if (items.get(item.layerId) !== item) {\n                    throw new Error(`Item with layerId '${item.layerId}' not registered.`);\n                }\n                items.delete(item.layerId);\n            }\n        };\n        return { model, options };\n    }, []);\n\n    // Sync props to model\n    useEffect(() => {\n        options.value = createOptions(\n            props.autoShowParents,\n            props.collapsibleGroups,\n            props.initiallyCollapsed\n        );\n    }, [options, props.autoShowParents, props.collapsibleGroups, props.initiallyCollapsed]);\n\n    return model;\n}\n\nfunction createOptions(\n    autoShowParents?: boolean | undefined,\n    collapsibleGroups?: boolean | undefined,\n    isCollapsed?: boolean | undefined\n): TocWidgetOptions {\n    return {\n        autoShowParents: autoShowParents ?? true,\n        collapsibleGroups: collapsibleGroups ?? false,\n        initiallyCollapsed: isCollapsed ?? false\n    };\n}\n"],"names":["options","model"],"mappings":"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"}

package/ui/Tools.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tools.js","sources":["Tools.tsx"],"sourcesContent":["// SPDX-FileCopyrightText: 2023 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport {\n    Box,\n    Button,\n    Menu,\n    MenuButton,\n    MenuItem,\n    MenuList,\n    Portal\n} from \"@open-pioneer/chakra-integration\";\nimport { AnyLayer, MapModel } from \"@open-pioneer/map\";\nimport { useIntl } from \"open-pioneer:react-hooks\";\nimport { FC, memo } from \"react\";\nimport { FiMoreVertical } from \"react-icons/fi\";\nimport { TocModel, useTocModel } from \"../model/TocModel\";\nimport { ToolsConfig } from \"./Toc\";\nimport { useReactiveSnapshot } from \"@open-pioneer/reactivity\";\n\nexport interface ToolsProps extends ToolsConfig {\n    map: MapModel;\n}\n\nexport const Tools: FC<ToolsProps> = memo(function Tools(props: ToolsProps) {\n    const intl = useIntl();\n    const tocModel = useTocModel();\n    const collapsibleGroups = useReactiveSnapshot(\n        () => tocModel.options.collapsibleGroups,\n        [tocModel]\n    );\n    const {\n        map,\n        showHideAllLayers = true,\n        showCollapseAllGroups: showCollapseAllGroupsProp = collapsibleGroups\n    } = props;\n\n    // Only respected if groups are collapsible\n    const showCollapseAllGroups = collapsibleGroups && showCollapseAllGroupsProp;\n    const hasContent = showHideAllLayers || showCollapseAllGroups;\n    return (\n        hasContent && (\n            <Box className=\"toc-tools\">\n                <Menu placement=\"bottom-start\">\n                    <MenuButton\n                        as={Button}\n                        className=\"toc-tools-button\"\n                        aria-label={intl.formatMessage({ id: \"toolsLabel\" })}\n                        borderRadius=\"full\"\n                        iconSpacing={0}\n                        padding={3}\n                        variant=\"ghost\"\n                        leftIcon={<FiMoreVertical />}\n                    />\n                    <Portal>\n                        <MenuList className=\"tools-menu\">\n                            {showHideAllLayers && (\n                                <MenuItem\n                                    aria-label={intl.formatMessage({ id: \"tools.hideAllLayers\" })}\n                                    onClick={() => {\n                                        hideAllLayers(map);\n                                    }}\n                                >\n                                    {intl.formatMessage({ id: \"tools.hideAllLayers\" })}\n                                </MenuItem>\n                            )}\n                            {showCollapseAllGroups && (\n                                <MenuItem\n                                    aria-label={intl.formatMessage({\n                                        id: \"tools.collapseAllGroups\"\n                                    })}\n                                    onClick={() => {\n                                        collapseAllGroups(tocModel);\n                                    }}\n                                >\n                                    {intl.formatMessage({ id: \"tools.collapseAllGroups\" })}\n                                </MenuItem>\n                            )}\n                        </MenuList>\n                    </Portal>\n                </Menu>\n            </Box>\n        )\n    );\n});\n\nfunction hideAllLayers(map: MapModel | undefined) {\n    const hide = (layer: AnyLayer) => {\n        layer.setVisible(false);\n\n        const children = layer.children?.getItems();\n        if (children) {\n            for (const child of children) {\n                hide(child);\n            }\n        }\n    };\n\n    map?.layers.getOperationalLayers().forEach((layer) => {\n        hide(layer);\n    });\n}\n\nfunction collapseAllGroups(tocModel: TocModel) {\n    tocModel.getItems().forEach((item) => item.setExpanded(false));\n}\n"],"names":["Tools"],"mappings":"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"}
+{"version":3,"file":"Tools.js","sources":["Tools.tsx"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport {\n    Box,\n    Button,\n    Menu,\n    MenuButton,\n    MenuItem,\n    MenuList,\n    Portal\n} from \"@open-pioneer/chakra-integration\";\nimport { AnyLayer, MapModel } from \"@open-pioneer/map\";\nimport { useIntl } from \"open-pioneer:react-hooks\";\nimport { FC, memo } from \"react\";\nimport { FiMoreVertical } from \"react-icons/fi\";\nimport { TocModel, useTocModel } from \"../model/TocModel\";\nimport { ToolsConfig } from \"./Toc\";\nimport { useReactiveSnapshot } from \"@open-pioneer/reactivity\";\n\nexport interface ToolsProps extends ToolsConfig {\n    map: MapModel;\n}\n\nexport const Tools: FC<ToolsProps> = memo(function Tools(props: ToolsProps) {\n    const intl = useIntl();\n    const tocModel = useTocModel();\n    const collapsibleGroups = useReactiveSnapshot(\n        () => tocModel.options.collapsibleGroups,\n        [tocModel]\n    );\n    const {\n        map,\n        showHideAllLayers = true,\n        showCollapseAllGroups: showCollapseAllGroupsProp = collapsibleGroups\n    } = props;\n\n    // Only respected if groups are collapsible\n    const showCollapseAllGroups = collapsibleGroups && showCollapseAllGroupsProp;\n    const hasContent = showHideAllLayers || showCollapseAllGroups;\n    return (\n        hasContent && (\n            <Box className=\"toc-tools\">\n                <Menu placement=\"bottom-start\">\n                    <MenuButton\n                        as={Button}\n                        className=\"toc-tools-button\"\n                        aria-label={intl.formatMessage({ id: \"toolsLabel\" })}\n                        borderRadius=\"full\"\n                        iconSpacing={0}\n                        padding={3}\n                        variant=\"ghost\"\n                        leftIcon={<FiMoreVertical />}\n                    />\n                    <Portal>\n                        <MenuList className=\"tools-menu\">\n                            {showHideAllLayers && (\n                                <MenuItem\n                                    aria-label={intl.formatMessage({ id: \"tools.hideAllLayers\" })}\n                                    onClick={() => {\n                                        hideAllLayers(map);\n                                    }}\n                                >\n                                    {intl.formatMessage({ id: \"tools.hideAllLayers\" })}\n                                </MenuItem>\n                            )}\n                            {showCollapseAllGroups && (\n                                <MenuItem\n                                    aria-label={intl.formatMessage({\n                                        id: \"tools.collapseAllGroups\"\n                                    })}\n                                    onClick={() => {\n                                        collapseAllGroups(tocModel);\n                                    }}\n                                >\n                                    {intl.formatMessage({ id: \"tools.collapseAllGroups\" })}\n                                </MenuItem>\n                            )}\n                        </MenuList>\n                    </Portal>\n                </Menu>\n            </Box>\n        )\n    );\n});\n\nfunction hideAllLayers(map: MapModel | undefined) {\n    const hide = (layer: AnyLayer) => {\n        layer.setVisible(false);\n\n        const children = layer.children?.getItems();\n        if (children) {\n            for (const child of children) {\n                hide(child);\n            }\n        }\n    };\n\n    map?.layers.getOperationalLayers().forEach((layer) => {\n        hide(layer);\n    });\n}\n\nfunction collapseAllGroups(tocModel: TocModel) {\n    tocModel.getItems().forEach((item) => item.setExpanded(false));\n}\n"],"names":["Tools"],"mappings":"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"}

package/utils/slug.js.map

@@ -1 +1 @@
-{"version":3,"file":"slug.js","sources":["slug.ts"],"sourcesContent":["// SPDX-FileCopyrightText: 2023 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\n\n/**\n * Strips special characters from the given string, making it suitable\n * for use in CSS classes.\n */\nexport function slug(id: string): string {\n    return id\n        .toLowerCase()\n        .replace(/[^a-z0-9 -]/g, \"\")\n        .replace(/\\s+/g, \"-\")\n        .replace(/-+/g, \"-\");\n}\n"],"names":[],"mappings":"AAOO,SAAS,KAAK,EAAoB,EAAA;AACrC,EAAA,OAAO,EACF,CAAA,WAAA,EACA,CAAA,OAAA,CAAQ,cAAgB,EAAA,EAAE,CAC1B,CAAA,OAAA,CAAQ,MAAQ,EAAA,GAAG,CACnB,CAAA,OAAA,CAAQ,OAAO,GAAG,CAAA,CAAA;AAC3B;;;;"}
+{"version":3,"file":"slug.js","sources":["slug.ts"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\n\n/**\n * Strips special characters from the given string, making it suitable\n * for use in CSS classes.\n */\nexport function slug(id: string): string {\n    return id\n        .toLowerCase()\n        .replace(/[^a-z0-9 -]/g, \"\")\n        .replace(/\\s+/g, \"-\")\n        .replace(/-+/g, \"-\");\n}\n"],"names":[],"mappings":"AAOO,SAAS,KAAK,EAAoB,EAAA;AACrC,EAAA,OAAO,EACF,CAAA,WAAA,EACA,CAAA,OAAA,CAAQ,cAAgB,EAAA,EAAE,CAC1B,CAAA,OAAA,CAAQ,MAAQ,EAAA,GAAG,CACnB,CAAA,OAAA,CAAQ,OAAO,GAAG,CAAA;AAC3B;;;;"}