@geoscene/map-components 4.33.20 → 5.0.19

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

@@ -1,43 +1,37 @@
-import { c as o } from "../../chunks/runtime.js";
-import { html as t } from "lit-html";
-import { keyed as a } from "lit-html/directives/keyed.js";
-import { watch as i } from "@geoscene/core/core/reactiveUtils.js";
-import { LitElement as n, safeClassMap as l } from "@geoscene/lumina";
-import { u as m } from "../../chunks/useHandles.js";
-import { g as p, a as d, b as h, c as _ } from "../../chunks/utils.js";
-import { css as g } from "@lit/reactive-element/css-tag.js";
-/*! All material copyright GeoScene, All Rights Reserved, unless otherwise specified.
-See https://js.geoscene.cn/4.33/geoscene/copyright.txt for details.
-v4.33.18 */
-const u = g`.geoscene-print__template-select-container{border:1px solid var(--calcite-color-border-1);cursor:pointer}.geoscene-print__template-select-container .geoscene-print__template-select-error,.geoscene-print__template-select-container .geoscene-print__template-select-arrow{display:flex;align-self:center;margin-right:var(--calcite-spacing-md)}`, s = "geoscene-print", c = {
-  templateSelectContainer: `${s}__template-select-container`,
-  templateSelectError: `${s}__template-select-error`,
-  templateSelectArrow: `${s}__template-select-arrow`
-};
-class $ extends n {
+/* COPYRIGHT GeoScene - https://js.geoscene.cn/5.0/LICENSE.txt */
+import { c as s } from "../../chunks/runtime.js";
+import { css as i, html as l } from "lit";
+import { watch as a } from "@geoscene/core/core/reactiveUtils.js";
+import { LitElement as c } from "@geoscene/lumina";
+import { u as o } from "../../chunks/useHandles.js";
+import { g as r, a as n, b as m } from "../../chunks/utils2.js";
+import { useDirection as p } from "@geoscene/lumina/controllers";
+const d = i`.template-select-container{border:1px solid var(--calcite-color-border-1);cursor:pointer}.template-select-container .template-select-error,.template-select-container .template-select-arrow{display:flex;align-self:center;margin-right:var(--calcite-spacing-md)}`;
+class h extends c {
   constructor() {
-    super(...arguments), this._handles = m("disconnect"), this._templateState = "not-loaded";
+    super(...arguments), this._handles = o("disconnect"), this._direction = p(), this._templateState = "not-loaded";
   }
   static {
     this.properties = { _selectedTemplate: 16, _templateState: 16, viewModel: 0, messages: 0, showTemplateSelector: 0 };
   }
   static {
-    this.styles = u;
+    this.styles = d;
   }
   loaded() {
     this.manager.onLifecycle(() => [
-      i(() => this.viewModel.templateOptions.id, (e) => {
-        this._handles.removeHandles("template-handle"), this._selectedTemplate = e ? this.viewModel.getLayoutTemplateById(e) ?? void 0 : void 0, this._handles.addHandles(i(() => this._selectedTemplate?.state, (r) => this._templateState = r ?? "not-loaded", { initial: !0 }), "template-handle");
+      a(() => this.viewModel.templateOptions.id, (e) => {
+        this._handles.removeHandles("template-handle"), this._selectedTemplate = e ? this.viewModel.getLayoutTemplateById(e) ?? void 0 : void 0, this._handles.addHandles(a(() => this._selectedTemplate?.state, (t) => this._templateState = t ?? "not-loaded", { initial: !0 }), "template-handle");
       }, { initial: !0 })
     ]);
   }
   render() {
-    return t`<calcite-block class=${l(c.templateSelectContainer)} .description=${p(this._selectedTemplate)} .heading=${this._selectedTemplate ? d(this._selectedTemplate, this.messages) : this.messages.selectTemplate} .loading=${this._templateState === "loading"} @click=${this.showTemplateSelector} @keydown=${(e) => {
-      (e.key === "Enter" || e.key === " ") && this.showTemplateSelector();
-    }} tabindex=0>${a("template-select-icon", t`<calcite-icon .icon=${(this._selectedTemplate?.layout ? h(this._selectedTemplate.layout) : null) || "custom-print"} scale=l slot=content-start></calcite-icon>`)}${this._templateState === "error" ? a("template-select-error", t`<calcite-icon class=${l(c.templateSelectError)} icon=exclamation-mark-circle scale=s slot=actions-end></calcite-icon>`) : null}${a("template-select-arrow", t`<calcite-icon class=${l(c.templateSelectArrow)} .icon=${_() ? "chevron-left" : "chevron-right"} scale=s slot=actions-end></calcite-icon>`)}</calcite-block>`;
+    const e = this._selectedTemplate ? r(this._selectedTemplate, this.messages) : this.messages.selectTemplate;
+    return l`<calcite-block class="template-select-container" .description=${n(this._selectedTemplate)} .heading=${e} .label=${e} .loading=${this._templateState === "loading"} @click=${this.showTemplateSelector} @keydown=${(t) => {
+      (t.key === "Enter" || t.key === " ") && this.showTemplateSelector();
+    }} tabindex=0><calcite-icon .icon=${(this._selectedTemplate?.layout ? m(this._selectedTemplate.layout) : null) || "custom-print"} scale=l slot=content-start></calcite-icon>${this._templateState === "error" ? l`<calcite-icon class="template-select-error" icon=exclamation-mark-circle scale=s slot=actions-end></calcite-icon>` : null}<calcite-icon class="template-select-arrow" .icon=${this._direction === "rtl" ? "chevron-left" : "chevron-right"} scale=s slot=actions-end></calcite-icon></calcite-block>`;
   }
 }
-o("geoscene-print-template-select", $);
+s("geoscene-print-template-select", h);
 export {
-  $ as PrintTemplateSelect
+  h as PrintTemplateSelect
 };

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

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

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

@@ -1,6 +1,6 @@
-import "@geoscene/calcite-components/components/calcite-button";
 import "@geoscene/calcite-components/components/calcite-list";
 import "@geoscene/calcite-components/components/calcite-chip";
+import "@geoscene/calcite-components/components/calcite-button";
 import "@geoscene/calcite-components/components/calcite-list-item";
 import "@geoscene/calcite-components/components/calcite-icon";
 import "@geoscene/calcite-components/components/calcite-loader";

package/dist/components/geoscene-reverse-geocode-list/customElement.d.ts

@@ -0,0 +1,64 @@
+/// <reference path="../../index.d.ts" />
+import type Portal from "@geoscene/core/portal/Portal.js";
+import type Point from "@geoscene/core/geometry/Point.js";
+import type { HeadingLevel } from "../types.js";
+import type { PublicLitElement as LitElement } from "@geoscene/lumina";
+import type { T9nMeta } from "@geoscene/lumina/controllers";
+
+/**
+ * The Reverse Geocode List component displays a list of addresses obtained by reverse geocoding a given location.
+ * This is the component behind the What's Here functionality in Map Viewer. This class was created for MV for 5.0,
+ * but is internal for 5.0, and will be wider released at 5.1 or later.
+ *
+ * @internal
+ */
+export abstract class GeosceneReverseGeocodeList extends LitElement {
+  /**
+   * Indicates the heading level to use for the component title.
+   *
+   * @default 3
+   */
+  accessor headingLevel: HeadingLevel;
+  accessor location: Point | undefined;
+  /**
+   * Replace localized message strings with your own strings.
+   *
+   * _**Note**: Individual message keys may change between releases._
+   */
+  accessor messageOverrides: {
+      label?: string | undefined;
+      noResultsFound?: string | undefined;
+      showMoreResults?: string | undefined;
+      moreResults?: string | undefined;
+      untitledService?: string | undefined;
+  };
+  /** @internal */
+  protected messages: Partial<{
+      label: string;
+      noResultsFound: string;
+      showMoreResults: string;
+      moreResults: string;
+      untitledService: string;
+  }> & T9nMeta<{
+      label: string;
+      noResultsFound: string;
+      showMoreResults: string;
+      moreResults: string;
+      untitledService: string;
+  }>;
+  accessor portal: Portal;
+  get reverseGeocodeResults(): null | undefined | ReverseGeocodeResult[];
+  /** Permanently destroy the component. */
+  destroy(): Promise<void>;
+  readonly geosceneReverseGeocodeResultsChange: import("@geoscene/lumina").TargetedEvent<this, void>;
+  readonly "@eventTypes": {
+    geosceneReverseGeocodeResultsChange: GeosceneReverseGeocodeList["geosceneReverseGeocodeResultsChange"]["detail"];
+  };
+}
+
+/** @internal */
+export interface ReverseGeocodeResult {
+  name: string;
+  address?: string;
+  url: string;
+}

package/dist/components/geoscene-reverse-geocode-list/customElement.js

@@ -0,0 +1,75 @@
+/* COPYRIGHT GeoScene - https://js.geoscene.cn/5.0/LICENSE.txt */
+import { c as u } from "../../chunks/runtime.js";
+import { css as m, html as i } from "lit";
+import h from "@geoscene/core/portal/Portal.js";
+import { LitElement as p, createEvent as g, safeClassMap as b } from "@geoscene/lumina";
+import { locationToAddress as f } from "@geoscene/core/rest/locator.js";
+import { substitute as _ } from "@geoscene/core/intl.js";
+import { u as v } from "../../chunks/useT9n.js";
+import { watch as d } from "@geoscene/core/core/reactiveUtils.js";
+const $ = m`.coordinates{font-size:var(--calcite-font-size-sm);color:var(--calcite-color-text-3);padding-inline-start:var(--calcite-spacing-md);padding-block-end:var(--calcite-spacing-sm)}`, R = {
+  coordinates: "coordinates"
+};
+class C extends p {
+  constructor() {
+    super(...arguments), this.messages = v(), this._abortController = null, this._results = null, this.headingLevel = 3, this.portal = h.getDefault(), this.geosceneReverseGeocodeResultsChange = g();
+  }
+  static {
+    this.properties = { _abortController: 16, _results: 16, headingLevel: 9, portal: 0, location: 0, messageOverrides: 0, reverseGeocodeResults: 32 };
+  }
+  static {
+    this.styles = $;
+  }
+  get reverseGeocodeResults() {
+    return this._results;
+  }
+  async destroy() {
+    await this.manager.destroy(), this._cancelQueries();
+  }
+  loaded() {
+    this.manager.onLifecycle(() => [
+      d(() => [this.portal, this.location], () => void this._update(), { initial: !0 }),
+      d(() => this._results, () => {
+        this.geosceneReverseGeocodeResultsChange.emit();
+      })
+    ]);
+  }
+  _cancelQueries() {
+    this._abortController?.abort(), this._abortController = null;
+  }
+  async _update() {
+    const { location: e, messages: t } = this;
+    if (this._cancelQueries(), !e) {
+      this._results = null;
+      return;
+    }
+    const s = new AbortController(), r = s.signal;
+    this._abortController = s, await this.portal?.load({ signal: r });
+    const l = this.portal?.helperServices?.geocode?.filter((o) => o.reverseGeocode ?? !0);
+    if (!l) {
+      this._results = null;
+      return;
+    }
+    const a = l.map(async (o) => await f(o.url, { location: e }, { signal: r })), n = await Promise.allSettled(a);
+    this._abortController = null, this._results = l.map((o, c) => ({
+      name: o.name ?? t?.untitledService ?? "",
+      address: (n[c].status === "fulfilled" ? n[c].value.address : null) ?? t?.noResultsFound ?? "",
+      url: o.url
+    }));
+  }
+  _renderMoreResults(e) {
+    const { messages: t } = this;
+    return !this._abortController && e?.length ? i`<calcite-block collapsible .headingLevel=${this.headingLevel} .heading=${_(t?.showMoreResults ?? "", { count: e.length })}><calcite-list display-mode=flat interaction-mode=static selection-mode=none .label=${t?.moreResults ?? ""}>${e?.map((s) => i`<calcite-list-item .label=${s.name} .description=${s.address}></calcite-list-item>`)}</calcite-list></calcite-block>` : null;
+  }
+  render() {
+    const { _abortController: e, location: t, _results: s, messages: r } = this;
+    if (!t)
+      return null;
+    const l = s?.slice(), a = l?.shift(), n = i`<div class=${b(R.coordinates)} slot=content-bottom>${`${t.latitude?.toFixed(6)}, ${t.longitude?.toFixed(6)}`}</div>`;
+    return i`<calcite-list .loading=${!!e} display-mode=flat interaction-mode=static selection-mode=none .label=${r.label ?? ""}>${a ? i`<calcite-list-item .label=${a.name} .description=${a.address}>${n}</calcite-list-item>` : e ? null : i`<calcite-list-item .label=${r.noResultsFound ?? ""}>${n}</calcite-list-item>`}</calcite-list>${this._renderMoreResults(l)}`;
+  }
+}
+u("geoscene-reverse-geocode-list", C);
+export {
+  C as GeosceneReverseGeocodeList
+};

package/dist/components/geoscene-reverse-geocode-list/index.d.ts

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

package/dist/components/geoscene-reverse-geocode-list/index.js

@@ -0,0 +1,4 @@
+import "@geoscene/calcite-components/components/calcite-block";
+import "@geoscene/calcite-components/components/calcite-list";
+import "@geoscene/calcite-components/components/calcite-list-item";
+export * from "./customElement.js";

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

@@ -1,14 +1,10 @@
-/// <reference types="@geoscene/core/interfaces.d.ts" />
-/// <reference types="../../index.d.ts" />
-import { Use } from '@geoscene/lumina/controllers';
-import { default as ScaleBarViewModel } from '@geoscene/core/widgets/ScaleBar/ScaleBarViewModel.js';
-import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@geoscene/lumina';
-import { GeosceneReferenceElement } from '../../utils/component-utils';
-import { MeasurementSystem } from '../types';
+/// <reference path="../../index.d.ts" />
+import type MapView from "@geoscene/core/views/MapView.js";
+import type { PublicLitElement as LitElement } from "@geoscene/lumina";
+import type { GeosceneReferenceElement } from "../types.js";
+import type { ScaleBarStyle, ScaleBarUnit } from "./types.js";
+import type { T9nMeta } from "@geoscene/lumina/controllers";
 
-type ScaleBarStyle = "line" | "ruler";
-type ScaleBarUnit = MeasurementSystem | "dual";
-declare const useScaleBarViewModel: (component: LitElement & Pick<ScaleBarViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<ScaleBarViewModel>) => ScaleBarViewModel;
 /**
  * The Scale Bar component displays a scale bar representing the scale of the map.
  * It respects various coordinate systems and displays units in metric or imperial values.
@@ -22,66 +18,67 @@ declare const useScaleBarViewModel: (component: LitElement & Pick<ScaleBarViewMo
  *
  * - This component is not currently supported within a Scene component.
  *
- * [Read more...](https://doc.geoscene.cn/javascript/4.33/references/map-components/geoscene-scale-bar/)
+ * @since 4.28
  */
-export declare class GeosceneScaleBar 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](https://doc.geoscene.cn/javascript/4.33/references/map-components/geoscene-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).
-     *
-     * @see [Calcite Icons](https://doc.geoscene.cn/calcite-design-system/icons/)
-     * @default "actual-size"
-     */
-    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;
-    /** @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;
-    /**
-     * 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(): ScaleBarUnit | undefined;
-    set unit(value: ScaleBarUnit | undefined);
-    /** 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 geosceneReady: TargetedEvent<this, void>;
-    private messages: Partial<{
-        componentLabel: string;
-    }> & import('@geoscene/lumina/controllers').T9nMeta<{
-        componentLabel: string;
-    }>;
-}
-export {};
+export abstract class GeosceneScaleBar 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()](https://doc.geoscene.cn/javascript/5.0/references/map-components/components/geoscene-scale-bar/#destroy) method when you are done to
+   * prevent memory leaks.
+   *
+   * @default false
+   */
+  accessor autoDestroyDisabled: boolean;
+  /**
+   * The style for the scale bar.
+   * When `unit` is set to `dual`, the style will always be `line`.
+   *
+   * @default "line"
+   */
+  accessor barStyle: ScaleBarStyle;
+  /**
+   * Icon which represents the component.
+   * Typically used when the component is controlled by another component (e.g. by the Expand component).
+   *
+   * @default "actual-size"
+   * @see [Calcite Icons](https://doc.geoscene.cn/calcite-design-system/icons/)
+   */
+  accessor icon: string | undefined;
+  /** The component's default label. */
+  accessor label: string | undefined;
+  /**
+   * Replace localized message strings with your own strings.
+   *
+   * _**Note**: Individual message keys may change between releases._
+   */
+  accessor messageOverrides: { componentLabel?: string | undefined; };
+  /** @internal */
+  protected messages: Partial<{ componentLabel: string; }> & T9nMeta<{ componentLabel: string; }>;
+  /**
+   * 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/5.0/programming-patterns/#associate-components-with-a-map-or-scene-component)
+   */
+  accessor referenceElement: GeosceneReferenceElement | string | undefined;
+  /**
+   * 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.
+   */
+  accessor unit: ScaleBarUnit | undefined;
+  /**
+   * The view associated with the component. 
+   *   > **Note:** The recommended approach is to fully migrate applications to use map and scene components and avoid using MapView and SceneView directly. However, if you are migrating a large application from widgets to components, you might prefer a more gradual transition. To support this use case, the SDK includes this `view` property which connects a component to a MapView or SceneView. Ultimately, once migration is complete, the geoscene-scale-bar component will be associated with a map or scene component rather than using the `view` property.
+   */
+  accessor view: MapView | null | undefined;
+  /** Permanently destroy the component. */
+  destroy(): Promise<void>;
+  /** Emitted when the component associated with a map or scene view is ready to be interacted with. */
+  readonly geosceneReady: import("@geoscene/lumina").TargetedEvent<this, void>;
+  readonly "@eventTypes": {
+    geosceneReady: GeosceneScaleBar["geosceneReady"]["detail"];
+  };
+}