primevuelab 4.0.0-beta.4

package/editor/editor.mjs

@@ -0,0 +1,238 @@
+import { DomHandler } from '@primevuelab/core/utils';
+import BaseComponent from '@primevuelab/core/basecomponent';
+import EditorStyle from 'primevuelab/editor/style';
+import { openBlock, createElementBlock, mergeProps, createElementVNode, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
+
+var script$1 = {
+  name: 'BaseEditor',
+  "extends": BaseComponent,
+  props: {
+    modelValue: String,
+    placeholder: String,
+    readonly: Boolean,
+    formats: Array,
+    editorStyle: null,
+    modules: null
+  },
+  style: EditorStyle,
+  provide: function provide() {
+    return {
+      $pcEditor: this,
+      $parentInstance: this
+    };
+  }
+};
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var QuillJS = function () {
+  try {
+    return window.Quill;
+  } catch (_unused) {
+    return null;
+  }
+}();
+var script = {
+  name: 'Editor',
+  "extends": script$1,
+  inheritAttrs: false,
+  emits: ['update:modelValue', 'text-change', 'selection-change', 'load'],
+  data: function data() {
+    return {
+      reRenderColorKey: 0
+    };
+  },
+  quill: null,
+  watch: {
+    modelValue: function modelValue(newValue, oldValue) {
+      if (newValue !== oldValue && this.quill && !this.quill.hasFocus()) {
+        this.reRenderColorKey++;
+        this.renderValue(newValue);
+      }
+    },
+    readonly: function readonly() {
+      this.handleReadOnlyChange();
+    }
+  },
+  mounted: function mounted() {
+    var _this = this;
+    var configuration = {
+      modules: _objectSpread({
+        toolbar: this.$refs.toolbarElement
+      }, this.modules),
+      readOnly: this.readonly,
+      theme: 'snow',
+      formats: this.formats,
+      placeholder: this.placeholder
+    };
+    if (QuillJS) {
+      // Loaded by script only
+      this.quill = new QuillJS(this.$refs.editorElement, configuration);
+      this.initQuill();
+      this.handleLoad();
+    } else {
+      import('quill').then(function (module) {
+        if (module && DomHandler.isExist(_this.$refs.editorElement)) {
+          if (module["default"]) {
+            // webpack
+            _this.quill = new module["default"](_this.$refs.editorElement, configuration);
+          } else {
+            // parceljs
+            _this.quill = new module(_this.$refs.editorElement, configuration);
+          }
+          _this.initQuill();
+        }
+      }).then(function () {
+        _this.handleLoad();
+      });
+    }
+  },
+  beforeUnmount: function beforeUnmount() {
+    this.quill = null;
+  },
+  methods: {
+    renderValue: function renderValue(value) {
+      if (this.quill) {
+        if (value) this.quill.setContents(this.quill.clipboard.convert(value));else this.quill.setText('');
+      }
+    },
+    initQuill: function initQuill() {
+      var _this2 = this;
+      this.renderValue(this.modelValue);
+      this.quill.on('text-change', function (delta, oldContents, source) {
+        if (source === 'user') {
+          var html = _this2.$refs.editorElement.children[0].innerHTML;
+          var text = _this2.quill.getText().trim();
+          if (html === '<p><br></p>') {
+            html = '';
+          }
+          _this2.$emit('update:modelValue', html);
+          _this2.$emit('text-change', {
+            htmlValue: html,
+            textValue: text,
+            delta: delta,
+            source: source,
+            instance: _this2.quill
+          });
+        }
+      });
+      this.quill.on('selection-change', function (range, oldRange, source) {
+        var html = _this2.$refs.editorElement.children[0].innerHTML;
+        var text = _this2.quill.getText().trim();
+        _this2.$emit('selection-change', {
+          htmlValue: html,
+          textValue: text,
+          range: range,
+          oldRange: oldRange,
+          source: source,
+          instance: _this2.quill
+        });
+      });
+    },
+    handleLoad: function handleLoad() {
+      if (this.quill && this.quill.getModule('toolbar')) {
+        this.$emit('load', {
+          instance: this.quill
+        });
+      }
+    },
+    handleReadOnlyChange: function handleReadOnlyChange() {
+      if (this.quill) this.quill.enable(!this.readonly);
+    }
+  }
+};
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", mergeProps({
+    "class": _ctx.cx('root')
+  }, _ctx.ptmi('root')), [createElementVNode("div", mergeProps({
+    ref: "toolbarElement",
+    "class": _ctx.cx('toolbar')
+  }, _ctx.ptm('toolbar')), [renderSlot(_ctx.$slots, "toolbar", {}, function () {
+    return [createElementVNode("span", mergeProps({
+      "class": "ql-formats"
+    }, _ctx.ptm('formats')), [createElementVNode("select", mergeProps({
+      "class": "ql-header",
+      defaultValue: "0"
+    }, _ctx.ptm('header')), [createElementVNode("option", mergeProps({
+      value: "1"
+    }, _ctx.ptm('option')), "Heading", 16), createElementVNode("option", mergeProps({
+      value: "2"
+    }, _ctx.ptm('option')), "Subheading", 16), createElementVNode("option", mergeProps({
+      value: "0"
+    }, _ctx.ptm('option')), "Normal", 16)], 16), createElementVNode("select", mergeProps({
+      "class": "ql-font"
+    }, _ctx.ptm('font')), [createElementVNode("option", normalizeProps(guardReactiveProps(_ctx.ptm('option'))), null, 16), createElementVNode("option", mergeProps({
+      value: "serif"
+    }, _ctx.ptm('option')), null, 16), createElementVNode("option", mergeProps({
+      value: "monospace"
+    }, _ctx.ptm('option')), null, 16)], 16)], 16), createElementVNode("span", mergeProps({
+      "class": "ql-formats"
+    }, _ctx.ptm('formats')), [createElementVNode("button", mergeProps({
+      "class": "ql-bold",
+      type: "button"
+    }, _ctx.ptm('bold')), null, 16), createElementVNode("button", mergeProps({
+      "class": "ql-italic",
+      type: "button"
+    }, _ctx.ptm('italic')), null, 16), createElementVNode("button", mergeProps({
+      "class": "ql-underline",
+      type: "button"
+    }, _ctx.ptm('underline')), null, 16)], 16), (openBlock(), createElementBlock("span", mergeProps({
+      key: $data.reRenderColorKey,
+      "class": "ql-formats"
+    }, _ctx.ptm('formats')), [createElementVNode("select", mergeProps({
+      "class": "ql-color"
+    }, _ctx.ptm('color')), null, 16), createElementVNode("select", mergeProps({
+      "class": "ql-background"
+    }, _ctx.ptm('background')), null, 16)], 16)), createElementVNode("span", mergeProps({
+      "class": "ql-formats"
+    }, _ctx.ptm('formats')), [createElementVNode("button", mergeProps({
+      "class": "ql-list",
+      value: "ordered",
+      type: "button"
+    }, _ctx.ptm('list')), null, 16), createElementVNode("button", mergeProps({
+      "class": "ql-list",
+      value: "bullet",
+      type: "button"
+    }, _ctx.ptm('list')), null, 16), createElementVNode("select", mergeProps({
+      "class": "ql-align"
+    }, _ctx.ptm('select')), [createElementVNode("option", mergeProps({
+      defaultValue: ""
+    }, _ctx.ptm('option')), null, 16), createElementVNode("option", mergeProps({
+      value: "center"
+    }, _ctx.ptm('option')), null, 16), createElementVNode("option", mergeProps({
+      value: "right"
+    }, _ctx.ptm('option')), null, 16), createElementVNode("option", mergeProps({
+      value: "justify"
+    }, _ctx.ptm('option')), null, 16)], 16)], 16), createElementVNode("span", mergeProps({
+      "class": "ql-formats"
+    }, _ctx.ptm('formats')), [createElementVNode("button", mergeProps({
+      "class": "ql-link",
+      type: "button"
+    }, _ctx.ptm('link')), null, 16), createElementVNode("button", mergeProps({
+      "class": "ql-image",
+      type: "button"
+    }, _ctx.ptm('image')), null, 16), createElementVNode("button", mergeProps({
+      "class": "ql-code-block",
+      type: "button"
+    }, _ctx.ptm('codeBlock')), null, 16)], 16), createElementVNode("span", mergeProps({
+      "class": "ql-formats"
+    }, _ctx.ptm('formats')), [createElementVNode("button", mergeProps({
+      "class": "ql-clean",
+      type: "button"
+    }, _ctx.ptm('clean')), null, 16)], 16)];
+  })], 16), createElementVNode("div", mergeProps({
+    ref: "editorElement",
+    "class": _ctx.cx('content'),
+    style: _ctx.editorStyle
+  }, _ctx.ptm('content')), null, 16)], 16);
+}
+
+script.render = render;
+
+export { script as default };
+//# sourceMappingURL=editor.mjs.map

package/editor/editor.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor.mjs","sources":["../../src/editor/BaseEditor.vue","../../src/editor/Editor.vue","../../src/editor/Editor.vue?vue&type=template&id=3d78a8da&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevuelab/core/basecomponent';\nimport EditorStyle from 'primevuelab/editor/style';\n\nexport default {\n    name: 'BaseEditor',\n    extends: BaseComponent,\n    props: {\n        modelValue: String,\n        placeholder: String,\n        readonly: Boolean,\n        formats: Array,\n        editorStyle: null,\n        modules: null\n    },\n    style: EditorStyle,\n    provide() {\n        return {\n            $pcEditor: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n        <div ref=\"toolbarElement\" :class=\"cx('toolbar')\" v-bind=\"ptm('toolbar')\">\n            <slot name=\"toolbar\">\n                <span class=\"ql-formats\" v-bind=\"ptm('formats')\">\n                    <select class=\"ql-header\" defaultValue=\"0\" v-bind=\"ptm('header')\">\n                        <option value=\"1\" v-bind=\"ptm('option')\">Heading</option>\n                        <option value=\"2\" v-bind=\"ptm('option')\">Subheading</option>\n                        <option value=\"0\" v-bind=\"ptm('option')\">Normal</option>\n                    </select>\n                    <select class=\"ql-font\" v-bind=\"ptm('font')\">\n                        <option v-bind=\"ptm('option')\"></option>\n                        <option value=\"serif\" v-bind=\"ptm('option')\"></option>\n                        <option value=\"monospace\" v-bind=\"ptm('option')\"></option>\n                    </select>\n                </span>\n                <span class=\"ql-formats\" v-bind=\"ptm('formats')\">\n                    <button class=\"ql-bold\" type=\"button\" v-bind=\"ptm('bold')\"></button>\n                    <button class=\"ql-italic\" type=\"button\" v-bind=\"ptm('italic')\"></button>\n                    <button class=\"ql-underline\" type=\"button\" v-bind=\"ptm('underline')\"></button>\n                </span>\n                <span :key=\"reRenderColorKey\" class=\"ql-formats\" v-bind=\"ptm('formats')\">\n                    <select class=\"ql-color\" v-bind=\"ptm('color')\"></select>\n                    <select class=\"ql-background\" v-bind=\"ptm('background')\"></select>\n                </span>\n                <span class=\"ql-formats\" v-bind=\"ptm('formats')\">\n                    <button class=\"ql-list\" value=\"ordered\" type=\"button\" v-bind=\"ptm('list')\"></button>\n                    <button class=\"ql-list\" value=\"bullet\" type=\"button\" v-bind=\"ptm('list')\"></button>\n                    <select class=\"ql-align\" v-bind=\"ptm('select')\">\n                        <option defaultValue v-bind=\"ptm('option')\"></option>\n                        <option value=\"center\" v-bind=\"ptm('option')\"></option>\n                        <option value=\"right\" v-bind=\"ptm('option')\"></option>\n                        <option value=\"justify\" v-bind=\"ptm('option')\"></option>\n                    </select>\n                </span>\n                <span class=\"ql-formats\" v-bind=\"ptm('formats')\">\n                    <button class=\"ql-link\" type=\"button\" v-bind=\"ptm('link')\"></button>\n                    <button class=\"ql-image\" type=\"button\" v-bind=\"ptm('image')\"></button>\n                    <button class=\"ql-code-block\" type=\"button\" v-bind=\"ptm('codeBlock')\"></button>\n                </span>\n                <span class=\"ql-formats\" v-bind=\"ptm('formats')\">\n                    <button class=\"ql-clean\" type=\"button\" v-bind=\"ptm('clean')\"></button>\n                </span>\n            </slot>\n        </div>\n        <div ref=\"editorElement\" :class=\"cx('content')\" :style=\"editorStyle\" v-bind=\"ptm('content')\"></div>\n    </div>\n</template>\n\n<script>\nimport { DomHandler } from '@primevuelab/core/utils';\nimport BaseEditor from './BaseEditor.vue';\n\nconst QuillJS = (function () {\n    try {\n        return window.Quill;\n    } catch {\n        return null;\n    }\n})();\n\nexport default {\n    name: 'Editor',\n    extends: BaseEditor,\n    inheritAttrs: false,\n    emits: ['update:modelValue', 'text-change', 'selection-change', 'load'],\n    data() {\n        return {\n            reRenderColorKey: 0\n        };\n    },\n    quill: null,\n    watch: {\n        modelValue(newValue, oldValue) {\n            if (newValue !== oldValue && this.quill && !this.quill.hasFocus()) {\n                this.reRenderColorKey++;\n                this.renderValue(newValue);\n            }\n        },\n        readonly() {\n            this.handleReadOnlyChange();\n        }\n    },\n    mounted() {\n        const configuration = {\n            modules: {\n                toolbar: this.$refs.toolbarElement,\n                ...this.modules\n            },\n            readOnly: this.readonly,\n            theme: 'snow',\n            formats: this.formats,\n            placeholder: this.placeholder\n        };\n\n        if (QuillJS) {\n            // Loaded by script only\n            this.quill = new QuillJS(this.$refs.editorElement, configuration);\n            this.initQuill();\n            this.handleLoad();\n        } else {\n            import('quill')\n                .then((module) => {\n                    if (module && DomHandler.isExist(this.$refs.editorElement)) {\n                        if (module.default) {\n                            // webpack\n                            this.quill = new module.default(this.$refs.editorElement, configuration);\n                        } else {\n                            // parceljs\n                            this.quill = new module(this.$refs.editorElement, configuration);\n                        }\n\n                        this.initQuill();\n                    }\n                })\n                .then(() => {\n                    this.handleLoad();\n                });\n        }\n    },\n    beforeUnmount() {\n        this.quill = null;\n    },\n    methods: {\n        renderValue(value) {\n            if (this.quill) {\n                if (value) this.quill.setContents(this.quill.clipboard.convert(value));\n                else this.quill.setText('');\n            }\n        },\n        initQuill() {\n            this.renderValue(this.modelValue);\n\n            this.quill.on('text-change', (delta, oldContents, source) => {\n                if (source === 'user') {\n                    let html = this.$refs.editorElement.children[0].innerHTML;\n                    let text = this.quill.getText().trim();\n\n                    if (html === '<p><br></p>') {\n                        html = '';\n                    }\n\n                    this.$emit('update:modelValue', html);\n                    this.$emit('text-change', {\n                        htmlValue: html,\n                        textValue: text,\n                        delta: delta,\n                        source: source,\n                        instance: this.quill\n                    });\n                }\n            });\n\n            this.quill.on('selection-change', (range, oldRange, source) => {\n                let html = this.$refs.editorElement.children[0].innerHTML;\n                let text = this.quill.getText().trim();\n\n                this.$emit('selection-change', {\n                    htmlValue: html,\n                    textValue: text,\n                    range: range,\n                    oldRange: oldRange,\n                    source: source,\n                    instance: this.quill\n                });\n            });\n        },\n        handleLoad() {\n            if (this.quill && this.quill.getModule('toolbar')) {\n                this.$emit('load', { instance: this.quill });\n            }\n        },\n        handleReadOnlyChange() {\n            if (this.quill) this.quill.enable(!this.readonly);\n        }\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n        <div ref=\"toolbarElement\" :class=\"cx('toolbar')\" v-bind=\"ptm('toolbar')\">\n            <slot name=\"toolbar\">\n                <span class=\"ql-formats\" v-bind=\"ptm('formats')\">\n                    <select class=\"ql-header\" defaultValue=\"0\" v-bind=\"ptm('header')\">\n                        <option value=\"1\" v-bind=\"ptm('option')\">Heading</option>\n                        <option value=\"2\" v-bind=\"ptm('option')\">Subheading</option>\n                        <option value=\"0\" v-bind=\"ptm('option')\">Normal</option>\n                    </select>\n                    <select class=\"ql-font\" v-bind=\"ptm('font')\">\n                        <option v-bind=\"ptm('option')\"></option>\n                        <option value=\"serif\" v-bind=\"ptm('option')\"></option>\n                        <option value=\"monospace\" v-bind=\"ptm('option')\"></option>\n                    </select>\n                </span>\n                <span class=\"ql-formats\" v-bind=\"ptm('formats')\">\n                    <button class=\"ql-bold\" type=\"button\" v-bind=\"ptm('bold')\"></button>\n                    <button class=\"ql-italic\" type=\"button\" v-bind=\"ptm('italic')\"></button>\n                    <button class=\"ql-underline\" type=\"button\" v-bind=\"ptm('underline')\"></button>\n                </span>\n                <span :key=\"reRenderColorKey\" class=\"ql-formats\" v-bind=\"ptm('formats')\">\n                    <select class=\"ql-color\" v-bind=\"ptm('color')\"></select>\n                    <select class=\"ql-background\" v-bind=\"ptm('background')\"></select>\n                </span>\n                <span class=\"ql-formats\" v-bind=\"ptm('formats')\">\n                    <button class=\"ql-list\" value=\"ordered\" type=\"button\" v-bind=\"ptm('list')\"></button>\n                    <button class=\"ql-list\" value=\"bullet\" type=\"button\" v-bind=\"ptm('list')\"></button>\n                    <select class=\"ql-align\" v-bind=\"ptm('select')\">\n                        <option defaultValue v-bind=\"ptm('option')\"></option>\n                        <option value=\"center\" v-bind=\"ptm('option')\"></option>\n                        <option value=\"right\" v-bind=\"ptm('option')\"></option>\n                        <option value=\"justify\" v-bind=\"ptm('option')\"></option>\n                    </select>\n                </span>\n                <span class=\"ql-formats\" v-bind=\"ptm('formats')\">\n                    <button class=\"ql-link\" type=\"button\" v-bind=\"ptm('link')\"></button>\n                    <button class=\"ql-image\" type=\"button\" v-bind=\"ptm('image')\"></button>\n                    <button class=\"ql-code-block\" type=\"button\" v-bind=\"ptm('codeBlock')\"></button>\n                </span>\n                <span class=\"ql-formats\" v-bind=\"ptm('formats')\">\n                    <button class=\"ql-clean\" type=\"button\" v-bind=\"ptm('clean')\"></button>\n                </span>\n            </slot>\n        </div>\n        <div ref=\"editorElement\" :class=\"cx('content')\" :style=\"editorStyle\" v-bind=\"ptm('content')\"></div>\n    </div>\n</template>\n\n<script>\nimport { DomHandler } from '@primevuelab/core/utils';\nimport BaseEditor from './BaseEditor.vue';\n\nconst QuillJS = (function () {\n    try {\n        return window.Quill;\n    } catch {\n        return null;\n    }\n})();\n\nexport default {\n    name: 'Editor',\n    extends: BaseEditor,\n    inheritAttrs: false,\n    emits: ['update:modelValue', 'text-change', 'selection-change', 'load'],\n    data() {\n        return {\n            reRenderColorKey: 0\n        };\n    },\n    quill: null,\n    watch: {\n        modelValue(newValue, oldValue) {\n            if (newValue !== oldValue && this.quill && !this.quill.hasFocus()) {\n                this.reRenderColorKey++;\n                this.renderValue(newValue);\n            }\n        },\n        readonly() {\n            this.handleReadOnlyChange();\n        }\n    },\n    mounted() {\n        const configuration = {\n            modules: {\n                toolbar: this.$refs.toolbarElement,\n                ...this.modules\n            },\n            readOnly: this.readonly,\n            theme: 'snow',\n            formats: this.formats,\n            placeholder: this.placeholder\n        };\n\n        if (QuillJS) {\n            // Loaded by script only\n            this.quill = new QuillJS(this.$refs.editorElement, configuration);\n            this.initQuill();\n            this.handleLoad();\n        } else {\n            import('quill')\n                .then((module) => {\n                    if (module && DomHandler.isExist(this.$refs.editorElement)) {\n                        if (module.default) {\n                            // webpack\n                            this.quill = new module.default(this.$refs.editorElement, configuration);\n                        } else {\n                            // parceljs\n                            this.quill = new module(this.$refs.editorElement, configuration);\n                        }\n\n                        this.initQuill();\n                    }\n                })\n                .then(() => {\n                    this.handleLoad();\n                });\n        }\n    },\n    beforeUnmount() {\n        this.quill = null;\n    },\n    methods: {\n        renderValue(value) {\n            if (this.quill) {\n                if (value) this.quill.setContents(this.quill.clipboard.convert(value));\n                else this.quill.setText('');\n            }\n        },\n        initQuill() {\n            this.renderValue(this.modelValue);\n\n            this.quill.on('text-change', (delta, oldContents, source) => {\n                if (source === 'user') {\n                    let html = this.$refs.editorElement.children[0].innerHTML;\n                    let text = this.quill.getText().trim();\n\n                    if (html === '<p><br></p>') {\n                        html = '';\n                    }\n\n                    this.$emit('update:modelValue', html);\n                    this.$emit('text-change', {\n                        htmlValue: html,\n                        textValue: text,\n                        delta: delta,\n                        source: source,\n                        instance: this.quill\n                    });\n                }\n            });\n\n            this.quill.on('selection-change', (range, oldRange, source) => {\n                let html = this.$refs.editorElement.children[0].innerHTML;\n                let text = this.quill.getText().trim();\n\n                this.$emit('selection-change', {\n                    htmlValue: html,\n                    textValue: text,\n                    range: range,\n                    oldRange: oldRange,\n                    source: source,\n                    instance: this.quill\n                });\n            });\n        },\n        handleLoad() {\n            if (this.quill && this.quill.getModule('toolbar')) {\n                this.$emit('load', { instance: this.quill });\n            }\n        },\n        handleReadOnlyChange() {\n            if (this.quill) this.quill.enable(!this.readonly);\n        }\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","modelValue","String","placeholder","readonly","Boolean","formats","Array","editorStyle","modules","style","EditorStyle","provide","$pcEditor","$parentInstance","QuillJS","window","Quill","_unused","BaseEditor","inheritAttrs","emits","data","reRenderColorKey","quill","watch","newValue","oldValue","hasFocus","renderValue","handleReadOnlyChange","mounted","_this","configuration","_objectSpread","toolbar","$refs","toolbarElement","readOnly","theme","editorElement","initQuill","handleLoad","then","module","DomHandler","isExist","beforeUnmount","methods","value","setContents","clipboard","convert","setText","_this2","on","delta","oldContents","source","html","children","innerHTML","text","getText","trim","$emit","htmlValue","textValue","instance","range","oldRange","getModule","enable","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","ptmi","_createElementVNode","ref","ptm","_renderSlot","defaultValue","type","key","$data"],"mappings":"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"}

package/editor/package.json

@@ -0,0 +1,11 @@
+{
+    "main": "editor.mjs",
+    "module": "editor.mjs",
+    "types": "./Editor.d.ts",
+    "browser": {
+        "./sfc": "./Editor.vue"
+    },
+    "sideEffects": [
+        "*.vue"
+    ]
+}

package/editor/style/EditorStyle.d.ts

@@ -0,0 +1,27 @@
+/**
+ *
+ * Editor groups a collection of contents in tabs.
+ *
+ * [Live Demo](https://www.primevuelab.org/editor/)
+ *
+ * @module editorstyle
+ *
+ */
+import { BaseStyle } from '../../base/style';
+
+export enum EditorClasses {
+    /**
+     * Class name of the root element
+     */
+    root = 'p-editor',
+    /**
+     * Class name of the toolbar element
+     */
+    toolbar = 'p-editor-toolbar',
+    /**
+     * Class name of the content element
+     */
+    content = 'p-editor-content'
+}
+
+export interface EditorStyle extends BaseStyle {}

package/editor/style/editorstyle.mjs

@@ -0,0 +1,19 @@
+import BaseStyle from '@primevuelab/core/base/style';
+
+var theme = function theme(_ref) {
+  var dt = _ref.dt;
+  return "\n/*!\n* Quill Editor v1.3.3\n* https://quilljs.com/\n* Copyright (c) 2014, Jason Chen\n* Copyright (c) 2013, salesforce.com\n*/\n.ql-container {\n    box-sizing: border-box;\n    font-family: Helvetica, Arial, sans-serif;\n    font-size: 13px;\n    height: 100%;\n    margin: 0px;\n    position: relative;\n}\n.ql-container.ql-disabled .ql-tooltip {\n    visibility: hidden;\n}\n.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {\n    pointer-events: none;\n}\n.ql-clipboard {\n    left: -100000px;\n    height: 1px;\n    overflow-y: hidden;\n    position: absolute;\n    top: 50%;\n}\n.ql-clipboard p {\n    margin: 0;\n    padding: 0;\n}\n.ql-editor {\n    box-sizing: border-box;\n    line-height: 1.42;\n    height: 100%;\n    outline: none;\n    overflow-y: auto;\n    padding: 12px 15px;\n    tab-size: 4;\n    -moz-tab-size: 4;\n    text-align: left;\n    white-space: pre-wrap;\n    word-wrap: break-word;\n}\n.ql-editor > * {\n    cursor: text;\n}\n.ql-editor p,\n.ql-editor ol,\n.ql-editor ul,\n.ql-editor pre,\n.ql-editor blockquote,\n.ql-editor h1,\n.ql-editor h2,\n.ql-editor h3,\n.ql-editor h4,\n.ql-editor h5,\n.ql-editor h6 {\n    margin: 0;\n    padding: 0;\n    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n}\n.ql-editor ol,\n.ql-editor ul {\n    padding-left: 1.5rem;\n}\n.ql-editor ol > li,\n.ql-editor ul > li {\n    list-style-type: none;\n}\n.ql-editor ul > li::before {\n    content: '\\2022';\n}\n.ql-editor ul[data-checked='true'],\n.ql-editor ul[data-checked='false'] {\n    pointer-events: none;\n}\n.ql-editor ul[data-checked='true'] > li *,\n.ql-editor ul[data-checked='false'] > li * {\n    pointer-events: all;\n}\n.ql-editor ul[data-checked='true'] > li::before,\n.ql-editor ul[data-checked='false'] > li::before {\n    color: #777;\n    cursor: pointer;\n    pointer-events: all;\n}\n.ql-editor ul[data-checked='true'] > li::before {\n    content: '\\2611';\n}\n.ql-editor ul[data-checked='false'] > li::before {\n    content: '\\2610';\n}\n.ql-editor li::before {\n    display: inline-block;\n    white-space: nowrap;\n    width: 1.2rem;\n}\n.ql-editor li:not(.ql-direction-rtl)::before {\n    margin-left: -1.5rem;\n    margin-right: 0.3rem;\n    text-align: right;\n}\n.ql-editor li.ql-direction-rtl::before {\n    margin-left: 0.3rem;\n    margin-right: -1.5rem;\n}\n.ql-editor ol li:not(.ql-direction-rtl),\n.ql-editor ul li:not(.ql-direction-rtl) {\n    padding-left: 1.5rem;\n}\n.ql-editor ol li.ql-direction-rtl,\n.ql-editor ul li.ql-direction-rtl {\n    padding-right: 1.5rem;\n}\n.ql-editor ol li {\n    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n    counter-increment: list-0;\n}\n.ql-editor ol li:before {\n    content: counter(list-0, decimal) '. ';\n}\n.ql-editor ol li.ql-indent-1 {\n    counter-increment: list-1;\n}\n.ql-editor ol li.ql-indent-1:before {\n    content: counter(list-1, lower-alpha) '. ';\n}\n.ql-editor ol li.ql-indent-1 {\n    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n}\n.ql-editor ol li.ql-indent-2 {\n    counter-increment: list-2;\n}\n.ql-editor ol li.ql-indent-2:before {\n    content: counter(list-2, lower-roman) '. ';\n}\n.ql-editor ol li.ql-indent-2 {\n    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n}\n.ql-editor ol li.ql-indent-3 {\n    counter-increment: list-3;\n}\n.ql-editor ol li.ql-indent-3:before {\n    content: counter(list-3, decimal) '. ';\n}\n.ql-editor ol li.ql-indent-3 {\n    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;\n}\n.ql-editor ol li.ql-indent-4 {\n    counter-increment: list-4;\n}\n.ql-editor ol li.ql-indent-4:before {\n    content: counter(list-4, lower-alpha) '. ';\n}\n.ql-editor ol li.ql-indent-4 {\n    counter-reset: list-5 list-6 list-7 list-8 list-9;\n}\n.ql-editor ol li.ql-indent-5 {\n    counter-increment: list-5;\n}\n.ql-editor ol li.ql-indent-5:before {\n    content: counter(list-5, lower-roman) '. ';\n}\n.ql-editor ol li.ql-indent-5 {\n    counter-reset: list-6 list-7 list-8 list-9;\n}\n.ql-editor ol li.ql-indent-6 {\n    counter-increment: list-6;\n}\n.ql-editor ol li.ql-indent-6:before {\n    content: counter(list-6, decimal) '. ';\n}\n.ql-editor ol li.ql-indent-6 {\n    counter-reset: list-7 list-8 list-9;\n}\n.ql-editor ol li.ql-indent-7 {\n    counter-increment: list-7;\n}\n.ql-editor ol li.ql-indent-7:before {\n    content: counter(list-7, lower-alpha) '. ';\n}\n.ql-editor ol li.ql-indent-7 {\n    counter-reset: list-8 list-9;\n}\n.ql-editor ol li.ql-indent-8 {\n    counter-increment: list-8;\n}\n.ql-editor ol li.ql-indent-8:before {\n    content: counter(list-8, lower-roman) '. ';\n}\n.ql-editor ol li.ql-indent-8 {\n    counter-reset: list-9;\n}\n.ql-editor ol li.ql-indent-9 {\n    counter-increment: list-9;\n}\n.ql-editor ol li.ql-indent-9:before {\n    content: counter(list-9, decimal) '. ';\n}\n.ql-editor .ql-indent-1:not(.ql-direction-rtl) {\n    padding-left: 3rem;\n}\n.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {\n    padding-left: 4.5rem;\n}\n.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {\n    padding-right: 3rem;\n}\n.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {\n    padding-right: 4.5rem;\n}\n.ql-editor .ql-indent-2:not(.ql-direction-rtl) {\n    padding-left: 6rem;\n}\n.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {\n    padding-left: 7.5rem;\n}\n.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {\n    padding-right: 6rem;\n}\n.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {\n    padding-right: 7.5rem;\n}\n.ql-editor .ql-indent-3:not(.ql-direction-rtl) {\n    padding-left: 9rem;\n}\n.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {\n    padding-left: 10.5rem;\n}\n.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {\n    padding-right: 9rem;\n}\n.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {\n    padding-right: 10.5rem;\n}\n.ql-editor .ql-indent-4:not(.ql-direction-rtl) {\n    padding-left: 12rem;\n}\n.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {\n    padding-left: 13.5rem;\n}\n.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {\n    padding-right: 12rem;\n}\n.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {\n    padding-right: 13.5rem;\n}\n.ql-editor .ql-indent-5:not(.ql-direction-rtl) {\n    padding-left: 15rem;\n}\n.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {\n    padding-left: 16.5rem;\n}\n.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {\n    padding-right: 15rem;\n}\n.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {\n    padding-right: 16.5rem;\n}\n.ql-editor .ql-indent-6:not(.ql-direction-rtl) {\n    padding-left: 18rem;\n}\n.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {\n    padding-left: 19.5rem;\n}\n.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {\n    padding-right: 18rem;\n}\n.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {\n    padding-right: 19.5rem;\n}\n.ql-editor .ql-indent-7:not(.ql-direction-rtl) {\n    padding-left: 21rem;\n}\n.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {\n    padding-left: 22.5rem;\n}\n.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {\n    padding-right: 21rem;\n}\n.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {\n    padding-right: 22.5rem;\n}\n.ql-editor .ql-indent-8:not(.ql-direction-rtl) {\n    padding-left: 24rem;\n}\n.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {\n    padding-left: 25.5rem;\n}\n.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {\n    padding-right: 24rem;\n}\n.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {\n    padding-right: 25.5rem;\n}\n.ql-editor .ql-indent-9:not(.ql-direction-rtl) {\n    padding-left: 27rem;\n}\n.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {\n    padding-left: 28.5rem;\n}\n.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {\n    padding-right: 27rem;\n}\n.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {\n    padding-right: 28.5rem;\n}\n.ql-editor .ql-video {\n    display: block;\n    max-width: 100%;\n}\n.ql-editor .ql-video.ql-align-center {\n    margin: 0 auto;\n}\n.ql-editor .ql-video.ql-align-right {\n    margin: 0 0 0 auto;\n}\n.ql-editor .ql-bg-black {\n    background: #000;\n}\n.ql-editor .ql-bg-red {\n    background: #e60000;\n}\n.ql-editor .ql-bg-orange {\n    background: #f90;\n}\n.ql-editor .ql-bg-yellow {\n    background: #ff0;\n}\n.ql-editor .ql-bg-green {\n    background: #008a00;\n}\n.ql-editor .ql-bg-blue {\n    background: #06c;\n}\n.ql-editor .ql-bg-purple {\n    background: #93f;\n}\n.ql-editor .ql-color-white {\n    color: #fff;\n}\n.ql-editor .ql-color-red {\n    color: #e60000;\n}\n.ql-editor .ql-color-orange {\n    color: #f90;\n}\n.ql-editor .ql-color-yellow {\n    color: #ff0;\n}\n.ql-editor .ql-color-green {\n    color: #008a00;\n}\n.ql-editor .ql-color-blue {\n    color: #06c;\n}\n.ql-editor .ql-color-purple {\n    color: #93f;\n}\n.ql-editor .ql-font-serif {\n    font-family: Georgia, Times New Roman, serif;\n}\n.ql-editor .ql-font-monospace {\n    font-family: Monaco, Courier New, monospace;\n}\n.ql-editor .ql-size-small {\n    font-size: 0.75rem;\n}\n.ql-editor .ql-size-large {\n    font-size: 1.5rem;\n}\n.ql-editor .ql-size-huge {\n    font-size: 2.5rem;\n}\n.ql-editor .ql-direction-rtl {\n    direction: rtl;\n    text-align: inherit;\n}\n.ql-editor .ql-align-center {\n    text-align: center;\n}\n.ql-editor .ql-align-justify {\n    text-align: justify;\n}\n.ql-editor .ql-align-right {\n    text-align: right;\n}\n.ql-editor.ql-blank::before {\n    color: rgba(0, 0, 0, 0.6);\n    content: attr(data-placeholder);\n    font-style: italic;\n    left: 15px;\n    pointer-events: none;\n    position: absolute;\n    right: 15px;\n}\n.ql-snow.ql-toolbar:after,\n.ql-snow .ql-toolbar:after {\n    clear: both;\n    content: '';\n    display: table;\n}\n.ql-snow.ql-toolbar button,\n.ql-snow .ql-toolbar button {\n    background: none;\n    border: none;\n    cursor: pointer;\n    display: inline-block;\n    float: left;\n    height: 24px;\n    padding: 3px 5px;\n    width: 28px;\n}\n.ql-snow.ql-toolbar button svg,\n.ql-snow .ql-toolbar button svg {\n    float: left;\n    height: 100%;\n}\n.ql-snow.ql-toolbar button:active:hover,\n.ql-snow .ql-toolbar button:active:hover {\n    outline: none;\n}\n.ql-snow.ql-toolbar input.ql-image[type='file'],\n.ql-snow .ql-toolbar input.ql-image[type='file'] {\n    display: none;\n}\n.ql-snow.ql-toolbar button:hover,\n.ql-snow .ql-toolbar button:hover,\n.ql-snow.ql-toolbar button:focus,\n.ql-snow .ql-toolbar button:focus,\n.ql-snow.ql-toolbar button.ql-active,\n.ql-snow .ql-toolbar button.ql-active,\n.ql-snow.ql-toolbar .ql-picker-label:hover,\n.ql-snow .ql-toolbar .ql-picker-label:hover,\n.ql-snow.ql-toolbar .ql-picker-label.ql-active,\n.ql-snow .ql-toolbar .ql-picker-label.ql-active,\n.ql-snow.ql-toolbar .ql-picker-item:hover,\n.ql-snow .ql-toolbar .ql-picker-item:hover,\n.ql-snow.ql-toolbar .ql-picker-item.ql-selected,\n.ql-snow .ql-toolbar .ql-picker-item.ql-selected {\n    color: #06c;\n}\n.ql-snow.ql-toolbar button:hover .ql-fill,\n.ql-snow .ql-toolbar button:hover .ql-fill,\n.ql-snow.ql-toolbar button:focus .ql-fill,\n.ql-snow .ql-toolbar button:focus .ql-fill,\n.ql-snow.ql-toolbar button.ql-active .ql-fill,\n.ql-snow .ql-toolbar button.ql-active .ql-fill,\n.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,\n.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,\n.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,\n.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,\n.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,\n.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,\n.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,\n.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,\n.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,\n.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,\n.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,\n.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,\n.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,\n.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,\n.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,\n.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,\n.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,\n.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,\n.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,\n.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,\n.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,\n.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {\n    fill: #06c;\n}\n.ql-snow.ql-toolbar button:hover .ql-stroke,\n.ql-snow .ql-toolbar button:hover .ql-stroke,\n.ql-snow.ql-toolbar button:focus .ql-stroke,\n.ql-snow .ql-toolbar button:focus .ql-stroke,\n.ql-snow.ql-toolbar button.ql-active .ql-stroke,\n.ql-snow .ql-toolbar button.ql-active .ql-stroke,\n.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,\n.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,\n.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,\n.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,\n.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,\n.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,\n.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,\n.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,\n.ql-snow.ql-toolbar button:hover .ql-stroke-miter,\n.ql-snow .ql-toolbar button:hover .ql-stroke-miter,\n.ql-snow.ql-toolbar button:focus .ql-stroke-miter,\n.ql-snow .ql-toolbar button:focus .ql-stroke-miter,\n.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,\n.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,\n.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,\n.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,\n.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,\n.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,\n.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,\n.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,\n.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,\n.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {\n    stroke: #06c;\n}\n@media (pointer: coarse) {\n    .ql-snow.ql-toolbar button:hover:not(.ql-active),\n    .ql-snow .ql-toolbar button:hover:not(.ql-active) {\n        color: #444;\n    }\n    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,\n    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,\n    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,\n    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {\n        fill: #444;\n    }\n    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,\n    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,\n    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,\n    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {\n        stroke: #444;\n    }\n}\n.ql-snow {\n    box-sizing: border-box;\n}\n.ql-snow * {\n    box-sizing: border-box;\n}\n.ql-snow .ql-hidden {\n    display: none;\n}\n.ql-snow .ql-out-bottom,\n.ql-snow .ql-out-top {\n    visibility: hidden;\n}\n.ql-snow .ql-tooltip {\n    position: absolute;\n    transform: translateY(10px);\n}\n.ql-snow .ql-tooltip a {\n    cursor: pointer;\n    text-decoration: none;\n}\n.ql-snow .ql-tooltip.ql-flip {\n    transform: translateY(-10px);\n}\n.ql-snow .ql-formats {\n    display: inline-block;\n    vertical-align: middle;\n}\n.ql-snow .ql-formats:after {\n    clear: both;\n    content: '';\n    display: table;\n}\n.ql-snow .ql-stroke {\n    fill: none;\n    stroke: #444;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    stroke-width: 2;\n}\n.ql-snow .ql-stroke-miter {\n    fill: none;\n    stroke: #444;\n    stroke-miterlimit: 10;\n    stroke-width: 2;\n}\n.ql-snow .ql-fill,\n.ql-snow .ql-stroke.ql-fill {\n    fill: #444;\n}\n.ql-snow .ql-empty {\n    fill: none;\n}\n.ql-snow .ql-even {\n    fill-rule: evenodd;\n}\n.ql-snow .ql-thin,\n.ql-snow .ql-stroke.ql-thin {\n    stroke-width: 1;\n}\n.ql-snow .ql-transparent {\n    opacity: 0.4;\n}\n.ql-snow .ql-direction svg:last-child {\n    display: none;\n}\n.ql-snow .ql-direction.ql-active svg:last-child {\n    display: inline;\n}\n.ql-snow .ql-direction.ql-active svg:first-child {\n    display: none;\n}\n.ql-snow .ql-editor h1 {\n    font-size: 2rem;\n}\n.ql-snow .ql-editor h2 {\n    font-size: 1.5rem;\n}\n.ql-snow .ql-editor h3 {\n    font-size: 1.17rem;\n}\n.ql-snow .ql-editor h4 {\n    font-size: 1rem;\n}\n.ql-snow .ql-editor h5 {\n    font-size: 0.83rem;\n}\n.ql-snow .ql-editor h6 {\n    font-size: 0.67rem;\n}\n.ql-snow .ql-editor a {\n    text-decoration: underline;\n}\n.ql-snow .ql-editor blockquote {\n    border-left: 4px solid #ccc;\n    margin-bottom: 5px;\n    margin-top: 5px;\n    padding-left: 16px;\n}\n.ql-snow .ql-editor code,\n.ql-snow .ql-editor pre {\n    background: #f0f0f0;\n    border-radius: 3px;\n}\n.ql-snow .ql-editor pre {\n    white-space: pre-wrap;\n    margin-bottom: 5px;\n    margin-top: 5px;\n    padding: 5px 10px;\n}\n.ql-snow .ql-editor code {\n    font-size: 85%;\n    padding: 2px 4px;\n}\n.ql-snow .ql-editor pre.ql-syntax {\n    background: #23241f;\n    color: #f8f8f2;\n    overflow: visible;\n}\n.ql-snow .ql-editor img {\n    max-width: 100%;\n}\n.ql-snow .ql-picker {\n    color: #444;\n    display: inline-block;\n    float: left;\n    font-size: 14px;\n    font-weight: 500;\n    height: 24px;\n    position: relative;\n    vertical-align: middle;\n}\n.ql-snow .ql-picker-label {\n    cursor: pointer;\n    display: inline-block;\n    height: 100%;\n    padding-left: 8px;\n    padding-right: 2px;\n    position: relative;\n    width: 100%;\n}\n.ql-snow .ql-picker-label::before {\n    display: inline-block;\n    line-height: 22px;\n}\n.ql-snow .ql-picker-options {\n    background: #fff;\n    display: none;\n    min-width: 100%;\n    padding: 4px 8px;\n    position: absolute;\n    white-space: nowrap;\n}\n.ql-snow .ql-picker-options .ql-picker-item {\n    cursor: pointer;\n    display: block;\n    padding-bottom: 5px;\n    padding-top: 5px;\n}\n.ql-snow .ql-picker.ql-expanded .ql-picker-label {\n    color: #ccc;\n    z-index: 2;\n}\n.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {\n    fill: #ccc;\n}\n.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {\n    stroke: #ccc;\n}\n.ql-snow .ql-picker.ql-expanded .ql-picker-options {\n    display: block;\n    margin-top: -1px;\n    top: 100%;\n    z-index: 1;\n}\n.ql-snow .ql-color-picker,\n.ql-snow .ql-icon-picker {\n    width: 28px;\n}\n.ql-snow .ql-color-picker .ql-picker-label,\n.ql-snow .ql-icon-picker .ql-picker-label {\n    padding: 2px 4px;\n}\n.ql-snow .ql-color-picker .ql-picker-label svg,\n.ql-snow .ql-icon-picker .ql-picker-label svg {\n    right: 4px;\n}\n.ql-snow .ql-icon-picker .ql-picker-options {\n    padding: 4px 0px;\n}\n.ql-snow .ql-icon-picker .ql-picker-item {\n    height: 24px;\n    width: 24px;\n    padding: 2px 4px;\n}\n.ql-snow .ql-color-picker .ql-picker-options {\n    padding: 3px 5px;\n    width: 152px;\n}\n.ql-snow .ql-color-picker .ql-picker-item {\n    border: 1px solid transparent;\n    float: left;\n    height: 16px;\n    margin: 2px;\n    padding: 0px;\n    width: 16px;\n}\n.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {\n    position: absolute;\n    margin-top: -9px;\n    right: 0;\n    top: 50%;\n    width: 18px;\n}\n.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,\n.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,\n.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,\n.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,\n.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {\n    content: attr(data-label);\n}\n.ql-snow .ql-picker.ql-header {\n    width: 98px;\n}\n.ql-snow .ql-picker.ql-header .ql-picker-label::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item::before {\n    content: 'Normal';\n}\n.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='1']::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='1']::before {\n    content: 'Heading 1';\n}\n.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='2']::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='2']::before {\n    content: 'Heading 2';\n}\n.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='3']::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='3']::before {\n    content: 'Heading 3';\n}\n.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='4']::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='4']::before {\n    content: 'Heading 4';\n}\n.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='5']::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='5']::before {\n    content: 'Heading 5';\n}\n.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='6']::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='6']::before {\n    content: 'Heading 6';\n}\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='1']::before {\n    font-size: 2rem;\n}\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='2']::before {\n    font-size: 1.5rem;\n}\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='3']::before {\n    font-size: 1.17rem;\n}\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='4']::before {\n    font-size: 1rem;\n}\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='5']::before {\n    font-size: 0.83rem;\n}\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='6']::before {\n    font-size: 0.67rem;\n}\n.ql-snow .ql-picker.ql-font {\n    width: 108px;\n}\n.ql-snow .ql-picker.ql-font .ql-picker-label::before,\n.ql-snow .ql-picker.ql-font .ql-picker-item::before {\n    content: 'Sans Serif';\n}\n.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='serif']::before,\n.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='serif']::before {\n    content: 'Serif';\n}\n.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='monospace']::before,\n.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='monospace']::before {\n    content: 'Monospace';\n}\n.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='serif']::before {\n    font-family: Georgia, Times New Roman, serif;\n}\n.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='monospace']::before {\n    font-family: Monaco, Courier New, monospace;\n}\n.ql-snow .ql-picker.ql-size {\n    width: 98px;\n}\n.ql-snow .ql-picker.ql-size .ql-picker-label::before,\n.ql-snow .ql-picker.ql-size .ql-picker-item::before {\n    content: 'Normal';\n}\n.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='small']::before,\n.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='small']::before {\n    content: 'Small';\n}\n.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='large']::before,\n.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='large']::before {\n    content: 'Large';\n}\n.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='huge']::before,\n.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='huge']::before {\n    content: 'Huge';\n}\n.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='small']::before {\n    font-size: 10px;\n}\n.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='large']::before {\n    font-size: 18px;\n}\n.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='huge']::before {\n    font-size: 32px;\n}\n.ql-snow .ql-color-picker.ql-background .ql-picker-item {\n    background: #fff;\n}\n.ql-snow .ql-color-picker.ql-color .ql-picker-item {\n    background: #000;\n}\n.ql-toolbar.ql-snow {\n    border: 1px solid #ccc;\n    box-sizing: border-box;\n    font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;\n    padding: 8px;\n}\n.ql-toolbar.ql-snow .ql-formats {\n    margin-right: 15px;\n}\n.ql-toolbar.ql-snow .ql-picker-label {\n    border: 1px solid transparent;\n}\n.ql-toolbar.ql-snow .ql-picker-options {\n    border: 1px solid transparent;\n    box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;\n}\n.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {\n    border-color: #ccc;\n}\n.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {\n    border-color: #ccc;\n}\n.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,\n.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {\n    border-color: #000;\n}\n.ql-toolbar.ql-snow + .ql-container.ql-snow {\n    border-top: 0px;\n}\n.ql-snow .ql-tooltip {\n    background: #fff;\n    border: 1px solid #ccc;\n    box-shadow: 0px 0px 5px #ddd;\n    color: #444;\n    padding: 5px 12px;\n    white-space: nowrap;\n}\n.ql-snow .ql-tooltip::before {\n    content: 'Visit URL:';\n    line-height: 26px;\n    margin-right: 8px;\n}\n.ql-snow .ql-tooltip input[type='text'] {\n    display: none;\n    border: 1px solid #ccc;\n    font-size: 13px;\n    height: 26px;\n    margin: 0px;\n    padding: 3px 5px;\n    width: 170px;\n}\n.ql-snow .ql-tooltip a.ql-preview {\n    display: inline-block;\n    max-width: 200px;\n    overflow-x: hidden;\n    text-overflow: ellipsis;\n    vertical-align: top;\n}\n.ql-snow .ql-tooltip a.ql-action::after {\n    border-right: 1px solid #ccc;\n    content: 'Edit';\n    margin-left: 16px;\n    padding-right: 8px;\n}\n.ql-snow .ql-tooltip a.ql-remove::before {\n    content: 'Remove';\n    margin-left: 8px;\n}\n.ql-snow .ql-tooltip a {\n    line-height: 26px;\n}\n.ql-snow .ql-tooltip.ql-editing a.ql-preview,\n.ql-snow .ql-tooltip.ql-editing a.ql-remove {\n    display: none;\n}\n.ql-snow .ql-tooltip.ql-editing input[type='text'] {\n    display: inline-block;\n}\n.ql-snow .ql-tooltip.ql-editing a.ql-action::after {\n    border-right: 0px;\n    content: 'Save';\n    padding-right: 0px;\n}\n.ql-snow .ql-tooltip[data-mode='link']::before {\n    content: 'Enter link:';\n}\n.ql-snow .ql-tooltip[data-mode='formula']::before {\n    content: 'Enter formula:';\n}\n.ql-snow .ql-tooltip[data-mode='video']::before {\n    content: 'Enter video:';\n}\n.ql-snow a {\n    color: #06c;\n}\n.ql-container.ql-snow {\n    border: 1px solid #ccc;\n}\n\n.p-editor .p-editor-toolbar {\n    background: ".concat(dt('editor.toolbar.background'), ";\n    border-top-right-radius: ").concat(dt('editor.toolbar.border.radius'), ";\n    border-top-left-radius: ").concat(dt('editor.toolbar.border.radius'), ";\n}\n\n.p-editor .p-editor-toolbar.ql-snow {\n    border: 1px solid ").concat(dt('editor.toolbar.border.color'), ";\n}\n\n.p-editor .p-editor-toolbar.ql-snow .ql-stroke {\n    stroke: ").concat(dt('editor.toolbar.item.color'), ";\n}\n\n.p-editor .p-editor-toolbar.ql-snow .ql-fill {\n    fill: ").concat(dt('editor.toolbar.item.color'), ";\n}\n\n.p-editor .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {\n    border: 0 none;\n    color: ").concat(dt('editor.toolbar.item.color'), ";\n}\n\n.p-editor .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {\n    color: ").concat(dt('editor.toolbar.item.hover.color'), ";\n}\n\n.p-editor .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {\n    stroke: ").concat(dt('editor.toolbar.item.hover.color'), ";\n}\n\n.p-editor .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {\n    fill: ").concat(dt('editor.toolbar.item.hover.color'), ";\n}\n\n.p-editor .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {\n    color: ").concat(dt('editor.toolbar.item.active.color'), ";\n}\n\n.p-editor .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {\n    stroke: ").concat(dt('editor.toolbar.item.active.color'), ";\n}\n\n.p-editor .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {\n    fill: ").concat(dt('editor.toolbar.item.active.color'), ";\n}\n\n.p-editor .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {\n    background: ").concat(dt('editor.overlay.background'), ";\n    border: 1px solid ").concat(dt('editor.overlay.border.color'), ";\n    box-shadow: ").concat(dt('editor.overlay.shadow'), ";\n    border-radius: ").concat(dt('editor.overlay.border.radius'), ";\n    padding: ").concat(dt('editor.overlay.padding'), ";\n}\n\n.p-editor .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {\n    color: ").concat(dt('editor.overlay.option.color'), ";\n    border-radius: ").concat(dt('editor.overlay.option.border.radius'), ";\n}\n\n.p-editor .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {\n    background: ").concat(dt('editor.overlay.option.focus.background'), ";\n    color: ").concat(dt('editor.overlay.option.focus.color'), ";\n}\n\n.p-editor .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {\n    padding: ").concat(dt('editor.overlay.option.padding'), ";\n}\n\n.p-editor .p-editor-content {\n    border-bottom-right-radius: ").concat(dt('editor.content.border.radius'), ";\n    border-bottom-left-radius: ").concat(dt('editor.content.border.radius'), ";\n}\n\n.p-editor .p-editor-content.ql-snow {\n    border: 1px solid ").concat(dt('editor.content.border.color'), ";\n}\n\n.p-editor .p-editor-content .ql-editor {\n    background: ").concat(dt('editor.content.background'), ";\n    color: ").concat(dt('editor.content.color'), ";\n    border-bottom-right-radius: ").concat(dt('editor.content.border.radius'), ";\n    border-bottom-left-radius: ").concat(dt('editor.content.border.radius'), ";\n}\n\n.p-editor .ql-snow.ql-toolbar button:hover,\n.p-editor .ql-snow.ql-toolbar button:focus {\n    color: ").concat(dt('editor.toolbar.item.hover.color'), ";\n}\n\n.p-editor .ql-snow.ql-toolbar button:hover .ql-stroke,\n.p-editor .ql-snow.ql-toolbar button:focus .ql-stroke {\n    stroke: ").concat(dt('editor.toolbar.item.hover.color'), ";\n}\n\n.p-editor .ql-snow.ql-toolbar button:hover .ql-fill,\n.p-editor .ql-snow.ql-toolbar button:focus .ql-fill {\n    fill: ").concat(dt('editor.toolbar.item.hover.color'), ";\n}\n\n.p-editor .ql-snow.ql-toolbar button.ql-active,\n.p-editor .ql-snow.ql-toolbar .ql-picker-label.ql-active,\n.p-editor .ql-snow.ql-toolbar .ql-picker-item.ql-selected {\n    color: ").concat(dt('editor.toolbar.item.active.color'), ";\n}\n\n.p-editor .ql-snow.ql-toolbar button.ql-active .ql-stroke,\n.p-editor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,\n.p-editor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {\n    stroke: ").concat(dt('editor.toolbar.item.active.color'), ";\n}\n\n.p-editor .ql-snow.ql-toolbar button.ql-active .ql-fill,\n.p-editor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,\n.p-editor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {\n    fill: ").concat(dt('editor.toolbar.item.active.color'), ";\n}\n\n.p-editor .ql-snow.ql-toolbar button.ql-active .ql-picker-label,\n.p-editor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,\n.p-editor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {\n    color: ").concat(dt('editor.toolbar.item.active.color'), ";\n}\n");
+};
+var classes = {
+  root: 'p-editor',
+  toolbar: 'p-editor-toolbar',
+  content: 'p-editor-content'
+};
+var EditorStyle = BaseStyle.extend({
+  name: 'editor',
+  theme: theme,
+  classes: classes
+});
+
+export { EditorStyle as default };
+//# sourceMappingURL=editorstyle.mjs.map

package/editor/style/editorstyle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"editorstyle.mjs","sources":["../../../src/editor/style/EditorStyle.js"],"sourcesContent":["import BaseStyle from '@primevuelab/core/base/style';\n\nconst theme = ({ dt }) => `\n/*!\n* Quill Editor v1.3.3\n* https://quilljs.com/\n* Copyright (c) 2014, Jason Chen\n* Copyright (c) 2013, salesforce.com\n*/\n.ql-container {\n    box-sizing: border-box;\n    font-family: Helvetica, Arial, sans-serif;\n    font-size: 13px;\n    height: 100%;\n    margin: 0px;\n    position: relative;\n}\n.ql-container.ql-disabled .ql-tooltip {\n    visibility: hidden;\n}\n.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {\n    pointer-events: none;\n}\n.ql-clipboard {\n    left: -100000px;\n    height: 1px;\n    overflow-y: hidden;\n    position: absolute;\n    top: 50%;\n}\n.ql-clipboard p {\n    margin: 0;\n    padding: 0;\n}\n.ql-editor {\n    box-sizing: border-box;\n    line-height: 1.42;\n    height: 100%;\n    outline: none;\n    overflow-y: auto;\n    padding: 12px 15px;\n    tab-size: 4;\n    -moz-tab-size: 4;\n    text-align: left;\n    white-space: pre-wrap;\n    word-wrap: break-word;\n}\n.ql-editor > * {\n    cursor: text;\n}\n.ql-editor p,\n.ql-editor ol,\n.ql-editor ul,\n.ql-editor pre,\n.ql-editor blockquote,\n.ql-editor h1,\n.ql-editor h2,\n.ql-editor h3,\n.ql-editor h4,\n.ql-editor h5,\n.ql-editor h6 {\n    margin: 0;\n    padding: 0;\n    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n}\n.ql-editor ol,\n.ql-editor ul {\n    padding-left: 1.5rem;\n}\n.ql-editor ol > li,\n.ql-editor ul > li {\n    list-style-type: none;\n}\n.ql-editor ul > li::before {\n    content: '\\\\2022';\n}\n.ql-editor ul[data-checked='true'],\n.ql-editor ul[data-checked='false'] {\n    pointer-events: none;\n}\n.ql-editor ul[data-checked='true'] > li *,\n.ql-editor ul[data-checked='false'] > li * {\n    pointer-events: all;\n}\n.ql-editor ul[data-checked='true'] > li::before,\n.ql-editor ul[data-checked='false'] > li::before {\n    color: #777;\n    cursor: pointer;\n    pointer-events: all;\n}\n.ql-editor ul[data-checked='true'] > li::before {\n    content: '\\\\2611';\n}\n.ql-editor ul[data-checked='false'] > li::before {\n    content: '\\\\2610';\n}\n.ql-editor li::before {\n    display: inline-block;\n    white-space: nowrap;\n    width: 1.2rem;\n}\n.ql-editor li:not(.ql-direction-rtl)::before {\n    margin-left: -1.5rem;\n    margin-right: 0.3rem;\n    text-align: right;\n}\n.ql-editor li.ql-direction-rtl::before {\n    margin-left: 0.3rem;\n    margin-right: -1.5rem;\n}\n.ql-editor ol li:not(.ql-direction-rtl),\n.ql-editor ul li:not(.ql-direction-rtl) {\n    padding-left: 1.5rem;\n}\n.ql-editor ol li.ql-direction-rtl,\n.ql-editor ul li.ql-direction-rtl {\n    padding-right: 1.5rem;\n}\n.ql-editor ol li {\n    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n    counter-increment: list-0;\n}\n.ql-editor ol li:before {\n    content: counter(list-0, decimal) '. ';\n}\n.ql-editor ol li.ql-indent-1 {\n    counter-increment: list-1;\n}\n.ql-editor ol li.ql-indent-1:before {\n    content: counter(list-1, lower-alpha) '. ';\n}\n.ql-editor ol li.ql-indent-1 {\n    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n}\n.ql-editor ol li.ql-indent-2 {\n    counter-increment: list-2;\n}\n.ql-editor ol li.ql-indent-2:before {\n    content: counter(list-2, lower-roman) '. ';\n}\n.ql-editor ol li.ql-indent-2 {\n    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n}\n.ql-editor ol li.ql-indent-3 {\n    counter-increment: list-3;\n}\n.ql-editor ol li.ql-indent-3:before {\n    content: counter(list-3, decimal) '. ';\n}\n.ql-editor ol li.ql-indent-3 {\n    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;\n}\n.ql-editor ol li.ql-indent-4 {\n    counter-increment: list-4;\n}\n.ql-editor ol li.ql-indent-4:before {\n    content: counter(list-4, lower-alpha) '. ';\n}\n.ql-editor ol li.ql-indent-4 {\n    counter-reset: list-5 list-6 list-7 list-8 list-9;\n}\n.ql-editor ol li.ql-indent-5 {\n    counter-increment: list-5;\n}\n.ql-editor ol li.ql-indent-5:before {\n    content: counter(list-5, lower-roman) '. ';\n}\n.ql-editor ol li.ql-indent-5 {\n    counter-reset: list-6 list-7 list-8 list-9;\n}\n.ql-editor ol li.ql-indent-6 {\n    counter-increment: list-6;\n}\n.ql-editor ol li.ql-indent-6:before {\n    content: counter(list-6, decimal) '. ';\n}\n.ql-editor ol li.ql-indent-6 {\n    counter-reset: list-7 list-8 list-9;\n}\n.ql-editor ol li.ql-indent-7 {\n    counter-increment: list-7;\n}\n.ql-editor ol li.ql-indent-7:before {\n    content: counter(list-7, lower-alpha) '. ';\n}\n.ql-editor ol li.ql-indent-7 {\n    counter-reset: list-8 list-9;\n}\n.ql-editor ol li.ql-indent-8 {\n    counter-increment: list-8;\n}\n.ql-editor ol li.ql-indent-8:before {\n    content: counter(list-8, lower-roman) '. ';\n}\n.ql-editor ol li.ql-indent-8 {\n    counter-reset: list-9;\n}\n.ql-editor ol li.ql-indent-9 {\n    counter-increment: list-9;\n}\n.ql-editor ol li.ql-indent-9:before {\n    content: counter(list-9, decimal) '. ';\n}\n.ql-editor .ql-indent-1:not(.ql-direction-rtl) {\n    padding-left: 3rem;\n}\n.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {\n    padding-left: 4.5rem;\n}\n.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {\n    padding-right: 3rem;\n}\n.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {\n    padding-right: 4.5rem;\n}\n.ql-editor .ql-indent-2:not(.ql-direction-rtl) {\n    padding-left: 6rem;\n}\n.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {\n    padding-left: 7.5rem;\n}\n.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {\n    padding-right: 6rem;\n}\n.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {\n    padding-right: 7.5rem;\n}\n.ql-editor .ql-indent-3:not(.ql-direction-rtl) {\n    padding-left: 9rem;\n}\n.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {\n    padding-left: 10.5rem;\n}\n.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {\n    padding-right: 9rem;\n}\n.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {\n    padding-right: 10.5rem;\n}\n.ql-editor .ql-indent-4:not(.ql-direction-rtl) {\n    padding-left: 12rem;\n}\n.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {\n    padding-left: 13.5rem;\n}\n.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {\n    padding-right: 12rem;\n}\n.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {\n    padding-right: 13.5rem;\n}\n.ql-editor .ql-indent-5:not(.ql-direction-rtl) {\n    padding-left: 15rem;\n}\n.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {\n    padding-left: 16.5rem;\n}\n.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {\n    padding-right: 15rem;\n}\n.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {\n    padding-right: 16.5rem;\n}\n.ql-editor .ql-indent-6:not(.ql-direction-rtl) {\n    padding-left: 18rem;\n}\n.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {\n    padding-left: 19.5rem;\n}\n.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {\n    padding-right: 18rem;\n}\n.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {\n    padding-right: 19.5rem;\n}\n.ql-editor .ql-indent-7:not(.ql-direction-rtl) {\n    padding-left: 21rem;\n}\n.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {\n    padding-left: 22.5rem;\n}\n.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {\n    padding-right: 21rem;\n}\n.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {\n    padding-right: 22.5rem;\n}\n.ql-editor .ql-indent-8:not(.ql-direction-rtl) {\n    padding-left: 24rem;\n}\n.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {\n    padding-left: 25.5rem;\n}\n.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {\n    padding-right: 24rem;\n}\n.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {\n    padding-right: 25.5rem;\n}\n.ql-editor .ql-indent-9:not(.ql-direction-rtl) {\n    padding-left: 27rem;\n}\n.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {\n    padding-left: 28.5rem;\n}\n.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {\n    padding-right: 27rem;\n}\n.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {\n    padding-right: 28.5rem;\n}\n.ql-editor .ql-video {\n    display: block;\n    max-width: 100%;\n}\n.ql-editor .ql-video.ql-align-center {\n    margin: 0 auto;\n}\n.ql-editor .ql-video.ql-align-right {\n    margin: 0 0 0 auto;\n}\n.ql-editor .ql-bg-black {\n    background: #000;\n}\n.ql-editor .ql-bg-red {\n    background: #e60000;\n}\n.ql-editor .ql-bg-orange {\n    background: #f90;\n}\n.ql-editor .ql-bg-yellow {\n    background: #ff0;\n}\n.ql-editor .ql-bg-green {\n    background: #008a00;\n}\n.ql-editor .ql-bg-blue {\n    background: #06c;\n}\n.ql-editor .ql-bg-purple {\n    background: #93f;\n}\n.ql-editor .ql-color-white {\n    color: #fff;\n}\n.ql-editor .ql-color-red {\n    color: #e60000;\n}\n.ql-editor .ql-color-orange {\n    color: #f90;\n}\n.ql-editor .ql-color-yellow {\n    color: #ff0;\n}\n.ql-editor .ql-color-green {\n    color: #008a00;\n}\n.ql-editor .ql-color-blue {\n    color: #06c;\n}\n.ql-editor .ql-color-purple {\n    color: #93f;\n}\n.ql-editor .ql-font-serif {\n    font-family: Georgia, Times New Roman, serif;\n}\n.ql-editor .ql-font-monospace {\n    font-family: Monaco, Courier New, monospace;\n}\n.ql-editor .ql-size-small {\n    font-size: 0.75rem;\n}\n.ql-editor .ql-size-large {\n    font-size: 1.5rem;\n}\n.ql-editor .ql-size-huge {\n    font-size: 2.5rem;\n}\n.ql-editor .ql-direction-rtl {\n    direction: rtl;\n    text-align: inherit;\n}\n.ql-editor .ql-align-center {\n    text-align: center;\n}\n.ql-editor .ql-align-justify {\n    text-align: justify;\n}\n.ql-editor .ql-align-right {\n    text-align: right;\n}\n.ql-editor.ql-blank::before {\n    color: rgba(0, 0, 0, 0.6);\n    content: attr(data-placeholder);\n    font-style: italic;\n    left: 15px;\n    pointer-events: none;\n    position: absolute;\n    right: 15px;\n}\n.ql-snow.ql-toolbar:after,\n.ql-snow .ql-toolbar:after {\n    clear: both;\n    content: '';\n    display: table;\n}\n.ql-snow.ql-toolbar button,\n.ql-snow .ql-toolbar button {\n    background: none;\n    border: none;\n    cursor: pointer;\n    display: inline-block;\n    float: left;\n    height: 24px;\n    padding: 3px 5px;\n    width: 28px;\n}\n.ql-snow.ql-toolbar button svg,\n.ql-snow .ql-toolbar button svg {\n    float: left;\n    height: 100%;\n}\n.ql-snow.ql-toolbar button:active:hover,\n.ql-snow .ql-toolbar button:active:hover {\n    outline: none;\n}\n.ql-snow.ql-toolbar input.ql-image[type='file'],\n.ql-snow .ql-toolbar input.ql-image[type='file'] {\n    display: none;\n}\n.ql-snow.ql-toolbar button:hover,\n.ql-snow .ql-toolbar button:hover,\n.ql-snow.ql-toolbar button:focus,\n.ql-snow .ql-toolbar button:focus,\n.ql-snow.ql-toolbar button.ql-active,\n.ql-snow .ql-toolbar button.ql-active,\n.ql-snow.ql-toolbar .ql-picker-label:hover,\n.ql-snow .ql-toolbar .ql-picker-label:hover,\n.ql-snow.ql-toolbar .ql-picker-label.ql-active,\n.ql-snow .ql-toolbar .ql-picker-label.ql-active,\n.ql-snow.ql-toolbar .ql-picker-item:hover,\n.ql-snow .ql-toolbar .ql-picker-item:hover,\n.ql-snow.ql-toolbar .ql-picker-item.ql-selected,\n.ql-snow .ql-toolbar .ql-picker-item.ql-selected {\n    color: #06c;\n}\n.ql-snow.ql-toolbar button:hover .ql-fill,\n.ql-snow .ql-toolbar button:hover .ql-fill,\n.ql-snow.ql-toolbar button:focus .ql-fill,\n.ql-snow .ql-toolbar button:focus .ql-fill,\n.ql-snow.ql-toolbar button.ql-active .ql-fill,\n.ql-snow .ql-toolbar button.ql-active .ql-fill,\n.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,\n.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,\n.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,\n.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,\n.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,\n.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,\n.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,\n.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,\n.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,\n.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,\n.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,\n.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,\n.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,\n.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,\n.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,\n.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,\n.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,\n.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,\n.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,\n.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,\n.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,\n.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {\n    fill: #06c;\n}\n.ql-snow.ql-toolbar button:hover .ql-stroke,\n.ql-snow .ql-toolbar button:hover .ql-stroke,\n.ql-snow.ql-toolbar button:focus .ql-stroke,\n.ql-snow .ql-toolbar button:focus .ql-stroke,\n.ql-snow.ql-toolbar button.ql-active .ql-stroke,\n.ql-snow .ql-toolbar button.ql-active .ql-stroke,\n.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,\n.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,\n.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,\n.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,\n.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,\n.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,\n.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,\n.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,\n.ql-snow.ql-toolbar button:hover .ql-stroke-miter,\n.ql-snow .ql-toolbar button:hover .ql-stroke-miter,\n.ql-snow.ql-toolbar button:focus .ql-stroke-miter,\n.ql-snow .ql-toolbar button:focus .ql-stroke-miter,\n.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,\n.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,\n.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,\n.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,\n.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,\n.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,\n.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,\n.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,\n.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,\n.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {\n    stroke: #06c;\n}\n@media (pointer: coarse) {\n    .ql-snow.ql-toolbar button:hover:not(.ql-active),\n    .ql-snow .ql-toolbar button:hover:not(.ql-active) {\n        color: #444;\n    }\n    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,\n    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,\n    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,\n    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {\n        fill: #444;\n    }\n    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,\n    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,\n    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,\n    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {\n        stroke: #444;\n    }\n}\n.ql-snow {\n    box-sizing: border-box;\n}\n.ql-snow * {\n    box-sizing: border-box;\n}\n.ql-snow .ql-hidden {\n    display: none;\n}\n.ql-snow .ql-out-bottom,\n.ql-snow .ql-out-top {\n    visibility: hidden;\n}\n.ql-snow .ql-tooltip {\n    position: absolute;\n    transform: translateY(10px);\n}\n.ql-snow .ql-tooltip a {\n    cursor: pointer;\n    text-decoration: none;\n}\n.ql-snow .ql-tooltip.ql-flip {\n    transform: translateY(-10px);\n}\n.ql-snow .ql-formats {\n    display: inline-block;\n    vertical-align: middle;\n}\n.ql-snow .ql-formats:after {\n    clear: both;\n    content: '';\n    display: table;\n}\n.ql-snow .ql-stroke {\n    fill: none;\n    stroke: #444;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    stroke-width: 2;\n}\n.ql-snow .ql-stroke-miter {\n    fill: none;\n    stroke: #444;\n    stroke-miterlimit: 10;\n    stroke-width: 2;\n}\n.ql-snow .ql-fill,\n.ql-snow .ql-stroke.ql-fill {\n    fill: #444;\n}\n.ql-snow .ql-empty {\n    fill: none;\n}\n.ql-snow .ql-even {\n    fill-rule: evenodd;\n}\n.ql-snow .ql-thin,\n.ql-snow .ql-stroke.ql-thin {\n    stroke-width: 1;\n}\n.ql-snow .ql-transparent {\n    opacity: 0.4;\n}\n.ql-snow .ql-direction svg:last-child {\n    display: none;\n}\n.ql-snow .ql-direction.ql-active svg:last-child {\n    display: inline;\n}\n.ql-snow .ql-direction.ql-active svg:first-child {\n    display: none;\n}\n.ql-snow .ql-editor h1 {\n    font-size: 2rem;\n}\n.ql-snow .ql-editor h2 {\n    font-size: 1.5rem;\n}\n.ql-snow .ql-editor h3 {\n    font-size: 1.17rem;\n}\n.ql-snow .ql-editor h4 {\n    font-size: 1rem;\n}\n.ql-snow .ql-editor h5 {\n    font-size: 0.83rem;\n}\n.ql-snow .ql-editor h6 {\n    font-size: 0.67rem;\n}\n.ql-snow .ql-editor a {\n    text-decoration: underline;\n}\n.ql-snow .ql-editor blockquote {\n    border-left: 4px solid #ccc;\n    margin-bottom: 5px;\n    margin-top: 5px;\n    padding-left: 16px;\n}\n.ql-snow .ql-editor code,\n.ql-snow .ql-editor pre {\n    background: #f0f0f0;\n    border-radius: 3px;\n}\n.ql-snow .ql-editor pre {\n    white-space: pre-wrap;\n    margin-bottom: 5px;\n    margin-top: 5px;\n    padding: 5px 10px;\n}\n.ql-snow .ql-editor code {\n    font-size: 85%;\n    padding: 2px 4px;\n}\n.ql-snow .ql-editor pre.ql-syntax {\n    background: #23241f;\n    color: #f8f8f2;\n    overflow: visible;\n}\n.ql-snow .ql-editor img {\n    max-width: 100%;\n}\n.ql-snow .ql-picker {\n    color: #444;\n    display: inline-block;\n    float: left;\n    font-size: 14px;\n    font-weight: 500;\n    height: 24px;\n    position: relative;\n    vertical-align: middle;\n}\n.ql-snow .ql-picker-label {\n    cursor: pointer;\n    display: inline-block;\n    height: 100%;\n    padding-left: 8px;\n    padding-right: 2px;\n    position: relative;\n    width: 100%;\n}\n.ql-snow .ql-picker-label::before {\n    display: inline-block;\n    line-height: 22px;\n}\n.ql-snow .ql-picker-options {\n    background: #fff;\n    display: none;\n    min-width: 100%;\n    padding: 4px 8px;\n    position: absolute;\n    white-space: nowrap;\n}\n.ql-snow .ql-picker-options .ql-picker-item {\n    cursor: pointer;\n    display: block;\n    padding-bottom: 5px;\n    padding-top: 5px;\n}\n.ql-snow .ql-picker.ql-expanded .ql-picker-label {\n    color: #ccc;\n    z-index: 2;\n}\n.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {\n    fill: #ccc;\n}\n.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {\n    stroke: #ccc;\n}\n.ql-snow .ql-picker.ql-expanded .ql-picker-options {\n    display: block;\n    margin-top: -1px;\n    top: 100%;\n    z-index: 1;\n}\n.ql-snow .ql-color-picker,\n.ql-snow .ql-icon-picker {\n    width: 28px;\n}\n.ql-snow .ql-color-picker .ql-picker-label,\n.ql-snow .ql-icon-picker .ql-picker-label {\n    padding: 2px 4px;\n}\n.ql-snow .ql-color-picker .ql-picker-label svg,\n.ql-snow .ql-icon-picker .ql-picker-label svg {\n    right: 4px;\n}\n.ql-snow .ql-icon-picker .ql-picker-options {\n    padding: 4px 0px;\n}\n.ql-snow .ql-icon-picker .ql-picker-item {\n    height: 24px;\n    width: 24px;\n    padding: 2px 4px;\n}\n.ql-snow .ql-color-picker .ql-picker-options {\n    padding: 3px 5px;\n    width: 152px;\n}\n.ql-snow .ql-color-picker .ql-picker-item {\n    border: 1px solid transparent;\n    float: left;\n    height: 16px;\n    margin: 2px;\n    padding: 0px;\n    width: 16px;\n}\n.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {\n    position: absolute;\n    margin-top: -9px;\n    right: 0;\n    top: 50%;\n    width: 18px;\n}\n.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,\n.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,\n.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,\n.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,\n.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {\n    content: attr(data-label);\n}\n.ql-snow .ql-picker.ql-header {\n    width: 98px;\n}\n.ql-snow .ql-picker.ql-header .ql-picker-label::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item::before {\n    content: 'Normal';\n}\n.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='1']::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='1']::before {\n    content: 'Heading 1';\n}\n.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='2']::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='2']::before {\n    content: 'Heading 2';\n}\n.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='3']::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='3']::before {\n    content: 'Heading 3';\n}\n.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='4']::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='4']::before {\n    content: 'Heading 4';\n}\n.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='5']::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='5']::before {\n    content: 'Heading 5';\n}\n.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='6']::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='6']::before {\n    content: 'Heading 6';\n}\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='1']::before {\n    font-size: 2rem;\n}\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='2']::before {\n    font-size: 1.5rem;\n}\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='3']::before {\n    font-size: 1.17rem;\n}\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='4']::before {\n    font-size: 1rem;\n}\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='5']::before {\n    font-size: 0.83rem;\n}\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='6']::before {\n    font-size: 0.67rem;\n}\n.ql-snow .ql-picker.ql-font {\n    width: 108px;\n}\n.ql-snow .ql-picker.ql-font .ql-picker-label::before,\n.ql-snow .ql-picker.ql-font .ql-picker-item::before {\n    content: 'Sans Serif';\n}\n.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='serif']::before,\n.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='serif']::before {\n    content: 'Serif';\n}\n.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='monospace']::before,\n.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='monospace']::before {\n    content: 'Monospace';\n}\n.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='serif']::before {\n    font-family: Georgia, Times New Roman, serif;\n}\n.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='monospace']::before {\n    font-family: Monaco, Courier New, monospace;\n}\n.ql-snow .ql-picker.ql-size {\n    width: 98px;\n}\n.ql-snow .ql-picker.ql-size .ql-picker-label::before,\n.ql-snow .ql-picker.ql-size .ql-picker-item::before {\n    content: 'Normal';\n}\n.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='small']::before,\n.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='small']::before {\n    content: 'Small';\n}\n.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='large']::before,\n.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='large']::before {\n    content: 'Large';\n}\n.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='huge']::before,\n.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='huge']::before {\n    content: 'Huge';\n}\n.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='small']::before {\n    font-size: 10px;\n}\n.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='large']::before {\n    font-size: 18px;\n}\n.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='huge']::before {\n    font-size: 32px;\n}\n.ql-snow .ql-color-picker.ql-background .ql-picker-item {\n    background: #fff;\n}\n.ql-snow .ql-color-picker.ql-color .ql-picker-item {\n    background: #000;\n}\n.ql-toolbar.ql-snow {\n    border: 1px solid #ccc;\n    box-sizing: border-box;\n    font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;\n    padding: 8px;\n}\n.ql-toolbar.ql-snow .ql-formats {\n    margin-right: 15px;\n}\n.ql-toolbar.ql-snow .ql-picker-label {\n    border: 1px solid transparent;\n}\n.ql-toolbar.ql-snow .ql-picker-options {\n    border: 1px solid transparent;\n    box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;\n}\n.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {\n    border-color: #ccc;\n}\n.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {\n    border-color: #ccc;\n}\n.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,\n.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {\n    border-color: #000;\n}\n.ql-toolbar.ql-snow + .ql-container.ql-snow {\n    border-top: 0px;\n}\n.ql-snow .ql-tooltip {\n    background: #fff;\n    border: 1px solid #ccc;\n    box-shadow: 0px 0px 5px #ddd;\n    color: #444;\n    padding: 5px 12px;\n    white-space: nowrap;\n}\n.ql-snow .ql-tooltip::before {\n    content: 'Visit URL:';\n    line-height: 26px;\n    margin-right: 8px;\n}\n.ql-snow .ql-tooltip input[type='text'] {\n    display: none;\n    border: 1px solid #ccc;\n    font-size: 13px;\n    height: 26px;\n    margin: 0px;\n    padding: 3px 5px;\n    width: 170px;\n}\n.ql-snow .ql-tooltip a.ql-preview {\n    display: inline-block;\n    max-width: 200px;\n    overflow-x: hidden;\n    text-overflow: ellipsis;\n    vertical-align: top;\n}\n.ql-snow .ql-tooltip a.ql-action::after {\n    border-right: 1px solid #ccc;\n    content: 'Edit';\n    margin-left: 16px;\n    padding-right: 8px;\n}\n.ql-snow .ql-tooltip a.ql-remove::before {\n    content: 'Remove';\n    margin-left: 8px;\n}\n.ql-snow .ql-tooltip a {\n    line-height: 26px;\n}\n.ql-snow .ql-tooltip.ql-editing a.ql-preview,\n.ql-snow .ql-tooltip.ql-editing a.ql-remove {\n    display: none;\n}\n.ql-snow .ql-tooltip.ql-editing input[type='text'] {\n    display: inline-block;\n}\n.ql-snow .ql-tooltip.ql-editing a.ql-action::after {\n    border-right: 0px;\n    content: 'Save';\n    padding-right: 0px;\n}\n.ql-snow .ql-tooltip[data-mode='link']::before {\n    content: 'Enter link:';\n}\n.ql-snow .ql-tooltip[data-mode='formula']::before {\n    content: 'Enter formula:';\n}\n.ql-snow .ql-tooltip[data-mode='video']::before {\n    content: 'Enter video:';\n}\n.ql-snow a {\n    color: #06c;\n}\n.ql-container.ql-snow {\n    border: 1px solid #ccc;\n}\n\n.p-editor .p-editor-toolbar {\n    background: ${dt('editor.toolbar.background')};\n    border-top-right-radius: ${dt('editor.toolbar.border.radius')};\n    border-top-left-radius: ${dt('editor.toolbar.border.radius')};\n}\n\n.p-editor .p-editor-toolbar.ql-snow {\n    border: 1px solid ${dt('editor.toolbar.border.color')};\n}\n\n.p-editor .p-editor-toolbar.ql-snow .ql-stroke {\n    stroke: ${dt('editor.toolbar.item.color')};\n}\n\n.p-editor .p-editor-toolbar.ql-snow .ql-fill {\n    fill: ${dt('editor.toolbar.item.color')};\n}\n\n.p-editor .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {\n    border: 0 none;\n    color: ${dt('editor.toolbar.item.color')};\n}\n\n.p-editor .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {\n    color: ${dt('editor.toolbar.item.hover.color')};\n}\n\n.p-editor .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {\n    stroke: ${dt('editor.toolbar.item.hover.color')};\n}\n\n.p-editor .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {\n    fill: ${dt('editor.toolbar.item.hover.color')};\n}\n\n.p-editor .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {\n    color: ${dt('editor.toolbar.item.active.color')};\n}\n\n.p-editor .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {\n    stroke: ${dt('editor.toolbar.item.active.color')};\n}\n\n.p-editor .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {\n    fill: ${dt('editor.toolbar.item.active.color')};\n}\n\n.p-editor .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {\n    background: ${dt('editor.overlay.background')};\n    border: 1px solid ${dt('editor.overlay.border.color')};\n    box-shadow: ${dt('editor.overlay.shadow')};\n    border-radius: ${dt('editor.overlay.border.radius')};\n    padding: ${dt('editor.overlay.padding')};\n}\n\n.p-editor .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {\n    color: ${dt('editor.overlay.option.color')};\n    border-radius: ${dt('editor.overlay.option.border.radius')};\n}\n\n.p-editor .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {\n    background: ${dt('editor.overlay.option.focus.background')};\n    color: ${dt('editor.overlay.option.focus.color')};\n}\n\n.p-editor .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {\n    padding: ${dt('editor.overlay.option.padding')};\n}\n\n.p-editor .p-editor-content {\n    border-bottom-right-radius: ${dt('editor.content.border.radius')};\n    border-bottom-left-radius: ${dt('editor.content.border.radius')};\n}\n\n.p-editor .p-editor-content.ql-snow {\n    border: 1px solid ${dt('editor.content.border.color')};\n}\n\n.p-editor .p-editor-content .ql-editor {\n    background: ${dt('editor.content.background')};\n    color: ${dt('editor.content.color')};\n    border-bottom-right-radius: ${dt('editor.content.border.radius')};\n    border-bottom-left-radius: ${dt('editor.content.border.radius')};\n}\n\n.p-editor .ql-snow.ql-toolbar button:hover,\n.p-editor .ql-snow.ql-toolbar button:focus {\n    color: ${dt('editor.toolbar.item.hover.color')};\n}\n\n.p-editor .ql-snow.ql-toolbar button:hover .ql-stroke,\n.p-editor .ql-snow.ql-toolbar button:focus .ql-stroke {\n    stroke: ${dt('editor.toolbar.item.hover.color')};\n}\n\n.p-editor .ql-snow.ql-toolbar button:hover .ql-fill,\n.p-editor .ql-snow.ql-toolbar button:focus .ql-fill {\n    fill: ${dt('editor.toolbar.item.hover.color')};\n}\n\n.p-editor .ql-snow.ql-toolbar button.ql-active,\n.p-editor .ql-snow.ql-toolbar .ql-picker-label.ql-active,\n.p-editor .ql-snow.ql-toolbar .ql-picker-item.ql-selected {\n    color: ${dt('editor.toolbar.item.active.color')};\n}\n\n.p-editor .ql-snow.ql-toolbar button.ql-active .ql-stroke,\n.p-editor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,\n.p-editor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {\n    stroke: ${dt('editor.toolbar.item.active.color')};\n}\n\n.p-editor .ql-snow.ql-toolbar button.ql-active .ql-fill,\n.p-editor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,\n.p-editor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {\n    fill: ${dt('editor.toolbar.item.active.color')};\n}\n\n.p-editor .ql-snow.ql-toolbar button.ql-active .ql-picker-label,\n.p-editor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,\n.p-editor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {\n    color: ${dt('editor.toolbar.item.active.color')};\n}\n`;\n\nconst classes = {\n    root: 'p-editor',\n    toolbar: 'p-editor-toolbar',\n    content: 'p-editor-content'\n};\n\nexport default BaseStyle.extend({\n    name: 'editor',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","toolbar","content","BaseStyle","extend","name"],"mappings":";;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,EAAE,GAAAD,IAAA,CAAFC,EAAE,CAAA;AAAA,EAAA,OAAA,46zBAAA,CAAAC,MAAA,CAo7BDD,EAAE,CAAC,2BAA2B,CAAC,EAAAC,kCAAAA,CAAAA,CAAAA,MAAA,CAClBD,EAAE,CAAC,8BAA8B,CAAC,EAAA,iCAAA,CAAA,CAAAC,MAAA,CACnCD,EAAE,CAAC,8BAA8B,CAAC,EAAAC,uEAAAA,CAAAA,CAAAA,MAAA,CAIxCD,EAAE,CAAC,6BAA6B,CAAC,EAAA,wEAAA,CAAA,CAAAC,MAAA,CAI3CD,EAAE,CAAC,2BAA2B,CAAC,EAAAC,oEAAAA,CAAAA,CAAAA,MAAA,CAIjCD,EAAE,CAAC,2BAA2B,CAAC,EAAA,6GAAA,CAAA,CAAAC,MAAA,CAK9BD,EAAE,CAAC,2BAA2B,CAAC,EAAAC,8FAAAA,CAAAA,CAAAA,MAAA,CAI/BD,EAAE,CAAC,iCAAiC,CAAC,EAAA,0GAAA,CAAA,CAAAC,MAAA,CAIpCD,EAAE,CAAC,iCAAiC,CAAC,EAAA,sGAAA,CAAA,CAAAC,MAAA,CAIvCD,EAAE,CAAC,iCAAiC,CAAC,EAAAC,oGAAAA,CAAAA,CAAAA,MAAA,CAIpCD,EAAE,CAAC,kCAAkC,CAAC,EAAA,gHAAA,CAAA,CAAAC,MAAA,CAIrCD,EAAE,CAAC,kCAAkC,CAAC,EAAAC,4GAAAA,CAAAA,CAAAA,MAAA,CAIxCD,EAAE,CAAC,kCAAkC,CAAC,EAAA,2GAAA,CAAA,CAAAC,MAAA,CAIhCD,EAAE,CAAC,2BAA2B,CAAC,EAAAC,2BAAAA,CAAAA,CAAAA,MAAA,CACzBD,EAAE,CAAC,6BAA6B,CAAC,EAAA,qBAAA,CAAA,CAAAC,MAAA,CACvCD,EAAE,CAAC,uBAAuB,CAAC,EAAAC,wBAAAA,CAAAA,CAAAA,MAAA,CACxBD,EAAE,CAAC,8BAA8B,CAAC,EAAA,kBAAA,CAAA,CAAAC,MAAA,CACxCD,EAAE,CAAC,wBAAwB,CAAC,0HAAAC,MAAA,CAI9BD,EAAE,CAAC,6BAA6B,CAAC,EAAAC,wBAAAA,CAAAA,CAAAA,MAAA,CACzBD,EAAE,CAAC,qCAAqC,CAAC,EAAA,iIAAA,CAAA,CAAAC,MAAA,CAI5CD,EAAE,CAAC,wCAAwC,CAAC,EAAAC,gBAAAA,CAAAA,CAAAA,MAAA,CACjDD,EAAE,CAAC,mCAAmC,CAAC,EAAA,0HAAA,CAAA,CAAAC,MAAA,CAIrCD,EAAE,CAAC,+BAA+B,CAAC,EAAAC,yEAAAA,CAAAA,CAAAA,MAAA,CAIhBD,EAAE,CAAC,8BAA8B,CAAC,EAAA,oCAAA,CAAA,CAAAC,MAAA,CACnCD,EAAE,CAAC,8BAA8B,CAAC,EAAAC,uEAAAA,CAAAA,CAAAA,MAAA,CAI3CD,EAAE,CAAC,6BAA6B,CAAC,EAAA,oEAAA,CAAA,CAAAC,MAAA,CAIvCD,EAAE,CAAC,2BAA2B,CAAC,EAAAC,gBAAAA,CAAAA,CAAAA,MAAA,CACpCD,EAAE,CAAC,sBAAsB,CAAC,EAAAC,qCAAAA,CAAAA,CAAAA,MAAA,CACLD,EAAE,CAAC,8BAA8B,CAAC,EAAA,oCAAA,CAAA,CAAAC,MAAA,CACnCD,EAAE,CAAC,8BAA8B,CAAC,EAAAC,gHAAAA,CAAAA,CAAAA,MAAA,CAKtDD,EAAE,CAAC,iCAAiC,CAAC,EAAA,uIAAA,CAAA,CAAAC,MAAA,CAKpCD,EAAE,CAAC,iCAAiC,CAAC,qIAAAC,MAAA,CAKvCD,EAAE,CAAC,iCAAiC,CAAC,EAAAC,8LAAAA,CAAAA,CAAAA,MAAA,CAMpCD,EAAE,CAAC,kCAAkC,CAAC,EAAA,gOAAA,CAAA,CAAAC,MAAA,CAMrCD,EAAE,CAAC,kCAAkC,CAAC,EAAAC,wNAAAA,CAAAA,CAAAA,MAAA,CAMxCD,EAAE,CAAC,kCAAkC,CAAC,EAAA,iPAAA,CAAA,CAAAC,MAAA,CAMrCD,EAAE,CAAC,kCAAkC,CAAC,EAAA,QAAA,CAAA,CAAA;AAAA,CAElD,CAAA;AAED,IAAME,OAAO,GAAG;AACZC,EAAAA,IAAI,EAAE,UAAU;AAChBC,EAAAA,OAAO,EAAE,kBAAkB;AAC3BC,EAAAA,OAAO,EAAE,kBAAA;AACb,CAAC,CAAA;AAED,kBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,QAAQ;AACdV,EAAAA,KAAK,EAALA,KAAK;AACLI,EAAAA,OAAO,EAAPA,OAAAA;AACJ,CAAC,CAAC;;;;"}

package/editor/style/package.json

@@ -0,0 +1,6 @@
+{
+    "main": "editorstyle.mjs",
+    "module": "editorstyle.mjs",
+    "types": "./EditorStyle.d.ts",
+    "sideEffects": false
+}

package/fieldset/BaseFieldset.vue

@@ -0,0 +1,25 @@
+<script>
+import BaseComponent from '@primevuelab/core/basecomponent';
+import FieldsetStyle from 'primevuelab/fieldset/style';
+
+export default {
+    name: 'BaseFieldset',
+    extends: BaseComponent,
+    props: {
+        legend: String,
+        toggleable: Boolean,
+        collapsed: Boolean,
+        toggleButtonProps: {
+            type: null,
+            default: null
+        }
+    },
+    style: FieldsetStyle,
+    provide() {
+        return {
+            $pcFieldset: this,
+            $parentInstance: this
+        };
+    }
+};
+</script>