@esri/solutions-components 0.8.35 → 0.8.37
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/basemap-gallery_7.cjs.entry.js +8 -0
- package/dist/cjs/crowdsource-manager.cjs.entry.js +15 -6
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/map-select-tools_3.cjs.entry.js +6 -4
- package/dist/cjs/public-notification.cjs.entry.js +6 -5
- package/dist/cjs/solutions-components.cjs.js +1 -1
- package/dist/collection/components/crowdsource-manager/crowdsource-manager.js +15 -6
- package/dist/collection/components/floor-filter/floor-filter.js +8 -0
- package/dist/collection/components/map-select-tools/map-select-tools.js +21 -3
- package/dist/collection/components/public-notification/public-notification.js +23 -5
- package/dist/collection/components/refine-selection/refine-selection.js +19 -1
- package/dist/components/crowdsource-manager.js +15 -6
- package/dist/components/floor-filter2.js +8 -0
- package/dist/components/map-select-tools2.js +5 -3
- package/dist/components/public-notification.js +7 -5
- package/dist/components/refine-selection2.js +3 -1
- package/dist/esm/basemap-gallery_7.entry.js +8 -0
- package/dist/esm/crowdsource-manager.entry.js +15 -6
- package/dist/esm/loader.js +1 -1
- package/dist/esm/map-select-tools_3.entry.js +6 -4
- package/dist/esm/public-notification.entry.js +6 -5
- package/dist/esm/solutions-components.js +1 -1
- package/dist/solutions-components/p-9c05337d.entry.js +6 -0
- package/dist/solutions-components/p-ab2c8a60.entry.js +6 -0
- package/dist/solutions-components/p-c1222f6b.entry.js +6 -0
- package/dist/solutions-components/p-c8233fcd.entry.js +6 -0
- package/dist/solutions-components/solutions-components.esm.js +1 -1
- package/dist/types/components/crowdsource-manager/crowdsource-manager.d.ts +4 -0
- package/dist/types/components/floor-filter/floor-filter.d.ts +4 -0
- package/dist/types/components/map-select-tools/map-select-tools.d.ts +4 -0
- package/dist/types/components/public-notification/public-notification.d.ts +4 -0
- package/dist/types/components/refine-selection/refine-selection.d.ts +4 -0
- package/dist/types/components.d.ts +24 -0
- package/package.json +1 -1
- package/dist/solutions-components/p-061da95a.entry.js +0 -6
- package/dist/solutions-components/p-6e260ca3.entry.js +0 -6
- package/dist/solutions-components/p-bda54b12.entry.js +0 -6
- package/dist/solutions-components/p-c91b2153.entry.js +0 -6
|
@@ -39,6 +39,10 @@ export class CrowdsourceManager {
|
|
|
39
39
|
* MapView.when is not fired when mapView is not currently visible
|
|
40
40
|
*/
|
|
41
41
|
this._defaultLevelHonored = false;
|
|
42
|
+
/**
|
|
43
|
+
* boolean: When true hideMapOnLoad was honored for the current map
|
|
44
|
+
*/
|
|
45
|
+
this._hideMapOnLoadHonored = false;
|
|
42
46
|
/**
|
|
43
47
|
* boolean: When true the map view will be set after render due to popup obstructing the view
|
|
44
48
|
* MapView.when is not fired when mapView is not currently visible
|
|
@@ -80,10 +84,10 @@ export class CrowdsourceManager {
|
|
|
80
84
|
this.theme = "light";
|
|
81
85
|
this.zoomAndScrollToSelected = false;
|
|
82
86
|
this.zoomToScale = undefined;
|
|
83
|
-
this._expandPopup =
|
|
87
|
+
this._expandPopup = false;
|
|
84
88
|
this._hideFooter = false;
|
|
85
89
|
this._hideTable = false;
|
|
86
|
-
this._isMobile =
|
|
90
|
+
this._isMobile = false;
|
|
87
91
|
this._translations = undefined;
|
|
88
92
|
this._layer = undefined;
|
|
89
93
|
this._layoutMode = ELayoutMode.GRID;
|
|
@@ -108,8 +112,8 @@ export class CrowdsourceManager {
|
|
|
108
112
|
* When true the map will be hidden on load
|
|
109
113
|
*/
|
|
110
114
|
hideMapOnLoadWatchHandler() {
|
|
111
|
-
this.showHideMapPopupAndTable(this.hideMapOnLoad);
|
|
112
|
-
this._expandPopup = this.hideMapOnLoad;
|
|
115
|
+
this.showHideMapPopupAndTable(this.hideMapOnLoad && !this._isMobile);
|
|
116
|
+
this._expandPopup = this.hideMapOnLoad && !this._isMobile;
|
|
113
117
|
}
|
|
114
118
|
/**
|
|
115
119
|
* When true the map will be hidden on load
|
|
@@ -180,7 +184,8 @@ export class CrowdsourceManager {
|
|
|
180
184
|
* Update the state expandPopup when mapInfoChange event occurs
|
|
181
185
|
*/
|
|
182
186
|
async mapInfoChange() {
|
|
183
|
-
this._expandPopup = this.hideMapOnLoad;
|
|
187
|
+
this._expandPopup = this.hideMapOnLoad && !this._isMobile;
|
|
188
|
+
this._hideMapOnLoadHonored = false;
|
|
184
189
|
}
|
|
185
190
|
//--------------------------------------------------------------------------
|
|
186
191
|
//
|
|
@@ -202,7 +207,7 @@ export class CrowdsourceManager {
|
|
|
202
207
|
render() {
|
|
203
208
|
// only avoid border when we have a header color that is not white
|
|
204
209
|
const borderClass = this.popupHeaderColor && this.popupHeaderColor !== "#FFFFFF" ? "border-width-0" : "";
|
|
205
|
-
return (h(Host, { key: '
|
|
210
|
+
return (h(Host, { key: '09154a91e9c1ca9ee6fffcc9d15f6488d1572429' }, h("calcite-shell", { key: '78268044775861d16a557d7e95678614c3be90c8', class: "position-relative" }, h("calcite-panel", { key: '2efe00d79d9c939400bc13558e8ad89a06ae68ab', class: `width-full height-full ${borderClass}` }, this._getBody(this._layoutMode, this._panelOpen, this._hideTable)), this._getFooter())));
|
|
206
211
|
}
|
|
207
212
|
/**
|
|
208
213
|
* Called after each render
|
|
@@ -398,6 +403,7 @@ export class CrowdsourceManager {
|
|
|
398
403
|
*/
|
|
399
404
|
_togglePopup() {
|
|
400
405
|
this._expandPopup = !this._expandPopup;
|
|
406
|
+
this._hideMapOnLoadHonored = true;
|
|
401
407
|
}
|
|
402
408
|
/**
|
|
403
409
|
* Get the card node
|
|
@@ -446,6 +452,9 @@ export class CrowdsourceManager {
|
|
|
446
452
|
if (forceOpen) {
|
|
447
453
|
this._panelOpen = true;
|
|
448
454
|
}
|
|
455
|
+
if ((this.hideMapOnLoad && !this._hideMapOnLoadHonored) || this._isMobile) {
|
|
456
|
+
this.hideMapOnLoadWatchHandler();
|
|
457
|
+
}
|
|
449
458
|
}
|
|
450
459
|
/**
|
|
451
460
|
* Open/Close the appropriate panel.
|
|
@@ -65,6 +65,14 @@ export class FloorFilter {
|
|
|
65
65
|
render() {
|
|
66
66
|
return (h(Host, { key: 'c80a8d46fb48f3789d9fa09c2400faad49e2e236' }, h("div", { key: '82919a3ba061a17c8aeaa0d2f6f4f13bc428b519', ref: (el) => { this._floorFilterElement = el; } })));
|
|
67
67
|
}
|
|
68
|
+
/**
|
|
69
|
+
* StencilJS: Called once just after the component is first loaded.
|
|
70
|
+
*/
|
|
71
|
+
async componentDidLoad() {
|
|
72
|
+
if (this.mapView && !this.floorFilterWidget) {
|
|
73
|
+
await this._initFloorFilter(this.mapView);
|
|
74
|
+
}
|
|
75
|
+
}
|
|
68
76
|
//--------------------------------------------------------------------------
|
|
69
77
|
//
|
|
70
78
|
// Functions (protected)
|
|
@@ -52,6 +52,7 @@ export class MapSelectTools {
|
|
|
52
52
|
this.geometries = [];
|
|
53
53
|
this.isUpdate = false;
|
|
54
54
|
this.layerViews = [];
|
|
55
|
+
this.locale = undefined;
|
|
55
56
|
this.mapView = undefined;
|
|
56
57
|
this.noResultText = undefined;
|
|
57
58
|
this.searchConfiguration = undefined;
|
|
@@ -191,7 +192,7 @@ export class MapSelectTools {
|
|
|
191
192
|
* Renders the component.
|
|
192
193
|
*/
|
|
193
194
|
render() {
|
|
194
|
-
return (h(Host, { key: '
|
|
195
|
+
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()));
|
|
195
196
|
}
|
|
196
197
|
/**
|
|
197
198
|
* Renders the buffer tools component.
|
|
@@ -200,14 +201,14 @@ export class MapSelectTools {
|
|
|
200
201
|
var _a, _b;
|
|
201
202
|
const showBufferToolsClass = this._searchDistanceEnabled ? "search-distance" : "div-not-visible";
|
|
202
203
|
const bufferDistance = typeof ((_a = this.selectionSet) === null || _a === void 0 ? void 0 : _a.distance) === "number" ? this.selectionSet.distance : this.defaultBufferDistance;
|
|
203
|
-
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:
|
|
204
|
+
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 }))));
|
|
204
205
|
}
|
|
205
206
|
/**
|
|
206
207
|
* Renders the map layer picker component.
|
|
207
208
|
*/
|
|
208
209
|
_getUseLayerFeaturesOptions() {
|
|
209
210
|
const useLayerFeaturesClass = this._useLayerFeaturesEnabled ? "div-visible" : "div-not-visible";
|
|
210
|
-
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:
|
|
211
|
+
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 }))));
|
|
211
212
|
}
|
|
212
213
|
/**
|
|
213
214
|
* Renders the number of selected features
|
|
@@ -971,6 +972,23 @@ export class MapSelectTools {
|
|
|
971
972
|
},
|
|
972
973
|
"defaultValue": "[]"
|
|
973
974
|
},
|
|
975
|
+
"locale": {
|
|
976
|
+
"type": "string",
|
|
977
|
+
"mutable": false,
|
|
978
|
+
"complexType": {
|
|
979
|
+
"original": "string",
|
|
980
|
+
"resolved": "string",
|
|
981
|
+
"references": {}
|
|
982
|
+
},
|
|
983
|
+
"required": false,
|
|
984
|
+
"optional": false,
|
|
985
|
+
"docs": {
|
|
986
|
+
"tags": [],
|
|
987
|
+
"text": "string: The current user locale."
|
|
988
|
+
},
|
|
989
|
+
"attribute": "locale",
|
|
990
|
+
"reflect": false
|
|
991
|
+
},
|
|
974
992
|
"mapView": {
|
|
975
993
|
"type": "unknown",
|
|
976
994
|
"mutable": false,
|
|
@@ -50,6 +50,7 @@ export class PublicNotification {
|
|
|
50
50
|
this.defaultNumLabelsPerPage = 6;
|
|
51
51
|
this.featureEffect = undefined;
|
|
52
52
|
this.featureHighlightEnabled = undefined;
|
|
53
|
+
this.locale = undefined;
|
|
53
54
|
this.mapView = undefined;
|
|
54
55
|
this.noResultText = undefined;
|
|
55
56
|
this.searchConfiguration = undefined;
|
|
@@ -185,7 +186,7 @@ export class PublicNotification {
|
|
|
185
186
|
*/
|
|
186
187
|
render() {
|
|
187
188
|
const headerSlot = this._isMobile ? "footer" : "header";
|
|
188
|
-
return (h(Host, { key: '
|
|
189
|
+
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))));
|
|
189
190
|
}
|
|
190
191
|
/**
|
|
191
192
|
* StencilJS: Called once just after the component is first loaded.
|
|
@@ -517,7 +518,7 @@ export class PublicNotification {
|
|
|
517
518
|
*/
|
|
518
519
|
_getSelectPage() {
|
|
519
520
|
const noticeText = this._translations.selectSearchTip;
|
|
520
|
-
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(); })));
|
|
521
|
+
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(); })));
|
|
521
522
|
}
|
|
522
523
|
/**
|
|
523
524
|
* Create the main download page that has the shared aspects of both PDF and CSV
|
|
@@ -529,7 +530,7 @@ export class PublicNotification {
|
|
|
529
530
|
_getExportPage() {
|
|
530
531
|
const hasSelections = this._hasSelections(this.showRefineSelection);
|
|
531
532
|
const displayDuplicatesClass = this._numDuplicates > 0 ? "display-block" : "display-none";
|
|
532
|
-
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:
|
|
533
|
+
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")))));
|
|
533
534
|
}
|
|
534
535
|
/**
|
|
535
536
|
* Store the user selected export type CSV || PDF
|
|
@@ -550,7 +551,7 @@ export class PublicNotification {
|
|
|
550
551
|
const graphicsOptionsClass = this._addMap ? "display-flex" : "display-none";
|
|
551
552
|
const title = this._titleValue ? this._titleValue : this.defaultExportTitle ? this.defaultExportTitle : "";
|
|
552
553
|
const formatOptionsClass = this._addResults ? "" : "display-none";
|
|
553
|
-
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:
|
|
554
|
+
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)))));
|
|
554
555
|
}
|
|
555
556
|
/**
|
|
556
557
|
* Toggle the _addMap state variable and update the graphics on the map
|
|
@@ -656,7 +657,7 @@ export class PublicNotification {
|
|
|
656
657
|
*/
|
|
657
658
|
_getRefinePage() {
|
|
658
659
|
const hasSelections = this._hasSelections();
|
|
659
|
-
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 }))) :
|
|
660
|
+
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 }))) :
|
|
660
661
|
this._getNotice(this._translations.refineTipNoSelections, "padding-sides-1")));
|
|
661
662
|
}
|
|
662
663
|
/**
|
|
@@ -1177,6 +1178,23 @@ export class PublicNotification {
|
|
|
1177
1178
|
"attribute": "feature-highlight-enabled",
|
|
1178
1179
|
"reflect": false
|
|
1179
1180
|
},
|
|
1181
|
+
"locale": {
|
|
1182
|
+
"type": "string",
|
|
1183
|
+
"mutable": false,
|
|
1184
|
+
"complexType": {
|
|
1185
|
+
"original": "string",
|
|
1186
|
+
"resolved": "string",
|
|
1187
|
+
"references": {}
|
|
1188
|
+
},
|
|
1189
|
+
"required": false,
|
|
1190
|
+
"optional": false,
|
|
1191
|
+
"docs": {
|
|
1192
|
+
"tags": [],
|
|
1193
|
+
"text": "string: The current user locale."
|
|
1194
|
+
},
|
|
1195
|
+
"attribute": "locale",
|
|
1196
|
+
"reflect": false
|
|
1197
|
+
},
|
|
1180
1198
|
"mapView": {
|
|
1181
1199
|
"type": "unknown",
|
|
1182
1200
|
"mutable": false,
|
|
@@ -49,6 +49,7 @@ export class RefineSelection {
|
|
|
49
49
|
this._featuresCollection = {};
|
|
50
50
|
this.addresseeLayer = undefined;
|
|
51
51
|
this.enabledLayerIds = [];
|
|
52
|
+
this.locale = undefined;
|
|
52
53
|
this.mapView = undefined;
|
|
53
54
|
this.selectionSets = [];
|
|
54
55
|
this.sketchLineSymbol = undefined;
|
|
@@ -77,7 +78,7 @@ export class RefineSelection {
|
|
|
77
78
|
render() {
|
|
78
79
|
var _a, _b;
|
|
79
80
|
const layerPickerClass = this._enabledLayerIds.length > 1 ? "display-block" : "display-none";
|
|
80
|
-
return (h(Host, { key: '
|
|
81
|
+
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())))));
|
|
81
82
|
}
|
|
82
83
|
//--------------------------------------------------------------------------
|
|
83
84
|
//
|
|
@@ -454,6 +455,23 @@ export class RefineSelection {
|
|
|
454
455
|
},
|
|
455
456
|
"defaultValue": "[]"
|
|
456
457
|
},
|
|
458
|
+
"locale": {
|
|
459
|
+
"type": "string",
|
|
460
|
+
"mutable": false,
|
|
461
|
+
"complexType": {
|
|
462
|
+
"original": "string",
|
|
463
|
+
"resolved": "string",
|
|
464
|
+
"references": {}
|
|
465
|
+
},
|
|
466
|
+
"required": false,
|
|
467
|
+
"optional": false,
|
|
468
|
+
"docs": {
|
|
469
|
+
"tags": [],
|
|
470
|
+
"text": "string: The current user locale."
|
|
471
|
+
},
|
|
472
|
+
"attribute": "locale",
|
|
473
|
+
"reflect": false
|
|
474
|
+
},
|
|
457
475
|
"mapView": {
|
|
458
476
|
"type": "unknown",
|
|
459
477
|
"mutable": false,
|
|
@@ -89,6 +89,10 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
|
|
|
89
89
|
* MapView.when is not fired when mapView is not currently visible
|
|
90
90
|
*/
|
|
91
91
|
this._defaultLevelHonored = false;
|
|
92
|
+
/**
|
|
93
|
+
* boolean: When true hideMapOnLoad was honored for the current map
|
|
94
|
+
*/
|
|
95
|
+
this._hideMapOnLoadHonored = false;
|
|
92
96
|
/**
|
|
93
97
|
* boolean: When true the map view will be set after render due to popup obstructing the view
|
|
94
98
|
* MapView.when is not fired when mapView is not currently visible
|
|
@@ -130,10 +134,10 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
|
|
|
130
134
|
this.theme = "light";
|
|
131
135
|
this.zoomAndScrollToSelected = false;
|
|
132
136
|
this.zoomToScale = undefined;
|
|
133
|
-
this._expandPopup =
|
|
137
|
+
this._expandPopup = false;
|
|
134
138
|
this._hideFooter = false;
|
|
135
139
|
this._hideTable = false;
|
|
136
|
-
this._isMobile =
|
|
140
|
+
this._isMobile = false;
|
|
137
141
|
this._translations = undefined;
|
|
138
142
|
this._layer = undefined;
|
|
139
143
|
this._layoutMode = ELayoutMode.GRID;
|
|
@@ -158,8 +162,8 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
|
|
|
158
162
|
* When true the map will be hidden on load
|
|
159
163
|
*/
|
|
160
164
|
hideMapOnLoadWatchHandler() {
|
|
161
|
-
this.showHideMapPopupAndTable(this.hideMapOnLoad);
|
|
162
|
-
this._expandPopup = this.hideMapOnLoad;
|
|
165
|
+
this.showHideMapPopupAndTable(this.hideMapOnLoad && !this._isMobile);
|
|
166
|
+
this._expandPopup = this.hideMapOnLoad && !this._isMobile;
|
|
163
167
|
}
|
|
164
168
|
/**
|
|
165
169
|
* When true the map will be hidden on load
|
|
@@ -230,7 +234,8 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
|
|
|
230
234
|
* Update the state expandPopup when mapInfoChange event occurs
|
|
231
235
|
*/
|
|
232
236
|
async mapInfoChange() {
|
|
233
|
-
this._expandPopup = this.hideMapOnLoad;
|
|
237
|
+
this._expandPopup = this.hideMapOnLoad && !this._isMobile;
|
|
238
|
+
this._hideMapOnLoadHonored = false;
|
|
234
239
|
}
|
|
235
240
|
//--------------------------------------------------------------------------
|
|
236
241
|
//
|
|
@@ -252,7 +257,7 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
|
|
|
252
257
|
render() {
|
|
253
258
|
// only avoid border when we have a header color that is not white
|
|
254
259
|
const borderClass = this.popupHeaderColor && this.popupHeaderColor !== "#FFFFFF" ? "border-width-0" : "";
|
|
255
|
-
return (h(Host, { key: '
|
|
260
|
+
return (h(Host, { key: '09154a91e9c1ca9ee6fffcc9d15f6488d1572429' }, h("calcite-shell", { key: '78268044775861d16a557d7e95678614c3be90c8', class: "position-relative" }, h("calcite-panel", { key: '2efe00d79d9c939400bc13558e8ad89a06ae68ab', class: `width-full height-full ${borderClass}` }, this._getBody(this._layoutMode, this._panelOpen, this._hideTable)), this._getFooter())));
|
|
256
261
|
}
|
|
257
262
|
/**
|
|
258
263
|
* Called after each render
|
|
@@ -448,6 +453,7 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
|
|
|
448
453
|
*/
|
|
449
454
|
_togglePopup() {
|
|
450
455
|
this._expandPopup = !this._expandPopup;
|
|
456
|
+
this._hideMapOnLoadHonored = true;
|
|
451
457
|
}
|
|
452
458
|
/**
|
|
453
459
|
* Get the card node
|
|
@@ -496,6 +502,9 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
|
|
|
496
502
|
if (forceOpen) {
|
|
497
503
|
this._panelOpen = true;
|
|
498
504
|
}
|
|
505
|
+
if ((this.hideMapOnLoad && !this._hideMapOnLoadHonored) || this._isMobile) {
|
|
506
|
+
this.hideMapOnLoadWatchHandler();
|
|
507
|
+
}
|
|
499
508
|
}
|
|
500
509
|
/**
|
|
501
510
|
* Open/Close the appropriate panel.
|
|
@@ -60,6 +60,14 @@ const FloorFilter = /*@__PURE__*/ proxyCustomElement(class FloorFilter extends H
|
|
|
60
60
|
render() {
|
|
61
61
|
return (h(Host, { key: 'c80a8d46fb48f3789d9fa09c2400faad49e2e236' }, h("div", { key: '82919a3ba061a17c8aeaa0d2f6f4f13bc428b519', ref: (el) => { this._floorFilterElement = el; } })));
|
|
62
62
|
}
|
|
63
|
+
/**
|
|
64
|
+
* StencilJS: Called once just after the component is first loaded.
|
|
65
|
+
*/
|
|
66
|
+
async componentDidLoad() {
|
|
67
|
+
if (this.mapView && !this.floorFilterWidget) {
|
|
68
|
+
await this._initFloorFilter(this.mapView);
|
|
69
|
+
}
|
|
70
|
+
}
|
|
63
71
|
//--------------------------------------------------------------------------
|
|
64
72
|
//
|
|
65
73
|
// Functions (protected)
|
|
@@ -69,6 +69,7 @@ const MapSelectTools = /*@__PURE__*/ proxyCustomElement(class MapSelectTools ext
|
|
|
69
69
|
this.geometries = [];
|
|
70
70
|
this.isUpdate = false;
|
|
71
71
|
this.layerViews = [];
|
|
72
|
+
this.locale = undefined;
|
|
72
73
|
this.mapView = undefined;
|
|
73
74
|
this.noResultText = undefined;
|
|
74
75
|
this.searchConfiguration = undefined;
|
|
@@ -208,7 +209,7 @@ const MapSelectTools = /*@__PURE__*/ proxyCustomElement(class MapSelectTools ext
|
|
|
208
209
|
* Renders the component.
|
|
209
210
|
*/
|
|
210
211
|
render() {
|
|
211
|
-
return (h(Host, { key: '
|
|
212
|
+
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()));
|
|
212
213
|
}
|
|
213
214
|
/**
|
|
214
215
|
* Renders the buffer tools component.
|
|
@@ -217,14 +218,14 @@ const MapSelectTools = /*@__PURE__*/ proxyCustomElement(class MapSelectTools ext
|
|
|
217
218
|
var _a, _b;
|
|
218
219
|
const showBufferToolsClass = this._searchDistanceEnabled ? "search-distance" : "div-not-visible";
|
|
219
220
|
const bufferDistance = typeof ((_a = this.selectionSet) === null || _a === void 0 ? void 0 : _a.distance) === "number" ? this.selectionSet.distance : this.defaultBufferDistance;
|
|
220
|
-
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:
|
|
221
|
+
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 }))));
|
|
221
222
|
}
|
|
222
223
|
/**
|
|
223
224
|
* Renders the map layer picker component.
|
|
224
225
|
*/
|
|
225
226
|
_getUseLayerFeaturesOptions() {
|
|
226
227
|
const useLayerFeaturesClass = this._useLayerFeaturesEnabled ? "div-visible" : "div-not-visible";
|
|
227
|
-
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:
|
|
228
|
+
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 }))));
|
|
228
229
|
}
|
|
229
230
|
/**
|
|
230
231
|
* Renders the number of selected features
|
|
@@ -823,6 +824,7 @@ const MapSelectTools = /*@__PURE__*/ proxyCustomElement(class MapSelectTools ext
|
|
|
823
824
|
"geometries": [16],
|
|
824
825
|
"isUpdate": [4, "is-update"],
|
|
825
826
|
"layerViews": [16],
|
|
827
|
+
"locale": [1],
|
|
826
828
|
"mapView": [16],
|
|
827
829
|
"noResultText": [1, "no-result-text"],
|
|
828
830
|
"searchConfiguration": [1040],
|
|
@@ -84,6 +84,7 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class PublicNotifi
|
|
|
84
84
|
this.defaultNumLabelsPerPage = 6;
|
|
85
85
|
this.featureEffect = undefined;
|
|
86
86
|
this.featureHighlightEnabled = undefined;
|
|
87
|
+
this.locale = undefined;
|
|
87
88
|
this.mapView = undefined;
|
|
88
89
|
this.noResultText = undefined;
|
|
89
90
|
this.searchConfiguration = undefined;
|
|
@@ -219,7 +220,7 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class PublicNotifi
|
|
|
219
220
|
*/
|
|
220
221
|
render() {
|
|
221
222
|
const headerSlot = this._isMobile ? "footer" : "header";
|
|
222
|
-
return (h(Host, { key: '
|
|
223
|
+
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))));
|
|
223
224
|
}
|
|
224
225
|
/**
|
|
225
226
|
* StencilJS: Called once just after the component is first loaded.
|
|
@@ -551,7 +552,7 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class PublicNotifi
|
|
|
551
552
|
*/
|
|
552
553
|
_getSelectPage() {
|
|
553
554
|
const noticeText = this._translations.selectSearchTip;
|
|
554
|
-
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(); })));
|
|
555
|
+
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(); })));
|
|
555
556
|
}
|
|
556
557
|
/**
|
|
557
558
|
* Create the main download page that has the shared aspects of both PDF and CSV
|
|
@@ -563,7 +564,7 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class PublicNotifi
|
|
|
563
564
|
_getExportPage() {
|
|
564
565
|
const hasSelections = this._hasSelections(this.showRefineSelection);
|
|
565
566
|
const displayDuplicatesClass = this._numDuplicates > 0 ? "display-block" : "display-none";
|
|
566
|
-
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:
|
|
567
|
+
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")))));
|
|
567
568
|
}
|
|
568
569
|
/**
|
|
569
570
|
* Store the user selected export type CSV || PDF
|
|
@@ -584,7 +585,7 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class PublicNotifi
|
|
|
584
585
|
const graphicsOptionsClass = this._addMap ? "display-flex" : "display-none";
|
|
585
586
|
const title = this._titleValue ? this._titleValue : this.defaultExportTitle ? this.defaultExportTitle : "";
|
|
586
587
|
const formatOptionsClass = this._addResults ? "" : "display-none";
|
|
587
|
-
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:
|
|
588
|
+
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)))));
|
|
588
589
|
}
|
|
589
590
|
/**
|
|
590
591
|
* Toggle the _addMap state variable and update the graphics on the map
|
|
@@ -690,7 +691,7 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class PublicNotifi
|
|
|
690
691
|
*/
|
|
691
692
|
_getRefinePage() {
|
|
692
693
|
const hasSelections = this._hasSelections();
|
|
693
|
-
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 }))) :
|
|
694
|
+
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 }))) :
|
|
694
695
|
this._getNotice(this._translations.refineTipNoSelections, "padding-sides-1")));
|
|
695
696
|
}
|
|
696
697
|
/**
|
|
@@ -1037,6 +1038,7 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class PublicNotifi
|
|
|
1037
1038
|
"defaultNumLabelsPerPage": [2, "default-num-labels-per-page"],
|
|
1038
1039
|
"featureEffect": [16],
|
|
1039
1040
|
"featureHighlightEnabled": [4, "feature-highlight-enabled"],
|
|
1041
|
+
"locale": [1],
|
|
1040
1042
|
"mapView": [16],
|
|
1041
1043
|
"noResultText": [1, "no-result-text"],
|
|
1042
1044
|
"searchConfiguration": [1040],
|
|
@@ -70,6 +70,7 @@ const RefineSelection = /*@__PURE__*/ proxyCustomElement(class RefineSelection e
|
|
|
70
70
|
this._featuresCollection = {};
|
|
71
71
|
this.addresseeLayer = undefined;
|
|
72
72
|
this.enabledLayerIds = [];
|
|
73
|
+
this.locale = undefined;
|
|
73
74
|
this.mapView = undefined;
|
|
74
75
|
this.selectionSets = [];
|
|
75
76
|
this.sketchLineSymbol = undefined;
|
|
@@ -98,7 +99,7 @@ const RefineSelection = /*@__PURE__*/ proxyCustomElement(class RefineSelection e
|
|
|
98
99
|
render() {
|
|
99
100
|
var _a, _b;
|
|
100
101
|
const layerPickerClass = this._enabledLayerIds.length > 1 ? "display-block" : "display-none";
|
|
101
|
-
return (h(Host, { key: '
|
|
102
|
+
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())))));
|
|
102
103
|
}
|
|
103
104
|
//--------------------------------------------------------------------------
|
|
104
105
|
//
|
|
@@ -431,6 +432,7 @@ const RefineSelection = /*@__PURE__*/ proxyCustomElement(class RefineSelection e
|
|
|
431
432
|
}, [0, "refine-selection", {
|
|
432
433
|
"addresseeLayer": [16],
|
|
433
434
|
"enabledLayerIds": [16],
|
|
435
|
+
"locale": [1],
|
|
434
436
|
"mapView": [16],
|
|
435
437
|
"selectionSets": [1040],
|
|
436
438
|
"sketchLineSymbol": [16],
|
|
@@ -166,6 +166,14 @@ const FloorFilter = class {
|
|
|
166
166
|
render() {
|
|
167
167
|
return (h(Host, { key: 'c80a8d46fb48f3789d9fa09c2400faad49e2e236' }, h("div", { key: '82919a3ba061a17c8aeaa0d2f6f4f13bc428b519', ref: (el) => { this._floorFilterElement = el; } })));
|
|
168
168
|
}
|
|
169
|
+
/**
|
|
170
|
+
* StencilJS: Called once just after the component is first loaded.
|
|
171
|
+
*/
|
|
172
|
+
async componentDidLoad() {
|
|
173
|
+
if (this.mapView && !this.floorFilterWidget) {
|
|
174
|
+
await this._initFloorFilter(this.mapView);
|
|
175
|
+
}
|
|
176
|
+
}
|
|
169
177
|
//--------------------------------------------------------------------------
|
|
170
178
|
//
|
|
171
179
|
// Functions (protected)
|