@esri/solutions-components 1.2.0-next.33 → 1.2.0-next.35

package/dist/cdn/4XK3CYJA.js

@@ -0,0 +1,387 @@
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/1.2/esri/copyright.txt for details.
+v1.2.0-next.35 */
+import{a as xt}from"./VKDCA5UF.js";import{a as M}from"./PZM2KMF5.js";import{a as J}from"./HBU2D3OK.js";import{b as G}from"./Q4O2Y3MB.js";import"./MKMGVPCZ.js";import"./R5426IXX.js";import{D as m,E as d,F as j,H as h,h as q,i as c,l as L,p as F}from"./KSNTFOGZ.js";import{d as ft}from"./6UZSVHNV.js";export default $arcgis.t(([S,Nt,te,ee])=>{function X(e,t){if(e.match(/^[a-z]+:\/\//i))return e;if(e.match(/^\/\//))return window.location.protocol+e;if(e.match(/^[a-z]+:/i))return e;let i=document.implementation.createHTMLDocument(),n=i.createElement("base"),r=i.createElement("a");return i.head.appendChild(n),i.body.appendChild(r),t&&(n.href=t),r.href=e,r.href}var K=(()=>{let e=0,t=()=>`0000${(Math.random()*36**4<<0).toString(36)}`.slice(-4);return()=>(e+=1,`u${t()}${e}`)})();function x(e){let t=[];for(let i=0,n=e.length;i<n;i++)t.push(e[i]);return t}var v=null;function k(e={}){return v||(e.includeStyleProperties?(v=e.includeStyleProperties,v):(v=x(window.getComputedStyle(document.documentElement)),v))}function T(e,t){let n=(e.ownerDocument.defaultView||window).getComputedStyle(e).getPropertyValue(t);return n?parseFloat(n.replace("px","")):0}function wt(e){let t=T(e,"border-left-width"),i=T(e,"border-right-width");return e.clientWidth+t+i}function vt(e){let t=T(e,"border-top-width"),i=T(e,"border-bottom-width");return e.clientHeight+t+i}function R(e,t={}){let i=t.width||wt(e),n=t.height||vt(e);return{width:i,height:n}}function Q(){let e,t;try{t=process}catch{}let i=t&&t.env?t.env.devicePixelRatio:null;return i&&(e=parseInt(i,10),Number.isNaN(e)&&(e=1)),e||window.devicePixelRatio||1}var g=16384;function Y(e){(e.width>g||e.height>g)&&(e.width>g&&e.height>g?e.width>e.height?(e.height*=g/e.width,e.width=g):(e.width*=g/e.height,e.height=g):e.width>g?(e.height*=g/e.width,e.width=g):(e.width*=g/e.height,e.height=g))}function y(e){return new Promise((t,i)=>{let n=new Image;n.onload=()=>{n.decode().then(()=>{requestAnimationFrame(()=>t(n))})},n.onerror=i,n.crossOrigin="anonymous",n.decoding="async",n.src=e})}async function yt(e){return Promise.resolve().then(()=>new XMLSerializer().serializeToString(e)).then(encodeURIComponent).then(t=>`data:image/svg+xml;charset=utf-8,${t}`)}async function Z(e,t,i){let n="http://www.w3.org/2000/svg",r=document.createElementNS(n,"svg"),s=document.createElementNS(n,"foreignObject");return r.setAttribute("width",`${t}`),r.setAttribute("height",`${i}`),r.setAttribute("viewBox",`0 0 ${t} ${i}`),s.setAttribute("width","100%"),s.setAttribute("height","100%"),s.setAttribute("x","0"),s.setAttribute("y","0"),s.setAttribute("externalResourcesRequired","true"),r.appendChild(s),s.appendChild(e),yt(r)}var u=(e,t)=>{if(e instanceof t)return!0;let i=Object.getPrototypeOf(e);return i===null?!1:i.constructor.name===t.name||u(i,t)};function bt(e){let t=e.getPropertyValue("content");return`${e.cssText} content: '${t.replace(/'|"/g,"")}';`}function Et(e,t){return k(t).map(i=>{let n=e.getPropertyValue(i),r=e.getPropertyPriority(i);return`${i}: ${n}${r?" !important":""};`}).join(" ")}function _t(e,t,i,n){let r=`.${e}:${t}`,s=i.cssText?bt(i):Et(i,n);return document.createTextNode(`${r}{${s}}`)}function N(e,t,i,n){let r=window.getComputedStyle(e,i),s=r.getPropertyValue("content");if(s===""||s==="none")return;let a=K();try{t.className=`${t.className} ${a}`}catch{return}let o=document.createElement("style");o.appendChild(_t(a,i,r,n)),t.appendChild(o)}function tt(e,t,i){N(e,t,":before",i),N(e,t,":after",i)}var et="application/font-woff",it="image/jpeg",Ct={woff:et,woff2:et,ttf:"application/font-truetype",eot:"application/vnd.ms-fontobject",png:"image/png",jpg:it,jpeg:it,gif:"image/gif",tiff:"image/tiff",svg:"image/svg+xml",webp:"image/webp"};function Pt(e){let t=/\.([^./]*?)$/g.exec(e);return t?t[1]:""}function b(e){let t=Pt(e).toLowerCase();return Ct[t]||""}function St(e){return e.split(/,/)[1]}function C(e){return e.search(/^(data:)/)!==-1}function A(e,t){return`data:${t};base64,${e}`}async function B(e,t,i){let n=await fetch(e,t);if(n.status===404)throw new Error(`Resource "${n.url}" not found`);let r=await n.blob();return new Promise((s,a)=>{let o=new FileReader;o.onerror=a,o.onloadend=()=>{try{s(i({res:n,result:o.result}))}catch(p){a(p)}},o.readAsDataURL(r)})}var D={};function Tt(e,t,i){let n=e.replace(/\?.*/,"");return i&&(n=e),/ttf|otf|eot|woff2?/i.test(n)&&(n=n.replace(/.*\//,"")),t?`[${t}]${n}`:n}async function E(e,t,i){let n=Tt(e,t,i.includeQueryParams);if(D[n]!=null)return D[n];i.cacheBust&&(e+=(/\?/.test(e)?"&":"?")+new Date().getTime());let r;try{let s=await B(e,i.fetchRequestInit,({res:a,result:o})=>(t||(t=a.headers.get("Content-Type")||""),St(o)));r=A(s,t)}catch(s){r=i.imagePlaceholder||"";let a=`Failed to fetch resource: ${e}`;s&&(a=typeof s=="string"?s:s.message),a&&console.warn(a)}return D[n]=r,r}async function kt(e){let t=e.toDataURL();return t==="data:,"?e.cloneNode(!1):y(t)}async function $t(e,t){if(e.currentSrc){let s=document.createElement("canvas"),a=s.getContext("2d");s.width=e.clientWidth,s.height=e.clientHeight,a?.drawImage(e,0,0,s.width,s.height);let o=s.toDataURL();return y(o)}let i=e.poster,n=b(i),r=await E(i,n,t);return y(r)}async function It(e,t){var i;try{if(!((i=e?.contentDocument)===null||i===void 0)&&i.body)return await P(e.contentDocument.body,t,!0)}catch{}return e.cloneNode(!1)}async function Lt(e,t){return u(e,HTMLCanvasElement)?kt(e):u(e,HTMLVideoElement)?$t(e,t):u(e,HTMLIFrameElement)?It(e,t):e.cloneNode(nt(e))}var Ft=e=>e.tagName!=null&&e.tagName.toUpperCase()==="SLOT",nt=e=>e.tagName!=null&&e.tagName.toUpperCase()==="SVG";async function Mt(e,t,i){var n,r;if(nt(t))return t;let s=[];return Ft(e)&&e.assignedNodes?s=x(e.assignedNodes()):u(e,HTMLIFrameElement)&&(!((n=e.contentDocument)===null||n===void 0)&&n.body)?s=x(e.contentDocument.body.childNodes):s=x(((r=e.shadowRoot)!==null&&r!==void 0?r:e).childNodes),s.length===0||u(e,HTMLVideoElement)||await s.reduce((a,o)=>a.then(()=>P(o,i)).then(p=>{p&&t.appendChild(p)}),Promise.resolve()),t}function Rt(e,t,i){let n=t.style;if(!n)return;let r=window.getComputedStyle(e);r.cssText?(n.cssText=r.cssText,n.transformOrigin=r.transformOrigin):k(i).forEach(s=>{let a=r.getPropertyValue(s);s==="font-size"&&a.endsWith("px")&&(a=`${Math.floor(parseFloat(a.substring(0,a.length-2)))-.1}px`),u(e,HTMLIFrameElement)&&s==="display"&&a==="inline"&&(a="block"),s==="d"&&t.getAttribute("d")&&(a=`path(${t.getAttribute("d")})`),n.setProperty(s,a,r.getPropertyPriority(s))})}function Dt(e,t){u(e,HTMLTextAreaElement)&&(t.innerHTML=e.value),u(e,HTMLInputElement)&&t.setAttribute("value",e.value)}function At(e,t){if(u(e,HTMLSelectElement)){let n=Array.from(t.children).find(r=>e.value===r.getAttribute("value"));n&&n.setAttribute("selected","")}}function Bt(e,t,i){return u(t,Element)&&(Rt(e,t,i),tt(e,t,i),Dt(e,t),At(e,t)),t}async function Ht(e,t){let i=e.querySelectorAll?e.querySelectorAll("use"):[];if(i.length===0)return e;let n={};for(let s=0;s<i.length;s++){let o=i[s].getAttribute("xlink:href");if(o){let p=e.querySelector(o),f=document.querySelector(o);!p&&f&&!n[o]&&(n[o]=await P(f,t,!0))}}let r=Object.values(n);if(r.length){let s="http://www.w3.org/1999/xhtml",a=document.createElementNS(s,"svg");a.setAttribute("xmlns",s),a.style.position="absolute",a.style.width="0",a.style.height="0",a.style.overflow="hidden",a.style.display="none";let o=document.createElementNS(s,"defs");a.appendChild(o);for(let p=0;p<r.length;p++)o.appendChild(r[p]);e.appendChild(a)}return e}async function P(e,t,i){return!i&&t.filter&&!t.filter(e)?null:Promise.resolve(e).then(n=>Lt(n,t)).then(n=>Mt(e,n,t)).then(n=>Bt(e,n,t)).then(n=>Ht(n,t))}var rt=/url\((['"]?)([^'"]+?)\1\)/g,Ot=/url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g,Ut=/src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;function Wt(e){let t=e.replace(/([.*+?^${}()|\[\]\/\\])/g,"\\$1");return new RegExp(`(url\\(['"]?)(${t})(['"]?\\))`,"g")}function Vt(e){let t=[];return e.replace(rt,(i,n,r)=>(t.push(r),i)),t.filter(i=>!C(i))}async function zt(e,t,i,n,r){try{let s=i?X(t,i):t,a=b(t),o;if(r){let p=await r(s);o=A(p,a)}else o=await E(s,a,n);return e.replace(Wt(t),`$1${o}$3`)}catch{}return e}function qt(e,{preferredFontFormat:t}){return t?e.replace(Ut,i=>{for(;;){let[n,,r]=Ot.exec(i)||[];if(!r)return"";if(r===t)return`src: ${n};`}}):e}function H(e){return e.search(rt)!==-1}async function $(e,t,i){if(!H(e))return e;let n=qt(e,i);return Vt(n).reduce((s,a)=>s.then(o=>zt(o,a,t,i)),Promise.resolve(n))}async function _(e,t,i){var n;let r=(n=t.style)===null||n===void 0?void 0:n.getPropertyValue(e);if(r){let s=await $(r,null,i);return t.style.setProperty(e,s,t.style.getPropertyPriority(e)),!0}return!1}async function jt(e,t){await _("background",e,t)||await _("background-image",e,t),await _("mask",e,t)||await _("-webkit-mask",e,t)||await _("mask-image",e,t)||await _("-webkit-mask-image",e,t)}async function Gt(e,t){let i=u(e,HTMLImageElement);if(!(i&&!C(e.src))&&!(u(e,SVGImageElement)&&!C(e.href.baseVal)))return;let n=i?e.src:e.href.baseVal,r=await E(n,b(n),t);await new Promise((s,a)=>{e.onload=s,e.onerror=t.onImageErrorHandler?(...p)=>{try{s(t.onImageErrorHandler(...p))}catch(f){a(f)}}:a;let o=e;o.decode&&(o.decode=s),o.loading==="lazy"&&(o.loading="eager"),i?(e.srcset="",e.src=r):e.href.baseVal=r})}async function Jt(e,t){let n=x(e.childNodes).map(r=>O(r,t));await Promise.all(n).then(()=>e)}async function O(e,t){u(e,Element)&&(await jt(e,t),await Gt(e,t),await Jt(e,t))}function st(e,t){let{style:i}=e;t.backgroundColor&&(i.backgroundColor=t.backgroundColor),t.width&&(i.width=`${t.width}px`),t.height&&(i.height=`${t.height}px`);let n=t.style;return n!=null&&Object.keys(n).forEach(r=>{i[r]=n[r]}),e}var at={};async function ot(e){let t=at[e];if(t!=null)return t;let n=await(await fetch(e)).text();return t={url:e,cssText:n},at[e]=t,t}async function pt(e,t){let i=e.cssText,n=/url\(["']?([^"')]+)["']?\)/g,s=(i.match(/url\([^)]+\)/g)||[]).map(async a=>{let o=a.replace(n,"$1");return o.startsWith("https://")||(o=new URL(o,e.url).href),B(o,t.fetchRequestInit,({result:p})=>(i=i.replace(a,`url(${p})`),[a,p]))});return Promise.all(s).then(()=>i)}function lt(e){if(e==null)return[];let t=[],i=/(\/\*[\s\S]*?\*\/)/gi,n=e.replace(i,""),r=new RegExp("((@.*?keyframes [\\s\\S]*?){([\\s\\S]*?}\\s*?)})","gi");for(;;){let p=r.exec(n);if(p===null)break;t.push(p[0])}n=n.replace(r,"");let s=/@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=s.exec(n);if(p===null){if(p=o.exec(n),p===null)break;s.lastIndex=o.lastIndex}else o.lastIndex=s.lastIndex;t.push(p[0])}return t}async function Xt(e,t){let i=[],n=[];return e.forEach(r=>{if("cssRules"in r)try{x(r.cssRules||[]).forEach((s,a)=>{if(s.type===CSSRule.IMPORT_RULE){let o=a+1,p=s.href,f=ot(p).then(w=>pt(w,t)).then(w=>lt(w).forEach(I=>{try{r.insertRule(I,I.startsWith("@import")?o+=1:r.cssRules.length)}catch(gt){console.error("Error inserting rule from remote css",{rule:I,error:gt})}})).catch(w=>{console.error("Error loading remote css",w.toString())});n.push(f)}})}catch(s){let a=e.find(o=>o.href==null)||document.styleSheets[0];r.href!=null&&n.push(ot(r.href).then(o=>pt(o,t)).then(o=>lt(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",s)}}),Promise.all(n).then(()=>(e.forEach(r=>{if("cssRules"in r)try{x(r.cssRules||[]).forEach(s=>{i.push(s)})}catch(s){console.error(`Error while reading CSS rules from ${r.href}`,s)}}),i))}function Kt(e){return e.filter(t=>t.type===CSSRule.FONT_FACE_RULE).filter(t=>H(t.style.getPropertyValue("src")))}async function Qt(e,t){if(e.ownerDocument==null)throw new Error("Provided element is not within a Document");let i=x(e.ownerDocument.styleSheets),n=await Xt(i,t);return Kt(n)}function ct(e){return e.trim().replace(/["']/g,"")}function Yt(e){let t=new Set;function i(n){(n.style.fontFamily||getComputedStyle(n).fontFamily).split(",").forEach(s=>{t.add(ct(s))}),Array.from(n.children).forEach(s=>{s instanceof HTMLElement&&i(s)})}return i(e),t}async function ht(e,t){let i=await Qt(e,t),n=Yt(e);return(await Promise.all(i.filter(s=>n.has(ct(s.style.fontFamily))).map(s=>{let a=s.parentStyleSheet?s.parentStyleSheet.href:null;return $(s.cssText,a,t)}))).join(`
+`)}async function dt(e,t){let i=t.fontEmbedCSS!=null?t.fontEmbedCSS:t.skipFonts?null:await ht(e,t);if(i){let n=document.createElement("style"),r=document.createTextNode(i);n.appendChild(r),e.firstChild?e.insertBefore(n,e.firstChild):e.appendChild(n)}}async function Zt(e,t={}){let{width:i,height:n}=R(e,t),r=await P(e,t,!0);return await dt(r,t),await O(r,t),st(r,t),await Z(r,i,n)}async function ut(e,t={}){let{width:i,height:n}=R(e,t),r=await Zt(e,t),s=await y(r),a=document.createElement("canvas"),o=a.getContext("2d"),p=t.pixelRatio||Q(),f=t.canvasWidth||i,w=t.canvasHeight||n;return a.width=f*p,a.height=w*p,t.skipAutoScale||Y(a),a.style.width=`${f}`,a.style.height=`${w}`,t.backgroundColor&&(o.fillStyle=t.backgroundColor,o.fillRect(0,0,a.width,a.height)),o.drawImage(s,0,0,a.width,a.height),a}async function mt(e,t={}){return(await ut(e,t)).toDataURL()}async function U(e,t={}){return(await ut(e,t)).toDataURL("image/jpeg",t.quality||1)}var V=ft(xt(),1);var ie=`
+  @media print {
+    @page {
+      size:  Portrait;
+      margin: .25in;
+    }
+    
+    body {
+      background: #fff;
+      overflow: unset;
+    }
+
+    html, body {
+      padding: 0;
+      margin: 0;
+      height: 100%;
+      width: 100%;
+    }
+
+    body > *:not(.instant-apps-export-print) { display: none !important; }
+  }
+
+  * {
+    -webkit-print-color-adjust: exact;
+    color-adjust: exact;
+  }
+
+
+  .instant-apps-export-print {
+    background: #fff;
+    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;
+    flex-direction: column;
+  }
+
+  .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;
+    min-width: 275px;
+    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__attribution {
+    margin: 14px;
+  }
+
+  .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 .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-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;
+  }
+  
+  .instant-apps-export-print__attribution {
+    margin-top: 12px;
+    font-size: 10px;
+  }`,ne=`
+.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;
+  z-index: 1;
+  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;
+}`,re=q`: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:.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 #0000004d}.instant-apps-export__compass-container.esri-widget .esri-compass__icon.esri-icon-compass{color:#6e6e6e}.hide{display:none}.screenshotCursor{cursor:crosshair}`,l={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",viewWrapper:"instant-apps-export-print__view-wrapper",attribution:"instant-apps-export-print__attribution"}},W="instant-app-export-drag",z=class extends j{constructor(){super(...arguments),this._messages=J({name:"instant-apps-export",blocking:!0}),this.compassContainerEl=m(),this.extraContainerEl=m(),this.legendContainerEl=m(),this.popoverEl=m(),this.popupContainerEl=m(),this.popupContentEl=m(),this.popupTitleEl=m(),this.printContainerEl=m(),this.printEl=m(),this.scaleBarContainerEl=m(),this.viewWrapperEl=m(),this.viewContainerEl=m(),this.viewEl=m(),this.attributionEl=m(),this.baseClass=l.baseLight,this.exportIsLoading=void 0,this.allowedFileTypes=["PDF","JPG","PNG"],this.beforeExport=async()=>await Promise.resolve(),this.popoverIcon="export",this.headerTitle="",this.logoImage="",this.mapAltText="",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.maskBackground="rgba(255, 51, 0, 0.1)",this.maskBorder="2px dashed rgb(255, 51, 0)",this.cloneExtraContent=!0,this.exportOutputUpdated=F(),this.afterExport=F()}static{this.properties={baseClass:16,exportIsLoading:16,selectedFileType:16,allowedFileTypes:0,output:0,beforeExport:0,popoverIcon:1,extraContent:0,extraContentLabel:1,headerTitle:1,logoImage:1,logoAltText:1,mapAltText:1,includeExtraContent:5,showExtraContentInImg:5,includeLegend:5,includeMap:5,includePopup:5,includeFileFormat:5,mode:3,popoverPositioning:1,popoverPlacement:1,scale:1,showHeaderTitle:5,showIncludeLegend:5,showIncludeMap:5,showIncludePopup:5,showScaleBar:5,view:0,maskBackground:1,maskBorder:1,defaultFileType:1,cloneExtraContent:5}}static{this.styles=re}load(){this.selectedFileType=this.getDefaultFileType(),this.pdfIncludeMap=this.includeMap,this.baseClass=M(this.el)==="dark"?l.baseDark:l.baseLight,this.initializeModules()}willUpdate(t){t.has("view")?this.handleIncludePopup():t.has("allowedFileTypes")&&(this.allowedFileTypes?.length||(this.allowedFileTypes=["PDF","JPG","PNG"]),this.selectedFileType=this.getDefaultFileType())}loaded(){this.printEl.value&&(this.printContainerEl.value?.prepend(this.printEl.value),this.handleIncludePopup())}getDefaultFileType(){return this.defaultFileType??this.allowedFileTypes?.[0]??"PDF"}initializeModules(){this.handles=new Nt}optionOnChange(t){let i=t.target,n=i.value;this[n]=i.checked,this.updateExportOutput()}updateHeaderTitle(t){let i=t.target;this.headerTitle=i.value,this.updateExportOutput()}async exportOnClick(){this.removeScreenshotElements(),await this.beforeExport(),this.popoverEl.value&&(this.popoverEl.value.open=!1),this.viewWrapperEl.value&&this.compassContainerEl.value&&!this.viewWrapperEl.value.contains(this.compassContainerEl.value)&&this.viewWrapperEl.value.append(this.compassContainerEl.value),this.handleViewExportOnClick()}async exportPreviewOnClick(){this.selectedFileType==="PDF"?await this.exportPDF():this.exportImg()}async exportPDF(){this.removeScreenshotElements(),await this.beforeExport(),this.viewWrapperEl.value&&this.compassContainerEl.value&&!this.viewWrapperEl.value.contains(this.compassContainerEl.value)&&this.viewWrapperEl.value.append(this.compassContainerEl.value),this.handleViewExportOnClick()}exportImg(){if(this.resetPopupVisibility(),!this.dataUrl)return;let t=document.createElement("a");t.id="download-link",t.href=this.dataUrl;let i=this.headerTitle??document.title,n=this.selectedFileType?.toLowerCase()??"jpg";t.download=`${i}.${n}`,t.click(),this.dataUrl=null,this.exportIsLoading=!1,this.removeScreenshotElements(),this.resetPrintContent()}async handleViewExportOnClick(){this.updateExportOutput(),this.view?(this.addPrintStyling(),this.printEl.value&&document.body.prepend(this.printEl.value),this.handleExtraContent(),this.includeMap?(this.updateAttribution(),this.updateScaleBar(),this.viewScreenshot(),this.requestUpdate(),this.handleImgLoaded()):(this.requestUpdate(),this.handleImgLoaded())):this.popoverEl.value&&(this.popoverEl.value.open=!1)}addPrintStyling(){this.printStyleEl||(this.printStyleEl=document.createElement("style"),this.printStyleEl.innerHTML=ie,document.body.prepend(this.printStyleEl))}handleImgLoaded(){this.exportIsLoading=!0,setTimeout(()=>{this.selectedFileType==="PDF"&&(this.exportIsLoading=!1),this.setupViewPrintElements()},1500)}handleExtraContent(){if(!this.printEl.value)return;let t=this.printEl.value.querySelector("#export-content");if(t){t.innerHTML="";let i=this.extraContent&&this.includeExtraContent,n=this.selectedFileType!=="PDF"&&this.showExtraContentInImg&&i;this.printEl.value.classList.toggle(l.print.imgExtraContent,n),i?(t.style.display="block",this.cloneExtraContent?t.append(this.extraContent.cloneNode(!0)):t.append(this.extraContent)):t.style.display="none"}else this.showExtraContentInImg&&this.selectedFileType!=="PDF"&&!this.includeExtraContent&&this.printEl.value.classList.toggle(l.print.imgExtraContent,!1)}resetPrintContent(){if(!this.view||!this.printEl.value)return;this.screenshot=null,this.printContainerEl.value?.prepend(this.printEl.value),this.printStyleEl?.remove(),this.tmpPopupTitleEl?.remove(),this.printStyleEl=void 0;let t=this.printEl.value.querySelector("#export-content");t&&(t.innerHTML="")}async updatePopupToPrint(){if(!this.view||!this.popupContainerEl.value||!this.printEl.value)return;this.popupContainerEl.value.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.value.classList.toggle(l.print.imgExtraContent,this.selectedFileType!=="PDF"&&!!t),t){let i=document.createElement(`h${this.view?.popup?.headingLevel??2}`);i.innerHTML=this.view?.popup?.title??"",i.className="esri-widget__heading esri-popup__header-title",this.popupTitleEl.value?(this.popupTitleEl.value.style.display=this.view?.popup?.title?"block":"none",this.popupTitleEl.value.innerHTML="",this.popupTitleEl.value.prepend(i)):(this.tmpPopupTitleEl=document.createElement("div"),this.tmpPopupTitleEl.prepend(i),this.tmpPopupTitleEl.style.display=this.view?.popup?.title?"block":"none",this.popupContainerEl.value.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(),this.afterExport.emit()},1e3)}else this.convertToImage()}async convertToImage(){/^((?!chrome|android).)*safari/iu.test(navigator?.userAgent)?await this.handleSafariToImage():await this.handleToImage()}async handleSafariToImage(){if(!this.printEl.value)return;let t={allowTaint:!0,logging:!1},i=this.selectedFileType==="PNG"?"image/png":"image/jpeg",n="";try{n=(await(0,V.default)(this.printEl.value,t)).toDataURL(i)}catch{this.logoImage=void 0;let r=500;await new Promise(s=>setTimeout(s,r)),n=(await(0,V.default)(this.printEl.value,t)).toDataURL(i)}finally{this.handleSetupImage(n)}}async handleToImage(){if(!this.printEl.value)return;let t={backgroundColor:"#FFF",skipFonts:!0},i="";try{this.selectedFileType==="JPG"?i=await U(this.printEl.value,t):i=await mt(this.printEl.value,t)}catch{this.logoImage=void 0;let n=500;await new Promise(r=>setTimeout(r,n)),i=await U(this.printEl.value,t)}finally{this.handleSetupImage(i)}}handleSetupImage(t){this.resetPrintContent(),t&&(this.dataUrl=t,this.setMapAreaOnClick(!1),this.showPreview(t),this.view?.container?.classList.remove("screenshot-cursor"),this.setMaskPosition(null),this.afterExport.emit())}handleLegendSetup(){if(this.showIncludeLegend&&this.view&&this.includeMap&&this.legendContainerEl.value){let t=this.legend&&this.legend.activeLayerInfos?.length>0;this.legendContainerEl.value.style.display=this.includeLegend&&t?"block":"none"}}handleWidgetCreation(){this.includeMap&&(this.handleLegendCreation(),this.handleCompassCreation(),this.updatePopupToPrint())}handleIncludePopup(){if(!this.handles||!this.view||!this.showIncludePopup)return;let t="includePopup";this.handles.remove(t),S.whenOnce(()=>this.view?.ready).then(()=>{!S||!this.handles||this.handles.add(S.watch(()=>this.view?.popup?.visible===!0,i=>{this.settingMapArea||(this.includePopup=i)}),t)})}handleLegendCreation(){this.view&&this.showIncludeLegend&&this.legendContainerEl&&this.updateLegend()}updateLegend(){this.view?.when(t=>{if(!this.legendContainerEl.value)return;this.legend?.destroy(),this.legend=null,this.legendContainerEl.value.innerHTML="";let i=document.createElement("div");this.legendContainerEl.value.append(i),this.legend=new ee({container:i,view:t,respectLayerDefinitionExpression:!0,style:{type:"card",layout:"side-by-side"}})})}handleCompassCreation(){if(this.view&&this.compassContainerEl.value){let t=this.view.map,i=this.compass?.view?.map;t?.portalItem?.id===i?.portalItem?.id||this.updateCompass()}}updateCompass(){this.view?.when(t=>{this.compass&&(this.compass.destroy(),this.compass=null);let i=document.createElement("div");this.compassContainerEl.value?.append(i),this.compass=new te({container:i,view:t})})}updateScaleBar(){if(this.scaleBarContainerEl.value&&this.view&&(this.scaleBarContainerEl.value.innerHTML="",this.showScaleBar)){let t=this.view?.ui?.getComponents()?.find(({container:i})=>i?.className?.includes("esri-scale-bar"));t?.container&&typeof t.container!="string"&&this.scaleBarContainerEl.value.append(t.container.cloneNode(!0))}}updateAttribution(){if(!this.attributionEl.value||!this.view)return;this.attributionEl.value.innerHTML="";let t=this.view.ui.find("attribution");if(!t?.attributionText)return;let i=t.viewModel.items.map(r=>this.getAttributionText(r)).filter((r,s,a)=>!!r&&a.indexOf(r)===s),n=" | ";this.attributionEl.value.innerHTML=i.join(n)}getAttributionText(t){if(!t.text)return"";let i=t.text,n=t.layerView.layer,r="copyright"in n&&n.copyright?n.copyright:"";if("portalItem"in n&&n.portalItem!=null){let s=n.portalItem;if(s.accessInformation&&i===s.accessInformation)return i.replace(s.accessInformation,r)}return i}async viewScreenshot(){if(this.view&&this.includeMap&&(this.screenshot||(this.scaleBarContainerEl.value?.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.value&&this.viewWrapperEl.value)){let{height:t,width:i}=this.screenshot.data;t>i?this.setMaxRowHeightOnViewContainer():this.setMaxWidthOnViewContainer(),this.viewEl.value.src=this.screenshot.dataUrl}}setMaxRowHeightOnViewContainer(){this.selectedFileType==="PDF"&&this.printEl.value&&(this.printEl.value.style.gridTemplateRows="minmax(auto, 70%)"),this.viewEl.value&&(this.viewEl.value.style.height="100%",this.viewEl.value.style.width=""),this.viewWrapperEl.value&&(this.viewWrapperEl.value.style.height="100%",this.viewWrapperEl.value.style.width="fit-content")}setMaxWidthOnViewContainer(){this.printEl.value&&(this.printEl.value.style.gridTemplateRows=""),this.viewEl.value&&(this.viewEl.value.style.width="100%",this.viewEl.value.style.height=""),this.viewWrapperEl.value&&(this.viewWrapperEl.value.style.height="fit-content",this.viewWrapperEl.value.style.width="100%")}checkPopupOpen(){if(this.view){let t=this.view?.popup?.container?.querySelector(".esri-popup .esri-feature__main-container");if(t&&this.popupContentEl.value){let i=t.querySelectorAll("canvas");this.popupContentEl.value.innerHTML="",this.popupContentEl.value.append(t.cloneNode(!0));let n=this.popupContentEl.value.querySelectorAll("canvas");i.forEach((r,s)=>{let a=r.toDataURL(),o=document.createElement("img");o.src=a;let p=r.getAttribute("style");p&&o.setAttribute("style",p);let f=n[s];f&&(f.replaceWith(o),M(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"),this.screenshotImg.alt=this.mapAltText||"";let t=document.createElement("div"),i=document.createElement("calcite-button"),n=document.createElement("calcite-button");i.innerHTML=this.selectedFileType==="PDF"?this._messages.export:this._messages.downloadImage,n.innerHTML=this._messages.returnToMap,n.appearance="outline-fill",i.onclick=this.exportPreviewOnClick.bind(this),n.onclick=this.screenshotReturn.bind(this),t.append(n,i),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=ne,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 i=this.view?.popup?.container;i&&(i.style.display="none")}this.exportIsLoading=!0,this.createMaskDiv(),this.createScreenshot(),this.view?.container?.classList.add("screenshot-cursor","relative"),this.popoverEl.value&&(this.popoverEl.value.open=!1),this.view.addHandles(this.view.on("drag",i=>{this.view&&(i.stopPropagation(),i.action!=="end"?this.updateMaskSize(i):this.maskScreenshot())}),W)}}updateMaskSize(t){if(this.view){let i=this.clamp(Math.min(t.origin.x,t.x),0,this.view.width),n=this.clamp(Math.max(t.origin.x,t.x),0,this.view.width),r=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:i,y:r,width:n-i,height:s-r},this.setMaskPosition(this.area)}}maskScreenshot(){if(this.view&&this.area){this.view.removeHandles(W);let t=this.area.height,i=this.area.width;if(this.showScaleBar){let n=this.view.width>1e3&&this.view.width*.75<i;this.scaleBarContainerEl.value?.classList.toggle("instant-apps-export-print__scale-bar-container--position",n)}this.view.takeScreenshot({area:this.area,width:i*2,height:t*2,format:"jpg"}).then(n=>{this.screenshot=n,this.view?.container?.classList.remove("screenshot-cursor"),this.setMaskPosition(null),this.selectedFileType==="PDF"?(this.showPreview(n?.dataUrl),this.resetPopupVisibility()):(this.viewWrapperEl.value&&this.compassContainerEl.value&&!this.viewWrapperEl.value.contains(this.compassContainerEl.value)&&this.viewWrapperEl.value.append(this.compassContainerEl.value),this.handleViewExportOnClick())})}}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,i,n){return t<i?i:t>n?n: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.value){let t=this.scaleBarContainerEl.value.querySelector(".esri-scale-bar__line--top"),i=this.scaleBarContainerEl.value.querySelector(".esri-scale-bar__line--bottom");this.setScaleBarWidth(t,"top"),this.setScaleBarWidth(i,"bottom")}}setScaleBarWidth(t,i){if(t&&this.screenshot){let n=this.screenshot.data.width/2,r=Number(t.style.width.replace("px",""))/n*100;this.scaleBarContainerEl.value?.style.setProperty(`--instant-apps-scale-bar-${i}`,`${r}%`)}}removeScreenshotElements(){this.view?.removeHandles(W),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 i=t.target;this.selectedFileType=i.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))}render(){let t=this.mode==="popover"?this.renderPopover():this.renderPanel(),i=this.renderCompass();return c`<div class=${h(this.baseClass)} @mouseenter=${this.handleWidgetCreation} @focusin=${this.handleWidgetCreation}>${t}<div class=${h(l.hidden)}>${i}</div></div>`}renderPopover(){let t=this.renderPanel();return[c`<calcite-popover reference-element=export-popover-btn .label=${this._messages.exportPopover} .overlayPositioning=${this.popoverPositioning} .placement=${this.popoverPlacement} auto-close ${d(this.popoverEl)}>${t}</calcite-popover>`,c`<calcite-action id=export-popover-btn alignment=center .icon=${this.popoverIcon} .scale=${this.scale} title=${this._messages.exportBtn??L} .text=${this._messages.exportBtn}></calcite-action>`]}renderPanel(){let t=this.showHeaderTitle?this.renderTitle():null,i=this.extraContent?this.renderSwitch("includeExtraContent",this.extraContentLabel,this.selectedFileType!=="PDF"&&!this.showExtraContentInImg):null,n=this.showIncludeMap?this.renderSwitch("includeMap",void 0,this.selectedFileType!=="PDF"):null,r=this.includeMap?this.renderMapOptions():null,s=this.includeFileFormat?this.renderSelectFileType():null,a=this.selectedFileType==="PDF"?this.renderPrint():this.renderImg(),o=this.mode==="inline"?l.inlineContainer:l.popoverContainer;return c`<div class=${h(o)}>${t}${i}${n}${r}${s}${this.includeMap?c`<calcite-button class=${h(l.setMapArea)} appearance=transparent width=full @click=${this.setMapAreaOnClick.bind(this,!0)} .disabled=${this.exportIsLoading}>${this._messages.setMapArea}</calcite-button>`:null}<calcite-button width=full @click=${this.exportOnClick} .disabled=${this.exportIsLoading}>${this.selectedFileType==="PDF"?this._messages.export:this._messages.preview}</calcite-button>${a}</div>`}renderTitle(){return c`<calcite-label>${this._messages.title}<calcite-input .value=${this.headerTitle} @calciteInputInput=${this.updateHeaderTitle}></calcite-input></calcite-label>`}renderSwitch(t,i,n){let r=this[t],s=t,a=i||this._messages[s];return c`<calcite-label layout=inline-space-between>${a}<calcite-switch .checked=${r} .value=${t} @calciteSwitchChange=${this.optionOnChange} .disabled=${n}></calcite-switch></calcite-label>`}renderSelectFileType(){return c`<calcite-label>${this._messages.fileType}<calcite-select label @calciteSelectChange=${this.handleSelectFileType}>${this.allowedFileTypes.map(t=>c`<calcite-option .value=${t} .selected=${t===this.selectedFileType}>${t}</calcite-option>`)}</calcite-select></calcite-label>`}renderMapOptions(){let t=this.showIncludeLegend?this.renderSwitch("includeLegend"):null,i=this.showIncludePopup?this.renderSwitch("includePopup"):null;return c`<div>${t}${i}</div>`}renderPrint(){let t=this.includeMap?this.renderPrintMap():null,i=this.renderExtraContent(),n=this.includeMap&&this.showIncludeLegend?this.renderLegend():null,r=this.includeMap&&this.showIncludePopup?this.renderPopup():null;return c`<div ${d(this.printContainerEl)}><div class=${h(l.print.pdfBase)} ${d(this.printEl)}>${t}${n}<div class=${h(l.print.contentContainer)}>${r}${i}</div></div></div>`}renderPrintMap(){return c`<div class=${h(l.print.viewContainer)} ${d(this.viewContainerEl)}><div class=${h(l.print.viewWrapper)} ${d(this.viewWrapperEl)}>${this.headerTitle?c`<instant-apps-header .logoImage=${this.logoImage} .logoImageAltText=${this.logoAltText} logo-scale=s .titleText=${this.headerTitle} background-color=#fff text-color=#323232></instant-apps-header>`:null}<img class=${h(l.print.view)} alt=${this.mapAltText??L} ${d(this.viewEl)}><div class=${h(l.print.scaleBarContainer)} ${d(this.scaleBarContainerEl)}></div></div>${this.renderAttribution()}</div>`}renderAttribution(){return c`<div class=${h(l.print.attribution)} ${d(this.attributionEl)}></div>`}renderLegend(){return c`<div class=${h(l.print.legendContainer)} ${d(this.legendContainerEl)}></div>`}renderCompass(){return c`<div class=${h(l.print.compassContainer)} ${d(this.compassContainerEl)}></div>`}renderPopup(){return c`<div class=${h(l.print.popupContainer)} ${d(this.popupContainerEl)}><div class=${h(l.print.popupTitle)} ${d(this.popupTitleEl)}></div><div class=${h(l.print.popupContent)} ${d(this.popupContentEl)}></div></div>`}renderExtraContent(){return c`<div class=${h(l.print.extraContainer)} id=export-content ${d(this.extraContainerEl)}></div>`}renderImg(){let t=this.includeMap?this.renderPrintMap():null,i=this.includeMap&&this.showIncludeLegend?this.renderLegend():null,n;return this.includeMap&&this.showIncludePopup?n=this.renderPopup():this.showExtraContentInImg&&this.extraContent&&this.includeExtraContent&&(n=this.renderExtraContent()),c`<div ${d(this.printContainerEl)}><div class=${h(l.print.imgBase)} ${d(this.printEl)}>${t}${i}${n}</div></div>`}};G("instant-apps-export",z);return z},"core/reactiveUtils","core/Handles","widgets/Compass","widgets/Legend")

package/dist/cdn/53RDOENQ.js

@@ -0,0 +1,4 @@
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/1.2/esri/copyright.txt for details.
+v1.2.0-next.35 */
+import{a as u}from"./WYD7SFWY.js";import{a as m}from"./HBU2D3OK.js";import{b as d}from"./Q4O2Y3MB.js";import"./MKMGVPCZ.js";import"./R5426IXX.js";import{F as p,H as n,g as c,h as r,i as e,p as h}from"./KSNTFOGZ.js";import"./6UZSVHNV.js";function y(i){window?.localStorage.setItem(i,"false")}function f(i){return!!window?.localStorage?.getItem(i)}function g(i){window?.localStorage?.removeItem(i)}var _=r`:host{--instant-apps-splash-content-max-height: 100%;--instant-apps-splash-back-content-display: flex;display:block}:host .image.image_resized img{width:100%}:host .instant-apps-splash__back-content{display:var(--instant-apps-splash-back-content-display);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)}:host .instant-apps-splash__confirmation-tooltip{display:inline-block;max-width:200px;word-wrap:break-word}:host .instant-apps-splash__required{display:inline-block;margin-inline-start:var(--calcite-spacing-xxs);color:var(--calcite-color-status-danger)}:host .instant-apps-splash__footer{width:100%;display:flex;justify-content:space-between}:host .instant-apps-splash__button-container{display:flex}:host .instant-apps-splash__button-container calcite-button:not(:last-child){margin-inline-end:var(--calcite-spacing-sm)}@media(max-width:816px){:host .instant-apps-splash__footer{justify-content:flex-start;flex-direction:column}:host .instant-apps-splash__back-content{margin-bottom:var(--calcite-spacing-sm)}:host .instant-apps-splash__back-content span{display:flex;align-items:center}:host .instant-apps-splash__button-container{width:100%;gap:var(--calcite-spacing-sm);justify-content:space-between}:host .instant-apps-splash__button-container calcite-button:not(:last-child){margin-inline-end:0}:host .instant-apps-splash__button-container>*{flex:1 1 0;min-width:0}}`,a={back:"instant-apps-splash__back-content",confirmationTooltip:"instant-apps-splash__confirmation-tooltip",requiredText:"instant-apps-splash__required",footer:"instant-apps-splash__footer",buttonContainer:"instant-apps-splash__button-container"},l=class extends p{constructor(){super(...arguments),this._messages=m({name:"instant-apps-splash"}),this._sanitizer=this._createSanitizerInstance(),this.titleText="",this.content="",this.primaryButtonText="",this.open=!0,this.closeButtonDisabled=!1,this.outsideCloseDisabled=!1,this.secondaryButton=!1,this.closeBehavior="permanent-dismissal",this.confirmationText="",this.isConfirmed=!1,this.splashClose=h()}static{this.properties={localStorageKey:1,titleText:1,content:1,primaryButtonText:1,open:5,closeButtonDisabled:5,outsideCloseDisabled:5,secondaryButton:5,secondaryButtonText:1,secondaryButtonIcon:1,secondaryButtonCallback:0,closeBehavior:1,confirmationText:1,isConfirmed:32}}static{this.styles=_}load(){let t;if(this.closeBehavior==="confirmation"||this.closeBehavior==="dismissal")t=!0;else{let{localStorageKey:s}=this;s?t=this.open&&!f(s):t=this.open}this.el.open=t,this.content&&this._sanitizer&&this.sanitizeContent()}willUpdate(t){t.has("content")&&this.sanitizeContent()}sanitizeContent(){this.content=this._sanitizer.sanitize(this.content)}close(){this.open=!1,this.splashClose.emit()}getCheckboxText(){return this.closeBehavior==="confirmation"?this.confirmationText?this.confirmationText:`${this._messages.confirmationText}`:this._messages?.dontShowThisAgain}handleDontShowThisAgain(t){if(this.closeBehavior==="confirmation"){let s=t.target,{checked:o}=s;c(()=>{this.isConfirmed=o})}else if(this.closeBehavior==="permanent-dismissal"){let{localStorageKey:s}=this;if(!s)return;let o=t.target,{checked:b}=o;b?y(s):g(s)}}render(){return e`<calcite-dialog .open=${this.open} .focusTrapOptions=${{allowOutsideClick:!0}} modal .heading=${this.titleText} aria-describedby=description @calciteDialogClose=${this.close} .closeDisabled=${this.closeBehavior==="confirmation"||this.closeButtonDisabled} .outsideCloseDisabled=${this.closeBehavior==="confirmation"||this.outsideCloseDisabled} .escapeDisabled=${this.closeBehavior==="confirmation"}><div id=description .innerHTML=${this.content??""}></div><slot name=custom-action></slot><div class=${n(a.footer)} slot=footer>${this.localStorageKey&&this.closeBehavior==="permanent-dismissal"||this.closeBehavior==="confirmation"?this.renderCheckbox():null}<div class=${n(a.buttonContainer)}>${this.secondaryButton?this.renderSecondaryButton():null}${this.renderPrimaryButton()}</div>${this.closeBehavior==="confirmation"&&!this.isConfirmed&&e`<calcite-tooltip reference-element=primary-button overlay-positioning=fixed placement=top><span class=${n(a.confirmationTooltip)}>${this._messages?.confirmationTooltip}</span></calcite-tooltip>`||""}</div></calcite-dialog>`}renderCheckbox(){let{localStorageKey:t}=this,s=this.closeBehavior!=="confirmation"&&t&&f(t)?!0:null;return e`<div class=${n(a.back)}><calcite-label layout=inline><calcite-checkbox @calciteCheckboxChange=${this.handleDontShowThisAgain} .checked=${s??void 0}></calcite-checkbox><span>${this.getCheckboxText()}<span class=${n(a.requiredText)}>${this.closeBehavior==="confirmation"&&`(${this._messages?.required})`||""}</span></span></calcite-label></div>`}renderPrimaryButton(){let{primaryButtonText:t}=this;return e`<calcite-button id=primary-button @click=${this.close} slot=footer-end .disabled=${this.closeBehavior==="confirmation"?!this.isConfirmed:!1}>${t||this._messages?.enter}</calcite-button>`}renderSecondaryButton(){return e`<calcite-button @click=${this.secondaryButtonCallback} slot=footer-end .iconStart=${this.secondaryButtonIcon} appearance=outline .disabled=${this.closeBehavior==="confirmation"?!this.isConfirmed:!1}>${this.secondaryButtonText}</calcite-button>`}_createSanitizerInstance(){return new u({whiteList:{h1:["style"],h2:["style"],h3:["style"],h4:["style"],h5:["style"],h6:["style"],img:["style","src","width","height"],pre:["style"],p:["id","class","style"],div:["id","class","style","role"],span:["id","class","style","role"],figure:["class","style"]}},!0)}};d("instant-apps-splash",l);export{l as InstantAppsSplash};