@fastkit/vui-wysiwyg 1.1.2 → 1.1.3

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.
Files changed (3) hide show
  1. package/dist/vui-wysiwyg.css +251 -266
  2. package/package.json +3 -3
  3. package/dist/vui-wysiwyg.css.map +0 -1
package/dist/vui-wysiwyg.css CHANGED
@@ -1,271 +1,256 @@
1
- /* src/extensions/linter/Linter.scss */
2
- @layer vui {
3
- .v-linter__problem {
4
- margin-bottom: -1px;
5
- cursor: help;
6
- background: var(--deep-color);
7
- border-bottom: 1px solid var(--main-color);
8
- }
9
- .v-linter__issue-icon {
10
- position: absolute;
11
- right: 2px;
12
- display: inline-flex;
13
- align-items: center;
14
- justify-content: center;
15
- width: 1.2em;
16
- height: 1.2em;
17
- margin-top: 0.2em;
18
- font-family:
19
- times,
20
- georgia,
21
- serif;
22
- font-size: 15px;
23
- font-weight: 700;
24
- line-height: 1;
25
- color: var(--text-color);
26
- text-align: center;
27
- cursor: pointer;
28
- background: var(--main-color);
29
- border-radius: 100px;
30
- }
31
- .v-linter__issue-icon::before {
32
- content: "!";
33
- }
34
- .v-linter__issue-menu-wrapper {
35
- position: relative;
36
- display: inline-block;
37
- width: 0px;
38
- height: 1em;
39
- overflow: visible;
40
- }
41
- .v-linter__issue-menu {
42
- font-size: 87.5%;
43
- line-height: 1.5;
44
- }
45
- .v-linter__issue-menu .v-dialog__body {
46
- padding: 0;
47
- font-size: inherit;
48
- }
49
- .v-linter__issue-menu__message {
50
- padding: 8px;
51
- }
52
- .v-linter__issue-menu__fixers {
53
- position: relative;
54
- padding: 4px 0;
55
- }
56
- .v-linter__issue-menu__fixers::before {
57
- position: absolute;
58
- top: 0;
59
- right: 0;
60
- left: 0;
61
- display: block;
62
- height: 1px;
63
- content: "";
64
- background: currentColor;
65
- opacity: 0.5;
66
- }
67
- .v-linter__issue-menu__fixer__button {
68
- position: relative;
69
- display: block;
70
- width: 100%;
71
- padding: 8px;
72
- font: inherit;
73
- font-size: 12px;
74
- text-align: left;
75
- cursor: pointer;
76
- background: transparent;
77
- border: 0;
78
- outline: 0;
79
- appearance: none;
80
- }
81
- .v-linter__issue-menu__fixer__button::before {
82
- position: absolute;
83
- inset: 0;
84
- display: block;
85
- content: "";
86
- background: currentColor;
87
- opacity: 0;
88
- transition: 0.15s;
89
- }
90
- .v-linter__issue-menu__fixer__button:hover::before,
91
- .v-linter__issue-menu__fixer__button:focus::before {
92
- opacity: 0.1;
93
- }
94
- .v-linter__issue-menu__fixer__button__message {
95
- position: relative;
96
- }
97
- .v-linter__issue-menu__fix {
98
- display: inline;
99
- margin-top: 8px;
100
- color: var(--palette-link);
101
- text-decoration: underline;
102
- cursor: pointer;
103
- background: transparent;
104
- border: 0;
105
- outline: 0;
106
- appearance: none;
1
+ @layer vui{
2
+ .v-linter__problem{
3
+ background:var(--deep-color);
4
+ border-bottom:1px solid var(--main-color);
5
+ cursor:help;
6
+ margin-bottom:-1px;
7
+ }
8
+ .v-linter__issue-icon{
9
+ align-items:center;
10
+ background:var(--main-color);
11
+ border-radius:100px;
12
+ color:var(--text-color);
13
+ cursor:pointer;
14
+ display:inline-flex;
15
+ font-family:times,georgia,serif;
16
+ font-size:15px;
17
+ font-weight:700;
18
+ height:1.2em;
19
+ justify-content:center;
20
+ line-height:1;
21
+ margin-top:.2em;
22
+ position:absolute;
23
+ right:2px;
24
+ text-align:center;
25
+ width:1.2em;
26
+ }
27
+ .v-linter__issue-icon:before{
28
+ content:"!";
29
+ }
30
+ .v-linter__issue-menu-wrapper{
31
+ display:inline-block;
32
+ height:1em;
33
+ overflow:visible;
34
+ position:relative;
35
+ width:0;
36
+ }
37
+ .v-linter__issue-menu{
38
+ font-size:87.5%;
39
+ line-height:1.5;
40
+ }
41
+ .v-linter__issue-menu .v-dialog__body{
42
+ font-size:inherit;
43
+ padding:0;
44
+ }
45
+ .v-linter__issue-menu__message{
46
+ padding:8px;
47
+ }
48
+ .v-linter__issue-menu__fixers{
49
+ padding:4px 0;
50
+ position:relative;
51
+ }
52
+ .v-linter__issue-menu__fixers:before{
53
+ background:currentColor;
54
+ content:"";
55
+ display:block;
56
+ height:1px;
57
+ left:0;
58
+ opacity:.5;
59
+ position:absolute;
60
+ right:0;
61
+ top:0;
62
+ }
63
+ .v-linter__issue-menu__fixer__button{
64
+ appearance:none;
65
+ background:transparent;
66
+ border:0;
67
+ cursor:pointer;
68
+ display:block;
69
+ font:inherit;
70
+ font-size:12px;
71
+ outline:0;
72
+ padding:8px;
73
+ position:relative;
74
+ text-align:left;
75
+ width:100%;
76
+ }
77
+ .v-linter__issue-menu__fixer__button:before{
78
+ background:currentColor;
79
+ content:"";
80
+ display:block;
81
+ inset:0;
82
+ opacity:0;
83
+ position:absolute;
84
+ transition:.15s;
85
+ }
86
+ .v-linter__issue-menu__fixer__button:focus:before,.v-linter__issue-menu__fixer__button:hover:before{
87
+ opacity:.1;
88
+ }
89
+ .v-linter__issue-menu__fixer__button__message{
90
+ position:relative;
91
+ }
92
+ .v-linter__issue-menu__fix{
93
+ appearance:none;
94
+ background:transparent;
95
+ border:0;
96
+ color:var(--palette-link);
97
+ cursor:pointer;
98
+ display:inline;
99
+ margin-top:8px;
100
+ outline:0;
101
+ text-decoration:underline;
107
102
  }
108
103
  }
109
-
110
- /* src/tools/color.scss */
111
- :root {
112
- --v-wysiwyg-color-tool: 30px;
104
+ :root{
105
+ --v-wysiwyg-color-tool:30px;
113
106
  }
114
- @layer vui {
115
- .v-wysiwyg-color-tool__button {
116
- position: relative;
117
- display: inline-flex;
118
- align-items: center;
119
- justify-content: center;
120
- vertical-align: bottom;
121
- }
122
- .v-wysiwyg-color-tool__button__bar {
123
- position: absolute;
124
- right: 0;
125
- bottom: 0;
126
- left: 0;
127
- display: block;
128
- height: 2px;
129
- background: currentColor;
130
- }
131
- .v-wysiwyg-color-tool__menu .v-dialog__content {
132
- min-width: 0;
133
- }
134
- .v-wysiwyg-color-tool__menu .v-dialog__body {
135
- padding: 2px;
136
- }
137
- .v-wysiwyg-color-tool__items {
138
- --item-size: var(--v-wysiwyg-color-tool);
139
- display: inline-flex;
140
- flex-wrap: wrap;
141
- align-items: center;
142
- max-width: calc(var(--item-size) * 5);
143
- vertical-align: bottom;
144
- }
145
- .v-wysiwyg-color-tool__items--with-label {
146
- display: flex;
147
- flex-direction: column;
148
- align-items: flex-start;
149
- max-width: none;
150
- padding: 2px;
151
- }
152
- .v-wysiwyg-color-tool__item {
153
- --focus-offset: calc(var(--item-size) * 0.05);
154
- position: relative;
155
- display: flex;
156
- flex-basis: var(--item-size);
157
- align-items: center;
158
- width: var(--item-size);
159
- height: var(--item-size);
160
- padding: 0;
161
- margin: 0;
162
- cursor: pointer;
163
- background: transparent;
164
- border: 0;
165
- border-radius: 0;
166
- outline: 0;
167
- appearance: none;
168
- }
169
- .v-wysiwyg-color-tool__item__color {
170
- position: relative;
171
- flex: 0 0 var(--item-size);
172
- width: var(--item-size);
173
- height: var(--item-size);
174
- }
175
- .v-wysiwyg-color-tool__item__color::before {
176
- position: absolute;
177
- inset: 0;
178
- display: block;
179
- content: "";
180
- background: currentColor;
181
- border: solid 1px transparent;
182
- transition: all 0.15s;
183
- }
184
- .v-wysiwyg-color-tool__item__name {
185
- position: relative;
186
- padding: 0 8px;
187
- font-size: 12px;
188
- white-space: nowrap;
189
- }
190
- .v-wysiwyg-color-tool__item:hover .v-wysiwyg-color-tool__item__color::before,
191
- .v-wysiwyg-color-tool__item:focus .v-wysiwyg-color-tool__item__color::before {
192
- inset: var(--focus-offset) var(--focus-offset) var(--focus-offset) var(--focus-offset);
193
- border-color: rgba(0, 0, 0, 0.1);
194
- }
195
- .v-wysiwyg-color-tool__items--with-label .v-wysiwyg-color-tool__item {
196
- flex-basis: auto;
197
- width: auto;
198
- width: 100%;
199
- }
200
- .v-wysiwyg-color-tool__items--with-label .v-wysiwyg-color-tool__item::before {
201
- position: absolute;
202
- inset: 0;
203
- display: block;
204
- content: "";
205
- background: currentColor;
206
- opacity: 0;
207
- transition: opacity 0.15s;
208
- }
209
- .v-wysiwyg-color-tool__items--with-label .v-wysiwyg-color-tool__item:hover::before,
210
- .v-wysiwyg-color-tool__items--with-label .v-wysiwyg-color-tool__item:focus::before {
211
- opacity: 0.1;
212
- }
213
- .v-wysiwyg-color-tool__items--with-label .v-wysiwyg-color-tool__item + .v-wysiwyg-color-tool__item {
214
- margin-top: 2px;
107
+ @layer vui{
108
+ .v-wysiwyg-color-tool__button{
109
+ align-items:center;
110
+ display:inline-flex;
111
+ justify-content:center;
112
+ position:relative;
113
+ vertical-align:bottom;
114
+ }
115
+ .v-wysiwyg-color-tool__button__bar{
116
+ background:currentColor;
117
+ bottom:0;
118
+ display:block;
119
+ height:2px;
120
+ left:0;
121
+ position:absolute;
122
+ right:0;
123
+ }
124
+ .v-wysiwyg-color-tool__menu .v-dialog__content{
125
+ min-width:0;
126
+ }
127
+ .v-wysiwyg-color-tool__menu .v-dialog__body{
128
+ padding:2px;
129
+ }
130
+ .v-wysiwyg-color-tool__items{
131
+ --item-size:var(--v-wysiwyg-color-tool);
132
+ align-items:center;
133
+ display:inline-flex;
134
+ flex-wrap:wrap;
135
+ max-width:calc(var(--item-size)*5);
136
+ vertical-align:bottom;
137
+ }
138
+ .v-wysiwyg-color-tool__items--with-label{
139
+ align-items:flex-start;
140
+ display:flex;
141
+ flex-direction:column;
142
+ max-width:none;
143
+ padding:2px;
144
+ }
145
+ .v-wysiwyg-color-tool__item{
146
+ --focus-offset:calc(var(--item-size)*0.05);
147
+ align-items:center;
148
+ appearance:none;
149
+ background:transparent;
150
+ border:0;
151
+ border-radius:0;
152
+ cursor:pointer;
153
+ display:flex;
154
+ flex-basis:var(--item-size);
155
+ margin:0;
156
+ outline:0;
157
+ padding:0;
158
+ }
159
+ .v-wysiwyg-color-tool__item,.v-wysiwyg-color-tool__item__color{
160
+ height:var(--item-size);
161
+ position:relative;
162
+ width:var(--item-size);
163
+ }
164
+ .v-wysiwyg-color-tool__item__color{
165
+ flex:0 0 var(--item-size);
166
+ }
167
+ .v-wysiwyg-color-tool__item__color:before{
168
+ background:currentColor;
169
+ border:1px solid transparent;
170
+ content:"";
171
+ display:block;
172
+ inset:0;
173
+ position:absolute;
174
+ transition:all .15s;
175
+ }
176
+ .v-wysiwyg-color-tool__item__name{
177
+ font-size:12px;
178
+ padding:0 8px;
179
+ position:relative;
180
+ white-space:nowrap;
181
+ }
182
+ .v-wysiwyg-color-tool__item:focus .v-wysiwyg-color-tool__item__color:before,.v-wysiwyg-color-tool__item:hover .v-wysiwyg-color-tool__item__color:before{
183
+ border-color:rgba(0,0,0,.1);
184
+ inset:var(--focus-offset) var(--focus-offset) var(--focus-offset) var(--focus-offset);
185
+ }
186
+ .v-wysiwyg-color-tool__items--with-label .v-wysiwyg-color-tool__item{
187
+ flex-basis:auto;
188
+ width:auto;
189
+ width:100%;
190
+ }
191
+ .v-wysiwyg-color-tool__items--with-label .v-wysiwyg-color-tool__item:before{
192
+ background:currentColor;
193
+ content:"";
194
+ display:block;
195
+ inset:0;
196
+ opacity:0;
197
+ position:absolute;
198
+ transition:opacity .15s;
199
+ }
200
+ .v-wysiwyg-color-tool__items--with-label .v-wysiwyg-color-tool__item:focus:before,.v-wysiwyg-color-tool__items--with-label .v-wysiwyg-color-tool__item:hover:before{
201
+ opacity:.1;
202
+ }
203
+ .v-wysiwyg-color-tool__items--with-label .v-wysiwyg-color-tool__item+.v-wysiwyg-color-tool__item{
204
+ margin-top:2px;
205
+ }
206
+ .v-wysiwyg-editor--sm{
207
+ --min-height:var(--wysiwyg-min-height-sm);
208
+ --max-height:var(--wysiwyg-max-height-sm);
209
+ }
210
+ .v-wysiwyg-editor--md{
211
+ --min-height:var(--wysiwyg-min-height-md);
212
+ --max-height:var(--wysiwyg-max-height-md);
213
+ }
214
+ .v-wysiwyg-editor--lg{
215
+ --min-height:var(--wysiwyg-min-height-lg);
216
+ --max-height:var(--wysiwyg-max-height-lg);
217
+ }
218
+ .v-wysiwyg-editor__wrapper{
219
+ position:relative;
220
+ }
221
+ .v-wysiwyg-editor .v-control-field__body{
222
+ width:100%;
223
+ }
224
+ .v-wysiwyg-editor__floating-toolbar{
225
+ bottom:100%;
226
+ position:absolute;
227
+ right:0;
228
+ z-index:1;
229
+ }
230
+ .v-wysiwyg-editor__body{
231
+ max-height:var(--max-height);
232
+ overflow:auto;
233
+ position:relative;
234
+ width:100%;
235
+ }
236
+ .v-wysiwyg-editor__input{
237
+ cursor:text;
238
+ }
239
+ .v-wysiwyg-editor__input__element{
240
+ margin:0;
241
+ min-width:0;
242
+ padding:8px 0;
243
+ width:100%;
244
+ }
245
+ .v-wysiwyg-editor__input__prose{
246
+ min-height:var(--min-height);
247
+ outline:none;
248
+ width:100%;
249
+ }
250
+ .v-wysiwyg-editor--disabled-min-heihgt .v-wysiwyg-editor__input__prose{
251
+ min-height:0;
252
+ }
253
+ .v-wysiwyg-editor--disabled-max-heihgt .v-wysiwyg-editor__body{
254
+ max-height:none;
215
255
  }
216
256
  }
217
-
218
- /* src/components/VWysiwygEditor/VWysiwygEditor.scss */
219
- @layer vui {
220
- .v-wysiwyg-editor--sm {
221
- --min-height: var(--wysiwyg-min-height-sm);
222
- --max-height: var(--wysiwyg-max-height-sm);
223
- }
224
- .v-wysiwyg-editor--md {
225
- --min-height: var(--wysiwyg-min-height-md);
226
- --max-height: var(--wysiwyg-max-height-md);
227
- }
228
- .v-wysiwyg-editor--lg {
229
- --min-height: var(--wysiwyg-min-height-lg);
230
- --max-height: var(--wysiwyg-max-height-lg);
231
- }
232
- .v-wysiwyg-editor__wrapper {
233
- position: relative;
234
- }
235
- .v-wysiwyg-editor .v-control-field__body {
236
- width: 100%;
237
- }
238
- .v-wysiwyg-editor__floating-toolbar {
239
- position: absolute;
240
- right: 0;
241
- bottom: 100%;
242
- z-index: 1;
243
- }
244
- .v-wysiwyg-editor__body {
245
- position: relative;
246
- width: 100%;
247
- max-height: var(--max-height);
248
- overflow: auto;
249
- }
250
- .v-wysiwyg-editor__input {
251
- cursor: text;
252
- }
253
- .v-wysiwyg-editor__input__element {
254
- width: 100%;
255
- min-width: 0;
256
- padding: 8px 0;
257
- margin: 0;
258
- }
259
- .v-wysiwyg-editor__input__prose {
260
- width: 100%;
261
- min-height: var(--min-height);
262
- outline: none;
263
- }
264
- .v-wysiwyg-editor--disabled-min-heihgt .v-wysiwyg-editor__input__prose {
265
- min-height: 0;
266
- }
267
- .v-wysiwyg-editor--disabled-max-heihgt .v-wysiwyg-editor__body {
268
- max-height: none;
269
- }
270
- }
271
- /*# sourceMappingURL=vui-wysiwyg.css.map */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fastkit/vui-wysiwyg",
3
- "version": "1.1.2",
3
+ "version": "1.1.3",
4
4
  "description": "vui-wysiwyg",
5
5
  "keywords": [],
6
6
  "repository": {
@@ -300,11 +300,11 @@
300
300
  "@tiptap/vue-3": "^2.0.3"
301
301
  },
302
302
  "devDependencies": {
303
- "@fastkit/vui": "0.13.3"
303
+ "@fastkit/vui": "0.13.4"
304
304
  },
305
305
  "peerDependencies": {
306
306
  "vue": "^3.2.0",
307
- "@fastkit/vui": "0.13.3"
307
+ "@fastkit/vui": "0.13.4"
308
308
  },
309
309
  "scripts": {
310
310
  "build": "plugboy build",
package/dist/vui-wysiwyg.css.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/extensions/linter/Linter.scss","../src/tools/color.scss","../src/components/VWysiwygEditor/VWysiwygEditor.scss"],"sourcesContent":["@layer vui {\n .v-linter {\n &__problem {\n margin-bottom: -1px;\n cursor: help;\n background: var(--deep-color);\n border-bottom: 1px solid var(--main-color);\n }\n\n &__issue-icon {\n position: absolute;\n right: 2px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 1.2em;\n height: 1.2em;\n margin-top: 0.2em;\n // padding-left: 0.5px;\n font-family: times, georgia, serif;\n font-size: 15px;\n font-weight: 700;\n line-height: 1;\n color: var(--text-color);\n text-align: center;\n cursor: pointer;\n background: var(--main-color);\n border-radius: 100px;\n\n &::before {\n content: '!';\n }\n }\n\n &__issue-menu-wrapper {\n position: relative;\n display: inline-block;\n width: 0px;\n height: 1em;\n overflow: visible;\n }\n\n &__issue-menu {\n font-size: 87.5%;\n // font-size: 12px;\n line-height: 1.5;\n\n .v-dialog__body {\n padding: 0;\n font-size: inherit;\n }\n\n &__message {\n padding: 8px;\n }\n\n &__fixers {\n position: relative;\n padding: 4px 0;\n // padding: 8px;\n // border-top: solid 1px var(--divider-color);\n &::before {\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n display: block;\n height: 1px;\n content: '';\n background: currentColor;\n opacity: 0.5;\n }\n }\n\n &__fixer {\n &__button {\n position: relative;\n display: block;\n width: 100%;\n padding: 8px;\n font: inherit;\n font-size: 12px;\n // margin-top: 8px;\n // color: var(--palette-link);\n text-align: left;\n // text-decoration: underline;\n cursor: pointer;\n background: transparent;\n border: 0;\n outline: 0;\n appearance: none;\n\n &::before {\n position: absolute;\n inset: 0;\n display: block;\n content: '';\n background: currentColor;\n opacity: 0;\n transition: 0.15s;\n }\n\n &:hover,\n &:focus {\n &::before {\n opacity: 0.1;\n }\n }\n\n &__message {\n position: relative;\n }\n }\n }\n // pointer-events: none;\n // background: #fff;\n // border-radius: 4px;\n // opacity: 0;\n // transition: opacity 0.15s;\n\n // &--active {\n // pointer-events: auto;\n // opacity: 1;\n // }\n\n &__fix {\n display: inline;\n margin-top: 8px;\n color: var(--palette-link);\n text-decoration: underline;\n cursor: pointer;\n background: transparent;\n border: 0;\n outline: 0;\n appearance: none;\n }\n }\n }\n}\n",":root {\n --v-wysiwyg-color-tool: 30px;\n}\n\n@layer vui {\n .v-wysiwyg-color-tool {\n &__button {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n vertical-align: bottom;\n\n &__bar {\n position: absolute;\n right: 0;\n bottom: 0;\n left: 0;\n display: block;\n height: 2px;\n background: currentColor;\n }\n }\n\n &__menu {\n .v-dialog__content {\n min-width: 0;\n }\n\n .v-dialog__body {\n padding: 2px;\n }\n }\n\n &__items {\n --item-size: var(--v-wysiwyg-color-tool);\n\n display: inline-flex;\n flex-wrap: wrap;\n align-items: center;\n max-width: calc(var(--item-size) * 5);\n vertical-align: bottom;\n\n &--with-label {\n display: flex;\n flex-direction: column;\n // flex-wrap: nowrap;\n align-items: flex-start;\n max-width: none;\n padding: 2px;\n }\n }\n\n &__item {\n --focus-offset: calc(var(--item-size) * 0.05);\n\n position: relative;\n display: flex;\n flex-basis: var(--item-size);\n align-items: center;\n width: var(--item-size);\n height: var(--item-size);\n padding: 0;\n margin: 0;\n // margin: 2px;\n cursor: pointer;\n background: transparent;\n border: 0;\n border-radius: 0;\n outline: 0;\n appearance: none;\n\n &__color {\n position: relative;\n flex: 0 0 var(--item-size);\n width: var(--item-size);\n height: var(--item-size);\n\n &::before {\n position: absolute;\n inset: 0;\n display: block;\n content: '';\n background: currentColor;\n border: solid 1px transparent;\n transition: all 0.15s;\n }\n }\n\n &__name {\n position: relative;\n padding: 0 8px;\n font-size: 12px;\n white-space: nowrap;\n }\n\n &:hover &__color,\n &:focus &__color {\n &::before {\n inset: var(--focus-offset) var(--focus-offset) var(--focus-offset)\n var(--focus-offset);\n border-color: rgba(0, 0, 0, 0.1);\n }\n }\n }\n\n &__items--with-label &__item {\n flex-basis: auto;\n width: auto;\n width: 100%;\n\n &::before {\n position: absolute;\n inset: 0;\n display: block;\n content: '';\n background: currentColor;\n opacity: 0;\n transition: opacity 0.15s;\n }\n\n &:hover,\n &:focus {\n &::before {\n opacity: 0.1;\n }\n }\n\n & + .v-wysiwyg-color-tool__item {\n margin-top: 2px;\n }\n }\n }\n}\n","// @use '../../styles/core.scss';\n\n@layer vui {\n .v-wysiwyg-editor {\n &--sm {\n --min-height: var(--wysiwyg-min-height-sm);\n --max-height: var(--wysiwyg-max-height-sm);\n }\n\n &--md {\n --min-height: var(--wysiwyg-min-height-md);\n --max-height: var(--wysiwyg-max-height-md);\n }\n\n &--lg {\n --min-height: var(--wysiwyg-min-height-lg);\n --max-height: var(--wysiwyg-max-height-lg);\n }\n\n &__wrapper {\n position: relative;\n }\n\n .v-control-field__body {\n width: 100%;\n }\n\n &__floating-toolbar {\n position: absolute;\n right: 0;\n bottom: 100%;\n z-index: 1;\n }\n\n &__body {\n position: relative;\n width: 100%;\n max-height: var(--max-height);\n // max-height: 200px;\n overflow: auto;\n }\n\n &__input {\n cursor: text;\n\n &__element {\n width: 100%;\n min-width: 0;\n padding: 8px 0;\n margin: 0;\n }\n\n &__prose {\n width: 100%;\n min-height: var(--min-height);\n outline: none;\n }\n }\n\n &--disabled-min-heihgt &__input__prose {\n min-height: 0;\n }\n\n &--disabled-max-heihgt &__body {\n max-height: none;\n }\n }\n}\n"],"mappings":";AAAA;AAEI;AACE;AACA;AACA;AACA;;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACE;;AAIJ;AACE;AACA;AACA;AACA;AACA;;AAGF;AACE;AAEA;;AAEA;AACE;AACA;;AAGF;AACE;;AAGF;AACE;AACA;;AAGA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAKF;AACE;AACA;AACA;AACA;AACA;AACA;AAGA;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;;AAKA;;AACE;;AAIJ;AACE;;AAeN;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;ACtIR;AACE;;AAGF;AAEI;AACE;AACA;AACA;AACA;AACA;;AAEA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;;AAKF;AACE;;AAGF;AACE;;AAIJ;AACE;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACE;AACA;AAEA;AACA;AACA;;AAIJ;AACE;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACE;AACA;AACA;AACA;;AAEA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;;AAIJ;AACE;AACA;AACA;AACA;;AAKA;;AACE;AAEA;;AAKN;AACE;AACA;AACA;;AAEA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;;AAKA;;AACE;;AAIJ;AACE;;;;;AC/HR;AAEI;AACE;AACA;;AAGF;AACE;AACA;;AAGF;AACE;AACA;;AAGF;AACE;;AAGF;AACE;;AAGF;AACE;AACA;AACA;AACA;;AAGF;AACE;AACA;AACA;AAEA;;AAGF;AACE;;AAEA;AACE;AACA;AACA;AACA;;AAGF;AACE;AACA;AACA;;AAIJ;AACE;;AAGF;AACE;;;","names":[]}