@arcgis/map-components 4.33.0-next.111 → 4.33.0-next.113

package/dist/components/arcgis-print-map-only-advanced-options/customElement.js

@@ -4,7 +4,7 @@ import { LitElement as s, safeClassMap as n } from "@arcgis/lumina";
 import { css as a } 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.111 */
+v4.33.0-next.113 */
 const r = a`.arcgis-print__advanced-options-container{padding:var(--calcite-spacing-xxs);display:flex;flex-direction:column;gap:var(--calcite-spacing-xs)}`, c = "arcgis-print", o = {
   advancedOptionsContainer: `${c}__advanced-options-container`
 };
@@ -15,13 +15,9 @@ class l extends s {
   static {
     this.styles = r;
   }
-  //#endregion
-  //#region Lifecycle
   loaded() {
     this.manager.onLifecycle(() => []);
   }
-  //#endregion
-  //#region Rendering
   render() {
     return e`<div aria-labelledby=${`${this.el.id}__advancedOptionsForLayout`} class=${n(o.advancedOptionsContainer)}>${this._renderScaleSection()}${this._renderDpiSection()}${this._renderOutSpatialReferenceSection()}${this._renderAttributionSection()}${this._renderCustomTextElementSection()}</div>`;
   }

package/dist/components/arcgis-print-map-only-panel/customElement.js

@@ -5,7 +5,7 @@ import { LitElement as o, safeClassMap as a } from "@arcgis/lumina";
 import { css as p } 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.111 */
+v4.33.0-next.113 */
 const d = p`.arcgis-print__advanced-options-section{border:1px solid var(--calcite-color-border-1);margin-bottom:var(--calcite-spacing-sm)}.arcgis-print__map-only-section{padding:var(--calcite-spacing-sm) var(--calcite-spacing-sm)}.arcgis-print__panel-container{display:flex;flex:1 0;flex-direction:column;gap:var(--calcite-spacing-sm)}.arcgis-print__size-container{--button-width: 32px;display:inline-grid;grid-template-columns:1fr 1fr var(--button-width);column-gap:var(--calcite-spacing-xs);width:100%}.arcgis-print__swap-button{flex:1 0 auto;border:none;color:var(--calcite-color-border-input);align-self:flex-end;margin-bottom:var(--calcite-spacing-md)}.arcgis-print__swap-button calcite-button{width:var(--button-width);height:var(--button-width)}`, s = "arcgis-print", t = {
   advancedOptionsSection: `${s}__advanced-options-section`,
   mapOnlySection: `${s}__map-only-section`,
@@ -20,13 +20,9 @@ class m extends o {
   static {
     this.styles = d;
   }
-  //#endregion
-  //#region Lifecycle
   loaded() {
     this.manager.onLifecycle(() => []);
   }
-  //#endregion
-  //#region Rendering
   render() {
     return e`<section class=${a(t.mapOnlySection)} role=tabpanel><div class=${a(t.panelContainer)}>${this._renderFileNameInput()}${this._renderFileFormatSection()}${this._renderSizeSection()}${this._renderAdvancedSection()}${this._renderExportButton()}</div></section>`;
   }

package/dist/components/arcgis-print-out-spatial-reference-input/customElement.js

@@ -6,7 +6,7 @@ import { LitElement as d, safeClassMap as l } from "@arcgis/lumina";
 import { css as f } 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.111 */
+v4.33.0-next.113 */
 const m = f`.arcgis-print__sr-label{display:flex;gap:var(--calcite-spacing-xs)}.arcgis-print__invalid-wkid-text{color:var(--calcite-color-status-danger);font-size:var(--calcite-font-size--0)}`, n = "arcgis-print", s = {
   srLabel: `${n}__sr-label`,
   invalidWkidText: `${n}__invalid-wkid-text`
@@ -30,8 +30,6 @@ class g extends d {
   static {
     this.styles = m;
   }
-  //#endregion
-  //#region Lifecycle
   loaded() {
     this.manager.onLifecycle(() => [
       p(() => this.viewModel.outSpatialReference, (t) => {
@@ -39,8 +37,6 @@ class g extends d {
       }, { initial: !0 })
     ]);
   }
-  //#endregion
-  //#region Rendering
   render() {
     const { messages: t, _outSpatialReference: i } = this;
     return r`<div><calcite-label><div class=${l(s.srLabel)}>${t.outSpatialReference}<calcite-link href=https://developers.arcgis.com/rest/services-reference/enterprise/using-spatial-references/ target=_blank>(WKID)</calcite-link></div><calcite-input-number data-input-name=outSpatialReference integer number-button-type=none .value=${this._outSpatialReference?.wkid?.toString() ?? ""} @calciteInputNumberInput=${({ currentTarget: c }) => {

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

@@ -4,7 +4,7 @@ import { watch as r } from "@arcgis/core/core/reactiveUtils.js";
 import { LitElement as s, noShadowRoot as a } from "@arcgis/lumina";
 /*! 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.111 */
+v4.33.0-next.113 */
 class n extends s {
   constructor() {
     super(...arguments), this._showPrintAreaEnabled = !1;
@@ -15,8 +15,6 @@ class n extends s {
   static {
     this.shadowRootOptions = a;
   }
-  //#endregion
-  //#region Lifecycle
   loaded() {
     this.manager.onLifecycle(() => [
       r(() => [this.viewModel.showPrintAreaEnabled], () => {
@@ -25,8 +23,6 @@ class n extends s {
       }, { initial: !0 })
     ]);
   }
-  //#endregion
-  //#region Rendering
   render() {
     return i`<calcite-label layout=inline><calcite-switch .checked=${this._showPrintAreaEnabled} @calciteSwitchChange=${(e) => {
       this.viewModel.showPrintAreaEnabled = !!e.currentTarget.checked;

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

@@ -5,7 +5,7 @@ import { LitElement as p, safeClassMap as i } from "@arcgis/lumina";
 import { css as d } 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.111 */
+v4.33.0-next.113 */
 const u = d`.arcgis-print__scale-input-container{display:flex;align-items:center;padding-bottom:var(--calcite-spacing-md)}.arcgis-print__scale-input-container .arcgis-print__scale-input{flex-grow:1}`, l = "arcgis-print", c = {
   scaleInfoContainer: `${l}__scale-info-container`,
   scaleInputContainer: `${l}__scale-input-container`,
@@ -21,8 +21,6 @@ class m extends p {
   static {
     this.styles = u;
   }
-  //#endregion
-  //#region Lifecycle
   loaded() {
     this.manager.onLifecycle(() => [
       n(() => [this.viewModel.templateOptions.scale, this.viewModel.templateOptions.scaleEnabled], () => {
@@ -34,13 +32,9 @@ class m extends p {
       }, { initial: !0 })
     ]);
   }
-  //#endregion
-  //#region Private Methods
   _resetToCurrentScale() {
     this.viewModel.templateOptions.scale = this.viewModel.view?.scale;
   }
-  //#endregion
-  //#region Rendering
   render() {
     const { messages: e, _scale: t, _scaleEnabled: a } = this;
     return o`<div class=${i(c.scaleInfoContainer)}><calcite-label layout=inline><calcite-checkbox .checked=${a} @calciteCheckboxChange=${(s) => {

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

@@ -8,7 +8,7 @@ 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.111 */
+v4.33.0-next.113 */
 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`,
@@ -24,8 +24,6 @@ class T extends n {
   static {
     this.styles = u;
   }
-  //#endregion
-  //#region Lifecycle
   loaded() {
     this.manager.onLifecycle(() => [
       i(() => this.viewModel.templateOptions.id, (e) => {
@@ -33,8 +31,6 @@ class T extends n {
       }, { initial: !0 })
     ]);
   }
-  //#endregion
-  //#region Rendering
   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();

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

@@ -6,6 +6,7 @@ import { ArcgisPrint } from '../arcgis-print/customElement.js';
 
 /** @private */
 export declare class PrintTemplateSelector extends LitElement {
+    /** @default false */
     excludeOrganizationTemplates: boolean;
     browseTemplateButtonOnClick: (() => void) | null;
     viewModel: __esri.PrintViewModel;

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

@@ -8,7 +8,7 @@ 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.111 */
+v4.33.0-next.113 */
 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`,
@@ -29,8 +29,6 @@ class M extends w {
   static {
     this.styles = S;
   }
-  //#endregion
-  //#region Lifecycle
   loaded() {
     this.manager.onLifecycle(() => [
       h(() => this.viewModel.templateOptions.id, (e) => {
@@ -38,8 +36,6 @@ class M extends w {
       }, { initial: !0 })
     ]);
   }
-  //#endregion
-  //#region Private Methods
   _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)) : [];
@@ -51,8 +47,6 @@ class M extends w {
   _getPrintServiceTemplates() {
     return !this.viewModel.includeDefaultTemplates || !this._getDefaultTemplates().length ? this.viewModel.printServiceTemplates.toArray().filter(({ layout: e }) => !m(e)) : [];
   }
-  //#endregion
-  //#region Rendering
   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>`;

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

@@ -24,31 +24,40 @@ declare const useScaleBarViewModel: (component: LitElement & Pick<ScaleBarViewMo
  * **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 {
     /**
-     * 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 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.
+     *
+     * @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;
     /**
@@ -59,9 +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;
+    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/useT9n.js";
+import { u as x } from "../../chunks/useView.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.111 */
+v4.33.0-next.113 */
 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

@@ -28,44 +28,115 @@ declare const useScaleRangeSliderWidget: (component: LitElement & Pick<ScaleRang
 }, 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

@@ -6,7 +6,7 @@ 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.111 */
+v4.33.0-next.113 */
 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();
   }