@tailor-cms/ce-flashcards-display 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md ADDED
@@ -0,0 +1 @@
1
+ # Content element `Display` component
@@ -0,0 +1,12 @@
1
+ import type { Element } from '@tailor-cms/ce-flashcards-manifest';
2
+ type __VLS_Props = {
3
+ element: Element;
4
+ userState: any;
5
+ };
6
+ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
7
+ interaction: (data: any) => any;
8
+ }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
9
+ onInteraction?: ((data: any) => any) | undefined;
10
+ }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
11
+ declare const _default: typeof __VLS_export;
12
+ export default _default;
package/dist/index.cjs ADDED
@@ -0,0 +1,68 @@
1
+ Object.defineProperties(exports, {
2
+ __esModule: { value: true },
3
+ [Symbol.toStringTag]: { value: "Module" }
4
+ });
5
+ require('./index.css');let vue = require("vue");
6
+ //#region ../manifest/dist/index.mjs
7
+ var type = "FLASHCARDS";
8
+ var name = "Flashcards";
9
+ var initState = (_config) => ({});
10
+ var ui = {
11
+ icon: "mdi-cards-outline",
12
+ forceFullWidth: true
13
+ };
14
+ var isEmpty = (_data) => false;
15
+ var manifest$1 = {
16
+ type,
17
+ version: "1.0",
18
+ name,
19
+ ssr: false,
20
+ initState,
21
+ isEmpty,
22
+ ui,
23
+ mocks: {
24
+ displayContexts: [{
25
+ name: "Test preset 1",
26
+ data: { state: "I have a value" }
27
+ }, {
28
+ name: "Test preset 2",
29
+ data: { state: "I have a different value" }
30
+ }],
31
+ referencesData: { linked: [{ title: "Mock linked element" }] }
32
+ }
33
+ };
34
+ //#endregion
35
+ //#region src/components/Display.vue?vue&type=script&setup=true&lang.ts
36
+ var _hoisted_1 = { class: "tce-root" };
37
+ var Display_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
38
+ __name: "Display",
39
+ props: {
40
+ element: {},
41
+ userState: {}
42
+ },
43
+ emits: ["interaction"],
44
+ setup(__props) {
45
+ return (_ctx, _cache) => {
46
+ return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1, [(0, vue.createElementVNode)("p", null, " This is the Display version of the content element id: " + (0, vue.toDisplayString)(__props.element.id), 1)]);
47
+ };
48
+ }
49
+ });
50
+ //#endregion
51
+ //#region \0plugin-vue:export-helper
52
+ var _plugin_vue_export_helper_default = (sfc, props) => {
53
+ const target = sfc.__vccOpts || sfc;
54
+ for (const [key, val] of props) target[key] = val;
55
+ return target;
56
+ };
57
+ //#endregion
58
+ //#region src/components/Display.vue
59
+ var Display_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Display_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-a4d7e010"]]);
60
+ //#endregion
61
+ //#region src/index.ts
62
+ var manifest = {
63
+ ...manifest$1,
64
+ Display: Display_default
65
+ };
66
+ //#endregion
67
+ exports.Display = Display_default;
68
+ exports.default = manifest;
package/dist/index.css ADDED
@@ -0,0 +1,5 @@
1
+
2
+ .tce-root[data-v-a4d7e010] {
3
+ font-size: 1rem;
4
+ font-family: Arial, Helvetica, sans-serif;
5
+ }
@@ -0,0 +1,5 @@
1
+ import type { ElementManifest } from '@tailor-cms/ce-flashcards-manifest';
2
+ import Display from './components/Display.vue';
3
+ declare const manifest: ElementManifest;
4
+ export default manifest;
5
+ export { Display };
package/dist/index.js ADDED
@@ -0,0 +1,63 @@
1
+ import { createElementBlock, createElementVNode, defineComponent, openBlock, toDisplayString } from "vue";
2
+ import './index.css';//#region ../manifest/dist/index.mjs
3
+ var type = "FLASHCARDS";
4
+ var name = "Flashcards";
5
+ var initState = (_config) => ({});
6
+ var ui = {
7
+ icon: "mdi-cards-outline",
8
+ forceFullWidth: true
9
+ };
10
+ var isEmpty = (_data) => false;
11
+ var manifest$1 = {
12
+ type,
13
+ version: "1.0",
14
+ name,
15
+ ssr: false,
16
+ initState,
17
+ isEmpty,
18
+ ui,
19
+ mocks: {
20
+ displayContexts: [{
21
+ name: "Test preset 1",
22
+ data: { state: "I have a value" }
23
+ }, {
24
+ name: "Test preset 2",
25
+ data: { state: "I have a different value" }
26
+ }],
27
+ referencesData: { linked: [{ title: "Mock linked element" }] }
28
+ }
29
+ };
30
+ //#endregion
31
+ //#region src/components/Display.vue?vue&type=script&setup=true&lang.ts
32
+ var _hoisted_1 = { class: "tce-root" };
33
+ var Display_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
34
+ __name: "Display",
35
+ props: {
36
+ element: {},
37
+ userState: {}
38
+ },
39
+ emits: ["interaction"],
40
+ setup(__props) {
41
+ return (_ctx, _cache) => {
42
+ return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("p", null, " This is the Display version of the content element id: " + toDisplayString(__props.element.id), 1)]);
43
+ };
44
+ }
45
+ });
46
+ //#endregion
47
+ //#region \0plugin-vue:export-helper
48
+ var _plugin_vue_export_helper_default = (sfc, props) => {
49
+ const target = sfc.__vccOpts || sfc;
50
+ for (const [key, val] of props) target[key] = val;
51
+ return target;
52
+ };
53
+ //#endregion
54
+ //#region src/components/Display.vue
55
+ var Display_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Display_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-a4d7e010"]]);
56
+ //#endregion
57
+ //#region src/index.ts
58
+ var manifest = {
59
+ ...manifest$1,
60
+ Display: Display_default
61
+ };
62
+ //#endregion
63
+ export { Display_default as Display, manifest as default };
package/package.json ADDED
@@ -0,0 +1,46 @@
1
+ {
2
+ "name": "@tailor-cms/ce-flashcards-display",
3
+ "description": "Tailor CMS flashcards element end-user component",
4
+ "author": "Studion <info@gostudion.com> (https://github.com/tailor-cms)",
5
+ "type": "module",
6
+ "version": "0.0.1",
7
+ "exports": {
8
+ ".": {
9
+ "import": "./dist/index.js",
10
+ "require": "./dist/index.cjs"
11
+ }
12
+ },
13
+ "main": "./dist/index.cjs",
14
+ "types": "./types/index.d.ts",
15
+ "files": [
16
+ "dist"
17
+ ],
18
+ "peerDependencies": {
19
+ "vue": "^3.5.29"
20
+ },
21
+ "devDependencies": {
22
+ "@tailor-cms/eslint-config": "^2.0.1",
23
+ "@vitejs/plugin-vue": "^6.0.7",
24
+ "typescript": "^6.0.3",
25
+ "vite": "^8.0.16",
26
+ "vite-plugin-lib-inject-css": "^2.2.2",
27
+ "vue-tsc": "^3.3.3",
28
+ "vuetify": "^4.1.0",
29
+ "@tailor-cms/ce-flashcards-manifest": "0.0.1"
30
+ },
31
+ "publishConfig": {
32
+ "access": "public"
33
+ },
34
+ "engines": {
35
+ "node": ">=24"
36
+ },
37
+ "scripts": {
38
+ "dev": "vite build --watch",
39
+ "build": "pnpm nuke:dist && vue-tsc && vite build",
40
+ "lint": "eslint ./src",
41
+ "lint:fix": "pnpm lint --fix",
42
+ "nuke": "pnpm dlx del-cli dist node_modules",
43
+ "nuke:dist": "pnpm dlx del-cli dist",
44
+ "prepublish": "pnpm build"
45
+ }
46
+ }