@esri/solutions-components 0.10.13 → 0.10.14
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 +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
|