@arcgis/map-components 5.0.0-next.4 → 5.0.0-next.5

package/dist/docs/docs.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2025-09-29T04:41:47",
+  "timestamp": "2025-09-30T04:37:07",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
-    "version": "5.0.0-next.4",
+    "version": "5.0.0-next.5",
     "typescriptVersion": "5.8.3"
   },
   "components": [
@@ -35997,7 +35997,7 @@
       "overview": "",
       "readme": "",
       "usage": {},
-      "docs": "## Overview\nThe Popup component allows users to view content from feature attributes. Popups enhance web applications\nby providing users with a simple way to interact with and view attributes in a layer.\nThey play an important role in relaying information to the user, which improves the storytelling capabilities of the application.\n\n## Popup UI\nThe [arcgis-map](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-map/), [arcgis-scene](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/), or [arcgis-link-chart](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-link-chart/) components contain a default popup.\nThis popup can display generic content, which is set in its [heading](#heading)\nand [content](#content) properties.\nWhen  content is set directly on the Popup instance it is not tied to a specific feature or layer.\n\n[![popup-basic-example](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/popup/popup-basic.png)](../sample-code/sandbox/?sample=intro-popup)\n\nIn the image above, the text \"Marriage in Nassau County Census Tract 5177.01\" is the popup's [heading](#heading).\nThe remaining text is the popup's [`content`](#content).\nA dock button is displayed in the top right corner of the popup allowing the user to dock the popup to one of the sides or corners of the view.\nThe options for docking may be set in the [dockOptions](#dockOptions) property.\nThe popup may also be collapsed by clicking the collapse button (the down arrow icon) in the top right corner of the popup.\nWhen collapsed, only the heading of the popup displays.\nThe popup may be closed by clicking the close button (the \"x\" icon) in the top right corner of the popup.\n\nPopups can also contain [actions](#actions) which execute a function defined by the developer when clicked.\nBy default, every popup has a \"Zoom to\" action (as shown in the image above with the magnifying glass) that allows users to zoom to the selected feature.\nSee the [actions](#actions) property for information about adding custom actions to a popup.\n\nThe Popup component is tied to a [arcgis-map](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-map/), [arcgis-scene](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/), or [arcgis-link-chart](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-link-chart/) component, whether it's docked or anchored to the selected feature.\nIf wanting to utilize the Popup functionality outside of [arcgis-map](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-map/), [arcgis-scene](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/), or [arcgis-link-chart](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-link-chart/), the [arcgis-features](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-features/) component can be used to display the same content\nin its own container.\n\n## Popup and PopupTemplate\n[PopupTemplates](https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html) are closely related to Popup, but are more specific to [layers](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-Layer.html)\nand [graphics](https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html). Popup templates allow you to define custom titles and content templates based on the source of the\n[selected feature](#selectedFeature). When a layer or a graphic has a defined\npopup template, the popup will display the content defined in the popup template when the feature is clicked.\nThe content may contain field values from the attributes of the [selected feature](#selectedFeature).\n\nCustom PopupTemplates may also be assigned directly to a popup by setting [graphics](https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html) on the\n[features](#features) property.",
+      "docs": "## Overview\nThe Popup component allows users to view content from feature attributes. Popups enhance web applications\nby providing users with a simple way to interact with and view attributes in a layer.\nThey play an important role in relaying information to the user, which improves the storytelling capabilities of the application.\n\n## Popup UI\nThe [arcgis-map](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-map/), [arcgis-scene](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/), or [arcgis-link-chart](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-link-chart/) components contain a default popup.\nThis popup can display generic content, which is set in its [heading](#heading)\nand [content](#content) properties.\nWhen  content is set directly on the Popup instance it is not tied to a specific feature or layer.\n\n![popup-basic-example](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/popup/popup-basic.png)\n\nIn the image above, the text \"Marriage in Nassau County Census Tract 5177.01\" is the popup's [heading](#heading).\nThe remaining text is the popup's [content](#content).\nA dock button is displayed in the top right corner of the popup allowing the user to dock the popup to one of the sides or corners of the view.\nThe options for docking may be set in the [dockOptions](#dockOptions) property.\nThe popup may also be collapsed by clicking the collapse button (the down arrow icon) in the top right corner of the popup.\nWhen collapsed, only the heading of the popup displays.\nThe popup may be closed by clicking the close button (the \"x\" icon) in the top right corner of the popup.\n\nPopups can also contain [actions](#actions) which execute a function defined by the developer when clicked.\nBy default, every popup has a \"Zoom to\" action (as shown in the image above with the magnifying glass) that allows users to zoom to the selected feature.\nSee the [actions](#actions) property for information about adding custom actions to a popup.\n\nThe Popup component is tied to a [arcgis-map](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-map/), [arcgis-scene](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/), or [arcgis-link-chart](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-link-chart/) component, whether it's docked or anchored to the selected feature.\nIf wanting to utilize the Popup functionality outside of [arcgis-map](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-map/), [arcgis-scene](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/), or [arcgis-link-chart](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-link-chart/), the [arcgis-features](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-features/) component can be used to display the same content\nin its own container.\n\n## Popup and PopupTemplate\n[PopupTemplates](https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html) are closely related to Popup, but are more specific to [layers](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-Layer.html)\nand [graphics](https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html). Popup templates allow you to define custom titles and content templates based on the source of the\n[selected feature](#selectedFeature). When a layer or a graphic has a defined\npopup template, the popup will display the content defined in the popup template when the feature is clicked.\nThe content may contain field values from the attributes of the [selected feature](#selectedFeature).\n\nCustom PopupTemplates may also be assigned directly to a popup by setting [graphics](https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html) on the\n[features](#features) property.",
       "docsTags": [
         {
           "name": "since",
@@ -36008,11 +36008,11 @@
         },
         {
           "name": "see",
-          "text": "module :esri/PopupTemplate"
+          "text": "[PopupTemplate](https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html)"
         },
         {
           "name": "see",
-          "text": "[Guide - Esri Icon Font](../guide/esri-icon-font/index.html)"
+          "text": "[Guide - Esri Icon Font](https://developers.arcgis.com/javascript/latest/guide/esri-icon-font/)"
         },
         {
           "name": "superclass",
@@ -36050,7 +36050,7 @@
           },
           "mutable": true,
           "reflectToAttr": false,
-          "docs": "A [collection](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Collection.html) of [action button](https://developers.arcgis.com/javascript/latest/api-reference/esri-support-actions-ActionButton.html) or [action toggle](https://developers.arcgis.com/javascript/latest/api-reference/esri-support-actions-ActionToggle.html) objects.\nEach action may be executed by clicking the icon or image symbolizing them.\n\nBy default, popups have a `Zoom To` action styled with a magnifying glass icon.\nWhen this icon is clicked, the view zooms in four LODs and centers on the selected feature.\nYou may remove this default action by setting [includeDefaultActionsDisabled](#includeDefaultActionsDisabled) to `true`, or by setting the\n[`overwriteActions`](esri-PopupTemplate.html#overwriteActions) property to `true` in a [PopupTemplate](https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html).\n\nThe order of each action is the order in which they appear in the actions [Collection](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Collection.html).\n\nThe [arcgisTriggerAction](#arcgisTriggerAction) event fires each time an action is clicked.",
+          "docs": "A [collection](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Collection.html) of [action button](https://developers.arcgis.com/javascript/latest/api-reference/esri-support-actions-ActionButton.html) or [action toggle](https://developers.arcgis.com/javascript/latest/api-reference/esri-support-actions-ActionToggle.html) objects.\nEach action may be executed by clicking the icon or image symbolizing them.\n\nBy default, popups have a `Zoom To` action styled with a magnifying glass icon.\nWhen this icon is clicked, the view zooms in four LODs and centers on the selected feature.\nYou may remove this default action by setting [includeDefaultActionsDisabled](#includeDefaultActionsDisabled) to `true`, or by setting the\n[`overwriteActions`](https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html#overwriteActions) property to `true` in a [PopupTemplate](https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html).\n\nThe order of each action is the order in which they appear in the actions [Collection](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Collection.html).\n\nThe [arcgisTriggerAction](#arcgisTriggerAction) event fires each time an action is clicked.",
           "docsTags": [
             {
               "name": "autocast",
@@ -36060,18 +36060,6 @@
               "name": "see",
               "text": "[arcgisTriggerAction](#arcgisTriggerAction)"
             },
-            {
-              "name": "see",
-              "text": "[Sample - Popup actions](../sample-code/popup-actions/index.html)"
-            },
-            {
-              "name": "see",
-              "text": "[Sample - Custom popup actions per feature](../sample-code/popup-custom-action/index.html)"
-            },
-            {
-              "name": "see",
-              "text": "[Sample - Popup with edit action](../sample-code/popup-editaction/index.html)"
-            },
             {
               "name": "example",
               "text": "```js\n// Defines an action button to zoom out from the selected feature\nconst zoomOutAction = {\n  type: \"button\",\n  // This text is displayed as a tooltip\n  title: \"Zoom out\",\n  // The ID by which to reference the action in the event handler\n  id: \"zoom-out\",\n  // Sets the icon used to style the action button\n  icon: \"magnifying-glass-minus\"\n};\n// Adds the custom action to the popup.\npopupComponent.actions.push(zoomOutAction);\n```"
@@ -36281,14 +36269,6 @@
             {
               "name": "noautocast"
             },
-            {
-              "name": "see",
-              "text": "[Sample - Popup Docking](../sample-code/popup-docking-position/index.html)"
-            },
-            {
-              "name": "see",
-              "text": "[Sample - Popup with DOM node](../sample-code/popup-domnode/index.html)"
-            },
             {
               "name": "example",
               "text": "```js\n// This sets generic instructions in the popup that will always be displayed\n// unless it is overridden by a PopupTemplate\npopupComponent.content = \"Click a feature on the map to view its attributes\";\n```"
@@ -36389,10 +36369,6 @@
           "reflectToAttr": false,
           "docs": "Indicates whether the placement of the popup is docked to the side of the view.\n\nDocking the popup allows for a better user experience, particularly when opening\npopups in apps on mobile devices. When a popup is \"dockEnabled\" it means the popup no\nlonger points to the [selected feature](#selectedFeature) or the [location](#location)\nassigned to it. Rather it is attached to a side, the top, or the bottom of the view.\n\nSee [dockOptions](#dockOptions) to override default options related to docking the popup.",
           "docsTags": [
-            {
-              "name": "see",
-              "text": "[Sample - Popup docking](../sample-code/popup-docking-position/index.html)"
-            },
             {
               "name": "example",
               "text": "```html\n<!-- Setting this property in HTML -->\n<arcgis-popup dock-enabled></arcgis-popup>\n```"
@@ -36429,10 +36405,6 @@
           "reflectToAttr": false,
           "docs": "Docking the popup allows for a better user experience, particularly when opening\npopups in apps on mobile devices. When a popup is \"dockEnabled\" it means the popup no\nlonger points to the [selected feature](#selectedFeature) or the [location](#location)\nassigned to it. Rather it is placed in one of the corners of the view or to the top or bottom\nof it. This property allows the developer to set various options for docking the popup.\n\nSee the object specification table below to override default docking properties on the popup.",
           "docsTags": [
-            {
-              "name": "see",
-              "text": "[Sample - Popup docking](../sample-code/popup-docking-position/index.html)"
-            },
             {
               "name": "example",
               "text": "```js\npopupComponent.dockOptions = {\n  // Disable the dock button so users cannot undock the popup\n  buttonEnabled: false,\n  // Dock the popup when the size of the view is less than or equal to 600x1000 pixels\n  breakpoint: {\n    width: 600,\n    height: 1000\n  }\n};\n```"
@@ -36926,10 +36898,6 @@
               "name": "autocast",
               "text": "{ \"byTypeProperty\": false }"
             },
-            {
-              "name": "see",
-              "text": "[Intro to popups](../sample-code/intro-popup/index.html)"
-            },
             {
               "name": "example",
               "text": "```js\n// Sets the location of the popup to the center of the view\npopupComponent.location = viewELement.center;\n// Displays the popup\npopupComponent.visible = true;\n```"
@@ -37180,6 +37148,40 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "view",
+          "type": "MapView | SceneView",
+          "complexType": {
+            "original": "MapView | SceneView",
+            "resolved": "MapView | SceneView",
+            "references": {
+              "MapView": {
+                "location": "import",
+                "path": "@arcgis/core/interfaces.d.ts",
+                "id": "notImplemented"
+              },
+              "SceneView": {
+                "location": "import",
+                "path": "@arcgis/core/interfaces.d.ts",
+                "id": "notImplemented"
+              }
+            }
+          },
+          "mutable": true,
+          "reflectToAttr": false,
+          "docs": "The view associated with the component. \n  > **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 ArcgisPopup component will be associated with a map or scene component rather than using the `view` property.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "MapView"
+            },
+            {
+              "type": "SceneView"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "visible",
           "type": "boolean",

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

@@ -6282,7 +6282,7 @@
     },
     {
       "name": "arcgis-popup",
-      "description": "## Overview\nThe Popup component allows users to view content from feature attributes. Popups enhance web applications\nby providing users with a simple way to interact with and view attributes in a layer.\nThey play an important role in relaying information to the user, which improves the storytelling capabilities of the application.\n\n## Popup UI\nThe [arcgis-map](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-map/), [arcgis-scene](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/), or [arcgis-link-chart](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-link-chart/) components contain a default popup.\nThis popup can display generic content, which is set in its [heading](#heading)\nand [content](#content) properties.\nWhen  content is set directly on the Popup instance it is not tied to a specific feature or layer.\n\n[![popup-basic-example](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/popup/popup-basic.png)](../sample-code/sandbox/?sample=intro-popup)\n\nIn the image above, the text \"Marriage in Nassau County Census Tract 5177.01\" is the popup's [heading](#heading).\nThe remaining text is the popup's [`content`](#content).\nA dock button is displayed in the top right corner of the popup allowing the user to dock the popup to one of the sides or corners of the view.\nThe options for docking may be set in the [dockOptions](#dockOptions) property.\nThe popup may also be collapsed by clicking the collapse button (the down arrow icon) in the top right corner of the popup.\nWhen collapsed, only the heading of the popup displays.\nThe popup may be closed by clicking the close button (the \"x\" icon) in the top right corner of the popup.\n\nPopups can also contain [actions](#actions) which execute a function defined by the developer when clicked.\nBy default, every popup has a \"Zoom to\" action (as shown in the image above with the magnifying glass) that allows users to zoom to the selected feature.\nSee the [actions](#actions) property for information about adding custom actions to a popup.\n\nThe Popup component is tied to a [arcgis-map](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-map/), [arcgis-scene](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/), or [arcgis-link-chart](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-link-chart/) component, whether it's docked or anchored to the selected feature.\nIf wanting to utilize the Popup functionality outside of [arcgis-map](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-map/), [arcgis-scene](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/), or [arcgis-link-chart](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-link-chart/), the [arcgis-features](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-features/) component can be used to display the same content\nin its own container.\n\n## Popup and PopupTemplate\n[PopupTemplates](https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html) are closely related to Popup, but are more specific to [layers](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-Layer.html)\nand [graphics](https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html). Popup templates allow you to define custom titles and content templates based on the source of the\n[selected feature](#selectedFeature). When a layer or a graphic has a defined\npopup template, the popup will display the content defined in the popup template when the feature is clicked.\nThe content may contain field values from the attributes of the [selected feature](#selectedFeature).\n\nCustom PopupTemplates may also be assigned directly to a popup by setting [graphics](https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html) on the\n[features](#features) property.\n--\n\n### Events\n- **arcgisClose** - Emitted when the component's close button is clicked.\n- **arcgisPropertyChange**\n- **arcgisReady** - Emitted when the component associated with a map or scene view is ready to be interacted with.\n- **arcgisTriggerAction** - Fires after the user clicks on an action in the Popup component.\nThis event may be used to define a custom function to execute when particular actions are clicked.\n\n### Methods\n- `clear(): Promise<void>` - Removes all [promises](#promises), [features](#features), [content](#content),\n[heading](#heading) and [location](#location) from the Popup.\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `destroy(): Promise<void>` - Permanently destroy the component.\n- `fetchFeatures(screenPoint: __esri.ScreenPoint, options?: FetchFeaturesOptions): Promise<__esri.FetchPopupFeaturesResult>` - Use this method to return feature(s) at a given screen location.\nThese features are fetched from all of the [LayerViews](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-LayerView.html)\nin the [view](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-View.html). In order to use this, a layer must already have an\nassociated [PopupTemplate](https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html) and have its [popupEnabled](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#popupEnabled).\n- `handleViewClick(event: Event): Promise<void>`\n- `next(): Promise<FeaturesViewModel>` - Selects the feature at the next index in relation to the selected feature.\n- `open(options?: __esri.FeaturesViewModelOpenOptions): Promise<void>` - Opens the popup at the given location with content defined either explicitly with `content`\nor driven from the [PopupTemplate](https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html) of input features. This method sets\nthe popup's [visible](#visible) property to `true`. Users can alternatively open the popup\nby directly setting the [visible](#visible) property to `true`.\n\n***Note:***\nThe popup will only display if the [arcgis-map](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-map/) or [arcgis-scene](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/) size constraints in [dockOptions](#dockOptions) are met or the [location](#location)\nproperty is set to a geometry.\n- `previous(): Promise<FeaturesViewModel>` - Selects the feature at the previous index in relation to the selected feature.\n- `setFocus(): Promise<void>` - Use this method to give focus to the Widget if the widget is able to be focused.\n- `triggerAction(action: __esri.ActionButton | __esri.ActionToggle): Promise<void>` - Triggers the [arcgisTriggerAction](#arcgisTriggerAction) event and executes the [action](#actions)\nat the specified index in the [actions](#actions) array.",
+      "description": "## Overview\nThe Popup component allows users to view content from feature attributes. Popups enhance web applications\nby providing users with a simple way to interact with and view attributes in a layer.\nThey play an important role in relaying information to the user, which improves the storytelling capabilities of the application.\n\n## Popup UI\nThe [arcgis-map](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-map/), [arcgis-scene](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/), or [arcgis-link-chart](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-link-chart/) components contain a default popup.\nThis popup can display generic content, which is set in its [heading](#heading)\nand [content](#content) properties.\nWhen  content is set directly on the Popup instance it is not tied to a specific feature or layer.\n\n![popup-basic-example](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/popup/popup-basic.png)\n\nIn the image above, the text \"Marriage in Nassau County Census Tract 5177.01\" is the popup's [heading](#heading).\nThe remaining text is the popup's [content](#content).\nA dock button is displayed in the top right corner of the popup allowing the user to dock the popup to one of the sides or corners of the view.\nThe options for docking may be set in the [dockOptions](#dockOptions) property.\nThe popup may also be collapsed by clicking the collapse button (the down arrow icon) in the top right corner of the popup.\nWhen collapsed, only the heading of the popup displays.\nThe popup may be closed by clicking the close button (the \"x\" icon) in the top right corner of the popup.\n\nPopups can also contain [actions](#actions) which execute a function defined by the developer when clicked.\nBy default, every popup has a \"Zoom to\" action (as shown in the image above with the magnifying glass) that allows users to zoom to the selected feature.\nSee the [actions](#actions) property for information about adding custom actions to a popup.\n\nThe Popup component is tied to a [arcgis-map](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-map/), [arcgis-scene](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/), or [arcgis-link-chart](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-link-chart/) component, whether it's docked or anchored to the selected feature.\nIf wanting to utilize the Popup functionality outside of [arcgis-map](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-map/), [arcgis-scene](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/), or [arcgis-link-chart](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-link-chart/), the [arcgis-features](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-features/) component can be used to display the same content\nin its own container.\n\n## Popup and PopupTemplate\n[PopupTemplates](https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html) are closely related to Popup, but are more specific to [layers](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-Layer.html)\nand [graphics](https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html). Popup templates allow you to define custom titles and content templates based on the source of the\n[selected feature](#selectedFeature). When a layer or a graphic has a defined\npopup template, the popup will display the content defined in the popup template when the feature is clicked.\nThe content may contain field values from the attributes of the [selected feature](#selectedFeature).\n\nCustom PopupTemplates may also be assigned directly to a popup by setting [graphics](https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html) on the\n[features](#features) property.\n--\n\n### Events\n- **arcgisClose** - Emitted when the component's close button is clicked.\n- **arcgisPropertyChange**\n- **arcgisReady** - Emitted when the component associated with a map or scene view is ready to be interacted with.\n- **arcgisTriggerAction** - Fires after the user clicks on an action in the Popup component.\nThis event may be used to define a custom function to execute when particular actions are clicked.\n\n### Methods\n- `clear(): Promise<void>` - Removes all [promises](#promises), [features](#features), [content](#content),\n[heading](#heading) and [location](#location) from the Popup.\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `destroy(): Promise<void>` - Permanently destroy the component.\n- `fetchFeatures(screenPoint: __esri.ScreenPoint, options?: FetchFeaturesOptions): Promise<__esri.FetchPopupFeaturesResult>` - Use this method to return feature(s) at a given screen location.\nThese features are fetched from all of the [LayerViews](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-LayerView.html)\nin the [view](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-View.html). In order to use this, a layer must already have an\nassociated [PopupTemplate](https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html) and have its [popupEnabled](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#popupEnabled).\n- `handleViewClick(event: Event): Promise<void>`\n- `next(): Promise<FeaturesViewModel>` - Selects the feature at the next index in relation to the selected feature.\n- `open(options?: __esri.FeaturesViewModelOpenOptions): Promise<void>` - Opens the popup at the given location with content defined either explicitly with `content`\nor driven from the [PopupTemplate](https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html) of input features. This method sets\nthe popup's [visible](#visible) property to `true`. Users can alternatively open the popup\nby directly setting the [visible](#visible) property to `true`.\n\n***Note:***\nThe popup will only display if the [arcgis-map](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-map/) or [arcgis-scene](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/) size constraints in [dockOptions](#dockOptions) are met or the [location](#location)\nproperty is set to a geometry.\n- `previous(): Promise<FeaturesViewModel>` - Selects the feature at the previous index in relation to the selected feature.\n- `setFocus(): Promise<void>` - Use this method to give focus to the Widget if the widget is able to be focused.\n- `triggerAction(action: __esri.ActionButton | __esri.ActionToggle): Promise<void>` - Triggers the [arcgisTriggerAction](#arcgisTriggerAction) event and executes the [action](#actions)\nat the specified index in the [actions](#actions) array.",
       "attributes": [
         {
           "name": "alignment",

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": "5.0.0-next.4",
+  "version": "5.0.0-next.5",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -12145,7 +12145,7 @@
         },
         {
           "name": "arcgis-popup",
-          "description": "## Overview\nThe Popup component allows users to view content from feature attributes. Popups enhance web applications\nby providing users with a simple way to interact with and view attributes in a layer.\nThey play an important role in relaying information to the user, which improves the storytelling capabilities of the application.\n\n## Popup UI\nThe [arcgis-map](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-map/), [arcgis-scene](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/), or [arcgis-link-chart](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-link-chart/) components contain a default popup.\nThis popup can display generic content, which is set in its [heading](#heading)\nand [content](#content) properties.\nWhen  content is set directly on the Popup instance it is not tied to a specific feature or layer.\n\n[![popup-basic-example](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/popup/popup-basic.png)](../sample-code/sandbox/?sample=intro-popup)\n\nIn the image above, the text \"Marriage in Nassau County Census Tract 5177.01\" is the popup's [heading](#heading).\nThe remaining text is the popup's [`content`](#content).\nA dock button is displayed in the top right corner of the popup allowing the user to dock the popup to one of the sides or corners of the view.\nThe options for docking may be set in the [dockOptions](#dockOptions) property.\nThe popup may also be collapsed by clicking the collapse button (the down arrow icon) in the top right corner of the popup.\nWhen collapsed, only the heading of the popup displays.\nThe popup may be closed by clicking the close button (the \"x\" icon) in the top right corner of the popup.\n\nPopups can also contain [actions](#actions) which execute a function defined by the developer when clicked.\nBy default, every popup has a \"Zoom to\" action (as shown in the image above with the magnifying glass) that allows users to zoom to the selected feature.\nSee the [actions](#actions) property for information about adding custom actions to a popup.\n\nThe Popup component is tied to a [arcgis-map](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-map/), [arcgis-scene](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/), or [arcgis-link-chart](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-link-chart/) component, whether it's docked or anchored to the selected feature.\nIf wanting to utilize the Popup functionality outside of [arcgis-map](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-map/), [arcgis-scene](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/), or [arcgis-link-chart](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-link-chart/), the [arcgis-features](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-features/) component can be used to display the same content\nin its own container.\n\n## Popup and PopupTemplate\n[PopupTemplates](https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html) are closely related to Popup, but are more specific to [layers](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-Layer.html)\nand [graphics](https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html). Popup templates allow you to define custom titles and content templates based on the source of the\n[selected feature](#selectedFeature). When a layer or a graphic has a defined\npopup template, the popup will display the content defined in the popup template when the feature is clicked.\nThe content may contain field values from the attributes of the [selected feature](#selectedFeature).\n\nCustom PopupTemplates may also be assigned directly to a popup by setting [graphics](https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html) on the\n[features](#features) property.\n--\n\n### Events\n- **arcgisClose** - Emitted when the component's close button is clicked.\n- **arcgisPropertyChange**\n- **arcgisReady** - Emitted when the component associated with a map or scene view is ready to be interacted with.\n- **arcgisTriggerAction** - Fires after the user clicks on an action in the Popup component.\nThis event may be used to define a custom function to execute when particular actions are clicked.\n\n### Methods\n- `clear(): Promise<void>` - Removes all [promises](#promises), [features](#features), [content](#content),\n[heading](#heading) and [location](#location) from the Popup.\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `destroy(): Promise<void>` - Permanently destroy the component.\n- `fetchFeatures(screenPoint: __esri.ScreenPoint, options?: FetchFeaturesOptions): Promise<__esri.FetchPopupFeaturesResult>` - Use this method to return feature(s) at a given screen location.\nThese features are fetched from all of the [LayerViews](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-LayerView.html)\nin the [view](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-View.html). In order to use this, a layer must already have an\nassociated [PopupTemplate](https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html) and have its [popupEnabled](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#popupEnabled).\n- `handleViewClick(event: Event): Promise<void>`\n- `next(): Promise<FeaturesViewModel>` - Selects the feature at the next index in relation to the selected feature.\n- `open(options?: __esri.FeaturesViewModelOpenOptions): Promise<void>` - Opens the popup at the given location with content defined either explicitly with `content`\nor driven from the [PopupTemplate](https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html) of input features. This method sets\nthe popup's [visible](#visible) property to `true`. Users can alternatively open the popup\nby directly setting the [visible](#visible) property to `true`.\n\n***Note:***\nThe popup will only display if the [arcgis-map](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-map/) or [arcgis-scene](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/) size constraints in [dockOptions](#dockOptions) are met or the [location](#location)\nproperty is set to a geometry.\n- `previous(): Promise<FeaturesViewModel>` - Selects the feature at the previous index in relation to the selected feature.\n- `setFocus(): Promise<void>` - Use this method to give focus to the Widget if the widget is able to be focused.\n- `triggerAction(action: __esri.ActionButton | __esri.ActionToggle): Promise<void>` - Triggers the [arcgisTriggerAction](#arcgisTriggerAction) event and executes the [action](#actions)\nat the specified index in the [actions](#actions) array.",
+          "description": "## Overview\nThe Popup component allows users to view content from feature attributes. Popups enhance web applications\nby providing users with a simple way to interact with and view attributes in a layer.\nThey play an important role in relaying information to the user, which improves the storytelling capabilities of the application.\n\n## Popup UI\nThe [arcgis-map](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-map/), [arcgis-scene](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/), or [arcgis-link-chart](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-link-chart/) components contain a default popup.\nThis popup can display generic content, which is set in its [heading](#heading)\nand [content](#content) properties.\nWhen  content is set directly on the Popup instance it is not tied to a specific feature or layer.\n\n![popup-basic-example](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/popup/popup-basic.png)\n\nIn the image above, the text \"Marriage in Nassau County Census Tract 5177.01\" is the popup's [heading](#heading).\nThe remaining text is the popup's [content](#content).\nA dock button is displayed in the top right corner of the popup allowing the user to dock the popup to one of the sides or corners of the view.\nThe options for docking may be set in the [dockOptions](#dockOptions) property.\nThe popup may also be collapsed by clicking the collapse button (the down arrow icon) in the top right corner of the popup.\nWhen collapsed, only the heading of the popup displays.\nThe popup may be closed by clicking the close button (the \"x\" icon) in the top right corner of the popup.\n\nPopups can also contain [actions](#actions) which execute a function defined by the developer when clicked.\nBy default, every popup has a \"Zoom to\" action (as shown in the image above with the magnifying glass) that allows users to zoom to the selected feature.\nSee the [actions](#actions) property for information about adding custom actions to a popup.\n\nThe Popup component is tied to a [arcgis-map](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-map/), [arcgis-scene](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/), or [arcgis-link-chart](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-link-chart/) component, whether it's docked or anchored to the selected feature.\nIf wanting to utilize the Popup functionality outside of [arcgis-map](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-map/), [arcgis-scene](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/), or [arcgis-link-chart](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-link-chart/), the [arcgis-features](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-features/) component can be used to display the same content\nin its own container.\n\n## Popup and PopupTemplate\n[PopupTemplates](https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html) are closely related to Popup, but are more specific to [layers](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-Layer.html)\nand [graphics](https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html). Popup templates allow you to define custom titles and content templates based on the source of the\n[selected feature](#selectedFeature). When a layer or a graphic has a defined\npopup template, the popup will display the content defined in the popup template when the feature is clicked.\nThe content may contain field values from the attributes of the [selected feature](#selectedFeature).\n\nCustom PopupTemplates may also be assigned directly to a popup by setting [graphics](https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html) on the\n[features](#features) property.\n--\n\n### Events\n- **arcgisClose** - Emitted when the component's close button is clicked.\n- **arcgisPropertyChange**\n- **arcgisReady** - Emitted when the component associated with a map or scene view is ready to be interacted with.\n- **arcgisTriggerAction** - Fires after the user clicks on an action in the Popup component.\nThis event may be used to define a custom function to execute when particular actions are clicked.\n\n### Methods\n- `clear(): Promise<void>` - Removes all [promises](#promises), [features](#features), [content](#content),\n[heading](#heading) and [location](#location) from the Popup.\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.\n- `destroy(): Promise<void>` - Permanently destroy the component.\n- `fetchFeatures(screenPoint: __esri.ScreenPoint, options?: FetchFeaturesOptions): Promise<__esri.FetchPopupFeaturesResult>` - Use this method to return feature(s) at a given screen location.\nThese features are fetched from all of the [LayerViews](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-LayerView.html)\nin the [view](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-View.html). In order to use this, a layer must already have an\nassociated [PopupTemplate](https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html) and have its [popupEnabled](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#popupEnabled).\n- `handleViewClick(event: Event): Promise<void>`\n- `next(): Promise<FeaturesViewModel>` - Selects the feature at the next index in relation to the selected feature.\n- `open(options?: __esri.FeaturesViewModelOpenOptions): Promise<void>` - Opens the popup at the given location with content defined either explicitly with `content`\nor driven from the [PopupTemplate](https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html) of input features. This method sets\nthe popup's [visible](#visible) property to `true`. Users can alternatively open the popup\nby directly setting the [visible](#visible) property to `true`.\n\n***Note:***\nThe popup will only display if the [arcgis-map](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-map/) or [arcgis-scene](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/) size constraints in [dockOptions](#dockOptions) are met or the [location](#location)\nproperty is set to a geometry.\n- `previous(): Promise<FeaturesViewModel>` - Selects the feature at the previous index in relation to the selected feature.\n- `setFocus(): Promise<void>` - Use this method to give focus to the Widget if the widget is able to be focused.\n- `triggerAction(action: __esri.ActionButton | __esri.ActionToggle): Promise<void>` - Triggers the [arcgisTriggerAction](#arcgisTriggerAction) event and executes the [action](#actions)\nat the specified index in the [actions](#actions) array.",
           "doc-url": "https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-popup/",
           "attributes": [
             {
@@ -12394,7 +12394,7 @@
             "properties": [
               {
                 "name": "actions",
-                "description": "A [collection](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Collection.html) of [action button](https://developers.arcgis.com/javascript/latest/api-reference/esri-support-actions-ActionButton.html) or [action toggle](https://developers.arcgis.com/javascript/latest/api-reference/esri-support-actions-ActionToggle.html) objects.\nEach action may be executed by clicking the icon or image symbolizing them.\n\nBy default, popups have a `Zoom To` action styled with a magnifying glass icon.\nWhen this icon is clicked, the view zooms in four LODs and centers on the selected feature.\nYou may remove this default action by setting [includeDefaultActionsDisabled](#includeDefaultActionsDisabled) to `true`, or by setting the\n[`overwriteActions`](esri-PopupTemplate.html#overwriteActions) property to `true` in a [PopupTemplate](https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html).\n\nThe order of each action is the order in which they appear in the actions [Collection](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Collection.html).\n\nThe [arcgisTriggerAction](#arcgisTriggerAction) event fires each time an action is clicked.",
+                "description": "A [collection](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Collection.html) of [action button](https://developers.arcgis.com/javascript/latest/api-reference/esri-support-actions-ActionButton.html) or [action toggle](https://developers.arcgis.com/javascript/latest/api-reference/esri-support-actions-ActionToggle.html) objects.\nEach action may be executed by clicking the icon or image symbolizing them.\n\nBy default, popups have a `Zoom To` action styled with a magnifying glass icon.\nWhen this icon is clicked, the view zooms in four LODs and centers on the selected feature.\nYou may remove this default action by setting [includeDefaultActionsDisabled](#includeDefaultActionsDisabled) to `true`, or by setting the\n[`overwriteActions`](https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html#overwriteActions) property to `true` in a [PopupTemplate](https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html).\n\nThe order of each action is the order in which they appear in the actions [Collection](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Collection.html).\n\nThe [arcgisTriggerAction](#arcgisTriggerAction) event fires each time an action is clicked.",
                 "type": "Collection<ActionButton | ActionToggle>"
               },
               {
@@ -12582,6 +12582,11 @@
                 "description": "The current state of the component.",
                 "type": "\"disabled\" | \"ready\""
               },
+              {
+                "name": "view",
+                "description": "The view associated with the component. \n  > **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 ArcgisPopup component will be associated with a map or scene component rather than using the `view` property.",
+                "type": "MapView | SceneView"
+              },
               {
                 "name": "visible",
                 "description": "Indicates whether the popup is visible. This property is `true` when the popup is querying for results, even if it is not open.\nUse the property to check if the popup is visible and is not.",

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/5.0/esri/copyright.txt for details.
-v5.0.0-next.4 */
+v5.0.0-next.5 */
 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/5.0/esri/copyright.txt for details.
-v5.0.0-next.4 */
+v5.0.0-next.5 */
 const s = t(e, {
   "arcgis-area-measurement-2d": [() => import("./components/arcgis-area-measurement-2d/customElement.js"), "autoDestroyDisabled,icon,label,position,referenceElement,snappingOptions:,state,unit,unitOptions:,view:;clear,destroy,start"],
   "arcgis-area-measurement-3d": [() => import("./components/arcgis-area-measurement-3d/customElement.js"), "analysis:,autoDestroyDisabled,icon,label,position,referenceElement,state,unit,unitOptions:,view:;clear,destroy,start"],
@@ -31,7 +31,7 @@ const s = t(e, {
   "arcgis-elevation-profile-statistics": [() => import("./components/arcgis-elevation-profile-statistics/customElement.js"), "effectiveDisplayUnits:,messages:,result:;destroy"],
   "arcgis-expand": [() => import("./components/arcgis-expand/customElement.js"), "autoCollapse,autoDestroyDisabled,closeOnEscDisabled,collapseIcon,collapseTooltip,content,expanded,expandIcon,expandTooltip,focusTrapDisabled,focusTrapEnabled,group,icon,iconNumber,label,messageOverrides:,mode,placement,position,referenceElement,state,view:;collapse,destroy,expand"],
   "arcgis-feature": [() => import("./components/arcgis-feature/customElement.js"), "autoDestroyDisabled,chartAnimationDisabled,defaultPopupTemplateEnabled,flowItems:,graphic:,heading:,headingLevel,hideAttachmentsContent,hideContent,hideContentAttachments,hideContentExpression,hideContentFields,hideContentMedia,hideContentText,hideCustomContent,hideExpressionContent,hideFieldsContent,hideHeading,hideLastEditedInfo,hideLastEditInfo,hideMediaContent,hideTextContent,hideTitle,icon,isFeatureFromTable:,label,location:,map:,messageOverrides:,position,referenceElement,showRelationshipContent,showUtilityNetworkContent,spatialReference:,state,timeZone,view:,viewModel:;destroy,nextMedia,previousMedia,setActiveMedia,updateGeometry"],
-  "arcgis-feature-attachments": [() => import("./components/arcgis-feature-attachments/customElement.js"), "description,displayType,graphic:,heading,headingLevel,messages:"],
+  "arcgis-feature-attachments": [() => import("./components/arcgis-feature-attachments/customElement.js"), "attachmentKeywords:,attachmentTypes:,description,displayType,graphic:,heading,headingLevel,messages:"],
   "arcgis-feature-content": [() => import("./components/arcgis-feature-content/customElement.js"), "creator,destroyer:,graphic:"],
   "arcgis-feature-element-info": [() => import("./components/arcgis-feature-element-info/customElement.js"), "description,heading,headingLevel"],
   "arcgis-feature-expression": [() => import("./components/arcgis-feature-expression/customElement.js"), "expressionInfo:,fieldInfoMap:,graphic:,headingLevel,interceptor:,location:,map:,messages:,spatialReference:,values:,view:"],
@@ -73,7 +73,7 @@ const s = t(e, {
   "arcgis-navigation-toggle": [() => import("./components/arcgis-navigation-toggle/customElement.js"), "icon,label,layout,messageOverrides:,navigationMode,position,referenceElement,state,view:;toggle"],
   "arcgis-oriented-imagery-viewer": [() => import("./components/arcgis-oriented-imagery-viewer/customElement.js"), "autoDestroyDisabled,currentCoverageVisible,dataCaptureEnabled,disabled,galleryOpened,icon,imageEnhancementToolActive,imageGalleryEnabled:,imageOverlaysOpened,isAdditionalCoverageVisible,isAdditionalPointSourcesVisible,label,layer:,mapImageConversionToolState,navigationToolActive,orientedImageryLayerItemId,position,referenceElement,referencePoint:,view:;destroy"],
   "arcgis-placement": [() => import("./components/arcgis-placement/customElement.js"), "position,referenceElement,view:"],
-  "arcgis-popup": [() => import("./components/arcgis-popup/customElement.js"), "actions:,active:,alignment,autoCloseEnabled,autoDestroyDisabled,collapsed:,content,currentAlignment:,currentDockPosition:,defaultPopupTemplateEnabled,dockEnabled,dockOptions:,featureCount:,featureMenuOpen,features:,goToOverride:,heading,headingLevel,hideActionBar,hideCloseButton,hideCollapseButton,hideFeatureListLayerTitle,hideFeatureMenuHeading,hideFeatureNavigation,hideHeading,hideSpinner,highlightDisabled,includeDefaultActionsDisabled,initialDisplayMode,label,location:,messageOverrides:,promises:,referenceElement,selectedDrillInFeature:,selectedFeature:,selectedFeatureComponent:,selectedFeatureIndex,state,updateLocationEnabled,visible;clear,destroy,fetchFeatures,handleViewClick,next,open,previous,setFocus,triggerAction"],
+  "arcgis-popup": [() => import("./components/arcgis-popup/customElement.js"), "actions:,active:,alignment,autoCloseEnabled,autoDestroyDisabled,collapsed:,content,currentAlignment:,currentDockPosition:,defaultPopupTemplateEnabled,dockEnabled,dockOptions:,featureCount:,featureMenuOpen,features:,goToOverride:,heading,headingLevel,hideActionBar,hideCloseButton,hideCollapseButton,hideFeatureListLayerTitle,hideFeatureMenuHeading,hideFeatureNavigation,hideHeading,hideSpinner,highlightDisabled,includeDefaultActionsDisabled,initialDisplayMode,label,location:,messageOverrides:,promises:,referenceElement,selectedDrillInFeature:,selectedFeature:,selectedFeatureComponent:,selectedFeatureIndex,state,updateLocationEnabled,view:,visible;clear,destroy,fetchFeatures,handleViewClick,next,open,previous,setFocus,triggerAction"],
   "arcgis-print": [() => import("./components/arcgis-print/customElement.js"), "allowedFormats,allowedFormatsForSaving,allowedLayouts,autoDestroyDisabled,browseTemplateButtonOnClick:,excludeDefaultTemplates,excludeOrganizationTemplates,exportedLinks:,extraParameters,headingLevel,hideHeader,icon,label,messageOverrides:,outSpatialReference:,portal:,position,printServiceUrl,referenceElement,saveAsButtonCallback:,showPrintAreaEnabled,state,templateCustomTextElements:,templateOptions:,view:;destroy"],
   "arcgis-print-custom-text-elements": [() => import("./components/arcgis-print-custom-text-elements/customElement.js"), "viewModel:"],
   "arcgis-print-dpi-input": [() => import("./components/arcgis-print-dpi-input/customElement.js"), "messages:,viewModel:"],

package/dist/support/slots.d.ts

@@ -1,2 +1,2 @@
 import { JsxNode, LuminaJsx } from '@arcgis/lumina';
-export declare function slotsContainers(direction: "ltr" | "rtl", handlePopupSlotChange?: LuminaJsx.HTMLAttributes["onSlotChange"]): JsxNode;
+export declare function slotsContainers(direction: "ltr" | "rtl", handlePopupSlotChange?: LuminaJsx.HTMLAttributes["onSlotChange"], webGLErrorElement?: JsxNode): JsxNode;

package/dist/types/lumina.d.ts

@@ -351,7 +351,7 @@ interface LuminaArcgisPlacement extends Partial<Pick<ArcgisPlacement, 'position'
   onarcgisReady?: EventHandler<HTMLArcgisPlacementElement["arcgisReady"]>;
 }
 
-interface LuminaArcgisPopup extends Partial<Pick<ArcgisPopup, 'actions' | 'alignment' | 'autoCloseEnabled' | 'autoDestroyDisabled' | 'content' | 'defaultPopupTemplateEnabled' | 'dockEnabled' | 'dockOptions' | 'featureMenuOpen' | 'features' | 'goToOverride' | 'heading' | 'headingLevel' | 'hideActionBar' | 'hideCloseButton' | 'hideCollapseButton' | 'hideFeatureListLayerTitle' | 'hideFeatureMenuHeading' | 'hideFeatureNavigation' | 'hideHeading' | 'hideSpinner' | 'highlightDisabled' | 'includeDefaultActionsDisabled' | 'initialDisplayMode' | 'label' | 'location' | 'messageOverrides' | 'promises' | 'referenceElement' | 'selectedFeatureIndex' | 'visible'>>, h.JSX.HTMLAttributes<HTMLArcgisPopupElement> {
+interface LuminaArcgisPopup extends Partial<Pick<ArcgisPopup, 'actions' | 'alignment' | 'autoCloseEnabled' | 'autoDestroyDisabled' | 'content' | 'defaultPopupTemplateEnabled' | 'dockEnabled' | 'dockOptions' | 'featureMenuOpen' | 'features' | 'goToOverride' | 'heading' | 'headingLevel' | 'hideActionBar' | 'hideCloseButton' | 'hideCollapseButton' | 'hideFeatureListLayerTitle' | 'hideFeatureMenuHeading' | 'hideFeatureNavigation' | 'hideHeading' | 'hideSpinner' | 'highlightDisabled' | 'includeDefaultActionsDisabled' | 'initialDisplayMode' | 'label' | 'location' | 'messageOverrides' | 'promises' | 'referenceElement' | 'selectedFeatureIndex' | 'view' | 'visible'>>, h.JSX.HTMLAttributes<HTMLArcgisPopupElement> {
   onarcgisClose?: EventHandler<HTMLArcgisPopupElement["arcgisClose"]>;
   onarcgisPropertyChange?: EventHandler<HTMLArcgisPopupElement["arcgisPropertyChange"]>;
   onarcgisReady?: EventHandler<HTMLArcgisPopupElement["arcgisReady"]>;

package/dist/types/preact.d.ts

@@ -352,7 +352,7 @@ interface PreactArcgisPlacement extends Partial<Pick<ArcgisPlacement, 'position'
   onarcgisReady?: EventHandler<HTMLArcgisPlacementElement["arcgisReady"]>;
 }
 
-interface PreactArcgisPopup extends Partial<Pick<ArcgisPopup, 'actions' | 'alignment' | 'autoCloseEnabled' | 'autoDestroyDisabled' | 'content' | 'defaultPopupTemplateEnabled' | 'dockEnabled' | 'dockOptions' | 'featureMenuOpen' | 'features' | 'goToOverride' | 'heading' | 'headingLevel' | 'hideActionBar' | 'hideCloseButton' | 'hideCollapseButton' | 'hideFeatureListLayerTitle' | 'hideFeatureMenuHeading' | 'hideFeatureNavigation' | 'hideHeading' | 'hideSpinner' | 'highlightDisabled' | 'includeDefaultActionsDisabled' | 'initialDisplayMode' | 'label' | 'location' | 'messageOverrides' | 'promises' | 'referenceElement' | 'selectedFeatureIndex' | 'visible'>>, HTMLAttributes<HTMLArcgisPopupElement> {
+interface PreactArcgisPopup extends Partial<Pick<ArcgisPopup, 'actions' | 'alignment' | 'autoCloseEnabled' | 'autoDestroyDisabled' | 'content' | 'defaultPopupTemplateEnabled' | 'dockEnabled' | 'dockOptions' | 'featureMenuOpen' | 'features' | 'goToOverride' | 'heading' | 'headingLevel' | 'hideActionBar' | 'hideCloseButton' | 'hideCollapseButton' | 'hideFeatureListLayerTitle' | 'hideFeatureMenuHeading' | 'hideFeatureNavigation' | 'hideHeading' | 'hideSpinner' | 'highlightDisabled' | 'includeDefaultActionsDisabled' | 'initialDisplayMode' | 'label' | 'location' | 'messageOverrides' | 'promises' | 'referenceElement' | 'selectedFeatureIndex' | 'view' | 'visible'>>, HTMLAttributes<HTMLArcgisPopupElement> {
   onarcgisClose?: EventHandler<HTMLArcgisPopupElement["arcgisClose"]>;
   onarcgisPropertyChange?: EventHandler<HTMLArcgisPopupElement["arcgisPropertyChange"]>;
   onarcgisReady?: EventHandler<HTMLArcgisPopupElement["arcgisReady"]>;

package/dist/types/preact10.d.ts

@@ -395,7 +395,7 @@ interface PreactArcgisPlacement extends Partial<Pick<ArcgisPlacement, 'position'
 }
 
 /** @deprecated Update to Preact 10.27.2+ or 11+ and consume types/preact file over types/preact10 */
-interface PreactArcgisPopup extends Partial<Pick<ArcgisPopup, 'actions' | 'alignment' | 'autoCloseEnabled' | 'autoDestroyDisabled' | 'content' | 'defaultPopupTemplateEnabled' | 'dockEnabled' | 'dockOptions' | 'featureMenuOpen' | 'features' | 'goToOverride' | 'heading' | 'headingLevel' | 'hideActionBar' | 'hideCloseButton' | 'hideCollapseButton' | 'hideFeatureListLayerTitle' | 'hideFeatureMenuHeading' | 'hideFeatureNavigation' | 'hideHeading' | 'hideSpinner' | 'highlightDisabled' | 'includeDefaultActionsDisabled' | 'initialDisplayMode' | 'label' | 'location' | 'messageOverrides' | 'promises' | 'referenceElement' | 'selectedFeatureIndex' | 'visible'>>, PreactJsx.HTMLAttributes<HTMLArcgisPopupElement> {
+interface PreactArcgisPopup extends Partial<Pick<ArcgisPopup, 'actions' | 'alignment' | 'autoCloseEnabled' | 'autoDestroyDisabled' | 'content' | 'defaultPopupTemplateEnabled' | 'dockEnabled' | 'dockOptions' | 'featureMenuOpen' | 'features' | 'goToOverride' | 'heading' | 'headingLevel' | 'hideActionBar' | 'hideCloseButton' | 'hideCollapseButton' | 'hideFeatureListLayerTitle' | 'hideFeatureMenuHeading' | 'hideFeatureNavigation' | 'hideHeading' | 'hideSpinner' | 'highlightDisabled' | 'includeDefaultActionsDisabled' | 'initialDisplayMode' | 'label' | 'location' | 'messageOverrides' | 'promises' | 'referenceElement' | 'selectedFeatureIndex' | 'view' | 'visible'>>, PreactJsx.HTMLAttributes<HTMLArcgisPopupElement> {
   onarcgisClose?: EventHandler<HTMLArcgisPopupElement["arcgisClose"]>;
   onarcgisPropertyChange?: EventHandler<HTMLArcgisPopupElement["arcgisPropertyChange"]>;
   onarcgisReady?: EventHandler<HTMLArcgisPopupElement["arcgisReady"]>;

package/dist/types/react.d.ts

@@ -352,7 +352,7 @@ interface ReactArcgisPlacement extends Partial<Pick<ArcgisPlacement, 'position'
   onarcgisReady?: EventHandler<HTMLArcgisPlacementElement["arcgisReady"]>;
 }
 
-interface ReactArcgisPopup extends Partial<Pick<ArcgisPopup, 'actions' | 'alignment' | 'autoCloseEnabled' | 'autoDestroyDisabled' | 'content' | 'defaultPopupTemplateEnabled' | 'dockEnabled' | 'dockOptions' | 'featureMenuOpen' | 'features' | 'goToOverride' | 'heading' | 'headingLevel' | 'hideActionBar' | 'hideCloseButton' | 'hideCollapseButton' | 'hideFeatureListLayerTitle' | 'hideFeatureMenuHeading' | 'hideFeatureNavigation' | 'hideHeading' | 'hideSpinner' | 'highlightDisabled' | 'includeDefaultActionsDisabled' | 'initialDisplayMode' | 'label' | 'location' | 'messageOverrides' | 'promises' | 'referenceElement' | 'selectedFeatureIndex' | 'visible'>>, HTMLProps<HTMLArcgisPopupElement> {
+interface ReactArcgisPopup extends Partial<Pick<ArcgisPopup, 'actions' | 'alignment' | 'autoCloseEnabled' | 'autoDestroyDisabled' | 'content' | 'defaultPopupTemplateEnabled' | 'dockEnabled' | 'dockOptions' | 'featureMenuOpen' | 'features' | 'goToOverride' | 'heading' | 'headingLevel' | 'hideActionBar' | 'hideCloseButton' | 'hideCollapseButton' | 'hideFeatureListLayerTitle' | 'hideFeatureMenuHeading' | 'hideFeatureNavigation' | 'hideHeading' | 'hideSpinner' | 'highlightDisabled' | 'includeDefaultActionsDisabled' | 'initialDisplayMode' | 'label' | 'location' | 'messageOverrides' | 'promises' | 'referenceElement' | 'selectedFeatureIndex' | 'view' | 'visible'>>, HTMLProps<HTMLArcgisPopupElement> {
   onarcgisClose?: EventHandler<HTMLArcgisPopupElement["arcgisClose"]>;
   onarcgisPropertyChange?: EventHandler<HTMLArcgisPopupElement["arcgisPropertyChange"]>;
   onarcgisReady?: EventHandler<HTMLArcgisPopupElement["arcgisReady"]>;

package/dist/types/stencil.d.ts

@@ -352,7 +352,7 @@ interface StencilArcgisPlacement extends Partial<Pick<ArcgisPlacement, 'position
   onArcgisReady?: EventHandler<HTMLArcgisPlacementElement["arcgisReady"]>;
 }
 
-interface StencilArcgisPopup extends Partial<Pick<ArcgisPopup, 'actions' | 'alignment' | 'autoCloseEnabled' | 'autoDestroyDisabled' | 'content' | 'defaultPopupTemplateEnabled' | 'dockEnabled' | 'dockOptions' | 'featureMenuOpen' | 'features' | 'goToOverride' | 'heading' | 'headingLevel' | 'hideActionBar' | 'hideCloseButton' | 'hideCollapseButton' | 'hideFeatureListLayerTitle' | 'hideFeatureMenuHeading' | 'hideFeatureNavigation' | 'hideHeading' | 'hideSpinner' | 'highlightDisabled' | 'includeDefaultActionsDisabled' | 'initialDisplayMode' | 'label' | 'location' | 'messageOverrides' | 'promises' | 'referenceElement' | 'selectedFeatureIndex' | 'visible'>>, StencilJsx.HTMLAttributes<HTMLArcgisPopupElement> {
+interface StencilArcgisPopup extends Partial<Pick<ArcgisPopup, 'actions' | 'alignment' | 'autoCloseEnabled' | 'autoDestroyDisabled' | 'content' | 'defaultPopupTemplateEnabled' | 'dockEnabled' | 'dockOptions' | 'featureMenuOpen' | 'features' | 'goToOverride' | 'heading' | 'headingLevel' | 'hideActionBar' | 'hideCloseButton' | 'hideCollapseButton' | 'hideFeatureListLayerTitle' | 'hideFeatureMenuHeading' | 'hideFeatureNavigation' | 'hideHeading' | 'hideSpinner' | 'highlightDisabled' | 'includeDefaultActionsDisabled' | 'initialDisplayMode' | 'label' | 'location' | 'messageOverrides' | 'promises' | 'referenceElement' | 'selectedFeatureIndex' | 'view' | 'visible'>>, StencilJsx.HTMLAttributes<HTMLArcgisPopupElement> {
   onArcgisClose?: EventHandler<HTMLArcgisPopupElement["arcgisClose"]>;
   onArcgisPropertyChange?: EventHandler<HTMLArcgisPopupElement["arcgisPropertyChange"]>;
   onArcgisReady?: EventHandler<HTMLArcgisPopupElement["arcgisReady"]>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcgis/map-components",
-  "version": "5.0.0-next.4",
+  "version": "5.0.0-next.5",
   "description": "ArcGIS Map Components",
   "keywords": [
     "ArcGIS",
@@ -43,8 +43,8 @@
   "license": "SEE LICENSE IN LICENSE.md",
   "dependencies": {
     "@amcharts/amcharts5": "~5.13.6",
-    "@arcgis/lumina": "5.0.0-next.4",
-    "@arcgis/toolkit": "5.0.0-next.4",
+    "@arcgis/lumina": "5.0.0-next.5",
+    "@arcgis/toolkit": "5.0.0-next.5",
     "lit": "^3.3.0",
     "tslib": "^2.8.1"
   },

package/dist/cdn/4OEMJ2SD.js

@@ -1,4 +0,0 @@
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.4 */
-import{b as s}from"./TYQGVZYI.js";import{e as i}from"./P5JD5EAY.js";import{a as t}from"./644O2ZN3.js";import{u as o}from"./5ENT7TDL.js";var n=class extends o{constructor(p){super(p),this.direction=i(),this.component.listen("arcgisViewClick",e=>{this._handleOpenPopup(e)})}openPopup(p){this.popupRef?.open(p)}closePopup(){this.popupRef&&(this.popupRef.visible=!1)}_handleOpenPopup(p){this.component.popupDisabled&&this.popupRef&&(p.stopPropagation(),this.popupRef?.open({location:p.detail?.mapPoint,fetchFeatures:!0}))}_handlePopupSlotChange(p){let e=t(p.target,"arcgis-popup");!this.popupRef&&e.length?this.popupRef=e[0]:e.length||(this.popupRef=void 0)}render(){return s(this.direction,p=>this._handlePopupSlotChange(p))}};export{n as a};

package/dist/cdn/5FPDA2I6.js

@@ -1,4 +0,0 @@
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.4 */
-import a from"./DZXKOK24.js";import"./ZRPU3SBV.js";import"./7NWMMMFI.js";import"./644O2ZN3.js";import"./5ENT7TDL.js";import"./LJXXNHM2.js";export default $arcgis.t(([a])=>{return a},a)

package/dist/cdn/66SUBFJS.js

@@ -1,4 +0,0 @@
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.4 */
-import{G as s,H as i,I as h,J as n,O as r,a,b as t}from"./5ENT7TDL.js";import"./LJXXNHM2.js";var c=a``,m="arcgis-feature-attachments",d={base:m},e=class extends h{constructor(){super(...arguments),this._attachmentsRef=s(),this.hideSection=!1,this.attachmentsLength=0,this.headingLevel=2}static{this.properties={hideSection:16,attachmentsLength:16,state:16,description:1,displayType:1,graphic:0,heading:1,headingLevel:9,messages:0}}static{this.styles=c}_updateAttachmentsState(){this.state=this._attachmentsRef.value?.state,this.attachmentsLength=this._attachmentsRef.value?.attachmentInfos?.length??0}render(){return t`<div class=${n(d.base)}>${this.renderContent()}</div>`}renderContent(){return t`<div .hidden=${!(this.state==="loading"||this.attachmentsLength>0)}><arcgis-feature-element-info .heading=${this.heading} .description=${this.description} .headingLevel=${this.headingLevel}></arcgis-feature-element-info><arcgis-attachments @arcgisPropertyChange=${this._updateAttachmentsState} .graphic=${this.graphic} .displayType=${this.displayType} ${i(this._attachmentsRef)}></arcgis-attachments></div>`}};r("arcgis-feature-attachments",e);export{e as ArcgisFeatureAttachments};

package/dist/cdn/ATK4EQ7U.js

@@ -1,4 +0,0 @@
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.4 */
-import g from"./FQLBPHYZ.js";import e from"./DZXKOK24.js";import{a as T}from"./ZRPU3SBV.js";import d from"./X2CAGYVV.js";import{a as F}from"./XHMPJYVP.js";import"./7NWMMMFI.js";import c from"./JXRXECOI.js";import a from"./MYW4EK3Z.js";import{g as L}from"./P5JD5EAY.js";import"./FBF3422A.js";import{b as x,f as $}from"./644O2ZN3.js";import{G as f,H as b,I as A,J as k,K as B,O as E,a as z,b as m,s as w}from"./5ENT7TDL.js";import"./LJXXNHM2.js";export default $arcgis.t(([R,{stripHTML:V},{watch:g},I,,,P,,N])=>{var p="arcgis-popup",u=`${p}--is-docked`,r={base:p,baseHidden:`${p}--hidden`,main:`${p}__main-container`,shadow:`${p}--shadow`,isDocked:u,isDockedTopLeft:`${u}-top-left`,isDockedTopCenter:`${u}-top-center`,isDockedTopRight:`${u}-top-right`,isDockedBottomLeft:`${u}-bottom-left`,isDockedBottomCenter:`${u}-bottom-center`,isDockedBottomRight:`${u}-bottom-right`,isXlWidthBreakpoint:`${p}--is-xl-width-breakpoint`,isLgWidthBreakpoint:`${p}--is-lg-width-breakpoint`,isMdWidthBreakpoint:`${p}--is-md-width-breakpoint`,isSmWidthBreakpoint:`${p}--is-sm-width-breakpoint`,isXsWidthBreakpoint:`${p}--is-xs-width-breakpoint`,isXlHeightBreakpoint:`${p}--is-xl-height-breakpoint`,isLgHeightBreakpoint:`${p}--is-lg-height-breakpoint`,isMdHeightBreakpoint:`${p}--is-md-height-breakpoint`,isSmHeightBreakpoint:`${p}--is-sm-height-breakpoint`,isXsHeightBreakpoint:`${p}--is-xs-height-breakpoint`,alignTopCenter:`${p}--aligned-top-center`,alignBottomCenter:`${p}--aligned-bottom-center`,alignTopLeft:`${p}--aligned-top-left`,alignBottomLeft:`${p}--aligned-bottom-left`,alignTopRight:`${p}--aligned-top-right`,alignBottomRight:`${p}--aligned-bottom-right`,pointer:`${p}__pointer`,pointerDirection:`${p}__pointer-direction`},j=z`:host{display:contents;--arcgis-internal-popup-pointer-size: 12px;--arcgis-internal-popup-content-small-size: 280px;--arcgis-internal-popup-content-medium-size: 340px;--arcgis-internal-popup-content-large-size: 400px;--arcgis-internal-popup-content-x-large-size: 460px;--arcgis-internal-popup-content-min-size-y: 48px;--arcgis-internal-popup-pointer-size-half: calc(var(--arcgis-internal-popup-pointer-size) / 2);--arcgis-internal-popup-pointer-size-half-negative: calc(var(--arcgis-internal-popup-pointer-size-half) * -1)}.arcgis-popup{display:flex;position:absolute;flex-flow:column nowrap;z-index:1;pointer-events:none}.arcgis-popup--hidden{visibility:hidden}arcgis-features{flex:1;width:100%}.arcgis-popup--shadow{box-shadow:var(--calcite-shadow-sm)}.arcgis-popup--aligned-top-center{transform-origin:50% 100%}.arcgis-popup--aligned-bottom-center{transform-origin:50% -5%}.arcgis-popup--aligned-top-left,.arcgis-popup--aligned-bottom-left{transform-origin:100% 50%}.arcgis-popup--aligned-top-right,.arcgis-popup--aligned-bottom-right{transform-origin:-5% 50%}.arcgis-popup--aligned-top-center,.arcgis-popup--aligned-top-left,.arcgis-popup--aligned-top-right{animation:popup-intro-animation-down .2s ease-in-out}.arcgis-popup--aligned-bottom-center,.arcgis-popup--aligned-bottom-left,.arcgis-popup--aligned-bottom-right{animation:popup-intro-animation-up .2s ease-in-out}.arcgis-popup__main-container{display:flex;position:relative;z-index:1;background-color:var(--calcite-color-foreground-1);width:var(--arcgis-internal-popup-content-medium-size);min-height:var(--arcgis-internal-popup-content-min-size-y);max-height:var(--arcgis-internal-popup-content-medium-size);overflow:hidden;pointer-events:auto}.arcgis-popup__pointer{position:absolute;width:0;height:0}.arcgis-popup__pointer-direction{position:absolute;width:var(--arcgis-internal-popup-pointer-size);height:var(--arcgis-internal-popup-pointer-size);content:"";background-color:var(--calcite-color-foreground-1)}.arcgis-popup--aligned-top-center .arcgis-popup__pointer{top:100%;left:50%;margin:0 0 0 var(--arcgis-internal-popup-pointer-size-half-negative)}.arcgis-popup--aligned-bottom-center .arcgis-popup__pointer{bottom:100%;left:50%;margin:0 0 0 var(--arcgis-internal-popup-pointer-size-half-negative)}.arcgis-popup--aligned-top-left .arcgis-popup__pointer{right:var(--arcgis-internal-popup-pointer-size-half);bottom:var(--arcgis-internal-popup-pointer-size-half);transform:rotate(-45deg)}.arcgis-popup--aligned-bottom-left .arcgis-popup__pointer{top:var(--arcgis-internal-popup-pointer-size-half);right:var(--arcgis-internal-popup-pointer-size-half);transform:rotate(45deg)}.arcgis-popup--aligned-top-right .arcgis-popup__pointer{bottom:var(--arcgis-internal-popup-pointer-size-half);left:var(--arcgis-internal-popup-pointer-size-half);transform:rotate(45deg)}.arcgis-popup--aligned-bottom-right .arcgis-popup__pointer{top:var(--arcgis-internal-popup-pointer-size-half);left:var(--arcgis-internal-popup-pointer-size-half);transform:rotate(-45deg)}.arcgis-popup--aligned-top-center .arcgis-popup__pointer-direction,.arcgis-popup--aligned-bottom-center .arcgis-popup__pointer-direction{transform:scale(.75,2) rotate(45deg)}.arcgis-popup--aligned-top-left .arcgis-popup__pointer-direction,.arcgis-popup--aligned-bottom-left .arcgis-popup__pointer-direction,.arcgis-popup--aligned-top-right .arcgis-popup__pointer-direction,.arcgis-popup--aligned-bottom-right .arcgis-popup__pointer-direction{top:var(--arcgis-internal-popup-pointer-size-half-negative);left:var(--arcgis-internal-popup-pointer-size-half-negative);transform:scale(.75,2.5) rotate(45deg)}.arcgis-popup--aligned-top-center .arcgis-popup__pointer-direction{top:var(--arcgis-internal-popup-pointer-size-half-negative);left:0}.arcgis-popup--aligned-bottom-center .arcgis-popup__pointer-direction{bottom:var(--arcgis-internal-popup-pointer-size-half-negative);left:0}.arcgis-popup--is-xl-width-breakpoint .arcgis-popup__main-container{width:var(--arcgis-internal-popup-content-x-large-size)}.arcgis-popup--is-lg-width-breakpoint .arcgis-popup__main-container{width:var(--arcgis-internal-popup-content-large-size)}.arcgis-popup--is-md-width-breakpoint .arcgis-popup__main-container{width:var(--arcgis-internal-popup-content-medium-size)}.arcgis-popup--is-sm-width-breakpoint .arcgis-popup__main-container,.arcgis-popup--is-xs-width-breakpoint .arcgis-popup__main-container{width:var(--arcgis-internal-popup-content-small-size)}.arcgis-popup--is-xs-width-breakpoint.arcgis-popup--is-docked-top-center,.arcgis-popup--is-xs-width-breakpoint.arcgis-popup--is-docked-bottom-center{margin:0;width:auto}.arcgis-popup--is-xs-width-breakpoint.arcgis-popup--is-docked-top-center .arcgis-popup__main-container,.arcgis-popup--is-xs-width-breakpoint.arcgis-popup--is-docked-bottom-center .arcgis-popup__main-container{position:absolute;right:0;left:0;width:100%;max-height:75%}.arcgis-popup--is-xs-width-breakpoint.arcgis-popup--is-docked-bottom-center .arcgis-popup__main-container{bottom:0}.arcgis-popup--is-xs-width-breakpoint.arcgis-popup--is-docked-top-center .arcgis-popup__main-container{top:0}.arcgis-popup--is-xl-height-breakpoint .arcgis-popup__main-container{max-height:var(--arcgis-internal-popup-content-x-large-size)}.arcgis-popup--is-lg-height-breakpoint .arcgis-popup__main-container{max-height:var(--arcgis-internal-popup-content-large-size)}.arcgis-popup--is-sm-height-breakpoint .arcgis-popup__main-container,.arcgis-popup--is-xs-height-breakpoint .arcgis-popup__main-container{max-height:var(--arcgis-internal-popup-content-small-size)}.arcgis-popup--is-docked{inset:0;margin:var(--calcite-spacing-lg) var(--calcite-spacing-lg) var(--calcite-spacing-xxxl) var(--calcite-spacing-lg);animation:docking-animation .25s ease-out}.arcgis-popup--is-docked-top-left,.arcgis-popup--is-docked-top-center,.arcgis-popup--is-docked-top-right{align-items:flex-start}.arcgis-popup--is-docked-bottom-left,.arcgis-popup--is-docked-bottom-center,.arcgis-popup--is-docked-bottom-right{align-items:flex-end}.arcgis-popup--is-docked-top-left,.arcgis-popup--is-docked-bottom-left{justify-content:flex-start}.arcgis-popup--is-docked-top-center,.arcgis-popup--is-docked-bottom-center{justify-content:center}.arcgis-popup--is-docked-top-right,.arcgis-popup--is-docked-bottom-right{justify-content:flex-end}.arcgis-popup--is-docked-top-left .arcgis-popup__main-container,.arcgis-popup--is-docked-top-right .arcgis-popup__main-container,.arcgis-popup--is-docked-bottom-left .arcgis-popup__main-container,.arcgis-popup--is-docked-bottom-right .arcgis-popup__main-container{max-height:80%}.arcgis-popup--is-docked-top-center .arcgis-popup__main-container,.arcgis-popup--is-docked-bottom-center .arcgis-popup__main-container{max-height:40%}.arcgis-popup--is-docked{flex-flow:row nowrap}:dir(rtl) .arcgis-popup--is-docked-top-left,:dir(rtl) .arcgis-popup--is-docked-bottom-left{justify-content:flex-end}:dir(rtl) .arcgis-popup--is-docked-top-right,:dir(rtl) .arcgis-popup--is-docked-bottom-right{justify-content:flex-start}@media (prefers-reduced-motion){.arcgis-popup--aligned-top-center,.arcgis-popup--aligned-top-left,.arcgis-popup--aligned-top-right,.arcgis-popup--aligned-bottom-center,.arcgis-popup--aligned-bottom-left,.arcgis-popup--aligned-bottom-right{animation:none}}@media (prefers-reduced-motion){.arcgis-popup--is-docked{animation:none}}@keyframes docking-animation{0%{opacity:0}25%{opacity:0}to{opacity:1}}@keyframes popup-intro-animation-down{0%{transform:translateY(calc(var(--calcite-spacing-xs) * -1));opacity:0}to{transform:translate(0);opacity:1}}@keyframes popup-intro-animation-up{0%{transform:translateY(var(--calcite-spacing-xs));opacity:0}to{transform:translate(0);opacity:1}}`;function y(C){return C&&Number.parseInt(C.replaceAll(/[^-\d.]/gu,""),10)||0}var X=P(R),H={buttonEnabled:!0,position:"auto",breakpoint:{width:544}},D=class extends A{constructor(){super(...arguments),this._featuresComponent=f(),this._dockAction=new I({id:"popup-dock-action"}),this._mainContainerNode=f(),this._pointerNode=f(),this.messages=F({}),this.viewModel=X(this),this._containerNode=f(),this.screenLocation=N(this),this.actions=this.viewModel.actions,this.active=this.viewModel.active,this.alignment="auto",this.autoCloseEnabled=this.viewModel.autoCloseEnabled,this.autoDestroyDisabled=!1,this.collapsed=!1,this.content=this.viewModel.content,this.defaultPopupTemplateEnabled=this.viewModel.defaultPopupTemplateEnabled,this.dockEnabled=!1,this.featureCount=this.viewModel.featureCount,this.featureMenuOpen=this.viewModel.featureMenuOpen,this.features=this.viewModel.features,this.goToOverride=this.viewModel.goToOverride,this.heading=this.viewModel.title,this.headingLevel=2,this.hideActionBar=!1,this.hideCloseButton=!1,this.hideCollapseButton=!1,this.hideFeatureMenuHeading=!1,this.hideFeatureNavigation=!1,this.hideFeatureListLayerTitle=!1,this.hideHeading=!1,this.hideSpinner=!1,this.highlightDisabled=this.viewModel.highlightEnabled,this.includeDefaultActionsDisabled=this.viewModel.includeDefaultActions,this.initialDisplayMode=this.viewModel.initialDisplayMode,this.location=this.viewModel.location,this.promises=this.viewModel.promises,this.selectedFeature=this.viewModel.selectedFeature,this.selectedFeatureIndex=this.viewModel.selectedFeatureIndex,this.state=this.viewModel.state,this.updateLocationEnabled=this.viewModel.updateLocationEnabled,this.visible=this.viewModel.visible,this.arcgisPropertyChange=L()("active","collapsed","currentAlignment","dockEnabled","featureCount","featureMenuOpen","features","promises","selectedDrillInFeature","selectedFeature","selectedFeatureComponent","selectedFeatureIndex","state","visible"),this.arcgisReady=w(),this.arcgisClose=w(),this.arcgisTriggerAction=w()}static{this.properties={screenLocation:16,positionStyle:16,_featureNavigationTop:16,actions:0,active:0,alignment:1,autoCloseEnabled:5,autoDestroyDisabled:5,collapsed:0,content:1,currentAlignment:32,currentDockPosition:32,defaultPopupTemplateEnabled:5,dockEnabled:5,dockOptions:0,featureCount:0,featureMenuOpen:5,features:0,goToOverride:0,heading:1,headingLevel:9,hideActionBar:5,hideCloseButton:5,hideCollapseButton:5,hideFeatureMenuHeading:5,hideFeatureNavigation:5,hideFeatureListLayerTitle:5,hideHeading:5,hideSpinner:5,highlightDisabled:5,includeDefaultActionsDisabled:5,initialDisplayMode:1,label:1,location:0,messageOverrides:0,promises:0,referenceElement:1,selectedDrillInFeature:32,selectedFeature:0,selectedFeatureComponent:32,selectedFeatureIndex:9,state:3,updateLocationEnabled:5,visible:5}}static{this.styles=j}get trackLocation(){return this.viewModel.active&&!this.dockEnabled}get view(){return this.viewModel.view}get _featureNavigationTop(){let{currentAlignment:t,currentDockPosition:e}=this;return t==="bottom-left"||t==="bottom-center"||t==="bottom-right"||e==="top-left"||e==="top-center"||e==="top-right"}get currentAlignment(){return this._getCurrentAlignment()}get currentDockPosition(){return this._getCurrentDockPosition()}get dockOptions(){return this._dockOptions||H}set dockOptions(t){let e={...H},o=this.viewModel?.view?.breakpoints,a={};o&&(a.width=o.xsmall,a.height=o.xsmall);let i={...e,...t},n={...e.breakpoint,...a},{breakpoint:s}=i;typeof s=="object"?i.breakpoint={...n,...s}:s&&(i.breakpoint=n),this._dockOptions=i}get selectedDrillInFeature(){return this._featuresComponent.value?.selectedDrillInFeature??null}get selectedFeatureComponent(){return this._featuresComponent.value?.selectedFeatureComponent??null}async handleViewClick(t){return this.viewModel.handleViewClick(t)}async clear(){return this.viewModel.clear()}async destroy(){await this.manager.destroy(),this._dockAction.destroy()}async fetchFeatures(t,e){return await this.viewModel.fetchFeatures(t,e)}async next(){return this.viewModel.next()}async open(t){this.viewModel.open(t)}async previous(){return this.viewModel.previous()}async setFocus(){this._featuresComponent.value?.setFocus()}async triggerAction(t){return await this._featuresComponent.value?.triggerAction(t)}loaded(){this.manager.onLifecycle(()=>[g(()=>[this.viewModel?.view?.widthBreakpoint,this.dockEnabled],()=>this._handleDockIcon(),{initial:!0}),g(()=>[this.dockEnabled,this.messages?.undock,this.messages?.dock],()=>this._handleDockEnabled(),{initial:!0}),g(()=>this.dockOptions,t=>{let{_dockAction:e}=this,o=this._featuresComponent.value?.headerActions;o?.remove(e),t.buttonEnabled&&o?.add(e)},{initial:!0}),g(()=>[this._featuresComponent.value,this._mainContainerNode.value,this._pointerNode.value,this.alignment,this.currentAlignment,this.dockEnabled,this.dockOptions,this.screenLocation,this.viewModel?.active,this.viewModel?.location,this.viewModel?.view?.padding,this.viewModel?.view?.size],()=>this._positionContainer(),{initial:!0}),g(()=>this.viewModel?.view?.size,(t,e)=>this._updateDockEnabledForViewSize(t,e)),g(()=>this.viewModel?.view?.ready,()=>this._setDockEnabledForViewSize(this.dockOptions),{initial:!0}),g(()=>this.screenLocation,(t,e)=>this._autoClose(t,e))])}_handleClose(t){t.stopPropagation(),this.arcgisClose.emit()}_autoClose(t,e){this.autoCloseEnabled&&t!=null&&e!=null&&(this.visible=!1)}_handleArcgisPropertyChange(t){t.detail.name==="collapsed"&&(this.collapsed=t.target.collapsed)}_handleArcgisTriggerAction(t){t.stopPropagation(),t.detail.action===this._dockAction&&(this.dockEnabled=!this.dockEnabled),this.arcgisTriggerAction.emit({action:t.detail.action})}_isOutsideView(t){let{popupHeight:e,popupWidth:o,screenLocation:a,side:i,view:n}=t;if(Number.isNaN(o)||Number.isNaN(e)||!n||!a)return!1;let s=n.padding;return i==="right"&&a.x+o/2>n.width-(s?.right??0)||i==="left"&&a.x-o/2<(s?.left??0)||i==="top"&&a.y-e<(s?.top??0)||i==="bottom"&&a.y+e>n.height-(s?.bottom??0)}_getPointerSize(){let{_pointerNode:t}=this,e=t.value?window.getComputedStyle(t.value):null,o=y(e?.height),a=y(e?.width);return Math.hypot(o,a)}_calculateAutoAlignment(t){if(t!=="auto")return t;let{_mainContainerNode:e,viewModel:o}=this,{view:a}=o,{screenLocation:i}=this;if(i==null||!a||!e.value)return"top-center";let n=window.getComputedStyle(e.value),s=y(n.maxHeight),l=y(n.height),c=this._getPointerSize(),{height:h,width:d}=e.value.getBoundingClientRect(),v=d+c,_=Math.max(h,s,l)+c,S=this._isOutsideView({popupHeight:_,popupWidth:v,screenLocation:i,side:"right",view:a}),O=this._isOutsideView({popupHeight:_,popupWidth:v,screenLocation:i,side:"left",view:a}),M=this._isOutsideView({popupHeight:_,popupWidth:v,screenLocation:i,side:"top",view:a}),W=this._isOutsideView({popupHeight:_,popupWidth:v,screenLocation:i,side:"bottom",view:a});return O?M?"bottom-right":"top-right":S?M?"bottom-left":"top-left":M?W?"top-center":"bottom-center":"top-center"}_callCurrentAlignment(t){return typeof t=="function"?t.call(this):t}_getCurrentAlignment(){return this.dockEnabled||!this.viewModel.active||!this._mainContainerNode.value?null:this._calculatePositionResult(this._calculateAutoAlignment(this._callCurrentAlignment(this.alignment)))}_calculatePositionResult(t){let e=["left","right"];return $(this.el)==="rtl"&&e.reverse(),t?.replace(/start/giu,e[0]).replace(/end/giu,e[1])}_callDockPosition(t){return typeof t=="function"?t.call(this):t}_getDockPosition(){return this._calculatePositionResult(this._calculateAutoDockPosition(this._callDockPosition(this.dockOptions?.position)))}_getCurrentDockPosition(){return this.dockEnabled&&this.viewModel.active?this._getDockPosition():null}_calculateAutoDockPosition(t){if(t!=="auto")return t;let e=this.viewModel?.view,o=$(this.el)==="rtl"?"top-left":"top-right";if(!e)return o;let a=e.padding,i=e.width-(a?.left??0)-(a?.right??0),{breakpoints:n}=e;return n?.xsmall&&i<=n.xsmall?"bottom-center":o}_getDockIcon(){let t=this._getDockPosition();if(this.dockEnabled)return"minimize";switch(t){case"top-left":case"bottom-left":return"dock-left";case"top-center":return"maximize";case"bottom-center":return"dock-bottom";case"top-right":case"bottom-right":default:return"dock-right"}}_handleDockIcon(){this._dockAction.icon=this._getDockIcon()}_handleDockEnabled(){this._dockAction.title=this.dockEnabled?this.messages?.undock:this.messages?.dock}_positionContainer(){this.positionStyle=this._calculatePositionStyle()}_calculateFullWidth(t){let{currentAlignment:e}=this;return e==="top-left"||e==="bottom-left"||e==="top-right"||e==="bottom-right"?t+this._getPointerSize():t}_calculateAlignmentPosition(t,e,o,a){let{currentAlignment:i}=this;if(!o)return;let{padding:n}=o,s=a/2,l=o.height-e,c=o.width-t,h=this._getPointerSize(),d=h/2;if(i==="bottom-center")return{top:e+h-(n?.top??0),left:t-s-(n?.left??0)};if(i==="top-left")return{bottom:l+d-(n?.bottom??0),right:c+d-(n?.right??0)};if(i==="bottom-left")return{top:e+d-(n?.top??0),right:c+d-(n?.right??0)};if(i==="top-right")return{bottom:l+d-(n?.bottom??0),left:t+d-(n?.left??0)};if(i==="bottom-right")return{top:e+d-(n?.top??0),left:t+d-(n?.left??0)};if(i==="top-center")return{bottom:l+h-(n?.bottom??0),left:t-s-(n?.left??0)}}_calculatePositionStyle(){let{screenLocation:t}=this,{view:e}=this.viewModel,o=this._mainContainerNode.value?.getBoundingClientRect().width??0;if(!e||this.dockEnabled||t==null||!o)return;let a=this._calculateFullWidth(o),i=this._calculateAlignmentPosition(t.x,t.y,e,a);if(i)return{top:i.top!==void 0?`${i.top}px`:"auto",left:i.left!==void 0?`${i.left}px`:"auto",bottom:i.bottom!==void 0?`${i.bottom}px`:"auto",right:i.right!==void 0?`${i.right}px`:"auto"}}_dockingThresholdCrossed(t,e,o){let[a,i]=t,[n,s]=e,{width:l=0,height:c=0}=o??{};return a<=l&&n>l||a>l&&n<=l||i<=c&&s>c||i>c&&s<=c}_updateDockEnabledForViewSize(t,e){if(!t||!e)return;let o=this.viewModel?.view?.padding,a=(o?.left??0)+(o?.right??0),i=(o?.top??0)+(o?.bottom??0),n=[],s=[];n[0]=t[0]-a,n[1]=t[1]-i,s[0]=e[0]-a,s[1]=e[1]-i;let{dockOptions:l}=this,c=l.breakpoint;typeof c=="object"&&this._dockingThresholdCrossed(n,s,c)&&this._setDockEnabledForViewSize(l)}_shouldDockAtCurrentViewSize(t){let e=t.breakpoint,o=this.viewModel?.view?.ui;if(!o)return!1;let{width:a,height:i}=o;if(Number.isNaN(a)||Number.isNaN(i)||typeof e!="object")return!1;let n=typeof e.width=="number"&&a<=(e.width??0),s=typeof e.height=="number"&&i<=(e.height??0);return n||s}_setDockEnabledForViewSize(t){this.viewModel?.view?.ready&&typeof t.breakpoint=="object"&&(this.dockEnabled=this._shouldDockAtCurrentViewSize(t))}render(){let{dockEnabled:t,currentAlignment:e,currentDockPosition:o,positionStyle:a}=this,{active:i,view:n}=this.viewModel,s=i&&t,l=i&&!t,c=n?.widthBreakpoint,h=n?.heightBreakpoint,d={[r.alignTopCenter]:e==="top-center",[r.alignBottomCenter]:e==="bottom-center",[r.alignTopLeft]:e==="top-left",[r.alignBottomLeft]:e==="bottom-left",[r.alignTopRight]:e==="top-right",[r.alignBottomRight]:e==="bottom-right",[r.isDocked]:s,[r.shadow]:l,[r.isDockedTopLeft]:o==="top-left",[r.isDockedTopCenter]:o==="top-center",[r.isDockedTopRight]:o==="top-right",[r.isDockedBottomLeft]:o==="bottom-left",[r.isDockedBottomCenter]:o==="bottom-center",[r.isDockedBottomRight]:o==="bottom-right",[r.isXlWidthBreakpoint]:c==="xlarge",[r.isLgWidthBreakpoint]:c==="large",[r.isMdWidthBreakpoint]:c==="medium",[r.isSmWidthBreakpoint]:c==="small",[r.isXsWidthBreakpoint]:c==="xsmall",[r.isXlHeightBreakpoint]:h==="xlarge",[r.isLgHeightBreakpoint]:h==="large",[r.isMdHeightBreakpoint]:h==="medium",[r.isSmHeightBreakpoint]:h==="small",[r.isXsHeightBreakpoint]:h==="xsmall"};return m`<div style=${B(this.positionStyle)} .ariaHidden=${!i} .ariaLabel=${V(this.heading??"")} class=${k(x(r.base,d,{[r.baseHidden]:!i||!a&&!t}))} role=dialog ${b(this._containerNode)}>${this._renderMainContainer()}${this._renderPointer()}</div>`}_renderPointer(){return!this.dockEnabled||!this.active?m`<div class=${k(r.pointer)} role=presentation><div class=${k(x(r.pointerDirection,r.shadow))} ${b(this._pointerNode)}></div></div>`:null}_renderMainContainer(){let t={[r.shadow]:this.dockEnabled};return m`<div class=${k(x(r.main,t))} ${b(this._mainContainerNode)}>${T(this.viewModel,m`<arcgis-features .collapsed=${this.collapsed} .featureNavigationTop=${this._featureNavigationTop} .headingLevel=${this.headingLevel} .hidden=${!this.active} .hideActionBar=${this.hideActionBar} .hideCloseButton=${this.hideCloseButton} .hideFeatureListLayerTitle=${this.hideFeatureListLayerTitle} .hideFeatureMenuHeading=${this.hideFeatureMenuHeading} .hideFeatureNavigation=${this.hideFeatureNavigation} .hideHeading=${this.hideHeading} .hideSpinner=${this.hideSpinner} @arcgisPropertyChange=${this._handleArcgisPropertyChange} @arcgisTriggerAction=${this._handleArcgisTriggerAction} @arcgisClose=${this._handleClose} .referenceElement=${this.referenceElement} .responsiveActionsEnabled=${!0} .showCollapseButton=${!this.hideCollapseButton} .viewModel=${this.viewModel} ${b(this._featuresComponent)}></arcgis-features>`)}</div>`}};E("arcgis-popup",D);return D},"widgets/Features/FeaturesViewModel","applications/Components/stringUtils","core/reactiveUtils","support/actions/ActionButton",a,c,d,e,g)

package/dist/cdn/F37SOOSB.js

@@ -1,4 +0,0 @@
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.4 */
-import e from"./PXZVIBO5.js";import d from"./X2CAGYVV.js";import{a as E}from"./XHMPJYVP.js";import c from"./JXRXECOI.js";import a from"./MYW4EK3Z.js";import{g as b}from"./P5JD5EAY.js";import"./FBF3422A.js";import{b as _}from"./644O2ZN3.js";import{H as I,I as M,J as l,L as y,O as x,a as w,b as o,s as C}from"./5ENT7TDL.js";import"./LJXXNHM2.js";export default $arcgis.t(([H,{substitute:B},P,{watch:U},{stripHTML:Z},,,L,{a:F,b:T,c:A,d:V,e:R,i:k,n:h}])=>{var z=w`:host{display:flex;flex:1 1 auto;background-color:var(--calcite-color-foreground-1);--calcite-color-background: var(--calcite-color-foreground-1)}.arcgis-feature{flex:1 1 auto}.arcgis-feature calcite-icon{box-sizing:content-box}.arcgis-feature__loading-container{display:flex;justify-content:center;padding:var(--calcite-spacing-md) 0;width:100%}.arcgis-feature__content-element{margin-bottom:var(--calcite-spacing-xxl);padding:0 var(--calcite-spacing-sm);display:flex;flex-direction:column}.arcgis-feature__content-element:only-child{margin-bottom:var(--calcite-spacing-xxs)}.arcgis-feature__last-edited-info{padding-top:var(--calcite-spacing-xs);font-size:var(--calcite-font-size)}`,f="arcgis-feature",d={base:f,container:`${f}__size-container`,main:`${f}__main-container`,contentElement:`${f}__content-element`,lastEditedInfo:`${f}__last-edited-info`,loadingSpinnerContainer:`${f}__loading-container`},G=L(H),$=class extends M{constructor(){super(...arguments),this.messages=E(),this._rootFlowNode=null,this.flowType="feature",this.internalFlowItems=new P,this.viewModel=G(this),this.view=this.viewModel.view,this.icon="icon",this.isFeatureFromTable=this.viewModel.isFeatureFromTable,this.graphic=this.viewModel.graphic,this.defaultPopupTemplateEnabled=this.viewModel.defaultPopupTemplateEnabled,this.headingLevel=2,this.spatialReference=this.viewModel.spatialReference,this.timeZone=this.viewModel.timeZone,this.heading=this.viewModel.title,this.map=this.viewModel.map,this.chartAnimationDisabled=this.viewModel.abilities.chartAnimation,this.hideHeading=!1,this.hideContent=!1,this.hideAttachmentsContent=!1,this.hideCustomContent=!1,this.hideExpressionContent=!1,this.hideFieldsContent=!1,this.hideMediaContent=!1,this.showRelationshipContent=!1,this.hideTextContent=!1,this.showUtilityNetworkContent=!1,this.hideLastEditedInfo=!1,this.autoDestroyDisabled=!1,this.location=this.viewModel.location,this.state=this.viewModel.state,this.arcgisPropertyChange=b()("flowItems","state"),this.arcgisReady=C()}static{this.properties={flowType:16,popupTemplate:16,sourceLayer:16,fieldInfoMap:16,values:16,globalValues:16,internalFlowItems:16,viewModel:0,view:0,flowItems:0,referenceElement:1,position:3,icon:1,isFeatureFromTable:4,graphic:0,defaultPopupTemplateEnabled:5,headingLevel:9,spatialReference:0,timeZone:1,heading:0,map:0,chartAnimationDisabled:5,hideHeading:5,hideTitle:5,hideContent:5,hideAttachmentsContent:5,hideContentAttachments:5,hideCustomContent:5,hideExpressionContent:5,hideContentExpression:5,hideFieldsContent:5,hideContentFields:5,hideMediaContent:5,hideContentMedia:5,showRelationshipContent:5,hideTextContent:5,hideContentText:5,showUtilityNetworkContent:5,hideLastEditedInfo:5,hideLastEditInfo:5,autoDestroyDisabled:5,messageOverrides:0,label:1,location:0,state:3}}static{this.styles=z}get popupTemplate(){return A(this.graphic,this.defaultPopupTemplateEnabled)??void 0}get sourceLayer(){return V(this.graphic)}get fieldInfoMap(){return F(T(this.popupTemplate),this.sourceLayer)}get values(){return this.graphic?.attributes??{}}get globalValues(){return this.viewModel.formattedAttributes?.global??{}}get hideTitle(){return this.hideHeading}set hideTitle(e){this.hideHeading=e}get hideContentAttachments(){return this.hideAttachmentsContent}set hideContentAttachments(e){this.hideAttachmentsContent=e}get hideContentExpression(){return this.hideExpressionContent}set hideContentExpression(e){this.hideExpressionContent=e}get hideContentFields(){return this.hideFieldsContent}set hideContentFields(e){this.hideFieldsContent=e}get hideContentMedia(){return this.hideMediaContent}set hideContentMedia(e){this.hideMediaContent=e}get hideContentText(){return this.hideTextContent}set hideContentText(e){this.hideTextContent=e}get hideLastEditInfo(){return this.hideLastEditedInfo}set hideLastEditInfo(e){this.hideLastEditedInfo=e}async destroy(){await this.manager.destroy()}async nextMedia(e){return this.viewModel.nextMedia(e)}async previousMedia(e){return this.viewModel.previousMedia(e)}async setActiveMedia(e,t){return this.viewModel.setActiveMedia(e,t)}async updateGeometry(){return await this.viewModel.updateGeometry()}loaded(){this.manager.onLifecycle(()=>[U(()=>[this.internalFlowItems?.length],()=>this._setFocus())])}_removeFlowItems(){this.internalFlowItems?.removeAll()}_storeRootFlowNode(e){this._rootFlowNode=e}_setFocus(){this._rootFlowNode?.setFocus()}_handleDrillInBackClick(){this.internalFlowItems?.pop()}render(){let{state:e}=this.viewModel,t=o`<div class=${l(d.container)}>${e==="error"?this._renderError():e==="loading"?this._renderLoading():this._renderContentContainer()}</div>`;return o`<div class=${l(d.base)}>${t}</div>`}_renderError(){let{messages:e,hideHeading:t}=this;return o`<calcite-notice icon=exclamation-mark-circle kind=danger open scale=s>${t?null:o`<div slot=title>${e.error}</div>`}<div slot=message>${e.loadingError}</div></calcite-notice>`}_renderLoading(){return o`<div class=${l(d.loadingSpinnerContainer)}><calcite-loader inline label></calcite-loader></div>`}_renderAttachments(e){let{values:t,fieldInfoMap:i,sourceLayer:n,globalValues:s}=this,a=h({values:t,fieldInfoMap:i,globalValues:s,layer:n,text:e.title}),r=h({values:t,fieldInfoMap:i,globalValues:s,layer:n,text:e.description});return o`<arcgis-feature-attachments .headingLevel=${this.headingLevel} .heading=${a} .displayType=${e.displayType} .graphic=${this.graphic??void 0} .description=${r} .messages=${this.messages}></arcgis-feature-attachments>`}_renderCustom(e){return o`<arcgis-feature-content .creator=${e.creator} .destroyer=${e.destroyer??void 0} .graphic=${this.graphic??void 0} class=${l(d.contentElement)}></arcgis-feature-content>`}_renderFields(e,t){let i=this.viewModel.formattedAttributes,{values:n,fieldInfoMap:s,sourceLayer:a,popupTemplate:r,globalValues:c}=this,u=(e.fieldInfos??r?.fieldInfos??[])?.filter(({fieldName:p})=>!!p&&(k(p)||R(p)||p in n)),g=r?.expressionInfos,m=h({values:n,fieldInfoMap:s,globalValues:c,layer:a,text:e.title}),v=h({values:n,fieldInfoMap:s,globalValues:c,layer:a,text:e.description});return o`<arcgis-feature-fields .headingLevel=${this.headingLevel} .heading=${m} class=${l(d.contentElement)} .messages=${this.messages} .description=${v} .values=${{...i?.global,...i?.content?.[t]}} .fieldInfos=${u} .expressionInfos=${g??void 0}></arcgis-feature-fields>`}_renderMedia(e,t){let{values:i,graphic:n,fieldInfoMap:s,sourceLayer:a,popupTemplate:r,globalValues:c}=this,{formattedAttributes:u,relatedInfos:g}=this.viewModel,m={...u?.global,...u?.content?.[t]},v=h({values:i,fieldInfoMap:s,globalValues:c,layer:a,text:e.title}),p=h({values:i,fieldInfoMap:s,globalValues:c,layer:a,text:e.description});return o`<arcgis-feature-media .activeMediaInfoIndex=${e.activeMediaInfoIndex??0} .chartAnimationDisabled=${this.chartAnimationDisabled} .headingLevel=${this.headingLevel} .heading=${v} class=${l(d.contentElement)} .description=${p} .values=${i} .layer=${a} .isAggregate=${n?.isAggregate} .messages=${this.messages} .fieldInfoMap=${s} .mediaInfos=${e.mediaInfos??[]} .popupTemplate=${r??void 0} .relatedInfos=${g} .formattedValues=${m}></arcgis-feature-media>`}_renderText(e){let{values:t,fieldInfoMap:i,sourceLayer:n,globalValues:s}=this,a=h({values:t,fieldInfoMap:i,globalValues:s,layer:n,text:e.text});return o`<arcgis-feature-content .creator=${a} .graphic=${this.graphic??void 0} class=${l(d.contentElement)}></arcgis-feature-content>`}_renderExpression(e,t){let i=this.viewModel.formattedAttributes,{fieldInfoMap:n}=this;return o`<arcgis-feature-expression .expressionInfo=${e.expressionInfo} .map=${this.map??void 0} .spatialReference=${this.spatialReference??void 0} .view=${this.viewModel.view??void 0} .graphic=${this.graphic??void 0} .location=${this.location??void 0} .headingLevel=${this.headingLevel} class=${l(d.contentElement)} .interceptor=${this.viewModel.interceptor} .messages=${this.messages} .fieldInfoMap=${n} .values=${{...i?.global,...i?.content?.[t]}}></arcgis-feature-expression>`}_renderRelationship(e,t){let{values:i,graphic:n,fieldInfoMap:s,sourceLayer:a,globalValues:r}=this,{displayCount:c,orderByFields:u,relationshipId:g}=e,{formattedAttributes:m,view:v}=this.viewModel,p={...m?.global,...m?.content?.[t]},D=h({values:i,fieldInfoMap:s,globalValues:r,layer:a,text:e.title}),N=h({values:i,fieldInfoMap:s,globalValues:r,layer:a,text:e.description});return o`<arcgis-feature-relationship class=${l(d.contentElement)} .flowItems=${this.flowItems??this.internalFlowItems} .description=${N} .layer=${a} .map=${this.map??void 0} .displayCount=${c} .graphic=${n??void 0} .heading=${D} .headingLevel=${this.headingLevel} .messages=${this.messages} .orderByFields=${u??void 0} .relationshipId=${g??void 0} .spatialReference=${this.spatialReference??void 0} .timeZone=${this.timeZone??void 0} .values=${p} .view=${v??void 0}></arcgis-feature-relationship>`}_renderAssociation(){return null}_renderContentElement(e,t){switch(e.type){case"attachments":return this.hideAttachmentsContent?null:this._renderAttachments(e);case"custom":return this.hideCustomContent?null:this._renderCustom(e);case"fields":return this.hideFieldsContent?null:this._renderFields(e,t);case"media":return this.hideMediaContent?null:this._renderMedia(e,t);case"text":return this.hideTextContent?null:this._renderText(e);case"expression":return this.hideExpressionContent?null:this._renderExpression(e,t);case"relationship":return this.showRelationshipContent?this._renderRelationship(e,t):null;case"utility-network-associations":return this.showUtilityNetworkContent?this._renderAssociation():null;default:return null}}_renderContent(){let{content:e,graphic:t}=this.viewModel;return e?Array.isArray(e)&&e.length?e.length?e.map(this._renderContentElement,this):null:typeof e=="string"?o`<arcgis-feature-content .creator=${e} .graphic=${t??void 0} class=${l(d.contentElement)}></arcgis-feature-content>`:e instanceof HTMLElement?e:null:null}_renderContentContainer(){let{hideContent:e,internalFlowItems:t,headingLevel:i,state:n,messages:s}=this;if(e)return null;let a=o`<div class=${l(d.main)}>${[this._renderContent(),this._renderLastEditInfo()]}</div>`,r=s.returnToInitialFeature??"";return this.flowItems?a:o`<calcite-flow ${I(this._storeRootFlowNode)}><calcite-flow-item .loading=${n==="loading"} .headingLevel=${i} .heading=${this.hideHeading?void 0:Z(this.heading)} .selected=${!t.length}>${a}</calcite-flow-item>${t.toArray().map((c,u)=>o`<calcite-flow-item @calciteFlowItemBack=${g=>{g.preventDefault(),this._handleDrillInBackClick()}} .loading=${n==="loading"} .headingLevel=${i} .selected=${u===t.length-1}><calcite-action appearance=transparent icon=move-up @click=${this._removeFlowItems} slot=header-actions-start .text=${r} title=${r??y}></calcite-action>${c}</calcite-flow-item>`)}</calcite-flow>`}_renderLastEditInfo(){let{hideLastEditedInfo:e,messages:t}=this,{lastEditInfo:i}=this.viewModel;if(!i||e)return null;let{date:n,user:s}=i,a=i.type==="edit"?s?t.lastEditedByUser:t.lastEdited:s?t.lastCreatedByUser:t.lastCreated,r=B(a??"",{date:n,user:s});return o`<div class=${l(_(d.lastEditedInfo,d.contentElement))}>${r}</div>`}};x("arcgis-feature",$);return $},"widgets/Feature/FeatureViewModel","intl","core/Collection","core/reactiveUtils","applications/Components/stringUtils",a,c,d,e)

package/dist/cdn/QI2PIRGR.js

@@ -1,4 +0,0 @@
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.4 */
-import{j as m}from"./BRTX4VDL.js";import"./5ANKWYXX.js";import"./LUU3MMZC.js";import{t as p}from"./Z2M5WQBL.js";import"./SYIYMPYO.js";import"./MBCS4MR7.js";import"./VPRPVNFB.js";import"./LJXXNHM2.js";export default $arcgis.t(([{getLocale:a,getLocaleLanguage:n}])=>{p("AM5C241025748");var e="en-US",o=new Map([["ar",()=>import("./UJZ5JH6J.js")],["bg-BG",()=>import("./654H67QV.js")],["bs-BA",()=>import("./A7VZPANO.js")],["ca-ES",()=>import("./HYWMDLRY.js")],["cs-CZ",()=>import("./MHAOD5LL.js")],["da-DK",()=>import("./5D2VWK66.js")],["de-DE",()=>import("./NNBM4MJM.js")],["de-CH",()=>import("./NCTKCIMH.js")],["el-GR",()=>import("./FYE7EKEC.js")],["en-US",()=>import("./QTUINRMA.js")],["en-CA",()=>import("./T54DV4QC.js")],["es-ES",()=>import("./ZGKPCMCL.js")],["et-EE",()=>import("./TYPX5QRF.js")],["fi-FI",()=>import("./BV332IWQ.js")],["fr-FR",()=>import("./JLV2VBC5.js")],["he-IL",()=>import("./DJZCJD3T.js")],["hr-HR",()=>import("./OXTE6NQP.js")],["hu-HU",()=>import("./YCX7GC7L.js")],["id-ID",()=>import("./S6KWWLV3.js")],["it-IT",()=>import("./G5TZUCV3.js")],["ja-JP",()=>import("./SEXAUJM5.js")],["ko-KR",()=>import("./SEUXPSM6.js")],["lt-LT",()=>import("./NK7W7H3O.js")],["lv-LV",()=>import("./CSTMQZDP.js")],["no-NO",()=>import("./STJFX7RM.js")],["nb-NO",()=>import("./STJFX7RM.js")],["nl-NL",()=>import("./WJCYWE3O.js")],["pl-PL",()=>import("./VMCP5ODS.js")],["pt-BR",()=>import("./CXN7GCTD.js")],["pt-PT",()=>import("./AHVNWN6T.js")],["ro-RO",()=>import("./EC7NTTMA.js")],["ru-RU",()=>import("./K4BFKFZ2.js")],["sk-SK",()=>import("./L5BT6RA6.js")],["sl-SL",()=>import("./7UXSP6EE.js")],["sr-RS",()=>import("./AWUVSJ4I.js")],["sv-SE",()=>import("./MRRTLF3Q.js")],["th-TH",()=>import("./5N7KH7NZ.js")],["tr-TR",()=>import("./S6CCVUTN.js")],["uk-UA",()=>import("./NZP5SLEC.js")],["vi-VN",()=>import("./5FTBHJXN.js")],["zh-CN",()=>import("./HQ44YTSF.js")],["zh-HK",()=>import("./HIOSPYNQ.js")],["zh-TW",()=>import("./HIOSPYNQ.js")]]);function s(t){if(!t)return e;if(o.has(t))return t;let r=n();return r&&o.has(r)?r:e}async function l(t,r=a()){let i=m.new(t);return i.locale=(await o.get(s(r))()).default,i}return l},"intl")