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

package/dist/esm/arcgis-histogram-range-slider.entry.js

@@ -1,26 +1,75 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
-import { I as newWidgetsHistogramRangeSlider } from './index-334b0bde.js';
-import { c as checkForView } from './component-utils-2ebdae59.js';
-import { o as onDisconnectedHelper } from './disconnected-bc5fc8bc.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-05f887cd.js';
+import { F as newWidgetsHistogramRangeSlider } from './index-fd2cea51.js';
+import { c as checkForView } from './component-utils-42a79acb.js';
+import { o as onDisconnectedHelper } from './disconnected-bf72f8e5.js';
 
-const arcgisHistogramRangeSliderCss = "arcgis-histogram-range-slider{}";
+const histogramRangeSliderCss = "arcgis-histogram-range-slider{}";
 
 const ArcgisHistogramRangeSlider = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
+    this.average = undefined;
+    this.barCreatedFunction = undefined;
+    this.bins = undefined;
+    this.dataLineCreatedFunction = undefined;
+    this.dataLines = undefined;
+    this.excludedBarColor = undefined;
+    this.includedBarColor = undefined;
+    this.labelFormatFunction = undefined;
     this.max = 0;
     this.min = 0;
+    this.precision = undefined;
+    this.rangeType = undefined;
+    this.standardDeviation = undefined;
+    this.standardDeviationCount = undefined;
+    this.values = undefined;
     this.position = "bottom-left";
     this.expandable = false;
     this.widget = undefined;
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Watchers
-  //
-  //--------------------------------------------------------------------------
+  averageWatcher(newValue) {
+    if (this.widget) {
+      this.widget.average = newValue;
+    }
+  }
+  barCreatedFunctionWatcher(newValue) {
+    if (this.widget) {
+      this.widget.barCreatedFunction = newValue;
+    }
+  }
+  binsWatcher(newValue) {
+    if (this.widget) {
+      this.widget.bins = newValue;
+    }
+  }
+  dataLineCreatedFunctionWatcher(newValue) {
+    if (this.widget) {
+      this.widget.dataLineCreatedFunction = newValue;
+    }
+  }
+  dataLinesWatcher(newValue) {
+    if (this.widget) {
+      this.widget.dataLines = newValue;
+    }
+  }
+  excludedBarColorWatcher(newValue) {
+    if (this.widget) {
+      this.widget.excludedBarColor = newValue;
+    }
+  }
+  includedBarColorWatcher(newValue) {
+    if (this.widget) {
+      this.widget.includedBarColor = newValue;
+    }
+  }
+  labelFormatFunctionWatcher(newValue) {
+    if (this.widget) {
+      this.widget.labelFormatFunction = newValue;
+    }
+  }
   maxWatcher(newValue) {
     if (this.widget) {
       this.widget.max = Number(newValue);
@@ -31,6 +80,31 @@ const ArcgisHistogramRangeSlider = class {
       this.widget.min = Number(newValue);
     }
   }
+  precisionWatcher(newValue) {
+    if (this.widget) {
+      this.widget.precision = newValue;
+    }
+  }
+  rangeTypeWatcher(newValue) {
+    if (this.widget) {
+      this.widget.rangeType = newValue;
+    }
+  }
+  standardDeviationWatcher(newValue) {
+    if (this.widget) {
+      this.widget.standardDeviation = newValue;
+    }
+  }
+  standardDeviationCountWatcher(newValue) {
+    if (this.widget) {
+      this.widget.standardDeviationCount = newValue;
+    }
+  }
+  valuesWatcher(newValue) {
+    if (this.widget) {
+      this.widget.values = newValue;
+    }
+  }
   //--------------------------------------------------------------------------
   //
   //  Lifecycle
@@ -63,14 +137,68 @@ const ArcgisHistogramRangeSlider = class {
       min: this.min,
       max: this.max
     };
+    if (this.average !== undefined) {
+      params.average = this.average;
+    }
+    if (this.barCreatedFunction) {
+      params.barCreatedFunction = this.barCreatedFunction;
+    }
+    if (this.bins !== undefined) {
+      params.bins = this.bins;
+    }
+    if (this.dataLineCreatedFunction) {
+      params.dataLineCreatedFunction = this.dataLineCreatedFunction;
+    }
+    if (this.dataLines !== undefined) {
+      params.dataLines = this.dataLines;
+    }
+    if (this.excludedBarColor) {
+      params.excludedBarColor = this.excludedBarColor;
+    }
+    if (this.includedBarColor) {
+      params.includedBarColor = this.includedBarColor;
+    }
+    if (this.labelFormatFunction) {
+      params.labelFormatFunction = this.labelFormatFunction;
+    }
+    if (this.precision !== undefined) {
+      params.precision = this.precision;
+    }
+    if (this.rangeType) {
+      params.rangeType = this.rangeType;
+    }
+    if (this.standardDeviation !== undefined) {
+      params.standardDeviation = this.standardDeviation;
+    }
+    if (this.standardDeviationCount !== undefined) {
+      params.standardDeviationCount = this.standardDeviationCount;
+    }
+    if (this.values !== undefined) {
+      params.values = this.values;
+    }
     return params;
   }
   get el() { return getElement(this); }
   static get watchers() { return {
+    "average": ["averageWatcher"],
+    "barCreatedFunction": ["barCreatedFunctionWatcher"],
+    "bins": ["binsWatcher"],
+    "dataLineCreatedFunction": ["dataLineCreatedFunctionWatcher"],
+    "dataLines": ["dataLinesWatcher"],
+    "excludedBarColor": ["excludedBarColorWatcher"],
+    "includedBarColor": ["includedBarColorWatcher"],
+    "labelFormatFunction": ["labelFormatFunctionWatcher"],
     "max": ["maxWatcher"],
-    "min": ["minWatcher"]
+    "min": ["minWatcher"],
+    "precision": ["precisionWatcher"],
+    "rangeType": ["rangeTypeWatcher"],
+    "standardDeviation": ["standardDeviationWatcher"],
+    "standardDeviationCount": ["standardDeviationCountWatcher"],
+    "values": ["valuesWatcher"]
   }; }
 };
-ArcgisHistogramRangeSlider.style = arcgisHistogramRangeSliderCss;
+ArcgisHistogramRangeSlider.style = histogramRangeSliderCss;
 
 export { ArcgisHistogramRangeSlider as arcgis_histogram_range_slider };
+
+//# sourceMappingURL=arcgis-histogram-range-slider.entry.js.map

package/dist/esm/arcgis-histogram-range-slider.entry.js.map

@@ -0,0 +1 @@
+{"file":"arcgis-histogram-range-slider.entry.js","mappings":"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","names":[],"sources":["src/components/histogram-range-slider/histogram-range-slider.css?tag=arcgis-histogram-range-slider","src/components/histogram-range-slider/histogram-range-slider.tsx"],"sourcesContent":["arcgis-histogram-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 { newWidgetsHistogramRangeSlider } from \"@arcgis/core-adapter\";\nimport type HistogramRangeSlider from \"@arcgis/core/widgets/HistogramRangeSlider\";\nimport { ArcgisReferenceElement, checkForView } from \"../../utils/component-utils\";\nimport { onDisconnectedHelper } from \"../../utils/disconnected\";\nimport { ExpandableComponent } from \"../../utils/expandable\";\n\nexport type HistogramRangeSliderWidget = InstanceType<typeof HistogramRangeSlider>;\n\n@Component({\n  tag: \"arcgis-histogram-range-slider\",\n  styleUrl: \"histogram-range-slider.css\"\n})\nexport class ArcgisHistogramRangeSlider 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() average: HistogramRangeSliderWidget[\"average\"];\n\n  @Watch(\"average\")\n  averageWatcher(newValue: HistogramRangeSliderWidget[\"average\"]): void {\n    if (this.widget) {\n      this.widget.average = newValue;\n    }\n  }\n\n  @Prop() barCreatedFunction: HistogramRangeSliderWidget[\"barCreatedFunction\"];\n\n  @Watch(\"barCreatedFunction\")\n  barCreatedFunctionWatcher(newValue: HistogramRangeSliderWidget[\"barCreatedFunction\"]): void {\n    if (this.widget) {\n      this.widget.barCreatedFunction = newValue;\n    }\n  }\n\n  @Prop() bins: HistogramRangeSliderWidget[\"bins\"];\n\n  @Watch(\"bins\")\n  binsWatcher(newValue: HistogramRangeSliderWidget[\"bins\"]): void {\n    if (this.widget) {\n      this.widget.bins = newValue;\n    }\n  }\n\n  @Prop() dataLineCreatedFunction: HistogramRangeSliderWidget[\"dataLineCreatedFunction\"];\n\n  @Watch(\"dataLineCreatedFunction\")\n  dataLineCreatedFunctionWatcher(newValue: HistogramRangeSliderWidget[\"dataLineCreatedFunction\"]): void {\n    if (this.widget) {\n      this.widget.dataLineCreatedFunction = newValue;\n    }\n  }\n\n  @Prop() dataLines: HistogramRangeSliderWidget[\"dataLines\"];\n\n  @Watch(\"dataLines\")\n  dataLinesWatcher(newValue: HistogramRangeSliderWidget[\"dataLines\"]): void {\n    if (this.widget) {\n      this.widget.dataLines = newValue;\n    }\n  }\n\n  @Prop() excludedBarColor: HistogramRangeSliderWidget[\"excludedBarColor\"];\n\n  @Watch(\"excludedBarColor\")\n  excludedBarColorWatcher(newValue: HistogramRangeSliderWidget[\"excludedBarColor\"]): void {\n    if (this.widget) {\n      this.widget.excludedBarColor = newValue;\n    }\n  }\n\n  @Prop() includedBarColor: HistogramRangeSliderWidget[\"includedBarColor\"];\n\n  @Watch(\"includedBarColor\")\n  includedBarColorWatcher(newValue: HistogramRangeSliderWidget[\"includedBarColor\"]): void {\n    if (this.widget) {\n      this.widget.includedBarColor = newValue;\n    }\n  }\n\n  @Prop() labelFormatFunction: HistogramRangeSliderWidget[\"labelFormatFunction\"];\n\n  @Watch(\"labelFormatFunction\")\n  labelFormatFunctionWatcher(newValue: HistogramRangeSliderWidget[\"labelFormatFunction\"]): void {\n    if (this.widget) {\n      this.widget.labelFormatFunction = newValue;\n    }\n  }\n\n  @Prop() max = 0;\n\n  @Watch(\"max\")\n  maxWatcher(newValue: number): void {\n    if (this.widget) {\n      this.widget.max = Number(newValue);\n    }\n  }\n\n  @Prop() min = 0;\n\n  @Watch(\"min\")\n  minWatcher(newValue: number): void {\n    if (this.widget) {\n      this.widget.min = Number(newValue);\n    }\n  }\n\n  @Prop() precision: HistogramRangeSliderWidget[\"precision\"];\n\n  @Watch(\"precision\")\n  precisionWatcher(newValue: HistogramRangeSliderWidget[\"precision\"]): void {\n    if (this.widget) {\n      this.widget.precision = newValue;\n    }\n  }\n\n  @Prop() rangeType: HistogramRangeSliderWidget[\"rangeType\"];\n\n  @Watch(\"rangeType\")\n  rangeTypeWatcher(newValue: HistogramRangeSliderWidget[\"rangeType\"]): void {\n    if (this.widget) {\n      this.widget.rangeType = newValue;\n    }\n  }\n\n  @Prop() standardDeviation: HistogramRangeSliderWidget[\"standardDeviation\"];\n\n  @Watch(\"standardDeviation\")\n  standardDeviationWatcher(newValue: HistogramRangeSliderWidget[\"standardDeviation\"]): void {\n    if (this.widget) {\n      this.widget.standardDeviation = newValue;\n    }\n  }\n\n  @Prop() standardDeviationCount: HistogramRangeSliderWidget[\"standardDeviationCount\"];\n\n  @Watch(\"standardDeviationCount\")\n  standardDeviationCountWatcher(newValue: HistogramRangeSliderWidget[\"standardDeviationCount\"]): void {\n    if (this.widget) {\n      this.widget.standardDeviationCount = newValue;\n    }\n  }\n\n  @Prop() values: HistogramRangeSliderWidget[\"values\"];\n\n  @Watch(\"values\")\n  valuesWatcher(newValue: HistogramRangeSliderWidget[\"values\"]): void {\n    if (this.widget) {\n      this.widget.values = newValue;\n    }\n  }\n\n  @Prop() position = \"bottom-left\";\n\n  @Prop() expandable = false;\n\n  @Prop({ mutable: true }) widget: HistogramRangeSliderWidget;\n\n  _watchHandles: __esri.WatchHandle[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  @Event({ cancelable: true }) widgetReady: EventEmitter<{ widget: __esri.HistogramRangeSlider }>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentDidLoad(): Promise<void> {\n    const params = this._createParams();\n\n    const widget = await newWidgetsHistogramRangeSlider(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  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private _createParams(): Partial<HistogramRangeSliderWidget> {\n    const params: Partial<HistogramRangeSliderWidget> = {\n      container: this.childElem,\n      min: this.min,\n      max: this.max\n    };\n\n    if (this.average !== undefined) {\n      params.average = this.average;\n    }\n\n    if (this.barCreatedFunction) {\n      params.barCreatedFunction = this.barCreatedFunction;\n    }\n\n    if (this.bins !== undefined) {\n      params.bins = this.bins;\n    }\n\n    if (this.dataLineCreatedFunction) {\n      params.dataLineCreatedFunction = this.dataLineCreatedFunction;\n    }\n\n    if (this.dataLines !== undefined) {\n      params.dataLines = this.dataLines;\n    }\n\n    if (this.excludedBarColor) {\n      params.excludedBarColor = this.excludedBarColor;\n    }\n\n    if (this.includedBarColor) {\n      params.includedBarColor = this.includedBarColor;\n    }\n\n    if (this.labelFormatFunction) {\n      params.labelFormatFunction = this.labelFormatFunction;\n    }\n\n    if (this.precision !== undefined) {\n      params.precision = this.precision;\n    }\n\n    if (this.rangeType) {\n      params.rangeType = this.rangeType;\n    }\n\n    if (this.standardDeviation !== undefined) {\n      params.standardDeviation = this.standardDeviation;\n    }\n\n    if (this.standardDeviationCount !== undefined) {\n      params.standardDeviationCount = this.standardDeviationCount;\n    }\n\n    if (this.values !== undefined) {\n      params.values = this.values;\n    }\n\n    return params;\n  }\n}\n"],"version":3}

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

@@ -1,32 +1,144 @@
-import { r as registerInstance, c as createEvent, g as getElement } from './index-eb3ead33.js';
-import { H as newWidgetsHistogram } from './index-334b0bde.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-05f887cd.js';
+import { E as newWidgetsHistogram, i as importCoreReactiveUtils } from './index-fd2cea51.js';
+import { a as addHandles } from './component-utils-42a79acb.js';
 
-const arcgisHistogramCss = "arcgis-histogram{}";
+const histogramCss = "arcgis-histogram{}";
 
 const ArcgisHistogram = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
+    this.average = undefined;
+    this.barCreatedFunction = undefined;
+    this.bins = undefined;
+    this.dataLineCreatedFunction = undefined;
+    this.dataLines = undefined;
+    this.labelFormatFunction = undefined;
+    this.layout = undefined;
+    this.max = 0;
+    this.min = 0;
+    this.state = undefined;
     this.position = "bottom-left";
     this.expandable = false;
     this.widget = undefined;
   }
+  averageWatcher(newValue) {
+    if (this.widget) {
+      this.widget.average = newValue;
+    }
+  }
+  barCreatedFunctionWatcher(newValue) {
+    if (this.widget) {
+      this.widget.barCreatedFunction = newValue;
+    }
+  }
+  binsWatcher(newValue) {
+    if (this.widget) {
+      this.widget.bins = newValue;
+    }
+  }
+  dataLineCreatedFunctionWatcher(newValue) {
+    if (this.widget) {
+      this.widget.dataLineCreatedFunction = newValue;
+    }
+  }
+  dataLinesWatcher(newValue) {
+    if (this.widget) {
+      this.widget.dataLines = newValue;
+    }
+  }
+  labelFormatFunctionWatcher(newValue) {
+    if (this.widget) {
+      this.widget.labelFormatFunction = newValue;
+    }
+  }
+  layoutWatcher(newValue) {
+    if (this.widget) {
+      this.widget.layout = newValue;
+    }
+  }
+  maxWatcher(newValue) {
+    if (this.widget) {
+      this.widget.max = Number(newValue);
+    }
+  }
+  minWatcher(newValue) {
+    if (this.widget) {
+      this.widget.min = Number(newValue);
+    }
+  }
   //--------------------------------------------------------------------------
   //
   //  Lifecycle
   //
   //--------------------------------------------------------------------------
   async componentDidLoad() {
-    const params = {
-      container: this.childElem
-    };
+    const params = this._createParams();
     const widget = await newWidgetsHistogram(params);
     this.widget = widget;
+    await this._addWatchers();
     this.widgetReady.emit({ widget: this.widget });
   }
+  render() {
+    if (this.expandable) {
+      return (h("arcgis-expand", { position: this.position, ref: (el) => (this.expandElem = el) }, h("div", { ref: (el) => (this.childElem = el) })));
+    }
+    return h("div", { ref: (el) => (this.childElem = el) });
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Private Methods
+  //
+  //--------------------------------------------------------------------------
+  async _addWatchers() {
+    const { watch } = await importCoreReactiveUtils();
+    addHandles(this, watch(() => this.widget.state, () => (this.state = this.widget.state), {
+      initial: true
+    }));
+  }
+  _createParams() {
+    const params = {
+      container: this.childElem,
+      min: this.min,
+      max: this.max
+    };
+    if (this.average !== undefined) {
+      params.average = this.average;
+    }
+    if (this.barCreatedFunction) {
+      params.barCreatedFunction = this.barCreatedFunction;
+    }
+    if (this.bins !== undefined) {
+      params.bins = this.bins;
+    }
+    if (this.dataLineCreatedFunction) {
+      params.dataLineCreatedFunction = this.dataLineCreatedFunction;
+    }
+    if (this.dataLines !== undefined) {
+      params.dataLines = this.dataLines;
+    }
+    if (this.labelFormatFunction) {
+      params.labelFormatFunction = this.labelFormatFunction;
+    }
+    return params;
+  }
   get el() { return getElement(this); }
+  static get watchers() { return {
+    "average": ["averageWatcher"],
+    "barCreatedFunction": ["barCreatedFunctionWatcher"],
+    "bins": ["binsWatcher"],
+    "dataLineCreatedFunction": ["dataLineCreatedFunctionWatcher"],
+    "dataLines": ["dataLinesWatcher"],
+    "labelFormatFunction": ["labelFormatFunctionWatcher"],
+    "layout": ["layoutWatcher"],
+    "max": ["maxWatcher"],
+    "min": ["minWatcher"]
+  }; }
 };
-ArcgisHistogram.style = arcgisHistogramCss;
+ArcgisHistogram.style = histogramCss;
 
 export { ArcgisHistogram as arcgis_histogram };
+
+//# sourceMappingURL=arcgis-histogram.entry.js.map

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

@@ -0,0 +1 @@
+{"file":"arcgis-histogram.entry.js","mappings":"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","names":[],"sources":["src/components/histogram/histogram.css?tag=arcgis-histogram","src/components/histogram/histogram.tsx"],"sourcesContent":["arcgis-histogram {\n  /* Component styles go here */\n}\n","import { Component, Element, Event, EventEmitter, Prop, VNode, Watch, h } from \"@stencil/core\";\n\n// arcgis imports\nimport { importCoreReactiveUtils, newWidgetsHistogram } from \"@arcgis/core-adapter\";\nimport type Histogram from \"@arcgis/core/widgets/Histogram\";\nimport { ArcgisReferenceElement, addHandles } from \"../../utils/component-utils\";\nimport { ExpandableComponent } from \"../../utils/expandable\";\n\nexport type HistogramWidget = InstanceType<typeof Histogram>;\n\n@Component({\n  tag: \"arcgis-histogram\",\n  styleUrl: \"histogram.css\"\n})\nexport class ArcgisHistogram 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() average: HistogramWidget[\"average\"];\n\n  @Watch(\"average\")\n  averageWatcher(newValue: HistogramWidget[\"average\"]): void {\n    if (this.widget) {\n      this.widget.average = newValue;\n    }\n  }\n\n  @Prop() barCreatedFunction: HistogramWidget[\"barCreatedFunction\"];\n\n  @Watch(\"barCreatedFunction\")\n  barCreatedFunctionWatcher(newValue: HistogramWidget[\"barCreatedFunction\"]): void {\n    if (this.widget) {\n      this.widget.barCreatedFunction = newValue;\n    }\n  }\n\n  @Prop() bins: HistogramWidget[\"bins\"];\n\n  @Watch(\"bins\")\n  binsWatcher(newValue: HistogramWidget[\"bins\"]): void {\n    if (this.widget) {\n      this.widget.bins = newValue;\n    }\n  }\n\n  @Prop() dataLineCreatedFunction: HistogramWidget[\"dataLineCreatedFunction\"];\n\n  @Watch(\"dataLineCreatedFunction\")\n  dataLineCreatedFunctionWatcher(newValue: HistogramWidget[\"dataLineCreatedFunction\"]): void {\n    if (this.widget) {\n      this.widget.dataLineCreatedFunction = newValue;\n    }\n  }\n\n  @Prop() dataLines: HistogramWidget[\"dataLines\"];\n\n  @Watch(\"dataLines\")\n  dataLinesWatcher(newValue: HistogramWidget[\"dataLines\"]): void {\n    if (this.widget) {\n      this.widget.dataLines = newValue;\n    }\n  }\n\n  @Prop() labelFormatFunction: HistogramWidget[\"labelFormatFunction\"];\n\n  @Watch(\"labelFormatFunction\")\n  labelFormatFunctionWatcher(newValue: HistogramWidget[\"labelFormatFunction\"]): void {\n    if (this.widget) {\n      this.widget.labelFormatFunction = newValue;\n    }\n  }\n\n  @Prop() layout: HistogramWidget[\"layout\"];\n\n  @Watch(\"layout\")\n  layoutWatcher(newValue: HistogramWidget[\"layout\"]): void {\n    if (this.widget) {\n      this.widget.layout = newValue;\n    }\n  }\n\n  @Prop() max = 0;\n\n  @Watch(\"max\")\n  maxWatcher(newValue: number): void {\n    if (this.widget) {\n      this.widget.max = Number(newValue);\n    }\n  }\n\n  @Prop() min = 0;\n\n  @Watch(\"min\")\n  minWatcher(newValue: number): void {\n    if (this.widget) {\n      this.widget.min = Number(newValue);\n    }\n  }\n\n  @Prop({ mutable: true }) state: HistogramWidget[\"state\"];\n\n  @Prop() position = \"bottom-left\";\n\n  @Prop() expandable = false;\n\n  @Prop({ mutable: true }) widget: HistogramWidget;\n\n  _watchHandles: __esri.WatchHandle[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  @Event({ cancelable: true }) widgetReady: EventEmitter<{ widget: __esri.Histogram }>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentDidLoad(): Promise<void> {\n    const params = this._createParams();\n\n    const widget = await newWidgetsHistogram(params);\n\n    this.widget = widget;\n\n    await this._addWatchers();\n\n    this.widgetReady.emit({ widget: this.widget });\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 async _addWatchers() {\n    const { watch } = await importCoreReactiveUtils();\n\n    addHandles(\n      this,\n      watch(\n        () => this.widget.state,\n        () => (this.state = this.widget.state),\n        {\n          initial: true\n        }\n      )\n    );\n  }\n\n  private _createParams(): Partial<HistogramWidget> {\n    const params: Partial<HistogramWidget> = {\n      container: this.childElem,\n      min: this.min,\n      max: this.max\n    };\n\n    if (this.average !== undefined) {\n      params.average = this.average;\n    }\n\n    if (this.barCreatedFunction) {\n      params.barCreatedFunction = this.barCreatedFunction;\n    }\n\n    if (this.bins !== undefined) {\n      params.bins = this.bins;\n    }\n\n    if (this.dataLineCreatedFunction) {\n      params.dataLineCreatedFunction = this.dataLineCreatedFunction;\n    }\n\n    if (this.dataLines !== undefined) {\n      params.dataLines = this.dataLines;\n    }\n\n    if (this.labelFormatFunction) {\n      params.labelFormatFunction = this.labelFormatFunction;\n    }\n\n    return params;\n  }\n}\n"],"version":3}

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

@@ -1,46 +1,46 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
-import { J as newWidgetsHome } from './index-334b0bde.js';
-import { r as referenceElementHelper, c as checkForView } from './component-utils-2ebdae59.js';
-import { o as onDisconnectedHelper } from './disconnected-bc5fc8bc.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-05f887cd.js';
+import { G as newWidgetsHome } from './index-fd2cea51.js';
+import { r as referenceElementHelper, c as checkForView } from './component-utils-42a79acb.js';
+import { o as onDisconnectedHelper } from './disconnected-bf72f8e5.js';
 
-const arcgisHomeCss = "arcgis-home{}";
+const homeCss = "arcgis-home{}";
 
 const ArcgisHome = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.goCalled = createEvent(this, "goCalled", 7);
     this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.viewpoint = undefined;
+    this.uiStrings = undefined;
     this.view = undefined;
     this.position = "bottom-left";
     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);
   }
   viewpointWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
+    if (this.widget) {
       this.widget.viewpoint = newValue;
     }
   }
-  referenceElementWatcher(newValue) {
-    referenceElementHelper(this, newValue);
+  uiStringsWatcher(newValue) {
+    if (this.widget) {
+      this.widget.uiStrings = newValue;
+    }
   }
   viewWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
       this.widget.view = newValue;
     }
   }
+  positionWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.view.ui.move(this.childElem, newValue);
+    }
+  }
   //--------------------------------------------------------------------------
   //
   //  Methods
@@ -83,6 +83,9 @@ const ArcgisHome = class {
     if (this.viewpoint) {
       params.viewpoint = this.viewpoint;
     }
+    if (this.uiStrings) {
+      params.uiStrings = this.uiStrings;
+    }
     if (this.view) {
       params.view = this.view;
     }
@@ -93,12 +96,15 @@ const ArcgisHome = class {
   }
   get el() { return getElement(this); }
   static get watchers() { return {
-    "position": ["positionWatcher"],
-    "viewpoint": ["viewpointWatcher"],
     "referenceElement": ["referenceElementWatcher"],
-    "view": ["viewWatcher"]
+    "viewpoint": ["viewpointWatcher"],
+    "uiStrings": ["uiStringsWatcher"],
+    "view": ["viewWatcher"],
+    "position": ["positionWatcher"]
   }; }
 };
-ArcgisHome.style = arcgisHomeCss;
+ArcgisHome.style = homeCss;
 
 export { ArcgisHome as arcgis_home };
+
+//# sourceMappingURL=arcgis-home.entry.js.map

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

@@ -0,0 +1 @@
+{"file":"arcgis-home.entry.js","mappings":";;;;;AAAA,MAAM,OAAO,GAAG,eAAe;;MCoBlB,UAAU;;;;;IA8DrB,kBAAa,GAAyB,EAAE,CAAC;;;;;oBAXtB,aAAa;;;EA/BhC,uBAAuB,CAAC,QAAyC;IAC/D,sBAAsB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;GACxC;EAKD,gBAAgB,CAAC,QAAiC;IAChD,IAAI,IAAI,CAAC,MAAM,EAAE;MACf,IAAI,CAAC,MAAM,CAAC,SAAS,GAAG,QAAQ,CAAC;KAClC;GACF;EAKD,gBAAgB,CAAC,QAAiC;IAChD,IAAI,IAAI,CAAC,MAAM,EAAE;MACf,IAAI,CAAC,MAAM,CAAC,SAAS,GAAG,QAAQ,CAAC;KAClC;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;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;;;;;;EAuBD,MAAM,QAAQ;IACZ,OAAO,IAAI,CAAC,MAAM,EAAE,QAAQ,EAAE,CAAC;GAChC;EAGD,MAAM,EAAE;IACN,OAAO,IAAI,CAAC,MAAM,EAAE,EAAE,EAAE,CAAC;GAC1B;;;;;;EAQD,MAAM,gBAAgB;IACpB,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;IAEpC,MAAM,MAAM,GAAG,MAAM,cAAc,CAAC,MAAM,CAAC,CAAC;IAE5C,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;IAErB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;IAE/C,IAAI,CAAC,YAAY,EAAE,CAAC;IAEpB,YAAY,CAAC,IAAI,CAAC,CAAC;GACpB;EAED,oBAAoB;IAClB,oBAAoB,CAAC,IAAI,CAAC,CAAC;GAC5B;EAED,MAAM;IACJ,OAAO,WAAK,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,SAAS,GAAG,EAAoB,CAAC,GAAQ,CAAC;GAC1E;;;;;;EAOO,aAAa;IACnB,MAAM,MAAM,GAAwB;MAClC,SAAS,EAAE,IAAI,CAAC,SAAS;KAC1B,CAAC;IAEF,IAAI,IAAI,CAAC,SAAS,EAAE;MAClB,MAAM,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC;KACnC;IAED,IAAI,IAAI,CAAC,SAAS,EAAE;MAClB,MAAM,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC;KACnC;IAED,IAAI,IAAI,CAAC,IAAI,EAAE;MACb,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;KACzB;IAED,OAAO,MAAM,CAAC;GACf;EAEO,MAAM,YAAY;IACxB,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;GACrD;;;;;;;;;;;;;;","names":[],"sources":["src/components/home/home.css?tag=arcgis-home","src/components/home/home.tsx"],"sourcesContent":["arcgis-home {\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 { newWidgetsHome } from \"@arcgis/core-adapter\";\nimport type Home from \"@arcgis/core/widgets/Home\";\nimport {\n  ArcgisReferenceElement,\n  checkForView,\n  referenceElementHelper,\n  WidgetElement\n} from \"../../utils/component-utils\";\nimport { onDisconnectedHelper } from \"../../utils/disconnected\";\nimport { ArcGISMapView, ArcGISSceneView } from \"../types\";\n\nexport type HomeWidget = InstanceType<typeof Home>;\n\n@Component({\n  tag: \"arcgis-home\",\n  styleUrl: \"home.css\"\n})\nexport class ArcgisHome implements WidgetElement {\n  //--------------------------------------------------------------------------\n  //\n  //  Element\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() viewpoint: HomeWidget[\"viewpoint\"];\n\n  @Watch(\"viewpoint\")\n  viewpointWatcher(newValue: HomeWidget[\"viewpoint\"]): void {\n    if (this.widget) {\n      this.widget.viewpoint = newValue;\n    }\n  }\n\n  @Prop() uiStrings: HomeWidget[\"uiStrings\"];\n\n  @Watch(\"uiStrings\")\n  uiStringsWatcher(newValue: HomeWidget[\"uiStrings\"]): void {\n    if (this.widget) {\n      this.widget.uiStrings = 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() 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 }) widget: HomeWidget;\n\n  _watchHandles: __esri.WatchHandle[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  @Event({ cancelable: true }) goCalled: EventEmitter<__esri.HomeGoEvent>;\n\n  @Event({ cancelable: true }) widgetReady: EventEmitter<{ widget: __esri.Home }>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Methods\n  //\n  //--------------------------------------------------------------------------\n\n  @Method()\n  async cancelGo(): Promise<void> {\n    return this.widget?.cancelGo();\n  }\n\n  @Method()\n  async go(): Promise<void> {\n    return this.widget?.go();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentDidLoad(): Promise<void> {\n    const params = this._createParams();\n\n    const widget = await newWidgetsHome(params);\n\n    this.widget = widget;\n\n    this.widgetReady.emit({ widget: this.widget });\n\n    this._proxyEvents();\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<HomeWidget> {\n    const params: Partial<HomeWidget> = {\n      container: this.childElem\n    };\n\n    if (this.viewpoint) {\n      params.viewpoint = this.viewpoint;\n    }\n\n    if (this.uiStrings) {\n      params.uiStrings = this.uiStrings;\n    }\n\n    if (this.view) {\n      params.view = this.view;\n    }\n\n    return params;\n  }\n\n  private async _proxyEvents() {\n    this.widget?.on(\"go\", (e) => this.goCalled.emit(e));\n  }\n}\n"],"version":3}

package/dist/esm/arcgis-layer-list.entry.js

@@ -1,35 +1,34 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
-import { K as newWidgetsLayerList, c as importCoreReactiveUtils } from './index-334b0bde.js';
-import { r as referenceElementHelper, c as checkForView } from './component-utils-2ebdae59.js';
-import { o as onDisconnectedHelper } from './disconnected-bc5fc8bc.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-05f887cd.js';
+import { H as newWidgetsLayerList, i as importCoreReactiveUtils } from './index-fd2cea51.js';
+import { r as referenceElementHelper, c as checkForView, a as addHandles } from './component-utils-42a79acb.js';
+import { o as onDisconnectedHelper } from './disconnected-bf72f8e5.js';
 
-const arcgisLayerListCss = "";
+const layerListCss = "";
 
 const ArcgisLayerList = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.triggerActionEvent = createEvent(this, "triggerActionEvent", 7);
     this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
+    this.listItemCreatedFunction = undefined;
     this.multipleSelectionEnabled = undefined;
     this.operationalItems = undefined;
     this.selectedItems = undefined;
     this.selectionEnabled = undefined;
+    this.visibleElements = undefined;
     this.position = "bottom-left";
     this.expandable = false;
     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);
+  }
+  listItemCreatedFunctionWatcher(newValue) {
+    if (this.widget) {
+      this.widget.listItemCreatedFunction = newValue;
     }
   }
   multipleSelectionEnabledWatcher(newValue) {
@@ -47,8 +46,15 @@ const ArcgisLayerList = class {
       this.widget.selectionEnabled = newValue;
     }
   }
-  referenceElementWatcher(newValue) {
-    referenceElementHelper(this, newValue);
+  visibleElementsWatcher(newValue) {
+    if (this.widget) {
+      this.widget.visibleElements = newValue;
+    }
+  }
+  positionWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.view.ui.move(this.childElem, newValue);
+    }
   }
   viewWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
@@ -93,14 +99,29 @@ const ArcgisLayerList = class {
   //--------------------------------------------------------------------------
   async _addWatchers() {
     const { watch } = await importCoreReactiveUtils();
-    watch(() => this.widget.operationalItems, (value) => (this.operationalItems = value), {
+    addHandles(this, watch(() => this.widget.operationalItems, (value) => (this.operationalItems = value), {
       initial: true
-    });
+    }));
   }
   _createParams() {
     const params = {
       container: this.childElem
     };
+    if (this.listItemCreatedFunction) {
+      params.listItemCreatedFunction = this.listItemCreatedFunction;
+    }
+    if (this.multipleSelectionEnabled !== undefined) {
+      params.multipleSelectionEnabled = this.multipleSelectionEnabled;
+    }
+    if (this.selectedItems) {
+      params.selectedItems = this.selectedItems;
+    }
+    if (this.selectionEnabled !== undefined) {
+      params.selectionEnabled = this.selectionEnabled;
+    }
+    if (this.visibleElements) {
+      params.visibleElements = this.visibleElements;
+    }
     if (this.view) {
       params.view = this.view;
     }
@@ -111,14 +132,18 @@ const ArcgisLayerList = class {
   }
   get el() { return getElement(this); }
   static get watchers() { return {
-    "position": ["positionWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
+    "listItemCreatedFunction": ["listItemCreatedFunctionWatcher"],
     "multipleSelectionEnabled": ["multipleSelectionEnabledWatcher"],
     "selectedItems": ["selectedItemsWatcher"],
     "selectionEnabled": ["selectionEnabledWatcher"],
-    "referenceElement": ["referenceElementWatcher"],
+    "visibleElements": ["visibleElementsWatcher"],
+    "position": ["positionWatcher"],
     "view": ["viewWatcher"]
   }; }
 };
-ArcgisLayerList.style = arcgisLayerListCss;
+ArcgisLayerList.style = layerListCss;
 
 export { ArcgisLayerList as arcgis_layer_list };
+
+//# sourceMappingURL=arcgis-layer-list.entry.js.map

package/dist/esm/arcgis-layer-list.entry.js.map

@@ -0,0 +1 @@
+{"file":"arcgis-layer-list.entry.js","mappings":"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","names":[],"sources":["src/components/layer-list/layer-list.css?tag=arcgis-layer-list","src/components/layer-list/layer-list.tsx"],"sourcesContent":["","import { Component, Element, Event, EventEmitter, Method, Prop, VNode, Watch, h } from \"@stencil/core\";\n\n// arcgis imports\nimport { importCoreReactiveUtils, newWidgetsLayerList } from \"@arcgis/core-adapter\";\nimport type LayerList from \"@arcgis/core/widgets/LayerList\";\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 LayerListWidget = InstanceType<typeof LayerList>;\n\n@Component({\n  tag: \"arcgis-layer-list\",\n  styleUrl: \"layer-list.css\",\n  shadow: false\n})\nexport class ArcgisLayerList 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() listItemCreatedFunction: LayerListWidget[\"listItemCreatedFunction\"];\n\n  @Watch(\"listItemCreatedFunction\")\n  listItemCreatedFunctionWatcher(newValue: LayerListWidget[\"listItemCreatedFunction\"]): void {\n    if (this.widget) {\n      this.widget.listItemCreatedFunction = newValue;\n    }\n  }\n\n  @Prop() multipleSelectionEnabled: LayerListWidget[\"multipleSelectionEnabled\"];\n\n  @Watch(\"multipleSelectionEnabled\")\n  multipleSelectionEnabledWatcher(newValue: LayerListWidget[\"multipleSelectionEnabled\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.multipleSelectionEnabled = newValue;\n    }\n  }\n\n  @Prop({ mutable: true }) operationalItems: LayerListWidget[\"operationalItems\"];\n\n  @Prop({ mutable: true }) selectedItems: LayerListWidget[\"selectedItems\"]; // TODO: Review if should be a watched property\n\n  @Watch(\"selectedItems\")\n  selectedItemsWatcher(newValue: LayerListWidget[\"selectedItems\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.selectedItems = newValue;\n    }\n  }\n\n  @Prop() selectionEnabled: LayerListWidget[\"selectionEnabled\"];\n\n  @Watch(\"selectionEnabled\")\n  selectionEnabledWatcher(newValue: LayerListWidget[\"selectionEnabled\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.selectionEnabled = newValue;\n    }\n  }\n\n  @Prop() visibleElements: LayerListWidget[\"visibleElements\"];\n\n  @Watch(\"visibleElements\")\n  visibleElementsWatcher(newValue: LayerListWidget[\"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: LayerListWidget;\n\n  _watchHandles: __esri.WatchHandle[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  @Event({ cancelable: true }) triggerActionEvent: EventEmitter<__esri.LayerListTriggerActionEvent>;\n\n  @Event({ cancelable: true }) widgetReady: EventEmitter<{ widget: __esri.LayerList }>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Methods\n  //\n  //--------------------------------------------------------------------------\n\n  @Method()\n  async triggerAction(action: __esri.ActionButton | __esri.ActionToggle, item: __esri.ListItem): Promise<void> {\n    return this.widget?.triggerAction(action, item);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentDidLoad(): Promise<void> {\n    const params = this._createParams();\n\n    const widget = await newWidgetsLayerList(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.operationalItems,\n        (value) => (this.operationalItems = value),\n        {\n          initial: true\n        }\n      )\n    );\n  }\n\n  private _createParams(): Partial<LayerListWidget> {\n    const params: Partial<LayerListWidget> = {\n      container: this.childElem\n    };\n\n    if (this.listItemCreatedFunction) {\n      params.listItemCreatedFunction = this.listItemCreatedFunction;\n    }\n\n    if (this.multipleSelectionEnabled !== undefined) {\n      params.multipleSelectionEnabled = this.multipleSelectionEnabled;\n    }\n\n    if (this.selectedItems) {\n      params.selectedItems = this.selectedItems;\n    }\n\n    if (this.selectionEnabled !== undefined) {\n      params.selectionEnabled = this.selectionEnabled;\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 _proxyEvents() {\n    this.widget?.on(\"trigger-action\", (e) => this.triggerActionEvent.emit(e));\n  }\n}\n"],"version":3}