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

package/dist/esm/arcgis-feature-form.entry.js

@@ -1,32 +1,145 @@
-import { r as registerInstance, c as createEvent, g as getElement } from './index-eb3ead33.js';
-import { A as newWidgetsFeatureForm } from './index-334b0bde.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-05f887cd.js';
+import { x as newWidgetsFeatureForm } from './index-fd2cea51.js';
+import { r as referenceElementHelper } from './component-utils-42a79acb.js';
+import { o as onDisconnectedHelper } from './disconnected-bf72f8e5.js';
 
-const arcgisFeatureFormCss = "";
+const featureFormCss = "";
 
 const ArcgisFeatureForm = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.widgetReady = createEvent(this, "widgetReady", 7);
+    this.featureFormSubmit = createEvent(this, "featureFormSubmit", 7);
+    this.featureFormValueChange = createEvent(this, "featureFormValueChange", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.position = "bottom-left";
     this.expandable = false;
+    this.feature = undefined;
+    this.formTemplate = undefined;
+    this.groupDisplay = undefined;
+    this.layer = undefined;
+    this.timeZone = undefined;
+    this.view = undefined;
     this.widget = undefined;
   }
+  referenceElementWatcher(newValue) {
+    referenceElementHelper(this, newValue);
+  }
+  positionWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.view.ui.move(this.childElem, newValue);
+    }
+  }
+  featureWatcher(newValue) {
+    if (this.widget) {
+      this.widget.feature = newValue;
+    }
+  }
+  formTemplateWatcher(newValue) {
+    if (this.widget) {
+      this.widget.formTemplate = newValue;
+    }
+  }
+  groupDisplayWatcher(newValue) {
+    if (this.widget) {
+      this.widget.groupDisplay = newValue;
+    }
+  }
+  layerWatcher(newValue) {
+    if (this.widget) {
+      this.widget.layer = newValue;
+    }
+  }
+  timeZoneWatcher(newValue) {
+    if (this.widget) {
+      this.widget.timeZone = newValue;
+    }
+  }
+  viewWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.widget.map = newValue.map;
+    }
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Methods
+  //
+  //--------------------------------------------------------------------------
+  async getValues() {
+    return this.widget?.getValues();
+  }
+  async submit() {
+    return this.widget?.submit();
+  }
   //--------------------------------------------------------------------------
   //
   //  Lifecycle
   //
   //--------------------------------------------------------------------------
   async componentDidLoad() {
-    const params = {
-      container: this.childElem
-    };
+    const params = this._createParams();
     const widget = await newWidgetsFeatureForm(params);
     this.widget = widget;
+    this._proxyEvents();
     this.widgetReady.emit({ widget: this.widget });
   }
+  disconnectedCallback() {
+    onDisconnectedHelper(this);
+  }
+  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 Interal Methods
+  //
+  //--------------------------------------------------------------------------
+  _createParams() {
+    const params = {
+      container: this.childElem
+    };
+    if (this.feature) {
+      params.feature = this.feature;
+    }
+    if (this.formTemplate) {
+      params.formTemplate = this.formTemplate;
+    }
+    if (this.groupDisplay) {
+      params.groupDisplay = this.groupDisplay;
+    }
+    if (this.layer) {
+      params.layer = this.layer;
+    }
+    if (this.timeZone) {
+      params.timeZone = this.timeZone;
+    }
+    if (this.view) {
+      params.map = this.view.map;
+    }
+    return params;
+  }
+  _proxyEvents() {
+    this.widget.on("submit", (e) => this.featureFormSubmit.emit(e));
+    this.widget.on("value-change", (e) => this.featureFormValueChange.emit(e));
+  }
   get el() { return getElement(this); }
+  static get watchers() { return {
+    "referenceElement": ["referenceElementWatcher"],
+    "position": ["positionWatcher"],
+    "feature": ["featureWatcher"],
+    "formTemplate": ["formTemplateWatcher"],
+    "groupDisplay": ["groupDisplayWatcher"],
+    "layer": ["layerWatcher"],
+    "timeZone": ["timeZoneWatcher"],
+    "view": ["viewWatcher"]
+  }; }
 };
-ArcgisFeatureForm.style = arcgisFeatureFormCss;
+ArcgisFeatureForm.style = featureFormCss;
 
 export { ArcgisFeatureForm as arcgis_feature_form };
+
+//# sourceMappingURL=arcgis-feature-form.entry.js.map

package/dist/esm/arcgis-feature-form.entry.js.map

@@ -0,0 +1 @@
+{"file":"arcgis-feature-form.entry.js","mappings":"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","names":[],"sources":["src/components/feature-form/feature-form.css?tag=arcgis-feature-form","src/components/feature-form/feature-form.tsx"],"sourcesContent":["","import { Component, Element, Event, EventEmitter, Method, Prop, VNode, Watch, h } from \"@stencil/core\";\n\n// arcgis imports\nimport { newWidgetsFeatureForm } from \"@arcgis/core-adapter\";\nimport type FeatureForm from \"@arcgis/core/widgets/FeatureForm\";\nimport { ArcgisReferenceElement, referenceElementHelper } from \"../../utils/component-utils\";\nimport { onDisconnectedHelper } from \"../../utils/disconnected\";\nimport { ExpandableComponent } from \"../../utils/expandable\";\nimport { ArcGISMapView, ArcGISSceneView } from \"../types\";\n\nexport type FeatureFormWidget = InstanceType<typeof FeatureForm>;\n\n@Component({\n  tag: \"arcgis-feature-form\",\n  styleUrl: \"feature-form.css\",\n  shadow: false\n})\nexport class ArcgisFeatureForm implements ExpandableComponent {\n  @Element() el: HTMLDivElement;\n\n  childElem: HTMLDivElement;\n\n  expandElem: HTMLArcgisExpandElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Prop() referenceElement: ArcgisReferenceElement | string;\n\n  @Watch(\"referenceElement\")\n  referenceElementWatcher(newValue: ArcgisReferenceElement | string): void {\n    referenceElementHelper(this, newValue);\n  }\n\n  @Prop() position = \"bottom-left\";\n\n  @Watch(\"position\")\n  positionWatcher(newValue: string): void {\n    if (newValue !== undefined && this.widget) {\n      this.view.ui.move(this.childElem, newValue);\n    }\n  }\n  @Prop() expandable = false;\n\n  @Prop() feature: FeatureFormWidget[\"feature\"];\n\n  @Watch(\"feature\")\n  featureWatcher(newValue: FeatureFormWidget[\"feature\"]): void {\n    if (this.widget) {\n      this.widget.feature = newValue;\n    }\n  }\n\n  @Prop() formTemplate: FeatureFormWidget[\"formTemplate\"];\n\n  @Watch(\"formTemplate\")\n  formTemplateWatcher(newValue: FeatureFormWidget[\"formTemplate\"]): void {\n    if (this.widget) {\n      this.widget.formTemplate = newValue;\n    }\n  }\n\n  @Prop() groupDisplay: FeatureFormWidget[\"groupDisplay\"];\n\n  @Watch(\"groupDisplay\")\n  groupDisplayWatcher(newValue: FeatureFormWidget[\"groupDisplay\"]): void {\n    if (this.widget) {\n      this.widget.groupDisplay = newValue;\n    }\n  }\n\n  @Prop() layer: FeatureFormWidget[\"layer\"];\n\n  @Watch(\"layer\")\n  layerWatcher(newValue: FeatureFormWidget[\"layer\"]): void {\n    if (this.widget) {\n      this.widget.layer = newValue;\n    }\n  }\n\n  @Prop() timeZone: FeatureFormWidget[\"timeZone\"];\n\n  @Watch(\"timeZone\")\n  timeZoneWatcher(newValue: FeatureFormWidget[\"timeZone\"]): void {\n    if (this.widget) {\n      this.widget.timeZone = 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.map = newValue.map;\n    }\n  }\n\n  @Prop({ mutable: true }) widget: FeatureFormWidget;\n\n  _watchHandles: __esri.WatchHandle[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  @Event({ cancelable: true }) widgetReady: EventEmitter<{ widget: __esri.FeatureForm }>;\n\n  @Event({ cancelable: true }) featureFormSubmit: EventEmitter<__esri.FeatureFormSubmitEvent>;\n  @Event({ cancelable: true }) featureFormValueChange: EventEmitter<__esri.FeatureFormValueChangeEvent>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Methods\n  //\n  //--------------------------------------------------------------------------\n\n  @Method()\n  async getValues(): Promise<any> {\n    return this.widget?.getValues();\n  }\n\n  @Method()\n  async submit(): Promise<void> {\n    return this.widget?.submit();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentDidLoad(): Promise<void> {\n    const params = this._createParams();\n\n    const widget = await newWidgetsFeatureForm(params);\n    this.widget = widget;\n\n    this._proxyEvents();\n\n    this.widgetReady.emit({ widget: this.widget });\n  }\n\n  disconnectedCallback(): void {\n    onDisconnectedHelper(this);\n  }\n\n  render(): VNode {\n    if (this.expandable) {\n      return (\n        <arcgis-expand position={this.position} ref={(el) => (this.expandElem = el as HTMLArcgisExpandElement)}>\n          <div ref={(el) => (this.childElem = el as HTMLDivElement)}></div>\n        </arcgis-expand>\n      );\n    }\n    return <div ref={(el) => (this.childElem = el as HTMLDivElement)}></div>;\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Interal Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private _createParams(): Partial<__esri.FeatureFormProperties> {\n    const params: Partial<__esri.FeatureFormProperties> = {\n      container: this.childElem\n    };\n\n    if (this.feature) {\n      params.feature = this.feature;\n    }\n\n    if (this.formTemplate) {\n      params.formTemplate = this.formTemplate;\n    }\n\n    if (this.groupDisplay) {\n      params.groupDisplay = this.groupDisplay;\n    }\n\n    if (this.layer) {\n      params.layer = this.layer;\n    }\n\n    if (this.timeZone) {\n      params.timeZone = this.timeZone;\n    }\n\n    if (this.view) {\n      params.map = this.view.map;\n    }\n\n    return params;\n  }\n\n  private _proxyEvents() {\n    this.widget.on(\"submit\", (e) => this.featureFormSubmit.emit(e));\n    this.widget.on(\"value-change\", (e) => this.featureFormValueChange.emit(e));\n  }\n}\n"],"version":3}

package/dist/esm/arcgis-feature-table.entry.js

@@ -1,15 +1,16 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
-import { B as newLayersFeatureLayer, C as newWidgetsFeatureTable, 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 { y as newLayersFeatureLayer, z as newWidgetsFeatureTable, i as importCoreReactiveUtils } from './index-fd2cea51.js';
+import { r as referenceElementHelper, i as isNullOrEmptyString, c as checkForView, a as addHandles } from './component-utils-42a79acb.js';
+import { o as onDisconnectedHelper } from './disconnected-bf72f8e5.js';
 
-const arcgisFeatureTableCss = ".arcgis-feature-table{width:100%;height:100%}";
+const featureTableCss = ".arcgis-feature-table{width:100%;height:100%}";
 
 const ArcgisFeatureTable = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.rowSelectionChange = createEvent(this, "rowSelectionChange", 7);
     this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.activeFilters = undefined;
     this.activeSortOrders = undefined;
@@ -27,43 +28,37 @@ const ArcgisFeatureTable = class {
     this.menuConfig = undefined;
     this.multiSortEnabled = undefined;
     this.pageSize = undefined;
+    this.returnGeometryEnabled = undefined;
     this.state = undefined;
     this.tableTemplate = undefined;
+    this.timeZone = undefined;
     this.itemId = undefined;
     this.position = "bottom-left";
     this.url = undefined;
+    this.visibleElements = undefined;
     this.view = undefined;
     this.widget = undefined;
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Watchers
-  //
-  //--------------------------------------------------------------------------
-  positionWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      if (typeof this.view !== "string") {
-        this.view.ui.move(this.childElem, newValue);
-      }
-    }
+  referenceElementWatcher(newValue) {
+    referenceElementHelper(this, newValue);
   }
   attachmentsEnabledWatcher(value) {
-    if (value && this.widget) {
+    if (value !== undefined && this.widget) {
       this.widget.attachmentsEnabled = value;
     }
   }
   autoRefreshEnabledWatcher(value) {
-    if (value && this.widget) {
+    if (value !== undefined && this.widget) {
       this.widget.autoRefreshEnabled = value;
     }
   }
   columnReorderingEnabledWatcher(value) {
-    if (value && this.widget) {
+    if (value !== undefined && this.widget) {
       this.widget.columnReorderingEnabled = value;
     }
   }
   editingEnabledWatcher(value) {
-    if (value && this.widget) {
+    if (value !== undefined && this.widget) {
       this.widget.editingEnabled = value;
     }
   }
@@ -78,7 +73,7 @@ const ArcgisFeatureTable = class {
     }
   }
   highlightEnabledWatcher(value) {
-    if (value && this.widget) {
+    if (value !== undefined && this.widget) {
       this.widget.highlightEnabled = value;
     }
   }
@@ -87,28 +82,49 @@ const ArcgisFeatureTable = class {
       this.widget.highlightIds = value;
     }
   }
+  layerWatcher(value) {
+    if (value && this.widget) {
+      this.widget.layer = value;
+    }
+    else if (!value) {
+      this.widget.layer = null;
+    }
+  }
   menuConfigWatcher(value) {
     if (value && this.widget) {
       this.widget.menuConfig = value;
     }
   }
   multiSortEnabledWatcher(value) {
-    if (value && this.widget) {
+    if (value !== undefined && this.widget) {
       this.widget.multiSortEnabled = value;
     }
   }
   pageSizeWatcher(value) {
-    if (value && this.widget) {
+    if (value !== undefined && this.widget) {
       this.widget.pageSize = value;
     }
   }
+  returnGeometryEnabledWatcher(value) {
+    if (value !== undefined && this.widget) {
+      this.widget.returnGeometryEnabled = value;
+    }
+  }
   tableTemplateWatcher(value) {
     if (value && this.widget) {
       this.widget.tableTemplate = value;
     }
   }
+  timeZoneWatcher(value) {
+    if (this.widget) {
+      this.widget.timeZone = value;
+    }
+  }
   async itemIdWatcher(value, old) {
-    if (value && value !== old) {
+    if (isNullOrEmptyString(value)) {
+      this.layer = null;
+    }
+    else if (value && value !== old) {
       const layer = await newLayersFeatureLayer({
         portalItem: {
           id: value
@@ -117,9 +133,9 @@ const ArcgisFeatureTable = class {
       this.layer = layer;
     }
   }
-  layerWatcher(value) {
-    if (value && this.widget) {
-      this.widget.layer = value;
+  positionWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.view.ui.move(this.childElem, newValue);
     }
   }
   async urlWatcher(value, old) {
@@ -128,8 +144,10 @@ const ArcgisFeatureTable = class {
       this.layer = layer;
     }
   }
-  referenceElementWatcher(newValue) {
-    referenceElementHelper(this, newValue);
+  visibleElementsWatcher(value) {
+    if (this.widget) {
+      this.widget.visibleElements = value;
+    }
   }
   viewWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
@@ -198,21 +216,21 @@ const ArcgisFeatureTable = class {
   //--------------------------------------------------------------------------
   async _addWatchers() {
     const { watch } = await importCoreReactiveUtils();
-    watch(() => this.widget.activeFilters, (value) => (this.activeFilters = value), {
+    addHandles(this, watch(() => this.widget.activeFilters, (value) => (this.activeFilters = value), {
       initial: true
-    });
-    watch(() => this.widget.activeSortOrders, (value) => (this.activeSortOrders = value), {
+    }));
+    addHandles(this, watch(() => this.widget.activeSortOrders, (value) => (this.activeSortOrders = value), {
       initial: true
-    });
-    watch(() => this.widget.columns, (value) => (this.columns = value), {
+    }));
+    addHandles(this, watch(() => this.widget.columns, (value) => (this.columns = value), {
       initial: true
-    });
-    watch(() => this.widget.menu, (value) => (this.menu = value), {
+    }));
+    addHandles(this, watch(() => this.widget.menu, (value) => (this.menu = value), {
       initial: true
-    });
-    watch(() => this.widget.state, (value) => (this.state = value), {
+    }));
+    addHandles(this, watch(() => this.widget.state, (value) => (this.state = value), {
       initial: true
-    });
+    }));
   }
   async _createParams() {
     const params = {
@@ -257,6 +275,12 @@ const ArcgisFeatureTable = class {
     if (this.tableTemplate !== undefined) {
       params.tableTemplate = this.tableTemplate;
     }
+    if (this.timeZone !== undefined) {
+      params.timeZone = this.timeZone;
+    }
+    if (this.visibleElements !== undefined) {
+      params.visibleElements = this.visibleElements;
+    }
     // Handle loading a layer, url, or itemId
     if (this.layer !== undefined) {
       params.layer = this.layer;
@@ -278,7 +302,7 @@ const ArcgisFeatureTable = class {
   }
   get el() { return getElement(this); }
   static get watchers() { return {
-    "position": ["positionWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
     "attachmentsEnabled": ["attachmentsEnabledWatcher"],
     "autoRefreshEnabled": ["autoRefreshEnabledWatcher"],
     "columnReorderingEnabled": ["columnReorderingEnabledWatcher"],
@@ -287,17 +311,22 @@ const ArcgisFeatureTable = class {
     "hiddenFields": ["hiddenFieldsWatcher"],
     "highlightEnabled": ["highlightEnabledWatcher"],
     "highlightIds": ["highlightIdsWatcher"],
+    "layer": ["layerWatcher"],
     "menuConfig": ["menuConfigWatcher"],
     "multiSortEnabled": ["multiSortEnabledWatcher"],
     "pageSize": ["pageSizeWatcher"],
+    "returnGeometryEnabled": ["returnGeometryEnabledWatcher"],
     "tableTemplate": ["tableTemplateWatcher"],
+    "timeZone": ["timeZoneWatcher"],
     "itemId": ["itemIdWatcher"],
-    "layer": ["layerWatcher"],
+    "position": ["positionWatcher"],
     "url": ["urlWatcher"],
-    "referenceElement": ["referenceElementWatcher"],
+    "visibleElements": ["visibleElementsWatcher"],
     "view": ["viewWatcher"]
   }; }
 };
-ArcgisFeatureTable.style = arcgisFeatureTableCss;
+ArcgisFeatureTable.style = featureTableCss;
 
 export { ArcgisFeatureTable as arcgis_feature_table };
+
+//# sourceMappingURL=arcgis-feature-table.entry.js.map

package/dist/esm/arcgis-feature-table.entry.js.map

@@ -0,0 +1 @@
+{"file":"arcgis-feature-table.entry.js","mappings":";;;;;AAAA,MAAM,eAAe,GAAG,+CAA+C;;MCwB1D,kBAAkB;;;;;IAkO7B,kBAAa,GAAyB,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;oBAvCtB,aAAa;;;;;;EAvKhC,uBAAuB,CAAC,QAAyC;IAC/D,sBAAsB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;GACxC;EASD,yBAAyB,CAAC,KAA+C;IACvE,IAAI,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE;MACtC,IAAI,CAAC,MAAM,CAAC,kBAAkB,GAAG,KAAK,CAAC;KACxC;GACF;EAKD,yBAAyB,CAAC,KAA+C;IACvE,IAAI,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE;MACtC,IAAI,CAAC,MAAM,CAAC,kBAAkB,GAAG,KAAK,CAAC;KACxC;GACF;EAKD,8BAA8B,CAAC,KAAoD;IACjF,IAAI,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE;MACtC,IAAI,CAAC,MAAM,CAAC,uBAAuB,GAAG,KAAK,CAAC;KAC7C;GACF;EAOD,qBAAqB,CAAC,KAA2C;IAC/D,IAAI,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE;MACtC,IAAI,CAAC,MAAM,CAAC,cAAc,GAAG,KAAK,CAAC;KACpC;GACF;EAKD,qBAAqB,CAAC,KAA2C;IAC/D,IAAI,KAAK,IAAI,IAAI,CAAC,MAAM,EAAE;MACxB,IAAI,CAAC,MAAM,CAAC,cAAc,GAAG,KAAK,CAAC;KACpC;GACF;EAKD,mBAAmB,CAAC,KAAyC;IAC3D,IAAI,KAAK,IAAI,IAAI,CAAC,MAAM,EAAE;MACxB,IAAI,CAAC,MAAM,CAAC,YAAY,GAAG,KAAK,CAAC;KAClC;GACF;EAKD,uBAAuB,CAAC,KAA6C;IACnE,IAAI,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE;MACtC,IAAI,CAAC,MAAM,CAAC,gBAAgB,GAAG,KAAK,CAAC;KACtC;GACF;EAKD,mBAAmB,CAAC,KAAyC;IAC3D,IAAI,KAAK,IAAI,IAAI,CAAC,MAAM,EAAE;MACxB,IAAI,CAAC,MAAM,CAAC,YAAY,GAAG,KAAK,CAAC;KAClC;GACF;EAKD,YAAY,CAAC,KAAkC;IAC7C,IAAI,KAAK,IAAI,IAAI,CAAC,MAAM,EAAE;MACxB,IAAI,CAAC,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC;KAC3B;SAAM,IAAI,CAAC,KAAK,EAAE;MACjB,IAAI,CAAC,MAAM,CAAC,KAAK,GAAG,IAAK,CAAC;KAC3B;GACF;EAOD,iBAAiB,CAAC,KAAuC;IACvD,IAAI,KAAK,IAAI,IAAI,CAAC,MAAM,EAAE;MACxB,IAAI,CAAC,MAAM,CAAC,UAAU,GAAG,KAAK,CAAC;KAChC;GACF;EAKD,uBAAuB,CAAC,KAA6C;IACnE,IAAI,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE;MACtC,IAAI,CAAC,MAAM,CAAC,gBAAgB,GAAG,KAAK,CAAC;KACtC;GACF;EAKD,eAAe,CAAC,KAAqC;IACnD,IAAI,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE;MACtC,IAAI,CAAC,MAAM,CAAC,QAAQ,GAAG,KAAK,CAAC;KAC9B;GACF;EAKD,4BAA4B,CAAC,KAAkD;IAC7E,IAAI,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE;MACtC,IAAI,CAAC,MAAM,CAAC,qBAAqB,GAAG,KAAK,CAAC;KAC3C;GACF;EAOD,oBAAoB,CAAC,KAA0C;IAC7D,IAAI,KAAK,IAAI,IAAI,CAAC,MAAM,EAAE;MACxB,IAAI,CAAC,MAAM,CAAC,aAAa,GAAG,KAAK,CAAC;KACnC;GACF;EAKD,eAAe,CAAC,KAAqC;IACnD,IAAI,IAAI,CAAC,MAAM,EAAE;MACf,IAAI,CAAC,MAAM,CAAC,QAAQ,GAAG,KAAK,CAAC;KAC9B;GACF;EAKD,MAAM,aAAa,CAAC,KAAa,EAAE,GAAW;IAC5C,IAAI,mBAAmB,CAAC,KAAK,CAAC,EAAE;MAC9B,IAAI,CAAC,KAAK,GAAG,IAAK,CAAC;KACpB;SAAM,IAAI,KAAK,IAAI,KAAK,KAAK,GAAG,EAAE;MACjC,MAAM,KAAK,GAAG,MAAM,qBAAqB,CAAC;QACxC,UAAU,EAAE;UACV,EAAE,EAAE,KAAK;SACH;OACT,CAAC,CAAC;MACH,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;KACpB;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;EAKD,MAAM,UAAU,CAAC,KAAa,EAAE,GAAW;IACzC,IAAI,KAAK,IAAI,KAAK,KAAK,GAAG,EAAE;MAC1B,MAAM,KAAK,GAAG,MAAM,qBAAqB,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,CAAC;MAC1D,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;KACpB;GACF;EAKD,sBAAsB,CAAC,KAA4C;IACjE,IAAI,IAAI,CAAC,MAAM,EAAE;MACf,IAAI,CAAC,MAAM,CAAC,eAAe,GAAG,KAAK,CAAC;KACrC;GACF;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;;;;;;EAuBD,MAAM,oBAAoB;IACxB,OAAO,IAAI,CAAC,MAAM,EAAE,oBAAoB,EAAE,CAAC;GAC5C;EAGD,MAAM,eAAe,CAAC,iBAA2B;IAC/C,OAAO,IAAI,CAAC,MAAM,EAAE,eAAe,CAAC,iBAAiB,CAAC,CAAC;GACxD;EAGD,MAAM,iBAAiB;IACrB,OAAO,IAAI,CAAC,MAAM,EAAE,iBAAiB,EAAE,CAAC;GACzC;EAGD,MAAM,UAAU,CAAC,SAAiB;IAChC,OAAO,IAAI,CAAC,MAAM,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;GAC3C;EAGD,MAAM,UAAU,CAAC,SAAiB;IAChC,OAAO,IAAI,CAAC,MAAM,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;GAC3C;EAGD,MAAM,OAAO;IACX,OAAO,IAAI,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC;GAC/B;EAGD,MAAM,aAAa,CAAC,KAAa;IAC/B,OAAO,IAAI,CAAC,MAAM,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;GAC1C;EAGD,MAAM,cAAc;IAClB,OAAO,IAAI,CAAC,MAAM,EAAE,cAAc,EAAE,CAAC;GACtC;EAGD,MAAM,UAAU,CAAC,SAAiB;IAChC,OAAO,IAAI,CAAC,MAAM,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;GAC3C;EAGD,MAAM,UAAU,CAAC,IAAY,EAAE,SAAyB;IACtD,OAAO,IAAI,CAAC,MAAM,EAAE,UAAU,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;GACjD;;;;;;EAQD,MAAM,gBAAgB;IACpB,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,aAAa,EAAE,CAAC;IAE1C,MAAM,MAAM,GAAG,MAAM,sBAAsB,CAAC,MAAM,CAAC,CAAC;IAEpD,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,OAAO,WAAK,KAAK,EAAC,sBAAsB,EAAC,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,SAAS,GAAG,EAAoB,CAAC,GAAQ,CAAC;GACvG;;;;;;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;IAEF,UAAU,CACR,IAAI,EACJ,KAAK,CACH,MAAM,IAAI,CAAC,MAAM,CAAC,gBAAgB,EAClC,CAAC,KAAK,MAAM,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC,EAC1C;MACE,OAAO,EAAE,IAAI;KACd,CACF,CACF,CAAC;IAEF,UAAU,CACR,IAAI,EACJ,KAAK,CACH,MAAM,IAAI,CAAC,MAAM,CAAC,OAAO,EACzB,CAAC,KAAK,MAAM,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,EACjC;MACE,OAAO,EAAE,IAAI;KACd,CACF,CACF,CAAC;IAEF,UAAU,CACR,IAAI,EACJ,KAAK,CACH,MAAM,IAAI,CAAC,MAAM,CAAC,IAAI,EACtB,CAAC,KAAK,MAAM,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,EAC9B;MACE,OAAO,EAAE,IAAI;KACd,CACF,CACF,CAAC;IAEF,UAAU,CACR,IAAI,EACJ,KAAK,CACH,MAAM,IAAI,CAAC,MAAM,CAAC,KAAK,EACvB,CAAC,KAAK,MAAM,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,EAC/B;MACE,OAAO,EAAE,IAAI;KACd,CACF,CACF,CAAC;GACH;EAEO,MAAM,aAAa;IACzB,MAAM,MAAM,GAAgC;MAC1C,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,kBAAkB,KAAK,SAAS,EAAE;MACzC,MAAM,CAAC,kBAAkB,GAAG,IAAI,CAAC,kBAAkB,CAAC;KACrD;IAED,IAAI,IAAI,CAAC,kBAAkB,KAAK,SAAS,EAAE;MACzC,MAAM,CAAC,kBAAkB,GAAG,IAAI,CAAC,kBAAkB,CAAC;KACrD;IAED,IAAI,IAAI,CAAC,uBAAuB,KAAK,SAAS,EAAE;MAC9C,MAAM,CAAC,uBAAuB,GAAG,IAAI,CAAC,uBAAuB,CAAC;KAC/D;IAED,IAAI,IAAI,CAAC,cAAc,KAAK,SAAS,EAAE;MACrC,MAAM,CAAC,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC;KAC7C;IAED,IAAI,IAAI,CAAC,cAAc,KAAK,SAAS,EAAE;MACrC,MAAM,CAAC,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC;KAC7C;IAED,IAAI,IAAI,CAAC,YAAY,KAAK,SAAS,EAAE;MACnC,MAAM,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC;KACzC;IAED,IAAI,IAAI,CAAC,gBAAgB,KAAK,SAAS,EAAE;MACvC,MAAM,CAAC,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,CAAC;KACjD;IAED,IAAI,IAAI,CAAC,YAAY,KAAK,SAAS,EAAE;MACnC,MAAM,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC;KACzC;IAED,IAAI,IAAI,CAAC,UAAU,KAAK,SAAS,EAAE;MACjC,MAAM,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC;KACrC;IAED,IAAI,IAAI,CAAC,gBAAgB,KAAK,SAAS,EAAE;MACvC,MAAM,CAAC,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,CAAC;KACjD;IAED,IAAI,IAAI,CAAC,QAAQ,KAAK,SAAS,EAAE;MAC/B,MAAM,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;KACjC;IAED,IAAI,IAAI,CAAC,aAAa,KAAK,SAAS,EAAE;MACpC,MAAM,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC;KAC3C;IAED,IAAI,IAAI,CAAC,QAAQ,KAAK,SAAS,EAAE;MAC/B,MAAM,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;KACjC;IAED,IAAI,IAAI,CAAC,eAAe,KAAK,SAAS,EAAE;MACtC,MAAM,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC;KAC/C;;IAGD,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,EAAE;MAC5B,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;KAC3B;SAAM,IAAI,IAAI,CAAC,GAAG,EAAE;MACnB,MAAM,CAAC,KAAK,GAAG,MAAM,qBAAqB,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;KAC/D;SAAM,IAAI,IAAI,CAAC,MAAM,EAAE;MACtB,MAAM,CAAC,KAAK,GAAG,MAAM,qBAAqB,CAAC;QACzC,UAAU,EAAE;UACV,EAAE,EAAE,IAAI,CAAC,MAAM;SAChB;OACF,CAAC,CAAC;KACJ;IAED,OAAO,MAAM,CAAC;GACf;EAEO,MAAM,YAAY;IACxB,IAAI,CAAC,MAAM,EAAE,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;GAChF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/feature-table/feature-table.css?tag=arcgis-feature-table","src/components/feature-table/feature-table.tsx"],"sourcesContent":[".arcgis-feature-table {\n  width: 100%;\n  height: 100%;\n}\n","import { Component, Element, Event, EventEmitter, h, Method, Prop, VNode, Watch } from \"@stencil/core\";\n\n// arcgis imports\nimport type FeatureTable from \"@arcgis/core/widgets/FeatureTable\";\n\nimport { importCoreReactiveUtils, newLayersFeatureLayer, newWidgetsFeatureTable } from \"@arcgis/core-adapter\";\nimport {\n  addHandles,\n  ArcgisReferenceElement,\n  checkForView,\n  isNullOrEmptyString,\n  referenceElementHelper,\n  WidgetElement\n} from \"../../utils/component-utils\";\nimport { onDisconnectedHelper } from \"../../utils/disconnected\";\nimport { ArcGISMapView, ArcGISSceneView } from \"../types\";\n\nexport type FeatureTableWidget = InstanceType<typeof FeatureTable>;\n\n@Component({\n  tag: \"arcgis-feature-table\",\n  styleUrl: \"feature-table.css\",\n  shadow: false\n})\nexport class ArcgisFeatureTable 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({ mutable: true }) activeFilters: FeatureTableWidget[\"activeFilters\"];\n\n  @Prop({ mutable: true }) activeSortOrders: FeatureTableWidget[\"activeSortOrders\"];\n\n  @Prop() attachmentsEnabled: FeatureTableWidget[\"attachmentsEnabled\"];\n\n  @Watch(\"attachmentsEnabled\")\n  attachmentsEnabledWatcher(value: FeatureTableWidget[\"attachmentsEnabled\"]): void {\n    if (value !== undefined && this.widget) {\n      this.widget.attachmentsEnabled = value;\n    }\n  }\n\n  @Prop() autoRefreshEnabled: FeatureTableWidget[\"autoRefreshEnabled\"];\n\n  @Watch(\"autoRefreshEnabled\")\n  autoRefreshEnabledWatcher(value: FeatureTableWidget[\"autoRefreshEnabled\"]): void {\n    if (value !== undefined && this.widget) {\n      this.widget.autoRefreshEnabled = value;\n    }\n  }\n\n  @Prop() columnReorderingEnabled: FeatureTableWidget[\"columnReorderingEnabled\"];\n\n  @Watch(\"columnReorderingEnabled\")\n  columnReorderingEnabledWatcher(value: FeatureTableWidget[\"columnReorderingEnabled\"]): void {\n    if (value !== undefined && this.widget) {\n      this.widget.columnReorderingEnabled = value;\n    }\n  }\n\n  @Prop({ mutable: true }) columns: FeatureTableWidget[\"columns\"];\n\n  @Prop() editingEnabled: FeatureTableWidget[\"editingEnabled\"];\n\n  @Watch(\"editingEnabled\")\n  editingEnabledWatcher(value: FeatureTableWidget[\"editingEnabled\"]): void {\n    if (value !== undefined && this.widget) {\n      this.widget.editingEnabled = value;\n    }\n  }\n\n  @Prop() filterGeometry: FeatureTableWidget[\"filterGeometry\"];\n\n  @Watch(\"filterGeometry\")\n  filterGeometryWatcher(value: FeatureTableWidget[\"filterGeometry\"]): void {\n    if (value && this.widget) {\n      this.widget.filterGeometry = value;\n    }\n  }\n\n  @Prop() hiddenFields: FeatureTableWidget[\"hiddenFields\"];\n\n  @Watch(\"hiddenFields\")\n  hiddenFieldsWatcher(value: FeatureTableWidget[\"hiddenFields\"]): void {\n    if (value && this.widget) {\n      this.widget.hiddenFields = value;\n    }\n  }\n\n  @Prop() highlightEnabled: FeatureTableWidget[\"highlightEnabled\"];\n\n  @Watch(\"highlightEnabled\")\n  highlightEnabledWatcher(value: FeatureTableWidget[\"highlightEnabled\"]): void {\n    if (value !== undefined && this.widget) {\n      this.widget.highlightEnabled = value;\n    }\n  }\n\n  @Prop() highlightIds: FeatureTableWidget[\"highlightIds\"];\n\n  @Watch(\"highlightIds\")\n  highlightIdsWatcher(value: FeatureTableWidget[\"highlightIds\"]): void {\n    if (value && this.widget) {\n      this.widget.highlightIds = value;\n    }\n  }\n\n  @Prop({ mutable: true }) layer: FeatureTableWidget[\"layer\"];\n\n  @Watch(\"layer\")\n  layerWatcher(value: FeatureTableWidget[\"layer\"]): void {\n    if (value && this.widget) {\n      this.widget.layer = value;\n    } else if (!value) {\n      this.widget.layer = null!;\n    }\n  }\n\n  @Prop({ mutable: true }) menu: FeatureTableWidget[\"menu\"];\n\n  @Prop() menuConfig: FeatureTableWidget[\"menuConfig\"];\n\n  @Watch(\"menuConfig\")\n  menuConfigWatcher(value: FeatureTableWidget[\"menuConfig\"]): void {\n    if (value && this.widget) {\n      this.widget.menuConfig = value;\n    }\n  }\n\n  @Prop() multiSortEnabled: FeatureTableWidget[\"multiSortEnabled\"];\n\n  @Watch(\"multiSortEnabled\")\n  multiSortEnabledWatcher(value: FeatureTableWidget[\"multiSortEnabled\"]): void {\n    if (value !== undefined && this.widget) {\n      this.widget.multiSortEnabled = value;\n    }\n  }\n\n  @Prop() pageSize: FeatureTableWidget[\"pageSize\"];\n\n  @Watch(\"pageSize\")\n  pageSizeWatcher(value: FeatureTableWidget[\"pageSize\"]): void {\n    if (value !== undefined && this.widget) {\n      this.widget.pageSize = value;\n    }\n  }\n\n  @Prop() returnGeometryEnabled: FeatureTableWidget[\"returnGeometryEnabled\"];\n\n  @Watch(\"returnGeometryEnabled\")\n  returnGeometryEnabledWatcher(value: FeatureTableWidget[\"returnGeometryEnabled\"]): void {\n    if (value !== undefined && this.widget) {\n      this.widget.returnGeometryEnabled = value;\n    }\n  }\n\n  @Prop({ mutable: true }) state: FeatureTableWidget[\"state\"];\n\n  @Prop() tableTemplate: FeatureTableWidget[\"tableTemplate\"];\n\n  @Watch(\"tableTemplate\")\n  tableTemplateWatcher(value: FeatureTableWidget[\"tableTemplate\"]): void {\n    if (value && this.widget) {\n      this.widget.tableTemplate = value;\n    }\n  }\n\n  @Prop() timeZone: FeatureTableWidget[\"timeZone\"];\n\n  @Watch(\"timeZone\")\n  timeZoneWatcher(value: FeatureTableWidget[\"timeZone\"]): void {\n    if (this.widget) {\n      this.widget.timeZone = value;\n    }\n  }\n\n  @Prop() itemId: string;\n\n  @Watch(\"itemId\")\n  async itemIdWatcher(value: string, old: string): Promise<void> {\n    if (isNullOrEmptyString(value)) {\n      this.layer = null!;\n    } else if (value && value !== old) {\n      const layer = await newLayersFeatureLayer({\n        portalItem: {\n          id: value\n        } as any\n      });\n      this.layer = layer;\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() url: string;\n\n  @Watch(\"url\")\n  async urlWatcher(value: string, old: string): Promise<void> {\n    if (value && value !== old) {\n      const layer = await newLayersFeatureLayer({ url: value });\n      this.layer = layer;\n    }\n  }\n\n  @Prop() visibleElements: FeatureTableWidget[\"visibleElements\"];\n\n  @Watch(\"visibleElements\")\n  visibleElementsWatcher(value: FeatureTableWidget[\"visibleElements\"]): void {\n    if (this.widget) {\n      this.widget.visibleElements = value;\n    }\n  }\n\n  @Prop({ mutable: true }) view: ArcGISMapView | ArcGISSceneView;\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: FeatureTableWidget;\n\n  _watchHandles: __esri.WatchHandle[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  @Event({ cancelable: true }) rowSelectionChange: EventEmitter<__esri.CollectionChangeEvent<number>>;\n\n  @Event({ cancelable: true }) widgetReady: EventEmitter<{ widget: __esri.FeatureTable }>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Methods\n  //\n  //--------------------------------------------------------------------------\n\n  @Method()\n  async clearSelectionFilter(): Promise<void> {\n    return this.widget?.clearSelectionFilter();\n  }\n\n  @Method()\n  async deleteSelection(showWarningPrompt?: boolean): Promise<void> {\n    return this.widget?.deleteSelection(showWarningPrompt);\n  }\n\n  @Method()\n  async filterBySelection(): Promise<void> {\n    return this.widget?.filterBySelection();\n  }\n\n  @Method()\n  async findColumn(fieldName: string): Promise<__esri.Column | __esri.GroupColumn> {\n    return this.widget?.findColumn(fieldName);\n  }\n\n  @Method()\n  async hideColumn(fieldName: string): Promise<void> {\n    return this.widget?.hideColumn(fieldName);\n  }\n\n  @Method()\n  async refresh(): Promise<void> {\n    return this.widget?.refresh();\n  }\n\n  @Method()\n  async scrollToIndex(index: number): Promise<void> {\n    return this.widget?.scrollToIndex(index);\n  }\n\n  @Method()\n  async showAllColumns(): Promise<void> {\n    return this.widget?.showAllColumns();\n  }\n\n  @Method()\n  async showColumn(fieldName: string): Promise<void> {\n    return this.widget?.showColumn(fieldName);\n  }\n\n  @Method()\n  async sortColumn(path: string, direction: \"asc\" | \"desc\"): Promise<void> {\n    return this.widget?.sortColumn(path, direction);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentDidLoad(): Promise<void> {\n    const params = await this._createParams();\n\n    const widget = await newWidgetsFeatureTable(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    return <div class=\"arcgis-feature-table\" 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.activeFilters,\n        (value) => (this.activeFilters = value),\n        {\n          initial: true\n        }\n      )\n    );\n\n    addHandles(\n      this,\n      watch(\n        () => this.widget.activeSortOrders,\n        (value) => (this.activeSortOrders = value),\n        {\n          initial: true\n        }\n      )\n    );\n\n    addHandles(\n      this,\n      watch(\n        () => this.widget.columns,\n        (value) => (this.columns = value),\n        {\n          initial: true\n        }\n      )\n    );\n\n    addHandles(\n      this,\n      watch(\n        () => this.widget.menu,\n        (value) => (this.menu = value),\n        {\n          initial: true\n        }\n      )\n    );\n\n    addHandles(\n      this,\n      watch(\n        () => this.widget.state,\n        (value) => (this.state = value),\n        {\n          initial: true\n        }\n      )\n    );\n  }\n\n  private async _createParams(): Promise<Partial<FeatureTableWidget>> {\n    const params: Partial<FeatureTableWidget> = {\n      container: this.childElem\n    };\n\n    if (this.view) {\n      params.view = this.view;\n    }\n\n    if (this.attachmentsEnabled !== undefined) {\n      params.attachmentsEnabled = this.attachmentsEnabled;\n    }\n\n    if (this.autoRefreshEnabled !== undefined) {\n      params.autoRefreshEnabled = this.autoRefreshEnabled;\n    }\n\n    if (this.columnReorderingEnabled !== undefined) {\n      params.columnReorderingEnabled = this.columnReorderingEnabled;\n    }\n\n    if (this.editingEnabled !== undefined) {\n      params.editingEnabled = this.editingEnabled;\n    }\n\n    if (this.filterGeometry !== undefined) {\n      params.filterGeometry = this.filterGeometry;\n    }\n\n    if (this.hiddenFields !== undefined) {\n      params.hiddenFields = this.hiddenFields;\n    }\n\n    if (this.highlightEnabled !== undefined) {\n      params.highlightEnabled = this.highlightEnabled;\n    }\n\n    if (this.highlightIds !== undefined) {\n      params.highlightIds = this.highlightIds;\n    }\n\n    if (this.menuConfig !== undefined) {\n      params.menuConfig = this.menuConfig;\n    }\n\n    if (this.multiSortEnabled !== undefined) {\n      params.multiSortEnabled = this.multiSortEnabled;\n    }\n\n    if (this.pageSize !== undefined) {\n      params.pageSize = this.pageSize;\n    }\n\n    if (this.tableTemplate !== undefined) {\n      params.tableTemplate = this.tableTemplate;\n    }\n\n    if (this.timeZone !== undefined) {\n      params.timeZone = this.timeZone;\n    }\n\n    if (this.visibleElements !== undefined) {\n      params.visibleElements = this.visibleElements;\n    }\n\n    // Handle loading a layer, url, or itemId\n    if (this.layer !== undefined) {\n      params.layer = this.layer;\n    } else if (this.url) {\n      params.layer = await newLayersFeatureLayer({ url: this.url });\n    } else if (this.itemId) {\n      params.layer = await newLayersFeatureLayer({\n        portalItem: {\n          id: this.itemId\n        }\n      });\n    }\n\n    return params;\n  }\n\n  private async _proxyEvents() {\n    this.widget?.highlightIds.on(\"change\", (e) => this.rowSelectionChange.emit(e));\n  }\n}\n"],"version":3}

package/dist/esm/arcgis-feature-templates.entry.js

@@ -1,30 +1,63 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-eb3ead33.js';
-import { D as newWidgetsFeatureTemplates } 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 { A as newWidgetsFeatureTemplates } from './index-fd2cea51.js';
+import { c as checkForView } from './component-utils-42a79acb.js';
+import { o as onDisconnectedHelper } from './disconnected-bf72f8e5.js';
 
-const arcgisFeatureTemplatesCss = "";
+const featureTemplatesCss = "";
 
 const ArcgisFeatureTemplates = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.widgetReady = createEvent(this, "widgetReady", 7);
+    this.featureTemplatesSelect = createEvent(this, "featureTemplatesSelect", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.position = "bottom-left";
     this.expandable = false;
     this.widget = undefined;
+    this.enableListScroll = undefined;
+    this.filterFunction = undefined;
+    this.filterText = undefined;
+    this.groupBy = undefined;
     this.layers = undefined;
+    this.selectionMode = undefined;
+    this.visibleElements = undefined;
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Watchers
-  //
-  //--------------------------------------------------------------------------
-  layersWatcher(newValue) {
+  enableListScrolWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
+      this.widget.enableListScroll = newValue;
+    }
+  }
+  filterFunctionWatcher(newValue) {
+    if (this.widget) {
+      this.widget.filterFunction = newValue;
+    }
+  }
+  filterTextWatcher(newValue) {
+    if (this.widget) {
+      this.widget.filterText = newValue;
+    }
+  }
+  groupByWatcher(newValue) {
+    if (this.widget) {
+      this.widget.groupBy = newValue;
+    }
+  }
+  layersWatcher(newValue) {
+    if (this.widget) {
       this.widget.layers = newValue;
     }
   }
+  selectionModeWatcher(newValue) {
+    if (this.widget) {
+      this.widget.selectionMode = newValue;
+    }
+  }
+  visibleElementsWatcher(newValue) {
+    if (this.widget) {
+      this.widget.visibleElements = newValue;
+    }
+  }
   //--------------------------------------------------------------------------
   //
   //  Lifecycle
@@ -34,6 +67,8 @@ const ArcgisFeatureTemplates = class {
     const params = this._createParams();
     const widget = await newWidgetsFeatureTemplates(params);
     this.widget = widget;
+    this._proxyEvents();
+    this.widgetReady.emit({ widget: this.widget });
     checkForView(this);
   }
   disconnectedCallback() {
@@ -54,16 +89,45 @@ const ArcgisFeatureTemplates = class {
     const params = {
       container: this.childElem
     };
+    if (this.enableListScroll !== undefined) {
+      params.enableListScroll = this.enableListScroll;
+    }
+    if (this.filterFunction) {
+      params.filterFunction = this.filterFunction;
+    }
+    if (this.filterText) {
+      params.filterText = this.filterText;
+    }
+    if (this.groupBy) {
+      params.groupBy = this.groupBy;
+    }
     if (this.layers) {
       params.layers = this.layers;
     }
+    if (this.selectionMode !== undefined) {
+      params.selectionMode = this.selectionMode;
+    }
+    if (this.visibleElements) {
+      params.visibleElements = this.visibleElements;
+    }
     return params;
   }
+  _proxyEvents() {
+    this.widget.on("select", (e) => this.featureTemplatesSelect.emit(e));
+  }
   get el() { return getElement(this); }
   static get watchers() { return {
-    "layers": ["layersWatcher"]
+    "enableListScroll": ["enableListScrolWatcher"],
+    "filterFunction": ["filterFunctionWatcher"],
+    "filterText": ["filterTextWatcher"],
+    "groupBy": ["groupByWatcher"],
+    "layers": ["layersWatcher"],
+    "selectionMode": ["selectionModeWatcher"],
+    "visibleElements": ["visibleElementsWatcher"]
   }; }
 };
-ArcgisFeatureTemplates.style = arcgisFeatureTemplatesCss;
+ArcgisFeatureTemplates.style = featureTemplatesCss;
 
 export { ArcgisFeatureTemplates as arcgis_feature_templates };
+
+//# sourceMappingURL=arcgis-feature-templates.entry.js.map

package/dist/esm/arcgis-feature-templates.entry.js.map

@@ -0,0 +1 @@
+{"file":"arcgis-feature-templates.entry.js","mappings":"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","names":[],"sources":["src/components/feature-templates/feature-templates.css?tag=arcgis-feature-templates","src/components/feature-templates/feature-templates.tsx"],"sourcesContent":["","import { Component, Element, Event, EventEmitter, Prop, VNode, Watch, h } from \"@stencil/core\";\n\n// arcgis imports\nimport { newWidgetsFeatureTemplates } from \"@arcgis/core-adapter\";\nimport type FeatureTemplates from \"@arcgis/core/widgets/FeatureTemplates\";\nimport { ArcgisReferenceElement, checkForView } from \"../../utils/component-utils\";\nimport { onDisconnectedHelper } from \"../../utils/disconnected\";\nimport { ExpandableComponent } from \"../../utils/expandable\";\n\nexport type FeatureTemplatesWidget = InstanceType<typeof FeatureTemplates>;\n\n@Component({\n  tag: \"arcgis-feature-templates\",\n  styleUrl: \"feature-templates.css\",\n  shadow: false\n})\nexport class ArcgisFeatureTemplates implements ExpandableComponent {\n  @Element() el: HTMLDivElement;\n\n  childElem: HTMLDivElement;\n\n  expandElem: HTMLArcgisExpandElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Prop() referenceElement: ArcgisReferenceElement | string;\n\n  @Prop() position = \"bottom-left\";\n\n  @Prop() expandable = false;\n\n  @Prop({ mutable: true }) widget: FeatureTemplatesWidget;\n\n  @Prop() enableListScroll: FeatureTemplatesWidget[\"enableListScroll\"];\n\n  @Watch(\"enableListScroll\")\n  enableListScrolWatcher(newValue: FeatureTemplatesWidget[\"enableListScroll\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.enableListScroll = newValue;\n    }\n  }\n\n  @Prop() filterFunction: FeatureTemplatesWidget[\"filterFunction\"];\n\n  @Watch(\"filterFunction\")\n  filterFunctionWatcher(newValue: FeatureTemplatesWidget[\"filterFunction\"]): void {\n    if (this.widget) {\n      this.widget.filterFunction = newValue;\n    }\n  }\n\n  @Prop() filterText: FeatureTemplatesWidget[\"filterText\"];\n\n  @Watch(\"filterText\")\n  filterTextWatcher(newValue: FeatureTemplatesWidget[\"filterText\"]): void {\n    if (this.widget) {\n      this.widget.filterText = newValue;\n    }\n  }\n\n  @Prop() groupBy: FeatureTemplatesWidget[\"groupBy\"];\n\n  @Watch(\"groupBy\")\n  groupByWatcher(newValue: FeatureTemplatesWidget[\"groupBy\"]): void {\n    if (this.widget) {\n      this.widget.groupBy = newValue;\n    }\n  }\n\n  @Prop() layers: FeatureTemplatesWidget[\"layers\"];\n\n  @Watch(\"layers\")\n  layersWatcher(newValue: FeatureTemplatesWidget[\"layers\"]): void {\n    if (this.widget) {\n      this.widget.layers = newValue;\n    }\n  }\n\n  @Prop() selectionMode: FeatureTemplatesWidget[\"selectionMode\"];\n\n  @Watch(\"selectionMode\")\n  selectionModeWatcher(newValue: FeatureTemplatesWidget[\"selectionMode\"]): void {\n    if (this.widget) {\n      this.widget.selectionMode = newValue;\n    }\n  }\n\n  @Prop() visibleElements: FeatureTemplatesWidget[\"visibleElements\"];\n\n  @Watch(\"visibleElements\")\n  visibleElementsWatcher(newValue: FeatureTemplatesWidget[\"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.FeatureTemplates }>;\n\n  @Event({ cancelable: true }) featureTemplatesSelect: EventEmitter<__esri.FeatureTemplatesSelectEvent>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentDidLoad(): Promise<void> {\n    const params = this._createParams();\n\n    const widget = await newWidgetsFeatureTemplates(params);\n\n    this.widget = widget;\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 _createParams(): Partial<FeatureTemplatesWidget> {\n    const params: Partial<FeatureTemplatesWidget> = {\n      container: this.childElem\n    };\n\n    if (this.enableListScroll !== undefined) {\n      params.enableListScroll = this.enableListScroll;\n    }\n\n    if (this.filterFunction) {\n      params.filterFunction = this.filterFunction;\n    }\n\n    if (this.filterText) {\n      params.filterText = this.filterText;\n    }\n\n    if (this.groupBy) {\n      params.groupBy = this.groupBy;\n    }\n\n    if (this.layers) {\n      params.layers = this.layers;\n    }\n\n    if (this.selectionMode !== undefined) {\n      params.selectionMode = this.selectionMode;\n    }\n\n    if (this.visibleElements) {\n      params.visibleElements = this.visibleElements;\n    }\n\n    return params;\n  }\n\n  private _proxyEvents() {\n    this.widget.on(\"select\", (e) => this.featureTemplatesSelect.emit(e));\n  }\n}\n"],"version":3}