@esri/solutions-components 0.2.0 → 0.2.2

package/dist/components/solution-resource-item2.js

@@ -1,358 +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 { f as EUpdateType } from './interfaces3.js';
-import { s as state, E as EFileType } from './solution-store.js';
-import { g as getLocaleComponentStrings } from './locale.js';
-import { d as defineCustomElement$a } from './action.js';
-import { d as defineCustomElement$9 } from './action-group.js';
-import { d as defineCustomElement$8 } from './action-menu.js';
-import { d as defineCustomElement$7 } from './button.js';
-import { d as defineCustomElement$6 } from './icon.js';
-import { d as defineCustomElement$5 } from './loader.js';
-import { d as defineCustomElement$4 } from './pick-list-item.js';
-import { d as defineCustomElement$3 } from './popover.js';
-import { d as defineCustomElement$2 } from './value-list.js';
-import { d as defineCustomElement$1 } from './value-list-item.js';
-
-const solutionResourceItemCss = ":host{display:block;box-sizing:border-box;margin-left:0.75rem;margin-right:0.75rem;min-width:0;flex-grow:0;flex-shrink:1}:host-group-1-up>.block{flex-basis:calc(100% - 1.5rem);width:calc(100% - 1.5rem)}:host-group-2-up>.block{flex-basis:calc(50% - 1.5rem);width:calc(50% - 1.5rem)}:host-group-3-up>.block{flex-basis:calc(33.33333% - 1.5rem);width:calc(33.33333% - 1.5rem)}:host-group-4-up>.block{flex-basis:calc(25% - 1.5rem);width:calc(25% - 1.5rem)}:host-group-5-up>.block{flex-basis:calc(20% - 1.5rem);width:calc(20% - 1.5rem)}:host-group-6-up>.block{flex-basis:calc(16.66666% - 1.5rem);width:calc(16.66666% - 1.5rem)}:host-group-7-up>.block{flex-basis:calc(14.2857% - 1.5rem);width:calc(14.2857% - 1.5rem)}:host-group-8-up>.block{flex-basis:calc(12.5% - 1.5rem);width:calc(12.5% - 1.5rem)}.tablet-block-group-1-up>:host{flex-basis:calc(100% - 1.5rem);width:calc(100% - 1.5rem)}.tablet-block-group-2-up>:host{flex-basis:calc(50% - 1.5rem);width:calc(50% - 1.5rem)}.tablet-block-group-3-up>:host{flex-basis:calc(33.33333% - 1.5rem);width:calc(33.33333% - 1.5rem)}.tablet-block-group-4-up>:host{flex-basis:calc(25% - 1.5rem);width:calc(25% - 1.5rem)}.tablet-block-group-5-up>:host{flex-basis:calc(20% - 1.5rem);width:calc(20% - 1.5rem)}.tablet-block-group-6-up>:host{flex-basis:calc(16.66666% - 1.5rem);width:calc(16.66666% - 1.5rem)}.tablet-block-group-7-up>:host{flex-basis:calc(14.2857% - 1.5rem);width:calc(14.2857% - 1.5rem)}.tablet-block-group-8-up>:host{flex-basis:calc(12.5% - 1.5rem);width:calc(12.5% - 1.5rem)}.phone-block-group-1-up>:host{flex-basis:calc(100% - 1.5rem);width:calc(100% - 1.5rem)}.phone-block-group-2-up>:host{flex-basis:calc(50% - 1.5rem);width:calc(50% - 1.5rem)}.phone-block-group-3-up>:host{flex-basis:calc(33.33333% - 1.5rem);width:calc(33.33333% - 1.5rem)}.phone-block-group-4-up>:host{flex-basis:calc(25% - 1.5rem);width:calc(25% - 1.5rem)}.phone-block-group-5-up>:host{flex-basis:calc(20% - 1.5rem);width:calc(20% - 1.5rem)}.phone-block-group-6-up>:host{flex-basis:calc(16.66666% - 1.5rem);width:calc(16.66666% - 1.5rem)}.phone-block-group-7-up>:host{flex-basis:calc(14.2857% - 1.5rem);width:calc(14.2857% - 1.5rem)}.phone-block-group-8-up>:host{flex-basis:calc(12.5% - 1.5rem);width:calc(12.5% - 1.5rem)}.code-face :host{letter-spacing:0em;font-family:\"Consolas\", \"Andale Mono\", \"Lucida Console\", \"Monaco\", monospace;font-weight:400;font-style:normal}.code-face :host b,.code-face :host strong{font-weight:400}.code-italic :host{letter-spacing:0em;font-family:\"Consolas\", \"Andale Mono\", \"Lucida Console\", \"Monaco\", monospace;font-weight:400;font-style:italic}.code-italic :host b,.code-italic :host strong{font-weight:400}.resource-item{padding:1rem}.resource-button{-webkit-margin-end:1rem;margin-inline-end:1rem}.resource-progress{padding-top:1rem}.resources-container{border:1px #808080 solid}.margin-bottom-1{margin-bottom:1rem}";
-
-const SolutionResourceItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this._removedResources = {};
-    this.authentication = undefined;
-    this.itemId = "";
-    this.resourceFilePaths = [];
-    this.resources = [];
-    this._translations = undefined;
-  }
-  itemIdWatchHandler() {
-    const item = state.getItemInfo(this.itemId);
-    this.resourceFilePaths = item.resourceFilePaths;
-    this.resources = item.resources.map(
-    // False linting error
-    // eslint-disable-next-line @typescript-eslint/restrict-plus-operands
-    (path) => path.substring(path.lastIndexOf("/") + 1));
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * StencilJS: Called once just after the component is first connected to the DOM.
-   */
-  componentWillLoad() {
-    return this._getTranslations();
-  }
-  /**
-   * Renders the component.
-   */
-  render() {
-    const hasValidResources = this._hasValidResources();
-    return (h(Host, null, h("div", { class: "resource-item" }, h("div", { class: "margin-bottom-1" }, h("calcite-button", { appearance: "solid", class: "resource-button", color: "blue", onClick: () => this._addNewResource() }, this._translations.addResource), h("calcite-button", { appearance: "solid", color: "blue", disabled: !hasValidResources, onClick: () => this._downloadAll() }, this._translations.downloadAll)), h("div", { class: "resources-container", style: { display: hasValidResources ? "inherit" : "none" } }, this._renderResourceList()))));
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Event Listeners
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Events
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Public Methods (async)
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Private Methods
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Render resources while avoiding thumbnail resoures that are managed by solution-item
-   *
-   */
-  _renderResourceList() {
-    return (h("calcite-value-list", { multiple: true }, this.resourceFilePaths.reduce((prev, cur) => {
-      if (cur.type !== EFileType.Thumbnail) {
-        prev.push(this._renderResource(cur));
-      }
-      return prev;
-    }, [])));
-  }
-  /**
-   * Render the resource and supporting actions for download/update/delete/(reset..if deleted)
-   *
-   * @param resource the filename and url used to interact with the resource
-   */
-  _renderResource(resource) {
-    const resettable = resource.updateType === EUpdateType.Remove;
-    const fullname = resource.folder ? resource.folder + "/" + resource.filename : resource.filename;
-    return (h("calcite-value-list-item", { class: resettable ? "disabled" : "", label: fullname, nonInteractive: true, value: resource.url }, h("calcite-action-group", { "expand-disabled": "true", layout: "horizontal", slot: "actions-end" }, h("calcite-action", { disabled: resettable, icon: "download", label: this._translations.download, onClick: () => this._download(resource.url, resource.filename), scale: "m", text: this._translations.download, title: this._translations.download }), h("calcite-action", { disabled: resettable, icon: "upload-to", label: this._translations.update, onClick: () => this._upload(resource), scale: "m", text: this._translations.update, title: this._translations.update }), h("calcite-action", { disabled: resettable, icon: "trash", label: this._translations.delete, onClick: () => this._delete(resource), scale: "m", text: this._translations.delete, title: this._translations.delete }), resettable ? h("calcite-action", { icon: "reset", label: this._translations.reset, onClick: () => this._reset(resource.filename), scale: "m", text: this._translations.reset, title: this._translations.reset }) : h("div", { class: "display-none" }))));
-  }
-  /**
-   * Adds the name to the deleted array so it will be skipped while rendering
-   *  but still exist if the user chooses to reset
-   *
-   * @param resource the resource to be updated
-   */
-  _delete(resource) {
-    resource.updateType = EUpdateType.Remove;
-    this.resourceFilePaths = [...this.resourceFilePaths]; // to trigger refresh
-    this._updateStore();
-  }
-  /**
-   * Remove the name from the deleted array so it will again be rendered
-   *
-   * @param name the name to be added to the deleted array
-   */
-  _reset(name) {
-    // need to make sure I know if this reset is from the source or a new one
-    // Because the item's `resources` array is not updated until (and if) the solution is saved,
-    // we can use it for the reset info
-    this.resources.some(resourceName => resourceName === name) ?
-      // Undo removing an existing resource
-      this.resourceFilePaths = this.resourceFilePaths.map(p => {
-        if (p.filename === name) {
-          p.updateType = EUpdateType.None;
-        }
-        return p;
-      }) :
-      // Undo cancelling the adding of a resource
-      this.resourceFilePaths = this.resourceFilePaths.map(p => {
-        if (p.filename === name) {
-          p.updateType = EUpdateType.Add;
-        }
-        return p;
-      });
-    this._updateStore();
-  }
-  /**
-   * Download all of the templates resources
-   *
-   */
-  _downloadAll() {
-    this.resourceFilePaths.forEach((resource) => {
-      this._download(resource.url, resource.filename);
-    });
-  }
-  /**
-   * Download the current resource
-   *
-   * @param url the resource url
-   * @param name the resource name
-   */
-  _download(url, name) {
-    // files that have been added manually do not need to be requested from the item
-    if (url.startsWith("blob")) {
-      this.downloadFile(url, name);
-    }
-    else {
-      const _url = `${url}?token=${this.authentication.token}`;
-      void this.fetchAndDownload(_url, name);
-    }
-  }
-  /**
-   * Dynamically creates an anchor and downloads the file
-   *
-   * @param url the url of the resource
-   * @param name the name of the resource
-   */
-  downloadFile(url, name) {
-    const link = document.createElement("a");
-    link.href = url;
-    link.download = name;
-    link.target = "_blank";
-    link.click();
-  }
-  /**
-   * Check if the template resources have any non-thumbnail resources
-   *
-   * @returns true if we have data resources and false if only thumbnail
-   */
-  _hasValidResources() {
-    return this.resourceFilePaths.some(r => r.url.indexOf("_info_thumbnail") < 0);
-  }
-  /**
-   * Fetches and downloads the resource from the solution
-   *
-   * @param url the url of the resource
-   * @param name the name of the resource
-   */
-  async fetchAndDownload(url, name) {
-    const image = await fetch(url);
-    const b = await image.blob();
-    const bURL = URL.createObjectURL(b);
-    this.downloadFile(bURL, name);
-  }
-  /**
-   * Create an input element to support the uploading of the resource and upload the resource
-   *
-   * @param resource the resource to be updated
-   */
-  _upload(resource) {
-    const _input = document.createElement("input");
-    _input.classList.add("display-none");
-    _input.onchange = this._updateResource.bind(this, resource);
-    _input.type = "file";
-    _input.click();
-  }
-  /**
-   * Create an input element to support the uploading of a resource and add the new resource
-   *
-   */
-  _addNewResource() {
-    const _input = document.createElement("input");
-    _input.classList.add("display-none");
-    _input.onchange = this._add.bind(this);
-    _input.type = "file";
-    _input.click();
-  }
-  /**
-   * Replace the resource file path when update action is used
-   *
-   * @param resourcePath the resource to be updated
-   * @param event the input event that contains the file
-   */
-  _updateResource(resourcePath, event) {
-    const files = event.target.files;
-    if (files && files[0]) {
-      resourcePath.blob = files[0];
-      resourcePath.updateType = EUpdateType.Update;
-      this._updateStore();
-    }
-  }
-  /**
-   * Add the new resource to the resource file paths
-   *
-   * @param event the inputs event that contains the new file
-   */
-  _add(event) {
-    const files = event.target.files;
-    if (files && files[0]) {
-      const url = URL.createObjectURL(files[0]);
-      const filename = files[0].name;
-      // Add the item if it's not already in the resource file paths list
-      if (!this.resourceFilePaths.some(r => r.filename === filename && r.url === url)) {
-        this.resourceFilePaths = [
-          ...this.resourceFilePaths,
-          {
-            url,
-            type: EFileType.Data,
-            folder: undefined,
-            filename,
-            blob: files[0],
-            updateType: EUpdateType.Add
-          }
-        ];
-        this._updateStore();
-      }
-    }
-  }
-  /**
-   * Add or remove the value from the store
-   */
-  _updateStore() {
-    const item = state.getItemInfo(this.itemId);
-    item.resourceFilePaths = this.resourceFilePaths;
-    state.setItemInfo(item);
-  }
-  /**
-   * 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 solutionResourceItemCss; }
-}, [1, "solution-resource-item", {
-    "authentication": [1040],
-    "itemId": [1537, "item-id"],
-    "resourceFilePaths": [32],
-    "resources": [32],
-    "_translations": [32]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["solution-resource-item", "calcite-action", "calcite-action-group", "calcite-action-menu", "calcite-button", "calcite-icon", "calcite-loader", "calcite-pick-list-item", "calcite-popover", "calcite-value-list", "calcite-value-list-item"];
-  components.forEach(tagName => { switch (tagName) {
-    case "solution-resource-item":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SolutionResourceItem);
-      }
-      break;
-    case "calcite-action":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$a();
-      }
-      break;
-    case "calcite-action-group":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$9();
-      }
-      break;
-    case "calcite-action-menu":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$8();
-      }
-      break;
-    case "calcite-button":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$7();
-      }
-      break;
-    case "calcite-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$6();
-      }
-      break;
-    case "calcite-loader":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$5();
-      }
-      break;
-    case "calcite-pick-list-item":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$4();
-      }
-      break;
-    case "calcite-popover":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "calcite-value-list":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-    case "calcite-value-list-item":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$1();
-      }
-      break;
-  } });
-}
-defineCustomElement();
-
-export { SolutionResourceItem as S, defineCustomElement as d };
-
-//# sourceMappingURL=solution-resource-item2.js.map

package/dist/components/solution-resource-item2.js.map

@@ -1 +0,0 @@
-{"file":"solution-resource-item2.js","mappings":"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","names":[],"sources":["./src/components/solution-resource-item/solution-resource-item.scss?tag=solution-resource-item&encapsulation=shadow","./src/components/solution-resource-item/solution-resource-item.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:host {\r\n  @apply block;\r\n}\r\n\r\n.resource-item {\r\n  @apply p-4;\r\n}\r\n\r\n.resource-button {\r\n  @apply m-inline-end-4;\r\n}\r\n\r\n.resource-progress {\r\n  @apply pt-4;\r\n}\r\n\r\n.resources-container {\r\n  @apply border-lightgray;\r\n}\r\n\r\n.margin-bottom-1 {\r\n  @apply mb-4;\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, Host, h, Prop, State, VNode, Watch } from '@stencil/core';\r\nimport { EUpdateType, IResourcePath } from '../../utils/interfaces';\r\nimport { EFileType, UserSession } from '@esri/solution-common';\r\nimport state from \"../../utils/solution-store\";\r\nimport SolutionResourceItem_T9n from '../../assets/t9n/solution-resource-item/resources.json';\r\nimport { getLocaleComponentStrings } from '../../utils/locale';\r\n\r\n@Component({\r\n  tag: 'solution-resource-item',\r\n  styleUrl: 'solution-resource-item.scss',\r\n  shadow: true\r\n})\r\nexport class SolutionResourceItem {\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Host element access\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  @Element() el: HTMLSolutionResourceItemElement;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Credentials for requests\r\n   */\r\n  @Prop({ mutable: true }) authentication: UserSession;\r\n\r\n  /**\r\n   * A template's itemId.\r\n   * This is used to get the correct model from a store in the json-editor\r\n   */\r\n  @Prop({ mutable: true, reflect: true }) itemId = \"\";\r\n\r\n  @Watch(\"itemId\") itemIdWatchHandler(): void {\r\n    const item = state.getItemInfo(this.itemId);\r\n    this.resourceFilePaths = item.resourceFilePaths;\r\n    this.resources = item.resources.map(\r\n      // False linting error\r\n      // eslint-disable-next-line @typescript-eslint/restrict-plus-operands\r\n      (path) => path.substring(path.lastIndexOf(\"/\") + 1)\r\n    );\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  componentWillLoad(): Promise<void> {\r\n    return this._getTranslations();\r\n  }\r\n\r\n  /**\r\n   * Renders the component.\r\n   */\r\n  render(): VNode {\r\n    const hasValidResources = this._hasValidResources();\r\n    return (\r\n      <Host>\r\n        <div class=\"resource-item\">\r\n          <div class=\"margin-bottom-1\">\r\n            <calcite-button\r\n              appearance=\"solid\"\r\n              class=\"resource-button\"\r\n              color=\"blue\"\r\n              onClick={() => this._addNewResource()}\r\n            >{this._translations.addResource}\r\n            </calcite-button>\r\n            <calcite-button\r\n              appearance=\"solid\"\r\n              color=\"blue\"\r\n              disabled={!hasValidResources}\r\n              onClick={() => this._downloadAll()}\r\n            >{this._translations.downloadAll}\r\n            </calcite-button>\r\n          </div>\r\n          <div class=\"resources-container\" style={{ display: hasValidResources ? \"inherit\" : \"none\" }}>\r\n            {this._renderResourceList()}\r\n          </div>\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   * The templates resourceFilePaths.\r\n   */\r\n  @State() resourceFilePaths: IResourcePath[] = [];\r\n\r\n  /**\r\n   * The templates resources.\r\n   */\r\n  @State() resources: 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() protected _translations: typeof SolutionResourceItem_T9n;\r\n\r\n  protected _removedResources: any = {};\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Event Listeners\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   * Render resources while avoiding thumbnail resoures that are managed by solution-item\r\n   *\r\n   */\r\n  _renderResourceList(): HTMLCalciteValueListElement {\r\n    return (\r\n      <calcite-value-list multiple>\r\n        {\r\n          this.resourceFilePaths.reduce((prev, cur) => {\r\n            if (cur.type !== EFileType.Thumbnail) {\r\n              prev.push(this._renderResource(cur));\r\n            }\r\n            return prev;\r\n          }, [])\r\n        }\r\n      </calcite-value-list>\r\n    )\r\n  }\r\n\r\n  /**\r\n   * Render the resource and supporting actions for download/update/delete/(reset..if deleted)\r\n   *\r\n   * @param resource the filename and url used to interact with the resource\r\n   */\r\n  _renderResource(\r\n    resource: IResourcePath\r\n  ): HTMLCalciteValueListItemElement {\r\n    const resettable = resource.updateType === EUpdateType.Remove;\r\n    const fullname = resource.folder ? resource.folder + \"/\" + resource.filename : resource.filename;\r\n    return (\r\n      <calcite-value-list-item\r\n        class={resettable ? \"disabled\" : \"\"}\r\n        label={fullname}\r\n        nonInteractive={true}\r\n        value={resource.url}\r\n        >\r\n        <calcite-action-group expand-disabled=\"true\" layout=\"horizontal\" slot=\"actions-end\">\r\n          <calcite-action\r\n            disabled={resettable}\r\n            icon=\"download\"\r\n            label={this._translations.download}\r\n            onClick={() => this._download(resource.url, resource.filename)}\r\n            scale=\"m\"\r\n            text={this._translations.download}\r\n            title={this._translations.download}\r\n          />\r\n          <calcite-action\r\n            disabled={resettable}\r\n            icon=\"upload-to\"\r\n            label={this._translations.update}\r\n            onClick={() => this._upload(resource)}\r\n            scale=\"m\"\r\n            text={this._translations.update}\r\n            title={this._translations.update}\r\n          />\r\n          <calcite-action\r\n            disabled={resettable}\r\n            icon=\"trash\"\r\n            label={this._translations.delete}\r\n            onClick={() => this._delete(resource)}\r\n            scale=\"m\"\r\n            text={this._translations.delete}\r\n            title={this._translations.delete}\r\n          />\r\n          {resettable ? <calcite-action\r\n            icon=\"reset\"\r\n            label={this._translations.reset}\r\n            onClick={() => this._reset(resource.filename)}\r\n            scale=\"m\"\r\n            text={this._translations.reset}\r\n            title={this._translations.reset}\r\n          /> : <div class=\"display-none\"/>}\r\n        </calcite-action-group>\r\n      </calcite-value-list-item>\r\n    );\r\n  }\r\n\r\n  /**\r\n   * Adds the name to the deleted array so it will be skipped while rendering\r\n   *  but still exist if the user chooses to reset\r\n   *\r\n   * @param resource the resource to be updated\r\n   */\r\n  _delete(resource: IResourcePath): void {\r\n    resource.updateType = EUpdateType.Remove;\r\n    this.resourceFilePaths = [...this.resourceFilePaths];  // to trigger refresh\r\n    this._updateStore();\r\n  }\r\n\r\n  /**\r\n   * Remove the name from the deleted array so it will again be rendered\r\n   *\r\n   * @param name the name to be added to the deleted array\r\n   */\r\n  _reset(\r\n    name: string\r\n  ): void {\r\n    // need to make sure I know if this reset is from the source or a new one\r\n    // Because the item's `resources` array is not updated until (and if) the solution is saved,\r\n    // we can use it for the reset info\r\n    this.resources.some(resourceName => resourceName === name) ?\r\n      // Undo removing an existing resource\r\n      this.resourceFilePaths = this.resourceFilePaths.map(p => {\r\n        if (p.filename === name) {\r\n          p.updateType = EUpdateType.None;\r\n        }\r\n        return p;\r\n      }) :\r\n      // Undo cancelling the adding of a resource\r\n      this.resourceFilePaths = this.resourceFilePaths.map(p => {\r\n        if (p.filename === name) {\r\n          p.updateType = EUpdateType.Add;\r\n        }\r\n        return p;\r\n      });\r\n    this._updateStore();\r\n  }\r\n\r\n  /**\r\n   * Download all of the templates resources\r\n   *\r\n   */\r\n  _downloadAll(): void {\r\n    this.resourceFilePaths.forEach((resource: IResourcePath) => {\r\n      this._download(resource.url, resource.filename);\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Download the current resource\r\n   *\r\n   * @param url the resource url\r\n   * @param name the resource name\r\n   */\r\n  _download(\r\n    url: string,\r\n    name: string\r\n  ): void {\r\n    // files that have been added manually do not need to be requested from the item\r\n    if (url.startsWith(\"blob\")) {\r\n      this.downloadFile(url, name);\r\n    } else {\r\n      const _url = `${url}?token=${this.authentication.token}`;\r\n      void this.fetchAndDownload(_url, name);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Dynamically creates an anchor and downloads the file\r\n   *\r\n   * @param url the url of the resource\r\n   * @param name the name of the resource\r\n   */\r\n  downloadFile(\r\n    url: string,\r\n    name: string\r\n  ): void {\r\n    const link = document.createElement(\"a\");\r\n    link.href = url;\r\n    link.download = name;\r\n    link.target = \"_blank\";\r\n    link.click();\r\n  }\r\n\r\n  /**\r\n   * Check if the template resources have any non-thumbnail resources\r\n   *\r\n   * @returns true if we have data resources and false if only thumbnail\r\n   */\r\n  _hasValidResources() : boolean {\r\n    return this.resourceFilePaths.some(r => r.url.indexOf(\"_info_thumbnail\") < 0);\r\n  }\r\n\r\n  /**\r\n   * Fetches and downloads the resource from the solution\r\n   *\r\n   * @param url the url of the resource\r\n   * @param name the name of the resource\r\n   */\r\n  async fetchAndDownload(url: string, name: string): Promise<void> {\r\n    const image = await fetch(url);\r\n    const b = await image.blob();\r\n    const bURL = URL.createObjectURL(b);\r\n    this.downloadFile(bURL, name);\r\n  }\r\n\r\n  /**\r\n   * Create an input element to support the uploading of the resource and upload the resource\r\n   *\r\n   * @param resource the resource to be updated\r\n   */\r\n  _upload(resource: IResourcePath): void {\r\n    const _input = document.createElement(\"input\");\r\n    _input.classList.add(\"display-none\");\r\n    _input.onchange = this._updateResource.bind(this, resource);\r\n    _input.type = \"file\";\r\n    _input.click();\r\n  }\r\n\r\n  /**\r\n   * Create an input element to support the uploading of a resource and add the new resource\r\n   *\r\n   */\r\n  _addNewResource(): void {\r\n    const _input = document.createElement(\"input\");\r\n    _input.classList.add(\"display-none\");\r\n    _input.onchange = this._add.bind(this);\r\n    _input.type = \"file\";\r\n    _input.click();\r\n  }\r\n\r\n  /**\r\n   * Replace the resource file path when update action is used\r\n   *\r\n   * @param resourcePath the resource to be updated\r\n   * @param event the input event that contains the file\r\n   */\r\n  _updateResource(\r\n    resourcePath: IResourcePath,\r\n    event: any\r\n  ): void {\r\n    const files = event.target.files;\r\n    if (files && files[0]) {\r\n\r\n      resourcePath.blob = files[0];\r\n      resourcePath.updateType = EUpdateType.Update;\r\n\r\n      this._updateStore();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Add the new resource to the resource file paths\r\n   *\r\n   * @param event the inputs event that contains the new file\r\n   */\r\n  _add(event: any): void {\r\n    const files = event.target.files;\r\n    if (files && files[0]) {\r\n      const url = URL.createObjectURL(files[0]);\r\n      const filename = files[0].name;\r\n\r\n      // Add the item if it's not already in the resource file paths list\r\n      if (!this.resourceFilePaths.some(r => r.filename === filename && r.url === url)) {\r\n        this.resourceFilePaths = [\r\n          ...this.resourceFilePaths,\r\n          {\r\n            url,\r\n            type: EFileType.Data,\r\n            folder: undefined,\r\n            filename,\r\n            blob: files[0],\r\n            updateType: EUpdateType.Add\r\n          }\r\n        ];\r\n        this._updateStore();\r\n      }\r\n    }\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    const item = state.getItemInfo(this.itemId);\r\n    item.resourceFilePaths = this.resourceFilePaths;\r\n    state.setItemInfo(item);\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 SolutionResourceItem_T9n;\r\n  }\r\n}\r\n"],"version":3}

package/dist/components/solution-spatial-ref.d.ts

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

package/dist/components/solution-spatial-ref.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 SolutionSpatialRef$1, d as defineCustomElement$1 } from './solution-spatial-ref2.js';
-
-const SolutionSpatialRef = SolutionSpatialRef$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SolutionSpatialRef, defineCustomElement };
-
-//# sourceMappingURL=solution-spatial-ref.js.map

package/dist/components/solution-spatial-ref.js.map

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