@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.
- 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)
|