@esri/solutions-components 0.11.36 → 0.11.37

package/dist/solutions-components/vendor/instant-apps-components/p-b346c8fa.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as s,H as i,g as e}from"./p-6517b6d4.js";import{g as a}from"./p-45a300a8.js";import{i as o,l as n,q as l,r as c,s as r}from"./p-50b205e8.js";import"./p-5978fda4.js";const h=":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-ui-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 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 0.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:#000000}:host .instant-apps-social-share__options__x-logo--dark path{fill:#ffffff}:host .instant-apps-social-share__tip{box-sizing:border-box;padding:0 5% 1% 5%}:host .instant-apps-social-share__tip-header{display:flex;align-items:center;color:#007ac2;margin:8px 0 5px 0}: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:bold;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 0.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)}";const p=h;const d="instant-apps-social-share";const _=".calcite-mode-dark";const u={base:d,dialog:`${d}__dialog`,dialogEmbed:`${d}__dialog-embed`,dialogContent:`${d}__dialog-content`,options:`${d}__options`,tipContainer:`${d}__tip`,tipHeader:`${d}__tip-header`,tipContent:`${d}__tip-content`,icon:`${d}__icon`,iconContainer:`${d}__icon-container`,optionText:`${d}__option-text`,popoverButton:`${d}__popover-button`,layout:{vertical:`${d}__layout--vertical`,horizontal:`${d}__layout--horizontal`},xLogo:{light:`${d}__x-logo--light`,dark:`${d}__x-logo--dark`},success:{container:`${d}__success`,header:`${d}__success-header`,message:`${d}__success-message`,icon:`${d}__success-icon`},embed:{container:`${d}__embed`,header:`${d}__embed-header`,embedCode:{container:`${d}__embed-code`,textArea:`${d}__embed-code-text-area`,copyButton:`${d}__embed-code-copy-button`},textAreaText:`${d}__embed-text-area-text`,dimensions:{container:`${d}__embed-dimensions`,input:`${d}__embed-dimensions-input`}},rtl:{optionText:`${d}__option-text--rtl`,textArea:`${d}__text-area--rtl`}};const f={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/?url={url}",bluesky:"https://bsky.app/intent/compose?text={url}"};const m="https://arcg.is/prod/shorten";const b="1";const g=class{constructor(s){t(this,s);this.mode="popover";this.shareUrl=window.location.href;this.autoUpdateShareUrl=true;this.shareText="";this.embed=false;this.shareButtonColor="neutral";this.shareButtonType="button";this.shareButtonScale="m";this.iframeInnerText="";this.popoverButtonIconScale="m";this.view=undefined;this.displayTipText=true;this.shortenShareUrl=true;this.socialMedia=true;this.shareIconsLayout="vertical";this.scale="m";this.successMessage="";this.flipRtl=false;this.defaultUrlParams=null;this.inlineSuccessPopoverPlacement="trailing";this.popoverPositioning="absolute";this.removePopoverOffset=false;this.messages=undefined;this.opened=false;this.copied=false;this.inlineCopyLinkOpened=false;this.inlineCopyEmbedOpened=false;this.embedWidth=400;this.embedHeight=600}componentDidLoad(){a(this);this.setupAutoCloseListeners();if(this.mode==="popover"){if(this.opened){this.popoverRef.open=true}this.popoverRef.addEventListener("calcitePopoverOpen",(()=>{if(!this.shareListRef){return}const t=this.shareListRef.children[0];t.focus()}));this.popoverRef.addEventListener("keydown",this.handlePopoverRefKeyDown.bind(this))}if(this.embed){this.embedWidthRef?.addEventListener("change",this.updateDimensions.bind(this,"width"));this.embedHeightRef?.addEventListener("change",this.updateDimensions.bind(this,"height"))}}disconnectedCallback(){document.documentElement.removeEventListener("click",this.autoCloseCallback.bind(this));if(this.mode==="popover"){if(this.popoverRef!=null){this.popoverRef.removeEventListener("click",this.stopPropagationCallback.bind(this));this.popoverRef.removeEventListener("calcitePopoverClose",this.resetPopoverCopyState.bind(this));this.popoverRef.removeEventListener("keydown",this.handlePopoverRefKeyDown.bind(this))}}else{this.embedWidthRef?.removeEventListener("change",this.updateDimensions.bind(this,"width"));this.embedHeightRef?.removeEventListener("change",this.updateDimensions.bind(this,"height"));this.dialogContentRef?.removeEventListener("click",this.stopPropagationCallback.bind(this))}}setupAutoCloseListeners(){document.documentElement.addEventListener("click",this.autoCloseCallback.bind(this));if(this.mode==="popover"){this.popoverRef?.addEventListener("click",this.stopPropagationCallback.bind(this));this.popoverRef?.addEventListener("calcitePopoverClose",this.resetPopoverCopyState.bind(this))}else{this.dialogContentRef?.addEventListener("click",this.stopPropagationCallback.bind(this))}}handlePopoverRefKeyDown(t){if(t.code==="Tab"){if(!this.shareListRef){return}const s=t.target;const i=this.shareListRef.children[0];const e=this.shareListRef.children[this.shareListRef.children.length-1];if(t.shiftKey&&s===i){t.preventDefault();e.focus()}else if(!t.shiftKey&&s===e){t.preventDefault();i.focus()}}else if(t.code==="Escape"){this.closePopover();this.popoverButtonRef?.setFocus()}}autoCloseCallback(){if(this.mode==="popover"){this.opened=false;this.popoverRef.open=this.opened}else{if(this.copyLinkPopoverRef){this.copyLinkPopoverRef.open=false}this.inlineCopyLinkOpened=false;if(this.copyEmbedPopoverRef){this.copyEmbedPopoverRef.open=false}this.inlineCopyEmbedOpened=false}}stopPropagationCallback(t){t.stopPropagation()}resetPopoverCopyState(){this.popoverButtonRef?.setFocus();setTimeout((()=>{this.copied=false}),200)}updateDimensions(t){if(t==="width"){const t=this.embedWidthRef?.value??"0";this.embedWidth=Number.parseInt(t)}else{const t=this.embedHeightRef?.value??"0";this.embedHeight=Number.parseInt(t)}}render(){const t=this.copied&&this.mode==="popover"?this.renderSuccess():s("div",{class:u.dialogContent},this.renderOptions(),this.displayTipText?this.renderTip():null,this.embed?this.renderEmbed():null);const e=this.shareIconsLayout==="vertical"?` ${u.layout.vertical}`:` ${u.layout.horizontal}`;const a=` calcite-mode-${!!this.el.closest(_)?"dark":"light"}`;const o=s("div",{key:"5589aa14bbe3d1b92784524ad61feb8e6e8d36aa",ref:t=>this.dialogContentRef=t,class:`${u.dialog}${e}${a}`},t);const n=6;const l=this.removePopoverOffset?0:n;return s(i,{key:"8a134f9ccb8329db947009befb479c42fc54dcb0"},this.mode==="popover"?[s("calcite-popover",{ref:t=>{if(t){this.popoverRef=t}},label:this.messages?.share?.label??"",referenceElement:"shareButton",placement:"bottom-start",scale:this.scale,"overlay-positioning":this.popoverPositioning,"offset-distance":l,"pointer-disabled":this.removePopoverOffset},o),this.renderButton()]:[o,s("calcite-popover",{ref:t=>{if(t){this.copyLinkPopoverRef=t}},label:this.messages?.share?.label??"",referenceElement:"copyToClipboard",placement:this.inlineSuccessPopoverPlacement,scale:this.scale,overlayPositioning:"fixed"},this.renderSuccess()),s("calcite-popover",{ref:t=>{if(t){this.copyEmbedPopoverRef=t}},label:this.messages?.share?.label??"",referenceElement:"copyEmbedToClipboard",placement:this.inlineSuccessPopoverPlacement,scale:this.scale,overlayPositioning:"fixed"},this.renderEmbedSuccess())])}renderButton(){const t=this.shareButtonScale!=null?this.shareButtonScale:this.scale;return this.shareButtonType==="button"?s("calcite-button",{ref:t=>this.popoverButtonRef=t,onClick:this.togglePopover.bind(this),id:"shareButton",class:u.popoverButton,kind:this.shareButtonColor,appearance:"transparent",label:this.messages?.share?.label,title:this.messages?.share?.label,scale:t},s("div",{class:u.iconContainer},s("calcite-icon",{flipRtl:this.flipRtl,icon:"share",scale:this.popoverButtonIconScale}))):s("calcite-action",{ref:t=>this.popoverButtonRef=t,onClick:this.togglePopover.bind(this),id:"shareButton",class:u.popoverButton,appearance:"transparent",label:this.messages?.share?.label,title:this.messages?.share?.label,scale:t,text:"",alignment:"center"},s("div",{class:u.iconContainer},s("calcite-icon",{flipRtl:this.flipRtl,icon:"share",scale:this.popoverButtonIconScale})))}renderSuccess(){const t=this.messages?.success;return s("div",{class:u.success.container},s("span",{class:u.success.header},s("span",{class:u.success.icon},s("calcite-icon",{icon:"check-circle-f",scale:this.scale})),t?.label),s("span",{class:u.success.message},this.successMessage||t?.url))}renderEmbedSuccess(){const t=this.messages?.success;return s("div",{class:u.success.container},s("span",{class:u.success.header},s("span",{class:u.success.icon},s("calcite-icon",{icon:"check-circle-f",scale:this.scale})),t?.label),s("span",{class:u.success.message},t?.embed))}renderOptions(){const t=this.messages?.options;const i=document.dir==="rtl"?` ${u.rtl.optionText}`:"";return s("ul",{ref:t=>this.shareListRef=t,class:u.options,role:"menu"},s("li",{id:"copyToClipboard",onClick:this.handleShareItem.bind(this,"link"),onKeyDown:this.handleOptionKeyDown("link"),role:"menuitem",tabindex:"0"},s("span",{class:u.icon},s("calcite-icon",{icon:"link",scale:this.scale})),s("span",{class:`${u.optionText}${i}`},t?.link?.label)),this.socialMedia?[s("li",{onClick:this.handleShareItem.bind(this,"facebook"),onKeyDown:this.handleOptionKeyDown("facebook"),role:"menuitem",tabindex:"0"},s("span",{class:u.icon},this.renderFacebookIcon()),s("span",{class:`${u.optionText}${i}`},t?.facebook?.label)),s("li",{onClick:this.handleShareItem.bind(this,"x"),onKeyDown:this.handleOptionKeyDown("x"),role:"menuitem",tabindex:"0"},s("span",{class:u.icon},this.renderXIcon()),s("span",{class:`${u.optionText}${i}`},"X")),s("li",{onClick:this.handleShareItem.bind(this,"linkedIn"),onKeyDown:this.handleOptionKeyDown("linkedIn"),role:"menuitem",tabindex:"0"},s("span",{class:u.icon},this.renderLinkedInIcon()),s("span",{class:`${u.optionText}${i}`},t?.linkedIn?.label)),s("li",{onClick:this.handleShareItem.bind(this,"bluesky"),onKeyDown:this.handleOptionKeyDown("bluesky"),role:"menuitem",tabindex:"0"},s("span",{class:u.icon},this.renderBlueSkyIcon()),s("span",{class:`${u.optionText}${i}`},t?.blueSky?.label))]:null)}handleOptionKeyDown(t){return s=>{const i=s.code;const e=i==="Space"||i==="Enter";if(!e){return}this.handleShareItem(t)}}renderFacebookIcon(){return s("svg",{height:"100%",style:{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"},s("g",null,s("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:{fill:"#1877f2",fillRule:"nonzero"}}),s("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:{fill:"#fff",fillRule:"nonzero"}})))}renderXIcon(){const t=!!this.el.closest(_);return s("svg",{height:"100%",class:t?u.xLogo.dark:u.xLogo.light,viewBox:"0 0 1200 1227",fill:"none",xmlns:"http://www.w3.org/2000/svg"},s("rect",{height:"400",style:{fill:"none"},width:"400",x:"56",y:"56"}),s("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:t?"white":"black"}))}renderBlueSkyIcon(){return s("svg",{height:"100%",fill:"#0f85fe",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},s("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"}))}renderLinkedInIcon(){return s("svg",{height:"100%",style:{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"},s("g",{id:"g5891"},s("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:{fill:"#2867b2"}}),s("g",{id:"shapes"},s("rect",{height:"257.962",id:"rect11",style:{fill:"#fff"},width:"85.76",x:"61.053",y:"178.667"}),s("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:{fill:"#fff",fillRule:"nonzero"}}),s("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:{fill:"#fff",fillRule:"nonzero"}}))))}renderTip(){const t=this.messages?.info;return s("div",{class:u.tipContainer},s("span",{class:u.tipHeader},s("calcite-icon",{icon:"lightbulb",scale:this.scale}),s("span",null,t?.label)),s("p",{class:u.tipContent},t?.tooltip))}renderEmbed(){const t=this.messages?.embed;const i=document.dir==="rtl"?` ${u.rtl.textArea}`:"";return s("div",{class:u.embed.container},s("span",{class:u.embed.header},s("calcite-icon",{icon:"code",scale:this.scale}),s("span",null,this.messages?.embed?.label)),s("div",{class:u.embed.embedCode.container},s("div",{class:u.embed.embedCode.textArea},s("textarea",{ref:t=>this.embedCodeRef=t,cols:30,rows:5,readonly:true,class:i,value:this.getEmbedCode()}),s("button",{id:"copyEmbedToClipboard",onClick:this.copyEmbedCode.bind(this),class:u.embed.embedCode.copyButton},s("calcite-icon",{icon:"copy",scale:this.scale}),s("span",null,t?.copy))),s("span",{class:u.embed.textAreaText},s("slot",{name:"text-area-text"})),s("div",{class:u.embed.dimensions.container},s("label",{class:u.embed.dimensions.input},s("span",null,t?.width),s("input",{ref:t=>this.embedWidthRef=t,type:"number",onKeyDown:t=>["e","E","+","-"].includes(t.key)&&t.preventDefault(),onChange:this.handleNumberInputOnChange("width"),value:this.embedWidth,min:"1"})),s("label",{class:u.embed.dimensions.input},s("span",null,t?.height),s("input",{ref:t=>this.embedHeightRef=t,type:"number",onKeyDown:t=>["e","E","+","-"].includes(t.key)&&t.preventDefault(),onChange:this.handleNumberInputOnChange("height"),value:this.embedHeight,min:"1"})))))}handleNumberInputOnChange(t){const s=t==="width"?this.embedWidthRef:this.embedHeightRef;const i=t==="width"?"embedWidth":"embedHeight";return()=>{if(s){const t=Number.parseFloat(s.value);if(t<=0){this[i]=Number.parseInt(b);s.value=b}}}}togglePopover(t){t.stopPropagation();this.opened=!this.opened;this.popoverRef.open=this.opened}closePopover(){this.opened=false;this.popoverRef.open=this.opened}async handleShareItem(t){this.shareUrl=await this.generateShareUrl();let s=null;const i=navigator?.userAgent?.includes("Chrome")??false;const e=(navigator?.userAgent?.includes("Safari")??false)&&!i;if(!e&&this.shortenShareUrl){s=await this.shortenUrl(this.shareUrl)}let a=s?s:this.shareUrl;switch(t){case"link":navigator.clipboard.writeText(a);if(this.embed){this.copyEmbedPopoverRef.open=false;this.inlineCopyEmbedOpened=false}if(this.mode==="inline"){this.copyLinkPopoverRef.open=true;setTimeout((()=>this.copyLinkPopoverRef.open=false),3e3)}this.inlineCopyLinkOpened=true;this.copied=true;if(this.mode==="popover"){setTimeout((()=>this.closePopover()),2e3)}return;case"facebook":case"bluesky":case"x":case"linkedIn":{let s;if(e){s=window.open("","_blank");if(this.shortenShareUrl){a=await this.shortenUrl(this.shareUrl)||a}}const i={url:encodeURI(a)};const n=t==="x"?{...i,text:this.shareText}:i;const l=await o();const c=l.substitute(f[t],n);if(this.mode==="popover"){this.closePopover()}if(e&&s){s.location=c;s.focus()}else{window.open(encodeURI(c),"_blank")}}return}}async shortenUrl(t){const s=await n();const i=await s(m,{query:{longUrl:t,f:"json"}});const e=i?.data?.data?.url;if(e){return e.replace("http://","https://")}}getEmbedCode(){return`<iframe src="${this.shareUrl}" width="${this.embedWidth}" height="${this.embedHeight}" frameborder="0" style="border:0" allowfullscreen>${this.iframeInnerText}</iframe>`}copyEmbedCode(){navigator.clipboard.writeText(this.getEmbedCode());this.copyLinkPopoverRef.open=false;this.inlineCopyLinkOpened=false;this.copyEmbedPopoverRef.open=true;setTimeout((()=>this.copyEmbedPopoverRef.open=false),3e3);this.inlineCopyEmbedOpened=true}async generateShareUrl(){if(this.autoUpdateShareUrl){this.shareUrl=window.location.href}if(!this.view?.ready){return this.shareUrl}const{x:t,y:s}=this.view.center;const{spatialReference:i}=this.view;const e=await l({...i.toJSON()});const a=await c({x:t,y:s,spatialReference:e});const o=await this.processPoint(a);const{isWGS84:n,isWebMercator:r}=o.spatialReference;const h=n||r;return this.generateShareUrlParams(o,h)}async processPoint(t){const{isWGS84:s,isWebMercator:i}=t.spatialReference;if(s||i){return t}const e=await r();const a=await l({wkid:4326});try{await e.load();const s=e.project(t,a);return Promise.resolve(s)}catch(t){console.error("Failed to project point",t);return await Promise.reject(new Error("Failed to project point"))}}generateShareUrlParams(t,s){const{longitude:i,latitude:e,x:a,y:o}=t;if(i===undefined||e===undefined){return this.shareUrl}const n=this.roundValue(s?i:a);const l=this.roundValue(s?e:o);const{zoom:c}=this.view;const r=this.roundValue(c);const h=this.view?.popup?.selectedFeature;const p=this.view?.popup?.visible;let d;let _;let u;if(h&&p&&h?.layer?.type==="feature"){const t=h?.layer;d=t?.id;_=h.attributes[t.objectIdField]}u=this.view.map.allLayers.filter((t=>!t.visible)).toArray().map((t=>t.id)).toString().replaceAll(",",";");const{type:f}=this.view;const{defaultUrlParams:m}=this;const b=new URL(this.shareUrl);const{searchParams:g}=b;if(g.get("center")){g.delete("center")}if(g.get("level")){g.delete("level")}if(g.get("selectedFeature")){g.delete("selectedFeature")}if(g.get("hiddenLayers")){g.delete("hiddenLayers")}if(g.get("viewpoint")){g.delete("viewpoint")}if(f==="3d"){const{camera:t}=this.view;const{heading:s,position:i,tilt:e}=t;const{longitude:a,latitude:o,z:n}=i;const l={longitude:this.roundValue(a,8),latitude:this.roundValue(o,8),z:this.roundValue(n,3),heading:this.roundValue(s,3),tilt:this.roundValue(e,3)};const c=`cam:${l.longitude},${l.latitude},${l.z};${l.heading},${l.tilt}`;if(m?.viewpoint!==false){b.searchParams.set("viewpoint",c)}if(d&&_&&m?.selectedFeature!==false){b.searchParams.set("selectedFeature",`${d};${_}`)}if(u&&m?.hiddenLayers!==false){b.searchParams.set("hiddenLayers",u)}b.search=decodeURIComponent(b.search);return b.href}if(m?.center!==false){b.searchParams.set("center",`${n};${l}`)}if(m?.level!==false){b.searchParams.set("level",`${r}`)}if(d&&_&&m?.selectedFeature!==false){b.searchParams.set("selectedFeature",`${d};${_}`)}if(u&&m?.hiddenLayers!==false){b.searchParams.set("hiddenLayers",u)}b.search=decodeURIComponent(b.search);return b.href}roundValue(t,s=4){return Number.parseFloat(t.toFixed(s))}get el(){return e(this)}};g.style=p;export{g as instant_apps_social_share};
+//# sourceMappingURL=p-b346c8fa.entry.js.map

package/dist/solutions-components/vendor/instant-apps-components/p-b346c8fa.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["instantAppsSocialShareCss","InstantAppsSocialShareStyle0","base","CALCITE_MODE_DARK","CSS","dialog","dialogEmbed","dialogContent","options","tipContainer","tipHeader","tipContent","icon","iconContainer","optionText","popoverButton","layout","vertical","horizontal","xLogo","light","dark","success","container","header","message","embed","embedCode","textArea","copyButton","textAreaText","dimensions","input","rtl","SOCIAL_URL_TEMPLATES","facebook","x","linkedIn","bluesky","SHORTEN_API","MIN_WIDTH_HEIGHT_VALUE","InstantAppsSocialShare","window","location","href","componentDidLoad","getMessages","this","setupAutoCloseListeners","mode","opened","popoverRef","open","addEventListener","shareListRef","firstNode","children","focus","handlePopoverRefKeyDown","bind","embedWidthRef","updateDimensions","embedHeightRef","disconnectedCallback","document","documentElement","removeEventListener","autoCloseCallback","stopPropagationCallback","resetPopoverCopyState","dialogContentRef","e","code","node","target","firstFocusableEl","lastFocusableEl","length","shiftKey","preventDefault","closePopover","popoverButtonRef","setFocus","copyLinkPopoverRef","inlineCopyLinkOpened","copyEmbedPopoverRef","inlineCopyEmbedOpened","event","stopPropagation","setTimeout","copied","type","value","embedWidth","Number","parseInt","embedHeight","render","content","renderSuccess","h","class","renderOptions","displayTipText","renderTip","renderEmbed","layoutClass","shareIconsLayout","el","closest","key","ref","defaultOffset","offsetDistance","removePopoverOffset","Host","label","messages","share","referenceElement","placement","scale","popoverPositioning","renderButton","inlineSuccessPopoverPlacement","overlayPositioning","renderEmbedSuccess","shareButtonScale","shareButtonType","onClick","togglePopover","id","kind","shareButtonColor","appearance","title","flipRtl","popoverButtonIconScale","text","alignment","successMessage","url","optionText_RTL","dir","role","handleShareItem","onKeyDown","handleOptionKeyDown","tabindex","link","socialMedia","renderFacebookIcon","renderXIcon","renderLinkedInIcon","renderBlueSkyIcon","blueSky","keyCode","canActivate","height","style","fillRule","clipRule","strokeLinejoin","strokeMiterlimit","version","viewBox","width","xmlns","d","fill","isCalciteModeDark","y","info","tooltip","embedMessages","textarea_RTL","embedCodeRef","cols","rows","readonly","getEmbedCode","copyEmbedCode","copy","name","includes","onChange","handleNumberInputOnChange","min","valType","parseFloat","shareUrl","generateShareUrl","shortenedUrl","isChrome","navigator","userAgent","isSafari","shortenShareUrl","shortenUrl","urlToUse","clipboard","writeText","socialWin","urlData","encodeURI","data","shareText","intl","importIntl","substitute","esriRequest","importRequest","request","query","longUrl","f","shortUrl","replace","iframeInnerText","autoUpdateShareUrl","view","ready","center","spatialReference","updatedSpatialReference","newGeometrySpatialReference","toJSON","centerPoint","newGeometryPoint","point","processPoint","isWGS84","isWebMercator","isNotProjected","generateShareUrlParams","projection","importGeometryProjection","outputSpatialReference","wkid","load","projectedPoint","project","Promise","resolve","err","console","error","reject","Error","longitude","latitude","undefined","roundedLon","roundValue","roundedLat","zoom","roundedZoom","graphic","popup","selectedFeature","visible","layerId","oid","hiddenLayers","layer","featureLayer","attributes","objectIdField","map","allLayers","filter","toArray","toString","replaceAll","defaultUrlParams","URL","searchParams","get","delete","camera","heading","position","tilt","z","viewpoint_Values","viewpointVal","viewpoint","set","search","decodeURIComponent","level","val","decimalPoints","toFixed"],"sources":["src/components/instant-apps-social-share/instant-apps-social-share.scss?tag=instant-apps-social-share&encapsulation=shadow","src/components/instant-apps-social-share/instant-apps-social-share.tsx"],"sourcesContent":["/*\n *   Copyright (c) 2024 Esri\n *   All rights reserved under the copyright laws of the United States and applicable international laws, treaties, and conventions.\n *   This material is licensed for use under the Esri Master License Agreement (MLA), and is bound by the terms of that agreement.\n *   You may redistribute and use this code without modification, provided you adhere to the terms of the MLA and include this copyright notice.\n *   See use restrictions at http://www.esri.com/legal/pdfs/mla_e204_e300/english\n */\n\n$calciteBlue: #007ac2;\n$border: #d3d3d3;\n$hoverLight: #f3f3f3;\n$hoverDark: #262626;\n$xLogoLight: #000000;\n$xLogoDark: #ffffff;\n\n:host {\n  display: block;\n  /**\n * @prop --instant-apps-social-share-action-width: Width of action button\n * @prop --instant-apps-social-share-width--s: Width of component when scale is set to `s`\n * @prop --instant-apps-social-share-width--m: Width of component when scale is set to `m`\n * @prop --instant-apps-social-share-width--l: Width of component when scale is set to `l`\n * @prop --instant-apps-social-share-width-horizontal--s: Width of component when `share-icons-layout` is set to `horizontal` and scale is set to 's'\n * @prop --instant-apps-social-share-width-horizontal--m: Width of component when `share-icons-layout` is set to `horizontal` and scale is set to 'm'\n * @prop --instant-apps-social-share-width-horizontal--l: Width of component when `share-icons-layout` is set to `horizontal` and scale is set to 'l'\n */\n  --instant-apps-social-share-action-width: initial;\n  --instant-apps-social-share-width--s: 200px;\n  --instant-apps-social-share-width--m: 280px;\n  --instant-apps-social-share-width--l: 320px;\n\n  --instant-apps-social-share-width-horizontal--s: 300px;\n  --instant-apps-social-share-width-horizontal--m: 380px;\n  --instant-apps-social-share-width-horizontal--l: 420px;\n\n  --instant-apps-social-share-background-color: var(--calcite-color-foreground-1);\n  --instant-apps-social-share-popover-button-background-color: transparent;\n  --instant-apps-social-share-popover-button-icon-color: var(--calcite-ui-icon-color);\n  --instant-apps-social-share-embed-border: 1px solid $border;\n  --instant-apps-social-share-embed-text-area-text: #468540;\n  .instant-apps-social-share {\n    &__popover-button {\n      background-color: var(--instant-apps-social-share-popover-button-background-color);\n      calcite-icon {\n        color: var(--instant-apps-social-share-popover-button-icon-color);\n      }\n    }\n\n    &__dialog,\n    &__dialog-embed {\n      background-color: var(--instant-apps-social-share-background-color);\n      border: var(--instant-apps-social-share-embed-border);\n    }\n\n    &__dialog {\n      box-sizing: border-box;\n      height: auto;\n      padding: 10px 0;\n      border-radius: 5px;\n      color: var(--calcite-color-text-1);\n    }\n\n    &__options {\n      margin: 0;\n      padding: 1% 0 0 0;\n      list-style-type: none;\n      li {\n        box-sizing: border-box;\n        display: flex;\n        align-items: center;\n        width: 100%;\n        padding: 5%;\n        transition: background-color 0.15s ease-out 0s;\n\n        .instant-apps-social-share__icon,\n        .instant-apps-social-share__option-text {\n          display: inline-block;\n        }\n\n        .instant-apps-social-share__icon {\n          display: flex;\n          align-items: center;\n        }\n\n        .instant-apps-social-share__option-text {\n          width: 85%;\n          margin-left: 10px;\n          word-break: break-word;\n        }\n\n        .instant-apps-social-share__option-text--rtl {\n          margin-left: 0;\n          margin-right: 10px;\n        }\n      }\n\n      li:hover {\n        cursor: pointer;\n        background-color: var(--calcite-color-foreground-2);\n      }\n\n      &__x-logo--light {\n        path {\n          fill: $xLogoLight;\n        }\n      }\n\n      &__x-logo--dark {\n        path {\n          fill: $xLogoDark;\n        }\n      }\n    }\n\n    &__tip {\n      box-sizing: border-box;\n      padding: 0 5% 1% 5%;\n      &-header {\n        display: flex;\n        align-items: center;\n        color: $calciteBlue;\n        // font-size: 16px;\n        margin: 8px 0 5px 0;\n        calcite-icon {\n          margin-right: 5px;\n        }\n      }\n      &-content {\n        line-height: 17px;\n        // font-size: 14.5px;\n        margin: 0;\n        padding-top: 2%;\n      }\n    }\n\n    &__success {\n      display: flex;\n      flex-direction: column;\n      padding: 15px;\n\n      &-header {\n        display: flex;\n        align-items: center;\n        font-weight: bold;\n        margin-bottom: 10px;\n      }\n      &-icon {\n        display: flex;\n        align-items: center;\n        margin-right: 5px;\n        calcite-icon {\n          color: var(--calcite-color-status-success);\n        }\n      }\n\n      &-message {\n        // font-size: 15px;\n        line-height: 16px;\n      }\n    }\n\n    &__embed {\n      box-sizing: border-box;\n      width: 100%;\n      padding: 5%;\n      margin-bottom: 10px;\n      border-top: 1px solid $border;\n      &-header {\n        display: flex;\n        align-items: center;\n        margin-bottom: 5px;\n        calcite-icon {\n          margin-right: 5px;\n        }\n      }\n\n      &-code {\n        &-text-area {\n          border: 1px solid $border;\n          textarea {\n            box-sizing: border-box;\n            padding: 4%;\n            border: none;\n            resize: none;\n            background: transparent;\n            width: 100%;\n            font-family: var(--calcite-sans-family);\n            // font-size: 14px;\n            color: var(--calcite-color-text-1);\n          }\n          button {\n            display: flex;\n            align-items: center;\n            text-align: start;\n            width: 100%;\n            border: none;\n            border-top: 1px solid $border;\n            background-color: transparent;\n            line-height: 16px;\n            // font-size: 16px;\n            font-weight: 400;\n            padding: 3%;\n            color: var(--calcite-color-text-1);\n\n            calcite-icon {\n              color: $calciteBlue;\n              margin-right: 3px;\n            }\n          }\n\n          button:hover {\n            cursor: pointer;\n            background-color: var(--calcite-color-foreground-2);\n            transition: background-color 0.15s ease-out 0s;\n          }\n        }\n      }\n\n      &-text-area-text {\n        display: inline-block;\n        padding-block-start: var(--calcite-spacing-md);\n        font-weight: 600;\n        color: var(--instant-apps-social-share-embed-text-area-text);\n      }\n\n      .instant-apps-social-share__text-area--rtl {\n        text-align: left;\n        direction: ltr;\n      }\n\n      &-dimensions {\n        display: flex;\n        justify-content: space-between;\n        margin-top: 10px;\n        &-input {\n          width: 47%;\n          box-sizing: border-box;\n          input {\n            border: 1px solid $border;\n            width: 100%;\n            height: 25px;\n            font-family: var(--calcite-sans-family);\n            // font-size: 14px;\n          }\n        }\n      }\n    }\n\n    &__layout--horizontal {\n      .instant-apps-social-share__options {\n        display: flex;\n        justify-content: space-around;\n        margin-bottom: 8%;\n        li {\n          flex-direction: column;\n          padding: 0;\n          .instant-apps-social-share__option-text {\n            word-break: break-word;\n            margin-left: 0;\n            margin-top: 10px;\n            text-align: center;\n          }\n        }\n        li:hover {\n          background-color: unset;\n        }\n      }\n    }\n\n    &__icon-container {\n      display: flex;\n      align-items: center;\n    }\n  }\n\n  calcite-action {\n    width: var(--instant-apps-social-share-action-width);\n  }\n}\n\n:host([scale=\"s\"]) {\n  .instant-apps-social-share {\n    &__dialog {\n      width: var(--instant-apps-social-share-width--s);\n    }\n    &__icon {\n      width: 16px;\n      height: 16px;\n    }\n    &__option-text {\n      font-size: var(--calcite-font-size--1);\n    }\n  }\n\n  .instant-apps-social-share__dialog.instant-apps-social-share__layout--horizontal {\n    width: var(--instant-apps-social-share-width-horizontal--s);\n  }\n\n  .instant-apps-social-share__tip-header,\n  .instant-apps-social-share__tip-content,\n  .instant-apps-social-share__embed-header,\n  .instant-apps-social-share__embed-dimensions-input {\n    font-size: var(--calcite-font-size--2);\n  }\n}\n\n:host([scale=\"m\"]) {\n  .instant-apps-social-share {\n    &__dialog {\n      width: var(--instant-apps-social-share-width--m);\n    }\n    &__icon {\n      width: 24px;\n      height: 24px;\n    }\n    &__option-text {\n      font-size: var(--calcite-font-size-0);\n    }\n  }\n\n  .instant-apps-social-share__dialog.instant-apps-social-share__layout--horizontal {\n    width: var(--instant-apps-social-share-width-horizontal--m);\n  }\n\n  .instant-apps-social-share__tip-header,\n  .instant-apps-social-share__tip-content,\n  .instant-apps-social-share__embed-header,\n  .instant-apps-social-share__embed-dimensions-input {\n    font-size: var(--calcite-font-size--1);\n  }\n}\n\n:host([scale=\"l\"]) {\n  .instant-apps-social-share {\n    &__dialog {\n      width: var(--instant-apps-social-share-width--l);\n    }\n    &__icon {\n      width: 32px;\n      height: 32px;\n    }\n    &__option-text {\n      font-size: var(--calcite-font-size-1);\n    }\n  }\n\n  .instant-apps-social-share__dialog.instant-apps-social-share__layout--horizontal {\n    width: var(--instant-apps-social-share-width-horizontal--l);\n  }\n\n  .instant-apps-social-share__tip-header,\n  .instant-apps-social-share__tip-content,\n  .instant-apps-social-share__embed-header,\n  .instant-apps-social-share__embed-dimensions-input {\n    font-size: var(--calcite-font-size-0);\n  }\n}\n","/*\n *   Copyright (c) 2024 Esri\n *   All rights reserved under the copyright laws of the United States and applicable international laws, treaties, and conventions.\n *   This material is licensed for use under the Esri Master License Agreement (MLA), and is bound by the terms of that agreement.\n *   You may redistribute and use this code without modification, provided you adhere to the terms of the MLA and include this copyright notice.\n *   See use restrictions at http://www.esri.com/legal/pdfs/mla_e204_e300/english\n */\n\nimport { Component, Element, Host, Prop, State, h } from \"@stencil/core\";\n\nimport type SocialShare_T9n from \"../../assets/t9n/instant-apps-social-share/messages.en.json\";\n\nimport type { LogicalPlacement } from \"@esri/calcite-components/dist/utils/floating-ui\";\nimport { getMessages } from \"../../utils/locale\";\nimport {\n  importGeometryProjection,\n  importIntl,\n  importRequest,\n  newGeometryPoint,\n  newGeometrySpatialReference,\n} from \"@arcgis/core-adapter\";\n// import { PopperPlacement } from '@esri/calcite-components/dist/types/utils/popper';\n\ntype ShareItemOptions = \"bluesky\" | \"facebook\" | \"link\" | \"linkedIn\" | \"x\";\n\nconst base = \"instant-apps-social-share\";\n\nconst CALCITE_MODE_DARK = \".calcite-mode-dark\";\n\nconst CSS = {\n  base,\n  dialog: `${base}__dialog`,\n  dialogEmbed: `${base}__dialog-embed`,\n  dialogContent: `${base}__dialog-content`,\n  options: `${base}__options`,\n  tipContainer: `${base}__tip`,\n  tipHeader: `${base}__tip-header`,\n  tipContent: `${base}__tip-content`,\n  icon: `${base}__icon`,\n  iconContainer: `${base}__icon-container`,\n  optionText: `${base}__option-text`,\n  popoverButton: `${base}__popover-button`,\n  layout: {\n    vertical: `${base}__layout--vertical`,\n    horizontal: `${base}__layout--horizontal`,\n  },\n  xLogo: {\n    light: `${base}__x-logo--light`,\n    dark: `${base}__x-logo--dark`,\n  },\n  success: {\n    container: `${base}__success`,\n    header: `${base}__success-header`,\n    message: `${base}__success-message`,\n    icon: `${base}__success-icon`,\n  },\n  embed: {\n    container: `${base}__embed`,\n    header: `${base}__embed-header`,\n    embedCode: {\n      container: `${base}__embed-code`,\n      textArea: `${base}__embed-code-text-area`,\n      copyButton: `${base}__embed-code-copy-button`,\n    },\n    textAreaText: `${base}__embed-text-area-text`,\n    dimensions: {\n      container: `${base}__embed-dimensions`,\n      input: `${base}__embed-dimensions-input`,\n    },\n  },\n  rtl: {\n    optionText: `${base}__option-text--rtl`,\n    textArea: `${base}__text-area--rtl`,\n  },\n};\n\nconst SOCIAL_URL_TEMPLATES = {\n  facebook: \"https://www.facebook.com/sharer/sharer.php?u={url}\",\n  x: \"https://x.com/intent/post?url={url}\",\n  linkedIn: \"https://www.linkedin.com/sharing/share-offsite/?url={url}\",\n  bluesky: \"https://bsky.app/intent/compose?text={url}\",\n};\n\nconst SHORTEN_API = \"https://arcg.is/prod/shorten\";\n\nconst MIN_WIDTH_HEIGHT_VALUE = \"1\";\n\n@Component({\n  tag: \"instant-apps-social-share\",\n  styleUrl: \"instant-apps-social-share.scss\",\n  shadow: true,\n})\nexport class InstantAppsSocialShare {\n  // HOST ELEMENT\n  @Element() el!: HTMLInstantAppsSocialShareElement;\n\n  // REFERENCE NODES\n  popoverRef!: HTMLCalcitePopoverElement;\n  embedWidthRef: HTMLInputElement | undefined;\n  embedHeightRef: HTMLInputElement | undefined;\n  embedCodeRef: HTMLTextAreaElement | undefined;\n  copyLinkPopoverRef!: HTMLCalcitePopoverElement;\n  copyEmbedPopoverRef!: HTMLCalcitePopoverElement;\n  dialogContentRef: HTMLDivElement | undefined;\n  shareListRef: HTMLUListElement | undefined;\n  popoverButtonRef: HTMLCalciteActionElement | HTMLCalciteButtonElement | undefined;\n\n  // PUBLIC PROPERTIES\n\n  /**\n   * Renders tool as a popover with a trigger button, or inline to place in a custom container.\n   */\n  @Prop({\n    reflect: true,\n  })\n  mode: \"inline\" | \"popover\" = \"popover\";\n\n  /**\n   * Generated share URL. Use this property to append custom URL parameters if needed.\n   */\n  @Prop({\n    mutable: true,\n  })\n  shareUrl: string = window.location.href;\n\n  /**\n   * Auto update share URL.\n   */\n  @Prop({\n    mutable: true,\n  })\n  autoUpdateShareUrl = true;\n\n  @Prop({\n    reflect: true,\n  })\n  shareText = \"\";\n\n  /**\n   * Show/hide the embed UI.\n   */\n  @Prop({ reflect: true }) embed = false;\n\n  @Prop({\n    reflect: true,\n  })\n  shareButtonColor: \"inverse\" | \"neutral\" = \"neutral\";\n\n  /**\n   * Renders tool in popover mode with a trigger button or action\n   */\n  @Prop({\n    reflect: true,\n  })\n  shareButtonType: \"action\" | \"button\" = \"button\";\n\n  /**\n   * Adjust scale of popover button\n   */\n  @Prop({\n    reflect: true,\n  })\n  shareButtonScale: \"l\" | \"m\" | \"s\" = \"m\";\n\n  /**\n   * Text to nest in embed iframe code.\n   */\n  @Prop({\n    reflect: true,\n  })\n  iframeInnerText = \"\";\n\n  /**\n   * Adjusts the scale of the popover button icon.\n   */\n  @Prop({\n    reflect: true,\n  })\n  popoverButtonIconScale: \"l\" | \"m\" | \"s\" = \"m\";\n\n  /**\n   * MapView or SceneView to reference when URL parameter values are generated, i.e. center, level, viewpoint, etc.\n   */\n  @Prop() view!: __esri.MapView | __esri.SceneView;\n\n  /**\n   * Show/hide the tip text below the share options.\n   */\n  @Prop({ reflect: true }) displayTipText = true;\n\n  /**\n   * Shortens generated URL.\n   */\n  @Prop({ reflect: true }) shortenShareUrl = true;\n\n  /**\n   * Show/hide social media icons.\n   */\n  @Prop({ reflect: true }) socialMedia = true;\n\n  /**\n   * Display the share icons in a vertical or horizontal layout.\n   */\n  @Prop({ reflect: true }) shareIconsLayout: \"horizontal\" | \"vertical\" = \"vertical\";\n\n  /**\n   * Adjusts the scale of the component.\n   */\n  @Prop({ reflect: true }) scale: \"l\" | \"m\" | \"s\" = \"m\";\n\n  /**\n   * Provides an alternate to the success.url message \"App URL copied to clipboard.\"\n   */\n  @Prop({ reflect: true }) successMessage = \"\";\n\n  /**\n   * When true, the icon will be flipped when the element direction is right-to-left (\"rtl\").\n   */\n  @Prop({ reflect: true }) flipRtl = false;\n\n  /**\n   * Configure the default URL parameters that are appended to the generated share URL.\n   */\n  @Prop() defaultUrlParams: {\n    center?: boolean;\n    level?: boolean;\n    viewpoint?: boolean;\n    selectedFeature?: boolean;\n    hiddenLayers?: boolean;\n  } | null = null;\n\n  /**\n   * Configures the placement of the success message popover for the 'Copy Link' button.\n   * See options here: https://github.com/Esri/calcite-components/blob/v1.0.0-beta.83/src/utils/popper.ts#L34\n   */\n  @Prop({ reflect: true })\n  inlineSuccessPopoverPlacement: LogicalPlacement = \"trailing\";\n\n  /**\n   * Adjusts the overlay-positioning of the popover.\n   */\n  @Prop({\n    reflect: true,\n  })\n  popoverPositioning: \"absolute\" | \"fixed\" = \"absolute\";\n\n  /**\n   * Remove the pointer and set the vertical offset to 0 for the popover.\n   */\n  @Prop({\n    reflect: true,\n  })\n  removePopoverOffset = false;\n\n  // INTERNAL STATE\n  // T9N\n  @State() messages?: typeof SocialShare_T9n;\n\n  // mode = 'popover'\n  @State() opened = false;\n  @State() copied = false;\n\n  // mode = 'inline'\n  @State() inlineCopyLinkOpened = false;\n  @State() inlineCopyEmbedOpened = false;\n  @State() embedWidth = 400;\n  @State() embedHeight = 600;\n\n  componentDidLoad() {\n    getMessages(this);\n    this.setupAutoCloseListeners();\n    if (this.mode === \"popover\") {\n      if (this.opened) {\n        this.popoverRef.open = true;\n      }\n      this.popoverRef.addEventListener(\"calcitePopoverOpen\", () => {\n        if (!this.shareListRef) {\n          return;\n        }\n        const firstNode = this.shareListRef.children[0] as HTMLLIElement;\n        firstNode.focus();\n      });\n      this.popoverRef.addEventListener(\"keydown\", this.handlePopoverRefKeyDown.bind(this));\n    }\n    if (this.embed) {\n      this.embedWidthRef?.addEventListener(\"change\", this.updateDimensions.bind(this, \"width\"));\n      this.embedHeightRef?.addEventListener(\"change\", this.updateDimensions.bind(this, \"height\"));\n    }\n  }\n\n  disconnectedCallback() {\n    document.documentElement.removeEventListener(\"click\", this.autoCloseCallback.bind(this));\n    if (this.mode === \"popover\") {\n      if (this.popoverRef != null) {\n        this.popoverRef.removeEventListener(\"click\", this.stopPropagationCallback.bind(this));\n        this.popoverRef.removeEventListener(\"calcitePopoverClose\", this.resetPopoverCopyState.bind(this));\n        this.popoverRef.removeEventListener(\"keydown\", this.handlePopoverRefKeyDown.bind(this));\n      }\n    } else {\n      this.embedWidthRef?.removeEventListener(\"change\", this.updateDimensions.bind(this, \"width\"));\n      this.embedHeightRef?.removeEventListener(\"change\", this.updateDimensions.bind(this, \"height\"));\n      this.dialogContentRef?.removeEventListener(\"click\", this.stopPropagationCallback.bind(this));\n    }\n  }\n\n  setupAutoCloseListeners() {\n    document.documentElement.addEventListener(\"click\", this.autoCloseCallback.bind(this));\n    if (this.mode === \"popover\") {\n      this.popoverRef?.addEventListener(\"click\", this.stopPropagationCallback.bind(this));\n      this.popoverRef?.addEventListener(\"calcitePopoverClose\", this.resetPopoverCopyState.bind(this));\n    } else {\n      this.dialogContentRef?.addEventListener(\"click\", this.stopPropagationCallback.bind(this));\n    }\n  }\n\n  handlePopoverRefKeyDown(e: KeyboardEvent) {\n    if (e.code === \"Tab\") {\n      if (!this.shareListRef) {\n        return;\n      }\n      const node = e.target;\n      const firstFocusableEl = this.shareListRef.children[0] as HTMLElement;\n      const lastFocusableEl = this.shareListRef.children[this.shareListRef.children.length - 1] as HTMLElement;\n      if (e.shiftKey && node === firstFocusableEl) {\n        e.preventDefault();\n        lastFocusableEl.focus();\n      } else if (!e.shiftKey && node === lastFocusableEl) {\n        e.preventDefault();\n        firstFocusableEl.focus();\n      }\n    } else if (e.code === \"Escape\") {\n      this.closePopover();\n      this.popoverButtonRef?.setFocus();\n    }\n  }\n\n  autoCloseCallback() {\n    if (this.mode === \"popover\") {\n      this.opened = false;\n      this.popoverRef.open = this.opened;\n    } else {\n      if (this.copyLinkPopoverRef) {\n        this.copyLinkPopoverRef.open = false;\n      }\n      this.inlineCopyLinkOpened = false;\n      if (this.copyEmbedPopoverRef) {\n        this.copyEmbedPopoverRef.open = false;\n      }\n      this.inlineCopyEmbedOpened = false;\n    }\n  }\n\n  stopPropagationCallback(event: Event) {\n    event.stopPropagation();\n  }\n\n  resetPopoverCopyState() {\n    this.popoverButtonRef?.setFocus();\n    setTimeout(() => {\n      this.copied = false;\n    }, 200);\n  }\n\n  updateDimensions(type: \"height\" | \"width\") {\n    if (type === \"width\") {\n      const value = this.embedWidthRef?.value ?? \"0\";\n      this.embedWidth = Number.parseInt(value);\n    } else {\n      const value = this.embedHeightRef?.value ?? \"0\";\n      this.embedHeight = Number.parseInt(value);\n    }\n  }\n\n  render() {\n    const content =\n      this.copied && this.mode === \"popover\" ? (\n        this.renderSuccess()\n      ) : (\n        <div class={CSS.dialogContent}>\n          {this.renderOptions()}\n          {this.displayTipText ? this.renderTip() : null}\n          {this.embed ? this.renderEmbed() : null}\n        </div>\n      );\n\n    const layoutClass = this.shareIconsLayout === \"vertical\" ? ` ${CSS.layout.vertical}` : ` ${CSS.layout.horizontal}`;\n\n    const mode = ` calcite-mode-${!!this.el.closest(CALCITE_MODE_DARK) ? \"dark\" : \"light\"}`;\n\n    const dialogContent = (\n      <div ref={(el) => (this.dialogContentRef = el)} class={`${CSS.dialog}${layoutClass}${mode}`}>\n        {content}\n      </div>\n    );\n    const defaultOffset = 6;\n    const offsetDistance = this.removePopoverOffset ? 0 : defaultOffset;\n    return (\n      <Host>\n        {this.mode === \"popover\"\n          ? [\n              <calcite-popover\n                ref={(el?: HTMLCalcitePopoverElement) => {\n                  if (el) {\n                    this.popoverRef = el;\n                  }\n                }}\n                label={this.messages?.share?.label ?? \"\"}\n                referenceElement=\"shareButton\"\n                placement=\"bottom-start\"\n                scale={this.scale}\n                overlay-positioning={this.popoverPositioning}\n                offset-distance={offsetDistance}\n                pointer-disabled={this.removePopoverOffset}\n              >\n                {dialogContent}\n              </calcite-popover>,\n              this.renderButton(),\n            ]\n          : [\n              dialogContent,\n              <calcite-popover\n                ref={(el?: HTMLCalcitePopoverElement) => {\n                  if (el) {\n                    this.copyLinkPopoverRef = el;\n                  }\n                }}\n                label={this.messages?.share?.label ?? \"\"}\n                referenceElement=\"copyToClipboard\"\n                placement={this.inlineSuccessPopoverPlacement}\n                scale={this.scale}\n                overlayPositioning=\"fixed\"\n              >\n                {this.renderSuccess()}\n              </calcite-popover>,\n              <calcite-popover\n                ref={(el?: HTMLCalcitePopoverElement) => {\n                  if (el) {\n                    this.copyEmbedPopoverRef = el;\n                  }\n                }}\n                label={this.messages?.share?.label ?? \"\"}\n                referenceElement=\"copyEmbedToClipboard\"\n                placement={this.inlineSuccessPopoverPlacement}\n                scale={this.scale}\n                overlayPositioning=\"fixed\"\n              >\n                {this.renderEmbedSuccess()}\n              </calcite-popover>,\n            ]}\n      </Host>\n    );\n  }\n\n  renderButton() {\n    const scale = this.shareButtonScale != null ? this.shareButtonScale : this.scale;\n    return this.shareButtonType === \"button\" ? (\n      <calcite-button\n        ref={(el) => (this.popoverButtonRef = el)}\n        onClick={this.togglePopover.bind(this)}\n        id=\"shareButton\"\n        class={CSS.popoverButton}\n        kind={this.shareButtonColor}\n        appearance=\"transparent\"\n        label={this.messages?.share?.label}\n        title={this.messages?.share?.label}\n        scale={scale}\n      >\n        <div class={CSS.iconContainer}>\n          <calcite-icon flipRtl={this.flipRtl} icon=\"share\" scale={this.popoverButtonIconScale} />\n        </div>\n      </calcite-button>\n    ) : (\n      <calcite-action\n        ref={(el) => (this.popoverButtonRef = el)}\n        onClick={this.togglePopover.bind(this)}\n        id=\"shareButton\"\n        class={CSS.popoverButton}\n        appearance=\"transparent\"\n        label={this.messages?.share?.label}\n        title={this.messages?.share?.label}\n        scale={scale}\n        text=\"\"\n        alignment=\"center\"\n      >\n        <div class={CSS.iconContainer}>\n          <calcite-icon flipRtl={this.flipRtl} icon=\"share\" scale={this.popoverButtonIconScale} />\n        </div>\n      </calcite-action>\n    );\n  }\n\n  renderSuccess() {\n    const success = this.messages?.success;\n    return (\n      <div class={CSS.success.container}>\n        <span class={CSS.success.header}>\n          <span class={CSS.success.icon}>\n            <calcite-icon icon=\"check-circle-f\" scale={this.scale} />\n          </span>\n          {success?.label}\n        </span>\n        <span class={CSS.success.message}>{this.successMessage || success?.url}</span>\n      </div>\n    );\n  }\n\n  renderEmbedSuccess() {\n    const success = this.messages?.success;\n    return (\n      <div class={CSS.success.container}>\n        <span class={CSS.success.header}>\n          <span class={CSS.success.icon}>\n            <calcite-icon icon=\"check-circle-f\" scale={this.scale} />\n          </span>\n          {success?.label}\n        </span>\n        <span class={CSS.success.message}>{success?.embed}</span>\n      </div>\n    );\n  }\n\n  renderOptions() {\n    const options = this.messages?.options;\n    const optionText_RTL = document.dir === \"rtl\" ? ` ${CSS.rtl.optionText}` : \"\";\n    return (\n      <ul ref={(el) => (this.shareListRef = el)} class={CSS.options} role=\"menu\">\n        <li\n          id=\"copyToClipboard\"\n          onClick={this.handleShareItem.bind(this, \"link\")}\n          onKeyDown={this.handleOptionKeyDown(\"link\")}\n          role=\"menuitem\"\n          tabindex=\"0\"\n        >\n          <span class={CSS.icon}>\n            <calcite-icon icon=\"link\" scale={this.scale} />\n          </span>\n          <span class={`${CSS.optionText}${optionText_RTL}`}>{options?.link?.label}</span>\n        </li>\n        {this.socialMedia\n          ? [\n              <li\n                onClick={this.handleShareItem.bind(this, \"facebook\")}\n                onKeyDown={this.handleOptionKeyDown(\"facebook\")}\n                role=\"menuitem\"\n                tabindex=\"0\"\n              >\n                <span class={CSS.icon}>{this.renderFacebookIcon()}</span>\n                <span class={`${CSS.optionText}${optionText_RTL}`}>{options?.facebook?.label}</span>\n              </li>,\n              <li\n                onClick={this.handleShareItem.bind(this, \"x\")}\n                onKeyDown={this.handleOptionKeyDown(\"x\")}\n                role=\"menuitem\"\n                tabindex=\"0\"\n              >\n                <span class={CSS.icon}>{this.renderXIcon()}</span>\n                <span class={`${CSS.optionText}${optionText_RTL}`}>X</span>\n              </li>,\n              <li\n                onClick={this.handleShareItem.bind(this, \"linkedIn\")}\n                onKeyDown={this.handleOptionKeyDown(\"linkedIn\")}\n                role=\"menuitem\"\n                tabindex=\"0\"\n              >\n                <span class={CSS.icon}>{this.renderLinkedInIcon()}</span>\n                <span class={`${CSS.optionText}${optionText_RTL}`}>{options?.linkedIn?.label}</span>\n              </li>,\n              <li\n                onClick={this.handleShareItem.bind(this, \"bluesky\")}\n                onKeyDown={this.handleOptionKeyDown(\"bluesky\")}\n                role=\"menuitem\"\n                tabindex=\"0\"\n              >\n                <span class={CSS.icon}>{this.renderBlueSkyIcon()}</span>\n                <span class={`${CSS.optionText}${optionText_RTL}`}>{options?.blueSky?.label}</span>\n              </li>,\n            ]\n          : null}\n      </ul>\n    );\n  }\n\n  handleOptionKeyDown(type: ShareItemOptions) {\n    return (e: KeyboardEvent) => {\n      const keyCode = e.code;\n      const canActivate = keyCode === \"Space\" || keyCode === \"Enter\";\n      if (!canActivate) {\n        return;\n      }\n      this.handleShareItem(type);\n    };\n  }\n\n  renderFacebookIcon() {\n    return (\n      <svg\n        height=\"100%\"\n        style={{ fillRule: \"evenodd\", clipRule: \"evenodd\", strokeLinejoin: \"round\", strokeMiterlimit: \"2\" }}\n        version=\"1.1\"\n        viewBox=\"0 0 512 512\"\n        width=\"100%\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <g>\n          <path\n            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\"\n            style={{ fill: \"#1877f2\", fillRule: \"nonzero\" }}\n          />\n          <path\n            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\"\n            style={{ fill: \"#fff\", fillRule: \"nonzero\" }}\n          />\n        </g>\n      </svg>\n    );\n  }\n\n  renderXIcon() {\n    const isCalciteModeDark = !!this.el.closest(CALCITE_MODE_DARK);\n    return (\n      <svg\n        height=\"100%\"\n        class={isCalciteModeDark ? CSS.xLogo.dark : CSS.xLogo.light}\n        viewBox=\"0 0 1200 1227\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <rect height=\"400\" style={{ fill: \"none\" }} width=\"400\" x=\"56\" y=\"56\" />\n        <path\n          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\"\n          fill={isCalciteModeDark ? \"white\" : \"black\"}\n        />\n      </svg>\n    );\n  }\n  renderBlueSkyIcon() {\n    return (\n      <svg height=\"100%\" fill=\"#0f85fe\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">\n        <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\" />\n      </svg>\n    );\n  }\n\n  renderLinkedInIcon() {\n    return (\n      <svg\n        height=\"100%\"\n        style={{ fillRule: \"evenodd\", clipRule: \"evenodd\", strokeLinejoin: \"round\", strokeMiterlimit: \"2\" }}\n        version=\"1.1\"\n        viewBox=\"0 0 512 512\"\n        width=\"100%\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <g id=\"g5891\">\n          <path\n            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\"\n            id=\"background\"\n            style={{ fill: \"#2867b2\" }}\n          />\n          <g id=\"shapes\">\n            <rect height=\"257.962\" id=\"rect11\" style={{ fill: \"#fff\" }} width=\"85.76\" x=\"61.053\" y=\"178.667\" />\n            <path\n              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\"\n              id=\"path13-0\"\n              style={{ fill: \"#fff\", fillRule: \"nonzero\" }}\n            />\n            <path\n              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\"\n              id=\"path15\"\n              style={{ fill: \"#fff\", fillRule: \"nonzero\" }}\n            />\n          </g>\n        </g>\n      </svg>\n    );\n  }\n\n  renderTip() {\n    const info = this.messages?.info;\n    return (\n      <div class={CSS.tipContainer}>\n        <span class={CSS.tipHeader}>\n          <calcite-icon icon=\"lightbulb\" scale={this.scale} />\n          <span>{info?.label}</span>\n        </span>\n        <p class={CSS.tipContent}>{info?.tooltip}</p>\n      </div>\n    );\n  }\n\n  renderEmbed() {\n    const embedMessages = this.messages?.embed;\n    const textarea_RTL = document.dir === \"rtl\" ? ` ${CSS.rtl.textArea}` : \"\";\n    return (\n      <div class={CSS.embed.container}>\n        <span class={CSS.embed.header}>\n          <calcite-icon icon=\"code\" scale={this.scale} />\n          <span>{this.messages?.embed?.label}</span>\n        </span>\n        <div class={CSS.embed.embedCode.container}>\n          <div class={CSS.embed.embedCode.textArea}>\n            <textarea\n              ref={(el) => (this.embedCodeRef = el)}\n              cols={30}\n              rows={5}\n              readonly\n              class={textarea_RTL}\n              value={this.getEmbedCode()}\n            />\n            <button\n              id=\"copyEmbedToClipboard\"\n              onClick={this.copyEmbedCode.bind(this)}\n              class={CSS.embed.embedCode.copyButton}\n            >\n              <calcite-icon icon=\"copy\" scale={this.scale} />\n              <span>{embedMessages?.copy}</span>\n            </button>\n          </div>\n          <span class={CSS.embed.textAreaText}>\n            <slot name=\"text-area-text\"></slot>\n          </span>\n          <div class={CSS.embed.dimensions.container}>\n            <label class={CSS.embed.dimensions.input}>\n              <span>{embedMessages?.width}</span>\n              <input\n                ref={(el) => (this.embedWidthRef = el)}\n                type=\"number\"\n                onKeyDown={(e) => [\"e\", \"E\", \"+\", \"-\"].includes(e.key) && e.preventDefault()}\n                onChange={this.handleNumberInputOnChange(\"width\")}\n                value={this.embedWidth}\n                min=\"1\"\n              />\n            </label>\n            <label class={CSS.embed.dimensions.input}>\n              <span>{embedMessages?.height}</span>\n              <input\n                ref={(el) => (this.embedHeightRef = el)}\n                type=\"number\"\n                onKeyDown={(e) => [\"e\", \"E\", \"+\", \"-\"].includes(e.key) && e.preventDefault()}\n                onChange={this.handleNumberInputOnChange(\"height\")}\n                value={this.embedHeight}\n                min=\"1\"\n              />\n            </label>\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  handleNumberInputOnChange(type: \"height\" | \"width\"): () => void {\n    const ref = (type === \"width\" ? this.embedWidthRef : this.embedHeightRef)!;\n    const valType = type === \"width\" ? \"embedWidth\" : \"embedHeight\";\n    return () => {\n      if (ref) {\n        const value = Number.parseFloat(ref.value);\n        if (value <= 0) {\n          this[valType] = Number.parseInt(MIN_WIDTH_HEIGHT_VALUE);\n          ref.value = MIN_WIDTH_HEIGHT_VALUE;\n        }\n      }\n    };\n  }\n\n  togglePopover(event: Event) {\n    event.stopPropagation();\n    this.opened = !this.opened;\n    this.popoverRef.open = this.opened;\n  }\n\n  closePopover() {\n    this.opened = false;\n    this.popoverRef.open = this.opened;\n  }\n\n  async handleShareItem(type: ShareItemOptions) {\n    this.shareUrl = await this.generateShareUrl();\n    let shortenedUrl = null;\n\n    // Detects Safari - If Safari, do not shorten URL due to Safari not allowing clipboard copy after network requests\n    const isChrome = navigator?.userAgent?.includes(\"Chrome\") ?? false;\n    const isSafari = (navigator?.userAgent?.includes(\"Safari\") ?? false) && !isChrome;\n    if (!isSafari && this.shortenShareUrl) {\n      shortenedUrl = await this.shortenUrl(this.shareUrl);\n    }\n    let urlToUse = shortenedUrl ? shortenedUrl : this.shareUrl;\n\n    switch (type) {\n      case \"link\":\n        navigator.clipboard.writeText(urlToUse);\n        if (this.embed) {\n          this.copyEmbedPopoverRef.open = false;\n          this.inlineCopyEmbedOpened = false;\n        }\n        if (this.mode === \"inline\") {\n          this.copyLinkPopoverRef.open = true;\n          setTimeout(() => (this.copyLinkPopoverRef.open = false), 3000);\n        }\n        this.inlineCopyLinkOpened = true;\n        this.copied = true;\n        if (this.mode === \"popover\") {\n          setTimeout(() => this.closePopover(), 2000);\n        }\n        return;\n      case \"facebook\":\n      case \"bluesky\":\n      case \"x\":\n      case \"linkedIn\":\n        {\n          let socialWin;\n          if (isSafari) {\n            socialWin = window.open(\"\", \"_blank\");\n            if (this.shortenShareUrl) {\n              urlToUse = (await this.shortenUrl(this.shareUrl)) || urlToUse;\n            }\n          }\n          const urlData = {\n            url: encodeURI(urlToUse),\n          };\n          const data = type === \"x\" ? { ...urlData, text: this.shareText } : urlData;\n          const intl = await importIntl();\n          const url = intl.substitute(SOCIAL_URL_TEMPLATES[type], data);\n          if (this.mode === \"popover\") {\n            this.closePopover();\n          }\n\n          // With Safari, need to open new tab using the triggering event, so add shortened URL after opening.\n          // Safari truncates URL without this approach.\n          if (isSafari && socialWin) {\n            socialWin.location = url;\n            socialWin.focus();\n          } else {\n            window.open(encodeURI(url), \"_blank\");\n          }\n        }\n\n        return;\n    }\n  }\n\n  async shortenUrl(url: string) {\n    const esriRequest = await importRequest();\n    const request = await esriRequest(SHORTEN_API, {\n      query: {\n        longUrl: url,\n        f: \"json\",\n      },\n    });\n\n    const shortUrl = request?.data?.data?.url;\n    if (shortUrl) {\n      return shortUrl.replace(\"http://\", \"https://\");\n    }\n  }\n\n  getEmbedCode(): string {\n    return `<iframe src=\"${this.shareUrl}\" width=\"${this.embedWidth}\" height=\"${this.embedHeight}\" frameborder=\"0\" style=\"border:0\" allowfullscreen>${this.iframeInnerText}</iframe>`;\n  }\n\n  copyEmbedCode() {\n    navigator.clipboard.writeText(this.getEmbedCode());\n    this.copyLinkPopoverRef.open = false;\n    this.inlineCopyLinkOpened = false;\n    this.copyEmbedPopoverRef.open = true;\n    setTimeout(() => (this.copyEmbedPopoverRef.open = false), 3000);\n    this.inlineCopyEmbedOpened = true;\n  }\n\n  // VIEW LOGIC\n  async generateShareUrl(): Promise<string> {\n    if (this.autoUpdateShareUrl) {\n      // Update shareUrl--it may have changes since the component was loaded\n      this.shareUrl = window.location.href;\n    }\n\n    // If view is not ready\n    if (!this.view?.ready) {\n      return this.shareUrl;\n    }\n    // Use x/y values and the spatial reference of the view to instantiate a geometry point\n    const { x, y } = this.view.center;\n    const { spatialReference } = this.view;\n    const updatedSpatialReference = await newGeometrySpatialReference({ ...spatialReference.toJSON() });\n    const centerPoint = await newGeometryPoint({\n      x,\n      y,\n      spatialReference: updatedSpatialReference,\n    });\n    // Use pointToConvert to project point. Once projected, pass point to generate the share URL parameters\n    const point = await this.processPoint(centerPoint);\n    const { isWGS84, isWebMercator } = point.spatialReference;\n    const isNotProjected = isWGS84 || isWebMercator;\n    return this.generateShareUrlParams(point, isNotProjected);\n  }\n\n  async processPoint(point: __esri.Point): Promise<__esri.Point> {\n    const { isWGS84, isWebMercator } = point.spatialReference;\n    // If spatial reference is WGS84 or Web Mercator, use longitude/latitude values to generate the share URL parameters\n    if (isWGS84 || isWebMercator) {\n      return point;\n    }\n    const projection = await importGeometryProjection();\n    const outputSpatialReference = await newGeometrySpatialReference({ wkid: 4326 });\n    try {\n      await projection.load();\n      const projectedPoint = projection.project(point, outputSpatialReference) as __esri.Point;\n      return Promise.resolve(projectedPoint);\n    } catch (err) {\n      console.error(\"Failed to project point\", err);\n      return await Promise.reject(new Error(\"Failed to project point\"));\n    }\n  }\n\n  generateShareUrlParams(point: __esri.Point, isNotProjected: boolean): string {\n    const { longitude, latitude, x, y } = point;\n    if (longitude === undefined || latitude === undefined) {\n      return this.shareUrl;\n    }\n\n    const roundedLon = this.roundValue((isNotProjected ? longitude : x)!);\n    const roundedLat = this.roundValue((isNotProjected ? latitude : y)!);\n    const { zoom } = this.view;\n    const roundedZoom = this.roundValue(zoom);\n    const graphic = this.view?.popup?.selectedFeature;\n    const visible = this.view?.popup?.visible;\n    let layerId;\n    let oid;\n    let hiddenLayers;\n    if (graphic && visible && graphic?.layer?.type === \"feature\") {\n      const featureLayer = graphic?.layer as __esri.FeatureLayer;\n\n      layerId = featureLayer?.id;\n      oid = graphic.attributes[featureLayer.objectIdField];\n    }\n\n    hiddenLayers = this.view.map.allLayers\n      .filter((layer) => !layer.visible)\n      .toArray()\n      .map((featureLayer) => featureLayer.id)\n      .toString()\n      .replaceAll(\",\", \";\");\n\n    const { type } = this.view;\n    const { defaultUrlParams } = this;\n\n    const url = new URL(this.shareUrl);\n    const { searchParams } = url;\n\n    // Resets existing URL params\n    if (searchParams.get(\"center\")) {\n      searchParams.delete(\"center\");\n    }\n    if (searchParams.get(\"level\")) {\n      searchParams.delete(\"level\");\n    }\n    if (searchParams.get(\"selectedFeature\")) {\n      searchParams.delete(\"selectedFeature\");\n    }\n    if (searchParams.get(\"hiddenLayers\")) {\n      searchParams.delete(\"hiddenLayers\");\n    }\n    if (searchParams.get(\"viewpoint\")) {\n      searchParams.delete(\"viewpoint\");\n    }\n\n    // Checks if view.type is 3D, if so, set 3D url parameters\n    if (type === \"3d\") {\n      // viewpoint=cam:{camera.position.longitude},{camera.position.latitude},{camera.position.z};{camera.heading},{camera.tilt}\n      const { camera } = this.view;\n      const { heading, position, tilt } = camera;\n      const { longitude, latitude, z } = position;\n\n      const viewpoint_Values = {\n        longitude: this.roundValue(longitude!, 8),\n        latitude: this.roundValue(latitude!, 8),\n        z: this.roundValue(z!, 3),\n        heading: this.roundValue(heading, 3),\n        tilt: this.roundValue(tilt, 3),\n      };\n\n      const viewpointVal = `cam:${viewpoint_Values.longitude},${viewpoint_Values.latitude},${viewpoint_Values.z};${viewpoint_Values.heading},${viewpoint_Values.tilt}`;\n\n      if (defaultUrlParams?.viewpoint !== false) {\n        url.searchParams.set(\"viewpoint\", viewpointVal);\n      }\n      if (layerId && oid && defaultUrlParams?.selectedFeature !== false) {\n        url.searchParams.set(\"selectedFeature\", `${layerId};${oid}`);\n      }\n      if (hiddenLayers && defaultUrlParams?.hiddenLayers !== false) {\n        url.searchParams.set(\"hiddenLayers\", hiddenLayers);\n      }\n      url.search = decodeURIComponent(url.search);\n      return url.href;\n    }\n\n    // Otherwise, just return original url for 2D\n    if (defaultUrlParams?.center !== false) {\n      url.searchParams.set(\"center\", `${roundedLon};${roundedLat}`);\n    }\n    if (defaultUrlParams?.level !== false) {\n      url.searchParams.set(\"level\", `${roundedZoom}`);\n    }\n    if (layerId && oid && defaultUrlParams?.selectedFeature !== false) {\n      url.searchParams.set(\"selectedFeature\", `${layerId};${oid}`);\n    }\n    if (hiddenLayers && defaultUrlParams?.hiddenLayers !== false) {\n      url.searchParams.set(\"hiddenLayers\", hiddenLayers);\n    }\n    url.search = decodeURIComponent(url.search);\n    return url.href;\n  }\n\n  roundValue(val: number, decimalPoints = 4): number {\n    return Number.parseFloat(val.toFixed(decimalPoints));\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/solutions-components/vendor/instant-apps-components/p-b8c8fb6f.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as s,h as i,H as o,g as e}from"./p-6517b6d4.js";import{p as n,b as a,i as r,a as c}from"./p-50b205e8.js";import{b as h}from"./p-45a300a8.js";import{w as p}from"./p-8ca58973.js";import"./p-5978fda4.js";const d=":host{display:block;--instant-apps-scoreboard-background-color:var(--calcite-color-foreground-1);--instant-apps-scoreboard-text-color:var(--calcite-color-text-1);--instant-apps-scoreboard-mobile-position-bottom:0;background-color:var(--instant-apps-scoreboard-background-color);color:var(--instant-apps-scoreboard-text-color)}:host .instant-apps-scoreboard{box-sizing:border-box;border:1px solid var(--calcite-color-border-1);box-shadow:0px 3px 15px rgba(0, 0, 0, 0.2);border-radius:3px}:host .instant-apps-scoreboard calcite-loader{--calcite-loader-padding:1rem}:host .instant-apps-scoreboard__items-container{display:flex}:host .instant-apps-scoreboard__items-container calcite-action{height:100%}:host .instant-apps-scoreboard__items,:host .instant-apps-scoreboard__item{box-sizing:border-box;display:flex}:host .instant-apps-scoreboard__items{list-style-type:none;padding-left:0;margin:0;padding-top:1.75%;padding-bottom:1.75%;width:100%}:host .instant-apps-scoreboard__item{flex-direction:column;justify-content:flex-end;align-items:center;padding:1%}:host .instant-apps-scoreboard__item-label{box-sizing:border-box;line-height:24px;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;word-break:break-word}:host .instant-apps-scoreboard__item-label{font-size:1rem;font-weight:400;text-align:center}:host .instant-apps-scoreboard__item-value{display:flex;justify-content:center;align-items:center;min-width:32px;min-height:32px;margin-top:5px;font-size:1.5rem;font-weight:900}:host .instant-apps-scoreboard__item-value-placeholder{display:inline-block;width:32px;height:32px;background-color:var(--calcite-color-foreground-3);border-radius:4px}:host(.instant-apps-scoreboard__position--bottom){bottom:0}:host(.instant-apps-scoreboard__position--bottom) .instant-apps-scoreboard{display:flex;justify-content:center}:host(.instant-apps-scoreboard__position--bottom) .instant-apps-scoreboard__items{display:flex;justify-content:center}:host(.instant-apps-scoreboard__position--bottom) .instant-apps-scoreboard__item{min-width:10vw;vertical-align:top}:host(.instant-apps-scoreboard__position--bottom.instant-apps-scoreboard__mode--floating){left:50%;max-width:calc(100% - 30px);transform:translate(-50%, -15px)}:host(.instant-apps-scoreboard__position--bottom.instant-apps-scoreboard__mode--floating) .instant-apps-scoreboard{min-width:25vw}:host(.instant-apps-scoreboard__position--bottom.instant-apps-scoreboard__mode--pinned){left:unset;bottom:0;transform:unset;width:100%}:host(.instant-apps-scoreboard__position--bottom.instant-apps-scoreboard__mode--pinned) .instant-apps-scoreboard{min-width:unset}:host(.instant-apps-scoreboard__position--bottom.instant-apps-scoreboard__mode--pinned) .instant-apps-scoreboard__items-container{width:100%;justify-content:space-between}:host(.instant-apps-scoreboard__position--side) .instant-apps-scoreboard{display:flex;justify-content:center;align-items:center;width:10vw;overflow-y:auto}:host(.instant-apps-scoreboard__position--side) .instant-apps-scoreboard__items-container{flex-direction:column;height:100%;box-sizing:border-box}:host(.instant-apps-scoreboard__position--side) .instant-apps-scoreboard__items-container calcite-action{height:unset;width:100%}:host(.instant-apps-scoreboard__position--side) .instant-apps-scoreboard__items{flex-direction:column;padding:10px}:host(.instant-apps-scoreboard__position--side) .instant-apps-scoreboard__item{padding-top:0.5vh;padding-bottom:0.5vh}:host(.instant-apps-scoreboard__position--side.instant-apps-scoreboard__mode--floating){top:15px;left:15px;max-height:calc(100% - 30px)}:host(.instant-apps-scoreboard__position--side.instant-apps-scoreboard__mode--floating) .instant-apps-scoreboard{min-width:10vw;min-height:35vh}:host(.instant-apps-scoreboard__position--side.instant-apps-scoreboard__mode--pinned){top:unset;left:unset;transform:unset;height:100%}:host(.instant-apps-scoreboard__position--side.instant-apps-scoreboard__mode--pinned) .instant-apps-scoreboard{height:100%}:host(.instant-apps-scoreboard__position--side.instant-apps-scoreboard__mode--pinned) .instant-apps-scoreboard__items-container{justify-content:space-between}:host(.instant-apps-scoreboard__position--left.instant-apps-scoreboard__mode--floating){left:15px}:host(.instant-apps-scoreboard__position--right.instant-apps-scoreboard__mode--floating){left:unset;right:15px}:host(.instant-apps-scoreboard__position--left.instant-apps-scoreboard__mode--pinned){left:0}:host(.instant-apps-scoreboard__position--right.instant-apps-scoreboard__mode--pinned){left:unset;right:0}@media only screen and (min-width: 992px){:host(.instant-apps-scoreboard__position--bottom.instant-apps-scoreboard__mode--pinned){bottom:var(--instant-apps-scoreboard-mobile-position-bottom)}:host(.instant-apps-scoreboard__position--bottom.instant-apps-scoreboard__mode--pinned) .instant-apps-scoreboard__item{justify-content:center;min-width:unset;flex-grow:1}}";const l=d;const b="instant-apps-scoreboard";const m=6;const u=`${b}--`;const _=`${b}__`;const f=p.medium[1];const g={BASE:b,itemsContainer:`${_}items-container`,items:`${_}items`,item:`${_}item`,label:`${_}item-label`,value:`${_}item-value`,valuePlaceholder:`${_}item-value-placeholder`,position:{bottom:`${_}position--bottom`,side:`${_}position--side`,left:`${_}position--left`,right:`${_}position--right`},mode:{floating:`${_}mode--floating`,pinned:`${_}mode--pinned`}};const y=class{constructor(i){t(this,i);this.scoreboardItemsUpdated=s(this,"scoreboardItemsUpdated",7);this.view=undefined;this.items=undefined;this.position="bottom";this.mode="floating";this.itemLimit=6;this.autoDockEnabled=true;this.geometry=null;this.queryType="layerView";this.state="loading";this.messages=undefined;this.itemIndex=0;this.layers=undefined;this.layerViews=undefined;this.isMobile=false}scoreboardItemsUpdatedHandler(){this.scoreboardItemsUpdated.emit(this.items)}generateUIDs(){this.itemIndex=0;this.items.forEach(this.generateUID())}async storeLayers(){this.state="calculating";await(this.view?.map).loadAll();const t=this.items.map((t=>t?.layer?.id));const s=t=>t.type!=="feature"||!t.isTable;const i=t=>t.type==="feature"||t.type==="scene";const o=s=>t.includes(s.id);const e=t=>s(t)&&i(t)&&o(t);this.layers=this.view?.map?.allLayers?.filter((t=>e(t)));this.watchLayerVisibility()}async storeLayerViews(){if(this.layers&&this.layers.length>0){this.layers.forEach((t=>t.outFields=["*"]));const t=[];this.layers.forEach((s=>{const i=s;const o=this.view?.whenLayerView(i);t.push(o)}));const s=await Promise.allSettled(t);const i=s.filter((t=>t.status==="fulfilled"&&t.value));const o=i.map((t=>t.value));const e=[];o.forEach((t=>e.push(this.reactiveUtils?.whenOnce((()=>!t.updating)))));await Promise.all(e);this.layerViews=await n([...o])}}calculateScoreboardItemValuesFromGeometry(){this.calculateScoreboardItemValues()}async calculateScoreboardItemValues(){if(this.layers&&this.layers.length===0||this.layerViews&&this.layerViews.length===0){return}this.state="calculating";const t=[...this.items];const s=[];this.queryStatDefinitions(t,s);const i=await Promise.all(s);this.handleQueryFeaturesResponses(i,t);this.items.length=0;t.forEach((t=>this.items.push(t)));this.state="complete";this.scoreboardItemsUpdatedHandler();this.initStationaryWatcher()}async componentWillLoad(){const t=new ResizeObserver((()=>{this.itemIndex=0;if(this.autoDockEnabled){this.isMobile=!!this.checkMobile}}));if(this.el?.parentElement){t.observe(this.el.parentElement)}try{this.state="loading";await this.initMessages()}catch{this.state="disabled";return Promise.reject(new Error("Failed to load messages"))}finally{if(!this.view||!this.items){this.state="disabled"}else{try{await this.initModules()}catch{this.state="disabled"}}}}async componentDidLoad(){if(this.state==="disabled"){return}try{await(this.reactiveUtils?.whenOnce((()=>this.view?.ready)));this.generateUIDs();await this.loadMapResources();this.storeLayers();this.initViewUpdateWatcher()}catch{this.state="disabled";console.error(`${b}: FAILED TO LOAD MAP RESOURCES`)}}disconnectedCallback(){this.state="disabled";this.itemIndex=0;this.layers?.removeAll();this.layers?.destroy();this.layers=null;this.layerViews?.removeAll();this.layerViews?.destroy();this.layerViews=null;this.handles?.removeAll();this.handles?.destroy();this.handles=null}async initMessages(){let t;try{const s=await h(this.el);t=s[0];this.messages={...this.messages,...t};return Promise.resolve()}catch(t){console.error("FAILED TO LOAD MESSAGES")}}async initModules(){try{const[t,s]=await Promise.all([a(),r()]);this.reactiveUtils=t;this.intl=s;this.handles=await c();this.layers=await n([]);this.layerViews=await n([]);return Promise.resolve()}catch(t){console.error(t);this.state="disabled";throw new Error("Failed to initialize modules")}}async loadMapResources(){if(this.view){const{map:t}=this.view;const s=t;try{await s.loadAll();return Promise.resolve()}catch(t){console.error(t);this.state="disabled";throw new Error("Failed to load map resources")}}}generateUID(){return t=>{const s=Math.random();const i=Math.floor(Math.random()*10)+11;const o=s.toString(i).replace("0.","");const e=o;t.uid=e}}render(){const{state:t}=this;const s=t==="loading";const e=t==="calculating";const n=t==="disabled";const a=s||e||this.queryType==="layerView"&&this.view?.updating?this.renderProgress():null;const r=this.getPositionClass;const c=this.getStyleClass;return i(o,{key:"14a5e8d4533f6f2de76bfee38b237a0f79f9e150",class:`${r} ${c}`},n?null:[a,this.items?.length>0?this.renderBase():null])}renderBase(){return i("div",{key:"instant-apps-scoreboard-base",class:b},this.renderContent())}renderContent(){const{state:t}=this;return t==="loading"?this.renderLoader():t==="calculating"||t==="complete"?this.renderItemsContainer():null}renderItemsContainer(){const[t,s]=this.renderPreviousNextButtons();return i("div",{class:g.itemsContainer},t,this.renderItems(),s)}renderPreviousNextButtons(){const t=this.getItemLimit();const s=this.items.filter((t=>t.visible))?.length<=t;const o=this.itemIndex===0;const e=this.isEnd;const n=this.isMobile?true:this.position==="bottom";const a=n?"start":"center";const r=n?"chevron-left":"chevron-up";const c=n?"chevron-right":"chevron-down";const h={previous:r,next:c};const p=o||s?"blank":h.previous;const d=e||s?"blank":h.next;const l={previous:o||s,next:e||s};const b="transparent";const m=this.isMobile?"s":"l";const u={previous:this.messages?.previous,next:this.messages?.next};return[i("calcite-action",{onClick:this.previousItem.bind(this),icon:p,disabled:l.previous,alignment:a,scale:m,appearance:b,text:u.previous??"",label:u.previous}),i("calcite-action",{onClick:this.nextItem.bind(this),icon:d,disabled:l.next,alignment:a,scale:m,appearance:b,text:u.next??"",label:u.next})]}renderItems(){const{items:t}=g;const s=this.getItemsToDisplay;const o=s.map((t=>this.renderItem(t)));return i("ul",{class:t},o)}renderItem(t){const{label:s}=t;return i("li",{class:g.item},i("span",{class:g.label,title:s},s),this.renderValue(t))}renderValue(t){const{displayValue:s}=t;const o=this.state==="calculating";const e=this.state==="disabled";const n=s===undefined&&o;const a=s?s:this.messages?.NA;const r=this.layers?.find((s=>t?.layer?.id===s.id));const c=!r?.visible;const h=n?this.renderValuePlaceholder():!e?c?i("calcite-icon",{icon:"view-hide",scale:"l",title:this.messages?.layerVisibilityOff}):a:"";return i("span",{class:g.value},h)}renderValuePlaceholder(){return i("span",{class:g.valuePlaceholder})}renderProgress(){const t=`${u}calcite-`;return i("calcite-progress",{key:`${t}progress`,type:"indeterminate"})}renderLoader(){const t=`${u}calcite-`;const s=this.messages?.loading;return i("calcite-loader",{key:`${t}loader`,label:s??"",text:s,scale:"m"})}get getPositionClass(){const{bottom:t,left:s,right:i,side:o}=g.position;const e=`${this.position==="left"?s:i} ${o}`;return this.isMobile||this.position==="bottom"?t:e}get getStyleClass(){const{floating:t,pinned:s}=g.mode;return this.isMobile?s:this.mode==="floating"?t:s}get checkMobile(){const t=this.el?.parentElement?.offsetWidth;return t&&!Number.isNaN(t)&&t>0?t<f:false}get getItemsToDisplay(){const t=this.getItemLimit();return this.items.filter((t=>t.visible)).slice(this.itemIndex,t+this.itemIndex)}get isEnd(){const t=this.getItemLimit();const s=this.items.slice(this.items.length-t);const i=s.map((t=>t.uid));const o=this.items.slice(this.itemIndex,this.itemIndex+t).map((t=>t.uid));return i.every(((t,s)=>t===o[s]))}previousItem(){this.itemIndex=this.itemIndex-1}nextItem(){this.itemIndex=this.itemIndex+1}queryStatDefinitions(t,s){const i=t=>{const{field:s,operation:i}=t;const o=s;const e=`${s}_${i}`;const n=i;return{onStatisticField:o,outStatisticFieldName:e,statisticType:n}};const o=(t,s)=>{const i=this.queryType==="layer"?t.layer.createQuery():t.createQuery();const o=[s];const e=this.geometry?this.geometry:this.view?.extent;i.outStatistics=o;i.geometry=e;const n=t?.filter?.timeExtent??t?.featureEffect?.filter?.timeExtent??null;if(n){i.timeExtent=n}return i};const e=()=>async t=>{const e=this.layerViews?.find((s=>s.layer.id===t?.layer?.id));if(!e){return}const n=i(t);const a=o(e,n);const r=this.queryType==="layer"?e.layer.queryFeatures(a):e.queryFeatures(a);s.push(r)};t.forEach(e())}handleQueryFeaturesResponses(t,s){const i=t=>{const s=t.features;const i=s[0];const{attributes:o}=i;const e=Object.values(o);return e[0]};const o=()=>{const t="compact";const s="short";return{notation:t,compactDisplay:s}};const e=()=>(t,e)=>{const n=i(t);const a=o();const r=n!==null;const c=r?this.intl.formatNumber(n,a):null;const h=r?`${c}`:"";s[e].displayValue=h;s[e].value=n};t.forEach(e())}initStationaryWatcher(){const t={once:true,initial:true};const s=()=>this.reactiveUtils?.when((()=>!this.view?.interacting),(()=>{if(this.queryType==="layerView"){this.calculateScoreboardItemValues()}}),t);const i=()=>this.reactiveUtils?.when((()=>this.view?.stationary),(()=>s()));const o="stationary-watcher-key";if(this.handles?.has(o)){this.handles.remove(o)}this.handles?.add(i(),o)}initViewUpdateWatcher(){return this.reactiveUtils.watch((()=>this.view?.updating),(()=>{this.reactiveUtils.when((()=>!this.view?.updating),(()=>{if(this.queryType==="layerView"){this.calculateScoreboardItemValues()}}),{once:true,initial:true})}),{initial:true})}watchLayerVisibility(){if(!this.layers){return}const t="visbilityWatcherKey";this.handles?.remove(t);const s=[];const i=t=>{const i=async()=>{const s=await(this.view?.whenLayerView(t));await this.reactiveUtils.whenOnce((()=>!s?.updating));this.calculateScoreboardItemValues()};const o=this.reactiveUtils.watch((()=>t?.visible),(async()=>await i()));s.push(o)};this.layers.forEach(i);this.handles?.add([...s],t)}getItemLimit(){return this.itemLimit<2||this.itemLimit>6?m:this.itemLimit}get el(){return e(this)}static get watchers(){return{items:["generateUIDs","storeLayers"],layers:["storeLayerViews"],geometry:["calculateScoreboardItemValuesFromGeometry"],layerViews:["calculateScoreboardItemValues"]}}};y.style=l;export{y as instant_apps_scoreboard};
+//# sourceMappingURL=p-b8c8fb6f.entry.js.map

package/dist/solutions-components/vendor/instant-apps-components/p-bbc047f2.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as a,h as n,H as s,g as e,F as i}from"./p-6517b6d4.js";import{d as r,e as o,f as c,s as l,h as p,E as u,l as g,j as h,c as d}from"./p-005a2711.js";import"./p-45a300a8.js";import"./p-5978fda4.js";import"./p-50b205e8.js";import"./p-eff6e0b8.js";const m=`\n  .ck.ck-reset.ck-editor.ck-rounded-corners {\n    margin-top: 10px !important;\n    margin-left: 55px !important;\n  }\n  .ck-editor__editable {\n    height: 70px !important;\n    font-size: 0.875rem !important;\n    line-height: \t1.375 !important;\n    color: var(--calcite-color-text-1) !important;\n  }\n\n  .ck.ck-editor__editable_inline>:first-child,\n  .ck.ck-editor__editable_inline>:last-child {\n    --ck-spacing-large: 0.5rem !important;\n  }\n\n  .ck.ck-balloon-panel.ck-powered-by-balloon {\n    --ck-z-modal: 700;\n    z-index: 700;\n  }\n\n  .calcite-mode-dark .ck-editor__editable {\n    color: var(--calcite-color-text-inverse) !important;\n  }\n`;const f=":host{display:block}";const _=f;const b="instant-apps-components__ckeditor-wrapper";const v=class{constructor(n){t(this,n);this.isFocused=a(this,"isFocused",7);this.dataChanged=a(this,"dataChanged",7);this.value=undefined;this.editorInstance=undefined;this.config=undefined}updateValue(){if(this.value&&this.editorInstance){this.editorInstance.setData(this.value)}}async componentDidLoad(){this.init()}componentDidUpdate(){if(this.editorInstance){this.editorInstance.setData(this.value)}}render(){return n(s,{key:"8558df32969371004c796dde4c825f75495fa250"},n("div",{key:"3d319eb2ed504ce15a533d7a485955c2dd01514b"}))}init(){this.applyStyles();this.initEditor()}applyStyles(){const t=!!document.getElementById(b);if(t){return}const a=document.createElement("style");a.id=b;a.innerHTML=m;document.head.prepend(a)}async initEditor(){const t=await this.createEditor();if(t){this.editorInstance=t;if(this.value||this.value===""){t.setData(this.value)}t.editing.view.document.on("change:isFocused",this.getEditorFocusedCallback(t))}}async createEditor(){try{let t;if(this.config){t=await ClassicEditor.create(this.el,this.config)}else{t=await ClassicEditor.create(this.el)}this.editorInstance=t;return Promise.resolve(t)}catch(t){console.error(t);return await Promise.reject(new Error("Failed to create editor"))}}getEditorFocusedCallback(t){return(a,n,s)=>{if(!s){const a=t.getData();if(this.value!==a){this.value=a;this.dataChanged.emit(a)}}else{this.isFocused.emit()}}}get el(){return e(this)}static get watchers(){return{value:["updateValue"]}}};v.style=_;const x=".sc-instant-apps-language-translator-item-h{display:block}.sc-instant-apps-language-translator-item-h .instant-apps-language-translator-item.sc-instant-apps-language-translator-item{display:flex}.sc-instant-apps-language-translator-item-h .instant-apps-language-translator-item__section.sc-instant-apps-language-translator-item{padding:10px;border-bottom:1px solid var(--calcite-color-border-1);background-color:var(--calcite-color-foreground-2);width:49%}.sc-instant-apps-language-translator-item-h .instant-apps-language-translator-item__section.sc-instant-apps-language-translator-item .instant-apps-language-translator-item__top-row.sc-instant-apps-language-translator-item{display:flex;align-items:center;justify-content:space-between}.sc-instant-apps-language-translator-item-h .instant-apps-language-translator-item__section.sc-instant-apps-language-translator-item .instant-apps-language-translator-item__label-container.sc-instant-apps-language-translator-item{display:flex;align-items:center}.sc-instant-apps-language-translator-item-h .instant-apps-language-translator-item__section.sc-instant-apps-language-translator-item .instant-apps-language-translator-item__label.sc-instant-apps-language-translator-item{display:inline-block;margin-left:10px;font-size:14px;font-weight:var(--calcite-font-weight-medium)}.sc-instant-apps-language-translator-item-h .instant-apps-language-translator-item__section.sc-instant-apps-language-translator-item calcite-input.sc-instant-apps-language-translator-item{margin-top:10px;margin-left:55px}.sc-instant-apps-language-translator-item-h .instant-apps-language-translator-item__section--last-item.sc-instant-apps-language-translator-item{border-bottom:none}.sc-instant-apps-language-translator-item-h .instant-apps-language-translator-item__section--selected.sc-instant-apps-language-translator-item{background-color:#f1faff}.sc-instant-apps-language-translator-item-h .instant-apps-language-translator-item__section.sc-instant-apps-language-translator-item:first-child{margin-right:1%}.sc-instant-apps-language-translator-item-h .instant-apps-language-translator-item__ui-location-popover-content.sc-instant-apps-language-translator-item{display:inline-block;padding:10px;max-width:400px}.sc-instant-apps-language-translator-item-h .instant-apps-language-translator-item__ui-location-items.sc-instant-apps-language-translator-item{display:flex}.sc-instant-apps-language-translator-item-h .instant-apps-language-translator-item__ui-location-item.sc-instant-apps-language-translator-item{display:flex;align-items:center;font-weight:var(--calcite-font-weight-medium);font-size:14px}.sc-instant-apps-language-translator-item-h .instant-apps-language-translator-item__tip.sc-instant-apps-language-translator-item{display:inline-block;font-size:14px;line-height:22px}.sc-instant-apps-language-translator-item-h .instant-apps-language-translator-item__info-icon.sc-instant-apps-language-translator-item{color:var(--calcite-color-brand)}.sc-instant-apps-language-translator-item-h .instant-apps-language-translator-item__info-button.sc-instant-apps-language-translator-item{border:0;background-color:transparent;cursor:pointer}.sc-instant-apps-language-translator-item-h .instant-apps-language-translator-item__nested-input.sc-instant-apps-language-translator-item{margin-left:60px;margin-top:8px}.sc-instant-apps-language-translator-item-h .instant-apps-language-translator-item__nested-input.sc-instant-apps-language-translator-item calcite-input.sc-instant-apps-language-translator-item{margin-left:30px}.calcite-mode-dark.sc-instant-apps-language-translator-item-h .instant-apps-language-translator-item__section--selected.sc-instant-apps-language-translator-item{background-color:#f1faff;background-color:var(--calcite-color-brand);color:var(--calcite-color-text-inverse)}.calcite-mode-dark.sc-instant-apps-language-translator-item-h .instant-apps-language-translator-item__section--selected.sc-instant-apps-language-translator-item calcite-action.sc-instant-apps-language-translator-item{--calcite-ui-icon-color:var(--calcite-color-text-inverse)}.calcite-mode-dark.sc-instant-apps-language-translator-item-h .instant-apps-language-translator-item__section--selected.sc-instant-apps-language-translator-item calcite-icon.sc-instant-apps-language-translator-item{color:var(--calcite-color-text-inverse)}.instant-apps-language-translator--last-item.sc-instant-apps-language-translator-item-h .instant-apps-language-translator-item__section.sc-instant-apps-language-translator-item{border-bottom:none}";const k=x;const y="instant-apps-language-translator-item";const I={section:`${y}__section`,selected:`${y}__section--selected`,collapsed:`${y}__section--collapsed`,topRow:`${y}__top-row`,labelContainer:`${y}__label-container`,label:`${y}__label`,uiLocationPopoverContent:`${y}__ui-location-popover-content`,uiLocationItems:`${y}__ui-location-items`,uiLocationItem:`${y}__ui-location-item`,infoIcon:`${y}__info-icon`,infoButton:`${y}__info-button`,tip:`${y}__tip`,nestedInput:`${y}__nested-input`};const w=class{constructor(n){t(this,n);this.translatorItemDataUpdated=a(this,"translatorItemDataUpdated",7);this.userInputs={};this.translatedInputs={};this.fieldName=undefined;this.translatedLanguageLabels=undefined;this.setting=undefined;this.userLocaleInputOnChangeCallback=undefined;this.translatedLocaleInputOnChangeCallback=undefined}get isTextEditor(){return this.setting.type===r.TextEditor}get calciteMode(){return o()?c.Dark:c.Light}get hasNestedContent(){return!!this.setting?.content}get tipID(){return`${this.fieldName}goTo`}componentDidLoad(){if(this.isTextEditor){l.onChange("uiData",(()=>this.handleEditorCollapse()))}}render(){if("content"in this.setting&&this.setting.content?.every((t=>t?.content?.length===0))){return n(i,null)}else{return n(s,{class:this.calciteMode},this.renderBase(),this.renderPopover())}}renderBase(){return n("div",{class:y},this.renderUserLocaleSection(),this.renderTranslatedLanguageSection())}renderPopover(){const t=this.getTip();return n("calcite-popover",{referenceElement:this.tipID,label:"","auto-close":"true",placement:"trailing",closable:true},n("span",{class:I.uiLocationPopoverContent},n("span",{class:I.uiLocationItems},this.getUILocation()),t?n("span",{class:I.tip},t):null))}renderUserLocaleSection(){const t=this.getUIDataItem();const a=t?.userLocaleData;const s=t?.selected;const e=s?` ${I.selected}`:"";const i=a?.label;const r=a?.value;const o=this.setting.id;return n("div",{class:`${I.section}${e}`},this.renderItemHeader(p.User,i,o),this.handleInputRender(p.User,r,o))}renderTranslatedLanguageSection(){const t=this.getUIDataItem();const a=this.setting.id;const s=l.get("currentLanguage");const e=l.get("portalItemResourceT9n");const i=this.translatedLanguageLabels?.[this.fieldName];const r=typeof e==="object"&&e!==null&&s in e&&typeof e!=="number"&&!Array.isArray(e)?String(e[s]?.[a]??""):"";const o=t?.selected?` ${I.selected}`:"";return n("div",{class:`${I.section}${o}`},this.renderItemHeader(p.Translation,i,a),this.handleInputRender(p.Translation,r,a))}handleInputRender(t,a,n){const s=this.getUIDataItem();const e=s?.expanded;return e?this.hasNestedContent?this.renderNestedInputs(t):this.renderInput(t,a,n):null}renderNestedInputs(t,a){const n=a??this.setting;const{content:s}=n;return s?.map((a=>"content"in a?this.renderNestedInputs(t,a):this.renderNestedInput(t,a))).filter((t=>t!==undefined))}renderNestedInput(t,a){const s=l.get("currentLanguage");const e=l.get("portalItemResourceT9n");const i=a?.id;const r=e?.[s];const o=typeof r==="object"&&r!==null?r[i]:undefined;const{label:c,value:u,id:g}=a;const h=t===p.Translation?this.translatedLanguageLabels?.[g]:c;const d=t===p.User;const m=d?u:o??"";return n("div",{class:I.nestedInput},this.renderItemHeader(t,h,i,a),this.renderInput(t,String(m),i,a))}renderItemHeader(t,a,s,e){const i=!this.hasNestedContent;const r=!!e;const o=i||r;return n("div",{class:I.topRow},this.renderItemHeaderLabel(t,a,e),o?this.renderCopyButton(t,s):null)}renderItemHeaderLabel(t,a,s){const e=t===p.User&&!s;return n("div",{class:I.labelContainer},!s?this.renderExpandCollapseButton():null,n("calcite-icon",{icon:this.getIcon(s),scale:"s"}),n("span",{class:I.label},a),e?this.renderInfoButton():null)}renderExpandCollapseButton(){const t=this.getUIDataItem();const a=t?.expanded;const s=a?u.Expanded:u.Collapsed;return n("calcite-action",{onClick:this.handleExpand.bind(this),icon:s,scale:"s",appearance:"transparent",text:""})}renderInfoButton(){return n("button",{id:this.tipID,class:I.infoButton},n("calcite-icon",{class:I.infoIcon,icon:u.Popover,scale:"s"}))}renderCopyButton(t,a){return n("calcite-action",{class:this.calciteMode,onClick:this.copySelection.bind(this,t,a),slot:"action",icon:u.Copy,appearance:"transparent",text:""})}renderInput(t,a,n,s){const e=s??this.setting;const i=e.type==="string"||e.type==="textarea";return i?t===p.User?this.renderUserLocaleInput(a,n):this.renderTranslatedLanguageInput(a,n):this.renderTextEditor(a,t,n)}renderUserLocaleInput(t,a){return n("calcite-input",{ref:t=>{if(t){this.userInputs[a]=t}},key:a,id:a,class:c.Light,"data-field-name":this.fieldName,value:t,onFocus:this.handleSelection,onCalciteInputChange:this.handleUserInputChange.bind(this)})}renderTranslatedLanguageInput(t,a){return n("calcite-input",{ref:t=>{if(t){this.translatedInputs[a]=t}},key:a,id:a,class:c.Light,"data-field-name":this.fieldName,value:t,onFocus:this.handleSelection,onCalciteInputChange:this.handleTranslatedInputChange.bind(this)})}renderTextEditor(t,a,s){const e={toolbar:[]};return n("instant-apps-ckeditor-wrapper",{id:s,ref:this.setEditor.bind(this,a),onDataChanged:this.handleTextEditorDataChange.bind(this,a),onIsFocused:this.handleSelection,value:t??"","data-field-name":this.fieldName,config:e})}getUIDataItem(){if(!g.uiData){return}return g.uiData.get(this.fieldName)}updateT9nStore(t,a){const n=l.get("currentLanguage");const s={[t]:a};const e=h(n,s);l.set("portalItemResourceT9n",e)}handleExpand(){const t=this.getUIDataItem();t.expanded=!t.expanded;const a=new Map(g.uiData);a.set(this.fieldName,t);l.set("uiData",a)}handleEditorCollapse(){const t=l.get("uiData");const a=t?.get(this.fieldName);const n=a?.expanded;if(!n&&this.userEditorWrapper?.editorInstance&&this.translatedEditorWrapper?.editorInstance){const{userEditorWrapper:t,translatedEditorWrapper:a}=this;const n=t.editorInstance.getData();t.value=n;const s=a.editorInstance.getData();a.value=s;t.editorInstance.destroy();a.editorInstance.destroy()}}handleSelection(t){const a=new Map(g.uiData);const n=d();n.forEach((t=>{const n=a?.get(t);n.selected=false}));n.forEach((n=>{const s=t?.target;const e=s?.getAttribute("data-field-name");if(n===e){const t=a?.get(n);t.selected=true}}));l.set("uiData",a)}getUILocation(){const t=this.getUIDataItem();const{uiLocation:a,userLocaleData:s}=t;const{section:e,subsection:i}=a;const r=[e.label,i.label,s.label].filter((t=>!!t));return r.map(((t,a)=>n("span",{class:I.uiLocationItem},n("span",null,t),a!==r.length-1?n("calcite-icon",{icon:"chevron-right",scale:"s"}):null)))}getTip(){const t=this.getUIDataItem();const{tip:a}=t;return a}copySelection(t,a){if(this.setting.type===r.TextEditor){this.copyTextEditorContent(t)}else{this.copyCalciteInputContent(a,t)}}copyTextEditorContent(t){const a=t===p.User?this.userEditorWrapper?.editorInstance:this.translatedEditorWrapper?.editorInstance;const n=50;setTimeout((()=>{this.selectContent(a);setTimeout((()=>this.selectContent(a)),n)}),n);this.copyContent(a)}selectContent(t){t.editing.view.focus();const{model:a}=t;const n=a.document;const s=n.getRoot();if(s){const t=a.createRangeIn(s);a.change((a=>a.setSelection(t)))}}copyContent(t){const a=t.getData();const n=document.createElement("div");n.contentEditable="true";n.innerHTML=a;document.body.appendChild(n);const s=document.createRange();s.selectNodeContents(n);const e=window.getSelection();e?.removeAllRanges();e?.addRange(s);document.execCommand("copy");document.body.removeChild(n)}copyCalciteInputContent(t,a){const n=a===p.User?this.userInputs[t]:this.translatedInputs[t];if(n){n.selectText();const t=n.value;navigator.clipboard.writeText(t)}}setEditor(t,a){if(a){if(t===p.User){this.userEditorWrapper=a}else{this.translatedEditorWrapper=a}}}async handleUserInputChange(t){l.set("saving",true);try{const a=t.target;const n=a.id;const s=a.value;const e=this.getUIDataItem();e.userLocaleData.value=s;await this.userLocaleInputOnChangeCallback(n,s);l.set("saving",false)}catch{l.set("saving",false)}}async handleUserTextEditorChange(t){l.set("saving",true);try{const a=t.detail;const n=t.target;const s=n.id;const e=this.getUIDataItem();e.userLocaleData.value=a;await this.userLocaleInputOnChangeCallback(s,a);l.set("saving",false)}catch{l.set("saving",false)}}async handleTranslatedInputChange(t){l.set("saving",true);try{const a=t.composedPath();const n=a[0];const s=n.id;this.updateT9nStore(s,n.value);const{locale:e,resource:i}=this.getTranslatedLocaleCallbackData();const r=t.target.value;await this.translatedLocaleInputOnChangeCallback(s,r,e,i);setTimeout((()=>l.set("saving",false)),1500);this.translatorItemDataUpdated.emit()}catch(t){console.error("Error writing to portal item resource: ",t);l.set("saving",false)}}async handleTranslatedTextEditorChange(t){l.set("saving",true);try{const a=t.target;const n=a.id;this.updateT9nStore(n,t.detail);const{locale:s,resource:e}=this.getTranslatedLocaleCallbackData();const i=t.detail;await this.translatedLocaleInputOnChangeCallback(n,i,s,e);setTimeout((()=>l.set("saving",false)),1500);this.translatorItemDataUpdated.emit()}catch(t){console.error("Error writing to portal item resource: ",t);l.set("saving",false)}}handleTextEditorDataChange(t,a){if(t===p.User){this.handleUserTextEditorChange(a)}else{this.handleTranslatedTextEditorChange(a)}}getTranslatedLocaleCallbackData(){const t=l.get("currentLanguage");const a=l.get("portalItemResource");return{locale:t,resource:a}}getIcon(t){const a=t??this.setting;switch(a.stringType){case"title":return u.Title;case"subtitle":return u.Subtitle;case"text":return u.Text;case"button":return u.Button;case"string":return u.String;default:return u.SettingIndicator}}};w.style=k;const C=".sc-instant-apps-language-translator-search-h{display:block;position:relative}.sc-instant-apps-language-translator-search-h .instant-apps-language-translator-search__input.sc-instant-apps-language-translator-search{width:235.5px}.sc-instant-apps-language-translator-search-h .instant-apps-language-translator-search__suggestion-list.sc-instant-apps-language-translator-search{position:absolute;margin:0;padding:0;width:100%;max-height:30vh;overflow:auto;border-left:none;background-color:var(--calcite-color-foreground-1);border:1px solid #c0c0c0;z-index:702}.sc-instant-apps-language-translator-search-h .instant-apps-language-translator-search__suggestion-list-item.sc-instant-apps-language-translator-search:first-child{border:none}.sc-instant-apps-language-translator-search-h .instant-apps-language-translator-search__suggestion-list-item.sc-instant-apps-language-translator-search{margin-top:0;padding:0.8em 1em;border-top:solid 1px rgba(110, 110, 110, 0.3);display:flex;flex-direction:column;cursor:pointer;word-break:break-word}.sc-instant-apps-language-translator-search-h .instant-apps-language-translator-search__suggestion-list-item.sc-instant-apps-language-translator-search:hover{background-color:var(--calcite-color-foreground-2)}";const L=C;const $="instant-apps-language-translator-search";const E={base:$,input:`${$}__input`,suggestionList:`${$}__suggestion-list`,suggestionListItem:`${$}__suggestion-list-item`};const T=class{constructor(n){t(this,n);this.suggestionSelected=a(this,"suggestionSelected",7);this.t9nPlaceholder=undefined;this.results=[]}render(){return n(s,{key:"8c6bf037211a7d6d70908180118a0de69983cf4a"},this.renderSearchInput(),this.renderSuggestions())}renderSearchInput(){return n("calcite-input",{ref:t=>{if(t){this.searchInput=t}},class:E.input,onCalciteInputInput:this.handleSearch.bind(this),type:"search",placeholder:this.t9nPlaceholder,icon:"search"})}renderSuggestions(){return this.results.length>0?this.renderSuggestionList():null}renderSuggestionList(){return n("ul",{class:E.suggestionList},this.results.map((t=>this.renderSuggestionListItem(t))))}renderSuggestionListItem(t){return n("li",{onClick:this.selectSuggestion.bind(this),class:E.suggestionListItem,"data-field-name":t.fieldName},t.userLocaleData.label)}handleSearch(t){const a=t.target;const n=a.value?.toLowerCase()?.trim();const s=l.get("uiData");const e=d();const i=l.get("portalItemResourceT9n");const r=l.get("currentLanguage");const o=i?.[r]??{};const c=this.getSettingDataItems(e);const p=c.filter(this.matchedResultsCallback(s,o,n,r));this.results=[...p.map((t=>{const a={fieldName:t,...s.get(t)};return a}))]}matchedResultsCallback(t,a,n,s){return e=>{const i=t.get(e);const{label:r}=i.userLocaleData;const{value:o}=i.userLocaleData;const c=t.get("translatedLanguageLabels");const l=c?.[s]?.[e];const p=a?.[e];const u=this.testUserInput(r,n);const g=this.testUserInput(o,n);const h=this.testUserInput(l,n);const d=this.testUserInput(p,n);const m=u||g||h||d;return m}}getSettingDataItems(t){return t.filter((t=>t!=="locales"&&t!=="translatedLanguageLabels"))}testUserInput(t,a){return!!t?.trim()&&!!a?.trim()&&t?.toLowerCase()?.search(a)!==-1}selectSuggestion(t){const a=t.target;const n=a.getAttribute("data-field-name");this.suggestionSelected.emit(n);this.resetSearchInput()}resetSearchInput(){this.searchInput.value="";this.results=[]}};T.style=L;export{v as instant_apps_ckeditor_wrapper,w as instant_apps_language_translator_item,T as instant_apps_language_translator_search};
+//# sourceMappingURL=p-bbc047f2.entry.js.map

package/dist/solutions-components/vendor/instant-apps-components/p-c0385dc5.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as s,h as e,g as i}from"./p-6517b6d4.js";import{g as n}from"./p-45a300a8.js";import"./p-5978fda4.js";import"./p-50b205e8.js";function a(t){window?.localStorage.setItem(t,"false")}function o(t){const s=window?.localStorage?.getItem(t);return!!s}function h(t){window?.localStorage?.removeItem(t)}const l=":host{--instant-apps-splash-content-max-height:100%;display:block}:host .image.image_resized img{width:100%}:host .instant-apps-splash__back-content{display:flex;align-items:center}:host .instant-apps-splash__back-content calcite-label{--calcite-label-margin-bottom:0}:host .instant-apps-splash__content{max-height:var(--instant-apps-splash-content-max-height)}";const c=l;const r={back:"instant-apps-splash__back-content",content:"instant-apps-splash__content"};const d=class{constructor(e){t(this,e);this.splashClose=s(this,"splashClose",7);this._sanitizer=null;this.localStorageKey=undefined;this.titleText="";this.content="";this.primaryButtonText="";this.open=true;this.closeButtonDisabled=false;this.outsideCloseDisabled=false;this.secondaryButton=false;this.secondaryButtonText=undefined;this.secondaryButtonIcon=undefined;this.secondaryButtonCallback=undefined;this.messages=undefined}sanitizeContent(){}componentWillLoad(){let t;const{localStorageKey:s}=this;if(s){t=this.open&&!o(this.localStorageKey)}else{t=this.open}this.el.open=t;if(this.content&&this._sanitizer){this.sanitizeContent()}}componentDidLoad(){n(this)}render(){return e("calcite-dialog",{key:"d6730c0e412566f230f8e0abde8076aaab8eb4a1",ref:t=>{if(t){t.focusTrapOptions={allowOutsideClick:true};t.open=this.open}},modal:true,heading:this.titleText,onCalciteDialogClose:this.close.bind(this),closeDisabled:this.closeButtonDisabled,outsideCloseDisabled:this.outsideCloseDisabled},e("div",{key:"d392b003f9a369b83dd37526f97fa6ba99f2bba4",innerHTML:this.content}),e("slot",{key:"bbd305b1d969197e8e0d4acf0d830f756e41f55a",name:"custom-action"}),this.localStorageKey?this.renderDontShowThisAgainCheckbox():null,this.secondaryButton?this.renderSecondaryButton():null,this.renderPrimaryButton())}renderDontShowThisAgainCheckbox(){const{localStorageKey:t,messages:s}=this;const i=o(t)?true:null;return e("div",{class:r.back,slot:"footer-start"},e("calcite-label",{layout:"inline"},e("calcite-checkbox",{onCalciteCheckboxChange:this.handleDontShowThisAgain.bind(this),checked:i??undefined}),s?.dontShowThisAgain))}renderPrimaryButton(){const{primaryButtonText:t}=this;return e("calcite-button",{onClick:this.close.bind(this),slot:"footer-end"},t?t:"Enter")}renderSecondaryButton(){return e("calcite-button",{onClick:this.secondaryButtonCallback?.bind(this),slot:"footer-end","icon-start":this.secondaryButtonIcon,appearance:"outline"},this.secondaryButtonText)}close(){this.open=false;this.splashClose.emit()}handleDontShowThisAgain(t){const{localStorageKey:s}=this;if(!s){return}const e=t.target;const{checked:i}=e;if(i){a(s)}else{h(s)}}get el(){return i(this)}static get watchers(){return{content:["sanitizeContent"]}}};d.style=c;export{d as instant_apps_splash};
+//# sourceMappingURL=p-c0385dc5.entry.js.map

package/dist/solutions-components/vendor/instant-apps-components/p-cda36aea.entry.js

@@ -0,0 +1,2 @@
+import{r as e,f as t,h as n,g as a,c as i}from"./p-6517b6d4.js";import{s,g as c,i as r,q as l,r as p,t as o,n as d,w as g,x as h,l as v,v as f}from"./p-a2fbebc1.js";import{i as m}from"./p-50b205e8.js";import"./p-eff6e0b8.js";import"./p-34b74df9.js";const u=".sc-instant-apps-interactive-legend-count-h{display:flex;align-items:center}.instant-apps-interactive-legend__total-feature-count.sc-instant-apps-interactive-legend-count{font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}.instant-apps-interactive-legend__info-count-text.sc-instant-apps-interactive-legend-count{font-size:var(--instant-apps-interactive-legend-info-font-size);color:var(--instant-apps-interactive-legend-secondary-color)}.calcite-mode-dark.instant-apps-interactive-legend__info-count-text.instant-apps-interactive-legend__info-count-text--selected.sc-instant-apps-interactive-legend-count{color:var(--calcite-color-text-inverse)}.instant-apps-interactive-legend-count--compact.sc-instant-apps-interactive-legend-count .instant-apps-interactive-legend__total-feature-count.sc-instant-apps-interactive-legend-count{font-size:0.75rem}html[dir=rtl] .sc-instant-apps-interactive-legend-count-h{margin-left:0;margin-right:auto}";const y=u;const _={countText:" instant-apps-interactive-legend__info-count-text",countTextSelected:" instant-apps-interactive-legend__info-count-text--selected",totalFeatureCount:"instant-apps-interactive-legend__total-feature-count",compact:"instant-apps-interactive-legend-count--compact"};const b=class{constructor(t){e(this,t);this.showTotal=false;this.legendvm=undefined;this.activeLayerInfo=undefined;this.categoryId="";this.infoIndex=undefined;this.messages=undefined;this.selected=undefined;this.legendElement=undefined}async componentWillLoad(){const e=new MutationObserver((()=>{t(this.el)}));e.observe(this.el,{attributes:true});const n=await m();this.intl=n}render(){const e=s.get("compact")?_.compact:"";return n("div",{key:"int-legend-count",class:e},this.showTotal?n("span",{class:_.totalFeatureCount},this.messages?.totalFeatureCount,": ",this.getTotalFeatureCount()):n("span",{key:"element-info-count",class:`${_.countText} ${c(this.el)}${this.selected?_.countTextSelected:""}`},this.getCount()))}getCount(){const{categoryId:e}=this;const t=this.activeLayerInfo.layer.id;const n=r.data[t]?.categories?.size;if((!r.data||!t||!e)&&!n){return""}const a=r.data[t];if(!a){return}const{categories:i}=a;const s=i.get(e);let c;if(s?.nestedInfos){c=h(s,this.infoIndex)}else{c=s}return!Number.isNaN(c.count)?this.intl.formatNumber(c.count):""}getTotalFeatureCount(){const e=this.activeLayerInfo.layer.id;if(!r.data||!e){return""}const t=r.data[e];if(!t){return}const{categories:n}=t;const a=l(n);const i=p(n);let s;if(i){s=o(a)}else{if(d(this.activeLayerInfo)){const e=v(this.activeLayerInfo.layer);const t=l(e.categories)[1];s=t.count}else{s=g(a)}}return this.intl.formatNumber(s)}get el(){return a(this)}};b.style=y;const x=".sc-instant-apps-interactive-legend-layer-element-caption-h{display:block;--instant-apps-interactive-legend-heading-font-size:1rem;--instant-apps-interactive-legend-heading-font-weight:500;--instant-apps-interactive-legend-secondary-color:var(--calcite-color-text-1);--instant-apps-interactive-legend-ui-padding:15px 10px}.sc-instant-apps-interactive-legend-layer-element-caption-h .instant-apps-interactive-legend__header--compact.sc-instant-apps-interactive-legend-layer-element-caption .esri-widget__heading.sc-instant-apps-interactive-legend-layer-element-caption{font-size:0.9rem}.sc-instant-apps-interactive-legend-layer-element-caption-h .esri-widget__heading.sc-instant-apps-interactive-legend-layer-element-caption{overflow:hidden;margin:0;display:inline-block;font-size:var(--calcite-font-size-1);font-weight:var(--instant-apps-interactive-legend-heading-font-weight)}.sc-instant-apps-interactive-legend-layer-element-caption-h .esri-widget__heading.sc-instant-apps-interactive-legend-layer-element-caption header.sc-instant-apps-interactive-legend-layer-element-caption{padding:var(--instant-apps-interactive-legend-ui-padding)}.sc-instant-apps-interactive-legend-layer-element-caption-h header.sc-instant-apps-interactive-legend-layer-element-caption{display:flex;text-align:left;padding:var(--instant-apps-interactive-legend-ui-padding);background-color:var(--instant-apps-interactive-legend-secondary-background-color);color:var(--instant-apps-interactive-legend-secondary-color)}.sc-instant-apps-interactive-legend-layer-element-caption-h header.sc-instant-apps-interactive-legend-layer-element-caption h3.sc-instant-apps-interactive-legend-layer-element-caption{margin-bottom:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:normal;color:var(--instant-apps-interactive-legend-secondary-color);margin-bottom:5px}.sc-instant-apps-interactive-legend-layer-element-caption-h header.sc-instant-apps-interactive-legend-layer-element-caption .instant-apps-interactive-legend__heading-text--group-item.sc-instant-apps-interactive-legend-layer-element-caption{-webkit-line-clamp:2;line-clamp:2}.sc-instant-apps-interactive-legend-layer-element-caption-h header.sc-instant-apps-interactive-legend-layer-element-caption span.sc-instant-apps-interactive-legend-layer-element-caption{width:100%;font-size:var(--instant-apps-interactive-legend-total-feature-count-font-size);color:var(--instant-apps-interactive-legend-secondary-color)}.sc-instant-apps-interactive-legend-layer-element-caption-h header.sc-instant-apps-interactive-legend-layer-element-caption .instant-apps-interactive-legend__header-action-container.sc-instant-apps-interactive-legend-layer-element-caption{display:flex;align-items:center}.sc-instant-apps-interactive-legend-layer-element-caption-h .esri-widget__heading.sc-instant-apps-interactive-legend-layer-element-caption header.sc-instant-apps-interactive-legend-layer-element-caption{padding:var(--instant-apps-interactive-legend-ui-padding)}.sc-instant-apps-interactive-legend-layer-element-caption-h .esri-widget--panel.sc-instant-apps-interactive-legend-layer-element-caption{margin:0}.calcite-mode-dark.sc-instant-apps-interactive-legend-layer-element-caption-h .instant-apps-interactive-legend__header.sc-instant-apps-interactive-legend-layer-element-caption{background-color:#242424;color:var(--calcite-color-text-1)}.calcite-mode-light.sc-instant-apps-interactive-legend-layer-element-caption-h .instant-apps-interactive-legend__header.sc-instant-apps-interactive-legend-layer-element-caption{background-color:#ffffff;color:var(--calcite-color-text-1)}";const w=x;const k={label:"esri-legend__service-label",header:"esri-widget__heading",interacitveLegendHeader:"instant-apps-interactive-legend__header",headerActionContainer:"instant-apps-interactive-legend__header-action-container",compact:"instant-apps-interactive-legend__header--compact"};const z=class{constructor(t){e(this,t);this.layerCaptionElementExpandUpdatedEvent=i(this,"layerCaptionElementExpandUpdated",7);this.legendvm=undefined;this.featureCount=undefined;this.activeLayerInfo=undefined;this.messages=undefined;this.isChild=false;this.expanded=true}render(){const e=f(this.activeLayerInfo);const{expanded:t}=this;const a=t?this.messages?.collapse:this.messages?.expand;const i=this.isChild?" instant-apps-interactive-legend__heading-text--group-item":"";const r=s.get("compact")?` ${k.compact}`:"";return n("header",{key:"bfb5c7b5059bcefcd898b46a4e2bb1f5397a2d6f",class:`${k.interacitveLegendHeader} ${c(this.el)}${r}`},n("calcite-action",{key:"24eee4c2208df0dfa8fb209729c67ec1f34d843e",onClick:this.toggleExpanded(),icon:t?"chevron-down":"chevron-up",appearance:"transparent",text:a??"",label:a,scale:"s"}),n("span",{key:"95977b78f4afe0206085567b061c8cb5d9f8dc5d"},n("span",{key:"258004a4847688b94edf6d8416eef9cb07accfe5",class:k.headerActionContainer},n("h3",{key:"980f06c2054a8be5c471b5b44c667b4be1a451f9",class:`${k.header} ${k.label}${i}`,title:this.activeLayerInfo?.title??""},this.activeLayerInfo?.title)),this.featureCount&&e?n("instant-apps-interactive-legend-count",{activeLayerInfo:this.activeLayerInfo,"show-total":true,messages:this.messages,legendvm:this.legendvm}):null))}toggleExpanded(){return()=>{this.expanded=!this.expanded;this.layerCaptionElementExpandUpdatedEvent.emit(this.expanded)}}get el(){return a(this)}};z.style=w;export{b as instant_apps_interactive_legend_count,z as instant_apps_interactive_legend_layer_element_caption};
+//# sourceMappingURL=p-cda36aea.entry.js.map

package/dist/solutions-components/vendor/instant-apps-components/p-e3d0321c.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as e,H as i,g as n}from"./p-6517b6d4.js";import{c as a}from"./p-eff6e0b8.js";import{g as s}from"./p-34b74df9.js";import{b as r,a as l,t as o,u as c,j as d,h as f,v as u}from"./p-50b205e8.js";import{g as h}from"./p-45a300a8.js";import"./p-5978fda4.js";const{state:m,onChange:p}=a({timeInfoConfigItems:[],filterMode:{type:"filter"},view:null,timeSlider:null,timeInfoItems:[],selectedTimeInfoItem:null,loading:true,timeSliderConfig:{},autoPlay:false});const w="time-slider-watch";class g{constructor(){this.initializeModules()}async initializeModules(){try{const t=await r();this.reactiveUtils=t;this.handles=await l()}catch{}}async init(t){if(t){t.innerHTML=""}if(m?.timeSlider?.viewModel?.state==="playing"){m.timeSlider.stop()}const{view:e,timeInfoConfigItems:i}=m;if(!e){return}try{await e.when();if(i.length===1&&i[0]?.type==="map"){this.initTimeSlider(t,i[0])}else{const n=await this.getTimeLayerViews(e,i);m.timeInfoItems=this.generateTimeInfoItems(n,i);this.initTimeSlider(t)}return Promise.resolve()}catch{}finally{this.setupFilterModeWatcher()}}destroy(){this.handles?.removeAll();this.handles=null;m.timeSlider?.destroy()}async getTimeLayerViews(t,e){const{allLayers:i}=t.map;const n=t=>i.find((({id:e})=>t===e));const a=e.map((({id:t})=>n(t)));const s=a.map((async e=>await t.whenLayerView(e)));return await Promise.all(s)}generateTimeInfoItems(t,e){const i=[...e];return i.map((e=>{const i=t.find((({layer:t})=>t.id===e.id));return this.generateTimeInfoItem(i,e)}))}generateTimeInfoItem(t,{increments:e,rangeStart:i,rangeEnd:n,timeIntervalValue:a}){const s=t?.layer;const r=s?.timeInfo?.fullTimeExtent;const l=r;return{layerView:t,unit:e,timeIntervalValue:a??1,rangeStart:new Date(i),rangeEnd:new Date(n),timeExtent:l,previousTimeExtent:null}}async initTimeSlider(t,e){const i=async t=>{m.timeSlider=await u(t);if(m.autoPlay){m.timeSlider.play()}return void await Promise.resolve()};if(e){const n=await this.getTimeSliderConfig(t,e);await i(n)}else{const e=m?.timeInfoItems?.[0];if(!e){return}m.selectedTimeInfoItem=e;const n=await this.getTimeSliderConfig(t);await i(n)}if(m.view?.type==="2d"){this.initialize2DView()}}setupFilterModeWatcher(){p("filterMode",(t=>{if(t){m.timeInfoItems.forEach((e=>{const i=e.layerView;this.applyTimeExtent(i,i?.featureEffect?.filter?.timeExtent||i.filter?.timeExtent,t)}))}}))}async getTimeSliderConfig(t,e){const i={container:t,mode:"time-window",view:m.view?.type==="3d"?m.view:null,...m.timeSliderConfig};if(e){const t=m.view?.map?.widgets?.timeSlider;const e={...i,fullTimeExtent:t?.fullTimeExtent,timeExtent:t?.currentTimeExtent};if(t?.stopInterval?.unit&&t?.stopInterval?.value){e.stops={interval:await o({unit:t?.stopInterval?.unit,value:t?.stopInterval?.value})}}return e}else{const[{timeExtent:t,rangeStart:e,rangeEnd:n,unit:a,timeIntervalValue:s}]=m.timeInfoItems;return{...i,fullTimeExtent:t,timeExtent:await c({start:e,end:n}),stops:{interval:await o({unit:a,value:s})}}}}initialize2DView(){m.timeInfoItems.forEach((async t=>this.applyTimeExtent(t.layerView,await c({start:t.rangeStart,end:t.rangeEnd}))));this.setupTimeExtentWatcher()}applyTimeExtent(t,e,i){if(m.filterMode?.type==="effect"){this.applyFeatureEffect(t,e,i)}else{this.applyFeatureFilter(t,e)}}applyFeatureEffect(t,e,i){if(!t){return}if(t.filter){t.set("filter",null)}if(!t?.featureEffect?.filter||i){this.handleUpdatedFeatureEffect(t,e);return}t.featureEffect.filter.timeExtent=e}async handleUpdatedFeatureEffect(t,e){t.featureEffect=await d({filter:{timeExtent:e},includedEffect:await s(m.filterMode?.effect?.includedEffect??"",t,"includedEffect"),excludedEffect:await s(m.filterMode?.effect?.excludedEffect??"",t,"excludedEffect")})}async applyFeatureFilter(t,e){if(t.featureEffect){t.set("featureEffect",null)}if(!t.filter){t.filter=await f({timeExtent:e});return}t.filter.timeExtent=e}setupTimeExtentWatcher(){if(this.handles?.has(w)){this.handles?.remove(w)}if(m?.timeSlider){this.handles?.add(m.timeSlider.watch("timeExtent",(t=>this.applyTimeExtent(m.selectedTimeInfoItem?.layerView,t))),w)}}updateSelectedTimeInfoItem(t){if(!m.timeSlider){return}if(m.selectedTimeInfoItem){m.selectedTimeInfoItem.previousTimeExtent=m.timeSlider.timeExtent}m.selectedTimeInfoItem=t;this.reconfigureTimeSlider(t);this.applyTimeExtent(t.layerView,m.timeSlider.timeExtent);this.setupTimeExtentWatcher()}async reconfigureTimeSlider(t){if(!m.timeSlider){return}m.timeSlider.fullTimeExtent=t.timeExtent;m.timeSlider.timeExtent=await this.getTimeExtent(t);m.timeSlider.stops={interval:await this.getTimeInterval(t)}}async getTimeExtent({rangeStart:t,rangeEnd:e,previousTimeExtent:i}){const n=i??await c({start:t,end:e});return await Promise.resolve(n)}async getTimeInterval(t){const e=t.unit??t.layerView?.layer?.timeInfo?.interval?.unit;return await o({unit:e,value:1})}getLabel(t){return t?.layerView?.layer?.title||""}}const y=new g;const b=".instant-apps-time-filter{position:relative;display:block;min-width:375px;min-height:200px}.instant-apps-time-filter__background{background-color:var(--calcite-ui-background);position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.instant-apps-time-filter calcite-dropdown{width:100%}.instant-apps-time-filter calcite-dropdown calcite-button{--calcite-color-brand:var(--calcite-ui-text-1);--calcite-ui-brand:var(--calcite-ui-text-1)}.instant-apps-time-filter__layer-title{font-weight:550;display:inline-block;padding:10px}.instant-apps-time-filter__loading-container{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.instant-apps-time-filter--3d{min-height:160px}";const v=b;const x={base:"instant-apps-time-filter",layerTitle:"instant-apps-time-filter__layer-title",loadingContainer:"instant-apps-time-filter__loading-container",background:"instant-apps-time-filter__background",threeD:" instant-apps-time-filter--3d"};const E=class{constructor(e){t(this,e);this.messages=undefined;this.timeSliderRef=undefined;this.timeInfoConfigItems=[];this.filterMode=undefined;this.view=undefined;this.timeSliderConfig=undefined;this.autoPlay=false}async updateTimeInfoConfigItems(){m.timeInfoConfigItems=this.timeInfoConfigItems;await y.init(this.timeSliderRef)}async updateFilterMode(){m.filterMode=this.filterMode}async updateTimeSliderConfig(){m.timeSliderConfig=this.timeSliderConfig;await y.init(this.timeSliderRef)}async updateAutoPlay(){m.autoPlay=this.autoPlay;if(m.timeSlider){if(m.autoPlay){m.timeSlider.play()}else{m.timeSlider.stop()}}}async componentWillLoad(){try{m.view=this.view;m.timeInfoConfigItems=this.timeInfoConfigItems;m.autoPlay=!!this.autoPlay;if(this.timeSliderConfig){m.timeSliderConfig=this.timeSliderConfig}if(this.filterMode){m.filterMode=this.filterMode}await h(this)}catch{}}async componentDidLoad(){try{await y.init(this.timeSliderRef)}catch{}finally{m.loading=false}}disconnectedcallback(){y.destroy()}render(){return e(i,{key:"af5a88e0ffbb9d7c34a78e8aab27edbd8381a4c7"},this._renderBase())}_renderBase(){return e("div",{class:`${x.base}${this.view.type!=="2d"?x.threeD:""}`},this._renderLoader(),this.view.type==="2d"&&this._renderTopEl(),e("div",{key:"time-slider",ref:t=>{if(t){this.timeSliderRef=t}}}))}_renderLoader(){return m.loading&&e("div",null,e("div",{class:x.background}),e("div",{class:x.loadingContainer},e("calcite-loader",{scale:"m",label:this.messages?.loading??"",text:this.messages?.loading})))}_renderTopEl(){const t=this.timeInfoConfigItems.length>1;return t?this._renderDropdown():this._renderLayerTitle()}_renderLayerTitle(){const t=m.selectedTimeInfoItem?.layerView?.layer?.title;return e("span",{class:x.layerTitle},t)}_renderDropdown(){return m.selectedTimeInfoItem&&e("calcite-dropdown",null,this._renderDropdownButton(),this._renderDropdownItems())}_renderDropdownButton(){return e("calcite-button",{slot:"trigger",appearance:"transparent",iconEnd:"chevron-down",width:"full",alignment:"space-between"},y.getLabel(m.selectedTimeInfoItem))}_renderDropdownItems(){return m.timeInfoItems.map((t=>this._renderDropdownItem(t)))}_renderDropdownItem(t){const i=m.selectedTimeInfoItem?.layerView?.layer?.id;const n=t?.layerView?.layer?.id;const a=i===n;return e("calcite-dropdown-item",{onCalciteDropdownItemSelect:()=>y.updateSelectedTimeInfoItem(t),selected:a},y.getLabel(t))}get el(){return n(this)}static get watchers(){return{timeInfoConfigItems:["updateTimeInfoConfigItems"],filterMode:["updateFilterMode"],timeSliderConfig:["updateTimeSliderConfig"],autoPlay:["updateAutoPlay"]}}};E.style=v;export{E as instant_apps_time_filter};
+//# sourceMappingURL=p-e3d0321c.entry.js.map

package/dist/solutions-components/vendor/instant-apps-components/p-e3d0321c.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["state","onChange","createStore","timeInfoConfigItems","filterMode","type","view","timeSlider","timeInfoItems","selectedTimeInfoItem","loading","timeSliderConfig","autoPlay","TIME_SLIDER_HANDLE_KEY","InstantAppsTimeFilterViewModel","constructor","this","initializeModules","reactiveUtils","importCoreReactiveUtils","handles","newCoreHandles","init","timeSliderRef","innerHTML","viewModel","stop","when","length","initTimeSlider","timeLayerViews","getTimeLayerViews","generateTimeInfoItems","Promise","resolve","setupFilterModeWatcher","destroy","removeAll","allLayers","map","getTimeLayer","timeInfoLayerId","find","id","timeLayers","timeLVPromises","async","layer","whenLayerView","all","timeConfigItems","items","timeConfigItem","lv","generateTimeInfoItem","layerView","increments","rangeStart","rangeEnd","timeIntervalValue","layerFTE","timeInfo","fullTimeExtent","timeExtent","unit","Date","previousTimeExtent","defaultItem","initializeSlider","config","newWidgetsTimeSlider","play","getTimeSliderConfig","initialTimeInfoItem","initialize2DView","newValue","forEach","timeInfoItem","fLayerView","applyTimeExtent","featureEffect","filter","baseConfig","container","mode","widgets","currentTimeExtent","stopInterval","value","stops","interval","newTimeTimeInterval","newTimeTimeExtent","start","end","setupTimeExtentWatcher","applyFeatureEffect","applyFeatureFilter","set","handleUpdatedFeatureEffect","newLayersSupportFeatureEffect","includedEffect","getMergedEffect","effect","excludedEffect","newLayersSupportFeatureFilter","has","remove","add","watch","updateSelectedTimeInfoItem","reconfigureTimeSlider","getTimeExtent","getTimeInterval","getLabel","title","instantAppsTimeFilterCss","InstantAppsTimeFilterStyle0","CSS","base","layerTitle","loadingContainer","background","threeD","InstantAppsTimeFilter","updateTimeInfoConfigItems","updateFilterMode","updateTimeSliderConfig","updateAutoPlay","componentWillLoad","getMessages","componentDidLoad","disconnectedcallback","render","h","Host","key","_renderBase","class","_renderLoader","_renderTopEl","ref","scale","label","messages","text","moreThanOneTimeLayer","_renderDropdown","_renderLayerTitle","_renderDropdownButton","_renderDropdownItems","slot","appearance","iconEnd","width","alignment","_renderDropdownItem","selectedInfoItemId","timeInfoItemId","selected","onCalciteDropdownItemSelect"],"sources":["src/components/instant-apps-time-filter/TimeFilter/TimeFilterModel.ts","src/components/instant-apps-time-filter/TimeFilter/TimeFilterViewModel.ts","src/components/instant-apps-time-filter/instant-apps-time-filter.scss?tag=instant-apps-time-filter","src/components/instant-apps-time-filter/instant-apps-time-filter.tsx"],"sourcesContent":["import { createStore } from \"@stencil/store\";\nimport type { State } from \"./interfaces/interfaces\";\n\nconst { state, onChange } = createStore<State>({\n  timeInfoConfigItems: [],\n  filterMode: { type: \"filter\" },\n  view: null,\n  timeSlider: null,\n  timeInfoItems: [],\n  selectedTimeInfoItem: null,\n  loading: true,\n  timeSliderConfig: {},\n  autoPlay: false,\n});\n\nexport { state, onChange };\n","import { onChange, state } from \"./TimeFilterModel\";\n\nimport type { ITimeInfoConfigItem, ITimeInfoItem, ITimeItemUnit } from \"./interfaces/interfaces\";\nimport { getMergedEffect } from \"../../../utils/effects\";\nimport type { FilterMode } from \"../../../components\";\nimport {\n  importCoreReactiveUtils,\n  newCoreHandles,\n  newLayersSupportFeatureEffect,\n  newLayersSupportFeatureFilter,\n  newTimeTimeExtent,\n  newTimeTimeInterval,\n  newWidgetsTimeSlider,\n} from \"@arcgis/core-adapter\";\n\nconst TIME_SLIDER_HANDLE_KEY = \"time-slider-watch\";\n\nclass InstantAppsTimeFilterViewModel {\n  constructor() {\n    this.initializeModules();\n  }\n\n  reactiveUtils!: __esri.reactiveUtils;\n  handles!: __esri.Handles | null;\n\n  async initializeModules() {\n    try {\n      const reactiveUtils = await importCoreReactiveUtils();\n\n      this.reactiveUtils = reactiveUtils;\n      this.handles = await newCoreHandles();\n    } catch {\n      // Intentionally ignore\n    }\n  }\n\n  async init(timeSliderRef: HTMLDivElement) {\n    if (timeSliderRef) {\n      timeSliderRef.innerHTML = \"\";\n    }\n    if (state?.timeSlider?.viewModel?.state === \"playing\") {\n      state.timeSlider.stop();\n    }\n    const { view, timeInfoConfigItems } = state;\n    if (!view) {\n      return;\n    }\n    try {\n      await view.when();\n      if (timeInfoConfigItems.length === 1 && timeInfoConfigItems[0]?.type === \"map\") {\n        this.initTimeSlider(timeSliderRef, timeInfoConfigItems[0]);\n      } else {\n        const timeLayerViews = await this.getTimeLayerViews(view, timeInfoConfigItems);\n        state.timeInfoItems = this.generateTimeInfoItems(timeLayerViews!, timeInfoConfigItems);\n        this.initTimeSlider(timeSliderRef);\n      }\n      return Promise.resolve();\n    } catch {\n      // Intentionally ignore\n    } finally {\n      this.setupFilterModeWatcher();\n    }\n  }\n\n  destroy() {\n    this.handles?.removeAll();\n    this.handles = null;\n    state.timeSlider?.destroy();\n  }\n\n  async getTimeLayerViews(\n    view: __esri.MapView | __esri.SceneView,\n    timeInfoConfigItems: ITimeInfoConfigItem[],\n  ): Promise<__esri.LayerView[] | undefined> {\n    const { allLayers } = view.map;\n    const getTimeLayer = (timeInfoLayerId: string) => allLayers.find(({ id }) => timeInfoLayerId === id);\n    const timeLayers = timeInfoConfigItems.map(({ id }) => getTimeLayer(id!));\n    const timeLVPromises = timeLayers.map(async (layer) => await view.whenLayerView(layer!));\n    return await Promise.all(timeLVPromises);\n  }\n\n  generateTimeInfoItems(timeLayerViews: __esri.LayerView[], timeConfigItems: ITimeInfoConfigItem[]): ITimeInfoItem[] {\n    const items = [...timeConfigItems];\n    return items.map((timeConfigItem) => {\n      const lv = timeLayerViews.find(({ layer }) => layer.id === timeConfigItem.id)!;\n      return this.generateTimeInfoItem(lv, timeConfigItem);\n    });\n  }\n\n  generateTimeInfoItem(\n    layerView: __esri.LayerView,\n    { increments, rangeStart, rangeEnd, timeIntervalValue }: ITimeInfoConfigItem,\n  ): ITimeInfoItem {\n    const layer = layerView?.layer as __esri.FeatureLayer;\n    const layerFTE = layer?.timeInfo?.fullTimeExtent;\n\n    const timeExtent = layerFTE;\n    return {\n      layerView,\n      unit: increments as ITimeItemUnit,\n      timeIntervalValue: timeIntervalValue ?? 1,\n      rangeStart: new Date(rangeStart),\n      rangeEnd: new Date(rangeEnd),\n      timeExtent: timeExtent!,\n      previousTimeExtent: null,\n    };\n  }\n\n  async initTimeSlider(timeSliderRef: HTMLDivElement, defaultItem?: ITimeInfoConfigItem): Promise<void> {\n    const initializeSlider = async (config: __esri.widgetsTimeSliderProperties) => {\n      state.timeSlider = await newWidgetsTimeSlider(config);\n      if (state.autoPlay) {\n        state.timeSlider.play();\n      }\n      return void (await Promise.resolve());\n    };\n\n    if (defaultItem) {\n      const config = await this.getTimeSliderConfig(timeSliderRef, defaultItem);\n      await initializeSlider(config);\n    } else {\n      const initialTimeInfoItem = state?.timeInfoItems?.[0];\n      if (!initialTimeInfoItem) {\n        return;\n      }\n      state.selectedTimeInfoItem = initialTimeInfoItem;\n      const config = await this.getTimeSliderConfig(timeSliderRef);\n      await initializeSlider(config);\n    }\n\n    if (state.view?.type === \"2d\") {\n      this.initialize2DView();\n    }\n  }\n\n  setupFilterModeWatcher() {\n    onChange(\"filterMode\", (newValue: FilterMode | null) => {\n      if (newValue) {\n        state.timeInfoItems.forEach((timeInfoItem) => {\n          const fLayerView = timeInfoItem.layerView as __esri.FeatureLayerView;\n          this.applyTimeExtent(\n            fLayerView,\n            (fLayerView?.featureEffect?.filter?.timeExtent || fLayerView.filter?.timeExtent)!,\n            newValue,\n          );\n        });\n      }\n    });\n  }\n\n  async getTimeSliderConfig(\n    timeSliderRef: HTMLDivElement,\n    defaultItem?: ITimeInfoConfigItem,\n  ): Promise<__esri.widgetsTimeSliderProperties> {\n    const baseConfig = {\n      container: timeSliderRef,\n      mode: \"time-window\",\n      view: state.view?.type === \"3d\" ? state.view : null,\n      ...state.timeSliderConfig,\n    };\n\n    if (defaultItem) {\n      const timeSlider = (state.view?.map as __esri.WebMap | __esri.WebScene)?.widgets?.timeSlider;\n      const config = {\n        ...baseConfig,\n        fullTimeExtent: timeSlider?.fullTimeExtent,\n        timeExtent: timeSlider?.currentTimeExtent,\n      };\n      if (timeSlider?.stopInterval?.unit && timeSlider?.stopInterval?.value) {\n        config.stops = {\n          interval: await newTimeTimeInterval({\n            unit: timeSlider?.stopInterval?.unit,\n            value: timeSlider?.stopInterval?.value,\n          }),\n        };\n      }\n\n      return config as __esri.widgetsTimeSliderProperties;\n    } else {\n      const [{ timeExtent, rangeStart, rangeEnd, unit, timeIntervalValue }] = state.timeInfoItems;\n      return {\n        ...baseConfig,\n        fullTimeExtent: timeExtent,\n        timeExtent: await newTimeTimeExtent({\n          start: rangeStart,\n          end: rangeEnd,\n        }),\n        stops: {\n          interval: await newTimeTimeInterval({\n            unit,\n            value: timeIntervalValue,\n          }),\n        },\n      } as __esri.widgetsTimeSliderProperties;\n    }\n  }\n\n  initialize2DView() {\n    state.timeInfoItems.forEach(async (timeInfoItem) =>\n      this.applyTimeExtent(\n        timeInfoItem.layerView as __esri.FeatureLayerView,\n        await newTimeTimeExtent({ start: timeInfoItem.rangeStart, end: timeInfoItem.rangeEnd }),\n      ),\n    );\n\n    this.setupTimeExtentWatcher();\n  }\n\n  applyTimeExtent(layerView: __esri.FeatureLayerView, timeExtent: __esri.TimeExtent, filterMode?: FilterMode) {\n    if (state.filterMode?.type === \"effect\") {\n      this.applyFeatureEffect(layerView, timeExtent, filterMode);\n    } else {\n      this.applyFeatureFilter(layerView, timeExtent);\n    }\n  }\n\n  applyFeatureEffect(layerView: __esri.FeatureLayerView, timeExtent: __esri.TimeExtent, filterMode?: FilterMode) {\n    if (!layerView) {\n      return;\n    }\n    if (layerView.filter) {\n      layerView.set(\"filter\", null);\n    }\n    if (!layerView?.featureEffect?.filter || filterMode) {\n      this.handleUpdatedFeatureEffect(layerView, timeExtent);\n      return;\n    }\n    layerView.featureEffect.filter.timeExtent = timeExtent;\n  }\n\n  async handleUpdatedFeatureEffect(fLayerView: __esri.FeatureLayerView, timeExtent: __esri.TimeExtent) {\n    fLayerView.featureEffect = await newLayersSupportFeatureEffect({\n      filter: { timeExtent },\n      includedEffect: await getMergedEffect(\n        state.filterMode?.effect?.includedEffect ?? \"\",\n        fLayerView,\n        \"includedEffect\",\n      ),\n      excludedEffect: await getMergedEffect(\n        state.filterMode?.effect?.excludedEffect ?? \"\",\n        fLayerView,\n        \"excludedEffect\",\n      ),\n    });\n  }\n\n  async applyFeatureFilter(layerView: __esri.FeatureLayerView, timeExtent: __esri.TimeExtent) {\n    if (layerView.featureEffect) {\n      layerView.set(\"featureEffect\", null);\n    }\n\n    if (!layerView.filter) {\n      layerView.filter = await newLayersSupportFeatureFilter({ timeExtent });\n      return;\n    }\n    layerView.filter.timeExtent = timeExtent;\n  }\n\n  setupTimeExtentWatcher() {\n    if (this.handles?.has(TIME_SLIDER_HANDLE_KEY)) {\n      this.handles?.remove(TIME_SLIDER_HANDLE_KEY);\n    }\n\n    if (state?.timeSlider) {\n      this.handles?.add(\n        state.timeSlider.watch(\"timeExtent\", (timeExtent) =>\n          this.applyTimeExtent(state.selectedTimeInfoItem?.layerView as __esri.FeatureLayerView, timeExtent),\n        ),\n        TIME_SLIDER_HANDLE_KEY,\n      );\n    }\n  }\n\n  updateSelectedTimeInfoItem(timeInfoItem: ITimeInfoItem): void {\n    if (!state.timeSlider) {\n      return;\n    }\n    if (state.selectedTimeInfoItem) {\n      state.selectedTimeInfoItem.previousTimeExtent = state.timeSlider.timeExtent!;\n    }\n    state.selectedTimeInfoItem = timeInfoItem;\n    this.reconfigureTimeSlider(timeInfoItem);\n    this.applyTimeExtent(timeInfoItem.layerView as __esri.FeatureLayerView, state.timeSlider.timeExtent!);\n    this.setupTimeExtentWatcher();\n  }\n\n  async reconfigureTimeSlider(timeInfoItem: ITimeInfoItem) {\n    if (!state.timeSlider) {\n      return;\n    }\n    state.timeSlider.fullTimeExtent = timeInfoItem.timeExtent!;\n    state.timeSlider.timeExtent = await this.getTimeExtent(timeInfoItem);\n    state.timeSlider.stops = { interval: await this.getTimeInterval(timeInfoItem) };\n  }\n\n  async getTimeExtent({ rangeStart, rangeEnd, previousTimeExtent }: ITimeInfoItem): Promise<__esri.TimeExtent> {\n    const timeExtent =\n      previousTimeExtent ??\n      (await newTimeTimeExtent({\n        start: rangeStart,\n        end: rangeEnd,\n      }));\n    return await Promise.resolve(timeExtent);\n  }\n\n  async getTimeInterval(timeInfoItem: ITimeInfoItem): Promise<__esri.TimeInterval> {\n    const unit = timeInfoItem.unit ?? (timeInfoItem.layerView?.layer as __esri.FeatureLayer)?.timeInfo?.interval?.unit;\n    return await newTimeTimeInterval({\n      unit,\n      value: 1,\n    });\n  }\n\n  getLabel(timeInfoItem: ITimeInfoItem): string {\n    return timeInfoItem?.layerView?.layer?.title || \"\";\n  }\n}\n\nexport const viewModel = new InstantAppsTimeFilterViewModel();\n",".instant-apps-time-filter {\n  position: relative;\n  display: block;\n  min-width: 375px;\n  min-height: 200px;\n\n  &__background {\n    background-color: var(--calcite-ui-background);\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 0;\n  }\n\n  calcite-dropdown {\n    width: 100%;\n\n    calcite-button {\n      --calcite-color-brand: var(--calcite-ui-text-1);\n      --calcite-ui-brand: var(--calcite-ui-text-1);\n    }\n  }\n\n  &__layer-title {\n    font-weight: 550;\n    display: inline-block;\n    padding: 10px;\n  }\n\n  &__loading-container {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 1;\n  }\n}\n\n.instant-apps-time-filter--3d {\n  min-height: 160px;\n}\n","import { Component, Element, Prop, h } from \"@stencil/core\";\nimport type { FunctionalComponent, HostElement } from \"@stencil/core/internal\";\nimport { Host, State, Watch } from \"@stencil/core/internal\";\n\nimport { state } from \"./TimeFilter/TimeFilterModel\";\nimport { viewModel } from \"./TimeFilter/TimeFilterViewModel\";\n\nimport { getMessages } from \"../../utils/locale\";\n\nimport type TimeFilter_t9n from \"../../assets/t9n/instant-apps-time-filter/messages.en.json\";\n\nimport type { FilterMode } from \"../../interfaces/interfaces\";\nimport type { ITimeInfoConfigItem, ITimeInfoItem } from \"./TimeFilter/interfaces/interfaces\";\n\nconst CSS = {\n  base: \"instant-apps-time-filter\",\n  layerTitle: \"instant-apps-time-filter__layer-title\",\n  loadingContainer: \"instant-apps-time-filter__loading-container\",\n  background: \"instant-apps-time-filter__background\",\n  threeD: \" instant-apps-time-filter--3d\",\n};\n\n@Component({\n  tag: \"instant-apps-time-filter\",\n  styleUrl: \"instant-apps-time-filter.scss\",\n  shadow: false,\n})\nexport class InstantAppsTimeFilter {\n  @Prop()\n  messages?: typeof TimeFilter_t9n;\n\n  @State()\n  timeSliderRef!: HTMLDivElement;\n\n  @Element()\n  el!: HostElement;\n\n  @Prop()\n  timeInfoConfigItems: ITimeInfoConfigItem[] = [];\n\n  @Prop()\n  filterMode!: FilterMode;\n\n  @Prop()\n  view!: __esri.MapView | __esri.SceneView;\n\n  @Prop()\n  timeSliderConfig!: __esri.widgetsTimeSliderProperties;\n\n  @Prop()\n  autoPlay = false;\n\n  @Watch(\"timeInfoConfigItems\")\n  async updateTimeInfoConfigItems() {\n    state.timeInfoConfigItems = this.timeInfoConfigItems;\n    await viewModel.init(this.timeSliderRef);\n  }\n\n  @Watch(\"filterMode\")\n  async updateFilterMode() {\n    state.filterMode = this.filterMode;\n  }\n\n  @Watch(\"timeSliderConfig\")\n  async updateTimeSliderConfig() {\n    state.timeSliderConfig = this.timeSliderConfig;\n    await viewModel.init(this.timeSliderRef);\n  }\n\n  @Watch(\"autoPlay\")\n  async updateAutoPlay() {\n    state.autoPlay = this.autoPlay;\n    if (state.timeSlider) {\n      if (state.autoPlay) {\n        state.timeSlider.play();\n      } else {\n        state.timeSlider.stop();\n      }\n    }\n  }\n\n  async componentWillLoad() {\n    try {\n      state.view = this.view;\n      state.timeInfoConfigItems = this.timeInfoConfigItems;\n      state.autoPlay = !!this.autoPlay;\n      if (this.timeSliderConfig) {\n        state.timeSliderConfig = this.timeSliderConfig;\n      }\n      if (this.filterMode) {\n        state.filterMode = this.filterMode;\n      }\n      await getMessages(this);\n    } catch {\n      // Intentionally ignore\n    }\n  }\n\n  async componentDidLoad() {\n    try {\n      await viewModel.init(this.timeSliderRef);\n    } catch {\n      // Intentionally ignore\n    } finally {\n      state.loading = false;\n    }\n  }\n\n  disconnectedcallback() {\n    viewModel.destroy();\n  }\n\n  render(): HostElement {\n    return <Host>{this._renderBase()}</Host>;\n  }\n\n  private _renderBase(): HTMLDivElement {\n    return (\n      <div class={`${CSS.base}${this.view.type !== \"2d\" ? CSS.threeD : \"\"}`}>\n        {this._renderLoader()}\n        {this.view.type === \"2d\" && this._renderTopEl()}\n        <div\n          key=\"time-slider\"\n          ref={(ref?: HTMLDivElement) => {\n            if (ref) {\n              this.timeSliderRef = ref;\n            }\n          }}\n        />\n      </div>\n    );\n  }\n\n  private _renderLoader(): FunctionalComponent | null {\n    return (\n      state.loading && (\n        <div>\n          <div class={CSS.background}></div>\n          <div class={CSS.loadingContainer}>\n            <calcite-loader scale=\"m\" label={this.messages?.loading ?? \"\"} text={this.messages?.loading} />\n          </div>\n        </div>\n      )\n    );\n  }\n\n  private _renderTopEl(): HTMLCalciteDropdownElement | HTMLSpanElement {\n    const moreThanOneTimeLayer = this.timeInfoConfigItems.length > 1;\n    return moreThanOneTimeLayer ? this._renderDropdown() : this._renderLayerTitle();\n  }\n\n  private _renderLayerTitle(): HTMLSpanElement {\n    const title = state.selectedTimeInfoItem?.layerView?.layer?.title;\n    return <span class={CSS.layerTitle}>{title}</span>;\n  }\n\n  private _renderDropdown(): HTMLCalciteDropdownElement {\n    return (\n      state.selectedTimeInfoItem && (\n        <calcite-dropdown>\n          {this._renderDropdownButton()}\n          {this._renderDropdownItems()}\n        </calcite-dropdown>\n      )\n    );\n  }\n\n  private _renderDropdownButton(): HTMLCalciteButtonElement {\n    return (\n      <calcite-button\n        slot=\"trigger\"\n        appearance=\"transparent\"\n        iconEnd=\"chevron-down\"\n        width=\"full\"\n        alignment=\"space-between\"\n      >\n        {viewModel.getLabel(state.selectedTimeInfoItem!)}\n      </calcite-button>\n    );\n  }\n\n  private _renderDropdownItems(): HTMLCalciteDropdownItemElement[] {\n    return state.timeInfoItems.map((timeInfoItem) => this._renderDropdownItem(timeInfoItem));\n  }\n\n  private _renderDropdownItem(timeInfoItem: ITimeInfoItem) {\n    const selectedInfoItemId = state.selectedTimeInfoItem?.layerView?.layer?.id;\n    const timeInfoItemId = timeInfoItem?.layerView?.layer?.id;\n    const selected = selectedInfoItemId === timeInfoItemId;\n    return (\n      <calcite-dropdown-item\n        onCalciteDropdownItemSelect={() => viewModel.updateSelectedTimeInfoItem(timeInfoItem)}\n        selected={selected}\n      >\n        {viewModel.getLabel(timeInfoItem)}\n      </calcite-dropdown-item>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/solutions-components_commit.txt

@@ -1,10 +1,10 @@
-Built 02/21/2025 17:17:28.04 
+Built Mon 02/24/2025 14:00:13.51 
 develop
-commit bb76b39247b9471c194e6fffeb1425467b572229
-Merge: 4e2eb7a69 ef323207d
-Author: Mike Tschudi <mtschudi@esri.com>
-Date:   Fri Feb 21 17:13:06 2025 -0800
+commit 500f6d9155d0958b20edd3e8cdbfd97cc90188f7
+Merge: 9842c2a12 ce37b02b0
+Author: John Hauck <jhauck@esri.com>
+Date:   Mon Feb 24 12:52:00 2025 -0800
 
-    Merge pull request #1208 from Esri/bug/check-tools-fit-after-reinit
+    Merge pull request #1215 from Esri/reporter-share
     
-    Check tools fit after re-init
+    update z index

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/solutions-components",
-  "version": "0.11.36",
+  "version": "0.11.37",
   "description": "Web Components for Esri's Solutions Applications",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -45,9 +45,9 @@
     "@stencil/core": "4.20.0",
     "@stencil/sass": "^3.0.12",
     "@stencil/store": "^2.0.8",
+    "@types/arcgis-js-api": "^4.28.4",
     "@types/jest": "^29.5.14",
     "@types/node": "^22.10.10",
-    "@types/arcgis-js-api": "^4.28.4",
     "@typescript-eslint/eslint-plugin": "^7.18.0",
     "@typescript-eslint/parser": "^7.18.0",
     "@typescript-eslint/typescript-estree": "^8.21.0",
@@ -81,23 +81,23 @@
     "workbox-build": "^7.3.0"
   },
   "dependencies": {
-    "@arcgis/core": ">=4.32.0-next.20250205 <4.33",
+    "@arcgis/core": "4.32.0",
+    "@arcgis/instant-apps-components": "^4.32.1",
     "@esri/arcgis-html-sanitizer": "^4.1.0",
-    "@arcgis/instant-apps-components": "^4.32.0-next.132",
     "@esri/arcgis-rest-auth": "^3.7.0",
     "@esri/arcgis-rest-feature-layer": "^3.7.0",
     "@esri/arcgis-rest-portal": "^3.7.0",
     "@esri/arcgis-rest-request": "^3.7.0",
     "@esri/calcite-components": "^3.0.0",
     "@esri/calcite-design-tokens": "^3.0.0",
-    "@esri/hub-common": "^15.32.0",
+    "@esri/hub-common": "^15.35.0",
     "@esri/hub-initiatives": "^15.0.0",
     "@esri/hub-sites": "^16.0.1",
     "@esri/hub-teams": "^15.0.0",
     "@esri/solution-common": "^5.8.3",
     "@pdf-lib/fontkit": "^1.1.1",
     "focus-trap": "7.6.4",
-    "jspdf": "^2.5.2",
+    "jspdf": "^3.0.0",
     "minimist": "^1.2.8",
     "pdf-lib": "^1.17.1",
     "templates-common-library-esm": "npm:templates-common-library@0.0.581-esm"