@itwin/ecschema-rpcinterface-tests 4.3.0-dev.23 → 4.3.0-dev.24

package/lib/dist/bundled-tests.js

@@ -28598,6 +28598,7 @@ var ChangesetType;
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   ClipIntersectionStyle: () => (/* binding */ ClipIntersectionStyle),
 /* harmony export */   ClipStyle: () => (/* binding */ ClipStyle),
 /* harmony export */   CutStyle: () => (/* binding */ CutStyle)
 /* harmony export */ });
@@ -28605,6 +28606,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _RgbColor__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./RgbColor */ "../../core/common/lib/esm/RgbColor.js");
 /* harmony import */ var _HiddenLine__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./HiddenLine */ "../../core/common/lib/esm/HiddenLine.js");
 /* harmony import */ var _FeatureSymbology__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./FeatureSymbology */ "../../core/common/lib/esm/FeatureSymbology.js");
+/* harmony import */ var _ColorDef__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./ColorDef */ "../../core/common/lib/esm/ColorDef.js");
 /*---------------------------------------------------------------------------------------------
 * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
 * See LICENSE.md in the project root for license terms and full copyright notice.
@@ -28616,6 +28618,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 /** As part of a [[ClipStyle]], describes how section-cut graphics should be displayed.
  * @note Section-cut graphics are only produced if [[ClipStyle.produceCutGeometry]] is `true`.
  * @public
@@ -28668,30 +28671,89 @@ class CutStyle {
 /** The default CutStyle, configured to draw the section-cut graphics using the view's settings, with no overrides. */
 CutStyle.defaults = new CutStyle();
 
+/** As part of a [[ClipStyle]], describes how to colorize geometry intersecting the clip planes.
+ * @note Edges are highlighted only if [[ClipStyle.ClipIntersectionStyle]] is `true`.
+ * @public
+ * @extensions
+ */
+class ClipIntersectionStyle {
+    constructor(color = _RgbColor__WEBPACK_IMPORTED_MODULE_1__.RgbColor.fromColorDef(_ColorDef__WEBPACK_IMPORTED_MODULE_4__.ColorDef.white), width = 1) {
+        this.color = color;
+        this.width = width;
+    }
+    /** Create a highlight  from its components. */
+    static create(color, width) {
+        if (!color && !width)
+            return this.defaults;
+        return new ClipIntersectionStyle(color, width);
+    }
+    static fromJSON(props) {
+        if (props === undefined) {
+            return ClipIntersectionStyle.defaults;
+        }
+        const color = props.color ? _RgbColor__WEBPACK_IMPORTED_MODULE_1__.RgbColor.fromJSON(props.color) : _RgbColor__WEBPACK_IMPORTED_MODULE_1__.RgbColor.fromColorDef(_ColorDef__WEBPACK_IMPORTED_MODULE_4__.ColorDef.white);
+        const width = props.width ? props.width : 1;
+        return new ClipIntersectionStyle(color, width);
+    }
+    /** The JSON representation of this style. It is `undefined` if this style matches the defaults. */
+    toJSON() {
+        const props = {};
+        if (this.matchesDefaults) {
+            return undefined;
+        }
+        if (this.color)
+            props.color = this.color.toJSON();
+        if (this.width)
+            props.width = this.width;
+        return props;
+    }
+    get matchesDefaults() {
+        if (this === ClipIntersectionStyle.defaults)
+            return true;
+        return !this.color && !this.width;
+    }
+}
+ClipIntersectionStyle.defaults = new ClipIntersectionStyle();
+
 /** Describes symbology and behavior applied to a [ClipVector]($core-geometry) when applied to a [ViewState]($frontend) or [[ModelClipGroup]].
  * @see [[DisplayStyleSettings.clipStyle]].
  * @public
  */
 class ClipStyle {
-    constructor(produceCutGeometry, cutStyle, inside, outside) {
+    constructor(produceCutGeometry, colorizeIntersection, cutStyle, inside, outside, intersectionStyle) {
         this.produceCutGeometry = produceCutGeometry;
+        this.colorizeIntersection = colorizeIntersection;
         this.cutStyle = cutStyle;
         this.insideColor = inside;
         this.outsideColor = outside;
+        this.intersectionStyle = intersectionStyle;
     }
-    /** Create a style from its components. */
-    static create(produceCutGeometry, cutStyle, insideColor, outsideColor) {
-        if (!produceCutGeometry && cutStyle.matchesDefaults && !insideColor && !outsideColor)
+    /** @internal */
+    static create(styleOrProduceCutGeometry, cutStyle, insideColor, outsideColor) {
+        if (typeof styleOrProduceCutGeometry === "boolean") {
+            cutStyle = cutStyle === undefined ? CutStyle.defaults : cutStyle;
+            if (!styleOrProduceCutGeometry && cutStyle.matchesDefaults && !insideColor && !outsideColor) {
+                return this.defaults;
+            }
+            return new ClipStyle(styleOrProduceCutGeometry, false, cutStyle, insideColor, outsideColor, undefined);
+        }
+        const style = styleOrProduceCutGeometry;
+        if (!style.produceCutGeometry && !style.colorizeIntersection && (!style.cutStyle || style.cutStyle.matchesDefaults) && !style.insideColor && !style.outsideColor && !style.intersectionStyle)
             return this.defaults;
-        return new ClipStyle(produceCutGeometry, cutStyle, insideColor, outsideColor);
+        const produceCutGeometry = style.produceCutGeometry ? true : false;
+        const colorizeIntersection = style.colorizeIntersection ? true : false;
+        cutStyle = style.cutStyle === undefined ? CutStyle.defaults : style.cutStyle;
+        return new ClipStyle(produceCutGeometry, colorizeIntersection, cutStyle, style.insideColor, style.outsideColor, style.intersectionStyle);
     }
     static fromJSON(props) {
         if (_itwin_core_bentley__WEBPACK_IMPORTED_MODULE_0__.JsonUtils.isNonEmptyObject(props)) {
             const produceCutGeometry = props.produceCutGeometry ?? false;
+            const colorizeIntersection = props.colorizeIntersection ? true : false;
             const cutStyle = CutStyle.fromJSON(props.cutStyle);
-            const inside = props.insideColor ? _RgbColor__WEBPACK_IMPORTED_MODULE_1__.RgbColor.fromJSON(props.insideColor) : undefined;
-            const outside = props.outsideColor ? _RgbColor__WEBPACK_IMPORTED_MODULE_1__.RgbColor.fromJSON(props.outsideColor) : undefined;
-            return this.create(produceCutGeometry, cutStyle, inside, outside);
+            const insideColor = props.insideColor ? _RgbColor__WEBPACK_IMPORTED_MODULE_1__.RgbColor.fromJSON(props.insideColor) : undefined;
+            const outsideColor = props.outsideColor ? _RgbColor__WEBPACK_IMPORTED_MODULE_1__.RgbColor.fromJSON(props.outsideColor) : undefined;
+            const intersectionStyle = props.intersectionStyle ? ClipIntersectionStyle.fromJSON(props.intersectionStyle) : undefined;
+            return this.create({ produceCutGeometry, colorizeIntersection, cutStyle, insideColor, outsideColor, intersectionStyle });
         }
         return this.defaults;
     }
@@ -28702,6 +28764,8 @@ class ClipStyle {
         const props = {};
         if (this.produceCutGeometry)
             props.produceCutGeometry = true;
+        if (this.colorizeIntersection)
+            props.colorizeIntersection = true;
         const cutStyle = this.cutStyle.toJSON();
         if (cutStyle) {
             (0,_itwin_core_bentley__WEBPACK_IMPORTED_MODULE_0__.assert)(!this.cutStyle.matchesDefaults);
@@ -28711,17 +28775,19 @@ class ClipStyle {
             props.insideColor = this.insideColor.toJSON();
         if (this.outsideColor)
             props.outsideColor = this.outsideColor.toJSON();
+        if (this.intersectionStyle)
+            props.intersectionStyle = this.intersectionStyle.toJSON();
         return props;
     }
     /** Returns true if this style matches the [[ClipStyle.defaults]] - that is, it overrides no settings from the view. */
     get matchesDefaults() {
         if (this === ClipStyle.defaults)
             return true;
-        return !this.produceCutGeometry && !this.insideColor && !this.outsideColor && this.cutStyle.matchesDefaults;
+        return !this.produceCutGeometry && !this.colorizeIntersection && !this.insideColor && !this.outsideColor && this.cutStyle.matchesDefaults && !this.intersectionStyle;
     }
 }
 /** The default style, which overrides none of the view's settings. */
-ClipStyle.defaults = new ClipStyle(false, CutStyle.defaults, undefined, undefined);
+ClipStyle.defaults = new ClipStyle(false, false, CutStyle.defaults, undefined, undefined, undefined);
 
 
 
@@ -44245,6 +44311,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   ChangedValueState: () => (/* reexport safe */ _ECSqlTypes__WEBPACK_IMPORTED_MODULE_21__.ChangedValueState),
 /* harmony export */   ChangesetType: () => (/* reexport safe */ _ChangesetProps__WEBPACK_IMPORTED_MODULE_11__.ChangesetType),
 /* harmony export */   ChannelConstraintError: () => (/* reexport safe */ _IModelError__WEBPACK_IMPORTED_MODULE_62__.ChannelConstraintError),
+/* harmony export */   ClipIntersectionStyle: () => (/* reexport safe */ _ClipStyle__WEBPACK_IMPORTED_MODULE_12__.ClipIntersectionStyle),
 /* harmony export */   ClipStyle: () => (/* reexport safe */ _ClipStyle__WEBPACK_IMPORTED_MODULE_12__.ClipStyle),
 /* harmony export */   Code: () => (/* reexport safe */ _Code__WEBPACK_IMPORTED_MODULE_13__.Code),
 /* harmony export */   CodeScopeSpec: () => (/* reexport safe */ _Code__WEBPACK_IMPORTED_MODULE_13__.CodeScopeSpec),
@@ -99873,6 +99940,7 @@ const extensionExports = {
     ChangedValueState: _itwin_core_common__WEBPACK_IMPORTED_MODULE_2__.ChangedValueState,
     ChangesetType: _itwin_core_common__WEBPACK_IMPORTED_MODULE_2__.ChangesetType,
     ClipEventType: _core_frontend__WEBPACK_IMPORTED_MODULE_1__.ClipEventType,
+    ClipIntersectionStyle: _itwin_core_common__WEBPACK_IMPORTED_MODULE_2__.ClipIntersectionStyle,
     Cluster: _core_frontend__WEBPACK_IMPORTED_MODULE_1__.Cluster,
     ColorByName: _itwin_core_common__WEBPACK_IMPORTED_MODULE_2__.ColorByName,
     ColorDef: _itwin_core_common__WEBPACK_IMPORTED_MODULE_2__.ColorDef,
@@ -110608,6 +110676,10 @@ class ClipStack {
         this._outsideColor = _FloatRGBA__WEBPACK_IMPORTED_MODULE_3__.FloatRgba.from(0, 0, 0, 0);
         /** For detecting whether the transform changed from one invocation of setViewClip to the next. */
         this._prevTransform = _itwin_core_geometry__WEBPACK_IMPORTED_MODULE_1__.Transform.createZero();
+        /** True if we want to colorize geometry intersecting clip planes */
+        this._colorizeIntersection = false;
+        /** The style to colorize the geometry intersecting clip planes */
+        this._intersectionStyle = _FloatRGBA__WEBPACK_IMPORTED_MODULE_3__.FloatRgba.from(0, 0, 0, 0);
         this._getTransform = getTransform;
         this._wantViewClip = wantViewClip;
         this._numTotalRows = this._numRowsInUse = 0;
@@ -110623,6 +110695,15 @@ class ClipStack {
     get hasOutsideColor() {
         return this.outsideColor.alpha !== 0;
     }
+    get colorizeIntersection() {
+        return this._colorizeIntersection;
+    }
+    set colorizeIntersection(b) {
+        this._colorizeIntersection = b;
+    }
+    get intersectionStyle() {
+        return this._intersectionStyle;
+    }
     get bytesUsed() {
         return this._texture ? this._texture.bytesUsed : 0;
     }
@@ -110630,6 +110711,7 @@ class ClipStack {
         (0,_itwin_core_bentley__WEBPACK_IMPORTED_MODULE_0__.assert)(this._stack.length === 1);
         this.updateColor(style.insideColor, this._insideColor);
         this.updateColor(style.outsideColor, this._outsideColor);
+        this.updateIntersectionStyle(style.colorizeIntersection, style.intersectionStyle, this._intersectionStyle);
         const transform = this._getTransform();
         if (!transform.isAlmostEqual(this._prevTransform)) {
             transform.clone(this._prevTransform);
@@ -110766,6 +110848,15 @@ class ClipStack {
         if (rgb)
             rgba.setRgbColor(rgb);
     }
+    updateIntersectionStyle(colorizeIntersection, style, _thisStyle) {
+        this._colorizeIntersection = colorizeIntersection === true ? true : false;
+        if (style !== undefined) {
+            if (style.color !== undefined)
+                _thisStyle.setRgbColor(style.color);
+            if (style.width !== undefined)
+                _thisStyle.alpha = style.width;
+        }
+    }
 }
 
 
@@ -121014,6 +121105,7 @@ var Convert;
             case 8 /* VariableType.Sampler2D */: return "sampler2D";
             case 9 /* VariableType.SamplerCube */: return "samplerCube";
             case 10 /* VariableType.Uint */: return "uint";
+            case 11 /* VariableType.BVec2 */: return "bvec2";
             default:
                 (0,_itwin_core_bentley__WEBPACK_IMPORTED_MODULE_0__.assert)(false);
                 return "undefined";
@@ -121224,6 +121316,7 @@ class ShaderVariables {
                     variableSize = 1;
                     break;
                 case 3 /* VariableType.Vec2 */:
+                case 11 /* VariableType.BVec2 */:
                     variableSize = 2;
                     break;
                 case 4 /* VariableType.Vec3 */:
@@ -121290,6 +121383,7 @@ class ShaderVariables {
                     variableSize = 1;
                     break;
                 case 3 /* VariableType.Vec2 */:
+                case 11 /* VariableType.BVec2 */:
                     variableSize = 2;
                     break;
                 case 4 /* VariableType.Vec3 */:
@@ -121673,9 +121767,9 @@ class FragmentShaderBuilder extends ShaderBuilder {
         const applyClipping = this.get(10 /* FragmentShaderComponent.ApplyClipping */);
         if (undefined !== applyClipping) {
             prelude.addline("vec3 g_clipColor;\n");
-            prelude.addFunction("bool applyClipping(vec4 baseColor)", applyClipping);
-            main.addline("  bool hasClipColor = applyClipping(baseColor);");
-            main.addline("  if (hasClipColor) { baseColor.rgb = g_clipColor; } else {");
+            prelude.addFunction("bvec2 applyClipping(vec4 baseColor)", applyClipping);
+            main.addline("  g_hasClipColor = applyClipping(baseColor);");
+            main.addline("  if (g_hasClipColor.x) { baseColor.rgb = g_clipColor; } else {");
             clipIndent = "  ";
         }
         const applyMaterialOverrides = this.get(2 /* FragmentShaderComponent.ApplyMaterialOverrides */);
@@ -121731,6 +121825,9 @@ class FragmentShaderBuilder extends ShaderBuilder {
             prelude.addFunction("vec4 applyLighting(vec4 baseColor)", applyLighting);
             main.addline("  baseColor = applyLighting(baseColor);");
         }
+        if (undefined !== applyClipping) {
+            main.addline("  if (g_hasClipColor.y) { baseColor.rgba = vec4(g_clipColor, 1.0); } ");
+        }
         const reverseWoW = this.get(9 /* FragmentShaderComponent.ReverseWhiteOnWhite */);
         if (undefined !== reverseWoW) {
             prelude.addFunction("vec4 reverseWhiteOnWhite(vec4 baseColor)", reverseWoW);
@@ -129574,7 +129671,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _itwin_core_bentley__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @itwin/core-bentley */ "../../core/bentley/lib/esm/core-bentley.js");
 /* harmony import */ var _RenderFlags__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../RenderFlags */ "../../core/frontend/lib/esm/render/webgl/RenderFlags.js");
 /* harmony import */ var _Common__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Common */ "../../core/frontend/lib/esm/render/webgl/glsl/Common.js");
-/* harmony import */ var _Vertex__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Vertex */ "../../core/frontend/lib/esm/render/webgl/glsl/Vertex.js");
+/* harmony import */ var _FeatureSymbology__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./FeatureSymbology */ "../../core/frontend/lib/esm/render/webgl/glsl/FeatureSymbology.js");
+/* harmony import */ var _Translucency__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Translucency */ "../../core/frontend/lib/esm/render/webgl/glsl/Translucency.js");
+/* harmony import */ var _Vertex__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Vertex */ "../../core/frontend/lib/esm/render/webgl/glsl/Vertex.js");
 /*---------------------------------------------------------------------------------------------
 * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
 * See LICENSE.md in the project root for license terms and full copyright notice.
@@ -129586,11 +129685,11 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
+
 const getClipPlaneFloat = `
 vec4 getClipPlane(int index) {
-  float x = 0.5;
-  float y = (float(index) + 0.5) / float(u_clipParams[2]);
-  return TEXTURE(s_clipSampler, vec2(x, y));
+  return texelFetch(s_clipSampler, ivec2(0, index), 0);
 }
 `;
 const unpackFloat = `
@@ -129611,57 +129710,112 @@ float calcClipPlaneDist(vec3 camPos, vec4 plane) {
   return dot(vec4(camPos, 1.0), plane);
 }
 `;
+const applyClipPlanesLoop = `
+    for (int i = u_clipParams[0]; i < u_clipParams[1]; i++) {
+`;
+const applyClipPlanesLoopBody = `
+      vec4 plane = getClipPlane(i);
+      if (plane.x == 2.0) { // indicates start of new UnionOfConvexClipPlaneSets
+        if (numSetsClippedBy + int(clippedByCurrentPlaneSet) == numPlaneSets)
+          break;
+
+        numPlaneSets = 1;
+        numSetsClippedBy = 0;
+        clippedByCurrentPlaneSet = false;
+      } else if (plane.xyz == vec3(0.0)) { // indicates start of new clip plane set
+        numPlaneSets = numPlaneSets + 1;
+        numSetsClippedBy += int(clippedByCurrentPlaneSet);
+        clippedByCurrentPlaneSet = false;
+      } else if (!clippedByCurrentPlaneSet && calcClipPlaneDist(v_eyeSpace, plane) < 0.0) {
+        clippedByCurrentPlaneSet = true;
+      }
+`;
+const applyClipPlanesIntersectionLoopBody = `
+      if ((i <= u_clipParams[1] - 2) && (!clippedByCurrentPlaneSet)) {
+
+        //Obtaining closest point on plane to current frag in eyespace
+        vec3 pointOnPlane = v_eyeSpace - (abs(calcClipPlaneDist(v_eyeSpace, plane)) * plane.xyz);
+
+        //determining whether to colorize
+        if (distance(v_eyeSpace, pointOnPlane) <= (kFrustumType_Perspective == u_frustum.z ? -pointOnPlane.z * widthFactor : widthFactor)) {
+          colorizeIntersection = true;
+        }
+      }
+    }
+
+    //Need to pull this condition out of the loop for when there are multiple clip planes defined
+    if (colorizeIntersection && !clippedByCurrentPlaneSet) {
+      g_clipColor = u_clipIntersection.rgb;
+      return bvec2(true, true);
+    }
+`;
 const applyClipPlanesPrelude = `
   int numPlaneSets = 1;
   int numSetsClippedBy = 0;
   bool clippedByCurrentPlaneSet = false;
-`;
-const applyClipPlanesLoop = `
-  for (int i = u_clipParams[0]; i < u_clipParams[1]; i++) {
+  bool colorizeIntersection = false;
+  if (u_colorizeIntersection) {
+    float widthFactor = u_pixelWidthFactor * 2.0 * u_clipIntersection.a;
+    ${applyClipPlanesLoop}${applyClipPlanesLoopBody}${applyClipPlanesIntersectionLoopBody}
+  } else {
+    ${applyClipPlanesLoop}${applyClipPlanesLoopBody}    }\n
+  }
 `;
 const applyClipPlanesPostlude = `
-    vec4 plane = getClipPlane(i);
-    if (plane.x == 2.0) { // indicates start of new UnionOfConvexClipPlaneSets
-      if (numSetsClippedBy + int(clippedByCurrentPlaneSet) == numPlaneSets)
-        break;
-
-      numPlaneSets = 1;
-      numSetsClippedBy = 0;
-      clippedByCurrentPlaneSet = false;
-    } else if (plane.xyz == vec3(0.0)) { // indicates start of new clip plane set
-      numPlaneSets = numPlaneSets + 1;
-      numSetsClippedBy += int(clippedByCurrentPlaneSet);
-      clippedByCurrentPlaneSet = false;
-    } else if (!clippedByCurrentPlaneSet && calcClipPlaneDist(v_eyeSpace, plane) < 0.0) {
-      clippedByCurrentPlaneSet = true;
-    }
-  }
 
   numSetsClippedBy += int(clippedByCurrentPlaneSet);
   if (numSetsClippedBy == numPlaneSets) {
     if (u_outsideRgba.a > 0.0) {
       g_clipColor = u_outsideRgba.rgb;
-      return true;
+      return bvec2(true,false);
     } else {
       discard;
     }
   } else if (u_insideRgba.a > 0.0) {
     g_clipColor = u_insideRgba.rgb;
-    return true;
+    return bvec2(true,false);
   }
 
-  return false;
+  return bvec2(false,false);
+`;
+const assignFragData = `
+  if (g_hasClipColor.y) {
+    vec4 output0 = vec4(g_clipColor, 1.0);
+    vec4 output1 = vec4(1.0, 1.0, 0.0, 1.0);
+
+    FragColor0 = output0;
+    FragColor1 = output1;
+  } else {
+    ${_Translucency__WEBPACK_IMPORTED_MODULE_4__.computeOutputs}
+
+    FragColor0 = output0;
+    FragColor1 = output1;
+  }
 `;
-const applyClipPlanes = applyClipPlanesPrelude + applyClipPlanesLoop + applyClipPlanesPostlude;
+const applyClipPlanes = applyClipPlanesPrelude + applyClipPlanesPostlude;
 const clipParams = new Int32Array(3);
 /** @internal */
 function addClipping(prog) {
     const frag = prog.frag;
     const vert = prog.vert;
     (0,_Common__WEBPACK_IMPORTED_MODULE_2__.addEyeSpace)(prog);
+    prog.addUniform("u_outsideRgba", 5 /* VariableType.Vec4 */, (program) => {
+        program.addGraphicUniform("u_outsideRgba", (uniform, params) => {
+            params.target.uniforms.branch.clipStack.outsideColor.bind(uniform);
+        });
+    });
+    prog.addUniform("u_insideRgba", 5 /* VariableType.Vec4 */, (program) => {
+        program.addGraphicUniform("u_insideRgba", (uniform, params) => {
+            params.target.uniforms.branch.clipStack.insideColor.bind(uniform);
+        });
+    });
+    (0,_Common__WEBPACK_IMPORTED_MODULE_2__.addFrustum)(prog);
+    (0,_FeatureSymbology__WEBPACK_IMPORTED_MODULE_3__.addPixelWidthFactor)(frag);
+    (0,_Vertex__WEBPACK_IMPORTED_MODULE_5__.addModelViewMatrix)(vert);
     // [0] = index of first plane
     // [1] = index of last plane (one past the end)
     // [2] = texture height
+    prog.frag.addGlobal("g_hasClipColor", 11 /* VariableType.BVec2 */);
     prog.addUniformArray("u_clipParams", 1 /* VariableType.Int */, 3, (program) => {
         program.addGraphicUniform("u_clipParams", (uniform, params) => {
             // Set this to false to visualize pre-shader culling of geometry.
@@ -129674,17 +129828,16 @@ function addClipping(prog) {
             uniform.setUniform1iv(clipParams);
         });
     });
-    prog.addUniform("u_outsideRgba", 5 /* VariableType.Vec4 */, (program) => {
-        program.addGraphicUniform("u_outsideRgba", (uniform, params) => {
-            params.target.uniforms.branch.clipStack.outsideColor.bind(uniform);
+    prog.frag.addUniform("u_colorizeIntersection", 0 /* VariableType.Boolean */, (program) => {
+        program.addProgramUniform("u_colorizeIntersection", (uniform, params) => {
+            uniform.setUniform1i(params.target.uniforms.branch.clipStack.colorizeIntersection ? 1 : 0);
         });
     });
-    prog.addUniform("u_insideRgba", 5 /* VariableType.Vec4 */, (program) => {
-        program.addGraphicUniform("u_insideRgba", (uniform, params) => {
-            params.target.uniforms.branch.clipStack.insideColor.bind(uniform);
+    prog.frag.addUniform("u_clipIntersection", 5 /* VariableType.Vec4 */, (program) => {
+        program.addGraphicUniform("u_clipIntersection", (uniform, params) => {
+            params.target.uniforms.branch.clipStack.intersectionStyle.bind(uniform);
         });
     });
-    (0,_Vertex__WEBPACK_IMPORTED_MODULE_3__.addModelViewMatrix)(vert);
     frag.addFunction(getClipPlaneFloat);
     frag.addFunction(calcClipPlaneDist);
     frag.addUniform("s_clipSampler", 8 /* VariableType.Sampler2D */, (program) => {
@@ -129696,6 +129849,9 @@ function addClipping(prog) {
         });
     }, 3 /* VariablePrecision.High */);
     frag.set(10 /* FragmentShaderComponent.ApplyClipping */, applyClipPlanes);
+    // modify translucent shaders
+    if (frag.findFunction(_Translucency__WEBPACK_IMPORTED_MODULE_4__.computeAlphaWeight))
+        frag.set(16 /* FragmentShaderComponent.AssignFragData */, assignFragData);
 }
 
 
@@ -130162,10 +130318,10 @@ const computeTranslucentColor = `
 vec4 computeColor() {
   vec4 opaque = computeOpaqueColor();
   vec4 accum = TEXTURE(u_accumulation, v_texCoord);
-  float r = TEXTURE(u_revealage, v_texCoord).r;
+  vec2 rg = TEXTURE(u_revealage, v_texCoord).rg;
 
-  vec4 transparent = vec4(accum.rgb / clamp(r, 1e-4, 5e4), accum.a);
-  vec4 col = (1.0 - transparent.a) * transparent + transparent.a * opaque;
+  vec4 transparent = vec4(accum.rgb / clamp(rg.r, 1e-4, 5e4), accum.a);
+  vec4 col = mix((1.0 - transparent.a) * transparent + transparent.a * opaque, vec4(u_clipIntersection.rgb, 1.0), rg.g);
   return col;
 }
 `;
@@ -130213,6 +130369,11 @@ function createCompositeProgram(flags, context) {
                 _Texture__WEBPACK_IMPORTED_MODULE_2__.Texture2DHandle.bindSampler(uniform, params.geometry.reveal, _RenderFlags__WEBPACK_IMPORTED_MODULE_1__.TextureUnit.Two);
             });
         });
+        builder.frag.addUniform("u_clipIntersection", 5 /* VariableType.Vec4 */, (program) => {
+            program.addGraphicUniform("u_clipIntersection", (uniform, params) => {
+                params.target.uniforms.branch.clipStack.intersectionStyle.bind(uniform);
+            });
+        });
         frag.addFunction(computeTranslucentColor);
         if (!wantHilite) {
             frag.set(1 /* FragmentShaderComponent.ComputeBaseColor */, computeTranslucentBaseColor);
@@ -131355,6 +131516,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   addHiliter: () => (/* binding */ addHiliter),
 /* harmony export */   addMaxAlpha: () => (/* binding */ addMaxAlpha),
 /* harmony export */   addOvrFlagConstants: () => (/* binding */ addOvrFlagConstants),
+/* harmony export */   addPixelWidthFactor: () => (/* binding */ addPixelWidthFactor),
 /* harmony export */   addRenderOrder: () => (/* binding */ addRenderOrder),
 /* harmony export */   addRenderOrderConstants: () => (/* binding */ addRenderOrderConstants),
 /* harmony export */   addSurfaceDiscard: () => (/* binding */ addSurfaceDiscard),
@@ -135819,7 +135981,9 @@ function addThematicDisplay(builder, isForPointClouds = false, isForTerrainMesh
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   addTranslucency: () => (/* binding */ addTranslucency)
+/* harmony export */   addTranslucency: () => (/* binding */ addTranslucency),
+/* harmony export */   computeAlphaWeight: () => (/* binding */ computeAlphaWeight),
+/* harmony export */   computeOutputs: () => (/* binding */ computeOutputs)
 /* harmony export */ });
 /* harmony import */ var _Common__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Common */ "../../core/frontend/lib/esm/render/webgl/glsl/Common.js");
 /* harmony import */ var _Fragment__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Fragment */ "../../core/frontend/lib/esm/render/webgl/glsl/Fragment.js");
@@ -135857,7 +136021,7 @@ const computeOutputs = `
   float outputScale = (u_shaderFlags[kShaderBit_OITScaleOutput] ? 1.0 / 3001.040604 : 1.0);
 
   vec4 output0 = vec4(Ci * wzi * outputScale, ai);
-  vec4 output1 = vec4(ai * wzi * outputScale);
+  vec4 output1 = vec4(ai * wzi * outputScale, 0.0, 0.0, ai * wzi * outputScale);
 `;
 const assignFragData = `${computeOutputs}
   FragColor0 = output0;
@@ -289673,7 +289837,7 @@ module.exports = JSON.parse('{"name":"axios","version":"0.21.4","description":"P
 /***/ ((module) => {
 
 "use strict";
-module.exports = JSON.parse('{"name":"@itwin/core-frontend","version":"4.3.0-dev.23","description":"iTwin.js frontend components","main":"lib/cjs/core-frontend.js","module":"lib/esm/core-frontend.js","typings":"lib/cjs/core-frontend","license":"MIT","scripts":{"build":"npm run -s copy:public && npm run -s build:cjs && npm run -s build:esm && npm run -s webpackWorkers && npm run -s copy:workers","build:cjs":"npm run -s copy:js:cjs && tsc 1>&2 --outDir lib/cjs","build:esm":"npm run -s copy:js:esm && tsc 1>&2 --module ES2020 --outDir lib/esm","clean":"rimraf lib .rush/temp/package-deps*.json","copy:public":"cpx \\"./src/public/**/*\\" ./lib/public","copy:js:cjs":"cpx \\"./src/**/*.js\\" ./lib/cjs","copy:js:esm":"cpx \\"./src/**/*.js\\" ./lib/esm","copy:workers":"cpx \\"./lib/workers/webpack/parse-imdl-worker.js\\" ./lib/public/scripts","docs":"betools docs --includes=../../generated-docs/extract --json=../../generated-docs/core/core-frontend/file.json --tsIndexFile=./core-frontend.ts --onlyJson --excludes=webgl/**/*,**/map/*.d.ts,**/tile/*.d.ts,**/*-css.ts","extract-api":"betools extract-api --entry=core-frontend && npm run extract-extension-api","extract-extension-api":"eslint -c extraction.eslint.config.js  \\"./src/**/*.ts\\" 1>&2","lint":"eslint -f visualstudio \\"./src/**/*.ts\\" 1>&2","pseudolocalize":"betools pseudolocalize --englishDir ./src/public/locales/en --out ./public/locales/en-PSEUDO","test":"npm run -s webpackTests && certa -r chrome","cover":"npm -s test","test:debug":"certa -r chrome --debug","webpackTests":"webpack --config ./src/test/utils/webpack.config.js 1>&2 && npm run -s webpackTestWorker","webpackTestWorker":"webpack --config ./src/test/worker/webpack.config.js 1>&2 && cpx \\"./lib/test/test-worker.js\\" ./lib/test","webpackWorkers":"webpack --config ./src/workers/ImdlParser/webpack.config.js 1>&2"},"repository":{"type":"git","url":"https://github.com/iTwin/itwinjs-core.git","directory":"core/frontend"},"keywords":["Bentley","BIM","iModel","digital-twin","iTwin"],"author":{"name":"Bentley Systems, Inc.","url":"http://www.bentley.com"},"peerDependencies":{"@itwin/appui-abstract":"workspace:^4.3.0-dev.23","@itwin/core-bentley":"workspace:^4.3.0-dev.23","@itwin/core-common":"workspace:^4.3.0-dev.23","@itwin/core-geometry":"workspace:^4.3.0-dev.23","@itwin/core-orbitgt":"workspace:^4.3.0-dev.23","@itwin/core-quantity":"workspace:^4.3.0-dev.23"},"//devDependencies":["NOTE: All peerDependencies should also be listed as devDependencies since peerDependencies are not considered by npm install","NOTE: All tools used by scripts in this package must be listed as devDependencies"],"devDependencies":{"@itwin/appui-abstract":"workspace:*","@itwin/build-tools":"workspace:*","@itwin/core-bentley":"workspace:*","@itwin/core-common":"workspace:*","@itwin/core-geometry":"workspace:*","@itwin/core-orbitgt":"workspace:*","@itwin/core-quantity":"workspace:*","@itwin/certa":"workspace:*","@itwin/eslint-plugin":"4.0.0-dev.44","@types/chai":"4.3.1","@types/chai-as-promised":"^7","@types/mocha":"^8.2.2","@types/node":"18.16.1","@types/sinon":"^10.0.15","babel-loader":"~8.2.5","babel-plugin-istanbul":"~6.1.1","chai":"^4.3.10","chai-as-promised":"^7","cpx2":"^3.0.0","eslint":"^8.44.0","glob":"^7.1.2","mocha":"^10.0.0","nyc":"^15.1.0","rimraf":"^3.0.2","sinon":"^15.0.4","source-map-loader":"^4.0.0","typescript":"~5.0.2","typemoq":"^2.1.0","webpack":"^5.76.0"},"//dependencies":["NOTE: these dependencies should be only for things that DO NOT APPEAR IN THE API","NOTE: core-frontend should remain UI technology agnostic, so no react/angular dependencies are allowed"],"dependencies":{"@itwin/cloud-agnostic-core":"^2.1.0","@itwin/object-storage-core":"^2.1.0","@itwin/core-i18n":"workspace:*","@itwin/core-telemetry":"workspace:*","@itwin/webgl-compatibility":"workspace:*","@loaders.gl/core":"^3.1.6","@loaders.gl/draco":"^3.1.6","fuse.js":"^3.3.0","wms-capabilities":"0.4.0"},"nyc":{"extends":"./node_modules/@itwin/build-tools/.nycrc"}}');
+module.exports = JSON.parse('{"name":"@itwin/core-frontend","version":"4.3.0-dev.24","description":"iTwin.js frontend components","main":"lib/cjs/core-frontend.js","module":"lib/esm/core-frontend.js","typings":"lib/cjs/core-frontend","license":"MIT","scripts":{"build":"npm run -s copy:public && npm run -s build:cjs && npm run -s build:esm && npm run -s webpackWorkers && npm run -s copy:workers","build:cjs":"npm run -s copy:js:cjs && tsc 1>&2 --outDir lib/cjs","build:esm":"npm run -s copy:js:esm && tsc 1>&2 --module ES2020 --outDir lib/esm","clean":"rimraf lib .rush/temp/package-deps*.json","copy:public":"cpx \\"./src/public/**/*\\" ./lib/public","copy:js:cjs":"cpx \\"./src/**/*.js\\" ./lib/cjs","copy:js:esm":"cpx \\"./src/**/*.js\\" ./lib/esm","copy:workers":"cpx \\"./lib/workers/webpack/parse-imdl-worker.js\\" ./lib/public/scripts","docs":"betools docs --includes=../../generated-docs/extract --json=../../generated-docs/core/core-frontend/file.json --tsIndexFile=./core-frontend.ts --onlyJson --excludes=webgl/**/*,**/map/*.d.ts,**/tile/*.d.ts,**/*-css.ts","extract-api":"betools extract-api --entry=core-frontend && npm run extract-extension-api","extract-extension-api":"eslint -c extraction.eslint.config.js  \\"./src/**/*.ts\\" 1>&2","lint":"eslint -f visualstudio \\"./src/**/*.ts\\" 1>&2","pseudolocalize":"betools pseudolocalize --englishDir ./src/public/locales/en --out ./public/locales/en-PSEUDO","test":"npm run -s webpackTests && certa -r chrome","cover":"npm -s test","test:debug":"certa -r chrome --debug","webpackTests":"webpack --config ./src/test/utils/webpack.config.js 1>&2 && npm run -s webpackTestWorker","webpackTestWorker":"webpack --config ./src/test/worker/webpack.config.js 1>&2 && cpx \\"./lib/test/test-worker.js\\" ./lib/test","webpackWorkers":"webpack --config ./src/workers/ImdlParser/webpack.config.js 1>&2"},"repository":{"type":"git","url":"https://github.com/iTwin/itwinjs-core.git","directory":"core/frontend"},"keywords":["Bentley","BIM","iModel","digital-twin","iTwin"],"author":{"name":"Bentley Systems, Inc.","url":"http://www.bentley.com"},"peerDependencies":{"@itwin/appui-abstract":"workspace:^4.3.0-dev.24","@itwin/core-bentley":"workspace:^4.3.0-dev.24","@itwin/core-common":"workspace:^4.3.0-dev.24","@itwin/core-geometry":"workspace:^4.3.0-dev.24","@itwin/core-orbitgt":"workspace:^4.3.0-dev.24","@itwin/core-quantity":"workspace:^4.3.0-dev.24"},"//devDependencies":["NOTE: All peerDependencies should also be listed as devDependencies since peerDependencies are not considered by npm install","NOTE: All tools used by scripts in this package must be listed as devDependencies"],"devDependencies":{"@itwin/appui-abstract":"workspace:*","@itwin/build-tools":"workspace:*","@itwin/core-bentley":"workspace:*","@itwin/core-common":"workspace:*","@itwin/core-geometry":"workspace:*","@itwin/core-orbitgt":"workspace:*","@itwin/core-quantity":"workspace:*","@itwin/certa":"workspace:*","@itwin/eslint-plugin":"4.0.0-dev.44","@types/chai":"4.3.1","@types/chai-as-promised":"^7","@types/mocha":"^8.2.2","@types/node":"18.16.1","@types/sinon":"^10.0.15","babel-loader":"~8.2.5","babel-plugin-istanbul":"~6.1.1","chai":"^4.3.10","chai-as-promised":"^7","cpx2":"^3.0.0","eslint":"^8.44.0","glob":"^7.1.2","mocha":"^10.0.0","nyc":"^15.1.0","rimraf":"^3.0.2","sinon":"^15.0.4","source-map-loader":"^4.0.0","typescript":"~5.0.2","typemoq":"^2.1.0","webpack":"^5.76.0"},"//dependencies":["NOTE: these dependencies should be only for things that DO NOT APPEAR IN THE API","NOTE: core-frontend should remain UI technology agnostic, so no react/angular dependencies are allowed"],"dependencies":{"@itwin/cloud-agnostic-core":"^2.1.0","@itwin/object-storage-core":"^2.1.0","@itwin/core-i18n":"workspace:*","@itwin/core-telemetry":"workspace:*","@itwin/webgl-compatibility":"workspace:*","@loaders.gl/core":"^3.1.6","@loaders.gl/draco":"^3.1.6","fuse.js":"^3.3.0","wms-capabilities":"0.4.0"},"nyc":{"extends":"./node_modules/@itwin/build-tools/.nycrc"}}');
 
 /***/ })