@tailor-cms/ce-embed-display 0.0.1

package/README.md

@@ -0,0 +1 @@
+# Content element `Display` component

package/dist/index.cjs

@@ -0,0 +1,69 @@
+"use strict";
+var import_style = require("./style.css");
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+var type = "CE_EMBED";
+var name = "Embed";
+var initState = () => ({ height: 260 });
+var ui = {
+  // Display icon, https://pictogrammers.com/library/mdi/
+  icon: "mdi-application-brackets",
+  // Does element support only full width or can be used within layouts
+  // (e.g. 50/50 layout)
+  forceFullWidth: false
+};
+var mocks = {
+  displayContexts: [{ name: "No selection", data: {} }]
+};
+var manifest$1 = {
+  type,
+  version: "1.0",
+  name,
+  ssr: false,
+  initState,
+  ui,
+  mocks
+};
+var src_default = manifest$1;
+const _hoisted_1 = { class: "tce-root" };
+const _hoisted_2 = ["height", "src"];
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "Display",
+  props: {
+    id: {},
+    data: {},
+    userState: {}
+  },
+  emits: ["interaction"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const submit = () => emit("interaction", { id: props.id });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("iframe", {
+          height: _ctx.data.height,
+          src: _ctx.data.url,
+          class: "d-block w-100",
+          frameborder: "0",
+          title: "PDF Viewer",
+          onLoad: submit
+        }, null, 40, _hoisted_2)
+      ]);
+    };
+  }
+});
+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) {
+    target[key] = val;
+  }
+  return target;
+};
+const Display = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-78779c51"]]);
+const manifest = {
+  ...src_default,
+  Display
+};
+exports.Display = Display;
+exports.default = manifest;

package/dist/index.js

@@ -0,0 +1,69 @@
+import "./style.css";
+import { defineComponent, openBlock, createElementBlock, createElementVNode } from "vue";
+var type = "CE_EMBED";
+var name = "Embed";
+var initState = () => ({ height: 260 });
+var ui = {
+  // Display icon, https://pictogrammers.com/library/mdi/
+  icon: "mdi-application-brackets",
+  // Does element support only full width or can be used within layouts
+  // (e.g. 50/50 layout)
+  forceFullWidth: false
+};
+var mocks = {
+  displayContexts: [{ name: "No selection", data: {} }]
+};
+var manifest$1 = {
+  type,
+  version: "1.0",
+  name,
+  ssr: false,
+  initState,
+  ui,
+  mocks
+};
+var src_default = manifest$1;
+const _hoisted_1 = { class: "tce-root" };
+const _hoisted_2 = ["height", "src"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Display",
+  props: {
+    id: {},
+    data: {},
+    userState: {}
+  },
+  emits: ["interaction"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const submit = () => emit("interaction", { id: props.id });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("iframe", {
+          height: _ctx.data.height,
+          src: _ctx.data.url,
+          class: "d-block w-100",
+          frameborder: "0",
+          title: "PDF Viewer",
+          onLoad: submit
+        }, null, 40, _hoisted_2)
+      ]);
+    };
+  }
+});
+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) {
+    target[key] = val;
+  }
+  return target;
+};
+const Display = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-78779c51"]]);
+const manifest = {
+  ...src_default,
+  Display
+};
+export {
+  Display,
+  manifest as default
+};

package/dist/style.css

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

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "@tailor-cms/ce-embed-display",
+  "type": "module",
+  "version": "0.0.1",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "main": "./dist/index.cjs",
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "vue": "^3.3.4"
+  },
+  "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.1"
+  },
+  "description": "Tailor CMS embed element",
+  "author": "Studion <info@gostudion.com> (https://github.com/tailor-cms)",
+  "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"
+  }
+}