@esri/solutions-components 5.1.0-next.68 → 5.1.0-next.69

package/dist/cdn/7VJAXXKR.js

@@ -0,0 +1,189 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+import{a as b}from"./GSODQ7Y6.js";import{c as m}from"./5XV3PTD5.js";import{b as g}from"./PAJG7ACM.js";import{a as u}from"./GZ6CSUYX.js";import{b as h}from"./JGBE6W5D.js";import{G as p,K as l,h as d,i as n}from"./7MSBIQLE.js";var v=d`/**
+ * @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.
+ */
+
+.builder-content {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  overflow: auto;
+}
+
+.empty-state {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: var(--calcite-spacing-xxl);
+  text-align: center;
+  color: var(--calcite-color-text-3);
+}
+
+.empty-state calcite-icon {
+  margin-bottom: var(--calcite-spacing-md);
+  color: var(--calcite-color-text-3);
+}
+
+.empty-state p {
+  margin: 0;
+  font-size: var(--calcite-font-size--1);
+}
+
+/* Header container with notice and action bar */
+.header-container {
+  display: flex;
+  align-items: stretch;
+  gap: var(--calcite-spacing-lg);
+  padding-bottom: var(--calcite-spacing-lg);
+}
+
+.header-container calcite-notice {
+  flex: 1;
+  margin: 0;
+}
+
+/* Action bar styling */
+calcite-action-bar {
+  flex-shrink: 0;
+  background: var(--calcite-color-brand);
+  border-left: 1px solid var(--calcite-color-brand-dark);
+}
+
+/* Main content container */
+.content-container {
+  display: flex;
+  gap: var(--calcite-spacing-xl);
+  margin-bottom: var(--calcite-spacing-lg);
+}
+
+/* Solution item section (left side) */
+.solution-item-section {
+  flex: 1;
+  min-width: 0;
+  background: var(--calcite-color-foreground-1);
+  padding: var(--calcite-spacing-lg);
+}
+
+.solution-item-inputs {
+  display: flex;
+  flex-direction: column;
+  gap: var(--calcite-spacing-md);
+}
+
+.thumbnail-inputs-row {
+  display: flex;
+  gap: var(--calcite-spacing-md);
+  align-items: flex-start;
+}
+
+.thumbnail-container {
+  flex-shrink: 0;
+  width: 253px;
+  aspect-ratio: 200 / 133;
+  border: 1px solid var(--calcite-color-border-2);
+  border-radius: var(--calcite-border-radius);
+  overflow: hidden;
+  background: var(--calcite-color-foreground-2);
+}
+
+.thumbnail-container img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.stacked-inputs {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: var(--calcite-spacing-md);
+  min-width: 0;
+}
+
+.stacked-inputs calcite-label {
+  min-width: 0;
+}
+
+.stacked-inputs calcite-input-text,
+.stacked-inputs calcite-text-area {
+  width: 100%;
+  max-width: 100%;
+  min-width: 0;
+  box-sizing: border-box;
+}
+
+.stacked-inputs calcite-text-area {
+  max-height: 150px;
+}
+
+.tags-row {
+  width: 100%;
+  min-width: 0;
+}
+
+.tags-row calcite-combobox {
+  width: 100%;
+}
+
+/* Actions section (right side) */
+.actions-section {
+  flex-shrink: 0;
+  width: 200px;
+  background: var(--calcite-color-foreground-1);
+  padding: var(--calcite-spacing-lg);
+}
+
+.action-buttons {
+  display: flex;
+  flex-direction: column;
+  gap: var(--calcite-spacing-md);
+}
+
+/* Tabs section */
+.tabs-section {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+}
+
+.tabs-section calcite-tabs {
+  height: 100%;
+}
+
+.feature-layer-placeholder {
+  padding: var(--calcite-spacing-lg);
+  color: var(--calcite-color-text-3);
+}
+
+/* Item edit popover */
+.popover-content {
+  padding: var(--calcite-spacing-lg);
+  min-width: 300px;
+}
+
+.popover-field {
+  margin-top: var(--calcite-spacing-md);
+}
+
+.popover-actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: var(--calcite-spacing-sm);
+  margin-top: var(--calcite-spacing-lg);
+}
+`,r=class extends p{constructor(){super(),this.design=null,this._design=null,this._translations=u({name:"solution-builder-assistant",blocking:!0}),this._isDirty=!1,this._openPopoverId=null,this._editingItemTitle="",this._editingItemDescription="",this._designContextConsumer=g({context:m,subscribe:!0,callback:t=>{t?.design&&(this._design=t.design)}}),this._handleUndo=()=>{console.log("Undo clicked - to be implemented")},this._handleRedo=()=>{console.log("Redo clicked - to be implemented")},this._handleTitleChange=t=>{if(!this._design)return;let i={...this._design,solution:{...this._design.solution,title:t}};this._design=i,this._isDirty=!0},this._handleDescriptionChange=t=>{if(!this._design)return;let i={...this._design,solution:{...this._design.solution,description:t}};this._design=i,this._isDirty=!0},this._handleTagsChange=t=>{if(!this._design)return;let i=Array.from(t.target.selectedItems).map(e=>e.value);this._design={...this._design,solution:{...this._design.solution,tags:i}},this._isDirty=!0},this._handleItemPopoverOpen=t=>{this._openPopoverId=t.id,this._editingItemTitle=t.title||"",this._editingItemDescription=t.description||"",this.requestUpdate()},this._handleCloseItemPopover=()=>{this._openPopoverId=null,this._editingItemTitle="",this._editingItemDescription=""},this._handleClosePopover=async t=>{let i=this.renderRoot.querySelector(`#${t}`);i&&(i.open=!1,await i.updateComplete),this._handleCloseItemPopover()},this._handleApplyItemChanges=t=>{if(!this._design)return;let i=this._design.items.map(s=>s.id===t?{...s,title:this._editingItemTitle,description:this._editingItemDescription}:s),e={...this._design,items:i};this._design=e,this._isDirty=!0},this._handleDeploy=async()=>{this._design&&console.log("Deploy design:",this._design)},this._designContextConsumer}static{this.properties={design:[1,{type:Object},{}],_design:[16,{},{state:!0}],_translations:[16,{},{state:!0}],_isDirty:[16,{},{state:!0}],_openPopoverId:[16,{},{state:!0}],_editingItemTitle:[16,{},{state:!0}],_editingItemDescription:[16,{},{state:!0}]}}static{this.styles=v}willUpdate(t){t.has("design")&&(this._design=this.design)}render(){return this._translations?this._design?n`<calcite-panel><div class="header-container">${this._renderNoticeBar()}${this._renderActionBar()}</div><div class="builder-content">${this._renderMainContent()}${this._renderTabsSection()}</div></calcite-panel>`:this._renderEmptyState():n`<div>Loading...</div>`}_renderEmptyState(){return n`<calcite-panel><div class="empty-state"><calcite-icon icon=layer scale=l></calcite-icon><p>No solution design loaded</p></div></calcite-panel>`}_renderNoticeBar(){let t=this._translations;return n`<calcite-notice open kind=brand icon=pencil-square><div slot=title>${t.noticeTitle}</div><div slot=message>${t.noticeMessage}</div></calcite-notice>`}_renderActionBar(){let t=this._translations;return n`<calcite-action-bar layout=horizontal expand-disabled><calcite-action .text=${t.undo} text-enabled icon=undo disabled @click=${this._handleUndo}></calcite-action><calcite-action .text=${t.redo} text-enabled icon=redo disabled @click=${this._handleRedo}></calcite-action></calcite-action-bar>`}_renderMainContent(){return n`<div class="content-container"><div class="solution-item-section">${this._renderSolutionItemInputs()}</div><div class="actions-section">${this._renderActionButtons()}</div></div>`}_renderSolutionItemInputs(){let t=this._translations,i=this._design?.solution?.thumbnailUrl||"",e=this._design?.solution?.title||"",s=this._design?.solution?.description||"",o=this._design?.solution?.tags||[];return n`<div class="solution-item-inputs"><div class="thumbnail-inputs-row"><div class="thumbnail-container"><img src=${(i||'data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="200" height="133"%3E%3Crect fill="%23ddd" width="200" height="133"/%3E%3C/svg%3E')??l} alt=${t.solutionThumbnail??l}></div><div class="stacked-inputs"><calcite-label>${t.name}<calcite-input-text .placeholder=${t.namePlaceholder} .value=${e} @input=${a=>this._handleTitleChange(a.target.value)}></calcite-input-text></calcite-label><calcite-label>${t.description}<calcite-text-area .placeholder=${t.descriptionPlaceholder} .value=${s} resize=none @input=${a=>this._handleDescriptionChange(a.target.value)}></calcite-text-area></calcite-label></div></div><div class="tags-row"><calcite-label>${t.tags}${b(o.join(","),n`<calcite-combobox .label=${t.tags} .placeholder=${t.tagsPlaceholder} selection-mode=multiple allow-custom-values @calciteComboboxChange=${a=>this._handleTagsChange(a)}>${o.map(a=>n`<calcite-combobox-item .value=${a} .heading=${a} selected></calcite-combobox-item>`)}</calcite-combobox>`)}</calcite-label></div></div>`}_renderActionButtons(){let t=this._translations;return n`<div class="action-buttons"><calcite-button appearance=solid width=full icon-start=launch>${t.deploy}</calcite-button><calcite-button appearance=outline kind=neutral width=full icon-start=diagram>${t.viewDiagram}</calcite-button><calcite-button appearance=outline kind=neutral width=full icon-start=information>${t.openHelp}</calcite-button><calcite-button appearance=outline kind=danger width=full icon-start=trash>${t.discard}</calcite-button></div>`}_renderTabsSection(){let t=this._translations;return n`<div class="tabs-section"><calcite-tabs bordered layout=center><calcite-tab-nav slot=title-group><calcite-tab-title>${t.contents}</calcite-tab-title><calcite-tab-title icon-start=layers>${t.featureLayer}</calcite-tab-title></calcite-tab-nav><calcite-tab>${this._renderContentsTab()}</calcite-tab><calcite-tab>${this._renderFeatureLayerTab()}</calcite-tab></calcite-tabs></div>`}_renderContentsTab(){let t=this._translations,i=this._design?.items||[];return n`<div><calcite-list .label=${t.solutionContentItems}>${i.map(e=>{let s=`edit-action-${e.id}`;return n`<calcite-list-item .label=${e.title} .description=${e.description||""}><solution-item-icon slot=content-start .designType=${e.type}></solution-item-icon><calcite-action slot=actions-end id=${s??l} icon=edit-attributes .text=${t.edit} scale=s></calcite-action></calcite-list-item>`})}</calcite-list>${i.map(e=>{let s=`edit-action-${e.id}`,o=`edit-popover-${e.id}`,a=this._openPopoverId===e.id;return n`<calcite-popover id=${o??l} .label=${t.editItemContent} .referenceElement=${s} placement=auto @calcitePopoverBeforeOpen=${()=>this._handleItemPopoverOpen(e)} @calcitePopoverClose=${()=>this._handleCloseItemPopover()}><div class="popover-content"><calcite-label>${t.title}<calcite-input-text .value=${a?this._editingItemTitle:e.title} @input=${c=>{this._editingItemTitle=c.target.value}}></calcite-input-text></calcite-label><calcite-label class="popover-field">${t.description}<calcite-text-area .value=${a?this._editingItemDescription:e.description} resize=none rows=4 @input=${c=>{this._editingItemDescription=c.target.value}}></calcite-text-area></calcite-label><div class="popover-actions"><calcite-button appearance=solid @click=${c=>{c.stopPropagation(),this._handleApplyItemChanges(e.id)}}>${t.apply}</calcite-button><calcite-button appearance=outline @click=${async c=>{c.stopPropagation(),await this._handleClosePopover(o)}}>${t.close}</calcite-button></div></div></calcite-popover>`})}</div>`}_renderFeatureLayerTab(){return n`<div class="feature-layer-placeholder">\r\n        Feature Layer configuration will go here</div>`}};h("solution-builder-assistant",r);export{r as a};

package/dist/cdn/AKBA4TMK.js

@@ -0,0 +1,36 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+import"./QPIMTXPL.js";var n=`## fieldInspections\r
+Use this when the user wants a solution for inspecting an asset, resource, site, service, or condition, especially when the workflow involves recording inspection results, status, compliance, deficiencies, maintenance checks, or progress over time.\r
+\r
+Examples of signals:\r
+- inspections\r
+- field checks\r
+- condition assessments\r
+- compliance checks\r
+- safety inspections\r
+- routine inspections\r
+- asset inspections\r
+- service inspections\r
+\r
+## spatialDataManagement\r
+Use this when the user wants a solution for creating, maintaining, updating, organizing, or managing spatial records, assets, infrastructure, or other geographic data over time.\r
+\r
+Examples of signals:\r
+- inventory of assets or locations\r
+- manage spatial data\r
+- maintain records on a map\r
+- edit and update features\r
+- manage infrastructure or resources\r
+- track geographic assets\r
+\r
+## pointsOfInterest\r
+Use this when the user wants a solution primarily for collecting, sharing, browsing, or presenting notable places such as landmarks, businesses, facilities, attractions, or destinations.\r
+\r
+Examples of signals:\r
+- places of interest\r
+- landmarks\r
+- facilities finder\r
+- business locations\r
+- points to visit\r
+- public destinations\r
+- places to explore`;export{n as default};

package/dist/cdn/ALVH727Y.js

@@ -0,0 +1,145 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+import b from"./7OBIA524.js";import a from"./OAZ2D46F.js";import{b as g}from"./5XV3PTD5.js";import{b as f}from"./PAJG7ACM.js";import"./G3AKP6XU.js";import{a as u}from"./GZ6CSUYX.js";import"./7NDNEWIB.js";import"./46MUUBPE.js";import"./TEHBW75B.js";import"./KU62OLRE.js";import"./ZCU2WWVN.js";import"./WGO4EVOV.js";import"./3IHLJADI.js";import"./B3R52L7H.js";import"./BDXIKPLU.js";import"./G2ME4BAQ.js";import"./Z4F2NZOT.js";import"./KOIDWEP3.js";import"./3KXMYZCU.js";import"./LPBP7CBN.js";import"./3FMOO3PJ.js";import"./73AX72WY.js";import"./JUUVYK2H.js";import"./DKD2EGQP.js";import"./4HFHJOS3.js";import"./45M33Q5G.js";import"./FES7B3SJ.js";import{b as m}from"./JGBE6W5D.js";import{G as h,I as p,K as r,h as n,i as t,q as d}from"./7MSBIQLE.js";import"./QPIMTXPL.js";export default $arcgis.t(([{K:x,q:b},{f:y}])=>{var $=n`/** @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.
+ */
+
+calcite-card {
+  height: 100%;
+  padding-bottom: 2px;
+  border: 2px solid transparent;
+  transition: border-color .1s ease;
+  box-sizing: border-box;
+}
+
+/* @media (max-width: 600px) {
+  calcite-card {
+    width: calc(100% / 2 - .5rem);
+  }
+} */
+
+@media (max-width: 400px) {
+  calcite-card {
+    width: 100%;
+  }
+}
+
+calcite-card:hover img {
+  /* TODO check in dark mode */
+  -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 .hover-text {
+  opacity: 1;
+  color: #ffffff;
+}
+
+calcite-card:hover {
+  border-color: var(--calcite-color-brand);
+  cursor: pointer;
+}
+
+.chip-status {
+  --calcite-chip-icon-color: var(--calcite-color-brand);
+  cursor: pointer;
+}
+
+.chip-deployed {
+  --calcite-chip-icon-color: var(--calcite-color-status-success);
+}
+
+.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: 1.2rem;
+}
+
+.font-color-text-2 {
+  --calcite-label-text-color: var(--calcite-color-text-2);
+}
+
+.font-line-height {
+  line-height: 1.4;
+}
+
+.font-size-size--1 {
+  font-size: var(--calcite-font-size--1);
+}
+
+.header-line-height {
+  --calcite-label-margin-bottom: 0;
+  margin-top: 0.5rem;
+  margin-bottom: 0.7rem;
+}
+
+.info-icon {
+  /* TODO check in dark mode...likely just want to set this to #FFFFFF */
+  --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;
+}
+
+a {
+  text-decoration: none;
+  color: inherit;
+  outline: 0;
+  padding: 0;
+  margin: 0;
+  display: inherit;
+  height: 100%;
+}`,l=class extends h{constructor(){super(...arguments),this.referrerSolutionId="",this.referrerSolutionTitle="",this.referrerSolutionVersion="",this.source="all-solutions",this._translations=u({name:"solution-details-card",blocking:!0}),this._configContextConsumer=f({context:g,subscribe:!0}),this.detailsCardSelected=d()}static{this.properties={card:[0,{},{attribute:!1}],referrerSolutionId:1,referrerSolutionTitle:1,referrerSolutionVersion:1,source:1,_translations:[16,{},{state:!0}]}}static{this.styles=$}get _telemetry(){return this._configContextConsumer.value?.telemetrySession}render(){let e=y(this.card.title);return t`<a href=${e??r} @click=${this._anchorClick} tabindex=-1 .title=${`${this._translations.arcgisSolutions} | ${this.card.title}`}>${this._renderCard()}</a>`}_anchorClick(e){e.preventDefault()}_cardSelected(){if(this.source==="you-may-also-like"){let i=[this.referrerSolutionTitle,this.referrerSolutionId,this.referrerSolutionVersion,this.card?.title||"",this.card?.deployCommonId||"",this.card?.deployVersion||""];this._telemetry?.logEvent({category:b.SOLUTION_DETAILS,action:"Related Solution",dimensions:i})}this.detailsCardSelected.emit(this.card)}_renderChips(e){let i=e.includes("deployed"),v=e.filter(o=>o!=="deployed"),s=[];return v.forEach(o=>{let w="chip-status",c=`solution-details-card-chip-${o}`,S=o==="new"?"star":"mega-phone",a=o==="new"?this._translations.newSolution:this._translations.updated;s.push(t`<calcite-chip class=${p(w)} .icon=${S} id=${c??r} .label=${a} .value=${a} scale=s></calcite-chip><calcite-tooltip .referenceElement=${c}><span>${a}</span></calcite-tooltip>`)}),i&&s.push(t`<calcite-chip class="chip-deployed" icon=check-circle id=solution-details-card-chip-deployed .label=${this._translations.deployed} .value=${this._translations.deployed} scale=s></calcite-chip><calcite-tooltip reference-element=solution-details-card-chip-deployed><span>${this._translations.deployed}</span></calcite-tooltip>`),s}_renderCard(){let e=this.card;return t`<calcite-card .label=${e.snippet} @click=${this._cardSelected} @keydown=${i=>x(i,()=>this._cardSelected())}><div class="card-image-wrap" slot=thumbnail><img alt=${e.title??r} class="thumbnail card-image" src=${e.thumbnailUrl??r}><div class="hover-text">${this._translations.viewDetails}</div></div><calcite-label slot=heading class="header-line-height" scale=l>${e.title}</calcite-label><p slot=description class="font-color-text-2 font-line-height font-size-size--1">${e.snippet}</p>${e.chips&&e.chips.length>0?t`<div slot=footer-end style="display: flex; gap: 0.5rem; justify-content: flex-end;">${this._renderChips(e.chips)}</div>`:void 0}<div slot=footer-start></div></calcite-card>`}};m("solution-details-card",l);return l},a,b)

package/dist/cdn/BDKWDKBM.js

@@ -0,0 +1,7 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+import"./QPIMTXPL.js";var e=`You are an assistant reviewing a user-provided solution use case for appropriateness and safety.\r
+\r
+Input:\r
+- useCase: {USECASE}\r
+\r
+Determine whether the use case is appropriate (respectful, non-harmful, and suitable for ArcGIS solution design) and return a JSON object with an 'isAppropriate' boolean field. Do not return any extra text.`;export{e as default};