@arcgis/portal-components 6.0.0-next.2 → 6.0.0-next.4

package/dist/cdn/{EQDYQOOT.js → EY5S6ICQ.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import{d as g}from"./VDXESPJK.js";import a from"./RHCRPJWS.js";import{c as $}from"./EMJQI4MA.js";import{a as F}from"./7ZWYUHGK.js";import{J as x,K as b,L as _,M as s,N as v,R as y,h as u,j as o,w as p}from"./AICPYLWE.js";export default $arcgis.t(([{watch:l},h,{substitute:B},{a:k,b:S,c:R,d:P}])=>{var U=u`:host{position:relative;display:flex;height:100%;flex-direction:column;overflow-y:auto;overflow-x:hidden;background-color:var(--calcite-color-background);--arcgis-browser-max-width: 100%;--arcgis-browser-pane-width: 18.75rem;--arcgis-browser-pane-z-index: 11;container-type:inline-size;container-name:portal-browser}:host([height="auto"]){height:auto;min-height:100%;flex:1 1 100%}.wrapper{display:flex;height:100%;flex-direction:column;overflow:hidden}.wrapper--fixed{overflow:hidden}.wrapper--auto{flex:1 1 100%}.wrapper--full{transform:translate(0)}.panel{display:flex;height:100%;flex-direction:column;overflow:hidden}.panel--fixed{transform:translateZ(0)}.top-bar{position:sticky;top:0;right:0;left:0;z-index:20;flex-shrink:0;flex-grow:0;border-bottom:1px solid var(--calcite-color-border-3)}.scrolling{position:relative;display:flex;min-height:0px;width:100%;flex:1 1 0%;flex-direction:column}.scrolling--panel{overflow-y:scroll}@supports (scrollbar-gutter: stable){.scrolling--panel{scrollbar-gutter:stable;overflow-y:auto}}.scrolling--full{overflow:hidden}.preview-position{position:absolute;inset:0;margin-inline:auto;width:100%;max-width:var(--arcgis-browser-max-width)}.preview-position--with-top-bar{top:3rem}.preview-desktop{width:100%}.two-up{margin-left:auto;margin-right:auto;display:flex;width:100%;flex:1 1 auto;flex-direction:row;max-width:var(--arcgis-browser-max-width)}.two-up.small{margin-top:-1px}.two-up--fullscreen{height:100%;overflow:hidden}.content__start{margin-inline-end:.25rem;padding-inline:1rem}.content{position:relative;display:flex;min-width:0px;flex:1 1 0%;flex-direction:column;overflow:hidden}.content--full{overflow-y:scroll}@supports (scrollbar-gutter: stable){.content--full{scrollbar-gutter:stable;overflow-y:auto}}.content__top{position:relative;display:flex;height:1.5rem;flex-grow:0;align-items:center;justify-content:space-between;padding-top:1.25rem;padding-bottom:.75rem;font-size:1.125rem;color:var(--calcite-color-text-1);z-index:2}.content__top__end{margin-inline-start:auto;display:grid;gap:.5rem;grid-auto-flow:column}.actions,.filter-status{flex:1 1 0%}.content__view{margin-inline-end:.25rem;min-width:0px;flex:1 1 0%;padding-inline:var(--arcgis-browser-content-padding, 1rem)}.content__view--padded-bottom{padding-bottom:1rem}.content__view--no-filters{margin-inline-start:.25rem;padding-inline-start:var(--arcgis-browser-content-padding, 1rem)}.pane{pointer-events:none;visibility:hidden;display:flex;height:100%;background-color:var(--calcite-color-background);opacity:0;transition-duration:var(--calcite-internal-animation-timing-medium);transition-property:transform,visibility,opacity;border-left:1px solid var(--calcite-color-border-3);border-right:1px solid var(--calcite-color-border-3)}.pane--open{pointer-events:auto;visibility:visible;opacity:1;transform:translate(0);box-shadow:4px 0 16px #0000000f}.preview{width:0px;flex-shrink:0;flex-grow:0;position:absolute;top:0;bottom:0;inset-inline-start:0;transition-duration:var(--calcite-internal-animation-timing-medium);transition-property:width;z-index:var(--arcgis-browser-pane-z-index)}.preview--fixed{position:fixed}.preview--active{overflow:auto;width:var(--arcgis-browser-pane-width);box-shadow:#0000000f 4px 0 16px}.filter-panel,.preview-panel{position:relative;height:100%;background-color:var(--calcite-color-background)}.filter-panel__content{padding:.75rem 1rem 0}.filter-status--mobile{width:100%}.filter-status--active{display:block}.popover-contents{width:var(--arcgis-browser-popover-width);height:var(--arcgis-browser-popover-height)}.sheet{pointer-events:none;position:fixed;inset:0;z-index:110}.sheet--top-bar{top:3rem;overflow:hidden}.sheet__background{position:absolute;inset:0;opacity:0;transition:all var(--calcite-animation-timing) ease-in-out 0s,outline 0s,outline-offset 0s;background-color:#0003}.sheet__background--hidden{display:none}.sheet--active .sheet__background{opacity:1}.sheet--active{pointer-events:auto;opacity:1}.sheet__contents{position:absolute;inset:0;opacity:0;transition:all var(--calcite-animation-timing) ease-in-out 0s,outline 0s,outline-offset 0s;top:3rem;transform:translate3d(0,24px,0)}.sheet__contents--full{top:0;--tw-shadow: 0 2px 12px -4px rgba(0, 0, 0, .2), 0 2px 4px -2px rgba(0, 0, 0, .16);--tw-shadow-colored: 0 2px 12px -4px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);inset-inline-end:0;width:100%;border:1px solid var(--calcite-color-border-3);border-inline-start:1px solid var(--calcite-color-border-3);transform:translate3d(0,24px,0)}.sheet--active .sheet__contents{opacity:1;transform:translateZ(0)}.hide{display:none}.aria-hidden{height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;position:absolute;top:0;bottom:0;width:0px;inset-inline-end:0}.content__view--flex{display:flex;flex-direction:column}.cover{display:flex;flex:1 1 0%;align-items:flex-start;justify-content:center;overflow:auto;padding-bottom:1rem;padding-top:.25rem}.no-results{height:100%;width:100%;flex:1 1 0%;text-align:center;font-size:.875rem;color:var(--calcite-color-text-2)}::slotted([slot="no-results"]){width:100%}::slotted([slot="no-content"]){width:100%}.results-wrapper{flex:1 1 0%}.results-wrapper--spaced{padding-top:1.5rem}.loader{margin-top:min(8rem,30vh);--calcite-loader-padding: 0}.filters{box-sizing:border-box;flex-grow:0;padding-inline:1.5rem 0;width:var(--arcgis-browser-pane-width)}.filters--sticky{position:sticky;top:0;height:100%}.filters__content{overflow-y:auto;height:100%;padding-top:1.5rem;box-sizing:border-box;scrollbar-gutter:stable}.filters--empty{display:none}.filters--active{opacity:1;transform:translateZ(0)}.filters__title{margin:0 0 1rem;padding:0 0 1rem;font-size:1.125rem;font-weight:500;color:var(--calcite-color-text-1);padding-inline-start:.75rem;border-bottom:1px solid var(--calcite-color-border-3)}.range{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;color:var(--calcite-color-text-1)}.container{display:flex;height:100%;width:100%;flex-direction:column;background-color:var(--calcite-color-background)}.container__header{display:flex;flex:0 1 auto;flex-direction:row;background-color:var(--calcite-color-foreground-1);border-bottom:1px solid var(--calcite-color-border-3)}.container__header__text{margin:0;flex:1 1 0%;padding:.875rem .75rem;font-size:1rem;font-weight:500;color:var(--calcite-color-text-2)}.container__content{flex:1 1 0%;overflow:auto}.container__footer{box-sizing:border-box;width:100%;flex:0 1 auto;background-color:var(--calcite-color-foreground-1);padding:.5rem}.small .filters{padding:0}.small .filters__content{padding-left:1rem;padding-right:1rem}.small .content__view{padding-inline:.5rem;margin-inline:0}.small .content__view--panel{padding-inline:0}.small .content__start{margin-inline:0;padding-inline:.5rem}@container portal-browser (max-width: 640px){:host{--arcgis-browser-pane-width: 100%}}.scrim__find{margin-top:3.5rem;opacity:.6;transition-property:opacity;transition-duration:.15s;--calcite-scrim-background: rgba(0, 0, 0, .6)}`;function C(d){return{...d,value:void 0,..."additionalParams"in d?{additionalParams:void 0}:{}}}function I(d,t={}){let{hiddenFilterIds:e,preservedFilterIds:i}=t,a=new Set([...e||[],...i||[]]);return Object.entries(d).reduce((r,[n,c])=>a.has(n)?(r[n]=c,r):(r[n]=C(c),r),{})}function q(d){let t=Math.max(d?.total??0,0),e=d?.results?.length??0;if(!t||!e)return{start:0,end:0,total:t};let i=Math.max(d?.start??1,1),a=Math.min(i+e-1,t);return{start:i,end:a,total:t}}var A=49,f=class extends _{constructor(){super(...arguments),this._messages=F({blocking:!0}),this._previewContainer=x(),this.toggleScrim=t=>{this.scrimActive=t.detail},this.checkFlowItem=()=>{this.flowItem=g(this.el,"calcite-flow-item")},this.handleResize=()=>{requestAnimationFrame(this.updatePreviewPosition)},this.updatePreviewPosition=()=>{if(this.formFactor==="small"||this.height!=="auto"||!this._previewContainer)return;this.checkFlowItem();let t=this._previewContainer.value?.getBoundingClientRect();if(!t)return;let{x:e,y:i,height:a,right:r,width:n}=t,c=a+i,m=window.innerWidth-document.body.offsetWidth,w=window.innerWidth<n||window.innerWidth<window.outerWidth&&window.innerWidth<=n+m;this.previewBoundingBox={top:Math.max(i,0),left:e,right:w?0:window.outerWidth-r-m,bottom:c>window.innerHeight?0:window.innerHeight-c}},this.pageRangeText="",this.noResults=!1,this.initialHide=!0,this.scrimActive=!1,this.panel=!1,this.preview=!1,this.loading=!1,this.hideContentTop=!1,this.alwaysShowSelection=!1,this.alwaysShowContent=!1,this.response={nextStart:-1,num:0,results:[],start:1,total:0},this.store=R(),this.formFactor="large",this.searchTerm="",this.height="full",this.arcgisAriaUpdate=p(),this.arcgisBrowserFilterClear=p(),this.arcgisBrowserFilterRemove=p(),this.ariaUpdate=p()}static{this.properties={pageRangeText:16,noResults:16,previewBoundingBox:16,initialHide:16,scrimActive:16,flowItem:16,panel:5,preview:5,loading:5,hideContentTop:5,hideTopBar:5,selected:0,alwaysShowSelection:5,alwaysShowContent:5,response:0,store:0,formFactor:1,searchTerm:1,height:3,hideFilters:5,showPreSearch:5,rangeFormatter:0,alwaysShowPagination:5}}static{this.styles=U}async scrollToTop(){this.renderRoot.querySelector(".top-bar")?.scrollIntoView({behavior:"smooth",block:"nearest"})}connectedCallback(){super.connectedCallback(),window.addEventListener("scroll",this.handleResize),window.addEventListener("resize",this.handleResize),this.el.addEventListener("arcgisItemBrowserScrimToggle",this.toggleScrim),this.checkFlowItem(),this.attachStoreWatchers()}willUpdate(t){t.has("store")&&this.attachStoreWatchers(),t.has("response")&&this.updatePage(this.response)}firstUpdated(){requestAnimationFrame(this.updatePreviewPosition)}disconnectedCallback(){this.removePreviewWatcher?.(),this.removeStoreWatcher?.(),window.removeEventListener("resize",this.handleResize),window.removeEventListener("scroll",this.handleResize),this.el.removeEventListener("arcgisItemBrowserScrimToggle",this.toggleScrim),super.disconnectedCallback()}attachStoreWatchers(){if(this.removePreviewWatcher?.(),this.removeStoreWatcher?.(),!this.store)return;this.removePreviewWatcher=P(this.store,this.updatePreviewPosition);let t=[l(()=>this.store.type,()=>this.requestUpdate()),l(()=>this.store.width,()=>this.requestUpdate()),l(()=>this.store.height,()=>this.requestUpdate()),l(()=>this.store.filtersEmpty,()=>this.requestUpdate()),l(()=>this.store.topbarEmpty,()=>this.requestUpdate()),l(()=>this.store.sortEmpty,()=>this.requestUpdate()),l(()=>this.store.filtersExpanded,()=>this.requestUpdate()),l(()=>this.store.panel,()=>this.requestUpdate()),l(()=>this.store.preview,()=>this.requestUpdate()),l(()=>this.store.searchTerm,()=>this.requestUpdate()),l(()=>this.store.hiddenFilters,()=>this.requestUpdate()),l(()=>this.store.filters,()=>this.requestUpdate()),l(()=>this.store.recycleBin,()=>this.requestUpdate())];this.removeStoreWatcher=()=>{t.forEach(e=>e.remove())}}async updatePage(t){let[e,i]=await this.updatePageRange(t);this.pageRangeText=e,this.arcgisAriaUpdate.emit(i),this.el.dispatchEvent(new CustomEvent("ariaUpdate",{detail:i})),this.noResults=S(this.store)&&this.store.recycleBin?t.results.length===0:(t?.total??0)===0,this.initialHide=!1}async updatePageRange(t){let{start:e,end:i,total:a}=q(t),r=h.formatNumber(e,{maximumFractionDigits:0}),n=h.formatNumber(i,{maximumFractionDigits:0}),c=`${h.formatNumber(a,{maximumFractionDigits:0})}${a>=1e4?"+":""}`,m=h.formatNumber(t.results?.length??0,{maximumFractionDigits:0}),w=h.formatNumber(Math.max(Math.ceil(e/Math.max(t.num||1,1)),1),{maximumFractionDigits:0});if(this.rangeFormatter)return await this.rangeFormatter({start:r,end:n,total:c,results:{items:m,page:w}});let E=this._messages.browser.pageRange,T=this._messages.browser.pageRangeAria,W=B(E,{start:r,end:n,total:c}),z=B(T,{start:r,end:n,total:c});return[W,z]}hasActiveFilter(t){return Object.values(t.filters).filter(({id:e})=>!$(k,e)).some(e=>!!e.value||e.id==="collaborations")}removeFilter(t){let e=this.store.filters[t];if(!e)return;let i=C(e),a={...this.store.filters,[t]:i};this.store.filters=a,this.arcgisBrowserFilterRemove.emit(t)}clearFilters(){let t=I(this.store.filters,{hiddenFilterIds:this.store.hiddenFilters,preservedFilterIds:["folder","group","contentType"]});this.store.filters=t,this.arcgisBrowserFilterClear.emit(null)}renderNoResults(){let t=this.noResults&&!this.loading&&!this.showPreSearch,e=this.hasActiveFilter(this.store)||!!this.searchTerm;return t?o`<div class="cover"><div class="no-results">${e?o`<slot name=no-results></slot>`:o`<slot name=no-content></slot>`}</div></div>`:null}renderPopoverContents(t,e,i){let a=this.flowItem?this.flowItem.offsetHeight:this.store.height,r=this.formFactor==="small"&&this.hasActiveFilter(this.store)&&!this.hideFilters;return this.el.style.setProperty("--arcgis-browser-popover-width",i?"100%":`${this.store.width||0}px`),this.el.style.setProperty("--arcgis-browser-popover-height",i?"100%":`${a||0}px`),o`<div class="popover-contents"><div class=${s({hide:!e,"preview-panel":!0})}><slot name=preview></slot></div><div class=${s({hide:!t,"filter-panel":!0})}><article class="container"><header class="container__header"><h2 class="container__header__text">${this._messages.browser?.refineContent}</h2><calcite-action .text=${this._messages.browser?.close} scale=m icon=x @click=${()=>{this.store.filtersExpanded=!1}}></calcite-action></header><div class="container__content"><div class="container__content__scroll"><slot name=filters-top></slot>${(this.store.panel||i)&&o`<div class="filter-container__content"><slot name=sort></slot></div>`||""}<slot name=filters></slot></div></div><div class=${s({"filter-status--mobile":!0,container__footer:!0,hide:!r})}><arcgis-portal-browser-filter-status class="filter-status" .filters=${this.store.filters} .hiddenFilterIds=${this.store.hiddenFilters||[]} .componentWidth=${this.store.width||this.flowItem?.offsetWidth||window.innerWidth} .browserWidth=${window.innerWidth} @arcgisBrowserFilterClear=${()=>this.clearFilters()} @arcgisBrowserFilterRemove=${n=>this.removeFilter(n.detail)}></arcgis-portal-browser-filter-status></div></article></div></div>`}renderFlow(){let t=!!this.store.panel,e=!!this.store.filtersExpanded&&(!this.store.filtersEmpty||!this.store.sortEmpty&&t),i=!!this.store.preview,a=!this.store.panel&&document.documentElement.clientWidth>(this.store.width||0);return o`<div class=${s({panel:!0,"panel--fixed":a})}>${!this.hideTopBar&&o`<div class=${s({"top-bar":!0,"top-bar--small":this.formFactor==="small"})}><slot name=top-bar></slot></div>`||""}<div class="scrolling scrolling--panel"><div class=${s({"two-up":!0,[this.formFactor]:!0})}><div class="content"><div><slot name=primary-filter></slot></div><div class="content__start"><slot name=content-start></slot></div>${this.loading&&!this.alwaysShowContent&&o`<div class="content__view content__view--flex"><div class="cover"><calcite-loader class="loader" label></calcite-loader></div></div>`||""}${this.noResults&&!this.loading&&o`<div class="content__view content__view--flex"><div class="cover">${this.renderNoResults()}</div></div>`||""}<div class=${s({hide:this.loading||this.noResults,content__view:!0,"content__view--panel":!!this.store.panel,"content__view--flex":!this.loading&&!this.noResults})}>${!this.store.panel&&!this.hideContentTop&&o`<div class="content__top"><span class=${s({selection:!0,hide:!this.alwaysShowSelection})}><slot name=selection></slot></span>${!this.loading&&o`<span class="range">${this.pageRangeText}</span>`||""}<span class="actions"><slot name=actions></slot></span><div class="content__top__end"><slot name=view></slot>${!t&&o`<slot name=sort></slot>`||""}</div></div>`||""}<div class="flow-content"><slot name=content></slot></div><slot name=pagination></slot><slot name=content-end></slot></div></div></div><slot name=scroll-end></slot></div>${!this.store.panel||window.innerWidth<(this.store.width||0)*2?o`<div class=${s({sheet:!0,"sheet--active":e||i,"sheet--top-bar":a})}><div class=${s({sheet__background:!0,"sheet__background--hidden":a})}></div><div class=${s({sheet__contents:!0,"sheet__contents--full":a})}>${this.renderPopoverContents(e,i,!0)}</div></div>`:o`<calcite-popover overlay-positioning=fixed .open=${i||e} label=filters .referenceElement=${this.flowItem||this.el} offset-skidding=0 offset-distance=0 trigger-disabled pointer-disabled .placement=${this.store.panel?"trailing":"auto"} @calcitePopoverOpen=${r=>{(!this.store.panel||window.innerWidth<(this.store.width||0)*2)&&(r.currentTarget.style.transform="none")}} .focusTrapOptions=${{setReturnFocus:r=>{if(!(r instanceof HTMLElement))return r;let n=g(r,"arcgis-portal-item-card, arcgis-portal-group-card");return n?.restoreFocus?(n.restoreFocus(),!1):r}}}>${this.renderPopoverContents(e,i)}</calcite-popover>`}</div>`}render(){let t=this.height==="auto",e=this.height==="full",i=!!this.store.preview,a=`${(this.store.height||window.innerHeight)-A}px`,r=t?{}:{maxHeight:a};return this.formFactor==="small"?this.renderFlow():o`<div class=${s({wrapper:!0,"wrapper--fixed":!!this.store.filtersExpanded,"wrapper--auto":t,"wrapper--full":e})}>${!this.hideTopBar&&o`<div class="top-bar"><slot name=top-bar></slot></div>`||""}<slot name=top-bar-end></slot><div class=${s({"preview-position":!0,"preview-position--with-top-bar":!this.store.topbarEmpty})} ${b(this._previewContainer)}><div class=${s({preview:!0,"preview--active":i,"preview--fixed":t})} style=${v(t&&this.previewBoundingBox?{top:`${this.previewBoundingBox.top||0}px`,...document.dir==="rtl"?{right:`${this.previewBoundingBox.right||0}px`}:{left:`${this.previewBoundingBox.left||0}px`},bottom:`${this.previewBoundingBox.bottom||0}px`}:{})}><div class=${s({pane:!0,"pane--open":i})}><div class="preview-desktop"><slot name=preview></slot></div></div></div></div><div class=${s({scrolling:!0,"scrolling--full":!t||this.panel})}>${this.scrimActive&&o`<calcite-scrim class="scrim__find"></calcite-scrim>`||""}<div class=${s({"two-up":!0,"two-up--fullscreen":e,[this.formFactor]:!0})}><div class=${s({filters:!0,"filters--sticky":!t,"filters--empty":this.store.filtersEmpty&&!this.store.preview,"filters--active":!!this.store.filtersExpanded})} style=${v(e?{}:r)}><div class="filters__content" style=${v(e?{}:r)}><slot name=filters></slot></div></div><div class=${s({content:!0,"content--full":e})}><div class="content__start"><slot name=content-start></slot></div><div class=${s({content__view:!0,"content__view--no-filters":this.store.filtersEmpty&&!this.store.preview,"content__view--flex":!0})}>${!this.hideContentTop&&o`<div class="content__top">${this.showPreSearch?null:o`<div class="content__top__summary"><span class=${s({selection:!0,hide:!this.alwaysShowSelection})}><slot name=selection></slot></span>${!this.loading&&o`<span class="range">${this.pageRangeText}<slot name=range-end></slot></span>`||""}</div>`}<span class="actions"><slot name=actions></slot></span><div class="content__top__end"><slot name=view></slot><slot name=sort></slot></div></div>`||""}${this.loading&&(!this.alwaysShowContent||this.initialHide)&&o`<div class="cover"><calcite-loader class="loader" .label=${this._messages.browser?.loading??""}></calcite-loader></div>`||""}${this.renderNoResults()}${!this.loading&&this.showPreSearch&&o`<div class="cover"><div class="no-results"><slot name=pre-search></slot></div></div>`||""}<div class=${s({hide:!!this.showPreSearch||this.loading&&!this.alwaysShowContent||!this.loading&&this.noResults||this.initialHide,"results-wrapper--spaced":this.hideContentTop,"results-wrapper":!0})}><slot name=content></slot></div><div class=${s({hide:this.loading||this.noResults&&!this.alwaysShowPagination})}><slot name=pagination></slot><slot name=content-end></slot></div></div></div></div><slot name=scroll-end></slot></div></div>`}};y("arcgis-portal-browser",f);return{a:C,b:I,c:f}},"core/reactiveUtils","intl","intl",a)
+import a from"./RHCRPJWS.js";import{d as g}from"./VDXESPJK.js";import{c as $}from"./EMJQI4MA.js";import{a as F}from"./7ZWYUHGK.js";import{J as x,K as b,L as _,M as s,N as v,R as y,h as u,j as o,w as p}from"./AICPYLWE.js";export default $arcgis.t(([{watch:l},h,{substitute:B},{a:k,b:S,c:R,d:P}])=>{var U=u`:host{position:relative;display:flex;height:100%;flex-direction:column;overflow-y:auto;overflow-x:hidden;background-color:var(--calcite-color-background);--arcgis-browser-max-width: 100%;--arcgis-browser-pane-width: 18.75rem;--arcgis-browser-pane-z-index: 11;container-type:inline-size;container-name:portal-browser}:host([height="auto"]){height:auto;min-height:100%;flex:1 1 100%}.wrapper{display:flex;height:100%;flex-direction:column;overflow:hidden}.wrapper--fixed{overflow:hidden}.wrapper--auto{flex:1 1 100%}.wrapper--full{transform:translate(0)}.panel{display:flex;height:100%;flex-direction:column;overflow:hidden}.panel--fixed{transform:translateZ(0)}.top-bar{position:sticky;top:0;right:0;left:0;z-index:20;flex-shrink:0;flex-grow:0;border-bottom:1px solid var(--calcite-color-border-3)}.scrolling{position:relative;display:flex;min-height:0px;width:100%;flex:1 1 0%;flex-direction:column}.scrolling--panel{overflow-y:scroll}@supports (scrollbar-gutter: stable){.scrolling--panel{scrollbar-gutter:stable;overflow-y:auto}}.scrolling--full{overflow:hidden}.preview-position{position:absolute;inset:0;margin-inline:auto;width:100%;max-width:var(--arcgis-browser-max-width)}.preview-position--with-top-bar{top:3rem}.preview-desktop{width:100%}.two-up{margin-left:auto;margin-right:auto;display:flex;width:100%;flex:1 1 auto;flex-direction:row;max-width:var(--arcgis-browser-max-width)}.two-up.small{margin-top:-1px}.two-up--fullscreen{height:100%;overflow:hidden}.content__start{margin-inline-end:.25rem;padding-inline:1rem}.content{position:relative;display:flex;min-width:0px;flex:1 1 0%;flex-direction:column;overflow:hidden}.content--full{overflow-y:scroll}@supports (scrollbar-gutter: stable){.content--full{scrollbar-gutter:stable;overflow-y:auto}}.content__top{position:relative;display:flex;height:1.5rem;flex-grow:0;align-items:center;justify-content:space-between;padding-top:1.25rem;padding-bottom:.75rem;font-size:1.125rem;color:var(--calcite-color-text-1);z-index:2}.content__top__end{margin-inline-start:auto;display:grid;gap:.5rem;grid-auto-flow:column}.actions,.filter-status{flex:1 1 0%}.content__view{margin-inline-end:.25rem;min-width:0px;flex:1 1 0%;padding-inline:var(--arcgis-browser-content-padding, 1rem)}.content__view--padded-bottom{padding-bottom:1rem}.content__view--no-filters{margin-inline-start:.25rem;padding-inline-start:var(--arcgis-browser-content-padding, 1rem)}.pane{pointer-events:none;visibility:hidden;display:flex;height:100%;background-color:var(--calcite-color-background);opacity:0;transition-duration:var(--calcite-internal-animation-timing-medium);transition-property:transform,visibility,opacity;border-left:1px solid var(--calcite-color-border-3);border-right:1px solid var(--calcite-color-border-3)}.pane--open{pointer-events:auto;visibility:visible;opacity:1;transform:translate(0);box-shadow:4px 0 16px #0000000f}.preview{width:0px;flex-shrink:0;flex-grow:0;position:absolute;top:0;bottom:0;inset-inline-start:0;transition-duration:var(--calcite-internal-animation-timing-medium);transition-property:width;z-index:var(--arcgis-browser-pane-z-index)}.preview--fixed{position:fixed}.preview--active{overflow:auto;width:var(--arcgis-browser-pane-width);box-shadow:#0000000f 4px 0 16px}.filter-panel,.preview-panel{position:relative;height:100%;background-color:var(--calcite-color-background)}.filter-panel__content{padding:.75rem 1rem 0}.filter-status--mobile{width:100%}.filter-status--active{display:block}.popover-contents{width:var(--arcgis-browser-popover-width);height:var(--arcgis-browser-popover-height)}.sheet{pointer-events:none;position:fixed;inset:0;z-index:110}.sheet--top-bar{top:3rem;overflow:hidden}.sheet__background{position:absolute;inset:0;opacity:0;transition:all var(--calcite-animation-timing) ease-in-out 0s,outline 0s,outline-offset 0s;background-color:#0003}.sheet__background--hidden{display:none}.sheet--active .sheet__background{opacity:1}.sheet--active{pointer-events:auto;opacity:1}.sheet__contents{position:absolute;inset:0;opacity:0;transition:all var(--calcite-animation-timing) ease-in-out 0s,outline 0s,outline-offset 0s;top:3rem;transform:translate3d(0,24px,0)}.sheet__contents--full{top:0;--tw-shadow: 0 2px 12px -4px rgba(0, 0, 0, .2), 0 2px 4px -2px rgba(0, 0, 0, .16);--tw-shadow-colored: 0 2px 12px -4px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);inset-inline-end:0;width:100%;border:1px solid var(--calcite-color-border-3);border-inline-start:1px solid var(--calcite-color-border-3);transform:translate3d(0,24px,0)}.sheet--active .sheet__contents{opacity:1;transform:translateZ(0)}.hide{display:none}.aria-hidden{height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;position:absolute;top:0;bottom:0;width:0px;inset-inline-end:0}.content__view--flex{display:flex;flex-direction:column}.cover{display:flex;flex:1 1 0%;align-items:flex-start;justify-content:center;overflow:auto;padding-bottom:1rem;padding-top:.25rem}.no-results{height:100%;width:100%;flex:1 1 0%;text-align:center;font-size:.875rem;color:var(--calcite-color-text-2)}::slotted([slot="no-results"]){width:100%}::slotted([slot="no-content"]){width:100%}.results-wrapper{flex:1 1 0%}.results-wrapper--spaced{padding-top:1.5rem}.loader{margin-top:min(8rem,30vh);--calcite-loader-padding: 0}.filters{box-sizing:border-box;flex-grow:0;padding-inline:1.5rem 0;width:var(--arcgis-browser-pane-width)}.filters--sticky{position:sticky;top:0;height:100%}.filters__content{overflow-y:auto;height:100%;padding-top:1.5rem;box-sizing:border-box;scrollbar-gutter:stable}.filters--empty{display:none}.filters--active{opacity:1;transform:translateZ(0)}.filters__title{margin:0 0 1rem;padding:0 0 1rem;font-size:1.125rem;font-weight:500;color:var(--calcite-color-text-1);padding-inline-start:.75rem;border-bottom:1px solid var(--calcite-color-border-3)}.range{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;color:var(--calcite-color-text-1)}.container{display:flex;height:100%;width:100%;flex-direction:column;background-color:var(--calcite-color-background)}.container__header{display:flex;flex:0 1 auto;flex-direction:row;background-color:var(--calcite-color-foreground-1);border-bottom:1px solid var(--calcite-color-border-3)}.container__header__text{margin:0;flex:1 1 0%;padding:.875rem .75rem;font-size:1rem;font-weight:500;color:var(--calcite-color-text-2)}.container__content{flex:1 1 0%;overflow:auto}.container__footer{box-sizing:border-box;width:100%;flex:0 1 auto;background-color:var(--calcite-color-foreground-1);padding:.5rem}.small .filters{padding:0}.small .filters__content{padding-left:1rem;padding-right:1rem}.small .content__view{padding-inline:.5rem;margin-inline:0}.small .content__view--panel{padding-inline:0}.small .content__start{margin-inline:0;padding-inline:.5rem}@container portal-browser (max-width: 640px){:host{--arcgis-browser-pane-width: 100%}}.scrim__find{margin-top:3.5rem;opacity:.6;transition-property:opacity;transition-duration:.15s;--calcite-scrim-background: rgba(0, 0, 0, .6)}`;function C(d){return{...d,value:void 0,..."additionalParams"in d?{additionalParams:void 0}:{}}}function I(d,t={}){let{hiddenFilterIds:e,preservedFilterIds:i}=t,a=new Set([...e||[],...i||[]]);return Object.entries(d).reduce((r,[n,c])=>a.has(n)?(r[n]=c,r):(r[n]=C(c),r),{})}function q(d){let t=Math.max(d?.total??0,0),e=d?.results?.length??0;if(!t||!e)return{start:0,end:0,total:t};let i=Math.max(d?.start??1,1),a=Math.min(i+e-1,t);return{start:i,end:a,total:t}}var A=49,f=class extends _{constructor(){super(...arguments),this._messages=F({blocking:!0}),this._previewContainer=x(),this.toggleScrim=t=>{this.scrimActive=t.detail},this.checkFlowItem=()=>{this.flowItem=g(this.el,"calcite-flow-item")},this.handleResize=()=>{requestAnimationFrame(this.updatePreviewPosition)},this.updatePreviewPosition=()=>{if(this.formFactor==="small"||this.height!=="auto"||!this._previewContainer)return;this.checkFlowItem();let t=this._previewContainer.value?.getBoundingClientRect();if(!t)return;let{x:e,y:i,height:a,right:r,width:n}=t,c=a+i,m=window.innerWidth-document.body.offsetWidth,w=window.innerWidth<n||window.innerWidth<window.outerWidth&&window.innerWidth<=n+m;this.previewBoundingBox={top:Math.max(i,0),left:e,right:w?0:window.outerWidth-r-m,bottom:c>window.innerHeight?0:window.innerHeight-c}},this.pageRangeText="",this.noResults=!1,this.initialHide=!0,this.scrimActive=!1,this.panel=!1,this.preview=!1,this.loading=!1,this.hideContentTop=!1,this.alwaysShowSelection=!1,this.alwaysShowContent=!1,this.response={nextStart:-1,num:0,results:[],start:1,total:0},this.store=R(),this.formFactor="large",this.searchTerm="",this.height="full",this.arcgisAriaUpdate=p(),this.arcgisBrowserFilterClear=p(),this.arcgisBrowserFilterRemove=p(),this.ariaUpdate=p()}static{this.properties={pageRangeText:16,noResults:16,previewBoundingBox:16,initialHide:16,scrimActive:16,flowItem:16,panel:5,preview:5,loading:5,hideContentTop:5,hideTopBar:5,selected:0,alwaysShowSelection:5,alwaysShowContent:5,response:0,store:0,formFactor:1,searchTerm:1,height:3,hideFilters:5,showPreSearch:5,rangeFormatter:0,alwaysShowPagination:5}}static{this.styles=U}async scrollToTop(){this.renderRoot.querySelector(".top-bar")?.scrollIntoView({behavior:"smooth",block:"nearest"})}connectedCallback(){super.connectedCallback(),window.addEventListener("scroll",this.handleResize),window.addEventListener("resize",this.handleResize),this.el.addEventListener("arcgisItemBrowserScrimToggle",this.toggleScrim),this.checkFlowItem(),this.attachStoreWatchers()}willUpdate(t){t.has("store")&&this.attachStoreWatchers(),t.has("response")&&this.updatePage(this.response)}firstUpdated(){requestAnimationFrame(this.updatePreviewPosition)}disconnectedCallback(){this.removePreviewWatcher?.(),this.removeStoreWatcher?.(),window.removeEventListener("resize",this.handleResize),window.removeEventListener("scroll",this.handleResize),this.el.removeEventListener("arcgisItemBrowserScrimToggle",this.toggleScrim),super.disconnectedCallback()}attachStoreWatchers(){if(this.removePreviewWatcher?.(),this.removeStoreWatcher?.(),!this.store)return;this.removePreviewWatcher=P(this.store,this.updatePreviewPosition);let t=[l(()=>this.store.type,()=>this.requestUpdate()),l(()=>this.store.width,()=>this.requestUpdate()),l(()=>this.store.height,()=>this.requestUpdate()),l(()=>this.store.filtersEmpty,()=>this.requestUpdate()),l(()=>this.store.topbarEmpty,()=>this.requestUpdate()),l(()=>this.store.sortEmpty,()=>this.requestUpdate()),l(()=>this.store.filtersExpanded,()=>this.requestUpdate()),l(()=>this.store.panel,()=>this.requestUpdate()),l(()=>this.store.preview,()=>this.requestUpdate()),l(()=>this.store.searchTerm,()=>this.requestUpdate()),l(()=>this.store.hiddenFilters,()=>this.requestUpdate()),l(()=>this.store.filters,()=>this.requestUpdate()),l(()=>this.store.recycleBin,()=>this.requestUpdate())];this.removeStoreWatcher=()=>{t.forEach(e=>e.remove())}}async updatePage(t){let[e,i]=await this.updatePageRange(t);this.pageRangeText=e,this.arcgisAriaUpdate.emit(i),this.el.dispatchEvent(new CustomEvent("ariaUpdate",{detail:i})),this.noResults=S(this.store)&&this.store.recycleBin?t.results.length===0:(t?.total??0)===0,this.initialHide=!1}async updatePageRange(t){let{start:e,end:i,total:a}=q(t),r=h.formatNumber(e,{maximumFractionDigits:0}),n=h.formatNumber(i,{maximumFractionDigits:0}),c=`${h.formatNumber(a,{maximumFractionDigits:0})}${a>=1e4?"+":""}`,m=h.formatNumber(t.results?.length??0,{maximumFractionDigits:0}),w=h.formatNumber(Math.max(Math.ceil(e/Math.max(t.num||1,1)),1),{maximumFractionDigits:0});if(this.rangeFormatter)return await this.rangeFormatter({start:r,end:n,total:c,results:{items:m,page:w}});let E=this._messages.browser.pageRange,T=this._messages.browser.pageRangeAria,W=B(E,{start:r,end:n,total:c}),z=B(T,{start:r,end:n,total:c});return[W,z]}hasActiveFilter(t){return Object.values(t.filters).filter(({id:e})=>!$(k,e)).some(e=>!!e.value||e.id==="collaborations")}removeFilter(t){let e=this.store.filters[t];if(!e)return;let i=C(e),a={...this.store.filters,[t]:i};this.store.filters=a,this.arcgisBrowserFilterRemove.emit(t)}clearFilters(){let t=I(this.store.filters,{hiddenFilterIds:this.store.hiddenFilters,preservedFilterIds:["folder","group","contentType"]});this.store.filters=t,this.arcgisBrowserFilterClear.emit(null)}renderNoResults(){let t=this.noResults&&!this.loading&&!this.showPreSearch,e=this.hasActiveFilter(this.store)||!!this.searchTerm;return t?o`<div class="cover"><div class="no-results">${e?o`<slot name=no-results></slot>`:o`<slot name=no-content></slot>`}</div></div>`:null}renderPopoverContents(t,e,i){let a=this.flowItem?this.flowItem.offsetHeight:this.store.height,r=this.formFactor==="small"&&this.hasActiveFilter(this.store)&&!this.hideFilters;return this.el.style.setProperty("--arcgis-browser-popover-width",i?"100%":`${this.store.width||0}px`),this.el.style.setProperty("--arcgis-browser-popover-height",i?"100%":`${a||0}px`),o`<div class="popover-contents"><div class=${s({hide:!e,"preview-panel":!0})}><slot name=preview></slot></div><div class=${s({hide:!t,"filter-panel":!0})}><article class="container"><header class="container__header"><h2 class="container__header__text">${this._messages.browser?.refineContent}</h2><calcite-action .text=${this._messages.browser?.close} scale=m icon=x @click=${()=>{this.store.filtersExpanded=!1}}></calcite-action></header><div class="container__content"><div class="container__content__scroll"><slot name=filters-top></slot>${(this.store.panel||i)&&o`<div class="filter-container__content"><slot name=sort></slot></div>`||""}<slot name=filters></slot></div></div><div class=${s({"filter-status--mobile":!0,container__footer:!0,hide:!r})}><arcgis-portal-browser-filter-status class="filter-status" .filters=${this.store.filters} .hiddenFilterIds=${this.store.hiddenFilters||[]} .componentWidth=${this.store.width||this.flowItem?.offsetWidth||window.innerWidth} .browserWidth=${window.innerWidth} @arcgisBrowserFilterClear=${()=>this.clearFilters()} @arcgisBrowserFilterRemove=${n=>this.removeFilter(n.detail)}></arcgis-portal-browser-filter-status></div></article></div></div>`}renderFlow(){let t=!!this.store.panel,e=!!this.store.filtersExpanded&&(!this.store.filtersEmpty||!this.store.sortEmpty&&t),i=!!this.store.preview,a=!this.store.panel&&document.documentElement.clientWidth>(this.store.width||0);return o`<div class=${s({panel:!0,"panel--fixed":a})}>${!this.hideTopBar&&o`<div class=${s({"top-bar":!0,"top-bar--small":this.formFactor==="small"})}><slot name=top-bar></slot></div>`||""}<div class="scrolling scrolling--panel"><div class=${s({"two-up":!0,[this.formFactor]:!0})}><div class="content"><div><slot name=primary-filter></slot></div><div class="content__start"><slot name=content-start></slot></div>${this.loading&&!this.alwaysShowContent&&o`<div class="content__view content__view--flex"><div class="cover"><calcite-loader class="loader" label></calcite-loader></div></div>`||""}${this.noResults&&!this.loading&&o`<div class="content__view content__view--flex"><div class="cover">${this.renderNoResults()}</div></div>`||""}<div class=${s({hide:this.loading||this.noResults,content__view:!0,"content__view--panel":!!this.store.panel,"content__view--flex":!this.loading&&!this.noResults})}>${!this.store.panel&&!this.hideContentTop&&o`<div class="content__top"><span class=${s({selection:!0,hide:!this.alwaysShowSelection})}><slot name=selection></slot></span>${!this.loading&&o`<span class="range">${this.pageRangeText}</span>`||""}<span class="actions"><slot name=actions></slot></span><div class="content__top__end"><slot name=view></slot>${!t&&o`<slot name=sort></slot>`||""}</div></div>`||""}<div class="flow-content"><slot name=content></slot></div><slot name=pagination></slot><slot name=content-end></slot></div></div></div><slot name=scroll-end></slot></div>${!this.store.panel||window.innerWidth<(this.store.width||0)*2?o`<div class=${s({sheet:!0,"sheet--active":e||i,"sheet--top-bar":a})}><div class=${s({sheet__background:!0,"sheet__background--hidden":a})}></div><div class=${s({sheet__contents:!0,"sheet__contents--full":a})}>${this.renderPopoverContents(e,i,!0)}</div></div>`:o`<calcite-popover overlay-positioning=fixed .open=${i||e} label=filters .referenceElement=${this.flowItem||this.el} offset-skidding=0 offset-distance=0 trigger-disabled pointer-disabled .placement=${this.store.panel?"trailing":"auto"} @calcitePopoverOpen=${r=>{(!this.store.panel||window.innerWidth<(this.store.width||0)*2)&&(r.currentTarget.style.transform="none")}} .focusTrapOptions=${{setReturnFocus:r=>{if(!(r instanceof HTMLElement))return r;let n=g(r,"arcgis-portal-item-card, arcgis-portal-group-card");return n?.restoreFocus?(n.restoreFocus(),!1):r}}}>${this.renderPopoverContents(e,i)}</calcite-popover>`}</div>`}render(){let t=this.height==="auto",e=this.height==="full",i=!!this.store.preview,a=`${(this.store.height||window.innerHeight)-A}px`,r=t?{}:{maxHeight:a};return this.formFactor==="small"?this.renderFlow():o`<div class=${s({wrapper:!0,"wrapper--fixed":!!this.store.filtersExpanded,"wrapper--auto":t,"wrapper--full":e})}>${!this.hideTopBar&&o`<div class="top-bar"><slot name=top-bar></slot></div>`||""}<slot name=top-bar-end></slot><div class=${s({"preview-position":!0,"preview-position--with-top-bar":!this.store.topbarEmpty})} ${b(this._previewContainer)}><div class=${s({preview:!0,"preview--active":i,"preview--fixed":t})} style=${v(t&&this.previewBoundingBox?{top:`${this.previewBoundingBox.top||0}px`,...document.dir==="rtl"?{right:`${this.previewBoundingBox.right||0}px`}:{left:`${this.previewBoundingBox.left||0}px`},bottom:`${this.previewBoundingBox.bottom||0}px`}:{})}><div class=${s({pane:!0,"pane--open":i})}><div class="preview-desktop"><slot name=preview></slot></div></div></div></div><div class=${s({scrolling:!0,"scrolling--full":!t||this.panel})}>${this.scrimActive&&o`<calcite-scrim class="scrim__find"></calcite-scrim>`||""}<div class=${s({"two-up":!0,"two-up--fullscreen":e,[this.formFactor]:!0})}><div class=${s({filters:!0,"filters--sticky":!t,"filters--empty":this.store.filtersEmpty&&!this.store.preview,"filters--active":!!this.store.filtersExpanded})} style=${v(e?{}:r)}><div class="filters__content" style=${v(e?{}:r)}><slot name=filters></slot></div></div><div class=${s({content:!0,"content--full":e})}><div class="content__start"><slot name=content-start></slot></div><div class=${s({content__view:!0,"content__view--no-filters":this.store.filtersEmpty&&!this.store.preview,"content__view--flex":!0})}>${!this.hideContentTop&&o`<div class="content__top">${this.showPreSearch?null:o`<div class="content__top__summary"><span class=${s({selection:!0,hide:!this.alwaysShowSelection})}><slot name=selection></slot></span>${!this.loading&&o`<span class="range">${this.pageRangeText}<slot name=range-end></slot></span>`||""}</div>`}<span class="actions"><slot name=actions></slot></span><div class="content__top__end"><slot name=view></slot><slot name=sort></slot></div></div>`||""}${this.loading&&(!this.alwaysShowContent||this.initialHide)&&o`<div class="cover"><calcite-loader class="loader" .label=${this._messages.browser?.loading??""}></calcite-loader></div>`||""}${this.renderNoResults()}${!this.loading&&this.showPreSearch&&o`<div class="cover"><div class="no-results"><slot name=pre-search></slot></div></div>`||""}<div class=${s({hide:!!this.showPreSearch||this.loading&&!this.alwaysShowContent||!this.loading&&this.noResults||this.initialHide,"results-wrapper--spaced":this.hideContentTop,"results-wrapper":!0})}><slot name=content></slot></div><div class=${s({hide:this.loading||this.noResults&&!this.alwaysShowPagination})}><slot name=pagination></slot><slot name=content-end></slot></div></div></div></div><slot name=scroll-end></slot></div></div>`}};y("arcgis-portal-browser",f);return{a:C,b:I,c:f}},"core/reactiveUtils","intl","intl",a)