@ebl-vue/editor-full 2.31.16 → 2.31.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.mjs +247 -201
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/components/Editor/Editor.vue +2 -11
- package/src/components/Editor/EditorRender.vue +276 -0
- package/src/components/index.ts +5 -3
- package/src/plugins/code/index.css +10 -1
- package/src/plugins/code/index.ts +53 -23
package/dist/index.mjs
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
(function(){"use strict";try{if(typeof document!="undefined"){var e=document.createElement("style");e.appendChild(document.createTextNode(':root{--color-border: #EFF0F1}.ebl-editor{cursor:text;font-size:16px;font-weight:400;background-color:#fff;height:100%;overflow:hidden;position:relative}.codex-editor{height:100%;overflow:auto}.ebl-editor.outline{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.ebl-editor.outline .codex-editor{-webkit-box-flex:1;-ms-flex:1;flex:1}.ebl-editor .outline-holder{width:200px;border-right:1px solid #EFF0F1;overflow:auto}@media (max-width:1240px){.ebl-outline{display:none}}.ce-block__content{width:var(--content-width)}.ce-toolbar,.ce-inline-toolbar{z-index:1000}.ce-toolbar__plus{border:1px solid #EFF0F1}.ce-toolbar .ce-popover__items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.ce-toolbar .ce-popover__items .ce-popover-item{position:relative}.ce-toolbar .ce-popover__items .ce-popover-item__title{display:none}.ce-toolbar .ce-popover-item-html,.ce-toolbar .ce-popover-item-separator,.ce-toolbar .ce-popover-item[data-item-name=convert-to]{width:100%}.ce-toolbar .ce-popover-item[data-item-name=convert-to] .ce-popover-item__title{display:block}.ce-inline-toolbar .ce-popover__items{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.ce-inline-toolbar .ce-popover__items{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.ce-inline-toolbar .ce-popover__items .ce-popover-item__title{display:none}.ebl-editor ::-webkit-scrollbar{width:10px;height:12px}.ebl-editor ::-webkit-scrollbar-track{background:#f1f1f1;border-radius:1px}.ebl-editor ::-webkit-scrollbar-thumb{background:#C0C0C0;border-radius:10px;border:2px solid #fff}.ebl-editor ::-webkit-scrollbar-thumb:hover{background:#555}.ce-block--drop-target .ce-block__content:before{content:"";position:absolute;top:50%;left:-20px;margin-top:-1px;height:8px;width:8px;border:solid #a0a0a0;border-width:1px 1px 0 0;-webkit-transform-origin:right;transform-origin:right;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.ce-block--drop-target .ce-block__content:after{background:none}.ce-header{padding:15px 0 3px;margin:0;line-height:1.25;outline:none}.ce-header p,.ce-header div{padding:0!important;margin:0!important}.ce-tune-alignment--right{text-align:right}.ce-tune-alignment--center{text-align:center}.ce-tune-alignment--left{text-align:left}.ce-paragraph{line-height:2!important}.ce-paragraph{outline:none}.ce-block:only-of-type .ce-paragraph[data-placeholder-active]:empty:before,.ce-block:only-of-type .ce-paragraph[data-placeholder-active][data-empty=true]:before{content:attr(data-placeholder-active)}.ce-paragraph p:first-of-type{margin-top:0}.ce-paragraph p:last-of-type{margin-bottom:0}.ce-editorjs-x-shiki{border-radius:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:10px 0}.ce-editorjs-x-shiki__code{position:relative;float:left;min-width:100%;overflow-x:auto}.ce-editorjs-x-shiki__selector{display:-webkit-box;display:-ms-flexbox;display:flex;gap:15px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;z-index:12;border-bottom-style:solid;border-color:#9ca3af0d;border-bottom-width:1px;padding:8px}.ce-editorjs-x-shiki__selector-language,.ce-editorjs-x-shiki__selector-theme{font-size:13px;font-family:inherit}.ce-editorjs-x-shiki__selector-language{width:90px}.ce-editorjs-x-shiki__selector select{border:none;outline:none}.ce-editorjs-x-shiki__span{position:relative;z-index:0;padding:20px 20px 20px 55px;margin:0;white-space:pre;font-size:13px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.ce-editorjs-x-shiki__textarea{white-space:pre;overflow:hidden;background-color:transparent;position:absolute;padding:20px 20px 20px 55px;inset:0;color:transparent;z-index:0;font-size:13px;caret-color:#999;resize:none;border:none;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.ce-editorjs-x-shiki__copy{width:24px;height:24px;cursor:pointer;position:relative;margin-right:0}.ce-editorjs-x-shiki__copy_tip{font-size:12px;width:60px;margin-left:-20px;background-color:#0c0c0c;color:#ececec;text-align:center;border-radius:6px;padding:5px 10px;position:absolute;z-index:1;top:125%;-webkit-transition:opacity .3s;transition:opacity .3s;visibility:hidden;opacity:0}.ce-editorjs-x-shiki__copy_tip:after{content:"";position:absolute;bottom:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent #0c0c0c transparent}.ce-editorjs-x-shiki__copy_tip.visible{visibility:visible;opacity:1}.ce-editorjs-x-shiki__span.shiki .line:before{content:attr(data-line);width:40px;display:inline-block;text-align:right;color:#888;position:absolute;left:0}.cdx-quote{overflow:hidden;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;word-wrap:break-word;word-break:break-all}.cdx-quote blockquote{margin:0}.cdx-block-quote{border:solid #acacac;border-width:0 0 0 3px;-webkit-box-shadow:none;box-shadow:none;color:#666;line-height:1.6em;padding:1px 0 0 12px;text-align:left}.ce-delimiter__line__wrapper{height:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ce-delimiter__line{-webkit-box-flex:1;-ms-flex:1;flex:1;height:2px;background-color:#eff0f1}.cdx-list{margin:0;padding:0;outline:none;display:grid;counter-reset:item;grid-gap:var(--spacing-s);padding:var(--spacing-xs);--spacing-s: 8px;--spacing-xs: 6px;--list-counter-type: numeric;--radius-border: 5px;--checkbox-background: #fff;--color-border: #C9C9C9;--color-bg-checked: #369FFF;--line-height: 1.45em;--color-bg-checked-hover: #0059AB;--color-tick: #fff;--size-checkbox: 1.2em}.cdx-list ol{padding-left:0}.cdx-list__item{line-height:var(--line-height);display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;grid-template-areas:"checkbox content" ". child"}.cdx-list__item-children{display:grid;grid-area:child;grid-gap:var(--spacing-s);padding-top:var(--spacing-s)}.cdx-list__item [contenteditable]{outline:none}.cdx-list__item-content{word-break:break-word;white-space:pre-wrap;grid-area:content;padding-left:var(--spacing-s)}.cdx-list__item:before{counter-increment:item;white-space:nowrap}.cdx-list-ordered .cdx-list__item:before{content:counters(item,".",var(--list-counter-type)) "."}.cdx-list-ordered{counter-reset:item}.cdx-list-unordered{padding-left:0}.cdx-list-unordered .cdx-list__item:before{content:"•"}.cdx-list-checklist .cdx-list__item:before{content:""}.cdx-list__settings .cdx-settings-button{width:50%}.cdx-list__checkbox{padding-top:calc((var(--line-height) - var(--size-checkbox)) / 2);grid-area:checkbox;width:var(--size-checkbox);height:var(--size-checkbox);display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer}.cdx-list__checkbox svg{opacity:0;height:var(--size-checkbox);width:var(--size-checkbox);left:-1px;top:-1px;position:absolute}@media (hover: hover){.cdx-list__checkbox:not(.cdx-list__checkbox--no-hover):hover .cdx-list__checkbox-check svg{opacity:1}}.cdx-list__checkbox--checked{line-height:var(--line-height)}@media (hover: hover){.cdx-list__checkbox--checked:not(.cdx-list__checkbox--checked--no-hover):hover .cdx-checklist__checkbox-check{background:var(--color-bg-checked-hover);border-color:var(--color-bg-checked-hover)}}.cdx-list__checkbox--checked .cdx-list__checkbox-check{background:var(--color-bg-checked);border-color:var(--color-bg-checked)}.cdx-list__checkbox--checked .cdx-list__checkbox-check svg{opacity:1}.cdx-list__checkbox--checked .cdx-list__checkbox-check svg path{stroke:var(--color-tick)}.cdx-list__checkbox--checked .cdx-list__checkbox-check:before{opacity:0;visibility:visible;-webkit-transform:scale(2.5);transform:scale(2.5)}.cdx-list__checkbox-check{cursor:pointer;display:inline-block;position:relative;margin:0 auto;width:var(--size-checkbox);height:var(--size-checkbox);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:var(--radius-border);border:1px solid var(--color-border);background:var(--checkbox-background)}.cdx-list__checkbox-check:before{content:"";position:absolute;inset:0;border-radius:100%;background-color:var(--color-bg-checked);visibility:hidden;pointer-events:none;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:opacity .4s,-webkit-transform .4s ease-out;transition:opacity .4s,-webkit-transform .4s ease-out;transition:transform .4s ease-out,opacity .4s;transition:transform .4s ease-out,opacity .4s,-webkit-transform .4s ease-out}.cdx-list__checkbox-check--disabled{pointer-events:none}.cdx-list-start-with-field{background:#F8F8F8;border:1px solid rgba(226,226,229,.2);border-radius:6px;padding:2px;display:grid;grid-template-columns:auto auto 1fr;grid-template-rows:auto}.cdx-list-start-with-field--invalid{background:#FFECED;border:1px solid #E13F3F}.cdx-list-start-with-field--invalid .cdx-list-start-with-field__input{color:#e13f3f}.cdx-list-start-with-field__input{font-size:14px;outline:none;font-weight:500;font-family:inherit;border:0;background:transparent;margin:0;padding:0;line-height:22px;min-width:calc(100% - var(--toolbox-buttons-size) - var(--icon-margin-right))}.cdx-list-start-with-field__input::-webkit-input-placeholder{color:var(--grayText);font-weight:500}.cdx-list-start-with-field__input::-moz-placeholder{color:var(--grayText);font-weight:500}.cdx-list-start-with-field__input:-ms-input-placeholder{color:var(--grayText);font-weight:500}.cdx-list-start-with-field__input::-ms-input-placeholder{color:var(--grayText);font-weight:500}.cdx-list-start-with-field__input::placeholder{color:var(--grayText);font-weight:500}.cdx-alert{position:relative;padding:10px;border-radius:5px;margin-bottom:10px}.cdx-alert-primary{background-color:#ebf8ff;border:1px solid #4299e1;color:#2b6cb0}.cdx-alert-secondary{background-color:#f7fafc;border:1px solid #cbd5e0;color:#222731}.cdx-alert-info{background-color:#e6fdff;border:1px solid #4cd4ce;color:#00727c}.cdx-alert-success{background-color:#f0fff4;border:1px solid #68d391;color:#2f855a}.cdx-alert-warning{background-color:#fffaf0;border:1px solid #ed8936;color:#c05621}.cdx-alert-danger{background-color:#fff5f5;border:1px solid #fc8181;color:#c53030}.cdx-alert-light{background-color:#fff;border:1px solid #edf2f7;color:#1a202c}.cdx-alert-dark{background-color:#2d3748;border:1px solid #1a202c;color:#d3d3d3}.cdx-alert-align-left{text-align:left}.cdx-alert-align-center{text-align:center}.cdx-alert-align-right{text-align:right}.cdx-alert__message{outline:none}.cdx-alert [contentEditable=true][data-placeholder]:before{position:absolute;content:attr(data-placeholder);color:#707684;font-weight:400;opacity:0}.cdx-alert [contentEditable=true][data-placeholder]:empty:before{opacity:1}.cdx-alert [contentEditable=true][data-placeholder]:empty:focus:before{opacity:0}.ce-popover__item[data-item-name=alert-primary] .ce-popover__item-icon svg #background{fill:#ebf8ff;stroke:#4299e1}.ce-popover__item[data-item-name=alert-primary] .ce-popover__item-icon svg #content{fill:#2b6cb0}.ce-popover__item[data-item-name=alert-secondary] .ce-popover__item-icon svg #background{fill:#f7fafc;stroke:#cbd5e0}.ce-popover__item[data-item-name=alert-secondary] .ce-popover__item-icon svg #content{fill:#222731}.ce-popover__item[data-item-name=alert-info] .ce-popover__item-icon svg #background{fill:#e6fdff;stroke:#4cd4ce}.ce-popover__item[data-item-name=alert-info] .ce-popover__item-icon svg #content{fill:#00727c}.ce-popover__item[data-item-name=alert-success] .ce-popover__item-icon svg #background{fill:#f0fff4;stroke:#68d391}.ce-popover__item[data-item-name=alert-success] .ce-popover__item-icon svg #content{fill:#2f855a}.ce-popover__item[data-item-name=alert-warning] .ce-popover__item-icon svg #background{fill:#fffaf0;stroke:#ed8936}.ce-popover__item[data-item-name=alert-warning] .ce-popover__item-icon svg #content{fill:#c05621}.ce-popover__item[data-item-name=alert-danger] .ce-popover__item-icon svg #background{fill:#fff5f5;stroke:#fc8181}.ce-popover__item[data-item-name=alert-danger] .ce-popover__item-icon svg #content{fill:#c53030}.ce-popover__item[data-item-name=alert-light] .ce-popover__item-icon svg #background{fill:#fff;stroke:#edf2f7}.ce-popover__item[data-item-name=alert-light] .ce-popover__item-icon svg #content{fill:#1a202c}.ce-popover__item[data-item-name=alert-dark] .ce-popover__item-icon svg #background{fill:#2d3748;stroke:#1a202c}.ce-popover__item[data-item-name=alert-dark] .ce-popover__item-icon svg #content{fill:#d3d3d3}.cdx-alert_setting__icon_wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px}.cdx-alert_setting__icon_wrapper_align{margin-top:10px}.cdx-alert_setting__icon{display:inline-block;width:24px;height:24px;text-align:center;line-height:24px;cursor:pointer}.cdx-alert_setting__icon_active{opacity:.3}.ce-popover-indent-item{cursor:default!important}.ce-popover-indent-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:3px}.ce-popover-indent-item[version^="2.26"]{gap:10px}.ce-popover-indent-item:hover{background-color:transparent!important}.ce-popover-indent-item .ce-popover-item__icon{width:26px;height:26px;cursor:pointer;will-change:background-color,color;transition:.3s background-color,.3s color;padding:0;border-width:0px;color:#000;background-color:#fff;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;-webkit-transition:.3s background-color,.3s color;-moz-transition:.3s background-color,.3s color;-ms-transition:.3s background-color,.3s color;-o-transition:.3s background-color,.3s color}.ce-popover-indent-item .ce-popover-item--disabled{color:#707684;opacity:.3;cursor:default}.ce-popover-indent-item .ce-popover-item__icon:focus{outline:none}.ce-popover-indent-item[version^="2.26"]:hover .ce-popover-item__icon,.ce-popover-indent-item[version^="2.27"]:hover .ce-popover-item__icon,.ce-popover-indent-item[version^="2.28"]:hover .ce-popover-item__icon,.ce-popover-indent-item[version^="2.29"]:hover .ce-popover-item__icon,.ce-popover-indent-item[version^="2.26"] .ce-popover-item__icon,.ce-popover-indent-item[version^="2.27"] .ce-popover-item__icon,.ce-popover-indent-item[version^="2.28"] .ce-popover-item__icon,.ce-popover-indent-item[version^="2.29"] .ce-popover-item__icon{box-shadow:0 0 0 1px #c9c9cc7a!important;-webkit-box-shadow:0 0 0 1px rgba(201,201,204,.48)!important}.ce-popover-indent-item[version^="2.26"] .ce-popover-item__icon:hover,.ce-popover-indent-item[version^="2.27"] .ce-popover-item__icon:hover,.ce-popover-indent-item[version^="2.28"] .ce-popover-item__icon:hover,.ce-popover-indent-item[version^="2.29"] .ce-popover-item__icon:hover{background-color:#eff2f5}.ce-highlight-indent{display:inline-block;height:1.6em;top:50%;position:absolute;transform:translateY(-50%);-webkit-transform:translate(0px,-50%);-moz-transform:translate(0px,-50%);-ms-transform:translate(0px,-50%);-o-transform:translate(0px,-50%)}.ce-popover-indent-item[version^="2.3"] .ce-popover-item__title{margin-left:4px}.cdx-marker{background:rgba(245,235,111,.29);padding:3px 0}.ce-popover--inline .ce-popover--nested .ce-popover__container{width:-webkit-min-content!important;width:-moz-min-content!important;width:min-content!important;min-width:0!important;min-width:initial!important}.ce-popover--inline .ce-popover--nested .ce-popover__items{width:-webkit-max-content;width:-moz-max-content;width:max-content}.editorjs__color-selector-container{display:grid;grid-gap:10px;padding:4px}.editorjs__color-selector__container-item{width:30px;height:30px;display:block;cursor:pointer;border-radius:100%;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.editorjs__color-selector__container-item:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.cdx-underline{-webkit-text-decoration:underline;text-decoration:underline}.inline-code{background:rgba(250,239,240,.78);color:#b44437;padding:3px 4px;border-radius:5px;margin:0 1px;font-family:inherit;font-size:.86em;font-weight:500;letter-spacing:.3px}.tc-wrap{--color-background: #f9f9fb;--color-text-secondary: #7b7e89;--color-border: #e8e8eb;--cell-size: 34px;--toolbox-icon-size: 18px;--toolbox-padding: 6px;--toolbox-aiming-field-size: calc(var(--toolbox-icon-size) + var(--toolbox-padding)*2);--col-width: 100px 100px 100px;position:relative;height:100%;margin-top:var(--toolbox-icon-size);-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-grid;z-index:0}.tc-wrap svg{vertical-align:top}@media print{.tc-wrap{border-left-color:var(--color-border);border-left-style:solid;border-left-width:1px}}@media print{.tc-wrap .tc-row:after{display:none}}.tc-table{position:relative;width:100%;height:100%;display:grid;font-size:14px;border-top:1px solid var(--color-border);border-left:1px solid var(--color-border);line-height:1.4;overflow-x:auto}.tc-table:after{width:calc(var(--cell-size));height:100%;left:calc(var(--cell-size)*-1);top:0}.tc-table:after,.tc-table:before{position:absolute;content:""}.tc-table:before{width:100%;height:var(--toolbox-aiming-field-size);top:calc(var(--toolbox-aiming-field-size)*-1);left:0}.tc-table--heading .tc-row:first-child{font-weight:600;border-bottom:2px solid var(--color-border);position:sticky;top:0;z-index:2;background:var(--color-background)}.tc-table--heading .tc-row:first-child [contenteditable]:empty:before{content:attr(heading);color:var(--color-text-secondary)}.tc-table--heading .tc-row:first-child:after{bottom:-2px;border-bottom:2px solid var(--color-border)}.tc-add-column,.tc-add-row{display:-webkit-box;display:-ms-flexbox;display:flex;color:var(--color-text-secondary)}@media print{.tc-add{display:none}}.tc-add-column{display:grid;border-top:1px solid var(--color-border);grid-auto-rows:var(--cell-size);-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-items:center}.tc-add-column svg{padding:5px;position:sticky;top:0;background-color:var(--color-background)}.tc-add-column--disabled{visibility:hidden}@media print{.tc-add-column{display:none}}.tc-add-row{height:var(--cell-size);-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:4px;position:relative}.tc-add-row--disabled{display:none}.tc-add-row:before{content:"";position:absolute;right:calc(var(--cell-size)*-1);width:var(--cell-size);height:100%}@media print{.tc-add-row{display:none}}.tc-add-column,.tc-add-row{-webkit-transition:0s;transition:0s;cursor:pointer;will-change:background-color}.tc-add-column:hover,.tc-add-row:hover{-webkit-transition:background-color .1s ease;transition:background-color .1s ease;background-color:var(--color-background)}.tc-add-row{margin-top:1px}.tc-add-row:hover:before{-webkit-transition:.1s;transition:.1s;background-color:var(--color-background)}.tc-row{display:grid;grid-template-columns:var(--col-width);position:relative;border-bottom:1px solid var(--color-border)}.tc-row--selected{background:var(--color-background)}.tc-row--selected:after{background:var(--color-background)}.tc-cell{border-right:1px solid var(--color-border);padding:6px 12px;overflow:hidden;outline:none;line-break:normal}.tc-cell--selected{background:var(--color-background)}.tc-wrap--readonly .tc-row:after{display:none}.tc-toolbox{--toolbox-padding: 6px;--popover-margin: 30px;--toggler-click-zone-size: 30px;--toggler-dots-color: #7b7e89;--toggler-dots-color-hovered: #1d202b;position:absolute;cursor:pointer;z-index:1;opacity:0;-webkit-transition:opacity .1s;transition:opacity .1s;will-change:left,opacity}.tc-toolbox--column{top:calc(var(--toggler-click-zone-size)*-1);-webkit-transform:translate(calc(var(--toggler-click-zone-size)*-1/2));transform:translate(calc(var(--toggler-click-zone-size)*-1/2));will-change:left,opacity}.tc-toolbox--row{left:calc(var(--popover-margin)*-1);-webkit-transform:translateY(calc(var(--toggler-click-zone-size)*-1/2));transform:translateY(calc(var(--toggler-click-zone-size)*-1/2));margin-top:-1px;will-change:top,opacity}.tc-toolbox--showed{opacity:1}.tc-toolbox .tc-popover{position:absolute;top:0;left:var(--popover-margin)}.tc-toolbox__toggler{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:var(--toggler-click-zone-size);height:var(--toggler-click-zone-size);color:var(--toggler-dots-color);opacity:0;-webkit-transition:opacity .15s ease;transition:opacity .15s ease;will-change:opacity}.tc-toolbox__toggler:hover{color:var(--toggler-dots-color-hovered)}.tc-toolbox__toggler svg{fill:currentColor}.tc-wrap:hover .tc-toolbox__toggler{opacity:1}.tc-settings .cdx-settings-button{width:50%;margin:0}.tc-popover{--color-border: #eaeaea;--color-background: #fff;--color-background-hover: rgba(232, 232, 235, .49);--color-background-confirm: #e24a4a;--color-background-confirm-hover: #d54040;--color-text-confirm: #fff;background:var(--color-background);border:1px solid var(--color-border);-webkit-box-shadow:0 3px 15px -3px rgba(13,20,33,.12941);box-shadow:0 3px 15px -3px #0d142121;border-radius:6px;padding:6px;display:none;will-change:opacity,transform}.tc-popover--opened{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-animation:menuShowing .1s cubic-bezier(.215,.61,.355,1) forwards;animation:menuShowing .1s cubic-bezier(.215,.61,.355,1) forwards}.tc-popover__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:2px 14px 2px 2px;border-radius:5px;cursor:pointer;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tc-popover__item:hover{background:var(--color-background-hover)}.tc-popover__item:not(:last-of-type){margin-bottom:2px}.tc-popover__item-icon{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:26px;height:26px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:var(--color-background);border-radius:5px;border:1px solid var(--color-border);margin-right:8px}.tc-popover__item-label{line-height:22px;font-size:14px;font-weight:500}.tc-popover__item--confirm{background:var(--color-background-confirm);color:var(--color-text-confirm)}.tc-popover__item--confirm:hover{background-color:var(--color-background-confirm-hover)}.tc-popover__item--confirm .tc-popover__item-icon{background:var(--color-background-confirm);border-color:#0000001a}.tc-popover__item--confirm .tc-popover__item-icon svg{-webkit-transition:-webkit-transform .2s ease-in;transition:-webkit-transform .2s ease-in;transition:transform .2s ease-in;transition:transform .2s ease-in,-webkit-transform .2s ease-in;-webkit-transform:rotate(90deg) scale(1.2);transform:rotate(90deg) scale(1.2)}.tc-popover__item--hidden{display:none}@-webkit-keyframes menuShowing{0%{opacity:0;-webkit-transform:translateY(-8px) scale(.9);transform:translateY(-8px) scale(.9)}70%{opacity:1;-webkit-transform:translateY(2px);transform:translateY(2px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes menuShowing{0%{opacity:0;-webkit-transform:translateY(-8px) scale(.9);transform:translateY(-8px) scale(.9)}70%{opacity:1;-webkit-transform:translateY(2px);transform:translateY(2px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.cell-resizable{cursor:col-resize}.image-tool{--bg-color: #cdd1e0;--front-color: #388ae5;--border-color: #e8e8eb;display:inline-block}.image-tool__image{border-radius:3px;overflow:hidden;margin-bottom:10px;padding-bottom:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.image-tool__image-picture{max-width:100%;vertical-align:bottom;display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.image-tool__image-preloader{width:150px;height:150px;border-radius:50%;background-size:cover;margin:auto;position:relative;background-color:var(--bg-color);background-position:center center}.image-tool__image-preloader:after{content:"";position:absolute;z-index:3;width:60px;height:60px;border-radius:50%;border:2px solid var(--bg-color);border-top-color:var(--front-color);left:50%;top:50%;margin-top:-30px;margin-left:-30px;-webkit-animation:image-preloader-spin 2s infinite linear;animation:image-preloader-spin 2s infinite linear;-webkit-box-sizing:border-box;box-sizing:border-box}.image-tool__caption{visibility:hidden;position:absolute;bottom:0;left:0;margin-bottom:10px}.image-tool__caption[contentEditable=true][data-placeholder]:before{position:absolute!important}.image-tool__caption[contentEditable=true][data-placeholder]:before{content:attr(data-placeholder);color:#707684;font-weight:400;display:none}.image-tool__caption[contentEditable=true][data-placeholder]:empty:before{display:block}.image-tool__caption[contentEditable=true][data-placeholder]:empty:focus:before{display:none}.image-tool--empty .image-tool__image,.image-tool--empty .image-tool__image-preloader{display:none}.image-tool--empty .image-tool__caption,.image-tool--uploading .image-tool__caption{visibility:hidden!important}.image-tool .cdx-button{display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.image-tool .cdx-button svg{height:auto;margin:0 6px 0 0}.image-tool--filled .cdx-button,.image-tool--filled .image-tool__image-preloader{display:none}.image-tool--uploading{width:100%}.image-tool--uploading .resizable{display:none!important}.image-tool--uploading .image-tool__image{min-height:200px;display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#fff}.image-tool--uploading .image-tool__image-picture,.image-tool--uploading .cdx-button{display:none}.image-tool--withBorder .image-tool__image{border:1px solid var(--border-color)}.image-tool--withBackground .image-tool__image{padding:15px;background:var(--bg-color)}.image-tool--withBackground .image-tool__image-picture{max-width:60%;margin:0 auto}.image-tool--stretched .image-tool__image-picture{width:100%}.image-tool--caption .image-tool__caption{visibility:visible}.image-tool--caption{padding-bottom:50px}@-webkit-keyframes image-preloader-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes image-preloader-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.cdx-image-tool-tune--floatLeft .cdx-block,.cdx-image-tool-tune--center .cdx-block,.cdx-image-tool-tune--floatRight .cdx-block,.cdx-image-tool-tune--floatLeft .image-tool__image,.cdx-image-tool-tune--center .image-tool__image,.cdx-image-tool-tune--floatRight .image-tool__image{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}:root{--primary: #2492F5;--primary-content: #E9F4FE}.cdx-settings-button--active{background:#E9F4FE;color:#2492f5}.cdx-settings-button:hover{background:#E9F4FE}.cdx-image-tool-tune--center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media all and (min-width: 470px){.codex-editor:not(.read-only) .cdx-image-tool-tune--floatLeft.ce-block__content,.codex-editor:not(.read-only) .cdx-image-tool-tune--floatRight.ce-block__content{min-height:20px}.cdx-image-tool-tune--floatLeft.ce-block__content .image-tool__image,.cdx-image-tool-tune--floatRight.ce-block__content .image-tool__image{margin-top:40px}.cdx-image-tool-tune--floatLeft.ce-block__content .image-tool__image{margin-left:20px}.cdx-image-tool-tune--floatRight.ce-block__content .image-tool__image{margin-right:20px}.cdx-image-tool-tune--floatLeft.ce-block__content .cdx-input,.cdx-image-tool-tune--floatRight.ce-block__content .cdx-input{width:calc(100% - 20px)}.cdx-image-tool-tune--floatLeft.ce-block__content .cdx-input{margin-left:20px}.cdx-image-tool-tune--floatRight.ce-block__content .cdx-input{margin-right:20px}.cdx-image-tool-tune--floatLeft .cdx-block{float:left;margin-right:10px}.cdx-image-tool-tune--floatRight .cdx-block{float:right;margin-left:10px}.cdx-image-tool-tune--sizeSmall .cdx-block{max-width:25%!important}.cdx-image-tool-tune--sizeMiddle .cdx-block{max-width:50%!important}.cdx-image-tool-tune--sizeLarge .cdx-block{max-width:75%!important}}.cdx-image-tool-tune--sizeLarge img,.cdx-image-tool-tune--sizeSmall img,.cdx-image-tool-tune--sizeMiddle img{-o-object-fit:cover;object-fit:cover;max-width:100%}.codex-editor.read-only .cdx-input.image-tool__caption:empty,.read-only>.codex-editor .cdx-input.image-tool__caption:empty{display:none}.cdx-image-tool-tune--resize .cdx-block{position:relative;overflow:visible}.cdx-image-tool-tune--resize .cdx-block .resizable{display:none}.cdx-image-tool-tune--resize .image-tool__image-picture{width:100%!important}.cdx-image-tool-tune--resize .cdx-block:hover .resizable{display:block}.cdx-image-tool-tune--resize .cdx-block .resizable .resizers .resizer{-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;border-radius:50%;background:#E9F4FE;border:3px solid #2492F5;position:absolute}.cdx-image-tool-tune--resize .cdx-block .resizable .resizers .resizer.top-left{left:-8px;top:2px;cursor:nwse-resize}.cdx-image-tool-tune--resize .cdx-block .resizable .resizers .resizer.top-right{right:-8px;top:1px;cursor:nesw-resize}.cdx-image-tool-tune--resize .cdx-block .resizable .resizers .resizer.bottom-left{left:-9px;bottom:10px;cursor:nesw-resize}.cdx-image-tool-tune--resize .cdx-block .resizable .resizers .resizer.bottom-right{right:-9px;bottom:10px;cursor:nwse-resize}.cdx-image-tool-tune--crop:hover,.cdx-image-tool-tune--crop.isCropping,.cdx-image-tool-tune--resize:hover{z-index:2}.cdx-image-tool-tune--crop .image-tool__image{position:relative}.cdx-image-tool-tune--crop .isCropping .image-tool__image{min-height:600px;min-width:100%}.cdx-image-tool-tune--crop .image-tool__image .crop-btn,.cdx-image-tool-tune--crop .image-tool__image .crop-save{position:absolute;top:0;left:0;padding:7px;background:#2492F5;color:#e9f4fe;text-align:center;line-height:20px;cursor:pointer;display:none}.cdx-image-tool-tune--crop .image-tool__image:hover .crop-btn,.cdx-image-tool-tune--crop .image-tool__image:hover .crop-save{display:block}.cdx-image-tool-tune--crop .image-tool__image img.isCropped{position:absolute;min-width:0;min-width:initial;max-width:none;max-width:initial;min-height:0;min-height:initial;max-height:none;max-height:initial}.cdx-image-tool-tune--crop .cdx-block.image-tool.isCropping{min-width:0!important;min-width:initial!important;max-width:none!important;max-width:initial!important;min-height:0!important;min-height:initial!important;max-height:none!important;max-height:initial!important}.image-tool__caption{background-color:#fff}.image-tool{position:relative;z-index:1}.cdx-image-tool-tune{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;gap:4px;width:100%}.ebl-outline{padding:15px 12px 50px;width:280px;overflow:hidden;font-family:Qihei Lenovo,Microsoft YaHei,微软雅黑,宋体,sans-serif;color:#606266;font-size:14px}.ebl-outline:hover{overflow:auto}.ebl-outline__item{cursor:pointer;height:36px;line-height:36px;padding:0 24px;word-break:break-word;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ebl-outline .level_1{padding-left:24px}.ebl-outline .level_2{padding-left:42px}.ebl-outline .level_3{padding-left:60px}.ebl-outline__item.active{color:#222;font-weight:700;background-color:#ebebeb}.ebl-outline__item:hover{background-color:#ebebeb}')),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
|
|
2
|
-
import { defineComponent as
|
|
3
|
-
import
|
|
4
|
-
import { bundledLanguagesInfo as
|
|
1
|
+
(function(){"use strict";try{if(typeof document!="undefined"){var e=document.createElement("style");e.appendChild(document.createTextNode(':root{--color-border: #EFF0F1}.ebl-editor{cursor:text;font-size:16px;font-weight:400;background-color:#fff;height:100%;overflow:hidden;position:relative}.codex-editor{height:100%;overflow:auto}.ebl-editor.outline{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.ebl-editor.outline .codex-editor{-webkit-box-flex:1;-ms-flex:1;flex:1}.ebl-editor .outline-holder{width:200px;border-right:1px solid #EFF0F1;overflow:auto}@media (max-width:1240px){.ebl-outline{display:none}}.ce-block__content{width:var(--content-width)}.ce-toolbar,.ce-inline-toolbar{z-index:1000}.ce-toolbar__plus{border:1px solid #EFF0F1}.ce-toolbar .ce-popover__items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.ce-toolbar .ce-popover__items .ce-popover-item{position:relative}.ce-toolbar .ce-popover__items .ce-popover-item__title{display:none}.ce-toolbar .ce-popover-item-html,.ce-toolbar .ce-popover-item-separator,.ce-toolbar .ce-popover-item[data-item-name=convert-to]{width:100%}.ce-toolbar .ce-popover-item[data-item-name=convert-to] .ce-popover-item__title{display:block}.ce-inline-toolbar .ce-popover__items{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.ce-inline-toolbar .ce-popover__items{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.ce-inline-toolbar .ce-popover__items .ce-popover-item__title{display:none}.ebl-editor ::-webkit-scrollbar{width:10px;height:12px}.ebl-editor ::-webkit-scrollbar-track{background:#f1f1f1;border-radius:1px}.ebl-editor ::-webkit-scrollbar-thumb{background:#C0C0C0;border-radius:10px;border:2px solid #fff}.ebl-editor ::-webkit-scrollbar-thumb:hover{background:#555}.ce-block--drop-target .ce-block__content:before{content:"";position:absolute;top:50%;left:-20px;margin-top:-1px;height:8px;width:8px;border:solid #a0a0a0;border-width:1px 1px 0 0;-webkit-transform-origin:right;transform-origin:right;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.ce-block--drop-target .ce-block__content:after{background:none}.ce-header{padding:15px 0 3px;margin:0;line-height:1.25;outline:none}.ce-header p,.ce-header div{padding:0!important;margin:0!important}.ce-tune-alignment--right{text-align:right}.ce-tune-alignment--center{text-align:center}.ce-tune-alignment--left{text-align:left}.ce-paragraph{line-height:2!important}.ce-paragraph{outline:none}.ce-block:only-of-type .ce-paragraph[data-placeholder-active]:empty:before,.ce-block:only-of-type .ce-paragraph[data-placeholder-active][data-empty=true]:before{content:attr(data-placeholder-active)}.ce-paragraph p:first-of-type{margin-top:0}.ce-paragraph p:last-of-type{margin-bottom:0}.ce-editorjs-x-shiki{border-radius:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:10px 0}.ce-editorjs-x-shiki__code{position:relative;float:left;min-width:100%;overflow-x:auto}.ce-editorjs-x-shiki__selector{display:-webkit-box;display:-ms-flexbox;display:flex;gap:15px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;z-index:12;border-bottom-style:solid;border-color:#9ca3af0d;border-bottom-width:1px;padding:8px}.ce-editorjs-x-shiki__selector-language,.ce-editorjs-x-shiki__selector-theme{font-size:13px;font-family:inherit}.ce-editorjs-x-shiki__selector-language{width:90px}.ce-editorjs-x-shiki__selector select{border:none;outline:none}.ce-editorjs-x-shiki__span{position:relative;z-index:0;padding:20px 20px 20px 55px;margin:0;white-space:pre;font-size:13px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.ce-editorjs-x-shiki__span code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.ce-editorjs-x-shiki__textarea{all:unset;white-space:pre;overflow:hidden;background-color:transparent;position:absolute;padding:20px 20px 20px 55px;inset:0;color:transparent;z-index:0;font-size:13px;caret-color:#999;resize:none;border:none;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.ce-editorjs-x-shiki__textarea::-moz-selection{background-color:#083ca9;color:#fff}.ce-editorjs-x-shiki__textarea::selection{background-color:#083ca9;color:#fff}.ce-editorjs-x-shiki__copy{width:24px;height:24px;cursor:pointer;position:relative;margin-right:0}.ce-editorjs-x-shiki__copy_tip{font-size:12px;width:60px;margin-left:-20px;background-color:#0c0c0c;color:#ececec;text-align:center;border-radius:6px;padding:5px 10px;position:absolute;z-index:1;top:125%;-webkit-transition:opacity .3s;transition:opacity .3s;visibility:hidden;opacity:0}.ce-editorjs-x-shiki__copy_tip:after{content:"";position:absolute;bottom:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent #0c0c0c transparent}.ce-editorjs-x-shiki__copy_tip.visible{visibility:visible;opacity:1}.ce-editorjs-x-shiki__span.shiki .line:before{content:attr(data-line);width:40px;display:inline-block;text-align:right;color:#888;position:absolute;left:0}.cdx-quote{overflow:hidden;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;word-wrap:break-word;word-break:break-all}.cdx-quote blockquote{margin:0}.cdx-block-quote{border:solid #acacac;border-width:0 0 0 3px;-webkit-box-shadow:none;box-shadow:none;color:#666;line-height:1.6em;padding:1px 0 0 12px;text-align:left}.ce-delimiter__line__wrapper{height:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ce-delimiter__line{-webkit-box-flex:1;-ms-flex:1;flex:1;height:2px;background-color:#eff0f1}.cdx-list{margin:0;padding:0;outline:none;display:grid;counter-reset:item;grid-gap:var(--spacing-s);padding:var(--spacing-xs);--spacing-s: 8px;--spacing-xs: 6px;--list-counter-type: numeric;--radius-border: 5px;--checkbox-background: #fff;--color-border: #C9C9C9;--color-bg-checked: #369FFF;--line-height: 1.45em;--color-bg-checked-hover: #0059AB;--color-tick: #fff;--size-checkbox: 1.2em}.cdx-list ol{padding-left:0}.cdx-list__item{line-height:var(--line-height);display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;grid-template-areas:"checkbox content" ". child"}.cdx-list__item-children{display:grid;grid-area:child;grid-gap:var(--spacing-s);padding-top:var(--spacing-s)}.cdx-list__item [contenteditable]{outline:none}.cdx-list__item-content{word-break:break-word;white-space:pre-wrap;grid-area:content;padding-left:var(--spacing-s)}.cdx-list__item:before{counter-increment:item;white-space:nowrap}.cdx-list-ordered .cdx-list__item:before{content:counters(item,".",var(--list-counter-type)) "."}.cdx-list-ordered{counter-reset:item}.cdx-list-unordered{padding-left:0}.cdx-list-unordered .cdx-list__item:before{content:"•"}.cdx-list-checklist .cdx-list__item:before{content:""}.cdx-list__settings .cdx-settings-button{width:50%}.cdx-list__checkbox{padding-top:calc((var(--line-height) - var(--size-checkbox)) / 2);grid-area:checkbox;width:var(--size-checkbox);height:var(--size-checkbox);display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer}.cdx-list__checkbox svg{opacity:0;height:var(--size-checkbox);width:var(--size-checkbox);left:-1px;top:-1px;position:absolute}@media (hover: hover){.cdx-list__checkbox:not(.cdx-list__checkbox--no-hover):hover .cdx-list__checkbox-check svg{opacity:1}}.cdx-list__checkbox--checked{line-height:var(--line-height)}@media (hover: hover){.cdx-list__checkbox--checked:not(.cdx-list__checkbox--checked--no-hover):hover .cdx-checklist__checkbox-check{background:var(--color-bg-checked-hover);border-color:var(--color-bg-checked-hover)}}.cdx-list__checkbox--checked .cdx-list__checkbox-check{background:var(--color-bg-checked);border-color:var(--color-bg-checked)}.cdx-list__checkbox--checked .cdx-list__checkbox-check svg{opacity:1}.cdx-list__checkbox--checked .cdx-list__checkbox-check svg path{stroke:var(--color-tick)}.cdx-list__checkbox--checked .cdx-list__checkbox-check:before{opacity:0;visibility:visible;-webkit-transform:scale(2.5);transform:scale(2.5)}.cdx-list__checkbox-check{cursor:pointer;display:inline-block;position:relative;margin:0 auto;width:var(--size-checkbox);height:var(--size-checkbox);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:var(--radius-border);border:1px solid var(--color-border);background:var(--checkbox-background)}.cdx-list__checkbox-check:before{content:"";position:absolute;inset:0;border-radius:100%;background-color:var(--color-bg-checked);visibility:hidden;pointer-events:none;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:opacity .4s,-webkit-transform .4s ease-out;transition:opacity .4s,-webkit-transform .4s ease-out;transition:transform .4s ease-out,opacity .4s;transition:transform .4s ease-out,opacity .4s,-webkit-transform .4s ease-out}.cdx-list__checkbox-check--disabled{pointer-events:none}.cdx-list-start-with-field{background:#F8F8F8;border:1px solid rgba(226,226,229,.2);border-radius:6px;padding:2px;display:grid;grid-template-columns:auto auto 1fr;grid-template-rows:auto}.cdx-list-start-with-field--invalid{background:#FFECED;border:1px solid #E13F3F}.cdx-list-start-with-field--invalid .cdx-list-start-with-field__input{color:#e13f3f}.cdx-list-start-with-field__input{font-size:14px;outline:none;font-weight:500;font-family:inherit;border:0;background:transparent;margin:0;padding:0;line-height:22px;min-width:calc(100% - var(--toolbox-buttons-size) - var(--icon-margin-right))}.cdx-list-start-with-field__input::-webkit-input-placeholder{color:var(--grayText);font-weight:500}.cdx-list-start-with-field__input::-moz-placeholder{color:var(--grayText);font-weight:500}.cdx-list-start-with-field__input:-ms-input-placeholder{color:var(--grayText);font-weight:500}.cdx-list-start-with-field__input::-ms-input-placeholder{color:var(--grayText);font-weight:500}.cdx-list-start-with-field__input::placeholder{color:var(--grayText);font-weight:500}.cdx-alert{position:relative;padding:10px;border-radius:5px;margin-bottom:10px}.cdx-alert-primary{background-color:#ebf8ff;border:1px solid #4299e1;color:#2b6cb0}.cdx-alert-secondary{background-color:#f7fafc;border:1px solid #cbd5e0;color:#222731}.cdx-alert-info{background-color:#e6fdff;border:1px solid #4cd4ce;color:#00727c}.cdx-alert-success{background-color:#f0fff4;border:1px solid #68d391;color:#2f855a}.cdx-alert-warning{background-color:#fffaf0;border:1px solid #ed8936;color:#c05621}.cdx-alert-danger{background-color:#fff5f5;border:1px solid #fc8181;color:#c53030}.cdx-alert-light{background-color:#fff;border:1px solid #edf2f7;color:#1a202c}.cdx-alert-dark{background-color:#2d3748;border:1px solid #1a202c;color:#d3d3d3}.cdx-alert-align-left{text-align:left}.cdx-alert-align-center{text-align:center}.cdx-alert-align-right{text-align:right}.cdx-alert__message{outline:none}.cdx-alert [contentEditable=true][data-placeholder]:before{position:absolute;content:attr(data-placeholder);color:#707684;font-weight:400;opacity:0}.cdx-alert [contentEditable=true][data-placeholder]:empty:before{opacity:1}.cdx-alert [contentEditable=true][data-placeholder]:empty:focus:before{opacity:0}.ce-popover__item[data-item-name=alert-primary] .ce-popover__item-icon svg #background{fill:#ebf8ff;stroke:#4299e1}.ce-popover__item[data-item-name=alert-primary] .ce-popover__item-icon svg #content{fill:#2b6cb0}.ce-popover__item[data-item-name=alert-secondary] .ce-popover__item-icon svg #background{fill:#f7fafc;stroke:#cbd5e0}.ce-popover__item[data-item-name=alert-secondary] .ce-popover__item-icon svg #content{fill:#222731}.ce-popover__item[data-item-name=alert-info] .ce-popover__item-icon svg #background{fill:#e6fdff;stroke:#4cd4ce}.ce-popover__item[data-item-name=alert-info] .ce-popover__item-icon svg #content{fill:#00727c}.ce-popover__item[data-item-name=alert-success] .ce-popover__item-icon svg #background{fill:#f0fff4;stroke:#68d391}.ce-popover__item[data-item-name=alert-success] .ce-popover__item-icon svg #content{fill:#2f855a}.ce-popover__item[data-item-name=alert-warning] .ce-popover__item-icon svg #background{fill:#fffaf0;stroke:#ed8936}.ce-popover__item[data-item-name=alert-warning] .ce-popover__item-icon svg #content{fill:#c05621}.ce-popover__item[data-item-name=alert-danger] .ce-popover__item-icon svg #background{fill:#fff5f5;stroke:#fc8181}.ce-popover__item[data-item-name=alert-danger] .ce-popover__item-icon svg #content{fill:#c53030}.ce-popover__item[data-item-name=alert-light] .ce-popover__item-icon svg #background{fill:#fff;stroke:#edf2f7}.ce-popover__item[data-item-name=alert-light] .ce-popover__item-icon svg #content{fill:#1a202c}.ce-popover__item[data-item-name=alert-dark] .ce-popover__item-icon svg #background{fill:#2d3748;stroke:#1a202c}.ce-popover__item[data-item-name=alert-dark] .ce-popover__item-icon svg #content{fill:#d3d3d3}.cdx-alert_setting__icon_wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px}.cdx-alert_setting__icon_wrapper_align{margin-top:10px}.cdx-alert_setting__icon{display:inline-block;width:24px;height:24px;text-align:center;line-height:24px;cursor:pointer}.cdx-alert_setting__icon_active{opacity:.3}.ce-popover-indent-item{cursor:default!important}.ce-popover-indent-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:3px}.ce-popover-indent-item[version^="2.26"]{gap:10px}.ce-popover-indent-item:hover{background-color:transparent!important}.ce-popover-indent-item .ce-popover-item__icon{width:26px;height:26px;cursor:pointer;will-change:background-color,color;transition:.3s background-color,.3s color;padding:0;border-width:0px;color:#000;background-color:#fff;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;-webkit-transition:.3s background-color,.3s color;-moz-transition:.3s background-color,.3s color;-ms-transition:.3s background-color,.3s color;-o-transition:.3s background-color,.3s color}.ce-popover-indent-item .ce-popover-item--disabled{color:#707684;opacity:.3;cursor:default}.ce-popover-indent-item .ce-popover-item__icon:focus{outline:none}.ce-popover-indent-item[version^="2.26"]:hover .ce-popover-item__icon,.ce-popover-indent-item[version^="2.27"]:hover .ce-popover-item__icon,.ce-popover-indent-item[version^="2.28"]:hover .ce-popover-item__icon,.ce-popover-indent-item[version^="2.29"]:hover .ce-popover-item__icon,.ce-popover-indent-item[version^="2.26"] .ce-popover-item__icon,.ce-popover-indent-item[version^="2.27"] .ce-popover-item__icon,.ce-popover-indent-item[version^="2.28"] .ce-popover-item__icon,.ce-popover-indent-item[version^="2.29"] .ce-popover-item__icon{box-shadow:0 0 0 1px #c9c9cc7a!important;-webkit-box-shadow:0 0 0 1px rgba(201,201,204,.48)!important}.ce-popover-indent-item[version^="2.26"] .ce-popover-item__icon:hover,.ce-popover-indent-item[version^="2.27"] .ce-popover-item__icon:hover,.ce-popover-indent-item[version^="2.28"] .ce-popover-item__icon:hover,.ce-popover-indent-item[version^="2.29"] .ce-popover-item__icon:hover{background-color:#eff2f5}.ce-highlight-indent{display:inline-block;height:1.6em;top:50%;position:absolute;transform:translateY(-50%);-webkit-transform:translate(0px,-50%);-moz-transform:translate(0px,-50%);-ms-transform:translate(0px,-50%);-o-transform:translate(0px,-50%)}.ce-popover-indent-item[version^="2.3"] .ce-popover-item__title{margin-left:4px}.cdx-marker{background:rgba(245,235,111,.29);padding:3px 0}.ce-popover--inline .ce-popover--nested .ce-popover__container{width:-webkit-min-content!important;width:-moz-min-content!important;width:min-content!important;min-width:0!important;min-width:initial!important}.ce-popover--inline .ce-popover--nested .ce-popover__items{width:-webkit-max-content;width:-moz-max-content;width:max-content}.editorjs__color-selector-container{display:grid;grid-gap:10px;padding:4px}.editorjs__color-selector__container-item{width:30px;height:30px;display:block;cursor:pointer;border-radius:100%;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.editorjs__color-selector__container-item:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.cdx-underline{-webkit-text-decoration:underline;text-decoration:underline}.inline-code{background:rgba(250,239,240,.78);color:#b44437;padding:3px 4px;border-radius:5px;margin:0 1px;font-family:inherit;font-size:.86em;font-weight:500;letter-spacing:.3px}.tc-wrap{--color-background: #f9f9fb;--color-text-secondary: #7b7e89;--color-border: #e8e8eb;--cell-size: 34px;--toolbox-icon-size: 18px;--toolbox-padding: 6px;--toolbox-aiming-field-size: calc(var(--toolbox-icon-size) + var(--toolbox-padding)*2);--col-width: 100px 100px 100px;position:relative;height:100%;margin-top:var(--toolbox-icon-size);-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-grid;z-index:0}.tc-wrap svg{vertical-align:top}@media print{.tc-wrap{border-left-color:var(--color-border);border-left-style:solid;border-left-width:1px}}@media print{.tc-wrap .tc-row:after{display:none}}.tc-table{position:relative;width:100%;height:100%;display:grid;font-size:14px;border-top:1px solid var(--color-border);border-left:1px solid var(--color-border);line-height:1.4;overflow-x:auto}.tc-table:after{width:calc(var(--cell-size));height:100%;left:calc(var(--cell-size)*-1);top:0}.tc-table:after,.tc-table:before{position:absolute;content:""}.tc-table:before{width:100%;height:var(--toolbox-aiming-field-size);top:calc(var(--toolbox-aiming-field-size)*-1);left:0}.tc-table--heading .tc-row:first-child{font-weight:600;border-bottom:2px solid var(--color-border);position:sticky;top:0;z-index:2;background:var(--color-background)}.tc-table--heading .tc-row:first-child [contenteditable]:empty:before{content:attr(heading);color:var(--color-text-secondary)}.tc-table--heading .tc-row:first-child:after{bottom:-2px;border-bottom:2px solid var(--color-border)}.tc-add-column,.tc-add-row{display:-webkit-box;display:-ms-flexbox;display:flex;color:var(--color-text-secondary)}@media print{.tc-add{display:none}}.tc-add-column{display:grid;border-top:1px solid var(--color-border);grid-auto-rows:var(--cell-size);-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-items:center}.tc-add-column svg{padding:5px;position:sticky;top:0;background-color:var(--color-background)}.tc-add-column--disabled{visibility:hidden}@media print{.tc-add-column{display:none}}.tc-add-row{height:var(--cell-size);-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:4px;position:relative}.tc-add-row--disabled{display:none}.tc-add-row:before{content:"";position:absolute;right:calc(var(--cell-size)*-1);width:var(--cell-size);height:100%}@media print{.tc-add-row{display:none}}.tc-add-column,.tc-add-row{-webkit-transition:0s;transition:0s;cursor:pointer;will-change:background-color}.tc-add-column:hover,.tc-add-row:hover{-webkit-transition:background-color .1s ease;transition:background-color .1s ease;background-color:var(--color-background)}.tc-add-row{margin-top:1px}.tc-add-row:hover:before{-webkit-transition:.1s;transition:.1s;background-color:var(--color-background)}.tc-row{display:grid;grid-template-columns:var(--col-width);position:relative;border-bottom:1px solid var(--color-border)}.tc-row--selected{background:var(--color-background)}.tc-row--selected:after{background:var(--color-background)}.tc-cell{border-right:1px solid var(--color-border);padding:6px 12px;overflow:hidden;outline:none;line-break:normal}.tc-cell--selected{background:var(--color-background)}.tc-wrap--readonly .tc-row:after{display:none}.tc-toolbox{--toolbox-padding: 6px;--popover-margin: 30px;--toggler-click-zone-size: 30px;--toggler-dots-color: #7b7e89;--toggler-dots-color-hovered: #1d202b;position:absolute;cursor:pointer;z-index:1;opacity:0;-webkit-transition:opacity .1s;transition:opacity .1s;will-change:left,opacity}.tc-toolbox--column{top:calc(var(--toggler-click-zone-size)*-1);-webkit-transform:translate(calc(var(--toggler-click-zone-size)*-1/2));transform:translate(calc(var(--toggler-click-zone-size)*-1/2));will-change:left,opacity}.tc-toolbox--row{left:calc(var(--popover-margin)*-1);-webkit-transform:translateY(calc(var(--toggler-click-zone-size)*-1/2));transform:translateY(calc(var(--toggler-click-zone-size)*-1/2));margin-top:-1px;will-change:top,opacity}.tc-toolbox--showed{opacity:1}.tc-toolbox .tc-popover{position:absolute;top:0;left:var(--popover-margin)}.tc-toolbox__toggler{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:var(--toggler-click-zone-size);height:var(--toggler-click-zone-size);color:var(--toggler-dots-color);opacity:0;-webkit-transition:opacity .15s ease;transition:opacity .15s ease;will-change:opacity}.tc-toolbox__toggler:hover{color:var(--toggler-dots-color-hovered)}.tc-toolbox__toggler svg{fill:currentColor}.tc-wrap:hover .tc-toolbox__toggler{opacity:1}.tc-settings .cdx-settings-button{width:50%;margin:0}.tc-popover{--color-border: #eaeaea;--color-background: #fff;--color-background-hover: rgba(232, 232, 235, .49);--color-background-confirm: #e24a4a;--color-background-confirm-hover: #d54040;--color-text-confirm: #fff;background:var(--color-background);border:1px solid var(--color-border);-webkit-box-shadow:0 3px 15px -3px rgba(13,20,33,.12941);box-shadow:0 3px 15px -3px #0d142121;border-radius:6px;padding:6px;display:none;will-change:opacity,transform}.tc-popover--opened{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-animation:menuShowing .1s cubic-bezier(.215,.61,.355,1) forwards;animation:menuShowing .1s cubic-bezier(.215,.61,.355,1) forwards}.tc-popover__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:2px 14px 2px 2px;border-radius:5px;cursor:pointer;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tc-popover__item:hover{background:var(--color-background-hover)}.tc-popover__item:not(:last-of-type){margin-bottom:2px}.tc-popover__item-icon{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:26px;height:26px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:var(--color-background);border-radius:5px;border:1px solid var(--color-border);margin-right:8px}.tc-popover__item-label{line-height:22px;font-size:14px;font-weight:500}.tc-popover__item--confirm{background:var(--color-background-confirm);color:var(--color-text-confirm)}.tc-popover__item--confirm:hover{background-color:var(--color-background-confirm-hover)}.tc-popover__item--confirm .tc-popover__item-icon{background:var(--color-background-confirm);border-color:#0000001a}.tc-popover__item--confirm .tc-popover__item-icon svg{-webkit-transition:-webkit-transform .2s ease-in;transition:-webkit-transform .2s ease-in;transition:transform .2s ease-in;transition:transform .2s ease-in,-webkit-transform .2s ease-in;-webkit-transform:rotate(90deg) scale(1.2);transform:rotate(90deg) scale(1.2)}.tc-popover__item--hidden{display:none}@-webkit-keyframes menuShowing{0%{opacity:0;-webkit-transform:translateY(-8px) scale(.9);transform:translateY(-8px) scale(.9)}70%{opacity:1;-webkit-transform:translateY(2px);transform:translateY(2px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes menuShowing{0%{opacity:0;-webkit-transform:translateY(-8px) scale(.9);transform:translateY(-8px) scale(.9)}70%{opacity:1;-webkit-transform:translateY(2px);transform:translateY(2px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.cell-resizable{cursor:col-resize}.image-tool{--bg-color: #cdd1e0;--front-color: #388ae5;--border-color: #e8e8eb;display:inline-block}.image-tool__image{border-radius:3px;overflow:hidden;margin-bottom:10px;padding-bottom:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.image-tool__image-picture{max-width:100%;vertical-align:bottom;display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.image-tool__image-preloader{width:150px;height:150px;border-radius:50%;background-size:cover;margin:auto;position:relative;background-color:var(--bg-color);background-position:center center}.image-tool__image-preloader:after{content:"";position:absolute;z-index:3;width:60px;height:60px;border-radius:50%;border:2px solid var(--bg-color);border-top-color:var(--front-color);left:50%;top:50%;margin-top:-30px;margin-left:-30px;-webkit-animation:image-preloader-spin 2s infinite linear;animation:image-preloader-spin 2s infinite linear;-webkit-box-sizing:border-box;box-sizing:border-box}.image-tool__caption{visibility:hidden;position:absolute;bottom:0;left:0;margin-bottom:10px}.image-tool__caption[contentEditable=true][data-placeholder]:before{position:absolute!important}.image-tool__caption[contentEditable=true][data-placeholder]:before{content:attr(data-placeholder);color:#707684;font-weight:400;display:none}.image-tool__caption[contentEditable=true][data-placeholder]:empty:before{display:block}.image-tool__caption[contentEditable=true][data-placeholder]:empty:focus:before{display:none}.image-tool--empty .image-tool__image,.image-tool--empty .image-tool__image-preloader{display:none}.image-tool--empty .image-tool__caption,.image-tool--uploading .image-tool__caption{visibility:hidden!important}.image-tool .cdx-button{display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.image-tool .cdx-button svg{height:auto;margin:0 6px 0 0}.image-tool--filled .cdx-button,.image-tool--filled .image-tool__image-preloader{display:none}.image-tool--uploading{width:100%}.image-tool--uploading .resizable{display:none!important}.image-tool--uploading .image-tool__image{min-height:200px;display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#fff}.image-tool--uploading .image-tool__image-picture,.image-tool--uploading .cdx-button{display:none}.image-tool--withBorder .image-tool__image{border:1px solid var(--border-color)}.image-tool--withBackground .image-tool__image{padding:15px;background:var(--bg-color)}.image-tool--withBackground .image-tool__image-picture{max-width:60%;margin:0 auto}.image-tool--stretched .image-tool__image-picture{width:100%}.image-tool--caption .image-tool__caption{visibility:visible}.image-tool--caption{padding-bottom:50px}@-webkit-keyframes image-preloader-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes image-preloader-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.cdx-image-tool-tune--floatLeft .cdx-block,.cdx-image-tool-tune--center .cdx-block,.cdx-image-tool-tune--floatRight .cdx-block,.cdx-image-tool-tune--floatLeft .image-tool__image,.cdx-image-tool-tune--center .image-tool__image,.cdx-image-tool-tune--floatRight .image-tool__image{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}:root{--primary: #2492F5;--primary-content: #E9F4FE}.cdx-settings-button--active{background:#E9F4FE;color:#2492f5}.cdx-settings-button:hover{background:#E9F4FE}.cdx-image-tool-tune--center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media all and (min-width: 470px){.codex-editor:not(.read-only) .cdx-image-tool-tune--floatLeft.ce-block__content,.codex-editor:not(.read-only) .cdx-image-tool-tune--floatRight.ce-block__content{min-height:20px}.cdx-image-tool-tune--floatLeft.ce-block__content .image-tool__image,.cdx-image-tool-tune--floatRight.ce-block__content .image-tool__image{margin-top:40px}.cdx-image-tool-tune--floatLeft.ce-block__content .image-tool__image{margin-left:20px}.cdx-image-tool-tune--floatRight.ce-block__content .image-tool__image{margin-right:20px}.cdx-image-tool-tune--floatLeft.ce-block__content .cdx-input,.cdx-image-tool-tune--floatRight.ce-block__content .cdx-input{width:calc(100% - 20px)}.cdx-image-tool-tune--floatLeft.ce-block__content .cdx-input{margin-left:20px}.cdx-image-tool-tune--floatRight.ce-block__content .cdx-input{margin-right:20px}.cdx-image-tool-tune--floatLeft .cdx-block{float:left;margin-right:10px}.cdx-image-tool-tune--floatRight .cdx-block{float:right;margin-left:10px}.cdx-image-tool-tune--sizeSmall .cdx-block{max-width:25%!important}.cdx-image-tool-tune--sizeMiddle .cdx-block{max-width:50%!important}.cdx-image-tool-tune--sizeLarge .cdx-block{max-width:75%!important}}.cdx-image-tool-tune--sizeLarge img,.cdx-image-tool-tune--sizeSmall img,.cdx-image-tool-tune--sizeMiddle img{-o-object-fit:cover;object-fit:cover;max-width:100%}.codex-editor.read-only .cdx-input.image-tool__caption:empty,.read-only>.codex-editor .cdx-input.image-tool__caption:empty{display:none}.cdx-image-tool-tune--resize .cdx-block{position:relative;overflow:visible}.cdx-image-tool-tune--resize .cdx-block .resizable{display:none}.cdx-image-tool-tune--resize .image-tool__image-picture{width:100%!important}.cdx-image-tool-tune--resize .cdx-block:hover .resizable{display:block}.cdx-image-tool-tune--resize .cdx-block .resizable .resizers .resizer{-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;border-radius:50%;background:#E9F4FE;border:3px solid #2492F5;position:absolute}.cdx-image-tool-tune--resize .cdx-block .resizable .resizers .resizer.top-left{left:-8px;top:2px;cursor:nwse-resize}.cdx-image-tool-tune--resize .cdx-block .resizable .resizers .resizer.top-right{right:-8px;top:1px;cursor:nesw-resize}.cdx-image-tool-tune--resize .cdx-block .resizable .resizers .resizer.bottom-left{left:-9px;bottom:10px;cursor:nesw-resize}.cdx-image-tool-tune--resize .cdx-block .resizable .resizers .resizer.bottom-right{right:-9px;bottom:10px;cursor:nwse-resize}.cdx-image-tool-tune--crop:hover,.cdx-image-tool-tune--crop.isCropping,.cdx-image-tool-tune--resize:hover{z-index:2}.cdx-image-tool-tune--crop .image-tool__image{position:relative}.cdx-image-tool-tune--crop .isCropping .image-tool__image{min-height:600px;min-width:100%}.cdx-image-tool-tune--crop .image-tool__image .crop-btn,.cdx-image-tool-tune--crop .image-tool__image .crop-save{position:absolute;top:0;left:0;padding:7px;background:#2492F5;color:#e9f4fe;text-align:center;line-height:20px;cursor:pointer;display:none}.cdx-image-tool-tune--crop .image-tool__image:hover .crop-btn,.cdx-image-tool-tune--crop .image-tool__image:hover .crop-save{display:block}.cdx-image-tool-tune--crop .image-tool__image img.isCropped{position:absolute;min-width:0;min-width:initial;max-width:none;max-width:initial;min-height:0;min-height:initial;max-height:none;max-height:initial}.cdx-image-tool-tune--crop .cdx-block.image-tool.isCropping{min-width:0!important;min-width:initial!important;max-width:none!important;max-width:initial!important;min-height:0!important;min-height:initial!important;max-height:none!important;max-height:initial!important}.image-tool__caption{background-color:#fff}.image-tool{position:relative;z-index:1}.cdx-image-tool-tune{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;gap:4px;width:100%}.ebl-outline{padding:15px 12px 50px;width:280px;overflow:hidden;font-family:Qihei Lenovo,Microsoft YaHei,微软雅黑,宋体,sans-serif;color:#606266;font-size:14px}.ebl-outline:hover{overflow:auto}.ebl-outline__item{cursor:pointer;height:36px;line-height:36px;padding:0 24px;word-break:break-word;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ebl-outline .level_1{padding-left:24px}.ebl-outline .level_2{padding-left:42px}.ebl-outline .level_3{padding-left:60px}.ebl-outline__item.active{color:#222;font-weight:700;background-color:#ebebeb}.ebl-outline__item:hover{background-color:#ebebeb}')),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
|
|
2
|
+
import { defineComponent as Dt, inject as Nt, toRaw as j, onMounted as Wt, onUnmounted as Ft, watch as Pt, openBlock as $t, createElementBlock as jt } from "vue";
|
|
3
|
+
import qt from "@ebl-vue/editorjs";
|
|
4
|
+
import { bundledLanguagesInfo as ue, codeToHtml as ge } from "shiki";
|
|
5
5
|
import * as ht from "@editorjs/dom";
|
|
6
|
-
import { make as S, isEmpty as
|
|
7
|
-
import { focus as
|
|
6
|
+
import { make as S, isEmpty as dt } from "@editorjs/dom";
|
|
7
|
+
import { focus as me, isCaretAtStartOfInput as fe, getCaretNodeAndOffset as Ce, getContenteditableSlice as ve } from "@editorjs/caret";
|
|
8
8
|
import ct from "vanilla-caret-js";
|
|
9
|
-
import
|
|
10
|
-
const pt = Symbol("INSTALLED_KEY"),
|
|
9
|
+
import G from "axios";
|
|
10
|
+
const pt = Symbol("INSTALLED_KEY"), ke = (u, t) => {
|
|
11
11
|
if (u.install = (e) => {
|
|
12
12
|
for (const i of [u, ...Object.values(t != null ? t : {})])
|
|
13
13
|
e.component(i.name, i);
|
|
@@ -16,7 +16,7 @@ const pt = Symbol("INSTALLED_KEY"), re = (u, t) => {
|
|
|
16
16
|
u[e] = i;
|
|
17
17
|
return u;
|
|
18
18
|
};
|
|
19
|
-
class
|
|
19
|
+
class we {
|
|
20
20
|
constructor(t, e, i, s) {
|
|
21
21
|
const { blocks: n, toolbar: r } = i;
|
|
22
22
|
this.toolbar = r, this.borderStyle = s || "1px dashed #aaa", this.api = n, this.holder = document.getElementById(t), this.readOnly = e, this.startBlock = null, this.endBlock = null, this.setDragListener(), this.setDropListener();
|
|
@@ -88,8 +88,8 @@ class oe {
|
|
|
88
88
|
this.isTheOnlyBlock() || this.api.move(this.endBlock, this.startBlock);
|
|
89
89
|
}
|
|
90
90
|
}
|
|
91
|
-
const ut = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M6 7L6 12M6 17L6 12M6 12L12 12M12 7V12M12 17L12 12"/><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M19 17V10.2135C19 10.1287 18.9011 10.0824 18.836 10.1367L16 12.5"/></svg>', gt = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M6 7L6 12M6 17L6 12M6 12L12 12M12 7V12M12 17L12 12"/><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M16 11C16 10 19 9.5 19 12C19 13.9771 16.0684 13.9997 16.0012 16.8981C15.9999 16.9533 16.0448 17 16.1 17L19.3 17"/></svg>', mt = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M6 7L6 12M6 17L6 12M6 12L12 12M12 7V12M12 17L12 12"/><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M16 11C16 10.5 16.8323 10 17.6 10C18.3677 10 19.5 10.311 19.5 11.5C19.5 12.5315 18.7474 12.9022 18.548 12.9823C18.5378 12.9864 18.5395 13.0047 18.5503 13.0063C18.8115 13.0456 20 13.3065 20 14.8C20 16 19.5 17 17.8 17C17.8 17 16 17 16 16.3"/></svg>', ft = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M6 7L6 12M6 17L6 12M6 12L12 12M12 7V12M12 17L12 12"/><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M18 10L15.2834 14.8511C15.246 14.9178 15.294 15 15.3704 15C16.8489 15 18.7561 15 20.2 15M19 17C19 15.7187 19 14.8813 19 13.6"/></svg>', Ct = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M6 7L6 12M6 17L6 12M6 12L12 12M12 7V12M12 17L12 12"/><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M16 15.9C16 15.9 16.3768 17 17.8 17C19.5 17 20 15.6199 20 14.7C20 12.7323 17.6745 12.0486 16.1635 12.9894C16.094 13.0327 16 12.9846 16 12.9027V10.1C16 10.0448 16.0448 10 16.1 10H19.8"/></svg>', vt = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M6 7L6 12M6 17L6 12M6 12L12 12M12 7V12M12 17L12 12"/><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M19.5 10C16.5 10.5 16 13.3285 16 15M16 15V15C16 16.1046 16.8954 17 18 17H18.3246C19.3251 17 20.3191 16.3492 20.2522 15.3509C20.0612 12.4958 16 12.6611 16 15Z"/></svg>',
|
|
92
|
-
class
|
|
91
|
+
const ut = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M6 7L6 12M6 17L6 12M6 12L12 12M12 7V12M12 17L12 12"/><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M19 17V10.2135C19 10.1287 18.9011 10.0824 18.836 10.1367L16 12.5"/></svg>', gt = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M6 7L6 12M6 17L6 12M6 12L12 12M12 7V12M12 17L12 12"/><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M16 11C16 10 19 9.5 19 12C19 13.9771 16.0684 13.9997 16.0012 16.8981C15.9999 16.9533 16.0448 17 16.1 17L19.3 17"/></svg>', mt = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M6 7L6 12M6 17L6 12M6 12L12 12M12 7V12M12 17L12 12"/><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M16 11C16 10.5 16.8323 10 17.6 10C18.3677 10 19.5 10.311 19.5 11.5C19.5 12.5315 18.7474 12.9022 18.548 12.9823C18.5378 12.9864 18.5395 13.0047 18.5503 13.0063C18.8115 13.0456 20 13.3065 20 14.8C20 16 19.5 17 17.8 17C17.8 17 16 17 16 16.3"/></svg>', ft = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M6 7L6 12M6 17L6 12M6 12L12 12M12 7V12M12 17L12 12"/><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M18 10L15.2834 14.8511C15.246 14.9178 15.294 15 15.3704 15C16.8489 15 18.7561 15 20.2 15M19 17C19 15.7187 19 14.8813 19 13.6"/></svg>', Ct = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M6 7L6 12M6 17L6 12M6 12L12 12M12 7V12M12 17L12 12"/><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M16 15.9C16 15.9 16.3768 17 17.8 17C19.5 17 20 15.6199 20 14.7C20 12.7323 17.6745 12.0486 16.1635 12.9894C16.094 13.0327 16 12.9846 16 12.9027V10.1C16 10.0448 16.0448 10 16.1 10H19.8"/></svg>', vt = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M6 7L6 12M6 17L6 12M6 12L12 12M12 7V12M12 17L12 12"/><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M19.5 10C16.5 10.5 16 13.3285 16 15M16 15V15C16 16.1046 16.8954 17 18 17H18.3246C19.3251 17 20.3191 16.3492 20.2522 15.3509C20.0612 12.4958 16 12.6611 16 15Z"/></svg>', Ut = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M18 7L6 7"/><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M18 17H6"/><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M16 12L8 12"/></svg>', Vt = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M17 7L5 7"/><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M17 17H5"/><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M13 12L5 12"/></svg>', Kt = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M19 7L7 7"/><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M19 17H7"/><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M19 12L11 12"/></svg>', kt = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M9.2 12L11.0586 13.8586C11.1367 13.9367 11.2633 13.9367 11.3414 13.8586L14.7 10.5"/><rect width="14" height="14" x="5" y="5" stroke="currentColor" stroke-width="2" rx="4"/></svg>', wt = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M8 8L12 12M12 12L16 16M12 12L16 8M12 12L8 16"/></svg>', bt = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><line x1="9" x2="19" y1="7" y2="7" stroke="currentColor" stroke-linecap="round" stroke-width="2"/><line x1="9" x2="19" y1="12" y2="12" stroke="currentColor" stroke-linecap="round" stroke-width="2"/><line x1="9" x2="19" y1="17" y2="17" stroke="currentColor" stroke-linecap="round" stroke-width="2"/><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M5.00001 17H4.99002"/><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M5.00001 12H4.99002"/><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M5.00001 7H4.99002"/></svg>', yt = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><line x1="12" x2="19" y1="7" y2="7" stroke="currentColor" stroke-linecap="round" stroke-width="2"/><line x1="12" x2="19" y1="12" y2="12" stroke="currentColor" stroke-linecap="round" stroke-width="2"/><line x1="12" x2="19" y1="17" y2="17" stroke="currentColor" stroke-linecap="round" stroke-width="2"/><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M7.79999 14L7.79999 7.2135C7.79999 7.12872 7.7011 7.0824 7.63597 7.13668L4.79999 9.5"/></svg>', St = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-width="2" d="M11.3535 9.31802L12.7678 7.90381C13.5488 7.12276 14.8151 7.12276 15.5962 7.90381C16.3772 8.68486 16.3772 9.95119 15.5962 10.7322L14.182 12.1464M11.3535 9.31802L7.96729 12.7043C7.40889 13.2627 7.02826 13.9739 6.87339 14.7482L6.69798 15.6253C6.55803 16.325 7.17495 16.942 7.87467 16.802L8.75175 16.6266C9.52612 16.4717 10.2373 16.0911 10.7957 15.5327L14.182 12.1464M11.3535 9.31802L14.182 12.1464"/><line x1="15" x2="19" y1="17" y2="17" stroke="currentColor" stroke-linecap="round" stroke-width="2"/></svg>', Yt = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><rect width="14" height="14" x="5" y="5" stroke="currentColor" stroke-width="2" rx="4"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5.13968 15.32L8.69058 11.5661C9.02934 11.2036 9.48873 11 9.96774 11C10.4467 11 10.9061 11.2036 11.2449 11.5661L15.3871 16M13.5806 14.0664L15.0132 12.533C15.3519 12.1705 15.8113 11.9668 16.2903 11.9668C16.7693 11.9668 17.2287 12.1705 17.5675 12.533L18.841 13.9634"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.7778 9.33331H13.7867"/></svg>', Gt = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M8 9V7.2C8 7.08954 8.08954 7 8.2 7L12 7M16 9V7.2C16 7.08954 15.9105 7 15.8 7L12 7M12 7L12 17M12 17H10M12 17H14"/></svg>', Lt = '<svg t="1763708081701" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2604" width="24" height="24"><path d="M469.3330000000001 725.333H896V640H469.3330000000001v85.333zM128 512l170.667 170.667V341.3330000000001L128 512z m0 384h768v-85.333H128V896z m0-768v85.333h768V128H128z m341.333 256H896v-85.333H469.3330000000001V384z m0 170.667H896v-85.334H469.3330000000001v85.334z" p-id="2605" fill="#000000"></path></svg>', xt = '<svg t="1763708124227" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2788" width="24" height="24"><path d="M128 896h768v-85.333H128V896z m0-554.667v341.334L298.667 512 128 341.333z m341.333 384H896V640H469.333v85.333zM128 128v85.333h768V128H128z m341.333 256H896v-85.333H469.333V384z m0 170.667H896v-85.334H469.333v85.334z" p-id="2789" fill="#000000"></path></svg>';
|
|
92
|
+
class Xt {
|
|
93
93
|
constructor({ data: t, config: e, api: i, readOnly: s }) {
|
|
94
94
|
this.api = i, this.readOnly = s, this._settings = { placeholder: "H1" }, this._data = this.normalizeData(t), this._element = this.getTag();
|
|
95
95
|
}
|
|
@@ -173,7 +173,7 @@ class ae {
|
|
|
173
173
|
return { icon: ut, title: "H1" };
|
|
174
174
|
}
|
|
175
175
|
}
|
|
176
|
-
class
|
|
176
|
+
class Jt {
|
|
177
177
|
constructor({ data: t, config: e, api: i, readOnly: s }) {
|
|
178
178
|
this.api = i, this.readOnly = s, this._settings = { placeholder: "H2" }, this._data = this.normalizeData(t), this._element = this.getTag();
|
|
179
179
|
}
|
|
@@ -257,7 +257,7 @@ class le {
|
|
|
257
257
|
return { icon: gt, title: "H2" };
|
|
258
258
|
}
|
|
259
259
|
}
|
|
260
|
-
class
|
|
260
|
+
class Qt {
|
|
261
261
|
constructor({ data: t, config: e, api: i, readOnly: s }) {
|
|
262
262
|
this.api = i, this.readOnly = s, this._settings = { placeholder: "H3" }, this._data = this.normalizeData(t), this._element = this.getTag();
|
|
263
263
|
}
|
|
@@ -341,7 +341,7 @@ class de {
|
|
|
341
341
|
return { icon: mt, title: "H3" };
|
|
342
342
|
}
|
|
343
343
|
}
|
|
344
|
-
class
|
|
344
|
+
class Zt {
|
|
345
345
|
constructor({ data: t, config: e, api: i, readOnly: s }) {
|
|
346
346
|
this.api = i, this.readOnly = s, this._settings = { placeholder: "H4" }, this._data = this.normalizeData(t), this._element = this.getTag();
|
|
347
347
|
}
|
|
@@ -425,7 +425,7 @@ class he {
|
|
|
425
425
|
return { icon: ft, title: "H4" };
|
|
426
426
|
}
|
|
427
427
|
}
|
|
428
|
-
class
|
|
428
|
+
class te {
|
|
429
429
|
constructor({ data: t, config: e, api: i, readOnly: s }) {
|
|
430
430
|
this.api = i, this.readOnly = s, this._settings = { placeholder: "H5" }, this._data = this.normalizeData(t), this._element = this.getTag();
|
|
431
431
|
}
|
|
@@ -509,7 +509,7 @@ class ce {
|
|
|
509
509
|
return { icon: Ct, title: "H5" };
|
|
510
510
|
}
|
|
511
511
|
}
|
|
512
|
-
class
|
|
512
|
+
class ee {
|
|
513
513
|
constructor({ data: t, config: e, api: i, readOnly: s }) {
|
|
514
514
|
this.api = i, this.readOnly = s, this._settings = { placeholder: "H6" }, this._data = this.normalizeData(t), this._element = this.getTag();
|
|
515
515
|
}
|
|
@@ -593,7 +593,7 @@ class pe {
|
|
|
593
593
|
return { icon: vt, title: "H6" };
|
|
594
594
|
}
|
|
595
595
|
}
|
|
596
|
-
class
|
|
596
|
+
class Z {
|
|
597
597
|
static get DEFAULT_ALIGNMENT() {
|
|
598
598
|
return "left";
|
|
599
599
|
}
|
|
@@ -602,10 +602,10 @@ class lt {
|
|
|
602
602
|
}
|
|
603
603
|
getAlignment() {
|
|
604
604
|
var t, e;
|
|
605
|
-
return (t = this.settings) != null && t.blocks && this.settings.blocks.hasOwnProperty(this.block.name) ? this.settings.blocks[this.block.name] : (e = this.settings) != null && e.default ? this.settings.default :
|
|
605
|
+
return (t = this.settings) != null && t.blocks && this.settings.blocks.hasOwnProperty(this.block.name) ? this.settings.blocks[this.block.name] : (e = this.settings) != null && e.default ? this.settings.default : Z.DEFAULT_ALIGNMENT;
|
|
606
606
|
}
|
|
607
607
|
constructor({ api: t, data: e, config: i, block: s }) {
|
|
608
|
-
this.api = t, this.block = s, this.settings = i, this.data = e || { alignment: this.getAlignment() }, this.alignmentSettings = [{ name: "left", icon:
|
|
608
|
+
this.api = t, this.block = s, this.settings = i, this.data = e || { alignment: this.getAlignment() }, this.alignmentSettings = [{ name: "left", icon: Vt }, { name: "center", icon: Ut }, { name: "right", icon: Kt }], this._CSS = { alignment: { left: "ce-tune-alignment--left", center: "ce-tune-alignment--center", right: "ce-tune-alignment--right" } };
|
|
609
609
|
}
|
|
610
610
|
wrap(t) {
|
|
611
611
|
return this.wrapper = document.createElement("div"), this.wrapper.classList.toggle(this._CSS.alignment[this.data.alignment]), this.wrapper.append(t), this.wrapper;
|
|
@@ -630,13 +630,13 @@ class lt {
|
|
|
630
630
|
return this.data;
|
|
631
631
|
}
|
|
632
632
|
}
|
|
633
|
-
class
|
|
633
|
+
class tt {
|
|
634
634
|
static get DEFAULT_PLACEHOLDER() {
|
|
635
635
|
return "";
|
|
636
636
|
}
|
|
637
637
|
constructor({ data: t, config: e, api: i, readOnly: s }) {
|
|
638
638
|
var n;
|
|
639
|
-
this.api = i, this.readOnly = s, this._CSS = { block: this.api.styles.block, wrapper: "ce-paragraph" }, this.readOnly || (this.onKeyUp = this.onKeyUp.bind(this)), this._placeholder = e.placeholder ? e.placeholder :
|
|
639
|
+
this.api = i, this.readOnly = s, this._CSS = { block: this.api.styles.block, wrapper: "ce-paragraph" }, this.readOnly || (this.onKeyUp = this.onKeyUp.bind(this)), this._placeholder = e.placeholder ? e.placeholder : tt.DEFAULT_PLACEHOLDER, this._data = t != null ? t : {}, this._element = null, this._preserveBlank = (n = e.preserveBlank) != null ? n : !1;
|
|
640
640
|
}
|
|
641
641
|
onKeyUp(t) {
|
|
642
642
|
if (t.code !== "Backspace" && t.code !== "Delete" || !this._element)
|
|
@@ -688,13 +688,13 @@ class dt {
|
|
|
688
688
|
return { tags: ["P"] };
|
|
689
689
|
}
|
|
690
690
|
static get toolbox() {
|
|
691
|
-
return { icon:
|
|
691
|
+
return { icon: Gt, title: "Text" };
|
|
692
692
|
}
|
|
693
693
|
}
|
|
694
|
-
class
|
|
694
|
+
class q {
|
|
695
695
|
constructor({ data: t, config: e, api: i, readOnly: s }) {
|
|
696
696
|
var n;
|
|
697
|
-
this._selectorLanguage = "", this._selectorTheme = "", this.api = i, this.readOnly = s, this.placeholder = this.api.i18n.t(e.placeholder ||
|
|
697
|
+
this._selectorLanguage = "", this._selectorTheme = "", this.api = i, this.readOnly = s, this.placeholder = this.api.i18n.t(e.placeholder || q.DEFAULT_PLACEHOLDER), this._selectorLanguage = t.lang || e.lang || q.DEFAULT_LANGUAGE, this._selectorTheme = t.theme || e.theme || q.DEFAULT_THEME, this.CSS = { baseClass: this.api.styles.block, input: this.api.styles.input, wrapper: "ce-editorjs-x-shiki", textarea: "ce-editorjs-x-shiki__textarea", span: "ce-editorjs-x-shiki__span", selectorLanguage: "ce-editorjs-x-shiki__selector-language", selectorTheme: "ce-editorjs-x-shiki__selector-theme" }, this.nodes = { holder: null, textarea: null }, this.data = { code: (n = t.code) != null ? n : "", lang: this._selectorLanguage, theme: this._selectorTheme }, this.nodes.holder = this.drawView();
|
|
698
698
|
}
|
|
699
699
|
static get isReadOnlySupported() {
|
|
700
700
|
return !0;
|
|
@@ -761,7 +761,7 @@ class U {
|
|
|
761
761
|
}
|
|
762
762
|
drawView() {
|
|
763
763
|
const t = document.createElement("div"), e = document.createElement("div"), i = document.createElement("div"), s = document.createElement("div"), n = document.createElement("div"), r = document.createElement("div"), o = document.createElement("select"), a = document.createElement("select"), d = document.createElement("span"), l = document.createElement("textarea");
|
|
764
|
-
return t.classList.add(this.CSS.baseClass, this.CSS.wrapper), e.classList.add("ce-editorjs-x-shiki__code"), i.classList.add("ce-editorjs-x-shiki__selector"), s.classList.add("ce-editorjs-x-shiki__lang"), n.classList.add("ce-editorjs-x-shiki__copy"), r.classList.add("ce-editorjs-x-shiki__copy_tip"), o.classList.add(this.CSS.selectorLanguage), l.classList.add(this.CSS.textarea, this.CSS.input), s.innerHTML = this.data.lang, n.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.25 8.5H10.25C9.2835 8.5 8.5 9.2835 8.5 10.25V17.25C8.5 18.2165 9.2835 19 10.25 19H17.25C18.2165 19 19 18.2165 19 17.25V10.25C19 9.2835 18.2165 8.5 17.25 8.5Z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.5 8.5V6.75C15.5 6.28587 15.3156 5.84075 14.9874 5.51256C14.6592 5.18437 14.2141 5 13.75 5H6.75C6.28587 5 5.84075 5.18437 5.51256 5.51256C5.18437 5.84075 5 6.28587 5 6.75V13.75C5 14.2141 5.18437 14.6592 5.51256 14.9874C5.84075 15.3156 6.28587 15.5 6.75 15.5H8.5"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 12L15.5 12"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15.5L15.5 15.5"/></svg>', r.innerText = this.api.i18n.t("Copied"),
|
|
764
|
+
return t.classList.add(this.CSS.baseClass, this.CSS.wrapper), e.classList.add("ce-editorjs-x-shiki__code"), i.classList.add("ce-editorjs-x-shiki__selector"), s.classList.add("ce-editorjs-x-shiki__lang"), n.classList.add("ce-editorjs-x-shiki__copy"), r.classList.add("ce-editorjs-x-shiki__copy_tip"), o.classList.add(this.CSS.selectorLanguage), l.classList.add(this.CSS.textarea, this.CSS.input), s.innerHTML = this.data.lang, n.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.25 8.5H10.25C9.2835 8.5 8.5 9.2835 8.5 10.25V17.25C8.5 18.2165 9.2835 19 10.25 19H17.25C18.2165 19 19 18.2165 19 17.25V10.25C19 9.2835 18.2165 8.5 17.25 8.5Z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.5 8.5V6.75C15.5 6.28587 15.3156 5.84075 14.9874 5.51256C14.6592 5.18437 14.2141 5 13.75 5H6.75C6.28587 5 5.84075 5.18437 5.51256 5.51256C5.18437 5.84075 5 6.28587 5 6.75V13.75C5 14.2141 5.18437 14.6592 5.51256 14.9874C5.84075 15.3156 6.28587 15.5 6.75 15.5H8.5"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 12L15.5 12"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15.5L15.5 15.5"/></svg>', r.innerText = this.api.i18n.t("Copied"), ue.forEach((c) => {
|
|
765
765
|
const h = document.createElement("option");
|
|
766
766
|
h.value = c.id, h.text = c.name, o.appendChild(h);
|
|
767
767
|
}), o.value = this.data.lang, l.value = this.data.code, l.placeholder = this.placeholder, l.spellcheck = !1, l.autocomplete = "off", l.autocapitalize = "off", this.readOnly && (l.disabled = !0), e.appendChild(d), e.appendChild(l), this.readOnly ? i.appendChild(s) : i.appendChild(o), n.appendChild(r), i.appendChild(n), t.appendChild(i), t.appendChild(e), this.runShiki().then(({ html: c, preStyle: h }) => {
|
|
@@ -790,7 +790,7 @@ class U {
|
|
|
790
790
|
}
|
|
791
791
|
async runShiki() {
|
|
792
792
|
let t = "";
|
|
793
|
-
return { html: await
|
|
793
|
+
return { html: await ge(this.data.code, { lang: this._selectorLanguage, theme: this._selectorTheme, transformers: [{ preprocess: (e) => `${e}
|
|
794
794
|
`, pre(e) {
|
|
795
795
|
var i;
|
|
796
796
|
this.addClassToHast(e, "ce-editorjs-x-shiki__span"), t = ((i = e.properties) == null ? void 0 : i.style) || "";
|
|
@@ -799,22 +799,37 @@ class U {
|
|
|
799
799
|
} }] }), preStyle: t };
|
|
800
800
|
}
|
|
801
801
|
copyCode(t, e) {
|
|
802
|
-
this.data.code
|
|
803
|
-
if (
|
|
804
|
-
|
|
805
|
-
|
|
806
|
-
|
|
807
|
-
|
|
808
|
-
|
|
809
|
-
|
|
802
|
+
if (this.data.code)
|
|
803
|
+
if (navigator.clipboard && window.isSecureContext)
|
|
804
|
+
try {
|
|
805
|
+
navigator.clipboard.writeText(t).then(() => {
|
|
806
|
+
if (e.target) {
|
|
807
|
+
const i = e.target.parentElement;
|
|
808
|
+
if (i) {
|
|
809
|
+
const s = i.lastChild;
|
|
810
|
+
s && (s.classList.add("visible"), setTimeout(() => {
|
|
811
|
+
s.classList.remove("visible");
|
|
812
|
+
}, 2e3));
|
|
813
|
+
}
|
|
814
|
+
}
|
|
815
|
+
}).catch((i) => {
|
|
816
|
+
alert("复制失败");
|
|
817
|
+
});
|
|
818
|
+
} catch (i) {
|
|
819
|
+
alert("复制失败");
|
|
820
|
+
}
|
|
821
|
+
else {
|
|
822
|
+
const i = document.createElement("textarea");
|
|
823
|
+
i.value = t, i.style.top = "0", i.style.left = "0", i.style.position = "fixed", i.style.opacity = "0", i.style.pointerEvents = "none", i.style.zIndex = "-1000", document.body.appendChild(i), i.focus(), i.select();
|
|
824
|
+
try {
|
|
825
|
+
document.execCommand("copy"), document.body.removeChild(i);
|
|
826
|
+
} catch (s) {
|
|
827
|
+
alert("复制失败"), document.body.removeChild(i);
|
|
810
828
|
}
|
|
811
829
|
}
|
|
812
|
-
}).catch((i) => {
|
|
813
|
-
alert("Unable to copy");
|
|
814
|
-
});
|
|
815
830
|
}
|
|
816
831
|
}
|
|
817
|
-
class
|
|
832
|
+
class ie {
|
|
818
833
|
constructor({ data: t, api: e, readOnly: i }) {
|
|
819
834
|
this.api = e, this.readOnly = i, this._data = { text: t.text || "" }, this._CSS = { baseClass: this.api.styles.block, wrapper: "cdx-quote", text: "cdx-quote__text", input: this.api.styles.input };
|
|
820
835
|
}
|
|
@@ -867,7 +882,7 @@ class ue {
|
|
|
867
882
|
return { text: { br: !0 } };
|
|
868
883
|
}
|
|
869
884
|
}
|
|
870
|
-
class
|
|
885
|
+
class se {
|
|
871
886
|
static get isReadOnlySupported() {
|
|
872
887
|
return !0;
|
|
873
888
|
}
|
|
@@ -915,7 +930,7 @@ class E {
|
|
|
915
930
|
}
|
|
916
931
|
getItemContent(t) {
|
|
917
932
|
const e = t.querySelector(`.${E.CSS.itemContent}`);
|
|
918
|
-
return e ?
|
|
933
|
+
return e ? dt(e) ? "" : e.innerHTML : "";
|
|
919
934
|
}
|
|
920
935
|
getItemMeta() {
|
|
921
936
|
return {};
|
|
@@ -941,7 +956,7 @@ class M {
|
|
|
941
956
|
}
|
|
942
957
|
getItemContent(t) {
|
|
943
958
|
const e = t.querySelector(`.${M.CSS.itemContent}`);
|
|
944
|
-
return e ?
|
|
959
|
+
return e ? dt(e) ? "" : e.innerHTML : "";
|
|
945
960
|
}
|
|
946
961
|
getItemMeta() {
|
|
947
962
|
return {};
|
|
@@ -976,7 +991,7 @@ class C {
|
|
|
976
991
|
}
|
|
977
992
|
getItemContent(t) {
|
|
978
993
|
const e = t.querySelector(`.${C.CSS.itemContent}`);
|
|
979
|
-
return e ?
|
|
994
|
+
return e ? dt(e) ? "" : e.innerHTML : "";
|
|
980
995
|
}
|
|
981
996
|
getItemMeta(t) {
|
|
982
997
|
const e = t.querySelector(`.${C.CSS.checkboxContainer}`);
|
|
@@ -992,7 +1007,7 @@ class C {
|
|
|
992
1007
|
t.classList.remove(C.CSS.noHover);
|
|
993
1008
|
}
|
|
994
1009
|
}
|
|
995
|
-
function
|
|
1010
|
+
function et(u, t = "after") {
|
|
996
1011
|
const e = [];
|
|
997
1012
|
let i;
|
|
998
1013
|
function s(n) {
|
|
@@ -1007,25 +1022,25 @@ function Z(u, t = "after") {
|
|
|
1007
1022
|
e.push(i), i = s(i);
|
|
1008
1023
|
return e.length !== 0 ? e : null;
|
|
1009
1024
|
}
|
|
1010
|
-
function
|
|
1025
|
+
function H(u, t = !0) {
|
|
1011
1026
|
let e = u;
|
|
1012
1027
|
return u.classList.contains(k.item) && (e = u.querySelector(`.${k.itemChildren}`)), e === null ? [] : t ? Array.from(e.querySelectorAll(`:scope > .${k.item}`)) : Array.from(e.querySelectorAll(`.${k.item}`));
|
|
1013
1028
|
}
|
|
1014
1029
|
function A(u) {
|
|
1015
1030
|
return u.querySelector(`.${k.itemChildren}`);
|
|
1016
1031
|
}
|
|
1017
|
-
function
|
|
1032
|
+
function it(u) {
|
|
1018
1033
|
let t = u;
|
|
1019
|
-
u.classList.contains(k.item) && (t = A(u)), t !== null &&
|
|
1034
|
+
u.classList.contains(k.item) && (t = A(u)), t !== null && H(t).length === 0 && t.remove();
|
|
1020
1035
|
}
|
|
1021
|
-
function
|
|
1036
|
+
function X(u) {
|
|
1022
1037
|
return u.querySelector(`.${k.itemContent}`);
|
|
1023
1038
|
}
|
|
1024
|
-
function
|
|
1025
|
-
const e =
|
|
1026
|
-
e &&
|
|
1039
|
+
function F(u, t = !0) {
|
|
1040
|
+
const e = X(u);
|
|
1041
|
+
e && me(e, t);
|
|
1027
1042
|
}
|
|
1028
|
-
class
|
|
1043
|
+
class st {
|
|
1029
1044
|
get currentItem() {
|
|
1030
1045
|
const t = window.getSelection();
|
|
1031
1046
|
if (!t)
|
|
@@ -1060,7 +1075,7 @@ class et {
|
|
|
1060
1075
|
}, !1), "start" in this.data.meta && this.data.meta.start !== void 0 && this.changeStartWith(this.data.meta.start), "counterType" in this.data.meta && this.data.meta.counterType !== void 0 && this.changeCounters(this.data.meta.counterType), this.listWrapper;
|
|
1061
1076
|
}
|
|
1062
1077
|
save(t) {
|
|
1063
|
-
const e = t != null ? t : this.listWrapper, i = (r) =>
|
|
1078
|
+
const e = t != null ? t : this.listWrapper, i = (r) => H(r).map((o) => {
|
|
1064
1079
|
const a = A(o);
|
|
1065
1080
|
return { content: this.renderer.getItemContent(o), meta: this.renderer.getItemMeta(o), items: a ? i(a) : [] };
|
|
1066
1081
|
}), s = e ? i(e) : [];
|
|
@@ -1071,10 +1086,10 @@ class et {
|
|
|
1071
1086
|
return { tags: ["OL", "UL", "LI"] };
|
|
1072
1087
|
}
|
|
1073
1088
|
merge(t) {
|
|
1074
|
-
const e = this.block.holder.querySelectorAll(`.${k.item}`), i = e[e.length - 1], s =
|
|
1089
|
+
const e = this.block.holder.querySelectorAll(`.${k.item}`), i = e[e.length - 1], s = X(i);
|
|
1075
1090
|
if (i === null || s === null || (s.insertAdjacentHTML("beforeend", t.items[0].content), this.listWrapper === void 0))
|
|
1076
1091
|
return;
|
|
1077
|
-
const n =
|
|
1092
|
+
const n = H(this.listWrapper);
|
|
1078
1093
|
if (n.length === 0)
|
|
1079
1094
|
return;
|
|
1080
1095
|
let r = A(n[n.length - 1]);
|
|
@@ -1128,7 +1143,7 @@ class et {
|
|
|
1128
1143
|
backspace(t) {
|
|
1129
1144
|
var i;
|
|
1130
1145
|
const e = this.currentItem;
|
|
1131
|
-
e !== null &&
|
|
1146
|
+
e !== null && fe(e) && ((i = window.getSelection()) == null ? void 0 : i.isCollapsed) !== !1 && (t.stopPropagation(), e.parentNode !== this.listWrapper || e.previousElementSibling !== null ? (t.preventDefault(), this.mergeItemWithPrevious(e)) : this.convertFirstItemToDefaultBlock());
|
|
1132
1147
|
}
|
|
1133
1148
|
shiftTab(t) {
|
|
1134
1149
|
t.stopPropagation(), t.preventDefault(), this.currentItem !== null && this.unshiftItem(this.currentItem);
|
|
@@ -1142,20 +1157,20 @@ class et {
|
|
|
1142
1157
|
let i = A(t);
|
|
1143
1158
|
if (t.parentElement === null)
|
|
1144
1159
|
return;
|
|
1145
|
-
const s =
|
|
1160
|
+
const s = et(t);
|
|
1146
1161
|
s !== null && (i === null && (i = this.renderer.renderWrapper(!1)), s.forEach((n) => {
|
|
1147
1162
|
i.appendChild(n);
|
|
1148
|
-
}), t.appendChild(i)), e.after(t),
|
|
1163
|
+
}), t.appendChild(i)), e.after(t), F(t, !1), it(e);
|
|
1149
1164
|
}
|
|
1150
1165
|
splitList(t) {
|
|
1151
|
-
const e =
|
|
1166
|
+
const e = H(t), i = this.block, s = this.api.blocks.getCurrentBlockIndex();
|
|
1152
1167
|
if (e.length !== 0) {
|
|
1153
1168
|
const a = e[0];
|
|
1154
|
-
this.unshiftItem(a),
|
|
1169
|
+
this.unshiftItem(a), F(t, !1);
|
|
1155
1170
|
}
|
|
1156
1171
|
if (t.previousElementSibling === null && t.parentNode === this.listWrapper)
|
|
1157
1172
|
return void this.convertItemToDefaultBlock(s);
|
|
1158
|
-
const n =
|
|
1173
|
+
const n = et(t);
|
|
1159
1174
|
if (n === null)
|
|
1160
1175
|
return;
|
|
1161
1176
|
const r = this.renderer.renderWrapper(!0);
|
|
@@ -1166,14 +1181,14 @@ class et {
|
|
|
1166
1181
|
o.meta.start = this.data.style == "ordered" ? 1 : void 0, this.api.blocks.insert(i == null ? void 0 : i.name, o, this.config, s + 1), this.convertItemToDefaultBlock(s + 1), r.remove();
|
|
1167
1182
|
}
|
|
1168
1183
|
splitItem(t) {
|
|
1169
|
-
const [e, i] =
|
|
1184
|
+
const [e, i] = Ce();
|
|
1170
1185
|
if (e === null)
|
|
1171
1186
|
return;
|
|
1172
|
-
const s =
|
|
1187
|
+
const s = X(t);
|
|
1173
1188
|
let n;
|
|
1174
|
-
n = s === null ? "" :
|
|
1189
|
+
n = s === null ? "" : ve(s, e, i, "right", !0);
|
|
1175
1190
|
const r = A(t), o = this.renderItem(n);
|
|
1176
|
-
t == null || t.after(o), r && o.appendChild(r),
|
|
1191
|
+
t == null || t.after(o), r && o.appendChild(r), F(o);
|
|
1177
1192
|
}
|
|
1178
1193
|
mergeItemWithPrevious(t) {
|
|
1179
1194
|
var c;
|
|
@@ -1185,21 +1200,21 @@ class et {
|
|
|
1185
1200
|
return;
|
|
1186
1201
|
let n;
|
|
1187
1202
|
if (e) {
|
|
1188
|
-
const h =
|
|
1203
|
+
const h = H(e, !1);
|
|
1189
1204
|
n = h.length !== 0 && h.length !== 0 ? h[h.length - 1] : e;
|
|
1190
1205
|
} else
|
|
1191
1206
|
n = s;
|
|
1192
1207
|
const r = this.renderer.getItemContent(t);
|
|
1193
1208
|
if (!n)
|
|
1194
1209
|
return;
|
|
1195
|
-
|
|
1196
|
-
const o =
|
|
1210
|
+
F(n, !1);
|
|
1211
|
+
const o = X(n);
|
|
1197
1212
|
if (o === null)
|
|
1198
1213
|
return;
|
|
1199
1214
|
o.insertAdjacentHTML("beforeend", r);
|
|
1200
|
-
const a =
|
|
1215
|
+
const a = H(t);
|
|
1201
1216
|
if (a.length === 0)
|
|
1202
|
-
return t.remove(), void
|
|
1217
|
+
return t.remove(), void it(n);
|
|
1203
1218
|
const d = e || s, l = (c = A(d)) != null ? c : this.renderer.renderWrapper(!1);
|
|
1204
1219
|
e ? a.forEach((h) => {
|
|
1205
1220
|
l.appendChild(h);
|
|
@@ -1223,16 +1238,16 @@ class et {
|
|
|
1223
1238
|
return;
|
|
1224
1239
|
const s = A(i);
|
|
1225
1240
|
if (s)
|
|
1226
|
-
s.appendChild(e),
|
|
1241
|
+
s.appendChild(e), H(e).forEach((r) => {
|
|
1227
1242
|
s.appendChild(r);
|
|
1228
1243
|
});
|
|
1229
1244
|
else {
|
|
1230
1245
|
const r = this.renderer.renderWrapper(!1);
|
|
1231
|
-
r.appendChild(e),
|
|
1246
|
+
r.appendChild(e), H(e).forEach((o) => {
|
|
1232
1247
|
r.appendChild(o);
|
|
1233
1248
|
}), i.appendChild(r);
|
|
1234
1249
|
}
|
|
1235
|
-
|
|
1250
|
+
it(e), F(e, !1);
|
|
1236
1251
|
}
|
|
1237
1252
|
convertItemToDefaultBlock(t, e) {
|
|
1238
1253
|
let i;
|
|
@@ -1243,12 +1258,12 @@ class et {
|
|
|
1243
1258
|
const t = this.currentItem;
|
|
1244
1259
|
if (t === null)
|
|
1245
1260
|
return;
|
|
1246
|
-
const e =
|
|
1261
|
+
const e = H(t);
|
|
1247
1262
|
if (e.length !== 0) {
|
|
1248
1263
|
const r = e[0];
|
|
1249
|
-
this.unshiftItem(r),
|
|
1264
|
+
this.unshiftItem(r), F(t);
|
|
1250
1265
|
}
|
|
1251
|
-
const i =
|
|
1266
|
+
const i = et(t), s = this.api.blocks.getCurrentBlockIndex(), n = i === null;
|
|
1252
1267
|
this.convertItemToDefaultBlock(s, n);
|
|
1253
1268
|
}
|
|
1254
1269
|
renderItem(t, e) {
|
|
@@ -1270,8 +1285,8 @@ class et {
|
|
|
1270
1285
|
});
|
|
1271
1286
|
}
|
|
1272
1287
|
}
|
|
1273
|
-
const
|
|
1274
|
-
class
|
|
1288
|
+
const P = { wrapper: `${b}-start-with-field`, input: `${b}-start-with-field__input`, startWithElementWrapperInvalid: `${b}-start-with-field--invalid` }, U = /* @__PURE__ */ new Map([["Numeric", "numeric"], ["Lower Roman", "lower-roman"], ["Upper Roman", "upper-roman"], ["Lower Alpha", "lower-alpha"], ["Upper Alpha", "upper-alpha"]]), Tt = /* @__PURE__ */ new Map([["numeric", '<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 14.2L10 7.4135C10 7.32872 9.90111 7.28241 9.83598 7.33668L7 9.7" stroke="black" stroke-width="1.6" stroke-linecap="round"/><path d="M13.2087 14.2H13.2" stroke="black" stroke-width="1.6" stroke-linecap="round"/></svg>'], ["lower-roman", '<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.2087 14.2H13.2" stroke="black" stroke-width="1.6" stroke-linecap="round"/><path d="M10 14.2L10 9.5" stroke="black" stroke-width="1.6" stroke-linecap="round"/><path d="M10 7.01L10 7" stroke="black" stroke-width="1.8" stroke-linecap="round"/></svg>'], ["upper-roman", '<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.2087 14.2H13.2" stroke="black" stroke-width="1.6" stroke-linecap="round"/><path d="M10 14.2L10 7.2" stroke="black" stroke-width="1.6" stroke-linecap="round"/></svg>'], ["lower-alpha", '<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.2087 14.2H14.2" stroke="black" stroke-width="1.6" stroke-linecap="round"/><path d="M11.5 14.5C11.5 14.5 11 13.281 11 12.5M7 9.5C7 9.5 7.5 8.5 9 8.5C10.5 8.5 11 9.5 11 10.5L11 11.5M11 11.5L11 12.5M11 11.5C11 11.5 7 11 7 13C7 15.3031 11 15 11 12.5" stroke="black" stroke-width="1.6" stroke-linecap="round"/></svg>'], ["upper-alpha", '<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.0087 14.2H16" stroke="black" stroke-width="1.6" stroke-linecap="round"/><path d="M7 14.2L7.78865 12M13 14.2L12.1377 12M7.78865 12C7.78865 12 9.68362 7 10 7C10.3065 7 12.1377 12 12.1377 12M7.78865 12L12.1377 12" stroke="black" stroke-width="1.6" stroke-linecap="round"/></svg>']]);
|
|
1289
|
+
class K {
|
|
1275
1290
|
static get isReadOnlySupported() {
|
|
1276
1291
|
return !0;
|
|
1277
1292
|
}
|
|
@@ -1285,7 +1300,7 @@ class X {
|
|
|
1285
1300
|
return { tags: ["OL", "UL", "LI"] };
|
|
1286
1301
|
}
|
|
1287
1302
|
static get conversionConfig() {
|
|
1288
|
-
return { export: (t) =>
|
|
1303
|
+
return { export: (t) => K.joinRecursive(t), import: (t, e) => ({ meta: {}, items: [{ content: t, meta: {}, items: [] }], style: (e == null ? void 0 : e.defaultStyle) !== void 0 ? e.defaultStyle : "unordered" }) };
|
|
1289
1304
|
}
|
|
1290
1305
|
get listStyle() {
|
|
1291
1306
|
return this.data.style || this.defaultListStyle;
|
|
@@ -1298,7 +1313,7 @@ class X {
|
|
|
1298
1313
|
}
|
|
1299
1314
|
constructor({ data: t, config: e, api: i, readOnly: s, block: n }) {
|
|
1300
1315
|
var o;
|
|
1301
|
-
this.api = i, this.readOnly = s, this.config = e, this.block = n, this.defaultListStyle = ((o = this.config) == null ? void 0 : o.defaultStyle) || "unordered", this.defaultCounterTypes = this.config.counterTypes || Array.from(
|
|
1316
|
+
this.api = i, this.readOnly = s, this.config = e, this.block = n, this.defaultListStyle = ((o = this.config) == null ? void 0 : o.defaultStyle) || "unordered", this.defaultCounterTypes = this.config.counterTypes || Array.from(U.values());
|
|
1302
1317
|
const r = { style: this.defaultListStyle, meta: {}, items: [] };
|
|
1303
1318
|
this.data = Object.keys(t).length ? function(a) {
|
|
1304
1319
|
const d = [];
|
|
@@ -1316,7 +1331,7 @@ class X {
|
|
|
1316
1331
|
}(t) : r, this.listStyle === "ordered" && this.data.meta.counterType === void 0 && (this.data.meta.counterType = "numeric"), this.changeTabulatorByStyle();
|
|
1317
1332
|
}
|
|
1318
1333
|
static joinRecursive(t) {
|
|
1319
|
-
return t.items.map((e) => `${e.content} ${
|
|
1334
|
+
return t.items.map((e) => `${e.content} ${K.joinRecursive(e)}`).join("");
|
|
1320
1335
|
}
|
|
1321
1336
|
render() {
|
|
1322
1337
|
return this.listElement = this.list.render(), this.listElement;
|
|
@@ -1338,21 +1353,21 @@ class X {
|
|
|
1338
1353
|
} }];
|
|
1339
1354
|
if (this.listStyle === "ordered") {
|
|
1340
1355
|
const i = function(r, { value: o, placeholder: a, attributes: d, sanitize: l }) {
|
|
1341
|
-
const c = ht.make("div",
|
|
1356
|
+
const c = ht.make("div", P.wrapper), h = ht.make("input", P.input, { placeholder: a, tabIndex: -1, value: o });
|
|
1342
1357
|
for (const p in d)
|
|
1343
1358
|
h.setAttribute(p, d[p]);
|
|
1344
1359
|
return c.appendChild(h), h.addEventListener("input", () => {
|
|
1345
1360
|
l !== void 0 && (h.value = l(h.value));
|
|
1346
1361
|
const p = h.checkValidity();
|
|
1347
|
-
p || c.classList.contains(
|
|
1362
|
+
p || c.classList.contains(P.startWithElementWrapperInvalid) || c.classList.add(P.startWithElementWrapperInvalid), p && c.classList.contains(P.startWithElementWrapperInvalid) && c.classList.remove(P.startWithElementWrapperInvalid), p && r(h.value);
|
|
1348
1363
|
}), c;
|
|
1349
1364
|
}((r) => this.changeStartWith(Number(r)), { value: String((e = this.data.meta.start) != null ? e : 1), placeholder: "", attributes: { required: "true" }, sanitize: (r) => function(o) {
|
|
1350
1365
|
return o.replace(/\D+/g, "");
|
|
1351
1366
|
}(r) }), s = [{ label: this.api.i18n.t("Start with"), icon: '<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 14.2L8 7.4135C8 7.32872 7.90111 7.28241 7.83598 7.33668L5 9.7" stroke="black" stroke-width="1.6" stroke-linecap="round"/><path d="M14 13L16.4167 10.7778M16.4167 10.7778L14 8.5M16.4167 10.7778H11.6562" stroke="black" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg>', children: { items: [{ element: i, type: "html" }] } }], n = { label: this.api.i18n.t("Counter type"), icon: Tt.get(this.data.meta.counterType), children: { items: [] } };
|
|
1352
|
-
|
|
1353
|
-
const a =
|
|
1354
|
-
this.defaultCounterTypes.includes(a) && n.children.items.push({ title: this.api.i18n.t(o), icon: Tt.get(a), isActive: this.data.meta.counterType ===
|
|
1355
|
-
this.changeCounters(
|
|
1367
|
+
U.forEach((r, o) => {
|
|
1368
|
+
const a = U.get(o);
|
|
1369
|
+
this.defaultCounterTypes.includes(a) && n.children.items.push({ title: this.api.i18n.t(o), icon: Tt.get(a), isActive: this.data.meta.counterType === U.get(o), closeOnActivate: !0, onActivate: () => {
|
|
1370
|
+
this.changeCounters(U.get(o));
|
|
1356
1371
|
} });
|
|
1357
1372
|
}), n.children.items.length > 1 && s.push(n), t.push({ type: "separator" }, ...s);
|
|
1358
1373
|
}
|
|
@@ -1384,17 +1399,17 @@ class X {
|
|
|
1384
1399
|
changeTabulatorByStyle() {
|
|
1385
1400
|
switch (this.listStyle) {
|
|
1386
1401
|
case "ordered":
|
|
1387
|
-
this.list = new
|
|
1402
|
+
this.list = new st({ data: this.data, readOnly: this.readOnly, api: this.api, config: this.config, block: this.block }, new E(this.readOnly, this.config));
|
|
1388
1403
|
break;
|
|
1389
1404
|
case "unordered":
|
|
1390
|
-
this.list = new
|
|
1405
|
+
this.list = new st({ data: this.data, readOnly: this.readOnly, api: this.api, config: this.config, block: this.block }, new M(this.readOnly, this.config));
|
|
1391
1406
|
break;
|
|
1392
1407
|
case "checklist":
|
|
1393
|
-
this.list = new
|
|
1408
|
+
this.list = new st({ data: this.data, readOnly: this.readOnly, api: this.api, config: this.config, block: this.block }, new C(this.readOnly, this.config));
|
|
1394
1409
|
}
|
|
1395
1410
|
}
|
|
1396
1411
|
}
|
|
1397
|
-
class
|
|
1412
|
+
class be {
|
|
1398
1413
|
constructor(t, e, i) {
|
|
1399
1414
|
this.holder = e, this.observer = null, this.debounceTimer = i, this.mutationDebouncer = this.debounce(() => {
|
|
1400
1415
|
t();
|
|
@@ -1434,12 +1449,12 @@ class me {
|
|
|
1434
1449
|
document.dispatchEvent(t), (e = this.observer) == null || e.disconnect();
|
|
1435
1450
|
}
|
|
1436
1451
|
}
|
|
1437
|
-
class
|
|
1452
|
+
class ye {
|
|
1438
1453
|
constructor({ editor: t, config: e = {}, onUpdate: i, maxLength: s }) {
|
|
1439
1454
|
this.position = 0;
|
|
1440
1455
|
const n = { maxLength: 30, onUpdate() {
|
|
1441
1456
|
}, config: { debounceTimer: 200, shortcuts: { undo: ["CMD+Z"], redo: ["CMD+Y", "CMD+SHIFT+Z"] } } }, { blocks: r, caret: o } = t, { configuration: a } = t, { holder: d, defaultBlock: l } = a, c = n.config.shortcuts, { shortcuts: h } = e, p = { ...c, ...h }, g = Array.isArray(p.undo) ? p.undo : [p.undo], m = Array.isArray(p.redo) ? p.redo : [p.redo], f = n.config.debounceTimer, { debounceTimer: v = f } = e;
|
|
1442
|
-
this.holder = typeof d == "string" ? document.getElementById(d) : d, this.editor = t, this.defaultBlock = l, this.blocks = r, this.caret = o, this.shouldSaveHistory = !0, this.readOnly = a.readOnly, this.maxLength = s || n.maxLength, this.onUpdate = i || n.onUpdate, this.config = { debounceTimer: v, shortcuts: { undo: g, redo: m } }, new
|
|
1457
|
+
this.holder = typeof d == "string" ? document.getElementById(d) : d, this.editor = t, this.defaultBlock = l, this.blocks = r, this.caret = o, this.shouldSaveHistory = !0, this.readOnly = a.readOnly, this.maxLength = s || n.maxLength, this.onUpdate = i || n.onUpdate, this.config = { debounceTimer: v, shortcuts: { undo: g, redo: m } }, new be(() => this.registerChange(), this.holder, this.config.debounceTimer).setMutationObserver(), this.setEventListeners(), this.initialItem = null, this.clear();
|
|
1443
1458
|
}
|
|
1444
1459
|
static get isReadOnlySupported() {
|
|
1445
1460
|
return !0;
|
|
@@ -1570,7 +1585,7 @@ class fe {
|
|
|
1570
1585
|
return i.push(s), i;
|
|
1571
1586
|
}
|
|
1572
1587
|
setEventListeners() {
|
|
1573
|
-
const { holder: t } = this, { shortcuts: e } = this.config, { undo: i, redo: s } = e, n = i.map((p) => p.replace(/ /g, "").split("+")), r = s.map((p) => p.replace(/ /g, "").split("+")), o = n.map((p) => this.parseKeys(p)), a = r.map((p) => this.parseKeys(p)), d = (p, g) => g.reduce((m, f) => m || ((v, L) => L.length === 3 && v[L[0]] && v[L[1]] && v.key.toLowerCase() === L[2])(p, f), !1), l = (p, g, m) => !(!((f, v) => v.reduce((L, w) => L || ((
|
|
1588
|
+
const { holder: t } = this, { shortcuts: e } = this.config, { undo: i, redo: s } = e, n = i.map((p) => p.replace(/ /g, "").split("+")), r = s.map((p) => p.replace(/ /g, "").split("+")), o = n.map((p) => this.parseKeys(p)), a = r.map((p) => this.parseKeys(p)), d = (p, g) => g.reduce((m, f) => m || ((v, L) => L.length === 3 && v[L[0]] && v[L[1]] && v.key.toLowerCase() === L[2])(p, f), !1), l = (p, g, m) => !(!((f, v) => v.reduce((L, w) => L || ((I, B) => B.length === 2 && I[B[0]] && I.key.toLowerCase() === B[1])(f, w), !1))(p, g) || d(p, m)) || !!d(p, g), c = (p) => {
|
|
1574
1589
|
l(p, o, a) && (p.preventDefault(), this.undo());
|
|
1575
1590
|
}, h = (p) => {
|
|
1576
1591
|
l(p, a, o) && (p.preventDefault(), this.redo());
|
|
@@ -1580,7 +1595,7 @@ class fe {
|
|
|
1580
1595
|
});
|
|
1581
1596
|
}
|
|
1582
1597
|
}
|
|
1583
|
-
class
|
|
1598
|
+
class _ {
|
|
1584
1599
|
static get toolbox() {
|
|
1585
1600
|
return { icon: '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="24" height="24" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M83.2 147.2V448c0 25.6 19.2 44.8 44.8 44.8h768c25.6 0 44.8-19.2 44.8-44.8V147.2c0-25.6-19.2-44.8-44.8-44.8H128c-25.6 6.4-44.8 25.6-44.8 44.8z m89.6 256V192h684.8v211.2H172.8zM810.24 642.56c0-25.6-19.2-44.8-44.8-44.8h-640c-25.6 0-44.8 19.2-44.8 44.8 0 25.6 19.2 44.8 44.8 44.8h640c25.6 6.4 44.8-12.8 44.8-44.8zM554.56 866.24c0-25.6-19.2-44.8-44.8-44.8h-384c-25.6 0-44.8 19.2-44.8 44.8 0 25.6 19.2 44.8 44.8 44.8h384c25.6 6.4 44.8-12.8 44.8-44.8z" fill="#000000" ></path></svg>', title: "Alert" };
|
|
1586
1601
|
}
|
|
@@ -1606,7 +1621,7 @@ class H {
|
|
|
1606
1621
|
return { wrapper: "cdx-alert", wrapperForType: (t) => `cdx-alert-${t}`, wrapperForAlignType: (t) => `cdx-alert-align-${t}`, message: "cdx-alert__message" };
|
|
1607
1622
|
}
|
|
1608
1623
|
constructor({ data: t, config: e, api: i, readOnly: s }) {
|
|
1609
|
-
this.api = i, this.alertTypes = e.alertTypes ||
|
|
1624
|
+
this.api = i, this.alertTypes = e.alertTypes || _.ALERT_TYPES, this.defaultType = e.defaultType || _.DEFAULT_TYPE, this.defaultAlign = e.defaultAlign || _.DEFAULT_ALIGN_TYPE, this.messagePlaceholder = this.api.i18n.t(e.messagePlaceholder || _.DEFAULT_MESSAGE_PLACEHOLDER), this.data = { type: this.alertTypes.includes(t.type) ? t.type : this.defaultType, align: _.ALIGN_TYPES.includes(t.align) ? t.align : this.defaultAlign, message: t.message || "" }, this.container = void 0, this.readOnly = s;
|
|
1610
1625
|
}
|
|
1611
1626
|
static get isReadOnlySupported() {
|
|
1612
1627
|
return !0;
|
|
@@ -1659,9 +1674,9 @@ class H {
|
|
|
1659
1674
|
a.classList.toggle("cdx-alert_setting__icon_active", l === this.data.type);
|
|
1660
1675
|
});
|
|
1661
1676
|
});
|
|
1662
|
-
}),
|
|
1677
|
+
}), _.ALIGN_TYPES.map((s) => {
|
|
1663
1678
|
let n;
|
|
1664
|
-
return s === "left" && (n = document.createElement("div"), n.classList.add("cdx-alert_setting__icon"), n.innerHTML =
|
|
1679
|
+
return s === "left" && (n = document.createElement("div"), n.classList.add("cdx-alert_setting__icon"), n.innerHTML = Vt), s === "right" && (n = document.createElement("div"), n.classList.add("cdx-alert_setting__icon"), n.innerHTML = Kt), s === "center" && (n = document.createElement("div"), n.classList.add("cdx-alert_setting__icon"), n.innerHTML = Ut), n == null || n.setAttribute("data-align", s), this.api.tooltip.onHover(n, this.api.i18n.t(`align-${s}`), { placement: "top" }), i.appendChild(n), n;
|
|
1665
1680
|
}).forEach((s, n, r) => {
|
|
1666
1681
|
const o = s.getAttribute("data-align") || "";
|
|
1667
1682
|
s.addEventListener("click", () => {
|
|
@@ -1682,7 +1697,7 @@ class H {
|
|
|
1682
1697
|
});
|
|
1683
1698
|
}
|
|
1684
1699
|
_changeAlignType(t) {
|
|
1685
|
-
this.data.align = t,
|
|
1700
|
+
this.data.align = t, _.ALIGN_TYPES.forEach((e) => {
|
|
1686
1701
|
const i = this.CSS.wrapperForAlignType(e);
|
|
1687
1702
|
this.container.classList.remove(i), t === e && this.container.classList.add(i);
|
|
1688
1703
|
});
|
|
@@ -1709,7 +1724,7 @@ class H {
|
|
|
1709
1724
|
return { message: !0, type: !1, alignType: !1 };
|
|
1710
1725
|
}
|
|
1711
1726
|
}
|
|
1712
|
-
const Et = { orientation: !1 },
|
|
1727
|
+
const Et = { orientation: !1 }, J = class x {
|
|
1713
1728
|
constructor({ api: t, data: e, config: i, block: s, ...n }) {
|
|
1714
1729
|
var o, a, d, l, c, h;
|
|
1715
1730
|
this.wrapper = document.createElement("div"), this.DEFAULT_INDENT_KEY = "Tab", this.lastResizeTimeout = null, this.cachedMaxWidthForContent = null, this.api = t, this.block = s, !i && "settings" in n && (i = (o = n.settings) != null ? o : {}), this.config = { indentSize: 24, maxIndent: 8, minIndent: 0, multiblock: !1, autoIndent: !1, tuneName: null, orientation: "horizontal", customBlockIndentLimits: {}, handleShortcut: void 0, direction: "ltr", directionChangeHandler: null, version: "2.30", ...i != null ? i : {} }, this.changeConfigBasedOnVersionIfNeeded(), (a = this.config) != null && a.directionChangeHandler && this.config.directionChangeHandler(this.alignmentChangeListener.bind(this));
|
|
@@ -1978,9 +1993,9 @@ const Et = { orientation: !1 }, Y = class x {
|
|
|
1978
1993
|
return this.cachedMaxWidthForContent !== null || (this.cachedMaxWidthForContent = 650), this.cachedMaxWidthForContent;
|
|
1979
1994
|
}
|
|
1980
1995
|
};
|
|
1981
|
-
|
|
1982
|
-
let
|
|
1983
|
-
class
|
|
1996
|
+
J.DATA_WRAPPER_NAME = "data-block-indent-wrapper", J.DATA_FOCUSED = "data-focused", J.DATA_INDENT_LEVEL = "data-indent-level";
|
|
1997
|
+
let ne = J;
|
|
1998
|
+
class N {
|
|
1984
1999
|
static get toolboxIcon() {
|
|
1985
2000
|
return St;
|
|
1986
2001
|
}
|
|
@@ -1999,12 +2014,12 @@ class P {
|
|
|
1999
2014
|
surround(t) {
|
|
2000
2015
|
if (!t)
|
|
2001
2016
|
return;
|
|
2002
|
-
let e = this.api.selection.findParentTag(this.tag,
|
|
2017
|
+
let e = this.api.selection.findParentTag(this.tag, N.CSS);
|
|
2003
2018
|
e ? this.unwrap(e) : this.wrap(t);
|
|
2004
2019
|
}
|
|
2005
2020
|
wrap(t) {
|
|
2006
2021
|
let e = document.createElement(this.tag);
|
|
2007
|
-
e.classList.add(
|
|
2022
|
+
e.classList.add(N.CSS), e.appendChild(t.extractContents()), t.insertNode(e), this.api.selection.expandToTag(e);
|
|
2008
2023
|
}
|
|
2009
2024
|
unwrap(t) {
|
|
2010
2025
|
var n;
|
|
@@ -2014,17 +2029,17 @@ class P {
|
|
|
2014
2029
|
}
|
|
2015
2030
|
checkState() {
|
|
2016
2031
|
var e;
|
|
2017
|
-
const t = this.api.selection.findParentTag(this.tag,
|
|
2032
|
+
const t = this.api.selection.findParentTag(this.tag, N.CSS);
|
|
2018
2033
|
(e = this.button) == null || e.classList.toggle(this.iconClasses.active, !!t);
|
|
2019
2034
|
}
|
|
2020
2035
|
get toolboxIcon() {
|
|
2021
2036
|
return St;
|
|
2022
2037
|
}
|
|
2023
2038
|
static get sanitize() {
|
|
2024
|
-
return { mark: { class:
|
|
2039
|
+
return { mark: { class: N.CSS } };
|
|
2025
2040
|
}
|
|
2026
2041
|
}
|
|
2027
|
-
class
|
|
2042
|
+
class Se {
|
|
2028
2043
|
constructor(t) {
|
|
2029
2044
|
this.tag = "SPAN", this.class = "cdx-text-color", this.defaultColor = "#2644FF", this.lastRange = null, this.colors = ["#182a4e", "#0055cc", "#1f6a83", "#206e4e", "#e56910", "#ae2e24", "#5e4db2", "#758195", "#1e7afd", "#2998bd", "#23a06b", "#fea363", "#c9372c", "#8270db"], this.columns = 7;
|
|
2030
2045
|
const { api: e, config: i } = t;
|
|
@@ -2064,11 +2079,11 @@ class ve {
|
|
|
2064
2079
|
return { span: { style: { color: !0 } } };
|
|
2065
2080
|
}
|
|
2066
2081
|
}
|
|
2067
|
-
class
|
|
2082
|
+
class re extends Se {
|
|
2068
2083
|
static get sanitize() {
|
|
2069
2084
|
}
|
|
2070
2085
|
}
|
|
2071
|
-
const
|
|
2086
|
+
const oe = class V {
|
|
2072
2087
|
constructor(t) {
|
|
2073
2088
|
this.tag = "U", this.api = t.api, this.iconClasses = { base: this.api.styles.inlineToolButton, active: this.api.styles.inlineToolButtonActive };
|
|
2074
2089
|
}
|
|
@@ -2081,12 +2096,12 @@ const $t = class q {
|
|
|
2081
2096
|
surround(t) {
|
|
2082
2097
|
if (!t)
|
|
2083
2098
|
return;
|
|
2084
|
-
const e = this.api.selection.findParentTag(this.tag,
|
|
2099
|
+
const e = this.api.selection.findParentTag(this.tag, V.CSS);
|
|
2085
2100
|
e ? this.unwrap(e) : this.wrap(t);
|
|
2086
2101
|
}
|
|
2087
2102
|
wrap(t) {
|
|
2088
2103
|
const e = document.createElement(this.tag);
|
|
2089
|
-
e.classList.add(
|
|
2104
|
+
e.classList.add(V.CSS), e.appendChild(t.extractContents()), t.insertNode(e), this.api.selection.expandToTag(e);
|
|
2090
2105
|
}
|
|
2091
2106
|
unwrap(t) {
|
|
2092
2107
|
var n;
|
|
@@ -2102,19 +2117,19 @@ const $t = class q {
|
|
|
2102
2117
|
}
|
|
2103
2118
|
checkState() {
|
|
2104
2119
|
var e;
|
|
2105
|
-
const t = this.api.selection.findParentTag(this.tag,
|
|
2120
|
+
const t = this.api.selection.findParentTag(this.tag, V.CSS);
|
|
2106
2121
|
return (e = this.button) == null || e.classList.toggle(this.iconClasses.active, !!t), !!t;
|
|
2107
2122
|
}
|
|
2108
2123
|
get toolboxIcon() {
|
|
2109
2124
|
return '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 7.5V11.5C9 12.2956 9.31607 13.0587 9.87868 13.6213C10.4413 14.1839 11.2044 14.5 12 14.5C12.7956 14.5 13.5587 14.1839 14.1213 13.6213C14.6839 13.0587 15 12.2956 15 11.5V7.5"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7.71429 18H16.2857"/></svg>';
|
|
2110
2125
|
}
|
|
2111
2126
|
static get sanitize() {
|
|
2112
|
-
return { u: { class:
|
|
2127
|
+
return { u: { class: V.CSS } };
|
|
2113
2128
|
}
|
|
2114
2129
|
};
|
|
2115
|
-
|
|
2116
|
-
let
|
|
2117
|
-
class
|
|
2130
|
+
oe.isInline = !0;
|
|
2131
|
+
let ae = oe;
|
|
2132
|
+
class W {
|
|
2118
2133
|
constructor({ api: t }) {
|
|
2119
2134
|
this.tag = "CODE", this.api = t, this.button = null, this.iconClasses = { base: this.api.styles.inlineToolButton, active: this.api.styles.inlineToolButtonActive };
|
|
2120
2135
|
}
|
|
@@ -2131,12 +2146,12 @@ class $ {
|
|
|
2131
2146
|
var i;
|
|
2132
2147
|
if (!t)
|
|
2133
2148
|
return;
|
|
2134
|
-
let e = this.api.selection.findParentTag(this.tag,
|
|
2149
|
+
let e = this.api.selection.findParentTag(this.tag, W.CSS);
|
|
2135
2150
|
e ? this.unwrap(e) : (i = t.commonAncestorContainer.parentElement) != null && i.querySelector(this.tag) || this.wrap(t);
|
|
2136
2151
|
}
|
|
2137
2152
|
wrap(t) {
|
|
2138
2153
|
let e = document.createElement(this.tag);
|
|
2139
|
-
e.classList.add(
|
|
2154
|
+
e.classList.add(W.CSS), e.appendChild(t.extractContents()), t.insertNode(e), this.api.selection.expandToTag(e);
|
|
2140
2155
|
}
|
|
2141
2156
|
unwrap(t) {
|
|
2142
2157
|
var n;
|
|
@@ -2148,14 +2163,14 @@ class $ {
|
|
|
2148
2163
|
(n = t.parentNode) == null || n.removeChild(t), i.insertNode(s), e.removeAllRanges(), e.addRange(i);
|
|
2149
2164
|
}
|
|
2150
2165
|
checkState() {
|
|
2151
|
-
const t = this.api.selection.findParentTag(this.tag,
|
|
2166
|
+
const t = this.api.selection.findParentTag(this.tag, W.CSS);
|
|
2152
2167
|
return this.button && this.button.classList.toggle(this.iconClasses.active, !!t), !!t;
|
|
2153
2168
|
}
|
|
2154
2169
|
get toolboxIcon() {
|
|
2155
2170
|
return '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 8L5 12L9 16"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 8L19 12L15 16"/></svg>';
|
|
2156
2171
|
}
|
|
2157
2172
|
static get sanitize() {
|
|
2158
|
-
return { code: { class:
|
|
2173
|
+
return { code: { class: W.CSS } };
|
|
2159
2174
|
}
|
|
2160
2175
|
}
|
|
2161
2176
|
function T(u, t, e = {}) {
|
|
@@ -2169,7 +2184,7 @@ function Mt(u) {
|
|
|
2169
2184
|
const t = u.getBoundingClientRect();
|
|
2170
2185
|
return { y1: Math.floor(t.top + window.pageYOffset), x1: Math.floor(t.left + window.pageXOffset), x2: Math.floor(t.right + window.pageXOffset), y2: Math.floor(t.bottom + window.pageYOffset) };
|
|
2171
2186
|
}
|
|
2172
|
-
function
|
|
2187
|
+
function nt(u, t) {
|
|
2173
2188
|
const e = Mt(u), i = Mt(t);
|
|
2174
2189
|
return { fromTopBorder: i.y1 - e.y1, fromLeftBorder: i.x1 - e.x1, fromRightBorder: e.x2 - i.x2, fromBottomBorder: e.y2 - i.y2 };
|
|
2175
2190
|
}
|
|
@@ -2273,8 +2288,8 @@ class O {
|
|
|
2273
2288
|
(t = this.popover) == null || t.close(), this.wrapper.classList.remove(O.CSS.toolboxShowed);
|
|
2274
2289
|
}
|
|
2275
2290
|
}
|
|
2276
|
-
const Ht = "tc-wrap",
|
|
2277
|
-
class
|
|
2291
|
+
const Ht = "tc-wrap", Le = "tc-wrap--readonly", Bt = "tc-table", z = "tc-row", At = "tc-table--heading", rt = "tc-row--selected", D = "tc-cell", ot = "tc-cell--selected", at = "tc-add-row", Ot = "tc-add-row--disabled", lt = "tc-add-column", Rt = "tc-add-column--disabled";
|
|
2292
|
+
class xe {
|
|
2278
2293
|
constructor(t, e, i, s) {
|
|
2279
2294
|
this.minCellWidhth = 50, this.defaultCellWidth = 100, this.handleDocumentMousedown = (n) => {
|
|
2280
2295
|
this.wrapper.contains(n.target) && n.target.classList.contains("cell-resizable") && (n.preventDefault(), this.isDragging = !0, this.table.classList.add("table-resizing"), document.addEventListener("mousemove", this.handleDocumentMousemove), document.addEventListener("mouseup", this.handleDocumentMouseup), this.draggingColumn = this.hoveredColumn, this.startWidth = this.colWidthArr[this.draggingColumn - 1], this.mouseStartX = n.clientX);
|
|
@@ -2289,7 +2304,7 @@ class ye {
|
|
|
2289
2304
|
let r = n.target;
|
|
2290
2305
|
const o = r.closest(`.${Bt}`) !== null, a = r.closest(`.${Ht}`) === null;
|
|
2291
2306
|
(o || a) && this.hideToolboxes();
|
|
2292
|
-
const d = r.closest(`.${
|
|
2307
|
+
const d = r.closest(`.${at}`), l = r.closest(`.${lt}`);
|
|
2293
2308
|
d && d.parentNode === this.wrapper ? (this.addRow(void 0, !0), this.hideToolboxes()) : l && l.parentNode === this.wrapper && (this.addColumn(void 0, !0), this.hideToolboxes());
|
|
2294
2309
|
}, this.readOnly || this.bindEvents();
|
|
2295
2310
|
}
|
|
@@ -2308,8 +2323,8 @@ class ye {
|
|
|
2308
2323
|
}
|
|
2309
2324
|
getCellInCol(t) {
|
|
2310
2325
|
const e = [];
|
|
2311
|
-
return this.table.querySelectorAll(`.${
|
|
2312
|
-
const s = i.querySelector(`.${
|
|
2326
|
+
return this.table.querySelectorAll(`.${z}`).forEach((i) => {
|
|
2327
|
+
const s = i.querySelector(`.${D}:nth-child(${t})`);
|
|
2313
2328
|
s && e.push(s);
|
|
2314
2329
|
}), e;
|
|
2315
2330
|
}
|
|
@@ -2343,16 +2358,16 @@ class ye {
|
|
|
2343
2358
|
this.focusedCell.row !== this.numberOfRows ? (this.focusedCell.row += 1, this.focusCell()) : (this.addRow(), this.focusedCell.row += 1, this.focusCell(), this.updateToolboxesPosition(0, 0));
|
|
2344
2359
|
}
|
|
2345
2360
|
getCell(t, e) {
|
|
2346
|
-
return this.table.querySelectorAll(`.${
|
|
2361
|
+
return this.table.querySelectorAll(`.${z}:nth-child(${t}) .${D}`)[e - 1];
|
|
2347
2362
|
}
|
|
2348
2363
|
getRow(t) {
|
|
2349
|
-
return this.table.querySelector(`.${
|
|
2364
|
+
return this.table.querySelector(`.${z}:nth-child(${t})`);
|
|
2350
2365
|
}
|
|
2351
2366
|
getRowByCell(t) {
|
|
2352
2367
|
return t.parentElement;
|
|
2353
2368
|
}
|
|
2354
2369
|
getRowFirstCell(t) {
|
|
2355
|
-
return t.querySelector(`.${
|
|
2370
|
+
return t.querySelector(`.${D}:first-child`);
|
|
2356
2371
|
}
|
|
2357
2372
|
setCellContent(t, e, i) {
|
|
2358
2373
|
this.getCell(t, e).innerHTML = i;
|
|
@@ -2370,11 +2385,11 @@ class ye {
|
|
|
2370
2385
|
d && e && It(d);
|
|
2371
2386
|
}
|
|
2372
2387
|
}
|
|
2373
|
-
const s = this.wrapper.querySelector(`.${
|
|
2388
|
+
const s = this.wrapper.querySelector(`.${lt}`);
|
|
2374
2389
|
(n = this.config) != null && n.maxcols && this.numberOfColumns > this.config.maxcols - 1 && s && s.classList.add(Rt), this.addHeadingAttrToFirstRow(), this.colWidthArr.splice(t - 1, 0, this.defaultCellWidth);
|
|
2375
2390
|
}
|
|
2376
2391
|
addRow(t = -1, e = !1) {
|
|
2377
|
-
let i, s = T("div",
|
|
2392
|
+
let i, s = T("div", z);
|
|
2378
2393
|
this.tunes.withHeadings && this.removeHeadingAttrFromFirstRow();
|
|
2379
2394
|
let n = this.numberOfColumns;
|
|
2380
2395
|
if (this.config && this.config.maxrows && this.numberOfRows >= this.config.maxrows)
|
|
@@ -2382,7 +2397,7 @@ class ye {
|
|
|
2382
2397
|
t > 0 && t <= this.numberOfRows ? i = _t(s, this.getRow(t)) : i = this.table.appendChild(s), this.fillRow(i, n), this.tunes.withHeadings && this.addHeadingAttrToFirstRow();
|
|
2383
2398
|
const r = this.getRowFirstCell(i);
|
|
2384
2399
|
r && e && It(r);
|
|
2385
|
-
const o = this.wrapper.querySelector(`.${
|
|
2400
|
+
const o = this.wrapper.querySelector(`.${at}`);
|
|
2386
2401
|
return this.config && this.config.maxrows && this.numberOfRows >= this.config.maxrows && o && o.classList.add(Ot), i;
|
|
2387
2402
|
}
|
|
2388
2403
|
deleteColumn(t) {
|
|
@@ -2392,16 +2407,16 @@ class ye {
|
|
|
2392
2407
|
return;
|
|
2393
2408
|
s.remove();
|
|
2394
2409
|
}
|
|
2395
|
-
const e = this.wrapper.querySelector(`.${
|
|
2410
|
+
const e = this.wrapper.querySelector(`.${lt}`);
|
|
2396
2411
|
e && e.classList.remove(Rt), this.colWidthArr.splice(t - 1, 1);
|
|
2397
2412
|
}
|
|
2398
2413
|
deleteRow(t) {
|
|
2399
2414
|
this.getRow(t).remove();
|
|
2400
|
-
const e = this.wrapper.querySelector(`.${
|
|
2415
|
+
const e = this.wrapper.querySelector(`.${at}`);
|
|
2401
2416
|
e && e.classList.remove(Ot), this.addHeadingAttrToFirstRow();
|
|
2402
2417
|
}
|
|
2403
2418
|
createTableWrapper() {
|
|
2404
|
-
this.wrapper = T("div", Ht), this.table = T("div", Bt), this.readOnly && this.wrapper.classList.add(
|
|
2419
|
+
this.wrapper = T("div", Ht), this.table = T("div", Bt), this.readOnly && this.wrapper.classList.add(Le), this.wrapper.appendChild(this.toolboxRow.element), this.wrapper.appendChild(this.toolboxColumn.element), this.wrapper.appendChild(this.table);
|
|
2405
2420
|
}
|
|
2406
2421
|
computeInitialSize() {
|
|
2407
2422
|
const t = this.data && this.data.content, e = Array.isArray(t), i = !!e && t.length, s = e ? t.length : void 0, n = i ? t[0].length : void 0, r = Number.parseInt(this.config && this.config.rows), o = Number.parseInt(this.config && this.config.cols), a = !isNaN(r) && r > 0 ? r : void 0, d = !isNaN(o) && o > 0 ? o : void 0;
|
|
@@ -2435,13 +2450,13 @@ class ye {
|
|
|
2435
2450
|
}
|
|
2436
2451
|
}
|
|
2437
2452
|
createCell() {
|
|
2438
|
-
return T("div",
|
|
2453
|
+
return T("div", D, { contentEditable: !this.readOnly });
|
|
2439
2454
|
}
|
|
2440
2455
|
get numberOfRows() {
|
|
2441
2456
|
return this.table.childElementCount;
|
|
2442
2457
|
}
|
|
2443
2458
|
get numberOfColumns() {
|
|
2444
|
-
return this.numberOfRows ? this.table.querySelectorAll(`.${
|
|
2459
|
+
return this.numberOfRows ? this.table.querySelectorAll(`.${z}:first-child .${D}`).length : 0;
|
|
2445
2460
|
}
|
|
2446
2461
|
get isColumnMenuShowing() {
|
|
2447
2462
|
return this.selectedColumn !== 0;
|
|
@@ -2469,7 +2484,7 @@ class ye {
|
|
|
2469
2484
|
}
|
|
2470
2485
|
focusInTableListener(t) {
|
|
2471
2486
|
const e = t.target, i = this.getRowByCell(e);
|
|
2472
|
-
i && (this.focusedCell = { row: Array.from(this.table.querySelectorAll(`.${
|
|
2487
|
+
i && (this.focusedCell = { row: Array.from(this.table.querySelectorAll(`.${z}`)).indexOf(i) + 1, column: Array.from(i.querySelectorAll(`.${D}`)).indexOf(e) + 1 });
|
|
2473
2488
|
}
|
|
2474
2489
|
hideToolboxes() {
|
|
2475
2490
|
this.hideRowToolbox(), this.hideColumnToolbox(), this.updateToolboxesPosition();
|
|
@@ -2489,7 +2504,7 @@ class ye {
|
|
|
2489
2504
|
}
|
|
2490
2505
|
updateToolboxesPosition(t = this.hoveredRow, e = this.hoveredColumn) {
|
|
2491
2506
|
this.isColumnMenuShowing || e > 0 && e <= this.numberOfColumns && this.toolboxColumn.show(() => ({ left: `calc((100% - var(--cell-size)) / (${this.numberOfColumns} * 2) * (1 + (${e} - 1) * 2))` })), this.isRowMenuShowing || t > 0 && t <= this.numberOfRows && this.toolboxRow.show(() => {
|
|
2492
|
-
const i = this.getRow(t), { fromTopBorder: s } =
|
|
2507
|
+
const i = this.getRow(t), { fromTopBorder: s } = nt(this.table, i), { height: n } = i.getBoundingClientRect();
|
|
2493
2508
|
return { top: `${Math.ceil(s + n / 2)}px` };
|
|
2494
2509
|
});
|
|
2495
2510
|
}
|
|
@@ -2510,34 +2525,34 @@ class ye {
|
|
|
2510
2525
|
}
|
|
2511
2526
|
selectRow(t) {
|
|
2512
2527
|
const e = this.getRow(t);
|
|
2513
|
-
e && (this.selectedRow = t, e.classList.add(
|
|
2528
|
+
e && (this.selectedRow = t, e.classList.add(rt));
|
|
2514
2529
|
}
|
|
2515
2530
|
unselectRow() {
|
|
2516
2531
|
if (this.selectedRow <= 0)
|
|
2517
2532
|
return;
|
|
2518
|
-
const t = this.table.querySelector(`.${
|
|
2519
|
-
t && t.classList.remove(
|
|
2533
|
+
const t = this.table.querySelector(`.${rt}`);
|
|
2534
|
+
t && t.classList.remove(rt), this.selectedRow = 0;
|
|
2520
2535
|
}
|
|
2521
2536
|
selectColumn(t) {
|
|
2522
2537
|
for (let e = 1; e <= this.numberOfRows; e++) {
|
|
2523
2538
|
const i = this.getCell(e, t);
|
|
2524
|
-
i && i.classList.add(
|
|
2539
|
+
i && i.classList.add(ot);
|
|
2525
2540
|
}
|
|
2526
2541
|
this.selectedColumn = t;
|
|
2527
2542
|
}
|
|
2528
2543
|
unselectColumn() {
|
|
2529
2544
|
if (this.selectedColumn <= 0)
|
|
2530
2545
|
return;
|
|
2531
|
-
let t = this.table.querySelectorAll(`.${
|
|
2546
|
+
let t = this.table.querySelectorAll(`.${ot}`);
|
|
2532
2547
|
Array.from(t).forEach((e) => {
|
|
2533
|
-
e.classList.remove(
|
|
2548
|
+
e.classList.remove(ot);
|
|
2534
2549
|
}), this.selectedColumn = 0;
|
|
2535
2550
|
}
|
|
2536
2551
|
getHoveredCell(t) {
|
|
2537
2552
|
let e = this.hoveredRow, i = this.hoveredColumn;
|
|
2538
2553
|
const { width: s, height: n, x: r, y: o } = function(h, p) {
|
|
2539
|
-
const g = h.getBoundingClientRect(), { width: m, height: f, x: v, y: L } = g, { clientX: w, clientY:
|
|
2540
|
-
return { width: m, height: f, x: w - v, y:
|
|
2554
|
+
const g = h.getBoundingClientRect(), { width: m, height: f, x: v, y: L } = g, { clientX: w, clientY: I } = p;
|
|
2555
|
+
return { width: m, height: f, x: w - v, y: I - L };
|
|
2541
2556
|
}(this.table, t);
|
|
2542
2557
|
if (r >= 0) {
|
|
2543
2558
|
const h = ({ fromLeftBorder: g }) => r < g, p = ({ fromRightBorder: g }) => r > s - g;
|
|
@@ -2551,14 +2566,14 @@ class ye {
|
|
|
2551
2566
|
return { row: a, column: d, deltaXCell: l, deltaYCell: c };
|
|
2552
2567
|
}
|
|
2553
2568
|
getMousePositionRelateToCell(t, e, i, s) {
|
|
2554
|
-
const n = this.getCell(t, e), { fromTopBorder: r, fromLeftBorder: o } =
|
|
2569
|
+
const n = this.getCell(t, e), { fromTopBorder: r, fromLeftBorder: o } = nt(this.table, n);
|
|
2555
2570
|
return { deltaXCell: i - o, deltaYCell: s - r };
|
|
2556
2571
|
}
|
|
2557
2572
|
binSearch(t, e, i, s) {
|
|
2558
2573
|
let n, r = 0, o = t + 1, a = 0;
|
|
2559
2574
|
for (; r < o - 1 && a < 10; ) {
|
|
2560
2575
|
n = Math.ceil((r + o) / 2);
|
|
2561
|
-
const d = e(n), l =
|
|
2576
|
+
const d = e(n), l = nt(this.table, d);
|
|
2562
2577
|
if (i(l))
|
|
2563
2578
|
o = n;
|
|
2564
2579
|
else {
|
|
@@ -2573,7 +2588,7 @@ class ye {
|
|
|
2573
2588
|
getData() {
|
|
2574
2589
|
const t = [];
|
|
2575
2590
|
for (let e = 1; e <= this.numberOfRows; e++) {
|
|
2576
|
-
const i = this.table.querySelector(`.${
|
|
2591
|
+
const i = this.table.querySelector(`.${z}:nth-child(${e})`), s = Array.from(i.querySelectorAll(`.${D}`));
|
|
2577
2592
|
s.every((n) => !n.textContent.trim()) || t.push(s.map((n) => n.innerHTML));
|
|
2578
2593
|
}
|
|
2579
2594
|
return t;
|
|
@@ -2582,7 +2597,7 @@ class ye {
|
|
|
2582
2597
|
document.removeEventListener("click", this.documentClicked);
|
|
2583
2598
|
}
|
|
2584
2599
|
}
|
|
2585
|
-
class
|
|
2600
|
+
class le {
|
|
2586
2601
|
static get isReadOnlySupported() {
|
|
2587
2602
|
return !0;
|
|
2588
2603
|
}
|
|
@@ -2596,7 +2611,7 @@ class Se {
|
|
|
2596
2611
|
return { icon: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-width="2" d="M10 5V18.5"/><path stroke="currentColor" stroke-width="2" d="M5 10H19"/><rect width="14" height="14" x="5" y="5" stroke="currentColor" stroke-width="2" rx="4"/></svg>', title: "Table" };
|
|
2597
2612
|
}
|
|
2598
2613
|
render() {
|
|
2599
|
-
return this.table = new
|
|
2614
|
+
return this.table = new xe(this.readOnly, this.api, this.data, this.config), this.container = T("div", this.api.styles.block), this.container.appendChild(this.table.getWrapper()), this.table.setHeadingsSetting(this.data.withHeadings), this.container;
|
|
2600
2615
|
}
|
|
2601
2616
|
renderSettings() {
|
|
2602
2617
|
return [{ label: this.api.i18n.t("With headings"), icon: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-width="2" d="M5 10H19"/><rect width="14" height="14" x="5" y="5" stroke="currentColor" stroke-width="2" rx="4"/></svg>', isActive: this.data.withHeadings, closeOnActivate: !0, toggle: !0, hint: { title: this.api.i18n.t("With headings") }, onActivate: () => {
|
|
@@ -2626,17 +2641,17 @@ class Se {
|
|
|
2626
2641
|
}
|
|
2627
2642
|
}
|
|
2628
2643
|
}
|
|
2629
|
-
function
|
|
2644
|
+
function $(u, t = null, e = {}) {
|
|
2630
2645
|
const i = document.createElement(u);
|
|
2631
2646
|
Array.isArray(t) ? i.classList.add(...t) : t !== null && i.classList.add(t);
|
|
2632
2647
|
for (const s in e)
|
|
2633
2648
|
e.hasOwnProperty(s) && (i[s] = e[s]);
|
|
2634
2649
|
return i;
|
|
2635
2650
|
}
|
|
2636
|
-
var
|
|
2637
|
-
class
|
|
2651
|
+
var Q = ((u) => (u.Empty = "empty", u.Uploading = "uploading", u.Filled = "filled", u))(Q || {});
|
|
2652
|
+
class Te {
|
|
2638
2653
|
constructor({ api: t, config: e, onSelectFile: i, readOnly: s }) {
|
|
2639
|
-
this.api = t, this.config = e, this.onSelectFile = i, this.readOnly = s, this.nodes = { wrapper:
|
|
2654
|
+
this.api = t, this.config = e, this.onSelectFile = i, this.readOnly = s, this.nodes = { wrapper: $("div", [this.CSS.baseClass, this.CSS.wrapper]), imageContainer: $("div", [this.CSS.imageContainer]), fileButton: this.createFileButton(), imageEl: void 0, imagePreloader: $("div", this.CSS.imagePreloader), caption: $("div", [this.CSS.input, this.CSS.caption], { contentEditable: !this.readOnly }) }, this.nodes.caption.dataset.placeholder = this.config.captionPlaceholder, this.nodes.imageContainer.appendChild(this.nodes.imagePreloader), this.nodes.wrapper.appendChild(this.nodes.imageContainer), this.nodes.wrapper.appendChild(this.nodes.caption), this.nodes.wrapper.appendChild(this.nodes.fileButton);
|
|
2640
2655
|
}
|
|
2641
2656
|
applyTune(t, e) {
|
|
2642
2657
|
this.nodes.wrapper.classList.toggle(`${this.CSS.wrapper}--${t}`, e);
|
|
@@ -2653,7 +2668,7 @@ class Le {
|
|
|
2653
2668
|
fillImage(t) {
|
|
2654
2669
|
const e = /\.mp4$/.test(t) ? "VIDEO" : "IMG", i = { src: t };
|
|
2655
2670
|
let s = "load";
|
|
2656
|
-
e === "VIDEO" && (i.autoplay = !0, i.loop = !0, i.muted = !0, i.playsinline = !0, s = "loadeddata"), this.nodes.imageEl =
|
|
2671
|
+
e === "VIDEO" && (i.autoplay = !0, i.loop = !0, i.muted = !0, i.playsinline = !0, s = "loadeddata"), this.nodes.imageEl = $(e, this.CSS.imageEl, i), this.nodes.imageEl.addEventListener(s, () => {
|
|
2657
2672
|
this.toggleStatus("filled"), this.nodes.imagePreloader !== void 0 && (this.nodes.imagePreloader.style.backgroundImage = "");
|
|
2658
2673
|
}), this.nodes.imageContainer.appendChild(this.nodes.imageEl);
|
|
2659
2674
|
}
|
|
@@ -2661,9 +2676,9 @@ class Le {
|
|
|
2661
2676
|
this.nodes.caption !== void 0 && (this.nodes.caption.innerHTML = t);
|
|
2662
2677
|
}
|
|
2663
2678
|
toggleStatus(t) {
|
|
2664
|
-
for (const e in
|
|
2665
|
-
if (Object.prototype.hasOwnProperty.call(
|
|
2666
|
-
const i =
|
|
2679
|
+
for (const e in Q)
|
|
2680
|
+
if (Object.prototype.hasOwnProperty.call(Q, e)) {
|
|
2681
|
+
const i = Q[e];
|
|
2667
2682
|
this.nodes.wrapper.classList.toggle(`${this.CSS.wrapper}--${i}`, i === t);
|
|
2668
2683
|
}
|
|
2669
2684
|
}
|
|
@@ -2672,13 +2687,13 @@ class Le {
|
|
|
2672
2687
|
}
|
|
2673
2688
|
createFileButton() {
|
|
2674
2689
|
var e;
|
|
2675
|
-
const t =
|
|
2676
|
-
return t.innerHTML = (e = this.config.buttonContent) != null ? e : `${
|
|
2690
|
+
const t = $("div", [this.CSS.button]);
|
|
2691
|
+
return t.innerHTML = (e = this.config.buttonContent) != null ? e : `${Yt} ${this.api.i18n.t("Select an Image")}`, t.addEventListener("click", () => {
|
|
2677
2692
|
this.onSelectFile();
|
|
2678
2693
|
}), t;
|
|
2679
2694
|
}
|
|
2680
2695
|
}
|
|
2681
|
-
class
|
|
2696
|
+
class Ee {
|
|
2682
2697
|
constructor({ config: t, onUpload: e, onError: i }) {
|
|
2683
2698
|
this.config = t, this.onUpload = e, this.onError = i;
|
|
2684
2699
|
}
|
|
@@ -2689,9 +2704,9 @@ class xe {
|
|
|
2689
2704
|
let f = !0;
|
|
2690
2705
|
return new Promise((v, L) => {
|
|
2691
2706
|
let w = document.createElement("INPUT");
|
|
2692
|
-
w.type = "file", m.multiple && w.setAttribute("multiple", "multiple"), m.accept && w.setAttribute("accept", m.accept), w.style.display = "none", document.body.appendChild(w), w.addEventListener("change", (
|
|
2707
|
+
w.type = "file", m.multiple && w.setAttribute("multiple", "multiple"), m.accept && w.setAttribute("accept", m.accept), w.style.display = "none", document.body.appendChild(w), w.addEventListener("change", (I) => {
|
|
2693
2708
|
f = !1;
|
|
2694
|
-
const B =
|
|
2709
|
+
const B = I.target.files;
|
|
2695
2710
|
v(B), document.body.removeChild(w);
|
|
2696
2711
|
}, !1), window.addEventListener("focus", () => {
|
|
2697
2712
|
setTimeout(() => {
|
|
@@ -2718,13 +2733,13 @@ class xe {
|
|
|
2718
2733
|
m && f && (l[f] = v + " " + m);
|
|
2719
2734
|
}
|
|
2720
2735
|
l["Content-Type"] = "application/json";
|
|
2721
|
-
const c =
|
|
2736
|
+
const c = G.create({ timeout: 18e5, headers: l }), h = await c.post(this.config.endpoints.byFile, { fileName: r.name, contentType: r.type });
|
|
2722
2737
|
if (h.status !== 200)
|
|
2723
2738
|
return void this.onError(h.statusText);
|
|
2724
2739
|
const p = h.data;
|
|
2725
2740
|
if (!p.success)
|
|
2726
2741
|
return void this.onError(p.message);
|
|
2727
|
-
i = p.data.cdn, s = p.data.objectKey,
|
|
2742
|
+
i = p.data.cdn, s = p.data.objectKey, G.create({ timeout: 18e5, headers: { "Content-Type": r.type } }).put(p.data.presignedUrl, r).then((m) => {
|
|
2728
2743
|
m.status === 200 && (m = { success: 1, file: { url: i + s } }), this.onUpload(m);
|
|
2729
2744
|
}).catch((m) => {
|
|
2730
2745
|
this.onError(m);
|
|
@@ -2736,7 +2751,7 @@ class xe {
|
|
|
2736
2751
|
const s = this.config.userStore.token, n = this.config.userStore.tokenName, r = this.config.userStore.tokenPrefix;
|
|
2737
2752
|
s && n && (i[n] = r + " " + s);
|
|
2738
2753
|
}
|
|
2739
|
-
e =
|
|
2754
|
+
e = G.create({ timeout: 18e5, headers: i }).post(this.config.endpoints.byUrl, { url: t, accept: ".jpg,.jpeg,.gif,.png,.webp" }), e.then((s) => {
|
|
2740
2755
|
if (s.status !== 200 || s.data.success === !1)
|
|
2741
2756
|
return void this.onError(s.data.message);
|
|
2742
2757
|
let n = { success: 1, file: { url: s.data.data.cdn + s.data.data.objectKey } };
|
|
@@ -2755,7 +2770,7 @@ class xe {
|
|
|
2755
2770
|
const h = this.config.userStore.token, p = this.config.userStore.tokenName, g = this.config.userStore.tokenPrefix;
|
|
2756
2771
|
h && p && (r[p] = g + " " + h);
|
|
2757
2772
|
}
|
|
2758
|
-
const o =
|
|
2773
|
+
const o = G.create({ timeout: 18e5, headers: r });
|
|
2759
2774
|
r["Content-Type"] = "application/json";
|
|
2760
2775
|
const a = await o.post(this.config.endpoints.byFile, { fileName: t.name, contentType: t.type });
|
|
2761
2776
|
if (a.status !== 200)
|
|
@@ -2771,10 +2786,10 @@ class xe {
|
|
|
2771
2786
|
});
|
|
2772
2787
|
}
|
|
2773
2788
|
}
|
|
2774
|
-
class
|
|
2789
|
+
class Y {
|
|
2775
2790
|
constructor({ data: t, config: e, api: i, readOnly: s, block: n }) {
|
|
2776
2791
|
var r;
|
|
2777
|
-
this.isCaptionEnabled = null, this.api = i, this.block = n, this.userStore = e == null ? void 0 : e.userStore, this.config = { endpoints: e.endpoints, additionalRequestData: e.additionalRequestData, additionalRequestHeaders: e.additionalRequestHeaders, field: e.field, types: e.types, captionPlaceholder: this.api.i18n.t((r = e.captionPlaceholder) != null ? r : "Caption"), buttonContent: e.buttonContent, uploader: e.uploader, actions: e.actions, features: e.features || {}, userStore: e.userStore }, this.uploader = new
|
|
2792
|
+
this.isCaptionEnabled = null, this.api = i, this.block = n, this.userStore = e == null ? void 0 : e.userStore, this.config = { endpoints: e.endpoints, additionalRequestData: e.additionalRequestData, additionalRequestHeaders: e.additionalRequestHeaders, field: e.field, types: e.types, captionPlaceholder: this.api.i18n.t((r = e.captionPlaceholder) != null ? r : "Caption"), buttonContent: e.buttonContent, uploader: e.uploader, actions: e.actions, features: e.features || {}, userStore: e.userStore }, this.uploader = new Ee({ config: this.config, onUpload: (o) => this.onUpload(o), onError: (o) => this.uploadingFailed(o) }), this.ui = new Te({ api: i, config: this.config, onSelectFile: () => {
|
|
2778
2793
|
this.uploader.uploadSelectedFile({ onPreview: (o) => {
|
|
2779
2794
|
this.ui.showPreloader(o);
|
|
2780
2795
|
}, noSelectedFile: () => {
|
|
@@ -2792,7 +2807,7 @@ class J {
|
|
|
2792
2807
|
return !0;
|
|
2793
2808
|
}
|
|
2794
2809
|
static get toolbox() {
|
|
2795
|
-
return { icon:
|
|
2810
|
+
return { icon: Yt, title: "Image" };
|
|
2796
2811
|
}
|
|
2797
2812
|
static get tunes() {
|
|
2798
2813
|
return [{ name: "withBorder", icon: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18.9919 9.5H19.0015"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.5 5H14.5096"/><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M14.625 5H15C17.2091 5 19 6.79086 19 9V9.375"/><path stroke="currentColor" stroke-width="2" d="M9.375 5L9 5C6.79086 5 5 6.79086 5 9V9.375"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.3725 5H9.38207"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 9.5H5.00957"/><path stroke="currentColor" stroke-width="2" d="M9.375 19H9C6.79086 19 5 17.2091 5 15V14.625"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.3725 19H9.38207"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 14.55H5.00957"/><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M16 13V16M16 19V16M19 16H16M16 16H13"/></svg>', title: "With border", toggle: !0 }, { name: "stretched", icon: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 9L20 12L17 15"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 12H20"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 9L4 12L7 15"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 12H10"/></svg>', title: "Stretch image", toggle: !0 }, { name: "withBackground", icon: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 19V19C9.13623 19 8.20435 19 7.46927 18.6955C6.48915 18.2895 5.71046 17.5108 5.30448 16.5307C5 15.7956 5 14.8638 5 13V12C5 9.19108 5 7.78661 5.67412 6.77772C5.96596 6.34096 6.34096 5.96596 6.77772 5.67412C7.78661 5 9.19108 5 12 5H13.5C14.8956 5 15.5933 5 16.1611 5.17224C17.4395 5.56004 18.44 6.56046 18.8278 7.83886C19 8.40666 19 9.10444 19 10.5V10.5"/><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M16 13V16M16 19V16M19 16H16M16 16H13"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6.5 17.5L17.5 6.5"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18.9919 10.5H19.0015"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.9919 19H11.0015"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13L13 5"/></svg>', title: "With background", toggle: !0 }];
|
|
@@ -2810,8 +2825,8 @@ class J {
|
|
|
2810
2825
|
}
|
|
2811
2826
|
renderSettings() {
|
|
2812
2827
|
var n;
|
|
2813
|
-
const t =
|
|
2814
|
-
((n = this.config.features) == null ? void 0 : n.caption) === "optional" && t.push({ name: "caption", icon:
|
|
2828
|
+
const t = Y.tunes.concat(this.config.actions || []), e = { border: "withBorder", background: "withBackground", stretch: "stretched", caption: "caption" };
|
|
2829
|
+
((n = this.config.features) == null ? void 0 : n.caption) === "optional" && t.push({ name: "caption", icon: Gt, title: "With caption", toggle: !0 });
|
|
2815
2830
|
const i = t.filter((r) => {
|
|
2816
2831
|
var a, d;
|
|
2817
2832
|
const o = Object.keys(e).find((l) => e[l] === r.name);
|
|
@@ -2855,7 +2870,7 @@ class J {
|
|
|
2855
2870
|
}
|
|
2856
2871
|
set data(t) {
|
|
2857
2872
|
var e;
|
|
2858
|
-
this.image = t.file, this._data.caption = t.caption || "", this.ui.fillCaption(this._data.caption),
|
|
2873
|
+
this.image = t.file, this._data.caption = t.caption || "", this.ui.fillCaption(this._data.caption), Y.tunes.forEach(({ name: i }) => {
|
|
2859
2874
|
const s = t[i] !== void 0 && (t[i] === !0 || t[i] === "true");
|
|
2860
2875
|
this.setTune(i, s);
|
|
2861
2876
|
}), (t.caption || ((e = this.config.features) == null ? void 0 : e.caption) === !0) && this.setTune("caption", !0);
|
|
@@ -2891,10 +2906,10 @@ class J {
|
|
|
2891
2906
|
this.ui.showPreloader(t), this.uploader.uploadByUrl(t);
|
|
2892
2907
|
}
|
|
2893
2908
|
}
|
|
2894
|
-
class
|
|
2909
|
+
class de {
|
|
2895
2910
|
constructor({ api: t, data: e, config: i, block: s }) {
|
|
2896
|
-
var n, r, o, a, d, l, c, h, p, g, m, f, v, L, w,
|
|
2897
|
-
this.settings = [], this.api = t, this.block = s, this.data = { floatLeft: (n = e == null ? void 0 : e.floatLeft) != null ? n : !1, floatRight: (r = e == null ? void 0 : e.floatRight) != null ? r : !1, center: (o = e == null ? void 0 : e.center) != null ? o : !1, sizeSmall: (a = e == null ? void 0 : e.sizeSmall) != null ? a : !1, sizeMiddle: (d = e == null ? void 0 : e.sizeMiddle) != null ? d : !1, sizeLarge: (l = e == null ? void 0 : e.sizeLarge) != null ? l : !1, resize: (h = (c = e == null ? void 0 : e.resize) != null ? c : i == null ? void 0 : i.resize) != null ? h : !1, resizeSize: (p = e == null ? void 0 : e.resizeSize) != null ? p : 0, crop: (m = (g = e == null ? void 0 : e.crop) != null ? g : i == null ? void 0 : i.crop) != null ? m : !1, cropperFrameHeight: (f = e == null ? void 0 : e.cropperFrameHeight) != null ? f : 0, cropperFrameWidth: (v = e == null ? void 0 : e.cropperFrameWidth) != null ? v : 0, cropperFrameLeft: (L = e == null ? void 0 : e.cropperFrameLeft) != null ? L : 0, cropperFrameTop: (w = e == null ? void 0 : e.cropperFrameTop) != null ? w : 0, cropperImageHeight: (
|
|
2911
|
+
var n, r, o, a, d, l, c, h, p, g, m, f, v, L, w, I, B;
|
|
2912
|
+
this.settings = [], this.api = t, this.block = s, this.data = { floatLeft: (n = e == null ? void 0 : e.floatLeft) != null ? n : !1, floatRight: (r = e == null ? void 0 : e.floatRight) != null ? r : !1, center: (o = e == null ? void 0 : e.center) != null ? o : !1, sizeSmall: (a = e == null ? void 0 : e.sizeSmall) != null ? a : !1, sizeMiddle: (d = e == null ? void 0 : e.sizeMiddle) != null ? d : !1, sizeLarge: (l = e == null ? void 0 : e.sizeLarge) != null ? l : !1, resize: (h = (c = e == null ? void 0 : e.resize) != null ? c : i == null ? void 0 : i.resize) != null ? h : !1, resizeSize: (p = e == null ? void 0 : e.resizeSize) != null ? p : 0, crop: (m = (g = e == null ? void 0 : e.crop) != null ? g : i == null ? void 0 : i.crop) != null ? m : !1, cropperFrameHeight: (f = e == null ? void 0 : e.cropperFrameHeight) != null ? f : 0, cropperFrameWidth: (v = e == null ? void 0 : e.cropperFrameWidth) != null ? v : 0, cropperFrameLeft: (L = e == null ? void 0 : e.cropperFrameLeft) != null ? L : 0, cropperFrameTop: (w = e == null ? void 0 : e.cropperFrameTop) != null ? w : 0, cropperImageHeight: (I = e == null ? void 0 : e.cropperImageHeight) != null ? I : 0, cropperImageWidth: (B = e == null ? void 0 : e.cropperImageWidth) != null ? B : 0, cropperInterface: void 0 }, this.wrapper = void 0, this.buttons = [], this.styles = { settingsButton: "cdx-settings-button", settingsButtonActive: "cdx-settings-button--active", settingsButtonModifier: "", settingsButtonModifierActive: "" };
|
|
2898
2913
|
}
|
|
2899
2914
|
static get isTune() {
|
|
2900
2915
|
return !0;
|
|
@@ -3100,7 +3115,7 @@ class Te {
|
|
|
3100
3115
|
this.setTune(t);
|
|
3101
3116
|
}
|
|
3102
3117
|
}
|
|
3103
|
-
class
|
|
3118
|
+
class he {
|
|
3104
3119
|
constructor(t, e) {
|
|
3105
3120
|
this.editor = e, this.holder = document.getElementById(t);
|
|
3106
3121
|
}
|
|
@@ -3133,23 +3148,23 @@ class Ee {
|
|
|
3133
3148
|
}), e;
|
|
3134
3149
|
}
|
|
3135
3150
|
}
|
|
3136
|
-
const Me = { class: "ebl-editor", id: "holder" }, _e =
|
|
3137
|
-
const i =
|
|
3151
|
+
const Me = { class: "ebl-editor", id: "holder" }, _e = Dt({ name: "EblEditor", inheritAttrs: !1, __name: "Editor", props: { readOnly: { type: Boolean, default: !1 }, placeholder: { default: "Enter something" }, data: { default: () => ({ blocks: [] }) }, locale: { default: {} }, userStore: {}, showOutline: { type: Boolean, default: !1 } }, emits: ["onReady", "onChange"], setup(u, { expose: t, emit: e }) {
|
|
3152
|
+
const i = Nt("EblEditorSettings");
|
|
3138
3153
|
let s = e;
|
|
3139
3154
|
const n = u;
|
|
3140
|
-
let r =
|
|
3155
|
+
let r = j(n.data), o = !1, a = null, d = null, l = null;
|
|
3141
3156
|
const c = ["indent", "blockAlignment"];
|
|
3142
|
-
return
|
|
3143
|
-
a = new
|
|
3157
|
+
return Wt(() => {
|
|
3158
|
+
a = new qt({ minHeight: 300, holder: "holder", autofocus: !0, defaultBlock: "paragraph", placeholder: n.placeholder, tunes: c, tools: { inlineCode: W, underline: ae, Color: { class: re }, marker: { class: N }, indent: { class: ne }, alert: { class: _, inlineToolbar: !0 }, List: { class: K, inlineToolbar: !0, config: { defaultStyle: "checklist", maxLevel: 4 } }, h1: { class: Xt, inlineToolbar: !0 }, h2: { class: Jt, inlineToolbar: !0 }, h3: { class: Qt, inlineToolbar: !0 }, h4: { class: Zt, inlineToolbar: !0 }, h5: { class: te, inlineToolbar: !0 }, h6: { class: ee, inlineToolbar: !0 }, paragraph: { class: tt, inlineToolbar: !0 }, blockAlignment: { class: Z, inlineToolbar: !0 }, code: { class: q, config: { lang: "javascript", theme: "github-dark-dimmed" } }, quote: { class: ie, inlineToolbar: !0 }, delimiter: se, table: { class: le, inlineToolbar: !0, config: { rows: 2, cols: 3 } }, image: { class: Y, inlineToolbar: !0, tunes: c.concat(["imageResize"]), config: { types: ".png,.jpeg,.jpg,.gif,.webp", userStore: n.userStore, endpoints: { byFile: i == null ? void 0 : i.fileUploadEndpoint }, features: { caption: !1, stretch: !1, border: !1, background: !1 } } }, imageResize: { class: de, config: { resize: !0, crop: !1 } } }, data: r, readOnly: n.readOnly, i18n: n.locale, onChange: (h, p) => {
|
|
3144
3159
|
s("onChange", h, p);
|
|
3145
3160
|
}, onReady: () => {
|
|
3146
|
-
o = !0, new
|
|
3147
|
-
} }), r =
|
|
3161
|
+
o = !0, new we("holder", n.readOnly, a, "1px solid #999"), d = new ye({ editor: a, config: { debounceTimer: 200, maxLength: 100 }, onUpdate: () => {
|
|
3162
|
+
} }), r = j(n.data), d.initialize(r), n.data && n.data.blocks && n.data.blocks.length > 0 && a.render(r), n.showOutline && (l = new he("holder", a), l.render(r)), s("onReady");
|
|
3148
3163
|
} });
|
|
3149
|
-
}),
|
|
3164
|
+
}), Ft(() => {
|
|
3150
3165
|
a !== null && (a.destroy(), a = null);
|
|
3151
|
-
}),
|
|
3152
|
-
r =
|
|
3166
|
+
}), Pt(() => n.data, (h, p) => {
|
|
3167
|
+
r = j(h), a != null && o && a.render(r).then(() => {
|
|
3153
3168
|
l != null && n.showOutline && l.render(r);
|
|
3154
3169
|
}), d != null && (d.clear(), d.initialize(r));
|
|
3155
3170
|
}, { deep: !0 }), t({ validate: function() {
|
|
@@ -3164,21 +3179,52 @@ const Me = { class: "ebl-editor", id: "holder" }, _e = Ut({ name: "EblEditor", i
|
|
|
3164
3179
|
return h(null);
|
|
3165
3180
|
a.save().then((g) => h(g));
|
|
3166
3181
|
});
|
|
3167
|
-
} }), (h, p) => (
|
|
3168
|
-
} }),
|
|
3169
|
-
|
|
3170
|
-
|
|
3171
|
-
const
|
|
3172
|
-
|
|
3182
|
+
} }), (h, p) => ($t(), jt("div", Me));
|
|
3183
|
+
} }), Ie = { class: "ebl-editor", id: "holder" }, zt = [_e, Dt({ name: "EblEditorRender", inheritAttrs: !1, __name: "EditorRender", props: { placeholder: { default: "Enter something" }, data: { default: () => ({ blocks: [] }) }, locale: { default: {} }, userStore: {}, showOutline: { type: Boolean, default: !1 } }, emits: ["onReady", "onChange"], setup(u, { expose: t, emit: e }) {
|
|
3184
|
+
const i = Nt("EblEditorSettings");
|
|
3185
|
+
let s = e;
|
|
3186
|
+
const n = u;
|
|
3187
|
+
let r = j(n.data), o = !1, a = null, d = null;
|
|
3188
|
+
const l = ["indent", "blockAlignment"];
|
|
3189
|
+
return Wt(() => {
|
|
3190
|
+
a = new qt({ minHeight: 50, holder: "holder", autofocus: !0, defaultBlock: "paragraph", placeholder: n.placeholder, tunes: l, tools: { inlineCode: W, underline: ae, Color: { class: re }, marker: { class: N }, indent: { class: ne }, alert: { class: _, inlineToolbar: !0 }, List: { class: K, inlineToolbar: !0, config: { defaultStyle: "checklist", maxLevel: 4 } }, h1: { class: Xt, inlineToolbar: !0 }, h2: { class: Jt, inlineToolbar: !0 }, h3: { class: Qt, inlineToolbar: !0 }, h4: { class: Zt, inlineToolbar: !0 }, h5: { class: te, inlineToolbar: !0 }, h6: { class: ee, inlineToolbar: !0 }, paragraph: { class: tt, inlineToolbar: !0 }, blockAlignment: { class: Z, inlineToolbar: !0 }, code: { class: q, config: { lang: "javascript", theme: "github-dark-dimmed" } }, quote: { class: ie, inlineToolbar: !0 }, delimiter: se, table: { class: le, inlineToolbar: !0, config: { rows: 2, cols: 3 } }, image: { class: Y, inlineToolbar: !0, tunes: l.concat(["imageResize"]), config: { types: ".png,.jpeg,.jpg,.gif,.webp", userStore: n.userStore, endpoints: { byFile: i == null ? void 0 : i.fileUploadEndpoint }, features: { caption: !1, stretch: !1, border: !1, background: !1 } } }, imageResize: { class: de, config: { resize: !0, crop: !1 } } }, data: r, readOnly: !0, i18n: n.locale, onChange: (c, h) => {
|
|
3191
|
+
s("onChange", c, h);
|
|
3192
|
+
}, onReady: () => {
|
|
3193
|
+
o = !0, r = j(n.data), n.data && n.data.blocks && n.data.blocks.length > 0 && a.render(r), n.showOutline && (d = new he("holder", a), d.render(r)), s("onReady");
|
|
3194
|
+
} });
|
|
3195
|
+
}), Ft(() => {
|
|
3196
|
+
a !== null && (a.destroy(), a = null);
|
|
3197
|
+
}), Pt(() => n.data, (c, h) => {
|
|
3198
|
+
r = j(c), a != null && o && a.render(r).then(() => {
|
|
3199
|
+
d != null && n.showOutline && d.render(r);
|
|
3200
|
+
});
|
|
3201
|
+
}, { deep: !0 }), t({ validate: function() {
|
|
3202
|
+
return new Promise((c, h) => {
|
|
3203
|
+
if (a === null)
|
|
3204
|
+
return c(!1);
|
|
3205
|
+
a.save().then((p) => p.blocks.length > 0 ? c(!0) : c(!1));
|
|
3206
|
+
});
|
|
3207
|
+
}, getData: function() {
|
|
3208
|
+
return new Promise((c, h) => {
|
|
3209
|
+
if (a === null)
|
|
3210
|
+
return c(null);
|
|
3211
|
+
a.save().then((p) => c(p));
|
|
3212
|
+
});
|
|
3213
|
+
} }), (c, h) => ($t(), jt("div", Ie));
|
|
3214
|
+
} })];
|
|
3215
|
+
let ce = [];
|
|
3216
|
+
for (let u in zt) {
|
|
3217
|
+
const t = ke(zt[u]);
|
|
3218
|
+
ce.push(t);
|
|
3173
3219
|
}
|
|
3174
|
-
const
|
|
3220
|
+
const Ne = { messages: { ui: { blockTunes: { toggler: { "Click to tune": "可拖拽和点击" } }, toolbar: { toolbox: { Add: "添加", Filter: "过滤", "Nothing found": "无内容" }, popover: { Filter: "过滤", "Nothing found": "无内容" } }, popover: { Filter: "筛选", "Nothing found": "未找到任何内容", "Convert to": "转化为" } }, toolNames: { Text: "段落", H1: "一级标题", H2: "二级标题", H3: "三级标题", H4: "四级标题", H5: "五级标题", H6: "六级标题", "Ordered List": "有序列表", "Unordered List": "无序列表", Checklist: "任务列表", Quote: "引用", Code: "代码块", Delimiter: "分割线", Link: "链接", Bold: "加粗", Italic: "倾斜", Alert: "高亮块", indent: "缩进", Marker: "突出显示", Color: "文本颜色", Underline: "下划线", InlineCode: "行内代码", Table: "表格", Image: "图片" }, tools: { image: { "Couldn’t upload image. Please try another.": "上传图片失败，请稍后重试。" }, table: { "Add row above": "在上面插入行", "Add row below": "在下面插入行", "Delete row": "删除行", "Add column to left": "在左边插入列", "Add column to right": "在右边插入列", "Delete column": "删除列", "With headings": "使用标题行", "Without headings": "不使用标题行" }, marker: { Marker: "突出显示" }, link: { "Add a link": "添加链接", Save: "保存", "Pasted link is not valid.": "链接地址无效" }, List: { Unordered: "无序", Ordered: "有序", Checklist: "任务列表", "Counter type": "计数器类型", Numeric: "阿拉伯数字", "Lower Roman": "小写罗马数字", "Upper Roman": "大写罗马数字", "Lower Alpha": "小写字母", "Upper Alpha": "大写字母", "Start with": "从" }, paragraph: { "Enter something": "请输入内容" }, stub: { "The block can not be displayed correctly.": "该模块不能放置在这里" }, code: { "Enter your code": "输入代码", Copied: "已复制" }, convertTo: { "Convert to": "转化为" }, alert: { "alert-primary": "主要样式", "alert-secondary": "次要样式", "alert-info": "信息", "alert-success": "成功", "alert-warning": "警告", "alert-danger": "危险", "alert-light": "浅色", "alert-dark": "深色", "align-left": "左对齐", "align-center": "居中", "align-right": "右对齐", "Type here...": "输入内容" } }, blockTunes: { delete: { Delete: "删除", "Click to delete": "点击删除" }, moveUp: { "Move up": "向上移" }, moveDown: { "Move down": "向下移" }, filter: { Filter: "过滤" }, blockAlignment: { "left align": "左对齐", "center align": "居中对齐", "right align": "右对齐", "justify align": "两端对齐" }, indent: { "Indent right": "向右缩进", "Indent left": "向左缩进" } } } }, pe = ((u = []) => ({ version: "2.31.18", install: (t, e) => {
|
|
3175
3221
|
t[pt] || (t[pt] = !0, u.forEach((i) => t.use(i)), t.provide("EblEditorSettings", e));
|
|
3176
|
-
} }))(
|
|
3222
|
+
} }))(ce), We = pe.install, Fe = pe.version;
|
|
3177
3223
|
export {
|
|
3178
3224
|
_e as EblEditor,
|
|
3179
|
-
|
|
3180
|
-
|
|
3181
|
-
|
|
3182
|
-
|
|
3225
|
+
pe as default,
|
|
3226
|
+
We as install,
|
|
3227
|
+
Fe as version,
|
|
3228
|
+
Ne as zhCn
|
|
3183
3229
|
};
|
|
3184
3230
|
//# sourceMappingURL=index.mjs.map
|