@esri/solutions-components 1.2.0-next.3 → 1.2.0-next.31

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

@@ -8,7 +8,7 @@ import { createRef as f, ref as d } from "lit-html/directives/ref.js";
 import { LitElement as v, createEvent as g, noShadowRoot as F, safeClassMap as b, safeStyleMap as E } from "@arcgis/lumina";
 /*! 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.3 */
+v1.2.0-next.31 */
 const S = L`@layer{/** @license
  * Copyright 2025 Esri
  *
@@ -84,13 +84,12 @@ class C extends v {
     return l`<calcite-panel>${t && l`<calcite-input class=search clearable icon=search @calciteInputChange=${this._searchTextChanged} .placeholder=${this._searchPlaceHolder} title type=search></calcite-input>` || ""}${this._isLoading && l`<calcite-loader label scale=m></calcite-loader>` || ""}${this.showErrorWhenNoFeatures && this._featureItems.length === 0 && !this._isLoading && l`<calcite-notice class="notice-msg" icon=feature-details kind=info open><div slot=message>${this.filterByMapExtent ? this._translations.featureErrorMsgInCurrentMapView : this.noFeaturesFoundMsg ? this.noFeaturesFoundMsg : this._translations.featureErrorMsg}</div></calcite-notice>` || ""}<calcite-list class=${b(this.textSize === "small" && !this.showFullTitle ? "overflow-hidden" : "")} label selection-appearance=border selection-mode=none ${d(this._calciteList)}>${!this._isLoading && this._featureItems.length > 0 && l`<div>${this.filterByMapExtent && this.getExtentNotice() || ""}${this._featureItems}</div>` || ""}</calcite-list>${this.pageSize && this._featuresCount > this.pageSize && l`<div class="width-full" slot=footer><calcite-pagination class="pagination" @calcitePaginationChange=${this.pageChanged} .pageSize=${this.pageSize} start-item=1 .totalItems=${this._featuresCount} ${d(this._pagination)}></calcite-pagination></div>` || ""}</calcite-panel>`;
   }
   async initModules() {
-    const [t, e, s, i] = await y([
-      "esri/Color",
+    const [t, e, i] = await y([
       "esri/config",
       "esri/symbols/support/symbolUtils",
       "esri/core/reactiveUtils"
     ]);
-    this.Color = t, this.esriConfig = e, this.symbolUtils = s, this.reactiveUtils = i;
+    this.esriConfig = t, this.symbolUtils = e, this.reactiveUtils = i;
   }
   async getWhereCondition() {
     let t = "1=1";
@@ -130,14 +129,14 @@ class C extends v {
       const t = this._selectedLayer.indexes?.filter((e) => e.indexType == "FullText");
       if (t?.length) {
         const e = [];
-        t.forEach((i) => {
-          e.push(...i.fields.split(","));
+        t.forEach((s) => {
+          e.push(...s.fields.split(","));
         });
-        const s = [];
-        e.forEach((i) => {
-          const a = this._selectedLayer?.getField(i.trim());
-          s.push(a?.alias || "");
-        }), this._searchPlaceHolder = this._translations.searchPlaceholder ? this._translations.searchPlaceholder.replace("{{field_names}}", s.join(", ")) : "", this._fullTextSearchInfo.push({
+        const i = [];
+        e.forEach((s) => {
+          const a = this._selectedLayer?.getField(s.trim());
+          i.push(a?.alias || "");
+        }), this._searchPlaceHolder = this._translations.searchPlaceholder ? this._translations.searchPlaceholder.replace("{{field_names}}", i.join(", ")) : "", this._fullTextSearchInfo.push({
           onFields: ["*"],
           searchTerm: "",
           searchType: "prefix"
@@ -163,8 +162,8 @@ class C extends v {
     if (this._selectedLayer) {
       const e = this._selectedLayer.definitionExpression;
       if (t?.length) {
-        const s = `objectId in(${t})`;
-        this._selectedLayer.definitionExpression = this._searchExpression && e && e?.indexOf(this._searchExpression) > -1 ? e.replace(this._searchExpression, s) : e ? `${e} AND (${s})` : s, this._searchExpression = s;
+        const i = `objectId in(${t})`;
+        this._selectedLayer.definitionExpression = this._searchExpression && e && e?.indexOf(this._searchExpression) > -1 ? e.replace(this._searchExpression, i) : e ? `${e} AND (${i})` : i, this._searchExpression = i;
       } else
         this._clearSearchDefinitionExpression();
     }
@@ -178,25 +177,25 @@ class C extends v {
   }
   async featureClicked(t, e) {
     if (this.featureClick.emit(), this.clearHighlights(), this.highlightOnMap) {
-      const s = Number(t.target.value), i = this.mapView && await c(this.mapView, this.selectedLayerId);
-      this._highlightHandle = i && this.mapView ? await _([s], i, this.mapView, !0) : void 0;
+      const i = Number(t.target.value), s = this.mapView && await c(this.mapView, this.selectedLayerId);
+      this._highlightHandle = s && this.mapView ? await _([i], s, this.mapView, !0) : void 0;
     }
     await this.emitSelectedFeature(e);
   }
   async emitSelectedFeature(t) {
-    const e = t.layer, s = e.createQuery();
-    s.returnGeometry = !0;
-    const i = Number(t.getObjectId());
-    if (!Number.isNaN(i) && s) {
-      s.objectIds = [i];
-      const a = await e.queryFeatures(s);
+    const e = t.layer, i = e.createQuery();
+    i.returnGeometry = !0;
+    const s = Number(t.getObjectId());
+    if (!Number.isNaN(s) && i) {
+      i.objectIds = [s];
+      const a = await e.queryFeatures(i);
       this.featureSelect.emit(a.features[0]);
     }
   }
   async onFeatureHover(t) {
     if (this.clearHighlights(), this.highlightOnHover) {
-      const e = Number(t.getObjectId()), s = this.mapView && await c(this.mapView, this.selectedLayerId);
-      s && (this._highlightHandle = s.highlight([e], { name: "temporary" }));
+      const e = Number(t.getObjectId()), i = this.mapView && await c(this.mapView, this.selectedLayerId);
+      i && (this._highlightHandle = i.highlight([e], { name: "temporary" }));
     }
   }
   clearHighlights() {
@@ -205,7 +204,7 @@ class C extends v {
   async queryPage(t) {
     const e = this._selectedLayer;
     if (e) {
-      const s = this.sortingInfo?.field ? this.sortingInfo.field : e.objectIdField, i = this.sortingInfo?.order ? this.sortingInfo.order : "desc", a = await this.getWhereCondition(), r = {
+      const i = this.sortingInfo?.field ? this.sortingInfo.field : e.objectIdField, s = this.sortingInfo?.order ? this.sortingInfo.order : "desc", a = await this.getWhereCondition(), r = {
         start: t,
         num: this.pageSize,
         outFields: ["*"],
@@ -214,19 +213,19 @@ class C extends v {
         outSpatialReference: this.mapView?.spatialReference.toJSON(),
         geometry: this.filterByMapExtent ? this.mapView?.extent : null
       };
-      s && i && (r.orderByFields = [s.toString() + " " + i]);
+      i && s && (r.orderByFields = [i.toString() + " " + s]);
       const n = await e.queryFeatures(r);
       return await this.createFeatureItem(n);
     } else
       return;
   }
   async createFeatureItem(t) {
-    const e = t?.features, s = this.reportingOptions && this.reportingOptions[this.selectedLayerId].like, i = e.map(async (a) => {
+    const e = t?.features, i = this.reportingOptions && this.reportingOptions[this.selectedLayerId].like, s = e.map(async (a) => {
       const r = this.mapView?.map && await this._popupUtils?.getPopupTitle(a, this.mapView.map) || "";
       let n, o;
-      return this.showUserImageInList && this._selectedLayer?.editFieldsInfo?.creatorField && (n = await this.getUserInformation(a)), this.showFeatureSymbol && (o = await this.getFeatureSymbol(a)), s && this.getAbbreviatedLikeCount(a), this.getFeatureItem(a, r, o, n);
+      return this.showUserImageInList && this._selectedLayer?.editFieldsInfo?.creatorField && (n = await this.getUserInformation(a)), this.showFeatureSymbol && (o = await this.getFeatureSymbol(a)), i && this.getAbbreviatedLikeCount(a), this.getFeatureItem(a, r, o, n);
     });
-    return Promise.all(i);
+    return Promise.all(s);
   }
   getExtentNotice() {
     return l`<calcite-notice class="notice-msg" icon=extent-filter kind=brand open scale=s><div slot=message>${this._translations.extentFilterMsg}</div></calcite-notice>`;
@@ -234,17 +233,17 @@ class C extends v {
   getAbbreviatedLikeCount(t) {
     const e = this._selectedLayer;
     if (e) {
-      const s = this.reportingOptions && this.reportingOptions[e.id].likeField;
-      e.fields.forEach((i) => {
-        if (this._validFieldTypes.indexOf(i.type) > -1 && i.name === s && this.reportingOptions && this.reportingOptions[e.id].like) {
+      const i = this.reportingOptions && this.reportingOptions[e.id].likeField;
+      e.fields.forEach((s) => {
+        if (this._validFieldTypes.indexOf(s.type) > -1 && s.name === i && this.reportingOptions && this.reportingOptions[e.id].like) {
           this._likeFieldAvailable = !0;
-          let a = t.attributes[s] || 0;
+          let a = t.attributes[i] || 0;
           a > 999 && this._translations.millions_value && this._translations.thousands_value && (a = a > 999999 ? this._translations.millions_value.replace("{{millions_value}}", Math.floor(a / 1e6).toString()) : this._translations.thousands_value.replace("{{thousands_value}}", Math.floor(a / 1e3).toString())), this._abbreviatedLikeCount = a;
         }
       });
     }
   }
-  getFeatureItem(t, e, s, i) {
+  getFeatureItem(t, e, i, s) {
     if (this._selectedLayer?.id && this._calciteList.value) {
       const a = t.attributes[this._selectedLayer.objectIdField].toString();
       e = e ?? a;
@@ -255,7 +254,7 @@ class C extends v {
         this.onFeatureHover(t);
       }} @calciteListItemSelect=${(h) => {
         this.featureClicked(h, t);
-      }} .value=${a}>${this.showUserImageInList && l`<calcite-avatar class=profile-img .fullName=${i?.fullName} scale=m slot=content-start .thumbnail=${i?.userProfileUrl} .userId=${i?.id} .username=${i?.fullName ? i.username : void 0}></calcite-avatar>` || ""}${this.showFeatureSymbol && s && l`<div class=feature-symbol slot=content-start ${d((h) => h && h.replaceChildren(s))}></div>` || ""}<div class=${`popup-title ${n}`} slot=content-start style=${E({ maxWidth: this.textSize === "large" ? "none" : `${p}px` })}>${e}</div>${this._likeFieldAvailable && l`<div class=like-container id=${a.concat("like") ?? I} slot=content-end><span>${this._abbreviatedLikeCount}</span><calcite-icon icon=thumbs-up scale=s></calcite-icon><calcite-tooltip overlay-positioning=fixed placement=top .referenceElement=${a.concat("like")}>${r}</calcite-tooltip></div>` || ""}<calcite-icon flip-rtl icon=chevron-right scale=s slot=content-end></calcite-icon></calcite-list-item>`;
+      }} .value=${a}>${this.showUserImageInList && l`<calcite-avatar class=profile-img .fullName=${s?.fullName} scale=m slot=content-start .thumbnail=${s?.userProfileUrl} .userId=${s?.id} .username=${s?.fullName ? s.username : void 0}></calcite-avatar>` || ""}${this.showFeatureSymbol && i && l`<div class=feature-symbol slot=content-start ${d((h) => h && h.replaceChildren(i))}></div>` || ""}<div class=${`popup-title ${n}`} slot=content-start style=${E({ maxWidth: this.textSize === "large" ? "none" : `${p}px` })}>${e}</div>${this._likeFieldAvailable && l`<div class=like-container id=${a.concat("like") ?? I} slot=content-end><span>${this._abbreviatedLikeCount}</span><calcite-icon icon=thumbs-up scale=s></calcite-icon><calcite-tooltip overlay-positioning=fixed placement=top .referenceElement=${a.concat("like")}>${r}</calcite-tooltip></div>` || ""}<calcite-icon flip-rtl icon=chevron-right scale=s slot=content-end></calcite-icon></calcite-list-item>`;
     } else
       return;
   }
@@ -263,25 +262,25 @@ class C extends v {
     let e = this._selectedLayer?.editFieldsInfo?.creatorField;
     if (e) {
       t.attributes.hasOwnProperty(e.toLowerCase()) ? e = e.toLowerCase() : t.attributes.hasOwnProperty(e.toUpperCase()) && (e = e.toUpperCase());
-      let s = `${this.esriConfig?.portalUrl}/sharing/rest/community/users/${t.attributes[e]}?f=json&returnUserLicensedItems=true`;
-      const i = this.mapView?.map?.portalItem.portal?.credential?.token;
-      i && (s += `&token=${i}`);
-      const r = await (await fetch(s)).json(), n = r?.username ?? t.attributes[e];
+      let i = `${this.esriConfig?.portalUrl}/sharing/rest/community/users/${t.attributes[e]}?f=json&returnUserLicensedItems=true`;
+      const s = this.mapView?.map?.portalItem.portal?.credential?.token;
+      s && (i += `&token=${s}`);
+      const r = await (await fetch(i)).json(), n = r?.username ?? t.attributes[e];
       let o = `${this.esriConfig?.portalUrl}/sharing/rest/community/users/${n}/info/blob.png`;
-      return r?.access && i && (o += `?token=${i}`), r.userProfileUrl = o, r;
+      return r?.access && s && (o += `?token=${s}`), r.userProfileUrl = o, r;
     } else
       return;
   }
   async getFeatureSymbol(t) {
     const e = document.createElement("div");
-    return await this.symbolUtils?.getDisplayedSymbol(t).then(async (s) => {
-      if (s && await this.symbolUtils?.renderPreviewHTML(s, {
+    return await this.symbolUtils?.getDisplayedSymbol(t).then(async (i) => {
+      if (i && await this.symbolUtils?.renderPreviewHTML(i, {
         node: e
       }), e.children?.length) {
-        const i = e.children[0];
-        if (i) {
-          const a = Number(i.getAttribute("height")), r = Number(i.getAttribute("width"));
-          r > 30 && (e.setAttribute("width", "30"), i.setAttribute("width", "30")), a > 30 && (e.setAttribute("height", "30"), i.setAttribute("height", "30")), i.setAttribute("viewBox", `0 0 ${r} ${a}`), e.setAttribute("viewBox", `0 0 ${r} ${a}`);
+        const s = e.children[0];
+        if (s) {
+          const a = Number(s.getAttribute("height")), r = Number(s.getAttribute("width"));
+          r > 30 && (e.setAttribute("width", "30"), s.setAttribute("width", "30")), a > 30 && (e.setAttribute("height", "30"), s.setAttribute("height", "30")), s.setAttribute("viewBox", `0 0 ${r} ${a}`), e.setAttribute("viewBox", `0 0 ${r} ${a}`);
         }
       }
     }), e;

package/dist/components/field-selection/customElement.js

@@ -5,7 +5,7 @@ import { u as _ } from "../../chunks/useT9n.js";
 import { LitElement as T } from "@arcgis/lumina";
 /*! 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.3 */
+v1.2.0-next.31 */
 const v = b`/** @license
  * Copyright 2025 Esri
  *

package/dist/components/floor-filter/customElement.js

@@ -5,7 +5,7 @@ import { createRef as n, ref as h } from "lit-html/directives/ref.js";
 import { LitElement as d, createEvent as s } from "@arcgis/lumina";
 /*! 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.3 */
+v1.2.0-next.31 */
 const c = o`/** @license
  * Copyright 2025 Esri
  *

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

@@ -1,6 +1,5 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference path="../../index.d.ts" />
-import { IPopupUtils } from '../../utils/interfaces';
 import { PropertyValues } from 'lit';
 import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
 

package/dist/components/info-card/customElement.js

@@ -6,7 +6,7 @@ import { css as b, nothing as m, html as s } from "lit";
 import { LitElement as v, createEvent as r, noShadowRoot as y, safeStyleMap as F, safeClassMap as i } from "@arcgis/lumina";
 /*! 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.3 */
+v1.2.0-next.31 */
 const $ = b`@layer{/** @license
  * Copyright 2025 Esri
  *
@@ -21,7 +21,7 @@ const $ = b`@layer{/** @license
  * 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;--calcite-label-margin-bottom: 0}.padding-1-2{padding:.5rem}.display-none{display:none!important}.display-flex{display:flex}.position-absolute{position:absolute;inset:0;overflow:auto}.feature-node{position:relative!important}.feature-node .esri-features__footer{display:none!important}.button-container{justify-content:center;align-items:center}.top-border{border-top:1px solid var(--calcite-color-border-1)}.width-100{width:100%}.esri-features__container{padding:.5rem!important;background-color:var(--calcite-color-foreground-1)!important;height:100%!important}.overflow-hidden{overflow:hidden}.height-40{height:40px}.end-border{border-inline-end:1px solid var(--calcite-color-border-1)}.font-bold{font-weight:700}.z-index-1{z-index:1}.visibility-hidden{visibility:hidden;height:0px}.padding-inline-start-1{padding-inline-start:1rem}.border-width-0{border-width:0px}.pagination-action{position:relative;left:3px}.pagination-count{color:var(--calcite-color-brand);border-bottom:1px solid var(--calcite-color-brand);font-weight:700}}`;
+ */:host{display:block;--calcite-label-margin-bottom: 0}.padding-1-2{padding:.5rem}.display-none{display:none!important}.display-flex{display:flex}.position-absolute{position:absolute;inset:0;overflow:auto}.feature-node{position:relative!important}.feature-node .esri-features__footer{display:none!important}.button-container{justify-content:center;align-items:center}.top-border{border-top:1px solid var(--calcite-color-border-1)}.width-100{width:100%}.esri-features__container{padding:.5rem!important;background-color:var(--calcite-color-foreground-1)!important;height:100%!important}.end-border{border-inline-end:1px solid var(--calcite-color-border-1)}.font-bold{font-weight:700}.z-index-1{z-index:1}.visibility-hidden{visibility:hidden;height:0px}.padding-inline-start-1{padding-inline-start:1rem}.border-width-0{border-width:0px}.pagination-action{position:relative;left:3px}.pagination-count{color:var(--calcite-color-brand);border-bottom:1px solid var(--calcite-color-brand);font-weight:700}}`;
 class x extends v {
   constructor() {
     super(), this.enableEditGeometry = !1, this.enableSnapping = !1, this.graphics = [], this.isLoading = !1, this.isMobile = !1, this.allowEditing = !1, this.highlightEnabled = !0, this.paginationEnabled = !0, this.position = "absolute", this.showCloseBtn = !1, this._alertOpen = !1, this._count = "", this._editRecordOpen = !1, this._isMultipleEdits = !1, this._mobileTitle = "", this._showListView = !1, this._translations = w({ name: "info-card", blocking: !0 }), this._navigatedToRelatedFeature = !1, this._editEnabled = !1, this._featuresNodeId = `features-node${(/* @__PURE__ */ new Date()).getMilliseconds().toString()}`, this.popupClosed = r(), this.clearSelection = r(), this.selectionChanged = r(), this.listenOn(window, "closeEdit", this.closeEdit), this.listenOn(window, "layerSelectionChange", this.layerSelectionChange), this.listenOn(window, "refreshGraphics", this.refreshGraphics), this.listenOn(window, "editMultipleFeatures", this.editMultipleFeatures), this.listenOn(window, "selectedLanguageUpdated", this.selectedLanguageUpdated);

package/dist/components/json-editor/customElement.js

@@ -4,7 +4,7 @@ import { u } from "../../chunks/useT9n.js";
 import { LitElement as p, noShadowRoot as f, nothing as s } from "@arcgis/lumina";
 /*! 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.3 */
+v1.2.0-next.31 */
 const _ = c`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -1,6 +1,5 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference path="../../index.d.ts" />
-import { ILayerItemsHash } from '../../utils/interfaces';
 import { PropertyValues } from 'lit';
 import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
 

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

@@ -6,7 +6,7 @@ import { css as f, html as r } from "lit";
 import { LitElement as w, createEvent as c, noShadowRoot as g } from "@arcgis/lumina";
 /*! 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.3 */
+v1.2.0-next.31 */
 async function _(o, e) {
   const { api: s = 4, type: t = "decimal", places: i = 2 } = e || {};
   if (s === 4) {

package/dist/components/layer-table/customElement.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference path="../../index.d.ts" />
-import { AppLayout, IColumnsInfo, IDeleteIds, ILayerDef, IMapClick, IMapInfo, IToolInfo, TooltipPlacement } from '../../utils/interfaces';
-import { LayerExpression } from '@arcgis/instant-apps-components';
+import { AppLayout, IDeleteIds, IMapInfo, IToolInfo } from '../../utils/interfaces';
 import { PropertyValues } from 'lit';
 import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
 

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

@@ -3,16 +3,17 @@ import { l as w } from "../../chunks/loadModules.js";
 import { b as y, d as I, g as T } from "../../chunks/mapViewUtils.js";
 import { c as v } from "../../chunks/queryUtils.js";
 import { d as E } from "../../chunks/downloadUtils.js";
-import { B as b } from "../../chunks/interfaces.js";
+import { B as p } from "../../chunks/interfaces.js";
 import { defineCustomElements as x } from "@arcgis/instant-apps-components/loader";
 import { u as F } from "../../chunks/useT9n.js";
 import { css as S, html as o, nothing as c } from "lit";
-import { createRef as u, ref as p } from "lit-html/directives/ref.js";
-import { LitElement as O, createEvent as _, noShadowRoot as C, safeClassMap as g } from "@arcgis/lumina";
+import { createRef as g, ref as u } from "lit-html/directives/ref.js";
+import { LitElement as O, createEvent as _, noShadowRoot as C, safeClassMap as b } from "@arcgis/lumina";
+import { f as A } from "../../chunks/helpers.js";
 /*! 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.3 */
-const A = S`@layer{/** @license
+v1.2.0-next.31 */
+const H = S`@layer{/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -26,16 +27,16 @@ const A = S`@layer{/** @license
  * 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}.height-full{height:100%}.height-full-adjusted{height:calc(100% - 20px)}.width-full{width:100%}.display-flex{display:flex}.display-none{display:none}.table-border{border:1px solid var(--calcite-color-border-2)}.border-end{border-inline-end:1px solid var(--calcite-color-border-2)}.border-bottom{border-bottom:1px solid var(--calcite-color-border-2)}.padding-5{padding:5px}.padding-end-1{padding-inline-end:1rem}.height-51-px{height:51px}.height-50-px{height:50px}.bottom-left{position:absolute;left:0;bottom:0;padding-left:5px}html[dir=rtl] .bottom-left{position:absolute;right:0;bottom:0;padding-right:5px}.height-19{height:19px}.background{background-color:var(--calcite-color-background)}.text-color{color:var(--calcite-color-text-1)}.align-center{align-items:center}.danger-color{color:var(--calcite-color-status-danger)}.esri-feature-table vaadin-grid{border:none!important}vaadin-grid-cell-content{font-size:14px!important;color:var(--calcite-color-text-3)!important}.absolute-right{position:absolute;right:0;left:unset}html[dir=rtl] .absolute-right{left:0;right:unset}.disabled{cursor:default!important;user-select:none;opacity:var(--calcite-opacity-disabled);pointer-events:none}.actions-end{height:50px!important;display:inline-flex}.border-top{border-top:1px solid var(--calcite-color-border-2)}.modal{--calcite-modal-content-padding: 0}.esri-feature-table__table-container{height:100%}.search-container{background-color:var(--calcite-color-foreground-1)!important}.search{--calcite-color-border-input: var(--calcite-color-border-3);width:60%;padding:10px}.delete-red{--calcite-icon-color: var(--calcite-color-status-danger);--calcite-color-text-1: var(--calcite-color-status-danger);--calcite-color-text-3: var(--calcite-color-status-danger)}.label-override{white-space:nowrap}.padding-start-1-4{padding-inline-start:.5rem}.panel-header-override{--calcite-panel-header-content-space: 0px}.danger-label-color{color:var(--calcite-color-status-danger)}.danger-icon-color{--calcite-icon-color: var(--calcite-color-status-danger)}.width-51{width:51px}.height-51{height:51px}}`;
-class H extends O {
+ */:host{display:block}.height-full{height:100%}.height-full-adjusted{height:calc(100% - 20px)}.width-full{width:100%}.display-flex{display:flex}.display-none{display:none}.table-border{border:1px solid var(--calcite-color-border-2)}.border-end{border-inline-end:1px solid var(--calcite-color-border-2)}.border-bottom{border-bottom:1px solid var(--calcite-color-border-2)}.padding-5{padding:5px}.padding-end-1{padding-inline-end:1rem}.height-51-px{height:51px}.height-50-px{height:50px}.bottom-left{position:absolute;left:0;bottom:0;padding-left:5px}html[dir=rtl] .bottom-left{position:absolute;right:0;bottom:0;padding-right:5px}.height-19{height:19px}.background{background-color:var(--calcite-color-background)}.text-color{color:var(--calcite-color-text-1)}.align-center{align-items:center}.danger-color{color:var(--calcite-color-status-danger)}.esri-feature-table vaadin-grid{border:none!important}vaadin-grid-cell-content{font-size:14px!important;color:var(--calcite-color-text-3)!important}.absolute-right{position:absolute;right:0;left:unset}html[dir=rtl] .absolute-right{left:0;right:unset}.disabled{cursor:default!important;user-select:none;opacity:var(--calcite-opacity-disabled);pointer-events:none}.actions-end{height:50px!important;display:inline-flex}.border-top{border-top:1px solid var(--calcite-color-border-2)}.modal{--calcite-dialog-content-space: 0}.esri-feature-table__table-container{height:100%}.search-container{background-color:var(--calcite-color-foreground-1)!important}.search{--calcite-color-border-input: var(--calcite-color-border-3);width:60%;padding:10px}.delete-red{--calcite-icon-color: var(--calcite-color-status-danger);--calcite-color-text-1: var(--calcite-color-status-danger);--calcite-color-text-3: var(--calcite-color-status-danger)}.label-override{white-space:nowrap}.padding-start-1-4{padding-inline-start:.5rem}.panel-header-override{--calcite-panel-header-content-space: 0px}.danger-label-color{color:var(--calcite-color-status-danger)}.danger-icon-color{--calcite-icon-color: var(--calcite-color-status-danger)}.width-51{width:51px}.height-51{height:51px}}`;
+class L extends O {
   constructor() {
-    super(), this.defaultGlobalId = [], this.defaultLayerId = "", this.defaultOid = [], this.enableAutoRefresh = !1, this.enableColumnReorder = !0, this.enableCSV = !1, this.enableInlineEdit = !1, this.enableShare = !1, this.featureSelectionMode = "multiple", this.selectedRelatedIds = [], this.honorMapFieldSettings = !1, this.isMobile = !1, this.mapHidden = !1, this.showOnlyUpdatableLayers = !1, this.selectedIds = [], this.shareIncludeEmbed = !1, this.shareIncludeSocial = !1, this.showNewestFirst = !1, this.zoomAndScrollToSelected = !1, this._allIds = [], this._csvExporting = !1, this._fetchingData = !1, this._hideTable = !1, this._filterActive = !1, this._selectAllActive = !1, this._showHideOpen = !1, this._showOnlySelected = !1, this._toolInfos = [], this._translations = F({ name: "layer-table", blocking: !0 }), this._fullTextSearchInfo = [], this._searchPlaceHolder = "", this._size = 0, this._queryingData = !1, this._editEnabled = !1, this._enabledLayerIds = [], this._defaultFilterHonored = !1, this._defaultGlobalIdHonored = !1, this._defaultOidHonored = !1, this._definitionExpression = "", this._deleteEnabled = !1, this._filterList = u(), this._floorExpression = "", this._floorField = "", this._floorFacility = "", this._floorLevel = "", this._floorSite = "", this._layerExpressions = [], this._loaded = !1, this._shareNode = u(), this._toolbar = u(), this._searchExpression = "", this._skipEditCheck = !1, this._tempSelectedIds = [], this._outOFExtentOids = [], this._shouldUpdateTableOnExtentChange = !0, this._creatingFeature = !1, this._searchNode = u(), this.columnReorder = _(), this.featureSelectionChange = _(), this.toggleFilter = _(), this.showDelete = _(), this.relatedRecordToggled = _(), this.editMultipleFeatures = _(), this.listenOn(window, "beforeMapInfoChange", this.beforeMapInfoChange, { capture: !0 }), this.listenOn(window, "editorInitialized", this.editorInitialized), this.listenOn(window, "closeEdit", this.closeEdit), this.listenOn(window, "selectionChanged", this.selectionChanged), this.listenOn(window, "beforeLayerSelectionChange", this.beforeLayerSelectionChange), this.listenOn(window, "layerSelectionChange", this.layerSelectionChange), this.listenOn(window, "editsComplete", this.editsComplete), this.listenOn(window, "facilityChanged", this.facilityChanged), this.listenOn(window, "levelChanged", this.levelChanged), this.listenOn(window, "siteChanged", this.siteChanged), this.listenOn(window, "noLayersFound", this.noLayersFound), this.listenOn(window, "clearSelection", this.clearSelection), this.listenOn(window, "mapChanged", this.mapChanged), this.listenOn(window, "featuresSelected", this.featuresSelected), this.listenOn(window, "createWorkFlowStarted", this.createWorkFlowStarted), this.listenOn(window, "backFromCreateWorkFlow", this.backFromCreateWorkFlow), x(window);
+    super(), this.defaultGlobalId = [], this.defaultLayerId = "", this.defaultOid = [], this.enableAutoRefresh = !1, this.enableColumnReorder = !0, this.enableCSV = !1, this.enableInlineEdit = !1, this.enableShare = !1, this.featureSelectionMode = "multiple", this.selectedRelatedIds = [], this.honorMapFieldSettings = !1, this.isMobile = !1, this.mapHidden = !1, this.showOnlyUpdatableLayers = !1, this.selectedIds = [], this.shareIncludeEmbed = !1, this.shareIncludeSocial = !1, this.showNewestFirst = !1, this.zoomAndScrollToSelected = !1, this._allIds = [], this._configLayerOrderDefined = !1, this._csvExporting = !1, this._fetchingData = !1, this._hideTable = !1, this._filterActive = !1, this._selectAllActive = !1, this._showHideOpen = !1, this._showOnlySelected = !1, this._toolInfos = [], this._translations = F({ name: "layer-table", blocking: !0 }), this._fullTextSearchInfo = [], this._searchPlaceHolder = "", this._size = 0, this._queryingData = !1, this._editEnabled = !1, this._enabledLayerIds = [], this._defaultGlobalIdHonored = !1, this._defaultOidHonored = !1, this._deleteEnabled = !1, this._floorExpression = "", this._floorField = "", this._floorLevel = "", this._loaded = !1, this._shareNode = g(), this._toolbar = g(), this._searchExpression = "", this._skipEditCheck = !1, this._tempSelectedIds = [], this._outOFExtentOids = [], this._shouldUpdateTableOnExtentChange = !0, this._creatingFeature = !1, this._searchNode = g(), this.columnReorder = _(), this.featureSelectionChange = _(), this.toggleFilter = _(), this.showDelete = _(), this.relatedRecordToggled = _(), this.editMultipleFeatures = _(), this.listenOn(window, "beforeMapInfoChange", this.beforeMapInfoChange, { capture: !0 }), this.listenOn(window, "editorInitialized", this.editorInitialized), this.listenOn(window, "closeEdit", this.closeEdit), this.listenOn(window, "selectionChanged", this.selectionChanged), this.listenOn(window, "beforeLayerSelectionChange", this.beforeLayerSelectionChange), this.listenOn(window, "layerSelectionChange", this.layerSelectionChange), this.listenOn(window, "editsComplete", this.editsComplete), this.listenOn(window, "facilityChanged", this.facilityChanged), this.listenOn(window, "levelChanged", this.levelChanged), this.listenOn(window, "siteChanged", this.siteChanged), this.listenOn(window, "noLayersFound", this.noLayersFound), this.listenOn(window, "clearSelection", this.clearSelection), this.listenOn(window, "mapChanged", this.mapChanged), this.listenOn(window, "featuresSelected", this.featuresSelected), this.listenOn(window, "createWorkFlowStarted", this.createWorkFlowStarted), this.listenOn(window, "backFromCreateWorkFlow", this.backFromCreateWorkFlow), x(window);
   }
   static {
-    this.properties = { appLayout: 1, defaultGlobalId: 0, defaultLayerId: 1, defaultOid: 0, enableAutoRefresh: 5, enableColumnReorder: 5, enableCSV: 5, enableInlineEdit: 5, enableShare: 5, featureSelectionMode: 1, selectedRelatedIds: 0, honorMapFieldSettings: 5, isMobile: 5, mapHidden: 5, mapInfo: 0, mapView: 0, showOnlyUpdatableLayers: 5, selectedIds: 0, shareIncludeEmbed: 5, shareIncludeSocial: 5, showNewestFirst: 5, zoomAndScrollToSelected: 5, zoomToScale: 9, _allIds: 16, _csvExporting: 16, _fetchingData: 16, _hideTable: 16, _filterActive: 16, _layer: 16, _selectAllActive: 16, _showHideOpen: 16, _showOnlySelected: 16, _toolInfos: 16, _translations: 16, _fullTextSearchInfo: 16, _searchPlaceHolder: 16, _size: 16, _queryingData: 16 };
+    this.properties = { appLayout: 1, defaultGlobalId: 0, defaultLayerId: 1, defaultOid: 0, enableAutoRefresh: 5, enableColumnReorder: 5, enableCSV: 5, enableInlineEdit: 5, enableShare: 5, featureSelectionMode: 1, selectedRelatedIds: 0, honorMapFieldSettings: 5, isMobile: 5, mapHidden: 5, mapInfo: 0, mapView: 0, showOnlyUpdatableLayers: 5, selectedIds: 0, shareIncludeEmbed: 5, shareIncludeSocial: 5, showNewestFirst: 5, zoomAndScrollToSelected: 5, zoomToScale: 9, _allIds: 16, _configLayerOrderDefined: 16, _csvExporting: 16, _fetchingData: 16, _hideTable: 16, _filterActive: 16, _layer: 16, _selectAllActive: 16, _showHideOpen: 16, _showOnlySelected: 16, _toolInfos: 16, _translations: 16, _fullTextSearchInfo: 16, _searchPlaceHolder: 16, _size: 16, _queryingData: 16 };
   }
   static {
-    this.styles = A;
+    this.styles = H;
   }
   static {
     this.shadowRootOptions = C;
@@ -68,8 +69,7 @@ class H extends O {
     !this._toolInfos && !this.isMobile && await this._initToolInfos();
   }
   async mapInfoWatchHandler() {
-    const e = this.mapInfo?.layerOptions?.layers.map((i) => i.id) || [], t = this.mapInfo?.layerOptions?.configLayerOrder;
-    this._enabledLayerIds = t ? t.filter((i) => e.includes(i)) : e, this._enabledLayerIds = this._enabledLayerIds.sort((i, s) => t.indexOf(i) - t.indexOf(s)), this._table && (this._resetColumnTemplates(), this._sortTable());
+    this._configLayerOrderDefined = "configLayerOrder" in (this.mapInfo?.layerOptions || {}), this._enabledLayerIds = A(this.mapInfo?.layerOptions?.layers || [], this.mapInfo?.layerOptions?.configLayerOrder), this._table && (this._resetColumnTemplates(), this._sortTable());
   }
   async mapViewWatchHandler() {
     this._mapClickHandle && this._mapClickHandle.remove(), this.mapView && (this._floorExpression = "", this._searchExpression = "undefined", this.mapView.highlights = [
@@ -95,7 +95,7 @@ class H extends O {
       return;
     }
     try {
-      await this._layer.when(), this._definitionExpression = this._layer.definitionExpression || "", this._floorField = this._layer.floorInfo?.floorField || "", this._updateFloorDefinitionExpression(), await this._resetTable(), this._updateShareUrl();
+      await this._layer.when(), this._floorField = this._layer.floorInfo?.floorField || "", this._updateFloorDefinitionExpression(), await this._resetTable(), this._updateShareUrl();
     } catch (e) {
       console.error(e), this._hideTable = !0;
     } finally {
@@ -170,13 +170,13 @@ class H extends O {
     (t === "delete" || t === "add") && (this._allIds = await this.queryAllIds()), await this._refresh();
   }
   async facilityChanged(e) {
-    this._floorFacility = e.detail, this._updateFloorDefinitionExpression();
+    this._updateFloorDefinitionExpression();
   }
   async levelChanged(e) {
     this._floorLevel = e.detail, this._updateFloorDefinitionExpression();
   }
   async siteChanged(e) {
-    this._floorSite = e.detail, this._updateFloorDefinitionExpression();
+    this._updateFloorDefinitionExpression();
   }
   async noLayersFound() {
     this._layer = void 0, this._allIds = [], this._size = 0, this._clearSelection();
@@ -204,7 +204,7 @@ class H extends O {
   }
   render() {
     const e = this._fetchingData || this._hideTable ? "display-none" : "", t = this._fetchingData ? "" : "display-none", i = this._queryingData ? "" : "display-none", s = this._size.toString(), a = this.selectedIds.length.toString(), l = this.isMobile ? "height-full" : "height-full-adjusted", h = this._canShowFullTextSearch();
-    return this._validateActiveActions(), o`<div><calcite-scrim class=${g(i)} .loading=${this._queryingData}></calcite-scrim><calcite-shell><div class=${`width-full ${l}`}><calcite-panel class="height-full width-full panel-header-override">${this._getMapLayerPicker("header-actions-start")}${!this.isMobile && o`${this._getTableControlRow("header-content")}${this._getActionsEnd("header-actions-end")}` || ""}${h && o`<div class="search-container border-bottom"><calcite-input class=search clearable icon=search @calciteInputChange=${(n) => void this._searchTextChanged(n)} .placeholder=${this._searchPlaceHolder} title=${this._searchPlaceHolder ?? c} type=search ${p(this._searchNode)}></calcite-input></div>` || ""}<calcite-loader class=${g(t)} .label=${this._translations.fetchingData} scale=l></calcite-loader><div class=${g(e)} ${p(this.onTableNodeCreate)}></div></calcite-panel></div>${this.isMobile ? void 0 : o`<div class="bottom-left text-color height-19" id=solutions-selected-count-div>${(this._translations.recordsTotal?.replace("{{total-number-of-records}}", s) + " | " + this._translations.recordsSelected.replace("{{selected-number-of-records}}", a)).replace("{{total}}", s).replace("{{selected}}", a)}</div>`}</calcite-shell></div>`;
+    return this._validateActiveActions(), o`<div><calcite-scrim class=${b(i)} .loading=${this._queryingData}></calcite-scrim><calcite-shell><div class=${`width-full ${l}`}><calcite-panel class="height-full width-full panel-header-override">${this._getMapLayerPicker("header-actions-start")}${!this.isMobile && o`${this._getTableControlRow("header-content")}${this._getActionsEnd("header-actions-end")}` || ""}${h && o`<div class="search-container border-bottom"><calcite-input class=search clearable icon=search @calciteInputChange=${(n) => void this._searchTextChanged(n)} .placeholder=${this._searchPlaceHolder} title=${this._searchPlaceHolder ?? c} type=search ${u(this._searchNode)}></calcite-input></div>` || ""}<calcite-loader class=${b(t)} .label=${this._translations.fetchingData} scale=l></calcite-loader><div class=${b(e)} ${u(this.onTableNodeCreate)}></div></calcite-panel></div>${this.isMobile ? void 0 : o`<div class="bottom-left text-color height-19" id=solutions-selected-count-div>${(this._translations.recordsTotal?.replace("{{total-number-of-records}}", s) + " | " + this._translations.recordsSelected.replace("{{selected-number-of-records}}", a)).replace("{{total}}", s).replace("{{selected}}", a)}</div>`}</calcite-shell></div>`;
   }
   updated() {
     this._table && this.updateRelatedAttachmentColumns();
@@ -277,7 +277,7 @@ class H extends O {
   }
   _getMapLayerPicker(e) {
     const t = this.isMobile ? "display-none" : "";
-    return o`<div class=${`border-end ${t}`} id=solutions-map-layer-picker-container slot=${e ?? c}><map-layer-picker appearance=transparent .defaultLayerId=${this.defaultLayerId} display=inline-flex .enabledLayerIds=${this._enabledLayerIds} height=50 .isMobile=${this.isMobile} .mapView=${this.mapView} .showOnlyUpdatableLayers=${this.showOnlyUpdatableLayers} placeholder-icon=layers scale=l .selectedIds=${this._layer ? [this._layer?.id] : []} show-single-layer-as-label show-tables type=dropdown></map-layer-picker></div>`;
+    return o`<div class=${`border-end ${t}`} id=solutions-map-layer-picker-container slot=${e ?? c}><map-layer-picker appearance=transparent .configLayerOrderDefined=${this._configLayerOrderDefined} .defaultLayerId=${this.defaultLayerId} display=inline-flex .enabledLayerIds=${this._enabledLayerIds} height=50 .isMobile=${this.isMobile} .mapView=${this.mapView} .showOnlyUpdatableLayers=${this.showOnlyUpdatableLayers} placeholder-icon=layers scale=l .selectedIds=${this._layer ? [this._layer?.id] : []} show-single-layer-as-label show-tables type=dropdown></map-layer-picker></div>`;
   }
   _getLayerOption(e) {
     let t;
@@ -289,7 +289,7 @@ class H extends O {
     return o`<div class="display-flex" slot=${e ?? c}><field-selection .configExtraFields=${s?.extraFields} .layer=${t} .mapView=${this.mapView} .table=${i} .tableRef=${this.el}></field-selection>${this.enableShare && !this.isMobile ? this._getShare("share") : void 0}</div>`;
   }
   _getTableControlRow(e) {
-    return o`<div class=${"height-51-px width-full display-flex"} slot=${e ?? c} ${p(this._toolbar)}>${this._getActionBar()}</div>`;
+    return o`<div class=${"height-51-px width-full display-flex"} slot=${e ?? c} ${u(this._toolbar)}>${this._getActionBar()}</div>`;
   }
   _getActionBar() {
     return o`<calcite-action-bar class=width-full expand-disabled id=${this._getId("bar") ?? c} layout=horizontal><calcite-action-group>${this.isMobile ? void 0 : this._getActions()}</calcite-action-group></calcite-action-bar>`;
@@ -300,7 +300,7 @@ class H extends O {
   _validateEnabledActions() {
     const e = this._getIds().length, t = ["zoom-to-object", "pencil", "trash", "erase", "selected-items-filter"];
     this._toolInfos?.forEach((i) => {
-      i && t.indexOf(i.icon) > -1 && (i.disabled = i.icon === "pencil" ? e < 2 || e > b : e < 1, i.toolTip = i.icon === "pencil" ? e > b ? this._translations.featureEditLimitNotice : this._translations.editMultiple : i.toolTip);
+      i && t.indexOf(i.icon) > -1 && (i.disabled = i.icon === "pencil" ? e < 2 || e > p : e < 1, i.toolTip = i.icon === "pencil" ? e > p ? this._translations.featureEditLimitNotice : this._translations.editMultiple : i.toolTip);
     });
   }
   _validateActiveActions() {
@@ -310,7 +310,7 @@ class H extends O {
     });
   }
   async _initToolInfos() {
-    const e = this._getIds().length > 0, t = this._relatedFeatureTable ? this._relatedFeatureTable.layer.isTable : this._layer?.isTable, i = this.featureSelectionMode === "multiple" && this._layer?.capabilities?.operations.supportsUpdate, s = this._getSelectedIds().length < 2 || this._getSelectedIds().length > b, a = !this.mapHidden && !t, l = !this._relatedFeatureTable && (!this._layer?.isTable || this._hasFilterExpressions()), h = this._featuresEmpty(), n = this.featureSelectionMode === "single";
+    const e = this._getIds().length > 0, t = this._relatedFeatureTable ? this._relatedFeatureTable.layer.isTable : this._layer?.isTable, i = this.featureSelectionMode === "multiple" && this._layer?.capabilities?.operations.supportsUpdate, s = this._getSelectedIds().length < 2 || this._getSelectedIds().length > p, a = !this.mapHidden && !t, l = !this._relatedFeatureTable && (!this._layer?.isTable || this._hasFilterExpressions()), h = this._featuresEmpty(), n = this.featureSelectionMode === "single";
     let r = this.enableCSV;
     if (this._relatedFeatureTable) {
       const f = await this._queryRelatedFeatures();
@@ -425,7 +425,7 @@ class H extends O {
     });
   }
   _getShare(e) {
-    return o`<div id=${this._getId(e) ?? c}><instant-apps-social-share class="height-51 width-51 display-flex" .embed=${this.shareIncludeEmbed} flip-rtl popover-button-icon-scale=s scale=m share-button-color=neutral share-button-type=action .socialMedia=${this.shareIncludeSocial} .view=${this.mapView} ${p(this._shareNode)}></instant-apps-social-share>${this._getToolTip("bottom", e, this._translations.share)}</div>`;
+    return o`<div id=${this._getId(e) ?? c}><instant-apps-social-share class="height-51 width-51 display-flex" .embed=${this.shareIncludeEmbed} flip-rtl popover-button-icon-scale=s scale=m share-button-color=neutral share-button-type=action .socialMedia=${this.shareIncludeSocial} .view=${this.mapView} ${u(this._shareNode)}></instant-apps-social-share>${this._getToolTip("bottom", e, this._translations.share)}</div>`;
   }
   _updateShareUrl() {
     const e = this._shareNode.value?.shareUrl;
@@ -883,7 +883,7 @@ class H extends O {
     }));
   }
 }
-m("layer-table", H);
+m("layer-table", L);
 export {
-  H as LayerTable
+  L as LayerTable
 };

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

@@ -1,11 +1,8 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference path="../../index.d.ts" />
-import { AppLayout, IBasemapConfig, IMapChange, IMapInfo, ISearchConfiguration, IToolInfo, theme, TooltipPlacement } from '../../utils/interfaces';
+import { AppLayout, IBasemapConfig, IMapChange, IMapInfo, ISearchConfiguration, IToolInfo, theme } from '../../utils/interfaces';
 import { PropertyValues } from 'lit';
 import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
-import { MapLayerPicker } from '../map-layer-picker/customElement.js';
-import { MapTools } from '../map-tools/customElement.js';
-import { MapPicker } from '../map-picker/customElement.js';
 
 export declare class MapCard extends LitElement {
     /** AppLayout: the current app layout */
@@ -100,7 +97,7 @@ export declare class MapCard extends LitElement {
      */
     hide: boolean;
     /**
-     * "s" | "m" | "l": Used for Zoom and Home tools
+     * 's' | 'm' | 'l': Used for Zoom and Home tools
      *
      * @default 'm'
      */
@@ -129,7 +126,7 @@ export declare class MapCard extends LitElement {
      */
     mobileMapWidgetsPosition: __esri.UIPosition;
     /**
-     * "s" | "m" | "l": Used for optional map tool widget
+     * 's' | 'm' | 'l': Used for optional map tool widget
      *
      * @default 'm'
      */
@@ -143,11 +140,11 @@ export declare class MapCard extends LitElement {
      * @default false
      */
     stackTools: boolean;
-    /** theme: "light" | "dark" theme to be used */
+    /** theme: 'light' | 'dark' theme to be used */
     theme: theme | undefined;
-    /** Valid tools: "legend", "search", "fullscreen", "basemap", "floorfilter", "selectiontool" */
+    /** Valid tools: 'legend', 'search', 'fullscreen', 'basemap', 'floorfilter', 'selectiontool' */
     mapToolsOrder: string[];
-    /** Valid tools: "map-picker", "map-layer-picker" */
+    /** Valid tools: 'map-picker', 'map-layer-picker' */
     mobileToolsOrder: string[];
     /**
      * boolean: When true map will shown is full screen