/* COPYRIGHT Esri - https://js.arcgis.com/1.2/LICENSE.txt */
import { c as customElement } from "../../chunks/runtime.js";
import { css, html } from "lit";
import { u as useT9n } from "../../chunks/useT9n.js";
import { LitElement, createEvent } from "@arcgis/lumina";
import "../solutions-resources-section/customElement.js";
const styles = css`/** @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.
 */

.position-relative {
  position: relative;
}

.background-override {
  --calcite-shell-panel-background-color: var(--calcite-color-foreground-2);
  --calcite-panel-background-color: var(--calcite-color-foreground-2);
}

.width-350 {
  --calcite-shell-panel-width: 350px;
}

.height-full {
  height: 100%;
}

.padding-end-1-2 {
  padding-inline-end: var(--calcite-spacing-sm);
}

calcite-panel {
  --calcite-panel-background-color: var(--calcite-color-foreground-1);
}

calcite-shell {
  background-color: unset;
}

.padding-end-1 {
  padding-inline-end: var(--calcite-spacing-lg);
}

.padding-start-1 {
  padding-inline-start: var(--calcite-spacing-lg);
}

.margin-end-md {
  margin-inline-end: var(--calcite-spacing-md);
}

.resources-container {
  width: 100%;
  box-sizing: border-box;
}

.hero-banner {
  background-color: var(--calcite-color-foreground-2);
  padding: 4.25rem var(--calcite-spacing-md);
  text-align: center;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 3rem;
}

.hero-heading {
  font-size: var(--calcite-font-size-5);
  font-weight: var(--calcite-font-weight-medium);
  margin: 0 0 var(--calcite-spacing-xxl) 0;
  color: var(--calcite-color-text-1);
}

.hero-subheading {
  font-size: var(--calcite-font-size-0);
  color: var(--calcite-color-text-2);
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}`;
class SolutionsResourcesShell extends LitElement {
  constructor() {
    super();
    this._translations = useT9n({ name: "solutions-resources-shell", blocking: true });
    this.sortTypeChanged = createEvent();
    this.listenOn(window, "deployAppTabSelected", this._handleDeployAppTabSelected);
  }
  static {
    this.properties = { _translations: [16, {}, { state: true }] };
  }
  static {
    this.styles = styles;
  }
  render() {
    const t = this._translations;
    return html`<calcite-shell><calcite-panel><div class="resources-container"><div class="hero-banner"><h1 class="hero-heading">${t.hero.heading}</h1><p class="hero-subheading">${t.hero.subheading}</p></div><solutions-resources-section .heading=${t.getStarted.heading} .subheading=${t.getStarted.subheading} .cards=${[
      {
        meridianIcon: "value",
        heading: t.getStarted.card1.heading,
        description: t.getStarted.card1.description,
        url: "https://links.esri.com/solutions/whats-new-in-the-app"
      },
      {
        meridianIcon: "install",
        heading: t.getStarted.card2.heading,
        description: t.getStarted.card2.description,
        url: "https://links.esri.com/solutions/deploy-a-solution"
      },
      {
        meridianIcon: "keys",
        heading: t.getStarted.card3.heading,
        description: t.getStarted.card3.description,
        url: "https://links.esri.com/solutions/manage-a-deployment"
      },
      {
        meridianIcon: "speech-bubbles",
        heading: t.getStarted.card4.heading,
        description: t.getStarted.card4.description,
        url: "https://links.esri.com/solutions/ai-assistant"
      }
    ]}></solutions-resources-section><solutions-resources-section .heading=${t.documentation.heading} .subheading=${t.documentation.subheading} .cards=${[
      {
        meridianIcon: "search-files",
        heading: t.documentation.card1.heading,
        description: t.documentation.card1.description,
        url: "https://links.esri.com/solutions/help"
      },
      {
        meridianIcon: "value",
        heading: t.documentation.card2.heading,
        description: t.documentation.card2.description,
        url: "https://links.esri.com/solutions/whats-new"
      },
      {
        meridianIcon: "faq",
        heading: t.documentation.card3.heading,
        description: t.documentation.card3.description,
        url: "https://links.esri.com/solutions/faq"
      },
      {
        meridianIcon: "arcmap-blog",
        heading: t.documentation.card4.heading,
        description: t.documentation.card4.description,
        url: "https://links.esri.com/solutions/arcgis-blogs"
      }
    ]}></solutions-resources-section><solutions-resources-section .heading=${t.support.heading} .subheading=${t.support.subheading} .cards=${[
      {
        meridianIcon: "esri-community",
        heading: t.support.card1.heading,
        description: t.support.card1.description,
        url: "https://links.esri.com/solutions/esri-community"
      },
      {
        meridianIcon: "idea",
        heading: t.support.card2.heading,
        description: t.support.card2.description,
        url: "https://links.esri.com/solutions/arcgis-ideas"
      },
      {
        meridianIcon: "video",
        heading: t.support.card3.heading,
        description: t.support.card3.description,
        url: "https://links.esri.com/solutions/esri-video"
      },
      {
        meridianIcon: "support",
        heading: t.support.card4.heading,
        description: t.support.card4.description,
        url: "https://links.esri.com/solutions/technical-support"
      }
    ]}></solutions-resources-section></div></calcite-panel></calcite-shell>`;
  }
  _handleDeployAppTabSelected(evt) {
    const activeTab = evt.detail;
    if (activeTab === "resources") {
      this.sortTypeChanged.emit("");
    }
  }
}
customElement("solutions-resources-shell", SolutionsResourcesShell);
export {
  SolutionsResourcesShell
};
