@gxp-dev/mod-ui 2.0.0 → 2.0.3

package/dist/components/compositions/elements/display/VideoPlayerDisplay.vue2.js

@@ -1,36 +1,5 @@
-import { defineComponent as r, computed as c, openBlock as t, createElementBlock as a, normalizeClass as n, createCommentVNode as d } from "vue";
-const u = ["src", "autoplay", "loop", "muted"], p = /* @__PURE__ */ r({
-  __name: "VideoPlayerDisplay",
-  props: {
-    src: {},
-    autoplay: { type: Boolean },
-    loop: { type: Boolean },
-    muted: { type: Boolean },
-    classList: {}
-  },
-  setup(o) {
-    const l = o, s = c(() => {
-      const e = l.classList;
-      return e ? Array.isArray(e) ? e.join(" ") : e : "";
-    });
-    return (e, i) => (t(), a("div", {
-      class: n(["w-full", s.value]),
-      "data-testid": "video-display"
-    }, [
-      o.src ? (t(), a("video", {
-        key: 0,
-        controls: "",
-        src: o.src,
-        autoplay: o.autoplay || void 0,
-        loop: o.loop || void 0,
-        muted: o.muted || void 0,
-        class: "h-auto w-full rounded border",
-        preload: "metadata"
-      }, null, 8, u)) : d("", !0)
-    ], 2));
-  }
-});
+import f from "./VideoPlayerDisplay.vue.js";
 export {
-  p as default
+  f as default
 };
 //# sourceMappingURL=VideoPlayerDisplay.vue2.js.map

package/dist/components/compositions/elements/display/VideoPlayerDisplay.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"VideoPlayerDisplay.vue2.js","sources":["../../../../../src/components/compositions/elements/display/VideoPlayerDisplay.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven video display.\n *\n * Renders a native HTML5 `<video controls>` player. Pass `autoplay`,\n * `loop`, and `muted` to enable the corresponding behaviours.\n */\nimport { computed } from \"vue\"\n\nexport interface VideoPlayerDisplayProps {\n  src?: string\n  autoplay?: boolean\n  loop?: boolean\n  muted?: boolean\n  classList?: string[] | string\n}\n\nconst props = defineProps<VideoPlayerDisplayProps>()\n\nconst rootClass = computed<string>(() => {\n  const cl = props.classList\n  if (!cl) {\n    return \"\"\n  }\n  return Array.isArray(cl) ? cl.join(\" \") : cl\n})\n</script>\n\n<template>\n  <div\n    class=\"w-full\"\n    :class=\"rootClass\"\n    data-testid=\"video-display\"\n  >\n    <video\n      v-if=\"src\"\n      controls\n      :src=\"src\"\n      :autoplay=\"autoplay || undefined\"\n      :loop=\"loop || undefined\"\n      :muted=\"muted || undefined\"\n      class=\"h-auto w-full rounded border\"\n      preload=\"metadata\"\n    />\n  </div>\n</template>\n"],"names":["props","__props","rootClass","computed","cl","_createElementBlock","_normalizeClass"],"mappings":";;;;;;;;;;;AAiBA,UAAMA,IAAQC,GAERC,IAAYC,EAAiB,MAAM;AACvC,YAAMC,IAAKJ,EAAM;AACjB,aAAKI,IAGE,MAAM,QAAQA,CAAE,IAAIA,EAAG,KAAK,GAAG,IAAIA,IAFjC;AAAA,IAGX,CAAC;2BAICC,EAeM,OAAA;AAAA,MAdJ,OAAKC,EAAA,CAAC,UACEJ,EAAA,KAAS,CAAA;AAAA,MACjB,eAAY;AAAA,IAAA;MAGJD,EAAA,YADRI,EASE,SAAA;AAAA;QAPA,UAAA;AAAA,QACC,KAAKJ,EAAA;AAAA,QACL,UAAUA,EAAA,YAAY;AAAA,QACtB,MAAMA,EAAA,QAAQ;AAAA,QACd,OAAOA,EAAA,SAAS;AAAA,QACjB,OAAM;AAAA,QACN,SAAQ;AAAA,MAAA;;;;"}
+{"version":3,"file":"VideoPlayerDisplay.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/compositions/elements/editor/CodeEditor.vue.d.ts

@@ -0,0 +1,33 @@
+export interface CodeEditorProps {
+    modelValue?: string | null;
+    id?: string;
+    name?: string;
+    label?: string;
+    hideLabel?: boolean;
+    placeholder?: string;
+    required?: boolean;
+    readonly?: boolean;
+    disabled?: boolean;
+    helpText?: string;
+    errors?: string[];
+    /** Language for syntax highlighting. Defaults to "javascript". */
+    language?: string;
+    /** Fixed height for the editor area. If unset, min/max-height applies. */
+    height?: string;
+    minHeight?: string;
+    maxHeight?: string;
+}
+declare const _default: import('vue').DefineComponent<CodeEditorProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<CodeEditorProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    language: string;
+    errors: string[];
+    minHeight: string;
+    maxHeight: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    editorEl: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;
+//# sourceMappingURL=CodeEditor.vue.d.ts.map

package/dist/components/compositions/elements/editor/CodeEditor.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeEditor.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/elements/editor/CodeEditor.vue"],"names":[],"mappings":"AAqXA,MAAM,WAAW,eAAe;IAC9B,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;IACjB,kEAAkE;IAClE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,0EAA0E;IAC1E,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;;;;;;cALY,MAAM;YAFR,MAAM,EAAE;eAKL,MAAM;eACN,MAAM;;;;AA4bpB,wBAUG"}

package/dist/components/compositions/elements/editor/CodeEditor.vue.js

@@ -1,5 +1,8 @@
-import f from "./CodeEditor.vue2.js";
+import o from "./CodeEditor.vue2.js";
+/* empty css                */
+import t from "../../../../_virtual/_plugin-vue_export-helper.js";
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0217abb1"]]);
 export {
-  f as default
+  p as default
 };
 //# sourceMappingURL=CodeEditor.vue.js.map

package/dist/components/compositions/elements/editor/CodeEditor.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"CodeEditor.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"CodeEditor.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/compositions/elements/editor/CodeEditor.vue2.js

@@ -1,11 +1,28 @@
-import { defineComponent as u, useModel as s, openBlock as m, createBlock as c, unref as o, withCtx as r, createElementVNode as t, createVNode as i, createTextVNode as f, toDisplayString as b, normalizeClass as h, mergeModels as g } from "vue";
-import { Code2 as x } from "lucide-vue-next";
-import "../../../ui/badge/index.js";
-import v from "../../../ui/field-frame/FieldFrame.vue.js";
-import y from "../../../ui/badge/Badge.vue.js";
-const w = { class: "flex items-center gap-2 text-xs text-muted-foreground" }, q = ["id", "name", "placeholder", "readonly", "disabled", "required", "rows", "value", "data-element-name"], N = /* @__PURE__ */ u({
+import { defineComponent as P, ref as H, computed as h, onMounted as A, onBeforeUnmount as G, watch as c, openBlock as b, createBlock as J, unref as n, withCtx as d, createElementVNode as y, normalizeClass as C, createVNode as s, createTextVNode as S, toDisplayString as T, createElementBlock as U, Fragment as X, renderList as I, createCommentVNode as Q } from "vue";
+import { useDark as K } from "@vueuse/core";
+import { basicSetup as R, EditorView as f } from "codemirror";
+import { Compartment as g, EditorState as k } from "@codemirror/state";
+import { oneDark as W } from "@codemirror/theme-one-dark";
+import { javascript as p } from "@codemirror/lang-javascript";
+import { html as Y } from "@codemirror/lang-html";
+import { css as Z } from "@codemirror/lang-css";
+import { json as ee } from "@codemirror/lang-json";
+import { python as te } from "@codemirror/lang-python";
+import { sql as oe } from "@codemirror/lang-sql";
+import { php as re } from "@codemirror/lang-php";
+import { FileCode2 as ae, ChevronDown as ne, AlignLeft as le } from "lucide-vue-next";
+import ie from "../../../ui/dropdown-menu/DropdownMenu.vue.js";
+import "reka-ui";
+import { cn as se } from "../../../../lib/utils.js";
+import de from "../../../ui/dropdown-menu/DropdownMenuContent.vue.js";
+import me from "../../../ui/dropdown-menu/DropdownMenuItem.vue.js";
+import ue from "../../../ui/dropdown-menu/DropdownMenuTrigger.vue.js";
+import "../../../ui/button/index.js";
+import ce from "../../../ui/field-frame/FieldFrame.vue.js";
+import $ from "../../../ui/button/Button.vue.js";
+const fe = ["data-element-name"], De = /* @__PURE__ */ P({
   __name: "CodeEditor",
-  props: /* @__PURE__ */ g({
+  props: {
     modelValue: {},
     id: {},
     name: {},
@@ -17,61 +34,202 @@ const w = { class: "flex items-center gap-2 text-xs text-muted-foreground" }, q
     disabled: { type: Boolean },
     helpText: {},
     errors: { default: () => [] },
-    language: {},
-    rows: { default: 12 }
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
+    language: { default: "javascript" },
+    height: {},
+    minHeight: { default: "12rem" },
+    maxHeight: { default: "40rem" }
+  },
   emits: ["update:modelValue"],
-  setup(e) {
-    const a = s(e, "modelValue");
-    function n(d) {
-      const l = d.target;
-      a.value = (l == null ? void 0 : l.value) ?? "";
+  setup(i, { emit: q }) {
+    const a = i, L = q, v = [
+      { label: "JavaScript", value: "javascript", ext: () => p() },
+      { label: "TypeScript", value: "typescript", ext: () => p({ typescript: !0 }) },
+      { label: "JSX", value: "jsx", ext: () => p({ jsx: !0 }) },
+      { label: "TSX", value: "tsx", ext: () => p({ jsx: !0, typescript: !0 }) },
+      { label: "HTML", value: "html", ext: () => Y() },
+      { label: "CSS", value: "css", ext: () => Z() },
+      { label: "JSON", value: "json", ext: () => ee() },
+      { label: "Python", value: "python", ext: () => te() },
+      { label: "SQL", value: "sql", ext: () => oe() },
+      { label: "PHP", value: "php", ext: () => re() }
+    ];
+    function _(e) {
+      var o;
+      return ((o = v.find((r) => r.value === e)) == null ? void 0 : o.ext()) ?? p();
+    }
+    const x = H(null);
+    let t = null;
+    const E = K(), m = h(() => !!(a.disabled || a.readonly)), D = h(() => a.errors.length > 0), l = H(a.language ?? "javascript"), V = new g(), j = new g(), w = new g(), B = new g();
+    let u = !1;
+    function N() {
+      return E.value ? W : [];
+    }
+    A(() => {
+      if (!x.value) return;
+      const e = a.modelValue ?? "", o = k.create({
+        doc: e,
+        extensions: [
+          R,
+          V.of(_(l.value)),
+          j.of(N()),
+          w.of(f.editable.of(!m.value)),
+          B.of(k.readOnly.of(m.value)),
+          f.updateListener.of((r) => {
+            r.docChanged && !u && L("update:modelValue", r.state.doc.toString());
+          }),
+          f.theme({
+            "&": { fontSize: "0.8125rem" },
+            ".cm-scroller": {
+              fontFamily: "'ui-monospace', 'Cascadia Code', 'Source Code Pro', Menlo, Monaco, Consolas, monospace",
+              overflow: "auto",
+              ...a.height ? { height: a.height } : { minHeight: a.minHeight ?? "12rem", maxHeight: a.maxHeight ?? "40rem" }
+            },
+            ".cm-focused": { outline: "none" }
+          })
+        ]
+      });
+      t = new f({ state: o, parent: x.value });
+    }), G(() => {
+      t == null || t.destroy(), t = null;
+    }), c(
+      () => a.modelValue,
+      (e) => {
+        if (!t) return;
+        const o = t.state.doc.toString(), r = e ?? "";
+        o !== r && (u = !0, t.dispatch({
+          changes: { from: 0, to: t.state.doc.length, insert: r }
+        }), u = !1);
+      }
+    ), c(E, () => {
+      t == null || t.dispatch({ effects: j.reconfigure(N()) });
+    }), c(m, (e) => {
+      t == null || t.dispatch({
+        effects: [
+          w.reconfigure(f.editable.of(!e)),
+          B.reconfigure(k.readOnly.of(e))
+        ]
+      });
+    }), c(l, (e) => {
+      t == null || t.dispatch({ effects: V.reconfigure(_(e)) });
+    }), c(
+      () => a.language,
+      (e) => {
+        e && e !== l.value && (l.value = e);
+      }
+    );
+    const F = h(
+      () => {
+        var e;
+        return ((e = v.find((o) => o.value === l.value)) == null ? void 0 : e.label) ?? l.value;
+      }
+    ), O = h(() => l.value === "json");
+    function z(e) {
+      l.value = e;
+    }
+    function M() {
+      if (t)
+        try {
+          const e = t.state.doc.toString(), o = JSON.stringify(JSON.parse(e), null, 2);
+          if (o === e) return;
+          u = !0, t.dispatch({
+            changes: { from: 0, to: t.state.doc.length, insert: o }
+          }), u = !1, L("update:modelValue", o);
+        } catch {
+        }
     }
-    return (d, l) => (m(), c(o(v), {
-      label: e.label,
-      required: e.required,
-      "hide-label": e.hideLabel,
-      for: e.id,
-      "help-text": e.helpText,
-      errors: e.errors,
+    return (e, o) => (b(), J(n(ce), {
+      label: i.label,
+      required: i.required,
+      "hide-label": i.hideLabel,
+      for: i.id,
+      "help-text": i.helpText,
+      errors: i.errors,
       "data-testid": "code-editor"
     }, {
-      default: r(() => [
-        t("div", w, [
-          i(o(x), { class: "h-3.5 w-3.5" }),
-          l[0] || (l[0] = t("span", null, "Plain code editor", -1)),
-          i(o(y), {
-            variant: "outline",
-            class: "font-mono text-[10px]"
-          }, {
-            default: r(() => [
-              f(b(e.language ?? "syntax highlighting coming soon"), 1)
-            ]),
-            _: 1
-          })
-        ]),
-        t("textarea", {
-          id: e.id,
-          name: e.name ?? void 0,
-          placeholder: e.placeholder ?? "// type your code here",
-          readonly: e.readonly,
-          disabled: e.disabled,
-          required: e.required,
-          rows: e.rows,
-          value: a.value ?? "",
-          "data-element-name": e.name ?? void 0,
-          class: h(["font-mono text-sm rounded-md border border-input bg-background px-3 py-2 shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50", e.errors.length ? "border-destructive ring-destructive" : ""]),
-          onInput: n
-        }, null, 42, q)
+      default: d(() => [
+        y("div", {
+          class: C(n(se)(
+            "overflow-hidden rounded-md border border-input shadow-sm",
+            D.value ? "border-destructive ring-1 ring-destructive" : "",
+            m.value ? "opacity-60" : ""
+          )),
+          "data-element-name": i.name ?? void 0
+        }, [
+          y("div", {
+            class: C(["flex items-center gap-1 border-b border-border/60 bg-muted/40 px-2 py-1", m.value ? "pointer-events-none" : ""])
+          }, [
+            s(n(ae), { class: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
+            s(n(ie), null, {
+              default: d(() => [
+                s(n(ue), { "as-child": "" }, {
+                  default: d(() => [
+                    s(n($), {
+                      type: "button",
+                      variant: "ghost",
+                      size: "sm",
+                      class: "h-6 gap-1 px-2 text-xs font-medium text-muted-foreground hover:text-foreground",
+                      "data-testid": "code-editor-lang-trigger"
+                    }, {
+                      default: d(() => [
+                        S(T(F.value) + " ", 1),
+                        s(n(ne), { class: "h-3 w-3" })
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                s(n(de), {
+                  align: "start",
+                  class: "w-40"
+                }, {
+                  default: d(() => [
+                    (b(), U(X, null, I(v, (r) => s(n(me), {
+                      key: r.value,
+                      class: C(l.value === r.value ? "bg-muted font-medium" : ""),
+                      onClick: (pe) => z(r.value)
+                    }, {
+                      default: d(() => [
+                        S(T(r.label), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["class", "onClick"])), 64))
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            O.value ? (b(), J(n($), {
+              key: 0,
+              type: "button",
+              variant: "ghost",
+              size: "sm",
+              class: "h-6 gap-1 px-2 text-xs text-muted-foreground hover:text-foreground",
+              title: "Format JSON",
+              "data-testid": "code-editor-format",
+              onClick: M
+            }, {
+              default: d(() => [
+                s(n(le), { class: "h-3 w-3" }),
+                o[0] || (o[0] = S(" Format ", -1))
+              ]),
+              _: 1
+            })) : Q("", !0)
+          ], 2),
+          y("div", {
+            ref_key: "editorEl",
+            ref: x,
+            class: "code-editor-cm",
+            "data-testid": "code-editor-content"
+          }, null, 512)
+        ], 10, fe)
       ]),
       _: 1
     }, 8, ["label", "required", "hide-label", "for", "help-text", "errors"]));
   }
 });
 export {
-  N as default
+  De as default
 };
 //# sourceMappingURL=CodeEditor.vue2.js.map

package/dist/components/compositions/elements/editor/CodeEditor.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"CodeEditor.vue2.js","sources":["../../../../../src/components/compositions/elements/editor/CodeEditor.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven code editor composition. Monospace `<textarea>` with a\n * \"syntax highlighting coming soon\" hint. Composes `FieldFrame` chrome\n * (label + helpText + errors).\n *\n * Self-contained — usable directly in any Vue app:\n *\n *   <CodeEditor v-model=\"source\" language=\"typescript\" />\n */\nimport { Code2 } from \"lucide-vue-next\"\nimport { Badge } from \"@/components/ui/badge\"\nimport { FieldFrame } from \"@/components/ui/field-frame\"\n\nexport interface CodeEditorProps {\n  modelValue?: string | null\n  id?: string\n  name?: string\n  label?: string\n  hideLabel?: boolean\n  placeholder?: string\n  required?: boolean\n  readonly?: boolean\n  disabled?: boolean\n  helpText?: string\n  errors?: string[]\n  language?: string\n  rows?: number\n}\n\nwithDefaults(defineProps<CodeEditorProps>(), {\n  errors: () => [],\n  rows: 12,\n})\n\nconst model = defineModel<string | null>(\"modelValue\")\n\nfunction onInput(event: Event): void {\n  const target = event.target as HTMLTextAreaElement | null\n  model.value = target?.value ?? \"\"\n}\n</script>\n\n<template>\n  <FieldFrame\n    :label=\"label\"\n    :required=\"required\"\n    :hide-label=\"hideLabel\"\n    :for=\"id\"\n    :help-text=\"helpText\"\n    :errors=\"errors\"\n    data-testid=\"code-editor\"\n  >\n    <div class=\"flex items-center gap-2 text-xs text-muted-foreground\">\n      <Code2 class=\"h-3.5 w-3.5\" />\n      <span>Plain code editor</span>\n      <Badge variant=\"outline\" class=\"font-mono text-[10px]\">\n        {{ language ?? \"syntax highlighting coming soon\" }}\n      </Badge>\n    </div>\n    <textarea\n      :id=\"id\"\n      :name=\"name ?? undefined\"\n      :placeholder=\"placeholder ?? '// type your code here'\"\n      :readonly=\"readonly\"\n      :disabled=\"disabled\"\n      :required=\"required\"\n      :rows=\"rows\"\n      :value=\"model ?? ''\"\n      :data-element-name=\"name ?? undefined\"\n      class=\"font-mono text-sm rounded-md border border-input bg-background px-3 py-2 shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50\"\n      :class=\"errors.length ? 'border-destructive ring-destructive' : ''\"\n      @input=\"onInput\"\n    />\n  </FieldFrame>\n</template>\n"],"names":["model","_useModel","__props","onInput","event","target","_createBlock","_unref","FieldFrame","_createElementVNode","_hoisted_1","_createVNode","Code2","_cache","Badge","_normalizeClass"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA,UAAMA,IAAQC,EAA0BC,GAAC,YAAY;AAErD,aAASC,EAAQC,GAAoB;AACnC,YAAMC,IAASD,EAAM;AACrB,MAAAJ,EAAM,SAAQK,KAAA,gBAAAA,EAAQ,UAAS;AAAA,IACjC;2BAIEC,EA8BaC,EAAAC,CAAA,GAAA;AAAA,MA7BV,OAAON,EAAA;AAAA,MACP,UAAUA,EAAA;AAAA,MACV,cAAYA,EAAA;AAAA,MACZ,KAAKA,EAAA;AAAA,MACL,aAAWA,EAAA;AAAA,MACX,QAAQA,EAAA;AAAA,MACT,eAAY;AAAA,IAAA;iBAEZ,MAMM;AAAA,QANNO,EAMM,OANNC,GAMM;AAAA,UALJC,EAA6BJ,EAAAK,CAAA,GAAA,EAAtB,OAAM,eAAa;AAAA,UAC1BC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAJ,EAA8B,cAAxB,qBAAiB,EAAA;AAAA,UACvBE,EAEQJ,EAAAO,CAAA,GAAA;AAAA,YAFD,SAAQ;AAAA,YAAU,OAAM;AAAA,UAAA;uBAC7B,MAAmD;AAAA,kBAAhDZ,EAAA,YAAQ,iCAAA,GAAA,CAAA;AAAA,YAAA;;;;QAGfO,EAaE,YAAA;AAAA,UAZC,IAAIP,EAAA;AAAA,UACJ,MAAMA,EAAA,QAAQ;AAAA,UACd,aAAaA,EAAA,eAAW;AAAA,UACxB,UAAUA,EAAA;AAAA,UACV,UAAUA,EAAA;AAAA,UACV,UAAUA,EAAA;AAAA,UACV,MAAMA,EAAA;AAAA,UACN,OAAOF,EAAA,SAAK;AAAA,UACZ,qBAAmBE,EAAA,QAAQ;AAAA,UAC5B,OAAKa,EAAA,CAAC,8MACEb,EAAA,OAAO,SAAM,wCAAA,EAAA,CAAA;AAAA,UACpB,SAAAC;AAAA,QAAA;;;;;;"}
+{"version":3,"file":"CodeEditor.vue2.js","sources":["../../../../../src/components/compositions/elements/editor/CodeEditor.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, onMounted, ref, watch } from \"vue\"\nimport { useDark } from \"@vueuse/core\"\nimport { basicSetup, EditorView } from \"codemirror\"\nimport { Compartment, EditorState } from \"@codemirror/state\"\nimport { oneDark } from \"@codemirror/theme-one-dark\"\nimport { javascript } from \"@codemirror/lang-javascript\"\nimport { html } from \"@codemirror/lang-html\"\nimport { css } from \"@codemirror/lang-css\"\nimport { json } from \"@codemirror/lang-json\"\nimport { python } from \"@codemirror/lang-python\"\nimport { sql } from \"@codemirror/lang-sql\"\nimport { php } from \"@codemirror/lang-php\"\nimport {\n  AlignLeft,\n  ChevronDown,\n  FileCode2,\n} from \"lucide-vue-next\"\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from \"@/components/ui/dropdown-menu\"\nimport { Button } from \"@/components/ui/button\"\nimport { FieldFrame } from \"@/components/ui/field-frame\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface CodeEditorProps {\n  modelValue?: string | null\n  id?: string\n  name?: string\n  label?: string\n  hideLabel?: boolean\n  placeholder?: string\n  required?: boolean\n  readonly?: boolean\n  disabled?: boolean\n  helpText?: string\n  errors?: string[]\n  /** Language for syntax highlighting. Defaults to \"javascript\". */\n  language?: string\n  /** Fixed height for the editor area. If unset, min/max-height applies. */\n  height?: string\n  minHeight?: string\n  maxHeight?: string\n}\n\nconst props = withDefaults(defineProps<CodeEditorProps>(), {\n  errors: () => [],\n  language: \"javascript\",\n  minHeight: \"12rem\",\n  maxHeight: \"40rem\",\n})\n\nconst emit = defineEmits<{\n  (e: \"update:modelValue\", value: string): void\n}>()\n\n// ---------------------------------------------------------------------------\n// Language registry\n// ---------------------------------------------------------------------------\n\ninterface LangOption {\n  label: string\n  value: string\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  ext: () => any\n}\n\nconst LANGUAGES: LangOption[] = [\n  { label: \"JavaScript\", value: \"javascript\", ext: () => javascript() },\n  { label: \"TypeScript\", value: \"typescript\", ext: () => javascript({ typescript: true }) },\n  { label: \"JSX\", value: \"jsx\", ext: () => javascript({ jsx: true }) },\n  { label: \"TSX\", value: \"tsx\", ext: () => javascript({ jsx: true, typescript: true }) },\n  { label: \"HTML\", value: \"html\", ext: () => html() },\n  { label: \"CSS\", value: \"css\", ext: () => css() },\n  { label: \"JSON\", value: \"json\", ext: () => json() },\n  { label: \"Python\", value: \"python\", ext: () => python() },\n  { label: \"SQL\", value: \"sql\", ext: () => sql() },\n  { label: \"PHP\", value: \"php\", ext: () => php() },\n]\n\nfunction getLangExtension(lang: string) {\n  return LANGUAGES.find((l) => l.value === lang)?.ext() ?? javascript()\n}\n\n// ---------------------------------------------------------------------------\n// State\n// ---------------------------------------------------------------------------\n\nconst editorEl = ref<HTMLElement | null>(null)\nlet view: EditorView | null = null\n\nconst isDark = useDark()\nconst isInert = computed(() => Boolean(props.disabled || props.readonly))\nconst hasErrors = computed(() => props.errors.length > 0)\n\nconst activeLanguage = ref(props.language ?? \"javascript\")\n\n// CodeMirror Compartments allow hot-swapping extensions\nconst langCompartment = new Compartment()\nconst themeCompartment = new Compartment()\nconst editableCompartment = new Compartment()\nconst readonlyCompartment = new Compartment()\n\n// Prevent re-emitting when we programmatically set content\nlet suppressEmit = false\n\nfunction buildTheme() {\n  return isDark.value ? oneDark : []\n}\n\n// ---------------------------------------------------------------------------\n// Mount / unmount\n// ---------------------------------------------------------------------------\n\nonMounted(() => {\n  if (!editorEl.value) return\n\n  const startDoc = props.modelValue ?? \"\"\n\n  const state = EditorState.create({\n    doc: startDoc,\n    extensions: [\n      basicSetup,\n      langCompartment.of(getLangExtension(activeLanguage.value)),\n      themeCompartment.of(buildTheme()),\n      editableCompartment.of(EditorView.editable.of(!isInert.value)),\n      readonlyCompartment.of(EditorState.readOnly.of(isInert.value)),\n      EditorView.updateListener.of((update) => {\n        if (update.docChanged && !suppressEmit) {\n          emit(\"update:modelValue\", update.state.doc.toString())\n        }\n      }),\n      EditorView.theme({\n        \"&\": { fontSize: \"0.8125rem\" },\n        \".cm-scroller\": {\n          fontFamily: \"'ui-monospace', 'Cascadia Code', 'Source Code Pro', Menlo, Monaco, Consolas, monospace\",\n          overflow: \"auto\",\n          ...(props.height\n            ? { height: props.height }\n            : { minHeight: props.minHeight ?? \"12rem\", maxHeight: props.maxHeight ?? \"40rem\" }),\n        } as unknown as Record<string, string>,\n        \".cm-focused\": { outline: \"none\" },\n      }),\n    ],\n  })\n\n  view = new EditorView({ state, parent: editorEl.value })\n})\n\nonBeforeUnmount(() => {\n  view?.destroy()\n  view = null\n})\n\n// ---------------------------------------------------------------------------\n// Reactivity\n// ---------------------------------------------------------------------------\n\n// External modelValue → editor\nwatch(\n  () => props.modelValue,\n  (value) => {\n    if (!view) return\n    const current = view.state.doc.toString()\n    const next = value ?? \"\"\n    if (current === next) return\n    suppressEmit = true\n    view.dispatch({\n      changes: { from: 0, to: view.state.doc.length, insert: next },\n    })\n    suppressEmit = false\n  },\n)\n\n// Dark mode toggle\nwatch(isDark, () => {\n  view?.dispatch({ effects: themeCompartment.reconfigure(buildTheme()) })\n})\n\n// disabled/readonly\nwatch(isInert, (v) => {\n  view?.dispatch({\n    effects: [\n      editableCompartment.reconfigure(EditorView.editable.of(!v)),\n      readonlyCompartment.reconfigure(EditorState.readOnly.of(v)),\n    ],\n  })\n})\n\n// Language change (programmatic)\nwatch(activeLanguage, (lang) => {\n  view?.dispatch({ effects: langCompartment.reconfigure(getLangExtension(lang)) })\n})\n\n// language prop → activeLanguage (consumer controls)\nwatch(\n  () => props.language,\n  (lang) => {\n    if (lang && lang !== activeLanguage.value) {\n      activeLanguage.value = lang\n    }\n  },\n)\n\n// ---------------------------------------------------------------------------\n// Actions\n// ---------------------------------------------------------------------------\n\nconst activeLangLabel = computed(\n  () => LANGUAGES.find((l) => l.value === activeLanguage.value)?.label ?? activeLanguage.value,\n)\n\nconst canFormatJson = computed(() => activeLanguage.value === \"json\")\n\nfunction setLanguage(lang: string): void {\n  activeLanguage.value = lang\n}\n\nfunction formatJson(): void {\n  if (!view) return\n  try {\n    const raw = view.state.doc.toString()\n    const formatted = JSON.stringify(JSON.parse(raw), null, 2)\n    if (formatted === raw) return\n    suppressEmit = true\n    view.dispatch({\n      changes: { from: 0, to: view.state.doc.length, insert: formatted },\n    })\n    suppressEmit = false\n    emit(\"update:modelValue\", formatted)\n  } catch {\n    // Invalid JSON — ignore\n  }\n}\n</script>\n\n<template>\n  <FieldFrame\n    :label=\"label\"\n    :required=\"required\"\n    :hide-label=\"hideLabel\"\n    :for=\"id\"\n    :help-text=\"helpText\"\n    :errors=\"errors\"\n    data-testid=\"code-editor\"\n  >\n    <div\n      :class=\"cn(\n        'overflow-hidden rounded-md border border-input shadow-sm',\n        hasErrors ? 'border-destructive ring-1 ring-destructive' : '',\n        isInert ? 'opacity-60' : '',\n      )\"\n      :data-element-name=\"name ?? undefined\"\n    >\n      <!-- Toolbar -->\n      <div\n        class=\"flex items-center gap-1 border-b border-border/60 bg-muted/40 px-2 py-1\"\n        :class=\"isInert ? 'pointer-events-none' : ''\"\n      >\n        <FileCode2 class=\"h-3.5 w-3.5 shrink-0 text-muted-foreground\" />\n\n        <!-- Language selector -->\n        <DropdownMenu>\n          <DropdownMenuTrigger as-child>\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"sm\"\n              class=\"h-6 gap-1 px-2 text-xs font-medium text-muted-foreground hover:text-foreground\"\n              data-testid=\"code-editor-lang-trigger\"\n            >\n              {{ activeLangLabel }}\n              <ChevronDown class=\"h-3 w-3\" />\n            </Button>\n          </DropdownMenuTrigger>\n          <DropdownMenuContent align=\"start\" class=\"w-40\">\n            <DropdownMenuItem\n              v-for=\"lang in LANGUAGES\"\n              :key=\"lang.value\"\n              :class=\"activeLanguage === lang.value ? 'bg-muted font-medium' : ''\"\n              @click=\"setLanguage(lang.value)\"\n            >\n              {{ lang.label }}\n            </DropdownMenuItem>\n          </DropdownMenuContent>\n        </DropdownMenu>\n\n        <!-- Format JSON button -->\n        <Button\n          v-if=\"canFormatJson\"\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"sm\"\n          class=\"h-6 gap-1 px-2 text-xs text-muted-foreground hover:text-foreground\"\n          title=\"Format JSON\"\n          data-testid=\"code-editor-format\"\n          @click=\"formatJson\"\n        >\n          <AlignLeft class=\"h-3 w-3\" />\n          Format\n        </Button>\n      </div>\n\n      <!-- CodeMirror mount point -->\n      <div\n        ref=\"editorEl\"\n        class=\"code-editor-cm\"\n        :data-testid=\"'code-editor-content'\"\n      />\n    </div>\n  </FieldFrame>\n</template>\n\n<style scoped>\n/* Scoped overrides — keep CodeMirror inside our border/radius container */\n:deep(.cm-editor) {\n  height: 100%;\n}\n\n:deep(.cm-editor.cm-focused) {\n  outline: none;\n}\n\n:deep(.cm-gutters) {\n  border-right-color: var(--border);\n  background-color: var(--muted);\n}\n\n:deep(.cm-activeLineGutter) {\n  background-color: color-mix(in oklch, var(--muted) 80%, var(--background));\n}\n\n:deep(.cm-selectionBackground),\n:deep(.cm-focused .cm-selectionBackground) {\n  background-color: color-mix(in oklch, var(--primary) 25%, transparent) !important;\n}\n\n:deep(.cm-cursor) {\n  border-left-color: var(--foreground);\n}\n</style>\n"],"names":["props","__props","emit","__emit","LANGUAGES","javascript","html","css","json","python","sql","php","getLangExtension","lang","_a","l","editorEl","ref","view","isDark","useDark","isInert","computed","hasErrors","activeLanguage","langCompartment","Compartment","themeCompartment","editableCompartment","readonlyCompartment","suppressEmit","buildTheme","oneDark","onMounted","startDoc","state","EditorState","basicSetup","EditorView","update","onBeforeUnmount","watch","value","current","next","v","activeLangLabel","canFormatJson","setLanguage","formatJson","raw","formatted","_createBlock","_unref","FieldFrame","_createElementVNode","cn","_normalizeClass","_createVNode","FileCode2","DropdownMenu","DropdownMenuTrigger","Button","_createTextVNode","_toDisplayString","ChevronDown","DropdownMenuContent","_createElementBlock","_Fragment","_renderList","DropdownMenuItem","$event","AlignLeft"],"mappings":"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"}

package/dist/components/compositions/elements/editor/HtmlEditor.vue.d.ts

@@ -0,0 +1,24 @@
+export interface HtmlEditorProps {
+    modelValue?: string | null;
+    id?: string;
+    name?: string;
+    label?: string;
+    hideLabel?: boolean;
+    placeholder?: string;
+    required?: boolean;
+    readonly?: boolean;
+    disabled?: boolean;
+    helpText?: string;
+    errors?: string[];
+    minHeight?: string;
+}
+declare const _default: import('vue').DefineComponent<HtmlEditorProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<HtmlEditorProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    errors: string[];
+    minHeight: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;
+//# sourceMappingURL=HtmlEditor.vue.d.ts.map

package/dist/components/compositions/elements/editor/HtmlEditor.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HtmlEditor.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/elements/editor/HtmlEditor.vue"],"names":[],"mappings":"AA8hCA,MAAM,WAAW,eAAe;IAC9B,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;;;;;;YAFU,MAAM,EAAE;eACL,MAAM;;AAw1FpB,wBASG"}

package/dist/components/compositions/elements/editor/HtmlEditor.vue.js

@@ -1,5 +1,8 @@
-import f from "./HtmlEditor.vue2.js";
+import o from "./HtmlEditor.vue2.js";
+/* empty css                */
+import t from "../../../../_virtual/_plugin-vue_export-helper.js";
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-24f17d57"]]);
 export {
-  f as default
+  p as default
 };
 //# sourceMappingURL=HtmlEditor.vue.js.map

package/dist/components/compositions/elements/editor/HtmlEditor.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"HtmlEditor.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"HtmlEditor.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}