@esri/solutions-components 1.2.0-next.92 → 1.2.0-next.93

package/dist/components/solution-item-icon/customElement.js

@@ -1,11 +1,11 @@
+import { c as t } from "../../chunks/runtime.js";
+import { css as i, html as s } from "lit";
+import { LitElement as n, nothing as e } from "@arcgis/lumina";
+import { g as o } from "../../chunks/getItemIcon.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.91 */
-import { c as customElement } from "../../chunks/runtime.js";
-import { css, html } from "lit";
-import { LitElement, nothing } from "@arcgis/lumina";
-import { g as getIconUrl } from "../../chunks/getItemIcon.js";
-const styles = css`/** @license
+v1.2.0-next.92 */
+const r = i`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -19,38 +19,22 @@ const styles = css`/** @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.
- */
-.item-type-icon {
-  @apply block
-    h-4
-    pointer-events-none;
-  margin-top: 0.15em !important;
-  min-width: 16px;
-  fill: currentColor;
-  transform: rotate(360deg);
-}
-
-.item-type-icon-margin {
-  @apply m-inline-end-1.5;
-}`;
-class SolutionItemIcon extends LitElement {
+ */.item-type-icon{@apply block h-4 pointer-events-none;margin-top:.15em!important;min-width:16px;fill:currentColor;transform:rotate(360deg)}.item-type-icon-margin{@apply m-inline-end-1.5;}`;
+class p extends n {
   constructor() {
-    super(...arguments);
-    this.isPortal = false;
-    this.type = "";
-    this.typeKeywords = [];
+    super(...arguments), this.isPortal = !1, this.type = "", this.typeKeywords = [];
   }
   static {
-    this.properties = { isPortal: [5, {}, { type: Boolean }], type: 1, typeKeywords: [0, {}, { attribute: false }] };
+    this.properties = { isPortal: 5, type: 1, typeKeywords: 0 };
   }
   static {
-    this.styles = styles;
+    this.styles = r;
   }
   render() {
-    return html`<div title=${this.type ?? nothing}><img class="item-type-icon item-type-icon-margin" height=16 role=presentation src=${getIconUrl(this.type, this.typeKeywords) ?? nothing} width=16></div>`;
+    return s`<div title=${this.type ?? e}><img class="item-type-icon item-type-icon-margin" height=16 role=presentation src=${o(this.type, this.typeKeywords) ?? e} width=16></div>`;
   }
 }
-customElement("solution-item-icon", SolutionItemIcon);
+t("solution-item-icon", p);
 export {
-  SolutionItemIcon
+  p as SolutionItemIcon
 };

package/dist/components/solution-resource-card/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 a } from "../../chunks/useT9n.js";
+import { LitElement as r, createEvent as o, nothing as e } 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.91 */
-import { c as customElement } from "../../chunks/runtime.js";
-import { css, html } from "lit";
-import { u as useT9n } from "../../chunks/useT9n.js";
-import { LitElement, createEvent, nothing } from "@arcgis/lumina";
-const styles = css`/** @license
+v1.2.0-next.92 */
+const n = s`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -19,118 +19,31 @@ const styles = css`/** @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-1-2 {
-  padding: .5rem;
-  ;
-}
-
-.padding-bottom-1 {
-  padding-bottom: 1rem;
-}
-
-calcite-card:hover img {
-  -webkit-filter: brightness(50%);
-  filter: brightness(50%);
-  -webkit-transition: all 1s ease;
-  -moz-transition: all 1s ease;
-  -o-transition: all 1s ease;
-  -ms-transition: all 1s ease;
-  transition: all 1s ease;
-}
-
-calcite-card:hover .hover-text {
-  opacity: 1;
-  color: #ffffff;
-}
-
-calcite-card:hover {
-  outline: 2px solid var(--calcite-color-brand);
-  box-sizing: border-box;
-  cursor: pointer;
-}
-
-.hover-text {
-  transition: .5s ease;
-  opacity: 0;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  -ms-transform: translate(-50%, -50%);
-  text-align: center;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  height: 100%;
-}
-
-.info-icon {
-  --calcite-icon-color: var(--calcite-color-text-inverse);
-  padding-inline-end: .3rem;
-}
-
-.card-image-wrap {
-  flex: 0 0 auto;
-}
-
-.card-image-wrap {
-  width: 100%;
-  position: relative;
-  margin-bottom: 0;
-  -webkit-box-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-}
-
-.card-image {
-  width: 100%;
-  display: block;
-}
-
-video,
-img {
-  max-width: 100%;
-  height: auto;
-}
-
-img {
-  overflow-clip-margin: content-box;
-  overflow: clip;
-}
-`;
-class SolutionResourceCard extends LitElement {
+ */.padding-1-2{padding:.5rem}.padding-bottom-1{padding-bottom:1rem}calcite-card:hover img{-webkit-filter:brightness(50%);filter:brightness(50%);-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease}calcite-card:hover .hover-text{opacity:1;color:#fff}calcite-card:hover{outline:2px solid var(--calcite-color-brand);box-sizing:border-box;cursor:pointer}.hover-text{transition:.5s ease;opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:row;align-items:center;height:100%}.info-icon{--calcite-icon-color: var(--calcite-color-text-inverse);padding-inline-end:.3rem}.card-image-wrap{flex:0 0 auto}.card-image-wrap{width:100%;position:relative;margin-bottom:0;-webkit-box-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.card-image{width:100%;display:block}video,img{max-width:100%;height:auto}img{overflow-clip-margin:content-box;overflow:clip}`;
+class c extends r {
   constructor() {
-    super(...arguments);
-    this._translations = useT9n({ name: "solution-resource-card", blocking: true });
-    this.date = "";
-    this.heading = "";
-    this.href = "";
-    this.src = "";
-    this.type = "resource";
-    this.resourceCardSelected = createEvent();
+    super(...arguments), this._translations = a({ name: "solution-resource-card", blocking: !0 }), this.date = "", this.heading = "", this.href = "", this.src = "", this.type = "resource", this.resourceCardSelected = o();
   }
   static {
-    this.properties = { _translations: [16, {}, { state: true }], date: 1, heading: 1, href: 1, src: 1, type: 1 };
+    this.properties = { _translations: 16, date: 1, heading: 1, href: 1, src: 1, type: 1 };
   }
   static {
-    this.styles = styles;
+    this.styles = n;
   }
   render() {
     return this.type === "resource" ? this._getArcticleCard() : this._getBlogCard();
   }
   _getArcticleCard() {
-    return html`<calcite-card @click=${this._cardSelected}><div class="card-image-wrap" slot=thumbnail><img alt=${this.heading ?? nothing} class="thumbnail card-image" src=${this.src ?? nothing}><div class="hover-text">${this._translations.viewResource}</div></div><span class="padding-1-2" slot=heading>${this.heading}</span></calcite-card>`;
+    return t`<calcite-card @click=${this._cardSelected}><div class="card-image-wrap" slot=thumbnail><img alt=${this.heading ?? e} class="thumbnail card-image" src=${this.src ?? e}><div class="hover-text">${this._translations.viewResource}</div></div><span class="padding-1-2" slot=heading>${this.heading}</span></calcite-card>`;
   }
   _getBlogCard() {
-    return html`<calcite-card><div class="card-image-wrap" slot=thumbnail><img alt=${this.heading ?? nothing} class="thumbnail card-image" src=${this.src ?? nothing}><div class="hover-text">${this._translations.viewBlog}</div></div><span class="padding-bottom-1" slot=heading>${this.heading}</span><span slot=description>${this.date}</span><div slot=footer-start><calcite-link .href=${this.href} icon-end=launch-2>${this._translations.readThisBlog}</calcite-link></div></calcite-card>`;
+    return t`<calcite-card><div class="card-image-wrap" slot=thumbnail><img alt=${this.heading ?? e} class="thumbnail card-image" src=${this.src ?? e}><div class="hover-text">${this._translations.viewBlog}</div></div><span class="padding-bottom-1" slot=heading>${this.heading}</span><span slot=description>${this.date}</span><div slot=footer-start><calcite-link .href=${this.href} icon-end=launch-2>${this._translations.readThisBlog}</calcite-link></div></calcite-card>`;
   }
   _cardSelected() {
     this.resourceCardSelected.emit(this.href);
   }
 }
-customElement("solution-resource-card", SolutionResourceCard);
+i("solution-resource-card", c);
 export {
-  SolutionResourceCard
+  c as SolutionResourceCard
 };

package/dist/components/solution-snapshot-gallery/customElement.js

@@ -1,19 +1,19 @@
-/*! 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.91 */
-import { c as customElement } from "../../chunks/runtime.js";
-import { u as useT9n } from "../../chunks/useT9n.js";
-import { LitElement, nothing } from "@arcgis/lumina";
-import { useContextConsumer } from "@arcgis/lumina/context";
-import { g as getItemResourceUrl } from "../../chunks/common.js";
-import { c as configContext } from "../../chunks/deployAppContexts.js";
-import { css, html } from "lit";
+import { c as r } from "../../chunks/runtime.js";
+import { u as n } from "../../chunks/useT9n.js";
+import { LitElement as c, nothing as o } from "@arcgis/lumina";
+import { useContextConsumer as l } from "@arcgis/lumina/context";
+import { g as a } from "../../chunks/common.js";
+import { c as d } from "../../chunks/deployAppContexts.js";
+import { css as h, html as i } from "lit";
 import "@esri/solution-common";
 import "@arcgis/core/identity/IdentityManager.js";
 import "@arcgis/core/identity/OAuthInfo.js";
 import "@arcgis/core/portal/Portal.js";
-import { createRef, ref } from "lit-html/directives/ref.js";
-const styles = css`/** @license
+import { createRef as p, ref as g } from "lit-html/directives/ref.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.92 */
+const m = h`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -27,200 +27,59 @@ const styles = css`/** @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.
- */
-
-.display-flex {
-  display: flex;
-}
-
-.align-items-center {
-  align-items: center;
-}
-
-.justify-content-center {
-  justify-content: center;
-}
-
-.footer {
-  width: 100%;
-}
-
-.footer-override {
-  --calcite-dialog-footer-space: 0px;
-}
-
-.footer-card {
-  width: 200px;
-  height: 100px;
-  cursor: pointer;
-  padding-bottom: 2px;
-}
-
-.padding-1 {
-  padding: 1rem;
-}
-
-.padding-bottom-1 {
-  padding-bottom: 1rem;
-}
-
-.padding-end-1 {
-  padding-inline-end: 1rem;
-}
-
-.padding-start-1 {
-  padding-inline-start: 1rem;
-}
-
-.padding-top-1 {
-  padding-top: 1rem;
-}
-
-.padding-top-1-2 {
-  padding-top: .5rem;
-}
-
-.background-black {
-  background-color: var(--calcite-color-foreground-3);
-}
-
-calcite-card:hover img {
-  -webkit-filter: brightness(30%);
-  filter: brightness(30%);
-  -webkit-transition: all .1s ease;
-  -moz-transition: all .1s ease;
-  -o-transition: all .1s ease;
-  -ms-transition: all .1s ease;
-  transition: all .1s ease;
-}
-
-calcite-card:hover {
-  outline: 2px solid var(--calcite-color-brand);
-  box-sizing: border-box;
-  cursor: pointer;
-}
-
-.calcite-card-selected {
-  /* border: 2px solid var(--calcite-card-accent-color-selected, var(--calcite-color-brand)); */
-    outline: 2px solid var(--calcite-color-brand);
-  box-sizing: border-box;
-  cursor: pointer;
-}
-
-calcite-card:hover .hover-text {
-  opacity: 1;
-  color: #ffffff;
-}
-
-.hover-text {
-  transition: .1s ease;
-  opacity: 0;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  -ms-transform: translate(-50%, -50%);
-  text-align: center;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  height: 100%;
-  font-size: var(--calcite-spacing-lg);
-}
-
-.card-image-wrap {
-  width: 100%;
-  position: relative;
-  margin-bottom: 0;
-  -webkit-box-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-}
-
-.card-image {
-  width: 100%;
-  display: block;
-}
-
-video,
-img {
-  max-width: 100%;
-  height: auto;
-}
-
-img {
-  overflow-clip-margin: content-box;
-  overflow: clip;
-  display: block;
-}`;
-class SolutionSnapshotGallery extends LitElement {
+ */.display-flex{display:flex}.align-items-center{align-items:center}.justify-content-center{justify-content:center}.footer{width:100%}.footer-override{--calcite-dialog-footer-space: 0px}.footer-card{width:200px;height:100px;cursor:pointer;padding-bottom:2px}.padding-1{padding:1rem}.padding-bottom-1{padding-bottom:1rem}.padding-end-1{padding-inline-end:1rem}.padding-start-1{padding-inline-start:1rem}.padding-top-1{padding-top:1rem}.padding-top-1-2{padding-top:.5rem}.background-black{background-color:var(--calcite-color-foreground-3)}calcite-card:hover img{-webkit-filter:brightness(30%);filter:brightness(30%);-webkit-transition:all .1s ease;-moz-transition:all .1s ease;-o-transition:all .1s ease;-ms-transition:all .1s ease;transition:all .1s ease}calcite-card:hover{outline:2px solid var(--calcite-color-brand);box-sizing:border-box;cursor:pointer}.calcite-card-selected{outline:2px solid var(--calcite-color-brand);box-sizing:border-box;cursor:pointer}calcite-card:hover .hover-text{opacity:1;color:#fff}.hover-text{transition:.1s ease;opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:row;align-items:center;height:100%;font-size:var(--calcite-spacing-lg)}.card-image-wrap{width:100%;position:relative;margin-bottom:0;-webkit-box-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.card-image{width:100%;display:block}video,img{max-width:100%;height:auto}img{overflow-clip-margin:content-box;overflow:clip;display:block}`;
+class u extends c {
   constructor() {
-    super(...arguments);
-    this.open = false;
-    this._screenshots = [];
-    this._translations = useT9n({ name: "solution-snapshot-gallery", blocking: true });
-    this._configContextConsumer = useContextConsumer({
-      context: configContext,
-      subscribe: true
-    });
-    this._displayText = "";
-    this._paginationControl = createRef();
-    this._screenshotNames = [];
+    super(...arguments), this.open = !1, this._screenshots = [], this._translations = n({ name: "solution-snapshot-gallery", blocking: !0 }), this._configContextConsumer = l({
+      context: d,
+      subscribe: !0
+    }), this._displayText = "", this._paginationControl = p(), this._screenshotNames = [];
   }
   static {
-    this.properties = { card: [0, {}, { attribute: false }], screenshot: [0, {}, { attribute: false }], itemProperties: [0, {}, { attribute: false }], open: [5, {}, { type: Boolean }], _screenshots: [16, {}, { state: true }], _translations: [16, {}, { state: true }] };
+    this.properties = { card: 0, screenshot: 0, itemProperties: 0, open: 5, _screenshots: 16, _translations: 16 };
   }
   static {
-    this.styles = styles;
+    this.styles = m;
   }
-  willUpdate(changes) {
-    if (changes.has("screenshot") && this.screenshot) {
-      this._displayText = this.screenshot.alt;
-    }
-    if (changes.has("itemProperties") && this.itemProperties) {
-      this._screenshots = this.itemProperties.preview.filter((ss) => ss.format === "image");
-      this._screenshotNames = this._screenshots.map((s) => s.name);
-    }
+  willUpdate(e) {
+    e.has("screenshot") && this.screenshot && (this._displayText = this.screenshot.alt), e.has("itemProperties") && this.itemProperties && (this._screenshots = this.itemProperties.preview.filter((t) => t.format === "image"), this._screenshotNames = this._screenshots.map((t) => t.name));
   }
   render() {
-    return html`<calcite-dialog class="footer-override" .heading=${this.card?.title} modal @calciteDialogClose=${() => this.open = false} .open=${this.open} outside-close-disabled width=l>${this._getScreenshotView()}${this._getFooter()}</calcite-dialog>`;
+    return i`<calcite-dialog class="footer-override" .heading=${this.card?.title} modal @calciteDialogClose=${() => this.open = !1} .open=${this.open} outside-close-disabled width=l>${this._getScreenshotView()}${this._getFooter()}</calcite-dialog>`;
   }
   _getScreenshotView() {
-    return this.screenshot ? html`<div class="display-flex justify-content-center">${this._getImage(this.screenshot)}</div>` : "";
+    return this.screenshot ? i`<div class="display-flex justify-content-center">${this._getImage(this.screenshot)}</div>` : "";
   }
   _getFooter() {
-    const index = this._screenshotNames.indexOf(this.screenshot?.name || "");
-    const isDarkMode = document.body.classList.contains("calcite-mode-dark");
-    const themeCss = isDarkMode ? "calcite-mode-dark" : "";
-    return html`<div class="footer" slot=footer><div class=${`display-flex align-items-center padding-start-1 padding-top-1-2 background-black ${themeCss}`}><calcite-label layout=inline><calcite-pagination class="padding-end-1" @calcitePaginationChange=${this._changeScreenshot} page-size=1 start-item=${index + 1} total-items=${this._screenshots.length ?? nothing} ${ref(this._paginationControl)}></calcite-pagination>${this._displayText}</calcite-label></div>${this._getCards()}</div>`;
+    const e = this._screenshotNames.indexOf(this.screenshot?.name || ""), s = document.body.classList.contains("calcite-mode-dark") ? "calcite-mode-dark" : "";
+    return i`<div class="footer" slot=footer><div class=${`display-flex align-items-center padding-start-1 padding-top-1-2 background-black ${s}`}><calcite-label layout=inline><calcite-pagination class="padding-end-1" @calcitePaginationChange=${this._changeScreenshot} page-size=1 start-item=${e + 1} total-items=${this._screenshots.length ?? o} ${g(this._paginationControl)}></calcite-pagination>${this._displayText}</calcite-label></div>${this._getCards()}</div>`;
   }
   _changeScreenshot() {
     this.screenshot = this._screenshots[this._paginationControl.value.startItem - 1];
   }
   _getCards() {
-    return html`<calcite-card-group class="card-group padding-1" .label=${this._translations.seeSolutionScreenshots} selection-mode=single>${this._screenshots.map((ss) => {
-      const selected = ss.name === this.screenshot?.name;
-      const selectedStyle = selected ? "calcite-card-selected" : "";
-      return html`<calcite-card class=${`footer-card ${selectedStyle}`} .label=${ss.alt} @click=${() => this._showScreenshot(ss)} .selected=${selected}><div class="card-image-wrap" slot=thumbnail>${this._getImage(ss, "thumbnail")}<div class="hover-text">${this._translations.viewScreenshot}</div></div></calcite-card>`;
+    return i`<calcite-card-group class="card-group padding-1" .label=${this._translations.seeSolutionScreenshots} selection-mode=single>${this._screenshots.map((e) => {
+      const t = e.name === this.screenshot?.name;
+      return i`<calcite-card class=${`footer-card ${t ? "calcite-card-selected" : ""}`} .label=${e.alt} @click=${() => this._showScreenshot(e)} .selected=${t}><div class="card-image-wrap" slot=thumbnail>${this._getImage(e, "thumbnail")}<div class="hover-text">${this._translations.viewScreenshot}</div></div></calcite-card>`;
     })}</calcite-card-group>`;
   }
-  _getImage(screenshot, slot) {
-    return html`<img alt=${screenshot.alt ?? nothing} slot=${slot ?? nothing} src=${this._getSource(this._configContextConsumer.value.authentication, this.card?.id || "", screenshot.name) ?? nothing}>`;
+  _getImage(e, t) {
+    return i`<img alt=${e.alt ?? o} slot=${t ?? o} src=${this._getSource(this._configContextConsumer.value.authentication, this.card?.id || "", e.name) ?? o}>`;
   }
-  _showScreenshot(itemPreview) {
-    this.screenshot = itemPreview;
+  _showScreenshot(e) {
+    this.screenshot = e;
   }
-  _getSource(auth, id, name) {
-    return this._configContextConsumer.value.agoBasedEnterpriseSolutionsGroupId ? getItemResourceUrl(
-      id || "",
-      name,
+  _getSource(e, t, s) {
+    return this._configContextConsumer.value.agoBasedEnterpriseSolutionsGroupId ? a(
+      t || "",
+      s,
       void 0,
       this._configContextConsumer.value.agolPortalUrl
       // this should not be hardcoded like this...would need to do the same logic for dev and qa
-    ) : auth ? getItemResourceUrl(id || "", name, auth) : "";
+    ) : e ? a(t || "", s, e) : "";
   }
 }
-customElement("solution-snapshot-gallery", SolutionSnapshotGallery);
+r("solution-snapshot-gallery", u);
 export {
-  SolutionSnapshotGallery
+  u as SolutionSnapshotGallery
 };