@esri/solutions-components 1.2.0-next.57 → 1.2.0-next.58

package/dist/components/solutions-resources/customElement.js

@@ -1,13 +1,13 @@
-import { c as i } from "../../chunks/runtime.js";
-import { css as a, html as e } from "lit";
-import { u as n } from "../../chunks/useT9n.js";
-import { LitElement as c } from "@arcgis/lumina";
-import { useContextConsumer as o } from "@arcgis/lumina/context";
-import { c as r } from "../../chunks/deployAppContexts.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.57 */
-const l = a`/** @license
+v1.2.0-next.58 */
+import { c as customElement } from "../../chunks/runtime.js";
+import { css, html } from "lit";
+import { u as useT9n } from "../../chunks/useT9n.js";
+import { LitElement } from "@arcgis/lumina";
+import { useContextConsumer } from "@arcgis/lumina/context";
+import { c as configContext } from "../../chunks/deployAppContexts.js";
+const styles = css`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -21,29 +21,75 @@ const l = a`/** @license
  * 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.
- */.padding-top-1-2{padding-top:.5rem}.padding-end-1{padding-inline-end:1rem}.padding-end-1-2{padding-inline-end:.5rem}.padding-bottom-1{padding-bottom:1rem}.height-full{height:100%}.padding-start-2px{padding-inline-start:2px}.padding-end-2px{padding-inline-end:2px}calcite-tabs{--calcite-tab-border-color: var(--calcite-color-foreground-2)}calcite-list-item{--calcite-list-border-color: none}calcite-panel{--calcite-panel-background-color: var(--calcite-color-foreground-1)}`;
-class u extends c {
+ */
+
+.padding-top-1-2 {
+  padding-top: .5rem;
+}
+
+.padding-end-1 {
+  padding-inline-end: 1rem;
+}
+
+.padding-end-1-2 {
+  padding-inline-end: .5rem;
+}
+
+.padding-bottom-1 {
+  padding-bottom: 1rem;
+}
+
+.height-full {
+  height: 100%;
+}
+
+.padding-start-2px {
+  padding-inline-start: 2px;
+}
+
+.padding-end-2px {
+  padding-inline-end: 2px;
+}
+
+calcite-tabs {
+  --calcite-tab-border-color: var(--calcite-color-foreground-2);
+}
+
+calcite-list-item {
+  --calcite-list-border-color: none;
+}
+
+calcite-panel {
+  --calcite-panel-background-color: var(--calcite-color-foreground-1);
+}`;
+class SolutionsResources extends LitElement {
   constructor() {
-    super(...arguments), this.showAssistant = !1, this._isSearching = !1, this._resourceType = "resources", this._translations = n({ name: "solutions-resources", blocking: !0 }), this._quickLinks = [], this._configContextConsumer = o({
-      context: r,
-      subscribe: !0,
+    super(...arguments);
+    this.showAssistant = false;
+    this._isSearching = false;
+    this._resourceType = "resources";
+    this._translations = useT9n({ name: "solutions-resources", blocking: true });
+    this._quickLinks = [];
+    this._configContextConsumer = useContextConsumer({
+      context: configContext,
+      subscribe: true,
       callback: async () => {
         await this._search();
       }
     });
   }
   static {
-    this.properties = { showAssistant: 5, _resourcesResponse: 16, _blogsResponse: 16, _isSearching: 16, _resourceType: 16, _translations: 16 };
+    this.properties = { showAssistant: [5, {}, { type: Boolean }], _resourcesResponse: [16, {}, { state: true }], _blogsResponse: [16, {}, { state: true }], _isSearching: [16, {}, { state: true }], _resourceType: [16, {}, { state: true }], _translations: [16, {}, { state: true }] };
   }
   static {
-    this.styles = l;
+    this.styles = styles;
   }
   async load() {
     this._initQuickLinks();
   }
   render() {
-    const t = this._configContextConsumer?.value?.userSession?.token;
-    return e`<div class="height-full"><calcite-tabs class="height-full" layout=center scale=l><calcite-tab-nav slot=title-group><calcite-tab-title @calciteTabsActivate=${() => this._resourceType = "resources"} selected>${this._translations.featuredArticles}</calcite-tab-title><calcite-tab-title @calciteTabsActivate=${() => this._resourceType = "quick-links"}>${this._translations.solutionsQuickLinks}</calcite-tab-title></calcite-tab-nav><calcite-tab selected><calcite-panel><div>${this._getFeaturedResources()}</div></calcite-panel></calcite-tab><calcite-tab><calcite-panel><div>${this._getQuickLinks()}</div></calcite-panel></calcite-tab></calcite-tabs>${this.showAssistant && t && e`<arcgis-solutions-assistant .token=${t}></arcgis-solutions-assistant>` || ""}</div>`;
+    const token = this._configContextConsumer?.value?.userSession?.token;
+    return html`<div class="height-full"><calcite-tabs class="height-full" layout=center scale=l><calcite-tab-nav slot=title-group><calcite-tab-title @calciteTabsActivate=${() => this._resourceType = "resources"} selected>${this._translations.featuredArticles}</calcite-tab-title><calcite-tab-title @calciteTabsActivate=${() => this._resourceType = "quick-links"}>${this._translations.solutionsQuickLinks}</calcite-tab-title></calcite-tab-nav><calcite-tab selected><calcite-panel><div>${this._getFeaturedResources()}</div></calcite-panel></calcite-tab><calcite-tab><calcite-panel><div>${this._getQuickLinks()}</div></calcite-panel></calcite-tab></calcite-tabs>${this.showAssistant && token && html`<arcgis-solutions-assistant .token=${token}></arcgis-solutions-assistant>` || ""}</div>`;
   }
   _initQuickLinks() {
     this._quickLinks = [{
@@ -89,17 +135,25 @@ class u extends c {
     }];
   }
   _getQuickLinks() {
-    return this._quickLinks.length > 0 ? e`<calcite-list .label=${this._translations.solutionsQuickLinks} scale=l>${this._quickLinks.map((t) => e`<calcite-list-item .iconStart=${t.icon} .label=${t.label} @click=${() => window.open(t.url, "_blank")}></calcite-list-item>`)}</calcite-list>` : "";
+    return this._quickLinks.length > 0 ? html`<calcite-list .label=${this._translations.solutionsQuickLinks} scale=l>${this._quickLinks.map((ql) => {
+      return html`<calcite-list-item .iconStart=${ql.icon} .label=${ql.label} @click=${() => window.open(ql.url, "_blank")}></calcite-list-item>`;
+    })}</calcite-list>` : "";
   }
   _getFeaturedResources() {
-    const t = this._isSearching ? "display-none" : "";
-    return e`<calcite-card-group label>${this._isSearching && e`<calcite-loader label></calcite-loader>` || ""}${this._blogsResponse?.map((s) => e`<solution-resource-card class=${`padding-start-2px padding-end-2px ${t}`} .heading=${s.heading} .href=${s.href} .src=${s.src} type=resource></solution-resource-card>`)}</calcite-card-group>`;
+    const cardClass = this._isSearching ? "display-none" : "";
+    return html`<calcite-card-group label>${this._isSearching && html`<calcite-loader label></calcite-loader>` || ""}${this._blogsResponse?.map((b) => {
+      return html`<solution-resource-card class=${`padding-start-2px padding-end-2px ${cardClass}`} .heading=${b.heading} .href=${b.href} .src=${b.src} type=resource></solution-resource-card>`;
+    })}</calcite-card-group>`;
   }
   async _search() {
-    this._resourceType === "resources" && this._configContextConsumer?.value && (this._isSearching = !0, this._isSearching = !1);
+    if (this._resourceType === "resources" && this._configContextConsumer?.value) {
+      this._isSearching = true;
+      this._isSearching = false;
+    }
   }
 }
-i("solutions-resources", u);
+customElement("solutions-resources", SolutionsResources);
 export {
-  u as SolutionsResources
+  SolutionsResources
 };
+//# sourceMappingURL=customElement.js.map

package/dist/components/solutions-resources/customElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"customElement.js","sources":["../../../src/components/solutions-resources/solutions-resources.tsx"],"sourcesContent":["/**\r\n * @license\r\n * Copyright 2025 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 type T9nStrings from './assets/t9n/messages.en.json';\r\nimport { useT9n } from '../../controllers/useT9n';\r\nimport {\r\n  Fragment,\r\n  LitElement,\r\n  h,\r\n  property,\r\n  state,\r\n} from '@arcgis/lumina';\r\nimport {\r\n  useContextConsumer,\r\n} from '@arcgis/lumina/context';\r\nimport type {\r\n  JsxNode,\r\n} from '@arcgis/lumina';\r\nimport { styles } from './solutions-resources.css';\r\n// import type { IRequestOptions } from '@esri/solution-common';\r\n// import { request } from '@esri/solution-common';\r\nimport {\r\n  configContext\r\n} from '../../utils/deployAppContexts';\r\nimport type { IQuickLink } from '../../utils/interfaces';\r\n\r\ndeclare global {\r\n  interface DeclareElements {\r\n    'solutions-resources': SolutionsResources;\r\n  }\r\n}\r\n\r\n// TODO this should be removed after initial dev cycle\r\n// https://devtopia.esri.com/WebGIS/solution-deployment-apps/issues/408\r\n\r\nexport class SolutionsResources extends LitElement {\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Overrides (internal)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  static override styles = styles;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  @property() showAssistant = false;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  State (internal)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** The response object from the current resources query */\r\n  @state() _resourcesResponse: any;\r\n\r\n  /** The response object from the current blog query */\r\n  @state() _blogsResponse: any;\r\n\r\n  /** When true we are searching for resources or blogs and a loading indicator should be shown */\r\n  @state() _isSearching = false;\r\n\r\n  /** The current type we are searching for either resources or blogs */\r\n  @state() _resourceType: 'resources' | 'quick-links' = 'resources';\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 = useT9n<typeof T9nStrings>({ name: 'solutions-resources', blocking: true });\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (private)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** Collection of quick links to assist the end user */\r\n  private _quickLinks: IQuickLink[] = [];\r\n\r\n  /** The applications config consumer */\r\n  private _configContextConsumer = useContextConsumer({\r\n    context: configContext,\r\n    subscribe: true,\r\n    callback: async () => {\r\n      await this._search();\r\n    }\r\n  });\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Watch handlers\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Methods (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Events (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Functions (lifecycle)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * 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 load(): Promise<void> {\r\n    this._initQuickLinks();\r\n  }\r\n\r\n  /** Renders the component. */\r\n  override render(): JsxNode {\r\n    const token = this._configContextConsumer?.value?.userSession?.token;\r\n    return (\r\n      <div class='height-full'>\r\n        <calcite-tabs\r\n          class='height-full'\r\n          layout='center'\r\n          scale='l'\r\n        >\r\n          <calcite-tab-nav\r\n            slot='title-group'\r\n          >\r\n            <calcite-tab-title\r\n              oncalciteTabsActivate={() => this._resourceType = 'resources'}\r\n              selected\r\n            >\r\n              {this._translations.featuredArticles}\r\n            </calcite-tab-title>\r\n            <calcite-tab-title\r\n              oncalciteTabsActivate={() => this._resourceType = 'quick-links'}\r\n            >\r\n              {this._translations.solutionsQuickLinks}\r\n            </calcite-tab-title>\r\n          </calcite-tab-nav>\r\n          <calcite-tab\r\n            selected\r\n          >\r\n            <calcite-panel>\r\n              <div>\r\n                {this._getFeaturedResources()}\r\n              </div>\r\n            </calcite-panel>\r\n          </calcite-tab>\r\n          <calcite-tab>\r\n            <calcite-panel>\r\n              <div>\r\n                {this._getQuickLinks()}\r\n              </div>\r\n            </calcite-panel>\r\n          </calcite-tab>\r\n        </calcite-tabs>\r\n        {\r\n          this.showAssistant && token && (\r\n            <arcgis-solutions-assistant\r\n              token={token}\r\n            />\r\n          )}\r\n      </div>\r\n    );\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Functions (private)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** Init the quick link array with objects that store display value, icon, and url */\r\n  private _initQuickLinks(): void {\r\n    this._quickLinks = [{\r\n      icon: 'home',\r\n      label: this._translations.getStartedLink,\r\n      url: 'https://doc.arcgis.com/en/arcgis-solutions/latest/get-started/get-started.htm'\r\n    }, {\r\n      icon: 'mega-phone',\r\n      label: this._translations.whatsNewLink,\r\n      url: 'https://doc.arcgis.com/en/arcgis-solutions/latest/get-started/what-s-new-in-arcgis-solutions.htm'\r\n    }, {\r\n      icon: 'geonet-question',\r\n      label: this._translations.frequentlyAskQuestionsLink,\r\n      url: 'https://doc.arcgis.com/en/arcgis-solutions/latest/get-started/faqs.htm'\r\n    }, {\r\n      icon: 'information',\r\n      label: this._translations.helpDocumentationLink,\r\n      url: 'https://doc.arcgis.com/en/arcgis-solutions/latest/reference/reference-overview.htm'\r\n    }, {\r\n      icon: 'article',\r\n      label: this._translations.arcGisBlogLink,\r\n      url: 'https://www.esri.com/arcgis-blog/?s=#&products=arcgis-solutions'\r\n    }, {\r\n      icon: 'video',\r\n      label: this._translations.solutionsVideosLink,\r\n      url: 'https://mediaspace.esri.com/channel/ArcGIS%2BSolutions/251152603'\r\n    }, {\r\n      icon: 'speech-bubbles',\r\n      label: this._translations.esriCommunityLink,\r\n      url: 'https://community.esri.com/t5/arcgis-solutions/ct-p/arcgis-solutions'\r\n    }, {\r\n      icon: 'lightbulb',\r\n      label: this._translations.shareYourIdeasLink,\r\n      url: 'https://community.esri.com/t5/arcgis-solutions-ideas/idb-p/arcgis-solutions-ideas'\r\n    }, {\r\n      icon: 'headset',\r\n      label: this._translations.technicalSupportLink,\r\n      url: 'https://support.esri.com/en-us/contact'\r\n    }, {\r\n      icon: 'plus',\r\n      label: this._translations.moreResourcesLink,\r\n      url: 'https://www.esri.com/en-us/arcgis/products/arcgis-solutions/resources'\r\n    }];\r\n  }\r\n\r\n  /** Render the quick link list */\r\n  private _getQuickLinks(): JsxNode {\r\n    return this._quickLinks.length > 0 ? (\r\n      <calcite-list\r\n        label={this._translations.solutionsQuickLinks}\r\n        scale='l'\r\n      >\r\n        {\r\n          this._quickLinks.map(ql => {\r\n            return (\r\n              <calcite-list-item\r\n                iconStart={ql.icon}\r\n                label={ql.label}\r\n                onClick={() => window.open(ql.url, '_blank')}\r\n              />\r\n            );\r\n          })\r\n        }\r\n      </calcite-list>\r\n    ) : <></>;\r\n  }\r\n\r\n  /** Get the resource cards */\r\n  private _getFeaturedResources(): JsxNode {\r\n    // TODO these will come from eleswhere but just using blogs\r\n    // for now to test out the UI\r\n    const cardClass = this._isSearching ? 'display-none' : '';\r\n    return (\r\n      <calcite-card-group\r\n        label=''\r\n      >\r\n        {this._isSearching && (\r\n          <calcite-loader label='' />\r\n        )}\r\n        {\r\n          this._blogsResponse?.map((b: any) => {\r\n            return (\r\n              <solution-resource-card\r\n                class={`padding-start-2px padding-end-2px ${cardClass}`}\r\n                heading={b.heading}\r\n                href={b.href}\r\n                src={b.src}\r\n                type='resource'\r\n              />\r\n            );\r\n          })\r\n        }\r\n      </calcite-card-group>\r\n    );\r\n  }\r\n\r\n  /** Query for resources or blogs based on the users query*/\r\n  private async _search(): Promise<void> {\r\n    if (this._resourceType === 'resources' && this._configContextConsumer?.value) {\r\n      //const portalBaseUrl = this._configContextConsumer.value!.authentication?.PortalSubset?.orgUrl || 'https://www.arcgis.com';\r\n      //const url = `${portalBaseUrl}/apps/solutions/resources`;\r\n      // const options: IRequestOptions = {\r\n      //   authentication: this._configContextConsumer!.value!.userSession,\r\n      //   httpMethod: 'GET'\r\n      // };\r\n      this._isSearching = true;\r\n      // const response = await request(url, options);\r\n      // if (Array.isArray(response)) {\r\n      //   this._blogsResponse = response.map(r => {\r\n      //     console.log(r)\r\n      //     return {\r\n      //       date: r.text_date,\r\n      //       src: r.image,\r\n      //       href: r.link,\r\n      //       heading: r.title\r\n      //     }\r\n      //   });\r\n      // }\r\n      this._isSearching = false;\r\n    }\r\n  }\r\n}\r\n"],"names":[],"mappings":"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"}

package/dist/components/solutions-resources-shell/customElement.js

@@ -1,11 +1,11 @@
-import { c as i } from "../../chunks/runtime.js";
-import { css as s, html as t } from "lit";
-import { u as l } from "../../chunks/useT9n.js";
-import { LitElement as n, createEvent as a } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.57 */
-const c = s`/** @license
+v1.2.0-next.58 */
+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";
+const styles = css`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -19,25 +19,73 @@ const c = s`/** @license
  * 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-shell-panel{--calcite-shell-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)}`;
-class o extends n {
+ */
+
+.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-shell-panel {
+  --calcite-shell-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);
+}`;
+class SolutionsResourcesShell extends LitElement {
   constructor() {
-    super(), this._translations = l({ name: "solutions-resources-shell", blocking: !0 }), this.sortTypeChanged = a(), this.listenOn(window, "deployAppTabSelected", this._handleDeployAppTabSelected);
+    super();
+    this._translations = useT9n({ name: "solutions-resources-shell", blocking: true });
+    this.sortTypeChanged = createEvent();
+    this.listenOn(window, "deployAppTabSelected", this._handleDeployAppTabSelected);
   }
   static {
-    this.properties = { _translations: 16 };
+    this.properties = { _translations: [16, {}, { state: true }] };
   }
   static {
-    this.styles = c;
+    this.styles = styles;
   }
   render() {
-    return t`<calcite-shell class="position-relative"><calcite-shell-panel class="width-350 margin-end-md" slot=panel-start><solutions-resources class="height-full padding-end-1 padding-start-1"></solutions-resources></calcite-shell-panel><solutions-resource-panel class="height-full"></solutions-resource-panel></calcite-shell>`;
+    return html`<calcite-shell class="position-relative"><calcite-shell-panel class="width-350 margin-end-md" slot=panel-start><solutions-resources class="height-full padding-end-1 padding-start-1"></solutions-resources></calcite-shell-panel><solutions-resource-panel class="height-full"></solutions-resource-panel></calcite-shell>`;
   }
-  _handleDeployAppTabSelected(e) {
-    e.detail === "resources" && this.sortTypeChanged.emit("");
+  _handleDeployAppTabSelected(evt) {
+    const activeTab = evt.detail;
+    if (activeTab === "resources") {
+      this.sortTypeChanged.emit("");
+    }
   }
 }
-i("solutions-resources-shell", o);
+customElement("solutions-resources-shell", SolutionsResourcesShell);
 export {
-  o as SolutionsResourcesShell
+  SolutionsResourcesShell
 };
+//# sourceMappingURL=customElement.js.map

package/dist/components/solutions-resources-shell/customElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"customElement.js","sources":["../../../src/components/solutions-resources-shell/solutions-resources-shell.tsx"],"sourcesContent":["/**\r\n * @license\r\n * Copyright 2025 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 type T9nStrings from './assets/t9n/messages.en.json';\r\nimport { useT9n } from '../../controllers/useT9n';\r\nimport {\r\n  createEvent,\r\n  LitElement,\r\n  h,\r\n  state,\r\n} from '@arcgis/lumina';\r\nimport type {\r\n  JsxNode,\r\n} from '@arcgis/lumina';\r\nimport { styles } from './solutions-resources-shell.css';\r\nimport type { DeployAppTab } from '../../utils/interfaces';\r\n\r\ndeclare global {\r\n  interface DeclareElements {\r\n    'solutions-resources-shell': SolutionsResourcesShell;\r\n  }\r\n}\r\n\r\n// TODO this should be removed after initial dev cycle\r\n// https://devtopia.esri.com/WebGIS/solution-deployment-apps/issues/407\r\n\r\nexport class SolutionsResourcesShell extends LitElement {\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Overrides (internal)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  static override styles = styles;\r\n\r\n  constructor() {\r\n    super();\r\n    this.listenOn(window, 'deployAppTabSelected', this._handleDeployAppTabSelected);\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  State (internal)\r\n  //\r\n  //--------------------------------------------------------------------------\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 = useT9n<typeof T9nStrings>({ name: 'solutions-resources-shell', blocking: true });\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (private)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Watch handlers\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Methods (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Events (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** Emitted on demand when the sort type changes */\r\n  sortTypeChanged = createEvent<string>();\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Functions (lifecycle)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * 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 load(): Promise<void> {\r\n  // }\r\n\r\n  /** Called once just after the component is fully loaded and the first render() occurs. */\r\n  // loaded(): void {\r\n  // }\r\n\r\n  /** Renders the component. */\r\n  override render(): JsxNode {\r\n    return (\r\n      <calcite-shell class='position-relative'>\r\n        <calcite-shell-panel\r\n          class='width-350 margin-end-md'\r\n          slot='panel-start'\r\n        >\r\n          <solutions-resources\r\n            class='height-full padding-end-1 padding-start-1'\r\n          />\r\n        </calcite-shell-panel>\r\n        <solutions-resource-panel\r\n          class='height-full'\r\n        />\r\n      </calcite-shell>\r\n    );\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Functions (private)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** When the tab changes we need to emit the sort type so app url params can be updated */\r\n  private _handleDeployAppTabSelected(\r\n    evt: CustomEvent\r\n  ): void {\r\n    const activeTab: DeployAppTab = evt.detail;\r\n    if (activeTab === 'resources') {\r\n      this.sortTypeChanged.emit('');\r\n    }\r\n  }\r\n}\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCM,MAAO,gCAAgC,WAAU;AAAA,EAUrD,cAAA;AACE,UAAA;AAoBO,SAAA,gBAAgB,OAA0B,EAAE,MAAM,6BAA6B,UAAU,MAAM;AA2BxG,SAAA,kBAAkB,YAAA;AA9ChB,SAAK,SAAS,QAAQ,wBAAwB,KAAK,2BAA2B;AAAA,EAChF;AAAA;;;EALA,OAAA;AAAA,SAAgB,SAAS;AAAA,EAAA;AAAA,EAuEhB,SAAiB;AACxB;EAeF;AAAA,EASQ,4BACN,KACK;AACL,UAAM,YAA0B,IAAI;AACpC,QAAI,cAAc,aAAa;AAC7B,WAAK,gBAAgB,KAAK,EAAE;AAAA,IAC9B;AAAA,EACF;AACD;;"}