npm - @esri/solutions-components - Versions diffs - 0.7.0 → 0.7.1 - Mend

@esri/solutions-components 0.7.0 → 0.7.1

Files changed (196) hide show

package/dist/collection/demos/crowdsource-reporter.html CHANGED Viewed

@@ -23,50 +23,81 @@
     -->
     <style>
       #viewDiv {
-        padding: 0;
-        margin: 0;
-        height: 100%;
-        width: 100%;
+        position: absolute;
+        top: 0px;
+        right: 0px;
+        bottom: 0px;
+        left: 354px;
+      }
+      #viewDiv[dir="rtl"] {
+        right: 354px;
+        left: 0px;
       }
       .over-map {
         position: absolute;
-        right: 0px;
+        left: 0px;
         background-color: var(--calcite-ui-foreground-1);
       }
+      .over-map[dir="rtl"] {
+        right: 0px;
+      }
       .column {
-        min-width: 300px;
+        width: 320px;
         padding: 1rem;
         border: 1px solid var(--calcite-ui-border-2);
         height: -webkit-fill-available;
         height: 100%;
       }
       .column[dir="rtl"] {
-        float: left;
+        float: right;
       }
     </style>
     <link
       rel="stylesheet"
-      href="https://js.arcgis.com/4.27/esri/themes/light/main.css"
+      href="https://jsdev.arcgis.com/4.28/esri/themes/light/main.css"
     />
-    <link rel="stylesheet" href="https://unpkg.com/@esri/calcite-components@1.0.0-beta.97/dist/calcite/calcite.css" type="text/css" />
+    <!-- <link
+      rel="stylesheet"
+      href="https://jsdev.arcgis.com/4.28/esri/themes/dark/main.css"
+    /> -->
     <link rel="stylesheet" href="https://webapps-cdn.esri.com/CDN/fonts/v1.4.1/fonts.css" />
     <link rel="stylesheet" href="../solutions-components.css" type="text/css">
-    <script src="https://js.arcgis.com/4.27/"></script>
+    <script src="https://jsdev.arcgis.com/4.28/"></script>
     <script type="module" src="../solutions-components.esm.js"></script>
     <script>
-      require(["esri/WebMap", "esri/views/MapView"], (
+      require(["esri/WebMap", "esri/views/MapView", "esri/widgets/Legend", "esri/config"], (
         WebMap,
-        MapView
+        MapView,
+        Legend,
+        esriConfig
       ) => {
+        let itemId;
+        let portal;
+        var vars = window.location.search.substring(1).split('&');
+        vars.forEach((param) => {
+          let vals = param.split('=');
+          const v = vals[1];
+          switch (vals[0]) {
+            case "id":
+              itemId = v;
+              break;
+            case "portal":
+              portal = v;
+            default:
+              break;
+          }
+        });
+        if (portal) {
+          esriConfig.portalUrl = portal;
+        }
         var webMap = new WebMap({
           portalItem: {
             // solutions
-            // id: "3715f4899bea4b2a948347c5c2357e58"
-            // InstantApps
-            id: "863e4f6f2a7840db896cc1b1606d552d"
+            id: itemId ? itemId : "3715f4899bea4b2a948347c5c2357e58"
           }
         });
@@ -75,10 +106,20 @@
           container: "viewDiv",
           map: webMap
         });
+        demo.mapView.when(() => {
+          const legend = new Legend({
+            view: demo.mapView
+          });
+          demo.mapView.ui.add(legend, "top-left");
+        });
+        demo.loginTitle = "Login Title";
       });
     </script>
   </head>
+  <!-- <body class="calcite-mode-dark"> -->
   <body>
     <div id="viewDiv"></div>
     <crowdsource-reporter id="demo" class="over-map column"></crowdsource-reporter>

package/dist/collection/utils/interfaces.ts CHANGED Viewed

@@ -488,9 +488,14 @@ export interface IToolInfo {
   disabled: boolean;
   isDanger?: boolean;
   isOverflow: boolean;
+  isSublist?: boolean;
 }
 export interface IToolSizeInfo {
   id: string;
   width: number;
 }
+export interface IColumnsInfo {
+  [key: string]: boolean;
+}

package/dist/collection/utils/queryUtils.js CHANGED Viewed

@@ -123,6 +123,26 @@ export async function queryFeaturesByID(ids, layer, graphics, returnGeometry, ou
     queryFeaturesByID(remainingIds, layer, graphics, returnGeometry, outSpatialReference) :
     Promise.resolve(graphics);
 }
+/**
+ * Query the layer for features that have the provided globalId
+ *
+ * @param globalId globalId to be used to query for a feature in a layer
+ * @param layer the layer to retrieve features from
+ *
+ * @returns Promise with the featureSet from the layer that match the provided globalId
+ */
+export async function queryFeaturesByGlobalID(globalIds, layer) {
+  const globalIdField = layer.globalIdField;
+  if (!globalIdField) {
+    return [];
+  }
+  const q = layer.createQuery();
+  q.returnGeometry = false;
+  q.outFields = [layer.objectIdField];
+  q.where = globalIds.map(g => `${globalIdField} = '${g}'`).join(" or ");
+  const result = await layer.queryFeatures(q);
+  return result.features;
+}
 /**
  * Query the layer for features that intersect the provided geometry
  *

package/dist/collection/utils/queryUtils.ts CHANGED Viewed

@@ -154,6 +154,32 @@ export async function queryFeaturesByID(
     Promise.resolve(graphics);
 }
+/**
+ * Query the layer for features that have the provided globalId
+ *
+ * @param globalId globalId to be used to query for a feature in a layer
+ * @param layer the layer to retrieve features from
+ *
+ * @returns Promise with the featureSet from the layer that match the provided globalId
+ */
+export async function queryFeaturesByGlobalID(
+  globalIds: string[],
+  layer: __esri.FeatureLayer
+): Promise<__esri.Graphic[]> {
+  const globalIdField = (layer as any).globalIdField;
+  if (!globalIdField) {
+    return [];
+  }
+  const q = layer.createQuery();
+  q.returnGeometry = false;
+  q.outFields = [layer.objectIdField];
+  q.where = globalIds.map(g => `${globalIdField} = '${g}'`).join(" or ");
+  const result = await layer.queryFeatures(q);
+  return result.features;
+}
 /**
  * Query the layer for features that intersect the provided geometry
  *

package/dist/components/arcgis-login.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+interface ArcgisLogin extends Components.ArcgisLogin, HTMLElement {}
+export const ArcgisLogin: {
+  prototype: ArcgisLogin;
+  new (): ArcgisLogin;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/arcgis-login.js ADDED Viewed

@@ -0,0 +1,75 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+const arcgisLoginCss = ":host{display:block}";
+const ArcgisLogin$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisLogin extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Properties (public)
+  //
+  //--------------------------------------------------------------------------
+  //--------------------------------------------------------------------------
+  //
+  //  State (internal)
+  //
+  //--------------------------------------------------------------------------
+  //--------------------------------------------------------------------------
+  //
+  //  Properties (protected)
+  //
+  //--------------------------------------------------------------------------
+  //--------------------------------------------------------------------------
+  //
+  //  Watch handlers
+  //
+  //--------------------------------------------------------------------------
+  //--------------------------------------------------------------------------
+  //
+  //  Methods (public)
+  //
+  //--------------------------------------------------------------------------
+  //--------------------------------------------------------------------------
+  //
+  //  Events (public)
+  //
+  //--------------------------------------------------------------------------
+  //--------------------------------------------------------------------------
+  //
+  //  Functions (lifecycle)
+  //
+  //--------------------------------------------------------------------------
+  render() {
+    return (h(Host, null, h("slot", null)));
+  }
+  get el() { return this; }
+  static get style() { return arcgisLoginCss; }
+}, [1, "arcgis-login"]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["arcgis-login"];
+  components.forEach(tagName => { switch (tagName) {
+    case "arcgis-login":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, ArcgisLogin$1);
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+const ArcgisLogin = ArcgisLogin$1;
+const defineCustomElement = defineCustomElement$1;
+export { ArcgisLogin, defineCustomElement };

package/dist/components/calcite-list-item.js CHANGED Viewed

@@ -3,7 +3,7 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { L as ListItem, d as defineCustomElement$1 } from './list-item2.js';
+import { L as ListItem, d as defineCustomElement$1 } from './list-item.js';
 const CalciteListItem = ListItem;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/card-manager2.js CHANGED Viewed

@@ -7,6 +7,7 @@ import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal
 import { g as getLocaleComponentStrings } from './locale.js';
 import { q as queryFeaturesByID } from './queryUtils.js';
 import { g as getLayerOrTable } from './mapViewUtils.js';
+import { d as defineCustomElement$b } from './action.js';
 import { d as defineCustomElement$a } from './alert.js';
 import { d as defineCustomElement$9 } from './button.js';
 import { d as defineCustomElement$8 } from './chip.js';
@@ -116,13 +117,18 @@ function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["card-manager", "calcite-alert", "calcite-button", "calcite-chip", "calcite-icon", "calcite-loader", "calcite-notice", "calcite-shell", "calcite-tooltip", "edit-card", "info-card"];
+  const components = ["card-manager", "calcite-action", "calcite-alert", "calcite-button", "calcite-chip", "calcite-icon", "calcite-loader", "calcite-notice", "calcite-shell", "calcite-tooltip", "edit-card", "info-card"];
   components.forEach(tagName => { switch (tagName) {
     case "card-manager":
       if (!customElements.get(tagName)) {
         customElements.define(tagName, CardManager);
       }
       break;
+    case "calcite-action":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$b();
+      }
+      break;
     case "calcite-alert":
       if (!customElements.get(tagName)) {
         defineCustomElement$a();

package/dist/components/crowdsource-manager.js CHANGED Viewed

@@ -24,7 +24,7 @@ import { d as defineCustomElement$u } from './handle.js';
 import { d as defineCustomElement$t } from './icon.js';
 import { d as defineCustomElement$s } from './input.js';
 import { d as defineCustomElement$r } from './list.js';
-import { d as defineCustomElement$q } from './list-item2.js';
+import { d as defineCustomElement$q } from './list-item.js';
 import { d as defineCustomElement$p } from './loader.js';
 import { d as defineCustomElement$o } from './modal.js';
 import { d as defineCustomElement$n } from './notice.js';
@@ -62,7 +62,12 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
      */
     this._shouldSetMapView = false;
     this.classicGrid = false;
+    this.defaultGlobalId = "";
+    this.defaultLayer = "";
+    this.defaultOid = "";
+    this.defaultWebmap = "";
     this.enableAutoRefresh = false;
+    this.enableColumnReorder = true;
     this.enableCSV = true;
     this.enableFloorFilter = true;
     this.enableFullscreen = true;
@@ -91,6 +96,20 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
   //  Watch handlers
   //
   //--------------------------------------------------------------------------
+  /**
+   * Watch for globalid url param to be set
+   */
+  defaultGlobalIdWatchHandler() {
+    this._defaultGlobalId = !this.defaultGlobalId ? undefined :
+      this.defaultGlobalId.indexOf(",") > -1 ? this.defaultGlobalId.split(",") : [this.defaultGlobalId];
+  }
+  /**
+   * Watch for oid url param to be set
+   */
+  defaultOidWatchHandler() {
+    this._defaultOid = !this.defaultOid ? undefined :
+      this.defaultOid.indexOf(",") > -1 ? this.defaultOid.split(",").map(o => parseInt(o, 10)) : [parseInt(this.defaultOid, 10)];
+  }
   /**
    * When true the map zoom tools will be available
    */
@@ -289,7 +308,7 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
     const mapDisplayClass = this.classicGrid && layoutMode === ELayoutMode.GRID ? "display-flex height-full width-1-2" :
       layoutMode === ELayoutMode.GRID && !hideMap ? "" : "display-none";
     const mapContainerClass = this.classicGrid && layoutMode === ELayoutMode.GRID ? "width-full" : "adjusted-height-50";
-    return (h("div", { class: `${mapContainerClass} overflow-hidden ${mapDisplayClass}` }, h("map-card", { basemapConfig: this.basemapConfig, class: "width-full", enableBasemap: this.enableBasemap, enableFloorFilter: this.enableFloorFilter, enableFullscreen: this.enableFullscreen, enableHome: this.enableHome, enableLegend: this.enableLegend, enableSearch: this.enableSearch, hidden: this._expandPopup, mapInfos: (_a = this.mapInfos) === null || _a === void 0 ? void 0 : _a.filter(mapInfo => mapInfo.visible !== false), theme: this.theme })));
+    return (h("div", { class: `${mapContainerClass} overflow-hidden ${mapDisplayClass}` }, h("map-card", { basemapConfig: this.basemapConfig, class: "width-full", defaultWebmapId: this.defaultWebmap, enableBasemap: this.enableBasemap, enableFloorFilter: this.enableFloorFilter, enableFullscreen: this.enableFullscreen, enableHome: this.enableHome, enableLegend: this.enableLegend, enableSearch: this.enableSearch, hidden: this._expandPopup, mapInfos: (_a = this.mapInfos) === null || _a === void 0 ? void 0 : _a.filter(mapInfo => mapInfo.visible !== false), theme: this.theme })));
   }
   /**
    * Get the expand node for the popup information
@@ -345,7 +364,8 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
     const toggleSlot = this.classicGrid && layoutMode !== ELayoutMode.VERTICAL ? "footer" :
       this.classicGrid && layoutMode === ELayoutMode.VERTICAL ? "panel-end" :
         layoutMode === ELayoutMode.HORIZONTAL ? "header" : "panel-start";
-    return (h("calcite-shell", { class: tableSizeClass + " border-bottom" }, h("calcite-action-bar", { class: "border-sides", expandDisabled: true, layout: toggleLayout, slot: toggleSlot }, h("calcite-action", { class: "toggle-node", icon: icon, id: id, onClick: () => this._toggleLayout(), text: "" }), h("calcite-tooltip", { label: tooltip, placement: "bottom", "reference-element": id }, h("span", null, tooltip))), h("div", { class: "width-full height-full position-relative" }, h("layer-table", { enableAutoRefresh: this.enableAutoRefresh, enableCSV: this.enableCSV, enableInlineEdit: this.enableInlineEdit, enableZoom: this.enableZoom, mapInfo: this._mapInfo, mapView: this === null || this === void 0 ? void 0 : this._mapView, onlyShowUpdatableLayers: this.onlyShowUpdatableLayers, showNewestFirst: this.showNewestFirst, zoomAndScrollToSelected: this.zoomAndScrollToSelected }))));
+    const hasMapAndLayer = this.defaultWebmap && this.defaultLayer;
+    return (h("calcite-shell", { class: tableSizeClass + " border-bottom" }, h("calcite-action-bar", { class: "border-sides", expandDisabled: true, layout: toggleLayout, slot: toggleSlot }, h("calcite-action", { class: "toggle-node", icon: icon, id: id, onClick: () => this._toggleLayout(), text: "" }), h("calcite-tooltip", { label: tooltip, placement: "bottom", "reference-element": id }, h("span", null, tooltip))), h("div", { class: "width-full height-full position-relative" }, h("layer-table", { defaultGlobalId: hasMapAndLayer ? this._defaultGlobalId : undefined, defaultLayerId: hasMapAndLayer ? this.defaultLayer : "", defaultOid: hasMapAndLayer && !this.defaultGlobalId ? this._defaultOid : undefined, enableAutoRefresh: this.enableAutoRefresh, enableCSV: this.enableCSV, enableColumnReorder: this.enableColumnReorder, enableInlineEdit: this.enableInlineEdit, enableZoom: this.enableZoom, mapInfo: this._mapInfo, mapView: this === null || this === void 0 ? void 0 : this._mapView, onlyShowUpdatableLayers: this.onlyShowUpdatableLayers, showNewestFirst: this.showNewestFirst, zoomAndScrollToSelected: this.zoomAndScrollToSelected }))));
   }
   /**
    * Open/Close the appropriate panel.
@@ -413,12 +433,19 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
   }
   get el() { return this; }
   static get watchers() { return {
+    "defaultGlobalId": ["defaultGlobalIdWatchHandler"],
+    "defaultOid": ["defaultOidWatchHandler"],
     "enableZoom": ["enableZoomWatchHandler"]
   }; }
   static get style() { return crowdsourceManagerCss; }
 }, [0, "crowdsource-manager", {
     "classicGrid": [4, "classic-grid"],
+    "defaultGlobalId": [1, "default-global-id"],
+    "defaultLayer": [1, "default-layer"],
+    "defaultOid": [1, "default-oid"],
+    "defaultWebmap": [1, "default-webmap"],
     "enableAutoRefresh": [4, "enable-auto-refresh"],
+    "enableColumnReorder": [4, "enable-column-reorder"],
     "enableCSV": [4, "enable-c-s-v"],
     "enableFloorFilter": [4, "enable-floor-filter"],
     "enableFullscreen": [4, "enable-fullscreen"],
@@ -442,6 +469,8 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
     "_mapView": [32],
     "_panelOpen": [32]
   }, [[8, "layoutChanged", "layoutChanged"], [8, "mapChanged", "mapChanged"], [8, "beforeMapChanged", "beforeMapChanged"]], {
+    "defaultGlobalId": ["defaultGlobalIdWatchHandler"],
+    "defaultOid": ["defaultOidWatchHandler"],
     "enableZoom": ["enableZoomWatchHandler"]
   }]);
 function defineCustomElement$1() {

package/dist/components/crowdsource-reporter.js CHANGED Viewed

@@ -12,14 +12,23 @@ const CrowdsourceReporter$1 = /*@__PURE__*/ proxyCustomElement(class Crowdsource
     super();
     this.__registerHost();
     this.__attachShadow();
+    this.description = undefined;
+    this.enableAnonymousAccess = undefined;
+    this.enableAnonymousComments = undefined;
+    this.enableComments = undefined;
+    this.enableLogin = undefined;
+    this.enableNewReports = undefined;
+    this.layers = undefined;
+    this.loginTitle = undefined;
+    this.mapView = undefined;
+    this.reportButtonText = undefined;
+    this.reportsHeader = undefined;
+    this.reportSubmittedMessage = undefined;
+    this.searchConfiguration = undefined;
+    this.showComments = undefined;
   }
   //--------------------------------------------------------------------------
   //
-  //  Properties (public)
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
   //  State (internal)
   //
   //--------------------------------------------------------------------------
@@ -48,14 +57,44 @@ const CrowdsourceReporter$1 = /*@__PURE__*/ proxyCustomElement(class Crowdsource
   //  Functions (lifecycle)
   //
   //--------------------------------------------------------------------------
+  /**
+   * StencilJS: Called once just after the component is first connected to the DOM.
+   *
+   * @returns Promise when complete
+   */
+  // async componentWillLoad(): Promise<void> {
+  //   await this._getTranslations();
+  //   await this._initModules();
+  // }
+  /**
+   * Renders the component.
+   */
   render() {
-    return (h(Host, null, h("slot", null)));
+    return (h(Host, null, h("slot", null, this.loginTitle + this.description)));
   }
   //--------------------------------------------------------------------------
   //
   //  Functions (protected)
   //
   //--------------------------------------------------------------------------
+  /**
+   * Load esri javascript api modules
+   *
+   * @returns Promise resolving when function is done
+   *
+   * @protected
+   */
+  // protected async _initModules(): Promise<void> {
+  //   const [geometryEngine, jsonUtils]: [
+  //     __esri.geometryEngine,
+  //     __esri.symbolsSupportJsonUtils
+  //   ] = await loadModules([
+  //     "esri/geometry/geometryEngine",
+  //     "esri/symbols/support/jsonUtils"
+  //   ]);
+  //   this._geometryEngine = geometryEngine;
+  //   this._jsonUtils = jsonUtils;
+  // }
   /**
    * Fetches the component's translations
    *
@@ -68,7 +107,22 @@ const CrowdsourceReporter$1 = /*@__PURE__*/ proxyCustomElement(class Crowdsource
   }
   get el() { return this; }
   static get style() { return crowdsourceReporterCss; }
-}, [1, "crowdsource-reporter"]);
+}, [1, "crowdsource-reporter", {
+    "description": [1],
+    "enableAnonymousAccess": [4, "enable-anonymous-access"],
+    "enableAnonymousComments": [4, "enable-anonymous-comments"],
+    "enableComments": [4, "enable-comments"],
+    "enableLogin": [4, "enable-login"],
+    "enableNewReports": [4, "enable-new-reports"],
+    "layers": [16],
+    "loginTitle": [1, "login-title"],
+    "mapView": [16],
+    "reportButtonText": [1, "report-button-text"],
+    "reportsHeader": [1, "reports-header"],
+    "reportSubmittedMessage": [1, "report-submitted-message"],
+    "searchConfiguration": [16],
+    "showComments": [4, "show-comments"]
+  }]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;

package/dist/components/feature-comments.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+interface FeatureComments extends Components.FeatureComments, HTMLElement {}
+export const FeatureComments: {
+  prototype: FeatureComments;
+  new (): FeatureComments;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/feature-comments.js ADDED Viewed

@@ -0,0 +1,75 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+const featureCommentsCss = ":host{display:block}";
+const FeatureComments$1 = /*@__PURE__*/ proxyCustomElement(class FeatureComments extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Properties (public)
+  //
+  //--------------------------------------------------------------------------
+  //--------------------------------------------------------------------------
+  //
+  //  State (internal)
+  //
+  //--------------------------------------------------------------------------
+  //--------------------------------------------------------------------------
+  //
+  //  Properties (protected)
+  //
+  //--------------------------------------------------------------------------
+  //--------------------------------------------------------------------------
+  //
+  //  Watch handlers
+  //
+  //--------------------------------------------------------------------------
+  //--------------------------------------------------------------------------
+  //
+  //  Methods (public)
+  //
+  //--------------------------------------------------------------------------
+  //--------------------------------------------------------------------------
+  //
+  //  Events (public)
+  //
+  //--------------------------------------------------------------------------
+  //--------------------------------------------------------------------------
+  //
+  //  Functions (lifecycle)
+  //
+  //--------------------------------------------------------------------------
+  render() {
+    return (h(Host, null, h("slot", null)));
+  }
+  get el() { return this; }
+  static get style() { return featureCommentsCss; }
+}, [1, "feature-comments"]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["feature-comments"];
+  components.forEach(tagName => { switch (tagName) {
+    case "feature-comments":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, FeatureComments$1);
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+const FeatureComments = FeatureComments$1;
+const defineCustomElement = defineCustomElement$1;
+export { FeatureComments, defineCustomElement };

package/dist/components/feature-form-flow-item.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+interface FeatureFormFlowItem extends Components.FeatureFormFlowItem, HTMLElement {}
+export const FeatureFormFlowItem: {
+  prototype: FeatureFormFlowItem;
+  new (): FeatureFormFlowItem;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;