@zipify/wysiwyg 1.0.0-dev.5 → 1.0.0-dev.52

package/.editorconfig

@@ -10,7 +10,7 @@ charset = utf-8
 trim_trailing_whitespace = true
 insert_final_newline = true
 
-[*.{js,html,vue,scss,css,svg}]
+[*.{js,html,vue,css,svg}]
 indent_size = 4
 tab_width = 4
 

package/.eslintignore

@@ -0,0 +1 @@
+dist/**

package/.eslintrc.js

@@ -12,7 +12,7 @@ module.exports = {
     settings: {
         'import/resolver': {
             node: {
-                extensions: ['.js', '.scss', '.css', '.vue', '.html']
+                extensions: ['.js', '.css', '.vue', '.html']
             }
         }
     },
@@ -113,7 +113,7 @@ module.exports = {
         'import/extensions': [
             'error',
             'never',
-            { scss: 'always', html: 'always' }
+            { html: 'always' }
         ],
         'import/order': [
             'error',

package/.github/dependabot.yaml

@@ -11,6 +11,7 @@ updates:
       day: "monday"
       timezone: "Europe/Kiev"
       time: "09:00"
+    versioning-strategy: "increase"
     pull-request-branch-name:
       separator: "_"
     labels:

package/.lintstagedrc

@@ -1,6 +1,6 @@
 {
-  "*.{vue,scss}": [
-    "stylelint --config .stylelintrc"
+  "*.{vue,css}": [
+    "stylelint --allow-empty-input --config .stylelintrc"
   ],
   "*.{vue,js}": [
     "eslint --fix --fix-type layout --fix-type suggestion --config .eslintrc.js",

package/.release-it.json

@@ -6,7 +6,9 @@
   "git": {
     "push": true,
     "commit": true,
-    "tag": true
+    "tag": true,
+    "addUntrackedFiles": true,
+    "requireCleanWorkingDir": false
   },
   "github": {
     "release": true,

package/.stylelintignore

@@ -0,0 +1 @@
+dist/**

package/.stylelintrc

@@ -98,10 +98,6 @@
     "keyframe-block-no-duplicate-selectors": true
   },
   "overrides": [
-    {
-      "files": ["**/*.scss"],
-      "customSyntax": "postcss-scss"
-    },
     {
       "files": ["**/*.vue"],
       "customSyntax": "postcss-html"

package/README.md

@@ -6,9 +6,9 @@ Zipify modification of TipTap text editor
 1. Install library & dependencies
 ```shell
 # if npm
-npm install @zipify/wysiwyg @vue/composition-api
+npm install @zipify/wysiwyg
 # if yarn
-yarn add @zipify/wysiwyg @vue/composition-api
+yarn add @zipify/wysiwyg
 ```
 2. Use editor
 

package/config/jest/setupTests.js

@@ -32,3 +32,7 @@ Range.prototype.getClientRects = () => ({
     length: 0,
     [Symbol.iterator]: jest.fn()
 });
+
+jest.mock('../../lib/utils/importIcon', () => ({
+    importIcon: () => ''
+}));

package/config/vite/example.config.js

@@ -0,0 +1,25 @@
+import { defineConfig } from 'vite';
+import { createVuePlugin } from 'vite-plugin-vue2';
+import { resolvePath } from './settings';
+
+export default defineConfig({
+    root: resolvePath('./example'),
+    base: './',
+
+    server: {
+        port: 7777,
+        host: 'localhost'
+    },
+
+    clearScreen: false,
+
+    resolve: {
+        extensions: ['*', '.js', '.vue', '.json']
+    },
+
+    plugins: [createVuePlugin()],
+
+    define: {
+        ZW_UPDATED_AT: Date.now()
+    }
+});

package/config/vite/lib.config.js

@@ -0,0 +1,30 @@
+import { defineConfig } from 'vite';
+import { createVuePlugin } from 'vite-plugin-vue2';
+import { resolvePath } from './settings';
+
+export default defineConfig({
+    build: {
+        sourcemap: true,
+
+        lib: {
+            entry: resolvePath('./lib/index.js'),
+            fileName: 'wysiwyg',
+            formats: ['es']
+        },
+
+        rollupOptions: {
+            external: ['@vue/composition-api', '@zipify/colorpicker'],
+            output: {
+                assetFileNames: (asset) => {
+                    return asset.name === 'style.css' ? 'wysiwyg.css' : asset.name;
+                }
+            }
+        }
+    },
+
+    resolve: {
+        extensions: ['*', '.js', '.vue', '.json']
+    },
+
+    plugins: [createVuePlugin()]
+});

package/dist/wysiwyg.css

@@ -0,0 +1 @@
+.zw-toolbar__divider[data-v-045b370b]{border-color:rgba(var(--zw-color-n90),.1);border-style:solid;border-width:0}.zw-toolbar__divider--vertical[data-v-045b370b]{border-left-width:1px}.zw-toolbar__divider--horizontal[data-v-045b370b]{border-bottom-width:1px}.zw-toolbar__row[data-v-6b424a6f]{display:flex;column-gap:var(--zw-offset-xs);padding:var(--zw-offset-xxs) var(--zw-offset-xs)}.zw-toolbar__group[data-v-25eee0ed]{display:flex;column-gap:var(--zw-offset-xxs)}.zw-button[data-v-3271aefb]{display:inline-flex;align-items:center;vertical-align:middle;touch-action:manipulation;cursor:pointer;background-image:none;background-color:transparent;border:0;padding:0;white-space:nowrap;appearance:none;user-select:none;text-transform:none;letter-spacing:normal;color:inherit;transition:.1s opacity ease-out;will-change:opacity}.zw-button[data-v-3271aefb]::-moz-focus-inner{border:0!important}.zw-button[data-v-3271aefb]:hover,.zw-button[data-v-3271aefb]:focus{text-decoration:none;outline:none}.zw-button[data-v-3271aefb]:disabled{user-select:none;box-shadow:none;cursor:not-allowed;opacity:.35}.zw-button--toolbar[data-v-3271aefb]{border-radius:1px;min-height:28px;font-weight:var(--zw-font-weight-semibold);font-size:var(--zw-font-size-xs);line-height:var(--zw-line-height-xxs);color:rgb(var(--zw-color-n70));transition-property:background-color,color,opacity;will-change:background-color,color,opacity}.zw-button--primary[data-v-3271aefb]{background-color:rgb(var(--zw-color-green));color:rgb(var(--zw-color-white));padding:var(--zw-offset-xxs) var(--zw-offset-sm);line-height:var(--zw-line-height-md)}.zw-button--primary[data-v-3271aefb],.zw-button--secondary[data-v-3271aefb]{color:rgb(var(--zw-color-white));padding:var(--zw-offset-xxs) var(--zw-offset-sm);font-weight:600;font-size:var(--zw-font-size-xs)}.zw-button--primary[data-v-3271aefb]:not(:disabled):hover,.zw-button--secondary[data-v-3271aefb]:not(:disabled):hover{opacity:.9}.zw-button--toolbar[data-v-3271aefb]:not(.zw-button--icon){padding:var(--zw-offset-xxs) var(--zw-offset-xs)}.zw-button--toolbar[data-v-3271aefb]:not(:disabled):hover,.zw-button--toolbar[data-v-3271aefb]:not(:disabled):focus,.zw-button--toolbar.zw-button--active[data-v-3271aefb]:not(:disabled){color:rgb(var(--zw-color-white));background-color:rgb(var(--zw-color-n5))}.zw-button-toggle[data-v-a02f12aa]{display:flex;column-gap:var(--zw-offset-xxs)}.zw-icon[data-v-00c3ad92]{display:flex}.zw-icon--auto-color[data-v-00c3ad92]{--zw-icon-foreground: currentColor}.zw-scroll-view[data-v-656e8490] .simplebar-placeholder{display:none}.zw-scroll-view[data-v-656e8490] .simplebar-track{width:4px;background-color:rgb(var(--zw-color-n20));pointer-events:initial}.zw-scroll-view[data-v-656e8490] .simplebar-scrollbar{width:4px}.zw-scroll-view[data-v-656e8490] .simplebar-scrollbar:before{top:0;left:0;background-color:rgb(var(--zw-color-n5));cursor:pointer;height:100%;width:100%;opacity:1;border-radius:0}.zw-field-label[data-v-116650c2]{font-weight:var(--zw-font-weight-thin);font-size:var(--zw-font-size-xxs);line-height:var(--zw-line-height-xxs);color:rgb(var(--zw-color-n70));display:block}.zw-range[data-v-00b1b266]{width:100%;height:32px;background:none;cursor:pointer;flex-grow:1;-webkit-appearance:none;--zw-range-track-background-color: transparent;--zw-range-track-background-image: linear-gradient(to right, #B3B3B3 var(--zw-range-progress), #3B3B3B var(--zw-range-progress));--zw-range-thumb-background: rgb(var(--zw-color-white));--zw-range-thumb-box-shadow: -1px -1px 3px rgba(59, 59, 59, .35), 1px 1px 3px rgba(59, 59, 59, .35)}.zw-range[data-v-00b1b266]::-webkit-slider-runnable-track{width:100%;height:4px;border:0;border-radius:0;background-size:100%;background-color:var(--zw-range-track-background-color);background-image:var(--zw-range-track-background-image)}.zw-range[data-v-00b1b266]::-moz-range-track{width:100%;height:4px;border:0;border-radius:0;background-size:100%;background-color:var(--zw-range-track-background-color);background-image:var(--zw-range-track-background-image)}.zw-range[data-v-00b1b266]::-ms-track{width:100%;height:4px;border:0;border-radius:0;background-size:100%;background-color:var(--zw-range-track-background-color);background-image:var(--zw-range-track-background-image)}.zw-range[data-v-00b1b266]::-webkit-slider-thumb{height:13px;width:13px;border-radius:100%;margin-top:-5px;background:var(--zw-range-thumb-background);box-shadow:var(--zw-range-thumb-box-shadow);-webkit-appearance:none;transition:box-shadow .15s cubic-bezier(0,0,.2,1)}.zw-range[data-v-00b1b266]::-moz-range-thumb{height:13px;width:13px;border-radius:100%;margin-top:-5px;background:var(--zw-range-thumb-background);box-shadow:var(--zw-range-thumb-box-shadow);-webkit-appearance:none;transition:box-shadow .15s cubic-bezier(0,0,.2,1)}.zw-range[data-v-00b1b266]::-ms-thumb{height:13px;width:13px;border-radius:100%;margin-top:-5px;background:var(--zw-range-thumb-background);box-shadow:var(--zw-range-thumb-box-shadow);-webkit-appearance:none;transition:box-shadow .15s cubic-bezier(0,0,.2,1)}.zw-range[data-v-00b1b266]::-moz-focus-outer,.zw-range[data-v-00b1b266]::-moz-range-thumb{border:0}.zw-range[data-v-00b1b266]::-ms-thumb{margin-top:-2px}.zw-range[data-v-00b1b266]:focus{outline:none}.zw-range[data-v-00b1b266]:disabled{cursor:not-allowed;opacity:.6;--zw-range-track-background-color: #3B3B3B;--zw-range-track-background-image: linear-gradient(to right, #B3B3B3 var(--zw-range-progress), #3B3B3B var(--zw-range-progress))}.zw-range[data-v-00b1b266]:disabled{--zw-range-thumb-background: #B3B3B3;--zw-range-thumb-box-shadow: 0 0 6px rgba(0, 0, 0, .35)}.zw-range[data-v-00b1b266]:not(:disabled):hover{--zw-range-thumb-box-shadow: 0 0 0 8px rgba(240, 240, 240, .15)}.zw-range[data-v-00b1b266]:not(:disabled):active{--zw-range-thumb-box-shadow: 0 0 0 12px rgba(240, 240, 240, .15)}.zw-number-field[data-v-c36402da]{--border-color: rgb(var(--zw-color-n60));--text-color: rgb(var(--zw-color-n85));--buttons-color: rgb(var(--zw-color-n70));padding:2px 4px;border:solid 1px var(--border-color);align-items:stretch;display:flex}.zw-number-field[data-v-c36402da]:hover{--border-color: rgb(var(--zw-color-n80));--text-color: rgb(var(--zw-color-n85))}.zw-number-field[data-v-c36402da]:focus,.zw-number-field[data-v-c36402da]:focus-within{--border-color: rgb(var(--zw-color-white));--text-color: rgb(var(--zw-color-white))}.zw-number-field__input[data-v-c36402da]{color:var(--text-color);background-color:rgb(var(--zw-color-n15));border:0;display:block;width:100%;outline:none!important;line-height:var(--zw-line-height-md);font-size:var(--zw-font-size-xs);-moz-appearance:textfield}.zw-number-field__buttons[data-v-c36402da]{display:none;flex-direction:column;height:100%}.zw-number-field:hover .zw-number-field__buttons[data-v-c36402da],.zw-number-field:focus .zw-number-field__buttons[data-v-c36402da],.zw-number-field:focus-within .zw-number-field__buttons[data-v-c36402da]{display:flex}.zw-number-field__input[data-v-c36402da]::placeholder{color:var(--text-color)}.zw-number-field__input[data-v-c36402da]::-webkit-outer-spin-button,.zw-number-field__input[data-v-c36402da]::-webkit-inner-spin-button{color:var(--text-color);-webkit-appearance:none}.zw-number-field__controls[data-v-c36402da]{min-width:var(--zw-offset-sm)}.zw-number-field--disabled[data-v-c36402da]{opacity:.5}.zw-number-field--disabled[data-v-c36402da],.zw-number-field--disabled .zw-number-field__input[data-v-c36402da]{cursor:not-allowed}.zw-number-field__increment-button[data-v-c36402da],.zw-number-field__decrement-button[data-v-c36402da]{width:100%;height:50%;display:flex;align-items:center;justify-content:center}.zw-number-field__increment-button[data-v-c36402da]:after,.zw-number-field__decrement-button[data-v-c36402da]:after{content:"";border-left:3px solid transparent;border-right:3px solid transparent}.zw-number-field__increment-button[data-v-c36402da]:after{border-bottom:3px solid var(--buttons-color)}.zw-number-field__decrement-button[data-v-c36402da]:after{border-top:3px solid var(--buttons-color)}.zw-number-field__increment-button[data-v-c36402da]:hover,.zw-number-field__decrement-button[data-v-c36402da]:hover{background-color:rgb(var(--zw-color-n20));--buttons-color: rgb(var(--zw-color-white))}.zw-number-field__units[data-v-c36402da]{color:rgb(var(--zw-color-n70));font-size:var(--zw-font-size-xs);line-height:var(--zw-line-height-md);text-align:center;display:inline-block;width:100%}.zw-number-field:hover .zw-number-field__units[data-v-c36402da],.zw-number-field:focus .zw-number-field__units[data-v-c36402da]{display:none}.zw-modal[data-v-176ee9f5]{border-radius:2px;box-shadow:0 0 4px rgba(var(--zw-color-black),.3);background-color:rgb(var(--zw-color-n15));max-height:var(--zw-modal-max-height);max-width:var(--zw-modal-max-width);z-index:1000;will-change:transform}.zw-modal--enter-active[data-v-176ee9f5]{transition:opacity .15s ease-out}.zw-modal--enter[data-v-176ee9f5],.zw-modal--leave-to[data-v-176ee9f5]{opacity:0}.zw-modal--leave-active[data-v-176ee9f5]{transition:opacity .1s ease-in}.zw-modal[data-v-176ee9f5] .simplebar-offset,.zw-modal[data-v-176ee9f5] .simplebar-mask{position:initial}.zw-modal[data-v-176ee9f5] .simplebar-content{max-height:var(--zw-modal-max-height);padding:0!important}.zw-modal[data-v-176ee9f5] .simplebar-content-wrapper{overscroll-behavior:contain}.zw-field[data-v-5201153a]{display:flex;flex-direction:column}.zw-field__input[data-v-5201153a]{--border-color: rgb(var(--zw-color-n60));--text-color: rgb(var(--zw-color-n85));border:1px solid var(--border-color);background-color:transparent;color:var(--text-color);font-size:var(--zw-font-size-xxs);outline:none;padding:6px;line-height:var(--zw-line-height-xxs)}.zw-field__input[data-v-5201153a]:hover{--border-color: rgb(var(--zw-color-n80));--text-color: rgb(var(--zw-color-n85))}.zw-field__input[data-v-5201153a]:focus,.zw-field__input[data-v-5201153a]:focus-within{--border-color: rgb(var(--zw-color-white));--text-color: rgb(var(--zw-color-white))}.zw-field__label[data-v-5201153a]{display:inline-block;font-size:var(--zw-font-size-xxs);padding-bottom:var(--zw-offset-xxs);line-height:var(--zw-line-height-xxs)}.zw-field__label--error[data-v-5201153a]{font-size:var(--zw-font-size-xxs);margin:var(--zw-offset-xxs) 0 0;color:rgb(var(--zw-color-red))}.zw-checkbox[data-v-2de7f5c1]{display:inline-flex;align-items:center;position:relative;cursor:pointer;padding:var(--zw-offset-xxs) var(--zw-offset-xxs) var(--zw-offset-xxs) 0}.zw-checkbox__field+.zw-checkbox__indicator[data-v-2de7f5c1]{color:var(--zw-color-n200);box-shadow:inset 0 0 0 2px currentColor}.zw-checkbox:hover .zw-checkbox__indicator[data-v-2de7f5c1]{box-shadow:inset 0 0 0 2px rgb(var(--zw-color-green))}.zw-checkbox__field:checked+.zw-checkbox__indicator[data-v-2de7f5c1]{color:rgb(var(--zw-color-green))}.zw-checkbox .zw-checkbox__field:checked+.zw-checkbox__indicator[data-v-2de7f5c1]{background-color:rgb(var(--zw-color-green))}.zw-checkbox .zw-checkbox__indicator[data-v-2de7f5c1]:after{content:"";display:block;height:16px;transform:scale(.6);transition:transform .2s ease-out;width:16px;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiAyNiIgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiPgogIDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0uMyAxNGMtLjItLjItLjMtLjUtLjMtLjdzLjEtLjUuMy0uN2wxLjQtMS40Yy40LS40IDEtLjQgMS40IDBsLjEuMSA1LjUgNS45Yy4yLjIuNS4yLjcgMEwyMi44IDMuM2guMWMuNC0uNCAxLS40IDEuNCAwbDEuNCAxLjRjLjQuNC40IDEgMCAxLjRsLTE2IDE2LjZjLS4yLjItLjQuMy0uNy4zLS4zIDAtLjUtLjEtLjctLjNMLjUgMTQuMy4zIDE0eiIvPgo8L3N2Zz4K);background-repeat:no-repeat;background-size:16px;background-position:center center}.zw-checkbox__field:not(:checked)+.zw-checkbox__indicator[data-v-2de7f5c1]:after{transform:scale(0)}.zw-checkbox__field[data-v-2de7f5c1]{position:absolute;opacity:0;height:0;width:0}.zw-checkbox__label[data-v-2de7f5c1]{font-size:var(--zw-font-size-xs)}.zw-dropdown__activator[data-v-86a4a284]{width:100%}.zw-dropdown__activator-title[data-v-86a4a284]{margin-right:var(--zw-offset-xs)}.zw-dropdown__activator-arrow[data-v-86a4a284]{margin-left:auto}.zw-dropdown__activator--active .zw-dropdown__activator-arrow[data-v-86a4a284]{transform:rotateX(180deg)}.zw-dropdown__activator--gray[data-v-86a4a284]{background-color:rgb(var(--zw-color-n20));font-size:var(--zw-font-size-xxs);color:rgb(var(--zw-color-white))}.zw-dropdown__option[data-v-763d3764]{width:100%;display:block;color:rgb(var(--zw-color-white));padding-top:var(--zw-offset-xxs);padding-right:var(--zw-offset-sm);padding-left:calc(var(--zw-offset-sm) + var(--zw-option-offset, 0px));padding-bottom:var(--zw-offset-xxs);text-align:left;transition:.1s background-color ease-out;will-change:background-color}.zw-dropdown__option[data-v-763d3764]:hover,.zw-dropdown__option[data-v-763d3764]:focus,.zw-dropdown__option--active[data-v-763d3764]{background-color:rgb(var(--zw-color-n30))}.zw-dropdown__group[data-v-82d71c28]{padding-top:var(--zw-offset-xs);padding-bottom:var(--zw-offset-xs);--zw-option-offset: var(--zw-offset-xs)}.zw-dropdown__group-title[data-v-82d71c28]{color:var(--zw-color-n70);font-weight:var(--zw-font-weight-semibold);padding-left:var(--zw-offset-sm);padding-right:var(--zw-offset-sm);margin-top:0;margin-bottom:var(--zw-offset-xs)}.zw-dropdown__divider[data-v-1f5efb01]{padding:0 var(--zw-offset-sm)}.zw-dropdown__divider[data-v-1f5efb01]:before{content:"";display:block;border-bottom:1px solid rgb(var(--zw-color-n30))}.zw-dropdown__menu{padding-top:var(--zw-offset-xs);padding-bottom:var(--zw-offset-xs)}.zw-dropdown[data-v-75f6270e]{position:relative;font-size:var(--zw-font-size-xs);line-height:var(--zw-line-height-xxs)}.zw-style-preset-control[data-v-3c79694d]{display:flex;align-items:center}.zw-style-preset-control__dropdown[data-v-3c79694d]{width:96px}.zw-style-preset-control__reset[data-v-3c79694d]{color:rgb(var(--zw-color-n70))}.zw-style-preset-control__reset[data-v-3c79694d]:not(:disabled):hover,.zw-style-preset-control__reset[data-v-3c79694d]:not(:disabled):focus,.zw-style-preset-control__reset[data-v-3c79694d]:not(:disabled):focus-within{color:rgb(var(--zw-color-white))}.zw-font-family-control[data-v-7424744b]{width:96px}.zw-font-family-control__option[data-v-7424744b]{font-weight:400;font-family:var(--zw-font-family-option);width:150px}.zw-font-size-control[data-v-3494faec]{width:64px}.zw-alignment-control__modal[data-v-61ce8243]{padding:var(--zw-offset-xxs)}.zw-alignment-control__toggle[data-v-61ce8243]{flex-direction:column}.zw-line-height-control__modal[data-v-4a0a2202]{padding:var(--zw-offset-sm)}.zw-line-height-control__row[data-v-4a0a2202]{display:flex;align-items:center}.zw-line-height-control__range[data-v-4a0a2202]{width:156px}.zw-line-height-control__field[data-v-4a0a2202]{width:52px;margin-left:var(--zw-offset-sm)}.zw-list-control__option[data-v-76bd3ee8]{padding:0 var(--zw-offset-xs);display:flex}.zw-link-modal-header[data-v-f7266b5e]{display:flex;align-items:center;justify-content:space-between;padding:var(--zw-offset-sm);border-bottom:2px solid rgb(var(--zw-color-n5))}.zw-link-modal-header__title[data-v-f7266b5e]{text-transform:uppercase;font-weight:var(--zw-font-weight-semibold);font-size:var(--zw-font-size-xxs);color:rgb(var(--zw-color-white))}.zw-link-modal-header__unlink-icon[data-v-f7266b5e]{margin-right:var(--zw-offset-xxs)}.zw-link-modal-header__unlink-button[data-v-f7266b5e]{color:rgb(var(--zw-color-n80));font-size:var(--zw-font-size-xxs);transition:.1s opacity ease-out;will-change:opacity}.zw-link-modal-header__unlink-button[data-v-f7266b5e]:disabled{opacity:.35}.zw-link-modal-header__unlink-button[data-v-f7266b5e]:hover{color:rgb(var(--zw-color-white))}.zw-link-modal__apply[data-v-2ad47228]{display:flex;justify-content:flex-end}.zw-link-modal[data-v-0418dcf7]{width:266px}.zw-link-modal__body[data-v-0418dcf7]{padding:var(--zw-offset-sm)}[data-v-0418dcf7] .zw-link-modal-dropdown__option{width:234px}.zw-toolbar[data-v-863e2d50]{border-radius:2px;background-color:rgb(var(--zw-color-n15));color:rgb(var(--zw-color-n70));z-index:999999}.zw-toolbar[data-v-863e2d50]:before,.zw-toolbar[data-v-863e2d50]:after{content:"";display:block;width:100%;height:calc(var(--zw-toolbar-offset-y) + 4px);position:absolute;--zw-toolbar-safe-zone: calc(-1 * var(--zw-toolbar-offset-y))}.zw-toolbar[data-v-863e2d50]:before{top:var(--zw-toolbar-safe-zone)}.zw-toolbar[data-v-863e2d50]:after{bottom:var(--zw-toolbar-safe-zone)}.zw-toolbar--enter-active[data-v-863e2d50],.zw-toolbar--leave-active[data-v-863e2d50]{transition:opacity .15s ease-out}.zw-toolbar--leave-active[data-v-863e2d50]{transition:opacity 0s ease-in}.zw-toolbar--enter[data-v-863e2d50],.zw-toolbar--leave-to[data-v-863e2d50]{opacity:0}.zw-wysiwyg{--zw-color-n5: 13, 13, 13;--zw-color-n15: 38, 38, 38;--zw-color-n20: 59, 59, 59;--zw-color-n30: 77, 77, 77;--zw-color-n60: 153, 153, 153;--zw-color-n70: 179, 179, 179;--zw-color-n80: 196, 196, 196;--zw-color-n85: 217, 217, 217;--zw-color-n90: 230, 230, 230;--zw-color-n200: 194, 200, 209;--zw-color-black: 0, 0, 0;--zw-color-white: 255, 255, 255;--zw-color-green: 59, 180, 74;--zw-color-red: 234, 58, 58;--zw-offset-xxs: 4px;--zw-offset-xs: 8px;--zw-offset-xsm: 12px;--zw-offset-sm: 16px;--zw-offset-md: 24px;--zw-font-weight-thin: 400;--zw-font-weight-semibold: 500;--zw-font-size-xxs: 12px;--zw-font-size-xs: 14px;--zw-line-height-xxs: 1.21;--zw-line-height-md: 1.72}.zw-wysiwyg [contenteditable]{outline:none}.zw-wysiwyg__placeholder:first-child:last-child:before{content:attr(data-placeholder);color:rgb(var(--zw-color-n70));float:left;height:0;pointer-events:none}.zw-style.zw-style.zw-style{font-weight:var(--zw-font-weight, var(--zw-preset-font-weight));font-family:var(--zw-font-family, var(--zw-preset-font-family));color:var(--zw-font-color, var(--zw-preset-color));font-style:var(--zw-font-style, var(--zw-preset-font-style));text-decoration:var(--zw-text-decoration, var(--zw-preset-text-decoration));background-color:var(--zw-background-color, var(--zw-preset-background-color))}@media (min-width: 1200px){.zw-style.zw-style.zw-style{font-size:var(--zw-font-size-desktop, var(--zw-preset-desktop-font-size));text-align:var(--zw-text-align-desktop, var(--zw-preset-desktop-text-align));line-height:var(--zw-line-height-desktop, var(--zw-preset-desktop-line-height))}}@media (min-width: 769px) and (max-width: 1199.98px){.zw-style.zw-style.zw-style{font-size:var(--zw-font-size-tablet, var(--zw-preset-tablet-font-size));text-align:var(--zw-text-align-tablet, var(--zw-preset-tablet-text-align));line-height:var(--zw-line-height-tablet, var(--zw-preset-tablet-line-height))}}@media (max-width: 768.98px){.zw-style.zw-style.zw-style{font-size:var(--zw-font-size-mobile, var(--zw-preset-mobile-font-size));text-align:var(--zw-text-align-mobile, var(--zw-preset-mobile-text-align));line-height:var(--zw-line-height-mobile, var(--zw-preset-mobile-line-height))}}.ProseMirror{position:relative}.ProseMirror{word-wrap:break-word;white-space:pre-wrap;white-space:break-spaces;-webkit-font-variant-ligatures:none;font-variant-ligatures:none;font-feature-settings:"liga" 0}.ProseMirror [contenteditable=false]{white-space:normal}.ProseMirror [contenteditable=false] [contenteditable=true],.ProseMirror pre{white-space:pre-wrap}img.ProseMirror-separator{display:inline!important;border:none!important;margin:0!important;width:1px!important;height:1px!important}.ProseMirror-gapcursor{display:none;pointer-events:none;position:absolute;margin:0}.ProseMirror-gapcursor:after{content:"";display:block;position:absolute;top:-2px;width:20px;border-top:1px solid #000;animation:ProseMirror-cursor-blink 1.1s steps(2,start) infinite}@keyframes ProseMirror-cursor-blink{to{visibility:hidden}}.ProseMirror-hideselection *::selection{background:transparent}.ProseMirror-hideselection *::-moz-selection{background:transparent}.ProseMirror-hideselection *{caret-color:transparent}.ProseMirror-focused .ProseMirror-gapcursor{display:block}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}.zw-text--truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.zw-position--relative{position:relative}.zw-margin-bottom--xxs{margin-bottom:var(--zw-offset-xxs)}.zw-margin-bottom--xs{margin-bottom:var(--zw-offset-xs)}.zw-margin-bottom--sm{margin-bottom:var(--zw-offset-sm)}.zw-margin-bottom--md{margin-bottom:var(--zw-offset-md)}.zw-margin-right--xs{margin-right:var(--zw-offset-xs)}