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

@esri/solutions-components 0.7.0 → 0.7.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

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;