@arcgis/map-components 4.29.0-beta.7 → 4.29.0-beta.72

package/dist/cjs/arcgis-elevation-profile.cjs.entry.js

@@ -2,135 +2,148 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-6b51d5a0.js');
-const index$1 = require('./index-bfda1cdc.js');
-const componentUtils = require('./component-utils-cbd20e88.js');
-const disconnected = require('./disconnected-306cb220.js');
+const index = require('./index-fbce570d.js');
+const index$1 = require('./index-09a0e90f.js');
+const componentUtils = require('./component-utils-48cee518.js');
+const disconnected = require('./disconnected-4490368b.js');
 
-const arcgisElevationProfileCss = "";
+const elevationProfileCss = "";
 
 const ArcgisElevationProfile = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.widgetReady = index.createEvent(this, "widgetReady", 7);
-    this.referenceElement = undefined;
-    this.geodesicDistanceThreshold = undefined;
-    this.input = undefined;
-    this.profiles = undefined;
-    this.position = "bottom-left";
-    this.expandable = false;
-    this.unit = undefined;
-    this.unitOptions = 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);
-      }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.widgetReady = index.createEvent(this, "widgetReady", 7);
+        this._watchHandles = [];
+        this.referenceElement = undefined;
+        this.geodesicDistanceThreshold = undefined;
+        this.input = undefined;
+        this.profiles = undefined;
+        this.position = "bottom-left";
+        this.expandable = false;
+        this.unit = undefined;
+        this.unitOptions = undefined;
+        this.visibleElements = undefined;
+        this.view = undefined;
+        this.widget = undefined;
     }
-  }
-  geodesicDistanceThresholdWatcher(value) {
-    if (value && this.widget) {
-      this.widget.geodesicDistanceThreshold = value;
+    referenceElementWatcher(newValue) {
+        componentUtils.referenceElementHelper(this, newValue);
     }
-  }
-  inputWatcher(value) {
-    if (value && this.widget) {
-      this.widget.input = value;
+    geodesicDistanceThresholdWatcher(value) {
+        if (value !== undefined && this.widget) {
+            this.widget.geodesicDistanceThreshold = value;
+        }
     }
-  }
-  profilesWatcher(value) {
-    if (value && this.widget) {
-      this.widget.profiles = value;
+    inputWatcher(value) {
+        if (value && this.widget) {
+            this.widget.input = value;
+        }
     }
-  }
-  unitWatcher(value) {
-    if (value && this.widget) {
-      this.widget.unit = value;
+    profilesWatcher(value) {
+        if (value && this.widget) {
+            this.widget.profiles = value;
+        }
     }
-  }
-  unitOptionsWatcher(value) {
-    if (value && this.widget) {
-      this.widget.unitOptions = value;
+    positionWatcher(newValue) {
+        if (newValue !== undefined && this.widget) {
+            this.view.ui.move(this.childElem, newValue);
+        }
     }
-  }
-  referenceElementWatcher(newValue) {
-    componentUtils.referenceElementHelper(this, newValue);
-  }
-  viewWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      this.widget.view = newValue;
+    unitWatcher(value) {
+        if (value && this.widget) {
+            this.widget.unit = value;
+        }
     }
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  //--------------------------------------------------------------------------
-  async componentDidLoad() {
-    const params = this._createParams();
-    const widget = await index$1.newWidgetsElevationProfile(params);
-    this.widget = widget;
-    this.widgetReady.emit({ widget: this.widget });
-    componentUtils.checkForView(this);
-  }
-  disconnectedCallback() {
-    disconnected.onDisconnectedHelper(this);
-  }
-  render() {
-    if (this.expandable) {
-      return (index.h("arcgis-expand", { position: this.position, ref: (el) => (this.expandElem = el) }, index.h("div", { ref: (el) => (this.childElem = el) })));
+    unitOptionsWatcher(value) {
+        if (value && this.widget) {
+            this.widget.unitOptions = value;
+        }
     }
-    return index.h("div", { ref: (el) => (this.childElem = el) });
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Private Methods
-  //
-  //--------------------------------------------------------------------------
-  _createParams() {
-    const params = {
-      container: this.childElem
-    };
-    if (this.view) {
-      params.view = this.view;
+    visibleElementsWatcher(value) {
+        if (this.widget) {
+            this.widget.visibleElements = value;
+        }
     }
-    if (this.geodesicDistanceThreshold) {
-      params.geodesicDistanceThreshold = this.geodesicDistanceThreshold;
+    viewWatcher(newValue) {
+        if (newValue !== undefined && this.widget) {
+            this.widget.view = newValue;
+        }
     }
-    if (this.input) {
-      params.input = this.input;
+    //--------------------------------------------------------------------------
+    //
+    //  Lifecycle
+    //
+    //--------------------------------------------------------------------------
+    async componentDidLoad() {
+        const params = this._createParams();
+        const widget = await index$1.newWidgetsElevationProfile(params);
+        this.widget = widget;
+        await this._addWatchers();
+        this.widgetReady.emit({ widget: this.widget });
+        componentUtils.checkForView(this);
     }
-    if (this.profiles) {
-      params.profiles = this.profiles;
+    disconnectedCallback() {
+        disconnected.onDisconnectedHelper(this);
     }
-    if (this.unit) {
-      params.unit = this.unit;
+    render() {
+        if (this.expandable) {
+            return (index.h("arcgis-expand", { position: this.position, ref: (el) => (this.expandElem = el) }, index.h("div", { ref: (el) => (this.childElem = el) })));
+        }
+        return index.h("div", { ref: (el) => (this.childElem = el) });
     }
-    if (this.unitOptions) {
-      params.unitOptions = this.unitOptions;
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    async _addWatchers() {
+        const { watch } = await index$1.importCoreReactiveUtils();
+        componentUtils.addHandles(this, watch(() => this.widget.input, () => (this.input = this.widget.input), {
+            initial: true
+        }));
     }
-    return params;
-  }
-  get el() { return index.getElement(this); }
-  static get watchers() { return {
-    "position": ["positionWatcher"],
-    "geodesicDistanceThreshold": ["geodesicDistanceThresholdWatcher"],
-    "input": ["inputWatcher"],
-    "profiles": ["profilesWatcher"],
-    "unit": ["unitWatcher"],
-    "unitOptions": ["unitOptionsWatcher"],
-    "referenceElement": ["referenceElementWatcher"],
-    "view": ["viewWatcher"]
-  }; }
+    _createParams() {
+        const params = {
+            container: this.childElem
+        };
+        if (this.view) {
+            params.view = this.view;
+        }
+        if (this.geodesicDistanceThreshold) {
+            params.geodesicDistanceThreshold = this.geodesicDistanceThreshold;
+        }
+        if (this.input) {
+            params.input = this.input;
+        }
+        if (this.profiles) {
+            params.profiles = this.profiles;
+        }
+        if (this.unit) {
+            params.unit = this.unit;
+        }
+        if (this.unitOptions) {
+            params.unitOptions = this.unitOptions;
+        }
+        if (this.visibleElements) {
+            params.visibleElements = this.visibleElements;
+        }
+        return params;
+    }
+    get el() { return index.getElement(this); }
+    static get watchers() { return {
+        "referenceElement": ["referenceElementWatcher"],
+        "geodesicDistanceThreshold": ["geodesicDistanceThresholdWatcher"],
+        "input": ["inputWatcher"],
+        "profiles": ["profilesWatcher"],
+        "position": ["positionWatcher"],
+        "unit": ["unitWatcher"],
+        "unitOptions": ["unitOptionsWatcher"],
+        "visibleElements": ["visibleElementsWatcher"],
+        "view": ["viewWatcher"]
+    }; }
 };
-ArcgisElevationProfile.style = arcgisElevationProfileCss;
+ArcgisElevationProfile.style = elevationProfileCss;
 
 exports.arcgis_elevation_profile = ArcgisElevationProfile;
+
+//# sourceMappingURL=arcgis-elevation-profile.cjs.entry.js.map

package/dist/cjs/arcgis-elevation-profile.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"arcgis-elevation-profile.entry.cjs.js","mappings":";;;;;;;;;AAAA,MAAM,mBAAmB,GAAG,EAAE;;MCmBjB,sBAAsB;;;;QAsGjC,kBAAa,GAAyB,EAAE,CAAC;;;;;wBAjDtB,aAAa;0BASX,KAAK;;;;;;;IAxC1B,uBAAuB,CAAC,QAAyC;QAC/DA,qCAAsB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;KACxC;IAKD,gCAAgC,CAAC,KAA0D;QACzF,IAAI,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE;YACtC,IAAI,CAAC,MAAM,CAAC,yBAAyB,GAAG,KAAK,CAAC;SAC/C;KACF;IAKD,YAAY,CAAC,KAAsC;QACjD,IAAI,KAAK,IAAI,IAAI,CAAC,MAAM,EAAE;YACxB,IAAI,CAAC,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC;SAC3B;KACF;IAKD,eAAe,CAAC,KAAyC;QACvD,IAAI,KAAK,IAAI,IAAI,CAAC,MAAM,EAAE;YACxB,IAAI,CAAC,MAAM,CAAC,QAAQ,GAAG,KAAK,CAAC;SAC9B;KACF;IAKD,eAAe,CAAC,QAAgB;QAC9B,IAAI,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE;YACzC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;SAC7C;KACF;IAOD,WAAW,CAAC,KAAqC;QAC/C,IAAI,KAAK,IAAI,IAAI,CAAC,MAAM,EAAE;YACxB,IAAI,CAAC,MAAM,CAAC,IAAI,GAAG,KAAK,CAAC;SAC1B;KACF;IAKD,kBAAkB,CAAC,KAA4C;QAC7D,IAAI,KAAK,IAAI,IAAI,CAAC,MAAM,EAAE;YACxB,IAAI,CAAC,MAAM,CAAC,WAAW,GAAG,KAAK,CAAC;SACjC;KACF;IAKD,sBAAsB,CAAC,KAAgD;QACrE,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,IAAI,CAAC,MAAM,CAAC,eAAe,GAAG,KAAK,CAAC;SACrC;KACF;IAKD,WAAW,CAAC,QAAyB;QACnC,IAAI,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE;YACzC,IAAI,CAAC,MAAM,CAAC,IAAI,GAAG,QAAQ,CAAC;SAC7B;KACF;;;;;;IAoBD,MAAM,gBAAgB;QACpB,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;QAEpC,MAAM,MAAM,GAAG,MAAMC,kCAA0B,CAAC,MAAM,CAAC,CAAC;QAExD,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QAErB,MAAM,IAAI,CAAC,YAAY,EAAE,CAAC;QAE1B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;QAE/CC,2BAAY,CAAC,IAAI,CAAC,CAAC;KACpB;IAED,oBAAoB;QAClBC,iCAAoB,CAAC,IAAI,CAAC,CAAC;KAC5B;IAED,MAAM;QACJ,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB,QACEC,2BAAe,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,UAAU,GAAG,EAAG,CAAC,IAC1EA,iBAAK,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,SAAS,GAAG,EAAG,CAAC,GAAQ,CAClC,EAChB;SACH;QACD,OAAOA,iBAAK,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,SAAS,GAAG,EAAG,CAAC,GAAQ,CAAC;KACzD;;;;;;IAOO,MAAM,YAAY;QACxB,MAAM,EAAE,KAAK,EAAE,GAAG,MAAMC,+BAAuB,EAAE,CAAC;QAElDC,yBAAU,CACR,IAAI,EACJ,KAAK,CACH,MAAM,IAAI,CAAC,MAAM,CAAC,KAAK,EACvB,OAAO,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,EACtC;YACE,OAAO,EAAE,IAAI;SACd,CACF,CACF,CAAC;KACH;IAEO,aAAa;QACnB,MAAM,MAAM,GAAoC;YAC9C,SAAS,EAAE,IAAI,CAAC,SAAS;SAC1B,CAAC;QAEF,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;SACzB;QAED,IAAI,IAAI,CAAC,yBAAyB,EAAE;YAClC,MAAM,CAAC,yBAAyB,GAAG,IAAI,CAAC,yBAAyB,CAAC;SACnE;QAED,IAAI,IAAI,CAAC,KAAK,EAAE;YACd,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;SAC3B;QAED,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,MAAM,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;SACjC;QAED,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;SACzB;QAED,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,MAAM,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC;SACvC;QAED,IAAI,IAAI,CAAC,eAAe,EAAE;YACxB,MAAM,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC;SAC/C;QAED,OAAO,MAAM,CAAC;KACf;;;;;;;;;;;;;;;;;;","names":["referenceElementHelper","newWidgetsElevationProfile","checkForView","onDisconnectedHelper","h","importCoreReactiveUtils","addHandles"],"sources":["src/components/elevation-profile/elevation-profile.css?tag=arcgis-elevation-profile","src/components/elevation-profile/elevation-profile.tsx"],"sourcesContent":["","import type { EventEmitter, VNode } from \"@stencil/core\";\nimport { Component, Element, Event, Prop, 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 type { ArcgisReferenceElement } from \"../../utils/component-utils\";\nimport { addHandles, checkForView, referenceElementHelper } from \"../../utils/component-utils\";\nimport { onDisconnectedHelper } from \"../../utils/disconnected\";\nimport type { ExpandableComponent } from \"../../utils/expandable\";\nimport type { 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!)}>\n          <div ref={(el) => (this.childElem = el!)}></div>\n        </arcgis-expand>\n      );\n    }\n    return <div ref={(el) => (this.childElem = el!)}></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/cjs/arcgis-feature-form.cjs.entry.js

@@ -2,35 +2,148 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-6b51d5a0.js');
-const index$1 = require('./index-bfda1cdc.js');
+const index = require('./index-fbce570d.js');
+const index$1 = require('./index-09a0e90f.js');
+const componentUtils = require('./component-utils-48cee518.js');
+const disconnected = require('./disconnected-4490368b.js');
 
-const arcgisFeatureFormCss = "";
+const featureFormCss = "";
 
 const ArcgisFeatureForm = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.widgetReady = index.createEvent(this, "widgetReady", 7);
-    this.referenceElement = undefined;
-    this.position = "bottom-left";
-    this.expandable = false;
-    this.widget = undefined;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  //--------------------------------------------------------------------------
-  async componentDidLoad() {
-    const params = {
-      container: this.childElem
-    };
-    const widget = await index$1.newWidgetsFeatureForm(params);
-    this.widget = widget;
-    this.widgetReady.emit({ widget: this.widget });
-  }
-  get el() { return index.getElement(this); }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.widgetReady = index.createEvent(this, "widgetReady", 7);
+        this.featureFormSubmit = index.createEvent(this, "featureFormSubmit", 7);
+        this.featureFormValueChange = index.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) {
+        componentUtils.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 = this._createParams();
+        const widget = await index$1.newWidgetsFeatureForm(params);
+        this.widget = widget;
+        this._proxyEvents();
+        this.widgetReady.emit({ widget: this.widget });
+    }
+    disconnectedCallback() {
+        disconnected.onDisconnectedHelper(this);
+    }
+    render() {
+        if (this.expandable) {
+            return (index.h("arcgis-expand", { position: this.position, ref: (el) => (this.expandElem = el) }, index.h("div", { ref: (el) => (this.childElem = el) })));
+        }
+        return index.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 index.getElement(this); }
+    static get watchers() { return {
+        "referenceElement": ["referenceElementWatcher"],
+        "position": ["positionWatcher"],
+        "feature": ["featureWatcher"],
+        "formTemplate": ["formTemplateWatcher"],
+        "groupDisplay": ["groupDisplayWatcher"],
+        "layer": ["layerWatcher"],
+        "timeZone": ["timeZoneWatcher"],
+        "view": ["viewWatcher"]
+    }; }
 };
-ArcgisFeatureForm.style = arcgisFeatureFormCss;
+ArcgisFeatureForm.style = featureFormCss;
 
 exports.arcgis_feature_form = ArcgisFeatureForm;
+
+//# sourceMappingURL=arcgis-feature-form.cjs.entry.js.map

package/dist/cjs/arcgis-feature-form.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"arcgis-feature-form.entry.cjs.js","mappings":"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","names":["referenceElementHelper","newWidgetsFeatureForm","onDisconnectedHelper","h"],"sources":["src/components/feature-form/feature-form.css?tag=arcgis-feature-form","src/components/feature-form/feature-form.tsx"],"sourcesContent":["","import type { EventEmitter, VNode } from \"@stencil/core\";\nimport { Component, Element, Event, Method, Prop, Watch, h } from \"@stencil/core\";\n\n// arcgis imports\nimport { newWidgetsFeatureForm } from \"@arcgis/core-adapter\";\nimport type FeatureForm from \"@arcgis/core/widgets/FeatureForm\";\nimport type { ArcgisReferenceElement } from \"../../utils/component-utils\";\nimport { referenceElementHelper } from \"../../utils/component-utils\";\nimport { onDisconnectedHelper } from \"../../utils/disconnected\";\nimport type { ExpandableComponent } from \"../../utils/expandable\";\nimport type { 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!)}>\n          <div ref={(el) => (this.childElem = el!)}></div>\n        </arcgis-expand>\n      );\n    }\n    return <div ref={(el) => (this.childElem = el!)}></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}