@esri/solutions-components 0.7.49 → 0.7.50
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/card-manager_3.cjs.entry.js +63 -42
- package/dist/cjs/crowdsource-manager.cjs.entry.js +18 -45
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/solutions-components.cjs.js +1 -1
- package/dist/collection/components/crowdsource-manager/crowdsource-manager.js +18 -73
- package/dist/collection/components/layer-table/layer-table.js +67 -63
- package/dist/components/crowdsource-manager.js +18 -51
- package/dist/components/layer-table2.js +65 -43
- package/dist/esm/card-manager_3.entry.js +63 -42
- package/dist/esm/crowdsource-manager.entry.js +18 -45
- package/dist/esm/loader.js +1 -1
- package/dist/esm/solutions-components.js +1 -1
- package/dist/solutions-components/p-21bc3c8a.entry.js +6 -0
- package/dist/solutions-components/p-a5fd812c.entry.js +6 -0
- package/dist/solutions-components/solutions-components.esm.js +1 -1
- package/dist/types/components/crowdsource-manager/crowdsource-manager.d.ts +2 -45
- package/dist/types/components/layer-table/layer-table.d.ts +16 -5
- package/dist/types/components.d.ts +0 -18
- package/package.json +1 -1
- package/dist/solutions-components/p-6d9f6b6a.entry.js +0 -6
- package/dist/solutions-components/p-766c0b57.entry.js +0 -6
@@ -29,8 +29,9 @@ export class CrowdsourceManager {
|
|
29
29
|
* MapView.when is not fired when mapView is not currently visible
|
30
30
|
*/
|
31
31
|
this._shouldSetMapView = false;
|
32
|
+
this._defaultCenterHonored = false;
|
33
|
+
this._defaultLevelHonored = false;
|
32
34
|
this.defaultCenter = "";
|
33
|
-
this.defaultFilter = "";
|
34
35
|
this.defaultGlobalId = "";
|
35
36
|
this.defaultLayer = "";
|
36
37
|
this.defaultLevel = "";
|
@@ -75,39 +76,6 @@ export class CrowdsourceManager {
|
|
75
76
|
// Watch handlers
|
76
77
|
//
|
77
78
|
//--------------------------------------------------------------------------
|
78
|
-
/**
|
79
|
-
* Watch for center url param to be set
|
80
|
-
*/
|
81
|
-
defaultCenterWatchHandler() {
|
82
|
-
this._defaultCenter = !this.defaultCenter ? undefined :
|
83
|
-
this.defaultCenter.split(";").map(v => parseFloat(v));
|
84
|
-
}
|
85
|
-
/**
|
86
|
-
* Watch for filter url param to be set
|
87
|
-
*/
|
88
|
-
defaultFilterWatchHandler() {
|
89
|
-
this._defaultFilter = JSON.parse(this.defaultFilter);
|
90
|
-
}
|
91
|
-
/**
|
92
|
-
* Watch for globalid url param to be set
|
93
|
-
*/
|
94
|
-
defaultGlobalIdWatchHandler() {
|
95
|
-
this._defaultGlobalId = !this.defaultGlobalId ? undefined :
|
96
|
-
this.defaultGlobalId.indexOf(",") > -1 ? this.defaultGlobalId.split(",") : [this.defaultGlobalId];
|
97
|
-
}
|
98
|
-
/**
|
99
|
-
* Watch for oid url param to be set
|
100
|
-
*/
|
101
|
-
defaultOidWatchHandler() {
|
102
|
-
this._defaultOid = !this.defaultOid ? undefined :
|
103
|
-
this.defaultOid.indexOf(",") > -1 ? this.defaultOid.split(",").map(o => parseInt(o, 10)) : [parseInt(this.defaultOid, 10)];
|
104
|
-
}
|
105
|
-
/**
|
106
|
-
* Watch for zoom level param to be set
|
107
|
-
*/
|
108
|
-
defaultLevelWatchHandler() {
|
109
|
-
this._defaultLevel = !this.defaultLevel ? undefined : parseInt(this.defaultLevel, 10);
|
110
|
-
}
|
111
79
|
/**
|
112
80
|
* When true the map zoom tools will be available
|
113
81
|
*/
|
@@ -399,6 +367,7 @@ export class CrowdsourceManager {
|
|
399
367
|
* @protected
|
400
368
|
*/
|
401
369
|
_getTable(layoutMode, panelOpen, hideTable) {
|
370
|
+
var _a, _b;
|
402
371
|
const tableClass = hideTable && this._isMobile ? "visibility-hidden" : "";
|
403
372
|
const tableSizeClass = this._getTableSizeClass(layoutMode, panelOpen);
|
404
373
|
const icon = this._getDividerIcon(layoutMode, panelOpen);
|
@@ -407,7 +376,11 @@ export class CrowdsourceManager {
|
|
407
376
|
const toggleLayout = layoutMode === ELayoutMode.HORIZONTAL ? "horizontal" : "vertical";
|
408
377
|
const toggleSlot = layoutMode === ELayoutMode.HORIZONTAL ? "header" : "panel-start";
|
409
378
|
const hasMapAndLayer = this.defaultWebmap && this.defaultLayer;
|
410
|
-
|
379
|
+
const globalId = !this.defaultGlobalId ? undefined :
|
380
|
+
((_a = this.defaultGlobalId) === null || _a === void 0 ? void 0 : _a.indexOf(",")) > -1 ? this.defaultGlobalId.split(",") : [this.defaultGlobalId];
|
381
|
+
const defaultOid = !this.defaultOid ? undefined :
|
382
|
+
((_b = this.defaultOid) === null || _b === void 0 ? void 0 : _b.indexOf(",")) > -1 ? this.defaultOid.split(",").map(o => parseInt(o, 10)) : [parseInt(this.defaultOid, 10)];
|
383
|
+
return (h("calcite-shell", { class: `${tableSizeClass} ${tableClass} border-bottom` }, !this._isMobile ? (h("calcite-action-bar", { class: "border-sides", expandDisabled: true, layout: toggleLayout, slot: toggleSlot }, h("calcite-action", { class: "toggle-node", icon: icon, id: id, onClick: () => this._toggleLayout(), text: "" }), h("calcite-tooltip", { label: tooltip, placement: "bottom", "reference-element": id }, h("span", null, tooltip)))) : undefined, h("div", { class: `width-full height-full position-relative` }, h("layer-table", { defaultGlobalId: hasMapAndLayer ? globalId : undefined, defaultLayerId: hasMapAndLayer ? this.defaultLayer : "", defaultOid: hasMapAndLayer && !globalId ? defaultOid : undefined, enableAutoRefresh: this.enableAutoRefresh, enableCSV: this.enableCSV, enableColumnReorder: this.enableColumnReorder, enableInlineEdit: this.enableInlineEdit, enableShare: this.enableShare, isMobile: this._isMobile, mapInfo: this._mapInfo, mapView: this === null || this === void 0 ? void 0 : this._mapView, onlyShowUpdatableLayers: this.onlyShowUpdatableLayers, ref: (el) => this._layerTable = el, shareIncludeEmbed: this.shareIncludeEmbed, shareIncludeSocial: this.shareIncludeSocial, showNewestFirst: this.showNewestFirst, zoomAndScrollToSelected: this.zoomAndScrollToSelected }))));
|
411
384
|
}
|
412
385
|
/**
|
413
386
|
* Update the component layout when its size changes
|
@@ -460,17 +433,22 @@ export class CrowdsourceManager {
|
|
460
433
|
* @protected
|
461
434
|
*/
|
462
435
|
async _setMapView() {
|
436
|
+
var _a;
|
463
437
|
this._mapInfo = this._getMapInfo(this._mapChange.id);
|
464
438
|
this._mapView = this._mapChange.mapView;
|
465
439
|
this._initMapZoom();
|
466
440
|
this._mapView.popupEnabled = false;
|
467
|
-
|
441
|
+
const center = !this.defaultCenter || this._defaultCenterHonored ?
|
442
|
+
undefined : (_a = this.defaultCenter) === null || _a === void 0 ? void 0 : _a.split(";").map(v => parseFloat(v));
|
443
|
+
const zoom = !this.defaultLevel || this._defaultLevelHonored ?
|
444
|
+
undefined : parseInt(this.defaultLevel, 10);
|
445
|
+
if (center && zoom) {
|
468
446
|
await this._mapView.goTo({
|
469
|
-
center
|
470
|
-
zoom
|
447
|
+
center,
|
448
|
+
zoom
|
471
449
|
});
|
472
|
-
this.
|
473
|
-
this.
|
450
|
+
this._defaultCenterHonored = true;
|
451
|
+
this._defaultLevelHonored = true;
|
474
452
|
}
|
475
453
|
}
|
476
454
|
/**
|
@@ -531,24 +509,6 @@ export class CrowdsourceManager {
|
|
531
509
|
"reflect": false,
|
532
510
|
"defaultValue": "\"\""
|
533
511
|
},
|
534
|
-
"defaultFilter": {
|
535
|
-
"type": "string",
|
536
|
-
"mutable": false,
|
537
|
-
"complexType": {
|
538
|
-
"original": "string",
|
539
|
-
"resolved": "string",
|
540
|
-
"references": {}
|
541
|
-
},
|
542
|
-
"required": false,
|
543
|
-
"optional": false,
|
544
|
-
"docs": {
|
545
|
-
"tags": [],
|
546
|
-
"text": "string: default layer expression to apply to the current layer"
|
547
|
-
},
|
548
|
-
"attribute": "default-filter",
|
549
|
-
"reflect": false,
|
550
|
-
"defaultValue": "\"\""
|
551
|
-
},
|
552
512
|
"defaultGlobalId": {
|
553
513
|
"type": "string",
|
554
514
|
"mutable": false,
|
@@ -1052,21 +1012,6 @@ export class CrowdsourceManager {
|
|
1052
1012
|
static get elementRef() { return "el"; }
|
1053
1013
|
static get watchers() {
|
1054
1014
|
return [{
|
1055
|
-
"propName": "defaultCenter",
|
1056
|
-
"methodName": "defaultCenterWatchHandler"
|
1057
|
-
}, {
|
1058
|
-
"propName": "defaultFilter",
|
1059
|
-
"methodName": "defaultFilterWatchHandler"
|
1060
|
-
}, {
|
1061
|
-
"propName": "defaultGlobalId",
|
1062
|
-
"methodName": "defaultGlobalIdWatchHandler"
|
1063
|
-
}, {
|
1064
|
-
"propName": "defaultOid",
|
1065
|
-
"methodName": "defaultOidWatchHandler"
|
1066
|
-
}, {
|
1067
|
-
"propName": "defaultLevel",
|
1068
|
-
"methodName": "defaultLevelWatchHandler"
|
1069
|
-
}, {
|
1070
1015
|
"propName": "enableZoom",
|
1071
1016
|
"methodName": "enableZoomWatchHandler"
|
1072
1017
|
}];
|
@@ -64,7 +64,6 @@ export class LayerTable {
|
|
64
64
|
this.onTableNodeCreate = (node) => {
|
65
65
|
this._tableNode = node;
|
66
66
|
};
|
67
|
-
this.defaultFilter = undefined;
|
68
67
|
this.defaultGlobalId = undefined;
|
69
68
|
this.defaultLayerId = undefined;
|
70
69
|
this.defaultOid = undefined;
|
@@ -100,6 +99,12 @@ export class LayerTable {
|
|
100
99
|
// Watch handlers
|
101
100
|
//
|
102
101
|
//--------------------------------------------------------------------------
|
102
|
+
async defaultOidWatchHandler() {
|
103
|
+
await this._handleDefaults();
|
104
|
+
}
|
105
|
+
async defaultGlobalIdWatchHandler() {
|
106
|
+
await this._handleDefaults();
|
107
|
+
}
|
103
108
|
/**
|
104
109
|
* Reset the toolInfos when export csv is enabled/disabled
|
105
110
|
*/
|
@@ -787,22 +792,6 @@ export class LayerTable {
|
|
787
792
|
else {
|
788
793
|
urlObj.searchParams.delete("oid");
|
789
794
|
}
|
790
|
-
if (this._filterActive) {
|
791
|
-
const filter = JSON.parse(this._filterList.urlParams.get("filter"));
|
792
|
-
const layerExpressions = this._filterList.layerExpressions.map(layerExp => {
|
793
|
-
layerExp.expressions = layerExp.expressions.map(exp => {
|
794
|
-
if (exp.id.toString() === filter.expressionId.toString()) {
|
795
|
-
exp.active = true;
|
796
|
-
}
|
797
|
-
return exp;
|
798
|
-
});
|
799
|
-
return layerExp;
|
800
|
-
});
|
801
|
-
urlObj.searchParams.set("filter", JSON.stringify(layerExpressions));
|
802
|
-
}
|
803
|
-
else {
|
804
|
-
urlObj.searchParams.delete("filter");
|
805
|
-
}
|
806
795
|
this._shareNode.shareUrl = urlObj.href;
|
807
796
|
}
|
808
797
|
/**
|
@@ -816,7 +805,7 @@ export class LayerTable {
|
|
816
805
|
* @returns VNode The tooltip node
|
817
806
|
*/
|
818
807
|
_getToolTip(placement, referenceElement, text) {
|
819
|
-
return (h("calcite-tooltip", { placement: placement, "reference-element": referenceElement }, h("span", null, text)));
|
808
|
+
return document.getElementById(referenceElement) ? (h("calcite-tooltip", { placement: placement, "reference-element": referenceElement }, h("span", null, text))) : undefined;
|
820
809
|
}
|
821
810
|
/**
|
822
811
|
* Get an id with a prefix to the user supplied value
|
@@ -979,7 +968,11 @@ export class LayerTable {
|
|
979
968
|
_resetColumnTemplates() {
|
980
969
|
var _a, _b;
|
981
970
|
const columnTemplates = this._getColumnTemplates((_a = this._layer) === null || _a === void 0 ? void 0 : _a.id, (_b = this._layer) === null || _b === void 0 ? void 0 : _b.fields);
|
982
|
-
|
971
|
+
const hasChange = columnTemplates.some((ct, i) => {
|
972
|
+
var _a;
|
973
|
+
return JSON.stringify((_a = this._table) === null || _a === void 0 ? void 0 : _a.tableTemplate.columnTemplates[i]) !== JSON.stringify(ct);
|
974
|
+
});
|
975
|
+
if (this._table && columnTemplates && hasChange) {
|
983
976
|
this._table.tableTemplate = new this.TableTemplate({
|
984
977
|
columnTemplates
|
985
978
|
});
|
@@ -1002,37 +995,64 @@ export class LayerTable {
|
|
1002
995
|
this._table.view = this.mapView;
|
1003
996
|
this._table.layer = this._layer;
|
1004
997
|
}
|
998
|
+
await this._initLayerRefresh();
|
1005
999
|
this._checkEditEnabled();
|
1006
1000
|
this._table.editingEnabled = this._editEnabled && this.enableInlineEdit;
|
1007
1001
|
await this.reactiveUtils.once(() => this._table.state === "loaded")
|
1008
1002
|
.then(async () => {
|
1009
|
-
var _a, _b, _c;
|
1010
1003
|
this._table.highlightIds.removeAll();
|
1011
1004
|
this._table.clearSelectionFilter();
|
1012
1005
|
this._resetColumnTemplates();
|
1013
|
-
if (!this._defaultOidHonored && ((_a = this.defaultOid) === null || _a === void 0 ? void 0 : _a.length) > 0 && this.defaultOid[0] > -1) {
|
1014
|
-
this._selectDefaultFeature(this.defaultOid);
|
1015
|
-
this._defaultOidHonored = true;
|
1016
|
-
}
|
1017
|
-
if (!this._defaultGlobalIdHonored && ((_b = this.defaultGlobalId) === null || _b === void 0 ? void 0 : _b.length) > 0) {
|
1018
|
-
const features = await queryFeaturesByGlobalID(this.defaultGlobalId, this._layer);
|
1019
|
-
const oids = (features === null || features === void 0 ? void 0 : features.length) > 0 ? features.map(f => f.getObjectId()) : undefined;
|
1020
|
-
if (oids) {
|
1021
|
-
this._selectDefaultFeature(oids);
|
1022
|
-
}
|
1023
|
-
this._defaultGlobalIdHonored = true;
|
1024
|
-
}
|
1025
|
-
if (!this._defaultFilterHonored && ((_c = this.defaultFilter) === null || _c === void 0 ? void 0 : _c.length) > 0 && this._filterList) {
|
1026
|
-
this._layerExpressions = this.defaultFilter;
|
1027
|
-
this._filterActive = true;
|
1028
|
-
this._defaultFilterHonored = true;
|
1029
|
-
}
|
1030
1006
|
this._showOnlySelected = false;
|
1007
|
+
await this._handleDefaults();
|
1031
1008
|
await this._sortTable();
|
1032
1009
|
this._initToolInfos();
|
1033
1010
|
this._updateToolbar();
|
1034
1011
|
});
|
1035
1012
|
}
|
1013
|
+
/**
|
1014
|
+
* Update the current IDs when that layers data is modified
|
1015
|
+
*/
|
1016
|
+
async _initLayerRefresh() {
|
1017
|
+
if (this._refreshHandle) {
|
1018
|
+
this._refreshHandle.remove();
|
1019
|
+
}
|
1020
|
+
this._refreshHandle = this._layer.on("refresh", (evt) => {
|
1021
|
+
if (evt.dataChanged) {
|
1022
|
+
this._skipOnChange = true;
|
1023
|
+
void this._updateAllIds();
|
1024
|
+
}
|
1025
|
+
});
|
1026
|
+
}
|
1027
|
+
/**
|
1028
|
+
* Reset _allIds when the layers data has changed and refresh the selection ids and table
|
1029
|
+
*/
|
1030
|
+
async _updateAllIds() {
|
1031
|
+
this._allIds = await queryAllIds(this._layer);
|
1032
|
+
this.selectedIds = this.selectedIds.filter(id => this._allIds.indexOf(id) > -1);
|
1033
|
+
await this._refresh();
|
1034
|
+
}
|
1035
|
+
async _handleDefaults() {
|
1036
|
+
var _a, _b;
|
1037
|
+
if (!this._defaultOidHonored && ((_a = this.defaultOid) === null || _a === void 0 ? void 0 : _a.length) > 0 && this.defaultOid[0] > -1 && this._table) {
|
1038
|
+
await this._selectDefaultFeature(this.defaultOid);
|
1039
|
+
this._defaultOidHonored = true;
|
1040
|
+
this.defaultOid = undefined;
|
1041
|
+
this._showOnlySelected = false;
|
1042
|
+
this._toggleShowSelected();
|
1043
|
+
}
|
1044
|
+
if (!this._defaultGlobalIdHonored && ((_b = this.defaultGlobalId) === null || _b === void 0 ? void 0 : _b.length) > 0 && this._table) {
|
1045
|
+
const features = await queryFeaturesByGlobalID(this.defaultGlobalId, this._layer);
|
1046
|
+
const oids = (features === null || features === void 0 ? void 0 : features.length) > 0 ? features.map(f => f.getObjectId()) : undefined;
|
1047
|
+
if (oids) {
|
1048
|
+
await this._selectDefaultFeature(oids);
|
1049
|
+
}
|
1050
|
+
this._defaultGlobalIdHonored = true;
|
1051
|
+
this.defaultGlobalId = undefined;
|
1052
|
+
this._showOnlySelected = false;
|
1053
|
+
this._toggleShowSelected();
|
1054
|
+
}
|
1055
|
+
}
|
1036
1056
|
/**
|
1037
1057
|
* Store the column names and current hidden status to support show/hide of columns
|
1038
1058
|
* @param fieldNames optional list of names from new config options
|
@@ -1061,13 +1081,12 @@ export class LayerTable {
|
|
1061
1081
|
/**
|
1062
1082
|
* Select the feature that was specified via url params
|
1063
1083
|
*/
|
1064
|
-
_selectDefaultFeature(oids) {
|
1084
|
+
async _selectDefaultFeature(oids) {
|
1065
1085
|
if (oids.length > 0) {
|
1066
1086
|
this._table.highlightIds.addMany(oids);
|
1067
|
-
|
1068
|
-
|
1069
|
-
|
1070
|
-
});
|
1087
|
+
// This is messed up and only make this worse
|
1088
|
+
//const i = this._table.viewModel.getObjectIdIndex(oids[0]);
|
1089
|
+
//this._table.viewModel.scrollToIndex(i);
|
1071
1090
|
}
|
1072
1091
|
}
|
1073
1092
|
/**
|
@@ -1454,27 +1473,6 @@ export class LayerTable {
|
|
1454
1473
|
}
|
1455
1474
|
static get properties() {
|
1456
1475
|
return {
|
1457
|
-
"defaultFilter": {
|
1458
|
-
"type": "unknown",
|
1459
|
-
"mutable": false,
|
1460
|
-
"complexType": {
|
1461
|
-
"original": "LayerExpression[]",
|
1462
|
-
"resolved": "LayerExpression[]",
|
1463
|
-
"references": {
|
1464
|
-
"LayerExpression": {
|
1465
|
-
"location": "import",
|
1466
|
-
"path": "@esri/instant-apps-components",
|
1467
|
-
"id": ""
|
1468
|
-
}
|
1469
|
-
}
|
1470
|
-
},
|
1471
|
-
"required": false,
|
1472
|
-
"optional": false,
|
1473
|
-
"docs": {
|
1474
|
-
"tags": [],
|
1475
|
-
"text": "LayerExpression[]: default layer expression(s) to apply to the current layer"
|
1476
|
-
}
|
1477
|
-
},
|
1478
1476
|
"defaultGlobalId": {
|
1479
1477
|
"type": "unknown",
|
1480
1478
|
"mutable": false,
|
@@ -1806,6 +1804,12 @@ export class LayerTable {
|
|
1806
1804
|
static get elementRef() { return "el"; }
|
1807
1805
|
static get watchers() {
|
1808
1806
|
return [{
|
1807
|
+
"propName": "defaultOid",
|
1808
|
+
"methodName": "defaultOidWatchHandler"
|
1809
|
+
}, {
|
1810
|
+
"propName": "defaultGlobalId",
|
1811
|
+
"methodName": "defaultGlobalIdWatchHandler"
|
1812
|
+
}, {
|
1809
1813
|
"propName": "enableCSV",
|
1810
1814
|
"methodName": "enableCSVWatchHandler"
|
1811
1815
|
}, {
|
@@ -76,8 +76,9 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
|
|
76
76
|
* MapView.when is not fired when mapView is not currently visible
|
77
77
|
*/
|
78
78
|
this._shouldSetMapView = false;
|
79
|
+
this._defaultCenterHonored = false;
|
80
|
+
this._defaultLevelHonored = false;
|
79
81
|
this.defaultCenter = "";
|
80
|
-
this.defaultFilter = "";
|
81
82
|
this.defaultGlobalId = "";
|
82
83
|
this.defaultLayer = "";
|
83
84
|
this.defaultLevel = "";
|
@@ -122,39 +123,6 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
|
|
122
123
|
// Watch handlers
|
123
124
|
//
|
124
125
|
//--------------------------------------------------------------------------
|
125
|
-
/**
|
126
|
-
* Watch for center url param to be set
|
127
|
-
*/
|
128
|
-
defaultCenterWatchHandler() {
|
129
|
-
this._defaultCenter = !this.defaultCenter ? undefined :
|
130
|
-
this.defaultCenter.split(";").map(v => parseFloat(v));
|
131
|
-
}
|
132
|
-
/**
|
133
|
-
* Watch for filter url param to be set
|
134
|
-
*/
|
135
|
-
defaultFilterWatchHandler() {
|
136
|
-
this._defaultFilter = JSON.parse(this.defaultFilter);
|
137
|
-
}
|
138
|
-
/**
|
139
|
-
* Watch for globalid url param to be set
|
140
|
-
*/
|
141
|
-
defaultGlobalIdWatchHandler() {
|
142
|
-
this._defaultGlobalId = !this.defaultGlobalId ? undefined :
|
143
|
-
this.defaultGlobalId.indexOf(",") > -1 ? this.defaultGlobalId.split(",") : [this.defaultGlobalId];
|
144
|
-
}
|
145
|
-
/**
|
146
|
-
* Watch for oid url param to be set
|
147
|
-
*/
|
148
|
-
defaultOidWatchHandler() {
|
149
|
-
this._defaultOid = !this.defaultOid ? undefined :
|
150
|
-
this.defaultOid.indexOf(",") > -1 ? this.defaultOid.split(",").map(o => parseInt(o, 10)) : [parseInt(this.defaultOid, 10)];
|
151
|
-
}
|
152
|
-
/**
|
153
|
-
* Watch for zoom level param to be set
|
154
|
-
*/
|
155
|
-
defaultLevelWatchHandler() {
|
156
|
-
this._defaultLevel = !this.defaultLevel ? undefined : parseInt(this.defaultLevel, 10);
|
157
|
-
}
|
158
126
|
/**
|
159
127
|
* When true the map zoom tools will be available
|
160
128
|
*/
|
@@ -446,6 +414,7 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
|
|
446
414
|
* @protected
|
447
415
|
*/
|
448
416
|
_getTable(layoutMode, panelOpen, hideTable) {
|
417
|
+
var _a, _b;
|
449
418
|
const tableClass = hideTable && this._isMobile ? "visibility-hidden" : "";
|
450
419
|
const tableSizeClass = this._getTableSizeClass(layoutMode, panelOpen);
|
451
420
|
const icon = this._getDividerIcon(layoutMode, panelOpen);
|
@@ -454,7 +423,11 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
|
|
454
423
|
const toggleLayout = layoutMode === ELayoutMode.HORIZONTAL ? "horizontal" : "vertical";
|
455
424
|
const toggleSlot = layoutMode === ELayoutMode.HORIZONTAL ? "header" : "panel-start";
|
456
425
|
const hasMapAndLayer = this.defaultWebmap && this.defaultLayer;
|
457
|
-
|
426
|
+
const globalId = !this.defaultGlobalId ? undefined :
|
427
|
+
((_a = this.defaultGlobalId) === null || _a === void 0 ? void 0 : _a.indexOf(",")) > -1 ? this.defaultGlobalId.split(",") : [this.defaultGlobalId];
|
428
|
+
const defaultOid = !this.defaultOid ? undefined :
|
429
|
+
((_b = this.defaultOid) === null || _b === void 0 ? void 0 : _b.indexOf(",")) > -1 ? this.defaultOid.split(",").map(o => parseInt(o, 10)) : [parseInt(this.defaultOid, 10)];
|
430
|
+
return (h("calcite-shell", { class: `${tableSizeClass} ${tableClass} border-bottom` }, !this._isMobile ? (h("calcite-action-bar", { class: "border-sides", expandDisabled: true, layout: toggleLayout, slot: toggleSlot }, h("calcite-action", { class: "toggle-node", icon: icon, id: id, onClick: () => this._toggleLayout(), text: "" }), h("calcite-tooltip", { label: tooltip, placement: "bottom", "reference-element": id }, h("span", null, tooltip)))) : undefined, h("div", { class: `width-full height-full position-relative` }, h("layer-table", { defaultGlobalId: hasMapAndLayer ? globalId : undefined, defaultLayerId: hasMapAndLayer ? this.defaultLayer : "", defaultOid: hasMapAndLayer && !globalId ? defaultOid : undefined, enableAutoRefresh: this.enableAutoRefresh, enableCSV: this.enableCSV, enableColumnReorder: this.enableColumnReorder, enableInlineEdit: this.enableInlineEdit, enableShare: this.enableShare, isMobile: this._isMobile, mapInfo: this._mapInfo, mapView: this === null || this === void 0 ? void 0 : this._mapView, onlyShowUpdatableLayers: this.onlyShowUpdatableLayers, ref: (el) => this._layerTable = el, shareIncludeEmbed: this.shareIncludeEmbed, shareIncludeSocial: this.shareIncludeSocial, showNewestFirst: this.showNewestFirst, zoomAndScrollToSelected: this.zoomAndScrollToSelected }))));
|
458
431
|
}
|
459
432
|
/**
|
460
433
|
* Update the component layout when its size changes
|
@@ -507,17 +480,22 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
|
|
507
480
|
* @protected
|
508
481
|
*/
|
509
482
|
async _setMapView() {
|
483
|
+
var _a;
|
510
484
|
this._mapInfo = this._getMapInfo(this._mapChange.id);
|
511
485
|
this._mapView = this._mapChange.mapView;
|
512
486
|
this._initMapZoom();
|
513
487
|
this._mapView.popupEnabled = false;
|
514
|
-
|
488
|
+
const center = !this.defaultCenter || this._defaultCenterHonored ?
|
489
|
+
undefined : (_a = this.defaultCenter) === null || _a === void 0 ? void 0 : _a.split(";").map(v => parseFloat(v));
|
490
|
+
const zoom = !this.defaultLevel || this._defaultLevelHonored ?
|
491
|
+
undefined : parseInt(this.defaultLevel, 10);
|
492
|
+
if (center && zoom) {
|
515
493
|
await this._mapView.goTo({
|
516
|
-
center
|
517
|
-
zoom
|
494
|
+
center,
|
495
|
+
zoom
|
518
496
|
});
|
519
|
-
this.
|
520
|
-
this.
|
497
|
+
this._defaultCenterHonored = true;
|
498
|
+
this._defaultLevelHonored = true;
|
521
499
|
}
|
522
500
|
}
|
523
501
|
/**
|
@@ -549,17 +527,11 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
|
|
549
527
|
}
|
550
528
|
get el() { return this; }
|
551
529
|
static get watchers() { return {
|
552
|
-
"defaultCenter": ["defaultCenterWatchHandler"],
|
553
|
-
"defaultFilter": ["defaultFilterWatchHandler"],
|
554
|
-
"defaultGlobalId": ["defaultGlobalIdWatchHandler"],
|
555
|
-
"defaultOid": ["defaultOidWatchHandler"],
|
556
|
-
"defaultLevel": ["defaultLevelWatchHandler"],
|
557
530
|
"enableZoom": ["enableZoomWatchHandler"]
|
558
531
|
}; }
|
559
532
|
static get style() { return crowdsourceManagerCss; }
|
560
533
|
}, [0, "crowdsource-manager", {
|
561
534
|
"defaultCenter": [1, "default-center"],
|
562
|
-
"defaultFilter": [1, "default-filter"],
|
563
535
|
"defaultGlobalId": [1, "default-global-id"],
|
564
536
|
"defaultLayer": [1, "default-layer"],
|
565
537
|
"defaultLevel": [1, "default-level"],
|
@@ -599,11 +571,6 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
|
|
599
571
|
"_numSelected": [32],
|
600
572
|
"_tableOnly": [32]
|
601
573
|
}, [[8, "featureSelectionChange", "featureSelectionChange"], [8, "popupClosed", "popupClosed"], [8, "idsFound", "idsFound"], [8, "layoutChanged", "layoutChanged"], [8, "mapChanged", "mapChanged"], [8, "beforeMapChanged", "beforeMapChanged"], [8, "layerSelectionChange", "layerSelectionChange"]], {
|
602
|
-
"defaultCenter": ["defaultCenterWatchHandler"],
|
603
|
-
"defaultFilter": ["defaultFilterWatchHandler"],
|
604
|
-
"defaultGlobalId": ["defaultGlobalIdWatchHandler"],
|
605
|
-
"defaultOid": ["defaultOidWatchHandler"],
|
606
|
-
"defaultLevel": ["defaultLevelWatchHandler"],
|
607
574
|
"enableZoom": ["enableZoomWatchHandler"]
|
608
575
|
}]);
|
609
576
|
function defineCustomElement$1() {
|