@cocoar/vue-script-editor 1.9.0-script-editor.4 → 1.10.0-overlay-parent-injection.2

package/README.md

@@ -169,9 +169,12 @@ For server-side validation, submit-gating, or tests:
 import {
   hasLockedMarkers,
   getEditableSegments,
+  getSlots,
+  getSlot,
   isEverySegmentNonEmpty,
   validateSource,
   countLockedLines,
+  SLOT_MARKER_PATTERN,
 } from '@cocoar/vue-script-editor';
 
 if (isEverySegmentNonEmpty(code)) submit(code);
@@ -180,6 +183,24 @@ const v = validateSource(code);
 // v.ok, v.lockedLineCount, v.segmentCount, v.warnings: string[]
 ```
 
+### Named slots
+
+Mark an editable region with `@slot:NAME` on a `// @locked` line to name it. `getSlots(source)` returns a `{ slotName: bodyContent }` dictionary; `getSlot(source, name)` returns a single body (or `undefined` if the slot is not declared). The slot marker sits on a locked line so the user cannot delete it.
+
+```ts
+const template = `function fn1(x) { // @locked @slot:fn1
+  return x + 1;
+} // @locked
+
+function fn2(x) { // @locked @slot:fn2
+} // @locked`;
+
+const slots = getSlots(template);
+// { fn1: '  return x + 1;', fn2: '' }
+```
+
+Empty string = slot exists but body is whitespace-only. Server-side parsers (e.g. a C# Jint host) can mirror the same regex via `SLOT_MARKER_PATTERN`. See the [full docs](https://docs.cocoar.dev/cocoar-ui-vue/components/script-editor) for the C# port.
+
 See the full docs page for the deeper helpers (`scanLockedLines`, `computeProtectedRanges`,
 `editIsProtected`, `snapOffsetAwayFromLocked`).
 
@@ -200,6 +221,7 @@ See the full docs page for the deeper helpers (`scanLockedLines`, `computeProtec
 | `name`         | `string`                                  | `''`           | Informational `data-name` (the editor is not a native form control).        |
 | `height`       | `string \| number`                        | `undefined`    | CSS string (`"160px"`, `"40vh"`) or pixels as number.                       |
 | `variant`      | `'editor' \| 'inline'`                    | `'editor'`     | UI preset: full chrome vs compact form-field look.                         |
+| `lineNumbers`  | `boolean`                                 | `undefined`    | Explicit toggle for the line-number gutter. Overrides the variant default.  |
 | `scriptMode`   | `boolean`                                 | `false`        | Suppress TS/JS diagnostics for script-body code. **Global side-effect**.    |
 | `preamble`     | `string`                                  | `''`           | Hidden + locked per-editor type context (not in `modelValue`).              |
 | `minimap`      | `boolean`                                 | `false`        | Show the Monaco minimap gutter.                                            |

package/dist/CoarScriptEditor.vue.d.ts

@@ -54,6 +54,12 @@ export interface CoarScriptEditorProps {
      *  - `'inline'`: compact form-field look — no line numbers, no gutter, tight padding
      */
     variant?: CoarScriptEditorVariant;
+    /**
+     * Explicitly toggle line numbers, overriding the variant default (`'editor'` → on,
+     * `'inline'` → off). Leave undefined to inherit from the variant. When off, a small
+     * decoration column keeps the text from touching the left border.
+     */
+    lineNumbers?: boolean;
     /**
      * When true, suppresses diagnostic codes that flag "script body" constructs in TS/JS
      * (top-level return/await/export, implicit any, etc). **Global side-effect** — affects
@@ -96,6 +102,9 @@ declare const _default: import('vue').DefineComponent<CoarScriptEditorProps, {
     onFocused?: (() => any) | undefined;
     onBlurred?: (() => any) | undefined;
 }>, {
+    lineNumbers: boolean;
+    minimap: boolean;
+    placeholder: string;
     overflowWidgetsDomNode: HTMLElement | null;
     modelValue: string;
     authoring: boolean;
@@ -103,7 +112,6 @@ declare const _default: import('vue').DefineComponent<CoarScriptEditorProps, {
     readonly: boolean;
     disabled: boolean;
     error: boolean;
-    placeholder: string;
     required: boolean;
     autofocus: boolean;
     id: string;
@@ -112,7 +120,6 @@ declare const _default: import('vue').DefineComponent<CoarScriptEditorProps, {
     variant: CoarScriptEditorVariant;
     scriptMode: boolean;
     preamble: string;
-    minimap: boolean;
     theme: CoarScriptEditorTheme;
     extraLibs: CoarScriptEditorExtraLib[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {

package/dist/CoarScriptEditor.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CoarScriptEditor.vue.d.ts","sourceRoot":"","sources":["../src/CoarScriptEditor.vue"],"names":[],"mappings":"AAuUA,OAAO,EAEL,KAAK,wBAAwB,EAC7B,KAAK,uBAAuB,EAC7B,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAgB,KAAK,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAGzF,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAErD,MAAM,MAAM,4BAA4B,GAAG,2BAA2B,CAAC;AAEvE;;;;GAIG;AACH,MAAM,WAAW,2BAA2B;IAC1C,MAAM,EAAE,4BAA4B,CAAC;IACrC,sEAAsE;IACtE,KAAK,CAAC,EAAE;QAAE,eAAe,EAAE,MAAM,CAAC;QAAC,aAAa,EAAE,MAAM,CAAA;KAAE,CAAC;CAC5D;AAED,MAAM,WAAW,qBAAqB;IACpC;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,wBAAwB,CAAC;IACpC,oFAAoF;IACpF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gGAAgG;IAChG,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yEAAyE;IACzE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,uEAAuE;IACvE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,yFAAyF;IACzF,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,iFAAiF;IACjF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mFAAmF;IACnF,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;;;OAIG;IACH,OAAO,CAAC,EAAE,uBAAuB,CAAC;IAClC;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,qBAAqB,CAAC;IAC9B,sFAAsF;IACtF,SAAS,CAAC,EAAE,wBAAwB,EAAE,CAAC;IACvC;;;;;;;OAOG;IACH,sBAAsB,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CAC7C;;;;;;;;;;;;;;;;4BAD0B,WAAW,GAAG,IAAI;gBA1D9B,MAAM;eAOP,OAAO;cACR,wBAAwB;cAExB,OAAO;cAEP,OAAO;WAEV,OAAO;iBAED,MAAM;cAET,OAAO;eAEN,OAAO;QAEd,MAAM;UAEJ,MAAM;YAEJ,MAAM,GAAG,MAAM;aAMd,uBAAuB;gBAMpB,OAAO;cAOT,MAAM;aACP,OAAO;WACT,qBAAqB;eAEjB,wBAAwB,EAAE;;;;AAoNxC,wBAWG"}
+{"version":3,"file":"CoarScriptEditor.vue.d.ts","sourceRoot":"","sources":["../src/CoarScriptEditor.vue"],"names":[],"mappings":"AA+UA,OAAO,EAEL,KAAK,wBAAwB,EAC7B,KAAK,uBAAuB,EAC7B,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAgB,KAAK,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAGzF,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAErD,MAAM,MAAM,4BAA4B,GAAG,2BAA2B,CAAC;AAEvE;;;;GAIG;AACH,MAAM,WAAW,2BAA2B;IAC1C,MAAM,EAAE,4BAA4B,CAAC;IACrC,sEAAsE;IACtE,KAAK,CAAC,EAAE;QAAE,eAAe,EAAE,MAAM,CAAC;QAAC,aAAa,EAAE,MAAM,CAAA;KAAE,CAAC;CAC5D;AAED,MAAM,WAAW,qBAAqB;IACpC;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,wBAAwB,CAAC;IACpC,oFAAoF;IACpF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gGAAgG;IAChG,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yEAAyE;IACzE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,uEAAuE;IACvE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,yFAAyF;IACzF,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,iFAAiF;IACjF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mFAAmF;IACnF,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;;;OAIG;IACH,OAAO,CAAC,EAAE,uBAAuB,CAAC;IAClC;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,qBAAqB,CAAC;IAC9B,sFAAsF;IACtF,SAAS,CAAC,EAAE,wBAAwB,EAAE,CAAC;IACvC;;;;;;;OAOG;IACH,sBAAsB,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CAC7C;;;;;;;;;;;;;;;;iBA3Be,OAAO;aAcX,OAAO;iBApCH,MAAM;4BAgDK,WAAW,GAAG,IAAI;gBAhE9B,MAAM;eAOP,OAAO;cACR,wBAAwB;cAExB,OAAO;cAEP,OAAO;WAEV,OAAO;cAIJ,OAAO;eAEN,OAAO;QAEd,MAAM;UAEJ,MAAM;YAEJ,MAAM,GAAG,MAAM;aAMd,uBAAuB;gBAYpB,OAAO;cAOT,MAAM;WAET,qBAAqB;eAEjB,wBAAwB,EAAE;;;;AAuNxC,wBAWG"}

package/dist/composables/useMonacoEditor.d.ts

@@ -11,6 +11,12 @@ export interface UseMonacoEditorOptions {
     minimap: () => boolean;
     theme: () => CoarScriptEditorTheme;
     variant?: () => CoarScriptEditorVariant;
+    /**
+     * Explicitly toggle line numbers. When undefined, defers to the variant default
+     * (`'editor'` → on, `'inline'` → off). When line numbers are off, a small decoration
+     * column still renders as a visual left-margin so the text does not touch the border.
+     */
+    lineNumbers?: () => boolean | undefined;
     /**
      * Hidden + locked prefix prepended to the model content for per-editor type context.
      * `setHiddenAreas` hides it from view, and an internal guard rejects any edit whose

package/dist/composables/useMonacoEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMonacoEditor.d.ts","sourceRoot":"","sources":["../../src/composables/useMonacoEditor.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AACxC,OAAO,EAAsC,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC;AACnE,OAAO,EAIL,KAAK,qBAAqB,EAC3B,MAAM,UAAU,CAAC;AAmBlB,MAAM,MAAM,wBAAwB,GAAG,YAAY,GAAG,YAAY,GAAG,MAAM,CAAC;AAC5E,MAAM,MAAM,uBAAuB,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAyD1D,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC9B,YAAY,EAAE,MAAM,MAAM,CAAC;IAC3B,QAAQ,EAAE,MAAM,wBAAwB,CAAC;IACzC,QAAQ,EAAE,MAAM,OAAO,CAAC;IACxB,OAAO,EAAE,MAAM,OAAO,CAAC;IACvB,KAAK,EAAE,MAAM,qBAAqB,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,uBAAuB,CAAC;IACxC;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,MAAM,CAAC;IACxB;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,OAAO,CAAC;IAC1B;;;;;;OAMG;IACH,sBAAsB,CAAC,EAAE,MAAM,WAAW,GAAG,IAAI,CAAC;IAClD,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,qBAAqB,KAAK,IAAI,CAAC;CACvE;AAED,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,qBAAqB,GAAG,IAAI,CAAC,CAAC,CAAC;IAClE,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,UAAU,GAAG,IAAI,CAAC,CAAC,CAAC;IACtD;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC;;;;OAIG;IACH,oBAAoB,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;CAC7C;AAsDD,wBAAgB,eAAe,CAAC,OAAO,EAAE,sBAAsB,GAAG,qBAAqB,CAuPtF"}
+{"version":3,"file":"useMonacoEditor.d.ts","sourceRoot":"","sources":["../../src/composables/useMonacoEditor.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AACxC,OAAO,EAAsC,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC;AACnE,OAAO,EAIL,KAAK,qBAAqB,EAC3B,MAAM,UAAU,CAAC;AAmBlB,MAAM,MAAM,wBAAwB,GAAG,YAAY,GAAG,YAAY,GAAG,MAAM,CAAC;AAC5E,MAAM,MAAM,uBAAuB,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAgG1D,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC9B,YAAY,EAAE,MAAM,MAAM,CAAC;IAC3B,QAAQ,EAAE,MAAM,wBAAwB,CAAC;IACzC,QAAQ,EAAE,MAAM,OAAO,CAAC;IACxB,OAAO,EAAE,MAAM,OAAO,CAAC;IACvB,KAAK,EAAE,MAAM,qBAAqB,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,uBAAuB,CAAC;IACxC;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,OAAO,GAAG,SAAS,CAAC;IACxC;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,MAAM,CAAC;IACxB;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,OAAO,CAAC;IAC1B;;;;;;OAMG;IACH,sBAAsB,CAAC,EAAE,MAAM,WAAW,GAAG,IAAI,CAAC;IAClD,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,qBAAqB,KAAK,IAAI,CAAC;CACvE;AAED,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,qBAAqB,GAAG,IAAI,CAAC,CAAC,CAAC;IAClE,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,UAAU,GAAG,IAAI,CAAC,CAAC,CAAC;IACtD;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC;;;;OAIG;IACH,oBAAoB,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;CAC7C;AAsDD,wBAAgB,eAAe,CAAC,OAAO,EAAE,sBAAsB,GAAG,qBAAqB,CAuQtF"}

package/dist/constrained/LockedLineScanner.d.ts

@@ -13,6 +13,7 @@
  * `// @lockedx` do not trigger.
  */
 export declare const LOCKED_MARKER_TEXT = "// @locked";
+export declare const SLOT_MARKER_PATTERN: string;
 export interface LockedLine {
     /** 0-based line index within the source. */
     lineIndex: number;
@@ -39,6 +40,12 @@ export interface LockedLine {
     snapBefore: number | null;
     /** Valid snap target after the locked line (start of the next line), or null if this is the last line with no trailing `\n`. */
     snapAfter: number | null;
+    /**
+     * Name parsed from an `@slot:NAME` attribute on this locked line. When present, the
+     * editable segment immediately following this line (up to the next locked line or EOF)
+     * is a named slot whose content can be retrieved via `getSlot(source, name)`.
+     */
+    slotName?: string;
 }
 /** Contiguous protected range, produced by merging adjacent locked lines. */
 export interface ProtectedRange {
@@ -101,6 +108,25 @@ export interface SourceValidation {
  * want to surface soft warnings (e.g. during template authoring) without refusing to mount.
  */
 export declare function validateSource(source: string): SourceValidation;
+/**
+ * Return every named slot as a dictionary keyed by slot name. Slot content is the text of
+ * the editable segment immediately following the locked line that carries the
+ * `@slot:NAME` attribute, with leading and trailing blank lines stripped.
+ *
+ * A slot's content is `''` when the segment is empty or contains only whitespace — a
+ * consumer can gate "was this body filled in?" on `slots[name].trim().length > 0`.
+ *
+ * Duplicate slot names: first occurrence wins. Later duplicates are silently ignored so
+ * the dictionary key maps deterministically to one piece of source — surface duplicates
+ * via `validateSource()` during template authoring if you want to catch them.
+ */
+export declare function getSlots(source: string): Record<string, string>;
+/**
+ * Content of a single named slot, or `undefined` if no locked line in the source declares
+ * that slot name. `undefined` deliberately distinguishes "slot not declared" from "slot
+ * declared but empty" (returns `''`).
+ */
+export declare function getSlot(source: string, name: string): string | undefined;
 /**
  * Returns the text of each *editable* block — the stretches of consecutive non-locked
  * lines. If the source has no locked lines, returns a single-element array with the full

package/dist/constrained/LockedLineScanner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LockedLineScanner.d.ts","sourceRoot":"","sources":["../../src/constrained/LockedLineScanner.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAIH,eAAO,MAAM,kBAAkB,eAAe,CAAC;AAE/C,MAAM,WAAW,UAAU;IACzB,4CAA4C;IAC5C,SAAS,EAAE,MAAM,CAAC;IAClB,sFAAsF;IACtF,SAAS,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,cAAc,EAAE,MAAM,CAAC;IACvB;;;;OAIG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB,8GAA8G;IAC9G,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,gIAAgI;IAChI,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B;AAED,6EAA6E;AAC7E,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,qFAAqF;IACrF,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,sGAAsG;IACtG,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B;AAED,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAExD;AAED,wBAAgB,eAAe,CAAC,MAAM,EAAE,MAAM,GAAG,UAAU,EAAE,CA8B5D;AAED;;;;GAIG;AACH,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,SAAS,UAAU,EAAE,GAAG,cAAc,EAAE,CA6BrF;AAED;;;;;GAKG;AACH,wBAAgB,sBAAsB,CACpC,IAAI,EAAE;IAAE,UAAU,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,EAC9C,KAAK,EAAE,cAAc,GACpB,OAAO,CAET;AAED,wBAAgB,eAAe,CAC7B,IAAI,EAAE;IAAE,UAAU,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,EAC9C,MAAM,EAAE,SAAS,cAAc,EAAE,GAChC,OAAO,CAET;AAED;;;;;GAKG;AACH,wBAAgB,wBAAwB,CACtC,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,SAAS,cAAc,EAAE,GAChC,MAAM,CAYR;AAED,wDAAwD;AACxD,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAEvD;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAE9D;AAED,MAAM,WAAW,gBAAgB;IAC/B,0FAA0F;IAC1F,EAAE,EAAE,OAAO,CAAC;IACZ,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,QAAQ,EAAE,MAAM,EAAE,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,gBAAgB,CAoB/D;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAuB5D"}
+{"version":3,"file":"LockedLineScanner.d.ts","sourceRoot":"","sources":["../../src/constrained/LockedLineScanner.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAiBH,eAAO,MAAM,kBAAkB,eAAe,CAAC;AAC/C,eAAO,MAAM,mBAAmB,QAAqB,CAAC;AAEtD,MAAM,WAAW,UAAU;IACzB,4CAA4C;IAC5C,SAAS,EAAE,MAAM,CAAC;IAClB,sFAAsF;IACtF,SAAS,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,cAAc,EAAE,MAAM,CAAC;IACvB;;;;OAIG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB,8GAA8G;IAC9G,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,gIAAgI;IAChI,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,6EAA6E;AAC7E,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,qFAAqF;IACrF,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,sGAAsG;IACtG,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B;AAED,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAExD;AAED,wBAAgB,eAAe,CAAC,MAAM,EAAE,MAAM,GAAG,UAAU,EAAE,CAgC5D;AAED;;;;GAIG;AACH,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,SAAS,UAAU,EAAE,GAAG,cAAc,EAAE,CA6BrF;AAED;;;;;GAKG;AACH,wBAAgB,sBAAsB,CACpC,IAAI,EAAE;IAAE,UAAU,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,EAC9C,KAAK,EAAE,cAAc,GACpB,OAAO,CAET;AAED,wBAAgB,eAAe,CAC7B,IAAI,EAAE;IAAE,UAAU,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,EAC9C,MAAM,EAAE,SAAS,cAAc,EAAE,GAChC,OAAO,CAET;AAED;;;;;GAKG;AACH,wBAAgB,wBAAwB,CACtC,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,SAAS,cAAc,EAAE,GAChC,MAAM,CAYR;AAED,wDAAwD;AACxD,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAEvD;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAE9D;AAED,MAAM,WAAW,gBAAgB;IAC/B,0FAA0F;IAC1F,EAAE,EAAE,OAAO,CAAC;IACZ,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,QAAQ,EAAE,MAAM,EAAE,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,gBAAgB,CAoB/D;AAeD;;;;;;;;;;;GAWG;AACH,wBAAgB,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAqB/D;AAED;;;;GAIG;AACH,wBAAgB,OAAO,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAGxE;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAuB5D"}

package/dist/index.d.ts

@@ -4,5 +4,5 @@ export type { CoarScriptEditorLanguage, CoarScriptEditorVariant, } from './compo
 export type { CoarScriptEditorExtraLib } from './composables/useExtraLibs';
 export type { CoarScriptEditorTheme } from './theme';
 export { COAR_THEME_LIGHT, COAR_THEME_DARK, ensureCoarThemes, detectAutoTheme, watchAutoTheme, } from './theme';
-export { scanLockedLines, computeProtectedRanges, hasLockedMarkers, getEditableSegments, overlapsProtectedRange, editIsProtected, snapOffsetAwayFromLocked, countLockedLines, isEverySegmentNonEmpty, validateSource, LOCKED_MARKER_TEXT, type LockedLine, type ProtectedRange, type SourceValidation, } from './constrained/LockedLineScanner';
+export { scanLockedLines, computeProtectedRanges, hasLockedMarkers, getEditableSegments, getSlots, getSlot, overlapsProtectedRange, editIsProtected, snapOffsetAwayFromLocked, countLockedLines, isEverySegmentNonEmpty, validateSource, LOCKED_MARKER_TEXT, SLOT_MARKER_PATTERN, type LockedLine, type ProtectedRange, type SourceValidation, } from './constrained/LockedLineScanner';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AACrE,YAAY,EACV,qBAAqB,EACrB,4BAA4B,EAC5B,2BAA2B,GAC5B,MAAM,wBAAwB,CAAC;AAChC,YAAY,EACV,wBAAwB,EACxB,uBAAuB,GACxB,MAAM,+BAA+B,CAAC;AACvC,YAAY,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAC3E,YAAY,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AACrD,OAAO,EACL,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,cAAc,GACf,MAAM,SAAS,CAAC;AAEjB,OAAO,EACL,eAAe,EACf,sBAAsB,EACtB,gBAAgB,EAChB,mBAAmB,EACnB,sBAAsB,EACtB,eAAe,EACf,wBAAwB,EACxB,gBAAgB,EAChB,sBAAsB,EACtB,cAAc,EACd,kBAAkB,EAClB,KAAK,UAAU,EACf,KAAK,cAAc,EACnB,KAAK,gBAAgB,GACtB,MAAM,iCAAiC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AACrE,YAAY,EACV,qBAAqB,EACrB,4BAA4B,EAC5B,2BAA2B,GAC5B,MAAM,wBAAwB,CAAC;AAChC,YAAY,EACV,wBAAwB,EACxB,uBAAuB,GACxB,MAAM,+BAA+B,CAAC;AACvC,YAAY,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAC3E,YAAY,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AACrD,OAAO,EACL,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,cAAc,GACf,MAAM,SAAS,CAAC;AAEjB,OAAO,EACL,eAAe,EACf,sBAAsB,EACtB,gBAAgB,EAChB,mBAAmB,EACnB,QAAQ,EACR,OAAO,EACP,sBAAsB,EACtB,eAAe,EACf,wBAAwB,EACxB,gBAAgB,EAChB,sBAAsB,EACtB,cAAc,EACd,kBAAkB,EAClB,mBAAmB,EACnB,KAAK,UAAU,EACf,KAAK,cAAc,EACnB,KAAK,gBAAgB,GACtB,MAAM,iCAAiC,CAAC"}

package/dist/index.js

@@ -80,13 +80,10 @@ var x = {
 	7027,
 	2304,
 	1208
-], C = {
+], C = "'Cascadia Code', 'Consolas', 'Monaco', 'Courier New', monospace", w = 13, T = 1.5, E = !0, D = {
 	editor: {
-		lineNumbers: "on",
 		glyphMargin: !0,
 		folding: !0,
-		lineDecorationsWidth: 10,
-		lineNumbersMinChars: 3,
 		renderLineHighlight: "line",
 		contextmenu: !0,
 		overviewRulerLanes: 3,
@@ -103,11 +100,8 @@ var x = {
 		wordWrap: "off"
 	},
 	inline: {
-		lineNumbers: "off",
 		glyphMargin: !1,
 		folding: !1,
-		lineDecorationsWidth: 0,
-		lineNumbersMinChars: 0,
 		renderLineHighlight: "none",
 		contextmenu: !1,
 		overviewRulerLanes: 0,
@@ -125,25 +119,36 @@ var x = {
 		wordWrap: "on"
 	}
 };
-function w(e) {
+function O(e, t) {
+	return t ?? e === "editor" ? {
+		lineNumbers: "on",
+		lineNumbersMinChars: 3,
+		lineDecorationsWidth: 10
+	} : {
+		lineNumbers: "off",
+		lineNumbersMinChars: 0,
+		lineDecorationsWidth: 12
+	};
+}
+function k(e) {
 	return e ? `${e}\n` : "";
 }
-function T(e) {
+function A(e) {
 	return e ? e.split("\n").length : 0;
 }
-function E(e, t) {
-	return t ? w(t) + e : e;
+function j(e, t) {
+	return t ? k(t) + e : e;
 }
-function D(e, t) {
+function M(e, t) {
 	if (!t) return e;
-	let n = w(t);
+	let n = k(t);
 	return e.startsWith(n) ? e.slice(n.length) : e;
 }
-function O(e, t) {
-	let n = T(t), r = n === 0 ? [] : [new f.Range(1, 1, n, 2 ** 53 - 1)];
+function N(e, t) {
+	let n = A(t), r = n === 0 ? [] : [new f.Range(1, 1, n, 2 ** 53 - 1)];
 	e.setHiddenAreas(r);
 }
-function k(e, t) {
+function P(e, t) {
 	if (!t || e !== "typescript" && e !== "javascript") return;
 	let n = e === "javascript" ? f.languages.typescript.javascriptDefaults : f.languages.typescript.typescriptDefaults, r = typeof n.getDiagnosticsOptions == "function" ? n.getDiagnosticsOptions() : {}, i = new Set(r.diagnosticCodesToIgnore ?? []);
 	for (let e of S) i.add(e);
@@ -152,7 +157,7 @@ function k(e, t) {
 		diagnosticCodesToIgnore: Array.from(i)
 	});
 }
-function A(e) {
+function F(e) {
 	let t = l(null), n = l(null), r = !1, i = null, a = null, s = null, c = null, u = !1;
 	function p() {
 		return e.variant?.() ?? "editor";
@@ -166,8 +171,8 @@ function A(e) {
 		if (u || !e.host.value) return;
 		u = !0, g(f);
 		let o = e.language(), c = e.preamble?.() ?? "";
-		k(o, e.scriptMode?.() ?? !1);
-		let l = f.editor.createModel(E(e.initialValue(), c), o, f.Uri.parse(`file:///coar-script-editor/${b()}.${x[o]}`));
+		P(o, e.scriptMode?.() ?? !1);
+		let l = f.editor.createModel(j(e.initialValue(), c), o, f.Uri.parse(`file:///coar-script-editor/${b()}.${x[o]}`));
 		n.value = l;
 		let d = e.overflowWidgetsDomNode?.() ?? null, h = f.editor.create(e.host.value, {
 			model: l,
@@ -176,18 +181,22 @@ function A(e) {
 			minimap: { enabled: e.minimap() },
 			automaticLayout: !0,
 			scrollBeyondLastLine: !1,
-			fontSize: 13,
+			fontFamily: C,
+			fontSize: w,
+			lineHeight: T,
+			fontLigatures: E,
 			tabSize: 2,
 			fixedOverflowWidgets: !0,
-			...C[p()],
+			...D[p()],
+			...O(p(), e.lineNumbers?.()),
 			...d ? { overflowWidgetsDomNode: d } : {}
 		});
-		t.value = h, O(h, c), m();
+		t.value = h, N(h, c), m();
 		let _ = !1;
 		i = h.onDidChangeModelContent((n) => {
 			let i = e.preamble?.() ?? "";
 			if (i && !n.isFlush && !n.isUndoing) {
-				let e = w(i).length;
+				let e = k(i).length;
 				if (n.changes.some((t) => t.rangeOffset < e)) {
 					h.trigger("coar-script-editor-preamble", "undo", null);
 					return;
@@ -196,7 +205,7 @@ function A(e) {
 			r || _ || (_ = !0, queueMicrotask(() => {
 				if (_ = !1, !t.value) return;
 				let n = h.getValue();
-				e.onContentChange(D(n, e.preamble?.() ?? ""));
+				e.onContentChange(M(n, e.preamble?.() ?? ""));
 			}));
 		}), e.onFocused && (a = h.onDidFocusEditorWidget(() => e.onFocused?.())), e.onBlurred && (s = h.onDidBlurEditorWidget(() => e.onBlurred?.())), e.autofocus?.() && queueMicrotask(() => t.value?.focus()), e.onEditorReady?.(h);
 	}
@@ -211,11 +220,11 @@ function A(e) {
 	function _(n) {
 		let i = t.value;
 		if (!i) return;
-		let a = e.preamble?.() ?? "", o = E(n, a);
+		let a = e.preamble?.() ?? "", o = j(n, a);
 		if (i.getValue() !== o) {
 			r = !0;
 			try {
-				i.setValue(o), O(i, a);
+				i.setValue(o), N(i, a);
 			} finally {
 				r = !1;
 			}
@@ -232,14 +241,17 @@ function A(e) {
 	}
 	return d(() => e.language(), (t) => {
 		let r = n.value;
-		r && f.editor.setModelLanguage(r, t), k(t, e.scriptMode?.() ?? !1);
-	}), d(() => e.readonly(), (e) => t.value?.updateOptions({ readOnly: e })), d(() => e.minimap(), (e) => t.value?.updateOptions({ minimap: { enabled: e } })), e.variant && d(() => p(), (e) => t.value?.updateOptions(C[e])), e.scriptMode && d(() => e.scriptMode(), (t) => k(e.language(), t)), e.preamble && d(() => e.preamble(), (e, n) => {
+		r && f.editor.setModelLanguage(r, t), P(t, e.scriptMode?.() ?? !1);
+	}), d(() => e.readonly(), (e) => t.value?.updateOptions({ readOnly: e })), d(() => e.minimap(), (e) => t.value?.updateOptions({ minimap: { enabled: e } })), e.variant && d(() => p(), (n) => t.value?.updateOptions({
+		...D[n],
+		...O(n, e.lineNumbers?.())
+	})), e.lineNumbers && d(() => e.lineNumbers(), (e) => t.value?.updateOptions(O(p(), e))), e.scriptMode && d(() => e.scriptMode(), (t) => P(e.language(), t)), e.preamble && d(() => e.preamble(), (e, n) => {
 		let i = t.value;
 		if (!i) return;
-		let a = E(D(i.getValue(), n ?? ""), e);
+		let a = j(M(i.getValue(), n ?? ""), e);
 		r = !0;
 		try {
-			i.setValue(a), O(i, e);
+			i.setValue(a), N(i, e);
 		} finally {
 			r = !1;
 		}
@@ -254,7 +266,7 @@ function A(e) {
 }
 //#endregion
 //#region src/composables/useExtraLibs.ts
-function j(e) {
+function I(e) {
 	let t = [], n = /* @__PURE__ */ new Set(), r = !1;
 	function i() {
 		for (; t.length;) t.pop()?.dispose();
@@ -272,27 +284,32 @@ function j(e) {
 }
 //#endregion
 //#region src/constrained/LockedLineScanner.ts
-var M = /\/\/\s*@locked\b/, N = "// @locked";
-function P(e) {
-	return M.test(e);
+var L = /\/\/\s*@locked\b/, R = /\/\/\s*@locked\b[^\n]*?@slot:([A-Za-z_][A-Za-z0-9_-]*)/, ee = "// @locked", z = R.source;
+function B(e) {
+	return L.test(e);
 }
-function F(e) {
+function V(e) {
 	let t = [], n = e.length, r = 0, i = 0;
 	for (let a = 0; a <= n; a++) if (a === n || e[a] === "\n") {
 		let o = a, s = o > i && e[o - 1] === "\r" ? o - 1 : o, c = e.slice(i, s);
-		M.test(c) && t.push({
-			lineIndex: r,
-			lineStart: i,
-			lineEnd: o,
-			protectedStart: i,
-			protectedEnd: o,
-			snapBefore: i === 0 ? null : i - 1,
-			snapAfter: o >= n ? null : o + 1
-		}), i = a + 1, r++;
+		if (L.test(c)) {
+			let e = c.match(R);
+			t.push({
+				lineIndex: r,
+				lineStart: i,
+				lineEnd: o,
+				protectedStart: i,
+				protectedEnd: o,
+				snapBefore: i === 0 ? null : i - 1,
+				snapAfter: o >= n ? null : o + 1,
+				...e ? { slotName: e[1] } : {}
+			});
+		}
+		i = a + 1, r++;
 	}
 	return t;
 }
-function I(e) {
+function H(e) {
 	if (e.length === 0) return [];
 	let t = [...e].sort((e, t) => e.protectedStart - t.protectedStart), n = [], r = {
 		start: t[0].protectedStart,
@@ -311,27 +328,27 @@ function I(e) {
 	}
 	return n.push(r), n;
 }
-function L(e, t) {
+function U(e, t) {
 	return e.rangeStart <= t.end && e.rangeEnd >= t.start;
 }
-function R(e, t) {
-	return t.some((t) => L(e, t));
+function W(e, t) {
+	return t.some((t) => U(e, t));
 }
-function z(e, t) {
+function G(e, t) {
 	for (let n of t) if (e >= n.start && e <= n.end) {
 		let t = n.snapBefore, r = n.snapAfter;
 		return t == null && r == null ? 0 : t == null ? r : r == null || e - t < r - e ? t : r;
 	}
 	return e;
 }
-function B(e) {
-	return F(e).length;
+function K(e) {
+	return V(e).length;
 }
-function V(e) {
-	return U(e).every((e) => e.trim().length > 0);
+function q(e) {
+	return Q(e).every((e) => e.trim().length > 0);
 }
-function H(e) {
-	let t = F(e), n = U(e), r = [];
+function J(e) {
+	let t = V(e), n = Q(e), r = [];
 	return t.length > 0 && t[0].lineIndex === 0 && r.push("Source starts with a locked line — there is no space above for auto-import or helpers."), t.length > 0 && n.every((e) => e.length === 0) && r.push("Source has locked lines but no editable space between or around them."), {
 		ok: r.length === 0,
 		lockedLineCount: t.length,
@@ -339,8 +356,30 @@ function H(e) {
 		warnings: r
 	};
 }
-function U(e) {
-	let t = F(e);
+function Y(e) {
+	let t = e.split("\n"), n = 0, r = t.length;
+	for (; n < r && t[n].trim() === "";) n++;
+	for (; r > n && t[r - 1].trim() === "";) r--;
+	return t.slice(n, r).join("\n");
+}
+function X(e) {
+	let t = V(e);
+	if (t.length === 0) return {};
+	let n = e.split("\n"), r = {};
+	for (let e = 0; e < t.length; e++) {
+		let i = t[e];
+		if (!i.slotName || Object.prototype.hasOwnProperty.call(r, i.slotName)) continue;
+		let a = i.lineIndex + 1, o = t[e + 1], s = o ? o.lineIndex : n.length, c = n.slice(a, s).join("\n");
+		r[i.slotName] = Y(c);
+	}
+	return r;
+}
+function Z(e, t) {
+	let n = X(e);
+	return Object.prototype.hasOwnProperty.call(n, t) ? n[t] : void 0;
+}
+function Q(e) {
+	let t = V(e);
 	if (t.length === 0) return [e];
 	let n = new Set(t.map((e) => e.lineIndex)), r = e.split("\n"), i = [], a = [];
 	for (let e = 0; e < r.length; e++) n.has(e) ? a.length > 0 || i.length === 0 ? (i.push(a.join("\n")), a = []) : i.push("") : a.push(r[e]);
@@ -348,7 +387,7 @@ function U(e) {
 }
 //#endregion
 //#region src/constrained/ChangeGuard.ts
-var W = class {
+var te = class {
 	disposables = [];
 	lockedLines;
 	protectedRanges;
@@ -356,7 +395,7 @@ var W = class {
 		this.editor = e, this.authoring = t, this.callbacks = n;
 		let r = e.getModel();
 		if (!r) throw Error("ChangeGuard requires the editor to have an attached model");
-		this.lockedLines = F(r.getValue()), this.protectedRanges = I(this.lockedLines), this.disposables.push(r.onDidChangeContent((e) => this.handleChange(e)));
+		this.lockedLines = V(r.getValue()), this.protectedRanges = H(this.lockedLines), this.disposables.push(r.onDidChangeContent((e) => this.handleChange(e)));
 	}
 	dispose() {
 		for (; this.disposables.length;) this.disposables.pop()?.dispose();
@@ -369,14 +408,14 @@ var W = class {
 	}
 	refresh() {
 		let e = this.editor.getModel();
-		e && (this.lockedLines = F(e.getValue()), this.protectedRanges = I(this.lockedLines), this.callbacks.onLinesUpdated?.(this.lockedLines));
+		e && (this.lockedLines = V(e.getValue()), this.protectedRanges = H(this.lockedLines), this.callbacks.onLinesUpdated?.(this.lockedLines));
 	}
 	handleChange(e) {
 		let t = this.editor.getModel();
 		if (!t) return;
 		let n = e.isFlush || e.isUndoing || this.authoring();
 		if (e.isFlush && t.pushStackElement(), !n) {
-			let t = e.changes.find((e) => R({
+			let t = e.changes.find((e) => W({
 				rangeStart: e.rangeOffset,
 				rangeEnd: e.rangeOffset + e.rangeLength
 			}, this.protectedRanges));
@@ -391,9 +430,9 @@ var W = class {
 				return;
 			}
 		}
-		this.lockedLines = F(t.getValue()), this.protectedRanges = I(this.lockedLines), this.callbacks.onLinesUpdated?.(this.lockedLines), this.callbacks.onContentChanged?.(t.getValue());
+		this.lockedLines = V(t.getValue()), this.protectedRanges = H(this.lockedLines), this.callbacks.onLinesUpdated?.(this.lockedLines), this.callbacks.onContentChanged?.(t.getValue());
 	}
-}, G = class {
+}, ne = class {
 	disposables = [];
 	correcting = !1;
 	constructor(e, t, n) {
@@ -415,7 +454,7 @@ var W = class {
 		if (n.length === 0) return;
 		let r = t[0].constructor, i = [], a = !1;
 		for (let o of t) {
-			let t = e.getOffsetAt(o.getStartPosition()), s = e.getOffsetAt(o.getEndPosition()), c = z(t, n), l = z(s, n);
+			let t = e.getOffsetAt(o.getStartPosition()), s = e.getOffsetAt(o.getEndPosition()), c = G(t, n), l = G(s, n);
 			if (c === t && l === s) {
 				i.push(o);
 				continue;
@@ -432,7 +471,7 @@ var W = class {
 			}
 		}
 	}
-}, K = class {
+}, re = class {
 	disposables = [];
 	filtering = !1;
 	constructor(e, t) {
@@ -453,7 +492,7 @@ var W = class {
 		if (this.authoring()) return;
 		let e = this.editor.getModel();
 		if (!e) return;
-		let t = e.getValue(), n = new Set(F(t).map((e) => e.lineIndex + 1));
+		let t = e.getValue(), n = new Set(V(t).map((e) => e.lineIndex + 1));
 		if (n.size === 0) return;
 		let r = f.editor.getModelMarkers({ resource: e.uri });
 		if (r.length === 0) return;
@@ -487,8 +526,8 @@ var W = class {
 			this.filtering = !1;
 		}
 	}
-}, q = "coar-script-editor-locked-line", J = "coar-script-editor-locked-marker", Y = /\/\/\s*@locked\b/g;
-function X(e) {
+}, ie = "coar-script-editor-locked-line", ae = "coar-script-editor-locked-marker", oe = /\/\/\s*@locked\b/g;
+function $(e) {
 	let t = null, n = null, r = null, i = null;
 	function a() {
 		t?.dispose(), t = null, n?.dispose(), n = null, r?.dispose(), r = null, i?.clear(), i = null;
@@ -507,12 +546,12 @@ function X(e) {
 					endColumn: i + 1
 				},
 				options: {
-					className: q,
+					className: ie,
 					isWholeLine: !0,
 					stickiness: 1
 				}
 			});
-			let a = n.getLineContent(t), o = new RegExp(Y.source, "g"), s;
+			let a = n.getLineContent(t), o = new RegExp(oe.source, "g"), s;
 			for (; (s = o.exec(a)) !== null;) r.push({
 				range: {
 					startLineNumber: t,
@@ -521,7 +560,7 @@ function X(e) {
 					endColumn: s.index + s[0].length + 1
 				},
 				options: {
-					inlineClassName: J,
+					inlineClassName: ae,
 					stickiness: 1,
 					hoverMessage: { value: "Locked line marker" }
 				}
@@ -534,14 +573,14 @@ function X(e) {
 			formatOnType: !1,
 			formatOnPaste: !1,
 			linkedEditing: !1
-		}), t = new W(i, e.authoring, {
+		}), t = new te(i, e.authoring, {
 			onReject: e.onReject,
 			onLinesUpdated: (e) => {
 				s(i, e), r?.refresh();
 			}
-		}), n = new G(i, () => t?.getProtectedRanges() ?? [], e.authoring), r = new K(i, e.authoring), s(i, t.getLockedLines()), n.snapCurrent();
+		}), n = new ne(i, () => t?.getProtectedRanges() ?? [], e.authoring), r = new re(i, e.authoring), s(i, t.getLockedLines()), n.snapCurrent();
 	}
-	d([e.editor, () => P(e.value())], ([e, n]) => {
+	d([e.editor, () => B(e.value())], ([e, n]) => {
 		if (!e) {
 			a();
 			return;
@@ -560,13 +599,13 @@ function X(e) {
 }
 //#endregion
 //#region src/composables/useFormFieldContext.ts
-var Z = Symbol.for("coar:form-field");
-function Q() {
-	return r(Z, void 0);
+var se = Symbol.for("coar:form-field");
+function ce() {
+	return r(se, void 0);
 }
 //#endregion
 //#region src/CoarScriptEditor.vue?vue&type=script&setup=true&lang.ts
-var $ = [
+var le = [
 	"id",
 	"aria-invalid",
 	"aria-describedby",
@@ -574,7 +613,7 @@ var $ = [
 	"aria-required",
 	"data-placeholder",
 	"data-name"
-], ee = /* @__PURE__ */ n({
+], ue = /* @__PURE__ */ n({
 	__name: "CoarScriptEditor",
 	props: {
 		modelValue: { default: "" },
@@ -608,6 +647,10 @@ var $ = [
 		name: { default: "" },
 		height: { default: void 0 },
 		variant: { default: "editor" },
+		lineNumbers: {
+			type: Boolean,
+			default: void 0
+		},
 		scriptMode: {
 			type: Boolean,
 			default: !1
@@ -628,7 +671,7 @@ var $ = [
 		"blurred"
 	],
 	setup(n, { expose: r, emit: o }) {
-		let l = n, f = o, p = c(null), m = l.modelValue, h = Q(), g = `coar-script-editor-${u()}`, _ = e(() => l.id || h?.inputId.value || g), v = e(() => l.error || (h?.hasError.value ?? !1)), y = e(() => h?.messageId.value), b = e(() => l.disabled || (h?.disabled.value ?? !1)), x = c(!1), S = c(l.modelValue.length === 0), C = e(() => ({
+		let l = n, f = o, p = c(null), m = l.modelValue, h = ce(), g = `coar-script-editor-${u()}`, _ = e(() => l.id || h?.inputId.value || g), v = e(() => l.error || (h?.hasError.value ?? !1)), y = e(() => h?.messageId.value), b = e(() => l.disabled || (h?.disabled.value ?? !1)), x = c(!1), S = c(l.modelValue.length === 0), C = e(() => ({
 			"coar-script-editor": !0,
 			"coar-script-editor--authoring": l.authoring,
 			"coar-script-editor--inline": l.variant === "inline",
@@ -638,7 +681,7 @@ var $ = [
 		})), w = e(() => l.height === void 0 || l.height === "" ? {} : {
 			height: typeof l.height == "number" ? `${l.height}px` : l.height,
 			minHeight: "0"
-		}), { editor: T, model: E, setValue: D } = A({
+		}), { editor: T, model: E, setValue: D } = F({
 			host: p,
 			initialValue: () => l.modelValue,
 			language: () => l.language,
@@ -646,6 +689,7 @@ var $ = [
 			minimap: () => l.minimap,
 			theme: () => l.theme,
 			variant: () => l.variant,
+			lineNumbers: () => l.lineNumbers,
 			preamble: () => l.preamble,
 			scriptMode: () => l.scriptMode,
 			autofocus: () => l.autofocus,
@@ -660,10 +704,10 @@ var $ = [
 				x.value = !1, f("blurred");
 			}
 		});
-		return j({
+		return I({
 			language: () => l.language,
 			libs: () => l.extraLibs
-		}), X({
+		}), $({
 			editor: T,
 			value: () => l.modelValue,
 			authoring: () => l.authoring,
@@ -686,8 +730,8 @@ var $ = [
 			"aria-required": n.required ? "true" : void 0,
 			"data-placeholder": n.placeholder || void 0,
 			"data-name": n.name || void 0
-		}, null, 14, $));
+		}, null, 14, le));
 	}
 });
 //#endregion
-export { m as COAR_THEME_DARK, p as COAR_THEME_LIGHT, ee as CoarScriptEditor, N as LOCKED_MARKER_TEXT, I as computeProtectedRanges, B as countLockedLines, _ as detectAutoTheme, R as editIsProtected, g as ensureCoarThemes, U as getEditableSegments, P as hasLockedMarkers, V as isEverySegmentNonEmpty, L as overlapsProtectedRange, F as scanLockedLines, z as snapOffsetAwayFromLocked, H as validateSource, y as watchAutoTheme };
+export { m as COAR_THEME_DARK, p as COAR_THEME_LIGHT, ue as CoarScriptEditor, ee as LOCKED_MARKER_TEXT, z as SLOT_MARKER_PATTERN, H as computeProtectedRanges, K as countLockedLines, _ as detectAutoTheme, W as editIsProtected, g as ensureCoarThemes, Q as getEditableSegments, Z as getSlot, X as getSlots, B as hasLockedMarkers, q as isEverySegmentNonEmpty, U as overlapsProtectedRange, V as scanLockedLines, G as snapOffsetAwayFromLocked, J as validateSource, y as watchAutoTheme };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocoar/vue-script-editor",
-  "version": "1.9.0-script-editor.4",
+  "version": "1.10.0-overlay-parent-injection.2",
   "description": "Monaco-based script editor component for Vue 3 with Cocoar Design System styling",
   "license": "Apache-2.0",
   "repository": {
@@ -40,11 +40,11 @@
     "lint": "eslint src/"
   },
   "peerDependencies": {
-    "monaco-editor": "^0.54.0",
+    "monaco-editor": "^0.55.1",
     "vue": "^3.5.0"
   },
   "devDependencies": {
-    "monaco-editor": "^0.54.0",
+    "monaco-editor": "^0.55.1",
     "vue": "^3.5.32"
   }
 }