@itwin/rpcinterface-full-stack-tests 5.2.2 → 5.2.3

package/lib/dist/bundled-tests.js

@@ -117167,6 +117167,10 @@ class IModelApp {
                 IModelApp.requestNextAnimation();
             }, IModelApp.animationInterval.milliseconds);
     }
+    /** Return true if the main event processing loop has been started.
+     * @internal
+     */
+    static get isEventLoopStarted() { return IModelApp._wantEventLoop; }
     /** @internal */
     static startEventLoop() {
         if (!IModelApp._wantEventLoop) {
@@ -118740,7 +118744,7 @@ let iModelJsCss = `
 }
 
 .logo-card-logo {
-  width:124px;
+  width:144px;
   overflow:hidden;
   vertical-align:text-top;
   text-align:center
@@ -124410,7 +124414,7 @@ class SubCategoriesCache {
             this._request = cache.load(categoryIds);
             if (undefined === this._request) {
                 // All requested categories are already loaded.
-                func();
+                func(false);
                 return;
             }
             else {
@@ -124430,7 +124434,7 @@ class SubCategoriesCache {
                 (0,_itwin_core_bentley__WEBPACK_IMPORTED_MODULE_0__.assert)(undefined !== this._current);
                 if (completed)
                     for (const func of this._current.funcs)
-                        func();
+                        func(true);
                 this._request = undefined;
                 this._current = undefined;
                 // If we have more requests, process them.
@@ -124441,7 +124445,7 @@ class SubCategoriesCache {
                     if (undefined === this._request) {
                         // All categories loaded.
                         for (const func of next.funcs)
-                            func();
+                            func(true);
                     }
                     else {
                         // We need to load the requested categories before invoking the pending functions.
@@ -129874,10 +129878,11 @@ class Viewport {
         this.updateSubCategories(categoryIds, enableAllSubCategories);
     }
     updateSubCategories(categoryIds, enableAllSubCategories) {
-        this.subcategories.push(this.iModel.subcategories, categoryIds, () => {
-            if (enableAllSubCategories)
+        this.subcategories.push(this.iModel.subcategories, categoryIds, (anySubCategoriesLoaded) => {
+            if (true === enableAllSubCategories)
                 this.enableAllSubCategories(categoryIds);
-            this._changeFlags.setViewedCategories();
+            if (undefined !== enableAllSubCategories || anySubCategoriesLoaded)
+                this._changeFlags.setViewedCategories();
         });
     }
     enableAllSubCategories(categoryIds) {
@@ -130212,6 +130217,10 @@ class Viewport {
         this.registerViewListeners();
         this.view.attachToViewport(this);
         this._mapTiledGraphicsProvider = new _tile_internal__WEBPACK_IMPORTED_MODULE_21__.MapTiledGraphicsProvider(this.viewportId, this.displayStyle);
+        // ViewState.load loads all the subcategories for the categories in its category selector.
+        // But the set of categories may have changed since loading the view.
+        // Ensure we fill the cache for the current set of categories.
+        this.updateSubCategories(this.view.categorySelector.categories, undefined);
     }
     registerViewListeners() {
         const view = this.view;
@@ -130222,6 +130231,7 @@ class Viewport {
         removals.push(view.details.onClipVectorChanged.addListener(() => this.invalidateRenderPlan()));
         removals.push(view.onViewedCategoriesChanged.addListener(() => {
             this._changeFlags.setViewedCategories();
+            this.updateSubCategories(view.categorySelector.categories, undefined);
             this.maybeInvalidateScene();
         }));
         removals.push(view.onDisplayStyleChanged.addListener((newStyle) => {
@@ -175106,6 +175116,9 @@ class RootTile extends DynamicIModelTile {
     get hiddenElements() {
         return this._hiddenElements.toId64Array();
     }
+    get dynamicElements() {
+        return this._elements.array.map((tile) => tile.contentId);
+    }
     get appearanceProvider() {
         return this;
     }
@@ -176480,6 +176493,11 @@ class IModelTileTree extends _tile_internal__WEBPACK_IMPORTED_MODULE_6__.TileTre
         const state = this._rootTile.tileState;
         return "dynamic" === state.type ? state.rootTile.hiddenElements : [];
     }
+    /** Strictly for tests. */
+    get dynamicElements() {
+        const state = this._rootTile.tileState;
+        return "dynamic" === state.type ? state.rootTile.dynamicElements : [];
+    }
     getTransformNodeRange(nodeId) {
         return this._transformNodeRanges?.get(nodeId);
     }
@@ -202681,37 +202699,93 @@ class AccuDrawViewportUI extends _AccuDraw__WEBPACK_IMPORTED_MODULE_1__.AccuDraw
         simplifiedInput: true,
         /** Enable simple math operations not supported by quantity parser. */
         mathOperations: true,
-        /** Number of visible characters to show in text input fields. */
-        fieldSize: 12,
-        /** Row spacing of text input fields for vertical arrangement. */
-        rowSpacingFactor: 1.2,
-        /** Column spacing of text input fields and buttons for horizontal arrangement. */
-        columnSpacingFactor: 1.1,
-        /** Corner radius of text input fields and locks buttons. */
-        borderRadius: "0.5em",
-        /** Background color of unfocused text input fields and unlocked buttons. */
-        backgroundColor: "rgba(150, 150, 150, 0.5)",
-        /** Settings specific to text input fields and lock button labels. */
-        text: {
-            /** Font family to use for text input field values and button labels. */
-            fontFamily: "sans-serif",
-            /** Font size to use for text input field values and button labels. */
-            fontSize: "9pt",
-            /** Font color to use for text input field values and button labels. */
-            color: "white",
-            /** Background color of focused text input field. */
-            focusColor: "rgba(50, 50, 200, 0.75)",
+        /** Settings that apply to both text input fields and lock buttons. */
+        field: {
+            /** Number of visible characters to show in text input fields. */
+            size: 12,
+            /** Height of text input fields and lock buttons. */
+            height: "var(--iui-component-height-small, 1.75em)",
+            /** Border settings for text input fields and lock buttons. */
+            border: {
+                /** Border width to use for text input fields and lock buttons. */
+                width: "1px",
+                /** Border style to use for text input fields and lock buttons. */
+                style: "solid",
+                /** Corner radius of text input fields and locks buttons. */
+                radius: "var(--iui-border-radius-1, 0.25rem)",
+            },
+            /** Settings specific to text input fields and lock button labels. */
+            text: {
+                /** Font family to use for text input field values and button labels. */
+                fontFamily: "var(--iui-font-sans, sans-serif)",
+                /** Font size to use for text input field values and button labels. */
+                fontSize: "var(--iui-font-size-1, 0.875rem)",
+            },
+        },
+        /** Settings specific to text input fields. */
+        input: {
+            /** Font color to use for text input field values. */
+            color: "var(--iui-color-white, white)",
+            /** Padding applied to text input fields. */
+            padding: "0 var(--iui-size-s, 0.5rem)",
+            /** Settings applied to text input fields when they have focus. */
+            focused: {
+                /** Background color for focused text input fields. */
+                backgroundColor: "hsl(var(--iui-color-accent-hsl, 166 96% 30.7%) / var(--iui-opacity-2, 85%))",
+                /** Inner stroke for focused text input fields. */
+                innerStroke: `inset 0px 0px 0px 1px var(--iui-color-background, #333c41)`,
+                /** Border settings for focused text input fields. */
+                border: {
+                    /** Border color for focused text input fields. */
+                    color: "hsl(var(--iui-color-accent-hsl, 166 96% 51%))",
+                },
+            },
+            /** Settings applied to text input fields when they do not have focus. */
+            unfocused: {
+                /** Background color for unfocused text input fields. */
+                backgroundColor: "hsl(var(--iui-color-background-hsl, 203 6% 21.25%) / var(--iui-opacity-2, 85%))",
+                /** Border settings for unfocused text input fields. */
+                border: {
+                    /** Border color for unfocused text input fields. */
+                    color: "var(--iui-color-border, hsla(215, 8%, 30%))",
+                },
+            },
         },
         /** Settings specific to lock buttons. */
         button: {
-            /** Background color of locked buttons. */
-            pressedColor: "rgba(50, 50, 50, 0.75)",
-            /** Margin to use on left and right to position relative to text input field. */
-            margin: "0.25em",
-            /** Width of border outline. */
-            outlineWidth: "thin",
-            /** Shadow shown when unlocked to make it appear raised. */
-            shadow: "0.25em 0.25em 0.2em rgb(75, 75, 75)",
+            /** Padding applied to lock buttons. */
+            padding: "var(--iui-size-2xs, 0.25rem)",
+            /** Settings applied to lock buttons when they are unlocked. */
+            unlocked: {
+                /** Text color for unlocked lock buttons. */
+                color: "var(--iui-color-text-muted, #cccccc)",
+                /** Background color for unlocked lock buttons. */
+                backgroundColor: "hsl(var(--iui-color-background-hsl, 203 6% 21.25%) / var(--iui-opacity-2, 85%))",
+                /** Border settings for unlocked lock buttons. */
+                border: {
+                    /** Border color for unlocked lock buttons. */
+                    color: "var(--iui-color-border, hsla(215, 8%, 30%))",
+                },
+            },
+            /** Settings applied to lock buttons when they are locked. */
+            locked: {
+                /** Text color for locked lock buttons. */
+                color: "hsla(0, 0%, 100%, 1)",
+                /** Background color for locked lock buttons. */
+                backgroundColor: "hsla(0, 0%, 100%, 0.16)",
+                /** Border settings for locked lock buttons. */
+                border: {
+                    /** Border color for locked lock buttons. */
+                    color: "hsla(0, 0%, 100%, 1)",
+                },
+            },
+        },
+        /** Spacing between fields within a control and between rows of controls. */
+        spacing: {
+            /** Spacing between input field and lock button within each field group. */
+            gap: "var(--iui-size-2xs, 0.25rem)",
+            /** Spacing between field groups (distance/angle, x, y, z controls). */
+            margin: "var(--iui-size-s, 0.75rem)",
         },
     };
     /** Create a new instance of this class to set as [[IModelAppOptions.accuDraw]] for this session. */
@@ -202963,7 +203037,9 @@ class AccuDrawViewportUI extends _AccuDraw__WEBPACK_IMPORTED_MODULE_1__.AccuDraw
                 if (itemField.selectionStart !== (moveLeft ? operatorPosIns + this._expression.operator.length : operatorPosIns))
                     break;
                 // Treat expression operator string as a single character when moving the text insertion cursor...
-                itemField.selectionStart = itemField.selectionEnd = (moveLeft ? operatorPosIns : operatorPosIns + this._expression.operator.length);
+                itemField.selectionStart = itemField.selectionEnd = moveLeft
+                    ? operatorPosIns
+                    : operatorPosIns + this._expression.operator.length;
                 ev.preventDefault();
                 return true;
             case "Backspace":
@@ -203074,10 +203150,18 @@ class AccuDrawViewportUI extends _AccuDraw__WEBPACK_IMPORTED_MODULE_1__.AccuDraw
         div.className = "accudraw-controls";
         const style = div.style;
         style.pointerEvents = "none";
-        style.overflow = "visible"; // Don't clip/hide outline or shadow...
         style.position = "absolute";
-        style.top = style.left = "0";
-        style.height = style.width = "100%";
+        style.display = "flex";
+        const isHorizontal = AccuDrawViewportUI.controlProps.horizontalArrangement;
+        style.flexDirection = isHorizontal ? "row" : "column";
+        if (isHorizontal) {
+            // Make the space between each control group bigger than the space between fields within a group
+            style.columnGap = AccuDrawViewportUI.controlProps.spacing.margin;
+        }
+        else {
+            // Make the space between each control group equal than the space between fields within a group
+            style.rowGap = AccuDrawViewportUI.controlProps.spacing.gap;
+        }
         return div;
     }
     updateItemFieldKeyinStatus(itemField, item) {
@@ -203093,27 +203177,52 @@ class AccuDrawViewportUI extends _AccuDraw__WEBPACK_IMPORTED_MODULE_1__.AccuDraw
     }
     updateItemFieldLock(itemLock, item) {
         const locked = this.getFieldLock(item);
-        itemLock.style.outlineStyle = locked ? "inset" : "outset";
-        itemLock.style.boxShadow = locked ? "none" : AccuDrawViewportUI.controlProps.button.shadow;
-        itemLock.style.backgroundColor = locked ? AccuDrawViewportUI.controlProps.button.pressedColor : AccuDrawViewportUI.controlProps.backgroundColor;
+        itemLock.style.backgroundColor = locked
+            ? AccuDrawViewportUI.controlProps.button.locked.backgroundColor
+            : AccuDrawViewportUI.controlProps.button.unlocked.backgroundColor;
+        itemLock.style.border = `${AccuDrawViewportUI.controlProps.field.border.width} ${AccuDrawViewportUI.controlProps.field.border.style} ${locked
+            ? AccuDrawViewportUI.controlProps.button.locked.border.color
+            : AccuDrawViewportUI.controlProps.button.unlocked.border.color}`;
+        itemLock.style.color = locked
+            ? AccuDrawViewportUI.controlProps.button.locked.color
+            : AccuDrawViewportUI.controlProps.button.unlocked.color;
     }
     initializeItemStyle(style, isButton) {
         style.pointerEvents = "none"; // Don't receive pointer events...
-        style.position = "absolute";
         style.textWrap = "nowrap";
         style.textAnchor = "top";
-        style.textAlign = isButton ? "center" : "left";
+        style.boxSizing = "border-box";
         const controlProps = AccuDrawViewportUI.controlProps;
-        style.fontFamily = controlProps.text.fontFamily;
-        style.fontSize = controlProps.text.fontSize;
-        style.color = controlProps.text.color;
-        style.backgroundColor = controlProps.backgroundColor;
-        style.borderRadius = controlProps.borderRadius;
+        style.height = controlProps.field.height;
+        const baseBorder = `${controlProps.field.border.width} ${controlProps.field.border.style} `;
+        switch (isButton) {
+            case true:
+                style.display = "flex";
+                style.justifyContent = "center";
+                style.alignItems = "center";
+                style.backgroundColor = controlProps.button.unlocked.backgroundColor;
+                style.padding = controlProps.button.padding;
+                style.border = baseBorder + controlProps.button.unlocked.border.color;
+                style.color = controlProps.button.unlocked.color;
+                style.aspectRatio = "1";
+                break;
+            case false:
+                style.backgroundColor = controlProps.input.unfocused.backgroundColor;
+                style.outline = "none";
+                style.padding = controlProps.input.padding;
+                style.border = baseBorder + controlProps.input.unfocused.border.color;
+                style.color = controlProps.input.color;
+                style.width = "120px";
+                break;
+        }
+        style.fontFamily = controlProps.field.text.fontFamily;
+        style.fontSize = controlProps.field.text.fontSize;
+        style.borderRadius = controlProps.field.border.radius;
     }
     createItemField(item) {
         const itemField = document.createElement("input");
         itemField.contentEditable = "true";
-        itemField.size = AccuDrawViewportUI.controlProps.fieldSize;
+        itemField.size = AccuDrawViewportUI.controlProps.field.size;
         const style = itemField.style;
         this.initializeItemStyle(style, false);
         this.updateItemFieldValue(itemField, item);
@@ -203121,7 +203230,6 @@ class AccuDrawViewportUI extends _AccuDraw__WEBPACK_IMPORTED_MODULE_1__.AccuDraw
         itemField.onkeyup = async (ev) => { await this.onKeyboardEvent(ev, false); };
         itemField.onfocus = (ev) => { this.onFocusChange(ev, item, true); };
         itemField.onblur = (ev) => { this.onFocusChange(ev, item, false); };
-        ;
         return itemField;
     }
     createItemFieldLock(item) {
@@ -203149,10 +203257,6 @@ class AccuDrawViewportUI extends _AccuDraw__WEBPACK_IMPORTED_MODULE_1__.AccuDraw
         const style = itemLock.style;
         this.initializeItemStyle(style, true);
         this.updateItemFieldLock(itemLock, item);
-        const button = AccuDrawViewportUI.controlProps.button;
-        style.paddingLeft = style.paddingRight = "0";
-        style.marginLeft = style.marginRight = button.margin;
-        style.outlineWidth = button.outlineWidth;
         return itemLock;
     }
     /** Called after the controls have been removed from the view. */
@@ -203173,18 +203277,23 @@ class AccuDrawViewportUI extends _AccuDraw__WEBPACK_IMPORTED_MODULE_1__.AccuDraw
     updateControlVisibility(isPolar, is3d) {
         if (undefined === this._controls)
             return;
-        this._controls.itemFields[_AccuDraw__WEBPACK_IMPORTED_MODULE_1__.ItemField.ANGLE_Item].hidden = !isPolar;
-        this._controls.itemLocks[_AccuDraw__WEBPACK_IMPORTED_MODULE_1__.ItemField.ANGLE_Item].hidden = !isPolar;
-        this._controls.itemFields[_AccuDraw__WEBPACK_IMPORTED_MODULE_1__.ItemField.DIST_Item].hidden = !isPolar;
-        this._controls.itemLocks[_AccuDraw__WEBPACK_IMPORTED_MODULE_1__.ItemField.DIST_Item].hidden = !isPolar;
-        this._controls.itemFields[_AccuDraw__WEBPACK_IMPORTED_MODULE_1__.ItemField.X_Item].hidden = isPolar;
-        this._controls.itemLocks[_AccuDraw__WEBPACK_IMPORTED_MODULE_1__.ItemField.X_Item].hidden = isPolar;
-        this._controls.itemFields[_AccuDraw__WEBPACK_IMPORTED_MODULE_1__.ItemField.Y_Item].hidden = isPolar;
-        this._controls.itemLocks[_AccuDraw__WEBPACK_IMPORTED_MODULE_1__.ItemField.Y_Item].hidden = isPolar;
+        const angleWrapper = this._controls.itemFields[_AccuDraw__WEBPACK_IMPORTED_MODULE_1__.ItemField.ANGLE_Item]
+            .parentElement;
+        const distWrapper = this._controls.itemFields[_AccuDraw__WEBPACK_IMPORTED_MODULE_1__.ItemField.DIST_Item]
+            .parentElement;
+        const xWrapper = this._controls.itemFields[_AccuDraw__WEBPACK_IMPORTED_MODULE_1__.ItemField.X_Item]
+            .parentElement;
+        const yWrapper = this._controls.itemFields[_AccuDraw__WEBPACK_IMPORTED_MODULE_1__.ItemField.Y_Item]
+            .parentElement;
+        const zWrapper = this._controls.itemFields[_AccuDraw__WEBPACK_IMPORTED_MODULE_1__.ItemField.Z_Item]
+            .parentElement;
+        angleWrapper.style.display = !isPolar ? "none" : "flex";
+        distWrapper.style.display = !isPolar ? "none" : "flex";
+        xWrapper.style.display = isPolar ? "none" : "flex";
+        yWrapper.style.display = isPolar ? "none" : "flex";
         if (undefined === is3d)
             return;
-        this._controls.itemFields[_AccuDraw__WEBPACK_IMPORTED_MODULE_1__.ItemField.Z_Item].hidden = !is3d;
-        this._controls.itemLocks[_AccuDraw__WEBPACK_IMPORTED_MODULE_1__.ItemField.Z_Item].hidden = !is3d;
+        zWrapper.style.display = !is3d ? "none" : "flex";
     }
     updateControls(ev) {
         const vp = ev.viewport;
@@ -203196,43 +203305,28 @@ class AccuDrawViewportUI extends _AccuDraw__WEBPACK_IMPORTED_MODULE_1__.AccuDraw
         if (undefined === this._controls) {
             const overlay = vp.addNewDiv("accudraw-overlay", true, 35);
             const div = this.createControlDiv();
-            const is3dLayout = this.is3dCompass(vp);
-            const isHorizontalLayout = props.horizontalArrangement;
             overlay.appendChild(div);
             const createFieldAndLock = (item) => {
-                const itemField = itemFields[item] = this.createItemField(item);
-                itemField.style.top = isHorizontalLayout ? "0" : `${rowOffset}px`;
-                itemField.style.left = isHorizontalLayout ? `${columnOffset}px` : "0";
-                div.appendChild(itemField);
-                if (is3dLayout || _AccuDraw__WEBPACK_IMPORTED_MODULE_1__.ItemField.Z_Item !== item)
-                    rowOffset += itemField.offsetHeight * props.rowSpacingFactor;
-                itemWidth = itemField.offsetWidth;
-                itemHeight = itemField.offsetHeight;
-                const itemLock = itemLocks[item] = this.createItemFieldLock(item);
-                itemLock.style.top = itemField.style.top;
-                itemLock.style.left = isHorizontalLayout ? `${columnOffset + itemWidth}px` : `${itemWidth}px`;
-                itemLock.style.width = itemLock.style.height = `${itemHeight}px`; // Make square of same height as text field...
-                div.appendChild(itemLock);
-                lockWidth = itemLock.offsetWidth;
-                if (is3dLayout || _AccuDraw__WEBPACK_IMPORTED_MODULE_1__.ItemField.Z_Item !== item)
-                    columnOffset += (itemWidth + lockWidth) * props.columnSpacingFactor;
+                const fieldWrapper = document.createElement("div");
+                fieldWrapper.style.display = "flex";
+                fieldWrapper.style.flexDirection = "row";
+                fieldWrapper.style.alignItems = "center";
+                fieldWrapper.style.justifyContent = "center";
+                fieldWrapper.style.columnGap = AccuDrawViewportUI.controlProps.spacing.gap;
+                fieldWrapper.style.rowGap = AccuDrawViewportUI.controlProps.spacing.gap;
+                const itemField = (itemFields[item] = this.createItemField(item));
+                fieldWrapper.appendChild(itemField);
+                const itemLock = (itemLocks[item] = this.createItemFieldLock(item));
+                fieldWrapper.appendChild(itemLock);
+                div.appendChild(fieldWrapper);
             };
-            let rowOffset = 0;
-            let columnOffset = 0;
-            let itemWidth = 0;
-            let itemHeight = 0;
-            let lockWidth = 0;
             const itemFields = [];
             const itemLocks = [];
             createFieldAndLock(_AccuDraw__WEBPACK_IMPORTED_MODULE_1__.ItemField.DIST_Item);
             createFieldAndLock(_AccuDraw__WEBPACK_IMPORTED_MODULE_1__.ItemField.ANGLE_Item);
-            rowOffset = 0;
-            columnOffset = 0;
             createFieldAndLock(_AccuDraw__WEBPACK_IMPORTED_MODULE_1__.ItemField.X_Item);
             createFieldAndLock(_AccuDraw__WEBPACK_IMPORTED_MODULE_1__.ItemField.Y_Item);
             createFieldAndLock(_AccuDraw__WEBPACK_IMPORTED_MODULE_1__.ItemField.Z_Item); // Both polar and rectangular modes support Z in 3d views...
-            div.style.width = isHorizontalLayout ? `${columnOffset}px` : `${itemWidth + lockWidth + 5}px`;
-            div.style.height = isHorizontalLayout ? `${itemHeight * props.rowSpacingFactor}px` : `${rowOffset}px`;
             this._controls = { overlay, div, itemFields, itemLocks };
             this.updateControlVisibility(_AccuDraw__WEBPACK_IMPORTED_MODULE_1__.CompassMode.Polar === this.compassMode, this.is3dCompass(vp));
             this.setFocusItem(this._focusItem);
@@ -203243,7 +203337,7 @@ class AccuDrawViewportUI extends _AccuDraw__WEBPACK_IMPORTED_MODULE_1__.AccuDraw
         const position = vp.worldToView(ev.point);
         if (props.fixedLocation) {
             position.x = (viewRect.left + ((viewRect.width - this._controls.div.offsetWidth) * 0.5));
-            position.y = (viewRect.bottom - this._controls.div.offsetHeight);
+            position.y = (viewRect.bottom - this._controls.div.offsetHeight * 1.2);
         }
         else {
             position.x += Math.floor(vp.pixelsFromInches(props.cursorOffset.x)) + 0.5;
@@ -203310,7 +203404,15 @@ class AccuDrawViewportUI extends _AccuDraw__WEBPACK_IMPORTED_MODULE_1__.AccuDraw
             return;
         // NOTE: Using "setSelectionRange" while value is changing in dynamics isn't pretty, use background+caret color instead...
         const itemField = this._controls.itemFields[item];
-        itemField.style.backgroundColor = (focusIn ? AccuDrawViewportUI.controlProps.text.focusColor : AccuDrawViewportUI.controlProps.backgroundColor);
+        itemField.style.backgroundColor = focusIn
+            ? AccuDrawViewportUI.controlProps.input.focused.backgroundColor
+            : AccuDrawViewportUI.controlProps.input.unfocused.backgroundColor;
+        itemField.style.border = focusIn
+            ? `${AccuDrawViewportUI.controlProps.field.border.width} ${AccuDrawViewportUI.controlProps.field.border.style} ${AccuDrawViewportUI.controlProps.input.focused.border.color}`
+            : `${AccuDrawViewportUI.controlProps.field.border.width} ${AccuDrawViewportUI.controlProps.field.border.style} ${AccuDrawViewportUI.controlProps.input.unfocused.border.color}`;
+        itemField.style.boxShadow = focusIn
+            ? AccuDrawViewportUI.controlProps.input.focused.innerStroke
+            : "none";
         this.updateItemFieldKeyinStatus(itemField, item);
         if (!focusIn)
             this.setDynamicKeyinStatus(item);
@@ -210759,6 +210861,9 @@ class ToolAdmin {
      * @internal
      */
     static addEvent(ev, vp) {
+        // Don't add events to queue if event loop hasn't been started to process them...
+        if (!_IModelApp__WEBPACK_IMPORTED_MODULE_5__.IModelApp.isEventLoopStarted)
+            return;
         if (!ToolAdmin.tryReplace(ev, vp)) // see if this event replaces the last event in the queue
             this._toolEvents.push({ ev, vp }); // otherwise put it at the end of the queue.
         _IModelApp__WEBPACK_IMPORTED_MODULE_5__.IModelApp.requestNextAnimation(); // wake up event loop, if
@@ -337773,7 +337878,7 @@ class TestContext {
         this.initializeRpcInterfaces({ title: this.settings.Backend.name, version: this.settings.Backend.version });
         const iModelClient = new imodels_client_management_1.IModelsClient({ api: { baseUrl: `https://${process.env.IMJS_URL_PREFIX ?? ""}api.bentley.com/imodels` } });
         await core_frontend_1.NoRenderApp.startup({
-            applicationVersion: "5.2.2",
+            applicationVersion: "5.2.3",
             applicationId: this.settings.gprid,
             authorizationClient: new frontend_1.TestFrontendAuthorizationClient(this.serviceAuthToken),
             hubAccess: new imodels_access_frontend_1.FrontendIModelsAccess(iModelClient),
@@ -363040,7 +363145,7 @@ var loadLanguages = instance.loadLanguages;
 /***/ ((module) => {
 
 "use strict";
-module.exports = /*#__PURE__*/JSON.parse('{"name":"@itwin/core-frontend","version":"5.2.2","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 && npm run -s copy:draco","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 ES2022 --outDir lib/esm","clean":"rimraf -g 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","copy:draco":"cpx \\"./node_modules/@loaders.gl/draco/dist/libs/*\\" ./lib/public/scripts","docs":"betools docs --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 --no-inline-config -c extraction.eslint.config.js  \\"./src/**/*.ts\\" 1>&2","lint":"eslint \\"./src/**/*.ts\\" 1>&2","lint-fix":"eslint --fix -f visualstudio \\"./src/**/*.ts\\" 1>&2","lint-deprecation":"eslint --fix -f visualstudio --no-inline-config -c ../../common/config/eslint/eslint.config.deprecation-policy.js \\"./src/**/*.ts\\"","pseudolocalize":"betools pseudolocalize --englishDir ./src/public/locales/en --out ./public/locales/en-PSEUDO","test":"npm run webpackTestWorker && vitest --run","cover":"npm run webpackTestWorker && vitest --run","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:*","@itwin/core-bentley":"workspace:*","@itwin/core-common":"workspace:*","@itwin/core-geometry":"workspace:*","@itwin/core-orbitgt":"workspace:*","@itwin/core-quantity":"workspace:*","@itwin/ecschema-metadata":"workspace:*","@itwin/ecschema-rpcinterface-common":"workspace:*"},"//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/ecschema-metadata":"workspace:*","@itwin/ecschema-rpcinterface-common":"workspace:*","@itwin/eslint-plugin":"5.2.2-dev.2","@types/chai-as-promised":"^7","@types/draco3d":"^1.4.10","@types/sinon":"^17.0.2","@vitest/browser":"^3.0.6","@vitest/coverage-v8":"^3.0.6","cpx2":"^8.0.0","eslint":"^9.31.0","glob":"^10.3.12","playwright":"~1.47.1","rimraf":"^6.0.1","sinon":"^17.0.2","source-map-loader":"^5.0.0","typescript":"~5.6.2","typemoq":"^2.1.0","vitest":"^3.0.6","vite-multiple-assets":"^1.3.1","vite-plugin-static-copy":"2.2.0","webpack":"^5.97.1"},"//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.2.4","@itwin/object-storage-core":"^2.3.0","@itwin/core-i18n":"workspace:*","@itwin/webgl-compatibility":"workspace:*","@loaders.gl/core":"^4.3.4","@loaders.gl/draco":"^4.3.4","fuse.js":"^3.3.0","wms-capabilities":"0.4.0"}}');
+module.exports = /*#__PURE__*/JSON.parse('{"name":"@itwin/core-frontend","version":"5.2.3","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 && npm run -s copy:draco","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 ES2022 --outDir lib/esm","clean":"rimraf -g 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","copy:draco":"cpx \\"./node_modules/@loaders.gl/draco/dist/libs/*\\" ./lib/public/scripts","docs":"betools docs --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 --no-inline-config -c extraction.eslint.config.js  \\"./src/**/*.ts\\" 1>&2","lint":"eslint \\"./src/**/*.ts\\" 1>&2","lint-fix":"eslint --fix -f visualstudio \\"./src/**/*.ts\\" 1>&2","lint-deprecation":"eslint --fix -f visualstudio --no-inline-config -c ../../common/config/eslint/eslint.config.deprecation-policy.js \\"./src/**/*.ts\\"","pseudolocalize":"betools pseudolocalize --englishDir ./src/public/locales/en --out ./public/locales/en-PSEUDO","test":"npm run webpackTestWorker && vitest --run","cover":"npm run webpackTestWorker && vitest --run","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:*","@itwin/core-bentley":"workspace:*","@itwin/core-common":"workspace:*","@itwin/core-geometry":"workspace:*","@itwin/core-orbitgt":"workspace:*","@itwin/core-quantity":"workspace:*","@itwin/ecschema-metadata":"workspace:*","@itwin/ecschema-rpcinterface-common":"workspace:*"},"//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/ecschema-metadata":"workspace:*","@itwin/ecschema-rpcinterface-common":"workspace:*","@itwin/eslint-plugin":"5.2.2-dev.2","@types/chai-as-promised":"^7","@types/draco3d":"^1.4.10","@types/sinon":"^17.0.2","@vitest/browser":"^3.0.6","@vitest/coverage-v8":"^3.0.6","cpx2":"^8.0.0","eslint":"^9.31.0","glob":"^10.3.12","playwright":"~1.47.1","rimraf":"^6.0.1","sinon":"^17.0.2","source-map-loader":"^5.0.0","typescript":"~5.6.2","typemoq":"^2.1.0","vitest":"^3.0.6","vite-multiple-assets":"^1.3.1","vite-plugin-static-copy":"2.2.0","webpack":"^5.97.1"},"//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.2.4","@itwin/object-storage-core":"^2.3.0","@itwin/core-i18n":"workspace:*","@itwin/webgl-compatibility":"workspace:*","@loaders.gl/core":"^4.3.4","@loaders.gl/draco":"^4.3.4","fuse.js":"^3.3.0","wms-capabilities":"0.4.0"}}');
 
 /***/ }),