@esri/solutions-components 0.8.17 → 0.8.19
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/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 = {
|