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

package/dist/components/mapping-utils.js

@@ -1,5 +1,5 @@
 function disableNavigation(view) {
-  if (view.type === '2d') {
+  if (view.type === "2d") {
     view.constraints.rotationEnabled = false;
   }
   view.popup.dockEnabled = true;
@@ -11,22 +11,22 @@ function disableNavigation(view) {
     event.stopPropagation();
   }
   // exlude the zoom widget from the default UI
-  view.ui.components = ['attribution'];
+  view.ui.components = ["attribution"];
   // disable mouse wheel scroll zooming on the view
-  view.on('mouse-wheel', stopEvtPropagation);
+  view.on("mouse-wheel", stopEvtPropagation);
   // disable zooming via double-click on the view
-  view.on('double-click', stopEvtPropagation);
+  view.on("double-click", stopEvtPropagation);
   // disable zooming out via double-click + Control on the view
-  view.on('double-click', ['Control'], stopEvtPropagation);
+  view.on("double-click", ["Control"], stopEvtPropagation);
   // disables pinch-zoom and panning on the view
-  view.on('drag', stopEvtPropagation);
+  view.on("drag", stopEvtPropagation);
   // disable the view's zoom box to prevent the Shift + drag
   // and Shift + Control + drag zoom gestures.
-  view.on('drag', ['Shift'], stopEvtPropagation);
-  view.on('drag', ['Shift', 'Control'], stopEvtPropagation);
+  view.on("drag", ["Shift"], stopEvtPropagation);
+  view.on("drag", ["Shift", "Control"], stopEvtPropagation);
   // prevents zooming with the + and - keys
-  view.on('key-down', event => {
-    const prohibitedKeys = ['+', '-', 'Shift', '_', '=', 'ArrowUp', 'ArrowDown', 'ArrowRight', 'ArrowLeft'];
+  view.on("key-down", (event) => {
+    const prohibitedKeys = ["+", "-", "Shift", "_", "=", "ArrowUp", "ArrowDown", "ArrowRight", "ArrowLeft"];
     const keyPressed = event.key;
     if (prohibitedKeys.indexOf(keyPressed) !== -1) {
       event.stopPropagation();
@@ -36,3 +36,5 @@ function disableNavigation(view) {
 }
 
 export { disableNavigation as d };
+
+//# sourceMappingURL=mapping-utils.js.map

package/dist/components/mapping-utils.js.map

@@ -0,0 +1 @@
+{"file":"mapping-utils.js","mappings":"SAEgB,iBAAiB,CAAC,IAAqC;EACrE,IAAI,IAAI,CAAC,IAAI,KAAK,IAAI,EAAE;IACtB,IAAI,CAAC,WAAW,CAAC,eAAe,GAAG,KAAK,CAAC;GAC1C;EAED,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,IAAI,CAAC;;EAG9B,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC;EAC/B,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,qBAAqB,GAAG,KAAK,CAAC;;EAGnD,SAAS,kBAAkB,CACzB,KAA8G;IAE9G,KAAK,CAAC,eAAe,EAAE,CAAC;GACzB;;EAGD,IAAI,CAAC,EAAE,CAAC,UAAU,GAAG,CAAC,aAAa,CAAC,CAAC;;EAGrC,IAAI,CAAC,EAAE,CAAC,aAAa,EAAE,kBAAkB,CAAC,CAAC;;EAG3C,IAAI,CAAC,EAAE,CAAC,cAAc,EAAE,kBAAkB,CAAC,CAAC;;EAG5C,IAAI,CAAC,EAAE,CAAC,cAAc,EAAE,CAAC,SAAS,CAAC,EAAE,kBAAkB,CAAC,CAAC;;EAGzD,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;;;EAIpC,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,OAAO,CAAC,EAAE,kBAAkB,CAAC,CAAC;EAC/C,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,EAAE,kBAAkB,CAAC,CAAC;;EAG1D,IAAI,CAAC,EAAE,CAAC,UAAU,EAAE,CAAC,KAAK;IACxB,MAAM,cAAc,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC,CAAC;IACxG,MAAM,UAAU,GAAG,KAAK,CAAC,GAAG,CAAC;IAC7B,IAAI,cAAc,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,EAAE;MAC7C,KAAK,CAAC,eAAe,EAAE,CAAC;KACzB;GACF,CAAC,CAAC;EAEH,OAAO,IAAI,CAAC;AACd;;;;","names":[],"sources":["src/utils/mapping-utils.ts"],"sourcesContent":["import { ArcGISMapView, ArcGISSceneView } from \"../components/types\";\n\nexport function disableNavigation(view: ArcGISMapView | ArcGISSceneView): ArcGISMapView | ArcGISSceneView {\n  if (view.type === \"2d\") {\n    view.constraints.rotationEnabled = false;\n  }\n\n  view.popup.dockEnabled = true;\n\n  // Removes the zoom action on the popup\n  view.popup.actions.removeAll();\n  view.popup.viewModel.includeDefaultActions = false;\n\n  // stops propagation of default behavior when an event fires\n  function stopEvtPropagation(\n    event: __esri.ViewMouseWheelEvent | __esri.ViewClickEvent | __esri.ViewDoubleClickEvent | __esri.ViewDragEvent\n  ) {\n    event.stopPropagation();\n  }\n\n  // exlude the zoom widget from the default UI\n  view.ui.components = [\"attribution\"];\n\n  // disable mouse wheel scroll zooming on the view\n  view.on(\"mouse-wheel\", stopEvtPropagation);\n\n  // disable zooming via double-click on the view\n  view.on(\"double-click\", stopEvtPropagation);\n\n  // disable zooming out via double-click + Control on the view\n  view.on(\"double-click\", [\"Control\"], stopEvtPropagation);\n\n  // disables pinch-zoom and panning on the view\n  view.on(\"drag\", stopEvtPropagation);\n\n  // disable the view's zoom box to prevent the Shift + drag\n  // and Shift + Control + drag zoom gestures.\n  view.on(\"drag\", [\"Shift\"], stopEvtPropagation);\n  view.on(\"drag\", [\"Shift\", \"Control\"], stopEvtPropagation);\n\n  // prevents zooming with the + and - keys\n  view.on(\"key-down\", (event) => {\n    const prohibitedKeys = [\"+\", \"-\", \"Shift\", \"_\", \"=\", \"ArrowUp\", \"ArrowDown\", \"ArrowRight\", \"ArrowLeft\"];\n    const keyPressed = event.key;\n    if (prohibitedKeys.indexOf(keyPressed) !== -1) {\n      event.stopPropagation();\n    }\n  });\n\n  return view;\n}\n"],"version":3}

package/dist/esm/arcgis-area-measurement-2d.entry.js

@@ -1,14 +1,15 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
-import { g as newWidgetsAreaMeasurement2D, c as importCoreReactiveUtils } from './index-334b0bde.js';
-import { r as referenceElementHelper, c as checkForView } from './component-utils-2ebdae59.js';
-import { o as onDisconnectedHelper } from './disconnected-bc5fc8bc.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-05f887cd.js';
+import { e as newWidgetsAreaMeasurement2D, i as importCoreReactiveUtils } from './index-fd2cea51.js';
+import { r as referenceElementHelper, c as checkForView, a as addHandles } from './component-utils-42a79acb.js';
+import { o as onDisconnectedHelper } from './disconnected-bf72f8e5.js';
 
-const arcgisAreaMeasurement2dCss = "";
+const areaMeasurement2dCss = "";
 
 const ArcgisAreaMeasurement2d = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.position = "bottom-left";
     this.expandable = false;
@@ -17,11 +18,9 @@ const ArcgisAreaMeasurement2d = class {
     this.view = undefined;
     this.widget = undefined;
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Watchers
-  //
-  //--------------------------------------------------------------------------
+  referenceElementWatcher(newValue) {
+    referenceElementHelper(this, newValue);
+  }
   positionWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
       if (typeof this.view !== "string") {
@@ -29,8 +28,10 @@ const ArcgisAreaMeasurement2d = class {
       }
     }
   }
-  referenceElementWatcher(newValue) {
-    referenceElementHelper(this, newValue);
+  unitWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.unit = newValue;
+    }
   }
   viewWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
@@ -66,9 +67,9 @@ const ArcgisAreaMeasurement2d = class {
   //--------------------------------------------------------------------------
   async _addWatchers() {
     const { watch } = await importCoreReactiveUtils();
-    watch(() => this.widget.unit, (value) => (this.unit = value), {
+    addHandles(this, watch(() => this.widget.unit, (value) => (this.unit = value), {
       initial: true
-    });
+    }));
   }
   _createParams() {
     const params = {
@@ -87,11 +88,14 @@ const ArcgisAreaMeasurement2d = class {
   }
   get el() { return getElement(this); }
   static get watchers() { return {
-    "position": ["positionWatcher"],
     "referenceElement": ["referenceElementWatcher"],
+    "position": ["positionWatcher"],
+    "unit": ["unitWatcher"],
     "view": ["viewWatcher"]
   }; }
 };
-ArcgisAreaMeasurement2d.style = arcgisAreaMeasurement2dCss;
+ArcgisAreaMeasurement2d.style = areaMeasurement2dCss;
 
 export { ArcgisAreaMeasurement2d as arcgis_area_measurement_2d };
+
+//# sourceMappingURL=arcgis-area-measurement-2d.entry.js.map

package/dist/esm/arcgis-area-measurement-2d.entry.js.map

@@ -0,0 +1 @@
+{"file":"arcgis-area-measurement-2d.entry.js","mappings":";;;;;AAAA,MAAM,oBAAoB,GAAG,EAAE;;MCiBlB,uBAAuB;;;;IA6DlC,kBAAa,GAAyB,EAAE,CAAC;;oBAnCtB,aAAa;sBAWX,KAAK;;;;;;EAf1B,uBAAuB,CAAC,QAAyC;IAC/D,sBAAsB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;GACxC;EAKD,eAAe,CAAC,QAAgB;IAC9B,IAAI,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE;MACzC,IAAI,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE;QACjC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;OAC7C;KACF;GACF;EAOD,WAAW,CAAC,QAAyC;IACnD,IAAI,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE;MACzC,IAAI,CAAC,MAAM,CAAC,IAAI,GAAG,QAAQ,CAAC;KAC7B;GACF;EAOD,WAAW,CAAC,QAAuB;IACjC,IAAI,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE;MACzC,IAAI,CAAC,MAAM,CAAC,IAAI,GAAG,QAAQ,CAAC;KAC7B;GACF;;;;;;EAoBD,MAAM,gBAAgB;IACpB,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;IAEpC,MAAM,MAAM,GAAG,MAAM,2BAA2B,CAAC,MAAM,CAAC,CAAC;IAEzD,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;IAErB,MAAM,IAAI,CAAC,YAAY,EAAE,CAAC;IAE1B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;IAE/C,YAAY,CAAC,IAAI,CAAC,CAAC;GACpB;EAED,oBAAoB;IAClB,oBAAoB,CAAC,IAAI,CAAC,CAAC;GAC5B;EAED,MAAM;IACJ,IAAI,IAAI,CAAC,UAAU,EAAE;MACnB,QACE,qBAAe,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,UAAU,GAAG,EAA6B,CAAC,IACpG,WAAK,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,SAAS,GAAG,EAAoB,CAAC,GAAQ,CACnD,EAChB;KACH;IACD,OAAO,WAAK,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,SAAS,GAAG,EAAoB,CAAC,GAAQ,CAAC;GAC1E;;;;;;EAOO,MAAM,YAAY;IACxB,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,uBAAuB,EAAE,CAAC;IAElD,UAAU,CACR,IAAI,EACJ,KAAK,CACH,MAAM,IAAI,CAAC,MAAM,CAAC,IAAI,EACtB,CAAC,KAAK,MAAM,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,EAC9B;MACE,OAAO,EAAE,IAAI;KACd,CACF,CACF,CAAC;GACH;EAEO,aAAa;IACnB,MAAM,MAAM,GAAqC;MAC/C,SAAS,EAAE,IAAI,CAAC,SAAS;KAC1B,CAAC;IAEF,IAAI,IAAI,CAAC,IAAI,EAAE;MACb,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;KACzB;IAED,IAAI,IAAI,CAAC,IAAI,EAAE;MACb,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;KACzB;IAED,IAAI,IAAI,CAAC,WAAW,EAAE;MACpB,MAAM,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC;KACvC;IAED,OAAO,MAAM,CAAC;GACf;;;;;;;;;;;;;","names":[],"sources":["src/components/area-measurement-2d/area-measurement-2d.css?tag=arcgis-area-measurement-2d","src/components/area-measurement-2d/area-measurement-2d.tsx"],"sourcesContent":["","import { Component, Element, Event, EventEmitter, h, Prop, VNode, Watch } from \"@stencil/core\";\n\n// arcgis imports\nimport { importCoreReactiveUtils, newWidgetsAreaMeasurement2D } from \"@arcgis/core-adapter\";\nimport type AreaMeasurement2D from \"@arcgis/core/widgets/AreaMeasurement2D\";\nimport { addHandles, ArcgisReferenceElement, checkForView, referenceElementHelper } from \"../../utils/component-utils\";\nimport { onDisconnectedHelper } from \"../../utils/disconnected\";\nimport { ExpandableComponent } from \"../../utils/expandable\";\nimport { ArcGISMapView } from \"../types\";\n\nexport type AreaMeasurement2DWidget = InstanceType<typeof AreaMeasurement2D>;\n\n@Component({\n  tag: \"arcgis-area-measurement-2d\",\n  styleUrl: \"area-measurement-2d.css\",\n  shadow: false\n})\nexport class ArcgisAreaMeasurement2d 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() position = \"bottom-left\";\n\n  @Watch(\"position\")\n  positionWatcher(newValue: string): void {\n    if (newValue !== undefined && this.widget) {\n      if (typeof this.view !== \"string\") {\n        this.view.ui.move(this.childElem, newValue);\n      }\n    }\n  }\n\n  @Prop() expandable = false;\n\n  @Prop({ mutable: true }) unit: AreaMeasurement2DWidget[\"unit\"];\n\n  @Watch(\"unit\")\n  unitWatcher(newValue: AreaMeasurement2DWidget[\"unit\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.unit = newValue;\n    }\n  }\n\n  @Prop() unitOptions: AreaMeasurement2DWidget[\"unitOptions\"];\n\n  @Prop({ mutable: true }) view: ArcGISMapView;\n\n  @Watch(\"view\")\n  viewWatcher(newValue: ArcGISMapView): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.view = newValue;\n    }\n  }\n\n  @Prop({ mutable: true }) widget: AreaMeasurement2DWidget;\n\n  _watchHandles: __esri.WatchHandle[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  @Event({ cancelable: true }) widgetReady: EventEmitter<{ widget: __esri.AreaMeasurement2D }>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentDidLoad(): Promise<void> {\n    const params = this._createParams();\n\n    const widget = await newWidgetsAreaMeasurement2D(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.unit,\n        (value) => (this.unit = value),\n        {\n          initial: true\n        }\n      )\n    );\n  }\n\n  private _createParams(): Partial<AreaMeasurement2DWidget> {\n    const params: Partial<AreaMeasurement2DWidget> = {\n      container: this.childElem\n    };\n\n    if (this.view) {\n      params.view = this.view;\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    return params;\n  }\n}\n"],"version":3}

package/dist/esm/arcgis-area-measurement-3d.entry.js

@@ -1,14 +1,15 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
-import { h as newWidgetsAreaMeasurement3D } from './index-334b0bde.js';
-import { r as referenceElementHelper, c as checkForView } from './component-utils-2ebdae59.js';
-import { o as onDisconnectedHelper } from './disconnected-bc5fc8bc.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-05f887cd.js';
+import { f as newWidgetsAreaMeasurement3D } from './index-fd2cea51.js';
+import { r as referenceElementHelper, c as checkForView } from './component-utils-42a79acb.js';
+import { o as onDisconnectedHelper } from './disconnected-bf72f8e5.js';
 
-const arcgisAreaMeasurement3dCss = "";
+const areaMeasurement3dCss = "";
 
 const ArcgisAreaMeasurement3d = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.position = "bottom-left";
     this.expandable = false;
@@ -17,11 +18,9 @@ const ArcgisAreaMeasurement3d = class {
     this.view = undefined;
     this.widget = undefined;
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Watchers
-  //
-  //--------------------------------------------------------------------------
+  referenceElementWatcher(newValue) {
+    referenceElementHelper(this, newValue);
+  }
   positionWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
       if (typeof this.view !== "string") {
@@ -29,8 +28,10 @@ const ArcgisAreaMeasurement3d = class {
       }
     }
   }
-  referenceElementWatcher(newValue) {
-    referenceElementHelper(this, newValue);
+  unitWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.unit = newValue;
+    }
   }
   viewWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
@@ -80,11 +81,14 @@ const ArcgisAreaMeasurement3d = class {
   }
   get el() { return getElement(this); }
   static get watchers() { return {
-    "position": ["positionWatcher"],
     "referenceElement": ["referenceElementWatcher"],
+    "position": ["positionWatcher"],
+    "unit": ["unitWatcher"],
     "view": ["viewWatcher"]
   }; }
 };
-ArcgisAreaMeasurement3d.style = arcgisAreaMeasurement3dCss;
+ArcgisAreaMeasurement3d.style = areaMeasurement3dCss;
 
 export { ArcgisAreaMeasurement3d as arcgis_area_measurement_3d };
+
+//# sourceMappingURL=arcgis-area-measurement-3d.entry.js.map

package/dist/esm/arcgis-area-measurement-3d.entry.js.map

@@ -0,0 +1 @@
+{"file":"arcgis-area-measurement-3d.entry.js","mappings":";;;;;AAAA,MAAM,oBAAoB,GAAG,EAAE;;MCiBlB,uBAAuB;;;;IAuDlC,kBAAa,GAAyB,EAAE,CAAC;;oBAnCtB,aAAa;sBAWX,KAAK;;;;;;EAf1B,uBAAuB,CAAC,QAAyC;IAC/D,sBAAsB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;GACxC;EAKD,eAAe,CAAC,QAAgB;IAC9B,IAAI,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE;MACzC,IAAI,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE;QACjC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;OAC7C;KACF;GACF;EAOD,WAAW,CAAC,QAAyC;IACnD,IAAI,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE;MACzC,IAAI,CAAC,MAAM,CAAC,IAAI,GAAG,QAAQ,CAAC;KAC7B;GACF;EAOD,WAAW,CAAC,QAAyB;IACnC,IAAI,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE;MACzC,IAAI,CAAC,MAAM,CAAC,IAAI,GAAG,QAAQ,CAAC;KAC7B;GACF;;;;;;EAoBD,MAAM,gBAAgB;IACpB,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;IAEpC,MAAM,MAAM,GAAG,MAAM,2BAA2B,CAAC,MAAM,CAAC,CAAC;IAEzD,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;IAErB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;IAE/C,YAAY,CAAC,IAAI,CAAC,CAAC;GACpB;EAED,oBAAoB;IAClB,oBAAoB,CAAC,IAAI,CAAC,CAAC;GAC5B;EAED,MAAM;IACJ,IAAI,IAAI,CAAC,UAAU,EAAE;MACnB,QACE,qBAAe,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,UAAU,GAAG,EAA6B,CAAC,IACpG,WAAK,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,SAAS,GAAG,EAAoB,CAAC,GAAQ,CACnD,EAChB;KACH;IACD,OAAO,WAAK,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,SAAS,GAAG,EAAoB,CAAC,GAAQ,CAAC;GAC1E;;;;;;EAOO,aAAa;IACnB,MAAM,MAAM,GAAqC;MAC/C,SAAS,EAAE,IAAI,CAAC,SAAS;KAC1B,CAAC;IAEF,IAAI,IAAI,CAAC,IAAI,EAAE;MACb,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;KACzB;IAED,IAAI,IAAI,CAAC,IAAI,EAAE;MACb,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;KACzB;IAED,IAAI,IAAI,CAAC,WAAW,EAAE;MACpB,MAAM,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC;KACvC;IAED,OAAO,MAAM,CAAC;GACf;;;;;;;;;;;;;","names":[],"sources":["src/components/area-measurement-3d/area-measurement-3d.css?tag=arcgis-area-measurement-3d","src/components/area-measurement-3d/area-measurement-3d.tsx"],"sourcesContent":["","import { Component, Element, Event, EventEmitter, Prop, VNode, Watch, h } from \"@stencil/core\";\n\n// arcgis imports\nimport { newWidgetsAreaMeasurement3D } from \"@arcgis/core-adapter\";\nimport type AreaMeasurement3D from \"@arcgis/core/widgets/AreaMeasurement3D\";\nimport { ArcgisReferenceElement, checkForView, referenceElementHelper } from \"../../utils/component-utils\";\nimport { onDisconnectedHelper } from \"../../utils/disconnected\";\nimport { ExpandableComponent } from \"../../utils/expandable\";\nimport { ArcGISSceneView } from \"../types\";\n\nexport type AreaMeasurement3DWidget = InstanceType<typeof AreaMeasurement3D>;\n\n@Component({\n  tag: \"arcgis-area-measurement-3d\",\n  styleUrl: \"area-measurement-3d.css\",\n  shadow: false\n})\nexport class ArcgisAreaMeasurement3d 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      if (typeof this.view !== \"string\") {\n        this.view.ui.move(this.childElem, newValue);\n      }\n    }\n  }\n\n  @Prop() expandable = false;\n\n  @Prop({ mutable: true }) unit: AreaMeasurement3DWidget[\"unit\"];\n\n  @Watch(\"unit\")\n  unitWatcher(newValue: AreaMeasurement3DWidget[\"unit\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.unit = newValue;\n    }\n  }\n\n  @Prop() unitOptions: AreaMeasurement3DWidget[\"unitOptions\"];\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: AreaMeasurement3DWidget;\n\n  _watchHandles: __esri.WatchHandle[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  // Events\n  //\n  //--------------------------------------------------------------------------\n\n  @Event({ cancelable: true }) widgetReady: EventEmitter<{ widget: __esri.AreaMeasurement3D }>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentDidLoad(): Promise<void> {\n    const params = this._createParams();\n\n    const widget = await newWidgetsAreaMeasurement3D(params);\n\n    this.widget = widget;\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 _createParams(): Partial<AreaMeasurement3DWidget> {\n    const params: Partial<AreaMeasurement3DWidget> = {\n      container: this.childElem\n    };\n\n    if (this.view) {\n      params.view = this.view;\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    return params;\n  }\n}\n"],"version":3}

package/dist/esm/arcgis-attachments.entry.js

@@ -1,29 +1,45 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
-import { j as newWidgetsAttachments } from './index-334b0bde.js';
-import { c as checkForExpand, o as onDisconnectedHelper } from './disconnected-bc5fc8bc.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-05f887cd.js';
+import { g as newWidgetsAttachments, i as importCoreReactiveUtils } from './index-fd2cea51.js';
+import { b as checkForExpand, a as addHandles } from './component-utils-42a79acb.js';
+import { o as onDisconnectedHelper } from './disconnected-bf72f8e5.js';
 
-const arcgisAttachmentsCss = "";
+const attachmentsCss = "";
 
 const ArcgisAttachments = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.position = "bottom-left";
     this.expandable = false;
+    this.capabilities = undefined;
+    this.displayType = undefined;
     this.graphic = undefined;
+    this.submitting = undefined;
+    this.visibleElements = undefined;
     this.widget = undefined;
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Watchers
-  //
-  //--------------------------------------------------------------------------
+  capabilitiesWatcher(newValue) {
+    if (this.widget) {
+      this.widget.capabilities = newValue;
+    }
+  }
+  displayTypeWatcher(newValue) {
+    if (this.widget) {
+      this.widget.displayType = newValue;
+    }
+  }
   graphicWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
+    if (this.widget) {
       this.widget.graphic = newValue;
     }
   }
+  visibleElementsWatcher(newValue) {
+    if (this.widget) {
+      this.widget.visibleElements = newValue;
+    }
+  }
   //--------------------------------------------------------------------------
   //
   //  Lifecycle
@@ -33,6 +49,7 @@ const ArcgisAttachments = class {
     const params = this._createParams();
     const widget = await newWidgetsAttachments(params);
     this.widget = widget;
+    await this._addWatchers();
     this.widgetReady.emit({ widget: this.widget });
     checkForExpand(this);
   }
@@ -50,20 +67,37 @@ const ArcgisAttachments = class {
   //  Private Methods
   //
   //--------------------------------------------------------------------------
+  async _addWatchers() {
+    const { watch } = await importCoreReactiveUtils();
+    addHandles(this, watch(() => this.widget.submitting, (value) => (this.submitting = value), {
+      initial: true
+    }));
+  }
   _createParams() {
     const params = {
       container: this.childElem
     };
+    if (this.displayType) {
+      params.displayType = this.displayType;
+    }
     if (this.graphic) {
       params.graphic = this.graphic;
     }
+    if (this.visibleElements) {
+      params.visibleElements = this.visibleElements;
+    }
     return params;
   }
   get el() { return getElement(this); }
   static get watchers() { return {
-    "graphic": ["graphicWatcher"]
+    "capabilities": ["capabilitiesWatcher"],
+    "displayType": ["displayTypeWatcher"],
+    "graphic": ["graphicWatcher"],
+    "visibleElements": ["visibleElementsWatcher"]
   }; }
 };
-ArcgisAttachments.style = arcgisAttachmentsCss;
+ArcgisAttachments.style = attachmentsCss;
 
 export { ArcgisAttachments as arcgis_attachments };
+
+//# sourceMappingURL=arcgis-attachments.entry.js.map

package/dist/esm/arcgis-attachments.entry.js.map

@@ -0,0 +1 @@
+{"file":"arcgis-attachments.entry.js","mappings":";;;;;AAAA,MAAM,cAAc,GAAG,EAAE;;MCiBZ,iBAAiB;;;;IA2D5B,kBAAa,GAAyB,EAAE,CAAC;;oBA5CtB,aAAa;sBAEX,KAAK;;;;;;;;EAK1B,mBAAmB,CAAC,QAA2C;IAC7D,IAAI,IAAI,CAAC,MAAM,EAAE;MACf,IAAI,CAAC,MAAM,CAAC,YAAY,GAAG,QAAQ,CAAC;KACrC;GACF;EAKD,kBAAkB,CAAC,QAA0C;IAC3D,IAAI,IAAI,CAAC,MAAM,EAAE;MACf,IAAI,CAAC,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;KACpC;GACF;EAKD,cAAc,CAAC,QAAuB;IACpC,IAAI,IAAI,CAAC,MAAM,EAAE;MACf,IAAI,CAAC,MAAM,CAAC,OAAO,GAAG,QAAQ,CAAC;KAChC;GACF;EAOD,sBAAsB,CAAC,QAA8C;IACnE,IAAI,IAAI,CAAC,MAAM,EAAE;MACf,IAAI,CAAC,MAAM,CAAC,eAAe,GAAG,QAAQ,CAAC;KACxC;GACF;;;;;;EAoBD,MAAM,gBAAgB;IACpB,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;IAEpC,MAAM,MAAM,GAAG,MAAM,qBAAqB,CAAC,MAAM,CAAC,CAAC;IAEnD,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;IAErB,MAAM,IAAI,CAAC,YAAY,EAAE,CAAC;IAE1B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;IAE/C,cAAc,CAAC,IAAI,CAAC,CAAC;GACtB;EAED,oBAAoB;IAClB,oBAAoB,CAAC,IAAI,CAAC,CAAC;GAC5B;EAED,MAAM;IACJ,IAAI,IAAI,CAAC,UAAU,EAAE;MACnB,QACE,qBAAe,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,UAAU,GAAG,EAA6B,CAAC,IACpG,WAAK,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,SAAS,GAAG,EAAoB,CAAC,GAAQ,CACnD,EAChB;KACH;IACD,OAAO,WAAK,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,SAAS,GAAG,EAAoB,CAAC,GAAQ,CAAC;GAC1E;;;;;;EAOO,MAAM,YAAY;IACxB,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,uBAAuB,EAAE,CAAC;IAElD,UAAU,CACR,IAAI,EACJ,KAAK,CACH,MAAM,IAAI,CAAC,MAAM,CAAC,UAAU,EAC5B,CAAC,KAAc,MAAM,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC,EAC7C;MACE,OAAO,EAAE,IAAI;KACd,CACF,CACF,CAAC;GACH;EAEO,aAAa;IACnB,MAAM,MAAM,GAA+B;MACzC,SAAS,EAAE,IAAI,CAAC,SAAS;KAC1B,CAAC;IAEF,IAAI,IAAI,CAAC,WAAW,EAAE;MACpB,MAAM,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC;KACvC;IAED,IAAI,IAAI,CAAC,OAAO,EAAE;MAChB,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;KAC/B;IAED,IAAI,IAAI,CAAC,eAAe,EAAE;MACxB,MAAM,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC;KAC/C;IAED,OAAO,MAAM,CAAC;GACf;;;;;;;;;;;;;","names":[],"sources":["src/components/attachments/attachments.css?tag=arcgis-attachments","src/components/attachments/attachments.tsx"],"sourcesContent":["","import { Component, Element, Event, EventEmitter, Prop, VNode, Watch, h } from \"@stencil/core\";\n\n// arcgis imports\nimport { importCoreReactiveUtils, newWidgetsAttachments } from \"@arcgis/core-adapter\";\nimport type Attachments from \"@arcgis/core/widgets/Attachments\";\nimport { ArcgisReferenceElement, addHandles } from \"../../utils/component-utils\";\nimport { onDisconnectedHelper } from \"../../utils/disconnected\";\nimport { ExpandableComponent, checkForExpand } from \"../../utils/expandable\";\nimport { ArcGISGraphic } from \"../types\";\n\nexport type AttachmentsWidget = InstanceType<typeof Attachments>;\n\n@Component({\n  tag: \"arcgis-attachments\",\n  styleUrl: \"attachments.css\",\n  shadow: false\n})\nexport class ArcgisAttachments 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  @Prop() position = \"bottom-left\";\n\n  @Prop() expandable = false;\n\n  @Prop() capabilities: AttachmentsWidget[\"capabilities\"];\n\n  @Watch(\"capabilities\")\n  capabilitiesWatcher(newValue: AttachmentsWidget[\"capabilities\"]): void {\n    if (this.widget) {\n      this.widget.capabilities = newValue;\n    }\n  }\n\n  @Prop() displayType: AttachmentsWidget[\"displayType\"];\n\n  @Watch(\"displayType\")\n  displayTypeWatcher(newValue: AttachmentsWidget[\"displayType\"]): void {\n    if (this.widget) {\n      this.widget.displayType = newValue;\n    }\n  }\n\n  @Prop() graphic: ArcGISGraphic;\n\n  @Watch(\"graphic\")\n  graphicWatcher(newValue: ArcGISGraphic): void {\n    if (this.widget) {\n      this.widget.graphic = newValue;\n    }\n  }\n\n  @Prop({ mutable: true }) submitting: AttachmentsWidget[\"submitting\"];\n\n  @Prop() visibleElements: AttachmentsWidget[\"visibleElements\"];\n\n  @Watch(\"visibleElements\")\n  visibleElementsWatcher(newValue: AttachmentsWidget[\"visibleElements\"]): void {\n    if (this.widget) {\n      this.widget.visibleElements = newValue;\n    }\n  }\n\n  @Prop({ mutable: true }) widget: AttachmentsWidget;\n\n  _watchHandles: __esri.WatchHandle[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  @Event({ cancelable: true }) widgetReady: EventEmitter<{ widget: __esri.Attachments }>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentDidLoad(): Promise<void> {\n    const params = this._createParams();\n\n    const widget = await newWidgetsAttachments(params);\n\n    this.widget = widget;\n\n    await this._addWatchers();\n\n    this.widgetReady.emit({ widget: this.widget });\n\n    checkForExpand(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.submitting,\n        (value: boolean) => (this.submitting = value),\n        {\n          initial: true\n        }\n      )\n    );\n  }\n\n  private _createParams(): Partial<AttachmentsWidget> {\n    const params: Partial<AttachmentsWidget> = {\n      container: this.childElem\n    };\n\n    if (this.displayType) {\n      params.displayType = this.displayType;\n    }\n\n    if (this.graphic) {\n      params.graphic = this.graphic;\n    }\n\n    if (this.visibleElements) {\n      params.visibleElements = this.visibleElements;\n    }\n\n    return params;\n  }\n}\n"],"version":3}