@arcgis/map-components 6.0.0-next.2 → 6.0.0-next.20

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

@@ -5,15 +5,15 @@ import P from "@arcgis/core/popup/FeaturesModel.js";
 import { u as O } from "../../chunks/useT9n.js";
 import { useDirection as F, usePropertyChange as $ } from "@arcgis/lumina/controllers";
 import { m as S } from "../../chunks/useViewModel.js";
-import { LitElement as N, createEvent as _, safeStyleMap as L, safeClassMap as y } from "@arcgis/lumina";
-import { stripHTML as T } from "@arcgis/core/applications/Components/stringUtils.js";
+import { LitElement as T, createEvent as _, safeStyleMap as N, safeClassMap as y } from "@arcgis/lumina";
+import { stripHTML as L } from "@arcgis/core/applications/Components/stringUtils.js";
 import { classes as x } from "@arcgis/toolkit/dom";
 import { createRef as g, ref as m } from "lit/directives/ref.js";
-import { watch as p } from "@arcgis/core/core/reactiveUtils.js";
+import { watch as h } from "@arcgis/core/core/reactiveUtils.js";
 import H from "@arcgis/core/support/actions/ActionButton.js";
-import { t as B } from "../../chunks/screenLocation.js";
+import { t as V } from "../../chunks/screenLocation.js";
 import "../arcgis-search-result-renderer/customElement.js";
-const V = A`: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)}.root{display:flex;position:absolute;flex-flow:column nowrap;z-index:401;pointer-events:none;border:none;overflow:visible;padding:0;width:auto;height:auto;background-color:transparent}.hidden{visibility:hidden}.root:popover-open{display:flex;position:fixed;flex-flow:column nowrap;margin:0}arcgis-features{flex:1;width:100%}.shadow{box-shadow:var(--calcite-shadow-sm)}.aligned-top-center{transform-origin:50% 100%}.aligned-bottom-center{transform-origin:50% -5%}.aligned-top-left,.aligned-bottom-left{transform-origin:100% 50%}.aligned-top-right,.aligned-bottom-right{transform-origin:-5% 50%}.aligned-top-center,.aligned-top-left,.aligned-top-right{animation:popup-intro-animation-down .2s ease-in-out}.aligned-bottom-center,.aligned-bottom-left,.aligned-bottom-right{animation:popup-intro-animation-up .2s ease-in-out}.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}.pointer{position:absolute;width:0;height:0}.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)}.aligned-top-center .pointer{top:100%;left:50%;margin:0 0 0 var(--arcgis-internal-popup-pointer-size-half-negative)}.aligned-bottom-center .pointer{bottom:100%;left:50%;margin:0 0 0 var(--arcgis-internal-popup-pointer-size-half-negative)}.aligned-top-left .pointer{right:var(--arcgis-internal-popup-pointer-size-half);bottom:var(--arcgis-internal-popup-pointer-size-half);transform:rotate(-45deg)}.aligned-bottom-left .pointer{top:var(--arcgis-internal-popup-pointer-size-half);right:var(--arcgis-internal-popup-pointer-size-half);transform:rotate(45deg)}.aligned-top-right .pointer{bottom:var(--arcgis-internal-popup-pointer-size-half);left:var(--arcgis-internal-popup-pointer-size-half);transform:rotate(45deg)}.aligned-bottom-right .pointer{top:var(--arcgis-internal-popup-pointer-size-half);left:var(--arcgis-internal-popup-pointer-size-half);transform:rotate(-45deg)}.aligned-top-center .pointer-direction,.aligned-bottom-center .pointer-direction{transform:scale(.75,2) rotate(45deg)}.aligned-top-left .pointer-direction,.aligned-bottom-left .pointer-direction,.aligned-top-right .pointer-direction,.aligned-bottom-right .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)}.aligned-top-center .pointer-direction{top:var(--arcgis-internal-popup-pointer-size-half-negative);left:0}.aligned-bottom-center .pointer-direction{bottom:var(--arcgis-internal-popup-pointer-size-half-negative);left:0}.is-xl-width-breakpoint .main-container{width:var(--arcgis-internal-popup-content-x-large-size)}.is-lg-width-breakpoint .main-container{width:var(--arcgis-internal-popup-content-large-size)}.is-md-width-breakpoint .main-container{width:var(--arcgis-internal-popup-content-medium-size)}.is-sm-width-breakpoint .main-container,.is-xs-width-breakpoint .main-container{width:var(--arcgis-internal-popup-content-small-size)}.is-xs-width-breakpoint.is-docked-top-center,.is-xs-width-breakpoint.is-docked-bottom-center{margin:0;width:auto}.is-xs-width-breakpoint.is-docked-top-center .main-container,.is-xs-width-breakpoint.is-docked-bottom-center .main-container{position:absolute;right:0;left:0;width:100%;max-height:75%}.is-xs-width-breakpoint.is-docked-bottom-center .main-container{bottom:0}.is-xs-width-breakpoint.is-docked-top-center .main-container{top:0}.is-xl-height-breakpoint .main-container{max-height:var(--arcgis-internal-popup-content-x-large-size)}.is-lg-height-breakpoint .main-container{max-height:var(--arcgis-internal-popup-content-large-size)}.is-sm-height-breakpoint .main-container,.is-xs-height-breakpoint .main-container{max-height:var(--arcgis-internal-popup-content-small-size)}.is-docked{flex-flow:row nowrap;inset:0;margin:var(--arcgis-layout-overlay-space-top, 0) var(--arcgis-layout-overlay-space-right, 0) var(--arcgis-layout-overlay-space-bottom, 0) var(--arcgis-layout-overlay-space-left, 0);padding:var(--calcite-spacing-lg) var(--calcite-spacing-lg) var(--calcite-spacing-xxxl) var(--calcite-spacing-lg);animation:docking-animation .25s ease-out}.is-docked-top-left,.is-docked-top-center,.is-docked-top-right,.is-docked-top-start,.is-docked-top-end{align-items:flex-start}.is-docked-bottom-left,.is-docked-bottom-center,.is-docked-bottom-right,.is-docked-bottom-start,.is-docked-bottom-end{align-items:flex-end}.is-docked-top-left,.is-docked-bottom-left,.is-docked-top-start,.is-docked-bottom-start{justify-content:flex-start}.is-docked-top-center,.is-docked-bottom-center{justify-content:center}.is-docked-top-right,.is-docked-bottom-right,.is-docked-top-end,.is-docked-bottom-end{justify-content:flex-end}.is-docked-top-left.is-rtl,.is-docked-top-right.is-rtl,.is-docked-bottom-left.is-rtl,.is-docked-bottom-right.is-rtl{flex-direction:row-reverse}.is-docked-top-left .main-container,.is-docked-top-right .main-container,.is-docked-bottom-left .main-container,.is-docked-bottom-right .main-container,.is-docked-top-start .main-container,.is-docked-top-end .main-container,.is-docked-bottom-start .main-container,.is-docked-bottom-end .main-container{max-height:80%}.is-docked-top-center .main-container,.is-docked-bottom-center .main-container{max-height:40%}@media(prefers-reduced-motion){.aligned-top-center,.aligned-top-left,.aligned-top-right,.aligned-bottom-center,.aligned-bottom-left,.aligned-bottom-right{animation:none}}@media(prefers-reduced-motion){.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}}`;
+const B = A`: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)}.root{display:flex;position:absolute;flex-flow:column nowrap;z-index:401;pointer-events:none;border:none;overflow:visible;padding:0;width:auto;height:auto;background-color:transparent}.hidden{visibility:hidden}.root:popover-open{display:flex;position:fixed;flex-flow:column nowrap;margin:0}arcgis-features{flex:1;width:100%}.shadow{box-shadow:var(--calcite-shadow-sm)}.aligned-top-center{transform-origin:50% 100%}.aligned-bottom-center{transform-origin:50% -5%}.aligned-top-left,.aligned-bottom-left{transform-origin:100% 50%}.aligned-top-right,.aligned-bottom-right{transform-origin:-5% 50%}.aligned-top-center,.aligned-top-left,.aligned-top-right{animation:popup-intro-animation-down .2s ease-in-out}.aligned-bottom-center,.aligned-bottom-left,.aligned-bottom-right{animation:popup-intro-animation-up .2s ease-in-out}.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}.pointer{position:absolute;width:0;height:0}.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)}.aligned-top-center .pointer{top:100%;left:50%;margin:0 0 0 var(--arcgis-internal-popup-pointer-size-half-negative)}.aligned-bottom-center .pointer{bottom:100%;left:50%;margin:0 0 0 var(--arcgis-internal-popup-pointer-size-half-negative)}.aligned-top-left .pointer{right:var(--arcgis-internal-popup-pointer-size-half);bottom:var(--arcgis-internal-popup-pointer-size-half);transform:rotate(-45deg)}.aligned-bottom-left .pointer{top:var(--arcgis-internal-popup-pointer-size-half);right:var(--arcgis-internal-popup-pointer-size-half);transform:rotate(45deg)}.aligned-top-right .pointer{bottom:var(--arcgis-internal-popup-pointer-size-half);left:var(--arcgis-internal-popup-pointer-size-half);transform:rotate(45deg)}.aligned-bottom-right .pointer{top:var(--arcgis-internal-popup-pointer-size-half);left:var(--arcgis-internal-popup-pointer-size-half);transform:rotate(-45deg)}.aligned-top-center .pointer-direction,.aligned-bottom-center .pointer-direction{transform:scale(.75,2) rotate(45deg)}.aligned-top-left .pointer-direction,.aligned-bottom-left .pointer-direction,.aligned-top-right .pointer-direction,.aligned-bottom-right .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)}.aligned-top-center .pointer-direction{top:var(--arcgis-internal-popup-pointer-size-half-negative);left:0}.aligned-bottom-center .pointer-direction{bottom:var(--arcgis-internal-popup-pointer-size-half-negative);left:0}.is-xl-width-breakpoint .main-container{width:var(--arcgis-internal-popup-content-x-large-size)}.is-lg-width-breakpoint .main-container{width:var(--arcgis-internal-popup-content-large-size)}.is-md-width-breakpoint .main-container{width:var(--arcgis-internal-popup-content-medium-size)}.is-sm-width-breakpoint .main-container,.is-xs-width-breakpoint .main-container{width:var(--arcgis-internal-popup-content-small-size)}.is-xs-width-breakpoint.is-docked-top-center,.is-xs-width-breakpoint.is-docked-bottom-center{margin:0;width:auto}.is-xs-width-breakpoint.is-docked-top-center .main-container,.is-xs-width-breakpoint.is-docked-bottom-center .main-container{position:absolute;right:0;left:0;width:100%;max-height:75%}.is-xs-width-breakpoint.is-docked-bottom-center .main-container{bottom:0}.is-xs-width-breakpoint.is-docked-top-center .main-container{top:0}.is-xl-height-breakpoint .main-container{max-height:var(--arcgis-internal-popup-content-x-large-size)}.is-lg-height-breakpoint .main-container{max-height:var(--arcgis-internal-popup-content-large-size)}.is-sm-height-breakpoint .main-container,.is-xs-height-breakpoint .main-container{max-height:var(--arcgis-internal-popup-content-small-size)}.is-docked{flex-flow:row nowrap;inset:0;margin:var(--arcgis-layout-overlay-space-top, 0) var(--arcgis-layout-overlay-space-right, 0) var(--arcgis-layout-overlay-space-bottom, 0) var(--arcgis-layout-overlay-space-left, 0);padding:var(--calcite-spacing-lg) var(--calcite-spacing-lg) var(--calcite-spacing-xxxl) var(--calcite-spacing-lg);animation:docking-animation .25s ease-out}.is-docked-top-left,.is-docked-top-center,.is-docked-top-right,.is-docked-top-start,.is-docked-top-end{align-items:flex-start}.is-docked-bottom-left,.is-docked-bottom-center,.is-docked-bottom-right,.is-docked-bottom-start,.is-docked-bottom-end{align-items:flex-end}.is-docked-top-left,.is-docked-bottom-left,.is-docked-top-start,.is-docked-bottom-start{justify-content:flex-start}.is-docked-top-center,.is-docked-bottom-center{justify-content:center}.is-docked-top-right,.is-docked-bottom-right,.is-docked-top-end,.is-docked-bottom-end{justify-content:flex-end}.is-docked-top-left.is-rtl,.is-docked-top-right.is-rtl,.is-docked-bottom-left.is-rtl,.is-docked-bottom-right.is-rtl{flex-direction:row-reverse}.is-docked-top-left .main-container,.is-docked-top-right .main-container,.is-docked-bottom-left .main-container,.is-docked-bottom-right .main-container,.is-docked-top-start .main-container,.is-docked-top-end .main-container,.is-docked-bottom-start .main-container,.is-docked-bottom-end .main-container{max-height:80%}.is-docked-top-center .main-container,.is-docked-bottom-center .main-container{max-height:40%}@media(prefers-reduced-motion){.aligned-top-center,.aligned-top-left,.aligned-top-right,.aligned-bottom-center,.aligned-bottom-left,.aligned-bottom-right{animation:none}}@media(prefers-reduced-motion){.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 f(b) {
   return b && Number.parseInt(b.replaceAll(/[^-\d.]/gu, ""), 10) || 0;
 }
@@ -24,17 +24,17 @@ const I = S(P), D = {
     width: 544
   }
 };
-class R extends N {
+class R extends T {
   constructor() {
-    super(...arguments), this._direction = F(), this._featuresComponent = g(), this._dockAction = new H({ id: "popup-dock-action" }), this._mainContainerNode = g(), this._pointerNode = g(), this.messages = O(), this.viewModel = I(this), this._containerNode = g(), this._popupResizeObserver = new ResizeObserver(() => this._positionContainer()), this._positionContainer = () => {
+    super(...arguments), this._direction = F(), this._headingText = { html: "", text: "" }, this._featuresComponent = g(), this._dockAction = new H({ id: "popup-dock-action" }), this._mainContainerNode = g(), this._pointerNode = g(), this.messages = O(), this.viewModel = I(this), this._containerNode = g(), this._popupResizeObserver = new ResizeObserver(() => this._positionContainer()), this._positionContainer = () => {
       this.positionStyle = this._calculatePositionStyle();
-    }, this.screenLocation = B(this), this.actions = this.viewModel.actions, this.active = this.viewModel.active, this.alignment = "auto", this.autoCloseEnabled = !1, this.autoDestroyDisabled = !1, this.collapsed = !1, this.content = this.viewModel.content, this.diagnostics = this.viewModel.diagnostics, this.defaultPopupTemplateEnabled = this.viewModel.defaultPopupTemplateEnabled, this.dockEnabled = !1, this.effectiveHeading = this.viewModel.effectiveHeading, this.featureCount = this.viewModel.featureCount, this.featureMenuOpen = !1, this.features = this.viewModel.features, this.featureStream = this.viewModel.featureStream, this.focusTrapDisabled = !1, this.goToOverride = this.viewModel.goToOverride, this.heading = this.viewModel.heading, this.headingLevel = 2, this.hideActionBar = !1, this.hideCloseButton = !1, this.hideCollapseButton = !1, this.hideFeatureMenuHeading = !1, this.hideFeatureNavigation = !1, this.hideFeatureListLayerTitle = !1, this.hideEmptyRelationshipContent = !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.open = this.viewModel.open, this.selectedFeature = this.viewModel.selectedFeature, this.selectedFeatureIndex = this.viewModel.selectedFeatureIndex, this.state = this.viewModel.state, this.topLayerDisabled = !1, this.updateLocationEnabled = this.viewModel.updateLocationEnabled, this.view = this.viewModel.view, this.arcgisPropertyChange = $()("active", "collapsed", "currentAlignment", "dockEnabled", "effectiveHeading", "featureCount", "featureMenuOpen", "features", "selectedDrillInFeature", "selectedFeature", "selectedFeatureComponent", "selectedFeatureIndex", "state", "open"), this.arcgisReady = _(), this.arcgisClose = _(), this.arcgisTriggerAction = _();
+    }, this.screenLocation = V(this), this.actions = this.viewModel.actions, this.active = this.viewModel.active, this.alignment = "auto", this.autoCloseEnabled = !1, this.autoDestroyDisabled = !1, this.collapsed = !1, this.content = this.viewModel.content, this.diagnostics = this.viewModel.diagnostics, this.defaultPopupTemplateEnabled = this.viewModel.defaultPopupTemplateEnabled, this.dockEnabled = !1, this.effectiveHeading = this.viewModel.effectiveHeading, this.featureCount = this.viewModel.featureCount, this.featureMenuOpen = !1, this.features = this.viewModel.features, this.featureStream = this.viewModel.featureStream, this.focusTrapDisabled = !1, this.goToOverride = this.viewModel.goToOverride, this.heading = this.viewModel.heading, this.headingLevel = 2, this.hideActionBar = !1, this.hideCloseButton = !1, this.hideCollapseButton = !1, this.hideFeatureMenuHeading = !1, this.hideFeatureNavigation = !1, this.hideFeatureListLayerTitle = !1, this.hideEmptyRelationshipContent = !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.open = this.viewModel.open, this.selectedFeature = this.viewModel.selectedFeature, this.selectedFeatureIndex = this.viewModel.selectedFeatureIndex, this.state = this.viewModel.state, this.topLayerDisabled = !1, this.updateLocationEnabled = this.viewModel.updateLocationEnabled, this.view = this.viewModel.view, this.arcgisPropertyChange = $()("active", "collapsed", "currentAlignment", "dockEnabled", "effectiveHeading", "featureCount", "featureMenuOpen", "features", "selectedDrillInFeature", "selectedFeature", "selectedFeatureComponent", "selectedFeatureIndex", "state", "open"), this.arcgisReady = _(), this.arcgisClose = _(), this.arcgisTriggerAction = _();
   }
   static {
     this.properties = { screenLocation: 16, positionStyle: 16, _featureNavigationTop: 16, _effectiveDockEnabled: 16, actions: 0, active: 0, alignment: 1, autoCloseEnabled: 5, autoDestroyDisabled: 5, collapsed: 5, content: 1, diagnostics: 32, currentAlignment: 32, currentDockPosition: 32, defaultPopupTemplateEnabled: 5, dockEnabled: 5, dockOptions: 0, effectiveHeading: 32, featureCount: 0, featureMenuOpen: 5, featureMenuTitle: 1, features: 0, featureStream: 0, focusTrapDisabled: 5, goToOverride: 0, heading: 1, headingLevel: 9, hideActionBar: 5, hideCloseButton: 5, hideCollapseButton: 5, hideFeatureMenuHeading: 5, hideFeatureNavigation: 5, hideFeatureListLayerTitle: 5, hideEmptyRelationshipContent: 5, hideHeading: 5, hideSpinner: 5, highlightDisabled: 5, includeDefaultActionsDisabled: 5, initialDisplayMode: 1, label: 1, location: 0, messageOverrides: 0, open: 5, referenceElement: 1, selectedDrillInFeature: 32, selectedFeature: 0, selectedFeatureComponent: 32, selectedFeatureIndex: 9, state: 32, topLayerDisabled: 5, updateLocationEnabled: 5, view: 0 };
   }
   static {
-    this.styles = V;
+    this.styles = B;
   }
   get trackLocation() {
     return this.active && !this._effectiveDockEnabled;
@@ -44,7 +44,7 @@ class R extends N {
     return t === "bottom-left" || t === "bottom-center" || t === "bottom-right" || t === "bottom-start" || t === "bottom-end" || e === "top-left" || e === "top-center" || e === "top-right" || e === "top-start" || e === "top-end";
   }
   get _effectiveDockEnabled() {
-    return this.viewModel?.view?.focusRegionEnabled ? !0 : this.dockEnabled;
+    return this.viewModel?.view?.focusRegionVisible ? !0 : this.dockEnabled;
   }
   get currentAlignment() {
     return this._getCurrentAlignment();
@@ -90,13 +90,13 @@ class R extends N {
   }
   loaded() {
     this.manager.onLifecycle(() => [
-      p(() => [this.viewModel?.view?.widthBreakpoint, this._effectiveDockEnabled, this._direction], () => this._handleDockIcon(), { initial: !0 }),
-      p(() => [this._effectiveDockEnabled, this.messages?.undock, this.messages?.dock], () => this._handleDockEnabled(), { initial: !0 }),
-      p(() => [this.dockOptions, this._featuresComponent.value, this.viewModel?.view?.focusRegionEnabled], () => {
+      h(() => [this.viewModel?.view?.widthBreakpoint, this._effectiveDockEnabled, this._direction], () => this._handleDockIcon(), { initial: !0 }),
+      h(() => [this._effectiveDockEnabled, this.messages?.undock, this.messages?.dock], () => this._handleDockEnabled(), { initial: !0 }),
+      h(() => [this.dockOptions, this._featuresComponent.value, this.viewModel?.view?.focusRegionVisible], () => {
         const { _dockAction: t, dockOptions: e } = this, o = this._featuresComponent.value?.headerActions;
-        o?.remove(t), e.buttonEnabled && !this.viewModel?.view?.focusRegionEnabled && o?.add(t);
+        o?.remove(t), e.buttonEnabled && !this.viewModel?.view?.focusRegionVisible && o?.add(t);
       }, { initial: !0 }),
-      p(() => [
+      h(() => [
         this._pointerNode.value,
         this.alignment,
         this.currentAlignment,
@@ -107,16 +107,16 @@ class R extends N {
         this.viewModel?.location,
         this.viewModel?.view?.size
       ], () => this._positionContainer(), { initial: !0 }),
-      p(() => this._mainContainerNode.value, (t) => {
+      h(() => this._mainContainerNode.value, (t) => {
         this._syncPopupResizeObserver(t);
       }, { initial: !0 }),
-      p(() => this.viewModel?.view?.size, (t, e) => this._updateDockEnabledForViewSize(t, e)),
-      p(() => this.viewModel?.view?.ready, () => this._setDockEnabledForViewSize(this.dockOptions), { initial: !0 }),
-      p(() => this.view?.map, (t) => {
+      h(() => this.viewModel?.view?.size, (t, e) => this._updateDockEnabledForViewSize(t, e)),
+      h(() => this.viewModel?.view?.ready, () => this._setDockEnabledForViewSize(this.dockOptions), { initial: !0 }),
+      h(() => this.view?.map, (t) => {
         this.viewModel.map = t;
       }, { initial: !0 }),
-      p(() => this.screenLocation, (t, e) => this._autoClose(t, e)),
-      p(() => [this.active, this._containerNode.value, this._effectiveDockEnabled, this.topLayerDisabled], () => this._togglePopover(), { initial: !0 })
+      h(() => this.screenLocation, (t, e) => this._autoClose(t, e)),
+      h(() => [this.active, this._containerNode.value, this._effectiveDockEnabled, this.topLayerDisabled], () => this._togglePopover(), { initial: !0 })
     ]);
   }
   disconnectedCallback() {
@@ -148,33 +148,37 @@ class R extends N {
     const { _pointerNode: t } = this, e = t.value ? window.getComputedStyle(t.value) : null, o = f(e?.height), i = f(e?.width);
     return Math.hypot(o, i);
   }
+  _getHeadingText() {
+    const t = this.heading ?? "";
+    return this._headingText.html !== t && (this._headingText = { html: t, text: L(t) }), this._headingText.text;
+  }
   _calculateAutoAlignment(t) {
     if (t !== "auto")
       return t;
     const { _mainContainerNode: e, _popupRect: o, viewModel: i } = this, { view: s } = i, { screenLocation: n } = this;
     if (n == null || !s || !o || !e.value)
       return "top-center";
-    const r = window.getComputedStyle(e.value), l = f(r.maxHeight), a = f(r.height), d = this._getPointerSize(), { height: c, width: v } = o, h = v + d, u = Math.max(c, l, a) + d, C = this._isOutsideView({
+    const r = window.getComputedStyle(e.value), l = f(r.maxHeight), a = f(r.height), d = this._getPointerSize(), { height: c, width: v } = o, p = v + d, u = Math.max(c, l, a) + d, C = this._isOutsideView({
       popupHeight: u,
-      popupWidth: h,
+      popupWidth: p,
       screenLocation: n,
       side: "right",
       view: s
     }), M = this._isOutsideView({
       popupHeight: u,
-      popupWidth: h,
+      popupWidth: p,
       screenLocation: n,
       side: "left",
       view: s
     }), k = this._isOutsideView({
       popupHeight: u,
-      popupWidth: h,
+      popupWidth: p,
       screenLocation: n,
       side: "top",
       view: s
     }), z = this._isOutsideView({
       popupHeight: u,
-      popupWidth: h,
+      popupWidth: p,
       screenLocation: n,
       side: "bottom",
       view: s
@@ -338,9 +342,9 @@ class R extends N {
       "is-sm-height-breakpoint": c === "small",
       "is-xs-height-breakpoint": c === "xsmall"
     };
-    return w`<div style=${L(s)} class=${y(x("root", v, {
+    return w`<div style=${N(s)} class=${y(x("root", v, {
       hidden: !n || !s && !e
-    }))} .ariaHidden=${!n} .ariaLabel=${T(this.heading ?? "")} popover=manual ${m(this._containerNode)}>${this._renderMainContainer()}${this._renderPointer()}</div>`;
+    }))} .ariaHidden=${!n} .ariaLabel=${this._getHeadingText()} popover=manual ${m(this._containerNode)}>${this._renderMainContainer()}${this._renderPointer()}</div>`;
   }
   _renderPointer() {
     return !this._effectiveDockEnabled || !this.active ? w`<div class="pointer" role=presentation><div class=${y(x("pointer-direction", "shadow"))} ${m(this._pointerNode)}></div></div>` : null;

package/dist/components/arcgis-print-datum-transformation-input/customElement.js

@@ -4,27 +4,27 @@ import { css as m, html as o } from "lit";
 import { watch as u } from "@arcgis/core/core/reactiveUtils.js";
 import { LitElement as l } from "@arcgis/lumina";
 import f from "@arcgis/core/geometry/operators/support/GeographicTransformation.js";
-import c from "@arcgis/core/geometry/operators/support/GeographicTransformationStep.js";
-const d = m`.invalid-wkid-text{color:var(--calcite-color-status-danger);font-size:var(--calcite-font-size--0)}`, p = /^\s*\d+(?:\s*\+\s*\d+)*(?:\s*,\s*\d+(?:\s*\+\s*\d+)*)*\s*$/u;
-function h(s) {
+import d from "@arcgis/core/geometry/operators/support/GeographicTransformationStep.js";
+const c = m`.invalid-wkid-text{color:var(--calcite-color-status-danger);font-size:var(--calcite-font-size--0)}`, p = /^\s*\d+(?:\s*\+\s*\d+)*(?:\s*,\s*\d+(?:\s*\+\s*\d+)*)*\s*$/u;
+function T(s) {
   if (!/^\d+$/u.test(s))
     return null;
   const t = Number(s);
   return Number.isSafeInteger(t) && t > 0 ? t : null;
 }
-function T(s) {
+function h(s) {
   if (!p.test(s))
     return null;
   const t = [];
   for (const i of s.split(",")) {
-    const a = [];
-    for (const r of i.split("+")) {
-      const n = h(r.trim());
+    const r = [];
+    for (const a of i.split("+")) {
+      const n = T(a.trim());
       if (n == null)
         return null;
-      a.push(new c({ wkid: n }));
+      r.push(new d({ wkid: n }));
     }
-    t.push(new f({ steps: a }));
+    t.push(new f({ steps: r }));
   }
   return t;
 }
@@ -41,7 +41,7 @@ class w extends l {
     this.properties = { _datumTransformations: 16, _isValidDatumTransformations: 16, templateOptions: 0, viewModel: 0, messages: 0 };
   }
   static {
-    this.styles = d;
+    this.styles = c;
   }
   loaded() {
     this.manager.onLifecycle(() => [
@@ -51,20 +51,20 @@ class w extends l {
     ]);
   }
   render() {
-    const { messages: t } = this, i = this.viewModel.cimVersion;
-    if (!(i != null && Number.parseFloat(i) < 3.7))
-      return o`<div><calcite-label>${t.datumTransformations}<calcite-input .value=${this._datumTransformations ?? ""} .max=${Number.MAX_SAFE_INTEGER} @calciteInputInput=${({ currentTarget: a }) => {
-        const r = a.value?.trim() ?? "";
+    const { messages: t } = this;
+    if (this.viewModel.capabilities?.supportsDatumTransformations !== !1)
+      return o`<div><calcite-label>${t.datumTransformations}<calcite-input .value=${this._datumTransformations ?? ""} .max=${Number.MAX_SAFE_INTEGER} @calciteInputInput=${({ currentTarget: i }) => {
+        const r = i.value?.trim() ?? "";
         if (this._datumTransformations = r, r === "") {
           this.viewModel.datumTransformations = null, this._isValidDatumTransformations = !0;
           return;
         }
-        const n = T(r);
-        if (n == null) {
+        const a = h(r);
+        if (a == null) {
           this._isValidDatumTransformations = !1;
           return;
         }
-        this._isValidDatumTransformations = !0, this.viewModel.datumTransformations = n;
+        this._isValidDatumTransformations = !0, this.viewModel.datumTransformations = a;
       }}></calcite-input>${this._isValidDatumTransformations ? null : o`<div class="invalid-wkid-text">${t.invalidWkid}</div>`}</calcite-label></div>`;
   }
 }

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

@@ -55,14 +55,6 @@ export interface DeclareCssProperties {
   "--arcgis-layout-overlay-space-right": "*";
   /** _Since 5.0_ Specifies the focus outline color for the view. */
   "--arcgis-view-color-focus": "*";
-  /**
-   * _Since 5.2_ Specifies the corner radius for the view.
-   *
-   * A larger corner radius may cause a visual mismatch between the view and its built-in attribution.
-   * This limitation will be addressed in a future release. In the meantime, set `border-radius`
-   * on the view component to the same value as this CSS custom property.
-   */
-  "--arcgis-view-corner-radius": "*";
   /** _Since 5.1_ Specifies the background color for table rows. */
   "--arcgis-table-row-background-color": "*";
   /** _Since 5.1_ Specifies the background color for alternate table rows. */
@@ -449,37 +441,49 @@ export abstract class ArcgisScene extends LitElement {
    */
   accessor focusAreas: FocusAreas;
   /**
-   * The screen rectangle of the active focus region, or `null` when [focusRegionEnabled](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/#focusRegionEnabled) is `false`.
+   * The screen rectangle of the active focus region, or `null` when [focusRegionVisible](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/#focusRegionVisible) is `false`.
    * This screen rectangle represents the area of the view that is currently in focus and can be used with methods that require a screen rectangle as input, such as `hitTest()`.
    *
    * | Action | Keyboard Shortcut / Property |
    * |--------|----------------------------|
-   * | Enable or disable focus region | Use the `Shift` + `Alt`/`Option` + `O` keyboard shortcut while the view component is in focus or set the [focusRegionEnabled](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/#focusRegionEnabled) property to `true` or `false`. |
+   * | Enable or disable focus region | Use the `Shift` + `Alt`/`Option` + `O` keyboard shortcut while the view component is in focus or set the [focusRegionVisible](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/#focusRegionVisible) property to `true` or `false`. |
    * | Resize focus region | Use the `Shift` + `Alt`/`Option` + Up/Down arrow keys while the focus region is enabled. |
    * | Open the [popup](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-popup/) for features in the focus region | Press `Enter` or `Spacebar` while the focus region is enabled. |
    *
-   * **Notes:** 
+   * **Notes:**
    * - To know when this focus region is selected, listen for the [@arcgisViewFocusRegionSelect](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/#event-arcgisViewFocusRegionSelect) event. The default behavior of the popup component opening with features in the focus region can be prevented by calling `event.preventDefault()` within the event handler.
    * - The styling of the focus region can be customized using the [--arcgis-focus-region-outer-border-color](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/#--arcgis-focus-region-outer-border-color), [--arcgis-focus-region-inner-border-color](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/#--arcgis-focus-region-inner-border-color), and [--arcgis-focus-region-border-width](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/#--arcgis-focus-region-border-width) CSS variables.
-   * -  When the [focusRegionEnabled](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/#focusRegionEnabled) is `true`, the opened [popupElement](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/#popupElement) or slotted [popup component](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-popup/) will be docked with the dock button hidden by default to prevent it from overlapping the focus region.
+   * -  When the [focusRegionVisible](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/#focusRegionVisible) is `true`, the opened [popupElement](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/#popupElement) or slotted [popup component](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-popup/) will be docked with the dock button hidden by default to prevent it from overlapping the focus region.
    *
    * @since 5.2
-   * @see [focusRegionEnabled](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/#focusRegionEnabled)
+   * @see [focusRegionShortcutEnabled](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/#focusRegionShortcutEnabled)
+   * @see [focusRegionVisible](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/#focusRegionVisible)
    * @see [@arcgisViewFocusRegionSelect](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/#event-arcgisViewFocusRegionSelect)
    */
   get focusRegion(): SceneView["focusRegion"];
   /**
-   * Indicates whether the [focusRegion](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/#focusRegion) is enabled. Set this property to `true` to show the centered focus region, or `false` to hide it.
-   * The focus region can also be enabled/disabled by focusing on the ArcgisScene component and pressing the `Shift` + `Alt`/`Option` + `O` keyboard shortcut.
+   * Enables the `Shift` + `Alt`/`Option` + `O` keyboard shortcut for showing the [focusRegion](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/#focusRegion). When `undefined`, the shortcut is enabled only when a [popup](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-popup/) component is slotted into the ArcgisScene component, or when [popupComponentEnabled](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/#popupComponentEnabled) is set, and when the [popupDisabled](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/#popupDisabled) property is `false`. Set to `true` to handle focus-region selection in a custom application, or `false` to disable the shortcut. When `false`, the shortcut does not change the [focusRegionVisible](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/#focusRegionVisible) property.
+   *
+   * @default false
+   * @since 5.2
+   * @see [focusRegion](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/#focusRegion)
+   * @see [focusRegionVisible](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/#focusRegionVisible)
+   * @see [@arcgisViewFocusRegionSelect](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/#event-arcgisViewFocusRegionSelect)
+   */
+  accessor focusRegionShortcutEnabled: boolean | undefined;
+  /**
+   * Indicates whether the [focusRegion](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/#focusRegion) is visible. Set this property to `true` to show the centered focus region, or `false` to hide it.
+   * The focus region can also be shown or hidden by focusing on the ArcgisScene component and pressing the `Shift` + `Alt`/`Option` + `O` keyboard shortcut. By default, this shortcut is available only when a popup component is available and [popupDisabled](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/#popupDisabled) is `false`. Use [focusRegionShortcutEnabled](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/#focusRegionShortcutEnabled) to explicitly enable or disable it.
    *
    * **Note:** When the focus region is enabled, the [popupElement](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/#popupElement) or slotted [popup component](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-popup/) will be docked with the dock button hidden by default to prevent it from overlapping the focus region.
    *
    * @default false
    * @since 5.2
    * @see [focusRegion](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/#focusRegion)
+   * @see [focusRegionShortcutEnabled](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/#focusRegionShortcutEnabled)
    * @see [@arcgisViewFocusRegionSelect](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/#event-arcgisViewFocusRegionSelect)
    */
-  accessor focusRegionEnabled: boolean;
+  accessor focusRegionVisible: boolean;
   /** Gamepad input specific configuration settings. */
   get gamepad(): GamepadSettings;
   /**
@@ -695,8 +699,10 @@ export abstract class ArcgisScene extends LitElement {
    */
   accessor navigation: Navigation;
   /**
-   * Configures snapping, tooltips, and measurement units for supported components and analyses configured to inherit these options from the view.
-   * See [ViewOptions](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/options/ViewOptions/) for details.
+   * Configures snapping, tooltips, display units, and input units for supported components, view models, and analyses.
+   * See [ViewOptions](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/options/ViewOptions/) for supported options, exceptions, and opt-in requirements.
+   *
+   * These options are not saved in a WebMap or WebScene.
    *
    * @since 5.2
    * @beta
@@ -1239,12 +1245,13 @@ export abstract class ArcgisScene extends LitElement {
   readonly arcgisViewDrag: import("@arcgis/lumina").TargetedEvent<this, DragEvent>;
   /**
    * Fires when the focus region is selected using the `Enter` or `Space` key. Use this event to react to the selection of the [focusRegion](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/#focusRegion) via keyboard input and perform any necessary actions based on that selection, such as performing a `hitTest()` on the [focusRegion](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/#focusRegion) and passing the returned graphics to the [selectionManager](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/#selectionManager).
-   *           
+   *
    * Call `event.detail.preventDefault()` to suppress the default behavior of the [popup](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-popup/) opening with the features in the focus region.
    *
    * @since 5.2
    * @see [focusRegion](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/#focusRegion)
-   * @see [focusRegionEnabled](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/#focusRegionEnabled)
+   * @see [focusRegionVisible](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/#focusRegionVisible)
+   * @see [focusRegionShortcutEnabled](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/#focusRegionShortcutEnabled)
    * @example
    * ```js
    * viewElement.addEventListener("arcgisViewFocusRegionSelect", async (event) => {

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

@@ -1,29 +1,29 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import { c as p } from "../../chunks/runtime.js";
+import { c as m } from "../../chunks/runtime.js";
 import { html as a } from "lit";
 import l from "@arcgis/core/Camera.js";
 import { watch as s } from "@arcgis/core/core/reactiveUtils.js";
-import v from "@arcgis/core/geometry/Point.js";
-import u from "@arcgis/core/views/SceneView.js";
-import g from "@arcgis/core/WebScene.js";
-import { LitElement as d, createEvent as r, safeClassMap as o } from "@arcgis/lumina";
+import p from "@arcgis/core/geometry/Point.js";
+import v from "@arcgis/core/views/SceneView.js";
+import u from "@arcgis/core/WebScene.js";
+import { LitElement as g, createEvent as r, safeClassMap as o } from "@arcgis/lumina";
 import { reEmitEvent as t } from "@arcgis/lumina-toolkit/reEmitEvent";
-import { makeAccessorController as w, reCreateAccessor as y } from "@arcgis/lumina-toolkit/useAccessor";
-import { createRef as n, ref as h } from "lit/directives/ref.js";
+import { makeAccessorController as c, reCreateAccessor as d } from "@arcgis/lumina-toolkit/useAccessor";
+import { createRef as y, ref as n } from "lit/directives/ref.js";
 import { U as f, u as b, a as V, b as C } from "../../chunks/useArcgisViewReadyError.js";
 import { s as _ } from "../../chunks/esri-main.js";
 import { s as E } from "../../chunks/slots.js";
-import { C as c } from "../../chunks/resources.js";
+import { C as h } from "../../chunks/resources.js";
 import { d as R, e as P, b as A, c as M, p as D, i as I } from "../../chunks/component-utils.js";
-const S = w(g, {}), k = w(u, {});
-class F extends d {
+const S = c(u, {}), k = c(v, {});
+class F extends g {
   constructor() {
-    super(), this._attributionMode = null, this._containerRef = n(), this._mapRef = n(), this._uiController = new f(this), this._cameraProperties = {}, this.arcgisLoadError = b(this), this.arcgisViewReadyError = V(this), this._map = S(this), this.view = k(this), this.allLayerViews = this.view.allLayerViews, this.alphaCompositingEnabled = this.view.alphaCompositingEnabled, this.analyses = this.view.analyses, this.animationsDisabled = this.view.animationsEnabled, this.autoDestroyDisabled = !1, this.basemap = this._map.basemap, this.basemapView = this.view.basemapView, this.canZoomIn = this.view.canZoomIn, this.canZoomOut = this.view.canZoomOut, this.clippingArea = this.view.clippingArea, this.constraints = this.view.constraints, this.displayFilterDisabled = this.view.displayFilterEnabled, this.environment = this.view.environment, this.fatalError = this.view.fatalError, this.floors = this.view.floors, this.graphics = this.view.graphics, this.ground = this._map.ground, this.groundView = this.view.groundView, this.highlights = this.view.highlights, this.layerViews = this.view.layerViews, this.magnifier = this.view.magnifier, this.map = this.view.map, this.navigation = this.view.navigation, this.options = this.view.options, this.padding = this.view.padding, this.popup = this.view.popup, this.popupDisabled = this.view.popupEnabled, this.popupComponentEnabled = !1, this.qualityProfile = this.view.qualityProfile, this.ready = this.view.ready, this.selectionManager = this.view.selectionManager, this.focusRegionEnabled = this.view.focusRegionEnabled, this.slotGroupRefs = this._uiController.slotGroupRefs, this.spatialReference = this.view.spatialReference, this.suspended = this.view.suspended, this.theme = this.view.theme, this.timeExtent = this.view.timeExtent, this.timeZone = this.view.timeZone, this.viewingMode = this.view.viewingMode, this.arcgisViewAnalysisViewCreate = t(() => this.view, "analysis-view-create"), this.arcgisViewAnalysisViewCreateError = t(() => this.view, "analysis-view-create-error"), this.arcgisViewAnalysisViewDestroy = t(() => this.view, "analysis-view-destroy"), this.arcgisViewChange = r(), this.arcgisViewClick = t(() => this.view, "click"), this.arcgisViewDoubleClick = t(() => this.view, "double-click"), this.arcgisViewDoubleTapDrag = t(() => this.view, "double-tap-drag"), this.arcgisViewFocusRegionSelect = t(() => this.view, "focus-region-select"), this.arcgisViewDrag = t(() => this.view, "drag"), this.arcgisViewHold = t(() => this.view, "hold"), this.arcgisViewImmediateClick = t(() => this.view, "immediate-click"), this.arcgisViewImmediateDoubleClick = t(() => this.view, "immediate-double-click"), this.arcgisViewKeyDown = t(() => this.view, "key-down"), this.arcgisViewKeyUp = t(() => this.view, "key-up"), this.arcgisViewLayerviewCreate = t(() => this.view, "layerview-create"), this.arcgisViewLayerviewCreateError = t(() => this.view, "layerview-create-error"), this.arcgisViewLayerviewDestroy = t(() => this.view, "layerview-destroy"), this.arcgisViewMouseWheel = t(() => this.view, "mouse-wheel"), this.arcgisViewPointerDown = t(() => this.view, "pointer-down"), this.arcgisViewPointerEnter = t(() => this.view, "pointer-enter"), this.arcgisViewPointerLeave = t(() => this.view, "pointer-leave"), this.arcgisViewPointerMove = t(() => this.view, "pointer-move"), this.arcgisViewPointerUp = t(() => this.view, "pointer-up"), this.arcgisViewReadyChange = r(), this.arcgisViewVerticalTwoFingerDrag = t(() => this.view, "vertical-two-finger-drag"), C(this), this.view.ui = {
+    super(), this._attributionMode = null, this._mapRef = y(), this._uiController = new f(this), this._cameraProperties = {}, this.arcgisLoadError = b(this), this.arcgisViewReadyError = V(this), this._map = S(this), this.view = k(this), this.allLayerViews = this.view.allLayerViews, this.alphaCompositingEnabled = this.view.alphaCompositingEnabled, this.analyses = this.view.analyses, this.animationsDisabled = this.view.animationsEnabled, this.autoDestroyDisabled = !1, this.basemap = this._map.basemap, this.basemapView = this.view.basemapView, this.canZoomIn = this.view.canZoomIn, this.canZoomOut = this.view.canZoomOut, this.clippingArea = this.view.clippingArea, this.constraints = this.view.constraints, this.displayFilterDisabled = this.view.displayFilterEnabled, this.environment = this.view.environment, this.fatalError = this.view.fatalError, this.floors = this.view.floors, this.graphics = this.view.graphics, this.ground = this._map.ground, this.groundView = this.view.groundView, this.highlights = this.view.highlights, this.layerViews = this.view.layerViews, this.magnifier = this.view.magnifier, this.map = this.view.map, this.navigation = this.view.navigation, this.options = this.view.options, this.padding = this.view.padding, this.popup = this.view.popup, this.popupDisabled = this.view.popupEnabled, this.popupComponentEnabled = !1, this.qualityProfile = this.view.qualityProfile, this.ready = this.view.ready, this.selectionManager = this.view.selectionManager, this.focusRegionVisible = this.view.focusRegionVisible, this.slotGroupRefs = this._uiController.slotGroupRefs, this.spatialReference = this.view.spatialReference, this.suspended = this.view.suspended, this.theme = this.view.theme, this.timeExtent = this.view.timeExtent, this.timeZone = this.view.timeZone, this.viewingMode = this.view.viewingMode, this.arcgisViewAnalysisViewCreate = t(() => this.view, "analysis-view-create"), this.arcgisViewAnalysisViewCreateError = t(() => this.view, "analysis-view-create-error"), this.arcgisViewAnalysisViewDestroy = t(() => this.view, "analysis-view-destroy"), this.arcgisViewChange = r(), this.arcgisViewClick = t(() => this.view, "click"), this.arcgisViewDoubleClick = t(() => this.view, "double-click"), this.arcgisViewDoubleTapDrag = t(() => this.view, "double-tap-drag"), this.arcgisViewFocusRegionSelect = t(() => this.view, "focus-region-select"), this.arcgisViewDrag = t(() => this.view, "drag"), this.arcgisViewHold = t(() => this.view, "hold"), this.arcgisViewImmediateClick = t(() => this.view, "immediate-click"), this.arcgisViewImmediateDoubleClick = t(() => this.view, "immediate-double-click"), this.arcgisViewKeyDown = t(() => this.view, "key-down"), this.arcgisViewKeyUp = t(() => this.view, "key-up"), this.arcgisViewLayerviewCreate = t(() => this.view, "layerview-create"), this.arcgisViewLayerviewCreateError = t(() => this.view, "layerview-create-error"), this.arcgisViewLayerviewDestroy = t(() => this.view, "layerview-destroy"), this.arcgisViewMouseWheel = t(() => this.view, "mouse-wheel"), this.arcgisViewPointerDown = t(() => this.view, "pointer-down"), this.arcgisViewPointerEnter = t(() => this.view, "pointer-enter"), this.arcgisViewPointerLeave = t(() => this.view, "pointer-leave"), this.arcgisViewPointerMove = t(() => this.view, "pointer-move"), this.arcgisViewPointerUp = t(() => this.view, "pointer-up"), this.arcgisViewReadyChange = r(), this.arcgisViewVerticalTwoFingerDrag = t(() => this.view, "vertical-two-finger-drag"), C(this), this.view.ui = {
       components: []
     };
   }
   static {
-    this.properties = { _map: 16, aria: 0, view: 32, allLayerViews: 32, alphaCompositingEnabled: 5, analyses: 0, animationsDisabled: 5, attributionItems: 32, attributionMode: 1, autoDestroyDisabled: 5, basemap: 1, basemapView: 0, camera: 0, cameraFov: 9, cameraHeading: 9, cameraPosition: 1, cameraTilt: 9, canZoomIn: 36, canZoomOut: 36, center: 1, clippingArea: 0, constraints: 0, displayFilterDisabled: 5, environment: 0, extent: 0, fatalError: 0, floors: 0, focusAreas: 0, gamepad: 32, graphics: 0, ground: 1, groundView: 32, hideAttribution: 5, highlights: 0, interacting: 32, itemId: 3, layerViews: 32, magnifier: 32, map: 0, navigating: 32, navigation: 0, options: 0, padding: 0, performanceInfo: 32, popup: 0, popupElement: 32, popupDisabled: 5, popupComponentEnabled: 5, qualityProfile: 1, ready: 36, resolution: 32, selectionManager: 32, focusRegionEnabled: 5, focusRegion: 32, scale: 9, slotGroupRefs: 32, spatialReference: 0, stationary: 32, suspended: 39, theme: 0, timeExtent: 0, timeZone: 1, updating: 32, viewingMode: 1, viewpoint: 0, visibleArea: 32, zoom: 9, loadErrorSources: 0 };
+    this.properties = { _map: 16, aria: 0, view: 32, allLayerViews: 32, alphaCompositingEnabled: 5, analyses: 0, animationsDisabled: 5, attributionItems: 32, attributionMode: 1, autoDestroyDisabled: 5, basemap: 1, basemapView: 0, camera: 0, cameraFov: 9, cameraHeading: 9, cameraPosition: 1, cameraTilt: 9, canZoomIn: 36, canZoomOut: 36, center: 1, clippingArea: 0, constraints: 0, displayFilterDisabled: 5, environment: 0, extent: 0, fatalError: 0, floors: 0, focusAreas: 0, gamepad: 32, graphics: 0, ground: 1, groundView: 32, hideAttribution: 5, highlights: 0, interacting: 32, itemId: 3, layerViews: 32, magnifier: 32, map: 0, navigating: 32, navigation: 0, options: 0, padding: 0, performanceInfo: 32, popup: 0, popupElement: 32, popupDisabled: 5, popupComponentEnabled: 5, qualityProfile: 1, ready: 36, resolution: 32, selectionManager: 32, focusRegionVisible: 5, focusRegionShortcutEnabled: 5, focusRegion: 32, scale: 9, slotGroupRefs: 32, spatialReference: 0, stationary: 32, suspended: 39, theme: 0, timeExtent: 0, timeZone: 1, updating: 32, viewingMode: 1, viewpoint: 0, visibleArea: 32, zoom: 9, loadErrorSources: 0 };
   }
   static {
     this.styles = [_, E];
@@ -75,12 +75,12 @@ class F extends d {
     if (i.ready)
       return i.camera?.position;
     const { position: e } = this._cameraProperties;
-    return e ? new v(e) : void 0;
+    return e ? new p(e) : void 0;
   }
   set cameraPosition(i) {
     const e = P(this.view.camera?.position, i);
-    e && this._mutateCamera((m) => {
-      m.position = e;
+    e && this._mutateCamera((w) => {
+      w.position = e;
     });
   }
   get cameraTilt() {
@@ -133,7 +133,7 @@ class F extends d {
     return this._map.portalItem?.id;
   }
   set itemId(i) {
-    y(this._map, this), this._map.portalItem = { id: i }, this.view.map = this._map;
+    d(this._map, this), this._map.portalItem = { id: i }, this.view.map = this._map;
   }
   get navigating() {
     return this.view.navigating;
@@ -246,13 +246,13 @@ class F extends d {
     i(e), this.camera = e;
   }
   renderMain() {
-    return a`<div class=${o(c.base)} ${h(this._mapRef)}></div>`;
+    return a`<div class=${o(h.base)} ${n(this._mapRef)}></div>`;
   }
   render() {
-    return a`${this.renderMain()}<section class=${o(c.containerUI)} ${h(this._containerRef)}>${this._uiController.render()}</section>`;
+    return a`${this.renderMain()}<section class=${o(h.containerUI)} ${n(this._uiController.uiContainerRef)}>${this._uiController.render()}</section>`;
   }
 }
-p("arcgis-scene", F);
+m("arcgis-scene", F);
 export {
   F as ArcgisScene
 };

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

@@ -358,7 +358,6 @@ export abstract class ArcgisSearch extends LitElement {
    * **Note:** Feature layers created from client-side graphics are not supported.
    *
    * @example
-   * // Default sources[] when sources is not specified
    * const search = document.querySelector("arcgis-search");
    * await search.componentOnReady();
    * // set the search sources once the component is ready
@@ -369,7 +368,7 @@ export abstract class ArcgisSearch extends LitElement {
    *     apiKey: "YOUR_ACCESS_TOKEN",
    *     outFields: ["Addr_type"],
    *     name: "ArcGIS World Geocoding Service",
-   *     placeholder: "Adresse",
+   *     placeholder: "Address",
    *     resultSymbol: {
    *        type: "picture-marker",  // autocasts as new PictureMarkerSymbol()
    *        url: this.basePath + "/images/search/search-symbol-32.png",

package/dist/components/arcgis-selection-list/customElement.js

@@ -235,7 +235,7 @@ class k extends x {
         this.itemWithOpenMenu = e;
       }}>${o("action", a`<calcite-action icon=ellipsis .scale=${this.visualScale} slot=trigger .text=${t.menu ?? ""}></calcite-action>`)}${// Only render menu-items for open menu(s) to reduce
       // the total number of list item elements in the DOM at any time.
-      s ? o("dropdown-group", a`<calcite-dropdown-group selection-mode=none>${this.hideZoomToButton ? void 0 : o("zoom-to", a`<calcite-dropdown-item icon-start=layer-zoom-to @calciteDropdownItemSelect=${() => this.goToItem(e)}>${t.zoomTo}</calcite-dropdown-item>`)}${o("select-single", a`<calcite-dropdown-item icon-start=selection-filter @calciteDropdownItemSelect=${() => this.selectItem(e)}>${i ? t.onlySelectFeature : t.onlySelectThis}</calcite-dropdown-item>`)}${o("clear-selection", a`<calcite-dropdown-item icon-start=selection-x @calciteDropdownItemSelect=${() => this.deselectItem(e)}>${l}</calcite-dropdown-item>`)}${this.listItemActionConfigurations?.map((d) => {
+      s ? o("dropdown-group", a`<calcite-dropdown-group selection-mode=none>${!this.hideZoomToButton && !e.isTable ? o("zoom-to", a`<calcite-dropdown-item icon-start=layer-zoom-to @calciteDropdownItemSelect=${() => this.goToItem(e)}>${t.zoomTo}</calcite-dropdown-item>`) : void 0}${o("select-single", a`<calcite-dropdown-item icon-start=selection-filter @calciteDropdownItemSelect=${() => this.selectItem(e)}>${i ? t.onlySelectFeature : t.onlySelectThis}</calcite-dropdown-item>`)}${o("clear-selection", a`<calcite-dropdown-item icon-start=selection-x @calciteDropdownItemSelect=${() => this.deselectItem(e)}>${l}</calcite-dropdown-item>`)}${this.listItemActionConfigurations?.map((d) => {
         const { disabled: n, label: m } = d;
         if (this._isDropdownItemVisible(e, d))
           return o(`custom-action-${m}`, a`<calcite-dropdown-item .disabled=${typeof n == "function" ? n({ item: e }) : !!n} .iconStart=${d.icon ?? void 0} @calciteDropdownItemSelect=${() => d.callback({ item: e })}>${m}</calcite-dropdown-item>`);

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

@@ -230,7 +230,6 @@ export abstract class ArcgisSketch extends LitElement {
    * update | The graphic will be selected for an [update()](https://developers.arcgis.com/javascript/latest/references/core/widgets/Sketch/#update) operation once the `create` operation is completed.
    *
    * @default "continuous"
-   * @since 4.14
    */
   accessor creationMode: CreationMode;
   /**
@@ -252,7 +251,6 @@ export abstract class ArcgisSketch extends LitElement {
    * Default update options set for the Sketch component. Update options set on this property will be overwritten if the update options are changed
    * when [update()](https://developers.arcgis.com/javascript/latest/references/core/widgets/Sketch/#update) method is called.
    *
-   * @since 4.11
    * @example
    * // Turn off highlights for update operations
    * const sketch = new Sketch({
@@ -538,7 +536,7 @@ export abstract class ArcgisSketch extends LitElement {
    */
   accessor labelOptions: SketchLabelOptions;
   /**
-   * The [GraphicsLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/GraphicsLayer/) associated with the Sketch component. The Sketch component adds new [graphics](https://developers.arcgis.com/javascript/latest/references/core/Graphic/) to this layer or can only update graphics
+   * The [GraphicsLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/GraphicsLayer/) or [SketchLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/SketchLayer/) associated with the Sketch component. The Sketch component adds new [graphics](https://developers.arcgis.com/javascript/latest/references/core/Graphic/) to this layer or can only update graphics
    * stored in this layer.
    */
   accessor layer: GraphicsLayer | MapNotesLayer | SketchLayer | null | undefined;
@@ -665,7 +663,10 @@ export abstract class ArcgisSketch extends LitElement {
    * @since 5.0
    */
   accessor showSnappingControlsElementsHeader: boolean;
-  /** The [SnappingOptions](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/options/SnappingOptions/) for sketching. It supports [self](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/options/SnappingOptions/#selfEnabled) and [feature](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/options/SnappingOptions/#featureEnabled) snapping. */
+  /**
+   * The [SnappingOptions](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/options/SnappingOptions/) for sketching. It supports [self](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/options/SnappingOptions/#selfEnabled) and [feature](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/options/SnappingOptions/#featureEnabled) snapping.
+   * These options are preserved but ignored while [useViewOptions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-sketch/#useViewOptions) is `true`.
+   */
   accessor snappingOptions: SnappingOptions;
   /** The Sketch component's state. */
   get state(): SketchViewModel["state"];
@@ -698,7 +699,10 @@ export abstract class ArcgisSketch extends LitElement {
    * @since 4.32
    */
   accessor toolbarKind: "docked" | "floating";
-  /** Options to configure the tooltip shown next to the cursor when creating or updating graphics. */
+  /**
+   * Options to configure the tooltip shown next to the cursor when creating or updating graphics.
+   * These options are preserved but ignored while [useViewOptions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-sketch/#useViewOptions) is `true`.
+   */
   accessor tooltipOptions: SketchTooltipOptions;
   /** An array of [graphics](https://developers.arcgis.com/javascript/latest/references/core/Graphic/) that are being updated by the Sketch component. */
   get updateGraphics(): Collection<Graphic>;
@@ -729,13 +733,15 @@ export abstract class ArcgisSketch extends LitElement {
    */
   accessor useLegacyCreateTools: boolean;
   /**
-   * Indicates whether the component uses the snapping, tooltip, display-unit, and input-unit options configured through [ViewOptions](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/options/ViewOptions/).
+   * If true, the component uses snapping, tooltips, display units, and input units from [ViewOptions](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/options/ViewOptions/).
    *
-   * When `true`, snapping and tooltip options are inherited from the view. Options specified through [snappingOptions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-sketch/#snappingOptions) and [tooltipOptions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-sketch/#tooltipOptions) are preserved but ignored. When `false`, those options are used instead.
+   * When this property is `true`:
    *
-   * While this property is `true`, snapping controls and the tooltip toggle are hidden from the component's settings menu because these options are inherited from the view.
+   * - Snapping and tooltip options are inherited from the view. The component's [snappingOptions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-sketch/#snappingOptions) and [tooltipOptions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-sketch/#tooltipOptions) are preserved but ignored.
+   * - Snapping controls and the tooltip toggle are hidden from the component's Settings menu.
+   * - Units set through [valueOptions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-sketch/#valueOptions) override the corresponding units on the view, such as length or area, without changing the view's options. Setting a unit to `null` or `undefined` restores inheritance for that measurement type.
    *
-   * Explicit unit overrides take precedence over the units inherited from the view for the corresponding measurement type, such as length or area, without changing the units configured in the view. Setting an explicit unit to `null` or `undefined` restores inheritance for that measurement type.
+   * When `false`, the component uses its own snapping, tooltip, and unit options instead.
    *
    * Label [options](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-sketch/#labelOptions) and [direction mode](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/options/ValueOptions/#directionMode) are not inherited from the view.
    *
@@ -747,7 +753,10 @@ export abstract class ArcgisSketch extends LitElement {
    * @default false
    */
   accessor useViewOptions: boolean;
-  /** Options to configure how values are displayed and input when creating or updating graphics. */
+  /**
+   * Options to configure how values are displayed and input when creating or updating graphics.
+   * See [useViewOptions](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-sketch/#useViewOptions) for unit inheritance and override behavior.
+   */
   accessor valueOptions: SketchValueOptions;
   /**
    * The view associated with the component.