@esri/solutions-components 0.6.25 → 0.6.26
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/calcite-alert_3.cjs.entry.js +24 -16
- package/dist/cjs/card-manager_3.cjs.entry.js +5 -2
- package/dist/cjs/crowdsource-manager.cjs.entry.js +2 -0
- package/dist/cjs/public-notification.cjs.entry.js +4 -4
- package/dist/collection/components/crowdsource-manager/crowdsource-manager.js +2 -0
- package/dist/collection/components/edit-card/edit-card.js +24 -16
- package/dist/collection/components/map-card/map-card.js +5 -2
- package/dist/collection/components/public-notification/public-notification.css +0 -9
- package/dist/collection/components/public-notification/public-notification.js +3 -3
- package/dist/collection/demos/crowdsource-manager.html +3 -0
- package/dist/components/crowdsource-manager.js +2 -0
- package/dist/components/edit-card2.js +24 -16
- package/dist/components/map-card2.js +5 -2
- package/dist/components/public-notification.js +4 -4
- package/dist/esm/calcite-alert_3.entry.js +24 -16
- package/dist/esm/card-manager_3.entry.js +5 -2
- package/dist/esm/crowdsource-manager.entry.js +2 -0
- package/dist/esm/polyfills/core-js.js +11 -0
- package/dist/esm/polyfills/dom.js +79 -0
- package/dist/esm/polyfills/es5-html-element.js +1 -0
- package/dist/esm/polyfills/index.js +34 -0
- package/dist/esm/polyfills/system.js +6 -0
- package/dist/esm/public-notification.entry.js +4 -4
- package/dist/solutions-components/demos/crowdsource-manager.html +3 -0
- package/dist/solutions-components/p-ce3b40ca.entry.js +6 -0
- package/dist/solutions-components/{p-f5a593f4.entry.js → p-de268445.entry.js} +1 -1
- package/dist/solutions-components/{p-3c4e583c.entry.js → p-e3bf18fc.entry.js} +1 -1
- package/dist/solutions-components/p-e48eb0b2.entry.js +6 -0
- package/dist/solutions-components/solutions-components.esm.js +1 -1
- package/dist/types/components/edit-card/edit-card.d.ts +12 -0
- package/dist/types/components/map-card/map-card.d.ts +1 -0
- package/package.json +1 -1
- package/dist/solutions-components/p-25729b41.entry.js +0 -6
- package/dist/solutions-components/p-5bd796dd.entry.js +0 -6
@@ -351,8 +351,7 @@ const EditCard = class {
|
|
351
351
|
*/
|
352
352
|
async graphicsWatchHandler() {
|
353
353
|
if (this.graphics.length === 0) {
|
354
|
-
this.
|
355
|
-
this.closeEdit.emit();
|
354
|
+
this._closeEdit();
|
356
355
|
}
|
357
356
|
}
|
358
357
|
async openWatchHandler(v) {
|
@@ -361,14 +360,12 @@ const EditCard = class {
|
|
361
360
|
this._editorLoading = true;
|
362
361
|
this._initEditorWidget();
|
363
362
|
if (this.graphicIndex > -1 && this.graphics.length > 0 && this.open && !this._shouldClose) {
|
364
|
-
await this.
|
365
|
-
this._shouldClose = true;
|
363
|
+
await this._startUpdate();
|
366
364
|
}
|
367
365
|
this._editorLoading = false;
|
368
366
|
}
|
369
367
|
if (!v) {
|
370
|
-
this.
|
371
|
-
this.closeEdit.emit();
|
368
|
+
this._closeEdit();
|
372
369
|
}
|
373
370
|
}
|
374
371
|
//--------------------------------------------------------------------------
|
@@ -399,13 +396,8 @@ const EditCard = class {
|
|
399
396
|
this._layerEditHandle.remove();
|
400
397
|
}
|
401
398
|
this._layerEditHandle = this._layer.on("edits", () => {
|
402
|
-
this._editorLoading = true;
|
403
399
|
this.editsComplete.emit();
|
404
|
-
this.
|
405
|
-
this._initEditorWidget();
|
406
|
-
void this._editor.startUpdateWorkflowAtFeatureEdit(this.graphics[this.graphicIndex]);
|
407
|
-
this._shouldClose = true;
|
408
|
-
this._editorLoading = false;
|
400
|
+
this._closeEdit();
|
409
401
|
});
|
410
402
|
}
|
411
403
|
}
|
@@ -472,12 +464,10 @@ const EditCard = class {
|
|
472
464
|
});
|
473
465
|
this._editHandle = this.reactiveUtils.when(() => this._editor.viewModel.state === "ready", () => {
|
474
466
|
if (this._shouldClose) {
|
475
|
-
this.
|
476
|
-
this.closeEdit.emit();
|
467
|
+
this._closeEdit();
|
477
468
|
}
|
478
469
|
else if (this.graphicIndex > -1 && this.graphics.length > 0 && this.open && !this._shouldClose) {
|
479
|
-
void this.
|
480
|
-
this._shouldClose = true;
|
470
|
+
void this._startUpdate();
|
481
471
|
}
|
482
472
|
});
|
483
473
|
this._activeWorkflowHandle = this.reactiveUtils.watch(() => { var _a; return (_a = this._editor.viewModel.activeWorkflow) === null || _a === void 0 ? void 0 : _a.activeWorkflow; }, (activeWorkflow) => {
|
@@ -489,6 +479,24 @@ const EditCard = class {
|
|
489
479
|
this._editContainer.appendChild(container);
|
490
480
|
}
|
491
481
|
}
|
482
|
+
/**
|
483
|
+
* Close the edit widget
|
484
|
+
*
|
485
|
+
* @returns void
|
486
|
+
*/
|
487
|
+
_closeEdit() {
|
488
|
+
this._shouldClose = false;
|
489
|
+
this.closeEdit.emit();
|
490
|
+
}
|
491
|
+
/**
|
492
|
+
* Start the update workflow for the editor widget
|
493
|
+
*
|
494
|
+
* @returns void
|
495
|
+
*/
|
496
|
+
async _startUpdate() {
|
497
|
+
await this._editor.startUpdateWorkflowAtFeatureEdit(this.graphics[this.graphicIndex]);
|
498
|
+
this._shouldClose = true;
|
499
|
+
}
|
492
500
|
/**
|
493
501
|
* Fetches the component's translations
|
494
502
|
*
|
@@ -708,6 +708,7 @@ const MapCard = class {
|
|
708
708
|
*/
|
709
709
|
async componentWillLoad() {
|
710
710
|
await this._initModules();
|
711
|
+
this.esriConfig.portalUrl = "https://holistic.mapsdevext.arcgis.com";
|
711
712
|
}
|
712
713
|
/**
|
713
714
|
* Renders the component.
|
@@ -728,14 +729,16 @@ const MapCard = class {
|
|
728
729
|
* @protected
|
729
730
|
*/
|
730
731
|
async _initModules() {
|
731
|
-
const [WebMap, MapView, Home] = await loadModules.loadModules([
|
732
|
+
const [WebMap, MapView, Home, esriConfig] = await loadModules.loadModules([
|
732
733
|
"esri/WebMap",
|
733
734
|
"esri/views/MapView",
|
734
|
-
"esri/widgets/Home"
|
735
|
+
"esri/widgets/Home",
|
736
|
+
"esri/config"
|
735
737
|
]);
|
736
738
|
this.WebMap = WebMap;
|
737
739
|
this.MapView = MapView;
|
738
740
|
this.Home = Home;
|
741
|
+
this.esriConfig = esriConfig;
|
739
742
|
}
|
740
743
|
/**
|
741
744
|
* Load the webmap for the provided webMapInfo
|
@@ -72,8 +72,10 @@ const CrowdsourceManager = class {
|
|
72
72
|
* Listen for mapChanged event to be fired then store the new mapView so components will be updated
|
73
73
|
*/
|
74
74
|
async mapChanged(evt) {
|
75
|
+
console.log("mapChanged");
|
75
76
|
this._mapChange = evt.detail;
|
76
77
|
await this._mapChange.mapView.when(() => {
|
78
|
+
console.log("mapView.when");
|
77
79
|
this._setMapView();
|
78
80
|
});
|
79
81
|
}
|
@@ -18,7 +18,7 @@ require('./index-2bdbac04.js');
|
|
18
18
|
require('./_commonjsHelpers-384729db.js');
|
19
19
|
require('./clean-url-d5326abb.js');
|
20
20
|
|
21
|
-
const publicNotificationCss = ":host{display:block;--calcite-input-message-spacing-value:0}.align-center{align-items:center}.border-bottom-1{border-width:0px;border-bottom-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3)}.action-bar-size{height:3.5rem;width:100%}.w-1-2{width:50%}.w-1-3{width:33.33%}.
|
21
|
+
const publicNotificationCss = ":host{display:block;--calcite-input-message-spacing-value:0}.align-center{align-items:center}.border-bottom-1{border-width:0px;border-bottom-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3)}.action-bar-size{height:3.5rem;width:100%}.w-1-2{width:50%}.w-1-3{width:33.33%}.width-full{width:100%}.height-full{height:100%}.padding-1{padding:1rem}.padding-top-sides-1{padding-block-start:1rem;padding-inline-start:1rem;padding-inline-end:1rem}.padding-sides-1{padding-inline-start:1rem;padding-inline-end:1rem}.padding-end-1-2{padding-inline-end:.5rem}.padding-top-1-2{padding-block-start:.5rem}.padding-top-1{padding-top:1rem}.padding-bottom-1{padding-bottom:1rem}.padding-bottom-1-2{padding-bottom:.5rem}.info-blue{color:#00A0FF}.info-message{justify-content:center;display:grid}.font-bold{font-weight:bold}.display-flex{display:flex}.display-block{display:block}.display-none{display:none}.border-bottom{border-bottom:1px solid var(--calcite-ui-border-2)}.padding-start-1-2{padding-inline-start:0.5rem}.list-border{border:1px solid var(--calcite-ui-border-2)}.margin-sides-1{margin-inline-start:1rem;margin-inline-end:1rem}.margin-start-1-2{margin-inline-start:0.5rem}.float-right{float:right}.float-right[dir=\"rtl\"]{float:left}.float-left{float:left}.float-left[dir=\"rtl\"]{float:right}.margin-top-0{margin-block-start:0 !important}.height-1-1-2{height:1.5rem}.main-background{background-color:var(--calcite-ui-foreground-2)}.position-right{position:absolute;right:1rem}.position-right[dir=\"rtl\"]{position:absolute;left:1rem}.label-margin-0{--calcite-label-margin-bottom:0}.list-label{color:var(--calcite-ui-text-1)}.list-label,.list-description{font-family:var(--calcite-sans-family);font-size:var(--calcite-font-size--2);font-weight:var(--calcite-font-weight-normal);overflow-wrap:break-word;word-break:break-word}.list-description{margin-block-start:0.125rem;color:var(--calcite-ui-text-3)}.img-container{width:100%;height:100%}.font-weight-500{font-weight:500}.background-override{height:100%;width:100%;--calcite-ui-foreground-3:var(--calcite-ui-brand);--calcite-ui-foreground-2:var(--calcite-ui-brand-hover);--calcite-ui-text-1:var(--calcite-ui-text-inverse)}.word-wrap-anywhere{word-wrap:anywhere}";
|
22
22
|
|
23
23
|
const PublicNotification = class {
|
24
24
|
constructor(hostRef) {
|
@@ -295,8 +295,8 @@ const PublicNotification = class {
|
|
295
295
|
* @protected
|
296
296
|
*/
|
297
297
|
_getActionGroup(icon, pageType, tip) {
|
298
|
-
const sizeClass = this.showRefineSelection ? "
|
299
|
-
return (index.h("calcite-action-group", { class:
|
298
|
+
const sizeClass = this.showRefineSelection ? "w-1-3" : "w-1-2";
|
299
|
+
return (index.h("calcite-action-group", { class: sizeClass, layout: "horizontal" }, index.h("div", { class: "background-override" }, index.h("calcite-action", { active: this._pageType === pageType, alignment: "center", class: "width-full height-full", compact: false, icon: icon, id: icon, onClick: () => { this._setPageType(pageType); }, text: "" })), index.h("calcite-tooltip", { label: "", placement: "bottom", "reference-element": icon }, index.h("span", null, tip))));
|
300
300
|
}
|
301
301
|
/**
|
302
302
|
* Navigate to the defined page type
|
@@ -512,7 +512,7 @@ const PublicNotification = class {
|
|
512
512
|
_getExportOptions() {
|
513
513
|
const displayClass = this._exportType === interfaces.EExportType.PDF ? "display-block" : "display-none";
|
514
514
|
const titleOptionsClass = this._addTitle ? "display-block" : "display-none";
|
515
|
-
const title = this._titleValue
|
515
|
+
const title = this._titleValue ? this._titleValue : this.defaultExportTitle ? this.defaultExportTitle : "";
|
516
516
|
return (index.h("div", { class: displayClass }, this._getLabel(this._translations.pdfOptions, true), index.h("div", { class: "padding-top-sides-1" }, index.h("calcite-label", { class: "label-margin-0" }, this._translations.selectPDFLabelOption)), index.h("div", { class: "padding-sides-1" }, index.h("pdf-download", { defaultNumLabelsPerPage: this.defaultNumLabelsPerPage, disabled: !this._downloadActive, ref: (el) => { this._downloadTools = el; } })), index.h("div", { class: "padding-top-sides-1" }, index.h("calcite-label", { class: "label-margin-0", layout: "inline" }, index.h("calcite-checkbox", { checked: this._addTitle, onCalciteCheckboxChange: () => this._addTitle = !this._addTitle }), this._translations.addTitle)), index.h("div", { class: titleOptionsClass }, this._getLabel(this._translations.title, true, ""), index.h("calcite-input-text", { class: "padding-sides-1", onCalciteInputTextInput: () => this._changeTitle(), placeholder: this._translations.titlePlaceholder, ref: (el) => { this._titleElement = el; }, value: title })), index.h("div", { class: "padding-top-sides-1" }, index.h("calcite-label", { class: "label-margin-0", layout: "inline" }, index.h("calcite-checkbox", { checked: this._addMap, onCalciteCheckboxChange: () => this._addMap = !this._addMap }), this._translations.includeMap))));
|
517
517
|
}
|
518
518
|
/**
|
@@ -78,8 +78,10 @@ export class CrowdsourceManager {
|
|
78
78
|
* Listen for mapChanged event to be fired then store the new mapView so components will be updated
|
79
79
|
*/
|
80
80
|
async mapChanged(evt) {
|
81
|
+
console.log("mapChanged");
|
81
82
|
this._mapChange = evt.detail;
|
82
83
|
await this._mapChange.mapView.when(() => {
|
84
|
+
console.log("mapView.when");
|
83
85
|
this._setMapView();
|
84
86
|
});
|
85
87
|
}
|
@@ -44,8 +44,7 @@ export class EditCard {
|
|
44
44
|
*/
|
45
45
|
async graphicsWatchHandler() {
|
46
46
|
if (this.graphics.length === 0) {
|
47
|
-
this.
|
48
|
-
this.closeEdit.emit();
|
47
|
+
this._closeEdit();
|
49
48
|
}
|
50
49
|
}
|
51
50
|
async openWatchHandler(v) {
|
@@ -54,14 +53,12 @@ export class EditCard {
|
|
54
53
|
this._editorLoading = true;
|
55
54
|
this._initEditorWidget();
|
56
55
|
if (this.graphicIndex > -1 && this.graphics.length > 0 && this.open && !this._shouldClose) {
|
57
|
-
await this.
|
58
|
-
this._shouldClose = true;
|
56
|
+
await this._startUpdate();
|
59
57
|
}
|
60
58
|
this._editorLoading = false;
|
61
59
|
}
|
62
60
|
if (!v) {
|
63
|
-
this.
|
64
|
-
this.closeEdit.emit();
|
61
|
+
this._closeEdit();
|
65
62
|
}
|
66
63
|
}
|
67
64
|
//--------------------------------------------------------------------------
|
@@ -92,13 +89,8 @@ export class EditCard {
|
|
92
89
|
this._layerEditHandle.remove();
|
93
90
|
}
|
94
91
|
this._layerEditHandle = this._layer.on("edits", () => {
|
95
|
-
this._editorLoading = true;
|
96
92
|
this.editsComplete.emit();
|
97
|
-
this.
|
98
|
-
this._initEditorWidget();
|
99
|
-
void this._editor.startUpdateWorkflowAtFeatureEdit(this.graphics[this.graphicIndex]);
|
100
|
-
this._shouldClose = true;
|
101
|
-
this._editorLoading = false;
|
93
|
+
this._closeEdit();
|
102
94
|
});
|
103
95
|
}
|
104
96
|
}
|
@@ -165,12 +157,10 @@ export class EditCard {
|
|
165
157
|
});
|
166
158
|
this._editHandle = this.reactiveUtils.when(() => this._editor.viewModel.state === "ready", () => {
|
167
159
|
if (this._shouldClose) {
|
168
|
-
this.
|
169
|
-
this.closeEdit.emit();
|
160
|
+
this._closeEdit();
|
170
161
|
}
|
171
162
|
else if (this.graphicIndex > -1 && this.graphics.length > 0 && this.open && !this._shouldClose) {
|
172
|
-
void this.
|
173
|
-
this._shouldClose = true;
|
163
|
+
void this._startUpdate();
|
174
164
|
}
|
175
165
|
});
|
176
166
|
this._activeWorkflowHandle = this.reactiveUtils.watch(() => { var _a; return (_a = this._editor.viewModel.activeWorkflow) === null || _a === void 0 ? void 0 : _a.activeWorkflow; }, (activeWorkflow) => {
|
@@ -182,6 +172,24 @@ export class EditCard {
|
|
182
172
|
this._editContainer.appendChild(container);
|
183
173
|
}
|
184
174
|
}
|
175
|
+
/**
|
176
|
+
* Close the edit widget
|
177
|
+
*
|
178
|
+
* @returns void
|
179
|
+
*/
|
180
|
+
_closeEdit() {
|
181
|
+
this._shouldClose = false;
|
182
|
+
this.closeEdit.emit();
|
183
|
+
}
|
184
|
+
/**
|
185
|
+
* Start the update workflow for the editor widget
|
186
|
+
*
|
187
|
+
* @returns void
|
188
|
+
*/
|
189
|
+
async _startUpdate() {
|
190
|
+
await this._editor.startUpdateWorkflowAtFeatureEdit(this.graphics[this.graphicIndex]);
|
191
|
+
this._shouldClose = true;
|
192
|
+
}
|
185
193
|
/**
|
186
194
|
* Fetches the component's translations
|
187
195
|
*
|
@@ -59,6 +59,7 @@ export class MapCard {
|
|
59
59
|
*/
|
60
60
|
async componentWillLoad() {
|
61
61
|
await this._initModules();
|
62
|
+
this.esriConfig.portalUrl = "https://holistic.mapsdevext.arcgis.com";
|
62
63
|
}
|
63
64
|
/**
|
64
65
|
* Renders the component.
|
@@ -79,14 +80,16 @@ export class MapCard {
|
|
79
80
|
* @protected
|
80
81
|
*/
|
81
82
|
async _initModules() {
|
82
|
-
const [WebMap, MapView, Home] = await loadModules([
|
83
|
+
const [WebMap, MapView, Home, esriConfig] = await loadModules([
|
83
84
|
"esri/WebMap",
|
84
85
|
"esri/views/MapView",
|
85
|
-
"esri/widgets/Home"
|
86
|
+
"esri/widgets/Home",
|
87
|
+
"esri/config"
|
86
88
|
]);
|
87
89
|
this.WebMap = WebMap;
|
88
90
|
this.MapView = MapView;
|
89
91
|
this.Home = Home;
|
92
|
+
this.esriConfig = esriConfig;
|
90
93
|
}
|
91
94
|
/**
|
92
95
|
* Load the webmap for the provided webMapInfo
|
@@ -43,15 +43,6 @@
|
|
43
43
|
width: 33.33%;
|
44
44
|
}
|
45
45
|
|
46
|
-
.action-center {
|
47
|
-
-webkit-box-align: center;
|
48
|
-
-webkit-align-items: center;
|
49
|
-
-ms-grid-row-align: center;
|
50
|
-
align-items: center;
|
51
|
-
align-content: center;
|
52
|
-
justify-content: center;
|
53
|
-
}
|
54
|
-
|
55
46
|
.width-full {
|
56
47
|
width: 100%;
|
57
48
|
}
|
@@ -299,8 +299,8 @@ export class PublicNotification {
|
|
299
299
|
* @protected
|
300
300
|
*/
|
301
301
|
_getActionGroup(icon, pageType, tip) {
|
302
|
-
const sizeClass = this.showRefineSelection ? "
|
303
|
-
return (h("calcite-action-group", { class:
|
302
|
+
const sizeClass = this.showRefineSelection ? "w-1-3" : "w-1-2";
|
303
|
+
return (h("calcite-action-group", { class: sizeClass, layout: "horizontal" }, h("div", { class: "background-override" }, h("calcite-action", { active: this._pageType === pageType, alignment: "center", class: "width-full height-full", compact: false, icon: icon, id: icon, onClick: () => { this._setPageType(pageType); }, text: "" })), h("calcite-tooltip", { label: "", placement: "bottom", "reference-element": icon }, h("span", null, tip))));
|
304
304
|
}
|
305
305
|
/**
|
306
306
|
* Navigate to the defined page type
|
@@ -516,7 +516,7 @@ export class PublicNotification {
|
|
516
516
|
_getExportOptions() {
|
517
517
|
const displayClass = this._exportType === EExportType.PDF ? "display-block" : "display-none";
|
518
518
|
const titleOptionsClass = this._addTitle ? "display-block" : "display-none";
|
519
|
-
const title = this._titleValue
|
519
|
+
const title = this._titleValue ? this._titleValue : this.defaultExportTitle ? this.defaultExportTitle : "";
|
520
520
|
return (h("div", { class: displayClass }, this._getLabel(this._translations.pdfOptions, true), h("div", { class: "padding-top-sides-1" }, h("calcite-label", { class: "label-margin-0" }, this._translations.selectPDFLabelOption)), h("div", { class: "padding-sides-1" }, h("pdf-download", { defaultNumLabelsPerPage: this.defaultNumLabelsPerPage, disabled: !this._downloadActive, ref: (el) => { this._downloadTools = el; } })), h("div", { class: "padding-top-sides-1" }, h("calcite-label", { class: "label-margin-0", layout: "inline" }, h("calcite-checkbox", { checked: this._addTitle, onCalciteCheckboxChange: () => this._addTitle = !this._addTitle }), this._translations.addTitle)), h("div", { class: titleOptionsClass }, this._getLabel(this._translations.title, true, ""), h("calcite-input-text", { class: "padding-sides-1", onCalciteInputTextInput: () => this._changeTitle(), placeholder: this._translations.titlePlaceholder, ref: (el) => { this._titleElement = el; }, value: title })), h("div", { class: "padding-top-sides-1" }, h("calcite-label", { class: "label-margin-0", layout: "inline" }, h("calcite-checkbox", { checked: this._addMap, onCalciteCheckboxChange: () => this._addMap = !this._addMap }), this._translations.includeMap))));
|
521
521
|
}
|
522
522
|
/**
|
@@ -111,8 +111,10 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
|
|
111
111
|
* Listen for mapChanged event to be fired then store the new mapView so components will be updated
|
112
112
|
*/
|
113
113
|
async mapChanged(evt) {
|
114
|
+
console.log("mapChanged");
|
114
115
|
this._mapChange = evt.detail;
|
115
116
|
await this._mapChange.mapView.when(() => {
|
117
|
+
console.log("mapView.when");
|
116
118
|
this._setMapView();
|
117
119
|
});
|
118
120
|
}
|
@@ -39,8 +39,7 @@ const EditCard = /*@__PURE__*/ proxyCustomElement(class EditCard extends HTMLEle
|
|
39
39
|
*/
|
40
40
|
async graphicsWatchHandler() {
|
41
41
|
if (this.graphics.length === 0) {
|
42
|
-
this.
|
43
|
-
this.closeEdit.emit();
|
42
|
+
this._closeEdit();
|
44
43
|
}
|
45
44
|
}
|
46
45
|
async openWatchHandler(v) {
|
@@ -49,14 +48,12 @@ const EditCard = /*@__PURE__*/ proxyCustomElement(class EditCard extends HTMLEle
|
|
49
48
|
this._editorLoading = true;
|
50
49
|
this._initEditorWidget();
|
51
50
|
if (this.graphicIndex > -1 && this.graphics.length > 0 && this.open && !this._shouldClose) {
|
52
|
-
await this.
|
53
|
-
this._shouldClose = true;
|
51
|
+
await this._startUpdate();
|
54
52
|
}
|
55
53
|
this._editorLoading = false;
|
56
54
|
}
|
57
55
|
if (!v) {
|
58
|
-
this.
|
59
|
-
this.closeEdit.emit();
|
56
|
+
this._closeEdit();
|
60
57
|
}
|
61
58
|
}
|
62
59
|
//--------------------------------------------------------------------------
|
@@ -87,13 +84,8 @@ const EditCard = /*@__PURE__*/ proxyCustomElement(class EditCard extends HTMLEle
|
|
87
84
|
this._layerEditHandle.remove();
|
88
85
|
}
|
89
86
|
this._layerEditHandle = this._layer.on("edits", () => {
|
90
|
-
this._editorLoading = true;
|
91
87
|
this.editsComplete.emit();
|
92
|
-
this.
|
93
|
-
this._initEditorWidget();
|
94
|
-
void this._editor.startUpdateWorkflowAtFeatureEdit(this.graphics[this.graphicIndex]);
|
95
|
-
this._shouldClose = true;
|
96
|
-
this._editorLoading = false;
|
88
|
+
this._closeEdit();
|
97
89
|
});
|
98
90
|
}
|
99
91
|
}
|
@@ -160,12 +152,10 @@ const EditCard = /*@__PURE__*/ proxyCustomElement(class EditCard extends HTMLEle
|
|
160
152
|
});
|
161
153
|
this._editHandle = this.reactiveUtils.when(() => this._editor.viewModel.state === "ready", () => {
|
162
154
|
if (this._shouldClose) {
|
163
|
-
this.
|
164
|
-
this.closeEdit.emit();
|
155
|
+
this._closeEdit();
|
165
156
|
}
|
166
157
|
else if (this.graphicIndex > -1 && this.graphics.length > 0 && this.open && !this._shouldClose) {
|
167
|
-
void this.
|
168
|
-
this._shouldClose = true;
|
158
|
+
void this._startUpdate();
|
169
159
|
}
|
170
160
|
});
|
171
161
|
this._activeWorkflowHandle = this.reactiveUtils.watch(() => { var _a; return (_a = this._editor.viewModel.activeWorkflow) === null || _a === void 0 ? void 0 : _a.activeWorkflow; }, (activeWorkflow) => {
|
@@ -177,6 +167,24 @@ const EditCard = /*@__PURE__*/ proxyCustomElement(class EditCard extends HTMLEle
|
|
177
167
|
this._editContainer.appendChild(container);
|
178
168
|
}
|
179
169
|
}
|
170
|
+
/**
|
171
|
+
* Close the edit widget
|
172
|
+
*
|
173
|
+
* @returns void
|
174
|
+
*/
|
175
|
+
_closeEdit() {
|
176
|
+
this._shouldClose = false;
|
177
|
+
this.closeEdit.emit();
|
178
|
+
}
|
179
|
+
/**
|
180
|
+
* Start the update workflow for the editor widget
|
181
|
+
*
|
182
|
+
* @returns void
|
183
|
+
*/
|
184
|
+
async _startUpdate() {
|
185
|
+
await this._editor.startUpdateWorkflowAtFeatureEdit(this.graphics[this.graphicIndex]);
|
186
|
+
this._shouldClose = true;
|
187
|
+
}
|
180
188
|
/**
|
181
189
|
* Fetches the component's translations
|
182
190
|
*
|
@@ -69,6 +69,7 @@ const MapCard = /*@__PURE__*/ proxyCustomElement(class MapCard extends HTMLEleme
|
|
69
69
|
*/
|
70
70
|
async componentWillLoad() {
|
71
71
|
await this._initModules();
|
72
|
+
this.esriConfig.portalUrl = "https://holistic.mapsdevext.arcgis.com";
|
72
73
|
}
|
73
74
|
/**
|
74
75
|
* Renders the component.
|
@@ -89,14 +90,16 @@ const MapCard = /*@__PURE__*/ proxyCustomElement(class MapCard extends HTMLEleme
|
|
89
90
|
* @protected
|
90
91
|
*/
|
91
92
|
async _initModules() {
|
92
|
-
const [WebMap, MapView, Home] = await loadModules([
|
93
|
+
const [WebMap, MapView, Home, esriConfig] = await loadModules([
|
93
94
|
"esri/WebMap",
|
94
95
|
"esri/views/MapView",
|
95
|
-
"esri/widgets/Home"
|
96
|
+
"esri/widgets/Home",
|
97
|
+
"esri/config"
|
96
98
|
]);
|
97
99
|
this.WebMap = WebMap;
|
98
100
|
this.MapView = MapView;
|
99
101
|
this.Home = Home;
|
102
|
+
this.esriConfig = esriConfig;
|
100
103
|
}
|
101
104
|
/**
|
102
105
|
* Load the webmap for the provided webMapInfo
|
@@ -54,7 +54,7 @@ import { d as defineCustomElement$4 } from './map-select-tools2.js';
|
|
54
54
|
import { d as defineCustomElement$3 } from './pdf-download2.js';
|
55
55
|
import { d as defineCustomElement$2 } from './refine-selection2.js';
|
56
56
|
|
57
|
-
const publicNotificationCss = ":host{display:block;--calcite-input-message-spacing-value:0}.align-center{align-items:center}.border-bottom-1{border-width:0px;border-bottom-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3)}.action-bar-size{height:3.5rem;width:100%}.w-1-2{width:50%}.w-1-3{width:33.33%}.
|
57
|
+
const publicNotificationCss = ":host{display:block;--calcite-input-message-spacing-value:0}.align-center{align-items:center}.border-bottom-1{border-width:0px;border-bottom-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3)}.action-bar-size{height:3.5rem;width:100%}.w-1-2{width:50%}.w-1-3{width:33.33%}.width-full{width:100%}.height-full{height:100%}.padding-1{padding:1rem}.padding-top-sides-1{padding-block-start:1rem;padding-inline-start:1rem;padding-inline-end:1rem}.padding-sides-1{padding-inline-start:1rem;padding-inline-end:1rem}.padding-end-1-2{padding-inline-end:.5rem}.padding-top-1-2{padding-block-start:.5rem}.padding-top-1{padding-top:1rem}.padding-bottom-1{padding-bottom:1rem}.padding-bottom-1-2{padding-bottom:.5rem}.info-blue{color:#00A0FF}.info-message{justify-content:center;display:grid}.font-bold{font-weight:bold}.display-flex{display:flex}.display-block{display:block}.display-none{display:none}.border-bottom{border-bottom:1px solid var(--calcite-ui-border-2)}.padding-start-1-2{padding-inline-start:0.5rem}.list-border{border:1px solid var(--calcite-ui-border-2)}.margin-sides-1{margin-inline-start:1rem;margin-inline-end:1rem}.margin-start-1-2{margin-inline-start:0.5rem}.float-right{float:right}.float-right[dir=\"rtl\"]{float:left}.float-left{float:left}.float-left[dir=\"rtl\"]{float:right}.margin-top-0{margin-block-start:0 !important}.height-1-1-2{height:1.5rem}.main-background{background-color:var(--calcite-ui-foreground-2)}.position-right{position:absolute;right:1rem}.position-right[dir=\"rtl\"]{position:absolute;left:1rem}.label-margin-0{--calcite-label-margin-bottom:0}.list-label{color:var(--calcite-ui-text-1)}.list-label,.list-description{font-family:var(--calcite-sans-family);font-size:var(--calcite-font-size--2);font-weight:var(--calcite-font-weight-normal);overflow-wrap:break-word;word-break:break-word}.list-description{margin-block-start:0.125rem;color:var(--calcite-ui-text-3)}.img-container{width:100%;height:100%}.font-weight-500{font-weight:500}.background-override{height:100%;width:100%;--calcite-ui-foreground-3:var(--calcite-ui-brand);--calcite-ui-foreground-2:var(--calcite-ui-brand-hover);--calcite-ui-text-1:var(--calcite-ui-text-inverse)}.word-wrap-anywhere{word-wrap:anywhere}";
|
58
58
|
|
59
59
|
const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class PublicNotification extends HTMLElement {
|
60
60
|
constructor() {
|
@@ -332,8 +332,8 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class PublicNotifi
|
|
332
332
|
* @protected
|
333
333
|
*/
|
334
334
|
_getActionGroup(icon, pageType, tip) {
|
335
|
-
const sizeClass = this.showRefineSelection ? "
|
336
|
-
return (h("calcite-action-group", { class:
|
335
|
+
const sizeClass = this.showRefineSelection ? "w-1-3" : "w-1-2";
|
336
|
+
return (h("calcite-action-group", { class: sizeClass, layout: "horizontal" }, h("div", { class: "background-override" }, h("calcite-action", { active: this._pageType === pageType, alignment: "center", class: "width-full height-full", compact: false, icon: icon, id: icon, onClick: () => { this._setPageType(pageType); }, text: "" })), h("calcite-tooltip", { label: "", placement: "bottom", "reference-element": icon }, h("span", null, tip))));
|
337
337
|
}
|
338
338
|
/**
|
339
339
|
* Navigate to the defined page type
|
@@ -549,7 +549,7 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class PublicNotifi
|
|
549
549
|
_getExportOptions() {
|
550
550
|
const displayClass = this._exportType === EExportType.PDF ? "display-block" : "display-none";
|
551
551
|
const titleOptionsClass = this._addTitle ? "display-block" : "display-none";
|
552
|
-
const title = this._titleValue
|
552
|
+
const title = this._titleValue ? this._titleValue : this.defaultExportTitle ? this.defaultExportTitle : "";
|
553
553
|
return (h("div", { class: displayClass }, this._getLabel(this._translations.pdfOptions, true), h("div", { class: "padding-top-sides-1" }, h("calcite-label", { class: "label-margin-0" }, this._translations.selectPDFLabelOption)), h("div", { class: "padding-sides-1" }, h("pdf-download", { defaultNumLabelsPerPage: this.defaultNumLabelsPerPage, disabled: !this._downloadActive, ref: (el) => { this._downloadTools = el; } })), h("div", { class: "padding-top-sides-1" }, h("calcite-label", { class: "label-margin-0", layout: "inline" }, h("calcite-checkbox", { checked: this._addTitle, onCalciteCheckboxChange: () => this._addTitle = !this._addTitle }), this._translations.addTitle)), h("div", { class: titleOptionsClass }, this._getLabel(this._translations.title, true, ""), h("calcite-input-text", { class: "padding-sides-1", onCalciteInputTextInput: () => this._changeTitle(), placeholder: this._translations.titlePlaceholder, ref: (el) => { this._titleElement = el; }, value: title })), h("div", { class: "padding-top-sides-1" }, h("calcite-label", { class: "label-margin-0", layout: "inline" }, h("calcite-checkbox", { checked: this._addMap, onCalciteCheckboxChange: () => this._addMap = !this._addMap }), this._translations.includeMap))));
|
554
554
|
}
|
555
555
|
/**
|
@@ -347,8 +347,7 @@ const EditCard = class {
|
|
347
347
|
*/
|
348
348
|
async graphicsWatchHandler() {
|
349
349
|
if (this.graphics.length === 0) {
|
350
|
-
this.
|
351
|
-
this.closeEdit.emit();
|
350
|
+
this._closeEdit();
|
352
351
|
}
|
353
352
|
}
|
354
353
|
async openWatchHandler(v) {
|
@@ -357,14 +356,12 @@ const EditCard = class {
|
|
357
356
|
this._editorLoading = true;
|
358
357
|
this._initEditorWidget();
|
359
358
|
if (this.graphicIndex > -1 && this.graphics.length > 0 && this.open && !this._shouldClose) {
|
360
|
-
await this.
|
361
|
-
this._shouldClose = true;
|
359
|
+
await this._startUpdate();
|
362
360
|
}
|
363
361
|
this._editorLoading = false;
|
364
362
|
}
|
365
363
|
if (!v) {
|
366
|
-
this.
|
367
|
-
this.closeEdit.emit();
|
364
|
+
this._closeEdit();
|
368
365
|
}
|
369
366
|
}
|
370
367
|
//--------------------------------------------------------------------------
|
@@ -395,13 +392,8 @@ const EditCard = class {
|
|
395
392
|
this._layerEditHandle.remove();
|
396
393
|
}
|
397
394
|
this._layerEditHandle = this._layer.on("edits", () => {
|
398
|
-
this._editorLoading = true;
|
399
395
|
this.editsComplete.emit();
|
400
|
-
this.
|
401
|
-
this._initEditorWidget();
|
402
|
-
void this._editor.startUpdateWorkflowAtFeatureEdit(this.graphics[this.graphicIndex]);
|
403
|
-
this._shouldClose = true;
|
404
|
-
this._editorLoading = false;
|
396
|
+
this._closeEdit();
|
405
397
|
});
|
406
398
|
}
|
407
399
|
}
|
@@ -468,12 +460,10 @@ const EditCard = class {
|
|
468
460
|
});
|
469
461
|
this._editHandle = this.reactiveUtils.when(() => this._editor.viewModel.state === "ready", () => {
|
470
462
|
if (this._shouldClose) {
|
471
|
-
this.
|
472
|
-
this.closeEdit.emit();
|
463
|
+
this._closeEdit();
|
473
464
|
}
|
474
465
|
else if (this.graphicIndex > -1 && this.graphics.length > 0 && this.open && !this._shouldClose) {
|
475
|
-
void this.
|
476
|
-
this._shouldClose = true;
|
466
|
+
void this._startUpdate();
|
477
467
|
}
|
478
468
|
});
|
479
469
|
this._activeWorkflowHandle = this.reactiveUtils.watch(() => { var _a; return (_a = this._editor.viewModel.activeWorkflow) === null || _a === void 0 ? void 0 : _a.activeWorkflow; }, (activeWorkflow) => {
|
@@ -485,6 +475,24 @@ const EditCard = class {
|
|
485
475
|
this._editContainer.appendChild(container);
|
486
476
|
}
|
487
477
|
}
|
478
|
+
/**
|
479
|
+
* Close the edit widget
|
480
|
+
*
|
481
|
+
* @returns void
|
482
|
+
*/
|
483
|
+
_closeEdit() {
|
484
|
+
this._shouldClose = false;
|
485
|
+
this.closeEdit.emit();
|
486
|
+
}
|
487
|
+
/**
|
488
|
+
* Start the update workflow for the editor widget
|
489
|
+
*
|
490
|
+
* @returns void
|
491
|
+
*/
|
492
|
+
async _startUpdate() {
|
493
|
+
await this._editor.startUpdateWorkflowAtFeatureEdit(this.graphics[this.graphicIndex]);
|
494
|
+
this._shouldClose = true;
|
495
|
+
}
|
488
496
|
/**
|
489
497
|
* Fetches the component's translations
|
490
498
|
*
|
@@ -704,6 +704,7 @@ const MapCard = class {
|
|
704
704
|
*/
|
705
705
|
async componentWillLoad() {
|
706
706
|
await this._initModules();
|
707
|
+
this.esriConfig.portalUrl = "https://holistic.mapsdevext.arcgis.com";
|
707
708
|
}
|
708
709
|
/**
|
709
710
|
* Renders the component.
|
@@ -724,14 +725,16 @@ const MapCard = class {
|
|
724
725
|
* @protected
|
725
726
|
*/
|
726
727
|
async _initModules() {
|
727
|
-
const [WebMap, MapView, Home] = await loadModules([
|
728
|
+
const [WebMap, MapView, Home, esriConfig] = await loadModules([
|
728
729
|
"esri/WebMap",
|
729
730
|
"esri/views/MapView",
|
730
|
-
"esri/widgets/Home"
|
731
|
+
"esri/widgets/Home",
|
732
|
+
"esri/config"
|
731
733
|
]);
|
732
734
|
this.WebMap = WebMap;
|
733
735
|
this.MapView = MapView;
|
734
736
|
this.Home = Home;
|
737
|
+
this.esriConfig = esriConfig;
|
735
738
|
}
|
736
739
|
/**
|
737
740
|
* Load the webmap for the provided webMapInfo
|
@@ -68,8 +68,10 @@ const CrowdsourceManager = class {
|
|
68
68
|
* Listen for mapChanged event to be fired then store the new mapView so components will be updated
|
69
69
|
*/
|
70
70
|
async mapChanged(evt) {
|
71
|
+
console.log("mapChanged");
|
71
72
|
this._mapChange = evt.detail;
|
72
73
|
await this._mapChange.mapView.when(() => {
|
74
|
+
console.log("mapView.when");
|
73
75
|
this._setMapView();
|
74
76
|
});
|
75
77
|
}
|