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

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

@@ -1,33 +1,28 @@
 /// <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 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: import('@arcgis/components-controllers').StencilLifecycles & {
-    manager: import('@arcgis/components-controllers').ControllerManager;
-    el: HTMLElement;
-    autoDestroyDisabled?: boolean;
-    destroy?: () => Promise<void>;
-} & Pick<Attachments, never> & {
-    reactiveUtils?: typeof __esri.reactiveUtils;
+declare const useAttachmentsWidget: (component: LitElement & Pick<Attachments, never> & {
     state?: unknown;
     viewModel?: __esri.AttachmentsViewModel | 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>;
@@ -35,6 +30,8 @@ declare const useAttachmentsWidget: (component: import('@arcgis/components-contr
     editConstructorProperties(props: __esri.AttachmentsProperties | undefined): __esri.AttachmentsProperties | Promise<__esri.AttachmentsProperties | undefined> | undefined;
 } | undefined) => Attachments;
 /**
+ * [Read more...](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-attachments/)
+ *
  * @internal
  */
 export declare class ArcgisAttachments extends LitElement {
@@ -42,38 +39,89 @@ 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.
+     *
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Attachments.html#displayType)
+     *
+     * @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.
+     *
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Attachments.html#icon)
+     *
+     * @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" | "loading" | "disabled";
+    /**
+     * 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" | "disabled" | "loading";
+    /**
+     * 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";
     }>;
+    /** 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-attachments/customElement.js

@@ -1,12 +1,12 @@
 import { c as t } from "../../chunks/runtime.js";
-import { usePropertyChange as e } from "@arcgis/components-controllers";
+import { usePropertyChange as e } from "@arcgis/lumina/controllers";
 import i from "@arcgis/core/widgets/Attachments.js";
 import { LitElement as s, createEvent as a, noShadowRoot as d } from "@arcgis/lumina";
 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.12 */
+v4.33.0-next.120 */
 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,66 +1,85 @@
 /// <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 BasemapGalleryViewModel } from '@arcgis/core/widgets/BasemapGallery/BasemapGalleryViewModel.js';
-import { JsxNode, ToElement, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { HeadingLevel } from '../../support/heading';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 
-declare const useBasemapGalleryViewModel: (component: import('@arcgis/components-controllers').StencilLifecycles & {
-    manager: import('@arcgis/components-controllers').ControllerManager;
-    el: HTMLElement;
-    autoDestroyDisabled?: boolean;
-    destroy?: () => Promise<void>;
-} & Pick<BasemapGalleryViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<BasemapGalleryViewModel>, options?: {
+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.
+/**
+ * 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.
+ *
+ * [Read more...](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-basemap-gallery/)
  */
 export declare class ArcgisBasemapGallery extends LitElement {
-    activeBasemap: __esri.Basemap | nullish;
+    /** 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);
     /**
      * 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.
+     *
+     * @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;
+    /** @default "bottom-left" */
     position: __esri.UIPosition;
     referenceElement: ArcgisReferenceElement | Nil | string;
-    /**
-     * The source for basemaps that the component will display.
-     */
+    /** 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" | "loading" | "unsupported" | "disabled";
-    /** Permanently destroy the component */
+    readonly state: "ready" | "disabled" | "loading" | "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";
     }>;
+    /** Emitted when the component associated with a map or scene view is is ready to be interacted with. */
     readonly arcgisReady: TargetedEvent<this, undefined>;
+    private viewModel: BasemapGalleryViewModel;
+    readonly _setterTypes: {
+        activeBasemap?: __esri.BasemapProperties | nullish | string;
+    };
 }
 export {};

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

@@ -1,30 +1,20 @@
-import { c as y } from "../../chunks/runtime.js";
-import { html as c } from "lit-html";
-import { usePropertyChange as f } from "@arcgis/components-controllers";
-import { classes as v } from "@arcgis/components-utils";
-import { when as b, watch as p } from "@arcgis/core/core/reactiveUtils.js";
-import M from "@arcgis/core/widgets/BasemapGallery/BasemapGalleryViewModel.js";
-import { safeClassMap as r, LitElement as $, createEvent as _, noShadowRoot as B, nothing as g, safeStyleMap as x } from "@arcgis/lumina";
-import { u as L } from "../../chunks/useView.js";
-import { m as R } from "../../chunks/useViewModel.js";
-import { unsafeStatic as E, html as I } from "lit/static-html.js";
-import { g as n } from "../../chunks/globalCss.js";
-import { c as l, B as D } from "../../chunks/basemap-gallery-item.js";
-import { css as S } from "@lit/reactive-element/css-tag.js";
+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 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";
+import { m as B } from "../../chunks/useViewModel.js";
+import { H as I } from "../../chunks/heading.js";
+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.12 */
-function A({ level: o, class: t, children: e }) {
-  const s = k(o), a = `h${s}`, i = E(a);
-  return I`<${i} .ariaLevel=${String(s)} class=${r(v(n.heading, t))} role=heading>${e}</${i}>`;
-}
-function C(o, t, e) {
-  return Math.min(Math.max(o, t), e);
-}
-function k(o) {
-  return C(Math.ceil(o), 1, 6);
-}
-const G = S`@layer{arcgis-basemap-gallery{display:block}}`, K = R(M), m = {
+v4.33.0-next.120 */
+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,
   // Below this width, items are displayed as a single column but with the thumbnail side-by-side
@@ -34,78 +24,63 @@ const G = S`@layer{arcgis-basemap-gallery{display:block}}`, K = R(M), m = {
   // Above this width, items are displayed in a grid.
   wide: 420
 };
-class H extends $ {
+class C extends $ {
   constructor() {
-    super(...arguments), this.messages = L({}), this.viewModel = K(this), this._width = 0, this._state = "", this._itemsState = "", 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 = f()("activeBasemap", "state"), this.arcgisReady = _();
+    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, _itemsState: 16, activeBasemap: 0, 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, position: 1, referenceElement: 1, source: 0, state: 3 };
   }
   static {
-    this.shadowRootOptions = B;
+    this.shadowRootOptions = x;
   }
   static {
-    this.styles = G;
+    this.styles = D;
   }
-  //#endregion
-  //#region Public Methods
-  /** Permanently destroy the component */
   async destroy() {
     await this.manager.destroy();
   }
-  //#endregion
-  //#region Lifecycle
   loaded() {
     this.manager.onLifecycle(() => [
-      b(() => this.source, () => {
+      v(() => this.source, () => {
         this.viewModel.loadSource();
       }, { sync: !0, initial: !0 }),
-      p(() => this.source.state, () => {
+      b(() => this.source.state, () => {
         this._state = this.source.state;
-      }, { sync: !0 }),
-      p(() => this.viewModel.items.filter((s) => s.state !== "ready").length, (s) => {
-        this._itemsState = s > 0 ? "loading" : "ready";
-      }, { sync: !0 }),
-      p(() => this.viewModel.activeBasemap, () => {
-        this.el.childElem?.querySelector(`[data-basemap="${this.viewModel.activeBasemap?.id}"]`)?.focus();
       }, { sync: !0 })
     ]);
-    const t = new ResizeObserver((s) => {
-      for (const a of s)
-        this._width = a.contentRect.width;
+    const s = new ResizeObserver((o) => {
+      for (const t of o)
+        this._width = t.contentRect.width;
     }), e = this.el.childElem;
-    e && t.observe(e);
+    e && s.observe(e);
   }
-  //#endregion
-  //#region Private Methods
-  _getRoundRobinIndex(t, e) {
-    return (t + e) % e;
+  _getRoundRobinIndex(s, e) {
+    return (s + e) % e;
   }
-  _handleKeyDown(t) {
-    const { key: e } = t;
+  _handleKeyDown(s) {
+    const { key: e } = s;
     if (!["ArrowUp", "ArrowDown", "ArrowRight", "ArrowLeft"].includes(e))
       return;
-    t.preventDefault();
-    const { items: a, activeBasemapIndex: i } = this.viewModel, h = e === "ArrowUp" || e === "ArrowLeft" ? this._getRoundRobinIndex(Math.max(i - 1, -1), a.length) : this._getRoundRobinIndex(i + 1, a.length), d = a.at(h);
-    d?.state === "ready" && (this.viewModel.activeBasemap = d.basemap);
+    s.preventDefault();
+    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 t = this.source.state === "loading", e = this.disabled || this.state === "disabled", s = this.viewModel.items, a = {
-      [l.sourceLoading]: t,
-      [n.disabled]: e,
+    const s = this.source.state === "loading", e = this.disabled || this.state === "disabled", o = this.viewModel.items, t = {
+      [a.sourceLoading]: s,
+      [d.disabled]: e,
       "esri-component": !0
       // For compatibility with Esri View UI
     }, i = this._width;
-    i <= m.small || i >= m.wide ? a[l.layoutGrid] = !0 : i < m.default && (a[l.narrowItems] = !0);
-    const h = t ? c`<div class=${r(l.loader)}></div>` : null, d = t ? null : s.length > 0 ? c`<div aria-disabled=${this.disabled ?? g} aria-label=${this.label ?? g} class=${r(l.itemContainer)} @keydown=${this._handleKeyDown} role=radiogroup>${s.map((u, w) => D({ disabled: e, item: u, itemIndex: w, viewModel: this.viewModel, messages: this.messages, state: u.state }))}</div>` : c`<div class=${r(n.empty)}>${A({ level: this.headingLevel, children: this.messages.noBasemaps })}</div>`;
-    return c`<div class=${r(v(l.base, n.widget, n.panel, a))} style=${x({
+    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({
       "--esri-basemap-gallery-small": `${m.small}px`
-    })}>${[h, d]}</div>`;
+    })}>${[c, l]}</div>`;
   }
 }
-y("arcgis-basemap-gallery", H);
+u("arcgis-basemap-gallery", C);
 export {
-  H as ArcgisBasemapGallery
+  C as ArcgisBasemapGallery
 };

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

@@ -1 +1,2 @@
+import "../arcgis-basemap-gallery-item/index.js";
 export * from "./customElement.js";

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

@@ -1 +1,2 @@
+import "../arcgis-basemap-gallery-item/index.js";
 export * from "./customElement.js";

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

@@ -0,0 +1,18 @@
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+/// <reference types="../../index.d.ts" />
+import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { ArcgisBasemapGallery } from '../arcgis-basemap-gallery/customElement.js';
+
+type BasemapGalleryMessages = ArcgisBasemapGallery["messages"];
+/** @private */
+export declare class ArcgisBasemapGalleryItem extends LitElement {
+    /** @default false */
+    disabled: boolean;
+    item: __esri.BasemapGalleryItem & {
+        uid: string;
+    };
+    itemIndex: number;
+    viewModel: __esri.BasemapGalleryViewModel;
+    messages: BasemapGalleryMessages;
+}
+export {};

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

@@ -0,0 +1,60 @@
+import { g as y, c as I } from "../../chunks/runtime.js";
+import { classes as B } from "@arcgis/components-utils";
+import { watch as g } from "@arcgis/core/core/reactiveUtils.js";
+import { LitElement as w, noShadowRoot as C, nothing as r, safeClassMap as s } from "@arcgis/lumina";
+import { html as l } from "lit-html";
+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.120 */
+function _(e) {
+  return e.portalItem?.type === "Web Scene" || e.referenceLayers.some((t) => t.type === "scene");
+}
+function S(e) {
+  return !!e?.portalItem?.tags?.some((t) => t.toLowerCase() === "beta");
+}
+class T extends w {
+  constructor() {
+    super(...arguments), this._itemState = "loading", this._isActive = !1;
+  }
+  static {
+    this.properties = { _itemState: 16, _isActive: 16, disabled: 5, item: 0, itemIndex: 9, viewModel: 0, messages: 0 };
+  }
+  static {
+    this.shadowRootOptions = C;
+  }
+  loaded() {
+    this.manager.onLifecycle(() => [
+      g(() => this.item.state, (t) => {
+        this._itemState = t;
+      }, { sync: !0 }),
+      g(() => this.viewModel.activeBasemap, (t) => {
+        this._isActive = this.item.basemap.id === t?.id, this._isActive && (A(this)?.focus(), this.el.scrollIntoView({ block: "nearest" }));
+      }, { initial: !0, sync: !0 })
+    ]);
+  }
+  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,
+      [i.itemError]: a.state === "error"
+    }, d = `basemapgallery-item-${a.uid}`;
+    return l`<div .ariaChecked=${n} .ariaDisabled=${t} aria-labelledby=${d ?? r} class=${s(B(i.item, v))} role=radio tabindex=${f ?? r} title=${$ ?? r} @click=${() => {
+      a.state === "ready" && (c.activeBasemap = a.basemap);
+    }}><img alt class=${s(i.itemThumbnail)} src=${u ?? r}><div class=${s(i.itemContent)}><div class=${s(i.itemTitle)}><span id=${d ?? r}>${m}</span></div>${_(a.basemap) ? D(a.basemap, h) : null}</div>${a.state !== "loading" ? null : l`<calcite-scrim><span aria-hidden=true class=${s(x.loaderAnimation)} role=presentation></span></calcite-scrim>`}</div>`;
+  }
+}
+function D(e, t) {
+  return l`<div class=${s(i.itemTagsContainer)}>${L(t)}${S(e) ? M(t) : null}</div>`;
+}
+function L(e) {
+  return l`<calcite-chip scale=s .label=${e.tag3D}>${e.tag3D}</calcite-chip>`;
+}
+function M(e) {
+  return l`<calcite-chip appearance=outline-fill scale=s .label=${e.tagBeta}>${e.tagBeta}</calcite-chip>`;
+}
+I("arcgis-basemap-gallery-item", T);
+export {
+  T as ArcgisBasemapGalleryItem
+};