@arcgis/map-components 5.2.0-next.0 → 5.2.0-next.1

package/dist/components/arcgis-directions/customElement.js

@@ -13,12 +13,12 @@ import { u as f } from "../../chunks/useLayerById.js";
 const u = m`.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}.esri-widget{box-sizing:border-box;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget *,.esri-widget :before,.esri-widget :after{box-sizing:inherit}.esri-widget.esri-widget--disabled>*{opacity:.4;pointer-events:none}.esri-widget.esri-widget--compact{--esri-widget-padding-y: 0;--esri-widget-padding-x: 0}.esri-widget__anchor{color:var(--calcite-color-text-2)}.esri-widget__anchor:hover{color:var(--calcite-color-text-3)}.esri-widget__anchor:hover,.esri-widget__anchor:focus{text-decoration:underline}.esri-widget__anchor--disabled{opacity:.4;pointer-events:none}.esri-widget__header{background-color:var(--calcite-color-foreground-1);flex:1 0 100%;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 0 12px 15px;display:flex}.esri-widget__heading{word-break:break-word}.esri-widget__header .esri-widget__heading{width:calc(100% - 48px);text-align:initial;color:var(--calcite-color-text-1);align-items:center;margin:0;padding:0;display:flex}.esri-widget__header-button{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;flex:0 0 48px;justify-content:center;align-self:stretch;align-items:center;width:48px;padding:0;display:flex}.esri-widget__footer{background-color:var(--calcite-color-foreground-1);justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.esri-widget__footer-pagination{color:var(--calcite-color-text-2);justify-content:space-between;align-items:center;display:flex}.esri-widget__footer-pagination-previous-button,.esri-widget__footer-pagination-next-button{cursor:pointer;background-color:var(--calcite-color-foreground-1);border:0;margin:0 7px;padding:12px 15px;transition:background-color .125s ease-in-out}.esri-widget__footer-pagination-previous-button:hover,.esri-widget__footer-pagination-previous-button:focus,.esri-widget__footer-pagination-next-button:hover,.esri-widget__footer-pagination-next-button:focus{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.esri-menu{visibility:hidden;z-index:1;background-clip:padding;background-color:var(--calcite-color-foreground-1);background-clip:padding-box;width:100%;max-height:0;margin:2px 0 0;padding:0;font-size:var(--calcite-font-size);line-height:var(--calcite-spacing-xl);position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 1px 2px #0000004d}.esri-menu .esri-menu__header{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse);padding:6px 12px}.esri-menu__list{margin:0;padding:0;list-style:none}.esri-menu__list-item{cursor:pointer;border-top:1px solid #adadad4d;border-left:3px solid #0000;padding:.8em 1em}.esri-menu__list-item [class^=esri-icon-],.esri-menu__list-item [class*=" esri-icon-"]{padding-right:2.8px}.esri-menu__list-item:first-child{border-top:none}.esri-menu__list-item--focus,.esri-menu__list-item:hover,.esri-menu__list-item:focus{background-color:var(--calcite-color-foreground-1)}.esri-menu__list-item:active{background-color:var(--calcite-color-foreground-current)}.esri-menu__list-item--active,.esri-menu__list-item--active:hover,.esri-menu__list-item--active:focus{background-color:var(--calcite-color-foreground-1);border-left-color:var(--calcite-color-brand)}.esri-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget__table tr:nth-child(odd){background-color:var(--calcite-color-transparent)}.esri-widget__table tr:nth-child(2n){background-color:var(--calcite-color-transparent-press)}.esri-widget__table tr a{color:var(--calcite-color-text-2)}.esri-widget__table tr a:hover,.esri-widget__table tr a:focus{color:var(--calcite-color-text-1)}.esri-widget__table tr td,.esri-widget__table tr th{vertical-align:top;word-break:break-word;padding:.5em .7em;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.esri-widget__table tr th{text-align:left;border-right:3px solid #0000000d;width:50%}.esri-widget__table tr td{width:50%}.esri-input{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1);border:1px solid #959595;font-size:var(--calcite-font-size)}.esri-input::-ms-clear{display:none}.esri-input::placeholder{opacity:1;color:var(--calcite-color-text-2)}.esri-input:placeholder-shown{text-overflow:ellipsis}.esri-input[type=text],.esri-input[type=password],.esri-input[type=number]{height:32px;padding:0 .5em}calcite-combobox.esri-input{border:none}.esri-widget__content--empty{text-align:center;color:var(--calcite-color-border-input);flex-flow:column wrap;align-items:center;padding:18px 22px;display:flex}.esri-widget__content--empty h1.esri-widget__heading,.esri-widget__content--empty h2.esri-widget__heading,.esri-widget__content--empty h3.esri-widget__heading,.esri-widget__content--empty h4.esri-widget__heading,.esri-widget__content--empty h5.esri-widget__heading{font-weight:var(--calcite-font-weight-regular)}.esri-widget__content-illustration--empty{width:128px;padding:1rem 0}.esri-widget__content-icon--empty{width:32px;padding:.5rem 0}.esri-select{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 32 32' width='32' height='32'%3E%3Cpath d='M8 11.207l-4-4V5.793l4 4 4-4v1.414z' fill='%23adadad' fillrule='nonzero'/%3E%3C/svg%3E") 100% no-repeat;border:1px solid #959595;border-radius:0;width:100%;height:32px;margin:0;padding:0 .5em;font-family:inherit;font-size:.85em;display:block}.esri-select[disabled]{cursor:auto}.esri-select::-ms-expand{display:none}.esri-disabled a,.esri-disabled [role=menu],.esri-disabled [role=checkbox],.esri-disabled [class^=esri-icon-],.esri-disabled [class*=" esri-icon-"]{color:var(--calcite-color-text-3)}.keynav-mode .esri-widget:focus,.keynav-mode .esri-widget :focus{z-index:1;outline-offset:2px;outline:2px solid #adadad}.esri-widget__loader-animation{border:.15em solid #adadad4d;border-top-color:var(--calcite-color-border-input);border-radius:100%;width:1em;height:1em;font-size:var(--calcite-font-size-md);animation:1.25s linear infinite esri-rotate;display:block;transform:translateZ(0)}:dir(rtl) .esri-widget__table th{text-align:right;border-left:3px solid #0000000d;border-right:none}:dir(rtl) .esri-select{background-position:0}:dir(rtl) .esri-menu__list-item{border-left:none;border-right:3px solid #0000}:dir(rtl) .esri-menu__list-item [class^=esri-icon-],:dir(rtl) .esri-menu__list-item [class*=" esri-icon-"]{padding-left:2px;padding-right:0}:dir(rtl) .esri-menu__list-item--active{border-right-color:var(--calcite-color-brand)}.esri-icon-font-fallback-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.esri-rotating{animation:1.25s linear infinite esri-rotate;transform:translateZ(0)}.esri-clearfix:before,.esri-clearfix:after{content:" ";display:table}.esri-clearfix:after{clear:both}.esri-interactive{cursor:pointer}.esri-hidden{display:none!important}.esri-invisible{visibility:hidden!important}.esri-offscreen{position:absolute;top:-999em;left:-999em}.esri-match-height{flex-direction:column;flex:auto;display:flex;overflow:hidden}.esri-search{flex-flow:row;justify-content:center;align-items:center;width:240px;display:flex}.esri-search__dropdown{--calcite-color-border-1: var(--calcite-color-border-input);--calcite-dropdown-width: 240px;width:31px}.esri-search__autocomplete{flex:1}.esri-search__container{flex-flow:row;flex:1 0 100%;align-items:stretch;display:flex;position:relative}.esri-search__form{flex-flow:row;flex:1 0;align-items:stretch;margin:0;padding:0;display:flex}.esri-search-result-renderer calcite-block,.esri-search-result-renderer calcite-block[expanded]{margin-block:0;border:0;margin-block-start:var(--calcite-spacing-md)}.esri-search__submit-button{position:absolute;margin:-1px;border-width:0;padding:0;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip:rect(0,0,0,0)}:host{display:flex}.esri-directions{display:flex;flex:1 1 auto;overflow:hidden}.esri-directions calcite-flow-item{--calcite-color-background: var(--calcite-color-foreground-1)}.esri-directions calcite-flow{z-index:1;position:relative}.esri-directions__accordion{--calcite-accordion-border-color: transparent}.esri-directions__stop-container{--calcite-list-border-color: transparent;--calcite-list-background-color-hover: var(--calcite-color-foreground-1);margin-block-start:var(--calcite-spacing-sm);display:flex}.esri-directions__stop-list{flex:auto}.esri-directions__action-container{margin-top:var(--calcite-spacing-sm);margin-inline:var(--calcite-spacing-sm);display:flex}.esri-directions__add-stop-button{margin-inline-end:var(--calcite-spacing-xs)}.esri-directions__departure-time{--calcite-label-margin-bottom: 0}.esri-directions__departure-time-options{margin-bottom:var(--calcite-spacing-sm);display:flex}.esri-directions__departure-time-options calcite-input-date-picker,.esri-directions__departure-time-options calcite-input-time-picker{flex:1}.esri-directions__directions-header{line-height:var(--calcite-font-line-height-relative-snug);color:var(--calcite-color-text-3);font-size:var(--calcite-font-size--2);flex-direction:column;display:flex}.esri-directions__header-stops{gap:var(--calcite-spacing-base) var(--calcite-spacing-xxs);font-size:var(--calcite-font-size--1);grid-template-columns:auto 1fr;margin-block-end:var(--calcite-spacing-base);display:grid}.esri-directions__directions-header-stop-name{text-overflow:ellipsis;color:var(--calcite-color-text-1);font-weight:var(--calcite-font-weight-medium);overflow:hidden}.esri-directions__edit-footer{border-top:var(--calcite-border-width-sm) solid var(--calcite-color-border-3);padding:var(--calcite-spacing-md)}.esri-directions__edit-information-container{border-bottom:var(--calcite-border-width-sm) solid var(--calcite-color-border-3);background-color:var(--calcite-color-surface-1);padding:var(--calcite-spacing-md)}.esri-directions__edit-toolbar-container{margin:var(--calcite-spacing-md);flex-flow:column;align-items:flex-start;display:flex}.esri-directions__edit-toolbar{border-width:var(--calcite-border-width-sm);border-radius:var(--calcite-corner-radius-round);border-style:solid;border-color:var(--calcite-color-foreground-3);flex-flow:row;display:flex;overflow:hidden}.esri-directions__solve-route{border-inline-start:solid var(--calcite-border-width-sm) var(--calcite-color-border-3)}.esri-directions__flex-column{flex-direction:column;display:flex}.esri-directions__flex-row{flex-direction:row;display:flex}.esri-directions__label-emphasize{font-weight:var(--calcite-font-weight-medium)}.esri-directions__label-no-bottom-margin{--calcite-label-margin-bottom: 0}.esri-directions__margin-inline-medium{margin-inline:var(--calcite-spacing-md)}.esri-directions__padding-medium{padding:var(--calcite-spacing-md)}.esri-directions__route-item{margin:var(--calcite-spacing-md);border:var(--calcite-border-width-sm) solid var(--calcite-color-border-3);border-radius:var(--calcite-corner-radius-round);flex:1 0 auto;width:auto;margin-block-start:var(--calcite-spacing-sm);display:flex;overflow:hidden}.esri-directions__route-item-button{background-color:transparent;padding:var(--calcite-spacing-sm) var(--calcite-spacing-md);text-align:unset;font-family:var(--calcite-font-family);border:none;flex:1 0 auto;align-items:center;margin:0;padding-inline-end:var(--calcite-spacing-xs);display:flex;calcite-icon{color:var(--calcite-action-text-color)}}.esri-directions__route-item-button:hover{background-color:var(--calcite-color-foreground-2);cursor:pointer}.esri-directions__route-item-button-content{flex-direction:column;flex:1 0 auto;display:flex}.esri-directions__route-item-label{line-height:var(--calcite-font-line-height-relative-snug);color:var(--calcite-color-text-1);font-size:var(--calcite-font-size-md);font-weight:var(--calcite-font-weight-medium)}.esri-directions__route-item-description{line-height:var(--calcite-font-line-height-relative-snug);color:var(--calcite-color-text-3);font-size:var(--calcite-font-size--2);font-weight:var(--calcite-font-weight-regular)}.esri-directions__optimize-section{--calcite-block-section-header-text-color: var(--calcite-color-text-1)}.esri-directions__optimize-switches{cursor:pointer;margin-inline-start:var(--calcite-spacing-md)}.esri-directions__panel-header-action{align-items:center;display:flex}.esri-directions__primary-flow-item{flex-flow:column;flex:auto;justify-content:flex-start;align-items:stretch;display:flex;overflow:visible}.esri-directions__primary-footer{border-top:var(--calcite-border-width-sm) solid var(--calcite-color-border-3);padding:var(--calcite-spacing-md)}.esri-directions__primary-footer-centered{border-top:var(--calcite-border-width-sm) solid var(--calcite-color-border-3);padding:var(--calcite-spacing-md);flex-flow:column wrap;align-items:center;display:flex}.esri-directions__primary-footer-loader{--calcite-loader-spacing: 0;margin-top:var(--calcite-spacing-md);margin-bottom:var(--calcite-spacing-md)}.esri-directions__save-error{flex-direction:column;align-items:center;display:flex}.esri-directions__save-error-icon{margin-top:calc(var(--calcite-spacing-lg) * 3);margin-bottom:var(--calcite-spacing-xxs);color:var(--calcite-color-status-danger)}.esri-directions__save-error-label{margin-inline:var(--calcite-spacing-sm)}.esri-directions__save-process-loader{padding-top:calc(var(--calcite-spacing-lg) * 3);padding-bottom:calc(var(--calcite-spacing-lg) * 2)}.esri-directions__selected-feature-container{margin-inline:var(--calcite-spacing-md);height:100px;overflow-y:auto}.esri-directions__separator{margin:var(--calcite-spacing-md) 0;background-color:var(--calcite-color-border-3);height:var(--calcite-border-width-sm)}.esri-directions__stop-item .esri-search{width:auto}.esri-directions__print-document{box-sizing:border-box;z-index:var(--calcite-z-index-overlay);background-color:var(--calcite-color-foreground-1);width:100%;height:100%;position:fixed;top:0;left:0;overflow-y:scroll}.esri-directions__print-body{padding-inline:var(--calcite-spacing-md);flex-direction:column;display:flex}.esri-directions__print-header{margin-bottom:var(--calcite-spacing-lg);border-block-end:var(--calcite-border-width-sm) solid var(--calcite-color-border-3);align-items:center;display:flex}.esri-directions__print-header-label{padding-block:var(--calcite-spacing-sm);line-height:var(--calcite-font-line-height-relative-snug);color:var(--calcite-color-text-3);font-size:var(--calcite-font-size--2);font-weight:var(--calcite-font-weight-bold);flex-direction:column;flex-grow:1;display:flex}.esri-directions__print-section{margin-top:var(--calcite-spacing-md);flex-direction:column;display:flex}.esri-directions__print-header-buttons{padding-inline-end:var(--calcite-spacing-md);display:flex}.esri-directions__print--avoid-page-break{break-inside:avoid}@media print{body.esri-directions__print-media{margin:0;padding:0}body.esri-directions__print-media>:not(div.esri-directions__print-document){display:none}}@media print{.esri-directions__print-document{height:auto;position:static;overflow:visible}.esri-directions__print--hide-on-print{display:none}}`, v = p(c), t = "map-components:arcgis-directions";
 class _ extends l {
   constructor() {
-    super(...arguments), this.widget = v(this), this.viewModel = this.widget.viewModel, this.view = this.widget.view, this.apiKey = this.widget.apiKey, this.autoDestroyDisabled = !1, this.goToOverride = this.widget.goToOverride, this.headingLevel = this.widget.headingLevel, this.hideLayerDetails = this.widget.visibleElements.layerDetails, this.hidePrintButton = this.widget.visibleElements.printButton, this.hideSaveAsButton = this.widget.visibleElements.saveAsButton, this.hideSaveButton = this.widget.visibleElements.saveButton, this.icon = this.widget.icon, this.label = this.widget.label, this.lastRoute = this.widget.lastRoute, this.layer = this.widget.layer, this.layerId = f(this, (e) => {
-      e && (e.type === "route" ? this.layer = e : g("warn", this, `${t} - layer with id ${this.layerId} is not a valid RouteLayer`));
+    super(...arguments), this.widget = v(this), this.viewModel = this.widget.viewModel, this.view = this.widget.view, this.apiKey = this.widget.apiKey, this.autoDestroyDisabled = !1, this.goToOverride = this.widget.goToOverride, this.headingLevel = this.widget.headingLevel, this.hideLayerDetails = this.widget.visibleElements.layerDetails, this.hidePrintButton = this.widget.visibleElements.printButton, this.hideSaveAsButton = this.widget.visibleElements.saveAsButton, this.hideSaveButton = this.widget.visibleElements.saveButton, this.icon = this.widget.icon, this.label = this.widget.label, this.lastRoute = this.widget.lastRoute, this.layer = this.widget.layer, this.mapLayerId = f(this, (e) => {
+      e && (e.type === "route" ? this.layer = e : g("warn", this, `${t} - layer with id ${this.mapLayerId} is not a valid RouteLayer`));
     }), this.maxStops = this.widget.maxStops, this.searchProperties = this.widget.searchProperties, this.state = this.viewModel.state, this.unit = this.widget.unit, this.useDefaultRouteLayer = !1, this.arcgisPropertyChange = s()("lastRoute", "state"), this.arcgisReady = d();
   }
   static {
-    this.properties = { view: 0, apiKey: 1, autoDestroyDisabled: 5, autoSolveOnEditActive: 5, goToOverride: 0, headingLevel: 9, hideLayerDetails: 5, hidePrintButton: 5, hideSaveAsButton: 5, hideSaveButton: 5, icon: 1, label: 1, lastRoute: 32, layer: 0, layerId: 1, maxStops: 9, referenceElement: 1, routeLayerItemId: 1, searchProperties: 0, state: 32, unit: 1, useDefaultRouteLayer: 5 };
+    this.properties = { view: 0, apiKey: 1, autoDestroyDisabled: 5, autoSolveOnEditActive: 5, goToOverride: 0, headingLevel: 9, hideLayerDetails: 5, hidePrintButton: 5, hideSaveAsButton: 5, hideSaveButton: 5, icon: 1, label: 1, lastRoute: 32, layer: 0, mapLayerId: 1, maxStops: 9, referenceElement: 1, routeLayerItemId: 1, searchProperties: 0, state: 32, unit: 1, useDefaultRouteLayer: 5 };
   }
   static {
     this.styles = u;

package/dist/components/arcgis-feature/customElement.d.ts

@@ -13,13 +13,16 @@ import type { State } from "@arcgis/core/widgets/Feature/types.js";
 /**
  * The Feature component displays a graphic according to its [PopupTemplate](https://developers.arcgis.com/javascript/latest/references/core/PopupTemplate/).
  * This component is useful in instances where you want to display information about a feature but without
- * the use of a [Popup](https://developers.arcgis.com/javascript/latest/references/core/widgets/Popup/).
+ * the use of an [arcgis-popup](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-popup/).
  *
  * If wanting to show a feature's content with [actions](https://developers.arcgis.com/javascript/latest/references/core/PopupTemplate/#actions), [related](https://developers.arcgis.com/javascript/latest/references/core/popup/content/RelationshipContent/), or [clustering](https://developers.arcgis.com/javascript/latest/references/core/layers/support/FeatureReductionCluster/#popupTemplate), etc., then use the [arcgis-features](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-features/) component.
  *
  * When Arcade expressions that use `$map` or [geometry functions](https://developers.arcgis.com/arcade/function-reference/geometry_functions/) are defined in any popup template content or as expression elements,
  * the [map](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature/#map) and [spatialReference](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature/#spatialReference) properties need to be defined in the Feature component.
  *
+ * > [!WARNING]
+ * > In version 6.0, the implementation of [arcgis-feature](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature/) will be updated under the hood to that of [arcgis-feature-next](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature-next/), and deprecated properties on this component will be removed. We encourage using the [arcgis-feature-next](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature-next/) component and providing feedback.
+ *
  * @see [Arcade Profiles: Popup](https://developers.arcgis.com/arcade/profiles/popup/)
  * @see [Arcade - expression language](https://developers.arcgis.com/javascript/latest/arcade/)
  * @since 4.28

package/dist/components/arcgis-feature-next/customElement.d.ts

@@ -1,5 +1,4 @@
 /// <reference path="../../index.d.ts" />
-import type Feature from "@arcgis/core/popup/Feature.js";
 import type Graphic from "@arcgis/core/Graphic.js";
 import type SpatialReference from "@arcgis/core/geometry/SpatialReference.js";
 import type Map from "@arcgis/core/Map.js";
@@ -11,17 +10,21 @@ import type { MapViewOrSceneView } from "@arcgis/core/views/MapViewOrSceneView.j
 import type { State } from "@arcgis/core/popup/types.js";
 
 /**
- * The Feature component displays a graphic according to its [PopupTemplate](https://developers.arcgis.com/javascript/latest/references/core/PopupTemplate/).
- * This component is useful in instances where you want to display information about a feature but without
- * the use of a [Popup](https://developers.arcgis.com/javascript/latest/references/core/widgets/Popup/).
+ * > [!WARNING]
+ * > The Feature (next) component is the successor to the Feature component, provided to you early for testing and feedback. In version 6.0, the implementation of [arcgis-feature](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature/) will be updated under the hood to that of [arcgis-feature-next](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature-next/), and this component will be removed. To update at version 6.0, simply remove `-next` from the component name.
  *
- * If wanting to show a feature's content with [actions](https://developers.arcgis.com/javascript/latest/references/core/PopupTemplate/#actions), [related](https://developers.arcgis.com/javascript/latest/references/core/popup/content/RelationshipContent/), or [clustering](https://developers.arcgis.com/javascript/latest/references/core/layers/support/FeatureReductionCluster/#popupTemplate), etc., then use the [arcgis-features](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-features/) component.
+ * The Feature (next) component displays a graphic according to its [PopupTemplate](https://developers.arcgis.com/javascript/latest/references/core/PopupTemplate/).
+ * This component is useful in instances where you want to display information about a graphic but without
+ * the use of an [arcgis-popup](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-popup/).
+ *
+ * To show a graphic's content with [actions](https://developers.arcgis.com/javascript/latest/references/core/PopupTemplate/#actions), [related records](https://developers.arcgis.com/javascript/latest/references/core/popup/content/RelationshipContent/), aggregate feature browser ([clustering](https://developers.arcgis.com/javascript/latest/references/core/layers/support/FeatureReductionCluster/#popupTemplate) or [binning](https://developers.arcgis.com/javascript/latest/references/core/layers/support/FeatureReductionBinning/#popupTemplate)), etc., then use the [arcgis-features-next](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-features-next/) component.
  *
  * When Arcade expressions that use `$map` or [geometry functions](https://developers.arcgis.com/arcade/function-reference/geometry_functions/) are defined in any popup template content or as expression elements,
- * the [arcgis-feature.map](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature/#map) and [arcgis-feature.spatialReference](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature/#spatialReference) properties need to be defined in the Feature component.
+ * the [map](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature-next/#map) and [spatialReference](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature-next/#spatialReference) properties need to be defined in the Feature (next) component.
  *
  * @see [Arcade Profiles: Popup](https://developers.arcgis.com/arcade/profiles/popup/)
  * @see [Arcade - expression language](https://developers.arcgis.com/javascript/latest/arcade/)
+ * @beta
  * @since 5.1
  */
 export abstract class ArcgisFeatureNext extends LitElement {
@@ -36,28 +39,15 @@ export abstract class ArcgisFeatureNext extends LitElement {
    */
   accessor autoDestroyDisabled: boolean;
   /**
-   * Disables chart animation within the component.
+   * Indicates whether to disable chart animation in the component.
    *
    * @default false
-   * @since 5.1
    */
   accessor chartAnimationDisabled: boolean;
   /**
-   * Enables automatic creation of a popup template for layers that have popups enabled but no
-   * popupTemplate defined. Automatic popup templates are supported for layers that
-   * support the `createPopupTemplate()` method. (Supported for
-   * [FeatureLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/FeatureLayer/),
-   * [GeoJSONLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/GeoJSONLayer/),
-   * [SceneLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/SceneLayer/),
-   * [CSVLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/CSVLayer/),
-   * [OGCFeatureLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/OGCFeatureLayer/)
-   * [PointCloudLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/PointCloudLayer/),
-   * [StreamLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/StreamLayer/), and
-   * [ImageryLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/ImageryLayer/)).
+   * Enables automatic creation of a popup template for layers that have popups enabled but no popupTemplate defined. Automatic popup templates are supported for layers that support the `createPopupTemplate` method.
    *
-   * **Note:**
-   * Starting with version 5.1, `date` fields are formatted using the `short-date-short-time` preset [dateFormat](https://developers.arcgis.com/javascript/latest/references/core/popup/support/FieldInfoFormat/#dateFormat)
-   * rather than `long-month-day-year` in the default [popup](https://developers.arcgis.com/javascript/latest/references/core/PopupTemplate/) created by setting the `defaultPopupTemplateEnabled` property to `true`.
+   * **Note:** Starting with version 4.28, `date` fields are formatted using the `short-date-short-time` preset [dateFormat](https://developers.arcgis.com/javascript/latest/references/core/popup/support/FieldInfoFormat/#dateFormat) rather than `long-month-day-year` in default [popup](https://developers.arcgis.com/javascript/latest/references/core/PopupTemplate/) created by setting the `defaultPopupTemplateEnabled` property to `true`.
    * For example, previously a date that may have appeared as `"December 30, 1997"` will now appear as `"12/30/1997 6:00 PM"`.
    *
    * @default false
@@ -94,90 +84,71 @@ export abstract class ArcgisFeatureNext extends LitElement {
    */
   accessor graphic: Graphic | null | undefined;
   /**
-   * The title for the feature. This can be disabled by setting the [arcgis-feature.hideHeading](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature/#hideHeading) property to `true`.
+   * The title for the feature. This can be disabled by setting the [hideHeading](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature-next/#hideHeading) property to `true`.
    *
    * @default null
-   * @since 5.1
-   * @see [arcgis-feature.headingLevel](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature/#headingLevel)
-   * @see [arcgis-feature.hideHeading](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature/#hideHeading)
+   * @see [headingLevel](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature-next/#headingLevel)
+   * @see [hideHeading](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature-next/#hideHeading)
    */
   get heading(): string;
   /**
-   * Indicates the heading level to use for the [arcgis-feature.heading](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature/#heading) of the component.
-   * By default, the title is rendered
-   * as a level 2 heading (e.g. `<h2>Title of content</h2>`). Depending on the component's placement
-   * in your app, you may need to adjust this heading for proper semantics. This is
-   * important for meeting accessibility standards.
+   * Indicates the heading level to use for the headings in the component.
    *
    * @default 2
-   * @see [Heading Elements](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements)
-   * @example
-   * ```
-   * // feature title will render as an <h3>
-   * feature.headingLevel = 3;
-   * ```
    */
   accessor headingLevel: HeadingLevel;
   /**
-   * This property provides the ability to hide or show [attachments content](https://developers.arcgis.com/javascript/latest/references/core/popup/content/AttachmentsContent/) within the component.
+   * Indicates whether to hide [attachments content](https://developers.arcgis.com/javascript/latest/references/core/popup/content/AttachmentsContent/) within the component.
    *
    * @default false
-   * @since 5.1
    */
   accessor hideAttachmentsContent: boolean;
   /**
-   * This property provides the ability to hide or show content within the component.
+   * Indicates whether to hide the component's content.
    *
    * @default false
-   * @since 5.1
    */
   accessor hideContent: boolean;
   /**
-   * This property provides the ability to hide or show [custom content](https://developers.arcgis.com/javascript/latest/references/core/popup/content/CustomContent/) within the component.
+   * Indicates whether to hide [custom content](https://developers.arcgis.com/javascript/latest/references/core/popup/content/CustomContent/) within the component.
    *
    * @default false
-   * @since 5.1
    */
   accessor hideCustomContent: boolean;
   /**
-   * This property provides the ability to hide or show [expression content](https://developers.arcgis.com/javascript/latest/references/core/popup/content/ExpressionContent/) within the component.
+   * Indicates whether to hide [expression content](https://developers.arcgis.com/javascript/latest/references/core/popup/content/ExpressionContent/) within the component.
    *
    * @default false
-   * @since 5.1
    */
   accessor hideExpressionContent: boolean;
   /**
-   * This property provides the ability to hide or show [fields content](https://developers.arcgis.com/javascript/latest/references/core/popup/content/FieldsContent/) within the component.
+   * Indicates whether to hide [fields content](https://developers.arcgis.com/javascript/latest/references/core/popup/content/FieldsContent/) within the component.
    *
    * @default false
-   * @since 5.1
    */
   accessor hideFieldsContent: boolean;
   /**
-   * This property provides the ability to hide or show the component's [arcgis-feature.heading](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature/#heading).
+   * Indicates whether to hide the component's [heading](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature-next/#heading).
    *
    * @default false
-   * @since 5.1
    */
   accessor hideHeading: boolean;
   /**
-   * This property provides the ability to hide or show the last edited info within the component.
+   * Indicates whether to hide the last edited info in the component.
    *
    * @default false
    */
   accessor hideLastEditedInfo: boolean;
   /**
-   * This property provides the ability to hide or show [media content](https://developers.arcgis.com/javascript/latest/references/core/popup/content/MediaContent/) within the component.
+   * Indicates whether to hide [media content](https://developers.arcgis.com/javascript/latest/references/core/popup/content/MediaContent/) within the component.
    *
    * @default false
-   * @since 5.1
    */
   accessor hideMediaContent: boolean;
   /**
-   * This property provides the ability to hide or show [text content](https://developers.arcgis.com/javascript/latest/references/core/popup/content/TextContent/) within the component.
+   * Indicates whether to hide [text content](https://developers.arcgis.com/javascript/latest/references/core/popup/content/TextContent/) within the component.
    *
    * @default false
-   * @since 5.1
    */
   accessor hideTextContent: boolean;
   /**
@@ -211,13 +182,13 @@ export abstract class ArcgisFeatureNext extends LitElement {
    */
   accessor location: Point | null | undefined;
   /**
-   * A map is required when the input [arcgis-feature.graphic](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature/#graphic) has a popupTemplate that contains [Arcade](https://developers.arcgis.com/arcade) expressions in [ExpressionInfo](https://developers.arcgis.com/javascript/latest/references/core/popup/ExpressionInfo/) or [ExpressionContent](https://developers.arcgis.com/javascript/latest/references/core/popup/content/ExpressionContent/) that may use the `$map` profile variable to access data from layers within a map. Without a map, expressions that use `$map` will throw an error.
+   * A map is required when the input [graphic](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-feature-next/#graphic) has a popupTemplate that contains [Arcade](https://developers.arcgis.com/arcade) expressions in [ExpressionInfo](https://developers.arcgis.com/javascript/latest/references/core/popup/ExpressionInfo/) or [ExpressionContent](https://developers.arcgis.com/javascript/latest/references/core/popup/content/ExpressionContent/) that may use the `$map` profile variable to access data from layers within a map. Without a map, expressions that use `$map` will throw an error.
    *
    * @default null
    * @see [Type system](https://developers.arcgis.com/arcade/guide/types/#featuresetcollection)
    * @see [Arcade Profiles: Popup](https://developers.arcgis.com/arcade/profiles/popup/)
    * @example
-   * ```
+   * ```js
    * // The building footprints represent the buildings that intersect a clicked parcel
    * let buildingFootprints = Intersects($feature, FeatureSetByName($map, "Building Footprints"));
    * ```
@@ -227,8 +198,6 @@ export abstract class ArcgisFeatureNext extends LitElement {
    * Replace localized message strings with your own strings.
    *
    * _**Note**: Individual message keys may change between releases._
-   *
-   * @since 5.1
    */
   accessor messageOverrides: {
       componentLabel?: string | undefined;
@@ -357,14 +326,12 @@ export abstract class ArcgisFeatureNext extends LitElement {
    * This property provides the ability to hide or show [relationship content](https://developers.arcgis.com/javascript/latest/references/core/popup/content/RelationshipContent/) within the component.
    *
    * @default false
-   * @since 5.1
    */
   accessor showRelationshipContent: boolean;
   /**
    * This property provides the ability to hide or show [utility network content](https://developers.arcgis.com/javascript/latest/references/core/popup/content/UtilityNetworkAssociationsContent/) within the component.
    *
    * @default false
-   * @since 5.1
    */
   accessor showUtilityNetworkContent: boolean;
   /**
@@ -380,7 +347,6 @@ export abstract class ArcgisFeatureNext extends LitElement {
    * The current state of the component.
    *
    * @default "disabled"
-   * @since 5.1
    */
   get state(): State;
   /**
@@ -392,8 +358,6 @@ export abstract class ArcgisFeatureNext extends LitElement {
    * - `system`: Dates and times will be displayed in the timezone of the device or browser.
    * - `unknown`: Dates and time are not adjusted for any timezone.
    * - Specified IANA timezone: Dates and times will be displayed in the specified IANA time zone. See [wikipedia - List of tz database time zones](https://en.wikipedia.org/wiki/List_of_tz_database_time_zones).
-   *
-   * @since 5.1
    */
   accessor timeZone: string;
   /**
@@ -401,8 +365,6 @@ export abstract class ArcgisFeatureNext extends LitElement {
    *   > **Note:** The recommended approach is to fully migrate applications to use map and scene components and avoid using MapView and SceneView directly. However, if you are migrating a large application from widgets to components, you might prefer a more gradual transition. To support this use case, the SDK includes this `view` property which connects a component to a MapView or SceneView. Ultimately, once migration is complete, the arcgis-feature-next component will be associated with a map or scene component rather than using the `view` property.
    */
   accessor view: MapViewOrSceneView | null | undefined;
-  /** @since 5.1 */
-  accessor viewModel: Feature;
   /** Permanently destroy the component. */
   destroy(): Promise<void>;
   /**

package/dist/components/arcgis-feature-table/customElement.d.ts

@@ -578,37 +578,23 @@ export abstract class ArcgisFeatureTable extends LitElement {
    * > For an [ImageryLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/ImageryLayer/) to work with FeatureTable, it must have a mosaic dataset.
    *
    * > [!WARNING]
-   * > Use `layer`, `layerUrl`, `layerId`, and `layerItemId` independently; only one should be set at a time.
+   * > Use `layer`, `layerUrl`, `mapLayerId`, and `layerItemId` independently; only one should be set at a time.
    *
    * @see [pageSize](https://developers.arcgis.com/javascript/latest/references/core/widgets/FeatureTable/#pageSize)
    */
   accessor layer: FeatureTableSupportedLayer | null | undefined;
   /**
-   * The layer ID of a layer in the associated map.
-   * When set, the component will attempt to find and use the layer with the provided ID from the map.
-   *
-   * > [!WARNING]
-   * > Use `layer`, `layerUrl`, `layerId`, and `layerItemId` independently; only one should be set at a time.
+   * The layer ID of a layer in the service.
+   * Use with `layerUrl` when the service contains multiple layers and you want to specify which layer to use.
    *
    * @since 5.1
-   * @example
-   * ```html
-   * <arcgis-map id="my-map" item-id="56cb159275394410a2a928be9c6f5c2a"></arcgis-map>
-   * <!-- configure the feature table to use a layer from the map by setting the layerId property -->
-   * <arcgis-feature-table
-   *   layer-id="1841c01f604-layer-5"
-   *   reference-element="my-map"
-   *   sync-view-selection
-   *   filter-by-view-extent
-   * ></arcgis-feature-table>
-   * ```
    */
-  accessor layerId: string | undefined;
+  accessor layerId: number | undefined;
   /**
    * The portal item ID of a layer.
    *
    * > [!WARNING]
-   * > Use `layer`, `layerUrl`, `layerId`, and `layerItemId` independently; only one should be set at a time.
+   * > Use `layer`, `layerUrl`, `mapLayerId`, and `layerItemId` independently; only one should be set at a time.
    */
   accessor layerItemId: string | undefined;
   /**
@@ -622,7 +608,7 @@ export abstract class ArcgisFeatureTable extends LitElement {
    * The URL to a layer's REST endpoint.
    *
    * > [!WARNING]
-   * > Use `layer`, `layerUrl`, `layerId`, and `layerItemId` independently; only one should be set at a time.
+   * > Use `layer`, `layerUrl`, `mapLayerId`, and `layerItemId` independently; only one should be set at a time.
    */
   accessor layerUrl: string | undefined;
   /**
@@ -632,6 +618,27 @@ export abstract class ArcgisFeatureTable extends LitElement {
    * @see [Sample - FeatureTable with row highlighting](https://developers.arcgis.com/javascript/latest/sample-code/widgets-featuretable-row-highlights/)
    */
   get layerView(): LayerView | null | undefined;
+  /**
+   * The layer ID of a layer in the associated map.
+   * When set, the component will attempt to find and use the layer with the provided ID from the map.
+   *
+   * > [!WARNING]
+   * > Use `layer`, `layerUrl`, `mapLayerId`, and `layerItemId` independently; only one should be set at a time.
+   *
+   * @since 5.1
+   * @example
+   * ```html
+   * <arcgis-map id="my-map" item-id="56cb159275394410a2a928be9c6f5c2a"></arcgis-map>
+   * <!-- configure the feature table to use a layer from the map by setting the mapLayerId property -->
+   * <arcgis-feature-table
+   *   map-layer-id="1841c01f604-layer-5"
+   *   reference-element="my-map"
+   *   sync-view-selection
+   *   filter-by-view-extent
+   * ></arcgis-feature-table>
+   * ```
+   */
+  accessor mapLayerId: string | undefined;
   /**
    * This property is applicable when working with layers that contain a large number of features, as it provides the ability to limit the displayed total feature count. If [paginationEnabled](https://developers.arcgis.com/javascript/latest/references/core/widgets/FeatureTable/#paginationEnabled) is `true`, and `maxSize` is greater than the current value of [pageSize](https://developers.arcgis.com/javascript/latest/references/core/widgets/FeatureTable/#pageSize), multiple pages usually display. If `maxSize` is less than [pageSize](https://developers.arcgis.com/javascript/latest/references/core/widgets/FeatureTable/#pageSize), a single page shows the total number of features limited to `maxSize`.
    *