@esri/solutions-components 0.10.13 → 0.10.15
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/calcite-flow_6.cjs.entry.js +10 -4
- 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/create-feature/create-feature.js +10 -4
- package/dist/collection/components/crowdsource-manager/crowdsource-manager.js +20 -2
- package/dist/collection/demos/crowdsource-reporter.html +63 -113
- package/dist/components/card-manager2.js +3 -1
- package/dist/components/create-feature2.js +10 -4
- package/dist/components/crowdsource-manager.js +4 -2
- package/dist/esm/calcite-flow_6.entry.js +10 -4
- 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/demos/crowdsource-reporter.html +63 -113
- package/dist/solutions-components/p-8efa9edf.entry.js +6 -0
- package/dist/solutions-components/p-977f2314.entry.js +6 -0
- package/dist/solutions-components/p-f4750f05.entry.js +17 -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-40e305b4.entry.js +0 -17
- package/dist/solutions-components/p-4a0d9efe.entry.js +0 -6
- package/dist/solutions-components/p-f7d3ef3e.entry.js +0 -6
@@ -567,7 +567,7 @@ const CreateFeature = class {
|
|
567
567
|
const loaderClass = this._editorLoading ? "" : "display-none";
|
568
568
|
const featureFormClass = this._editorLoading ? "display-none" : "";
|
569
569
|
const mobileMapClass = this.isMobile ? "show-map" : "display-none";
|
570
|
-
return (index.h(index.Fragment, { key: '
|
570
|
+
return (index.h(index.Fragment, { key: 'aac8fd8fe4ba5d7fb67a2b74a86147e053c1b0b8' }, index.h("calcite-loader", { key: 'e440bd2e0f4cf5acf4fd6941ada508c8ac5a0380', class: loaderClass, label: "", scale: "s" }), index.h("div", { key: '055a4e4b30b1fe24e0735257fa54fa9845cbaf2f', class: featureFormClass, id: "feature-form" }), index.h("div", { key: '342847f06ba99ad3c9693026bc83a8ac18b6c05f', class: `search-widget ${showSearchWidget} ${featureFormClass}`, id: "search-widget-ref" }), index.h("div", { key: '0acb837b4604d8d590bbfbcd738a3e09a099c362', class: `${mobileMapClass}`, ref: (el) => { this._mapViewContainer = el; } })));
|
571
571
|
}
|
572
572
|
//--------------------------------------------------------------------------
|
573
573
|
//
|
@@ -671,6 +671,8 @@ const CreateFeature = class {
|
|
671
671
|
}
|
672
672
|
//Add handle to watch if attachments are added/edited
|
673
673
|
const attachmentHandle = this.reactiveUtils.watch(() => this._editor.viewModel.state, (state) => {
|
674
|
+
console.log(`this._editor.viewModel.state: ${state}`);
|
675
|
+
console.log(`this._editor.viewModel?.activeWorkflow?.type: ${this._editor.viewModel?.activeWorkflow?.type}`);
|
674
676
|
if (state === 'adding-attachment' || state === 'editing-attachment') {
|
675
677
|
this._addingAttachment = true;
|
676
678
|
this.editingAttachment.emit(true);
|
@@ -685,7 +687,9 @@ const CreateFeature = class {
|
|
685
687
|
this._editor.viewModel.addHandles(attachmentHandle);
|
686
688
|
//Add handle to watch featureTemplatesViewModel ready state and then start the creation
|
687
689
|
const handle = this.reactiveUtils.watch(() => this._editor.viewModel.featureTemplatesViewModel.state, (state) => {
|
688
|
-
|
690
|
+
console.log(`this._editor.viewModel.featureTemplatesViewModel.state: ${state}`);
|
691
|
+
console.log(`this._editor.viewModel?.activeWorkflow?.type: ${this._editor.viewModel?.activeWorkflow?.type}`);
|
692
|
+
if (state === 'ready' && this._editor.viewModel?.activeWorkflow?.type !== "create-features") {
|
689
693
|
this.progressStatus.emit(0.5);
|
690
694
|
this._editorLoading = true;
|
691
695
|
}
|
@@ -704,9 +708,10 @@ const CreateFeature = class {
|
|
704
708
|
this._editor.viewModel.addHandles(formHandle);
|
705
709
|
//Add handle to watch editor viewmodel state and then show the search widget
|
706
710
|
const createFeatureHandle = this.reactiveUtils.watch(() => this._editor.viewModel.state, (state) => {
|
711
|
+
console.log(`==============================this._editor.viewModel.state: ${state}`);
|
707
712
|
if (state === 'creating-features') {
|
708
713
|
this._mapViewContainer?.classList?.replace("hide-map", "show-map");
|
709
|
-
this._editorLoading = true;
|
714
|
+
//this._editorLoading = true;
|
710
715
|
this._showSearchWidget = true;
|
711
716
|
}
|
712
717
|
});
|
@@ -717,7 +722,8 @@ const CreateFeature = class {
|
|
717
722
|
* @protected
|
718
723
|
*/
|
719
724
|
async startCreate() {
|
720
|
-
|
725
|
+
console.log("========================startCreate==============================");
|
726
|
+
// hides the header elements on template picker page
|
721
727
|
await this.hideEditorsElements();
|
722
728
|
return new Promise((resolve, reject) => {
|
723
729
|
if (this._editor.viewModel.featureTemplatesViewModel.items?.length) {
|
@@ -23,6 +23,7 @@ const CardManagerStyle0 = cardManagerCss;
|
|
23
23
|
const CardManager = class {
|
24
24
|
constructor(hostRef) {
|
25
25
|
index.registerInstance(this, hostRef);
|
26
|
+
this.customInfoText = undefined;
|
26
27
|
this.enableEditGeometry = false;
|
27
28
|
this.isMobile = undefined;
|
28
29
|
this.layer = undefined;
|
@@ -85,7 +86,7 @@ const CardManager = class {
|
|
85
86
|
render() {
|
86
87
|
const featuresClass = this._graphics?.length > 0 ? "" : "display-none";
|
87
88
|
const messageClass = this._graphics?.length > 0 ? "display-none" : "";
|
88
|
-
return (index.h(index.Host, { key: '
|
89
|
+
return (index.h(index.Host, { key: 'dafff11793b5ae60164964c346cbb152caceaeb9' }, index.h("div", { key: '02507fe9e1f4205fe8a9342b466f1ada849c8ed8', class: "overflow-auto height-full" }, index.h("calcite-shell", { key: '712c42c4044c1386e8bc4ff42e44f250ac4023a2', class: "position-relative " + featuresClass }, index.h("div", { key: 'f2bc47f58463506f7ea8011495b22cafb63e4f27' }, index.h("info-card", { key: '1ad1fb78dcc99a43d92ad08d4c7bbeda7c2f276d', enableEditGeometry: this.enableEditGeometry, graphics: this._graphics, isLoading: this._cardLoading, isMobile: this.isMobile, mapView: this.mapView }))), index.h("calcite-shell", { key: 'fa9fcada67198c182f918b939826f1f7f19f8e5b', class: "position-relative " + messageClass }, index.h("div", { key: '0da349d1442b6375cde177780c5f868d2e32072a', class: "padding-1" }, index.h("calcite-notice", { key: 'c0e04ca03c546f90c942c2eef622fbe9c8e61227', icon: "table", open: true }, index.h("div", { key: '85e3925e725798189b16270df31c266c55391ec7', slot: "message" }, this.customInfoText || this._translations.selectFeaturesToStart)))))));
|
89
90
|
}
|
90
91
|
//--------------------------------------------------------------------------
|
91
92
|
//
|
@@ -26,6 +26,7 @@ const CrowdsourceManager = class {
|
|
26
26
|
this.appProxies = undefined;
|
27
27
|
this.basemapConfig = undefined;
|
28
28
|
this.coverPageEnabled = undefined;
|
29
|
+
this.customInfoText = undefined;
|
29
30
|
this.defaultCenter = "";
|
30
31
|
this.defaultGlobalId = "";
|
31
32
|
this.defaultLayer = "";
|
@@ -221,7 +222,7 @@ const CrowdsourceManager = class {
|
|
221
222
|
render() {
|
222
223
|
// only avoid border when we have a header color that is not white
|
223
224
|
const borderClass = this.popupHeaderColor && this.popupHeaderColor !== "#FFFFFF" ? "border-width-0" : "";
|
224
|
-
return (index.h(index.Host, { key: '
|
225
|
+
return (index.h(index.Host, { key: 'fa5d4e79b6f5a3eb176af497a4444bb9aca59f15' }, index.h("calcite-shell", { key: '3e7466a6db42b61db1f9b6efb5cd84b97d3f9d3b', class: "position-relative" }, index.h("calcite-panel", { key: '15b850a0e9c3b62ebe3bd94b39b61eff1734ad4b', class: `width-full height-full ${borderClass}` }, this._getBody(this._layoutMode, this._panelOpen, this._hideTable)), this._getFooter()), this._filterModal()));
|
225
226
|
}
|
226
227
|
/**
|
227
228
|
* Called after each render
|
@@ -444,7 +445,7 @@ const CrowdsourceManager = class {
|
|
444
445
|
const isTableLayout = this.appLayout === 'tableView';
|
445
446
|
const cardManagerHeight = (isMapLayout || isTableLayout) ? "height-full" : !this._isMobile ? "height-50" : "height-full";
|
446
447
|
const themeClass = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light";
|
447
|
-
return (index.h("div", { class: `width-50 height-full ${themeClass}` }, index.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 })));
|
448
|
+
return (index.h("div", { class: `width-50 height-full ${themeClass}` }, index.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 })));
|
448
449
|
}
|
449
450
|
/**
|
450
451
|
* Get the table node based for the current layout
|