@arcgis/map-components 5.0.0-next.73 → 5.0.0-next.74

package/dist/cdn/{GYWA5OID.js → DGVSKPUU.js}

@@ -1,4 +1,4 @@
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.73 */
-import b from"./T2NLANAJ.js";import a from"./GJINLO24.js";import{e as F}from"./FEZKVXNV.js";import"./DLO6UEEQ.js";import{b as c}from"./S74JHNUK.js";import{I as W,J as r,K as _,L as t,O as A,a as z,b as f,c as H}from"./A53UT6NH.js";import"./FPV43YYL.js";export default $arcgis.t(([{getBoundingBox:P,computeBBox:Q,getTransformMatrix:D},,{a:U,b:X,c:Y,d:j}])=>{var V=z`.arcgis-relationship-ramp--diamond__container{display:flex;font-size:var(--calcite-font-size-sm)}.arcgis-relationship-ramp--diamond__left-column{align-self:center;padding-right:5px;max-width:85px;text-align:right}.arcgis-relationship-ramp--diamond__right-column{align-self:center;padding-left:5px;max-width:85px;text-align:left}.arcgis-relationship-ramp--diamond__middle-column{display:flex;flex-direction:column;text-align:center}.arcgis-relationship-ramp--diamond__middle-column--label{align-self:center;max-width:85px}.arcgis-relationship-ramp--diamond__middle-column--ramp{width:85px;height:85px}.arcgis-relationship-ramp--square__table{display:table;font-size:var(--calcite-font-size-sm)}.arcgis-relationship-ramp--square__table-row{display:table-row}.arcgis-relationship-ramp--square__table-cell{display:table-cell}.arcgis-relationship-ramp--square__table-label{max-width:95px}.arcgis-relationship-ramp--square__table-label--left-bottom{vertical-align:bottom;text-align:left}.arcgis-relationship-ramp--square__table-label--right-bottom{vertical-align:bottom;text-align:right}.arcgis-relationship-ramp--square__table-label--left-top{vertical-align:top;text-align:left}.arcgis-relationship-ramp--square__table-label--right-top{vertical-align:top;text-align:right}`,Z="http://www.w3.org/2000/svg",a={diamondContainer:"arcgis-relationship-ramp--diamond__container",diamondLeftCol:"arcgis-relationship-ramp--diamond__left-column",diamondRightCol:"arcgis-relationship-ramp--diamond__right-column",diamondMidCol:"arcgis-relationship-ramp--diamond__middle-column",diamondMidColLabel:"arcgis-relationship-ramp--diamond__middle-column--label",diamondMidColRamp:"arcgis-relationship-ramp--diamond__middle-column--ramp",squareTable:"arcgis-relationship-ramp--square__table",squareTableRow:"arcgis-relationship-ramp--square__table-row",squareTableCell:"arcgis-relationship-ramp--square__table-cell",squareTableLabel:"arcgis-relationship-ramp--square__table-label",squareTableLabelLeftBottom:"arcgis-relationship-ramp--square__table-label--left-bottom",squareTableLabelRightBottom:"arcgis-relationship-ramp--square__table-label--right-bottom",squareTableLabelLeftTop:"arcgis-relationship-ramp--square__table-label--left-top",squareTableLabelRightTop:"arcgis-relationship-ramp--square__table-label--right-top"},$=class extends W{constructor(){super(...arguments),this._direction=F(),this.legendElement=null}static{this.properties={cssEffectFilter:1,legendElement:0,opacity:9,messages:0}}static{this.styles=V}_getLineMarkers(m,s){let e="arrowStart",o="arrowEnd",n=m==="left",i={markerStart:null,markerEnd:null};switch(s){case"HL":n?i.markerStart=`url(#${o})`:i.markerEnd=`url(#${e})`;break;case"LL":i.markerStart=`url(#${o})`;break;case"LH":n?i.markerEnd=`url(#${e})`:i.markerStart=`url(#${o})`;break;default:i.markerEnd=`url(#${e})`;break}return i}render(){let m=this.legendElement,{focus:s,labels:e}=m,o=!!s,n=this._renderRamp(m),i={justifyContent:"center"},l=this._direction==="rtl";return o?f`<div class=${r(a.diamondContainer)} style=${_(i)}><div class=${r(a.diamondLeftCol)}>${l?e.right:e.left}</div><div class=${r(a.diamondMidCol)}><div class=${r(a.diamondMidColLabel)}>${e.top}</div>${n}<div class=${r(a.diamondMidColLabel)}>${e.bottom}</div></div><div class=${r(a.diamondRightCol)}>${l?e.left:e.right}</div></div>`:f`<div class=${r(a.squareTable)}><div class=${r(a.squareTableRow)}><div class=${r(c(a.squareTableCell,a.squareTableLabel,a.squareTableLabelRightBottom))}>${l?e.top:e.left}</div><div class=${r(a.squareTableCell)}></div><div class=${r(c(a.squareTableCell,a.squareTableLabel,a.squareTableLabelLeftBottom))}>${l?e.left:e.top}</div></div><div class=${r(a.squareTableRow)}><div class=${r(a.squareTableCell)}></div>${n}<div class=${r(a.squareTableCell)}></div></div><div class=${r(a.squareTableRow)}><div class=${r(c(a.squareTableCell,a.squareTableLabel,a.squareTableLabelRightTop))}>${l?e.right:e.bottom}</div><div class=${r(a.squareTableCell)}></div><div class=${r(c(a.squareTableCell,a.squareTableLabel,a.squareTableLabelLeftTop))}>${l?e.bottom:e.right}</div></div></div>`}_renderRamp(m){let{focus:s,numClasses:e,colors:o,rotation:n}=m,i=this.opacity,l=this.messages.previewRelationshipRampAriaLabel,d=60,g=!!s,p=Math.sqrt(d**2+d**2)+(g?0:5),v=[],q=[],k=[],h=d/e;for(let b=0;b<e;b++){let K=b*h;for(let u=0;u<e;u++){let N=u*h,E=X(o[b][u]),O=Y(null),M={type:"rect",x:N,y:K,width:h,height:h},S=U(E);S&&v.push(S);let B=j(M,E.fill,O,null);B&&q.push(B),k.push(P(M))}}let x=15,T=15,L=10,w;g||(w="margin: -15px -15px -18px -15px");let C=this._getLineMarkers("left",s),y=this._getLineMarkers("right",s),R=Q(k),G=D(R,p,p,0,!1,n,!1),I=D(R,p,p,0,!1,g?-45:null,!1),J={filter:this.cssEffectFilter,opacity:i==null?"":`${i}`};return f`<div class=${r(g?a.diamondMidColRamp:a.squareTableCell)} style=${_(J)}><svg .ariaLabel=${l} height=${p??t} role=img style=${_(w)} width=${p??t} xmlns=${Z}>${H`<defs><marker .id=${"arrowStart"} markerHeight=10 markerUnits=strokeWidth markerWidth=10 orient=auto refX=5 refY=5><polyline fill=none points="0,0 5,5 0,10" stroke=#555555 stroke-width=1 /></marker><marker .id=${"arrowEnd"} markerHeight=10 markerUnits=strokeWidth markerWidth=10 orient=auto refX=0 refY=5><polyline fill=none points="5,0 0,5 5,10" stroke=#555555 stroke-width=1 /></marker>${v}</defs><g transform=${G??t}>${q}</g><g transform=${I??t}><line fill=none marker-end=${C.markerEnd??void 0??t} marker-start=${C.markerStart??void 0??t} stroke=#555555 stroke-width=1 x1=${-10} x2=${-10} y1=${d-x} y2=${x} /><line fill=none marker-end=${y.markerEnd??void 0??t} marker-start=${y.markerStart??void 0??t} stroke=#555555 stroke-width=1 x1=${T} x2=${d-T} y1=${d+L} y2=${d+L} /></g>`}</svg></div>`}};A("arcgis-legend-relationship-ramp",$);return $},"applications/Components/svgUtils",a,b)
+v5.0.0-next.74 */
+import b from"./BUUXPADU.js";import a from"./4LE2VDIT.js";import{e as F}from"./BJLP3ZG2.js";import"./O6KK4XHY.js";import{b as c}from"./LPWF4YQF.js";import{I as W,J as r,K as _,L as t,O as A,a as z,b as f,c as H}from"./ABFWLIKD.js";import"./6QBSNPIZ.js";export default $arcgis.t(([{getBoundingBox:P,computeBBox:Q,getTransformMatrix:D},,{a:U,b:X,c:Y,d:j}])=>{var V=z`.arcgis-relationship-ramp--diamond__container{display:flex;font-size:var(--calcite-font-size-sm)}.arcgis-relationship-ramp--diamond__left-column{align-self:center;padding-right:5px;max-width:85px;text-align:right}.arcgis-relationship-ramp--diamond__right-column{align-self:center;padding-left:5px;max-width:85px;text-align:left}.arcgis-relationship-ramp--diamond__middle-column{display:flex;flex-direction:column;text-align:center}.arcgis-relationship-ramp--diamond__middle-column--label{align-self:center;max-width:85px}.arcgis-relationship-ramp--diamond__middle-column--ramp{width:85px;height:85px}.arcgis-relationship-ramp--square__table{display:table;font-size:var(--calcite-font-size-sm)}.arcgis-relationship-ramp--square__table-row{display:table-row}.arcgis-relationship-ramp--square__table-cell{display:table-cell}.arcgis-relationship-ramp--square__table-label{max-width:95px}.arcgis-relationship-ramp--square__table-label--left-bottom{vertical-align:bottom;text-align:left}.arcgis-relationship-ramp--square__table-label--right-bottom{vertical-align:bottom;text-align:right}.arcgis-relationship-ramp--square__table-label--left-top{vertical-align:top;text-align:left}.arcgis-relationship-ramp--square__table-label--right-top{vertical-align:top;text-align:right}`,Z="http://www.w3.org/2000/svg",a={diamondContainer:"arcgis-relationship-ramp--diamond__container",diamondLeftCol:"arcgis-relationship-ramp--diamond__left-column",diamondRightCol:"arcgis-relationship-ramp--diamond__right-column",diamondMidCol:"arcgis-relationship-ramp--diamond__middle-column",diamondMidColLabel:"arcgis-relationship-ramp--diamond__middle-column--label",diamondMidColRamp:"arcgis-relationship-ramp--diamond__middle-column--ramp",squareTable:"arcgis-relationship-ramp--square__table",squareTableRow:"arcgis-relationship-ramp--square__table-row",squareTableCell:"arcgis-relationship-ramp--square__table-cell",squareTableLabel:"arcgis-relationship-ramp--square__table-label",squareTableLabelLeftBottom:"arcgis-relationship-ramp--square__table-label--left-bottom",squareTableLabelRightBottom:"arcgis-relationship-ramp--square__table-label--right-bottom",squareTableLabelLeftTop:"arcgis-relationship-ramp--square__table-label--left-top",squareTableLabelRightTop:"arcgis-relationship-ramp--square__table-label--right-top"},$=class extends W{constructor(){super(...arguments),this._direction=F(),this.legendElement=null}static{this.properties={cssEffectFilter:1,legendElement:0,opacity:9,messages:0}}static{this.styles=V}_getLineMarkers(m,s){let e="arrowStart",o="arrowEnd",n=m==="left",i={markerStart:null,markerEnd:null};switch(s){case"HL":n?i.markerStart=`url(#${o})`:i.markerEnd=`url(#${e})`;break;case"LL":i.markerStart=`url(#${o})`;break;case"LH":n?i.markerEnd=`url(#${e})`:i.markerStart=`url(#${o})`;break;default:i.markerEnd=`url(#${e})`;break}return i}render(){let m=this.legendElement,{focus:s,labels:e}=m,o=!!s,n=this._renderRamp(m),i={justifyContent:"center"},l=this._direction==="rtl";return o?f`<div class=${r(a.diamondContainer)} style=${_(i)}><div class=${r(a.diamondLeftCol)}>${l?e.right:e.left}</div><div class=${r(a.diamondMidCol)}><div class=${r(a.diamondMidColLabel)}>${e.top}</div>${n}<div class=${r(a.diamondMidColLabel)}>${e.bottom}</div></div><div class=${r(a.diamondRightCol)}>${l?e.left:e.right}</div></div>`:f`<div class=${r(a.squareTable)}><div class=${r(a.squareTableRow)}><div class=${r(c(a.squareTableCell,a.squareTableLabel,a.squareTableLabelRightBottom))}>${l?e.top:e.left}</div><div class=${r(a.squareTableCell)}></div><div class=${r(c(a.squareTableCell,a.squareTableLabel,a.squareTableLabelLeftBottom))}>${l?e.left:e.top}</div></div><div class=${r(a.squareTableRow)}><div class=${r(a.squareTableCell)}></div>${n}<div class=${r(a.squareTableCell)}></div></div><div class=${r(a.squareTableRow)}><div class=${r(c(a.squareTableCell,a.squareTableLabel,a.squareTableLabelRightTop))}>${l?e.right:e.bottom}</div><div class=${r(a.squareTableCell)}></div><div class=${r(c(a.squareTableCell,a.squareTableLabel,a.squareTableLabelLeftTop))}>${l?e.bottom:e.right}</div></div></div>`}_renderRamp(m){let{focus:s,numClasses:e,colors:o,rotation:n}=m,i=this.opacity,l=this.messages.previewRelationshipRampAriaLabel,d=60,g=!!s,p=Math.sqrt(d**2+d**2)+(g?0:5),v=[],q=[],k=[],h=d/e;for(let b=0;b<e;b++){let K=b*h;for(let u=0;u<e;u++){let N=u*h,E=X(o[b][u]),O=Y(null),M={type:"rect",x:N,y:K,width:h,height:h},S=U(E);S&&v.push(S);let B=j(M,E.fill,O,null);B&&q.push(B),k.push(P(M))}}let x=15,T=15,L=10,w;g||(w="margin: -15px -15px -18px -15px");let C=this._getLineMarkers("left",s),y=this._getLineMarkers("right",s),R=Q(k),G=D(R,p,p,0,!1,n,!1),I=D(R,p,p,0,!1,g?-45:null,!1),J={filter:this.cssEffectFilter,opacity:i==null?"":`${i}`};return f`<div class=${r(g?a.diamondMidColRamp:a.squareTableCell)} style=${_(J)}><svg .ariaLabel=${l} height=${p??t} role=img style=${_(w)} width=${p??t} xmlns=${Z}>${H`<defs><marker .id=${"arrowStart"} markerHeight=10 markerUnits=strokeWidth markerWidth=10 orient=auto refX=5 refY=5><polyline fill=none points="0,0 5,5 0,10" stroke=#555555 stroke-width=1 /></marker><marker .id=${"arrowEnd"} markerHeight=10 markerUnits=strokeWidth markerWidth=10 orient=auto refX=0 refY=5><polyline fill=none points="5,0 0,5 5,10" stroke=#555555 stroke-width=1 /></marker>${v}</defs><g transform=${G??t}>${q}</g><g transform=${I??t}><line fill=none marker-end=${C.markerEnd??void 0??t} marker-start=${C.markerStart??void 0??t} stroke=#555555 stroke-width=1 x1=${-10} x2=${-10} y1=${d-x} y2=${x} /><line fill=none marker-end=${y.markerEnd??void 0??t} marker-start=${y.markerStart??void 0??t} stroke=#555555 stroke-width=1 x1=${T} x2=${d-T} y1=${d+L} y2=${d+L} /></g>`}</svg></div>`}};A("arcgis-legend-relationship-ramp",$);return $},"applications/Components/svgUtils",a,b)