@esri/solutions-components 0.6.2 → 0.6.3

package/dist/components/public-notification.js

@@ -6,20 +6,23 @@
 import { proxyCustomElement, HTMLElement, createEvent, getAssetPath, h, Host } from '@stencil/core/internal/client';
 import { a as EExportType, b as EPageType, c as EWorkflowType } from './interfaces.js';
 import { l as loadModules } from './loadModules.js';
-import { g as goToSelection, h as highlightFeatures, d as defineCustomElement$5 } from './map-layer-picker2.js';
+import { g as goToSelection, h as highlightFeatures } from './mapViewUtils.js';
 import { s as state } from './publicNotificationStore.js';
 import { g as getLocaleComponentStrings } from './locale.js';
 import { c as consolidateLabels, r as removeDuplicateLabels } from './downloadUtils.js';
-import { d as defineCustomElement$D } from './buffer-tools2.js';
-import { d as defineCustomElement$C } from './action.js';
-import { d as defineCustomElement$B } from './action-bar.js';
-import { d as defineCustomElement$A } from './action-group.js';
-import { d as defineCustomElement$z } from './action-menu.js';
-import { d as defineCustomElement$y } from './button.js';
-import { d as defineCustomElement$x } from './checkbox.js';
-import { d as defineCustomElement$w } from './chip.js';
-import { d as defineCustomElement$v } from './combobox.js';
-import { d as defineCustomElement$u } from './combobox-item.js';
+import { d as defineCustomElement$G } from './buffer-tools2.js';
+import { d as defineCustomElement$F } from './action.js';
+import { d as defineCustomElement$E } from './action-bar.js';
+import { d as defineCustomElement$D } from './action-group.js';
+import { d as defineCustomElement$C } from './action-menu.js';
+import { d as defineCustomElement$B } from './button.js';
+import { d as defineCustomElement$A } from './checkbox.js';
+import { d as defineCustomElement$z } from './chip.js';
+import { d as defineCustomElement$y } from './combobox.js';
+import { d as defineCustomElement$x } from './combobox-item.js';
+import { d as defineCustomElement$w } from './dropdown.js';
+import { d as defineCustomElement$v } from './dropdown-group.js';
+import { d as defineCustomElement$u } from './dropdown-item.js';
 import { d as defineCustomElement$t } from './filter.js';
 import { d as defineCustomElement$s } from './graph.js';
 import { d as defineCustomElement$r } from './icon.js';
@@ -44,6 +47,7 @@ import { d as defineCustomElement$9 } from './slider.js';
 import { d as defineCustomElement$8 } from './switch.js';
 import { d as defineCustomElement$7 } from './tooltip.js';
 import { d as defineCustomElement$6 } from './map-draw-tools2.js';
+import { d as defineCustomElement$5 } from './map-layer-picker2.js';
 import { d as defineCustomElement$4 } from './map-select-tools2.js';
 import { d as defineCustomElement$3 } from './pdf-download2.js';
 import { d as defineCustomElement$2 } from './refine-selection2.js';
@@ -59,6 +63,10 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
      * string: The url to the onboarding image
      */
     this._onboardingImageUrl = "";
+    /**
+     * Text to be used as title on PDF pages
+     */
+    this._titleValue = undefined;
     /**
      * number: The number of selected features
      */
@@ -69,6 +77,8 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
     this.customLabelEnabled = undefined;
     this.defaultBufferDistance = undefined;
     this.defaultBufferUnit = undefined;
+    this.defaultExportTitle = "";
+    this.defaultNumLabelsPerPage = undefined;
     this.featureEffect = undefined;
     this.featureHighlightEnabled = undefined;
     this.mapView = undefined;
@@ -537,7 +547,8 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
   _getExportOptions() {
     const displayClass = this._exportType === EExportType.PDF ? "display-block" : "display-none";
     const titleOptionsClass = this._addTitle ? "display-block" : "display-none";
-    return (h("div", { class: displayClass }, this._getLabel(this._translations.pdfOptions, true), h("div", { class: "padding-top-sides-1" }, h("calcite-label", { class: "label-margin-0" }, this._translations.selectPDFLabelOption)), h("div", { class: "padding-sides-1" }, h("pdf-download", { disabled: !this._downloadActive, ref: (el) => { this._downloadTools = el; } })), h("div", { class: "padding-top-sides-1" }, h("calcite-label", { class: "label-margin-0", layout: "inline" }, h("calcite-checkbox", { checked: this._addTitle, onCalciteCheckboxChange: () => this._addTitle = !this._addTitle }), this._translations.addTitle)), h("div", { class: titleOptionsClass }, this._getLabel(this._translations.title, true, ""), h("calcite-input-text", { class: "padding-sides-1", placeholder: this._translations.titlePlaceholder, ref: (el) => { this._title = el; } })), h("div", { class: "padding-top-sides-1" }, h("calcite-label", { class: "label-margin-0", layout: "inline" }, h("calcite-checkbox", { checked: this._addMap, onCalciteCheckboxChange: () => this._addMap = !this._addMap }), this._translations.includeMap))));
+    const title = this._titleValue !== undefined ? this._titleValue : this.defaultExportTitle ? this.defaultExportTitle : "";
+    return (h("div", { class: displayClass }, this._getLabel(this._translations.pdfOptions, true), h("div", { class: "padding-top-sides-1" }, h("calcite-label", { class: "label-margin-0" }, this._translations.selectPDFLabelOption)), h("div", { class: "padding-sides-1" }, h("pdf-download", { defaultNumLabelsPerPage: this.defaultNumLabelsPerPage, disabled: !this._downloadActive, ref: (el) => { this._downloadTools = el; } })), h("div", { class: "padding-top-sides-1" }, h("calcite-label", { class: "label-margin-0", layout: "inline" }, h("calcite-checkbox", { checked: this._addTitle, onCalciteCheckboxChange: () => this._addTitle = !this._addTitle }), this._translations.addTitle)), h("div", { class: titleOptionsClass }, this._getLabel(this._translations.title, true, ""), h("calcite-input-text", { class: "padding-sides-1", onCalciteInputTextInput: () => this._changeTitle(), placeholder: this._translations.titlePlaceholder, ref: (el) => { this._titleElement = el; }, value: title })), h("div", { class: "padding-top-sides-1" }, h("calcite-label", { class: "label-margin-0", layout: "inline" }, h("calcite-checkbox", { checked: this._addMap, onCalciteCheckboxChange: () => this._addMap = !this._addMap }), this._translations.includeMap))));
   }
   /**
    * Render the refine page
@@ -565,6 +576,12 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
   _getPageNavButtons(topLabel, topDisabled, topFunc, bottomLabel, bottomDisabled, bottomFunc) {
     return (h("div", { class: "padding-bottom-1" }, h("div", { class: "display-flex padding-top-sides-1" }, h("calcite-button", { disabled: topDisabled, onClick: topFunc, width: "full" }, h("span", { class: "font-weight-500" }, topLabel))), h("div", { class: "display-flex padding-top-1-2 padding-sides-1" }, h("calcite-button", { appearance: "outline", disabled: bottomDisabled, onClick: bottomFunc, width: "full" }, h("span", { class: "font-weight-500" }, bottomLabel)))));
   }
+  /**
+   * Store the user defined title value
+   */
+  _changeTitle() {
+    this._titleValue = this._titleElement.value;
+  }
   /**
    * Create an informational notice
    *
@@ -647,7 +664,7 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
       }
       this._fetchingData = true;
       // Create the labels for each selection set
-      await this._downloadTools.downloadPDF(exportInfos, this._removeDuplicates.checked, this._addTitle ? this._title.value : "", initialImageDataUrl);
+      await this._downloadTools.downloadPDF(exportInfos, this._removeDuplicates.checked, this._addTitle ? this._titleElement.value : "", initialImageDataUrl);
       this._fetchingData = false;
     }
     if (this._exportType === EExportType.CSV) {
@@ -881,6 +898,8 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
     "customLabelEnabled": [4, "custom-label-enabled"],
     "defaultBufferDistance": [2, "default-buffer-distance"],
     "defaultBufferUnit": [1, "default-buffer-unit"],
+    "defaultExportTitle": [1, "default-export-title"],
+    "defaultNumLabelsPerPage": [8, "default-num-labels-per-page"],
     "featureEffect": [16],
     "featureHighlightEnabled": [4, "feature-highlight-enabled"],
     "mapView": [16],
@@ -908,7 +927,7 @@ function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["public-notification", "buffer-tools", "calcite-action", "calcite-action-bar", "calcite-action-group", "calcite-action-menu", "calcite-button", "calcite-checkbox", "calcite-chip", "calcite-combobox", "calcite-combobox-item", "calcite-filter", "calcite-graph", "calcite-icon", "calcite-input", "calcite-input-message", "calcite-input-text", "calcite-label", "calcite-list", "calcite-list-item", "calcite-loader", "calcite-notice", "calcite-option", "calcite-panel", "calcite-popover", "calcite-progress", "calcite-scrim", "calcite-segmented-control", "calcite-segmented-control-item", "calcite-select", "calcite-shell", "calcite-slider", "calcite-switch", "calcite-tooltip", "map-draw-tools", "map-layer-picker", "map-select-tools", "pdf-download", "refine-selection"];
+  const components = ["public-notification", "buffer-tools", "calcite-action", "calcite-action-bar", "calcite-action-group", "calcite-action-menu", "calcite-button", "calcite-checkbox", "calcite-chip", "calcite-combobox", "calcite-combobox-item", "calcite-dropdown", "calcite-dropdown-group", "calcite-dropdown-item", "calcite-filter", "calcite-graph", "calcite-icon", "calcite-input", "calcite-input-message", "calcite-input-text", "calcite-label", "calcite-list", "calcite-list-item", "calcite-loader", "calcite-notice", "calcite-option", "calcite-panel", "calcite-popover", "calcite-progress", "calcite-scrim", "calcite-segmented-control", "calcite-segmented-control-item", "calcite-select", "calcite-shell", "calcite-slider", "calcite-switch", "calcite-tooltip", "map-draw-tools", "map-layer-picker", "map-select-tools", "pdf-download", "refine-selection"];
   components.forEach(tagName => { switch (tagName) {
     case "public-notification":
       if (!customElements.get(tagName)) {
@@ -917,50 +936,65 @@ function defineCustomElement$1() {
       break;
     case "buffer-tools":
       if (!customElements.get(tagName)) {
-        defineCustomElement$D();
+        defineCustomElement$G();
       }
       break;
     case "calcite-action":
       if (!customElements.get(tagName)) {
-        defineCustomElement$C();
+        defineCustomElement$F();
       }
       break;
     case "calcite-action-bar":
       if (!customElements.get(tagName)) {
-        defineCustomElement$B();
+        defineCustomElement$E();
       }
       break;
     case "calcite-action-group":
       if (!customElements.get(tagName)) {
-        defineCustomElement$A();
+        defineCustomElement$D();
       }
       break;
     case "calcite-action-menu":
       if (!customElements.get(tagName)) {
-        defineCustomElement$z();
+        defineCustomElement$C();
       }
       break;
     case "calcite-button":
       if (!customElements.get(tagName)) {
-        defineCustomElement$y();
+        defineCustomElement$B();
       }
       break;
     case "calcite-checkbox":
       if (!customElements.get(tagName)) {
-        defineCustomElement$x();
+        defineCustomElement$A();
       }
       break;
     case "calcite-chip":
       if (!customElements.get(tagName)) {
-        defineCustomElement$w();
+        defineCustomElement$z();
       }
       break;
     case "calcite-combobox":
       if (!customElements.get(tagName)) {
-        defineCustomElement$v();
+        defineCustomElement$y();
       }
       break;
     case "calcite-combobox-item":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$x();
+      }
+      break;
+    case "calcite-dropdown":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$w();
+      }
+      break;
+    case "calcite-dropdown-group":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$v();
+      }
+      break;
+    case "calcite-dropdown-item":
       if (!customElements.get(tagName)) {
         defineCustomElement$u();
       }

package/dist/components/queryUtils.js

@@ -19,26 +19,16 @@
  * limitations under the License.
  */
 /**
- * Query the layer for all features
+ * Query the layer for all IDs
  *
- * @param start zero-based index indicating where to begin retrieving features
  * @param layer the layer to retrieve features from
- * @param graphics stores the features
  *
  * @returns Promise with the featureSet from the layer that match the provided ids
  */
-async function queryAllFeatures(start, layer, graphics) {
-  const num = layer.capabilities.query.maxRecordCount;
+async function queryAllIds(layer) {
   const query = layer.createQuery();
-  query.start = start;
-  query.num = num;
-  // TODO think through this once I'm back on crowdsource...seems like we may want an arg to control this
-  query.where = layer.definitionExpression || "1=1";
-  const result = await layer.queryFeatures(query);
-  graphics = graphics.concat(result.features);
-  return result.exceededTransferLimit ?
-    queryAllFeatures(start += num, layer, graphics) :
-    Promise.resolve(graphics);
+  query.where = "1=1";
+  return await layer.queryObjectIds(query);
 }
 /**
  * Query the layer for OIDs based on any user drawn geometries or buffers
@@ -69,18 +59,22 @@ async function queryObjectIds(geometries, layer) {
  *
  * @returns Promise with the featureSet from the layer that match the provided ids
  */
-async function queryFeaturesByID(ids, layer, graphics) {
+async function queryFeaturesByID(ids, layer, graphics, returnGeometry, outSpatialReference) {
   const num = layer.capabilities.query.maxRecordCount;
   const start = 0;
   const q = layer.createQuery();
   q.start = start;
   q.num = num;
+  q.returnGeometry = returnGeometry;
   q.objectIds = ids.slice(start, num);
+  if (outSpatialReference) {
+    q.outSpatialReference = outSpatialReference;
+  }
   const result = await layer.queryFeatures(q);
   graphics = graphics.concat(result.features);
   const remainingIds = ids.slice(num, ids.length);
   return remainingIds.length > 0 ?
-    queryFeaturesByID(remainingIds, layer, graphics) :
+    queryFeaturesByID(remainingIds, layer, graphics, returnGeometry, outSpatialReference) :
     Promise.resolve(graphics);
 }
 /**
@@ -162,4 +156,4 @@ async function _intersectQuery(geometry, layer) {
   return layer.queryObjectIds(q);
 }
 
-export { queryExtent as a, queryObjectIds as b, queryFeaturesByGeometry as c, queryFeaturesByID as d, getQueryGeoms as g, queryAllFeatures as q };
+export { queryAllIds as a, queryObjectIds as b, queryFeaturesByGeometry as c, queryExtent as d, getQueryGeoms as g, queryFeaturesByID as q };

package/dist/components/refine-selection2.js

@@ -4,15 +4,19 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { f as ESelectionMode, e as EDrawMode, c as EWorkflowType } from './interfaces.js';
-import { b as getMapLayerView, c as getIdSets, e as highlightAllFeatures, d as defineCustomElement$1 } from './map-layer-picker2.js';
+import { f as ESelectionMode, d as EDrawMode, c as EWorkflowType } from './interfaces.js';
+import { a as getMapLayerView, d as getIdSets, e as highlightAllFeatures } from './mapViewUtils.js';
 import { c as queryFeaturesByGeometry } from './queryUtils.js';
 import { s as state } from './publicNotificationStore.js';
 import { g as getLocaleComponentStrings } from './locale.js';
-import { d as defineCustomElement$k } from './action.js';
-import { d as defineCustomElement$j } from './chip.js';
-import { d as defineCustomElement$i } from './combobox.js';
-import { d as defineCustomElement$h } from './combobox-item.js';
+import { d as defineCustomElement$o } from './action.js';
+import { d as defineCustomElement$n } from './button.js';
+import { d as defineCustomElement$m } from './chip.js';
+import { d as defineCustomElement$l } from './combobox.js';
+import { d as defineCustomElement$k } from './combobox-item.js';
+import { d as defineCustomElement$j } from './dropdown.js';
+import { d as defineCustomElement$i } from './dropdown-group.js';
+import { d as defineCustomElement$h } from './dropdown-item.js';
 import { d as defineCustomElement$g } from './filter.js';
 import { d as defineCustomElement$f } from './icon.js';
 import { d as defineCustomElement$e } from './input.js';
@@ -28,6 +32,7 @@ import { d as defineCustomElement$5 } from './segmented-control.js';
 import { d as defineCustomElement$4 } from './segmented-control-item.js';
 import { d as defineCustomElement$3 } from './select.js';
 import { d as defineCustomElement$2 } from './map-draw-tools2.js';
+import { d as defineCustomElement$1 } from './map-layer-picker2.js';
 
 const refineSelectionCss = ":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)}.display-flex{display:flex}.font-bold{font-weight:bold}.width-full{width:100%}.label-margin-0{--calcite-label-margin-bottom:0}.padding-start-1-2{-webkit-padding-start:0.5rem;padding-inline-start:0.5rem}.font-weight-500{font-weight:500}.word-wrap-anywhere{word-wrap:anywhere}";
 
@@ -88,7 +93,7 @@ const RefineSelection = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
   render() {
     var _a, _b;
     const layerPickerClass = this._enabledLayerIds.length > 1 ? "display-block" : "display-none";
-    return (h(Host, null, h("div", { class: layerPickerClass + " padding-top-sides-1" }, h("div", { class: "display-flex" }, h("calcite-label", { class: "font-bold width-full label-margin-0" }, h("div", { class: "display-flex" }, this._translations.inputLayer, h("calcite-icon", { class: "padding-start-1-2 icon", icon: "question", id: "refine-input-layer", scale: "s" })), h("map-layer-picker", { enabledLayerIds: this._enabledLayerIds, mapView: this.mapView, onLayerSelectionChange: (evt) => { void this._layerSelectionChange(evt); }, ref: (el) => { this._layerPicker = el; }, selectedLayerIds: [this._refineLayer.layer.id], selectionMode: "single" })), h("calcite-popover", { closable: true, label: "", referenceElement: "refine-input-layer" }, h("span", { class: "tooltip-message" }, this._translations.inputLayerTip)))), h("div", { class: "padding-1" }, h("div", { class: "padding-bottom-1" }, h("calcite-segmented-control", { class: "w-100" }, h("calcite-segmented-control-item", { checked: this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.ADD), value: ESelectionMode.ADD }, h("span", { class: "font-weight-500" }, this._translations.add)), h("calcite-segmented-control-item", { checked: !this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.REMOVE), value: ESelectionMode.REMOVE }, h("span", { class: "font-weight-500" }, this._translations.remove)))), h("div", null, h("map-draw-tools", { active: true, drawMode: EDrawMode.REFINE, mapView: this.mapView, onDrawRedo: () => this._redo(), onDrawUndo: () => this._undo(), onSketchGraphicsChange: (evt) => this._sketchGraphicsChanged(evt), pointSymbol: this.sketchPointSymbol, polygonSymbol: this.sketchPolygonSymbol, polylineSymbol: this.sketchLineSymbol, redoEnabled: ((_a = this._refineSelectionSet) === null || _a === void 0 ? void 0 : _a.redoStack.length) > 0, ref: (el) => { this._drawTools = el; }, undoEnabled: ((_b = this._refineSelectionSet) === null || _b === void 0 ? void 0 : _b.undoStack.length) > 0 })), h("br", null), (h("calcite-list", { class: "list-border" }, this._getRefineSelectionSetList())))));
+    return (h(Host, null, h("div", { class: layerPickerClass + " padding-top-sides-1" }, h("div", { class: "display-flex" }, h("calcite-label", { class: "font-bold width-full label-margin-0" }, h("div", { class: "display-flex" }, this._translations.inputLayer, h("calcite-icon", { class: "padding-start-1-2 icon", icon: "question", id: "refine-input-layer", scale: "s" })), h("map-layer-picker", { enabledLayerIds: this._enabledLayerIds, mapView: this.mapView, onLayerSelectionChange: (evt) => { void this._layerSelectionChange(evt); }, ref: (el) => { this._layerPicker = el; }, selectedLayerIds: [this._refineLayer.layer.id] })), h("calcite-popover", { closable: true, label: "", referenceElement: "refine-input-layer" }, h("span", { class: "tooltip-message" }, this._translations.inputLayerTip)))), h("div", { class: "padding-1" }, h("div", { class: "padding-bottom-1" }, h("calcite-segmented-control", { class: "w-100" }, h("calcite-segmented-control-item", { checked: this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.ADD), value: ESelectionMode.ADD }, h("span", { class: "font-weight-500" }, this._translations.add)), h("calcite-segmented-control-item", { checked: !this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.REMOVE), value: ESelectionMode.REMOVE }, h("span", { class: "font-weight-500" }, this._translations.remove)))), h("div", null, h("map-draw-tools", { active: true, drawMode: EDrawMode.REFINE, mapView: this.mapView, onDrawRedo: () => this._redo(), onDrawUndo: () => this._undo(), onSketchGraphicsChange: (evt) => this._sketchGraphicsChanged(evt), pointSymbol: this.sketchPointSymbol, polygonSymbol: this.sketchPolygonSymbol, polylineSymbol: this.sketchLineSymbol, redoEnabled: ((_a = this._refineSelectionSet) === null || _a === void 0 ? void 0 : _a.redoStack.length) > 0, ref: (el) => { this._drawTools = el; }, undoEnabled: ((_b = this._refineSelectionSet) === null || _b === void 0 ? void 0 : _b.undoStack.length) > 0 })), h("br", null), (h("calcite-list", { class: "list-border" }, this._getRefineSelectionSetList())))));
   }
   //--------------------------------------------------------------------------
   //
@@ -434,7 +439,7 @@ function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["refine-selection", "calcite-action", "calcite-chip", "calcite-combobox", "calcite-combobox-item", "calcite-filter", "calcite-icon", "calcite-input", "calcite-label", "calcite-list", "calcite-list-item", "calcite-loader", "calcite-option", "calcite-popover", "calcite-progress", "calcite-scrim", "calcite-segmented-control", "calcite-segmented-control-item", "calcite-select", "map-draw-tools", "map-layer-picker"];
+  const components = ["refine-selection", "calcite-action", "calcite-button", "calcite-chip", "calcite-combobox", "calcite-combobox-item", "calcite-dropdown", "calcite-dropdown-group", "calcite-dropdown-item", "calcite-filter", "calcite-icon", "calcite-input", "calcite-label", "calcite-list", "calcite-list-item", "calcite-loader", "calcite-option", "calcite-popover", "calcite-progress", "calcite-scrim", "calcite-segmented-control", "calcite-segmented-control-item", "calcite-select", "map-draw-tools", "map-layer-picker"];
   components.forEach(tagName => { switch (tagName) {
     case "refine-selection":
       if (!customElements.get(tagName)) {
@@ -443,20 +448,40 @@ function defineCustomElement() {
       break;
     case "calcite-action":
       if (!customElements.get(tagName)) {
-        defineCustomElement$k();
+        defineCustomElement$o();
+      }
+      break;
+    case "calcite-button":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$n();
       }
       break;
     case "calcite-chip":
       if (!customElements.get(tagName)) {
-        defineCustomElement$j();
+        defineCustomElement$m();
       }
       break;
     case "calcite-combobox":
       if (!customElements.get(tagName)) {
-        defineCustomElement$i();
+        defineCustomElement$l();
       }
       break;
     case "calcite-combobox-item":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$k();
+      }
+      break;
+    case "calcite-dropdown":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$j();
+      }
+      break;
+    case "calcite-dropdown-group":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$i();
+      }
+      break;
+    case "calcite-dropdown-item":
       if (!customElements.get(tagName)) {
         defineCustomElement$h();
       }

package/dist/components/resources.js

@@ -6,7 +6,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.2
+ * v1.4.3
  */
 var KindIcons;
 (function (KindIcons) {

package/dist/components/resources2.js

@@ -6,7 +6,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.2
+ * v1.4.3
  */
 const CSS = {
   sticky: "sticky-pos"

package/dist/components/resources3.js

@@ -6,7 +6,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.2
+ * v1.4.3
  */
 const CSS = {
   heading: "heading",

package/dist/components/scrim.js

@@ -6,17 +6,23 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { c as connectLocalized, d as disconnectLocalized } from './locale2.js';
 import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n.js';
+import { c as createObserver } from './observers.js';
 import { d as defineCustomElement$1 } from './loader.js';
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.2
+ * v1.4.3
  */
 const CSS = {
   scrim: "scrim",
   content: "content"
 };
+const BREAKPOINTS = {
+  s: 72,
+  // medium is assumed default.
+  l: 480 // Greater than or equal to 480px.
+};
 
 const scrimCss = "@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-right{0%{opacity:0;transform:translate3D(-5px, 0, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-left{0%{opacity:0;transform:translate3D(5px, 0, 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-right{animation-name:in-right}.calcite-animate__in-left{animation-name:in-left}.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);--calcite-floating-ui-z-index:var(--calcite-app-z-index-dropdown)}:host([hidden]){display:none}:host{position:absolute;inset:0px;z-index:var(--calcite-app-z-index-overlay);display:flex;block-size:100%;inline-size:100%;flex-direction:column;align-items:stretch}@keyframes calcite-scrim-fade-in{0%{--tw-bg-opacity:0}100%{--tw-text-opacity:1}}.scrim{position:absolute;inset:0px;display:flex;flex-direction:column;align-content:center;align-items:center;justify-content:center;overflow:hidden;animation:calcite-scrim-fade-in var(--calcite-internal-animation-timing-medium) ease-in-out;background-color:var(--calcite-scrim-background, var(--calcite-scrim-background-internal))}.content{padding:1rem}";
 
@@ -25,9 +31,20 @@ const Scrim = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     super();
     this.__registerHost();
     this.__attachShadow();
+    this.resizeObserver = createObserver("resize", () => this.handleResize());
+    // --------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    // --------------------------------------------------------------------------
+    this.storeLoaderEl = (el) => {
+      this.loaderEl = el;
+      this.handleResize();
+    };
     this.loading = false;
     this.messages = undefined;
     this.messageOverrides = undefined;
+    this.loaderScale = undefined;
     this.defaultMessages = undefined;
     this.effectiveLocale = "";
   }
@@ -61,10 +78,29 @@ const Scrim = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   render() {
     const { el, loading, messages } = this;
     const hasContent = el.innerHTML.trim().length > 0;
-    const loaderNode = loading ? h("calcite-loader", { label: messages.loading }) : null;
+    const loaderNode = loading ? (h("calcite-loader", { label: messages.loading, ref: this.storeLoaderEl, scale: this.loaderScale })) : null;
     const contentNode = hasContent ? (h("div", { class: CSS.content }, h("slot", null))) : null;
     return (h("div", { class: CSS.scrim }, loaderNode, contentNode));
   }
+  getScale(size) {
+    if (size < BREAKPOINTS.s) {
+      return "s";
+    }
+    else if (size >= BREAKPOINTS.l) {
+      return "l";
+    }
+    else {
+      return "m";
+    }
+  }
+  handleResize() {
+    var _a;
+    const { loaderEl, el } = this;
+    if (!loaderEl) {
+      return;
+    }
+    this.loaderScale = this.getScale((_a = Math.min(el.clientHeight, el.clientWidth)) !== null && _a !== void 0 ? _a : 0);
+  }
   static get assetsDirs() { return ["assets"]; }
   get el() { return this; }
   static get watchers() { return {
@@ -76,6 +112,7 @@ const Scrim = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "loading": [516],
     "messages": [1040],
     "messageOverrides": [1040],
+    "loaderScale": [32],
     "defaultMessages": [32],
     "effectiveLocale": [32]
   }]);

package/dist/components/segmented-control-item.js

@@ -10,7 +10,7 @@ import { d as defineCustomElement$1 } from './icon.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.2
+ * v1.4.3
  */
 const SLOTS = {
   input: "input"

package/dist/components/segmented-control.js

@@ -6,7 +6,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host, Build } from '@stencil/core/internal/client';
 import { c as getElementDir } from './dom.js';
 import { a as afterConnectDefaultValueSet, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form.js';
-import { u as updateHostInteraction } from './interactive.js';
+import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive.js';
 import { c as connectLabel, d as disconnectLabel } from './label2.js';
 import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable.js';
 
@@ -81,10 +81,12 @@ const SegmentedControl = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
     setComponentLoaded(this);
   }
   connectedCallback() {
+    connectInteractive(this);
     connectLabel(this);
     connectForm(this);
   }
   disconnectedCallback() {
+    disconnectInteractive(this);
     disconnectLabel(this);
     disconnectForm(this);
   }

package/dist/components/select.js

@@ -4,9 +4,9 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Fragment } from '@stencil/core/internal/client';
-import { j as focusElement } from './dom.js';
+import { h as focusElement } from './dom.js';
 import { c as connectForm, d as disconnectForm, a as afterConnectDefaultValueSet, H as HiddenFormInputSlot } from './form.js';
-import { u as updateHostInteraction } from './interactive.js';
+import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive.js';
 import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label2.js';
 import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable.js';
 import { c as createObserver } from './observers.js';
@@ -15,7 +15,7 @@ import { d as defineCustomElement$1 } from './icon.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.2
+ * v1.4.3
  */
 const CSS = {
   icon: "icon",
@@ -87,12 +87,14 @@ const Select = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       subtree: true,
       childList: true
     });
+    connectInteractive(this);
     connectLabel(this);
     connectForm(this);
   }
   disconnectedCallback() {
     var _a;
     (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+    disconnectInteractive(this);
     disconnectLabel(this);
     disconnectForm(this);
   }

package/dist/components/shared-list-render.js

@@ -4,7 +4,7 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { g as getRoundRobinIndex } from './array.js';
-import { j as focusElement, b as getSlotted, t as toAriaBoolean } from './dom.js';
+import { h as focusElement, b as getSlotted, t as toAriaBoolean } from './dom.js';
 import { S as SLOTS } from './resources3.js';
 import { d as debounce } from './debounce.js';
 import { h, Host } from '@stencil/core/internal/client';
@@ -13,7 +13,7 @@ import { C as CSS, S as SLOTS$1 } from './resources2.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.2
+ * v1.4.3
  */
 function mutationObserverCallback() {
   this.setUpItems();
@@ -328,7 +328,7 @@ function getItemData() {
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.2
+ * v1.4.3
  */
 const List = ({ props: { disabled, loading, filterEnabled, dataForFilter, handleFilterEvent, filterPlaceholder, filterText, setFilterEl, dragEnabled, storeAssistiveEl }, ...rest }) => {
   const defaultSlot = h("slot", null);

package/dist/components/shell-panel.js

@@ -13,7 +13,7 @@ import { c as connectMessages, s as setUpMessages, d as disconnectMessages, u as
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.2
+ * v1.4.3
  */
 const CSS = {
   container: "container",

package/dist/components/shell.js

@@ -5,12 +5,12 @@
  */
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot.js';
-import { e as slotChangeHasAssignedElement, s as slotChangeGetAssignedElements } from './dom.js';
+import { j as slotChangeHasAssignedElement, s as slotChangeGetAssignedElements } from './dom.js';
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.2
+ * v1.4.3
  */
 const CSS = {
   main: "main",

package/dist/components/slider.js

@@ -7,7 +7,7 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/
 import { g as guid } from './guid.js';
 import { i as isPrimaryPointerButton, o as intersects } from './dom.js';
 import { c as connectForm, d as disconnectForm, a as afterConnectDefaultValueSet, H as HiddenFormInputSlot } from './form.js';
-import { u as updateHostInteraction } from './interactive.js';
+import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive.js';
 import { i as isActivationKey } from './key.js';
 import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label2.js';
 import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable.js';
@@ -18,7 +18,7 @@ import { d as defineCustomElement$1 } from './graph.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.2
+ * v1.4.3
  */
 const CSS = {
   handleLabel: "handle__label",
@@ -164,6 +164,7 @@ const Slider = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   //
   //--------------------------------------------------------------------------
   connectedCallback() {
+    connectInteractive(this);
     connectLocalized(this);
     this.setMinMaxFromValue();
     this.setValueFromMinMax();
@@ -171,6 +172,7 @@ const Slider = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     connectForm(this);
   }
   disconnectedCallback() {
+    disconnectInteractive(this);
     disconnectLabel(this);
     disconnectForm(this);
     disconnectLocalized(this);

package/dist/components/sortableComponent.js

@@ -3028,7 +3028,7 @@ Sortable.mount(Remove, Revert);
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.2
+ * v1.4.3
  */
 const sortableComponentSet = new Set();
 const inactiveSortableComponentSet = new WeakSet();