@esri/solutions-components 0.2.1 → 0.2.2

package/dist/esm/solution-configuration.entry.js

@@ -4,7 +4,7 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { r as registerInstance, h, H as Host, g as getElement } from './index-15022d11.js';
-import { r as request, N as NODEJS_DEFAULT_REFERER_HEADER, c as cleanUrl, e as encodeQueryString, A as ArcGISAuthError, g as getProp, s as state } from './solution-store-b3c65467.js';
+import { r as request, N as NODEJS_DEFAULT_REFERER_HEADER, c as cleanUrl, e as encodeQueryString, A as ArcGISAuthError, g as getProp, s as state } from './solution-store-0c58c852.js';
 import { g as getLocaleComponentStrings } from './locale-0e10d7e5.js';
 import './index-9c882a6e.js';
 import './interfaces-e2a2064d.js';
@@ -1473,6 +1473,7 @@ const SolutionConfiguration = class {
     });
   }
   async valueWatchHandler() {
+    console.log("update solution config " + this.solutionItemId); //???
     await this._loadSolution(this.solutionItemId);
   }
   /**
@@ -1487,8 +1488,12 @@ const SolutionConfiguration = class {
    * Renders the component.
    */
   render() {
+    console.log("render solution config " + this.solutionItemId); //???
     const wkid = getProp(state.getStoreInfo("spatialReferenceInfo"), "spatialReference");
     const hasServices = state.getStoreInfo("featureServices").length > 0;
+    const solutionData = state.getStoreInfo("solutionData");
+    this._solutionVariables = JSON.stringify(getSolutionVariables(solutionData.templates, this._translations));
+    this._organizationVariables = JSON.stringify(getOrganizationVariables(this._translations));
     return (h(Host, null, !this._solutionIsLoaded
       ? h("calcite-loader", { active: true, label: '' })
       : null, h("div", { class: "configuration-container" }, h("div", { class: "configuration" }, h("calcite-tabs", { class: "config-tabs" }, h("calcite-tab-nav", { slot: "tab-nav" }, h("calcite-tab-title", null, this._translations.definitionTab), hasServices ?
@@ -1587,8 +1592,6 @@ const SolutionConfiguration = class {
    */
   _initProps() {
     const solutionData = state.getStoreInfo("solutionData");
-    this._solutionVariables = JSON.stringify(getSolutionVariables(solutionData.templates, this._translations));
-    this._organizationVariables = JSON.stringify(getOrganizationVariables(this._translations));
     this._templateHierarchy = [...getInventoryItems(solutionData.templates)];
     if (this._solutionContentsComponent) {
       this._solutionContentsComponent.templateHierarchy = this._templateHierarchy;
@@ -1597,6 +1600,10 @@ const SolutionConfiguration = class {
     if (this._templateHierarchy.length > 0) {
       // Start with the first item in the contents
       firstItem = state.getItemInfo(this._templateHierarchy[0].id);
+      console.log("init with first item " + firstItem.itemId); //???
+    }
+    else {
+      console.log("no initial first item"); //???
     }
     this._currentEditItemId = firstItem ? firstItem.itemId : "";
   }