@esri/solutions-components 0.6.17 → 0.6.18

package/dist/cjs/{calcite-tree_3.cjs.entry.js → calcite-checkbox_3.cjs.entry.js}

@@ -9,12 +9,131 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ee37804b.js');
 const dom = require('./dom-8d00cc3f.js');
-const conditionalSlot = require('./conditionalSlot-c989690a.js');
+const form = require('./form-44895e53.js');
+const guid = require('./guid-c351776c.js');
 const interactive = require('./interactive-7837b73d.js');
+const key = require('./key-07312a4b.js');
+const label = require('./label-39887629.js');
+const loadable = require('./loadable-5d36908d.js');
+const conditionalSlot = require('./conditionalSlot-c989690a.js');
 const resources = require('./resources-2278b321.js');
-require('./guid-c351776c.js');
-require('./observers-62ea89bc.js');
 require('./browser-596d8e1e.js');
+require('./observers-62ea89bc.js');
+
+const checkboxCss = ":host([disabled]){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host([scale=s]){--calcite-checkbox-size:0.75rem}:host([scale=m]){--calcite-checkbox-size:var(--calcite-font-size--1)}:host([scale=l]){--calcite-checkbox-size:1rem}:host{position:relative;display:inline-flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}:host .check-svg,:host .toggle{inline-size:var(--calcite-checkbox-size);block-size:var(--calcite-checkbox-size)}:host .check-svg{pointer-events:none;box-sizing:border-box;display:block;overflow:hidden;background-color:var(--calcite-ui-foreground-1);fill:currentColor;stroke:currentColor;stroke-width:1;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input);color:var(--calcite-ui-background)}:host([checked]) .check-svg,:host([indeterminate]) .check-svg{background-color:var(--calcite-ui-brand);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand)}:host([hovered]) .toggle .check-svg,:host .toggle:hover .check-svg{box-shadow:inset 0 0 0 2px var(--calcite-ui-brand)}.toggle{outline-color:transparent}.toggle:active,.toggle:focus,.toggle:focus-visible{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}::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}:host([hidden]){display:none}[hidden]{display:none}";
+
+const Checkbox = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.calciteInternalCheckboxBlur = index.createEvent(this, "calciteInternalCheckboxBlur", 6);
+    this.calciteCheckboxChange = index.createEvent(this, "calciteCheckboxChange", 6);
+    this.calciteInternalCheckboxFocus = index.createEvent(this, "calciteInternalCheckboxFocus", 6);
+    this.checkedPath = "M5.5 12L2 8.689l.637-.636L5.5 10.727l8.022-7.87.637.637z";
+    this.indeterminatePath = "M13 8v1H3V8z";
+    this.getPath = () => this.indeterminate ? this.indeterminatePath : this.checked ? this.checkedPath : "";
+    this.toggle = () => {
+      if (!this.disabled) {
+        this.checked = !this.checked;
+        this.setFocus();
+        this.indeterminate = false;
+        this.calciteCheckboxChange.emit();
+      }
+    };
+    this.keyDownHandler = (event) => {
+      if (key.isActivationKey(event.key)) {
+        this.toggle();
+        event.preventDefault();
+      }
+    };
+    this.clickHandler = () => {
+      if (this.disabled) {
+        return;
+      }
+      this.toggle();
+    };
+    //--------------------------------------------------------------------------
+    //
+    //  Event Listeners
+    //
+    //--------------------------------------------------------------------------
+    this.onToggleBlur = () => {
+      this.calciteInternalCheckboxBlur.emit(false);
+    };
+    this.onToggleFocus = () => {
+      this.calciteInternalCheckboxFocus.emit(true);
+    };
+    this.onLabelClick = () => {
+      this.toggle();
+    };
+    this.checked = false;
+    this.disabled = false;
+    this.form = undefined;
+    this.guid = undefined;
+    this.hovered = false;
+    this.indeterminate = false;
+    this.label = undefined;
+    this.name = undefined;
+    this.required = false;
+    this.scale = "m";
+    this.value = undefined;
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Public Methods
+  //
+  //--------------------------------------------------------------------------
+  /** Sets focus on the component. */
+  async setFocus() {
+    var _a;
+    await loadable.componentFocusable(this);
+    (_a = this.toggleEl) === null || _a === void 0 ? void 0 : _a.focus();
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Private Methods
+  //
+  //--------------------------------------------------------------------------
+  syncHiddenFormInput(input) {
+    input.type = "checkbox";
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  connectedCallback() {
+    this.guid = this.el.id || `calcite-checkbox-${guid.guid()}`;
+    interactive.connectInteractive(this);
+    label.connectLabel(this);
+    form.connectForm(this);
+  }
+  disconnectedCallback() {
+    interactive.disconnectInteractive(this);
+    label.disconnectLabel(this);
+    form.disconnectForm(this);
+  }
+  componentWillLoad() {
+    loadable.setUpLoadableComponent(this);
+  }
+  componentDidLoad() {
+    loadable.setComponentLoaded(this);
+  }
+  componentDidRender() {
+    interactive.updateHostInteraction(this);
+  }
+  // --------------------------------------------------------------------------
+  //
+  //  Render Methods
+  //
+  // --------------------------------------------------------------------------
+  render() {
+    return (index.h(index.Host, { onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, index.h("div", { "aria-checked": dom.toAriaBoolean(this.checked), "aria-label": label.getLabelText(this), class: "toggle", onBlur: this.onToggleBlur, onFocus: this.onToggleFocus, role: "checkbox", tabIndex: this.disabled ? undefined : 0,
+      // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
+      ref: (toggleEl) => (this.toggleEl = toggleEl) }, index.h("svg", { "aria-hidden": "true", class: "check-svg", viewBox: "0 0 16 16" }, index.h("path", { d: this.getPath() })), index.h("slot", null)), index.h(form.HiddenFormInputSlot, { component: this })));
+  }
+  get el() { return index.getElement(this); }
+};
+Checkbox.style = checkboxCss;
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
@@ -616,321 +735,6 @@ const TreeItem = class {
 };
 TreeItem.style = treeItemCss;
 
-const solutionItemIconCss = ".item-type-icon{pointer-events:none;display:block;height:1rem;box-sizing:border-box;margin-left:0.75rem;margin-right:0.75rem;min-width:0;flex-grow:0;flex-shrink:1}.item-type-icon-group-1-up>.block{flex-basis:calc(100% - 1.5rem);width:calc(100% - 1.5rem)}.item-type-icon-group-2-up>.block{flex-basis:calc(50% - 1.5rem);width:calc(50% - 1.5rem)}.item-type-icon-group-3-up>.block{flex-basis:calc(33.33333% - 1.5rem);width:calc(33.33333% - 1.5rem)}.item-type-icon-group-4-up>.block{flex-basis:calc(25% - 1.5rem);width:calc(25% - 1.5rem)}.item-type-icon-group-5-up>.block{flex-basis:calc(20% - 1.5rem);width:calc(20% - 1.5rem)}.item-type-icon-group-6-up>.block{flex-basis:calc(16.66666% - 1.5rem);width:calc(16.66666% - 1.5rem)}.item-type-icon-group-7-up>.block{flex-basis:calc(14.2857% - 1.5rem);width:calc(14.2857% - 1.5rem)}.item-type-icon-group-8-up>.block{flex-basis:calc(12.5% - 1.5rem);width:calc(12.5% - 1.5rem)}.tablet-block-group-1-up>.item-type-icon{flex-basis:calc(100% - 1.5rem);width:calc(100% - 1.5rem)}.tablet-block-group-2-up>.item-type-icon{flex-basis:calc(50% - 1.5rem);width:calc(50% - 1.5rem)}.tablet-block-group-3-up>.item-type-icon{flex-basis:calc(33.33333% - 1.5rem);width:calc(33.33333% - 1.5rem)}.tablet-block-group-4-up>.item-type-icon{flex-basis:calc(25% - 1.5rem);width:calc(25% - 1.5rem)}.tablet-block-group-5-up>.item-type-icon{flex-basis:calc(20% - 1.5rem);width:calc(20% - 1.5rem)}.tablet-block-group-6-up>.item-type-icon{flex-basis:calc(16.66666% - 1.5rem);width:calc(16.66666% - 1.5rem)}.tablet-block-group-7-up>.item-type-icon{flex-basis:calc(14.2857% - 1.5rem);width:calc(14.2857% - 1.5rem)}.tablet-block-group-8-up>.item-type-icon{flex-basis:calc(12.5% - 1.5rem);width:calc(12.5% - 1.5rem)}.phone-block-group-1-up>.item-type-icon{flex-basis:calc(100% - 1.5rem);width:calc(100% - 1.5rem)}.phone-block-group-2-up>.item-type-icon{flex-basis:calc(50% - 1.5rem);width:calc(50% - 1.5rem)}.phone-block-group-3-up>.item-type-icon{flex-basis:calc(33.33333% - 1.5rem);width:calc(33.33333% - 1.5rem)}.phone-block-group-4-up>.item-type-icon{flex-basis:calc(25% - 1.5rem);width:calc(25% - 1.5rem)}.phone-block-group-5-up>.item-type-icon{flex-basis:calc(20% - 1.5rem);width:calc(20% - 1.5rem)}.phone-block-group-6-up>.item-type-icon{flex-basis:calc(16.66666% - 1.5rem);width:calc(16.66666% - 1.5rem)}.phone-block-group-7-up>.item-type-icon{flex-basis:calc(14.2857% - 1.5rem);width:calc(14.2857% - 1.5rem)}.phone-block-group-8-up>.item-type-icon{flex-basis:calc(12.5% - 1.5rem);width:calc(12.5% - 1.5rem)}.code-face .item-type-icon{letter-spacing:0em;font-family:\"Consolas\", \"Andale Mono\", \"Lucida Console\", \"Monaco\", monospace;font-weight:400;font-style:normal}.code-face .item-type-icon b,.code-face .item-type-icon strong{font-weight:400}.code-italic .item-type-icon{letter-spacing:0em;font-family:\"Consolas\", \"Andale Mono\", \"Lucida Console\", \"Monaco\", monospace;font-weight:400;font-style:italic}.code-italic .item-type-icon b,.code-italic .item-type-icon strong{font-weight:400}.item-type-icon{margin-top:0.15em !important;min-width:16px;fill:currentColor;transform:rotate(360deg)}.item-type-icon-margin{margin-inline-end:0.375rem}";
-
-const SolutionItemIcon = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.isPortal = false;
-    this.type = "";
-    this.typeKeywords = [];
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Renders the component.
-   */
-  render() {
-    return index.h("div", { title: this.type }, index.h("img", { class: "item-type-icon item-type-icon-margin", height: "16", src: this._getIconUrl(this.type, this.typeKeywords), width: "16" }));
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Properties (protected)
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Event Listeners
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Events
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Public Methods (async)
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Private Methods
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * This function was copied and slightly modified from the arcgis-portal-app.
-   *
-   * This will construct the path to the icon based on type and typeKeyword info.
-   *
-   * @param type The item type
-   * @param typeKeywords The item typeKeywords
-   */
-  _getIconUrl(type, typeKeywords) {
-    const itemType = (type && type.toLowerCase()) || "", imgDir = "./item-icons/", size = "16"; //for now we only support 16x16 pixel images
-    let isHosted = false, isRouteLayer = false, isMarkupLayer = false, isTable = false, isSpatiotemporal = false, isRelational = false, imgName = "";
-    typeKeywords = typeKeywords || [];
-    if (itemType.indexOf("service") > 0 || itemType === "feature collection" || itemType === "kml" || itemType === "wms" || itemType === "wmts" || itemType === "wfs") {
-      isHosted = typeKeywords.indexOf("Hosted Service") > -1;
-      if (itemType === "feature service" || itemType === "feature collection" || itemType === "kml" || itemType === "wfs") {
-        isTable = typeKeywords.indexOf("Table") > -1;
-        isRouteLayer = typeKeywords.indexOf("Route Layer") > -1;
-        isMarkupLayer = typeKeywords.indexOf("Markup") > -1;
-        isSpatiotemporal = typeKeywords.indexOf("Spatiotemporal") !== -1;
-        imgName = isSpatiotemporal && isTable ? "spatiotemporaltable" : (isTable ? "table" : (isRouteLayer ? "routelayer" : (isMarkupLayer ? "markup" : (isSpatiotemporal ? "spatiotemporal" : (isHosted ? "featureshosted" : "features")))));
-      }
-      else if (itemType === "map service" || itemType === "wms" || itemType === "wmts") {
-        isSpatiotemporal = typeKeywords.indexOf("Spatiotemporal") !== -1;
-        isRelational = typeKeywords.indexOf("Relational") !== -1;
-        if (isSpatiotemporal || isRelational) {
-          imgName = "mapimages";
-        }
-        else {
-          imgName = (isHosted || typeKeywords.indexOf("Tiled") > -1 || itemType === "wmts") ? "maptiles" : "mapimages";
-        }
-      }
-      else if (itemType === "scene service") {
-        if (typeKeywords.indexOf("Line") > -1) {
-          imgName = "sceneweblayerline";
-        }
-        else if (typeKeywords.indexOf("3DObject") > -1) {
-          imgName = "sceneweblayermultipatch";
-        }
-        else if (typeKeywords.indexOf("Point") > -1) {
-          imgName = "sceneweblayerpoint";
-        }
-        else if (typeKeywords.indexOf("IntegratedMesh") > -1) {
-          imgName = "sceneweblayermesh";
-        }
-        else if (typeKeywords.indexOf("PointCloud") > -1) {
-          imgName = "sceneweblayerpointcloud";
-        }
-        else if (typeKeywords.indexOf("Polygon") > -1) {
-          imgName = "sceneweblayerpolygon";
-        }
-        else if (typeKeywords.indexOf("Building") > -1) {
-          imgName = "sceneweblayerbuilding";
-        }
-        else {
-          imgName = "sceneweblayer";
-        }
-      }
-      else if (itemType === "image service") {
-        imgName = typeKeywords.indexOf("Elevation 3D Layer") > -1 ? "elevationlayer" : (typeKeywords.indexOf("Tiled Imagery") > -1 ? "tiledimagerylayer" : "imagery");
-      }
-      else if (itemType === "stream service") {
-        imgName = "streamlayer";
-      }
-      else if (itemType === "vector tile service") {
-        imgName = "vectortile";
-      }
-      else if (itemType === "datastore catalog service") {
-        imgName = "datastorecollection";
-      }
-      else if (itemType === "geocoding service") {
-        imgName = "geocodeservice";
-      }
-      else if (itemType === "geoprocessing service") {
-        imgName = (typeKeywords.indexOf("Web Tool") > -1 && (this.isPortal)) ? "tool" : "layers";
-      }
-      else {
-        imgName = "layers";
-      }
-    }
-    else if (itemType === "web map" || itemType === "cityengine web scene") {
-      imgName = "maps";
-    }
-    else if (itemType === "web scene") {
-      imgName = typeKeywords.indexOf("ViewingMode-Local") > -1 ? "webscenelocal" : "websceneglobal";
-    }
-    else if (itemType === "web mapping application" || itemType === "mobile application" || itemType === "application" ||
-      itemType === "operation view" || itemType === "desktop application") {
-      imgName = "apps";
-    }
-    else if (itemType === "map document" || itemType === "map package" || itemType === "published map" || itemType === "scene document" ||
-      itemType === "globe document" || itemType === "basemap package" || itemType === "mobile basemap package" || itemType === "mobile map package" ||
-      itemType === "project package" || itemType === "project template" || itemType === "pro map" || itemType === "layout" ||
-      (itemType === "layer" && typeKeywords.indexOf("ArcGIS Pro") > -1) || (itemType === "explorer map" && typeKeywords.indexOf("Explorer Document"))) {
-      imgName = "mapsgray";
-    }
-    else if (itemType === "service definition" || itemType === "csv" || itemType === "shapefile" || itemType === "cad drawing" || itemType === "geojson" || itemType === "360 vr experience" || itemType === "netcdf" || itemType === "administrative report") {
-      imgName = "datafiles";
-    }
-    else if (itemType === "explorer add in" || itemType === "desktop add in" || itemType === "windows viewer add in" || itemType === "windows viewer configuration") {
-      imgName = "appsgray";
-    }
-    else if (itemType === "arcgis pro add in" || itemType === "arcgis pro configuration") {
-      imgName = "addindesktop";
-    }
-    else if (itemType === "rule package" || itemType === "file geodatabase" || itemType === "sqlite geodatabase" || itemType === "csv collection" || itemType === "kml collection" ||
-      itemType === "windows mobile package" || itemType === "map template" || itemType === "desktop application template" || itemType === "gml" ||
-      itemType === "arcpad package" || itemType === "code sample" || itemType === "form" || itemType === "document link" ||
-      itemType === "operations dashboard add in" || itemType === "rules package" || itemType === "image" || itemType === "workflow manager package" ||
-      (itemType === "explorer map" && typeKeywords.indexOf("Explorer Mapping Application") > -1 || typeKeywords.indexOf("Document") > -1)) {
-      imgName = "datafilesgray";
-    }
-    else if (itemType === "network analysis service" || itemType === "geoprocessing service" ||
-      itemType === "geodata service" || itemType === "geometry service" || itemType === "geoprocessing package" ||
-      itemType === "locator package" || itemType === "geoprocessing sample" || itemType === "workflow manager service") {
-      imgName = "toolsgray";
-    }
-    else if (itemType === "layer" || itemType === "layer package" || itemType === "explorer layer") {
-      imgName = "layersgray";
-    }
-    else if (itemType === "scene package") {
-      imgName = "scenepackage";
-    }
-    else if (itemType === "mobile scene package") {
-      imgName = "mobilescenepackage";
-    }
-    else if (itemType === "tile package" || itemType === "compact tile package") {
-      imgName = "tilepackage";
-    }
-    else if (itemType === "task file") {
-      imgName = "taskfile";
-    }
-    else if (itemType === "report template") {
-      imgName = "report-template";
-    }
-    else if (itemType === "statistical data collection") {
-      imgName = "statisticaldatacollection";
-    }
-    else if (itemType === "insights workbook") {
-      imgName = "workbook";
-    }
-    else if (itemType === "insights model") {
-      imgName = "insightsmodel";
-    }
-    else if (itemType === "insights page") {
-      imgName = "insightspage";
-    }
-    else if (itemType === "insights theme") {
-      imgName = "insightstheme";
-    }
-    else if (itemType === "hub initiative") {
-      imgName = "hubinitiative";
-    }
-    else if (itemType === "hub page") {
-      imgName = "hubpage";
-    }
-    else if (itemType === "hub site application") {
-      imgName = "hubsite";
-    }
-    else if (itemType === "hub event") {
-      imgName = "hubevent";
-    }
-    else if (itemType === "relational database connection") {
-      imgName = "relationaldatabaseconnection";
-    }
-    else if (itemType === "big data file share") {
-      imgName = "datastorecollection";
-    }
-    else if (itemType === "image collection") {
-      imgName = "imagecollection";
-    }
-    else if (itemType === "desktop style") {
-      imgName = "desktopstyle";
-    }
-    else if (itemType === "style") {
-      imgName = "style";
-    }
-    else if (itemType === "dashboard") {
-      imgName = "dashboard";
-    }
-    else if (itemType === "raster function template") {
-      imgName = "rasterprocessingtemplate";
-    }
-    else if (itemType === "vector tile package") {
-      imgName = "vectortilepackage";
-    }
-    else if (itemType === "ortho mapping project") {
-      imgName = "orthomappingproject";
-    }
-    else if (itemType === "ortho mapping template") {
-      imgName = "orthomappingtemplate";
-    }
-    else if (itemType === "solution") {
-      imgName = "solutions";
-    }
-    else if (itemType === "geopackage") {
-      imgName = "geopackage";
-    }
-    else if (itemType === "deep learning package") {
-      imgName = "deeplearningpackage";
-    }
-    else if (itemType === "real time analytic") {
-      imgName = "realtimeanalytics";
-    }
-    else if (itemType === "big data analytic") {
-      imgName = "bigdataanalytics";
-    }
-    else if (itemType === "feed") {
-      imgName = "feed";
-    }
-    else if (itemType === "excalibur imagery project") {
-      imgName = "excaliburimageryproject";
-    }
-    else if (itemType === "notebook") {
-      imgName = "notebook";
-    }
-    else if (itemType === "storymap") {
-      imgName = "storymap";
-    }
-    else if (itemType === "survey123 add in") {
-      imgName = "survey123addin";
-    }
-    else if (itemType === "mission") {
-      imgName = "mission";
-    }
-    else if (itemType === "mission report") {
-      imgName = "missionreport";
-    }
-    else if (itemType === "quickcapture project") {
-      imgName = "quickcaptureproject";
-    }
-    else if (itemType === "pro report") {
-      imgName = "proreport";
-    }
-    else if (itemType === "urban model") {
-      imgName = "urbanmodel";
-    }
-    else if (itemType === "web experience") {
-      imgName = "experiencebuilder";
-    }
-    else if (itemType === "web experience template") {
-      imgName = "webexperiencetemplate";
-    }
-    else if (itemType === "workflow") {
-      imgName = "workflow";
-    }
-    else if (itemType === "kernel gateway connection") {
-      imgName = "kernelgatewayconnection";
-    }
-    else if (itemType === "insights script") {
-      imgName = "insightsscript";
-    }
-    else if (itemType === "hub initiative template") {
-      imgName = "hubinitiativetemplate";
-    }
-    else if (itemType === "storymap theme") {
-      imgName = "storymaptheme";
-    }
-    else if (itemType === "group") {
-      imgName = "group";
-    }
-    else {
-      imgName = "maps";
-    }
-    return imgName ? index.getAssetPath(imgDir + imgName + size + ".png") : null;
-  }
-  static get assetsDirs() { return ["item-icons"]; }
-  get el() { return index.getElement(this); }
-};
-SolutionItemIcon.style = solutionItemIconCss;
-
+exports.calcite_checkbox = Checkbox;
 exports.calcite_tree = Tree;
 exports.calcite_tree_item = TreeItem;
-exports.solution_item_icon = SolutionItemIcon;

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

@@ -23,8 +23,9 @@ const sortableComponent = require('./sortableComponent-c4833f8d.js');
 const resources$2 = require('./resources-dc8e5f07.js');
 const resources$1 = require('./resources-d000455c.js');
 const locale$1 = require('./locale-67f5f6b6.js');
-const solutionStore = require('./solution-store-c443e657.js');
+const solutionStore = require('./solution-store-2414dd8a.js');
 const interfaces = require('./interfaces-000be6de.js');
+const solutionResource = require('./solution-resource-f9e3b289.js');
 require('./key-07312a4b.js');
 require('./browser-596d8e1e.js');
 require('./array-a3f9baa5.js');
@@ -2393,7 +2394,7 @@ const SolutionResourceItem = class {
    */
   _renderResourceList() {
     return (index.h("calcite-value-list", { multiple: true }, this.resourceFilePaths.reduce((prev, cur) => {
-      if (cur.type !== solutionStore.EFileType.Thumbnail) {
+      if (cur.type !== solutionResource.EFileType.Thumbnail) {
         prev.push(this._renderResource(cur));
       }
       return prev;
@@ -2557,7 +2558,7 @@ const SolutionResourceItem = class {
           ...this.resourceFilePaths,
           {
             url,
-            type: solutionStore.EFileType.Data,
+            type: solutionResource.EFileType.Data,
             folder: undefined,
             filename,
             blob: files[0],

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

@@ -81,7 +81,7 @@ const CardManager = class {
     var _a, _b;
     const featuresClass = ((_a = this._graphics) === null || _a === void 0 ? void 0 : _a.length) > 0 ? "" : "display-none";
     const messageClass = ((_b = this._graphics) === null || _b === void 0 ? void 0 : _b.length) > 0 ? "display-none" : "";
-    return (index.h(index.Host, null, index.h("div", { class: "overflow-auto height-full" }, index.h("calcite-shell", { class: "position-relative " + featuresClass }, index.h("div", null, index.h("info-card", { graphics: this._graphics, isLoading: this._cardLoading, mapView: this.mapView, zoomAndScrollToSelected: this.zoomAndScrollToSelected }))), index.h("div", { class: "padding-1 " + messageClass }, index.h("calcite-notice", { icon: "table", open: true }, index.h("div", { slot: "message" }, this._translations.selectFeaturesToStart))))));
+    return (index.h(index.Host, null, index.h("div", { class: "overflow-auto height-full" }, index.h("calcite-shell", { class: "position-relative " + featuresClass }, index.h("div", null, index.h("info-card", { graphics: this._graphics, isLoading: this._cardLoading, mapView: this.mapView, zoomAndScrollToSelected: this.zoomAndScrollToSelected }))), index.h("calcite-shell", { class: "position-relative " + messageClass }, index.h("div", { class: "padding-1" }, index.h("calcite-notice", { icon: "table", open: true }, index.h("div", { slot: "message" }, this._translations.selectFeaturesToStart)))))));
   }
   //--------------------------------------------------------------------------
   //
@@ -102,12 +102,13 @@ const CardManager = class {
 };
 CardManager.style = cardManagerCss;
 
-const layerTableCss = ":host{display:block}.height-full{height:100%}.width-full{width:100%}.display-flex{display:flex}.table-border{border:1px solid var(--calcite-ui-border-2)}.border-end{border-inline-end:1px solid var(--calcite-ui-border-2)}.padding-5{padding:5px}.padding-end-1{padding-inline-end:1rem}.height-51{height:51px}.bottom-left{position:absolute;left:0;bottom:0}html[dir=\"rtl\"] .bottom-left{position:absolute;right:0;bottom:0}.background{background-color:var(--calcite-ui-background)}.text-color{color:var(--calcite-ui-text-1)}.align-center{align-items:center}.danger-color{color:var(--calcite-ui-danger)}";
+const layerTableCss = ":host{display:block}.height-full{height:100%}.width-full{width:100%}.display-flex{display:flex}.table-border{border:1px solid var(--calcite-ui-border-2)}.border-end{border-inline-end:1px solid var(--calcite-ui-border-2)}.padding-5{padding:5px}.padding-end-1{padding-inline-end:1rem}.height-51{height:51px}.bottom-left{position:absolute;left:0;bottom:0}html[dir=\"rtl\"] .bottom-left{position:absolute;right:0;bottom:0}.background{background-color:var(--calcite-ui-background)}.text-color{color:var(--calcite-ui-text-1)}.align-center{align-items:center}.danger-color{color:var(--calcite-ui-danger)}.esri-feature-table vaadin-grid{border:none !important}vaadin-grid-cell-content{padding:var(--lumo-space-xs) var(--lumo-space-m) !important}";
 
 const LayerTable = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.featureSelectionChange = index.createEvent(this, "featureSelectionChange", 7);
+    this.openFilterOptions = index.createEvent(this, "openFilterOptions", 7);
     /**
      * number[]: A list of all IDs for the current layer
      */
@@ -286,9 +287,10 @@ const LayerTable = class {
    * @returns The dom node that contains the controls
    */
   _getTableControlRow(slot) {
+    var _a;
     const featuresSelected = this._selectedIndexes.length > 0;
     const id = "more-table-options";
-    return (index.h("div", { class: "display-flex table-border height-51", slot: slot }, index.h("calcite-action-bar", { expandDisabled: true, expanded: true, layout: "horizontal" }, index.h("div", { class: "border-end" }, index.h("map-layer-picker", { appearance: "transparent", mapView: this.mapView, onLayerSelectionChange: (evt) => this._layerSelectionChanged(evt), onlyShowUpdatableLayers: this.onlyShowUpdatableLayers, placeholderIcon: "layers", scale: "l", type: "dropdown" })), this._getAction("zoom-to-object", this._translations.zoom, () => this._zoom(), !featuresSelected), this._getAction("filter", this._translations.filters, () => this._filter(), false), this._deleteEnabled ? this._getDangerAction("trash", this._translations.delete, () => this._delete(), !featuresSelected) : undefined, this._getAction("erase", this._translations.clearSelection, () => this._clearSelection(), !featuresSelected)), index.h("calcite-dropdown", { disabled: this._layer === undefined }, index.h("calcite-action", { appearance: "solid", id: id, label: "", slot: "trigger", text: "" }, index.h("calcite-button", { appearance: "transparent", iconEnd: "chevron-down", kind: "neutral" }, this._translations.more)), index.h("calcite-tooltip", { label: "", placement: "bottom", "reference-element": id }, index.h("span", null, this._translations.moreOptions)), index.h("calcite-dropdown-group", { "selection-mode": "none" }, index.h("calcite-dropdown-item", { iconStart: "list-check-all", onClick: () => this._selectAll() }, this._translations.selectAll), index.h("calcite-dropdown-item", { iconStart: "selected-items-filter", onClick: () => this._toggleShowSelected() }, this._showOnlySelected ? this._translations.showAll :
+    return (index.h("div", { class: "display-flex table-border height-51", slot: slot }, index.h("calcite-action-bar", { expandDisabled: true, expanded: true, layout: "horizontal" }, index.h("div", { class: "border-end" }, index.h("map-layer-picker", { appearance: "transparent", mapView: this.mapView, onLayerSelectionChange: (evt) => this._layerSelectionChanged(evt), onlyShowUpdatableLayers: this.onlyShowUpdatableLayers, placeholderIcon: "layers", scale: "l", type: "dropdown" })), this._getAction("zoom-to-object", this._translations.zoom, () => this._zoom(), !featuresSelected), ((_a = this.mapInfo) === null || _a === void 0 ? void 0 : _a.filters) ? this._getAction("filter", this._translations.filters, () => this._filter(), false) : undefined, this._deleteEnabled ? this._getDangerAction("trash", this._translations.delete, () => this._delete(), !featuresSelected) : undefined, this._getAction("erase", this._translations.clearSelection, () => this._clearSelection(), !featuresSelected)), index.h("calcite-dropdown", { disabled: this._layer === undefined }, index.h("calcite-action", { appearance: "solid", id: id, label: "", slot: "trigger", text: "" }, index.h("calcite-button", { appearance: "transparent", iconEnd: "chevron-down", kind: "neutral" }, this._translations.more)), index.h("calcite-tooltip", { label: "", placement: "bottom", "reference-element": id }, index.h("span", null, this._translations.moreOptions)), index.h("calcite-dropdown-group", { "selection-mode": "none" }, index.h("calcite-dropdown-item", { iconStart: "list-check-all", onClick: () => this._selectAll() }, this._translations.selectAll), index.h("calcite-dropdown-item", { iconStart: "selected-items-filter", onClick: () => this._toggleShowSelected() }, this._showOnlySelected ? this._translations.showAll :
       this._translations.showSelected), index.h("calcite-dropdown-item", { iconStart: "compare", onClick: () => this._switchSelected() }, this._translations.switchSelected), index.h("calcite-dropdown-item", { iconStart: "refresh", onClick: () => this._refresh() }, this._translations.refresh), index.h("calcite-dropdown-item", { iconStart: "export", onClick: () => void this._exportToCSV() }, this._translations.exportCSV)))));
   }
   /**
@@ -539,7 +541,7 @@ const LayerTable = class {
    * @returns void
    */
   _filter() {
-    alert("do whatever this button is supposed to do");
+    this.openFilterOptions.emit();
   }
   /**
    * Select all rows that are not currently selectd
@@ -712,6 +714,7 @@ const MapCard = class {
      */
     this._loadedId = "";
     this.enableLegend = undefined;
+    this.enableFloorFilter = undefined;
     this.enableFullscreen = undefined;
     this.enableSearch = undefined;
     this.enableBasemap = undefined;
@@ -742,7 +745,7 @@ const MapCard = class {
    * Renders the component.
    */
   render() {
-    return (index.h(index.Host, null, index.h("map-picker", { mapInfos: this.mapInfos }), index.h("div", { class: "map-height", ref: (el) => (this._mapDiv = el) }), index.h("map-tools", { basemapConfig: this.basemapConfig, class: "box-shadow", enableBasemap: this.enableBasemap, enableFullscreen: this.enableFullscreen, enableLegend: this.enableLegend, enableSearch: this.enableSearch, mapView: this.mapView, ref: (el) => this._mapTools = el, searchConfiguration: this._searchConfiguration })));
+    return (index.h(index.Host, null, index.h("map-picker", { mapInfos: this.mapInfos }), index.h("div", { class: "map-height", ref: (el) => (this._mapDiv = el) }), index.h("map-tools", { basemapConfig: this.basemapConfig, class: "box-shadow", enableBasemap: this.enableBasemap, enableFloorFilter: this.enableFloorFilter, enableFullscreen: this.enableFullscreen, enableLegend: this.enableLegend, enableSearch: this.enableSearch, mapView: this.mapView, ref: (el) => this._mapTools = el, searchConfiguration: this._searchConfiguration })));
   }
   //--------------------------------------------------------------------------
   //

package/dist/{collection/components/basemap-gallery/test/basemap-gallery.e2e.js → cjs/common-13719149.js}

@@ -3,6 +3,11 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
+'use strict';
+
+require('./solution-resource-f9e3b289.js');
+require('./interfaces-000be6de.js');
+
 /** @license
  * Copyright 2022 Esri
  *
@@ -18,12 +23,15 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { newE2EPage } from "@stencil/core/testing";
-xdescribe('basemap-gallery', () => {
-  it('renders', async () => {
-    const page = await newE2EPage();
-    await page.setContent('<basemap-gallery></basemap-gallery>');
-    const element = await page.find('basemap-gallery');
-    expect(element).toHaveClass('hydrated');
-  });
-});
+/**
+ * Get an array from a list of nodes
+ *
+ * @param nodeList list of nodes
+ *
+ * @returns array of nodes
+ */
+function nodeListToArray(nodeList) {
+  return Array.isArray(nodeList) ? nodeList : Array.from(nodeList);
+}
+
+exports.nodeListToArray = nodeListToArray;