@esri/solutions-components 1.1.4 → 1.2.0-next.10

package/dist/cdn/{2BFOTQ6T.js → PE3VYUOG.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.4 */
-import{a as O}from"./FC6IKY2W.js";import{A as H,C as M,D as F,d as B,e as L}from"./F55B5BNY.js";import{b as U}from"./AZYTSIFB.js";import"./PBYEPN4U.js";import"./DAACTUXD.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"./WTWNLOAO.js";import"./6ZYP4HST.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};
+See https://js.arcgis.com/1.2/esri/copyright.txt for details.
+v1.2.0-next.10 */
+import{a as O}from"./S32TK6T7.js";import{A as H,C as M,D as F,d as B,e as L}from"./D4ANXHA6.js";import{b as U}from"./VORLDHAW.js";import"./EWMQ7W4X.js";import"./IKL6SJCX.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"./DEMY5LXS.js";import"./AM4POOOK.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};