@esri/solutions-components 0.6.25 → 0.6.26

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.
Files changed (34) hide show
  1. package/dist/cjs/calcite-alert_3.cjs.entry.js +24 -16
  2. package/dist/cjs/card-manager_3.cjs.entry.js +5 -2
  3. package/dist/cjs/crowdsource-manager.cjs.entry.js +2 -0
  4. package/dist/cjs/public-notification.cjs.entry.js +4 -4
  5. package/dist/collection/components/crowdsource-manager/crowdsource-manager.js +2 -0
  6. package/dist/collection/components/edit-card/edit-card.js +24 -16
  7. package/dist/collection/components/map-card/map-card.js +5 -2
  8. package/dist/collection/components/public-notification/public-notification.css +0 -9
  9. package/dist/collection/components/public-notification/public-notification.js +3 -3
  10. package/dist/collection/demos/crowdsource-manager.html +3 -0
  11. package/dist/components/crowdsource-manager.js +2 -0
  12. package/dist/components/edit-card2.js +24 -16
  13. package/dist/components/map-card2.js +5 -2
  14. package/dist/components/public-notification.js +4 -4
  15. package/dist/esm/calcite-alert_3.entry.js +24 -16
  16. package/dist/esm/card-manager_3.entry.js +5 -2
  17. package/dist/esm/crowdsource-manager.entry.js +2 -0
  18. package/dist/esm/polyfills/core-js.js +11 -0
  19. package/dist/esm/polyfills/dom.js +79 -0
  20. package/dist/esm/polyfills/es5-html-element.js +1 -0
  21. package/dist/esm/polyfills/index.js +34 -0
  22. package/dist/esm/polyfills/system.js +6 -0
  23. package/dist/esm/public-notification.entry.js +4 -4
  24. package/dist/solutions-components/demos/crowdsource-manager.html +3 -0
  25. package/dist/solutions-components/p-ce3b40ca.entry.js +6 -0
  26. package/dist/solutions-components/{p-f5a593f4.entry.js → p-de268445.entry.js} +1 -1
  27. package/dist/solutions-components/{p-3c4e583c.entry.js → p-e3bf18fc.entry.js} +1 -1
  28. package/dist/solutions-components/p-e48eb0b2.entry.js +6 -0
  29. package/dist/solutions-components/solutions-components.esm.js +1 -1
  30. package/dist/types/components/edit-card/edit-card.d.ts +12 -0
  31. package/dist/types/components/map-card/map-card.d.ts +1 -0
  32. package/package.json +1 -1
  33. package/dist/solutions-components/p-25729b41.entry.js +0 -6
  34. 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._shouldClose = false;
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._editor.startUpdateWorkflowAtFeatureEdit(this.graphics[this.graphicIndex]);
365
- this._shouldClose = true;
363
+ await this._startUpdate();
366
364
  }
367
365
  this._editorLoading = false;
368
366
  }
369
367
  if (!v) {
370
- this._shouldClose = false;
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._shouldClose = false;
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._shouldClose = false;
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._editor.startUpdateWorkflowAtFeatureEdit(this.graphics[this.graphicIndex]);
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%}.action-center{-webkit-box-align:center;-webkit-align-items:center;-ms-grid-row-align:center;align-items:center;align-content:center;justify-content:center}.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}";
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 ? " w-1-3" : " w-1-2";
299
- return (index.h("calcite-action-group", { class: "action-center" + 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))));
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 !== undefined ? this._titleValue : this.defaultExportTitle ? this.defaultExportTitle : "";
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._shouldClose = false;
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._editor.startUpdateWorkflowAtFeatureEdit(this.graphics[this.graphicIndex]);
58
- this._shouldClose = true;
56
+ await this._startUpdate();
59
57
  }
60
58
  this._editorLoading = false;
61
59
  }
62
60
  if (!v) {
63
- this._shouldClose = false;
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._shouldClose = false;
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._shouldClose = false;
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._editor.startUpdateWorkflowAtFeatureEdit(this.graphics[this.graphicIndex]);
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 ? " w-1-3" : " w-1-2";
303
- return (h("calcite-action-group", { class: "action-center" + 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))));
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 !== undefined ? this._titleValue : this.defaultExportTitle ? this.defaultExportTitle : "";
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
  /**
@@ -83,6 +83,9 @@
83
83
  demo.mapInfos = [
84
84
  ...custom,
85
85
  ...[{
86
+ id: "e443af6208f6482d8737c406bdbcb17d",
87
+ name: "holistic map"
88
+ }, {
86
89
  id: "ce3dec81bf714d3bb71da9691ab686d1",
87
90
  name: "Popup Configured Map",
88
91
  // filters: {},
@@ -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._shouldClose = false;
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._editor.startUpdateWorkflowAtFeatureEdit(this.graphics[this.graphicIndex]);
53
- this._shouldClose = true;
51
+ await this._startUpdate();
54
52
  }
55
53
  this._editorLoading = false;
56
54
  }
57
55
  if (!v) {
58
- this._shouldClose = false;
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._shouldClose = false;
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._shouldClose = false;
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._editor.startUpdateWorkflowAtFeatureEdit(this.graphics[this.graphicIndex]);
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%}.action-center{-webkit-box-align:center;-webkit-align-items:center;-ms-grid-row-align:center;align-items:center;align-content:center;justify-content:center}.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}";
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 ? " w-1-3" : " w-1-2";
336
- return (h("calcite-action-group", { class: "action-center" + 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))));
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 !== undefined ? this._titleValue : this.defaultExportTitle ? this.defaultExportTitle : "";
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._shouldClose = false;
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._editor.startUpdateWorkflowAtFeatureEdit(this.graphics[this.graphicIndex]);
361
- this._shouldClose = true;
359
+ await this._startUpdate();
362
360
  }
363
361
  this._editorLoading = false;
364
362
  }
365
363
  if (!v) {
366
- this._shouldClose = false;
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._shouldClose = false;
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._shouldClose = false;
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._editor.startUpdateWorkflowAtFeatureEdit(this.graphics[this.graphicIndex]);
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
  }