@tailor-cms/ce-jodit-html-edit 2.0.0 → 2.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/dist/index.cjs CHANGED
@@ -38688,6 +38688,10 @@ var Edit_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE_
38688
38688
  content: content.value
38689
38689
  });
38690
38690
  };
38691
+ (0, vue.watch)(() => props.element?.data?.content, (value = "") => {
38692
+ if (value === content.value) return;
38693
+ content.value = value;
38694
+ });
38691
38695
  (0, vue.watch)(() => props.isFocused, (val) => !val && save());
38692
38696
  (0, vue.watch)(content, debounce$1(() => save(), 4e3));
38693
38697
  return (_ctx, _cache) => {
@@ -38702,7 +38706,7 @@ var Edit_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE_
38702
38706
  }, null, 8, _hoisted_3)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_4, " Enter your text... "))]))]);
38703
38707
  };
38704
38708
  }
38705
- }), [["__scopeId", "data-v-87f418fc"]]);
38709
+ }), [["__scopeId", "data-v-08c1eb83"]]);
38706
38710
  //#endregion
38707
38711
  //#region src/components/TopToolbar.vue?vue&type=script&setup=true&lang.ts
38708
38712
  var _hoisted_1 = ["id"];
package/dist/index.css CHANGED
@@ -22,31 +22,31 @@
22
22
  [data-v-8a964904] .jodit-status-bar .jodit-toolbar-button {
23
23
  line-height: inherit;
24
24
  vertical-align: top;
25
- }.jodit-container[data-v-87f418fc] {
25
+ }.jodit-container[data-v-08c1eb83] {
26
26
  min-width: 11.25rem;
27
27
  min-height: 5rem;
28
28
  }
29
- [data-v-87f418fc] .jodit-container {
29
+ [data-v-08c1eb83] .jodit-container {
30
30
  border: none;
31
31
  }
32
- [data-v-87f418fc] .jodit-workplace {
32
+ [data-v-08c1eb83] .jodit-workplace {
33
33
  overflow: visible !important;
34
34
  }
35
- [data-v-87f418fc] .jodit-wysiwyg {
35
+ [data-v-08c1eb83] .jodit-wysiwyg {
36
36
  overflow: visible !important;
37
37
  overflow-wrap: break-word;
38
38
  }
39
- [data-v-87f418fc] .jodit-placeholder {
39
+ [data-v-08c1eb83] .jodit-placeholder {
40
40
  color: rgba(0, 0, 0, 0.5);
41
41
  }
42
- [data-v-87f418fc] .tce-jodit-tooltip {
42
+ [data-v-08c1eb83] .tce-jodit-tooltip {
43
43
  position: relative;
44
44
  display: inline-block;
45
45
  background: rgba(205, 215, 220, 0.7);
46
46
  text-decoration: underline dotted #37474f;
47
47
  cursor: help;
48
48
  }
49
- [data-v-87f418fc] .tce-jodit-tooltip::before {
49
+ [data-v-08c1eb83] .tce-jodit-tooltip::before {
50
50
  content: "";
51
51
  position: absolute;
52
52
  bottom: 100%;
@@ -54,7 +54,7 @@
54
54
  border-right: 6px solid transparent;
55
55
  border-top: 6px solid #37474f;
56
56
  }
57
- [data-v-87f418fc] .tce-jodit-tooltip::after {
57
+ [data-v-08c1eb83] .tce-jodit-tooltip::after {
58
58
  content: attr(data-tooltip);
59
59
  position: absolute;
60
60
  bottom: calc(100% + 6px - 1px);
@@ -68,80 +68,80 @@
68
68
  font-weight: normal;
69
69
  line-height: 1.1;
70
70
  }
71
- [data-v-87f418fc] .tce-jodit-tooltip::before,[data-v-87f418fc] .tce-jodit-tooltip::after {
71
+ [data-v-08c1eb83] .tce-jodit-tooltip::before,[data-v-08c1eb83] .tce-jodit-tooltip::after {
72
72
  visibility: hidden;
73
73
  opacity: 0;
74
74
  transition: opacity 0.1s ease-out, margin 0.1s ease-out;
75
75
  }
76
- [data-v-87f418fc] .tce-jodit-tooltip:hover::after,[data-v-87f418fc] .tce-jodit-tooltip:hover::before {
76
+ [data-v-08c1eb83] .tce-jodit-tooltip:hover::after,[data-v-08c1eb83] .tce-jodit-tooltip:hover::before {
77
77
  visibility: visible;
78
78
  opacity: 1;
79
79
  margin-bottom: 0.25rem;
80
80
  }
81
- [data-v-87f418fc] .jodit-container:not(.jodit-inline) {
81
+ [data-v-08c1eb83] .jodit-container:not(.jodit-inline) {
82
82
  min-height: 5rem !important;
83
83
  background: transparent;
84
84
  font-size: 1rem;
85
85
  border: none;
86
86
  }
87
- [data-v-87f418fc] .jodit-container .jodit-wysiwyg * {
87
+ [data-v-08c1eb83] .jodit-container .jodit-wysiwyg * {
88
88
  word-break: break-word;
89
89
  }
90
- [data-v-87f418fc] .jodit-container .jodit-wysiwyg > * + * {
90
+ [data-v-08c1eb83] .jodit-container .jodit-wysiwyg > * + * {
91
91
  margin-top: 0.75em;
92
92
  }
93
- [data-v-87f418fc] .jodit-container .jodit-wysiwyg h1,[data-v-87f418fc] .jodit-container .jodit-wysiwyg h2,[data-v-87f418fc] .jodit-container .jodit-wysiwyg h3,[data-v-87f418fc] .jodit-container .jodit-wysiwyg h4,[data-v-87f418fc] .jodit-container .jodit-wysiwyg h5,[data-v-87f418fc] .jodit-container .jodit-wysiwyg h6 {
93
+ [data-v-08c1eb83] .jodit-container .jodit-wysiwyg h1,[data-v-08c1eb83] .jodit-container .jodit-wysiwyg h2,[data-v-08c1eb83] .jodit-container .jodit-wysiwyg h3,[data-v-08c1eb83] .jodit-container .jodit-wysiwyg h4,[data-v-08c1eb83] .jodit-container .jodit-wysiwyg h5,[data-v-08c1eb83] .jodit-container .jodit-wysiwyg h6 {
94
94
  line-height: 1;
95
95
  }
96
- [data-v-87f418fc] .jodit-container .jodit-wysiwyg h1 {
96
+ [data-v-08c1eb83] .jodit-container .jodit-wysiwyg h1 {
97
97
  font-size: 2.5rem;
98
98
  }
99
- [data-v-87f418fc] .jodit-container .jodit-wysiwyg h2 {
99
+ [data-v-08c1eb83] .jodit-container .jodit-wysiwyg h2 {
100
100
  font-size: 2.25rem;
101
101
  }
102
- [data-v-87f418fc] .jodit-container .jodit-wysiwyg h3 {
102
+ [data-v-08c1eb83] .jodit-container .jodit-wysiwyg h3 {
103
103
  font-size: 2rem;
104
104
  }
105
- [data-v-87f418fc] .jodit-container .jodit-wysiwyg h4 {
105
+ [data-v-08c1eb83] .jodit-container .jodit-wysiwyg h4 {
106
106
  font-size: 1.75rem;
107
107
  }
108
- [data-v-87f418fc] .jodit-container .jodit-wysiwyg h5 {
108
+ [data-v-08c1eb83] .jodit-container .jodit-wysiwyg h5 {
109
109
  font-size: 1.5rem;
110
110
  }
111
- [data-v-87f418fc] .jodit-container .jodit-wysiwyg h6 {
111
+ [data-v-08c1eb83] .jodit-container .jodit-wysiwyg h6 {
112
112
  font-size: 1.25rem;
113
113
  }
114
- [data-v-87f418fc] .jodit-container .jodit-wysiwyg blockquote {
114
+ [data-v-08c1eb83] .jodit-container .jodit-wysiwyg blockquote {
115
115
  padding: 0.25rem 1rem;
116
116
  border-left: 2px solid rgba(13, 13, 13, 0.1);
117
117
  font-family: Georgia, "Times New Roman", Times, serif;
118
118
  font-style: italic;
119
119
  }
120
- [data-v-87f418fc] .jodit-container .jodit-wysiwyg ul,[data-v-87f418fc] .jodit-container .jodit-wysiwyg ol {
120
+ [data-v-08c1eb83] .jodit-container .jodit-wysiwyg ul,[data-v-08c1eb83] .jodit-container .jodit-wysiwyg ol {
121
121
  padding: 0 1.25rem;
122
122
  }
123
- [data-v-87f418fc] .jodit-container .jodit-wysiwyg code {
123
+ [data-v-08c1eb83] .jodit-container .jodit-wysiwyg code {
124
124
  font-family: "Source Code Pro", monospace !important;
125
125
  background: #eee;
126
126
  padding: 0.125rem 0.5rem;
127
127
  border-radius: 8px;
128
128
  }
129
- [data-v-87f418fc] .jodit-container .jodit-wysiwyg pre {
129
+ [data-v-08c1eb83] .jodit-container .jodit-wysiwyg pre {
130
130
  border-radius: 8px;
131
131
  padding: 0.5rem 1rem;
132
132
  background: #eee;
133
133
  }
134
- [data-v-87f418fc] .jodit-container .jodit-wysiwyg pre code {
134
+ [data-v-08c1eb83] .jodit-container .jodit-wysiwyg pre code {
135
135
  padding: 0;
136
136
  font-size: 0.875rem;
137
137
  background: none;
138
138
  }
139
- [data-v-87f418fc] .jodit-container .jodit-wysiwyg hr {
139
+ [data-v-08c1eb83] .jodit-container .jodit-wysiwyg hr {
140
140
  border: none;
141
141
  border-top: 2px solid rgba(13, 13, 13, 0.1);
142
142
  margin: 2rem 0;
143
143
  }
144
- [data-v-87f418fc] .jodit-container .jodit-wysiwyg table {
144
+ [data-v-08c1eb83] .jodit-container .jodit-wysiwyg table {
145
145
  width: 100%;
146
146
  border-spacing: 0;
147
147
  border-radius: 4px;
@@ -149,13 +149,13 @@
149
149
  border: 1px solid rgba(0, 0, 0, 0.12);
150
150
  text-align: left;
151
151
  }
152
- [data-v-87f418fc] .jodit-container .jodit-wysiwyg table th,[data-v-87f418fc] .jodit-container .jodit-wysiwyg table td {
152
+ [data-v-08c1eb83] .jodit-container .jodit-wysiwyg table th,[data-v-08c1eb83] .jodit-container .jodit-wysiwyg table td {
153
153
  padding: 0.75rem;
154
154
  }
155
- [data-v-87f418fc] .jodit-container .jodit-wysiwyg table th {
155
+ [data-v-08c1eb83] .jodit-container .jodit-wysiwyg table th {
156
156
  background-color: #fafafa;
157
157
  }
158
- [data-v-87f418fc] .jodit-container .jodit-wysiwyg table td {
158
+ [data-v-08c1eb83] .jodit-container .jodit-wysiwyg table td {
159
159
  border-top: 1px solid rgba(0, 0, 0, 0.12);
160
160
  }.jodit-toolbar-editor-collection_container {
161
161
  min-height: 72px;
package/dist/index.js CHANGED
@@ -38684,6 +38684,10 @@ var Edit_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE_
38684
38684
  content: content.value
38685
38685
  });
38686
38686
  };
38687
+ watch(() => props.element?.data?.content, (value = "") => {
38688
+ if (value === content.value) return;
38689
+ content.value = value;
38690
+ });
38687
38691
  watch(() => props.isFocused, (val) => !val && save());
38688
38692
  watch(content, debounce$1(() => save(), 4e3));
38689
38693
  return (_ctx, _cache) => {
@@ -38698,7 +38702,7 @@ var Edit_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE_
38698
38702
  }, null, 8, _hoisted_3)) : (openBlock(), createElementBlock("div", _hoisted_4, " Enter your text... "))]))]);
38699
38703
  };
38700
38704
  }
38701
- }), [["__scopeId", "data-v-87f418fc"]]);
38705
+ }), [["__scopeId", "data-v-08c1eb83"]]);
38702
38706
  //#endregion
38703
38707
  //#region src/components/TopToolbar.vue?vue&type=script&setup=true&lang.ts
38704
38708
  var _hoisted_1 = ["id"];
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "description": "Tailor CMS Jodit HTML editor authoring component",
4
4
  "author": "Studion <info@gostudion.com> (https://github.com/tailor-cms)",
5
5
  "type": "module",
6
- "version": "2.0.0",
6
+ "version": "2.0.1",
7
7
  "exports": {
8
8
  ".": {
9
9
  "import": "./dist/index.js",
@@ -27,7 +27,7 @@
27
27
  "vite-plugin-lib-inject-css": "^2.2.2",
28
28
  "vue-tsc": "^3.2.7",
29
29
  "vuetify": "^4.0.6",
30
- "@tailor-cms/ce-jodit-html-manifest": "2.0.0"
30
+ "@tailor-cms/ce-jodit-html-manifest": "2.0.1"
31
31
  },
32
32
  "dependencies": {
33
33
  "@tailor-cms/cek-common": "2.0.1",