@esri/solutions-components 1.0.0-next.20250430 → 1.0.0-next.20250501.1

package/dist/cdn/TJ2UJ5M2.js

@@ -0,0 +1,369 @@
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/1.0/esri/copyright.txt for details.
+v1.0.0-next.20250501 */
+import{a as E}from"./26STIPX4.js";import{e as F}from"./ROJP3BVV.js";import{c as T,n as I,t as L,z as M}from"./QJLYBT43.js";import"./6ZRQCBMV.js";import{a as R,c as l,d as D,e as B,f as A}from"./G7MUJYUQ.js";import"./NTX6LIB3.js";function nt(t,e){if(t.match(/^[a-z]+:\/\//i))return t;if(t.match(/^\/\//))return window.location.protocol+t;if(t.match(/^[a-z]+:/i))return t;let i=document.implementation.createHTMLDocument(),n=i.createElement("base"),s=i.createElement("a");return i.head.appendChild(n),i.body.appendChild(s),e&&(n.href=e),s.href=t,s.href}var st=(()=>{let t=0,e=()=>`0000${(Math.random()*36**4<<0).toString(36)}`.slice(-4);return()=>(t+=1,`u${e()}${t}`)})();function m(t){let e=[];for(let i=0,n=t.length;i<n;i++)e.push(t[i]);return e}var f=null;function q(t={}){return f||(t.includeStyleProperties?(f=t.includeStyleProperties,f):(f=m(window.getComputedStyle(document.documentElement)),f))}function x(t,e){let n=(t.ownerDocument.defaultView||window).getComputedStyle(t).getPropertyValue(e);return n?parseFloat(n.replace("px","")):0}function rt(t){let e=x(t,"border-left-width"),i=x(t,"border-right-width");return t.clientWidth+e+i}function at(t){let e=x(t,"border-top-width"),i=x(t,"border-bottom-width");return t.clientHeight+e+i}function G(t,e={}){let i=e.width||rt(t),n=e.height||at(t);return{width:i,height:n}}function ot(){let t,e;try{e=process}catch{}let i=e&&e.env?e.env.devicePixelRatio:null;return i&&(t=parseInt(i,10),Number.isNaN(t)&&(t=1)),t||window.devicePixelRatio||1}var d=16384;function pt(t){(t.width>d||t.height>d)&&(t.width>d&&t.height>d?t.width>t.height?(t.height*=d/t.width,t.width=d):(t.width*=d/t.height,t.height=d):t.width>d?(t.height*=d/t.width,t.width=d):(t.width*=d/t.height,t.height=d))}function v(t){return new Promise((e,i)=>{let n=new Image;n.onload=()=>{n.decode().then(()=>{requestAnimationFrame(()=>e(n))})},n.onerror=i,n.crossOrigin="anonymous",n.decoding="async",n.src=t})}async function lt(t){return Promise.resolve().then(()=>new XMLSerializer().serializeToString(t)).then(encodeURIComponent).then(e=>`data:image/svg+xml;charset=utf-8,${e}`)}async function ct(t,e,i){let n="http://www.w3.org/2000/svg",s=document.createElementNS(n,"svg"),r=document.createElementNS(n,"foreignObject");return s.setAttribute("width",`${e}`),s.setAttribute("height",`${i}`),s.setAttribute("viewBox",`0 0 ${e} ${i}`),r.setAttribute("width","100%"),r.setAttribute("height","100%"),r.setAttribute("x","0"),r.setAttribute("y","0"),r.setAttribute("externalResourcesRequired","true"),s.appendChild(r),r.appendChild(t),lt(s)}var h=(t,e)=>{if(t instanceof e)return!0;let i=Object.getPrototypeOf(t);return i===null?!1:i.constructor.name===e.name||h(i,e)};function ht(t){let e=t.getPropertyValue("content");return`${t.cssText} content: '${e.replace(/'|"/g,"")}';`}function dt(t,e){return q(e).map(i=>{let n=t.getPropertyValue(i),s=t.getPropertyPriority(i);return`${i}: ${n}${s?" !important":""};`}).join(" ")}function ut(t,e,i,n){let s=`.${t}:${e}`,r=i.cssText?ht(i):dt(i,n);return document.createTextNode(`${s}{${r}}`)}function H(t,e,i,n){let s=window.getComputedStyle(t,i),r=s.getPropertyValue("content");if(r===""||r==="none")return;let a=st();try{e.className=`${e.className} ${a}`}catch{return}let o=document.createElement("style");o.appendChild(ut(a,i,s,n)),e.appendChild(o)}function gt(t,e,i){H(t,e,":before",i),H(t,e,":after",i)}var $="application/font-woff",W="image/jpeg",mt={woff:$,woff2:$,ttf:"application/font-truetype",eot:"application/vnd.ms-fontobject",png:"image/png",jpg:W,jpeg:W,gif:"image/gif",tiff:"image/tiff",svg:"image/svg+xml",webp:"image/webp"};function ft(t){let e=/\.([^./]*?)$/g.exec(t);return e?e[1]:""}function P(t){let e=ft(t).toLowerCase();return mt[e]||""}function wt(t){return t.split(/,/)[1]}function S(t){return t.search(/^(data:)/)!==-1}function K(t,e){return`data:${e};base64,${t}`}async function J(t,e,i){let n=await fetch(t,e);if(n.status===404)throw new Error(`Resource "${n.url}" not found`);let s=await n.blob();return new Promise((r,a)=>{let o=new FileReader;o.onerror=a,o.onloadend=()=>{try{r(i({res:n,result:o.result}))}catch(p){a(p)}},o.readAsDataURL(s)})}var _={};function xt(t,e,i){let n=t.replace(/\?.*/,"");return i&&(n=t),/ttf|otf|eot|woff2?/i.test(n)&&(n=n.replace(/.*\//,"")),e?`[${e}]${n}`:n}async function k(t,e,i){let n=xt(t,e,i.includeQueryParams);if(_[n]!=null)return _[n];i.cacheBust&&(t+=(/\?/.test(t)?"&":"?")+new Date().getTime());let s;try{let r=await J(t,i.fetchRequestInit,({res:a,result:o})=>(e||(e=a.headers.get("Content-Type")||""),wt(o)));s=K(r,e)}catch(r){s=i.imagePlaceholder||"";let a=`Failed to fetch resource: ${t}`;r&&(a=typeof r=="string"?r:r.message),a&&console.warn(a)}return _[n]=s,s}async function vt(t){let e=t.toDataURL();return e==="data:,"?t.cloneNode(!1):v(e)}async function yt(t,e){if(t.currentSrc){let r=document.createElement("canvas"),a=r.getContext("2d");r.width=t.clientWidth,r.height=t.clientHeight,a?.drawImage(t,0,0,r.width,r.height);let o=r.toDataURL();return v(o)}let i=t.poster,n=P(i),s=await k(i,n,e);return v(s)}async function bt(t,e){var i;try{if(!((i=t?.contentDocument)===null||i===void 0)&&i.body)return await y(t.contentDocument.body,e,!0)}catch{}return t.cloneNode(!1)}async function Et(t,e){return h(t,HTMLCanvasElement)?vt(t):h(t,HTMLVideoElement)?yt(t,e):h(t,HTMLIFrameElement)?bt(t,e):t.cloneNode(X(t))}var _t=t=>t.tagName!=null&&t.tagName.toUpperCase()==="SLOT",X=t=>t.tagName!=null&&t.tagName.toUpperCase()==="SVG";async function Ct(t,e,i){var n,s;if(X(e))return e;let r=[];return _t(t)&&t.assignedNodes?r=m(t.assignedNodes()):h(t,HTMLIFrameElement)&&(!((n=t.contentDocument)===null||n===void 0)&&n.body)?r=m(t.contentDocument.body.childNodes):r=m(((s=t.shadowRoot)!==null&&s!==void 0?s:t).childNodes),r.length===0||h(t,HTMLVideoElement)||await r.reduce((a,o)=>a.then(()=>y(o,i)).then(p=>{p&&e.appendChild(p)}),Promise.resolve()),e}function St(t,e,i){let n=e.style;if(!n)return;let s=window.getComputedStyle(t);s.cssText?(n.cssText=s.cssText,n.transformOrigin=s.transformOrigin):q(i).forEach(r=>{let a=s.getPropertyValue(r);r==="font-size"&&a.endsWith("px")&&(a=`${Math.floor(parseFloat(a.substring(0,a.length-2)))-.1}px`),h(t,HTMLIFrameElement)&&r==="display"&&a==="inline"&&(a="block"),r==="d"&&e.getAttribute("d")&&(a=`path(${e.getAttribute("d")})`),n.setProperty(r,a,s.getPropertyPriority(r))})}function Pt(t,e){h(t,HTMLTextAreaElement)&&(e.innerHTML=t.value),h(t,HTMLInputElement)&&e.setAttribute("value",t.value)}function kt(t,e){if(h(t,HTMLSelectElement)){let i=e,n=Array.from(i.children).find(s=>t.value===s.getAttribute("value"));n&&n.setAttribute("selected","")}}function Tt(t,e,i){return h(e,Element)&&(St(t,e,i),gt(t,e,i),Pt(t,e),kt(t,e)),e}async function It(t,e){let i=t.querySelectorAll?t.querySelectorAll("use"):[];if(i.length===0)return t;let n={};for(let r=0;r<i.length;r++){let o=i[r].getAttribute("xlink:href");if(o){let p=t.querySelector(o),u=document.querySelector(o);!p&&u&&!n[o]&&(n[o]=await y(u,e,!0))}}let s=Object.values(n);if(s.length){let r="http://www.w3.org/1999/xhtml",a=document.createElementNS(r,"svg");a.setAttribute("xmlns",r),a.style.position="absolute",a.style.width="0",a.style.height="0",a.style.overflow="hidden",a.style.display="none";let o=document.createElementNS(r,"defs");a.appendChild(o);for(let p=0;p<s.length;p++)o.appendChild(s[p]);t.appendChild(a)}return t}async function y(t,e,i){return!i&&e.filter&&!e.filter(t)?null:Promise.resolve(t).then(n=>Et(n,e)).then(n=>Ct(t,n,e)).then(n=>Tt(t,n,e)).then(n=>It(n,e))}var Q=/url\((['"]?)([^'"]+?)\1\)/g,Lt=/url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g,Mt=/src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;function Ft(t){let e=t.replace(/([.*+?^${}()|\[\]\/\\])/g,"\\$1");return new RegExp(`(url\\(['"]?)(${e})(['"]?\\))`,"g")}function Rt(t){let e=[];return t.replace(Q,(i,n,s)=>(e.push(s),i)),e.filter(i=>!S(i))}async function Dt(t,e,i,n,s){try{let r=i?nt(e,i):e,a=P(e),o;if(s){let p=await s(r);o=K(p,a)}else o=await k(r,a,n);return t.replace(Ft(e),`$1${o}$3`)}catch{}return t}function Bt(t,{preferredFontFormat:e}){return e?t.replace(Mt,i=>{for(;;){let[n,,s]=Lt.exec(i)||[];if(!s)return"";if(s===e)return`src: ${n};`}}):t}function Y(t){return t.search(Q)!==-1}async function Z(t,e,i){if(!Y(t))return t;let n=Bt(t,i);return Rt(n).reduce((r,a)=>r.then(o=>Dt(o,a,e,i)),Promise.resolve(n))}async function w(t,e,i){var n;let s=(n=e.style)===null||n===void 0?void 0:n.getPropertyValue(t);if(s){let r=await Z(s,null,i);return e.style.setProperty(t,r,e.style.getPropertyPriority(t)),!0}return!1}async function At(t,e){await w("background",t,e)||await w("background-image",t,e),await w("mask",t,e)||await w("-webkit-mask",t,e)||await w("mask-image",t,e)||await w("-webkit-mask-image",t,e)}async function Ht(t,e){let i=h(t,HTMLImageElement);if(!(i&&!S(t.src))&&!(h(t,SVGImageElement)&&!S(t.href.baseVal)))return;let n=i?t.src:t.href.baseVal,s=await k(n,P(n),e);await new Promise((r,a)=>{t.onload=r,t.onerror=e.onImageErrorHandler?(...p)=>{try{r(e.onImageErrorHandler(...p))}catch(u){a(u)}}:a;let o=t;o.decode&&(o.decode=r),o.loading==="lazy"&&(o.loading="eager"),i?(t.srcset="",t.src=s):t.href.baseVal=s})}async function $t(t,e){let n=m(t.childNodes).map(s=>N(s,e));await Promise.all(n).then(()=>t)}async function N(t,e){h(t,Element)&&(await At(t,e),await Ht(t,e),await $t(t,e))}function Wt(t,e){let{style:i}=t;e.backgroundColor&&(i.backgroundColor=e.backgroundColor),e.width&&(i.width=`${e.width}px`),e.height&&(i.height=`${e.height}px`);let n=e.style;return n!=null&&Object.keys(n).forEach(s=>{i[s]=n[s]}),t}var O={};async function V(t){let e=O[t];if(e!=null)return e;let n=await(await fetch(t)).text();return e={url:t,cssText:n},O[t]=e,e}async function U(t,e){let i=t.cssText,n=/url\(["']?([^"')]+)["']?\)/g,r=(i.match(/url\([^)]+\)/g)||[]).map(async a=>{let o=a.replace(n,"$1");return o.startsWith("https://")||(o=new URL(o,t.url).href),J(o,e.fetchRequestInit,({result:p})=>(i=i.replace(a,`url(${p})`),[a,p]))});return Promise.all(r).then(()=>i)}function z(t){if(t==null)return[];let e=[],i=/(\/\*[\s\S]*?\*\/)/gi,n=t.replace(i,""),s=new RegExp("((@.*?keyframes [\\s\\S]*?){([\\s\\S]*?}\\s*?)})","gi");for(;;){let p=s.exec(n);if(p===null)break;e.push(p[0])}n=n.replace(s,"");let r=/@import[\s\S]*?url\([^)]*\)[\s\S]*?;/gi,a="((\\s*?(?:\\/\\*[\\s\\S]*?\\*\\/)?\\s*?@media[\\s\\S]*?){([\\s\\S]*?)}\\s*?})|(([\\s\\S]*?){([\\s\\S]*?)})",o=new RegExp(a,"gi");for(;;){let p=r.exec(n);if(p===null){if(p=o.exec(n),p===null)break;r.lastIndex=o.lastIndex}else o.lastIndex=r.lastIndex;e.push(p[0])}return e}async function Ot(t,e){let i=[],n=[];return t.forEach(s=>{if("cssRules"in s)try{m(s.cssRules||[]).forEach((r,a)=>{if(r.type===CSSRule.IMPORT_RULE){let o=a+1,p=r.href,u=V(p).then(g=>U(g,e)).then(g=>z(g).forEach(b=>{try{s.insertRule(b,b.startsWith("@import")?o+=1:s.cssRules.length)}catch(it){console.error("Error inserting rule from remote css",{rule:b,error:it})}})).catch(g=>{console.error("Error loading remote css",g.toString())});n.push(u)}})}catch(r){let a=t.find(o=>o.href==null)||document.styleSheets[0];s.href!=null&&n.push(V(s.href).then(o=>U(o,e)).then(o=>z(o).forEach(p=>{a.insertRule(p,a.cssRules.length)})).catch(o=>{console.error("Error loading remote stylesheet",o)})),console.error("Error inlining remote css file",r)}}),Promise.all(n).then(()=>(t.forEach(s=>{if("cssRules"in s)try{m(s.cssRules||[]).forEach(r=>{i.push(r)})}catch(r){console.error(`Error while reading CSS rules from ${s.href}`,r)}}),i))}function Vt(t){return t.filter(e=>e.type===CSSRule.FONT_FACE_RULE).filter(e=>Y(e.style.getPropertyValue("src")))}async function Ut(t,e){if(t.ownerDocument==null)throw new Error("Provided element is not within a Document");let i=m(t.ownerDocument.styleSheets),n=await Ot(i,e);return Vt(n)}function tt(t){return t.trim().replace(/["']/g,"")}function zt(t){let e=new Set;function i(n){(n.style.fontFamily||getComputedStyle(n).fontFamily).split(",").forEach(r=>{e.add(tt(r))}),Array.from(n.children).forEach(r=>{r instanceof HTMLElement&&i(r)})}return i(t),e}async function jt(t,e){let i=await Ut(t,e),n=zt(t);return(await Promise.all(i.filter(r=>n.has(tt(r.style.fontFamily))).map(r=>{let a=r.parentStyleSheet?r.parentStyleSheet.href:null;return Z(r.cssText,a,e)}))).join(`
+`)}async function qt(t,e){let i=e.fontEmbedCSS!=null?e.fontEmbedCSS:e.skipFonts?null:await jt(t,e);if(i){let n=document.createElement("style"),s=document.createTextNode(i);n.appendChild(s),t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n)}}async function Gt(t,e={}){let{width:i,height:n}=G(t,e),s=await y(t,e,!0);return await qt(s,e),await N(s,e),Wt(s,e),await ct(s,i,n)}async function et(t,e={}){let{width:i,height:n}=G(t,e),s=await Gt(t,e),r=await v(s),a=document.createElement("canvas"),o=a.getContext("2d"),p=e.pixelRatio||ot(),u=e.canvasWidth||i,g=e.canvasHeight||n;return a.width=u*p,a.height=g*p,e.skipAutoScale||pt(a),a.style.width=`${u}`,a.style.height=`${g}`,e.backgroundColor&&(o.fillStyle=e.backgroundColor,o.fillRect(0,0,a.width,a.height)),o.drawImage(r,0,0,a.width,a.height),a}async function Kt(t,e={}){return(await et(t,e)).toDataURL()}async function j(t,e={}){return(await et(t,e)).toDataURL("image/jpeg",e.quality||1)}var Jt=`
+  @media print {
+    @page {
+      size:  Portrait;
+      margin: .25in;
+    }
+
+    html, body {
+      padding: 0;
+      margin: 0;
+      height: 100%;
+      width: 100%;
+    }
+
+    body > *:not(.instant-apps-export-print) { display: none; }
+  }
+
+  * {
+    -webkit-print-color-adjust: exact;
+    color-adjust: exact;
+  }
+
+
+  .instant-apps-export-print {
+    position: absolute;
+    z-index: -999;
+    color: #323232 !important;
+    --esri-calcite-mode-name: "light";
+  }
+
+  .instant-apps-export-print__pdf {
+    height: 100%;
+    width: 100%;
+    display: grid;
+    gap: 24px;
+    grid-auto-flow: row;
+  }
+
+  .instant-apps-export-print__img {
+    display: grid;
+    width: auto;
+  }
+
+  .instant-apps-export-print__img--extra-content {
+    grid-template-columns: 2fr minmax(0, 325px);
+  }
+
+  .instant-apps-export-print, .instant-apps-export-print * {
+    box-sizing: border-box;
+  }
+
+  .instant-apps-export-print__view-section {
+    height: 100%;
+  }
+
+  .instant-apps-export-print__view-container {
+    height: 100%;
+    width: 100%;
+    display: flex;
+    justify-content: center;
+  }
+
+  .instant-apps-export-print__img .instant-apps-export-print__view-container {
+    grid-row: 1;
+    grid-column: 1;
+  }
+
+  .instant-apps-export-print__view-wrapper {
+    height: fit-content;
+    width: fit-content;
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+  }
+
+  .instant-apps-export-print__pdf .instant-apps-export-print__view-wrapper {
+    border: 2pt solid #323232;
+  }
+
+  .instant-apps-export-print__img .instant-apps-export-print__view-wrapper {
+    border: 1pt solid #323232;
+  }
+
+  .instant-apps-export-print__view {
+    object-fit: contain;
+  }
+
+  .instant-apps-export-print__extra-container {
+    grid-row: 1 / span 2;
+    grid-column: 2;
+  }
+  
+  .instant-apps-export-print__extra-container .esri-feature.esri-widget .esri-widget__heading.esri-feature__title {
+    display: block;
+  }
+
+  .instant-apps-export-print__popup-container {
+    height: min-content;
+    max-width: 325px;
+    display: none;
+    color: #323232;
+    background: #fff;
+    break-inside: avoid;
+  }
+
+  .instant-apps-export-print__pdf .instant-apps-export-print__popup-container {
+    border: 1pt solid #323232;
+  }
+
+  .instant-apps-export-print__img .instant-apps-export-print__popup-container {
+    grid-row: 1 / span 2;
+    grid-column: 2;
+  }
+
+  .instant-apps-export-print__popup-title {
+    border-bottom: 1pt solid #323232;
+  }
+
+  .instant-apps-export-print__popup-content {
+    background: #fff;
+    padding-top: 8pt;
+  }
+
+  .instant-apps-export-print__popup-content .esri-feature-media__chart {
+    background: #fff;
+  }
+
+  .instant-apps-export-print__legend-container {
+    height: min-content;
+    background: #fff;
+    overflow: unset;
+  }
+
+  .instant-apps-export-print__img .instant-apps-export-print__legend-container {
+    margin: 14px;
+    grid-row: 2;
+    grid-column: 1;
+  }
+
+  .esri-legend--card, .esri-legend--card__service-content {
+    flex-flow: row wrap;
+  }
+
+  .instant-apps-export-print .esri-widget > *:not(.esri-scale-bar.esri-widget > *) {
+    background: #fff;
+    color: #323232;
+  }
+
+  .instant-apps-export-print__popup-content *, .instant-apps-export-print__img .esri-feature.esri-widget * {
+    color: #323232;
+  }
+
+  .instant-apps-export-print .esri-widget__heading {
+    margin: 4pt 7pt;
+    padding: 0;
+    color: #323232;
+  }
+
+  .instant-apps-export-print .esri-legend__ramp-label:before {
+    border-color: rgba(0,0,0,0) rgba(50,50,50,.8) rgba(0,0,0,0) rgba(0,0,0,0);
+  }
+
+  .instant-apps-export-print .esri-legend--card__section {
+    padding: 6pt;
+    min-width: unset;
+  }
+
+  .instant-apps-export-print .esri-legend--card__color-ramp-container > .esri-legend--card__ramp-label {
+    height: 25px;
+    line-height: 25px;
+  }
+
+  .instant-apps-export-print .esri-legend--card__color-ramp-container .esri-legend--card__interval-separators-container {
+    position: unset;
+    transform: unset;
+    text-align: center;
+  }
+
+  .instant-apps-export-print .esri-legend--card__section:first-child {
+    border-left: none;
+  }
+
+  .instant-apps-export-print .esri-legend--card__service {
+    border: none;
+    flex: 0 1 auto;
+    break-inside: avoid;
+  }
+
+  .instant-apps-export-print .esri-legend--card {
+    border: none;
+    gap: 6pt 12pt;
+  }
+
+  .instant-apps-export-print .esri-legend--card:not(:first-child),
+  .instant-apps-export-print .esri-compass.esri-widget:not(:first-child) {
+    display: none;
+  }
+
+  .instant-apps-export-print .esri-legend--card__service-caption-container {
+    height: unset;
+    padding: 0;
+    border-bottom: none;
+  }
+
+  .instant-apps-export-print .esri-legend--card__service-caption-text {
+    padding-bottom: 4px;
+  }
+
+  .instant-apps-export-print__compass-container {
+    position: absolute;
+    top: 65px;
+    left: 15px;
+    background: #fff;
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
+    --calcite-ui-icon-color: #000;
+    border-radius: 50%;
+    height: fit-content;
+  }
+
+  .instant-apps-export-print__compass-container .esri-compass {
+    background: #fff;
+  }
+
+  .instant-apps-export-print__compass-container .esri-compass__icon.esri-icon-compass {
+    color: #000;
+  }
+
+  .instant-apps-export-print__compass-container.esri-compass.esri-widget--button {
+    background: #fff;
+  }
+
+  .instant-apps-export-print__scale-bar-container {
+    width: 100%;
+    position: absolute;
+    bottom: 15px;
+    margin: 0 15px;
+  }
+
+  .instant-apps-export-print__scale-bar-container .esri-scale-bar__label {
+    color: #323232;
+    font-size: 10px;
+    padding: 0 4px;
+  }
+  
+  .instant-apps-export-print__scale-bar-container--position .esri-scale-bar__label {
+    height: 10px;
+    padding: 0 2px;
+    line-height: 11px;
+  }
+
+  .instant-apps-export-print__scale-bar-container .esri-scale-bar__bar-container:nth-child(1n+3) {
+    display: none;
+  }
+
+  .instant-apps-export-print__scale-bar-container--position .esri-scale-bar__bar-container.esri-scale-bar__bar-container--line {
+    align-items: center;
+  }
+
+  .instant-apps-export-print__scale-bar-container .esri-scale-bar__line {
+    background-color: rgba(255, 255, 255, 0.66);
+  }
+
+  .instant-apps-export-print__scale-bar-container .esri-scale-bar__line--top {
+    width: var(--instant-apps-scale-bar-top) !important;
+    border-bottom: 2px solid #323232;
+  }
+
+  .instant-apps-export-print__scale-bar-container .esri-scale-bar__line--bottom {
+    width: var(--instant-apps-scale-bar-bottom) !important;
+    border-top: 2px solid #323232;
+  }
+
+  .instant-apps-export-print__scale-bar-container--position .esri-scale-bar__label-container--line {
+    position: unset;
+    margin: 0 2px;
+    background-color: rgba(255, 255, 255, 0.66);
+    height: 10px;
+    display: flex;
+    align-items: center;
+  }
+
+  .instant-apps-export-print__scale-bar-container .esri-scale-bar__line--top:before,
+  .instant-apps-export-print__scale-bar-container .esri-scale-bar__line--top:after,
+  .instant-apps-export-print__scale-bar-container .esri-scale-bar__line--bottom:before,
+  .instant-apps-export-print__scale-bar-container .esri-scale-bar__line--bottom:after {
+    background-color: #323232;
+    border-right: 2px solid #323232;
+  }
+
+  .instant-apps-export-print__popup-container .esri-feature-media__item-navigation {
+    display: none;
+  }
+
+  .instant-apps-export-print__popup-container .esri-feature-media__chart.esri-feature-media__chart--rendered * {
+    width: 100%!important;
+  }
+
+  .instant-apps-export-print__popup-content .esri-popup__content {
+    margin: 0;
+  }
+
+  .instant-apps-export-print__content-container {
+    display: flex;
+    gap: 24px;
+    break-inside: avoid;
+    break-before: auto;
+  }`,Xt=`
+.screenshot-preview.hide, .hide {
+  display: none;
+}
+
+.screenshot-cursor {
+  cursor: crosshair;
+}
+
+.relative {
+  position: relative;
+}
+
+#screenshot-mask {
+  position: absolute;
+  background: var(--instant-apps-screenshot-mask-background);
+  border: var(--instant-apps-screenshot-mask-border);
+}
+
+.screenshot-preview {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  text-align: center;
+  background-color: rgba(0, 0, 0, 0.75);
+}
+
+.screenshot-preview * {
+  box-sizing: border-box;
+}
+
+.screenshot-img-container img {
+  max-height: 75%;
+  max-width: 75%;
+  object-fit: contain;
+  box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.5);
+  margin-bottom: 0.5em;
+}
+
+.screenshot-img-container {
+  height: 100%;
+  width: 100%;
+  overflow-y: auto;
+  margin-bottom: 8px;
+  display: flex;
+  flex-flow: column;
+  align-items: center;
+  justify-content: center;
+}
+
+.screenshot-img-container calcite-button {
+  margin: 5px;
+}`,Qt=":host{display:block;--instant-apps-export-action-background:var(--calcite-color-foreground-1);--instant-apps-export-action-background-hover:var(--calcite-color-foreground-2);--instant-apps-export-action-background-press:var(--calcite-color-foreground-3);--instant-apps-export-action-height:100%;--instant-apps-export-action-width:fit-content;--instant-apps-export-action-icon-color:var(--calcite-color-text-3);--instant-apps-export-action-icon-hover-color:var(--calcite-color-text-1);--instant-apps-export-background:var(--calcite-color-foreground-1);--instant-apps-export-text-color:var(--calcite-color-text-1);--instant-apps-export-popover-width:250px;--instant-apps-export-button-text-dark-hover-color:#fff}.instant-apps-export{height:100%}.instant-apps-export *{box-sizing:border-box}.instant-apps-export__popover-container,.instant-apps-export__inline-container{padding:12px;background:var(--instant-apps-export-background);--calcite-color-text-1:var(--instant-apps-export-text-color)}.instant-apps-export__popover-container{width:var(--instant-apps-export-popover-width)}.instant-apps-export calcite-action{height:var(--instant-apps-export-action-height);width:var(--instant-apps-export-action-width);--calcite-color-foreground-1:var(--instant-apps-export-action-background);--calcite-color-foreground-2:var(--instant-apps-export-action-background-hover);--calcite-color-foreground-3:var(--instant-apps-export-action-background-press);--calcite-color-text-3:var(--instant-apps-export-action-icon-color);--calcite-color-text-1:var(--instant-apps-export-action-icon-hover-color)}.instant-apps-export .instant-apps-export-print{display:none}.instant-apps-export .instant-apps-export-print_img{display:flex;flex-flow:row wrap}.instant-apps-export__visually-hidden{position:absolute;top:0;z-index:-1;visibility:hidden}.instant-apps-export calcite-input{--calcite-color-foreground-1:var(--instant-apps-export-background);--calcite-color-text-1:var(--instant-apps-export-text-color)}.instant-apps-export calcite-popover{--calcite-color-foreground-1:var(--instant-apps-export-background)}.instant-apps-export calcite-switch{--calcite-color-foreground-1:#fff;--calcite-color-foreground-2:#f3f3f3}.instant-apps-export calcite-button:last-of-type{margin-top:0.5rem}.calcite-mode-dark.instant-apps-export .instant-apps-export__set-map-area{--calcite-color-brand-hover:#fff}.calcite-mode-dark.instant-apps-export calcite-switch{--calcite-color-foreground-1:#2b2b2b;--calcite-color-foreground-2:#202020}.instant-apps-export__compass-container.esri-widget{background:#fff;box-shadow:0 1px 2px rgba(0, 0, 0, 0.3)}.instant-apps-export__compass-container.esri-widget .esri-compass__icon.esri-icon-compass{color:#6e6e6e}.hide{display:none}.screenshotCursor{cursor:crosshair}",Yt=Qt,c={baseDark:"instant-apps-export calcite-mode-dark",baseLight:"instant-apps-export calcite-mode-light",inlineContainer:"instant-apps-export__inline-container",popoverContainer:"instant-apps-export__popover-container",hidden:"instant-apps-export__visually-hidden",setMapArea:"instant-apps-export__set-map-area",print:{pdfBase:"instant-apps-export-print instant-apps-export-print__pdf",imgBase:"instant-apps-export-print instant-apps-export-print__img",imgExtraContent:"instant-apps-export-print__img--extra-content",contentContainer:"instant-apps-export-print__content-container",extraContainer:"instant-apps-export-print__extra-container",legendContainer:"instant-apps-export-print__legend-container",compassContainer:"instant-apps-export-print__compass-container",scaleBarContainer:"instant-apps-export-print__scale-bar-container",popupContainer:"instant-apps-export-print__popup-container",popupContent:"instant-apps-export-print__popup-content",popupTitle:"instant-apps-export-print__popup-title",view:"instant-apps-export-print__view",viewContainer:"instant-apps-export-print__view-container",viewSection:"instant-apps-export-print__view-section",viewWrapper:"instant-apps-export-print__view-wrapper"}},C="instant-app-export-drag",Zt=class{constructor(t){R(this,t),this.exportOutputUpdated=A(this,"exportOutputUpdated",7),this.fileTypes=["PDF","JPG","PNG"],this.output=void 0,this.beforeExport=async()=>await Promise.resolve(),this.popoverIcon="export",this.extraContent=void 0,this.extraContentLabel=void 0,this.headerTitle="",this.logoImage="",this.includeExtraContent=!0,this.showExtraContentInImg=!1,this.includeLegend=!0,this.includeMap=!0,this.includePopup=!1,this.includeFileFormat=!0,this.mode="popover",this.popoverPositioning="absolute",this.popoverPlacement="auto",this.scale="m",this.showHeaderTitle=!0,this.showIncludeLegend=!0,this.showIncludeMap=!1,this.showIncludePopup=!0,this.showScaleBar=!1,this.view=void 0,this.maskBackground="rgba(255, 51, 0, 0.1)",this.maskBorder="2px dashed rgb(255, 51, 0)",this.defaultFileType="PDF",this.baseClass=c.baseLight,this.exportIsLoading=void 0,this.messages=void 0,this.selectedFileType=void 0}watchIncludeMap(t){t&&this.updateLegend()}watchView(){this.handleIncludePopup()}async componentWillLoad(){this.selectedFileType=this.defaultFileType,this.pdfIncludeMap=this.includeMap,this.baseClass=E(this.el)==="dark"?c.baseDark:c.baseLight,await F(this),await this.initializeModules()}componentDidLoad(){this.printEl&&(this.printContainerEl?.prepend(this.printEl),this.handleIncludePopup())}async initializeModules(){let t=await M();this.handles=await T(),this.reactiveUtils=t}render(){let t=this.mode==="popover"?this.renderPopover():this.renderPanel(),e=this.renderCompass();return l(D,{key:"cdfe99a3f150de88b25daaefe04217589765f090"},l("div",{key:"13ec67b18c039d095dc4b795797807861e593f04",class:this.baseClass,onMouseEnter:this.handleWidgetCreation.bind(this),onFocusin:this.handleWidgetCreation.bind(this)},t,l("div",{key:"d78643d58760f433d2b9974ceeda42d8faa3d478",class:c.hidden},e)))}renderPopover(){let t=this.renderPanel();return[l("calcite-popover",{referenceElement:"export-popover-btn",label:this.messages?.exportPopover,overlayPositioning:this.popoverPositioning,placement:this.popoverPlacement,autoClose:!0,ref:e=>this.popoverEl=e},t),l("calcite-action",{id:"export-popover-btn",alignment:"center",icon:this.popoverIcon,scale:this.scale,title:this.messages?.exportBtn,text:this.messages?.exportBtn})]}renderPanel(){let t=this.showHeaderTitle?this.renderTitle():null,e=this.extraContent?this.renderSwitch("includeExtraContent",this.extraContentLabel,this.selectedFileType!=="PDF"&&!this.showExtraContentInImg):null,i=this.showIncludeMap?this.renderSwitch("includeMap",void 0,this.selectedFileType!=="PDF"):null,n=this.includeMap?this.renderMapOptions():null,s=this.includeFileFormat?this.renderSelectFileType():null,r=this.selectedFileType==="PDF"?this.renderPrint():this.renderImg(),a=this.mode==="inline"?c.inlineContainer:c.popoverContainer;return l("div",{class:a},t,e,i,n,s,this.includeMap?l("calcite-button",{class:c.setMapArea,appearance:"transparent",width:"full",onClick:this.setMapAreaOnClick.bind(this,!0),disabled:this.exportIsLoading},this.messages?.setMapArea):null,l("calcite-button",{width:"full",onClick:this.exportOnClick.bind(this),disabled:this.exportIsLoading},this.selectedFileType==="PDF"?this.messages?.export:this.messages?.preview),r)}renderTitle(){return l("calcite-label",null,this.messages?.title,l("calcite-input",{value:this.headerTitle,onCalciteInputInput:this.updateHeaderTitle.bind(this)}))}renderSwitch(t,e,i){let s=this[t],r=t,a=e||this.messages?.[r];return l("calcite-label",{layout:"inline-space-between"},a,l("calcite-switch",{checked:s,value:t,onCalciteSwitchChange:this.optionOnChange.bind(this),disabled:i}))}renderSelectFileType(){return l("calcite-label",null,this.messages?.fileType,l("calcite-select",{label:"",onCalciteSelectChange:this.handleSelectFileType.bind(this)},this.fileTypes.map(t=>l("calcite-option",{value:t,selected:t===this.selectedFileType},t))))}renderMapOptions(){let t=this.showIncludeLegend?this.renderSwitch("includeLegend"):null,e=this.showIncludePopup?this.renderSwitch("includePopup"):null;return l("div",null,t,e)}renderPrint(){let t=this.includeMap?this.renderPrintMap():null,e=this.renderExtraContent(),i=this.includeMap&&this.showIncludeLegend?this.renderLegend():null,n=this.includeMap&&this.showIncludePopup?this.renderPopup():null;return l("div",{ref:s=>this.printContainerEl=s},l("div",{class:c.print.pdfBase,ref:s=>this.printEl=s},t,i,l("div",{class:c.print.contentContainer},n,e)))}renderPrintMap(){return l("div",{class:c.print.viewContainer,ref:t=>this.viewContainerEl=t},l("div",{class:c.print.viewWrapper,ref:t=>this.viewWrapperEl=t},this.headerTitle?l("instant-apps-header",{logoImage:this.logoImage,logoScale:"s",titleText:this.headerTitle,backgroundColor:"#fff",textColor:"#323232"}):null,l("img",{class:c.print.view,ref:t=>this.viewEl=t}),l("div",{class:c.print.scaleBarContainer,ref:t=>this.scaleBarContainerEl=t})))}renderLegend(){return l("div",{class:c.print.legendContainer,ref:t=>this.legendContainerEl=t})}renderCompass(){return l("div",{class:c.print.compassContainer,ref:t=>this.compassContainerEl=t})}renderPopup(){return l("div",{class:c.print.popupContainer,ref:t=>this.popupContainerEl=t},l("div",{ref:t=>this.popupTitleEl=t,class:c.print.popupTitle}),l("div",{ref:t=>this.popupContentEl=t,class:c.print.popupContent}))}renderExtraContent(){return l("div",{class:c.print.extraContainer,id:"export-content",ref:t=>this.extraContainerEl=t})}renderImg(){let t=this.includeMap?this.renderPrintMap():null,e=this.includeMap&&this.showIncludeLegend?this.renderLegend():null,i;return this.includeMap&&this.showIncludePopup?i=this.renderPopup():this.showExtraContentInImg&&this.extraContent&&this.includeExtraContent&&(i=this.renderExtraContent()),l("div",{ref:n=>this.printContainerEl=n},l("div",{class:c.print.imgBase,ref:n=>this.printEl=n},t,e,i))}optionOnChange(t){let e=t.target,{checked:i,value:n}=e;this[n]=i,this.updateExportOutput()}updateHeaderTitle(t){let e=t.target;this.headerTitle=e.value,this.updateExportOutput()}async exportOnClick(){this.removeScreenshotElements(),await this.beforeExport(),this.viewWrapperEl&&this.compassContainerEl&&!this.viewWrapperEl.contains(this.compassContainerEl)&&this.viewWrapperEl.append(this.compassContainerEl),this.handleViewExportOnClick(),this.popoverEl&&(this.popoverEl.open=!1)}async exportPreviewOnClick(){this.selectedFileType==="PDF"?await this.exportPDF():this.exportImg()}async exportPDF(){this.removeScreenshotElements(),await this.beforeExport(),this.viewWrapperEl&&this.compassContainerEl&&!this.viewWrapperEl.contains(this.compassContainerEl)&&this.viewWrapperEl.append(this.compassContainerEl),this.handleViewExportOnClick(),this.popoverEl&&(this.popoverEl.open=!1)}exportImg(){if(this.resetPopupVisibility(),!this.dataUrl)return;let t=document.createElement("a");t.id="download-link",t.href=this.dataUrl;let e=this.headerTitle??document.title,i=this.selectedFileType?.toLowerCase()??"jpg";t.download=`${e}.${i}`,t.click(),this.dataUrl=null,this.exportIsLoading=!1,this.removeScreenshotElements(),this.resetPrintContent()}async handleViewExportOnClick(){this.view?(this.addPrintStyling(),this.printEl&&document.body.prepend(this.printEl),this.handleExtraContent(),this.includeMap?(this.updateScaleBar(),this.viewScreenshot(),this.handleImgLoaded()):this.handleImgLoaded()):this.popoverEl&&(this.popoverEl.open=!1)}addPrintStyling(){this.printStyleEl||(this.printStyleEl=document.createElement("style"),this.printStyleEl.innerHTML=Jt,document.body.prepend(this.printStyleEl))}handleImgLoaded(){this.exportIsLoading=!0,setTimeout(()=>{this.selectedFileType==="PDF"&&(this.exportIsLoading=!1),this.setupViewPrintElements()},1500)}handleExtraContent(){if(!this.printEl)return;let t=this.printEl.querySelector("#export-content");if(t){t.innerHTML="";let e=this.extraContent&&this.includeExtraContent,i=this.selectedFileType!=="PDF"&&this.showExtraContentInImg&&e;this.printEl.classList.toggle(c.print.imgExtraContent,i),e?(t.style.display="block",t.append(this.extraContent.cloneNode(!0))):t.style.display="none"}else this.showExtraContentInImg&&this.selectedFileType!=="PDF"&&!this.includeExtraContent&&this.printEl.classList.toggle(c.print.imgExtraContent,!1)}resetPrintContent(){if(!this.view||!this.printEl)return;this.screenshot=null,this.printContainerEl?.prepend(this.printEl),this.printStyleEl?.remove(),this.tmpPopupTitleEl?.remove(),this.printStyleEl=void 0;let t=this.printEl.querySelector("#export-content");t&&(t.innerHTML="")}async updatePopupToPrint(){if(!this.view||!this.popupContainerEl||!this.printEl)return;this.popupContainerEl.style.display=this.includePopup&&this.view?.popup?.visible?"block":"none",this.checkPopupOpen();let t=this.includePopup&&(this.view?.popup?.visible||this.popupHiddenByMapArea)&&this.view?.popup?.selectedFeature;if(this.printEl.classList.toggle(c.print.imgExtraContent,this.selectedFileType!=="PDF"&&!!t),t){let e=document.createElement(`h${this.view?.popup?.headingLevel??2}`);e.innerHTML=this.view?.popup?.title??"",e.className="esri-widget__heading esri-popup__header-title",this.popupTitleEl?(this.popupTitleEl.style.display=this.view?.popup?.title?"block":"none",this.popupTitleEl.innerHTML="",this.popupTitleEl.prepend(e)):(this.tmpPopupTitleEl=document.createElement("div"),this.tmpPopupTitleEl.prepend(e),this.tmpPopupTitleEl.style.display=this.view?.popup?.title?"block":"none",this.popupContainerEl.prepend(this.tmpPopupTitleEl))}}updateExportOutput(){this.output={},this.showHeaderTitle&&(this.output.headerTitle=this.headerTitle),this.showIncludeLegend&&(this.output.includeLegend=this.includeLegend),this.showIncludeMap&&(this.output.includeMap=this.includeMap),this.showIncludePopup&&(this.output.includePopup=this.includePopup),this.exportOutputUpdated.emit()}setupViewPrintElements(){if(this.view)if(this.handleLegendSetup(),this.selectedFileType==="PDF"){let t=document.title;this.showHeaderTitle&&this.headerTitle&&(document.title=this.headerTitle),window.print(),document.title=t,setTimeout(()=>{this.resetPrintContent()},1e3)}else this.convertToImage()}async convertToImage(){if(!this.printEl)return;let t={backgroundColor:"#FFF",skipFonts:!0},e="";try{this.selectedFileType==="JPG"?e=await j(this.printEl,t):e=await Kt(this.printEl,t)}catch{this.logoImage=void 0;let i=500;await new Promise(n=>setTimeout(n,i)),e=await j(this.printEl,t)}finally{this.handleGetImage(e)}}handleGetImage(t){this.resetPrintContent(),t&&(this.dataUrl=t,this.setMapAreaOnClick(!1),this.showPreview(t),this.view?.container?.classList.remove("screenshot-cursor"),this.setMaskPosition(null))}handleLegendSetup(){if(this.showIncludeLegend&&this.view&&this.includeMap&&this.legendContainerEl){let t=this.legend&&this.legend.activeLayerInfos?.length>0;this.legendContainerEl.style.display=this.includeLegend&&t?"block":"none"}}handleWidgetCreation(){this.includeMap&&(this.handleLegendCreation(),this.handleCompassCreation(),this.updatePopupToPrint())}handleIncludePopup(){if(!this.handles||!this.reactiveUtils||!this.view||!this.showIncludePopup)return;let t="includePopup";this.handles.remove(t),this.reactiveUtils.whenOnce(()=>this.view?.ready).then(()=>{!this.reactiveUtils||!this.handles||this.handles.add(this.reactiveUtils.watch(()=>this.view?.popup?.visible===!0,e=>{this.settingMapArea||(this.includePopup=e)}),t)})}handleLegendCreation(){if(this.view&&this.showIncludeLegend&&this.legendContainerEl){let t=this.view.map,e=this.legend?.view?.map;t?.portalItem?.id&&t?.portalItem?.id===e?.portalItem?.id||this.updateLegend()}}updateLegend(){this.view?.when(async t=>{if(this.legend&&(this.legend.destroy(),this.legend=null),this.legendContainerEl){this.legendContainerEl.innerHTML="";let e=document.createElement("div");this.legendContainerEl.append(e),this.legend=await L({container:e,view:t,respectLayerDefinitionExpression:!0,style:{type:"card",layout:"side-by-side"}})}})}handleCompassCreation(){if(this.view&&this.compassContainerEl){let t=this.view.map,e=this.compass?.view?.map;t?.portalItem?.id===e?.portalItem?.id||this.updateCompass()}}updateCompass(){this.view?.when(async t=>{this.compass&&(this.compass.destroy(),this.compass=null);let e=document.createElement("div");this.compassContainerEl?.append(e),this.compass=await I({container:e,view:t})})}updateScaleBar(){if(this.scaleBarContainerEl&&this.view&&(this.scaleBarContainerEl.innerHTML="",this.showScaleBar)){let e=this.view?.ui?.getComponents()?.find(({container:i})=>i?.className?.includes("esri-scale-bar"));e?.container&&typeof e.container!="string"&&this.scaleBarContainerEl.append(e.container.cloneNode(!0))}}async viewScreenshot(){if(this.view&&this.includeMap&&(this.screenshot||(this.scaleBarContainerEl?.classList.toggle("instant-apps-export-print__scale-bar-container--position",this.view.width>1e3),this.screenshot=await this.view.takeScreenshot({width:this.view.width*2,height:this.view.height*2})),this.handleScaleBarSize(),this.viewEl&&this.viewWrapperEl)){let{height:t,width:e}=this.screenshot.data;t>e?this.setMaxRowHeightOnViewContainer():this.setMaxWidthOnViewContainer(),this.viewEl.src=this.screenshot.dataUrl}}setMaxRowHeightOnViewContainer(){this.selectedFileType==="PDF"&&this.printEl&&(this.printEl.style.gridTemplateRows="minmax(auto, 70%)"),this.viewEl&&(this.viewEl.style.height="100%",this.viewEl.style.width=""),this.viewWrapperEl&&(this.viewWrapperEl.style.height="100%",this.viewWrapperEl.style.width="fit-content")}setMaxWidthOnViewContainer(){this.printEl&&(this.printEl.style.gridTemplateRows=""),this.viewEl&&(this.viewEl.style.width="100%",this.viewEl.style.height=""),this.viewWrapperEl&&(this.viewWrapperEl.style.height="fit-content",this.viewWrapperEl.style.width="100%")}checkPopupOpen(){if(this.view){let e=this.view?.popup?.container?.querySelector(".esri-popup .esri-feature__main-container");if(e&&this.popupContentEl){let i=e.querySelectorAll("canvas");this.popupContentEl.innerHTML="",this.popupContentEl.append(e.cloneNode(!0));let n=this.popupContentEl.querySelectorAll("canvas");i.forEach((s,r)=>{let a=s.toDataURL(),o=document.createElement("img");o.src=a;let p=s.getAttribute("style");p&&o.setAttribute("style",p);let u=n[r];u&&(u.replaceWith(o),E(this.el)==="dark"&&o.parentElement?.parentElement&&(o.parentElement.style.background="#242424",o.parentElement.parentElement.style.background="#242424"))})}}}createScreenshot(){if(this.view){this.screenshotPreview=document.createElement("div"),this.screenshotPreview.className="screenshot-preview hide",this.screenshotImgContainer=document.createElement("div"),this.screenshotImgContainer.className="screenshot-img-container",this.screenshotImg=document.createElement("img");let t=document.createElement("div"),e=document.createElement("calcite-button"),i=document.createElement("calcite-button");e.innerHTML=this.selectedFileType==="PDF"?this.messages?.export:this.messages?.downloadImage,i.innerHTML=this.messages?.returnToMap,i.appearance="outline-fill",e.onclick=this.exportPreviewOnClick.bind(this),i.onclick=this.screenshotReturn.bind(this),t.append(i,e),this.screenshotImgContainer.append(this.screenshotImg,t),this.screenshotPreview.append(this.screenshotImgContainer),this.view?.container?.append(this.screenshotPreview)}}createMaskDiv(){this.view&&(this.maskDivEl=document.createElement("div"),this.maskDivEl.id="screenshot-mask",this.maskDivEl.className="hide screenshot-cursor",this.maskDivEl.style.setProperty("--instant-apps-screenshot-mask-background",this.maskBackground),this.maskDivEl.style.setProperty("--instant-apps-screenshot-mask-border",this.maskBorder),this.screenshotStyle=document.createElement("style"),this.screenshotStyle.innerHTML=Xt,this.view?.container?.append(this.screenshotStyle),this.view?.container?.append(this.maskDivEl))}screenshotReturn(){this.removeScreenshotElements(),this.exportIsLoading=!1,this.screenshot=null,this.resetPopupVisibility()}setMapAreaOnClick(t){if(this.view){if(this.settingMapArea=!0,t&&this.view?.popup?.visible){this.popupHiddenByMapArea=!0;let e=this.view?.popup?.container;e&&(e.style.display="none")}this.exportIsLoading=!0,this.createMaskDiv(),this.createScreenshot(),this.view?.container?.classList.add("screenshot-cursor","relative"),this.view.addHandles(this.view.on("drag",e=>{this.view&&(e.stopPropagation(),e.action!=="end"?this.updateMaskSize(e):this.maskScreenshot())}),C)}}updateMaskSize(t){if(this.view){let e=this.clamp(Math.min(t.origin.x,t.x),0,this.view.width),i=this.clamp(Math.max(t.origin.x,t.x),0,this.view.width),n=this.clamp(Math.min(t.origin.y,t.y),0,this.view.height),s=this.clamp(Math.max(t.origin.y,t.y),0,this.view.height);this.area={x:e,y:n,width:i-e,height:s-n},this.setMaskPosition(this.area)}}maskScreenshot(){if(this.view&&this.area){this.view.removeHandles(C);let t=this.area.height,e=this.area.width;if(this.showScaleBar){let s=this.view.width>1e3&&this.view.width*.75<e;this.scaleBarContainerEl?.classList.toggle("instant-apps-export-print__scale-bar-container--position",s)}this.view.takeScreenshot({area:this.area,width:e*2,height:t*2,format:"jpg"}).then(i=>{this.screenshot=i,this.view?.container?.classList.remove("screenshot-cursor"),this.setMaskPosition(null),this.selectedFileType==="PDF"?(this.showPreview(i?.dataUrl),this.resetPopupVisibility()):(this.viewWrapperEl&&this.compassContainerEl&&!this.viewWrapperEl.contains(this.compassContainerEl)&&this.viewWrapperEl.append(this.compassContainerEl),this.handleViewExportOnClick(),this.popoverEl&&(this.popoverEl.open=!1))})}}setMaskPosition(t){this.maskDivEl&&(t?(this.maskDivEl.classList.remove("hide"),this.maskDivEl.style.left=`${t.x}px`,this.maskDivEl.style.top=`${t.y}px`,this.maskDivEl.style.width=`${t.width}px`,this.maskDivEl.style.height=`${t.height}px`):this.maskDivEl.remove())}clamp(t,e,i){return t<e?e:t>i?i:t}showPreview(t){t&&(this.screenshotPreview?.classList.remove("hide"),this.screenshotImg&&(this.screenshotImg.src=t))}handleScaleBarSize(){if(this.showScaleBar&&this.view?.type==="2d"&&this.scaleBarContainerEl){let t=this.scaleBarContainerEl.querySelector(".esri-scale-bar__line--top"),e=this.scaleBarContainerEl.querySelector(".esri-scale-bar__line--bottom");this.setScaleBarWidth(t,"top"),this.setScaleBarWidth(e,"bottom")}}setScaleBarWidth(t,e){if(t&&this.screenshot){let i=this.screenshot.data.width/2,r=Number(t.style.width.replace("px",""))/i*100;this.scaleBarContainerEl?.style.setProperty(`--instant-apps-scale-bar-${e}`,`${r}%`)}}removeScreenshotElements(){this.view?.removeHandles(C),this.screenshotPreview?.remove(),this.screenshotStyle?.remove()}resetPopupVisibility(){if(this.view&&this.settingMapArea&&this.popupHiddenByMapArea){let t=this.view?.popup?.container;t&&(t.style.display="")}this.settingMapArea=!1,this.popupHiddenByMapArea=!1}handleSelectFileType(t){let e=t.target;this.selectedFileType=e.value,this.selectedFileType==="PDF"?(this.includeMap=this.pdfIncludeMap,this.showExtraContentInImg||(this.includeExtraContent=this.pdfIncludeExtraContent)):(this.pdfIncludeMap=this.includeMap,this.includeMap=!0,this.showExtraContentInImg||(this.pdfIncludeExtraContent=this.includeExtraContent,this.includeMap=!0,this.includeExtraContent=!1))}get el(){return B(this)}static get watchers(){return{includeMap:["watchIncludeMap"],view:["watchView"]}}};Zt.style=Yt;export{Zt as instant_apps_export};