@zeedhi/zd-richtext-vue 1.5.1 → 1.5.2

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 (4) hide show
  1. package/dist/rich-text-vue.esm.js +165 -74
  2. package/dist/rich-text-vue.umd.js +165 -74
  3. package/package.json +2 -2
  4. package/types/RichText.d.ts +4 -0
package/dist/rich-text-vue.esm.js CHANGED
@@ -74,6 +74,7 @@ let ZdRichText = class ZdRichText extends ZdComponentRender {
74
74
  super(...arguments);
75
75
  this.instanceType = RichText;
76
76
  this.isMounted = false;
77
+ this.isFocused = false;
77
78
  this.extensions = [FontFamily$1];
78
79
  this.toolbar = ref([
79
80
  'bold',
@@ -121,6 +122,49 @@ let ZdRichText = class ZdRichText extends ZdComponentRender {
121
122
  this.toolbarReadonly = ref([
122
123
  // 'bold',
123
124
  ]);
125
+ this.toolbarFullscreen = ref([
126
+ 'bold',
127
+ 'italic',
128
+ 'underline',
129
+ 'strike',
130
+ 'color',
131
+ // "highlight",
132
+ '|',
133
+ 'h1',
134
+ 'h2',
135
+ 'h3',
136
+ 'h4',
137
+ 'h5',
138
+ // "h6",
139
+ // "p",
140
+ '|',
141
+ 'left',
142
+ 'center',
143
+ 'right',
144
+ 'justify',
145
+ '|',
146
+ 'bulletList',
147
+ 'orderedList',
148
+ // "taskList",
149
+ // "indent",
150
+ // "outdent",
151
+ '|',
152
+ // "link",
153
+ 'image',
154
+ // "video",
155
+ // "table",
156
+ // "blockquote",
157
+ 'rule',
158
+ 'code',
159
+ '|',
160
+ // "codeBlock",
161
+ // "|",
162
+ // "clear",
163
+ 'fullscreen',
164
+ // "undo",
165
+ // "redo",
166
+ '#fontFamily',
167
+ ]);
124
168
  }
125
169
  onKeyDown(event) {
126
170
  this.instance.onKeyDown(this.$el, event.key);
@@ -140,12 +184,14 @@ let ZdRichText = class ZdRichText extends ZdComponentRender {
140
184
  onFocus(event) {
141
185
  this.instance.onFocus(event);
142
186
  this.initialFocusValue = this.instance.content;
187
+ this.isFocused = true;
143
188
  }
144
189
  onBlur(event) {
145
190
  this.instance.onBlur(event);
146
191
  if (this.initialFocusValue !== this.instance.content) {
147
192
  this.instance.onChange(this.instance.content);
148
193
  }
194
+ this.isFocused = false;
149
195
  }
150
196
  created() {
151
197
  if (!getInstalled()) {
@@ -225,6 +271,10 @@ __decorate([
225
271
  PropWatch({ type: Array, default: () => (fonts) }),
226
272
  __metadata("design:type", Array)
227
273
  ], ZdRichText.prototype, "fonts", void 0);
274
+ __decorate([
275
+ PropWatch({ type: Boolean, default: false }),
276
+ __metadata("design:type", Boolean)
277
+ ], ZdRichText.prototype, "enableFullscreen", void 0);
228
278
  __decorate([
229
279
  PropWatch({
230
280
  type: [Boolean, String],
@@ -267,6 +317,13 @@ __decorate([
267
317
  }),
268
318
  __metadata("design:type", Boolean)
269
319
  ], ZdRichText.prototype, "fillHeight", void 0);
320
+ __decorate([
321
+ PropWatch({
322
+ type: String,
323
+ default: '',
324
+ }),
325
+ __metadata("design:type", String)
326
+ ], ZdRichText.prototype, "label", void 0);
270
327
  __decorate([
271
328
  Watch('instance.content'),
272
329
  __metadata("design:type", Function),
@@ -427,87 +484,121 @@ var __vue_render__$1 = function () {
427
484
  expression: "instance.isVisible",
428
485
  },
429
486
  ],
430
- class: ["zd-rich-text", "zd-elevation-2", _vm.instance.cssClass],
431
- style: {
432
- height: _vm.$formatSize(_vm.instance.height),
433
- },
487
+ class: ["zd-rich-text"],
434
488
  attrs: { id: _vm.instance.name, name: _vm.instance.name },
435
- on: {
436
- keydown: function ($event) {
437
- return _vm.onKeyDown($event)
438
- },
439
- },
440
489
  },
441
490
  [
442
- _c("vuetify-tiptap", {
443
- ref: "tiptap",
444
- class: [
445
- { "zd-rich-text--disabled": _vm.instance.disabled },
446
- _vm.readonly && !_vm.hasClass() && "zd-rich-text--readonly",
447
- ],
448
- attrs: {
449
- markdownTheme: false,
450
- dark: _vm.instance.dark,
451
- disabled: _vm.instance.disabled,
452
- readonly: _vm.instance.readonly,
453
- outlined: _vm.instance.outlined,
454
- placeholder: _vm.instance.placeholder,
455
- toolbar: _vm.readonly ? _vm.toolbarReadonly : _vm.toolbar,
456
- rounded: "",
457
- "max-width": _vm.instance.width,
458
- extensions: _vm.extensions,
459
- },
460
- scopedSlots: _vm._u([
461
- {
462
- key: "editor",
463
- fn: function (ref) {
464
- var editor = ref.editor;
465
- var attrs = ref.attrs;
466
- return [
467
- _c("editor-content", {
468
- staticClass:
469
- "vuetify-pro-tiptap-editor__content zd-rich-text-content markdown-theme-github",
470
- class: [{ __dark: attrs.isDark }, attrs.editorClass],
471
- style: attrs.contentDynamicStyles,
472
- attrs: { editor: editor, "data-testid": "value" },
473
- }),
491
+ _vm.instance.label
492
+ ? _c("span", [
493
+ _c(
494
+ "label",
495
+ {
496
+ staticClass: "v-label v-label--active theme--light",
497
+ class: { "label--focused": _vm.isFocused },
498
+ },
499
+ [
500
+ _vm._v(
501
+ "\n " + _vm._s(_vm.$t(_vm.instance.label)) + "\n "
502
+ ),
474
503
  ]
475
- },
504
+ ),
505
+ ])
506
+ : _vm._e(),
507
+ _vm._v(" "),
508
+ _c(
509
+ "div",
510
+ {
511
+ class: ["zd-rich-text", "zd-elevation-2", _vm.instance.cssClass],
512
+ style: {
513
+ height: _vm.$formatSize(_vm.instance.height),
476
514
  },
477
- {
478
- key: "bottom",
479
- fn: function (ref) {
480
- return [_c("span")]
515
+ on: {
516
+ keydown: function ($event) {
517
+ return _vm.onKeyDown($event)
481
518
  },
482
519
  },
483
- {
484
- key: "fontFamily",
485
- fn: function (ref) {
486
- var editor = ref.editor;
487
- var attrs = ref.attrs;
488
- return [
489
- _c("FontFamily", {
490
- attrs: {
491
- name: _vm.instance.name + "-fontFamily",
492
- editor: editor,
493
- attrs: attrs,
494
- fonts: _vm.instance.fonts,
495
- },
496
- }),
497
- ]
498
- },
499
- },
500
- ]),
501
- model: {
502
- value: _vm.instance.content,
503
- callback: function ($$v) {
504
- _vm.$set(_vm.instance, "content", $$v);
505
- },
506
- expression: "instance.content",
507
520
  },
508
- }),
509
- ],
510
- 1
521
+ [
522
+ _c("vuetify-tiptap", {
523
+ ref: "tiptap",
524
+ class: [
525
+ { "zd-rich-text--disabled": _vm.instance.disabled },
526
+ _vm.readonly && !_vm.hasClass() && "zd-rich-text--readonly",
527
+ ],
528
+ attrs: {
529
+ markdownTheme: false,
530
+ dark: _vm.instance.dark,
531
+ disabled: _vm.instance.disabled,
532
+ readonly: _vm.instance.readonly,
533
+ outlined: _vm.instance.outlined,
534
+ placeholder: _vm.instance.placeholder,
535
+ toolbar: _vm.readonly
536
+ ? _vm.toolbarReadonly
537
+ : _vm.enableFullscreen
538
+ ? _vm.toolbarFullscreen
539
+ : _vm.toolbar,
540
+ rounded: "",
541
+ "max-width": _vm.instance.width,
542
+ extensions: _vm.extensions,
543
+ },
544
+ on: {
545
+ onFocus: function ($event) {
546
+ return _vm.onFocus($event)
547
+ },
548
+ },
549
+ scopedSlots: _vm._u([
550
+ {
551
+ key: "editor",
552
+ fn: function (ref) {
553
+ var editor = ref.editor;
554
+ var attrs = ref.attrs;
555
+ return [
556
+ _c("editor-content", {
557
+ staticClass:
558
+ "vuetify-pro-tiptap-editor__content zd-rich-text-content markdown-theme-github",
559
+ class: [{ __dark: attrs.isDark }, attrs.editorClass],
560
+ style: attrs.contentDynamicStyles,
561
+ attrs: { editor: editor, "data-testid": "value" },
562
+ }),
563
+ ]
564
+ },
565
+ },
566
+ {
567
+ key: "bottom",
568
+ fn: function (ref) {
569
+ return [_c("span")]
570
+ },
571
+ },
572
+ {
573
+ key: "fontFamily",
574
+ fn: function (ref) {
575
+ var editor = ref.editor;
576
+ var attrs = ref.attrs;
577
+ return [
578
+ _c("FontFamily", {
579
+ attrs: {
580
+ name: _vm.instance.name + "-fontFamily",
581
+ editor: editor,
582
+ attrs: attrs,
583
+ fonts: _vm.instance.fonts,
584
+ },
585
+ }),
586
+ ]
587
+ },
588
+ },
589
+ ]),
590
+ model: {
591
+ value: _vm.instance.content,
592
+ callback: function ($$v) {
593
+ _vm.$set(_vm.instance, "content", $$v);
594
+ },
595
+ expression: "instance.content",
596
+ },
597
+ }),
598
+ ],
599
+ 1
600
+ ),
601
+ ]
511
602
  )
512
603
  };
513
604
  var __vue_staticRenderFns__$1 = [];
@@ -516,7 +607,7 @@ __vue_render__$1._withStripped = true;
516
607
  /* style */
517
608
  const __vue_inject_styles__$1 = function (inject) {
518
609
  if (!inject) return
519
- inject("data-v-45ed460e_0", { source: ".zd-rich-text #tippy-1 {\n display: none;\n}\n.zd-rich-text .vuetify-pro-tiptap-editor.v-card.v-card--flat.v-sheet.theme--light.rounded {\n background-color: #ffffff !important;\n}\n.zd-rich-text .vuetify-pro-tiptap-editor.v-card.v-card--flat.v-sheet.theme--dark.rounded {\n background-color: #383838 !important;\n}\n.zd-rich-text .zd-rich-text--disabled .vuetify-pro-tiptap-editor__toolbar {\n pointer-events: none;\n opacity: 0.5;\n}\n.zd-rich-text .zd-rich-text--readonly {\n width: 741px;\n}\n.zd-rich-text .v-toolbar__content button.v-btn {\n color: #ffffff !important;\n}", map: undefined, media: undefined });
610
+ inject("data-v-31adb996_0", { source: ".zd-rich-text #tippy-1 {\n display: none;\n}\n.zd-rich-text .vuetify-pro-tiptap-editor--fullscreen .vuetify-pro-tiptap-editor__content {\n height: -webkit-fill-available;\n}\n.zd-rich-text .v-label {\n top: calc(-10px - var(--spacing-2));\n max-width: 100%;\n transform: none;\n font-size: var(--zd-font-body1-size);\n left: 0 !important;\n line-height: 15px;\n height: auto;\n font-weight: var(--zd-font-body1-weight);\n}\n.zd-rich-text .label--focused {\n transition: 0ms;\n color: var(--v-primary-base);\n}\n.zd-rich-text .vuetify-pro-tiptap-editor.v-card.v-card--flat.v-sheet.theme--light.rounded {\n background-color: #ffffff !important;\n}\n.zd-rich-text .vuetify-pro-tiptap-editor.v-card.v-card--flat.v-sheet.theme--dark.rounded {\n background-color: #383838 !important;\n}\n.zd-rich-text .zd-rich-text--disabled .vuetify-pro-tiptap-editor__toolbar {\n pointer-events: none;\n opacity: 0.5;\n}\n.zd-rich-text .zd-rich-text--readonly {\n width: 741px;\n}\n.zd-rich-text .v-toolbar__content button.v-btn {\n color: #ffffff !important;\n}", map: undefined, media: undefined });
520
611
 
521
612
  };
522
613
  /* scoped */
package/dist/rich-text-vue.umd.js CHANGED
@@ -74,6 +74,7 @@
74
74
  super(...arguments);
75
75
  this.instanceType = zdRichtextCommon.RichText;
76
76
  this.isMounted = false;
77
+ this.isFocused = false;
77
78
  this.extensions = [extensionFontFamily.FontFamily];
78
79
  this.toolbar = Vue.ref([
79
80
  'bold',
@@ -121,6 +122,49 @@
121
122
  this.toolbarReadonly = Vue.ref([
122
123
  // 'bold',
123
124
  ]);
125
+ this.toolbarFullscreen = Vue.ref([
126
+ 'bold',
127
+ 'italic',
128
+ 'underline',
129
+ 'strike',
130
+ 'color',
131
+ // "highlight",
132
+ '|',
133
+ 'h1',
134
+ 'h2',
135
+ 'h3',
136
+ 'h4',
137
+ 'h5',
138
+ // "h6",
139
+ // "p",
140
+ '|',
141
+ 'left',
142
+ 'center',
143
+ 'right',
144
+ 'justify',
145
+ '|',
146
+ 'bulletList',
147
+ 'orderedList',
148
+ // "taskList",
149
+ // "indent",
150
+ // "outdent",
151
+ '|',
152
+ // "link",
153
+ 'image',
154
+ // "video",
155
+ // "table",
156
+ // "blockquote",
157
+ 'rule',
158
+ 'code',
159
+ '|',
160
+ // "codeBlock",
161
+ // "|",
162
+ // "clear",
163
+ 'fullscreen',
164
+ // "undo",
165
+ // "redo",
166
+ '#fontFamily',
167
+ ]);
124
168
  }
125
169
  onKeyDown(event) {
126
170
  this.instance.onKeyDown(this.$el, event.key);
@@ -140,12 +184,14 @@
140
184
  onFocus(event) {
141
185
  this.instance.onFocus(event);
142
186
  this.initialFocusValue = this.instance.content;
187
+ this.isFocused = true;
143
188
  }
144
189
  onBlur(event) {
145
190
  this.instance.onBlur(event);
146
191
  if (this.initialFocusValue !== this.instance.content) {
147
192
  this.instance.onChange(this.instance.content);
148
193
  }
194
+ this.isFocused = false;
149
195
  }
150
196
  created() {
151
197
  if (!getInstalled()) {
@@ -225,6 +271,10 @@
225
271
  vuetify$1.PropWatch({ type: Array, default: () => (fonts) }),
226
272
  __metadata("design:type", Array)
227
273
  ], ZdRichText.prototype, "fonts", void 0);
274
+ __decorate([
275
+ vuetify$1.PropWatch({ type: Boolean, default: false }),
276
+ __metadata("design:type", Boolean)
277
+ ], ZdRichText.prototype, "enableFullscreen", void 0);
228
278
  __decorate([
229
279
  vuetify$1.PropWatch({
230
280
  type: [Boolean, String],
@@ -267,6 +317,13 @@
267
317
  }),
268
318
  __metadata("design:type", Boolean)
269
319
  ], ZdRichText.prototype, "fillHeight", void 0);
320
+ __decorate([
321
+ vuetify$1.PropWatch({
322
+ type: String,
323
+ default: '',
324
+ }),
325
+ __metadata("design:type", String)
326
+ ], ZdRichText.prototype, "label", void 0);
270
327
  __decorate([
271
328
  vuePropertyDecorator.Watch('instance.content'),
272
329
  __metadata("design:type", Function),
@@ -427,87 +484,121 @@
427
484
  expression: "instance.isVisible",
428
485
  },
429
486
  ],
430
- class: ["zd-rich-text", "zd-elevation-2", _vm.instance.cssClass],
431
- style: {
432
- height: _vm.$formatSize(_vm.instance.height),
433
- },
487
+ class: ["zd-rich-text"],
434
488
  attrs: { id: _vm.instance.name, name: _vm.instance.name },
435
- on: {
436
- keydown: function ($event) {
437
- return _vm.onKeyDown($event)
438
- },
439
- },
440
489
  },
441
490
  [
442
- _c("vuetify-tiptap", {
443
- ref: "tiptap",
444
- class: [
445
- { "zd-rich-text--disabled": _vm.instance.disabled },
446
- _vm.readonly && !_vm.hasClass() && "zd-rich-text--readonly",
447
- ],
448
- attrs: {
449
- markdownTheme: false,
450
- dark: _vm.instance.dark,
451
- disabled: _vm.instance.disabled,
452
- readonly: _vm.instance.readonly,
453
- outlined: _vm.instance.outlined,
454
- placeholder: _vm.instance.placeholder,
455
- toolbar: _vm.readonly ? _vm.toolbarReadonly : _vm.toolbar,
456
- rounded: "",
457
- "max-width": _vm.instance.width,
458
- extensions: _vm.extensions,
459
- },
460
- scopedSlots: _vm._u([
461
- {
462
- key: "editor",
463
- fn: function (ref) {
464
- var editor = ref.editor;
465
- var attrs = ref.attrs;
466
- return [
467
- _c("editor-content", {
468
- staticClass:
469
- "vuetify-pro-tiptap-editor__content zd-rich-text-content markdown-theme-github",
470
- class: [{ __dark: attrs.isDark }, attrs.editorClass],
471
- style: attrs.contentDynamicStyles,
472
- attrs: { editor: editor, "data-testid": "value" },
473
- }),
491
+ _vm.instance.label
492
+ ? _c("span", [
493
+ _c(
494
+ "label",
495
+ {
496
+ staticClass: "v-label v-label--active theme--light",
497
+ class: { "label--focused": _vm.isFocused },
498
+ },
499
+ [
500
+ _vm._v(
501
+ "\n " + _vm._s(_vm.$t(_vm.instance.label)) + "\n "
502
+ ),
474
503
  ]
475
- },
504
+ ),
505
+ ])
506
+ : _vm._e(),
507
+ _vm._v(" "),
508
+ _c(
509
+ "div",
510
+ {
511
+ class: ["zd-rich-text", "zd-elevation-2", _vm.instance.cssClass],
512
+ style: {
513
+ height: _vm.$formatSize(_vm.instance.height),
476
514
  },
477
- {
478
- key: "bottom",
479
- fn: function (ref) {
480
- return [_c("span")]
515
+ on: {
516
+ keydown: function ($event) {
517
+ return _vm.onKeyDown($event)
481
518
  },
482
519
  },
483
- {
484
- key: "fontFamily",
485
- fn: function (ref) {
486
- var editor = ref.editor;
487
- var attrs = ref.attrs;
488
- return [
489
- _c("FontFamily", {
490
- attrs: {
491
- name: _vm.instance.name + "-fontFamily",
492
- editor: editor,
493
- attrs: attrs,
494
- fonts: _vm.instance.fonts,
495
- },
496
- }),
497
- ]
498
- },
499
- },
500
- ]),
501
- model: {
502
- value: _vm.instance.content,
503
- callback: function ($$v) {
504
- _vm.$set(_vm.instance, "content", $$v);
505
- },
506
- expression: "instance.content",
507
520
  },
508
- }),
509
- ],
510
- 1
521
+ [
522
+ _c("vuetify-tiptap", {
523
+ ref: "tiptap",
524
+ class: [
525
+ { "zd-rich-text--disabled": _vm.instance.disabled },
526
+ _vm.readonly && !_vm.hasClass() && "zd-rich-text--readonly",
527
+ ],
528
+ attrs: {
529
+ markdownTheme: false,
530
+ dark: _vm.instance.dark,
531
+ disabled: _vm.instance.disabled,
532
+ readonly: _vm.instance.readonly,
533
+ outlined: _vm.instance.outlined,
534
+ placeholder: _vm.instance.placeholder,
535
+ toolbar: _vm.readonly
536
+ ? _vm.toolbarReadonly
537
+ : _vm.enableFullscreen
538
+ ? _vm.toolbarFullscreen
539
+ : _vm.toolbar,
540
+ rounded: "",
541
+ "max-width": _vm.instance.width,
542
+ extensions: _vm.extensions,
543
+ },
544
+ on: {
545
+ onFocus: function ($event) {
546
+ return _vm.onFocus($event)
547
+ },
548
+ },
549
+ scopedSlots: _vm._u([
550
+ {
551
+ key: "editor",
552
+ fn: function (ref) {
553
+ var editor = ref.editor;
554
+ var attrs = ref.attrs;
555
+ return [
556
+ _c("editor-content", {
557
+ staticClass:
558
+ "vuetify-pro-tiptap-editor__content zd-rich-text-content markdown-theme-github",
559
+ class: [{ __dark: attrs.isDark }, attrs.editorClass],
560
+ style: attrs.contentDynamicStyles,
561
+ attrs: { editor: editor, "data-testid": "value" },
562
+ }),
563
+ ]
564
+ },
565
+ },
566
+ {
567
+ key: "bottom",
568
+ fn: function (ref) {
569
+ return [_c("span")]
570
+ },
571
+ },
572
+ {
573
+ key: "fontFamily",
574
+ fn: function (ref) {
575
+ var editor = ref.editor;
576
+ var attrs = ref.attrs;
577
+ return [
578
+ _c("FontFamily", {
579
+ attrs: {
580
+ name: _vm.instance.name + "-fontFamily",
581
+ editor: editor,
582
+ attrs: attrs,
583
+ fonts: _vm.instance.fonts,
584
+ },
585
+ }),
586
+ ]
587
+ },
588
+ },
589
+ ]),
590
+ model: {
591
+ value: _vm.instance.content,
592
+ callback: function ($$v) {
593
+ _vm.$set(_vm.instance, "content", $$v);
594
+ },
595
+ expression: "instance.content",
596
+ },
597
+ }),
598
+ ],
599
+ 1
600
+ ),
601
+ ]
511
602
  )
512
603
  };
513
604
  var __vue_staticRenderFns__$1 = [];
@@ -516,7 +607,7 @@
516
607
  /* style */
517
608
  const __vue_inject_styles__$1 = function (inject) {
518
609
  if (!inject) return
519
- inject("data-v-45ed460e_0", { source: ".zd-rich-text #tippy-1 {\n display: none;\n}\n.zd-rich-text .vuetify-pro-tiptap-editor.v-card.v-card--flat.v-sheet.theme--light.rounded {\n background-color: #ffffff !important;\n}\n.zd-rich-text .vuetify-pro-tiptap-editor.v-card.v-card--flat.v-sheet.theme--dark.rounded {\n background-color: #383838 !important;\n}\n.zd-rich-text .zd-rich-text--disabled .vuetify-pro-tiptap-editor__toolbar {\n pointer-events: none;\n opacity: 0.5;\n}\n.zd-rich-text .zd-rich-text--readonly {\n width: 741px;\n}\n.zd-rich-text .v-toolbar__content button.v-btn {\n color: #ffffff !important;\n}", map: undefined, media: undefined });
610
+ inject("data-v-31adb996_0", { source: ".zd-rich-text #tippy-1 {\n display: none;\n}\n.zd-rich-text .vuetify-pro-tiptap-editor--fullscreen .vuetify-pro-tiptap-editor__content {\n height: -webkit-fill-available;\n}\n.zd-rich-text .v-label {\n top: calc(-10px - var(--spacing-2));\n max-width: 100%;\n transform: none;\n font-size: var(--zd-font-body1-size);\n left: 0 !important;\n line-height: 15px;\n height: auto;\n font-weight: var(--zd-font-body1-weight);\n}\n.zd-rich-text .label--focused {\n transition: 0ms;\n color: var(--v-primary-base);\n}\n.zd-rich-text .vuetify-pro-tiptap-editor.v-card.v-card--flat.v-sheet.theme--light.rounded {\n background-color: #ffffff !important;\n}\n.zd-rich-text .vuetify-pro-tiptap-editor.v-card.v-card--flat.v-sheet.theme--dark.rounded {\n background-color: #383838 !important;\n}\n.zd-rich-text .zd-rich-text--disabled .vuetify-pro-tiptap-editor__toolbar {\n pointer-events: none;\n opacity: 0.5;\n}\n.zd-rich-text .zd-rich-text--readonly {\n width: 741px;\n}\n.zd-rich-text .v-toolbar__content button.v-btn {\n color: #ffffff !important;\n}", map: undefined, media: undefined });
520
611
 
521
612
  };
522
613
  /* scoped */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zeedhi/zd-richtext-vue",
3
- "version": "1.5.1",
3
+ "version": "1.5.2",
4
4
  "description": "RichTextVue by BVR",
5
5
  "main": "dist/rich-text-vue.umd.js",
6
6
  "module": "dist/rich-text-vue.esm.js",
@@ -31,5 +31,5 @@
31
31
  "vue-class-component": "7.2.*",
32
32
  "vue-property-decorator": "9.1.*"
33
33
  },
34
- "gitHead": "1b3715e1a7255b053f46736ebab3b87c1ee644f5"
34
+ "gitHead": "9ca7713e55a3c661d1b932c971fbfff56d3c4c34"
35
35
  }
package/types/RichText.d.ts CHANGED
@@ -9,18 +9,21 @@ export default class ZdRichText extends ZdComponentRender {
9
9
  content: string;
10
10
  cardColor: string;
11
11
  fonts: IFonts[];
12
+ enableFullscreen: boolean;
12
13
  outlined: boolean | string;
13
14
  width: number | string;
14
15
  height: number | string;
15
16
  formatGetter: Object | string;
16
17
  value: string;
17
18
  fillHeight: boolean;
19
+ label: string;
18
20
  instance: RichText;
19
21
  instanceType: typeof RichText;
20
22
  onKeyDown(event: KeyboardEvent): void;
21
23
  changeLanguage(): void;
22
24
  isMounted: boolean;
23
25
  hasClass(): boolean;
26
+ isFocused: boolean;
24
27
  extensions: import("@tiptap/vue-2").Extension<import("@tiptap/extension-font-family").FontFamilyOptions, any>[];
25
28
  input(instanceInput: String): void;
26
29
  private initialFocusValue?;
@@ -28,6 +31,7 @@ export default class ZdRichText extends ZdComponentRender {
28
31
  onBlur(event: Event): void;
29
32
  toolbar: import("vue").Ref<any[]>;
30
33
  toolbarReadonly: import("vue").Ref<any[]>;
34
+ toolbarFullscreen: import("vue").Ref<any[]>;
31
35
  created(): void;
32
36
  mounted(): void;
33
37
  setEditorDisabled(): void;