@esri/solutions-components 0.2.0 → 0.2.2

package/dist/components/public-notification.js

@@ -1,784 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { l as loadModules } from './loadModules.js';
-import { E as EPageType, a as EWorkflowType, b as EExportType } from './interfaces3.js';
-import { a as goToSelection, b as getMapLayerView, h as highlightFeatures } from './mapViewUtils.js';
-import { g as getSelectionSetQuery } from './queryUtils.js';
-import { s as state } from './publicNotificationStore.js';
-import { g as getLocaleComponentStrings } from './locale.js';
-import { g as getTotal, a as getSelectionIds, d as defineCustomElement$3 } from './refine-selection2.js';
-import { d as defineCustomElement$B } from './buffer-tools2.js';
-import { d as defineCustomElement$A } from './action.js';
-import { d as defineCustomElement$z } from './action-bar.js';
-import { d as defineCustomElement$y } from './action-group.js';
-import { d as defineCustomElement$x } from './action-menu.js';
-import { d as defineCustomElement$w } from './button.js';
-import { d as defineCustomElement$v } from './checkbox.js';
-import { d as defineCustomElement$u } from './chip.js';
-import { d as defineCustomElement$t } from './combobox.js';
-import { d as defineCustomElement$s } from './combobox-item.js';
-import { d as defineCustomElement$r } from './graph.js';
-import { d as defineCustomElement$q } from './icon.js';
-import { d as defineCustomElement$p } from './input.js';
-import { d as defineCustomElement$o } from './input-message.js';
-import { d as defineCustomElement$n } from './label.js';
-import { d as defineCustomElement$m } from './list.js';
-import { d as defineCustomElement$l } from './list-item.js';
-import { d as defineCustomElement$k } from './loader.js';
-import { d as defineCustomElement$j } from './notice.js';
-import { d as defineCustomElement$i } from './option.js';
-import { d as defineCustomElement$h } from './panel.js';
-import { d as defineCustomElement$g } from './popover.js';
-import { d as defineCustomElement$f } from './progress.js';
-import { d as defineCustomElement$e } from './radio-group.js';
-import { d as defineCustomElement$d } from './radio-group-item.js';
-import { d as defineCustomElement$c } from './scrim.js';
-import { d as defineCustomElement$b } from './select.js';
-import { d as defineCustomElement$a } from './shell.js';
-import { d as defineCustomElement$9 } from './slider.js';
-import { d as defineCustomElement$8 } from './tooltip.js';
-import { d as defineCustomElement$7 } from './map-draw-tools2.js';
-import { d as defineCustomElement$6 } from './map-layer-picker2.js';
-import { d as defineCustomElement$5 } from './map-select-tools2.js';
-import { d as defineCustomElement$4 } from './pdf-download2.js';
-import { d as defineCustomElement$2 } from './refine-selection-tools2.js';
-
-const publicNotificationCss = ":host{display:block}.border-bottom-1{border-width:0px;border-bottom-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3)}.action-bar-size{height:3.5rem;width:100%}.w-1-3{width:33.3%}.w-1-4{width:25%}.action-center{-webkit-box-align:center;-webkit-align-items:center;-ms-grid-row-align:center;align-items:center;align-content:center;justify-content:center}.width-full{width:100%}.height-full{height:100%}.padding-1{padding:1rem}.padding-top-sides-1{-webkit-padding-before:1rem;padding-block-start:1rem;-webkit-padding-start:1rem;padding-inline-start:1rem;-webkit-padding-end:1rem;padding-inline-end:1rem}.padding-sides-1{-webkit-padding-start:1rem;padding-inline-start:1rem;-webkit-padding-end:1rem;padding-inline-end:1rem}.padding-end-1-2{-webkit-padding-end:.5rem;padding-inline-end:.5rem}.padding-top-1-2{-webkit-padding-before:.5rem;padding-block-start:.5rem}.padding-top-1{padding-top:1rem}.padding-bottom-1{padding-bottom:1rem}.info-blue{color:#00A0FF}.info-message{justify-content:center;display:grid}.font-bold{font-weight:bold}.display-flex{display:flex}.display-block{display:block}.display-none{display:none}.main-label{float:left}html[dir=\"rtl\"] .main-label{float:right}.back-label:hover{cursor:pointer;color:var(--calcite-ui-brand-hover)}.border-bottom{border-bottom:1px solid var(--calcite-ui-border-2)}.margin-side-1{-webkit-margin-start:1rem;margin-inline-start:1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}.border-top{border-top:1px solid var(--calcite-ui-border-2)}.w-100{width:100%}.w-50{width:50%}.padding-1-2{padding:0.5rem}.list-border{border:1px solid var(--calcite-ui-border-2)}.margin-sides-1{-webkit-margin-start:1rem;margin-inline-start:1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}.margin-start-1-2{-webkit-margin-start:0.5rem;margin-inline-start:0.5rem}.position-right{position:absolute;right:1rem}.position-right[dir=\"rtl\"]{position:absolute;left:1rem}.position-left{position:absolute;left:1rem}.position-left[dir=\"rtl\"]{position:absolute;right:1rem}.margin-top-0{-webkit-margin-before:0 !important;margin-block-start:0 !important}.height-1-1-2{height:1.5rem}.main-background{background-color:var(--calcite-ui-foreground-2)}";
-
-const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.addresseeLayer = undefined;
-    this.mapView = undefined;
-    this._downloadActive = true;
-    this._numSelected = 0;
-    this._pageType = EPageType.LIST;
-    this._saveEnabled = false;
-    this._selectionSets = [];
-    this._selectionWorkflowType = EWorkflowType.SEARCH;
-    this._translations = undefined;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Watch handlers
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Called each time the selectionSets prop is changed.
-   */
-  async selectionSetsWatchHandler(v, oldV) {
-    if (v && v !== oldV && v.length > 0) {
-      const nonRefineSets = v.filter(ss => ss.workflowType !== EWorkflowType.REFINE);
-      if (nonRefineSets.length === 0) {
-        this._selectionSets = [];
-      }
-    }
-  }
-  /**
-   * Called each time the pageType prop is changed.
-   */
-  async pageTypeWatchHandler(pageType, oldPageType) {
-    this._clearHighlight();
-    if (oldPageType === EPageType.SELECT || oldPageType === EPageType.REFINE) {
-      // clear any draw shapes or buffers
-      await this._clearSelection();
-    }
-    if (pageType !== EPageType.SELECT) {
-      return this._highlightFeatures();
-    }
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Methods (public)
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Events (public)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Handle changes to the selection sets
-   */
-  selectionSetsChanged(event) {
-    this._selectionSets = [...event.detail];
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (lifecycle)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * StencilJS: Called once just after the component is first connected to the DOM.
-   */
-  async componentWillLoad() {
-    await this._getTranslations();
-    await this._initModules();
-  }
-  /**
-   * Renders the component.
-   */
-  render() {
-    var _a, _b, _c, _d;
-    const hasSelections = this._selectionSets.length > 0;
-    return (h(Host, null, h("calcite-shell", null, h("calcite-action-bar", { class: "border-bottom-1 action-bar-size", "expand-disabled": true, layout: "horizontal", slot: "header" }, this._getActionGroup("list-check", false, EPageType.LIST, (_a = this._translations) === null || _a === void 0 ? void 0 : _a.myLists), this._getActionGroup("test-data", !hasSelections, EPageType.REFINE, (_b = this._translations) === null || _b === void 0 ? void 0 : _b.refineSelection), this._getActionGroup("file-pdf", !hasSelections, EPageType.PDF, (_c = this._translations) === null || _c === void 0 ? void 0 : _c.downloadPDF), this._getActionGroup("file-csv", !hasSelections, EPageType.CSV, (_d = this._translations) === null || _d === void 0 ? void 0 : _d.downloadCSV)), this._getPage(this._pageType))));
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (protected)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Load esri javascript api modules
-   *
-   * @returns Promise resolving when function is done
-   *
-   * @protected
-   */
-  async _initModules() {
-    const [geometryEngine] = await loadModules([
-      "esri/geometry/geometryEngine"
-    ]);
-    this._geometryEngine = geometryEngine;
-  }
-  /**
-   * Get a calcite action group for the current action
-   *
-   * @param icon the icon to display for the current action
-   * @param disabled should the action be disabled
-   * @param pageType what page type will the action navigate to
-   * @param tip information tip to display helpful details to end user
-   *
-   * @protected
-   */
-  _getActionGroup(icon, disabled, pageType, tip) {
-    return (h("calcite-action-group", { class: "action-center w-1-4", layout: "horizontal" }, h("calcite-action", { active: this._pageType === pageType, alignment: "center", class: "width-full height-full", compact: false, disabled: disabled, icon: icon, id: icon, onClick: () => { this._setPageType(pageType); }, text: "" }), h("calcite-tooltip", { label: "", placement: "bottom", "reference-element": icon }, h("span", null, tip))));
-  }
-  /**
-   * Navigate to the defined page type
-   *
-   * @param pageType what page type will the action navigate to
-   *
-   * @protected
-   */
-  _setPageType(pageType) {
-    this._pageType = pageType;
-  }
-  /**
-   * Navigate to the defined page type
-   *
-   * @param pageType what page type will the action navigate to
-   *
-   * @returns the page node
-   * @protected
-   */
-  _getPage(pageType) {
-    let page;
-    switch (pageType) {
-      case EPageType.LIST:
-        page = this._getListPage();
-        break;
-      case EPageType.SELECT:
-        page = this._getSelectPage();
-        break;
-      case EPageType.REFINE:
-        page = this._getRefinePage();
-        break;
-      case EPageType.PDF:
-        page = this._getPDFPage();
-        break;
-      case EPageType.CSV:
-        page = this._getCSVPage();
-        break;
-    }
-    return page;
-  }
-  /**
-   * Create the List page that shows as the initial home screen
-   * This page is also used to show and selection sets that have been created
-   *
-   * @returns the page node
-   * @protected
-   */
-  _getListPage() {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
-    const hasSets = this._selectionSets.filter(ss => ss.workflowType !== EWorkflowType.REFINE).length > 0;
-    const total = getTotal(this._selectionSets);
-    return hasSets ? (h("calcite-panel", null, h("div", { class: "padding-top-sides-1" }, h("calcite-label", { class: "font-bold" }, (_a = this._translations) === null || _a === void 0 ? void 0 : _a.myLists)), this._getNotice((_b = this._translations) === null || _b === void 0 ? void 0 : _b.listHasSetsTip, "padding-sides-1 padding-bottom-1"), h("div", { class: "display-flex padding-sides-1" }, h("calcite-label", { class: "font-bold width-full" }, (_c = this._translations) === null || _c === void 0 ? void 0 :
-      _c.addresseeLayer, h("map-layer-picker", { mapView: this.mapView, onLayerSelectionChange: (evt) => this._layerSelectionChange(evt), selectedLayers: this.addresseeLayer ? [(_d = this.addresseeLayer) === null || _d === void 0 ? void 0 : _d.layer.title] : [], selectionMode: "single" }))), h("div", { class: "padding-sides-1 height-1-1-2" }, h("div", { class: "position-left" }, h("calcite-label", { alignment: "start", class: "font-bold" }, (_e = this._translations) === null || _e === void 0 ? void 0 : _e.notifications)), h("div", { class: "position-right" }, h("calcite-input-message", { active: true, class: "info-blue margin-top-0", scale: "m" }, (_f = this._translations) === null || _f === void 0 ? void 0 : _f.uniqueCout.replace("{{n}}", total.toString())))), hasSets ? this._getSelectionSetList() : (h("div", { class: "info-message" }, h("calcite-input-message", { active: true, class: "info-blue", scale: "m" }, (_g = this._translations) === null || _g === void 0 ? void 0 : _g.noNotifications))), h("div", { class: "display-flex padding-1" }, h("calcite-button", { onClick: () => { this._setPageType(EPageType.SELECT); }, width: "full" }, (_h = this._translations) === null || _h === void 0 ? void 0 : _h.add)))) : (h("calcite-panel", null, h("div", { class: "padding-top-sides-1" }, h("calcite-label", { class: "font-bold" }, (_j = this._translations) === null || _j === void 0 ? void 0 : _j.myLists)), h("div", { class: "padding-sides-1" }, h("calcite-label", null, (_k = this._translations) === null || _k === void 0 ? void 0 : _k.notifications)), h("div", { class: "info-message padding-bottom-1" }, h("calcite-input-message", { active: true, class: "info-blue", scale: "m" }, (_l = this._translations) === null || _l === void 0 ? void 0 : _l.noNotifications)), this._getNotice((_m = this._translations) === null || _m === void 0 ? void 0 : _m.selectLayerAndAdd, "padding-sides-1 padding-bottom-1"), h("div", { class: "display-flex padding-sides-1" }, h("calcite-label", { class: "font-bold width-full" }, (_o = this._translations) === null || _o === void 0 ? void 0 :
-      _o.addresseeLayer, h("map-layer-picker", { mapView: this.mapView, onLayerSelectionChange: (evt) => this._layerSelectionChange(evt), selectedLayers: this.addresseeLayer ? [(_p = this.addresseeLayer) === null || _p === void 0 ? void 0 : _p.layer.title] : [], selectionMode: "single" }))), h("div", { class: "display-flex padding-1" }, h("calcite-button", { onClick: () => { this._setPageType(EPageType.SELECT); }, width: "full" }, (_q = this._translations) === null || _q === void 0 ? void 0 : _q.add))));
-  }
-  /**
-   * Create the selection sets list node for the List page
-   *
-   * @returns selection sets list node
-   * @protected
-   */
-  _getSelectionSetList() {
-    return (h("calcite-list", { class: "list-border margin-sides-1" }, 
-    // REFINE is handled seperately from the core selection sets
-    // You can only access after clicking the refine action
-    this._selectionSets.reduce((prev, cur, i) => {
-      if (cur.workflowType !== EWorkflowType.REFINE) {
-        prev.push((h("calcite-list-item", { description: this._translations.selectedFeatures.replace("{{n}}", cur.selectedIds.length.toString()), label: cur.label, onClick: () => goToSelection(cur.selectedIds, cur.layerView, this.mapView) }, this._getAction(true, "pencil", "", (evt) => this._openSelection(cur, evt), false, "actions-end"), this._getAction(true, "x", "", (evt) => this._deleteSelection(i, evt), false, "actions-end"))));
-      }
-      return prev;
-    }, [])));
-  }
-  /**
-   * Create the Select page that shows the selection workflows
-   *
-   * @returns the page node
-   * @protected
-   */
-  _getSelectPage() {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-    const searchTip = `${(_a = this._translations) === null || _a === void 0 ? void 0 : _a.selectSearchTip} ${(_b = this._translations) === null || _b === void 0 ? void 0 : _b.optionalSearchDistance}`;
-    const selectTip = `${(_c = this._translations) === null || _c === void 0 ? void 0 : _c.selectLayerTip} ${(_d = this._translations) === null || _d === void 0 ? void 0 : _d.optionalSearchDistance}`;
-    const sketchTip = `${(_e = this._translations) === null || _e === void 0 ? void 0 : _e.selectSketchTip} ${(_f = this._translations) === null || _f === void 0 ? void 0 : _f.optionalSearchDistance}`;
-    const noticeText = this._selectionWorkflowType === EWorkflowType.SELECT ? selectTip :
-      this._selectionWorkflowType === EWorkflowType.SKETCH ? sketchTip : searchTip;
-    return (h("calcite-panel", null, this._getLabel((_g = this._translations) === null || _g === void 0 ? void 0 : _g.stepTwoFull, true), this._getNotice(noticeText), h("div", { class: "padding-1" }, h("map-select-tools", { class: "font-bold", isUpdate: !!this._activeSelection, mapView: this.mapView, onSelectionSetChange: (evt) => this._updateForSelection(evt), onWorkflowTypeChange: (evt) => this._updateForWorkflowType(evt), ref: (el) => { this._selectTools = el; }, selectLayerView: this.addresseeLayer, selectionSet: this._activeSelection })), h("div", { class: "padding-sides-1 padding-bottom-1", style: { "align-items": "end", "display": "flex" } }, h("calcite-icon", { class: "info-blue padding-end-1-2", icon: "feature-layer", scale: "s" }), h("calcite-input-message", { active: true, class: "info-blue", scale: "m" }, (_h = this._translations) === null || _h === void 0 ? void 0 : _h.selectedAddresses.replace("{{n}}", this._numSelected.toString()))), this._getPageNavButtons((_j = this._translations) === null || _j === void 0 ? void 0 : _j.done, this._numSelected === 0, () => { void this._saveSelection(); }, (_k = this._translations) === null || _k === void 0 ? void 0 : _k.cancel, false, () => { void this._home(); })));
-  }
-  /**
-   * Create the Refine page that users can interactively add/remove features from existing selection sets
-   *
-   * @returns the page node
-   * @protected
-   */
-  _getRefinePage() {
-    var _a, _b;
-    return (h("calcite-panel", null, this._getLabel((_a = this._translations) === null || _a === void 0 ? void 0 : _a.refineSelection), this._getNotice((_b = this._translations) === null || _b === void 0 ? void 0 : _b.refineTip, "padding-sides-1"), h("refine-selection", { addresseeLayer: this.addresseeLayer, mapView: this.mapView, selectionSets: this._selectionSets })));
-  }
-  /**
-   * Create the PDF download page that shows the download options
-   *
-   * @returns the page node
-   * @protected
-   */
-  _getPDFPage() {
-    return this._getDownloadPage(EExportType.PDF);
-  }
-  /**
-   * Create the CSV download page that shows the download options
-   *
-   * @returns the page node
-   * @protected
-   */
-  _getCSVPage() {
-    return this._getDownloadPage(EExportType.CSV);
-  }
-  /**
-   * Create the main download page that has the shared aspects of both PDF and CSV
-   * But only show the current PDF or CSV page content
-   *
-   * @param type EExportType of the current type expected
-   *
-   * @returns the page node
-   * @protected
-   */
-  _getDownloadPage(type) {
-    var _a, _b, _c, _d, _e, _f, _g;
-    const isPdf = type === EExportType.PDF;
-    return (h("calcite-panel", null, h("div", null, h("div", { class: "padding-top-sides-1" }, h("calcite-label", { class: "font-bold" }, isPdf ? (_a = this._translations) === null || _a === void 0 ? void 0 : _a.pdfDownloads : (_b = this._translations) === null || _b === void 0 ? void 0 : _b.csvDownloads), h("calcite-label", null, (_c = this._translations) === null || _c === void 0 ? void 0 : _c.notifications)), this._getSelectionLists(), h("div", { class: "margin-side-1 padding-top-1 border-bottom" }), h("div", { class: "padding-top-sides-1" }, h("calcite-label", { disabled: !this._downloadActive, layout: "inline" }, h("calcite-checkbox", { disabled: !this._downloadActive, ref: (el) => { this._removeDuplicates = el; } }), (_d = this._translations) === null || _d === void 0 ? void 0 :
-      _d.removeDuplicate)), h("div", { class: isPdf ? "" : "display-none" }, this._getLabel((_e = this._translations) === null || _e === void 0 ? void 0 : _e.selectPDFLabelOption, false, !this._downloadActive), h("div", { class: "padding-sides-1" }, h("pdf-download", { disabled: !this._downloadActive, layerView: this.addresseeLayer, ref: (el) => { this._downloadTools = el; } }))), h("div", { class: "padding-1 display-flex" }, h("calcite-button", { disabled: !this._downloadActive, onClick: isPdf ? () => this._downloadPDF() : () => this._downloadCSV(), width: "full" }, isPdf ? (_f = this._translations) === null || _f === void 0 ? void 0 : _f.downloadPDF : (_g = this._translations) === null || _g === void 0 ? void 0 : _g.downloadCSV)))));
-  }
-  /**
-   * Create the stacked navigation buttons for a page
-   *
-   * @param topLabel the label to use for the button on top
-   * @param topDisabled should the button be disabled
-   * @param topFunc the fucntion to execute when the button is clicked
-   * @param bottomLabel the label to use for the button on bottom
-   * @param bottomDisabled should the button be disabled
-   * @param bottomFunc the fucntion to execute when the button is clicked
-   *
-   * @returns the page node
-   * @protected
-   */
-  _getPageNavButtons(topLabel, topDisabled, topFunc, bottomLabel, bottomDisabled, bottomFunc) {
-    return (h("div", null, h("div", { class: "display-flex padding-top-sides-1" }, h("calcite-button", { disabled: topDisabled, onClick: topFunc, width: "full" }, topLabel)), h("div", { class: "display-flex padding-top-1-2 padding-sides-1" }, h("calcite-button", { appearance: "outline", disabled: bottomDisabled, onClick: bottomFunc, width: "full" }, bottomLabel))));
-  }
-  /**
-   * Create an informational notice
-   *
-   * @param message the message to display in the notice
-   * @param noticeClass any custom css for the notice (default is "padding-1")
-   *
-   * @returns the notice node
-   * @protected
-   */
-  _getNotice(message, noticeClass = "padding-1") {
-    return (h("calcite-notice", { active: true, class: noticeClass, color: "green", icon: "lightbulb" }, h("div", { slot: "message" }, message)));
-  }
-  /**
-   * Create a calcite label
-   *
-   * @param label value to display in the label
-   * @param disableSpacing should extra calcite defined spacing be applied
-   * @param disabled should the label be disabled
-   *
-   * @returns the label node
-   * @protected
-   */
-  _getLabel(label, disableSpacing = false, disabled = false) {
-    return (h("div", { class: "padding-top-sides-1" }, h("calcite-label", { class: "font-bold", "disable-spacing": disableSpacing, disabled: disabled }, label)));
-  }
-  /**
-   * Get selection set list node with checkbox for Download pages
-   *
-   * @returns the list node
-   * @protected
-   */
-  _getSelectionLists() {
-    return this._selectionSets.reduce((prev, cur) => {
-      if (cur.workflowType !== EWorkflowType.REFINE) {
-        if (!this._downloadActive && cur.download) {
-          this._downloadActive = true;
-        }
-        prev.push((h("div", { class: "display-flex padding-sides-1 padding-bottom-1" }, h("calcite-checkbox", { checked: cur.download, onClick: () => { void this._toggleDownload(cur.id); } }), h("calcite-list", { class: "list-border margin-start-1-2 w-100", id: "download-list" }, h("calcite-list-item", { description: this._translations.selectedFeatures.replace("{{n}}", cur.selectedIds.length.toString()), disabled: !cur.download, label: cur.label, onClick: () => { void this._toggleDownload(cur.id); } })))));
-      }
-      return prev;
-    }, []) || (h("div", null));
-  }
-  /**
-   * Toggle the disabled state for the download options based on user selection
-   *
-   * @param id the selection set id to toggle
-   *
-   * @protected
-   */
-  async _toggleDownload(id) {
-    let isActive = false;
-    this._selectionSets = this._selectionSets.map(ss => {
-      ss.download = ss.id === id ? !ss.download : ss.download;
-      isActive = ss.download ? true : isActive;
-      return ss;
-    });
-    this._downloadActive = isActive;
-    await this._highlightFeatures();
-  }
-  /**
-   * Download all selection sets as PDF
-   *
-   * @protected
-   */
-  _downloadPDF() {
-    const ids = getSelectionIds(this._getDownloadSelectionSets());
-    return this._downloadTools.downloadPDF(ids, this._removeDuplicates.checked);
-  }
-  /**
-   * Download all selection sets as CSV
-   *
-   * @protected
-   */
-  _downloadCSV() {
-    const ids = getSelectionIds(this._getDownloadSelectionSets());
-    return this._downloadTools.downloadCSV(ids, this._removeDuplicates.checked);
-  }
-  /**
-   * Get all enabled selection sets
-   *
-   * @returns the selection sets
-   * @protected
-   */
-  _getDownloadSelectionSets() {
-    return this._selectionSets.filter(ss => {
-      return ss.download || ss.workflowType === EWorkflowType.REFINE;
-    });
-  }
-  /**
-   * Store the current workflow type
-   *
-   * @protected
-   */
-  _updateForWorkflowType(evt) {
-    this._selectionWorkflowType = evt.detail;
-  }
-  /**
-   * Create a calcite action
-   *
-   * @param enabled controls the enabled state of the control
-   * @param icon the image to display in the action
-   * @param text and supporting text for the action
-   * @param onClick the fucntion the actio will execute
-   * @param indicator boolean to control if an indicator should be shown (default is false)
-   * @param slot the supporting slot to use
-   *
-   * @returns the calcite action node
-   * @protected
-   */
-  _getAction(enabled, icon, text, onClick, indicator = false, slot = "") {
-    return (h("calcite-action", { disabled: !enabled, icon: icon, indicator: indicator, onClick: onClick, slot: slot, text: text }));
-  }
-  /**
-   * Store the number of selected features and if it's more than one enable save
-   *
-   * @returns the page node
-   * @protected
-   */
-  _updateForSelection(evt) {
-    this._numSelected = evt.detail;
-    this._saveEnabled = this._numSelected > 0;
-  }
-  /**
-   * Clear the selection and navigate to the home page
-   *
-   * @returns Promise when the function has completed
-   * @protected
-   */
-  async _home() {
-    await this._clearSelection();
-    this._setPageType(EPageType.LIST);
-  }
-  /**
-   * Fetch the layer defined in the selection change event
-   *
-   * @returns Promise when the function has completed
-   * @protected
-   */
-  async _layerSelectionChange(evt) {
-    var _a, _b;
-    const title = ((_a = evt === null || evt === void 0 ? void 0 : evt.detail) === null || _a === void 0 ? void 0 : _a.length) > 0 ? evt.detail[0] : "";
-    if (title !== ((_b = this.addresseeLayer) === null || _b === void 0 ? void 0 : _b.layer.title)) {
-      this.addresseeLayer = await getMapLayerView(this.mapView, title);
-      await this._updateSelectionSets(this.addresseeLayer);
-    }
-  }
-  /**
-   * Update selection sets when the addressee layer changes.
-   * Will remove any "refine" selection set.
-   * Will use stored search, select, and sketch geometries and any buffers to select from the new addressee layer.
-   *
-   * @param layerView The new addressee layer view to select from
-   *
-   * @returns Promise when the function has completed
-   * @protected
-   */
-  async _updateSelectionSets(layerView) {
-    const _selectionSets = this._selectionSets.filter(selectionSet => selectionSet.workflowType !== EWorkflowType.REFINE);
-    const oidDefs = [];
-    _selectionSets.forEach(selectionSet => {
-      selectionSet.layerView = layerView;
-      selectionSet.selectedIds = [];
-      oidDefs.push(getSelectionSetQuery(selectionSet, this._geometryEngine));
-    });
-    return Promise.all(oidDefs).then(async (results) => {
-      results.forEach((result, i) => {
-        _selectionSets[i].selectedIds = result;
-      });
-      await this._highlightFeatures();
-      this._selectionSets = [
-        ..._selectionSets
-      ];
-    });
-  }
-  /**
-   * Update the selection sets with any new selections from the select tools
-   *
-   * @returns Promise when the function has completed
-   * @protected
-   */
-  async _saveSelection() {
-    var _a, _b;
-    const results = await ((_a = this._selectTools) === null || _a === void 0 ? void 0 : _a.getSelection());
-    const isUpdate = (_b = this._selectTools) === null || _b === void 0 ? void 0 : _b.isUpdate;
-    this._selectionSets = isUpdate ? this._selectionSets.map(ss => {
-      return ss.id === results.id ? results : ss;
-    }) : [
-      ...this._selectionSets,
-      results
-    ];
-    return this._home();
-  }
-  /**
-   * Clear any selections
-   *
-   * @returns Promise when the function has completed
-   * @protected
-   */
-  async _clearSelection() {
-    var _a;
-    await ((_a = this._selectTools) === null || _a === void 0 ? void 0 : _a.clearSelection());
-    this._numSelected = 0;
-    this._activeSelection = undefined;
-  }
-  /**
-   * Delete the selection at the defined index
-   *
-   * @param index number that defines what selection set to delete
-   *
-   * @protected
-   */
-  _deleteSelection(index, evt) {
-    evt.stopPropagation();
-    this._selectionSets = this._selectionSets.filter((ss, i) => {
-      if (i !== index) {
-        return ss;
-      }
-    });
-    return this._highlightFeatures();
-  }
-  /**
-   * Open the selection set for further adjustment
-   *
-   * @protected
-   */
-  _openSelection(selectionSet, evt) {
-    evt.stopPropagation();
-    this._activeSelection = selectionSet;
-    this._pageType = EPageType.SELECT;
-  }
-  /**
-   * Highlight any selected features in the map
-   *
-   * @protected
-   */
-  async _highlightFeatures() {
-    this._clearHighlight();
-    const ids = getSelectionIds(this._selectionSets);
-    if (ids.length > 0) {
-      state.highlightHandle = await highlightFeatures(ids, this.addresseeLayer, this.mapView);
-    }
-  }
-  /**
-   * Clear any highlighted features in the map
-   *
-   * @protected
-   */
-  _clearHighlight() {
-    var _a;
-    (_a = state.highlightHandle) === null || _a === void 0 ? void 0 : _a.remove();
-  }
-  /**
-   * Fetches the component's translations
-   *
-   * @protected
-   */
-  async _getTranslations() {
-    const translations = await getLocaleComponentStrings(this.el);
-    this._translations = translations[0];
-  }
-  get el() { return this; }
-  static get watchers() { return {
-    "_selectionSets": ["selectionSetsWatchHandler"],
-    "_pageType": ["pageTypeWatchHandler"]
-  }; }
-  static get style() { return publicNotificationCss; }
-}, [0, "public-notification", {
-    "addresseeLayer": [16],
-    "mapView": [16],
-    "_downloadActive": [32],
-    "_numSelected": [32],
-    "_pageType": [32],
-    "_saveEnabled": [32],
-    "_selectionSets": [32],
-    "_selectionWorkflowType": [32],
-    "_translations": [32]
-  }, [[8, "selectionSetsChanged", "selectionSetsChanged"]]]);
-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-graph", "calcite-icon", "calcite-input", "calcite-input-message", "calcite-label", "calcite-list", "calcite-list-item", "calcite-loader", "calcite-notice", "calcite-option", "calcite-panel", "calcite-popover", "calcite-progress", "calcite-radio-group", "calcite-radio-group-item", "calcite-scrim", "calcite-select", "calcite-shell", "calcite-slider", "calcite-tooltip", "map-draw-tools", "map-layer-picker", "map-select-tools", "pdf-download", "refine-selection", "refine-selection-tools"];
-  components.forEach(tagName => { switch (tagName) {
-    case "public-notification":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, PublicNotification$1);
-      }
-      break;
-    case "buffer-tools":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$B();
-      }
-      break;
-    case "calcite-action":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$A();
-      }
-      break;
-    case "calcite-action-bar":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$z();
-      }
-      break;
-    case "calcite-action-group":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$y();
-      }
-      break;
-    case "calcite-action-menu":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$x();
-      }
-      break;
-    case "calcite-button":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$w();
-      }
-      break;
-    case "calcite-checkbox":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$v();
-      }
-      break;
-    case "calcite-chip":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$u();
-      }
-      break;
-    case "calcite-combobox":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$t();
-      }
-      break;
-    case "calcite-combobox-item":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$s();
-      }
-      break;
-    case "calcite-graph":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$r();
-      }
-      break;
-    case "calcite-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$q();
-      }
-      break;
-    case "calcite-input":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$p();
-      }
-      break;
-    case "calcite-input-message":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$o();
-      }
-      break;
-    case "calcite-label":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$n();
-      }
-      break;
-    case "calcite-list":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$m();
-      }
-      break;
-    case "calcite-list-item":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$l();
-      }
-      break;
-    case "calcite-loader":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$k();
-      }
-      break;
-    case "calcite-notice":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$j();
-      }
-      break;
-    case "calcite-option":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$i();
-      }
-      break;
-    case "calcite-panel":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$h();
-      }
-      break;
-    case "calcite-popover":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$g();
-      }
-      break;
-    case "calcite-progress":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$f();
-      }
-      break;
-    case "calcite-radio-group":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$e();
-      }
-      break;
-    case "calcite-radio-group-item":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$d();
-      }
-      break;
-    case "calcite-scrim":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$c();
-      }
-      break;
-    case "calcite-select":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$b();
-      }
-      break;
-    case "calcite-shell":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$a();
-      }
-      break;
-    case "calcite-slider":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$9();
-      }
-      break;
-    case "calcite-tooltip":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$8();
-      }
-      break;
-    case "map-draw-tools":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$7();
-      }
-      break;
-    case "map-layer-picker":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$6();
-      }
-      break;
-    case "map-select-tools":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$5();
-      }
-      break;
-    case "pdf-download":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$4();
-      }
-      break;
-    case "refine-selection":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "refine-selection-tools":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-defineCustomElement$1();
-
-const PublicNotification = PublicNotification$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PublicNotification, defineCustomElement };
-
-//# sourceMappingURL=public-notification.js.map