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

package/dist/arcgis-map-components/p-e4a12f83.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["navigationToggleCss","ArcgisNavigationToggle","this","_watchHandles","referenceElementWatcher","newValue","referenceElementHelper","layoutWatcher","undefined","widget","layout","positionWatcher","view","ui","move","childElem","viewWatcher","toggle","componentDidLoad","params","_createParams","newWidgetsNavigationToggle","widgetReady","emit","checkForView","disconnectedCallback","onDisconnectedHelper","render","h","ref","el","container"],"sources":["src/components/navigation-toggle/navigation-toggle.css?tag=arcgis-navigation-toggle","src/components/navigation-toggle/navigation-toggle.tsx"],"sourcesContent":["arcgis-navigation-toggle {\n  /* Component styles go here */\n}\n","import { Component, Element, Event, EventEmitter, h, Method, Prop, VNode, Watch } from \"@stencil/core\";\n\n// arcgis imports\nimport { newWidgetsNavigationToggle } from \"@arcgis/core-adapter\";\nimport type NavigationToggle from \"@arcgis/core/widgets/NavigationToggle\";\nimport {\n  ArcgisReferenceElement,\n  checkForView,\n  referenceElementHelper,\n  WidgetElement\n} from \"../../utils/component-utils\";\nimport { onDisconnectedHelper } from \"../../utils/disconnected\";\nimport { ArcGISSceneView } from \"../types\";\n\nexport type NavigationToggleWidget = InstanceType<typeof NavigationToggle>;\n\n@Component({\n  tag: \"arcgis-navigation-toggle\",\n  styleUrl: \"navigation-toggle.css\"\n})\nexport class ArcgisNavigationToggle implements WidgetElement {\n  //--------------------------------------------------------------------------\n  //\n  //  Elements\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLDivElement;\n\n  childElem: HTMLDivElement;\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, reflect: true }) layout: NavigationToggleWidget[\"layout\"];\n\n  @Watch(\"layout\")\n  layoutWatcher(newValue: NavigationToggleWidget[\"layout\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.layout = newValue;\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({ 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: NavigationToggleWidget;\n\n  _watchHandles: __esri.WatchHandle[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  @Event({ cancelable: true }) widgetReady: EventEmitter<{ widget: __esri.NavigationToggle }>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Watchers\n  //\n  //--------------------------------------------------------------------------\n\n  @Method()\n  async toggle(): Promise<void> {\n    return this.widget?.toggle();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentDidLoad(): Promise<void> {\n    const params = this._createParams();\n\n    const widget = await newWidgetsNavigationToggle(params);\n\n    this.widget = widget;\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    return <div ref={(el) => (this.childElem = el as HTMLDivElement)}></div>;\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private _createParams(): Partial<NavigationToggleWidget> {\n    const params: Partial<NavigationToggleWidget> = {\n      container: this.childElem\n    };\n\n    if (this.view) {\n      params.view = this.view;\n    }\n\n    return params;\n  }\n}\n"],"mappings":"uKAAA,MAAMA,EAAsB,6B,MCoBfC,EAAsB,M,kEAqDjCC,KAAAC,cAAsC,G,oEApBnB,c,0CAbnB,uBAAAC,CAAwBC,GACtBC,EAAuBJ,KAAMG,E,CAM/B,aAAAE,CAAcF,GACZ,GAAIA,IAAaG,WAAaN,KAAKO,OAAQ,CACzCP,KAAKO,OAAOC,OAASL,C,EAOzB,eAAAM,CAAgBN,GACd,GAAIA,IAAaG,WAAaN,KAAKO,OAAQ,CACzCP,KAAKU,KAAKC,GAAGC,KAAKZ,KAAKa,UAAWV,E,EAOtC,WAAAW,CAAYX,GACV,GAAIA,IAAaG,WAAaN,KAAKO,OAAQ,CACzCP,KAAKO,OAAOG,KAAOP,C,EAuBvB,YAAMY,GACJ,OAAOf,KAAKO,QAAQQ,Q,CAStB,sBAAMC,GACJ,MAAMC,EAASjB,KAAKkB,gBAEpB,MAAMX,QAAeY,EAA2BF,GAEhDjB,KAAKO,OAASA,EACdP,KAAKoB,YAAYC,KAAK,CAAEd,OAAQP,KAAKO,SAErCe,EAAatB,K,CAGf,oBAAAuB,GACEC,EAAqBxB,K,CAGvB,MAAAyB,GACE,OAAOC,EAAA,OAAKC,IAAMC,GAAQ5B,KAAKa,UAAYe,G,CAQrC,aAAAV,GACN,MAAMD,EAA0C,CAC9CY,UAAW7B,KAAKa,WAGlB,GAAIb,KAAKU,KAAM,CACbO,EAAOP,KAAOV,KAAKU,I,CAGrB,OAAOO,C"}

package/dist/arcgis-map-components/p-ee414323.entry.js

@@ -0,0 +1,2 @@
+import{r as i,c as e,h as t,g as s}from"./p-dbc82e69.js";import{Y as n}from"./p-530503e3.js";import{r,c as a}from"./p-07e7d7b2.js";import{o as h}from"./p-4280d545.js";const d="arcgis-swipe{}";const c=class{constructor(t){i(this,t);this.widgetReady=e(this,"widgetReady",7);this._watchHandles=[];this.referenceElement=undefined;this.direction=undefined;this.dragLabel=undefined;this.leadingLayers=undefined;this.swipePosition=undefined;this.trailingLayers=undefined;this.view=undefined;this.position="bottom-left";this.widget=undefined}directionWatcher(i){if(i!==undefined&&this.widget){this.widget.direction=i}}dragLabelWatcher(i){if(i!==undefined&&this.widget){this.widget.dragLabel=i}}leadingLayersWatcher(i){if(i!==undefined&&this.widget){this.widget.leadingLayers=i}}swipePositionWatcher(i){if(i!==undefined&&this.widget){this.widget.position=i}}trailingLayersWatcher(i){if(i!==undefined&&this.widget){this.widget.trailingLayers=i}}positionWatcher(i){if(i!==undefined&&this.widget){if(typeof this.view!=="string"){this.view.ui.move(this.childElem,i)}}}referenceElementWatcher(i){r(this,i)}viewWatcher(i){if(i!==undefined&&this.widget){this.widget.view=i}}async componentDidLoad(){const i=this._createParams();const e=await n(i);this.widget=e;this.widgetReady.emit({widget:this.widget});a(this)}disconnectedCallback(){h(this)}render(){return t("div",{ref:i=>this.childElem=i})}_createParams(){const i={container:this.childElem};if(this.view){i.view=this.view}return i}get el(){return s(this)}static get watchers(){return{direction:["directionWatcher"],dragLabel:["dragLabelWatcher"],leadingLayers:["leadingLayersWatcher"],swipePosition:["swipePositionWatcher"],trailingLayers:["trailingLayersWatcher"],position:["positionWatcher"],referenceElement:["referenceElementWatcher"],view:["viewWatcher"]}}};c.style=d;export{c as arcgis_swipe};
+//# sourceMappingURL=p-ee414323.entry.js.map

package/dist/arcgis-map-components/p-ee414323.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["swipeCss","ArcgisSwipe","this","_watchHandles","directionWatcher","newValue","undefined","widget","direction","dragLabelWatcher","dragLabel","leadingLayersWatcher","leadingLayers","swipePositionWatcher","position","trailingLayersWatcher","trailingLayers","positionWatcher","view","ui","move","childElem","referenceElementWatcher","referenceElementHelper","viewWatcher","componentDidLoad","params","_createParams","newWidgetsSwipe","widgetReady","emit","checkForView","disconnectedCallback","onDisconnectedHelper","render","h","ref","el","container"],"sources":["src/components/swipe/swipe.css?tag=arcgis-swipe","src/components/swipe/swipe.tsx"],"sourcesContent":["arcgis-swipe {\n  /* Component styles go here */\n}\n","import { Component, Element, Event, EventEmitter, h, Prop, Watch, VNode } from \"@stencil/core\";\n\n// arcgis imports\nimport { newWidgetsSwipe } from \"@arcgis/core-adapter\";\nimport type Swipe from \"@arcgis/core/widgets/Swipe\";\nimport {\n  ArcgisReferenceElement,\n  checkForView,\n  referenceElementHelper,\n  WidgetElement\n} from \"../../utils/component-utils\";\nimport { onDisconnectedHelper } from \"../../utils/disconnected\";\nimport { ArcGISMapView } from \"../types\";\n\nexport type SwipeWidget = InstanceType<typeof Swipe>;\n\n@Component({\n  tag: \"arcgis-swipe\",\n  styleUrl: \"swipe.css\"\n})\nexport class ArcgisSwipe implements WidgetElement {\n  //--------------------------------------------------------------------------\n  //\n  //  Elements\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLDivElement;\n\n  childElem: HTMLDivElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Prop() referenceElement: ArcgisReferenceElement | string;\n\n  @Prop() direction: SwipeWidget[\"direction\"];\n\n  @Prop() dragLabel: SwipeWidget[\"dragLabel\"];\n\n  @Prop() leadingLayers: SwipeWidget[\"leadingLayers\"];\n\n  @Prop() swipePosition: SwipeWidget[\"position\"];\n\n  @Prop() trailingLayers: SwipeWidget[\"trailingLayers\"];\n\n  @Prop({ mutable: true }) view: ArcGISMapView;\n\n  @Prop() position = \"bottom-left\";\n\n  @Prop({ mutable: true }) widget: SwipeWidget;\n\n  _watchHandles: __esri.WatchHandle[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  @Event({ cancelable: true }) widgetReady: EventEmitter<{ widget: __esri.Swipe }>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Watchers\n  //\n  //--------------------------------------------------------------------------\n\n  @Watch(\"direction\")\n  directionWatcher(newValue: SwipeWidget[\"direction\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.direction = newValue;\n    }\n  }\n\n  @Watch(\"dragLabel\")\n  dragLabelWatcher(newValue: SwipeWidget[\"dragLabel\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.dragLabel = newValue;\n    }\n  }\n\n  @Watch(\"leadingLayers\")\n  leadingLayersWatcher(newValue: SwipeWidget[\"leadingLayers\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.leadingLayers = newValue;\n    }\n  }\n\n  @Watch(\"swipePosition\")\n  swipePositionWatcher(newValue: SwipeWidget[\"position\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.position = newValue;\n    }\n  }\n\n  @Watch(\"trailingLayers\")\n  trailingLayersWatcher(newValue: SwipeWidget[\"trailingLayers\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.trailingLayers = newValue;\n    }\n  }\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  @Watch(\"referenceElement\")\n  referenceElementWatcher(newValue: ArcgisReferenceElement | string): void {\n    referenceElementHelper(this, newValue);\n  }\n\n  @Watch(\"view\")\n  viewWatcher(newValue: ArcGISMapView): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.view = newValue;\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentDidLoad(): Promise<void> {\n    const params = this._createParams();\n\n    const widget = await newWidgetsSwipe(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    return <div ref={(el) => (this.childElem = el as HTMLDivElement)}></div>;\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private _createParams(): Partial<SwipeWidget> {\n    const params: Partial<SwipeWidget> = {\n      container: this.childElem\n    };\n\n    if (this.view) {\n      params.view = this.view;\n    }\n\n    return params;\n  }\n}\n"],"mappings":"uKAAA,MAAMA,EAAW,iB,MCoBJC,EAAW,M,kEAmCtBC,KAAAC,cAAsC,G,4MAJnB,c,sBAqBnB,gBAAAC,CAAiBC,GACf,GAAIA,IAAaC,WAAaJ,KAAKK,OAAQ,CACzCL,KAAKK,OAAOC,UAAYH,C,EAK5B,gBAAAI,CAAiBJ,GACf,GAAIA,IAAaC,WAAaJ,KAAKK,OAAQ,CACzCL,KAAKK,OAAOG,UAAYL,C,EAK5B,oBAAAM,CAAqBN,GACnB,GAAIA,IAAaC,WAAaJ,KAAKK,OAAQ,CACzCL,KAAKK,OAAOK,cAAgBP,C,EAKhC,oBAAAQ,CAAqBR,GACnB,GAAIA,IAAaC,WAAaJ,KAAKK,OAAQ,CACzCL,KAAKK,OAAOO,SAAWT,C,EAK3B,qBAAAU,CAAsBV,GACpB,GAAIA,IAAaC,WAAaJ,KAAKK,OAAQ,CACzCL,KAAKK,OAAOS,eAAiBX,C,EAKjC,eAAAY,CAAgBZ,GACd,GAAIA,IAAaC,WAAaJ,KAAKK,OAAQ,CACzC,UAAWL,KAAKgB,OAAS,SAAU,CACjChB,KAAKgB,KAAKC,GAAGC,KAAKlB,KAAKmB,UAAWhB,E,GAMxC,uBAAAiB,CAAwBjB,GACtBkB,EAAuBrB,KAAMG,E,CAI/B,WAAAmB,CAAYnB,GACV,GAAIA,IAAaC,WAAaJ,KAAKK,OAAQ,CACzCL,KAAKK,OAAOW,KAAOb,C,EAUvB,sBAAMoB,GACJ,MAAMC,EAASxB,KAAKyB,gBAEpB,MAAMpB,QAAeqB,EAAgBF,GAErCxB,KAAKK,OAASA,EAEdL,KAAK2B,YAAYC,KAAK,CAAEvB,OAAQL,KAAKK,SAErCwB,EAAa7B,K,CAGf,oBAAA8B,GACEC,EAAqB/B,K,CAGvB,MAAAgC,GACE,OAAOC,EAAA,OAAKC,IAAMC,GAAQnC,KAAKmB,UAAYgB,G,CAQrC,aAAAV,GACN,MAAMD,EAA+B,CACnCY,UAAWpC,KAAKmB,WAGlB,GAAInB,KAAKgB,KAAM,CACbQ,EAAOR,KAAOhB,KAAKgB,I,CAGrB,OAAOQ,C"}

package/dist/arcgis-map-components/p-f66a4365.entry.js

@@ -0,0 +1,2 @@
+import{r as i,c as e,h as t,g as s}from"./p-dbc82e69.js";import{P as h}from"./p-530503e3.js";import{r as n,c as a}from"./p-07e7d7b2.js";import{o as r}from"./p-4280d545.js";const c="arcgis-scale-range-slider{}";const d=class{constructor(t){i(this,t);this.widgetReady=e(this,"widgetReady",7);this._watchHandles=[];this.referenceElement=undefined;this.view=undefined;this.position="bottom-left";this.expandable=false;this.widget=undefined;this.layer=undefined;this.maxScale=undefined;this.maxScaleLimit=undefined;this.minScale=undefined;this.minScaleLimit=undefined;this.region=undefined;this.visibleElements=undefined}referenceElementWatcher(i){n(this,i)}viewWatcher(i){if(i!==undefined&&this.widget){this.widget.view=i}}positionWatcher(i){if(i!==undefined&&this.widget){this.view.ui.move(this.childElem,i)}}layerWatcher(i){if(this.widget){this.widget.layer=i}}maxScaleWatcher(i){if(i!==undefined&&this.widget){this.widget.maxScale=i}}maxScaleLimitWatcher(i){if(i!==undefined&&this.widget){this.widget.maxScaleLimit=i}}minScaleWatcher(i){if(i!==undefined&&this.widget){this.widget.minScale=i}}minScaleLimitWatcher(i){if(i!==undefined&&this.widget){this.widget.minScaleLimit=i}}regionWatcher(i){if(this.widget){this.widget.region=i}}visibleElementsWatcher(i){if(this.widget){this.widget.visibleElements=i}}async componentDidLoad(){const i=this._createParams();const e=await h(i);this.widget=e;this.widgetReady.emit({widget:this.widget});a(this)}disconnectedCallback(){r(this)}render(){if(this.expandable){return t("arcgis-expand",{position:this.position,ref:i=>this.expandElem=i},t("div",{ref:i=>this.childElem=i}))}return t("div",{ref:i=>this.childElem=i})}_createParams(){const i={container:this.childElem};if(this.layer){i.layer=this.layer}if(this.maxScale!==undefined){i.maxScale=this.maxScale}if(this.minScale!==undefined){i.minScale=this.minScale}if(this.maxScaleLimit!==undefined){i.maxScaleLimit=this.maxScaleLimit}if(this.minScaleLimit!==undefined){i.minScaleLimit=this.minScaleLimit}if(this.region!==undefined){i.region=this.region}if(this.visibleElements){i.visibleElements=this.visibleElements}if(this.view){i.view=this.view}return i}get el(){return s(this)}static get watchers(){return{referenceElement:["referenceElementWatcher"],view:["viewWatcher"],position:["positionWatcher"],layer:["layerWatcher"],maxScale:["maxScaleWatcher"],maxScaleLimit:["maxScaleLimitWatcher"],minScale:["minScaleWatcher"],minScaleLimit:["minScaleLimitWatcher"],region:["regionWatcher"],visibleElements:["visibleElementsWatcher"]}}};d.style=c;export{d as arcgis_scale_range_slider};
+//# sourceMappingURL=p-f66a4365.entry.js.map

package/dist/arcgis-map-components/p-f66a4365.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["scaleRangeSliderCss","ArcgisScaleRangeSlider","this","_watchHandles","referenceElementWatcher","newValue","referenceElementHelper","viewWatcher","undefined","widget","view","positionWatcher","ui","move","childElem","layerWatcher","layer","maxScaleWatcher","maxScale","maxScaleLimitWatcher","maxScaleLimit","minScaleWatcher","minScale","minScaleLimitWatcher","minScaleLimit","regionWatcher","region","visibleElementsWatcher","visibleElements","componentDidLoad","params","_createParams","newWidgetsScaleRangeSlider","widgetReady","emit","checkForView","disconnectedCallback","onDisconnectedHelper","render","expandable","h","position","ref","el","expandElem","container"],"sources":["src/components/scale-range-slider/scale-range-slider.css?tag=arcgis-scale-range-slider","src/components/scale-range-slider/scale-range-slider.tsx"],"sourcesContent":["arcgis-scale-range-slider {\n  /* Component styles go here */\n}\n","import { Component, Element, Event, EventEmitter, Prop, VNode, Watch, h } from \"@stencil/core\";\n\n// arcgis imports\nimport { newWidgetsScaleRangeSlider } from \"@arcgis/core-adapter\";\nimport type Layer from \"@arcgis/core/layers/Layer\";\nimport type ScaleRangeSlider from \"@arcgis/core/widgets/ScaleRangeSlider\";\nimport { ArcgisReferenceElement, checkForView, referenceElementHelper } from \"../../utils/component-utils\";\nimport { onDisconnectedHelper } from \"../../utils/disconnected\";\nimport { ExpandableComponent } from \"../../utils/expandable\";\nimport { ArcGISMapView, ArcGISSceneView } from \"../types\";\n\nexport type ScaleRangeSliderWidget = InstanceType<typeof ScaleRangeSlider>;\nexport type ArcGISLayer = InstanceType<typeof Layer>;\n\n@Component({\n  tag: \"arcgis-scale-range-slider\",\n  styleUrl: \"scale-range-slider.css\"\n})\nexport class ArcgisScaleRangeSlider 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 }) 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() 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 }) widget: ScaleRangeSliderWidget;\n\n  @Prop() layer: ScaleRangeSliderWidget[\"layer\"];\n\n  @Watch(\"layer\")\n  layerWatcher(newValue: ScaleRangeSliderWidget[\"layer\"]): void {\n    if (this.widget) {\n      this.widget.layer = newValue;\n    }\n  }\n\n  @Prop() maxScale: ScaleRangeSliderWidget[\"maxScale\"];\n\n  @Watch(\"maxScale\")\n  maxScaleWatcher(newValue: ScaleRangeSliderWidget[\"maxScale\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.maxScale = newValue;\n    }\n  }\n\n  @Prop() maxScaleLimit: ScaleRangeSliderWidget[\"maxScaleLimit\"];\n\n  @Watch(\"maxScaleLimit\")\n  maxScaleLimitWatcher(newValue: ScaleRangeSliderWidget[\"maxScaleLimit\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.maxScaleLimit = newValue;\n    }\n  }\n\n  @Prop() minScale: ScaleRangeSliderWidget[\"minScale\"];\n\n  @Watch(\"minScale\")\n  minScaleWatcher(newValue: ScaleRangeSliderWidget[\"minScale\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.minScale = newValue;\n    }\n  }\n\n  @Prop() minScaleLimit: ScaleRangeSliderWidget[\"minScaleLimit\"];\n\n  @Watch(\"minScaleLimit\")\n  minScaleLimitWatcher(newValue: ScaleRangeSliderWidget[\"minScaleLimit\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.minScaleLimit = newValue;\n    }\n  }\n\n  @Prop() region: ScaleRangeSliderWidget[\"region\"];\n\n  @Watch(\"region\")\n  regionWatcher(newValue: ScaleRangeSliderWidget[\"region\"]): void {\n    if (this.widget) {\n      this.widget.region = newValue;\n    }\n  }\n\n  @Prop() visibleElements: ScaleRangeSliderWidget[\"visibleElements\"];\n\n  @Watch(\"visibleElements\")\n  visibleElementsWatcher(newValue: ScaleRangeSliderWidget[\"visibleElements\"]): void {\n    if (this.widget) {\n      this.widget.visibleElements = newValue;\n    }\n  }\n\n  _watchHandles: __esri.WatchHandle[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  @Event({ cancelable: true }) widgetReady: EventEmitter<{ widget: __esri.ScaleRangeSlider }>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentDidLoad(): Promise<void> {\n    const params = this._createParams();\n\n    const widget = await newWidgetsScaleRangeSlider(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<ScaleRangeSliderWidget> {\n    const params: Partial<ScaleRangeSliderWidget> = {\n      container: this.childElem\n    };\n\n    if (this.layer) {\n      params.layer = this.layer;\n    }\n\n    if (this.maxScale !== undefined) {\n      params.maxScale = this.maxScale;\n    }\n\n    if (this.minScale !== undefined) {\n      params.minScale = this.minScale;\n    }\n\n    if (this.maxScaleLimit !== undefined) {\n      params.maxScaleLimit = this.maxScaleLimit;\n    }\n\n    if (this.minScaleLimit !== undefined) {\n      params.minScaleLimit = this.minScaleLimit;\n    }\n\n    if (this.region !== undefined) {\n      params.region = this.region;\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"],"mappings":"4KAAA,MAAMA,EAAsB,8B,MCkBfC,EAAsB,M,kEA+GjCC,KAAAC,cAAsC,G,kEA5EnB,c,gBASE,M,0MAtBrB,uBAAAC,CAAwBC,GACtBC,EAAuBJ,KAAMG,E,CAM/B,WAAAE,CAAYF,GACV,GAAIA,IAAaG,WAAaN,KAAKO,OAAQ,CACzCP,KAAKO,OAAOC,KAAOL,C,EAOvB,eAAAM,CAAgBN,GACd,GAAIA,IAAaG,WAAaN,KAAKO,OAAQ,CACzCP,KAAKQ,KAAKE,GAAGC,KAAKX,KAAKY,UAAWT,E,EAWtC,YAAAU,CAAaV,GACX,GAAIH,KAAKO,OAAQ,CACfP,KAAKO,OAAOO,MAAQX,C,EAOxB,eAAAY,CAAgBZ,GACd,GAAIA,IAAaG,WAAaN,KAAKO,OAAQ,CACzCP,KAAKO,OAAOS,SAAWb,C,EAO3B,oBAAAc,CAAqBd,GACnB,GAAIA,IAAaG,WAAaN,KAAKO,OAAQ,CACzCP,KAAKO,OAAOW,cAAgBf,C,EAOhC,eAAAgB,CAAgBhB,GACd,GAAIA,IAAaG,WAAaN,KAAKO,OAAQ,CACzCP,KAAKO,OAAOa,SAAWjB,C,EAO3B,oBAAAkB,CAAqBlB,GACnB,GAAIA,IAAaG,WAAaN,KAAKO,OAAQ,CACzCP,KAAKO,OAAOe,cAAgBnB,C,EAOhC,aAAAoB,CAAcpB,GACZ,GAAIH,KAAKO,OAAQ,CACfP,KAAKO,OAAOiB,OAASrB,C,EAOzB,sBAAAsB,CAAuBtB,GACrB,GAAIH,KAAKO,OAAQ,CACfP,KAAKO,OAAOmB,gBAAkBvB,C,EAoBlC,sBAAMwB,GACJ,MAAMC,EAAS5B,KAAK6B,gBAEpB,MAAMtB,QAAeuB,EAA2BF,GAEhD5B,KAAKO,OAASA,EAEdP,KAAK+B,YAAYC,KAAK,CAAEzB,OAAQP,KAAKO,SAErC0B,EAAajC,K,CAGf,oBAAAkC,GACEC,EAAqBnC,K,CAGvB,MAAAoC,GACE,GAAIpC,KAAKqC,WAAY,CACnB,OACEC,EAAA,iBAAeC,SAAUvC,KAAKuC,SAAUC,IAAMC,GAAQzC,KAAK0C,WAAaD,GACtEH,EAAA,OAAKE,IAAMC,GAAQzC,KAAKY,UAAY6B,I,CAI1C,OAAOH,EAAA,OAAKE,IAAMC,GAAQzC,KAAKY,UAAY6B,G,CAQrC,aAAAZ,GACN,MAAMD,EAA0C,CAC9Ce,UAAW3C,KAAKY,WAGlB,GAAIZ,KAAKc,MAAO,CACdc,EAAOd,MAAQd,KAAKc,K,CAGtB,GAAId,KAAKgB,WAAaV,UAAW,CAC/BsB,EAAOZ,SAAWhB,KAAKgB,Q,CAGzB,GAAIhB,KAAKoB,WAAad,UAAW,CAC/BsB,EAAOR,SAAWpB,KAAKoB,Q,CAGzB,GAAIpB,KAAKkB,gBAAkBZ,UAAW,CACpCsB,EAAOV,cAAgBlB,KAAKkB,a,CAG9B,GAAIlB,KAAKsB,gBAAkBhB,UAAW,CACpCsB,EAAON,cAAgBtB,KAAKsB,a,CAG9B,GAAItB,KAAKwB,SAAWlB,UAAW,CAC7BsB,EAAOJ,OAASxB,KAAKwB,M,CAGvB,GAAIxB,KAAK0B,gBAAiB,CACxBE,EAAOF,gBAAkB1B,KAAK0B,e,CAGhC,GAAI1B,KAAKQ,KAAM,CACboB,EAAOpB,KAAOR,KAAKQ,I,CAGrB,OAAOoB,C"}

package/dist/arcgis-map-components/p-f674b7f4.entry.js

@@ -0,0 +1,2 @@
+import{r as i,c as t,h as s,g as e}from"./p-dbc82e69.js";import{v as h,i as n}from"./p-530503e3.js";import{r,c as a,a as c}from"./p-07e7d7b2.js";import{o}from"./p-4280d545.js";const d="";const f=class{constructor(s){i(this,s);this.widgetReady=t(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}referenceElementWatcher(i){r(this,i)}geodesicDistanceThresholdWatcher(i){if(i!==undefined&&this.widget){this.widget.geodesicDistanceThreshold=i}}inputWatcher(i){if(i&&this.widget){this.widget.input=i}}profilesWatcher(i){if(i&&this.widget){this.widget.profiles=i}}positionWatcher(i){if(i!==undefined&&this.widget){this.view.ui.move(this.childElem,i)}}unitWatcher(i){if(i&&this.widget){this.widget.unit=i}}unitOptionsWatcher(i){if(i&&this.widget){this.widget.unitOptions=i}}visibleElementsWatcher(i){if(this.widget){this.widget.visibleElements=i}}viewWatcher(i){if(i!==undefined&&this.widget){this.widget.view=i}}async componentDidLoad(){const i=this._createParams();const t=await h(i);this.widget=t;await this._addWatchers();this.widgetReady.emit({widget:this.widget});a(this)}disconnectedCallback(){o(this)}render(){if(this.expandable){return s("arcgis-expand",{position:this.position,ref:i=>this.expandElem=i},s("div",{ref:i=>this.childElem=i}))}return s("div",{ref:i=>this.childElem=i})}async _addWatchers(){const{watch:i}=await n();c(this,i((()=>this.widget.input),(()=>this.input=this.widget.input),{initial:true}))}_createParams(){const i={container:this.childElem};if(this.view){i.view=this.view}if(this.geodesicDistanceThreshold){i.geodesicDistanceThreshold=this.geodesicDistanceThreshold}if(this.input){i.input=this.input}if(this.profiles){i.profiles=this.profiles}if(this.unit){i.unit=this.unit}if(this.unitOptions){i.unitOptions=this.unitOptions}if(this.visibleElements){i.visibleElements=this.visibleElements}return i}get el(){return e(this)}static get watchers(){return{referenceElement:["referenceElementWatcher"],geodesicDistanceThreshold:["geodesicDistanceThresholdWatcher"],input:["inputWatcher"],profiles:["profilesWatcher"],position:["positionWatcher"],unit:["unitWatcher"],unitOptions:["unitOptionsWatcher"],visibleElements:["visibleElementsWatcher"],view:["viewWatcher"]}}};f.style=d;export{f as arcgis_elevation_profile};
+//# sourceMappingURL=p-f674b7f4.entry.js.map

package/dist/arcgis-map-components/p-f674b7f4.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["elevationProfileCss","ArcgisElevationProfile","this","_watchHandles","referenceElementWatcher","newValue","referenceElementHelper","geodesicDistanceThresholdWatcher","value","undefined","widget","geodesicDistanceThreshold","inputWatcher","input","profilesWatcher","profiles","positionWatcher","view","ui","move","childElem","unitWatcher","unit","unitOptionsWatcher","unitOptions","visibleElementsWatcher","visibleElements","viewWatcher","componentDidLoad","params","_createParams","newWidgetsElevationProfile","_addWatchers","widgetReady","emit","checkForView","disconnectedCallback","onDisconnectedHelper","render","expandable","h","position","ref","el","expandElem","watch","importCoreReactiveUtils","addHandles","initial","container"],"sources":["src/components/elevation-profile/elevation-profile.css?tag=arcgis-elevation-profile","src/components/elevation-profile/elevation-profile.tsx"],"sourcesContent":[null,"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"],"mappings":"gLAAA,MAAMA,EAAsB,G,MCiBfC,EAAsB,M,kEAsGjCC,KAAAC,cAAsC,G,oIAjDnB,c,gBASE,M,wHAxCrB,uBAAAC,CAAwBC,GACtBC,EAAuBJ,KAAMG,E,CAM/B,gCAAAE,CAAiCC,GAC/B,GAAIA,IAAUC,WAAaP,KAAKQ,OAAQ,CACtCR,KAAKQ,OAAOC,0BAA4BH,C,EAO5C,YAAAI,CAAaJ,GACX,GAAIA,GAASN,KAAKQ,OAAQ,CACxBR,KAAKQ,OAAOG,MAAQL,C,EAOxB,eAAAM,CAAgBN,GACd,GAAIA,GAASN,KAAKQ,OAAQ,CACxBR,KAAKQ,OAAOK,SAAWP,C,EAO3B,eAAAQ,CAAgBX,GACd,GAAIA,IAAaI,WAAaP,KAAKQ,OAAQ,CACzCR,KAAKe,KAAKC,GAAGC,KAAKjB,KAAKkB,UAAWf,E,EAStC,WAAAgB,CAAYb,GACV,GAAIA,GAASN,KAAKQ,OAAQ,CACxBR,KAAKQ,OAAOY,KAAOd,C,EAOvB,kBAAAe,CAAmBf,GACjB,GAAIA,GAASN,KAAKQ,OAAQ,CACxBR,KAAKQ,OAAOc,YAAchB,C,EAO9B,sBAAAiB,CAAuBjB,GACrB,GAAIN,KAAKQ,OAAQ,CACfR,KAAKQ,OAAOgB,gBAAkBlB,C,EAOlC,WAAAmB,CAAYtB,GACV,GAAIA,IAAaI,WAAaP,KAAKQ,OAAQ,CACzCR,KAAKQ,OAAOO,KAAOZ,C,EAsBvB,sBAAMuB,GACJ,MAAMC,EAAS3B,KAAK4B,gBAEpB,MAAMpB,QAAeqB,EAA2BF,GAEhD3B,KAAKQ,OAASA,QAERR,KAAK8B,eAEX9B,KAAK+B,YAAYC,KAAK,CAAExB,OAAQR,KAAKQ,SAErCyB,EAAajC,K,CAGf,oBAAAkC,GACEC,EAAqBnC,K,CAGvB,MAAAoC,GACE,GAAIpC,KAAKqC,WAAY,CACnB,OACEC,EAAA,iBAAeC,SAAUvC,KAAKuC,SAAUC,IAAMC,GAAQzC,KAAK0C,WAAaD,GACtEH,EAAA,OAAKE,IAAMC,GAAQzC,KAAKkB,UAAYuB,I,CAI1C,OAAOH,EAAA,OAAKE,IAAMC,GAAQzC,KAAKkB,UAAYuB,G,CAQrC,kBAAMX,GACZ,MAAMa,MAAEA,SAAgBC,IAExBC,EACE7C,KACA2C,GACE,IAAM3C,KAAKQ,OAAOG,QAClB,IAAOX,KAAKW,MAAQX,KAAKQ,OAAOG,OAChC,CACEmC,QAAS,O,CAMT,aAAAlB,GACN,MAAMD,EAA0C,CAC9CoB,UAAW/C,KAAKkB,WAGlB,GAAIlB,KAAKe,KAAM,CACbY,EAAOZ,KAAOf,KAAKe,I,CAGrB,GAAIf,KAAKS,0BAA2B,CAClCkB,EAAOlB,0BAA4BT,KAAKS,yB,CAG1C,GAAIT,KAAKW,MAAO,CACdgB,EAAOhB,MAAQX,KAAKW,K,CAGtB,GAAIX,KAAKa,SAAU,CACjBc,EAAOd,SAAWb,KAAKa,Q,CAGzB,GAAIb,KAAKoB,KAAM,CACbO,EAAOP,KAAOpB,KAAKoB,I,CAGrB,GAAIpB,KAAKsB,YAAa,CACpBK,EAAOL,YAActB,KAAKsB,W,CAG5B,GAAItB,KAAKwB,gBAAiB,CACxBG,EAAOH,gBAAkBxB,KAAKwB,e,CAGhC,OAAOG,C"}

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

@@ -2,17 +2,18 @@
 
 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-f95f0426.js');
+const index$1 = require('./index-3c85172f.js');
+const componentUtils = require('./component-utils-70169d9c.js');
+const disconnected = require('./disconnected-efe16c70.js');
 
-const arcgisAreaMeasurement2dCss = "";
+const areaMeasurement2dCss = "";
 
 const ArcgisAreaMeasurement2d = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.widgetReady = index.createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.position = "bottom-left";
     this.expandable = false;
@@ -21,11 +22,9 @@ const ArcgisAreaMeasurement2d = class {
     this.view = undefined;
     this.widget = undefined;
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Watchers
-  //
-  //--------------------------------------------------------------------------
+  referenceElementWatcher(newValue) {
+    componentUtils.referenceElementHelper(this, newValue);
+  }
   positionWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
       if (typeof this.view !== "string") {
@@ -33,8 +32,10 @@ const ArcgisAreaMeasurement2d = class {
       }
     }
   }
-  referenceElementWatcher(newValue) {
-    componentUtils.referenceElementHelper(this, newValue);
+  unitWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.unit = newValue;
+    }
   }
   viewWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
@@ -70,9 +71,9 @@ const ArcgisAreaMeasurement2d = class {
   //--------------------------------------------------------------------------
   async _addWatchers() {
     const { watch } = await index$1.importCoreReactiveUtils();
-    watch(() => this.widget.unit, (value) => (this.unit = value), {
+    componentUtils.addHandles(this, watch(() => this.widget.unit, (value) => (this.unit = value), {
       initial: true
-    });
+    }));
   }
   _createParams() {
     const params = {
@@ -91,11 +92,14 @@ const ArcgisAreaMeasurement2d = class {
   }
   get el() { return index.getElement(this); }
   static get watchers() { return {
-    "position": ["positionWatcher"],
     "referenceElement": ["referenceElementWatcher"],
+    "position": ["positionWatcher"],
+    "unit": ["unitWatcher"],
     "view": ["viewWatcher"]
   }; }
 };
-ArcgisAreaMeasurement2d.style = arcgisAreaMeasurement2dCss;
+ArcgisAreaMeasurement2d.style = areaMeasurement2dCss;
 
 exports.arcgis_area_measurement_2d = ArcgisAreaMeasurement2d;
+
+//# sourceMappingURL=arcgis-area-measurement-2d.cjs.entry.js.map

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

@@ -0,0 +1 @@
+{"file":"arcgis-area-measurement-2d.entry.cjs.js","mappings":";;;;;;;;;AAAA,MAAM,oBAAoB,GAAG,EAAE;;MCiBlB,uBAAuB;;;;IA6DlC,kBAAa,GAAyB,EAAE,CAAC;;oBAnCtB,aAAa;sBAWX,KAAK;;;;;;EAf1B,uBAAuB,CAAC,QAAyC;IAC/DA,qCAAsB,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,MAAMC,mCAA2B,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/CC,2BAAY,CAAC,IAAI,CAAC,CAAC;GACpB;EAED,oBAAoB;IAClBC,iCAAoB,CAAC,IAAI,CAAC,CAAC;GAC5B;EAED,MAAM;IACJ,IAAI,IAAI,CAAC,UAAU,EAAE;MACnB,QACEC,2BAAe,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,UAAU,GAAG,EAA6B,CAAC,IACpGA,iBAAK,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,SAAS,GAAG,EAAoB,CAAC,GAAQ,CACnD,EAChB;KACH;IACD,OAAOA,iBAAK,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,SAAS,GAAG,EAAoB,CAAC,GAAQ,CAAC;GAC1E;;;;;;EAOO,MAAM,YAAY;IACxB,MAAM,EAAE,KAAK,EAAE,GAAG,MAAMC,+BAAuB,EAAE,CAAC;IAElDC,yBAAU,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":["referenceElementHelper","newWidgetsAreaMeasurement2D","checkForView","onDisconnectedHelper","h","importCoreReactiveUtils","addHandles"],"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/cjs/arcgis-area-measurement-3d.cjs.entry.js

@@ -2,17 +2,18 @@
 
 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-f95f0426.js');
+const index$1 = require('./index-3c85172f.js');
+const componentUtils = require('./component-utils-70169d9c.js');
+const disconnected = require('./disconnected-efe16c70.js');
 
-const arcgisAreaMeasurement3dCss = "";
+const areaMeasurement3dCss = "";
 
 const ArcgisAreaMeasurement3d = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.widgetReady = index.createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.position = "bottom-left";
     this.expandable = false;
@@ -21,11 +22,9 @@ const ArcgisAreaMeasurement3d = class {
     this.view = undefined;
     this.widget = undefined;
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Watchers
-  //
-  //--------------------------------------------------------------------------
+  referenceElementWatcher(newValue) {
+    componentUtils.referenceElementHelper(this, newValue);
+  }
   positionWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
       if (typeof this.view !== "string") {
@@ -33,8 +32,10 @@ const ArcgisAreaMeasurement3d = class {
       }
     }
   }
-  referenceElementWatcher(newValue) {
-    componentUtils.referenceElementHelper(this, newValue);
+  unitWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.unit = newValue;
+    }
   }
   viewWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
@@ -84,11 +85,14 @@ const ArcgisAreaMeasurement3d = class {
   }
   get el() { return index.getElement(this); }
   static get watchers() { return {
-    "position": ["positionWatcher"],
     "referenceElement": ["referenceElementWatcher"],
+    "position": ["positionWatcher"],
+    "unit": ["unitWatcher"],
     "view": ["viewWatcher"]
   }; }
 };
-ArcgisAreaMeasurement3d.style = arcgisAreaMeasurement3dCss;
+ArcgisAreaMeasurement3d.style = areaMeasurement3dCss;
 
 exports.arcgis_area_measurement_3d = ArcgisAreaMeasurement3d;
+
+//# sourceMappingURL=arcgis-area-measurement-3d.cjs.entry.js.map

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

@@ -0,0 +1 @@
+{"file":"arcgis-area-measurement-3d.entry.cjs.js","mappings":";;;;;;;;;AAAA,MAAM,oBAAoB,GAAG,EAAE;;MCiBlB,uBAAuB;;;;IAuDlC,kBAAa,GAAyB,EAAE,CAAC;;oBAnCtB,aAAa;sBAWX,KAAK;;;;;;EAf1B,uBAAuB,CAAC,QAAyC;IAC/DA,qCAAsB,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,MAAMC,mCAA2B,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/CC,2BAAY,CAAC,IAAI,CAAC,CAAC;GACpB;EAED,oBAAoB;IAClBC,iCAAoB,CAAC,IAAI,CAAC,CAAC;GAC5B;EAED,MAAM;IACJ,IAAI,IAAI,CAAC,UAAU,EAAE;MACnB,QACEC,2BAAe,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,UAAU,GAAG,EAA6B,CAAC,IACpGA,iBAAK,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,SAAS,GAAG,EAAoB,CAAC,GAAQ,CACnD,EAChB;KACH;IACD,OAAOA,iBAAK,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":["referenceElementHelper","newWidgetsAreaMeasurement3D","checkForView","onDisconnectedHelper","h"],"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/cjs/arcgis-attachments.cjs.entry.js

@@ -2,32 +2,48 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-6b51d5a0.js');
-const index$1 = require('./index-bfda1cdc.js');
-const disconnected = require('./disconnected-306cb220.js');
+const index = require('./index-f95f0426.js');
+const index$1 = require('./index-3c85172f.js');
+const componentUtils = require('./component-utils-70169d9c.js');
+const disconnected = require('./disconnected-efe16c70.js');
 
-const arcgisAttachmentsCss = "";
+const attachmentsCss = "";
 
 const ArcgisAttachments = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.widgetReady = index.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
@@ -37,8 +53,9 @@ const ArcgisAttachments = class {
     const params = this._createParams();
     const widget = await index$1.newWidgetsAttachments(params);
     this.widget = widget;
+    await this._addWatchers();
     this.widgetReady.emit({ widget: this.widget });
-    disconnected.checkForExpand(this);
+    componentUtils.checkForExpand(this);
   }
   disconnectedCallback() {
     disconnected.onDisconnectedHelper(this);
@@ -54,20 +71,37 @@ const ArcgisAttachments = class {
   //  Private Methods
   //
   //--------------------------------------------------------------------------
+  async _addWatchers() {
+    const { watch } = await index$1.importCoreReactiveUtils();
+    componentUtils.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 index.getElement(this); }
   static get watchers() { return {
-    "graphic": ["graphicWatcher"]
+    "capabilities": ["capabilitiesWatcher"],
+    "displayType": ["displayTypeWatcher"],
+    "graphic": ["graphicWatcher"],
+    "visibleElements": ["visibleElementsWatcher"]
   }; }
 };
-ArcgisAttachments.style = arcgisAttachmentsCss;
+ArcgisAttachments.style = attachmentsCss;
 
 exports.arcgis_attachments = ArcgisAttachments;
+
+//# sourceMappingURL=arcgis-attachments.cjs.entry.js.map

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

@@ -0,0 +1 @@
+{"file":"arcgis-attachments.entry.cjs.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,MAAMA,6BAAqB,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/CC,6BAAc,CAAC,IAAI,CAAC,CAAC;GACtB;EAED,oBAAoB;IAClBC,iCAAoB,CAAC,IAAI,CAAC,CAAC;GAC5B;EAED,MAAM;IACJ,IAAI,IAAI,CAAC,UAAU,EAAE;MACnB,QACEC,2BAAe,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,UAAU,GAAG,EAA6B,CAAC,IACpGA,iBAAK,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,SAAS,GAAG,EAAoB,CAAC,GAAQ,CACnD,EAChB;KACH;IACD,OAAOA,iBAAK,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,SAAS,GAAG,EAAoB,CAAC,GAAQ,CAAC;GAC1E;;;;;;EAOO,MAAM,YAAY;IACxB,MAAM,EAAE,KAAK,EAAE,GAAG,MAAMC,+BAAuB,EAAE,CAAC;IAElDC,yBAAU,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":["newWidgetsAttachments","checkForExpand","onDisconnectedHelper","h","importCoreReactiveUtils","addHandles"],"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}