@arcgis/map-components 4.32.0-next.84 → 4.32.0-next.87

package/dist/components/arcgis-oriented-imagery-viewer/customElement.js

@@ -1,53 +1,58 @@
-import { c as a } from "../../chunks/runtime.js";
-import { usePropertyChange as s } from "@arcgis/components-controllers";
-import { newLayersOrientedImageryLayer as r, newWidgetsOrientedImageryViewer as o } from "@arcgis/core-adapter";
-import { m as d } from "../../chunks/useWidget.js";
-import { LitElement as n, createEvent as l, noShadowRoot as g } from "@arcgis/lumina";
-import { css as h } from "@lit/reactive-element/css-tag.js";
+import { c as t } from "../../chunks/runtime.js";
+import { usePropertyChange as a } from "@arcgis/components-controllers";
+import s from "@arcgis/core/layers/OrientedImageryLayer.js";
+import r from "@arcgis/core/widgets/OrientedImageryViewer.js";
+import { LitElement as o, createEvent as d, noShadowRoot as n } from "@arcgis/lumina";
+import { m as l } from "../../chunks/useWidget.js";
+import { css as g } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.84 */
-const m = h`arcgis-oriented-imagery-viewer{display:block}`, y = d(o);
-class c extends n {
+v4.32.0-next.87 */
+const h = g`arcgis-oriented-imagery-viewer{display:block}`, m = l(r);
+class y extends o {
   constructor() {
-    super(...arguments), this.widget = y(this), this._hasOrientedImageryLayerToAdd = !1, this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.currentCoverageVisible = this.widget.currentCoverageVisible, this.disabled = this.widget.disabled, this.galleryOpened = this.widget.galleryOpened, this.icon = this.widget.icon, this.imageEnhancementToolActive = this.widget.imageEnhancementToolActive, this.imageGalleryEnabled = this.widget.imageGalleryEnabled, this.isAdditionalCoverageVisible = this.widget.isAdditionalCoverageVisible, this.isAdditionalPointSourcesVisible = this.widget.isAdditionalPointSourcesVisible, this.label = this.widget.label, this.layer = this.widget.layer, this.mapImageConversionToolState = this.widget.mapImageConversionToolState, this.navigationToolActive = this.widget.navigationToolActive, this.position = "bottom-left", this.referencePoint = this.widget.referencePoint, this.arcgisPropertyChange = s()("imageGalleryEnabled", "layer"), this.arcgisReady = l();
+    super(...arguments), this.widget = m(this), this._hasOrientedImageryLayerToAdd = !1, this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.currentCoverageVisible = this.widget.currentCoverageVisible, this.disabled = this.widget.disabled, this.galleryOpened = this.widget.galleryOpened, this.icon = this.widget.icon, this.imageEnhancementToolActive = this.widget.imageEnhancementToolActive, this.imageGalleryEnabled = this.widget.imageGalleryEnabled, this.isAdditionalCoverageVisible = this.widget.isAdditionalCoverageVisible, this.isAdditionalPointSourcesVisible = this.widget.isAdditionalPointSourcesVisible, this.label = this.widget.label, this.layer = this.widget.layer, this.mapImageConversionToolState = this.widget.mapImageConversionToolState, this.navigationToolActive = this.widget.navigationToolActive, this.position = "bottom-left", this.referencePoint = this.widget.referencePoint, this.arcgisPropertyChange = a()("imageGalleryEnabled", "layer"), this.arcgisReady = d();
   }
   static {
     this.properties = { autoDestroyDisabled: 5, currentCoverageVisible: 5, disabled: 5, galleryOpened: 5, icon: 1, imageEnhancementToolActive: 5, imageGalleryEnabled: 4, isAdditionalCoverageVisible: 5, isAdditionalPointSourcesVisible: 5, label: 1, layer: 0, mapImageConversionToolState: 5, navigationToolActive: 5, orientedImageryLayerItemId: 1, position: 1, referenceElement: 1, referencePoint: 0 };
   }
   static {
-    this.shadowRootOptions = g;
+    this.shadowRootOptions = n;
   }
   static {
-    this.styles = m;
+    this.styles = h;
   }
-  // #endregion
-  // #region Public Methods
+  //#endregion
+  //#region Public Methods
   /** Permanently destroy the component */
   async destroy() {
     await this.manager.destroy();
   }
-  // #endregion
-  // #region Lifecycle
-  willUpdate(i) {
-    if (i.has("orientedImageryLayerItemId")) {
-      const e = this.orientedImageryLayerItemId;
-      e && this.widget && r({
+  //#endregion
+  //#region Lifecycle
+  willUpdate(e) {
+    if (e.has("orientedImageryLayerItemId")) {
+      const i = this.orientedImageryLayerItemId;
+      i && this.widget && (this.layer = new s({
         portalItem: {
-          id: e
+          id: i
         }
-      }).then((t) => {
-        this.layer = t, this.widget.view ? this.widget.view.map.add(this.layer) : this._hasOrientedImageryLayerToAdd = !0;
-      }).catch(console.error);
+      }), this.widget.view ? this.widget.view.map.add(this.layer) : this._hasOrientedImageryLayerToAdd = !0);
     }
   }
   loaded() {
-    this._hasOrientedImageryLayerToAdd && (this.widget.view ? (this.widget.view?.map.add(this.layer), this._hasOrientedImageryLayerToAdd = !1) : this.el.addEventListener("arcgisReady", () => {
-      this.widget.view.map.add(this.layer), this._hasOrientedImageryLayerToAdd = !1;
+    this._hasOrientedImageryLayerToAdd && (this.widget.view ? this._onReady() : this.el.addEventListener("arcgisReady", () => {
+      this._onReady();
     }, { once: !0 }));
   }
+  //#endregion
+  //#region Private Methods
+  _onReady() {
+    const { layer: e } = this;
+    e && (this.widget.view?.map.add(e), this._hasOrientedImageryLayerToAdd = !1);
+  }
 }
-a("arcgis-oriented-imagery-viewer", c);
+t("arcgis-oriented-imagery-viewer", y);
 export {
-  c as ArcgisOrientedImageryViewer
+  y as ArcgisOrientedImageryViewer
 };

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

@@ -4,7 +4,7 @@ import { LitElement as r, createEvent as o, noShadowRoot as n } from "@arcgis/lu
 import { css as c } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.84 */
+v4.32.0-next.87 */
 const h = c`arcgis-placement{display:flex;pointer-events:auto;box-shadow:none}.arcgis-placement__container{display:block}`;
 class a extends r {
   //#endregion
@@ -29,7 +29,7 @@ class a extends r {
     super.connectedCallback(), this.el.view && this._startObserving();
   }
   willUpdate(e) {
-    e.has("referenceElement") && i(this, this.referenceElement), e.has("position") && this.el.childElem && this.position !== void 0 && this.el.view?.ui.move(this.el.childElem, this.position);
+    e.has("referenceElement") && i(this, this.referenceElement), e.has("position") && this.el.childElem && this.position !== void 0 && this.el.view?.ui?.move(this.el.childElem, this.position);
   }
   loaded() {
     s(this), l(this);

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

@@ -1,16 +1,17 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference types="../../index.d.ts" />
-import { ArcgisReferenceElement } from '../../utils/component-utils';
 import { Use } from '@arcgis/components-controllers';
 import { Nil } from '@arcgis/components-utils';
+import { default as Print } from '@arcgis/core/widgets/Print.js';
 import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { ArcgisReferenceElement } from '../../utils/component-utils';
 
 declare const usePrintWidget: (component: import('@arcgis/components-controllers').StencilLifecycles & {
     manager: import('@arcgis/components-controllers').ControllerManager;
     el: HTMLElement;
     autoDestroyDisabled?: boolean;
     destroy?: () => Promise<void>;
-} & Pick<__esri.Print, "label" | "viewModel" | "icon" | "headingLevel" | "portal" | "allowedFormats" | "allowedLayouts" | "exportedLinks" | "extraParameters" | "printServiceUrl" | "showPrintAreaEnabled" | "templateCustomTextElements" | "templateOptions"> & {
+} & Pick<Print, never> & {
     reactiveUtils?: typeof __esri.reactiveUtils;
     state?: unknown;
     viewModel?: __esri.PrintViewModel | undefined;
@@ -31,8 +32,8 @@ declare const usePrintWidget: (component: import('@arcgis/components-controllers
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;
 }, options?: {
-    editConstructorProperties(props: __esri.PrintProperties): __esri.PrintProperties | Promise<__esri.PrintProperties>;
-} | undefined) => __esri.Print;
+    editConstructorProperties(props: __esri.PrintProperties | undefined): __esri.PrintProperties | Promise<__esri.PrintProperties | undefined> | undefined;
+} | undefined) => Print;
 /** [Print](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Print.html) connects your application with a [printing service](https://enterprise.arcgis.com/en/portal/latest/administer/windows/configure-the-portal-to-print-maps.htm) to allow the map to be printed.
  */
 export declare class ArcgisPrint extends LitElement {
@@ -60,11 +61,11 @@ export declare class ArcgisPrint extends LitElement {
     label: string;
     portal: __esri.Portal;
     position: __esri.UIPosition;
-    printServiceUrl: string;
+    printServiceUrl: string | nullish;
     referenceElement: ArcgisReferenceElement | Nil | string;
     showPrintAreaEnabled: boolean;
     readonly state: "ready" | "disabled" | "error" | "initializing";
-    templateCustomTextElements: HashMap<HashMap<string>[]>;
+    templateCustomTextElements: nullish | HashMap<HashMap<string>[]>;
     templateOptions: __esri.TemplateOptions;
     /** Permanently destroy the component */
     destroy(): Promise<void>;

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

@@ -1,23 +1,23 @@
 import { c as i } from "../../chunks/runtime.js";
-import { newWidgetsPrint as s } from "@arcgis/core-adapter";
-import { usePropertyChange as r } from "@arcgis/components-controllers";
-import { m as o } from "../../chunks/useWidget.js";
-import { LitElement as a, createEvent as l, noShadowRoot as n } from "@arcgis/lumina";
+import { usePropertyChange as s } from "@arcgis/components-controllers";
 import { reEmitEvent as e } from "@arcgis/components-controllers/accessor";
+import r from "@arcgis/core/widgets/Print.js";
+import { LitElement as o, createEvent as a, noShadowRoot as l } from "@arcgis/lumina";
+import { m as n } from "../../chunks/useWidget.js";
 import { css as h } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.84 */
-const d = h`arcgis-print{display:block}`, m = o(s);
-class p extends a {
+v4.32.0-next.87 */
+const d = h`arcgis-print{display:block}`, m = n(r);
+class p extends o {
   constructor() {
-    super(...arguments), this.widget = m(this), this.viewModel = this.widget.viewModel, this.allowedFormats = this.widget.allowedFormats, this.allowedLayouts = this.widget.allowedLayouts, this.autoDestroyDisabled = !1, this.exportedLinks = this.widget.exportedLinks, this.extraParameters = this.widget.extraParameters, this.headingLevel = this.widget.headingLevel, this.icon = this.widget.icon, this.includeDefaultTemplatesDisabled = this.widget.includeDefaultTemplates, this.label = this.widget.label, this.portal = this.widget.portal, this.position = "bottom-left", this.printServiceUrl = this.widget.printServiceUrl, this.showPrintAreaEnabled = this.widget.showPrintAreaEnabled, this.state = this.viewModel.state, this.templateCustomTextElements = this.widget.templateCustomTextElements, this.templateOptions = this.widget.templateOptions, this.arcgisComplete = e(() => this.widget, "complete"), this.arcgisPropertyChange = r()("state"), this.arcgisReady = l(), this.arcgisSubmit = e(() => this.widget, "submit");
+    super(...arguments), this.widget = m(this), this.viewModel = this.widget.viewModel, this.allowedFormats = this.widget.allowedFormats, this.allowedLayouts = this.widget.allowedLayouts, this.autoDestroyDisabled = !1, this.exportedLinks = this.widget.exportedLinks, this.extraParameters = this.widget.extraParameters, this.headingLevel = this.widget.headingLevel, this.icon = this.widget.icon, this.includeDefaultTemplatesDisabled = this.widget.includeDefaultTemplates, this.label = this.widget.label, this.portal = this.widget.portal, this.position = "bottom-left", this.printServiceUrl = this.widget.printServiceUrl, this.showPrintAreaEnabled = this.widget.showPrintAreaEnabled, this.state = this.viewModel.state, this.templateCustomTextElements = this.widget.templateCustomTextElements, this.templateOptions = this.widget.templateOptions, this.arcgisComplete = e(() => this.widget, "complete"), this.arcgisPropertyChange = s()("state"), this.arcgisReady = a(), this.arcgisSubmit = e(() => this.widget, "submit");
   }
   static {
     this.properties = { allowedFormats: [1, { converter: (t) => typeof t == "string" && t !== "all" ? t.split(",") : t }], allowedLayouts: [1, { converter: (t) => typeof t == "string" && t !== "all" ? t.split(",") : t }], autoDestroyDisabled: 5, exportedLinks: 0, extraParameters: 1, headingLevel: 9, icon: 1, includeDefaultTemplatesDisabled: 5, label: 1, portal: 0, position: 1, printServiceUrl: 1, referenceElement: 1, showPrintAreaEnabled: 7, state: 3, templateCustomTextElements: 0, templateOptions: 0 };
   }
   static {
-    this.shadowRootOptions = n;
+    this.shadowRootOptions = l;
   }
   static {
     this.styles = d;

package/dist/components/arcgis-scale-bar/customElement.d.ts

@@ -1,10 +1,11 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference types="../../index.d.ts" />
-import { ArcgisReferenceElement } from '../../utils/component-utils';
-import { Nil } from '@arcgis/components-utils';
 import { Use } from '@arcgis/components-controllers';
-import { MeasurementSystem } from '../types';
+import { Nil } from '@arcgis/components-utils';
+import { default as ScaleBarViewModel } from '@arcgis/core/widgets/ScaleBar/ScaleBarViewModel.js';
 import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { ArcgisReferenceElement } from '../../utils/component-utils';
+import { MeasurementSystem } from '../types';
 
 type ScaleBarStyle = "line" | "ruler";
 type ScaleBarUnit = MeasurementSystem | "dual";
@@ -13,7 +14,7 @@ declare const useScaleBarViewModel: (component: import('@arcgis/components-contr
     el: HTMLElement;
     autoDestroyDisabled?: boolean;
     destroy?: () => Promise<void>;
-} & Pick<__esri.ScaleBarViewModel, never> & {
+} & Pick<ScaleBarViewModel, never> & {
     reactiveUtils?: typeof __esri.reactiveUtils;
     state?: "ready" | "disabled" | undefined;
     icon: Nil | string;
@@ -34,7 +35,7 @@ declare const useScaleBarViewModel: (component: import('@arcgis/components-contr
     destroy: () => Promise<void>;
 }, options?: {
     editConstructorProperties(props: unknown): unknown;
-} | undefined) => __esri.ScaleBarViewModel;
+} | undefined) => ScaleBarViewModel;
 /** The [ScaleBar](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ScaleBar.html) displays a scale bar on the map or in a specified HTML node.
  */
 export declare class ArcgisScaleBar extends LitElement {

package/dist/components/arcgis-scale-bar/customElement.js

@@ -1,45 +1,46 @@
-import { c as w } from "../../chunks/runtime.js";
+import { c as C } from "../../chunks/runtime.js";
 import { ref as g } from "lit-html/directives/ref.js";
 import { html as u } from "lit-html";
-import { g as f } from "../../chunks/globalCss.js";
-import { u as y, m as S } from "../../chunks/useViewModel.js";
 import { classes as d } from "@arcgis/components-utils";
-import { load as _ } from "@arcgis/components-controllers";
-import { importIntl as B, importCoreReactiveUtils as L, importApplicationsComponentsGetDefaultUnits as M, newWidgetsScaleBarScaleBarViewModel as U } from "@arcgis/core-adapter";
-import { LitElement as R, createEvent as D, noShadowRoot as x, safeClassMap as r, safeStyleMap as C } from "@arcgis/lumina";
+import { getDefaultUnitForView as w } from "@arcgis/core/applications/Components/getDefaultUnits.js";
+import { watch as y } from "@arcgis/core/core/reactiveUtils.js";
+import { formatNumber as S } from "@arcgis/core/intl.js";
+import L from "@arcgis/core/widgets/ScaleBar/ScaleBarViewModel.js";
+import { LitElement as B, createEvent as M, noShadowRoot as R, safeClassMap as a, safeStyleMap as f } from "@arcgis/lumina";
+import { u as x, m as D } from "../../chunks/useViewModel.js";
+import { g as v } from "../../chunks/globalCss.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.84 */
-const i = "esri-scale-bar", t = {
-  base: i,
-  labelContainer: `${i}__label-container`,
-  rulerLabelContainer: `${i}__label-container--ruler`,
-  lineLabelContainer: `${i}__label-container--line`,
-  topLabelContainer: `${i}__label-container--top`,
-  bottomLabelContainer: `${i}__label-container--bottom`,
-  label: `${i}__label`,
-  line: `${i}__line`,
-  topLine: `${i}__line--top`,
-  bottomLine: `${i}__line--bottom`,
-  ruler: `${i}__ruler`,
-  rulerBlock: `${i}__ruler-block`,
-  barContainer: `${i}__bar-container`,
-  rulerBarContainer: `${i}__bar-container--ruler`,
-  lineBarContainer: `${i}__bar-container--line`
-};
-function $(v = 0, e = 0) {
-  return { x: v, y: e };
+v4.32.0-next.87 */
+function $(_ = 0, e = 0) {
+  return { x: _, y: e };
 }
-const k = S(U);
-class O extends R {
+const r = "esri-scale-bar", t = {
+  base: r,
+  labelContainer: `${r}__label-container`,
+  rulerLabelContainer: `${r}__label-container--ruler`,
+  lineLabelContainer: `${r}__label-container--line`,
+  topLabelContainer: `${r}__label-container--top`,
+  bottomLabelContainer: `${r}__label-container--bottom`,
+  label: `${r}__label`,
+  line: `${r}__line`,
+  topLine: `${r}__line--top`,
+  bottomLine: `${r}__line--bottom`,
+  ruler: `${r}__ruler`,
+  rulerBlock: `${r}__ruler-block`,
+  barContainer: `${r}__bar-container`,
+  rulerBarContainer: `${r}__bar-container--ruler`,
+  lineBarContainer: `${r}__bar-container--line`
+}, U = D(L);
+class k extends B {
   constructor() {
-    super(...arguments), this.intlUtils = _(B), this.messages = y(), this.reactiveUtils = _(L), this._scaleComputedFrom = $(), this.unitUtils = _(M), this.viewModel = k(this), this.autoDestroyDisabled = !1, this.barStyle = "line", this.icon = "actual-size", this.position = "top-left", this.arcgisReady = D();
+    super(...arguments), this._defaultUnit = "metric", this.messages = x(), this._scaleComputedFrom = $(), this.viewModel = U(this), this.autoDestroyDisabled = !1, this.barStyle = "line", this.icon = "actual-size", this.position = "top-left", this.arcgisReady = M();
   }
   static {
     this.properties = { autoDestroyDisabled: 5, barStyle: 1, icon: 3, label: 1, messageOverrides: 0, position: 3, referenceElement: 1, unit: 1 };
   }
   static {
-    this.shadowRootOptions = x;
+    this.shadowRootOptions = R;
   }
   /**
    * Units to use for the scale bar.
@@ -65,11 +66,17 @@ class O extends R {
     this._handleRootCreateOrUpdate();
   }
   loaded() {
-    this._defaultUnit = this.unitUtils.getDefaultUnitForView(this.viewModel.view), this.manager.onLifecycle(() => this.reactiveUtils.watch(() => {
+    this.manager.onLifecycle(() => y(() => {
       const e = this.viewModel.view;
-      return [e?.stationary, e?.center, e?.scale, e?.zoom];
-    }, ([e]) => {
-      e && this.requestUpdate();
+      return {
+        defaultUnit: e ? w(e) : void 0,
+        stationary: e?.stationary,
+        center: e?.center,
+        scale: e?.scale,
+        zoom: e?.zoom
+      };
+    }, ({ defaultUnit: e, stationary: i }) => {
+      this._defaultUnit = e ?? "metric", i && this.requestUpdate();
     }));
   }
   // #endregion
@@ -80,52 +87,52 @@ class O extends R {
   _handleRootCreateOrUpdate() {
     if (!this.viewModel)
       return;
-    const e = this._scaleComputedFrom, a = this.el.getBoundingClientRect(), l = a.left + window.pageXOffset, o = a.top + window.pageYOffset, s = $(l, o);
-    (s.x !== e.x || s.y !== e.y) && (this._scaleComputedFrom = s);
+    const e = this._scaleComputedFrom, i = this.el.getBoundingClientRect(), o = i.left + window.pageXOffset, l = i.top + window.pageYOffset, n = $(o, l);
+    (n.x !== e.x || n.y !== e.y) && (this._scaleComputedFrom = n);
   }
-  _formatDistance(e, a) {
-    return this.intlUtils.formatNumber(e, {
+  _formatDistance(e, i) {
+    return S(e, {
       style: "unit",
-      unit: a,
+      unit: i,
       unitDisplay: "short"
     });
   }
   // #endregion
   // #region Rendering
   render() {
-    const e = this.viewModel.state === "disabled", a = {
-      [f.disabled]: e
+    const e = this.viewModel.state === "disabled", i = {
+      [v.disabled]: e
     };
-    let l, o;
+    let o, l;
     if (!e) {
-      const { unit: s, barStyle: c } = this, p = s === "imperial" || s === "dual", b = s === "metric" || s === "dual", m = 100, h = s === "dual" ? "line" : c;
-      if (p) {
-        const n = this.viewModel.getScaleBarProperties(m, "imperial");
-        n && (o = h === "ruler" ? this._renderRuler(n) : this._renderLine(n, "bottom"));
-      }
+      const { unit: n, barStyle: c } = this, b = n === "imperial" || n === "dual", p = n === "metric" || n === "dual", m = 100, h = n === "dual" ? "line" : c;
       if (b) {
-        const n = this.viewModel.getScaleBarProperties(m, "metric");
-        n && (l = h === "ruler" ? this._renderRuler(n) : this._renderLine(n, "top"));
+        const s = this.viewModel.getScaleBarProperties(m, "imperial");
+        s && (l = h === "ruler" ? this._renderRuler(s) : this._renderLine(s, "bottom"));
+      }
+      if (p) {
+        const s = this.viewModel.getScaleBarProperties(m, "metric");
+        s && (o = h === "ruler" ? this._renderRuler(s) : this._renderLine(s, "top"));
       }
     }
-    return u`<div class=${r(d(t.base, f.widget, a))} ${g(this._handleContainerRef)}>${l}${o}</div>`;
+    return u`<div class=${a(d(t.base, v.widget, i))} ${g(this._handleContainerRef)}>${o}${l}</div>`;
   }
   _renderRuler(e) {
-    const { length: a, unit: l, value: o } = e, s = Math.round(a), c = this._formatDistance(o, l);
-    return u`<div class=${r(d(t.barContainer, t.rulerBarContainer))}><div class=${r(t.ruler)} style=${C({ width: `${s}px` })}><div class=${r(t.rulerBlock)}></div><div class=${r(t.rulerBlock)}></div><div class=${r(t.rulerBlock)}></div><div class=${r(t.rulerBlock)}></div></div><div class=${r(d(t.labelContainer, t.rulerLabelContainer))}><div class=${r(t.label)}>0</div><div class=${r(t.label)}>${c}</div></div></div>`;
+    const { length: i, unit: o, value: l } = e, n = Math.round(i), c = this._formatDistance(l, o);
+    return u`<div class=${a(d(t.barContainer, t.rulerBarContainer))}><div class=${a(t.ruler)} style=${f({ width: `${n}px` })}><div class=${a(t.rulerBlock)}></div><div class=${a(t.rulerBlock)}></div><div class=${a(t.rulerBlock)}></div><div class=${a(t.rulerBlock)}></div></div><div class=${a(d(t.labelContainer, t.rulerLabelContainer))}><div class=${a(t.label)}>0</div><div class=${a(t.label)}>${c}</div></div></div>`;
   }
-  _renderLine(e, a) {
-    const { length: l, unit: o, value: s } = e, c = Math.round(l), p = this._formatDistance(s, o), b = {
-      [t.topLabelContainer]: a === "top",
-      [t.bottomLabelContainer]: a === "bottom"
-    }, m = u`<div class=${r(d(t.labelContainer, t.lineLabelContainer, b))}><div class=${r(t.label)}>${p}</div></div>`, h = {
-      [t.topLine]: a === "top",
-      [t.bottomLine]: a === "bottom"
-    }, n = u`<div class=${r(d(t.line, h))} style=${C({ width: `${c}px` })}></div>`;
-    return u`<div class=${r(d(t.barContainer, t.lineBarContainer))}>${[n, m]}</div>`;
+  _renderLine(e, i) {
+    const { length: o, unit: l, value: n } = e, c = Math.round(o), b = this._formatDistance(n, l), p = {
+      [t.topLabelContainer]: i === "top",
+      [t.bottomLabelContainer]: i === "bottom"
+    }, m = u`<div class=${a(d(t.labelContainer, t.lineLabelContainer, p))}><div class=${a(t.label)}>${b}</div></div>`, h = {
+      [t.topLine]: i === "top",
+      [t.bottomLine]: i === "bottom"
+    }, s = u`<div class=${a(d(t.line, h))} style=${f({ width: `${c}px` })}></div>`;
+    return u`<div class=${a(d(t.barContainer, t.lineBarContainer))}>${[s, m]}</div>`;
   }
 }
-w("arcgis-scale-bar", O);
+C("arcgis-scale-bar", k);
 export {
-  O as ArcgisScaleBar
+  k as ArcgisScaleBar
 };

package/dist/components/arcgis-scale-range-slider/customElement.d.ts

@@ -1,16 +1,17 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference types="../../index.d.ts" />
-import { ArcgisReferenceElement } from '../../utils/component-utils';
 import { Use } from '@arcgis/components-controllers';
 import { Nil } from '@arcgis/components-utils';
+import { default as ScaleRangeSlider } from '@arcgis/core/widgets/ScaleRangeSlider.js';
 import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { ArcgisReferenceElement } from '../../utils/component-utils';
 
 declare const useScaleRangeSliderWidget: (component: import('@arcgis/components-controllers').StencilLifecycles & {
     manager: import('@arcgis/components-controllers').ControllerManager;
     el: HTMLElement;
     autoDestroyDisabled?: boolean;
     destroy?: () => Promise<void>;
-} & Pick<__esri.ScaleRangeSlider, "label" | "viewModel" | "icon" | "mode" | "disabled" | "layer" | "maxScale" | "maxScaleLimit" | "minScale" | "minScaleLimit" | "region"> & {
+} & Pick<ScaleRangeSlider, never> & {
     reactiveUtils?: typeof __esri.reactiveUtils;
     state?: unknown;
     viewModel?: __esri.ScaleRangeSliderViewModel | undefined;
@@ -31,8 +32,8 @@ declare const useScaleRangeSliderWidget: (component: import('@arcgis/components-
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;
 }, options?: {
-    editConstructorProperties(props: __esri.ScaleRangeSliderProperties): __esri.ScaleRangeSliderProperties | Promise<__esri.ScaleRangeSliderProperties>;
-} | undefined) => __esri.ScaleRangeSlider;
+    editConstructorProperties(props: __esri.ScaleRangeSliderProperties | undefined): __esri.ScaleRangeSliderProperties | Promise<__esri.ScaleRangeSliderProperties | undefined> | undefined;
+} | undefined) => ScaleRangeSlider;
 /** The [ScaleRangeSlider](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ScaleRangeSlider.html) allows the user to set a minimum and maximum scale based on named scale ranges.
  */
 export declare class ArcgisScaleRangeSlider extends LitElement {
@@ -56,7 +57,7 @@ export declare class ArcgisScaleRangeSlider extends LitElement {
     icon: string;
     /** The component's default label. */
     label: string;
-    layer: __esri.Layer | __esri.Sublayer;
+    layer: nullish | __esri.Layer | __esri.Sublayer;
     maxScale: number;
     maxScaleLimit: number;
     minScale: number;

package/dist/components/arcgis-scale-range-slider/customElement.js

@@ -1,22 +1,22 @@
 import { c as e } from "../../chunks/runtime.js";
-import { newWidgetsScaleRangeSlider as i } from "@arcgis/core-adapter";
-import { usePropertyChange as t } from "@arcgis/components-controllers";
-import { m as s } from "../../chunks/useWidget.js";
-import { LitElement as a, createEvent as l, noShadowRoot as n } from "@arcgis/lumina";
-import { css as o } from "@lit/reactive-element/css-tag.js";
+import { usePropertyChange as i } from "@arcgis/components-controllers";
+import t from "@arcgis/core/widgets/ScaleRangeSlider.js";
+import { LitElement as s, createEvent as a, noShadowRoot as l } from "@arcgis/lumina";
+import { m as o } from "../../chunks/useWidget.js";
+import { css as n } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.84 */
-const c = o`arcgis-scale-range-slider{display:block}`, r = s(i);
-class d extends a {
+v4.32.0-next.87 */
+const c = n`arcgis-scale-range-slider{display:block}`, r = o(t);
+class h extends s {
   constructor() {
-    super(...arguments), this.widget = r(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.disabled = this.widget.disabled, this.hidePreview = this.widget.visibleElements.preview, this.hideScaleMenusMaxScaleMenu = this.widget.visibleElements.scaleMenus.maxScaleMenu, this.hideScaleMenusMinScaleMenu = this.widget.visibleElements.scaleMenus.minScaleMenu, this.icon = this.widget.icon, this.label = this.widget.label, this.layer = this.widget.layer, this.maxScale = this.widget.maxScale, this.maxScaleLimit = this.widget.maxScaleLimit, this.minScale = this.widget.minScale, this.minScaleLimit = this.widget.minScaleLimit, this.mode = this.widget.mode, this.position = "bottom-left", this.region = this.widget.region, this.state = this.viewModel.state, this.arcgisPropertyChange = t()("state", "minScale", "maxScale"), this.arcgisReady = l();
+    super(...arguments), this.widget = r(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.disabled = this.widget.disabled, this.hidePreview = this.widget.visibleElements.preview, this.hideScaleMenusMaxScaleMenu = this.widget.visibleElements.scaleMenus.maxScaleMenu, this.hideScaleMenusMinScaleMenu = this.widget.visibleElements.scaleMenus.minScaleMenu, this.icon = this.widget.icon, this.label = this.widget.label, this.layer = this.widget.layer, this.maxScale = this.widget.maxScale, this.maxScaleLimit = this.widget.maxScaleLimit, this.minScale = this.widget.minScale, this.minScaleLimit = this.widget.minScaleLimit, this.mode = this.widget.mode, this.position = "bottom-left", this.region = this.widget.region, this.state = this.viewModel.state, this.arcgisPropertyChange = i()("state", "minScale", "maxScale"), this.arcgisReady = a();
   }
   static {
     this.properties = { autoDestroyDisabled: 5, disabled: 7, hidePreview: 5, hideScaleMenusMaxScaleMenu: 5, hideScaleMenusMinScaleMenu: 5, icon: 1, label: 1, layer: 0, maxScale: 9, maxScaleLimit: 9, minScale: 9, minScaleLimit: 9, mode: 1, position: 1, referenceElement: 1, region: 0, state: 3 };
   }
   static {
-    this.shadowRootOptions = n;
+    this.shadowRootOptions = l;
   }
   static {
     this.styles = c;
@@ -28,7 +28,7 @@ class d extends a {
     await this.manager.destroy();
   }
 }
-e("arcgis-scale-range-slider", d);
+e("arcgis-scale-range-slider", h);
 export {
-  d as ArcgisScaleRangeSlider
+  h as ArcgisScaleRangeSlider
 };

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

@@ -2,6 +2,8 @@
 /// <reference types="../../index.d.ts" />
 import { Use } from '@arcgis/components-controllers';
 import { Nil } from '@arcgis/components-utils';
+import { default as SceneView } from '@arcgis/core/views/SceneView.js';
+import { default as WebScene } from '@arcgis/core/WebScene.js';
 import { PublicLitElement as LitElement, ToElement, TargetedEvent } from '@arcgis/lumina';
 
 declare const useWebScene: (component: import('@arcgis/components-controllers').StencilLifecycles & {
@@ -9,35 +11,35 @@ declare const useWebScene: (component: import('@arcgis/components-controllers').
     el: HTMLElement;
     autoDestroyDisabled?: boolean;
     destroy?: () => Promise<void>;
-} & Pick<__esri.WebScene, "ground" | "clippingArea"> & {
+} & Pick<WebScene, never> & {
     reactiveUtils?: typeof __esri.reactiveUtils;
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;
 }, options?: {
-    editConstructorProperties(props: __esri.WebSceneProperties): __esri.WebSceneProperties | Promise<__esri.WebSceneProperties>;
-} | undefined) => __esri.WebScene;
+    editConstructorProperties(props: __esri.WebSceneProperties | undefined): __esri.WebSceneProperties | Promise<__esri.WebSceneProperties | undefined> | undefined;
+} | undefined) => WebScene;
 declare const useSceneView: (component: import('@arcgis/components-controllers').StencilLifecycles & {
     manager: import('@arcgis/components-controllers').ControllerManager;
     el: HTMLElement;
     autoDestroyDisabled?: boolean;
     destroy?: () => Promise<void>;
-} & Pick<__esri.SceneView, "map" | "allLayerViews" | "basemapView" | "constraints" | "extent" | "fatalError" | "floors" | "graphics" | "highlights" | "highlightOptions" | "layerViews" | "navigation" | "padding" | "popup" | "scale" | "spatialReference" | "theme" | "timeExtent" | "viewpoint" | "zoom" | "alphaCompositingEnabled" | "analyses" | "camera" | "clippingArea" | "environment" | "qualityProfile" | "viewingMode"> & {
+} & Pick<SceneView, never> & {
     reactiveUtils?: typeof __esri.reactiveUtils;
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;
 }, options?: {
-    editConstructorProperties(props: __esri.SceneViewProperties): __esri.SceneViewProperties | Promise<__esri.SceneViewProperties>;
-} | undefined) => __esri.SceneView;
+    editConstructorProperties(props: __esri.SceneViewProperties | undefined): __esri.SceneViewProperties | Promise<__esri.SceneViewProperties | undefined> | undefined;
+} | undefined) => SceneView;
 /** The web [scene](https://developers.arcgis.com/javascript/latest/api-reference/esri-WebScene.html) is the core element of 3D mapping across ArcGIS. It defines the content, style, environment, and slides of your scene and it can be shared across multiple ArcGIS web and desktop applications.
  */
 export declare class ArcgisScene extends LitElement {
     /** Internal view of the component. */
-    readonly view: __esri.SceneView;
+    readonly view: SceneView;
     /**
      * Collection containing a flat list of all the created LayerViews
      * related to the basemap, operational layers, and group layers in this view.
      */
-    allLayerViews: __esri.Collection<__esri.LayerView>;
+    readonly allLayerViews: __esri.Collection<__esri.LayerView>;
     alphaCompositingEnabled: boolean;
     analyses: __esri.Collection<__esri.DimensionAnalysis | __esri.DirectLineMeasurementAnalysis | __esri.AreaMeasurementAnalysis | __esri.SliceAnalysis | __esri.LineOfSightAnalysis | __esri.ViewshedAnalysis>;
     /**
@@ -53,7 +55,7 @@ export declare class ArcgisScene extends LitElement {
      * geographic context to the MapView or SceneView and the other operational layers
      * in the map.
      */
-    basemap: __esri.Basemap | string;
+    basemap: __esri.Basemap | nullish | string;
     /** Represents the view for a single basemap after it has been added to the map. */
     basemapView: __esri.BasemapView;
     get camera(): __esri.Camera;
@@ -105,7 +107,7 @@ export declare class ArcgisScene extends LitElement {
      */
     get center(): __esri.SceneView["center"];
     set center(newValue: __esri.SceneView["center"] | Nil | number[] | string);
-    clippingArea: __esri.Extent;
+    clippingArea: __esri.Extent | nullish;
     /** Specifies constraints to scale, zoom, and rotation that may be applied to the MapView. */
     constraints: __esri.SceneViewConstraints;
     /**
@@ -123,7 +125,7 @@ export declare class ArcgisScene extends LitElement {
     get extent(): __esri.SceneView["extent"];
     set extent(newValue: __esri.SceneView["extent"]);
     /** A rejected view indicates a fatal error making it unable to display. */
-    fatalError: __esri.Error;
+    fatalError: nullish | __esri.Error;
     /**
      * Applies a display filter on the view for a specific set of floor levels.
      * It can filter the map display on floor-aware layers by zero or more level IDs.
@@ -151,7 +153,7 @@ export declare class ArcgisScene extends LitElement {
      * The highlights property is a collection of HighlightGroup objects that
      * allow you to visually emphasize specific features on the map.
      */
-    highlights: __esri.Collection<any>;
+    readonly highlights: __esri.Collection<any>;
     /**
      * @deprecated
      *
@@ -189,7 +191,7 @@ export declare class ArcgisScene extends LitElement {
      * details for layers about memory consumption and number of features.
      */
     get performanceInfo(): __esri.SceneViewPerformanceInfo;
-    popup: __esri.Popup;
+    popup: nullish | __esri.Popup;
     /** Controls whether the popup opens when users click on the view. */
     popupDisabled: boolean;
     qualityProfile: "medium" | "low" | "high";
@@ -224,14 +226,14 @@ export declare class ArcgisScene extends LitElement {
      * This property specifies the base colors used by some widgets
      * and components to render graphics and labels.
      */
-    theme: __esri.Theme;
+    theme: nullish | __esri.Theme;
     /**
      * The view's time extent. Time-aware layers display their temporal data that falls within
      * the view's time extent. Setting the view's time extent is similar to setting the spatial
      * extent because once the time extent is set, the
      * view updates automatically to conform to the change.
      */
-    timeExtent: __esri.TimeExtent;
+    timeExtent: nullish | __esri.TimeExtent;
     /**
      * Indicates whether the view is being updated by additional data requests to the network,
      * or by processing received data.
@@ -277,7 +279,7 @@ export declare class ArcgisScene extends LitElement {
     openPopup(options?: __esri.PopupViewOpenPopupOptions): Promise<void>;
     /** Create a screenshot of the current view. */
     takeScreenshot(options?: __esri.SceneViewTakeScreenshotOptions): Promise<__esri.Screenshot>;
-    toMap(screenPoint: __esri.SceneViewScreenPoint | MouseEvent, options?: __esri.SceneViewToMapOptions): __esri.Point;
+    toMap(screenPoint: __esri.SceneViewScreenPoint | MouseEvent, options?: __esri.SceneViewToMapOptions): __esri.Point | nullish;
     toScreen(point: __esri.Point): __esri.SceneViewScreenPoint;
     /** Call this method to clear any fatal errors resulting from a lost WebGL context. */
     tryFatalErrorRecovery(): Promise<void>;