@arcgis/map-components 4.33.0-next.12 → 4.33.0-next.120

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

@@ -0,0 +1,43 @@
+import { c as o } from "../../chunks/runtime.js";
+import { html as t } from "lit-html";
+import { keyed as l } from "lit-html/directives/keyed.js";
+import { watch as i } from "@arcgis/core/core/reactiveUtils.js";
+import { LitElement as n, safeClassMap as a } from "@arcgis/lumina";
+import { u as m } from "../../chunks/useHandles.js";
+import { g as p, a as d, b as h, c as _ } from "../../chunks/utils.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.33/esri/copyright.txt for details.
+v4.33.0-next.120 */
+const u = g`.arcgis-print__template-select-container{border:1px solid var(--calcite-color-border-1);cursor:pointer}.arcgis-print__template-select-container .arcgis-print__template-select-error,.arcgis-print__template-select-container .arcgis-print__template-select-arrow{display:flex;align-self:center;margin-right:var(--calcite-spacing-md)}`, s = "arcgis-print", c = {
+  templateSelectContainer: `${s}__template-select-container`,
+  templateSelectError: `${s}__template-select-error`,
+  templateSelectArrow: `${s}__template-select-arrow`
+};
+class T extends n {
+  constructor() {
+    super(...arguments), this._handles = m("disconnect"), this._selectedTemplate = null, this._templateState = "not-loaded";
+  }
+  static {
+    this.properties = { _selectedTemplate: 16, _templateState: 16, viewModel: 0, messages: 0, showTemplateSelector: 0 };
+  }
+  static {
+    this.styles = u;
+  }
+  loaded() {
+    this.manager.onLifecycle(() => [
+      i(() => this.viewModel.templateOptions.id, (e) => {
+        this._handles.removeHandles("template-handle"), this._selectedTemplate = e ? this.viewModel.getLayoutTemplateById(e) : null, this._handles.addHandles(i(() => this._selectedTemplate?.state, (r) => this._templateState = r ?? "not-loaded", { initial: !0 }), "template-handle");
+      }, { initial: !0 })
+    ]);
+  }
+  render() {
+    return t`<calcite-block class=${a(c.templateSelectContainer)} .description=${p(this._selectedTemplate)} .heading=${this._selectedTemplate ? d(this._selectedTemplate, this.messages) : this.messages.selectTemplate} .loading=${this._templateState === "loading"} @click=${this.showTemplateSelector} @keydown=${(e) => {
+      (e.key === "Enter" || e.key === " ") && this.showTemplateSelector();
+    }} tabindex=0>${l("template-select-icon", t`<calcite-icon .icon=${(this._selectedTemplate?.layout ? h(this._selectedTemplate.layout) : null) || "custom-print"} scale=l slot=content-start></calcite-icon>`)}${this._templateState === "error" ? l("template-select-error", t`<calcite-icon class=${a(c.templateSelectError)} icon=exclamation-mark-circle scale=s slot=actions-end></calcite-icon>`) : null}${l("template-select-arrow", t`<calcite-icon class=${a(c.templateSelectArrow)} .icon=${_() ? "chevron-left" : "chevron-right"} scale=s slot=actions-end></calcite-icon>`)}</calcite-block>`;
+  }
+}
+o("arcgis-print-template-select", T);
+export {
+  T as PrintTemplateSelect
+};

package/dist/components/arcgis-print-template-select/index.d.ts

@@ -0,0 +1,3 @@
+import "@esri/calcite-components/components/calcite-block";
+import "@esri/calcite-components/components/calcite-icon";
+export * from "./customElement.js";

package/dist/components/arcgis-print-template-select/index.js

@@ -0,0 +1,3 @@
+import "@esri/calcite-components/components/calcite-block";
+import "@esri/calcite-components/components/calcite-icon";
+export * from "./customElement.js";

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

@@ -0,0 +1,15 @@
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+/// <reference types="../../index.d.ts" />
+import { Nil } from '@arcgis/components-utils';
+import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { ArcgisPrint } from '../arcgis-print/customElement.js';
+
+/** @private */
+export declare class PrintTemplateSelector extends LitElement {
+    /** @default false */
+    excludeOrganizationTemplates: boolean;
+    browseTemplateButtonOnClick: (() => void) | null;
+    viewModel: __esri.PrintViewModel;
+    messages: ArcgisPrint["messages"];
+    hideTemplateSelector: () => void;
+}

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

@@ -0,0 +1,61 @@
+import { c as $ } from "../../chunks/runtime.js";
+import { html as i } from "lit-html";
+import { keyed as u } from "lit-html/directives/keyed.js";
+import { watch as h } from "@arcgis/core/core/reactiveUtils.js";
+import { LitElement as w, safeClassMap as s, nothing as f } from "@arcgis/lumina";
+import { i as m, r as v, g as T, a as _, b } from "../../chunks/utils.js";
+import { css as y } from "@lit/reactive-element/css-tag.js";
+import { u as L } from "../../chunks/useHandles.js";
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/4.33/esri/copyright.txt for details.
+v4.33.0-next.120 */
+const S = y`.arcgis-print__template-select-flow-item-container{display:flex;flex-direction:column;justify-content:space-between;overflow-y:hidden;flex-grow:1}.arcgis-print__template-select-flow-item-container .arcgis-print__template-select-flow-item-content{display:flex;flex-direction:column;overflow-y:auto;flex:1 0}.arcgis-print__template-select-flow-item-container .arcgis-print__template-select-flow-item-content .arcgis-print__template-select-flow-item-list-heading{display:flex;gap:var(--calcite-spacing-xs);align-items:center;padding:var(--calcite-spacing-md) var(--calcite-spacing-lg);background-color:var(--calcite-color-foreground-2);border-bottom:1px solid var(--calcite-color-border-3);font-weight:var(--calcite-font-weight-semibold)}.arcgis-print__template-button-container{padding:var(--calcite-spacing-md)}.arcgis-print__template-done-button{width:100%}`, o = "arcgis-print", a = {
+  templateSelectError: `${o}__template-select-error`,
+  templateButtonContainer: `${o}__template-button-container`,
+  templateDoneButton: `${o}__template-done-button`,
+  templateSelectFlowItemContainer: `${o}__template-select-flow-item-container`,
+  templateSelectFlowItemContent: `${o}__template-select-flow-item-content`,
+  templateSelectFlowItemListHeading: `${o}__template-select-flow-item-list-heading`,
+  browseTemplateButtonContainer: `${o}__browse-template-button-container`,
+  browseTemplateButtonContainerFilter: `${o}__browse-template-button-container-filter`
+};
+class M extends w {
+  constructor() {
+    super(...arguments), this._handles = L("disconnect"), this._selectedTemplate = null, this.browseTemplateButtonOnClick = null;
+  }
+  static {
+    this.properties = { _selectedTemplate: 16, excludeOrganizationTemplates: 5, browseTemplateButtonOnClick: 0, viewModel: 0, messages: 0, hideTemplateSelector: 0 };
+  }
+  static {
+    this.styles = S;
+  }
+  loaded() {
+    this.manager.onLifecycle(() => [
+      h(() => this.viewModel.templateOptions.id, (e) => {
+        this._handles.removeHandles("template-handle"), this._selectedTemplate = e ? this.viewModel.getLayoutTemplateById(e) : null, this._handles.addHandles(h(() => this._selectedTemplate?.state, () => this.requestUpdate(), { initial: !0 }), "template-handle");
+      }, { initial: !0 })
+    ]);
+  }
+  _getPortalTemplates() {
+    const { portalTemplateIds: e } = this.viewModel;
+    return this.viewModel.includeDefaultTemplates && !this.excludeOrganizationTemplates ? this.viewModel.defaultTemplates.toArray().filter(({ layout: n, layoutItem: l }) => !m(n) && !!l?.id && e.includes(l.id)) : [];
+  }
+  _getDefaultTemplates() {
+    const { portalTemplateIds: e } = this.viewModel;
+    return this.viewModel.includeDefaultTemplates ? this.viewModel.defaultTemplates.toArray().filter(({ layout: n, layoutItem: l }) => !m(n) && (!l?.id || !e.includes(l.id))) : [];
+  }
+  _getPrintServiceTemplates() {
+    return !this.viewModel.includeDefaultTemplates || !this._getDefaultTemplates().length ? this.viewModel.printServiceTemplates.toArray().filter(({ layout: e }) => !m(e)) : [];
+  }
+  render() {
+    const { messages: e } = this, n = v.test(this.viewModel.portal?.url), l = this.viewModel.browseTemplates.toArray(), t = this._getPortalTemplates(), c = this._getDefaultTemplates(), p = this._getPrintServiceTemplates(), r = l.length + t.length + c.length + p.length > 15, d = this.browseTemplateButtonOnClick ? i`<calcite-button appearance=outline class=${s(r ? a.browseTemplateButtonContainerFilter : a.browseTemplateButtonContainer)} icon-start=folder @click=${this.browseTemplateButtonOnClick} .slot=${r ? "filter-actions-end" : "default"}>${r ? null : e.browseTemplates}</calcite-button>` : null;
+    return i`<div class=${s(a.templateSelectFlowItemContainer)}><div class=${s(a.templateSelectFlowItemContent)}>${r ? null : d}${u("template-list", i`<calcite-list .filterEnabled=${r} .filterProps=${["label"]} .label=${e.templateList} selection-mode=single-persist @calciteListChange=${({ currentTarget: g }) => this.viewModel.applyTemplate(g.selectedItems[0]?.value)}>${r ? d : null}${l.length ? i`<div><div class=${s(a.templateSelectFlowItemListHeading)}>${e.myTemplates}${n ? i`<calcite-chip appearance=outline kind=neutral .label=${e.beta} scale=s>${e.beta}</calcite-chip>` : null}</div>${this._renderLayoutTemplates(l, !0, !0)}</div>` : null}${t.length ? i`<div><div class=${s(a.templateSelectFlowItemListHeading)}>${e.organizationTemplates}${n ? i`<calcite-chip appearance=outline kind=neutral .label=${e.beta} scale=s>${e.beta}</calcite-chip>` : null}</div>${this._renderLayoutTemplates(t)}</div>` : null}${l.length || t.length ? c.length ? i`<div><div class=${s(a.templateSelectFlowItemListHeading)}>${e.defaultTemplates}</div>${this._renderLayoutTemplates(c, !0)}</div>` : null : this._renderLayoutTemplates(c, !0)}${l.length || t.length ? p.length ? i`<div><div class=${s(a.templateSelectFlowItemListHeading)}>${e.defaultTemplates}</div>${this._renderLayoutTemplates(p)}</div>` : null : this._renderLayoutTemplates(p)}</calcite-list>`)}</div><div class=${s(a.templateButtonContainer)}><calcite-button class=${s(a.templateDoneButton)} @click=${this.hideTemplateSelector}>Done</calcite-button></div></div>`;
+  }
+  _renderLayoutTemplates(e, n = !1, l = !1) {
+    return n && e.sort((t, c) => (t.label ?? "") > (c.label ?? "") ? 1 : -1), e.map((t) => i`<calcite-list-item .description=${T(t)} .label=${_(t, this.messages)} .selected=${t.id === this.viewModel.templateOptions.id} title=${t.description ?? "" ?? f} .value=${t}><calcite-icon .icon=${(t.layout ? b(t.layout) : null) || "custom-print"} slot=content-start></calcite-icon>${t.state === "loading" ? i`<calcite-loader inline label=loading scale=s slot=content-end></calcite-loader>` : null}${t?.state === "error" ? u(`template-error-${t.id}`, i`<calcite-icon class=${s(a.templateSelectError)} icon=exclamation-mark-circle scale=s slot=content-end></calcite-icon>`) : null}${l ? i`<calcite-action icon=trash @click=${() => this.viewModel.removePortalTemplate(t)} slot=actions-end text=delete></calcite-action>` : null}</calcite-list-item>`);
+  }
+}
+$("arcgis-print-template-selector", M);
+export {
+  M as PrintTemplateSelector
+};

package/dist/components/arcgis-print-template-selector/index.d.ts

@@ -0,0 +1,8 @@
+import "@esri/calcite-components/components/calcite-button";
+import "@esri/calcite-components/components/calcite-list";
+import "@esri/calcite-components/components/calcite-chip";
+import "@esri/calcite-components/components/calcite-list-item";
+import "@esri/calcite-components/components/calcite-icon";
+import "@esri/calcite-components/components/calcite-loader";
+import "@esri/calcite-components/components/calcite-action";
+export * from "./customElement.js";

package/dist/components/arcgis-print-template-selector/index.js

@@ -0,0 +1,8 @@
+import "@esri/calcite-components/components/calcite-button";
+import "@esri/calcite-components/components/calcite-list";
+import "@esri/calcite-components/components/calcite-chip";
+import "@esri/calcite-components/components/calcite-list-item";
+import "@esri/calcite-components/components/calcite-icon";
+import "@esri/calcite-components/components/calcite-loader";
+import "@esri/calcite-components/components/calcite-action";
+export * from "./customElement.js";

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

@@ -1,6 +1,6 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference types="../../index.d.ts" />
-import { Use } from '@arcgis/components-controllers';
+import { Use } from '@arcgis/lumina/controllers';
 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';
@@ -9,36 +9,55 @@ import { MeasurementSystem } from '../types';
 
 type ScaleBarStyle = "line" | "ruler";
 type ScaleBarUnit = MeasurementSystem | "dual";
-declare const useScaleBarViewModel: (component: import('@arcgis/components-controllers').StencilLifecycles & {
-    manager: import('@arcgis/components-controllers').ControllerManager;
-    el: HTMLElement;
-    autoDestroyDisabled?: boolean;
-    destroy?: () => Promise<void>;
-} & Pick<ScaleBarViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<ScaleBarViewModel>, options?: {
+declare const useScaleBarViewModel: (component: LitElement & Pick<ScaleBarViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<ScaleBarViewModel>, options?: {
     editConstructorProperties(props: unknown): unknown;
 } | undefined) => ScaleBarViewModel;
-/** The ScaleBar component displays a scale bar on the map or in a specified HTML node.
+/**
+ * The Scale Bar component displays a scale bar representing the scale of the map.
+ * It respects various coordinate systems and displays units in metric or imperial values.
+ * Metric values show either kilometers, meters, centimeters, or millimeters depending on the scale, and likewise, imperial values show miles, feet, or inches depending on the scale.
+ * When working with Web Mercator or geographic coordinate systems the scale bar takes into account projection distortion and dynamically adjusts the scale bar.
+ *
+ * When the scale bar is inside the map, the actual location of the scale bar is used to calculate the scale.
+ * Otherwise, the center of the map is used to calculate the scale.
+ *
+ * **Known Limitations**
+ *
+ * - This component is not currently supported within an `arcgis-scene` component.
+ *
+ * [Read more...](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scale-bar/)
  */
 export declare class ArcgisScaleBar extends LitElement {
-    private messages;
     /**
-     * If true, the component will not be destroyed automatically when
-     * it is disconnected from the document. This is useful when you
-     * want to move the component to a different place on the page, or
-     * temporary hide it. If this is set, make sure to call the
-     * \`destroy\` method when you are done to prevent memory leaks.
+     * If true, the component will not be destroyed automatically when it is
+     * disconnected from the document. This is useful when you want to move the
+     * component to a different place on the page, or temporarily hide it. If this
+     * is set, make sure to call the [destroy](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scale-bar/#destroy) method when you are done to
+     * prevent memory leaks.
+     *
+     * @default false
      */
     autoDestroyDisabled: boolean;
     /**
      * The style for the scale bar.
      * When `unit` is set to `dual`, the style will always be `line`.
+     *
+     * @default "line"
      */
     barStyle: ScaleBarStyle;
-    /** Icon displayed in the widget's button. */
+    /**
+     * Icon which represents the component.
+     * Typically used when the component is controlled by another component (e.g. by the Expand component).
+     *
+     * @see [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/)
+     * @default "actual-size"
+     */
     icon: Nil | string;
     /** The component's default label. */
     label: Nil | string;
+    /** Replace localized message strings with your own strings. */
     messageOverrides?: typeof this.messages._overrides;
+    /** @default "top-left" */
     position: __esri.UIPosition;
     referenceElement: ArcgisReferenceElement | Nil | string;
     /**
@@ -49,8 +68,14 @@ export declare class ArcgisScaleBar extends LitElement {
      */
     get unit(): ScaleBarUnit | undefined;
     set unit(value: ScaleBarUnit | undefined);
-    /** Permanently destroy the component */
+    /** Permanently destroy the component. */
     destroy(): Promise<void>;
+    /** Emitted when the component associated with a map or scene view is is ready to be interacted with. */
     readonly arcgisReady: TargetedEvent<this, undefined>;
+    private messages: Partial<{
+        componentLabel: string;
+    }> & import('@arcgis/lumina/controllers').T9nMeta<{
+        componentLabel: string;
+    }>;
 }
 export {};

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

@@ -7,12 +7,12 @@ 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 _ } from "@arcgis/lumina";
-import { u as x } from "../../chunks/useView.js";
+import { u as x } from "../../chunks/useT9n.js";
 import { 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.33/esri/copyright.txt for details.
-v4.33.0-next.12 */
+v4.33.0-next.120 */
 function $(f = 0, e = 0) {
   return { x: f, y: e };
 }
@@ -38,31 +38,20 @@ class k extends B {
     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 };
+    this.properties = { autoDestroyDisabled: 5, barStyle: 1, icon: 1, label: 1, messageOverrides: 0, position: 3, referenceElement: 1, unit: 1 };
   }
   static {
     this.shadowRootOptions = R;
   }
-  /**
-   * Units to use for the scale bar.
-   * When using `dual`, the scale bar displays both metric and imperial units.
-   * When metric, distances will be shown in either kilometers, meters, centimeters, or millimeters depending on the scale. Similarly, imperial
-   * units will be shown in either miles, feet, or inches.
-   */
   get unit() {
     return this._unit ?? this._defaultUnit;
   }
   set unit(e) {
     this._unit = e;
   }
-  // #endregion
-  // #region Public Methods
-  /** Permanently destroy the component */
   async destroy() {
     await this.manager.destroy();
   }
-  // #endregion
-  // #region Lifecycle
   updated() {
     this._handleRootCreateOrUpdate();
   }
@@ -80,8 +69,6 @@ class k extends B {
       this._defaultUnit = e ?? "metric", i && this.requestUpdate();
     }));
   }
-  // #endregion
-  // #region Private Methods
   _handleContainerRef(e) {
     e !== void 0 && this._handleRootCreateOrUpdate();
   }
@@ -98,8 +85,6 @@ class k extends B {
       unitDisplay: "short"
     });
   }
-  // #endregion
-  // #region Rendering
   render() {
     const e = this.viewModel.state === "disabled", i = {
       [v.disabled]: e

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

@@ -1,77 +1,143 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference types="../../index.d.ts" />
-import { Use } from '@arcgis/components-controllers';
+import { Use } from '@arcgis/lumina/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<ScaleRangeSlider, never> & {
-    reactiveUtils?: typeof __esri.reactiveUtils;
+declare const useScaleRangeSliderWidget: (component: LitElement & Pick<ScaleRangeSlider, never> & {
     state?: unknown;
     viewModel?: __esri.ScaleRangeSliderViewModel | undefined;
+    closed?: boolean;
     icon: Nil | string;
     label: Nil | string;
     referenceElement: ArcgisReferenceElement | Nil | string;
     position: __esri.UIPosition;
-    arcgisReady: import('@arcgis/components-controllers').EventEmitter;
-    arcgisPropertyChange: import('@arcgis/components-controllers').EventEmitter<{
+    arcgisReady: import('@arcgis/lumina').EventEmitter;
+    arcgisPropertyChange: import('@arcgis/lumina').EventEmitter<{
         name: string;
     }> | undefined;
     el: HTMLElement & {
         childElem?: HTMLElement & {
             ownedBy?: HTMLElement;
         };
-        view?: __esri.MapView | __esri.SceneView | Nil;
+        view?: __esri.LinkChartView | __esri.MapView | __esri.SceneView | Nil;
     };
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;
 }, options?: {
     editConstructorProperties(props: __esri.ScaleRangeSliderProperties | undefined): __esri.ScaleRangeSliderProperties | Promise<__esri.ScaleRangeSliderProperties | undefined> | undefined;
 } | undefined) => ScaleRangeSlider;
-/** The ScaleRangeSlider component allows the user to set a minimum and maximum scale based on named scale ranges.
+/**
+ * The ScaleRangeSlider component allows the user to set a minimum and maximum scale based on named scale ranges.
+ *
+ * [Read more...](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scale-range-slider/)
  */
 export declare class ArcgisScaleRangeSlider extends LitElement {
     /**
      * If true, the component will not be destroyed automatically when it is
      * disconnected from the document. This is useful when you want to move the
      * component to a different place on the page, or temporarily hide it. If this
-     * is set, make sure to call the \`destroy\` method when you are done to prevent
-     * memory leaks.
+     * is set, make sure to call the [destroy](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scale-range-slider/#destroy) method when you are done to
+     * prevent memory leaks.
+     *
+     * @default false
      */
     autoDestroyDisabled: boolean;
+    /**
+     * When `true`, sets the widget to a disabled state so the user cannot interact with it.
+     *
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ScaleRangeSlider.html#disabled)
+     *
+     * @default false
+     */
     disabled: boolean;
+    /** @default false */
     hidePreview: boolean | undefined;
+    /** @default false */
     hideScaleMenusMaxScaleMenu: boolean | undefined;
+    /** @default false */
     hideScaleMenusMinScaleMenu: boolean | undefined;
     /**
-     * Icon which represents the component.
-     * Typically used when the component is controlled by another component (e.g. by the Expand component).
-     * Search [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/) for possible values.
+     * Icon displayed in the widget's button.
+     *
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ScaleRangeSlider.html#icon)
+     *
+     * @see [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/)
+     * @default "actual-size"
      */
     icon: string;
-    /** The component's default label. */
+    /**
+     * The widget's default label.
+     *
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ScaleRangeSlider.html#label)
+     */
     label: string;
+    /**
+     * When provided, the initial [minScale](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ScaleRangeSlider.html#minScale) and [maxScale](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ScaleRangeSlider.html#maxScale) values will match the layer's.
+     *
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ScaleRangeSlider.html#layer)
+     */
     layer: nullish | __esri.Layer | __esri.Sublayer;
+    /**
+     * The maximum scale of the active scale range.
+     *
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ScaleRangeSlider.html#maxScale)
+     */
     maxScale: number;
+    /**
+     * The lowest possible maximum scale value on the slider.
+     *
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ScaleRangeSlider.html#maxScaleLimit)
+     */
     maxScaleLimit: number;
+    /**
+     * The minimum scale of the active scale range.
+     *
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ScaleRangeSlider.html#minScale)
+     */
     minScale: number;
+    /**
+     * The highest possible minimum scale value on the slider.
+     *
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ScaleRangeSlider.html#minScaleLimit)
+     */
     minScaleLimit: number;
+    /**
+     * The mode of the widget, indicating which slider thumbs can be adjusted.
+     *
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ScaleRangeSlider.html#mode)
+     *
+     * @default "range"
+     */
     mode: "range" | "max-scale-only" | "min-scale-only";
+    /** @default "bottom-left" */
     position: __esri.UIPosition;
     referenceElement: ArcgisReferenceElement | Nil | string;
+    /**
+     * The region that the scale thumbnails will focus on.
+     *
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ScaleRangeSlider.html#region)
+     *
+     * @default "US"
+     */
     region: __esri.SupportedRegion;
+    /**
+     * The current state of the widget.
+     *
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ScaleRangeSlider-ScaleRangeSliderViewModel.html#state)
+     *
+     * @default "disabled"
+     */
     readonly state: "ready" | "disabled";
-    /** Permanently destroy the component */
+    /** Permanently destroy the component. */
     destroy(): Promise<void>;
+    /** Emitted when the value of a property is changed. Use this to listen to changes to properties. */
     readonly arcgisPropertyChange: TargetedEvent<this, {
         name: "state" | "maxScale" | "minScale";
     }>;
+    /** Emitted when the component associated with a map or scene view is is ready to be interacted with. */
     readonly arcgisReady: TargetedEvent<this, undefined>;
 }
 export {};

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

@@ -1,12 +1,12 @@
 import { c as e } from "../../chunks/runtime.js";
-import { usePropertyChange as i } from "@arcgis/components-controllers";
+import { usePropertyChange as i } from "@arcgis/lumina/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.33/esri/copyright.txt for details.
-v4.33.0-next.12 */
+v4.33.0-next.120 */
 const r = n`@layer{arcgis-scale-range-slider{display:block}}`, c = o(t);
 class h extends s {
   constructor() {
@@ -21,9 +21,6 @@ class h extends s {
   static {
     this.styles = r;
   }
-  // #endregion
-  // #region Public Methods
-  /** Permanently destroy the component */
   async destroy() {
     await this.manager.destroy();
   }