@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
@@ -47,6 +47,7 @@ const MapSelectTools = class {
47
47
  this.geometries = [];
48
48
  this.isUpdate = false;
49
49
  this.layerViews = [];
50
+ this.locale = undefined;
50
51
  this.mapView = undefined;
51
52
  this.noResultText = undefined;
52
53
  this.searchConfiguration = undefined;
@@ -186,7 +187,7 @@ const MapSelectTools = class {
186
187
  * Renders the component.
187
188
  */
188
189
  render() {
189
- return (h(Host, { key: '2b56c937fc1c146927f9340f69214cd13dd02646' }, this._getMapLayerPicker(), h("div", { key: 'c7c67b0a76390992b0e60c0cc76e483d832a8835', class: "border-bottom" }), h("div", { key: '87cefbe906df9489b371e2c4432b2bdfbb84d299', class: "padding-top-sides-1" }, h("div", { key: 'f8a4ca9dac6d0fab8a9197ce94051a8b2b502fd7', class: "search-widget", ref: (el) => { this._searchElement = el; } }), h("div", { key: 'e63f6558b06b37d9c00b1a67ed47c9238b452c4a', class: "padding-top-1" }, 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()), h("div", { key: '7642899857c823b6891138d19016783a77922fea', class: "border-bottom" }), this._getNameInput()));
190
+ return (h(Host, { key: '99818f04f6080010d564269d79ebf5e43904214f' }, this._getMapLayerPicker(), h("div", { key: '1edcedfcfef21d9c8398ee84953439538bfab8c2', class: "border-bottom" }), h("div", { key: '4d37d5523d8333fd94acf31ba8d70be775176420', class: "padding-top-sides-1" }, h("div", { key: 'cf0143a8ff5eb8851ffb960202c003904604bb45', class: "search-widget", ref: (el) => { this._searchElement = el; } }), h("div", { key: 'd187c7f1485c05a9f41070f497888c700ef31867', class: "padding-top-1" }, 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()), h("div", { key: '7e03cc8b0dce515e46e2701427e03d2f177092cc', class: "border-bottom" }), this._getNameInput()));
190
191
  }
191
192
  /**
192
193
  * Renders the buffer tools component.
@@ -195,14 +196,14 @@ const MapSelectTools = class {
195
196
  var _a, _b;
196
197
  const showBufferToolsClass = this._searchDistanceEnabled ? "search-distance" : "div-not-visible";
197
198
  const bufferDistance = typeof ((_a = this.selectionSet) === null || _a === void 0 ? void 0 : _a.distance) === "number" ? this.selectionSet.distance : this.defaultBufferDistance;
198
- return (h("div", null, h("div", { class: "padding-top-1 display-flex" }, h("calcite-label", { class: "label-margin-0 w-100", layout: "inline-space-between" }, h("div", { class: "tooltip-container" }, this._translations.searchDistance, h("calcite-icon", { class: "padding-start-1-2 icon", flipRtl: true, icon: "question", id: "search-distance-icon", scale: "s" }))), h("calcite-popover", { closable: true, label: "", referenceElement: "search-distance-icon" }, h("span", { class: "tooltip-message" }, this._translations.useSearchDistanceTootip)), h("calcite-switch", { checked: this._searchDistanceEnabled, onCalciteSwitchChange: () => this._searchDistanceEnabled = !this._searchDistanceEnabled })), h("div", { class: showBufferToolsClass }, 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 }))));
199
+ return (h("div", null, h("div", { class: "padding-top-1 display-flex" }, h("calcite-label", { class: "label-margin-0 w-100", layout: "inline-space-between" }, h("div", { class: "tooltip-container" }, this._translations.searchDistance, h("calcite-icon", { class: "padding-start-1-2 icon", flipRtl: !(this.locale.toLowerCase() === "he"), icon: "question", id: "search-distance-icon", scale: "s" }))), h("calcite-popover", { closable: true, label: "", referenceElement: "search-distance-icon" }, h("span", { class: "tooltip-message" }, this._translations.useSearchDistanceTootip)), h("calcite-switch", { checked: this._searchDistanceEnabled, onCalciteSwitchChange: () => this._searchDistanceEnabled = !this._searchDistanceEnabled })), h("div", { class: showBufferToolsClass }, 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 }))));
199
200
  }
200
201
  /**
201
202
  * Renders the map layer picker component.
202
203
  */
203
204
  _getUseLayerFeaturesOptions() {
204
205
  const useLayerFeaturesClass = this._useLayerFeaturesEnabled ? "div-visible" : "div-not-visible";
205
- return (h("div", null, h("div", { class: "padding-top-1 display-flex" }, h("calcite-label", { class: "label-margin-0 w-100", layout: "inline-space-between" }, h("div", { class: "tooltip-container" }, this._translations.useLayerFeatures, h("calcite-icon", { class: "padding-start-1-2 icon", flipRtl: true, icon: "question", id: "use-layer-features-icon", scale: "s" }))), h("calcite-popover", { closable: true, label: "", referenceElement: "use-layer-features-icon" }, h("span", { class: "tooltip-message" }, this._translations.useLayerFeaturesTooltip)), h("calcite-switch", { checked: this._useLayerFeaturesEnabled, onCalciteSwitchChange: () => { this._useLayerFeaturesEnabledChanged(); } })), h("div", { class: useLayerFeaturesClass + " padding-top-1" }, 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 }))));
206
+ return (h("div", null, h("div", { class: "padding-top-1 display-flex" }, h("calcite-label", { class: "label-margin-0 w-100", layout: "inline-space-between" }, h("div", { class: "tooltip-container" }, this._translations.useLayerFeatures, h("calcite-icon", { class: "padding-start-1-2 icon", flipRtl: !(this.locale.toLowerCase() === "he"), icon: "question", id: "use-layer-features-icon", scale: "s" }))), h("calcite-popover", { closable: true, label: "", referenceElement: "use-layer-features-icon" }, h("span", { class: "tooltip-message" }, this._translations.useLayerFeaturesTooltip)), h("calcite-switch", { checked: this._useLayerFeaturesEnabled, onCalciteSwitchChange: () => { this._useLayerFeaturesEnabledChanged(); } })), h("div", { class: useLayerFeaturesClass + " padding-top-1" }, 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 }))));
206
207
  }
207
208
  /**
208
209
  * Renders the number of selected features
@@ -1164,6 +1165,7 @@ const RefineSelection = class {
1164
1165
  this._featuresCollection = {};
1165
1166
  this.addresseeLayer = undefined;
1166
1167
  this.enabledLayerIds = [];
1168
+ this.locale = undefined;
1167
1169
  this.mapView = undefined;
1168
1170
  this.selectionSets = [];
1169
1171
  this.sketchLineSymbol = undefined;
@@ -1192,7 +1194,7 @@ const RefineSelection = class {
1192
1194
  render() {
1193
1195
  var _a, _b;
1194
1196
  const layerPickerClass = this._enabledLayerIds.length > 1 ? "display-block" : "display-none";
1195
- return (h(Host, { key: 'abb0520889c7e739ccd0f7ef1cf5371169b09a4f' }, h("div", { key: '3772abb5d1f741644edd934e13ce25588714be0d', class: layerPickerClass + " padding-top-sides-1" }, h("div", { key: 'd0205e6127cf2df2eeb6ff9269ee0f64ccb0506b', class: "display-flex" }, h("calcite-label", { key: 'c6bdf8e921b6d7460198c5ea773c9f29f86dd7a4', class: "font-bold width-full label-margin-0" }, h("div", { key: '49969bbbb52f847764cddd748d9ebb01ee261de1', class: "display-flex" }, this._translations.inputLayer, h("calcite-icon", { key: 'e214244ee8305ffc6214df5d456340ffff2e48d5', class: "padding-start-1-2 icon", flipRtl: true, icon: "question", id: "refine-input-layer", scale: "s" })), 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 })), h("calcite-popover", { key: 'fcc6af19fb88b1cffd386fc499ef90e94530a033', closable: true, label: "", referenceElement: "refine-input-layer" }, h("span", { key: 'b740844b112e2bd8d42dbd0e87c0201a4b64b171', class: "tooltip-message" }, this._translations.inputLayerTip)))), h("div", { key: 'fe3fdd55ef90be673e89a31a2faf4cb83de132f5', class: "padding-1" }, h("div", { key: 'ee3d2c2d3b4ab82c39bceffd8fda755c172e18b6', class: "padding-bottom-1" }, h("calcite-segmented-control", { key: '960d56c2a480e00410dc1f075e99f747c71a1cdb', class: "w-100", width: "full" }, h("calcite-segmented-control-item", { key: '048cfef7ac5f23a6ad2c663cb3704f673a0a0fbd', checked: this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.ADD), value: ESelectionMode.ADD }, h("span", { key: '4777b29c110bf5055622d5de8a60d0633bb1498f', class: "font-weight-500" }, this._translations.add)), h("calcite-segmented-control-item", { key: 'ae9147508332307320f34d8997ca10f42a8df704', checked: !this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.REMOVE), value: ESelectionMode.REMOVE }, h("span", { key: 'e9c94444fbb17b86d04fcc8a51c83c9ef1c09cf5', class: "font-weight-500" }, this._translations.remove)))), h("div", { key: '6c1e7c69a983f69930f8a084746233603db56727' }, h("map-draw-tools", { key: 'dcb2d5ddb6a62b4d45d9416b1c8f49ba3ce0ed08', active: true, drawMode: EDrawMode.REFINE, mapView: this.mapView, onDrawRedo: () => this._redo(), onDrawUndo: () => this._undo(), onSketchGraphicsChange: (evt) => this._sketchGraphicsChanged(evt), pointSymbol: this.sketchPointSymbol, polygonSymbol: this.sketchPolygonSymbol, polylineSymbol: this.sketchLineSymbol, redoEnabled: ((_a = this._refineSelectionSet) === null || _a === void 0 ? void 0 : _a.redoStack.length) > 0, ref: (el) => { this._drawTools = el; }, undoEnabled: ((_b = this._refineSelectionSet) === null || _b === void 0 ? void 0 : _b.undoStack.length) > 0 })), h("br", { key: '14e8f85ee2f281f757c9f9a66b5ddb818310f8fc' }), (h("calcite-list", { key: '0be153af5a6c87289ee49ffe6b46c35a4d943b50', class: "list-border" }, this._getRefineSelectionSetList())))));
1197
+ return (h(Host, { key: '5bd1d6b85fc43ca4bfdffefd6a19bbbbd37cc13e' }, h("div", { key: '48312843133e3ece11ac8882aad91a570d809472', class: layerPickerClass + " padding-top-sides-1" }, h("div", { key: 'dea13cbbe64fff8dc6dff1ea4816229ba04c6b51', class: "display-flex" }, h("calcite-label", { key: '8184e95f8777e72e826d773aa212a32383983a51', class: "font-bold width-full label-margin-0" }, h("div", { key: 'b59989cfe2676fa520e7d2e23dd178425802536e', class: "display-flex" }, this._translations.inputLayer, h("calcite-icon", { key: '05cdb91b52893a36988aee0c15af4aabded7bb1b', class: "padding-start-1-2 icon", flipRtl: !(this.locale.toLowerCase() === "he"), icon: "question", id: "refine-input-layer", scale: "s" })), 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 })), h("calcite-popover", { key: 'b3d82ec6d85749b4975d4c9ba35855f5dd142413', closable: true, label: "", referenceElement: "refine-input-layer" }, h("span", { key: '191e9702e37240472bbe0deda359c4dd1ca03c17', class: "tooltip-message" }, this._translations.inputLayerTip)))), h("div", { key: '30bda6820fced55494db4d6ced4dee1ff20266bf', class: "padding-1" }, h("div", { key: '67ec4b94cd37dfe80700c8053fb505170f872fdf', class: "padding-bottom-1" }, h("calcite-segmented-control", { key: '707b7e1d20d65abec22727ae3750dd52aa542048', class: "w-100", width: "full" }, h("calcite-segmented-control-item", { key: '82e70596aeb5a58d9b04eb5cafd92a4251480bad', checked: this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.ADD), value: ESelectionMode.ADD }, h("span", { key: '1cd4fba950d8590ec9af113f0eec2a6d29413f9b', class: "font-weight-500" }, this._translations.add)), h("calcite-segmented-control-item", { key: 'cff45118e731b3bcd5812752919f5fed1b8d8f0e', checked: !this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.REMOVE), value: ESelectionMode.REMOVE }, h("span", { key: 'fb603c594f7d71944bf46c11e4aa5f0ae547b560', class: "font-weight-500" }, this._translations.remove)))), h("div", { key: 'aeb9755c6e854c97045978aa1ea3ec1a32365351' }, h("map-draw-tools", { key: '2c4c973d3de9b36c07973f7250dd91e7aab833eb', active: true, drawMode: EDrawMode.REFINE, mapView: this.mapView, onDrawRedo: () => this._redo(), onDrawUndo: () => this._undo(), onSketchGraphicsChange: (evt) => this._sketchGraphicsChanged(evt), pointSymbol: this.sketchPointSymbol, polygonSymbol: this.sketchPolygonSymbol, polylineSymbol: this.sketchLineSymbol, redoEnabled: ((_a = this._refineSelectionSet) === null || _a === void 0 ? void 0 : _a.redoStack.length) > 0, ref: (el) => { this._drawTools = el; }, undoEnabled: ((_b = this._refineSelectionSet) === null || _b === void 0 ? void 0 : _b.undoStack.length) > 0 })), h("br", { key: 'dd122d761bcc924c7bcaad95342398414674e2a8' }), (h("calcite-list", { key: '49986cdfdd61369adf348beaef1a49fdd87c38b9', class: "list-border" }, this._getRefineSelectionSetList())))));
1196
1198
  }
1197
1199
  //--------------------------------------------------------------------------
1198
1200
  //
@@ -44,6 +44,7 @@ const PublicNotification = class {
44
44
  this.defaultNumLabelsPerPage = 6;
45
45
  this.featureEffect = undefined;
46
46
  this.featureHighlightEnabled = undefined;
47
+ this.locale = undefined;
47
48
  this.mapView = undefined;
48
49
  this.noResultText = undefined;
49
50
  this.searchConfiguration = undefined;
@@ -179,7 +180,7 @@ const PublicNotification = class {
179
180
  */
180
181
  render() {
181
182
  const headerSlot = this._isMobile ? "footer" : "header";
182
- return (h(Host, { key: 'e8f77e64e53885bb73a2e29f1c0c0d69977f953b' }, h("calcite-shell", { key: 'b36489038bf26b7bd29c1e51d62e97f9a1f1240b' }, h("calcite-action-bar", { key: '9ae63a448d2284c919d01f667d4184b28dd1d746', class: "border-bottom-1 action-bar-size", "expand-disabled": true, layout: "horizontal", slot: headerSlot }, this._getActionGroup("list-check", EPageType.LIST, this._translations.myLists), this.showRefineSelection ? this._getActionGroup("test-data", EPageType.REFINE, this._translations.refineSelection) : null, this._getActionGroup("export", EPageType.EXPORT, this._translations.export)), this._getPage(this._pageType))));
183
+ return (h(Host, { key: '7ce768d24be6f9b6f46f8a5651c508ddf6aab0fd' }, h("calcite-shell", { key: 'c252ae9347a819a4c66aecebe2bd7b51363acff5' }, h("calcite-action-bar", { key: 'f8c1c5122fe5611838b52aaa1da1ed5a764aab62', class: "border-bottom-1 action-bar-size", "expand-disabled": true, layout: "horizontal", slot: headerSlot }, this._getActionGroup("list-check", EPageType.LIST, this._translations.myLists), this.showRefineSelection ? this._getActionGroup("test-data", EPageType.REFINE, this._translations.refineSelection) : null, this._getActionGroup("export", EPageType.EXPORT, this._translations.export)), this._getPage(this._pageType))));
183
184
  }
184
185
  /**
185
186
  * StencilJS: Called once just after the component is first loaded.
@@ -511,7 +512,7 @@ const PublicNotification = class {
511
512
  */
512
513
  _getSelectPage() {
513
514
  const noticeText = this._translations.selectSearchTip;
514
- return (h("calcite-panel", null, this._getLabel(this._translations.stepTwoFull, true), this._getNotice(noticeText, "padding-1", "word-wrap-anywhere"), h("div", null, 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(); })));
515
+ return (h("calcite-panel", null, this._getLabel(this._translations.stepTwoFull, true), this._getNotice(noticeText, "padding-1", "word-wrap-anywhere"), h("div", null, 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(); })));
515
516
  }
516
517
  /**
517
518
  * Create the main download page that has the shared aspects of both PDF and CSV
@@ -523,7 +524,7 @@ const PublicNotification = class {
523
524
  _getExportPage() {
524
525
  const hasSelections = this._hasSelections(this.showRefineSelection);
525
526
  const displayDuplicatesClass = this._numDuplicates > 0 ? "display-block" : "display-none";
526
- return (h("calcite-panel", null, h("div", null, this._getLabel(this._translations.export, false), hasSelections ? (h("div", null, this._getNotice(this._translations.exportTip, "padding-sides-1"), this._getLabel(this._translations.exportListsLabel), this._getExportSelectionLists(), h("div", { class: "padding-sides-1 " + displayDuplicatesClass }, h("div", { class: "display-flex" }, h("calcite-label", { layout: "inline" }, h("calcite-checkbox", { ref: (el) => { this._removeDuplicates = el; } }), h("div", { class: "display-flex" }, this._translations.removeDuplicate, h("div", { class: "info-message padding-start-1-2" }, h("calcite-input-message", { class: "info-blue margin-top-0", scale: "m" }, ` ${this._translations.numDuplicates.replace("{{n}}", this._numDuplicates.toString())}`)))), h("calcite-icon", { class: "padding-start-1-2 icon", flipRtl: true, icon: "question", id: "remove-duplicates-icon", scale: "s" })), h("calcite-popover", { closable: true, label: "", referenceElement: "remove-duplicates-icon" }, h("span", { class: "tooltip-message" }, this._translations.duplicatesTip))), h("div", { class: "border-bottom" }), h("div", { class: "padding-top-sides-1" }, h("calcite-segmented-control", { class: "w-100", onCalciteSegmentedControlChange: (evt) => this._exportTypeChange(evt), width: "full" }, h("calcite-segmented-control-item", { checked: this._exportType === EExportType.PDF, class: "w-50 end-border", value: EExportType.PDF }, h("span", { class: "font-weight-500" }, this._translations.pdf)), h("calcite-segmented-control-item", { checked: this._exportType === EExportType.CSV, class: "w-50", value: EExportType.CSV }, h("span", { class: "font-weight-500" }, this._translations.csv)))), h("div", { class: "padding-bottom-1" }, this._getExportOptions()), h("div", { class: "padding-1 display-flex" }, h("calcite-button", { disabled: (!this._downloadActive || this._fetchingData) || (!this._addMap && !this._addResults), loading: this._fetchingData, onClick: () => void this._export(), width: "full" }, h("span", { class: "font-weight-500" }, this._translations.export))))) : (this._getNotice(this._translations.downloadNoLists, "padding-sides-1 padding-bottom-1")))));
527
+ return (h("calcite-panel", null, h("div", null, this._getLabel(this._translations.export, false), hasSelections ? (h("div", null, this._getNotice(this._translations.exportTip, "padding-sides-1"), this._getLabel(this._translations.exportListsLabel), this._getExportSelectionLists(), h("div", { class: "padding-sides-1 " + displayDuplicatesClass }, h("div", { class: "display-flex" }, h("calcite-label", { layout: "inline" }, h("calcite-checkbox", { ref: (el) => { this._removeDuplicates = el; } }), h("div", { class: "display-flex" }, this._translations.removeDuplicate, h("div", { class: "info-message padding-start-1-2" }, h("calcite-input-message", { class: "info-blue margin-top-0", scale: "m" }, ` ${this._translations.numDuplicates.replace("{{n}}", this._numDuplicates.toString())}`)))), h("calcite-icon", { class: "padding-start-1-2 icon", flipRtl: !(this.locale.toLowerCase() === "he"), icon: "question", id: "remove-duplicates-icon", scale: "s" })), h("calcite-popover", { closable: true, label: "", referenceElement: "remove-duplicates-icon" }, h("span", { class: "tooltip-message" }, this._translations.duplicatesTip))), h("div", { class: "border-bottom" }), h("div", { class: "padding-top-sides-1" }, h("calcite-segmented-control", { class: "w-100", onCalciteSegmentedControlChange: (evt) => this._exportTypeChange(evt), width: "full" }, h("calcite-segmented-control-item", { checked: this._exportType === EExportType.PDF, class: "w-50 end-border", value: EExportType.PDF }, h("span", { class: "font-weight-500" }, this._translations.pdf)), h("calcite-segmented-control-item", { checked: this._exportType === EExportType.CSV, class: "w-50", value: EExportType.CSV }, h("span", { class: "font-weight-500" }, this._translations.csv)))), h("div", { class: "padding-bottom-1" }, this._getExportOptions()), h("div", { class: "padding-1 display-flex" }, h("calcite-button", { disabled: (!this._downloadActive || this._fetchingData) || (!this._addMap && !this._addResults), loading: this._fetchingData, onClick: () => void this._export(), width: "full" }, h("span", { class: "font-weight-500" }, this._translations.export))))) : (this._getNotice(this._translations.downloadNoLists, "padding-sides-1 padding-bottom-1")))));
527
528
  }
528
529
  /**
529
530
  * Store the user selected export type CSV || PDF
@@ -544,7 +545,7 @@ const PublicNotification = class {
544
545
  const graphicsOptionsClass = this._addMap ? "display-flex" : "display-none";
545
546
  const title = this._titleValue ? this._titleValue : this.defaultExportTitle ? this.defaultExportTitle : "";
546
547
  const formatOptionsClass = this._addResults ? "" : "display-none";
547
- return (h("div", { class: displayClass }, this._getLabel(this._translations.pdfOptions, true), h("div", { class: "padding-top-sides-1" }, h("calcite-label", { class: "label-margin-0", layout: "inline" }, h("calcite-checkbox", { checked: this._addResults, onCalciteCheckboxChange: () => this._addResults = !this._addResults }), this._translations.addResults)), h("div", { class: `padding-top-sides-1 ${formatOptionsClass}` }, h("calcite-label", { class: "label-margin-0" }, this._translations.selectPDFLabelOption)), h("div", { class: `padding-sides-1 ${formatOptionsClass}` }, h("pdf-download", { defaultNumLabelsPerPage: parseInt(this.defaultNumLabelsPerPage.toString(), 10), disabled: !this._downloadActive, ref: (el) => { this._downloadTools = el; } })), h("div", { class: "padding-top-sides-1" }, h("calcite-label", { class: "label-margin-0", layout: "inline" }, h("calcite-checkbox", { checked: this._addTitle, onCalciteCheckboxChange: () => this._addTitle = !this._addTitle }), this._translations.title)), h("div", { class: titleOptionsClass }, this._getLabel(this._translations.title, true, ""), h("calcite-input-text", { class: "padding-sides-1", onCalciteInputTextInput: () => this._changeTitle(), placeholder: this._translations.titlePlaceholder, ref: (el) => { this._titleElement = el; }, value: title })), h("div", { class: "padding-top-sides-1" }, h("calcite-label", { class: "label-margin-0", layout: "inline" }, h("calcite-checkbox", { checked: this._addMap, onCalciteCheckboxChange: () => this._handleAddMapChange() }), this._translations.includeMap)), h("div", { class: `padding-top-sides-1 ${graphicsOptionsClass}` }, h("calcite-label", { class: "label-margin-0", layout: "inline" }, h("calcite-checkbox", { checked: this._exportGraphics, onCalciteCheckboxChange: () => this._handleExportGraphicsChange() }), this._translations.listGraphics), h("calcite-icon", { class: "padding-start-1-2 icon", flipRtl: true, icon: "question", id: "list-graphics-icon", scale: "s" }), h("calcite-popover", { closable: true, label: "", referenceElement: "list-graphics-icon" }, h("span", { class: "tooltip-message" }, this._translations.listGraphicsTip)))));
548
+ return (h("div", { class: displayClass }, this._getLabel(this._translations.pdfOptions, true), h("div", { class: "padding-top-sides-1" }, h("calcite-label", { class: "label-margin-0", layout: "inline" }, h("calcite-checkbox", { checked: this._addResults, onCalciteCheckboxChange: () => this._addResults = !this._addResults }), this._translations.addResults)), h("div", { class: `padding-top-sides-1 ${formatOptionsClass}` }, h("calcite-label", { class: "label-margin-0" }, this._translations.selectPDFLabelOption)), h("div", { class: `padding-sides-1 ${formatOptionsClass}` }, h("pdf-download", { defaultNumLabelsPerPage: parseInt(this.defaultNumLabelsPerPage.toString(), 10), disabled: !this._downloadActive, ref: (el) => { this._downloadTools = el; } })), h("div", { class: "padding-top-sides-1" }, h("calcite-label", { class: "label-margin-0", layout: "inline" }, h("calcite-checkbox", { checked: this._addTitle, onCalciteCheckboxChange: () => this._addTitle = !this._addTitle }), this._translations.title)), h("div", { class: titleOptionsClass }, this._getLabel(this._translations.title, true, ""), h("calcite-input-text", { class: "padding-sides-1", onCalciteInputTextInput: () => this._changeTitle(), placeholder: this._translations.titlePlaceholder, ref: (el) => { this._titleElement = el; }, value: title })), h("div", { class: "padding-top-sides-1" }, h("calcite-label", { class: "label-margin-0", layout: "inline" }, h("calcite-checkbox", { checked: this._addMap, onCalciteCheckboxChange: () => this._handleAddMapChange() }), this._translations.includeMap)), h("div", { class: `padding-top-sides-1 ${graphicsOptionsClass}` }, h("calcite-label", { class: "label-margin-0", layout: "inline" }, h("calcite-checkbox", { checked: this._exportGraphics, onCalciteCheckboxChange: () => this._handleExportGraphicsChange() }), this._translations.listGraphics), h("calcite-icon", { class: "padding-start-1-2 icon", flipRtl: !(this.locale.toLowerCase() === "he"), icon: "question", id: "list-graphics-icon", scale: "s" }), h("calcite-popover", { closable: true, label: "", referenceElement: "list-graphics-icon" }, h("span", { class: "tooltip-message" }, this._translations.listGraphicsTip)))));
548
549
  }
549
550
  /**
550
551
  * Toggle the _addMap state variable and update the graphics on the map
@@ -650,7 +651,7 @@ const PublicNotification = class {
650
651
  */
651
652
  _getRefinePage() {
652
653
  const hasSelections = this._hasSelections();
653
- return (h("calcite-panel", null, this._getLabel(this._translations.refineSelection), hasSelections ? (h("div", null, this._getNotice(this._translations.refineTip, "padding-sides-1"), h("refine-selection", { enabledLayerIds: this.selectionLayerIds, mapView: this.mapView, selectionSets: this._selectionSets, sketchLineSymbol: this.sketchLineSymbol, sketchPointSymbol: this.sketchPointSymbol, sketchPolygonSymbol: this.sketchPolygonSymbol }))) :
654
+ return (h("calcite-panel", null, this._getLabel(this._translations.refineSelection), hasSelections ? (h("div", null, this._getNotice(this._translations.refineTip, "padding-sides-1"), h("refine-selection", { enabledLayerIds: this.selectionLayerIds, locale: this.locale, mapView: this.mapView, selectionSets: this._selectionSets, sketchLineSymbol: this.sketchLineSymbol, sketchPointSymbol: this.sketchPointSymbol, sketchPolygonSymbol: this.sketchPolygonSymbol }))) :
654
655
  this._getNotice(this._translations.refineTipNoSelections, "padding-sides-1")));
655
656
  }
656
657
  /**