@esri/solutions-components 0.8.35 → 0.8.37

Sign up to get free protection for your applications and to get access to all the features.
Files changed (38) hide show
  1. package/dist/cjs/basemap-gallery_7.cjs.entry.js +8 -0
  2. package/dist/cjs/crowdsource-manager.cjs.entry.js +15 -6
  3. package/dist/cjs/loader.cjs.js +1 -1
  4. package/dist/cjs/map-select-tools_3.cjs.entry.js +6 -4
  5. package/dist/cjs/public-notification.cjs.entry.js +6 -5
  6. package/dist/cjs/solutions-components.cjs.js +1 -1
  7. package/dist/collection/components/crowdsource-manager/crowdsource-manager.js +15 -6
  8. package/dist/collection/components/floor-filter/floor-filter.js +8 -0
  9. package/dist/collection/components/map-select-tools/map-select-tools.js +21 -3
  10. package/dist/collection/components/public-notification/public-notification.js +23 -5
  11. package/dist/collection/components/refine-selection/refine-selection.js +19 -1
  12. package/dist/components/crowdsource-manager.js +15 -6
  13. package/dist/components/floor-filter2.js +8 -0
  14. package/dist/components/map-select-tools2.js +5 -3
  15. package/dist/components/public-notification.js +7 -5
  16. package/dist/components/refine-selection2.js +3 -1
  17. package/dist/esm/basemap-gallery_7.entry.js +8 -0
  18. package/dist/esm/crowdsource-manager.entry.js +15 -6
  19. package/dist/esm/loader.js +1 -1
  20. package/dist/esm/map-select-tools_3.entry.js +6 -4
  21. package/dist/esm/public-notification.entry.js +6 -5
  22. package/dist/esm/solutions-components.js +1 -1
  23. package/dist/solutions-components/p-9c05337d.entry.js +6 -0
  24. package/dist/solutions-components/p-ab2c8a60.entry.js +6 -0
  25. package/dist/solutions-components/p-c1222f6b.entry.js +6 -0
  26. package/dist/solutions-components/p-c8233fcd.entry.js +6 -0
  27. package/dist/solutions-components/solutions-components.esm.js +1 -1
  28. package/dist/types/components/crowdsource-manager/crowdsource-manager.d.ts +4 -0
  29. package/dist/types/components/floor-filter/floor-filter.d.ts +4 -0
  30. package/dist/types/components/map-select-tools/map-select-tools.d.ts +4 -0
  31. package/dist/types/components/public-notification/public-notification.d.ts +4 -0
  32. package/dist/types/components/refine-selection/refine-selection.d.ts +4 -0
  33. package/dist/types/components.d.ts +24 -0
  34. package/package.json +1 -1
  35. package/dist/solutions-components/p-061da95a.entry.js +0 -6
  36. package/dist/solutions-components/p-6e260ca3.entry.js +0 -6
  37. package/dist/solutions-components/p-bda54b12.entry.js +0 -6
  38. package/dist/solutions-components/p-c91b2153.entry.js +0 -6
@@ -51,6 +51,7 @@ const MapSelectTools = class {
51
51
  this.geometries = [];
52
52
  this.isUpdate = false;
53
53
  this.layerViews = [];
54
+ this.locale = undefined;
54
55
  this.mapView = undefined;
55
56
  this.noResultText = undefined;
56
57
  this.searchConfiguration = undefined;
@@ -190,7 +191,7 @@ const MapSelectTools = class {
190
191
  * Renders the component.
191
192
  */
192
193
  render() {
193
- return (index.h(index.Host, { key: '2b56c937fc1c146927f9340f69214cd13dd02646' }, this._getMapLayerPicker(), index.h("div", { key: 'c7c67b0a76390992b0e60c0cc76e483d832a8835', class: "border-bottom" }), index.h("div", { key: '87cefbe906df9489b371e2c4432b2bdfbb84d299', class: "padding-top-sides-1" }, index.h("div", { key: 'f8a4ca9dac6d0fab8a9197ce94051a8b2b502fd7', class: "search-widget", ref: (el) => { this._searchElement = el; } }), index.h("div", { key: 'e63f6558b06b37d9c00b1a67ed47c9238b452c4a', class: "padding-top-1" }, index.h("map-draw-tools", { key: '7c3d157f3dd7beb6172c15b62343af378c7a029e', active: true, editGraphicsEnabled: !this._useLayerFeaturesEnabled, graphics: this._graphics, mapView: this.mapView, onSketchGraphicsChange: (evt) => void this._sketchGraphicsChanged(evt), pointSymbol: this.sketchPointSymbol, polygonSymbol: this.sketchPolygonSymbol, polylineSymbol: this.sketchLineSymbol, ref: (el) => { this._drawTools = el; } })), this._getBufferOptions(), this._getUseLayerFeaturesOptions(), this._getNumSelected()), index.h("div", { key: '7642899857c823b6891138d19016783a77922fea', class: "border-bottom" }), this._getNameInput()));
194
+ return (index.h(index.Host, { key: '99818f04f6080010d564269d79ebf5e43904214f' }, this._getMapLayerPicker(), index.h("div", { key: '1edcedfcfef21d9c8398ee84953439538bfab8c2', class: "border-bottom" }), index.h("div", { key: '4d37d5523d8333fd94acf31ba8d70be775176420', class: "padding-top-sides-1" }, index.h("div", { key: 'cf0143a8ff5eb8851ffb960202c003904604bb45', class: "search-widget", ref: (el) => { this._searchElement = el; } }), index.h("div", { key: 'd187c7f1485c05a9f41070f497888c700ef31867', class: "padding-top-1" }, index.h("map-draw-tools", { key: '416870b7e7f81614166b5381c3024af96a4cfe60', active: true, editGraphicsEnabled: !this._useLayerFeaturesEnabled, graphics: this._graphics, mapView: this.mapView, onSketchGraphicsChange: (evt) => void this._sketchGraphicsChanged(evt), pointSymbol: this.sketchPointSymbol, polygonSymbol: this.sketchPolygonSymbol, polylineSymbol: this.sketchLineSymbol, ref: (el) => { this._drawTools = el; } })), this._getBufferOptions(), this._getUseLayerFeaturesOptions(), this._getNumSelected()), index.h("div", { key: '7e03cc8b0dce515e46e2701427e03d2f177092cc', class: "border-bottom" }), this._getNameInput()));
194
195
  }
195
196
  /**
196
197
  * Renders the buffer tools component.
@@ -199,14 +200,14 @@ const MapSelectTools = class {
199
200
  var _a, _b;
200
201
  const showBufferToolsClass = this._searchDistanceEnabled ? "search-distance" : "div-not-visible";
201
202
  const bufferDistance = typeof ((_a = this.selectionSet) === null || _a === void 0 ? void 0 : _a.distance) === "number" ? this.selectionSet.distance : this.defaultBufferDistance;
202
- return (index.h("div", null, index.h("div", { class: "padding-top-1 display-flex" }, index.h("calcite-label", { class: "label-margin-0 w-100", layout: "inline-space-between" }, index.h("div", { class: "tooltip-container" }, this._translations.searchDistance, index.h("calcite-icon", { class: "padding-start-1-2 icon", flipRtl: true, icon: "question", id: "search-distance-icon", scale: "s" }))), index.h("calcite-popover", { closable: true, label: "", referenceElement: "search-distance-icon" }, index.h("span", { class: "tooltip-message" }, this._translations.useSearchDistanceTootip)), index.h("calcite-switch", { checked: this._searchDistanceEnabled, onCalciteSwitchChange: () => this._searchDistanceEnabled = !this._searchDistanceEnabled })), index.h("div", { class: showBufferToolsClass }, index.h("buffer-tools", { disabled: !this._searchDistanceEnabled, distance: bufferDistance, geometries: this.geometries, onBufferComplete: (evt) => void this._bufferComplete(evt), ref: (el) => this._bufferTools = el, unit: ((_b = this.selectionSet) === null || _b === void 0 ? void 0 : _b.unit) || this.defaultBufferUnit }))));
203
+ return (index.h("div", null, index.h("div", { class: "padding-top-1 display-flex" }, index.h("calcite-label", { class: "label-margin-0 w-100", layout: "inline-space-between" }, index.h("div", { class: "tooltip-container" }, this._translations.searchDistance, index.h("calcite-icon", { class: "padding-start-1-2 icon", flipRtl: !(this.locale.toLowerCase() === "he"), icon: "question", id: "search-distance-icon", scale: "s" }))), index.h("calcite-popover", { closable: true, label: "", referenceElement: "search-distance-icon" }, index.h("span", { class: "tooltip-message" }, this._translations.useSearchDistanceTootip)), index.h("calcite-switch", { checked: this._searchDistanceEnabled, onCalciteSwitchChange: () => this._searchDistanceEnabled = !this._searchDistanceEnabled })), index.h("div", { class: showBufferToolsClass }, index.h("buffer-tools", { disabled: !this._searchDistanceEnabled, distance: bufferDistance, geometries: this.geometries, onBufferComplete: (evt) => void this._bufferComplete(evt), ref: (el) => this._bufferTools = el, unit: ((_b = this.selectionSet) === null || _b === void 0 ? void 0 : _b.unit) || this.defaultBufferUnit }))));
203
204
  }
204
205
  /**
205
206
  * Renders the map layer picker component.
206
207
  */
207
208
  _getUseLayerFeaturesOptions() {
208
209
  const useLayerFeaturesClass = this._useLayerFeaturesEnabled ? "div-visible" : "div-not-visible";
209
- return (index.h("div", null, index.h("div", { class: "padding-top-1 display-flex" }, index.h("calcite-label", { class: "label-margin-0 w-100", layout: "inline-space-between" }, index.h("div", { class: "tooltip-container" }, this._translations.useLayerFeatures, index.h("calcite-icon", { class: "padding-start-1-2 icon", flipRtl: true, icon: "question", id: "use-layer-features-icon", scale: "s" }))), index.h("calcite-popover", { closable: true, label: "", referenceElement: "use-layer-features-icon" }, index.h("span", { class: "tooltip-message" }, this._translations.useLayerFeaturesTooltip)), index.h("calcite-switch", { checked: this._useLayerFeaturesEnabled, onCalciteSwitchChange: () => { this._useLayerFeaturesEnabledChanged(); } })), index.h("div", { class: useLayerFeaturesClass + " padding-top-1" }, index.h("map-layer-picker", { enabledLayerIds: this.selectionLayerIds, mapView: this.mapView, onLayerSelectionChange: (evt) => { void this._layerSelectionChange(evt); }, selectedIds: this.layerViews.map(l => l.layer.id), showTables: false }))));
210
+ return (index.h("div", null, index.h("div", { class: "padding-top-1 display-flex" }, index.h("calcite-label", { class: "label-margin-0 w-100", layout: "inline-space-between" }, index.h("div", { class: "tooltip-container" }, this._translations.useLayerFeatures, index.h("calcite-icon", { class: "padding-start-1-2 icon", flipRtl: !(this.locale.toLowerCase() === "he"), icon: "question", id: "use-layer-features-icon", scale: "s" }))), index.h("calcite-popover", { closable: true, label: "", referenceElement: "use-layer-features-icon" }, index.h("span", { class: "tooltip-message" }, this._translations.useLayerFeaturesTooltip)), index.h("calcite-switch", { checked: this._useLayerFeaturesEnabled, onCalciteSwitchChange: () => { this._useLayerFeaturesEnabledChanged(); } })), index.h("div", { class: useLayerFeaturesClass + " padding-top-1" }, index.h("map-layer-picker", { enabledLayerIds: this.selectionLayerIds, mapView: this.mapView, onLayerSelectionChange: (evt) => { void this._layerSelectionChange(evt); }, selectedIds: this.layerViews.map(l => l.layer.id), showTables: false }))));
210
211
  }
211
212
  /**
212
213
  * Renders the number of selected features
@@ -1168,6 +1169,7 @@ const RefineSelection = class {
1168
1169
  this._featuresCollection = {};
1169
1170
  this.addresseeLayer = undefined;
1170
1171
  this.enabledLayerIds = [];
1172
+ this.locale = undefined;
1171
1173
  this.mapView = undefined;
1172
1174
  this.selectionSets = [];
1173
1175
  this.sketchLineSymbol = undefined;
@@ -1196,7 +1198,7 @@ const RefineSelection = class {
1196
1198
  render() {
1197
1199
  var _a, _b;
1198
1200
  const layerPickerClass = this._enabledLayerIds.length > 1 ? "display-block" : "display-none";
1199
- return (index.h(index.Host, { key: 'abb0520889c7e739ccd0f7ef1cf5371169b09a4f' }, index.h("div", { key: '3772abb5d1f741644edd934e13ce25588714be0d', class: layerPickerClass + " padding-top-sides-1" }, index.h("div", { key: 'd0205e6127cf2df2eeb6ff9269ee0f64ccb0506b', class: "display-flex" }, index.h("calcite-label", { key: 'c6bdf8e921b6d7460198c5ea773c9f29f86dd7a4', class: "font-bold width-full label-margin-0" }, index.h("div", { key: '49969bbbb52f847764cddd748d9ebb01ee261de1', class: "display-flex" }, this._translations.inputLayer, index.h("calcite-icon", { key: 'e214244ee8305ffc6214df5d456340ffff2e48d5', class: "padding-start-1-2 icon", flipRtl: true, icon: "question", id: "refine-input-layer", scale: "s" })), index.h("map-layer-picker", { key: '5141de15e7492342fa735b941d11713d9b6b940f', enabledLayerIds: this._enabledLayerIds, mapView: this.mapView, onLayerSelectionChange: (evt) => { void this._layerSelectionChange(evt); }, ref: (el) => { this._layerPicker = el; }, selectedIds: [this._refineLayer.layer.id], showTables: false })), index.h("calcite-popover", { key: 'fcc6af19fb88b1cffd386fc499ef90e94530a033', closable: true, label: "", referenceElement: "refine-input-layer" }, index.h("span", { key: 'b740844b112e2bd8d42dbd0e87c0201a4b64b171', class: "tooltip-message" }, this._translations.inputLayerTip)))), index.h("div", { key: 'fe3fdd55ef90be673e89a31a2faf4cb83de132f5', class: "padding-1" }, index.h("div", { key: 'ee3d2c2d3b4ab82c39bceffd8fda755c172e18b6', class: "padding-bottom-1" }, index.h("calcite-segmented-control", { key: '960d56c2a480e00410dc1f075e99f747c71a1cdb', class: "w-100", width: "full" }, index.h("calcite-segmented-control-item", { key: '048cfef7ac5f23a6ad2c663cb3704f673a0a0fbd', checked: this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(interfaces.ESelectionMode.ADD), value: interfaces.ESelectionMode.ADD }, index.h("span", { key: '4777b29c110bf5055622d5de8a60d0633bb1498f', class: "font-weight-500" }, this._translations.add)), index.h("calcite-segmented-control-item", { key: 'ae9147508332307320f34d8997ca10f42a8df704', checked: !this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(interfaces.ESelectionMode.REMOVE), value: interfaces.ESelectionMode.REMOVE }, index.h("span", { key: 'e9c94444fbb17b86d04fcc8a51c83c9ef1c09cf5', class: "font-weight-500" }, this._translations.remove)))), index.h("div", { key: '6c1e7c69a983f69930f8a084746233603db56727' }, index.h("map-draw-tools", { key: 'dcb2d5ddb6a62b4d45d9416b1c8f49ba3ce0ed08', active: true, drawMode: interfaces.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 })), index.h("br", { key: '14e8f85ee2f281f757c9f9a66b5ddb818310f8fc' }), (index.h("calcite-list", { key: '0be153af5a6c87289ee49ffe6b46c35a4d943b50', class: "list-border" }, this._getRefineSelectionSetList())))));
1201
+ return (index.h(index.Host, { key: '5bd1d6b85fc43ca4bfdffefd6a19bbbbd37cc13e' }, index.h("div", { key: '48312843133e3ece11ac8882aad91a570d809472', class: layerPickerClass + " padding-top-sides-1" }, index.h("div", { key: 'dea13cbbe64fff8dc6dff1ea4816229ba04c6b51', class: "display-flex" }, index.h("calcite-label", { key: '8184e95f8777e72e826d773aa212a32383983a51', class: "font-bold width-full label-margin-0" }, index.h("div", { key: 'b59989cfe2676fa520e7d2e23dd178425802536e', class: "display-flex" }, this._translations.inputLayer, index.h("calcite-icon", { key: '05cdb91b52893a36988aee0c15af4aabded7bb1b', class: "padding-start-1-2 icon", flipRtl: !(this.locale.toLowerCase() === "he"), icon: "question", id: "refine-input-layer", scale: "s" })), index.h("map-layer-picker", { key: 'c1bc3c6aba428a55b21be6ac5fedbdee881aaa2f', enabledLayerIds: this._enabledLayerIds, mapView: this.mapView, onLayerSelectionChange: (evt) => { void this._layerSelectionChange(evt); }, ref: (el) => { this._layerPicker = el; }, selectedIds: [this._refineLayer.layer.id], showTables: false })), index.h("calcite-popover", { key: 'b3d82ec6d85749b4975d4c9ba35855f5dd142413', closable: true, label: "", referenceElement: "refine-input-layer" }, index.h("span", { key: '191e9702e37240472bbe0deda359c4dd1ca03c17', class: "tooltip-message" }, this._translations.inputLayerTip)))), index.h("div", { key: '30bda6820fced55494db4d6ced4dee1ff20266bf', class: "padding-1" }, index.h("div", { key: '67ec4b94cd37dfe80700c8053fb505170f872fdf', class: "padding-bottom-1" }, index.h("calcite-segmented-control", { key: '707b7e1d20d65abec22727ae3750dd52aa542048', class: "w-100", width: "full" }, index.h("calcite-segmented-control-item", { key: '82e70596aeb5a58d9b04eb5cafd92a4251480bad', checked: this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(interfaces.ESelectionMode.ADD), value: interfaces.ESelectionMode.ADD }, index.h("span", { key: '1cd4fba950d8590ec9af113f0eec2a6d29413f9b', class: "font-weight-500" }, this._translations.add)), index.h("calcite-segmented-control-item", { key: 'cff45118e731b3bcd5812752919f5fed1b8d8f0e', checked: !this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(interfaces.ESelectionMode.REMOVE), value: interfaces.ESelectionMode.REMOVE }, index.h("span", { key: 'fb603c594f7d71944bf46c11e4aa5f0ae547b560', class: "font-weight-500" }, this._translations.remove)))), index.h("div", { key: 'aeb9755c6e854c97045978aa1ea3ec1a32365351' }, index.h("map-draw-tools", { key: '2c4c973d3de9b36c07973f7250dd91e7aab833eb', active: true, drawMode: interfaces.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 })), index.h("br", { key: 'dd122d761bcc924c7bcaad95342398414674e2a8' }), (index.h("calcite-list", { key: '49986cdfdd61369adf348beaef1a49fdd87c38b9', class: "list-border" }, this._getRefineSelectionSetList())))));
1200
1202
  }
1201
1203
  //--------------------------------------------------------------------------
1202
1204
  //
@@ -48,6 +48,7 @@ const PublicNotification = class {
48
48
  this.defaultNumLabelsPerPage = 6;
49
49
  this.featureEffect = undefined;
50
50
  this.featureHighlightEnabled = undefined;
51
+ this.locale = undefined;
51
52
  this.mapView = undefined;
52
53
  this.noResultText = undefined;
53
54
  this.searchConfiguration = undefined;
@@ -183,7 +184,7 @@ const PublicNotification = class {
183
184
  */
184
185
  render() {
185
186
  const headerSlot = this._isMobile ? "footer" : "header";
186
- return (index.h(index.Host, { key: 'e8f77e64e53885bb73a2e29f1c0c0d69977f953b' }, index.h("calcite-shell", { key: 'b36489038bf26b7bd29c1e51d62e97f9a1f1240b' }, index.h("calcite-action-bar", { key: '9ae63a448d2284c919d01f667d4184b28dd1d746', class: "border-bottom-1 action-bar-size", "expand-disabled": true, layout: "horizontal", slot: headerSlot }, this._getActionGroup("list-check", interfaces.EPageType.LIST, this._translations.myLists), this.showRefineSelection ? this._getActionGroup("test-data", interfaces.EPageType.REFINE, this._translations.refineSelection) : null, this._getActionGroup("export", interfaces.EPageType.EXPORT, this._translations.export)), this._getPage(this._pageType))));
187
+ return (index.h(index.Host, { key: '7ce768d24be6f9b6f46f8a5651c508ddf6aab0fd' }, index.h("calcite-shell", { key: 'c252ae9347a819a4c66aecebe2bd7b51363acff5' }, index.h("calcite-action-bar", { key: 'f8c1c5122fe5611838b52aaa1da1ed5a764aab62', class: "border-bottom-1 action-bar-size", "expand-disabled": true, layout: "horizontal", slot: headerSlot }, this._getActionGroup("list-check", interfaces.EPageType.LIST, this._translations.myLists), this.showRefineSelection ? this._getActionGroup("test-data", interfaces.EPageType.REFINE, this._translations.refineSelection) : null, this._getActionGroup("export", interfaces.EPageType.EXPORT, this._translations.export)), this._getPage(this._pageType))));
187
188
  }
188
189
  /**
189
190
  * StencilJS: Called once just after the component is first loaded.
@@ -515,7 +516,7 @@ const PublicNotification = class {
515
516
  */
516
517
  _getSelectPage() {
517
518
  const noticeText = this._translations.selectSearchTip;
518
- return (index.h("calcite-panel", null, this._getLabel(this._translations.stepTwoFull, true), this._getNotice(noticeText, "padding-1", "word-wrap-anywhere"), index.h("div", null, index.h("map-select-tools", { bufferColor: this.bufferColor, bufferOutlineColor: this.bufferOutlineColor, class: "font-bold", customLabelEnabled: this.customLabelEnabled, defaultBufferDistance: this.defaultBufferDistance, defaultBufferUnit: this.defaultBufferUnit, enabledLayerIds: this.addresseeLayerIds, isUpdate: !!this._activeSelection, mapView: this.mapView, noResultText: this.noResultText, onSelectionSetChange: (evt) => this._updateForSelection(evt), ref: (el) => { this._selectTools = el; }, searchConfiguration: this._searchConfiguration, selectionLayerIds: this.selectionLayerIds, selectionSet: this._activeSelection, sketchLineSymbol: this.sketchLineSymbol, sketchPointSymbol: this.sketchPointSymbol, sketchPolygonSymbol: this.sketchPolygonSymbol })), this._getPageNavButtons(this._translations.done, this._numSelected === 0, () => { void this._saveSelection(); }, this._translations.cancel, false, () => { void this._home(); })));
519
+ return (index.h("calcite-panel", null, this._getLabel(this._translations.stepTwoFull, true), this._getNotice(noticeText, "padding-1", "word-wrap-anywhere"), index.h("div", null, index.h("map-select-tools", { bufferColor: this.bufferColor, bufferOutlineColor: this.bufferOutlineColor, class: "font-bold", customLabelEnabled: this.customLabelEnabled, defaultBufferDistance: this.defaultBufferDistance, defaultBufferUnit: this.defaultBufferUnit, enabledLayerIds: this.addresseeLayerIds, isUpdate: !!this._activeSelection, locale: this.locale, mapView: this.mapView, noResultText: this.noResultText, onSelectionSetChange: (evt) => this._updateForSelection(evt), ref: (el) => { this._selectTools = el; }, searchConfiguration: this._searchConfiguration, selectionLayerIds: this.selectionLayerIds, selectionSet: this._activeSelection, sketchLineSymbol: this.sketchLineSymbol, sketchPointSymbol: this.sketchPointSymbol, sketchPolygonSymbol: this.sketchPolygonSymbol })), this._getPageNavButtons(this._translations.done, this._numSelected === 0, () => { void this._saveSelection(); }, this._translations.cancel, false, () => { void this._home(); })));
519
520
  }
520
521
  /**
521
522
  * Create the main download page that has the shared aspects of both PDF and CSV
@@ -527,7 +528,7 @@ const PublicNotification = class {
527
528
  _getExportPage() {
528
529
  const hasSelections = this._hasSelections(this.showRefineSelection);
529
530
  const displayDuplicatesClass = this._numDuplicates > 0 ? "display-block" : "display-none";
530
- return (index.h("calcite-panel", null, index.h("div", null, this._getLabel(this._translations.export, false), hasSelections ? (index.h("div", null, this._getNotice(this._translations.exportTip, "padding-sides-1"), this._getLabel(this._translations.exportListsLabel), this._getExportSelectionLists(), index.h("div", { class: "padding-sides-1 " + displayDuplicatesClass }, index.h("div", { class: "display-flex" }, index.h("calcite-label", { layout: "inline" }, index.h("calcite-checkbox", { ref: (el) => { this._removeDuplicates = el; } }), index.h("div", { class: "display-flex" }, this._translations.removeDuplicate, index.h("div", { class: "info-message padding-start-1-2" }, index.h("calcite-input-message", { class: "info-blue margin-top-0", scale: "m" }, ` ${this._translations.numDuplicates.replace("{{n}}", this._numDuplicates.toString())}`)))), index.h("calcite-icon", { class: "padding-start-1-2 icon", flipRtl: true, icon: "question", id: "remove-duplicates-icon", scale: "s" })), index.h("calcite-popover", { closable: true, label: "", referenceElement: "remove-duplicates-icon" }, index.h("span", { class: "tooltip-message" }, this._translations.duplicatesTip))), index.h("div", { class: "border-bottom" }), index.h("div", { class: "padding-top-sides-1" }, index.h("calcite-segmented-control", { class: "w-100", onCalciteSegmentedControlChange: (evt) => this._exportTypeChange(evt), width: "full" }, index.h("calcite-segmented-control-item", { checked: this._exportType === interfaces.EExportType.PDF, class: "w-50 end-border", value: interfaces.EExportType.PDF }, index.h("span", { class: "font-weight-500" }, this._translations.pdf)), index.h("calcite-segmented-control-item", { checked: this._exportType === interfaces.EExportType.CSV, class: "w-50", value: interfaces.EExportType.CSV }, index.h("span", { class: "font-weight-500" }, this._translations.csv)))), index.h("div", { class: "padding-bottom-1" }, this._getExportOptions()), index.h("div", { class: "padding-1 display-flex" }, index.h("calcite-button", { disabled: (!this._downloadActive || this._fetchingData) || (!this._addMap && !this._addResults), loading: this._fetchingData, onClick: () => void this._export(), width: "full" }, index.h("span", { class: "font-weight-500" }, this._translations.export))))) : (this._getNotice(this._translations.downloadNoLists, "padding-sides-1 padding-bottom-1")))));
531
+ return (index.h("calcite-panel", null, index.h("div", null, this._getLabel(this._translations.export, false), hasSelections ? (index.h("div", null, this._getNotice(this._translations.exportTip, "padding-sides-1"), this._getLabel(this._translations.exportListsLabel), this._getExportSelectionLists(), index.h("div", { class: "padding-sides-1 " + displayDuplicatesClass }, index.h("div", { class: "display-flex" }, index.h("calcite-label", { layout: "inline" }, index.h("calcite-checkbox", { ref: (el) => { this._removeDuplicates = el; } }), index.h("div", { class: "display-flex" }, this._translations.removeDuplicate, index.h("div", { class: "info-message padding-start-1-2" }, index.h("calcite-input-message", { class: "info-blue margin-top-0", scale: "m" }, ` ${this._translations.numDuplicates.replace("{{n}}", this._numDuplicates.toString())}`)))), index.h("calcite-icon", { class: "padding-start-1-2 icon", flipRtl: !(this.locale.toLowerCase() === "he"), icon: "question", id: "remove-duplicates-icon", scale: "s" })), index.h("calcite-popover", { closable: true, label: "", referenceElement: "remove-duplicates-icon" }, index.h("span", { class: "tooltip-message" }, this._translations.duplicatesTip))), index.h("div", { class: "border-bottom" }), index.h("div", { class: "padding-top-sides-1" }, index.h("calcite-segmented-control", { class: "w-100", onCalciteSegmentedControlChange: (evt) => this._exportTypeChange(evt), width: "full" }, index.h("calcite-segmented-control-item", { checked: this._exportType === interfaces.EExportType.PDF, class: "w-50 end-border", value: interfaces.EExportType.PDF }, index.h("span", { class: "font-weight-500" }, this._translations.pdf)), index.h("calcite-segmented-control-item", { checked: this._exportType === interfaces.EExportType.CSV, class: "w-50", value: interfaces.EExportType.CSV }, index.h("span", { class: "font-weight-500" }, this._translations.csv)))), index.h("div", { class: "padding-bottom-1" }, this._getExportOptions()), index.h("div", { class: "padding-1 display-flex" }, index.h("calcite-button", { disabled: (!this._downloadActive || this._fetchingData) || (!this._addMap && !this._addResults), loading: this._fetchingData, onClick: () => void this._export(), width: "full" }, index.h("span", { class: "font-weight-500" }, this._translations.export))))) : (this._getNotice(this._translations.downloadNoLists, "padding-sides-1 padding-bottom-1")))));
531
532
  }
532
533
  /**
533
534
  * Store the user selected export type CSV || PDF
@@ -548,7 +549,7 @@ const PublicNotification = class {
548
549
  const graphicsOptionsClass = this._addMap ? "display-flex" : "display-none";
549
550
  const title = this._titleValue ? this._titleValue : this.defaultExportTitle ? this.defaultExportTitle : "";
550
551
  const formatOptionsClass = this._addResults ? "" : "display-none";
551
- return (index.h("div", { class: displayClass }, this._getLabel(this._translations.pdfOptions, true), index.h("div", { class: "padding-top-sides-1" }, index.h("calcite-label", { class: "label-margin-0", layout: "inline" }, index.h("calcite-checkbox", { checked: this._addResults, onCalciteCheckboxChange: () => this._addResults = !this._addResults }), this._translations.addResults)), index.h("div", { class: `padding-top-sides-1 ${formatOptionsClass}` }, index.h("calcite-label", { class: "label-margin-0" }, this._translations.selectPDFLabelOption)), index.h("div", { class: `padding-sides-1 ${formatOptionsClass}` }, index.h("pdf-download", { defaultNumLabelsPerPage: parseInt(this.defaultNumLabelsPerPage.toString(), 10), disabled: !this._downloadActive, ref: (el) => { this._downloadTools = el; } })), index.h("div", { class: "padding-top-sides-1" }, index.h("calcite-label", { class: "label-margin-0", layout: "inline" }, index.h("calcite-checkbox", { checked: this._addTitle, onCalciteCheckboxChange: () => this._addTitle = !this._addTitle }), this._translations.title)), index.h("div", { class: titleOptionsClass }, this._getLabel(this._translations.title, true, ""), index.h("calcite-input-text", { class: "padding-sides-1", onCalciteInputTextInput: () => this._changeTitle(), placeholder: this._translations.titlePlaceholder, ref: (el) => { this._titleElement = el; }, value: title })), index.h("div", { class: "padding-top-sides-1" }, index.h("calcite-label", { class: "label-margin-0", layout: "inline" }, index.h("calcite-checkbox", { checked: this._addMap, onCalciteCheckboxChange: () => this._handleAddMapChange() }), this._translations.includeMap)), index.h("div", { class: `padding-top-sides-1 ${graphicsOptionsClass}` }, index.h("calcite-label", { class: "label-margin-0", layout: "inline" }, index.h("calcite-checkbox", { checked: this._exportGraphics, onCalciteCheckboxChange: () => this._handleExportGraphicsChange() }), this._translations.listGraphics), index.h("calcite-icon", { class: "padding-start-1-2 icon", flipRtl: true, icon: "question", id: "list-graphics-icon", scale: "s" }), index.h("calcite-popover", { closable: true, label: "", referenceElement: "list-graphics-icon" }, index.h("span", { class: "tooltip-message" }, this._translations.listGraphicsTip)))));
552
+ return (index.h("div", { class: displayClass }, this._getLabel(this._translations.pdfOptions, true), index.h("div", { class: "padding-top-sides-1" }, index.h("calcite-label", { class: "label-margin-0", layout: "inline" }, index.h("calcite-checkbox", { checked: this._addResults, onCalciteCheckboxChange: () => this._addResults = !this._addResults }), this._translations.addResults)), index.h("div", { class: `padding-top-sides-1 ${formatOptionsClass}` }, index.h("calcite-label", { class: "label-margin-0" }, this._translations.selectPDFLabelOption)), index.h("div", { class: `padding-sides-1 ${formatOptionsClass}` }, index.h("pdf-download", { defaultNumLabelsPerPage: parseInt(this.defaultNumLabelsPerPage.toString(), 10), disabled: !this._downloadActive, ref: (el) => { this._downloadTools = el; } })), index.h("div", { class: "padding-top-sides-1" }, index.h("calcite-label", { class: "label-margin-0", layout: "inline" }, index.h("calcite-checkbox", { checked: this._addTitle, onCalciteCheckboxChange: () => this._addTitle = !this._addTitle }), this._translations.title)), index.h("div", { class: titleOptionsClass }, this._getLabel(this._translations.title, true, ""), index.h("calcite-input-text", { class: "padding-sides-1", onCalciteInputTextInput: () => this._changeTitle(), placeholder: this._translations.titlePlaceholder, ref: (el) => { this._titleElement = el; }, value: title })), index.h("div", { class: "padding-top-sides-1" }, index.h("calcite-label", { class: "label-margin-0", layout: "inline" }, index.h("calcite-checkbox", { checked: this._addMap, onCalciteCheckboxChange: () => this._handleAddMapChange() }), this._translations.includeMap)), index.h("div", { class: `padding-top-sides-1 ${graphicsOptionsClass}` }, index.h("calcite-label", { class: "label-margin-0", layout: "inline" }, index.h("calcite-checkbox", { checked: this._exportGraphics, onCalciteCheckboxChange: () => this._handleExportGraphicsChange() }), this._translations.listGraphics), index.h("calcite-icon", { class: "padding-start-1-2 icon", flipRtl: !(this.locale.toLowerCase() === "he"), icon: "question", id: "list-graphics-icon", scale: "s" }), index.h("calcite-popover", { closable: true, label: "", referenceElement: "list-graphics-icon" }, index.h("span", { class: "tooltip-message" }, this._translations.listGraphicsTip)))));
552
553
  }
553
554
  /**
554
555
  * Toggle the _addMap state variable and update the graphics on the map
@@ -654,7 +655,7 @@ const PublicNotification = class {
654
655
  */
655
656
  _getRefinePage() {
656
657
  const hasSelections = this._hasSelections();
657
- return (index.h("calcite-panel", null, this._getLabel(this._translations.refineSelection), hasSelections ? (index.h("div", null, this._getNotice(this._translations.refineTip, "padding-sides-1"), index.h("refine-selection", { enabledLayerIds: this.selectionLayerIds, mapView: this.mapView, selectionSets: this._selectionSets, sketchLineSymbol: this.sketchLineSymbol, sketchPointSymbol: this.sketchPointSymbol, sketchPolygonSymbol: this.sketchPolygonSymbol }))) :
658
+ return (index.h("calcite-panel", null, this._getLabel(this._translations.refineSelection), hasSelections ? (index.h("div", null, this._getNotice(this._translations.refineTip, "padding-sides-1"), index.h("refine-selection", { enabledLayerIds: this.selectionLayerIds, locale: this.locale, mapView: this.mapView, selectionSets: this._selectionSets, sketchLineSymbol: this.sketchLineSymbol, sketchPointSymbol: this.sketchPointSymbol, sketchPolygonSymbol: this.sketchPolygonSymbol }))) :
658
659
  this._getNotice(this._translations.refineTipNoSelections, "padding-sides-1")));
659
660
  }
660
661
  /**