@arcgis/map-components 4.29.0-beta.4 → 4.29.0-beta.40

package/dist/components/arcgis-editor.js

@@ -1,15 +1,17 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { q as newWidgetsEditor, i as importCoreReactiveUtils } from './index2.js';
-import { r as referenceElementHelper, c as checkForView, o as onDisconnectedHelper } from './disconnected.js';
-import { d as defineCustomElement$2 } from './arcgis-expand2.js';
+import { r as newWidgetsEditor, i as importCoreReactiveUtils } from './index2.js';
+import { r as referenceElementHelper, c as checkForView, a as addHandles } from './component-utils.js';
+import { o as onDisconnectedHelper } from './disconnected.js';
+import { d as defineCustomElement$2 } from './expand.js';
 
-const arcgisEditorCss = "";
+const editorCss = "";
 
-const ArcgisEditor$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+const ArcgisEditor$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisEditor extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
     this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.activeWorkflow = undefined;
     this.allowedWorkflows = undefined;
@@ -18,55 +20,54 @@ const ArcgisEditor$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     this.snappingOptions = undefined;
     this.supportingWidgetDefaults = undefined;
     this.tooltipOptions = undefined;
+    this.visibleElements = undefined;
     this.position = "bottom-left";
     this.expandable = false;
     this.view = undefined;
     this.widget = undefined;
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Watchers
-  //
-  //--------------------------------------------------------------------------
-  positionWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      if (typeof this.view !== "string") {
-        this.view.ui.move(this.childElem, newValue);
-      }
-    }
+  referenceElementWatcher(newValue) {
+    referenceElementHelper(this, newValue);
   }
   allowedWorkflowsWatcher(value) {
-    if (value && this.widget) {
+    if (this.widget) {
       this.widget.allowedWorkflows = value;
     }
   }
   labelOptionsWatcher(value) {
-    if (value && this.widget) {
+    if (this.widget) {
       this.widget.labelOptions = value;
     }
   }
   layerInfosWatcher(value) {
-    if (value && this.widget) {
+    if (this.widget) {
       this.widget.layerInfos = value;
     }
   }
   snappingOptionsWatcher(value) {
-    if (value && this.widget) {
+    if (this.widget) {
       this.widget.snappingOptions = value;
     }
   }
   supportingWidgetDefaultsWatcher(value) {
-    if (value && this.widget) {
+    if (this.widget) {
       this.widget.supportingWidgetDefaults = value;
     }
   }
   tooltipOptionsWatcher(value) {
-    if (value && this.widget) {
+    if (this.widget) {
       this.widget.tooltipOptions = value;
     }
   }
-  referenceElementWatcher(newValue) {
-    referenceElementHelper(this, newValue);
+  visibleElementsWatcher(value) {
+    if (this.widget) {
+      this.widget.visibleElements = value;
+    }
+  }
+  positionWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.view.ui.move(this.childElem, newValue);
+    }
   }
   viewWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
@@ -128,9 +129,9 @@ const ArcgisEditor$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
   //--------------------------------------------------------------------------
   async _addWatchers() {
     const { watch } = await importCoreReactiveUtils();
-    watch(() => this.widget.activeWorkflow, (value) => (this.activeWorkflow = value), {
+    addHandles(this, watch(() => this.widget.activeWorkflow, (value) => (this.activeWorkflow = value), {
       initial: true
-    });
+    }));
   }
   _createParams() {
     const params = {
@@ -154,6 +155,9 @@ const ArcgisEditor$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     if (this.tooltipOptions) {
       params.tooltipOptions = this.tooltipOptions;
     }
+    if (this.visibleElements) {
+      params.visibleElements = this.visibleElements;
+    }
     if (this.view) {
       params.view = this.view;
     }
@@ -161,17 +165,18 @@ const ArcgisEditor$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
   }
   get el() { return this; }
   static get watchers() { return {
-    "position": ["positionWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
     "allowedWorkflows": ["allowedWorkflowsWatcher"],
     "labelOptions": ["labelOptionsWatcher"],
     "layerInfos": ["layerInfosWatcher"],
     "snappingOptions": ["snappingOptionsWatcher"],
     "supportingWidgetDefaults": ["supportingWidgetDefaultsWatcher"],
     "tooltipOptions": ["tooltipOptionsWatcher"],
-    "referenceElement": ["referenceElementWatcher"],
+    "visibleElements": ["visibleElementsWatcher"],
+    "position": ["positionWatcher"],
     "view": ["viewWatcher"]
   }; }
-  static get style() { return arcgisEditorCss; }
+  static get style() { return editorCss; }
 }, [0, "arcgis-editor", {
     "referenceElement": [1, "reference-element"],
     "activeWorkflow": [1040],
@@ -181,6 +186,7 @@ const ArcgisEditor$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     "snappingOptions": [16],
     "supportingWidgetDefaults": [16],
     "tooltipOptions": [16],
+    "visibleElements": [16],
     "position": [1],
     "expandable": [4],
     "view": [1040],
@@ -192,6 +198,17 @@ const ArcgisEditor$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     "startUpdateWorkflowAtFeatureEdit": [64],
     "startUpdateWorkflowAtFeatureSelection": [64],
     "startUpdateWorkflowAtMultipleFeatureSelection": [64]
+  }, undefined, {
+    "referenceElement": ["referenceElementWatcher"],
+    "allowedWorkflows": ["allowedWorkflowsWatcher"],
+    "labelOptions": ["labelOptionsWatcher"],
+    "layerInfos": ["layerInfosWatcher"],
+    "snappingOptions": ["snappingOptionsWatcher"],
+    "supportingWidgetDefaults": ["supportingWidgetDefaultsWatcher"],
+    "tooltipOptions": ["tooltipOptionsWatcher"],
+    "visibleElements": ["visibleElementsWatcher"],
+    "position": ["positionWatcher"],
+    "view": ["viewWatcher"]
   }]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
@@ -217,3 +234,5 @@ const ArcgisEditor = ArcgisEditor$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { ArcgisEditor, defineCustomElement };
+
+//# sourceMappingURL=arcgis-editor.js.map

package/dist/components/arcgis-editor.js.map

@@ -0,0 +1 @@
+{"file":"arcgis-editor.js","mappings":"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","names":["ArcgisEditor"],"sources":["src/components/editor/editor.css?tag=arcgis-editor","src/components/editor/editor.tsx"],"sourcesContent":["","import { Component, Element, Event, EventEmitter, Method, Prop, VNode, Watch, h } from \"@stencil/core\";\n\n// arcgis imports\nimport { importCoreReactiveUtils, newWidgetsEditor } from \"@arcgis/core-adapter\";\nimport type Editor from \"@arcgis/core/widgets/Editor\";\nimport { ArcgisReferenceElement, addHandles, checkForView, referenceElementHelper } from \"../../utils/component-utils\";\nimport { onDisconnectedHelper } from \"../../utils/disconnected\";\nimport { ExpandableComponent } from \"../../utils/expandable\";\nimport { ArcGISGraphic, ArcGISMapView, ArcGISSceneView } from \"../types\";\n\nexport type EditorWidget = InstanceType<typeof Editor>;\n\n@Component({\n  tag: \"arcgis-editor\",\n  styleUrl: \"editor.css\",\n  shadow: false\n})\nexport class ArcgisEditor implements ExpandableComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Element\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLDivElement;\n\n  childElem: HTMLDivElement;\n\n  expandElem: HTMLArcgisExpandElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Prop() referenceElement: ArcgisReferenceElement | string;\n\n  @Watch(\"referenceElement\")\n  referenceElementWatcher(newValue: ArcgisReferenceElement | string): void {\n    referenceElementHelper(this, newValue);\n  }\n\n  @Prop({ mutable: true }) activeWorkflow: EditorWidget[\"activeWorkflow\"];\n\n  @Prop() allowedWorkflows: EditorWidget[\"allowedWorkflows\"];\n\n  @Watch(\"allowedWorkflows\")\n  allowedWorkflowsWatcher(value: EditorWidget[\"allowedWorkflows\"]): void {\n    if (this.widget) {\n      this.widget.allowedWorkflows = value;\n    }\n  }\n\n  @Prop() labelOptions: EditorWidget[\"labelOptions\"];\n\n  @Watch(\"labelOptions\")\n  labelOptionsWatcher(value: EditorWidget[\"labelOptions\"]): void {\n    if (this.widget) {\n      this.widget.labelOptions = value;\n    }\n  }\n\n  @Prop() layerInfos: EditorWidget[\"layerInfos\"];\n\n  @Watch(\"layerInfos\")\n  layerInfosWatcher(value: EditorWidget[\"layerInfos\"]): void {\n    if (this.widget) {\n      this.widget.layerInfos = value;\n    }\n  }\n\n  @Prop() snappingOptions: EditorWidget[\"snappingOptions\"];\n\n  @Watch(\"snappingOptions\")\n  snappingOptionsWatcher(value: EditorWidget[\"snappingOptions\"]): void {\n    if (this.widget) {\n      this.widget.snappingOptions = value;\n    }\n  }\n\n  @Prop() supportingWidgetDefaults: EditorWidget[\"supportingWidgetDefaults\"];\n\n  @Watch(\"supportingWidgetDefaults\")\n  supportingWidgetDefaultsWatcher(value: EditorWidget[\"supportingWidgetDefaults\"]): void {\n    if (this.widget) {\n      this.widget.supportingWidgetDefaults = value;\n    }\n  }\n\n  @Prop() tooltipOptions: EditorWidget[\"tooltipOptions\"];\n\n  @Watch(\"tooltipOptions\")\n  tooltipOptionsWatcher(value: EditorWidget[\"tooltipOptions\"]): void {\n    if (this.widget) {\n      this.widget.tooltipOptions = value;\n    }\n  }\n\n  @Prop() visibleElements: EditorWidget[\"visibleElements\"];\n\n  @Watch(\"visibleElements\")\n  visibleElementsWatcher(value: EditorWidget[\"visibleElements\"]): void {\n    if (this.widget) {\n      this.widget.visibleElements = value;\n    }\n  }\n\n  @Prop() position = \"bottom-left\";\n\n  @Watch(\"position\")\n  positionWatcher(newValue: string): void {\n    if (newValue !== undefined && this.widget) {\n      this.view.ui.move(this.childElem, newValue);\n    }\n  }\n\n  @Prop() expandable = false;\n\n  @Prop({ mutable: true }) view: ArcGISMapView | ArcGISSceneView;\n\n  @Watch(\"view\")\n  viewWatcher(newValue: ArcGISMapView | ArcGISSceneView): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.view = newValue;\n    }\n  }\n\n  @Prop({ mutable: true }) widget: EditorWidget;\n\n  _watchHandles: __esri.WatchHandle[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  @Event({ cancelable: true }) widgetReady: EventEmitter<{ widget: __esri.Editor }>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Methods\n  //\n  //--------------------------------------------------------------------------\n\n  @Method()\n  async cancelWorkflow(): Promise<void> {\n    return this.widget?.cancelWorkflow();\n  }\n\n  @Method()\n  async deleteFeatureFromWorkflow(): Promise<void> {\n    return this.widget?.deleteFeatureFromWorkflow();\n  }\n\n  @Method()\n  async startCreateFeaturesWorkflowAtFeatureCreation(info: __esri.CreationInfo): Promise<void> {\n    return this.widget?.startCreateFeaturesWorkflowAtFeatureCreation(info);\n  }\n\n  @Method()\n  async startCreateFeaturesWorkflowAtFeatureTypeSelection(): Promise<void> {\n    return this.widget?.startCreateFeaturesWorkflowAtFeatureTypeSelection();\n  }\n\n  @Method()\n  async startUpdateWorkflowAtFeatureEdit(feature: ArcGISGraphic): Promise<void> {\n    return this.widget?.startUpdateWorkflowAtFeatureEdit(feature);\n  }\n\n  @Method()\n  async startUpdateWorkflowAtFeatureSelection(): Promise<void> {\n    return this.widget?.startUpdateWorkflowAtFeatureSelection();\n  }\n\n  @Method()\n  async startUpdateWorkflowAtMultipleFeatureSelection(candidates: ArcGISGraphic[]): Promise<void> {\n    return this.widget?.startUpdateWorkflowAtMultipleFeatureSelection(candidates);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentDidLoad(): Promise<void> {\n    const params = this._createParams();\n\n    const widget = await newWidgetsEditor(params);\n\n    this.widget = widget;\n\n    this._addWatchers();\n\n    this.widgetReady.emit({ widget: this.widget });\n\n    checkForView(this);\n  }\n\n  disconnectedCallback(): void {\n    onDisconnectedHelper(this);\n  }\n\n  render(): VNode {\n    if (this.expandable) {\n      return (\n        <arcgis-expand position={this.position} ref={(el) => (this.expandElem = el as HTMLArcgisExpandElement)}>\n          <div ref={(el) => (this.childElem = el as HTMLDivElement)}></div>\n        </arcgis-expand>\n      );\n    }\n    return <div ref={(el) => (this.childElem = el as HTMLDivElement)}></div>;\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private async _addWatchers() {\n    const { watch } = await importCoreReactiveUtils();\n\n    addHandles(\n      this,\n      watch(\n        () => this.widget.activeWorkflow,\n        (value) => (this.activeWorkflow = value),\n        {\n          initial: true\n        }\n      )\n    );\n  }\n\n  private _createParams(): Partial<EditorWidget> {\n    const params: Partial<EditorWidget> = {\n      container: this.childElem\n    };\n\n    if (this.allowedWorkflows) {\n      params.allowedWorkflows = this.allowedWorkflows;\n    }\n\n    if (this.labelOptions) {\n      params.labelOptions = this.labelOptions;\n    }\n\n    if (this.layerInfos) {\n      params.layerInfos = this.layerInfos;\n    }\n\n    if (this.snappingOptions) {\n      params.snappingOptions = this.snappingOptions;\n    }\n\n    if (this.supportingWidgetDefaults) {\n      params.supportingWidgetDefaults = this.supportingWidgetDefaults;\n    }\n\n    if (this.tooltipOptions) {\n      params.tooltipOptions = this.tooltipOptions;\n    }\n\n    if (this.visibleElements) {\n      params.visibleElements = this.visibleElements;\n    }\n\n    if (this.view) {\n      params.view = this.view;\n    }\n\n    return params;\n  }\n}\n"],"version":3}

package/dist/components/arcgis-elevation-profile.js

@@ -1,15 +1,17 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { r as newWidgetsElevationProfile } from './index2.js';
-import { r as referenceElementHelper, c as checkForView, o as onDisconnectedHelper } from './disconnected.js';
-import { d as defineCustomElement$2 } from './arcgis-expand2.js';
+import { s as newWidgetsElevationProfile, i as importCoreReactiveUtils } from './index2.js';
+import { r as referenceElementHelper, c as checkForView, a as addHandles } from './component-utils.js';
+import { o as onDisconnectedHelper } from './disconnected.js';
+import { d as defineCustomElement$2 } from './expand.js';
 
-const arcgisElevationProfileCss = "";
+const elevationProfileCss = "";
 
-const ArcgisElevationProfile$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+const ArcgisElevationProfile$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisElevationProfile extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
     this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.geodesicDistanceThreshold = undefined;
     this.input = undefined;
@@ -18,23 +20,15 @@ const ArcgisElevationProfile$1 = /*@__PURE__*/ proxyCustomElement(class extends
     this.expandable = false;
     this.unit = undefined;
     this.unitOptions = undefined;
+    this.visibleElements = undefined;
     this.view = undefined;
     this.widget = undefined;
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Watchers
-  //
-  //--------------------------------------------------------------------------
-  positionWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      if (typeof this.view !== "string") {
-        this.view.ui.move(this.childElem, newValue);
-      }
-    }
+  referenceElementWatcher(newValue) {
+    referenceElementHelper(this, newValue);
   }
   geodesicDistanceThresholdWatcher(value) {
-    if (value && this.widget) {
+    if (value !== undefined && this.widget) {
       this.widget.geodesicDistanceThreshold = value;
     }
   }
@@ -48,6 +42,11 @@ const ArcgisElevationProfile$1 = /*@__PURE__*/ proxyCustomElement(class extends
       this.widget.profiles = value;
     }
   }
+  positionWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.view.ui.move(this.childElem, newValue);
+    }
+  }
   unitWatcher(value) {
     if (value && this.widget) {
       this.widget.unit = value;
@@ -58,8 +57,10 @@ const ArcgisElevationProfile$1 = /*@__PURE__*/ proxyCustomElement(class extends
       this.widget.unitOptions = value;
     }
   }
-  referenceElementWatcher(newValue) {
-    referenceElementHelper(this, newValue);
+  visibleElementsWatcher(value) {
+    if (this.widget) {
+      this.widget.visibleElements = value;
+    }
   }
   viewWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
@@ -75,6 +76,7 @@ const ArcgisElevationProfile$1 = /*@__PURE__*/ proxyCustomElement(class extends
     const params = this._createParams();
     const widget = await newWidgetsElevationProfile(params);
     this.widget = widget;
+    await this._addWatchers();
     this.widgetReady.emit({ widget: this.widget });
     checkForView(this);
   }
@@ -92,6 +94,12 @@ const ArcgisElevationProfile$1 = /*@__PURE__*/ proxyCustomElement(class extends
   //  Private Methods
   //
   //--------------------------------------------------------------------------
+  async _addWatchers() {
+    const { watch } = await importCoreReactiveUtils();
+    addHandles(this, watch(() => this.widget.input, () => (this.input = this.widget.input), {
+      initial: true
+    }));
+  }
   _createParams() {
     const params = {
       container: this.childElem
@@ -114,31 +122,46 @@ const ArcgisElevationProfile$1 = /*@__PURE__*/ proxyCustomElement(class extends
     if (this.unitOptions) {
       params.unitOptions = this.unitOptions;
     }
+    if (this.visibleElements) {
+      params.visibleElements = this.visibleElements;
+    }
     return params;
   }
   get el() { return this; }
   static get watchers() { return {
-    "position": ["positionWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
     "geodesicDistanceThreshold": ["geodesicDistanceThresholdWatcher"],
     "input": ["inputWatcher"],
     "profiles": ["profilesWatcher"],
+    "position": ["positionWatcher"],
     "unit": ["unitWatcher"],
     "unitOptions": ["unitOptionsWatcher"],
-    "referenceElement": ["referenceElementWatcher"],
+    "visibleElements": ["visibleElementsWatcher"],
     "view": ["viewWatcher"]
   }; }
-  static get style() { return arcgisElevationProfileCss; }
+  static get style() { return elevationProfileCss; }
 }, [0, "arcgis-elevation-profile", {
     "referenceElement": [1, "reference-element"],
     "geodesicDistanceThreshold": [2, "geodesic-distance-threshold"],
-    "input": [16],
+    "input": [1040],
     "profiles": [16],
     "position": [1],
     "expandable": [4],
     "unit": [1],
     "unitOptions": [16],
+    "visibleElements": [16],
     "view": [1040],
     "widget": [1040]
+  }, undefined, {
+    "referenceElement": ["referenceElementWatcher"],
+    "geodesicDistanceThreshold": ["geodesicDistanceThresholdWatcher"],
+    "input": ["inputWatcher"],
+    "profiles": ["profilesWatcher"],
+    "position": ["positionWatcher"],
+    "unit": ["unitWatcher"],
+    "unitOptions": ["unitOptionsWatcher"],
+    "visibleElements": ["visibleElementsWatcher"],
+    "view": ["viewWatcher"]
   }]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
@@ -164,3 +187,5 @@ const ArcgisElevationProfile = ArcgisElevationProfile$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { ArcgisElevationProfile, defineCustomElement };
+
+//# sourceMappingURL=arcgis-elevation-profile.js.map

package/dist/components/arcgis-elevation-profile.js.map

@@ -0,0 +1 @@
+{"file":"arcgis-elevation-profile.js","mappings":"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","names":["ArcgisElevationProfile"],"sources":["src/components/elevation-profile/elevation-profile.css?tag=arcgis-elevation-profile","src/components/elevation-profile/elevation-profile.tsx"],"sourcesContent":["","import { Component, Element, Event, EventEmitter, Prop, VNode, Watch, h } from \"@stencil/core\";\n\n// arcgis imports\nimport { importCoreReactiveUtils, newWidgetsElevationProfile } from \"@arcgis/core-adapter\";\nimport type ElevationProfile from \"@arcgis/core/widgets/ElevationProfile\";\nimport { ArcgisReferenceElement, addHandles, checkForView, referenceElementHelper } from \"../../utils/component-utils\";\nimport { onDisconnectedHelper } from \"../../utils/disconnected\";\nimport { ExpandableComponent } from \"../../utils/expandable\";\nimport { ArcGISSceneView } from \"../types\";\n\nexport type ElevationProfileWidget = InstanceType<typeof ElevationProfile>;\n\n@Component({\n  tag: \"arcgis-elevation-profile\",\n  styleUrl: \"elevation-profile.css\",\n  shadow: false\n})\nexport class ArcgisElevationProfile implements ExpandableComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Element\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLDivElement;\n\n  childElem: HTMLDivElement;\n\n  expandElem: HTMLArcgisExpandElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Prop() referenceElement: ArcgisReferenceElement | string;\n\n  @Watch(\"referenceElement\")\n  referenceElementWatcher(newValue: ArcgisReferenceElement | string): void {\n    referenceElementHelper(this, newValue);\n  }\n\n  @Prop() geodesicDistanceThreshold: ElevationProfileWidget[\"geodesicDistanceThreshold\"];\n\n  @Watch(\"geodesicDistanceThreshold\")\n  geodesicDistanceThresholdWatcher(value: ElevationProfileWidget[\"geodesicDistanceThreshold\"]): void {\n    if (value !== undefined && this.widget) {\n      this.widget.geodesicDistanceThreshold = value;\n    }\n  }\n\n  @Prop({ mutable: true }) input: ElevationProfileWidget[\"input\"];\n\n  @Watch(\"input\")\n  inputWatcher(value: ElevationProfileWidget[\"input\"]): void {\n    if (value && this.widget) {\n      this.widget.input = value;\n    }\n  }\n\n  @Prop() profiles: ElevationProfileWidget[\"profiles\"];\n\n  @Watch(\"profiles\")\n  profilesWatcher(value: ElevationProfileWidget[\"profiles\"]): void {\n    if (value && this.widget) {\n      this.widget.profiles = value;\n    }\n  }\n\n  @Prop() position = \"bottom-left\";\n\n  @Watch(\"position\")\n  positionWatcher(newValue: string): void {\n    if (newValue !== undefined && this.widget) {\n      this.view.ui.move(this.childElem, newValue);\n    }\n  }\n\n  @Prop() expandable = false;\n\n  @Prop() unit: ElevationProfileWidget[\"unit\"];\n\n  @Watch(\"unit\")\n  unitWatcher(value: ElevationProfileWidget[\"unit\"]): void {\n    if (value && this.widget) {\n      this.widget.unit = value;\n    }\n  }\n\n  @Prop() unitOptions: ElevationProfileWidget[\"unitOptions\"];\n\n  @Watch(\"unitOptions\")\n  unitOptionsWatcher(value: ElevationProfileWidget[\"unitOptions\"]): void {\n    if (value && this.widget) {\n      this.widget.unitOptions = value;\n    }\n  }\n\n  @Prop() visibleElements: ElevationProfileWidget[\"visibleElements\"];\n\n  @Watch(\"visibleElements\")\n  visibleElementsWatcher(value: ElevationProfileWidget[\"visibleElements\"]): void {\n    if (this.widget) {\n      this.widget.visibleElements = value;\n    }\n  }\n\n  @Prop({ mutable: true }) view: ArcGISSceneView;\n\n  @Watch(\"view\")\n  viewWatcher(newValue: ArcGISSceneView): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.view = newValue;\n    }\n  }\n\n  @Prop({ mutable: true }) widget: ElevationProfileWidget;\n\n  _watchHandles: __esri.WatchHandle[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  @Event({ cancelable: true }) widgetReady: EventEmitter<{ widget: __esri.ElevationProfile }>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentDidLoad(): Promise<void> {\n    const params = this._createParams();\n\n    const widget = await newWidgetsElevationProfile(params);\n\n    this.widget = widget;\n\n    await this._addWatchers();\n\n    this.widgetReady.emit({ widget: this.widget });\n\n    checkForView(this);\n  }\n\n  disconnectedCallback(): void {\n    onDisconnectedHelper(this);\n  }\n\n  render(): VNode {\n    if (this.expandable) {\n      return (\n        <arcgis-expand position={this.position} ref={(el) => (this.expandElem = el as HTMLArcgisExpandElement)}>\n          <div ref={(el) => (this.childElem = el as HTMLDivElement)}></div>\n        </arcgis-expand>\n      );\n    }\n    return <div ref={(el) => (this.childElem = el as HTMLDivElement)}></div>;\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private async _addWatchers() {\n    const { watch } = await importCoreReactiveUtils();\n\n    addHandles(\n      this,\n      watch(\n        () => this.widget.input,\n        () => (this.input = this.widget.input),\n        {\n          initial: true\n        }\n      )\n    );\n  }\n\n  private _createParams(): Partial<ElevationProfileWidget> {\n    const params: Partial<ElevationProfileWidget> = {\n      container: this.childElem\n    };\n\n    if (this.view) {\n      params.view = this.view;\n    }\n\n    if (this.geodesicDistanceThreshold) {\n      params.geodesicDistanceThreshold = this.geodesicDistanceThreshold;\n    }\n\n    if (this.input) {\n      params.input = this.input;\n    }\n\n    if (this.profiles) {\n      params.profiles = this.profiles;\n    }\n\n    if (this.unit) {\n      params.unit = this.unit;\n    }\n\n    if (this.unitOptions) {\n      params.unitOptions = this.unitOptions;\n    }\n\n    if (this.visibleElements) {\n      params.visibleElements = this.visibleElements;\n    }\n\n    return params;\n  }\n}\n"],"version":3}

package/dist/components/arcgis-expand.js

@@ -1,6 +1,8 @@
-import { A as ArcgisExpand$1, d as defineCustomElement$1 } from './arcgis-expand2.js';
+import { A as ArcgisExpand$1, d as defineCustomElement$1 } from './expand.js';
 
 const ArcgisExpand = ArcgisExpand$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { ArcgisExpand, defineCustomElement };
+
+//# sourceMappingURL=arcgis-expand.js.map

package/dist/components/arcgis-expand.js.map

@@ -0,0 +1 @@
+{"file":"arcgis-expand.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/arcgis-feature-form.js

@@ -1,50 +1,184 @@
-import { proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
-import { t as newWidgetsFeatureForm } from './index2.js';
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { u as newWidgetsFeatureForm } from './index2.js';
+import { r as referenceElementHelper } from './component-utils.js';
+import { o as onDisconnectedHelper } from './disconnected.js';
+import { d as defineCustomElement$2 } from './expand.js';
 
-const arcgisFeatureFormCss = "";
+const featureFormCss = "";
 
-const ArcgisFeatureForm$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+const ArcgisFeatureForm$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisFeatureForm extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
     this.widgetReady = createEvent(this, "widgetReady", 7);
+    this.featureFormSubmit = createEvent(this, "featureFormSubmit", 7);
+    this.featureFormValueChange = createEvent(this, "featureFormValueChange", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.position = "bottom-left";
     this.expandable = false;
+    this.feature = undefined;
+    this.formTemplate = undefined;
+    this.groupDisplay = undefined;
+    this.layer = undefined;
+    this.timeZone = undefined;
+    this.view = undefined;
     this.widget = undefined;
   }
+  referenceElementWatcher(newValue) {
+    referenceElementHelper(this, newValue);
+  }
+  positionWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.view.ui.move(this.childElem, newValue);
+    }
+  }
+  featureWatcher(newValue) {
+    if (this.widget) {
+      this.widget.feature = newValue;
+    }
+  }
+  formTemplateWatcher(newValue) {
+    if (this.widget) {
+      this.widget.formTemplate = newValue;
+    }
+  }
+  groupDisplayWatcher(newValue) {
+    if (this.widget) {
+      this.widget.groupDisplay = newValue;
+    }
+  }
+  layerWatcher(newValue) {
+    if (this.widget) {
+      this.widget.layer = newValue;
+    }
+  }
+  timeZoneWatcher(newValue) {
+    if (this.widget) {
+      this.widget.timeZone = newValue;
+    }
+  }
+  viewWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.map = newValue.map;
+    }
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Methods
+  //
+  //--------------------------------------------------------------------------
+  async getValues() {
+    return this.widget?.getValues();
+  }
+  async submit() {
+    return this.widget?.submit();
+  }
   //--------------------------------------------------------------------------
   //
   //  Lifecycle
   //
   //--------------------------------------------------------------------------
   async componentDidLoad() {
-    const params = {
-      container: this.childElem
-    };
+    const params = this._createParams();
     const widget = await newWidgetsFeatureForm(params);
     this.widget = widget;
+    this._proxyEvents();
     this.widgetReady.emit({ widget: this.widget });
   }
+  disconnectedCallback() {
+    onDisconnectedHelper(this);
+  }
+  render() {
+    if (this.expandable) {
+      return (h("arcgis-expand", { position: this.position, ref: (el) => (this.expandElem = el) }, h("div", { ref: (el) => (this.childElem = el) })));
+    }
+    return h("div", { ref: (el) => (this.childElem = el) });
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Private Interal Methods
+  //
+  //--------------------------------------------------------------------------
+  _createParams() {
+    const params = {
+      container: this.childElem
+    };
+    if (this.feature) {
+      params.feature = this.feature;
+    }
+    if (this.formTemplate) {
+      params.formTemplate = this.formTemplate;
+    }
+    if (this.groupDisplay) {
+      params.groupDisplay = this.groupDisplay;
+    }
+    if (this.layer) {
+      params.layer = this.layer;
+    }
+    if (this.timeZone) {
+      params.timeZone = this.timeZone;
+    }
+    if (this.view) {
+      params.map = this.view.map;
+    }
+    return params;
+  }
+  _proxyEvents() {
+    this.widget.on("submit", (e) => this.featureFormSubmit.emit(e));
+    this.widget.on("value-change", (e) => this.featureFormValueChange.emit(e));
+  }
   get el() { return this; }
-  static get style() { return arcgisFeatureFormCss; }
+  static get watchers() { return {
+    "referenceElement": ["referenceElementWatcher"],
+    "position": ["positionWatcher"],
+    "feature": ["featureWatcher"],
+    "formTemplate": ["formTemplateWatcher"],
+    "groupDisplay": ["groupDisplayWatcher"],
+    "layer": ["layerWatcher"],
+    "timeZone": ["timeZoneWatcher"],
+    "view": ["viewWatcher"]
+  }; }
+  static get style() { return featureFormCss; }
 }, [0, "arcgis-feature-form", {
     "referenceElement": [1, "reference-element"],
     "position": [1],
     "expandable": [4],
-    "widget": [1040]
+    "feature": [16],
+    "formTemplate": [16],
+    "groupDisplay": [1, "group-display"],
+    "layer": [16],
+    "timeZone": [1, "time-zone"],
+    "view": [1040],
+    "widget": [1040],
+    "getValues": [64],
+    "submit": [64]
+  }, undefined, {
+    "referenceElement": ["referenceElementWatcher"],
+    "position": ["positionWatcher"],
+    "feature": ["featureWatcher"],
+    "formTemplate": ["formTemplateWatcher"],
+    "groupDisplay": ["groupDisplayWatcher"],
+    "layer": ["layerWatcher"],
+    "timeZone": ["timeZoneWatcher"],
+    "view": ["viewWatcher"]
   }]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["arcgis-feature-form"];
+  const components = ["arcgis-feature-form", "arcgis-expand"];
   components.forEach(tagName => { switch (tagName) {
     case "arcgis-feature-form":
       if (!customElements.get(tagName)) {
         customElements.define(tagName, ArcgisFeatureForm$1);
       }
       break;
+    case "arcgis-expand":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
   } });
 }
 defineCustomElement$1();
@@ -53,3 +187,5 @@ const ArcgisFeatureForm = ArcgisFeatureForm$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { ArcgisFeatureForm, defineCustomElement };
+
+//# sourceMappingURL=arcgis-feature-form.js.map

package/dist/components/arcgis-feature-form.js.map

@@ -0,0 +1 @@
+{"file":"arcgis-feature-form.js","mappings":"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","names":["ArcgisFeatureForm"],"sources":["src/components/feature-form/feature-form.css?tag=arcgis-feature-form","src/components/feature-form/feature-form.tsx"],"sourcesContent":["","import { Component, Element, Event, EventEmitter, Method, Prop, VNode, Watch, h } from \"@stencil/core\";\n\n// arcgis imports\nimport { newWidgetsFeatureForm } from \"@arcgis/core-adapter\";\nimport type FeatureForm from \"@arcgis/core/widgets/FeatureForm\";\nimport { ArcgisReferenceElement, referenceElementHelper } from \"../../utils/component-utils\";\nimport { onDisconnectedHelper } from \"../../utils/disconnected\";\nimport { ExpandableComponent } from \"../../utils/expandable\";\nimport { ArcGISMapView, ArcGISSceneView } from \"../types\";\n\nexport type FeatureFormWidget = InstanceType<typeof FeatureForm>;\n\n@Component({\n  tag: \"arcgis-feature-form\",\n  styleUrl: \"feature-form.css\",\n  shadow: false\n})\nexport class ArcgisFeatureForm implements ExpandableComponent {\n  @Element() el: HTMLDivElement;\n\n  childElem: HTMLDivElement;\n\n  expandElem: HTMLArcgisExpandElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Prop() referenceElement: ArcgisReferenceElement | string;\n\n  @Watch(\"referenceElement\")\n  referenceElementWatcher(newValue: ArcgisReferenceElement | string): void {\n    referenceElementHelper(this, newValue);\n  }\n\n  @Prop() position = \"bottom-left\";\n\n  @Watch(\"position\")\n  positionWatcher(newValue: string): void {\n    if (newValue !== undefined && this.widget) {\n      this.view.ui.move(this.childElem, newValue);\n    }\n  }\n  @Prop() expandable = false;\n\n  @Prop() feature: FeatureFormWidget[\"feature\"];\n\n  @Watch(\"feature\")\n  featureWatcher(newValue: FeatureFormWidget[\"feature\"]): void {\n    if (this.widget) {\n      this.widget.feature = newValue;\n    }\n  }\n\n  @Prop() formTemplate: FeatureFormWidget[\"formTemplate\"];\n\n  @Watch(\"formTemplate\")\n  formTemplateWatcher(newValue: FeatureFormWidget[\"formTemplate\"]): void {\n    if (this.widget) {\n      this.widget.formTemplate = newValue;\n    }\n  }\n\n  @Prop() groupDisplay: FeatureFormWidget[\"groupDisplay\"];\n\n  @Watch(\"groupDisplay\")\n  groupDisplayWatcher(newValue: FeatureFormWidget[\"groupDisplay\"]): void {\n    if (this.widget) {\n      this.widget.groupDisplay = newValue;\n    }\n  }\n\n  @Prop() layer: FeatureFormWidget[\"layer\"];\n\n  @Watch(\"layer\")\n  layerWatcher(newValue: FeatureFormWidget[\"layer\"]): void {\n    if (this.widget) {\n      this.widget.layer = newValue;\n    }\n  }\n\n  @Prop() timeZone: FeatureFormWidget[\"timeZone\"];\n\n  @Watch(\"timeZone\")\n  timeZoneWatcher(newValue: FeatureFormWidget[\"timeZone\"]): void {\n    if (this.widget) {\n      this.widget.timeZone = newValue;\n    }\n  }\n\n  @Prop({ mutable: true }) view: ArcGISMapView | ArcGISSceneView;\n\n  @Watch(\"view\")\n  viewWatcher(newValue: ArcGISMapView | ArcGISSceneView): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.map = newValue.map;\n    }\n  }\n\n  @Prop({ mutable: true }) widget: FeatureFormWidget;\n\n  _watchHandles: __esri.WatchHandle[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  @Event({ cancelable: true }) widgetReady: EventEmitter<{ widget: __esri.FeatureForm }>;\n\n  @Event({ cancelable: true }) featureFormSubmit: EventEmitter<__esri.FeatureFormSubmitEvent>;\n  @Event({ cancelable: true }) featureFormValueChange: EventEmitter<__esri.FeatureFormValueChangeEvent>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Methods\n  //\n  //--------------------------------------------------------------------------\n\n  @Method()\n  async getValues(): Promise<any> {\n    return this.widget?.getValues();\n  }\n\n  @Method()\n  async submit(): Promise<void> {\n    return this.widget?.submit();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentDidLoad(): Promise<void> {\n    const params = this._createParams();\n\n    const widget = await newWidgetsFeatureForm(params);\n    this.widget = widget;\n\n    this._proxyEvents();\n\n    this.widgetReady.emit({ widget: this.widget });\n  }\n\n  disconnectedCallback(): void {\n    onDisconnectedHelper(this);\n  }\n\n  render(): VNode {\n    if (this.expandable) {\n      return (\n        <arcgis-expand position={this.position} ref={(el) => (this.expandElem = el as HTMLArcgisExpandElement)}>\n          <div ref={(el) => (this.childElem = el as HTMLDivElement)}></div>\n        </arcgis-expand>\n      );\n    }\n    return <div ref={(el) => (this.childElem = el as HTMLDivElement)}></div>;\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Interal Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private _createParams(): Partial<__esri.FeatureFormProperties> {\n    const params: Partial<__esri.FeatureFormProperties> = {\n      container: this.childElem\n    };\n\n    if (this.feature) {\n      params.feature = this.feature;\n    }\n\n    if (this.formTemplate) {\n      params.formTemplate = this.formTemplate;\n    }\n\n    if (this.groupDisplay) {\n      params.groupDisplay = this.groupDisplay;\n    }\n\n    if (this.layer) {\n      params.layer = this.layer;\n    }\n\n    if (this.timeZone) {\n      params.timeZone = this.timeZone;\n    }\n\n    if (this.view) {\n      params.map = this.view.map;\n    }\n\n    return params;\n  }\n\n  private _proxyEvents() {\n    this.widget.on(\"submit\", (e) => this.featureFormSubmit.emit(e));\n    this.widget.on(\"value-change\", (e) => this.featureFormValueChange.emit(e));\n  }\n}\n"],"version":3}