@arcgis/map-components 5.2.0-next.87 → 5.2.0-next.89
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cdn/{IOZ5U2X7.js → 2GQ6KVNI.js} +1 -1
- package/dist/cdn/2JLMOWRT.js +2 -0
- package/dist/cdn/3CFRD2EN.js +2 -0
- package/dist/cdn/{ZLRMCH6O.js → 3CHIGFZL.js} +1 -1
- package/dist/cdn/4FVOBVTD.js +4 -0
- package/dist/cdn/{EFUTKX2O.js → 4TMQMYFX.js} +1 -1
- package/dist/cdn/{K5VWAQQ4.js → 5X3EBFJW.js} +2 -2
- package/dist/cdn/{6MYKPCPT.js → 66PT52ED.js} +1 -1
- package/dist/cdn/{7IWMEBK6.js → 6BNYO33V.js} +1 -1
- package/dist/cdn/{SEEABOHD.js → 7EOPPY5X.js} +1 -1
- package/dist/cdn/{CF47R6K5.js → B5FTF7WR.js} +1 -1
- package/dist/cdn/EAYOGF4C.js +2 -0
- package/dist/cdn/ECXHREHJ.js +2 -0
- package/dist/cdn/{HPFRMRVM.js → EU3QJKJW.js} +1 -1
- package/dist/cdn/EVJT3HJ5.js +2 -0
- package/dist/cdn/HJPTFBQB.js +2 -0
- package/dist/cdn/HPLMTKLF.js +2 -0
- package/dist/cdn/{3IY3D62Z.js → JXBEE5GW.js} +1 -1
- package/dist/cdn/JZC42PXS.js +2 -0
- package/dist/cdn/MBFY4GDJ.js +2 -0
- package/dist/cdn/N5VJ4SAX.js +2 -0
- package/dist/cdn/NB5DQKQY.js +2 -0
- package/dist/cdn/RKXHWHFR.js +2 -0
- package/dist/cdn/{XBAD6Q2O.js → SK4OCYH7.js} +1 -1
- package/dist/cdn/{D2GIYGUD.js → SVJ7AEMP.js} +1 -1
- package/dist/cdn/{KN4PG54T.js → TLVYAP5O.js} +1 -1
- package/dist/cdn/TRFWUKXA.js +2 -0
- package/dist/cdn/{MOKFWLNF.js → VT2IDAHB.js} +1 -1
- package/dist/cdn/{K3N6NHJW.js → XHXRRAGH.js} +1 -1
- package/dist/cdn/{XMEBM4Y2.js → Y56FOEA4.js} +1 -1
- package/dist/cdn/index.js +1 -1
- package/dist/chunks/esri-main.js +1 -1
- package/dist/chunks/slots.js +1 -1
- package/dist/chunks/useArcgisViewReadyError.js +8 -4
- package/dist/components/arcgis-area-measurement-2d/customElement.d.ts +9 -0
- package/dist/components/arcgis-area-measurement-3d/customElement.d.ts +9 -0
- package/dist/components/arcgis-attachments/customElement.d.ts +9 -0
- package/dist/components/arcgis-basemap-gallery/customElement.d.ts +9 -0
- package/dist/components/arcgis-basemap-layer-list/customElement.d.ts +21 -0
- package/dist/components/arcgis-basemap-layer-list-next/customElement.d.ts +584 -51
- package/dist/components/arcgis-basemap-layer-list-next/customElement.js +2 -2
- package/dist/components/arcgis-basemap-layer-list-next/types.d.ts +39 -0
- package/dist/components/arcgis-basemap-toggle/customElement.d.ts +9 -0
- package/dist/components/arcgis-bookmarks/customElement.d.ts +18 -0
- package/dist/components/arcgis-building-explorer/customElement.d.ts +9 -0
- package/dist/components/arcgis-catalog-layer-list/customElement.d.ts +21 -0
- package/dist/components/arcgis-catalog-layer-list-next/customElement.d.ts +420 -59
- package/dist/components/arcgis-catalog-layer-list-next/customElement.js +2 -2
- package/dist/components/arcgis-catalog-layer-list-next/types.d.ts +41 -6
- package/dist/components/arcgis-compass/customElement.d.ts +9 -0
- package/dist/components/arcgis-coordinate-conversion/customElement.d.ts +9 -0
- package/dist/components/arcgis-coordinate-conversion-next/customElement.d.ts +9 -0
- package/dist/components/arcgis-daylight/customElement.d.ts +9 -0
- package/dist/components/arcgis-direct-line-measurement-3d/customElement.d.ts +9 -0
- package/dist/components/arcgis-directional-pad/customElement.d.ts +9 -0
- package/dist/components/arcgis-directions/customElement.d.ts +9 -0
- package/dist/components/arcgis-distance-measurement-2d/customElement.d.ts +9 -0
- package/dist/components/arcgis-editor/customElement.d.ts +9 -0
- package/dist/components/arcgis-elevation-profile/customElement.d.ts +9 -0
- package/dist/components/arcgis-expand/customElement.d.ts +9 -0
- package/dist/components/arcgis-feature/customElement.d.ts +9 -0
- package/dist/components/arcgis-feature-form/customElement.d.ts +9 -0
- package/dist/components/arcgis-feature-next/customElement.d.ts +29 -1
- package/dist/components/arcgis-feature-table/customElement.d.ts +9 -0
- package/dist/components/arcgis-feature-templates/customElement.d.ts +9 -0
- package/dist/components/arcgis-feature-templates-legacy/customElement.d.ts +9 -0
- package/dist/components/arcgis-features/customElement.d.ts +18 -0
- package/dist/components/arcgis-features-next/customElement.d.ts +29 -1
- package/dist/components/arcgis-features-next/customElement.js +1 -1
- package/dist/components/arcgis-floor-filter/customElement.d.ts +9 -0
- package/dist/components/arcgis-grid-controls/customElement.d.ts +9 -0
- package/dist/components/arcgis-histogram-range-slider/customElement.d.ts +9 -0
- package/dist/components/arcgis-home/customElement.d.ts +9 -0
- package/dist/components/arcgis-layer-list/customElement.d.ts +18 -0
- package/dist/components/arcgis-layer-list-next/customElement.d.ts +256 -120
- package/dist/components/arcgis-layer-list-next/customElement.js +2 -3
- package/dist/components/arcgis-layer-list-next/types.d.ts +44 -6
- package/dist/components/arcgis-legend/customElement.d.ts +9 -0
- package/dist/components/arcgis-line-of-sight/customElement.d.ts +9 -0
- package/dist/components/arcgis-link-chart/customElement.d.ts +9 -0
- package/dist/components/arcgis-link-chart-layout-switcher/customElement.d.ts +9 -0
- package/dist/components/arcgis-link-chart-nonspatial-visibility-toggle/customElement.d.ts +9 -0
- package/dist/components/arcgis-locate/customElement.d.ts +9 -0
- package/dist/components/arcgis-map/customElement.d.ts +9 -0
- package/dist/components/arcgis-measurement/customElement.d.ts +9 -0
- package/dist/components/arcgis-multi-feature-form/customElement.d.ts +23 -1
- package/dist/components/arcgis-navigation-toggle/customElement.d.ts +9 -0
- package/dist/components/arcgis-oriented-imagery-viewer/customElement.d.ts +9 -0
- package/dist/components/arcgis-oriented-imagery-viewer-panoramic-viewer-zoom/customElement.d.ts +9 -0
- package/dist/components/arcgis-paste/customElement.d.ts +9 -0
- package/dist/components/arcgis-popup/customElement.d.ts +18 -0
- package/dist/components/arcgis-popup/customElement.js +1 -1
- package/dist/components/arcgis-presentation/customElement.d.ts +9 -0
- package/dist/components/arcgis-presentation/customElement.js +70 -71
- package/dist/components/arcgis-print/customElement.d.ts +9 -0
- package/dist/components/arcgis-scale-bar/customElement.d.ts +9 -0
- package/dist/components/arcgis-scale-range-slider/customElement.d.ts +9 -0
- package/dist/components/arcgis-scene/customElement.d.ts +9 -0
- package/dist/components/arcgis-search/customElement.d.ts +9 -0
- package/dist/components/arcgis-search-result-renderer/customElement.d.ts +9 -0
- package/dist/components/arcgis-selection-toolbar/customElement.d.ts +10 -1
- package/dist/components/arcgis-shadow-cast/customElement.d.ts +9 -0
- package/dist/components/arcgis-sketch/customElement.d.ts +9 -0
- package/dist/components/arcgis-slice/customElement.d.ts +9 -0
- package/dist/components/arcgis-slider-binary-color-size-legacy/customElement.d.ts +9 -0
- package/dist/components/arcgis-slider-classed-color-legacy/customElement.d.ts +9 -0
- package/dist/components/arcgis-slider-classed-size-legacy/customElement.d.ts +9 -0
- package/dist/components/arcgis-slider-color-legacy/customElement.d.ts +9 -0
- package/dist/components/arcgis-slider-color-size-legacy/customElement.d.ts +9 -0
- package/dist/components/arcgis-slider-heatmap-legacy/customElement.d.ts +9 -0
- package/dist/components/arcgis-slider-opacity-legacy/customElement.d.ts +9 -0
- package/dist/components/arcgis-slider-scale-range/customElement.d.ts +9 -0
- package/dist/components/arcgis-slider-size-legacy/customElement.d.ts +9 -0
- package/dist/components/arcgis-snapping-controls/customElement.d.ts +9 -0
- package/dist/components/arcgis-swipe/customElement.d.ts +9 -0
- package/dist/components/arcgis-table-list/customElement.d.ts +93 -15
- package/dist/components/arcgis-table-list-next/customElement.d.ts +286 -44
- package/dist/components/arcgis-table-list-next/customElement.js +2 -3
- package/dist/components/arcgis-table-list-next/types.d.ts +37 -0
- package/dist/components/arcgis-time-bar/customElement.d.ts +9 -0
- package/dist/components/arcgis-time-bar-slider/customElement.d.ts +9 -0
- package/dist/components/arcgis-time-slider/customElement.d.ts +9 -0
- package/dist/components/arcgis-track/customElement.d.ts +9 -0
- package/dist/components/arcgis-utility-network-aggregated-geometry/customElement.d.ts +9 -0
- package/dist/components/arcgis-utility-network-aggregated-geometry-result-item/customElement.d.ts +9 -0
- package/dist/components/arcgis-utility-network-associations/customElement.d.ts +9 -0
- package/dist/components/arcgis-utility-network-trace/customElement.d.ts +9 -0
- package/dist/components/arcgis-utility-network-trace-analysis/customElement.d.ts +9 -0
- package/dist/components/arcgis-utility-network-trace-analysis-next/customElement.d.ts +9 -0
- package/dist/components/arcgis-utility-network-trace-inputs/customElement.d.ts +9 -0
- package/dist/components/arcgis-utility-network-trace-inputs-next/customElement.d.ts +9 -0
- package/dist/components/arcgis-utility-network-trace-location/customElement.d.ts +9 -0
- package/dist/components/arcgis-utility-network-trace-location-next/customElement.d.ts +9 -0
- package/dist/components/arcgis-utility-network-trace-results/customElement.d.ts +9 -0
- package/dist/components/arcgis-utility-network-trace-results-next/customElement.d.ts +9 -0
- package/dist/components/arcgis-utility-network-validate-topology/customElement.d.ts +9 -0
- package/dist/components/arcgis-value-picker-legacy/customElement.d.ts +9 -0
- package/dist/components/arcgis-version-management/customElement.d.ts +9 -0
- package/dist/components/arcgis-video/customElement.d.ts +9 -0
- package/dist/components/arcgis-video-player/customElement.d.ts +9 -0
- package/dist/components/arcgis-volume-measurement/customElement.d.ts +20 -1
- package/dist/components/arcgis-weather/customElement.d.ts +9 -0
- package/dist/components/arcgis-zoom/customElement.d.ts +9 -0
- package/dist/docs/api.json +1 -1
- package/dist/docs/docs.json +1 -1
- package/dist/docs/vscode.html-custom-data.json +1 -1
- package/dist/docs/web-types.json +1 -1
- package/dist/loader.js +1 -1
- package/dist/types/lumina.d.ts +1 -1
- package/dist/types/preact.d.ts +1 -1
- package/dist/types/react.d.ts +1 -1
- package/dist/types/stencil.d.ts +1 -1
- package/package.json +6 -6
- package/dist/cdn/3UUQJCZL.js +0 -2
- package/dist/cdn/4FJSNV35.js +0 -2
- package/dist/cdn/4NJUFFOS.js +0 -2
- package/dist/cdn/BKYSXBQN.js +0 -2
- package/dist/cdn/BXP5RGPD.js +0 -2
- package/dist/cdn/ES3KG6A4.js +0 -2
- package/dist/cdn/FZHWZNBO.js +0 -2
- package/dist/cdn/HRNKPJ3W.js +0 -2
- package/dist/cdn/JDVOGTZB.js +0 -4
- package/dist/cdn/MZBCC5YA.js +0 -2
- package/dist/cdn/SE5IUOLA.js +0 -2
- package/dist/cdn/TCMRGJTC.js +0 -2
- package/dist/cdn/TSZ26CSX.js +0 -2
- package/dist/cdn/TUTTPXC5.js +0 -2
- /package/dist/cdn/{ZMB2HOR5.js → 2EDZ2LNR.js} +0 -0
- /package/dist/cdn/{2N2A7TFY.js → 4AEFZEGM.js} +0 -0
- /package/dist/cdn/{WN6WNWDL.js → 4GIRSQMC.js} +0 -0
- /package/dist/cdn/{BY2C56P2.js → 4KYPBCNM.js} +0 -0
- /package/dist/cdn/{MADQIAMY.js → 4WURS3DM.js} +0 -0
- /package/dist/cdn/{NOUSKMUF.js → 5CB7FWG6.js} +0 -0
- /package/dist/cdn/{CHK6UXUR.js → 5EU3QVP7.js} +0 -0
- /package/dist/cdn/{UW66366K.js → 6URW6H47.js} +0 -0
- /package/dist/cdn/{RFYBJAVR.js → 7427KHVF.js} +0 -0
- /package/dist/cdn/{QYQFMAF2.js → 77ZD2RFI.js} +0 -0
- /package/dist/cdn/{E5CYXNOV.js → AZWQWNTK.js} +0 -0
- /package/dist/cdn/{XP34TRZ2.js → B4RNNO6A.js} +0 -0
- /package/dist/cdn/{2X2WQONZ.js → BIKEUMV7.js} +0 -0
- /package/dist/cdn/{3B6FCCWV.js → BU5HRIOW.js} +0 -0
- /package/dist/cdn/{KDMDKSN3.js → BV52G5DA.js} +0 -0
- /package/dist/cdn/{LBJGPS6R.js → ESYSNSNH.js} +0 -0
- /package/dist/cdn/{HPSLJE7K.js → FV7FUSTO.js} +0 -0
- /package/dist/cdn/{YK4IJ6A4.js → G42D353L.js} +0 -0
- /package/dist/cdn/{BEWGYHLQ.js → GLKTAVV5.js} +0 -0
- /package/dist/cdn/{KHMFIFKB.js → HW5YYDPC.js} +0 -0
- /package/dist/cdn/{ANPCJFOB.js → IHWFNEBS.js} +0 -0
- /package/dist/cdn/{HAOZ5VKZ.js → J4VKIBXE.js} +0 -0
- /package/dist/cdn/{ZTBD4LIR.js → KG3HVAZY.js} +0 -0
- /package/dist/cdn/{YQ5H6M4V.js → KMNELKA3.js} +0 -0
- /package/dist/cdn/{A6O4WH3F.js → KYWZUC6M.js} +0 -0
- /package/dist/cdn/{IYIK5LIF.js → LGNLLGA6.js} +0 -0
- /package/dist/cdn/{BIQ72MMB.js → MGILHYX4.js} +0 -0
- /package/dist/cdn/{FSVQ3YCE.js → NDWLSQ4W.js} +0 -0
- /package/dist/cdn/{5VAWPVBO.js → NGQUETWM.js} +0 -0
- /package/dist/cdn/{2KS6VTIZ.js → O3SPKYBG.js} +0 -0
- /package/dist/cdn/{7T3MIY45.js → OJOQP2IU.js} +0 -0
- /package/dist/cdn/{MXDXZZ7M.js → QU5PA5MZ.js} +0 -0
- /package/dist/cdn/{WEG4POUJ.js → QZHFPTSI.js} +0 -0
- /package/dist/cdn/{OLOMB2NS.js → SNX6WY7J.js} +0 -0
- /package/dist/cdn/{4KTFBEBW.js → W2UZH6QI.js} +0 -0
- /package/dist/cdn/{AURQ6AZT.js → W2YB27M6.js} +0 -0
- /package/dist/cdn/{MCMHWVNK.js → WKBILCAY.js} +0 -0
- /package/dist/cdn/{2IOX3M25.js → WRKX7F2G.js} +0 -0
- /package/dist/cdn/{4Y5WOZAR.js → XYRTRBXU.js} +0 -0
- /package/dist/cdn/{AS6CVCAA.js → YFM2SKWI.js} +0 -0
- /package/dist/cdn/{JY7ELDXN.js → ZOGRVFHK.js} +0 -0
- /package/dist/cdn/{TBYOTOK3.js → ZXEH6MEU.js} +0 -0
|
@@ -1,77 +1,315 @@
|
|
|
1
1
|
/// <reference path="../../index.d.ts" />
|
|
2
2
|
import type Collection from "@arcgis/core/core/Collection.js";
|
|
3
3
|
import type CatalogLayer from "@arcgis/core/layers/CatalogLayer.js";
|
|
4
|
-
import type KnowledgeGraphLayer from "@arcgis/core/layers/KnowledgeGraphLayer.js";
|
|
5
|
-
import type MapImageLayer from "@arcgis/core/layers/MapImageLayer.js";
|
|
6
|
-
import type TileLayer from "@arcgis/core/layers/TileLayer.js";
|
|
7
|
-
import type CatalogItemCollection from "@arcgis/core/layers/list/CatalogItemCollection.js";
|
|
8
4
|
import type Item from "@arcgis/core/layers/list/Item.js";
|
|
9
|
-
import type { CatalogItemCollectionEvents } from "@arcgis/core/layers/list/CatalogItemCollection.js";
|
|
10
5
|
import type { PublicLitElement as LitElement } from "@arcgis/lumina";
|
|
11
|
-
import type { useT9n } from "../../controllers/useT9n.js";
|
|
12
6
|
import type { VisibilityAppearance } from "../../utils/action-utils.js";
|
|
13
7
|
import type { setFilterPredicate } from "../../utils/layer-list-utils.js";
|
|
14
|
-
import type { ArcgisTableList } from "../arcgis-table-list/customElement.js";
|
|
15
8
|
import type { ArcgisReferenceElement, HeadingLevel } from "../types.js";
|
|
9
|
+
import type { CatalogLayerListMessageOverrides, CatalogLayerListOptions, FlowLayer, FlowList } from "./types.js";
|
|
16
10
|
import type { CatalogLayerListViewModelEvents } from "@arcgis/core/widgets/CatalogLayerList/CatalogLayerListViewModel.js";
|
|
17
11
|
import type { TableListProperties } from "@arcgis/core/widgets/TableList.js";
|
|
18
12
|
import type { T9nMeta } from "@arcgis/lumina/controllers";
|
|
13
|
+
import type { ItemModifier, State } from "@arcgis/core/layers/list/types.js";
|
|
19
14
|
import type { MapViewOrSceneView } from "@arcgis/core/views/MapViewOrSceneView.js";
|
|
20
|
-
import type { State, ItemModifier } from "@arcgis/core/layers/list/types.js";
|
|
21
|
-
|
|
22
|
-
export interface CatalogLayerListEvents extends CatalogItemCollectionEvents {}
|
|
23
15
|
|
|
24
16
|
/**
|
|
25
|
-
*
|
|
17
|
+
* > [!WARNING]
|
|
18
|
+
* > The Catalog Layer List (next) component is the successor to the Catalog Layer List component, provided to you early for testing and feedback.
|
|
19
|
+
* In version 6.0, the implementation of [arcgis-catalog-layer-list](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-catalog-layer-list/) will be updated under the hood to that of [arcgis-catalog-layer-list-next](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-catalog-layer-list-next/),
|
|
20
|
+
* and this component will be removed. To update at version 6.0, simply remove `-next` from the component name.
|
|
21
|
+
*
|
|
22
|
+
* The Catalog Layer List provides a way to display and interact with [CatalogLayers](https://developers.arcgis.com/javascript/latest/references/core/layers/CatalogLayer/).
|
|
23
|
+
* The component displays a list of layers in the [dynamicGroupLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/CatalogLayer/#dynamicGroupLayer)
|
|
24
|
+
* and allows you to toggle their visibility.
|
|
25
|
+
*
|
|
26
|
+
* The [Item](https://developers.arcgis.com/javascript/latest/references/core/layers/list/Item/) API provides access to each layer's properties, allows
|
|
27
|
+
* the developer to configure actions related to the layer, and allows the developer to add content to the item related to the layer.
|
|
26
28
|
*
|
|
27
29
|
* @since 5.2
|
|
28
30
|
* @beta
|
|
31
|
+
* @example
|
|
32
|
+
* ```js
|
|
33
|
+
* const catalogLayerListElement = document.createElement("arcgis-catalog-layer-list-next");
|
|
34
|
+
* catalogLayerListElement.referenceElement = viewElement;
|
|
35
|
+
* catalogLayerListElement.slot = "top-right";
|
|
36
|
+
* viewElement.appendChild(catalogLayerListElement);
|
|
37
|
+
*
|
|
38
|
+
* catalogLayerListElement.listItemCreatedFunction = (event) => {
|
|
39
|
+
* const { item } = event;
|
|
40
|
+
* const { layer } = item;
|
|
41
|
+
*
|
|
42
|
+
* if (isLayerFromCatalog(layer)) {
|
|
43
|
+
* item.actionsSections = [
|
|
44
|
+
* [
|
|
45
|
+
* {
|
|
46
|
+
* title: "Add layer to map",
|
|
47
|
+
* icon: "add-layer",
|
|
48
|
+
* id: "add-layer"
|
|
49
|
+
* }
|
|
50
|
+
* ]
|
|
51
|
+
* ];
|
|
52
|
+
* }
|
|
53
|
+
* }
|
|
54
|
+
*
|
|
55
|
+
* // Listen for the arcgisTriggerAction event on the CatalogLayerList
|
|
56
|
+
* // and add layers from the catalog to the map when the "add-layer" action is triggered.
|
|
57
|
+
* // To correctly add a layer to the map, you must create a footprint from the layer
|
|
58
|
+
* // and then create a new layer from the footprint.
|
|
59
|
+
* catalogLayerListElement.addEventListener("arcgisTriggerAction", async (event) => {
|
|
60
|
+
* const { id } = event.action;
|
|
61
|
+
* const { layer } = event.item;
|
|
62
|
+
*
|
|
63
|
+
* if (id === "add-layer") {
|
|
64
|
+
* const parentCatalogLayer = catalogUtils.getCatalogLayerForLayer(layer);
|
|
65
|
+
* const footprint = parentCatalogLayer.createFootprintFromLayer(layer);
|
|
66
|
+
* const layerFromFootprint = await parentCatalogLayer.createLayerFromFootprint(footprint);
|
|
67
|
+
* viewElement.map.add(layerFromFootprint);
|
|
68
|
+
* }
|
|
69
|
+
* });
|
|
70
|
+
* ```
|
|
29
71
|
*/
|
|
30
72
|
export abstract class ArcgisCatalogLayerListNext extends LitElement {
|
|
31
|
-
/**
|
|
73
|
+
/**
|
|
74
|
+
* If true, the component will not be destroyed automatically when it is
|
|
75
|
+
* disconnected from the document. This is useful when you want to move the
|
|
76
|
+
* component to a different place on the page, or temporarily hide it. If this
|
|
77
|
+
* is set, make sure to call the [destroy()](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-catalog-layer-list-next/#destroy) method when you are done to
|
|
78
|
+
* prevent memory leaks.
|
|
79
|
+
*
|
|
80
|
+
* @default false
|
|
81
|
+
* @example
|
|
82
|
+
* ```html
|
|
83
|
+
* <arcgis-catalog-layer-list-next auto-destroy-disabled></arcgis-catalog-layer-list-next>
|
|
84
|
+
* ```
|
|
85
|
+
*
|
|
86
|
+
* ```js
|
|
87
|
+
* catalogLayerListNextElement.autoDestroyDisabled = true;
|
|
88
|
+
* ```
|
|
89
|
+
*
|
|
90
|
+
*/
|
|
32
91
|
accessor autoDestroyDisabled: boolean;
|
|
92
|
+
/**
|
|
93
|
+
* A collection of [items](https://developers.arcgis.com/javascript/latest/references/core/layers/list/Item/) representing the CatalogLayer's
|
|
94
|
+
* [dynamicGroupLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/CatalogLayer/#dynamicGroupLayer).
|
|
95
|
+
*
|
|
96
|
+
* @example
|
|
97
|
+
* ```js
|
|
98
|
+
* catalogLayerListElement.catalogItems.forEach(item => console.log(item.title));
|
|
99
|
+
* ```
|
|
100
|
+
*/
|
|
33
101
|
accessor catalogItems: Collection<Item>;
|
|
102
|
+
/**
|
|
103
|
+
* The [CatalogLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/CatalogLayer/) to display in the component.
|
|
104
|
+
*
|
|
105
|
+
* @example
|
|
106
|
+
* ```js
|
|
107
|
+
* catalogLayerListElement.catalogLayer = new CatalogLayer({ url });
|
|
108
|
+
* ```
|
|
109
|
+
*/
|
|
34
110
|
accessor catalogLayer: CatalogLayer | null | undefined;
|
|
111
|
+
/** @internal */
|
|
35
112
|
accessor catalogOptions: CatalogLayerListOptions | undefined;
|
|
36
|
-
/**
|
|
113
|
+
/**
|
|
114
|
+
* Indicates whether a component is closed. When `true`, the component will be hidden.
|
|
115
|
+
*
|
|
116
|
+
* @default false
|
|
117
|
+
* @example
|
|
118
|
+
* ```html
|
|
119
|
+
* <arcgis-catalog-layer-list-next closed></arcgis-catalog-layer-list-next>
|
|
120
|
+
* ```
|
|
121
|
+
*
|
|
122
|
+
* ```js
|
|
123
|
+
* catalogLayerListNextElement.closed = true;
|
|
124
|
+
* ```
|
|
125
|
+
*
|
|
126
|
+
*/
|
|
37
127
|
accessor closed: boolean;
|
|
38
|
-
/**
|
|
128
|
+
/**
|
|
129
|
+
* Indicates whether the component is collapsed. When collapsed, only the collapse button and heading are displayed.
|
|
130
|
+
*
|
|
131
|
+
* @default false
|
|
132
|
+
* @example
|
|
133
|
+
* ```html
|
|
134
|
+
* <arcgis-catalog-layer-list-next collapsed></arcgis-catalog-layer-list-next>
|
|
135
|
+
* ```
|
|
136
|
+
*
|
|
137
|
+
* ```js
|
|
138
|
+
* catalogLayerListNextElement.collapsed = true;
|
|
139
|
+
* ```
|
|
140
|
+
*
|
|
141
|
+
*/
|
|
39
142
|
accessor collapsed: boolean;
|
|
40
|
-
/**
|
|
143
|
+
/**
|
|
144
|
+
* Placeholder text used in the filter input when filtering is enabled.
|
|
145
|
+
*
|
|
146
|
+
* @default ""
|
|
147
|
+
* @example
|
|
148
|
+
* ```html
|
|
149
|
+
* <arcgis-catalog-layer-list-next filter-placeholder="Search..."></arcgis-catalog-layer-list-next>
|
|
150
|
+
* ```
|
|
151
|
+
*
|
|
152
|
+
* ```js
|
|
153
|
+
* catalogLayerListNextElement.filterPlaceholder = "Search...";
|
|
154
|
+
* ```
|
|
155
|
+
*
|
|
156
|
+
*/
|
|
41
157
|
accessor filterPlaceholder: string;
|
|
158
|
+
/**
|
|
159
|
+
* Specifies a function to determine whether a list item should be included in filter results.
|
|
160
|
+
*
|
|
161
|
+
* @example
|
|
162
|
+
*
|
|
163
|
+
* ```js
|
|
164
|
+
* catalogLayerListNextElement.filterPredicate = (item) => item.title.toLowerCase().includes("streets");
|
|
165
|
+
* ```
|
|
166
|
+
*
|
|
167
|
+
*/
|
|
42
168
|
accessor filterPredicate: Parameters<typeof setFilterPredicate>[1] | undefined;
|
|
43
|
-
/**
|
|
169
|
+
/**
|
|
170
|
+
* The value of the filter input text string when filtering is enabled.
|
|
171
|
+
*
|
|
172
|
+
* @default ""
|
|
173
|
+
* @example
|
|
174
|
+
*
|
|
175
|
+
* ```js
|
|
176
|
+
* reactiveUtils.watch(
|
|
177
|
+
* () => catalogLayerListNextElement.filterText,
|
|
178
|
+
* (filterText) => console.log(filterText)
|
|
179
|
+
* );
|
|
180
|
+
* ```
|
|
181
|
+
*
|
|
182
|
+
*/
|
|
44
183
|
accessor filterText: string;
|
|
45
|
-
/**
|
|
184
|
+
/**
|
|
185
|
+
* Indicates the heading level to use for the heading of the component. By default, the heading is rendered as a `<h2>`. Depending on the component's placement in your app, you may need to adjust this heading for proper semantics. This is important for meeting accessibility standards.
|
|
186
|
+
*
|
|
187
|
+
* @default 2
|
|
188
|
+
* @see [HTML heading elements](https://developer.mozilla.org/docs/Web/HTML/Element/Heading_Elements)
|
|
189
|
+
* @example
|
|
190
|
+
* ```html
|
|
191
|
+
* <arcgis-catalog-layer-list-next heading-level="2"></arcgis-catalog-layer-list-next>
|
|
192
|
+
* ```
|
|
193
|
+
*
|
|
194
|
+
* ```js
|
|
195
|
+
* catalogLayerListNextElement.headingLevel = 2;
|
|
196
|
+
* ```
|
|
197
|
+
*
|
|
198
|
+
*/
|
|
46
199
|
accessor headingLevel: HeadingLevel;
|
|
47
200
|
/**
|
|
48
|
-
*
|
|
201
|
+
* Indicates whether to hide the catalog layer list in the component.
|
|
49
202
|
*
|
|
50
203
|
* @default false
|
|
204
|
+
* @example
|
|
205
|
+
* ```html
|
|
206
|
+
* <arcgis-catalog-layer-list-next hide-catalog-layer-list></arcgis-catalog-layer-list-next>
|
|
207
|
+
* ```
|
|
208
|
+
*
|
|
209
|
+
* ```js
|
|
210
|
+
* catalogLayerListNextElement.hideCatalogLayerList = true;
|
|
211
|
+
* ```
|
|
212
|
+
*
|
|
51
213
|
*/
|
|
52
214
|
accessor hideCatalogLayerList: boolean;
|
|
53
215
|
/**
|
|
54
|
-
*
|
|
216
|
+
* Indicates whether to hide the notice that appears when no results are found after filtering.
|
|
55
217
|
*
|
|
56
218
|
* @default false
|
|
57
|
-
* @
|
|
219
|
+
* @example
|
|
220
|
+
* ```html
|
|
221
|
+
* <arcgis-catalog-layer-list-next hide-no-filter-results-notice></arcgis-catalog-layer-list-next>
|
|
222
|
+
* ```
|
|
223
|
+
*
|
|
224
|
+
* ```js
|
|
225
|
+
* catalogLayerListNextElement.hideNoFilterResultsNotice = true;
|
|
226
|
+
* ```
|
|
227
|
+
*
|
|
58
228
|
*/
|
|
59
229
|
accessor hideNoFilterResultsNotice: boolean;
|
|
60
230
|
/**
|
|
61
|
-
*
|
|
231
|
+
* Indicates whether to hide the notice that appears when there are no items to display.
|
|
62
232
|
*
|
|
63
233
|
* @default false
|
|
64
|
-
* @
|
|
234
|
+
* @example
|
|
235
|
+
* ```html
|
|
236
|
+
* <arcgis-catalog-layer-list-next hide-no-items-notice></arcgis-catalog-layer-list-next>
|
|
237
|
+
* ```
|
|
238
|
+
*
|
|
239
|
+
* ```js
|
|
240
|
+
* catalogLayerListNextElement.hideNoItemsNotice = true;
|
|
241
|
+
* ```
|
|
242
|
+
*
|
|
65
243
|
*/
|
|
66
244
|
accessor hideNoItemsNotice: boolean;
|
|
67
245
|
/**
|
|
68
|
-
*
|
|
246
|
+
* Indicates whether to hide status indicators in the component.
|
|
69
247
|
*
|
|
70
248
|
* @default false
|
|
249
|
+
* @example
|
|
250
|
+
* ```html
|
|
251
|
+
* <arcgis-catalog-layer-list-next hide-status-indicators></arcgis-catalog-layer-list-next>
|
|
252
|
+
* ```
|
|
253
|
+
*
|
|
254
|
+
* ```js
|
|
255
|
+
* catalogLayerListNextElement.hideStatusIndicators = true;
|
|
256
|
+
* ```
|
|
257
|
+
*
|
|
71
258
|
*/
|
|
72
259
|
accessor hideStatusIndicators: boolean;
|
|
260
|
+
/** @internal */
|
|
73
261
|
accessor knowledgeGraphOptions: TableListProperties | undefined;
|
|
262
|
+
/** The component's default label. */
|
|
74
263
|
accessor label: string | undefined;
|
|
264
|
+
/**
|
|
265
|
+
* A function that executes each time a list item is created. Use this function to configure the list item, including its title, actions, and panels.
|
|
266
|
+
*
|
|
267
|
+
* @example
|
|
268
|
+
* ```js
|
|
269
|
+
* catalogLayerListElement.listItemCreatedFunction = (event) => {
|
|
270
|
+
* const { item } = event;
|
|
271
|
+
* const { layer } = item;
|
|
272
|
+
*
|
|
273
|
+
* if (isLayerFromCatalog(layer)) {
|
|
274
|
+
* item.actionsSections = [
|
|
275
|
+
* [
|
|
276
|
+
* {
|
|
277
|
+
* title: "Add layer to map",
|
|
278
|
+
* icon: "add-layer",
|
|
279
|
+
* id: "add-layer"
|
|
280
|
+
* }
|
|
281
|
+
* ]
|
|
282
|
+
* ];
|
|
283
|
+
* }
|
|
284
|
+
* }
|
|
285
|
+
* ```
|
|
286
|
+
* @example
|
|
287
|
+
*
|
|
288
|
+
* ```js
|
|
289
|
+
* catalogLayerListNextElement.listItemCreatedFunction = async (event) => {
|
|
290
|
+
* // Destructure the item from the event object
|
|
291
|
+
* const {item} = event;
|
|
292
|
+
*
|
|
293
|
+
* // Wait for the layer to load and the item title to become available
|
|
294
|
+
* await item.layer.when();
|
|
295
|
+
*
|
|
296
|
+
* // If the item's title matches "US Demographics", customize the list item
|
|
297
|
+
* if (item.title === "US Demographics") {
|
|
298
|
+
* // open the list item in the LayerList component
|
|
299
|
+
* item.open = true;
|
|
300
|
+
* // change the title to something more descriptive
|
|
301
|
+
* item.title = "Population by county";
|
|
302
|
+
* // set an action for zooming to the full extent of the layer
|
|
303
|
+
* item.actionsSections = [[{
|
|
304
|
+
* title: "Go to full extent",
|
|
305
|
+
* icon: "zoom-out-fixed",
|
|
306
|
+
* id: "full-extent"
|
|
307
|
+
* }]];
|
|
308
|
+
* }
|
|
309
|
+
* };
|
|
310
|
+
* ```
|
|
311
|
+
*
|
|
312
|
+
*/
|
|
75
313
|
accessor listItemCreatedFunction: ItemModifier | null | undefined;
|
|
76
314
|
/**
|
|
77
315
|
* Specifies whether to ignore the [listMode](https://developers.arcgis.com/javascript/latest/references/core/layers/Layer/#listMode) property to display all layers. A common use case for `listModeDisabled` is when you want to use the component to manage and configure a layer's `listMode` value.
|
|
@@ -79,9 +317,22 @@ export abstract class ArcgisCatalogLayerListNext extends LitElement {
|
|
|
79
317
|
* @default false
|
|
80
318
|
* @see [listMode](https://developers.arcgis.com/javascript/latest/references/core/layers/Layer/#listMode)
|
|
81
319
|
* @since 5.2
|
|
320
|
+
* @example
|
|
321
|
+
* ```html
|
|
322
|
+
* <arcgis-catalog-layer-list-next list-mode-disabled></arcgis-catalog-layer-list-next>
|
|
323
|
+
* ```
|
|
324
|
+
*
|
|
325
|
+
* ```js
|
|
326
|
+
* catalogLayerListNextElement.listModeDisabled = true;
|
|
327
|
+
* ```
|
|
328
|
+
*
|
|
82
329
|
*/
|
|
83
330
|
accessor listModeDisabled: boolean;
|
|
84
|
-
/**
|
|
331
|
+
/**
|
|
332
|
+
* Replace localized message strings with your own strings.
|
|
333
|
+
*
|
|
334
|
+
* _**Note**: Individual message keys may change between releases._
|
|
335
|
+
*/
|
|
85
336
|
accessor messageOverrides: CatalogLayerListMessageOverrides;
|
|
86
337
|
/** @internal */
|
|
87
338
|
protected messages: Partial<{
|
|
@@ -115,52 +366,164 @@ export abstract class ArcgisCatalogLayerListNext extends LitElement {
|
|
|
115
366
|
tables: string;
|
|
116
367
|
catalogLayers: string;
|
|
117
368
|
}>;
|
|
118
|
-
/**
|
|
369
|
+
/**
|
|
370
|
+
* The minimum number of list items required to display the filter input box.
|
|
371
|
+
*
|
|
372
|
+
* @default 10
|
|
373
|
+
* @example
|
|
374
|
+
* ```html
|
|
375
|
+
* <arcgis-catalog-layer-list-next min-filter-items="3"></arcgis-catalog-layer-list-next>
|
|
376
|
+
* ```
|
|
377
|
+
*
|
|
378
|
+
* ```js
|
|
379
|
+
* catalogLayerListNextElement.minFilterItems = 3;
|
|
380
|
+
* ```
|
|
381
|
+
*
|
|
382
|
+
*/
|
|
119
383
|
accessor minFilterItems: number;
|
|
384
|
+
/** @internal */
|
|
120
385
|
accessor onCatalogOpen: ((item: Item) => void) | undefined;
|
|
386
|
+
/** @internal */
|
|
121
387
|
accessor onTablesOpen: ((item: Item) => void) | undefined;
|
|
388
|
+
/** @internal */
|
|
122
389
|
get openedLayerLists(): Collection<FlowList>;
|
|
390
|
+
/** @internal */
|
|
123
391
|
get openedLayers(): Collection<FlowLayer>;
|
|
392
|
+
/**
|
|
393
|
+
* By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.
|
|
394
|
+
*
|
|
395
|
+
* @see [Associate components with a Map or Scene component](https://developers.arcgis.com/javascript/latest/programming-patterns/#associate-components-with-a-map-or-scene-component)
|
|
396
|
+
*/
|
|
124
397
|
accessor referenceElement: ArcgisReferenceElement | string | undefined;
|
|
398
|
+
/**
|
|
399
|
+
* A collection of selected [items](https://developers.arcgis.com/javascript/latest/references/core/layers/list/Item/) in the list. This collection is updated when the user changes selection and is only populated when [selectionMode](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-catalog-layer-list-next/#selectionMode) is not set to `"none"`.
|
|
400
|
+
*
|
|
401
|
+
* @see [selectionMode](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-catalog-layer-list-next/#selectionMode)
|
|
402
|
+
* @example
|
|
403
|
+
* ```js
|
|
404
|
+
* reactiveUtils.watch(
|
|
405
|
+
* () => catalogLayerListNext.selectedItems?.at(0)?.layer,
|
|
406
|
+
* (layer) => {
|
|
407
|
+
* layer && handleLayerSelection(layer);
|
|
408
|
+
* },
|
|
409
|
+
* );
|
|
410
|
+
* ```
|
|
411
|
+
*/
|
|
125
412
|
accessor selectedItems: Collection<Item>;
|
|
126
|
-
/**
|
|
413
|
+
/**
|
|
414
|
+
* Specifies the selection mode. Selected items are available in the [selectedItems](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-catalog-layer-list-next/#selectedItems) property.
|
|
415
|
+
*
|
|
416
|
+
* | Value | Description |
|
|
417
|
+
* | ----- | ----------- |
|
|
418
|
+
* | multiple | Allows any number of items to be selected at once. This is useful when you want to apply an operation to multiple items at the same time. |
|
|
419
|
+
* | none | Disables selection. Use this when you want to prevent selecting items. |
|
|
420
|
+
* | single | Allows only one item to be selected at a time. If another item is selected, the previous selection is cleared. This is useful when you want to ensure that a maximum of one item is selected at a time. |
|
|
421
|
+
* | single-persist | Allows only one item to be selected at a time and prevents de-selection. Once an item is selected, it remains selected until another item is selected. This is useful when you want to ensure that there is always exactly one selected item. |
|
|
422
|
+
*
|
|
423
|
+
* @default "none"
|
|
424
|
+
* @see [selectedItems](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-catalog-layer-list-next/#selectedItems)
|
|
425
|
+
* @example
|
|
426
|
+
* ```html
|
|
427
|
+
* <arcgis-catalog-layer-list-next selection-mode="multiple"></arcgis-catalog-layer-list-next>
|
|
428
|
+
* ```
|
|
429
|
+
*
|
|
430
|
+
* ```js
|
|
431
|
+
* catalogLayerListNextElement.selectionMode = "multiple";
|
|
432
|
+
* ```
|
|
433
|
+
*
|
|
434
|
+
*/
|
|
127
435
|
accessor selectionMode: "multiple" | "none" | "single-persist" | "single";
|
|
128
436
|
/**
|
|
129
437
|
* This property provides the ability to show or hide the close button.
|
|
130
438
|
*
|
|
131
439
|
* @default false
|
|
440
|
+
* @example
|
|
441
|
+
* ```html
|
|
442
|
+
* <arcgis-catalog-layer-list-next show-close-button></arcgis-catalog-layer-list-next>
|
|
443
|
+
* ```
|
|
444
|
+
*
|
|
445
|
+
* ```js
|
|
446
|
+
* catalogLayerListNextElement.showCloseButton = true;
|
|
447
|
+
* ```
|
|
448
|
+
*
|
|
132
449
|
*/
|
|
133
450
|
accessor showCloseButton: boolean;
|
|
134
451
|
/**
|
|
135
452
|
* This property provides the ability to show or hide the collapse button.
|
|
136
453
|
*
|
|
137
454
|
* @default false
|
|
455
|
+
* @example
|
|
456
|
+
* ```html
|
|
457
|
+
* <arcgis-catalog-layer-list-next show-collapse-button></arcgis-catalog-layer-list-next>
|
|
458
|
+
* ```
|
|
459
|
+
*
|
|
460
|
+
* ```js
|
|
461
|
+
* catalogLayerListNextElement.showCollapseButton = true;
|
|
462
|
+
* ```
|
|
463
|
+
*
|
|
138
464
|
*/
|
|
139
465
|
accessor showCollapseButton: boolean;
|
|
140
466
|
/**
|
|
141
|
-
* This property provides the ability to show or hide error indicators.
|
|
467
|
+
* This property provides the ability to show or hide layer error indicators.
|
|
142
468
|
*
|
|
143
469
|
* @default false
|
|
470
|
+
* @example
|
|
471
|
+
* ```html
|
|
472
|
+
* <arcgis-catalog-layer-list-next show-errors></arcgis-catalog-layer-list-next>
|
|
473
|
+
* ```
|
|
474
|
+
*
|
|
475
|
+
* ```js
|
|
476
|
+
* catalogLayerListNextElement.showErrors = true;
|
|
477
|
+
* ```
|
|
478
|
+
*
|
|
144
479
|
*/
|
|
145
480
|
accessor showErrors: boolean;
|
|
146
481
|
/**
|
|
147
|
-
* This property provides the ability to show or hide the filter input.
|
|
482
|
+
* This property provides the ability to show or hide the filter input box when then number of list items is equal to or greater than the value set in [minFilterItems](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-catalog-layer-list-next/#minFilterItems), allowing users to filter layers by their title.
|
|
148
483
|
*
|
|
149
484
|
* @default false
|
|
485
|
+
* @example
|
|
486
|
+
* ```html
|
|
487
|
+
* <arcgis-catalog-layer-list-next show-filter></arcgis-catalog-layer-list-next>
|
|
488
|
+
* ```
|
|
489
|
+
*
|
|
490
|
+
* ```js
|
|
491
|
+
* catalogLayerListNextElement.showFilter = true;
|
|
492
|
+
* ```
|
|
493
|
+
*
|
|
150
494
|
*/
|
|
151
495
|
accessor showFilter: boolean;
|
|
152
496
|
/**
|
|
153
497
|
* This property provides the ability to show or hide the heading.
|
|
154
498
|
*
|
|
155
499
|
* @default false
|
|
500
|
+
* @example
|
|
501
|
+
* ```html
|
|
502
|
+
* <arcgis-catalog-layer-list-next show-heading></arcgis-catalog-layer-list-next>
|
|
503
|
+
* ```
|
|
504
|
+
*
|
|
505
|
+
* ```js
|
|
506
|
+
* catalogLayerListNextElement.showHeading = true;
|
|
507
|
+
* ```
|
|
508
|
+
*
|
|
156
509
|
*/
|
|
157
510
|
accessor showHeading: boolean;
|
|
158
511
|
/**
|
|
159
|
-
* This property provides the ability to show or hide temporary layer indicators.
|
|
512
|
+
* This property provides the ability to show or hide the temporary layer indicators for layers with [Layer#persistenceEnabled](https://developers.arcgis.com/javascript/latest/references/core/layers/Layer/#persistenceEnabled) set to `false`. A [temporary icon](https://developers.arcgis.com/calcite-design-system/icons/?icon=temporary&library=Calcite%20UI&query=temporary) will be displayed on the near side of the layer title.
|
|
160
513
|
*
|
|
161
514
|
* @default false
|
|
515
|
+
* @example
|
|
516
|
+
* ```html
|
|
517
|
+
* <arcgis-catalog-layer-list-next show-temporary-layer-indicators></arcgis-catalog-layer-list-next>
|
|
518
|
+
* ```
|
|
519
|
+
*
|
|
520
|
+
* ```js
|
|
521
|
+
* catalogLayerListNextElement.showTemporaryLayerIndicators = true;
|
|
522
|
+
* ```
|
|
523
|
+
*
|
|
162
524
|
*/
|
|
163
525
|
accessor showTemporaryLayerIndicators: boolean;
|
|
526
|
+
/** The current state of the component. */
|
|
164
527
|
get state(): State;
|
|
165
528
|
/** @default false */
|
|
166
529
|
accessor topLayerDisabled: boolean;
|
|
@@ -169,15 +532,41 @@ export abstract class ArcgisCatalogLayerListNext extends LitElement {
|
|
|
169
532
|
* > **Note:** The recommended approach is to fully migrate applications to use map and scene components and avoid using MapView and SceneView directly. However, if you are migrating a large application from widgets to components, you might prefer a more gradual transition. To support this use case, the SDK includes this `view` property which connects a component to a MapView or SceneView. Ultimately, once migration is complete, the arcgis-catalog-layer-list-next component will be associated with a map or scene component rather than using the `view` property.
|
|
170
533
|
*/
|
|
171
534
|
accessor view: MapViewOrSceneView | null | undefined;
|
|
172
|
-
/**
|
|
535
|
+
/**
|
|
536
|
+
* Determines the icons used to indicate visibility.
|
|
537
|
+
* | Value | Description | Example |
|
|
538
|
+
* | ----- | ----------- | ------- |
|
|
539
|
+
* | default | Displays view icons on the far side. Icons are hidden except on hover or if they have keyboard focus. See [view-visible](https://developers.arcgis.com/calcite-design-system/icons/?icon=view-visible&library=Calcite%20UI&query=view) and [view-hide](https://developers.arcgis.com/calcite-design-system/icons/?icon=view-hide&library=Calcite%20UI&query=view) calcite icons. |  |
|
|
540
|
+
* | checkbox | Displays checkbox icons on the near side. See [check-square-f](https://developers.arcgis.com/calcite-design-system/icons/?icon=check-square-f&library=Calcite%20UI&query=check) and [square](https://developers.arcgis.com/calcite-design-system/icons/?icon=square&library=Calcite%20UI&query=square) calcite icons. |  |
|
|
541
|
+
*
|
|
542
|
+
*
|
|
543
|
+
* @default "default"
|
|
544
|
+
* @example
|
|
545
|
+
* ```html
|
|
546
|
+
* <arcgis-catalog-layer-list-next visibility-appearance="checkbox"></arcgis-catalog-layer-list-next>
|
|
547
|
+
* ```
|
|
548
|
+
*
|
|
549
|
+
* ```js
|
|
550
|
+
* catalogLayerListNextElement.visibilityAppearance = "checkbox";
|
|
551
|
+
* ```
|
|
552
|
+
*
|
|
553
|
+
*/
|
|
173
554
|
accessor visibilityAppearance: VisibilityAppearance;
|
|
555
|
+
/** Permanently destroy the component. */
|
|
174
556
|
destroy(): Promise<void>;
|
|
557
|
+
/** Emitted when the [catalogItems](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-catalog-layer-list-next/#catalogItems) changes. */
|
|
175
558
|
readonly arcgisCatalogItemsChange: import("@arcgis/lumina").TargetedEvent<this, void>;
|
|
559
|
+
/** Emitted when the value of the [filterText](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-catalog-layer-list-next/#filterText) input changes. */
|
|
176
560
|
readonly arcgisFilterChange: import("@arcgis/lumina").TargetedEvent<this, void>;
|
|
561
|
+
/** Emitted when the collection of [openedLayers](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-catalog-layer-list-next/#openedLayers) changes. */
|
|
177
562
|
readonly arcgisOpenedLayersChange: import("@arcgis/lumina").TargetedEvent<this, void>;
|
|
563
|
+
/** Emitted when the value of a property is changed. Use this to listen to changes to properties. */
|
|
178
564
|
readonly arcgisPropertyChange: import("@arcgis/lumina").TargetedEvent<this, { name: "state"; }>;
|
|
565
|
+
/** Emitted when the component associated with a map or scene view is ready to be interacted with. */
|
|
179
566
|
readonly arcgisReady: import("@arcgis/lumina").TargetedEvent<this, void>;
|
|
567
|
+
/** Emitted when the collection of [selectedItems](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-catalog-layer-list-next/#selectedItems) changes. */
|
|
180
568
|
readonly arcgisSelectedItemsChange: import("@arcgis/lumina").TargetedEvent<this, void>;
|
|
569
|
+
/** Emitted when an action is triggered on the component. */
|
|
181
570
|
readonly arcgisTriggerAction: import("@arcgis/lumina").TargetedEvent<this, CatalogLayerListViewModelEvents["trigger-action"]>;
|
|
182
571
|
readonly "@eventTypes": {
|
|
183
572
|
arcgisCatalogItemsChange: ArcgisCatalogLayerListNext["arcgisCatalogItemsChange"]["detail"];
|
|
@@ -188,32 +577,4 @@ export abstract class ArcgisCatalogLayerListNext extends LitElement {
|
|
|
188
577
|
arcgisSelectedItemsChange: ArcgisCatalogLayerListNext["arcgisSelectedItemsChange"]["detail"];
|
|
189
578
|
arcgisTriggerAction: ArcgisCatalogLayerListNext["arcgisTriggerAction"]["detail"];
|
|
190
579
|
};
|
|
191
|
-
}
|
|
192
|
-
|
|
193
|
-
export type FlowLayer = CatalogLayer | SubtablesLayer;
|
|
194
|
-
|
|
195
|
-
export type FlowList = ArcgisCatalogLayerListNext | ArcgisTableList;
|
|
196
|
-
|
|
197
|
-
export type CatalogLayerListOptions = Partial<Pick<ArcgisCatalogLayerListNext, "filterPlaceholder" | "hideStatusIndicators" | "minFilterItems" | "selectionMode" | "showErrors" | "showFilter" | "showTemporaryLayerIndicators" | "visibilityAppearance">>
|
|
198
|
-
& {
|
|
199
|
-
listItemCreatedFunction?: CatalogItemCollection["listItemCreatedFunction"];
|
|
200
|
-
};
|
|
201
|
-
|
|
202
|
-
export type CatalogLayerListMessageOverrides = ReturnType<typeof useT9n<{
|
|
203
|
-
componentLabel: string;
|
|
204
|
-
noItemsToDisplay: string;
|
|
205
|
-
layerInvisibleAtScale: string;
|
|
206
|
-
layerInvisibleAtTime: string;
|
|
207
|
-
layerError: string;
|
|
208
|
-
untitledLayer: string;
|
|
209
|
-
layerVisibility: string;
|
|
210
|
-
showLayer: string;
|
|
211
|
-
hideLayer: string;
|
|
212
|
-
layerIncompatible: string;
|
|
213
|
-
layerIncompatibleTooltip: string;
|
|
214
|
-
temporary: string;
|
|
215
|
-
tables: string;
|
|
216
|
-
catalogLayers: string;
|
|
217
|
-
}>>["_overrides"];
|
|
218
|
-
|
|
219
|
-
export type SubtablesLayer = KnowledgeGraphLayer | MapImageLayer | TileLayer;
|
|
580
|
+
}
|
|
@@ -41,10 +41,10 @@ class se extends D {
|
|
|
41
41
|
e && this.#L(e);
|
|
42
42
|
}, this.#d = (e) => {
|
|
43
43
|
e && this.#v(e);
|
|
44
|
-
}, this.viewModel = te(this), this._activeItem = null, this._focusRootFlowItem = !1, this._focusPanelFlowItem = !1, this._focusLayerFlowItem = null, this.layerTablesEnabled = new u(["knowledge-graph"]), this.mapImageOptions = null, this.tileOptions = null, this.
|
|
44
|
+
}, this.viewModel = te(this), this._activeItem = null, this._focusRootFlowItem = !1, this._focusPanelFlowItem = !1, this._focusLayerFlowItem = null, this.layerTablesEnabled = new u(["knowledge-graph"]), this.mapImageOptions = null, this.tileOptions = null, this.autoDestroyDisabled = !1, this.closed = !1, this.collapsed = !1, this.filterPlaceholder = "", this.filterText = "", this.headingLevel = 2, this.hideCatalogLayerList = !1, this.hideNoFilterResultsNotice = !1, this.hideNoItemsNotice = !1, this.hideStatusIndicators = !1, this.listItemCreatedFunction = this.viewModel.listItemCreatedFunction, this.listModeDisabled = this.viewModel.listModeDisabled, this.minFilterItems = j, this.openedLayerLists = new u(), this.openedLayers = new u(), this.selectedItems = new ee(), this.selectionMode = "none", this.showCloseButton = !1, this.showCollapseButton = !1, this.showErrors = !1, this.showFilter = !1, this.showHeading = !1, this.showTemporaryLayerIndicators = !1, this.state = this.viewModel.state, this.topLayerDisabled = !1, this.view = this.viewModel.view, this.visibilityAppearance = "default", this.arcgisCatalogItemsChange = d(), this.arcgisFilterChange = d(), this.arcgisOpenedLayersChange = d(), this.arcgisPropertyChange = k()("state"), this.arcgisReady = d(), this.arcgisSelectedItemsChange = d(), this.arcgisTriggerAction = B(() => this.viewModel, "trigger-action");
|
|
45
45
|
}
|
|
46
46
|
static {
|
|
47
|
-
this.properties = { _catalogLayerList: 16, _activeItem: 16, _focusRootFlowItem: 16, _focusPanelFlowItem: 16, _focusLayerFlowItem: 16, _totalItems: 16, _filterEnabled: 16, _visibleItems: 16, _openedPanelItems: 16, _renderedOpenLayerFlowItems: 16, layerTablesEnabled: 16, mapImageOptions: 16, tileOptions: 16,
|
|
47
|
+
this.properties = { _catalogLayerList: 16, _activeItem: 16, _focusRootFlowItem: 16, _focusPanelFlowItem: 16, _focusLayerFlowItem: 16, _totalItems: 16, _filterEnabled: 16, _visibleItems: 16, _openedPanelItems: 16, _renderedOpenLayerFlowItems: 16, layerTablesEnabled: 16, mapImageOptions: 16, tileOptions: 16, autoDestroyDisabled: 5, catalogItems: 0, catalogLayer: 0, catalogOptions: 0, closed: 5, collapsed: 5, filterPlaceholder: 1, filterPredicate: 0, filterText: 1, headingLevel: 9, hideCatalogLayerList: 5, hideNoFilterResultsNotice: 5, hideNoItemsNotice: 5, hideStatusIndicators: 5, knowledgeGraphOptions: 0, label: 1, listItemCreatedFunction: 0, listModeDisabled: 5, messageOverrides: 0, minFilterItems: 9, onCatalogOpen: 0, onTablesOpen: 0, openedLayerLists: 32, openedLayers: 32, referenceElement: 1, selectedItems: 0, selectionMode: 1, showCloseButton: 5, showCollapseButton: 5, showErrors: 5, showFilter: 5, showHeading: 5, showTemporaryLayerIndicators: 5, state: 32, topLayerDisabled: 5, view: 0, visibilityAppearance: 1 };
|
|
48
48
|
}
|
|
49
49
|
static {
|
|
50
50
|
this.styles = [Q, W];
|