@geoscene/map-components 4.33.18

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

@@ -0,0 +1,86 @@
+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 v } from "@arcgis/components-utils";
+import { when as y, watch as b } from "@geoscene/core/core/reactiveUtils.js";
+import f from "@geoscene/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 GeoScene, All Rights Reserved, unless otherwise specified.
+See https://js.geoscene.cn/4.33/geoscene/copyright.txt for details.
+v4.33.18 */
+const D = L`@layer{geoscene-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
+  // with the title. The title is square.
+  default: 280,
+  // Below this width, items are displayed as in `default`, but the thumbnail has an aspect ratio of 1.5
+  // Above this width, items are displayed in a grid.
+  wide: 420
+};
+class C extends $ {
+  constructor() {
+    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.geoscenePropertyChange = w()("activeBasemap", "state"), this.geosceneReady = M();
+  }
+  static {
+    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;
+  }
+  static {
+    this.styles = D;
+  }
+  async destroy() {
+    await this.manager.destroy();
+  }
+  loaded() {
+    this.manager.onLifecycle(() => [
+      y(() => this.source, () => {
+        this.viewModel.loadSource();
+      }, { sync: !0, initial: !0 }),
+      b(() => this.source.state, () => {
+        this._state = this.source.state;
+      }, { sync: !0 })
+    ]);
+    const s = new ResizeObserver((o) => {
+      for (const t of o)
+        this._width = t.contentRect.width;
+    }), e = this.el.childElem;
+    e && s.observe(e);
+  }
+  _getRoundRobinIndex(s, e) {
+    return (s + e) % e;
+  }
+  _handleKeyDown(s) {
+    const { key: e } = s;
+    if (!["ArrowUp", "ArrowDown", "ArrowRight", "ArrowLeft"].includes(e))
+      return;
+    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);
+  }
+  render() {
+    const s = this.source.state === "loading", e = this.disabled || this.state === "disabled", o = this.viewModel.items, t = {
+      [a.sourceLoading]: s,
+      [d.disabled]: e,
+      "geoscene-component": !0
+      // For compatibility with GeoScene View UI
+    }, 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`<geoscene-basemap-gallery-item .disabled=${e} .item=${p} .itemIndex=${g} .viewModel=${this.viewModel} .messages=${this.messages}></geoscene-basemap-gallery-item>`)}</div>` : r`<div class=${n(d.empty)}>${I({ level: this.headingLevel, children: this.messages.noBasemaps })}</div>`;
+    return r`<div class=${n(v(a.base, d.widget, d.panel, t))} style=${R({
+      "--geoscene-basemap-gallery-small": `${m.small}px`
+    })}>${[c, l]}</div>`;
+  }
+}
+u("geoscene-basemap-gallery", C);
+export {
+  C as GeosceneBasemapGallery
+};

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

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

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

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

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

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

package/dist/components/geoscene-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 "@geoscene/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 GeoScene, All Rights Reserved, unless otherwise specified.
+See https://js.geoscene.cn/4.33/geoscene/copyright.txt for details.
+v4.33.18 */
+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("geoscene-basemap-gallery-item", T);
+export {
+  T as GeosceneBasemapGalleryItem
+};

package/dist/components/geoscene-basemap-gallery-item/index.d.ts

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

package/dist/components/geoscene-basemap-gallery-item/index.js

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

package/dist/components/geoscene-basemap-layer-list/customElement.d.ts

@@ -0,0 +1,228 @@
+/// <reference types="@geoscene/core/interfaces.d.ts" />
+/// <reference types="../../index.d.ts" />
+import { Use } from '@arcgis/lumina/controllers';
+import { default as BasemapLayerList } from '@geoscene/core/widgets/BasemapLayerList.js';
+import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { GeosceneReferenceElement } from '../../utils/component-utils';
+
+declare const useBasemapLayerListWidget: (component: LitElement & Pick<BasemapLayerList, "icon" | "label" | "viewModel" | "headingLevel" | "collapsed" | "dragEnabled" | "filterPlaceholder" | "minFilterItems" | "selectedItems" | "selectionMode" | "catalogOptions" | "visibilityAppearance" | "baseFilterPredicate" | "baseFilterText" | "baseListItemCreatedFunction" | "basemapTitle" | "editingTitle" | "referenceFilterPredicate" | "referenceFilterText" | "referenceListItemCreatedFunction"> & {
+    state?: unknown;
+    viewModel?: __geoscene.BasemapLayerListViewModel | undefined;
+    closed?: boolean;
+    icon: import('@arcgis/components-utils').Nil | string;
+    label: import('@arcgis/components-utils').Nil | string;
+    referenceElement?: GeosceneReferenceElement | string;
+    position: __geoscene.UIPosition;
+    geosceneReady: import('@arcgis/lumina').EventEmitter;
+    geoscenePropertyChange: import('@arcgis/lumina').EventEmitter<{
+        name: string;
+    }> | undefined;
+    el: HTMLElement & {
+        childElem?: HTMLElement & {
+            ownedBy?: HTMLElement;
+        };
+        view?: __geoscene.LinkChartView | __geoscene.MapView | __geoscene.SceneView;
+    };
+    autoDestroyDisabled: boolean;
+    destroy: () => Promise<void>;
+}) => BasemapLayerList;
+/**
+ * The Basemap Layer List component provides a way to display a list of [Basemap](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-Basemap.html) layers and switch on/off their visibility. [Base layers](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-Basemap.html#baseLayers) and [reference layers](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-Basemap.html#referenceLayers) are divided into separate sections. When editing is enabled, layers can be reordered by dragging and dropping between the lists and the title can be edited.
+ *
+ * [Read more...](https://doc.geoscene.cn/javascript/4.33/references/map-components/geoscene-basemap-layer-list/)
+ */
+export declare class GeosceneBasemapLayerList extends LitElement {
+    /**
+     * Emitted when the component's close button is clicked.
+     *
+     * @since 4.33
+     */
+    readonly geosceneClose: TargetedEvent<this>;
+    /**
+     * 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://doc.geoscene.cn/javascript/4.33/references/map-components/geoscene-basemap-layer-list/#destroy) method when you are done to
+     * prevent memory leaks.
+     *
+     * @default false
+     */
+    autoDestroyDisabled: boolean;
+    /**
+     * Specifies a function to handle filtering base layer [list items](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-LayerList-ListItem.html).
+     *
+     * @default null
+     */
+    baseFilterPredicate: nullish | __geoscene.BaseFilterPredicate;
+    /**
+     * The value of the filter input text string if [visibleElements.filter](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-BasemapLayerList.html#visibleElements) is true.
+     *
+     * @default ""
+     */
+    baseFilterText: string;
+    /** A collection of ListItems representing the baseLayers. */
+    get baseItems(): __geoscene.Collection<__geoscene.ListItem>;
+    /**
+     * Specifies a function that accesses each [ListItem](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-LayerList-ListItem.html) representing a base layer.
+     *
+     * [Read more...](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-BasemapLayerList.html#baseListItemCreatedFunction)
+     */
+    baseListItemCreatedFunction: nullish | __geoscene.ListItemCreatedHandler;
+    /**
+     * The current basemap's title.
+     *
+     * [Read more...](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-BasemapLayerList.html#basemapTitle)
+     */
+    basemapTitle: string | nullish;
+    /** The CatalogLayerList that displays a catalog layer's dynamic group layer. */
+    get catalogLayerList(): __geoscene.CatalogLayerList | nullish;
+    /**
+     * [CatalogLayer](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-layers-CatalogLayer.html) specific properties.
+     *
+     * @default null
+     */
+    catalogOptions: nullish | __geoscene.BasemapLayerListCatalogOptions;
+    /**
+     * Indicates whether a component is closed. When `true`, the component will be hidden.
+     *
+     * @since 4.33
+     * @default false
+     */
+    closed: boolean;
+    /**
+     * Indicates whether the widget is collapsed.
+     *
+     * @default false
+     */
+    collapsed: boolean;
+    /**
+     * Indicates whether [list items](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-LayerList-ListItem.html) may be reordered within the list by dragging and dropping.
+     *
+     * @default false
+     */
+    dragEnabled: boolean;
+    /**
+     * Indicates whether the form to edit the basemap's title is currently visible.
+     *
+     * @default false
+     */
+    editingTitle: boolean;
+    /**
+     * Placeholder text used in the filter input if [visibleElements.filter](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-BasemapLayerList.html#visibleElements) is true.
+     *
+     * @default ""
+     */
+    filterPlaceholder: string;
+    /**
+     * Indicates the heading level to use for the widget title (i.e.
+     *
+     * @default 2
+     */
+    headingLevel: number;
+    /** @default false */
+    hideBaseLayers: boolean;
+    /** @default false */
+    hideFlow: boolean;
+    /** @default false */
+    hideHeading: boolean;
+    /** @default false */
+    hideReferenceLayers: boolean;
+    /** @default false */
+    hideStatusIndicators: boolean;
+    /**
+     * 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://doc.geoscene.cn/calcite-design-system/icons/)
+     * @default "layers"
+     */
+    icon: string;
+    /**
+     * The widget's default label.
+     *
+     * [Read more...](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-BasemapLayerList.html#label)
+     */
+    label: string;
+    /**
+     * The minimum number of list items required to display the visibleElements.filter input box.
+     *
+     * @default 10
+     */
+    minFilterItems: number;
+    /** @default "bottom-left" */
+    position: __geoscene.UIPosition;
+    /**
+     * By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.
+     *
+     * @see [Associate components with a Map or Scene component](https://doc.geoscene.cn/javascript/4.33/programming-patterns/#associate-components-with-a-map-or-scene-component)
+     */
+    referenceElement?: GeosceneReferenceElement | string;
+    /**
+     * Specifies a function to handle filtering reference layer [list items](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-LayerList-ListItem.html).
+     *
+     * @default null
+     */
+    referenceFilterPredicate: nullish | __geoscene.ReferenceFilterPredicate;
+    /**
+     * The value of the filter input text string if [visibleElements.filter](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-BasemapLayerList.html#visibleElements) is true.
+     *
+     * @default ""
+     */
+    referenceFilterText: string;
+    /** A collection of ListItems representing the referenceLayers. */
+    get referenceItems(): __geoscene.Collection<__geoscene.ListItem>;
+    /**
+     * Specifies a function that accesses each [ListItem](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-LayerList-ListItem.html) representing a reference layer.
+     *
+     * [Read more...](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-BasemapLayerList.html#referenceListItemCreatedFunction)
+     */
+    referenceListItemCreatedFunction: nullish | __geoscene.ListItemCreatedHandler;
+    /**
+     * A collection of selected [ListItem](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-LayerList-ListItem.html)s representing basemap layers
+     * selected by the user.
+     *
+     * [Read more...](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-widgets-BasemapLayerList.html#selectedItems)
+     */
+    selectedItems: __geoscene.Collection<__geoscene.ListItem>;
+    /**
+     * Specifies the selection mode.
+     *
+     * @default "none"
+     */
+    selectionMode: "single" | "multiple" | "none" | "single-persist";
+    /** @default false */
+    showCloseButton: boolean;
+    /** @default false */
+    showCollapseButton: boolean;
+    /** @default false */
+    showEditTitleButton: boolean;
+    /** @default false */
+    showErrors: boolean;
+    /** @default false */
+    showFilter: boolean;
+    /** @default false */
+    showTemporaryLayerIndicators: boolean;
+    /**
+     * The current state of the component.
+     *
+     * @default "disabled"
+     */
+    readonly state: "ready" | "loading" | "disabled";
+    /**
+     * Determines the icons used to indicate visibility.
+     *
+     * @default "default"
+     */
+    visibilityAppearance: "default" | "checkbox";
+    /** 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 geoscenePropertyChange: TargetedEvent<this, {
+        name: "state";
+    }>;
+    /** Emitted when the component associated with a map or scene view is is ready to be interacted with. */
+    readonly geosceneReady: TargetedEvent<this, void>;
+    /** Emitted when an action is triggered on the component. */
+    readonly geosceneTriggerAction: TargetedEvent<this, __geoscene.BasemapLayerListTriggerActionEvent>;
+}
+export {};

package/dist/components/geoscene-basemap-layer-list/customElement.js

@@ -0,0 +1,42 @@
+import { c as e } from "../../chunks/runtime.js";
+import { usePropertyChange as t } from "@arcgis/lumina/controllers";
+import { reEmitEvent as i } from "@arcgis/lumina/controllers/accessor";
+import s from "@geoscene/core/widgets/BasemapLayerList.js";
+import { LitElement as r, createEvent as a, noShadowRoot as l } from "@arcgis/lumina";
+import { m as o } from "../../chunks/useWidget.js";
+import { css as h } from "@lit/reactive-element/css-tag.js";
+import { c as d } from "../../chunks/createCloseEvent.js";
+/*! All material copyright GeoScene, All Rights Reserved, unless otherwise specified.
+See https://js.geoscene.cn/4.33/geoscene/copyright.txt for details.
+v4.33.18 */
+const n = h`@layer{geoscene-basemap-layer-list{display:block}}`, c = o(s);
+class g extends r {
+  constructor() {
+    super(...arguments), this.widget = c(this), this.viewModel = this.widget.viewModel, this.geosceneClose = d(this), this.autoDestroyDisabled = !1, this.baseFilterPredicate = this.widget.baseFilterPredicate, this.baseFilterText = this.widget.baseFilterText, this.baseListItemCreatedFunction = this.widget.baseListItemCreatedFunction, this.basemapTitle = this.widget.basemapTitle, this.catalogOptions = this.widget.catalogOptions, this.closed = !1, this.collapsed = this.widget.collapsed, this.dragEnabled = this.widget.dragEnabled, this.editingTitle = this.widget.editingTitle, this.filterPlaceholder = this.widget.filterPlaceholder, this.headingLevel = this.widget.headingLevel, this.hideBaseLayers = this.widget.visibleElements.baseLayers, this.hideFlow = this.widget.visibleElements.flow, this.hideHeading = this.widget.visibleElements.heading, this.hideReferenceLayers = this.widget.visibleElements.referenceLayers, this.hideStatusIndicators = this.widget.visibleElements.statusIndicators, this.icon = this.widget.icon, this.label = this.widget.label, this.minFilterItems = this.widget.minFilterItems, this.position = "bottom-left", this.referenceFilterPredicate = this.widget.referenceFilterPredicate, this.referenceFilterText = this.widget.referenceFilterText, this.referenceListItemCreatedFunction = this.widget.referenceListItemCreatedFunction, this.selectedItems = this.widget.selectedItems, this.selectionMode = this.widget.selectionMode, this.showCloseButton = this.widget.visibleElements.closeButton, this.showCollapseButton = this.widget.visibleElements.collapseButton, this.showEditTitleButton = this.widget.visibleElements.editTitleButton, this.showErrors = this.widget.visibleElements.errors, this.showFilter = this.widget.visibleElements.filter, this.showTemporaryLayerIndicators = this.widget.visibleElements.temporaryLayerIndicators, this.state = this.viewModel.state, this.visibilityAppearance = this.widget.visibilityAppearance, this.geoscenePropertyChange = t()("state"), this.geosceneReady = a(), this.geosceneTriggerAction = i(() => this.widget, "trigger-action");
+  }
+  static {
+    this.properties = { autoDestroyDisabled: 5, baseFilterPredicate: 0, baseFilterText: 1, baseItems: 32, baseListItemCreatedFunction: 0, basemapTitle: 1, catalogLayerList: 32, catalogOptions: 0, closed: 5, collapsed: 7, dragEnabled: 5, editingTitle: 5, filterPlaceholder: 1, headingLevel: 9, hideBaseLayers: 5, hideFlow: 5, hideHeading: 5, hideReferenceLayers: 5, hideStatusIndicators: 5, icon: 1, label: 1, minFilterItems: 9, position: 1, referenceElement: 1, referenceFilterPredicate: 0, referenceFilterText: 1, referenceItems: 32, referenceListItemCreatedFunction: 0, selectedItems: 0, selectionMode: 1, showCloseButton: 5, showCollapseButton: 5, showEditTitleButton: 5, showErrors: 5, showFilter: 5, showTemporaryLayerIndicators: 5, state: 3, visibilityAppearance: 1 };
+  }
+  static {
+    this.shadowRootOptions = l;
+  }
+  static {
+    this.styles = n;
+  }
+  get baseItems() {
+    return this.widget.baseItems;
+  }
+  get catalogLayerList() {
+    return this.widget.catalogLayerList;
+  }
+  get referenceItems() {
+    return this.widget.referenceItems;
+  }
+  async destroy() {
+    await this.manager.destroy();
+  }
+}
+e("geoscene-basemap-layer-list", g);
+export {
+  g as GeosceneBasemapLayerList
+};

package/dist/components/geoscene-basemap-layer-list/index.d.ts

@@ -0,0 +1 @@
+export * from "./customElement.js";

package/dist/components/geoscene-basemap-layer-list/index.js

@@ -0,0 +1 @@
+export * from "./customElement.js";

package/dist/components/geoscene-basemap-toggle/css.d.ts

@@ -0,0 +1,11 @@
+export declare const css: {
+    readonly base: "geoscene-basemap-toggle";
+    readonly secondaryBasemapImage: "geoscene-basemap-toggle__image--secondary";
+    readonly container: "geoscene-basemap-thumbnail geoscene-basemap-toggle__container";
+    readonly image: "geoscene-basemap-thumbnail__image geoscene-basemap-toggle__image";
+    readonly imageLoading: "geoscene-basemap-toggle__image--loading";
+    readonly overlay: "geoscene-basemap-thumbnail__overlay geoscene-basemap-toggle__image-overlay";
+    readonly title: "geoscene-basemap-thumbnail__title geoscene-basemap-toggle__title";
+    readonly titleWrap: "geoscene-basemap-toggle__title-wrap";
+    readonly overlayScrim: "geoscene-basemap-thumbnail__overlay-scrim";
+};

package/dist/components/geoscene-basemap-toggle/customElement.d.ts

@@ -0,0 +1,85 @@
+/// <reference types="@geoscene/core/interfaces.d.ts" />
+/// <reference types="../../index.d.ts" />
+import { Use } from '@arcgis/lumina/controllers';
+import { default as BasemapToggleViewModel } from '@geoscene/core/widgets/BasemapToggle/BasemapToggleViewModel.js';
+import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { GeosceneReferenceElement } from '../../utils/component-utils';
+
+declare const useBasemapToggleViewModel: (component: LitElement & Pick<BasemapToggleViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<BasemapToggleViewModel>) => BasemapToggleViewModel;
+/**
+ * The Basemap Toggle component allows an end-user to switch between two basemaps.
+ *
+ * The basemaps can have different spatial references.
+ *
+ * [Read more...](https://doc.geoscene.cn/javascript/4.33/references/map-components/geoscene-basemap-toggle/)
+ */
+export declare class GeosceneBasemapToggle extends LitElement {
+    /** The map's current [basemap](https://doc.geoscene.cn/javascript/4.33/api-reference/geoscene-Map.html#basemap). */
+    readonly activeBasemap: nullish | __geoscene.Basemap;
+    /**
+     * 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://doc.geoscene.cn/javascript/4.33/references/map-components/geoscene-basemap-toggle/#destroy) method when you are done to
+     * prevent memory leaks.
+     *
+     * @default false
+     */
+    autoDestroyDisabled: boolean;
+    /**
+     * 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://doc.geoscene.cn/calcite-design-system/icons/)
+     * @default "layer-basemap"
+     */
+    icon?: string;
+    /** The component's default label. */
+    label?: string;
+    /**
+     * Replace localized message strings with your own strings.
+     *
+     * _**Note**: Individual message keys may change between releases._
+     */
+    messageOverrides?: typeof this.messages._overrides;
+    /** The next basemap for toggling. */
+    nextBasemap?: __geoscene.BasemapProperties | string;
+    /** @default "top-left" */
+    position: __geoscene.UIPosition;
+    /**
+     * By assigning the `id` attribute of the Map or Scene component to this property, you can position a child component anywhere in the DOM while still maintaining a connection to the Map or Scene.
+     *
+     * @see [Associate components with a Map or Scene component](https://doc.geoscene.cn/javascript/4.33/programming-patterns/#associate-components-with-a-map-or-scene-component)
+     */
+    referenceElement?: GeosceneReferenceElement | string;
+    /**
+     * Indicates if the Basemap title is displayed.
+     *
+     * @default false
+     */
+    showTitle: boolean;
+    /**
+     * The current state of the component.
+     *
+     * @default "disabled"
+     */
+    readonly state: "ready" | "loading" | "disabled" | "incompatible-next-basemap";
+    /** Permanently destroy the component. */
+    destroy(): Promise<void>;
+    /** Toggles to the [next basemap](#nextBasemap). */
+    toggle(): Promise<any>;
+    /** Emitted when the value of a property is changed. Use this to listen to changes to properties. */
+    readonly geoscenePropertyChange: TargetedEvent<this, {
+        name: "state" | "activeBasemap" | "nextBasemap";
+    }>;
+    /** Emitted when the component associated with a map or scene view is is ready to be interacted with. */
+    readonly geosceneReady: TargetedEvent<this, void>;
+    private messages: Partial<{
+        componentLabel: string;
+        incompatibleSpatialReference: string;
+    }> & import('@arcgis/lumina/controllers').T9nMeta<{
+        componentLabel: string;
+        incompatibleSpatialReference: string;
+    }>;
+}
+export {};

package/dist/components/geoscene-basemap-toggle/customElement.js

@@ -0,0 +1,59 @@
+import { c as B } from "../../chunks/runtime.js";
+import { html as l } from "lit-html";
+import { usePropertyChange as f } from "@arcgis/lumina/controllers";
+import { classes as r } from "@arcgis/components-utils";
+import { getBasemapThumbnailUrl as x } from "@geoscene/core/applications/Components/basemapUtils.js";
+import S from "@geoscene/core/widgets/BasemapToggle/BasemapToggleViewModel.js";
+import { LitElement as T, createEvent as M, noShadowRoot as k, safeClassMap as a, nothing as c, safeStyleMap as b } from "@arcgis/lumina";
+import { u as I } from "../../chunks/useT9n.js";
+import { m as C } from "../../chunks/useViewModel.js";
+import { g as $ } from "../../chunks/globalCss.js";
+import { css as L } from "@lit/reactive-element/css-tag.js";
+/*! All material copyright GeoScene, All Rights Reserved, unless otherwise specified.
+See https://js.geoscene.cn/4.33/geoscene/copyright.txt for details.
+v4.33.18 */
+const A = L`@layer{geoscene-basemap-toggle{display:block}.geoscene-basemap-toggle__title-wrap{text-wrap:wrap}}`, s = "geoscene-basemap-toggle", o = "geoscene-basemap-thumbnail", e = {
+  base: s,
+  secondaryBasemapImage: `${s}__image--secondary`,
+  container: `${o} ${s}__container`,
+  image: `${o}__image ${s}__image`,
+  imageLoading: `${s}__image--loading`,
+  overlay: `${o}__overlay ${s}__image-overlay`,
+  title: `${o}__title ${s}__title`,
+  titleWrap: `${s}__title-wrap`,
+  overlayScrim: `${o}__overlay-scrim`
+}, D = C(S);
+class E extends T {
+  constructor() {
+    super(...arguments), this.messages = I(), this.viewModel = D(this), this.activeBasemap = this.viewModel.activeBasemap, this.autoDestroyDisabled = !1, this.icon = "layer-basemap", this.nextBasemap = this.viewModel.nextBasemap, this.position = "top-left", this.showTitle = !1, this.state = this.viewModel.state, this.geoscenePropertyChange = f()("activeBasemap", "nextBasemap", "state"), this.geosceneReady = M();
+  }
+  static {
+    this.properties = { activeBasemap: 0, autoDestroyDisabled: 5, icon: 1, label: 1, messageOverrides: 0, nextBasemap: 1, position: 3, referenceElement: 1, showTitle: 5, state: 3 };
+  }
+  static {
+    this.shadowRootOptions = k;
+  }
+  static {
+    this.styles = A;
+  }
+  async destroy() {
+    await this.manager.destroy();
+  }
+  async toggle() {
+    return await this.viewModel.toggle();
+  }
+  _getThumbnailStyles(t) {
+    const n = x(t);
+    return n ? { backgroundImage: `url(${n})` } : { backgroundImage: "" };
+  }
+  render() {
+    const t = this.viewModel, n = t.state === "disabled" ? null : t.activeBasemap, i = t.state === "disabled" ? null : t.nextBasemap, u = t.state === "loading", p = t.state === "incompatible-next-basemap", m = i?.title ?? "", d = i && i.loadStatus !== "loaded";
+    let g;
+    const h = this.showTitle && m, v = p, y = h || v, w = this._getThumbnailStyles(n), _ = this._getThumbnailStyles(i);
+    return y && (g = l`<div class=${a(e.overlay)}>${h ? l`<span class=${a(r(e.title, e.titleWrap))} title=${m ?? c}>${m}</span>` : null}${v ? l`<calcite-scrim class=${a(e.overlayScrim)} title=${this.messages.incompatibleSpatialReference ?? c}><calcite-icon icon=exclamation-mark-triangle></calcite-icon></calcite-scrim>` : null}</div>`), l`<div class=${a(r(e.base, $.widget))}><calcite-button appearance=transparent data-basemap-id=${(i ? i.id : "") ?? c} .disabled=${p} kind=neutral .label=${this.label ?? void 0} @click=${() => void this.toggle()} title=${this.label ?? void 0 ?? c}><div class=${a(r(e.container, e.secondaryBasemapImage))}><div class=${a(e.image)} style=${b(w)}></div></div><div class=${a(e.container)}><div class=${a(r(e.image, d ? e.imageLoading : null))} style=${b(_)}>${d || u ? l`<calcite-scrim><span aria-hidden=true class=${a($.loaderAnimation)} role=presentation></span></calcite-scrim>` : null}</div>${g}</div></calcite-button></div>`;
+  }
+}
+B("geoscene-basemap-toggle", E);
+export {
+  E as GeosceneBasemapToggle
+};

package/dist/components/geoscene-basemap-toggle/index.d.ts

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

package/dist/components/geoscene-basemap-toggle/index.js

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