@arcgis/map-components 5.0.0-next.140 → 5.0.0-next.142

package/dist/cdn/S3SUA6U3.js

@@ -1,4 +0,0 @@
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.140 */
-import e from"./CXLOFSA2.js";import d from"./7YZAEWSF.js";import{a as N}from"./AKLPCQ4H.js";import c from"./G7RQ35FO.js";import{a as P}from"./WDZSFILV.js";import"./RBU5MAH4.js";import b from"./OWHJNWDS.js";import a from"./NCCHUPW3.js";import{g as L}from"./57KHM7P2.js";import"./Z5FKAWPV.js";import"./774HFEEA.js";import{b as w,f as D}from"./5S35UURX.js";import{L as m,M as f,N as A,O as v,P as B,T as E,a as z,b as u,x as _}from"./MDOFMA7T.js";import"./EXKTZLIJ.js";export default $arcgis.t(([V,{stripHTML:I},{watch:l},j,,,F,,T])=>{var s="arcgis-popup",g=`${s}--is-docked`,a={base:s,baseHidden:`${s}--hidden`,main:`${s}__main-container`,shadow:`${s}--shadow`,isDocked:g,isDockedTopLeft:`${g}-top-left`,isDockedTopCenter:`${g}-top-center`,isDockedTopRight:`${g}-top-right`,isDockedBottomLeft:`${g}-bottom-left`,isDockedBottomCenter:`${g}-bottom-center`,isDockedBottomRight:`${g}-bottom-right`,isXlWidthBreakpoint:`${s}--is-xl-width-breakpoint`,isLgWidthBreakpoint:`${s}--is-lg-width-breakpoint`,isMdWidthBreakpoint:`${s}--is-md-width-breakpoint`,isSmWidthBreakpoint:`${s}--is-sm-width-breakpoint`,isXsWidthBreakpoint:`${s}--is-xs-width-breakpoint`,isXlHeightBreakpoint:`${s}--is-xl-height-breakpoint`,isLgHeightBreakpoint:`${s}--is-lg-height-breakpoint`,isMdHeightBreakpoint:`${s}--is-md-height-breakpoint`,isSmHeightBreakpoint:`${s}--is-sm-height-breakpoint`,isXsHeightBreakpoint:`${s}--is-xs-height-breakpoint`,alignTopCenter:`${s}--aligned-top-center`,alignBottomCenter:`${s}--aligned-bottom-center`,alignTopLeft:`${s}--aligned-top-left`,alignBottomLeft:`${s}--aligned-bottom-left`,alignTopRight:`${s}--aligned-top-right`,alignBottomRight:`${s}--aligned-bottom-right`,pointer:`${s}__pointer`,pointerDirection:`${s}__pointer-direction`},X=z`:host{display:contents;--arcgis-internal-popup-pointer-size: 12px;--arcgis-internal-popup-content-small-size: 280px;--arcgis-internal-popup-content-medium-size: 340px;--arcgis-internal-popup-content-large-size: 400px;--arcgis-internal-popup-content-x-large-size: 460px;--arcgis-internal-popup-content-min-size-y: 48px;--arcgis-internal-popup-pointer-size-half: calc(var(--arcgis-internal-popup-pointer-size) / 2);--arcgis-internal-popup-pointer-size-half-negative: calc(var(--arcgis-internal-popup-pointer-size-half) * -1)}.arcgis-popup{display:flex;position:absolute;flex-flow:column nowrap;z-index:401;pointer-events:none;border:none;overflow:visible;padding:0;width:auto;height:auto;background-color:transparent}.arcgis-popup--hidden{visibility:hidden}.arcgis-popup:popover-open{display:flex;flex-flow:column nowrap;margin:0}arcgis-features{flex:1;width:100%}.arcgis-popup--shadow{box-shadow:var(--calcite-shadow-sm)}.arcgis-popup--aligned-top-center{transform-origin:50% 100%}.arcgis-popup--aligned-bottom-center{transform-origin:50% -5%}.arcgis-popup--aligned-top-left,.arcgis-popup--aligned-bottom-left{transform-origin:100% 50%}.arcgis-popup--aligned-top-right,.arcgis-popup--aligned-bottom-right{transform-origin:-5% 50%}.arcgis-popup--aligned-top-center,.arcgis-popup--aligned-top-left,.arcgis-popup--aligned-top-right{animation:popup-intro-animation-down .2s ease-in-out}.arcgis-popup--aligned-bottom-center,.arcgis-popup--aligned-bottom-left,.arcgis-popup--aligned-bottom-right{animation:popup-intro-animation-up .2s ease-in-out}.arcgis-popup__main-container{display:flex;position:relative;z-index:1;background-color:var(--calcite-color-foreground-1);width:var(--arcgis-internal-popup-content-medium-size);min-height:var(--arcgis-internal-popup-content-min-size-y);max-height:var(--arcgis-internal-popup-content-medium-size);overflow:hidden;pointer-events:auto}.arcgis-popup__pointer{position:absolute;width:0;height:0}.arcgis-popup__pointer-direction{position:absolute;width:var(--arcgis-internal-popup-pointer-size);height:var(--arcgis-internal-popup-pointer-size);content:"";background-color:var(--calcite-color-foreground-1)}.arcgis-popup--aligned-top-center .arcgis-popup__pointer{top:100%;left:50%;margin:0 0 0 var(--arcgis-internal-popup-pointer-size-half-negative)}.arcgis-popup--aligned-bottom-center .arcgis-popup__pointer{bottom:100%;left:50%;margin:0 0 0 var(--arcgis-internal-popup-pointer-size-half-negative)}.arcgis-popup--aligned-top-left .arcgis-popup__pointer{right:var(--arcgis-internal-popup-pointer-size-half);bottom:var(--arcgis-internal-popup-pointer-size-half);transform:rotate(-45deg)}.arcgis-popup--aligned-bottom-left .arcgis-popup__pointer{top:var(--arcgis-internal-popup-pointer-size-half);right:var(--arcgis-internal-popup-pointer-size-half);transform:rotate(45deg)}.arcgis-popup--aligned-top-right .arcgis-popup__pointer{bottom:var(--arcgis-internal-popup-pointer-size-half);left:var(--arcgis-internal-popup-pointer-size-half);transform:rotate(45deg)}.arcgis-popup--aligned-bottom-right .arcgis-popup__pointer{top:var(--arcgis-internal-popup-pointer-size-half);left:var(--arcgis-internal-popup-pointer-size-half);transform:rotate(-45deg)}.arcgis-popup--aligned-top-center .arcgis-popup__pointer-direction,.arcgis-popup--aligned-bottom-center .arcgis-popup__pointer-direction{transform:scale(.75,2) rotate(45deg)}.arcgis-popup--aligned-top-left .arcgis-popup__pointer-direction,.arcgis-popup--aligned-bottom-left .arcgis-popup__pointer-direction,.arcgis-popup--aligned-top-right .arcgis-popup__pointer-direction,.arcgis-popup--aligned-bottom-right .arcgis-popup__pointer-direction{top:var(--arcgis-internal-popup-pointer-size-half-negative);left:var(--arcgis-internal-popup-pointer-size-half-negative);transform:scale(.75,2.5) rotate(45deg)}.arcgis-popup--aligned-top-center .arcgis-popup__pointer-direction{top:var(--arcgis-internal-popup-pointer-size-half-negative);left:0}.arcgis-popup--aligned-bottom-center .arcgis-popup__pointer-direction{bottom:var(--arcgis-internal-popup-pointer-size-half-negative);left:0}.arcgis-popup--is-xl-width-breakpoint .arcgis-popup__main-container{width:var(--arcgis-internal-popup-content-x-large-size)}.arcgis-popup--is-lg-width-breakpoint .arcgis-popup__main-container{width:var(--arcgis-internal-popup-content-large-size)}.arcgis-popup--is-md-width-breakpoint .arcgis-popup__main-container{width:var(--arcgis-internal-popup-content-medium-size)}.arcgis-popup--is-sm-width-breakpoint .arcgis-popup__main-container,.arcgis-popup--is-xs-width-breakpoint .arcgis-popup__main-container{width:var(--arcgis-internal-popup-content-small-size)}.arcgis-popup--is-xs-width-breakpoint.arcgis-popup--is-docked-top-center,.arcgis-popup--is-xs-width-breakpoint.arcgis-popup--is-docked-bottom-center{margin:0;width:auto}.arcgis-popup--is-xs-width-breakpoint.arcgis-popup--is-docked-top-center .arcgis-popup__main-container,.arcgis-popup--is-xs-width-breakpoint.arcgis-popup--is-docked-bottom-center .arcgis-popup__main-container{position:absolute;right:0;left:0;width:100%;max-height:75%}.arcgis-popup--is-xs-width-breakpoint.arcgis-popup--is-docked-bottom-center .arcgis-popup__main-container{bottom:0}.arcgis-popup--is-xs-width-breakpoint.arcgis-popup--is-docked-top-center .arcgis-popup__main-container{top:0}.arcgis-popup--is-xl-height-breakpoint .arcgis-popup__main-container{max-height:var(--arcgis-internal-popup-content-x-large-size)}.arcgis-popup--is-lg-height-breakpoint .arcgis-popup__main-container{max-height:var(--arcgis-internal-popup-content-large-size)}.arcgis-popup--is-sm-height-breakpoint .arcgis-popup__main-container,.arcgis-popup--is-xs-height-breakpoint .arcgis-popup__main-container{max-height:var(--arcgis-internal-popup-content-small-size)}.arcgis-popup--is-docked{flex-flow:row nowrap;inset:0;margin:var(--arcgis-layout-overlay-space-top) var(--arcgis-layout-overlay-space-right) var(--arcgis-layout-overlay-space-bottom) var(--arcgis-layout-overlay-space-left);padding:var(--calcite-spacing-lg) var(--calcite-spacing-lg) var(--calcite-spacing-xxxl) var(--calcite-spacing-lg);animation:docking-animation .25s ease-out}.arcgis-popup--is-docked-top-left,.arcgis-popup--is-docked-top-center,.arcgis-popup--is-docked-top-right{align-items:flex-start}.arcgis-popup--is-docked-bottom-left,.arcgis-popup--is-docked-bottom-center,.arcgis-popup--is-docked-bottom-right{align-items:flex-end}.arcgis-popup--is-docked-top-left,.arcgis-popup--is-docked-bottom-left{justify-content:flex-start}.arcgis-popup--is-docked-top-center,.arcgis-popup--is-docked-bottom-center{justify-content:center}.arcgis-popup--is-docked-top-right,.arcgis-popup--is-docked-bottom-right{justify-content:flex-end}.arcgis-popup--is-docked-top-left .arcgis-popup__main-container,.arcgis-popup--is-docked-top-right .arcgis-popup__main-container,.arcgis-popup--is-docked-bottom-left .arcgis-popup__main-container,.arcgis-popup--is-docked-bottom-right .arcgis-popup__main-container{max-height:80%}.arcgis-popup--is-docked-top-center .arcgis-popup__main-container,.arcgis-popup--is-docked-bottom-center .arcgis-popup__main-container{max-height:40%}:dir(rtl) .arcgis-popup--is-docked-top-left,:dir(rtl) .arcgis-popup--is-docked-bottom-left{justify-content:flex-end}:dir(rtl) .arcgis-popup--is-docked-top-right,:dir(rtl) .arcgis-popup--is-docked-bottom-right{justify-content:flex-start}@media(prefers-reduced-motion){.arcgis-popup--aligned-top-center,.arcgis-popup--aligned-top-left,.arcgis-popup--aligned-top-right,.arcgis-popup--aligned-bottom-center,.arcgis-popup--aligned-bottom-left,.arcgis-popup--aligned-bottom-right{animation:none}}@media(prefers-reduced-motion){.arcgis-popup--is-docked{animation:none}}@keyframes docking-animation{0%{opacity:0}25%{opacity:0}to{opacity:1}}@keyframes popup-intro-animation-down{0%{transform:translateY(calc(var(--calcite-spacing-xs) * -1));opacity:0}to{transform:translate(0);opacity:1}}@keyframes popup-intro-animation-up{0%{transform:translateY(var(--calcite-spacing-xs));opacity:0}to{transform:translate(0);opacity:1}}`;function y(x){return x&&Number.parseInt(x.replaceAll(/[^-\d.]/gu,""),10)||0}var G=F(V),H={buttonEnabled:!0,position:"auto",breakpoint:{width:544}},$=class extends A{constructor(){super(...arguments),this._featuresComponent=m(),this._dockAction=new j({id:"popup-dock-action"}),this._mainContainerNode=m(),this._pointerNode=m(),this.messages=P({}),this.viewModel=G(this),this._containerNode=m(),this._popupResizeObserver=new ResizeObserver(()=>this._positionContainer()),this._positionContainer=()=>{this.positionStyle=this._calculatePositionStyle()},this.screenLocation=T(this),this.actions=this.viewModel.actions,this.active=this.viewModel.active,this.alignment="auto",this.autoCloseEnabled=this.viewModel.autoCloseEnabled,this.autoDestroyDisabled=!1,this.collapsed=!1,this.content=this.viewModel.content,this.defaultPopupTemplateEnabled=this.viewModel.defaultPopupTemplateEnabled,this.dockEnabled=!1,this.featureCount=this.viewModel.featureCount,this.featureMenuOpen=this.viewModel.featureMenuOpen,this.features=this.viewModel.features,this.goToOverride=this.viewModel.goToOverride,this.heading=this.viewModel.title,this.headingLevel=2,this.hideActionBar=!1,this.hideCloseButton=!1,this.hideCollapseButton=!1,this.hideFeatureMenuHeading=!1,this.hideFeatureNavigation=!1,this.hideFeatureListLayerTitle=!1,this.hideHeading=!1,this.hideSpinner=!1,this.highlightDisabled=this.viewModel.highlightEnabled,this.includeDefaultActionsDisabled=this.viewModel.includeDefaultActions,this.initialDisplayMode=this.viewModel.initialDisplayMode,this.location=this.viewModel.location,this.promises=this.viewModel.promises,this.selectedFeature=this.viewModel.selectedFeature,this.selectedFeatureIndex=this.viewModel.selectedFeatureIndex,this.state=this.viewModel.state,this.topLayerDisabled=!1,this.updateLocationEnabled=this.viewModel.updateLocationEnabled,this.view=this.viewModel.view,this.visible=this.viewModel.visible,this.arcgisPropertyChange=L()("active","collapsed","currentAlignment","dockEnabled","featureCount","featureMenuOpen","features","promises","selectedDrillInFeature","selectedFeature","selectedFeatureComponent","selectedFeatureIndex","state","visible"),this.arcgisReady=_(),this.arcgisClose=_(),this.arcgisTriggerAction=_()}static{this.properties={screenLocation:16,positionStyle:16,_featureNavigationTop:16,actions:0,active:0,alignment:1,autoCloseEnabled:5,autoDestroyDisabled:5,collapsed:0,content:1,currentAlignment:32,currentDockPosition:32,defaultPopupTemplateEnabled:5,dockEnabled:5,dockOptions:0,featureCount:0,featureMenuOpen:5,features:0,goToOverride:0,heading:1,headingLevel:9,hideActionBar:5,hideCloseButton:5,hideCollapseButton:5,hideFeatureMenuHeading:5,hideFeatureNavigation:5,hideFeatureListLayerTitle:5,hideHeading:5,hideSpinner:5,highlightDisabled:5,includeDefaultActionsDisabled:5,initialDisplayMode:1,label:1,location:0,messageOverrides:0,promises:0,referenceElement:1,selectedDrillInFeature:32,selectedFeature:0,selectedFeatureComponent:32,selectedFeatureIndex:9,state:32,topLayerDisabled:5,updateLocationEnabled:5,view:0,visible:5}}static{this.styles=X}get trackLocation(){return this.viewModel.active&&!this.dockEnabled}get _featureNavigationTop(){let{currentAlignment:t,currentDockPosition:e}=this;return t==="bottom-left"||t==="bottom-center"||t==="bottom-right"||e==="top-left"||e==="top-center"||e==="top-right"}get currentAlignment(){return this._getCurrentAlignment()}get currentDockPosition(){return this._getCurrentDockPosition()}get dockOptions(){return this._dockOptions||H}set dockOptions(t){let e={...H},i=this.viewModel?.view?.breakpoints,o={};i&&(o.width=i.xsmall,o.height=i.xsmall);let n={...e,...t},r={...e.breakpoint,...o},{breakpoint:p}=n;typeof p=="object"?n.breakpoint={...r,...p}:p&&(n.breakpoint=r),this._dockOptions=n}get selectedDrillInFeature(){return this._featuresComponent.value?.selectedDrillInFeature??null}get selectedFeatureComponent(){return this._featuresComponent.value?.selectedFeatureComponent??null}async handleViewClick(t){return this.viewModel.handleViewClick(t)}async clear(){return this.viewModel.clear()}async destroy(){await this.manager.destroy(),this._dockAction.destroy(),this._popupResizeObserver.disconnect()}async fetchFeatures(t,e){return await this.viewModel.fetchFeatures(t,e)}async next(){return this.viewModel.next()}async open(t){this.viewModel.open(t)}async previous(){return this.viewModel.previous()}async setFocus(){this._featuresComponent.value?.setFocus()}async triggerAction(t){return await this._featuresComponent.value?.triggerAction(t)}loaded(){this.manager.onLifecycle(()=>[l(()=>[this.viewModel?.view?.widthBreakpoint,this.dockEnabled],()=>this._handleDockIcon(),{initial:!0}),l(()=>[this.dockEnabled,this.messages?.undock,this.messages?.dock],()=>this._handleDockEnabled(),{initial:!0}),l(()=>this.dockOptions,t=>{let{_dockAction:e}=this,i=this._featuresComponent.value?.headerActions;i?.remove(e),t.buttonEnabled&&i?.add(e)},{initial:!0}),l(()=>[this._pointerNode.value,this.alignment,this.currentAlignment,this.dockEnabled,this.dockOptions,this.screenLocation,this.viewModel?.active,this.viewModel?.location,this.viewModel?.view?.size],()=>this._positionContainer(),{initial:!0}),l(()=>this._mainContainerNode.value,(t,e)=>{e&&this._popupResizeObserver.unobserve(e),t&&this._popupResizeObserver.observe(t)},{initial:!0}),l(()=>this.viewModel?.view?.size,(t,e)=>this._updateDockEnabledForViewSize(t,e)),l(()=>this.viewModel?.view?.ready,()=>this._setDockEnabledForViewSize(this.dockOptions),{initial:!0}),l(()=>this.view?.map,t=>{this.viewModel.map=t},{initial:!0}),l(()=>this.screenLocation,(t,e)=>this._autoClose(t,e)),l(()=>[this.viewModel.active,this._containerNode.value,this.dockEnabled,this.topLayerDisabled],()=>this._togglePopover(),{initial:!0})])}_togglePopover(){this.viewModel.active&&!this.dockEnabled&&!this.topLayerDisabled?this._containerNode.value?.showPopover():this._containerNode.value?.hidePopover()}_handleClose(t){t.stopPropagation(),this.arcgisClose.emit()}_autoClose(t,e){this.autoCloseEnabled&&t!=null&&e!=null&&(this.visible=!1)}_handleArcgisPropertyChange(t){t.detail.name==="collapsed"&&(this.collapsed=t.target.collapsed)}_handleArcgisTriggerAction(t){t.stopPropagation(),t.detail.action===this._dockAction&&(this.dockEnabled=!this.dockEnabled),this.arcgisTriggerAction.emit({action:t.detail.action})}_isOutsideView(t){let{popupHeight:e,popupWidth:i,screenLocation:o,side:n,view:r}=t;return Number.isNaN(i)||Number.isNaN(e)||!r||!o?!1:n==="right"&&o.x+i/2>r.width||n==="left"&&o.x-i/2<0||n==="top"&&o.y-e<0||n==="bottom"&&o.y+e>r.height}_getPointerSize(){let{_pointerNode:t}=this,e=t.value?window.getComputedStyle(t.value):null,i=y(e?.height),o=y(e?.width);return Math.hypot(i,o)}_calculateAutoAlignment(t){if(t!=="auto")return t;let{_mainContainerNode:e,_popupRect:i,viewModel:o}=this,{view:n}=o,{screenLocation:r}=this;if(r==null||!n||!i||!e.value)return"top-center";let p=window.getComputedStyle(e.value),d=y(p.maxHeight),c=y(p.height),h=this._getPointerSize(),{height:C,width:O}=i,b=O+h,k=Math.max(C,d,c)+h,S=this._isOutsideView({popupHeight:k,popupWidth:b,screenLocation:r,side:"right",view:n}),R=this._isOutsideView({popupHeight:k,popupWidth:b,screenLocation:r,side:"left",view:n}),M=this._isOutsideView({popupHeight:k,popupWidth:b,screenLocation:r,side:"top",view:n}),W=this._isOutsideView({popupHeight:k,popupWidth:b,screenLocation:r,side:"bottom",view:n});return R?M?"bottom-right":"top-right":S?M?"bottom-left":"top-left":M?W?"top-center":"bottom-center":"top-center"}_callCurrentAlignment(t){return typeof t=="function"?t.call(this):t}_getCurrentAlignment(){return this.dockEnabled||!this.viewModel.active||!this._mainContainerNode.value?null:this._calculatePositionResult(this._calculateAutoAlignment(this._callCurrentAlignment(this.alignment)))}_calculatePositionResult(t){let e=["left","right"];return D(this.el)==="rtl"&&e.reverse(),t?.replace(/start/giu,e[0]).replace(/end/giu,e[1])}_callDockPosition(t){return typeof t=="function"?t.call(this):t}_getDockPosition(){return this._calculatePositionResult(this._calculateAutoDockPosition(this._callDockPosition(this.dockOptions?.position)))}_getCurrentDockPosition(){return this.dockEnabled&&this.viewModel.active?this._getDockPosition():null}_calculateAutoDockPosition(t){if(t!=="auto")return t;let e=this.viewModel?.view,i=D(this.el)==="rtl"?"top-left":"top-right";if(!e)return i;let{breakpoints:o}=e;return o?.xsmall&&e.width<=o.xsmall?"bottom-center":i}_getDockIcon(){let t=this._getDockPosition();if(this.dockEnabled)return"minimize";switch(t){case"top-left":case"bottom-left":return"dock-left";case"top-center":return"maximize";case"bottom-center":return"dock-bottom";case"top-right":case"bottom-right":default:return"dock-right"}}_handleDockIcon(){this._dockAction.icon=this._getDockIcon()}_handleDockEnabled(){this._dockAction.title=this.dockEnabled?this.messages?.undock:this.messages?.dock}_calculateAlignmentPosition(t,e,i,o){if(t<0||e<0||!i||!o||t>i.width||e>i.height)return;let{currentAlignment:n}=this,r=this._getPointerSize(),p=r/2;if(n==="top-left")return{top:e+i.top-(o.height+p),left:t+i.left-o.width-p};if(n==="top-center")return{top:e+i.top-(o.height+r),left:t+i.left-o.width/2};if(n==="top-right")return{top:e+i.top-(o.height+p),left:t+i.left+p};if(n==="bottom-left")return{top:e+i.top+p,left:t+i.left-o.width-p};if(n==="bottom-center")return{top:e+i.top+r,left:t+i.left-o.width/2};if(n==="bottom-right")return{top:e+i.top+p,left:t+i.left+p}}_calculatePositionStyle(){let{screenLocation:t}=this,e=this.view?.container?.getBoundingClientRect(),i=this._mainContainerNode.value?.getBoundingClientRect();if(this._popupRect=i,this.dockEnabled)return{top:"0px",left:"0px",bottom:"0px",right:"0px"};if(t==null)return;let o=this._calculateAlignmentPosition(t.x,t.y,e,i);if(o)return{top:o.top!==void 0?`${o.top}px`:"auto",left:o.left!==void 0?`${o.left}px`:"auto",bottom:o.bottom!==void 0?`${o.bottom}px`:"auto",right:o.right!==void 0?`${o.right}px`:"auto"}}_dockingThresholdCrossed(t,e,i){let[o,n]=t,[r,p]=e,{width:d=0,height:c=0}=i??{};return o<=d&&r>d||o>d&&r<=d||n<=c&&p>c||n>c&&p<=c}_updateDockEnabledForViewSize(t,e){if(!t||!e)return;let{dockOptions:i}=this,o=i.breakpoint;typeof o=="object"&&this._dockingThresholdCrossed(t,e,o)&&this._setDockEnabledForViewSize(i)}_shouldDockAtCurrentViewSize(t){let e=t.breakpoint,i=this.viewModel?.view?.ui;if(!i)return!1;let{width:o,height:n}=i;if(Number.isNaN(o)||Number.isNaN(n)||typeof e!="object")return!1;let r=typeof e.width=="number"&&o<=(e.width??0),p=typeof e.height=="number"&&n<=(e.height??0);return r||p}_setDockEnabledForViewSize(t){this.viewModel?.view?.ready&&typeof t.breakpoint=="object"&&(this.dockEnabled=this._shouldDockAtCurrentViewSize(t))}render(){let{dockEnabled:t,currentAlignment:e,currentDockPosition:i,positionStyle:o}=this,{active:n,view:r}=this.viewModel,p=n&&t,d=n&&!t,c=r?.widthBreakpoint,h=r?.heightBreakpoint,C={[a.alignTopCenter]:e==="top-center",[a.alignBottomCenter]:e==="bottom-center",[a.alignTopLeft]:e==="top-left",[a.alignBottomLeft]:e==="bottom-left",[a.alignTopRight]:e==="top-right",[a.alignBottomRight]:e==="bottom-right",[a.isDocked]:p,[a.shadow]:d,[a.isDockedTopLeft]:i==="top-left",[a.isDockedTopCenter]:i==="top-center",[a.isDockedTopRight]:i==="top-right",[a.isDockedBottomLeft]:i==="bottom-left",[a.isDockedBottomCenter]:i==="bottom-center",[a.isDockedBottomRight]:i==="bottom-right",[a.isXlWidthBreakpoint]:c==="xlarge",[a.isLgWidthBreakpoint]:c==="large",[a.isMdWidthBreakpoint]:c==="medium",[a.isSmWidthBreakpoint]:c==="small",[a.isXsWidthBreakpoint]:c==="xsmall",[a.isXlHeightBreakpoint]:h==="xlarge",[a.isLgHeightBreakpoint]:h==="large",[a.isMdHeightBreakpoint]:h==="medium",[a.isSmHeightBreakpoint]:h==="small",[a.isXsHeightBreakpoint]:h==="xsmall"};return u`<div style=${B(this.positionStyle)} class=${v(w(a.base,C,{[a.baseHidden]:!n||!o&&!t}))} .ariaHidden=${!n} .ariaLabel=${I(this.heading??"")} role=dialog popover=manual ${f(this._containerNode)}>${this._renderMainContainer()}${this._renderPointer()}</div>`}_renderPointer(){return!this.dockEnabled||!this.active?u`<div class=${v(a.pointer)} role=presentation><div class=${v(w(a.pointerDirection,a.shadow))} ${f(this._pointerNode)}></div></div>`:null}_renderMainContainer(){let t={[a.shadow]:this.dockEnabled};return u`<div class=${v(w(a.main,t))} ${f(this._mainContainerNode)}>${N(this.viewModel,u`<arcgis-features .collapsed=${this.collapsed} .featureNavigationTop=${this._featureNavigationTop} .headingLevel=${this.headingLevel} .hidden=${!this.active} .hideActionBar=${this.hideActionBar} .hideCloseButton=${this.hideCloseButton} .hideFeatureListLayerTitle=${this.hideFeatureListLayerTitle} .hideFeatureMenuHeading=${this.hideFeatureMenuHeading} .hideFeatureNavigation=${this.hideFeatureNavigation} .hideHeading=${this.hideHeading} .hideSpinner=${this.hideSpinner} @arcgisPropertyChange=${this._handleArcgisPropertyChange} @arcgisTriggerAction=${this._handleArcgisTriggerAction} @arcgisClose=${this._handleClose} .referenceElement=${this.referenceElement} .responsiveActionsEnabled=${!0} .showCollapseButton=${!this.hideCollapseButton} .viewModel=${this.viewModel} ${f(this._featuresComponent)}></arcgis-features>`)}</div>`}};E("arcgis-popup",$);return $},"widgets/Features/FeaturesViewModel","applications/Components/stringUtils","core/reactiveUtils","support/actions/ActionButton",a,b,c,d,e)