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

package/dist/components/arcgis-histogram-range-slider.js

@@ -1,27 +1,77 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { B as newWidgetsHistogramRangeSlider } from './index2.js';
-import { c as checkForView, o as onDisconnectedHelper } from './disconnected.js';
-import { d as defineCustomElement$2 } from './arcgis-expand2.js';
+import { C as newWidgetsHistogramRangeSlider } from './index2.js';
+import { c as checkForView } from './component-utils.js';
+import { o as onDisconnectedHelper } from './disconnected.js';
+import { d as defineCustomElement$2 } from './expand.js';
 
-const arcgisHistogramRangeSliderCss = "arcgis-histogram-range-slider{}";
+const histogramRangeSliderCss = "arcgis-histogram-range-slider{}";
 
-const ArcgisHistogramRangeSlider$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+const ArcgisHistogramRangeSlider$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisHistogramRangeSlider extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
     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);
@@ -32,6 +82,31 @@ const ArcgisHistogramRangeSlider$1 = /*@__PURE__*/ proxyCustomElement(class exte
       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
@@ -64,21 +139,102 @@ const ArcgisHistogramRangeSlider$1 = /*@__PURE__*/ proxyCustomElement(class exte
       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 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"]
   }; }
-  static get style() { return arcgisHistogramRangeSliderCss; }
+  static get style() { return histogramRangeSliderCss; }
 }, [0, "arcgis-histogram-range-slider", {
     "referenceElement": [1, "reference-element"],
+    "average": [2],
+    "barCreatedFunction": [16],
+    "bins": [16],
+    "dataLineCreatedFunction": [16],
+    "dataLines": [16],
+    "excludedBarColor": [16],
+    "includedBarColor": [16],
+    "labelFormatFunction": [16],
     "max": [2],
     "min": [2],
+    "precision": [2],
+    "rangeType": [1, "range-type"],
+    "standardDeviation": [2, "standard-deviation"],
+    "standardDeviationCount": [2, "standard-deviation-count"],
+    "values": [16],
     "position": [1],
     "expandable": [4],
     "widget": [1040]
+  }, undefined, {
+    "average": ["averageWatcher"],
+    "barCreatedFunction": ["barCreatedFunctionWatcher"],
+    "bins": ["binsWatcher"],
+    "dataLineCreatedFunction": ["dataLineCreatedFunctionWatcher"],
+    "dataLines": ["dataLinesWatcher"],
+    "excludedBarColor": ["excludedBarColorWatcher"],
+    "includedBarColor": ["includedBarColorWatcher"],
+    "labelFormatFunction": ["labelFormatFunctionWatcher"],
+    "max": ["maxWatcher"],
+    "min": ["minWatcher"],
+    "precision": ["precisionWatcher"],
+    "rangeType": ["rangeTypeWatcher"],
+    "standardDeviation": ["standardDeviationWatcher"],
+    "standardDeviationCount": ["standardDeviationCountWatcher"],
+    "values": ["valuesWatcher"]
   }]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
@@ -104,3 +260,5 @@ const ArcgisHistogramRangeSlider = ArcgisHistogramRangeSlider$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { ArcgisHistogramRangeSlider, defineCustomElement };
+
+//# sourceMappingURL=arcgis-histogram-range-slider.js.map

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

@@ -0,0 +1 @@
+{"file":"arcgis-histogram-range-slider.js","mappings":"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","names":["ArcgisHistogramRangeSlider"],"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/components/arcgis-histogram.js

@@ -1,50 +1,186 @@
-import { proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
-import { A as newWidgetsHistogram } from './index2.js';
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { B as newWidgetsHistogram, i as importCoreReactiveUtils } from './index2.js';
+import { a as addHandles } from './component-utils.js';
+import { d as defineCustomElement$2 } from './expand.js';
 
-const arcgisHistogramCss = "arcgis-histogram{}";
+const histogramCss = "arcgis-histogram{}";
 
-const ArcgisHistogram$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+const ArcgisHistogram$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisHistogram extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
     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 this; }
-  static get style() { return arcgisHistogramCss; }
+  static get watchers() { return {
+    "average": ["averageWatcher"],
+    "barCreatedFunction": ["barCreatedFunctionWatcher"],
+    "bins": ["binsWatcher"],
+    "dataLineCreatedFunction": ["dataLineCreatedFunctionWatcher"],
+    "dataLines": ["dataLinesWatcher"],
+    "labelFormatFunction": ["labelFormatFunctionWatcher"],
+    "layout": ["layoutWatcher"],
+    "max": ["maxWatcher"],
+    "min": ["minWatcher"]
+  }; }
+  static get style() { return histogramCss; }
 }, [0, "arcgis-histogram", {
     "referenceElement": [1, "reference-element"],
+    "average": [2],
+    "barCreatedFunction": [16],
+    "bins": [16],
+    "dataLineCreatedFunction": [16],
+    "dataLines": [16],
+    "labelFormatFunction": [16],
+    "layout": [1],
+    "max": [2],
+    "min": [2],
+    "state": [1025],
     "position": [1],
     "expandable": [4],
     "widget": [1040]
+  }, undefined, {
+    "average": ["averageWatcher"],
+    "barCreatedFunction": ["barCreatedFunctionWatcher"],
+    "bins": ["binsWatcher"],
+    "dataLineCreatedFunction": ["dataLineCreatedFunctionWatcher"],
+    "dataLines": ["dataLinesWatcher"],
+    "labelFormatFunction": ["labelFormatFunctionWatcher"],
+    "layout": ["layoutWatcher"],
+    "max": ["maxWatcher"],
+    "min": ["minWatcher"]
   }]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["arcgis-histogram"];
+  const components = ["arcgis-histogram", "arcgis-expand"];
   components.forEach(tagName => { switch (tagName) {
     case "arcgis-histogram":
       if (!customElements.get(tagName)) {
         customElements.define(tagName, ArcgisHistogram$1);
       }
       break;
+    case "arcgis-expand":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
   } });
 }
 defineCustomElement$1();
@@ -53,3 +189,5 @@ const ArcgisHistogram = ArcgisHistogram$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { ArcgisHistogram, defineCustomElement };
+
+//# sourceMappingURL=arcgis-histogram.js.map

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

@@ -0,0 +1 @@
+{"file":"arcgis-histogram.js","mappings":"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","names":["ArcgisHistogram"],"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/components/arcgis-home.js

@@ -1,46 +1,47 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { C as newWidgetsHome } from './index2.js';
-import { r as referenceElementHelper, c as checkForView, o as onDisconnectedHelper } from './disconnected.js';
+import { D as newWidgetsHome } from './index2.js';
+import { r as referenceElementHelper, c as checkForView } from './component-utils.js';
+import { o as onDisconnectedHelper } from './disconnected.js';
 
-const arcgisHomeCss = "arcgis-home{}";
+const homeCss = "arcgis-home{}";
 
-const ArcgisHome$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+const ArcgisHome$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisHome extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
     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 +84,9 @@ const ArcgisHome$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     if (this.viewpoint) {
       params.viewpoint = this.viewpoint;
     }
+    if (this.uiStrings) {
+      params.uiStrings = this.uiStrings;
+    }
     if (this.view) {
       params.view = this.view;
     }
@@ -93,20 +97,28 @@ const ArcgisHome$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
   }
   get el() { return this; }
   static get watchers() { return {
-    "position": ["positionWatcher"],
-    "viewpoint": ["viewpointWatcher"],
     "referenceElement": ["referenceElementWatcher"],
-    "view": ["viewWatcher"]
+    "viewpoint": ["viewpointWatcher"],
+    "uiStrings": ["uiStringsWatcher"],
+    "view": ["viewWatcher"],
+    "position": ["positionWatcher"]
   }; }
-  static get style() { return arcgisHomeCss; }
+  static get style() { return homeCss; }
 }, [0, "arcgis-home", {
     "referenceElement": [1, "reference-element"],
     "viewpoint": [16],
+    "uiStrings": [8, "ui-strings"],
     "view": [1040],
     "position": [1],
     "widget": [1040],
     "cancelGo": [64],
     "go": [64]
+  }, undefined, {
+    "referenceElement": ["referenceElementWatcher"],
+    "viewpoint": ["viewpointWatcher"],
+    "uiStrings": ["uiStringsWatcher"],
+    "view": ["viewWatcher"],
+    "position": ["positionWatcher"]
   }]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
@@ -127,3 +139,5 @@ const ArcgisHome = ArcgisHome$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { ArcgisHome, defineCustomElement };
+
+//# sourceMappingURL=arcgis-home.js.map

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

@@ -0,0 +1 @@
+{"file":"arcgis-home.js","mappings":";;;;;AAAA,MAAM,OAAO,GAAG,eAAe;;MCoBlBA,YAAU;;;;;;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":["ArcgisHome"],"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}