@arcgis/map-components 5.1.0-next.130 → 5.1.0-next.131
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cdn/ISRQNAIX.js +2 -0
- package/dist/cdn/OH4JYR64.js +2 -0
- package/dist/cdn/R6VK6X7V.js +2 -0
- package/dist/cdn/{23QRQ72P.js → RCF3OLAO.js} +1 -1
- package/dist/cdn/RIRUBRN3.js +2 -0
- package/dist/cdn/index.js +1 -1
- package/dist/components/arcgis-bookmarks/customElement.js +171 -159
- package/dist/components/arcgis-bookmarks/index.js +2 -2
- package/dist/components/arcgis-daylight/customElement.js +1 -1
- package/dist/components/arcgis-features-next/customElement.d.ts +5 -0
- package/dist/components/arcgis-features-next/customElement.js +3 -3
- package/dist/components/arcgis-layer-list-next/customElement.js +61 -53
- package/dist/components/arcgis-layer-list-next/layer-list-item/customElement.js +71 -72
- package/dist/components/arcgis-version-management-version-properties/customElement.js +14 -14
- package/dist/docs/api.json +1 -1
- package/dist/docs/docs.json +1 -1
- package/dist/docs/vscode.html-custom-data.json +1 -1
- package/dist/docs/web-types.json +1 -1
- package/dist/loader.js +1 -1
- package/dist/types/lumina.d.ts +1 -1
- package/dist/types/preact.d.ts +1 -1
- package/dist/types/react.d.ts +1 -1
- package/dist/types/stencil.d.ts +1 -1
- package/package.json +4 -4
- package/dist/cdn/2NCN7SVY.js +0 -2
- package/dist/cdn/5HO3VI5Q.js +0 -2
- package/dist/cdn/IL5K5FGZ.js +0 -2
- package/dist/cdn/RTWRHZK6.js +0 -2
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
+
import{a as P}from"./TBKV4QZ6.js";import{a as Me,b as Ae,c as Te,d as ze,f as Fe,g as Oe,h as Pe,i as De,j as Re,k as Se,m as w,n as K,o as Be,p as Ue,q as Q}from"./4KLZDEYJ.js";import i from"./QTVYGJ6I.js";import"./MP6Z45SA.js";import{a as Ce}from"./M35DILXG.js";import{a as M}from"./GI5SSBWA.js";import h from"./22EHINJ6.js";import f from"./R3NYK6BO.js";import e from"./5IXYFNDS.js";import"./PC4PAQXQ.js";import d from"./JYVV3JI3.js";import{a as xe}from"./NHBQXARI.js";import{a as B}from"./54VXNFQ4.js";import{a as ke}from"./CAHAW2AM.js";import c from"./VQIFXIMQ.js";import b from"./J26EKNWT.js";import{h as we}from"./R2NTRI4S.js";import"./FAECSPBC.js";import a from"./YDIKH6TZ.js";import{d as z}from"./GMFJ55C3.js";import{B as _e,M as C,N as E,O as ve,P as m,Q as be,R as g,S as q,U as ye,a as Z,b as l,x as fe}from"./FKJWY2PS.js";import"./3TTFCHAA.js";export default $arcgis.t(([pt,D,{on:Ve,watch:gt},{isLayerFromCatalog:ot},{h:Ie},,{a:$e},Le,,,,{a:J,b:Ee}])=>{var Ne=new Map;function Ye(s){return s?Ne.get(s)??!1:!1}function st(s,e){let t=!(s.aria?.pressed??Ye(e));return s.aria={...s.aria,pressed:t},e&&Ne.set(e,t),t}function W(s){return s&&"visibilityMode"in s?s.visibilityMode:null}function je(s,e){"visible"in s&&(W(e)==="exclusive"&&s.visible||(s.visible=!s.visible))}function lt(s,e){s.panel.open=!s.panel.open,s.panel.open&&e&&e()}function nt(s,e,t,i){s&&t===e.layer?.uid&&(Ie(s),i?.(null))}function ct(s,e,t){t.type==="toggle"&&(t.value=!t.value),s(t,e)}function dt(s){return s.actionsSections.map(e=>e.filter(t=>t.visible))}function He(s,e){let{icon:t}=e;if(t)return null;let i="image"in e?e.image:void 0;return i?l`<span aria-hidden=true class=${m(z(s.itemActionIcon,{[s.itemActionImage]:!!i}))} style=${be(Ee(i))}></span>`:null}function Ge(s,e,t){let{item:i,css:a,handleAction:o}=s,{active:n,disabled:c,title:d,type:h,indicator:v}=e,x=J(e);return l`<calcite-action .active=${h==="toggle"?e.value:!1} data-action-id=${e.id??g} .disabled=${c} .icon=${x} .indicator=${v} .loading=${n} @click=${()=>ct(o,i,e)} scale=s slot=${(t?void 0:"actions-end")??g} .text=${d??""} .textEnabled=${t} title=${d??void 0??g}>${He(a,e)}</calcite-action>`}function X(s){let{item:e,parent:t,hideStatusIndicators:i,css:a,visibilityAppearance:o,hideCatalogLayerList:n,dragEnabled:c=!1,rootGroupUid:d,listModeDisabled:h=!1,selectionMode:v,displayMode:x,layerTablesEnabled:$,showErrors:F,parentTitles:I,selectedItems:O,activeItem:f,handleCatalogOpen:R,handleTablesOpen:qe,selectedDragItemLayerUid:Je,handleSelectedDragItemLayerUidChange:Ke,handlePanelOpen:Qe,messages:p,setCurrentActiveItem:te,clearActiveItem:ie}=s,L=C(),U=C(),A=e.title||("untitledTable"in p?p.untitledTable:p.untitledLayer??""),ae=null;i||(ae=l`<arcgis-layer-list-item-indicator class=${m(a.statusIndicator)} .messages=${p} .item=${e} .parent=${t} slot=content-end></arcgis-layer-list-item-indicator>`);let re=null;{let{layer:r}=e,u=r&&"persistenceEnabled"in r&&(ot(r)||!r.persistenceEnabled);(s.showTemporaryLayerIndicators||s.showTemporaryTableIndicators)&&u&&(re=l`<calcite-icon class=${m(a.itemTemporaryIcon)} icon=temporary scale=s slot=content-start title=${p.temporary??g}></calcite-icon>`)}let oe=null;if("visible"in e&&"visibleToggle"in a&&o){let r=W(t);if(r!=="inherited"){let u=ze({visible:e.visible,exclusive:r==="exclusive",visibilityAppearance:o}),_=o==="checkbox",b=p.layerVisibility,T=e.title??e.layer?.title??"",k=T?`${b??""}: ${T}`:b??"",H=Ye(e.layer?.id);oe=l`<calcite-action .aria=${{pressed:H}} class=${m(a.visibleToggle)} .icon=${_?u:void 0} .label=${k} @click=${V=>{st(V.currentTarget,e.layer?.id),je(e,t)}} .slot=${_?"actions-start":"actions-end"} .text=${b??""} title=${b??g}>${_?null:l`<calcite-icon class=${m(z({[a.visibleIcon]:r!=="exclusive"&&e.visible}))} .icon=${u} scale=s></calcite-icon>`}</calcite-action>`}}let se=null;{let r=e.panel;r?.open&&!r.disabled&&!r.flowEnabled&&(se=l`<div class=${m(a.itemContentBottom)} slot=content-bottom><arcgis-layer-list-item-panel .item=${e} .view=${s.view}></arcgis-layer-list-item-panel></div>`)}let le=null;{let r=e.panel;if(r?.visible){let{open:u,title:_,disabled:b}=r,T={icon:r.icon,image:r.image,indicator:!1},k=J(T);le=l`<calcite-action .active=${u} .disabled=${b} .icon=${k} @click=${()=>lt(e,Qe)} slot=actions-end .text=${_??""} title=${_??void 0??g}>${He(a,r)}</calcite-action>`}}let ne=null;{let r=e.layer,u=r?.type==="catalog-footprint",_=r?.type==="sublayer"&&Q(r,"footprints");"itemCatalogIcon"in a&&(u||_)&&(ne=l`<calcite-icon class=${m(a.itemCatalogIcon)} icon=footprint scale=s slot=content-start></calcite-icon>`)}let ce=null;{let r=e.layer,u=r?.type==="catalog-dynamic-group",_=r?.type==="sublayer"&&Q(r,"layers-in-view");"itemCatalogIcon"in a&&(u||_)&&(ce=l`<calcite-icon class=${m(a.itemCatalogIcon)} icon=catalog-dataset scale=s slot=content-start></calcite-icon>`)}let de=null;if("visible"in e){let r=e.layer;!n&&r?.type==="catalog-dynamic-group"&&(de=l`<calcite-action .disabled=${!r.visible} icon=chevron-right icon-flip-rtl @click=${()=>R?.(e)} scale=s slot=actions-end .text=${A??""}></calcite-action>`)}let pe=null,j=!1;{let r=e.layer;if($&&r)switch(r.type){case"knowledge-graph":j=$.includes(r.type)&&"tables"in r&&!!r.tables?.length;break;case"map-image":case"tile":j=$.includes(r.type)&&"subtables"in r&&!!r.subtables?.length;break}"itemTableIcon"in a&&"visible"in e&&"tables"in p&&j&&(pe=M(`${e.uid}-tables`,l`<calcite-list-item class=${m(a.item)} data-layer-id=${r?.id??g} drag-disabled .label=${p.tables} title=${p.tables??g} @calciteListItemSelect=${()=>qe?.(e)} .value=${e}><calcite-icon class=${m(a.itemTableIcon)} icon=table scale=s slot=content-start></calcite-icon><calcite-icon flip-rtl icon=chevron-right scale=s slot=content-end></calcite-icon></calcite-list-item>`))}let ge=null;if("children"in e){let r=[...I??[],e.title],{children:u,layer:_}=e,b=_?.type!=="catalog-dynamic-group"&&Be(e),T=h?!1:Fe(_),k=_?.type==="group",H=!T&&!b&&c&&k,V=k&&"sortable"in e&&e.sortable,at=c&&("childrenSortable"in e&&e.childrenSortable||V)&&De(e),rt=b?(u?.filter(y=>!y.hidden&&(F||!y.error)).toArray()??[]).map(y=>X({...s,item:y,parent:e,parentTitles:r})):null;(b||H)&&(ge=l`<calcite-list .canPull=${y=>s.canMove?s.canMove(y,"pull"):!1} .canPut=${y=>s.canMove?s.canMove(y,"put"):!1} data-item=${e.uid??g} data-layer-type=${d??g} .displayMode=${x} .dragEnabled=${at} .group=${k?d:`${d}-${_?.uid}`} .label=${e.title} selection-appearance=highlight .selectionMode=${v}>${rt}${pe}</calcite-list>`)}let G=null;if(e.error){let r="layerError"in p?p.layerError:p.tableError;G=l`<div class=${m(a.itemMessage)} slot=content-bottom><calcite-notice icon=exclamation-mark-triangle kind=warning open scale=s width=full><div slot=message>${r}</div></calcite-notice></div>`}else"incompatible"in e&&e.incompatible&&"layerIncompatible"in p&&(G=l`<div class=${m(a.itemMessage)} slot=content-bottom><calcite-notice icon=exclamation-mark-triangle kind=warning open scale=s tabindex=0 width=full ${E(U)}><div slot=message>${p.layerIncompatible}</div></calcite-notice></div>`);let me=dt(e),N=e.actionsSections.reduce((r,u)=>r+u.length,0),he=Ue(me),We=me.toArray().map(r=>l`<calcite-action-group>${r.toArray().map(u=>Ge(s,u,!0))}</calcite-action-group>`),Xe=r=>{e.actionsOpen=r.currentTarget.open},ue=null;N>1&&(ue=l`<calcite-action-menu appearance=transparent .label=${p.menu??""} .open=${e.actionsOpen} overlay-positioning=fixed placement=bottom-end slot=actions-end @calciteActionMenuOpen=${Xe}><calcite-action .aria=${{expanded:e.actionsOpen??!1,hasPopup:"true"}} icon=ellipsis scale=s slot=trigger .text=${p.options??""} title=${p.options??g}></calcite-action>${We}</calcite-action-menu>`);let Y=null;N===1&&he?Y=Ge(s,he,!1):N>1&&(Y=ue);let et="visibleAtCurrentTimeExtent"in e&&"layerInvisibleAtTime"in p&&!e.visibleAtCurrentTimeExtent?`${A} (${p.layerInvisibleAtTime})`:"visibleAtCurrentScale"in e&&"layerInvisibleAtScale"in p&&!e.visibleAtCurrentScale?`${A} (${p.layerInvisibleAtScale})`:A,tt="parent"in e&&e.parent?.layer?.type==="catalog",S=e.layer,it="visibleAtCurrentScale"in e&&!e.visibleAtCurrentScale||"visibleAtCurrentTimeExtent"in e&&!e.visibleAtCurrentTimeExtent;return queueMicrotask(()=>{nt(L.value??null,e,Je,Ke),U.value&&(s.handleTooltipReferenceChange?.(S?.uid,U.value),queueMicrotask(()=>s.handleTooltipReferenceChange?.(S?.uid,null))),e.panel&&(e.panel.container=L.value)}),M(e.uid,l`<calcite-list-item class=${m(z(a.item,"itemActive"in a&&{[a.itemActive]:f?.uid===e.uid}))} data-item=${e.uid??g} data-layer-id=${S?.id??g} .dragDisabled=${!("sortable"in e&&e.sortable)||tt} id=${S?.uid??g} .label=${A} .metadata=${{parentTitles:I??[],_title:A}} .expanded=${"open"in e&&e.open} .selected=${v!=="none"?O.includes(e):!1} title=${et??g} .unavailable=${it} .value=${e} @focusin=${()=>{te?.(e),L.value?.classList.add(a.itemActive)}} @focusout=${()=>{ie?.(),L.value?.classList.remove(a.itemActive)}} @mouseover=${()=>{te?.(e),L.value?.classList.add(a.itemActive)}} @mouseleave=${()=>{ie?.(),L.value?.classList.remove(a.itemActive)}} @calciteListItemSelect=${r=>"visible"in e&&w(r.currentTarget,s.operationalItems)===e&&v==="none"&&W(t)!=="inherited"&&je(e,t)} @calciteListItemToggle=${r=>{"open"in e&&(r.stopPropagation(),e.open=r.target.expanded)}} ${E(L)}>${ne}${ce}${ae}${oe}${de}${re}${ge}${G}${se}${le}${Y}</calcite-list-item>`)}var mt=Z`.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}.esri-widget{box-sizing:border-box;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget *,.esri-widget :before,.esri-widget :after{box-sizing:inherit}.esri-widget.esri-widget--disabled>*{opacity:.4;pointer-events:none}.esri-widget.esri-widget--compact{--esri-widget-padding-y: 0;--esri-widget-padding-x: 0}.esri-widget__anchor{color:var(--calcite-color-text-2)}.esri-widget__anchor:hover{color:var(--calcite-color-text-3)}.esri-widget__anchor:hover,.esri-widget__anchor:focus{text-decoration:underline}.esri-widget__anchor--disabled{opacity:.4;pointer-events:none}.esri-widget__header{background-color:var(--calcite-color-foreground-1);flex:1 0 100%;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 0 12px 15px;display:flex}.esri-widget__heading{word-break:break-word}.esri-widget__header .esri-widget__heading{width:calc(100% - 48px);text-align:initial;color:var(--calcite-color-text-1);align-items:center;margin:0;padding:0;display:flex}.esri-widget__header-button{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;flex:0 0 48px;justify-content:center;align-self:stretch;align-items:center;width:48px;padding:0;display:flex}.esri-widget__footer{background-color:var(--calcite-color-foreground-1);justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.esri-widget__footer-pagination{color:var(--calcite-color-text-2);justify-content:space-between;align-items:center;display:flex}.esri-widget__footer-pagination-previous-button,.esri-widget__footer-pagination-next-button{cursor:pointer;background-color:var(--calcite-color-foreground-1);border:0;margin:0 7px;padding:12px 15px;transition:background-color .125s ease-in-out}.esri-widget__footer-pagination-previous-button:hover,.esri-widget__footer-pagination-previous-button:focus,.esri-widget__footer-pagination-next-button:hover,.esri-widget__footer-pagination-next-button:focus{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.esri-menu{visibility:hidden;z-index:1;background-clip:padding;background-color:var(--calcite-color-foreground-1);background-clip:padding-box;width:100%;max-height:0;margin:2px 0 0;padding:0;font-size:var(--calcite-font-size);line-height:var(--calcite-spacing-xl);position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 1px 2px #0000004d}.esri-menu .esri-menu__header{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse);padding:6px 12px}.esri-menu__list{margin:0;padding:0;list-style:none}.esri-menu__list-item{cursor:pointer;border-top:1px solid #adadad4d;border-left:3px solid #0000;padding:.8em 1em}.esri-menu__list-item [class^=esri-icon-],.esri-menu__list-item [class*=" esri-icon-"]{padding-right:2.8px}.esri-menu__list-item:first-child{border-top:none}.esri-menu__list-item--focus,.esri-menu__list-item:hover,.esri-menu__list-item:focus{background-color:var(--calcite-color-foreground-1)}.esri-menu__list-item:active{background-color:var(--calcite-color-foreground-current)}.esri-menu__list-item--active,.esri-menu__list-item--active:hover,.esri-menu__list-item--active:focus{background-color:var(--calcite-color-foreground-1);border-left-color:var(--calcite-color-brand)}.esri-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget__table tr:nth-child(odd){background-color:var(--calcite-color-transparent)}.esri-widget__table tr:nth-child(2n){background-color:var(--calcite-color-transparent-press)}.esri-widget__table tr a{color:var(--calcite-color-text-2)}.esri-widget__table tr a:hover,.esri-widget__table tr a:focus{color:var(--calcite-color-text-1)}.esri-widget__table tr td,.esri-widget__table tr th{vertical-align:top;word-break:break-word;padding:.5em .7em;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.esri-widget__table tr th{text-align:left;border-right:3px solid #0000000d;width:50%}.esri-widget__table tr td{width:50%}.esri-input{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1);border:1px solid #959595;font-size:var(--calcite-font-size)}.esri-input::-ms-clear{display:none}.esri-input::placeholder{opacity:1;color:var(--calcite-color-text-2)}.esri-input:placeholder-shown{text-overflow:ellipsis}.esri-input[type=text],.esri-input[type=password],.esri-input[type=number]{height:32px;padding:0 .5em}calcite-combobox.esri-input{border:none}.esri-widget__content--empty{text-align:center;color:var(--calcite-color-border-input);flex-flow:column wrap;align-items:center;padding:18px 22px;display:flex}.esri-widget__content--empty h1.esri-widget__heading,.esri-widget__content--empty h2.esri-widget__heading,.esri-widget__content--empty h3.esri-widget__heading,.esri-widget__content--empty h4.esri-widget__heading,.esri-widget__content--empty h5.esri-widget__heading{font-weight:var(--calcite-font-weight-regular)}.esri-widget__content-illustration--empty{width:128px;padding:1rem 0}.esri-widget__content-icon--empty{width:32px;padding:.5rem 0}.esri-select{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 32 32' width='32' height='32'%3E%3Cpath d='M8 11.207l-4-4V5.793l4 4 4-4v1.414z' fill='%23adadad' fillrule='nonzero'/%3E%3C/svg%3E") 100% no-repeat;border:1px solid #959595;border-radius:0;width:100%;height:32px;margin:0;padding:0 .5em;font-family:inherit;font-size:.85em;display:block}.esri-select[disabled]{cursor:auto}.esri-select::-ms-expand{display:none}.esri-disabled a,.esri-disabled [role=menu],.esri-disabled [role=checkbox],.esri-disabled [class^=esri-icon-],.esri-disabled [class*=" esri-icon-"]{color:var(--calcite-color-text-3)}.keynav-mode .esri-widget:focus,.keynav-mode .esri-widget :focus{z-index:1;outline-offset:2px;outline:2px solid #adadad}.esri-widget__loader-animation{border:.15em solid #adadad4d;border-top-color:var(--calcite-color-border-input);border-radius:100%;width:1em;height:1em;font-size:var(--calcite-font-size-md);animation:1.25s linear infinite esri-rotate;display:block;transform:translateZ(0)}:dir(rtl) .esri-widget__table th{text-align:right;border-left:3px solid #0000000d;border-right:none}:dir(rtl) .esri-select{background-position:0}:dir(rtl) .esri-menu__list-item{border-left:none;border-right:3px solid #0000}:dir(rtl) .esri-menu__list-item [class^=esri-icon-],:dir(rtl) .esri-menu__list-item [class*=" esri-icon-"]{padding-left:2px;padding-right:0}:dir(rtl) .esri-menu__list-item--active{border-right-color:var(--calcite-color-brand)}.esri-icon-font-fallback-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.esri-rotating{animation:1.25s linear infinite esri-rotate;transform:translateZ(0)}.esri-clearfix:before,.esri-clearfix:after{content:" ";display:table}.esri-clearfix:after{clear:both}.esri-interactive{cursor:pointer}.esri-hidden{display:none!important}.esri-invisible{visibility:hidden!important}.esri-offscreen{position:absolute;top:-999em;left:-999em}.esri-match-height{flex-direction:column;flex:auto;display:flex;overflow:hidden}:host{width:100%;--arcgis-internal-layer-list-item-scroller-max-height: var(--arcgis-internal-panel-height-md)}.item{--calcite-list-item-icon-center: var(--calcite-space-sm)}.table-icon,.catalog-icon{margin-inline-end:0}.action-image{text-align:center;background-position:50%;background-repeat:no-repeat;background-size:contain;flex:0 0 var(--calcite-spacing-xl);width:var(--calcite-spacing-xl);height:var(--calcite-spacing-xl);font-size:14px}.item__filter-container--sticky{z-index:1;position:sticky;top:0}.item__group{margin-top:var(--calcite-spacing-md)}.item__scroller{overflow-y:auto;z-index:0;position:relative}.item__scroller--enabled{max-height:var(--arcgis-internal-layer-list-item-scroller-max-height)}.item__group__header{color:var(--calcite-color-text-2);font-weight:var(--calcite-font-weight-medium)}.item__list-item{cursor:pointer;min-height:var(--calcite-spacing-xxxl)}.item__list-item[class^=esri-icon-],.item__list-item[class*=" esri-icon-"]{padding-inline-end:2.8px}.item__list-item--disabled{cursor:default}.item__list-item-icon{justify-content:center;align-items:center;min-width:var(--calcite-spacing-xxxl);height:var(--calcite-spacing-xxxl);display:flex}.item__list-item-icon span{line-height:0}.arcgis-thumbnail-preview{background-position:50%;width:22px;height:22px}.item__no-matches-message{justify-content:center;align-items:center;height:96px;display:flex}.content-bottom{margin:var(--calcite-spacing-md) 15px}.content-bottom .arcgis-legend__service{padding:0 0 var(--calcite-spacing-md)}.message{margin:var(--calcite-spacing-md) 15px}.visible-icon{visibility:hidden}.item:hover>.visible-toggle>.visible-icon,.item:focus>.visible-toggle>.visible-icon,.item:focus-within>.visible-toggle>.visible-icon{visibility:visible}`,ht=Z`@keyframes esri-basemap-slide{0%{opacity:0;margin-top:0;margin-left:0}75%{opacity:0;margin-top:0;margin-left:0}to{opacity:1;margin-top:5px;margin-left:5px}}@keyframes esri-docking-animation{0%{opacity:0}25%{opacity:0}to{opacity:1}}@keyframes popup-intro-animation-down{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translate(0)}}@keyframes popup-intro-animation-up{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translate(0)}}@supports (-ms-ime-align: auto){.esri-slider__anchor:focus{outline:1px dotted #000}}@keyframes esri-spinner--start-animation{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes esri-spinner--finish-animation{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}@keyframes esri-spinner--rotate-animation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion){.esri-utility-network-trace__reset-prompt{animation:none!important}}@media(prefers-reduced-motion){.esri-popup--aligned-top-center,.esri-popup--aligned-top-left,.esri-popup--aligned-top-right,.esri-popup--aligned-bottom-center,.esri-popup--aligned-bottom-left,.esri-popup--aligned-bottom-right,.esri-popup--is-docked{animation:none!important}}@media(prefers-reduced-motion:reduce){.esri-fov-overlay{animation:none!important}}@keyframes esri-fade-in-down{0%{opacity:0;transform:translateY(-5px)}25%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translate(0)}}@keyframes esri-fade-in-up{0%{opacity:0;transform:translateY(5px)}25%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translate(0)}}@keyframes esri-fade-in{0%{opacity:0}25%{opacity:0}to{opacity:1}}@keyframes esri-fade-in-scale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes looping-progresss-bar-ani{0%{width:0;left:0}20%{width:20%;left:0}80%{width:20%;left:80%}to{width:0;left:100%}}@keyframes esri-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes panel-advance{0%{opacity:0;transform:translate(50px) scale(.99)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes panel-retreat{0%{opacity:0;transform:translate(-50px) scale(.99)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes panel-advance--rtl{0%{opacity:0;transform:translate(-50px) scale(.99)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes panel-retreat--rtl{0%{opacity:0;transform:translate(50px) scale(.99)}to{opacity:1;transform:translate(0) scale(1)}}.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}.esri-widget{box-sizing:border-box;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget *,.esri-widget :before,.esri-widget :after{box-sizing:inherit}.esri-widget.esri-widget--disabled>*{opacity:.4;pointer-events:none}.esri-widget.esri-widget--compact{--esri-widget-padding-y: 0;--esri-widget-padding-x: 0}.esri-widget__anchor{color:var(--calcite-color-text-2)}.esri-widget__anchor:hover{color:var(--calcite-color-text-3)}.esri-widget__anchor:hover,.esri-widget__anchor:focus{text-decoration:underline}.esri-widget__anchor--disabled{opacity:.4;pointer-events:none}.esri-widget__header{background-color:var(--calcite-color-foreground-1);flex:1 0 100%;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 0 12px 15px;display:flex}.esri-widget__heading{word-break:break-word}.esri-widget__header .esri-widget__heading{width:calc(100% - 48px);text-align:initial;color:var(--calcite-color-text-1);align-items:center;margin:0;padding:0;display:flex}.esri-widget__header-button{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;flex:0 0 48px;justify-content:center;align-self:stretch;align-items:center;width:48px;padding:0;display:flex}.esri-widget__footer{background-color:var(--calcite-color-foreground-1);justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.esri-widget__footer-pagination{color:var(--calcite-color-text-2);justify-content:space-between;align-items:center;display:flex}.esri-widget__footer-pagination-previous-button,.esri-widget__footer-pagination-next-button{cursor:pointer;background-color:var(--calcite-color-foreground-1);border:0;margin:0 7px;padding:12px 15px;transition:background-color .125s ease-in-out}.esri-widget__footer-pagination-previous-button:hover,.esri-widget__footer-pagination-previous-button:focus,.esri-widget__footer-pagination-next-button:hover,.esri-widget__footer-pagination-next-button:focus{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.esri-menu{visibility:hidden;z-index:1;background-clip:padding;background-color:var(--calcite-color-foreground-1);background-clip:padding-box;width:100%;max-height:0;margin:2px 0 0;padding:0;font-size:var(--calcite-font-size);line-height:var(--calcite-spacing-xl);position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 1px 2px #0000004d}.esri-menu .esri-menu__header{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse);padding:6px 12px}.esri-menu__list{margin:0;padding:0;list-style:none}.esri-menu__list-item{cursor:pointer;border-top:1px solid #adadad4d;border-left:3px solid #0000;padding:.8em 1em}.esri-menu__list-item [class^=esri-icon-],.esri-menu__list-item [class*=" esri-icon-"]{padding-right:2.8px}.esri-menu__list-item:first-child{border-top:none}.esri-menu__list-item--focus,.esri-menu__list-item:hover,.esri-menu__list-item:focus{background-color:var(--calcite-color-foreground-1)}.esri-menu__list-item:active{background-color:var(--calcite-color-foreground-current)}.esri-menu__list-item--active,.esri-menu__list-item--active:hover,.esri-menu__list-item--active:focus{background-color:var(--calcite-color-foreground-1);border-left-color:var(--calcite-color-brand)}.esri-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget__table tr:nth-child(odd){background-color:var(--calcite-color-transparent)}.esri-widget__table tr:nth-child(2n){background-color:var(--calcite-color-transparent-press)}.esri-widget__table tr a{color:var(--calcite-color-text-2)}.esri-widget__table tr a:hover,.esri-widget__table tr a:focus{color:var(--calcite-color-text-1)}.esri-widget__table tr td,.esri-widget__table tr th{vertical-align:top;word-break:break-word;padding:.5em .7em;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.esri-widget__table tr th{text-align:left;border-right:3px solid #0000000d;width:50%}.esri-widget__table tr td{width:50%}.esri-input{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1);border:1px solid #959595;font-size:var(--calcite-font-size)}.esri-input::-ms-clear{display:none}.esri-input::placeholder{opacity:1;color:var(--calcite-color-text-2)}.esri-input:placeholder-shown{text-overflow:ellipsis}.esri-input[type=text],.esri-input[type=password],.esri-input[type=number]{height:32px;padding:0 .5em}calcite-combobox.esri-input{border:none}.esri-widget__content--empty{text-align:center;color:var(--calcite-color-border-input);flex-flow:column wrap;align-items:center;padding:18px 22px;display:flex}.esri-widget__content--empty h1.esri-widget__heading,.esri-widget__content--empty h2.esri-widget__heading,.esri-widget__content--empty h3.esri-widget__heading,.esri-widget__content--empty h4.esri-widget__heading,.esri-widget__content--empty h5.esri-widget__heading{font-weight:var(--calcite-font-weight-regular)}.esri-widget__content-illustration--empty{width:128px;padding:1rem 0}.esri-widget__content-icon--empty{width:32px;padding:.5rem 0}.esri-select{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 32 32' width='32' height='32'%3E%3Cpath d='M8 11.207l-4-4V5.793l4 4 4-4v1.414z' fill='%23adadad' fillrule='nonzero'/%3E%3C/svg%3E") 100% no-repeat;border:1px solid #959595;border-radius:0;width:100%;height:32px;margin:0;padding:0 .5em;font-family:inherit;font-size:.85em;display:block}.esri-select[disabled]{cursor:auto}.esri-select::-ms-expand{display:none}.esri-disabled a,.esri-disabled [role=menu],.esri-disabled [role=checkbox],.esri-disabled [class^=esri-icon-],.esri-disabled [class*=" esri-icon-"]{color:var(--calcite-color-text-3)}.keynav-mode .esri-widget:focus,.keynav-mode .esri-widget :focus{z-index:1;outline-offset:2px;outline:2px solid #adadad}.esri-widget__loader-animation{border:.15em solid #adadad4d;border-top-color:var(--calcite-color-border-input);border-radius:100%;width:1em;height:1em;font-size:var(--calcite-font-size-md);animation:1.25s linear infinite esri-rotate;display:block;transform:translateZ(0)}:dir(rtl) .esri-widget__table th{text-align:right;border-left:3px solid #0000000d;border-right:none}:dir(rtl) .esri-select{background-position:0}:dir(rtl) .esri-menu__list-item{border-left:none;border-right:3px solid #0000}:dir(rtl) .esri-menu__list-item [class^=esri-icon-],:dir(rtl) .esri-menu__list-item [class*=" esri-icon-"]{padding-left:2px;padding-right:0}:dir(rtl) .esri-menu__list-item--active{border-right-color:var(--calcite-color-brand)}.esri-icon-font-fallback-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.esri-rotating{animation:1.25s linear infinite esri-rotate;transform:translateZ(0)}.esri-clearfix:before,.esri-clearfix:after{content:" ";display:table}.esri-clearfix:after{clear:both}.esri-interactive{cursor:pointer}.esri-hidden{display:none!important}.esri-invisible{visibility:hidden!important}.esri-offscreen{position:absolute;top:-999em;left:-999em}.esri-match-height{flex-direction:column;flex:auto;display:flex;overflow:hidden}.esri-widget--panel{min-width:300px;min-height:32px;padding:var(--arcgis-internal-padding);transition:max-height .25s ease-in-out;overflow-y:auto}:host{display:flex;min-height:var(--calcite-space-3xl);transition:max-height .25s ease-in-out;overflow-y:auto}:host>div{display:flex;width:100%}.filter-no-results{padding:var(--calcite-spacing-md) var(--calcite-space-md-plus)}.table-icon,.catalog-icon{margin-inline-end:0}.action-image{text-align:center;background-position:50%;background-repeat:no-repeat;background-size:contain;flex:0 0 var(--calcite-spacing-xl);width:var(--calcite-spacing-xl);height:var(--calcite-spacing-xl);font-size:var(--calcite-font-size)}.action-menu .action-group{display:none}.action-menu[open] .action-group{display:flex}.active:hover>.visible-toggle>.visible-icon,.active:focus>.visible-toggle>.visible-icon,.active:focus-within>.visible-toggle>.visible-icon{visibility:visible}.status-indicator{margin-inline:0}`,Ze="nested",ut=Le(pt),ee=class extends ve{constructor(){super(...arguments),this._lastDragDetail=null,this._rootListRef=C(),this._layerFlowItemRef=C(),this._panelFlowItemRef=C(),this._selectedDragItemLayerUid=null,this._rootGroupUid=`operational-${_e()}`,this._openedLayersController=null,this.messages=xe(),this._canMove=({dragEl:e,fromEl:t,toEl:i},a)=>{let o=a==="pull"?this.listItemCanGiveFunction:this.listItemCanReceiveFunction,n=w(e,this.operationalItems);if(!n?.sortable)return!1;let c=this._getContainerItem(t),d=K(t),h=this._getContainerItem(i),v=K(i),x=!!d&&!!v&&d===v,$={selected:n,from:c,to:h},F=t.group,I=i.group,O=c?.layer?.type??"",f=h?.layer?.type??"",R=new Set(["map-image","catalog","knowledge-graph"]);return F&&I&&typeof o=="function"?o($):x&&!R.has(O)&&!R.has(f)&&n?.layer?.type!=="sublayer"},this._onCatalogOpen=e=>{this.openedLayers.push(e.layer?.parent)},this._onTablesOpen=e=>{this.openedLayers.push(e.layer)},this._clearActiveItem=()=>{this._activeItem=null},this._setCurrentActiveItem=e=>{this._activeItem=e},this._setActiveItem=e=>{if(this.visibilityAppearance!=="default")return;let t=Array.from(e.composedPath()).find(a=>a.classList?.contains(P.item)),i=w(t,this.operationalItems);this._activeItem=i},this.viewModel=ut(this),this.arcgisClose=ke(this),this._activeItem=null,this._onTooltipReferenceChange=(e,t)=>{t?this._tooltipReferenceMap.set(e,t):this._tooltipReferenceMap.delete(e)},this._onSelectedDragItemLayerUidChange=e=>{this._selectedDragItemLayerUid=e},this._onTriggerAction=(e,t)=>{this.triggerAction(e,t)},this._tooltipReferenceMap=new Map,this._layerListMap=new Map,this.layerTablesEnabled=new D(["knowledge-graph"]),this.mapImageOptions=null,this.openedLayerLists=new D,this.tileOptions=null,this.view=this.viewModel.view,this.autoDestroyDisabled=!1,this.closed=!1,this.icon="layers",this.collapsed=!1,this.dragEnabled=!1,this.filterPlaceholder="",this.filterText="",this.headingLevel=2,this.layerTablesAvailable=new D(["knowledge-graph"]),this.listItemCreatedFunction=this.viewModel.listItemCreatedFunction,this.minDragEnabledItems=Te,this.minFilterItems=Ae,this.openedLayers=new D,this.operationalItems=this.viewModel.operationalItems,this.selectedItems=new D,this.selectionMode="none",this.visibilityAppearance="default",this.hideCatalogLayerList=!1,this.showCloseButton=!1,this.showCollapseButton=!1,this.showErrors=!1,this.showFilter=!1,this.showHeading=!1,this.hideStatusIndicators=!1,this.showTemporaryLayerIndicators=!1,this.state=this.viewModel.state,this.arcgisPropertyChange=we()("state"),this.arcgisReady=fe(),this.arcgisTriggerAction=$e(()=>this.viewModel,"trigger-action")}static{this.properties={_catalogLayerList:16,_tableList:16,_tooltipReferenceMap:16,_layerListMap:16,_totalItems:16,_visibleItems:16,_openedPanelItems:16,_dragEnabled:16,_filterEnabled:16,layerTablesEnabled:16,mapImageOptions:16,openedLayerLists:16,tileOptions:16,_renderedOpenLayerFlowItems:16,view:0,autoDestroyDisabled:5,closed:5,referenceElement:1,icon:1,catalogLayerList:32,catalogOptions:0,collapsed:5,dragEnabled:5,filterPlaceholder:1,filterPredicate:0,filterText:1,headingLevel:9,knowledgeGraphOptions:0,layerTablesAvailable:0,listItemCanGiveFunction:0,listItemCanReceiveFunction:0,listItemCreatedFunction:0,minDragEnabledItems:9,minFilterItems:9,openedLayers:32,operationalItems:0,selectedItems:0,selectionMode:1,tableList:32,visibilityAppearance:1,hideCatalogLayerList:5,showCloseButton:5,showCollapseButton:5,showErrors:5,showFilter:5,showHeading:5,hideStatusIndicators:5,showTemporaryLayerIndicators:5,messageOverrides:0,label:1,state:32}}static{this.styles=[ht,mt]}get _totalItems(){return this.viewModel.operationalItems.flatten(e=>e.children.filter(t=>t.layer?.type!=="catalog-dynamic-group")).length}get _visibleItems(){return this.operationalItems?.filter(e=>!e.hidden&&(this.showErrors||!e.error))}get _openedPanelItems(){return this._visibleItems.flatten(e=>e.children).filter(({hidden:e,panel:t})=>!e&&t?.open&&!t.disabled&&t.flowEnabled)}get _dragEnabled(){return this._totalItems>=this.minDragEnabledItems&&this.dragEnabled}get _filterEnabled(){return this._totalItems>=this.minFilterItems&&this.showFilter}get _renderedOpenLayerFlowItems(){let{openedLayers:e}=this;return e.toArray().map((t,i)=>this._renderLayerFlowItem(t,i===e.length-1))}get catalogLayerList(){return this._catalogLayerList}get tableList(){return this._tableList}async destroy(){await this.manager.destroy(),this._destroyOpenedLayerLists(),this._tooltipReferenceMap.clear()}loaded(){this.manager.onLifecycle(()=>[Ve(()=>this.openedLayers,"change",()=>{this._handleOpenedLayersChange()},{initial:!0}),Ve(()=>this.viewModel.operationalItems,"change",()=>Oe(this.selectedItems),{initial:!0}),gt(()=>[this.filterPredicate,this._rootListRef.value],()=>Pe(this._rootListRef.value,this.filterPredicate,this.operationalItems))])}triggerAction(e,t){return this.viewModel.triggerAction(e,t)}_getContainerItem(e){let t=e?.getAttribute("data-item");return t?this.operationalItems.find(i=>i.uid===t)??null:null}async _createFlowList(e,t){let{_layerListMap:i}=this,a=i.get(e);if(a)return a;let o=e.type==="catalog"?await this._createCatalogLayerList(e):await this._createTableList(e);return t.aborted||i.set(e,o),o}async _handleOpenedLayersChange(){let{_layerListMap:e,openedLayers:t,openedLayerLists:i}=this;this._openedLayersController?.abort();let a=new AbortController,{signal:o}=a;this._openedLayersController=a,e.forEach((d,h)=>{t.includes(h)||(d?.destroy?.(),e.delete(h))});let n=await Promise.all(t.map(d=>this._createFlowList(d,o)));if(o.aborted)return;i.removeAll(),i.addMany(n);let c=i.at(-1);c?"catalogLayer"in c?(this._catalogLayerList=c,this._tableList=void 0):(this._catalogLayerList=void 0,this._tableList=c):(this._catalogLayerList=void 0,this._tableList=void 0)}_destroyOpenedLayerLists(){this.openedLayerLists.destroyAll(),this.openedLayers.removeAll(),this._layerListMap.clear()}async _createCatalogLayerList(e){let{headingLevel:t,catalogOptions:i,filterPlaceholder:a,listItemCreatedFunction:o,minFilterItems:n,selectionMode:c,visibilityAppearance:d}=this;return q(l`<arcgis-catalog-layer-list .headingLevel=${t} .filterPlaceholder=${i?.filterPlaceholder??a} .listItemCreatedFunction=${i?.listItemCreatedFunction??o} .minFilterItems=${i?.minFilterItems??n} .selectionMode=${i?.selectionMode??c} .visibilityAppearance=${i?.visibilityAppearance??d} .showErrors=${i?.visibleElements?.errors??this.showErrors} .showFilter=${i?.visibleElements?.filter??this.showFilter} .hideStatusIndicators=${i?.visibleElements?.statusIndicators??this.hideStatusIndicators} .showTemporaryLayerIndicators=${i?.visibleElements?.temporaryLayerIndicators??this.showTemporaryLayerIndicators} @arcgisReady=${h=>h.stopPropagation()} .catalogLayer=${e} .view=${this.view} .referenceElement=${this.referenceElement} @catalogOpen=${this._onCatalogOpen} @tablesOpen=${this._onTablesOpen}></arcgis-catalog-layer-list>`)}_getTableListParams(e){switch(e.type){case"knowledge-graph":return{...this.knowledgeGraphOptions,tables:e.tables};case"map-image":return{...this.mapImageOptions,tables:e.subtables};case"tile":return{...this.tileOptions,tables:e.subtables};default:return null}}async _createTableList(e){let{headingLevel:t,selectionMode:i,dragEnabled:a}=this,o=this._getTableListParams(e);return q(l`<arcgis-table-list .headingLevel=${o?.headingLevel??t} .selectionMode=${o?.selectionMode??i} .dragEnabled=${o?.dragEnabled??a} .collapsed=${o?.collapsed} .filterPlaceholder=${o?.filterPlaceholder} .filterText=${o?.filterText} .icon=${o?.icon??void 0} .label=${o?.label??void 0} .listItemCreatedFunction=${o?.listItemCreatedFunction} .tables=${o?.tables} .referenceElement=${this.referenceElement} @arcgisReady=${n=>n.stopPropagation()}></arcgis-table-list>`)}_handlePanelFlowItemBack(e){e.open=!1}_moveLayerFromChildList({toEl:e,fromEl:t,dragEl:i,newIndex:a}){let o=w(i,this.operationalItems),n=this._getContainerItem(e),c=this._getContainerItem(t);a==null||!o||!n||!c||this.viewModel.moveListItem(o,c,n,a)}_onCalciteListDragEnd(e){let{fromEl:t,toEl:i,dragEl:a,oldIndex:o}=e;if(t!==i){a.remove();return}o==null||!t||!a||t.insertBefore(a,t.children[o])}_onCalciteListOrderChange(e){let{_lastDragDetail:t}=this,{toEl:i,fromEl:a,dragEl:o,newIndex:n}=e,c=t?.newIndex===n&&t?.dragEl===o&&t?.toEl===i&&t?.fromEl===a;if(!(!a||!i||c)){if(this._lastDragDetail=e,this._selectedDragItemLayerUid=o.value,a===i){let d=Array.from(a.children).filter(h=>h?.matches("calcite-list-item")).map(h=>h.value.layer?.uid??"");this._sortLayers(a,d);return}this._moveLayerFromChildList({toEl:i,fromEl:a,dragEl:o,newIndex:n})}}_sortLayers(e,t){if(e)if(e===this._rootListRef.value)Re(this.el.view?.map?.layers,t);else{let i=w(e,this.operationalItems);if(!i)return;Se(i,t)}}_handleCalciteListChange(e){let{selectionMode:t,selectedItems:i}=this;if(t==="none")return;let a=e.target.selectedItems.map(o=>w(o,this.operationalItems)).filter(Boolean);i.removeAll(),i.addMany(a)}render(){let{_visibleItems:e,state:t}=this,i={[B.hidden]:t==="loading",[B.disabled]:t==="disabled"};return l`<div class=${m(z(B.widget,i))}>${e?.length?[this._renderItemTooltips(),this._renderItems()]:this._renderNoItems()}</div>`}_renderItemTooltip(e){let{_tooltipReferenceMap:t,messages:i}=this;return e?l`<calcite-tooltip overlay-positioning=fixed .referenceElement=${t.get(e.layer?.uid??"")}>${i.layerIncompatibleTooltip}</calcite-tooltip>`:null}_renderItemTooltipNodes(e){if(e.incompatible)return this._renderItemTooltip(e);let t=e.children?.filter(i=>!i.hidden).toArray().map(i=>this._renderItemTooltipNodes(i))??[];return t.length?t:null}_renderItemTooltips(){return this._visibleItems?.toArray().map(e=>this._renderItemTooltipNodes(e))}_renderNoItemsMessage(){return l`<div slot=message>${this.messages.noItemsToDisplay}</div>`}_renderNoItems(){return l`<div class=${m(P.itemMessage)}><calcite-notice icon=information kind=info open width=full>${this._renderNoItemsMessage()}</calcite-notice></div>`}_renderLayerFlowItem(e,t){let{messages:i,openedLayers:a}=this,o=e.title||this.messages.untitledLayer;return M(e?.uid??o,l`<calcite-flow-item data-layer-uid=${e?.uid??""??g} .description=${o} .heading=${i[e.type==="catalog"?"catalogLayers":"tables"]} .headingLevel=${this.headingLevel} .selected=${t} @calciteFlowItemBack=${n=>{n.preventDefault(),a.pop(),a.at(-1)&&this._layerFlowItemRef.value?.setFocus()}} ${E(this._layerFlowItemRef)}>${this._layerListMap.get(e)}</calcite-flow-item>`)}_renderPanelFlowItems(){let{_openedPanelItems:e,openedLayers:t}=this;return Ce(e.toArray(),i=>i.uid,(i,a)=>{let{panel:o,title:n}=i,c=()=>this._handlePanelFlowItemBack(o);return l`<calcite-flow-item .description=${n} .heading=${o.title} .headingLevel=${this.headingLevel} .selected=${!t.length&&a===e.length-1} @calciteFlowItemBack=${d=>{d.preventDefault(),c()}} ${E(this._panelFlowItemRef)}><arcgis-layer-list-item-panel .item=${i} .view=${this.view}></arcgis-layer-list-item-panel><calcite-button appearance=transparent @click=${c} slot=footer-actions width=full>${this.messages.back}</calcite-button></calcite-flow-item>`})}_renderItems(){let{collapsed:e,_visibleItems:t,_openedPanelItems:i,_filterEnabled:a,_rootGroupUid:o,showCloseButton:n,showCollapseButton:c,showHeading:d,_dragEnabled:h,selectionMode:v,filterText:x,openedLayers:$,filterPlaceholder:F,messages:I}=this,O=[l`<calcite-flow-item .closable=${n} .closed=${this.closed} .collapsed=${e} .collapsible=${c} .heading=${d?I.componentLabel:void 0} .headingLevel=${this.headingLevel} .selected=${!$.length&&!i.length} @calciteFlowItemClose=${()=>this.closed=!1}><calcite-list @focusin=${this._setActiveItem} @focusout=${this._clearActiveItem} .canPull=${f=>this._canMove(f,"pull")} .canPut=${f=>this._canMove(f,"put")} data-layer-type=${o??g} .displayMode=${Ze} .dragEnabled=${h} .filterEnabled=${a} .filterPlaceholder=${F} .filterProps=${Me} .filterText=${a?x:""} .group=${o} .label=${I.componentLabel} @mouseleave=${this._clearActiveItem} @mouseover=${this._setActiveItem} selection-appearance=highlight .selectionMode=${v} @calciteListChange=${this._handleCalciteListChange} @calciteListFilter=${f=>this.filterText=f.currentTarget?.filterText??""} @calciteListOrderChange=${f=>this._onCalciteListOrderChange(f.detail)} @calciteListDragEnd=${f=>this._onCalciteListDragEnd(f.detail)} ${E(this._rootListRef)}>${t?.toArray().map(f=>this._renderItem(f))??[]}${t?.length&&a?l`<div class=${m(P.filterNoResults)} slot=filter-no-results><calcite-notice kind=info open width=full>${this._renderNoItemsMessage()}</calcite-notice></div>`:null}</calcite-list></calcite-flow-item>`,this._renderPanelFlowItems(),this._renderedOpenLayerFlowItems];return this.closed?null:M("root-flow",l`<calcite-flow>${O}</calcite-flow>`)}_renderItem(e,t,i){return M(e.uid,X({activeItem:this._activeItem,canMove:this._canMove,css:P,displayMode:Ze,dragEnabled:this.dragEnabled,hideStatusIndicators:this.hideStatusIndicators,hideCatalogLayerList:this.hideCatalogLayerList,item:e,messages:this.messages,layerTablesEnabled:this.layerTablesEnabled,listModeDisabled:this.viewModel.listModeDisabled,operationalItems:this.operationalItems,parent:t,parentTitles:i,rootGroupUid:this._rootGroupUid,selectedDragItemLayerUid:this._selectedDragItemLayerUid,selectedItems:this.selectedItems,selectionMode:this.selectionMode,setCurrentActiveItem:this._setCurrentActiveItem,showTemporaryLayerIndicators:this.showTemporaryLayerIndicators,showCloseButton:this.showCloseButton,showCollapseButton:this.showCollapseButton,showErrors:this.showErrors,showHeading:this.showHeading,showFilter:this.showFilter,clearActiveItem:this._clearActiveItem,visibilityAppearance:this.visibilityAppearance,handleAction:this._onTriggerAction,handleCatalogOpen:this._onCatalogOpen,handleSelectedDragItemLayerUidChange:this._onSelectedDragItemLayerUidChange,handleTablesOpen:this._onTablesOpen,handleTooltipReferenceChange:this._onTooltipReferenceChange,view:this.view}))}};ye("arcgis-layer-list-next",ee);return ee},"widgets/LayerList/LayerListViewModel","core/Collection","core/reactiveUtils","layers/catalog/catalogUtils",a,b,c,d,e,f,h,i)
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
+
import j from"./QTVYGJ6I.js";import{a as E}from"./GI5SSBWA.js";import i from"./22EHINJ6.js";import h from"./R3NYK6BO.js";import f from"./5IXYFNDS.js";import{a as T}from"./PC4PAQXQ.js";import e from"./JYVV3JI3.js";import{a as H}from"./NHBQXARI.js";import d from"./VQIFXIMQ.js";import c from"./J26EKNWT.js";import{h as P}from"./R2NTRI4S.js";import"./FAECSPBC.js";import a from"./YDIKH6TZ.js";import{a as k,d as I}from"./GMFJ55C3.js";import{M as m,N as g,O as L,P as C,R as p,S as O,U as R,a as B,b as o,o as y,x as b}from"./FKJWY2PS.js";import"./3TTFCHAA.js";export default $arcgis.t(([K,U,q,{initializeProjection:G},{renderingSanitizer:M},{stripHTML:S},{substitute:v,formatNumber:A},{watch:c},,,,z,,,{d:D},{c:V,d:Z}])=>{var W=B`:host{display:flex;overflow:hidden;flex:1 1 auto}.root{--calcite-color-background: var(--calcite-color-foreground-1);display:flex;overflow:hidden;flex:1 1 auto;flex-direction:column}.root img{image-orientation:from-image}.flow-item-collapsed{--calcite-flow-item-header-border-block-end: none}.container{display:flex;flex:1 1 auto;background-color:var(--calcite-color-foreground-1)}.container calcite-list{width:100%}.container:not(:empty,.content-hidden){padding:var(--arcgis-internal-padding-md, var(--calcite-spacing-md))}.root .arcgis-feature,.root .arcgis-feature-relationship,.root .arcgis-feature-utility-network-associations{background-color:transparent}.heading{word-break:break-word;word-wrap:break-word}.header,.footer{display:flex;align-items:center;justify-content:flex-end;background-color:var(--calcite-color-foreground-1)}.footer{flex:1}.pagination-text{padding-inline:var(--calcite-spacing-sm);color:var(--calcite-color-text-3);font-size:var(--calcite-font-size-sm)}.loader{align-self:center;padding-inline:var(--calcite-spacing-lg)}.pagination-action-bar{flex:1}.pagination-menu-button{padding-inline:var(--calcite-spacing-xxs);border-inline-start:var(--calcite-border-width-sm) solid var(--calcite-color-border-3)}.icon{display:inline-block;flex:0 0 var(--calcite-spacing-lg);width:var(--calcite-spacing-lg);height:var(--calcite-spacing-lg)}.action-image{flex:0 0 var(--calcite-spacing-lg);background-position:50% 50%;background-repeat:no-repeat;background-size:contain;width:var(--calcite-spacing-lg);height:var(--calcite-spacing-lg)}.header{border-block-end:var(--calcite-border-width-sm) solid var(--calcite-color-border-3)}.content-feature{--calcite-flow-item-footer-padding: 0}.feature-menu-observer{position:relative;bottom:var(--calcite-spacing-xxl);z-index:2;text-align:center}.action-exit{transform:scaleX(-1)}.flow-item-drill-in{--calcite-flow-item-footer-padding: 0}`;function X(_){return _?.declaredClass.startsWith("esri.layers.")??!1}function J(_){if(!(!_||!("featureReduction"in _)))return _.featureReduction?.type}var Y=z(q),N=class extends L{constructor(){super(...arguments),this._zoomToFeature=new K({icon:"magnifying-glass-plus",id:"zoom-to-feature",title:"{messages.zoom}"}),this._fetchFeaturesController=null,this._featureMenuIntersectionObserverCallback=([e])=>{e?.isIntersecting&&this.viewModel.featurePage!=null&&this.viewModel.featurePage++},this._featureMenuIntersectionObserver=new IntersectionObserver(this._featureMenuIntersectionObserverCallback,{root:window.document}),this._featureMenuIntersectionObserverNode=null,this._focusTrapNode=m(),this._rootFlowItemNode=m(),this._featureMenuViewportNode=m(),this._actionBarMenuNode=m(),this._flowContainerNode=m(),this._aggregatedFeaturesComponent=m(),this.messages=H(),this._selectedFeatureComponent=m(),this._cancelOpenRelatedFeature=()=>{this._openRelatedFeatureAbortController=T(this._openRelatedFeatureAbortController)},this._openRelatedFeatureAbortController=null,this.flowItems=new U,this._aggregatedFeatureCount=0,this._selectedAggregatedFeatureIndex=-1,this._aggregatedFeaturesLoading=!1,this._hasActionsStartSlotContent=!1,this._hasActionsEndSlotContent=!1,this.viewModel=Y(this),this.actions=this.viewModel.actions,this.active=this.viewModel.active,this.autoDestroyDisabled=!1,this.focusTrapEnabled=!1,this.collapsed=!1,this.content=this.viewModel.content,this.defaultPopupTemplateEnabled=this.viewModel.defaultPopupTemplateEnabled,this.effectiveHeading=this.viewModel.effectiveHeading,this.featureCount=this.viewModel.featureCount,this.featureMenuOpen=!1,this.featureNavigationTop=!1,this.features=this.viewModel.features,this.featuresPerPage=this.viewModel.featuresPerPage,this.featureItemAbilities=this.viewModel.featureItemAbilities,this.goToOverride=this.viewModel.goToOverride,this.headerActions=new U,this.heading=this.viewModel.heading,this.headingLevel=2,this.hideActionBar=!1,this.hideCloseButton=!1,this.hideFeatureMenuHeading=!1,this.hideFeatureNavigation=!1,this.hideFeatureListLayerTitle=!1,this.hideHeading=!1,this.hideSelectFeature=!1,this.hideSpinner=!1,this.hideContent=!1,this.chartAnimationDisabled=this.viewModel.featureItemAbilities?.chartAnimation,this.hideAttachmentsContent=this.viewModel.featureItemAbilities?.attachmentsContent,this.hideCustomContent=this.viewModel.featureItemAbilities?.customContent,this.hideExpressionContent=!1,this.hideFieldsContent=this.viewModel.featureItemAbilities?.fieldsContent,this.hideMediaContent=this.viewModel.featureItemAbilities?.mediaContent,this.hideRelationshipContent=this.viewModel.featureItemAbilities?.relationshipContent,this.hideTextContent=this.viewModel.featureItemAbilities?.textContent,this.hideUtilityNetworkContent=this.viewModel.featureItemAbilities?.utilityNetworkAssociationsContent,this.hideLastEditedInfo=!1,this.highlightDisabled=this.viewModel.highlightEnabled,this.includeDefaultActionsDisabled=this.viewModel.includeDefaultActions,this.initialDisplayMode=this.viewModel.initialDisplayMode,this.location=this.viewModel.location,this.map=this.viewModel.map,this.open=this.viewModel.open,this.promises=this.viewModel.promises,this.responsiveActionsEnabled=!1,this.selectedFeature=this.viewModel.selectedFeature,this.selectedFeatureIndex=this.viewModel.selectedFeatureIndex,this.showCollapseButton=!1,this.spatialReference=this.viewModel.spatialReference,this.state=this.viewModel.state,this.timeZone=this.viewModel.timeZone,this.updateLocationEnabled=this.viewModel.updateLocationEnabled,this.view=this.viewModel.view,this.arcgisPropertyChange=P()("active","collapsed","effectiveHeading","featureCount","featureMenuOpen","features","promises","selectedDrillInFeature","selectedFeature","selectedFeatureComponent","selectedFeatureIndex","state","open"),this.arcgisReady=b(),this.arcgisClose=b(),this.arcgisTriggerAction=b()}static{this.properties={_openRelatedFeatureAbortController:16,flowItems:16,_aggregatedFeatureCount:16,_selectedAggregatedFeatureIndex:16,_aggregatedFeaturesLoading:16,_hasActionsStartSlotContent:16,_hasActionsEndSlotContent:16,_hideActionText:16,_featureNavigationVisible:16,_isCollapsed:16,_collapseEnabled:16,_featureFlowItemSelected:16,viewModel:0,actions:0,active:0,autoDestroyDisabled:5,focusTrapEnabled:5,collapseDirection:1,collapsed:5,content:1,defaultPopupTemplateEnabled:5,effectiveHeading:32,featureCount:9,featureMenuOpen:5,featureMenuTitle:1,featureNavigationTop:5,features:0,featuresPerPage:9,featureItemAbilities:0,goToOverride:0,headerActions:0,heading:1,headingLevel:9,hideActionBar:5,hideCloseButton:5,hideFeatureMenuHeading:5,hideFeatureNavigation:5,hideFeatureListLayerTitle:5,hideHeading:5,hideSelectFeature:5,hideSpinner:5,hideContent:5,chartAnimationDisabled:5,hideAttachmentsContent:5,hideCustomContent:5,hideExpressionContent:5,hideFieldsContent:5,hideMediaContent:5,hideRelationshipContent:5,hideTextContent:5,hideUtilityNetworkContent:5,hideLastEditedInfo:5,highlightDisabled:5,icon:1,includeDefaultActionsDisabled:5,initialDisplayMode:1,label:1,location:0,map:0,messageOverrides:0,open:5,referenceElement:1,promises:0,responsiveActionsEnabled:5,selectedDrillInFeature:32,selectedFeature:0,selectedFeatureComponent:32,selectedFeatureIndex:9,showCollapseButton:5,spatialReference:0,state:32,timeZone:1,updateLocationEnabled:5,view:0}}static{this.styles=W}get _hideActionText(){if(!this.responsiveActionsEnabled)return!1;let e=this.viewModel.view?.widthBreakpoint;return e==="xsmall"||e==="small"||e==="medium"}get _featureNavigationVisible(){return this.viewModel.active&&this.viewModel.featureCount>1&&!!this.viewModel.selectedFeature&&!this.hideFeatureNavigation}get _isCollapsed(){return this._collapseEnabled&&this.collapsed}get _collapseEnabled(){return this.showCollapseButton&&(this.initialDisplayMode==="list"||!!(this.heading||this.viewModel.selectedFeatureItem?.heading)&&!!(this.content||this.viewModel.selectedFeatureItem?.content))}get _featureFlowItemSelected(){return this.initialDisplayMode==="list"?!!this.selectedFeature:!this.featureMenuOpen}clear(){this.viewModel.clear()}close(){this.open=!1}async destroy(){await this.manager.destroy(),this._removeSpinner(this.referenceElement),this._cancelOpenRelatedFeature(),this._removeFlowItems(),this._unobserveFeatureMenuObserver(),this._cancelFetchingFeatures(),this._featureMenuIntersectionObserver?.disconnect()}async fetchFeatures(e,t){this._cancelFetchingFeatures();let{signal:a}=t??{},i=new AbortController,{signal:s}=i,n=a?AbortSignal.any([s,a]):s;if(this._fetchFeaturesController=i,!e&&this.view&&this.location&&(await G(this.location.spatialReference,this.view.spatialReference,null,{signal:n}),e=this.view.toScreen(this.location)??void 0),!e)return;let r=await this.viewModel.fetchFeatures(e,{...t,signal:n});this.location=r.location,this.promises=r.pendingFeatures}next(){this.viewModel.next()}previous(){this.viewModel.previous()}async setFocus(){await this._focusTrapNode.value?.setFocus()}async triggerAction(e){if(!e.disabled)return e?.type==="toggle"&&(e.value=!e.value),await Z(e,this.viewModel)}connectedCallback(){super.connectedCallback(),this._createSpinner()}disconnectedCallback(){super.disconnectedCallback(),this._removeSpinner(this.referenceElement)}loaded(){this.manager.onLifecycle(()=>[c(()=>this.viewModel?.active,()=>this._toggleFocusTrap()),c(()=>this.viewModel?.selectedFeatureIndex,(e,t)=>this._selectedFeatureIndexUpdated(e,t)),c(()=>this.viewModel?.view?.scale,()=>this._viewScaleChange()),c(()=>this.viewModel?.view,(e,t)=>t&&this._viewChange()),c(()=>this._spinnerEl?.screenLocation,()=>this._closeOpenActionMenu()),c(()=>this.selectedFeatureComponent?.viewModel,()=>this._removeFlowItems()),c(()=>this.viewModel?.featureItems,()=>this._featureMenuViewportScrollTop()),c(()=>this.flowItems.length,()=>this._syncSelectedDrillInFeature()),c(()=>[this.flowItems?.length,this.featureMenuOpen],()=>{this.setFocus()}),c(()=>this.viewModel.aggregatedFeaturesEnabled,e=>{e||(this._aggregatedFeatureCount=0,this._selectedAggregatedFeatureIndex=-1,this._aggregatedFeaturesLoading=!1,this._removeFlowItems())}),c(()=>this.referenceElement,(e,t)=>{this._removeSpinner(t),this._createSpinner()},{initial:!0}),c(()=>[this.hideSpinner,this.viewModel?.view,this.viewModel?.location,this.viewModel?.waitingForResult,this.viewModel?.open],()=>this._createSpinner(),{initial:!0})])}updated(){let e=this._selectedFeatureComponent.value??void 0;this.selectedFeatureComponent!==e&&y(()=>this.selectedFeatureComponent=e)}_toggleFocusTrap(){requestAnimationFrame(()=>{this.viewModel.active?this._focusTrapNode.value?.activate():this._focusTrapNode.value?.deactivate()})}_cancelFetchingFeatures(){this._fetchFeaturesController=T(this._fetchFeaturesController)}_handleClose(){this.close(),this.arcgisClose.emit()}_groupResultsByLayer(){let{featureItems:e}=this.viewModel,t=new Map;return e.forEach(a=>{let i=a?.graphic;if(!i)return;let s=D(i),n=X(s)?s:null,r=t.get(n);r||(r=[],t.set(n,r)),r.push(a)}),t}_handleCollapseToggle(){this.collapsed=!this.collapsed}async _openRelatedFeature(e){this._cancelOpenRelatedFeature();let t=new AbortController;if(this._openRelatedFeatureAbortController=t,await e.updateGeometry(),t.signal.aborted)return;let a=e.graphic,i=a?.geometry;if(i==null||a==null){this._openRelatedFeatureAbortController=null;return}if(this._removeFlowItems(),await this.viewModel.zoomTo({target:i}),t.signal.aborted)return;let s=await $arcgis.t(m=>m[0],"geometry/operators/labelPointOperator");if(t.signal.aborted)return;let n=s.execute(i);n!=null&&(this.location=n),this.features=[a],this.open=!0,await this.setFocus(),this._openRelatedFeatureAbortController=null}_handlePaginationMenuButton(){this._updateFeatureMenu()}_openFeatureMenu(){this._updateFeatureMenu(!0)}_closeFeatureMenu(){this._updateFeatureMenu(!1)}_updateFeatureMenu(e=!this.featureMenuOpen){this.featureMenuOpen=e}_previousFeature(){this.viewModel.previous()}_nextFeature(){this.viewModel.next()}_handleFeatureBack(){this.initialDisplayMode==="list"?(this.selectedFeatureIndex=-1,this.setFocus()):this._openFeatureMenu()}_handleFeatureMenuBack(){this.initialDisplayMode==="list"?(this.selectedFeatureIndex=-1,this.setFocus()):this.featureMenuOpen&&this._closeFeatureMenu()}_setActiveFeature(e){let{viewModel:t}=this;t.activeFeature=t.features?.[e]||null}_removeActiveFeature(){this.viewModel.activeFeature=null}_selectFeature(e){this.viewModel.selectedFeatureIndex=e,this.initialDisplayMode==="feature"?this._handleFeatureMenuBack():this.setFocus()}_unobserveFeatureMenuObserver(){this._featureMenuIntersectionObserverNode&&this._featureMenuIntersectionObserver.unobserve(this._featureMenuIntersectionObserverNode)}_featureMenuIntersectionObserverCreated(e){this._unobserveFeatureMenuObserver(),e&&this._featureMenuIntersectionObserver.observe(e),this._featureMenuIntersectionObserverNode=e}_getActionTitle(e){let{messages:t,selectedFeature:a}=this,{id:i}=e,s=a?.attributes,n=e.title??"",r=i==="zoom-to-feature"?v(n,{messages:t}):i==="remove-selected-feature"?v(n,{messages:t}):i==="zoom-to-clustered-features"?v(n,{messages:t}):i==="browse-aggregated-features"?v(n,{messages:t}):e.title;return r&&s?v(r,s):r??""}_onMainKeydown(e){let{key:t}=e;t==="ArrowLeft"&&(e.stopPropagation(),this._handleFeatureMenuBack(),this.previous(),this.setFocus()),t==="ArrowRight"&&(e.stopPropagation(),this._handleFeatureMenuBack(),this.next(),this.setFocus())}_featureMenuViewportScrollTop(){this._featureMenuViewportNode.value?.scrollContentTo({top:0})}_selectedFeatureIndexUpdated(e,t){let{featureCount:a,waitingForResult:i}=this.viewModel;i||!a||e===t||e===-1||(this._aggregatedFeatureCount=0,this._selectedAggregatedFeatureIndex=-1,this._removeFlowItems(),this._rootFlowItemNode.value?.scrollContentTo({top:0}))}_triggerAction(e){this.triggerAction(e),this.arcgisTriggerAction.emit({action:e})}_viewScaleChange(){let{selectedFeature:e}=this;!e?.isAggregate||J(D(e))!=="cluster"||(this.viewModel.aggregatedFeaturesEnabled=!1,this.open=!1,this.clear())}_viewChange(){this.viewModel.clear(),this.open=!1,this._aggregatedFeatureCount=0,this._removeFlowItems()}_handleAggregatedFeaturesPropertyChange({detail:e,target:t}){e.name==="aggregatedFeatureCount"&&(this._aggregatedFeatureCount=t.aggregatedFeatureCount),e.name==="selectedAggregatedFeatureIndex"&&(this._selectedAggregatedFeatureIndex=t.selectedAggregatedFeatureIndex,this._syncSelectedDrillInFeature()),e.name==="loading"&&(this._aggregatedFeaturesLoading=t.loading)}_closeOpenActionMenu(){let{_actionBarMenuNode:e}=this;e.value&&(e.value.menuOpen=!1)}_syncSelectedDrillInFeature(){let e=this.flowItems.getItemAt(this.flowItems.length-1);y(()=>this.selectedDrillInFeature=e?.graphic??void 0)}_removeFlowItems(){this.viewModel.aggregatedFeaturesEnabled=!1,this.flowItems?.destroyAll()}_getDrillInFlowItemDescription(e){switch(e.flowType){case"feature":case"feature-association":case"feature-utility-network-associations":case"feature-utility-network-association-type":return e.description;case"feature-relationship":return e.allItemsDescription}}_handleDrillInBackClick(){this.flowItems?.pop()?.destroy()}_getHeading(){let{effectiveHeading:e}=this.viewModel;return!this.hideHeading&&e?e:""}_handleActionsStartSlotChange(e){this._hasActionsStartSlotContent=k(e)}_handleActionsEndSlotChange(e){this._hasActionsEndSlotContent=k(e)}_removeSpinner(e){e?.manager?.component?.extraContent?.remove(this._spinnerEl),this._spinnerEl=void 0}_createSpinner(){let e=this.referenceElement;e&&(this._removeSpinner(e),this._spinnerEl=O(o`<arcgis-spinner .label=${this.messages.loading??""} .trackLocation=${!this.hideSpinner&&this.viewModel.open&&this.viewModel?.waitingForResult} .location=${this.viewModel?.location??void 0} .view=${this.viewModel?.view??void 0}></arcgis-spinner>`),e.manager?.component?.extraContent?.add(this._spinnerEl))}render(){return o`<div class="root" @keydown=${this._onMainKeydown}><calcite-focus-trap .focusTrapDisabled=${!this.focusTrapEnabled} ${g(this._focusTrapNode)}>${this._renderHeader()}${this._renderContentContainer()}</calcite-focus-trap></div>`}_renderFeatureNavigation(){return[this._renderPagination(()=>this._previousFeature(),()=>this._nextFeature()),this.initialDisplayMode==="list"?this._renderFeaturePaginationText(this.viewModel.featureCount,this.viewModel.selectedFeatureIndex):this._renderFeatureMenuButton()]}_renderHeader(){return this.featureNavigationTop&&this._featureNavigationVisible?o`<div class="header">${this._renderFeatureNavigation()}</div>`:null}_renderFooter(){return!this.featureNavigationTop&&this._featureNavigationVisible?o`<div class="footer" slot=footer>${this._renderFeatureNavigation()}</div>`:null}_renderFeaturePaginationText(e,t){let{messages:a}=this;return o`<div class="pagination-text">${v(a.pageText??"",{index:A(t+1),total:A(e)})}</div>`}_renderFeatureMenuButton(){let{messages:e,viewModel:t}=this,{featureCount:a,selectedFeatureIndex:i,pendingPromisesCount:s}=t;return o`<calcite-action class="pagination-menu-button" icon=list .label=${e.selectFeature} .loading=${s>0} @click=${this._handlePaginationMenuButton} .text=${v(e.pageText??"",{index:A(i+1),total:A(a)})} text-enabled title=${e.selectFeature??p}></calcite-action>`}_renderPagination(e,t){let{previous:a,next:i}=this.messages;return o`<calcite-action-bar class="pagination-action-bar" expand-disabled layout=horizontal overflow-actions-disabled scale=s><calcite-action-group scale=s><calcite-action class="pagination-previous" icon=chevron-left icon-flip-rtl .label=${a??""} @click=${e} .text=${a??""} title=${a??""??p}></calcite-action><calcite-action icon=chevron-right icon-flip-rtl .label=${i??""} @click=${t} .text=${i??""} title=${i??""??p}></calcite-action></calcite-action-group></calcite-action-bar>`}_renderFeatureMenuItem(e,t){let{initialDisplayMode:a}=this,{selectedFeatureItem:i}=this.viewModel,s=e===i;return o`<calcite-list-item @blur=${this._removeActiveFeature} @focus=${()=>this._setActiveFeature(t)} @mouseleave=${this._removeActiveFeature} @mouseover=${()=>this._setActiveFeature(t)} .selected=${s} @calciteListItemSelect=${()=>this._selectFeature(t)}><span .innerHTML=${(M.sanitize(e.heading)||this.messages.untitled)??""} slot=content></span>${a==="list"?o`<calcite-icon flip-rtl icon=chevron-right scale=s slot=content-end></calcite-icon>`:null}</calcite-list-item>`}_renderFeatureMenu(){let{messages:e,viewModel:t}=this,a=this._groupResultsByLayer(),i=new Map;t.featureItems.forEach((n,r)=>i.set(n,r));let s=this.initialDisplayMode==="list"?"none":"single";return t.featureItems.length?o`<calcite-list display-mode=flat .label=${e?.featuresList??""} selection-appearance=icon .selectionMode=${s}>${Array.from(a.keys(),n=>{let r=a.get(n)?.map(l=>{let h=i.get(l);return h==null?null:this._renderFeatureMenuItem(l,h)}),d=n?n.title??this.messages.untitled:null;return!this.hideFeatureListLayerTitle&&d!==null?E(n??"map-graphics",o`<calcite-list-item-group .heading=${d}>${r}</calcite-list-item-group>`):r})}</calcite-list>`:null}_renderHeaderAction(e){let t=e.title||"";return e.visible?o`<calcite-action .active=${e.type==="toggle"?e.value:!1} .disabled=${e.disabled} .icon=${e.icon??void 0} .indicator=${e.active} .loading=${e.active} @click=${()=>this._triggerAction(e)} slot=header-actions-end .text=${t} title=${t??p}></calcite-action>`:null}_renderHeaderActions(){return this.headerActions.map(e=>this._renderHeaderAction(e)).toArray()}_renderContentFeature(e){let{headingLevel:t,hideCloseButton:a,_isCollapsed:i,_collapseEnabled:s,featureNavigationTop:n,initialDisplayMode:r,selectedFeature:d,hideHeading:l}=this,{active:h,selectedFeatureItem:f,content:w}=this.viewModel,u=this._getHeading();if(r==="list"&&!d)return null;let F=f?!f.content:!w;return o`<calcite-flow-item class=${C(I({"content-feature":!0,"flow-item-collapsed":i}))} .closable=${!a} .closed=${!h} .collapsed=${i} .collapseDirection=${this.collapseDirection??(n?"down":"up")} .collapsible=${s} .headingLevel=${t} .selected=${e} .messageOverrides=${{collapse:this.messages.collapse,expand:this.messages.expand}} @calciteFlowItemBack=${this._handleFeatureBack} .loading=${!!this._openRelatedFeatureAbortController} @calciteFlowItemClose=${this._handleClose} @calciteFlowItemToggle=${this._handleCollapseToggle} .heading=${!l&&u?S(u):void 0} ${g(this._rootFlowItemNode)}>${!l&&u?o`<div slot=heading><div .innerHTML=${M.sanitize(u??"")??""}></div></div>`:null}${this._renderHeaderActions()}${this._renderActionBar()}<div class=${C(I("container","content-container",{"content-hidden":F}))}>${this._renderContent()}</div>${this._renderFooter()}</calcite-flow-item>`}_renderFeatureMenuContainer(){let{viewModel:e,hideCloseButton:t,featureMenuTitle:a,messages:i,initialDisplayMode:s,featureMenuOpen:n,_featureFlowItemSelected:r,_collapseEnabled:d,_isCollapsed:l,featureNavigationTop:h,headingLevel:f}=this,{active:w,featureItems:u,pendingPromisesCount:F}=e,x=a??i.selectFeature;if(s==="feature"&&!n)return null;let $=!r;return o`<calcite-flow-item class=${C(I({"flow-item-collapsed":l}))} .closable=${s==="list"&&!t} .closed=${!w} .collapsed=${s==="list"&&l} .collapseDirection=${this.collapseDirection??(h?"down":"up")} .collapsible=${s==="list"&&d} .messageOverrides=${{collapse:this.messages.collapse,expand:this.messages.expand}} .description=${this.hideFeatureMenuHeading?void 0:v(i.total??"",{total:u.length})} .heading=${this.hideFeatureMenuHeading?void 0:x} .headingLevel=${f} .loading=${e.waitingForContents} .selected=${$} @calciteFlowItemBack=${j=>{j.preventDefault(),this._handleFeatureMenuBack()}} @calciteFlowItemClose=${this._handleClose} @calciteFlowItemToggle=${this._handleCollapseToggle} ${g(this._featureMenuViewportNode)}>${s==="list"?this._renderHeaderActions():null}${F>0?o`<calcite-loader class="loader" inline .label=${i.loading??""} slot=header-actions-end></calcite-loader>`:null}<div class="container">${$?this._renderFeatureMenu():null}</div><div class="feature-menu-observer" ${g(this._featureMenuIntersectionObserverCreated)}></div>${s==="feature"?o`<calcite-button scale=s appearance=transparent @click=${this._handleFeatureMenuBack} slot=footer-start width=full>${i.back}</calcite-button>`:null}</calcite-flow-item>`}_renderFlowItem(e,t){let{messages:a,hideCloseButton:i,hideSelectFeature:s,active:n,hideHeading:r}=this,d="graphic"in e&&"isFeatureFromTable"in e&&!e.isFeatureFromTable,l=d&&!s,h=e.flowType==="feature-association",f=a.returnToInitialFeature??"",w=a?.selectFeature,u=this._getActionTitle(this._zoomToFeature),F=!this.hideActionBar&&h&&d,x=e.flowType==="feature"&&this.viewModel.aggregatedFeaturesEnabled?o`<div class="footer" slot=footer>${this._renderPagination(()=>{this._aggregatedFeaturesComponent.value?.previous()},()=>{this._aggregatedFeaturesComponent.value?.next()})}${this._renderFeaturePaginationText(this._aggregatedFeatureCount,this._selectedAggregatedFeatureIndex)}</div>`:null;return o`<calcite-flow-item .closable=${!i} .closed=${!n} class="flow-item-drill-in" .description=${S(this._getDrillInFlowItemDescription(e)??"")} .heading=${r?void 0:S(e.heading??"")} .selected=${t} @calciteFlowItemBack=${$=>{$.preventDefault(),this._handleDrillInBackClick()}} .loading=${!!this._openRelatedFeatureAbortController} @calciteFlowItemClose=${this._handleClose}>${r?null:o`<div slot=heading><div .innerHTML=${M.sanitize(e.heading??"")??""}></div></div>`}<div slot=description><div .innerHTML=${M.sanitize(this._getDrillInFlowItemDescription(e)??"")??""}></div></div><calcite-action class="action-exit" icon=move-up @click=${this._removeFlowItems} slot=header-actions-start .text=${f??""} title=${f??""??p}></calcite-action>${l?o`<calcite-action icon=zoom-to-object @click=${()=>this._openRelatedFeature(e)} slot=header-actions-end .text=${w??""} title=${w??p}></calcite-action>`:null}${F?o`<calcite-action-bar expand-disabled expanded scale=s slot=action-bar><calcite-action-group overlay-positioning=fixed scale=s><calcite-action .disabled=${this._zoomToFeature.disabled} .icon=${this._zoomToFeature.icon??void 0} .loading=${this._zoomToFeature.active} scale=s text-enabled .text=${u} title=${u??p} @click=${()=>V(this.viewModel,this._zoomToFeature,e)}></calcite-action></calcite-action-group></calcite-action-bar>`:null}<div class="container">${e}</div>${x}</calcite-flow-item>`}_renderContentContainer(){let e=this.flowItems?.toArray(),t=e.length>0,a=this.viewModel.aggregatedFeaturesEnabled&&this.viewModel.selectedFeature?.isAggregate&&!t,i=a&&e.length===0,s=e.length===0&&this._featureFlowItemSelected&&!a,n=e?.map((l,h)=>this._renderFlowItem(l,this._featureFlowItemSelected&&h===e.length-1)),r=this._renderBrowseAggregateContainer(!!i),d=this.initialDisplayMode==="list"?[this._renderFeatureMenuContainer(),this._renderContentFeature(s)]:[this._renderContentFeature(s),this._renderFeatureMenuContainer()];return o`<calcite-flow ${g(this._flowContainerNode)}>${d}${r}${n}</calcite-flow>`}_renderBrowseAggregateContainer(e){let{hideCloseButton:t,active:a,messages:i}=this,{selectedFeature:s}=this.viewModel;return this.viewModel.aggregatedFeaturesEnabled&&s?.isAggregate?o`<calcite-flow-item .selected=${e} .closable=${!t} .closed=${!a} .description=${this._aggregatedFeatureCount?v(i.total??"",{total:this._aggregatedFeatureCount}):""} .heading=${i.aggregatedFeatures} @calciteFlowItemBack=${n=>{n.preventDefault(),this.viewModel.aggregatedFeaturesEnabled=!1}} .loading=${this._aggregatedFeaturesLoading} @calciteFlowItemClose=${this._handleClose}><arcgis-aggregated-features .autoDestroyDisabled=${this.autoDestroyDisabled} .feature=${s??void 0} .flowItems=${this.flowItems} .map=${this.map??void 0} .messages=${i} @arcgisPropertyChange=${this._handleAggregatedFeaturesPropertyChange} .spatialReference=${this.spatialReference??void 0} .timeZone=${this.timeZone??void 0} .view=${this.view??void 0} ${g(this._aggregatedFeaturesComponent)}></arcgis-aggregated-features><calcite-button appearance=transparent @click=${()=>this.viewModel.aggregatedFeaturesEnabled=!1} slot=footer-start scale=s width=full>${i.back}</calcite-button></calcite-flow-item>`:null}_renderActionBar(){let e=this.viewModel.selectedFeatureItem?.isFeatureFromTable,t=this.viewModel.allActions.toArray(),a=e&&!this.location?t.filter(s=>s.id!==this._zoomToFeature.id):t,i=!!a.length||this._hasActionsStartSlotContent||this._hasActionsEndSlotContent;return!this._isCollapsed&&!this.hideActionBar&&i?o`<calcite-action-bar expand-disabled .expanded=${!this._hideActionText} scale=s slot=action-bar><slot name=actions-start @slotchange=${this._handleActionsStartSlotChange}></slot><calcite-action-group overlay-positioning=fixed scale=s ${g(this._actionBarMenuNode)}>${this._renderActions(a)}</calcite-action-group><slot name=actions-end @slotchange=${this._handleActionsEndSlotChange}></slot></calcite-action-bar>`:null}_renderActions(e){return e.map(t=>{let a=this._getActionTitle(t);return o`<calcite-action .active=${t.type==="toggle"?t.value:!1} .disabled=${t.disabled} .icon=${t.icon??void 0} .loading=${t.active} scale=s .textEnabled=${!this._hideActionText} .text=${a??""} title=${a??p} .hidden=${!t.visible} @click=${()=>this._triggerAction(t)}></calcite-action>`})}_renderContent(){let{content:e,selectedFeatureItem:t}=this.viewModel;return t?o`<arcgis-feature-next .autoDestroyDisabled=${this.autoDestroyDisabled} .chartAnimationDisabled=${this.chartAnimationDisabled} .defaultPopupTemplateEnabled=${this.defaultPopupTemplateEnabled} .flowItems=${this.flowItems} .graphic=${t.graphic} .headingLevel=${this.headingLevel+1} .hideAttachmentsContent=${this.hideAttachmentsContent} .hideContent=${this.hideContent} .hideCustomContent=${this.hideCustomContent} .hideExpressionContent=${this.hideExpressionContent} .hideFieldsContent=${this.hideFieldsContent} hide-heading .hideLastEditedInfo=${this.hideLastEditedInfo} .hideMediaContent=${this.hideMediaContent} .hideTextContent=${this.hideTextContent} .location=${this.location} .map=${this.map} .referenceElement=${this.referenceElement} .showRelationshipContent=${!this.hideRelationshipContent} .showUtilityNetworkContent=${!this.hideUtilityNetworkContent} .spatialReference=${this.spatialReference} .timeZone=${this.timeZone} ${g(this._selectedFeatureComponent)}></arcgis-feature-next>`:typeof e=="string"?E(e,o`<div .innerHTML=${M.sanitize(e)??""}></div>`):e??null}};R("arcgis-features-next",N);return N},"support/actions/ActionButton","core/Collection","popup/Features","applications/Components/featureUtils","applications/Components/sanitizerUtils","applications/Components/stringUtils","intl","core/reactiveUtils",a,c,d,e,f,h,i,j)
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
+
import{M as u,N as v,O as b,U as w,a as g,b as l,x as p}from"./FKJWY2PS.js";import"./3TTFCHAA.js";var x=g`:host{min-height:var(--arcgis-internal-panel-height-md, 420px);height:100%}`,_=class extends b{constructor(){super(...arguments),this._flowItemElement=u(),this._switchToVersion=!0,this._switchToVersionCheckboxElement=u(),this._versionNameInputElement=u(),this.selected=!1,this.showBackButton=!1,this.arcgisAlterVersion=p(),this.arcgisCreateVersion=p(),this.arcgisFlowItemBack=p(),this.arcgisFlowItemClose=p()}static{this.properties={_validationError:16,selected:7,showBackButton:7,versionPropertiesElementProps:0}}static{this.styles=x}load(){let{versionPropertiesElementProps:{versionInfo:t}}=this;t?(this._mode="edit",this._fullVersionName=t.versionIdentifier.name,this._ownerName=this._fullVersionName.substring(0,this._fullVersionName.lastIndexOf(".")),this._versionName=this._fullVersionName.substring(this._fullVersionName.lastIndexOf(".")+1)):this._mode="create"}updated(){this._mode==="create"&&this._versionNameInputElement.value?.setFocus()}async setFocus(){this._flowItemElement.value?.setFocus()}goBack(){}_handleCancel(){this.arcgisFlowItemBack.emit()}_handleChange(t){let{_mode:i,_ownerName:h,_versionName:d,versionPropertiesElementProps:{currentUser:m,isVersionAdministrator:e,serviceUrl:s,versionInfo:c}}=this,{_alterVersionParameters:n,_createVersionParameters:a}=this;switch(i==="create"&&(a||(a={access:"public",description:"",featureServerUrl:s,ownerName:m,versionName:""})),i==="edit"&&(n||(n={featureServerUrl:s,versionIdentifier:c.versionIdentifier,ownerName:h,versionName:d,access:c.access,description:c.description})),t.type){case"calciteChipGroupSelect":{let r=t.target.label,o=t.target.selectedItems[0].label;i==="create"&&(a={...a,[r]:o}),i==="edit"&&(n={...n,[r]:o});break}case"calciteInputTextInput":{let r=t.target.name,o=t.target.value;i==="create"&&(a={...a,[r]:o}),i==="edit"&&(n={...n,[r]:o});break}case"calciteTextAreaInput":{let r=t.target.name,o=t.target.value;i==="create"&&r&&(a={...a,[r]:o}),i==="edit"&&r&&(n={...n,[r]:o});break}}i==="create"&&(a.access!=="public"&&m.toUpperCase()!==a.ownerName?.toUpperCase()&&!e?(this._switchToVersionCheckboxElement.value.checked=!1,this._switchToVersionCheckboxElement.value.disabled=!0,this._switchToVersion=!1):this._switchToVersionCheckboxElement.value.disabled=!1,this._createVersionParameters=a),i==="edit"&&(this._alterVersionParameters=n)}_handleClose(){this.arcgisFlowItemClose.emit()}_handleSave(){let{_alterVersionParameters:t,_createVersionParameters:i,_mode:h,_switchToVersion:d,versionPropertiesElementProps:{strings:m}}=this,e=[".",";","'",'"'];if(e.some(s=>i?.versionName?.includes(s))||e.some(s=>t?.versionName?.includes(s))){this._validationError=m.validationErrors.invalidCharacters;return}h==="create"&&this.arcgisCreateVersion.emit({createVersionParameters:i,switchToVersion:d}),h==="edit"&&this.arcgisAlterVersion.emit({alterVersionParameters:t})}_handleSwitchToVersionChange(t){this._switchToVersion=t.target.checked}render(){let{selected:t,showBackButton:i,versionPropertiesElementProps:{closable:h,currentUser:d,state:m,strings:e,versionInfo:s},_mode:c,_ownerName:n,_versionName:a}=this,r=l`<calcite-button appearance=outline slot=footer width=full @click=${this._handleCancel}>${e.actions.cancelSave}</calcite-button><calcite-button appearance=solid slot=footer width=full @click=${this._handleSave}>${e.actions.saveVersion}</calcite-button>`,o=l`<calcite-label>${e.input.versionAccess}<calcite-chip-group label=access @calciteChipGroupSelect=${this._handleChange} selection-mode=single-persist><calcite-chip .selected=${c==="edit"&&s.access==="public"||c==="create"} label=public>${e.accessLevels.public}</calcite-chip><calcite-chip .selected=${c==="edit"&&s.access==="protected"} label=protected>${e.accessLevels.protected}</calcite-chip><calcite-chip .selected=${c==="edit"&&s.access==="private"} label=private>${e.accessLevels.private}</calcite-chip></calcite-chip-group></calcite-label>`,$=l`<calcite-label>${e.input.versionDescription}<calcite-text-area limit-text max-length=64 name=description resize=none rows=2 scale=s .value=${c==="edit"?s.description:""} @calciteTextAreaInput=${this._handleChange}></calcite-text-area></calcite-label>`,V=l`<calcite-label>${e.input.versionName}<calcite-input-text max-length=62 name=versionName .value=${c==="edit"?a:""} @calciteInputTextInput=${this._handleChange} ${v(this._versionNameInputElement)}></calcite-input-text></calcite-label>`,f=l`<calcite-label>${e.input.versionOwner}<calcite-input-text name=ownerName .value=${c==="edit"?n:d} @calciteInputTextInput=${this._handleChange}></calcite-input-text></calcite-label>`,C=c==="create"?l`<calcite-label layout=inline><calcite-checkbox checked name=switchToVersion @calciteCheckboxChange=${this._handleSwitchToVersionChange} ${v(this._switchToVersionCheckboxElement)}></calcite-checkbox>${e.actions.switchToVersion}</calcite-label>`:void 0,I=this._validationError?l`<calcite-notice closable kind=warning open scale=s width=full @calciteNoticeClose=${()=>this._validationError=void 0}><div slot=message>${this._validationError}</div></calcite-notice>`:void 0;return l`<calcite-flow-item .closable=${h} .description=${s?s.versionIdentifier.name:""} .heading=${s?e.actions.editVersion:e.actions.newVersion} .selected=${t} .showBackButton=${i} @calciteFlowItemClose=${this._handleClose} ${v(this._flowItemElement)}><calcite-panel .loading=${m==="executing"}><calcite-block expanded .label=${e.headers.versionProperties}>${V}${$}${o}${f}${C}${I}</calcite-block>${r}</calcite-panel></calcite-flow-item>`}};w("arcgis-version-management-version-properties",_);export{_ as ArcgisVersionManagementVersionProperties};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import{e as Y,f as S,g as T,h as ae,i as g}from"./ZRHYL7ZS.js";import{a as U}from"./GFQGSSBN.js";import{a as G}from"./77D3QVM3.js";import{a as D}from"./IGSZABNU.js";import c from"./5IXYFNDS.js";import"./PC4PAQXQ.js";import"./UYAGGGZ7.js";import{a as se}from"./NHBQXARI.js";import"./54VXNFQ4.js";import b from"./J26EKNWT.js";import"./R2NTRI4S.js";import"./FAECSPBC.js";import a from"./YDIKH6TZ.js";import"./GMFJ55C3.js";import{M as j,N as R,O as X,Q as B,R as O,U as ee,a as W,b as m,x as I}from"./FKJWY2PS.js";import"./3TTFCHAA.js";export default $arcgis.t(([{watch:ye,when:De,whenOnce:Se},me,ke,Te,{createTrackingTarget:$e,runTracked:oe,signal:Ce},,{a:ne},{f:ie,g:te,h:re}])=>{function Pe(r,e){return r/15}function ze(r,e){let i=r?.[0];if(i==null)return null;e||(e={hours:0,minutes:0,seconds:0}),e.hours=Pe(i);let t=e.hours%1;e.hours-=t,e.minutes=t*60;let s=e.minutes%1;return e.minutes-=s,e.seconds=Math.round(s*60),e}function le(r){let e=ze([r.longitude,r.latitude]);return e==null?0:Math.round(e.hours+e.minutes/60+e.seconds/3600)}function _e(r,e){return(r%e+e)%e}var Z=class{#e;#t;#r=$e(()=>{this.#i()});constructor(e){this.#t=e;let i;oe(this.#r,()=>{i=e()}),this.#e=Ce(i)}#i(){let e=this.#e.value;oe(this.#r,()=>{this.#e.value=this.#t(e)})}mutate(e){this.#e.value=e}get value(){return this.#e.value}};function F(r){return new Z(r)}var A=Math.PI,u=Math.sin,$=Math.cos,Oe=Math.asin,Ue=Math.acos,w=A/180,fe=1e3*60*60*24,be=2440588,ve=2451545;function Me(r){return r.valueOf()/fe-.5+be}function M(r){return new Date((r+.5-be)*fe)}function Ee(r){return Me(r)-ve}var ce=w*23.4397;function Le(r,e){return Oe(u(e)*$(ce)+$(e)*u(ce)*u(r))}function Ae(r){return w*(357.5291+.98560028*r)}function Ne(r){return w*(1.9148*u(r)+.02*u(2*r)+3e-4*u(3*r))}function He(r,e){var i=w*102.9372;return r+e+i+A}var k={};k.PolarException={NORMAL:0,MIDNIGHT_SUN:1,POLAR_NIGHT:2};var q=[[-.83,"sunrise","sunset"]],we=9e-4;function Ie(r,e){return Math.round(r-we-e/(2*A))}function de(r,e,i){return we+(r+e)/(2*A)+i}function he(r,e,i){return ve+r+.0053*u(e)-.0069*u(2*i)}function je(r,e,i){return Ue((u(r)-u(e)*u(i))/($(e)*$(i)))}k.getTimes=function(r,e,i){var t=w*-i,s=w*e,n=Ee(r),a=Ie(n,t),c=de(0,t,a),o=Ae(c),d=Ne(o),l=He(o,d),h=Le(l,0),p=he(c,o,l);function x(H){var z=je(H,s,h),xe=de(z,t,a);return he(xe,o,l)}function y(H){var z=(u(H)-u(s)*u(h))/($(s)*$(h));return z<-1?k.PolarException.MIDNIGHT_SUN:z>1?k.PolarException.POLAR_NIGHT:k.PolarException.NORMAL}var f={solarNoon:M(p),nadir:M(p-.5),polarException:k.PolarException.NORMAL},v,_,P,N,Q;for(v=0,_=q.length;v<_;v+=1)P=q[v],N=x(P[0]*w),Q=p-(N-p),f[P[1]]=M(Q),f[P[2]]=M(N);return f.polarException=y(q[0][0]*w),f};var Re={spring:{dayOfMonth:20,month:2},summer:{dayOfMonth:21,month:5},fall:{dayOfMonth:23,month:8},winter:{dayOfMonth:21,month:11}},V=["spring","summer","fall","winter"];function C(r,e,i){let t=K(e,i),{dayOfMonth:s,month:n}=Re[t],a=new Date(r.getTime());return a.setMonth(n,s),a}function Be(r,e){let i=Ge(r);return K(i,e)}function Ge(r){let e=r.getTime(),i=C(r,"spring","northern").getTime(),t=C(r,"summer","northern").getTime(),s=C(r,"fall","northern").getTime(),n=C(r,"winter","northern").getTime();return e>=i&&e<t?"spring":e>=t&&e<s?"summer":e>=s&&e<n?"fall":"winter"}function K(r,e){return e==="northern"?r:Ye(r)}function ge(r){return r>=0?"northern":"southern"}function Ye(r){let e=V.indexOf(r);return V[(e+2)%4]}var Fe=1440,qe=864e5;function Ze(r,e,i,t){let s=k.getTimes(r,e,i),n=s.sunrise,a=s.sunset,c=S(r,t),o=S(n,t),d=S(a,t);if(c.getUTCDate()!==o.getUTCDate()||c.getUTCDate()!==d.getUTCDate()){let l=c.getTime()-o.getTime()>0?1:-1;n.setUTCDate(n.getUTCDate()+l),a.setUTCDate(a.getUTCDate()+l)}return{sunrise:n,sunset:a}}var Ve=100,Je=1e3,b=12e5,E=72e5;function ue(r,e){return _e(r+e,24)}function Ke({mode:r,lighting:e,getPlaySpeed:i,onProgress:t,beforeProgress:s}){let n=-1;function a(c=Date.now()){let o=e.date,d=Date.now()-(c??0);if(r==="day"){c=Date.now();let l=i()/Ve*d;if(l>0){let h=new Date(o.getTime()+l),p=e.displayUTCOffset??0,x=ue(h.getUTCHours(),p),y=ue(o.getUTCHours(),p);x<y&&(h=new Date(o.getTime()+l-qe));let f=e.clone();s?.(),e.date=h,t?.(f,e)}}else if(d>Je){c=Date.now();let l=(o.getUTCMonth()+1)%12,h=new Date(o.getTime());h.setUTCMonth(l);let p=e.clone();s?.(),e.date=h,t?.(p,e)}n=requestAnimationFrame(()=>a(c))}return a(),U(()=>cancelAnimationFrame(n))}var L=b/4;function Qe(r,e,i,t){let{day:s,night:n=s,twilight:a=s}=t,c=s*L,o=n*L,d=a*L;if(r==null||e==null||Number.isNaN(r.getTime())&&Number.isNaN(e.getTime()))return c;let l=i.getTime(),h=r.getTime(),p=e.getTime(),x=h-E/2,y=h+E/2,f=p-E/3*2,v=p+E/3,_=c;return l>=x&&l<=y?l-x<=b?_=o-(l-x)/b*(o-d):y-l<=b/2?_=c-(y-l)/b*2*(c-d):_=d:l>=f&&l<=v?l-f<=b/2?_=c-(l-f)/b*2*(c-d):v-l<=b?_=o-(v-l)/b*(o-d):_=d:(l<h||l>p)&&(_=o),_}var We=W`.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}.esri-widget{box-sizing:border-box;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget *,.esri-widget :before,.esri-widget :after{box-sizing:inherit}.esri-widget.esri-widget--disabled>*{opacity:.4;pointer-events:none}.esri-widget.esri-widget--compact{--esri-widget-padding-y: 0;--esri-widget-padding-x: 0}.esri-widget__anchor{color:var(--calcite-color-text-2)}.esri-widget__anchor:hover{color:var(--calcite-color-text-3)}.esri-widget__anchor:hover,.esri-widget__anchor:focus{text-decoration:underline}.esri-widget__anchor--disabled{opacity:.4;pointer-events:none}.esri-widget__header{background-color:var(--calcite-color-foreground-1);flex:1 0 100%;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 0 12px 15px;display:flex}.esri-widget__heading{word-break:break-word}.esri-widget__header .esri-widget__heading{width:calc(100% - 48px);text-align:initial;color:var(--calcite-color-text-1);align-items:center;margin:0;padding:0;display:flex}.esri-widget__header-button{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;flex:0 0 48px;justify-content:center;align-self:stretch;align-items:center;width:48px;padding:0;display:flex}.esri-widget__footer{background-color:var(--calcite-color-foreground-1);justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.esri-widget__footer-pagination{color:var(--calcite-color-text-2);justify-content:space-between;align-items:center;display:flex}.esri-widget__footer-pagination-previous-button,.esri-widget__footer-pagination-next-button{cursor:pointer;background-color:var(--calcite-color-foreground-1);border:0;margin:0 7px;padding:12px 15px;transition:background-color .125s ease-in-out}.esri-widget__footer-pagination-previous-button:hover,.esri-widget__footer-pagination-previous-button:focus,.esri-widget__footer-pagination-next-button:hover,.esri-widget__footer-pagination-next-button:focus{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.esri-menu{visibility:hidden;z-index:1;background-clip:padding;background-color:var(--calcite-color-foreground-1);background-clip:padding-box;width:100%;max-height:0;margin:2px 0 0;padding:0;font-size:var(--calcite-font-size);line-height:var(--calcite-spacing-xl);position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 1px 2px #0000004d}.esri-menu .esri-menu__header{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse);padding:6px 12px}.esri-menu__list{margin:0;padding:0;list-style:none}.esri-menu__list-item{cursor:pointer;border-top:1px solid #adadad4d;border-left:3px solid #0000;padding:.8em 1em}.esri-menu__list-item [class^=esri-icon-],.esri-menu__list-item [class*=" esri-icon-"]{padding-right:2.8px}.esri-menu__list-item:first-child{border-top:none}.esri-menu__list-item--focus,.esri-menu__list-item:hover,.esri-menu__list-item:focus{background-color:var(--calcite-color-foreground-1)}.esri-menu__list-item:active{background-color:var(--calcite-color-foreground-current)}.esri-menu__list-item--active,.esri-menu__list-item--active:hover,.esri-menu__list-item--active:focus{background-color:var(--calcite-color-foreground-1);border-left-color:var(--calcite-color-brand)}.esri-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget__table tr:nth-child(odd){background-color:var(--calcite-color-transparent)}.esri-widget__table tr:nth-child(2n){background-color:var(--calcite-color-transparent-press)}.esri-widget__table tr a{color:var(--calcite-color-text-2)}.esri-widget__table tr a:hover,.esri-widget__table tr a:focus{color:var(--calcite-color-text-1)}.esri-widget__table tr td,.esri-widget__table tr th{vertical-align:top;word-break:break-word;padding:.5em .7em;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.esri-widget__table tr th{text-align:left;border-right:3px solid #0000000d;width:50%}.esri-widget__table tr td{width:50%}.esri-input{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1);border:1px solid #959595;font-size:var(--calcite-font-size)}.esri-input::-ms-clear{display:none}.esri-input::placeholder{opacity:1;color:var(--calcite-color-text-2)}.esri-input:placeholder-shown{text-overflow:ellipsis}.esri-input[type=text],.esri-input[type=password],.esri-input[type=number]{height:32px;padding:0 .5em}calcite-combobox.esri-input{border:none}.esri-widget__content--empty{text-align:center;color:var(--calcite-color-border-input);flex-flow:column wrap;align-items:center;padding:18px 22px;display:flex}.esri-widget__content--empty h1.esri-widget__heading,.esri-widget__content--empty h2.esri-widget__heading,.esri-widget__content--empty h3.esri-widget__heading,.esri-widget__content--empty h4.esri-widget__heading,.esri-widget__content--empty h5.esri-widget__heading{font-weight:var(--calcite-font-weight-regular)}.esri-widget__content-illustration--empty{width:128px;padding:1rem 0}.esri-widget__content-icon--empty{width:32px;padding:.5rem 0}.esri-select{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 32 32' width='32' height='32'%3E%3Cpath d='M8 11.207l-4-4V5.793l4 4 4-4v1.414z' fill='%23adadad' fillrule='nonzero'/%3E%3C/svg%3E") 100% no-repeat;border:1px solid #959595;border-radius:0;width:100%;height:32px;margin:0;padding:0 .5em;font-family:inherit;font-size:.85em;display:block}.esri-select[disabled]{cursor:auto}.esri-select::-ms-expand{display:none}.esri-disabled a,.esri-disabled [role=menu],.esri-disabled [role=checkbox],.esri-disabled [class^=esri-icon-],.esri-disabled [class*=" esri-icon-"]{color:var(--calcite-color-text-3)}.keynav-mode .esri-widget:focus,.keynav-mode .esri-widget :focus{z-index:1;outline-offset:2px;outline:2px solid #adadad}.esri-widget__loader-animation{border:.15em solid #adadad4d;border-top-color:var(--calcite-color-border-input);border-radius:100%;width:1em;height:1em;font-size:var(--calcite-font-size-md);animation:1.25s linear infinite esri-rotate;display:block;transform:translateZ(0)}:dir(rtl) .esri-widget__table th{text-align:right;border-left:3px solid #0000000d;border-right:none}:dir(rtl) .esri-select{background-position:0}:dir(rtl) .esri-menu__list-item{border-left:none;border-right:3px solid #0000}:dir(rtl) .esri-menu__list-item [class^=esri-icon-],:dir(rtl) .esri-menu__list-item [class*=" esri-icon-"]{padding-left:2px;padding-right:0}:dir(rtl) .esri-menu__list-item--active{border-right-color:var(--calcite-color-brand)}.esri-icon-font-fallback-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.esri-rotating{animation:1.25s linear infinite esri-rotate;transform:translateZ(0)}.esri-clearfix:before,.esri-clearfix:after{content:" ";display:table}.esri-clearfix:after{clear:both}.esri-interactive{cursor:pointer}.esri-hidden{display:none!important}.esri-invisible{visibility:hidden!important}.esri-offscreen{position:absolute;top:-999em;left:-999em}.esri-match-height{flex-direction:column;flex:auto;display:flex;overflow:hidden}@supports (-ms-ime-align: auto){.esri-slider__anchor:focus{outline:1px dotted var(--calcite-color-foreground-current)}}.esri-slider{-webkit-user-select:none;user-select:none;direction:ltr;width:100%;height:100%;display:flex}.esri-disabled{pointer-events:none}.esri-disabled .esri-slider__content,.esri-disabled .esri-slider__min,.esri-disabled .esri-slider__max{opacity:var(--calcite-opacity-light)}.esri-slider--reversed.esri-slider--horizontal{flex-direction:row-reverse}.esri-slider--reversed.esri-slider--vertical{flex-direction:column}.esri-slider--horizontal{flex-direction:row}.esri-slider--horizontal .esri-slider__content{height:auto}.esri-slider--horizontal .esri-slider__track{width:100%;height:2px}.esri-slider--horizontal .esri-slider__segment--interactive:hover{cursor:ew-resize}.esri-slider--horizontal .esri-slider__anchor{width:1px;height:100%}.esri-slider--horizontal .esri-slider__label{text-align:center;margin:0 11px;top:-30px;left:-50px}.esri-slider--horizontal .esri-slider__label-input{text-align:center}.esri-slider--horizontal .esri-slider__max,.esri-slider--horizontal .esri-slider__min{flex:none;width:50px;height:auto;margin:auto}.esri-slider--horizontal .esri-slider__ticks{width:100%;margin:9px 0 0;top:100%;left:0}.esri-slider--horizontal .esri-slider__tick{width:1px;height:5px}.esri-slider--horizontal .esri-slider__tick-label{margin-top:18px}.esri-slider--vertical{flex-direction:column-reverse}.esri-slider--vertical .esri-slider__content{flex-direction:column;width:auto}.esri-slider--vertical .esri-slider__track{flex-direction:column;flex:1 0 0;width:2px;height:100%}.esri-slider--vertical .esri-slider__segment--interactive:hover{cursor:ns-resize}.esri-slider--vertical .esri-slider__anchor{width:100%;height:1px}.esri-slider--vertical .esri-slider__label{text-align:left;top:-10px;left:20px}.esri-slider--vertical .esri-slider__max,.esri-slider--vertical .esri-slider__min{flex:0 0 22px;width:100%;margin:auto}.esri-slider--vertical .esri-slider__ticks{margin:0 0 0 11px;top:0;left:100%}.esri-slider--vertical .esri-slider__tick{width:5px;height:1px}.esri-slider--vertical .esri-slider__tick-label{margin-left:30px}.esri-slider__content{z-index:0;flex:1 0 auto;justify-content:center;align-items:center;margin:auto;line-height:0;display:flex;position:relative}.esri-slider__track{touch-action:none;background-color:var(--calcite-color-border-ghost);display:inline-block;position:relative}.esri-slider__segment{transform-origin:0 0;will-change:transform;touch-action:none;width:100%;height:100%;position:absolute;top:0;left:0}.esri-slider__segment:hover{cursor:pointer}.esri-slider__anchor{touch-action:none;-webkit-user-select:none;user-select:none;background-color:var(--calcite-color-brand);position:absolute}.esri-slider__anchor:focus .esri-slider__thumb,.esri-slider__anchor:focus .esri-slider__label{outline:inherit}.esri-slider__anchor--moving:focus .esri-slider__thumb{cursor:grabbing;border:3px solid var(--calcite-color-brand-press)}.esri-slider__anchor--moving .esri-slider__label:hover,.esri-slider__anchor--moving .esri-slider__label--interactive:hover{cursor:grabbing}.esri-slider__thumb{box-sizing:border-box;z-index:1;touch-action:none;background-color:var(--calcite-color-foreground-2);border:2px solid var(--calcite-color-brand);border-radius:16px;width:16px;height:16px;transition:all .125s ease-in-out;position:absolute;top:-7px;left:-7px}.esri-slider__thumb:hover{cursor:grab;border-width:3px;border-color:var(--calcite-color-brand-press);width:19.2px;height:19.2px;top:-8.6px;left:-8.6px}.esri-slider__label{min-width:80px;line-height:var(--calcite-font-line-height-fixed-xl);position:absolute}.esri-slider__label:hover{cursor:grab}.esri-slider__label--interactive:hover,.esri-slider__max--interactive:hover,.esri-slider__min--interactive:hover{cursor:pointer;text-decoration:underline}.esri-slider__label-input{z-index:1;width:100%;position:relative}.esri-slider__extra-content{display:inline-block}.esri-slider__max,.esri-slider__min{text-align:center;justify-content:center;align-items:center;height:22px;line-height:var(--calcite-font-line-height-fixed-xl);display:flex}.esri-slider__max--interactive:hover,.esri-slider__min--interactive:hover{background-color:var(--calcite-color-foreground-2)}.esri-slider__range-input{text-align:center;width:100%;padding:1px 0}.esri-slider__ticks{z-index:0;height:100%;display:inline-block;position:absolute}.esri-slider__tick{background:var(--calcite-color-foreground-1);position:absolute}.esri-slider__tick-label{width:max-content;position:absolute}:dir(rtl) .esri-slider__label,:dir(rtl) .esri-slider__max,:dir(rtl) .esri-slider__min,:dir(rtl) .esri-slider__tick-label{direction:rtl;unicode-bidi:plaintext}:dir(rtl) .esri-slider__range-input,:dir(rtl) .esri-slider__label-input{unicode-bidi:plaintext}:host{width:350px}.root{display:flex;flex-direction:column;overflow:visible;gap:var(--calcite-spacing-md);justify-content:space-between;padding:var(--arcgis-internal-padding);position:relative;calcite-label{--calcite-label-margin-bottom: 0}&.loading>*:not(calcite-scrim){opacity:0}}.unsupported{padding:0 var(--calcite-spacing-lg);animation:esri-fade-in .25s ease-in-out}.slider{margin-block-start:0rem}.time-configuration{--date-play-button-offset: 11px;--slider-play-button-offset: var(--calcite-spacing-md);display:grid;gap:var(--calcite-spacing-md);grid-template-columns:1fr min-content;.slider-container{grid-column:1;+calcite-button{grid-column:2;transform:translateY(var(--slider-play-button-offset))}}.timezone-input-container{grid-column:1;min-width:0;+span{grid-column:2}}.date-picker-container{grid-column:1;+calcite-button{grid-column:2;transform:translateY(var(--date-play-button-offset))}}calcite-button{place-self:center}}`,Xe={day:1,night:6,twilight:2/3},J=class extends X{constructor(){super(...arguments),this.messages=se({blocking:!0}),this.#t="none",this.#r=null,this.#l=j(),this.#g=j(),this.#u=200,this.#p=200,this.#c=!1,this.#a={},this._offset=F(e=>g(this._lighting)?this._lighting.displayUTCOffset??e:e),this._timesliderPosition=F(e=>{if(g(this._lighting)){let i=this._lighting.displayUTCOffset??this.utcOffset??0,t=this._lighting.date;if(Y(t)){let{minutesSinceMidnight:s}=T(t,i);return s}else return e}return e}),this._localDate=F(e=>ae(this._view,this.utcOffset)??e),this.view=ne(this),this.autoDestroyDisabled=!1,this.dateOrSeason="date",this.headingLevel=2,this.hideDatePicker=!1,this.hideHeader=!1,this.hidePlayButtons=!1,this.hideShadowsToggle=!1,this.hideSunLightingToggle=!1,this.hideTimezone=!1,this.icon="brightness",this.playSpeedMultiplier=1,this.timeSliderSteps=5,this.arcgisReady=I(),this.arcgisUserDateTimeChange=I(),this.#o=!1}static{this.properties={localDateAsString:32,view:0,_playingState:16,_sunlightingDisabled:16,autoDestroyDisabled:5,currentSeason:1,dateOrSeason:3,dayPlaying:5,_directShadowsDisabled:16,headingLevel:9,hideDatePicker:5,hideHeader:5,hidePlayButtons:5,hideShadowsToggle:5,hideSunLightingToggle:5,hideTimezone:5,icon:3,label:1,playSpeedMultiplier:9,referenceElement:1,timeSliderSteps:9,utcOffset:9,timeSliderPosition:9,localDate:1,yearPlaying:5}}static{this.styles=We}get _view(){return this.view?.type==="3d"?this.view:void 0}#e;#t;#r;#i;#l;#g;#u;#p;#c;#s(e,i){return this.#o||this.#c?!1:(this.#a[e]=i,!0)}#m(){let{utcOffset:e,timeSliderPosition:i,localDate:t,directShadowsDisabled:s,sunlightingDisabled:n}=this.#a;if(this.#c=!0,e!=null)if(i==null&&t==null){let a=this._lighting;g(a)?(a.displayUTCOffset=e,this.#h(e,a)):this._offset.mutate(e)}else this.utcOffset=e;i!=null&&(this.timeSliderPosition=i),t&&(this.localDate=t),s!=null&&(this._directShadowsDisabled=s),n!=null&&(this._sunlightingDisabled=n),this.#a={},this.#c=!1}#d(){if(this.#i)return;let e=te(()=>{if(this.#i?.remove(),g(this._lighting)){let i=this.utcOffset??0,t=this.timeSliderPosition??0,s=this.localDate,n=t-i*60,a=S(s,n,"minutes");this._lighting.date=a,this._lighting.displayUTCOffset=i}},{timeout:this.#u});this.#i=U(()=>{re(e),this.#i=void 0})}#_({scale:e,disabled:i}){let{messages:t}=this;return m`<calcite-label .scale=${e} class="date-picker-container">${t.date}${ei({disabled:i,scale:e,date:this.localDateAsString,onDateChange:s=>{let n=s.currentTarget.value,a=Array.isArray(n)?n[0]:n;this._stopPlaying(),this.localDate=a,this._emitUserDateTimeChangeEvent()}})}</calcite-label>${D({hidden:this.hidePlayButtons,children:pe({playing:this.yearPlaying,disabled:i,label:t.playYear,onClick:()=>{this._playingState==="year"?this._playingState="none":this._playingState="year"},scale:e})})}`}#f({scale:e,disabled:i}){let{messages:t}=this;return m`<calcite-label .scale=${e} class="date-picker-container">${t.season}${ii({scale:e,selectedSeason:this.currentSeason,disabled:i,messages:t,onSeasonChange:s=>{this._stopPlaying(),this.currentSeason=s.currentTarget.value}})}</calcite-label>`}#a;get#b(){return this.#g?.value?.startTime}get localDateAsString(){return this._localDate.value??void 0}get _playingState(){return this.#t}set _playingState(e){this.#t=e,this.#n?.remove(),e==="none"?this.#e?.remove():(this._play(e),this._emitUserDateTimeChangeEvent())}get _lighting(){return this._view?.environment?.lighting}get _sunlightingDisabled(){return!g(this._lighting)}set _sunlightingDisabled(e){this.#s("sunlightingDisabled",e);let i=this._view?.environment;if(i==null)return;let t=i.lighting,s=this.#r;this.#r=t;let n={directShadowsEnabled:t.directShadowsEnabled,glow:t.glow};g(t)&&(n.cameraTrackingEnabled=t.cameraTrackingEnabled);let a=e?"virtual":"sun",c;s?.type===a?c=s:c=e?new Te:new ke({date:S(S(this.localDate,this.timeSliderPosition??0,"minutes"),this.utcOffset??0),displayUTCOffset:this.utcOffset}),c.set(n),i.lighting=c,e||(this._stopPlaying(),this.#l.value&&(this.#l.value.open=!1))}get currentSeason(){let e=this._view?.camera?.position?.latitude??0,i=ge(e);return Be(this.localDate,i)}set currentSeason(e){this._stopPlaying();let i=this._view?.camera?.position?.latitude??0,t=ge(i),s=K(e,t);this.localDate=C(this.localDate,s,"northern"),this._emitUserDateTimeChangeEvent()}get dayPlaying(){return this._playingState==="day"}set dayPlaying(e){this._playingState=e?"day":"none"}get _directShadowsDisabled(){return!this._lighting?.directShadowsEnabled}set _directShadowsDisabled(e){this.#s("directShadowsDisabled",e),this._lighting&&(this._lighting.directShadowsEnabled=!e)}get utcOffset(){return this._offset.value}set utcOffset(e){this._offset.mutate(e),!this.#s("utcOffset",e)&&this.#d()}get timeSliderPosition(){return this._timesliderPosition.value}set timeSliderPosition(e){this._timesliderPosition.mutate(_e(e??0,Fe)),!this.#s("timeSliderPosition",e)&&this.#d()}get localDate(){return this._localDate.value!=null?new Date(this._localDate.value):new Date}set localDate(e){if(typeof e=="string"&&/^\d{4}-\d{2}-\d{2}$/u.test(e)){if(this._localDate.mutate(e),this.#s("localDate",e))return;this.#d();return}let i=new Date(e);if(Y(i)){i.setUTCFullYear(i.getFullYear(),i.getMonth(),i.getDate());let t=i.toISOString().slice(0,10);if(this._localDate.mutate(t),this.#s("localDate",t))return;this.#d()}}get yearPlaying(){return this._playingState==="year"}set yearPlaying(e){this._playingState=e?"year":"none"}async destroy(){await this.manager.destroy()}async load(){this.manager.onLifecycle(()=>[ye(()=>{let e=this._view?.camera?.position;return e?le(e):void 0},(e,i)=>{this.#v(e,i)},{sync:!0,initial:!0}),De(()=>!g(this._lighting),()=>{this._stopPlaying()}),me.onLocaleChange(()=>{this.requestUpdate()})]),this.manager.onDisconnected(()=>{this.#e?.remove(),this.#i?.remove(),this.#n?.remove()})}willUpdate(e){if(super.willUpdate(e),!!this.#o&&g(this._lighting)&&e.has("utcOffset")){let i=this.utcOffset??0,{minutesSinceMidnight:t,localDate:s}=T(this._lighting.date,i);this._timesliderPosition.mutate(t),this._localDate.mutate(s)}}#o;async loaded(){let e=new AbortController;this.manager.onDisconnected(()=>({remove:()=>{e.abort()}})),await ie(Se(()=>this._view?.ready,{signal:e.signal}).then(()=>{let i=this._lighting,t=this._view?.camera?.position;if(this.#a.utcOffset==null&&g(i)&&i.displayUTCOffset==null&&t){let n=le(t);this.#h(n,i)}this.#m();let s=this._playingState;s!=="none"&&this.#e==null&&this._play(s)})),this.#o=!0}#v(e,i){let t=this._lighting;if(!(!this.#o||!g(t)||!t.cameraTrackingEnabled||e==null)){if(i==null&&t.displayUTCOffset==null){this.#h(e,t);return}t.displayUTCOffset!=null&&(t.displayUTCOffset=e),this.#h(e,t)}}#h(e,i){this._offset.mutate(e);let{minutesSinceMidnight:t,localDate:s}=T(i.date,e);this._timesliderPosition.mutate(t),this._localDate.mutate(s),this.requestUpdate()}_emitUserDateTimeChangeEvent(){this.isConnected&&this.arcgisUserDateTimeChange.emit()}_stopPlaying(){this._playingState="none"}#n;#w(e){if(this.#n)return;let i=setTimeout(()=>{let t=e.displayUTCOffset??0,s=e.date,{minutesSinceMidnight:n}=T(s,t);this._timesliderPosition.mutate(n),this.#n?.remove()},this.#p);this.#n=U(()=>{clearTimeout(i),this.#n=void 0;let t=this._lighting;if(g(t)){let s=t.displayUTCOffset??0,n=t.date,{minutesSinceMidnight:a}=T(n,s);this._timesliderPosition.mutate(a)}})}_play(e){this.#e?.remove();let i=this._view;if(i==null||this._sunlightingDisabled)return;let t=i.environment.lighting;if(!g(t))return;let s=0;this.#e=Ke({mode:e,lighting:t,beforeProgress:()=>{s=this.#b??0},onProgress:(n,a)=>{this._timesliderPosition.mutate(s),this.#w(a)},getPlaySpeed:()=>{let n=this._view,a=this._view?.environment.lighting;if(n!=null&&g(a)){let c=n.camera.position.latitude??0,o=n.camera.position.longitude??0,{sunrise:d,sunset:l}=Ze(a.date,c,o,a.displayUTCOffset??0);return Qe(d,l,a.date,Xe)*this.playSpeedMultiplier}else return L*this.playSpeedMultiplier}})}render(){let{messages:e,dateOrSeason:i}=this,t=this._sunlightingDisabled,s="m";if(this._view?.type!=="3d")return G({class:"root",label:e.componentLabel,title:e.title,hideHeader:this.hideHeader,headingLevel:this.headingLevel,children:m`<div class="unsupported"><p>${e.unsupported}</p></div>`});let n=(this.utcOffset??0)*60,a=this.view?.ready===!0,c=Array.isArray(this.timeSliderSteps)?this.timeSliderSteps.at(0):this.timeSliderSteps;return G({class:{root:!0,loading:!a},label:e.componentLabel,title:e.title,hideHeader:this.hideHeader,headingLevel:this.headingLevel,children:m`${a?void 0:m`<calcite-scrim loading></calcite-scrim>`}<div class="time-configuration" style=${B({columnGap:this.hidePlayButtons?"0":void 0})}><calcite-label class="slider-container" .scale=${s}>${e.timeSliderLabel}<arcgis-time-of-day-slider class="slider" .disabled=${this._sunlightingDisabled} mode=single .startTime=${this.timeSliderPosition??0} .steps=${c} style=${B({gridArea:"slider"})} @arcgisTimeChange=${({currentTarget:o})=>{this._stopPlaying(),this._emitUserDateTimeChangeEvent(),this.timeSliderPosition=o.startTime}} ${R(this.#g)}></arcgis-time-of-day-slider></calcite-label>${D({hidden:this.hidePlayButtons,children:pe({disabled:this._sunlightingDisabled,playing:this.dayPlaying,label:e.playDay,onClick:()=>{this._playingState==="day"?this._stopPlaying():this._playingState="day"},scale:s})})}${D({hidden:this.hideTimezone,children:m`<calcite-label .scale=${s} class="timezone-input-container">${e.timezone}<calcite-input-time-zone mode=offset overlay-positioning=fixed .scale=${s} .disabled=${this._sunlightingDisabled} .value=${`${n}`} .referenceDate=${this.localDateAsString} @calciteInputTimeZoneChange=${o=>{let d=+o.target.value;this.utcOffset=d/60,this._stopPlaying()}} ${R(this.#l)}></calcite-input-time-zone></calcite-label><span></span>`})}${D({hidden:this.hideDatePicker,children:i==="date"?this.#_({scale:s,disabled:t}):this.#f({scale:s,disabled:t})})}</div>${D({hidden:this.hideSunLightingToggle,children:ti({scale:s,messages:e.sunLightingToggle,sunlightingEnabled:!this._sunlightingDisabled,onSunLightingToggle:o=>{this._sunlightingDisabled=!o}})})}${D({hidden:this.hideShadowsToggle,children:ri({scale:s,messages:e.shadowsToggle,onShadowCheckboxChange:o=>{this._directShadowsDisabled=!o},shadowEnabled:!this._directShadowsDisabled})})}`})}};function pe({disabled:r,playing:e,onClick:i,label:t,scale:s="m"}){return m`<calcite-button appearance=solid .scale=${s} .disabled=${r} .iconStart=${e?"pause-f":"play-f"} .label=${t} @click=${i} round title=${t??O} type=button></calcite-button>`}function ei({disabled:r,date:e,onDateChange:i,scale:t}){return m`<calcite-input-date-picker data-testid=daylight-date-picker .disabled=${r} overlay-positioning=fixed placement=bottom .value=${e} .scale=${t} @calciteInputDatePickerChange=${i}></calcite-input-date-picker>`}function ii({messages:r,disabled:e,scale:i,selectedSeason:t,onSeasonChange:s}){return m`<calcite-select .disabled=${e} .label=${r.season} .scale=${i} .value=${t} @calciteSelectChange=${n=>{s(n)}}>${V.map(n=>m`<calcite-option .selected=${t===n} .value=${n}>${r[n]}</calcite-option>`)}</calcite-select>`}function ti({messages:r,sunlightingEnabled:e,onSunLightingToggle:i,scale:t}){return m`<calcite-label layout=inline .scale=${t} title=${r?.tooltip??O}><calcite-checkbox .scale=${t} .checked=${e} @calciteCheckboxChange=${s=>i(s.target.checked)}></calcite-checkbox>${r?.label}</calcite-label>`}function ri({messages:r,shadowEnabled:e,onShadowCheckboxChange:i,scale:t}){return m`<calcite-label layout=inline .scale=${t} title=${r?.tooltip??O}><calcite-checkbox .checked=${e} @calciteCheckboxChange=${s=>i(s.target.checked)}></calcite-checkbox>${r.label}</calcite-label>`}ee("arcgis-daylight",J);return J},"core/reactiveUtils","intl","views/3d/environment/SunLighting","views/3d/environment/VirtualLighting","applications/Components/reactiveUtils",a,b,c)
|
|
2
|
+
import{e as Y,f as S,g as T,h as ae,i as g}from"./ZRHYL7ZS.js";import{a as U}from"./GFQGSSBN.js";import{a as G}from"./77D3QVM3.js";import{a as D}from"./IGSZABNU.js";import c from"./5IXYFNDS.js";import"./PC4PAQXQ.js";import"./UYAGGGZ7.js";import{a as se}from"./NHBQXARI.js";import"./54VXNFQ4.js";import b from"./J26EKNWT.js";import"./R2NTRI4S.js";import"./FAECSPBC.js";import a from"./YDIKH6TZ.js";import"./GMFJ55C3.js";import{M as j,N as R,O as X,Q as B,R as O,U as ee,a as W,b as m,x as I}from"./FKJWY2PS.js";import"./3TTFCHAA.js";export default $arcgis.t(([{watch:ye,when:De,whenOnce:Se},me,ke,Te,{createTrackingTarget:$e,runTracked:oe,signal:Ce},,{a:ne},{f:ie,g:te,h:re}])=>{function Pe(r,e){return r/15}function ze(r,e){let i=r?.[0];if(i==null)return null;e||(e={hours:0,minutes:0,seconds:0}),e.hours=Pe(i);let t=e.hours%1;e.hours-=t,e.minutes=t*60;let s=e.minutes%1;return e.minutes-=s,e.seconds=Math.round(s*60),e}function le(r){let e=ze([r.longitude,r.latitude]);return e==null?0:Math.round(e.hours+e.minutes/60+e.seconds/3600)}function _e(r,e){return(r%e+e)%e}var Z=class{#e;#t;#r=$e(()=>{this.#i()});constructor(e){this.#t=e;let i;oe(this.#r,()=>{i=e()}),this.#e=Ce(i)}#i(){let e=this.#e.value;oe(this.#r,()=>{this.#e.value=this.#t(e)})}mutate(e){this.#e.value=e}get value(){return this.#e.value}};function F(r){return new Z(r)}var A=Math.PI,u=Math.sin,$=Math.cos,Oe=Math.asin,Ue=Math.acos,w=A/180,fe=1e3*60*60*24,be=2440588,ve=2451545;function Me(r){return r.valueOf()/fe-.5+be}function M(r){return new Date((r+.5-be)*fe)}function Ee(r){return Me(r)-ve}var ce=w*23.4397;function Le(r,e){return Oe(u(e)*$(ce)+$(e)*u(ce)*u(r))}function Ae(r){return w*(357.5291+.98560028*r)}function Ne(r){return w*(1.9148*u(r)+.02*u(2*r)+3e-4*u(3*r))}function He(r,e){var i=w*102.9372;return r+e+i+A}var k={};k.PolarException={NORMAL:0,MIDNIGHT_SUN:1,POLAR_NIGHT:2};var q=[[-.83,"sunrise","sunset"]],we=9e-4;function Ie(r,e){return Math.round(r-we-e/(2*A))}function de(r,e,i){return we+(r+e)/(2*A)+i}function he(r,e,i){return ve+r+.0053*u(e)-.0069*u(2*i)}function je(r,e,i){return Ue((u(r)-u(e)*u(i))/($(e)*$(i)))}k.getTimes=function(r,e,i){var t=w*-i,s=w*e,n=Ee(r),a=Ie(n,t),c=de(0,t,a),o=Ae(c),d=Ne(o),l=He(o,d),h=Le(l,0),p=he(c,o,l);function x(H){var z=je(H,s,h),xe=de(z,t,a);return he(xe,o,l)}function y(H){var z=(u(H)-u(s)*u(h))/($(s)*$(h));return z<-1?k.PolarException.MIDNIGHT_SUN:z>1?k.PolarException.POLAR_NIGHT:k.PolarException.NORMAL}var f={solarNoon:M(p),nadir:M(p-.5),polarException:k.PolarException.NORMAL},v,_,P,N,Q;for(v=0,_=q.length;v<_;v+=1)P=q[v],N=x(P[0]*w),Q=p-(N-p),f[P[1]]=M(Q),f[P[2]]=M(N);return f.polarException=y(q[0][0]*w),f};var Re={spring:{dayOfMonth:20,month:2},summer:{dayOfMonth:21,month:5},fall:{dayOfMonth:23,month:8},winter:{dayOfMonth:21,month:11}},V=["spring","summer","fall","winter"];function C(r,e,i){let t=K(e,i),{dayOfMonth:s,month:n}=Re[t],a=new Date(r.getTime());return a.setMonth(n,s),a}function Be(r,e){let i=Ge(r);return K(i,e)}function Ge(r){let e=r.getTime(),i=C(r,"spring","northern").getTime(),t=C(r,"summer","northern").getTime(),s=C(r,"fall","northern").getTime(),n=C(r,"winter","northern").getTime();return e>=i&&e<t?"spring":e>=t&&e<s?"summer":e>=s&&e<n?"fall":"winter"}function K(r,e){return e==="northern"?r:Ye(r)}function ge(r){return r>=0?"northern":"southern"}function Ye(r){let e=V.indexOf(r);return V[(e+2)%4]}var Fe=1440,qe=864e5;function Ze(r,e,i,t){let s=k.getTimes(r,e,i),n=s.sunrise,a=s.sunset,c=S(r,t),o=S(n,t),d=S(a,t);if(c.getUTCDate()!==o.getUTCDate()||c.getUTCDate()!==d.getUTCDate()){let l=c.getTime()-o.getTime()>0?1:-1;n.setUTCDate(n.getUTCDate()+l),a.setUTCDate(a.getUTCDate()+l)}return{sunrise:n,sunset:a}}var Ve=100,Je=1e3,b=12e5,E=72e5;function ue(r,e){return _e(r+e,24)}function Ke({mode:r,lighting:e,getPlaySpeed:i,onProgress:t,beforeProgress:s}){let n=-1;function a(c=Date.now()){let o=e.date,d=Date.now()-(c??0);if(r==="day"){c=Date.now();let l=i()/Ve*d;if(l>0){let h=new Date(o.getTime()+l),p=e.displayUTCOffset??0,x=ue(h.getUTCHours(),p),y=ue(o.getUTCHours(),p);x<y&&(h=new Date(o.getTime()+l-qe));let f=e.clone();s?.(),e.date=h,t?.(f,e)}}else if(d>Je){c=Date.now();let l=(o.getUTCMonth()+1)%12,h=new Date(o.getTime());h.setUTCMonth(l);let p=e.clone();s?.(),e.date=h,t?.(p,e)}n=requestAnimationFrame(()=>a(c))}return a(),U(()=>cancelAnimationFrame(n))}var L=b/4;function Qe(r,e,i,t){let{day:s,night:n=s,twilight:a=s}=t,c=s*L,o=n*L,d=a*L;if(r==null||e==null||Number.isNaN(r.getTime())&&Number.isNaN(e.getTime()))return c;let l=i.getTime(),h=r.getTime(),p=e.getTime(),x=h-E/2,y=h+E/2,f=p-E/3*2,v=p+E/3,_=c;return l>=x&&l<=y?l-x<=b?_=o-(l-x)/b*(o-d):y-l<=b/2?_=c-(y-l)/b*2*(c-d):_=d:l>=f&&l<=v?l-f<=b/2?_=c-(l-f)/b*2*(c-d):v-l<=b?_=o-(v-l)/b*(o-d):_=d:(l<h||l>p)&&(_=o),_}var We=W`.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}.esri-widget{box-sizing:border-box;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget *,.esri-widget :before,.esri-widget :after{box-sizing:inherit}.esri-widget.esri-widget--disabled>*{opacity:.4;pointer-events:none}.esri-widget.esri-widget--compact{--esri-widget-padding-y: 0;--esri-widget-padding-x: 0}.esri-widget__anchor{color:var(--calcite-color-text-2)}.esri-widget__anchor:hover{color:var(--calcite-color-text-3)}.esri-widget__anchor:hover,.esri-widget__anchor:focus{text-decoration:underline}.esri-widget__anchor--disabled{opacity:.4;pointer-events:none}.esri-widget__header{background-color:var(--calcite-color-foreground-1);flex:1 0 100%;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 0 12px 15px;display:flex}.esri-widget__heading{word-break:break-word}.esri-widget__header .esri-widget__heading{width:calc(100% - 48px);text-align:initial;color:var(--calcite-color-text-1);align-items:center;margin:0;padding:0;display:flex}.esri-widget__header-button{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;flex:0 0 48px;justify-content:center;align-self:stretch;align-items:center;width:48px;padding:0;display:flex}.esri-widget__footer{background-color:var(--calcite-color-foreground-1);justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.esri-widget__footer-pagination{color:var(--calcite-color-text-2);justify-content:space-between;align-items:center;display:flex}.esri-widget__footer-pagination-previous-button,.esri-widget__footer-pagination-next-button{cursor:pointer;background-color:var(--calcite-color-foreground-1);border:0;margin:0 7px;padding:12px 15px;transition:background-color .125s ease-in-out}.esri-widget__footer-pagination-previous-button:hover,.esri-widget__footer-pagination-previous-button:focus,.esri-widget__footer-pagination-next-button:hover,.esri-widget__footer-pagination-next-button:focus{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.esri-menu{visibility:hidden;z-index:1;background-clip:padding;background-color:var(--calcite-color-foreground-1);background-clip:padding-box;width:100%;max-height:0;margin:2px 0 0;padding:0;font-size:var(--calcite-font-size);line-height:var(--calcite-spacing-xl);position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 1px 2px #0000004d}.esri-menu .esri-menu__header{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse);padding:6px 12px}.esri-menu__list{margin:0;padding:0;list-style:none}.esri-menu__list-item{cursor:pointer;border-top:1px solid #adadad4d;border-left:3px solid #0000;padding:.8em 1em}.esri-menu__list-item [class^=esri-icon-],.esri-menu__list-item [class*=" esri-icon-"]{padding-right:2.8px}.esri-menu__list-item:first-child{border-top:none}.esri-menu__list-item--focus,.esri-menu__list-item:hover,.esri-menu__list-item:focus{background-color:var(--calcite-color-foreground-1)}.esri-menu__list-item:active{background-color:var(--calcite-color-foreground-current)}.esri-menu__list-item--active,.esri-menu__list-item--active:hover,.esri-menu__list-item--active:focus{background-color:var(--calcite-color-foreground-1);border-left-color:var(--calcite-color-brand)}.esri-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget__table tr:nth-child(odd){background-color:var(--calcite-color-transparent)}.esri-widget__table tr:nth-child(2n){background-color:var(--calcite-color-transparent-press)}.esri-widget__table tr a{color:var(--calcite-color-text-2)}.esri-widget__table tr a:hover,.esri-widget__table tr a:focus{color:var(--calcite-color-text-1)}.esri-widget__table tr td,.esri-widget__table tr th{vertical-align:top;word-break:break-word;padding:.5em .7em;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.esri-widget__table tr th{text-align:left;border-right:3px solid #0000000d;width:50%}.esri-widget__table tr td{width:50%}.esri-input{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1);border:1px solid #959595;font-size:var(--calcite-font-size)}.esri-input::-ms-clear{display:none}.esri-input::placeholder{opacity:1;color:var(--calcite-color-text-2)}.esri-input:placeholder-shown{text-overflow:ellipsis}.esri-input[type=text],.esri-input[type=password],.esri-input[type=number]{height:32px;padding:0 .5em}calcite-combobox.esri-input{border:none}.esri-widget__content--empty{text-align:center;color:var(--calcite-color-border-input);flex-flow:column wrap;align-items:center;padding:18px 22px;display:flex}.esri-widget__content--empty h1.esri-widget__heading,.esri-widget__content--empty h2.esri-widget__heading,.esri-widget__content--empty h3.esri-widget__heading,.esri-widget__content--empty h4.esri-widget__heading,.esri-widget__content--empty h5.esri-widget__heading{font-weight:var(--calcite-font-weight-regular)}.esri-widget__content-illustration--empty{width:128px;padding:1rem 0}.esri-widget__content-icon--empty{width:32px;padding:.5rem 0}.esri-select{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 32 32' width='32' height='32'%3E%3Cpath d='M8 11.207l-4-4V5.793l4 4 4-4v1.414z' fill='%23adadad' fillrule='nonzero'/%3E%3C/svg%3E") 100% no-repeat;border:1px solid #959595;border-radius:0;width:100%;height:32px;margin:0;padding:0 .5em;font-family:inherit;font-size:.85em;display:block}.esri-select[disabled]{cursor:auto}.esri-select::-ms-expand{display:none}.esri-disabled a,.esri-disabled [role=menu],.esri-disabled [role=checkbox],.esri-disabled [class^=esri-icon-],.esri-disabled [class*=" esri-icon-"]{color:var(--calcite-color-text-3)}.keynav-mode .esri-widget:focus,.keynav-mode .esri-widget :focus{z-index:1;outline-offset:2px;outline:2px solid #adadad}.esri-widget__loader-animation{border:.15em solid #adadad4d;border-top-color:var(--calcite-color-border-input);border-radius:100%;width:1em;height:1em;font-size:var(--calcite-font-size-md);animation:1.25s linear infinite esri-rotate;display:block;transform:translateZ(0)}:dir(rtl) .esri-widget__table th{text-align:right;border-left:3px solid #0000000d;border-right:none}:dir(rtl) .esri-select{background-position:0}:dir(rtl) .esri-menu__list-item{border-left:none;border-right:3px solid #0000}:dir(rtl) .esri-menu__list-item [class^=esri-icon-],:dir(rtl) .esri-menu__list-item [class*=" esri-icon-"]{padding-left:2px;padding-right:0}:dir(rtl) .esri-menu__list-item--active{border-right-color:var(--calcite-color-brand)}.esri-icon-font-fallback-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.esri-rotating{animation:1.25s linear infinite esri-rotate;transform:translateZ(0)}.esri-clearfix:before,.esri-clearfix:after{content:" ";display:table}.esri-clearfix:after{clear:both}.esri-interactive{cursor:pointer}.esri-hidden{display:none!important}.esri-invisible{visibility:hidden!important}.esri-offscreen{position:absolute;top:-999em;left:-999em}.esri-match-height{flex-direction:column;flex:auto;display:flex;overflow:hidden}@supports (-ms-ime-align: auto){.esri-slider__anchor:focus{outline:1px dotted var(--calcite-color-foreground-current)}}.esri-slider{-webkit-user-select:none;user-select:none;direction:ltr;width:100%;height:100%;display:flex}.esri-disabled{pointer-events:none}.esri-disabled .esri-slider__content,.esri-disabled .esri-slider__min,.esri-disabled .esri-slider__max{opacity:var(--calcite-opacity-light)}.esri-slider--reversed.esri-slider--horizontal{flex-direction:row-reverse}.esri-slider--reversed.esri-slider--vertical{flex-direction:column}.esri-slider--horizontal{flex-direction:row}.esri-slider--horizontal .esri-slider__content{height:auto}.esri-slider--horizontal .esri-slider__track{width:100%;height:2px}.esri-slider--horizontal .esri-slider__segment--interactive:hover{cursor:ew-resize}.esri-slider--horizontal .esri-slider__anchor{width:1px;height:100%}.esri-slider--horizontal .esri-slider__label{text-align:center;margin:0 11px;top:-30px;left:-50px}.esri-slider--horizontal .esri-slider__label-input{text-align:center}.esri-slider--horizontal .esri-slider__max,.esri-slider--horizontal .esri-slider__min{flex:none;width:50px;height:auto;margin:auto}.esri-slider--horizontal .esri-slider__ticks{width:100%;margin:9px 0 0;top:100%;left:0}.esri-slider--horizontal .esri-slider__tick{width:1px;height:5px}.esri-slider--horizontal .esri-slider__tick-label{margin-top:18px}.esri-slider--vertical{flex-direction:column-reverse}.esri-slider--vertical .esri-slider__content{flex-direction:column;width:auto}.esri-slider--vertical .esri-slider__track{flex-direction:column;flex:1 0 0;width:2px;height:100%}.esri-slider--vertical .esri-slider__segment--interactive:hover{cursor:ns-resize}.esri-slider--vertical .esri-slider__anchor{width:100%;height:1px}.esri-slider--vertical .esri-slider__label{text-align:left;top:-10px;left:20px}.esri-slider--vertical .esri-slider__max,.esri-slider--vertical .esri-slider__min{flex:0 0 22px;width:100%;margin:auto}.esri-slider--vertical .esri-slider__ticks{margin:0 0 0 11px;top:0;left:100%}.esri-slider--vertical .esri-slider__tick{width:5px;height:1px}.esri-slider--vertical .esri-slider__tick-label{margin-left:30px}.esri-slider__content{z-index:0;flex:1 0 auto;justify-content:center;align-items:center;margin:auto;line-height:0;display:flex;position:relative}.esri-slider__track{touch-action:none;background-color:var(--calcite-color-border-ghost);display:inline-block;position:relative}.esri-slider__segment{transform-origin:0 0;will-change:transform;touch-action:none;width:100%;height:100%;position:absolute;top:0;left:0}.esri-slider__segment:hover{cursor:pointer}.esri-slider__anchor{touch-action:none;-webkit-user-select:none;user-select:none;background-color:var(--calcite-color-brand);position:absolute}.esri-slider__anchor:focus .esri-slider__thumb,.esri-slider__anchor:focus .esri-slider__label{outline:inherit}.esri-slider__anchor--moving:focus .esri-slider__thumb{cursor:grabbing;border:3px solid var(--calcite-color-brand-press)}.esri-slider__anchor--moving .esri-slider__label:hover,.esri-slider__anchor--moving .esri-slider__label--interactive:hover{cursor:grabbing}.esri-slider__thumb{box-sizing:border-box;z-index:1;touch-action:none;background-color:var(--calcite-color-foreground-2);border:2px solid var(--calcite-color-brand);border-radius:16px;width:16px;height:16px;transition:all .125s ease-in-out;position:absolute;top:-7px;left:-7px}.esri-slider__thumb:hover{cursor:grab;border-width:3px;border-color:var(--calcite-color-brand-press);width:19.2px;height:19.2px;top:-8.6px;left:-8.6px}.esri-slider__label{min-width:80px;line-height:var(--calcite-font-line-height-fixed-xl);position:absolute}.esri-slider__label:hover{cursor:grab}.esri-slider__label--interactive:hover,.esri-slider__max--interactive:hover,.esri-slider__min--interactive:hover{cursor:pointer;text-decoration:underline}.esri-slider__label-input{z-index:1;width:100%;position:relative}.esri-slider__extra-content{display:inline-block}.esri-slider__max,.esri-slider__min{text-align:center;justify-content:center;align-items:center;height:22px;line-height:var(--calcite-font-line-height-fixed-xl);display:flex}.esri-slider__max--interactive:hover,.esri-slider__min--interactive:hover{background-color:var(--calcite-color-foreground-2)}.esri-slider__range-input{text-align:center;width:100%;padding:1px 0}.esri-slider__ticks{z-index:0;height:100%;display:inline-block;position:absolute}.esri-slider__tick{background:var(--calcite-color-foreground-1);position:absolute}.esri-slider__tick-label{width:max-content;position:absolute}:dir(rtl) .esri-slider__label,:dir(rtl) .esri-slider__max,:dir(rtl) .esri-slider__min,:dir(rtl) .esri-slider__tick-label{direction:rtl;unicode-bidi:plaintext}:dir(rtl) .esri-slider__range-input,:dir(rtl) .esri-slider__label-input{unicode-bidi:plaintext}:host{width:350px}.root{display:flex;flex-direction:column;overflow:visible;gap:var(--calcite-spacing-md);justify-content:space-between;padding:var(--arcgis-internal-padding);position:relative;calcite-label{--calcite-label-margin-bottom: 0}&.loading>*:not(calcite-scrim){opacity:0}}.unsupported{padding:0 var(--calcite-spacing-lg);animation:esri-fade-in .25s ease-in-out}.slider{margin-block-start:0rem}.time-configuration{--date-play-button-offset: 11px;--slider-play-button-offset: var(--calcite-spacing-md);display:grid;gap:var(--calcite-spacing-md);grid-template-columns:1fr min-content;.slider-container{grid-column:1;+calcite-button{grid-column:2;transform:translateY(var(--slider-play-button-offset))}}.timezone-input-container{grid-column:1;min-width:0;+span{grid-column:2}}.date-picker-container{grid-column:1;+calcite-button{grid-column:2;transform:translateY(var(--date-play-button-offset))}}calcite-button{place-self:center}}`,Xe={day:1,night:6,twilight:2/3},J=class extends X{constructor(){super(...arguments),this.messages=se({blocking:!0}),this.#t="none",this.#r=null,this.#l=j(),this.#g=j(),this.#u=200,this.#p=200,this.#c=!1,this.#a={},this._offset=F(e=>g(this._lighting)?this._lighting.displayUTCOffset??e:e),this._timesliderPosition=F(e=>{if(g(this._lighting)){let i=this._lighting.displayUTCOffset??this.utcOffset??0,t=this._lighting.date;if(Y(t)){let{minutesSinceMidnight:s}=T(t,i);return s}else return e}return e}),this._localDate=F(e=>ae(this._view,this.utcOffset)??e),this.view=ne(this),this.autoDestroyDisabled=!1,this.dateOrSeason="date",this.headingLevel=2,this.hideDatePicker=!1,this.hideHeader=!1,this.hidePlayButtons=!1,this.hideShadowsToggle=!1,this.hideSunLightingToggle=!1,this.hideTimezone=!1,this.icon="brightness",this.playSpeedMultiplier=1,this.timeSliderSteps=5,this.arcgisReady=I(),this.arcgisUserDateTimeChange=I(),this.#o=!1}static{this.properties={localDateAsString:32,view:0,_playingState:16,_sunlightingDisabled:16,autoDestroyDisabled:5,currentSeason:1,dateOrSeason:3,dayPlaying:5,_directShadowsDisabled:16,headingLevel:9,hideDatePicker:5,hideHeader:5,hidePlayButtons:5,hideShadowsToggle:5,hideSunLightingToggle:5,hideTimezone:5,icon:3,label:1,playSpeedMultiplier:9,referenceElement:1,timeSliderSteps:9,utcOffset:9,timeSliderPosition:9,localDate:1,yearPlaying:5}}static{this.styles=We}get _view(){return this.view?.type==="3d"?this.view:void 0}#e;#t;#r;#i;#l;#g;#u;#p;#c;#s(e,i){return this.#o||this.#c?!1:(this.#a[e]=i,!0)}#m(){let{utcOffset:e,timeSliderPosition:i,localDate:t,directShadowsDisabled:s,sunlightingDisabled:n}=this.#a;if(this.#c=!0,e!=null)if(i==null&&t==null){let a=this._lighting;g(a)?(a.displayUTCOffset=e,this.#h(e,a)):this._offset.mutate(e)}else this.utcOffset=e;i!=null&&(this.timeSliderPosition=i),t&&(this.localDate=t),s!=null&&(this._directShadowsDisabled=s),n!=null&&(this._sunlightingDisabled=n),this.#a={},this.#c=!1}#d(){if(this.#i)return;let e=te(()=>{if(this.#i?.remove(),g(this._lighting)){let i=this.utcOffset??0,t=this.timeSliderPosition??0,s=this.localDate,n=t-i*60,a=S(s,n,"minutes");this._lighting.date=a,this._lighting.displayUTCOffset=i}},{timeout:this.#u});this.#i=U(()=>{re(e),this.#i=void 0})}#_({scale:e,disabled:i}){let{messages:t}=this;return m`<calcite-label .scale=${e} class="date-picker-container">${t.date}${ei({disabled:i,scale:e,date:this.localDateAsString,onDateChange:s=>{let n=s.currentTarget.value,a=Array.isArray(n)?n[0]:n;this._stopPlaying(),this.localDate=a,this._emitUserDateTimeChangeEvent()}})}</calcite-label>${D({hidden:this.hidePlayButtons,children:pe({playing:this.yearPlaying,disabled:i,label:t.playYear,onClick:()=>{this._playingState==="year"?this._playingState="none":this._playingState="year"},scale:e})})}`}#f({scale:e,disabled:i}){let{messages:t}=this;return m`<calcite-label .scale=${e} class="date-picker-container">${t.season}${ii({scale:e,selectedSeason:this.currentSeason,disabled:i,messages:t,onSeasonChange:s=>{this._stopPlaying(),this.currentSeason=s.currentTarget.value}})}</calcite-label>`}#a;get#b(){return this.#g?.value?.startTime}get localDateAsString(){return this._localDate.value??void 0}get _playingState(){return this.#t}set _playingState(e){this.#t=e,this.#n?.remove(),e==="none"?this.#e?.remove():(this._play(e),this._emitUserDateTimeChangeEvent())}get _lighting(){return this._view?.environment?.lighting}get _sunlightingDisabled(){return!g(this._lighting)}set _sunlightingDisabled(e){this.#s("sunlightingDisabled",e);let i=this._view?.environment;if(i==null)return;let t=i.lighting,s=this.#r;this.#r=t;let n={directShadowsEnabled:t.directShadowsEnabled,glow:t.glow};g(t)&&(n.cameraTrackingEnabled=t.cameraTrackingEnabled);let a=e?"virtual":"sun",c;s?.type===a?c=s:c=e?new Te:new ke({date:S(S(this.localDate,this.timeSliderPosition??0,"minutes"),this.utcOffset??0),displayUTCOffset:this.utcOffset}),c.set(n),i.lighting=c,e||(this._stopPlaying(),this.#l.value&&(this.#l.value.open=!1))}get currentSeason(){let e=this._view?.camera?.position?.latitude??0,i=ge(e);return Be(this.localDate,i)}set currentSeason(e){this._stopPlaying();let i=this._view?.camera?.position?.latitude??0,t=ge(i),s=K(e,t);this.localDate=C(this.localDate,s,"northern"),this._emitUserDateTimeChangeEvent()}get dayPlaying(){return this._playingState==="day"}set dayPlaying(e){this._playingState=e?"day":"none"}get _directShadowsDisabled(){return!this._lighting?.directShadowsEnabled}set _directShadowsDisabled(e){this.#s("directShadowsDisabled",e),this._lighting&&(this._lighting.directShadowsEnabled=!e)}get utcOffset(){return this._offset.value}set utcOffset(e){this._offset.mutate(e),!this.#s("utcOffset",e)&&this.#d()}get timeSliderPosition(){return this._timesliderPosition.value}set timeSliderPosition(e){this._timesliderPosition.mutate(_e(e??0,Fe)),!this.#s("timeSliderPosition",e)&&this.#d()}get localDate(){return this._localDate.value!=null?new Date(this._localDate.value):new Date}set localDate(e){if(typeof e=="string"&&/^\d{4}-\d{2}-\d{2}$/u.test(e)){if(this._localDate.mutate(e),this.#s("localDate",e))return;this.#d();return}let i=new Date(e);if(Y(i)){i.setUTCFullYear(i.getFullYear(),i.getMonth(),i.getDate());let t=i.toISOString().slice(0,10);if(this._localDate.mutate(t),this.#s("localDate",t))return;this.#d()}}get yearPlaying(){return this._playingState==="year"}set yearPlaying(e){this._playingState=e?"year":"none"}async destroy(){await this.manager.destroy()}async load(){this.manager.onLifecycle(()=>[ye(()=>{let e=this._view?.camera?.position;return e?le(e):void 0},(e,i)=>{this.#v(e,i)},{sync:!0,initial:!0}),De(()=>!g(this._lighting),()=>{this._stopPlaying()}),me.onLocaleChange(()=>{this.requestUpdate()})]),this.manager.onDisconnected(()=>{this.#e?.remove(),this.#i?.remove(),this.#n?.remove()})}willUpdate(e){if(super.willUpdate(e),!!this.#o&&g(this._lighting)&&e.has("utcOffset")&&!e.has("localDate")&&!e.has("timeSliderPosition")){let i=this.utcOffset??0,{minutesSinceMidnight:t,localDate:s}=T(this._lighting.date,i);this._timesliderPosition.mutate(t),this._localDate.mutate(s)}}#o;async loaded(){let e=new AbortController;this.manager.onDisconnected(()=>({remove:()=>{e.abort()}})),await ie(Se(()=>this._view?.ready,{signal:e.signal}).then(()=>{let i=this._lighting,t=this._view?.camera?.position;if(this.#a.utcOffset==null&&g(i)&&i.displayUTCOffset==null&&t){let n=le(t);this.#h(n,i)}this.#m();let s=this._playingState;s!=="none"&&this.#e==null&&this._play(s)})),this.#o=!0}#v(e,i){let t=this._lighting;if(!(!this.#o||!g(t)||!t.cameraTrackingEnabled||e==null)){if(i==null&&t.displayUTCOffset==null){this.#h(e,t);return}t.displayUTCOffset!=null&&(t.displayUTCOffset=e),this.#h(e,t)}}#h(e,i){this._offset.mutate(e);let{minutesSinceMidnight:t,localDate:s}=T(i.date,e);this._timesliderPosition.mutate(t),this._localDate.mutate(s),this.requestUpdate()}_emitUserDateTimeChangeEvent(){this.isConnected&&this.arcgisUserDateTimeChange.emit()}_stopPlaying(){this._playingState="none"}#n;#w(e){if(this.#n)return;let i=setTimeout(()=>{let t=e.displayUTCOffset??0,s=e.date,{minutesSinceMidnight:n}=T(s,t);this._timesliderPosition.mutate(n),this.#n?.remove()},this.#p);this.#n=U(()=>{clearTimeout(i),this.#n=void 0;let t=this._lighting;if(g(t)){let s=t.displayUTCOffset??0,n=t.date,{minutesSinceMidnight:a}=T(n,s);this._timesliderPosition.mutate(a)}})}_play(e){this.#e?.remove();let i=this._view;if(i==null||this._sunlightingDisabled)return;let t=i.environment.lighting;if(!g(t))return;let s=0;this.#e=Ke({mode:e,lighting:t,beforeProgress:()=>{s=this.#b??0},onProgress:(n,a)=>{this._timesliderPosition.mutate(s),this.#w(a)},getPlaySpeed:()=>{let n=this._view,a=this._view?.environment.lighting;if(n!=null&&g(a)){let c=n.camera.position.latitude??0,o=n.camera.position.longitude??0,{sunrise:d,sunset:l}=Ze(a.date,c,o,a.displayUTCOffset??0);return Qe(d,l,a.date,Xe)*this.playSpeedMultiplier}else return L*this.playSpeedMultiplier}})}render(){let{messages:e,dateOrSeason:i}=this,t=this._sunlightingDisabled,s="m";if(this._view?.type!=="3d")return G({class:"root",label:e.componentLabel,title:e.title,hideHeader:this.hideHeader,headingLevel:this.headingLevel,children:m`<div class="unsupported"><p>${e.unsupported}</p></div>`});let n=(this.utcOffset??0)*60,a=this.view?.ready===!0,c=Array.isArray(this.timeSliderSteps)?this.timeSliderSteps.at(0):this.timeSliderSteps;return G({class:{root:!0,loading:!a},label:e.componentLabel,title:e.title,hideHeader:this.hideHeader,headingLevel:this.headingLevel,children:m`${a?void 0:m`<calcite-scrim loading></calcite-scrim>`}<div class="time-configuration" style=${B({columnGap:this.hidePlayButtons?"0":void 0})}><calcite-label class="slider-container" .scale=${s}>${e.timeSliderLabel}<arcgis-time-of-day-slider class="slider" .disabled=${this._sunlightingDisabled} mode=single .startTime=${this.timeSliderPosition??0} .steps=${c} style=${B({gridArea:"slider"})} @arcgisTimeChange=${({currentTarget:o})=>{this._stopPlaying(),this._emitUserDateTimeChangeEvent(),this.timeSliderPosition=o.startTime}} ${R(this.#g)}></arcgis-time-of-day-slider></calcite-label>${D({hidden:this.hidePlayButtons,children:pe({disabled:this._sunlightingDisabled,playing:this.dayPlaying,label:e.playDay,onClick:()=>{this._playingState==="day"?this._stopPlaying():this._playingState="day"},scale:s})})}${D({hidden:this.hideTimezone,children:m`<calcite-label .scale=${s} class="timezone-input-container">${e.timezone}<calcite-input-time-zone mode=offset overlay-positioning=fixed .scale=${s} .disabled=${this._sunlightingDisabled} .value=${`${n}`} .referenceDate=${this.localDateAsString} @calciteInputTimeZoneChange=${o=>{let d=+o.target.value;this.utcOffset=d/60,this._stopPlaying()}} ${R(this.#l)}></calcite-input-time-zone></calcite-label><span></span>`})}${D({hidden:this.hideDatePicker,children:i==="date"?this.#_({scale:s,disabled:t}):this.#f({scale:s,disabled:t})})}</div>${D({hidden:this.hideSunLightingToggle,children:ti({scale:s,messages:e.sunLightingToggle,sunlightingEnabled:!this._sunlightingDisabled,onSunLightingToggle:o=>{this._sunlightingDisabled=!o}})})}${D({hidden:this.hideShadowsToggle,children:ri({scale:s,messages:e.shadowsToggle,onShadowCheckboxChange:o=>{this._directShadowsDisabled=!o},shadowEnabled:!this._directShadowsDisabled})})}`})}};function pe({disabled:r,playing:e,onClick:i,label:t,scale:s="m"}){return m`<calcite-button appearance=solid .scale=${s} .disabled=${r} .iconStart=${e?"pause-f":"play-f"} .label=${t} @click=${i} round title=${t??O} type=button></calcite-button>`}function ei({disabled:r,date:e,onDateChange:i,scale:t}){return m`<calcite-input-date-picker data-testid=daylight-date-picker .disabled=${r} overlay-positioning=fixed placement=bottom .value=${e} .scale=${t} @calciteInputDatePickerChange=${i}></calcite-input-date-picker>`}function ii({messages:r,disabled:e,scale:i,selectedSeason:t,onSeasonChange:s}){return m`<calcite-select .disabled=${e} .label=${r.season} .scale=${i} .value=${t} @calciteSelectChange=${n=>{s(n)}}>${V.map(n=>m`<calcite-option .selected=${t===n} .value=${n}>${r[n]}</calcite-option>`)}</calcite-select>`}function ti({messages:r,sunlightingEnabled:e,onSunLightingToggle:i,scale:t}){return m`<calcite-label layout=inline .scale=${t} title=${r?.tooltip??O}><calcite-checkbox .scale=${t} .checked=${e} @calciteCheckboxChange=${s=>i(s.target.checked)}></calcite-checkbox>${r?.label}</calcite-label>`}function ri({messages:r,shadowEnabled:e,onShadowCheckboxChange:i,scale:t}){return m`<calcite-label layout=inline .scale=${t} title=${r?.tooltip??O}><calcite-checkbox .checked=${e} @calciteCheckboxChange=${s=>i(s.target.checked)}></calcite-checkbox>${r.label}</calcite-label>`}ee("arcgis-daylight",J);return J},"core/reactiveUtils","intl","views/3d/environment/SunLighting","views/3d/environment/VirtualLighting","applications/Components/reactiveUtils",a,b,c)
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
+
import{a as V}from"./UVXAJH7N.js";import{a as N}from"./VXR6MKJI.js";import{a as R}from"./GI5SSBWA.js";import{a as L}from"./UYAGGGZ7.js";import{a as z}from"./NHBQXARI.js";import"./54VXNFQ4.js";import c from"./J26EKNWT.js";import{h as A}from"./R2NTRI4S.js";import"./FAECSPBC.js";import a from"./YDIKH6TZ.js";import{d as F}from"./GMFJ55C3.js";import{B as I,N as b,O as C,P as D,R as w,U,a as T,b as o,x as v}from"./FKJWY2PS.js";import"./3TTFCHAA.js";export default $arcgis.t(([Z,E,x,j,H,,M,{property:p,subclass:G},{isHTTPSProtocol:f,isDataProtocol:y},{formatDate:P,convertDateFormatToIntlOptions:q},{watch:B},,{a:O}])=>{var J=Object.defineProperty,K=Object.getOwnPropertyDescriptor,k=(s,e,t,i)=>{for(var r=i>1?void 0:i?K(e,t):e,a=s.length-1,n;a>=0;a--)(n=s[a])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&J(e,t,r),r},h=class extends M{constructor(s){super(s)}get editedBookmark(){let{bookmark:s}=this;return s?this._get("editedBookmark")||s.clone():null}get customUrl(){if(this._customUrl)return this._customUrl;let s=this.editedBookmark?.thumbnail?.url??"";return s??(f(s)?s:null)}set customUrl(s){this._customUrl=s}get screenshotUrl(){if(this._screenshotUrl)return this._screenshotUrl;let s=this.editedBookmark?.thumbnail?.url??"";return s??(y(s)?s:null)}set screenshotUrl(s){this._screenshotUrl=s}get state(){return this._get("state")}set state(s){this.validationState=void 0,this.creatingBookmark=void 0,this._set("state",s)}get thumbnailState(){if(this._thumbnailState)return this._thumbnailState;let s=this.editedBookmark?.thumbnail?.url;return s?f(s)?"url":"screenshot":"none"}set thumbnailState(s){this._thumbnailState=s}};k([p()],h.prototype,"bookmark",2);k([p({readOnly:!0})],h.prototype,"editedBookmark",1);k([p()],h.prototype,"_customUrl",2);k([p()],h.prototype,"customUrl",1);k([p()],h.prototype,"_screenshotUrl",2);k([p()],h.prototype,"screenshotUrl",1);k([p()],h.prototype,"state",1);k([p()],h.prototype,"_thumbnailState",2);k([p()],h.prototype,"thumbnailState",1);k([p()],h.prototype,"validationState",2);k([p()],h.prototype,"creatingBookmark",2);h=k([G("UserState")],h);var Q=T`.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}.esri-widget{box-sizing:border-box;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget *,.esri-widget :before,.esri-widget :after{box-sizing:inherit}.esri-widget.esri-widget--disabled>*{opacity:.4;pointer-events:none}.esri-widget.esri-widget--compact{--esri-widget-padding-y: 0;--esri-widget-padding-x: 0}.esri-widget__anchor{color:var(--calcite-color-text-2)}.esri-widget__anchor:hover{color:var(--calcite-color-text-3)}.esri-widget__anchor:hover,.esri-widget__anchor:focus{text-decoration:underline}.esri-widget__anchor--disabled{opacity:.4;pointer-events:none}.esri-widget__header{background-color:var(--calcite-color-foreground-1);flex:1 0 100%;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 0 12px 15px;display:flex}.esri-widget__heading{word-break:break-word}.esri-widget__header .esri-widget__heading{width:calc(100% - 48px);text-align:initial;color:var(--calcite-color-text-1);align-items:center;margin:0;padding:0;display:flex}.esri-widget__header-button{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;flex:0 0 48px;justify-content:center;align-self:stretch;align-items:center;width:48px;padding:0;display:flex}.esri-widget__footer{background-color:var(--calcite-color-foreground-1);justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.esri-widget__footer-pagination{color:var(--calcite-color-text-2);justify-content:space-between;align-items:center;display:flex}.esri-widget__footer-pagination-previous-button,.esri-widget__footer-pagination-next-button{cursor:pointer;background-color:var(--calcite-color-foreground-1);border:0;margin:0 7px;padding:12px 15px;transition:background-color .125s ease-in-out}.esri-widget__footer-pagination-previous-button:hover,.esri-widget__footer-pagination-previous-button:focus,.esri-widget__footer-pagination-next-button:hover,.esri-widget__footer-pagination-next-button:focus{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.esri-menu{visibility:hidden;z-index:1;background-clip:padding;background-color:var(--calcite-color-foreground-1);background-clip:padding-box;width:100%;max-height:0;margin:2px 0 0;padding:0;font-size:var(--calcite-font-size);line-height:var(--calcite-spacing-xl);position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 1px 2px #0000004d}.esri-menu .esri-menu__header{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse);padding:6px 12px}.esri-menu__list{margin:0;padding:0;list-style:none}.esri-menu__list-item{cursor:pointer;border-top:1px solid #adadad4d;border-left:3px solid #0000;padding:.8em 1em}.esri-menu__list-item [class^=esri-icon-],.esri-menu__list-item [class*=" esri-icon-"]{padding-right:2.8px}.esri-menu__list-item:first-child{border-top:none}.esri-menu__list-item--focus,.esri-menu__list-item:hover,.esri-menu__list-item:focus{background-color:var(--calcite-color-foreground-1)}.esri-menu__list-item:active{background-color:var(--calcite-color-foreground-current)}.esri-menu__list-item--active,.esri-menu__list-item--active:hover,.esri-menu__list-item--active:focus{background-color:var(--calcite-color-foreground-1);border-left-color:var(--calcite-color-brand)}.esri-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget__table tr:nth-child(odd){background-color:var(--calcite-color-transparent)}.esri-widget__table tr:nth-child(2n){background-color:var(--calcite-color-transparent-press)}.esri-widget__table tr a{color:var(--calcite-color-text-2)}.esri-widget__table tr a:hover,.esri-widget__table tr a:focus{color:var(--calcite-color-text-1)}.esri-widget__table tr td,.esri-widget__table tr th{vertical-align:top;word-break:break-word;padding:.5em .7em;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.esri-widget__table tr th{text-align:left;border-right:3px solid #0000000d;width:50%}.esri-widget__table tr td{width:50%}.esri-input{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1);border:1px solid #959595;font-size:var(--calcite-font-size)}.esri-input::-ms-clear{display:none}.esri-input::placeholder{opacity:1;color:var(--calcite-color-text-2)}.esri-input:placeholder-shown{text-overflow:ellipsis}.esri-input[type=text],.esri-input[type=password],.esri-input[type=number]{height:32px;padding:0 .5em}calcite-combobox.esri-input{border:none}.esri-widget__content--empty{text-align:center;color:var(--calcite-color-border-input);flex-flow:column wrap;align-items:center;padding:18px 22px;display:flex}.esri-widget__content--empty h1.esri-widget__heading,.esri-widget__content--empty h2.esri-widget__heading,.esri-widget__content--empty h3.esri-widget__heading,.esri-widget__content--empty h4.esri-widget__heading,.esri-widget__content--empty h5.esri-widget__heading{font-weight:var(--calcite-font-weight-regular)}.esri-widget__content-illustration--empty{width:128px;padding:1rem 0}.esri-widget__content-icon--empty{width:32px;padding:.5rem 0}.esri-select{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 32 32' width='32' height='32'%3E%3Cpath d='M8 11.207l-4-4V5.793l4 4 4-4v1.414z' fill='%23adadad' fillrule='nonzero'/%3E%3C/svg%3E") 100% no-repeat;border:1px solid #959595;border-radius:0;width:100%;height:32px;margin:0;padding:0 .5em;font-family:inherit;font-size:.85em;display:block}.esri-select[disabled]{cursor:auto}.esri-select::-ms-expand{display:none}.esri-disabled a,.esri-disabled [role=menu],.esri-disabled [role=checkbox],.esri-disabled [class^=esri-icon-],.esri-disabled [class*=" esri-icon-"]{color:var(--calcite-color-text-3)}.keynav-mode .esri-widget:focus,.keynav-mode .esri-widget :focus{z-index:1;outline-offset:2px;outline:2px solid #adadad}.esri-widget__loader-animation{border:.15em solid #adadad4d;border-top-color:var(--calcite-color-border-input);border-radius:100%;width:1em;height:1em;font-size:var(--calcite-font-size-md);animation:1.25s linear infinite esri-rotate;display:block;transform:translateZ(0)}:dir(rtl) .esri-widget__table th{text-align:right;border-left:3px solid #0000000d;border-right:none}:dir(rtl) .esri-select{background-position:0}:dir(rtl) .esri-menu__list-item{border-left:none;border-right:3px solid #0000}:dir(rtl) .esri-menu__list-item [class^=esri-icon-],:dir(rtl) .esri-menu__list-item [class*=" esri-icon-"]{padding-left:2px;padding-right:0}:dir(rtl) .esri-menu__list-item--active{border-right-color:var(--calcite-color-brand)}.esri-icon-font-fallback-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.esri-rotating{animation:1.25s linear infinite esri-rotate;transform:translateZ(0)}.esri-clearfix:before,.esri-clearfix:after{content:" ";display:table}.esri-clearfix:after{clear:both}.esri-interactive{cursor:pointer}.esri-hidden{display:none!important}.esri-invisible{visibility:hidden!important}.esri-offscreen{position:absolute;top:-999em;left:-999em}.esri-match-height{flex-direction:column;flex:auto;display:flex;overflow:hidden}:host{display:flex}.root{display:flex;flex:1 1 auto;overflow:hidden auto;transition:max-height .25s ease-in-out}:host([closed]) .root{display:none}.empty{display:flex;flex-flow:column wrap;align-items:center;padding:var(--calcite-spacing-md) var(--calcite-spacing-lg);text-align:center;color:var(--calcite-color-text-1)}.root .arcgis-widget__content--empty{background-color:var(--calcite-color-foreground-2)}.root calcite-flow-item[loading]{min-height:150px}.loader{margin-inline-end:0}.filter-no-results{padding:var(--calcite-spacing-md) var(--calcite-spacing-lg)}.bookmark-image-container{display:flex;position:relative;margin:0;margin-inline-start:var(--calcite-spacing-xs);min-width:16px;min-height:16px}.bookmark-image-container .bookmark-image{max-width:64px;overflow:hidden}.drag-enabled .bookmark-image-container{margin-inline-start:0}.no-bookmarks-heading{margin:0;margin-block-start:var(--calcite-spacing-md);font-size:var(--calcite-font-size-md);line-height:var(--calcite-font-line-height-relative-tight);font-weight:var(--calcite-font-weight-regular)}.authoring{display:flex;flex-direction:column}.authoring-image-container{display:flex;align-items:middle;justify-content:center;margin-block-end:var(--calcite-spacing-md);margin-inline-end:var(--calcite-spacing-lg);background-image:repeating-conic-gradient(#ccc 0% 25%,#fff 0% 50%);background-position:0 0,10px 10px;background-size:20px 20px;background-color:#fff;width:128px;height:128px;text-align:center}.authoring-image-container .bookmark-image{max-width:128px;max-height:128px}.form{display:flex;height:100%}.form-content{padding-block:var(--calcite-spacing-md);padding-inline:var(--calcite-spacing-lg)}.authoring-refresh-thumbnail-button{margin-block-end:var(--calcite-spacing-md)}.bookmark-content-label{color:var(--calcite-color-text-1);font-size:var(--calcite-font-size-sm);line-height:var(--calcite-font-line-height-relative-normal)}.bookmark-content calcite-table{margin-inline-start:-.25rem}.bookmark-content calcite-table,.bookmark-content calcite-table-row{--calcite-table-border-color: transparent;--calcite-color-text-1: var(--calcite-color-text-3);--calcite-table-row-background-color: transparent;pointer-events:none}`,W=E.ofType(Z),X={width:128,height:128,format:"png"},$={takeScreenshot:!0,captureViewpoint:!0,captureRotation:!0,captureScale:!0,captureTimeExtent:!0},S=class extends C{constructor(){super(...arguments),this._bookmarks=null,this._defaultCreateOptions={...$},this._defaultEditOptions={...$},this._defaultBookmarks=new W,this._guid=I(),this._addInputNode=null,this._editInputNode=null,this._urlEditInputNode=null,this._lastDragDetail=null,this.messages=z({}),this._storeEditFlowItemNode=e=>{this._editFlowItemEl=e},this._storeRootFlowItem=e=>{this._rootFlowItemEl=e},this._storeAddFlowItemNode=e=>{this._addFlowItemEl=e},this._updateTimeExtentLayout=e=>{let t=e[0]?.contentRect.width;this._useStackedTimeExtentRows=(t??0)<300},this._activeBookmark=null,this._userState=null,this._userCreatingBookmark=!1,this.editIncludeTimeExtent=!1,this._useStackedTimeExtentRows=!1,this.view=O(this),this.icon="bookmark",this.closed=!1,this.disabled=!1,this.dragEnabled=!1,this.filterPlaceholder="",this.filterText="",this.headingLevel=2,this.showAddBookmarkButton=!1,this.showCloseButton=!1,this.showCollapseButton=!1,this.showEditBookmarkButton=!1,this.showFilter=!1,this.showHeading=!1,this.hideThumbnail=!1,this.hideTime=!1,this.timeDisabled=!1,this.autoDestroyDisabled=!1,this.state=this._state,this.arcgisBookmarkEdit=v(),this.arcgisBookmarkSelect=v(),this.arcgisPropertyChange=A()("state"),this.arcgisReady=v(),this.arcgisClose=v()}static{this.properties={_bookmarkSelectedMessage:16,_activeBookmark:16,_userState:16,_userStateValue:16,_userValidationState:16,_userThumbnailState:16,_userCreatingBookmark:16,editIncludeTimeExtent:16,_useStackedTimeExtentRows:16,_state:16,view:0,referenceElement:1,icon:1,closed:7,defaultCreateOptions:0,defaultEditOptions:0,bookmarks:[1,{type:E}],disabled:5,dragEnabled:5,filterPlaceholder:1,filterText:1,headingLevel:9,goToOverride:0,showAddBookmarkButton:5,showCloseButton:5,showCollapseButton:5,showEditBookmarkButton:5,showFilter:5,showHeading:5,hideThumbnail:5,hideTime:5,timeDisabled:5,autoDestroyDisabled:5,messageOverrides:0,label:1,state:32}}static{this.styles=[Q,N]}get _state(){let{view:e}=this;return e&&!e.ready?"loading":"ready"}get defaultCreateOptions(){return this._defaultCreateOptions}set defaultCreateOptions(e){this._defaultCreateOptions={...$,...e}}get defaultEditOptions(){return this._defaultEditOptions}set defaultEditOptions(e){this._defaultEditOptions={...$,...e}}get bookmarks(){return this._bookmarks??this.view?.map?.bookmarks??this._defaultBookmarks}set bookmarks(e){this._bookmarks=E.isCollection(e)?e:new E(e)}async destroy(){await this.manager.destroy(),this._activeBookmark=null}goTo(e){let{view:t}=this;if(!t)throw new x("go-to:invalid-view","Cannot go to a bookmark without a view");let i=e?.viewpoint;if(!i)throw new x("go-to:invalid-bookmark","Cannot go to a bookmark that does not contain a 'viewpoint'.",{bookmark:e});this._activeBookmark=e;let r=V({target:i},t,this.goToOverride),a=e?.timeExtent;return!this.timeDisabled&&a&&(t.timeExtent=a),this.arcgisBookmarkSelect.emit({bookmark:e}),this._bookmarkSelectedMessage=this.messages?.bookmarkSelected?.replace("{bookmarkName}",e.name),r.catch(()=>{}).then(()=>this._activeBookmark=null),r}connectedCallback(){super.connectedCallback(),this._resizeObserver=new ResizeObserver(this._updateTimeExtentLayout),this._resizeObserver.observe(this.el)}loaded(){this.manager.onLifecycle(()=>[B(()=>this._userState?.state,e=>this._userStateValue=e,{initial:!0}),B(()=>this._userState?.validationState,e=>this._userValidationState=e,{initial:!0}),B(()=>this._userState?.thumbnailState,e=>this._userThumbnailState=e,{initial:!0}),B(()=>this._userState?.creatingBookmark,e=>this._userCreatingBookmark=!!e,{initial:!0})])}disconnectedCallback(){this._resizeObserver?.disconnect(),this._resizeObserver=void 0,super.disconnectedCallback()}async _createBookmark(e){let{view:t,defaultCreateOptions:i}=this;if(!t)throw new x("create-bookmark:invalid-view","Cannot create a bookmark without a view.");let{takeScreenshot:r,screenshotSettings:a,captureViewpoint:n,captureRotation:l,captureScale:u,captureTimeExtent:d}={...i,...e},c=r?await this._createThumbnail(a):void 0,m=!this.timeDisabled&&d&&t.timeExtent!=null?t.timeExtent.clone():void 0;return new Z({...c&&{thumbnail:c},...d&&{timeExtent:m},...n&&{viewpoint:this._createViewpoint({view:t,captureScale:u,captureRotation:l})}})}async _editBookmark(e,t){if(!e)return e;let{view:i,defaultEditOptions:r}=this;if(!i)throw new x("edit-bookmark:invalid-view","Cannot edit a bookmark without a view.");let{takeScreenshot:a,screenshotSettings:n,captureViewpoint:l,captureRotation:u,captureScale:d,captureTimeExtent:c}={...r,...t},m=a?await this._createThumbnail(n):void 0;return m&&(e.thumbnail=m),l&&(e.viewpoint=this._createViewpoint({view:i,captureScale:d,captureRotation:u})),c&&i.timeExtent!=null&&(e.timeExtent=i.timeExtent.clone()),this.arcgisBookmarkEdit.emit({bookmark:e}),e}async _createThumbnail(e){let{view:t}=this;if(!t)throw new x("bookmark:invalid-view","Cannot create slide thumbnail without a view");let i=await t.takeScreenshot({...X,...e});return new j({url:i.dataUrl})}_createViewpoint({view:e,captureRotation:t,captureScale:i}){let r=e.viewpoint?.clone();return new H({targetGeometry:e.extent?.clone(),rotation:(t?r?.rotation:null)??0,scale:(i?r?.scale:null)??0})}_handleClose(){this.closed=!0,this.arcgisClose.emit()}startAddBookmark(){this._userState=new h({state:"add"}),requestAnimationFrame(()=>{this._addFlowItemEl?.setFocus()})}_clearState(){this._userState=null}_getTimeExtentStrings(e){let{hideTime:t}=this,{timeExtent:i}=e;if(!i)return{};let{start:r,end:a}=i,n=a!=null&&r?.getTime()!==a.getTime(),l=r?this._formatDate(r):"",u=r&&!t?this._formatTime(r):"";if(!n)return{startDate:l,startTime:u};let d=this._formatDate(a),c=t?"":this._formatTime(a);return{startDate:l,startTime:u,endDate:d,endTime:c}}_handleUrlEditInputChange(){let{_userState:e,_urlEditInputNode:t}=this,i=t?.value;if(!e?.editedBookmark||!i)return;e.validationState=void 0,y(e.editedBookmark.thumbnail?.url??"")&&(e.screenshotUrl=e.editedBookmark.thumbnail?.url);let r={url:i};f(r.url)&&(e.customUrl=i,e.editedBookmark.thumbnail=r)}_getBookmarkTitle(e){return(e?.name||this.messages.untitled)??""}_formatDate(e){if(!e)return"";let t=this.view,i=t&&"timeZone"in t?t.timeZone:"system";return P(e,{...q("short-date"),timeZone:i})}_formatTime(e){if(!e)return"";let t=this.view,i=t&&"timeZone"in t?t.timeZone:"system";return P(e,{...q("long-time"),timeZone:i})}_onCalciteListOrderChange(e){let{_lastDragDetail:t,bookmarks:i}=this,{toEl:r,fromEl:a,dragEl:n,newIndex:l}=e;if(!i.length)return;let u=t?.newIndex===l&&t?.dragEl===n&&t?.toEl===r&&t?.fromEl===a;if(!a||!r||u)return;this._lastDragDetail=e;let d=Array.from(a.children).filter(c=>c?.matches("calcite-list-item")).map(c=>c.value);i.sort((c,m)=>{let _=d.indexOf(c.uid),g=d.indexOf(m.uid);return _>g?1:_<g?-1:0})}_endAddBookmark(){this._clearState(),this._focusRootFlowItem()}_showEditBookmarkForm(e){e&&(this.editIncludeTimeExtent=!!e.timeExtent,this._userState=new h({bookmark:e,state:"edit"}),requestAnimationFrame(()=>{this._editFlowItemEl?.setFocus()}),this.goTo(e))}async _createNewScreenshotUrl(){return(await this._createBookmark()).thumbnail?.url??null}_storeCurrentUrl(){let{_userState:e}=this,t=e?.editedBookmark?.thumbnail?.url;t&&(f(t)?e.customUrl=t:y(t)&&(e.screenshotUrl=t))}async _handleThumbnailTypeSelect(e){let{_userState:t}=this;if(!t)return;let{screenshotUrl:i,customUrl:r,editedBookmark:a}=t,n=e==="screenshot"?i??await this._createNewScreenshotUrl():e==="url"&&r?r:null;this._storeCurrentUrl(),a&&n&&(a.thumbnail={url:n}),t.validationState=void 0,t.thumbnailState=e}_focusRootFlowItem(){requestAnimationFrame(()=>{this._rootFlowItemEl?.setFocus()})}_closeEditBookmarkForm(){this._clearState(),this._focusRootFlowItem()}_addBookmarkSubmitClick(e){e.preventDefault(),this._addBookmarkSubmit()}async _addBookmarkSubmit(){let{_addInputNode:e,_userState:t,bookmarks:i}=this;if(!t)return;let r=e?e.value.trim():null;if(!r){t.validationState="name-required";return}t.creatingBookmark=!0;let a=await this._createBookmark();a.name=r,i.add(a),this._endAddBookmark()}async _editBookmarkAndClose(e,t){let{defaultEditOptions:i}=this;await this._editBookmark(e,{...i,...t}),this._closeEditBookmarkForm()}_editBookmarkSubmit(e){e.preventDefault();let{_userState:t,_editInputNode:i,editIncludeTimeExtent:r,_urlEditInputNode:a}=this;if(!t?.bookmark||!t.editedBookmark)return;t.validationState=void 0,t.customUrl=void 0,t.screenshotUrl=void 0;let n=i?.value.trim();if(!n){t.validationState="name-required";return}if(t.bookmark.name=n,t.bookmark.thumbnail=t.editedBookmark.thumbnail,r||(t.bookmark.timeExtent=null),t.thumbnailState==="url"&&a){let l={url:a.value};if(!f(l.url)){t.validationState="absolute-url-required";return}t.bookmark.thumbnail=l}else t.thumbnailState==="none"&&(t.bookmark.thumbnail=null);this._editBookmarkAndClose(t.bookmark,{takeScreenshot:!1,captureTimeExtent:r})}_storeEditInput(e){this._editInputNode=e}_storeAddInput(e){this._addInputNode=e}_storeUrlEditInput(e){this._urlEditInputNode=e}_deleteBookmark(e){this._closeEditBookmarkForm(),e&&(this.bookmarks.remove(e),e.destroy())}_goToBookmark(e){this._clearState(),this.goTo(e)}async _updateThumbnail(){let{_userState:e}=this;e&&(e.validationState=void 0,await this._editBookmark(e.editedBookmark,{takeScreenshot:!0,captureViewpoint:!1,captureRotation:!1,captureScale:!1,captureTimeExtent:!1}))}_handleCalciteListDragEnd(e){let{fromEl:t,dragEl:i,oldIndex:r}=e;r==null||!t||!i||t.insertBefore(i,t.children[r])}render(){return o`<div class="root"><div class="sr-only" aria-live=polite>${this._bookmarkSelectedMessage}</div>${this._renderBookmarksContainer()}</div>`}_renderNoBookmarksContainer(e){let{messages:t,_state:i}=this;return!e.length&&i!=="loading"?o`<div class="empty"><calcite-icon .icon=${this.icon} scale=l></calcite-icon>${L({class:"no-bookmarks-heading",level:this.headingLevel,children:t.noBookmarksHeading})}<p class="no-bookmarks-description">${t.noBookmarksDescription}</p></div>`:null}_renderEditBookmarkFlowItems(){let e=this._userStateValue==="edit",t=this._userState?.editedBookmark;return!t||!e?[]:this._renderEditingBookmark(t)}_renderBookmarkItems(e){return e?e.toArray().map(t=>this._renderBookmark(t)):[]}_renderBookmarksContainer(){let{_state:e,bookmarks:t,dragEnabled:i,messages:r,disabled:a,filterPlaceholder:n,filterText:l,closed:u,headingLevel:d}=this,c=t.filter(g=>g!=null),m=c.length?o`<calcite-list class="list" display-mode=flat .dragEnabled=${i} .filterEnabled=${this.showFilter} .filterPlaceholder=${n} .filterProps=${["label","description","metadata"]} .filterText=${l} .group=${`bookmarks-${this._guid}`} .label=${r.componentLabel??""} selection-appearance=border selection-mode=none @calciteListDragEnd=${g=>this._handleCalciteListDragEnd(g.detail)} @calciteListFilter=${g=>this.filterText=g.currentTarget?.filterText??""} @calciteListOrderChange=${g=>this._onCalciteListOrderChange(g.detail)}>${this._renderBookmarkItems(c)}${this.showFilter?o`<div class="filter-no-results" slot=filter-no-results><calcite-notice kind=info open width=full><div slot=message>${r.noBookmarksHeading}</div>;</calcite-notice></div>`:null}</calcite-list>`:null,_=[o`<calcite-flow-item .closable=${this.showCloseButton} .closed=${u} .collapsible=${this.showCollapseButton} .disabled=${a} .heading=${this.showHeading?r.componentLabel:void 0} .headingLevel=${d} .loading=${e==="loading"} .selected=${!this._userStateValue} @calciteFlowItemClose=${this._handleClose} ${b(this._storeRootFlowItem)}>${this._renderNoBookmarksContainer(c)}${m}${this._renderAddBookmarkButton()}</calcite-flow-item>`,this._renderAddingBookmark(),this._renderEditBookmarkFlowItems()];return u?null:o`<calcite-flow>${_}</calcite-flow>`}_renderAddBookmarkButton(){let{messages:e,disabled:t,view:i,_state:r}=this,a=this._userCreatingBookmark;return i&&r!=="loading"&&this.showAddBookmarkButton?o`<calcite-fab appearance=outline-fill class="add-bookmark-button" .disabled=${t||a} icon=plus kind=neutral .loading=${a} @click=${this.startAddBookmark} slot=fab .text=${e.addBookmark} text-enabled title=${e.addBookmark??w}></calcite-fab>`:null}_renderEditContainer(e){let{messages:t}=this,i=`${t.edit} ${this._getBookmarkTitle(e)}`;return this.showEditBookmarkButton?o`<calcite-action icon=pencil @click=${()=>this._showEditBookmarkForm(e)} slot=actions-end .text=${i} title=${i??w}></calcite-action>`:null}_renderBookmarkImage(e,t){return t?o`<img alt class="bookmark-image" src=${e.thumbnail?.url??w}>`:null}_renderBookmarkTimeSwitch(e){let{messages:t,view:i}=this,{timeExtent:r}=e;return i?.timeExtent??r?o`<calcite-label layout=inline-space-between>${t.includeTimeExtent}<calcite-switch .checked=${!!r} @calciteSwitchChange=${a=>{this.editIncludeTimeExtent=a.currentTarget.checked}}></calcite-switch></calcite-label>`:null}_renderEditBookmarkTimeExtent(e){return this.editIncludeTimeExtent?this._renderBookmarkTimeExtent(e):null}_renderTimeExtentDescription(e){let{startDate:t,startTime:i,endDate:r,endTime:a}=this._getTimeExtentStrings(e);if(!t)return"";let n=`${t} ${i}`,l=`${r} ${a}`;return r?`${n} - ${l}`:n}_renderBookmarkTimeExtent(e,t=!1){let{messages:i}=this,{startDate:r,startTime:a,endDate:n,endTime:l}=this._getTimeExtentStrings(e),u=this._useStackedTimeExtentRows&&!!n,d=(m,_,g)=>o`<calcite-table-cell title=${g??""??w}>${m} ${_?[o`<br>`,_]:null}</calcite-table-cell>`,c=[];return r&&c.push({heading:i.startDate,date:r,time:a}),n&&c.push({heading:i.endDate,date:n,time:l}),r?o`<calcite-table .caption=${i.timeExtent??""} scale=s>${u?c.map(m=>o`<calcite-table-row>${t?null:o`<calcite-table-header .heading=${m.heading}></calcite-table-header>`}${d(m.date,m.time,m.heading)}</calcite-table-row>`):[t?null:o`<calcite-table-row slot=table-header><calcite-table-header .heading=${i.startDate}></calcite-table-header>${n?o`<calcite-table-header .heading=${i.endDate}></calcite-table-header>`:null}</calcite-table-row>`,o`<calcite-table-row>${d(r,a,i.startDate)}${n?d(n,l,i.endDate):null}</calcite-table-row>`]}</calcite-table>`:null}_renderBookmarkActiveScrim(e,t){return this._activeBookmark===e&&t?o`<calcite-scrim loading></calcite-scrim>`:null}_renderBookmarkActiveLoader(e,t){return this._activeBookmark===e&&!t?o`<calcite-loader class="loader" inline .label=${this.messages.loading??""}></calcite-loader>`:null}_renderBookmarkImageIcon(e,t){return this._activeBookmark!==e&&!t?o`<calcite-icon icon=bookmark scale=s></calcite-icon>`:null}_renderBookmarkThumbnail(e){let t=!this.hideThumbnail&&!!e.thumbnail?.url;return o`<div class="bookmark-image-container" slot=content-start>${this._renderBookmarkActiveScrim(e,t)}${this._renderBookmarkImage(e,t)}${this._renderBookmarkActiveLoader(e,t)}${this._renderBookmarkImageIcon(e,t)}</div>`}_renderBookmark(e){return R(e.uid,o`<calcite-list-item class=${D(F({"drag-enabled":this.dragEnabled}))} .description=${this._renderTimeExtentDescription(e)} .label=${this._getBookmarkTitle(e)} .value=${e.uid} @calciteListItemSelect=${()=>this._goToBookmark(e)}>${this._renderBookmarkThumbnail(e)}${this._renderBookmarkContent(e)}${this._renderEditContainer(e)}</calcite-list-item>`)}_renderBookmarkContent(e){return o`<div class="bookmark-content" slot=content><span class="bookmark-content-label">${this._getBookmarkTitle(e)}</span>${this._renderBookmarkTimeExtent(e,!0)}</div>`}_renderEditingBookmarkName(e){let{messages:t}=this,i=this._userValidationState==="name-required";return o`<calcite-label>${t.title}<calcite-input class="edit-bookmark-input" name=bookmark-name .placeholder=${t.titlePlaceholder} required type=text .value=${e.name} ${b(this._storeEditInput)}></calcite-input>${i?o`<calcite-input-message icon=exclamation-mark-triangle status=invalid>${t.invalidTitle}</calcite-input-message>`:null}</calcite-label>`}_renderEditingBookmarkActions(){let{messages:e,_userState:t}=this,i=t?.bookmark;return[o`<calcite-button appearance=transparent kind=danger @click=${()=>this._deleteBookmark(i)} slot=footer type=button width=full>${e.delete}</calcite-button>`,o`<calcite-button appearance=outline @click=${this._closeEditBookmarkForm} slot=footer type=button width=full>${e.cancel}</calcite-button>`,o`<calcite-button slot=footer type=submit width=full>${e.save}</calcite-button>`]}_renderEditingTimeExtent(e){let{view:t}=this,{timeExtent:i}=e;return!this.timeDisabled&&(t?.timeExtent??i)?o`<div>${this._renderBookmarkTimeSwitch(e)}${this._renderEditBookmarkTimeExtent(e)}</div>`:null}_renderEditingBookmarkImage(e){let{_userThumbnailState:t}=this,i=e.thumbnail?.url??"",r=f(i)?t==="url":y(i)?t==="screenshot":null;if(r)return this._renderBookmarkImage(e,r)}_renderEditingThumbnail(e){let{_userThumbnailState:t,hideThumbnail:i}=this;return!i&&t!=="none"?o`<div class="authoring-image-container">${this._renderEditingBookmarkImage(e)}</div>`:null}_renderUpdateThumbnailButton(){let{hideThumbnail:e,messages:t,_userThumbnailState:i}=this;return!e&&i==="screenshot"?o`<calcite-button appearance=outline class="authoring-refresh-thumbnail-button" icon-start=refresh kind=neutral @click=${()=>{this._updateThumbnail()}} width=full>${t.updateThumbnail}</calcite-button>`:null}_renderEditingBookmarkUrlInput(e){let{messages:t,_userValidationState:i,_userThumbnailState:r}=this,a=e.thumbnail?.url??"",n=f(a)?a:void 0,l=a&&i==="absolute-url-required";return r==="url"?o`<calcite-label><calcite-input name=bookmark-thumbnail-url pattern=https://.* .placeholder=${t?`https://<${t.imageUrlPlaceholder}>`:void 0} required title=${t.imageUrlTooltip??w} type=text .value=${n} @calciteInputChange=${this._handleUrlEditInputChange} @calciteInputInput=${this._handleUrlEditInputChange} ${b(this._storeUrlEditInput)}></calcite-input>${l?o`<calcite-input-message icon=exclamation-mark-triangle status=invalid>${t.invalidImageUrl}</calcite-input-message>`:null}</calcite-label>`:null}_renderThumbnailSelector(){let{hideThumbnail:e,messages:t,_userThumbnailState:i}=this;return e?null:o`<calcite-label>${t.thumbnail}<calcite-chip-group .label=${t.thumbnail??""} selection-mode=single-persist @calciteChipGroupSelect=${r=>this._handleThumbnailTypeSelect(r.currentTarget.selectedItems[0].value)}><calcite-chip .label=${t.screenshot??""} .selected=${i==="screenshot"} value=screenshot>${t.screenshot}</calcite-chip><calcite-chip .label=${t.url??""} .selected=${i==="url"} value=url>${t.url}</calcite-chip><calcite-chip .label=${t.none??""} .selected=${i==="none"} value=none>${t.none}</calcite-chip></calcite-chip-group></calcite-label>`}_renderEditingBookmark(e){let{disabled:t,messages:i,headingLevel:r}=this;return e?o`<form class="form" @submit=${this._editBookmarkSubmit}><calcite-flow-item .disabled=${t} .heading=${i.edit??""} .headingLevel=${r} .selected=${this._userStateValue==="edit"} @calciteFlowItemBack=${a=>{a.preventDefault(),this._closeEditBookmarkForm()}} ${b(this._storeEditFlowItemNode)}><div class="form-content"><div class="authoring">${this._renderEditingBookmarkName(e)}${this._renderThumbnailSelector()}${this._renderEditingThumbnail(e)}${this._renderEditingBookmarkUrlInput(e)}${this._renderUpdateThumbnailButton()}${this._renderEditingTimeExtent(e)}</div></div>${this._renderEditingBookmarkActions()}</calcite-flow-item></form>`:null}_renderAddingBookmarkName(){let{messages:e}=this,t=this._userValidationState==="name-required";return o`<calcite-label>${e.title}<calcite-input class="add-bookmark-input" name=bookmark-name .placeholder=${e.titlePlaceholder} required type=text value ${b(this._storeAddInput)}></calcite-input>${t?o`<calcite-input-message icon=exclamation-mark-triangle status=invalid>${e.invalidTitle}</calcite-input-message>`:null}</calcite-label>`}_renderAddingBookmarkActions(){let{messages:e}=this;return[o`<calcite-button appearance=outline @click=${this._endAddBookmark} slot=footer type=button width=full>${e.cancel}</calcite-button>`,o`<calcite-button slot=footer type=submit width=full>${e.add}</calcite-button>`]}_renderAddingBookmark(){let{disabled:e,messages:t,headingLevel:i,_userStateValue:r}=this;return r==="add"?o`<form class="form" @submit=${this._addBookmarkSubmitClick}><calcite-flow-item .disabled=${e} .heading=${t.addBookmark} .headingLevel=${i} selected @calciteFlowItemBack=${a=>{a.preventDefault(),this._endAddBookmark()}} ${b(this._storeAddFlowItemNode)}><div class="form-content">${this._renderAddingBookmarkName()}</div>${this._renderAddingBookmarkActions()}</calcite-flow-item></form>`:null}};U("arcgis-bookmarks",S);return S},"webmap/Bookmark","core/Collection","core/Error","webdoc/support/SlideThumbnail","Viewpoint","WebMap","core/Accessor","core/accessorSupport/decorators","core/urlUtils","intl","core/reactiveUtils",a,c)
|