@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.
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
  }