@composy/layout-vue 0.0.1 → 0.0.2

package/esm/components/LMaterialDragSource.js

@@ -0,0 +1,92 @@
+/*!
+* ***********************************
+* @composy/layout-vue v0.0.1      *
+* Built with rollup               *
+* Build time: 2024-10-12 17:52:50 *
+* Build mode: production          *
+* Minified: No                    *
+* ***********************************
+*/
+import { defineComponent, h, onBeforeUnmount, onMounted } from "vue";
+//#region src/components/LMaterialDragSource.ts
+const LMaterialDragSource = defineComponent({
+	name: "LMaterialDragSource",
+	props: {
+		/** Backwards-compatible shorthand when no full material definition is supplied. */
+		type: {
+			type: String,
+			default: void 0
+		},
+		material: {
+			type: Object,
+			default: void 0
+		},
+		props: {
+			type: Object,
+			default: () => ({})
+		},
+		placement: {
+			type: Object,
+			default: void 0
+		},
+		editor: {
+			type: Object,
+			required: true
+		}
+	},
+	setup(props, { slots }) {
+		let unregister = () => {};
+		let element;
+		const definition = props.material;
+		const materialType = definition?.type ?? props.type;
+		if (!materialType) throw new Error("LMaterialDragSource requires type or material.");
+		const materialProps = {
+			...definition?.defaults ?? {},
+			...props.props
+		};
+		const input = () => ({
+			type: materialType,
+			props: materialProps,
+			placement: {
+				x: props.placement?.x ?? 0,
+				y: props.placement?.y ?? 0,
+				w: props.placement?.w ?? definition?.defaultLayout?.w ?? definition?.size?.default.w ?? 1,
+				h: props.placement?.h ?? definition?.defaultLayout?.h ?? definition?.size?.default.h ?? 1
+			}
+		});
+		const start = (event) => {
+			props.editor.beginExternalDrag({
+				...input(),
+				element: event.currentTarget,
+				dataTransfer: event.dataTransfer ?? void 0
+			});
+		};
+		const end = () => props.editor.endExternalDrag();
+		onMounted(() => {
+			if (element) unregister = props.editor.registerExternalDragSource({
+				...input(),
+				element
+			});
+			if (typeof document !== "undefined") document.addEventListener("dragend", end);
+		});
+		onBeforeUnmount(() => {
+			unregister();
+			if (typeof document !== "undefined") document.removeEventListener("dragend", end);
+		});
+		return () => h("div", {
+			ref: (value) => {
+				element = value;
+			},
+			class: "ldesign-layout-material-drag-source grid-stack-item",
+			"data-material-type": materialType,
+			"data-material-category": definition?.category,
+			"data-material-title": definition?.title ?? definition?.label,
+			"aria-label": `\u6DFB\u52A0${definition?.title ?? definition?.label ?? materialType}`,
+			onDragstart: start
+		}, slots.default?.() ?? definition?.title ?? definition?.label ?? materialType);
+	}
+});
+//#endregion
+export { LMaterialDragSource };
+/*! End of @composy/layout-vue | Powered by @composy/builder */
+//# sourceMappingURL=LMaterialDragSource.js.map

package/esm/components/LMaterialDragSource.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LMaterialDragSource.js","names":[],"sources":["../../src/components/LMaterialDragSource.ts"],"sourcesContent":["import { defineComponent, h, onBeforeUnmount, onMounted } from 'vue'\nimport type { LayoutPlacement, MaterialDefinition } from '@composy/layout-core'\nimport type { LayoutEditor } from '@composy/layout-editor'\n\nexport const LMaterialDragSource = defineComponent({\n  name: 'LMaterialDragSource',\n  props: {\n    /** Backwards-compatible shorthand when no full material definition is supplied. */\n    type: { type: String, default: undefined },\n    material: { type: Object as () => MaterialDefinition, default: undefined },\n    props: { type: Object, default: () => ({}) },\n    placement: {\n      type: Object as () => Partial<LayoutPlacement>,\n      default: undefined,\n    },\n    editor: { type: Object as () => LayoutEditor, required: true },\n  },\n  setup(props, { slots }) {\n    let unregister = () => {}\n    let element: HTMLElement | undefined\n    const definition = props.material\n    const materialType = definition?.type ?? props.type\n    if (!materialType)\n      throw new Error('LMaterialDragSource requires type or material.')\n    const materialProps = {\n      ...(definition?.defaults ?? {}),\n      ...(props.props as Record<string, unknown>),\n    }\n    const input = () => ({\n      type: materialType,\n      props: materialProps,\n      placement: {\n        x: props.placement?.x ?? 0,\n        y: props.placement?.y ?? 0,\n        w:\n          props.placement?.w ??\n          definition?.defaultLayout?.w ??\n          definition?.size?.default.w ??\n          1,\n        h:\n          props.placement?.h ??\n          definition?.defaultLayout?.h ??\n          definition?.size?.default.h ??\n          1,\n      },\n    })\n    const start = (event: DragEvent) => {\n      props.editor.beginExternalDrag({\n        ...input(),\n        element: event.currentTarget as HTMLElement,\n        dataTransfer: event.dataTransfer ?? undefined,\n      })\n    }\n    const end = () => props.editor.endExternalDrag()\n    onMounted(() => {\n      if (element)\n        unregister = props.editor.registerExternalDragSource({\n          ...input(),\n          element,\n        })\n      if (typeof document !== 'undefined')\n        document.addEventListener('dragend', end)\n    })\n    onBeforeUnmount(() => {\n      unregister()\n      if (typeof document !== 'undefined')\n        document.removeEventListener('dragend', end)\n    })\n    return () =>\n      h(\n        'div',\n        {\n          ref: (value: unknown) => {\n            element = value as HTMLElement\n          },\n          class: 'ldesign-layout-material-drag-source grid-stack-item',\n          'data-material-type': materialType,\n          'data-material-category': definition?.category,\n          'data-material-title': definition?.title ?? definition?.label,\n          'aria-label': `添加${definition?.title ?? definition?.label ?? materialType}`,\n          onDragstart: start,\n        },\n        slots.default?.() ??\n          definition?.title ??\n          definition?.label ??\n          materialType\n      )\n  },\n})\n"],"mappings":";;;;;;;;;;;AAIO,MAAM,sBAAsB,gBAAgB;CACjD,MAAM;CACN,OAAO;;EAEL,MAAM;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EACzC,UAAU;GAAE,MAAM;GAAoC,SAAS,KAAA;EAAU;EACzE,OAAO;GAAE,MAAM;GAAQ,gBAAgB,CAAC;EAAG;EAC3C,WAAW;GACT,MAAM;GACN,SAAS,KAAA;EACX;EACA,QAAQ;GAAE,MAAM;GAA8B,UAAU;EAAK;CAC/D;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,IAAI,mBAAmB,CAAC;EACxB,IAAI;EACJ,MAAM,aAAa,MAAM;EACzB,MAAM,eAAe,YAAY,QAAQ,MAAM;EAC/C,IAAI,CAAC,cACH,MAAM,IAAI,MAAM,gDAAgD;EAClE,MAAM,gBAAgB;GACpB,GAAI,YAAY,YAAY,CAAC;GAC7B,GAAI,MAAM;EACZ;EACA,MAAM,eAAe;GACnB,MAAM;GACN,OAAO;GACP,WAAW;IACT,GAAG,MAAM,WAAW,KAAK;IACzB,GAAG,MAAM,WAAW,KAAK;IACzB,GACE,MAAM,WAAW,KACjB,YAAY,eAAe,KAC3B,YAAY,MAAM,QAAQ,KAC1B;IACF,GACE,MAAM,WAAW,KACjB,YAAY,eAAe,KAC3B,YAAY,MAAM,QAAQ,KAC1B;GACJ;EACF;EACA,MAAM,SAAS,UAAqB;GAClC,MAAM,OAAO,kBAAkB;IAC7B,GAAG,MAAM;IACT,SAAS,MAAM;IACf,cAAc,MAAM,gBAAgB,KAAA;GACtC,CAAC;EACH;EACA,MAAM,YAAY,MAAM,OAAO,gBAAgB;EAC/C,gBAAgB;GACd,IAAI,SACF,aAAa,MAAM,OAAO,2BAA2B;IACnD,GAAG,MAAM;IACT;GACF,CAAC;GACH,IAAI,OAAO,aAAa,aACtB,SAAS,iBAAiB,WAAW,GAAG;EAC5C,CAAC;EACD,sBAAsB;GACpB,WAAW;GACX,IAAI,OAAO,aAAa,aACtB,SAAS,oBAAoB,WAAW,GAAG;EAC/C,CAAC;EACD,aACE,EACE,OACA;GACE,MAAM,UAAmB;IACvB,UAAU;GACZ;GACA,OAAO;GACP,sBAAsB;GACtB,0BAA0B,YAAY;GACtC,uBAAuB,YAAY,SAAS,YAAY;GACxD,cAAc,eAAK,YAAY,SAAS,YAAY,SAAS;GAC7D,aAAa;EACf,GACA,MAAM,UAAU,KACd,YAAY,SACZ,YAAY,SACZ,YACJ;CACJ;AACF,CAAC"}

package/esm/components/LMaterialRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LMaterialRenderer.d.ts","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/esm/components/LMaterialRenderer.js

@@ -0,0 +1,48 @@
+/*!
+* ***********************************
+* @composy/layout-vue v0.0.1      *
+* Built with rollup               *
+* Build time: 2024-10-12 17:52:50 *
+* Build mode: production          *
+* Minified: No                    *
+* ***********************************
+*/
+import { renderMaterialForTarget } from "./material-renderer.js";
+import { defineComponent, h } from "vue";
+//#region src/components/LMaterialRenderer.ts
+const LMaterialRenderer = defineComponent({
+	name: "LMaterialRenderer",
+	props: {
+		item: {
+			type: Object,
+			required: true
+		},
+		materials: {
+			type: [Object, Array],
+			default: void 0
+		},
+		target: {
+			type: String,
+			default: "vue"
+		},
+		placement: {
+			type: Object,
+			default: void 0
+		},
+		breakpointId: {
+			type: String,
+			default: "desktop"
+		}
+	},
+	setup(props, { attrs }) {
+		return () => {
+			const rendered = renderMaterialForTarget(props.materials, props.item, props.target, props.placement, props.breakpointId);
+			if (!rendered) return null;
+			return h(rendered, attrs);
+		};
+	}
+});
+//#endregion
+export { LMaterialRenderer };
+/*! End of @composy/layout-vue | Powered by @composy/builder */
+//# sourceMappingURL=LMaterialRenderer.js.map

package/esm/components/LMaterialRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LMaterialRenderer.js","names":[],"sources":["../../src/components/LMaterialRenderer.ts"],"sourcesContent":["import { defineComponent, h, type PropType } from 'vue'\nimport type { LayoutNode, LayoutPlacement } from '@composy/layout-core'\nimport {\n  renderMaterialForTarget,\n  type LayoutRenderTarget,\n  type VueMaterialSource,\n} from './material-renderer'\n\n/**\n * A target-aware renderer for one registered layout material.\n *\n * `LGrid` owns the placement shell; this component owns the renderer lookup.\n * Consumers can therefore use the same item renderer in an editor, a preview,\n * a modal or their own grid implementation without duplicating framework\n * branching logic.\n */\nexport const LMaterialRenderer = defineComponent({\n  name: 'LMaterialRenderer',\n  props: {\n    item: { type: Object as PropType<LayoutNode>, required: true },\n    materials: {\n      type: [Object, Array] as PropType<VueMaterialSource>,\n      default: undefined,\n    },\n    target: {\n      type: String as PropType<LayoutRenderTarget>,\n      default: 'vue',\n    },\n    placement: {\n      type: Object as PropType<LayoutPlacement>,\n      default: undefined,\n    },\n    breakpointId: { type: String, default: 'desktop' },\n  },\n  setup(props, { attrs }) {\n    return () => {\n      const rendered = renderMaterialForTarget(\n        props.materials,\n        props.item,\n        props.target,\n        props.placement,\n        props.breakpointId\n      )\n      if (!rendered) return null\n      return h(rendered, attrs)\n    }\n  },\n})\n\nexport type { LayoutRenderTarget }\n"],"mappings":";;;;;;;;;;;;AAgBO,MAAM,oBAAoB,gBAAgB;CAC/C,MAAM;CACN,OAAO;EACL,MAAM;GAAE,MAAM;GAAgC,UAAU;EAAK;EAC7D,WAAW;GACT,MAAM,CAAC,QAAQ,KAAK;GACpB,SAAS,KAAA;EACX;EACA,QAAQ;GACN,MAAM;GACN,SAAS;EACX;EACA,WAAW;GACT,MAAM;GACN,SAAS,KAAA;EACX;EACA,cAAc;GAAE,MAAM;GAAQ,SAAS;EAAU;CACnD;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,aAAa;GACX,MAAM,WAAW,wBACf,MAAM,WACN,MAAM,MACN,MAAM,QACN,MAAM,WACN,MAAM,YACR;GACA,IAAI,CAAC,UAAU,OAAO;GACtB,OAAO,EAAE,UAAU,KAAK;EAC1B;CACF;AACF,CAAC"}

package/esm/components/LMetricCard.d.ts.map

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

package/esm/components/LMetricCard.js

@@ -0,0 +1,39 @@
+/*!
+* ***********************************
+* @composy/layout-vue v0.0.1      *
+* Built with rollup               *
+* Build time: 2024-10-12 17:52:50 *
+* Build mode: production          *
+* Minified: No                    *
+* ***********************************
+*/
+import { defineComponent, h } from "vue";
+//#region src/components/LMetricCard.ts
+const LMetricCard = defineComponent({
+	name: "LMetricCard",
+	props: {
+		title: {
+			type: String,
+			default: "数据指标"
+		},
+		value: {
+			type: [String, Number],
+			default: void 0
+		}
+	},
+	setup(props) {
+		return () => h("article", {
+			class: "layout-card",
+			"data-layout-card": ""
+		}, [
+			h("div", { class: "layout-card__meta" }, [h("span", { class: "layout-card__type" }, "数据指标"), h("span", { class: "layout-card__status" }, "已配置")]),
+			h("h3", { class: "layout-card__title" }, props.title),
+			props.value === void 0 ? null : h("strong", { class: "layout-card__value" }, Number(props.value).toLocaleString("zh-CN")),
+			h("div", { class: "layout-card__footer" }, [h("span", null, "实时数据"), h("span", { class: "layout-card__spark" }, "趋势稳定")])
+		]);
+	}
+});
+//#endregion
+export { LMetricCard };
+/*! End of @composy/layout-vue | Powered by @composy/builder */
+//# sourceMappingURL=LMetricCard.js.map

package/esm/components/LMetricCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LMetricCard.js","names":[],"sources":["../../src/components/LMetricCard.ts"],"sourcesContent":["import { defineComponent, h } from 'vue'\n\n/**\n * Reference Vue material used by the layout examples and as a small,\n * framework-native registration contract for consumers.\n */\nexport const LMetricCard = defineComponent({\n  name: 'LMetricCard',\n  props: {\n    title: { type: String, default: '数据指标' },\n    value: { type: [String, Number], default: undefined },\n  },\n  setup(props) {\n    return () =>\n      h('article', { class: 'layout-card', 'data-layout-card': '' }, [\n        h('div', { class: 'layout-card__meta' }, [\n          h('span', { class: 'layout-card__type' }, '数据指标'),\n          h('span', { class: 'layout-card__status' }, '已配置'),\n        ]),\n        h('h3', { class: 'layout-card__title' }, props.title),\n        props.value === undefined\n          ? null\n          : h(\n              'strong',\n              { class: 'layout-card__value' },\n              Number(props.value).toLocaleString('zh-CN')\n            ),\n        h('div', { class: 'layout-card__footer' }, [\n          h('span', null, '实时数据'),\n          h('span', { class: 'layout-card__spark' }, '趋势稳定'),\n        ]),\n      ])\n  },\n})\n"],"mappings":";;;;;;;;;;;AAMO,MAAM,cAAc,gBAAgB;CACzC,MAAM;CACN,OAAO;EACL,OAAO;GAAE,MAAM;GAAQ,SAAS;EAAO;EACvC,OAAO;GAAE,MAAM,CAAC,QAAQ,MAAM;GAAG,SAAS,KAAA;EAAU;CACtD;CACA,MAAM,OAAO;EACX,aACE,EAAE,WAAW;GAAE,OAAO;GAAe,oBAAoB;EAAG,GAAG;GAC7D,EAAE,OAAO,EAAE,OAAO,oBAAoB,GAAG,CACvC,EAAE,QAAQ,EAAE,OAAO,oBAAoB,GAAG,MAAM,GAChD,EAAE,QAAQ,EAAE,OAAO,sBAAsB,GAAG,KAAK,CACnD,CAAC;GACD,EAAE,MAAM,EAAE,OAAO,qBAAqB,GAAG,MAAM,KAAK;GACpD,MAAM,UAAU,KAAA,IACZ,OACA,EACE,UACA,EAAE,OAAO,qBAAqB,GAC9B,OAAO,MAAM,KAAK,CAAA,CAAE,eAAe,OAAO,CAC5C;GACJ,EAAE,OAAO,EAAE,OAAO,sBAAsB,GAAG,CACzC,EAAE,QAAQ,MAAM,MAAM,GACtB,EAAE,QAAQ,EAAE,OAAO,qBAAqB,GAAG,MAAM,CACnD,CAAC;EACH,CAAC;CACL;AACF,CAAC"}

package/esm/components/LTrendCard.d.ts.map

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

package/esm/components/LTrendCard.js

@@ -0,0 +1,36 @@
+/*!
+* ***********************************
+* @composy/layout-vue v0.0.1      *
+* Built with rollup               *
+* Build time: 2024-10-12 17:52:50 *
+* Build mode: production          *
+* Minified: No                    *
+* ***********************************
+*/
+import { defineComponent, h } from "vue";
+//#region src/components/LTrendCard.ts
+const LTrendCard = defineComponent({
+	name: "LTrendCard",
+	props: { title: {
+		type: String,
+		default: "趋势图表"
+	} },
+	setup(props) {
+		return () => h("article", {
+			class: "layout-card",
+			"data-layout-card": ""
+		}, [
+			h("div", { class: "layout-card__meta" }, [h("span", { class: "layout-card__type" }, "趋势图表"), h("span", { class: "layout-card__status" }, "已配置")]),
+			h("h3", { class: "layout-card__title" }, props.title),
+			h("span", {
+				class: "layout-card__chart",
+				"aria-hidden": "true"
+			}, Array.from({ length: 5 }, (_, index) => h("i", { key: index }))),
+			h("div", { class: "layout-card__footer" }, [h("span", null, "实时数据"), h("span", { class: "layout-card__spark" }, "趋势稳定")])
+		]);
+	}
+});
+//#endregion
+export { LTrendCard };
+/*! End of @composy/layout-vue | Powered by @composy/builder */
+//# sourceMappingURL=LTrendCard.js.map

package/esm/components/LTrendCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LTrendCard.js","names":[],"sources":["../../src/components/LTrendCard.ts"],"sourcesContent":["import { defineComponent, h } from 'vue'\n\n/** Reference Vue chart material for renderer registration examples. */\nexport const LTrendCard = defineComponent({\n  name: 'LTrendCard',\n  props: {\n    title: { type: String, default: '趋势图表' },\n  },\n  setup(props) {\n    return () =>\n      h('article', { class: 'layout-card', 'data-layout-card': '' }, [\n        h('div', { class: 'layout-card__meta' }, [\n          h('span', { class: 'layout-card__type' }, '趋势图表'),\n          h('span', { class: 'layout-card__status' }, '已配置'),\n        ]),\n        h('h3', { class: 'layout-card__title' }, props.title),\n        h(\n          'span',\n          { class: 'layout-card__chart', 'aria-hidden': 'true' },\n          Array.from({ length: 5 }, (_, index) => h('i', { key: index }))\n        ),\n        h('div', { class: 'layout-card__footer' }, [\n          h('span', null, '实时数据'),\n          h('span', { class: 'layout-card__spark' }, '趋势稳定'),\n        ]),\n      ])\n  },\n})\n"],"mappings":";;;;;;;;;;;AAGO,MAAM,aAAa,gBAAgB;CACxC,MAAM;CACN,OAAO,EACL,OAAO;EAAE,MAAM;EAAQ,SAAS;CAAO,EACzC;CACA,MAAM,OAAO;EACX,aACE,EAAE,WAAW;GAAE,OAAO;GAAe,oBAAoB;EAAG,GAAG;GAC7D,EAAE,OAAO,EAAE,OAAO,oBAAoB,GAAG,CACvC,EAAE,QAAQ,EAAE,OAAO,oBAAoB,GAAG,MAAM,GAChD,EAAE,QAAQ,EAAE,OAAO,sBAAsB,GAAG,KAAK,CACnD,CAAC;GACD,EAAE,MAAM,EAAE,OAAO,qBAAqB,GAAG,MAAM,KAAK;GACpD,EACE,QACA;IAAE,OAAO;IAAsB,eAAe;GAAO,GACrD,MAAM,KAAK,EAAE,QAAQ,EAAE,IAAI,GAAG,UAAU,EAAE,KAAK,EAAE,KAAK,MAAM,CAAC,CAAC,CAChE;GACA,EAAE,OAAO,EAAE,OAAO,sBAAsB,GAAG,CACzC,EAAE,QAAQ,MAAM,MAAM,GACtB,EAAE,QAAQ,EAAE,OAAO,qBAAqB,GAAG,MAAM,CACnD,CAAC;EACH,CAAC;CACL;AACF,CAAC"}

package/esm/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","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/esm/components/index.js

@@ -0,0 +1,19 @@
+/*!
+* ***********************************
+* @composy/layout-vue v0.0.1      *
+* Built with rollup               *
+* Build time: 2024-10-12 17:52:50 *
+* Build mode: production          *
+* Minified: No                    *
+* ***********************************
+*/
+import { LGrid } from "./LGrid.js";
+import { LGridItem } from "./LGridItem.js";
+import { LMaterialRenderer } from "./LMaterialRenderer.js";
+import { LLayoutEditor } from "./LLayoutEditor.js";
+import { LMetricCard } from "./LMetricCard.js";
+import { LTrendCard } from "./LTrendCard.js";
+import LLayoutWorkspace_default from "./LLayoutWorkspace.js";
+import { LMaterialDragSource } from "./LMaterialDragSource.js";
+export { LGrid, LGridItem, LLayoutEditor, LLayoutWorkspace_default as LLayoutWorkspace, LMaterialDragSource, LMaterialRenderer, LMetricCard, LTrendCard };
+/*! End of @composy/layout-vue | Powered by @composy/builder */

package/esm/components/material-renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"material-renderer.d.ts","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/esm/components/material-renderer.js

@@ -0,0 +1,103 @@
+/*!
+* ***********************************
+* @composy/layout-vue v0.0.1      *
+* Built with rollup               *
+* Build time: 2024-10-12 17:52:50 *
+* Build mode: production          *
+* Minified: No                    *
+* ***********************************
+*/
+import { h } from "vue";
+import { createMaterialRegistry } from "@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)) {
+		const cached = registryCache.get(source);
+		if (cached) return cached;
+		const registry = createMaterialRegistry(source);
+		registryCache.set(source, registry);
+		return registry;
+	}
+	return source;
+}
+function resolveMaterialDefinition(materials, type) {
+	return resolveRegistry(materials)?.get(type);
+}
+function renderMaterialFallback(materials, item, placement, breakpointId) {
+	const material = resolveMaterialDefinition(materials, item.type);
+	const context = {
+		item,
+		placement,
+		breakpointId
+	};
+	const vueRenderer = material?.renderers?.vue;
+	if (vueRenderer?.component) return h(vueRenderer.component, {
+		...item.props ?? {},
+		...vueRenderer.tagName ? { is: vueRenderer.tagName } : {}
+	});
+	const webComponentRenderer = material?.renderers?.webcomponent;
+	if (webComponentRenderer?.tagName) return h(webComponentRenderer.tagName, {
+		...item.props ?? {},
+		materialProps: { ...item.props ?? {} }
+	});
+	const htmlRenderer = material?.renderers?.html;
+	if (htmlRenderer?.render) {
+		const rendered = htmlRenderer.render(context);
+		if (typeof rendered === "string") return h("div", { innerHTML: sanitizeMarkup(rendered) });
+		return rendered;
+	}
+	if (htmlRenderer?.tagName) return h(htmlRenderer.tagName, { ...item.props ?? {} });
+}
+function renderMaterialForTarget(materials, item, target, placement, breakpointId = "desktop") {
+	const material = resolveMaterialDefinition(materials, item.type);
+	const props = { ...item.props ?? {} };
+	if (target === "vue") {
+		const renderer = material?.renderers?.vue;
+		if (renderer?.component) return h(renderer.component, props);
+	} else {
+		const renderer = material?.renderers?.webcomponent;
+		if (renderer?.tagName) return h(renderer.tagName, {
+			...props,
+			materialProps: props,
+			onVnodeMounted: (vnode) => {
+				const el = vnode.el;
+				if (el && "materialProps" in el) el.materialProps = props;
+			},
+			onVnodeUpdated: (vnode) => {
+				const el = vnode.el;
+				if (el && "materialProps" in el) el.materialProps = props;
+			}
+		});
+	}
+	const htmlRenderer = material?.renderers?.html;
+	if (htmlRenderer?.render) {
+		const rendered = htmlRenderer.render({
+			item,
+			placement: placement ?? item.layout[breakpointId] ?? {
+				x: 0,
+				y: 0,
+				w: 1,
+				h: 1
+			},
+			breakpointId
+		});
+		if (typeof rendered === "string") return h("div", { innerHTML: sanitizeMarkup(rendered) });
+		return rendered;
+	}
+	if (htmlRenderer?.tagName) return h(htmlRenderer.tagName, props);
+	return renderMaterialFallback(materials, item, placement ?? item.layout[breakpointId] ?? {
+		x: 0,
+		y: 0,
+		w: 1,
+		h: 1
+	}, breakpointId);
+}
+function sanitizeMarkup(value) {
+	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
+export { renderMaterialFallback, renderMaterialForTarget, resolveMaterialDefinition };
+/*! End of @composy/layout-vue | Powered by @composy/builder */
+//# sourceMappingURL=material-renderer.js.map

package/esm/components/material-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"material-renderer.js","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/esm/composables/index.d.ts.map

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

package/esm/composables/index.js

@@ -0,0 +1,12 @@
+/*!
+* ***********************************
+* @composy/layout-vue v0.0.1      *
+* Built with rollup               *
+* Build time: 2024-10-12 17:52:50 *
+* Build mode: production          *
+* Minified: No                    *
+* ***********************************
+*/
+import { useLayoutEditor } from "./useLayoutEditor.js";
+export { useLayoutEditor };
+/*! End of @composy/layout-vue | Powered by @composy/builder */

package/esm/composables/useLayoutEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLayoutEditor.d.ts","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/esm/composables/useLayoutEditor.js

@@ -0,0 +1,22 @@
+/*!
+* ***********************************
+* @composy/layout-vue v0.0.1      *
+* Built with rollup               *
+* Build time: 2024-10-12 17:52:50 *
+* Build mode: production          *
+* Minified: No                    *
+* ***********************************
+*/
+import { onBeforeUnmount, onMounted, shallowRef } from "vue";
+import { createLayoutEditor } from "@composy/layout-editor";
+//#region src/composables/useLayoutEditor.ts
+function useLayoutEditor(options) {
+	const editor = shallowRef(createLayoutEditor(options));
+	onMounted(() => editor.value.mount());
+	onBeforeUnmount(() => editor.value.destroy());
+	return editor;
+}
+//#endregion
+export { useLayoutEditor };
+/*! End of @composy/layout-vue | Powered by @composy/builder */
+//# sourceMappingURL=useLayoutEditor.js.map

package/esm/composables/useLayoutEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLayoutEditor.js","names":[],"sources":["../../src/composables/useLayoutEditor.ts"],"sourcesContent":["import { onBeforeUnmount, onMounted, shallowRef } from 'vue'\nimport { createLayoutEditor } from '@composy/layout-editor'\nimport type { LayoutEditorOptions } from '@composy/layout-editor'\n\nexport function useLayoutEditor(options: LayoutEditorOptions) {\n  const editor = shallowRef(createLayoutEditor(options))\n  onMounted(() => editor.value.mount())\n  onBeforeUnmount(() => editor.value.destroy())\n  return editor\n}\n"],"mappings":";;;;;;;;;;;;AAIO,SAAS,gBAAgB,SAA8B;CAC5D,MAAM,SAAS,WAAW,mBAAmB,OAAO,CAAC;CACrD,gBAAgB,OAAO,MAAM,MAAM,CAAC;CACpC,sBAAsB,OAAO,MAAM,QAAQ,CAAC;CAC5C,OAAO;AACT"}

package/esm/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","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/esm/index.js

@@ -0,0 +1,22 @@
+/*!
+* ***********************************
+* @composy/layout-vue v0.0.1      *
+* Built with rollup               *
+* Build time: 2024-10-12 17:52:50 *
+* Build mode: production          *
+* Minified: No                    *
+* ***********************************
+*/
+import { LGrid } from "./components/LGrid.js";
+import { LGridItem } from "./components/LGridItem.js";
+import { LMaterialRenderer } from "./components/LMaterialRenderer.js";
+import { LLayoutEditor } from "./components/LLayoutEditor.js";
+import { LMetricCard } from "./components/LMetricCard.js";
+import { LTrendCard } from "./components/LTrendCard.js";
+import LLayoutWorkspace_default from "./components/LLayoutWorkspace.js";
+import { LMaterialDragSource } from "./components/LMaterialDragSource.js";
+import "./components/index.js";
+import { useLayoutEditor } from "./composables/useLayoutEditor.js";
+import "./composables/index.js";
+export { LGrid, LGridItem, LLayoutEditor, LLayoutWorkspace_default as LLayoutWorkspace, LMaterialDragSource, LMaterialRenderer, LMetricCard, LTrendCard, useLayoutEditor };
+/*! End of @composy/layout-vue | Powered by @composy/builder */

package/esm/style/css.js

@@ -0,0 +1 @@
+import './index.less';

package/esm/style/index.js

@@ -0,0 +1 @@
+import './index.less';

package/{es → esm}/style/index.less

@@ -1 +1 @@
-// @ldesign styles
+// @ldesign styles