@arcgis/map-components 4.34.0-next.61 → 4.34.0-next.63

package/dist/cdn/{AI3PJSZ5.js → 5I47UNDK.js}

@@ -1,4 +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.61 */
-import{a as q}from"./44FLNFVG.js";import"./6HXQR5XY.js";import{b as p}from"./TFM23XTE.js";import{a as R}from"./RDI27MT6.js";import"./SJFGATKA.js";import c from"./LTY2PSAJ.js";import{a as O}from"./SU3BCJSX.js";import{a as T}from"./GPKNTODI.js";import b from"./OQCOHEVF.js";import a from"./4ECPIGBS.js";import{f as N}from"./IX44QBDT.js";import"./SJBP6ZCP.js";import"./JQ5JWSG6.js";import{a as E}from"./RLAJR5SK.js";import{I as M,J as l,L as v,N as L,i as D,j as r,s as w,w as U,x as A}from"./JBQRWADZ.js";import"./UY65ULIM.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)
+v4.34.0-next.63 */
+import{a as q}from"./3NVIZFYN.js";import"./KP374FFK.js";import{b as p}from"./FZ7MEH2Z.js";import{a as R}from"./GEUGW4WE.js";import"./3OR3NFHT.js";import c from"./RHR626E6.js";import{a as O}from"./J2TWF4KC.js";import{a as T}from"./4RMOXDKF.js";import b from"./4KY4KZGR.js";import a from"./XDG6NGVV.js";import{f as N}from"./XRCHK22F.js";import"./WDGCJBQ4.js";import"./FG7OTKXQ.js";import{a as E}from"./HTBKLORZ.js";import{I as M,J as l,L as v,N as L,i as D,j as r,s as w,w as U,x as A}from"./YAR7BWZD.js";import"./ZJQ4EZHM.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)