@mochabug/adapt-vue 2.0.0-beta.0 → 2.0.0-beta.10

package/README.md

@@ -6,7 +6,11 @@ Vue component for Adapt.
 npm install @mochabug/adapt-vue
 ```
 
-Requires Vue 3 as a peer dependency. All Vue 3 minor versions are supported.
+Framework requirements are declared in [package.json](./package.json).
+
+Browser UI requires native Popover API support. Floating windows use the browser top layer and remain fixed in the viewport, including inside transformed, clipped, or scrolling containers. Docked panels and docked Maximize remain inside the embed. Docking, floating, splitting, and restoring preserve the loaded iframe document and its application state.
+
+Windows use the viewport of the document containing the client. If that document is itself inside an iframe, its windows remain within that iframe.
 
 ## Quickstart
 
@@ -464,11 +468,11 @@ Apply inline styles to the internal root element (useful for sizing):
 
 | Variable | Default | Description |
 |---|---|---|
-| `--mb-adapt-z-base` | `0` | Base z-index offset — added to all internal z-index values |
+| `--mb-adapt-z-base` | `0` | Local z-index offset and floating-window priority |
 
-Set `--mb-adapt-z-base` to shift all internal z-index values. Useful when embedding inside modals or drawers that have their own stacking context. Example: `--mb-adapt-z-base: 10000` lifts all layers by 10000.
+`--mb-adapt-z-base` offsets local stacking and sets the priority of this instance’s floating windows. Higher priorities appear above lower priorities; within the same priority, the most recently activated window appears on top across clients. Theme changes update this priority live.
 
-Internal stacking order from low to high: separators (1), resize handles (10), minimized tabs (100), floating panels (100000+), status/cap (200000), confirm dialog (300000), drop targets (999998), drag ghost (999999). All values are offset by `--mb-adapt-z-base`.
+Floating chrome and iframe content are ordered together in the native top layer. Drop indicators and drag ghosts appear above windows, and close confirmations appear above those. Host-page native dialogs and popovers follow browser top-layer ordering; numeric CSS z-index cannot override that ordering.
 
 </details>
 
@@ -509,6 +513,7 @@ Internal stacking order from low to high: separators (1), resize handles (10), m
 | `session` | `(status, fork?)` |
 | `output` | `(output)` |
 | `fork-active` | `(active)` |
+| `content-active` | `(active: boolean)` — any main/fork URL remains open, including retained or minimized content |
 
 ## License
 

package/dist/esm/AdaptAutomation.js

@@ -33,6 +33,10 @@ const props = {
         type: Object,
         default: undefined,
     },
+    reserveMain: {
+        type: Boolean,
+        default: false,
+    },
     darkMode: {
         type: Boolean,
         default: false,
@@ -110,6 +114,7 @@ const emits = {
     session: (_status, _fork) => true,
     output: (_output) => true,
     forkActive: (_active) => true,
+    contentActive: (_active) => true,
     error: (_error) => true,
 };
 const component = defineComponent({
@@ -142,6 +147,9 @@ const component = defineComponent({
             el.onForkActiveCallback = (active) => {
                 emit("forkActive", active);
             };
+            el.onContentActiveCallback = (active) => {
+                emit("contentActive", active);
+            };
             el.onErrorCallback = (error) => {
                 emit("error", error);
             };
@@ -160,6 +168,7 @@ const component = defineComponent({
             "requires-challenge": props.requiresChallenge ? "" : undefined,
             "inherit-token": props.inheritToken,
             "fork-display-mode": props.forkDisplay?.mode,
+            "reserve-main": props.reserveMain ? "" : undefined,
             "side-by-side-split": props.forkDisplay?.mode === "side-by-side" &&
                 props.forkDisplay.split !== undefined
                 ? String(props.forkDisplay.split)

package/dist/types/AdaptAutomation.d.ts

@@ -40,6 +40,10 @@ declare const props: {
         readonly type: PropType<ForkDisplay>;
         readonly default: undefined;
     };
+    readonly reserveMain: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
     readonly darkMode: {
         readonly type: BooleanConstructor;
         readonly default: false;
@@ -117,6 +121,7 @@ declare const emits: {
     session: (_status: StatusJson, _fork?: string) => boolean;
     output: (_output: Output) => boolean;
     forkActive: (_active: boolean) => boolean;
+    contentActive: (_active: boolean) => boolean;
     error: (_error: AdaptError) => boolean;
 };
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mochabug/adapt-vue",
-  "version": "2.0.0-beta.0",
+  "version": "2.0.0-beta.10",
   "description": "Vue component for Adapt automation platform",
   "type": "module",
   "types": "./dist/types/index.d.ts",
@@ -24,8 +24,12 @@
   "scripts": {
     "build:esm": "tsc --project tsconfig.esm.json",
     "build:types": "tsc --project tsconfig.types.json",
+    "prebuild": "npm install --prefix .. && cd .. && npm run build -w core -w web --ignore-scripts",
     "build": "rm -rf dist && npm run build:esm && npm run build:types",
-    "sample": "npm run build && cd sample && npm install && npm run dev"
+    "build:samples": "npm run build --prefix sample",
+    "sample": "npm run build && cd sample && npm install && npm run dev",
+    "precheck": "npm run build",
+    "check": "tsc --project tsconfig.json --noEmit"
   },
   "keywords": [
     "adapt",
@@ -41,14 +45,14 @@
   },
   "license": "ISC",
   "peerDependencies": {
-    "vue": "^3.0.0"
+    "vue": "^3.5.43"
   },
   "devDependencies": {
     "typescript": "^7.0.2",
-    "vue": "^3.5.43"
+    "vue": "^3.5.44"
   },
   "dependencies": {
-    "@mochabug/adapt-web": "2.0.0-beta.0",
-    "@mochabug/adapt-core": "2.0.0-beta.0"
+    "@mochabug/adapt-web": "2.0.0-beta.10",
+    "@mochabug/adapt-core": "2.0.0-beta.9"
   }
 }