@esri/solutions-components 1.0.4 → 1.0.6

package/dist/components/solution-deploying-panel/customElement.js

@@ -1,77 +0,0 @@
-import { c as s } from "../../chunks/runtime.js";
-import { html as t } from "lit-html";
-import { u as a } from "../../chunks/useT9n.js";
-import { LitElement as l, noShadowRoot as c, nothing as r } from "@arcgis/lumina";
-import { css as h } from "@lit/reactive-element/css-tag.js";
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.4 */
-const u = h`@layer{/** @license
- * Copyright 2025 Esri
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */.panel-bg-white{--calcite-panel-background-color: var(--calcite-color-foreground-1)}}`;
-class d extends l {
-  constructor() {
-    super(...arguments), this.solutionItem = void 0, this._isInCancelConfirmation = !1, this._showCancelConfirmation = !1, this._translations = a({ name: "solution-deploying-panel", blocking: !0 });
-  }
-  static {
-    this.properties = { solutionItem: 0, _isInCancelConfirmation: 16, _showCancelConfirmation: 16, _translations: 16 };
-  }
-  static {
-    this.styles = u;
-  }
-  static {
-    this.shadowRootOptions = c;
-  }
-  close() {
-    this._showCancelConfirmation = !1;
-    const e = this._getDialogObject();
-    e && (e.open = !1);
-  }
-  confirmCancel() {
-    if (this._isInCancelConfirmation)
-      this.close();
-    else {
-      const e = this._getDialogObject();
-      e && (e.open = !0, e.closeDisabled = !0, this._isInCancelConfirmation = !0), this._showCancelConfirmation = !0;
-    }
-  }
-  async load() {
-  }
-  render() {
-    return t`<calcite-dialog .heading=${this._translations.title.replace("{{solution}}", this.solutionItem?.title ?? "")} id=${this._translations.title.replace("{{solution}}", this.solutionItem?.title ?? "") ?? r} modal open @calciteDialogBeforeClose=${(e) => {
-      e.preventDefault(), this.confirmCancel();
-    }} outside-close-disabled>${this._showCancelConfirmation ? this.renderCancelModal() : t`<calcite-panel class="panel-bg-white"><calcite-loader .label=${this._translations.deploymentInProgress} scale=l .text=${this._translations.deploymentInProgress} type=determinate-value value=75></calcite-loader><calcite-carousel autoplay .label=${this._translations.newsAndFeatures} arrow-type=inline>${this.renderCarouselItems()}</calcite-carousel><calcite-button appearance=outline @click=${this.confirmCancel} slot=footer-end>${this._translations.cancel}</calcite-button></calcite-panel>`}</calcite-dialog>`;
-  }
-  renderCarouselItems() {
-    const e = [], n = this._translations.carousel;
-    for (const [i, o] of Object.entries(n))
-      e.push(t`<calcite-carousel-item .label=${i}><calcite-label layout=inline>${i === "stockMessage1" && t`<calcite-icon icon=workflow-diagram></calcite-icon>` || ""}${i === "stockMessage2" && t`<calcite-icon icon=trash></calcite-icon>` || ""}${o}</calcite-label></calcite-carousel-item>`);
-    return e;
-  }
-  renderCancelModal() {
-    return t`<calcite-panel class="panel-bg-white">${this._translations.deploymentCancelMessage}<calcite-button kind=brand @click=${() => {
-      const e = this._getDialogObject();
-      e && (e.closeDisabled = !1), this._isInCancelConfirmation = !1, this._showCancelConfirmation = !1;
-    }} slot=footer-end>${this._translations.continueDeployment}</calcite-button><calcite-button appearance=outline @click=${this.confirmCancel} slot=footer-end>${this._translations.cancelDeploymentButton}</calcite-button></calcite-panel>`;
-  }
-  _getDialogObject() {
-    const e = this._translations.title.replace("{{solution}}", this.solutionItem?.title ?? "");
-    return document.getElementById(e);
-  }
-}
-s("solution-deploying-panel", d);
-export {
-  d as SolutionDeployingPanel
-};