@composy/layout-vue 0.0.1 → 0.0.2

package/lib/components/LMaterialDragSource.cjs

@@ -2,7 +2,7 @@
 * ***********************************
 * @composy/layout-vue v0.0.1      *
 * Built with rollup               *
-* Build time: 2024-08-17 11:47:09 *
+* Build time: 2024-10-12 17:52:50 *
 * Build mode: production          *
 * Minified: No                    *
 * ***********************************

package/lib/components/LMaterialDragSource.d.cts

@@ -0,0 +1,54 @@
+import type { LayoutPlacement, MaterialDefinition } from '@composy/layout-core';
+import type { LayoutEditor } from '@composy/layout-editor';
+export declare const LMaterialDragSource: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /** Backwards-compatible shorthand when no full material definition is supplied. */
+    type: {
+        type: StringConstructor;
+        default: any;
+    };
+    material: {
+        type: () => MaterialDefinition;
+        default: any;
+    };
+    props: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    placement: {
+        type: () => Partial<LayoutPlacement>;
+        default: any;
+    };
+    editor: {
+        type: () => LayoutEditor;
+        required: true;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** Backwards-compatible shorthand when no full material definition is supplied. */
+    type: {
+        type: StringConstructor;
+        default: any;
+    };
+    material: {
+        type: () => MaterialDefinition;
+        default: any;
+    };
+    props: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    placement: {
+        type: () => Partial<LayoutPlacement>;
+        default: any;
+    };
+    editor: {
+        type: () => LayoutEditor;
+        required: true;
+    };
+}>> & Readonly<{}>, {
+    props: Record<string, any>;
+    type: string;
+    placement: Partial<LayoutPlacement>;
+    material: MaterialDefinition<import("@composy/layout-core").JsonRecord>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/components/LMaterialDragSource.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LMaterialDragSource.d.cts","sourceRoot":"","sources":["../../src/components/LMaterialDragSource.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAC/E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAE1D,eAAO,MAAM,mBAAmB;IAG5B,mFAAmF;;;;;;cAEvD,MAAM,kBAAkB;;;;;;;;cAGlC,MAAM,OAAO,CAAC,eAAe,CAAC;;;;cAGtB,MAAM,YAAY;;;;;;IAR5C,mFAAmF;;;;;;cAEvD,MAAM,kBAAkB;;;;;;;;cAGlC,MAAM,OAAO,CAAC,eAAe,CAAC;;;;cAGtB,MAAM,YAAY;;;;;;;;4EAyE9C,CAAA"}

package/lib/components/LMaterialRenderer.cjs

@@ -2,7 +2,7 @@
 * ***********************************
 * @composy/layout-vue v0.0.1      *
 * Built with rollup               *
-* Build time: 2024-08-17 11:47:09 *
+* Build time: 2024-10-12 17:52:50 *
 * Build mode: production          *
 * Minified: No                    *
 * ***********************************

package/lib/components/LMaterialRenderer.d.cts

@@ -0,0 +1,62 @@
+import { type PropType } from 'vue';
+import type { LayoutNode, LayoutPlacement } from '@composy/layout-core';
+import { type LayoutRenderTarget, type VueMaterialSource } from './material-renderer';
+/**
+ * A target-aware renderer for one registered layout material.
+ *
+ * `LGrid` owns the placement shell; this component owns the renderer lookup.
+ * Consumers can therefore use the same item renderer in an editor, a preview,
+ * a modal or their own grid implementation without duplicating framework
+ * branching logic.
+ */
+export declare const LMaterialRenderer: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    item: {
+        type: PropType<LayoutNode>;
+        required: true;
+    };
+    materials: {
+        type: PropType<VueMaterialSource>;
+        default: any;
+    };
+    target: {
+        type: PropType<LayoutRenderTarget>;
+        default: string;
+    };
+    placement: {
+        type: PropType<LayoutPlacement>;
+        default: any;
+    };
+    breakpointId: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    item: {
+        type: PropType<LayoutNode>;
+        required: true;
+    };
+    materials: {
+        type: PropType<VueMaterialSource>;
+        default: any;
+    };
+    target: {
+        type: PropType<LayoutRenderTarget>;
+        default: string;
+    };
+    placement: {
+        type: PropType<LayoutPlacement>;
+        default: any;
+    };
+    breakpointId: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    materials: VueMaterialSource;
+    target: LayoutRenderTarget;
+    placement: LayoutPlacement;
+    breakpointId: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export type { LayoutRenderTarget };

package/lib/components/LMaterialRenderer.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LMaterialRenderer.d.cts","sourceRoot":"","sources":["../../src/components/LMaterialRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,QAAQ,EAAE,MAAM,KAAK,CAAA;AACvD,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AACvE,OAAO,EAEL,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,EACvB,MAAM,qBAAqB,CAAA;AAE5B;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB;;cAGF,QAAQ,CAAC,UAAU,CAAC;;;;cAEjB,QAAQ,CAAC,iBAAiB,CAAC;;;;cAIpC,QAAQ,CAAC,kBAAkB,CAAC;;;;cAI5B,QAAQ,CAAC,eAAe,CAAC;;;;;;;;;;;cAVnB,QAAQ,CAAC,UAAU,CAAC;;;;cAEjB,QAAQ,CAAC,iBAAiB,CAAC;;;;cAIpC,QAAQ,CAAC,kBAAkB,CAAC;;;;cAI5B,QAAQ,CAAC,eAAe,CAAC;;;;;;;;;;;;4EAkB7C,CAAA;AAEF,YAAY,EAAE,kBAAkB,EAAE,CAAA"}

package/lib/components/LMetricCard.cjs

@@ -2,7 +2,7 @@
 * ***********************************
 * @composy/layout-vue v0.0.1      *
 * Built with rollup               *
-* Build time: 2024-08-17 11:47:09 *
+* Build time: 2024-10-12 17:52:50 *
 * Build mode: production          *
 * Minified: No                    *
 * ***********************************

package/lib/components/LMetricCard.d.cts

@@ -0,0 +1,28 @@
+/**
+ * Reference Vue material used by the layout examples and as a small,
+ * framework-native registration contract for consumers.
+ */
+export declare const LMetricCard: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    value: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: any;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    value: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: any;
+    };
+}>> & Readonly<{}>, {
+    title: string;
+    value: string | number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/components/LMetricCard.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LMetricCard.d.cts","sourceRoot":"","sources":["../../src/components/LMetricCard.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;4EA2BtB,CAAA"}

package/lib/components/LTrendCard.cjs

@@ -2,7 +2,7 @@
 * ***********************************
 * @composy/layout-vue v0.0.1      *
 * Built with rollup               *
-* Build time: 2024-08-17 11:47:09 *
+* Build time: 2024-10-12 17:52:50 *
 * Build mode: production          *
 * Minified: No                    *
 * ***********************************

package/lib/components/LTrendCard.d.cts

@@ -0,0 +1,16 @@
+/** Reference Vue chart material for renderer registration examples. */
+export declare const LTrendCard: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    title: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/components/LTrendCard.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LTrendCard.d.cts","sourceRoot":"","sources":["../../src/components/LTrendCard.ts"],"names":[],"mappings":"AAEA,uEAAuE;AACvE,eAAO,MAAM,UAAU;;;;;;;;;;;;;;4EAwBrB,CAAA"}

package/lib/components/index.cjs

@@ -2,7 +2,7 @@
 * ***********************************
 * @composy/layout-vue v0.0.1      *
 * Built with rollup               *
-* Build time: 2024-08-17 11:47:09 *
+* Build time: 2024-10-12 17:52:50 *
 * Build mode: production          *
 * Minified: No                    *
 * ***********************************

package/lib/components/index.d.cts

@@ -0,0 +1,9 @@
+export { LGrid } from './LGrid';
+export { LGridItem } from './LGridItem';
+export { LMaterialRenderer } from './LMaterialRenderer';
+export { LLayoutEditor } from './LLayoutEditor';
+export { default as LLayoutWorkspace } from './LLayoutWorkspace.vue';
+export { LMaterialDragSource } from './LMaterialDragSource';
+export { LMetricCard } from './LMetricCard';
+export { LTrendCard } from './LTrendCard';
+export type { LayoutRenderTarget, VueMaterialSource } from './material-renderer';

package/lib/components/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AACpE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,YAAY,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA"}

package/lib/components/material-renderer.cjs

@@ -2,7 +2,7 @@
 * ***********************************
 * @composy/layout-vue v0.0.1      *
 * Built with rollup               *
-* Build time: 2024-08-17 11:47:09 *
+* Build time: 2024-10-12 17:52:50 *
 * Build mode: production          *
 * Minified: No                    *
 * ***********************************
@@ -11,9 +11,16 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 let vue = require("vue");
 let _composy_layout_core = require("@composy/layout-core");
 //#region src/components/material-renderer.ts
+const registryCache = /* @__PURE__ */ new WeakMap();
 function resolveRegistry(source) {
 	if (!source) return void 0;
-	if (Array.isArray(source)) return (0, _composy_layout_core.createMaterialRegistry)(source);
+	if (Array.isArray(source)) {
+		const cached = registryCache.get(source);
+		if (cached) return cached;
+		const registry = (0, _composy_layout_core.createMaterialRegistry)(source);
+		registryCache.set(source, registry);
+		return registry;
+	}
 	return source;
 }
 function resolveMaterialDefinition(materials, type) {
@@ -89,7 +96,7 @@ function renderMaterialForTarget(materials, item, target, placement, breakpointI
 	}, breakpointId);
 }
 function sanitizeMarkup(value) {
-	return value.replace(/<script\b[^>]*>[\s\S]*?<\/script\s*>/gi, "").replace(/\s+on[a-z]+\s*=\s*(?:"[^"]*"|'[^']*'|[^\s>]+)/gi, "").replace(/\s+(?:href|src)\s*=\s*("|')\s*javascript:[^"']*\1/gi, "");
+	return value.replace(/<(?:script|style|iframe|object|embed|foreignObject)\b[^>]*>[\s\S]*?<\/(?:script|style|iframe|object|embed|foreignObject)\s*>/gi, "").replace(/<(?:script|style|iframe|object|embed|foreignObject)\b[^>]*>/gi, "").replace(/\s+on[a-z]+\s*=\s*(?:"[^"]*"|'[^']*'|[^\s>]+)/gi, "").replace(/\s+(?:href|src|xlink:href|formaction|srcdoc)\s*=\s*(?:"[^"]*"|'[^']*'|[^\s>]+)/gi, (match) => /javascript:|data:text\/html/i.test(match) ? "" : match);
 }
 //#endregion
 exports.renderMaterialFallback = renderMaterialFallback;

package/lib/components/material-renderer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"material-renderer.cjs","names":[],"sources":["../../src/components/material-renderer.ts"],"sourcesContent":["import { h, type VNode } from 'vue'\nimport {\n  createMaterialRegistry,\n  type LayoutNode,\n  type LayoutPlacement,\n  type MaterialDefinition,\n  type MaterialRegistry,\n} from '@composy/layout-core'\nexport type VueMaterialSource =\n  MaterialRegistry | readonly MaterialDefinition[] | undefined\n\n/**\n * The runtime target used by the layout renderer.  It intentionally contains\n * only the two targets supported by the workspace today: a Vue component or a\n * registered native custom element.\n */\nexport type LayoutRenderTarget = 'vue' | 'webcomponent'\n\nfunction resolveRegistry(\n  source: VueMaterialSource\n): MaterialRegistry | undefined {\n  if (!source) return undefined\n  if (Array.isArray(source)) return createMaterialRegistry(source)\n  return source as MaterialRegistry\n}\n\nexport function resolveMaterialDefinition(\n  materials: VueMaterialSource,\n  type: string\n): MaterialDefinition | undefined {\n  return resolveRegistry(materials)?.get(type)\n}\n\n/**\n * Render the framework-specific fallback declared by a material.\n * A host-provided item slot always takes precedence over this helper.\n */\nexport function renderMaterialFallback(\n  materials: VueMaterialSource,\n  item: LayoutNode,\n  placement: LayoutPlacement,\n  breakpointId: string\n): VNode | undefined {\n  const material = resolveMaterialDefinition(materials, item.type)\n  const context = { item, placement, breakpointId }\n  const vueRenderer = material?.renderers?.vue\n  if (vueRenderer?.component) {\n    return h(vueRenderer.component as never, {\n      ...(item.props ?? {}),\n      ...(vueRenderer.tagName ? { is: vueRenderer.tagName } : {}),\n    })\n  }\n  const webComponentRenderer = material?.renderers?.webcomponent\n  if (webComponentRenderer?.tagName)\n    return h(webComponentRenderer.tagName, {\n      ...(item.props ?? {}),\n      materialProps: { ...(item.props ?? {}) },\n    })\n  const htmlRenderer = material?.renderers?.html\n  if (htmlRenderer?.render) {\n    const rendered = htmlRenderer.render(context)\n    if (typeof rendered === 'string')\n      return h('div', { innerHTML: sanitizeMarkup(rendered) })\n    return rendered as VNode | undefined\n  }\n  if (htmlRenderer?.tagName)\n    return h(htmlRenderer.tagName, { ...(item.props ?? {}) })\n  return undefined\n}\n\n/**\n * Render the registered renderer for a concrete target.\n *\n * Keeping this decision in one place is important: grid items, preview\n * surfaces and integrations must not each invent their own component lookup.\n * A material can still provide the legacy html renderer as a final fallback,\n * but a Vue target never silently prefers a web component when its Vue\n * renderer is present (and vice versa).\n */\nexport function renderMaterialForTarget(\n  materials: VueMaterialSource,\n  item: LayoutNode,\n  target: LayoutRenderTarget,\n  placement?: LayoutPlacement,\n  breakpointId = 'desktop'\n): VNode | undefined {\n  const material = resolveMaterialDefinition(materials, item.type)\n  const props = { ...(item.props ?? {}) }\n\n  if (target === 'vue') {\n    const renderer = material?.renderers?.vue\n    if (renderer?.component) return h(renderer.component as never, props)\n  } else {\n    const renderer = material?.renderers?.webcomponent\n    if (renderer?.tagName)\n      return h(renderer.tagName, {\n        ...props,\n        // Workspace-provided custom elements use this property to render the\n        // same registered material props as the editor/runtime adapters.\n        materialProps: props,\n        onVnodeMounted: vnode => {\n          const el = vnode.el as unknown as Element & {\n            materialProps?: Record<string, unknown>\n          }\n          if (el && 'materialProps' in el) el.materialProps = props\n        },\n        onVnodeUpdated: vnode => {\n          const el = vnode.el as unknown as Element & {\n            materialProps?: Record<string, unknown>\n          }\n          if (el && 'materialProps' in el) el.materialProps = props\n        },\n      })\n  }\n\n  const htmlRenderer = material?.renderers?.html\n  if (htmlRenderer?.render) {\n    const rendered = htmlRenderer.render({\n      item,\n      placement: placement ??\n        item.layout[breakpointId] ?? { x: 0, y: 0, w: 1, h: 1 },\n      breakpointId,\n    })\n    if (typeof rendered === 'string')\n      return h('div', { innerHTML: sanitizeMarkup(rendered) })\n    return rendered as VNode | undefined\n  }\n  if (htmlRenderer?.tagName) return h(htmlRenderer.tagName, props)\n\n  // Preserve the historical behavior for incomplete third-party definitions\n  // so registering only one renderer does not make an item disappear.\n  return renderMaterialFallback(\n    materials,\n    item,\n    placement ?? item.layout[breakpointId] ?? { x: 0, y: 0, w: 1, h: 1 },\n    breakpointId\n  )\n}\n\nfunction sanitizeMarkup(value: string): string {\n  return value\n    .replace(/<script\\b[^>]*>[\\s\\S]*?<\\/script\\s*>/gi, '')\n    .replace(/\\s+on[a-z]+\\s*=\\s*(?:\"[^\"]*\"|'[^']*'|[^\\s>]+)/gi, '')\n    .replace(/\\s+(?:href|src)\\s*=\\s*(\"|')\\s*javascript:[^\"']*\\1/gi, '')\n}\n"],"mappings":"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"}
+{"version":3,"file":"material-renderer.cjs","names":[],"sources":["../../src/components/material-renderer.ts"],"sourcesContent":["import { h, type VNode } from 'vue'\nimport {\n  createMaterialRegistry,\n  type LayoutNode,\n  type LayoutPlacement,\n  type MaterialDefinition,\n  type MaterialRegistry,\n} from '@composy/layout-core'\nexport type VueMaterialSource =\n  MaterialRegistry | readonly MaterialDefinition[] | undefined\n\nconst registryCache = new WeakMap<object, MaterialRegistry>()\n\n/**\n * The runtime target used by the layout renderer.  It intentionally contains\n * only the two targets supported by the workspace today: a Vue component or a\n * registered native custom element.\n */\nexport type LayoutRenderTarget = 'vue' | 'webcomponent'\n\nfunction resolveRegistry(\n  source: VueMaterialSource\n): MaterialRegistry | undefined {\n  if (!source) return undefined\n  if (Array.isArray(source)) {\n    const cached = registryCache.get(source)\n    if (cached) return cached\n    const registry = createMaterialRegistry(source)\n    registryCache.set(source, registry)\n    return registry\n  }\n  return source as MaterialRegistry\n}\n\nexport function resolveMaterialDefinition(\n  materials: VueMaterialSource,\n  type: string\n): MaterialDefinition | undefined {\n  return resolveRegistry(materials)?.get(type)\n}\n\n/**\n * Render the framework-specific fallback declared by a material.\n * A host-provided item slot always takes precedence over this helper.\n */\nexport function renderMaterialFallback(\n  materials: VueMaterialSource,\n  item: LayoutNode,\n  placement: LayoutPlacement,\n  breakpointId: string\n): VNode | undefined {\n  const material = resolveMaterialDefinition(materials, item.type)\n  const context = { item, placement, breakpointId }\n  const vueRenderer = material?.renderers?.vue\n  if (vueRenderer?.component) {\n    return h(vueRenderer.component as never, {\n      ...(item.props ?? {}),\n      ...(vueRenderer.tagName ? { is: vueRenderer.tagName } : {}),\n    })\n  }\n  const webComponentRenderer = material?.renderers?.webcomponent\n  if (webComponentRenderer?.tagName)\n    return h(webComponentRenderer.tagName, {\n      ...(item.props ?? {}),\n      materialProps: { ...(item.props ?? {}) },\n    })\n  const htmlRenderer = material?.renderers?.html\n  if (htmlRenderer?.render) {\n    const rendered = htmlRenderer.render(context)\n    if (typeof rendered === 'string')\n      return h('div', { innerHTML: sanitizeMarkup(rendered) })\n    return rendered as VNode | undefined\n  }\n  if (htmlRenderer?.tagName)\n    return h(htmlRenderer.tagName, { ...(item.props ?? {}) })\n  return undefined\n}\n\n/**\n * Render the registered renderer for a concrete target.\n *\n * Keeping this decision in one place is important: grid items, preview\n * surfaces and integrations must not each invent their own component lookup.\n * A material can still provide the legacy html renderer as a final fallback,\n * but a Vue target never silently prefers a web component when its Vue\n * renderer is present (and vice versa).\n */\nexport function renderMaterialForTarget(\n  materials: VueMaterialSource,\n  item: LayoutNode,\n  target: LayoutRenderTarget,\n  placement?: LayoutPlacement,\n  breakpointId = 'desktop'\n): VNode | undefined {\n  const material = resolveMaterialDefinition(materials, item.type)\n  const props = { ...(item.props ?? {}) }\n\n  if (target === 'vue') {\n    const renderer = material?.renderers?.vue\n    if (renderer?.component) return h(renderer.component as never, props)\n  } else {\n    const renderer = material?.renderers?.webcomponent\n    if (renderer?.tagName)\n      return h(renderer.tagName, {\n        ...props,\n        // Workspace-provided custom elements use this property to render the\n        // same registered material props as the editor/runtime adapters.\n        materialProps: props,\n        onVnodeMounted: vnode => {\n          const el = vnode.el as unknown as Element & {\n            materialProps?: Record<string, unknown>\n          }\n          if (el && 'materialProps' in el) el.materialProps = props\n        },\n        onVnodeUpdated: vnode => {\n          const el = vnode.el as unknown as Element & {\n            materialProps?: Record<string, unknown>\n          }\n          if (el && 'materialProps' in el) el.materialProps = props\n        },\n      })\n  }\n\n  const htmlRenderer = material?.renderers?.html\n  if (htmlRenderer?.render) {\n    const rendered = htmlRenderer.render({\n      item,\n      placement: placement ??\n        item.layout[breakpointId] ?? { x: 0, y: 0, w: 1, h: 1 },\n      breakpointId,\n    })\n    if (typeof rendered === 'string')\n      return h('div', { innerHTML: sanitizeMarkup(rendered) })\n    return rendered as VNode | undefined\n  }\n  if (htmlRenderer?.tagName) return h(htmlRenderer.tagName, props)\n\n  // Preserve the historical behavior for incomplete third-party definitions\n  // so registering only one renderer does not make an item disappear.\n  return renderMaterialFallback(\n    materials,\n    item,\n    placement ?? item.layout[breakpointId] ?? { x: 0, y: 0, w: 1, h: 1 },\n    breakpointId\n  )\n}\n\nfunction sanitizeMarkup(value: string): string {\n  return value\n    .replace(\n      /<(?:script|style|iframe|object|embed|foreignObject)\\b[^>]*>[\\s\\S]*?<\\/(?:script|style|iframe|object|embed|foreignObject)\\s*>/gi,\n      ''\n    )\n    .replace(\n      /<(?:script|style|iframe|object|embed|foreignObject)\\b[^>]*>/gi,\n      ''\n    )\n    .replace(/\\s+on[a-z]+\\s*=\\s*(?:\"[^\"]*\"|'[^']*'|[^\\s>]+)/gi, '')\n    .replace(\n      /\\s+(?:href|src|xlink:href|formaction|srcdoc)\\s*=\\s*(?:\"[^\"]*\"|'[^']*'|[^\\s>]+)/gi,\n      match => (/javascript:|data:text\\/html/i.test(match) ? '' : match)\n    )\n}\n"],"mappings":"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"}

package/lib/components/material-renderer.d.cts

@@ -0,0 +1,25 @@
+import { type VNode } from 'vue';
+import { type LayoutNode, type LayoutPlacement, type MaterialDefinition, type MaterialRegistry } from '@composy/layout-core';
+export type VueMaterialSource = MaterialRegistry | readonly MaterialDefinition[] | undefined;
+/**
+ * The runtime target used by the layout renderer.  It intentionally contains
+ * only the two targets supported by the workspace today: a Vue component or a
+ * registered native custom element.
+ */
+export type LayoutRenderTarget = 'vue' | 'webcomponent';
+export declare function resolveMaterialDefinition(materials: VueMaterialSource, type: string): MaterialDefinition | undefined;
+/**
+ * Render the framework-specific fallback declared by a material.
+ * A host-provided item slot always takes precedence over this helper.
+ */
+export declare function renderMaterialFallback(materials: VueMaterialSource, item: LayoutNode, placement: LayoutPlacement, breakpointId: string): VNode | undefined;
+/**
+ * Render the registered renderer for a concrete target.
+ *
+ * Keeping this decision in one place is important: grid items, preview
+ * surfaces and integrations must not each invent their own component lookup.
+ * A material can still provide the legacy html renderer as a final fallback,
+ * but a Vue target never silently prefers a web component when its Vue
+ * renderer is present (and vice versa).
+ */
+export declare function renderMaterialForTarget(materials: VueMaterialSource, item: LayoutNode, target: LayoutRenderTarget, placement?: LayoutPlacement, breakpointId?: string): VNode | undefined;

package/lib/components/material-renderer.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"material-renderer.d.cts","sourceRoot":"","sources":["../../src/components/material-renderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAK,KAAK,KAAK,EAAE,MAAM,KAAK,CAAA;AACnC,OAAO,EAEL,KAAK,UAAU,EACf,KAAK,eAAe,EACpB,KAAK,kBAAkB,EACvB,KAAK,gBAAgB,EACtB,MAAM,sBAAsB,CAAA;AAC7B,MAAM,MAAM,iBAAiB,GAC3B,gBAAgB,GAAG,SAAS,kBAAkB,EAAE,GAAG,SAAS,CAAA;AAI9D;;;;GAIG;AACH,MAAM,MAAM,kBAAkB,GAAG,KAAK,GAAG,cAAc,CAAA;AAgBvD,wBAAgB,yBAAyB,CACvC,SAAS,EAAE,iBAAiB,EAC5B,IAAI,EAAE,MAAM,GACX,kBAAkB,GAAG,SAAS,CAEhC;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CACpC,SAAS,EAAE,iBAAiB,EAC5B,IAAI,EAAE,UAAU,EAChB,SAAS,EAAE,eAAe,EAC1B,YAAY,EAAE,MAAM,GACnB,KAAK,GAAG,SAAS,CA0BnB;AAED;;;;;;;;GAQG;AACH,wBAAgB,uBAAuB,CACrC,SAAS,EAAE,iBAAiB,EAC5B,IAAI,EAAE,UAAU,EAChB,MAAM,EAAE,kBAAkB,EAC1B,SAAS,CAAC,EAAE,eAAe,EAC3B,YAAY,SAAY,GACvB,KAAK,GAAG,SAAS,CAoDnB"}

package/lib/composables/index.cjs

@@ -2,7 +2,7 @@
 * ***********************************
 * @composy/layout-vue v0.0.1      *
 * Built with rollup               *
-* Build time: 2024-08-17 11:47:09 *
+* Build time: 2024-10-12 17:52:50 *
 * Build mode: production          *
 * Minified: No                    *
 * ***********************************

package/lib/composables/index.d.cts

@@ -0,0 +1 @@
+export { useLayoutEditor } from './useLayoutEditor';

package/lib/composables/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../src/composables/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA"}

package/lib/composables/useLayoutEditor.cjs

@@ -2,7 +2,7 @@
 * ***********************************
 * @composy/layout-vue v0.0.1      *
 * Built with rollup               *
-* Build time: 2024-08-17 11:47:09 *
+* Build time: 2024-10-12 17:52:50 *
 * Build mode: production          *
 * Minified: No                    *
 * ***********************************

package/lib/composables/useLayoutEditor.d.cts

@@ -0,0 +1,2 @@
+import type { LayoutEditorOptions } from '@composy/layout-editor';
+export declare function useLayoutEditor(options: LayoutEditorOptions): import("vue").ShallowRef<import("@composy/layout-editor").LayoutEditor, import("@composy/layout-editor").LayoutEditor>;

package/lib/composables/useLayoutEditor.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLayoutEditor.d.cts","sourceRoot":"","sources":["../../src/composables/useLayoutEditor.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAA;AAEjE,wBAAgB,eAAe,CAAC,OAAO,EAAE,mBAAmB,0HAK3D"}

package/lib/index.cjs

@@ -2,7 +2,7 @@
 * ***********************************
 * @composy/layout-vue v0.0.1      *
 * Built with rollup               *
-* Build time: 2024-08-17 11:47:09 *
+* Build time: 2024-10-12 17:52:50 *
 * Build mode: production          *
 * Minified: No                    *
 * ***********************************

package/lib/index.d.cts

@@ -0,0 +1,6 @@
+export { LGrid, LGridItem, LMaterialRenderer, LLayoutEditor, LLayoutWorkspace, LMaterialDragSource, LMetricCard, LTrendCard, } from './components';
+export { useLayoutEditor } from './composables';
+export type * from './types';
+export type { LayoutRenderTarget, VueMaterialSource, } from './components/material-renderer';
+export type { LayoutDocument, LayoutNode, LayoutPlacement, MaterialDefinition, } from '@composy/layout-core';
+export type { LayoutEditor, LayoutEditorEngine, LayoutEditorOptions, } from '@composy/layout-editor';

package/lib/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,SAAS,EACT,iBAAiB,EACjB,aAAa,EACb,gBAAgB,EAChB,mBAAmB,EACnB,WAAW,EACX,UAAU,GACX,MAAM,cAAc,CAAA;AACrB,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC/C,mBAAmB,SAAS,CAAA;AAC5B,YAAY,EACV,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,gCAAgC,CAAA;AACvC,YAAY,EACV,cAAc,EACd,UAAU,EACV,eAAe,EACf,kBAAkB,GACnB,MAAM,sBAAsB,CAAA;AAC7B,YAAY,EACV,YAAY,EACZ,kBAAkB,EAClB,mBAAmB,GACpB,MAAM,wBAAwB,CAAA"}

package/lib/style/index.css

@@ -1,2 +1 @@
 
-/*# sourceMappingURL=src/style/index.less.map */

package/lib/style/workspace.css

@@ -1385,6 +1385,15 @@ body > .ui-draggable-dragging[data-layout-material] {
   flex: 1 0 auto;
 }
 
+/* The editor keeps a native runtime container mounted for fast framework
+ * switching. Vue mode renders the adapter grid in the same stage, so the
+ * native container must stay out of layout flow until Web Component mode is
+ * selected. */
+.runtime-preview-stage[data-preview-framework="vue"] > .runtime-preview-grid,
+.vanilla-runtime-stage[data-preview-framework="vue"] > .runtime-preview-grid {
+  display: none !important;
+}
+
 .layout-item-shell,
 .layout-card {
   position: relative;
@@ -2375,4 +2384,3 @@ body > .ui-draggable-dragging[data-layout-material] {
   color: #c5ceff !important;
 }
 
-/*# sourceMappingURL=src/style/workspace.css.map */

package/lib/types.cjs

@@ -2,7 +2,7 @@
 * ***********************************
 * @composy/layout-vue v0.0.1      *
 * Built with rollup               *
-* Build time: 2024-08-17 11:47:09 *
+* Build time: 2024-10-12 17:52:50 *
 * Build mode: production          *
 * Minified: No                    *
 * ***********************************

package/lib/types.d.cts

@@ -0,0 +1,25 @@
+import type { LayoutDocument, LayoutNode, LayoutPlacement, MaterialDefinition, MaterialRegistry } from '@composy/layout-core';
+import type { LayoutEditor, LayoutEditorEngine, LayoutEditorOptions } from '@composy/layout-editor';
+import type { LayoutRenderTarget } from './components/material-renderer';
+export interface LayoutItemSlotContext {
+    item: LayoutNode;
+    placement: LayoutPlacement;
+    breakpointId: string;
+}
+export interface LGridProps {
+    document: LayoutDocument;
+    breakpoint?: string;
+    readonly?: boolean;
+    materials?: MaterialRegistry | readonly MaterialDefinition[];
+    target?: LayoutRenderTarget;
+}
+export interface LLayoutEditorProps {
+    document: LayoutDocument;
+    engine: LayoutEditorEngine;
+    mode?: 'edit' | 'preview' | 'readonly';
+    preview?: LayoutEditorOptions['preview'];
+    materials?: MaterialRegistry | readonly MaterialDefinition[];
+}
+export interface LLayoutEditorExpose {
+    editor: LayoutEditor;
+}

package/lib/types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.cts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,cAAc,EACd,UAAU,EACV,eAAe,EACf,kBAAkB,EAClB,gBAAgB,EACjB,MAAM,sBAAsB,CAAA;AAC7B,OAAO,KAAK,EACV,YAAY,EACZ,kBAAkB,EAClB,mBAAmB,EACpB,MAAM,wBAAwB,CAAA;AAC/B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAA;AAExE,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,UAAU,CAAA;IAChB,SAAS,EAAE,eAAe,CAAA;IAC1B,YAAY,EAAE,MAAM,CAAA;CACrB;AACD,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,cAAc,CAAA;IACxB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,gBAAgB,GAAG,SAAS,kBAAkB,EAAE,CAAA;IAC5D,MAAM,CAAC,EAAE,kBAAkB,CAAA;CAC5B;AACD,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,cAAc,CAAA;IACxB,MAAM,EAAE,kBAAkB,CAAA;IAC1B,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAA;IACtC,OAAO,CAAC,EAAE,mBAAmB,CAAC,SAAS,CAAC,CAAA;IACxC,SAAS,CAAC,EAAE,gBAAgB,GAAG,SAAS,kBAAkB,EAAE,CAAA;CAC7D;AACD,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,YAAY,CAAA;CACrB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@composy/layout-vue",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "Vue 3 runtime and editor adapters for LDesign Layout",
   "keywords": [
     "grid",
@@ -55,7 +55,7 @@
     "./index.min.css": "./dist/index.min.css",
     "./style/workspace.css": "./es/style/workspace.css",
     "./style/index.css": "./lib/style/index.css",
-    "./style/index.less": "./es/style/index.less",
+    "./style/index.less": "./esm/style/index.less",
     "./package.json": "./package.json"
   },
   "main": "./lib/index.cjs",
@@ -68,50 +68,57 @@
     "LICENSE",
     "CHANGELOG.md",
     "es",
+    "esm",
     "lib",
     "dist"
   ],
   "scripts": {
     "build": "ldesign-builder build",
+    "postbuild": "node scripts/strip-dangling-css-sourcemaps.cjs",
+    "clean": "rimraf dist es esm lib",
     "dev": "vite build --watch",
     "lint": "eslint . --cache",
     "lint:check": "eslint . --cache --max-warnings 0",
     "lint:fix": "eslint . --cache --fix",
     "type-check": "node scripts/run-vue-tsc.cjs --noEmit",
+    "type-check:cjs": "node scripts/run-vue-tsc.cjs --noEmit -p tsconfig.cjs.json",
     "test": "ltesting run:unit",
     "test:run": "ltesting run:unit",
     "test:watch": "ltesting run:unit --watch",
     "test:coverage": "ltesting run:unit --coverage",
     "test:changed": "ltesting run:unit --changed",
     "test:failed": "ltesting run:unit --failed",
-    "test:ui": "ltesting dashboard"
+    "test:ui": "ltesting dashboard",
+    "release": "ldesign-release publish --package-dir ."
   },
   "dependencies": {
-    "@composy/layout-core": "^0.0.1",
-    "@composy/layout-compiler": "^0.0.1",
-    "@composy/layout-editor": "^0.0.1",
-    "@composy/layout-gridstack": "^0.0.1",
-    "@composy/layout-runtime": "^0.0.1",
-    "gridstack": "^13.0.2",
-    "lucide": "^0.468.0",
-    "lucide-vue-next": "^1.0.0"
+    "@composy/layout-core": "^0.0.2",
+    "@composy/layout-compiler": "^0.0.2",
+    "@composy/layout-editor": "^0.0.2",
+    "@composy/layout-gridstack": "^0.0.2",
+    "@composy/layout-runtime": "^0.0.2",
+    "gridstack": "13.0.2",
+    "lucide": "1.49.0",
+    "lucide-vue-next": "1.0.0"
   },
   "peerDependencies": {
-    "vue": "^3.5.32"
+    "vue": "3.5.32"
   },
   "devDependencies": {
     "@antfu/eslint-config": "9.1.0",
-    "@composy/builder": "^0.0.1",
-    "@composy/testing": "^0.0.1",
+    "@composy/builder": "^0.1.0",
+    "@composy/release": "^0.1.0",
+    "@composy/testing": "^0.0.2",
     "eslint": "10.7.0",
+    "rimraf": "6.1.3",
     "typescript": "5.9.3",
-    "vite": "^8.1.4",
-    "vue": "3.5.39",
-    "vue-tsc": "^3.3.7"
+    "vite": "8.1.4",
+    "vue": "3.5.32",
+    "vue-tsc": "3.3.11"
   },
   "publishConfig": {
     "registry": "http://npm.longrise.cn:6286/"
   },
   "typings": "./es/index.d.ts",
   "browser": "./dist/index.js"
-}
+}