@arcgis/map-components 4.33.0-next.99 → 4.34.0-next.1

package/dist/components/arcgis-area-measurement-3d/customElement.js

@@ -1,40 +1,176 @@
-import { c as t } from "../../chunks/runtime.js";
-import { usePropertyChange as e } from "@arcgis/lumina/controllers";
-import s from "@arcgis/core/widgets/AreaMeasurement3D.js";
-import { LitElement as i, createEvent as a, noShadowRoot as o } from "@arcgis/lumina";
-import { m as r } from "../../chunks/useWidget.js";
-import { css as n } from "@lit/reactive-element/css-tag.js";
+import { c as h } from "../../chunks/runtime.js";
+import { html as y } from "lit-html";
+import { LitElement as g, createEvent as f, noShadowRoot as w, nothing as v, safeClassMap as b } from "@arcgis/lumina";
+import { usePropertyChange as M } from "@arcgis/lumina/controllers";
+import { u as O } from "../../chunks/useT9n.js";
+import { m as $ } from "../../chunks/useViewModel.js";
+import { g as p } from "../../chunks/globalCss.js";
+import { css as A } from "@lit/reactive-element/css-tag.js";
+import U from "@arcgis/core/analysis/AreaMeasurementAnalysis.js";
+import { getDefaultUnitForView as V } from "@arcgis/core/applications/Components/getDefaultUnits.js";
+import { property as o, subclass as _ } from "@arcgis/core/core/accessorSupport/decorators.js";
+import { watch as D } from "@arcgis/core/core/reactiveUtils.js";
+import { A as C } from "../../chunks/AnalysisViewModel.js";
+import { g as m, a as d } from "../../chunks/measurementUtils.js";
+import { hasValidAreaResult as L } from "@arcgis/core/applications/Components/analysisUtils.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.99 */
-const l = n`@layer{arcgis-area-measurement-3d{display:block}}`, h = r(s);
-class d extends i {
+See https://js.arcgis.com/4.34/esri/copyright.txt for details.
+v4.34.0-next.1 */
+const P = A`@layer{arcgis-area-measurement-3d{display:block}.arcgis-area-measurement-3d{position:relative;padding:var(--esri-widget-padding);overflow-y:auto}}`;
+var S = Object.defineProperty, E = Object.getOwnPropertyDescriptor, n = (e, t, s, a) => {
+  for (var r = a > 1 ? void 0 : a ? E(t, s) : t, l = e.length - 1, u; l >= 0; l--)
+    (u = e[l]) && (r = (a ? u(t, s, r) : u(r)) || r);
+  return a && r && S(t, s, r), r;
+};
+let i = class extends C {
+  constructor(e) {
+    super(e), this.supportedViewType = "3d", this.unsupportedErrorMessage = "The Area Measurement 3D component is only supported in 3D views.";
+  }
+  initialize() {
+    this.addHandles(
+      // Make sure the analysis and view model units are in sync.
+      D(
+        () => ({
+          analysis: this.analysis,
+          unit: this.unit
+        }),
+        ({ analysis: e, unit: t }) => {
+          e != null && (e.unit = t);
+        },
+        { sync: !0, initial: !0 }
+      )
+    );
+  }
+  get state() {
+    return this.disabled || !this.ready ? "disabled" : this.operationState === "inactive" ? this.analysis.valid ? "measured" : "ready" : "measuring";
+  }
+  get displayState() {
+    if (!this.supported)
+      return "unsupported";
+    switch (this.state) {
+      case "disabled":
+      case "ready":
+        return "ready";
+      case "measuring":
+        return this.analysis.geometry == null ? "measuring" : "measured";
+      case "measured":
+        return "measured";
+    }
+  }
+  get measurement() {
+    const { analysisView: e } = this, t = e?.result, s = t?.mode ?? "euclidean", a = e != null && L(e);
+    return {
+      mode: s,
+      area: m(t?.area, a),
+      perimeter: m(t?.perimeter, a)
+    };
+  }
+  get unitOptions() {
+    const e = this._userUnitOptions?.filter((t) => d.includes(t));
+    return e && e.length > 0 ? e : d.slice();
+  }
+  set unitOptions(e) {
+    this._userUnitOptions = e;
+  }
+  get unit() {
+    const e = this._userUnit, t = this.unitOptions;
+    if (e && t.includes(e))
+      return e;
+    const s = this.defaultUnit;
+    return s && t.includes(s) ? s : t[0];
+  }
+  set unit(e) {
+    this._userUnit = e;
+  }
+  get defaultUnit() {
+    return this.view ? V(this.view) : void 0;
+  }
+  async place(e) {
+    await this.analysisView?.place(e);
+  }
+  clearAnalysis() {
+    this.analysis.geometry = null;
+  }
+  constructAnalysis() {
+    return new U();
+  }
+};
+n([
+  o({ readOnly: !0 })
+], i.prototype, "state", 1);
+n([
+  o({ readOnly: !0 })
+], i.prototype, "displayState", 1);
+n([
+  o({ readOnly: !0 })
+], i.prototype, "measurement", 1);
+n([
+  o()
+], i.prototype, "unitOptions", 1);
+n([
+  o()
+], i.prototype, "_userUnitOptions", 2);
+n([
+  o()
+], i.prototype, "unit", 1);
+n([
+  o()
+], i.prototype, "_userUnit", 2);
+n([
+  o({ readOnly: !0 })
+], i.prototype, "defaultUnit", 1);
+i = n([
+  _("components.area-measurement-3d.AreaMeasurement3dViewModel")
+], i);
+const R = "arcgis-area-measurement-3d", x = { base: R }, T = $(i);
+class j extends g {
   constructor() {
-    super(...arguments), this.widget = h(this), this.viewModel = this.widget.viewModel, this.analysis = this.widget.analysis, this.autoDestroyDisabled = !1, this.icon = this.widget.icon, this.label = this.widget.label, this.position = "bottom-left", this.state = this.viewModel.state, this.unit = this.widget.unit, this.unitOptions = this.widget.unitOptions, this.arcgisPropertyChange = e()("analysis", "state"), this.arcgisReady = a();
+    super(...arguments), this.viewModel = T(this), this.messages = O({ blocking: !0 }), this.autoDestroyDisabled = !1, this.icon = "measure-area", this.position = "bottom-left", this.state = this.viewModel.state, this.unit = this.viewModel.unit, this.unitOptions = this.viewModel.unitOptions, this.arcgisPropertyChange = M()("analysis", "state"), this.arcgisReady = f();
   }
   static {
-    this.properties = { analysis: 0, autoDestroyDisabled: 5, icon: 1, label: 1, position: 1, referenceElement: 1, state: 3, unit: 1, unitOptions: 0 };
+    this.properties = { analysis: 32, autoDestroyDisabled: 5, icon: 3, label: 1, position: 1, referenceElement: 1, state: 3, unit: 1, unitOptions: 0 };
   }
   static {
-    this.shadowRootOptions = o;
+    this.shadowRootOptions = w;
   }
   static {
-    this.styles = l;
+    this.styles = P;
+  }
+  get analysis() {
+    return this.viewModel.analysis;
   }
-  //#endregion
-  //#region Public Methods
   async clear() {
-    this.widget?.viewModel.clear();
+    this.viewModel.clear();
   }
-  /** Permanently destroy the component */
   async destroy() {
     await this.manager.destroy();
   }
   async start() {
-    this.widget?.viewModel.start();
+    this.viewModel.start();
+  }
+  render() {
+    const { messages: t, unit: s, unitOptions: a, viewModel: r } = this, { measurement: l, state: u } = r;
+    return y`<div aria-label=${t.componentLabel ?? v} class=${b({
+      [x.base]: !0,
+      [p.widget]: !0,
+      [p.panel]: !0
+    })} role=presentation><arcgis-measurement-content .state=${r.displayState} .hintLabel=${t.hint} .unsupportedLabel=${t.unsupported} .items=${[
+      {
+        title: t.area,
+        measurement: l.area
+      },
+      {
+        title: t.perimeterLength,
+        measurement: l.perimeter
+      }
+    ]}><arcgis-unit-select slot=settings .options=${a} .selectLabel=${t.unit} .value=${s} @arcgisUnitSelectChange=${(c) => {
+      this.unit = c.detail;
+    }}></arcgis-unit-select><calcite-button slot=actions .disabled=${u === "disabled"} @click=${() => {
+      this.viewModel.clear(), this.viewModel.start();
+    }}>${t.newMeasurement}</calcite-button></arcgis-measurement-content></div>`;
   }
 }
-t("arcgis-area-measurement-3d", d);
+h("arcgis-area-measurement-3d", j);
 export {
-  d as ArcgisAreaMeasurement3d
+  j as ArcgisAreaMeasurement3d
 };

package/dist/components/arcgis-area-measurement-3d/index.d.ts

@@ -1 +1,4 @@
+import "../arcgis-measurement-content/index.js";
+import "../arcgis-unit-select/index.js";
+import "@esri/calcite-components/components/calcite-button";
 export * from "./customElement.js";

package/dist/components/arcgis-area-measurement-3d/index.js

@@ -1 +1,4 @@
+import "../arcgis-measurement-content/index.js";
+import "../arcgis-unit-select/index.js";
+import "@esri/calcite-components/components/calcite-button";
 export * from "./customElement.js";

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

@@ -1,17 +1,17 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference types="../../index.d.ts" />
 import { Use } from '@arcgis/lumina/controllers';
-import { Nil } from '@arcgis/components-utils';
 import { default as Attachments } from '@arcgis/core/widgets/Attachments.js';
 import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 
-declare const useAttachmentsWidget: (component: LitElement & Pick<Attachments, never> & {
+declare const useAttachmentsWidget: (component: LitElement & Pick<Attachments, "icon" | "label" | "viewModel" | "graphic" | "capabilities" | "displayType"> & {
     state?: unknown;
     viewModel?: __esri.AttachmentsViewModel | undefined;
-    icon: Nil | string;
-    label: Nil | string;
-    referenceElement: ArcgisReferenceElement | Nil | string;
+    closed?: boolean;
+    icon: import('@arcgis/components-utils').Nil | string;
+    label: import('@arcgis/components-utils').Nil | string;
+    referenceElement?: ArcgisReferenceElement | string;
     position: __esri.UIPosition;
     arcgisReady: import('@arcgis/lumina').EventEmitter;
     arcgisPropertyChange: import('@arcgis/lumina').EventEmitter<{
@@ -21,14 +21,14 @@ declare const useAttachmentsWidget: (component: LitElement & Pick<Attachments, n
         childElem?: HTMLElement & {
             ownedBy?: HTMLElement;
         };
-        view?: __esri.MapView | __esri.SceneView | Nil;
+        view?: __esri.LinkChartView | __esri.MapView | __esri.SceneView;
     };
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;
-}, options?: {
-    editConstructorProperties(props: __esri.AttachmentsProperties | undefined): __esri.AttachmentsProperties | Promise<__esri.AttachmentsProperties | undefined> | undefined;
-} | undefined) => Attachments;
+}) => Attachments;
 /**
+ * [Read more...](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-attachments/)
+ *
  * @internal
  */
 export declare class ArcgisAttachments extends LitElement {
@@ -36,38 +36,85 @@ export declare class ArcgisAttachments 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-attachments/#destroy) method when you are done to
+     * prevent memory leaks.
+     *
+     * @default false
      */
     autoDestroyDisabled: boolean;
+    /**
+     * Configures the attachment editing functionality that can be performed by the user.
+     *
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Attachments.html#capabilities)
+     */
     capabilities: __esri.AttachmentsCapabilities;
+    /**
+     * A string value indicating how to display an attachment.
+     *
+     * @default "auto"
+     */
     displayType: "auto" | "list" | "preview";
+    /**
+     * The graphic for the attachments.
+     *
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Attachments.html#graphic)
+     */
     graphic: nullish | __esri.Graphic;
+    /** @default false */
     hideAddButton: boolean | undefined;
+    /** @default false */
     hideAddSubmitButton: boolean | undefined;
+    /** @default false */
     hideCancelAddButton: boolean | undefined;
+    /** @default false */
     hideCancelUpdateButton: boolean | undefined;
+    /** @default false */
     hideDeleteButton: boolean | undefined;
+    /** @default false */
     hideErrorMessage: boolean | undefined;
+    /** @default false */
     hideProgressBar: boolean | undefined;
+    /** @default false */
     hideUpdateButton: 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 which represents the widget.
+     *
+     * @see [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/)
+     * @default "attachment"
      */
     icon: string;
-    /** The component's default label. */
+    /**
+     * The widget's label.
+     *
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Widget.html#label)
+     */
     label: string | nullish;
+    /** @default "bottom-left" */
     position: __esri.UIPosition;
-    referenceElement: ArcgisReferenceElement | Nil | string;
-    readonly state: "ready" | "disabled" | "loading";
+    referenceElement?: ArcgisReferenceElement | string;
+    /**
+     * The current state of the widget.
+     *
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Attachments-AttachmentsViewModel.html#state)
+     *
+     * @default "ready"
+     */
+    readonly state: "ready" | "loading" | "disabled";
+    /**
+     * Indicates whether there is currently an attachment being added, updated or deleted.
+     *
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Attachments.html#submitting)
+     *
+     * @default false
+     */
     readonly submitting: boolean;
-    /** 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" | "submitting";
     }>;
-    readonly arcgisReady: TargetedEvent<this, undefined>;
+    /** Emitted when the component associated with a map or scene view is is ready to be interacted with. */
+    readonly arcgisReady: TargetedEvent<this, void>;
 }
 export {};

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

@@ -5,8 +5,8 @@ import { LitElement as s, createEvent as a, noShadowRoot as d } from "@arcgis/lu
 import { m as o } 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.33/esri/copyright.txt for details.
-v4.33.0-next.99 */
+See https://js.arcgis.com/4.34/esri/copyright.txt for details.
+v4.34.0-next.1 */
 const n = h`@layer{arcgis-attachments{display:block}}`, r = o(i);
 class l extends s {
   constructor() {
@@ -21,9 +21,6 @@ class l extends s {
   static {
     this.styles = n;
   }
-  //#endregion
-  //#region Public Methods
-  /** Permanently destroy the component */
   async destroy() {
     await this.manager.destroy();
   }

package/dist/components/arcgis-basemap-gallery/customElement.d.ts

@@ -1,71 +1,92 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference types="../../index.d.ts" />
 import { Use } from '@arcgis/lumina/controllers';
-import { Nil } from '@arcgis/components-utils';
 import { default as BasemapGalleryViewModel } from '@arcgis/core/widgets/BasemapGallery/BasemapGalleryViewModel.js';
 import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { HeadingLevel } from '../../support/heading';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 
-declare const useBasemapGalleryViewModel: (component: LitElement & Pick<BasemapGalleryViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<BasemapGalleryViewModel>, options?: {
-    editConstructorProperties(props: unknown): unknown;
-} | undefined) => BasemapGalleryViewModel;
-/** BasemapGallery component displays a collection images representing basemaps from [ArcGIS.com](https://www.arcgis.com/index.html) or a user-defined set of map or image services. When a new basemap is selected from the BasemapGallery, the map's basemap layers are removed and replaced with the basemap layers of the associated basemap selected in the gallery.
+declare const useBasemapGalleryViewModel: (component: LitElement & Pick<BasemapGalleryViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<BasemapGalleryViewModel>) => BasemapGalleryViewModel;
+/**
+ * The Basemap Gallery component displays a collection images representing basemaps from [ArcGIS.com](https://www.arcgis.com/index.html) or a user-defined set of map or image services. When a new basemap is selected from the Basemap Gallery, the map's basemap layers are removed and replaced with the basemap layers of the associated basemap selected in the gallery.
+ *
+ * [Read more...](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-basemap-gallery/)
  */
 export declare class ArcgisBasemapGallery extends LitElement {
-    //#endregion
-    //#region Public Properties
-    /**
-       * The map's current [basemap](https://developers.arcgis.com/javascript/latest/api-reference/esri-Map.html#basemap).
-       */
-    get activeBasemap(): typeof this.viewModel.activeBasemap;
-    set activeBasemap(value: __esri.BasemapProperties | nullish | string);
+    /** The map's current [basemap](https://developers.arcgis.com/javascript/latest/api-reference/esri-Map.html#basemap). */
+    activeBasemap?: __esri.BasemapProperties | string;
     /**
      * 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-basemap-gallery/#destroy) method when you are done to
+     * prevent memory leaks.
+     *
+     * @default false
      */
     autoDestroyDisabled: boolean;
     /**
      * When `true`, sets the component to a disabled state so the user cannot interact with it.
+     *
+     * @default false
      */
     disabled: boolean;
     /**
      * Indicates the heading level to use for the message "No basemaps available"
-     * when no basemaps are available in the BasemapGallery.
+     * when no basemaps are available in the Basemap Gallery.
+     *
+     * @default 2
      */
     headingLevel: HeadingLevel;
     /**
      * 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 "basemap"
      */
     icon: string;
     /**
      * The component's default label.
+     *
+     * @default ""
      */
     label: string;
+    /** Replace localized message strings with your own strings. **Warning**: individual message keys may change between releases. */
+    messageOverrides?: typeof this.messages._overrides;
+    /** @default "bottom-left" */
     position: __esri.UIPosition;
-    referenceElement: ArcgisReferenceElement | Nil | string;
-    /**
-     * The source for basemaps that the component will display.
-     */
+    referenceElement?: ArcgisReferenceElement | string;
+    /** The source for basemaps that the component will display. */
     source: __esri.LocalBasemapsSource | __esri.PortalBasemapsSource;
     /**
-     * The current state of the component.
+     * The view model's state.
+     *
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-BasemapGallery-BasemapGalleryViewModel.html#state)
+     *
+     * @default "disabled"
      */
-    readonly state: "ready" | "disabled" | "loading" | "unsupported";
-    /** Permanently destroy the component */
+    readonly state: "ready" | "loading" | "disabled" | "unsupported";
+    /** 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" | "activeBasemap";
     }>;
-    readonly arcgisReady: TargetedEvent<this, undefined>;
-    private viewModel: BasemapGalleryViewModel;
-    readonly _setterTypes: {
-        activeBasemap?: __esri.BasemapProperties | nullish | string;
-    };
+    /** Emitted when the component associated with a map or scene view is is ready to be interacted with. */
+    readonly arcgisReady: TargetedEvent<this, void>;
+    private messages: Partial<{
+        componentLabel: string;
+        noBasemaps: string;
+        tagBeta: string;
+        tag3D: string;
+        unsupported: string;
+    }> & import('@arcgis/lumina/controllers').T9nMeta<{
+        componentLabel: string;
+        noBasemaps: string;
+        tagBeta: string;
+        tag3D: string;
+        unsupported: string;
+    }>;
 }
 export {};

package/dist/components/arcgis-basemap-gallery/customElement.js

@@ -1,8 +1,8 @@
 import { c as u } from "../../chunks/runtime.js";
 import { html as r } from "lit-html";
 import { usePropertyChange as w } from "@arcgis/lumina/controllers";
-import { classes as y } from "@arcgis/components-utils";
-import { when as v, watch as b } from "@arcgis/core/core/reactiveUtils.js";
+import { classes as v } from "@arcgis/components-utils";
+import { when as y, watch as b } from "@arcgis/core/core/reactiveUtils.js";
 import f from "@arcgis/core/widgets/BasemapGallery/BasemapGalleryViewModel.js";
 import { LitElement as $, createEvent as M, noShadowRoot as x, safeClassMap as n, nothing as h, safeStyleMap as R } from "@arcgis/lumina";
 import { u as _ } from "../../chunks/useT9n.js";
@@ -12,8 +12,8 @@ import { g as d } from "../../chunks/globalCss.js";
 import { c as a } from "../../chunks/basemap-gallery-resources.js";
 import { css as L } 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.99 */
+See https://js.arcgis.com/4.34/esri/copyright.txt for details.
+v4.34.0-next.1 */
 const D = L`@layer{arcgis-basemap-gallery{display:block}}`, A = B(f), m = {
   // Below this width, items are displayed as a single column and the thumbnail is placed above the title.
   small: 200,
@@ -29,7 +29,7 @@ class C extends $ {
     super(...arguments), this.messages = _({}), this.viewModel = A(this), this._width = 0, this._state = "", this.activeBasemap = this.viewModel.activeBasemap, this.autoDestroyDisabled = !1, this.disabled = !1, this.headingLevel = 2, this.icon = "basemap", this.label = "", this.position = "bottom-left", this.source = this.viewModel.source, this.state = this.viewModel.state, this.arcgisPropertyChange = w()("activeBasemap", "state"), this.arcgisReady = M();
   }
   static {
-    this.properties = { _width: 16, _state: 16, activeBasemap: 1, autoDestroyDisabled: 5, disabled: 7, headingLevel: 9, icon: 1, label: 1, position: 1, referenceElement: 1, source: 0, state: 3 };
+    this.properties = { _width: 16, _state: 16, activeBasemap: 1, autoDestroyDisabled: 5, disabled: 7, headingLevel: 9, icon: 1, label: 1, messageOverrides: 0, position: 1, referenceElement: 1, source: 0, state: 3 };
   }
   static {
     this.shadowRootOptions = x;
@@ -37,17 +37,12 @@ class C extends $ {
   static {
     this.styles = D;
   }
-  //#endregion
-  //#region Public Methods
-  /** Permanently destroy the component */
   async destroy() {
     await this.manager.destroy();
   }
-  //#endregion
-  //#region Lifecycle
   loaded() {
     this.manager.onLifecycle(() => [
-      v(() => this.source, () => {
+      y(() => this.source, () => {
         this.viewModel.loadSource();
       }, { sync: !0, initial: !0 }),
       b(() => this.source.state, () => {
@@ -60,8 +55,6 @@ class C extends $ {
     }), e = this.el.childElem;
     e && s.observe(e);
   }
-  //#endregion
-  //#region Private Methods
   _getRoundRobinIndex(s, e) {
     return (s + e) % e;
   }
@@ -73,8 +66,6 @@ class C extends $ {
     const { items: t, activeBasemapIndex: i } = this.viewModel, c = e === "ArrowUp" || e === "ArrowLeft" ? this._getRoundRobinIndex(Math.max(i - 1, -1), t.length) : this._getRoundRobinIndex(i + 1, t.length), l = t.at(c);
     l?.state === "ready" && (this.viewModel.activeBasemap = l.basemap);
   }
-  //#endregion
-  //#region Rendering
   render() {
     const s = this.source.state === "loading", e = this.disabled || this.state === "disabled", o = this.viewModel.items, t = {
       [a.sourceLoading]: s,
@@ -84,7 +75,7 @@ class C extends $ {
     }, i = this._width;
     i <= m.small || i >= m.wide ? t[a.layoutGrid] = !0 : i < m.default && (t[a.narrowItems] = !0);
     const c = s ? r`<div class=${n(a.loader)}></div>` : null, l = s ? null : o.length > 0 ? r`<div aria-disabled=${this.disabled ?? h} aria-label=${this.label ?? h} class=${n(a.itemContainer)} @keydown=${this._handleKeyDown} role=radiogroup>${o.map((p, g) => r`<arcgis-basemap-gallery-item .disabled=${e} .item=${p} .itemIndex=${g} .viewModel=${this.viewModel} .messages=${this.messages}></arcgis-basemap-gallery-item>`)}</div>` : r`<div class=${n(d.empty)}>${I({ level: this.headingLevel, children: this.messages.noBasemaps })}</div>`;
-    return r`<div class=${n(y(a.base, d.widget, d.panel, t))} style=${R({
+    return r`<div class=${n(v(a.base, d.widget, d.panel, t))} style=${R({
       "--esri-basemap-gallery-small": `${m.small}px`
     })}>${[c, l]}</div>`;
   }

package/dist/components/arcgis-basemap-gallery-item/customElement.d.ts

@@ -4,8 +4,9 @@ import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/
 import { ArcgisBasemapGallery } from '../arcgis-basemap-gallery/customElement.js';
 
 type BasemapGalleryMessages = ArcgisBasemapGallery["messages"];
-/** @private **/
+/** @private */
 export declare class ArcgisBasemapGalleryItem extends LitElement {
+    /** @default false */
     disabled: boolean;
     item: __esri.BasemapGalleryItem & {
         uid: string;

package/dist/components/arcgis-basemap-gallery-item/customElement.js

@@ -7,8 +7,8 @@ import { g as x } from "../../chunks/globalCss.js";
 import { c as i } from "../../chunks/basemap-gallery-resources.js";
 import { g as A } from "../../chunks/component-utils.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.99 */
+See https://js.arcgis.com/4.34/esri/copyright.txt for details.
+v4.34.0-next.1 */
 function _(e) {
   return e.portalItem?.type === "Web Scene" || e.referenceLayers.some((t) => t.type === "scene");
 }
@@ -25,8 +25,6 @@ class T extends w {
   static {
     this.shadowRootOptions = C;
   }
-  //#endregion
-  //#region Lifecycle
   loaded() {
     this.manager.onLifecycle(() => [
       g(() => this.item.state, (t) => {
@@ -37,8 +35,6 @@ class T extends w {
       }, { initial: !0, sync: !0 })
     ]);
   }
-  //#endregion
-  //#region Rendering
   render() {
     const { disabled: t, item: a, itemIndex: o, viewModel: c, messages: h } = this, u = a.basemap.thumbnailUrl || y("assets/basemap-gallery/images/basemap-toggle-64.svg"), m = a.basemap.title, b = a.basemap.portalItem?.snippet, $ = a.error?.message || b || m, { activeBasemapIndex: p } = c, n = p === o, f = n || p === -1 && o === 0 ? 0 : -1, v = {
       [i.selectedItem]: n,