@esri/solutions-components 0.3.6 → 0.3.7

package/dist/cjs/buffer-tools_6.cjs.entry.js

@@ -19,8 +19,8 @@ const math = require('./math-460fffaf.js');
 const key = require('./key-55aca5c0.js');
 const locale$1 = require('./locale-73cab8e8.js');
 const publicNotificationStore = require('./publicNotificationStore-28a8759d.js');
-const interfaces = require('./interfaces-772edf61.js');
-const mapViewUtils = require('./mapViewUtils-55ac76cb.js');
+const interfaces = require('./interfaces-17c631bf.js');
+const mapViewUtils = require('./mapViewUtils-24d1d859.js');
 require('./_commonjsHelpers-6aafa5de.js');
 require('./resources-b56bce71.js');
 require('./observers-5311faf8.js');
@@ -1461,7 +1461,8 @@ const MapDrawTools = class {
         "rectangle-selection": false
       }, createTools: {
         "circle": false
-      }
+      },
+      undoRedoMenu: false
     };
     this._sketchWidget.on("update", (evt) => {
       if (evt.state === "start") {
@@ -1521,7 +1522,7 @@ const MapDrawTools = class {
 };
 MapDrawTools.style = mapDrawToolsCss;
 
-const refineSelectionToolsCss = ":host{display:block}.div-visible{display:inherit}.div-not-visible{display:none !important}.padding-top-1-2{padding-top:.5rem}.main-label{display:flex;float:left}html[dir=\"rtl\"] .main-label{display:flex;float:right}.border{outline:1px solid var(--calcite-ui-border-input)}.margin-top-1{margin-top:1rem}.esri-sketch{display:flex;flex-flow:column wrap}.esri-widget{box-sizing:border-box;color:#323232;font-size:14px;font-family:\"Avenir Next\",\"Helvetica Neue\",Helvetica,Arial,sans-serif;line-height:1.3em}.esri-sketch__panel{align-items:center;display:flex;flex-flow:row nowrap;padding:0}*/ .esri-sketch__tool-section{border-right:1px solid rgba(110,110,110,.3)}.esri-sketch__section{align-items:center;display:flex;flex-flow:row nowrap;padding:0 7px;margin:6px 0;border-right:1px solid rgba(110,110,110,.3)}";
+const refineSelectionToolsCss = ":host{display:block}.div-visible{display:inherit}.div-not-visible{display:none !important}.padding-top-1-2{padding-top:.5rem}.main-label{display:flex;float:left}html[dir=\"rtl\"] .main-label{display:flex;float:right}.border{outline:1px solid var(--calcite-ui-border-input)}.margin-top-1{margin-top:1rem}.esri-sketch{display:flex;flex-flow:column wrap}.esri-widget{box-sizing:border-box;color:#323232;font-size:14px;font-family:\"Avenir Next\",\"Helvetica Neue\",Helvetica,Arial,sans-serif;line-height:1.3em;background-color:var(--calcite-ui-foreground-1)}.esri-sketch__panel{align-items:center;display:flex;flex-flow:row nowrap;padding:0}*/ .esri-sketch__tool-section{border-right:1px solid rgba(110,110,110,.3)}.esri-sketch__section{align-items:center;display:flex;flex-flow:row nowrap;padding:0 7px;margin:6px 0;border-right:1px solid rgba(110,110,110,.3)}";
 
 const RefineSelectionTools = class {
   constructor(hostRef) {
@@ -1632,7 +1633,8 @@ const RefineSelectionTools = class {
   render() {
     const showLayerPickerClass = this.useLayerPicker ? "div-visible" : "div-not-visible";
     const drawClass = this.border ? " border" : "";
-    return (index.h(index.Host, null, index.h("div", null, index.h("map-layer-picker", { class: showLayerPickerClass, enabledLayerIds: this.enabledLayerIds, mapView: this.mapView, onLayerSelectionChange: (evt) => { void this._layerSelectionChange(evt); }, selectedLayerIds: this.layerViews.map(l => l.layer.id), selectionMode: "single" }), index.h("div", { class: "margin-top-1" + drawClass }, index.h("div", { class: "esri-sketch esri-widget" }, index.h("div", { class: "esri-sketch__panel" }, index.h("div", { class: "esri-sketch__tool-section esri-sketch__section" }, index.h("calcite-action", { disabled: !this._selectEnabled, icon: "select", onClick: () => this._setSelectionMode(interfaces.ESelectionType.POINT), scale: "s", text: this._translations.select })), index.h("div", { class: "esri-sketch__tool-section esri-sketch__section" }, index.h("calcite-action", { disabled: !this._selectEnabled, icon: "line", onClick: () => this._setSelectionMode(interfaces.ESelectionType.LINE), scale: "s", text: this._translations.selectLine }), index.h("calcite-action", { disabled: !this._selectEnabled, icon: "polygon", onClick: () => this._setSelectionMode(interfaces.ESelectionType.POLY), scale: "s", text: this._translations.selectPolygon }), index.h("calcite-action", { disabled: !this._selectEnabled, icon: "rectangle", onClick: () => this._setSelectionMode(interfaces.ESelectionType.RECT), scale: "s", text: this._translations.selectRectangle })), index.h("div", { class: "esri-sketch__tool-section esri-sketch__section" }, index.h("calcite-action", { disabled: this._undoStack.length === 0, icon: "undo", onClick: () => this._undo(), scale: "s", text: this._translations.undo }), index.h("calcite-action", { disabled: this._redoStack.length === 0, icon: "redo", onClick: () => this._redo(), scale: "s", text: this._translations.redo }))))))));
+    const showUndoRedo = this.refineMode === interfaces.ERefineMode.ALL ? "div-visible" : "div-not-visible";
+    return (index.h(index.Host, null, index.h("div", null, index.h("map-layer-picker", { class: showLayerPickerClass, enabledLayerIds: this.enabledLayerIds, mapView: this.mapView, onLayerSelectionChange: (evt) => { void this._layerSelectionChange(evt); }, selectedLayerIds: this.layerViews.map(l => l.layer.id), selectionMode: "single" }), index.h("div", { class: "margin-top-1" + drawClass }, index.h("div", { class: "esri-sketch esri-widget" }, index.h("div", { class: "esri-sketch__panel" }, index.h("div", { class: "esri-sketch__tool-section esri-sketch__section" }, index.h("calcite-action", { disabled: !this._selectEnabled, icon: "select", onClick: () => this._setSelectionMode(interfaces.ESelectionType.POINT), scale: "s", text: this._translations.select })), index.h("div", { class: "esri-sketch__tool-section esri-sketch__section" }, index.h("calcite-action", { disabled: !this._selectEnabled, icon: "line", onClick: () => this._setSelectionMode(interfaces.ESelectionType.LINE), scale: "s", text: this._translations.selectLine }), index.h("calcite-action", { disabled: !this._selectEnabled, icon: "polygon", onClick: () => this._setSelectionMode(interfaces.ESelectionType.POLY), scale: "s", text: this._translations.selectPolygon }), index.h("calcite-action", { disabled: !this._selectEnabled, icon: "rectangle", onClick: () => this._setSelectionMode(interfaces.ESelectionType.RECT), scale: "s", text: this._translations.selectRectangle })), index.h("div", { class: showUndoRedo + " esri-sketch__tool-section esri-sketch__section" }, index.h("calcite-action", { disabled: this._undoStack.length === 0, icon: "undo", onClick: () => this._undo(), scale: "s", text: this._translations.undo }), index.h("calcite-action", { disabled: this._redoStack.length === 0, icon: "redo", onClick: () => this._redo(), scale: "s", text: this._translations.redo }))))))));
   }
   //--------------------------------------------------------------------------
   //
@@ -1861,6 +1863,7 @@ const RefineSelectionTools = class {
    * @protected
    */
   async _updateIds(oids, mode, operationStack, operationMode) {
+    console.log("_updateIds");
     const idUpdates = { addIds: [], removeIds: [] };
     if (mode === interfaces.ESelectionMode.ADD) {
       idUpdates.addIds = oids.filter(id => this.ids.indexOf(id) < 0);

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

@@ -20,10 +20,10 @@ const dom = require('./dom-4a580af6.js');
 const openCloseComponent = require('./openCloseComponent-bf986132.js');
 const debounce = require('./debounce-69c3bada.js');
 const conditionalSlot = require('./conditionalSlot-d8471163.js');
-const mapViewUtils = require('./mapViewUtils-55ac76cb.js');
+const mapViewUtils = require('./mapViewUtils-24d1d859.js');
 const publicNotificationStore = require('./publicNotificationStore-28a8759d.js');
 require('./resources-b56bce71.js');
-require('./interfaces-772edf61.js');
+require('./interfaces-17c631bf.js');
 require('./index-a2ef93bb.js');
 
 const comboboxCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{position:relative;display:block}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([scale=s]){font-size:var(--calcite-font-size--2);--calcite-combobox-item-spacing-unit-l:0.5rem;--calcite-combobox-item-spacing-unit-s:0.25rem;--calcite-combobox-input-height:1.5rem}:host([scale=m]){font-size:var(--calcite-font-size--1);--calcite-combobox-item-spacing-unit-l:0.75rem;--calcite-combobox-item-spacing-unit-s:0.5rem;--calcite-combobox-input-height:2rem}:host([scale=l]){font-size:var(--calcite-font-size-0);--calcite-combobox-item-spacing-unit-l:1rem;--calcite-combobox-item-spacing-unit-s:0.75rem;--calcite-combobox-input-height:2.75rem}.wrapper{display:flex;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-1);outline-color:transparent;padding-block:calc(var(--calcite-combobox-item-spacing-unit-s) / 4);padding-inline:var(--calcite-combobox-item-spacing-unit-l)}:host(:focus-within) .wrapper,.wrapper--active{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.wrapper--single{padding-block:0;padding-inline:var(--calcite-combobox-item-spacing-unit-l);cursor:pointer;flex-wrap:nowrap}.grid-input{display:flex;flex-grow:1;flex-wrap:wrap;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0px}.input{flex-grow:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-style:none;background-color:transparent;padding:0px;font-family:inherit;color:var(--calcite-ui-text-1);font-size:inherit;block-size:var(--calcite-combobox-input-height);line-height:var(--calcite-combobox-input-height);min-inline-size:120px;-webkit-margin-after:var(--calcite-combobox-item-spacing-unit-s);margin-block-end:var(--calcite-combobox-item-spacing-unit-s)}.input:focus{outline:2px solid transparent;outline-offset:2px}.input--transparent{opacity:0}.input--single{margin-block:0px;padding:0px}.wrapper--active .input-single{cursor:text}.input--hidden{pointer-events:none;inline-size:0px;min-inline-size:0px;opacity:0}.input--icon{padding-block:0;padding-inline:var(--calcite-combobox-item-spacing-unit-l)}.input-wrap{display:flex;flex-grow:1}.input-wrap--single{flex:1 1 0%;overflow:hidden}.label{pointer-events:none;display:flex;max-inline-size:100%;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0px;font-weight:var(--calcite-font-weight-normal);block-size:var(--calcite-combobox-input-height);line-height:var(--calcite-combobox-input-height)}.label--icon{padding-inline:var(--calcite-combobox-item-spacing-unit-l)}.icon-end,.icon-start{display:flex;inline-size:1rem;cursor:pointer;align-items:center}.icon-end{flex:none}.floating-ui-container{display:block;position:absolute;z-index:900;visibility:hidden;pointer-events:none;inline-size:0;block-size:0;overflow:hidden}.floating-ui-container .calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);visibility:hidden;transition-property:transform, visibility, opacity;opacity:0;box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);z-index:1;border-radius:0.25rem}.floating-ui-container[data-placement^=bottom] .calcite-floating-ui-anim{transform:translateY(-5px)}.floating-ui-container[data-placement^=top] .calcite-floating-ui-anim{transform:translateY(5px)}.floating-ui-container[data-placement^=left] .calcite-floating-ui-anim{transform:translateX(5px)}.floating-ui-container[data-placement^=right] .calcite-floating-ui-anim{transform:translateX(-5px)}.floating-ui-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;visibility:visible;transform:translate(0)}.floating-ui-container--active{pointer-events:initial;visibility:visible;inline-size:unset;block-size:unset;overflow:unset}@media (forced-colors: active){.wrapper,.floating-ui-container--active{border:1px solid canvasText}}.screen-readers-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.list-container{max-block-size:45vh;overflow-y:auto;background-color:var(--calcite-ui-foreground-1);inline-size:var(--calcite-dropdown-width)}.list{margin:0px;display:block;padding:0px}.list--hide{block-size:0px;overflow:hidden}.chip{margin-block:calc(var(--calcite-combobox-item-spacing-unit-s) / 4);margin-inline:0 var(--calcite-combobox-item-spacing-unit-s);max-inline-size:100%}.chip--active{background-color:var(--calcite-ui-foreground-3)}.item{display:block}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";

package/dist/cjs/calcite-input-message_5.cjs.entry.js

@@ -12,11 +12,11 @@ const dom = require('./dom-4a580af6.js');
 const interfaces = require('./interfaces-e76f31e9.js');
 const conditionalSlot = require('./conditionalSlot-d8471163.js');
 const loadModules = require('./loadModules-e9007588.js');
-const mapViewUtils = require('./mapViewUtils-55ac76cb.js');
-const interfaces$1 = require('./interfaces-772edf61.js');
+const mapViewUtils = require('./mapViewUtils-24d1d859.js');
+const interfaces$1 = require('./interfaces-17c631bf.js');
 const publicNotificationStore = require('./publicNotificationStore-28a8759d.js');
 const locale = require('./locale-d15229c4.js');
-const csvUtils = require('./csvUtils-83af7ae1.js');
+const csvUtils = require('./csvUtils-34666909.js');
 const publicNotificationUtils = require('./publicNotificationUtils-9d585d8d.js');
 require('./resources-b56bce71.js');
 require('./guid-84ac4d91.js');
@@ -1108,7 +1108,7 @@ const RefineSelection = class {
    * Renders the component.
    */
   render() {
-    return (index.h(index.Host, null, index.h("div", { class: "padding-1" }, index.h("div", null, index.h("calcite-radio-group", { class: "w-100", onCalciteRadioGroupChange: (evt) => this._modeChanged(evt) }, index.h("calcite-radio-group-item", { checked: this._addEnabled, class: "w-50", onClick: () => this._setSelectionMode(interfaces$1.ESelectionMode.ADD), value: interfaces$1.ESelectionMode.ADD }, this._translations.add), index.h("calcite-radio-group-item", { checked: !this._addEnabled, class: "w-50", onClick: () => this._setSelectionMode(interfaces$1.ESelectionMode.REMOVE), value: interfaces$1.ESelectionMode.REMOVE }, this._translations.remove)), index.h("refine-selection-tools", { border: true, enabledLayerIds: this.enabledLayerIds, ids: publicNotificationUtils.getSelectionIds(this.selectionSets), layerViews: [this.addresseeLayer], mapView: this.mapView, mode: this._addEnabled ? interfaces$1.ESelectionMode.ADD : interfaces$1.ESelectionMode.REMOVE, ref: (el) => { this._refineTools = el; }, useLayerPicker: false })), index.h("br", null), (index.h("calcite-list", { class: "list-border" }, this._getRefineSelectionSetList())))));
+    return (index.h(index.Host, null, index.h("div", { class: "padding-1" }, index.h("div", null, index.h("calcite-radio-group", { class: "w-100", onCalciteRadioGroupChange: (evt) => this._modeChanged(evt) }, index.h("calcite-radio-group-item", { checked: this._addEnabled, class: "w-50", onClick: () => this._setSelectionMode(interfaces$1.ESelectionMode.ADD), value: interfaces$1.ESelectionMode.ADD }, this._translations.add), index.h("calcite-radio-group-item", { checked: !this._addEnabled, class: "w-50", onClick: () => this._setSelectionMode(interfaces$1.ESelectionMode.REMOVE), value: interfaces$1.ESelectionMode.REMOVE }, this._translations.remove)), index.h("refine-selection-tools", { border: true, enabledLayerIds: this.enabledLayerIds, ids: publicNotificationUtils.getSelectionIds(this.selectionSets), layerViews: [this.addresseeLayer], mapView: this.mapView, mode: this._addEnabled ? interfaces$1.ESelectionMode.ADD : interfaces$1.ESelectionMode.REMOVE, ref: (el) => { this._refineTools = el; }, refineMode: interfaces$1.ERefineMode.ALL, useLayerPicker: false })), index.h("br", null), (index.h("calcite-list", { class: "list-border" }, this._getRefineSelectionSetList())))));
   }
   //--------------------------------------------------------------------------
   //
@@ -1138,6 +1138,7 @@ const RefineSelection = class {
    * @protected
    */
   _getRefineSelectionSetList() {
+    console.log("_getRefineSelectionSetList");
     const total = publicNotificationUtils.getTotal(this.selectionSets);
     const refineSet = this._getRefineSelectionSet(this.selectionSets);
     const numAdded = (refineSet === null || refineSet === void 0 ? void 0 : refineSet.refineIds.addIds.length) || 0;
@@ -1209,6 +1210,7 @@ const RefineSelection = class {
    * @protected
    */
   _updateRefineIds(selectionSet, addIds, removeIds) {
+    console.log("_updateRefineIds");
     // remove ids if they exist in the current add or remove list
     selectionSet.refineIds.addIds = selectionSet.refineIds.addIds.filter(id => removeIds.indexOf(id) < 0);
     selectionSet.refineIds.removeIds = selectionSet.refineIds.removeIds.filter(id => addIds.indexOf(id) < 0);

package/dist/cjs/calcite-shell-panel_14.cjs.entry.js

@@ -19,8 +19,8 @@ const sharedListRender = require('./shared-list-render-622b5ba5.js');
 const resources = require('./resources-9c55e05c.js');
 const resources$1 = require('./resources-1f785471.js');
 const locale = require('./locale-d15229c4.js');
-const solutionStore = require('./solution-store-39726b81.js');
-const interfaces = require('./interfaces-772edf61.js');
+const solutionStore = require('./solution-store-2dbab624.js');
+const interfaces = require('./interfaces-17c631bf.js');
 require('./resources-b56bce71.js');
 require('./array-ace6d4b5.js');
 require('./resources-808cfca8.js');

package/dist/cjs/{csvUtils-83af7ae1.js → csvUtils-34666909.js}

@@ -5,7 +5,7 @@
  */
 'use strict';
 
-const mapViewUtils = require('./mapViewUtils-55ac76cb.js');
+const mapViewUtils = require('./mapViewUtils-24d1d859.js');
 
 /** @license
  * Copyright 2022 Esri

package/dist/cjs/{interfaces-772edf61.js → interfaces-17c631bf.js}

@@ -47,7 +47,7 @@ exports.EPageType = void 0;
 exports.ERefineMode = void 0;
 (function (ERefineMode) {
   ERefineMode["ALL"] = "ALL";
-  ERefineMode["SUBSET"] = "SUBSET";
+  ERefineMode["SUBSET"] = "SUBSET"; // Used as a part interactive selection "Use layer features"
 })(exports.ERefineMode || (exports.ERefineMode = {}));
 exports.ESelectionMode = void 0;
 (function (ESelectionMode) {

package/dist/cjs/layer-table.cjs.entry.js

@@ -9,10 +9,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ee607805.js');
 const locale = require('./locale-d15229c4.js');
-const mapViewUtils = require('./mapViewUtils-55ac76cb.js');
-const csvUtils = require('./csvUtils-83af7ae1.js');
+const mapViewUtils = require('./mapViewUtils-24d1d859.js');
+const csvUtils = require('./csvUtils-34666909.js');
 require('./_commonjsHelpers-6aafa5de.js');
-require('./interfaces-772edf61.js');
+require('./interfaces-17c631bf.js');
 
 const layerTableCss = ":host{display:block}.table{display:table;width:100%}.header{display:table-header-group;background-color:#757575;font-weight:500;font-size:var(--calcite-font-size-0);color:var(--calcite-ui-text-inverse);position:sticky;top:0;z-index:1}.table-header-cell{display:table-cell;text-align:justify;border-right:1px solid var(--calcite-ui-border-2);padding:0.5rem}.table-body{display:table-row-group}.row{display:table-row}.table-cell{display:table-cell;padding:0.5rem}.display-table-header{display:table-header-group}.display-flex{display:flex}.table-border{border:1px solid var(--calcite-ui-border-2)}.justify-center{justify-content:center}.table-container{width:100%}.overflow-auto{overflow:auto}.data-container{overflow:auto;height:calc(100% - 35px)}.row:nth-child(odd){background:var(--calcite-ui-foreground-3)}.padding-3-4{padding:0.75rem}.field-width{white-space:nowrap;min-width:300px;max-width:300px;overflow:hidden}";
 

package/dist/cjs/map-card.cjs.entry.js

@@ -10,7 +10,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-ee607805.js');
 const loadModules = require('./loadModules-e9007588.js');
 const locale = require('./locale-d15229c4.js');
-const interfaces = require('./interfaces-772edf61.js');
+const interfaces = require('./interfaces-17c631bf.js');
 require('./_commonjsHelpers-6aafa5de.js');
 
 const mapCardCss = ":host{display:block;--calcite-label-margin-bottom:0;--calcite-block-padding:0}.action-bar-size{height:3.5rem;width:100%}.action-center{-webkit-box-align:center;-webkit-align-items:center;-ms-grid-row-align:center;align-items:center;align-content:center;justify-content:center}.border-bottom-1{border-width:0px;border-bottom-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3)}.width-1-7{width:14.28%}.width-1-6{width:16.66%}.width-full{width:100%}.height-full{height:100%}.display-flex{display:flex}.block-button{border-bottom:0}.block-button:hover{background-color:var(--calcite-ui-foreground-2)}.block-button:active{background-color:var(--calcite-ui-foreground-3)}.map-view{padding:0;margin:0;height:100%;width:100%}.map-list{position:absolute;inset:3.5rem 0 0 0;display:flex;flex-direction:column;overflow:hidden;animation:calcite-scrim-fade-in var(--calcite-internal-animation-timing-medium) ease-in-out;background-color:var(--calcite-scrim-background);z-index:1;width:100%;height:-moz-fit-content;height:fit-content}.map-height{height:calc(100% - 58px)}.display-none{display:none}.esri-zoom{display:none !important}";

package/dist/cjs/{mapViewUtils-55ac76cb.js → mapViewUtils-24d1d859.js}

@@ -5,7 +5,7 @@
  */
 'use strict';
 
-const interfaces = require('./interfaces-772edf61.js');
+const interfaces = require('./interfaces-17c631bf.js');
 
 /** @license
  * Copyright 2022 Esri

package/dist/cjs/public-notification.cjs.entry.js

@@ -8,9 +8,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ee607805.js');
-const interfaces = require('./interfaces-772edf61.js');
+const interfaces = require('./interfaces-17c631bf.js');
 const loadModules = require('./loadModules-e9007588.js');
-const mapViewUtils = require('./mapViewUtils-55ac76cb.js');
+const mapViewUtils = require('./mapViewUtils-24d1d859.js');
 const publicNotificationStore = require('./publicNotificationStore-28a8759d.js');
 const locale = require('./locale-d15229c4.js');
 const publicNotificationUtils = require('./publicNotificationUtils-9d585d8d.js');
@@ -91,7 +91,8 @@ const PublicNotification = class {
    * Handle changes to the buffer distance value
    */
   distanceChanged(event) {
-    this._updateLabel(event);
+    this._updateLabel(event, "distance");
+    this._distance = event.detail.newValue;
   }
   /**
    * Handle changes to the selection sets
@@ -109,7 +110,8 @@ const PublicNotification = class {
    * Handle changes to the buffer unit
    */
   unitChanged(event) {
-    this._updateLabel(event);
+    this._updateLabel(event, "unit");
+    this._unit = event.detail.newValue;
   }
   //--------------------------------------------------------------------------
   //
@@ -451,9 +453,11 @@ const PublicNotification = class {
    *
    * @protected
    */
-  _updateLabel(evt) {
-    if (this.customLabelEnabled && this._customLabel && this._labelName.value.indexOf(evt.detail.oldValue) > -1) {
-      this._customLabel = this._customLabel.replace(evt.detail.oldValue, evt.detail.newValue);
+  _updateLabel(evt, type) {
+    if (this._customLabel) {
+      const oldV = type === "unit" ? `${this._distance} ${evt.detail.oldValue}` : `${evt.detail.oldValue} ${this._unit}`;
+      const newV = type === "unit" ? `${this._distance} ${evt.detail.newValue}` : `${evt.detail.newValue} ${this._unit}`;
+      this._customLabel = this._customLabel.replace(oldV, newV);
       this._labelName.value = this._customLabel;
       this.labelChange.emit(this._labelName.value);
     }
@@ -597,6 +601,8 @@ const PublicNotification = class {
     this._numSelected = 0;
     this._activeSelection = undefined;
     this._customLabel = undefined;
+    this._distance = undefined;
+    this._unit = undefined;
   }
   /**
    * Delete the selection at the defined index
@@ -633,9 +639,9 @@ const PublicNotification = class {
   _openSelection(selectionSet, evt) {
     evt.stopPropagation();
     this._activeSelection = selectionSet;
-    if (this.customLabelEnabled) {
-      this._customLabel = this._activeSelection.label;
-    }
+    this._distance = this._activeSelection.distance;
+    this._unit = this._activeSelection.unit;
+    this._customLabel = this._activeSelection.label;
     this._pageType = interfaces.EPageType.SELECT;
   }
   /**

package/dist/cjs/solution-configuration.cjs.entry.js

@@ -8,10 +8,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ee607805.js');
-const solutionStore = require('./solution-store-39726b81.js');
+const solutionStore = require('./solution-store-2dbab624.js');
 const locale = require('./locale-d15229c4.js');
 require('./index-a2ef93bb.js');
-require('./interfaces-772edf61.js');
+require('./interfaces-17c631bf.js');
 require('./_commonjsHelpers-6aafa5de.js');
 
 /** @license

package/dist/cjs/solution-contents_3.cjs.entry.js

@@ -8,9 +8,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ee607805.js');
-const solutionStore = require('./solution-store-39726b81.js');
+const solutionStore = require('./solution-store-2dbab624.js');
 const locale = require('./locale-d15229c4.js');
-require('./interfaces-772edf61.js');
+require('./interfaces-17c631bf.js');
 require('./index-a2ef93bb.js');
 require('./_commonjsHelpers-6aafa5de.js');
 

package/dist/cjs/{solution-store-39726b81.js → solution-store-2dbab624.js}

@@ -6,7 +6,7 @@
 'use strict';
 
 const index = require('./index-a2ef93bb.js');
-const interfaces = require('./interfaces-772edf61.js');
+const interfaces = require('./interfaces-17c631bf.js');
 const _commonjsHelpers = require('./_commonjsHelpers-6aafa5de.js');
 
 /*! *****************************************************************************

package/dist/collection/components/buffer-tools/buffer-tools.js

@@ -402,7 +402,7 @@ export class BufferTools {
         "composed": true,
         "docs": {
           "tags": [],
-          "text": "Emitted on demand when a buffer is generated."
+          "text": "Emitted on demand when the distance value changes"
         },
         "complexType": {
           "original": "IValueChange",
@@ -422,7 +422,7 @@ export class BufferTools {
         "composed": true,
         "docs": {
           "tags": [],
-          "text": "Emitted on demand when a buffer is generated."
+          "text": "Emitted on demand when the unit changes"
         },
         "complexType": {
           "original": "IValueChange",

package/dist/collection/components/map-draw-tools/map-draw-tools.js

@@ -174,7 +174,8 @@ export class MapDrawTools {
         "rectangle-selection": false
       }, createTools: {
         "circle": false
-      }
+      },
+      undoRedoMenu: false
     };
     this._sketchWidget.on("update", (evt) => {
       if (evt.state === "start") {

package/dist/collection/components/public-notification/public-notification.js

@@ -96,7 +96,8 @@ export class PublicNotification {
    * Handle changes to the buffer distance value
    */
   distanceChanged(event) {
-    this._updateLabel(event);
+    this._updateLabel(event, "distance");
+    this._distance = event.detail.newValue;
   }
   /**
    * Handle changes to the selection sets
@@ -114,7 +115,8 @@ export class PublicNotification {
    * Handle changes to the buffer unit
    */
   unitChanged(event) {
-    this._updateLabel(event);
+    this._updateLabel(event, "unit");
+    this._unit = event.detail.newValue;
   }
   //--------------------------------------------------------------------------
   //
@@ -456,9 +458,11 @@ export class PublicNotification {
    *
    * @protected
    */
-  _updateLabel(evt) {
-    if (this.customLabelEnabled && this._customLabel && this._labelName.value.indexOf(evt.detail.oldValue) > -1) {
-      this._customLabel = this._customLabel.replace(evt.detail.oldValue, evt.detail.newValue);
+  _updateLabel(evt, type) {
+    if (this._customLabel) {
+      const oldV = type === "unit" ? `${this._distance} ${evt.detail.oldValue}` : `${evt.detail.oldValue} ${this._unit}`;
+      const newV = type === "unit" ? `${this._distance} ${evt.detail.newValue}` : `${evt.detail.newValue} ${this._unit}`;
+      this._customLabel = this._customLabel.replace(oldV, newV);
       this._labelName.value = this._customLabel;
       this.labelChange.emit(this._labelName.value);
     }
@@ -602,6 +606,8 @@ export class PublicNotification {
     this._numSelected = 0;
     this._activeSelection = undefined;
     this._customLabel = undefined;
+    this._distance = undefined;
+    this._unit = undefined;
   }
   /**
    * Delete the selection at the defined index
@@ -638,9 +644,9 @@ export class PublicNotification {
   _openSelection(selectionSet, evt) {
     evt.stopPropagation();
     this._activeSelection = selectionSet;
-    if (this.customLabelEnabled) {
-      this._customLabel = this._activeSelection.label;
-    }
+    this._distance = this._activeSelection.distance;
+    this._unit = this._activeSelection.unit;
+    this._customLabel = this._activeSelection.label;
     this._pageType = EPageType.SELECT;
   }
   /**

package/dist/collection/components/refine-selection/refine-selection.js

@@ -19,7 +19,7 @@
  * limitations under the License.
  */
 import { Host, h } from "@stencil/core";
-import { ESelectionMode, EWorkflowType } from "../../utils/interfaces";
+import { ERefineMode, ESelectionMode, EWorkflowType } from "../../utils/interfaces";
 import * as utils from "../../utils/publicNotificationUtils";
 import { getLocaleComponentStrings } from "../../utils/locale";
 export class RefineSelection {
@@ -67,7 +67,7 @@ export class RefineSelection {
    * Renders the component.
    */
   render() {
-    return (h(Host, null, h("div", { class: "padding-1" }, h("div", null, h("calcite-radio-group", { class: "w-100", onCalciteRadioGroupChange: (evt) => this._modeChanged(evt) }, h("calcite-radio-group-item", { checked: this._addEnabled, class: "w-50", onClick: () => this._setSelectionMode(ESelectionMode.ADD), value: ESelectionMode.ADD }, this._translations.add), h("calcite-radio-group-item", { checked: !this._addEnabled, class: "w-50", onClick: () => this._setSelectionMode(ESelectionMode.REMOVE), value: ESelectionMode.REMOVE }, this._translations.remove)), h("refine-selection-tools", { border: true, enabledLayerIds: this.enabledLayerIds, ids: utils.getSelectionIds(this.selectionSets), layerViews: [this.addresseeLayer], mapView: this.mapView, mode: this._addEnabled ? ESelectionMode.ADD : ESelectionMode.REMOVE, ref: (el) => { this._refineTools = el; }, useLayerPicker: false })), h("br", null), (h("calcite-list", { class: "list-border" }, this._getRefineSelectionSetList())))));
+    return (h(Host, null, h("div", { class: "padding-1" }, h("div", null, h("calcite-radio-group", { class: "w-100", onCalciteRadioGroupChange: (evt) => this._modeChanged(evt) }, h("calcite-radio-group-item", { checked: this._addEnabled, class: "w-50", onClick: () => this._setSelectionMode(ESelectionMode.ADD), value: ESelectionMode.ADD }, this._translations.add), h("calcite-radio-group-item", { checked: !this._addEnabled, class: "w-50", onClick: () => this._setSelectionMode(ESelectionMode.REMOVE), value: ESelectionMode.REMOVE }, this._translations.remove)), h("refine-selection-tools", { border: true, enabledLayerIds: this.enabledLayerIds, ids: utils.getSelectionIds(this.selectionSets), layerViews: [this.addresseeLayer], mapView: this.mapView, mode: this._addEnabled ? ESelectionMode.ADD : ESelectionMode.REMOVE, ref: (el) => { this._refineTools = el; }, refineMode: ERefineMode.ALL, useLayerPicker: false })), h("br", null), (h("calcite-list", { class: "list-border" }, this._getRefineSelectionSetList())))));
   }
   //--------------------------------------------------------------------------
   //
@@ -97,6 +97,7 @@ export class RefineSelection {
    * @protected
    */
   _getRefineSelectionSetList() {
+    console.log("_getRefineSelectionSetList");
     const total = utils.getTotal(this.selectionSets);
     const refineSet = this._getRefineSelectionSet(this.selectionSets);
     const numAdded = (refineSet === null || refineSet === void 0 ? void 0 : refineSet.refineIds.addIds.length) || 0;
@@ -168,6 +169,7 @@ export class RefineSelection {
    * @protected
    */
   _updateRefineIds(selectionSet, addIds, removeIds) {
+    console.log("_updateRefineIds");
     // remove ids if they exist in the current add or remove list
     selectionSet.refineIds.addIds = selectionSet.refineIds.addIds.filter(id => removeIds.indexOf(id) < 0);
     selectionSet.refineIds.removeIds = selectionSet.refineIds.removeIds.filter(id => addIds.indexOf(id) < 0);

package/dist/collection/components/refine-selection-tools/refine-selection-tools.css

@@ -60,6 +60,7 @@ html[dir="rtl"] .main-label {
   font-size: 14px;
   font-family: "Avenir Next","Helvetica Neue",Helvetica,Arial,sans-serif;
   line-height: 1.3em;
+  background-color: var(--calcite-ui-foreground-1);
 }
 
 /* DIV CHILD */

package/dist/collection/components/refine-selection-tools/refine-selection-tools.js

@@ -131,7 +131,8 @@ export class RefineSelectionTools {
   render() {
     const showLayerPickerClass = this.useLayerPicker ? "div-visible" : "div-not-visible";
     const drawClass = this.border ? " border" : "";
-    return (h(Host, null, h("div", null, h("map-layer-picker", { class: showLayerPickerClass, enabledLayerIds: this.enabledLayerIds, mapView: this.mapView, onLayerSelectionChange: (evt) => { void this._layerSelectionChange(evt); }, selectedLayerIds: this.layerViews.map(l => l.layer.id), selectionMode: "single" }), h("div", { class: "margin-top-1" + drawClass }, h("div", { class: "esri-sketch esri-widget" }, h("div", { class: "esri-sketch__panel" }, h("div", { class: "esri-sketch__tool-section esri-sketch__section" }, h("calcite-action", { disabled: !this._selectEnabled, icon: "select", onClick: () => this._setSelectionMode(ESelectionType.POINT), scale: "s", text: this._translations.select })), h("div", { class: "esri-sketch__tool-section esri-sketch__section" }, h("calcite-action", { disabled: !this._selectEnabled, icon: "line", onClick: () => this._setSelectionMode(ESelectionType.LINE), scale: "s", text: this._translations.selectLine }), h("calcite-action", { disabled: !this._selectEnabled, icon: "polygon", onClick: () => this._setSelectionMode(ESelectionType.POLY), scale: "s", text: this._translations.selectPolygon }), h("calcite-action", { disabled: !this._selectEnabled, icon: "rectangle", onClick: () => this._setSelectionMode(ESelectionType.RECT), scale: "s", text: this._translations.selectRectangle })), h("div", { class: "esri-sketch__tool-section esri-sketch__section" }, h("calcite-action", { disabled: this._undoStack.length === 0, icon: "undo", onClick: () => this._undo(), scale: "s", text: this._translations.undo }), h("calcite-action", { disabled: this._redoStack.length === 0, icon: "redo", onClick: () => this._redo(), scale: "s", text: this._translations.redo }))))))));
+    const showUndoRedo = this.refineMode === ERefineMode.ALL ? "div-visible" : "div-not-visible";
+    return (h(Host, null, h("div", null, h("map-layer-picker", { class: showLayerPickerClass, enabledLayerIds: this.enabledLayerIds, mapView: this.mapView, onLayerSelectionChange: (evt) => { void this._layerSelectionChange(evt); }, selectedLayerIds: this.layerViews.map(l => l.layer.id), selectionMode: "single" }), h("div", { class: "margin-top-1" + drawClass }, h("div", { class: "esri-sketch esri-widget" }, h("div", { class: "esri-sketch__panel" }, h("div", { class: "esri-sketch__tool-section esri-sketch__section" }, h("calcite-action", { disabled: !this._selectEnabled, icon: "select", onClick: () => this._setSelectionMode(ESelectionType.POINT), scale: "s", text: this._translations.select })), h("div", { class: "esri-sketch__tool-section esri-sketch__section" }, h("calcite-action", { disabled: !this._selectEnabled, icon: "line", onClick: () => this._setSelectionMode(ESelectionType.LINE), scale: "s", text: this._translations.selectLine }), h("calcite-action", { disabled: !this._selectEnabled, icon: "polygon", onClick: () => this._setSelectionMode(ESelectionType.POLY), scale: "s", text: this._translations.selectPolygon }), h("calcite-action", { disabled: !this._selectEnabled, icon: "rectangle", onClick: () => this._setSelectionMode(ESelectionType.RECT), scale: "s", text: this._translations.selectRectangle })), h("div", { class: showUndoRedo + " esri-sketch__tool-section esri-sketch__section" }, h("calcite-action", { disabled: this._undoStack.length === 0, icon: "undo", onClick: () => this._undo(), scale: "s", text: this._translations.undo }), h("calcite-action", { disabled: this._redoStack.length === 0, icon: "redo", onClick: () => this._redo(), scale: "s", text: this._translations.redo }))))))));
   }
   //--------------------------------------------------------------------------
   //
@@ -360,6 +361,7 @@ export class RefineSelectionTools {
    * @protected
    */
   async _updateIds(oids, mode, operationStack, operationMode) {
+    console.log("_updateIds");
     const idUpdates = { addIds: [], removeIds: [] };
     if (mode === ESelectionMode.ADD) {
       idUpdates.addIds = oids.filter(id => this.ids.indexOf(id) < 0);

package/dist/collection/demos/new-public-notification.html

@@ -111,9 +111,10 @@
         demo.noResultText = "No results found";
         //demo.selectionLayerIds = ["1843422bf6b-layer-7"];
         demo.showSearchSettings = true;
-        demo.customLabelEnabled = true;
+        demo.customLabelEnabled = false;
         // demo.bufferColor = [227, 0, 0, 0.8];
         // demo.bufferOutlineColor = [0, 255, 0];
+        demo.showRefineSelection = true;
       });
     </script>
   </head>

package/dist/collection/utils/interfaces.js

@@ -45,7 +45,7 @@ export var EPageType;
 export var ERefineMode;
 (function (ERefineMode) {
   ERefineMode["ALL"] = "ALL";
-  ERefineMode["SUBSET"] = "SUBSET";
+  ERefineMode["SUBSET"] = "SUBSET"; // Used as a part interactive selection "Use layer features"
 })(ERefineMode || (ERefineMode = {}));
 export var ESelectionMode;
 (function (ESelectionMode) {

package/dist/collection/utils/interfaces.ts

@@ -44,8 +44,8 @@ export enum EPageType {
 }
 
 export enum ERefineMode {
-  ALL="ALL",
-  SUBSET="SUBSET"
+  ALL="ALL", // Used for the refine selection workflow
+  SUBSET="SUBSET" // Used as a part interactive selection "Use layer features"
 }
 
 export enum ESelectionMode {

package/dist/components/interfaces3.js

@@ -45,7 +45,7 @@ var EPageType;
 var ERefineMode;
 (function (ERefineMode) {
   ERefineMode["ALL"] = "ALL";
-  ERefineMode["SUBSET"] = "SUBSET";
+  ERefineMode["SUBSET"] = "SUBSET"; // Used as a part interactive selection "Use layer features"
 })(ERefineMode || (ERefineMode = {}));
 var ESelectionMode;
 (function (ESelectionMode) {

package/dist/components/map-draw-tools2.js

@@ -165,7 +165,8 @@ const MapDrawTools = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
         "rectangle-selection": false
       }, createTools: {
         "circle": false
-      }
+      },
+      undoRedoMenu: false
     };
     this._sketchWidget.on("update", (evt) => {
       if (evt.state === "start") {

package/dist/components/public-notification.js

@@ -122,7 +122,8 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
    * Handle changes to the buffer distance value
    */
   distanceChanged(event) {
-    this._updateLabel(event);
+    this._updateLabel(event, "distance");
+    this._distance = event.detail.newValue;
   }
   /**
    * Handle changes to the selection sets
@@ -140,7 +141,8 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
    * Handle changes to the buffer unit
    */
   unitChanged(event) {
-    this._updateLabel(event);
+    this._updateLabel(event, "unit");
+    this._unit = event.detail.newValue;
   }
   //--------------------------------------------------------------------------
   //
@@ -482,9 +484,11 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
    *
    * @protected
    */
-  _updateLabel(evt) {
-    if (this.customLabelEnabled && this._customLabel && this._labelName.value.indexOf(evt.detail.oldValue) > -1) {
-      this._customLabel = this._customLabel.replace(evt.detail.oldValue, evt.detail.newValue);
+  _updateLabel(evt, type) {
+    if (this._customLabel) {
+      const oldV = type === "unit" ? `${this._distance} ${evt.detail.oldValue}` : `${evt.detail.oldValue} ${this._unit}`;
+      const newV = type === "unit" ? `${this._distance} ${evt.detail.newValue}` : `${evt.detail.newValue} ${this._unit}`;
+      this._customLabel = this._customLabel.replace(oldV, newV);
       this._labelName.value = this._customLabel;
       this.labelChange.emit(this._labelName.value);
     }
@@ -628,6 +632,8 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
     this._numSelected = 0;
     this._activeSelection = undefined;
     this._customLabel = undefined;
+    this._distance = undefined;
+    this._unit = undefined;
   }
   /**
    * Delete the selection at the defined index
@@ -664,9 +670,9 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
   _openSelection(selectionSet, evt) {
     evt.stopPropagation();
     this._activeSelection = selectionSet;
-    if (this.customLabelEnabled) {
-      this._customLabel = this._activeSelection.label;
-    }
+    this._distance = this._activeSelection.distance;
+    this._unit = this._activeSelection.unit;
+    this._customLabel = this._activeSelection.label;
     this._pageType = EPageType.SELECT;
   }
   /**

package/dist/components/refine-selection-tools2.js

@@ -19,7 +19,7 @@ import { d as defineCustomElement$4 } from './loader.js';
 import { d as defineCustomElement$3 } from './option.js';
 import { d as defineCustomElement$2 } from './select.js';
 
-const refineSelectionToolsCss = ":host{display:block}.div-visible{display:inherit}.div-not-visible{display:none !important}.padding-top-1-2{padding-top:.5rem}.main-label{display:flex;float:left}html[dir=\"rtl\"] .main-label{display:flex;float:right}.border{outline:1px solid var(--calcite-ui-border-input)}.margin-top-1{margin-top:1rem}.esri-sketch{display:flex;flex-flow:column wrap}.esri-widget{box-sizing:border-box;color:#323232;font-size:14px;font-family:\"Avenir Next\",\"Helvetica Neue\",Helvetica,Arial,sans-serif;line-height:1.3em}.esri-sketch__panel{align-items:center;display:flex;flex-flow:row nowrap;padding:0}*/ .esri-sketch__tool-section{border-right:1px solid rgba(110,110,110,.3)}.esri-sketch__section{align-items:center;display:flex;flex-flow:row nowrap;padding:0 7px;margin:6px 0;border-right:1px solid rgba(110,110,110,.3)}";
+const refineSelectionToolsCss = ":host{display:block}.div-visible{display:inherit}.div-not-visible{display:none !important}.padding-top-1-2{padding-top:.5rem}.main-label{display:flex;float:left}html[dir=\"rtl\"] .main-label{display:flex;float:right}.border{outline:1px solid var(--calcite-ui-border-input)}.margin-top-1{margin-top:1rem}.esri-sketch{display:flex;flex-flow:column wrap}.esri-widget{box-sizing:border-box;color:#323232;font-size:14px;font-family:\"Avenir Next\",\"Helvetica Neue\",Helvetica,Arial,sans-serif;line-height:1.3em;background-color:var(--calcite-ui-foreground-1)}.esri-sketch__panel{align-items:center;display:flex;flex-flow:row nowrap;padding:0}*/ .esri-sketch__tool-section{border-right:1px solid rgba(110,110,110,.3)}.esri-sketch__section{align-items:center;display:flex;flex-flow:row nowrap;padding:0 7px;margin:6px 0;border-right:1px solid rgba(110,110,110,.3)}";
 
 const RefineSelectionTools = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -132,7 +132,8 @@ const RefineSelectionTools = /*@__PURE__*/ proxyCustomElement(class extends HTML
   render() {
     const showLayerPickerClass = this.useLayerPicker ? "div-visible" : "div-not-visible";
     const drawClass = this.border ? " border" : "";
-    return (h(Host, null, h("div", null, h("map-layer-picker", { class: showLayerPickerClass, enabledLayerIds: this.enabledLayerIds, mapView: this.mapView, onLayerSelectionChange: (evt) => { void this._layerSelectionChange(evt); }, selectedLayerIds: this.layerViews.map(l => l.layer.id), selectionMode: "single" }), h("div", { class: "margin-top-1" + drawClass }, h("div", { class: "esri-sketch esri-widget" }, h("div", { class: "esri-sketch__panel" }, h("div", { class: "esri-sketch__tool-section esri-sketch__section" }, h("calcite-action", { disabled: !this._selectEnabled, icon: "select", onClick: () => this._setSelectionMode(ESelectionType.POINT), scale: "s", text: this._translations.select })), h("div", { class: "esri-sketch__tool-section esri-sketch__section" }, h("calcite-action", { disabled: !this._selectEnabled, icon: "line", onClick: () => this._setSelectionMode(ESelectionType.LINE), scale: "s", text: this._translations.selectLine }), h("calcite-action", { disabled: !this._selectEnabled, icon: "polygon", onClick: () => this._setSelectionMode(ESelectionType.POLY), scale: "s", text: this._translations.selectPolygon }), h("calcite-action", { disabled: !this._selectEnabled, icon: "rectangle", onClick: () => this._setSelectionMode(ESelectionType.RECT), scale: "s", text: this._translations.selectRectangle })), h("div", { class: "esri-sketch__tool-section esri-sketch__section" }, h("calcite-action", { disabled: this._undoStack.length === 0, icon: "undo", onClick: () => this._undo(), scale: "s", text: this._translations.undo }), h("calcite-action", { disabled: this._redoStack.length === 0, icon: "redo", onClick: () => this._redo(), scale: "s", text: this._translations.redo }))))))));
+    const showUndoRedo = this.refineMode === ERefineMode.ALL ? "div-visible" : "div-not-visible";
+    return (h(Host, null, h("div", null, h("map-layer-picker", { class: showLayerPickerClass, enabledLayerIds: this.enabledLayerIds, mapView: this.mapView, onLayerSelectionChange: (evt) => { void this._layerSelectionChange(evt); }, selectedLayerIds: this.layerViews.map(l => l.layer.id), selectionMode: "single" }), h("div", { class: "margin-top-1" + drawClass }, h("div", { class: "esri-sketch esri-widget" }, h("div", { class: "esri-sketch__panel" }, h("div", { class: "esri-sketch__tool-section esri-sketch__section" }, h("calcite-action", { disabled: !this._selectEnabled, icon: "select", onClick: () => this._setSelectionMode(ESelectionType.POINT), scale: "s", text: this._translations.select })), h("div", { class: "esri-sketch__tool-section esri-sketch__section" }, h("calcite-action", { disabled: !this._selectEnabled, icon: "line", onClick: () => this._setSelectionMode(ESelectionType.LINE), scale: "s", text: this._translations.selectLine }), h("calcite-action", { disabled: !this._selectEnabled, icon: "polygon", onClick: () => this._setSelectionMode(ESelectionType.POLY), scale: "s", text: this._translations.selectPolygon }), h("calcite-action", { disabled: !this._selectEnabled, icon: "rectangle", onClick: () => this._setSelectionMode(ESelectionType.RECT), scale: "s", text: this._translations.selectRectangle })), h("div", { class: showUndoRedo + " esri-sketch__tool-section esri-sketch__section" }, h("calcite-action", { disabled: this._undoStack.length === 0, icon: "undo", onClick: () => this._undo(), scale: "s", text: this._translations.undo }), h("calcite-action", { disabled: this._redoStack.length === 0, icon: "redo", onClick: () => this._redo(), scale: "s", text: this._translations.redo }))))))));
   }
   //--------------------------------------------------------------------------
   //
@@ -361,6 +362,7 @@ const RefineSelectionTools = /*@__PURE__*/ proxyCustomElement(class extends HTML
    * @protected
    */
   async _updateIds(oids, mode, operationStack, operationMode) {
+    console.log("_updateIds");
     const idUpdates = { addIds: [], removeIds: [] };
     if (mode === ESelectionMode.ADD) {
       idUpdates.addIds = oids.filter(id => this.ids.indexOf(id) < 0);