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

package/dist/components/arcgis-print.js

@@ -1,17 +1,19 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { M as newWidgetsPrint, 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 { N as newWidgetsPrint, 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 arcgisPrintCss = "";
+const printCss = "";
 
-const ArcgisPrint$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+const ArcgisPrint$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisPrint extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
+    this.widgetReady = createEvent(this, "widgetReady", 7);
     this.printComplete = createEvent(this, "printComplete", 7);
     this.printSubmit = createEvent(this, "printSubmit", 7);
-    this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.allowedFormats = undefined;
     this.allowedLayouts = undefined;
@@ -27,17 +29,8 @@ const ArcgisPrint$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     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);
   }
   allowedFormatsWatcher(value) {
     if (value && this.widget) {
@@ -55,7 +48,7 @@ const ArcgisPrint$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     }
   }
   includeDefaultTemplatesWatcher(value) {
-    if (value && this.widget) {
+    if (value !== undefined && this.widget) {
       this.widget.includeDefaultTemplates = value;
     }
   }
@@ -70,17 +63,19 @@ const ArcgisPrint$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     }
   }
   templateCustomTextElementsWatcher(value) {
-    if (value && this.widget) {
+    if (this.widget) {
       this.widget.templateCustomTextElements = value;
     }
   }
   templateOptionsWatcher(value) {
-    if (value && this.widget) {
+    if (this.widget) {
       this.widget.templateOptions = value;
     }
   }
-  referenceElementWatcher(newValue) {
-    referenceElementHelper(this, newValue);
+  positionWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.view.ui.move(this.childElem, newValue);
+    }
   }
   viewWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
@@ -117,9 +112,9 @@ const ArcgisPrint$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
   //--------------------------------------------------------------------------
   async _addWatchers() {
     const { watch } = await importCoreReactiveUtils();
-    watch(() => this.widget.exportedLinks, (value) => (this.exportedLinks = value), {
+    addHandles(this, watch(() => this.widget.exportedLinks, (value) => (this.exportedLinks = value), {
       initial: true
-    });
+    }));
   }
   _createParams() {
     const params = {
@@ -131,6 +126,24 @@ const ArcgisPrint$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     if (this.allowedLayouts) {
       params.allowedLayouts = this.allowedLayouts;
     }
+    if (this.extraParameters) {
+      params.extraParameters = this.extraParameters;
+    }
+    if (this.includeDefaultTemplates !== undefined) {
+      params.includeDefaultTemplates = this.includeDefaultTemplates;
+    }
+    if (this.portal) {
+      params.portal = this.portal;
+    }
+    if (this.printServiceUrl) {
+      params.printServiceUrl = this.printServiceUrl;
+    }
+    if (this.templateCustomTextElements) {
+      params.templateCustomTextElements = this.templateCustomTextElements;
+    }
+    if (this.templateOptions) {
+      params.templateOptions = this.templateOptions;
+    }
     if (this.view) {
       params.view = this.view;
     }
@@ -142,7 +155,7 @@ const ArcgisPrint$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
   }
   get el() { return this; }
   static get watchers() { return {
-    "position": ["positionWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
     "allowedFormats": ["allowedFormatsWatcher"],
     "allowedLayouts": ["allowedLayoutsWatcher"],
     "extraParameters": ["extraParametersWatcher"],
@@ -151,10 +164,10 @@ const ArcgisPrint$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     "printServiceUrl": ["printServiceUrlWatcher"],
     "templateCustomTextElements": ["templateCustomTextElementsWatcher"],
     "templateOptions": ["templateOptionsWatcher"],
-    "referenceElement": ["referenceElementWatcher"],
+    "position": ["positionWatcher"],
     "view": ["viewWatcher"]
   }; }
-  static get style() { return arcgisPrintCss; }
+  static get style() { return printCss; }
 }, [0, "arcgis-print", {
     "referenceElement": [1, "reference-element"],
     "allowedFormats": [1, "allowed-formats"],
@@ -170,6 +183,18 @@ const ArcgisPrint$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     "expandable": [4],
     "view": [1040],
     "widget": [1040]
+  }, undefined, {
+    "referenceElement": ["referenceElementWatcher"],
+    "allowedFormats": ["allowedFormatsWatcher"],
+    "allowedLayouts": ["allowedLayoutsWatcher"],
+    "extraParameters": ["extraParametersWatcher"],
+    "includeDefaultTemplates": ["includeDefaultTemplatesWatcher"],
+    "portal": ["portalWatcher"],
+    "printServiceUrl": ["printServiceUrlWatcher"],
+    "templateCustomTextElements": ["templateCustomTextElementsWatcher"],
+    "templateOptions": ["templateOptionsWatcher"],
+    "position": ["positionWatcher"],
+    "view": ["viewWatcher"]
   }]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
@@ -195,3 +220,5 @@ const ArcgisPrint = ArcgisPrint$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { ArcgisPrint, defineCustomElement };
+
+//# sourceMappingURL=arcgis-print.js.map

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

@@ -0,0 +1 @@
+{"file":"arcgis-print.js","mappings":";;;;;;AAAA,MAAM,QAAQ,GAAG,EAAE;;MCiBNA,aAAW;;;;;;;IA0HtB,kBAAa,GAAyB,EAAE,CAAC;;;;;;;;;;;oBAtBtB,aAAa;sBASX,KAAK;;;;EAvF1B,uBAAuB,CAAC,QAAyC;IAC/D,sBAAsB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;GACxC;EAKD,qBAAqB,CAAC,KAAa;IACjC,IAAI,KAAK,IAAI,IAAI,CAAC,MAAM,EAAE;MACxB,IAAI,CAAC,MAAM,CAAC,cAAc,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;KAC/C;GACF;EAKD,qBAAqB,CAAC,KAAa;IACjC,IAAI,KAAK,IAAI,IAAI,CAAC,MAAM,EAAE;MACxB,IAAI,CAAC,MAAM,CAAC,cAAc,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;KAC/C;GACF;EAOD,sBAAsB,CAAC,KAAqC;IAC1D,IAAI,KAAK,IAAI,IAAI,CAAC,MAAM,EAAE;MACxB,IAAI,CAAC,MAAM,CAAC,eAAe,GAAG,KAAK,CAAC;KACrC;GACF;EAKD,8BAA8B,CAAC,KAA6C;IAC1E,IAAI,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE;MACtC,IAAI,CAAC,MAAM,CAAC,uBAAuB,GAAG,KAAK,CAAC;KAC7C;GACF;EAKD,aAAa,CAAC,KAA4B;IACxC,IAAI,KAAK,IAAI,IAAI,CAAC,MAAM,EAAE;MACxB,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,KAAK,CAAC;KAC5B;GACF;EAKD,sBAAsB,CAAC,KAAqC;IAC1D,IAAI,KAAK,IAAI,IAAI,CAAC,MAAM,EAAE;MACxB,IAAI,CAAC,MAAM,CAAC,eAAe,GAAG,KAAK,CAAC;KACrC;GACF;EAKD,iCAAiC,CAAC,KAAgD;IAChF,IAAI,IAAI,CAAC,MAAM,EAAE;MACf,IAAI,CAAC,MAAM,CAAC,0BAA0B,GAAG,KAAK,CAAC;KAChD;GACF;EAKD,sBAAsB,CAAC,KAAqC;IAC1D,IAAI,IAAI,CAAC,MAAM,EAAE;MACf,IAAI,CAAC,MAAM,CAAC,eAAe,GAAG,KAAK,CAAC;KACrC;GACF;EAKD,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,WAAW,CAAC,QAAuB;IACjC,IAAI,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE;MACzC,IAAI,CAAC,MAAM,CAAC,IAAI,GAAG,QAAQ,CAAC;KAC7B;GACF;;;;;;EAuBD,MAAM,gBAAgB;IACpB,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;IAEpC,MAAM,MAAM,GAAG,MAAM,eAAe,CAAC,MAAM,CAAC,CAAC;IAE7C,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;IAErB,MAAM,IAAI,CAAC,YAAY,EAAE,CAAC;IAE1B,IAAI,CAAC,YAAY,EAAE,CAAC;IAEpB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;IAE/C,YAAY,CAAC,IAAI,CAAC,CAAC;GACpB;EAED,oBAAoB;IAClB,oBAAoB,CAAC,IAAI,CAAC,CAAC;GAC5B;EAED,MAAM;IACJ,IAAI,IAAI,CAAC,UAAU,EAAE;MACnB,QACE,qBAAe,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,UAAU,GAAG,EAA6B,CAAC,IACpG,WAAK,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,SAAS,GAAG,EAAoB,CAAC,GAAQ,CACnD,EAChB;KACH;IACD,OAAO,WAAK,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,SAAS,GAAG,EAAoB,CAAC,GAAQ,CAAC;GAC1E;;;;;;EAOO,MAAM,YAAY;IACxB,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,uBAAuB,EAAE,CAAC;IAElD,UAAU,CACR,IAAI,EACJ,KAAK,CACH,MAAM,IAAI,CAAC,MAAM,CAAC,aAAa,EAC/B,CAAC,KAAK,MAAM,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC,EACvC;MACE,OAAO,EAAE,IAAI;KACd,CACF,CACF,CAAC;GACH;EAEO,aAAa;IACnB,MAAM,MAAM,GAAyB;MACnC,SAAS,EAAE,IAAI,CAAC,SAAS;KAC1B,CAAC;IAEF,IAAI,IAAI,CAAC,cAAc,EAAE;MACvB,MAAM,CAAC,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC;KAC7C;IAED,IAAI,IAAI,CAAC,cAAc,EAAE;MACvB,MAAM,CAAC,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC;KAC7C;IAED,IAAI,IAAI,CAAC,eAAe,EAAE;MACxB,MAAM,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC;KAC/C;IAED,IAAI,IAAI,CAAC,uBAAuB,KAAK,SAAS,EAAE;MAC9C,MAAM,CAAC,uBAAuB,GAAG,IAAI,CAAC,uBAAuB,CAAC;KAC/D;IAED,IAAI,IAAI,CAAC,MAAM,EAAE;MACf,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;KAC7B;IAED,IAAI,IAAI,CAAC,eAAe,EAAE;MACxB,MAAM,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC;KAC/C;IAED,IAAI,IAAI,CAAC,0BAA0B,EAAE;MACnC,MAAM,CAAC,0BAA0B,GAAG,IAAI,CAAC,0BAA0B,CAAC;KACrE;IAED,IAAI,IAAI,CAAC,eAAe,EAAE;MACxB,MAAM,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC;KAC/C;IAED,IAAI,IAAI,CAAC,IAAI,EAAE;MACb,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;KACzB;IAED,OAAO,MAAM,CAAC;GACf;EAEO,YAAY;IAClB,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,UAAU,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;IAC9D,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;GAC3D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["ArcgisPrint"],"sources":["src/components/print/print.css?tag=arcgis-print","src/components/print/print.tsx"],"sourcesContent":["","import { Component, Element, Event, EventEmitter, Prop, VNode, Watch, h } from \"@stencil/core\";\n\n// arcgis imports\nimport { importCoreReactiveUtils, newWidgetsPrint } from \"@arcgis/core-adapter\";\nimport type Print from \"@arcgis/core/widgets/Print\";\nimport { ArcgisReferenceElement, addHandles, checkForView, referenceElementHelper } from \"../../utils/component-utils\";\nimport { onDisconnectedHelper } from \"../../utils/disconnected\";\nimport { ExpandableComponent } from \"../../utils/expandable\";\nimport { ArcGISMapView } from \"../types\";\n\nexport type PrintWidget = InstanceType<typeof Print>;\n\n@Component({\n  tag: \"arcgis-print\",\n  styleUrl: \"print.css\",\n  shadow: false\n})\nexport class ArcgisPrint implements ExpandableComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Elements\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() allowedFormats: PrintWidget[\"allowedFormats\"];\n\n  @Watch(\"allowedFormats\")\n  allowedFormatsWatcher(value: string): void {\n    if (value && this.widget) {\n      this.widget.allowedFormats = value.split(\",\");\n    }\n  }\n\n  @Prop() allowedLayouts: PrintWidget[\"allowedLayouts\"];\n\n  @Watch(\"allowedLayouts\")\n  allowedLayoutsWatcher(value: string): void {\n    if (value && this.widget) {\n      this.widget.allowedLayouts = value.split(\",\");\n    }\n  }\n\n  @Prop({ mutable: true }) exportedLinks: PrintWidget[\"exportedLinks\"];\n\n  @Prop() extraParameters: PrintWidget[\"extraParameters\"];\n\n  @Watch(\"extraParameters\")\n  extraParametersWatcher(value: PrintWidget[\"extraParameters\"]): void {\n    if (value && this.widget) {\n      this.widget.extraParameters = value;\n    }\n  }\n\n  @Prop() includeDefaultTemplates: PrintWidget[\"includeDefaultTemplates\"];\n\n  @Watch(\"includeDefaultTemplates\")\n  includeDefaultTemplatesWatcher(value: PrintWidget[\"includeDefaultTemplates\"]): void {\n    if (value !== undefined && this.widget) {\n      this.widget.includeDefaultTemplates = value;\n    }\n  }\n\n  @Prop() portal: PrintWidget[\"portal\"];\n\n  @Watch(\"portal\")\n  portalWatcher(value: PrintWidget[\"portal\"]): void {\n    if (value && this.widget) {\n      this.widget.portal = value;\n    }\n  }\n\n  @Prop() printServiceUrl: PrintWidget[\"printServiceUrl\"];\n\n  @Watch(\"printServiceUrl\")\n  printServiceUrlWatcher(value: PrintWidget[\"printServiceUrl\"]): void {\n    if (value && this.widget) {\n      this.widget.printServiceUrl = value;\n    }\n  }\n\n  @Prop() templateCustomTextElements: PrintWidget[\"templateCustomTextElements\"];\n\n  @Watch(\"templateCustomTextElements\")\n  templateCustomTextElementsWatcher(value: PrintWidget[\"templateCustomTextElements\"]): void {\n    if (this.widget) {\n      this.widget.templateCustomTextElements = value;\n    }\n  }\n\n  @Prop() templateOptions: PrintWidget[\"templateOptions\"];\n\n  @Watch(\"templateOptions\")\n  templateOptionsWatcher(value: PrintWidget[\"templateOptions\"]): void {\n    if (this.widget) {\n      this.widget.templateOptions = value;\n    }\n  }\n\n  @Prop() position = \"bottom-left\";\n\n  @Watch(\"position\")\n  positionWatcher(newValue: string): void {\n    if (newValue !== undefined && this.widget) {\n      this.view.ui.move(this.childElem, newValue);\n    }\n  }\n\n  @Prop() expandable = false;\n\n  @Prop({ mutable: true }) view: ArcGISMapView;\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: PrintWidget;\n\n  _watchHandles: __esri.WatchHandle[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  @Event({ cancelable: true }) widgetReady: EventEmitter<{ widget: __esri.Print }>;\n\n  @Event({ cancelable: true }) printComplete: EventEmitter<__esri.PrintCompleteEvent>;\n  @Event({ cancelable: true }) printSubmit: EventEmitter<__esri.PrintSubmitEvent>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentDidLoad(): Promise<void> {\n    const params = this._createParams();\n\n    const widget = await newWidgetsPrint(params);\n\n    this.widget = widget;\n\n    await this._addWatchers();\n\n    this._proxyEvents();\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.exportedLinks,\n        (value) => (this.exportedLinks = value),\n        {\n          initial: true\n        }\n      )\n    );\n  }\n\n  private _createParams(): Partial<PrintWidget> {\n    const params: Partial<PrintWidget> = {\n      container: this.childElem\n    };\n\n    if (this.allowedFormats) {\n      params.allowedFormats = this.allowedFormats;\n    }\n\n    if (this.allowedLayouts) {\n      params.allowedLayouts = this.allowedLayouts;\n    }\n\n    if (this.extraParameters) {\n      params.extraParameters = this.extraParameters;\n    }\n\n    if (this.includeDefaultTemplates !== undefined) {\n      params.includeDefaultTemplates = this.includeDefaultTemplates;\n    }\n\n    if (this.portal) {\n      params.portal = this.portal;\n    }\n\n    if (this.printServiceUrl) {\n      params.printServiceUrl = this.printServiceUrl;\n    }\n\n    if (this.templateCustomTextElements) {\n      params.templateCustomTextElements = this.templateCustomTextElements;\n    }\n\n    if (this.templateOptions) {\n      params.templateOptions = this.templateOptions;\n    }\n\n    if (this.view) {\n      params.view = this.view;\n    }\n\n    return params;\n  }\n\n  private _proxyEvents() {\n    this.widget.on(\"complete\", (e) => this.printComplete.emit(e));\n    this.widget.on(\"submit\", (e) => this.printSubmit.emit(e));\n  }\n}\n"],"version":3}

package/dist/components/arcgis-scale-bar.js

@@ -1,15 +1,17 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { N as newWidgetsScaleBar } 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 { O as newWidgetsScaleBar } from './index2.js';
+import { r as referenceElementHelper, c as checkForView } from './component-utils.js';
+import { o as onDisconnectedHelper } from './disconnected.js';
+import { d as defineCustomElement$2 } from './expand.js';
 
-const arcgisScaleBarCss = "arcgis-scale-bar{}";
+const scaleBarCss = "arcgis-scale-bar{}";
 
-const ArcgisScaleBar$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+const ArcgisScaleBar$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisScaleBar extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
     this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.view = undefined;
     this.position = "bottom-left";
@@ -18,18 +20,6 @@ const ArcgisScaleBar$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
     this.unit = 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);
   }
@@ -38,13 +28,18 @@ const ArcgisScaleBar$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
       this.widget.view = newValue;
     }
   }
-  styleWatcher(newValue) {
+  positionWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
+      this.view.ui.move(this.childElem, newValue);
+    }
+  }
+  styleWatcher(newValue) {
+    if (this.widget) {
       this.widget.style = newValue;
     }
   }
   unitWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
+    if (this.widget) {
       this.widget.unit = newValue;
     }
   }
@@ -91,13 +86,13 @@ const ArcgisScaleBar$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
   }
   get el() { return this; }
   static get watchers() { return {
-    "position": ["positionWatcher"],
     "referenceElement": ["referenceElementWatcher"],
     "view": ["viewWatcher"],
+    "position": ["positionWatcher"],
     "barStyle": ["styleWatcher"],
     "unit": ["unitWatcher"]
   }; }
-  static get style() { return arcgisScaleBarCss; }
+  static get style() { return scaleBarCss; }
 }, [0, "arcgis-scale-bar", {
     "referenceElement": [1, "reference-element"],
     "view": [1040],
@@ -106,6 +101,12 @@ const ArcgisScaleBar$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
     "barStyle": [1, "bar-style"],
     "unit": [1],
     "widget": [1040]
+  }, undefined, {
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"],
+    "position": ["positionWatcher"],
+    "barStyle": ["styleWatcher"],
+    "unit": ["unitWatcher"]
   }]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
@@ -131,3 +132,5 @@ const ArcgisScaleBar = ArcgisScaleBar$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { ArcgisScaleBar, defineCustomElement };
+
+//# sourceMappingURL=arcgis-scale-bar.js.map

package/dist/components/arcgis-scale-bar.js.map

@@ -0,0 +1 @@
+{"file":"arcgis-scale-bar.js","mappings":";;;;;;AAAA,MAAM,WAAW,GAAG,oBAAoB;;MCgB3BA,gBAAc;;;;;IAkEzB,kBAAa,GAAyB,EAAE,CAAC;;;oBA/BtB,aAAa;sBASX,KAAK;;;;;EAtB1B,uBAAuB,CAAC,QAAyC;IAC/D,sBAAsB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;GACxC;EAKD,WAAW,CAAC,QAAuB;IACjC,IAAI,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE;MACzC,IAAI,CAAC,MAAM,CAAC,IAAI,GAAG,QAAQ,CAAC;KAC7B;GACF;EAKD,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,YAAY,CAAC,QAAiC;IAC5C,IAAI,IAAI,CAAC,MAAM,EAAE;MACf,IAAI,CAAC,MAAM,CAAC,KAAK,GAAG,QAAQ,CAAC;KAC9B;GACF;EAKD,WAAW,CAAC,QAAgC;IAC1C,IAAI,IAAI,CAAC,MAAM,EAAE;MACf,IAAI,CAAC,MAAM,CAAC,IAAI,GAAG,QAAQ,CAAC;KAC7B;GACF;;;;;;EAoBD,MAAM,gBAAgB;IACpB,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;IAEpC,MAAM,MAAM,GAAG,MAAM,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAEhD,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;IACrB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;IAE/C,YAAY,CAAC,IAAI,CAAC,CAAC;GACpB;EAED,oBAAoB;IAClB,oBAAoB,CAAC,IAAI,CAAC,CAAC;GAC5B;EAED,MAAM;IACJ,IAAI,IAAI,CAAC,UAAU,EAAE;MACnB,QACE,qBAAe,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,UAAU,GAAG,EAA6B,CAAC,IACpG,WAAK,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,SAAS,GAAG,EAAoB,CAAC,GAAQ,CACnD,EAChB;KACH;IACD,OAAO,WAAK,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,SAAS,GAAG,EAAoB,CAAC,GAAQ,CAAC;GAC1E;;;;;;EAOO,aAAa;IACnB,MAAM,MAAM,GAA4B;MACtC,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,QAAQ,EAAE;MACjB,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC;KAC9B;IAED,IAAI,IAAI,CAAC,IAAI,EAAE;MACb,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;KACzB;IAED,OAAO,MAAM,CAAC;GACf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["ArcgisScaleBar"],"sources":["src/components/scale-bar/scale-bar.css?tag=arcgis-scale-bar","src/components/scale-bar/scale-bar.tsx"],"sourcesContent":["arcgis-scale-bar {\n  /* Component styles go here */\n}\n","import { Component, Element, Event, EventEmitter, Prop, VNode, Watch, h } from \"@stencil/core\";\n\n// arcgis imports\nimport { newWidgetsScaleBar } from \"@arcgis/core-adapter\";\nimport type ScaleBar from \"@arcgis/core/widgets/ScaleBar\";\nimport { ArcgisReferenceElement, checkForView, referenceElementHelper } from \"../../utils/component-utils\";\nimport { onDisconnectedHelper } from \"../../utils/disconnected\";\nimport { ExpandableComponent } from \"../../utils/expandable\";\nimport { ArcGISMapView } from \"../types\";\n\nexport type ScaleBarWidget = InstanceType<typeof ScaleBar>;\n\n@Component({\n  tag: \"arcgis-scale-bar\",\n  styleUrl: \"scale-bar.css\"\n})\nexport class ArcgisScaleBar 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;\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() 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() barStyle: ScaleBarWidget[\"style\"];\n\n  @Watch(\"barStyle\")\n  styleWatcher(newValue: ScaleBarWidget[\"style\"]): void {\n    if (this.widget) {\n      this.widget.style = newValue;\n    }\n  }\n\n  @Prop() unit: ScaleBarWidget[\"unit\"];\n\n  @Watch(\"unit\")\n  unitWatcher(newValue: ScaleBarWidget[\"unit\"]): void {\n    if (this.widget) {\n      this.widget.unit = newValue;\n    }\n  }\n\n  @Prop({ mutable: true }) widget: ScaleBarWidget;\n\n  _watchHandles: __esri.WatchHandle[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  @Event({ cancelable: true }) widgetReady: EventEmitter<{ widget: __esri.ScaleBar }>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentDidLoad(): Promise<void> {\n    const params = this._createParams();\n\n    const widget = await newWidgetsScaleBar(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    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<ScaleBarWidget> {\n    const params: Partial<ScaleBarWidget> = {\n      container: this.childElem\n    };\n\n    if (this.unit) {\n      params.unit = this.unit;\n    }\n\n    if (this.barStyle) {\n      params.style = this.barStyle;\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-scale-range-slider.js

@@ -1,15 +1,17 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { O as newWidgetsScaleRangeSlider } 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 { P as newWidgetsScaleRangeSlider } from './index2.js';
+import { r as referenceElementHelper, c as checkForView } from './component-utils.js';
+import { o as onDisconnectedHelper } from './disconnected.js';
+import { d as defineCustomElement$2 } from './expand.js';
 
-const arcgisScaleRangeSliderCss = "arcgis-scale-range-slider{}";
+const scaleRangeSliderCss = "arcgis-scale-range-slider{}";
 
-const ArcgisScaleRangeSlider$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+const ArcgisScaleRangeSlider$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisScaleRangeSlider extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
     this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.view = undefined;
     this.position = "bottom-left";
@@ -21,27 +23,29 @@ const ArcgisScaleRangeSlider$1 = /*@__PURE__*/ proxyCustomElement(class extends
     this.minScale = undefined;
     this.minScaleLimit = undefined;
     this.region = undefined;
+    this.visibleElements = undefined;
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Watchers
-  //
-  //--------------------------------------------------------------------------
-  positionWatcher(newValue) {
+  referenceElementWatcher(newValue) {
+    referenceElementHelper(this, newValue);
+  }
+  viewWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
-      if (typeof this.view !== "string") {
-        this.view.ui.move(this.childElem, newValue);
-      }
+      this.widget.view = newValue;
     }
   }
-  maxScaleWatcher(newValue) {
+  positionWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
-      this.widget.maxScale = newValue;
+      this.view.ui.move(this.childElem, newValue);
     }
   }
-  minScaleWatcher(newValue) {
+  layerWatcher(newValue) {
+    if (this.widget) {
+      this.widget.layer = newValue;
+    }
+  }
+  maxScaleWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
-      this.widget.minScale = newValue;
+      this.widget.maxScale = newValue;
     }
   }
   maxScaleLimitWatcher(newValue) {
@@ -49,27 +53,24 @@ const ArcgisScaleRangeSlider$1 = /*@__PURE__*/ proxyCustomElement(class extends
       this.widget.maxScaleLimit = newValue;
     }
   }
-  minScaleLimitWatcher(newValue) {
+  minScaleWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
-      this.widget.minScaleLimit = newValue;
+      this.widget.minScale = newValue;
     }
   }
-  layerWatcher(newValue) {
+  minScaleLimitWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
-      this.widget.layer = newValue;
+      this.widget.minScaleLimit = newValue;
     }
   }
   regionWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
+    if (this.widget) {
       this.widget.region = newValue;
     }
   }
-  referenceElementWatcher(newValue) {
-    referenceElementHelper(this, newValue);
-  }
-  viewWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      this.widget.view = newValue;
+  visibleElementsWatcher(newValue) {
+    if (this.widget) {
+      this.widget.visibleElements = newValue;
     }
   }
   //--------------------------------------------------------------------------
@@ -120,6 +121,9 @@ const ArcgisScaleRangeSlider$1 = /*@__PURE__*/ proxyCustomElement(class extends
     if (this.region !== undefined) {
       params.region = this.region;
     }
+    if (this.visibleElements) {
+      params.visibleElements = this.visibleElements;
+    }
     if (this.view) {
       params.view = this.view;
     }
@@ -127,17 +131,18 @@ const ArcgisScaleRangeSlider$1 = /*@__PURE__*/ proxyCustomElement(class extends
   }
   get el() { return this; }
   static get watchers() { return {
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"],
     "position": ["positionWatcher"],
+    "layer": ["layerWatcher"],
     "maxScale": ["maxScaleWatcher"],
-    "minScale": ["minScaleWatcher"],
     "maxScaleLimit": ["maxScaleLimitWatcher"],
+    "minScale": ["minScaleWatcher"],
     "minScaleLimit": ["minScaleLimitWatcher"],
-    "layer": ["layerWatcher"],
     "region": ["regionWatcher"],
-    "referenceElement": ["referenceElementWatcher"],
-    "view": ["viewWatcher"]
+    "visibleElements": ["visibleElementsWatcher"]
   }; }
-  static get style() { return arcgisScaleRangeSliderCss; }
+  static get style() { return scaleRangeSliderCss; }
 }, [0, "arcgis-scale-range-slider", {
     "referenceElement": [1, "reference-element"],
     "view": [1040],
@@ -149,7 +154,19 @@ const ArcgisScaleRangeSlider$1 = /*@__PURE__*/ proxyCustomElement(class extends
     "maxScaleLimit": [2, "max-scale-limit"],
     "minScale": [2, "min-scale"],
     "minScaleLimit": [2, "min-scale-limit"],
-    "region": [1]
+    "region": [1],
+    "visibleElements": [16]
+  }, undefined, {
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"],
+    "position": ["positionWatcher"],
+    "layer": ["layerWatcher"],
+    "maxScale": ["maxScaleWatcher"],
+    "maxScaleLimit": ["maxScaleLimitWatcher"],
+    "minScale": ["minScaleWatcher"],
+    "minScaleLimit": ["minScaleLimitWatcher"],
+    "region": ["regionWatcher"],
+    "visibleElements": ["visibleElementsWatcher"]
   }]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
@@ -175,3 +192,5 @@ const ArcgisScaleRangeSlider = ArcgisScaleRangeSlider$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { ArcgisScaleRangeSlider, defineCustomElement };
+
+//# sourceMappingURL=arcgis-scale-range-slider.js.map

package/dist/components/arcgis-scale-range-slider.js.map

@@ -0,0 +1 @@
+{"file":"arcgis-scale-range-slider.js","mappings":"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","names":["ArcgisScaleRangeSlider"],"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"],"version":3}