@esri/solutions-components 0.2.1 → 0.2.2

package/dist/components/solution-item-details2.js

@@ -1,236 +0,0 @@
-/*!
- * 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';
-import { s as state } from './solution-store.js';
-import { g as getLocaleComponentStrings } from './locale.js';
-import { d as defineCustomElement$4 } from './icon.js';
-import { d as defineCustomElement$3 } from './input.js';
-import { d as defineCustomElement$2 } from './label.js';
-import { d as defineCustomElement$1 } from './progress.js';
-
-const solutionItemDetailsCss = ".inputBottomSeparation{margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:1.5rem}.icon-inline--on-left,.icon-inline--on-right{display:inline;vertical-align:middle;-webkit-margin-end:0.375rem;margin-inline-end:0.375rem;fill:#0079c1}.scale-down{-o-object-fit:scale-down;object-fit:scale-down}.img-container{display:inline;-webkit-margin-end:1rem;margin-inline-end:1rem;max-width:363px}.summary-count-container{display:inline;flex-grow:1;-webkit-margin-start:0.75rem;margin-inline-start:0.75rem}.snippet-count-container{width:calc(100vw - 363px)}.parent-container{max-width:100%;padding:1rem}label{position:relative;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:1.5rem;display:block;min-width:-moz-min-content;min-width:min-content;box-sizing:border-box;margin-left:0.75rem;margin-right:0.75rem;min-width:0;flex-grow:0;flex-shrink:1}label-group-1-up>.block{flex-basis:calc(100% - 1.5rem);width:calc(100% - 1.5rem)}label-group-2-up>.block{flex-basis:calc(50% - 1.5rem);width:calc(50% - 1.5rem)}label-group-3-up>.block{flex-basis:calc(33.33333% - 1.5rem);width:calc(33.33333% - 1.5rem)}label-group-4-up>.block{flex-basis:calc(25% - 1.5rem);width:calc(25% - 1.5rem)}label-group-5-up>.block{flex-basis:calc(20% - 1.5rem);width:calc(20% - 1.5rem)}label-group-6-up>.block{flex-basis:calc(16.66666% - 1.5rem);width:calc(16.66666% - 1.5rem)}label-group-7-up>.block{flex-basis:calc(14.2857% - 1.5rem);width:calc(14.2857% - 1.5rem)}label-group-8-up>.block{flex-basis:calc(12.5% - 1.5rem);width:calc(12.5% - 1.5rem)}.tablet-block-group-1-up>label{flex-basis:calc(100% - 1.5rem);width:calc(100% - 1.5rem)}.tablet-block-group-2-up>label{flex-basis:calc(50% - 1.5rem);width:calc(50% - 1.5rem)}.tablet-block-group-3-up>label{flex-basis:calc(33.33333% - 1.5rem);width:calc(33.33333% - 1.5rem)}.tablet-block-group-4-up>label{flex-basis:calc(25% - 1.5rem);width:calc(25% - 1.5rem)}.tablet-block-group-5-up>label{flex-basis:calc(20% - 1.5rem);width:calc(20% - 1.5rem)}.tablet-block-group-6-up>label{flex-basis:calc(16.66666% - 1.5rem);width:calc(16.66666% - 1.5rem)}.tablet-block-group-7-up>label{flex-basis:calc(14.2857% - 1.5rem);width:calc(14.2857% - 1.5rem)}.tablet-block-group-8-up>label{flex-basis:calc(12.5% - 1.5rem);width:calc(12.5% - 1.5rem)}.phone-block-group-1-up>label{flex-basis:calc(100% - 1.5rem);width:calc(100% - 1.5rem)}.phone-block-group-2-up>label{flex-basis:calc(50% - 1.5rem);width:calc(50% - 1.5rem)}.phone-block-group-3-up>label{flex-basis:calc(33.33333% - 1.5rem);width:calc(33.33333% - 1.5rem)}.phone-block-group-4-up>label{flex-basis:calc(25% - 1.5rem);width:calc(25% - 1.5rem)}.phone-block-group-5-up>label{flex-basis:calc(20% - 1.5rem);width:calc(20% - 1.5rem)}.phone-block-group-6-up>label{flex-basis:calc(16.66666% - 1.5rem);width:calc(16.66666% - 1.5rem)}.phone-block-group-7-up>label{flex-basis:calc(14.2857% - 1.5rem);width:calc(14.2857% - 1.5rem)}.phone-block-group-8-up>label{flex-basis:calc(12.5% - 1.5rem);width:calc(12.5% - 1.5rem)}.code-face label{letter-spacing:0em;font-family:\"Consolas\", \"Andale Mono\", \"Lucida Console\", \"Monaco\", monospace;font-weight:400;font-style:normal}.code-face label b,.code-face label strong{font-weight:400}.code-italic label{letter-spacing:0em;font-family:\"Consolas\", \"Andale Mono\", \"Lucida Console\", \"Monaco\", monospace;font-weight:400;font-style:italic}.code-italic label b,.code-italic label strong{font-weight:400}";
-
-const SolutionItemDetails = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.itemId = "";
-    this.itemDetails = {
-      accessInformation: "",
-      description: "",
-      licenseInfo: "",
-      snippet: "",
-      tags: [],
-      title: ""
-    };
-    this.itemEdit = undefined;
-    this._translations = undefined;
-    this.thumbnail = undefined;
-    this.thumbnailContainer = undefined;
-  }
-  itemIdWatchHandler() {
-    this.itemEdit = state.getItemInfo(this.itemId);
-    this.itemDetails = this.itemEdit.item;
-    this.itemType = this.itemDetails.type;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * StencilJS: Called once just after the component is first connected to the DOM.
-   */
-  async componentWillLoad() {
-    return this._getTranslations();
-  }
-  componentDidRender() {
-    this._loadThumb();
-  }
-  /**
-   * Renders the component.
-   */
-  render() {
-    return (h(Host, null, h("div", { class: "parent-container" }, h("div", { class: "inputBottomSeparation" }, h("calcite-input", { id: "item-title", value: this.itemDetails.title })), h("div", { class: "inputBottomSeparation" }, 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" }), h("button", { class: "font-size--3 btn-link inline-block trailer-quarter", onClick: () => this._getThumbnail() }, h("svg", { class: "icon-inline icon-inline--on-left", height: "16", viewBox: "0 0 16 16", width: "16" }, 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), h("div", { class: "flex" }, h("div", { class: "img-container", ref: (el) => (this.thumbnailContainer = el) }, h("img", { class: "scale-down", height: "133", id: "item-thumbnail", ref: (el) => (this.thumbnail = el), width: "200" })), h("div", { class: "snippet-count-container" }, h("calcite-input", { id: "item-snippet", maxlength: 250, type: "textarea", value: this.itemDetails.snippet }), h("label", { class: "font-size--3", id: "item-snippet-count", ref: (el) => (this.itemSnippetCount = el) })))), h("calcite-label", null, this._translations.description, h("label", { id: "item-description-label" }, h("calcite-input", { id: "item-description", type: "textarea", value: this.itemDetails.description }))), h("calcite-label", null, this._translations.tags, h("label", { id: "item-tags-label" }, 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" ? h("calcite-label", null, this._translations.credits, h("label", { id: "item-credits-label" }, h("calcite-input", { id: "item-credits", value: this.itemDetails.accessInformation }))) : null, this.itemType !== "Group" ? h("calcite-label", null, h("label", { id: "item-terms-label" }, this._translations.termsOfUse, h("calcite-input", { id: "item-terms", type: "textarea", value: this.itemDetails.licenseInfo }))) : null)));
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Event Listeners
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Updates the component's value with changes to the input fields.
-   */
-  inputReceivedHandler(event) {
-    switch (event.target.id) {
-      case "item-title":
-        this.itemDetails.title = event.target.value;
-        this._updateStore();
-        break;
-      case "item-snippet":
-        if (event.target.value.length > 250) {
-          event.target.value = event.target.value.substring(0, 250);
-        }
-        this.itemDetails.snippet = event.target.value;
-        this._updateLengthLabel(this.itemDetails.snippet);
-        this._updateStore();
-        break;
-      case "item-description":
-        this.itemDetails.description = event.target.value;
-        this._updateStore();
-        break;
-      case "item-tags":
-        this.itemDetails.tags = event.target.value;
-        this._updateStore();
-        break;
-      case "item-credits":
-        this.itemDetails.accessInformation = event.target.value;
-        this._updateStore();
-        break;
-      case "item-terms":
-        this.itemDetails.licenseInfo = event.target.value;
-        this._updateStore();
-        break;
-    }
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Events
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Public Methods (async)
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Private Methods
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Opens image file browse dialog.
-   *
-   */
-  _getThumbnail() {
-    this.browseForThumbnail.click();
-  }
-  /**
-   * Load the templates thumbnail
-   *
-   */
-  _loadThumb() {
-    var _a;
-    if (this.thumbnail && ((_a = this.itemEdit) === null || _a === void 0 ? void 0 : _a.thumbnail)) {
-      // Show the thumbnail
-      this.thumbnail.src = URL.createObjectURL(this.itemEdit.thumbnail);
-      this.thumbnailContainer.classList.remove("empty-box");
-      this.thumbnail.classList.remove("display-none");
-    }
-    else {
-      // Replace the thumbnail with an empty box
-      this.thumbnailContainer.classList.add("empty-box");
-      this.thumbnail.classList.add("display-none");
-    }
-  }
-  /**
-   * Updates the length label to reflect the current number of characters
-   * relative to the max number of characters supported.
-   *
-   * @param phrase the current phrase from the control
-   */
-  _updateLengthLabel(phrase) {
-    this.itemSnippetCount.innerText =
-      this._translations.snippetCountPattern.replace("{{n}}", phrase.length.toString());
-  }
-  /**
-   * Add or remove the value from the store
-   */
-  _updateStore() {
-    this.itemEdit = state.getItemInfo(this.itemId);
-    this.itemEdit.item = this.itemDetails;
-    state.setItemInfo(this.itemEdit);
-  }
-  /**
-   * Gets and displays image result from browse and updates the item in the store.
-   *
-   * @param event The input controls event that contains the new file
-   * @param updateStore boolean that controls if the new value is written to the store
-   *  should be false on the initial load but true the rest of the time
-   */
-  _updateThumbnail(event) {
-    const files = event.target.files;
-    if (files && files[0]) {
-      if (this.thumbnail) {
-        // Update UI
-        this.thumbnail.src = URL.createObjectURL(files[0]);
-        // Update info in store
-        this.itemEdit = state.getItemInfo(this.itemId);
-        this.itemEdit.thumbnail = files[0];
-        state.replaceItemThumbnail(this.itemEdit);
-      }
-    }
-  }
-  /**
-   * Fetches the component's translations
-   *
-   * @protected
-   */
-  async _getTranslations() {
-    const translations = await getLocaleComponentStrings(this.el);
-    this._translations = translations[0];
-  }
-  get el() { return this; }
-  static get watchers() { return {
-    "itemId": ["itemIdWatchHandler"]
-  }; }
-  static get style() { return solutionItemDetailsCss; }
-}, [0, "solution-item-details", {
-    "itemId": [1537, "item-id"],
-    "itemDetails": [32],
-    "itemEdit": [32],
-    "_translations": [32],
-    "thumbnail": [32],
-    "thumbnailContainer": [32]
-  }, [[0, "calciteInputInput", "inputReceivedHandler"]]]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["solution-item-details", "calcite-icon", "calcite-input", "calcite-label", "calcite-progress"];
-  components.forEach(tagName => { switch (tagName) {
-    case "solution-item-details":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SolutionItemDetails);
-      }
-      break;
-    case "calcite-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$4();
-      }
-      break;
-    case "calcite-input":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "calcite-label":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-    case "calcite-progress":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$1();
-      }
-      break;
-  } });
-}
-defineCustomElement();
-
-export { SolutionItemDetails as S, defineCustomElement as d };
-
-//# sourceMappingURL=solution-item-details2.js.map

package/dist/components/solution-item-details2.js.map

@@ -1 +0,0 @@
-{"file":"solution-item-details2.js","mappings":"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","names":[],"sources":["./src/components/solution-item-details/solution-item-details.scss?tag=solution-item-details","./src/components/solution-item-details/solution-item-details.tsx"],"sourcesContent":["/** @license\r\n * Copyright 2022 Esri\r\n *\r\n * Licensed under the Apache License, Version 2.0 (the \"License\");\r\n * you may not use this file except in compliance with the License.\r\n * You may obtain a copy of the License at\r\n *\r\n *    http://www.apache.org/licenses/LICENSE-2.0\r\n *\r\n * Unless required by applicable law or agreed to in writing, software\r\n * distributed under the License is distributed on an \"AS IS\" BASIS,\r\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r\n * See the License for the specific language governing permissions and\r\n * limitations under the License.\r\n */\r\n\r\n$thumbnail-width: 363px;\r\n\r\n.inputBottomSeparation {\r\n  @apply mt-0\r\n    mx-0\r\n    mb-6;\r\n}\r\n\r\n.icon-inline--on-left, .icon-inline--on-right {\r\n  @apply inline\r\n    align-middle\r\n    m-inline-end-1.5;\r\n  fill: $solutions-blue;\r\n}\r\n\r\n.scale-down {\r\n  @apply object-scale-down;\r\n}\r\n\r\n.img-container {\r\n  @apply inline\r\n    m-inline-end-4;\r\n  max-width: $thumbnail-width;\r\n}\r\n\r\n.summary-count-container {\r\n  @apply inline\r\n    flex-grow\r\n    m-inline-start-3;\r\n}\r\n\r\n.snippet-count-container {\r\n  width: calc(100vw - $thumbnail-width);\r\n}\r\n\r\n.parent-container {\r\n  @apply max-w-full\r\n    p-4;\r\n}\r\n\r\nlabel {\r\n  @apply relative\r\n    block\r\n    mt-0\r\n    mx-0\r\n    mb-6\r\n    min-w-min;\r\n}\r\n","/** @license\r\n * Copyright 2022 Esri\r\n *\r\n * Licensed under the Apache License, Version 2.0 (the \"License\");\r\n * you may not use this file except in compliance with the License.\r\n * You may obtain a copy of the License at\r\n *\r\n *    http://www.apache.org/licenses/LICENSE-2.0\r\n *\r\n * Unless required by applicable law or agreed to in writing, software\r\n * distributed under the License is distributed on an \"AS IS\" BASIS,\r\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r\n * See the License for the specific language governing permissions and\r\n * limitations under the License.\r\n */\r\n\r\nimport { Component, Element, h, Host, Listen, Prop, State, VNode, Watch } from '@stencil/core';\r\nimport '@esri/calcite-components';\r\nimport state from \"../../utils/solution-store\";\r\nimport SolutionItemDetails_T9n from '../../assets/t9n/solution-item-details/resources.json';\r\nimport { getLocaleComponentStrings } from '../../utils/locale';\r\nimport { IItemGeneralized } from '@esri/solution-common';\r\nimport { IItemTemplateEdit } from '../../utils/interfaces';\r\n\r\n@Component({\r\n  tag: 'solution-item-details',\r\n  styleUrl: 'solution-item-details.scss',\r\n  shadow: false,\r\n})\r\nexport class SolutionItemDetails {\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Host element access\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  @Element() el: HTMLSolutionItemDetailsElement;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * A template's itemId.\r\n   */\r\n  @Prop({ mutable: true, reflect: true }) itemId = \"\";\r\n\r\n  @Watch(\"itemId\") itemIdWatchHandler(): void {\r\n    this.itemEdit = state.getItemInfo(this.itemId);\r\n    this.itemDetails = this.itemEdit.item;\r\n    this.itemType = this.itemDetails.type;\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Lifecycle\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * StencilJS: Called once just after the component is first connected to the DOM.\r\n   */\r\n  async componentWillLoad(): Promise<void> {\r\n    return this._getTranslations();\r\n  }\r\n\r\n  componentDidRender(): void {\r\n    this._loadThumb()\r\n  }\r\n\r\n  /**\r\n   * Renders the component.\r\n   */\r\n  render(): VNode {\r\n    return (\r\n      <Host>\r\n        <div class=\"parent-container\">\r\n          <div class=\"inputBottomSeparation\">\r\n            <calcite-input id=\"item-title\" value={this.itemDetails.title} />\r\n          </div>\r\n\r\n          <div class=\"inputBottomSeparation\">\r\n\r\n            <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\" />\r\n\r\n            <button class=\"font-size--3 btn-link inline-block trailer-quarter\" onClick={() => this._getThumbnail()}>\r\n              <svg class=\"icon-inline icon-inline--on-left\" height=\"16\" viewBox=\"0 0 16 16\" width=\"16\">\r\n                <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\" />\r\n              </svg>{this._translations.editThumbnail}\r\n            </button>\r\n\r\n            <div class=\"flex\">\r\n              <div class=\"img-container\" ref={(el) => (this.thumbnailContainer = el)}>\r\n                <img class=\"scale-down\" height=\"133\" id=\"item-thumbnail\" ref={(el) => (this.thumbnail = el)} width=\"200\" />\r\n              </div>\r\n              <div class=\"snippet-count-container\">\r\n                <calcite-input id=\"item-snippet\" maxlength={250} type=\"textarea\" value={this.itemDetails.snippet} />\r\n                <label class=\"font-size--3\" id=\"item-snippet-count\" ref={(el) => (this.itemSnippetCount = el)} />\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <calcite-label>{this._translations.description}\r\n            <label id=\"item-description-label\">\r\n              <calcite-input id=\"item-description\" type=\"textarea\" value={this.itemDetails.description} />\r\n            </label>\r\n          </calcite-label>\r\n\r\n          <calcite-label>{this._translations.tags}\r\n            <label id=\"item-tags-label\">\r\n              <calcite-input id=\"item-tags\" value={(this.itemDetails.tags && Array.isArray(this.itemDetails.tags) ? this.itemDetails.tags : [this.itemDetails.tags]).join(\",\")} />\r\n            </label>\r\n          </calcite-label>\r\n\r\n          {this.itemType !== \"Group\" ? <calcite-label>{this._translations.credits}\r\n            <label id=\"item-credits-label\">\r\n              <calcite-input id=\"item-credits\" value={this.itemDetails.accessInformation} />\r\n            </label>\r\n          </calcite-label> : null}\r\n\r\n          {this.itemType !== \"Group\" ? <calcite-label>\r\n            <label id=\"item-terms-label\">{this._translations.termsOfUse}\r\n              <calcite-input id=\"item-terms\" type=\"textarea\" value={this.itemDetails.licenseInfo} />\r\n            </label>\r\n          </calcite-label> : null}\r\n\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (protected)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Handle to the element for browsing for a file.\r\n   */\r\n  protected browseForThumbnail: HTMLInputElement;\r\n\r\n  @State() itemDetails: IItemGeneralized = {\r\n    accessInformation: \"\",\r\n    description: \"\",\r\n    licenseInfo: \"\",\r\n    snippet: \"\",\r\n    tags: [],\r\n    title: \"\"\r\n  } as any;\r\n\r\n  @State() protected itemEdit: IItemTemplateEdit;\r\n\r\n  protected itemType: string;\r\n\r\n  /**\r\n   * Contains the translations for this component.\r\n   * All UI strings should be defined here.\r\n   */\r\n  @State() _translations: typeof SolutionItemDetails_T9n;\r\n\r\n  /**\r\n   * Handle to the snippet character-count feedback.\r\n   */\r\n  protected itemSnippetCount: HTMLLabelElement;\r\n\r\n  /**\r\n   * Handle to the thumbnail image display.\r\n   */\r\n  @State() protected thumbnail: HTMLImageElement;\r\n\r\n  /**\r\n   * Handle to the thumbnail image container.\r\n   */\r\n  @State() protected thumbnailContainer: HTMLElement;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Event Listeners\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Updates the component's value with changes to the input fields.\r\n   */\r\n  @Listen(\"calciteInputInput\")\r\n  inputReceivedHandler(event: any): void {\r\n    switch (event.target.id) {\r\n      case \"item-title\":\r\n        this.itemDetails.title = event.target.value;\r\n        this._updateStore();\r\n        break;\r\n      case \"item-snippet\":\r\n        if (event.target.value.length > 250) {\r\n          event.target.value = event.target.value.substring(0, 250);\r\n        }\r\n        this.itemDetails.snippet = event.target.value;\r\n        this._updateLengthLabel(this.itemDetails.snippet);\r\n        this._updateStore();\r\n        break;\r\n      case \"item-description\":\r\n        this.itemDetails.description = event.target.value;\r\n        this._updateStore();\r\n        break;\r\n      case \"item-tags\":\r\n        this.itemDetails.tags = event.target.value;\r\n        this._updateStore();\r\n        break;\r\n      case \"item-credits\":\r\n        this.itemDetails.accessInformation = event.target.value;\r\n        this._updateStore();\r\n        break;\r\n      case \"item-terms\":\r\n        this.itemDetails.licenseInfo = event.target.value;\r\n        this._updateStore();\r\n        break;\r\n    }\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Events\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Public Methods (async)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Private Methods\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Opens image file browse dialog.\r\n   *\r\n   */\r\n  protected _getThumbnail(): void {\r\n    this.browseForThumbnail.click();\r\n  }\r\n\r\n  /**\r\n   * Load the templates thumbnail\r\n   *\r\n   */\r\n  protected _loadThumb(): void {\r\n    if (this.thumbnail && this.itemEdit?.thumbnail) {\r\n      // Show the thumbnail\r\n      this.thumbnail.src = URL.createObjectURL(this.itemEdit.thumbnail);\r\n      this.thumbnailContainer.classList.remove(\"empty-box\");\r\n      this.thumbnail.classList.remove(\"display-none\");\r\n    } else {\r\n      // Replace the thumbnail with an empty box\r\n      this.thumbnailContainer.classList.add(\"empty-box\");\r\n      this.thumbnail.classList.add(\"display-none\");\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Updates the length label to reflect the current number of characters\r\n   * relative to the max number of characters supported.\r\n   *\r\n   * @param phrase the current phrase from the control\r\n   */\r\n  protected _updateLengthLabel(phrase: string): void {\r\n    this.itemSnippetCount.innerText =\r\n      this._translations.snippetCountPattern.replace(\"{{n}}\", phrase.length.toString());\r\n  }\r\n\r\n  /**\r\n   * Add or remove the value from the store\r\n   */\r\n  protected _updateStore(\r\n  ): void {\r\n    this.itemEdit = state.getItemInfo(this.itemId);\r\n    this.itemEdit.item = this.itemDetails;\r\n    state.setItemInfo(this.itemEdit);\r\n  }\r\n\r\n  /**\r\n   * Gets and displays image result from browse and updates the item in the store.\r\n   *\r\n   * @param event The input controls event that contains the new file\r\n   * @param updateStore boolean that controls if the new value is written to the store\r\n   *  should be false on the initial load but true the rest of the time\r\n   */\r\n  protected _updateThumbnail(\r\n    event: any\r\n  ): void {\r\n    const files = event.target.files;\r\n    if (files && files[0]) {\r\n      if (this.thumbnail) {\r\n        // Update UI\r\n        this.thumbnail.src = URL.createObjectURL(files[0]);\r\n\r\n        // Update info in store\r\n        this.itemEdit = state.getItemInfo(this.itemId);\r\n        this.itemEdit.thumbnail = files[0];\r\n        state.replaceItemThumbnail(this.itemEdit);\r\n      }\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Fetches the component's translations\r\n   *\r\n   * @protected\r\n   */\r\n  protected async _getTranslations(): Promise<void> {\r\n    const translations = await getLocaleComponentStrings(this.el);\r\n    this._translations = translations[0] as typeof SolutionItemDetails_T9n;\r\n  }\r\n}\r\n"],"version":3}

package/dist/components/solution-item-icon.d.ts

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

package/dist/components/solution-item-icon.js

@@ -1,13 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { S as SolutionItemIcon$1, d as defineCustomElement$1 } from './solution-item-icon2.js';
-
-const SolutionItemIcon = SolutionItemIcon$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SolutionItemIcon, defineCustomElement };
-
-//# sourceMappingURL=solution-item-icon.js.map

package/dist/components/solution-item-icon.js.map

@@ -1 +0,0 @@
-{"file":"solution-item-icon.js","mappings":";;;;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/solution-item-icon2.js

@@ -1,344 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { proxyCustomElement, HTMLElement, h, getAssetPath } from '@stencil/core/internal/client';
-
-const solutionItemIconCss = ".item-type-icon{pointer-events:none;display:block;height:1rem;box-sizing:border-box;margin-left:0.75rem;margin-right:0.75rem;min-width:0;flex-grow:0;flex-shrink:1}.item-type-icon-group-1-up>.block{flex-basis:calc(100% - 1.5rem);width:calc(100% - 1.5rem)}.item-type-icon-group-2-up>.block{flex-basis:calc(50% - 1.5rem);width:calc(50% - 1.5rem)}.item-type-icon-group-3-up>.block{flex-basis:calc(33.33333% - 1.5rem);width:calc(33.33333% - 1.5rem)}.item-type-icon-group-4-up>.block{flex-basis:calc(25% - 1.5rem);width:calc(25% - 1.5rem)}.item-type-icon-group-5-up>.block{flex-basis:calc(20% - 1.5rem);width:calc(20% - 1.5rem)}.item-type-icon-group-6-up>.block{flex-basis:calc(16.66666% - 1.5rem);width:calc(16.66666% - 1.5rem)}.item-type-icon-group-7-up>.block{flex-basis:calc(14.2857% - 1.5rem);width:calc(14.2857% - 1.5rem)}.item-type-icon-group-8-up>.block{flex-basis:calc(12.5% - 1.5rem);width:calc(12.5% - 1.5rem)}.tablet-block-group-1-up>.item-type-icon{flex-basis:calc(100% - 1.5rem);width:calc(100% - 1.5rem)}.tablet-block-group-2-up>.item-type-icon{flex-basis:calc(50% - 1.5rem);width:calc(50% - 1.5rem)}.tablet-block-group-3-up>.item-type-icon{flex-basis:calc(33.33333% - 1.5rem);width:calc(33.33333% - 1.5rem)}.tablet-block-group-4-up>.item-type-icon{flex-basis:calc(25% - 1.5rem);width:calc(25% - 1.5rem)}.tablet-block-group-5-up>.item-type-icon{flex-basis:calc(20% - 1.5rem);width:calc(20% - 1.5rem)}.tablet-block-group-6-up>.item-type-icon{flex-basis:calc(16.66666% - 1.5rem);width:calc(16.66666% - 1.5rem)}.tablet-block-group-7-up>.item-type-icon{flex-basis:calc(14.2857% - 1.5rem);width:calc(14.2857% - 1.5rem)}.tablet-block-group-8-up>.item-type-icon{flex-basis:calc(12.5% - 1.5rem);width:calc(12.5% - 1.5rem)}.phone-block-group-1-up>.item-type-icon{flex-basis:calc(100% - 1.5rem);width:calc(100% - 1.5rem)}.phone-block-group-2-up>.item-type-icon{flex-basis:calc(50% - 1.5rem);width:calc(50% - 1.5rem)}.phone-block-group-3-up>.item-type-icon{flex-basis:calc(33.33333% - 1.5rem);width:calc(33.33333% - 1.5rem)}.phone-block-group-4-up>.item-type-icon{flex-basis:calc(25% - 1.5rem);width:calc(25% - 1.5rem)}.phone-block-group-5-up>.item-type-icon{flex-basis:calc(20% - 1.5rem);width:calc(20% - 1.5rem)}.phone-block-group-6-up>.item-type-icon{flex-basis:calc(16.66666% - 1.5rem);width:calc(16.66666% - 1.5rem)}.phone-block-group-7-up>.item-type-icon{flex-basis:calc(14.2857% - 1.5rem);width:calc(14.2857% - 1.5rem)}.phone-block-group-8-up>.item-type-icon{flex-basis:calc(12.5% - 1.5rem);width:calc(12.5% - 1.5rem)}.code-face .item-type-icon{letter-spacing:0em;font-family:\"Consolas\", \"Andale Mono\", \"Lucida Console\", \"Monaco\", monospace;font-weight:400;font-style:normal}.code-face .item-type-icon b,.code-face .item-type-icon strong{font-weight:400}.code-italic .item-type-icon{letter-spacing:0em;font-family:\"Consolas\", \"Andale Mono\", \"Lucida Console\", \"Monaco\", monospace;font-weight:400;font-style:italic}.code-italic .item-type-icon b,.code-italic .item-type-icon strong{font-weight:400}.item-type-icon{margin-top:0.15em !important;min-width:16px;fill:currentColor;transform:rotate(360deg)}.item-type-icon-margin{-webkit-margin-end:0.375rem;margin-inline-end:0.375rem}";
-
-const SolutionItemIcon = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.isPortal = false;
-    this.type = "";
-    this.typeKeywords = [];
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Renders the component.
-   */
-  render() {
-    return h("div", { title: this.type }, h("img", { class: "item-type-icon item-type-icon-margin", height: "16", src: this._getIconUrl(this.type, this.typeKeywords), width: "16" }));
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Properties (protected)
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Event Listeners
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Events
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Public Methods (async)
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Private Methods
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * This function was copied and slightly modified from the arcgis-portal-app.
-   *
-   * This will construct the path to the icon based on type and typeKeyword info.
-   *
-   * @param type The item type
-   * @param typeKeywords The item typeKeywords
-   */
-  _getIconUrl(type, typeKeywords) {
-    const itemType = (type && type.toLowerCase()) || "", imgDir = "./item-icons/", size = "16"; //for now we only support 16x16 pixel images
-    let isHosted = false, isRouteLayer = false, isMarkupLayer = false, isTable = false, isSpatiotemporal = false, isRelational = false, imgName = "";
-    typeKeywords = typeKeywords || [];
-    if (itemType.indexOf("service") > 0 || itemType === "feature collection" || itemType === "kml" || itemType === "wms" || itemType === "wmts" || itemType === "wfs") {
-      isHosted = typeKeywords.indexOf("Hosted Service") > -1;
-      if (itemType === "feature service" || itemType === "feature collection" || itemType === "kml" || itemType === "wfs") {
-        isTable = typeKeywords.indexOf("Table") > -1;
-        isRouteLayer = typeKeywords.indexOf("Route Layer") > -1;
-        isMarkupLayer = typeKeywords.indexOf("Markup") > -1;
-        isSpatiotemporal = typeKeywords.indexOf("Spatiotemporal") !== -1;
-        imgName = isSpatiotemporal && isTable ? "spatiotemporaltable" : (isTable ? "table" : (isRouteLayer ? "routelayer" : (isMarkupLayer ? "markup" : (isSpatiotemporal ? "spatiotemporal" : (isHosted ? "featureshosted" : "features")))));
-      }
-      else if (itemType === "map service" || itemType === "wms" || itemType === "wmts") {
-        isSpatiotemporal = typeKeywords.indexOf("Spatiotemporal") !== -1;
-        isRelational = typeKeywords.indexOf("Relational") !== -1;
-        if (isSpatiotemporal || isRelational) {
-          imgName = "mapimages";
-        }
-        else {
-          imgName = (isHosted || typeKeywords.indexOf("Tiled") > -1 || itemType === "wmts") ? "maptiles" : "mapimages";
-        }
-      }
-      else if (itemType === "scene service") {
-        if (typeKeywords.indexOf("Line") > -1) {
-          imgName = "sceneweblayerline";
-        }
-        else if (typeKeywords.indexOf("3DObject") > -1) {
-          imgName = "sceneweblayermultipatch";
-        }
-        else if (typeKeywords.indexOf("Point") > -1) {
-          imgName = "sceneweblayerpoint";
-        }
-        else if (typeKeywords.indexOf("IntegratedMesh") > -1) {
-          imgName = "sceneweblayermesh";
-        }
-        else if (typeKeywords.indexOf("PointCloud") > -1) {
-          imgName = "sceneweblayerpointcloud";
-        }
-        else if (typeKeywords.indexOf("Polygon") > -1) {
-          imgName = "sceneweblayerpolygon";
-        }
-        else if (typeKeywords.indexOf("Building") > -1) {
-          imgName = "sceneweblayerbuilding";
-        }
-        else {
-          imgName = "sceneweblayer";
-        }
-      }
-      else if (itemType === "image service") {
-        imgName = typeKeywords.indexOf("Elevation 3D Layer") > -1 ? "elevationlayer" : (typeKeywords.indexOf("Tiled Imagery") > -1 ? "tiledimagerylayer" : "imagery");
-      }
-      else if (itemType === "stream service") {
-        imgName = "streamlayer";
-      }
-      else if (itemType === "vector tile service") {
-        imgName = "vectortile";
-      }
-      else if (itemType === "datastore catalog service") {
-        imgName = "datastorecollection";
-      }
-      else if (itemType === "geocoding service") {
-        imgName = "geocodeservice";
-      }
-      else if (itemType === "geoprocessing service") {
-        imgName = (typeKeywords.indexOf("Web Tool") > -1 && (this.isPortal)) ? "tool" : "layers";
-      }
-      else {
-        imgName = "layers";
-      }
-    }
-    else if (itemType === "web map" || itemType === "cityengine web scene") {
-      imgName = "maps";
-    }
-    else if (itemType === "web scene") {
-      imgName = typeKeywords.indexOf("ViewingMode-Local") > -1 ? "webscenelocal" : "websceneglobal";
-    }
-    else if (itemType === "web mapping application" || itemType === "mobile application" || itemType === "application" ||
-      itemType === "operation view" || itemType === "desktop application") {
-      imgName = "apps";
-    }
-    else if (itemType === "map document" || itemType === "map package" || itemType === "published map" || itemType === "scene document" ||
-      itemType === "globe document" || itemType === "basemap package" || itemType === "mobile basemap package" || itemType === "mobile map package" ||
-      itemType === "project package" || itemType === "project template" || itemType === "pro map" || itemType === "layout" ||
-      (itemType === "layer" && typeKeywords.indexOf("ArcGIS Pro") > -1) || (itemType === "explorer map" && typeKeywords.indexOf("Explorer Document"))) {
-      imgName = "mapsgray";
-    }
-    else if (itemType === "service definition" || itemType === "csv" || itemType === "shapefile" || itemType === "cad drawing" || itemType === "geojson" || itemType === "360 vr experience" || itemType === "netcdf" || itemType === "administrative report") {
-      imgName = "datafiles";
-    }
-    else if (itemType === "explorer add in" || itemType === "desktop add in" || itemType === "windows viewer add in" || itemType === "windows viewer configuration") {
-      imgName = "appsgray";
-    }
-    else if (itemType === "arcgis pro add in" || itemType === "arcgis pro configuration") {
-      imgName = "addindesktop";
-    }
-    else if (itemType === "rule package" || itemType === "file geodatabase" || itemType === "sqlite geodatabase" || itemType === "csv collection" || itemType === "kml collection" ||
-      itemType === "windows mobile package" || itemType === "map template" || itemType === "desktop application template" || itemType === "gml" ||
-      itemType === "arcpad package" || itemType === "code sample" || itemType === "form" || itemType === "document link" ||
-      itemType === "operations dashboard add in" || itemType === "rules package" || itemType === "image" || itemType === "workflow manager package" ||
-      (itemType === "explorer map" && typeKeywords.indexOf("Explorer Mapping Application") > -1 || typeKeywords.indexOf("Document") > -1)) {
-      imgName = "datafilesgray";
-    }
-    else if (itemType === "network analysis service" || itemType === "geoprocessing service" ||
-      itemType === "geodata service" || itemType === "geometry service" || itemType === "geoprocessing package" ||
-      itemType === "locator package" || itemType === "geoprocessing sample" || itemType === "workflow manager service") {
-      imgName = "toolsgray";
-    }
-    else if (itemType === "layer" || itemType === "layer package" || itemType === "explorer layer") {
-      imgName = "layersgray";
-    }
-    else if (itemType === "scene package") {
-      imgName = "scenepackage";
-    }
-    else if (itemType === "mobile scene package") {
-      imgName = "mobilescenepackage";
-    }
-    else if (itemType === "tile package" || itemType === "compact tile package") {
-      imgName = "tilepackage";
-    }
-    else if (itemType === "task file") {
-      imgName = "taskfile";
-    }
-    else if (itemType === "report template") {
-      imgName = "report-template";
-    }
-    else if (itemType === "statistical data collection") {
-      imgName = "statisticaldatacollection";
-    }
-    else if (itemType === "insights workbook") {
-      imgName = "workbook";
-    }
-    else if (itemType === "insights model") {
-      imgName = "insightsmodel";
-    }
-    else if (itemType === "insights page") {
-      imgName = "insightspage";
-    }
-    else if (itemType === "insights theme") {
-      imgName = "insightstheme";
-    }
-    else if (itemType === "hub initiative") {
-      imgName = "hubinitiative";
-    }
-    else if (itemType === "hub page") {
-      imgName = "hubpage";
-    }
-    else if (itemType === "hub site application") {
-      imgName = "hubsite";
-    }
-    else if (itemType === "hub event") {
-      imgName = "hubevent";
-    }
-    else if (itemType === "relational database connection") {
-      imgName = "relationaldatabaseconnection";
-    }
-    else if (itemType === "big data file share") {
-      imgName = "datastorecollection";
-    }
-    else if (itemType === "image collection") {
-      imgName = "imagecollection";
-    }
-    else if (itemType === "desktop style") {
-      imgName = "desktopstyle";
-    }
-    else if (itemType === "style") {
-      imgName = "style";
-    }
-    else if (itemType === "dashboard") {
-      imgName = "dashboard";
-    }
-    else if (itemType === "raster function template") {
-      imgName = "rasterprocessingtemplate";
-    }
-    else if (itemType === "vector tile package") {
-      imgName = "vectortilepackage";
-    }
-    else if (itemType === "ortho mapping project") {
-      imgName = "orthomappingproject";
-    }
-    else if (itemType === "ortho mapping template") {
-      imgName = "orthomappingtemplate";
-    }
-    else if (itemType === "solution") {
-      imgName = "solutions";
-    }
-    else if (itemType === "geopackage") {
-      imgName = "geopackage";
-    }
-    else if (itemType === "deep learning package") {
-      imgName = "deeplearningpackage";
-    }
-    else if (itemType === "real time analytic") {
-      imgName = "realtimeanalytics";
-    }
-    else if (itemType === "big data analytic") {
-      imgName = "bigdataanalytics";
-    }
-    else if (itemType === "feed") {
-      imgName = "feed";
-    }
-    else if (itemType === "excalibur imagery project") {
-      imgName = "excaliburimageryproject";
-    }
-    else if (itemType === "notebook") {
-      imgName = "notebook";
-    }
-    else if (itemType === "storymap") {
-      imgName = "storymap";
-    }
-    else if (itemType === "survey123 add in") {
-      imgName = "survey123addin";
-    }
-    else if (itemType === "mission") {
-      imgName = "mission";
-    }
-    else if (itemType === "mission report") {
-      imgName = "missionreport";
-    }
-    else if (itemType === "quickcapture project") {
-      imgName = "quickcaptureproject";
-    }
-    else if (itemType === "pro report") {
-      imgName = "proreport";
-    }
-    else if (itemType === "urban model") {
-      imgName = "urbanmodel";
-    }
-    else if (itemType === "web experience") {
-      imgName = "experiencebuilder";
-    }
-    else if (itemType === "web experience template") {
-      imgName = "webexperiencetemplate";
-    }
-    else if (itemType === "workflow") {
-      imgName = "workflow";
-    }
-    else if (itemType === "kernel gateway connection") {
-      imgName = "kernelgatewayconnection";
-    }
-    else if (itemType === "insights script") {
-      imgName = "insightsscript";
-    }
-    else if (itemType === "hub initiative template") {
-      imgName = "hubinitiativetemplate";
-    }
-    else if (itemType === "storymap theme") {
-      imgName = "storymaptheme";
-    }
-    else if (itemType === "group") {
-      imgName = "group";
-    }
-    else {
-      imgName = "maps";
-    }
-    return imgName ? getAssetPath(imgDir + imgName + size + ".png") : null;
-  }
-  static get assetsDirs() { return ["item-icons"]; }
-  get el() { return this; }
-  static get style() { return solutionItemIconCss; }
-}, [0, "solution-item-icon", {
-    "isPortal": [4, "is-portal"],
-    "type": [1],
-    "typeKeywords": [16]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["solution-item-icon"];
-  components.forEach(tagName => { switch (tagName) {
-    case "solution-item-icon":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SolutionItemIcon);
-      }
-      break;
-  } });
-}
-defineCustomElement();
-
-export { SolutionItemIcon as S, defineCustomElement as d };
-
-//# sourceMappingURL=solution-item-icon2.js.map