aloha-vue 1.2.78 → 1.2.80

package/package.json

@@ -14,7 +14,7 @@
     "Vue.js"
   ],
   "homepage": "https://github.com/ilia-brykin/aloha/#README.md",
-  "version": "1.2.78",
+  "version": "1.2.80",
   "author": {
     "name": "Ilia Brykin",
     "email": "brykin.ilia@gmail.com"

package/src/plugins/ATinymcePlugin.js

@@ -4,6 +4,34 @@ import {
 
 export const tinymcePluginOptions = ref({
   propsDefault: {
+    branding: true,
+    contentCustomStyle: undefined,
+    contentLangs: [
+      { title: "English", code: "en" },
+      { title: "Spanish", code: "es" },
+      { title: "French", code: "fr" },
+      { title: "Deutsch", code: "de" },
+      { title: "Portuguese", code: "pt" },
+      { title: "Chinese", code: "zh" },
+    ],
+    languageDefault: "de",
+    maxlength: undefined,
+    menu: undefined,
+    menubar: false,
+    plugins: "advlist code emoticons link lists table help",
+    promotion: false,
+    rows: undefined,
+    toolbar: [
+      { name: "Formatierung", items: ["bold", "italic", "underline"] },
+      { name: "Ausrichtung", items: ["alignleft", "aligncenter", "alignright", "alignjustify"] },
+      { name: "Liste", items: ["bullist", "numlist"] },
+      { name: "Einrücken", items: ["indent", "outdent"] },
+      { name: "Sprache", items: ["language"] },
+      { name: "Link", items: ["link", "unlink"] },
+      { name: "Historie", items: ["undo", "redo"] },
+      { name: "Hilfe", items: ["help"] },
+    ],
+    toolbarMode: "wrap",
     validElements: "a[href|target=_blank],strong/b,div,br,p,span,ul,ol,li,table,thead,tbody,th,tr,td",
   },
 });

package/src/styles/components/AMenu2.scss

@@ -50,7 +50,7 @@
   --a_menu_2_submenu_open_color: var(--a_color_white);
   --a_menu_2_submenu_border_radius: 1rem;
   --a_menu_2_submenu_border_width: 2px;
-  --a_menu_2_search_height: auto;
+  --a_menu_2_search_height: 38px;
   --a_menu_2_search_link_focus_size: inset 0 0 1px 2px;
   --a_menu_2_close_panel_width: 300px;
   --a_menu_2_close_panel_max_height: 400px;
@@ -257,7 +257,7 @@
 }
 
 .a_menu_2__btn_toggle {
-  --a_menu_2_btn_toggle_width: 38px;
+  --a_menu_2_btn_toggle_width: 42px;
   --a_menu_2_btn_toggle_height: 38px;
   --a_menu_2_btn_toggle_bar_width: 18px;
   --a_menu_2_btn_toggle_bar_height: 2px;
@@ -266,7 +266,9 @@
   --a_menu_2_btn_toggle_bar_3_top: 24px;
   --a_menu_2_btn_toggle_bar_bg: var(--a_btn_color, var(--a_color_white));
 
+  min-height: var(--a_menu_2_btn_toggle_height);
   height: var(--a_menu_2_btn_toggle_height);
+  min-width: var(--a_menu_2_btn_toggle_width);
   width: var(--a_menu_2_btn_toggle_width);
   position: relative;
   &:active,

package/src/ui/ATinymce/ATinymce.js

@@ -28,76 +28,62 @@ export default {
     branding: {
       type: Boolean,
       required: false,
-      default: true,
+      default: () => tinymcePluginOptions.value.propsDefault.branding,
     },
     contentCustomStyle: {
       type: String,
       required: false,
-      default: undefined,
+      default: () => tinymcePluginOptions.value.propsDefault.contentCustomStyle,
     },
     contentLangs: {
       type: Array,
       required: false,
-      default: () => [
-        { title: "English", code: "en" },
-        { title: "Spanish", code: "es" },
-        { title: "French", code: "fr" },
-        { title: "Deutsch", code: "de" },
-        { title: "Portuguese", code: "pt" },
-        { title: "Chinese", code: "zh" },
-      ],
+      default: () => tinymcePluginOptions.value.propsDefault.contentLangs,
     },
     languageDefault: {
       type: String,
       required: false,
-      default: "de",
+      default: () => tinymcePluginOptions.value.propsDefault.languageDefault,
     },
     maxlength: {
       type: [String, Number],
       required: false,
+      default: () => tinymcePluginOptions.value.propsDefault.maxlength,
     },
     menu: {
       type: Object,
       required: false,
-      default: undefined,
+      default: () => tinymcePluginOptions.value.propsDefault.menu,
     },
     menubar: {
       type: [String, Boolean],
       required: false,
-      default: false,
+      default: () => tinymcePluginOptions.value.propsDefault.menubar,
     },
     plugins: {
       type: String,
       required: false,
-      default: "advlist code emoticons link lists table help",
+      default: () => tinymcePluginOptions.value.propsDefault.plugins,
     },
     promotion: {
       type: Boolean,
       required: false,
-      default: false,
+      default: () => tinymcePluginOptions.value.propsDefault.promotion,
     },
     rows: {
       type: [String, Number],
       required: false,
+      default: () => tinymcePluginOptions.value.propsDefault.rows,
     },
     toolbar: {
       type: [String, Object, Array],
       required: false,
-      default: () => ([
-        { name: "Formatierung", items: ["bold", "italic", "underline"] },
-        { name: "Ausrichtung", items: ["alignleft", "aligncenter", "alignright", "alignjustify"] },
-        { name: "Liste", items: ["bullist", "numlist"] },
-        { name: "Einrücken", items: ["indent", "outdent"] },
-        { name: "Sprache", items: ["language"] },
-        { name: "Link", items: ["link", "unlink"] },
-        { name: "Historie", items: ["undo", "redo"] },
-        { name: "Hilfe", items: ["help"] },
-      ]),
+      default: () => tinymcePluginOptions.value.propsDefault.toolbar,
     },
     toolbarMode: {
       type: String,
       required: false,
-      default: "wrap",
+      default: () => tinymcePluginOptions.value.propsDefault.toolbarMode,
       validator: value => ["floating", "sliding", "scrolling", "wrap"].indexOf(value) !== -1,
     },
     type: {