https://detroit-neighborhoods.pages.dev/_app/immutable/chunks/Bc75QkeA.js

1import{s as G,d as y,r as d,i as B,b as p,c as v,e as b,g as M,h as x,j as R,B as j,C as q,f as I,t as T}from"./CeKwq4tL.js";import{S as U,i as z,d as A,t as H,a as J,m as K,c as N,b as O}from"./CC91_1Oj.js";import{a as P,b as Q,c as E,S,d as k,F as D,r as f,s as L,p as V,v as W,w as X,u as Y,M as Z,e as $,x as ee,g as te,f as ae,h as se}from"./eoGA7h4K.js";import{B as ne}from"./Cjr6tjxi.js";function oe(l){let e;return{c(){e=T("Download")},l(t){e=I(t,"Download")},m(t,c){B(t,e,c)},d(t){t&&y(e)}}}function re(l){let e,t,c,n,r,i;return n=new ne({props:{style:"position: absolute; top: 0; right: 0; --color-button: rgb(59, 59, 110); --color-button-hover: rgb(90, 90, 169);",$$slots:{default:[oe]},$$scope:{ctx:l}}}),n.$on("click",l[6]),{c(){e=x("div"),t=x("div"),c=R(),O(n.$$.fragment),this.h()},l(s){e=v(s,"DIV",{class:!0,style:!0});var a=b(e);t=v(a,"DIV",{id:!0,class:!0}),b(t).forEach(y),c=M(a),N(n.$$.fragment,a),a.forEach(y),this.h()},h(){d(t,"id",l[0]),d(t,"class","map-spotlight svelte-wjk6ed"),d(e,"class","container-spotlight"),d(e,"style",r="position: relative; "+l[1])},m(s,a){B(s,e,a),p(e,t),p(e,c),K(n,e,null),i=!0},p(s,[a]){(!i||a&1)&&d(t,"id",s[0]);const u={};a&2048&&(u.$$scope={dirty:a,ctx:s}),n.$set(u),(!i||a&2&&r!==(r="position: relative; "+s[1]))&&d(e,"style",r)},i(s){i||(J(n.$$.fragment,s),i=!0)},o(s){H(n.$$.fragment,s),i=!1},d(s){s&&y(e),A(n)}}}function ie(l,e,t){let{id:c}=e,{primary:n}=e,{secondary:r=void 0}=e,{interactive:i=!1}=e,{style:s=void 0}=e,a;const u=[],g=new P({declutter:!0,source:Q});if(u.push(g),r){const o=new E({source:r,opacity:.75,style:new S({fill:new D({color:f(L,.35)}),stroke:new k({color:f(L,1),width:3})})});u.push(o)}const C=new E({source:n,opacity:.75,style:new S({fill:new D({color:f(V,.35)}),stroke:new k({color:f(V,1),width:3})})});u.push(C);const h=r?W(n.getExtent(),r.getExtent()):n.getExtent();X(h,1.1),j(()=>{Y(),t(2,a=new Z({target:c,layers:u,view:new $({center:te(h),extent:ee()}),interactions:i?void 0:[],controls:i?void 0:[]})),ae(g,se,"esri"),a.getView().fit(h)}),q(()=>{a&&a.dispose()});const F=()=>{var w,_;const o=(_=(w=a.getTargetElement())==null?void 0:w.querySelector("canvas"))==null?void 0:_.toDataURL("image/png");if(o){const m=document.createElement("a");m.download=`detroit-neighborhoods-${c}.png`,m.href=o,m.click(),m.remove()}};return l.$$set=o=>{"id"in o&&t(0,c=o.id),"primary"in o&&t(3,n=o.primary),"secondary"in o&&t(4,r=o.secondary),"interactive"in o&&t(5,i=o.interactive),"style"in o&&t(1,s=o.style)},[c,s,a,n,r,i,F]}class me extends U{constructor(e){super(),z(this,e,ie,re,G,{id:0,primary:3,secondary:4,interactive:5,style:1})}}export{me as default};