@esri/solutions-components 0.7.16 → 0.7.17

package/README.md

@@ -0,0 +1,88 @@
+[![npm status][npm-img]][npm-url]
+[![Build status][travis-img]][travis-url]
+[![Apache 2.0 licensed][license-img]][license-url]
+
+[npm-img]: https://img.shields.io/npm/v/@esri/solutions-components.svg?style=round-square&color=blue
+[npm-url]: https://www.npmjs.com/package/@esri/solutions-components
+[travis-img]: https://img.shields.io/travis/com/Esri/solutions-components/develop.svg
+[travis-url]: https://travis-ci.org/Esri/solutions-components
+[license-img]: https://img.shields.io/badge/license-Apache%202.0-blue.svg
+[license-url]: #license
+
+# solutions-components
+
+`solutions-components` are shared web components used in Solutions apps.
+
+## Requirements
+
+Supported browsers are the latest versions of Google Chrome, Apple Safari, Mozilla Firefox, and Microsoft Edge (Chromium).
+
+## Getting Started
+
+The repository is set up to use [Volta](https://docs.volta.sh/guide/getting-started) for standardizing the versions of NodeJS and npm. Please install and use this app to get the supported versions.
+
+The repository uses [StencilJS](https://stenciljs.com/) to manage web component development; the project is a `web_component` project type.
+
+Set up:
+
+```bash
+npm install
+```
+
+To interactively transpile components and update the display of src/index.html via http://localhost:3333/src:
+
+```bash
+npm start
+```
+Note this feature excessively caches; sometimes you have to rebuild manually and force a refresh.
+
+One can also run index.html in the top-level directory, which is the same as src/index.html but for the path to the `dist` directory.
+
+To add a component, run
+```bash
+npm run generate
+```
+with the new component's name as an argument (or specify the name when prompted).
+
+To build the component for debugging, run:
+
+```bash
+npm run build:debug
+```
+
+To build the component for production, run:
+
+```bash
+npm run build
+```
+
+To run the unit tests for the components, stop automatic compilation (e.g., Visual Studio) and run:
+
+```bash
+npm run clean:src
+npm test
+```
+
+To publish to npm and GitHub,
+1. Edit package.json to have the new version number
+2. Run `npm install`
+3. Edit CHANGELOG.md to show the new release number and connect it to previous releases
+4. Commit and push changes to GitHub
+5. Run: `npm release:publish`
+
+
+## Issues
+
+Find a bug or want to request a new feature?  Please let us know by submitting an issue.
+
+## Licensing
+
+Copyright 2022 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.
+
+A copy of the license is available in the repository's [LICENSE](./LICENSE) file.

package/dist/assets/t9n/crowdsource-manager/resources_en.json

@@ -1,5 +1,5 @@
 {
-	"header": "Crowdsource Manager",
+  "header": "Crowdsource Manager",
 	"open": "Open",
 	"close": "Close",
 	"information": "Information",

package/dist/assets/t9n/solution-item-sharing/resources_en.json

@@ -1,3 +1,3 @@
 {
-    "groupInfo": "Items shared with this group"
+    "groupInfo": "Items shared with this group" 
 }

package/dist/cjs/ExpandToggle-f83d93f8.js

@@ -0,0 +1,118 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+'use strict';
+
+const index = require('./index-b8a649fc.js');
+const dom = require('./dom-e111eaa6.js');
+const resources$1 = require('./resources-f3e0e822.js');
+const resources = require('./resources-a825d7ae.js');
+
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.0.0
+ */
+const overflowActionsDebounceInMs = 150;
+const groupBufferPx = 2;
+const getAverage = (arr) => arr.reduce((p, c) => p + c, 0) / arr.length;
+const geActionDimensions = (actions) => {
+  const actionsNotSlotted = actions.filter((action) => action.slot !== resources$1.SLOTS.menuActions);
+  const actionLen = actionsNotSlotted?.length;
+  return {
+    actionWidth: actionLen ? getAverage(actionsNotSlotted.map((action) => action.clientWidth || 0)) : 0,
+    actionHeight: actionLen ? getAverage(actionsNotSlotted.map((action) => action.clientHeight || 0)) : 0,
+  };
+};
+const getMaxActionCount = ({ width, actionWidth, layout, height, actionHeight, groupCount, }) => {
+  const maxContainerPx = layout === "horizontal" ? width : height;
+  const avgItemPx = layout === "horizontal" ? actionWidth : actionHeight;
+  return Math.floor((maxContainerPx - groupCount * groupBufferPx) / avgItemPx);
+};
+const getOverflowCount = ({ layout, actionCount, actionWidth, width, actionHeight, height, groupCount, }) => {
+  return Math.max(actionCount - getMaxActionCount({ width, actionWidth, layout, height, actionHeight, groupCount }), 0);
+};
+const queryActions = (el) => {
+  return Array.from(el.querySelectorAll("calcite-action")).filter((action) => action.closest("calcite-action-menu") ? action.slot === resources.SLOTS.trigger : true);
+};
+const overflowActions = ({ actionGroups, expanded, overflowCount, }) => {
+  let needToSlotCount = overflowCount;
+  actionGroups.reverse().forEach((group) => {
+    let slottedWithinGroupCount = 0;
+    const groupActions = queryActions(group).reverse();
+    groupActions.forEach((groupAction) => {
+      if (groupAction.slot === resources$1.SLOTS.menuActions) {
+        groupAction.removeAttribute("slot");
+        groupAction.textEnabled = expanded;
+      }
+    });
+    if (needToSlotCount > 0) {
+      groupActions.some((groupAction) => {
+        const unslottedActions = groupActions.filter((action) => !action.slot);
+        if (unslottedActions.length > 1 && groupActions.length > 2 && !groupAction.closest("calcite-action-menu")) {
+          groupAction.textEnabled = true;
+          groupAction.setAttribute("slot", resources$1.SLOTS.menuActions);
+          slottedWithinGroupCount++;
+          if (slottedWithinGroupCount > 1) {
+            needToSlotCount--;
+          }
+        }
+        return needToSlotCount < 1;
+      });
+    }
+    index.forceUpdate(group);
+  });
+};
+
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.0.0
+ */
+const ICONS = {
+  chevronsLeft: "chevrons-left",
+  chevronsRight: "chevrons-right",
+};
+function getCalcitePosition(position, el) {
+  return position || el.closest("calcite-shell-panel")?.position || "start";
+}
+function toggleChildActionText({ el, expanded, }) {
+  queryActions(el)
+    .filter((el) => el.slot !== resources$1.SLOTS.menuActions)
+    .forEach((action) => (action.textEnabled = expanded));
+  el.querySelectorAll("calcite-action-group, calcite-action-menu").forEach((el) => (el.expanded = expanded));
+}
+const setTooltipReference = ({ tooltip, referenceElement, expanded, ref, }) => {
+  if (tooltip) {
+    tooltip.referenceElement = !expanded && referenceElement ? referenceElement : null;
+  }
+  if (ref) {
+    ref(referenceElement);
+  }
+  return referenceElement;
+};
+const ExpandToggle = ({ expanded, expandText, collapseText, toggle, el, position, tooltip, ref, scale, }) => {
+  const rtl = dom.getElementDir(el) === "rtl";
+  const text = expanded ? collapseText : expandText;
+  const icons = [ICONS.chevronsLeft, ICONS.chevronsRight];
+  if (rtl) {
+    icons.reverse();
+  }
+  const end = getCalcitePosition(position, el) === "end";
+  const expandIcon = end ? icons[1] : icons[0];
+  const collapseIcon = end ? icons[0] : icons[1];
+  const actionNode = (index.h("calcite-action", { icon: expanded ? expandIcon : collapseIcon, onClick: toggle, scale: scale, text: text, textEnabled: expanded, title: !expanded && !tooltip ? text : null,
+    // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
+    ref: (referenceElement) => setTooltipReference({ tooltip, referenceElement, expanded, ref }) }));
+  return actionNode;
+};
+
+exports.ExpandToggle = ExpandToggle;
+exports.geActionDimensions = geActionDimensions;
+exports.getOverflowCount = getOverflowCount;
+exports.overflowActions = overflowActions;
+exports.overflowActionsDebounceInMs = overflowActionsDebounceInMs;
+exports.queryActions = queryActions;
+exports.toggleChildActionText = toggleChildActionText;

package/dist/cjs/FloatingArrow-7e1624ea.js

@@ -0,0 +1,50 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+'use strict';
+
+const index = require('./index-b8a649fc.js');
+
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.0.0
+ */
+const CSS = {
+  arrow: "calcite-floating-ui-arrow",
+  arrowStroke: "calcite-floating-ui-arrow__stroke",
+};
+const DEFAULTS = {
+  width: 12,
+  height: 6,
+  strokeWidth: 1,
+};
+/**
+ * Renders a SVG element to be used as a floating-ui arrow.
+ *
+ * This functional component should be rendered inside a `FloatingUIComponent` when it needs an arrow element.
+ *
+ * @param floatingLayout.floatingLayout
+ * @param floatingLayout – The effective floating layout to render the arrow vertically or horizontally. Possible values: `vertical` or `horizontal`.
+ *
+ * See [floating-ui](https://github.com/Esri/calcite-design-system/blob/main/src/utils/floating-ui.ts)
+ * @param floatingLayout.key
+ * @param floatingLayout.ref
+ */
+const FloatingArrow = ({ floatingLayout, key, ref, }) => {
+  const { width, height, strokeWidth } = DEFAULTS;
+  const svgX = width / 2;
+  const isVertical = floatingLayout === "vertical";
+  const dValue = "M0,0" +
+    ` H${width}` +
+    ` L${width - svgX},${height}` +
+    ` Q${svgX},${height} ${svgX},${height}` +
+    " Z";
+  return (index.h("svg", { "aria-hidden": "true", class: CSS.arrow, height: width, key: key, viewBox: `0 0 ${width} ${width + (!isVertical ? strokeWidth : 0)}`, width: width + (isVertical ? strokeWidth : 0),
+    // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
+    ref: ref }, strokeWidth > 0 && (index.h("path", { class: CSS.arrowStroke, d: dValue, fill: "none", "stroke-width": strokeWidth + 1 })), index.h("path", { d: dValue, stroke: "none" })));
+};
+
+exports.FloatingArrow = FloatingArrow;

package/dist/cjs/Heading-fe70b3e6.js

@@ -0,0 +1,25 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+'use strict';
+
+const index = require('./index-b8a649fc.js');
+
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.0.0
+ */
+function constrainHeadingLevel(level) {
+  return Math.min(Math.max(Math.ceil(level), 1), 6);
+}
+const Heading = (props, children) => {
+  const HeadingTag = props.level ? `h${props.level}` : "div";
+  delete props.level;
+  return index.h(HeadingTag, { ...props }, children);
+};
+
+exports.Heading = Heading;
+exports.constrainHeadingLevel = constrainHeadingLevel;

package/dist/cjs/app-globals-b3f43c6b.js

@@ -0,0 +1,69 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+'use strict';
+
+const resources = require('./resources-6c60363a.js');
+
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.0.0
+ */
+/**
+ * Emits when the mode is dynamically toggled between light and dark on <body> or in OS preferences.
+ */
+function initModeChangeEvent() {
+  const { classList } = document.body;
+  const prefersDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
+  const getMode = () => classList.contains(resources.darkMode) || (classList.contains(resources.autoMode) && prefersDark) ? "dark" : "light";
+  const emitModeChange = (mode) => document.body.dispatchEvent(new CustomEvent("calciteModeChange", { bubbles: true, detail: { mode } }));
+  const modeChangeHandler = (newMode) => {
+    currentMode !== newMode && emitModeChange(newMode);
+    currentMode = newMode;
+  };
+  let currentMode = getMode();
+  // emits event on page load
+  emitModeChange(currentMode);
+  // emits event when changing OS mode preferences
+  window
+    .matchMedia("(prefers-color-scheme: dark)")
+    .addEventListener("change", (event) => modeChangeHandler(event.matches ? "dark" : "light"));
+  // emits event when toggling between mode classes on <body>
+  new MutationObserver(() => modeChangeHandler(getMode())).observe(document.body, {
+    attributes: true,
+    attributeFilter: ["class"],
+  });
+}
+
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.0.0
+ */
+/**
+ * This file is imported in Stencil's `globalScript` config option.
+ *
+ * @see {@link https://stenciljs.com/docs/config#globalscript}
+ */
+function appGlobalScript () {
+    const isBrowser = typeof window !== "undefined" &&
+        typeof location !== "undefined" &&
+        typeof document !== "undefined" &&
+        window.location === location &&
+        window.document === document;
+    if (isBrowser) {
+        if (document.readyState === "interactive") {
+            initModeChangeEvent();
+        }
+        else {
+            document.addEventListener("DOMContentLoaded", () => initModeChangeEvent(), { once: true });
+        }
+    }
+}
+
+const globalScripts = appGlobalScript;
+
+exports.globalScripts = globalScripts;

package/dist/cjs/ar-5f98cd4b.js

@@ -0,0 +1,104 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+'use strict';
+
+const calciteInputTimePicker_entry = require('./calcite-input-time-picker-4f7e55b6.js');
+require('./index-b8a649fc.js');
+require('./form-0291a707.js');
+require('./dom-e111eaa6.js');
+require('./guid-1a466ca6.js');
+require('./resources-6c60363a.js');
+require('./interactive-8aff886e.js');
+require('./browser-9a43b900.js');
+require('./key-b8c05387.js');
+require('./label-bcad2894.js');
+require('./component-c270a500.js');
+require('./loadable-07a214c7.js');
+require('./locale-6a627639.js');
+require('./observers-281a8c99.js');
+require('./focusTrapComponent-3add574e.js');
+require('./time-06aad495.js');
+require('./math-6c9027e3.js');
+require('./t9n-0556abcb.js');
+require('./openCloseComponent-8c9a1749.js');
+
+// Arabic [ar]
+var months = 'يناير_فبراير_مارس_أبريل_مايو_يونيو_يوليو_أغسطس_سبتمبر_أكتوبر_نوفمبر_ديسمبر'.split('_');
+var symbolMap = {
+  1: '١',
+  2: '٢',
+  3: '٣',
+  4: '٤',
+  5: '٥',
+  6: '٦',
+  7: '٧',
+  8: '٨',
+  9: '٩',
+  0: '٠'
+};
+var numberMap = {
+  '١': '1',
+  '٢': '2',
+  '٣': '3',
+  '٤': '4',
+  '٥': '5',
+  '٦': '6',
+  '٧': '7',
+  '٨': '8',
+  '٩': '9',
+  '٠': '0'
+};
+var locale = {
+  name: 'ar',
+  weekdays: 'الأحد_الإثنين_الثلاثاء_الأربعاء_الخميس_الجمعة_السبت'.split('_'),
+  weekdaysShort: 'أحد_إثنين_ثلاثاء_أربعاء_خميس_جمعة_سبت'.split('_'),
+  weekdaysMin: 'ح_ن_ث_ر_خ_ج_س'.split('_'),
+  months: months,
+  monthsShort: months,
+  weekStart: 6,
+  meridiem: function meridiem(hour) {
+    return hour > 12 ? 'م' : 'ص';
+  },
+  relativeTime: {
+    future: 'بعد %s',
+    past: 'منذ %s',
+    s: 'ثانية واحدة',
+    m: 'دقيقة واحدة',
+    mm: '%d دقائق',
+    h: 'ساعة واحدة',
+    hh: '%d ساعات',
+    d: 'يوم واحد',
+    dd: '%d أيام',
+    M: 'شهر واحد',
+    MM: '%d أشهر',
+    y: 'عام واحد',
+    yy: '%d أعوام'
+  },
+  preparse: function preparse(string) {
+    return string.replace(/[١٢٣٤٥٦٧٨٩٠]/g, function (match) {
+      return numberMap[match];
+    }).replace(/،/g, ',');
+  },
+  postformat: function postformat(string) {
+    return string.replace(/\d/g, function (match) {
+      return symbolMap[match];
+    }).replace(/,/g, '،');
+  },
+  ordinal: function ordinal(n) {
+    return n;
+  },
+  formats: {
+    LT: 'HH:mm',
+    LTS: 'HH:mm:ss',
+    L: 'D/‏M/‏YYYY',
+    LL: 'D MMMM YYYY',
+    LLL: 'D MMMM YYYY HH:mm',
+    LLLL: 'dddd D MMMM YYYY HH:mm'
+  }
+};
+calciteInputTimePicker_entry.dayjs.locale(locale, null, true);
+
+exports.default = locale;

package/dist/cjs/arcgis-login.cjs.entry.js

@@ -7,7 +7,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ed5545a.js');
+const index = require('./index-b8a649fc.js');
 
 const arcgisLoginCss = ":host{display:block}";
 

package/dist/cjs/basemap-gallery_7.cjs.entry.js

@@ -7,10 +7,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ed5545a.js');
-const loadModules = require('./loadModules-4c86a3ad.js');
-const locale = require('./locale-b38efacf.js');
-require('./esri-loader-f9cc896e.js');
+const index = require('./index-b8a649fc.js');
+const loadModules = require('./loadModules-46d14e81.js');
+const locale = require('./locale-9db09b63.js');
+require('./esri-loader-a91c0ec1.js');
 require('./_commonjsHelpers-384729db.js');
 
 const basemapGalleryCss = ":host{display:block}";
@@ -95,12 +95,13 @@ const BasemapGallery = class {
      * @protected
      */
     async _initBaseMapGallery(view) {
+        var _a;
         if (this.BasemapGallery) {
             if (this.basemapWidget) {
                 this.basemapWidget.destroy();
             }
             const source = new this.PortalBasemapsSource({
-                query: this.basemapConfig?.basemapGroupId ? `id:${this.basemapConfig.basemapGroupId}` : null,
+                query: ((_a = this.basemapConfig) === null || _a === void 0 ? void 0 : _a.basemapGroupId) ? `id:${this.basemapConfig.basemapGroupId}` : null,
                 filterFunction: this.basemapConfig ? (basemap) => {
                     return !this.basemapConfig.basemapIdsToFilter.includes(basemap.portalItem.id);
                 } : () => true
@@ -189,7 +190,8 @@ const FloorFilter = class {
      * @protected
      */
     _initFloorFilter(view) {
-        if (view && this.enabled && this.FloorFilter && view?.map?.floorInfo) {
+        var _a;
+        if (view && this.enabled && this.FloorFilter && ((_a = view === null || view === void 0 ? void 0 : view.map) === null || _a === void 0 ? void 0 : _a.floorInfo)) {
             if (!this.floorFilterWidget) {
                 this.floorFilterWidget = new this.FloorFilter({
                     container: this._floorFilterElement,
@@ -432,7 +434,7 @@ const MapPicker = class {
      */
     _webMapInfoWatchHandler(v, oldV) {
         if (v && JSON.stringify(v) !== JSON.stringify(oldV)) {
-            this._loadedId = v?.id;
+            this._loadedId = v === null || v === void 0 ? void 0 : v.id;
             this.mapInfoChange.emit(v);
         }
     }
@@ -450,8 +452,9 @@ const MapPicker = class {
     //
     //--------------------------------------------------------------------------
     async setMapByID(id) {
-        const mapInfos = this.mapInfos?.filter(i => i.id === id);
-        if (id && mapInfos?.length > 0) {
+        var _a;
+        const mapInfos = (_a = this.mapInfos) === null || _a === void 0 ? void 0 : _a.filter(i => i.id === id);
+        if (id && (mapInfos === null || mapInfos === void 0 ? void 0 : mapInfos.length) > 0) {
             this._webMapSelected(mapInfos[0]);
         }
     }
@@ -497,9 +500,10 @@ const MapPicker = class {
      * @protected
      */
     _getMapPicker() {
+        var _a;
         const id = "map-picker-expand-toggle";
         const mapListIcon = this._mapListExpanded ? "chevron-up" : "chevron-down";
-        return (index.h("div", { class: "width-full" }, index.h("calcite-button", { alignment: "icon-end-space-between", appearance: "transparent", class: "width-full height-full", iconEnd: mapListIcon, id: id, kind: "neutral", onClick: () => this._chooseMap(), width: "full" }, this._webMapInfo?.name), index.h("calcite-tooltip", { label: "", placement: "bottom", "reference-element": id }, index.h("span", null, this._translations.switchMap))));
+        return (index.h("div", { class: "width-full" }, index.h("calcite-button", { alignment: "icon-end-space-between", appearance: "transparent", class: "width-full height-full", iconEnd: mapListIcon, id: id, kind: "neutral", onClick: () => this._chooseMap(), width: "full" }, (_a = this._webMapInfo) === null || _a === void 0 ? void 0 : _a.name), index.h("calcite-tooltip", { label: "", placement: "bottom", "reference-element": id }, index.h("span", null, this._translations.switchMap))));
     }
     /**
      * Create the toolbar (controls used for map and app interactions)
@@ -669,9 +673,7 @@ const MapSearch = class {
             };
             if (this.searchConfiguration) {
                 const searchConfiguration = this._getSearchConfig(this.searchConfiguration, this.mapView);
-                searchOptions = {
-                    ...searchConfiguration
-                };
+                searchOptions = Object.assign({}, searchConfiguration);
             }
             this.searchWidget = new this.Search(searchOptions);
             this.searchWidget.popupEnabled = this.popupEnabled;
@@ -694,15 +696,16 @@ const MapSearch = class {
     _getSearchConfig(searchConfiguration, view) {
         const INCLUDE_DEFAULT_SOURCES = "includeDefaultSources";
         const sources = searchConfiguration.sources;
-        if (sources?.length > 0) {
+        if ((sources === null || sources === void 0 ? void 0 : sources.length) > 0) {
             searchConfiguration[INCLUDE_DEFAULT_SOURCES] = false;
             sources.forEach((source) => {
+                var _a, _b;
                 const isLayerSource = source.hasOwnProperty("layer");
                 if (isLayerSource) {
                     const layerSource = source;
-                    const layerId = layerSource.layer?.id;
+                    const layerId = (_a = layerSource.layer) === null || _a === void 0 ? void 0 : _a.id;
                     const layerFromMap = layerId ? view.map.findLayerById(layerId) : null;
-                    const layerUrl = layerSource?.layer?.url;
+                    const layerUrl = (_b = layerSource === null || layerSource === void 0 ? void 0 : layerSource.layer) === null || _b === void 0 ? void 0 : _b.url;
                     if (layerFromMap) {
                         layerSource.layer = layerFromMap;
                     }
@@ -711,11 +714,11 @@ const MapSearch = class {
                     }
                 }
             });
-            sources?.forEach((source) => {
+            sources === null || sources === void 0 ? void 0 : sources.forEach((source) => {
                 const isLocatorSource = source.hasOwnProperty("locator");
                 if (isLocatorSource) {
                     const locatorSource = source;
-                    if (locatorSource?.name === "ArcGIS World Geocoding Service") {
+                    if ((locatorSource === null || locatorSource === void 0 ? void 0 : locatorSource.name) === "ArcGIS World Geocoding Service") {
                         const outFields = locatorSource.outFields || ["Addr_type", "Match_addr", "StAddr", "City"];
                         locatorSource.outFields = outFields;
                         locatorSource.singleLineFieldName = "SingleLine";
@@ -726,10 +729,7 @@ const MapSearch = class {
             });
         }
         else {
-            searchConfiguration = {
-                ...searchConfiguration,
-                includeDefaultSources: true
-            };
+            searchConfiguration = Object.assign(Object.assign({}, searchConfiguration), { includeDefaultSources: true });
         }
         return searchConfiguration;
     }
@@ -778,7 +778,8 @@ const MapTools = class {
      */
     async mapViewWatchHandler() {
         await this.mapView.when(() => {
-            this._hasFloorInfo = this.mapView?.map?.floorInfo;
+            var _a, _b;
+            this._hasFloorInfo = (_b = (_a = this.mapView) === null || _a === void 0 ? void 0 : _a.map) === null || _b === void 0 ? void 0 : _b.floorInfo;
         });
     }
     /**
@@ -900,8 +901,9 @@ const MapTools = class {
      * @protected
      */
     _setZoomToolsSize() {
-        const zoomIn = document.getElementsByClassName("esri-zoom")[0]?.children[0];
-        const zoomOut = document.getElementsByClassName("esri-zoom")[0]?.children[1];
+        var _a, _b;
+        const zoomIn = (_a = document.getElementsByClassName("esri-zoom")[0]) === null || _a === void 0 ? void 0 : _a.children[0];
+        const zoomOut = (_b = document.getElementsByClassName("esri-zoom")[0]) === null || _b === void 0 ? void 0 : _b.children[1];
         if (zoomIn && zoomOut) {
             const size = this.homeZoomToolsSize === "s" ? "32px" : this.homeZoomToolsSize === "m" ? "40px" : "48px";
             zoomIn.style.width = size;