@esri/solutions-components 0.10.13 → 0.10.14
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/card-manager_3.cjs.entry.js +2 -1
- package/dist/cjs/crowdsource-manager.cjs.entry.js +3 -2
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/solutions-components.cjs.js +1 -1
- package/dist/collection/components/card-manager/card-manager.js +19 -1
- package/dist/collection/components/crowdsource-manager/crowdsource-manager.js +20 -2
- package/dist/components/card-manager2.js +3 -1
- package/dist/components/crowdsource-manager.js +4 -2
- package/dist/esm/card-manager_3.entry.js +2 -1
- package/dist/esm/crowdsource-manager.entry.js +3 -2
- package/dist/esm/loader.js +1 -1
- package/dist/esm/solutions-components.js +1 -1
- package/dist/solutions-components/p-8efa9edf.entry.js +6 -0
- package/dist/solutions-components/p-977f2314.entry.js +6 -0
- package/dist/solutions-components/solutions-components.esm.js +1 -1
- package/dist/types/components/card-manager/card-manager.d.ts +4 -0
- package/dist/types/components/crowdsource-manager/crowdsource-manager.d.ts +4 -0
- package/dist/types/components.d.ts +16 -0
- package/package.json +1 -1
- package/dist/solutions-components/p-4a0d9efe.entry.js +0 -6
- package/dist/solutions-components/p-f7d3ef3e.entry.js +0 -6
|
@@ -24,6 +24,7 @@ import { queryFeaturesByID } from "../../utils/queryUtils";
|
|
|
24
24
|
import { getLayerOrTable } from "../../utils/mapViewUtils";
|
|
25
25
|
export class CardManager {
|
|
26
26
|
constructor() {
|
|
27
|
+
this.customInfoText = undefined;
|
|
27
28
|
this.enableEditGeometry = false;
|
|
28
29
|
this.isMobile = undefined;
|
|
29
30
|
this.layer = undefined;
|
|
@@ -91,7 +92,7 @@ export class CardManager {
|
|
|
91
92
|
render() {
|
|
92
93
|
const featuresClass = this._graphics?.length > 0 ? "" : "display-none";
|
|
93
94
|
const messageClass = this._graphics?.length > 0 ? "display-none" : "";
|
|
94
|
-
return (h(Host, { key: '
|
|
95
|
+
return (h(Host, { key: 'dafff11793b5ae60164964c346cbb152caceaeb9' }, h("div", { key: '02507fe9e1f4205fe8a9342b466f1ada849c8ed8', class: "overflow-auto height-full" }, h("calcite-shell", { key: '712c42c4044c1386e8bc4ff42e44f250ac4023a2', class: "position-relative " + featuresClass }, h("div", { key: 'f2bc47f58463506f7ea8011495b22cafb63e4f27' }, h("info-card", { key: '1ad1fb78dcc99a43d92ad08d4c7bbeda7c2f276d', enableEditGeometry: this.enableEditGeometry, graphics: this._graphics, isLoading: this._cardLoading, isMobile: this.isMobile, mapView: this.mapView }))), h("calcite-shell", { key: 'fa9fcada67198c182f918b939826f1f7f19f8e5b', class: "position-relative " + messageClass }, h("div", { key: '0da349d1442b6375cde177780c5f868d2e32072a', class: "padding-1" }, h("calcite-notice", { key: 'c0e04ca03c546f90c942c2eef622fbe9c8e61227', icon: "table", open: true }, h("div", { key: '85e3925e725798189b16270df31c266c55391ec7', slot: "message" }, this.customInfoText || this._translations.selectFeaturesToStart)))))));
|
|
95
96
|
}
|
|
96
97
|
//--------------------------------------------------------------------------
|
|
97
98
|
//
|
|
@@ -133,6 +134,23 @@ export class CardManager {
|
|
|
133
134
|
}
|
|
134
135
|
static get properties() {
|
|
135
136
|
return {
|
|
137
|
+
"customInfoText": {
|
|
138
|
+
"type": "string",
|
|
139
|
+
"mutable": false,
|
|
140
|
+
"complexType": {
|
|
141
|
+
"original": "string",
|
|
142
|
+
"resolved": "string",
|
|
143
|
+
"references": {}
|
|
144
|
+
},
|
|
145
|
+
"required": false,
|
|
146
|
+
"optional": false,
|
|
147
|
+
"docs": {
|
|
148
|
+
"tags": [],
|
|
149
|
+
"text": "string: custom notice text to display"
|
|
150
|
+
},
|
|
151
|
+
"attribute": "custom-info-text",
|
|
152
|
+
"reflect": false
|
|
153
|
+
},
|
|
136
154
|
"enableEditGeometry": {
|
|
137
155
|
"type": "boolean",
|
|
138
156
|
"mutable": false,
|
|
@@ -28,6 +28,7 @@ export class CrowdsourceManager {
|
|
|
28
28
|
this.appProxies = undefined;
|
|
29
29
|
this.basemapConfig = undefined;
|
|
30
30
|
this.coverPageEnabled = undefined;
|
|
31
|
+
this.customInfoText = undefined;
|
|
31
32
|
this.defaultCenter = "";
|
|
32
33
|
this.defaultGlobalId = "";
|
|
33
34
|
this.defaultLayer = "";
|
|
@@ -228,7 +229,7 @@ export class CrowdsourceManager {
|
|
|
228
229
|
render() {
|
|
229
230
|
// only avoid border when we have a header color that is not white
|
|
230
231
|
const borderClass = this.popupHeaderColor && this.popupHeaderColor !== "#FFFFFF" ? "border-width-0" : "";
|
|
231
|
-
return (h(Host, { key: '
|
|
232
|
+
return (h(Host, { key: 'fa5d4e79b6f5a3eb176af497a4444bb9aca59f15' }, h("calcite-shell", { key: '3e7466a6db42b61db1f9b6efb5cd84b97d3f9d3b', class: "position-relative" }, h("calcite-panel", { key: '15b850a0e9c3b62ebe3bd94b39b61eff1734ad4b', class: `width-full height-full ${borderClass}` }, this._getBody(this._layoutMode, this._panelOpen, this._hideTable)), this._getFooter()), this._filterModal()));
|
|
232
233
|
}
|
|
233
234
|
/**
|
|
234
235
|
* Called after each render
|
|
@@ -451,7 +452,7 @@ export class CrowdsourceManager {
|
|
|
451
452
|
const isTableLayout = this.appLayout === 'tableView';
|
|
452
453
|
const cardManagerHeight = (isMapLayout || isTableLayout) ? "height-full" : !this._isMobile ? "height-50" : "height-full";
|
|
453
454
|
const themeClass = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light";
|
|
454
|
-
return (h("div", { class: `width-50 height-full ${themeClass}` }, h("card-manager", { class: `${cardManagerHeight} width-full`, enableEditGeometry: this?._mapInfo?.enableEditGeometry, isMobile: this._isMobile, layer: this._layer, mapView: this?._mapView, selectedFeaturesIds: this._layerTable?.selectedIds, zoomAndScrollToSelected: this.zoomAndScrollToSelected })));
|
|
455
|
+
return (h("div", { class: `width-50 height-full ${themeClass}` }, h("card-manager", { class: `${cardManagerHeight} width-full`, customInfoText: this.customInfoText, enableEditGeometry: this?._mapInfo?.enableEditGeometry, isMobile: this._isMobile, layer: this._layer, mapView: this?._mapView, selectedFeaturesIds: this._layerTable?.selectedIds, zoomAndScrollToSelected: this.zoomAndScrollToSelected })));
|
|
455
456
|
}
|
|
456
457
|
/**
|
|
457
458
|
* Get the table node based for the current layout
|
|
@@ -777,6 +778,23 @@ export class CrowdsourceManager {
|
|
|
777
778
|
"attribute": "cover-page-enabled",
|
|
778
779
|
"reflect": false
|
|
779
780
|
},
|
|
781
|
+
"customInfoText": {
|
|
782
|
+
"type": "string",
|
|
783
|
+
"mutable": false,
|
|
784
|
+
"complexType": {
|
|
785
|
+
"original": "string",
|
|
786
|
+
"resolved": "string",
|
|
787
|
+
"references": {}
|
|
788
|
+
},
|
|
789
|
+
"required": false,
|
|
790
|
+
"optional": false,
|
|
791
|
+
"docs": {
|
|
792
|
+
"tags": [],
|
|
793
|
+
"text": "string: custom notification text to display in the card manager"
|
|
794
|
+
},
|
|
795
|
+
"attribute": "custom-info-text",
|
|
796
|
+
"reflect": false
|
|
797
|
+
},
|
|
780
798
|
"defaultCenter": {
|
|
781
799
|
"type": "string",
|
|
782
800
|
"mutable": false,
|
|
@@ -32,6 +32,7 @@ const CardManager = /*@__PURE__*/ proxyCustomElement(class CardManager extends H
|
|
|
32
32
|
constructor() {
|
|
33
33
|
super();
|
|
34
34
|
this.__registerHost();
|
|
35
|
+
this.customInfoText = undefined;
|
|
35
36
|
this.enableEditGeometry = false;
|
|
36
37
|
this.isMobile = undefined;
|
|
37
38
|
this.layer = undefined;
|
|
@@ -94,7 +95,7 @@ const CardManager = /*@__PURE__*/ proxyCustomElement(class CardManager extends H
|
|
|
94
95
|
render() {
|
|
95
96
|
const featuresClass = this._graphics?.length > 0 ? "" : "display-none";
|
|
96
97
|
const messageClass = this._graphics?.length > 0 ? "display-none" : "";
|
|
97
|
-
return (h(Host, { key: '
|
|
98
|
+
return (h(Host, { key: 'dafff11793b5ae60164964c346cbb152caceaeb9' }, h("div", { key: '02507fe9e1f4205fe8a9342b466f1ada849c8ed8', class: "overflow-auto height-full" }, h("calcite-shell", { key: '712c42c4044c1386e8bc4ff42e44f250ac4023a2', class: "position-relative " + featuresClass }, h("div", { key: 'f2bc47f58463506f7ea8011495b22cafb63e4f27' }, h("info-card", { key: '1ad1fb78dcc99a43d92ad08d4c7bbeda7c2f276d', enableEditGeometry: this.enableEditGeometry, graphics: this._graphics, isLoading: this._cardLoading, isMobile: this.isMobile, mapView: this.mapView }))), h("calcite-shell", { key: 'fa9fcada67198c182f918b939826f1f7f19f8e5b', class: "position-relative " + messageClass }, h("div", { key: '0da349d1442b6375cde177780c5f868d2e32072a', class: "padding-1" }, h("calcite-notice", { key: 'c0e04ca03c546f90c942c2eef622fbe9c8e61227', icon: "table", open: true }, h("div", { key: '85e3925e725798189b16270df31c266c55391ec7', slot: "message" }, this.customInfoText || this._translations.selectFeaturesToStart)))))));
|
|
98
99
|
}
|
|
99
100
|
//--------------------------------------------------------------------------
|
|
100
101
|
//
|
|
@@ -125,6 +126,7 @@ const CardManager = /*@__PURE__*/ proxyCustomElement(class CardManager extends H
|
|
|
125
126
|
}
|
|
126
127
|
static get style() { return CardManagerStyle0; }
|
|
127
128
|
}, [0, "card-manager", {
|
|
129
|
+
"customInfoText": [1, "custom-info-text"],
|
|
128
130
|
"enableEditGeometry": [4, "enable-edit-geometry"],
|
|
129
131
|
"isMobile": [4, "is-mobile"],
|
|
130
132
|
"layer": [1040],
|
|
@@ -78,6 +78,7 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
|
|
|
78
78
|
this.appProxies = undefined;
|
|
79
79
|
this.basemapConfig = undefined;
|
|
80
80
|
this.coverPageEnabled = undefined;
|
|
81
|
+
this.customInfoText = undefined;
|
|
81
82
|
this.defaultCenter = "";
|
|
82
83
|
this.defaultGlobalId = "";
|
|
83
84
|
this.defaultLayer = "";
|
|
@@ -273,7 +274,7 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
|
|
|
273
274
|
render() {
|
|
274
275
|
// only avoid border when we have a header color that is not white
|
|
275
276
|
const borderClass = this.popupHeaderColor && this.popupHeaderColor !== "#FFFFFF" ? "border-width-0" : "";
|
|
276
|
-
return (h(Host, { key: '
|
|
277
|
+
return (h(Host, { key: 'fa5d4e79b6f5a3eb176af497a4444bb9aca59f15' }, h("calcite-shell", { key: '3e7466a6db42b61db1f9b6efb5cd84b97d3f9d3b', class: "position-relative" }, h("calcite-panel", { key: '15b850a0e9c3b62ebe3bd94b39b61eff1734ad4b', class: `width-full height-full ${borderClass}` }, this._getBody(this._layoutMode, this._panelOpen, this._hideTable)), this._getFooter()), this._filterModal()));
|
|
277
278
|
}
|
|
278
279
|
/**
|
|
279
280
|
* Called after each render
|
|
@@ -496,7 +497,7 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
|
|
|
496
497
|
const isTableLayout = this.appLayout === 'tableView';
|
|
497
498
|
const cardManagerHeight = (isMapLayout || isTableLayout) ? "height-full" : !this._isMobile ? "height-50" : "height-full";
|
|
498
499
|
const themeClass = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light";
|
|
499
|
-
return (h("div", { class: `width-50 height-full ${themeClass}` }, h("card-manager", { class: `${cardManagerHeight} width-full`, enableEditGeometry: this?._mapInfo?.enableEditGeometry, isMobile: this._isMobile, layer: this._layer, mapView: this?._mapView, selectedFeaturesIds: this._layerTable?.selectedIds, zoomAndScrollToSelected: this.zoomAndScrollToSelected })));
|
|
500
|
+
return (h("div", { class: `width-50 height-full ${themeClass}` }, h("card-manager", { class: `${cardManagerHeight} width-full`, customInfoText: this.customInfoText, enableEditGeometry: this?._mapInfo?.enableEditGeometry, isMobile: this._isMobile, layer: this._layer, mapView: this?._mapView, selectedFeaturesIds: this._layerTable?.selectedIds, zoomAndScrollToSelected: this.zoomAndScrollToSelected })));
|
|
500
501
|
}
|
|
501
502
|
/**
|
|
502
503
|
* Get the table node based for the current layout
|
|
@@ -740,6 +741,7 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
|
|
|
740
741
|
"appProxies": [8, "app-proxies"],
|
|
741
742
|
"basemapConfig": [16],
|
|
742
743
|
"coverPageEnabled": [4, "cover-page-enabled"],
|
|
744
|
+
"customInfoText": [1, "custom-info-text"],
|
|
743
745
|
"defaultCenter": [1, "default-center"],
|
|
744
746
|
"defaultGlobalId": [1, "default-global-id"],
|
|
745
747
|
"defaultLayer": [1, "default-layer"],
|
|
@@ -19,6 +19,7 @@ const CardManagerStyle0 = cardManagerCss;
|
|
|
19
19
|
const CardManager = class {
|
|
20
20
|
constructor(hostRef) {
|
|
21
21
|
registerInstance(this, hostRef);
|
|
22
|
+
this.customInfoText = undefined;
|
|
22
23
|
this.enableEditGeometry = false;
|
|
23
24
|
this.isMobile = undefined;
|
|
24
25
|
this.layer = undefined;
|
|
@@ -81,7 +82,7 @@ const CardManager = class {
|
|
|
81
82
|
render() {
|
|
82
83
|
const featuresClass = this._graphics?.length > 0 ? "" : "display-none";
|
|
83
84
|
const messageClass = this._graphics?.length > 0 ? "display-none" : "";
|
|
84
|
-
return (h(Host, { key: '
|
|
85
|
+
return (h(Host, { key: 'dafff11793b5ae60164964c346cbb152caceaeb9' }, h("div", { key: '02507fe9e1f4205fe8a9342b466f1ada849c8ed8', class: "overflow-auto height-full" }, h("calcite-shell", { key: '712c42c4044c1386e8bc4ff42e44f250ac4023a2', class: "position-relative " + featuresClass }, h("div", { key: 'f2bc47f58463506f7ea8011495b22cafb63e4f27' }, h("info-card", { key: '1ad1fb78dcc99a43d92ad08d4c7bbeda7c2f276d', enableEditGeometry: this.enableEditGeometry, graphics: this._graphics, isLoading: this._cardLoading, isMobile: this.isMobile, mapView: this.mapView }))), h("calcite-shell", { key: 'fa9fcada67198c182f918b939826f1f7f19f8e5b', class: "position-relative " + messageClass }, h("div", { key: '0da349d1442b6375cde177780c5f868d2e32072a', class: "padding-1" }, h("calcite-notice", { key: 'c0e04ca03c546f90c942c2eef622fbe9c8e61227', icon: "table", open: true }, h("div", { key: '85e3925e725798189b16270df31c266c55391ec7', slot: "message" }, this.customInfoText || this._translations.selectFeaturesToStart)))))));
|
|
85
86
|
}
|
|
86
87
|
//--------------------------------------------------------------------------
|
|
87
88
|
//
|
|
@@ -22,6 +22,7 @@ const CrowdsourceManager = class {
|
|
|
22
22
|
this.appProxies = undefined;
|
|
23
23
|
this.basemapConfig = undefined;
|
|
24
24
|
this.coverPageEnabled = undefined;
|
|
25
|
+
this.customInfoText = undefined;
|
|
25
26
|
this.defaultCenter = "";
|
|
26
27
|
this.defaultGlobalId = "";
|
|
27
28
|
this.defaultLayer = "";
|
|
@@ -217,7 +218,7 @@ const CrowdsourceManager = class {
|
|
|
217
218
|
render() {
|
|
218
219
|
// only avoid border when we have a header color that is not white
|
|
219
220
|
const borderClass = this.popupHeaderColor && this.popupHeaderColor !== "#FFFFFF" ? "border-width-0" : "";
|
|
220
|
-
return (h(Host, { key: '
|
|
221
|
+
return (h(Host, { key: 'fa5d4e79b6f5a3eb176af497a4444bb9aca59f15' }, h("calcite-shell", { key: '3e7466a6db42b61db1f9b6efb5cd84b97d3f9d3b', class: "position-relative" }, h("calcite-panel", { key: '15b850a0e9c3b62ebe3bd94b39b61eff1734ad4b', class: `width-full height-full ${borderClass}` }, this._getBody(this._layoutMode, this._panelOpen, this._hideTable)), this._getFooter()), this._filterModal()));
|
|
221
222
|
}
|
|
222
223
|
/**
|
|
223
224
|
* Called after each render
|
|
@@ -440,7 +441,7 @@ const CrowdsourceManager = class {
|
|
|
440
441
|
const isTableLayout = this.appLayout === 'tableView';
|
|
441
442
|
const cardManagerHeight = (isMapLayout || isTableLayout) ? "height-full" : !this._isMobile ? "height-50" : "height-full";
|
|
442
443
|
const themeClass = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light";
|
|
443
|
-
return (h("div", { class: `width-50 height-full ${themeClass}` }, h("card-manager", { class: `${cardManagerHeight} width-full`, enableEditGeometry: this?._mapInfo?.enableEditGeometry, isMobile: this._isMobile, layer: this._layer, mapView: this?._mapView, selectedFeaturesIds: this._layerTable?.selectedIds, zoomAndScrollToSelected: this.zoomAndScrollToSelected })));
|
|
444
|
+
return (h("div", { class: `width-50 height-full ${themeClass}` }, h("card-manager", { class: `${cardManagerHeight} width-full`, customInfoText: this.customInfoText, enableEditGeometry: this?._mapInfo?.enableEditGeometry, isMobile: this._isMobile, layer: this._layer, mapView: this?._mapView, selectedFeaturesIds: this._layerTable?.selectedIds, zoomAndScrollToSelected: this.zoomAndScrollToSelected })));
|
|
444
445
|
}
|
|
445
446
|
/**
|
|
446
447
|
* Get the table node based for the current layout
|