@esri/solutions-components 1.2.0-next.99 → 5.0.1

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

@@ -1,58 +1,42 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
 import { c as y } from "../../chunks/runtime.js";
-import { e as d, j as p, g as m } from "../../chunks/mapViewUtils.js";
-import * as l from "@arcgis/core/intl";
-import { u as L } from "../../chunks/useT9n.js";
-import { css as f, html as a } from "lit";
+import { d, a as m, c as p } from "../../chunks/mapViewUtils.js";
+import * as o from "@arcgis/core/intl";
+import { u as f } from "../../chunks/useT9n.js";
+import { css as L, html as a } from "lit";
 import { LitElement as u, createEvent as h, noShadowRoot as w } from "@arcgis/lumina";
 import * as g from "@arcgis/core/core/reactiveUtils";
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.98 */
-async function _(n, e) {
-  const { style: s = "decimal", places: t = 2 } = e || {}, i = l.convertNumberFormatToIntlOptions({
-    places: t,
+async function _(n, t) {
+  const { style: i = "decimal", places: e = 2 } = t || {}, s = o.convertNumberFormatToIntlOptions({
+    places: e,
     digitSeparator: !0
   });
-  return i.style = s, l.formatNumber(n, i);
+  return s.style = i, o.formatNumber(n, s);
 }
-const I = f`@layer{/** @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.
- */:host{display:block}.notice-msg{width:calc(100% - 20px);padding:10px}.layer-name{font-weight:500;word-break:break-word}.feature-count{padding:0 10px}}`;
-class x extends u {
+const x = L`@layer{:host{display:block}.notice-msg{width:calc(100% - 20px);padding:10px}.layer-name{font-weight:500;word-break:break-word}.feature-count{padding:0 10px}}`;
+class I extends u {
   constructor() {
-    super(), this.layers = [], this.showFeatureCount = !0, this.showNextIcon = !1, this.applyLayerViewFilter = !1, this.filterByMapExtent = !1, this._noLayersToDisplay = !1, this._mapLayerIds = [], this._isLoading = !1, this._translations = L({ name: "layer-list", blocking: !0 }), this.layerSelect = h(), this.layersListLoaded = h(), this.listenOn(window, "selectedLanguageUpdated", this.selectedLanguageUpdated);
+    super(), this.layers = [], this.showFeatureCount = !0, this.showNextIcon = !1, this.applyLayerViewFilter = !1, this.filterByMapExtent = !1, this._noLayersToDisplay = !1, this._mapLayerIds = [], this._isLoading = !1, this._translations = f({ name: "layer-list", blocking: !0 }), this.layerSelect = h(), this.layersListLoaded = h(), this.listenOn(window, "selectedLanguageUpdated", this.selectedLanguageUpdated);
   }
   static {
     this.properties = { mapView: 0, layers: 0, showFeatureCount: 5, showNextIcon: 5, applyLayerViewFilter: 5, filterByMapExtent: 5, _noLayersToDisplay: 16, _mapLayerIds: 16, _isLoading: 16, _translations: 16 };
   }
   static {
-    this.styles = I;
+    this.styles = x;
   }
   static {
     this.shadowRootOptions = w;
   }
-  willUpdate(e) {
-    e.has("filterByMapExtent") && this.hasUpdated && this.filterByMapExtentWatchHandler(this.filterByMapExtent);
+  willUpdate(t) {
+    t.has("filterByMapExtent") && this.hasUpdated && this.filterByMapExtentWatchHandler(this.filterByMapExtent);
   }
-  filterByMapExtentWatchHandler(e) {
-    e ? this.initializeMapExtentFilter() : this._filterByMapExtentHandle && this._filterByMapExtentHandle.remove();
+  filterByMapExtentWatchHandler(t) {
+    t ? this.initializeMapExtentFilter() : this._filterByMapExtentHandle && this._filterByMapExtentHandle.remove();
   }
   async refresh() {
     await this.setLayers();
   }
-  async selectedLanguageUpdated(e) {
+  async selectedLanguageUpdated(t) {
     await this.setLayers();
   }
   async load() {
@@ -75,30 +59,30 @@ class x extends u {
     this.mapView && (this._isLoading = !0, await this.initLayerHash(), this._isLoading = !1);
   }
   async initLayerHash() {
-    const e = [];
+    const t = [];
     if (this.mapView) {
       this._layerItemsHash = await d(this.mapView, !0);
-      const s = await p(this.mapView);
-      for (const t of s)
-        if (t?.type === "feature" && this.showFeatureCount) {
-          const i = t.createQuery();
-          if (t?.definitionExpression && (i.where = i.where + " AND " + t.definitionExpression), this.applyLayerViewFilter) {
-            const r = await m(this.mapView, t.id);
-            r?.filter?.where && (i.where = i.where ? i.where + " AND " + r.filter.where : r.filter.where);
+      const i = await m(this.mapView);
+      for (const e of i)
+        if (e?.type === "feature" && this.showFeatureCount) {
+          const s = e.createQuery();
+          if (e?.definitionExpression && (s.where = s.where + " AND " + e.definitionExpression), this.applyLayerViewFilter) {
+            const r = await p(this.mapView, e.id);
+            r?.filter?.where && (s.where = s.where ? s.where + " AND " + r.filter.where : r.filter.where);
           }
-          i.geometry = this.filterByMapExtent ? this.mapView.extent : null;
-          const o = t.queryFeatureCount(i);
-          e.push(o), o.then(async (r) => {
+          s.geometry = this.filterByMapExtent ? this.mapView.extent : null;
+          const l = e.queryFeatureCount(s);
+          t.push(l), l.then(async (r) => {
             const c = Number.isNaN(r) ? "" : await _(r, {
               places: 0,
               style: "decimal"
             });
-            this._layerItemsHash && (this._layerItemsHash[t.id].formattedFeatureCount = c);
+            this._layerItemsHash?.[e.id] && (this._layerItemsHash[e.id].formattedFeatureCount = c);
           });
         }
-      await Promise.all(e).then(() => {
-        const t = this._layerItemsHash && this.getLayersToBeShownInList(this._layerItemsHash);
-        this._mapLayerIds = t?.reverse() || [], this.handleNoLayersToDisplay();
+      await Promise.all(t).then(() => {
+        const e = this._layerItemsHash && this.getLayersToBeShownInList(this._layerItemsHash);
+        this._mapLayerIds = e?.reverse() || [], this.handleNoLayersToDisplay();
       }, () => {
         this._mapLayerIds = [], this.handleNoLayersToDisplay();
       });
@@ -107,33 +91,33 @@ class x extends u {
   handleNoLayersToDisplay() {
     this._noLayersToDisplay = !(this._mapLayerIds.length > 0), this.layersListLoaded.emit(this._mapLayerIds);
   }
-  getLayersToBeShownInList(e) {
-    const s = this.layers?.length > 0 ? this.layers : [];
-    return Object.keys(e).reduce((t, i) => (s.indexOf(i) > -1 && t.push(i), t), []);
+  getLayersToBeShownInList(t) {
+    const i = this.layers?.length > 0 ? this.layers : [];
+    return Object.keys(t).reduce((e, s) => (i.indexOf(s) > -1 && e.push(s), e), []);
   }
   renderLayerList() {
-    return this._mapLayerIds.length > 0 ? this._mapLayerIds.reduce((e, s) => {
-      if (this._layerItemsHash && this._layerItemsHash[s]) {
-        const t = this.getLayerListItem(s);
-        t && e.push(t);
+    return this._mapLayerIds.length > 0 ? this._mapLayerIds.reduce((t, i) => {
+      if (this._layerItemsHash && this._layerItemsHash[i]) {
+        const e = this.getLayerListItem(i);
+        e && t.push(e);
       }
-      return e;
+      return t;
     }, []) : void 0;
   }
-  getLayerListItem(e) {
-    const s = this._layerItemsHash && this._layerItemsHash[e].name, t = this._layerItemsHash && this._layerItemsHash[e].formattedFeatureCount;
+  getLayerListItem(t) {
+    const i = this._layerItemsHash && this._layerItemsHash[t].name, e = this._layerItemsHash && this._layerItemsHash[t].formattedFeatureCount;
     return a`<calcite-list-item @calciteListItemSelect=${() => {
-      this.onLayerItemSelected(e);
-    }}><div class="layer-name" slot=content-start>${s}</div>${this.showFeatureCount && t !== void 0 && t !== "" && a`<div class="feature-count" slot=content-end>${`(${t})`}</div>` || ""}${this.showNextIcon && a`<calcite-icon flip-rtl icon=chevron-right scale=s slot=content-end></calcite-icon>` || ""}</calcite-list-item>`;
+      this.onLayerItemSelected(t);
+    }}><div class="layer-name" slot=content-start>${i}</div>${this.showFeatureCount && e !== void 0 && e !== "" && a`<div class="feature-count" slot=content-end>${`(${e})`}</div>` || ""}${this.showNextIcon && a`<calcite-icon flip-rtl icon=chevron-right scale=s slot=content-end></calcite-icon>` || ""}</calcite-list-item>`;
   }
   getExtentNotice() {
     return a`<calcite-notice class="notice-msg" icon=extent-filter kind=brand open scale=s><div slot=message>${this._translations.extentFilterMsg}</div></calcite-notice>`;
   }
-  onLayerItemSelected(e) {
-    this._layerItemsHash && this.layerSelect.emit({ layerId: e, layerName: this._layerItemsHash[e]?.name });
+  onLayerItemSelected(t) {
+    this._layerItemsHash && this.layerSelect.emit({ layerId: t, layerName: this._layerItemsHash[t]?.name });
   }
 }
-y("layer-list", x);
+y("layer-list", I);
 export {
-  x as LayerList
+  I as LayerList
 };

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

@@ -1,6 +1 @@
-import "@esri/calcite-components/components/calcite-loader";
-import "@esri/calcite-components/components/calcite-notice";
-import "@esri/calcite-components/components/calcite-list";
-import "@esri/calcite-components/components/calcite-list-item";
-import "@esri/calcite-components/components/calcite-icon";
 export * from "./customElement.js";

package/dist/components/layer-list-widget/customElement.d.ts

@@ -1,23 +1,22 @@
-/// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference path="../../index.d.ts" />
-import { PropertyValues } from 'lit';
-import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
-import { VisibilityIconType } from '../../utils/interfaces';
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { VisibilityIconType } from "../../utils/interfaces.js";
 
-export declare class LayerListWidget extends LitElement {
-    /** esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
-    mapView: __esri.MapView | undefined;
-    /** arcgis/core/widgets/LayerList: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html */
-    layerListWidget: __esri.LayerList | undefined;
-    /**
-     * VisibilityIconType: visibility icon for the layer list widget
-     *
-     * @default 'eyeball'
-     */
-    visibilityIcon: VisibilityIconType;
-    /** Emitted on demand when the fullscreen widget state has changed */
-    readonly fullscreenStateChange: TargetedEvent<this, string>;
-    "@eventTypes": {
-        "fullscreenStateChange": LayerListWidget["fullscreenStateChange"]["detail"];
-    };
-}
+export abstract class LayerListWidget extends LitElement {
+  /** arcgis/core/widgets/LayerList: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList.html */
+  accessor layerListWidget: __esri.LayerList | undefined;
+  /** esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
+  accessor mapView: __esri.MapView | undefined;
+  /**
+   * VisibilityIconType: visibility icon for the layer list widget
+   *
+   * @default 'eyeball'
+   */
+  accessor visibilityIcon: VisibilityIconType;
+  /** Emitted on demand when the fullscreen widget state has changed */
+  readonly fullscreenStateChange: import("@arcgis/lumina").TargetedEvent<this, string>;
+  readonly "@eventTypes": {
+    fullscreenStateChange: LayerListWidget["fullscreenStateChange"]["detail"];
+  };
+}

package/dist/components/layer-list-widget/customElement.js

@@ -1,34 +1,18 @@
-import { c as e } from "../../chunks/runtime.js";
-import { css as t, html as s } from "lit";
-import { LitElement as a, createEvent as n } from "@arcgis/lumina";
-import r from "@arcgis/core/widgets/LayerList";
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.98 */
-const c = t`/** @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.
- */:host{display:block}`;
-class l extends a {
+/* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
+import { c as t } from "../../chunks/runtime.js";
+import { css as e, html as s } from "lit";
+import { LitElement as a, createEvent as c } from "@arcgis/lumina";
+import l from "@arcgis/core/widgets/LayerList";
+const r = e`:host{display:block}`;
+class n extends a {
   constructor() {
-    super(...arguments), this.visibilityIcon = "eyeball", this.fullscreenStateChange = n();
+    super(...arguments), this.visibilityIcon = "eyeball", this.fullscreenStateChange = c();
   }
   static {
     this.properties = { mapView: 0, layerListWidget: 0, visibilityIcon: 1 };
   }
   static {
-    this.styles = c;
+    this.styles = r;
   }
   willUpdate(i) {
     i.has("mapView") && this.mapViewWatchHandler(), i.has("visibilityIcon") && this.visibilityIconWatchHandler();
@@ -51,13 +35,13 @@ class l extends a {
     await this._initLayerListWidget();
   }
   async _initLayerListWidget() {
-    this.mapView && (this.layerListWidget = new r({
+    this.mapView && (this.layerListWidget = new l({
       view: this.mapView,
       visibilityAppearance: this.visibilityIcon === "checkbox" ? "checkbox" : "default"
     }));
   }
 }
-e("layer-list-widget", l);
+t("layer-list-widget", n);
 export {
-  l as LayerListWidget
+  n as LayerListWidget
 };