@esri/solutions-components 0.8.17 → 0.8.19
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/calcite-alert_4.cjs.entry.js +1 -1
- package/dist/cjs/calcite-flow_6.cjs.entry.js +8 -7
- package/dist/cjs/card-manager_3.cjs.entry.js +18 -9
- package/dist/cjs/crowdsource-manager.cjs.entry.js +8 -9
- package/dist/cjs/crowdsource-reporter.cjs.entry.js +4 -3
- package/dist/cjs/feature-list.cjs.entry.js +5 -3
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/solutions-components.cjs.js +1 -1
- package/dist/collection/components/create-related-feature/create-related-feature.js +17 -1
- package/dist/collection/components/crowdsource-manager/crowdsource-manager.js +8 -43
- package/dist/collection/components/crowdsource-reporter/crowdsource-reporter.css +4 -3
- package/dist/collection/components/crowdsource-reporter/crowdsource-reporter.js +3 -2
- package/dist/collection/components/feature-details/feature-details.js +22 -7
- package/dist/collection/components/feature-list/feature-list.js +5 -3
- package/dist/collection/components/info-card/info-card.css +1 -0
- package/dist/collection/components/layer-table/layer-table.js +18 -43
- package/dist/collection/demos/crowdsource-manager.html +4 -2
- package/dist/collection/demos/crowdsource-reporter.html +1 -1
- package/dist/collection/utils/interfaces.ts +2 -0
- package/dist/components/create-related-feature2.js +2 -1
- package/dist/components/crowdsource-manager.js +8 -11
- package/dist/components/crowdsource-reporter.js +4 -3
- package/dist/components/feature-details2.js +6 -6
- package/dist/components/feature-list2.js +5 -3
- package/dist/components/info-card2.js +1 -1
- package/dist/components/layer-table2.js +18 -11
- package/dist/esm/calcite-alert_4.entry.js +1 -1
- package/dist/esm/calcite-flow_6.entry.js +8 -7
- package/dist/esm/card-manager_3.entry.js +18 -9
- package/dist/esm/crowdsource-manager.entry.js +8 -9
- package/dist/esm/crowdsource-reporter.entry.js +4 -3
- package/dist/esm/feature-list.entry.js +5 -3
- package/dist/esm/loader.js +1 -1
- package/dist/esm/solutions-components.js +1 -1
- package/dist/solutions-components/demos/crowdsource-manager.html +4 -2
- package/dist/solutions-components/demos/crowdsource-reporter.html +1 -1
- package/dist/solutions-components/{p-d4686851.entry.js → p-48c99a48.entry.js} +1 -1
- package/dist/solutions-components/p-64779bb2.entry.js +6 -0
- package/dist/solutions-components/p-6a598429.entry.js +6 -0
- package/dist/solutions-components/{p-d84fe0ee.entry.js → p-8cff32bd.entry.js} +1 -1
- package/dist/solutions-components/p-dae79b8d.entry.js +6 -0
- package/dist/solutions-components/{p-b6d47bab.entry.js → p-f6668347.entry.js} +3 -3
- package/dist/solutions-components/solutions-components.esm.js +1 -1
- package/dist/solutions-components/utils/interfaces.ts +2 -0
- package/dist/types/components/create-related-feature/create-related-feature.d.ts +16 -0
- package/dist/types/components/crowdsource-manager/crowdsource-manager.d.ts +0 -8
- package/dist/types/components/crowdsource-reporter/crowdsource-reporter.d.ts +1 -0
- package/dist/types/components/feature-details/feature-details.d.ts +16 -1
- package/dist/types/components/feature-list/feature-list.d.ts +4 -0
- package/dist/types/components/layer-table/layer-table.d.ts +1 -9
- package/dist/types/components.d.ts +1 -33
- package/dist/types/utils/interfaces.d.ts +2 -0
- package/package.json +1 -1
- package/dist/solutions-components/p-22aece81.entry.js +0 -6
- package/dist/solutions-components/p-e6abef31.entry.js +0 -6
- package/dist/solutions-components/p-e947332f.entry.js +0 -6
|
@@ -110,9 +110,9 @@ const FeatureList = /*@__PURE__*/ proxyCustomElement(class FeatureList extends H
|
|
|
110
110
|
* Renders the component.
|
|
111
111
|
*/
|
|
112
112
|
render() {
|
|
113
|
-
return (h("calcite-panel", { key: '
|
|
114
|
-
h("calcite-notice", { key: '
|
|
115
|
-
h("div", { key: '
|
|
113
|
+
return (h("calcite-panel", { key: '9f702c6d98cc19704e0773e36fd969817ea7262e', "full-height": true, "full-width": true }, this._isLoading && h("calcite-loader", { key: 'e9acf13f3444057b097d6b145c1a6e0118f150ea', label: "", scale: "m" }), this._featureItems.length === 0 && !this._isLoading &&
|
|
114
|
+
h("calcite-notice", { key: '8c7fa89e2da7490b04456e51f8534c2515a02399', class: "error-msg", icon: "feature-details", kind: "info", open: true }, h("div", { key: '799d419e9c26b7928f15cb1cf9afa9f47cab0e94', slot: "message" }, this.noFeaturesFoundMsg ? this.noFeaturesFoundMsg : this._translations.featureErrorMsg)), h("calcite-list", { key: '82c60b16ab586ad57f8f98bb08814f688102b166', "selection-appearance": "border", "selection-mode": "none" }, !this._isLoading && this._featureItems.length > 0 && this._featureItems), this._featuresCount > this.pageSize &&
|
|
115
|
+
h("div", { key: 'e5b789ea46c6bedfbe83f1323ffb89271c0b76ce', class: "width-full", slot: "footer" }, h("calcite-pagination", { key: '4d30b5364fc4742f278157c5f2c21e75d4ecb0b8', class: "pagination", "full-width": true, onCalcitePaginationChange: this.pageChanged.bind(this), "page-size": this.pageSize, ref: el => this._pagination = el, "start-item": "1", "total-items": this._featuresCount }))));
|
|
116
116
|
}
|
|
117
117
|
//--------------------------------------------------------------------------
|
|
118
118
|
//
|
|
@@ -153,7 +153,9 @@ const FeatureList = /*@__PURE__*/ proxyCustomElement(class FeatureList extends H
|
|
|
153
153
|
* @protected
|
|
154
154
|
*/
|
|
155
155
|
async initializeFeatureItems() {
|
|
156
|
+
var _a;
|
|
156
157
|
if (this._selectedLayer) {
|
|
158
|
+
void ((_a = this._pagination) === null || _a === void 0 ? void 0 : _a.goTo("start"));
|
|
157
159
|
this._isLoading = this.showInitialLoading;
|
|
158
160
|
this._featureItems = await this.queryPage(0);
|
|
159
161
|
const query = {
|
|
@@ -24,7 +24,7 @@ import { d as defineCustomElement$3 } from './tooltip.js';
|
|
|
24
24
|
import { d as defineCustomElement$2 } from './delete-button2.js';
|
|
25
25
|
import { d as defineCustomElement$1 } from './edit-card2.js';
|
|
26
26
|
|
|
27
|
-
const infoCardCss = ":host{display:block;--calcite-label-margin-bottom:0}.padding-1-2{padding:0.5rem}.display-none{display:none !important}.display-flex{display:flex}.position-absolute{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto}.feature-node{position:relative !important}.feature-node .esri-features__footer{display:none !important}.button-container{justify-content:center;align-items:center}.top-border{border-top:1px solid var(--calcite-color-border-1)}.width-100{width:100%}.esri-features__container{padding:0.5rem !important;background-color:var(--calcite-color-foreground-1) !important;height:100% !important}.overflow-hidden{overflow:hidden}.height-40{height:40px}.end-border{border-inline-end:1px solid var(--calcite-color-border-1)}.font-bold{font-weight:bold}.visibility-hidden{visibility:hidden;height:0px}.padding-inline-start-1{padding-inline-start:1rem}.border-width-0{border-width:0px}.pagination-action{position:relative;left:3px}.pagination-count{color:var(--calcite-color-brand);border-bottom:1px solid var(--calcite-color-brand)}";
|
|
27
|
+
const infoCardCss = ":host{display:block;--calcite-label-margin-bottom:0}.padding-1-2{padding:0.5rem}.display-none{display:none !important}.display-flex{display:flex}.position-absolute{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto}.feature-node{position:relative !important}.feature-node .esri-features__footer{display:none !important}.button-container{justify-content:center;align-items:center}.top-border{border-top:1px solid var(--calcite-color-border-1)}.width-100{width:100%}.esri-features__container{padding:0.5rem !important;background-color:var(--calcite-color-foreground-1) !important;height:100% !important}.overflow-hidden{overflow:hidden}.height-40{height:40px}.end-border{border-inline-end:1px solid var(--calcite-color-border-1)}.font-bold{font-weight:bold}.visibility-hidden{visibility:hidden;height:0px}.padding-inline-start-1{padding-inline-start:1rem}.border-width-0{border-width:0px}.pagination-action{position:relative;left:3px}.pagination-count{color:var(--calcite-color-brand);border-bottom:1px solid var(--calcite-color-brand);font-weight:bold}";
|
|
28
28
|
const InfoCardStyle0 = infoCardCss;
|
|
29
29
|
|
|
30
30
|
const InfoCard = /*@__PURE__*/ proxyCustomElement(class InfoCard extends HTMLElement {
|
|
@@ -110,8 +110,6 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
|
|
|
110
110
|
this.shareIncludeEmbed = undefined;
|
|
111
111
|
this.shareIncludeSocial = undefined;
|
|
112
112
|
this.showNewestFirst = undefined;
|
|
113
|
-
this.sortField = undefined;
|
|
114
|
-
this.sortOrder = undefined;
|
|
115
113
|
this.zoomAndScrollToSelected = undefined;
|
|
116
114
|
this.zoomToScale = undefined;
|
|
117
115
|
this._allIds = [];
|
|
@@ -339,7 +337,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
|
|
|
339
337
|
const selected = this.selectedIds.length.toString();
|
|
340
338
|
const tableHeightClass = this.isMobile ? "height-full" : "height-full-adjusted";
|
|
341
339
|
this._validateActiveActions();
|
|
342
|
-
return (h(Host, { key: '
|
|
340
|
+
return (h(Host, { key: '1077bca0d3f59ed86999449c2c5428e4aa65b30f' }, h("calcite-shell", { key: '02b7a7512cfdc8958251ae00709b971f9bfff6df' }, this._getTableControlRow("header"), h("div", { key: '83d03238c368cd332714f4434297a9a4f9d47ec4', class: `width-full ${tableHeightClass}` }, h("calcite-panel", { key: '18927c7c65687c9df28f69b1e66f542be05e8c52', class: "height-full width-full" }, h("calcite-loader", { key: '51ed528d5676b983c27b50b098dd8785a3c7b591', class: loadingClass, label: this._translations.fetchingData, scale: "l" }), h("div", { key: '4e51683f468b29b6dcdf1a588cdfedb37a02166f', class: tableNodeClass, ref: this.onTableNodeCreate })), !this.isMobile ? (h("div", { class: "bottom-left text-color height-19" }, this._translations.recordsSelected
|
|
343
341
|
.replace("{{total}}", total)
|
|
344
342
|
.replace("{{selected}}", selected))) : undefined)), this._filterModal()));
|
|
345
343
|
}
|
|
@@ -1139,16 +1137,27 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
|
|
|
1139
1137
|
this._deleteEnabled = this._layer.editingEnabled && this._layer.capabilities.operations.supportsDelete;
|
|
1140
1138
|
}
|
|
1141
1139
|
/**
|
|
1142
|
-
* Sort the table with the configured field
|
|
1140
|
+
* Sort the table with the configured field and the sort order
|
|
1143
1141
|
*/
|
|
1144
1142
|
async _sortTable() {
|
|
1145
|
-
var _a, _b, _c, _d
|
|
1146
|
-
|
|
1143
|
+
var _a, _b, _c, _d;
|
|
1144
|
+
//By default sort the table using objectIdField and in descending order
|
|
1145
|
+
let sortField = this._layer.objectIdField;
|
|
1146
|
+
let sortOrder = 'desc';
|
|
1147
|
+
let configuredLayer;
|
|
1148
|
+
//get the sortField and sortOrder from the configuration
|
|
1147
1149
|
if (((_c = (_b = (_a = this.mapInfo) === null || _a === void 0 ? void 0 : _a.layerOptions) === null || _b === void 0 ? void 0 : _b.layers) === null || _c === void 0 ? void 0 : _c.length) > 0) {
|
|
1148
|
-
|
|
1149
|
-
|
|
1150
|
+
configuredLayer = this.mapInfo.layerOptions.layers.filter((layer) => layer.id === this._layer.id);
|
|
1151
|
+
if (configuredLayer && configuredLayer.length > 0) {
|
|
1152
|
+
configuredLayer = configuredLayer[0];
|
|
1153
|
+
//if sort field is defined and sortField is available in the fields then use it
|
|
1154
|
+
if (configuredLayer.sortField && ((_d = configuredLayer.fields) === null || _d === void 0 ? void 0 : _d.includes(configuredLayer.sortField))) {
|
|
1155
|
+
sortField = configuredLayer.sortField;
|
|
1156
|
+
}
|
|
1157
|
+
//use sort order if configured
|
|
1158
|
+
sortOrder = (configuredLayer === null || configuredLayer === void 0 ? void 0 : configuredLayer.sortOrder) ? configuredLayer.sortOrder : "desc";
|
|
1159
|
+
}
|
|
1150
1160
|
}
|
|
1151
|
-
const sortOrder = this.sortOrder ? this.sortOrder : 'desc';
|
|
1152
1161
|
if (this._table && this._layer) {
|
|
1153
1162
|
await this._table.when();
|
|
1154
1163
|
await this._layer.when(() => {
|
|
@@ -1544,8 +1553,6 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
|
|
|
1544
1553
|
"shareIncludeEmbed": [4, "share-include-embed"],
|
|
1545
1554
|
"shareIncludeSocial": [4, "share-include-social"],
|
|
1546
1555
|
"showNewestFirst": [4, "show-newest-first"],
|
|
1547
|
-
"sortField": [1, "sort-field"],
|
|
1548
|
-
"sortOrder": [1, "sort-order"],
|
|
1549
1556
|
"zoomAndScrollToSelected": [4, "zoom-and-scroll-to-selected"],
|
|
1550
1557
|
"zoomToScale": [2, "zoom-to-scale"],
|
|
1551
1558
|
"_allIds": [32],
|
|
@@ -666,7 +666,7 @@ const EditCard = class {
|
|
|
666
666
|
};
|
|
667
667
|
EditCard.style = EditCardStyle0;
|
|
668
668
|
|
|
669
|
-
const infoCardCss = ":host{display:block;--calcite-label-margin-bottom:0}.padding-1-2{padding:0.5rem}.display-none{display:none !important}.display-flex{display:flex}.position-absolute{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto}.feature-node{position:relative !important}.feature-node .esri-features__footer{display:none !important}.button-container{justify-content:center;align-items:center}.top-border{border-top:1px solid var(--calcite-color-border-1)}.width-100{width:100%}.esri-features__container{padding:0.5rem !important;background-color:var(--calcite-color-foreground-1) !important;height:100% !important}.overflow-hidden{overflow:hidden}.height-40{height:40px}.end-border{border-inline-end:1px solid var(--calcite-color-border-1)}.font-bold{font-weight:bold}.visibility-hidden{visibility:hidden;height:0px}.padding-inline-start-1{padding-inline-start:1rem}.border-width-0{border-width:0px}.pagination-action{position:relative;left:3px}.pagination-count{color:var(--calcite-color-brand);border-bottom:1px solid var(--calcite-color-brand)}";
|
|
669
|
+
const infoCardCss = ":host{display:block;--calcite-label-margin-bottom:0}.padding-1-2{padding:0.5rem}.display-none{display:none !important}.display-flex{display:flex}.position-absolute{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto}.feature-node{position:relative !important}.feature-node .esri-features__footer{display:none !important}.button-container{justify-content:center;align-items:center}.top-border{border-top:1px solid var(--calcite-color-border-1)}.width-100{width:100%}.esri-features__container{padding:0.5rem !important;background-color:var(--calcite-color-foreground-1) !important;height:100% !important}.overflow-hidden{overflow:hidden}.height-40{height:40px}.end-border{border-inline-end:1px solid var(--calcite-color-border-1)}.font-bold{font-weight:bold}.visibility-hidden{visibility:hidden;height:0px}.padding-inline-start-1{padding-inline-start:1rem}.border-width-0{border-width:0px}.pagination-action{position:relative;left:3px}.pagination-count{color:var(--calcite-color-brand);border-bottom:1px solid var(--calcite-color-brand);font-weight:bold}";
|
|
670
670
|
const InfoCardStyle0 = infoCardCss;
|
|
671
671
|
|
|
672
672
|
const InfoCard = class {
|
|
@@ -770,7 +770,7 @@ const CreateRelatedFeature = class {
|
|
|
770
770
|
this.reactiveUtils = reactiveUtils;
|
|
771
771
|
}
|
|
772
772
|
render() {
|
|
773
|
-
return (h(Host, { key: '
|
|
773
|
+
return (h(Host, { key: '9807b7dcad1f8305756e6098f1e64ef8caffcbac' }));
|
|
774
774
|
}
|
|
775
775
|
/**
|
|
776
776
|
* StencilJS: Called once just after the component is fully loaded and the first render() occurs.
|
|
@@ -877,6 +877,7 @@ const CreateRelatedFeature = class {
|
|
|
877
877
|
* @param parentRelationship Parent relationship
|
|
878
878
|
* @param childRelationship Child relationship
|
|
879
879
|
* @returns Attributes for related feature
|
|
880
|
+
* @protected
|
|
880
881
|
*/
|
|
881
882
|
makeAttributesForRelatedFeature(parentFeature, parentRelationship, childRelationship) {
|
|
882
883
|
const parentKeyField = parentRelationship.keyField;
|
|
@@ -1023,12 +1024,12 @@ const FeatureDetails = class {
|
|
|
1023
1024
|
var _a, _b, _c, _d, _e;
|
|
1024
1025
|
//When related features found show comments list of only those features else comments list will be empty
|
|
1025
1026
|
const commentsListWhereClause = ((_a = this._relatedFeaturesOIDs) === null || _a === void 0 ? void 0 : _a.length) > 0 ? `objectId in(${this._relatedFeaturesOIDs})` : '1=0';
|
|
1026
|
-
return (h("calcite-panel", { key: '
|
|
1027
|
-
h("div", { key: '
|
|
1028
|
-
h("div", { key: '
|
|
1029
|
-
h("calcite-button", { key: '
|
|
1030
|
-
h("calcite-button", { key: '
|
|
1031
|
-
h("feature-list", { key: '
|
|
1027
|
+
return (h("calcite-panel", { key: 'b8d1cc9d4d9040665be3c892f5738a179ab64eaf', "full-height": true }, h("info-card", { key: '0a31a068a4e80e34ba2435a7d8d8faaea271dac8', allowEditing: false, graphics: this.graphics, highlightEnabled: false, isLoading: false, isMobile: false, mapView: this.mapView, paginationEnabled: false, position: "relative", ref: el => this._infoCard = el, zoomAndScrollToSelected: true }), (this._likeFieldAvailable || this._dislikeFieldAvailable || this._commentsAvailable) &&
|
|
1028
|
+
h("div", { key: '8e27d13341a9b4ad37f87778e046a4e8e0b2778e', class: "buttons-container" }, this._commentsAvailable &&
|
|
1029
|
+
h("div", { key: '3dd02fdbc107e7ce04e8aabb96a6748b68eeec6b', class: "comment-btn" }, h("span", { key: '5601fdb24ff385e0b6d2b9e5b86bde06b3c2d1b8' }, this._relatedFeaturesOIDs.length), h("calcite-icon", { key: '97a517d117a4d5a8c6798da9c9c82e46c39c25f8', icon: "speech-bubble", scale: 's' })), this._likeFieldAvailable &&
|
|
1030
|
+
h("calcite-button", { key: '0d1ff14be9396ab3ff634e92208792f5fd3b8d36', appearance: "transparent", iconEnd: "thumbs-up", kind: this._isLikeBtnClicked ? "brand" : "neutral", onClick: this.onLikeButtonClick.bind(this), scale: 's' }, (_c = (_b = this._likeCount) !== null && _b !== void 0 ? _b : this._selectedGraphic.attributes[this._likeField]) !== null && _c !== void 0 ? _c : 0), this._dislikeFieldAvailable &&
|
|
1031
|
+
h("calcite-button", { key: '34e362e083dbc13dffae7ad5544aa33a0421a51a', appearance: "transparent", iconEnd: "thumbs-down", kind: this._isDislikeBtnClicked ? "brand" : "neutral", onClick: this.onDislikeButtonClick.bind(this), scale: 's' }, (_e = (_d = this._disLikeCount) !== null && _d !== void 0 ? _d : this._selectedGraphic.attributes[this._dislikeField]) !== null && _e !== void 0 ? _e : 0)), this.relatedTableId && this._commentsAvailable &&
|
|
1032
|
+
h("feature-list", { key: '4abc53ab7679b07f0dd7413b97f447da736e5002', class: "height-full", mapView: this.mapView, pageSize: 5, ref: el => this._commentsList = el, selectedLayerId: this.relatedTableId, showInitialLoading: false, textSize: "small", whereClause: commentsListWhereClause })));
|
|
1032
1033
|
}
|
|
1033
1034
|
/**
|
|
1034
1035
|
* Load esri javascript api modules
|
|
@@ -162,8 +162,6 @@ const LayerTable = class {
|
|
|
162
162
|
this.shareIncludeEmbed = undefined;
|
|
163
163
|
this.shareIncludeSocial = undefined;
|
|
164
164
|
this.showNewestFirst = undefined;
|
|
165
|
-
this.sortField = undefined;
|
|
166
|
-
this.sortOrder = undefined;
|
|
167
165
|
this.zoomAndScrollToSelected = undefined;
|
|
168
166
|
this.zoomToScale = undefined;
|
|
169
167
|
this._allIds = [];
|
|
@@ -391,7 +389,7 @@ const LayerTable = class {
|
|
|
391
389
|
const selected = this.selectedIds.length.toString();
|
|
392
390
|
const tableHeightClass = this.isMobile ? "height-full" : "height-full-adjusted";
|
|
393
391
|
this._validateActiveActions();
|
|
394
|
-
return (h(Host, { key: '
|
|
392
|
+
return (h(Host, { key: '1077bca0d3f59ed86999449c2c5428e4aa65b30f' }, h("calcite-shell", { key: '02b7a7512cfdc8958251ae00709b971f9bfff6df' }, this._getTableControlRow("header"), h("div", { key: '83d03238c368cd332714f4434297a9a4f9d47ec4', class: `width-full ${tableHeightClass}` }, h("calcite-panel", { key: '18927c7c65687c9df28f69b1e66f542be05e8c52', class: "height-full width-full" }, h("calcite-loader", { key: '51ed528d5676b983c27b50b098dd8785a3c7b591', class: loadingClass, label: this._translations.fetchingData, scale: "l" }), h("div", { key: '4e51683f468b29b6dcdf1a588cdfedb37a02166f', class: tableNodeClass, ref: this.onTableNodeCreate })), !this.isMobile ? (h("div", { class: "bottom-left text-color height-19" }, this._translations.recordsSelected
|
|
395
393
|
.replace("{{total}}", total)
|
|
396
394
|
.replace("{{selected}}", selected))) : undefined)), this._filterModal()));
|
|
397
395
|
}
|
|
@@ -1191,16 +1189,27 @@ const LayerTable = class {
|
|
|
1191
1189
|
this._deleteEnabled = this._layer.editingEnabled && this._layer.capabilities.operations.supportsDelete;
|
|
1192
1190
|
}
|
|
1193
1191
|
/**
|
|
1194
|
-
* Sort the table with the configured field
|
|
1192
|
+
* Sort the table with the configured field and the sort order
|
|
1195
1193
|
*/
|
|
1196
1194
|
async _sortTable() {
|
|
1197
|
-
var _a, _b, _c, _d
|
|
1198
|
-
|
|
1195
|
+
var _a, _b, _c, _d;
|
|
1196
|
+
//By default sort the table using objectIdField and in descending order
|
|
1197
|
+
let sortField = this._layer.objectIdField;
|
|
1198
|
+
let sortOrder = 'desc';
|
|
1199
|
+
let configuredLayer;
|
|
1200
|
+
//get the sortField and sortOrder from the configuration
|
|
1199
1201
|
if (((_c = (_b = (_a = this.mapInfo) === null || _a === void 0 ? void 0 : _a.layerOptions) === null || _b === void 0 ? void 0 : _b.layers) === null || _c === void 0 ? void 0 : _c.length) > 0) {
|
|
1200
|
-
|
|
1201
|
-
|
|
1202
|
+
configuredLayer = this.mapInfo.layerOptions.layers.filter((layer) => layer.id === this._layer.id);
|
|
1203
|
+
if (configuredLayer && configuredLayer.length > 0) {
|
|
1204
|
+
configuredLayer = configuredLayer[0];
|
|
1205
|
+
//if sort field is defined and sortField is available in the fields then use it
|
|
1206
|
+
if (configuredLayer.sortField && ((_d = configuredLayer.fields) === null || _d === void 0 ? void 0 : _d.includes(configuredLayer.sortField))) {
|
|
1207
|
+
sortField = configuredLayer.sortField;
|
|
1208
|
+
}
|
|
1209
|
+
//use sort order if configured
|
|
1210
|
+
sortOrder = (configuredLayer === null || configuredLayer === void 0 ? void 0 : configuredLayer.sortOrder) ? configuredLayer.sortOrder : "desc";
|
|
1211
|
+
}
|
|
1202
1212
|
}
|
|
1203
|
-
const sortOrder = this.sortOrder ? this.sortOrder : 'desc';
|
|
1204
1213
|
if (this._table && this._layer) {
|
|
1205
1214
|
await this._table.when();
|
|
1206
1215
|
await this._layer.when(() => {
|
|
@@ -71,8 +71,6 @@ const CrowdsourceManager = class {
|
|
|
71
71
|
this.theme = "light";
|
|
72
72
|
this.zoomAndScrollToSelected = false;
|
|
73
73
|
this.zoomToScale = undefined;
|
|
74
|
-
this.sortField = undefined;
|
|
75
|
-
this.sortOrder = undefined;
|
|
76
74
|
this._expandPopup = this.hideMapOnLoad;
|
|
77
75
|
this._hideFooter = false;
|
|
78
76
|
this._hideTable = false;
|
|
@@ -179,7 +177,7 @@ const CrowdsourceManager = class {
|
|
|
179
177
|
* Renders the component.
|
|
180
178
|
*/
|
|
181
179
|
render() {
|
|
182
|
-
return (h(Host, { key: '
|
|
180
|
+
return (h(Host, { key: '5cd7d2ea4be1216270e15afc3d090bfc672f5335' }, h("calcite-shell", { key: 'cb5b4104b698a0bc146c2f5f47bd03b7944025c1', class: "position-relative" }, h("calcite-panel", { key: 'cbf1848d59c485dd143d6051506fcd92215fa2ec', class: `width-full height-full border-width-0` }, this._getBody(this._layoutMode, this._panelOpen, this._hideTable)), this._getFooter())));
|
|
183
181
|
}
|
|
184
182
|
/**
|
|
185
183
|
* Called after each render
|
|
@@ -299,7 +297,8 @@ const CrowdsourceManager = class {
|
|
|
299
297
|
_getBody(layoutMode, panelOpen, hideTable) {
|
|
300
298
|
const contentClass = layoutMode === ELayoutMode.HORIZONTAL ? "" : "display-flex";
|
|
301
299
|
const themeClass = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light";
|
|
302
|
-
return (h("calcite-panel", { class: "width-full height-full" }, h("div", { class: `width-full height-full overflow-hidden ${contentClass}` }, this._getMapAndCard(layoutMode, panelOpen, hideTable), this._getTable(layoutMode, panelOpen, hideTable)),
|
|
300
|
+
return (h("calcite-panel", { class: "width-full height-full" }, h("div", { class: `width-full height-full overflow-hidden ${contentClass}` }, this._getMapAndCard(layoutMode, panelOpen, hideTable), this._getTable(layoutMode, panelOpen, hideTable)), this.coverPageEnabled &&
|
|
301
|
+
h("div", { class: "floating-container", onClick: this.infoButtonClick.bind(this) }, h("calcite-button", { appearance: "solid", class: `floating-button ${themeClass}`, "icon-start": "information-letter", kind: "neutral", label: "", round: true, scale: "l", "split-child": "primary", width: "auto" }))));
|
|
303
302
|
}
|
|
304
303
|
/**
|
|
305
304
|
* Emit the event when info button clicked
|
|
@@ -352,10 +351,10 @@ const CrowdsourceManager = class {
|
|
|
352
351
|
const headerTheme = this.popupHeaderColor ? "" : !this._isMobile ? "calcite-mode-dark" : "calcite-mode-light";
|
|
353
352
|
const containerClass = this._isMobile && this._hideTable ? "position-absolute-0 width-full height-full" : this._isMobile ? "display-none height-0" : "";
|
|
354
353
|
return (h("div", { class: `${headerTheme} ${popupNodeClass} ${containerClass}`, style: {
|
|
355
|
-
'--calcite-color-foreground-1': this.popupHeaderColor, /* background color
|
|
356
|
-
'--calcite-color-foreground-2': this.popupHeaderHoverColor, /* color that will be displayed on
|
|
357
|
-
'--calcite-color-text-3': this.
|
|
358
|
-
'--calcite-color-text-2': this.popupHeaderTextColor, /* font color
|
|
354
|
+
'--calcite-color-foreground-1': this.popupHeaderColor, /* background color that will be displayed on the popup header */
|
|
355
|
+
'--calcite-color-foreground-2': this.popupHeaderHoverColor, /* background color that will be displayed on button when hovered */
|
|
356
|
+
'--calcite-color-text-3': this.popupHeaderTextColor, /* font color that will be displayed on button */
|
|
357
|
+
'--calcite-color-text-2': this.popupHeaderTextColor, /* font color that will be displayed on popup header text*/
|
|
359
358
|
} }, h("calcite-panel", null, !this._isMobile ? (h("div", { class: `display-flex align-items-center ${headerClass}`, slot: "header-content" }, h("calcite-icon", { icon: "information", scale: "s" }), h("div", { class: "padding-inline-start-75" }, this._translations.information))) : undefined, h("calcite-action", { class: headerClass, disabled: this._tableOnly, icon: icon, id: id, onClick: () => this._togglePopup(), slot: "header-actions-end", text: "" }), !this._tableOnly ? h("calcite-tooltip", { class: themeClass, label: "", placement: "bottom", "reference-element": id }, h("span", null, tooltip)) : undefined, this._getCardNode())));
|
|
360
359
|
}
|
|
361
360
|
/**
|
|
@@ -400,7 +399,7 @@ const CrowdsourceManager = class {
|
|
|
400
399
|
((_a = this.defaultGlobalId) === null || _a === void 0 ? void 0 : _a.indexOf(",")) > -1 ? this.defaultGlobalId.split(",") : [this.defaultGlobalId];
|
|
401
400
|
const defaultOid = !this.defaultOid ? undefined :
|
|
402
401
|
((_b = this.defaultOid) === null || _b === void 0 ? void 0 : _b.indexOf(",")) > -1 ? this.defaultOid.split(",").map(o => parseInt(o, 10)) : [parseInt(this.defaultOid, 10)];
|
|
403
|
-
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,
|
|
402
|
+
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, zoomToScale: this.zoomToScale }))));
|
|
404
403
|
}
|
|
405
404
|
/**
|
|
406
405
|
* Update the component layout when its size changes
|
|
@@ -9,7 +9,7 @@ import { g as getLayerOrTable, a as getAllLayers, b as getAllTables, c as getFea
|
|
|
9
9
|
import './esri-loader-2bf735ed.js';
|
|
10
10
|
import './interfaces-586e863c.js';
|
|
11
11
|
|
|
12
|
-
const crowdsourceReporterCss = ":host{display:block;--calcite-label-margin-bottom:0px;--solutions-theme-foreground-color:var(--calcite-color-foreground-1)}.width-full{width:100% !important}.width-0{width:0}.height-full{height:100% !important}.height-0{height:0}.overflow-hidden{overflow:hidden}.border{border:1px solid var(--calcite-color-border-3)}.notice-msg{padding:10px;width:calc(100% - 20px)}.progress-bar{padding:12px}.footer-top-button{padding-bottom:7px}.footer-button{height:35px}.feature-pagination{
|
|
12
|
+
const crowdsourceReporterCss = ":host{display:block;--calcite-label-margin-bottom:0px;--solutions-theme-foreground-color:var(--calcite-color-foreground-1)}.width-full{width:100% !important}.width-0{width:0}.height-full{height:100% !important}.height-0{height:0}.overflow-hidden{overflow:hidden}.border{border:1px solid var(--calcite-color-border-3)}.notice-msg{padding:10px;width:calc(100% - 20px)}.progress-bar{padding:12px}.footer-top-button{padding-bottom:7px}.footer-button{height:35px}.feature-pagination{background-color:var(--calcite-color-foreground-1) !important;border-block-end:1px solid var(--calcite-color-border-3);display:flex;justify-content:center;padding:5px 0}.pagination-count{color:var(--calcite-color-brand);border-bottom:1px solid var(--calcite-color-brand);font-weight:bold}.report-submitted-msg{position:absolute;z-index:1000}";
|
|
13
13
|
const CrowdsourceReporterStyle0 = crowdsourceReporterCss;
|
|
14
14
|
|
|
15
15
|
const CrowdsourceReporter = class {
|
|
@@ -223,6 +223,7 @@ const CrowdsourceReporter = class {
|
|
|
223
223
|
* On sort option click update the sort field and sort order
|
|
224
224
|
* @param sortField sort field
|
|
225
225
|
* @param sortOrder sort order
|
|
226
|
+
* @param sortOption selected sort option (Newest/Oldest/Highest Voted/Lowest Voted)
|
|
226
227
|
*/
|
|
227
228
|
async sortOptionClick(sortField, sortOrder, sortOption) {
|
|
228
229
|
this._updatedSorting = {
|
|
@@ -549,7 +550,7 @@ const CrowdsourceReporter = class {
|
|
|
549
550
|
*/
|
|
550
551
|
getFeatureDetailsFlowItem() {
|
|
551
552
|
const showCommentBtn = this.reportingOptions[this._currentFeature.layer.id].comment && this._currentFeature.layer.relationships.length > 0;
|
|
552
|
-
return (h("calcite-flow-item", { collapsed: this.isMobile && this._sidePanelCollapsed, heading: this._selectedLayerName, loading: this._showLoadingIndicator, onCalciteFlowItemBack: this.backFromSelectedPanel.bind(this) }, this.isMobile && this.getActionToExpandCollapsePanel(), h("instant-apps-social-share", { autoUpdateShareUrl: false, embed: false, popoverButtonIconScale: "s", ref: el => this._shareNode = el, scale: "m", shareButtonColor: "neutral", shareButtonType: "action", slot: "header-actions-end", socialMedia: true, view: this.mapView }),
|
|
553
|
+
return (h("calcite-flow-item", { collapsed: this.isMobile && this._sidePanelCollapsed, heading: this._selectedLayerName, loading: this._showLoadingIndicator, onCalciteFlowItemBack: this.backFromSelectedPanel.bind(this) }, this.isMobile && this.getActionToExpandCollapsePanel(), h("instant-apps-social-share", { autoUpdateShareUrl: false, embed: false, popoverButtonIconScale: "s", ref: el => this._shareNode = el, scale: "m", shareButtonColor: "neutral", shareButtonType: "action", slot: "header-actions-end", socialMedia: true, view: this.mapView }), this._selectedFeature.length > 1 && this.getFeaturesPagination(), h("calcite-panel", null, h("feature-details", { class: 'full-height', graphics: this._selectedFeature, mapView: this.mapView, onFeatureSelect: this.onCommentSelectFromList.bind(this), onLoadingStatus: (evt) => void this.updatingFeatureDetails(evt.detail), ref: el => this._featureDetails = el, reportingOptions: this.reportingOptions }), showCommentBtn &&
|
|
553
554
|
h("calcite-button", { appearance: "solid", onClick: () => this._flowItems = [...this._flowItems, "add-comment"], slot: "footer", width: "full" }, this._translations.comment))));
|
|
554
555
|
}
|
|
555
556
|
/**
|
|
@@ -558,7 +559,7 @@ const CrowdsourceReporter = class {
|
|
|
558
559
|
* @returns Node
|
|
559
560
|
*/
|
|
560
561
|
getFeaturesPagination() {
|
|
561
|
-
return (h("div", { class: "feature-pagination"
|
|
562
|
+
return (h("div", { class: "feature-pagination" }, h("div", null, h("calcite-button", { appearance: 'transparent', disabled: false, iconStart: "chevron-left", id: "solutions-back", onClick: () => void this._featureDetails.back(), scale: "s", width: "full" }), h("calcite-tooltip", { label: "", placement: "top", "reference-element": "solutions-back" }, h("span", null, this._translations.back))), h("calcite-button", { appearance: 'transparent', onClick: () => void this._featureDetails.toggleListView(), scale: "s" }, h("span", { class: "pagination-count" }, this._getCount())), h("div", null, h("calcite-button", { appearance: "transparent", disabled: false, iconStart: "chevron-right", id: "solutions-next", onClick: () => void this._featureDetails.next(), scale: "s", width: "full" }), h("calcite-tooltip", { placement: "top", "reference-element": "solutions-next" }, h("span", null, this._translations.next)))));
|
|
562
563
|
}
|
|
563
564
|
/**
|
|
564
565
|
* Returns the calcite-flow item for comment details
|
|
@@ -94,9 +94,9 @@ const FeatureList = class {
|
|
|
94
94
|
* Renders the component.
|
|
95
95
|
*/
|
|
96
96
|
render() {
|
|
97
|
-
return (h("calcite-panel", { key: '
|
|
98
|
-
h("calcite-notice", { key: '
|
|
99
|
-
h("div", { key: '
|
|
97
|
+
return (h("calcite-panel", { key: '9f702c6d98cc19704e0773e36fd969817ea7262e', "full-height": true, "full-width": true }, this._isLoading && h("calcite-loader", { key: 'e9acf13f3444057b097d6b145c1a6e0118f150ea', label: "", scale: "m" }), this._featureItems.length === 0 && !this._isLoading &&
|
|
98
|
+
h("calcite-notice", { key: '8c7fa89e2da7490b04456e51f8534c2515a02399', class: "error-msg", icon: "feature-details", kind: "info", open: true }, h("div", { key: '799d419e9c26b7928f15cb1cf9afa9f47cab0e94', slot: "message" }, this.noFeaturesFoundMsg ? this.noFeaturesFoundMsg : this._translations.featureErrorMsg)), h("calcite-list", { key: '82c60b16ab586ad57f8f98bb08814f688102b166', "selection-appearance": "border", "selection-mode": "none" }, !this._isLoading && this._featureItems.length > 0 && this._featureItems), this._featuresCount > this.pageSize &&
|
|
99
|
+
h("div", { key: 'e5b789ea46c6bedfbe83f1323ffb89271c0b76ce', class: "width-full", slot: "footer" }, h("calcite-pagination", { key: '4d30b5364fc4742f278157c5f2c21e75d4ecb0b8', class: "pagination", "full-width": true, onCalcitePaginationChange: this.pageChanged.bind(this), "page-size": this.pageSize, ref: el => this._pagination = el, "start-item": "1", "total-items": this._featuresCount }))));
|
|
100
100
|
}
|
|
101
101
|
//--------------------------------------------------------------------------
|
|
102
102
|
//
|
|
@@ -137,7 +137,9 @@ const FeatureList = class {
|
|
|
137
137
|
* @protected
|
|
138
138
|
*/
|
|
139
139
|
async initializeFeatureItems() {
|
|
140
|
+
var _a;
|
|
140
141
|
if (this._selectedLayer) {
|
|
142
|
+
void ((_a = this._pagination) === null || _a === void 0 ? void 0 : _a.goTo("start"));
|
|
141
143
|
this._isLoading = this.showInitialLoading;
|
|
142
144
|
this._featureItems = await this.queryPage(0);
|
|
143
145
|
const query = {
|