@arcgis/core 4.28.0-next.20230921 → 4.28.0-next.20230923

package/widgets/Bookmarks.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.28/esri/copyright.txt for details.
 */
-import{_ as t}from"../chunks/tslib.es6.js";import{isSome as e}from"../core/arrayUtils.js";import{eventKey as o}from"../core/events.js";import{watch as s,initial as i,on as r}from"../core/reactiveUtils.js";import{property as a}from"../core/accessorSupport/decorators/property.js";import{cast as n}from"../core/accessorSupport/decorators/cast.js";import"../core/has.js";import{subclass as d}from"../core/accessorSupport/decorators/subclass.js";import{formatDate as l,convertDateFormatToIntlOptions as u}from"../intl/date.js";import{system as m}from"../time/timeZoneUtils.js";import{SlideThumbnail as k}from"../webdoc/support/SlideThumbnail.js";import h from"./Widget.js";import c from"./Bookmarks/BookmarksUserState.js";import p from"./Bookmarks/BookmarksViewModel.js";import{css as b}from"./Bookmarks/css.js";import _ from"./FeatureTable/Grid/support/ButtonMenu.js";import g from"./FeatureTable/Grid/support/ButtonMenuItem.js";import{loadCalciteComponents as B}from"./support/componentsUtils.js";import{globalCss as f}from"./support/globalCss.js";import{Heading as v}from"./support/Heading.js";import{legacyIcon as E}from"./support/legacyIcon.js";import{isActivationKey as I}from"./support/widgetUtils.js";import{messageBundle as y}from"./support/decorators/messageBundle.js";import{vmEvent as w}from"./support/decorators/vmEvent.js";import{tsx as S}from"./support/jsxFactory.js";import T from"sortablejs";function A(t,e,o){t.splice(o,0,t.splice(e,1)[0])}const x="bookmarks",U="data-bookmark-uid",C={addBookmark:!0,thumbnail:!0,time:!0},M=/^https:\/\/.*/i,N="esri.widgets.Bookmarks";let j=class extends h{constructor(t,e){super(t,e),this._tooltipReferenceMap=new Map,this._addInputNode=null,this._editInputNode=null,this._urlEditInputNode=null,this._addBookmarkButtonNode=null,this._focusAddBookmarkButton=!1,this._focusEditInputBox=!1,this._focusAddInputBox=!1,this._focusUrlEditInputBox=!1,this._sortable=null,this._sortableNode=null,this._focusSortUid=null,this._selectedSortUid=null,this._sortableSavedItems=[],this._editIncludeTimeExtent=void 0,this._userState=null,this.disabled=!1,this.editingEnabled=!1,this.headingLevel=2,this.iconClass=b.widgetIcon,this.icon=null,this.messages=null,this.messagesCommon=null,this.viewModel=new p,this.visibleElements={...C}}initialize(){this.addHandles([s((()=>this.viewModel?.bookmarks),(()=>this._bookmarksInitialized()),i),s((()=>this.editingEnabled),(()=>this._toggleSorting()),i)])}destroy(){this._destroySortable(),this._editMenu.destroy(),this._tooltipReferenceMap.clear()}loadDependencies(){return B({label:()=>import("@esri/calcite-components/dist/components/calcite-label.js"),switch:()=>import("@esri/calcite-components/dist/components/calcite-switch.js"),tooltip:()=>import("@esri/calcite-components/dist/components/calcite-tooltip.js")})}get _editMenuItems(){const{messages:t,_userState:o}=this,s=o?.editedBookmark?.thumbnail?.url;return[new g({label:t?.menu.refreshThumbnail,iconClass:E.refresh,clickFunction:()=>this._refreshThumbnail()}),new g({label:s&&M.test(s)?t?.menu.editImageUrl:t?.menu.useImageUrl,iconClass:E.link,clickFunction:()=>this._startUseImageUrl()}),s?new g({label:t?.menu.removeThumbnail,iconClass:E.erase,clickFunction:()=>this._removeThumbnail()}):null].filter(e)}get _editMenu(){const{_editMenuItems:t,messages:e,disabled:o}=this,s=this._get("_editMenu");s&&s.destroy();const i=new _({disabled:o,iconClass:E.handleHorizontal,label:e?.menu.label});return i.items=t,i}get defaultCreateOptions(){return this.viewModel.defaultCreateOptions}set defaultCreateOptions(t){this.viewModel.defaultCreateOptions=t}get defaultEditOptions(){return this.viewModel.defaultEditOptions}set defaultEditOptions(t){this.viewModel.defaultEditOptions=t}get bookmarks(){return this.viewModel.bookmarks}set bookmarks(t){this.viewModel.bookmarks=t}get goToOverride(){return this.viewModel.goToOverride}set goToOverride(t){this.viewModel.goToOverride=t}get label(){return this.messages?.widgetLabel??""}set label(t){this._overrideIfSome("label",t)}get view(){return this.viewModel.view}set view(t){this.viewModel.view=t}castVisibleElements(t){return{...C,...t}}endAddBookmark(){this._userState=null}goTo(t){return this.viewModel.goTo(t)}render(){const{state:t}=this.viewModel,e="loading"===t?this._renderLoading():this._renderBookmarks();return S("div",{class:this.classes(b.base,f.widget,f.panel,{[f.widgetDisabled]:this.disabled})},e)}startAddBookmark(){this._userState=new c({state:"add"}),this._focusAddInputBox=!0,this.scheduleRender()}_renderBookmarkTooltips(t){return t.toArray().map((t=>this._renderBookmarkTooltip(t)))??[]}_renderBookmarkTooltip(t){const{_tooltipReferenceMap:e,messagesCommon:o}=this,s=this._getBookmarkTitle(t),i=`${o?.dragHandleTitle} ${s}`;return t?S("calcite-tooltip",{key:`tooltip-${t.uid}`,referenceElement:e.get(t.uid)},i):null}_renderLoading(){return S("div",{class:b.loaderContainer,key:"loader",tabIndex:this.disabled?-1:void 0},S("div",{class:b.loader}))}_renderNoBookmarksContainer(){const{messages:t,disabled:e}=this;return S("div",{class:f.empty,key:"no-bookmarks",tabIndex:e?-1:void 0},S("span",{"aria-hidden":"true",class:this.classes(f.noBookmarksIcon,b.widgetIcon)}),S(v,{level:this.headingLevel,class:this.classes(f.heading,b.noBookmarksHeader)},t?.noBookmarksHeading),S("p",{class:b.noBookmarksDescription},t?.noBookmarksDescription))}_renderAddBookmarkLoading(){return S("div",{key:"adding-bookmark",class:b.addingBookmark},S("span",{"aria-hidden":"true",class:this.classes(E.loadingIndicator,f.rotating)}),this.messages?.addingBookmark)}_renderBookmarkItems(t){if(!t)return[];const{_userState:e,editingEnabled:o}=this;return t.map((t=>o&&t&&e&&("edit"===e.state||"edit-thumbnail"===e.state)&&e.bookmark===t?"edit-thumbnail"===e.state?this._renderEditingBookmarkUrl(e.editedBookmark):this._renderEditingBookmark(e.editedBookmark):this._renderBookmark(t))).toArray()}_renderBookmarksContainer(t){const{_userState:e,editingEnabled:o,disabled:s,view:i}=this,r="add"===e?.state,a=i&&o&&!r?this._renderAddBookmarkButton():null,n=o?r&&e.loading?this._renderAddBookmarkLoading():"add"===e?.state?this._renderAddingBookmark():null:null;return[S("ul",{key:"bookmark-list","aria-label":this.messages?.widgetLabel,class:this.classes(b.bookmarkList,{[b.bookmarkListSortable]:this.editingEnabled}),afterCreate:this._sortNodeCreated,afterRemoved:this._destroySortable,"data-node-ref":"_sortableNode",bind:this,tabIndex:s?-1:void 0},this._renderBookmarkItems(t)),a,n]}_renderAddBookmarkButton(){return this.visibleElements.addBookmark?S("div",{key:"add-bookmark-item",class:b.addBookmark},S("button",{class:this.classes(f.button,f.buttonTertiary,b.addBookmarkButton),disabled:this.disabled,onclick:this.startAddBookmark,afterCreate:this._storeAddBookmarkButton,afterUpdate:this._storeAddBookmarkButton,"data-node-ref":"_addBookmarkButtonNode",bind:this,type:"button"},S("span",{"aria-hidden":"true",class:this.classes(b.addBookmarkIcon,E.plus)}),this.messages?.addBookmark)):null}_renderBookmarks(){const{bookmarks:t}=this.viewModel,e=t&&t.filter(Boolean),o=e&&e.length,s=o||this.editingEnabled?this._renderBookmarksContainer(e):null;return[o?null:this._renderNoBookmarksContainer(),s,this._renderBookmarkTooltips(t)]}_renderEditContainer(t){const{messagesCommon:e,disabled:o}=this,s=this._getBookmarkTitle(t);return S("div",{class:b.bookmarkEditButtonContainer,key:"edit-container"},S("button",{disabled:o,title:`${e?.edit} ${s}`,"aria-label":`${e?.edit} ${s}`,"data-bookmark":t,onclick:this._showEditBookmarkForm,bind:this,class:b.bookmarkEditButton,type:"button"},S("span",{"aria-hidden":"true",class:E.edit})))}_renderDragHandle(t){const{messagesCommon:e,disabled:o}=this,s=this._getBookmarkTitle(t),i={[U]:t.uid};return S("div",{role:"button",tabIndex:o?-1:0,key:"drag-handle",bind:this,class:b.bookmarkDragHandle,onkeydown:this._dragHandleKeydown,"data-bookmark":t,afterCreate:this._focusDragHandle,afterUpdate:this._focusDragHandle,onblur:this._dragHandleBlur,"aria-pressed":this._selectedSortUid===t.uid?"true":"false","aria-label":`${e?.dragHandleTitle} ${s}`,...i},S("span",{"aria-hidden":"true",class:this.classes(b.bookmarkDragHandleIcon,E.handleVertical)}))}_renderBookmarkImageIcon(){return S("span",{"aria-hidden":"true",class:this.classes(b.bookmarkIcon,b.widgetIcon)})}_renderBookmarkImage(t){const{visibleElements:e}=this,{thumbnail:o}=t,s=o&&o.url||"";return e.thumbnail&&s?S("img",{src:s,alt:"",class:b.bookmarkImage}):null}_renderBookmarkTimeSwitch(t){const{messages:e,disabled:o}=this,{timeExtent:s}=t,{view:i}=this.viewModel;return i?.timeExtent??s?S("calcite-label",{layout:"inline-space-between"},e?.includeTimeExtent,S("calcite-switch",{scale:"s",disabled:o,checked:!!s,onCalciteSwitchChange:t=>{this._editIncludeTimeExtent=!!t.target.checked}})):null}_renderBookmarkTimeExtent(t){const{visibleElements:e}=this,{timeExtent:o}=t;return o?S("span",{class:b.timeExtent},[null!=o.start&&S("span",{key:"start-date-group",class:b.timeExtentGroup},S("span",{key:"start-date",class:b.timeExtentDate},this._formatDate(o.start)),e.time&&S("span",{key:"start-time",class:b.timeExtentTime},this._formatTime(o.start))),null!=o.end&&(null==o.start||o.start.getTime()!==o.end.getTime())&&S("span",{key:"end-date-group",class:b.timeExtentGroup},S("span",{key:"end-date",class:b.timeExtentDate},this._formatDate(o.end)),e.time&&S("span",{key:"end-time",class:b.timeExtentTime},this._formatTime(o.end)))]):null}_renderBookmarkButton(t){const{disabled:e}=this,{timeExtent:o}=t,{capabilities:s}=this.viewModel,i=this._getBookmarkTitle(t),{thumbnail:r}=t,a=S("div",{class:this.classes(b.bookmarkImageContainer,r&&r.url?b.bookmarkImageContainerHasImage:null)},this._renderBookmarkImage(t)||this._renderBookmarkImageIcon()),n=s.time&&o?S("span",{key:"time-extent",class:b.bookmarkTimeExtent},this._renderBookmarkTimeExtent(t)):null;return S("button",{disabled:e,key:"bookmark-button",class:b.bookmarkButton,bind:this,"data-bookmark":t,onclick:this._goToBookmark,type:"button"},a,S("div",{class:b.bookmarkLabel},S("span",{key:"bookmark-title",class:b.bookmarkName},i),n))}_renderBookmark(t){const{activeBookmark:e}=this.viewModel,o={[b.bookmarkActive]:e===t},s=this.editingEnabled?this._renderEditContainer(t):null,i={[U]:t.uid},r=this.editingEnabled?this._renderDragHandle(t):null;return S("li",{key:t,class:this.classes(b.bookmark,o),...i},r,this._renderBookmarkButton(t),s)}_renderEditingBookmarkName(t){const{messages:e,_userState:o,disabled:s}=this,i="name-required"===o?.validationState;return S("label",{class:this.classes({[b.authoringLabel]:!0,[b.authoringLabelStartPadding]:!!this.visibleElements?.thumbnail})},e?.title,i?S("strong",null,e?.invalidTitle):null,S("input",{required:!0,disabled:s,bind:this,class:this.classes(f.input,i?b.authoringInputInvalid:null),type:"text",value:t.name,afterCreate:this._storeEditInput,afterUpdate:this._focusEditInput,"data-bookmark":t,"data-node-ref":"_editInputNode",placeholder:e?.titlePlaceholder}))}_renderEditingBookmarkUrlActions(){const{messagesCommon:t,disabled:e}=this;return S("div",{class:b.authoringActions},S("input",{type:"button",disabled:e,value:t?.back,class:this.classes(f.button,f.buttonTertiary),onclick:this._closeUrlEditBookmarkForm,bind:this}),S("input",{class:f.button,disabled:e,type:"submit",value:t?.add}))}_renderEditingBookmarkActions(){const{messagesCommon:t,disabled:e}=this,o=this._userState?.bookmark;return S("div",{class:b.authoringActions},S("input",{type:"button",disabled:e,value:t?.delete,class:this.classes(f.button,f.buttonTertiary,b.authoringDeleteButton),"data-bookmark":o,onclick:this._deleteBookmark,bind:this}),S("input",{disabled:e,type:"button",value:t?.cancel,class:this.classes(f.button,f.buttonTertiary),onclick:this._closeEditBookmarkForm,bind:this}),S("input",{class:f.button,disabled:e,type:"submit",value:t?.save}))}_renderEditingBookmarkUrlInput(t){const{messages:e,_userState:o,disabled:s}=this,i=t.thumbnail?.url,r=i&&M.test(i)?i:void 0,a="absolute-url-required"===o?.validationState;return S("label",{class:this.classes({[b.authoringLabel]:!0,[b.authoringLabelStartPadding]:!!this.visibleElements?.thumbnail})},a?S("strong",null,e?.invalidImageUrl):null,S("input",{required:!0,disabled:s,bind:this,class:this.classes(f.input,a?b.authoringInputInvalid:null),type:"text",value:r,afterCreate:this._storeUrlEditInput,afterUpdate:this._focusUrlEditInput,"data-bookmark":t,"data-node-ref":"_urlEditInputNode",title:e?.imageUrlTooltip,placeholder:e?`https://<${e.imageUrlPlaceholder}>`:void 0}))}_renderEditingBookmarkUrl(t){if(!t)return null;const e={[U]:t.uid};return S("li",{key:"edit-bookmark-url-form",class:b.authoringCard,...e},S("form",{class:b.authoringForm,disabled:this.disabled,onsubmit:this._editBookmarkUrlSubmit,bind:this},this._renderEditingBookmarkUrlInput(t),this._renderEditingBookmarkUrlActions()))}_renderEditingBookmark(t){if(!t)return null;const e={[U]:t.uid},{capabilities:o}=this.viewModel,s=o.time?S("div",{key:"edit-bookmark-time-container",class:b.timeExtentContainer},this._renderBookmarkTimeSwitch(t),this._editIncludeTimeExtent&&this._renderBookmarkTimeExtent(t)):null;return S("li",{key:"edit-bookmark-form",class:b.authoringCard,...e},S("form",{class:b.authoringForm,disabled:this.disabled,onsubmit:this._editBookmarkSubmit,bind:this},S("div",{class:b.authoringContainer},this.visibleElements.thumbnail?S("div",{class:b.bookmarkImageContainer},this._renderBookmarkImage(t),this._editMenu.render()):null,this._renderEditingBookmarkName(t)),s,this._renderEditingBookmarkActions()))}_renderAddingBookmarkName(){const{_userState:t,messages:e,disabled:o}=this,s="name-required"===t?.validationState;return S("label",{class:b.authoringLabel},e?.title,s?S("strong",null,e?.invalidTitle):null,S("input",{required:!0,disabled:o,bind:this,class:this.classes(f.input,s?b.authoringInputInvalid:null),type:"text",afterCreate:this._storeAddInput,afterUpdate:this._focusAddInput,"data-node-ref":"_addInputNode",value:"",placeholder:e?.titlePlaceholder}))}_renderAddingBookmarkActions(){const{messagesCommon:t,disabled:e}=this;return S("div",{class:this.classes(b.authoringActions)},S("input",{type:"button",disabled:e,value:t?.cancel,class:this.classes(f.button,f.buttonTertiary,b.authoringCancelButton),onclick:this._endAddBookmark.bind(this),bind:this}),S("input",{class:f.button,disabled:e,type:"submit",value:t?.add}))}_renderAddingBookmark(){return S("div",{key:"add-bookmark-form",class:b.authoringCard},S("form",{class:this.classes(b.authoringForm,b.authoringFormAdding),onsubmit:this._addBookmarkSubmit,bind:this},this._renderAddingBookmarkName(),this._renderAddingBookmarkActions()))}_setTooltipReference(t,e){this._tooltipReferenceMap.set(e.uid,t),this.scheduleRender()}_getBookmarkTitle(t){return(t?.name||this.messagesCommon?.untitled)??""}_formatDate(t){return t?l(t,{...u("short-date"),timeZone:this.view?.timeZone??m}):""}_formatTime(t){return t?l(t,{...u("long-time"),timeZone:this.view?.timeZone??m}):""}_dragHandleBlur(){this._selectedSortUid=null,this.scheduleRender()}_dragHandleKeydown(t){const{_sortableSavedItems:e}=this,s=["ArrowDown","ArrowUp","Escape","Tab"," ","Enter"],i=o(t);if(!s.includes(i))return;const{_sortable:r,_selectedSortUid:a}=this;if(!r)return;const n=r.toArray(),d=t.target.getAttribute(U),l=n.indexOf(d);if(I(i)){const t=a&&a===d;return this._selectedSortUid=t?null:d,this._sortableSavedItems=t?[]:r.toArray(),void this.scheduleRender()}if("Tab"===i)return this._selectedSortUid=null,void this.scheduleRender();if("Escape"===i&&0!==e.length)return t.stopPropagation(),this._selectedSortUid=null,this._updateSortItems(e,r,d),void this.scheduleRender();if(-1===l||!a)return;const u="ArrowUp"===i?l-1:l+1;u>=n.length||u<=-1||(A(n,l,u),this._updateSortItems(n,r,d))}_updateSortItems(t,e,o){e.sort(t),this._sortBookmarks(e),this._focusSortUid=o,this._selectedSortUid=o}_focusDragHandle(t){const e=H(t);if(!e)return;this._setTooltipReference(t,e);const{_focusSortUid:o}=this;if(!t||!o)return;t.getAttribute(U)===o&&(t.focus(),this._focusSortUid=null)}_toggleSorting(){const{_sortable:t,_sortableNode:e,editingEnabled:o,disabled:s}=this;if(e)if(t)t.option("disabled",s||!o);else{const t=T.create(e,{dataIdAttr:U,handle:`.${b.bookmarkDragHandle}`,group:x,disabled:s||!o,onSort:()=>this._sortBookmarks(t)});this._sortable=t}}_sortNodeCreated(t){this._sortableNode=t,this._toggleSorting()}_sortBookmarks(t){const{bookmarks:e}=this.viewModel;if(!e)return;const o=t.toArray();e.sort(((t,e)=>{const s=o.indexOf(t.uid),i=o.indexOf(e.uid);return s>i?1:s<i?-1:0}))}_destroySortable(){const{_sortable:t}=this;t&&t.destroy(),this._sortable=null}_endAddBookmark(){this._focusAddBookmarkButton=!0,this.endAddBookmark()}_bookmarksInitialized(){const t="bookmarks-init";this.removeHandles(t),this.addHandles(r((()=>this.viewModel?.bookmarks),"change",(()=>this._bookmarksChanged())),t)}_bookmarksChanged(){const t="bookmarks-change",{bookmarks:e}=this.viewModel;this.removeHandles(t);const o=e.map((t=>s((()=>[t?.name,t?.thumbnail?.url]),(()=>this.scheduleRender()))));this.addHandles(o.toArray(),t),this.scheduleRender()}_showEditBookmarkForm(t){const e=H(t.currentTarget);e&&(this._editIncludeTimeExtent=!!e.timeExtent,this._focusEditInputBox=!0,this._userState=new c({bookmark:e,state:"edit"}),this.viewModel.goTo(e),this.scheduleRender())}_closeUrlEditBookmarkForm(){this._focusEditInputBox=!0,this._userState&&(this._userState.state="edit")}_closeEditBookmarkForm(){this._userState=null}_addBookmarkSubmit(t){t.preventDefault();const{_addInputNode:e,_userState:o}=this;if(!o)return;const s=e?e.value.trim():null;s?(o.loading=!0,this.viewModel.createBookmark().then((t=>{t.name=s,this.viewModel.bookmarks.add(t),this._endAddBookmark()}))):o.validationState="name-required"}async _editBookmarkAndClose(t,e){const{viewModel:o}=this;await o.editBookmark(t,{...o.defaultEditOptions,...e}),this._closeEditBookmarkForm()}_editBookmarkSubmit(t){t.preventDefault();const{_editInputNode:e,_userState:o,_editIncludeTimeExtent:s}=this;if(!o?.bookmark||!o.editedBookmark)return;const i=e&&e.value.trim();i?(o.bookmark.name=i,o.bookmark.thumbnail=o.editedBookmark.thumbnail,s||(o.bookmark.timeExtent=null),this._editBookmarkAndClose(o.bookmark,{takeScreenshot:!1,captureTimeExtent:s})):o.validationState="name-required"}_storeAddBookmarkButton(t){this._addBookmarkButtonNode=t,this._focusAddBookmark()}_storeEditInput(t){this._editInputNode=t,this._focusEditInput()}_storeAddInput(t){this._addInputNode=t,this._focusAddInput()}_storeUrlEditInput(t){this._urlEditInputNode=t,this._focusUrlEditInput()}_focusUrlEditInput(){this._urlEditInputNode&&this._focusUrlEditInputBox&&(this._focusUrlEditInputBox=!1,this._urlEditInputNode.focus())}_focusAddInput(){this._addInputNode&&this._focusAddInputBox&&(this._focusAddInputBox=!1,this._addInputNode.focus())}_focusAddBookmark(){this._addBookmarkButtonNode&&this._focusAddBookmarkButton&&(this._focusAddBookmarkButton=!1,this._addBookmarkButtonNode.focus())}_focusEditInput(){this._editInputNode&&this._focusEditInputBox&&(this._focusEditInputBox=!1,this._editInputNode.focus())}_deleteBookmark(t){const e=H(t.currentTarget);e&&this.viewModel.bookmarks.remove(e)}_goToBookmark(t){const e=H(t.currentTarget);e&&(this.endAddBookmark(),this._closeEditBookmarkForm(),this.viewModel.goTo(e))}async _refreshThumbnail(){const{_userState:t,_editMenu:e,viewModel:o}=this;t&&(t.validationState=void 0,await o.editBookmark(t.editedBookmark,{takeScreenshot:!0,captureViewpoint:!1,captureRotation:!1,captureScale:!1,captureTimeExtent:!1}),e.open=!1,this._focusEditInputBox=!0,this.scheduleRender())}_removeThumbnail(){const{_userState:t,_editMenu:e}=this;t?.editedBookmark&&(t.editedBookmark.thumbnail=null,t.validationState=void 0,e.open=!1,this._focusEditInputBox=!0,this.scheduleRender())}_startUseImageUrl(){this._userState&&(this._userState.state="edit-thumbnail"),this._editMenu.open=!1,this._focusUrlEditInputBox=!0,this.scheduleRender()}_editBookmarkUrlSubmit(t){t.preventDefault();const{_urlEditInputNode:e,_userState:o}=this;if(!e||!o)return;const s=e.value;M.test(s)?(s&&o.editedBookmark&&(o.editedBookmark.thumbnail=new k({url:s})),this._closeUrlEditBookmarkForm()):o.validationState="absolute-url-required"}};function H(t){return t["data-bookmark"]}t([a()],j.prototype,"_editIncludeTimeExtent",void 0),t([a({type:c})],j.prototype,"_userState",void 0),t([a({readOnly:!0})],j.prototype,"_editMenuItems",null),t([a({readOnly:!0})],j.prototype,"_editMenu",null),t([a()],j.prototype,"defaultCreateOptions",null),t([a()],j.prototype,"defaultEditOptions",null),t([a()],j.prototype,"bookmarks",null),t([a()],j.prototype,"disabled",void 0),t([a()],j.prototype,"editingEnabled",void 0),t([a()],j.prototype,"headingLevel",void 0),t([a()],j.prototype,"goToOverride",null),t([a()],j.prototype,"iconClass",void 0),t([a()],j.prototype,"icon",void 0),t([a()],j.prototype,"label",null),t([a(),y("esri/widgets/Bookmarks/t9n/Bookmarks")],j.prototype,"messages",void 0),t([a(),y("esri/t9n/common")],j.prototype,"messagesCommon",void 0),t([a()],j.prototype,"uiStrings",void 0),t([a()],j.prototype,"view",null),t([a({type:p}),w(["select-bookmark","bookmark-edit","bookmark-select"])],j.prototype,"viewModel",void 0),t([a()],j.prototype,"visibleElements",void 0),t([n("visibleElements")],j.prototype,"castVisibleElements",null),t([a()],j.prototype,"endAddBookmark",null),t([a()],j.prototype,"startAddBookmark",null),j=t([d(N)],j);const D=j;export{D as default};
+import{_ as t}from"../chunks/tslib.es6.js";import{isSome as e}from"../core/arrayUtils.js";import{eventKey as o}from"../core/events.js";import{watch as s,initial as i,on as r}from"../core/reactiveUtils.js";import{property as a}from"../core/accessorSupport/decorators/property.js";import{cast as n}from"../core/accessorSupport/decorators/cast.js";import"../core/has.js";import{subclass as d}from"../core/accessorSupport/decorators/subclass.js";import{formatDate as l,convertDateFormatToIntlOptions as u}from"../intl/date.js";import{system as m}from"../time/timeZoneUtils.js";import{SlideThumbnail as k}from"../webdoc/support/SlideThumbnail.js";import h from"./Widget.js";import c from"./Bookmarks/BookmarksUserState.js";import p from"./Bookmarks/BookmarksViewModel.js";import{css as b}from"./Bookmarks/css.js";import _ from"./FeatureTable/Grid/support/ButtonMenu.js";import g from"./FeatureTable/Grid/support/ButtonMenuItem.js";import{loadCalciteComponents as B}from"./support/componentsUtils.js";import{globalCss as f}from"./support/globalCss.js";import{Heading as v}from"./support/Heading.js";import{legacyIcon as E}from"./support/legacyIcon.js";import{isActivationKey as I}from"./support/widgetUtils.js";import{messageBundle as y}from"./support/decorators/messageBundle.js";import{vmEvent as w}from"./support/decorators/vmEvent.js";import{tsx as S}from"./support/jsxFactory.js";import T from"sortablejs";function A(t,e,o){t.splice(o,0,t.splice(e,1)[0])}const x="bookmarks",U="data-bookmark-uid",C={addBookmark:!0,thumbnail:!0,time:!0},M=/^https:\/\/.*/i,N="esri.widgets.Bookmarks";let j=class extends h{constructor(t,e){super(t,e),this._tooltipReferenceMap=new Map,this._addInputNode=null,this._editInputNode=null,this._urlEditInputNode=null,this._addBookmarkButtonNode=null,this._focusAddBookmarkButton=!1,this._focusEditInputBox=!1,this._focusAddInputBox=!1,this._focusUrlEditInputBox=!1,this._sortable=null,this._sortableNode=null,this._focusSortUid=null,this._selectedSortUid=null,this._sortableSavedItems=[],this._editIncludeTimeExtent=void 0,this._userState=null,this.disabled=!1,this.editingEnabled=!1,this.headingLevel=2,this.iconClass=b.widgetIcon,this.icon=null,this.messages=null,this.messagesCommon=null,this.viewModel=new p,this.visibleElements={...C}}initialize(){this.addHandles([s((()=>this.viewModel?.bookmarks),(()=>this._bookmarksInitialized()),i),s((()=>this.editingEnabled),(()=>this._toggleSorting()),i)])}destroy(){this._destroySortable(),this._editMenu.destroy(),this._tooltipReferenceMap.clear()}loadDependencies(){return B({label:()=>import("@esri/calcite-components/dist/components/calcite-label.js"),switch:()=>import("@esri/calcite-components/dist/components/calcite-switch.js"),tooltip:()=>import("@esri/calcite-components/dist/components/calcite-tooltip.js")})}get _editMenuItems(){const{messages:t,_userState:o}=this,s=o?.editedBookmark?.thumbnail?.url;return[new g({label:t?.menu.refreshThumbnail,iconClass:E.refresh,clickFunction:()=>this._refreshThumbnail()}),new g({label:s&&M.test(s)?t?.menu.editImageUrl:t?.menu.useImageUrl,iconClass:E.link,clickFunction:()=>this._startUseImageUrl()}),s?new g({label:t?.menu.removeThumbnail,iconClass:E.erase,clickFunction:()=>this._removeThumbnail()}):null].filter(e)}get _editMenu(){const{_editMenuItems:t,messages:e,disabled:o}=this,s=this._get("_editMenu");s&&s.destroy();const i=new _({disabled:o,iconClass:E.handleHorizontal,label:e?.menu.label});return i.items=t,i}get defaultCreateOptions(){return this.viewModel.defaultCreateOptions}set defaultCreateOptions(t){this.viewModel.defaultCreateOptions=t}get defaultEditOptions(){return this.viewModel.defaultEditOptions}set defaultEditOptions(t){this.viewModel.defaultEditOptions=t}get bookmarks(){return this.viewModel.bookmarks}set bookmarks(t){this.viewModel.bookmarks=t}get goToOverride(){return this.viewModel.goToOverride}set goToOverride(t){this.viewModel.goToOverride=t}get label(){return this.messages?.widgetLabel??""}set label(t){this._overrideIfSome("label",t)}get view(){return this.viewModel.view}set view(t){this.viewModel.view=t}castVisibleElements(t){return{...C,...t}}endAddBookmark(){this._userState=null}goTo(t){return this.viewModel.goTo(t)}render(){const{state:t}=this.viewModel,e="loading"===t?this._renderLoading():this._renderBookmarks();return S("div",{class:this.classes(b.base,f.widget,f.panel,{[f.widgetDisabled]:this.disabled})},e)}startAddBookmark(){this._userState=new c({state:"add"}),this._focusAddInputBox=!0,this.scheduleRender()}_renderBookmarkTooltips(t){return t.toArray().map((t=>this._renderBookmarkTooltip(t)))??[]}_renderBookmarkTooltip(t){const{_tooltipReferenceMap:e,messagesCommon:o}=this,s=this._getBookmarkTitle(t),i=`${o?.dragHandleTitle} ${s}`;return t?S("calcite-tooltip",{key:`tooltip-${t.uid}`,referenceElement:e.get(t.uid)},i):null}_renderLoading(){return S("div",{class:b.loaderContainer,key:"loader",tabIndex:this.disabled?-1:void 0},S("div",{class:b.loader}))}_renderNoBookmarksContainer(){const{messages:t,disabled:e}=this;return S("div",{class:f.empty,key:"no-bookmarks",tabIndex:e?-1:void 0},S("span",{"aria-hidden":"true",class:this.classes(f.noBookmarksIcon,b.widgetIcon)}),S(v,{class:this.classes(f.heading,b.noBookmarksHeader),level:this.headingLevel},t?.noBookmarksHeading),S("p",{class:b.noBookmarksDescription},t?.noBookmarksDescription))}_renderAddBookmarkLoading(){return S("div",{class:b.addingBookmark,key:"adding-bookmark"},S("span",{"aria-hidden":"true",class:this.classes(E.loadingIndicator,f.rotating)}),this.messages?.addingBookmark)}_renderBookmarkItems(t){if(!t)return[];const{_userState:e,editingEnabled:o}=this;return t.map((t=>o&&t&&e&&("edit"===e.state||"edit-thumbnail"===e.state)&&e.bookmark===t?"edit-thumbnail"===e.state?this._renderEditingBookmarkUrl(e.editedBookmark):this._renderEditingBookmark(e.editedBookmark):this._renderBookmark(t))).toArray()}_renderBookmarksContainer(t){const{_userState:e,editingEnabled:o,disabled:s,view:i}=this,r="add"===e?.state,a=i&&o&&!r?this._renderAddBookmarkButton():null,n=o?r&&e.loading?this._renderAddBookmarkLoading():"add"===e?.state?this._renderAddingBookmark():null:null;return[S("ul",{afterCreate:this._sortNodeCreated,afterRemoved:this._destroySortable,"aria-label":this.messages?.widgetLabel,bind:this,class:this.classes(b.bookmarkList,{[b.bookmarkListSortable]:this.editingEnabled}),"data-node-ref":"_sortableNode",key:"bookmark-list",tabIndex:s?-1:void 0},this._renderBookmarkItems(t)),a,n]}_renderAddBookmarkButton(){return this.visibleElements.addBookmark?S("div",{class:b.addBookmark,key:"add-bookmark-item"},S("button",{afterCreate:this._storeAddBookmarkButton,afterUpdate:this._storeAddBookmarkButton,bind:this,class:this.classes(f.button,f.buttonTertiary,b.addBookmarkButton),"data-node-ref":"_addBookmarkButtonNode",disabled:this.disabled,onclick:this.startAddBookmark,type:"button"},S("span",{"aria-hidden":"true",class:this.classes(b.addBookmarkIcon,E.plus)}),this.messages?.addBookmark)):null}_renderBookmarks(){const{bookmarks:t}=this.viewModel,e=t&&t.filter(Boolean),o=e&&e.length,s=o||this.editingEnabled?this._renderBookmarksContainer(e):null;return[o?null:this._renderNoBookmarksContainer(),s,this._renderBookmarkTooltips(t)]}_renderEditContainer(t){const{messagesCommon:e,disabled:o}=this,s=this._getBookmarkTitle(t);return S("div",{class:b.bookmarkEditButtonContainer,key:"edit-container"},S("button",{"aria-label":`${e?.edit} ${s}`,bind:this,class:b.bookmarkEditButton,"data-bookmark":t,disabled:o,onclick:this._showEditBookmarkForm,title:`${e?.edit} ${s}`,type:"button"},S("span",{"aria-hidden":"true",class:E.edit})))}_renderDragHandle(t){const{messagesCommon:e,disabled:o}=this,s=this._getBookmarkTitle(t),i={[U]:t.uid};return S("div",{afterCreate:this._focusDragHandle,afterUpdate:this._focusDragHandle,"aria-label":`${e?.dragHandleTitle} ${s}`,"aria-pressed":this._selectedSortUid===t.uid?"true":"false",bind:this,class:b.bookmarkDragHandle,"data-bookmark":t,key:"drag-handle",onblur:this._dragHandleBlur,onkeydown:this._dragHandleKeydown,role:"button",tabIndex:o?-1:0,...i},S("span",{"aria-hidden":"true",class:this.classes(b.bookmarkDragHandleIcon,E.handleVertical)}))}_renderBookmarkImageIcon(){return S("span",{"aria-hidden":"true",class:this.classes(b.bookmarkIcon,b.widgetIcon)})}_renderBookmarkImage(t){const{visibleElements:e}=this,{thumbnail:o}=t,s=o&&o.url||"";return e.thumbnail&&s?S("img",{alt:"",class:b.bookmarkImage,src:s}):null}_renderBookmarkTimeSwitch(t){const{messages:e,disabled:o}=this,{timeExtent:s}=t,{view:i}=this.viewModel;return i?.timeExtent??s?S("calcite-label",{layout:"inline-space-between"},e?.includeTimeExtent,S("calcite-switch",{checked:!!s,disabled:o,scale:"s",onCalciteSwitchChange:t=>{this._editIncludeTimeExtent=!!t.target.checked}})):null}_renderBookmarkTimeExtent(t){const{visibleElements:e}=this,{timeExtent:o}=t;return o?S("span",{class:b.timeExtent},[null!=o.start&&S("span",{class:b.timeExtentGroup,key:"start-date-group"},S("span",{class:b.timeExtentDate,key:"start-date"},this._formatDate(o.start)),e.time?S("span",{class:b.timeExtentTime,key:"start-time"},this._formatTime(o.start)):null),null!=o.end&&(null==o.start||o.start.getTime()!==o.end.getTime())&&S("span",{class:b.timeExtentGroup,key:"end-date-group"},S("span",{class:b.timeExtentDate,key:"end-date"},this._formatDate(o.end)),e.time?S("span",{class:b.timeExtentTime,key:"end-time"},this._formatTime(o.end)):null)]):null}_renderBookmarkButton(t){const{disabled:e}=this,{timeExtent:o}=t,{capabilities:s}=this.viewModel,i=this._getBookmarkTitle(t),{thumbnail:r}=t,a=S("div",{class:this.classes(b.bookmarkImageContainer,r&&r.url?b.bookmarkImageContainerHasImage:null)},this._renderBookmarkImage(t)||this._renderBookmarkImageIcon()),n=s.time&&o?S("span",{class:b.bookmarkTimeExtent,key:"time-extent"},this._renderBookmarkTimeExtent(t)):null;return S("button",{bind:this,class:b.bookmarkButton,"data-bookmark":t,disabled:e,key:"bookmark-button",onclick:this._goToBookmark,type:"button"},a,S("div",{class:b.bookmarkLabel},S("span",{class:b.bookmarkName,key:"bookmark-title"},i),n))}_renderBookmark(t){const{activeBookmark:e}=this.viewModel,o={[b.bookmarkActive]:e===t},s=this.editingEnabled?this._renderEditContainer(t):null,i={[U]:t.uid},r=this.editingEnabled?this._renderDragHandle(t):null;return S("li",{class:this.classes(b.bookmark,o),key:t,...i},r,this._renderBookmarkButton(t),s)}_renderEditingBookmarkName(t){const{messages:e,_userState:o,disabled:s}=this,i="name-required"===o?.validationState;return S("label",{class:this.classes({[b.authoringLabel]:!0,[b.authoringLabelStartPadding]:!!this.visibleElements?.thumbnail})},e?.title,i?S("strong",null,e?.invalidTitle):null,S("input",{afterCreate:this._storeEditInput,afterUpdate:this._focusEditInput,bind:this,class:this.classes(f.input,i?b.authoringInputInvalid:null),"data-bookmark":t,"data-node-ref":"_editInputNode",disabled:s,placeholder:e?.titlePlaceholder,required:!0,type:"text",value:t.name}))}_renderEditingBookmarkUrlActions(){const{messagesCommon:t,disabled:e}=this;return S("div",{class:b.authoringActions},S("input",{bind:this,class:this.classes(f.button,f.buttonTertiary),disabled:e,onclick:this._closeUrlEditBookmarkForm,type:"button",value:t?.back}),S("input",{class:f.button,disabled:e,type:"submit",value:t?.add}))}_renderEditingBookmarkActions(){const{messagesCommon:t,disabled:e}=this,o=this._userState?.bookmark;return S("div",{class:b.authoringActions},S("input",{bind:this,class:this.classes(f.button,f.buttonTertiary,b.authoringDeleteButton),"data-bookmark":o,disabled:e,onclick:this._deleteBookmark,type:"button",value:t?.delete}),S("input",{bind:this,class:this.classes(f.button,f.buttonTertiary),disabled:e,onclick:this._closeEditBookmarkForm,type:"button",value:t?.cancel}),S("input",{class:f.button,disabled:e,type:"submit",value:t?.save}))}_renderEditingBookmarkUrlInput(t){const{messages:e,_userState:o,disabled:s}=this,i=t.thumbnail?.url,r=i&&M.test(i)?i:void 0,a="absolute-url-required"===o?.validationState;return S("label",{class:this.classes({[b.authoringLabel]:!0,[b.authoringLabelStartPadding]:!!this.visibleElements?.thumbnail})},a?S("strong",null,e?.invalidImageUrl):null,S("input",{afterCreate:this._storeUrlEditInput,afterUpdate:this._focusUrlEditInput,bind:this,class:this.classes(f.input,a?b.authoringInputInvalid:null),"data-bookmark":t,"data-node-ref":"_urlEditInputNode",disabled:s,placeholder:e?`https://<${e.imageUrlPlaceholder}>`:void 0,required:!0,title:e?.imageUrlTooltip,type:"text",value:r}))}_renderEditingBookmarkUrl(t){if(!t)return null;const e={[U]:t.uid};return S("li",{class:b.authoringCard,key:"edit-bookmark-url-form",...e},S("form",{bind:this,class:b.authoringForm,disabled:this.disabled,onsubmit:this._editBookmarkUrlSubmit},this._renderEditingBookmarkUrlInput(t),this._renderEditingBookmarkUrlActions()))}_renderEditingBookmark(t){if(!t)return null;const e={[U]:t.uid},{capabilities:o}=this.viewModel,s=o.time?S("div",{class:b.timeExtentContainer,key:"edit-bookmark-time-container"},this._renderBookmarkTimeSwitch(t),this._editIncludeTimeExtent?this._renderBookmarkTimeExtent(t):null):null;return S("li",{class:b.authoringCard,key:"edit-bookmark-form",...e},S("form",{bind:this,class:b.authoringForm,disabled:this.disabled,onsubmit:this._editBookmarkSubmit},S("div",{class:b.authoringContainer},this.visibleElements.thumbnail?S("div",{class:b.bookmarkImageContainer},this._renderBookmarkImage(t),this._editMenu.render()):null,this._renderEditingBookmarkName(t)),s,this._renderEditingBookmarkActions()))}_renderAddingBookmarkName(){const{_userState:t,messages:e,disabled:o}=this,s="name-required"===t?.validationState;return S("label",{class:b.authoringLabel},e?.title,s?S("strong",null,e?.invalidTitle):null,S("input",{afterCreate:this._storeAddInput,afterUpdate:this._focusAddInput,bind:this,class:this.classes(f.input,s?b.authoringInputInvalid:null),"data-node-ref":"_addInputNode",disabled:o,placeholder:e?.titlePlaceholder,required:!0,type:"text",value:""}))}_renderAddingBookmarkActions(){const{messagesCommon:t,disabled:e}=this;return S("div",{class:this.classes(b.authoringActions)},S("input",{bind:this,class:this.classes(f.button,f.buttonTertiary,b.authoringCancelButton),disabled:e,onclick:this._endAddBookmark.bind(this),type:"button",value:t?.cancel}),S("input",{class:f.button,disabled:e,type:"submit",value:t?.add}))}_renderAddingBookmark(){return S("div",{class:b.authoringCard,key:"add-bookmark-form"},S("form",{bind:this,class:this.classes(b.authoringForm,b.authoringFormAdding),onsubmit:this._addBookmarkSubmit},this._renderAddingBookmarkName(),this._renderAddingBookmarkActions()))}_setTooltipReference(t,e){this._tooltipReferenceMap.set(e.uid,t),this.scheduleRender()}_getBookmarkTitle(t){return(t?.name||this.messagesCommon?.untitled)??""}_formatDate(t){return t?l(t,{...u("short-date"),timeZone:this.view?.timeZone??m}):""}_formatTime(t){return t?l(t,{...u("long-time"),timeZone:this.view?.timeZone??m}):""}_dragHandleBlur(){this._selectedSortUid=null,this.scheduleRender()}_dragHandleKeydown(t){const{_sortableSavedItems:e}=this,s=["ArrowDown","ArrowUp","Escape","Tab"," ","Enter"],i=o(t);if(!s.includes(i))return;const{_sortable:r,_selectedSortUid:a}=this;if(!r)return;const n=r.toArray(),d=t.target.getAttribute(U),l=n.indexOf(d);if(I(i)){const t=a&&a===d;return this._selectedSortUid=t?null:d,this._sortableSavedItems=t?[]:r.toArray(),void this.scheduleRender()}if("Tab"===i)return this._selectedSortUid=null,void this.scheduleRender();if("Escape"===i&&0!==e.length)return t.stopPropagation(),this._selectedSortUid=null,this._updateSortItems(e,r,d),void this.scheduleRender();if(-1===l||!a)return;const u="ArrowUp"===i?l-1:l+1;u>=n.length||u<=-1||(A(n,l,u),this._updateSortItems(n,r,d))}_updateSortItems(t,e,o){e.sort(t),this._sortBookmarks(e),this._focusSortUid=o,this._selectedSortUid=o}_focusDragHandle(t){const e=H(t);if(!e)return;this._setTooltipReference(t,e);const{_focusSortUid:o}=this;if(!t||!o)return;t.getAttribute(U)===o&&(t.focus(),this._focusSortUid=null)}_toggleSorting(){const{_sortable:t,_sortableNode:e,editingEnabled:o,disabled:s}=this;if(e)if(t)t.option("disabled",s||!o);else{const t=T.create(e,{dataIdAttr:U,handle:`.${b.bookmarkDragHandle}`,group:x,disabled:s||!o,onSort:()=>this._sortBookmarks(t)});this._sortable=t}}_sortNodeCreated(t){this._sortableNode=t,this._toggleSorting()}_sortBookmarks(t){const{bookmarks:e}=this.viewModel;if(!e)return;const o=t.toArray();e.sort(((t,e)=>{const s=o.indexOf(t.uid),i=o.indexOf(e.uid);return s>i?1:s<i?-1:0}))}_destroySortable(){const{_sortable:t}=this;t&&t.destroy(),this._sortable=null}_endAddBookmark(){this._focusAddBookmarkButton=!0,this.endAddBookmark()}_bookmarksInitialized(){const t="bookmarks-init";this.removeHandles(t),this.addHandles(r((()=>this.viewModel?.bookmarks),"change",(()=>this._bookmarksChanged())),t)}_bookmarksChanged(){const t="bookmarks-change",{bookmarks:e}=this.viewModel;this.removeHandles(t);const o=e.map((t=>s((()=>[t?.name,t?.thumbnail?.url]),(()=>this.scheduleRender()))));this.addHandles(o.toArray(),t),this.scheduleRender()}_showEditBookmarkForm(t){const e=H(t.currentTarget);e&&(this._editIncludeTimeExtent=!!e.timeExtent,this._focusEditInputBox=!0,this._userState=new c({bookmark:e,state:"edit"}),this.viewModel.goTo(e),this.scheduleRender())}_closeUrlEditBookmarkForm(){this._focusEditInputBox=!0,this._userState&&(this._userState.state="edit")}_closeEditBookmarkForm(){this._userState=null}_addBookmarkSubmit(t){t.preventDefault();const{_addInputNode:e,_userState:o}=this;if(!o)return;const s=e?e.value.trim():null;s?(o.loading=!0,this.viewModel.createBookmark().then((t=>{t.name=s,this.viewModel.bookmarks.add(t),this._endAddBookmark()}))):o.validationState="name-required"}async _editBookmarkAndClose(t,e){const{viewModel:o}=this;await o.editBookmark(t,{...o.defaultEditOptions,...e}),this._closeEditBookmarkForm()}_editBookmarkSubmit(t){t.preventDefault();const{_editInputNode:e,_userState:o,_editIncludeTimeExtent:s}=this;if(!o?.bookmark||!o.editedBookmark)return;const i=e&&e.value.trim();i?(o.bookmark.name=i,o.bookmark.thumbnail=o.editedBookmark.thumbnail,s||(o.bookmark.timeExtent=null),this._editBookmarkAndClose(o.bookmark,{takeScreenshot:!1,captureTimeExtent:s})):o.validationState="name-required"}_storeAddBookmarkButton(t){this._addBookmarkButtonNode=t,this._focusAddBookmark()}_storeEditInput(t){this._editInputNode=t,this._focusEditInput()}_storeAddInput(t){this._addInputNode=t,this._focusAddInput()}_storeUrlEditInput(t){this._urlEditInputNode=t,this._focusUrlEditInput()}_focusUrlEditInput(){this._urlEditInputNode&&this._focusUrlEditInputBox&&(this._focusUrlEditInputBox=!1,this._urlEditInputNode.focus())}_focusAddInput(){this._addInputNode&&this._focusAddInputBox&&(this._focusAddInputBox=!1,this._addInputNode.focus())}_focusAddBookmark(){this._addBookmarkButtonNode&&this._focusAddBookmarkButton&&(this._focusAddBookmarkButton=!1,this._addBookmarkButtonNode.focus())}_focusEditInput(){this._editInputNode&&this._focusEditInputBox&&(this._focusEditInputBox=!1,this._editInputNode.focus())}_deleteBookmark(t){const e=H(t.currentTarget);e&&this.viewModel.bookmarks.remove(e)}_goToBookmark(t){const e=H(t.currentTarget);e&&(this.endAddBookmark(),this._closeEditBookmarkForm(),this.viewModel.goTo(e))}async _refreshThumbnail(){const{_userState:t,_editMenu:e,viewModel:o}=this;t&&(t.validationState=void 0,await o.editBookmark(t.editedBookmark,{takeScreenshot:!0,captureViewpoint:!1,captureRotation:!1,captureScale:!1,captureTimeExtent:!1}),e.open=!1,this._focusEditInputBox=!0,this.scheduleRender())}_removeThumbnail(){const{_userState:t,_editMenu:e}=this;t?.editedBookmark&&(t.editedBookmark.thumbnail=null,t.validationState=void 0,e.open=!1,this._focusEditInputBox=!0,this.scheduleRender())}_startUseImageUrl(){this._userState&&(this._userState.state="edit-thumbnail"),this._editMenu.open=!1,this._focusUrlEditInputBox=!0,this.scheduleRender()}_editBookmarkUrlSubmit(t){t.preventDefault();const{_urlEditInputNode:e,_userState:o}=this;if(!e||!o)return;const s=e.value;M.test(s)?(s&&o.editedBookmark&&(o.editedBookmark.thumbnail=new k({url:s})),this._closeUrlEditBookmarkForm()):o.validationState="absolute-url-required"}};function H(t){return t["data-bookmark"]}t([a()],j.prototype,"_editIncludeTimeExtent",void 0),t([a({type:c})],j.prototype,"_userState",void 0),t([a({readOnly:!0})],j.prototype,"_editMenuItems",null),t([a({readOnly:!0})],j.prototype,"_editMenu",null),t([a()],j.prototype,"defaultCreateOptions",null),t([a()],j.prototype,"defaultEditOptions",null),t([a()],j.prototype,"bookmarks",null),t([a()],j.prototype,"disabled",void 0),t([a()],j.prototype,"editingEnabled",void 0),t([a()],j.prototype,"headingLevel",void 0),t([a()],j.prototype,"goToOverride",null),t([a()],j.prototype,"iconClass",void 0),t([a()],j.prototype,"icon",void 0),t([a()],j.prototype,"label",null),t([a(),y("esri/widgets/Bookmarks/t9n/Bookmarks")],j.prototype,"messages",void 0),t([a(),y("esri/t9n/common")],j.prototype,"messagesCommon",void 0),t([a()],j.prototype,"uiStrings",void 0),t([a()],j.prototype,"view",null),t([a({type:p}),w(["select-bookmark","bookmark-edit","bookmark-select"])],j.prototype,"viewModel",void 0),t([a()],j.prototype,"visibleElements",void 0),t([n("visibleElements")],j.prototype,"castVisibleElements",null),t([a()],j.prototype,"endAddBookmark",null),t([a()],j.prototype,"startAddBookmark",null),j=t([d(N)],j);const D=j;export{D as default};

package/widgets/BuildingExplorer/BuildingDisciplinesTree/BuildingDisciplinesNode.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.28/esri/copyright.txt for details.
 */
-import{_ as e}from"../../../chunks/tslib.es6.js";import{on as s,watch as i,initial as t}from"../../../core/reactiveUtils.js";import{property as o}from"../../../core/accessorSupport/decorators/property.js";import"../../../core/accessorSupport/ensureType.js";import"../../../core/arrayUtils.js";import"../../../core/has.js";import{subclass as l}from"../../../core/accessorSupport/decorators/subclass.js";import r from"../../Widget.js";import{LayerTreeNode as a}from"../support/LayerTreeNode.js";import{legacyIcon as d}from"../../support/legacyIcon.js";import{isRTL as n}from"../../support/widgetUtils.js";import{tsx as c}from"../../support/jsxFactory.js";var h;const g={expand:"expand",collapse:"collapse",hideSublayer:"hideSublayer",showSublayer:"showSublayer"},p="esri-building-disciplines-tree-node",b={base:p,root:`${p}--root`,leaf:`${p}--leaf`,label:`${p}__label`,checkbox:`${p}__checkbox`,checkboxChecked:`${p}__checkbox--checked`,checkboxIndeterminate:`${p}__checkbox--indeterminate`,collapseToggle:`${p}__collapse-toggle`,collapseToggleCollapsed:`${p}__collapse-toggle--collapsed`,children:`${p}__children`,level:e=>`${p}--level-${e}`};let u=h=class extends r{constructor(e){super(e),this.messages=g,this.toggleSiblingsVisibility=!1,this._childWidgets=[],this._updateChildWidgets=()=>{this._destroyChildWidgets(),this._childWidgets=this.node.children.toArray().reverse().map((e=>new h({node:e,messages:this.messages,toggleSiblingsVisibility:this.toggleSiblingsVisibility})))}}initialize(){this.addHandles([s((()=>this.node.children),"after-changes",this._updateChildWidgets,{onListenerAdd:this._updateChildWidgets,onListenerRemove:this._updateChildWidgets}),i((()=>[this.messages,this.toggleSiblingsVisibility]),this._updateChildWidgets,t)])}destroy(){this._destroyChildWidgets()}render(){const e=this.node,s=e.isRoot,i=e.isLeaf;return e.isDiscipline&&i?c("div",{key:`${e.id}-empty`}):c("div",{key:e.id,class:this.classes(b.base,b.level(e.level),{[b.root]:s,[b.leaf]:i}),bind:this,onkeydown:this._onKeydown,tabIndex:i?void 0:0,role:"treeitem","aria-expanded":e.collapsed?"false":"true"},c("label",{bind:this,class:b.label,onclick:this._onCheckboxToggle},this._renderCollapseToggle(),this._renderCheckbox(),c("span",null,e.title)),this._renderChildren(e))}_renderCheckbox(){const e=this.node.visible,s=!0===e,i=null===e,t=s?this.messages?.hideSublayer:this.messages?.showSublayer;return c("button",{bind:this,class:this.classes(b.checkbox,{[b.checkboxChecked]:s,[d.checkMark]:s,[b.checkboxIndeterminate]:i,[d.minus]:i}),onclick:this._onCheckboxToggle,role:"checkbox","aria-checked":s?"true":"false","aria-label":t,title:t,type:"button"})}_renderCollapseToggle(){if(!this.node.hasChildren)return null;const e=this.node.collapsed,s=e?this.messages?.expand:this.messages?.collapse;return c("div",{bind:this,class:this.classes(b.collapseToggle,d.right,{[b.collapseToggleCollapsed]:e}),onclick:this._onCollapseToggle,"aria-label":s,title:s})}_renderChildren(e){return!e.hasChildren||e.collapsed?null:c("div",{class:b.children},this._childWidgets.map((e=>e.render())))}_onKeydown(e){switch(e.key){case"Space":case"Enter":if(!e.target.classList.contains(b.base))return;e.stopPropagation(),this.node.toggleVisibility();break;case"ArrowLeft":e.stopPropagation(),this.node.toggleCollapsed(!n(this.container));break;case"ArrowRight":e.stopPropagation(),this.node.toggleCollapsed(n(this.container))}}_onCheckboxToggle(e){e.preventDefault(),e.stopPropagation();(e.metaKey||e.ctrlKey)&&this.toggleSiblingsVisibility?this.node.toggleAllSiblingsVisibility():this.node.toggleVisibility()}_onCollapseToggle(e){e.preventDefault(),e.stopPropagation(),this.node.toggleCollapsed()}_destroyChildWidgets(){this._childWidgets.forEach((e=>e.destroy())),this._childWidgets=[]}};e([o({type:a})],u.prototype,"node",void 0),e([o()],u.prototype,"messages",void 0),e([o({nonNullable:!0})],u.prototype,"toggleSiblingsVisibility",void 0),e([o()],u.prototype,"_childWidgets",void 0),u=h=e([l("esri.widgets.BuildingExplorer.BuildingDisciplinesTree.BuildingDisciplinesNode")],u);const y=u;export{y as default};
+import{_ as e}from"../../../chunks/tslib.es6.js";import{on as s,watch as i,initial as t}from"../../../core/reactiveUtils.js";import{property as o}from"../../../core/accessorSupport/decorators/property.js";import"../../../core/accessorSupport/ensureType.js";import"../../../core/arrayUtils.js";import"../../../core/has.js";import{subclass as l}from"../../../core/accessorSupport/decorators/subclass.js";import r from"../../Widget.js";import{LayerTreeNode as a}from"../support/LayerTreeNode.js";import{legacyIcon as d}from"../../support/legacyIcon.js";import{isRTL as n}from"../../support/widgetUtils.js";import{tsx as c}from"../../support/jsxFactory.js";var h;const g={expand:"expand",collapse:"collapse",hideSublayer:"hideSublayer",showSublayer:"showSublayer"},p="esri-building-disciplines-tree-node",b={base:p,root:`${p}--root`,leaf:`${p}--leaf`,label:`${p}__label`,checkbox:`${p}__checkbox`,checkboxChecked:`${p}__checkbox--checked`,checkboxIndeterminate:`${p}__checkbox--indeterminate`,collapseToggle:`${p}__collapse-toggle`,collapseToggleCollapsed:`${p}__collapse-toggle--collapsed`,children:`${p}__children`,level:e=>`${p}--level-${e}`};let u=h=class extends r{constructor(e){super(e),this.messages=g,this.toggleSiblingsVisibility=!1,this._childWidgets=[],this._updateChildWidgets=()=>{this._destroyChildWidgets(),this._childWidgets=this.node.children.toArray().reverse().map((e=>new h({node:e,messages:this.messages,toggleSiblingsVisibility:this.toggleSiblingsVisibility})))}}initialize(){this.addHandles([s((()=>this.node.children),"after-changes",this._updateChildWidgets,{onListenerAdd:this._updateChildWidgets,onListenerRemove:this._updateChildWidgets}),i((()=>[this.messages,this.toggleSiblingsVisibility]),this._updateChildWidgets,t)])}destroy(){this._destroyChildWidgets()}render(){const e=this.node,s=e.isRoot,i=e.isLeaf;return e.isDiscipline&&i?c("div",{key:`${e.id}-empty`}):c("div",{"aria-expanded":e.collapsed?"false":"true",bind:this,class:this.classes(b.base,b.level(e.level),{[b.root]:s,[b.leaf]:i}),key:e.id,onkeydown:this._onKeydown,role:"treeitem",tabIndex:i?void 0:0},c("label",{bind:this,class:b.label,onclick:this._onCheckboxToggle},this._renderCollapseToggle(),this._renderCheckbox(),c("span",null,e.title)),this._renderChildren(e))}_renderCheckbox(){const e=this.node.visible,s=!0===e,i=null===e,t=s?this.messages?.hideSublayer:this.messages?.showSublayer;return c("button",{"aria-checked":s?"true":"false","aria-label":t,bind:this,class:this.classes(b.checkbox,{[b.checkboxChecked]:s,[d.checkMark]:s,[b.checkboxIndeterminate]:i,[d.minus]:i}),onclick:this._onCheckboxToggle,role:"checkbox",title:t,type:"button"})}_renderCollapseToggle(){if(!this.node.hasChildren)return null;const e=this.node.collapsed,s=e?this.messages?.expand:this.messages?.collapse;return c("div",{"aria-label":s,bind:this,class:this.classes(b.collapseToggle,d.right,{[b.collapseToggleCollapsed]:e}),onclick:this._onCollapseToggle,title:s})}_renderChildren(e){return!e.hasChildren||e.collapsed?null:c("div",{class:b.children},this._childWidgets.map((e=>e.render())))}_onKeydown(e){switch(e.key){case"Space":case"Enter":if(!e.target.classList.contains(b.base))return;e.stopPropagation(),this.node.toggleVisibility();break;case"ArrowLeft":e.stopPropagation(),this.node.toggleCollapsed(!n(this.container));break;case"ArrowRight":e.stopPropagation(),this.node.toggleCollapsed(n(this.container))}}_onCheckboxToggle(e){e.preventDefault(),e.stopPropagation();(e.metaKey||e.ctrlKey)&&this.toggleSiblingsVisibility?this.node.toggleAllSiblingsVisibility():this.node.toggleVisibility()}_onCollapseToggle(e){e.preventDefault(),e.stopPropagation(),this.node.toggleCollapsed()}_destroyChildWidgets(){this._childWidgets.forEach((e=>e.destroy())),this._childWidgets=[]}};e([o({type:a})],u.prototype,"node",void 0),e([o()],u.prototype,"messages",void 0),e([o({nonNullable:!0})],u.prototype,"toggleSiblingsVisibility",void 0),e([o()],u.prototype,"_childWidgets",void 0),u=h=e([l("esri.widgets.BuildingExplorer.BuildingDisciplinesTree.BuildingDisciplinesNode")],u);const y=u;export{y as default};

package/widgets/BuildingExplorer/BuildingDisciplinesTree/BuildingDisciplinesTree.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.28/esri/copyright.txt for details.
 */
-import{_ as s}from"../../../chunks/tslib.es6.js";import{property as i}from"../../../core/accessorSupport/decorators/property.js";import"../../../core/accessorSupport/ensureType.js";import"../../../core/arrayUtils.js";import"../../../core/has.js";import{subclass as e}from"../../../core/accessorSupport/decorators/subclass.js";import r from"../../Widget.js";import o from"./BuildingDisciplinesNode.js";import"../../support/widgetUtils.js";import{tsx as t}from"../../support/jsxFactory.js";const p={expand:"expand",collapse:"collapse",hideSublayer:"hideSublayer",showSublayer:"showSublayer"},l={base:"esri-building-disciplines-tree"};let a=class extends r{constructor(s){super(s),this.toggleSiblingsVisibility=!1}render(){const{vm:s}=this,i=this.toggleSiblingsVisibility,e=this.messages??p;return t("div",{role:"tree",class:l.base},s.root.children.toArray().reverse().map((s=>t(o,{node:s,messages:e,toggleSiblingsVisibility:i}))))}};s([i()],a.prototype,"vm",void 0),s([i()],a.prototype,"messages",void 0),s([i()],a.prototype,"toggleSiblingsVisibility",void 0),a=s([e("esri.widgets.BuildingExplorer.BuildingDisciplinesTree.BuildingDisciplinesTree")],a);const c=a;export{c as default};
+import{_ as s}from"../../../chunks/tslib.es6.js";import{property as i}from"../../../core/accessorSupport/decorators/property.js";import"../../../core/accessorSupport/ensureType.js";import"../../../core/arrayUtils.js";import"../../../core/has.js";import{subclass as e}from"../../../core/accessorSupport/decorators/subclass.js";import r from"../../Widget.js";import o from"./BuildingDisciplinesNode.js";import"../../support/widgetUtils.js";import{tsx as t}from"../../support/jsxFactory.js";const p={expand:"expand",collapse:"collapse",hideSublayer:"hideSublayer",showSublayer:"showSublayer"},l={base:"esri-building-disciplines-tree"};let a=class extends r{constructor(s){super(s),this.toggleSiblingsVisibility=!1}render(){const{vm:s}=this,i=this.toggleSiblingsVisibility,e=this.messages??p;return t("div",{class:l.base,role:"tree"},s.root.children.toArray().reverse().map((s=>t(o,{messages:e,node:s,toggleSiblingsVisibility:i}))))}};s([i()],a.prototype,"vm",void 0),s([i()],a.prototype,"messages",void 0),s([i()],a.prototype,"toggleSiblingsVisibility",void 0),a=s([e("esri.widgets.BuildingExplorer.BuildingDisciplinesTree.BuildingDisciplinesTree")],a);const c=a;export{c as default};

package/widgets/BuildingExplorer/BuildingLevelPicker/BuildingLevelPicker.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.28/esri/copyright.txt for details.
 */
-import{_ as e}from"../../../chunks/tslib.es6.js";import{on as t}from"../../../core/events.js";import{clamp as s}from"../../../core/mathUtils.js";import{watch as i,initial as l}from"../../../core/reactiveUtils.js";import{property as o}from"../../../core/accessorSupport/decorators/property.js";import"../../../core/accessorSupport/ensureType.js";import"../../../core/arrayUtils.js";import"../../../core/has.js";import{subclass as n}from"../../../core/accessorSupport/decorators/subclass.js";import r from"../../Widget.js";import{l as h,a,b as v,c as d,d as _,e as p,f as g,g as c,h as u,i as m,j as L}from"../../../chunks/constants.js";import{css as y}from"./css.js";import{Label as P}from"./Label.js";import{LevelItem as b}from"./LevelItem.js";import{storeNode as f}from"../../support/widgetUtils.js";import{tsx as C}from"../../support/jsxFactory.js";const w={selectLevel:"selectLevel",clearLevel:"clearLevel",nextLevel:"nextLevel",previousLevel:"previousLevel",currentLevel:"{{value}}"};let W=class extends r{constructor(e,t){super(e,t),this._levelHandlesKey="levelHandles",this._levelEventHandlesKey="levelEventHandles",this._levelWidgets=[],this._labelWidget=new P({onClear:()=>this.vm.clear()}),this._hoveredLevel=null,this._expandedLevelsHeight=void 0,this._normalizedPointerPosition=0,this._hovering=!1,this._containerPosTop=null,this._levelsContainer=null,this._onPointerUp=()=>{if(window.getSelection()?.removeAllRanges(),null==this._hoveredLevel)return;const{vm:e}=this;e.enabled&&this._hoveredLevel===e.value?e.clear():e.select(this._hoveredLevel)},this._onPointerEnter=()=>{this._hovering||null==this._levelsContainer||(this._hovering=!0,this._containerPosTop=this._levelsContainer.getBoundingClientRect().top??0)},this._onPointerLeave=()=>{this._hovering&&(this._normalizedPointerPosition=0,this._hoveredLevel=null,this._hovering=!1)},this._onPointerMove=e=>{if(!this._hovering)return!1;if(window.getSelection()?.removeAllRanges(),null!=this._containerPosTop){const t=this._containerPosTop,s=_*L,i=this._expandedLevelsMargin;let l=this._levelsHeight,o=t+s+i;const n=this._levelHeight/2;o+=n,l-=n;let r=(e.clientY-o)/l;r+=c,this._normalizedPointerPosition=r}return!1}}postInitialize(){this.addHandles([i((()=>this._levelsContainer),(()=>this._onContainerChange()),l),i((()=>this._levels),(()=>this._createLevelWidgets()),l),i((()=>this.messages),(()=>{this._labelWidget.messages=this.messages??w}),l)])}destroy(){this._levelWidgets.forEach((e=>e.destroy())),this._labelWidget.destroy()}get _levels(){return this.vm.allowedValues}get _numLevels(){return this._levels.length}get _levelsHeight(){return Math.round(this._levelHeight*this._numLevels)}get _expandedLevelsMargin(){return Math.round(((this._expandedLevelsHeight??0)-this._levelsHeight)/2)}get _levelWidth(){const{levelWidthNominator:e,levelWidthConstant:t}=u,i=e/Math.sqrt(this._numLevels)+t;return Math.round(s(i,a,h))}get _levelHeight(){const e=m,t=2*e/Math.sqrt(this._numLevels);return Math.round(s(t,2,e))}get _gaussianFactor(){const e=this._numLevels;return e/Math.log(v*e)*d}get _levelClosestToPointer(){if(!this._hovering)return null;const e=this._numLevels-1,t=this._normalizedPointerPosition;return e>=0&&null!=t?this._levels[Math.round((1-t)*e)]:null}render(){const e=this._levelWidgets.length,t=e>1?this._levelWidgets.map((e=>e.render())):null,s=_*L,i=-s/L,l=this._levelsHeight,o=l+2*s;return C("div",{bind:this,key:this,class:this.classes("esri-widget",y.container,{[y.animateLevel]:!this._hovering,[y.noLevel]:e<2}),onkeydown:this._onKeyDown},this._renderLabelContainer(),C("div",{bind:this,class:y.levelsContainer,styles:{height:`${o}px`,marginTop:`${i}px`,marginBottom:`${i}px`},onfocus:this._onFocus,afterCreate:f,"data-node-ref":"_levelsContainer"},C("div",{styles:{height:`${l}px`,margin:_-this._expandedLevelsMargin+"px 0 0 0"},class:y.innerLevelsContainer},t)))}_renderLabelContainer(){const e=this.messages??w,t=e.previousLevel,s=e.nextLevel;return C("div",{class:y.labelContainer,tabIndex:0},C("button",{bind:this,class:y.arrowUp,disabled:!this.vm.hasNext,onclick:this._onArrowUpClick,"aria-label":s,title:s,type:"button"}),this._labelWidget.render(),C("button",{bind:this,class:y.arrowDown,disabled:!this.vm.hasPrevious,onclick:this._onArrowDownClick,"aria-label":t,title:t,type:"button"}))}_updateComponents(){const e=this.messages??w,t=this.vm.enabled?this.vm.value:null,s=null!=this._hoveredLevel?this._hoveredLevel:t;this._levelWidgets.forEach((s=>{const i=this.vm.getValueLabel(s.level);s.label=null!=i?i:e.currentLevel?.replace("{{level}}",String(s.level)),s.active=s.level===t,s.hovering=s.level===this._hoveredLevel})),this._labelWidget.level=s,this._labelWidget.active=s===t,this._labelWidget.hovering=null!=this._hoveredLevel}_createLevelWidgets(){this._levelWidgets.forEach((e=>e.destroy())),this._levelWidgets=this._levels.map((e=>new b({level:e,onSelect:()=>this._onLevelToggle(e)}))),this.removeHandles(this._levelHandlesKey),this.addHandles([i((()=>{const{vm:e}=this;return[this.messages,e?.value,e?.enabled,this._hoveredLevel,this._hovering]}),(()=>this._updateComponents()),l),i((()=>[this._normalizedPointerPosition,this._hovering]),(()=>this._onPointerPositionChange()),l),i((()=>this._levelWidth),(e=>this._levelWidgets.forEach((t=>t.width=e))),l)],this._levelHandlesKey)}_onContainerChange(){const e=this._levelsContainer;null!=e&&(this.removeHandles(this._levelEventHandlesKey),this.addHandles([t(e,"pointerenter",this._onPointerEnter),t(e,"pointerover",this._onPointerEnter),t(e,"pointerleave",this._onPointerLeave),t(e,"pointerup",this._onPointerUp),t(e,"pointermove",this._onPointerMove)],this._levelEventHandlesKey))}_onKeyDown(e){switch(e.key){case"ArrowDown":case"ArrowLeft":e.preventDefault(),e.stopPropagation(),this.vm.previous(),this._focusCurrentLevel();break;case"ArrowUp":case"ArrowRight":e.preventDefault(),e.stopPropagation(),this.vm.next(),this._focusCurrentLevel()}}_focusCurrentLevel(){const e=this._levelWidgets.find((e=>e.level===this.vm.value));e&&e.focus()}_onFocus(){this._hoveredLevel=this._levels.length>0?this._levels[0]:null}_onLevelToggle(e){const{vm:t}=this;t.enabled&&t.value===e?t.clear():t.select(e)}_onArrowUpClick(){this.vm.next()}_onArrowDownClick(){this.vm.previous()}_onPointerPositionChange(){let e=0;this._levelWidgets.forEach(((t,s)=>{const{width:i,height:l}=this._getLevelWidgetSize(s);t.height=l,t.width=i,e+=l})),this._hoveredLevel=this._levelClosestToPointer;const t=this._expandedLevelsHeight;(null==t||Math.abs(t-e)>30)&&(this._expandedLevelsHeight=e)}_getLevelWidgetSize(e){const t={width:this._levelWidth,height:this._levelHeight};if(this._hovering){const s=this._getGaussianFactor(e,this._normalizedPointerPosition);t.width+=p*s,t.height+=g*s}return t}_getGaussianFactor(e,t){const s=this._numLevels-1,i=(s-e)/s,l=this._gaussianFactor*(i-t);return Math.exp(-(l**2))}};e([o()],W.prototype,"vm",void 0),e([o()],W.prototype,"messages",void 0),e([o()],W.prototype,"_levelWidgets",void 0),e([o()],W.prototype,"_labelWidget",void 0),e([o()],W.prototype,"_hoveredLevel",void 0),e([o()],W.prototype,"_levels",null),e([o()],W.prototype,"_numLevels",null),e([o({readOnly:!0})],W.prototype,"_levelsHeight",null),e([o()],W.prototype,"_expandedLevelsHeight",void 0),e([o({readOnly:!0})],W.prototype,"_expandedLevelsMargin",null),e([o({readOnly:!0})],W.prototype,"_levelWidth",null),e([o({readOnly:!0})],W.prototype,"_levelHeight",null),e([o({readOnly:!0})],W.prototype,"_gaussianFactor",null),e([o({readOnly:!0})],W.prototype,"_levelClosestToPointer",null),e([o({type:Number,range:{min:0,max:1}})],W.prototype,"_normalizedPointerPosition",void 0),e([o()],W.prototype,"_hovering",void 0),e([o()],W.prototype,"_containerPosTop",void 0),e([o()],W.prototype,"_levelsContainer",void 0),W=e([n("esri.widgets.BuildingExplorer.BuildingLevelPicker.BuildingLevelPicker")],W);const H=W;export{H as default};
+import{_ as e}from"../../../chunks/tslib.es6.js";import{on as t}from"../../../core/events.js";import{clamp as s}from"../../../core/mathUtils.js";import{watch as i,initial as l}from"../../../core/reactiveUtils.js";import{property as o}from"../../../core/accessorSupport/decorators/property.js";import"../../../core/accessorSupport/ensureType.js";import"../../../core/arrayUtils.js";import"../../../core/has.js";import{subclass as n}from"../../../core/accessorSupport/decorators/subclass.js";import r from"../../Widget.js";import{l as h,a,b as v,c as d,d as _,e as p,f as g,g as c,h as u,i as m,j as L}from"../../../chunks/constants.js";import{css as y}from"./css.js";import{Label as P}from"./Label.js";import{LevelItem as b}from"./LevelItem.js";import{storeNode as f}from"../../support/widgetUtils.js";import{tsx as C}from"../../support/jsxFactory.js";const w={selectLevel:"selectLevel",clearLevel:"clearLevel",nextLevel:"nextLevel",previousLevel:"previousLevel",currentLevel:"{{value}}"};let W=class extends r{constructor(e,t){super(e,t),this._levelHandlesKey="levelHandles",this._levelEventHandlesKey="levelEventHandles",this._levelWidgets=[],this._labelWidget=new P({onClear:()=>this.vm.clear()}),this._hoveredLevel=null,this._expandedLevelsHeight=void 0,this._normalizedPointerPosition=0,this._hovering=!1,this._containerPosTop=null,this._levelsContainer=null,this._onPointerUp=()=>{if(window.getSelection()?.removeAllRanges(),null==this._hoveredLevel)return;const{vm:e}=this;e.enabled&&this._hoveredLevel===e.value?e.clear():e.select(this._hoveredLevel)},this._onPointerEnter=()=>{this._hovering||null==this._levelsContainer||(this._hovering=!0,this._containerPosTop=this._levelsContainer.getBoundingClientRect().top??0)},this._onPointerLeave=()=>{this._hovering&&(this._normalizedPointerPosition=0,this._hoveredLevel=null,this._hovering=!1)},this._onPointerMove=e=>{if(!this._hovering)return!1;if(window.getSelection()?.removeAllRanges(),null!=this._containerPosTop){const t=this._containerPosTop,s=_*L,i=this._expandedLevelsMargin;let l=this._levelsHeight,o=t+s+i;const n=this._levelHeight/2;o+=n,l-=n;let r=(e.clientY-o)/l;r+=c,this._normalizedPointerPosition=r}return!1}}postInitialize(){this.addHandles([i((()=>this._levelsContainer),(()=>this._onContainerChange()),l),i((()=>this._levels),(()=>this._createLevelWidgets()),l),i((()=>this.messages),(()=>{this._labelWidget.messages=this.messages??w}),l)])}destroy(){this._levelWidgets.forEach((e=>e.destroy())),this._labelWidget.destroy()}get _levels(){return this.vm.allowedValues}get _numLevels(){return this._levels.length}get _levelsHeight(){return Math.round(this._levelHeight*this._numLevels)}get _expandedLevelsMargin(){return Math.round(((this._expandedLevelsHeight??0)-this._levelsHeight)/2)}get _levelWidth(){const{levelWidthNominator:e,levelWidthConstant:t}=u,i=e/Math.sqrt(this._numLevels)+t;return Math.round(s(i,a,h))}get _levelHeight(){const e=m,t=2*e/Math.sqrt(this._numLevels);return Math.round(s(t,2,e))}get _gaussianFactor(){const e=this._numLevels;return e/Math.log(v*e)*d}get _levelClosestToPointer(){if(!this._hovering)return null;const e=this._numLevels-1,t=this._normalizedPointerPosition;return e>=0&&null!=t?this._levels[Math.round((1-t)*e)]:null}render(){const e=this._levelWidgets.length,t=e>1?this._levelWidgets.map((e=>e.render())):null,s=_*L,i=-s/L,l=this._levelsHeight,o=l+2*s;return C("div",{bind:this,class:this.classes("esri-widget",y.container,{[y.animateLevel]:!this._hovering,[y.noLevel]:e<2}),key:this,onkeydown:this._onKeyDown},this._renderLabelContainer(),C("div",{afterCreate:f,bind:this,class:y.levelsContainer,"data-node-ref":"_levelsContainer",onfocus:this._onFocus,styles:{height:`${o}px`,marginTop:`${i}px`,marginBottom:`${i}px`}},C("div",{class:y.innerLevelsContainer,styles:{height:`${l}px`,margin:_-this._expandedLevelsMargin+"px 0 0 0"}},t)))}_renderLabelContainer(){const e=this.messages??w,t=e.previousLevel,s=e.nextLevel;return C("div",{class:y.labelContainer,tabIndex:0},C("button",{"aria-label":s,bind:this,class:y.arrowUp,disabled:!this.vm.hasNext,onclick:this._onArrowUpClick,title:s,type:"button"}),this._labelWidget.render(),C("button",{"aria-label":t,bind:this,class:y.arrowDown,disabled:!this.vm.hasPrevious,onclick:this._onArrowDownClick,title:t,type:"button"}))}_updateComponents(){const e=this.messages??w,t=this.vm.enabled?this.vm.value:null,s=null!=this._hoveredLevel?this._hoveredLevel:t;this._levelWidgets.forEach((s=>{const i=this.vm.getValueLabel(s.level);s.label=null!=i?i:e.currentLevel?.replace("{{level}}",String(s.level)),s.active=s.level===t,s.hovering=s.level===this._hoveredLevel})),this._labelWidget.level=s,this._labelWidget.active=s===t,this._labelWidget.hovering=null!=this._hoveredLevel}_createLevelWidgets(){this._levelWidgets.forEach((e=>e.destroy())),this._levelWidgets=this._levels.map((e=>new b({level:e,onSelect:()=>this._onLevelToggle(e)}))),this.removeHandles(this._levelHandlesKey),this.addHandles([i((()=>{const{vm:e}=this;return[this.messages,e?.value,e?.enabled,this._hoveredLevel,this._hovering]}),(()=>this._updateComponents()),l),i((()=>[this._normalizedPointerPosition,this._hovering]),(()=>this._onPointerPositionChange()),l),i((()=>this._levelWidth),(e=>this._levelWidgets.forEach((t=>t.width=e))),l)],this._levelHandlesKey)}_onContainerChange(){const e=this._levelsContainer;null!=e&&(this.removeHandles(this._levelEventHandlesKey),this.addHandles([t(e,"pointerenter",this._onPointerEnter),t(e,"pointerover",this._onPointerEnter),t(e,"pointerleave",this._onPointerLeave),t(e,"pointerup",this._onPointerUp),t(e,"pointermove",this._onPointerMove)],this._levelEventHandlesKey))}_onKeyDown(e){switch(e.key){case"ArrowDown":case"ArrowLeft":e.preventDefault(),e.stopPropagation(),this.vm.previous(),this._focusCurrentLevel();break;case"ArrowUp":case"ArrowRight":e.preventDefault(),e.stopPropagation(),this.vm.next(),this._focusCurrentLevel()}}_focusCurrentLevel(){const e=this._levelWidgets.find((e=>e.level===this.vm.value));e&&e.focus()}_onFocus(){this._hoveredLevel=this._levels.length>0?this._levels[0]:null}_onLevelToggle(e){const{vm:t}=this;t.enabled&&t.value===e?t.clear():t.select(e)}_onArrowUpClick(){this.vm.next()}_onArrowDownClick(){this.vm.previous()}_onPointerPositionChange(){let e=0;this._levelWidgets.forEach(((t,s)=>{const{width:i,height:l}=this._getLevelWidgetSize(s);t.height=l,t.width=i,e+=l})),this._hoveredLevel=this._levelClosestToPointer;const t=this._expandedLevelsHeight;(null==t||Math.abs(t-e)>30)&&(this._expandedLevelsHeight=e)}_getLevelWidgetSize(e){const t={width:this._levelWidth,height:this._levelHeight};if(this._hovering){const s=this._getGaussianFactor(e,this._normalizedPointerPosition);t.width+=p*s,t.height+=g*s}return t}_getGaussianFactor(e,t){const s=this._numLevels-1,i=(s-e)/s,l=this._gaussianFactor*(i-t);return Math.exp(-(l**2))}};e([o()],W.prototype,"vm",void 0),e([o()],W.prototype,"messages",void 0),e([o()],W.prototype,"_levelWidgets",void 0),e([o()],W.prototype,"_labelWidget",void 0),e([o()],W.prototype,"_hoveredLevel",void 0),e([o()],W.prototype,"_levels",null),e([o()],W.prototype,"_numLevels",null),e([o({readOnly:!0})],W.prototype,"_levelsHeight",null),e([o()],W.prototype,"_expandedLevelsHeight",void 0),e([o({readOnly:!0})],W.prototype,"_expandedLevelsMargin",null),e([o({readOnly:!0})],W.prototype,"_levelWidth",null),e([o({readOnly:!0})],W.prototype,"_levelHeight",null),e([o({readOnly:!0})],W.prototype,"_gaussianFactor",null),e([o({readOnly:!0})],W.prototype,"_levelClosestToPointer",null),e([o({type:Number,range:{min:0,max:1}})],W.prototype,"_normalizedPointerPosition",void 0),e([o()],W.prototype,"_hovering",void 0),e([o()],W.prototype,"_containerPosTop",void 0),e([o()],W.prototype,"_levelsContainer",void 0),W=e([n("esri.widgets.BuildingExplorer.BuildingLevelPicker.BuildingLevelPicker")],W);const H=W;export{H as default};

package/widgets/BuildingExplorer/BuildingLevelPicker/Label.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.28/esri/copyright.txt for details.
 */
-import{_ as e}from"../../../chunks/tslib.es6.js";import{property as t}from"../../../core/accessorSupport/decorators/property.js";import"../../../core/accessorSupport/ensureType.js";import"../../../core/arrayUtils.js";import"../../../core/has.js";import{subclass as s}from"../../../core/accessorSupport/decorators/subclass.js";import o from"../../Widget.js";import{legacyIcon as r}from"../../support/legacyIcon.js";import"../../support/widgetUtils.js";import{tsx as l}from"../../support/jsxFactory.js";const i="esri-building-level-picker-label",c={base:i,active:`${i}--active`,hover:`${i}--hover`,empty:`${i}--empty`,clearButton:`${i}__clear-button`},a={clearLevel:"",selectLevel:""};let p=class extends o{constructor(e,t){super(e,t),this.level=null,this.active=!1,this.hovering=!1,this.onClear=()=>{}}render(){const e=this.messages??a;if(null==this.level)return l("div",{class:c.empty,title:e.selectLevel},e.selectLevel);const t=e.clearLevel;return l("div",{bind:this,class:this.classes(c.base,{[c.active]:this.active,[c.hover]:this.hovering}),onclick:this.onClear,title:t,"aria-label":t},l("span",null,this.level),l("button",{bind:this,class:this.classes(c.clearButton,r.close),disabled:!this.active,onclick:this.onClear,type:"button"}))}};e([t()],p.prototype,"level",void 0),e([t({nonNullable:!0})],p.prototype,"active",void 0),e([t({nonNullable:!0})],p.prototype,"hovering",void 0),e([t()],p.prototype,"messages",void 0),e([t({nonNullable:!0})],p.prototype,"onClear",void 0),p=e([s("esri.widgets.BuildingExplorer.BuildingLevelPicker.Label")],p);export{p as Label};
+import{_ as e}from"../../../chunks/tslib.es6.js";import{property as t}from"../../../core/accessorSupport/decorators/property.js";import"../../../core/accessorSupport/ensureType.js";import"../../../core/arrayUtils.js";import"../../../core/has.js";import{subclass as s}from"../../../core/accessorSupport/decorators/subclass.js";import o from"../../Widget.js";import{legacyIcon as r}from"../../support/legacyIcon.js";import"../../support/widgetUtils.js";import{tsx as l}from"../../support/jsxFactory.js";const i="esri-building-level-picker-label",c={base:i,active:`${i}--active`,hover:`${i}--hover`,empty:`${i}--empty`,clearButton:`${i}__clear-button`},a={clearLevel:"",selectLevel:""};let p=class extends o{constructor(e,t){super(e,t),this.level=null,this.active=!1,this.hovering=!1,this.onClear=()=>{}}render(){const e=this.messages??a;if(null==this.level)return l("div",{class:c.empty,title:e.selectLevel},e.selectLevel);const t=e.clearLevel;return l("div",{"aria-label":t,bind:this,class:this.classes(c.base,{[c.active]:this.active,[c.hover]:this.hovering}),onclick:this.onClear,title:t},l("span",null,this.level),l("button",{bind:this,class:this.classes(c.clearButton,r.close),disabled:!this.active,onclick:this.onClear,type:"button"}))}};e([t()],p.prototype,"level",void 0),e([t({nonNullable:!0})],p.prototype,"active",void 0),e([t({nonNullable:!0})],p.prototype,"hovering",void 0),e([t()],p.prototype,"messages",void 0),e([t({nonNullable:!0})],p.prototype,"onClear",void 0),p=e([s("esri.widgets.BuildingExplorer.BuildingLevelPicker.Label")],p);export{p as Label};

package/widgets/BuildingExplorer/BuildingLevelPicker/LevelItem.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.28/esri/copyright.txt for details.
 */
-import{_ as e}from"../../../chunks/tslib.es6.js";import{property as t}from"../../../core/accessorSupport/decorators/property.js";import"../../../core/accessorSupport/ensureType.js";import"../../../core/arrayUtils.js";import"../../../core/has.js";import{subclass as o}from"../../../core/accessorSupport/decorators/subclass.js";import s from"../../Widget.js";import{storeNode as i}from"../../support/widgetUtils.js";import{tsx as r}from"../../support/jsxFactory.js";const l="esri-building-level-picker-item",n={container:l,base:`${l}__base`,hover:`${l}--hover`,active:`${l}--active`};let a=class extends s{constructor(e,t){super(e,t),this.active=!1,this.hovering=!1,this.width=0,this.height=0,this.onSelect=()=>{},this.onFocus=()=>{},this.onBlur=()=>{},this._baseElement=null}render(){return r("div",{key:this,bind:this,class:this.classes(n.container,{[n.active]:this.active,[n.hover]:this.hovering}),styles:{height:`${this.height}px`}},this._renderBase())}focus(){null!=this._baseElement&&this._baseElement.focus()}_renderBase(){const e=this.width,t=.8*this.width;return r("div",{class:n.base,styles:{width:`${Math.round(e)}px`,height:`${Math.round(e)}px`}},r("button",{bind:this,class:"rect",styles:{width:`${Math.round(t)}px`,height:`${Math.round(t)}px`},onclick:this.onSelect,onfocus:this.onFocus,onblur:this.onBlur,afterCreate:i,"data-node-ref":"_baseElement","aria-label":this.label,title:this.label??"",tabIndex:-1,type:"button"}))}};e([t({nonNullable:!0})],a.prototype,"level",void 0),e([t({nonNullable:!0})],a.prototype,"active",void 0),e([t({nonNullable:!0})],a.prototype,"hovering",void 0),e([t({nonNullable:!0})],a.prototype,"width",void 0),e([t({nonNullable:!0})],a.prototype,"height",void 0),e([t({nonNullable:!0})],a.prototype,"onSelect",void 0),e([t({nonNullable:!0})],a.prototype,"onFocus",void 0),e([t({nonNullable:!0})],a.prototype,"onBlur",void 0),a=e([o("esri.widgets.BuildingExplorer.BuildingLevelPicker.LevelItem")],a);export{a as LevelItem};
+import{_ as e}from"../../../chunks/tslib.es6.js";import{property as t}from"../../../core/accessorSupport/decorators/property.js";import"../../../core/accessorSupport/ensureType.js";import"../../../core/arrayUtils.js";import"../../../core/has.js";import{subclass as o}from"../../../core/accessorSupport/decorators/subclass.js";import s from"../../Widget.js";import{storeNode as i}from"../../support/widgetUtils.js";import{tsx as r}from"../../support/jsxFactory.js";const l="esri-building-level-picker-item",n={container:l,base:`${l}__base`,hover:`${l}--hover`,active:`${l}--active`};let a=class extends s{constructor(e,t){super(e,t),this.active=!1,this.hovering=!1,this.width=0,this.height=0,this.onSelect=()=>{},this.onFocus=()=>{},this.onBlur=()=>{},this._baseElement=null}render(){return r("div",{bind:this,class:this.classes(n.container,{[n.active]:this.active,[n.hover]:this.hovering}),key:this,styles:{height:`${this.height}px`}},this._renderBase())}focus(){null!=this._baseElement&&this._baseElement.focus()}_renderBase(){const e=this.width,t=.8*this.width;return r("div",{class:n.base,styles:{width:`${Math.round(e)}px`,height:`${Math.round(e)}px`}},r("button",{afterCreate:i,"aria-label":this.label,bind:this,class:"rect","data-node-ref":"_baseElement",onblur:this.onBlur,onclick:this.onSelect,onfocus:this.onFocus,styles:{width:`${Math.round(t)}px`,height:`${Math.round(t)}px`},tabIndex:-1,title:this.label??"",type:"button"}))}};e([t({nonNullable:!0})],a.prototype,"level",void 0),e([t({nonNullable:!0})],a.prototype,"active",void 0),e([t({nonNullable:!0})],a.prototype,"hovering",void 0),e([t({nonNullable:!0})],a.prototype,"width",void 0),e([t({nonNullable:!0})],a.prototype,"height",void 0),e([t({nonNullable:!0})],a.prototype,"onSelect",void 0),e([t({nonNullable:!0})],a.prototype,"onFocus",void 0),e([t({nonNullable:!0})],a.prototype,"onBlur",void 0),a=e([o("esri.widgets.BuildingExplorer.BuildingLevelPicker.LevelItem")],a);export{a as LevelItem};

package/widgets/BuildingExplorer/BuildingPhasePicker/BuildingPhasePicker.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.28/esri/copyright.txt for details.
 */
-import{_ as e}from"../../../chunks/tslib.es6.js";import{watch as s,initial as t}from"../../../core/reactiveUtils.js";import{property as r}from"../../../core/accessorSupport/decorators/property.js";import"../../../core/accessorSupport/ensureType.js";import"../../../core/arrayUtils.js";import"../../../core/has.js";import{subclass as i}from"../../../core/accessorSupport/decorators/subclass.js";import o from"../../Widget.js";import{isRTL as a}from"../../support/widgetUtils.js";import{tsx as n}from"../../support/jsxFactory.js";const h={nextPhase:"nextPhase",previousPhase:"previousPhase",currentPhase:"{{value}}"},c="esri-building-phase-picker",l={container:`${c}`,phasesContainer:`${c}__phases-container`,phase:`${c}__phase`,phaseActive:`${c}__phase--active`,phaseCurrent:`${c}__phase--current`,divider:`${c}__divider`,dividerActive:`${c}__divider--active`,arrowLeft:`${c}__arrow-left`,arrowRight:`${c}__arrow-right`};let u=class extends o{constructor(e,s){super(e,s),this._phasesContainer=null,this._shouldScrollCurrentPhaseIntoView=!0,this._shouldFocusCurrentPhase=!1,this._onKeyDown=e=>{const{vm:s}=this;switch(e.key){case"ArrowDown":case"ArrowLeft":e.stopPropagation(),e.preventDefault(),s.previous(),this._shouldFocusCurrentPhase=!0;break;case"ArrowUp":case"ArrowRight":e.stopPropagation(),e.preventDefault(),s.next(),this._shouldFocusCurrentPhase=!0}},this._onArrowLeftClick=()=>{this.vm.previous()},this._onArrowRightClick=()=>{this.vm.next()},this._onPhasesContainerAfterCreate=e=>{this._phasesContainer=e,requestAnimationFrame(this._scrollOrFocusPhase)},this._scrollOrFocusPhase=()=>{const e=this._phasesContainer;if(this.destroyed||null==e)return;const s=e.querySelector(`.${l.phaseCurrent}`);if(s){if(this._shouldScrollCurrentPhaseIntoView){const t=e.offsetWidth,r=s.offsetLeft,i=s.offsetWidth;e.scrollLeft=-t/2+r-i/2,this._shouldScrollCurrentPhaseIntoView=!1}this._shouldFocusCurrentPhase&&(s.focus(),this._shouldFocusCurrentPhase=!1)}}}initialize(){this.addHandles(s((()=>[this._currentPhase,this._phasesContainer,this.container]),(()=>{this._shouldScrollCurrentPhaseIntoView=!0,requestAnimationFrame(this._scrollOrFocusPhase)}),t))}get _phases(){return this.vm.allowedValues}get _currentPhase(){const{vm:e}=this;return e.enabled?e.value:null}render(){if(this._phases.length<2)return n("div",{key:"no-phases"});const{vm:e,container:s,messages:t}=this,{previousPhase:r,nextPhase:i}=t??h,o=a(s);return n("div",{class:this.classes("esri-widget",l.container),key:this,onkeydown:this._onKeyDown},n("button",{type:"button",class:o?l.arrowRight:l.arrowLeft,disabled:!e.hasPrevious,"aria-label":r,title:r,onclick:this._onArrowLeftClick}),n("div",{class:l.phasesContainer,afterCreate:this._onPhasesContainerAfterCreate},this._renderPhaseButtons()),n("button",{type:"button",class:o?l.arrowLeft:l.arrowRight,disabled:!e.hasNext,"aria-label":i,title:i,onclick:this._onArrowRightClick}))}_renderPhaseButtons(){const e=this._phases,s=this._currentPhase,t=[];for(let r=0;r<e.length;++r){const i=e[r],o={phase:i,active:null!=s&&i<=s,current:null!=s&&i===s};r>0&&t.push(this._renderDivider(o)),t.push(this._renderPhaseButton(o))}return t}_renderPhaseButton({phase:e,active:s,current:t}){const{vm:r}=this,i=r.getValueLabel(e);return n("button",{key:`phase-${e}`,class:this.classes(l.phase,{[l.phaseActive]:s,[l.phaseCurrent]:t}),"aria-label":i,title:i,onclick:()=>r.select(e),type:"button"},e)}_renderDivider({phase:e,active:s}){return n("div",{key:`phase-divider-${e}`,class:this.classes(l.divider,{[l.dividerActive]:s})})}};e([r({nonNullable:!0})],u.prototype,"vm",void 0),e([r()],u.prototype,"messages",void 0),e([r()],u.prototype,"_phases",null),e([r()],u.prototype,"_currentPhase",null),e([r()],u.prototype,"_phasesContainer",void 0),u=e([i("esri.widgets.BuildingExplorer.BuildingPhasePicker.BuildingPhasePicker")],u);const p=u;export{p as default};
+import{_ as e}from"../../../chunks/tslib.es6.js";import{watch as s,initial as t}from"../../../core/reactiveUtils.js";import{property as r}from"../../../core/accessorSupport/decorators/property.js";import"../../../core/accessorSupport/ensureType.js";import"../../../core/arrayUtils.js";import"../../../core/has.js";import{subclass as i}from"../../../core/accessorSupport/decorators/subclass.js";import o from"../../Widget.js";import{isRTL as a}from"../../support/widgetUtils.js";import{tsx as n}from"../../support/jsxFactory.js";const h={nextPhase:"nextPhase",previousPhase:"previousPhase",currentPhase:"{{value}}"},c="esri-building-phase-picker",l={container:`${c}`,phasesContainer:`${c}__phases-container`,phase:`${c}__phase`,phaseActive:`${c}__phase--active`,phaseCurrent:`${c}__phase--current`,divider:`${c}__divider`,dividerActive:`${c}__divider--active`,arrowLeft:`${c}__arrow-left`,arrowRight:`${c}__arrow-right`};let u=class extends o{constructor(e,s){super(e,s),this._phasesContainer=null,this._shouldScrollCurrentPhaseIntoView=!0,this._shouldFocusCurrentPhase=!1,this._onKeyDown=e=>{const{vm:s}=this;switch(e.key){case"ArrowDown":case"ArrowLeft":e.stopPropagation(),e.preventDefault(),s.previous(),this._shouldFocusCurrentPhase=!0;break;case"ArrowUp":case"ArrowRight":e.stopPropagation(),e.preventDefault(),s.next(),this._shouldFocusCurrentPhase=!0}},this._onArrowLeftClick=()=>{this.vm.previous()},this._onArrowRightClick=()=>{this.vm.next()},this._onPhasesContainerAfterCreate=e=>{this._phasesContainer=e,requestAnimationFrame(this._scrollOrFocusPhase)},this._scrollOrFocusPhase=()=>{const e=this._phasesContainer;if(this.destroyed||null==e)return;const s=e.querySelector(`.${l.phaseCurrent}`);if(s){if(this._shouldScrollCurrentPhaseIntoView){const t=e.offsetWidth,r=s.offsetLeft,i=s.offsetWidth;e.scrollLeft=-t/2+r-i/2,this._shouldScrollCurrentPhaseIntoView=!1}this._shouldFocusCurrentPhase&&(s.focus(),this._shouldFocusCurrentPhase=!1)}}}initialize(){this.addHandles(s((()=>[this._currentPhase,this._phasesContainer,this.container]),(()=>{this._shouldScrollCurrentPhaseIntoView=!0,requestAnimationFrame(this._scrollOrFocusPhase)}),t))}get _phases(){return this.vm.allowedValues}get _currentPhase(){const{vm:e}=this;return e.enabled?e.value:null}render(){if(this._phases.length<2)return n("div",{key:"no-phases"});const{vm:e,container:s,messages:t}=this,{previousPhase:r,nextPhase:i}=t??h,o=a(s);return n("div",{class:this.classes("esri-widget",l.container),key:this,onkeydown:this._onKeyDown},n("button",{"aria-label":r,class:o?l.arrowRight:l.arrowLeft,disabled:!e.hasPrevious,onclick:this._onArrowLeftClick,title:r,type:"button"}),n("div",{afterCreate:this._onPhasesContainerAfterCreate,class:l.phasesContainer},this._renderPhaseButtons()),n("button",{"aria-label":i,class:o?l.arrowLeft:l.arrowRight,disabled:!e.hasNext,onclick:this._onArrowRightClick,title:i,type:"button"}))}_renderPhaseButtons(){const e=this._phases,s=this._currentPhase,t=[];for(let r=0;r<e.length;++r){const i=e[r],o={phase:i,active:null!=s&&i<=s,current:null!=s&&i===s};r>0&&t.push(this._renderDivider(o)),t.push(this._renderPhaseButton(o))}return t}_renderPhaseButton({phase:e,active:s,current:t}){const{vm:r}=this,i=r.getValueLabel(e);return n("button",{"aria-label":i,class:this.classes(l.phase,{[l.phaseActive]:s,[l.phaseCurrent]:t}),key:`phase-${e}`,onclick:()=>r.select(e),title:i,type:"button"},e)}_renderDivider({phase:e,active:s}){return n("div",{class:this.classes(l.divider,{[l.dividerActive]:s}),key:`phase-divider-${e}`})}};e([r({nonNullable:!0})],u.prototype,"vm",void 0),e([r()],u.prototype,"messages",void 0),e([r()],u.prototype,"_phases",null),e([r()],u.prototype,"_currentPhase",null),e([r()],u.prototype,"_phasesContainer",void 0),u=e([i("esri.widgets.BuildingExplorer.BuildingPhasePicker.BuildingPhasePicker")],u);const p=u;export{p as default};

package/widgets/BuildingExplorer.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.28/esri/copyright.txt for details.
 */
-import{_ as e}from"../chunks/tslib.es6.js";import{property as s}from"../core/accessorSupport/decorators/property.js";import{cast as i}from"../core/accessorSupport/decorators/cast.js";import"../core/arrayUtils.js";import"../core/has.js";import{subclass as t}from"../core/accessorSupport/decorators/subclass.js";import r from"./Widget.js";import l from"./BuildingExplorer/BuildingExplorerViewModel.js";import{css as o}from"./BuildingExplorer/css.js";import n from"./BuildingExplorer/BuildingDisciplinesTree/BuildingDisciplinesTree.js";import a from"./BuildingExplorer/BuildingLevelPicker/BuildingLevelPicker.js";import d from"./BuildingExplorer/BuildingPhasePicker/BuildingPhasePicker.js";import{globalCss as p}from"./support/globalCss.js";import{Heading as c}from"./support/Heading.js";import{legacyIcon as g}from"./support/legacyIcon.js";import{classes as u}from"./support/widgetUtils.js";import{messageBundle as m}from"./support/decorators/messageBundle.js";import{tsx as h}from"./support/jsxFactory.js";const v={levels:!0,phases:!0,disciplines:!0};let y=class extends r{constructor(e,s){super(e,s),this._defaultViewModel=new l,this.viewModel=this._defaultViewModel,this.visibleElements={...v},this.headingLevel=3,this.iconClass=o.widgetIcon,this.icon=null,this.messages=null,this.messagesCommon=null,this.toggleSiblingsVisibility=!1}destroy(){this.viewModel!==this._defaultViewModel&&this._defaultViewModel.destroy()}get view(){return this.viewModel.view}set view(e){this.viewModel.view=e}get layers(){return this.viewModel.layers}set layers(e){this.viewModel.layers=e}_castVisibleElements(e){return{...v,...e}}get label(){return this.messages?.widgetLabel??""}set label(e){this._overrideIfSome("label",e)}render(){const e=this.viewModel,s="disabled"===e.state||!e.isSupported;return h("div",{key:this,class:u(p.widget,o.base,p.panel,{[p.widgetDisabled]:s}),"aria-label":this.messages.widgetLabel},this._renderContent())}_renderContent(){const e=this.viewModel,s=this.messages;if(!e.isSupported)return h("p",{class:o.panelError},s.unsupported);if(!e.layers.length)return h("p",{class:o.panelError},s.noData);switch(e.state){case"loading":return this._renderLoadingIndicator();case"ready":return h("div",{key:"content",class:o.content},this._renderLevelPickerSection(),this._renderPhasePickerSection(),this._renderDisciplinesSection());case"failed":return h("p",{class:o.panelError},s.failed);default:return null}}_renderLoadingIndicator(){const e=this.messagesCommon.loading;return h("div",{key:"loading-container",role:"presentation",class:o.loadingContainer,"aria-label":e,title:e},h("span",{"aria-hidden":"true",class:u(g.loadingIndicator,p.rotating)}))}_renderLevelPickerSection(){const e=this.viewModel.level,s="ready"===e.state,i=e.allowedValues.length>1;if(!this.visibleElements.levels||!s||!i)return null;const t=this.messages?.level;return h("div",{key:"levels",class:u(o.section,o.levels)},h(c,{level:this.headingLevel},t?.title),h(a,{vm:e,messages:t}))}_renderPhasePickerSection(){const e=this.viewModel.phase,s="ready"===e.state,i=e.allowedValues.length>1;if(!this.visibleElements.phases||!s||!i)return null;const t=this.messages.phase;return h("div",{key:"phases",class:u(o.section,o.phases)},h(c,{level:this.headingLevel},t.title),h(d,{vm:e,messages:t}))}_renderDisciplinesSection(){const e=this.viewModel.disciplines,s="ready"===e.state,i=e.root.hasChildren;if(!this.visibleElements.disciplines||!s||!i)return null;const t=this.messages?.disciplines;return h("div",{key:"disciplines",class:u(o.section,o.disciplines)},h(c,{level:this.headingLevel},t.title),h(n,{vm:e,messages:t,toggleSiblingsVisibility:this.toggleSiblingsVisibility}))}};e([s({type:l})],y.prototype,"viewModel",void 0),e([s()],y.prototype,"view",null),e([s()],y.prototype,"layers",null),e([s()],y.prototype,"visibleElements",void 0),e([i("visibleElements")],y.prototype,"_castVisibleElements",null),e([s()],y.prototype,"headingLevel",void 0),e([s()],y.prototype,"iconClass",void 0),e([s()],y.prototype,"icon",void 0),e([s()],y.prototype,"label",null),e([s(),m("esri/widgets/BuildingExplorer/t9n/BuildingExplorer")],y.prototype,"messages",void 0),e([s(),m("esri/t9n/common")],y.prototype,"messagesCommon",void 0),e([s({nonNullable:!0})],y.prototype,"toggleSiblingsVisibility",void 0),e([s()],y.prototype,"uiStrings",void 0),y=e([t("esri.widgets.BuildingExplorer")],y);const w=y;export{w as default};
+import{_ as e}from"../chunks/tslib.es6.js";import{property as s}from"../core/accessorSupport/decorators/property.js";import{cast as i}from"../core/accessorSupport/decorators/cast.js";import"../core/arrayUtils.js";import"../core/has.js";import{subclass as t}from"../core/accessorSupport/decorators/subclass.js";import r from"./Widget.js";import l from"./BuildingExplorer/BuildingExplorerViewModel.js";import{css as o}from"./BuildingExplorer/css.js";import n from"./BuildingExplorer/BuildingDisciplinesTree/BuildingDisciplinesTree.js";import a from"./BuildingExplorer/BuildingLevelPicker/BuildingLevelPicker.js";import d from"./BuildingExplorer/BuildingPhasePicker/BuildingPhasePicker.js";import{globalCss as p}from"./support/globalCss.js";import{Heading as c}from"./support/Heading.js";import{legacyIcon as g}from"./support/legacyIcon.js";import{classes as u}from"./support/widgetUtils.js";import{messageBundle as m}from"./support/decorators/messageBundle.js";import{tsx as h}from"./support/jsxFactory.js";const v={levels:!0,phases:!0,disciplines:!0};let y=class extends r{constructor(e,s){super(e,s),this._defaultViewModel=new l,this.viewModel=this._defaultViewModel,this.visibleElements={...v},this.headingLevel=3,this.iconClass=o.widgetIcon,this.icon=null,this.messages=null,this.messagesCommon=null,this.toggleSiblingsVisibility=!1}destroy(){this.viewModel!==this._defaultViewModel&&this._defaultViewModel.destroy()}get view(){return this.viewModel.view}set view(e){this.viewModel.view=e}get layers(){return this.viewModel.layers}set layers(e){this.viewModel.layers=e}_castVisibleElements(e){return{...v,...e}}get label(){return this.messages?.widgetLabel??""}set label(e){this._overrideIfSome("label",e)}render(){const e=this.viewModel,s="disabled"===e.state||!e.isSupported;return h("div",{"aria-label":this.messages.widgetLabel,class:u(p.widget,o.base,p.panel,{[p.widgetDisabled]:s}),key:this},this._renderContent())}_renderContent(){const e=this.viewModel,s=this.messages;if(!e.isSupported)return h("p",{class:o.panelError},s.unsupported);if(!e.layers.length)return h("p",{class:o.panelError},s.noData);switch(e.state){case"loading":return this._renderLoadingIndicator();case"ready":return h("div",{class:o.content,key:"content"},this._renderLevelPickerSection(),this._renderPhasePickerSection(),this._renderDisciplinesSection());case"failed":return h("p",{class:o.panelError},s.failed);default:return null}}_renderLoadingIndicator(){const e=this.messagesCommon.loading;return h("div",{"aria-label":e,class:o.loadingContainer,key:"loading-container",role:"presentation",title:e},h("span",{"aria-hidden":"true",class:u(g.loadingIndicator,p.rotating)}))}_renderLevelPickerSection(){const e=this.viewModel.level,s="ready"===e.state,i=e.allowedValues.length>1;if(!this.visibleElements.levels||!s||!i)return null;const t=this.messages?.level;return h("div",{class:u(o.section,o.levels),key:"levels"},h(c,{level:this.headingLevel},t?.title),h(a,{messages:t,vm:e}))}_renderPhasePickerSection(){const e=this.viewModel.phase,s="ready"===e.state,i=e.allowedValues.length>1;if(!this.visibleElements.phases||!s||!i)return null;const t=this.messages.phase;return h("div",{class:u(o.section,o.phases),key:"phases"},h(c,{level:this.headingLevel},t.title),h(d,{messages:t,vm:e}))}_renderDisciplinesSection(){const e=this.viewModel.disciplines,s="ready"===e.state,i=e.root.hasChildren;if(!this.visibleElements.disciplines||!s||!i)return null;const t=this.messages?.disciplines;return h("div",{class:u(o.section,o.disciplines),key:"disciplines"},h(c,{level:this.headingLevel},t.title),h(n,{messages:t,toggleSiblingsVisibility:this.toggleSiblingsVisibility,vm:e}))}};e([s({type:l})],y.prototype,"viewModel",void 0),e([s()],y.prototype,"view",null),e([s()],y.prototype,"layers",null),e([s()],y.prototype,"visibleElements",void 0),e([i("visibleElements")],y.prototype,"_castVisibleElements",null),e([s()],y.prototype,"headingLevel",void 0),e([s()],y.prototype,"iconClass",void 0),e([s()],y.prototype,"icon",void 0),e([s()],y.prototype,"label",null),e([s(),m("esri/widgets/BuildingExplorer/t9n/BuildingExplorer")],y.prototype,"messages",void 0),e([s(),m("esri/t9n/common")],y.prototype,"messagesCommon",void 0),e([s({nonNullable:!0})],y.prototype,"toggleSiblingsVisibility",void 0),e([s()],y.prototype,"uiStrings",void 0),y=e([t("esri.widgets.BuildingExplorer")],y);const w=y;export{w as default};

package/widgets/Compass.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.28/esri/copyright.txt for details.
 */
-import{_ as e}from"../chunks/tslib.es6.js";import{property as s}from"../core/accessorSupport/decorators/property.js";import"../core/accessorSupport/ensureType.js";import"../core/arrayUtils.js";import"../core/has.js";import{subclass as o}from"../core/accessorSupport/decorators/subclass.js";import t from"./Widget.js";import r from"./Compass/CompassViewModel.js";import{css as i}from"./Compass/css.js";import{loadCalciteComponents as a}from"./support/componentsUtils.js";import{globalCss as p}from"./support/globalCss.js";import"./support/widgetUtils.js";import{messageBundle as l}from"./support/decorators/messageBundle.js";import{tsx as n}from"./support/jsxFactory.js";let c=class extends t{constructor(e,s){super(e,s),this.iconClass=i.widgetIcon,this.icon=null,this.messages=null,this.viewModel=new r,this._reset=()=>{this.viewModel.reset()},this._toRotationTransform=e=>({transform:`rotateZ(${e.z}deg)`})}loadDependencies(){return a({button:()=>import("@esri/calcite-components/dist/components/calcite-button.js"),icon:()=>import("@esri/calcite-components/dist/components/calcite-icon.js")})}get goToOverride(){return this.viewModel.goToOverride}set goToOverride(e){this.viewModel.goToOverride=e}get label(){return this.messages?.widgetLabel??""}set label(e){this._overrideIfSome("label",e)}get view(){return this.viewModel.view}set view(e){this.viewModel.view=e}reset(){return this.viewModel.reset()}render(){const{orientation:e,state:s}=this.viewModel,o="rotation"===s?"arrow-up":"compass-needle",{messages:t}=this;return n("div",{class:this.classes(i.base,p.widget)},n("calcite-button",{class:p.widgetButton,onclick:this._reset,"aria-label":t.reset,title:t.reset,disabled:"disabled"===s,kind:"neutral",scale:"s",round:!0},n("div",{class:i.iconContainer},n("calcite-icon",{scale:"m",icon:o,styles:this._toRotationTransform(e)}))))}};e([s()],c.prototype,"goToOverride",null),e([s()],c.prototype,"iconClass",void 0),e([s()],c.prototype,"icon",void 0),e([s()],c.prototype,"label",null),e([s(),l("esri/widgets/Compass/t9n/Compass")],c.prototype,"messages",void 0),e([s()],c.prototype,"view",null),e([s({type:r})],c.prototype,"viewModel",void 0),c=e([o("esri.widgets.Compass")],c);const d=c;export{d as default};
+import{_ as e}from"../chunks/tslib.es6.js";import{property as s}from"../core/accessorSupport/decorators/property.js";import"../core/accessorSupport/ensureType.js";import"../core/arrayUtils.js";import"../core/has.js";import{subclass as o}from"../core/accessorSupport/decorators/subclass.js";import t from"./Widget.js";import r from"./Compass/CompassViewModel.js";import{css as i}from"./Compass/css.js";import{loadCalciteComponents as a}from"./support/componentsUtils.js";import{globalCss as p}from"./support/globalCss.js";import"./support/widgetUtils.js";import{messageBundle as l}from"./support/decorators/messageBundle.js";import{tsx as n}from"./support/jsxFactory.js";let c=class extends t{constructor(e,s){super(e,s),this.iconClass=i.widgetIcon,this.icon=null,this.messages=null,this.viewModel=new r,this._reset=()=>{this.viewModel.reset()},this._toRotationTransform=e=>({transform:`rotateZ(${e.z}deg)`})}loadDependencies(){return a({button:()=>import("@esri/calcite-components/dist/components/calcite-button.js"),icon:()=>import("@esri/calcite-components/dist/components/calcite-icon.js")})}get goToOverride(){return this.viewModel.goToOverride}set goToOverride(e){this.viewModel.goToOverride=e}get label(){return this.messages?.widgetLabel??""}set label(e){this._overrideIfSome("label",e)}get view(){return this.viewModel.view}set view(e){this.viewModel.view=e}reset(){return this.viewModel.reset()}render(){const{orientation:e,state:s}=this.viewModel,o="rotation"===s?"arrow-up":"compass-needle",{messages:t}=this;return n("div",{class:this.classes(i.base,p.widget)},n("calcite-button",{"aria-label":t.reset,class:p.widgetButton,disabled:"disabled"===s,kind:"neutral",onclick:this._reset,round:!0,scale:"s",title:t.reset},n("div",{class:i.iconContainer},n("calcite-icon",{icon:o,scale:"m",styles:this._toRotationTransform(e)}))))}};e([s()],c.prototype,"goToOverride",null),e([s()],c.prototype,"iconClass",void 0),e([s()],c.prototype,"icon",void 0),e([s()],c.prototype,"label",null),e([s(),l("esri/widgets/Compass/t9n/Compass")],c.prototype,"messages",void 0),e([s()],c.prototype,"view",null),e([s({type:r})],c.prototype,"viewModel",void 0),c=e([o("esri.widgets.Compass")],c);const d=c;export{d as default};

package/widgets/CoordinateConversion.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.28/esri/copyright.txt for details.
 */
-import{_ as e}from"../chunks/tslib.es6.js";import{eventKey as t}from"../core/events.js";import o from"../core/Logger.js";import{property as i}from"../core/accessorSupport/decorators/property.js";import{cast as s}from"../core/accessorSupport/decorators/cast.js";import"../core/arrayUtils.js";import"../core/has.js";import{subclass as n}from"../core/accessorSupport/decorators/subclass.js";import r from"./Widget.js";import a from"./CoordinateConversion/CoordinateConversionViewModel.js";import l from"./CoordinateConversion/support/Conversion.js";import{globalCss as p}from"./support/globalCss.js";import{Heading as d}from"./support/Heading.js";import{legacyIcon as u}from"./support/legacyIcon.js";import{accessibleHandler as c}from"./support/decorators/accessibleHandler.js";import{messageBundle as h}from"./support/decorators/messageBundle.js";import{tsx as _}from"./support/jsxFactory.js";import{storeNode as m,isRTL as v}from"./support/widgetUtils.js";const g="esri-coordinate-conversion",b={base:g,captureMode:`${g}--capture-mode`,noBasemap:`${g}--no-basemap`,popup:`${g}__popup`,clipboardPopup:`${g}__clipboard-popup`,conversionList:`${g}__conversion-list`,conversionRow:`${g}__row`,coordDisplay:`${g}__display`,expanded:`${g}__conversions-view--expanded`,expandDown:`${g}__conversions-view--expand-down`,expandUp:`${g}__conversions-view--expand-up`,conversionsView:`${g}__conversions-view`,primarySelect:`${g}__select-primary`,rowSelect:`${g}__select-row`,toolDisplay:`${g}__tools`,modeToggle:`${g}__mode-toggle`,rowButton:`${g}__row-button`,backButton:`${g}__back-button`,convertButton:`${g}__button`,convertButtonSpan:`${g}__convert-button-span`,coordinateInput:`${g}__input-coordinate`,inputForm:`${g}__input-form`,inputFormGroup:`${g}__input-group`,rejectInput:`${g}__input-coordinate--rejected`,sectionHeading:`${g}__heading`,patternInput:`${g}__pattern-input`,settings:`${g}__settings`,settingsFormGroup:`${g}__settings-group`,settingsFormGroupHorizontal:`${g}__settings-group-horizontal`,previewCoordinate:`${g}__preview-coordinate`},y={settingsButton:!0,inputButton:!0,captureButton:!0,expandButton:!0},w=750,C=2500;let f=class extends r{constructor(e,t){super(e,t),this._popupMessage=null,this._popupTimeoutId=void 0,this._clipboardPopupTimeoutId=void 0,this._coordinateInput=null,this._badInput=!1,this._goToEnabled=!1,this._conversionFormat=null,this._settingsFormat=null,this._previewConversion=null,this._expanded=!1,this._clipboardPopupVisible=!1,this._popupVisible=!1,this._settingsVisible=!1,this._inputVisible=!1,this.headingLevel=4,this.messages=null,this.messagesCommon=null,this.orientation="auto",this.viewModel=new a,this.visibleElements={...y}}get conversions(){return this.viewModel.conversions}set conversions(e){this.viewModel.conversions=e}get currentLocation(){return this.viewModel.currentLocation}set currentLocation(e){this.viewModel.currentLocation=e}get formats(){return this.viewModel.formats}set formats(e){this.viewModel.formats=e}get goToOverride(){return this.viewModel.goToOverride}set goToOverride(e){this.viewModel.goToOverride=e}get label(){return this.messages?.widgetLabel??""}set label(e){this._overrideIfSome("label",e)}get mode(){return this.viewModel.mode}set mode(e){this.viewModel.mode=e}set multipleConversions(e){!1===e&&(this._expanded=!1,this.conversions.splice(1,this.conversions.length-1)),this._set("multipleConversions",e)}get multipleConversions(){const e=this._get("multipleConversions");return"boolean"!=typeof e||e}get locationSymbol(){return this.viewModel.locationSymbol}set locationSymbol(e){this.viewModel.locationSymbol=e}get storageEnabled(){return this.viewModel.storageEnabled}set storageEnabled(e){this.viewModel.storageEnabled=e}get storageType(){return this.viewModel.storageType}set storageType(e){this.viewModel.storageType=e}get view(){return this.viewModel.view}set view(e){this.viewModel.view=e}castVisibleElements(e){return{...y,...e}}reverseConvert(e,t){return this.viewModel.reverseConvert(e,t)}render(){const e=this.viewModel?.state,t="disabled"===e?_("div",{key:"esri-coordinate__no-basemap"},this.messages?.noBasemap):null,o=!t&&this._inputVisible?this._renderInputForm():null,i=!t&&this._settingsVisible?this._renderSettings():null,s=t||o||i?null:this._renderConversionsView(),n=this._popupVisible?this._renderPopup():null,r={[b.captureMode]:"capture"===this.mode,[p.disabled]:"loading"===e,[b.noBasemap]:"disabled"===e};return _("div",{class:this.classes(b.base,p.widget,r)},n,t,s,i,o)}_addConversion(e){const t=e.target,o=x(t.options[t.options.selectedIndex]),i=I(t);if(null==o||null==i)return;const s=new l({format:o});t.options.selectedIndex=0,i>=0?(this.conversions.removeAt(i),this.conversions.add(s,i)):this.conversions.add(s)}_findSettingsFormat(){return this._settingsFormat||this.conversions.reduceRight(((e,t)=>{const o=t.format;return o?.hasDisplayProperties?o:e}),null)||this.formats.find((e=>e.hasDisplayProperties))}_hidePopup(){this._popupTimeoutId&&(clearTimeout(this._popupTimeoutId),this._popupTimeoutId=void 0),this._popupVisible=!1,this._popupMessage=null,this.scheduleRender()}_hideClipboardPopup(){this._clipboardPopupTimeoutId&&(clearTimeout(this._clipboardPopupTimeoutId),this._clipboardPopupTimeoutId=void 0),this._clipboardPopupVisible=!1,this.scheduleRender()}_onConvertComplete(){this._inputVisible=!1,this._coordinateInput.value=""}_onCopy(e){const t=T(e.currentTarget)?.displayCoordinate;null!=t&&(e.clipboardData?.setData("text/plain",t),this._showClipboardPopup(),e.preventDefault())}_processUserInput(e){const i=t(e),s=this.viewModel;if("Enter"!==i&&i)this._badInput&&(this._badInput=!1);else{const e=x(this._coordinateInput);if(!e)return;const t=this._coordinateInput.value;this._reverseConvert(t,e).then((e=>{"capture"===this.mode?s.resume():this.mode="capture",this.currentLocation=e,s.setLocation(e),this._onConvertComplete()})).catch((e=>{o.getLogger(this).error(e),this._showPopup(this.messages?.invalidCoordinate),this._badInput=!0}))}}async _reverseConvert(e,t){const i=this.viewModel,s=await t.reverseConvert(e);return this._goToEnabled&&s&&i.goToLocation(s).catch((e=>{o.getLogger(this).warn(e),this._showPopup(this.messages?.locationOffBasemap)})),s}_setInputFormat(e){const t=e.target,o=x(t[t.options.selectedIndex]);null!=o&&(this._conversionFormat=o)}_setPreviewConversion(){const e=this._findSettingsFormat(),t=this.viewModel;if(e){const o=this.conversions.find((t=>t.format===e));this._previewConversion=new l({format:e,position:{location:this.currentLocation,coordinate:o?.position?.coordinate}}),this._previewConversion.position?.coordinate||t.previewConversion(this._previewConversion)}}_setSettingsFormat(e){const t=e.target,o=x(t[t.options.selectedIndex]);null!=o&&(this._settingsFormat=o,this._setPreviewConversion())}_showClipboardPopup(){this._clipboardPopupVisible?clearTimeout(this._clipboardPopupTimeoutId):this._clipboardPopupVisible=!0,this.scheduleRender(),this._popupTimeoutId=setTimeout((()=>{this._popupTimeoutId=void 0,this._hideClipboardPopup()}),w)}_showPopup(e,t=C){this._popupMessage=e,this._popupVisible?clearTimeout(this._popupTimeoutId):this._popupVisible=!0,this.scheduleRender(),this._popupTimeoutId=setTimeout((()=>{this._popupTimeoutId=void 0,this._hidePopup()}),t)}_toggleGoTo(){this._goToEnabled=!this._goToEnabled}_updateCurrentPattern(e){e.stopPropagation();const t=e.target,o=this._findSettingsFormat();o&&(o.currentPattern=t.value)}_renderConversion(e,t){const{messages:o}=this;if(!o)return _("li",null);const{format:i}=e,s=i?.label??"",n=`${this.id}__list-item-${t}`,r=`${s} ${o.conversionOutputSuffix}`,a=0===t,l=a||this._expanded,d=a?this._renderFirstConversion(e):this._renderTools(t,e,n),u=a&&!e.displayCoordinate?o.noLocation:e.displayCoordinate,c=_("div",{"aria-label":u,class:b.coordDisplay,"data-conversion":e,role:"listitem",tabIndex:0,title:u??""},u),h=this._renderOptions(this.formats.filter((e=>e!==i)));return l?_("li",{"aria-label":r,class:b.conversionRow,id:n,key:e,role:"group",title:r,tabIndex:0},_("select",{"aria-controls":n,"aria-label":o.selectFormat,class:this.classes(p.select,b.rowSelect),bind:this,"data-index":t,onchange:this._addConversion,title:o.selectFormat},_("option",{"aria-label":s,selected:!0,title:s},s.toUpperCase()),h),c,d):null}_renderCopyButton(e){const t=this._clipboardPopupVisible&&this._renderClipboardPopup(),{messagesCommon:o}=this;return o?_("li",{"aria-label":o.copy,bind:this,class:this.classes(p.widgetButton,b.rowButton),"data-conversion":e,onclick:this._copyCoordinateOutput,onkeydown:this._copyCoordinateOutput,oncopy:this._onCopy,role:"button",tabIndex:0,title:o.copy},t,_("span",{"aria-hidden":"true",class:u.duplicate})):_("li",null)}_renderFirstConversion(e){const t=this.id,o={[u.down]:!this._expanded,[u.up]:this._expanded},{messages:i,messagesCommon:s,multipleConversions:n,visibleElements:r}=this;if(!s||!i)return _("ul",null);const a="live"===this.mode?i.captureMode:i.liveMode,l=this._expanded?s.collapse:s.expand,d=e.displayCoordinate&&"capture"===this.mode?this._renderCopyButton(e):null,c=n&&r.expandButton&&_("li",{"aria-controls":`${t}__${b.conversionList}`,"aria-label":l,bind:this,class:p.widgetButton,key:"esri-coordinate-conversion__expand-button",onclick:this._toggleExpand,onkeydown:this._toggleExpand,role:"button",tabIndex:0,title:l},_("span",{"aria-hidden":"true",class:this.classes(o)})),h=!n&&r.captureButton&&_("li",{"aria-label":a,bind:this,class:this.classes(p.widgetButton,b.modeToggle),key:"esri-coordinate-conversion__mode-toggle",onclick:this._toggleMode,onkeydown:this._toggleMode,role:"button",tabIndex:0,title:a},_("span",{"aria-hidden":"true",class:u.mapPin}));return _("ul",{class:b.toolDisplay},d,c,h)}_renderInputForm(){const e=this._conversionFormat||this.conversions.at(0).format,t=this.formats.findIndex((t=>t.name===e?.name)),o=this.id,i=`${o}__${b.coordinateInput}`,s=`${o}__${b.coordinateInput}__header`,n=this._renderOptions(this.formats,!0,t),r={[b.rejectInput]:this._badInput},{messages:a,messagesCommon:l,headingLevel:u}=this;return l&&a?_("div",{"aria-labelledby":s,class:b.inputForm,key:"esri-coordinate-conversion__input-form",role:"search"},_("div",{class:b.sectionHeading},_("div",{"aria-label":l.back,bind:this,class:this.classes(p.widgetButton,b.backButton),onclick:this._toggleInputVisibility,onkeydown:this._toggleInputVisibility,role:"button",tabIndex:0,title:l.back},this._renderBackIcon()),_(d,{level:u,class:p.heading,id:s},a.inputCoordTitle)),_("div",{class:b.inputFormGroup},_("select",{"aria-controls":i,"aria-label":a.selectFormat,bind:this,class:this.classes(p.select,b.rowSelect),onchange:this._setInputFormat,title:a.selectFormat},n),_("input",{afterCreate:m,"aria-labelledby":s,"aria-required":"true",bind:this,class:this.classes(b.coordinateInput,p.input,r),"data-format":e,"data-node-ref":"_coordinateInput",id:i,onkeydown:this._processUserInput,placeholder:a.inputCoordTitle,role:"textbox",spellcheck:!1,title:a.inputCoordTitle,type:"text"})),_("div",{class:b.inputFormGroup},_("label",{"aria-label":a.goTo},_("input",{bind:this,checked:this._goToEnabled,onclick:this._toggleGoTo,title:a.goTo,type:"checkbox"}),a.goTo),_("button",{"aria-label":a.convert,bind:this,class:this.classes(b.convertButton,p.button),onclick:this._processUserInput,title:a.convert,type:"button"},_("span",{class:b.convertButtonSpan},a.convert)))):_("div",null)}_renderConversionsView(){const{messages:e}=this;if(!e)return _("div",null);const t=`${this.id}__${b.conversionList}`,o=this._renderPrimaryTools(),i=this._renderOptions(this.formats),s=this.conversions.map(((e,t)=>this._renderConversion(e,t))).toArray(),n=this._expanded?_("div",{class:b.conversionRow},_("select",{"aria-controls":t,"aria-label":e.addConversion,bind:this,class:this.classes(p.select,b.primarySelect),"data-index":-1,onchange:this._addConversion,title:e.addConversion},_("option",{disabled:!0,selected:!0,value:""},e.addConversion),i),o):null,r={[b.expanded]:this._expanded,[b.expandUp]:"expand-up"===this.orientation,[b.expandDown]:"expand-down"===this.orientation};return _("div",{class:this.classes(b.conversionsView,r),key:"esri-coordinate-conversion__main-view"},_("ul",{"aria-expanded":this._expanded?"true":"false",class:b.conversionList,id:t},s),n)}_renderOptions(e,t,o){const i=this.conversions.at(0),s=i.format?.name;return e.map(((e,n)=>{const r=!(t||!i)&&(s===e.name||this.conversions.map((e=>e.format?.name)).includes(e.name));return _("option",{"aria-label":e.label,"data-format":e,disabled:r,key:e.name??"unnamed-format",selected:n===o,value:e.label},e.label.toUpperCase())})).toArray()}_renderPopup(){return _("div",{class:b.popup,role:"alert"},this._popupMessage)}_renderClipboardPopup(){const{messages:e}=this;return e?_("div",{class:this.classes(b.popup,b.clipboardPopup),role:"alert"},e.copySuccessMessage):_("div",null)}_renderPrimaryTools(){const{messages:e,visibleElements:t}=this;if(!e)return _("ul",null);const o="live"===this.mode?e.captureMode:e.liveMode,i=t.inputButton&&_("li",{bind:this,class:p.widgetButton,onclick:this._toggleInputVisibility,onkeydown:this._toggleInputVisibility,role:"button",tabIndex:0,title:e.inputCoordTitle},_("span",{"aria-hidden":"true",class:u.edit})),s=t.captureButton&&_("li",{bind:this,class:this.classes(p.widgetButton,b.modeToggle),onclick:this._toggleMode,onkeydown:this._toggleMode,role:"button",tabIndex:0,title:o},_("span",{"aria-hidden":"true",class:u.mapPin})),n=t.settingsButton&&_("li",{bind:this,class:p.widgetButton,onclick:this._toggleSettingsVisibility,onkeydown:this._toggleSettingsVisibility,role:"button",tabIndex:0,title:e.settingsTitle},_("span",{"aria-hidden":"true",class:u.settings2}));return _("ul",{class:b.toolDisplay},i,s,n)}_renderSettings(){const e=this.id,t=`${e}__${b.patternInput}`,o=`${e}__${b.patternInput}__header`,i=`${e}__${b.previewCoordinate}`,s=this.formats.filter((e=>e.hasDisplayProperties)),n=this._findSettingsFormat(),r=n?s.indexOf(n):-1,a=this._renderOptions(s,!0,r),l=n?.currentPattern,{messages:c,messagesCommon:h,headingLevel:m}=this;return h&&c?_("div",{"aria-labelledby":o,class:b.settings,key:b.settings},_("div",{class:b.sectionHeading},_("div",{bind:this,class:this.classes(p.widgetButton,b.backButton),onclick:this._toggleSettingsVisibility,onkeydown:this._toggleSettingsVisibility,role:"button",tabIndex:0,title:h.back},this._renderBackIcon()),_(d,{level:m,class:p.heading,id:o},c.settingsTitle)),_("div",{class:b.settingsFormGroup},_("label",{for:t},c.changeCoordinateDisplay),_("select",{"aria-label":c.selectFormat,class:p.select,bind:this,onchange:this._setSettingsFormat,title:c.selectFormat},a),_("div",{class:b.settingsFormGroupHorizontal},_("input",{"aria-controls":i,bind:this,class:this.classes(b.patternInput,p.input),id:t,oninput:this._updateCurrentPattern,spellcheck:!1,title:c.changeCoordinateDisplay,type:"text",value:l}),_("div",{"aria-controls":t,bind:this,class:p.widgetButton,onclick:this._setDefaultPattern,onkeydown:this._setDefaultPattern,role:"button",tabIndex:0,title:c.defaultPattern},_("span",{"aria-hidden":"true",class:u.refresh})))),_("div",{class:b.settingsFormGroup},_("label",null,h.preview,_("div",{class:b.previewCoordinate,id:i,tabIndex:0},this._previewConversion?.displayCoordinate)))):_("div",null)}_renderBackIcon(){return _("span",{"aria-hidden":"true",class:v(this.container)?u.rightArrow:u.leftArrows})}_renderTools(e,t,o){const i=t.displayCoordinate&&"capture"===this.mode?this._renderCopyButton(t):null,{messages:s}=this;return s?_("ul",{class:b.toolDisplay,role:"listitem"},i,_("li",{"aria-controls":o,"aria-label":s.removeConversion,bind:this,class:this.classes(p.widgetButton,b.rowButton),"data-index":e,key:`${o}__${p.widgetButton}`,onclick:this._removeConversion,onkeydown:this._removeConversion,tabIndex:0,role:"button",title:s.removeConversion},_("span",{"aria-hidden":"true",class:u.close}))):_("ul",null)}_copyCoordinateOutput(e){const t=e.target;if(!("createTextRange"in document.body)){const e=window.getSelection(),o=document.createRange();o.selectNodeContents(t),e?.removeAllRanges(),e?.addRange(o)}document.execCommand("copy")}_removeConversion(e){const t=I(e.currentTarget);null!=t&&this.conversions.removeAt(t)}_setDefaultPattern(e){e.stopPropagation();const t=this._findSettingsFormat();t&&(t.currentPattern=t.defaultPattern)}_toggleExpand(){this._expanded=!this._expanded}_toggleInputVisibility(){this._inputVisible=!this._inputVisible,this._popupVisible&&this._hidePopup(),this._inputVisible?this.viewModel.pause():this.viewModel.resume()}_toggleMode(){this.mode="live"===this.mode?"capture":"live"}_toggleSettingsVisibility(){this._settingsVisible=!this._settingsVisible,this._popupVisible&&this._hidePopup(),this._settingsVisible?(this._setPreviewConversion(),this.viewModel.pause()):this.viewModel.resume()}};function I(e){return e["data-index"]}function x(e){return e["data-format"]}function T(e){return e["data-conversion"]}e([i()],f.prototype,"conversions",null),e([i()],f.prototype,"currentLocation",null),e([i()],f.prototype,"formats",null),e([i()],f.prototype,"goToOverride",null),e([i()],f.prototype,"headingLevel",void 0),e([i()],f.prototype,"label",null),e([i(),h("esri/widgets/CoordinateConversion/t9n/CoordinateConversion")],f.prototype,"messages",void 0),e([i(),h("esri/t9n/common")],f.prototype,"messagesCommon",void 0),e([i()],f.prototype,"mode",null),e([i()],f.prototype,"orientation",void 0),e([i()],f.prototype,"multipleConversions",null),e([i()],f.prototype,"locationSymbol",null),e([i()],f.prototype,"storageEnabled",null),e([i()],f.prototype,"storageType",null),e([i()],f.prototype,"view",null),e([i({type:a})],f.prototype,"viewModel",void 0),e([i()],f.prototype,"visibleElements",void 0),e([s("visibleElements")],f.prototype,"castVisibleElements",null),e([c()],f.prototype,"_copyCoordinateOutput",null),e([c()],f.prototype,"_removeConversion",null),e([c()],f.prototype,"_setDefaultPattern",null),e([c()],f.prototype,"_toggleExpand",null),e([c()],f.prototype,"_toggleInputVisibility",null),e([c()],f.prototype,"_toggleMode",null),e([c()],f.prototype,"_toggleSettingsVisibility",null),f=e([n("esri.widgets.CoordinateConversion")],f);const P=f;export{P as default};
+import{_ as e}from"../chunks/tslib.es6.js";import{eventKey as t}from"../core/events.js";import o from"../core/Logger.js";import{property as i}from"../core/accessorSupport/decorators/property.js";import{cast as s}from"../core/accessorSupport/decorators/cast.js";import"../core/arrayUtils.js";import"../core/has.js";import{subclass as n}from"../core/accessorSupport/decorators/subclass.js";import r from"./Widget.js";import a from"./CoordinateConversion/CoordinateConversionViewModel.js";import l from"./CoordinateConversion/support/Conversion.js";import{globalCss as p}from"./support/globalCss.js";import{Heading as d}from"./support/Heading.js";import{legacyIcon as u}from"./support/legacyIcon.js";import{accessibleHandler as c}from"./support/decorators/accessibleHandler.js";import{messageBundle as h}from"./support/decorators/messageBundle.js";import{tsx as _}from"./support/jsxFactory.js";import{storeNode as m,isRTL as v}from"./support/widgetUtils.js";const g="esri-coordinate-conversion",b={base:g,captureMode:`${g}--capture-mode`,noBasemap:`${g}--no-basemap`,popup:`${g}__popup`,clipboardPopup:`${g}__clipboard-popup`,conversionList:`${g}__conversion-list`,conversionRow:`${g}__row`,coordDisplay:`${g}__display`,expanded:`${g}__conversions-view--expanded`,expandDown:`${g}__conversions-view--expand-down`,expandUp:`${g}__conversions-view--expand-up`,conversionsView:`${g}__conversions-view`,primarySelect:`${g}__select-primary`,rowSelect:`${g}__select-row`,toolDisplay:`${g}__tools`,modeToggle:`${g}__mode-toggle`,rowButton:`${g}__row-button`,backButton:`${g}__back-button`,convertButton:`${g}__button`,convertButtonSpan:`${g}__convert-button-span`,coordinateInput:`${g}__input-coordinate`,inputForm:`${g}__input-form`,inputFormGroup:`${g}__input-group`,rejectInput:`${g}__input-coordinate--rejected`,sectionHeading:`${g}__heading`,patternInput:`${g}__pattern-input`,settings:`${g}__settings`,settingsFormGroup:`${g}__settings-group`,settingsFormGroupHorizontal:`${g}__settings-group-horizontal`,previewCoordinate:`${g}__preview-coordinate`},y={settingsButton:!0,inputButton:!0,captureButton:!0,expandButton:!0},w=750,C=2500;let f=class extends r{constructor(e,t){super(e,t),this._popupMessage=null,this._popupTimeoutId=void 0,this._clipboardPopupTimeoutId=void 0,this._coordinateInput=null,this._badInput=!1,this._goToEnabled=!1,this._conversionFormat=null,this._settingsFormat=null,this._previewConversion=null,this._expanded=!1,this._clipboardPopupVisible=!1,this._popupVisible=!1,this._settingsVisible=!1,this._inputVisible=!1,this.headingLevel=4,this.messages=null,this.messagesCommon=null,this.orientation="auto",this.viewModel=new a,this.visibleElements={...y}}get conversions(){return this.viewModel.conversions}set conversions(e){this.viewModel.conversions=e}get currentLocation(){return this.viewModel.currentLocation}set currentLocation(e){this.viewModel.currentLocation=e}get formats(){return this.viewModel.formats}set formats(e){this.viewModel.formats=e}get goToOverride(){return this.viewModel.goToOverride}set goToOverride(e){this.viewModel.goToOverride=e}get label(){return this.messages?.widgetLabel??""}set label(e){this._overrideIfSome("label",e)}get mode(){return this.viewModel.mode}set mode(e){this.viewModel.mode=e}set multipleConversions(e){!1===e&&(this._expanded=!1,this.conversions.splice(1,this.conversions.length-1)),this._set("multipleConversions",e)}get multipleConversions(){const e=this._get("multipleConversions");return"boolean"!=typeof e||e}get locationSymbol(){return this.viewModel.locationSymbol}set locationSymbol(e){this.viewModel.locationSymbol=e}get storageEnabled(){return this.viewModel.storageEnabled}set storageEnabled(e){this.viewModel.storageEnabled=e}get storageType(){return this.viewModel.storageType}set storageType(e){this.viewModel.storageType=e}get view(){return this.viewModel.view}set view(e){this.viewModel.view=e}castVisibleElements(e){return{...y,...e}}reverseConvert(e,t){return this.viewModel.reverseConvert(e,t)}render(){const e=this.viewModel?.state,t="disabled"===e?_("div",{key:"esri-coordinate__no-basemap"},this.messages?.noBasemap):null,o=!t&&this._inputVisible?this._renderInputForm():null,i=!t&&this._settingsVisible?this._renderSettings():null,s=t||o||i?null:this._renderConversionsView(),n=this._popupVisible?this._renderPopup():null,r={[b.captureMode]:"capture"===this.mode,[p.disabled]:"loading"===e,[b.noBasemap]:"disabled"===e};return _("div",{class:this.classes(b.base,p.widget,r)},n,t,s,i,o)}_addConversion(e){const t=e.target,o=x(t.options[t.options.selectedIndex]),i=I(t);if(null==o||null==i)return;const s=new l({format:o});t.options.selectedIndex=0,i>=0?(this.conversions.removeAt(i),this.conversions.add(s,i)):this.conversions.add(s)}_findSettingsFormat(){return this._settingsFormat||this.conversions.reduceRight(((e,t)=>{const o=t.format;return o?.hasDisplayProperties?o:e}),null)||this.formats.find((e=>e.hasDisplayProperties))}_hidePopup(){this._popupTimeoutId&&(clearTimeout(this._popupTimeoutId),this._popupTimeoutId=void 0),this._popupVisible=!1,this._popupMessage=null,this.scheduleRender()}_hideClipboardPopup(){this._clipboardPopupTimeoutId&&(clearTimeout(this._clipboardPopupTimeoutId),this._clipboardPopupTimeoutId=void 0),this._clipboardPopupVisible=!1,this.scheduleRender()}_onConvertComplete(){this._inputVisible=!1,this._coordinateInput.value=""}_onCopy(e){const t=T(e.currentTarget)?.displayCoordinate;null!=t&&(e.clipboardData?.setData("text/plain",t),this._showClipboardPopup(),e.preventDefault())}_processUserInput(e){const i=t(e),s=this.viewModel;if("Enter"!==i&&i)this._badInput&&(this._badInput=!1);else{const e=x(this._coordinateInput);if(!e)return;const t=this._coordinateInput.value;this._reverseConvert(t,e).then((e=>{"capture"===this.mode?s.resume():this.mode="capture",this.currentLocation=e,s.setLocation(e),this._onConvertComplete()})).catch((e=>{o.getLogger(this).error(e),this._showPopup(this.messages?.invalidCoordinate),this._badInput=!0}))}}async _reverseConvert(e,t){const i=this.viewModel,s=await t.reverseConvert(e);return this._goToEnabled&&s&&i.goToLocation(s).catch((e=>{o.getLogger(this).warn(e),this._showPopup(this.messages?.locationOffBasemap)})),s}_setInputFormat(e){const t=e.target,o=x(t[t.options.selectedIndex]);null!=o&&(this._conversionFormat=o)}_setPreviewConversion(){const e=this._findSettingsFormat(),t=this.viewModel;if(e){const o=this.conversions.find((t=>t.format===e));this._previewConversion=new l({format:e,position:{location:this.currentLocation,coordinate:o?.position?.coordinate}}),this._previewConversion.position?.coordinate||t.previewConversion(this._previewConversion)}}_setSettingsFormat(e){const t=e.target,o=x(t[t.options.selectedIndex]);null!=o&&(this._settingsFormat=o,this._setPreviewConversion())}_showClipboardPopup(){this._clipboardPopupVisible?clearTimeout(this._clipboardPopupTimeoutId):this._clipboardPopupVisible=!0,this.scheduleRender(),this._popupTimeoutId=setTimeout((()=>{this._popupTimeoutId=void 0,this._hideClipboardPopup()}),w)}_showPopup(e,t=C){this._popupMessage=e,this._popupVisible?clearTimeout(this._popupTimeoutId):this._popupVisible=!0,this.scheduleRender(),this._popupTimeoutId=setTimeout((()=>{this._popupTimeoutId=void 0,this._hidePopup()}),t)}_toggleGoTo(){this._goToEnabled=!this._goToEnabled}_updateCurrentPattern(e){e.stopPropagation();const t=e.target,o=this._findSettingsFormat();o&&(o.currentPattern=t.value)}_renderConversion(e,t){const{messages:o}=this;if(!o)return _("li",null);const{format:i}=e,s=i?.label??"",n=`${this.id}__list-item-${t}`,r=`${s} ${o.conversionOutputSuffix}`,a=0===t,l=a||this._expanded,d=a?this._renderFirstConversion(e):this._renderTools(t,e,n),u=a&&!e.displayCoordinate?o.noLocation:e.displayCoordinate,c=_("div",{"aria-label":u,class:b.coordDisplay,"data-conversion":e,role:"listitem",tabIndex:0,title:u??""},u),h=this._renderOptions(this.formats.filter((e=>e!==i)));return l?_("li",{"aria-label":r,class:b.conversionRow,id:n,key:e,role:"group",tabIndex:0,title:r},_("select",{"aria-controls":n,"aria-label":o.selectFormat,bind:this,class:this.classes(p.select,b.rowSelect),"data-index":t,onchange:this._addConversion,title:o.selectFormat},_("option",{"aria-label":s,selected:!0,title:s},s.toUpperCase()),h),c,d):null}_renderCopyButton(e){const t=this._clipboardPopupVisible&&this._renderClipboardPopup(),{messagesCommon:o}=this;return o?_("li",{"aria-label":o.copy,bind:this,class:this.classes(p.widgetButton,b.rowButton),"data-conversion":e,onclick:this._copyCoordinateOutput,oncopy:this._onCopy,onkeydown:this._copyCoordinateOutput,role:"button",tabIndex:0,title:o.copy},t,_("span",{"aria-hidden":"true",class:u.duplicate})):_("li",null)}_renderFirstConversion(e){const t=this.id,o={[u.down]:!this._expanded,[u.up]:this._expanded},{messages:i,messagesCommon:s,multipleConversions:n,visibleElements:r}=this;if(!s||!i)return _("ul",null);const a="live"===this.mode?i.captureMode:i.liveMode,l=this._expanded?s.collapse:s.expand,d=e.displayCoordinate&&"capture"===this.mode?this._renderCopyButton(e):null,c=n&&r.expandButton&&_("li",{"aria-controls":`${t}__${b.conversionList}`,"aria-label":l,bind:this,class:p.widgetButton,key:"esri-coordinate-conversion__expand-button",onclick:this._toggleExpand,onkeydown:this._toggleExpand,role:"button",tabIndex:0,title:l},_("span",{"aria-hidden":"true",class:this.classes(o)})),h=!n&&r.captureButton&&_("li",{"aria-label":a,bind:this,class:this.classes(p.widgetButton,b.modeToggle),key:"esri-coordinate-conversion__mode-toggle",onclick:this._toggleMode,onkeydown:this._toggleMode,role:"button",tabIndex:0,title:a},_("span",{"aria-hidden":"true",class:u.mapPin}));return _("ul",{class:b.toolDisplay},d,c,h)}_renderInputForm(){const e=this._conversionFormat||this.conversions.at(0).format,t=this.formats.findIndex((t=>t.name===e?.name)),o=this.id,i=`${o}__${b.coordinateInput}`,s=`${o}__${b.coordinateInput}__header`,n=this._renderOptions(this.formats,!0,t),r={[b.rejectInput]:this._badInput},{messages:a,messagesCommon:l,headingLevel:u}=this;return l&&a?_("div",{"aria-labelledby":s,class:b.inputForm,key:"esri-coordinate-conversion__input-form",role:"search"},_("div",{class:b.sectionHeading},_("div",{"aria-label":l.back,bind:this,class:this.classes(p.widgetButton,b.backButton),onclick:this._toggleInputVisibility,onkeydown:this._toggleInputVisibility,role:"button",tabIndex:0,title:l.back},this._renderBackIcon()),_(d,{class:p.heading,id:s,level:u},a.inputCoordTitle)),_("div",{class:b.inputFormGroup},_("select",{"aria-controls":i,"aria-label":a.selectFormat,bind:this,class:this.classes(p.select,b.rowSelect),onchange:this._setInputFormat,title:a.selectFormat},n),_("input",{afterCreate:m,"aria-labelledby":s,"aria-required":"true",bind:this,class:this.classes(b.coordinateInput,p.input,r),"data-format":e,"data-node-ref":"_coordinateInput",id:i,onkeydown:this._processUserInput,placeholder:a.inputCoordTitle,role:"textbox",spellcheck:!1,title:a.inputCoordTitle,type:"text"})),_("div",{class:b.inputFormGroup},_("label",{"aria-label":a.goTo},_("input",{bind:this,checked:this._goToEnabled,onclick:this._toggleGoTo,title:a.goTo,type:"checkbox"}),a.goTo),_("button",{"aria-label":a.convert,bind:this,class:this.classes(b.convertButton,p.button),onclick:this._processUserInput,title:a.convert,type:"button"},_("span",{class:b.convertButtonSpan},a.convert)))):_("div",null)}_renderConversionsView(){const{messages:e}=this;if(!e)return _("div",null);const t=`${this.id}__${b.conversionList}`,o=this._renderPrimaryTools(),i=this._renderOptions(this.formats),s=this.conversions.map(((e,t)=>this._renderConversion(e,t))).toArray(),n=this._expanded?_("div",{class:b.conversionRow},_("select",{"aria-controls":t,"aria-label":e.addConversion,bind:this,class:this.classes(p.select,b.primarySelect),"data-index":-1,onchange:this._addConversion,title:e.addConversion},_("option",{disabled:!0,selected:!0,value:""},e.addConversion),i),o):null,r={[b.expanded]:this._expanded,[b.expandUp]:"expand-up"===this.orientation,[b.expandDown]:"expand-down"===this.orientation};return _("div",{class:this.classes(b.conversionsView,r),key:"esri-coordinate-conversion__main-view"},_("ul",{"aria-expanded":this._expanded?"true":"false",class:b.conversionList,id:t},s),n)}_renderOptions(e,t,o){const i=this.conversions.at(0),s=i.format?.name;return e.map(((e,n)=>{const r=!(t||!i)&&(s===e.name||this.conversions.map((e=>e.format?.name)).includes(e.name));return _("option",{"aria-label":e.label,"data-format":e,disabled:r,key:e.name??"unnamed-format",selected:n===o,value:e.label},e.label.toUpperCase())})).toArray()}_renderPopup(){return _("div",{class:b.popup,role:"alert"},this._popupMessage)}_renderClipboardPopup(){const{messages:e}=this;return e?_("div",{class:this.classes(b.popup,b.clipboardPopup),role:"alert"},e.copySuccessMessage):_("div",null)}_renderPrimaryTools(){const{messages:e,visibleElements:t}=this;if(!e)return _("ul",null);const o="live"===this.mode?e.captureMode:e.liveMode,i=t.inputButton&&_("li",{bind:this,class:p.widgetButton,onclick:this._toggleInputVisibility,onkeydown:this._toggleInputVisibility,role:"button",tabIndex:0,title:e.inputCoordTitle},_("span",{"aria-hidden":"true",class:u.edit})),s=t.captureButton&&_("li",{bind:this,class:this.classes(p.widgetButton,b.modeToggle),onclick:this._toggleMode,onkeydown:this._toggleMode,role:"button",tabIndex:0,title:o},_("span",{"aria-hidden":"true",class:u.mapPin})),n=t.settingsButton&&_("li",{bind:this,class:p.widgetButton,onclick:this._toggleSettingsVisibility,onkeydown:this._toggleSettingsVisibility,role:"button",tabIndex:0,title:e.settingsTitle},_("span",{"aria-hidden":"true",class:u.settings2}));return _("ul",{class:b.toolDisplay},i,s,n)}_renderSettings(){const e=this.id,t=`${e}__${b.patternInput}`,o=`${e}__${b.patternInput}__header`,i=`${e}__${b.previewCoordinate}`,s=this.formats.filter((e=>e.hasDisplayProperties)),n=this._findSettingsFormat(),r=n?s.indexOf(n):-1,a=this._renderOptions(s,!0,r),l=n?.currentPattern,{messages:c,messagesCommon:h,headingLevel:m}=this;return h&&c?_("div",{"aria-labelledby":o,class:b.settings,key:b.settings},_("div",{class:b.sectionHeading},_("div",{bind:this,class:this.classes(p.widgetButton,b.backButton),onclick:this._toggleSettingsVisibility,onkeydown:this._toggleSettingsVisibility,role:"button",tabIndex:0,title:h.back},this._renderBackIcon()),_(d,{class:p.heading,id:o,level:m},c.settingsTitle)),_("div",{class:b.settingsFormGroup},_("label",{for:t},c.changeCoordinateDisplay),_("select",{"aria-label":c.selectFormat,bind:this,class:p.select,onchange:this._setSettingsFormat,title:c.selectFormat},a),_("div",{class:b.settingsFormGroupHorizontal},_("input",{"aria-controls":i,bind:this,class:this.classes(b.patternInput,p.input),id:t,oninput:this._updateCurrentPattern,spellcheck:!1,title:c.changeCoordinateDisplay,type:"text",value:l}),_("div",{"aria-controls":t,bind:this,class:p.widgetButton,onclick:this._setDefaultPattern,onkeydown:this._setDefaultPattern,role:"button",tabIndex:0,title:c.defaultPattern},_("span",{"aria-hidden":"true",class:u.refresh})))),_("div",{class:b.settingsFormGroup},_("label",null,h.preview,_("div",{class:b.previewCoordinate,id:i,tabIndex:0},this._previewConversion?.displayCoordinate)))):_("div",null)}_renderBackIcon(){return _("span",{"aria-hidden":"true",class:v(this.container)?u.rightArrow:u.leftArrows})}_renderTools(e,t,o){const i=t.displayCoordinate&&"capture"===this.mode?this._renderCopyButton(t):null,{messages:s}=this;return s?_("ul",{class:b.toolDisplay,role:"listitem"},i,_("li",{"aria-controls":o,"aria-label":s.removeConversion,bind:this,class:this.classes(p.widgetButton,b.rowButton),"data-index":e,key:`${o}__${p.widgetButton}`,onclick:this._removeConversion,onkeydown:this._removeConversion,role:"button",tabIndex:0,title:s.removeConversion},_("span",{"aria-hidden":"true",class:u.close}))):_("ul",null)}_copyCoordinateOutput(e){const t=e.target;if(!("createTextRange"in document.body)){const e=window.getSelection(),o=document.createRange();o.selectNodeContents(t),e?.removeAllRanges(),e?.addRange(o)}document.execCommand("copy")}_removeConversion(e){const t=I(e.currentTarget);null!=t&&this.conversions.removeAt(t)}_setDefaultPattern(e){e.stopPropagation();const t=this._findSettingsFormat();t&&(t.currentPattern=t.defaultPattern)}_toggleExpand(){this._expanded=!this._expanded}_toggleInputVisibility(){this._inputVisible=!this._inputVisible,this._popupVisible&&this._hidePopup(),this._inputVisible?this.viewModel.pause():this.viewModel.resume()}_toggleMode(){this.mode="live"===this.mode?"capture":"live"}_toggleSettingsVisibility(){this._settingsVisible=!this._settingsVisible,this._popupVisible&&this._hidePopup(),this._settingsVisible?(this._setPreviewConversion(),this.viewModel.pause()):this.viewModel.resume()}};function I(e){return e["data-index"]}function x(e){return e["data-format"]}function T(e){return e["data-conversion"]}e([i()],f.prototype,"conversions",null),e([i()],f.prototype,"currentLocation",null),e([i()],f.prototype,"formats",null),e([i()],f.prototype,"goToOverride",null),e([i()],f.prototype,"headingLevel",void 0),e([i()],f.prototype,"label",null),e([i(),h("esri/widgets/CoordinateConversion/t9n/CoordinateConversion")],f.prototype,"messages",void 0),e([i(),h("esri/t9n/common")],f.prototype,"messagesCommon",void 0),e([i()],f.prototype,"mode",null),e([i()],f.prototype,"orientation",void 0),e([i()],f.prototype,"multipleConversions",null),e([i()],f.prototype,"locationSymbol",null),e([i()],f.prototype,"storageEnabled",null),e([i()],f.prototype,"storageType",null),e([i()],f.prototype,"view",null),e([i({type:a})],f.prototype,"viewModel",void 0),e([i()],f.prototype,"visibleElements",void 0),e([s("visibleElements")],f.prototype,"castVisibleElements",null),e([c()],f.prototype,"_copyCoordinateOutput",null),e([c()],f.prototype,"_removeConversion",null),e([c()],f.prototype,"_setDefaultPattern",null),e([c()],f.prototype,"_toggleExpand",null),e([c()],f.prototype,"_toggleInputVisibility",null),e([c()],f.prototype,"_toggleMode",null),e([c()],f.prototype,"_toggleSettingsVisibility",null),f=e([n("esri.widgets.CoordinateConversion")],f);const P=f;export{P as default};

package/widgets/Daylight/support/SliderWithDropdown.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.28/esri/copyright.txt for details.
 */
-import{_ as e}from"../../../chunks/tslib.es6.js";import{property as o}from"../../../core/accessorSupport/decorators/property.js";import"../../../core/accessorSupport/ensureType.js";import"../../../core/arrayUtils.js";import"../../../core/has.js";import{subclass as t}from"../../../core/accessorSupport/decorators/subclass.js";import r from"../../Slider.js";import{SliderWithDropdownViewModel as s}from"./SliderWithDropdownViewModel.js";import{TimezonePicker as i}from"../../support/TimezonePicker.js";import{onResize as n}from"../../support/widgetUtils.js";import{tsx as l}from"../../support/jsxFactory.js";const p="esri-slider-with-dropdown",h={label:"esri-slider__label",box:`${p}__box`,boxDropDownOn:`${p}__box--drop-down-on`,boxDropDownOff:`${p}__box--drop-down-off`};let a=class extends r{constructor(e,o){super(e,o),this.viewModel=new s,this.showDropDown=!0,this._labelWidth=0,this._onLabelAfterCreate=e=>{const o="label-size-observer";this.removeHandles(o),this.addHandles(n(e,(({contentRect:e})=>{this._labelWidth=e.width})),o)},this._getLabelStyles=()=>{if(!this.trackElement)return;const e=this._trackWidth,o=this._labelWidth/2,t=this.getCurrentPosition(),r=t-o,s=t+o;let i=-o;return r<0?i+=-r:s>e&&(i+=e-s),{left:`${i}px`}},this._onTimezoneChange=e=>{this.viewModel.utcOffset=e},this._onTimezonePickerOpen=()=>{this.viewModel.timezonePickerOpen=!0},this._onTimezonePickerClose=()=>{this.viewModel.timezonePickerOpen=!1}}renderThumbLabel(e){const{showDropDown:o,viewModel:t}=this;return l("div",{key:"thumb-label",class:this.classes({[h.box]:!0,[h.label]:!0,[h.boxDropDownOn]:o,[h.boxDropDownOff]:!o}),styles:this._getLabelStyles(),afterCreate:this._onLabelAfterCreate},super.renderThumbLabel(e),o&&l(i,{value:t.utcOffset,open:t.timezonePickerOpen,onChange:this._onTimezoneChange,onOpen:this._onTimezonePickerOpen,onClose:this._onTimezonePickerClose}))}};e([o()],a.prototype,"viewModel",void 0),e([o()],a.prototype,"showDropDown",void 0),e([o()],a.prototype,"_labelWidth",void 0),a=e([t("esri.widgets.Daylight.support.SliderWithDropdown")],a);const d=a;export{d as default};
+import{_ as e}from"../../../chunks/tslib.es6.js";import{property as o}from"../../../core/accessorSupport/decorators/property.js";import"../../../core/accessorSupport/ensureType.js";import"../../../core/arrayUtils.js";import"../../../core/has.js";import{subclass as t}from"../../../core/accessorSupport/decorators/subclass.js";import r from"../../Slider.js";import{SliderWithDropdownViewModel as s}from"./SliderWithDropdownViewModel.js";import{TimezonePicker as i}from"../../support/TimezonePicker.js";import{onResize as n}from"../../support/widgetUtils.js";import{tsx as l}from"../../support/jsxFactory.js";const p="esri-slider-with-dropdown",h={label:"esri-slider__label",box:`${p}__box`,boxDropDownOn:`${p}__box--drop-down-on`,boxDropDownOff:`${p}__box--drop-down-off`};let a=class extends r{constructor(e,o){super(e,o),this.viewModel=new s,this.showDropDown=!0,this._labelWidth=0,this._onLabelAfterCreate=e=>{const o="label-size-observer";this.removeHandles(o),this.addHandles(n(e,(({contentRect:e})=>{this._labelWidth=e.width})),o)},this._getLabelStyles=()=>{if(!this.trackElement)return;const e=this._trackWidth,o=this._labelWidth/2,t=this.getCurrentPosition(),r=t-o,s=t+o;let i=-o;return r<0?i+=-r:s>e&&(i+=e-s),{left:`${i}px`}},this._onTimezoneChange=e=>{this.viewModel.utcOffset=e},this._onTimezonePickerOpen=()=>{this.viewModel.timezonePickerOpen=!0},this._onTimezonePickerClose=()=>{this.viewModel.timezonePickerOpen=!1}}renderThumbLabel(e){const{showDropDown:o,viewModel:t}=this;return l("div",{afterCreate:this._onLabelAfterCreate,class:this.classes({[h.box]:!0,[h.label]:!0,[h.boxDropDownOn]:o,[h.boxDropDownOff]:!o}),key:"thumb-label",styles:this._getLabelStyles()},super.renderThumbLabel(e),o?l(i,{open:t.timezonePickerOpen,value:t.utcOffset,onChange:this._onTimezoneChange,onClose:this._onTimezonePickerClose,onOpen:this._onTimezonePickerOpen}):null)}};e([o()],a.prototype,"viewModel",void 0),e([o()],a.prototype,"showDropDown",void 0),e([o()],a.prototype,"_labelWidth",void 0),a=e([t("esri.widgets.Daylight.support.SliderWithDropdown")],a);const d=a;export{d as default};

package/widgets/Daylight.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.28/esri/copyright.txt for details.
 */
-import{_ as e}from"../chunks/tslib.es6.js";import t from"../core/Logger.js";import{watch as i,syncAndInitial as s,when as o,sync as l}from"../core/reactiveUtils.js";import{property as r}from"../core/accessorSupport/decorators/property.js";import"../core/accessorSupport/ensureType.js";import"../core/arrayUtils.js";import"../core/has.js";import{subclass as a}from"../core/accessorSupport/decorators/subclass.js";import n from"./Widget.js";import{css as d}from"./Daylight/css.js";import c from"./Daylight/DaylightViewModel.js";import p from"./Daylight/VisibleElements.js";import{orderedSeasons as h}from"./Daylight/support/daylightUtils.js";import m from"./Daylight/support/SliderWithDropdown.js";import{loadCalciteComponents as g}from"./support/componentsUtils.js";import u from"./support/DatePicker.js";import{globalCss as y}from"./support/globalCss.js";import{Heading as b}from"./support/Heading.js";import"./support/widgetUtils.js";import{messageBundle as v}from"./support/decorators/messageBundle.js";import{tsx as w,tsxFragment as S}from"./support/jsxFactory.js";const k=/(.*)\s(.*)/,_="date",M="esri.widgets.Daylight";let C=class extends n{constructor(e,t){super(e,t),this.headingLevel=3,this.iconClass=d.widgetIcon,this.icon=null,this.viewModel=new c,this.visibleElements=new p,this.dateOrSeason=_,this._timeSlider=new m({viewModel:this.viewModel.timeSliderViewModel,steps:this.timeSliderSteps,labelInputsEnabled:!1,visibleElements:{labels:!0},tickConfigs:[{mode:"position",values:[0,360,720,1080,1439],labelsVisible:!0,tickCreatedFunction:this._onPrimaryTickCreated.bind(this)},{mode:"position",values:[120,240,480,600,840,960,1200,1320],tickCreatedFunction:this._onSecondaryTickCreated.bind(this)}]}),this._datePicker=new u({viewModel:this.viewModel.datePickerViewModel,commitOnMonthChange:!0}),this._onPlayDayClick=()=>{this.viewModel.toggleDayPlaying()},this._onYearPlayClick=()=>{this.viewModel.toggleYearPlaying()},this._onSeasonChange=e=>{this.viewModel.currentSeason=e.target.value},this._onSunLightingCheckboxChange=()=>{this.viewModel.toggleSunLightingEnabled()},this._onShadowCheckboxChange=()=>{this.viewModel.toggleDirectShadowsEnabled()}}get label(){return this.messages?.title??""}set label(e){this._overrideIfSome("label",e)}get playSpeedMultiplier(){return this.viewModel.playSpeedMultiplier}set playSpeedMultiplier(e){this.viewModel.playSpeedMultiplier=e}get timeSliderSteps(){return this._timeSlider?.steps??5}set timeSliderSteps(e){this._timeSlider.steps=e}get view(){return this.viewModel.view}set view(e){this.viewModel.view=e}get test(){return{datePicker:this._datePicker}}get _useAmPm(){const e=this._timeSlider.viewModel.getLabelForValue(0,"tick");return null!=e&&k.test(e)}postInitialize(){this.viewModel.isSupported&&this.addHandles([i((()=>this.viewModel.datePickerViewModel),(e=>this._datePicker.viewModel=e),s),i((()=>this.viewModel.timeSliderViewModel),(e=>this._timeSlider.viewModel=e),s),i((()=>this.visibleElements?.timezone),(e=>this._timeSlider.showDropDown=e),s),i((()=>!this.viewModel.sunLightingEnabled),(e=>{this._datePicker.disabled=e,this._timeSlider.disabled=e}),s),o((()=>!this.visible),(()=>this._datePicker?.close(!1)),l)])}destroy(){this._datePicker.destroy(),this._timeSlider.destroy()}render(){const{messages:e,viewModel:t,visibleElements:i}=this,s=t.isSupported;return w("div",{class:this.classes(d.base,y.widget)},s?w(S,null,i.header&&w(b,{level:this.headingLevel},e.title),this._renderTimeOptions(),i.datePicker&&this._renderDateOrSeason(),i.sunLightingToggle&&this._renderSunLightingToggle(),i.shadowsToggle&&this._renderShadowsToggle()):w("div",{key:"unsupported",class:d.panelError},w("p",null,e.unsupported)))}loadDependencies(){return g({button:()=>import("@esri/calcite-components/dist/components/calcite-button.js"),checkbox:()=>import("@esri/calcite-components/dist/components/calcite-checkbox.js"),label:()=>import("@esri/calcite-components/dist/components/calcite-label.js"),option:()=>import("@esri/calcite-components/dist/components/calcite-option.js"),select:()=>import("@esri/calcite-components/dist/components/calcite-select.js")})}_renderTimeOptions(){const{viewModel:e,visibleElements:t,messages:i}=this,{directShadowsEnabled:s,dayPlaying:o}=e,l=!e.sunLightingEnabled;return w("div",{class:this.classes(d.dayContainer,{[d.sliderShadowOn]:s,[d.sliderShadowOff]:!s,[d.sliderDateOn]:t.datePicker,[d.sliderDateOff]:!t.datePicker,[d.sliderAmPmOn]:this._useAmPm,[d.containerDisabled]:l}),key:"daylight-time-options"},this._timeSlider.render(),t.playButtons&&this._renderPlayPauseButton({playing:o,disabled:l,label:i.playDay,onClick:this._onPlayDayClick}))}_renderDateOptions(){const{viewModel:e,visibleElements:t,messages:i}=this,{yearPlaying:s}=e,o=!e.sunLightingEnabled;return w("div",{key:"daylight-date",class:this.classes(d.dateContainer,o&&d.containerDisabled)},this._datePicker.render(),t.playButtons&&this._renderPlayPauseButton({playing:s,disabled:o,label:i.playYear,onClick:this._onYearPlayClick}))}_renderPlayPauseButton({playing:e,disabled:t,label:i,onClick:s}){return w("calcite-button",{appearance:"solid",class:d.playPauseButton,disabled:t,iconStart:e?"pause-f":"play-f",label:i,round:!0,title:i,type:"button",onclick:s})}_renderSeasonSelect(){const{messages:e,viewModel:t}=this,i=!t.sunLightingEnabled;return w("calcite-select",{class:this.classes(d.seasonPicker),disabled:i,label:e.season,onCalciteSelectChange:this._onSeasonChange},h.map((i=>w("calcite-option",{value:i,selected:t.currentSeason===i},e[i]))))}_renderDateOrSeason(){return"date"===this.dateOrSeason?this._renderDateOptions():this._renderSeasonSelect()}_renderSunLightingToggle(){const e=this.messages?.sunLightingToggle;return w("calcite-label",{key:"date-time-toggle",layout:"inline",title:e?.tooltip,scale:"s"},w("calcite-checkbox",{class:d.sunLightingCheckbox,checked:this.viewModel.sunLightingEnabled,onCalciteCheckboxChange:this._onSunLightingCheckboxChange}),e?.label)}_renderShadowsToggle(){const e=this.messages.shadowsToggle;return w("calcite-label",{key:"shadow-toggle",layout:"inline",title:e?.tooltip,scale:"s"},w("calcite-checkbox",{class:d.shadowsCheckbox,checked:this.viewModel.directShadowsEnabled,onCalciteCheckboxChange:this._onShadowCheckboxChange}),e.label)}_onPrimaryTickCreated(e,t,i){t.classList.add(...P,y.primaryTick),i.classList.add(...P,y.primaryTickLabel),i.onclick=t.onclick=this._makeGoToTime(e);const s=i.textContent,o=null!=s&&k.exec(s);o&&(i.innerHTML=`${o[1]}<br><div class=${y.primaryTickAmPm}>${o[2]}</div>`)}_onSecondaryTickCreated(e,t){t.classList.add(...P,y.secondaryTick),t.onclick=this._makeGoToTime(e)}_makeGoToTime(e){return()=>{this.viewModel.timeSliderPosition=e}}};e([r(),v("esri/widgets/Daylight/t9n/Daylight")],C.prototype,"messages",void 0),e([r(),v("esri/widgets/support/t9n/timezone")],C.prototype,"timezoneMessages",void 0),e([r()],C.prototype,"headingLevel",void 0),e([r()],C.prototype,"iconClass",void 0),e([r()],C.prototype,"icon",void 0),e([r()],C.prototype,"label",null),e([r()],C.prototype,"playSpeedMultiplier",null),e([r()],C.prototype,"timeSliderSteps",null),e([r()],C.prototype,"view",null),e([r({type:c})],C.prototype,"viewModel",void 0),e([r({type:p,nonNullable:!0})],C.prototype,"visibleElements",void 0),e([r({cast:e=>"season"===e||"date"===e?e:(t.getLogger(M).warn(`"${e}" is not a valid option. Acceptable values are only "date" or "season". Defaulting to "${_}".`),_)})],C.prototype,"dateOrSeason",void 0),e([r()],C.prototype,"_timeSlider",void 0),e([r()],C.prototype,"_useAmPm",null),e([r()],C.prototype,"_datePicker",void 0),C=e([a(M)],C);const P=["esri-interactive","esri-widget__anchor"],D=C;export{D as default};
+import{_ as e}from"../chunks/tslib.es6.js";import t from"../core/Logger.js";import{watch as i,syncAndInitial as s,when as o,sync as l}from"../core/reactiveUtils.js";import{property as r}from"../core/accessorSupport/decorators/property.js";import"../core/accessorSupport/ensureType.js";import"../core/arrayUtils.js";import"../core/has.js";import{subclass as a}from"../core/accessorSupport/decorators/subclass.js";import n from"./Widget.js";import{css as d}from"./Daylight/css.js";import c from"./Daylight/DaylightViewModel.js";import p from"./Daylight/VisibleElements.js";import{orderedSeasons as h}from"./Daylight/support/daylightUtils.js";import m from"./Daylight/support/SliderWithDropdown.js";import{loadCalciteComponents as g}from"./support/componentsUtils.js";import u from"./support/DatePicker.js";import{globalCss as y}from"./support/globalCss.js";import{Heading as b}from"./support/Heading.js";import"./support/widgetUtils.js";import{messageBundle as v}from"./support/decorators/messageBundle.js";import{tsx as w,tsxFragment as S}from"./support/jsxFactory.js";const k=/(.*)\s(.*)/,_="date",M="esri.widgets.Daylight";let C=class extends n{constructor(e,t){super(e,t),this.headingLevel=3,this.iconClass=d.widgetIcon,this.icon=null,this.viewModel=new c,this.visibleElements=new p,this.dateOrSeason=_,this._timeSlider=new m({viewModel:this.viewModel.timeSliderViewModel,steps:this.timeSliderSteps,labelInputsEnabled:!1,visibleElements:{labels:!0},tickConfigs:[{mode:"position",values:[0,360,720,1080,1439],labelsVisible:!0,tickCreatedFunction:this._onPrimaryTickCreated.bind(this)},{mode:"position",values:[120,240,480,600,840,960,1200,1320],tickCreatedFunction:this._onSecondaryTickCreated.bind(this)}]}),this._datePicker=new u({viewModel:this.viewModel.datePickerViewModel,commitOnMonthChange:!0}),this._onPlayDayClick=()=>{this.viewModel.toggleDayPlaying()},this._onYearPlayClick=()=>{this.viewModel.toggleYearPlaying()},this._onSeasonChange=e=>{this.viewModel.currentSeason=e.target.value},this._onSunLightingCheckboxChange=()=>{this.viewModel.toggleSunLightingEnabled()},this._onShadowCheckboxChange=()=>{this.viewModel.toggleDirectShadowsEnabled()}}get label(){return this.messages?.title??""}set label(e){this._overrideIfSome("label",e)}get playSpeedMultiplier(){return this.viewModel.playSpeedMultiplier}set playSpeedMultiplier(e){this.viewModel.playSpeedMultiplier=e}get timeSliderSteps(){return this._timeSlider?.steps??5}set timeSliderSteps(e){this._timeSlider.steps=e}get view(){return this.viewModel.view}set view(e){this.viewModel.view=e}get test(){return{datePicker:this._datePicker}}get _useAmPm(){const e=this._timeSlider.viewModel.getLabelForValue(0,"tick");return null!=e&&k.test(e)}postInitialize(){this.viewModel.isSupported&&this.addHandles([i((()=>this.viewModel.datePickerViewModel),(e=>this._datePicker.viewModel=e),s),i((()=>this.viewModel.timeSliderViewModel),(e=>this._timeSlider.viewModel=e),s),i((()=>this.visibleElements?.timezone),(e=>this._timeSlider.showDropDown=e),s),i((()=>!this.viewModel.sunLightingEnabled),(e=>{this._datePicker.disabled=e,this._timeSlider.disabled=e}),s),o((()=>!this.visible),(()=>this._datePicker?.close(!1)),l)])}destroy(){this._datePicker.destroy(),this._timeSlider.destroy()}render(){const{messages:e,viewModel:t,visibleElements:i}=this,s=t.isSupported;return w("div",{class:this.classes(d.base,y.widget)},s?w(S,null,i.header?w(b,{level:this.headingLevel},e.title):null,this._renderTimeOptions(),i.datePicker?this._renderDateOrSeason():null,i.sunLightingToggle?this._renderSunLightingToggle():null,i.shadowsToggle?this._renderShadowsToggle():null):w("div",{class:d.panelError,key:"unsupported"},w("p",null,e.unsupported)))}loadDependencies(){return g({button:()=>import("@esri/calcite-components/dist/components/calcite-button.js"),checkbox:()=>import("@esri/calcite-components/dist/components/calcite-checkbox.js"),label:()=>import("@esri/calcite-components/dist/components/calcite-label.js"),option:()=>import("@esri/calcite-components/dist/components/calcite-option.js"),select:()=>import("@esri/calcite-components/dist/components/calcite-select.js")})}_renderTimeOptions(){const{viewModel:e,visibleElements:t,messages:i}=this,{directShadowsEnabled:s,dayPlaying:o}=e,l=!e.sunLightingEnabled;return w("div",{class:this.classes(d.dayContainer,{[d.sliderShadowOn]:s,[d.sliderShadowOff]:!s,[d.sliderDateOn]:t.datePicker,[d.sliderDateOff]:!t.datePicker,[d.sliderAmPmOn]:this._useAmPm,[d.containerDisabled]:l}),key:"daylight-time-options"},this._timeSlider.render(),t.playButtons?this._renderPlayPauseButton({playing:o,disabled:l,label:i.playDay,onClick:this._onPlayDayClick}):null)}_renderDateOptions(){const{viewModel:e,visibleElements:t,messages:i}=this,{yearPlaying:s}=e,o=!e.sunLightingEnabled;return w("div",{class:this.classes(d.dateContainer,o&&d.containerDisabled),key:"daylight-date"},this._datePicker.render(),t.playButtons?this._renderPlayPauseButton({playing:s,disabled:o,label:i.playYear,onClick:this._onYearPlayClick}):null)}_renderPlayPauseButton({playing:e,disabled:t,label:i,onClick:s}){return w("calcite-button",{appearance:"solid",class:d.playPauseButton,disabled:t,iconStart:e?"pause-f":"play-f",label:i,onclick:s,round:!0,title:i,type:"button"})}_renderSeasonSelect(){const{messages:e,viewModel:t}=this,i=!t.sunLightingEnabled;return w("calcite-select",{class:this.classes(d.seasonPicker),disabled:i,label:e.season,onCalciteSelectChange:this._onSeasonChange},h.map((i=>w("calcite-option",{selected:t.currentSeason===i,value:i},e[i]))))}_renderDateOrSeason(){return"date"===this.dateOrSeason?this._renderDateOptions():this._renderSeasonSelect()}_renderSunLightingToggle(){const e=this.messages?.sunLightingToggle;return w("calcite-label",{key:"date-time-toggle",layout:"inline",scale:"s",title:e?.tooltip},w("calcite-checkbox",{checked:this.viewModel.sunLightingEnabled,class:d.sunLightingCheckbox,onCalciteCheckboxChange:this._onSunLightingCheckboxChange}),e?.label)}_renderShadowsToggle(){const e=this.messages.shadowsToggle;return w("calcite-label",{key:"shadow-toggle",layout:"inline",scale:"s",title:e?.tooltip},w("calcite-checkbox",{checked:this.viewModel.directShadowsEnabled,class:d.shadowsCheckbox,onCalciteCheckboxChange:this._onShadowCheckboxChange}),e.label)}_onPrimaryTickCreated(e,t,i){t.classList.add(...P,y.primaryTick),i.classList.add(...P,y.primaryTickLabel),i.onclick=t.onclick=this._makeGoToTime(e);const s=i.textContent,o=null!=s&&k.exec(s);o&&(i.innerHTML=`${o[1]}<br><div class=${y.primaryTickAmPm}>${o[2]}</div>`)}_onSecondaryTickCreated(e,t){t.classList.add(...P,y.secondaryTick),t.onclick=this._makeGoToTime(e)}_makeGoToTime(e){return()=>{this.viewModel.timeSliderPosition=e}}};e([r(),v("esri/widgets/Daylight/t9n/Daylight")],C.prototype,"messages",void 0),e([r(),v("esri/widgets/support/t9n/timezone")],C.prototype,"timezoneMessages",void 0),e([r()],C.prototype,"headingLevel",void 0),e([r()],C.prototype,"iconClass",void 0),e([r()],C.prototype,"icon",void 0),e([r()],C.prototype,"label",null),e([r()],C.prototype,"playSpeedMultiplier",null),e([r()],C.prototype,"timeSliderSteps",null),e([r()],C.prototype,"view",null),e([r({type:c})],C.prototype,"viewModel",void 0),e([r({type:p,nonNullable:!0})],C.prototype,"visibleElements",void 0),e([r({cast:e=>"season"===e||"date"===e?e:(t.getLogger(M).warn(`"${e}" is not a valid option. Acceptable values are only "date" or "season". Defaulting to "${_}".`),_)})],C.prototype,"dateOrSeason",void 0),e([r()],C.prototype,"_timeSlider",void 0),e([r()],C.prototype,"_useAmPm",null),e([r()],C.prototype,"_datePicker",void 0),C=e([a(M)],C);const P=["esri-interactive","esri-widget__anchor"],D=C;export{D as default};

package/widgets/DirectLineMeasurement3D.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.28/esri/copyright.txt for details.
 */
-import{_ as e}from"../chunks/tslib.es6.js";import{ignoreAbortErrors as t}from"../core/promiseUtils.js";import{property as s}from"../core/accessorSupport/decorators/property.js";import"../core/accessorSupport/ensureType.js";import"../core/arrayUtils.js";import"../core/has.js";import{subclass as i}from"../core/accessorSupport/decorators/subclass.js";import o from"./Widget.js";import r from"./DirectLineMeasurement3D/DirectLineMeasurement3DViewModel.js";import{globalCss as n}from"./support/globalCss.js";import{legacyIcon as l}from"./support/legacyIcon.js";import{MeasurementWidgetContent as a}from"./support/MeasurementWidgetContent.js";import"./support/widgetUtils.js";import{messageBundle as p}from"./support/decorators/messageBundle.js";import{tsx as u}from"./support/jsxFactory.js";const m="esri-direct-line-measurement-3d",c={base:m,newMeasurementButton:`${m}__clear-button`,widgetIcon:l.measureLine};let d=class extends o{constructor(e,t){super(e,t),this.iconClass=c.widgetIcon,this.icon=null,this.messages=null,this.messagesCommon=null,this.viewModel=new r}get view(){return this.viewModel.view}set view(e){this.viewModel.view=e}get visible(){return this.viewModel.visible}set visible(e){this.viewModel.visible=e}get active(){return this.viewModel.active}get analysis(){return this.viewModel.analysis}set analysis(e){this.viewModel.analysis=e}get label(){return this.messages?.widgetLabel??""}set label(e){this._overrideIfSome("label",e)}get unitOptions(){return this.viewModel.unitOptions}set unitOptions(e){this.viewModel.unitOptions=e}get unit(){return this.viewModel.unit}set unit(e){this.viewModel.unit=e}render(){const{messages:e,messagesCommon:s,unit:i,unitOptions:o,viewModel:r}=this,{active:l,measurement:p,state:m,supported:d}=r;return u("div",{"aria-label":this.messages.widgetLabel,key:this,class:this.classes(c.base,n.widget,n.panel),role:"presentation"},this.visible?u(a,{active:l,measurementItems:[{key:"direct",title:e.direct,value:v(p?.directDistance)},{key:"horizontal",title:e.horizontal,value:v(p?.horizontalDistance)},{key:"vertical",title:e.vertical,value:v(p?.verticalDistance)}],messages:{...e,notApplicable:s?.notApplicable},newMeasurementButtonClass:c.newMeasurementButton,onNewMeasurementClick:()=>{t(this.viewModel.start())},onUnitChange:e=>{this.unit=e},state:m,supported:d,unit:i,unitOptions:o}):null)}};function v(e){return"available"===e?.state?e.text:null}e([s()],d.prototype,"view",null),e([s()],d.prototype,"visible",null),e([s()],d.prototype,"active",null),e([s({constructOnly:!0,nonNullable:!0})],d.prototype,"analysis",null),e([s()],d.prototype,"iconClass",void 0),e([s()],d.prototype,"icon",void 0),e([s()],d.prototype,"label",null),e([s(),p("esri/widgets/DirectLineMeasurement3D/t9n/DirectLineMeasurement3D")],d.prototype,"messages",void 0),e([s(),p("esri/t9n/common")],d.prototype,"messagesCommon",void 0),e([s()],d.prototype,"uiStrings",void 0),e([s({type:r})],d.prototype,"viewModel",void 0),e([s()],d.prototype,"unitOptions",null),e([s()],d.prototype,"unit",null),d=e([i("esri.widgets.DirectLineMeasurement3D")],d);const w=d;export{w as default};
+import{_ as e}from"../chunks/tslib.es6.js";import{ignoreAbortErrors as t}from"../core/promiseUtils.js";import{property as s}from"../core/accessorSupport/decorators/property.js";import"../core/accessorSupport/ensureType.js";import"../core/arrayUtils.js";import"../core/has.js";import{subclass as i}from"../core/accessorSupport/decorators/subclass.js";import o from"./Widget.js";import r from"./DirectLineMeasurement3D/DirectLineMeasurement3DViewModel.js";import{globalCss as n}from"./support/globalCss.js";import{legacyIcon as l}from"./support/legacyIcon.js";import{MeasurementWidgetContent as a}from"./support/MeasurementWidgetContent.js";import"./support/widgetUtils.js";import{messageBundle as p}from"./support/decorators/messageBundle.js";import{tsx as u}from"./support/jsxFactory.js";const m="esri-direct-line-measurement-3d",c={base:m,newMeasurementButton:`${m}__clear-button`,widgetIcon:l.measureLine};let d=class extends o{constructor(e,t){super(e,t),this.iconClass=c.widgetIcon,this.icon=null,this.messages=null,this.messagesCommon=null,this.viewModel=new r}get view(){return this.viewModel.view}set view(e){this.viewModel.view=e}get visible(){return this.viewModel.visible}set visible(e){this.viewModel.visible=e}get active(){return this.viewModel.active}get analysis(){return this.viewModel.analysis}set analysis(e){this.viewModel.analysis=e}get label(){return this.messages?.widgetLabel??""}set label(e){this._overrideIfSome("label",e)}get unitOptions(){return this.viewModel.unitOptions}set unitOptions(e){this.viewModel.unitOptions=e}get unit(){return this.viewModel.unit}set unit(e){this.viewModel.unit=e}render(){const{messages:e,messagesCommon:s,unit:i,unitOptions:o,viewModel:r}=this,{active:l,measurement:p,state:m,supported:d}=r;return u("div",{"aria-label":this.messages.widgetLabel,class:this.classes(c.base,n.widget,n.panel),key:this,role:"presentation"},this.visible?u(a,{active:l,measurementItems:[{key:"direct",title:e.direct,value:v(p?.directDistance)},{key:"horizontal",title:e.horizontal,value:v(p?.horizontalDistance)},{key:"vertical",title:e.vertical,value:v(p?.verticalDistance)}],messages:{...e,notApplicable:s?.notApplicable},newMeasurementButtonClass:c.newMeasurementButton,state:m,supported:d,unit:i,unitOptions:o,onNewMeasurementClick:()=>{t(this.viewModel.start())},onUnitChange:e=>{this.unit=e}}):null)}};function v(e){return"available"===e?.state?e.text:null}e([s()],d.prototype,"view",null),e([s()],d.prototype,"visible",null),e([s()],d.prototype,"active",null),e([s({constructOnly:!0,nonNullable:!0})],d.prototype,"analysis",null),e([s()],d.prototype,"iconClass",void 0),e([s()],d.prototype,"icon",void 0),e([s()],d.prototype,"label",null),e([s(),p("esri/widgets/DirectLineMeasurement3D/t9n/DirectLineMeasurement3D")],d.prototype,"messages",void 0),e([s(),p("esri/t9n/common")],d.prototype,"messagesCommon",void 0),e([s()],d.prototype,"uiStrings",void 0),e([s({type:r})],d.prototype,"viewModel",void 0),e([s()],d.prototype,"unitOptions",null),e([s()],d.prototype,"unit",null),d=e([i("esri.widgets.DirectLineMeasurement3D")],d);const w=d;export{w as default};

package/widgets/DirectionalPad.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.28/esri/copyright.txt for details.
 */
-import{_ as t}from"../chunks/tslib.es6.js";import{eventKey as e}from"../core/events.js";import{watch as i}from"../core/reactiveUtils.js";import{property as o}from"../core/accessorSupport/decorators/property.js";import"../core/accessorSupport/ensureType.js";import"../core/arrayUtils.js";import"../core/has.js";import{subclass as s}from"../core/accessorSupport/decorators/subclass.js";import n from"./Widget.js";import{canShowNorth as r}from"./Compass/utils.js";import{directionalPadAngles as a,directionalPadArrows as l}from"./DirectionalPad/constants.js";import{css as c}from"./DirectionalPad/css.js";import d from"./DirectionalPad/DirectionalPadViewModel.js";import{findElementCenter as p}from"./DirectionalPad/utils.js";import u from"./DirectionalPad/VisibleElements.js";import{loadCalciteComponents as h}from"./support/componentsUtils.js";import{globalCss as m}from"./support/globalCss.js";import{isActivationKey as v}from"./support/widgetUtils.js";import{messageBundle as b}from"./support/decorators/messageBundle.js";import{tsx as _}from"./support/jsxFactory.js";const g="esri.widgets.DirectionalPad";let w=class extends n{constructor(t,i){super(t,i),this._buttonsContainer=null,this._buttons={},this.iconClass=c.widgetIcon,this.icon=null,this.messages=null,this.visibleElements=new u,this.viewModel=new d,this.visualScale="s",this._rotateIcon=t=>({"--rotation":`rotate(${t}deg)`}),this._afterButtonContainerCreate=t=>{this._buttonsContainer=t,this._buttonsContainer.addEventListener("contextmenu",this._onContextMenu,{capture:!0})},this._afterButtonContainerRemoved=()=>{this._buttonsContainer?.removeEventListener("contextmenu",this._onContextMenu,{capture:!0}),this._buttonsContainer=null},this._afterButtonCreate=(t,e)=>{this._buttons[t]=e},this._afterButtonRemoved=t=>{this._buttons[t]=void 0},this._onContextMenu=t=>t.preventDefault(),this._onButtonPointerDown=t=>{if(null===this._buttonsContainer)return;const e=p(this._buttonsContainer);this.viewModel.beginFollowingPointer(t,e)},this._onKeyDown=(t,i)=>{const o=e(i);v(o)&&this.viewModel.moveOnce(t)},this._onSliderInput=({target:t})=>{"number"==typeof t.value&&(this.viewModel.rotation=t.value)},this._onRotationReset=()=>{this.viewModel.rotation=0}}loadDependencies(){return h({action:()=>import("@esri/calcite-components/dist/components/calcite-action.js"),"action-group":()=>import("@esri/calcite-components/dist/components/calcite-action-group.js"),"action-pad":()=>import("@esri/calcite-components/dist/components/calcite-action-pad.js"),icon:()=>import("@esri/calcite-components/dist/components/calcite-icon.js"),slider:()=>import("@esri/calcite-components/dist/components/calcite-slider.js")})}initialize(){this.addHandles(i((()=>this.viewModel.angle),(()=>{const t=this._buttonsContainer?.contains(document.activeElement);t&&(null==this.viewModel.angle?this.container?.focus():this._buttons[this.viewModel.angle]?.setFocus())})))}get disabled(){return this.viewModel.disabled}set disabled(t){this.viewModel.disabled=t}get label(){return this.messages?.widgetLabel??""}set label(t){this._overrideIfSome("label",t)}get view(){return this.viewModel.view}set view(t){this.viewModel.view=t}get speed(){return this.viewModel.speed}set speed(t){this.viewModel.speed=t}get _rotationEnabled(){return!this.view?.ready||this.view.constraints.rotationEnabled}render(){const{label:t,disabled:e,viewModel:i}=this,o=this.classes(c.base,m.widget,e?m.disabled:null);return _("div",{"aria-label":t,class:o,tabIndex:-1},i.supported?this._renderContent():this._renderUnsupportedMessage)}_renderUnsupportedMessage(){return _("section",{key:"unsupported",class:c.error},_("p",null,this.messages.unsupported))}_renderContent(){return[this.visibleElements.directionalButtons?this._renderDirectionalButtons():void 0,this.visibleElements.rotationSlider?this._renderRotation():void 0]}_renderDirectionalButtons(){return _("calcite-action-pad",{layout:"grid",expandDisabled:!0,key:"directional-buttons-container"},_("calcite-action-group",{class:c.buttonsContainer,afterCreate:this._afterButtonContainerCreate,afterRemoved:this._afterButtonContainerRemoved},a.slice(0,4).map((t=>this._renderButton(t))),this._renderCompass(),a.slice(4).map((t=>this._renderButton(t)))))}_renderButton(t){const{label:e,iconName:i,iconRotation:o=0}=l[t];return _("calcite-action",{text:this.messages[e],key:t,scale:this.visualScale,alignment:"center",class:c.button,disabled:this.disabled,active:this.viewModel.angle===t,afterCreate:this._afterButtonCreate.bind(this,t),afterRemoved:this._afterButtonRemoved.bind(this,t),styles:this._rotateIcon(o),onpointerdown:this._onButtonPointerDown,onkeydown:this._onKeyDown.bind(void 0,t),"data-angle":t.toString()},_("calcite-icon",{scale:this.visualScale,icon:i}))}_renderCompass(){const t=this.disabled||r(this.view)?"compass-needle":"arrow-up",e=0===this.viewModel.rotation;return _("calcite-action",{text:this.messages.resetHeading,scale:this.visualScale,key:"compass",alignment:"center",disabled:this.disabled||!this._rotationEnabled||e,class:c.compassButton,onclick:this._onRotationReset,styles:this._rotateIcon(this.viewModel.rotation)},!e&&_("calcite-icon",{scale:this.visualScale,icon:t}))}_renderRotation(){return _("calcite-action-pad",{layout:"horizontal",expandDisabled:!0,key:"slider-container"},_("calcite-action-group",{class:c.rotationContainer},this.visibleElements.rotationResetButton&&this._renderRotationResetButton(),this._renderRotationSlider()))}_renderRotationResetButton(){return _("calcite-action",{text:this.messages.resetHeading,scale:this.visualScale,alignment:"center",class:c.rotationReset,disabled:this.disabled||!this._rotationEnabled,onclick:this._onRotationReset},_("calcite-icon",{scale:this.visualScale,icon:"rotate",flipRtl:!0}))}_renderRotationSlider(){return _("div",{class:c.rotationSliderContainer},_("calcite-slider",{min:0,max:360,labelHandles:!0,value:Math.round(this.viewModel.rotation),disabled:this.disabled||!this._rotationEnabled,required:!0,scale:this.visualScale,"aria-label":this.messages.heading,onCalciteSliderInput:this._onSliderInput}))}};t([o()],w.prototype,"_buttonsContainer",void 0),t([o()],w.prototype,"_buttons",void 0),t([o()],w.prototype,"disabled",null),t([o()],w.prototype,"iconClass",void 0),t([o()],w.prototype,"icon",void 0),t([o()],w.prototype,"label",null),t([o(),b("esri/widgets/DirectionalPad/t9n/DirectionalPad")],w.prototype,"messages",void 0),t([o({type:u,nonNullable:!0})],w.prototype,"visibleElements",void 0),t([o()],w.prototype,"view",null),t([o()],w.prototype,"viewModel",void 0),t([o()],w.prototype,"visualScale",void 0),t([o()],w.prototype,"speed",null),t([o({readOnly:!0})],w.prototype,"_rotationEnabled",null),w=t([s(g)],w);const f=w;export{f as default};
+import{_ as t}from"../chunks/tslib.es6.js";import{eventKey as e}from"../core/events.js";import{watch as i}from"../core/reactiveUtils.js";import{property as o}from"../core/accessorSupport/decorators/property.js";import"../core/accessorSupport/ensureType.js";import"../core/arrayUtils.js";import"../core/has.js";import{subclass as s}from"../core/accessorSupport/decorators/subclass.js";import n from"./Widget.js";import{canShowNorth as r}from"./Compass/utils.js";import{directionalPadAngles as a,directionalPadArrows as l}from"./DirectionalPad/constants.js";import{css as c}from"./DirectionalPad/css.js";import d from"./DirectionalPad/DirectionalPadViewModel.js";import{findElementCenter as p}from"./DirectionalPad/utils.js";import u from"./DirectionalPad/VisibleElements.js";import{loadCalciteComponents as h}from"./support/componentsUtils.js";import{globalCss as m}from"./support/globalCss.js";import{isActivationKey as v}from"./support/widgetUtils.js";import{messageBundle as b}from"./support/decorators/messageBundle.js";import{tsx as _}from"./support/jsxFactory.js";const g="esri.widgets.DirectionalPad";let w=class extends n{constructor(t,i){super(t,i),this._buttonsContainer=null,this._buttons={},this.iconClass=c.widgetIcon,this.icon=null,this.messages=null,this.visibleElements=new u,this.viewModel=new d,this.visualScale="s",this._rotateIcon=t=>({"--rotation":`rotate(${t}deg)`}),this._afterButtonContainerCreate=t=>{this._buttonsContainer=t,this._buttonsContainer.addEventListener("contextmenu",this._onContextMenu,{capture:!0})},this._afterButtonContainerRemoved=()=>{this._buttonsContainer?.removeEventListener("contextmenu",this._onContextMenu,{capture:!0}),this._buttonsContainer=null},this._afterButtonCreate=(t,e)=>{this._buttons[t]=e},this._afterButtonRemoved=t=>{this._buttons[t]=void 0},this._onContextMenu=t=>t.preventDefault(),this._onButtonPointerDown=t=>{if(null===this._buttonsContainer)return;const e=p(this._buttonsContainer);this.viewModel.beginFollowingPointer(t,e)},this._onKeyDown=(t,i)=>{const o=e(i);v(o)&&this.viewModel.moveOnce(t)},this._onSliderInput=({target:t})=>{"number"==typeof t.value&&(this.viewModel.rotation=t.value)},this._onRotationReset=()=>{this.viewModel.rotation=0}}loadDependencies(){return h({action:()=>import("@esri/calcite-components/dist/components/calcite-action.js"),"action-group":()=>import("@esri/calcite-components/dist/components/calcite-action-group.js"),"action-pad":()=>import("@esri/calcite-components/dist/components/calcite-action-pad.js"),icon:()=>import("@esri/calcite-components/dist/components/calcite-icon.js"),slider:()=>import("@esri/calcite-components/dist/components/calcite-slider.js")})}initialize(){this.addHandles(i((()=>this.viewModel.angle),(()=>{const t=this._buttonsContainer?.contains(document.activeElement);t&&(null==this.viewModel.angle?this.container?.focus():this._buttons[this.viewModel.angle]?.setFocus())})))}get disabled(){return this.viewModel.disabled}set disabled(t){this.viewModel.disabled=t}get label(){return this.messages?.widgetLabel??""}set label(t){this._overrideIfSome("label",t)}get view(){return this.viewModel.view}set view(t){this.viewModel.view=t}get speed(){return this.viewModel.speed}set speed(t){this.viewModel.speed=t}get _rotationEnabled(){return!this.view?.ready||this.view.constraints.rotationEnabled}render(){const{label:t,disabled:e,viewModel:i}=this,o=this.classes(c.base,m.widget,e?m.disabled:null);return _("div",{"aria-label":t,class:o,tabIndex:-1},i.supported?this._renderContent():this._renderUnsupportedMessage)}_renderUnsupportedMessage(){return _("section",{class:c.error,key:"unsupported"},_("p",null,this.messages.unsupported))}_renderContent(){return[this.visibleElements.directionalButtons?this._renderDirectionalButtons():void 0,this.visibleElements.rotationSlider?this._renderRotation():void 0]}_renderDirectionalButtons(){return _("calcite-action-pad",{expandDisabled:!0,key:"directional-buttons-container",layout:"grid"},_("calcite-action-group",{afterCreate:this._afterButtonContainerCreate,afterRemoved:this._afterButtonContainerRemoved,class:c.buttonsContainer},a.slice(0,4).map((t=>this._renderButton(t))),this._renderCompass(),a.slice(4).map((t=>this._renderButton(t)))))}_renderButton(t){const{label:e,iconName:i,iconRotation:o=0}=l[t];return _("calcite-action",{active:this.viewModel.angle===t,afterCreate:this._afterButtonCreate.bind(this,t),afterRemoved:this._afterButtonRemoved.bind(this,t),alignment:"center",class:c.button,"data-angle":t.toString(),disabled:this.disabled,key:t,onkeydown:this._onKeyDown.bind(void 0,t),onpointerdown:this._onButtonPointerDown,scale:this.visualScale,styles:this._rotateIcon(o),text:this.messages[e]},_("calcite-icon",{icon:i,scale:this.visualScale}))}_renderCompass(){const t=this.disabled||r(this.view)?"compass-needle":"arrow-up",e=0===this.viewModel.rotation;return _("calcite-action",{alignment:"center",class:c.compassButton,disabled:this.disabled||!this._rotationEnabled||e,key:"compass",onclick:this._onRotationReset,scale:this.visualScale,styles:this._rotateIcon(this.viewModel.rotation),text:this.messages.resetHeading},!e&&_("calcite-icon",{icon:t,scale:this.visualScale}))}_renderRotation(){return _("calcite-action-pad",{expandDisabled:!0,key:"slider-container",layout:"horizontal"},_("calcite-action-group",{class:c.rotationContainer},this.visibleElements.rotationResetButton?this._renderRotationResetButton():null,this._renderRotationSlider()))}_renderRotationResetButton(){return _("calcite-action",{alignment:"center",class:c.rotationReset,disabled:this.disabled||!this._rotationEnabled,onclick:this._onRotationReset,scale:this.visualScale,text:this.messages.resetHeading},_("calcite-icon",{flipRtl:!0,icon:"rotate",scale:this.visualScale}))}_renderRotationSlider(){return _("div",{class:c.rotationSliderContainer},_("calcite-slider",{"aria-label":this.messages.heading,disabled:this.disabled||!this._rotationEnabled,labelHandles:!0,max:360,min:0,required:!0,scale:this.visualScale,value:Math.round(this.viewModel.rotation),onCalciteSliderInput:this._onSliderInput}))}};t([o()],w.prototype,"_buttonsContainer",void 0),t([o()],w.prototype,"_buttons",void 0),t([o()],w.prototype,"disabled",null),t([o()],w.prototype,"iconClass",void 0),t([o()],w.prototype,"icon",void 0),t([o()],w.prototype,"label",null),t([o(),b("esri/widgets/DirectionalPad/t9n/DirectionalPad")],w.prototype,"messages",void 0),t([o({type:u,nonNullable:!0})],w.prototype,"visibleElements",void 0),t([o()],w.prototype,"view",null),t([o()],w.prototype,"viewModel",void 0),t([o()],w.prototype,"visualScale",void 0),t([o()],w.prototype,"speed",null),t([o({readOnly:!0})],w.prototype,"_rotationEnabled",null),w=t([s(g)],w);const f=w;export{f as default};