@esri/solutions-components 1.1.0-next.20250911.2 → 1.1.0-next.20250912

package/dist/cdn/ZJ7VEBUB.js

@@ -1,18 +0,0 @@
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20250911.2 */
-import{b as y}from"./KQXXZPWB.js";import{b}from"./U5FOT3KO.js";import{a as g}from"./W57M64Z5.js";import{a as f}from"./5YLPXC3Y.js";import"./C5X2ZRMN.js";import"./HWRTCJII.js";import{b as u}from"./LZXSNZEG.js";import{C as n,D as c,E as d,G as p,H as l,I as h,h as r,i,o as s}from"./QQGMGBKF.js";import"./SHYRK7HE.js";var _=r`/** @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.
- */.display-flex{display:flex}.border-override{border-top-width:var(--calcite-border-width-none);border-bottom-width:var(--calcite-border-width-none)}.header-override{--calcite-panel-header-content-space: 0px;--calcite-panel-header-background-color: var(--calcite-color-foreground-2);--calcite-panel-border-color: none}.label-override{--calcite-label-margin-bottom: 0px;padding-inline-start:1rem}.header-button-padding{padding-top:.5rem;padding-bottom:.5rem;padding-inline-start:1rem;padding-inline-end:1rem}.padding-start{padding-inline-start:1rem}.align-items-center{align-items:center}.justify-content-end{justify-content:end}.filter-width-350{--calcite-shell-panel-width: 350px}.z-index-1{z-index:1}.z-index-2{z-index:2}h1{font-weight:unset;margin:0;padding:0}@media (max-width: 800px){.filter{display:none}.filter-button{display:block;position:absolute;top:.5rem;left:.5rem;z-index:999}}@media (min-width: 800px){.filter-button{display:none}}.mock-fab{--calcite-fab-shadow-internal: 0 6px 20px -4px rgba(0, 0, 0, .1), 0 4px 12px -2px rgba(0, 0, 0, .08);box-shadow:var(--calcite-fab-shadow, var(--calcite-fab-shadow-internal));--calcite-button-background-color: var(--calcite-fab-background-color);--calcite-button-border-color: var(--calcite-fab-border-color);--calcite-button-text-color: var(--calcite-fab-text-color);--calcite-button-loader-color: var(--calcite-fab-loader-color)}.background-override{--calcite-shell-panel-background-color: var(--calcite-color-foreground-3);--calcite-panel-background-color: var(--calcite-color-foreground-3)}.position-relative{position:relative}.height-100{height:100%}`,a=class extends d{constructor(){super(),this.solutionsCount=0,this.sortType="relevance",this.filterOpen=!0,this._filters=[],this.isMobile=!1,this._translations=f({name:"solutions-all-shell",blocking:!0}),this._allSolutionsPanelRef=n(),this._isMobileContextConsumer=b({context:y,subscribe:!0,callback:e=>this.isMobile=e}),this.filterRemoved=s(),this.solutionsAllLoaded=s()}static{this.properties={appConfig:1,solutionsCount:9,sortType:1,filterOpen:16,_filters:16,isMobile:16,_translations:16}}static{this.styles=_}willUpdate(e){e.has("isMobile")&&(this.filterOpen=!this.isMobile)}async load(){this._isMobileContextConsumer.value&&(this.isMobile=this._isMobileContextConsumer.value)}loaded(){this.solutionsAllLoaded.emit()}render(){let e=this.filterOpen?"chevron-left":"chevron-right",t=this.isMobile?"justify-content-end":"";return i`<calcite-shell class="position-relative">${this.isMobile?"":this._getFilterPanel()}<calcite-button appearance=outline-fill class="filter-button mock-fab z-index-2" icon-start=${e} kind=neutral @click=${this._toggleFilter} scale=m></calcite-button><h1><calcite-panel class="border-override header-override z-index-1"><div class=${`display-flex align-items-center ${t}`} slot=header-content><calcite-label class="label-override">${this._translations.numberOfSolutions.replace("{{count}}",this.solutionsCount.toString())}</calcite-label>${this._renderChips()}</div><div slot=header-actions-end>${this._renderDropdown()}</div>${this.isMobile&&this._getFilterPanel()||""}${this._getSolutionsAllPanel()}</calcite-panel></h1></calcite-shell>`}_getFilterPanel(){let e=this.filterOpen?{display:"flex"}:"";return this.isMobile?i`<calcite-panel class=${p(this.filterOpen?"background-override":"filter background-override")} id=solutions-all-shell-panel-start style=${l(e)}><solutions-filter-panel class="height-100" @applyFilter=${this._filterApplied}></solutions-filter-panel></calcite-panel>`:i`<calcite-shell-panel class="filter background-override filter-width-350" id=solutions-all-shell-panel-start position=start slot=panel-start style=${l(e)}><calcite-panel><solutions-filter-panel class="height-100" @applyFilter=${this._filterApplied}></solutions-filter-panel></calcite-panel></calcite-shell-panel>`}_getSolutionsAllPanel(){let e=this.isMobile&&this.filterOpen?{display:"none"}:"";return i`<solutions-all-panel .agoSolutionsGroupId=${this.appConfig.primarySolutionsGroupId} .enterpriseSolutionsGroupId=${this.appConfig.agoBasedEnterpriseSolutionsGroupId} .locale=${this.appConfig.locale||"en"} .orgUrl=${this.appConfig.portalURL} @cardsFetched=${this._updateSolutionCount} .portalUrl=${this.appConfig.portalURL} .sortType=${this.sortType} style=${l(e)} ${c(this._allSolutionsPanelRef)}></solutions-all-panel>`}_renderChips(){let e=this._filters.filter(t=>t.type==="industry"||t.type==="domain");return e.length>0?g(e,t=>`${t.type}:${t.value}`,t=>i`<calcite-chip appearance=outline-fill class="padding-start" closable kind=neutral .label=${t.displayValue} @calciteChipClose=${()=>this._chipClosed(t.displayValue,t.type)} .value=${t.displayValue}>${t.displayValue}</calcite-chip>`):void 0}_renderDropdown(){let e=[{displayValue:this._translations.sortByRelevance,sortType:"relevance"},{displayValue:this._translations.sortByTitle,sortType:"title"},{displayValue:this._translations.sortByNew,sortType:"new"},{displayValue:this._translations.sortByUpdated,sortType:"updated"},{displayValue:this._translations.sortBySuggestedForYou,sortType:"suggested"}];return i`<calcite-dropdown width=m><calcite-button appearance=outline-fill class="header-button-padding" icon-start=sort-descending kind=neutral slot=trigger>${this.isMobile?"":this._getString(this.sortType)}</calcite-button><calcite-dropdown-group group-title=${this._translations.chooseSortType??h}>${e.map(t=>this._getDropdownItem(t.displayValue,t.sortType))}</calcite-dropdown-group></calcite-dropdown>`}_getDropdownItem(e,t){return this.sortType!==t?i`<calcite-dropdown-item @click=${()=>this._sortChanged(t)}>${e}</calcite-dropdown-item>`:i`<calcite-dropdown-item @click=${()=>this._sortChanged(t)} selected>${e}</calcite-dropdown-item>`}_getString(e){let t="";switch(e){case"new":t=this._translations.sortByNew;break;case"relevance":t=this._translations.sortByRelevance;break;case"suggested":t=this._translations.sortBySuggestedForYou;break;case"title":t=this._translations.sortByTitle;break;case"updated":t=this._translations.sortByUpdated;break}return t}_updateSolutionCount(e){this.solutionsCount=e.detail}_sortChanged(e){this.sortType=e,this._allSolutionsPanelRef.value?.searchSolutions({sortType:e})}_chipClosed(e,t){if(t==="industry")this._filters=[];else{let m=this._filters.filter(o=>o.displayValue!==e&&o.type!==t);this._filters=m}this._filters.length>0?this._allSolutionsPanelRef.value?.searchSolutions(this._filters):this._allSolutionsPanelRef.value?.searchSolutions(),this.filterRemoved.emit(this._filters)}_toggleFilter(){this.filterOpen=!this.filterOpen}_filterApplied(e){if(e.detail){let t=e.detail;"displayValue"in e.detail?this._filters.push(e.detail):Array.isArray(e.detail)&&e.detail.length>0&&(e.detail.length>=2&&(t=[e.detail[e.detail.length-1]]),this._filters=e.detail),this._allSolutionsPanelRef.value?.searchSolutions(t)}else this._filters=[],this._allSolutionsPanelRef.value?.searchSolutions()}};u("solutions-all-shell",a);export{a as SolutionsAllShell};