@esri/solutions-components 1.1.4 → 1.2.0-next.10

package/dist/cdn/{AWZPPOTN.js → USZB4X6A.js}

@@ -1,4 +1,4 @@
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.4 */
-import c from"./AEKQAS23.js";import b from"./GSWDAF7B.js";import"./GKQNL5AY.js";import a from"./C76FP4MR.js";import{a as K}from"./CVM23Z3W.js";import{C as Te,E as Fe,c as ze,z as Pe}from"./F55B5BNY.js";import{b as Ie}from"./AZYTSIFB.js";import"./DAACTUXD.js";import{D as Ee,E as Se,G as w,H as E,h as ke,i as L,j as ue,l as ce,r as Re}from"./WTWNLOAO.js";import{b as lt,d as ct}from"./6ZYP4HST.js";export default $arcgis.t(([,{a:B,b:W},{a:Me,b:oe,d:Ue,e:He,f:he,g:Be,i:De,o:de,s:qe,t:Y,u:me,v:We,w:Ge}])=>{var Ke=lt((fe,Je)=>{(function(b,t){typeof fe=="object"&&typeof Je<"u"?t(fe):typeof define=="function"&&define.amd?define(["exports"],t):(b=typeof globalThis<"u"?globalThis:b||self,t(b.maquette={}))})(fe,(function(b){"use strict";var t="http://www.w3.org/",s="".concat(t,"2000/svg"),c="".concat(t,"1999/xlink"),n=[],r=function(e,i){var a={};return Object.keys(e).forEach(function(l){a[l]=e[l]}),i&&Object.keys(i).forEach(function(l){a[l]=i[l]}),a},u=function(e,i){return e.vnodeSelector!==i.vnodeSelector?!1:e.properties&&i.properties?e.properties.key!==i.properties.key?!1:e.properties.bind===i.properties.bind:!e.properties&&!i.properties},h=function(e){if(typeof e!="string")throw new Error("Style values must be strings")},_=function(e,i,a){if(i.vnodeSelector!==""){for(var l=a;l<e.length;l++)if(u(e[l],i))return l}return-1},$=function(e,i,a,l){var p=e[i];if(p.vnodeSelector!==""){var o=p.properties,A=o?o.key===void 0?o.bind:o.key:void 0;if(!A){for(var f=0;f<e.length;f++)if(f!==i){var d=e[f];if(u(d,p))throw{error: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}}}}},P=function(e){if(e.properties){var i=e.properties.enterAnimation;i&&i(e.domNode,e.properties)}},x=[],C=!1,S=function(e){(e.children||[]).forEach(S),e.properties&&e.properties.afterRemoved&&e.properties.afterRemoved.apply(e.properties.bind||e.properties,[e.domNode])},I=function(){C=!1,x.forEach(S),x.length=0},z=function(e){x.push(e),C||(C=!0,typeof window<"u"&&"requestIdleCallback"in window?window.requestIdleCallback(I,{timeout:16}):setTimeout(I,16))},R=function(e){var i=e.domNode;if(e.properties){var a=e.properties.exitAnimation;if(a){i.style.pointerEvents="none";var l=function(){i.parentNode&&(i.parentNode.removeChild(i),z(e))};a(i,l,e.properties);return}}i.parentNode&&(i.parentNode.removeChild(i),z(e))},M=["afterCreate","afterUpdate","afterRemoved","enterAnimation","exitAnimation","updateAnimation"];function D(e){return!M.includes(e)}var ee=function(e,i,a){if(i)for(var l=a.eventHandlerInterceptor,p=Object.keys(i).filter(D),o=p.length,A=0;A<o;A++){var f=p[A],d=i[f];if(f==="className")throw new Error('Property "className" is not supported, use "class".');if(f==="class")te(e,d,!0);else if(f==="classes")for(var v=Object.keys(d),k=v.length,y=0;y<k;y++){var m=v[y];d[m]&&e.classList.add(m)}else if(f==="styles")for(var U=Object.keys(d),T=U.length,y=0;y<T;y++){var J=U[y],O=d[J];O&&(h(O),a.styleApplyer(e,J,O))}else if(f==="on"&&d)for(var ne=0,re=Object.entries(i.on);ne<re.length;ne++){var se=re[ne],X=se[0],q=se[1],N=typeof q=="function"?q:q.listener;l&&(N=l(X,N,e,i)),N&&e.addEventListener(X,N,typeof q=="function"?void 0:q.options)}else if(f!=="key"&&d!==null&&d!==void 0){var le=typeof d;le==="function"?(f.lastIndexOf("on",0)===0&&l&&(d=l(f,d,e,i)),e[f]=d):a.namespace===s?f==="href"?e.setAttributeNS(c,f,d):e.setAttribute(f,d):le==="string"&&f!=="value"&&f!=="innerHTML"?e.setAttribute(f,d):e[f]=d}}},Q=function(e,i,a){if(i)for(var l=0,p=i;l<p.length;l++){var o=p[l];F(o,e,void 0,a)}},H=function(e,i,a){Q(e,i.children,a),i.text&&(e.textContent=i.text),ee(e,i.properties,a),i.properties&&i.properties.afterCreate&&i.properties.afterCreate.apply(i.properties.bind||i.properties,[e,a,i.vnodeSelector,i.properties,i.children])},F=function(e,i,a,l){var p,o,A=0,f=e.vnodeSelector,d=i.ownerDocument;if(f==="")e.domNode?e.domNode.nodeValue=e.text:(o=e.domNode=d.createTextNode(e.text),a!==void 0?i.insertBefore(o,a):i.appendChild(o));else{for(var v=0;v<=f.length;++v){var k=f.charAt(v);if(v===f.length||k==="."||k==="#"){var y=f.charAt(A-1),m=f.slice(A,v);y==="."?o.classList.add(m):y==="#"?o.id=m:(m==="svg"&&(l=r(l,{namespace:s})),l.namespace!==void 0?o=e.domNode=d.createElementNS(l.namespace,m):(o=e.domNode=e.domNode||(!((p=e.properties)===null||p===void 0)&&p.is?d.createElement(m,{is:e.properties.is}):d.createElement(m)),m==="input"&&e.properties&&e.properties.type!==void 0&&o.setAttribute("type",e.properties.type)),a!==void 0?i.insertBefore(o,a):o.parentNode!==i&&i.appendChild(o)),A=v+1}}H(o,e,l)}},G,te=function(e,i,a){i&&i.split(" ").forEach(function(l){l&&e.classList.toggle(l,a)})},pe=function(e,i,a,l){if(a){for(var p=!1,o=Object.keys(a).filter(D),A=o.length,f=0;f<A;f++){var d=o[f],v=a[d],k=i[d];if(d==="class")k!==v&&(te(e,k,!1),te(e,v,!0));else if(d==="classes")for(var y=e.classList,m=Object.keys(v),U=m.length,T=0;T<U;T++){var J=m[T],O=!!v[J],ne=!!k[J];O!==ne&&(p=!0,O?y.add(J):y.remove(J))}else if(d==="styles")for(var re=Object.keys(v),se=re.length,T=0;T<se;T++){var X=re[T],q=v[X],N=k[X];q!==N&&(p=!0,q?(h(q),l.styleApplyer(e,X,q)):l.styleApplyer(e,X,""))}else if(!v&&typeof k=="string"&&(v=""),d==="value"){var le=e[d];le!==v&&v!==k&&(e[d]=v),v!==k&&(p=!0)}else if(v!==k){var Ce=typeof v;(Ce!=="function"||!l.eventHandlerInterceptor)&&(l.namespace===s?d==="href"?e.setAttributeNS(c,d,v):e.setAttribute(d,v):Ce==="string"&&d!=="innerHTML"?d==="role"&&v===""?e.removeAttribute(d):e.setAttribute(d,v):e[d]!==v&&(e[d]=v),p=!0)}}return p}},Ne=function(e,i,a,l,p){if(a===l)return!1;a=a||n,l=l||n;for(var o=a.length,A=l.length,f=0,d=0,v,k=!1;d<A;){var y=f<o?a[f]:void 0,m=l[d];if(y!==void 0&&u(y,m))k=G(y,m,p,i,a)||k,f++;else{var U=_(a,m,f+1);if(U>=0){for(v=f;v<U;v++)R(a[v]),$(a,v,e,"removed");k=G(a[U],m,p,i,a)||k,f=U+1}else F(m,i,f<o?a[f].domNode:void 0,p),P(m),$(l,d,e,"added")}d++}if(o>f)for(v=f;v<o;v++)R(a[v]),$(a,v,e,"removed");return k};G=function(e,i,a,l,p){var o=e.domNode,A=!1;if(e===i)return!1;var f=!1;if(i.vnodeSelector===""){if(i.text!==e.text){var d=o.ownerDocument.createTextNode(i.text);try{l.replaceChild(d,o)}catch{l.replaceChild(d,l.childNodes[p.indexOf(e)])}return i.domNode=d,A=!0,A}i.domNode=o}else i.vnodeSelector.lastIndexOf("svg",0)===0&&(a=r(a,{namespace:s})),e.text!==i.text&&(f=!0,i.text===void 0?o.removeChild(o.firstChild):o.textContent=i.text),i.domNode=o,f=Ne(i,o,e.children,i.children,a)||f,f=pe(o,e.properties,i.properties,a)||f,i.properties&&i.properties.afterUpdate&&i.properties.afterUpdate.apply(i.properties.bind||i.properties,[o,a,i.vnodeSelector,i.properties,i.children]);return f&&i.properties&&i.properties.updateAnimation&&i.properties.updateAnimation(o,i.properties,e.properties),A};var ie=function(e,i){return{getLastRender:function(){return e},update:function(a){if(e.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=e;e=a,G(l,a,i,l.domNode.parentNode,[l])},domNode:e.domNode}},je={namespace:void 0,performanceLogger:function(){},eventHandlerInterceptor:void 0,styleApplyer:function(e,i,a){i.charAt(0)==="-"?e.style.setProperty(i,a):e.style[i]=a}},Z=function(e){return r(je,e)},ae={create:function(e,i){return i=Z(i),F(e,document.createElement("div"),void 0,i),ie(e,i)},append:function(e,i,a){return a=Z(a),F(i,e,void 0,a),ie(i,a)},insertBefore:function(e,i,a){return a=Z(a),F(i,e.parentNode,e,a),ie(i,a)},merge:function(e,i,a){return a=Z(a),i.domNode=e,H(e,i,a),ie(i,a)},replace:function(e,i,a){return a=Z(a),F(i,e.parentNode,e,a),e.parentNode.removeChild(e),ie(i,a)}},Ve=function(e){return{vnodeSelector:"",properties:void 0,children:void 0,text:e.toString(),domNode:null}},xe=function(e,i,a){for(var l=0,p=i.length;l<p;l++){var o=i[l];Array.isArray(o)?xe(e,o,a):o!=null&&o!==!1&&(typeof o=="string"&&(o=Ve(o)),a.push(o))}};function et(e,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(e,a,p),p.length===0&&(p=void 0)),{vnodeSelector:e,properties:i,children:p,text:l===""?void 0:l,domNode:null}}var tt=function(e,i){for(var a=[];e&&e!==i;)a.push(e),e=e.parentNode;return a},ge;Array.prototype.find?ge=function(e,i){return e.find(i)}:ge=function(e,i){return e.filter(i)[0]};var it=function(e,i){var a=e;return i.forEach(function(l){a=a&&a.children?ge(a.children,function(p){return p.domNode===l}):void 0}),a},at=function(e,i,a){return function(p,o,A,f){return l};function l(p){var o,A;a("domEvent",p);var f=i(),d=tt(p.currentTarget,f.domNode);d.reverse();var v=it(f.getLastRender(),d);e.scheduleRender();var k;if(v){var y=(A=(o=v.properties["on".concat(p.type)])!==null&&o!==void 0?o:v.properties.on[p.type].listener)!==null&&A!==void 0?A:v.properties.on[p.type];k=y.apply(v.properties.bind||this,arguments)}return a("domEventProcessed",p),k}},nt=function(e){var i,a=Z(e),l=a.performanceLogger,p=!0,o,A=!1,f=[],d=[],v=function(y,m,U){var T,J=function(){return T};a.eventHandlerInterceptor=at(i,J,l),T=y(m,U(),a),f.push(T),d.push(U)},k=function(){if(o=void 0,!!p){p=!1,l("renderStart",void 0);for(var y=0;y<f.length;y++){var m=d[y]();l("rendered",void 0),f[y].update(m),l("patched",void 0)}l("renderDone",void 0),p=!0}};return i={renderNow:k,scheduleRender:function(){!o&&!A&&(o=requestAnimationFrame(k))},stop:function(){o&&(cancelAnimationFrame(o),o=void 0),A=!0},resume:function(){A=!1,p=!0,i.scheduleRender()},append:function(y,m){v(ae.append,y,m)},insertBefore:function(y,m){v(ae.insertBefore,y,m)},merge:function(y,m){v(ae.merge,y,m)},replace:function(y,m){v(ae.replace,y,m)},detach:function(y){for(var m=0;m<d.length;m++)if(d[m]===y)return d.splice(m,1),f.splice(m,1)[0];throw new Error("renderFunction was not found")}},i},rt=function(){var e,i;return{invalidate:function(){i=void 0,e=void 0},result:function(a,l){if(e)for(var p=0;p<a.length;p++)e[p]!==a[p]&&(i=void 0);return i||(i=l(),e=a),i}}},st=function(e,i,a){var l=[],p=[];return{results:p,map:function(o){for(var A=o.map(e),f=p.slice(),d=0,v=0;v<o.length;v++){var k=o[v],y=A[v];if(y===l[d])p[v]=f[d],a(k,f[d],v),d++;else{for(var m=!1,U=1;U<l.length+1;U++){var T=(d+U)%l.length;if(l[T]===y){p[v]=f[T],a(o[v],f[T],v),d=T+1,m=!0;break}}m||(p[v]=i(k,v))}}p.length=o.length,l=A}}};b.createCache=rt,b.createMapping=st,b.createProjector=nt,b.dom=ae,b.h=et}))});var Qe=ct(Ke(),1);var ot=96;function V(b){return b?b/72*ot:0}var dt=(0,Qe.createProjector)(),Ze=10,_e=20,ve=10,Le=20,Ae={univariateAboveAndBelowSymbol:"esri-univariate-above-and-below-ramp__symbol",colorRamp:"esri-legend__color-ramp"};function ft(b="vertical"){let t={stroke:"rgb(200, 200, 200)",strokeWidth:"1"};return b==="vertical"?L`<svg height=4 width=10>${ue`<line x1=0 y1=2 x2=10 y2=2 style=${E(t)} />`}</svg>`:L`<svg height=10 width=10>${ue`<line x1=5 y1=0 x2=5 y2=10 style=${E(t)} />`}</svg>`}function vt(b,t="vertical"){let s=document.createElement("div");return s.style.height=`${_e}px`,s.className=Ae.univariateAboveAndBelowSymbol,b!=null&&(s.style.opacity=b.toString()),dt.append(s,ft.bind(null,t)),s}function Oe(b,t,s="vertical",c){b.infos.forEach((n,r)=>{if(c&&r===2)n.preview=vt(t,s);else{let{size:u}=n,h=V(u)+(s==="horizontal"?Le:ve),_=n.preview.tagName.toLowerCase()==="div",$=_?n.preview:document.createElement("div");$&&($.className=Ae.univariateAboveAndBelowSymbol),s==="horizontal"?$&&($.style.width=`${h}px`):$&&($.style.height=`${h}px`),_||$&&$.appendChild(n.preview),n.preview=$}})}function Xe(b,t="classic"){let s=b.infos,c=s[0].size,n=s[s.length-1].size;return t==="classic"?(V(c)+ve)/2:(V(c)-V(n))/2}function ye(b,t,s){if(!b)return null;let c=b.infos.map(r=>r.color),n=t.renderColorRampPreviewHTML(s.type==="full"?c:s.type==="above"?c.slice(0,3):c.slice(2,5),{width:s.width,height:s.height,align:s.rampAlignment,effectList:s.effectList});return n.className=Ae.colorRamp,s.opacity!=null&&(n.style.opacity=s.opacity.toString()),n}function pt(b,t,s,c="vertical"){let n=0,r=b.infos,u=Math.floor(r.length/2),h=t==="full"||t==="above"?0:u,_=t==="full"||t==="below"?r.length-1:u;for(let $=h;$<=_;$++)if(s&&$===u)n+=c==="horizontal"?Ze:_e;else{let P=r[$].size,x=V(P)+(c==="horizontal"?Le:ve);n+=x}return Math.round(n)}function $e(b,t,s,c="vertical"){let n=pt(b,t,s,c),r=b.infos,u=Math.floor(r.length/2),h=t==="full"||t==="above"?0:u,_=t==="full"||t==="below"?r.length-1:u,$=t==="full"?r[h].size+r[_].size:t==="above"?r[h].size:r[_].size,P=s?c==="vertical"?_e:Ze:0,x=c==="vertical"?ve*(t==="full"?2:1):Le*(t==="full"?2:1);return Math.round(n-(V($)/2+P/2+x/2))}function gt(b,t,s="vertical"){let c=b.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],Oe(n,t,s,!0)),r&&(r={...r},r.infos=[...r.infos]),s==="horizontal"&&(n?.infos.reverse(),r?.infos.reverse()),{sizeRampElement:n,colorRampElement:r}}function ut(b,t="vertical"){let s=b.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],Oe(c,null,t,!1)),n&&(n={...n},n.infos=[...n.infos]),t==="horizontal"&&(c?.infos.reverse(),n?.infos.reverse()),{sizeRampElement:c,colorRampElement:n}}function ht(b,t){return!0}var mt=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{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 .esri-legend__layer-caption calcite-action{margin-right:5px}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"},yt=24,Ye={display:"flex",alignItems:"flex-start"},be={marginLeft:"3px"},j={display:"table-cell",verticalAlign:"middle"},we=class extends Se{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=mt}static{this.shadowRootOptions=Re}async connectedCallback(){super.connectedCallback(),!this.handles&&(this.handles=await ze())}async load(){new MutationObserver(()=>{this.requestUpdate()}).observe(this.el,{attributes:!0});let[t,s]=await Promise.all([Te(),Pe()]),c=await Fe();this.reactiveUtils=s,this.intl=t,this.symbolUtils=c}willUpdate(t){t.has("filterMode")&&this.legendvm?.view&&(this.hasUpdated||this.filterMode.type!=="filter")&&We(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 this.reactiveUtils.whenOnce(()=>this.legendvm?.view);let t=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 oe(this.legendvm,this.reactiveUtils);W.set("data",{...B.data,...u}),this.isLoading=!1,await this.setupWatchersAndListeners()}catch(s){console.error(s),this.isLoading=!1}};this.legendvm?.view?.when(t),this.legendvm?.view?.map?.layers?.on("after-changes",t)}catch{this.isLoading=!1}}getStretchStopLabel(t){let s=this.messages[t.label];return t.label?`${s}: ${typeof t.value=="string"?t.value:this.intl.formatNumber(t.value,{style:"decimal",notation:t.value.toString().includes("e")?"scientific":"standard"})}`:""}getTitle(t,s){if(!t)return;if(typeof t=="string"||typeof t=="number")return t;if("value"in t||"unit"in t){let r=typeof this.messages?.dotValue=="string"?this.messages.dotValue:"";return this.intl.substitute(r,t)}if("colorName"in t||"bandName"in t){let{colorName:r,bandName:u}=t,h=this.messages[r],_=typeof this.messages[u]=="string"?this.messages[u]:u;return`${h}: ${_}`}if("showCount"in t)return t.showCount?this.messages.clusterCountTitle:null;let c=null;if(s){let r=t;c=r.ratioPercentTotal?"showRatioPercentTotal":r.ratioPercent?"showRatioPercent":r.ratio?"showRatio":t.normField?"showNormField":t.field?"showField":null}else if(this.isRendererTitle(s)){let r=t;c=r.normField?"showNormField":r.normByPct?"showNormPct":r.field?"showField":null}let n=c==="showField"?"{field}":typeof c=="string"?this.messages[c]:"";return c?this.intl?.substitute(n,{field:t.field,normField:t.normField}):""}isRendererTitle(t){return!t}async setupWatchersAndListeners(){let t=this.legendvm?.view?.map?.allLayers?.filter(n=>n?.type==="feature"),s=[];for(let n of t)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)}t?.forEach(n=>{let r=`fLayer-${n?.id}`;this.handles?.has(r)||this.handles?.add(this.reactiveUtils?.watch(()=>n?.visible,()=>{this.createDataForLayer(n).catch(u=>{console.error(u)})}),r)}),this.handles?.add(this.reactiveUtils.when(()=>this.legendvm,()=>{this.reactiveUtils.watch(()=>this.legendvm?.view?.updating,()=>{this.calculatingFeatureCount||this.legendvm?.view?.updating&&(this.calculatingFeatureCount=!0,this.reactiveUtils.when(()=>!this.legendvm?.view?.updating,()=>{de(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(this.reactiveUtils.on(()=>this.legendvm?.activeLayerInfos,"change",n=>{oe(this.legendvm,this.reactiveUtils).then(r=>{W.set("data",{...B.data,...r}),this.requestUpdate()}).then(()=>{this.handles?.add(this.reactiveUtils.on(()=>n.children,"change",()=>{oe(this.legendvm,this.reactiveUtils).then(r=>{W.set("data",{...B.data,...r}),this.requestUpdate()}).catch(r=>{console.error(r)})}))}).catch(r=>{console.error(r)})})),this.handles?.add(this.reactiveUtils.on(()=>this.legendvm?.view?.map?.layers,"after-changes",()=>{de(this.legendvm,B.data).then(n=>{W.set("data",{...B.data,...n}),this.calculatingFeatureCount=!1}).catch(n=>{console.error(n)})}))}async createDataForLayer(t){let s=W.get("data")?.[t?.id],c=Ge(this.legendvm?.activeLayerInfos)?.find(n=>n?.layer?.id===t?.id);if(!s&&c){let n=await Me(this.legendvm,c,this.reactiveUtils);if(me({intLegendLayerData:n,layerId:t?.id}),this.featureCount){let r=await de(this.legendvm,B.data);W.set("data",{...B.data,...r})}}}applyFilter(t,s,c,n){return async()=>{let r={...B.data?.[s?.id]};n?await he(r,t,c,this.filterMode,n):await he(r,t,c,this.filterMode),me({intLegendLayerData:r,layerId:s?.id})}}render(){let t=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=${`${Y(this.el)}${s}`}>${t?.length>0?t:L`<div class=${w(g.message)}>${this.messages?.noLegend}</div>`}</div>`)}renderFilteredLayers(){return(this.legendvm?.activeLayerInfos?.toArray()).map(t=>this.renderLegendForLayer(t)).filter(t=>!!t)}renderLegendForLayer(t,s){if(!t.ready)return null;if(t.children.length){let r=t.children.map(u=>this.renderLegendForLayer(u,!0)).toArray();return L`<instant-apps-interactive-legend-group-legend-element class=${w(Y(this.el))} .legendvm=${this.legendvm} .featureCount=${this.featureCount} .activeLayerInfo=${t} .isChild=${s}><div style=${E({paddingLeft:"20px"})} .id=${`${t?.layer?.id}-legend-layer`} slot=content>${r}</div></instant-apps-interactive-legend-group-legend-element>`}let c=t.legendElements;if(c&&!c.length)return null;let n=c.map((r,u)=>this.renderLegendForElement(r,t.layer,t.effectList,t,u)).filter(r=>!!r);return n.length?L`<instant-apps-interactive-legend-layer-element class=${w(Y(this.el))} .legendvm=${this.legendvm} .featureCount=${this.featureCount} .activeLayerInfo=${t} .isChild=${!!s}><div slot=content .id=${`${t?.layer?.id}-legend-layer`} class=${w(g.layer)}>${n}</div></instant-apps-interactive-legend-layer-element>`:null}renderLegendForElement(t,s,c,n,r,u,h){let _=t.type==="color-ramp",$=t.type==="opacity-ramp",P=t.type==="size-ramp",x=null,C=De(n,t,r),S=t?.type==="relationship-ramp";if(t.type==="symbol-table"||P){let R=t.infos.map((M,D)=>this.renderLegendForElementInfo(M,s,c,P,t,n,r,D,C,h)).filter(M=>!!M);R.length&&(x=L`<div class=${w(g.layerBody)}>${R}</div>`)}else if(t.type==="color-ramp"||t.type==="opacity-ramp"||t.type==="heatmap-ramp"||t.type==="stretch-ramp"){let R=t;x=this.renderLegendForRamp(R,s.opacity)}else if(S)x=K("relationship-ramp",L`<instant-apps-interactive-legend-relationship class=${w(Y(this.el))} .filterMode=${this.filterMode} .activeLayerInfo=${n} .legendElement=${t}></instant-apps-interactive-legend-relationship>`);else if(t.type==="pie-chart-ramp"){let R=t;x=this.renderPieChartRamp(R)}else if(t.type==="univariate-above-and-below-ramp"){let R=t;x=this.renderUnivariateAboveAndBelowRamp(R,s.opacity,c)}else if(t.type==="univariate-color-size-ramp"){let R=t;x=this.renderUnivariateColorSizeRamp(R,s.opacity,c)}if(!x)return null;let I=t.title,z=null;if(typeof I=="string")z=I;else if(I){let R=I,M=this.getTitle(R,_||$);this.isRendererTitle(_||$)?"title"in I&&(z=`${I.title} (${M})`):z=M}return L`<instant-apps-interactive-legend-legend-element class=${w(Y(this.el))} .activeLayerInfo=${n} .isSizeRamp=${P} .isChild=${!!u} .isColorRamp=${_} .isRelationshipRamp=${S} .isInteractive=${C} .zoomTo=${this.zoomTo} .legendElement=${t} .titleText=${z} .legendvm=${this.legendvm} .legendElementIndex=${r}><div slot=content>${x}</div></instant-apps-interactive-legend-legend-element>`}renderPieChartRamp(t){return L`<div .innerHTML=${`${t.preview?.outerHTML}`}></div>`}renderUnivariateAboveAndBelowRamp(t,s,c){let{sizeRampElement:n,colorRampElement:r}=gt(t,s);if(!n)return null;let u=$e(n,"above",!0),h=$e(n,"below",!0),_=12,$=ye(r,this.symbolUtils,{width:_,height:u,rampAlignment:"vertical",opacity:s,type:"above",effectList:c}),P=ye(r,this.symbolUtils,{width:_,height:h,rampAlignment:"vertical",opacity:s,type:"below",effectList:c}),x=Xe(n),C=n.infos.map(H=>H.label),S=C.map((H,F)=>F===0?L`<div class=${w(H?$?g.univariateAboveAndBelowLabel:g.rampLabel:"")}>${H}</div>`:F===2?L`<div></div>`:null),I=C.length-1,z=Math.floor(C.length/2),R=C.map((H,F)=>F===z||F===I?L`<div class=${w(H?$?g.univariateAboveAndBelowLabel:g.rampLabel:"")}>${H}</div>`:null),M={display:"table-cell",verticalAlign:"middle"},D={marginTop:`${x}px`},ee={height:`${u}px`},Q={height:`${h}px`};return K("univariate-above-and-below-ramp-preview",L`<div style=${E(Ye)}><div class=${w(g.layerBody)}>${n.infos.map((H,F)=>L`<div class=${`${g.layerRow} ${g.sizeRamp}`}><div class=${w(g.symbol)} style=${E(M)} .innerHTML=${H?.preview?.outerHTML??""??""}></div>${!$&&F%2===0?L`<div class=${w(g.layerInfo)}>${C[F]}</div>`:null}</div>`)}</div>${$?K("color-ramp-preview",L`<div style=${E(D)}><div style=${E(be)}><div style=${E(j)}><div class=${w(g.rampContainer)}>${$}</div></div><div style=${E(j)}><div class=${w(g.rampLabelsContainer)} style=${E(ee)}>${S}</div></div></div><div style=${E(be)}><div style=${E(j)}><div class=${w(g.rampContainer)}>${P}</div></div><div style=${E(j)}><div class=${w(g.rampLabelsContainer)} style=${E(Q)}>${R}</div></div></div></div>`):null}</div>`)}renderUnivariateColorSizeRamp(t,s,c){let{sizeRampElement:n,colorRampElement:r}=ut(t);if(!n)return null;let u=Xe(n),h=12,_=$e(n,"full",!1),$=ye(r,this.symbolUtils,{width:h,height:_,rampAlignment:"vertical",opacity:s,type:"full",effectList:c}),P=n.infos.length-1,x=n.infos.map((z,R)=>R===0||R===P?L`<div class=${w(z.label?r?g.univariateAboveAndBelowLabel:g.rampLabel:"")}>${z.label}</div>`:null),C={display:"table-cell",verticalAlign:"middle"},S={marginTop:`${u}px`},I={height:`${_}px`};return K("univariate-above-and-below-ramp-preview",L`<div style=${E(Ye)}><div class=${w(g.layerBody)}>${n.infos.map(z=>L`<div class=${`${g.layerRow} ${g.sizeRamp}`}><div class=${w(g.symbol)} style=${E(C)} .innerHTML=${z?.preview?.outerHTML??""??""}></div></div>`)}</div>${K("color-ramp-preview",L`<div style=${E(S)}><div style=${E(be)}><div style=${E(j)}><div class=${w(g.rampContainer)}>${$}</div></div><div style=${E(j)}><div class=${w(g.rampLabelsContainer)} style=${E(I)}>${x}</div></div></div></div>`)}</div>`)}renderLegendForRamp(t,s){let c=t.infos,n=t.type==="opacity-ramp",r=t.type==="heatmap-ramp",u=t.type==="stretch-ramp",h=t.preview,_=n?g.opacityRamp:"";h&&(h.classList.add(g.colorRamp),_&&h.classList.add(_)),s!=null&&h&&(h.style.opacity=s.toString());let $=c.map(C=>{let S;if(r){let I=this.messages[C.label];S=typeof I=="string"?I:C.label}else u?S="value"in C?this.getStretchStopLabel(C):C.label:S=C.label;return L`<div class=${w(C.label?g.rampLabel:"")}>${S}</div>`}),P={width:`${yt}px`},x={height:h?.style?.height};return L`<div class=${w(g.layerRow)}><div class=${w(g.symbolContainer)} style=${E({...P})}><div class=${w(g.rampContainer)} ${Ee(C=>{C?.firstChild&&C?.firstChild?.remove(),C?.appendChild(h)})}></div></div><div class=${w(g.layerInfo)}><div class=${w(g.rampLabelsContainer)} style=${E({...x})}>${$}</div></div></div>`}renderLegendForElementInfo(t,s,c,n,r,u,h,_,$,P){if("infos"in t)return this.renderLegendForElement(t,s,c,u,h,!0,t);let x=null,C=!ht(s,r.type);if("preview"in t){let{outerHTML:G}=t.preview;x=L`<div class=${w(g.symbol)} .innerHTML=${G??""}></div>`}else"src"in t&&(x=this.renderImage(t,s,C));if(!x)return null;let S="",I=n?` ${g.sizeRamp}`:"",z,R=He(s),M=qe(R,P);if(B.data){let G=Ue(R,s,t,M,_),te=M?M?.nestedInfos:R,pe=Be(te);z=R?.categories?.size===1?!G?.selected:pe||G?.selected}let D="label"in t?t.label:null,ee=M&&!("value"in t)?!1:$,Q=W.get("compact"),H=this.getTitle(D,!1)||"",F=M?r.title:D??s?.id;return ee?L`<button @click=${this.applyFilter(t,s,_,P)} class=${`${g.layerRow} ${g.interactiveLayerRow}${z?` ${g.infoSelected}`:""}`} title=${(Q?`${H}`:void 0)??ce} .ariaPressed=${z?"true":"false"}><div class=${`${g.symbolContainer}${S}${I}`}>${x}</div><div class=${`${g.layerInfo}${S}`}>${this.getTitle(D,!1)||""}</div>${this.featureCount&&!Q?L`<instant-apps-interactive-legend-count class=${w(Y(this.el))} .categoryId=${F} .activeLayerInfo=${u} .legendvm=${this.legendvm} .selected=${!!z} .legendElement=${r} .infoIndex=${_}></instant-apps-interactive-legend-count>`:null}</button>`:L`<div class=${w(g.layerRow)}><div class=${`${g.symbolContainer}${S}${I}`}>${x}</div><div class=${`${g.layerInfo}${S}`}>${H}</div></div>`}renderImage(t,s,c){let{label:n,src:r,opacity:u}=t,h=c?` ${g.imageryLayerStretchedImage}`:"",_=c?"":` ${g.symbol}`,$={opacity:`${u??s.opacity}`};return L`<img alt=${this.getTitle(n,!1)??ce} src=${r??ce} width=${t.width} height=${t.height} class=${`$${h}${_}`} style=${E($)}>`}};Ie("instant-apps-interactive-legend-classic",we);return we},a,b,c)
+See https://js.arcgis.com/1.2/esri/copyright.txt for details.
+v1.2.0-next.10 */
+import c from"./GWPWR4NJ.js";import b from"./U4C2O3EI.js";import"./IYW4WSQU.js";import a from"./PZTS2ZM2.js";import{a as K}from"./HCEMIND7.js";import{C as Te,E as Fe,c as ze,z as Pe}from"./D4ANXHA6.js";import{b as Ie}from"./VORLDHAW.js";import"./IKL6SJCX.js";import{D as Ee,E as Se,G as w,H as E,h as ke,i as L,j as ue,l as ce,r as Re}from"./DEMY5LXS.js";import{b as lt,d as ct}from"./AM4POOOK.js";export default $arcgis.t(([,{a:B,b:W},{a:Me,b:oe,d:Ue,e:He,f:he,g:Be,i:De,o:de,s:qe,t:Y,u:me,v:We,w:Ge}])=>{var Ke=lt((fe,Je)=>{(function(b,t){typeof fe=="object"&&typeof Je<"u"?t(fe):typeof define=="function"&&define.amd?define(["exports"],t):(b=typeof globalThis<"u"?globalThis:b||self,t(b.maquette={}))})(fe,(function(b){"use strict";var t="http://www.w3.org/",s="".concat(t,"2000/svg"),c="".concat(t,"1999/xlink"),n=[],r=function(e,i){var a={};return Object.keys(e).forEach(function(l){a[l]=e[l]}),i&&Object.keys(i).forEach(function(l){a[l]=i[l]}),a},u=function(e,i){return e.vnodeSelector!==i.vnodeSelector?!1:e.properties&&i.properties?e.properties.key!==i.properties.key?!1:e.properties.bind===i.properties.bind:!e.properties&&!i.properties},h=function(e){if(typeof e!="string")throw new Error("Style values must be strings")},_=function(e,i,a){if(i.vnodeSelector!==""){for(var l=a;l<e.length;l++)if(u(e[l],i))return l}return-1},$=function(e,i,a,l){var p=e[i];if(p.vnodeSelector!==""){var o=p.properties,A=o?o.key===void 0?o.bind:o.key:void 0;if(!A){for(var f=0;f<e.length;f++)if(f!==i){var d=e[f];if(u(d,p))throw{error: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}}}}},P=function(e){if(e.properties){var i=e.properties.enterAnimation;i&&i(e.domNode,e.properties)}},x=[],C=!1,S=function(e){(e.children||[]).forEach(S),e.properties&&e.properties.afterRemoved&&e.properties.afterRemoved.apply(e.properties.bind||e.properties,[e.domNode])},I=function(){C=!1,x.forEach(S),x.length=0},z=function(e){x.push(e),C||(C=!0,typeof window<"u"&&"requestIdleCallback"in window?window.requestIdleCallback(I,{timeout:16}):setTimeout(I,16))},R=function(e){var i=e.domNode;if(e.properties){var a=e.properties.exitAnimation;if(a){i.style.pointerEvents="none";var l=function(){i.parentNode&&(i.parentNode.removeChild(i),z(e))};a(i,l,e.properties);return}}i.parentNode&&(i.parentNode.removeChild(i),z(e))},M=["afterCreate","afterUpdate","afterRemoved","enterAnimation","exitAnimation","updateAnimation"];function D(e){return!M.includes(e)}var ee=function(e,i,a){if(i)for(var l=a.eventHandlerInterceptor,p=Object.keys(i).filter(D),o=p.length,A=0;A<o;A++){var f=p[A],d=i[f];if(f==="className")throw new Error('Property "className" is not supported, use "class".');if(f==="class")te(e,d,!0);else if(f==="classes")for(var v=Object.keys(d),k=v.length,y=0;y<k;y++){var m=v[y];d[m]&&e.classList.add(m)}else if(f==="styles")for(var U=Object.keys(d),T=U.length,y=0;y<T;y++){var J=U[y],O=d[J];O&&(h(O),a.styleApplyer(e,J,O))}else if(f==="on"&&d)for(var ne=0,re=Object.entries(i.on);ne<re.length;ne++){var se=re[ne],X=se[0],q=se[1],N=typeof q=="function"?q:q.listener;l&&(N=l(X,N,e,i)),N&&e.addEventListener(X,N,typeof q=="function"?void 0:q.options)}else if(f!=="key"&&d!==null&&d!==void 0){var le=typeof d;le==="function"?(f.lastIndexOf("on",0)===0&&l&&(d=l(f,d,e,i)),e[f]=d):a.namespace===s?f==="href"?e.setAttributeNS(c,f,d):e.setAttribute(f,d):le==="string"&&f!=="value"&&f!=="innerHTML"?e.setAttribute(f,d):e[f]=d}}},Q=function(e,i,a){if(i)for(var l=0,p=i;l<p.length;l++){var o=p[l];F(o,e,void 0,a)}},H=function(e,i,a){Q(e,i.children,a),i.text&&(e.textContent=i.text),ee(e,i.properties,a),i.properties&&i.properties.afterCreate&&i.properties.afterCreate.apply(i.properties.bind||i.properties,[e,a,i.vnodeSelector,i.properties,i.children])},F=function(e,i,a,l){var p,o,A=0,f=e.vnodeSelector,d=i.ownerDocument;if(f==="")e.domNode?e.domNode.nodeValue=e.text:(o=e.domNode=d.createTextNode(e.text),a!==void 0?i.insertBefore(o,a):i.appendChild(o));else{for(var v=0;v<=f.length;++v){var k=f.charAt(v);if(v===f.length||k==="."||k==="#"){var y=f.charAt(A-1),m=f.slice(A,v);y==="."?o.classList.add(m):y==="#"?o.id=m:(m==="svg"&&(l=r(l,{namespace:s})),l.namespace!==void 0?o=e.domNode=d.createElementNS(l.namespace,m):(o=e.domNode=e.domNode||(!((p=e.properties)===null||p===void 0)&&p.is?d.createElement(m,{is:e.properties.is}):d.createElement(m)),m==="input"&&e.properties&&e.properties.type!==void 0&&o.setAttribute("type",e.properties.type)),a!==void 0?i.insertBefore(o,a):o.parentNode!==i&&i.appendChild(o)),A=v+1}}H(o,e,l)}},G,te=function(e,i,a){i&&i.split(" ").forEach(function(l){l&&e.classList.toggle(l,a)})},pe=function(e,i,a,l){if(a){for(var p=!1,o=Object.keys(a).filter(D),A=o.length,f=0;f<A;f++){var d=o[f],v=a[d],k=i[d];if(d==="class")k!==v&&(te(e,k,!1),te(e,v,!0));else if(d==="classes")for(var y=e.classList,m=Object.keys(v),U=m.length,T=0;T<U;T++){var J=m[T],O=!!v[J],ne=!!k[J];O!==ne&&(p=!0,O?y.add(J):y.remove(J))}else if(d==="styles")for(var re=Object.keys(v),se=re.length,T=0;T<se;T++){var X=re[T],q=v[X],N=k[X];q!==N&&(p=!0,q?(h(q),l.styleApplyer(e,X,q)):l.styleApplyer(e,X,""))}else if(!v&&typeof k=="string"&&(v=""),d==="value"){var le=e[d];le!==v&&v!==k&&(e[d]=v),v!==k&&(p=!0)}else if(v!==k){var Ce=typeof v;(Ce!=="function"||!l.eventHandlerInterceptor)&&(l.namespace===s?d==="href"?e.setAttributeNS(c,d,v):e.setAttribute(d,v):Ce==="string"&&d!=="innerHTML"?d==="role"&&v===""?e.removeAttribute(d):e.setAttribute(d,v):e[d]!==v&&(e[d]=v),p=!0)}}return p}},Ne=function(e,i,a,l,p){if(a===l)return!1;a=a||n,l=l||n;for(var o=a.length,A=l.length,f=0,d=0,v,k=!1;d<A;){var y=f<o?a[f]:void 0,m=l[d];if(y!==void 0&&u(y,m))k=G(y,m,p,i,a)||k,f++;else{var U=_(a,m,f+1);if(U>=0){for(v=f;v<U;v++)R(a[v]),$(a,v,e,"removed");k=G(a[U],m,p,i,a)||k,f=U+1}else F(m,i,f<o?a[f].domNode:void 0,p),P(m),$(l,d,e,"added")}d++}if(o>f)for(v=f;v<o;v++)R(a[v]),$(a,v,e,"removed");return k};G=function(e,i,a,l,p){var o=e.domNode,A=!1;if(e===i)return!1;var f=!1;if(i.vnodeSelector===""){if(i.text!==e.text){var d=o.ownerDocument.createTextNode(i.text);try{l.replaceChild(d,o)}catch{l.replaceChild(d,l.childNodes[p.indexOf(e)])}return i.domNode=d,A=!0,A}i.domNode=o}else i.vnodeSelector.lastIndexOf("svg",0)===0&&(a=r(a,{namespace:s})),e.text!==i.text&&(f=!0,i.text===void 0?o.removeChild(o.firstChild):o.textContent=i.text),i.domNode=o,f=Ne(i,o,e.children,i.children,a)||f,f=pe(o,e.properties,i.properties,a)||f,i.properties&&i.properties.afterUpdate&&i.properties.afterUpdate.apply(i.properties.bind||i.properties,[o,a,i.vnodeSelector,i.properties,i.children]);return f&&i.properties&&i.properties.updateAnimation&&i.properties.updateAnimation(o,i.properties,e.properties),A};var ie=function(e,i){return{getLastRender:function(){return e},update:function(a){if(e.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=e;e=a,G(l,a,i,l.domNode.parentNode,[l])},domNode:e.domNode}},je={namespace:void 0,performanceLogger:function(){},eventHandlerInterceptor:void 0,styleApplyer:function(e,i,a){i.charAt(0)==="-"?e.style.setProperty(i,a):e.style[i]=a}},Z=function(e){return r(je,e)},ae={create:function(e,i){return i=Z(i),F(e,document.createElement("div"),void 0,i),ie(e,i)},append:function(e,i,a){return a=Z(a),F(i,e,void 0,a),ie(i,a)},insertBefore:function(e,i,a){return a=Z(a),F(i,e.parentNode,e,a),ie(i,a)},merge:function(e,i,a){return a=Z(a),i.domNode=e,H(e,i,a),ie(i,a)},replace:function(e,i,a){return a=Z(a),F(i,e.parentNode,e,a),e.parentNode.removeChild(e),ie(i,a)}},Ve=function(e){return{vnodeSelector:"",properties:void 0,children:void 0,text:e.toString(),domNode:null}},xe=function(e,i,a){for(var l=0,p=i.length;l<p;l++){var o=i[l];Array.isArray(o)?xe(e,o,a):o!=null&&o!==!1&&(typeof o=="string"&&(o=Ve(o)),a.push(o))}};function et(e,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(e,a,p),p.length===0&&(p=void 0)),{vnodeSelector:e,properties:i,children:p,text:l===""?void 0:l,domNode:null}}var tt=function(e,i){for(var a=[];e&&e!==i;)a.push(e),e=e.parentNode;return a},ge;Array.prototype.find?ge=function(e,i){return e.find(i)}:ge=function(e,i){return e.filter(i)[0]};var it=function(e,i){var a=e;return i.forEach(function(l){a=a&&a.children?ge(a.children,function(p){return p.domNode===l}):void 0}),a},at=function(e,i,a){return function(p,o,A,f){return l};function l(p){var o,A;a("domEvent",p);var f=i(),d=tt(p.currentTarget,f.domNode);d.reverse();var v=it(f.getLastRender(),d);e.scheduleRender();var k;if(v){var y=(A=(o=v.properties["on".concat(p.type)])!==null&&o!==void 0?o:v.properties.on[p.type].listener)!==null&&A!==void 0?A:v.properties.on[p.type];k=y.apply(v.properties.bind||this,arguments)}return a("domEventProcessed",p),k}},nt=function(e){var i,a=Z(e),l=a.performanceLogger,p=!0,o,A=!1,f=[],d=[],v=function(y,m,U){var T,J=function(){return T};a.eventHandlerInterceptor=at(i,J,l),T=y(m,U(),a),f.push(T),d.push(U)},k=function(){if(o=void 0,!!p){p=!1,l("renderStart",void 0);for(var y=0;y<f.length;y++){var m=d[y]();l("rendered",void 0),f[y].update(m),l("patched",void 0)}l("renderDone",void 0),p=!0}};return i={renderNow:k,scheduleRender:function(){!o&&!A&&(o=requestAnimationFrame(k))},stop:function(){o&&(cancelAnimationFrame(o),o=void 0),A=!0},resume:function(){A=!1,p=!0,i.scheduleRender()},append:function(y,m){v(ae.append,y,m)},insertBefore:function(y,m){v(ae.insertBefore,y,m)},merge:function(y,m){v(ae.merge,y,m)},replace:function(y,m){v(ae.replace,y,m)},detach:function(y){for(var m=0;m<d.length;m++)if(d[m]===y)return d.splice(m,1),f.splice(m,1)[0];throw new Error("renderFunction was not found")}},i},rt=function(){var e,i;return{invalidate:function(){i=void 0,e=void 0},result:function(a,l){if(e)for(var p=0;p<a.length;p++)e[p]!==a[p]&&(i=void 0);return i||(i=l(),e=a),i}}},st=function(e,i,a){var l=[],p=[];return{results:p,map:function(o){for(var A=o.map(e),f=p.slice(),d=0,v=0;v<o.length;v++){var k=o[v],y=A[v];if(y===l[d])p[v]=f[d],a(k,f[d],v),d++;else{for(var m=!1,U=1;U<l.length+1;U++){var T=(d+U)%l.length;if(l[T]===y){p[v]=f[T],a(o[v],f[T],v),d=T+1,m=!0;break}}m||(p[v]=i(k,v))}}p.length=o.length,l=A}}};b.createCache=rt,b.createMapping=st,b.createProjector=nt,b.dom=ae,b.h=et}))});var Qe=ct(Ke(),1);var ot=96;function V(b){return b?b/72*ot:0}var dt=(0,Qe.createProjector)(),Ze=10,_e=20,ve=10,Le=20,Ae={univariateAboveAndBelowSymbol:"esri-univariate-above-and-below-ramp__symbol",colorRamp:"esri-legend__color-ramp"};function ft(b="vertical"){let t={stroke:"rgb(200, 200, 200)",strokeWidth:"1"};return b==="vertical"?L`<svg height=4 width=10>${ue`<line x1=0 y1=2 x2=10 y2=2 style=${E(t)} />`}</svg>`:L`<svg height=10 width=10>${ue`<line x1=5 y1=0 x2=5 y2=10 style=${E(t)} />`}</svg>`}function vt(b,t="vertical"){let s=document.createElement("div");return s.style.height=`${_e}px`,s.className=Ae.univariateAboveAndBelowSymbol,b!=null&&(s.style.opacity=b.toString()),dt.append(s,ft.bind(null,t)),s}function Oe(b,t,s="vertical",c){b.infos.forEach((n,r)=>{if(c&&r===2)n.preview=vt(t,s);else{let{size:u}=n,h=V(u)+(s==="horizontal"?Le:ve),_=n.preview.tagName.toLowerCase()==="div",$=_?n.preview:document.createElement("div");$&&($.className=Ae.univariateAboveAndBelowSymbol),s==="horizontal"?$&&($.style.width=`${h}px`):$&&($.style.height=`${h}px`),_||$&&$.appendChild(n.preview),n.preview=$}})}function Xe(b,t="classic"){let s=b.infos,c=s[0].size,n=s[s.length-1].size;return t==="classic"?(V(c)+ve)/2:(V(c)-V(n))/2}function ye(b,t,s){if(!b)return null;let c=b.infos.map(r=>r.color),n=t.renderColorRampPreviewHTML(s.type==="full"?c:s.type==="above"?c.slice(0,3):c.slice(2,5),{width:s.width,height:s.height,align:s.rampAlignment,effectList:s.effectList});return n.className=Ae.colorRamp,s.opacity!=null&&(n.style.opacity=s.opacity.toString()),n}function pt(b,t,s,c="vertical"){let n=0,r=b.infos,u=Math.floor(r.length/2),h=t==="full"||t==="above"?0:u,_=t==="full"||t==="below"?r.length-1:u;for(let $=h;$<=_;$++)if(s&&$===u)n+=c==="horizontal"?Ze:_e;else{let P=r[$].size,x=V(P)+(c==="horizontal"?Le:ve);n+=x}return Math.round(n)}function $e(b,t,s,c="vertical"){let n=pt(b,t,s,c),r=b.infos,u=Math.floor(r.length/2),h=t==="full"||t==="above"?0:u,_=t==="full"||t==="below"?r.length-1:u,$=t==="full"?r[h].size+r[_].size:t==="above"?r[h].size:r[_].size,P=s?c==="vertical"?_e:Ze:0,x=c==="vertical"?ve*(t==="full"?2:1):Le*(t==="full"?2:1);return Math.round(n-(V($)/2+P/2+x/2))}function gt(b,t,s="vertical"){let c=b.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],Oe(n,t,s,!0)),r&&(r={...r},r.infos=[...r.infos]),s==="horizontal"&&(n?.infos.reverse(),r?.infos.reverse()),{sizeRampElement:n,colorRampElement:r}}function ut(b,t="vertical"){let s=b.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],Oe(c,null,t,!1)),n&&(n={...n},n.infos=[...n.infos]),t==="horizontal"&&(c?.infos.reverse(),n?.infos.reverse()),{sizeRampElement:c,colorRampElement:n}}function ht(b,t){return!0}var mt=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{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 .esri-legend__layer-caption calcite-action{margin-right:5px}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"},yt=24,Ye={display:"flex",alignItems:"flex-start"},be={marginLeft:"3px"},j={display:"table-cell",verticalAlign:"middle"},we=class extends Se{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=mt}static{this.shadowRootOptions=Re}async connectedCallback(){super.connectedCallback(),!this.handles&&(this.handles=await ze())}async load(){new MutationObserver(()=>{this.requestUpdate()}).observe(this.el,{attributes:!0});let[t,s]=await Promise.all([Te(),Pe()]),c=await Fe();this.reactiveUtils=s,this.intl=t,this.symbolUtils=c}willUpdate(t){t.has("filterMode")&&this.legendvm?.view&&(this.hasUpdated||this.filterMode.type!=="filter")&&We(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 this.reactiveUtils.whenOnce(()=>this.legendvm?.view);let t=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 oe(this.legendvm,this.reactiveUtils);W.set("data",{...B.data,...u}),this.isLoading=!1,await this.setupWatchersAndListeners()}catch(s){console.error(s),this.isLoading=!1}};this.legendvm?.view?.when(t),this.legendvm?.view?.map?.layers?.on("after-changes",t)}catch{this.isLoading=!1}}getStretchStopLabel(t){let s=this.messages[t.label];return t.label?`${s}: ${typeof t.value=="string"?t.value:this.intl.formatNumber(t.value,{style:"decimal",notation:t.value.toString().includes("e")?"scientific":"standard"})}`:""}getTitle(t,s){if(!t)return;if(typeof t=="string"||typeof t=="number")return t;if("value"in t||"unit"in t){let r=typeof this.messages?.dotValue=="string"?this.messages.dotValue:"";return this.intl.substitute(r,t)}if("colorName"in t||"bandName"in t){let{colorName:r,bandName:u}=t,h=this.messages[r],_=typeof this.messages[u]=="string"?this.messages[u]:u;return`${h}: ${_}`}if("showCount"in t)return t.showCount?this.messages.clusterCountTitle:null;let c=null;if(s){let r=t;c=r.ratioPercentTotal?"showRatioPercentTotal":r.ratioPercent?"showRatioPercent":r.ratio?"showRatio":t.normField?"showNormField":t.field?"showField":null}else if(this.isRendererTitle(s)){let r=t;c=r.normField?"showNormField":r.normByPct?"showNormPct":r.field?"showField":null}let n=c==="showField"?"{field}":typeof c=="string"?this.messages[c]:"";return c?this.intl?.substitute(n,{field:t.field,normField:t.normField}):""}isRendererTitle(t){return!t}async setupWatchersAndListeners(){let t=this.legendvm?.view?.map?.allLayers?.filter(n=>n?.type==="feature"),s=[];for(let n of t)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)}t?.forEach(n=>{let r=`fLayer-${n?.id}`;this.handles?.has(r)||this.handles?.add(this.reactiveUtils?.watch(()=>n?.visible,()=>{this.createDataForLayer(n).catch(u=>{console.error(u)})}),r)}),this.handles?.add(this.reactiveUtils.when(()=>this.legendvm,()=>{this.reactiveUtils.watch(()=>this.legendvm?.view?.updating,()=>{this.calculatingFeatureCount||this.legendvm?.view?.updating&&(this.calculatingFeatureCount=!0,this.reactiveUtils.when(()=>!this.legendvm?.view?.updating,()=>{de(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(this.reactiveUtils.on(()=>this.legendvm?.activeLayerInfos,"change",n=>{oe(this.legendvm,this.reactiveUtils).then(r=>{W.set("data",{...B.data,...r}),this.requestUpdate()}).then(()=>{this.handles?.add(this.reactiveUtils.on(()=>n.children,"change",()=>{oe(this.legendvm,this.reactiveUtils).then(r=>{W.set("data",{...B.data,...r}),this.requestUpdate()}).catch(r=>{console.error(r)})}))}).catch(r=>{console.error(r)})})),this.handles?.add(this.reactiveUtils.on(()=>this.legendvm?.view?.map?.layers,"after-changes",()=>{de(this.legendvm,B.data).then(n=>{W.set("data",{...B.data,...n}),this.calculatingFeatureCount=!1}).catch(n=>{console.error(n)})}))}async createDataForLayer(t){let s=W.get("data")?.[t?.id],c=Ge(this.legendvm?.activeLayerInfos)?.find(n=>n?.layer?.id===t?.id);if(!s&&c){let n=await Me(this.legendvm,c,this.reactiveUtils);if(me({intLegendLayerData:n,layerId:t?.id}),this.featureCount){let r=await de(this.legendvm,B.data);W.set("data",{...B.data,...r})}}}applyFilter(t,s,c,n){return async()=>{let r={...B.data?.[s?.id]};n?await he(r,t,c,this.filterMode,n):await he(r,t,c,this.filterMode),me({intLegendLayerData:r,layerId:s?.id})}}render(){let t=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=${`${Y(this.el)}${s}`}>${t?.length>0?t:L`<div class=${w(g.message)}>${this.messages?.noLegend}</div>`}</div>`)}renderFilteredLayers(){return(this.legendvm?.activeLayerInfos?.toArray()).map(t=>this.renderLegendForLayer(t)).filter(t=>!!t)}renderLegendForLayer(t,s){if(!t.ready)return null;if(t.children.length){let r=t.children.map(u=>this.renderLegendForLayer(u,!0)).toArray();return L`<instant-apps-interactive-legend-group-legend-element class=${w(Y(this.el))} .legendvm=${this.legendvm} .featureCount=${this.featureCount} .activeLayerInfo=${t} .isChild=${s}><div style=${E({paddingLeft:"20px"})} .id=${`${t?.layer?.id}-legend-layer`} slot=content>${r}</div></instant-apps-interactive-legend-group-legend-element>`}let c=t.legendElements;if(c&&!c.length)return null;let n=c.map((r,u)=>this.renderLegendForElement(r,t.layer,t.effectList,t,u)).filter(r=>!!r);return n.length?L`<instant-apps-interactive-legend-layer-element class=${w(Y(this.el))} .legendvm=${this.legendvm} .featureCount=${this.featureCount} .activeLayerInfo=${t} .isChild=${!!s}><div slot=content .id=${`${t?.layer?.id}-legend-layer`} class=${w(g.layer)}>${n}</div></instant-apps-interactive-legend-layer-element>`:null}renderLegendForElement(t,s,c,n,r,u,h){let _=t.type==="color-ramp",$=t.type==="opacity-ramp",P=t.type==="size-ramp",x=null,C=De(n,t,r),S=t?.type==="relationship-ramp";if(t.type==="symbol-table"||P){let R=t.infos.map((M,D)=>this.renderLegendForElementInfo(M,s,c,P,t,n,r,D,C,h)).filter(M=>!!M);R.length&&(x=L`<div class=${w(g.layerBody)}>${R}</div>`)}else if(t.type==="color-ramp"||t.type==="opacity-ramp"||t.type==="heatmap-ramp"||t.type==="stretch-ramp"){let R=t;x=this.renderLegendForRamp(R,s.opacity)}else if(S)x=K("relationship-ramp",L`<instant-apps-interactive-legend-relationship class=${w(Y(this.el))} .filterMode=${this.filterMode} .activeLayerInfo=${n} .legendElement=${t}></instant-apps-interactive-legend-relationship>`);else if(t.type==="pie-chart-ramp"){let R=t;x=this.renderPieChartRamp(R)}else if(t.type==="univariate-above-and-below-ramp"){let R=t;x=this.renderUnivariateAboveAndBelowRamp(R,s.opacity,c)}else if(t.type==="univariate-color-size-ramp"){let R=t;x=this.renderUnivariateColorSizeRamp(R,s.opacity,c)}if(!x)return null;let I=t.title,z=null;if(typeof I=="string")z=I;else if(I){let R=I,M=this.getTitle(R,_||$);this.isRendererTitle(_||$)?"title"in I&&(z=`${I.title} (${M})`):z=M}return L`<instant-apps-interactive-legend-legend-element class=${w(Y(this.el))} .activeLayerInfo=${n} .isSizeRamp=${P} .isChild=${!!u} .isColorRamp=${_} .isRelationshipRamp=${S} .isInteractive=${C} .zoomTo=${this.zoomTo} .legendElement=${t} .titleText=${z} .legendvm=${this.legendvm} .legendElementIndex=${r}><div slot=content>${x}</div></instant-apps-interactive-legend-legend-element>`}renderPieChartRamp(t){return L`<div .innerHTML=${`${t.preview?.outerHTML}`}></div>`}renderUnivariateAboveAndBelowRamp(t,s,c){let{sizeRampElement:n,colorRampElement:r}=gt(t,s);if(!n)return null;let u=$e(n,"above",!0),h=$e(n,"below",!0),_=12,$=ye(r,this.symbolUtils,{width:_,height:u,rampAlignment:"vertical",opacity:s,type:"above",effectList:c}),P=ye(r,this.symbolUtils,{width:_,height:h,rampAlignment:"vertical",opacity:s,type:"below",effectList:c}),x=Xe(n),C=n.infos.map(H=>H.label),S=C.map((H,F)=>F===0?L`<div class=${w(H?$?g.univariateAboveAndBelowLabel:g.rampLabel:"")}>${H}</div>`:F===2?L`<div></div>`:null),I=C.length-1,z=Math.floor(C.length/2),R=C.map((H,F)=>F===z||F===I?L`<div class=${w(H?$?g.univariateAboveAndBelowLabel:g.rampLabel:"")}>${H}</div>`:null),M={display:"table-cell",verticalAlign:"middle"},D={marginTop:`${x}px`},ee={height:`${u}px`},Q={height:`${h}px`};return K("univariate-above-and-below-ramp-preview",L`<div style=${E(Ye)}><div class=${w(g.layerBody)}>${n.infos.map((H,F)=>L`<div class=${`${g.layerRow} ${g.sizeRamp}`}><div class=${w(g.symbol)} style=${E(M)} .innerHTML=${H?.preview?.outerHTML??""??""}></div>${!$&&F%2===0?L`<div class=${w(g.layerInfo)}>${C[F]}</div>`:null}</div>`)}</div>${$?K("color-ramp-preview",L`<div style=${E(D)}><div style=${E(be)}><div style=${E(j)}><div class=${w(g.rampContainer)}>${$}</div></div><div style=${E(j)}><div class=${w(g.rampLabelsContainer)} style=${E(ee)}>${S}</div></div></div><div style=${E(be)}><div style=${E(j)}><div class=${w(g.rampContainer)}>${P}</div></div><div style=${E(j)}><div class=${w(g.rampLabelsContainer)} style=${E(Q)}>${R}</div></div></div></div>`):null}</div>`)}renderUnivariateColorSizeRamp(t,s,c){let{sizeRampElement:n,colorRampElement:r}=ut(t);if(!n)return null;let u=Xe(n),h=12,_=$e(n,"full",!1),$=ye(r,this.symbolUtils,{width:h,height:_,rampAlignment:"vertical",opacity:s,type:"full",effectList:c}),P=n.infos.length-1,x=n.infos.map((z,R)=>R===0||R===P?L`<div class=${w(z.label?r?g.univariateAboveAndBelowLabel:g.rampLabel:"")}>${z.label}</div>`:null),C={display:"table-cell",verticalAlign:"middle"},S={marginTop:`${u}px`},I={height:`${_}px`};return K("univariate-above-and-below-ramp-preview",L`<div style=${E(Ye)}><div class=${w(g.layerBody)}>${n.infos.map(z=>L`<div class=${`${g.layerRow} ${g.sizeRamp}`}><div class=${w(g.symbol)} style=${E(C)} .innerHTML=${z?.preview?.outerHTML??""??""}></div></div>`)}</div>${K("color-ramp-preview",L`<div style=${E(S)}><div style=${E(be)}><div style=${E(j)}><div class=${w(g.rampContainer)}>${$}</div></div><div style=${E(j)}><div class=${w(g.rampLabelsContainer)} style=${E(I)}>${x}</div></div></div></div>`)}</div>`)}renderLegendForRamp(t,s){let c=t.infos,n=t.type==="opacity-ramp",r=t.type==="heatmap-ramp",u=t.type==="stretch-ramp",h=t.preview,_=n?g.opacityRamp:"";h&&(h.classList.add(g.colorRamp),_&&h.classList.add(_)),s!=null&&h&&(h.style.opacity=s.toString());let $=c.map(C=>{let S;if(r){let I=this.messages[C.label];S=typeof I=="string"?I:C.label}else u?S="value"in C?this.getStretchStopLabel(C):C.label:S=C.label;return L`<div class=${w(C.label?g.rampLabel:"")}>${S}</div>`}),P={width:`${yt}px`},x={height:h?.style?.height};return L`<div class=${w(g.layerRow)}><div class=${w(g.symbolContainer)} style=${E({...P})}><div class=${w(g.rampContainer)} ${Ee(C=>{C?.firstChild&&C?.firstChild?.remove(),C?.appendChild(h)})}></div></div><div class=${w(g.layerInfo)}><div class=${w(g.rampLabelsContainer)} style=${E({...x})}>${$}</div></div></div>`}renderLegendForElementInfo(t,s,c,n,r,u,h,_,$,P){if("infos"in t)return this.renderLegendForElement(t,s,c,u,h,!0,t);let x=null,C=!ht(s,r.type);if("preview"in t){let{outerHTML:G}=t.preview;x=L`<div class=${w(g.symbol)} .innerHTML=${G??""}></div>`}else"src"in t&&(x=this.renderImage(t,s,C));if(!x)return null;let S="",I=n?` ${g.sizeRamp}`:"",z,R=He(s),M=qe(R,P);if(B.data){let G=Ue(R,s,t,M,_),te=M?M?.nestedInfos:R,pe=Be(te);z=R?.categories?.size===1?!G?.selected:pe||G?.selected}let D="label"in t?t.label:null,ee=M&&!("value"in t)?!1:$,Q=W.get("compact"),H=this.getTitle(D,!1)||"",F=M?r.title:D??s?.id;return ee?L`<button @click=${this.applyFilter(t,s,_,P)} class=${`${g.layerRow} ${g.interactiveLayerRow}${z?` ${g.infoSelected}`:""}`} title=${(Q?`${H}`:void 0)??ce} .ariaPressed=${z?"true":"false"}><div class=${`${g.symbolContainer}${S}${I}`}>${x}</div><div class=${`${g.layerInfo}${S}`}>${this.getTitle(D,!1)||""}</div>${this.featureCount&&!Q?L`<instant-apps-interactive-legend-count class=${w(Y(this.el))} .categoryId=${F} .activeLayerInfo=${u} .legendvm=${this.legendvm} .selected=${!!z} .legendElement=${r} .infoIndex=${_}></instant-apps-interactive-legend-count>`:null}</button>`:L`<div class=${w(g.layerRow)}><div class=${`${g.symbolContainer}${S}${I}`}>${x}</div><div class=${`${g.layerInfo}${S}`}>${H}</div></div>`}renderImage(t,s,c){let{label:n,src:r,opacity:u}=t,h=c?` ${g.imageryLayerStretchedImage}`:"",_=c?"":` ${g.symbol}`,$={opacity:`${u??s.opacity}`};return L`<img alt=${this.getTitle(n,!1)??ce} src=${r??ce} width=${t.width} height=${t.height} class=${`$${h}${_}`} style=${E($)}>`}};Ie("instant-apps-interactive-legend-classic",we);return we},a,b,c)

package/dist/cdn/{NVJDDGAX.js → UTTX3CHJ.js}

@@ -1,4 +1,4 @@
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.4 */
-import{a as e}from"./56XBTT4O.js";var s=["hub:survey:edit","hub:survey:settings"],a=Object.assign(Object.assign({},e),{properties:Object.assign({displayMap:{type:"boolean",enum:[!0,!1],default:!1},hasMapQuestion:{type:"boolean",enum:[!0,!1],default:!1}},e.properties)});export{s as a,a as b};
+See https://js.arcgis.com/1.2/esri/copyright.txt for details.
+v1.2.0-next.10 */
+import{a as e}from"./P7Q74AQB.js";var s=["hub:survey:edit","hub:survey:settings"],a=Object.assign(Object.assign({},e),{properties:Object.assign({displayMap:{type:"boolean",enum:[!0,!1],default:!1},hasMapQuestion:{type:"boolean",enum:[!0,!1],default:!1}},e.properties)});export{s as a,a as b};