@tailor-cms/ce-embed-display 0.0.8 → 0.1.0

package/dist/components/Display.vue.d.ts

@@ -0,0 +1,11 @@
+import { Element } from '@tailor-cms/ce-embed-manifest';
+type __VLS_Props = {
+    element: Element;
+    userState: any;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    interaction: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onInteraction?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/index.cjs

@@ -1,5 +1,5 @@
 "use strict";
-var import_style = require("./style.css");
+var import_index = require("./index.css");
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 var type = "EMBED";
@@ -20,25 +20,25 @@ var manifest$1 = {
   initState,
   ui
 };
-var src_default = manifest$1;
-const _hoisted_1 = { class: "tce-root" };
+var index_default = manifest$1;
+const _hoisted_1 = { class: "tce-embed-root" };
 const _hoisted_2 = ["height", "src"];
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "Display",
   props: {
-    id: {},
-    data: {},
+    element: {},
     userState: {}
   },
   emits: ["interaction"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
-    const submit = () => emit("interaction", { id: props.id });
+    const emit = __emit;
+    const submit = () => emit("interaction", { id: props.element.id });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
         vue.createElementVNode("iframe", {
-          height: _ctx.data.height,
-          src: _ctx.data.url,
+          height: _ctx.element.data.height,
+          src: _ctx.element.data.url,
           class: "d-block w-100",
           frameborder: "0",
           title: "PDF Viewer",
@@ -48,7 +48,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Display_vue_vue_type_style_index_0_scoped_78779c51_lang = "";
 const _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
   for (const [key, val] of props) {
@@ -56,9 +55,9 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const Display = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-78779c51"]]);
+const Display = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f2a36528"]]);
 const manifest = {
-  ...src_default,
+  ...index_default,
   Display
 };
 exports.Display = Display;

package/dist/index.css

@@ -0,0 +1,3 @@
+
+.tce-embed-root[data-v-f2a36528] {
+}

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+import type { ElementManifest } from '@tailor-cms/ce-embed-manifest';
+import Display from './components/Display.vue';
+declare const manifest: ElementManifest;
+export default manifest;
+export { Display };

package/dist/index.js

@@ -1,5 +1,5 @@
-import "./style.css";
-import { defineComponent, openBlock, createElementBlock, createElementVNode } from "vue";
+import "./index.css";
+import { defineComponent, createElementBlock, openBlock, createElementVNode } from "vue";
 var type = "EMBED";
 var name = "Embed";
 var initState = () => ({ height: 260 });
@@ -18,25 +18,25 @@ var manifest$1 = {
   initState,
   ui
 };
-var src_default = manifest$1;
-const _hoisted_1 = { class: "tce-root" };
+var index_default = manifest$1;
+const _hoisted_1 = { class: "tce-embed-root" };
 const _hoisted_2 = ["height", "src"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Display",
   props: {
-    id: {},
-    data: {},
+    element: {},
     userState: {}
   },
   emits: ["interaction"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
-    const submit = () => emit("interaction", { id: props.id });
+    const emit = __emit;
+    const submit = () => emit("interaction", { id: props.element.id });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("iframe", {
-          height: _ctx.data.height,
-          src: _ctx.data.url,
+          height: _ctx.element.data.height,
+          src: _ctx.element.data.url,
           class: "d-block w-100",
           frameborder: "0",
           title: "PDF Viewer",
@@ -46,7 +46,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Display_vue_vue_type_style_index_0_scoped_78779c51_lang = "";
 const _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
   for (const [key, val] of props) {
@@ -54,9 +53,9 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const Display = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-78779c51"]]);
+const Display = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f2a36528"]]);
 const manifest = {
-  ...src_default,
+  ...index_default,
   Display
 };
 export {

package/package.json

@@ -3,7 +3,7 @@
   "description": "Tailor CMS embed element end-user component",
   "author": "Studion <info@gostudion.com> (https://github.com/tailor-cms)",
   "type": "module",
-  "version": "0.0.8",
+  "version": "0.1.0",
   "exports": {
     ".": {
       "import": "./dist/index.js",
@@ -11,27 +11,31 @@
     }
   },
   "main": "./dist/index.cjs",
+  "types": "./types/index.d.ts",
   "files": [
     "dist"
   ],
   "peerDependencies": {
-    "vue": "^3.3.4"
+    "vue": "^3.5.13"
   },
   "devDependencies": {
-    "@tailor-cms/eslint-config": "0.0.2",
-    "@vitejs/plugin-vue": "^4.2.3",
-    "typescript": "^5.1.6",
-    "vite": "^4.4.5",
-    "vue-tsc": "^1.8.5",
-    "@tailor-cms/ce-embed-manifest": "0.0.8"
+    "@tailor-cms/eslint-config": "1.1.2",
+    "@vitejs/plugin-vue": "^6.0.0",
+    "typescript": "^5.8.3",
+    "vite": "^7.0.3",
+    "vue-tsc": "^3.0.1",
+    "@tailor-cms/ce-embed-manifest": "0.1.0"
   },
   "publishConfig": {
     "access": "public"
   },
   "scripts": {
     "dev": "vite build --watch",
-    "build": "vue-tsc --noEmit && vite build",
-    "lint": "eslint --ext .js,.ts,.vue ./src",
-    "lint:fix": "pnpm lint --fix"
+    "build": "pnpm nuke:dist && vue-tsc && vite build",
+    "lint": "eslint ./src",
+    "lint:fix": "pnpm lint --fix",
+    "nuke": "pnpm dlx del-cli dist node_modules",
+    "nuke:dist": "pnpm dlx del-cli dist",
+    "prepublish": "pnpm build"
   }
 }

package/dist/style.css

@@ -1,4 +0,0 @@
-.tce-root[data-v-78779c51] {
-  font-family: Arial, Helvetica, sans-serif;
-  font-size: 1rem;
-}