@esri/solutions-components 1.1.0 → 1.1.2

package/dist/cdn/{3S2J6YOU.js → 4HHR7PZR.js}

@@ -1,4 +1,4 @@
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0 */
-import{a as O}from"./GWXJIXZK.js";import{A as H,C as M,D as F,d as B,e as L}from"./U3VSDXKL.js";import{b as U}from"./PZJBWNEZ.js";import"./2XTYWT3B.js";import"./A7SGX5YT.js";import{B as S,C as m,D as h,E as I,G as a,H as b,I as C,h as T,i as n,j as w}from"./KCYMVFRG.js";import"./SMTMWRRV.js";var ee=T`:host{display:block;--instant-apps-social-share-action-width: initial;--instant-apps-social-share-width--s: 200px;--instant-apps-social-share-width--m: 280px;--instant-apps-social-share-width--l: 320px;--instant-apps-social-share-width-horizontal--s: 300px;--instant-apps-social-share-width-horizontal--m: 380px;--instant-apps-social-share-width-horizontal--l: 420px;--instant-apps-social-share-background-color: var(--calcite-color-foreground-1);--instant-apps-social-share-popover-button-background-color: transparent;--instant-apps-social-share-popover-button-icon-color: var(--calcite-icon-color);--instant-apps-social-share-embed-border: 1px solid $border;--instant-apps-social-share-embed-text-area-text: #468540}:host .instant-apps-social-share__popover-button{background-color:var(--instant-apps-social-share-popover-button-background-color)}:host .instant-apps-social-share__popover-button calcite-icon{color:var(--instant-apps-social-share-popover-button-icon-color)}:host .instant-apps-social-share__dialog,:host .instant-apps-social-share__dialog-embed{background-color:var(--instant-apps-social-share-background-color);border:var(--instant-apps-social-share-embed-border)}:host .instant-apps-social-share__dialog{box-sizing:border-box;height:auto;padding:10px 0;border-radius:5px;color:var(--calcite-color-text-1)}:host .instant-apps-social-share__options{margin:0;padding:1% 0 0;list-style-type:none}:host .instant-apps-social-share__options li{box-sizing:border-box;display:flex;align-items:center;width:100%;padding:5%;transition:background-color .15s ease-out 0s}:host .instant-apps-social-share__options li .instant-apps-social-share__icon,:host .instant-apps-social-share__options li .instant-apps-social-share__option-text{display:inline-block}:host .instant-apps-social-share__options li .instant-apps-social-share__icon{display:flex;align-items:center}:host .instant-apps-social-share__options li .instant-apps-social-share__option-text{width:85%;margin-left:10px;word-break:break-word}:host .instant-apps-social-share__options li .instant-apps-social-share__option-text--rtl{margin-left:0;margin-right:10px}:host .instant-apps-social-share__options li:hover{cursor:pointer;background-color:var(--calcite-color-foreground-2)}:host .instant-apps-social-share__options__x-logo--light path{fill:#000}:host .instant-apps-social-share__options__x-logo--dark path{fill:#fff}:host .instant-apps-social-share__tip{box-sizing:border-box;padding:0 5% 1%}:host .instant-apps-social-share__tip-header{display:flex;align-items:center;color:#007ac2;margin:8px 0 5px}:host .instant-apps-social-share__tip-header calcite-icon{margin-right:5px}:host .instant-apps-social-share__tip-content{line-height:17px;margin:0;padding-top:2%}:host .instant-apps-social-share__success{display:flex;flex-direction:column;padding:15px}:host .instant-apps-social-share__success-header{display:flex;align-items:center;font-weight:700;margin-bottom:10px}:host .instant-apps-social-share__success-icon{display:flex;align-items:center;margin-right:5px}:host .instant-apps-social-share__success-icon calcite-icon{color:var(--calcite-color-status-success)}:host .instant-apps-social-share__success-message{line-height:16px}:host .instant-apps-social-share__embed{box-sizing:border-box;width:100%;padding:5%;margin-bottom:10px;border-top:1px solid #d3d3d3}:host .instant-apps-social-share__embed-header{display:flex;align-items:center;margin-bottom:5px}:host .instant-apps-social-share__embed-header calcite-icon{margin-right:5px}:host .instant-apps-social-share__embed-code-text-area{border:1px solid #d3d3d3}:host .instant-apps-social-share__embed-code-text-area textarea{box-sizing:border-box;padding:4%;border:none;resize:none;background:transparent;width:100%;font-family:var(--calcite-sans-family);color:var(--calcite-color-text-1)}:host .instant-apps-social-share__embed-code-text-area button{display:flex;align-items:center;text-align:start;width:100%;border:none;border-top:1px solid #d3d3d3;background-color:transparent;line-height:16px;font-weight:400;padding:3%;color:var(--calcite-color-text-1)}:host .instant-apps-social-share__embed-code-text-area button calcite-icon{color:#007ac2;margin-right:3px}:host .instant-apps-social-share__embed-code-text-area button:hover{cursor:pointer;background-color:var(--calcite-color-foreground-2);transition:background-color .15s ease-out 0s}:host .instant-apps-social-share__embed-text-area-text{display:inline-block;padding-block-start:var(--calcite-spacing-md);font-weight:600;color:var(--instant-apps-social-share-embed-text-area-text)}:host .instant-apps-social-share__embed .instant-apps-social-share__text-area--rtl{text-align:left;direction:ltr}:host .instant-apps-social-share__embed-dimensions{display:flex;justify-content:space-between;margin-top:10px}:host .instant-apps-social-share__embed-dimensions-input{width:47%;box-sizing:border-box}:host .instant-apps-social-share__embed-dimensions-input input{border:1px solid #d3d3d3;width:100%;height:25px;font-family:var(--calcite-sans-family)}:host .instant-apps-social-share__layout--horizontal .instant-apps-social-share__options{display:flex;justify-content:space-around;margin-bottom:8%}:host .instant-apps-social-share__layout--horizontal .instant-apps-social-share__options li{flex-direction:column;padding:0}:host .instant-apps-social-share__layout--horizontal .instant-apps-social-share__options li .instant-apps-social-share__option-text{word-break:break-word;margin-left:0;margin-top:10px;text-align:center}:host .instant-apps-social-share__layout--horizontal .instant-apps-social-share__options li:hover{background-color:unset}:host .instant-apps-social-share__icon-container{display:flex;align-items:center}:host calcite-action{width:var(--instant-apps-social-share-action-width)}:host([scale=s]) .instant-apps-social-share__dialog{width:var(--instant-apps-social-share-width--s)}:host([scale=s]) .instant-apps-social-share__icon{width:16px;height:16px}:host([scale=s]) .instant-apps-social-share__option-text{font-size:var(--calcite-font-size--1)}:host([scale=s]) .instant-apps-social-share__dialog.instant-apps-social-share__layout--horizontal{width:var(--instant-apps-social-share-width-horizontal--s)}:host([scale=s]) .instant-apps-social-share__tip-header,:host([scale=s]) .instant-apps-social-share__tip-content,:host([scale=s]) .instant-apps-social-share__embed-header,:host([scale=s]) .instant-apps-social-share__embed-dimensions-input{font-size:var(--calcite-font-size--2)}:host([scale=m]) .instant-apps-social-share__dialog{width:var(--instant-apps-social-share-width--m)}:host([scale=m]) .instant-apps-social-share__icon{width:24px;height:24px}:host([scale=m]) .instant-apps-social-share__option-text{font-size:var(--calcite-font-size-0)}:host([scale=m]) .instant-apps-social-share__dialog.instant-apps-social-share__layout--horizontal{width:var(--instant-apps-social-share-width-horizontal--m)}:host([scale=m]) .instant-apps-social-share__tip-header,:host([scale=m]) .instant-apps-social-share__tip-content,:host([scale=m]) .instant-apps-social-share__embed-header,:host([scale=m]) .instant-apps-social-share__embed-dimensions-input{font-size:var(--calcite-font-size--1)}:host([scale=l]) .instant-apps-social-share__dialog{width:var(--instant-apps-social-share-width--l)}:host([scale=l]) .instant-apps-social-share__icon{width:32px;height:32px}:host([scale=l]) .instant-apps-social-share__option-text{font-size:var(--calcite-font-size-1)}:host([scale=l]) .instant-apps-social-share__dialog.instant-apps-social-share__layout--horizontal{width:var(--instant-apps-social-share-width-horizontal--l)}:host([scale=l]) .instant-apps-social-share__tip-header,:host([scale=l]) .instant-apps-social-share__tip-content,:host([scale=l]) .instant-apps-social-share__embed-header,:host([scale=l]) .instant-apps-social-share__embed-dimensions-input{font-size:var(--calcite-font-size-0)}`,i="instant-apps-social-share",N=".calcite-mode-dark",t={dialog:`${i}__dialog`,dialogContent:`${i}__dialog-content`,options:`${i}__options`,tipContainer:`${i}__tip`,tipHeader:`${i}__tip-header`,tipContent:`${i}__tip-content`,icon:`${i}__icon`,iconContainer:`${i}__icon-container`,optionText:`${i}__option-text`,popoverButton:`${i}__popover-button`,layout:{vertical:`${i}__layout--vertical`,horizontal:`${i}__layout--horizontal`},xLogo:{light:`${i}__x-logo--light`,dark:`${i}__x-logo--dark`},success:{container:`${i}__success`,header:`${i}__success-header`,message:`${i}__success-message`,icon:`${i}__success-icon`},embed:{container:`${i}__embed`,header:`${i}__embed-header`,embedCode:{container:`${i}__embed-code`,textArea:`${i}__embed-code-text-area`,copyButton:`${i}__embed-code-copy-button`},textAreaText:`${i}__embed-text-area-text`,dimensions:{container:`${i}__embed-dimensions`,input:`${i}__embed-dimensions-input`}},rtl:{optionText:`${i}__option-text--rtl`,textArea:`${i}__text-area--rtl`}},te={facebook:"https://www.facebook.com/sharer/sharer.php?u={url}",x:"https://x.com/intent/post?url={url}",linkedIn:"https://www.linkedin.com/sharing/share-offsite/?text={url}",bluesky:"https://bsky.app/intent/compose?text={url}"},E=1,z=class extends I{constructor(){super(...arguments),this._messages=O({name:"instant-apps-social-share"}),this.popoverRef=m(),this.embedWidthRef=m(),this.embedHeightRef=m(),this.embedCodeRef=m(),this.copyLinkPopoverRef=m(),this.copyEmbedPopoverRef=m(),this.dialogContentRef=m(),this.shareListRef=m(),this.popoverButtonRef=m(),this.handlePopoverRefKeyDown=async e=>{if(!this.isNativeShareEnabled)if(e.code==="Tab"){if(!this.shareListRef.value)return;let s=e.target,o=this.shareListRef.value.children[0],r=this.shareListRef.value.children[this.shareListRef.value.children.length-1];e.shiftKey&&s===o?(e.preventDefault(),r.focus()):!e.shiftKey&&s===r&&(e.preventDefault(),o.focus())}else e.code==="Escape"&&(this.closePopover(),await this.popoverButtonRef.value?.setFocus())},this.stopEventPropagation=e=>{e.stopPropagation()},this.autoCloseCallback=()=>{this.mode==="popover"&&this.popoverRef.value?(this.isPopoverOpen=!1,this.popoverRef.value.open=this.isPopoverOpen):(this.copyLinkPopoverRef.value&&(this.copyLinkPopoverRef.value.open=!1),this.inlineCopyLinkOpened=!1,this.copyEmbedPopoverRef.value&&(this.copyEmbedPopoverRef.value.open=!1),this.inlineCopyEmbedOpened=!1)},this.resetPopoverCopyState=async()=>{await this.popoverButtonRef.value?.setFocus(),setTimeout(()=>{this.isLinkCopiedToClipboard=!1},200)},this.isPopoverOpen=!1,this.isLinkCopiedToClipboard=!1,this.inlineCopyLinkOpened=!1,this.inlineCopyEmbedOpened=!1,this.embedWidth=400,this.embedHeight=600,this.mode="popover",this.shareUrl=window.location.href,this.autoUpdateShareUrl=!0,this.shareText="",this.embed=!1,this.shareButtonColor="neutral",this.shareButtonType="button",this.shareButtonScale="m",this.iframeInnerText="",this.popoverButtonIconScale="m",this.displayTipText=!0,this.shortenShareUrl=!0,this.socialMedia=!0,this.shareIconsLayout="vertical",this.scale="m",this.successMessage="",this.flipRtl=!1,this.defaultUrlParams=null,this.inlineSuccessPopoverPlacement="trailing",this.popoverPositioning="absolute",this.removePopoverOffset=!1,this.useNativeShare=!1,this.isNativeShareEnabled=!1}static{this.properties={isPopoverOpen:16,isLinkCopiedToClipboard:16,inlineCopyLinkOpened:16,inlineCopyEmbedOpened:16,embedWidth:16,embedHeight:16,mode:3,shareUrl:1,autoUpdateShareUrl:5,shareText:3,embed:7,shareButtonColor:3,shareButtonType:3,shareButtonScale:3,iframeInnerText:3,popoverButtonIconScale:3,view:0,displayTipText:7,shortenShareUrl:7,socialMedia:7,shareIconsLayout:3,scale:3,successMessage:3,flipRtl:7,defaultUrlParams:0,inlineSuccessPopoverPlacement:3,popoverPositioning:3,removePopoverOffset:7,useNativeShare:7,isNativeShareEnabled:7}}static{this.styles=ee}load(){document.documentElement.addEventListener("click",this.autoCloseCallback),this.isNativeShareEnabled=this.useNativeShare&&this.isMobileDevice}disconnectedCallback(){super.disconnectedCallback(),document.documentElement.removeEventListener("click",this.autoCloseCallback)}makeOptionKeyDownHandler(e){return async s=>{let o=s.code;(o==="Space"||o==="Enter")&&await this.handleShareItem(e)}}makeEmbedResizeHandler(e){let s=e==="width"?this.embedWidthRef.value:this.embedHeightRef.value;return()=>{if(!(!this.embed||this.isNativeShareEnabled)&&s){let o=Math.max(s.valueAsNumber??0,E);this[e==="width"?"embedWidth":"embedHeight"]=o}}}togglePopoverVisibility(e){e.stopPropagation(),this.isPopoverOpen=!this.isPopoverOpen,this.popoverRef.value&&(this.popoverRef.value.open=this.isPopoverOpen)}closePopover(){this.isPopoverOpen=!1,this.popoverRef.value&&(this.popoverRef.value.open=this.isPopoverOpen)}async handleShareItem(e){this.shareUrl=await this.generateShareUrl();let s=null,o=navigator?.userAgent?.includes("Chrome")??!1,r=(navigator?.userAgent?.includes("Safari")??!1)&&!o;!r&&this.shortenShareUrl&&(s=await this.shortenUrl(this.shareUrl));let l=s||this.shareUrl;switch(e){case"link":await navigator.clipboard.writeText(l),this.embed&&this.copyEmbedPopoverRef.value&&(this.copyEmbedPopoverRef.value.open=!1,this.inlineCopyEmbedOpened=!1),this.mode==="inline"&&this.copyLinkPopoverRef.value&&(this.copyLinkPopoverRef.value.open=!0,setTimeout(()=>{this.copyLinkPopoverRef.value&&(this.copyLinkPopoverRef.value.open=!1)},3e3)),this.inlineCopyLinkOpened=!0,this.isLinkCopiedToClipboard=!0,this.mode==="popover"&&setTimeout(()=>this.closePopover(),2e3);return;case"facebook":case"bluesky":case"x":case"linkedIn":{let p;r&&(p=window.open("","_blank"),this.shortenShareUrl&&(l=await this.shortenUrl(this.shareUrl)||l));let d={url:encodeURI(l)},f=e==="x"?{...d,text:this.shareText}:d,k=(await M()).substitute(te[e],f);this.mode==="popover"&&this.closePopover(),r&&p?(p.location=k,p.focus()):window.open(encodeURI(k),"_blank")}break;case"native-share":let v={title:this._messages.share?.label||"Share",text:this.shareText,url:encodeURI(l)};navigator?.canShare?.(v)?navigator.share(v).catch(p=>{console.error("Error using native share:",p)}):console.warn("Native share is not supported or the provided data is not shareable.");return}}async shortenUrl(e){let s=(await(await F())("https://arcg.is/prod/shorten",{query:{longUrl:e,f:"json"}}))?.data?.data?.url;if(s)return s.replace("http://","https://")}getEmbedCode(){return`<iframe src="${this.shareUrl}" width="${this.embedWidth}" height="${this.embedHeight}" frameborder="0" style="border:0" allowfullscreen>${this.iframeInnerText}</iframe>`}async copyEmbedCode(){await navigator.clipboard.writeText(this.getEmbedCode()),this.copyLinkPopoverRef.value&&(this.copyLinkPopoverRef.value.open=!1),this.inlineCopyLinkOpened=!1,this.copyEmbedPopoverRef.value&&(this.copyEmbedPopoverRef.value.open=!0,setTimeout(()=>{this.copyEmbedPopoverRef.value&&(this.copyEmbedPopoverRef.value.open=!1)},3e3)),this.inlineCopyEmbedOpened=!0}async generateShareUrl(){if(this.autoUpdateShareUrl&&(this.shareUrl=window.location.href),!this.view?.ready)return this.shareUrl;let{x:e,y:s}=this.view.center,{spatialReference:o}=this.view,r=await L({...o.toJSON()}),l=await B({x:e,y:s,spatialReference:r}),v=await this.processPoint(l),{isWGS84:p,isWebMercator:d}=v.spatialReference,f=p||d;return this.generateShareUrlParams(v,f)}async processPoint(e){let{isWGS84:s,isWebMercator:o}=e.spatialReference;if(s||o)return e;let r=await H(),l=await L({wkid:4326}),v=this.view?.spatialReference??l;try{return await r.load(),r.execute(e,v)}catch(p){console.error("Failed to project point to outSpatialReference",p);try{let d=r.execute(e,l);return Promise.resolve(d)}catch(d){return console.error("Failed to project point to fallbackOutSpatialReference",d),await Promise.reject(new Error("Failed to project point to both spatial references"))}}}generateShareUrlParams(e,s){let{longitude:o,latitude:r,x:l,y:v}=e;if(o===void 0||r===void 0||!this.view)return this.shareUrl;let p=this.roundValue(s?o:l),d=this.roundValue(s?r:v),{zoom:f}=this.view,k=this.roundValue(f),P=this.view?.popup?.selectedFeature,D=this.view?.popup?.visible,$,x;if(P&&D&&P?.layer?.type==="feature"){let _=P?.layer;$=_?.id,x=P.attributes[_.objectIdField]}let R=this.view.map?.allLayers.filter(_=>!_.visible).toArray().map(_=>_.id).toString().replaceAll(",",";"),{type:A}=this.view,{defaultUrlParams:g}=this,c=new URL(this.shareUrl),{searchParams:u}=c;if(u.get("center")&&u.delete("center"),u.get("level")&&u.delete("level"),u.get("selectedFeature")&&u.delete("selectedFeature"),u.get("hiddenLayers")&&u.delete("hiddenLayers"),u.get("viewpoint")&&u.delete("viewpoint"),A==="3d"){let{camera:_}=this.view,{heading:V,position:W,tilt:j}=_,{longitude:K,latitude:Z,x:G,y:X,z:q}=W,J=s?K:G,Q=s?Z:X,y={longitude:this.roundValue(J,8),latitude:this.roundValue(Q,8),z:this.roundValue(q,3),heading:this.roundValue(V,3),tilt:this.roundValue(j,3)},Y=`cam:${y.longitude},${y.latitude},${y.z}${!s&&this.view?.spatialReference?.wkid?`,${this.view?.spatialReference?.wkid}`:""};${y.heading},${y.tilt}`;return g?.viewpoint!==!1&&c.searchParams.set("viewpoint",Y),$&&x&&g?.selectedFeature!==!1&&c.searchParams.set("selectedFeature",`${$};${x}`),R&&g?.hiddenLayers!==!1&&c.searchParams.set("hiddenLayers",R),c.search=decodeURIComponent(c.search),c.href}return g?.center!==!1&&c.searchParams.set("center",`${p};${d}`),g?.level!==!1&&c.searchParams.set("level",`${k}`),$&&x&&g?.selectedFeature!==!1&&c.searchParams.set("selectedFeature",`${$};${x}`),R&&g?.hiddenLayers!==!1&&c.searchParams.set("hiddenLayers",R),c.search=decodeURIComponent(c.search),c.href}roundValue(e,s=4){return Number.parseFloat(e.toFixed(s))}get isMobileDevice(){return/Mobi|Android|iPhone|iPad|iPod/iu.test(navigator.userAgent)}render(){let e=this.isLinkCopiedToClipboard&&this.mode==="popover"?this.renderSuccess():n`<div class=${a(t.dialogContent)}>${this.renderMenuOptions()}${this.displayTipText?this.renderTip():null}${this.embed?this.renderEmbed():null}</div>`,s=this.shareIconsLayout==="vertical"?` ${t.layout.vertical}`:` ${t.layout.horizontal}`,o=` calcite-mode-${this.el.closest(N)?"dark":"light"}`,r=n`<div class=${`${t.dialog}${s}${o}`} @click=${this.stopEventPropagation} ${h(this.dialogContentRef)}>${e}</div>`,l=this.removePopoverOffset?0:6;return this.isNativeShareEnabled?this.renderShareButton():this.mode==="popover"?[n`<calcite-popover .open=${this.isPopoverOpen} .label=${this._messages.share?.label??""} reference-element=shareButton placement=bottom-start .scale=${this.scale} .overlayPositioning=${this.popoverPositioning} .offsetDistance=${l} .pointerDisabled=${this.removePopoverOffset} @calcitePopoverOpen=${()=>{!this.shareListRef.value||this.isNativeShareEnabled||this.shareListRef.value.children[0].focus()}} @calcitePopoverBeforeClose=${this.resetPopoverCopyState} @click=${this.stopEventPropagation} @keydown=${this.handlePopoverRefKeyDown} ${h(this.popoverRef)}>${r}</calcite-popover>`,this.renderShareButton()]:[r,n`<calcite-popover .label=${this._messages.share?.label??""} reference-element=copyToClipboard .placement=${this.inlineSuccessPopoverPlacement} .scale=${this.scale} overlay-positioning=fixed ${h(this.copyLinkPopoverRef)}>${this.renderSuccess()}</calcite-popover>`,this.embed?n`<calcite-popover .label=${this._messages.share?.label??""} reference-element=copyEmbedToClipboard .placement=${this.inlineSuccessPopoverPlacement} .scale=${this.scale} overlay-positioning=fixed ${h(this.copyEmbedPopoverRef)}>${this.renderEmbedSuccess()}</calcite-popover>`:null]}renderShareButton(){let e=this.shareButtonScale??this.scale,s=async r=>{this.isNativeShareEnabled?(r.stopPropagation(),await this.handleShareItem("native-share")):this.togglePopoverVisibility(r)},o=n`<div class=${a(t.iconContainer)}><calcite-icon icon=share .scale=${this.popoverButtonIconScale}></calcite-icon></div>`;return this.shareButtonType==="button"?n`<calcite-button id=shareButton class=${a(t.popoverButton)} .label=${this._messages.share?.label} title=${this._messages.share?.label??C} .scale=${e} @click=${s} .kind=${this.shareButtonColor} appearance=transparent ${h(this.isNativeShareEnabled?void 0:this.popoverButtonRef)}>${o}</calcite-button>`:n`<calcite-action id=shareButton class=${a(t.popoverButton)} .label=${this._messages.share?.label} title=${this._messages.share?.label??C} .scale=${e} @click=${s} appearance=transparent text alignment=center ${h(this.isNativeShareEnabled?void 0:this.popoverButtonRef)}>${o}</calcite-action>`}renderSuccess(){let e=this._messages.success;return n`<div class=${a(t.success.container)}><span class=${a(t.success.header)}><span class=${a(t.success.icon)}><calcite-icon icon=check-circle-f .scale=${this.scale}></calcite-icon></span>${e?.label}</span><span class=${a(t.success.message)}>${this.successMessage||e?.url}</span></div>`}renderEmbedSuccess(){let e=this._messages.success;return n`<div class=${a(t.success.container)}><span class=${a(t.success.header)}><span class=${a(t.success.icon)}><calcite-icon icon=check-circle-f .scale=${this.scale}></calcite-icon></span>${e?.label}</span><span class=${a(t.success.message)}>${e?.embed}</span></div>`}renderMenuOptions(){let e=this._messages.options,s=document.dir==="rtl"?` ${t.rtl.optionText}`:"";return n`<ul class=${a(t.options)} role=menu ${h(this.shareListRef)}><li id=copyToClipboard @click=${this.handleShareItem.bind(this,"link")} @keydown=${this.makeOptionKeyDownHandler("link")} role=menuitem tabindex=0><span class=${a(t.icon)}><calcite-icon icon=link .scale=${this.scale}></calcite-icon></span><span class=${`${t.optionText}${s}`}>${e?.link?.label}</span></li>${this.socialMedia?[n`<li @click=${this.handleShareItem.bind(this,"facebook")} @keydown=${this.makeOptionKeyDownHandler("facebook")} role=menuitem tabindex=0><span class=${a(t.icon)}>${this.renderFacebookIcon()}</span><span class=${`${t.optionText}${s}`}>${e?.facebook?.label}</span></li>`,n`<li @click=${this.handleShareItem.bind(this,"x")} @keydown=${this.makeOptionKeyDownHandler("x")} role=menuitem tabindex=0><span class=${a(t.icon)}>${this.renderXIcon()}</span><span class=${`${t.optionText}${s}`}>X</span></li>`,n`<li @click=${this.handleShareItem.bind(this,"linkedIn")} @keydown=${this.makeOptionKeyDownHandler("linkedIn")} role=menuitem tabindex=0><span class=${a(t.icon)}>${this.renderLinkedInIcon()}</span><span class=${`${t.optionText}${s}`}>${e?.linkedIn?.label}</span></li>`,n`<li @click=${this.handleShareItem.bind(this,"bluesky")} @keydown=${this.makeOptionKeyDownHandler("bluesky")} role=menuitem tabindex=0><span class=${a(t.icon)}>${this.renderBlueSkyIcon()}</span><span class=${`${t.optionText}${s}`}>${e?.blueSky?.label}</span></li>`]:null}</ul>`}renderFacebookIcon(){return n`<svg height=100% style=${b({fillRule:"evenodd",clipRule:"evenodd",strokeLinejoin:"round",strokeMiterlimit:"2"})} version=1.1 viewBox="0 0 512 512" width=100% xmlns=http://www.w3.org/2000/svg>${w`<g><path d="M512,256c0,-141.385 -114.615,-256 -256,-256c-141.385,0 -256,114.615 -256,256c0,127.777 93.616,233.685 216,252.89l0,-178.89l-65,0l0,-74l65,0l0,-56.4c0,-64.16 38.219,-99.6 96.695,-99.6c28.009,0 57.305,5 57.305,5l0,63l-32.281,0c-31.801,0 -41.719,19.733 -41.719,39.978l0,48.022l71,0l-11.35,74l-59.65,0l0,178.89c122.385,-19.205 216,-125.113 216,-252.89Z" style=${b({fill:"#1877f2",fillRule:"nonzero"})} /><path d="M355.65,330l11.35,-74l-71,0l0,-48.022c0,-20.245 9.917,-39.978 41.719,-39.978l32.281,0l0,-63c0,0 -29.297,-5 -57.305,-5c-58.476,0 -96.695,35.44 -96.695,99.6l0,56.4l-65,0l0,74l65,0l0,178.89c13.033,2.045 26.392,3.11 40,3.11c13.608,0 26.966,-1.065 40,-3.11l0,-178.89l59.65,0Z" style=${b({fill:"#fff",fillRule:"nonzero"})} /></g>`}</svg>`}renderXIcon(){let e=!!this.el.closest(N);return n`<svg height=100% class=${a(e?t.xLogo.dark:t.xLogo.light)} viewBox="0 0 1200 1227" fill=none xmlns=http://www.w3.org/2000/svg>${w`<rect height=400 style=${b({fill:"none"})} width=400 x=56 y=56 /><path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" fill=${e?"white":"black"} />`}</svg>`}renderBlueSkyIcon(){return n`<svg height=100% fill=#0f85fe xmlns=http://www.w3.org/2000/svg viewBox="0 0 512 512">${w`<path d="M111.8 62.2C170.2 105.9 233 194.7 256 242.4c23-47.6 85.8-136.4 144.2-180.2c42.1-31.6 110.3-56 110.3 21.8c0 15.5-8.9 130.5-14.1 149.2C478.2 298 412 314.6 353.1 304.5c102.9 17.5 129.1 75.5 72.5 133.5c-107.4 110.2-154.3-27.6-166.3-62.9l0 0c-1.7-4.9-2.6-7.8-3.3-7.8s-1.6 3-3.3 7.8l0 0c-12 35.3-59 173.1-166.3 62.9c-56.5-58-30.4-116 72.5-133.5C100 314.6 33.8 298 15.7 233.1C10.4 214.4 1.5 99.4 1.5 83.9c0-77.8 68.2-53.4 110.3-21.8z" />`}</svg>`}renderLinkedInIcon(){return n`<svg height=100% style=${b({fillRule:"evenodd",clipRule:"evenodd",strokeLinejoin:"round",strokeMiterlimit:"2"})} version=1.1 viewBox="0 0 512 512" width=100% xmlns=http://www.w3.org/2000/svg>${w`<g id=g5891><path d="M512,64c0,-35.323 -28.677,-64 -64,-64l-384,0c-35.323,0 -64,28.677 -64,64l0,384c0,35.323 28.677,64 64,64l384,0c35.323,0 64,-28.677 64,-64l0,-384Z" id=background style=${b({fill:"#2867b2"})} /><g id=shapes><rect height=257.962 id=rect11 style=${b({fill:"#fff"})} width=85.76 x=61.053 y=178.667 /><path d="M104.512,54.28c-29.341,0 -48.512,19.29 -48.512,44.573c0,24.752 18.588,44.574 47.377,44.574l0.554,0c29.903,0 48.516,-19.822 48.516,-44.574c-0.555,-25.283 -18.611,-44.573 -47.935,-44.573Z" id=path13-0 style=${b({fill:"#fff",fillRule:"nonzero"})} /><path d="M357.278,172.601c-45.49,0 -65.866,25.017 -77.276,42.589l0,-36.523l-85.738,0c1.137,24.197 0,257.961 0,257.961l85.737,0l0,-144.064c0,-7.711 0.554,-15.42 2.827,-20.931c6.188,-15.4 20.305,-31.352 43.993,-31.352c31.012,0 43.436,23.664 43.436,58.327l0,138.02l85.741,0l0,-147.93c0,-79.237 -42.305,-116.097 -98.72,-116.097Z" id=path15 style=${b({fill:"#fff",fillRule:"nonzero"})} /></g></g>`}</svg>`}renderTip(){let e=this._messages.info;return n`<div class=${a(t.tipContainer)}><span class=${a(t.tipHeader)}><calcite-icon icon=lightbulb .scale=${this.scale}></calcite-icon><span>${e?.label}</span></span><p class=${a(t.tipContent)}>${e?.tooltip}</p></div>`}renderEmbed(){let e=this._messages.embed,s=document.dir==="rtl"?` ${t.rtl.textArea}`:"";return n`<div class=${a(t.embed.container)}><span class=${a(t.embed.header)}><calcite-icon icon=code .scale=${this.scale}></calcite-icon><span>${this._messages.embed?.label}</span></span><div class=${a(t.embed.embedCode.container)}><div class=${a(t.embed.embedCode.textArea)}><textarea cols=30 rows=5 readonly class=${a(s)} .value=${S(this.getEmbedCode()??"")} ${h(this.embedCodeRef)}></textarea><button id=copyEmbedToClipboard @click=${this.copyEmbedCode} class=${a(t.embed.embedCode.copyButton)}><calcite-icon icon=copy .scale=${this.scale}></calcite-icon><span>${e?.copy}</span></button></div><span class=${a(t.embed.textAreaText)}><slot name=text-area-text></slot></span><div class=${a(t.embed.dimensions.container)}><label class=${a(t.embed.dimensions.input)}><span>${e?.width}</span><input type=number @keydown=${o=>["e","E","+","-"].includes(o.key)&&o.preventDefault()} @change=${this.makeEmbedResizeHandler("width")} .value=${S(this.embedWidth??"")} min=${E} ${h(this.embedWidthRef)}></label><label class=${a(t.embed.dimensions.input)}><span>${e?.height}</span><input type=number @keydown=${o=>["e","E","+","-"].includes(o.key)&&o.preventDefault()} @change=${this.makeEmbedResizeHandler("height")} .value=${S(this.embedHeight??"")} min=${E} ${h(this.embedHeightRef)}></label></div></div></div>`}};U("instant-apps-social-share",z);export{z as InstantAppsSocialShare};
+v1.1.2 */
+import{a as O}from"./4CQTDBOU.js";import{A as H,C as M,D as F,d as B,e as L}from"./HYIFXLL5.js";import{b as U}from"./GKH6SK5J.js";import"./BJQAP3O2.js";import"./SIOIWWJS.js";import{B as S,C as m,D as h,E as I,G as a,H as b,I as C,h as T,i as n,j as w}from"./C3RJP556.js";import"./PR5LDTTA.js";var ee=T`:host{display:block;--instant-apps-social-share-action-width: initial;--instant-apps-social-share-width--s: 200px;--instant-apps-social-share-width--m: 280px;--instant-apps-social-share-width--l: 320px;--instant-apps-social-share-width-horizontal--s: 300px;--instant-apps-social-share-width-horizontal--m: 380px;--instant-apps-social-share-width-horizontal--l: 420px;--instant-apps-social-share-background-color: var(--calcite-color-foreground-1);--instant-apps-social-share-popover-button-background-color: transparent;--instant-apps-social-share-popover-button-icon-color: var(--calcite-icon-color);--instant-apps-social-share-embed-border: 1px solid $border;--instant-apps-social-share-embed-text-area-text: #468540}:host .instant-apps-social-share__popover-button{background-color:var(--instant-apps-social-share-popover-button-background-color)}:host .instant-apps-social-share__popover-button calcite-icon{color:var(--instant-apps-social-share-popover-button-icon-color)}:host .instant-apps-social-share__dialog,:host .instant-apps-social-share__dialog-embed{background-color:var(--instant-apps-social-share-background-color);border:var(--instant-apps-social-share-embed-border)}:host .instant-apps-social-share__dialog{box-sizing:border-box;height:auto;padding:10px 0;border-radius:5px;color:var(--calcite-color-text-1)}:host .instant-apps-social-share__options{margin:0;padding:1% 0 0;list-style-type:none}:host .instant-apps-social-share__options li{box-sizing:border-box;display:flex;align-items:center;width:100%;padding:5%;transition:background-color .15s ease-out 0s}:host .instant-apps-social-share__options li .instant-apps-social-share__icon,:host .instant-apps-social-share__options li .instant-apps-social-share__option-text{display:inline-block}:host .instant-apps-social-share__options li .instant-apps-social-share__icon{display:flex;align-items:center}:host .instant-apps-social-share__options li .instant-apps-social-share__option-text{width:85%;margin-left:10px;word-break:break-word}:host .instant-apps-social-share__options li .instant-apps-social-share__option-text--rtl{margin-left:0;margin-right:10px}:host .instant-apps-social-share__options li:hover{cursor:pointer;background-color:var(--calcite-color-foreground-2)}:host .instant-apps-social-share__options__x-logo--light path{fill:#000}:host .instant-apps-social-share__options__x-logo--dark path{fill:#fff}:host .instant-apps-social-share__tip{box-sizing:border-box;padding:0 5% 1%}:host .instant-apps-social-share__tip-header{display:flex;align-items:center;color:#007ac2;margin:8px 0 5px}:host .instant-apps-social-share__tip-header calcite-icon{margin-right:5px}:host .instant-apps-social-share__tip-content{line-height:17px;margin:0;padding-top:2%}:host .instant-apps-social-share__success{display:flex;flex-direction:column;padding:15px}:host .instant-apps-social-share__success-header{display:flex;align-items:center;font-weight:700;margin-bottom:10px}:host .instant-apps-social-share__success-icon{display:flex;align-items:center;margin-right:5px}:host .instant-apps-social-share__success-icon calcite-icon{color:var(--calcite-color-status-success)}:host .instant-apps-social-share__success-message{line-height:16px}:host .instant-apps-social-share__embed{box-sizing:border-box;width:100%;padding:5%;margin-bottom:10px;border-top:1px solid #d3d3d3}:host .instant-apps-social-share__embed-header{display:flex;align-items:center;margin-bottom:5px}:host .instant-apps-social-share__embed-header calcite-icon{margin-right:5px}:host .instant-apps-social-share__embed-code-text-area{border:1px solid #d3d3d3}:host .instant-apps-social-share__embed-code-text-area textarea{box-sizing:border-box;padding:4%;border:none;resize:none;background:transparent;width:100%;font-family:var(--calcite-sans-family);color:var(--calcite-color-text-1)}:host .instant-apps-social-share__embed-code-text-area button{display:flex;align-items:center;text-align:start;width:100%;border:none;border-top:1px solid #d3d3d3;background-color:transparent;line-height:16px;font-weight:400;padding:3%;color:var(--calcite-color-text-1)}:host .instant-apps-social-share__embed-code-text-area button calcite-icon{color:#007ac2;margin-right:3px}:host .instant-apps-social-share__embed-code-text-area button:hover{cursor:pointer;background-color:var(--calcite-color-foreground-2);transition:background-color .15s ease-out 0s}:host .instant-apps-social-share__embed-text-area-text{display:inline-block;padding-block-start:var(--calcite-spacing-md);font-weight:600;color:var(--instant-apps-social-share-embed-text-area-text)}:host .instant-apps-social-share__embed .instant-apps-social-share__text-area--rtl{text-align:left;direction:ltr}:host .instant-apps-social-share__embed-dimensions{display:flex;justify-content:space-between;margin-top:10px}:host .instant-apps-social-share__embed-dimensions-input{width:47%;box-sizing:border-box}:host .instant-apps-social-share__embed-dimensions-input input{border:1px solid #d3d3d3;width:100%;height:25px;font-family:var(--calcite-sans-family)}:host .instant-apps-social-share__layout--horizontal .instant-apps-social-share__options{display:flex;justify-content:space-around;margin-bottom:8%}:host .instant-apps-social-share__layout--horizontal .instant-apps-social-share__options li{flex-direction:column;padding:0}:host .instant-apps-social-share__layout--horizontal .instant-apps-social-share__options li .instant-apps-social-share__option-text{word-break:break-word;margin-left:0;margin-top:10px;text-align:center}:host .instant-apps-social-share__layout--horizontal .instant-apps-social-share__options li:hover{background-color:unset}:host .instant-apps-social-share__icon-container{display:flex;align-items:center}:host calcite-action{width:var(--instant-apps-social-share-action-width)}:host([scale=s]) .instant-apps-social-share__dialog{width:var(--instant-apps-social-share-width--s)}:host([scale=s]) .instant-apps-social-share__icon{width:16px;height:16px}:host([scale=s]) .instant-apps-social-share__option-text{font-size:var(--calcite-font-size--1)}:host([scale=s]) .instant-apps-social-share__dialog.instant-apps-social-share__layout--horizontal{width:var(--instant-apps-social-share-width-horizontal--s)}:host([scale=s]) .instant-apps-social-share__tip-header,:host([scale=s]) .instant-apps-social-share__tip-content,:host([scale=s]) .instant-apps-social-share__embed-header,:host([scale=s]) .instant-apps-social-share__embed-dimensions-input{font-size:var(--calcite-font-size--2)}:host([scale=m]) .instant-apps-social-share__dialog{width:var(--instant-apps-social-share-width--m)}:host([scale=m]) .instant-apps-social-share__icon{width:24px;height:24px}:host([scale=m]) .instant-apps-social-share__option-text{font-size:var(--calcite-font-size-0)}:host([scale=m]) .instant-apps-social-share__dialog.instant-apps-social-share__layout--horizontal{width:var(--instant-apps-social-share-width-horizontal--m)}:host([scale=m]) .instant-apps-social-share__tip-header,:host([scale=m]) .instant-apps-social-share__tip-content,:host([scale=m]) .instant-apps-social-share__embed-header,:host([scale=m]) .instant-apps-social-share__embed-dimensions-input{font-size:var(--calcite-font-size--1)}:host([scale=l]) .instant-apps-social-share__dialog{width:var(--instant-apps-social-share-width--l)}:host([scale=l]) .instant-apps-social-share__icon{width:32px;height:32px}:host([scale=l]) .instant-apps-social-share__option-text{font-size:var(--calcite-font-size-1)}:host([scale=l]) .instant-apps-social-share__dialog.instant-apps-social-share__layout--horizontal{width:var(--instant-apps-social-share-width-horizontal--l)}:host([scale=l]) .instant-apps-social-share__tip-header,:host([scale=l]) .instant-apps-social-share__tip-content,:host([scale=l]) .instant-apps-social-share__embed-header,:host([scale=l]) .instant-apps-social-share__embed-dimensions-input{font-size:var(--calcite-font-size-0)}`,i="instant-apps-social-share",N=".calcite-mode-dark",t={dialog:`${i}__dialog`,dialogContent:`${i}__dialog-content`,options:`${i}__options`,tipContainer:`${i}__tip`,tipHeader:`${i}__tip-header`,tipContent:`${i}__tip-content`,icon:`${i}__icon`,iconContainer:`${i}__icon-container`,optionText:`${i}__option-text`,popoverButton:`${i}__popover-button`,layout:{vertical:`${i}__layout--vertical`,horizontal:`${i}__layout--horizontal`},xLogo:{light:`${i}__x-logo--light`,dark:`${i}__x-logo--dark`},success:{container:`${i}__success`,header:`${i}__success-header`,message:`${i}__success-message`,icon:`${i}__success-icon`},embed:{container:`${i}__embed`,header:`${i}__embed-header`,embedCode:{container:`${i}__embed-code`,textArea:`${i}__embed-code-text-area`,copyButton:`${i}__embed-code-copy-button`},textAreaText:`${i}__embed-text-area-text`,dimensions:{container:`${i}__embed-dimensions`,input:`${i}__embed-dimensions-input`}},rtl:{optionText:`${i}__option-text--rtl`,textArea:`${i}__text-area--rtl`}},te={facebook:"https://www.facebook.com/sharer/sharer.php?u={url}",x:"https://x.com/intent/post?url={url}",linkedIn:"https://www.linkedin.com/sharing/share-offsite/?text={url}",bluesky:"https://bsky.app/intent/compose?text={url}"},E=1,z=class extends I{constructor(){super(...arguments),this._messages=O({name:"instant-apps-social-share"}),this.popoverRef=m(),this.embedWidthRef=m(),this.embedHeightRef=m(),this.embedCodeRef=m(),this.copyLinkPopoverRef=m(),this.copyEmbedPopoverRef=m(),this.dialogContentRef=m(),this.shareListRef=m(),this.popoverButtonRef=m(),this.handlePopoverRefKeyDown=async e=>{if(!this.isNativeShareEnabled)if(e.code==="Tab"){if(!this.shareListRef.value)return;let s=e.target,o=this.shareListRef.value.children[0],r=this.shareListRef.value.children[this.shareListRef.value.children.length-1];e.shiftKey&&s===o?(e.preventDefault(),r.focus()):!e.shiftKey&&s===r&&(e.preventDefault(),o.focus())}else e.code==="Escape"&&(this.closePopover(),await this.popoverButtonRef.value?.setFocus())},this.stopEventPropagation=e=>{e.stopPropagation()},this.autoCloseCallback=()=>{this.mode==="popover"&&this.popoverRef.value?(this.isPopoverOpen=!1,this.popoverRef.value.open=this.isPopoverOpen):(this.copyLinkPopoverRef.value&&(this.copyLinkPopoverRef.value.open=!1),this.inlineCopyLinkOpened=!1,this.copyEmbedPopoverRef.value&&(this.copyEmbedPopoverRef.value.open=!1),this.inlineCopyEmbedOpened=!1)},this.resetPopoverCopyState=async()=>{await this.popoverButtonRef.value?.setFocus(),setTimeout(()=>{this.isLinkCopiedToClipboard=!1},200)},this.isPopoverOpen=!1,this.isLinkCopiedToClipboard=!1,this.inlineCopyLinkOpened=!1,this.inlineCopyEmbedOpened=!1,this.embedWidth=400,this.embedHeight=600,this.mode="popover",this.shareUrl=window.location.href,this.autoUpdateShareUrl=!0,this.shareText="",this.embed=!1,this.shareButtonColor="neutral",this.shareButtonType="button",this.shareButtonScale="m",this.iframeInnerText="",this.popoverButtonIconScale="m",this.displayTipText=!0,this.shortenShareUrl=!0,this.socialMedia=!0,this.shareIconsLayout="vertical",this.scale="m",this.successMessage="",this.flipRtl=!1,this.defaultUrlParams=null,this.inlineSuccessPopoverPlacement="trailing",this.popoverPositioning="absolute",this.removePopoverOffset=!1,this.useNativeShare=!1,this.isNativeShareEnabled=!1}static{this.properties={isPopoverOpen:16,isLinkCopiedToClipboard:16,inlineCopyLinkOpened:16,inlineCopyEmbedOpened:16,embedWidth:16,embedHeight:16,mode:3,shareUrl:1,autoUpdateShareUrl:5,shareText:3,embed:7,shareButtonColor:3,shareButtonType:3,shareButtonScale:3,iframeInnerText:3,popoverButtonIconScale:3,view:0,displayTipText:7,shortenShareUrl:7,socialMedia:7,shareIconsLayout:3,scale:3,successMessage:3,flipRtl:7,defaultUrlParams:0,inlineSuccessPopoverPlacement:3,popoverPositioning:3,removePopoverOffset:7,useNativeShare:7,isNativeShareEnabled:7}}static{this.styles=ee}load(){document.documentElement.addEventListener("click",this.autoCloseCallback),this.isNativeShareEnabled=this.useNativeShare&&this.isMobileDevice}disconnectedCallback(){super.disconnectedCallback(),document.documentElement.removeEventListener("click",this.autoCloseCallback)}makeOptionKeyDownHandler(e){return async s=>{let o=s.code;(o==="Space"||o==="Enter")&&await this.handleShareItem(e)}}makeEmbedResizeHandler(e){let s=e==="width"?this.embedWidthRef.value:this.embedHeightRef.value;return()=>{if(!(!this.embed||this.isNativeShareEnabled)&&s){let o=Math.max(s.valueAsNumber??0,E);this[e==="width"?"embedWidth":"embedHeight"]=o}}}togglePopoverVisibility(e){e.stopPropagation(),this.isPopoverOpen=!this.isPopoverOpen,this.popoverRef.value&&(this.popoverRef.value.open=this.isPopoverOpen)}closePopover(){this.isPopoverOpen=!1,this.popoverRef.value&&(this.popoverRef.value.open=this.isPopoverOpen)}async handleShareItem(e){this.shareUrl=await this.generateShareUrl();let s=null,o=navigator?.userAgent?.includes("Chrome")??!1,r=(navigator?.userAgent?.includes("Safari")??!1)&&!o;!r&&this.shortenShareUrl&&(s=await this.shortenUrl(this.shareUrl));let l=s||this.shareUrl;switch(e){case"link":await navigator.clipboard.writeText(l),this.embed&&this.copyEmbedPopoverRef.value&&(this.copyEmbedPopoverRef.value.open=!1,this.inlineCopyEmbedOpened=!1),this.mode==="inline"&&this.copyLinkPopoverRef.value&&(this.copyLinkPopoverRef.value.open=!0,setTimeout(()=>{this.copyLinkPopoverRef.value&&(this.copyLinkPopoverRef.value.open=!1)},3e3)),this.inlineCopyLinkOpened=!0,this.isLinkCopiedToClipboard=!0,this.mode==="popover"&&setTimeout(()=>this.closePopover(),2e3);return;case"facebook":case"bluesky":case"x":case"linkedIn":{let p;r&&(p=window.open("","_blank"),this.shortenShareUrl&&(l=await this.shortenUrl(this.shareUrl)||l));let d={url:encodeURI(l)},f=e==="x"?{...d,text:this.shareText}:d,k=(await M()).substitute(te[e],f);this.mode==="popover"&&this.closePopover(),r&&p?(p.location=k,p.focus()):window.open(encodeURI(k),"_blank")}break;case"native-share":let v={title:this._messages.share?.label||"Share",text:this.shareText,url:encodeURI(l)};navigator?.canShare?.(v)?navigator.share(v).catch(p=>{console.error("Error using native share:",p)}):console.warn("Native share is not supported or the provided data is not shareable.");return}}async shortenUrl(e){let s=(await(await F())("https://arcg.is/prod/shorten",{query:{longUrl:e,f:"json"}}))?.data?.data?.url;if(s)return s.replace("http://","https://")}getEmbedCode(){return`<iframe src="${this.shareUrl}" width="${this.embedWidth}" height="${this.embedHeight}" frameborder="0" style="border:0" allowfullscreen>${this.iframeInnerText}</iframe>`}async copyEmbedCode(){await navigator.clipboard.writeText(this.getEmbedCode()),this.copyLinkPopoverRef.value&&(this.copyLinkPopoverRef.value.open=!1),this.inlineCopyLinkOpened=!1,this.copyEmbedPopoverRef.value&&(this.copyEmbedPopoverRef.value.open=!0,setTimeout(()=>{this.copyEmbedPopoverRef.value&&(this.copyEmbedPopoverRef.value.open=!1)},3e3)),this.inlineCopyEmbedOpened=!0}async generateShareUrl(){if(this.autoUpdateShareUrl&&(this.shareUrl=window.location.href),!this.view?.ready)return this.shareUrl;let{x:e,y:s}=this.view.center,{spatialReference:o}=this.view,r=await L({...o.toJSON()}),l=await B({x:e,y:s,spatialReference:r}),v=await this.processPoint(l),{isWGS84:p,isWebMercator:d}=v.spatialReference,f=p||d;return this.generateShareUrlParams(v,f)}async processPoint(e){let{isWGS84:s,isWebMercator:o}=e.spatialReference;if(s||o)return e;let r=await H(),l=await L({wkid:4326}),v=this.view?.spatialReference??l;try{return await r.load(),r.execute(e,v)}catch(p){console.error("Failed to project point to outSpatialReference",p);try{let d=r.execute(e,l);return Promise.resolve(d)}catch(d){return console.error("Failed to project point to fallbackOutSpatialReference",d),await Promise.reject(new Error("Failed to project point to both spatial references"))}}}generateShareUrlParams(e,s){let{longitude:o,latitude:r,x:l,y:v}=e;if(o===void 0||r===void 0||!this.view)return this.shareUrl;let p=this.roundValue(s?o:l),d=this.roundValue(s?r:v),{zoom:f}=this.view,k=this.roundValue(f),P=this.view?.popup?.selectedFeature,D=this.view?.popup?.visible,$,x;if(P&&D&&P?.layer?.type==="feature"){let _=P?.layer;$=_?.id,x=P.attributes[_.objectIdField]}let R=this.view.map?.allLayers.filter(_=>!_.visible).toArray().map(_=>_.id).toString().replaceAll(",",";"),{type:A}=this.view,{defaultUrlParams:g}=this,c=new URL(this.shareUrl),{searchParams:u}=c;if(u.get("center")&&u.delete("center"),u.get("level")&&u.delete("level"),u.get("selectedFeature")&&u.delete("selectedFeature"),u.get("hiddenLayers")&&u.delete("hiddenLayers"),u.get("viewpoint")&&u.delete("viewpoint"),A==="3d"){let{camera:_}=this.view,{heading:V,position:W,tilt:j}=_,{longitude:K,latitude:Z,x:G,y:X,z:q}=W,J=s?K:G,Q=s?Z:X,y={longitude:this.roundValue(J,8),latitude:this.roundValue(Q,8),z:this.roundValue(q,3),heading:this.roundValue(V,3),tilt:this.roundValue(j,3)},Y=`cam:${y.longitude},${y.latitude},${y.z}${!s&&this.view?.spatialReference?.wkid?`,${this.view?.spatialReference?.wkid}`:""};${y.heading},${y.tilt}`;return g?.viewpoint!==!1&&c.searchParams.set("viewpoint",Y),$&&x&&g?.selectedFeature!==!1&&c.searchParams.set("selectedFeature",`${$};${x}`),R&&g?.hiddenLayers!==!1&&c.searchParams.set("hiddenLayers",R),c.search=decodeURIComponent(c.search),c.href}return g?.center!==!1&&c.searchParams.set("center",`${p};${d}`),g?.level!==!1&&c.searchParams.set("level",`${k}`),$&&x&&g?.selectedFeature!==!1&&c.searchParams.set("selectedFeature",`${$};${x}`),R&&g?.hiddenLayers!==!1&&c.searchParams.set("hiddenLayers",R),c.search=decodeURIComponent(c.search),c.href}roundValue(e,s=4){return Number.parseFloat(e.toFixed(s))}get isMobileDevice(){return/Mobi|Android|iPhone|iPad|iPod/iu.test(navigator.userAgent)}render(){let e=this.isLinkCopiedToClipboard&&this.mode==="popover"?this.renderSuccess():n`<div class=${a(t.dialogContent)}>${this.renderMenuOptions()}${this.displayTipText?this.renderTip():null}${this.embed?this.renderEmbed():null}</div>`,s=this.shareIconsLayout==="vertical"?` ${t.layout.vertical}`:` ${t.layout.horizontal}`,o=` calcite-mode-${this.el.closest(N)?"dark":"light"}`,r=n`<div class=${`${t.dialog}${s}${o}`} @click=${this.stopEventPropagation} ${h(this.dialogContentRef)}>${e}</div>`,l=this.removePopoverOffset?0:6;return this.isNativeShareEnabled?this.renderShareButton():this.mode==="popover"?[n`<calcite-popover .open=${this.isPopoverOpen} .label=${this._messages.share?.label??""} reference-element=shareButton placement=bottom-start .scale=${this.scale} .overlayPositioning=${this.popoverPositioning} .offsetDistance=${l} .pointerDisabled=${this.removePopoverOffset} @calcitePopoverOpen=${()=>{!this.shareListRef.value||this.isNativeShareEnabled||this.shareListRef.value.children[0].focus()}} @calcitePopoverBeforeClose=${this.resetPopoverCopyState} @click=${this.stopEventPropagation} @keydown=${this.handlePopoverRefKeyDown} ${h(this.popoverRef)}>${r}</calcite-popover>`,this.renderShareButton()]:[r,n`<calcite-popover .label=${this._messages.share?.label??""} reference-element=copyToClipboard .placement=${this.inlineSuccessPopoverPlacement} .scale=${this.scale} overlay-positioning=fixed ${h(this.copyLinkPopoverRef)}>${this.renderSuccess()}</calcite-popover>`,this.embed?n`<calcite-popover .label=${this._messages.share?.label??""} reference-element=copyEmbedToClipboard .placement=${this.inlineSuccessPopoverPlacement} .scale=${this.scale} overlay-positioning=fixed ${h(this.copyEmbedPopoverRef)}>${this.renderEmbedSuccess()}</calcite-popover>`:null]}renderShareButton(){let e=this.shareButtonScale??this.scale,s=async r=>{this.isNativeShareEnabled?(r.stopPropagation(),await this.handleShareItem("native-share")):this.togglePopoverVisibility(r)},o=n`<div class=${a(t.iconContainer)}><calcite-icon icon=share .scale=${this.popoverButtonIconScale}></calcite-icon></div>`;return this.shareButtonType==="button"?n`<calcite-button id=shareButton class=${a(t.popoverButton)} .label=${this._messages.share?.label} title=${this._messages.share?.label??C} .scale=${e} @click=${s} .kind=${this.shareButtonColor} appearance=transparent ${h(this.isNativeShareEnabled?void 0:this.popoverButtonRef)}>${o}</calcite-button>`:n`<calcite-action id=shareButton class=${a(t.popoverButton)} .label=${this._messages.share?.label} title=${this._messages.share?.label??C} .scale=${e} @click=${s} appearance=transparent text alignment=center ${h(this.isNativeShareEnabled?void 0:this.popoverButtonRef)}>${o}</calcite-action>`}renderSuccess(){let e=this._messages.success;return n`<div class=${a(t.success.container)}><span class=${a(t.success.header)}><span class=${a(t.success.icon)}><calcite-icon icon=check-circle-f .scale=${this.scale}></calcite-icon></span>${e?.label}</span><span class=${a(t.success.message)}>${this.successMessage||e?.url}</span></div>`}renderEmbedSuccess(){let e=this._messages.success;return n`<div class=${a(t.success.container)}><span class=${a(t.success.header)}><span class=${a(t.success.icon)}><calcite-icon icon=check-circle-f .scale=${this.scale}></calcite-icon></span>${e?.label}</span><span class=${a(t.success.message)}>${e?.embed}</span></div>`}renderMenuOptions(){let e=this._messages.options,s=document.dir==="rtl"?` ${t.rtl.optionText}`:"";return n`<ul class=${a(t.options)} role=menu ${h(this.shareListRef)}><li id=copyToClipboard @click=${this.handleShareItem.bind(this,"link")} @keydown=${this.makeOptionKeyDownHandler("link")} role=menuitem tabindex=0><span class=${a(t.icon)}><calcite-icon icon=link .scale=${this.scale}></calcite-icon></span><span class=${`${t.optionText}${s}`}>${e?.link?.label}</span></li>${this.socialMedia?[n`<li @click=${this.handleShareItem.bind(this,"facebook")} @keydown=${this.makeOptionKeyDownHandler("facebook")} role=menuitem tabindex=0><span class=${a(t.icon)}>${this.renderFacebookIcon()}</span><span class=${`${t.optionText}${s}`}>${e?.facebook?.label}</span></li>`,n`<li @click=${this.handleShareItem.bind(this,"x")} @keydown=${this.makeOptionKeyDownHandler("x")} role=menuitem tabindex=0><span class=${a(t.icon)}>${this.renderXIcon()}</span><span class=${`${t.optionText}${s}`}>X</span></li>`,n`<li @click=${this.handleShareItem.bind(this,"linkedIn")} @keydown=${this.makeOptionKeyDownHandler("linkedIn")} role=menuitem tabindex=0><span class=${a(t.icon)}>${this.renderLinkedInIcon()}</span><span class=${`${t.optionText}${s}`}>${e?.linkedIn?.label}</span></li>`,n`<li @click=${this.handleShareItem.bind(this,"bluesky")} @keydown=${this.makeOptionKeyDownHandler("bluesky")} role=menuitem tabindex=0><span class=${a(t.icon)}>${this.renderBlueSkyIcon()}</span><span class=${`${t.optionText}${s}`}>${e?.blueSky?.label}</span></li>`]:null}</ul>`}renderFacebookIcon(){return n`<svg height=100% style=${b({fillRule:"evenodd",clipRule:"evenodd",strokeLinejoin:"round",strokeMiterlimit:"2"})} version=1.1 viewBox="0 0 512 512" width=100% xmlns=http://www.w3.org/2000/svg>${w`<g><path d="M512,256c0,-141.385 -114.615,-256 -256,-256c-141.385,0 -256,114.615 -256,256c0,127.777 93.616,233.685 216,252.89l0,-178.89l-65,0l0,-74l65,0l0,-56.4c0,-64.16 38.219,-99.6 96.695,-99.6c28.009,0 57.305,5 57.305,5l0,63l-32.281,0c-31.801,0 -41.719,19.733 -41.719,39.978l0,48.022l71,0l-11.35,74l-59.65,0l0,178.89c122.385,-19.205 216,-125.113 216,-252.89Z" style=${b({fill:"#1877f2",fillRule:"nonzero"})} /><path d="M355.65,330l11.35,-74l-71,0l0,-48.022c0,-20.245 9.917,-39.978 41.719,-39.978l32.281,0l0,-63c0,0 -29.297,-5 -57.305,-5c-58.476,0 -96.695,35.44 -96.695,99.6l0,56.4l-65,0l0,74l65,0l0,178.89c13.033,2.045 26.392,3.11 40,3.11c13.608,0 26.966,-1.065 40,-3.11l0,-178.89l59.65,0Z" style=${b({fill:"#fff",fillRule:"nonzero"})} /></g>`}</svg>`}renderXIcon(){let e=!!this.el.closest(N);return n`<svg height=100% class=${a(e?t.xLogo.dark:t.xLogo.light)} viewBox="0 0 1200 1227" fill=none xmlns=http://www.w3.org/2000/svg>${w`<rect height=400 style=${b({fill:"none"})} width=400 x=56 y=56 /><path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" fill=${e?"white":"black"} />`}</svg>`}renderBlueSkyIcon(){return n`<svg height=100% fill=#0f85fe xmlns=http://www.w3.org/2000/svg viewBox="0 0 512 512">${w`<path d="M111.8 62.2C170.2 105.9 233 194.7 256 242.4c23-47.6 85.8-136.4 144.2-180.2c42.1-31.6 110.3-56 110.3 21.8c0 15.5-8.9 130.5-14.1 149.2C478.2 298 412 314.6 353.1 304.5c102.9 17.5 129.1 75.5 72.5 133.5c-107.4 110.2-154.3-27.6-166.3-62.9l0 0c-1.7-4.9-2.6-7.8-3.3-7.8s-1.6 3-3.3 7.8l0 0c-12 35.3-59 173.1-166.3 62.9c-56.5-58-30.4-116 72.5-133.5C100 314.6 33.8 298 15.7 233.1C10.4 214.4 1.5 99.4 1.5 83.9c0-77.8 68.2-53.4 110.3-21.8z" />`}</svg>`}renderLinkedInIcon(){return n`<svg height=100% style=${b({fillRule:"evenodd",clipRule:"evenodd",strokeLinejoin:"round",strokeMiterlimit:"2"})} version=1.1 viewBox="0 0 512 512" width=100% xmlns=http://www.w3.org/2000/svg>${w`<g id=g5891><path d="M512,64c0,-35.323 -28.677,-64 -64,-64l-384,0c-35.323,0 -64,28.677 -64,64l0,384c0,35.323 28.677,64 64,64l384,0c35.323,0 64,-28.677 64,-64l0,-384Z" id=background style=${b({fill:"#2867b2"})} /><g id=shapes><rect height=257.962 id=rect11 style=${b({fill:"#fff"})} width=85.76 x=61.053 y=178.667 /><path d="M104.512,54.28c-29.341,0 -48.512,19.29 -48.512,44.573c0,24.752 18.588,44.574 47.377,44.574l0.554,0c29.903,0 48.516,-19.822 48.516,-44.574c-0.555,-25.283 -18.611,-44.573 -47.935,-44.573Z" id=path13-0 style=${b({fill:"#fff",fillRule:"nonzero"})} /><path d="M357.278,172.601c-45.49,0 -65.866,25.017 -77.276,42.589l0,-36.523l-85.738,0c1.137,24.197 0,257.961 0,257.961l85.737,0l0,-144.064c0,-7.711 0.554,-15.42 2.827,-20.931c6.188,-15.4 20.305,-31.352 43.993,-31.352c31.012,0 43.436,23.664 43.436,58.327l0,138.02l85.741,0l0,-147.93c0,-79.237 -42.305,-116.097 -98.72,-116.097Z" id=path15 style=${b({fill:"#fff",fillRule:"nonzero"})} /></g></g>`}</svg>`}renderTip(){let e=this._messages.info;return n`<div class=${a(t.tipContainer)}><span class=${a(t.tipHeader)}><calcite-icon icon=lightbulb .scale=${this.scale}></calcite-icon><span>${e?.label}</span></span><p class=${a(t.tipContent)}>${e?.tooltip}</p></div>`}renderEmbed(){let e=this._messages.embed,s=document.dir==="rtl"?` ${t.rtl.textArea}`:"";return n`<div class=${a(t.embed.container)}><span class=${a(t.embed.header)}><calcite-icon icon=code .scale=${this.scale}></calcite-icon><span>${this._messages.embed?.label}</span></span><div class=${a(t.embed.embedCode.container)}><div class=${a(t.embed.embedCode.textArea)}><textarea cols=30 rows=5 readonly class=${a(s)} .value=${S(this.getEmbedCode()??"")} ${h(this.embedCodeRef)}></textarea><button id=copyEmbedToClipboard @click=${this.copyEmbedCode} class=${a(t.embed.embedCode.copyButton)}><calcite-icon icon=copy .scale=${this.scale}></calcite-icon><span>${e?.copy}</span></button></div><span class=${a(t.embed.textAreaText)}><slot name=text-area-text></slot></span><div class=${a(t.embed.dimensions.container)}><label class=${a(t.embed.dimensions.input)}><span>${e?.width}</span><input type=number @keydown=${o=>["e","E","+","-"].includes(o.key)&&o.preventDefault()} @change=${this.makeEmbedResizeHandler("width")} .value=${S(this.embedWidth??"")} min=${E} ${h(this.embedWidthRef)}></label><label class=${a(t.embed.dimensions.input)}><span>${e?.height}</span><input type=number @keydown=${o=>["e","E","+","-"].includes(o.key)&&o.preventDefault()} @change=${this.makeEmbedResizeHandler("height")} .value=${S(this.embedHeight??"")} min=${E} ${h(this.embedHeightRef)}></label></div></div></div>`}};U("instant-apps-social-share",z);export{z as InstantAppsSocialShare};

package/dist/cdn/{FAFYE3RG.js → 4KTBRCKI.js}

@@ -1,7 +1,7 @@
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0 */
-import{a as G}from"./YWR5SHTJ.js";import{b as R}from"./PSGW263P.js";import{c as b,h as V,i as O}from"./5VLZX43L.js";import{d as r,e as f,g as C}from"./IZ3E7B3U.js";import{d as D}from"./PT5AV3WQ.js";import{b as x}from"./FXCOD63W.js";import{a as $}from"./6ELJSTOG.js";import"./2XTYWT3B.js";import"./A7SGX5YT.js";import{b as E}from"./PZWKB64K.js";import{C as y,D as m,E as L,G as k,h as I,i as h,o as _,r as v}from"./KCYMVFRG.js";import"./SMTMWRRV.js";var T=I`@layer{/** @license
+v1.1.2 */
+import{a as G}from"./DOX3JTNJ.js";import{b as R}from"./FNFLIMK4.js";import{c as b,h as V,i as O}from"./BOOF3NBM.js";import{d as r,e as f,g as C}from"./2X27XYSX.js";import{d as D}from"./4VNLVOPL.js";import{b as x}from"./DCM6XZAR.js";import{a as $}from"./UPEGEW7Y.js";import"./BJQAP3O2.js";import"./SIOIWWJS.js";import{b as E}from"./RIVQ5IKO.js";import{C as y,D as m,E as L,G as k,h as I,i as h,o as _,r as v}from"./C3RJP556.js";import"./PR5LDTTA.js";var T=I`@layer{/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");

package/dist/cdn/4LC4KY4J.js

@@ -0,0 +1,18 @@
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/1.1/esri/copyright.txt for details.
+v1.1.2 */
+import{b as f}from"./DCM6XZAR.js";import{a as y}from"./UPEGEW7Y.js";import"./BJQAP3O2.js";import"./SIOIWWJS.js";import{b}from"./RIVQ5IKO.js";import{C as a,D as h,E as u,G as l,h as w,i as r,l as m}from"./C3RJP556.js";import"./PR5LDTTA.js";var x=w`/** @license
+ * Copyright 2025 Esri
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */:host{display:block}.display-none{display:none}.display-flex{display:flex}.margin-top-1-2{margin-top:.5rem}.margin-left-1-2{margin-left:.5rem}.square-32{width:32px;height:32px}.square-40{width:40px;height:40px}.square-48{width:48px;height:48px}.width-40{width:40px}.square-40-41{width:40px;height:41px}.border-bottom{border-bottom:1px solid var(--calcite-color-border-3)}.box-shadow{box-shadow:0 1px 2px #0000004d}.margin-bottom-1-2{margin-bottom:.5rem}.danger-icon-color{--calcite-icon-color: var(--calcite-color-status-danger)}`,g=class extends u{constructor(){super(),this.enabledLayerIds=[],this.enableLegend=!1,this.enableFloorFilter=!1,this.enableFullscreen=!1,this.enableSearch=!1,this.enableBasemap=!1,this.enableHome=!1,this.enableSingleExpand=!1,this.zoomToolsSize="m",this.layout="vertical",this.mapWidgetsSize="m",this.enableMapPicker=!1,this.enableMapLayerPicker=!1,this.position="top-leading",this.stackTools=!0,this.enableSelectionTool=!1,this.toolOrder=["home","legend","search","fullscreen","floorfilter","selectiontool","map-picker","map-layer-picker"],this.mapInfos=[],this.defaultLayerId="",this.isMobile=!1,this.selectedWebMapId="",this.showOnlyUpdatableLayers=!1,this._hasFloorInfo=!1,this._translations=y({name:"map-tools",blocking:!0}),this._showTools=!0,this._showBasemapWidget=!1,this._showFloorFilter=!1,this._showFullscreen=!1,this._showLegendWidget=!1,this._showSearchWidget=!1,this._selectionToolActive=!1,this._showEllipsisTools=!0,this._ellipsisTools=[],this._isValidWebMap=!0,this._basemapElement=a(),this._floorFilterElement=a(),this._fullscreenElement=a(),this._legendElement=a(),this._searchElement=a(),this._widgets=[],this._selectionToolElement=a(),this._mapTools=[],this._mapTool=a(),this.listenOn(window,"mapChanged",this.mapChanged)}static{this.properties={basemapConfig:0,enabledLayerIds:0,enableLegend:5,enableFloorFilter:5,enableFullscreen:5,enableSearch:5,enableBasemap:5,enableHome:5,enableSingleExpand:5,zoomToolsSize:1,layout:1,mapView:0,mapWidgetsSize:1,enableMapPicker:5,enableMapLayerPicker:5,position:1,searchConfiguration:0,stackTools:5,enableSelectionTool:5,toolOrder:0,selectedLayer:0,mapInfos:0,defaultLayerId:1,isMobile:5,parentComponentHeight:9,parentComponentWidth:9,selectedWebMapId:1,showOnlyUpdatableLayers:5,mapInfo:0,_hasFloorInfo:16,_translations:16,_showTools:16,_showBasemapWidget:16,_showFloorFilter:16,_showFullscreen:16,_showLegendWidget:16,_showSearchWidget:16,_selectionToolActive:16,_showEllipsisTools:16,_ellipsisTools:16,_isValidWebMap:16}}static{this.styles=x}willUpdate(e){e.has("mapView")&&this.mapViewWatchHandler(),e.has("parentComponentWidth")&&this.parentComponentWidth&&this.parentComponentWidthWatchHandler(this.parentComponentWidth),e.has("_showBasemapWidget")&&(this.hasUpdated||this._showBasemapWidget!==!1)&&this._showBasemapWidgetWatchHandler(this._showBasemapWidget),e.has("_showFloorFilter")&&(this.hasUpdated||this._showFloorFilter!==!1)&&this._showFloorFilterWatchHandler(this._showFloorFilter),e.has("_showFullscreen")&&(this.hasUpdated||this._showFullscreen!==!1)&&this._showFullscreenWatchHandler(this._showFullscreen),e.has("_showLegendWidget")&&(this.hasUpdated||this._showLegendWidget!==!1)&&this._showLegendWidgetWatchHandler(this._showLegendWidget),e.has("_showSearchWidget")&&(this.hasUpdated||this._showSearchWidget!==!1)&&this._showSearchWidgetWatchHandler(this._showSearchWidget)}async mapViewWatchHandler(){await this.mapView?.when(()=>{this.enableHome&&this._initHome(),this.parentComponentWidth&&this._updateTools(this.parentComponentWidth)})}async parentComponentWidthWatchHandler(e){this._updateTools(e)}async _showBasemapWidgetWatchHandler(e){let s=this._basemapElement.value?this._basemapElement.value.basemapWidget:void 0;s&&(e?this.mapView?.ui.add(s,{position:this.position,index:1}):this.mapView?.ui.remove(s))}async _showFloorFilterWatchHandler(e){let s=this._floorFilterElement.value?this._floorFilterElement.value.floorFilterWidget:void 0;s&&(e?this.mapView?.ui.add(s,{position:this.position,index:1}):this.mapView?.ui.remove(s))}async _showFullscreenWatchHandler(e){let s=this._fullscreenElement.value?this._fullscreenElement.value.fullscreenWidget:void 0;s&&(e?s.viewModel.state==="ready"&&s.viewModel.enter():s.viewModel.state==="active"&&s.viewModel.exit())}async _showLegendWidgetWatchHandler(e){let s=this._legendElement.value?this._legendElement.value.legendWidget:void 0;s&&(e?this.mapView?.ui.add(s,{position:this.position,index:1}):this.mapView?.ui.remove(s))}async _showSearchWidgetWatchHandler(e){let s=this._searchElement.value?this._searchElement.value.searchWidget:void 0;s&&(e?this.mapView?.ui.add(s,{position:this.position,index:1}):this.mapView?.ui.remove(s))}async mapChanged(e){let s=e.detail.isValid;this._isValidWebMap=s}async load(){this._mapTools=[...this.toolOrder],await this._initModules()}render(){this._setZoomToolsSize();let e=this.layout==="horizontal"?"display-flex":"",s=this._getToggleIcon(),t=this._showTools?e:"display-none",i=this._showEllipsisTools?"":"display-none",n=this._showSearchWidget?"":"display-none",o=this._showBasemapWidget?"":"display-none",d=this._showLegendWidget?"":"display-none",p=this._showFloorFilter?"":"display-none",c=this._showFullscreen?"":"display-none",W=this._showTools?this._translations.collapse:this._translations.expand,T=!this.enableBasemap&&!this.enableFullscreen&&!this.enableLegend&&!this.enableSearch&&!this.enableMapPicker&&!this.enableMapLayerPicker?"display-none":"",v=this.enableSingleExpand?this.layout==="horizontal"?"margin-left-1-2":"margin-top-1-2":"",F=this._ellipsisTools.length>0&&this._showTools?"":"display-none",_=this.stackTools&&this._ellipsisTools.length===0?"box-shadow":"";return r`<div class=${`${T} ${e}`}>${this.enableSingleExpand?r`<div class=${l(_)}>${this._getActionGroup(s,!1,W||"",()=>this._toggleTools())}</div>`:void 0}<div class=${`${v} ${_} ${t}`}>${this._getMapWidgets(this._mapTools)}</div><div><div class=${l(F)}>${this._getActionGroup("ellipsis",!1,"",()=>this._toggleEllipsisTools())}<div class=${l(i)}>${this._getMapWidgets(this._ellipsisTools)}</div></div></div></div><basemap-gallery .basemapConfig=${this.basemapConfig} class=${l(o)} .mapView=${this.mapView} ${h(this._basemapElement)}></basemap-gallery><map-search class=${l(n)} .mapView=${this.mapView} result-graphic-enabled .searchConfiguration=${this.searchConfiguration} ${h(this._searchElement)}></map-search><map-legend class=${l(d)} .mapView=${this.mapView} ${h(this._legendElement)}></map-legend><map-fullscreen class=${l(c)} .mapView=${this.mapView} @fullscreenStateChange=${$=>this._fullscreenStateChange($.detail)} ${h(this._fullscreenElement)}></map-fullscreen><floor-filter class=${l(p)} .enabled=${this.enableFloorFilter} .mapView=${this.mapView} ${h(this._floorFilterElement)}></floor-filter><selection-tool .mapView=${this.mapView} @drawingComplete=${()=>{this._selectionToolActive=!this._selectionToolActive}} .selectedLayerId=${this.selectedLayer?.id} tool=rectangle ${h(this._selectionToolElement)}></selection-tool>${this.enableMapPicker&&r`<map-picker class=mapPickerClass .height=${(this.parentComponentHeight??0)-25} id=map-picker .mapInfos=${this.mapInfos} reference-element=map .selectedWebMapId=${this.selectedWebMapId} show-map-list-in-popover></map-picker>`||""}${this.enableMapLayerPicker&&this.selectedLayer&&r`<map-layer-picker appearance=transparent .defaultLayerId=${this.defaultLayerId} .enabledLayerIds=${this.enabledLayerIds} .height=${(this.parentComponentHeight??0)-25} .isMobile=${this.isMobile} .mapView=${this.mapView} .showOnlyUpdatableLayers=${this.showOnlyUpdatableLayers} reference-element=layers scale=s .selectedIds=${this.selectedLayer?[this.selectedLayer.id]:[]} show-layers-list-in-popover show-tables type=dropdown></map-layer-picker>`||""}`}async _initModules(){let[e,s]=await f(["esri/widgets/Expand","esri/widgets/Home"]);this.Expand=e,this.Home=s}_initHome(){this.enableHome&&(this._homeWidget=this.Home&&new this.Home({view:this.mapView}))}_setZoomToolsSize(){let e=document.getElementsByClassName("esri-zoom")[0]?.children[0],s=document.getElementsByClassName("esri-zoom")[0]?.children[1];if(e&&s){let t=this.zoomToolsSize==="s"?"32px":this.zoomToolsSize==="m"?"40px":"48px";e.style.width=t,e.style.height=t,s.style.width=t,s.style.height=t}this.layout==="horizontal"&&(document.getElementsByClassName("esri-zoom")[0]?.setAttribute("style","position: absolute; top: 50px; left: 0"),document.getElementsByClassName("esri-ui-top-left")[0]?.setAttribute("style","flex-direction: row; gap: 5px; align-items: flex-start; direction: ltr !important; z-index: 1;"))}_getToggleIcon(){let e;return this.layout==="horizontal"?e=this._showTools?"chevrons-left":"chevrons-right":e=this._showTools?"chevrons-up":"chevrons-down",e}_updateTools(e){let s=JSON.parse(JSON.stringify(this.toolOrder));this._hasFloorInfo=this.mapView?.map?.floorInfo;let t=s.indexOf("floorfilter");t>-1&&!this._hasFloorInfo&&s.splice(t,1);let i=Math.ceil(e/40)-1;i&&i!==s.length-1?(this._mapTools=s.slice(0,i),this._ellipsisTools=s.slice(i,s.length)):(this._mapTools=s,this._ellipsisTools=[])}_getMapWidgets(e){let s=this._showFullscreen?"full-screen-exit":"full-screen",t=this._showFullscreen?this._translations.exitFullscreen:this._translations.enterFullscreen,i=this._isValidWebMap?"map":"exclamation-mark-triangle",n=this.selectedLayer===void 0?"exclamation-mark-triangle":"layers";return e.map(o=>{switch(o){case"legend":return this.enableLegend&&this.enableSingleExpand?this._getActionGroup("legend",!1,this._translations.legend,()=>this._showLegend()):this.enableLegend?this._getWidget(o,this._legendElement.value?.legendWidget,!0):void 0;case"search":return this.enableSearch&&this.enableSingleExpand?this._getActionGroup("magnifying-glass",!1,this._translations.search,()=>this._search()):this.enableSearch?this._getWidget(o,this._searchElement.value?.searchWidget,!0):void 0;case"fullscreen":return this.enableFullscreen&&this.enableSingleExpand?this._getActionGroup(s,!1,t||"",()=>this._expand()):this.enableFullscreen?this._getWidget(o,this._fullscreenElement.value?.fullscreenWidget,!1):void 0;case"basemap":return this.enableBasemap&&this.enableSingleExpand?this._getActionGroup("basemap",!1,this._translations.basemap,()=>this._toggleBasemapPicker()):this.enableBasemap?this._getWidget(o,this._basemapElement.value?.basemapWidget,!0):void 0;case"floorfilter":return this.enableFloorFilter&&this._hasFloorInfo&&this.enableSingleExpand?this._getActionGroup("urban-model",!1,this._translations.floorFilter,()=>this._toggleFloorFilter()):this.enableFloorFilter&&this._hasFloorInfo?this._getWidget(o,this._floorFilterElement.value?.floorFilterWidget,!0):void 0;case"selectiontool":return this.enableSelectionTool&&this.selectedLayer?this._getActionGroup("cursor-selection",!1,this._translations.selectByRectangle,()=>this._toggleSelectionTool(),this._selectionToolActive):void 0;case"home":return this.enableHome?this._getActionGroup("home",!1,this._translations.defaultMapView,()=>this._homeWidget?.go()):void 0;case"map-picker":return this.enableMapPicker?this._getActionGroup(i,!1,"",()=>{},!this._isValidWebMap):void 0;case"map-layer-picker":return this.enableMapLayerPicker&&this._isValidWebMap?this._getActionGroup(n,!1,"",()=>{},this.selectedLayer===void 0):void 0;default:return""}})}_fullscreenStateChange(e){e==="ready"&&this._showFullscreen?this._showFullscreen=!1:e==="active"&&!this._showFullscreen&&(this._showFullscreen=!0)}_getActionGroup(e,s,t,i,n,o){let d=this.mapWidgetsSize==="s"?"square-32":this.mapWidgetsSize==="m"?"square-40":"square-48",p=this.stackTools?"":"margin-bottom-1-2",c=this.stackTools?"":"box-shadow";return r`<div><calcite-action alignment=center .indicator=${o} class=${`map-actions ${d} ${p} border-bottom ${c} ${n?"danger-icon-color":""}`} .disabled=${s} .icon=${e} id=${e??m} @click=${i} scale=s text ${h(this._mapTool)}><calcite-icon icon=cheveron-up scale=s slot=icon></calcite-icon></calcite-action>${!this.isMobile&&r`<calcite-tooltip .placement=${this.layout==="vertical"?"auto":"bottom"} reference-element=${e??m}><span>${t}</span></calcite-tooltip>`||""}</div>`}_getWidget(e,s,t){if(this._widgets.indexOf(e)<0&&this.mapView&&s){let i=this.toolOrder.indexOf(e),n=this.Expand&&new this.Expand({view:this.mapView,content:s}),o=this.enableHome?2:1;this.mapView.ui.add(t?n:s,{position:this.position,index:i>-1?i+o:1}),this._widgets.push(e)}}_showLegend(){this._showLegendWidget=!this._showLegendWidget,this._showTools=!1,this._toggleEllipsisTools()}_search(){this._showSearchWidget=!this._showSearchWidget,this._showTools=!1,this._toggleEllipsisTools()}_toggleBasemapPicker(){this._showBasemapWidget=!this._showBasemapWidget,this._showTools=!1,this._toggleEllipsisTools()}_toggleFloorFilter(){this._showFloorFilter=!this._showFloorFilter,this._showTools=!1,this._toggleEllipsisTools()}_toggleSelectionTool(){this._selectionToolActive=!this._selectionToolActive,this._selectionToolElement.value?.toggleSelectionTool()}_expand(){this._showFullscreen=!this._showFullscreen}_toggleTools(){this._showTools||(this._showBasemapWidget=!1,this._showSearchWidget=!1,this._showLegendWidget=!1,this._showFloorFilter=!1),this._showTools=!this._showTools,this._toggleEllipsisTools()}_toggleEllipsisTools(){this._showEllipsisTools=!this._showEllipsisTools}};b("map-tools",g);export{g as MapTools};