comand-component-library 3.3.84 → 3.3.86

package/src/components/CmdTextBlock.vue

@@ -1,73 +0,0 @@
-<template>
-    <div class="cmd-text-block flex-container vertical">
-        <!-- begin cmd-headline -->
-        <CmdHeadline v-if="cmdHeadline" :headlineText="cmdHeadline.headlineText" :headlineLevel="cmdHeadline.headlineLevel" />
-        <!-- end cmd-headline -->
-
-        <!-- begin continuous text -->
-        <textarea v-if="editModeContext?.editing" class="edit-mode" v-model="editableHtmlContent"></textarea>
-        <div v-else-if="htmlContent" v-html="htmlContent"></div>
-        <!-- end continuous text -->
-    </div>
-</template>
-
-<script>
-import {useEditModeContext} from "../editmode/editModeContext.js"
-
-export default {
-    name: "CmdTextBlock",
-    provide() {
-        return {
-            editModeContext: this.context
-        }
-    },
-    inject: {
-        editModeContext: {
-            default: null
-        }
-    },
-    data() {
-        return {
-            context: useEditModeContext(this.editModeContext, {tb: true}, this.onPersist),
-            editableHtmlHeadline: this.cmdHeadline?.headlineText || "",
-            editableHtmlContent: this.htmlContent
-        }
-    },
-    props: {
-        editModeContextData: {
-            type: Object
-        },
-        /**
-         * properties for CmdHeadline-component
-         */
-        cmdHeadline: {
-            type: Object,
-            required: false
-        },
-        /**
-         * content for continuous text (can contain html-tags)
-         */
-        htmlContent: {
-            type: String,
-            required: true
-        }
-    },
-    methods: {
-        onPersist(data) {
-            const htmlContent = this.editableHtmlContent
-            return {
-                editModeContextData: {
-                    ...(this.editModeContextData || {})
-                },
-                update(props) {
-                    props.cmdHeadline = {
-                        ...(props.cmdHeadline || {}),
-                    }
-                    props.cmdHeadline.headlineText = data[0].headlineText
-                    props.htmlContent = htmlContent
-                }
-            }
-        }
-    }
-}
-</script>

package/src/editmode/editModeContext.js

@@ -1,50 +0,0 @@
-import {ref, watchEffect} from "vue"
-
-export function useEditModeContext(parentContext, props, persistHandler) {
-    const editing = ref(!!parentContext?.editing)
-    const saveHandlers = []
-
-    function save() {
-        const data = []
-        saveHandlers.forEach(saveHandler => {
-            const result = saveHandler();
-            if (result) {
-                data.push(result)
-            }
-        })
-        callPersistHandler(data)
-    }
-
-    function callPersistHandler(data) {
-        let processedData = data
-        if (persistHandler) {
-            processedData = persistHandler(data)
-        }
-        if (parentContext && processedData != null) {
-            parentContext.callPersistHandler(processedData)
-        }
-    }
-
-    function addSaveHandler(saveHandler) {
-        if (!saveHandlers.includes(saveHandler)) {
-            saveHandlers.push(saveHandler)
-        }
-    }
-
-    if (parentContext) {
-        parentContext.addSaveHandler(save)
-    }
-
-    watchEffect(() => editing.value = !!parentContext?.editing);
-
-    return {
-        editing,
-        props: {
-            ...(parentContext?.props || {}),
-            ...(props || {})
-        },
-        addSaveHandler,
-        save,
-        callPersistHandler
-    }
-}