npm - @esri/solutions-components - Versions diffs - 5.1.0-next.15 → 5.1.0-next.150 - Mend

@esri/solutions-components 5.1.0-next.15 → 5.1.0-next.150

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1463) hide show

package/dist/cdn/{TP5EQUBD.js → UQDRAXO2.js} RENAMED Viewed

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import d from"./5KD4GK7Y.js";import c from"./P4FX4W2X.js";import b from"./KGUELU4O.js";import a from"./36HEIJAI.js";import{a as K}from"./AA7X6GKH.js";import{b as Se}from"./EGFXSDFS.js";import"./S423P2GA.js";import{G as Ee,H as ze,J as _,K as E,h as ke,i as L,j as ue,l as fe,u as Re}from"./P4KZ6OZF.js";import"./QPIMTXPL.js";export default $arcgis.t(([Ge,D,ce,it,,,{a:B,b:W},{a:Ie,b:ve,d:Pe,e:Te,f:he,g:Fe,i:Me,o:pe,s:He,t:Z,u:me,v:Ue,w:Be}])=>{(function($,e){typeof exports=="object"&&typeof module<"u"?e(exports):typeof define=="function"&&define.amd?define(["exports"],e):($=typeof globalThis<"u"?globalThis:$||self,e($.maquette={}))})(void 0,(function($){"use strict";var e=function(){var t,i;return{invalidate:function(){i=void 0,t=void 0},result:function(a,l){if(t)for(var p=0;p<a.length;p++)t[p]!==a[p]&&(i=void 0);return i||(i=l(),t=a),i}}},s="http://www.w3.org/",c="".concat(s,"2000/svg"),n="".concat(s,"1999/xlink"),r=[],u=function(t,i){var a={};return Object.keys(t).forEach(function(l){a[l]=t[l]}),i&&Object.keys(i).forEach(function(l){a[l]=i[l]}),a},h=function(t,i){return t.vnodeSelector!==i.vnodeSelector?!1:t.properties&&i.properties?t.properties.key!==i.properties.key?!1:t.properties.bind===i.properties.bind:!t.properties&&!i.properties},w=function(t){if(typeof t!="string")throw new Error("Style values must be strings")},b=function(t,i,a){if(i.vnodeSelector!==""){for(var l=a;l<t.length;l++)if(h(t[l],i))return l}return-1},z=function(t,i,a,l){var p=t[i];if(p.vnodeSelector!==""){var o=p.properties,A=o?o.key===void 0?o.bind:o.key:void 0;if(!A){for(var v=0;v<t.length;v++)if(v!==i){var d=t[v];if(h(d,p))throw Object.assign(new Error("".concat(a.vnodeSelector," had a ").concat(p.vnodeSelector," child ").concat(l==="added"?l:"removed",", but there is now more than one. You must add unique key properties to make them distinguishable.")),{parentNode:a,childNode:p})}}}},k=function(t){if(t.properties){var i=t.properties.enterAnimation;i&&i(t.domNode,t.properties)}},x=[],S=!1,I=function(t){(t.children||[]).forEach(I),t.properties&&t.properties.afterRemoved&&t.properties.afterRemoved.apply(t.properties.bind||t.properties,[t.domNode])},P=function(){S=!1,x.forEach(I),x.length=0},R=function(t){x.push(t),S||(S=!0,typeof window<"u"&&"requestIdleCallback"in window?window.requestIdleCallback(P,{timeout:16}):setTimeout(P,16))},F=function(t){var i=t.domNode;if(t.properties){var a=t.properties.exitAnimation;if(a){i.style.pointerEvents="none";var l=function(){i.parentNode&&(i.parentNode.removeChild(i),R(t))};a(i,l,t.properties);return}}i.parentNode&&(i.parentNode.removeChild(i),R(t))},G=["on","afterCreate","afterUpdate","afterRemoved","enterAnimation","exitAnimation","updateAnimation"];function O(t){return!G.includes(t)}var j=function(t,i,a){if(i){for(var l=a.eventHandlerInterceptor,p=Object.keys(i).filter(O),o=p.length,A=0;A<o;A++){var v=p[A],d=i[v];if(v==="className")throw new Error('Property "className" is not supported, use "class".');if(v==="class")re(t,d,!0);else if(v==="classes")for(var f=Object.keys(d),C=f.length,y=0;y<C;y++){var m=f[y];d[m]&&t.classList.add(m)}else if(v==="styles")for(var M=Object.keys(d),T=M.length,y=0;y<T;y++){var J=M[y],ee=d[J];ee&&(w(ee),a.styleApplyer(t,J,ee))}else if(v!=="key"&&d!==null&&d!==void 0){var oe=typeof d;oe==="function"?(v.lastIndexOf("on",0)===0&&l&&(d=l(v,d,t,i)),t[v]=d):a.namespace===c?v==="href"?t.setAttributeNS(n,v,d):t.setAttribute(v,d):oe==="string"&&v!=="value"&&v!=="innerHTML"?t.setAttribute(v,d):t[v]=d}}if(i.on)for(var te=0,de=Object.entries(i.on);te<de.length;te++){var X=de[te],Y=X[0],Q=X[1],ie=typeof Q=="function"?Q:Q.listener;l&&(ie=l(Y,ie,t,i)),ie&&t.addEventListener(Y,ie,typeof Q=="function"?void 0:Q.options)}}},H=function(t,i,a){if(i)for(var l=0,p=i;l<p.length;l++){var o=p[l];q(o,t,void 0,a)}},U=function(t,i,a){H(t,i.children,a),i.text&&(t.textContent=i.text),j(t,i.properties,a),i.properties&&i.properties.afterCreate&&i.properties.afterCreate.apply(i.properties.bind||i.properties,[t,a,i.vnodeSelector,i.properties,i.children])},q=function(t,i,a,l){var p,o,A=0,v=t.vnodeSelector,d=i.ownerDocument;if(v==="")t.domNode?t.domNode.nodeValue=t.text:(o=t.domNode=d.createTextNode(t.text),a!==void 0?i.insertBefore(o,a):i.appendChild(o));else{for(var f=0;f<=v.length;++f){var C=v.charAt(f);if(f===v.length||C==="."||C==="#"){var y=v.charAt(A-1),m=v.slice(A,f);y==="."?o.classList.add(m):y==="#"?o.id=m:(m==="svg"&&(l=u(l,{namespace:c})),l.namespace!==void 0?o=t.domNode=d.createElementNS(l.namespace,m):(o=t.domNode=t.domNode||(!((p=t.properties)===null||p===void 0)&&p.is?d.createElement(m,{is:t.properties.is}):d.createElement(m)),m==="input"&&t.properties&&t.properties.type!==void 0&&o.setAttribute("type",t.properties.type)),a!==void 0?i.insertBefore(o,a):o.parentNode!==i&&i.appendChild(o)),A=f+1}}U(o,t,l)}},N,re=function(t,i,a){i&&i.split(" ").forEach(function(l){l&&t.classList.toggle(l,a)})},Xe=function(t,i,a,l){if(a){for(var p=!1,o=Object.keys(a).filter(O),A=o.length,v=0;v<A;v++){var d=o[v],f=a[d],C=i[d];if(d==="class")C!==f&&(re(t,C,!1),re(t,f,!0));else if(d==="classes")for(var y=t.classList,m=Object.keys(f),M=m.length,T=0;T<M;T++){var J=m[T],ee=!!f[J],oe=!!C[J];ee!==oe&&(p=!0,ee?y.add(J):y.remove(J))}else if(d==="styles")for(var te=Object.keys(f),de=te.length,T=0;T<de;T++){var X=te[T],Y=f[X],Q=C[X];Y!==Q&&(p=!0,Y?(w(Y),l.styleApplyer(t,X,Y)):l.styleApplyer(t,X,""))}else if(!f&&typeof C=="string"&&(f=""),d==="value"){var ie=t[d];ie!==f&&f!==C&&(t[d]=f),f!==C&&(p=!0)}else if(f!==C){var Ce=typeof f;(Ce!=="function"||!l.eventHandlerInterceptor)&&(l.namespace===c?d==="href"?t.setAttributeNS(n,d,f):t.setAttribute(d,f):Ce==="string"&&d!=="innerHTML"?d==="role"&&f===""?t.removeAttribute(d):t.setAttribute(d,f):t[d]!==f&&(t[d]=f),p=!0)}}return p}},Ye=function(t,i,a,l,p){if(a===l)return!1;a=a||r,l=l||r;for(var o=a.length,A=l.length,v=0,d=0,f,C=!1;d<A;){var y=v<o?a[v]:void 0,m=l[d];if(y!==void 0&&h(y,m))C=N(y,m,p,i,a)||C,v++;else{var M=b(a,m,v+1);if(M>=0){for(f=v;f<M;f++)F(a[f]),z(a,f,t,"removed");C=N(a[M],m,p,i,a)||C,v=M+1}else q(m,i,v<o?a[v].domNode:void 0,p),k(m),z(l,d,t,"added")}d++}if(o>v)for(f=v;f<o;f++)F(a[f]),z(a,f,t,"removed");return C};N=function(t,i,a,l,p){var o=t.domNode,A=!1;if(t===i)return!1;var v=!1;if(i.vnodeSelector===""){if(i.text!==t.text){var d=o.ownerDocument.createTextNode(i.text);try{l.replaceChild(d,o)}catch{l.replaceChild(d,l.childNodes[p.indexOf(t)])}return i.domNode=d,A=!0,A}i.domNode=o}else i.vnodeSelector.lastIndexOf("svg",0)===0&&(a=u(a,{namespace:c})),t.text!==i.text&&(v=!0,i.text===void 0?o.removeChild(o.firstChild):o.textContent=i.text),i.domNode=o,v=Ye(i,o,t.children,i.children,a)||v,v=Xe(o,t.properties,i.properties,a)||v,i.properties&&i.properties.afterUpdate&&i.properties.afterUpdate.apply(i.properties.bind||i.properties,[o,a,i.vnodeSelector,i.properties,i.children]);return v&&i.properties&&i.properties.updateAnimation&&i.properties.updateAnimation(o,i.properties,t.properties),A};var se=function(t,i){return{getLastRender:function(){return t},update:function(a){if(t.vnodeSelector!==a.vnodeSelector)throw new Error("The selector for the root VNode may not be changed. (consider using dom.merge and add one extra level to the virtual DOM)");var l=t;t=a,N(l,a,i,l.domNode.parentNode,[l])},domNode:t.domNode}},Qe={namespace:void 0,performanceLogger:function(){},eventHandlerInterceptor:void 0,styleApplyer:function(t,i,a){i.charAt(0)==="-"?t.style.setProperty(i,a):t.style[i]=a}},V=function(t){return u(Qe,t)},le={create:function(t,i){return i=V(i),q(t,document.createElement("div"),void 0,i),se(t,i)},append:function(t,i,a){return a=V(a),q(i,t,void 0,a),se(i,a)},insertBefore:function(t,i,a){return a=V(a),q(i,t.parentNode,t,a),se(i,a)},merge:function(t,i,a){return a=V(a),i.domNode=t,U(t,i,a),se(i,a)},replace:function(t,i,a){return a=V(a),q(i,t.parentNode,t,a),t.parentNode.removeChild(t),se(i,a)}},Ze=function(t){return{vnodeSelector:"",properties:void 0,children:void 0,text:t.toString(),domNode:null}},xe=function(t,i,a){for(var l=0,p=i.length;l<p;l++){var o=i[l];Array.isArray(o)?xe(t,o,a):o!=null&&o!==!1&&(typeof o=="string"&&(o=Ze(o)),a.push(o))}};function Oe(t,i,a){if(Array.isArray(i))a=i,i=void 0;else if(i&&(typeof i=="string"||i.vnodeSelector)||a&&(typeof a=="string"||a.vnodeSelector))throw new Error("h called with invalid arguments");var l,p;return a&&a.length===1&&typeof a[0]=="string"?l=a[0]:a&&(p=[],xe(t,a,p),p.length===0&&(p=void 0)),{vnodeSelector:t,properties:i,children:p,text:l===""?void 0:l,domNode:null}}var je=function(t,i,a){var l=[],p=[];return{results:p,map:function(o){for(var A=o.map(t),v=p.slice(),d=0,f=0;f<o.length;f++){var C=o[f],y=A[f];if(y===l[d])p[f]=v[d],a(C,v[d],f),d++;else{for(var m=!1,M=1;M<l.length+1;M++){var T=(d+M)%l.length;if(l[T]===y){p[f]=v[T],a(o[f],v[T],f),d=T+1,m=!0;break}}m||(p[f]=i(C,f))}}p.length=o.length,l=A}}},Ne=function(t,i){for(var a=[];t&&t!==i;)a.push(t),t=t.parentNode;return a},Ve=function(t,i){var a=t;return i.forEach(function(l){a=a&&a.children?a.children.find(function(p){return p.domNode===l}):void 0}),a},et=function(t,i,a){return function(p,o,A,v){return l};function l(p){var o,A;a("domEvent",p);var v=i(),d=Ne(p.currentTarget,v.domNode);d.reverse();var f=Ve(v.getLastRender(),d);t.scheduleRender();var C;if(f){var y=(A=(o=f.properties["on".concat(p.type)])!==null&&o!==void 0?o:f.properties.on[p.type].listener)!==null&&A!==void 0?A:f.properties.on[p.type];C=y.apply(f.properties.bind||this,arguments)}return a("domEventProcessed",p),C}},tt=function(t){var i,a=V(t),l=a.performanceLogger,p=!0,o,A=!1,v=[],d=[],f=function(y,m,M){var T,J=function(){return T};a.eventHandlerInterceptor=et(i,J,l),T=y(m,M(),a),v.push(T),d.push(M)},C=function(){if(o=void 0,!!p){p=!1,l("renderStart",void 0);for(var y=0;y<v.length;y++){var m=d[y]();l("rendered",void 0),v[y].update(m),l("patched",void 0)}l("renderDone",void 0),p=!0}};return i={renderNow:C,scheduleRender:function(){!o&&!A&&(o=requestAnimationFrame(C))},stop:function(){o&&(cancelAnimationFrame(o),o=void 0),A=!0},resume:function(){A=!1,p=!0,i.scheduleRender()},append:function(y,m){f(le.append,y,m)},insertBefore:function(y,m){f(le.insertBefore,y,m)},merge:function(y,m){f(le.merge,y,m)},replace:function(y,m){f(le.replace,y,m)},detach:function(y){for(var m=0;m<d.length;m++)if(d[m]===y)return d.splice(m,1),v.splice(m,1)[0];throw new Error("renderFunction was not found")}},i};$.createCache=e,$.createMapping=je,$.createProjector=tt,$.dom=le,$.h=Oe}));var at=96;function ne($){return $?$/72*at:0}var nt=(void 0)(),Je=10,_e=20,ge=10,Le=20,Ae={univariateAboveAndBelowSymbol:"esri-univariate-above-and-below-ramp__symbol",colorRamp:"esri-legend__color-ramp"};function rt($="vertical"){let e={stroke:"rgb(200, 200, 200)",strokeWidth:"1"};return $==="vertical"?L`<svg height=4 width=10>${ue`<line x1=0 y1=2 x2=10 y2=2 style=${E(e)} />`}</svg>`:L`<svg height=10 width=10>${ue`<line x1=5 y1=0 x2=5 y2=10 style=${E(e)} />`}</svg>`}function st($,e="vertical"){let s=document.createElement("div");return s.style.height=`${_e}px`,s.className=Ae.univariateAboveAndBelowSymbol,$!=null&&(s.style.opacity=$.toString()),nt.append(s,rt.bind(null,e)),s}function Ke($,e,s="vertical",c){$.infos.forEach((n,r)=>{if(c&&r===2)n.preview=st(e,s);else{let{size:u}=n,h=ne(u)+(s==="horizontal"?Le:ge),w=n.preview.tagName.toLowerCase()==="div",b=w?n.preview:document.createElement("div");b&&(b.className=Ae.univariateAboveAndBelowSymbol),s==="horizontal"?b&&(b.style.width=`${h}px`):b&&(b.style.height=`${h}px`),w||b&&b.appendChild(n.preview),n.preview=b}})}function De($,e="classic"){let s=$.infos,c=s[0].size,n=s[s.length-1].size;return e==="classic"?(ne(c)+ge)/2:(ne(c)-ne(n))/2}function ye($,e){if(!$)return null;let s=$.infos.map(n=>n.color),c=Ge.renderColorRampPreviewHTML(e.type==="full"?s:e.type==="above"?s.slice(0,3):s.slice(2,5),{width:e.width,height:e.height,align:e.rampAlignment,effectList:e.effectList});return c.className=Ae.colorRamp,e.opacity!=null&&(c.style.opacity=e.opacity.toString()),c}function lt($,e,s,c="vertical"){let n=0,r=$.infos,u=Math.floor(r.length/2),h=e==="full"||e==="above"?0:u,w=e==="full"||e==="below"?r.length-1:u;for(let b=h;b<=w;b++)if(s&&b===u)n+=c==="horizontal"?Je:_e;else{let z=r[b].size,k=ne(z)+(c==="horizontal"?Le:ge);n+=k}return Math.round(n)}function $e($,e,s,c="vertical"){let n=lt($,e,s,c),r=$.infos,u=Math.floor(r.length/2),h=e==="full"||e==="above"?0:u,w=e==="full"||e==="below"?r.length-1:u,b=e==="full"?r[h].size+r[w].size:e==="above"?r[h].size:r[w].size,z=s?c==="vertical"?_e:Je:0,k=c==="vertical"?ge*(e==="full"?2:1):Le*(e==="full"?2:1);return Math.round(n-(ne(b)/2+z/2+k/2))}function ct($,e,s="vertical"){let c=$.infos,n=c.find(({type:u})=>u==="size-ramp"),r=c.find(({type:u})=>u==="color-ramp");return n&&(n={...n},n.infos=[...n.infos],Ke(n,e,s,!0)),r&&(r={...r},r.infos=[...r.infos]),s==="horizontal"&&(n?.infos.reverse(),r?.infos.reverse()),{sizeRampElement:n,colorRampElement:r}}function ot($,e="vertical"){let s=$.infos,c=s.find(({type:r})=>r==="size-ramp"),n=s.find(({type:r})=>r==="color-ramp");return c&&(c={...c},c.infos=[...c.infos],Ke(c,null,e,!1)),n&&(n={...n},n.infos=[...n.infos]),e==="horizontal"&&(c?.infos.reverse(),n?.infos.reverse()),{sizeRampElement:c,colorRampElement:n}}function dt($,e){return!0}var ft=ke`@layer{instant-apps-interactive-legend-classic{display:block;--instant-apps-interactive-legend-heading-font-size: 1rem;--instant-apps-interactive-legend-heading-font-weight: normal;--instant-apps-interactive-legend-caption-font-weight: normal;--instant-apps-interactive-legend-secondary-color: var( --calcite-color-text-1 );--instant-apps-interactive-legend-field-name-font-size: 1rem;--instant-apps-interactive-legend-total-feature-count-font-size: .875rem;--instant-apps-interactive-legend-info-font-size: .875rem;--instant-apps-interactive-legend-info-item-background--selected: #c7ebff;--instant-apps-interactive-legend-info-item-background--selected--dark: #009af2;--instant-apps-interactive-legend-info-item-background--hover: #e9e9e9;--instant-apps-interactive-legend-info-item-background--hover--dark: #4a4a4a;--instant-apps-interactive-legend-info-item-color--selected: var( --calcite-color-text-2 );--instant-apps-interactive-legend-secondary-background-color: var( --calcite-color-background );--instant-apps-interactive-legend-ui-margin: 20px 15px;--instant-apps-interactive-legend-ui-padding: 20px 15px}instant-apps-interactive-legend-classic .esri-legend__service{padding:0}instant-apps-interactive-legend-classic .esri-legend__layer-body,instant-apps-interactive-legend-classic .esri-legend__layer,instant-apps-interactive-legend-classic .esri-legend__layer-table,instant-apps-interactive-legend-classic .esri-legend__group-layer-child,instant-apps-interactive-legend-classic .esri-legend__layer-child-table{margin:0;overflow:hidden}instant-apps-interactive-legend-classic .esri-legend__layer-caption calcite-action{margin-right:5px}instant-apps-interactive-legend-classic .esri-legend__layer-caption{display:flex;align-items:center;font-size:var(--instant-apps-interactive-legend-field-name-font-size);background-color:var(--instant-apps-interactive-legend-secondary-background-color);color:var(--instant-apps-interactive-legend-secondary-color)}instant-apps-interactive-legend-classic .instant-apps-interactive-legend__layer-caption-btn-container{white-space:nowrap}instant-apps-interactive-legend-classic .instant-apps-interactive-legend__layer-caption-btn-container calcite-button{margin:2px}instant-apps-interactive-legend-classic .esri-legend__layer-caption{font-weight:var(--instant-apps-interactive-legend-caption-font-weight)}instant-apps-interactive-legend-classic .esri-legend__layer-cell.esri-legend__layer-cell--info{font-size:var(--instant-apps-interactive-legend-info-font-size);text-align:left}instant-apps-interactive-legend-classic .esri-legend__layer-cell,instant-apps-interactive-legend-classic .esri-legend__layer-row{display:flex;align-items:center}instant-apps-interactive-legend-classic .instant-apps-interactive-legend__non-interactive .esri-legend__layer-body{display:block;margin:var(--instant-apps-interactive-legend-ui-margin)}instant-apps-interactive-legend-classic .instant-apps-interactive-legend__non-interactive.instant-apps-interactive-legend__nested-unique-symbol>.esri-legend__layer-body{margin:0}instant-apps-interactive-legend-classic .instant-apps-interactive-legend__non-interactive .esri-legend__layer-row{display:table-row}instant-apps-interactive-legend-classic .instant-apps-interactive-legend__non-interactive .esri-legend__layer-cell{display:table-cell}instant-apps-interactive-legend-classic .esri-legend__layer-cell--symbols{justify-content:center;width:20%}instant-apps-interactive-legend-classic .esri-legend__layer-cell--info{width:65%}instant-apps-interactive-legend-classic .instant-apps-interactive-legend__layer-row--interactive{margin:1px;background:transparent;border:none;width:100%}instant-apps-interactive-legend-classic .esri-legend__layer-cell--info{color:var(--instant-apps-interactive-legend-secondary-color)}instant-apps-interactive-legend-classic .esri-legend__layer-row,instant-apps-interactive-legend-classic .esri-legend__layer-caption{padding:var(--instant-apps-interactive-legend-ui-padding)}instant-apps-interactive-legend-classic .instant-apps-interactive-legend__layer-row--interactive{position:relative}instant-apps-interactive-legend-classic .instant-apps-interactive-legend-element-info--selected{background-color:var(--instant-apps-interactive-legend-info-item-background--selected)}instant-apps-interactive-legend-classic .calcite-mode-dark .instant-apps-interactive-legend-element-info--selected{cursor:pointer;background-color:var(--instant-apps-interactive-legend-info-item-background--selected--dark)}instant-apps-interactive-legend-classic .calcite-mode-dark .instant-apps-interactive-legend-element-info--selected .esri-legend__layer-cell--info{color:var(--calcite-color-text-inverse)}instant-apps-interactive-legend-classic .hide{display:none}.instant-apps-interactive-legend__compact .esri-legend__layer-row{--instant-apps-interactive-legend-ui-padding: 10px 5px}.instant-apps-interactive-legend__compact .esri-legend__layer-row .esri-legend__layer-cell--info{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;line-clamp:2;line-height:1.3125rem;max-height:2.625rem}@media(min-width:992px){instant-apps-interactive-legend-classic .instant-apps-interactive-legend__layer-row--interactive{cursor:pointer}instant-apps-interactive-legend-classic .instant-apps-interactive-legend__layer-row--interactive:hover{background-color:var(--instant-apps-interactive-legend-info-item-background--hover)}instant-apps-interactive-legend-classic .instant-apps-interactive-legend__layer-row--interactive:hover.instant-apps-interactive-legend-element-info--selected{background-color:#e2f2fe}instant-apps-interactive-legend-classic .calcite-mode-dark .instant-apps-interactive-legend__layer-row--interactive:hover{background-color:var(--instant-apps-interactive-legend-info-item-background--hover--dark)}instant-apps-interactive-legend-classic .calcite-mode-dark .instant-apps-interactive-legend__layer-row--interactive:hover.instant-apps-interactive-legend-element-info--selected{background-color:#26a9f4}}}`,g={layer:"esri-legend__layer",layerBody:"esri-legend__layer-body",layerRow:"esri-legend__layer-row",layerInfo:"esri-legend__layer-cell esri-legend__layer-cell--info",imageryLayerStretchedImage:"esri-legend__imagery-layer-image--stretched",symbolContainer:"esri-legend__layer-cell esri-legend__layer-cell--symbols",symbol:"esri-legend__symbol",rampContainer:"esri-legend__ramps",sizeRamp:"esri-legend__size-ramp",colorRamp:"esri-legend__color-ramp",opacityRamp:"esri-legend__opacity-ramp",rampLabelsContainer:"esri-legend__ramp-labels",rampLabel:"esri-legend__ramp-label",univariateAboveAndBelowLabel:"esri-univariate-above-and-below-ramp__label",message:"esri-legend__message",interactiveLayerRow:"instant-apps-interactive-legend__layer-row--interactive",infoSelected:"instant-apps-interactive-legend-element-info--selected",compact:"instant-apps-interactive-legend__compact"},vt=24,qe={display:"flex",alignItems:"flex-start"},be={marginLeft:"3px"},ae={display:"table-cell",verticalAlign:"middle"},we=class extends ze{constructor(){super(...arguments),this.calculatingFeatureCount=!1,this.isLoading=!0,this.zoomTo=!1,this.featureCount=!1,this.filterMode={type:"filter"}}static{this.properties={isLoading:16,legendvm:0,zoomTo:5,featureCount:5,filterMode:0,messages:0}}static{this.styles=ft}static{this.shadowRootOptions=Re}connectedCallback(){super.connectedCallback(),!this.handles&&(this.handles=new it)}async load(){new MutationObserver(()=>{this.requestUpdate()}).observe(this.el,{attributes:!0}),W.onChange("data",()=>this.requestUpdate())}willUpdate(e){e.has("filterMode")&&this.legendvm?.view&&(this.hasUpdated||this.filterMode.type!=="filter")&&Ue(this.filterMode,this.legendvm.view)}async loaded(){await this.initLegend()}disconnectedCallback(){super.disconnectedCallback(),this.handles?.removeAll(),this.handles?.destroy(),this.handles=null}async initLegend(){try{await D.whenOnce(()=>this.legendvm?.view);let e=async()=>{try{let s=this.legendvm?.view?.map;await s?.load(),await s?.basemap?.load();let c=s?.allLayers?.map(async h=>await h.load()),n=(await Promise.allSettled(c)).map(h=>h?.status==="fulfilled"&&h?.value?h.value:null).filter(h=>!!h),r=[];n.forEach(h=>{this.legendvm?.view&&r.push(this.legendvm.view.whenLayerView(h))}),await Promise.allSettled(r);let u=await ve(this.legendvm);W.set("data",{...B.data,...u}),this.isLoading=!1,await this.setupWatchersAndListeners()}catch(s){console.error(s),this.isLoading=!1}};this.legendvm?.view?.when(e),this.legendvm?.view?.map?.layers?.on("after-changes",e)}catch{this.isLoading=!1}}getStretchStopLabel(e){let s=this.messages[e.label];return e.label?`${s}: ${typeof e.value=="string"?e.value:ce.formatNumber(e.value,{style:"decimal",notation:e.value.toString().includes("e")?"scientific":"standard"})}`:""}getTitle(e,s){if(!e)return;if(typeof e=="string"||typeof e=="number")return e;if("value"in e||"unit"in e){let r=typeof this.messages?.dotValue=="string"?this.messages.dotValue:"";return ce.substitute(r,e)}if("colorName"in e||"bandName"in e){let{colorName:r,bandName:u}=e,h=this.messages[r],w=typeof this.messages[u]=="string"?this.messages[u]:u;return`${h}: ${w}`}if("showCount"in e)return e.showCount?this.messages.clusterCountTitle:null;let c=null;if(s){let r=e;c=r.ratioPercentTotal?"showRatioPercentTotal":r.ratioPercent?"showRatioPercent":r.ratio?"showRatio":e.normField?"showNormField":e.field?"showField":null}else if(this.isRendererTitle(s)){let r=e;c=r.normField?"showNormField":r.normByPct?"showNormPct":r.field?"showField":null}let n=c==="showField"?"{field}":typeof c=="string"?this.messages[c]:"";return c?ce.substitute(n,{field:e.field,normField:e.normField}):""}isRendererTitle(e){return!e}async setupWatchersAndListeners(){let e=this.legendvm?.view?.map?.allLayers?.filter(n=>n?.type==="feature"),s=[];for(let n of e)this.legendvm?.view&&s.push(this.legendvm?.view?.whenLayerView(n));let c=[];try{c=await Promise.all(s)}catch(n){console.error(n)}for(let n of c){let r=`fLayerViewScale-${n.layer.id}`;!this.handles?.has(r)&&n&&this.handles?.add(n.watch("visibleAtCurrentScale",()=>{this.createDataForLayer(n.layer).catch(u=>{console.error(u)})}),r)}e?.forEach(n=>{let r=`fLayer-${n?.id}`;this.handles?.has(r)||this.handles?.add(D?.watch(()=>n?.visible,()=>{this.createDataForLayer(n).catch(u=>{console.error(u)})}),r)}),this.handles?.add(D.when(()=>this.legendvm,()=>{D.watch(()=>this.legendvm?.view?.updating,()=>{this.calculatingFeatureCount||this.legendvm?.view?.updating&&(this.calculatingFeatureCount=!0,D.when(()=>!this.legendvm?.view?.updating,()=>{pe(this.legendvm,B.data).then(n=>{W.set("data",{...B.data,...n}),this.calculatingFeatureCount=!1}).catch(n=>{console.error(n)})},{once:!0,initial:!0}))},{initial:!0})},{initial:!0,once:!0})),this.handles?.add(D.on(()=>this.legendvm?.activeLayerInfos,"change",n=>{ve(this.legendvm).then(r=>{W.set("data",{...B.data,...r}),this.requestUpdate()}).then(()=>{this.handles?.add(D.on(()=>n.children,"change",()=>{ve(this.legendvm).then(r=>{W.set("data",{...B.data,...r}),this.requestUpdate()}).catch(r=>{console.error(r)})}))}).catch(r=>{console.error(r)})})),this.handles?.add(D.on(()=>this.legendvm?.view?.map?.layers,"after-changes",()=>{pe(this.legendvm,B.data).then(n=>{W.set("data",{...B.data,...n}),this.calculatingFeatureCount=!1}).catch(n=>{console.error(n)})}))}async createDataForLayer(e){let s=W.get("data")?.[e?.id],c=Be(this.legendvm?.activeLayerInfos)?.find(n=>n?.layer?.id===e?.id);if(!s&&c){let n=await Ie(this.legendvm,c);if(me({intLegendLayerData:n,layerId:e?.id}),this.featureCount){let r=await pe(this.legendvm,B.data);W.set("data",{...B.data,...r})}}}applyFilter(e,s,c,n){return async()=>{let r={...B.data?.[s?.id]};n?await he(r,e,c,this.filterMode,n):await he(r,e,c,this.filterMode),me({intLegendLayerData:r,layerId:s?.id})}}render(){let e=this.renderFilteredLayers(),s=W.get("compact")?` ${g.compact}`:"";return this.isLoading?K("interactive-legend-loader",L`<calcite-loader scale=m .label=${this.messages?.loading} .text=${this.messages?.loading}></calcite-loader>`):K("interactive-legend-classic-container",L`<div class=${`${Z(this.el)}${s}`}>${e?.length>0?e:L`<div class=${_(g.message)}>${this.messages?.noLegend}</div>`}</div>`)}renderFilteredLayers(){return(this.legendvm?.activeLayerInfos?.toArray()).map(e=>this.renderLegendForLayer(e)).filter(e=>!!e)}renderLegendForLayer(e,s){if(!e.ready)return null;if(e.children.length){let r=e.children.map(u=>this.renderLegendForLayer(u,!0)).toArray();return L`<instant-apps-interactive-legend-group-legend-element class=${_(Z(this.el))} .legendvm=${this.legendvm} .featureCount=${this.featureCount} .activeLayerInfo=${e} .isChild=${s}><div style=${E({paddingLeft:"20px"})} .id=${`${e?.layer?.id}-legend-layer`} slot=content>${r}</div></instant-apps-interactive-legend-group-legend-element>`}let c=e.legendElements;if(c&&!c.length)return null;let n=c.map((r,u)=>this.renderLegendForElement(r,e.layer,e.effectList,e,u)).filter(r=>!!r);return n.length?L`<instant-apps-interactive-legend-layer-element class=${_(Z(this.el))} .legendvm=${this.legendvm} .featureCount=${this.featureCount} .activeLayerInfo=${e} .isChild=${!!s}><div slot=content .id=${`${e?.layer?.id}-legend-layer`} class=${_(g.layer)}>${n}</div></instant-apps-interactive-legend-layer-element>`:null}renderLegendForElement(e,s,c,n,r,u,h){let w=e.type==="color-ramp",b=e.type==="opacity-ramp",z=e.type==="size-ramp",k=null,x=Me(n,e,r),S=e?.type==="relationship-ramp";if(e.type==="symbol-table"||z){let R=e.infos.map((F,G)=>this.renderLegendForElementInfo(F,s,c,z,e,n,r,G,x,h)).filter(F=>!!F);R.length&&(k=L`<div class=${_(g.layerBody)}>${R}</div>`)}else if(e.type==="color-ramp"||e.type==="opacity-ramp"||e.type==="heatmap-ramp"||e.type==="stretch-ramp"){let R=e;k=this.renderLegendForRamp(R,s.opacity)}else if(S)k=K("relationship-ramp",L`<instant-apps-interactive-legend-relationship class=${_(Z(this.el))} .filterMode=${this.filterMode} .activeLayerInfo=${n} .legendElement=${e}></instant-apps-interactive-legend-relationship>`);else if(e.type==="pie-chart-ramp"){let R=e;k=this.renderPieChartRamp(R)}else if(e.type==="univariate-above-and-below-ramp"){let R=e;k=this.renderUnivariateAboveAndBelowRamp(R,s.opacity,c)}else if(e.type==="univariate-color-size-ramp"){let R=e;k=this.renderUnivariateColorSizeRamp(R,s.opacity,c)}if(!k)return null;let I=e.title,P=null;if(typeof I=="string")P=I;else if(I){let R=I,F=this.getTitle(R,w||b);this.isRendererTitle(w||b)?"title"in I&&(P=`${I.title} (${F})`):P=F}return L`<instant-apps-interactive-legend-legend-element class=${_(Z(this.el))} .activeLayerInfo=${n} .isSizeRamp=${z} .isChild=${!!u} .isColorRamp=${w} .isRelationshipRamp=${S} .isInteractive=${x} .zoomTo=${this.zoomTo} .legendElement=${e} .titleText=${P} .legendvm=${this.legendvm} .legendElementIndex=${r}><div slot=content>${k}</div></instant-apps-interactive-legend-legend-element>`}renderPieChartRamp(e){return L`<div .innerHTML=${`${e.preview?.outerHTML}`}></div>`}renderUnivariateAboveAndBelowRamp(e,s,c){let{sizeRampElement:n,colorRampElement:r}=ct(e,s);if(!n)return null;let u=$e(n,"above",!0),h=$e(n,"below",!0),w=12,b=ye(r,{width:w,height:u,rampAlignment:"vertical",opacity:s,type:"above",effectList:c}),z=ye(r,{width:w,height:h,rampAlignment:"vertical",opacity:s,type:"below",effectList:c}),k=De(n),x=n.infos.map(H=>H.label),S=x.map((H,U)=>U===0?L`<div class=${_(H?b?g.univariateAboveAndBelowLabel:g.rampLabel:"")}>${H}</div>`:U===2?L`<div></div>`:null),I=x.length-1,P=Math.floor(x.length/2),R=x.map((H,U)=>U===P||U===I?L`<div class=${_(H?b?g.univariateAboveAndBelowLabel:g.rampLabel:"")}>${H}</div>`:null),F={display:"table-cell",verticalAlign:"middle"},G={marginTop:`${k}px`},O={height:`${u}px`},j={height:`${h}px`};return K("univariate-above-and-below-ramp-preview",L`<div style=${E(qe)}><div class=${_(g.layerBody)}>${n.infos.map((H,U)=>L`<div class=${`${g.layerRow} ${g.sizeRamp}`}><div class=${_(g.symbol)} style=${E(F)} .innerHTML=${H?.preview?.outerHTML??""??""}></div>${!b&&U%2===0?L`<div class=${_(g.layerInfo)}>${x[U]}</div>`:null}</div>`)}</div>${b?K("color-ramp-preview",L`<div style=${E(G)}><div style=${E(be)}><div style=${E(ae)}><div class=${_(g.rampContainer)}>${b}</div></div><div style=${E(ae)}><div class=${_(g.rampLabelsContainer)} style=${E(O)}>${S}</div></div></div><div style=${E(be)}><div style=${E(ae)}><div class=${_(g.rampContainer)}>${z}</div></div><div style=${E(ae)}><div class=${_(g.rampLabelsContainer)} style=${E(j)}>${R}</div></div></div></div>`):null}</div>`)}renderUnivariateColorSizeRamp(e,s,c){let{sizeRampElement:n,colorRampElement:r}=ot(e);if(!n)return null;let u=De(n),h=12,w=$e(n,"full",!1),b=ye(r,{width:h,height:w,rampAlignment:"vertical",opacity:s,type:"full",effectList:c}),z=n.infos.length-1,k=n.infos.map((P,R)=>R===0||R===z?L`<div class=${_(P.label?r?g.univariateAboveAndBelowLabel:g.rampLabel:"")}>${P.label}</div>`:null),x={display:"table-cell",verticalAlign:"middle"},S={marginTop:`${u}px`},I={height:`${w}px`};return K("univariate-above-and-below-ramp-preview",L`<div style=${E(qe)}><div class=${_(g.layerBody)}>${n.infos.map(P=>L`<div class=${`${g.layerRow} ${g.sizeRamp}`}><div class=${_(g.symbol)} style=${E(x)} .innerHTML=${P?.preview?.outerHTML??""??""}></div></div>`)}</div>${K("color-ramp-preview",L`<div style=${E(S)}><div style=${E(be)}><div style=${E(ae)}><div class=${_(g.rampContainer)}>${b}</div></div><div style=${E(ae)}><div class=${_(g.rampLabelsContainer)} style=${E(I)}>${k}</div></div></div></div>`)}</div>`)}renderLegendForRamp(e,s){let c=e.infos,n=e.type==="opacity-ramp",r=e.type==="heatmap-ramp",u=e.type==="stretch-ramp",h=e.preview,w=n?g.opacityRamp:"";h&&(h.classList.add(g.colorRamp),w&&h.classList.add(w)),s!=null&&h&&(h.style.opacity=s.toString());let b=c.map(x=>{let S;if(r){let I=this.messages[x.label];S=typeof I=="string"?I:x.label}else u?S="value"in x?this.getStretchStopLabel(x):x.label:S=x.label;return L`<div class=${_(x.label?g.rampLabel:"")}>${S}</div>`}),z={width:`${vt}px`},k={height:h?.style?.height};return L`<div class=${_(g.layerRow)}><div class=${_(g.symbolContainer)} style=${E({...z})}><div class=${_(g.rampContainer)} ${Ee(x=>{x?.firstChild&&x?.firstChild?.remove(),x?.appendChild(h)})}></div></div><div class=${_(g.layerInfo)}><div class=${_(g.rampLabelsContainer)} style=${E({...k})}>${b}</div></div></div>`}renderLegendForElementInfo(e,s,c,n,r,u,h,w,b,z){if("infos"in e)return this.renderLegendForElement(e,s,c,u,h,!0,e);let k=null,x=!dt(s,r.type);if("preview"in e){let{outerHTML:q}=e.preview;k=L`<div class=${_(g.symbol)} .innerHTML=${q??""}></div>`}else"src"in e&&(k=this.renderImage(e,s,x));if(!k)return null;let S="",I=n?` ${g.sizeRamp}`:"",P,R=Te(s),F=He(R,z);if(B.data){let q=Pe(R,s,e,F,w),N=F?F?.nestedInfos:R,re=Fe(N);P=R?.categories?.size===1?!q?.selected:re||q?.selected}let G="label"in e?e.label:null,O=F&&!("value"in e)?!1:b,j=W.get("compact"),H=this.getTitle(G,!1)||"",U=F?r.title:G??s?.id;return O?L`<button @click=${this.applyFilter(e,s,w,z)} class=${`${g.layerRow} ${g.interactiveLayerRow}${P?` ${g.infoSelected}`:""}`} title=${(j?`${H}`:void 0)??fe} .ariaPressed=${P?"true":"false"}><div class=${`${g.symbolContainer}${S}${I}`}>${k}</div><div class=${`${g.layerInfo}${S}`}>${this.getTitle(G,!1)||""}</div>${this.featureCount&&!j?L`<instant-apps-interactive-legend-count class=${_(Z(this.el))} .categoryId=${U} .activeLayerInfo=${u} .legendvm=${this.legendvm} .selected=${!!P} .legendElement=${r} .infoIndex=${w}></instant-apps-interactive-legend-count>`:null}</button>`:L`<div class=${_(g.layerRow)}><div class=${`${g.symbolContainer}${S}${I}`}>${k}</div><div class=${`${g.layerInfo}${S}`}>${H}</div></div>`}renderImage(e,s,c){let{label:n,src:r,opacity:u}=e,h=c?` ${g.imageryLayerStretchedImage}`:"",w=c?"":` ${g.symbol}`,b={opacity:`${u??s.opacity}`};return L`<img alt=${this.getTitle(n,!1)??fe} src=${r??fe} width=${e.width} height=${e.height} class=${`$${h}${w}`} style=${E(b)}>`}};Se("instant-apps-interactive-legend-classic",we);return we},"symbols/support/symbolUtils","core/reactiveUtils","intl","core/Handles",a,b,c,d)
+import d from"./WDRZR4N3.js";import c from"./SO27FVOH.js";import b from"./KGUELU4O.js";import a from"./4AFANEZZ.js";import{a as K}from"./ONARC6AZ.js";import{b as Se}from"./CVHXDPJO.js";import"./ISFTCFSJ.js";import{F as Ee,G as ze,I as _,J as E,h as ke,i as L,j as ue,l as fe,t as Re}from"./FFF5HUPM.js";import"./QPIMTXPL.js";export default $arcgis.t(([Ge,D,ce,it,,,{a:B,b:W},{a:Ie,b:ve,d:Pe,e:Te,f:he,g:Fe,i:Me,o:pe,s:He,t:Z,u:me,v:Ue,w:Be}])=>{(function($,e){typeof exports=="object"&&typeof module<"u"?e(exports):typeof define=="function"&&define.amd?define(["exports"],e):($=typeof globalThis<"u"?globalThis:$||self,e($.maquette={}))})(void 0,(function($){"use strict";var e=function(){var t,i;return{invalidate:function(){i=void 0,t=void 0},result:function(a,l){if(t)for(var p=0;p<a.length;p++)t[p]!==a[p]&&(i=void 0);return i||(i=l(),t=a),i}}},s="http://www.w3.org/",c="".concat(s,"2000/svg"),n="".concat(s,"1999/xlink"),r=[],u=function(t,i){var a={};return Object.keys(t).forEach(function(l){a[l]=t[l]}),i&&Object.keys(i).forEach(function(l){a[l]=i[l]}),a},h=function(t,i){return t.vnodeSelector!==i.vnodeSelector?!1:t.properties&&i.properties?t.properties.key!==i.properties.key?!1:t.properties.bind===i.properties.bind:!t.properties&&!i.properties},w=function(t){if(typeof t!="string")throw new Error("Style values must be strings")},b=function(t,i,a){if(i.vnodeSelector!==""){for(var l=a;l<t.length;l++)if(h(t[l],i))return l}return-1},z=function(t,i,a,l){var p=t[i];if(p.vnodeSelector!==""){var o=p.properties,A=o?o.key===void 0?o.bind:o.key:void 0;if(!A){for(var v=0;v<t.length;v++)if(v!==i){var d=t[v];if(h(d,p))throw Object.assign(new Error("".concat(a.vnodeSelector," had a ").concat(p.vnodeSelector," child ").concat(l==="added"?l:"removed",", but there is now more than one. You must add unique key properties to make them distinguishable.")),{parentNode:a,childNode:p})}}}},k=function(t){if(t.properties){var i=t.properties.enterAnimation;i&&i(t.domNode,t.properties)}},x=[],S=!1,I=function(t){(t.children||[]).forEach(I),t.properties&&t.properties.afterRemoved&&t.properties.afterRemoved.apply(t.properties.bind||t.properties,[t.domNode])},P=function(){S=!1,x.forEach(I),x.length=0},R=function(t){x.push(t),S||(S=!0,typeof window<"u"&&"requestIdleCallback"in window?window.requestIdleCallback(P,{timeout:16}):setTimeout(P,16))},F=function(t){var i=t.domNode;if(t.properties){var a=t.properties.exitAnimation;if(a){i.style.pointerEvents="none";var l=function(){i.parentNode&&(i.parentNode.removeChild(i),R(t))};a(i,l,t.properties);return}}i.parentNode&&(i.parentNode.removeChild(i),R(t))},G=["on","afterCreate","afterUpdate","afterRemoved","enterAnimation","exitAnimation","updateAnimation"];function O(t){return!G.includes(t)}var j=function(t,i,a){if(i){for(var l=a.eventHandlerInterceptor,p=Object.keys(i).filter(O),o=p.length,A=0;A<o;A++){var v=p[A],d=i[v];if(v==="className")throw new Error('Property "className" is not supported, use "class".');if(v==="class")re(t,d,!0);else if(v==="classes")for(var f=Object.keys(d),C=f.length,y=0;y<C;y++){var m=f[y];d[m]&&t.classList.add(m)}else if(v==="styles")for(var M=Object.keys(d),T=M.length,y=0;y<T;y++){var J=M[y],ee=d[J];ee&&(w(ee),a.styleApplyer(t,J,ee))}else if(v!=="key"&&d!==null&&d!==void 0){var oe=typeof d;oe==="function"?(v.lastIndexOf("on",0)===0&&l&&(d=l(v,d,t,i)),t[v]=d):a.namespace===c?v==="href"?t.setAttributeNS(n,v,d):t.setAttribute(v,d):oe==="string"&&v!=="value"&&v!=="innerHTML"?t.setAttribute(v,d):t[v]=d}}if(i.on)for(var te=0,de=Object.entries(i.on);te<de.length;te++){var X=de[te],Y=X[0],Q=X[1],ie=typeof Q=="function"?Q:Q.listener;l&&(ie=l(Y,ie,t,i)),ie&&t.addEventListener(Y,ie,typeof Q=="function"?void 0:Q.options)}}},H=function(t,i,a){if(i)for(var l=0,p=i;l<p.length;l++){var o=p[l];q(o,t,void 0,a)}},U=function(t,i,a){H(t,i.children,a),i.text&&(t.textContent=i.text),j(t,i.properties,a),i.properties&&i.properties.afterCreate&&i.properties.afterCreate.apply(i.properties.bind||i.properties,[t,a,i.vnodeSelector,i.properties,i.children])},q=function(t,i,a,l){var p,o,A=0,v=t.vnodeSelector,d=i.ownerDocument;if(v==="")t.domNode?t.domNode.nodeValue=t.text:(o=t.domNode=d.createTextNode(t.text),a!==void 0?i.insertBefore(o,a):i.appendChild(o));else{for(var f=0;f<=v.length;++f){var C=v.charAt(f);if(f===v.length||C==="."||C==="#"){var y=v.charAt(A-1),m=v.slice(A,f);y==="."?o.classList.add(m):y==="#"?o.id=m:(m==="svg"&&(l=u(l,{namespace:c})),l.namespace!==void 0?o=t.domNode=d.createElementNS(l.namespace,m):(o=t.domNode=t.domNode||(!((p=t.properties)===null||p===void 0)&&p.is?d.createElement(m,{is:t.properties.is}):d.createElement(m)),m==="input"&&t.properties&&t.properties.type!==void 0&&o.setAttribute("type",t.properties.type)),a!==void 0?i.insertBefore(o,a):o.parentNode!==i&&i.appendChild(o)),A=f+1}}U(o,t,l)}},N,re=function(t,i,a){i&&i.split(" ").forEach(function(l){l&&t.classList.toggle(l,a)})},Xe=function(t,i,a,l){if(a){for(var p=!1,o=Object.keys(a).filter(O),A=o.length,v=0;v<A;v++){var d=o[v],f=a[d],C=i[d];if(d==="class")C!==f&&(re(t,C,!1),re(t,f,!0));else if(d==="classes")for(var y=t.classList,m=Object.keys(f),M=m.length,T=0;T<M;T++){var J=m[T],ee=!!f[J],oe=!!C[J];ee!==oe&&(p=!0,ee?y.add(J):y.remove(J))}else if(d==="styles")for(var te=Object.keys(f),de=te.length,T=0;T<de;T++){var X=te[T],Y=f[X],Q=C[X];Y!==Q&&(p=!0,Y?(w(Y),l.styleApplyer(t,X,Y)):l.styleApplyer(t,X,""))}else if(!f&&typeof C=="string"&&(f=""),d==="value"){var ie=t[d];ie!==f&&f!==C&&(t[d]=f),f!==C&&(p=!0)}else if(f!==C){var Ce=typeof f;(Ce!=="function"||!l.eventHandlerInterceptor)&&(l.namespace===c?d==="href"?t.setAttributeNS(n,d,f):t.setAttribute(d,f):Ce==="string"&&d!=="innerHTML"?d==="role"&&f===""?t.removeAttribute(d):t.setAttribute(d,f):t[d]!==f&&(t[d]=f),p=!0)}}return p}},Ye=function(t,i,a,l,p){if(a===l)return!1;a=a||r,l=l||r;for(var o=a.length,A=l.length,v=0,d=0,f,C=!1;d<A;){var y=v<o?a[v]:void 0,m=l[d];if(y!==void 0&&h(y,m))C=N(y,m,p,i,a)||C,v++;else{var M=b(a,m,v+1);if(M>=0){for(f=v;f<M;f++)F(a[f]),z(a,f,t,"removed");C=N(a[M],m,p,i,a)||C,v=M+1}else q(m,i,v<o?a[v].domNode:void 0,p),k(m),z(l,d,t,"added")}d++}if(o>v)for(f=v;f<o;f++)F(a[f]),z(a,f,t,"removed");return C};N=function(t,i,a,l,p){var o=t.domNode,A=!1;if(t===i)return!1;var v=!1;if(i.vnodeSelector===""){if(i.text!==t.text){var d=o.ownerDocument.createTextNode(i.text);try{l.replaceChild(d,o)}catch{l.replaceChild(d,l.childNodes[p.indexOf(t)])}return i.domNode=d,A=!0,A}i.domNode=o}else i.vnodeSelector.lastIndexOf("svg",0)===0&&(a=u(a,{namespace:c})),t.text!==i.text&&(v=!0,i.text===void 0?o.removeChild(o.firstChild):o.textContent=i.text),i.domNode=o,v=Ye(i,o,t.children,i.children,a)||v,v=Xe(o,t.properties,i.properties,a)||v,i.properties&&i.properties.afterUpdate&&i.properties.afterUpdate.apply(i.properties.bind||i.properties,[o,a,i.vnodeSelector,i.properties,i.children]);return v&&i.properties&&i.properties.updateAnimation&&i.properties.updateAnimation(o,i.properties,t.properties),A};var se=function(t,i){return{getLastRender:function(){return t},update:function(a){if(t.vnodeSelector!==a.vnodeSelector)throw new Error("The selector for the root VNode may not be changed. (consider using dom.merge and add one extra level to the virtual DOM)");var l=t;t=a,N(l,a,i,l.domNode.parentNode,[l])},domNode:t.domNode}},Qe={namespace:void 0,performanceLogger:function(){},eventHandlerInterceptor:void 0,styleApplyer:function(t,i,a){i.charAt(0)==="-"?t.style.setProperty(i,a):t.style[i]=a}},V=function(t){return u(Qe,t)},le={create:function(t,i){return i=V(i),q(t,document.createElement("div"),void 0,i),se(t,i)},append:function(t,i,a){return a=V(a),q(i,t,void 0,a),se(i,a)},insertBefore:function(t,i,a){return a=V(a),q(i,t.parentNode,t,a),se(i,a)},merge:function(t,i,a){return a=V(a),i.domNode=t,U(t,i,a),se(i,a)},replace:function(t,i,a){return a=V(a),q(i,t.parentNode,t,a),t.parentNode.removeChild(t),se(i,a)}},Ze=function(t){return{vnodeSelector:"",properties:void 0,children:void 0,text:t.toString(),domNode:null}},xe=function(t,i,a){for(var l=0,p=i.length;l<p;l++){var o=i[l];Array.isArray(o)?xe(t,o,a):o!=null&&o!==!1&&(typeof o=="string"&&(o=Ze(o)),a.push(o))}};function Oe(t,i,a){if(Array.isArray(i))a=i,i=void 0;else if(i&&(typeof i=="string"||i.vnodeSelector)||a&&(typeof a=="string"||a.vnodeSelector))throw new Error("h called with invalid arguments");var l,p;return a&&a.length===1&&typeof a[0]=="string"?l=a[0]:a&&(p=[],xe(t,a,p),p.length===0&&(p=void 0)),{vnodeSelector:t,properties:i,children:p,text:l===""?void 0:l,domNode:null}}var je=function(t,i,a){var l=[],p=[];return{results:p,map:function(o){for(var A=o.map(t),v=p.slice(),d=0,f=0;f<o.length;f++){var C=o[f],y=A[f];if(y===l[d])p[f]=v[d],a(C,v[d],f),d++;else{for(var m=!1,M=1;M<l.length+1;M++){var T=(d+M)%l.length;if(l[T]===y){p[f]=v[T],a(o[f],v[T],f),d=T+1,m=!0;break}}m||(p[f]=i(C,f))}}p.length=o.length,l=A}}},Ne=function(t,i){for(var a=[];t&&t!==i;)a.push(t),t=t.parentNode;return a},Ve=function(t,i){var a=t;return i.forEach(function(l){a=a&&a.children?a.children.find(function(p){return p.domNode===l}):void 0}),a},et=function(t,i,a){return function(p,o,A,v){return l};function l(p){var o,A;a("domEvent",p);var v=i(),d=Ne(p.currentTarget,v.domNode);d.reverse();var f=Ve(v.getLastRender(),d);t.scheduleRender();var C;if(f){var y=(A=(o=f.properties["on".concat(p.type)])!==null&&o!==void 0?o:f.properties.on[p.type].listener)!==null&&A!==void 0?A:f.properties.on[p.type];C=y.apply(f.properties.bind||this,arguments)}return a("domEventProcessed",p),C}},tt=function(t){var i,a=V(t),l=a.performanceLogger,p=!0,o,A=!1,v=[],d=[],f=function(y,m,M){var T,J=function(){return T};a.eventHandlerInterceptor=et(i,J,l),T=y(m,M(),a),v.push(T),d.push(M)},C=function(){if(o=void 0,!!p){p=!1,l("renderStart",void 0);for(var y=0;y<v.length;y++){var m=d[y]();l("rendered",void 0),v[y].update(m),l("patched",void 0)}l("renderDone",void 0),p=!0}};return i={renderNow:C,scheduleRender:function(){!o&&!A&&(o=requestAnimationFrame(C))},stop:function(){o&&(cancelAnimationFrame(o),o=void 0),A=!0},resume:function(){A=!1,p=!0,i.scheduleRender()},append:function(y,m){f(le.append,y,m)},insertBefore:function(y,m){f(le.insertBefore,y,m)},merge:function(y,m){f(le.merge,y,m)},replace:function(y,m){f(le.replace,y,m)},detach:function(y){for(var m=0;m<d.length;m++)if(d[m]===y)return d.splice(m,1),v.splice(m,1)[0];throw new Error("renderFunction was not found")}},i};$.createCache=e,$.createMapping=je,$.createProjector=tt,$.dom=le,$.h=Oe}));var at=96;function ne($){return $?$/72*at:0}var nt=(void 0)(),Je=10,_e=20,ge=10,Le=20,Ae={univariateAboveAndBelowSymbol:"esri-univariate-above-and-below-ramp__symbol",colorRamp:"esri-legend__color-ramp"};function rt($="vertical"){let e={stroke:"rgb(200, 200, 200)",strokeWidth:"1"};return $==="vertical"?L`<svg height=4 width=10>${ue`<line x1=0 y1=2 x2=10 y2=2 style=${E(e)} />`}</svg>`:L`<svg height=10 width=10>${ue`<line x1=5 y1=0 x2=5 y2=10 style=${E(e)} />`}</svg>`}function st($,e="vertical"){let s=document.createElement("div");return s.style.height=`${_e}px`,s.className=Ae.univariateAboveAndBelowSymbol,$!=null&&(s.style.opacity=$.toString()),nt.append(s,rt.bind(null,e)),s}function Ke($,e,s="vertical",c){$.infos.forEach((n,r)=>{if(c&&r===2)n.preview=st(e,s);else{let{size:u}=n,h=ne(u)+(s==="horizontal"?Le:ge),w=n.preview.tagName.toLowerCase()==="div",b=w?n.preview:document.createElement("div");b&&(b.className=Ae.univariateAboveAndBelowSymbol),s==="horizontal"?b&&(b.style.width=`${h}px`):b&&(b.style.height=`${h}px`),w||b&&b.appendChild(n.preview),n.preview=b}})}function De($,e="classic"){let s=$.infos,c=s[0].size,n=s[s.length-1].size;return e==="classic"?(ne(c)+ge)/2:(ne(c)-ne(n))/2}function ye($,e){if(!$)return null;let s=$.infos.map(n=>n.color),c=Ge.renderColorRampPreviewHTML(e.type==="full"?s:e.type==="above"?s.slice(0,3):s.slice(2,5),{width:e.width,height:e.height,align:e.rampAlignment,effectList:e.effectList});return c.className=Ae.colorRamp,e.opacity!=null&&(c.style.opacity=e.opacity.toString()),c}function lt($,e,s,c="vertical"){let n=0,r=$.infos,u=Math.floor(r.length/2),h=e==="full"||e==="above"?0:u,w=e==="full"||e==="below"?r.length-1:u;for(let b=h;b<=w;b++)if(s&&b===u)n+=c==="horizontal"?Je:_e;else{let z=r[b].size,k=ne(z)+(c==="horizontal"?Le:ge);n+=k}return Math.round(n)}function $e($,e,s,c="vertical"){let n=lt($,e,s,c),r=$.infos,u=Math.floor(r.length/2),h=e==="full"||e==="above"?0:u,w=e==="full"||e==="below"?r.length-1:u,b=e==="full"?r[h].size+r[w].size:e==="above"?r[h].size:r[w].size,z=s?c==="vertical"?_e:Je:0,k=c==="vertical"?ge*(e==="full"?2:1):Le*(e==="full"?2:1);return Math.round(n-(ne(b)/2+z/2+k/2))}function ct($,e,s="vertical"){let c=$.infos,n=c.find(({type:u})=>u==="size-ramp"),r=c.find(({type:u})=>u==="color-ramp");return n&&(n={...n},n.infos=[...n.infos],Ke(n,e,s,!0)),r&&(r={...r},r.infos=[...r.infos]),s==="horizontal"&&(n?.infos.reverse(),r?.infos.reverse()),{sizeRampElement:n,colorRampElement:r}}function ot($,e="vertical"){let s=$.infos,c=s.find(({type:r})=>r==="size-ramp"),n=s.find(({type:r})=>r==="color-ramp");return c&&(c={...c},c.infos=[...c.infos],Ke(c,null,e,!1)),n&&(n={...n},n.infos=[...n.infos]),e==="horizontal"&&(c?.infos.reverse(),n?.infos.reverse()),{sizeRampElement:c,colorRampElement:n}}function dt($,e){return!0}var ft=ke`@layer{instant-apps-interactive-legend-classic{display:block;--instant-apps-interactive-legend-heading-font-size: 1rem;--instant-apps-interactive-legend-heading-font-weight: normal;--instant-apps-interactive-legend-caption-font-weight: normal;--instant-apps-interactive-legend-secondary-color: var( --calcite-color-text-1 );--instant-apps-interactive-legend-field-name-font-size: 1rem;--instant-apps-interactive-legend-total-feature-count-font-size: .875rem;--instant-apps-interactive-legend-info-font-size: .875rem;--instant-apps-interactive-legend-info-item-background--selected: #c7ebff;--instant-apps-interactive-legend-info-item-background--selected--dark: #009af2;--instant-apps-interactive-legend-info-item-background--hover: #e9e9e9;--instant-apps-interactive-legend-info-item-background--hover--dark: #4a4a4a;--instant-apps-interactive-legend-info-item-color--selected: var( --calcite-color-text-2 );--instant-apps-interactive-legend-secondary-background-color: var( --calcite-color-background );--instant-apps-interactive-legend-ui-margin: 20px 15px;--instant-apps-interactive-legend-ui-padding: 20px 15px}instant-apps-interactive-legend-classic .esri-legend__service{padding:0}instant-apps-interactive-legend-classic .esri-legend__layer-body,instant-apps-interactive-legend-classic .esri-legend__layer,instant-apps-interactive-legend-classic .esri-legend__layer-table,instant-apps-interactive-legend-classic .esri-legend__group-layer-child,instant-apps-interactive-legend-classic .esri-legend__layer-child-table{margin:0;overflow:hidden}instant-apps-interactive-legend-classic .esri-legend__layer-caption calcite-action{margin-right:5px}instant-apps-interactive-legend-classic .esri-legend__layer-caption{display:flex;align-items:center;font-size:var(--instant-apps-interactive-legend-field-name-font-size);background-color:var(--instant-apps-interactive-legend-secondary-background-color);color:var(--instant-apps-interactive-legend-secondary-color)}instant-apps-interactive-legend-classic .instant-apps-interactive-legend__layer-caption-btn-container{white-space:nowrap}instant-apps-interactive-legend-classic .instant-apps-interactive-legend__layer-caption-btn-container calcite-button{margin:2px}instant-apps-interactive-legend-classic .esri-legend__layer-caption{font-weight:var(--instant-apps-interactive-legend-caption-font-weight)}instant-apps-interactive-legend-classic .esri-legend__layer-cell.esri-legend__layer-cell--info{font-size:var(--instant-apps-interactive-legend-info-font-size);text-align:left}instant-apps-interactive-legend-classic .esri-legend__layer-cell,instant-apps-interactive-legend-classic .esri-legend__layer-row{display:flex;align-items:center}instant-apps-interactive-legend-classic .instant-apps-interactive-legend__non-interactive .esri-legend__layer-body{display:block;margin:var(--instant-apps-interactive-legend-ui-margin)}instant-apps-interactive-legend-classic .instant-apps-interactive-legend__non-interactive.instant-apps-interactive-legend__nested-unique-symbol>.esri-legend__layer-body{margin:0}instant-apps-interactive-legend-classic .instant-apps-interactive-legend__non-interactive .esri-legend__layer-row{display:table-row}instant-apps-interactive-legend-classic .instant-apps-interactive-legend__non-interactive .esri-legend__layer-cell{display:table-cell}instant-apps-interactive-legend-classic .esri-legend__layer-cell--symbols{justify-content:center;width:20%}instant-apps-interactive-legend-classic .esri-legend__layer-cell--info{width:65%}instant-apps-interactive-legend-classic .instant-apps-interactive-legend__layer-row--interactive{margin:1px;background:transparent;border:none;width:100%}instant-apps-interactive-legend-classic .esri-legend__layer-cell--info{color:var(--instant-apps-interactive-legend-secondary-color)}instant-apps-interactive-legend-classic .esri-legend__layer-row,instant-apps-interactive-legend-classic .esri-legend__layer-caption{padding:var(--instant-apps-interactive-legend-ui-padding)}instant-apps-interactive-legend-classic .instant-apps-interactive-legend__layer-row--interactive{position:relative}instant-apps-interactive-legend-classic .instant-apps-interactive-legend-element-info--selected{background-color:var(--instant-apps-interactive-legend-info-item-background--selected)}instant-apps-interactive-legend-classic .calcite-mode-dark .instant-apps-interactive-legend-element-info--selected{cursor:pointer;background-color:var(--instant-apps-interactive-legend-info-item-background--selected--dark)}instant-apps-interactive-legend-classic .calcite-mode-dark .instant-apps-interactive-legend-element-info--selected .esri-legend__layer-cell--info{color:var(--calcite-color-text-inverse)}instant-apps-interactive-legend-classic .hide{display:none}.instant-apps-interactive-legend__compact .esri-legend__layer-row{--instant-apps-interactive-legend-ui-padding: 10px 5px}.instant-apps-interactive-legend__compact .esri-legend__layer-row .esri-legend__layer-cell--info{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;line-clamp:2;line-height:1.3125rem;max-height:2.625rem}@media(min-width:992px){instant-apps-interactive-legend-classic .instant-apps-interactive-legend__layer-row--interactive{cursor:pointer}instant-apps-interactive-legend-classic .instant-apps-interactive-legend__layer-row--interactive:hover{background-color:var(--instant-apps-interactive-legend-info-item-background--hover)}instant-apps-interactive-legend-classic .instant-apps-interactive-legend__layer-row--interactive:hover.instant-apps-interactive-legend-element-info--selected{background-color:#e2f2fe}instant-apps-interactive-legend-classic .calcite-mode-dark .instant-apps-interactive-legend__layer-row--interactive:hover{background-color:var(--instant-apps-interactive-legend-info-item-background--hover--dark)}instant-apps-interactive-legend-classic .calcite-mode-dark .instant-apps-interactive-legend__layer-row--interactive:hover.instant-apps-interactive-legend-element-info--selected{background-color:#26a9f4}}}`,g={layer:"esri-legend__layer",layerBody:"esri-legend__layer-body",layerRow:"esri-legend__layer-row",layerInfo:"esri-legend__layer-cell esri-legend__layer-cell--info",imageryLayerStretchedImage:"esri-legend__imagery-layer-image--stretched",symbolContainer:"esri-legend__layer-cell esri-legend__layer-cell--symbols",symbol:"esri-legend__symbol",rampContainer:"esri-legend__ramps",sizeRamp:"esri-legend__size-ramp",colorRamp:"esri-legend__color-ramp",opacityRamp:"esri-legend__opacity-ramp",rampLabelsContainer:"esri-legend__ramp-labels",rampLabel:"esri-legend__ramp-label",univariateAboveAndBelowLabel:"esri-univariate-above-and-below-ramp__label",message:"esri-legend__message",interactiveLayerRow:"instant-apps-interactive-legend__layer-row--interactive",infoSelected:"instant-apps-interactive-legend-element-info--selected",compact:"instant-apps-interactive-legend__compact"},vt=24,qe={display:"flex",alignItems:"flex-start"},be={marginLeft:"3px"},ae={display:"table-cell",verticalAlign:"middle"},we=class extends ze{constructor(){super(...arguments),this.calculatingFeatureCount=!1,this.isLoading=!0,this.zoomTo=!1,this.featureCount=!1,this.filterMode={type:"filter"}}static{this.properties={isLoading:16,legendvm:0,zoomTo:5,featureCount:5,filterMode:0,messages:0}}static{this.styles=ft}static{this.shadowRootOptions=Re}connectedCallback(){super.connectedCallback(),!this.handles&&(this.handles=new it)}async load(){new MutationObserver(()=>{this.requestUpdate()}).observe(this.el,{attributes:!0}),W.onChange("data",()=>this.requestUpdate())}willUpdate(e){e.has("filterMode")&&this.legendvm?.view&&(this.hasUpdated||this.filterMode.type!=="filter")&&Ue(this.filterMode,this.legendvm.view)}async loaded(){await this.initLegend()}disconnectedCallback(){super.disconnectedCallback(),this.handles?.removeAll(),this.handles?.destroy(),this.handles=null}async initLegend(){try{await D.whenOnce(()=>this.legendvm?.view);let e=async()=>{try{let s=this.legendvm?.view?.map;await s?.load(),await s?.basemap?.load();let c=s?.allLayers?.map(async h=>await h.load()),n=(await Promise.allSettled(c)).map(h=>h?.status==="fulfilled"&&h?.value?h.value:null).filter(h=>!!h),r=[];n.forEach(h=>{this.legendvm?.view&&r.push(this.legendvm.view.whenLayerView(h))}),await Promise.allSettled(r);let u=await ve(this.legendvm);W.set("data",{...B.data,...u}),this.isLoading=!1,await this.setupWatchersAndListeners()}catch(s){console.error(s),this.isLoading=!1}};this.legendvm?.view?.when(e),this.legendvm?.view?.map?.layers?.on("after-changes",e)}catch{this.isLoading=!1}}getStretchStopLabel(e){let s=this.messages[e.label];return e.label?`${s}: ${typeof e.value=="string"?e.value:ce.formatNumber(e.value,{style:"decimal",notation:e.value.toString().includes("e")?"scientific":"standard"})}`:""}getTitle(e,s){if(!e)return;if(typeof e=="string"||typeof e=="number")return e;if("value"in e||"unit"in e){let r=typeof this.messages?.dotValue=="string"?this.messages.dotValue:"";return ce.substitute(r,e)}if("colorName"in e||"bandName"in e){let{colorName:r,bandName:u}=e,h=this.messages[r],w=typeof this.messages[u]=="string"?this.messages[u]:u;return`${h}: ${w}`}if("showCount"in e)return e.showCount?this.messages.clusterCountTitle:null;let c=null;if(s){let r=e;c=r.ratioPercentTotal?"showRatioPercentTotal":r.ratioPercent?"showRatioPercent":r.ratio?"showRatio":e.normField?"showNormField":e.field?"showField":null}else if(this.isRendererTitle(s)){let r=e;c=r.normField?"showNormField":r.normByPct?"showNormPct":r.field?"showField":null}let n=c==="showField"?"{field}":typeof c=="string"?this.messages[c]:"";return c?ce.substitute(n,{field:e.field,normField:e.normField}):""}isRendererTitle(e){return!e}async setupWatchersAndListeners(){let e=this.legendvm?.view?.map?.allLayers?.filter(n=>n?.type==="feature"),s=[];for(let n of e)this.legendvm?.view&&s.push(this.legendvm?.view?.whenLayerView(n));let c=[];try{c=await Promise.all(s)}catch(n){console.error(n)}for(let n of c){let r=`fLayerViewScale-${n.layer.id}`;!this.handles?.has(r)&&n&&this.handles?.add(n.watch("visibleAtCurrentScale",()=>{this.createDataForLayer(n.layer).catch(u=>{console.error(u)})}),r)}e?.forEach(n=>{let r=`fLayer-${n?.id}`;this.handles?.has(r)||this.handles?.add(D?.watch(()=>n?.visible,()=>{this.createDataForLayer(n).catch(u=>{console.error(u)})}),r)}),this.handles?.add(D.when(()=>this.legendvm,()=>{D.watch(()=>this.legendvm?.view?.updating,()=>{this.calculatingFeatureCount||this.legendvm?.view?.updating&&(this.calculatingFeatureCount=!0,D.when(()=>!this.legendvm?.view?.updating,()=>{pe(this.legendvm,B.data).then(n=>{W.set("data",{...B.data,...n}),this.calculatingFeatureCount=!1}).catch(n=>{console.error(n)})},{once:!0,initial:!0}))},{initial:!0})},{initial:!0,once:!0})),this.handles?.add(D.on(()=>this.legendvm?.activeLayerInfos,"change",n=>{ve(this.legendvm).then(r=>{W.set("data",{...B.data,...r}),this.requestUpdate()}).then(()=>{this.handles?.add(D.on(()=>n.children,"change",()=>{ve(this.legendvm).then(r=>{W.set("data",{...B.data,...r}),this.requestUpdate()}).catch(r=>{console.error(r)})}))}).catch(r=>{console.error(r)})})),this.handles?.add(D.on(()=>this.legendvm?.view?.map?.layers,"after-changes",()=>{pe(this.legendvm,B.data).then(n=>{W.set("data",{...B.data,...n}),this.calculatingFeatureCount=!1}).catch(n=>{console.error(n)})}))}async createDataForLayer(e){let s=W.get("data")?.[e?.id],c=Be(this.legendvm?.activeLayerInfos)?.find(n=>n?.layer?.id===e?.id);if(!s&&c){let n=await Ie(this.legendvm,c);if(me({intLegendLayerData:n,layerId:e?.id}),this.featureCount){let r=await pe(this.legendvm,B.data);W.set("data",{...B.data,...r})}}}applyFilter(e,s,c,n){return async()=>{let r={...B.data?.[s?.id]};n?await he(r,e,c,this.filterMode,n):await he(r,e,c,this.filterMode),me({intLegendLayerData:r,layerId:s?.id})}}render(){let e=this.renderFilteredLayers(),s=W.get("compact")?` ${g.compact}`:"";return this.isLoading?K("interactive-legend-loader",L`<calcite-loader scale=m .label=${this.messages?.loading} .text=${this.messages?.loading}></calcite-loader>`):K("interactive-legend-classic-container",L`<div class=${`${Z(this.el)}${s}`}>${e?.length>0?e:L`<div class=${_(g.message)}>${this.messages?.noLegend}</div>`}</div>`)}renderFilteredLayers(){return(this.legendvm?.activeLayerInfos?.toArray()).map(e=>this.renderLegendForLayer(e)).filter(e=>!!e)}renderLegendForLayer(e,s){if(!e.ready)return null;if(e.children.length){let r=e.children.map(u=>this.renderLegendForLayer(u,!0)).toArray();return L`<instant-apps-interactive-legend-group-legend-element class=${_(Z(this.el))} .legendvm=${this.legendvm} .featureCount=${this.featureCount} .activeLayerInfo=${e} .isChild=${s}><div style=${E({paddingLeft:"20px"})} .id=${`${e?.layer?.id}-legend-layer`} slot=content>${r}</div></instant-apps-interactive-legend-group-legend-element>`}let c=e.legendElements;if(c&&!c.length)return null;let n=c.map((r,u)=>this.renderLegendForElement(r,e.layer,e.effectList,e,u)).filter(r=>!!r);return n.length?L`<instant-apps-interactive-legend-layer-element class=${_(Z(this.el))} .legendvm=${this.legendvm} .featureCount=${this.featureCount} .activeLayerInfo=${e} .isChild=${!!s}><div slot=content .id=${`${e?.layer?.id}-legend-layer`} class=${_(g.layer)}>${n}</div></instant-apps-interactive-legend-layer-element>`:null}renderLegendForElement(e,s,c,n,r,u,h){let w=e.type==="color-ramp",b=e.type==="opacity-ramp",z=e.type==="size-ramp",k=null,x=Me(n,e,r),S=e?.type==="relationship-ramp";if(e.type==="symbol-table"||z){let R=e.infos.map((F,G)=>this.renderLegendForElementInfo(F,s,c,z,e,n,r,G,x,h)).filter(F=>!!F);R.length&&(k=L`<div class=${_(g.layerBody)}>${R}</div>`)}else if(e.type==="color-ramp"||e.type==="opacity-ramp"||e.type==="heatmap-ramp"||e.type==="stretch-ramp"){let R=e;k=this.renderLegendForRamp(R,s.opacity)}else if(S)k=K("relationship-ramp",L`<instant-apps-interactive-legend-relationship class=${_(Z(this.el))} .filterMode=${this.filterMode} .activeLayerInfo=${n} .legendElement=${e}></instant-apps-interactive-legend-relationship>`);else if(e.type==="pie-chart-ramp"){let R=e;k=this.renderPieChartRamp(R)}else if(e.type==="univariate-above-and-below-ramp"){let R=e;k=this.renderUnivariateAboveAndBelowRamp(R,s.opacity,c)}else if(e.type==="univariate-color-size-ramp"){let R=e;k=this.renderUnivariateColorSizeRamp(R,s.opacity,c)}if(!k)return null;let I=e.title,P=null;if(typeof I=="string")P=I;else if(I){let R=I,F=this.getTitle(R,w||b);this.isRendererTitle(w||b)?"title"in I&&(P=`${I.title} (${F})`):P=F}return L`<instant-apps-interactive-legend-legend-element class=${_(Z(this.el))} .activeLayerInfo=${n} .isSizeRamp=${z} .isChild=${!!u} .isColorRamp=${w} .isRelationshipRamp=${S} .isInteractive=${x} .zoomTo=${this.zoomTo} .legendElement=${e} .titleText=${P} .legendvm=${this.legendvm} .legendElementIndex=${r}><div slot=content>${k}</div></instant-apps-interactive-legend-legend-element>`}renderPieChartRamp(e){return L`<div .innerHTML=${`${e.preview?.outerHTML}`}></div>`}renderUnivariateAboveAndBelowRamp(e,s,c){let{sizeRampElement:n,colorRampElement:r}=ct(e,s);if(!n)return null;let u=$e(n,"above",!0),h=$e(n,"below",!0),w=12,b=ye(r,{width:w,height:u,rampAlignment:"vertical",opacity:s,type:"above",effectList:c}),z=ye(r,{width:w,height:h,rampAlignment:"vertical",opacity:s,type:"below",effectList:c}),k=De(n),x=n.infos.map(H=>H.label),S=x.map((H,U)=>U===0?L`<div class=${_(H?b?g.univariateAboveAndBelowLabel:g.rampLabel:"")}>${H}</div>`:U===2?L`<div></div>`:null),I=x.length-1,P=Math.floor(x.length/2),R=x.map((H,U)=>U===P||U===I?L`<div class=${_(H?b?g.univariateAboveAndBelowLabel:g.rampLabel:"")}>${H}</div>`:null),F={display:"table-cell",verticalAlign:"middle"},G={marginTop:`${k}px`},O={height:`${u}px`},j={height:`${h}px`};return K("univariate-above-and-below-ramp-preview",L`<div style=${E(qe)}><div class=${_(g.layerBody)}>${n.infos.map((H,U)=>L`<div class=${`${g.layerRow} ${g.sizeRamp}`}><div class=${_(g.symbol)} style=${E(F)} .innerHTML=${H?.preview?.outerHTML??""??""}></div>${!b&&U%2===0?L`<div class=${_(g.layerInfo)}>${x[U]}</div>`:null}</div>`)}</div>${b?K("color-ramp-preview",L`<div style=${E(G)}><div style=${E(be)}><div style=${E(ae)}><div class=${_(g.rampContainer)}>${b}</div></div><div style=${E(ae)}><div class=${_(g.rampLabelsContainer)} style=${E(O)}>${S}</div></div></div><div style=${E(be)}><div style=${E(ae)}><div class=${_(g.rampContainer)}>${z}</div></div><div style=${E(ae)}><div class=${_(g.rampLabelsContainer)} style=${E(j)}>${R}</div></div></div></div>`):null}</div>`)}renderUnivariateColorSizeRamp(e,s,c){let{sizeRampElement:n,colorRampElement:r}=ot(e);if(!n)return null;let u=De(n),h=12,w=$e(n,"full",!1),b=ye(r,{width:h,height:w,rampAlignment:"vertical",opacity:s,type:"full",effectList:c}),z=n.infos.length-1,k=n.infos.map((P,R)=>R===0||R===z?L`<div class=${_(P.label?r?g.univariateAboveAndBelowLabel:g.rampLabel:"")}>${P.label}</div>`:null),x={display:"table-cell",verticalAlign:"middle"},S={marginTop:`${u}px`},I={height:`${w}px`};return K("univariate-above-and-below-ramp-preview",L`<div style=${E(qe)}><div class=${_(g.layerBody)}>${n.infos.map(P=>L`<div class=${`${g.layerRow} ${g.sizeRamp}`}><div class=${_(g.symbol)} style=${E(x)} .innerHTML=${P?.preview?.outerHTML??""??""}></div></div>`)}</div>${K("color-ramp-preview",L`<div style=${E(S)}><div style=${E(be)}><div style=${E(ae)}><div class=${_(g.rampContainer)}>${b}</div></div><div style=${E(ae)}><div class=${_(g.rampLabelsContainer)} style=${E(I)}>${k}</div></div></div></div>`)}</div>`)}renderLegendForRamp(e,s){let c=e.infos,n=e.type==="opacity-ramp",r=e.type==="heatmap-ramp",u=e.type==="stretch-ramp",h=e.preview,w=n?g.opacityRamp:"";h&&(h.classList.add(g.colorRamp),w&&h.classList.add(w)),s!=null&&h&&(h.style.opacity=s.toString());let b=c.map(x=>{let S;if(r){let I=this.messages[x.label];S=typeof I=="string"?I:x.label}else u?S="value"in x?this.getStretchStopLabel(x):x.label:S=x.label;return L`<div class=${_(x.label?g.rampLabel:"")}>${S}</div>`}),z={width:`${vt}px`},k={height:h?.style?.height};return L`<div class=${_(g.layerRow)}><div class=${_(g.symbolContainer)} style=${E({...z})}><div class=${_(g.rampContainer)} ${Ee(x=>{x?.firstChild&&x?.firstChild?.remove(),x?.appendChild(h)})}></div></div><div class=${_(g.layerInfo)}><div class=${_(g.rampLabelsContainer)} style=${E({...k})}>${b}</div></div></div>`}renderLegendForElementInfo(e,s,c,n,r,u,h,w,b,z){if("infos"in e)return this.renderLegendForElement(e,s,c,u,h,!0,e);let k=null,x=!dt(s,r.type);if("preview"in e){let{outerHTML:q}=e.preview;k=L`<div class=${_(g.symbol)} .innerHTML=${q??""}></div>`}else"src"in e&&(k=this.renderImage(e,s,x));if(!k)return null;let S="",I=n?` ${g.sizeRamp}`:"",P,R=Te(s),F=He(R,z);if(B.data){let q=Pe(R,s,e,F,w),N=F?F?.nestedInfos:R,re=Fe(N);P=R?.categories?.size===1?!q?.selected:re||q?.selected}let G="label"in e?e.label:null,O=F&&!("value"in e)?!1:b,j=W.get("compact"),H=this.getTitle(G,!1)||"",U=F?r.title:G??s?.id;return O?L`<button @click=${this.applyFilter(e,s,w,z)} class=${`${g.layerRow} ${g.interactiveLayerRow}${P?` ${g.infoSelected}`:""}`} title=${(j?`${H}`:void 0)??fe} .ariaPressed=${P?"true":"false"}><div class=${`${g.symbolContainer}${S}${I}`}>${k}</div><div class=${`${g.layerInfo}${S}`}>${this.getTitle(G,!1)||""}</div>${this.featureCount&&!j?L`<instant-apps-interactive-legend-count class=${_(Z(this.el))} .categoryId=${U} .activeLayerInfo=${u} .legendvm=${this.legendvm} .selected=${!!P} .legendElement=${r} .infoIndex=${w}></instant-apps-interactive-legend-count>`:null}</button>`:L`<div class=${_(g.layerRow)}><div class=${`${g.symbolContainer}${S}${I}`}>${k}</div><div class=${`${g.layerInfo}${S}`}>${H}</div></div>`}renderImage(e,s,c){let{label:n,src:r,opacity:u}=e,h=c?` ${g.imageryLayerStretchedImage}`:"",w=c?"":` ${g.symbol}`,b={opacity:`${u??s.opacity}`};return L`<img alt=${this.getTitle(n,!1)??fe} src=${r??fe} width=${e.width} height=${e.height} class=${`$${h}${w}`} style=${E(b)}>`}};Se("instant-apps-interactive-legend-classic",we);return we},"symbols/support/symbolUtils","core/reactiveUtils","intl","core/Handles",a,b,c,d)

package/dist/cdn/{K5JYHCQ7.js → UQN2JCKP.js} RENAMED Viewed

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import{a as e}from"./AA7X6GKH.js";import{a as h}from"./NM3YBQUM.js";import{b as d}from"./EGFXSDFS.js";import"./DIKAKOU5.js";import"./S423P2GA.js";import{H as n,J as c,K as i,L as p,h as r,i as a}from"./P4KZ6OZF.js";import"./QPIMTXPL.js";export default $arcgis.t(([l,{watch:m}])=>{var g=r`:host{display:block}.instant-apps-compass{position:relative;height:100px;width:100px;border-radius:50%}.instant-apps-compass #instant-compass{position:absolute;top:calc(50% - 16px);right:calc(50% - 16px);z-index:10}.instant-apps-compass #dir-ring{height:100px;width:100px;border-radius:50%;background-color:var(--calcite-color-foreground-1);border:1px solid var(--calcite-color-border-1);position:relative}.instant-apps-compass #dir-ring .dir-heading{position:absolute;--calcite-fab-background-color: transparent;--calcite-fab-text-color: var(--calcite-color-text-1);--calcite-fab-shadow: none}.instant-apps-compass #dir-ring #north{right:37px;top:5px}.instant-apps-compass #dir-ring #east{right:6px;top:38px}.instant-apps-compass #dir-ring #west{left:4px;top:38px}.instant-apps-compass #dir-ring #south{right:38px;bottom:4px}`,u={base:"instant-apps-compass"},o=class extends n{constructor(){super(...arguments),this._messages=h({name:"instant-apps-compass",blocking:!0}),this.rotationWatcherKey="rotationWatcher",this.baseClass=u.base,this.rotation=0}static{this.properties={baseClass:16,rotation:16,view:0}}static{this.styles=g}get view(){return this._view}set view(t){this._view=t,this.handles?.has(this.rotationWatcherKey)&&this.handles?.remove(this.rotationWatcherKey),this.handles?.add(m(()=>t.rotation,s=>{this.rotation=Math.floor(s)}),this.rotationWatcherKey)}load(){this.initializeModules()}disconnectedCallback(){super.disconnectedCallback(),this.handles?.removeAll(),this.handles?.destroy(),this.handles=null}initializeModules(){this.handles=new l}goToHeading(t){let s=this._view.viewpoint.clone();s.rotation=this.decideRotation(t),this._view.goTo(s)}decideRotation(t){switch(t){case"north":return 0;case"east":return 270;case"south":return 180;case"west":return 90}}render(){return a`<div class=${c(this.baseClass)}><arcgis-compass id=instant-compass .view=${this.view}></arcgis-compass>${this.renderDirectionRing()}</div>`}renderDirectionRing(){return e("dir-ring",a`<div id=dir-ring style=${i({transform:`rotate(${this.rotation}deg)`})}>${["north","east","south","west"].map(t=>this._renderHeading(t))}</div>`)}_renderHeading(t){let s=this._messages[t];return e(t,a`<calcite-button scale=s round kind=neutral class="dir-heading" appearance=transparent id=${t??p} style=${i({transform:`rotate(-${this.rotation}deg)`})} @click=${()=>this.goToHeading(t)}>${s.charAt(0).toLocaleUpperCase()}</calcite-button>`)}};d("instant-apps-compass",o);return o},"core/Handles","core/reactiveUtils")
+import{a as e}from"./ONARC6AZ.js";import{a as h}from"./LHG6NOEP.js";import{b as d}from"./CVHXDPJO.js";import"./RMEDO4JC.js";import"./ISFTCFSJ.js";import{G as n,I as c,J as i,K as p,h as r,i as a}from"./FFF5HUPM.js";import"./QPIMTXPL.js";export default $arcgis.t(([l,{watch:m}])=>{var g=r`:host{display:block}.instant-apps-compass{position:relative;height:100px;width:100px;border-radius:50%}.instant-apps-compass #instant-compass{position:absolute;top:calc(50% - 16px);right:calc(50% - 16px);z-index:10}.instant-apps-compass #dir-ring{height:100px;width:100px;border-radius:50%;background-color:var(--calcite-color-foreground-1);border:1px solid var(--calcite-color-border-1);position:relative}.instant-apps-compass #dir-ring .dir-heading{position:absolute;--calcite-fab-background-color: transparent;--calcite-fab-text-color: var(--calcite-color-text-1);--calcite-fab-shadow: none}.instant-apps-compass #dir-ring #north{right:37px;top:5px}.instant-apps-compass #dir-ring #east{right:6px;top:38px}.instant-apps-compass #dir-ring #west{left:4px;top:38px}.instant-apps-compass #dir-ring #south{right:38px;bottom:4px}`,u={base:"instant-apps-compass"},o=class extends n{constructor(){super(...arguments),this._messages=h({name:"instant-apps-compass",blocking:!0}),this.rotationWatcherKey="rotationWatcher",this.baseClass=u.base,this.rotation=0}static{this.properties={baseClass:16,rotation:16,view:0}}static{this.styles=g}get view(){return this._view}set view(t){this._view=t,this.handles?.has(this.rotationWatcherKey)&&this.handles?.remove(this.rotationWatcherKey),this.handles?.add(m(()=>t.rotation,s=>{this.rotation=Math.floor(s)}),this.rotationWatcherKey)}load(){this.initializeModules()}disconnectedCallback(){super.disconnectedCallback(),this.handles?.removeAll(),this.handles?.destroy(),this.handles=null}initializeModules(){this.handles=new l}goToHeading(t){let s=this._view.viewpoint.clone();s.rotation=this.decideRotation(t),this._view.goTo(s)}decideRotation(t){switch(t){case"north":return 0;case"east":return 270;case"south":return 180;case"west":return 90}}render(){return a`<div class=${c(this.baseClass)}><arcgis-compass id=instant-compass .view=${this.view}></arcgis-compass>${this.renderDirectionRing()}</div>`}renderDirectionRing(){return e("dir-ring",a`<div id=dir-ring style=${i({transform:`rotate(${this.rotation}deg)`})}>${["north","east","south","west"].map(t=>this._renderHeading(t))}</div>`)}_renderHeading(t){let s=this._messages[t];return e(t,a`<calcite-button scale=s round kind=neutral class="dir-heading" appearance=transparent id=${t??p} style=${i({transform:`rotate(-${this.rotation}deg)`})} @click=${()=>this.goToHeading(t)}>${s.charAt(0).toLocaleUpperCase()}</calcite-button>`)}};d("instant-apps-compass",o);return o},"core/Handles","core/reactiveUtils")