@esri/solutions-components 5.1.0-next.68 → 5.1.0-next.69

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

@@ -7,11 +7,11 @@ export abstract class MapBasemapGallery extends LitElement {
   /** IBasemapConfig: List of any basemaps to filter out from the basemap widget */
   accessor basemapConfig: IBasemapConfig | undefined;
   /**
-   * esri/widgets/BasemapGallery: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-BasemapGallery.html
+   * esri/widgets/BasemapGallery: https://next.gha.afd.arcgis.com/javascript/latest/api-reference/esri-widgets-BasemapGallery.html
    *
    * BasemapGallery instance
    */
   accessor basemapWidget: __esri.BasemapGallery | undefined;
-  /** esri/views/View: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
+  /** esri/views/View: https://next.gha.afd.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
   accessor mapView: __esri.MapView | undefined;
 }

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

@@ -1,56 +1,93 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { c as i } from "../../chunks/runtime.js";
-import { css as t, html as p } from "lit";
-import { createRef as m, ref as r } from "lit-html/directives/ref.js";
-import { LitElement as o } from "@arcgis/lumina";
-import l from "@arcgis/core/widgets/BasemapGallery";
-import n from "@arcgis/core/widgets/BasemapGallery/support/PortalBasemapsSource";
-const d = t`.display-block{display:block}`;
-class h extends o {
+import { c as customElement } from "../../chunks/runtime.js";
+import { css, html } from "lit";
+import { createRef, ref } from "lit-html/directives/ref.js";
+import { LitElement } from "@arcgis/lumina";
+import BasemapGallery from "@arcgis/core/widgets/BasemapGallery";
+import PortalBasemapsSource from "@arcgis/core/widgets/BasemapGallery/support/PortalBasemapsSource";
+const styles = css`/** @license
+ * Copyright 2025 Esri
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+.display-block {
+  display: block;
+}`;
+class MapBasemapGallery extends LitElement {
   constructor() {
-    super(...arguments), this._basemapElement = m();
+    super(...arguments);
+    this._basemapElement = createRef();
   }
   static {
-    this.properties = { mapView: 0, basemapConfig: 0, basemapWidget: 0 };
+    this.properties = { mapView: [0, {}, { attribute: false }], basemapConfig: [0, {}, { attribute: false }], basemapWidget: [0, {}, { attribute: false }] };
   }
   static {
-    this.styles = d;
+    this.styles = styles;
   }
-  willUpdate(a) {
-    a.has("basemapConfig") && this.basemapConfigWatchHandler(), a.has("mapView") && this.mapViewWatchHandler();
+  willUpdate(changes) {
+    if (changes.has("basemapConfig")) {
+      void this.basemapConfigWatchHandler();
+    }
+    if (changes.has("mapView")) {
+      void this.mapViewWatchHandler();
+    }
   }
   async basemapConfigWatchHandler() {
     if (this.basemapWidget?.source) {
-      const a = this.basemapWidget?.source;
-      a.query = this.basemapConfig?.basemapGroupId ? `id:${this.basemapConfig.basemapGroupId}` : null, await a.refresh();
+      const portalBasemapsSource = this.basemapWidget?.source;
+      portalBasemapsSource.query = this.basemapConfig?.basemapGroupId ? `id:${this.basemapConfig.basemapGroupId}` : null;
+      await portalBasemapsSource.refresh();
     }
   }
   async mapViewWatchHandler() {
-    this.mapView !== void 0 && await this.mapView.when(() => {
-      this._initBaseMapGallery(this.mapView);
-    });
+    if (this.mapView !== void 0) {
+      await this.mapView.when(() => {
+        void this._initBaseMapGallery(this.mapView);
+      });
+    }
   }
   render() {
-    return p`<div class="display-block" ${r(this._basemapElement)}></div>`;
+    return html`<div class="display-block" ${ref(this._basemapElement)}></div>`;
   }
   loaded() {
-    this.mapView && this.mapViewWatchHandler();
+    if (this.mapView) {
+      void this.mapViewWatchHandler();
+    }
   }
-  async _initBaseMapGallery(a) {
-    if (a) {
-      const e = new n({
+  async _initBaseMapGallery(view) {
+    if (view) {
+      const source = new PortalBasemapsSource({
         query: this.basemapConfig?.basemapGroupId ? `id:${this.basemapConfig.basemapGroupId}` : null,
-        filterFunction: this.basemapConfig ? (s) => s?.portalItem?.id && this.basemapConfig ? !this.basemapConfig.basemapIdsToFilter.includes(s?.portalItem?.id) : !0 : () => !0
-      });
-      await e.refresh(), this.basemapWidget ? (this.basemapWidget.view = a, this.basemapWidget.source = e) : this.basemapWidget = new l({
-        container: this._basemapElement.value,
-        view: a,
-        source: e
+        filterFunction: this.basemapConfig ? (basemap) => {
+          return basemap?.portalItem?.id && this.basemapConfig ? !this.basemapConfig.basemapIdsToFilter.includes(basemap?.portalItem?.id) : true;
+        } : () => true
       });
+      await source.refresh();
+      if (!this.basemapWidget) {
+        this.basemapWidget = new BasemapGallery({
+          container: this._basemapElement.value,
+          view,
+          source
+        });
+      } else {
+        this.basemapWidget.view = view;
+        this.basemapWidget.source = source;
+      }
     }
   }
 }
-i("map-basemap-gallery", h);
+customElement("map-basemap-gallery", MapBasemapGallery);
 export {
-  h as MapBasemapGallery
+  MapBasemapGallery
 };

package/dist/components/map-card/customElement.d.ts

@@ -153,7 +153,7 @@ export abstract class MapCard extends LitElement {
   accessor mapInfos: IMapInfo[];
   /** Valid tools: 'legend', 'search', 'fullscreen', 'basemap', 'floorfilter', 'selectiontool' */
   accessor mapToolsOrder: string[];
-  /** esri/views/View: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
+  /** esri/views/View: https://next.gha.afd.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
   accessor mapView: __esri.MapView | undefined;
   /**
    * number: The placement index of the map widgets (legend, basemap, fullscreen etc). This index shows where to place the component relative to other components.
@@ -163,7 +163,7 @@ export abstract class MapCard extends LitElement {
    */
   accessor mapWidgetsIndex: number;
   /**
-   * __esri.UIPosition: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-ui-UI.html#UIPosition
+   * __esri.UIPosition: https://next.gha.afd.arcgis.com/javascript/latest/api-reference/esri-views-ui-UI.html#UIPosition
    * The position details for the map tools
    *
    * @default 'top-leading'
@@ -176,7 +176,7 @@ export abstract class MapCard extends LitElement {
    */
   accessor mapWidgetsSize: "l" | "m" | "s";
   /**
-   * __esri.UIPosition: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-ui-UI.html#UIPosition
+   * __esri.UIPosition: https://next.gha.afd.arcgis.com/javascript/latest/api-reference/esri-views-ui-UI.html#UIPosition
    * The position details for the mobile map tools
    *
    * @default 'top-right'