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

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

@@ -0,0 +1 @@
+{"file":"arcgis-attachments.js","mappings":";;;;;;AAAA,MAAM,cAAc,GAAG,EAAE;;MCiBZA,mBAAiB;;;;;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":["ArcgisAttachments"],"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}

package/dist/components/arcgis-basemap-gallery.js

@@ -1,15 +1,17 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { c as newWidgetsBasemapGallery, i as importCoreReactiveUtils } from './index2.js';
-import { r as referenceElementHelper, c as checkForView, o as onDisconnectedHelper } from './disconnected.js';
-import { d as defineCustomElement$2 } from './arcgis-expand2.js';
+import { d as newWidgetsBasemapGallery, i as importCoreReactiveUtils } from './index2.js';
+import { r as referenceElementHelper, c as checkForView, a as addHandles } from './component-utils.js';
+import { o as onDisconnectedHelper } from './disconnected.js';
+import { d as defineCustomElement$2 } from './expand.js';
 
-const arcgisBasemapGalleryCss = "";
+const basemapGalleryCss = "";
 
-const ArcgisBasemapGallery$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+const ArcgisBasemapGallery$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisBasemapGallery extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
     this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.activeBasemap = undefined;
     this.position = "bottom-left";
@@ -18,20 +20,18 @@ const ArcgisBasemapGallery$1 = /*@__PURE__*/ proxyCustomElement(class extends HT
     this.view = undefined;
     this.widget = undefined;
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Watchers
-  //
-  //--------------------------------------------------------------------------
+  referenceElementWatcher(newValue) {
+    referenceElementHelper(this, newValue);
+  }
   positionWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
-      if (typeof this.view !== "string") {
-        this.view.ui.move(this.childElem, newValue);
-      }
+      this.view.ui.move(this.childElem, newValue);
     }
   }
-  referenceElementWatcher(newValue) {
-    referenceElementHelper(this, newValue);
+  sourceWatcher(newValue) {
+    if (this.widget) {
+      this.widget.source = newValue;
+    }
   }
   viewWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
@@ -47,9 +47,6 @@ const ArcgisBasemapGallery$1 = /*@__PURE__*/ proxyCustomElement(class extends HT
     const params = this._createParams();
     const widget = await newWidgetsBasemapGallery(params);
     this.widget = widget;
-    this.widget.when(() => {
-      this.source = this.widget.source;
-    });
     await this._addWatchers();
     this.widgetReady.emit({ widget: this.widget });
     checkForView(this);
@@ -70,8 +67,12 @@ const ArcgisBasemapGallery$1 = /*@__PURE__*/ proxyCustomElement(class extends HT
   //--------------------------------------------------------------------------
   async _addWatchers() {
     const { watch } = await importCoreReactiveUtils();
-    watch(() => this.widget.source, () => (this.source = this.widget.source));
-    watch(() => this.widget.activeBasemap, (basemap) => (this.activeBasemap = basemap));
+    addHandles(this, watch(() => this.widget.source, () => (this.source = this.widget.source), {
+      initial: true
+    }));
+    addHandles(this, watch(() => this.widget.activeBasemap, (basemap) => (this.activeBasemap = basemap), {
+      initial: true
+    }));
   }
   _createParams() {
     const params = {
@@ -84,11 +85,12 @@ const ArcgisBasemapGallery$1 = /*@__PURE__*/ proxyCustomElement(class extends HT
   }
   get el() { return this; }
   static get watchers() { return {
-    "position": ["positionWatcher"],
     "referenceElement": ["referenceElementWatcher"],
+    "position": ["positionWatcher"],
+    "source": ["sourceWatcher"],
     "view": ["viewWatcher"]
   }; }
-  static get style() { return arcgisBasemapGalleryCss; }
+  static get style() { return basemapGalleryCss; }
 }, [0, "arcgis-basemap-gallery", {
     "referenceElement": [1, "reference-element"],
     "activeBasemap": [1040],
@@ -97,6 +99,11 @@ const ArcgisBasemapGallery$1 = /*@__PURE__*/ proxyCustomElement(class extends HT
     "source": [1040],
     "view": [1040],
     "widget": [1040]
+  }, undefined, {
+    "referenceElement": ["referenceElementWatcher"],
+    "position": ["positionWatcher"],
+    "source": ["sourceWatcher"],
+    "view": ["viewWatcher"]
   }]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
@@ -122,3 +129,5 @@ const ArcgisBasemapGallery = ArcgisBasemapGallery$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { ArcgisBasemapGallery, defineCustomElement };
+
+//# sourceMappingURL=arcgis-basemap-gallery.js.map

package/dist/components/arcgis-basemap-gallery.js.map

@@ -0,0 +1 @@
+{"file":"arcgis-basemap-gallery.js","mappings":";;;;;;AAAA,MAAM,iBAAiB,GAAG,EAAE;;MCiBfA,sBAAoB;;;;;IA2D/B,kBAAa,GAAyB,EAAE,CAAC;;;oBA/BtB,aAAa;sBASX,KAAK;;;;;EAf1B,uBAAuB,CAAC,QAAyC;IAC/D,sBAAsB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;GACxC;EAOD,eAAe,CAAC,QAAgB;IAC9B,IAAI,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE;MACzC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;KAC7C;GACF;EAOD,aAAa,CAAC,QAAwC;IACpD,IAAI,IAAI,CAAC,MAAM,EAAE;MACf,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,QAAQ,CAAC;KAC/B;GACF;EAKD,WAAW,CAAC,QAAyC;IACnD,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;IACpC,MAAM,MAAM,GAAG,MAAM,wBAAwB,CAAC,MAAM,CAAC,CAAC;IAEtD,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;;;;;;EAQO,MAAM,YAAY;IACxB,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,uBAAuB,EAAE,CAAC;IAElD,UAAU,CACR,IAAI,EACJ,KAAK,CACH,MAAM,IAAI,CAAC,MAAM,CAAC,MAAM,EACxB,OAAO,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,EACxC;MACE,OAAO,EAAE,IAAI;KACd,CACF,CACF,CAAC;IAEF,UAAU,CACR,IAAI,EACJ,KAAK,CACH,MAAM,IAAI,CAAC,MAAM,CAAC,aAAa,EAC/B,CAAC,OAAO,MAAM,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC,EAC3C;MACE,OAAO,EAAE,IAAI;KACd,CACF,CACF,CAAC;GACH;EAEO,aAAa;IACnB,MAAM,MAAM,GAAiD;MAC3D,SAAS,EAAE,IAAI,CAAC,SAAS;KAC1B,CAAC;IAEF,IAAI,IAAI,CAAC,IAAI,EAAE;MACb,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;KACzB;IAED,OAAO,MAAM,CAAC;GACf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["ArcgisBasemapGallery"],"sources":["src/components/basemap-gallery/basemap-gallery.css?tag=arcgis-basemap-gallery","src/components/basemap-gallery/basemap-gallery.tsx"],"sourcesContent":["","import { Component, Element, Event, EventEmitter, Prop, VNode, Watch, h } from \"@stencil/core\";\n\n// arcgis imports\nimport { importCoreReactiveUtils, newWidgetsBasemapGallery } from \"@arcgis/core-adapter\";\nimport type BasemapGallery from \"@arcgis/core/widgets/BasemapGallery\";\nimport { ArcgisReferenceElement, addHandles, checkForView, referenceElementHelper } from \"../../utils/component-utils\";\nimport { onDisconnectedHelper } from \"../../utils/disconnected\";\nimport { ExpandableComponent } from \"../../utils/expandable\";\nimport { ArcGISMapView, ArcGISSceneView } from \"../types\";\n\nexport type BasemapGalleryWidget = InstanceType<typeof BasemapGallery>;\n\n@Component({\n  tag: \"arcgis-basemap-gallery\",\n  styleUrl: \"basemap-gallery.css\",\n  shadow: false\n})\nexport class ArcgisBasemapGallery 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 }) activeBasemap: BasemapGalleryWidget[\"activeBasemap\"];\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 }) source: BasemapGalleryWidget[\"source\"];\n\n  @Watch(\"source\")\n  sourceWatcher(newValue: BasemapGalleryWidget[\"source\"]): void {\n    if (this.widget) {\n      this.widget.source = newValue;\n    }\n  }\n\n  @Prop({ mutable: true }) view: ArcGISMapView | ArcGISSceneView;\n\n  @Watch(\"view\")\n  viewWatcher(newValue: ArcGISMapView | ArcGISSceneView): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.view = newValue;\n    }\n  }\n\n  @Prop({ mutable: true }) widget: BasemapGalleryWidget;\n\n  _watchHandles: __esri.WatchHandle[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  @Event({ cancelable: true }) widgetReady: EventEmitter<{ widget: __esri.BasemapGallery }>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentDidLoad(): Promise<void> {\n    const params = this._createParams();\n    const widget = await newWidgetsBasemapGallery(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  //\n  //  Private Interal Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private async _addWatchers() {\n    const { watch } = await importCoreReactiveUtils();\n\n    addHandles(\n      this,\n      watch(\n        () => this.widget.source,\n        () => (this.source = this.widget.source),\n        {\n          initial: true\n        }\n      )\n    );\n\n    addHandles(\n      this,\n      watch(\n        () => this.widget.activeBasemap,\n        (basemap) => (this.activeBasemap = basemap),\n        {\n          initial: true\n        }\n      )\n    );\n  }\n\n  private _createParams(): Partial<InstanceType<typeof BasemapGallery>> {\n    const params: Partial<InstanceType<typeof BasemapGallery>> = {\n      container: this.childElem\n    };\n\n    if (this.view) {\n      params.view = this.view;\n    }\n\n    return params;\n  }\n}\n"],"version":3}

package/dist/components/arcgis-basemap-layer-list.js

@@ -1,41 +1,42 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { d as newWidgetsBasemapLayerList, i as importCoreReactiveUtils } from './index2.js';
-import { r as referenceElementHelper, c as checkForView, o as onDisconnectedHelper } from './disconnected.js';
-import { d as defineCustomElement$2 } from './arcgis-expand2.js';
+import { e as newWidgetsBasemapLayerList, i as importCoreReactiveUtils } from './index2.js';
+import { r as referenceElementHelper, c as checkForView, a as addHandles } from './component-utils.js';
+import { o as onDisconnectedHelper } from './disconnected.js';
+import { d as defineCustomElement$2 } from './expand.js';
 
-const arcgisBasemapLayerListCss = "";
+const basemapLayerListCss = "";
 
-const ArcgisBasemapLayerList$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+const ArcgisBasemapLayerList$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisBasemapLayerList extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
     this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
-    this.basemapTitle = undefined;
     this.baseItems = undefined;
+    this.baseListItemCreatedFunction = undefined;
+    this.basemapTitle = undefined;
     this.editingEnabled = false;
     this.mulitpleSelectionEnabled = false;
     this.position = "bottom-left";
     this.expandable = false;
     this.referenceItems = undefined;
+    this.referenceListItemCreatedFunction = undefined;
     this.selectedItems = undefined;
+    this.visibleElements = undefined;
     this.view = undefined;
     this.widget = undefined;
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Watchers
-  //
-  //--------------------------------------------------------------------------
-  positionWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      if (typeof this.view !== "string") {
-        this.view.ui.move(this.childElem, newValue);
-      }
+  referenceElementWatcher(newValue) {
+    referenceElementHelper(this, newValue);
+  }
+  baseListItemCreatedFunctionWatcher(newValue) {
+    if (this.widget) {
+      this.widget.baseListItemCreatedFunction = newValue;
     }
   }
   basemapTitleWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
+    if (this.widget) {
       this.widget.basemapTitle = newValue;
     }
   }
@@ -49,16 +50,28 @@ const ArcgisBasemapLayerList$1 = /*@__PURE__*/ proxyCustomElement(class extends
       this.widget.multipleSelectionEnabled = newValue;
     }
   }
+  positionWatcher(newValue) {
+    if (this.widget) {
+      this.view.ui.move(this.childElem, newValue);
+    }
+  }
+  referenceListItemCreatedFunctionWatcher(newValue) {
+    if (this.widget) {
+      this.widget.referenceListItemCreatedFunction = newValue;
+    }
+  }
   selectedItemsWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
+    if (this.widget) {
       this.widget.selectedItems = newValue;
     }
   }
-  referenceElementWatcher(newValue) {
-    referenceElementHelper(this, newValue);
+  visibleElementsWatcher(newValue) {
+    if (this.widget) {
+      this.widget.visibleElements = newValue;
+    }
   }
   viewWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
+    if (this.widget) {
       this.widget.view = newValue;
     }
   }
@@ -93,6 +106,9 @@ const ArcgisBasemapLayerList$1 = /*@__PURE__*/ proxyCustomElement(class extends
     const params = {
       container: this.childElem
     };
+    if (this.baseListItemCreatedFunction) {
+      params.baseListItemCreatedFunction = this.baseListItemCreatedFunction;
+    }
     if (this.basemapTitle) {
       params.basemapTitle = this.basemapTitle;
     }
@@ -102,6 +118,12 @@ const ArcgisBasemapLayerList$1 = /*@__PURE__*/ proxyCustomElement(class extends
     if (this.mulitpleSelectionEnabled !== undefined) {
       params.multipleSelectionEnabled = this.mulitpleSelectionEnabled;
     }
+    if (this.referenceListItemCreatedFunction) {
+      params.referenceListItemCreatedFunction = this.referenceListItemCreatedFunction;
+    }
+    if (this.visibleElements) {
+      params.visibleElements = this.visibleElements;
+    }
     if (this.view) {
       params.view = this.view;
     }
@@ -109,45 +131,65 @@ const ArcgisBasemapLayerList$1 = /*@__PURE__*/ proxyCustomElement(class extends
   }
   async _addWatchers() {
     const { watch } = await importCoreReactiveUtils();
-    watch(() => this.widget.basemapTitle, (value) => (this.basemapTitle = value), {
+    addHandles(this, watch(() => this.widget.baseItems, (value) => (this.baseItems = value), {
       initial: true
-    });
-    watch(() => this.widget.editingEnabled, (value) => (this.editingEnabled = value), {
+    }));
+    addHandles(this, watch(() => this.widget.basemapTitle, (value) => (this.basemapTitle = value), {
       initial: true
-    });
-    watch(() => this.widget.multipleSelectionEnabled, (value) => (this.mulitpleSelectionEnabled = value), {
+    }));
+    addHandles(this, watch(() => this.widget.editingEnabled, (value) => (this.editingEnabled = value), {
       initial: true
-    });
-    watch(() => this.widget.referenceItems, (value) => (this.referenceItems = value), {
+    }));
+    addHandles(this, watch(() => this.widget.multipleSelectionEnabled, (value) => (this.mulitpleSelectionEnabled = value), {
       initial: true
-    });
-    watch(() => this.widget.selectedItems, (value) => (this.selectedItems = value), {
+    }));
+    addHandles(this, watch(() => this.widget.referenceItems, (value) => (this.referenceItems = value), {
       initial: true
-    });
+    }));
+    addHandles(this, watch(() => this.widget.selectedItems, (value) => (this.selectedItems = value), {
+      initial: true
+    }));
   }
   get el() { return this; }
   static get watchers() { return {
-    "position": ["positionWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
+    "baseListItemCreatedFunction": ["baseListItemCreatedFunctionWatcher"],
     "basemapTitle": ["basemapTitleWatcher"],
     "editingEnabled": ["editingBasemapEnabledWatcher"],
     "mulitpleSelectionEnabled": ["multipleSelectionEnabledWatcher"],
+    "position": ["positionWatcher"],
+    "referenceListItemCreatedFunction": ["referenceListItemCreatedFunctionWatcher"],
     "selectedItems": ["selectedItemsWatcher"],
-    "referenceElement": ["referenceElementWatcher"],
+    "visibleElements": ["visibleElementsWatcher"],
     "view": ["viewWatcher"]
   }; }
-  static get style() { return arcgisBasemapLayerListCss; }
+  static get style() { return basemapLayerListCss; }
 }, [0, "arcgis-basemap-layer-list", {
     "referenceElement": [1, "reference-element"],
-    "basemapTitle": [513, "basemap-title"],
     "baseItems": [1040],
+    "baseListItemCreatedFunction": [16],
+    "basemapTitle": [513, "basemap-title"],
     "editingEnabled": [516, "editing-enabled"],
-    "mulitpleSelectionEnabled": [516, "mulitple-selection-enabled"],
+    "mulitpleSelectionEnabled": [4, "mulitple-selection-enabled"],
     "position": [1],
     "expandable": [4],
     "referenceItems": [1040],
+    "referenceListItemCreatedFunction": [16],
     "selectedItems": [1040],
+    "visibleElements": [16],
     "view": [1040],
     "widget": [1040]
+  }, undefined, {
+    "referenceElement": ["referenceElementWatcher"],
+    "baseListItemCreatedFunction": ["baseListItemCreatedFunctionWatcher"],
+    "basemapTitle": ["basemapTitleWatcher"],
+    "editingEnabled": ["editingBasemapEnabledWatcher"],
+    "mulitpleSelectionEnabled": ["multipleSelectionEnabledWatcher"],
+    "position": ["positionWatcher"],
+    "referenceListItemCreatedFunction": ["referenceListItemCreatedFunctionWatcher"],
+    "selectedItems": ["selectedItemsWatcher"],
+    "visibleElements": ["visibleElementsWatcher"],
+    "view": ["viewWatcher"]
   }]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
@@ -173,3 +215,5 @@ const ArcgisBasemapLayerList = ArcgisBasemapLayerList$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { ArcgisBasemapLayerList, defineCustomElement };
+
+//# sourceMappingURL=arcgis-basemap-layer-list.js.map

package/dist/components/arcgis-basemap-layer-list.js.map

@@ -0,0 +1 @@
+{"file":"arcgis-basemap-layer-list.js","mappings":"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","names":["ArcgisBasemapLayerList"],"sources":["src/components/basemap-layer-list/basemap-layer-list.css?tag=arcgis-basemap-layer-list","src/components/basemap-layer-list/basemap-layer-list.tsx"],"sourcesContent":["","import { Component, Element, Event, EventEmitter, Prop, VNode, Watch, h } from \"@stencil/core\";\n\n// arcgis imports\nimport { importCoreReactiveUtils, newWidgetsBasemapLayerList } from \"@arcgis/core-adapter\";\nimport type BasemapLayerList from \"@arcgis/core/widgets/BasemapLayerList\";\nimport { ArcgisReferenceElement, addHandles, checkForView, referenceElementHelper } from \"../../utils/component-utils\";\nimport { onDisconnectedHelper } from \"../../utils/disconnected\";\nimport { ExpandableComponent } from \"../../utils/expandable\";\nimport { ArcGISMapView, ArcGISSceneView } from \"../types\";\n\nexport type BasemapLayerListWidget = InstanceType<typeof BasemapLayerList>;\n\n@Component({\n  tag: \"arcgis-basemap-layer-list\",\n  styleUrl: \"basemap-layer-list.css\",\n  shadow: false\n})\nexport class ArcgisBasemapLayerList 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 }) baseItems: BasemapLayerListWidget[\"baseItems\"];\n\n  @Prop() baseListItemCreatedFunction: BasemapLayerListWidget[\"baseListItemCreatedFunction\"];\n\n  @Watch(\"baseListItemCreatedFunction\")\n  baseListItemCreatedFunctionWatcher(newValue: BasemapLayerListWidget[\"baseListItemCreatedFunction\"]): void {\n    if (this.widget) {\n      this.widget.baseListItemCreatedFunction = newValue;\n    }\n  }\n\n  @Prop({ reflect: true }) basemapTitle: string;\n\n  @Watch(\"basemapTitle\")\n  basemapTitleWatcher(newValue: string): void {\n    if (this.widget) {\n      this.widget.basemapTitle = newValue;\n    }\n  }\n\n  @Prop({ reflect: true }) editingEnabled = false;\n\n  @Watch(\"editingEnabled\")\n  editingBasemapEnabledWatcher(newValue: boolean): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.editingEnabled = newValue;\n    }\n  }\n\n  @Prop() mulitpleSelectionEnabled = false;\n\n  @Watch(\"mulitpleSelectionEnabled\")\n  multipleSelectionEnabledWatcher(newValue: boolean): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.multipleSelectionEnabled = newValue;\n    }\n  }\n\n  @Prop() position = \"bottom-left\";\n\n  @Watch(\"position\")\n  positionWatcher(newValue: string): void {\n    if (this.widget) {\n      this.view.ui.move(this.childElem, newValue);\n    }\n  }\n\n  @Prop() expandable = false;\n\n  @Prop({ mutable: true }) referenceItems: BasemapLayerListWidget[\"referenceItems\"];\n\n  @Prop() referenceListItemCreatedFunction: BasemapLayerListWidget[\"referenceListItemCreatedFunction\"];\n\n  @Watch(\"referenceListItemCreatedFunction\")\n  referenceListItemCreatedFunctionWatcher(newValue: BasemapLayerListWidget[\"referenceListItemCreatedFunction\"]): void {\n    if (this.widget) {\n      this.widget.referenceListItemCreatedFunction = newValue;\n    }\n  }\n\n  @Prop({ mutable: true }) selectedItems: BasemapLayerListWidget[\"selectedItems\"];\n\n  @Watch(\"selectedItems\")\n  selectedItemsWatcher(newValue: BasemapLayerListWidget[\"selectedItems\"]): void {\n    if (this.widget) {\n      this.widget.selectedItems = newValue;\n    }\n  }\n\n  @Prop() visibleElements: BasemapLayerListWidget[\"visibleElements\"];\n\n  @Watch(\"visibleElements\")\n  visibleElementsWatcher(newValue: BasemapLayerListWidget[\"visibleElements\"]): void {\n    if (this.widget) {\n      this.widget.visibleElements = newValue;\n    }\n  }\n\n  @Prop({ mutable: true }) view: ArcGISMapView | ArcGISSceneView;\n\n  @Watch(\"view\")\n  viewWatcher(newValue: ArcGISMapView | ArcGISSceneView): void {\n    if (this.widget) {\n      this.widget.view = newValue;\n    }\n  }\n\n  @Prop({ mutable: true }) widget: BasemapLayerListWidget;\n\n  _watchHandles: __esri.WatchHandle[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  @Event({ cancelable: true }) widgetReady: EventEmitter<{ widget: __esri.BasemapLayerList }>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentDidLoad(): Promise<void> {\n    const params = this._createParams();\n\n    const widget = await newWidgetsBasemapLayerList(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 _createParams(): Partial<BasemapLayerListWidget> {\n    const params: Partial<BasemapLayerListWidget> = {\n      container: this.childElem\n    };\n\n    if (this.baseListItemCreatedFunction) {\n      params.baseListItemCreatedFunction = this.baseListItemCreatedFunction;\n    }\n\n    if (this.basemapTitle) {\n      params.basemapTitle = this.basemapTitle;\n    }\n\n    if (this.editingEnabled !== undefined) {\n      params.editingEnabled = this.editingEnabled;\n    }\n\n    if (this.mulitpleSelectionEnabled !== undefined) {\n      params.multipleSelectionEnabled = this.mulitpleSelectionEnabled;\n    }\n\n    if (this.referenceListItemCreatedFunction) {\n      params.referenceListItemCreatedFunction = this.referenceListItemCreatedFunction;\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  private async _addWatchers() {\n    const { watch } = await importCoreReactiveUtils();\n\n    addHandles(\n      this,\n      watch(\n        () => this.widget.baseItems,\n        (value) => (this.baseItems = value),\n        {\n          initial: true\n        }\n      )\n    );\n\n    addHandles(\n      this,\n      watch(\n        () => this.widget.basemapTitle,\n        (value) => (this.basemapTitle = value),\n        {\n          initial: true\n        }\n      )\n    );\n\n    addHandles(\n      this,\n      watch(\n        () => this.widget.editingEnabled,\n        (value) => (this.editingEnabled = value),\n        {\n          initial: true\n        }\n      )\n    );\n\n    addHandles(\n      this,\n      watch(\n        () => this.widget.multipleSelectionEnabled,\n        (value) => (this.mulitpleSelectionEnabled = value),\n        {\n          initial: true\n        }\n      )\n    );\n\n    addHandles(\n      this,\n      watch(\n        () => this.widget.referenceItems,\n        (value) => (this.referenceItems = value),\n        {\n          initial: true\n        }\n      )\n    );\n\n    addHandles(\n      this,\n      watch(\n        () => this.widget.selectedItems,\n        (value) => (this.selectedItems = value),\n        {\n          initial: true\n        }\n      )\n    );\n  }\n}\n"],"version":3}

package/dist/components/arcgis-basemap-toggle.js

@@ -1,48 +1,49 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { e as newWidgetsBasemapToggle, i as importCoreReactiveUtils } from './index2.js';
-import { r as referenceElementHelper, c as checkForView, o as onDisconnectedHelper } from './disconnected.js';
-import { d as defineCustomElement$2 } from './arcgis-expand2.js';
+import { f as newWidgetsBasemapToggle, i as importCoreReactiveUtils } from './index2.js';
+import { r as referenceElementHelper, c as checkForView, a as addHandles } from './component-utils.js';
+import { o as onDisconnectedHelper } from './disconnected.js';
+import { d as defineCustomElement$2 } from './expand.js';
 
-const arcgisBasemapToggleCss = "";
+const basemapToggleCss = "";
 
-const ArcgisBasemapToggle$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+const ArcgisBasemapToggle$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisBasemapToggle extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
     this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.activeBasemap = undefined;
     this.nextBasemap = undefined;
+    this.visibleElements = undefined;
     this.position = "bottom-left";
     this.expandable = false;
     this.view = undefined;
     this.widget = undefined;
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Watchers
-  //
-  //--------------------------------------------------------------------------
+  referenceElementWatcher(newValue) {
+    referenceElementHelper(this, newValue);
+  }
+  nextBasemapWatcher(value) {
+    if (value && this.widget) {
+      this.widget.nextBasemap = value;
+    }
+  }
+  visibleElementsWatcher(newValue) {
+    if (this.widget) {
+      this.widget.visibleElements = newValue;
+    }
+  }
   positionWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
-      if (typeof this.view !== "string") {
-        this.view.ui.move(this.childElem, newValue);
-      }
+      this.view.ui.move(this.childElem, newValue);
     }
   }
-  referenceElementWatcher(newValue) {
-    referenceElementHelper(this, newValue);
-  }
   viewWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
       this.widget.view = newValue;
     }
   }
-  nextBasemapWatcher(value) {
-    if (value && this.widget) {
-      this.widget.nextBasemap = value;
-    }
-  }
   //--------------------------------------------------------------------------
   //
   //  Methods
@@ -85,6 +86,9 @@ const ArcgisBasemapToggle$1 = /*@__PURE__*/ proxyCustomElement(class extends HTM
     if (this.nextBasemap) {
       params.nextBasemap = this.nextBasemap;
     }
+    if (this.visibleElements) {
+      params.visibleElements = this.visibleElements;
+    }
     if (this.view) {
       params.view = this.view;
     }
@@ -92,30 +96,38 @@ const ArcgisBasemapToggle$1 = /*@__PURE__*/ proxyCustomElement(class extends HTM
   }
   async _addWatchers() {
     const { watch } = await importCoreReactiveUtils();
-    watch(() => this.widget.activeBasemap, (value) => (this.activeBasemap = value), {
+    addHandles(this, watch(() => this.widget.activeBasemap, (value) => (this.activeBasemap = value), {
       initial: true
-    });
-    watch(() => this.widget.nextBasemap, (value) => (this.nextBasemap = value), {
+    }));
+    addHandles(this, watch(() => this.widget.nextBasemap, (value) => (this.nextBasemap = value), {
       initial: true
-    });
+    }));
   }
   get el() { return this; }
   static get watchers() { return {
-    "position": ["positionWatcher"],
     "referenceElement": ["referenceElementWatcher"],
-    "view": ["viewWatcher"],
-    "nextBasemap": ["nextBasemapWatcher"]
+    "nextBasemap": ["nextBasemapWatcher"],
+    "visibleElements": ["visibleElementsWatcher"],
+    "position": ["positionWatcher"],
+    "view": ["viewWatcher"]
   }; }
-  static get style() { return arcgisBasemapToggleCss; }
+  static get style() { return basemapToggleCss; }
 }, [0, "arcgis-basemap-toggle", {
     "referenceElement": [1, "reference-element"],
     "activeBasemap": [16],
     "nextBasemap": [1025, "next-basemap"],
+    "visibleElements": [16],
     "position": [1],
     "expandable": [4],
     "view": [1040],
     "widget": [1040],
     "toggle": [64]
+  }, undefined, {
+    "referenceElement": ["referenceElementWatcher"],
+    "nextBasemap": ["nextBasemapWatcher"],
+    "visibleElements": ["visibleElementsWatcher"],
+    "position": ["positionWatcher"],
+    "view": ["viewWatcher"]
   }]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
@@ -141,3 +153,5 @@ const ArcgisBasemapToggle = ArcgisBasemapToggle$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { ArcgisBasemapToggle, defineCustomElement };
+
+//# sourceMappingURL=arcgis-basemap-toggle.js.map

package/dist/components/arcgis-basemap-toggle.js.map

@@ -0,0 +1 @@
+{"file":"arcgis-basemap-toggle.js","mappings":"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","names":["ArcgisBasemapToggle"],"sources":["src/components/basemap-toggle/basemap-toggle.css?tag=arcgis-basemap-toggle","src/components/basemap-toggle/basemap-toggle.tsx"],"sourcesContent":["","import { Component, Element, Event, EventEmitter, Method, Prop, VNode, Watch, h } from \"@stencil/core\";\n\n// arcgis imports\nimport { importCoreReactiveUtils, newWidgetsBasemapToggle } from \"@arcgis/core-adapter\";\nimport type BasemapToggle from \"@arcgis/core/widgets/BasemapToggle\";\nimport { ArcgisReferenceElement, addHandles, checkForView, referenceElementHelper } from \"../../utils/component-utils\";\nimport { onDisconnectedHelper } from \"../../utils/disconnected\";\nimport { ExpandableComponent } from \"../../utils/expandable\";\nimport { ArcGISBasemap, ArcGISMapView, ArcGISSceneView } from \"../types\";\n\nexport type BasemapToggleWidget = InstanceType<typeof BasemapToggle>;\n\n@Component({\n  tag: \"arcgis-basemap-toggle\",\n  styleUrl: \"basemap-toggle.css\",\n  shadow: false\n})\nexport class ArcgisBasemapToggle 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() activeBasemap: BasemapToggleWidget[\"activeBasemap\"];\n\n  @Prop({ mutable: true }) nextBasemap: string | BasemapToggleWidget[\"nextBasemap\"];\n\n  @Watch(\"nextBasemap\")\n  nextBasemapWatcher(value: string | ArcGISBasemap): void {\n    if (value && this.widget) {\n      this.widget.nextBasemap = value as ArcGISBasemap;\n    }\n  }\n\n  @Prop() visibleElements: BasemapToggleWidget[\"visibleElements\"];\n\n  @Watch(\"visibleElements\")\n  visibleElementsWatcher(newValue: BasemapToggleWidget[\"visibleElements\"]): void {\n    if (this.widget) {\n      this.widget.visibleElements = 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 }) view: ArcGISMapView | ArcGISSceneView;\n\n  @Watch(\"view\")\n  viewWatcher(newValue: ArcGISMapView | ArcGISSceneView): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.view = newValue;\n    }\n  }\n\n  @Prop({ mutable: true }) widget: BasemapToggleWidget;\n\n  _watchHandles: __esri.WatchHandle[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  @Event({ cancelable: true }) widgetReady: EventEmitter<{ widget: __esri.BasemapToggle }>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Methods\n  //\n  //--------------------------------------------------------------------------\n\n  @Method()\n  async toggle(): Promise<any> {\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 newWidgetsBasemapToggle(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  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private _createParams(): Partial<BasemapToggleWidget> {\n    const params: Partial<BasemapToggleWidget> = {\n      container: this.childElem\n    };\n\n    if (this.nextBasemap) {\n      params.nextBasemap = this.nextBasemap as ArcGISBasemap;\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  private async _addWatchers() {\n    const { watch } = await importCoreReactiveUtils();\n\n    addHandles(\n      this,\n      watch(\n        () => this.widget.activeBasemap,\n        (value) => (this.activeBasemap = value),\n        {\n          initial: true\n        }\n      )\n    );\n\n    addHandles(\n      this,\n      watch(\n        () => this.widget.nextBasemap,\n        (value) => (this.nextBasemap = value),\n        {\n          initial: true\n        }\n      )\n    );\n  }\n}\n"],"version":3}