@esri/solutions-components 0.7.16 → 0.7.17

package/dist/cjs/calcite-action-group_2.cjs.entry.js

@@ -7,19 +7,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ed5545a.js');
-const conditionalSlot = require('./conditionalSlot-0be6171f.js');
-const loadable = require('./loadable-ddfda3cb.js');
-const locale = require('./locale-eb5416f2.js');
-const t9n = require('./t9n-0700950f.js');
-const resources$1 = require('./resources-989454ca.js');
-const resources = require('./resources-346657b2.js');
-const dom = require('./dom-3532b4e4.js');
-const array = require('./array-e1557681.js');
-const guid = require('./guid-915a25a4.js');
-const key = require('./key-3057c9ae.js');
-require('./observers-0dc2268b.js');
-require('./resources-eeb0b476.js');
+const index = require('./index-b8a649fc.js');
+const conditionalSlot = require('./conditionalSlot-63e11cba.js');
+const loadable = require('./loadable-07a214c7.js');
+const locale = require('./locale-6a627639.js');
+const t9n = require('./t9n-0556abcb.js');
+const resources$1 = require('./resources-a825d7ae.js');
+const resources = require('./resources-f3e0e822.js');
+const dom = require('./dom-e111eaa6.js');
+const array = require('./array-1d19377b.js');
+const guid = require('./guid-1a466ca6.js');
+const key = require('./key-b8c05387.js');
+require('./observers-281a8c99.js');
+require('./resources-6c60363a.js');
 
 const actionGroupCss = ":host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{display:flex;flex-direction:column;padding:0px;--calcite-action-group-columns:3;--calcite-action-group-gap:1px;--calcite-action-group-padding:1px}.container{display:flex;flex-grow:1;flex-direction:column}:host([columns=\"1\"]){--calcite-action-group-columns:1}:host([columns=\"2\"]){--calcite-action-group-columns:2}:host([columns=\"3\"]){--calcite-action-group-columns:3}:host([columns=\"4\"]){--calcite-action-group-columns:4}:host([columns=\"5\"]){--calcite-action-group-columns:5}:host([columns=\"6\"]){--calcite-action-group-columns:6}:host(:first-child){padding-block-start:0px}:host([layout=horizontal]),:host([layout=horizontal]) .container{flex-direction:row}:host([layout=grid]){display:grid}:host([layout=grid]) .container{display:grid;place-content:stretch;background-color:var(--calcite-color-background);gap:var(--calcite-action-group-gap);padding:var(--calcite-action-group-gap);grid-template-columns:repeat(var(--calcite-action-group-columns), auto)}:host([hidden]){display:none}[hidden]{display:none}";
 
@@ -171,7 +171,7 @@ const ActionMenu = class {
                 .assignedElements({
                 flatten: true,
             })
-                .filter((el) => el?.matches("calcite-action"));
+                .filter((el) => el === null || el === void 0 ? void 0 : el.matches("calcite-action"));
             this.slottedMenuButtonEl = actions[0];
             this.connectMenuButtonEl();
         };
@@ -199,7 +199,7 @@ const ActionMenu = class {
                 .assignedElements({
                 flatten: true,
             })
-                .filter((el) => el?.matches("calcite-tooltip"));
+                .filter((el) => el === null || el === void 0 ? void 0 : el.matches("calcite-tooltip"));
             this.tooltipEl = tooltips[0];
             this.setTooltipReferenceElement();
         };
@@ -221,7 +221,7 @@ const ActionMenu = class {
             action.toggleAttribute(resources$1.activeAttr, index === activeMenuItemIndex);
         };
         this.updateActions = (actions) => {
-            actions?.forEach(this.updateAction);
+            actions === null || actions === void 0 ? void 0 : actions.forEach(this.updateAction);
         };
         this.handleDefaultSlotChange = (event) => {
             const actions = event.target
@@ -229,11 +229,11 @@ const ActionMenu = class {
                 flatten: true,
             })
                 .reduce((previousValue, currentValue) => {
-                if (currentValue?.matches("calcite-action")) {
+                if (currentValue === null || currentValue === void 0 ? void 0 : currentValue.matches("calcite-action")) {
                     previousValue.push(currentValue);
                     return previousValue;
                 }
-                if (currentValue?.matches("calcite-action-group")) {
+                if (currentValue === null || currentValue === void 0 ? void 0 : currentValue.matches("calcite-action-group")) {
                     return previousValue.concat(Array.from(currentValue.querySelectorAll("calcite-action")));
                 }
                 return previousValue;
@@ -373,8 +373,8 @@ const ActionMenu = class {
     renderMenuItems() {
         const { actionElements, activeMenuItemIndex, open, menuId, menuButtonEl, label, placement, overlayPositioning, flipPlacements, } = this;
         const activeAction = actionElements[activeMenuItemIndex];
-        const activeDescendantId = activeAction?.id || null;
-        return (index.h("calcite-popover", { flipPlacements: flipPlacements, focusTrapDisabled: true, label: label, offsetDistance: 0, open: open, overlayPositioning: overlayPositioning, placement: placement, pointerDisabled: true, referenceElement: menuButtonEl }, index.h("div", { "aria-activedescendant": activeDescendantId, "aria-labelledby": menuButtonEl?.id, class: resources$1.CSS.menu, id: menuId, onClick: this.handleCalciteActionClick, role: "menu", tabIndex: -1 }, index.h("slot", { onSlotchange: this.handleDefaultSlotChange }))));
+        const activeDescendantId = (activeAction === null || activeAction === void 0 ? void 0 : activeAction.id) || null;
+        return (index.h("calcite-popover", { flipPlacements: flipPlacements, focusTrapDisabled: true, label: label, offsetDistance: 0, open: open, overlayPositioning: overlayPositioning, placement: placement, pointerDisabled: true, referenceElement: menuButtonEl }, index.h("div", { "aria-activedescendant": activeDescendantId, "aria-labelledby": menuButtonEl === null || menuButtonEl === void 0 ? void 0 : menuButtonEl.id, class: resources$1.CSS.menu, id: menuId, onClick: this.handleCalciteActionClick, role: "menu", tabIndex: -1 }, index.h("slot", { onSlotchange: this.handleDefaultSlotChange }))));
     }
     render() {
         return (index.h(index.Fragment, null, this.renderMenuButton(), this.renderMenuItems(), index.h("slot", { name: resources$1.SLOTS.tooltip, onSlotchange: this.updateTooltip })));

package/dist/cjs/calcite-action-pad_2.cjs.entry.js

@@ -7,21 +7,21 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ed5545a.js');
-const conditionalSlot = require('./conditionalSlot-0be6171f.js');
-const dom = require('./dom-3532b4e4.js');
-const loadable = require('./loadable-ddfda3cb.js');
-const locale = require('./locale-eb5416f2.js');
-const t9n = require('./t9n-0700950f.js');
-const ExpandToggle = require('./ExpandToggle-817ccf38.js');
-const observers = require('./observers-0dc2268b.js');
-const loadModules = require('./loadModules-946c1946.js');
-require('./guid-915a25a4.js');
-require('./resources-eeb0b476.js');
-require('./key-3057c9ae.js');
-require('./resources-346657b2.js');
-require('./resources-989454ca.js');
-require('./esri-loader-f9cc896e.js');
+const index = require('./index-b8a649fc.js');
+const conditionalSlot = require('./conditionalSlot-63e11cba.js');
+const dom = require('./dom-e111eaa6.js');
+const loadable = require('./loadable-07a214c7.js');
+const locale = require('./locale-6a627639.js');
+const t9n = require('./t9n-0556abcb.js');
+const ExpandToggle = require('./ExpandToggle-f83d93f8.js');
+const observers = require('./observers-281a8c99.js');
+const loadModules = require('./loadModules-51c30ab9.js');
+require('./guid-1a466ca6.js');
+require('./resources-6c60363a.js');
+require('./key-b8c05387.js');
+require('./resources-f3e0e822.js');
+require('./resources-a825d7ae.js');
+require('./esri-loader-a91c0ec1.js');
 require('./_commonjsHelpers-384729db.js');
 
 /*!
@@ -67,11 +67,11 @@ const ActionPad = class {
             this.expandToggleEl = el;
         };
         this.handleDefaultSlotChange = (event) => {
-            const groups = dom.slotChangeGetAssignedElements(event).filter((el) => el?.matches("calcite-action-group"));
+            const groups = dom.slotChangeGetAssignedElements(event).filter((el) => el === null || el === void 0 ? void 0 : el.matches("calcite-action-group"));
             this.setGroupLayout(groups);
         };
         this.handleTooltipSlotChange = (event) => {
-            const tooltips = dom.slotChangeGetAssignedElements(event).filter((el) => el?.matches("calcite-tooltip"));
+            const tooltips = dom.slotChangeGetAssignedElements(event).filter((el) => el === null || el === void 0 ? void 0 : el.matches("calcite-tooltip"));
             this.expandTooltip = tooltips[0];
         };
         this.actionsEndGroupLabel = undefined;
@@ -131,8 +131,9 @@ const ActionPad = class {
      * Sets focus on the component's first focusable element.
      */
     async setFocus() {
+        var _a;
         await loadable.componentFocusable(this);
-        this.el?.focus();
+        (_a = this.el) === null || _a === void 0 ? void 0 : _a.focus();
     }
     updateGroups() {
         this.setGroupLayout(Array.from(this.el.querySelectorAll("calcite-action-group")));

package/dist/cjs/calcite-action_2.cjs.entry.js

@@ -7,18 +7,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ed5545a.js');
-const dom = require('./dom-3532b4e4.js');
-const guid = require('./guid-915a25a4.js');
-const interactive = require('./interactive-101013d4.js');
-const loadable = require('./loadable-ddfda3cb.js');
-const locale = require('./locale-eb5416f2.js');
-const observers = require('./observers-0dc2268b.js');
-const component = require('./component-9ae7f98c.js');
-const t9n = require('./t9n-0700950f.js');
-require('./resources-eeb0b476.js');
-require('./browser-16e4bcaa.js');
-require('./key-3057c9ae.js');
+const index = require('./index-b8a649fc.js');
+const dom = require('./dom-e111eaa6.js');
+const guid = require('./guid-1a466ca6.js');
+const interactive = require('./interactive-8aff886e.js');
+const loadable = require('./loadable-07a214c7.js');
+const locale = require('./locale-6a627639.js');
+const observers = require('./observers-281a8c99.js');
+const component = require('./component-c270a500.js');
+const t9n = require('./t9n-0556abcb.js');
+require('./resources-6c60363a.js');
+require('./browser-9a43b900.js');
+require('./key-b8c05387.js');
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
@@ -61,7 +61,7 @@ const Action = class {
                 .assignedElements({
                 flatten: true,
             })
-                .filter((el) => el?.matches("calcite-tooltip"));
+                .filter((el) => el === null || el === void 0 ? void 0 : el.matches("calcite-tooltip"));
             const tooltip = tooltips[0];
             if (tooltip) {
                 tooltip.referenceElement = this.buttonEl;
@@ -97,10 +97,11 @@ const Action = class {
     //
     // --------------------------------------------------------------------------
     connectedCallback() {
+        var _a;
         interactive.connectInteractive(this);
         locale.connectLocalized(this);
         t9n.connectMessages(this);
-        this.mutationObserver?.observe(this.el, { childList: true, subtree: true });
+        (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true, subtree: true });
     }
     async componentWillLoad() {
         loadable.setUpLoadableComponent(this);
@@ -112,10 +113,11 @@ const Action = class {
         loadable.setComponentLoaded(this);
     }
     disconnectedCallback() {
+        var _a;
         interactive.disconnectInteractive(this);
         locale.disconnectLocalized(this);
         t9n.disconnectMessages(this);
-        this.mutationObserver?.disconnect();
+        (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
     }
     componentDidRender() {
         interactive.updateHostInteraction(this);
@@ -127,8 +129,9 @@ const Action = class {
     // --------------------------------------------------------------------------
     /** Sets focus on the component. */
     async setFocus() {
+        var _a;
         await loadable.componentFocusable(this);
-        this.buttonEl?.focus();
+        (_a = this.buttonEl) === null || _a === void 0 ? void 0 : _a.focus();
     }
     // --------------------------------------------------------------------------
     //
@@ -148,12 +151,13 @@ const Action = class {
         return (index.h("div", { "aria-labelledby": buttonId, "aria-live": "polite", class: CSS.indicatorText, id: indicatorId, role: "region" }, indicator ? messages.indicator : null));
     }
     renderIconContainer() {
+        var _a;
         const { loading, icon, scale, el, iconFlipRtl, indicator } = this;
         const loaderScale = scale === "l" ? "l" : "m";
         const calciteLoaderNode = loading ? (index.h("calcite-loader", { inline: true, label: this.messages.loading, scale: loaderScale })) : null;
         const calciteIconNode = icon ? (index.h("calcite-icon", { class: { [CSS.indicatorWithIcon]: indicator }, flipRtl: iconFlipRtl, icon: icon, scale: component.getIconScale(this.scale) })) : null;
         const iconNode = calciteLoaderNode || calciteIconNode;
-        const hasIconToDisplay = iconNode || el.children?.length;
+        const hasIconToDisplay = iconNode || ((_a = el.children) === null || _a === void 0 ? void 0 : _a.length);
         const slotContainerNode = (index.h("div", { class: {
                 [CSS.slotContainer]: true,
                 [CSS.slotContainerHidden]: loading,
@@ -218,7 +222,7 @@ const Loader = class {
         };
         const svgAttributes = { r: radius, cx: size / 2, cy: size / 2 };
         const determinateStyle = { "stroke-dasharray": `${progress} ${remaining}` };
-        return (index.h(index.Host, { "aria-label": label, id: id, role: "progressbar", ...(isDeterminate ? hostAttributes : {}) }, index.h("div", { class: "loader__svgs" }, index.h("svg", { "aria-hidden": "true", class: "loader__svg loader__svg--1", viewBox: viewbox }, index.h("circle", { ...svgAttributes })), index.h("svg", { "aria-hidden": "true", class: "loader__svg loader__svg--2", viewBox: viewbox }, index.h("circle", { ...svgAttributes })), index.h("svg", { "aria-hidden": "true", class: "loader__svg loader__svg--3", viewBox: viewbox, ...(isDeterminate ? { style: determinateStyle } : {}) }, index.h("circle", { ...svgAttributes }))), text && index.h("div", { class: "loader__text" }, text), isDeterminate && index.h("div", { class: "loader__percentage" }, value)));
+        return (index.h(index.Host, Object.assign({ "aria-label": label, id: id, role: "progressbar" }, (isDeterminate ? hostAttributes : {})), index.h("div", { class: "loader__svgs" }, index.h("svg", { "aria-hidden": "true", class: "loader__svg loader__svg--1", viewBox: viewbox }, index.h("circle", Object.assign({}, svgAttributes))), index.h("svg", { "aria-hidden": "true", class: "loader__svg loader__svg--2", viewBox: viewbox }, index.h("circle", Object.assign({}, svgAttributes))), index.h("svg", Object.assign({ "aria-hidden": "true", class: "loader__svg loader__svg--3", viewBox: viewbox }, (isDeterminate ? { style: determinateStyle } : {})), index.h("circle", Object.assign({}, svgAttributes)))), text && index.h("div", { class: "loader__text" }, text), isDeterminate && index.h("div", { class: "loader__percentage" }, value)));
     }
     //--------------------------------------------------------------------------
     //

package/dist/cjs/calcite-alert_3.cjs.entry.js

@@ -7,22 +7,22 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ed5545a.js');
-const dom = require('./dom-3532b4e4.js');
-const component = require('./component-9ae7f98c.js');
-const loadable = require('./loadable-ddfda3cb.js');
-const locale = require('./locale-eb5416f2.js');
-const openCloseComponent = require('./openCloseComponent-6500785c.js');
-const t9n = require('./t9n-0700950f.js');
-const resources = require('./resources-97624e80.js');
-const loadModules = require('./loadModules-4c86a3ad.js');
-const locale$1 = require('./locale-b38efacf.js');
-const mapViewUtils = require('./mapViewUtils-3eb6e609.js');
-require('./guid-915a25a4.js');
-require('./resources-eeb0b476.js');
-require('./key-3057c9ae.js');
-require('./observers-0dc2268b.js');
-require('./esri-loader-f9cc896e.js');
+const index = require('./index-b8a649fc.js');
+const dom = require('./dom-e111eaa6.js');
+const component = require('./component-c270a500.js');
+const loadable = require('./loadable-07a214c7.js');
+const locale = require('./locale-6a627639.js');
+const openCloseComponent = require('./openCloseComponent-8c9a1749.js');
+const t9n = require('./t9n-0556abcb.js');
+const resources = require('./resources-222ad22c.js');
+const loadModules = require('./loadModules-46d14e81.js');
+const locale$1 = require('./locale-9db09b63.js');
+const mapViewUtils = require('./mapViewUtils-569e9644.js');
+require('./guid-1a466ca6.js');
+require('./resources-6c60363a.js');
+require('./key-b8c05387.js');
+require('./observers-281a8c99.js');
+require('./esri-loader-a91c0ec1.js');
 require('./_commonjsHelpers-384729db.js');
 require('./interfaces-7cd0a48a.js');
 
@@ -271,7 +271,8 @@ const Alert = class {
     }
     /** determine which alert is active */
     determineActiveAlert() {
-        if (this.queue?.[0] === this.el) {
+        var _a;
+        if (((_a = this.queue) === null || _a === void 0 ? void 0 : _a[0]) === this.el) {
             this.openAlert();
             if (this.autoClose && !this.autoCloseTimeoutId) {
                 this.initialOpenTime = Date.now();
@@ -343,7 +344,8 @@ const EditCard = class {
         }
     }
     async openWatchHandler(v) {
-        if (v && this.graphics?.length > 0 && this.graphicIndex > -1) {
+        var _a;
+        if (v && ((_a = this.graphics) === null || _a === void 0 ? void 0 : _a.length) > 0 && this.graphicIndex > -1) {
             this._editorLoading = true;
             await this._initEditorWidget();
             if (this.graphicIndex > -1 && this.graphics.length > 0 && this.open && !this._shouldClose) {
@@ -379,7 +381,8 @@ const EditCard = class {
      * @returns Promise when complete
      */
     async componentWillRender() {
-        if (this.graphics?.length > 0 && this.graphics[0]?.layer) {
+        var _a, _b;
+        if (((_a = this.graphics) === null || _a === void 0 ? void 0 : _a.length) > 0 && ((_b = this.graphics[0]) === null || _b === void 0 ? void 0 : _b.layer)) {
             this._layer = this.graphics[0].layer;
             if (this._layerEditHandle) {
                 this._layerEditHandle.remove();
@@ -394,9 +397,10 @@ const EditCard = class {
      * Renders the component.
      */
     render() {
+        var _a;
         // This is a temp workaround hopefully...this._editingDisabled should reflect the current state but does not
         // when you use MULTI edit mode...is fine in SINGLE
-        const editDisabled = this.graphics?.length > 0 && this.graphics[0] ?
+        const editDisabled = ((_a = this.graphics) === null || _a === void 0 ? void 0 : _a.length) > 0 && this.graphics[0] ?
             !this.graphics[0].layer.editingEnabled : true;
         const tableNodeClass = this._editorLoading ? "display-none" : "position-absolute";
         const loadingClass = this._editorLoading ? "" : "display-none";
@@ -457,11 +461,11 @@ const EditCard = class {
                 this._editor.viewModel.state === "creating-features", () => {
                 this._shouldClose = false;
             });
-            this._activeWorkflowHandle = this.reactiveUtils.watch(() => this._editor.viewModel.activeWorkflow?.activeWorkflow, (activeWorkflow) => {
-                if (activeWorkflow?.type === "update-table-record" || activeWorkflow?.type === "create-features") {
+            this._activeWorkflowHandle = this.reactiveUtils.watch(() => { var _a; return (_a = this._editor.viewModel.activeWorkflow) === null || _a === void 0 ? void 0 : _a.activeWorkflow; }, (activeWorkflow) => {
+                if ((activeWorkflow === null || activeWorkflow === void 0 ? void 0 : activeWorkflow.type) === "update-table-record" || (activeWorkflow === null || activeWorkflow === void 0 ? void 0 : activeWorkflow.type) === "create-features") {
                     this._shouldClose = false;
                 }
-                if (!activeWorkflow?.type && !activeWorkflow?.hasPendingEdits) {
+                if (!(activeWorkflow === null || activeWorkflow === void 0 ? void 0 : activeWorkflow.type) && !(activeWorkflow === null || activeWorkflow === void 0 ? void 0 : activeWorkflow.hasPendingEdits)) {
                     this.open = false;
                 }
             });
@@ -475,14 +479,15 @@ const EditCard = class {
      * @returns void
      */
     async _closeEdit() {
+        var _a, _b, _c, _d;
         this._shouldClose = true;
-        if (this._editor?.activeWorkflow) {
-            await this._editor?.cancelWorkflow();
+        if ((_a = this._editor) === null || _a === void 0 ? void 0 : _a.activeWorkflow) {
+            await ((_b = this._editor) === null || _b === void 0 ? void 0 : _b.cancelWorkflow());
         }
-        if (this.graphicIndex > -1 && this.graphics?.length > 0) {
+        if (this.graphicIndex > -1 && ((_c = this.graphics) === null || _c === void 0 ? void 0 : _c.length) > 0) {
             this.refreshGraphics.emit(this.graphics);
         }
-        this._editor?.destroy();
+        (_d = this._editor) === null || _d === void 0 ? void 0 : _d.destroy();
         this._shouldClose = false;
         this.closeEdit.emit();
     }
@@ -537,11 +542,12 @@ const InfoCard = class {
      * Watch for changes to the graphic and update the feature widget
      */
     async graphicsWatchHandler() {
+        var _a;
         if (!this._features) {
             await this._initFeaturesWidget();
         }
         if (this.graphics.length > 0) {
-            const featureLayer = this.graphics[0]?.layer;
+            const featureLayer = (_a = this.graphics[0]) === null || _a === void 0 ? void 0 : _a.layer;
             this._editEnabled = featureLayer.editingEnabled && featureLayer.capabilities.operations.supportsUpdate;
             this._features.open({
                 features: this.graphics
@@ -603,12 +609,13 @@ const InfoCard = class {
      * Renders the component.
      */
     render() {
+        var _a, _b, _c;
         const loadingClass = this.isLoading ? "" : "display-none";
         const featureNodeClass = this.isLoading || this._editRecordOpen ? "display-none" : "position-absolute";
         const editClass = !this.isLoading && this._editRecordOpen ? "position-absolute" : "display-none";
         const editButtonClass = (!this.isLoading && this._editRecordOpen) || this._showListView ? "display-none" : "";
-        const nextBackDisabled = this._features?.features?.length < 2;
-        return (index.h(index.Host, null, index.h("calcite-shell", null, index.h("calcite-loader", { class: loadingClass, label: this._translations.fetchingData }), index.h("div", { class: "esri-widget " + featureNodeClass, id: "features-node" }), index.h("div", { class: `${editButtonClass} width-100`, slot: "footer" }, index.h("div", { class: "display-flex top-border padding-1-2" }, index.h("calcite-button", { appearance: "solid", "icon-start": "pencil", id: "solutions-edit", onClick: () => this._openEditRecord(), width: "full" }, this._translations.edit), index.h("calcite-tooltip", { label: "", placement: "bottom", "reference-element": "solutions-edit" }, index.h("span", null, this._translations.edit))), index.h("div", { class: "display-flex padding-1-2 button-container top-border" }, index.h("div", { class: "min-width-100" }, index.h("calcite-button", { appearance: "outline", disabled: nextBackDisabled, id: "solutions-back", onClick: () => this._back(), width: "full" }, this._translations.back), index.h("calcite-tooltip", { label: "", placement: "top", "reference-element": "solutions-back" }, index.h("span", null, this._translations.back))), index.h("div", null, index.h("calcite-action", { icon: "list", onClick: () => this._toggleListView(), scale: "s", text: this._getCount(), textEnabled: true })), index.h("div", { class: "min-width-100" }, index.h("calcite-button", { appearance: "outline", disabled: nextBackDisabled, id: "solutions-next", onClick: () => this._next(), width: "full" }, this._translations.next), index.h("calcite-tooltip", { label: "", placement: "top", "reference-element": "solutions-next" }, index.h("span", null, this._translations.next))))), index.h("edit-card", { class: editClass, graphicIndex: this._features?.selectedFeatureIndex, graphics: this.graphics, mapView: this.mapView, open: this._editRecordOpen }), index.h("calcite-alert", { icon: "layer-broken", kind: "warning", label: "", onCalciteAlertClose: () => this._alertClosed(), open: this._alertOpen, placement: "top" }, index.h("div", { slot: "title" }, this._translations.editDisabled), index.h("div", { slot: "message" }, this._translations.enableEditing)))));
+        const nextBackDisabled = ((_b = (_a = this._features) === null || _a === void 0 ? void 0 : _a.features) === null || _b === void 0 ? void 0 : _b.length) < 2;
+        return (index.h(index.Host, null, index.h("calcite-shell", null, index.h("calcite-loader", { class: loadingClass, label: this._translations.fetchingData }), index.h("div", { class: "esri-widget " + featureNodeClass, id: "features-node" }), index.h("div", { class: `${editButtonClass} width-100`, slot: "footer" }, index.h("div", { class: "display-flex top-border padding-1-2" }, index.h("calcite-button", { appearance: "solid", "icon-start": "pencil", id: "solutions-edit", onClick: () => this._openEditRecord(), width: "full" }, this._translations.edit), index.h("calcite-tooltip", { label: "", placement: "bottom", "reference-element": "solutions-edit" }, index.h("span", null, this._translations.edit))), index.h("div", { class: "display-flex padding-1-2 button-container top-border" }, index.h("div", { class: "min-width-100" }, index.h("calcite-button", { appearance: "outline", disabled: nextBackDisabled, id: "solutions-back", onClick: () => this._back(), width: "full" }, this._translations.back), index.h("calcite-tooltip", { label: "", placement: "top", "reference-element": "solutions-back" }, index.h("span", null, this._translations.back))), index.h("div", null, index.h("calcite-action", { icon: "list", onClick: () => this._toggleListView(), scale: "s", text: this._getCount(), textEnabled: true })), index.h("div", { class: "min-width-100" }, index.h("calcite-button", { appearance: "outline", disabled: nextBackDisabled, id: "solutions-next", onClick: () => this._next(), width: "full" }, this._translations.next), index.h("calcite-tooltip", { label: "", placement: "top", "reference-element": "solutions-next" }, index.h("span", null, this._translations.next))))), index.h("edit-card", { class: editClass, graphicIndex: (_c = this._features) === null || _c === void 0 ? void 0 : _c.selectedFeatureIndex, graphics: this.graphics, mapView: this.mapView, open: this._editRecordOpen }), index.h("calcite-alert", { icon: "layer-broken", kind: "warning", label: "", onCalciteAlertClose: () => this._alertClosed(), open: this._alertOpen, placement: "top" }, index.h("div", { slot: "title" }, this._translations.editDisabled), index.h("div", { slot: "message" }, this._translations.enableEditing)))));
     }
     //--------------------------------------------------------------------------
     //
@@ -720,8 +727,9 @@ const InfoCard = class {
      * @returns the index of total string
      */
     _getCount() {
-        const index = (this._features?.viewModel.selectedFeatureIndex + 1).toString();
-        const total = this._features?.features?.length.toString();
+        var _a, _b, _c;
+        const index = (((_a = this._features) === null || _a === void 0 ? void 0 : _a.viewModel.selectedFeatureIndex) + 1).toString();
+        const total = (_c = (_b = this._features) === null || _b === void 0 ? void 0 : _b.features) === null || _c === void 0 ? void 0 : _c.length.toString();
         return this._translations.indexOfTotal
             .replace("{{index}}", index)
             .replace("{{total}}", total);

package/dist/cjs/calcite-avatar.cjs.entry.js

@@ -7,11 +7,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ed5545a.js');
-const dom = require('./dom-3532b4e4.js');
-const utils = require('./utils-ce788266.js');
-require('./guid-915a25a4.js');
-require('./resources-eeb0b476.js');
+const index = require('./index-b8a649fc.js');
+const dom = require('./dom-e111eaa6.js');
+const utils = require('./utils-c735a41d.js');
+require('./guid-1a466ca6.js');
+require('./resources-6c60363a.js');
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.

package/dist/cjs/calcite-block-section.cjs.entry.js

@@ -7,15 +7,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ed5545a.js');
-const dom = require('./dom-3532b4e4.js');
-const key = require('./key-3057c9ae.js');
-const locale = require('./locale-eb5416f2.js');
-const t9n = require('./t9n-0700950f.js');
-const loadable = require('./loadable-ddfda3cb.js');
-require('./guid-915a25a4.js');
-require('./resources-eeb0b476.js');
-require('./observers-0dc2268b.js');
+const index = require('./index-b8a649fc.js');
+const dom = require('./dom-e111eaa6.js');
+const key = require('./key-b8c05387.js');
+const locale = require('./locale-6a627639.js');
+const t9n = require('./t9n-0556abcb.js');
+const loadable = require('./loadable-07a214c7.js');
+require('./guid-1a466ca6.js');
+require('./resources-6c60363a.js');
+require('./observers-281a8c99.js');
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
@@ -124,8 +124,9 @@ const BlockSection = class {
     //
     // --------------------------------------------------------------------------
     renderStatusIcon() {
+        var _a;
         const { status } = this;
-        const statusIcon = ICONS[status] ?? false;
+        const statusIcon = (_a = ICONS[status]) !== null && _a !== void 0 ? _a : false;
         const statusIconClasses = {
             [CSS.statusIcon]: true,
             [CSS.valid]: status == "valid",

package/dist/cjs/calcite-block_2.cjs.entry.js

@@ -7,22 +7,22 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ed5545a.js');
-const conditionalSlot = require('./conditionalSlot-0be6171f.js');
-const dom = require('./dom-3532b4e4.js');
-const interactive = require('./interactive-101013d4.js');
-const locale = require('./locale-eb5416f2.js');
-const t9n = require('./t9n-0700950f.js');
-const Heading = require('./Heading-f0383b92.js');
-const loadable = require('./loadable-ddfda3cb.js');
-const openCloseComponent = require('./openCloseComponent-6500785c.js');
-const date = require('./date-36e46ea6.js');
-const utils = require('./utils-a6c6f23d.js');
-require('./observers-0dc2268b.js');
-require('./guid-915a25a4.js');
-require('./resources-eeb0b476.js');
-require('./browser-16e4bcaa.js');
-require('./key-3057c9ae.js');
+const index = require('./index-b8a649fc.js');
+const conditionalSlot = require('./conditionalSlot-63e11cba.js');
+const dom = require('./dom-e111eaa6.js');
+const interactive = require('./interactive-8aff886e.js');
+const locale = require('./locale-6a627639.js');
+const t9n = require('./t9n-0556abcb.js');
+const Heading = require('./Heading-fe70b3e6.js');
+const loadable = require('./loadable-07a214c7.js');
+const openCloseComponent = require('./openCloseComponent-8c9a1749.js');
+const date = require('./date-a0b274b2.js');
+const utils = require('./utils-6587cc34.js');
+require('./observers-281a8c99.js');
+require('./guid-1a466ca6.js');
+require('./resources-6c60363a.js');
+require('./browser-9a43b900.js');
+require('./key-b8c05387.js');
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
@@ -534,6 +534,7 @@ const DatePicker = class {
         loadable.setComponentLoaded(this);
     }
     render() {
+        var _a;
         const date$1 = date.dateFromRange(this.range && Array.isArray(this.valueAsDate) ? this.valueAsDate[0] : this.valueAsDate, this.minAsDate, this.maxAsDate);
         let activeDate = this.getActiveDate(date$1, this.minAsDate, this.maxAsDate);
         const endDate = this.range && Array.isArray(this.valueAsDate)
@@ -541,7 +542,7 @@ const DatePicker = class {
             : null;
         const activeEndDate = this.getActiveEndDate(endDate, this.minAsDate, this.maxAsDate);
         if ((this.activeRange === "end" ||
-            (this.hoverRange?.focused === "end" && (!this.proximitySelectionDisabled || endDate))) &&
+            (((_a = this.hoverRange) === null || _a === void 0 ? void 0 : _a.focused) === "end" && (!this.proximitySelectionDisabled || endDate))) &&
             activeEndDate) {
             activeDate = activeEndDate;
         }