@esri/solutions-components 0.2.0 → 0.2.2

package/dist/cjs/calcite-shell-panel_14.cjs.entry.js

@@ -19,7 +19,7 @@ const sharedListRender = require('./shared-list-render-4c7d84bf.js');
 const resources = require('./resources-9c55e05c.js');
 const resources$1 = require('./resources-1f785471.js');
 const locale = require('./locale-746a095d.js');
-const solutionStore = require('./solution-store-f0547fe7.js');
+const solutionStore = require('./solution-store-893499a5.js');
 const interfaces = require('./interfaces-ab603e16.js');
 require('./resources-b56bce71.js');
 require('./array-ace6d4b5.js');
@@ -1814,9 +1814,7 @@ const SolutionItemDetails = class {
     this.thumbnailContainer = undefined;
   }
   itemIdWatchHandler() {
-    this.itemEdit = solutionStore.state.getItemInfo(this.itemId);
-    this.itemDetails = this.itemEdit.item;
-    this.itemType = this.itemDetails.type;
+    console.log("update item details; id " + this.itemId); //???
   }
   //--------------------------------------------------------------------------
   //
@@ -1829,15 +1827,27 @@ const SolutionItemDetails = class {
   async componentWillLoad() {
     return this._getTranslations();
   }
-  componentDidRender() {
-    this._loadThumb();
+  async componentWillRender() {
+    console.log("update item details " + this.itemId); //???
+    this.itemEdit = solutionStore.state.getItemInfo(this.itemId);
+    if (this.itemEdit) {
+      this.itemDetails = this.itemEdit.item;
+      this.itemType = this.itemDetails.type;
+    }
+    return Promise.resolve();
   }
   /**
    * Renders the component.
    */
   render() {
+    console.log("render item details " + this.itemId); //???
+    console.log("              title " + this.itemDetails.title); //???
+    console.log("            snippet " + this.itemDetails.snippet); //???
     return (index.h(index.Host, null, index.h("div", { class: "parent-container" }, index.h("div", { class: "inputBottomSeparation" }, index.h("calcite-input", { id: "item-title", value: this.itemDetails.title })), index.h("div", { class: "inputBottomSeparation" }, index.h("input", { accept: ".jpg,.gif,.png,image/jpg,image/gif,image/png", class: "display-none", onChange: (event) => (this._updateThumbnail(event)), ref: (el) => (this.browseForThumbnail = el), type: "file" }), index.h("button", { class: "font-size--3 btn-link inline-block trailer-quarter", onClick: () => this._getThumbnail() }, index.h("svg", { class: "icon-inline icon-inline--on-left", height: "16", viewBox: "0 0 16 16", width: "16" }, index.h("path", { d: "M14.792 2.666l-1.414-1.413a.965.965 0 0 0-1.385-.03l-1.444 1.444-8.763 8.72L.03 15.481a.371.371 0 0 0 .488.488l4.096-1.756 8.763-8.72-.001-.001.002.002 1.443-1.444a.965.965 0 0 0-.03-1.385zM1.569 14.431l.554-1.293.74.739zm2.338-.924l-1.414-1.414 7.963-7.92 1.414 1.415zm8.67-8.626l-1.413-1.414 1.29-1.29a.306.306 0 0 1 .433 0l.981.98a.306.306 0 0 1 0 .433z" })), this._translations.editThumbnail), index.h("div", { class: "flex" }, index.h("div", { class: "img-container", ref: (el) => (this.thumbnailContainer = el) }, index.h("img", { class: "scale-down", height: "133", id: "item-thumbnail", ref: (el) => (this.thumbnail = el), width: "200" })), index.h("div", { class: "snippet-count-container" }, index.h("calcite-input", { id: "item-snippet", maxlength: 250, type: "textarea", value: this.itemDetails.snippet }), index.h("label", { class: "font-size--3", id: "item-snippet-count", ref: (el) => (this.itemSnippetCount = el) })))), index.h("calcite-label", null, this._translations.description, index.h("label", { id: "item-description-label" }, index.h("calcite-input", { id: "item-description", type: "textarea", value: this.itemDetails.description }))), index.h("calcite-label", null, this._translations.tags, index.h("label", { id: "item-tags-label" }, index.h("calcite-input", { id: "item-tags", value: (this.itemDetails.tags && Array.isArray(this.itemDetails.tags) ? this.itemDetails.tags : [this.itemDetails.tags]).join(",") }))), this.itemType !== "Group" ? index.h("calcite-label", null, this._translations.credits, index.h("label", { id: "item-credits-label" }, index.h("calcite-input", { id: "item-credits", value: this.itemDetails.accessInformation }))) : null, this.itemType !== "Group" ? index.h("calcite-label", null, index.h("label", { id: "item-terms-label" }, this._translations.termsOfUse, index.h("calcite-input", { id: "item-terms", type: "textarea", value: this.itemDetails.licenseInfo }))) : null)));
   }
+  componentDidRender() {
+    this._loadThumb();
+  }
   //--------------------------------------------------------------------------
   //
   //  Event Listeners