@arcgis/map-components 4.34.0-next.7 → 4.34.0-next.71

package/dist/cdn/OVIDLFD3.js

@@ -0,0 +1,4 @@
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/4.34/esri/copyright.txt for details.
+v4.34.0-next.71 */
+import a from"./SCQ5NIO7.js";import{I as l,J as g,K as i,O as f,i as o,j as r,x as s}from"./YGKAQOWJ.js";import"./5HYMBWIX.js";export default $arcgis.t(([{watch:p},{f:h,o:n}])=>{var v=o`@layer{arcgis-feature-content{display:block}.arcgis-feature-content__loader-container{display:flex;align-items:center;justify-content:center;padding:0;height:150px}.arcgis-feature-content{font-size:var(--calcite-font-size-md)}.arcgis-feature-content h1,.arcgis-feature-content h2,.arcgis-feature-content h3,.arcgis-feature-content h4,.arcgis-feature-content h5,.arcgis-feature-content h6{margin:var(--calcite-spacing-sm) 0;line-height:normal;letter-spacing:0;color:var(--calcite-color-text-1);font-weight:var(--calcite-font-weight-semibold)}.arcgis-feature-content h1{font-size:var(--calcite-font-size-xxl)}.arcgis-feature-content h2{font-size:var(--calcite-font-size-xl)}.arcgis-feature-content h3{font-size:var(--calcite-font-size-lg)}.arcgis-feature-content h4,.arcgis-feature-content h5,.arcgis-feature-content h6{font-size:var(--calcite-font-size)}.arcgis-widget__heading.arcgis-feature-element-info__title{margin-top:0;margin-bottom:var(--calcite-spacing-xxs);color:var(--calcite-color-text-1);font-size:var(--calcite-font-size-lg);font-weight:var(--calcite-font-weight-regular)}.arcgis-feature-element-info__description{margin-bottom:var(--calcite-spacing-xs);font-size:var(--calcite-font-weight-regular);font-weight:var(--calcite-font-weight-regular)}.arcgis-feature-content p{margin:0 0 var(--calcite-spacing-xs);font-size:var(--calcite-font-weight-regular)}.arcgis-feature-content p:last-child{margin-block-end:0}.arcgis-feature-content img{max-width:100%;max-height:100%;image-orientation:from-image}.arcgis-feature-content video{max-width:100%;max-height:100%}.arcgis-feature-content figure{margin:0;padding:0}.arcgis-feature-content figcaption{display:block;margin:var(--calcite-spacing-xs) 0 0;padding:0;font-size:var(--calcite-font-size-sm);font-style:italic}.arcgis-feature-content ul,.arcgis-feature-content ol{margin-block:var(--calcite-spacing-sm)}.arcgis-feature-content ul:first-child,.arcgis-feature-content ol:first-child{margin-block-start:0}.arcgis-feature-content a,.arcgis-feature-content a:hover,.arcgis-feature-content a:focus{color:var(--calcite-color-text-link)}}`,d="arcgis-feature-content",u={base:d,loaderContainer:`${d}__loader-container`},c=class extends g{static{this.properties={_loadingPromise:16,_created:16,creator:1,destroyer:0,graphic:0}}static{this.styles=v}static{this.shadowRootOptions=s}loaded(){this.manager.onLifecycle(()=>p(()=>this.creator,t=>{this._destroyContent(),this._createContent(t)},{initial:!0}))}async _createContent(t){let{graphic:e}=this;if(!e||!t)return;let a=n({type:"content",value:t,event:{graphic:e}});this._loadingPromise=a;let m=await a;a===this._loadingPromise&&(this._loadingPromise=void 0,this._created=m)}_destroyContent(){let{_created:t,graphic:e,destroyer:a}=this;t&&e&&(n({type:"content",value:a,event:{graphic:e}}),this._created=null)}_addTargetToAnchors(t){t&&Array.from(t.querySelectorAll("a")).forEach(e=>{h(e.href)&&!e.hasAttribute("target")&&e.setAttribute("target","_blank")})}render(){return r`<div class=${i(u.base)}>${this._loadingPromise?this._renderLoading():this._renderCreated()}</div>`}_renderLoading(){return r`<div class=${i(u.loaderContainer)}><calcite-loader inline label></calcite-loader></div>`}_renderCreated(){let{_created:t}=this;return t instanceof HTMLElement?t:typeof t=="string"?r`<div .innerHTML=${t??""} ${l(this._addTargetToAnchors)}></div>`:null}};f("arcgis-feature-content",c);return c},"core/reactiveUtils",a)

package/dist/cdn/OWLBDSIW.js

@@ -0,0 +1,4 @@
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/4.34/esri/copyright.txt for details.
+v4.34.0-next.71 */
+import{a as g}from"./KWPQQSWJ.js";import e from"./QAWJU2QZ.js";import{a as C}from"./XFC6AOZZ.js";import{a as x}from"./2FSODJ3U.js";import c from"./UHQ353FB.js";import a from"./VNLCD6TK.js";import{f as $}from"./LUZFWSLE.js";import"./5FQAWKJJ.js";import"./76ED2DMX.js";import"./DFSRHIJR.js";import{a as b}from"./WNL7632P.js";import{I as d,J as S,K as l,M,O as f,i as m,j as o,o as _,s as v,x as w}from"./YGKAQOWJ.js";import"./5HYMBWIX.js";export default $arcgis.t(([A,{isAbortError:D},{substitute:T},{watch:E},,{a:a},R])=>{var h="arcgis-search",u={base:h,autocomplete:`${h}__autocomplete`,dropdown:`${h}__dropdown`,container:`${h}__container`,form:`${h}__form`},I=m`@layer{arcgis-search{display:block}.arcgis-search{--arcgis-internal-search-width: 240px;display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;width:var(--arcgis-internal-search-width)}.arcgis-search__dropdown{--calcite-color-border-1: var(--calcite-color-border-input);--calcite-dropdown-width: var(--arcgis-internal-search-width);width:31px}.arcgis-search__autocomplete{flex:1}.arcgis-search__container{display:flex;position:relative;flex:1 0 100%;flex-flow:row nowrap;align-items:stretch}.arcgis-search__form{display:flex;flex:1 0;flex-flow:row nowrap;align-items:stretch;margin:0;padding:0}}`,N=R(A),p=class extends S{constructor(){super(...arguments),this.viewModel=N(this),this._currentLocationValue="search-use-current-location",this._autocompleteEl=void 0,this._searchResultRendererContainerEl=document.createElement("div"),this._searchResultRendererEl=void 0,this._suggestController=void 0,this._searchController=void 0,this._lastSearchTerm="",this.messages=C({}),this._setSearchResultRendererRef=e=>{this._searchResultRendererEl=e},this._locateFailed=!1,this._showNoResults=!1,this.position="top-left",this.goToOverride=this.viewModel.goToOverride,this.icon="search",this.activeMenu="none",this.activeSourceIndex=this.viewModel.activeSourceIndex,this.allPlaceholder=this.viewModel.allPlaceholder,this.allSources=this.viewModel.allSources,this.autoNavigateDisabled=this.viewModel.autoNavigate,this.autoSelectDisabled=this.viewModel.autoSelect,this.defaultSources=this.viewModel.defaultSources,this.disabled=!1,this.includeDefaultSourcesDisabled=this.viewModel.includeDefaultSources,this.locationDisabled=this.viewModel.locationEnabled,this.maxResults=this.viewModel.maxResults,this.maxSuggestions=this.viewModel.maxSuggestions,this.minSuggestCharacters=this.viewModel.minSuggestCharacters,this.popupDisabled=this.viewModel.popupEnabled,this.popupTemplate=this.viewModel.popupTemplate,this.portal=this.viewModel.portal,this.resultGraphic=this.viewModel.resultGraphic,this.resultGraphicDisabled=this.viewModel.resultGraphicEnabled,this.results=this.viewModel.results,this.searchAllDisabled=this.viewModel.searchAllEnabled,this.searchTerm=this.viewModel.searchTerm,this.selectedResult=this.viewModel.selectedResult,this.sources=this.viewModel.sources,this.suggestions=this.viewModel.suggestions,this.suggestionsDisabled=this.viewModel.suggestionsEnabled,this.autoDestroyDisabled=!1,this.state=this.viewModel.state,this.arcgisPropertyChange=$()("state"),this.arcgisReady=v(),this.arcgisSearchClear=a(()=>this.viewModel,"search-clear"),this.arcgisSearchComplete=a(()=>this.viewModel,"search-complete"),this.arcgisSearchStart=a(()=>this.viewModel,"search-start"),this.arcgisSelectResult=a(()=>this.viewModel,"select-result"),this.arcgisSuggestComplete=a(()=>this.viewModel,"suggest-complete"),this.arcgisSuggestStart=a(()=>this.viewModel,"suggest-start")}static{this.properties={_locateFailed:16,_showNoResults:16,_isDisabled:16,_showCurrentLocation:16,_effectiveActiveMenu:16,referenceElement:1,position:3,goToOverride:0,icon:1,activeMenu:1,activeSource:32,activeSourceIndex:9,allPlaceholder:1,allSources:0,autoNavigateDisabled:5,autoSelectDisabled:5,defaultSources:0,disabled:5,includeDefaultSourcesDisabled:5,locationDisabled:5,maxResults:9,maxSuggestions:9,minSuggestCharacters:9,popupDisabled:5,popupTemplate:0,portal:0,resultGraphic:0,resultGraphicDisabled:5,results:0,searchAllDisabled:5,searchTerm:1,selectedResult:0,sources:0,suggestions:0,suggestionsDisabled:5,autoDestroyDisabled:5,messageOverrides:0,label:1,state:3}}static{this.styles=I}static{this.shadowRootOptions=w}get _isDisabled(){let{state:e}=this.viewModel;return e==="disabled"||e==="loading"||this.disabled}get _showCurrentLocation(){return!this.locationDisabled&&!this.searchTerm?.trim()}get _effectiveActiveMenu(){return this._isDisabled?"none":this.activeMenu}get activeSource(){return this.viewModel?.activeSource}clear(){this._locateFailed=!1,this.viewModel.clear()}async destroy(){await this.manager.destroy(),await this._searchResultRendererEl?.destroy(),this._cancelQueries()}async search(e){this._cancelQueries();let t=new AbortController,{signal:s}=t;this._searchController=t;try{let i=await this.viewModel.search(e,{signal:s});return this._searchController!==t?void 0:(i?.numResults||(this._showNoResults=!0,this.activeMenu="suggestion"),this._searchController=void 0,i)}catch{if(this._searchController!==t)return;this._searchController=void 0;return}}async suggest(e){this._cancelSuggest();let t=new AbortController,{signal:s}=t;this._suggestController=t;try{let i=await this.viewModel.suggest(e,null,{signal:s});return this._suggestController!==t?void 0:(this._suggestController=void 0,i?.numResults&&(this.activeMenu="suggestion",this._scrollToTopSuggestion()),i)}catch{return this._suggestController!==t||(this._suggestController=void 0),null}}async setFocus(){await this._autocompleteEl?.setFocus()}loaded(){this.manager.onLifecycle(()=>E(()=>this.viewModel?.defaultPopupTemplate,e=>{if(e){let t=document.createElement("div");t.appendChild(this._searchResultRendererContainerEl),e.content=t}},{initial:!0}))}_addSearchResultRenderer(){_(o`<arcgis-search-result-renderer auto-destroy-disabled .messages=${this.messages} .viewModel=${this.viewModel} ${d(this._setSearchResultRendererRef)}></arcgis-search-result-renderer>`,this._searchResultRendererContainerEl)}_handleInputKeydown(e){e.key==="Tab"&&this._cancelSuggest()}_handleAutocompleteCreate(e){this._autocompleteEl=e}_handleCalciteAutocompleteTextInput(e){let t=e.target.inputValue;t!==this.viewModel.searchTerm&&(this.viewModel.searchTerm=t,t||this.clear(),this.suggest())}_handleAutocompleteOpen(){this.activeMenu="suggestion"}_handleAutocompleteClose(){this.activeMenu==="suggestion"&&(this.activeMenu="none")}_handleCalciteAutocompleteChange(e){let t=e.target.value;if(t===this._currentLocationValue){this._useCurrentLocation();return}let s=JSON.parse(t),i=this.viewModel.suggestions?.find(({sourceIndex:r})=>r===s.sourceIndex)?.results?.find(({key:r})=>`${r}`==`${s.key}`);i&&this.search(i)}async _useCurrentLocation(){this._cancelQueries();let e=new AbortController,{signal:t}=e;this._searchController=e;try{await this.viewModel.searchNearby({signal:t})}catch(s){D(s)||(this._locateFailed=!0,this.activeMenu="suggestion")}finally{this._searchController=void 0}}_handleSourceOpen(){this.activeMenu="source"}_handleSourceClose(){this.activeMenu==="source"&&(this.activeMenu="none")}_handleSourceSelect(e){let t=e.target.selectedItems[0].getAttribute("data-source-index");t&&(this.viewModel.activeSourceIndex=Number.parseInt(t,10))}_cancelSuggest(){this.activeMenu="none",this._locateFailed=!1,this._showNoResults=!1,this._suggestController=g(this._suggestController)}_cancelQueries(){this._cancelSuggest(),this._searchController=g(this._searchController)}_scrollToTopSuggestion(){this._autocompleteEl?.scrollContentTo({top:0})}_formSubmit(e){e.preventDefault(),this.activeMenu="none",this._lastSearchTerm=this.searchTerm,this.searchTerm&&this.search()}_getSourceName(e){let{messages:t}=this,{allSources:s}=this.viewModel,i=s.at(e);return(e===-1?t.all:i?.name||t.untitledSource)||""}render(){return this._addSearchResultRenderer(),o`<div class=${l(b(u.base,x.widget))}><div class=${l(u.container)}>${this._renderSourcesMenu()}${this._renderForm()}</div></div>`}_renderSourcesMenu(){let{messages:e,_isDisabled:t,_effectiveActiveMenu:s}=this,{allSources:i,searchAllEnabled:r}=this.viewModel;return i.length>1?o`<calcite-dropdown class=${l(u.dropdown)} .disabled=${t} .open=${s==="source"} overlay-positioning=fixed @calciteDropdownClose=${this._handleSourceClose} @calciteDropdownOpen=${this._handleSourceOpen} @calciteDropdownSelect=${this._handleSourceSelect}><calcite-button appearance=outline-fill icon-start=caret-down kind=neutral .label=${e.searchIn} slot=trigger></calcite-button><calcite-dropdown-group .groupTitle=${e.searchIn}>${r?this._renderSource(-1):null}${i.map((c,n)=>this._renderSource(n)).toArray()}</calcite-dropdown-group></calcite-dropdown>`:null}_renderUseCurrentLocation(){let{_currentLocationValue:e}=this;return o`<calcite-autocomplete-item .heading=${this.messages.useCurrentLocation??""} icon-start=gps-on .value=${e}></calcite-autocomplete-item>`}_renderAutocomplete(){let{_effectiveActiveMenu:e,messages:t,_isDisabled:s}=this,{maxInputLength:i,placeholder:r,searchTerm:c,state:n}=this.viewModel,y=this.label??t.searchButtonTitle??"";return o`<calcite-autocomplete .autocomplete=${"off"} class=${l(u.autocomplete)} .disabled=${s} .icon=${this.icon||!1} .inputValue=${c} .label=${y} .loading=${n==="searching"} .maxLength=${i} .name=${this.el.id} @keydown=${this._handleInputKeydown} .open=${e==="suggestion"} overlay-positioning=fixed .placeholder=${r} title=${(c?"":r)??M} @calciteAutocompleteChange=${this._handleCalciteAutocompleteChange} @calciteAutocompleteClose=${this._handleAutocompleteClose} @calciteAutocompleteOpen=${this._handleAutocompleteOpen} @calciteAutocompleteTextChange=${this._handleCalciteAutocompleteTextInput} @calciteAutocompleteTextInput=${this._handleCalciteAutocompleteTextInput} ${d(this._handleAutocompleteCreate)}>${this._renderSuggestions()}${this._renderNotices()}</calcite-autocomplete>`}_renderForm(){return o`<form class=${l(u.form)} @submit=${this._formSubmit} role=search>${this._renderAutocomplete()}</form>`}_renderSuggestGroup(e){return e.results?.map(t=>this._renderSuggestion(t))}_renderSuggestions(){let{suggestions:e}=this.viewModel;return this._showNoResults?null:this._showCurrentLocation?this._renderUseCurrentLocation():e?.map(t=>this._renderSuggestResults(t))}_renderSuggestResults(e){let{allSources:t,activeSourceIndex:s}=this.viewModel,{sourceIndex:i}=e,r=e.results?.length,c=t.length>1&&s===-1,n=this._getSourceName(i);return r&&c?o`<calcite-autocomplete-item-group .heading=${n}>${this._renderSuggestGroup(e)}</calcite-autocomplete-item-group>`:this._renderSuggestGroup(e)}_renderSuggestion({key:e,sourceIndex:t,text:s}){let i={key:e,sourceIndex:t};return o`<calcite-autocomplete-item .heading=${s??this.messages.untitledResult??""} .value=${JSON.stringify(i)}></calcite-autocomplete-item>`}_renderSource(e){let t=this._getSourceName(e);return o`<calcite-dropdown-item data-source-index=${`${e}`} .selected=${e===this.viewModel.activeSourceIndex}>${t}</calcite-dropdown-item>`}_renderNoResultsWarning(e){let{messages:t}=this,s=e?T(t.noResultsFoundForValue??"",{value:`"${e}"`}):t.noResultsFound;return o`<calcite-notice icon=exclamation-mark-triangle kind=warning open slot=content-bottom><div slot=title>${t.noResults}</div><div slot=message>${s}</div></calcite-notice>`}_renderLocateError(){return o`<calcite-notice icon=exclamation-mark-circle kind=danger open slot=content-bottom><div slot=message>${this.messages.locateError}</div></calcite-notice>`}_renderNotices(){return this._locateFailed?this._renderLocateError():this._showNoResults?this._renderNoResultsWarning(this._lastSearchTerm??this.viewModel.searchTerm):null}};f("arcgis-search",p);return p},"widgets/Search/SearchViewModel","core/promiseUtils","intl","core/reactiveUtils",a,c,e)

package/dist/cdn/P3XN27OY.js

@@ -0,0 +1,4 @@
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/4.34/esri/copyright.txt for details.
+v4.34.0-next.71 */
+import d from"./OTNCYF7D.js";import c from"./UHQ353FB.js";import b from"./VNLCD6TK.js";import{f as o}from"./LUZFWSLE.js";import"./5FQAWKJJ.js";import"./76ED2DMX.js";import"./DFSRHIJR.js";import"./WNL7632P.js";import{J as a,O as r,i,s as e,x as s}from"./YGKAQOWJ.js";import"./5HYMBWIX.js";export default $arcgis.t(([h,,,n])=>{var l=i`@layer{arcgis-histogram-range-slider{display:block}}`,g=n(h),t=class extends a{constructor(){super(...arguments),this.widget=g(this),this.viewModel=this.widget.viewModel,this.autoDestroyDisabled=!1,this.average=this.widget.average,this.barCreatedFunction=this.widget.barCreatedFunction,this.bins=this.widget.bins,this.dataLineCreatedFunction=this.widget.dataLineCreatedFunction,this.dataLines=this.widget.dataLines,this.excludedBarColor=this.widget.excludedBarColor,this.icon=this.widget.icon,this.includedBarColor=this.widget.includedBarColor,this.label=this.widget.label,this.labelFormatFunction=this.widget.labelFormatFunction,this.max=this.widget.max,this.min=this.widget.min,this.position="bottom-left",this.precision=this.widget.precision,this.rangeType=this.widget.rangeType,this.standardDeviation=this.widget.standardDeviation,this.standardDeviationCount=this.widget.standardDeviationCount,this.state=this.viewModel.state,this.values=this.widget.values,this.arcgisPropertyChange=o()("state"),this.arcgisReady=e()}static{this.properties={autoDestroyDisabled:5,average:9,barCreatedFunction:0,bins:0,dataLineCreatedFunction:0,dataLines:0,excludedBarColor:1,icon:1,includedBarColor:1,label:1,labelFormatFunction:0,max:9,min:9,position:1,precision:9,rangeType:1,referenceElement:1,standardDeviation:9,standardDeviationCount:9,state:3,values:0}}static{this.shadowRootOptions=s}static{this.styles=l}async destroy(){await this.manager.destroy()}async generateWhereClause(d){return this.widget.generateWhereClause(d)}};r("arcgis-histogram-range-slider",t);return t},"widgets/HistogramRangeSlider",b,c,d)

package/dist/cdn/PGLET25S.js

@@ -0,0 +1,4 @@
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/4.34/esri/copyright.txt for details.
+v4.34.0-next.71 */
+import{a as q}from"./47F2WFRU.js";import{a as R}from"./EUP574Z6.js";import"./OAUIDKTP.js";import c from"./QAWJU2QZ.js";import{a as O}from"./XFC6AOZZ.js";import{a as T}from"./2FSODJ3U.js";import b from"./UHQ353FB.js";import a from"./VNLCD6TK.js";import{f as N}from"./LUZFWSLE.js";import"./5FQAWKJJ.js";import"./76ED2DMX.js";import"./DFSRHIJR.js";import{a as E}from"./WNL7632P.js";import{I as p,J as M,K as l,M as v,O as L,i as D,j as r,s as w,w as U,x as A}from"./YGKAQOWJ.js";import"./5HYMBWIX.js";export default $arcgis.t(([Z,{formatDate:V,convertDateFormatToIntlOptions:H},{isHTTPSProtocol:$,isDataProtocol:x},{watch:S},z,{property:g,subclass:j},,,P])=>{var m="arcgis-bookmarks",y=`${m}__authoring`,C=`${m}__bookmark`,c={base:m,empty:`${m}__empty`,noBookmarksHeader:`${m}__no-bookmarks-heading`,noBookmarksDescription:`${m}__no-bookmarks-description`,form:`${m}__form`,list:`${m}__list`,loader:`${m}__loader`,filterNoResults:`${m}__filter-no-results`,formContent:`${m}__form-content`,addBookmarkButton:`${m}__add-bookmark-button`,editBookmarkInput:`${m}__edit-bookmark-input`,addBookmarkInput:`${m}__add-bookmark-input`,dragEnabled:`${m}--drag-enabled`,bookmarkImage:`${m}__image`,bookmarkImageContainer:`${C}-image-container`,bookmarkContent:`${C}-content`,bookmarkContentLabel:`${C}-content-label`,authoring:y,authoringImageContainer:`${y}-image-container`,authoringRefreshThumbnailButton:`${y}-refresh-thumbnail-button`},G=D`@layer{arcgis-bookmarks{display:block}.arcgis-bookmarks{display:flex;background-color:transparent}.arcgis-bookmarks__empty{display:flex;flex-flow:column wrap;align-items:center;padding:var(--calcite-spacing-md) var(--calcite-spacing-lg);text-align:center;color:var(--calcite-color-text-1)}.arcgis-bookmarks .arcgis-widget__content--empty{background-color:var(--calcite-color-foreground-2)}.arcgis-bookmarks calcite-flow-item[loading]{min-height:150px}.arcgis-bookmarks__loader{margin-inline-end:0}.arcgis-bookmarks__filter-no-results{padding:var(--calcite-spacing-md) var(--calcite-spacing-lg)}.arcgis-bookmarks__bookmark-image-container{display:flex;position:relative;margin:0;margin-inline-start:var(--calcite-spacing-xs);min-width:16px;min-height:16px}.arcgis-bookmarks__bookmark-image-container .arcgis-bookmarks__image{max-width:64px;overflow:hidden}.arcgis-bookmarks--drag-enabled .arcgis-bookmarks__bookmark-image-container{margin-inline-start:0}.arcgis-bookmarks__no-bookmarks-heading{margin:0;margin-block-start:var(--calcite-spacing-md);font-size:16px;font-weight:400}.arcgis-bookmarks__authoring{display:flex;flex-direction:column}.arcgis-bookmarks__authoring-image-container{display:flex;align-items:middle;justify-content:center;margin-block-end:var(--calcite-spacing-md);margin-inline-end:var(--calcite-spacing-lg);background-image:repeating-conic-gradient(#ccc 0% 25%,#fff 0% 50%);background-position:0 0,10px 10px;background-size:20px 20px;background-color:#fff;width:128px;height:128px;text-align:center}.arcgis-bookmarks__authoring-image-container .arcgis-bookmarks__image{max-width:128px;max-height:128px}.arcgis-bookmarks__form{display:flex;height:100%}.arcgis-bookmarks__form-content{padding-block:var(--calcite-spacing-md);padding-inline:var(--calcite-spacing-lg)}.arcgis-bookmarks__authoring-refresh-thumbnail-button{margin-block-end:var(--calcite-spacing-md)}.arcgis-bookmarks__bookmark-content-label{color:var(--calcite-color-text-1);font-size:var(--calcite-font-size--2)}.arcgis-bookmarks__bookmark-content calcite-table{margin-inline-start:-.25rem}.arcgis-bookmarks__bookmark-content calcite-table,.arcgis-bookmarks__bookmark-content calcite-table-row{--calcite-color-border-3: transparent;--calcite-color-text-1: var(--calcite-color-text-3);--calcite-internal-table-row-background: transparent;pointer-events:none}}`,J=Object.defineProperty,K=Object.getOwnPropertyDescriptor,h=(n,e,t,i)=>{for(var a=i>1?void 0:i?K(e,t):e,o=n.length-1,s;o>=0;o--)(s=n[o])&&(a=(i?s(e,t,a):s(a))||a);return i&&a&&J(e,t,a),a},u=class extends z{constructor(n){super(n)}get editedBookmark(){let{bookmark:n}=this;return n?this._get("editedBookmark")||n.clone():null}get customUrl(){if(this._customUrl)return this._customUrl;let n=this.editedBookmark?.thumbnail?.url??"";return n??($(n)?n:null)}set customUrl(n){this._customUrl=n}get screenshotUrl(){if(this._screenshotUrl)return this._screenshotUrl;let n=this.editedBookmark?.thumbnail?.url??"";return n??(x(n)?n:null)}set screenshotUrl(n){this._screenshotUrl=n}get state(){return this._get("state")}set state(n){this.validationState=void 0,this.creatingBookmark=void 0,this._set("state",n)}get thumbnailState(){if(this._thumbnailState)return this._thumbnailState;let n=this.editedBookmark?.thumbnail?.url;return n?$(n)?"url":"screenshot":"none"}set thumbnailState(n){this._thumbnailState=n}};h([g()],u.prototype,"bookmark",2);h([g({readOnly:!0})],u.prototype,"editedBookmark",1);h([g()],u.prototype,"_customUrl",2);h([g()],u.prototype,"customUrl",1);h([g()],u.prototype,"_screenshotUrl",2);h([g()],u.prototype,"screenshotUrl",1);h([g()],u.prototype,"state",1);h([g()],u.prototype,"_thumbnailState",2);h([g()],u.prototype,"thumbnailState",1);h([g()],u.prototype,"validationState",2);h([g()],u.prototype,"creatingBookmark",2);u=h([j("UserState")],u);var Q=P(Z),F=class extends M{constructor(){super(...arguments),this._guid=U(),this._addInputNode=null,this._editInputNode=null,this._urlEditInputNode=null,this._lastDragDetail=null,this.messages=O({}),this.viewModel=Q(this),this._storeEditFlowItemNode=e=>{this._editFlowItemEl=e},this._storeRootFlowItem=e=>{this._rootFlowItemEl=e},this._storeAddFlowItemNode=e=>{this._addFlowItemEl=e},this._userState=null,this._userCreatingBookmark=!1,this.editIncludeTimeExtent=!1,this.position="top-left",this.icon="icon",this.closed=!1,this.defaultCreateOptions=this.viewModel.defaultCreateOptions,this.defaultEditOptions=this.viewModel.defaultEditOptions,this.bookmarks=this.viewModel.bookmarks,this.disabled=!1,this.dragEnabled=!1,this.filterPlaceholder="",this.filterText="",this.headingLevel=2,this.goToOverride=this.viewModel.goToOverride,this.showAddBookmarkButton=!1,this.showCloseButton=!1,this.showCollapseButton=!1,this.showEditBookmarkButton=!1,this.showFilter=!1,this.hideFlow=!1,this.showHeading=!1,this.hideThumbnail=!1,this.hideTime=!1,this.timeDisabled=this.viewModel.capabilities.time,this.autoDestroyDisabled=!1,this.state=this.viewModel.state,this.arcgisBookmarkEdit=w(),this.arcgisBookmarkSelect=w(),this.arcgisPropertyChange=N()("state"),this.arcgisReady=w()}static{this.properties={_userState:16,_userStateValue:16,_userValidationState:16,_userThumbnailState:16,_userCreatingBookmark:16,editIncludeTimeExtent:16,referenceElement:1,position:3,icon:1,closed:5,defaultCreateOptions:0,defaultEditOptions:0,bookmarks:0,disabled:5,dragEnabled:5,filterPlaceholder:1,filterText:1,headingLevel:9,goToOverride:0,showAddBookmarkButton:5,showCloseButton:5,showCollapseButton:5,showEditBookmarkButton:5,showFilter:5,hideFlow:5,showHeading:5,hideThumbnail:5,hideTime:5,timeDisabled:5,autoDestroyDisabled:5,messageOverrides:0,label:1,state:3}}static{this.styles=G}static{this.shadowRootOptions=A}async destroy(){await this.manager.destroy()}goTo(e){return this.viewModel.goTo(e)}loaded(){this.manager.onLifecycle(()=>[this.viewModel.on("bookmark-select",this.arcgisBookmarkSelect.emit),this.viewModel.on("bookmark-edit",this.arcgisBookmarkEdit.emit),S(()=>this._userState?.state,e=>this._userStateValue=e,{initial:!0}),S(()=>this._userState?.validationState,e=>this._userValidationState=e,{initial:!0}),S(()=>this._userState?.thumbnailState,e=>this._userThumbnailState=e,{initial:!0}),S(()=>this._userState?.creatingBookmark,e=>this._userCreatingBookmark=!!e,{initial:!0})])}startAddBookmark(){this._userState=new u({state:"add"}),requestAnimationFrame(()=>{this._addFlowItemEl?.setFocus()})}_clearState(){this._userState=null}_getTimeExtentStrings(e){let{hideTime:t}=this,{timeExtent:i}=e;if(!i)return{};let{start:a,end:o}=i,s=o!=null&&(a==null||a.getTime()!==o.getTime()),d=a?this._formatDate(a):"",b=a&&!t?this._formatTime(a):"";if(!s)return{startDate:d,startTime:b};let f=this._formatDate(o),k=t?"":this._formatTime(o);return{startDate:d,startTime:b,endDate:f,endTime:k}}_handleUrlEditInputChange(){let{_userState:e,_urlEditInputNode:t}=this,i=t?.value;if(!e?.editedBookmark||!i)return;e.validationState=void 0,x(e.editedBookmark.thumbnail?.url??"")&&(e.screenshotUrl=e.editedBookmark.thumbnail?.url);let a={url:i};$(a.url)&&(e.customUrl=i,e.editedBookmark.thumbnail=a)}_getBookmarkTitle(e){return(e?.name||this.messages.untitled)??""}_formatDate(e){if(!e)return"";let t=this.viewModel.view,i=t&&"timeZone"in t?t.timeZone:"system";return V(e,{...H("short-date"),timeZone:i})}_formatTime(e){if(!e)return"";let t=this.viewModel.view,i=t&&"timeZone"in t?t.timeZone:"system";return V(e,{...H("long-time"),timeZone:i})}_onCalciteListOrderChange(e){let{_lastDragDetail:t,bookmarks:i}=this,{toEl:a,fromEl:o,dragEl:s,newIndex:d}=e;if(!i.length)return;let b=t?.newIndex===d&&t?.dragEl===s&&t?.toEl===a&&t?.fromEl===o;if(!o||!a||b)return;this._lastDragDetail=e;let f=Array.from(o.children).filter(k=>k?.matches("calcite-list-item")).map(k=>k.value);i.sort((k,I)=>{let B=f.indexOf(k.uid),_=f.indexOf(I.uid);return B>_?1:B<_?-1:0})}_endAddBookmark(){this._clearState(),this._focusRootFlowItem()}_showEditBookmarkForm(e){e&&(this.editIncludeTimeExtent=!!e.timeExtent,this._userState=new u({bookmark:e,state:"edit"}),requestAnimationFrame(()=>{this._editFlowItemEl?.setFocus()}),this.viewModel.goTo(e))}async _createNewScreenshotUrl(){return(await this.viewModel.createBookmark()).thumbnail?.url??null}_storeCurrentUrl(){let{_userState:e}=this,t=e?.editedBookmark?.thumbnail?.url;t&&($(t)?e.customUrl=t:x(t)&&(e.screenshotUrl=t))}async _handleThumbnailTypeSelect(e){let{_userState:t}=this;if(!t)return;let{screenshotUrl:i,customUrl:a,editedBookmark:o}=t,s=e==="screenshot"?i??await this._createNewScreenshotUrl():e==="url"&&a?a:null;this._storeCurrentUrl(),o&&s&&(o.thumbnail={url:s}),t.validationState=void 0,t.thumbnailState=e}_focusRootFlowItem(){requestAnimationFrame(()=>{this._rootFlowItemEl?.setFocus()})}_closeEditBookmarkForm(){this._clearState(),this._focusRootFlowItem()}_addBookmarkSubmitClick(e){e.preventDefault(),this._addBookmarkSubmit()}async _addBookmarkSubmit(){let{_addInputNode:e,_userState:t,viewModel:i,viewModel:{bookmarks:a}}=this;if(!t)return;let o=e?e.value.trim():null;if(!o){t.validationState="name-required";return}t.creatingBookmark=!0;let s=await i.createBookmark();s.name=o,a.add(s),this._endAddBookmark()}async _editBookmarkAndClose(e,t){let{viewModel:i,viewModel:{defaultEditOptions:a}}=this;await i.editBookmark(e,{...a,...t}),this._closeEditBookmarkForm()}_editBookmarkSubmit(e){e.preventDefault();let{_userState:t,_editInputNode:i,editIncludeTimeExtent:a,_urlEditInputNode:o}=this;if(!t?.bookmark||!t.editedBookmark)return;t.validationState=void 0,t.customUrl=void 0,t.screenshotUrl=void 0;let s=i?.value.trim();if(!s){t.validationState="name-required";return}if(t.bookmark.name=s,t.bookmark.thumbnail=t.editedBookmark.thumbnail,a||(t.bookmark.timeExtent=null),t.thumbnailState==="url"&&o){let d={url:o.value};if(!$(d.url)){t.validationState="absolute-url-required";return}t.bookmark.thumbnail=d}else t.thumbnailState==="none"&&(t.bookmark.thumbnail=null);this._editBookmarkAndClose(t.bookmark,{takeScreenshot:!1,captureTimeExtent:a})}_storeEditInput(e){this._editInputNode=e}_storeAddInput(e){this._addInputNode=e}_storeUrlEditInput(e){this._urlEditInputNode=e}_deleteBookmark(e){this._closeEditBookmarkForm(),e&&(this.viewModel.bookmarks.remove(e),e.destroy())}_goToBookmark(e){this._clearState(),this.viewModel.goTo(e)}async _updateThumbnail(){let{_userState:e,viewModel:t}=this;e&&(e.validationState=void 0,await t.editBookmark(e.editedBookmark,{takeScreenshot:!0,captureViewpoint:!1,captureRotation:!1,captureScale:!1,captureTimeExtent:!1}))}_handleCalciteListDragEnd(e){let{fromEl:t,dragEl:i,oldIndex:a}=e;t.insertBefore(i,t.children[a])}render(){return r`<div class=${l(E(c.base,T.widget,{[T.panel]:!this.closed}))}>${this._renderBookmarksContainer()}</div>`}_renderNoBookmarksContainer(e){let{messages:t,viewModel:{state:i}}=this;return!e.length&&i!=="loading"?r`<div class=${l(c.empty)}><calcite-icon icon=bookmark scale=l></calcite-icon>${R({class:E(T.heading,c.noBookmarksHeader),level:this.headingLevel,children:t.noBookmarksHeading})}<p class=${l(c.noBookmarksDescription)}>${t.noBookmarksDescription}</p></div>`:null}_renderEditBookmarkFlowItems(){let e=this._userStateValue==="edit",t=this._userState?.editedBookmark;return!t||!e?[]:this._renderEditingBookmark(t)}_renderBookmarkItems(e){return e?e.toArray().map(t=>this._renderBookmark(t)):[]}_renderBookmarksContainer(){let{viewModel:{state:e,bookmarks:t},dragEnabled:i,messages:a,disabled:o,filterPlaceholder:s,filterText:d,closed:b,headingLevel:f}=this,k=t.filter(_=>_!=null),I=k.length?r`<calcite-list class=${l(c.list)} display-mode=flat .dragEnabled=${i} .filterEnabled=${this.showFilter} .filterPlaceholder=${s} .filterProps=${["label","description","metadata"]} .filterText=${d} .group=${`bookmarks-${this._guid}`} .label=${a.componentLabel??""} selection-appearance=border selection-mode=none @calciteListDragEnd=${_=>this._handleCalciteListDragEnd(_.detail)} @calciteListFilter=${_=>this.filterText=_.currentTarget?.filterText??""} @calciteListOrderChange=${_=>this._onCalciteListOrderChange(_.detail)}>${this._renderBookmarkItems(k)}${this.showFilter?r`<div class=${l(c.filterNoResults)} slot=filter-no-results><calcite-notice kind=info open width=full><div slot=message>${a.noBookmarksHeading}</div>;</calcite-notice></div>`:null}</calcite-list>`:null,B=[r`<calcite-flow-item .closable=${this.showCloseButton} .closed=${b} .collapsible=${this.showCollapseButton} .disabled=${o} .heading=${this.showHeading?a.componentLabel:void 0} .headingLevel=${f} .loading=${e==="loading"} .selected=${!this._userStateValue} @calciteFlowItemClose=${()=>this.closed=!0} ${p(this._storeRootFlowItem)}>${this._renderNoBookmarksContainer(k)}${I}${this._renderAddBookmarkButton()}</calcite-flow-item>`,this._renderAddingBookmark(),this._renderEditBookmarkFlowItems()];return b?null:this.hideFlow?B:r`<calcite-flow>${B}</calcite-flow>`}_renderAddBookmarkButton(){let{messages:e,disabled:t,viewModel:{view:i,state:a}}=this,o=this._userCreatingBookmark;return i&&a!=="loading"&&this.showAddBookmarkButton?r`<calcite-fab appearance=outline-fill class=${l(c.addBookmarkButton)} .disabled=${t||o} icon=plus kind=neutral .loading=${o} @click=${this.startAddBookmark} slot=fab .text=${e.addBookmark} text-enabled title=${e.addBookmark??v}></calcite-fab>`:null}_renderEditContainer(e){let{messages:t}=this,i=`${t.edit} ${this._getBookmarkTitle(e)}`;return this.showEditBookmarkButton?r`<calcite-action appearance=transparent icon=pencil @click=${()=>this._showEditBookmarkForm(e)} slot=actions-end .text=${i} title=${i??v}></calcite-action>`:null}_renderBookmarkImage(e,t){return t?r`<img alt class=${l(c.bookmarkImage)} src=${e.thumbnail?.url??v}>`:null}_renderBookmarkTimeSwitch(e){let{messages:t,viewModel:{view:i}}=this,{timeExtent:a}=e;return i?.timeExtent??a?r`<calcite-label layout=inline-space-between>${t.includeTimeExtent}<calcite-switch .checked=${!!a} @calciteSwitchChange=${o=>{this.editIncludeTimeExtent=!!o.currentTarget.checked}}></calcite-switch></calcite-label>`:null}_renderEditBookmarkTimeExtent(e){return this.editIncludeTimeExtent?this._renderBookmarkTimeExtent(e):null}_renderTimeExtentDescription(e){let{startDate:t,startTime:i,endDate:a,endTime:o}=this._getTimeExtentStrings(e);if(!t)return"";let s=`${t} ${i}`,d=`${a} ${o}`;return a?`${s} - ${d}`:s}_renderBookmarkTimeExtent(e,t=!1){let{messages:i}=this,{startDate:a,startTime:o,endDate:s,endTime:d}=this._getTimeExtentStrings(e),b=t?null:r`<calcite-table-row slot=table-header><calcite-table-header .heading=${i.startDate}></calcite-table-header>${s?r`<calcite-table-header .heading=${i.endDate}></calcite-table-header>`:null}</calcite-table-row>`;return a?r`<calcite-table .caption=${i.timeExtent??""} scale=s>${b}<calcite-table-row><calcite-table-cell>${a} ${o?[r`<br>`,o]:null}</calcite-table-cell>${s?r`<calcite-table-cell>${s}${d?[r`<br>`,d]:null}</calcite-table-cell>`:null}</calcite-table-row></calcite-table>`:null}_renderBookmarkActiveScrim(e,t){return this.viewModel.activeBookmark===e&&t?r`<calcite-scrim loading></calcite-scrim>`:null}_renderBookmarkActiveLoader(e,t){return this.viewModel.activeBookmark===e&&!t?r`<calcite-loader class=${l(c.loader)} inline .label=${this.messages.loading??""}></calcite-loader>`:null}_renderBookmarkImageIcon(e,t){return this.viewModel.activeBookmark!==e&&!t?r`<calcite-icon icon=bookmark scale=s></calcite-icon>`:null}_renderBookmarkThumbnail(e){let t=!this.hideThumbnail&&!!e.thumbnail?.url;return r`<div class=${l(c.bookmarkImageContainer)} slot=content-start>${this._renderBookmarkActiveScrim(e,t)}${this._renderBookmarkImage(e,t)}${this._renderBookmarkActiveLoader(e,t)}${this._renderBookmarkImageIcon(e,t)}</div>`}_renderBookmark(e){return q(e.uid,r`<calcite-list-item class=${l(E({[c.dragEnabled]:this.dragEnabled}))} .description=${this._renderTimeExtentDescription(e)} .label=${this._getBookmarkTitle(e)} .value=${e.uid} @calciteListItemSelect=${()=>this._goToBookmark(e)}>${this._renderBookmarkThumbnail(e)}${this._renderBookmarkContent(e)}${this._renderEditContainer(e)}</calcite-list-item>`)}_renderBookmarkContent(e){return r`<div class=${l(c.bookmarkContent)} slot=content><span class=${l(c.bookmarkContentLabel)}>${this._getBookmarkTitle(e)}</span>${this._renderBookmarkTimeExtent(e,!0)}</div>`}_renderEditingBookmarkName(e){let{messages:t}=this,i=this._userValidationState==="name-required";return r`<calcite-label>${t.title}<calcite-input class=${l(c.editBookmarkInput)} name=bookmark-name .placeholder=${t.titlePlaceholder} required type=text .value=${e.name} ${p(this._storeEditInput)}></calcite-input>${i?r`<calcite-input-message icon=exclamation-mark-triangle status=invalid>${t.invalidTitle}</calcite-input-message>`:null}</calcite-label>`}_renderEditingBookmarkActions(){let{messages:e,_userState:t}=this,i=t?.bookmark;return[r`<calcite-button appearance=transparent kind=danger @click=${()=>this._deleteBookmark(i)} slot=footer type=button width=full>${e.delete}</calcite-button>`,r`<calcite-button appearance=outline @click=${this._closeEditBookmarkForm} slot=footer type=button width=full>${e.cancel}</calcite-button>`,r`<calcite-button slot=footer type=submit width=full>${e.save}</calcite-button>`]}_renderEditingTimeExtent(e){let{capabilities:t,view:i}=this.viewModel,{timeExtent:a}=e;return t.time&&(i?.timeExtent??a)?r`<div>${this._renderBookmarkTimeSwitch(e)}${this._renderEditBookmarkTimeExtent(e)}</div>`:null}_renderEditingBookmarkImage(e){let{_userThumbnailState:t}=this,i=e.thumbnail?.url??"",a=$(i)?t==="url":x(i)?t==="screenshot":null;if(a)return this._renderBookmarkImage(e,a)}_renderEditingThumbnail(e){let{_userThumbnailState:t,hideThumbnail:i}=this;return!i&&t!=="none"?r`<div class=${l(c.authoringImageContainer)}>${this._renderEditingBookmarkImage(e)}</div>`:null}_renderUpdateThumbnailButton(){let{hideThumbnail:e,messages:t,_userThumbnailState:i}=this;return!e&&i==="screenshot"?r`<calcite-button appearance=outline class=${l(c.authoringRefreshThumbnailButton)} icon-start=refresh kind=neutral @click=${()=>void this._updateThumbnail()} width=full>${t.updateThumbnail}</calcite-button>`:null}_renderEditingBookmarkUrlInput(e){let{messages:t,_userValidationState:i,_userThumbnailState:a}=this,o=e.thumbnail?.url??"",s=$(o)?o:void 0,d=o&&i==="absolute-url-required";return a==="url"?r`<calcite-label><calcite-input name=bookmark-thumbnail-url pattern=https://.* .placeholder=${t?`https://<${t.imageUrlPlaceholder}>`:void 0} required title=${t.imageUrlTooltip??v} type=text .value=${s} @calciteInputChange=${this._handleUrlEditInputChange} @calciteInputInput=${this._handleUrlEditInputChange} ${p(this._storeUrlEditInput)}></calcite-input>${d?r`<calcite-input-message icon=exclamation-mark-triangle status=invalid>${t.invalidImageUrl}</calcite-input-message>`:null}</calcite-label>`:null}_renderThumbnailSelector(){let{hideThumbnail:e,messages:t,_userThumbnailState:i}=this;return e?null:r`<calcite-label>${t.thumbnail}<calcite-chip-group .label=${t.thumbnail??""} selection-mode=single-persist @calciteChipGroupSelect=${a=>this._handleThumbnailTypeSelect(a.currentTarget.selectedItems[0].value)}><calcite-chip .label=${t.screenshot??""} .selected=${i==="screenshot"} value=screenshot>${t.screenshot}</calcite-chip><calcite-chip .label=${t.url??""} .selected=${i==="url"} value=url>${t.url}</calcite-chip><calcite-chip .label=${t.none??""} .selected=${i==="none"} value=none>${t.none}</calcite-chip></calcite-chip-group></calcite-label>`}_renderEditingBookmark(e){let{disabled:t,messages:i,headingLevel:a}=this;return e?r`<form class=${l(c.form)} @submit=${this._editBookmarkSubmit}><calcite-flow-item .disabled=${t} .heading=${i.edit??""} .headingLevel=${a} .selected=${this._userStateValue==="edit"} @calciteFlowItemBack=${o=>{o.preventDefault(),this._closeEditBookmarkForm()}} ${p(this._storeEditFlowItemNode)}><div class=${l(c.formContent)}><div class=${l(c.authoring)}>${this._renderEditingBookmarkName(e)}${this._renderThumbnailSelector()}${this._renderEditingThumbnail(e)}${this._renderEditingBookmarkUrlInput(e)}${this._renderUpdateThumbnailButton()}${this._renderEditingTimeExtent(e)}</div></div>${this._renderEditingBookmarkActions()}</calcite-flow-item></form>`:null}_renderAddingBookmarkName(){let{messages:e}=this,t=this._userValidationState==="name-required";return r`<calcite-label>${e.title}<calcite-input class=${l(c.addBookmarkInput)} name=bookmark-name .placeholder=${e.titlePlaceholder} required type=text value ${p(this._storeAddInput)}></calcite-input>${t?r`<calcite-input-message icon=exclamation-mark-triangle status=invalid>${e.invalidTitle}</calcite-input-message>`:null}</calcite-label>`}_renderAddingBookmarkActions(){let{messages:e}=this;return[r`<calcite-button appearance=outline @click=${this._endAddBookmark} slot=footer type=button width=full>${e.cancel}</calcite-button>`,r`<calcite-button slot=footer type=submit width=full>${e.add}</calcite-button>`]}_renderAddingBookmark(){let{disabled:e,messages:t,headingLevel:i,_userStateValue:a}=this;return a==="add"?r`<form class=${l(c.form)} @submit=${this._addBookmarkSubmitClick}><calcite-flow-item .disabled=${e} .heading=${t.addBookmark} .headingLevel=${i} selected @calciteFlowItemBack=${o=>{o.preventDefault(),this._endAddBookmark()}} ${p(this._storeAddFlowItemNode)}><div class=${l(c.formContent)}>${this._renderAddingBookmarkName()}</div>${this._renderAddingBookmarkActions()}</calcite-flow-item></form>`:null}};L("arcgis-bookmarks",F);return F},"widgets/Bookmarks/BookmarksViewModel","intl","core/urlUtils","core/reactiveUtils","core/Accessor","core/accessorSupport/decorators",a,b,c)