@esri/solutions-components 1.1.0-next.20250814 → 1.1.0-next.20250815

package/dist/cdn/7MQULQBP.js

@@ -0,0 +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.0-next.20250815 */
+import c from"./Z6U7AKR4.js";import b from"./MJD3VGP3.js";import"./LEGWW7SW.js";import a from"./OLORFY6S.js";import{a as K}from"./P6ZOYFLQ.js";import{C as Pe,E as Te,c as ze,z as Ie}from"./SG3I3BVR.js";import{b as Se}from"./QVGWI7BH.js";import"./DZJZLLFO.js";import{A as w,B as E,h as ke,i as L,j as ge,k as oe,x as Re,y as Ee}from"./XHHM7WRB.js";import{b as st,d as lt}from"./R72XZLYM.js";export default $arcgis.t(([,{a:B,b:W},{a:Fe,b:ce,d:Me,e:Ue,f:ue,g:He,i:Be,o:de,s:De,t:Y,u:me,v:qe,w:We}])=>{var Je=st((fe,Ge)=>{(function(b,t){typeof fe=="object"&&typeof Ge<"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"),o="".concat(t,"1999/xlink"),a=[],r=function(e,i){var n={};return Object.keys(e).forEach(function(l){n[l]=e[l]}),i&&Object.keys(i).forEach(function(l){n[l]=i[l]}),n},g=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},u=function(e){if(typeof e!="string")throw new Error("Style values must be strings")},_=function(e,i,n){if(i.vnodeSelector!==""){for(var l=n;l<e.length;l++)if(g(e[l],i))return l}return-1},$=function(e,i,n,l){var h=e[i];if(h.vnodeSelector!==""){var c=h.properties,A=c?c.key===void 0?c.bind:c.key:void 0;if(!A){for(var f=0;f<e.length;f++)if(f!==i){var d=e[f];if(g(d,h))throw{error:new Error("".concat(n.vnodeSelector," had a ").concat(h.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:n,childNode:h}}}}},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])},z=function(){C=!1,x.forEach(S),x.length=0},I=function(e){x.push(e),C||(C=!0,typeof window<"u"&&"requestIdleCallback"in window?window.requestIdleCallback(z,{timeout:16}):setTimeout(z,16))},R=function(e){var i=e.domNode;if(e.properties){var n=e.properties.exitAnimation;if(n){i.style.pointerEvents="none";var l=function(){i.parentNode&&(i.parentNode.removeChild(i),I(e))};n(i,l,e.properties);return}}i.parentNode&&(i.parentNode.removeChild(i),I(e))},M=["afterCreate","afterUpdate","afterRemoved","enterAnimation","exitAnimation","updateAnimation"];function D(e){return!M.includes(e)}var ee=function(e,i,n){if(i)for(var l=n.eventHandlerInterceptor,h=Object.keys(i).filter(D),c=h.length,A=0;A<c;A++){var f=h[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&&(u(O),n.styleApplyer(e,J,O))}else if(f==="on"&&d)for(var ae=0,re=Object.entries(i.on);ae<re.length;ae++){var se=re[ae],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):n.namespace===s?f==="href"?e.setAttributeNS(o,f,d):e.setAttribute(f,d):le==="string"&&f!=="value"&&f!=="innerHTML"?e.setAttribute(f,d):e[f]=d}}},Q=function(e,i,n){if(i)for(var l=0,h=i;l<h.length;l++){var c=h[l];F(c,e,void 0,n)}},H=function(e,i,n){Q(e,i.children,n),i.text&&(e.textContent=i.text),ee(e,i.properties,n),i.properties&&i.properties.afterCreate&&i.properties.afterCreate.apply(i.properties.bind||i.properties,[e,n,i.vnodeSelector,i.properties,i.children])},F=function(e,i,n,l){var h,c,A=0,f=e.vnodeSelector,d=i.ownerDocument;if(f==="")e.domNode?e.domNode.nodeValue=e.text:(c=e.domNode=d.createTextNode(e.text),n!==void 0?i.insertBefore(c,n):i.appendChild(c));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==="."?c.classList.add(m):y==="#"?c.id=m:(m==="svg"&&(l=r(l,{namespace:s})),l.namespace!==void 0?c=e.domNode=d.createElementNS(l.namespace,m):(c=e.domNode=e.domNode||(!((h=e.properties)===null||h===void 0)&&h.is?d.createElement(m,{is:e.properties.is}):d.createElement(m)),m==="input"&&e.properties&&e.properties.type!==void 0&&c.setAttribute("type",e.properties.type)),n!==void 0?i.insertBefore(c,n):c.parentNode!==i&&i.appendChild(c)),A=v+1}}H(c,e,l)}},G,te=function(e,i,n){i&&i.split(" ").forEach(function(l){l&&e.classList.toggle(l,n)})},he=function(e,i,n,l){if(n){for(var h=!1,c=Object.keys(n).filter(D),A=c.length,f=0;f<A;f++){var d=c[f],v=n[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],ae=!!k[J];O!==ae&&(h=!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&&(h=!0,q?(u(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&&(h=!0)}else if(v!==k){var Ce=typeof v;(Ce!=="function"||!l.eventHandlerInterceptor)&&(l.namespace===s?d==="href"?e.setAttributeNS(o,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),h=!0)}}return h}},Oe=function(e,i,n,l,h){if(n===l)return!1;n=n||a,l=l||a;for(var c=n.length,A=l.length,f=0,d=0,v,k=!1;d<A;){var y=f<c?n[f]:void 0,m=l[d];if(y!==void 0&&g(y,m))k=G(y,m,h,i,n)||k,f++;else{var U=_(n,m,f+1);if(U>=0){for(v=f;v<U;v++)R(n[v]),$(n,v,e,"removed");k=G(n[U],m,h,i,n)||k,f=U+1}else F(m,i,f<c?n[f].domNode:void 0,h),P(m),$(l,d,e,"added")}d++}if(c>f)for(v=f;v<c;v++)R(n[v]),$(n,v,e,"removed");return k};G=function(e,i,n,l,h){var c=e.domNode,A=!1;if(e===i)return!1;var f=!1;if(i.vnodeSelector===""){if(i.text!==e.text){var d=c.ownerDocument.createTextNode(i.text);try{l.replaceChild(d,c)}catch{l.replaceChild(d,l.childNodes[h.indexOf(e)])}return i.domNode=d,A=!0,A}i.domNode=c}else i.vnodeSelector.lastIndexOf("svg",0)===0&&(n=r(n,{namespace:s})),e.text!==i.text&&(f=!0,i.text===void 0?c.removeChild(c.firstChild):c.textContent=i.text),i.domNode=c,f=Oe(i,c,e.children,i.children,n)||f,f=he(c,e.properties,i.properties,n)||f,i.properties&&i.properties.afterUpdate&&i.properties.afterUpdate.apply(i.properties.bind||i.properties,[c,n,i.vnodeSelector,i.properties,i.children]);return f&&i.properties&&i.properties.updateAnimation&&i.properties.updateAnimation(c,i.properties,e.properties),A};var ie=function(e,i){return{getLastRender:function(){return e},update:function(n){if(e.vnodeSelector!==n.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=n,G(l,n,i,l.domNode.parentNode,[l])},domNode:e.domNode}},Ne={namespace:void 0,performanceLogger:function(){},eventHandlerInterceptor:void 0,styleApplyer:function(e,i,n){i.charAt(0)==="-"?e.style.setProperty(i,n):e.style[i]=n}},Z=function(e){return r(Ne,e)},ne={create:function(e,i){return i=Z(i),F(e,document.createElement("div"),void 0,i),ie(e,i)},append:function(e,i,n){return n=Z(n),F(i,e,void 0,n),ie(i,n)},insertBefore:function(e,i,n){return n=Z(n),F(i,e.parentNode,e,n),ie(i,n)},merge:function(e,i,n){return n=Z(n),i.domNode=e,H(e,i,n),ie(i,n)},replace:function(e,i,n){return n=Z(n),F(i,e.parentNode,e,n),e.parentNode.removeChild(e),ie(i,n)}},je=function(e){return{vnodeSelector:"",properties:void 0,children:void 0,text:e.toString(),domNode:null}},xe=function(e,i,n){for(var l=0,h=i.length;l<h;l++){var c=i[l];Array.isArray(c)?xe(e,c,n):c!=null&&c!==!1&&(typeof c=="string"&&(c=je(c)),n.push(c))}};function Ve(e,i,n){if(Array.isArray(i))n=i,i=void 0;else if(i&&(typeof i=="string"||i.vnodeSelector)||n&&(typeof n=="string"||n.vnodeSelector))throw new Error("h called with invalid arguments");var l,h;return n&&n.length===1&&typeof n[0]=="string"?l=n[0]:n&&(h=[],xe(e,n,h),h.length===0&&(h=void 0)),{vnodeSelector:e,properties:i,children:h,text:l===""?void 0:l,domNode:null}}var et=function(e,i){for(var n=[];e&&e!==i;)n.push(e),e=e.parentNode;return n},pe;Array.prototype.find?pe=function(e,i){return e.find(i)}:pe=function(e,i){return e.filter(i)[0]};var tt=function(e,i){var n=e;return i.forEach(function(l){n=n&&n.children?pe(n.children,function(h){return h.domNode===l}):void 0}),n},it=function(e,i,n){return function(h,c,A,f){return l};function l(h){var c,A;n("domEvent",h);var f=i(),d=et(h.currentTarget,f.domNode);d.reverse();var v=tt(f.getLastRender(),d);e.scheduleRender();var k;if(v){var y=(A=(c=v.properties["on".concat(h.type)])!==null&&c!==void 0?c:v.properties.on[h.type].listener)!==null&&A!==void 0?A:v.properties.on[h.type];k=y.apply(v.properties.bind||this,arguments)}return n("domEventProcessed",h),k}},nt=function(e){var i,n=Z(e),l=n.performanceLogger,h=!0,c,A=!1,f=[],d=[],v=function(y,m,U){var T,J=function(){return T};n.eventHandlerInterceptor=it(i,J,l),T=y(m,U(),n),f.push(T),d.push(U)},k=function(){if(c=void 0,!!h){h=!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),h=!0}};return i={renderNow:k,scheduleRender:function(){!c&&!A&&(c=requestAnimationFrame(k))},stop:function(){c&&(cancelAnimationFrame(c),c=void 0),A=!0},resume:function(){A=!1,h=!0,i.scheduleRender()},append:function(y,m){v(ne.append,y,m)},insertBefore:function(y,m){v(ne.insertBefore,y,m)},merge:function(y,m){v(ne.merge,y,m)},replace:function(y,m){v(ne.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},at=function(){var e,i;return{invalidate:function(){i=void 0,e=void 0},result:function(n,l){if(e)for(var h=0;h<n.length;h++)e[h]!==n[h]&&(i=void 0);return i||(i=l(),e=n),i}}},rt=function(e,i,n){var l=[],h=[];return{results:h,map:function(c){for(var A=c.map(e),f=h.slice(),d=0,v=0;v<c.length;v++){var k=c[v],y=A[v];if(y===l[d])h[v]=f[d],n(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){h[v]=f[T],n(c[v],f[T],v),d=T+1,m=!0;break}}m||(h[v]=i(k,v))}}h.length=c.length,l=A}}};b.createCache=at,b.createMapping=rt,b.createProjector=nt,b.dom=ne,b.h=Ve}))});var Ye=lt(Je(),1);var ot=96;function V(b){return b?b/72*ot:0}var ct=(0,Ye.createProjector)(),Qe=10,_e=20,ve=10,Le=20,Ae={univariateAboveAndBelowSymbol:"esri-univariate-above-and-below-ramp__symbol",colorRamp:"esri-legend__color-ramp"};function dt(b="vertical"){let t={stroke:"rgb(200, 200, 200)",strokeWidth:"1"};return b==="vertical"?L`<svg height=4 width=10>${ge`<line x1=0 y1=2 x2=10 y2=2 style=${E(t)} />`}</svg>`:L`<svg height=10 width=10>${ge`<line x1=5 y1=0 x2=5 y2=10 style=${E(t)} />`}</svg>`}function ft(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()),ct.append(s,dt.bind(null,t)),s}function Ze(b,t,s="vertical",o){b.infos.forEach((a,r)=>{if(o&&r===2)a.preview=ft(t,s);else{let{size:g}=a,u=V(g)+(s==="horizontal"?Le:ve),_=a.preview.tagName.toLowerCase()==="div",$=_?a.preview:document.createElement("div");$&&($.className=Ae.univariateAboveAndBelowSymbol),s==="horizontal"?$&&($.style.width=`${u}px`):$&&($.style.height=`${u}px`),_||$&&$.appendChild(a.preview),a.preview=$}})}function Ke(b,t="classic"){let s=b.infos,o=s[0].size,a=s[s.length-1].size;return t==="classic"?(V(o)+ve)/2:(V(o)-V(a))/2}function ye(b,t,s){if(!b)return null;let o=b.infos.map(r=>r.color),a=t.renderColorRampPreviewHTML(s.type==="full"?o:s.type==="above"?o.slice(0,3):o.slice(2,5),{width:s.width,height:s.height,align:s.rampAlignment,effectList:s.effectList});return a.className=Ae.colorRamp,s.opacity!=null&&(a.style.opacity=s.opacity.toString()),a}function vt(b,t,s,o="vertical"){let a=0,r=b.infos,g=Math.floor(r.length/2),u=t==="full"||t==="above"?0:g,_=t==="full"||t==="below"?r.length-1:g;for(let $=u;$<=_;$++)if(s&&$===g)a+=o==="horizontal"?Qe:_e;else{let P=r[$].size,x=V(P)+(o==="horizontal"?Le:ve);a+=x}return Math.round(a)}function $e(b,t,s,o="vertical"){let a=vt(b,t,s,o),r=b.infos,g=Math.floor(r.length/2),u=t==="full"||t==="above"?0:g,_=t==="full"||t==="below"?r.length-1:g,$=t==="full"?r[u].size+r[_].size:t==="above"?r[u].size:r[_].size,P=s?o==="vertical"?_e:Qe:0,x=o==="vertical"?ve*(t==="full"?2:1):Le*(t==="full"?2:1);return Math.round(a-(V($)/2+P/2+x/2))}function ht(b,t,s="vertical"){let o=b.infos,a=o.find(({type:g})=>g==="size-ramp"),r=o.find(({type:g})=>g==="color-ramp");return a&&(a={...a},a.infos=[...a.infos],Ze(a,t,s,!0)),r&&(r={...r},r.infos=[...r.infos]),s==="horizontal"&&(a?.infos.reverse(),r?.infos.reverse()),{sizeRampElement:a,colorRampElement:r}}function pt(b,t="vertical"){let s=b.infos,o=s.find(({type:r})=>r==="size-ramp"),a=s.find(({type:r})=>r==="color-ramp");return o&&(o={...o},o.infos=[...o.infos],Ze(o,null,t,!1)),a&&(a={...a},a.infos=[...a.infos]),t==="horizontal"&&(o?.infos.reverse(),a?.infos.reverse()),{sizeRampElement:o,colorRampElement:a}}function gt(b,t){return!0}var ut=ke`:host{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}:host .esri-legend__service{padding:0}:host .esri-legend__layer-body,:host .esri-legend__layer,:host .esri-legend__layer-table,:host .esri-legend__group-layer-child,:host .esri-legend__layer-child-table{margin:0;overflow:hidden}:host .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)}:host .esri-legend__layer-caption calcite-action{margin-right:5px}:host .instant-apps-interactive-legend__layer-caption-btn-container{white-space:nowrap}:host .instant-apps-interactive-legend__layer-caption-btn-container calcite-button{margin:2px}:host .esri-legend__layer-caption{font-weight:var(--instant-apps-interactive-legend-caption-font-weight)}:host .esri-legend__layer-cell.esri-legend__layer-cell--info{font-size:var(--instant-apps-interactive-legend-info-font-size);text-align:left}:host .esri-legend__layer-cell,:host .esri-legend__layer-row{display:flex;align-items:center}:host .instant-apps-interactive-legend__non-interactive .esri-legend__layer-body{display:block;margin:var(--instant-apps-interactive-legend-ui-margin)}:host .instant-apps-interactive-legend__non-interactive.instant-apps-interactive-legend__nested-unique-symbol>.esri-legend__layer-body{margin:0}:host .instant-apps-interactive-legend__non-interactive .esri-legend__layer-row{display:table-row}:host .instant-apps-interactive-legend__non-interactive .esri-legend__layer-cell{display:table-cell}:host .esri-legend__layer-cell--symbols{justify-content:center;width:20%}:host .esri-legend__layer-cell--info{width:65%}:host .instant-apps-interactive-legend__layer-row--interactive{margin:1px;background:transparent;border:none;width:100%}:host .esri-legend__layer-cell--info{color:var(--instant-apps-interactive-legend-secondary-color)}:host .esri-legend__layer-row,:host .esri-legend__layer-caption{padding:var(--instant-apps-interactive-legend-ui-padding)}:host .instant-apps-interactive-legend__layer-row--interactive{position:relative}:host .instant-apps-interactive-legend-element-info--selected{background-color:var(--instant-apps-interactive-legend-info-item-background--selected)}:host .calcite-mode-dark .instant-apps-interactive-legend-element-info--selected{cursor:pointer;background-color:var(--instant-apps-interactive-legend-info-item-background--selected--dark)}:host .calcite-mode-dark .instant-apps-interactive-legend-element-info--selected .esri-legend__layer-cell--info{color:var(--calcite-color-text-inverse)}:host .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){:host .instant-apps-interactive-legend__layer-row--interactive{cursor:pointer}:host .instant-apps-interactive-legend__layer-row--interactive:hover{background-color:var(--instant-apps-interactive-legend-info-item-background--hover)}:host .instant-apps-interactive-legend__layer-row--interactive:hover.instant-apps-interactive-legend-element-info--selected{background-color:#e2f2fe}:host .calcite-mode-dark .instant-apps-interactive-legend__layer-row--interactive:hover{background-color:var(--instant-apps-interactive-legend-info-item-background--hover--dark)}:host .calcite-mode-dark .instant-apps-interactive-legend__layer-row--interactive:hover.instant-apps-interactive-legend-element-info--selected{background-color:#26a9f4}}`,p={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"},mt=24,Xe={display:"flex",alignItems:"flex-start"},be={marginLeft:"3px"},j={display:"table-cell",verticalAlign:"middle"},we=class extends Ee{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=ut}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([Pe(),Ie()]),o=await Te();this.reactiveUtils=s,this.intl=t,this.symbolUtils=o}willUpdate(t){t.has("filterMode")&&this.legendvm?.view&&(this.hasUpdated||this.filterMode.type!=="filter")&&qe(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 o=s?.allLayers?.map(async u=>await u.load()),a=(await Promise.allSettled(o)).map(u=>u?.status==="fulfilled"&&u?.value?u.value:null).filter(u=>!!u),r=[];a.forEach(u=>{this.legendvm?.view&&r.push(this.legendvm.view.whenLayerView(u))}),await Promise.allSettled(r);let g=await ce(this.legendvm,this.reactiveUtils);W.set("data",{...B.data,...g}),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:g}=t,u=this.messages[r],_=typeof this.messages[g]=="string"?this.messages[g]:g;return`${u}: ${_}`}if("showCount"in t)return t.showCount?this.messages.clusterCountTitle:null;let o=null;if(s){let r=t;o=r.ratioPercentTotal?"showRatioPercentTotal":r.ratioPercent?"showRatioPercent":r.ratio?"showRatio":t.normField?"showNormField":t.field?"showField":null}else if(this.isRendererTitle(s)){let r=t;o=r.normField?"showNormField":r.normByPct?"showNormPct":r.field?"showField":null}let a=o==="showField"?"{field}":typeof o=="string"?this.messages[o]:"";return o?this.intl?.substitute(a,{field:t.field,normField:t.normField}):""}isRendererTitle(t){return!t}async setupWatchersAndListeners(){let t=this.legendvm?.view?.map?.allLayers?.filter(a=>a?.type==="feature"),s=[];for(let a of t)this.legendvm?.view&&s.push(this.legendvm?.view?.whenLayerView(a));let o=[];try{o=await Promise.all(s)}catch(a){console.error(a)}for(let a of o){let r=`fLayerViewScale-${a.layer.id}`;!this.handles?.has(r)&&a&&this.handles?.add(a.watch("visibleAtCurrentScale",()=>{this.createDataForLayer(a.layer).catch(g=>{console.error(g)})}),r)}t?.forEach(a=>{let r=`fLayer-${a?.id}`;this.handles?.has(r)||this.handles?.add(this.reactiveUtils?.watch(()=>a?.visible,()=>{this.createDataForLayer(a).catch(g=>{console.error(g)})}),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(a=>{W.set("data",{...B.data,...a}),this.calculatingFeatureCount=!1}).catch(a=>{console.error(a)})},{once:!0,initial:!0}))},{initial:!0})},{initial:!0,once:!0})),this.handles?.add(this.reactiveUtils.on(()=>this.legendvm?.activeLayerInfos,"change",a=>{ce(this.legendvm,this.reactiveUtils).then(r=>{W.set("data",{...B.data,...r}),this.requestUpdate()}).then(()=>{this.handles?.add(this.reactiveUtils.on(()=>a.children,"change",()=>{ce(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(a=>{W.set("data",{...B.data,...a}),this.calculatingFeatureCount=!1}).catch(a=>{console.error(a)})}))}async createDataForLayer(t){let s=W.get("data")?.[t?.id],o=We(this.legendvm?.activeLayerInfos)?.find(a=>a?.layer?.id===t?.id);if(!s&&o){let a=await Fe(this.legendvm,o,this.reactiveUtils);if(me({intLegendLayerData:a,layerId:t?.id}),this.featureCount){let r=await de(this.legendvm,B.data);W.set("data",{...B.data,...r})}}}applyFilter(t,s,o,a){return async()=>{let r={...B.data?.[s?.id]};a?await ue(r,t,o,this.filterMode,a):await ue(r,t,o,this.filterMode),me({intLegendLayerData:r,layerId:s?.id})}}render(){let t=this.renderFilteredLayers(),s=W.get("compact")?` ${p.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(p.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(g=>this.renderLegendForLayer(g,!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 o=t.legendElements;if(o&&!o.length)return null;let a=o.map((r,g)=>this.renderLegendForElement(r,t.layer,t.effectList,t,g)).filter(r=>!!r);return a.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(p.layer)}>${a}</div></instant-apps-interactive-legend-layer-element>`:null}renderLegendForElement(t,s,o,a,r,g,u){let _=t.type==="color-ramp",$=t.type==="opacity-ramp",P=t.type==="size-ramp",x=null,C=Be(a,t,r),S=t?.type==="relationship-ramp";if(t.type==="symbol-table"||P){let R=t.infos.map((M,D)=>this.renderLegendForElementInfo(M,s,o,P,t,a,r,D,C,u)).filter(M=>!!M);R.length&&(x=L`<div class=${w(p.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=${a} .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,o)}else if(t.type==="univariate-color-size-ramp"){let R=t;x=this.renderUnivariateColorSizeRamp(R,s.opacity,o)}if(!x)return null;let z=t.title,I=null;if(typeof z=="string")I=z;else if(z){let R=z,M=this.getTitle(R,_||$);this.isRendererTitle(_||$)?"title"in z&&(I=`${z.title} (${M})`):I=M}return L`<instant-apps-interactive-legend-legend-element class=${w(Y(this.el))} .activeLayerInfo=${a} .isSizeRamp=${P} .isChild=${!!g} .isColorRamp=${_} .isRelationshipRamp=${S} .isInteractive=${C} .zoomTo=${this.zoomTo} .legendElement=${t} .titleText=${I} .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,o){let{sizeRampElement:a,colorRampElement:r}=ht(t,s);if(!a)return null;let g=$e(a,"above",!0),u=$e(a,"below",!0),_=12,$=ye(r,this.symbolUtils,{width:_,height:g,rampAlignment:"vertical",opacity:s,type:"above",effectList:o}),P=ye(r,this.symbolUtils,{width:_,height:u,rampAlignment:"vertical",opacity:s,type:"below",effectList:o}),x=Ke(a),C=a.infos.map(H=>H.label),S=C.map((H,F)=>F===0?L`<div class=${w(H?$?p.univariateAboveAndBelowLabel:p.rampLabel:"")}>${H}</div>`:F===2?L`<div></div>`:null),z=C.length-1,I=Math.floor(C.length/2),R=C.map((H,F)=>F===I||F===z?L`<div class=${w(H?$?p.univariateAboveAndBelowLabel:p.rampLabel:"")}>${H}</div>`:null),M={display:"table-cell",verticalAlign:"middle"},D={marginTop:`${x}px`},ee={height:`${g}px`},Q={height:`${u}px`};return K("univariate-above-and-below-ramp-preview",L`<div style=${E(Xe)}><div class=${w(p.layerBody)}>${a.infos.map((H,F)=>L`<div class=${`${p.layerRow} ${p.sizeRamp}`}><div class=${w(p.symbol)} style=${E(M)} .innerHTML=${H?.preview?.outerHTML??""??""}></div>${!$&&F%2===0?L`<div class=${w(p.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(p.rampContainer)}>${$}</div></div><div style=${E(j)}><div class=${w(p.rampLabelsContainer)} style=${E(ee)}>${S}</div></div></div><div style=${E(be)}><div style=${E(j)}><div class=${w(p.rampContainer)}>${P}</div></div><div style=${E(j)}><div class=${w(p.rampLabelsContainer)} style=${E(Q)}>${R}</div></div></div></div>`):null}</div>`)}renderUnivariateColorSizeRamp(t,s,o){let{sizeRampElement:a,colorRampElement:r}=pt(t);if(!a)return null;let g=Ke(a),u=12,_=$e(a,"full",!1),$=ye(r,this.symbolUtils,{width:u,height:_,rampAlignment:"vertical",opacity:s,type:"full",effectList:o}),P=a.infos.length-1,x=a.infos.map((I,R)=>R===0||R===P?L`<div class=${w(I.label?r?p.univariateAboveAndBelowLabel:p.rampLabel:"")}>${I.label}</div>`:null),C={display:"table-cell",verticalAlign:"middle"},S={marginTop:`${g}px`},z={height:`${_}px`};return K("univariate-above-and-below-ramp-preview",L`<div style=${E(Xe)}><div class=${w(p.layerBody)}>${a.infos.map(I=>L`<div class=${`${p.layerRow} ${p.sizeRamp}`}><div class=${w(p.symbol)} style=${E(C)} .innerHTML=${I?.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(p.rampContainer)}>${$}</div></div><div style=${E(j)}><div class=${w(p.rampLabelsContainer)} style=${E(z)}>${x}</div></div></div></div>`)}</div>`)}renderLegendForRamp(t,s){let o=t.infos,a=t.type==="opacity-ramp",r=t.type==="heatmap-ramp",g=t.type==="stretch-ramp",u=t.preview,_=a?p.opacityRamp:"";u&&(u.classList.add(p.colorRamp),_&&u.classList.add(_)),s!=null&&u&&(u.style.opacity=s.toString());let $=o.map(C=>{let S;if(r){let z=this.messages[C.label];S=typeof z=="string"?z:C.label}else g?S="value"in C?this.getStretchStopLabel(C):C.label:S=C.label;return L`<div class=${w(C.label?p.rampLabel:"")}>${S}</div>`}),P={width:`${mt}px`},x={height:u?.style?.height};return L`<div class=${w(p.layerRow)}><div class=${w(p.symbolContainer)} style=${E({...P})}><div class=${w(p.rampContainer)} ${Re(C=>{C?.firstChild&&C?.firstChild?.remove(),C?.appendChild(u)})}></div></div><div class=${w(p.layerInfo)}><div class=${w(p.rampLabelsContainer)} style=${E({...x})}>${$}</div></div></div>`}renderLegendForElementInfo(t,s,o,a,r,g,u,_,$,P){if("infos"in t)return this.renderLegendForElement(t,s,o,g,u,!0,t);let x=null,C=!gt(s,r.type);if("preview"in t){let{outerHTML:G}=t.preview;x=L`<div class=${w(p.symbol)} .innerHTML=${G??""}></div>`}else"src"in t&&(x=this.renderImage(t,s,C));if(!x)return null;let S="",z=a?` ${p.sizeRamp}`:"",I,R=Ue(s),M=De(R,P);if(B.data){let G=Me(R,s,t,M,_),te=M?M?.nestedInfos:R,he=He(te);I=R?.categories?.size===1?!G?.selected:he||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=${`${p.layerRow} ${p.interactiveLayerRow}${I?` ${p.infoSelected}`:""}`} title=${(Q?`${H}`:void 0)??oe} .ariaPressed=${I?"true":"false"}><div class=${`${p.symbolContainer}${S}${z}`}>${x}</div><div class=${`${p.layerInfo}${S}`}>${this.getTitle(D,!1)||""}</div>${this.featureCount&&!Q?L`<instant-apps-interactive-legend-count class=${w(Y(this.el))} .categoryId=${F} .activeLayerInfo=${g} .legendvm=${this.legendvm} .selected=${!!I} .legendElement=${r} .infoIndex=${_}></instant-apps-interactive-legend-count>`:null}</button>`:L`<div class=${w(p.layerRow)}><div class=${`${p.symbolContainer}${S}${z}`}>${x}</div><div class=${`${p.layerInfo}${S}`}>${H}</div></div>`}renderImage(t,s,o){let{label:a,src:r,opacity:g}=t,u=o?` ${p.imageryLayerStretchedImage}`:"",_=o?"":` ${p.symbol}`,$={opacity:`${g??s.opacity}`};return L`<img alt=${this.getTitle(a,!1)??oe} src=${r??oe} width=${t.width} height=${t.height} class=${`$${u}${_}`} style=${E($)}>`}};Se("instant-apps-interactive-legend-classic",we);return we},a,b,c)

package/dist/cdn/7Q3BPIIY.js

@@ -0,0 +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.0-next.20250815 */
+var l=e=>({labelKey:`${e}.fields.slug.label`,scope:"/properties/_slug",type:"Control",options:{control:"hub-field-input-input",messages:[{type:"ERROR",keyword:"pattern",icon:!0,labelKey:`${e}.fields.slug.patternError`},{type:"ERROR",keyword:"isUniqueSlug",icon:!0,labelKey:`${e}.fields.slug.isUniqueError`}]}});export{l as a};