@esri/solutions-components 0.2.2 → 0.2.4

package/dist/esm/solution-config-modal.entry.js.map

@@ -0,0 +1 @@
+{"file":"solution-config-modal.entry.js","mappings":"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","names":[],"sources":["./src/components/solution-config-modal/solution-config-modal.scss?tag=solution-config-modal","./src/components/solution-config-modal/solution-config-modal.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.configuration-container {\r\n  @apply w-full\r\n    h-full\r\n    relative;\r\n}\r\n\r\n.configuration {\r\n  @apply absolute\r\n    top-0\r\n    right-0\r\n    bottom-0\r\n    left-0\r\n    flex\r\n    p-2\r\n    border-lightgray;\r\n}\r\n\r\n.config-tabs {\r\n  @apply w-full;\r\n}\r\n\r\n.config-tab {\r\n  @apply w-full;\r\n}\r\n\r\n.config-solution {\r\n  @apply\r\n    absolute\r\n    top-14\r\n    -right-px\r\n    -bottom-px\r\n    -left-px\r\n    flex\r\n    p-2;\r\n}\r\n\r\n.config-inventory {\r\n  @apply inline\r\n    flex-grow-0\r\n    overflow-y-auto\r\n    max-w-min;\r\n}\r\n\r\n.config-inventory-hide {\r\n  @apply flex-grow-0\r\n    overflow-y-auto\r\n    max-w-min\r\n    hidden;\r\n}\r\n\r\n.config-item {\r\n  @apply inline\r\n    flex-grow\r\n    overflow-y-auto\r\n    relative\r\n    m-inline-start-2;\r\n}\r\n\r\nsolution-contents {\r\n  @apply relative\r\n    h-full;\r\n}\r\n\r\nsolution-item {\r\n  @apply relative\r\n    h-full;\r\n}\r\n\r\nsolution-spatial-ref {\r\n  @apply w-full\r\n    h-full\r\n    relative\r\n    overflow-y-auto;\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, Event, EventEmitter, h, Host, Prop, State, VNode, Watch } from \"@stencil/core\";\r\nimport \"@esri/calcite-components\";\r\nimport SolutionConfigModal_T9n from \"../../assets/t9n/solution-config-modal/resources.json\";\r\nimport { getLocaleComponentStrings } from \"../../utils/locale\";\r\n\r\n@Component({\r\n  tag: \"solution-config-modal\",\r\n  styleUrl: \"solution-config-modal.scss\",\r\n  shadow: false\r\n})\r\nexport class SolutionConfigModal {\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Host element access\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  @Element() el: HTMLSolutionConfigModalElement;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  @Prop({ mutable: true }) cacheBreaker: string;\r\n\r\n  /**\r\n   * Credentials for requests in a serialized form\r\n   */\r\n  @Prop({ mutable: true }) serializedAuthentication = \"\";\r\n\r\n  @Prop({ mutable: true }) solutionTitle = \"\";\r\n\r\n  /**\r\n   * Contains the current solution item id\r\n   */\r\n  @Prop({ mutable: true }) solutionItemId: string;\r\n\r\n  @Watch(\"solutionItemId\") async valueWatchHandler(): Promise<void> {\r\n    console.log(\"MODAL watch \" + this.solutionItemId);//???\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Lifecycle\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  constructor() {\r\n    //console.log(\"MODAL constructor \" + this.solutionItemId);//??? + \" open:\" + this._modalIsOpen);//???\r\n\r\n    window.addEventListener(\"solutionCanSave\",\r\n      (evt) => {\r\n        this._canSave = (evt as any).detail as boolean;\r\n      }\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   * @returns Promise when complete\r\n   */\r\n  async componentWillLoad(): Promise<void> {\r\n    return this._getTranslations();\r\n  }\r\n\r\n  componentWillRender(): void {\r\n    console.log(\"MODAL will render \" + this.solutionTitle + \" (\" + this.solutionItemId + \", \" + this.cacheBreaker + \")\");//???\r\n  }\r\n\r\n  /**\r\n   * Renders the component.\r\n   */\r\n  render(): VNode {\r\n    const cacheBreakerParts = this.cacheBreaker.split(\"_\");\r\n    if (!this.solutionItemId && cacheBreakerParts.length === 2) {\r\n      this.solutionItemId = cacheBreakerParts[0];\r\n    }\r\n\r\n    const modalIsOpen = !!this.solutionItemId;\r\n    console.log(\"MODAL render \" + this.solutionTitle + \" (\" + this.solutionItemId + \", \" + this.cacheBreaker + \")\" + \" open:\" + modalIsOpen.toString());//???\r\n    return (\r\n      <Host>\r\n        <calcite-modal\r\n          aria-labelledby=\"solutions-modal-title\"\r\n          fullscreen=\"\"\r\n          intl-close={this._translations.cancel}\r\n          onCalciteModalClose={() => this._cancel()}\r\n          open={modalIsOpen}\r\n          ref={(el) => this._modal = el}\r\n        >\r\n          <h3\r\n            id=\"solutions-modal-title\"\r\n            slot=\"header\"\r\n          >\r\n            {this._translations.title.replace(\"{{solutionName}}\", this.solutionTitle)}\r\n          </h3>\r\n          <div\r\n            class=\"solutions-modal-content\"\r\n            id=\"solutions-modal-content\"\r\n            slot=\"content\"\r\n          >\r\n            <solution-configuration\r\n              ref ={(el) => (this._configuration = el)}\r\n              serialized-authentication={this.serializedAuthentication}\r\n              solution-item-id={this.solutionItemId}\r\n            />\r\n          </div>\r\n          <calcite-button\r\n            appearance=\"outline\"\r\n            disabled={!this._canSave}\r\n            onClick={() => this._cancel()}\r\n            ref={(el) => (this._cancelBtn = el)}\r\n            slot=\"secondary\"\r\n            width=\"full\"\r\n          >\r\n            {this._translations.cancel}\r\n          </calcite-button>\r\n          <calcite-button\r\n            appearance=\"solid\"\r\n            disabled={!this._canSave}\r\n            onClick={() => this._save()}\r\n            ref={(el) => (this._saveBtn = el)}\r\n            slot=\"primary\"\r\n            width=\"full\"\r\n          >\r\n            {this._translations.save}\r\n          </calcite-button>\r\n        </calcite-modal>\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  protected _cancelBtn: HTMLCalciteButtonElement;\r\n\r\n  /**\r\n   * Controls enablement of Cancel and Save modal buttons\r\n   */\r\n  @State() protected _canSave = false;\r\n\r\n  protected _configuration: HTMLSolutionConfigurationElement;\r\n\r\n  protected _modal: HTMLCalciteModalElement;\r\n\r\n  //@State() protected _modalIsOpen = false;\r\n\r\n  protected _saveBtn: HTMLCalciteButtonElement;\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 SolutionConfigModal_T9n;\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  @Event() solutionConfigModalClosed: EventEmitter<void>;\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  protected async _cancel(): Promise<void> {\r\n    console.log(\"MODAL cancel \" + this.solutionItemId);//???\r\n    this._cancelBtn.disabled = this._saveBtn.disabled = true;\r\n    this._canSave\r\n      ? confirm(\"Save changes?\")\r\n        ? await this._saveChanges()\r\n        : await this._cancelChanges()\r\n      : await this._cancelChanges();\r\n    this._closeModal();\r\n  }\r\n\r\n  protected async _cancelChanges(): Promise<void> {\r\n    console.log(\"MODAL cancelChanges\");//???\r\n    this._canSave = false;\r\n    await this._configuration.unloadSolution();\r\n  }\r\n\r\n  protected _closeModal(): void {\r\n    console.log(\"MODAL close\");//???\r\n    this.solutionItemId = \"\";\r\n    //this.solutionTitle = \"\";\r\n    this.cacheBreaker = \"\";\r\n    this.solutionConfigModalClosed.emit();\r\n  }\r\n\r\n  // Save changes and close the modal\r\n  protected async _save(): Promise<void> {\r\n    console.log(\"MODAL save \" + this.solutionItemId);//???\r\n    this._cancelBtn.disabled = this._saveBtn.disabled = true;\r\n    if (this._canSave) {\r\n      await this._saveChanges();\r\n    }\r\n  }\r\n\r\n  protected async _saveChanges(): Promise<void> {\r\n    console.log(\"MODAL saveChanges\");//???\r\n    try {\r\n      this._canSave = false;\r\n      await this._configuration.saveSolution();\r\n    } catch (error) {\r\n      //reportError(\"Unable to save\", error.originalMessage);\r\n      console.log(\"Unable to save\", error.originalMessage);\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 SolutionConfigModal_T9n;\r\n  }\r\n}\r\n"],"version":3}