@arcgis/core 4.34.0-next.14 → 4.34.0-next.16

package/views/3d/webgl-engine/collections/Component/ComponentObjectCollection.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
 */
-import e from"../../../../../core/Logger.js";import{getOrCreateMapValue as t}from"../../../../../core/MapUtils.js";import o from"../../../../../core/PooledArray.js";import{isTypedArray as i}from"../../../../../core/typedArrayUtil.js";import{s as n}from"../../../../../chunks/vec32.js";import{clone as r}from"../../../../../core/libs/gl-matrix-2/factories/vec3f64.js";import{create as s}from"../../../../../geometry/support/aaBoundingBox.js";import{compactIndices as a}from"../../../../../geometry/support/Indices.js";import{c as l}from"../../../../../chunks/vec3.js";import{c}from"../../../../../chunks/vec33.js";import{ViewingMode as m}from"../../../../ViewingMode.js";import{ColorMixModeEnum as f,encodeSymbolColor as h}from"../../../layers/support/symbolColorUtils.js";import{computeOffsetObb as p}from"../../../support/orientedBoundingBox.js";import{glLayout as g}from"../../../support/buffer/glUtil.js";import{newLayout as d}from"../../../support/buffer/InterleavedLayout.js";import{ComponentData as u}from"./ComponentData.js";import{ComponentObject as b}from"./ComponentObject.js";import{IntersectionGeometry as v}from"./IntersectionGeometry.js";import{Renderable as y}from"./Renderable.js";import{RenderGeometry as _}from"./RenderGeometry.js";import{RenderSubmitSystem as C}from"./RenderSubmitSystem.js";import{createVertexBufferLayout as M}from"./SourceGeometry.js";import{UniformComponentParameters as j}from"./UniformComponentParameters.js";import{ComponentParametersVarying as w,ComponentParametersUniform as x,ComponentParameterSummary as O,ComponentMaterial as D}from"./Material/ComponentMaterial.js";import{vertexAttributeLocations as A}from"./Material/ComponentTechnique.js";import{encodeElevationOffset as R}from"./Material/shader/ComponentData.glsl.js";import{olidEnabled as S}from"../../effects/geometry/olidUtils.js";import{getVisibility as E,updatePickabilityWithCount as I}from"../../lib/ComponentUtils.js";import{assert as H}from"../../lib/Util.js";import{VertexAttribute as V}from"../../lib/VertexAttribute.js";import{getVerticalOffsetI3S as U}from"../../lib/verticalOffsetUtils.js";import{BufferManager as B}from"../../lib/TextureBackedBuffer/BufferManager.js";import{BufferObject as P}from"../../../../webgl/BufferObject.js";import{Usage as N,PrimitiveType as T}from"../../../../webgl/enums.js";import{VertexArrayObject as L}from"../../../../webgl/VertexArrayObject.js";const k=()=>e.getLogger("esri.views.3d.webgl-engine.collections.Component.ComponentObjectCollection");class G{constructor(e,t){this._renderManager=e,this._viewingMode=t,this._elevationRangeCacheVerticalOffset=NaN,this._elevationRangeCacheMin=NaN,this._elevationRangeCacheMax=NaN,this._activeHighlightOptions=new Map,this._visible=new o,this._hidden=new o,this._renderSubmit=new C(this),this._renderManager.register(this._renderSubmit),this._componentBufferManager=new B(e.rctx,2+(S()?1:0))}destroy(){H(0===this._hidden.length&&0===this._visible.length,"ObjectCollection should be empty upon disposal"),this._componentBufferManager.destroy(),this._visible.forAll((e=>e.destroy())),this._visible.clear(),this._hidden.forAll((e=>e.destroy())),this._hidden.clear()}createObject(e){const t=e.geometry,o=new u(this._componentBufferManager,a(t.componentOffsets)),i=this._createRenderable(e,o),n=new v(this._viewingMode,t.positionData,o),r=new b(e.transform,e.toMapSpace,e.obb.clone(),o,i,n);return(r.visible?this._visible:this._hidden).push(r),r}destroyObject(e){const t=e;(t.visible?this._visible:this._hidden).removeUnordered(t),t.destroy(),this._notifyDirty()}setObjectVisibility(e,t){const o=e;t!==o.visible&&(t?(this._hidden.removeUnordered(o),this._visible.push(o)):(this._visible.removeUnordered(o),this._hidden.push(o)),o.visible=t,this._notifyDirty())}preSubmit(e){const t=e.camera.eye;this.visibleObjects.forAll((e=>e.renderable.meta.cameraDepthSquared=n(t,e.obb.center)))}getMaterial(e){return e.renderable.material}updateMaterial(e,t){const o=e.renderable.material;t(o),o.dirty&&this._notifyDirty()}setAllComponentVisibilities(e,t){const o=e;o.componentData.visibility.reset(t),o.componentData.markVisibilityDirty(),this._notifyDirty()}forEachVisibleComponent(e,t){return e.componentData.visibility.forEachComponent(t)}getComponentCount(e){const t=e,o=t.componentData.visibility.componentCount;return{visible:o,invisible:t.componentData.count-o}}setComponentData(e,t){const o=e,{renderable:i,componentData:n}=o,r=i.material,s=n.materialDataBuffer,a=n.materialDataIndices,l=new j,c=s.textureBuffer,m=new Uint8Array(4),g=new Uint32Array(m.buffer);let d=0,u=0,b=0,v=n.verticalOffsets,y=1/0,_=-1/0,C=!1,M=!1,D=0;for(let p=0;p<n.count;p++){t(p,l),d+=+(l.externalColor[3]<1),u+=+(l.externalColorMixMode===f.Replace&&1===l.externalColor[3]),b+=+l.castShadows,h(l.externalColor,l.externalColorMixMode,m),m[2]=254&m[2]|+l.castShadows,c.setData(a[p],0,m[0],m[1],m[2],m[3]),C||=p>0&&D!==g[0],D=g[0],M||=0!==l.elevationOffset,M&&null==v&&(v=new Array(p).fill(0)),null!=v&&(v[p]=l.elevationOffset),y=Math.min(y,l.elevationOffset),_=Math.max(_,l.elevationOffset),R(l.elevationOffset,m),c.setData(a[p],1,m[0],m[1],m[2],m[3]);const e=l.objectAndLayerIdColor;null!=e&&c.setData(a[p],2,e[0],e[1],e[2],e[3]),l.pickable!==E(n.pickability,p)&&I(n,p,l.pickable)}n.verticalOffsets=M?v:null,o.offsetObb=M?p(o.obb,y,_,this._viewingMode,o.offsetObb??o.obb.clone()):null,C||M||S()?(r.componentParameters=new w,r.componentParameters.castShadows=W(b,n.count),r.componentParameters.transparent=W(d,n.count),r.componentParameters.opaqueOverride=W(u,n.count),r.componentParameters.texture=c,c.updateTexture()):(r.componentParameters=new x,r.componentParameters.castShadows=l.castShadows?O.All:O.None,r.componentParameters.externalColor=l.externalColor,r.componentParameters.externalColorMixMode=l.externalColorMixMode),this._elevationRangeCacheVerticalOffset=NaN,this._notifyDirty()}getComponentAabb(e,t,o,i=!1){e.intersectionGeometry.getComponentAabb(t,o);const n=e,r=n.componentData.verticalOffsets;if(i||null==r)return o;const s=r[t];if(this._viewingMode===m.Local||0===s)return o[2]+=s,o[5]+=s,o;const a=U(s);return a.localOrigin=n.transform.position,a.applyToAabb(o)}getComponentObb(e){return e.obb}getObjectTransform(e){return e.transform}getComponentPositions(e,t,o){return e.intersectionGeometry.getComponentPositions(t,o)}expandRangeWithComponentObjectElevationRange(e,t,o,i){Number.isNaN(this._elevationRangeCacheVerticalOffset)||this._elevationRangeCacheVerticalOffset!==t||i.expandElevationRangeValues(this._elevationRangeCacheMin,this._elevationRangeCacheMax);const n=e,r=n.componentData,s=r.count,a=r.verticalOffsets,l=n.intersectionGeometry,c=this._viewingMode===m.Local,f=l.getComponentAabbs(),h=z;let p=1/0,g=-1/0;for(let m=0;m<s;m++){const e=6*m,r=a?.[m]??0;let s=1/0,l=-1/0;if(c)s=f[e+2]+r+t,l=f[e+5]+r+t;else{if(h[0]=f[e],h[1]=f[e+1],h[2]=f[e+2],h[3]=f[e+3],h[4]=f[e+4],h[5]=f[e+5],0!==r){const e=U(r);e.localOrigin=n.transform.position,e.applyToAabb(h)}const s=Math.max(Math.abs(h[3]),Math.abs(h[0])),a=Math.max(Math.abs(h[4]),Math.abs(h[1])),l=t+h[5]+o;i.expandElevationRangeValues(t+h[2],Math.sqrt(s*s+a*a+l*l)-o)}i.expandElevationRangeValues(s,l),p=Math.min(p,s),g=Math.max(g,l)}this._elevationRangeCacheVerticalOffset=t,this._elevationRangeCacheMin=p,this._elevationRangeCacheMax=g}intersect(e,t,o,i,n,r,s){const a=e,{transform:l,componentData:c,intersectionGeometry:m}=a;return null!=n&&(n.localOrigin=l.position),m.intersect(t,o,i,n,c.verticalOffsets,l,r,s)}addEdges(e,t,o,i,n){const r=e,{indices:s,positions:a}=r.intersectionGeometry,l=r.componentData.offsets;return t.addComponentObject(r,a,s,l,o,i,n)}async extractEdgeInformation(e,t,o){const i=e,n=i.componentData.visibility;if(n.allInvisible()){const{extractComponentsEdgeLocationsLayout:e}=await import("../../lib/edgeRendering/edgeProcessing.js");return{buffer:e.createBuffer(0),origin:[0,0,0]}}const{indices:s,positions:a}=i.intersectionGeometry,m=i.componentData.offsets,{EdgeInputBufferLayout:f}=await import("../../lib/edgeRendering/bufferLayouts.js"),h=f.createBuffer(a.length/3);c(h.position.typedBuffer,a,h.position.typedBufferStride,3),l(h.position,h.position,i.transform.rotationScale),this._setComponentIndices(h.componentIndex,s,m);const p=h.count,g=this._computeVisibilityIndices(s,n,m,p);return{origin:r(i.transform.position),buffer:await t.extractComponentsEdgeLocations({indices:g,indicesLength:g.length,skipDeduplicate:!0,data:h,writerSettings:{reducedPrecision:!1,variants:0}},o)}}_setComponentIndices(e,t,o){let i=0;for(let n=0;n<o.length-1;n++){const r=o[n],s=o[n+1];for(let o=r;o<s;o++){const n=t?t[o]:o;e.set(n,i)}i++}}_computeVisibilityIndices(e,t,o,n){if(e&&t.allVisible())return e;let r=0;t.forEachComponentRange(((e,t)=>(r+=o[t]-o[e],!0)));const s=i(e)?2===e?.BYTES_PER_ELEMENT||n<=65536?new Uint16Array(r):new Uint32Array(r):new Array(r);let a=0;return t.forEachComponentRange(((t,i)=>{const n=o[t],r=o[i];for(let o=n;o<r;o++)s[a++]=e?e[o]:o;return!0})),s}addComponentHighlight(e,o,i){const n=e.componentData,r=t(n.componentHighlights,i,(()=>new Uint32Array(n.count+1)));{const e=this._activeHighlightOptions.get(i)??0;this._activeHighlightOptions.set(i,e+1)}0===r[o]++&&(n.markHighlightsDirty(),this._notifyDirty()),r[n.count]++}removeComponentHighlight(e,t,o){const{componentData:i}=e,n=i.componentHighlights.get(o);if(void 0===n)return void k().warn("Removing non-existing highlight.");const r=n[t];if(0===r)return void k().warn("Removing non-existing highlight.");this._removeActiveHighlight(o);const s=n[i.count];if(r>1)return n[t]=r-1,void(n[i.count]=s-1);n[t]=0,1===s?i.componentHighlights.delete(o):n[i.count]=s-1,i.markHighlightsDirty(),this._notifyDirty()}_removeActiveHighlight(e,t=1){const o=this._activeHighlightOptions.get(e);if(void 0===o)k().warn("Removing non-existing highlight.");else{const i=o-t;i<0&&k().warn("Removing non-existing highlight."),i<=0?this._activeHighlightOptions.delete(e):this._activeHighlightOptions.set(e,i)}}clearHighlights(e){const{componentData:t}=e,{componentHighlights:o}=t;if(o.size>0){for(const e of o)this._removeActiveHighlight(e[0],e[1][t.count]);o.clear(),t.markHighlightsDirty(),this._notifyDirty()}}hasHighlight(e){return this._activeHighlightOptions.has(e)}getObjectGPUMemoryUsage(e){return e.renderable.meta.gpuMemoryEstimate}get visibleObjects(){return this._visible}_createRenderable(e,t){const o=this._renderManager.rctx,i=e.geometry,n=i.vertices.layoutParameters,r=P.createVertex(o,N.STATIC_DRAW,i.vertices.data),s=i.indices?P.createIndex(o,N.STATIC_DRAW,i.indices):null,a=g(M(n)),l=new Uint16Array(i.vertices.count);for(let g=0;g<t.count;g++){const e=t.offsets[g],o=t.offsets[g+1],n=t.materialDataIndices[g];if(null!=i.indices)for(let t=e;t<o;t++){l[i.indices[t]]=n}else for(let t=e;t<o;t++)l[t]=n}const c=P.createVertex(o,N.STATIC_DRAW,l.buffer),m=new D(e.transform,e.toMapSpace),f=new L(o,A,new Map([["data",a],["componentIndices",q]]),new Map([["data",r],["componentIndices",c]]),s),h=new _(f,T.TRIANGLES,n,null!=s),p={cameraDepthSquared:.5,gpuMemoryEstimate:r.usedMemory+c.usedMemory+(null!=s?s.usedMemory:0)};return new y(m,h,p)}_notifyDirty(){this._renderManager.notifyDirty()}}const q=g(d().u16(V.COMPONENTINDEX));function W(e,t){return e===t?O.All:0===e?O.None:O.Some}const z=s();export{G as ComponentObjectCollection};
+import e from"../../../../../core/Logger.js";import{getOrCreateMapValue as t}from"../../../../../core/MapUtils.js";import o from"../../../../../core/PooledArray.js";import{isTypedArray as i}from"../../../../../core/typedArrayUtil.js";import{s as n}from"../../../../../chunks/vec32.js";import{clone as r}from"../../../../../core/libs/gl-matrix-2/factories/vec3f64.js";import{create as s}from"../../../../../geometry/support/aaBoundingBox.js";import{compactIndices as a}from"../../../../../geometry/support/Indices.js";import{c as l}from"../../../../../chunks/vec3.js";import{c}from"../../../../../chunks/vec33.js";import{ViewingMode as m}from"../../../../ViewingMode.js";import{ColorMixModeEnum as h,encodeSymbolColor as f}from"../../../layers/support/symbolColorUtils.js";import{computeOffsetObb as p}from"../../../support/orientedBoundingBox.js";import{glLayout as g}from"../../../support/buffer/glUtil.js";import{newLayout as d}from"../../../support/buffer/InterleavedLayout.js";import{ComponentData as u}from"./ComponentData.js";import{ComponentObject as b}from"./ComponentObject.js";import{IntersectionGeometry as v}from"./IntersectionGeometry.js";import{Renderable as y}from"./Renderable.js";import{RenderGeometry as _}from"./RenderGeometry.js";import{RenderSubmitSystem as C}from"./RenderSubmitSystem.js";import{createVertexBufferLayout as M}from"./SourceGeometry.js";import{UniformComponentParameters as j}from"./UniformComponentParameters.js";import{ComponentParametersVarying as w,ComponentParametersUniform as x,ComponentParameterSummary as O,ComponentMaterial as D}from"./Material/ComponentMaterial.js";import{vertexAttributeLocations as A}from"./Material/ComponentTechnique.js";import{encodeElevationOffset as R}from"./Material/shader/ComponentData.glsl.js";import{olidEnabled as S}from"../../effects/geometry/olidUtils.js";import{getVisibility as E,updatePickabilityWithCount as I}from"../../lib/ComponentUtils.js";import{assert as H}from"../../lib/Util.js";import{VertexAttribute as V}from"../../lib/VertexAttribute.js";import{getVerticalOffsetI3S as U}from"../../lib/verticalOffsetUtils.js";import{BufferManager as B}from"../../lib/TextureBackedBuffer/BufferManager.js";import{BufferObject as P}from"../../../../webgl/BufferObject.js";import{Usage as N,PrimitiveType as T}from"../../../../webgl/enums.js";import{VertexArrayObject as L}from"../../../../webgl/VertexArrayObject.js";const k=()=>e.getLogger("esri.views.3d.webgl-engine.collections.Component.ComponentObjectCollection");class G{constructor(e,t){this._renderManager=e,this._viewingMode=t,this._elevationRangeCacheVerticalOffset=NaN,this._elevationRangeCacheMin=NaN,this._elevationRangeCacheMax=NaN,this._activeHighlightOptions=new Map,this._visible=new o,this._hidden=new o,this._renderSubmit=new C(this),this._renderManager.register(this._renderSubmit),this._componentBufferManager=new B(e.rctx,2+(S()?1:0))}destroy(){H(0===this._hidden.length&&0===this._visible.length,"ObjectCollection should be empty upon disposal"),this._componentBufferManager.destroy(),this._visible.forAll((e=>e.destroy())),this._visible.clear(),this._hidden.forAll((e=>e.destroy())),this._hidden.clear(),this._renderSubmit.destroy()}createObject(e){const t=e.geometry,o=new u(this._componentBufferManager,a(t.componentOffsets)),i=this._createRenderable(e,o),n=new v(this._viewingMode,t.positionData,o),r=new b(e.transform,e.toMapSpace,e.obb.clone(),o,i,n);return(r.visible?this._visible:this._hidden).push(r),r}destroyObject(e){const t=e;(t.visible?this._visible:this._hidden).removeUnordered(t),t.destroy(),this._notifyDirty()}setObjectVisibility(e,t){const o=e;t!==o.visible&&(t?(this._hidden.removeUnordered(o),this._visible.push(o)):(this._visible.removeUnordered(o),this._hidden.push(o)),o.visible=t,this._notifyDirty())}preSubmit(e){const t=e.camera.eye;this.visibleObjects.forAll((e=>e.renderable.meta.cameraDepthSquared=n(t,e.obb.center)))}getMaterial(e){return e.renderable.material}updateMaterial(e,t){const o=e.renderable.material;t(o),o.dirty&&this._notifyDirty()}setAllComponentVisibilities(e,t){const o=e;o.componentData.visibility.reset(t),o.componentData.markVisibilityDirty(),this._notifyDirty()}forEachVisibleComponent(e,t){return e.componentData.visibility.forEachComponent(t)}getComponentCount(e){const t=e,o=t.componentData.visibility.componentCount;return{visible:o,invisible:t.componentData.count-o}}setComponentData(e,t){const o=e,{renderable:i,componentData:n}=o,r=i.material,s=n.materialDataBuffer,a=n.materialDataIndices,l=new j,c=s.textureBuffer,m=new Uint8Array(4),g=new Uint32Array(m.buffer);let d=0,u=0,b=0,v=n.verticalOffsets,y=1/0,_=-1/0,C=!1,M=!1,D=0;for(let p=0;p<n.count;p++){t(p,l),d+=+(l.externalColor[3]<1),u+=+(l.externalColorMixMode===h.Replace&&1===l.externalColor[3]),b+=+l.castShadows,f(l.externalColor,l.externalColorMixMode,m),m[2]=254&m[2]|+l.castShadows,c.setData(a[p],0,m[0],m[1],m[2],m[3]),C||=p>0&&D!==g[0],D=g[0],M||=0!==l.elevationOffset,M&&null==v&&(v=new Array(p).fill(0)),null!=v&&(v[p]=l.elevationOffset),y=Math.min(y,l.elevationOffset),_=Math.max(_,l.elevationOffset),R(l.elevationOffset,m),c.setData(a[p],1,m[0],m[1],m[2],m[3]);const e=l.objectAndLayerIdColor;null!=e&&c.setData(a[p],2,e[0],e[1],e[2],e[3]),l.pickable!==E(n.pickability,p)&&I(n,p,l.pickable)}n.verticalOffsets=M?v:null,o.offsetObb=M?p(o.obb,y,_,this._viewingMode,o.offsetObb??o.obb.clone()):null,C||M||S()?(r.componentParameters=new w,r.componentParameters.castShadows=W(b,n.count),r.componentParameters.transparent=W(d,n.count),r.componentParameters.opaqueOverride=W(u,n.count),r.componentParameters.texture=c,c.updateTexture()):(r.componentParameters=new x,r.componentParameters.castShadows=l.castShadows?O.All:O.None,r.componentParameters.externalColor=l.externalColor,r.componentParameters.externalColorMixMode=l.externalColorMixMode),this._elevationRangeCacheVerticalOffset=NaN,this._notifyDirty()}getComponentAabb(e,t,o,i=!1){e.intersectionGeometry.getComponentAabb(t,o);const n=e,r=n.componentData.verticalOffsets;if(i||null==r)return o;const s=r[t];if(this._viewingMode===m.Local||0===s)return o[2]+=s,o[5]+=s,o;const a=U(s);return a.localOrigin=n.transform.position,a.applyToAabb(o)}getComponentObb(e){return e.obb}getObjectTransform(e){return e.transform}getComponentPositions(e,t,o){return e.intersectionGeometry.getComponentPositions(t,o)}expandRangeWithComponentObjectElevationRange(e,t,o,i){Number.isNaN(this._elevationRangeCacheVerticalOffset)||this._elevationRangeCacheVerticalOffset!==t||i.expandElevationRangeValues(this._elevationRangeCacheMin,this._elevationRangeCacheMax);const n=e,r=n.componentData,s=r.count,a=r.verticalOffsets,l=n.intersectionGeometry,c=this._viewingMode===m.Local,h=l.getComponentAabbs(),f=z;let p=1/0,g=-1/0;for(let m=0;m<s;m++){const e=6*m,r=a?.[m]??0;let s=1/0,l=-1/0;if(c)s=h[e+2]+r+t,l=h[e+5]+r+t;else{if(f[0]=h[e],f[1]=h[e+1],f[2]=h[e+2],f[3]=h[e+3],f[4]=h[e+4],f[5]=h[e+5],0!==r){const e=U(r);e.localOrigin=n.transform.position,e.applyToAabb(f)}const s=Math.max(Math.abs(f[3]),Math.abs(f[0])),a=Math.max(Math.abs(f[4]),Math.abs(f[1])),l=t+f[5]+o;i.expandElevationRangeValues(t+f[2],Math.sqrt(s*s+a*a+l*l)-o)}i.expandElevationRangeValues(s,l),p=Math.min(p,s),g=Math.max(g,l)}this._elevationRangeCacheVerticalOffset=t,this._elevationRangeCacheMin=p,this._elevationRangeCacheMax=g}intersect(e,t,o,i,n,r,s){const a=e,{transform:l,componentData:c,intersectionGeometry:m}=a;return null!=n&&(n.localOrigin=l.position),m.intersect(t,o,i,n,c.verticalOffsets,l,r,s)}addEdges(e,t,o,i,n){const r=e,{indices:s,positions:a}=r.intersectionGeometry,l=r.componentData.offsets;return t.addComponentObject(r,a,s,l,o,i,n)}async extractEdgeInformation(e,t,o){const i=e,n=i.componentData.visibility;if(n.allInvisible()){const{extractComponentsEdgeLocationsLayout:e}=await import("../../lib/edgeRendering/edgeProcessing.js");return{buffer:e.createBuffer(0),origin:[0,0,0]}}const{indices:s,positions:a}=i.intersectionGeometry,m=i.componentData.offsets,{EdgeInputBufferLayout:h}=await import("../../lib/edgeRendering/bufferLayouts.js"),f=h.createBuffer(a.length/3);c(f.position.typedBuffer,a,f.position.typedBufferStride,3),l(f.position,f.position,i.transform.rotationScale),this._setComponentIndices(f.componentIndex,s,m);const p=f.count,g=this._computeVisibilityIndices(s,n,m,p);return{origin:r(i.transform.position),buffer:await t.extractComponentsEdgeLocations({indices:g,indicesLength:g.length,skipDeduplicate:!0,data:f,writerSettings:{reducedPrecision:!1,variants:0}},o)}}_setComponentIndices(e,t,o){let i=0;for(let n=0;n<o.length-1;n++){const r=o[n],s=o[n+1];for(let o=r;o<s;o++){const n=t?t[o]:o;e.set(n,i)}i++}}_computeVisibilityIndices(e,t,o,n){if(e&&t.allVisible())return e;let r=0;t.forEachComponentRange(((e,t)=>(r+=o[t]-o[e],!0)));const s=i(e)?2===e?.BYTES_PER_ELEMENT||n<=65536?new Uint16Array(r):new Uint32Array(r):new Array(r);let a=0;return t.forEachComponentRange(((t,i)=>{const n=o[t],r=o[i];for(let o=n;o<r;o++)s[a++]=e?e[o]:o;return!0})),s}addComponentHighlight(e,o,i){const n=e.componentData,r=t(n.componentHighlights,i,(()=>new Uint32Array(n.count+1)));{const e=this._activeHighlightOptions.get(i)??0;this._activeHighlightOptions.set(i,e+1)}0===r[o]++&&(n.markHighlightsDirty(),this._notifyDirty()),r[n.count]++}removeComponentHighlight(e,t,o){const{componentData:i}=e,n=i.componentHighlights.get(o);if(void 0===n)return void k().warn("Removing non-existing highlight.");const r=n[t];if(0===r)return void k().warn("Removing non-existing highlight.");this._removeActiveHighlight(o);const s=n[i.count];if(r>1)return n[t]=r-1,void(n[i.count]=s-1);n[t]=0,1===s?i.componentHighlights.delete(o):n[i.count]=s-1,i.markHighlightsDirty(),this._notifyDirty()}_removeActiveHighlight(e,t=1){const o=this._activeHighlightOptions.get(e);if(void 0===o)k().warn("Removing non-existing highlight.");else{const i=o-t;i<0&&k().warn("Removing non-existing highlight."),i<=0?this._activeHighlightOptions.delete(e):this._activeHighlightOptions.set(e,i)}}clearHighlights(e){const{componentData:t}=e,{componentHighlights:o}=t;if(o.size>0){for(const e of o)this._removeActiveHighlight(e[0],e[1][t.count]);o.clear(),t.markHighlightsDirty(),this._notifyDirty()}}hasHighlight(e){return this._activeHighlightOptions.has(e)}getObjectGPUMemoryUsage(e){return e.renderable.meta.gpuMemoryEstimate}get visibleObjects(){return this._visible}_createRenderable(e,t){const o=this._renderManager.rctx,i=e.geometry,n=i.vertices.layoutParameters,r=P.createVertex(o,N.STATIC_DRAW,i.vertices.data),s=i.indices?P.createIndex(o,N.STATIC_DRAW,i.indices):null,a=g(M(n)),l=new Uint16Array(i.vertices.count);for(let g=0;g<t.count;g++){const e=t.offsets[g],o=t.offsets[g+1],n=t.materialDataIndices[g];if(null!=i.indices)for(let t=e;t<o;t++){l[i.indices[t]]=n}else for(let t=e;t<o;t++)l[t]=n}const c=P.createVertex(o,N.STATIC_DRAW,l.buffer),m=new D(e.transform,e.toMapSpace),h=new L(o,A,new Map([["data",a],["componentIndices",q]]),new Map([["data",r],["componentIndices",c]]),s),f=new _(h,T.TRIANGLES,n,null!=s),p={cameraDepthSquared:.5,gpuMemoryEstimate:r.usedMemory+c.usedMemory+(null!=s?s.usedMemory:0)};return new y(m,f,p)}_notifyDirty(){this._renderManager.notifyDirty()}}const q=g(d().u16(V.COMPONENTINDEX));function W(e,t){return e===t?O.All:0===e?O.None:O.Some}const z=s();export{G as ComponentObjectCollection};

package/views/3d/webgl-engine/collections/Component/RenderSubmitSystem.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
 */
-import{computeDepthRange as s}from"./DepthRange.js";class e{constructor(s){this._objects=s}submit(s,e){this._objects.preSubmit(e),this._objects.visibleObjects.forAll((t=>t.renderable.material.submit(s,e,t)))}queryDepthRange(e){return this._objects.visibleObjects.length?s(e,this._objects.visibleObjects):null}get hasEmissions(){return this._objects.visibleObjects.some((s=>s.renderable.material.hasEmissions))}hasHighlight(s){return this._objects.hasHighlight(s)}}export{e as RenderSubmitSystem};
+import{computeDepthRange as s}from"./DepthRange.js";class t{constructor(s){this._objects=s}destroy(){this._objects=null}submit(s,t){this._objects.preSubmit(t),this._objects.visibleObjects.forAll((e=>e.renderable.material.submit(s,t,e)))}queryDepthRange(t){return this._objects.visibleObjects.length?s(t,this._objects.visibleObjects):null}get hasEmissions(){return this._objects.visibleObjects.some((s=>s.renderable.material.hasEmissions))}hasHighlight(s){return this._objects.hasHighlight(s)}}export{t as RenderSubmitSystem};

package/views/3d/webgl-engine/core/renderPasses/RenderPassManager.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
 */
-import{_ as s}from"../../../../../chunks/tslib.es6.js";import"../../../../../core/Logger.js";import"../../../../../core/has.js";import"../../../../../core/RandomLCG.js";import"../../../../../core/Error.js";import{subclass as e}from"../../../../../core/accessorSupport/decorators/subclass.js";import{fromMat4 as t,transpose as r,invert as a}from"../../../../../core/libs/gl-matrix-2/math/mat3.js";import{create as i}from"../../../../../core/libs/gl-matrix-2/factories/mat3f64.js";import{copy as o}from"../../../../../core/libs/gl-matrix-2/math/mat4.js";import{i as h,c as n}from"../../../../../chunks/vec32.js";import{create as m}from"../../../../../core/libs/gl-matrix-2/factories/vec3f64.js";import{MaterialPassParameters as c,ShadowMapPassParameters as l,HighlightPassParameters as u,ViewshedShadowMapPassParameters as d,AllRenderPasses as p}from"./AllRenderPasses.js";import{RenderPassIdentifier as _}from"./RenderPassIdentifier.js";import{ShaderOutput as P}from"../shaderLibrary/ShaderOutput.js";import{TwoVectorPosition as g}from"../util/TwoVectorPosition.js";import{SyncRenderPlugin as w}from"../../effects/RenderPlugin.js";import{DepthRange as f}from"../../lib/DepthRange.js";import{RenderSlot as E}from"../../lib/RenderSlot.js";let R=class extends w{constructor(){super({}),this.produces=new Map([[E.OPAQUE_MATERIAL,s=>this._produces(s,E.OPAQUE_MATERIAL)],[E.TRANSPARENT_MATERIAL,s=>this._produces(s,E.TRANSPARENT_MATERIAL)],[E.INTEGRATED_MESH,s=>this._produces(s,E.INTEGRATED_MESH)],[E.OCCLUDED_GROUND,s=>this._produces(s,E.OCCLUDED_GROUND)]]),this._materialPassParameters=new c,this._shadowPassParameters=new l,this._highlightPassParameters=new u,this._viewshedPassParameters=new d,this._systems=new Set}initializeRenderContext(s){this._context=s,this._passes=new p(s)}get rctx(){return this._context.renderContext.rctx}uninitializeRenderContext(){}dispose(){this._context=null,this._systems.clear()}register(s){this._systems.add(s)}_produces(s,e){return!!this._invoke(s,e,(s=>s.count>0))}prepareRender(s){const{_systems:e,_passes:t}=this;if(0!==e.size&&null!=t){for(const s of Object.values(t))s.prepareSubmit();e.forEach((e=>e.submit(t,s.bind)));for(const s of Object.values(t))s.finishSubmit()}}acquireTechniques(s){if(0===this._systems.size)return null;const e=s.output===P.Shadow||s.output===P.ShadowHighlight||s.output===P.ShadowExcludeHighlight?this._shadowPassParameters:s.output===P.ViewshedShadow?this._viewshedPassParameters:s.output===P.Highlight?this._highlightPassParameters:this._materialPassParameters,t=s.bind;return this._updateParameters(t.camera,e,t.slot),this._materialPassParameters.output=s.output,this._invoke(s.output,s.bind.slot,((e,t)=>e.acquire(t,s.bind)))}render(s,e){this._invoke(s.output,s.bind.slot,((t,r)=>t.dispatch(r,s.bind,e)))}_invoke(s,e,t){if(null==this._passes)return null;switch(e){case E.OPAQUE_MATERIAL:switch(s){case P.Color:case P.ColorEmission:case P.Depth:case P.Normal:case P.ObjectAndLayerIdColor:return t(this._passes.opaque,this._materialPassParameters);case P.Highlight:return t(this._passes.highlight,this._highlightPassParameters);case P.Shadow:return t(this._passes.shadowMap,this._shadowPassParameters);case P.ShadowHighlight:return t(this._passes.highlightShadowMap,this._shadowPassParameters);case P.ShadowExcludeHighlight:return t(this._passes.defaultShadowMap,this._shadowPassParameters);case P.ViewshedShadow:return t(this._passes.viewshedShadowMap,this._viewshedPassParameters)}break;case E.TRANSPARENT_MATERIAL:switch(s){case P.Color:case P.ColorEmission:case P.Depth:case P.Normal:case P.ObjectAndLayerIdColor:return t(this._passes.transparent,this._materialPassParameters)}break;case E.INTEGRATED_MESH:switch(s){case P.Color:case P.ColorEmission:case P.Depth:case P.Normal:case P.ObjectAndLayerIdColor:return t(this._passes.integratedMesh,this._materialPassParameters);case P.Highlight:return t(this._passes.highlightIntegratedMesh,this._highlightPassParameters)}break;case E.OCCLUDED_GROUND:switch(s){case P.Color:case P.ColorEmission:case P.Depth:case P.Normal:case P.ObjectAndLayerIdColor:return t(this._passes.occludedGround,this._materialPassParameters)}}return null}notifyDirty(){this._context.requestRender()}queryDepthRange(s){const e=new f;return this._systems.forEach((t=>e.union(t.queryDepthRange(s)))),e}get hasEmissions(){let s=!1;return this._systems.forEach((e=>s=e.hasEmissions||s)),s}_updateParameters(s,e,i){const m=s.viewInverseTransposeMatrix,c=i===E.TRANSPARENT_MATERIAL,l=i===E.OCCLUDED_GROUND;h(A,m[3],m[7],m[11]),j.set(A),n(e.transformWorldFromViewTH,j.high),n(e.transformWorldFromViewTL,j.low),n(e.slicePlaneLocalOrigin,A),t(e.transformViewFromCameraRelativeRS,s.viewMatrix),o(e.transformProjFromView,s.projectionMatrix),e.identifier===_.Material&&(this._materialPassParameters.transparent=c,this._materialPassParameters.occludedGround=l,r(b,e.transformViewFromCameraRelativeRS),a(e.transformNormalViewFromGlobal,b))}hasHighlight(s){for(const e of this._systems)if(e.hasHighlight(s))return!0;return!1}};R=s([e("esri.views.3d.webgl-engine.core.renderPasses.RenderPassManager")],R);const A=m(),b=i(),j=new g;export{R as RenderPassManager};
+import{_ as s}from"../../../../../chunks/tslib.es6.js";import"../../../../../core/Logger.js";import"../../../../../core/has.js";import"../../../../../core/RandomLCG.js";import"../../../../../core/Error.js";import{subclass as e}from"../../../../../core/accessorSupport/decorators/subclass.js";import{fromMat4 as t,transpose as r,invert as a}from"../../../../../core/libs/gl-matrix-2/math/mat3.js";import{create as i}from"../../../../../core/libs/gl-matrix-2/factories/mat3f64.js";import{copy as o}from"../../../../../core/libs/gl-matrix-2/math/mat4.js";import{i as h,c as n}from"../../../../../chunks/vec32.js";import{create as m}from"../../../../../core/libs/gl-matrix-2/factories/vec3f64.js";import{MaterialPassParameters as c,ShadowMapPassParameters as l,HighlightPassParameters as u,ViewshedShadowMapPassParameters as d,AllRenderPasses as p}from"./AllRenderPasses.js";import{RenderPassIdentifier as _}from"./RenderPassIdentifier.js";import{ShaderOutput as P}from"../shaderLibrary/ShaderOutput.js";import{TwoVectorPosition as g}from"../util/TwoVectorPosition.js";import{SyncRenderPlugin as w}from"../../effects/RenderPlugin.js";import{DepthRange as f}from"../../lib/DepthRange.js";import{RenderSlot as E}from"../../lib/RenderSlot.js";let R=class extends w{constructor(){super({}),this.produces=new Map([[E.OPAQUE_MATERIAL,s=>this._produces(s,E.OPAQUE_MATERIAL)],[E.TRANSPARENT_MATERIAL,s=>this._produces(s,E.TRANSPARENT_MATERIAL)],[E.INTEGRATED_MESH,s=>this._produces(s,E.INTEGRATED_MESH)],[E.OCCLUDED_GROUND,s=>this._produces(s,E.OCCLUDED_GROUND)]]),this._materialPassParameters=new c,this._shadowPassParameters=new l,this._highlightPassParameters=new u,this._viewshedPassParameters=new d,this._systems=new Set}initializeRenderContext(s){this._context=s,this._passes=new p(s)}get rctx(){return this._context.renderContext.rctx}uninitializeRenderContext(){}dispose(){this._context=null,this._systems.clear(),this._passes=null}register(s){this._systems.add(s)}_produces(s,e){return!!this._invoke(s,e,(s=>s.count>0))}prepareRender(s){const{_systems:e,_passes:t}=this;if(0!==e.size&&null!=t){for(const s of Object.values(t))s.prepareSubmit();e.forEach((e=>e.submit(t,s.bind)));for(const s of Object.values(t))s.finishSubmit()}}acquireTechniques(s){if(0===this._systems.size)return null;const e=s.output===P.Shadow||s.output===P.ShadowHighlight||s.output===P.ShadowExcludeHighlight?this._shadowPassParameters:s.output===P.ViewshedShadow?this._viewshedPassParameters:s.output===P.Highlight?this._highlightPassParameters:this._materialPassParameters,t=s.bind;return this._updateParameters(t.camera,e,t.slot),this._materialPassParameters.output=s.output,this._invoke(s.output,s.bind.slot,((e,t)=>e.acquire(t,s.bind)))}render(s,e){this._invoke(s.output,s.bind.slot,((t,r)=>t.dispatch(r,s.bind,e)))}_invoke(s,e,t){if(null==this._passes)return null;switch(e){case E.OPAQUE_MATERIAL:switch(s){case P.Color:case P.ColorEmission:case P.Depth:case P.Normal:case P.ObjectAndLayerIdColor:return t(this._passes.opaque,this._materialPassParameters);case P.Highlight:return t(this._passes.highlight,this._highlightPassParameters);case P.Shadow:return t(this._passes.shadowMap,this._shadowPassParameters);case P.ShadowHighlight:return t(this._passes.highlightShadowMap,this._shadowPassParameters);case P.ShadowExcludeHighlight:return t(this._passes.defaultShadowMap,this._shadowPassParameters);case P.ViewshedShadow:return t(this._passes.viewshedShadowMap,this._viewshedPassParameters)}break;case E.TRANSPARENT_MATERIAL:switch(s){case P.Color:case P.ColorEmission:case P.Depth:case P.Normal:case P.ObjectAndLayerIdColor:return t(this._passes.transparent,this._materialPassParameters)}break;case E.INTEGRATED_MESH:switch(s){case P.Color:case P.ColorEmission:case P.Depth:case P.Normal:case P.ObjectAndLayerIdColor:return t(this._passes.integratedMesh,this._materialPassParameters);case P.Highlight:return t(this._passes.highlightIntegratedMesh,this._highlightPassParameters)}break;case E.OCCLUDED_GROUND:switch(s){case P.Color:case P.ColorEmission:case P.Depth:case P.Normal:case P.ObjectAndLayerIdColor:return t(this._passes.occludedGround,this._materialPassParameters)}}return null}notifyDirty(){this._context.requestRender()}queryDepthRange(s){const e=new f;return this._systems.forEach((t=>e.union(t.queryDepthRange(s)))),e}get hasEmissions(){let s=!1;return this._systems.forEach((e=>s=e.hasEmissions||s)),s}_updateParameters(s,e,i){const m=s.viewInverseTransposeMatrix,c=i===E.TRANSPARENT_MATERIAL,l=i===E.OCCLUDED_GROUND;h(A,m[3],m[7],m[11]),j.set(A),n(e.transformWorldFromViewTH,j.high),n(e.transformWorldFromViewTL,j.low),n(e.slicePlaneLocalOrigin,A),t(e.transformViewFromCameraRelativeRS,s.viewMatrix),o(e.transformProjFromView,s.projectionMatrix),e.identifier===_.Material&&(this._materialPassParameters.transparent=c,this._materialPassParameters.occludedGround=l,r(b,e.transformViewFromCameraRelativeRS),a(e.transformNormalViewFromGlobal,b))}hasHighlight(s){for(const e of this._systems)if(e.hasHighlight(s))return!0;return!1}};R=s([e("esri.views.3d.webgl-engine.core.renderPasses.RenderPassManager")],R);const A=m(),b=i(),j=new g;export{R as RenderPassManager};

package/views/3d/webgl-engine/core/shaderLibrary/attributes/InstanceColor.glsl.js

@@ -0,0 +1,11 @@
+/*
+All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/4.34/esri/copyright.txt for details.
+*/
+import{MaskedColorDefinition as o,CreateMaskedFromUInt8NaNColor as e,MultiplyMaskedColors as r}from"./MaskedColor.glsl.js";import{glsl as l}from"../../shaderModules/glsl.js";import{VertexAttribute as t}from"../../../lib/VertexAttribute.js";function d(d,a){a.instancedColor?(d.attributes.add(t.INSTANCECOLOR,"vec4"),d.vertex.include(o),d.vertex.include(e),d.vertex.include(r),d.vertex.code.add(l`
+      MaskedColor applyInstanceColor(MaskedColor color) {
+        return multiplyMaskedColors( color, createMaskedFromUInt8NaNColor(${t.INSTANCECOLOR}));
+      }
+    `)):d.vertex.code.add(l`MaskedColor applyInstanceColor(MaskedColor color) {
+return color;
+}`)}export{d as InstanceColor};

package/views/3d/webgl-engine/core/shaderLibrary/attributes/MaskedColor.glsl.js

@@ -0,0 +1,18 @@
+/*
+All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/4.34/esri/copyright.txt for details.
+*/
+import{glsl as o}from"../../shaderModules/glsl.js";function e(e){e.code.add(o`struct MaskedColor {
+vec4 color;
+bvec4 mask;
+};`)}function r(r){r.include(e),r.code.add(o`
+    MaskedColor createMaskedFromUInt8NaNColor(vec4 color) {
+      return MaskedColor(color * ${o.float(1/254)}, equal(color, vec4(255)));
+    }
+  `)}function c(r){r.include(e),r.code.add(o`MaskedColor multiplyMaskedColors(MaskedColor color1, MaskedColor color2) {
+vec4 masked1 = mix(color1.color, vec4(1), color1.mask);
+vec4 masked2 = mix(color2.color, vec4(1), color2.mask);
+return MaskedColor(masked1 * masked2, bvec4(ivec4(color1.mask) & ivec4(color2.mask)));
+}`)}function l(r){r.include(e),r.code.add(o`MaskedColor createMaskedFromNaNColor(vec4 color) {
+return MaskedColor(color, isnan(color));
+}`)}export{l as CreateMaskedFromNaNColor,r as CreateMaskedFromUInt8NaNColor,e as MaskedColorDefinition,c as MultiplyMaskedColors};

package/views/3d/webgl-engine/core/shaderLibrary/attributes/PathVertexPosition.glsl.js

@@ -2,34 +2,48 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
 */
-import{fromValues as e}from"../../../../../../core/libs/gl-matrix-2/factories/vec2f64.js";import{Float2PassUniform as o}from"../../shaderModules/Float2PassUniform.js";import{Float3PassUniform as a}from"../../shaderModules/Float3PassUniform.js";import{Float4PassUniform as i}from"../../shaderModules/Float4PassUniform.js";import{Float4sPassUniform as r}from"../../shaderModules/Float4sPassUniform.js";import{FloatPassUniform as t}from"../../shaderModules/FloatPassUniform.js";import{FloatsPassUniform as v}from"../../shaderModules/FloatsPassUniform.js";import{glsl as l}from"../../shaderModules/glsl.js";import{VertexAttribute as s}from"../../../lib/VertexAttribute.js";import{VisualVariablePassParameters as c,vvColorNumber as p}from"../../../materials/VisualVariablePassParameters.js";const n=8;function f(e,c){const{attributes:f,vertex:d}=e;f.add(s.POSITION,"vec3"),f.add(s.PROFILEVERTEXANDNORMAL,"vec4"),f.add(s.PROFILEAUXDATA,"vec3"),f.add(s.PROFILERIGHT,"vec2"),f.add(s.PROFILEUP,"vec2"),d.code.add(l`bool isCapVertex() {
+import{fromValues as e}from"../../../../../../core/libs/gl-matrix-2/factories/vec2f64.js";import{Float2PassUniform as o}from"../../shaderModules/Float2PassUniform.js";import{Float3PassUniform as r}from"../../shaderModules/Float3PassUniform.js";import{Float4PassUniform as a}from"../../shaderModules/Float4PassUniform.js";import{Float4sPassUniform as i}from"../../shaderModules/Float4sPassUniform.js";import{FloatPassUniform as t}from"../../shaderModules/FloatPassUniform.js";import{FloatsPassUniform as l}from"../../shaderModules/FloatsPassUniform.js";import{glsl as v,If as s}from"../../shaderModules/glsl.js";import{VertexAttribute as c}from"../../../lib/VertexAttribute.js";import{VisualVariablePassParameters as n,vvColorNumber as p}from"../../../materials/VisualVariablePassParameters.js";const f=8;function d(e,n){const{attributes:d,vertex:u}=e;d.add(c.POSITION,"vec3"),d.add(c.PROFILEVERTEXANDNORMAL,"vec4"),d.add(c.PROFILEAUXDATA,"vec3"),d.add(c.PROFILERIGHT,"vec2"),d.add(c.PROFILEUP,"vec2"),u.code.add(v`bool isCapVertex() {
 return profileAuxData.z == 1.0;
-}`),d.uniforms.add(new o("size",(e=>e.size)));const{vvSize:u,vvColor:m,vvOpacity:x}=c;u?(f.add(s.SIZEFEATUREATTRIBUTE,"float"),d.uniforms.add(new a("vvSizeMinSize",(e=>e.vvSize.minSize)),new a("vvSizeMaxSize",(e=>e.vvSize.maxSize)),new a("vvSizeOffset",(e=>e.vvSize.offset)),new a("vvSizeFactor",(e=>e.vvSize.factor)),new a("vvSizeFallback",(e=>e.vvSize.fallback))),d.code.add(l`vec2 getSize() {
+}`),u.uniforms.add(new o("size",(e=>e.size)));const{vvSize:m,vvColor:x,vvOpacity:y}=n;m?(d.add(c.SIZEFEATUREATTRIBUTE,"float"),u.uniforms.add(new r("vvSizeMinSize",(e=>e.vvSize.minSize)),new r("vvSizeMaxSize",(e=>e.vvSize.maxSize)),new r("vvSizeOffset",(e=>e.vvSize.offset)),new r("vvSizeFactor",(e=>e.vvSize.factor)),new r("vvSizeFallback",(e=>e.vvSize.fallback))),u.code.add(v`vec2 getSize() {
 float value = sizeFeatureAttribute;
 if (isnan(value)) {
 return vvSizeFallback.xz;
 }
 return size * clamp(vvSizeOffset + value * vvSizeFactor, vvSizeMinSize, vvSizeMaxSize).xz;
-}`)):d.code.add(l`vec2 getSize(){
+}`)):u.code.add(v`vec2 getSize(){
 return size;
-}`),x?(f.add(s.OPACITYFEATUREATTRIBUTE,"float"),d.constants.add("vvOpacityNumber","int",n),d.uniforms.add(new v("vvOpacityValues",(e=>e.vvOpacity.values),n),new v("vvOpacityOpacities",(e=>e.vvOpacity.opacityValues),n),new t("vvOpacityFallback",(e=>e.vvOpacity.fallback))),d.code.add(l`vec4 applyOpacity(vec4 color) {
-float value = opacityFeatureAttribute;
-if (isnan(value)) {
-return vec4(color.rgb, vvOpacityFallback);
-}
-if (value <= vvOpacityValues[0]) {
-return vec4( color.xyz, vvOpacityOpacities[0]);
-}
-for (int i = 1; i < vvOpacityNumber; ++i) {
-if (vvOpacityValues[i] >= value) {
-float f = (value - vvOpacityValues[i-1]) / (vvOpacityValues[i] - vvOpacityValues[i-1]);
-return vec4( color.xyz, mix(vvOpacityOpacities[i-1], vvOpacityOpacities[i], f));
-}
-}
-return vec4( color.xyz, vvOpacityOpacities[vvOpacityNumber - 1]);
-}`)):d.code.add(l`vec4 applyOpacity(vec4 color){
+}`),y?(d.add(c.OPACITYFEATUREATTRIBUTE,"float"),u.constants.add("vvOpacityNumber","int",f),u.uniforms.add(new l("vvOpacityValues",(e=>e.vvOpacity.values),f),new l("vvOpacityOpacities",(e=>e.vvOpacity.opacityValues),f),new t("vvOpacityFallback",(e=>e.vvOpacity.fallback),{supportsNaN:!0})),u.code.add(v`
+    vec4 applyOpacity(vec4 color) {
+      // if we encounter NaN in the color it means the color is in the fallback case where the symbol color
+      // is not defined and there is no valid color visual variable override. In this case just return a fully
+      // transparent color
+      if (isnan(color.r)) {
+        return vec4(0);
+      }
+
+      float value = opacityFeatureAttribute;
+
+      if (isnan(value)) {
+        // If there is a color vv then it will already have taken care of applying the fallback
+        return ${s(n.vvColor,"color","vec4(color.rgb, vvOpacityFallback)")};
+      }
+
+      if (value <= vvOpacityValues[0]) {
+        return vec4(color.rgb, vvOpacityOpacities[0]);
+      }
+
+      for (int i = 1; i < vvOpacityNumber; ++i) {
+        if (vvOpacityValues[i] >= value) {
+          float f = (value - vvOpacityValues[i-1]) / (vvOpacityValues[i] - vvOpacityValues[i-1]);
+          return vec4(color.rgb, mix(vvOpacityOpacities[i-1], vvOpacityOpacities[i], f));
+        }
+      }
+
+      return vec4( color.rgb, vvOpacityOpacities[vvOpacityNumber - 1]);
+    }
+    `)):u.code.add(v`vec4 applyOpacity(vec4 color){
 return color;
-}`),m?(f.add(s.COLORFEATUREATTRIBUTE,"float"),d.constants.add("vvColorNumber","int",p),d.uniforms.add(new v("vvColorValues",(e=>e.vvColor.values),p),new r("vvColorColors",(e=>e.vvColor.colors),p),new i("vvColorFallback",(e=>e.vvColor.fallback))),d.code.add(l`vec4 getColor() {
+}`),x?(d.add(c.COLORFEATUREATTRIBUTE,"float"),u.constants.add("vvColorNumber","int",p),u.uniforms.add(new l("vvColorValues",(e=>e.vvColor.values),p),new i("vvColorColors",(e=>e.vvColor.colors),p),new a("vvColorFallback",(e=>e.vvColor.fallback))),u.code.add(v`vec4 getColor() {
 float value = colorFeatureAttribute;
 if (isnan(value)) {
 return applyOpacity(vvColorFallback);
@@ -44,9 +58,9 @@ return applyOpacity(mix(vvColorColors[i-1], vvColorColors[i], f));
 }
 }
 return applyOpacity(vvColorColors[vvColorNumber - 1]);
-}`)):d.code.add(l`vec4 getColor(){
+}`)):u.code.add(v`vec4 getColor(){
 return applyOpacity(vec4(1, 1, 1, 1));
-}`),d.code.add(l`vec3 decompressAxis(vec2 axis) {
+}`),u.code.add(v`vec3 decompressAxis(vec2 axis) {
 float z = 1.0 - abs(axis.x) - abs(axis.y);
 return normalize(vec3(axis + sign(axis) * min(z, 0.0), z));
 }
@@ -55,14 +69,14 @@ vec2 size = getSize();
 vec3 origin = position;
 vec3 right = decompressAxis(profileRight);
 vec3 up = decompressAxis(profileUp);
-vec2 profileVertex = profileVertexAndNormal.xy * size;`),d.code.add(l`if(isCapVertex()) {
+vec2 profileVertex = profileVertexAndNormal.xy * size;`),u.code.add(v`if(isCapVertex()) {
 float positionOffsetAlongProfilePlaneNormal = profileAuxData.x * size[0];
 vec3 forward = cross(up, right);
 vec3 offset = right * profileVertex.x + up * profileVertex.y + forward * positionOffsetAlongProfilePlaneNormal;
 return origin + offset;
 }
 vec2 rotationRight = vec2(profileAuxData.x, profileAuxData.y);
-float maxDistance = length(rotationRight);`),d.code.add(l`rotationRight = maxDistance > 0.0 ? normalize(rotationRight) : vec2(0, 0);
+float maxDistance = length(rotationRight);`),u.code.add(v`rotationRight = maxDistance > 0.0 ? normalize(rotationRight) : vec2(0, 0);
 float rx = dot(profileVertex, rotationRight);
 if (abs(rx) > maxDistance) {
 vec2 rotationUp = vec2(-rotationRight.y, rotationRight.x);
@@ -71,7 +85,7 @@ profileVertex = rotationRight * maxDistance * sign(rx) + rotationUp * ry;
 }
 vec3 offset = right * profileVertex.x + up * profileVertex.y;
 return origin + offset;
-}`),d.code.add(l`vec3 localNormal() {
+}`),u.code.add(v`vec3 localNormal() {
 vec3 right = decompressAxis(profileRight);
 vec3 up = decompressAxis(profileUp);
 vec3 normal = right * profileVertexAndNormal.z + up * profileVertexAndNormal.w;
@@ -80,4 +94,4 @@ vec3 forward = cross(up, right);
 normal += forward * profileAuxData.y;
 }
 return normal;
-}`)}class d extends c{constructor(){super(...arguments),this.size=e(1,1)}}export{f as PathVertexPosition,d as PathVertexPositionPassParameters};
+}`)}class u extends n{constructor(){super(...arguments),this.size=e(1,1)}}export{d as PathVertexPosition,u as PathVertexPositionPassParameters};

package/views/3d/webgl-engine/core/shaderLibrary/attributes/RibbonVertexPosition.glsl.js

@@ -2,34 +2,45 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
 */
-import{VisualVariables as i}from"../shading/VisualVariables.glsl.js";import{Float3PassUniform as e}from"../../shaderModules/Float3PassUniform.js";import{FloatPassUniform as a}from"../../shaderModules/FloatPassUniform.js";import{FloatsPassUniform as t}from"../../shaderModules/FloatsPassUniform.js";import{glsl as v}from"../../shaderModules/glsl.js";import{VertexAttribute as r}from"../../../lib/VertexAttribute.js";const o=8;function c(c,l){const{vertex:s,attributes:n}=c;s.uniforms.add(new a("intrinsicWidth",(i=>i.width))),l.vvSize?(n.add(r.SIZEFEATUREATTRIBUTE,"float"),s.uniforms.add(new e("vvSizeMinSize",(i=>i.vvSize.minSize)),new e("vvSizeMaxSize",(i=>i.vvSize.maxSize)),new e("vvSizeOffset",(i=>i.vvSize.offset)),new e("vvSizeFactor",(i=>i.vvSize.factor)),new e("vvSizeFallback",(i=>i.vvSize.fallback))),s.code.add(v`float getSize() {
+import{VisualVariables as e}from"../shading/VisualVariables.glsl.js";import{Float3PassUniform as i}from"../../shaderModules/Float3PassUniform.js";import{FloatPassUniform as a}from"../../shaderModules/FloatPassUniform.js";import{FloatsPassUniform as t}from"../../shaderModules/FloatsPassUniform.js";import{glsl as r,If as v}from"../../shaderModules/glsl.js";import{VertexAttribute as o}from"../../../lib/VertexAttribute.js";const c=8;function l(l,s){const{vertex:n,attributes:p}=l;n.uniforms.add(new a("intrinsicWidth",(e=>e.width))),s.vvSize?(p.add(o.SIZEFEATUREATTRIBUTE,"float"),n.uniforms.add(new i("vvSizeMinSize",(e=>e.vvSize.minSize)),new i("vvSizeMaxSize",(e=>e.vvSize.maxSize)),new i("vvSizeOffset",(e=>e.vvSize.offset)),new i("vvSizeFactor",(e=>e.vvSize.factor)),new i("vvSizeFallback",(e=>e.vvSize.fallback))),n.code.add(r`float getSize() {
 if (isnan(sizeFeatureAttribute)) {
 return vvSizeFallback.x;
 }
 return intrinsicWidth * clamp(vvSizeOffset + sizeFeatureAttribute * vvSizeFactor, vvSizeMinSize, vvSizeMaxSize).x;
-}`)):(n.add(r.SIZE,"float"),s.code.add(v`float getSize(){
+}`)):(p.add(o.SIZE,"float"),n.code.add(r`float getSize(){
 return intrinsicWidth * size;
-}`)),l.vvOpacity?(n.add(r.OPACITYFEATUREATTRIBUTE,"float"),s.constants.add("vvOpacityNumber","int",8),s.uniforms.add(new t("vvOpacityValues",(i=>i.vvOpacity.values),o),new t("vvOpacityOpacities",(i=>i.vvOpacity.opacityValues),o),new a("vvOpacityFallback",(i=>i.vvOpacity.fallback))),s.code.add(v`float interpolateOpacity(float value){
-if (isnan(value)) {
-return vvOpacityFallback;
-}
-if (value <= vvOpacityValues[0]) {
-return vvOpacityOpacities[0];
-}
-for (int i = 1; i < vvOpacityNumber; ++i) {
-if (vvOpacityValues[i] >= value) {
-float f = (value - vvOpacityValues[i-1]) / (vvOpacityValues[i] - vvOpacityValues[i-1]);
-return mix(vvOpacityOpacities[i-1], vvOpacityOpacities[i], f);
-}
-}
-return vvOpacityOpacities[vvOpacityNumber - 1];
-}
-vec4 applyOpacity( vec4 color ){
-return vec4(color.xyz, interpolateOpacity(opacityFeatureAttribute));
-}`)):s.code.add(v`vec4 applyOpacity( vec4 color ){
+}`)),s.vvOpacity?(p.add(o.OPACITYFEATUREATTRIBUTE,"float"),n.constants.add("vvOpacityNumber","int",8),n.uniforms.add(new t("vvOpacityValues",(e=>e.vvOpacity.values),c),new t("vvOpacityOpacities",(e=>e.vvOpacity.opacityValues),c),new a("vvOpacityFallback",(e=>e.vvOpacity.fallback),{supportsNaN:!0})),n.code.add(r`
+    float interpolateOpacity(float value) {
+      if (value <= vvOpacityValues[0]) {
+        return vvOpacityOpacities[0];
+      }
+
+      for (int i = 1; i < vvOpacityNumber; ++i) {
+        if (vvOpacityValues[i] >= value) {
+          float f = (value - vvOpacityValues[i-1]) / (vvOpacityValues[i] - vvOpacityValues[i-1]);
+          return mix(vvOpacityOpacities[i-1], vvOpacityOpacities[i], f);
+        }
+      }
+
+      return vvOpacityOpacities[vvOpacityNumber - 1];
+    }
+
+    vec4 applyOpacity(vec4 color) {
+      if (isnan(opacityFeatureAttribute)) {
+        // If there is a color vv then it will already have taken care of applying the fallback
+        return ${v(s.vvColor,"color","vec4(color.rgb, vvOpacityFallback)")};
+      }
+
+      return vec4(color.rgb, interpolateOpacity(opacityFeatureAttribute));
+    }
+    `)):n.code.add(r`vec4 applyOpacity(vec4 color) {
 return color;
-}`),l.vvColor?(c.include(i,l),n.add(r.COLORFEATUREATTRIBUTE,"float"),s.code.add(v`vec4 getColor(){
-return applyOpacity(interpolateVVColor(colorFeatureAttribute));
-}`)):(n.add(r.COLOR,"vec4"),s.code.add(v`vec4 getColor(){
+}`),s.vvColor?(l.include(e,s),p.add(o.COLORFEATUREATTRIBUTE,"float"),n.code.add(r`vec4 getColor() {
+vec4 color = interpolateVVColor(colorFeatureAttribute);
+if (isnan(color.r)) {
+return vec4(0);
+}
+return applyOpacity(color);
+}`)):(p.add(o.COLOR,"vec4"),n.code.add(r`vec4 getColor() {
 return applyOpacity(color);
-}`))}export{c as RibbonVertexPosition};
+}`))}export{l as RibbonVertexPosition};

package/views/3d/webgl-engine/core/shaderLibrary/attributes/SymbolColor.glsl.js

@@ -2,11 +2,15 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
 */
-import{DecodeSymbolColor as o}from"../../../collections/Component/Material/shader/DecodeSymbolColor.glsl.js";import{glsl as r}from"../../shaderModules/glsl.js";import{IntegerPassUniform as e}from"../../shaderModules/IntegerPassUniform.js";import{VertexAttribute as l}from"../../../lib/VertexAttribute.js";import{colorMixModes as d}from"../../../materials/internal/MaterialUtil.js";function i(i,t){t.hasSymbolColors?(i.include(o),i.attributes.add(l.SYMBOLCOLOR,"vec4"),i.varyings.add("colorMixMode","mediump float"),i.vertex.code.add(r`int symbolColorMixMode;
-vec4 getSymbolColor() {
-return decodeSymbolColor(symbolColor, symbolColorMixMode) * 0.003921568627451;
-}
-void forwardColorMixMode() {
-colorMixMode = float(symbolColorMixMode) + 0.5;
-}`)):(i.fragment.uniforms.add(new e("colorMixMode",(o=>d[o.colorMixMode]))),i.vertex.code.add(r`vec4 getSymbolColor() { return vec4(1.0); }
-void forwardColorMixMode() {}`))}export{i as SymbolColor};
+import{MaskedColorDefinition as o,CreateMaskedFromUInt8NaNColor as r,MultiplyMaskedColors as e}from"./MaskedColor.glsl.js";import{glsl as l}from"../../shaderModules/glsl.js";import{IntegerPassUniform as d}from"../../shaderModules/IntegerPassUniform.js";import{VertexAttribute as i}from"../../../lib/VertexAttribute.js";import{colorMixModes as a}from"../../../materials/internal/MaterialUtil.js";function t(t,s){t.varyings.add("colorMixMode","int"),t.varyings.add("opacityMixMode","int"),t.vertex.uniforms.add(new d("symbolColorMixMode",(o=>a[o.colorMixMode]))),s.hasSymbolColors?(t.vertex.include(o),t.vertex.include(r),t.vertex.include(e),t.attributes.add(i.SYMBOLCOLOR,"vec4"),t.vertex.code.add(l`
+    MaskedColor applySymbolColor(MaskedColor color) {
+      return multiplyMaskedColors(color, createMaskedFromUInt8NaNColor(${i.SYMBOLCOLOR}));
+    }
+  `)):t.vertex.code.add(l`MaskedColor applySymbolColor(MaskedColor color) {
+return color;
+}`),t.vertex.code.add(l`
+    void forwardColorMixMode(bvec4 mask) {
+      colorMixMode = mask.r ? ${l.int(a.ignore)} : symbolColorMixMode;
+      opacityMixMode = mask.a ? ${l.int(a.ignore)} : symbolColorMixMode;
+    }
+  `)}export{t as SymbolColor};

package/views/3d/webgl-engine/core/shaderLibrary/attributes/VertexColor.glsl.js

@@ -2,5 +2,7 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
 */
-import{glsl as o}from"../../shaderModules/glsl.js";import{VertexAttribute as r}from"../../../lib/VertexAttribute.js";function e(e,d){d.hasVertexColors?(e.attributes.add(r.COLOR,"vec4"),e.varyings.add("vColor","vec4"),e.vertex.code.add(o`void forwardVertexColor() { vColor = color; }`),e.vertex.code.add(o`void forwardNormalizedVertexColor() { vColor = color * 0.003921568627451; }`)):e.vertex.code.add(o`void forwardVertexColor() {}
+import{glsl as o}from"../../shaderModules/glsl.js";import{VertexAttribute as r}from"../../../lib/VertexAttribute.js";function e(e,d){d.hasVertexColors?(e.attributes.add(r.COLOR,"vec4"),e.varyings.add("vColor","vec4"),e.vertex.code.add(o`void forwardVertexColor() { vColor = color; }`),e.vertex.code.add(o`
+      void forwardNormalizedVertexColor() { vColor = color * ${o.float(1/255)}; }
+    `)):e.vertex.code.add(o`void forwardVertexColor() {}
 void forwardNormalizedVertexColor() {}`)}export{e as VertexColor};

package/views/3d/webgl-engine/core/shaderLibrary/attributes/VerticalOffset.glsl.js

@@ -2,7 +2,7 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
 */
-import{s as e}from"../../../../../../chunks/vec42.js";import{create as r}from"../../../../../../core/libs/gl-matrix-2/factories/vec4f64.js";import{ScreenSizePerspective as l,addScreenSizePerspectiveAlignment as t}from"../util/ScreenSizePerspective.glsl.js";import{addCameraPosition as o}from"../util/View.glsl.js";import{Float4PassUniform as c}from"../../shaderModules/Float4PassUniform.js";import{glsl as i}from"../../shaderModules/glsl.js";function s(e,r){const c=e.vertex;r.hasVerticalOffset?(f(c),r.hasScreenSizePerspective&&(e.include(l),t(c),o(e.vertex,r)),c.code.add(i`
+import{pt2px as e}from"../../../../../../core/screenUtils.js";import{s as r}from"../../../../../../chunks/vec42.js";import{create as t}from"../../../../../../core/libs/gl-matrix-2/factories/vec4f64.js";import{ScreenSizePerspective as l,addScreenSizePerspectiveAlignment as o}from"../util/ScreenSizePerspective.glsl.js";import{addCameraPosition as c}from"../util/View.glsl.js";import{Float4PassUniform as s}from"../../shaderModules/Float4PassUniform.js";import{glsl as i}from"../../shaderModules/glsl.js";class a{constructor(r){this.screenLength=e(r.screenLength),this.minWorldLength=r.minWorldLength??0,this.maxWorldLength=r.maxWorldLength??1/0}}function n(e,r){const t=e.vertex;r.hasVerticalOffset?(d(t),r.hasScreenSizePerspective&&(e.include(l),o(t),c(e.vertex,r)),t.code.add(i`
       vec3 calculateVerticalOffset(vec3 worldPos, vec3 localOrigin) {
         float viewDistance = length((view * vec4(worldPos, 1.0)).xyz);
         ${r.spherical?i`vec3 worldNormal = normalize(worldPos + localOrigin);`:i`vec3 worldNormal = vec3(0.0, 0.0, 1.0);`}
@@ -18,4 +18,4 @@ import{s as e}from"../../../../../../chunks/vec42.js";import{create as r}from"..
       vec3 addVerticalOffset(vec3 worldPos, vec3 localOrigin) {
         return worldPos + calculateVerticalOffset(worldPos, localOrigin);
       }
-    `)):c.code.add(i`vec3 addVerticalOffset(vec3 worldPos, vec3 localOrigin) { return worldPos; }`)}const a=r();function f(r){r.uniforms.add(new c("verticalOffset",((r,l)=>{const{minWorldLength:t,maxWorldLength:o,screenLength:c}=r.verticalOffset,i=Math.tan(.5*l.camera.fovY)/(.5*l.camera.fullViewport[3]),s=l.camera.pixelRatio||1;return e(a,c*s,i,t,o)})))}export{s as VerticalOffset,f as addVerticalOffset};
+    `)):t.code.add(i`vec3 addVerticalOffset(vec3 worldPos, vec3 localOrigin) { return worldPos; }`)}const f=t();function d(e){e.uniforms.add(new s("verticalOffset",((e,t)=>{const{minWorldLength:l,maxWorldLength:o,screenLength:c}=e.verticalOffset,s=Math.tan(.5*t.camera.fovY)/(.5*t.camera.fullViewport[3]),i=t.camera.pixelRatio||1;return r(f,c*i,s,l,o)})))}export{n as VerticalOffset,a as VerticalOffsetParameters,d as addVerticalOffset};

package/views/3d/webgl-engine/core/shaderLibrary/shading/VisualVariables.glsl.js

@@ -2,7 +2,7 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
 */
-import{Float3PassUniform as o}from"../../shaderModules/Float3PassUniform.js";import{Float4PassUniform as e}from"../../shaderModules/Float4PassUniform.js";import{Float4sPassUniform as r}from"../../shaderModules/Float4sPassUniform.js";import{FloatsPassUniform as v}from"../../shaderModules/FloatsPassUniform.js";import{glsl as t}from"../../shaderModules/glsl.js";import{Matrix3PassUniform as a}from"../../shaderModules/Matrix3PassUniform.js";import{VertexAttribute as i}from"../../../lib/VertexAttribute.js";import{vvColorNumber as l}from"../../../materials/VisualVariablePassParameters.js";function n(n,s){const{vertex:u,attributes:c}=n;s.hasVvInstancing&&(s.vvSize||s.vvColor)&&c.add(i.INSTANCEFEATUREATTRIBUTE,"vec4"),s.vvSize?(u.uniforms.add(new o("vvSizeMinSize",(o=>o.vvSize.minSize))),u.uniforms.add(new o("vvSizeMaxSize",(o=>o.vvSize.maxSize))),u.uniforms.add(new o("vvSizeOffset",(o=>o.vvSize.offset))),u.uniforms.add(new o("vvSizeFactor",(o=>o.vvSize.factor))),u.uniforms.add(new o("vvSizeFallback",(o=>o.vvSize.fallback))),u.uniforms.add(new a("vvSymbolRotationMatrix",(o=>o.vvSymbolRotationMatrix))),u.uniforms.add(new o("vvSymbolAnchor",(o=>o.vvSymbolAnchor))),u.code.add(t`vec3 vvScale(vec4 _featureAttribute) {
+import{MaskedColorDefinition as o,MultiplyMaskedColors as r,CreateMaskedFromNaNColor as e}from"../attributes/MaskedColor.glsl.js";import{Float3PassUniform as v}from"../../shaderModules/Float3PassUniform.js";import{Float4PassUniform as a}from"../../shaderModules/Float4PassUniform.js";import{Float4sPassUniform as t}from"../../shaderModules/Float4sPassUniform.js";import{FloatsPassUniform as l}from"../../shaderModules/FloatsPassUniform.js";import{glsl as i}from"../../shaderModules/glsl.js";import{Matrix3PassUniform as s}from"../../shaderModules/Matrix3PassUniform.js";import{VertexAttribute as n}from"../../../lib/VertexAttribute.js";import{vvColorNumber as u}from"../../../materials/VisualVariablePassParameters.js";function c(c,m){const{vertex:d,attributes:f}=c;m.hasVvInstancing&&(m.vvSize||m.vvColor)&&f.add(n.INSTANCEFEATUREATTRIBUTE,"vec4"),m.vvSize?(d.uniforms.add(new v("vvSizeMinSize",(o=>o.vvSize.minSize))),d.uniforms.add(new v("vvSizeMaxSize",(o=>o.vvSize.maxSize))),d.uniforms.add(new v("vvSizeOffset",(o=>o.vvSize.offset))),d.uniforms.add(new v("vvSizeFactor",(o=>o.vvSize.factor))),d.uniforms.add(new v("vvSizeFallback",(o=>o.vvSize.fallback))),d.uniforms.add(new s("vvSymbolRotationMatrix",(o=>o.vvSymbolRotationMatrix))),d.uniforms.add(new v("vvSymbolAnchor",(o=>o.vvSymbolAnchor))),d.code.add(i`vec3 vvScale(vec4 _featureAttribute) {
 if (isnan(_featureAttribute.x)) {
 return vvSizeFallback;
 }
@@ -10,14 +10,14 @@ return clamp(vvSizeOffset + _featureAttribute.x * vvSizeFactor, vvSizeMinSize, v
 }
 vec4 vvTransformPosition(vec3 position, vec4 _featureAttribute) {
 return vec4(vvSymbolRotationMatrix * ( vvScale(_featureAttribute) * (position + vvSymbolAnchor)), 1.0);
-}`),u.code.add(t`
+}`),d.code.add(i`
       const float eps = 1.192092896e-07;
       vec4 vvTransformNormal(vec3 _normal, vec4 _featureAttribute) {
         vec3 scale = max(vvScale(_featureAttribute), eps);
         return vec4(vvSymbolRotationMatrix * _normal / scale, 1.0);
       }
 
-      ${s.hasVvInstancing?t`
+      ${m.hasVvInstancing?i`
       vec4 vvLocalNormal(vec3 _normal) {
         return vvTransformNormal(_normal, instanceFeatureAttribute);
       }
@@ -25,8 +25,8 @@ return vec4(vvSymbolRotationMatrix * ( vvScale(_featureAttribute) * (position +
       vec4 localPosition() {
         return vvTransformPosition(position, instanceFeatureAttribute);
       }`:""}
-    `)):u.code.add(t`vec4 localPosition() { return vec4(position, 1.0); }
-vec4 vvLocalNormal(vec3 _normal) { return vec4(_normal, 1.0); }`),s.vvColor?(u.constants.add("vvColorNumber","int",l),u.uniforms.add(new v("vvColorValues",(o=>o.vvColor.values),l),new r("vvColorColors",(o=>o.vvColor.colors),l),new e("vvColorFallback",(o=>o.vvColor.fallback))),u.code.add(t`
+    `)):d.code.add(i`vec4 localPosition() { return vec4(position, 1.0); }
+vec4 vvLocalNormal(vec3 _normal) { return vec4(_normal, 1.0); }`),c.vertex.include(o),m.vvColor?(d.constants.add("vvColorNumber","int",u),d.uniforms.add(new l("vvColorValues",(o=>o.vvColor.values),u),new t("vvColorColors",(o=>o.vvColor.colors),u),new a("vvColorFallback",(o=>o.vvColor.fallback),{supportsNaN:!0})),m.hasVvInstancing&&(c.vertex.include(r),c.vertex.include(e)),d.code.add(i`
       vec4 interpolateVVColor(float value) {
         if (isnan(value)) {
           return vvColorFallback;
@@ -49,8 +49,26 @@ vec4 vvLocalNormal(vec3 _normal) { return vec4(_normal, 1.0); }`),s.vvColor?(u.c
         return interpolateVVColor(featureAttribute.y);
       }
 
-      ${s.hasVvInstancing?t`
+      ${m.hasVvInstancing?i`
             vec4 vvColor() {
               return vvGetColor(instanceFeatureAttribute);
-            }`:"vec4 vvColor() { return vec4(1.0); }"}
-    `)):u.code.add(t`vec4 vvColor() { return vec4(1.0); }`)}export{n as VisualVariables};
+            }
+
+            MaskedColor applyVVColor(MaskedColor color) {
+              return multiplyMaskedColors(color, createMaskedFromNaNColor(vvColor()));
+            }
+            `:i`
+            vec4 vvColor() {
+              return vec4(1.0);
+            }
+
+            MaskedColor applyVVColor(MaskedColor color) {
+              return color;
+            }
+            `}
+    `)):d.code.add(i`vec4 vvColor() {
+return vec4(1.0);
+}
+MaskedColor applyVVColor(MaskedColor color) {
+return color;
+}`)}export{c as VisualVariables};

package/views/3d/webgl-engine/core/shaderModules/Float2BindUniform.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
 */
-import{BindType as r}from"../../../../webgl/BindType.js";import{Uniform as e}from"../../../../webgl/Uniform.js";class o extends e{constructor(e,o){super(e,"vec2",r.Bind,((r,s)=>r.setUniform2fv(e,o(s))))}}export{o as Float2BindUniform};
+import{BindType as r}from"../../../../webgl/BindType.js";import{Uniform as e}from"../../../../webgl/Uniform.js";class o extends e{constructor(e,o,s){super(e,"vec2",r.Bind,((r,t)=>r.setUniform2fv(e,o(t),s)))}}export{o as Float2BindUniform};

package/views/3d/webgl-engine/core/shaderModules/Float2DrawUniform.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
 */
-import{BindType as r}from"../../../../webgl/BindType.js";import{Uniform as e}from"../../../../webgl/Uniform.js";class o extends e{constructor(e,o){super(e,"vec2",r.Draw,((r,s,t,m)=>r.setUniform2fv(e,o(s,t,m))))}}export{o as Float2DrawUniform};
+import{BindType as r}from"../../../../webgl/BindType.js";import{Uniform as e}from"../../../../webgl/Uniform.js";class o extends e{constructor(e,o,s){super(e,"vec2",r.Draw,((r,t,m,f)=>r.setUniform2fv(e,o(t,m,f),s)))}}export{o as Float2DrawUniform};

package/views/3d/webgl-engine/core/shaderModules/Float2PassUniform.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
 */
-import{BindType as r}from"../../../../webgl/BindType.js";import{Uniform as s}from"../../../../webgl/Uniform.js";class e extends s{constructor(s,e){super(s,"vec2",r.Pass,((r,o,t)=>r.setUniform2fv(s,e(o,t))))}}export{e as Float2PassUniform};
+import{BindType as r}from"../../../../webgl/BindType.js";import{Uniform as s}from"../../../../webgl/Uniform.js";class e extends s{constructor(s,e,o){super(s,"vec2",r.Pass,((r,t,m)=>r.setUniform2fv(s,e(t,m),o)))}}export{e as Float2PassUniform};

package/views/3d/webgl-engine/core/shaderModules/Float3BindUniform.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
 */
-import{BindType as r}from"../../../../webgl/BindType.js";import{Uniform as e}from"../../../../webgl/Uniform.js";class o extends e{constructor(e,o){super(e,"vec3",r.Bind,((r,s)=>r.setUniform3fv(e,o(s))))}}export{o as Float3BindUniform};
+import{BindType as r}from"../../../../webgl/BindType.js";import{Uniform as e}from"../../../../webgl/Uniform.js";class o extends e{constructor(e,o,s){super(e,"vec3",r.Bind,((r,t)=>r.setUniform3fv(e,o(t),s)))}}export{o as Float3BindUniform};

package/views/3d/webgl-engine/core/shaderModules/Float3DrawUniform.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
 */
-import{BindType as r}from"../../../../webgl/BindType.js";import{Uniform as e}from"../../../../webgl/Uniform.js";class o extends e{constructor(e,o){super(e,"vec3",r.Draw,((r,s,t,m)=>r.setUniform3fv(e,o(s,t,m))))}}export{o as Float3DrawUniform};
+import{BindType as r}from"../../../../webgl/BindType.js";import{Uniform as e}from"../../../../webgl/Uniform.js";class o extends e{constructor(e,o,s){super(e,"vec3",r.Draw,((r,t,m,f)=>r.setUniform3fv(e,o(t,m,f),s)))}}export{o as Float3DrawUniform};

package/views/3d/webgl-engine/core/shaderModules/Float3PassUniform.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
 */
-import{BindType as r}from"../../../../webgl/BindType.js";import{Uniform as s}from"../../../../webgl/Uniform.js";class e extends s{constructor(s,e){super(s,"vec3",r.Pass,((r,o,t)=>r.setUniform3fv(s,e(o,t))))}}export{e as Float3PassUniform};
+import{BindType as r}from"../../../../webgl/BindType.js";import{Uniform as s}from"../../../../webgl/Uniform.js";class e extends s{constructor(s,e,o){super(s,"vec3",r.Pass,((r,t,m)=>r.setUniform3fv(s,e(t,m),o)))}}export{e as Float3PassUniform};

package/views/3d/webgl-engine/core/shaderModules/Float4BindUniform.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
 */
-import{BindType as r}from"../../../../webgl/BindType.js";import{Uniform as e}from"../../../../webgl/Uniform.js";class o extends e{constructor(e,o){super(e,"vec4",r.Bind,((r,s)=>r.setUniform4fv(e,o(s))))}}export{o as Float4BindUniform};
+import{BindType as r}from"../../../../webgl/BindType.js";import{Uniform as e}from"../../../../webgl/Uniform.js";class o extends e{constructor(e,o,s){super(e,"vec4",r.Bind,((r,t)=>r.setUniform4fv(e,o(t),s)))}}export{o as Float4BindUniform};

package/views/3d/webgl-engine/core/shaderModules/Float4DrawUniform.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
 */
-import{BindType as r}from"../../../../webgl/BindType.js";import{Uniform as e}from"../../../../webgl/Uniform.js";class o extends e{constructor(e,o){super(e,"vec4",r.Draw,((r,s,t)=>r.setUniform4fv(e,o(s,t))))}}export{o as Float4DrawUniform};
+import{BindType as r}from"../../../../webgl/BindType.js";import{Uniform as e}from"../../../../webgl/Uniform.js";class o extends e{constructor(e,o,s){super(e,"vec4",r.Draw,((r,t,m)=>r.setUniform4fv(e,o(t,m),s)))}}export{o as Float4DrawUniform};

package/views/3d/webgl-engine/core/shaderModules/Float4PassUniform.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
 */
-import{BindType as r}from"../../../../webgl/BindType.js";import{Uniform as s}from"../../../../webgl/Uniform.js";class e extends s{constructor(s,e){super(s,"vec4",r.Pass,((r,o,t)=>r.setUniform4fv(s,e(o,t))))}}export{e as Float4PassUniform};
+import{BindType as r}from"../../../../webgl/BindType.js";import{Uniform as s}from"../../../../webgl/Uniform.js";class e extends s{constructor(s,e,o){super(s,"vec4",r.Pass,((r,t,m)=>r.setUniform4fv(s,e(t,m),o)))}}export{e as Float4PassUniform};

package/views/3d/webgl-engine/core/shaderModules/Float4sPassUniform.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
 */
-import{BindType as r}from"../../../../webgl/BindType.js";import{Uniform as s}from"../../../../webgl/Uniform.js";class e extends s{constructor(s,e,o){super(s,"vec4",r.Pass,((r,o,t)=>r.setUniform4fv(s,e(o,t))),o)}}export{e as Float4sPassUniform};
+import{BindType as r}from"../../../../webgl/BindType.js";import{Uniform as s}from"../../../../webgl/Uniform.js";class e extends s{constructor(s,e,o,t){super(s,"vec4",r.Pass,((r,o,m)=>r.setUniform4fv(s,e(o,m),t)),o)}}export{e as Float4sPassUniform};

package/views/3d/webgl-engine/core/shaderModules/FloatBindUniform.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
 */
-import{BindType as o}from"../../../../webgl/BindType.js";import{Uniform as r}from"../../../../webgl/Uniform.js";class e extends r{constructor(r,e){super(r,"float",o.Bind,((o,s)=>o.setUniform1f(r,e(s))))}}export{e as FloatBindUniform};
+import{BindType as o}from"../../../../webgl/BindType.js";import{Uniform as r}from"../../../../webgl/Uniform.js";class e extends r{constructor(r,e,s){super(r,"float",o.Bind,((o,t)=>o.setUniform1f(r,e(t),s)))}}export{e as FloatBindUniform};

package/views/3d/webgl-engine/core/shaderModules/FloatDrawUniform.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
 */
-import{BindType as r}from"../../../../webgl/BindType.js";import{Uniform as o}from"../../../../webgl/Uniform.js";class e extends o{constructor(o,e){super(o,"float",r.Draw,((r,s,t)=>r.setUniform1f(o,e(s,t))))}}export{e as FloatDrawUniform};
+import{BindType as r}from"../../../../webgl/BindType.js";import{Uniform as o}from"../../../../webgl/Uniform.js";class e extends o{constructor(o,e,s){super(o,"float",r.Draw,((r,t,f)=>r.setUniform1f(o,e(t,f),s)))}}export{e as FloatDrawUniform};

package/views/3d/webgl-engine/core/shaderModules/FloatPassUniform.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
 */
-import{BindType as o}from"../../../../webgl/BindType.js";import{Uniform as r}from"../../../../webgl/Uniform.js";class s extends r{constructor(r,s){super(r,"float",o.Pass,((o,e,t)=>o.setUniform1f(r,s(e,t))))}}export{s as FloatPassUniform};
+import{BindType as o}from"../../../../webgl/BindType.js";import{Uniform as r}from"../../../../webgl/Uniform.js";class s extends r{constructor(r,s,e){super(r,"float",o.Pass,((o,t,f)=>o.setUniform1f(r,s(t,f),e)))}}export{s as FloatPassUniform};

package/views/3d/webgl-engine/core/shaderModules/FloatsPassUniform.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
 */
-import{BindType as o}from"../../../../webgl/BindType.js";import{Uniform as r}from"../../../../webgl/Uniform.js";class s extends r{constructor(r,s,e){super(r,"float",o.Pass,((o,e,t)=>o.setUniform1fv(r,s(e,t))),e)}}export{s as FloatsPassUniform};
+import{BindType as o}from"../../../../webgl/BindType.js";import{Uniform as r}from"../../../../webgl/Uniform.js";class s extends r{constructor(r,s,e,t){super(r,"float",o.Pass,((o,e,f)=>o.setUniform1fv(r,s(e,f),t)),e)}}export{s as FloatsPassUniform};

package/views/3d/webgl-engine/core/shaderModules/Matrix3DrawUniform.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
 */
-import{BindType as r}from"../../../../webgl/BindType.js";import{Uniform as o}from"../../../../webgl/Uniform.js";class t extends o{constructor(o,t){super(o,"mat3",r.Draw,((r,e,s)=>r.setUniformMatrix3fv(o,t(e,s))))}}export{t as Matrix3DrawUniform};
+import{BindType as r}from"../../../../webgl/BindType.js";import{Uniform as o}from"../../../../webgl/Uniform.js";class t extends o{constructor(o,t,e){super(o,"mat3",r.Draw,((r,s,m)=>r.setUniformMatrix3fv(o,t(s,m),e)))}}export{t as Matrix3DrawUniform};