@arcgis/map-components 4.33.0-next.71 → 4.33.0-next.73

package/dist/docs/vscode.html-custom-data.json

@@ -4205,6 +4205,122 @@
         }
       ]
     },
+    {
+      "name": "arcgis-layer-list-item",
+      "description": "### Events\n- **arcgisPropertyChange** - Emitted when the value of a property is changed. Use this to listen to changes to properties.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `destroy(): Promise<void>` - Permanently destroy the component.",
+      "attributes": [
+        {
+          "name": "auto-destroy-disabled",
+          "description": "If true, the component will not be destroyed automatically when\nit is disconnected from the document. This is useful when you\nwant to move the component to a different place on the page, or\ntemporary hide it. If this is set, make sure to call the\n\\`destroy\\` method when you are done to prevent memory leaks.",
+          "values": []
+        },
+        {
+          "name": "display-mode",
+          "values": [
+            {
+              "name": "flat"
+            },
+            {
+              "name": "nested"
+            }
+          ]
+        },
+        {
+          "name": "drag-enabled",
+          "values": []
+        },
+        {
+          "name": "hide-catalog-layer-list",
+          "values": []
+        },
+        {
+          "name": "hide-flow",
+          "values": []
+        },
+        {
+          "name": "hide-status-indicators",
+          "values": []
+        },
+        {
+          "name": "list-mode-disabled",
+          "values": []
+        },
+        {
+          "name": "root-group-uid",
+          "values": []
+        },
+        {
+          "name": "selected-drag-item-layer-uid",
+          "values": []
+        },
+        {
+          "name": "selection-mode",
+          "values": [
+            {
+              "name": "multiple"
+            },
+            {
+              "name": "none"
+            },
+            {
+              "name": "single"
+            },
+            {
+              "name": "single-persist"
+            }
+          ]
+        },
+        {
+          "name": "show-close-button",
+          "values": []
+        },
+        {
+          "name": "show-collapse-button",
+          "values": []
+        },
+        {
+          "name": "show-errors",
+          "values": []
+        },
+        {
+          "name": "show-filter",
+          "values": []
+        },
+        {
+          "name": "show-heading",
+          "values": []
+        },
+        {
+          "name": "show-temporary-layer-indicators",
+          "values": []
+        },
+        {
+          "name": "show-temporary-table-indicators",
+          "values": []
+        },
+        {
+          "name": "visibility-appearance",
+          "values": [
+            {
+              "name": "checkbox"
+            },
+            {
+              "name": "default"
+            }
+          ]
+        }
+      ],
+      "references": [
+        {
+          "name": "Docs",
+          "url": "https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-layer-list-item/"
+        },
+        {
+          "name": "Demo",
+          "url": "https://developers.arcgis.com/javascript/latest/storybook/map-components/?path=/story/arcgis-layer-list-item--demo&singleStory=true"
+        }
+      ]
+    },
     {
       "name": "arcgis-legend",
       "description": "The Legend component describes the symbols used to represent layers in a map.\n--\n\n### Events\n- **arcgisPropertyChange** - Emitted when the value of a property is changed. Use this to listen to changes to properties.\n- **arcgisReady** - Emitted when the component associated with a map view is is ready to be interacted with.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `destroy(): Promise<void>` - Permanently destroy the component.",

package/dist/docs/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@arcgis/map-components",
-  "version": "4.33.0-next.71",
+  "version": "4.33.0-next.73",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -7669,6 +7669,302 @@
             ]
           }
         },
+        {
+          "name": "arcgis-layer-list-item",
+          "description": "### Events\n- **arcgisPropertyChange** - Emitted when the value of a property is changed. Use this to listen to changes to properties.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `destroy(): Promise<void>` - Permanently destroy the component.",
+          "doc-url": "https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-layer-list-item/",
+          "attributes": [
+            {
+              "name": "auto-destroy-disabled",
+              "description": "If true, the component will not be destroyed automatically when\nit is disconnected from the document. This is useful when you\nwant to move the component to a different place on the page, or\ntemporary hide it. If this is set, make sure to call the\n\\`destroy\\` method when you are done to prevent memory leaks.",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "display-mode",
+              "value": {
+                "type": [
+                  "\"flat\"",
+                  "\"nested\""
+                ]
+              }
+            },
+            {
+              "name": "drag-enabled",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "hide-catalog-layer-list",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "hide-flow",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "hide-status-indicators",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "list-mode-disabled",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "root-group-uid",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "selected-drag-item-layer-uid",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "selection-mode",
+              "value": {
+                "type": [
+                  "\"multiple\"",
+                  "\"none\"",
+                  "\"single\"",
+                  "\"single-persist\""
+                ]
+              }
+            },
+            {
+              "name": "show-close-button",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "show-collapse-button",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "show-errors",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "show-filter",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "show-heading",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "show-temporary-layer-indicators",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "show-temporary-table-indicators",
+              "default": "false",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "visibility-appearance",
+              "value": {
+                "type": [
+                  "\"checkbox\"",
+                  "\"default\""
+                ]
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "arcgisPropertyChange",
+              "type": "{ name: \"autoDestroyDisabled\" | \"messageOverrides\"; }",
+              "description": "Emitted when the value of a property is changed. Use this to listen to changes to properties."
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "activeItem",
+                "type": "ListItem | TableListListItem"
+              },
+              {
+                "name": "autoDestroyDisabled",
+                "description": "If true, the component will not be destroyed automatically when\nit is disconnected from the document. This is useful when you\nwant to move the component to a different place on the page, or\ntemporary hide it. If this is set, make sure to call the\n\\`destroy\\` method when you are done to prevent memory leaks.",
+                "type": "boolean"
+              },
+              {
+                "name": "canMove",
+                "type": "((({ dragEl, fromEl, toEl }: DragDetail, type: \"put\" | \"pull\") => boolean))"
+              },
+              {
+                "name": "css",
+                "type": "{\n    base: string;\n    actionMenu: string;\n    actionGroup: string;\n    filterNoResults: string;\n    item: string;\n    itemActive: string;\n    itemContentBottom: string;\n    itemMessage: string;\n    itemActionIcon: string;\n    itemActionImage: string;\n    itemTemporaryIcon: string;\n    itemTableIcon: string;\n    itemCatalogIcon: string;\n    statusIndicator: string;\n    publishing: string;\n    updating: string;\n    connectionStatus: string;\n    connectionStatusConnected: string;\n    visibleToggle: string;\n    visibleIcon: string;\n}"
+              },
+              {
+                "name": "displayMode",
+                "type": "\"flat\" | \"nested\""
+              },
+              {
+                "name": "dragEnabled",
+                "type": "boolean"
+              },
+              {
+                "name": "handleAction",
+                "type": "(action: Action, item: UnionListItem) => void"
+              },
+              {
+                "name": "handleCatalogOpen",
+                "type": "(((item: ListItem) => void))"
+              },
+              {
+                "name": "handlePanelOpen",
+                "type": "() => void"
+              },
+              {
+                "name": "handleSelectedDragItemLayerUidChange",
+                "type": "(((uid: string | null) => void))"
+              },
+              {
+                "name": "handleTablesOpen",
+                "type": "(((item: ListItem) => void))"
+              },
+              {
+                "name": "handleTooltipReferenceChange",
+                "type": "(((id: string, element: HTMLSpanElement | null) => void))"
+              },
+              {
+                "name": "hideCatalogLayerList",
+                "type": "boolean"
+              },
+              {
+                "name": "hideFlow",
+                "type": "boolean"
+              },
+              {
+                "name": "hideStatusIndicators",
+                "type": "boolean"
+              },
+              {
+                "name": "item",
+                "type": "ListItem | TableListListItem"
+              },
+              {
+                "name": "layerTablesEnabled",
+                "type": "Collection<\"map-image\" | \"tile\" | \"knowledge-graph\">"
+              },
+              {
+                "name": "listModeDisabled",
+                "type": "boolean"
+              },
+              {
+                "name": "messageOverrides",
+                "description": "Overwrite localized strings for this component",
+                "type": "{\n    componentLabel?: string | undefined;\n    noItemsToDisplay?: string | undefined;\n    layerInvisibleAtScale?: string | undefined;\n    layerInvisibleAtTime?: string | undefined;\n    layerError?: string | undefined;\n    untitledLayer?: string | undefined;\n    untitledTable?: string | undefined;\n    layerVisibility?: string | undefined;\n    menu?: string | undefined;\n    options?: string | undefined;\n    showLayer?: string | undefined;\n    hideLayer?: string | undefined;\n    layerIncompatible?: string | undefined;\n    layerIncompatibleTooltip?: string | undefined;\n    tableError?: string | undefined;\n    temporary?: string | undefined;\n    tables?: string | undefined;\n    catalogLayers?: string | undefined;\n}"
+              },
+              {
+                "name": "messages",
+                "type": "{\n    componentLabel?: string | undefined;\n    noItemsToDisplay?: string | undefined;\n    layerInvisibleAtScale?: string | undefined;\n    layerInvisibleAtTime?: string | undefined;\n    layerError?: string | undefined;\n    untitledLayer?: string | undefined;\n    untitledTable?: string | undefined;\n    layerVisibility?: string | undefined;\n    menu?: string | undefined;\n    options?: string | undefined;\n    showLayer?: string | undefined;\n    hideLayer?: string | undefined;\n    layerIncompatible?: string | undefined;\n    layerIncompatibleTooltip?: string | undefined;\n    tableError?: string | undefined;\n    temporary?: string | undefined;\n    tables?: string | undefined;\n    catalogLayers?: string | undefined;\n} & {\n    _lang: string;\n    _t9nLocale: \"el\" | \"id\" | \"hr\" | \"th\" | \"tr\" | \"es\" | \"sl\" | \"fi\" | \"vi\" | \"ar\" | \"de\" | \"da\" | \"ca\" | \"pl\" | \"it\" | \"et\" | \"bs\" | \"sk\" | \"ru\" | \"ro\" | \"en\" | \"no\" | \"lt\" | \"cs\" | \"he\" | \"fr\" | \"sv\" | \"bg\" | \"lv\" | \"nl\" | \"sr\" | \"hu\" | \"ja\" | \"ko\" | \"nb\" | \"pt-BR\" | \"pt-PT\" | \"uk\" | \"zh-CN\" | \"zh-HK\" | \"zh-TW\";\n    _loading: boolean;\n    _overrides: {\n        componentLabel?: string | undefined;\n        noItemsToDisplay?: string | undefined;\n        layerInvisibleAtScale?: string | undefined;\n        layerInvisibleAtTime?: string | undefined;\n        layerError?: string | undefined;\n        untitledLayer?: string | undefined;\n        untitledTable?: string | undefined;\n        layerVisibility?: string | undefined;\n        menu?: string | undefined;\n        options?: string | undefined;\n        showLayer?: string | undefined;\n        hideLayer?: string | undefined;\n        layerIncompatible?: string | undefined;\n        layerIncompatibleTooltip?: string | undefined;\n        tableError?: string | undefined;\n        temporary?: string | undefined;\n        tables?: string | undefined;\n        catalogLayers?: string | undefined;\n    };\n    _original?: {\n        componentLabel: string;\n        noItemsToDisplay: string;\n        layerInvisibleAtScale: string;\n        layerInvisibleAtTime: string;\n        layerError: string;\n        untitledLayer: string;\n        untitledTable: string;\n        layerVisibility: string;\n        menu: string;\n        options: string;\n        showLayer: string;\n        hideLayer: string;\n        layerIncompatible: string;\n        layerIncompatibleTooltip: string;\n        tableError: string;\n        temporary: string;\n        tables: string;\n        catalogLayers: string;\n    } | undefined;\n}"
+              },
+              {
+                "name": "parent",
+                "type": "ListItem | TableListListItem"
+              },
+              {
+                "name": "parentTitles",
+                "type": "Array<string>"
+              },
+              {
+                "name": "rootGroupUid",
+                "type": "string"
+              },
+              {
+                "name": "selectedDragItemLayerUid",
+                "type": "string"
+              },
+              {
+                "name": "selectedItems",
+                "type": "Collection<TableListListItem | ListItem>"
+              },
+              {
+                "name": "selectionMode",
+                "type": "\"multiple\" | \"none\" | \"single\" | \"single-persist\""
+              },
+              {
+                "name": "showCloseButton",
+                "type": "boolean"
+              },
+              {
+                "name": "showCollapseButton",
+                "type": "boolean"
+              },
+              {
+                "name": "showErrors",
+                "type": "boolean"
+              },
+              {
+                "name": "showFilter",
+                "type": "boolean"
+              },
+              {
+                "name": "showHeading",
+                "type": "boolean"
+              },
+              {
+                "name": "showTemporaryLayerIndicators",
+                "type": "boolean"
+              },
+              {
+                "name": "showTemporaryTableIndicators",
+                "type": "boolean"
+              },
+              {
+                "name": "visibilityAppearance",
+                "type": "\"checkbox\" | \"default\""
+              }
+            ],
+            "events": [
+              {
+                "name": "arcgisPropertyChange",
+                "type": "{ name: \"autoDestroyDisabled\" | \"messageOverrides\"; }",
+                "description": "Emitted when the value of a property is changed. Use this to listen to changes to properties."
+              }
+            ]
+          }
+        },
         {
           "name": "arcgis-legend",
           "description": "The Legend component describes the symbols used to represent layers in a map.\n--\n\n### Events\n- **arcgisPropertyChange** - Emitted when the value of a property is changed. Use this to listen to changes to properties.\n- **arcgisReady** - Emitted when the component associated with a map view is is ready to be interacted with.\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `destroy(): Promise<void>` - Permanently destroy the component.",

package/dist/index.d.ts

@@ -28,6 +28,7 @@ import type { ArcgisHistogram } from "./components/arcgis-histogram";
 import type { ArcgisHistogramRangeSlider } from "./components/arcgis-histogram-range-slider";
 import type { ArcgisHome } from "./components/arcgis-home";
 import type { ArcgisLayerList } from "./components/arcgis-layer-list";
+import type { ArcgisLayerListItem } from "./components/arcgis-layer-list-item";
 import type { ArcgisLegend } from "./components/arcgis-legend";
 import type { ArcgisLineOfSight } from "./components/arcgis-line-of-sight";
 import type { ArcgisLinkChart } from "./components/arcgis-link-chart";
@@ -223,6 +224,11 @@ export interface ArcgisLayerListCustomEvent<T> extends CustomEvent<T> {
   target: HTMLArcgisLayerListElement;
   currentTarget: HTMLArcgisLayerListElement;
 }
+export interface ArcgisLayerListItemCustomEvent<T> extends CustomEvent<T> {
+  detail: T;
+  target: HTMLArcgisLayerListItemElement;
+  currentTarget: HTMLArcgisLayerListItemElement;
+}
 export interface ArcgisLegendCustomEvent<T> extends CustomEvent<T> {
   detail: T;
   target: HTMLArcgisLegendElement;
@@ -423,6 +429,7 @@ declare global {
     "arcgis-histogram-range-slider": HTMLArcgisHistogramRangeSliderElement;
     "arcgis-home": HTMLArcgisHomeElement;
     "arcgis-layer-list": HTMLArcgisLayerListElement;
+    "arcgis-layer-list-item": HTMLArcgisLayerListItemElement;
     "arcgis-legend": HTMLArcgisLegendElement;
     "arcgis-line-of-sight": HTMLArcgisLineOfSightElement;
     "arcgis-link-chart": HTMLArcgisLinkChartElement;
@@ -861,6 +868,18 @@ declare global {
     removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
     removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
   }
+  interface HTMLArcgisLayerListItemElementEventMap {
+    "arcgisPropertyChange": ArcgisLayerListItem["arcgisPropertyChange"]["detail"];
+  }
+
+  interface HTMLArcgisLayerListItemElement extends ArcgisLayerListItem {
+    addEventListener<K extends keyof HTMLArcgisLayerListItemElementEventMap>(type: K, listener: (this: HTMLArcgisLayerListItemElement, ev: ArcgisLayerListItemCustomEvent<HTMLArcgisLayerListItemElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+    addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+    removeEventListener<K extends keyof HTMLArcgisLayerListItemElementEventMap>(type: K, listener: (this: HTMLArcgisLayerListItemElement, ev: ArcgisLayerListItemCustomEvent<HTMLArcgisLayerListItemElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+    removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+    removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+  }
   interface HTMLArcgisLegendElementEventMap {
     "arcgisPropertyChange": ArcgisLegend["arcgisPropertyChange"]["detail"];
     "arcgisReady": ArcgisLegend["arcgisReady"]["detail"];

package/dist/index.js

@@ -1,7 +1,7 @@
 import { s, g as t } from "./chunks/runtime.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.71 */
+v4.33.0-next.73 */
 const a = s, A = t;
 export {
   A as getArcgisAssetPath,

package/dist/loader.js

@@ -2,7 +2,7 @@ import { r as e } from "./chunks/runtime.js";
 import { makeDefineCustomElements as t } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.71 */
+v4.33.0-next.73 */
 const a = t(e, {
   "arcgis-area-measurement-2d": [() => import("./components/arcgis-area-measurement-2d/customElement.js"), "autoDestroyDisabled,icon,label,position,referenceElement,snappingOptions:,state,unit,unitOptions:;clear,destroy,start"],
   "arcgis-area-measurement-3d": [() => import("./components/arcgis-area-measurement-3d/customElement.js"), "analysis:,autoDestroyDisabled,icon,label,position,referenceElement,state,unit,unitOptions:;clear,destroy,start"],
@@ -35,6 +35,7 @@ const a = t(e, {
   "arcgis-histogram-range-slider": [() => import("./components/arcgis-histogram-range-slider/customElement.js"), "autoDestroyDisabled,average,barCreatedFunction:,bins:,dataLineCreatedFunction:,dataLines:,excludedBarColor,icon,includedBarColor,label,labelFormatFunction:,max,min,position,precision,rangeType,referenceElement,standardDeviation,standardDeviationCount,state,values:;destroy,generateWhereClause"],
   "arcgis-home": [() => import("./components/arcgis-home/customElement.js"), "autoDestroyDisabled,goToOverride:,icon,label,messageOverrides:,position,referenceElement,state,viewpoint:;cancelGo,destroy,go"],
   "arcgis-layer-list": [() => import("./components/arcgis-layer-list/customElement.js"), "autoDestroyDisabled,catalogLayerList:,catalogOptions:,collapsed,dragEnabled,filterPlaceholder,filterPredicate:,filterText,headingLevel,hideCatalogLayerList,hideFlow,hideStatusIndicators,icon,knowledgeGraphOptions:,label,listItemCreatedFunction:,minDragEnabledItems,minFilterItems,openedLayers:,operationalItems:,position,referenceElement,selectedItems:,selectionMode,showCloseButton,showCollapseButton,showErrors,showFilter,showHeading,showTemporaryLayerIndicators,state,tableList:,visibilityAppearance;destroy,triggerAction"],
+  "arcgis-layer-list-item": [() => import("./components/arcgis-layer-list-item/customElement.js"), "activeItem:,autoDestroyDisabled,canMove:,css:,displayMode,dragEnabled,handleAction:,handleCatalogOpen:,handlePanelOpen:,handleSelectedDragItemLayerUidChange:,handleTablesOpen:,handleTooltipReferenceChange:,hideCatalogLayerList,hideFlow,hideStatusIndicators,item:,layerTablesEnabled:,listModeDisabled,messageOverrides:,messages:,parent:,parentTitles:,rootGroupUid,selectedDragItemLayerUid,selectedItems:,selectionMode,showCloseButton,showCollapseButton,showErrors,showFilter,showHeading,showTemporaryLayerIndicators,showTemporaryTableIndicators,visibilityAppearance;destroy"],
   "arcgis-legend": [() => import("./components/arcgis-legend/customElement.js"), "activeLayerInfos:,autoDestroyDisabled,basemapLegendVisible,headingLevel,hideLayersNotInCurrentView,icon,label,layerInfos:,legendStyle,position,referenceElement,respectLayerDefinitionExpression,respectLayerVisibilityDisabled,state;destroy"],
   "arcgis-line-of-sight": [() => import("./components/arcgis-line-of-sight/customElement.js"), "analysis:,autoDestroyDisabled,icon,label,position,referenceElement,state;clear,continue,destroy,start,stop"],
   "arcgis-link-chart": [() => import("./components/arcgis-link-chart/customElement.js"), "allLayerViews:,autoDestroyDisabled,background:,basemap,basemapView:,center,constraints:,displayFilterDisabled,extent:,fatalError:,graphics:,highlights:,interacting:,itemId,layerViews:,magnifier:,map:,navigating:,navigation:,padding:,popup:,popupDisabled,ready:,resizeAlign,resolution:,rotation,scale,spatialReference:,stationary:,suspended,theme:,timeExtent:,timeZone,updating,view:,viewpoint:,zoom;addLayer,addLayers,closePopup,destroy,goTo,openPopup,tryFatalErrorRecovery,viewOnReady,whenLayerView;toMap,toScreen"],

package/dist/testing/Overlay.d.ts

@@ -0,0 +1,23 @@
+import { Screenshot } from '@webgis/image-assert';
+export type DiffImages = ImgDesc[];
+interface ImgDesc {
+    title: string;
+    image: Screenshot;
+}
+export declare class Overlay {
+    private readonly _close;
+    private readonly _zoom;
+    private readonly _buttons;
+    private readonly _imageFrame;
+    private readonly _commands;
+    private readonly _keypressListener;
+    private readonly _mousedownListener;
+    readonly div: HTMLDivElement;
+    constructor(images: DiffImages, active: number, _close: () => void);
+    release(): void;
+    private _setZoomActive;
+    private _updateImage;
+    private _keypress;
+    private _mousedown;
+}
+export {};

package/dist/testing/imageUtils.d.ts

@@ -0,0 +1,4 @@
+import { Screenshot } from '@webgis/image-assert';
+export declare function base64ToImageData(base64: string): Promise<ImageData>;
+export declare function pngToBase64(data: Uint8Array): string;
+export declare function diffImage(source: Screenshot, reference: Screenshot): Promise<Screenshot>;

package/dist/testing/localScreenshotStore.d.ts

@@ -0,0 +1,12 @@
+import { IStore } from '@webgis/image-assert';
+declare module "@vitest/browser/context" {
+    interface BrowserCommands {
+        putScreenshot: (hash: string, base64: string) => Promise<true>;
+        getScreenshot: (hash: string) => Promise<string | null>;
+        hasScreenshot: (hash: string) => Promise<boolean>;
+    }
+}
+/**
+ * Creates a screenshot store that uses Vitest server commands to store screenshots in the filesystem.
+ */
+export declare function createLocalScreenshotStore(namespace: string): IStore;

package/dist/testing/screenshotRendering.d.ts

@@ -0,0 +1,2 @@
+import { EvaluateResult, Expectations } from '@webgis/image-assert';
+export declare function renderScreenshot(expectations: Expectations, value: EvaluateResult): Promise<HTMLElement>;

package/dist/testing/screenshotUtils.d.ts

@@ -0,0 +1,12 @@
+import { Expectation, Expectations, Events } from '@webgis/image-assert';
+export declare const imageNamespace = "awc-sst-images";
+export declare const screenshotExpectationEvents: Events;
+export declare function setupExpectations(): () => void;
+export declare function screenshotExpectations(): Expectations;
+export declare function assertScreenshot(element: HTMLElement, hash: Expectation, message?: string): Promise<void>;
+export declare class MultipleScreenshots {
+    private readonly _assertions;
+    takeScreenshot(element: HTMLElement, expected: Expectation, message: string): Promise<void>;
+    assert(): Promise<void>;
+    clear(): void;
+}

package/dist/testing/testUtils.d.ts

@@ -1,5 +1,5 @@
+/// <reference types="@arcgis/core/interfaces.d.ts" />
 import { default as SpatialReference } from '@arcgis/core/geometry/SpatialReference';
-import { default as Layer } from '@arcgis/core/layers/Layer';
 import { JsxNode, LitElement, ToElement } from '@arcgis/lumina';
 import { RenderResult } from '@arcgis/lumina-compiler/testing';
 import { Service } from '@webgis/service-mocks';
@@ -12,14 +12,6 @@ interface CommonOptions {
     services?: Service[];
     placement?: ArcgisPlacement["position"];
 }
-interface MapOptions {
-    layers?: Layer[];
-    basemap?: ArcgisMap["basemap"];
-}
-interface MapOptions2D extends MapOptions {
-}
-interface MapOptions3D extends MapOptions {
-}
 interface ViewOptions {
     spatialReference?: SpatialReference;
     width?: number;
@@ -28,13 +20,14 @@ interface ViewOptions {
 interface ViewOptions2D extends ViewOptions {
 }
 interface ViewOptions3D extends ViewOptions {
+    camera?: __esri.CameraProperties;
 }
 type DefineOptions<MapOptionsType, ViewOptionsType> = CommonOptions & {
     mapOptions?: MapOptionsType;
     viewOptions?: ViewOptionsType;
 };
-type Options2D = DefineOptions<MapOptions2D, ViewOptions2D>;
-type Options3D = DefineOptions<MapOptions3D, ViewOptions3D>;
+type Options2D = DefineOptions<__esri.WebMapProperties, ViewOptions2D>;
+type Options3D = DefineOptions<__esri.WebSceneProperties, ViewOptions3D>;
 export interface ToRenderResult<ViewComponent extends HTMLElement, Component extends HTMLElement> extends RenderResult<Component> {
     viewEl: ToElement<ViewComponent>;
 }
@@ -46,9 +39,11 @@ type MountFunctionSignature<OptionsType extends Options2D | Options3D, ViewCompo
     <Component extends LitElement>(template: JsxFn | TemplateResult | (new () => Component), options?: OptionsType): Promise<ToRenderResult<ViewComponent, Component>>;
 };
 export declare const mountWithMap: MountFunctionSignature<Options2D, ArcgisMap>;
+export declare function setupMapComponent(viewEl: ToElement<ArcgisMap>, viewOptions?: ViewOptions2D): void;
 export declare const mountWithScene: MountFunctionSignature<Options3D, ArcgisScene>;
 export declare function setupSceneComponent(viewEl: ToElement<ArcgisScene>, viewOptions?: ViewOptions3D): void;
-export declare function waitViewReady(el: ToElement<ArcgisMap> | ToElement<ArcgisScene>): Promise<void>;
+export declare function waitUpdated(viewEl: ToElement<ArcgisMap | ArcgisScene>): Promise<void>;
+export declare function waitViewReady<T extends ArcgisMap | ArcgisScene>(el: ToElement<T>): Promise<void>;
 export declare function expectToBeSome<T>(value: T | null | undefined): asserts value is NonNullable<T>;
 export declare function makeDefaultTileService(): serviceMocks.ServiceMap;
 export declare function makeTopoVectorBasemapServices(): serviceMocks.Service[];

package/dist/testing/vitestBrowserCommands.d.ts

@@ -0,0 +1,29 @@
+import { BrowserCommand } from 'vitest/node';
+/**
+ * Writes a screenshot to the filesystem.
+ *
+ * @param _ctx The browser command context.
+ * @param hash The hash of the screenshot.
+ * @param base64 The base64-encoded PNG image.
+ *
+ * @returns `true` if the screenshot was written successfully
+ */
+export declare const putScreenshot: BrowserCommand<[hash: string, base64: string]>;
+/**
+ * Reads a screenshot from the filesystem.
+ *
+ * @param _ctx The browser command context.
+ * @param hash The hash of the screenshot.
+ *
+ * @returns The base64-encoded PNG image, or `null` if the screenshot does not exist.
+ */
+export declare const getScreenshot: BrowserCommand<[path: string]>;
+/**
+ * Checks if a screenshot exists.
+ *
+ * @param _ctx The browser command context.
+ * @param hash The hash of the screenshot.
+ *
+ * @returns `true` if the screenshot exists.
+ */
+export declare const hasScreenshot: BrowserCommand<[path: string]>;