@cuby-ui/core 0.0.437 → 0.0.438
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.
|
@@ -6965,7 +6965,6 @@ class CuiEditorComponent {
|
|
|
6965
6965
|
this.POOLING_DELAY = 100;
|
|
6966
6966
|
this.ELEMENT_SPACE_TO_BOTTOM = 150;
|
|
6967
6967
|
this.SCROLL_THROTTLE_TIME = 200;
|
|
6968
|
-
this.isReadonly = computed(() => this.config?.readOnly);
|
|
6969
6968
|
this.emptyQueue = new Subject();
|
|
6970
6969
|
this.isSkipCombinedBlockOnChange = [];
|
|
6971
6970
|
this.isFirst = true;
|
|
@@ -6983,14 +6982,13 @@ class CuiEditorComponent {
|
|
|
6983
6982
|
this.changesQueue = [];
|
|
6984
6983
|
this.abortController = new AbortController();
|
|
6985
6984
|
this.editorId = this.cuiIdService.generate();
|
|
6986
|
-
this.
|
|
6987
|
-
this.
|
|
6988
|
-
this.
|
|
6989
|
-
|
|
6990
|
-
|
|
6991
|
-
|
|
6992
|
-
|
|
6993
|
-
}
|
|
6985
|
+
this.isReadonly = computed(() => this.config()?.readOnly);
|
|
6986
|
+
this.editorRef = viewChild.required('editor');
|
|
6987
|
+
this.editorApiId = input.required();
|
|
6988
|
+
this.config = input(DEFAULT_CONFIG);
|
|
6989
|
+
this.requestSize = input(40);
|
|
6990
|
+
this.editorEmpty = output();
|
|
6991
|
+
this.initEditorEffect();
|
|
6994
6992
|
}
|
|
6995
6993
|
ngOnDestroy() {
|
|
6996
6994
|
this.isDestroyed = true;
|
|
@@ -7003,7 +7001,7 @@ class CuiEditorComponent {
|
|
|
7003
7001
|
return;
|
|
7004
7002
|
}
|
|
7005
7003
|
this.isRequested = true;
|
|
7006
|
-
const size = this.requestSize;
|
|
7004
|
+
const size = this.requestSize();
|
|
7007
7005
|
let blocksCount = 0;
|
|
7008
7006
|
this.getBlocks(this.page, size)
|
|
7009
7007
|
.pipe(tap((blocks) => (blocksCount = blocks.length)), finalize(() => {
|
|
@@ -7053,22 +7051,29 @@ class CuiEditorComponent {
|
|
|
7053
7051
|
}
|
|
7054
7052
|
this.removedBlocksIds.push(...blockIds);
|
|
7055
7053
|
}
|
|
7054
|
+
initEditorEffect() {
|
|
7055
|
+
effect(() => {
|
|
7056
|
+
if (this.editorApiId() || this.config()) {
|
|
7057
|
+
this.initEditorChanges();
|
|
7058
|
+
}
|
|
7059
|
+
}, { allowSignalWrites: true });
|
|
7060
|
+
}
|
|
7056
7061
|
initEditorChanges() {
|
|
7057
|
-
this.jTextService.addOptions(this.config
|
|
7062
|
+
this.jTextService.addOptions(this.config()?.requestOptions);
|
|
7058
7063
|
this.editor = this.initEditor(this.editorId);
|
|
7059
7064
|
this.editor.isReady.then(() => {
|
|
7060
7065
|
if (this.isDestroyed) {
|
|
7061
7066
|
return;
|
|
7062
7067
|
}
|
|
7063
|
-
this.editorElement = this.editorRef.nativeElement;
|
|
7068
|
+
this.editorElement = this.editorRef().nativeElement;
|
|
7064
7069
|
this.initEditorEvents(this.editorElement);
|
|
7065
7070
|
this.initScrollObserver();
|
|
7066
|
-
this.startPooling(this.requestSize);
|
|
7071
|
+
this.startPooling(this.requestSize());
|
|
7067
7072
|
this.setListenersOnCustomBlockChanges();
|
|
7068
7073
|
});
|
|
7069
7074
|
}
|
|
7070
7075
|
initEditor(id) {
|
|
7071
|
-
const config = this.config;
|
|
7076
|
+
const config = this.config();
|
|
7072
7077
|
this.destroyEditor();
|
|
7073
7078
|
this.editor = new EditorJS({
|
|
7074
7079
|
...getEditorConfig(id, config),
|
|
@@ -7077,7 +7082,7 @@ class CuiEditorComponent {
|
|
|
7077
7082
|
return this.editor;
|
|
7078
7083
|
}
|
|
7079
7084
|
initScrollObserver() {
|
|
7080
|
-
const element = this.config?.element ?? this.editorElement;
|
|
7085
|
+
const element = this.config()?.element ?? this.editorElement;
|
|
7081
7086
|
const scrollObserver = fromEvent(element, 'scroll');
|
|
7082
7087
|
this.scrollSubscription = scrollObserver
|
|
7083
7088
|
.pipe(takeUntilDestroyed(this.destroy), throttleTime(this.SCROLL_THROTTLE_TIME, undefined, {
|
|
@@ -7094,8 +7099,8 @@ class CuiEditorComponent {
|
|
|
7094
7099
|
setEditorEvents(element, this.abortController.signal);
|
|
7095
7100
|
}
|
|
7096
7101
|
startPooling(size) {
|
|
7097
|
-
const scrollElement = this.config?.element ?? this.editorElement;
|
|
7098
|
-
const withoutPreload = this.config?.withoutPreload;
|
|
7102
|
+
const scrollElement = this.config()?.element ?? this.editorElement;
|
|
7103
|
+
const withoutPreload = this.config()?.withoutPreload;
|
|
7099
7104
|
this.poolingSubscription = timer(0, this.POOLING_DELAY)
|
|
7100
7105
|
.pipe(concatMap(() => this.getBlocks(this.page, size).pipe(delay(this.POOLING_DELAY))), tap(() => this.page++), takeWhile((blocks) => !withoutPreload &&
|
|
7101
7106
|
scrollElement.scrollHeight <= scrollElement.clientHeight &&
|
|
@@ -7159,7 +7164,7 @@ class CuiEditorComponent {
|
|
|
7159
7164
|
return { ...block, index };
|
|
7160
7165
|
});
|
|
7161
7166
|
const addedBlocks = [...defaultBlocksWithIndex, ...combinedBlocksWithIndex].sort((first, second) => first.index - second.index);
|
|
7162
|
-
const addBlocks$ = this.editorService.collectAddedBlocksRequest(this.editorApiId, addedBlocks);
|
|
7167
|
+
const addBlocks$ = this.editorService.collectAddedBlocksRequest(this.editorApiId(), addedBlocks);
|
|
7163
7168
|
return {
|
|
7164
7169
|
addedBlocks,
|
|
7165
7170
|
addBlocks$
|
|
@@ -7180,13 +7185,13 @@ class CuiEditorComponent {
|
|
|
7180
7185
|
const id = block.detail.target.id;
|
|
7181
7186
|
this.removedBlocksIds.push(id);
|
|
7182
7187
|
});
|
|
7183
|
-
const removeBlocks$ = this.editorService.collectRemovedBlocksRequest(this.editorApiId, this.removedBlocksIds, this.blockIdsMap);
|
|
7188
|
+
const removeBlocks$ = this.editorService.collectRemovedBlocksRequest(this.editorApiId(), this.removedBlocksIds, this.blockIdsMap);
|
|
7184
7189
|
this.removedBlocksIds = [];
|
|
7185
7190
|
return removeBlocks$;
|
|
7186
7191
|
}
|
|
7187
7192
|
getBlocks(page = 0, size = 40) {
|
|
7188
7193
|
let combinedBlock;
|
|
7189
|
-
return this.jTextService.getBlocks(this.editorApiId, page, size).pipe(takeUntilDestroyed(this.destroy), finalize(() => {
|
|
7194
|
+
return this.jTextService.getBlocks(this.editorApiId(), page, size).pipe(takeUntilDestroyed(this.destroy), finalize(() => {
|
|
7190
7195
|
if (combinedBlock) {
|
|
7191
7196
|
this.addCombinedBlock(combinedBlock);
|
|
7192
7197
|
combinedBlock = null;
|
|
@@ -7277,7 +7282,7 @@ class CuiEditorComponent {
|
|
|
7277
7282
|
this.editor.render({ blocks: [] });
|
|
7278
7283
|
return;
|
|
7279
7284
|
}
|
|
7280
|
-
this.editorService.setStartBlock(this.editorApiId, async (block, id) => {
|
|
7285
|
+
this.editorService.setStartBlock(this.editorApiId(), async (block, id) => {
|
|
7281
7286
|
this.blockIdsMap.set(id, id);
|
|
7282
7287
|
this.isSkipCombinedBlockOnChange.push(true);
|
|
7283
7288
|
await this.editor.render({ blocks: [block] });
|
|
@@ -7286,7 +7291,7 @@ class CuiEditorComponent {
|
|
|
7286
7291
|
});
|
|
7287
7292
|
}
|
|
7288
7293
|
setFocus() {
|
|
7289
|
-
if (!this.config?.autofocus) {
|
|
7294
|
+
if (!this.config()?.autofocus) {
|
|
7290
7295
|
return;
|
|
7291
7296
|
}
|
|
7292
7297
|
this.editor.caret.focus();
|
|
@@ -7317,24 +7322,12 @@ class CuiEditorComponent {
|
|
|
7317
7322
|
this.abortController = new AbortController();
|
|
7318
7323
|
}
|
|
7319
7324
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CuiEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7320
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
7325
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.2.14", type: CuiEditorComponent, isStandalone: true, selector: "cui-editor", inputs: { editorApiId: { classPropertyName: "editorApiId", publicName: "editorApiId", isSignal: true, isRequired: true, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, requestSize: { classPropertyName: "requestSize", publicName: "requestSize", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { editorEmpty: "editorEmpty" }, providers: [CuiEditorService, CuiJTextApiService], viewQueries: [{ propertyName: "editorRef", first: true, predicate: ["editor"], descendants: true, isSignal: true }], ngImport: i0, template: "<div\n #editor\n [id]=\"editorId\"\n data-editor\n [class._readonly]=\"config().readOnly\"\n></div>\n", styles: [":host{--textColor: var(--cui-base-900);--menuBackground: var(--cui-base-0);--menuBorder: var(--cui-base-200);--menuItemHover: var(--cui-base-10);--menuItemBackground: var(cui-base-900);--menuIconBackground: var(--cui-base-50);--menuIconHover: var(--cui-base-10);font-weight:400;font-size:14px;line-height:20px;font-family:var(--cui-main-font)}:host ::ng-deep .ce-popover{--color-background: var(--menuBackground);--color-text-primary: var(--textColor);--color-border: var(--menuBorder);--color-border-icon: var(--menuBorder);--color-background-item: var(--menuItemBackground);--color-background-item-hover: var(--menuItemHover)}:host ::ng-deep .ce-popover__search{background:var(--menuIconBackground)}:host ::ng-deep .ce-popover .ce-popover-item__icon{background:var(--menuIconBackground)}:host ::ng-deep .ce-conversion-toolbar{background-color:var(--menuBackground);border-color:var(--menuBorder)}:host ::ng-deep .ce-conversion-toolbar__tools{padding:0 6px 6px}:host ::ng-deep .ce-conversion-tool{padding:3px;border-radius:6px}:host ::ng-deep .ce-conversion-tool__icon{border:1px solid var(--menuBorder);background-color:var(--menuIconBackground);box-shadow:none}:host ::ng-deep .ce-conversion-tool:hover{background-color:var(--menuItemHover)}:host ::ng-deep .ce-conversion-tool:hover .ce-conversion-tool__icon{border-color:var(--menuIconHover)}:host ::ng-deep .combined-text-block{padding:.4em 0;line-height:1.6em;outline:none}:host ::ng-deep .combined-text-block .combined-text-block-part{outline:none}:host ::ng-deep .combined-text-block .combined-text-block-part:only-child,:host ::ng-deep .combined-text-block .combined-text-block-part._selected{display:list-item}:host ::ng-deep .combined-text-block .combined-text-block-part:only-child::marker,:host ::ng-deep .combined-text-block .combined-text-block-part._selected::marker{content:\"\"}:host ::ng-deep .image-tool__image{border:1px solid var(--cui-base-200);background-color:var(--cui-base-0)}:host ::ng-deep .image-tool__image-preloader{background-color:var(--cui-base-200)}:host ::ng-deep .image-tool__image-preloader:after{border:1px solid var(--cui-base-200);border-top:1px solid var(--cui-blue-600)}:host ::ng-deep .cdx-button{border-radius:8px;border:1px solid var(--cui-base-200);color:var(--textColor);background-color:var(--cui-base-10);box-shadow:none}:host ::ng-deep .ce-inline-toolbar{border-color:var(--cui-base-100);color:var(--textColor);background-color:var(--cui-base-0)}:host ::ng-deep .ce-inline-toolbar__dropdown:hover{background-color:var(--cui-base-100)}:host ::ng-deep .ce-inline-tool:hover{background-color:var(--cui-base-100)}:host ::ng-deep .ce-toolbar__plus,:host ::ng-deep .ce-toolbar__settings-btn{color:var(--cui-base-500)}:host ::ng-deep .ce-toolbar__plus:hover,:host ::ng-deep .ce-toolbar__settings-btn:hover{background-color:var(--cui-base-100)}:host ::ng-deep .ce-toolbar__actions{right:100%}:host ::ng-deep .ce-toolbar__content{max-width:none}@media (max-width: 650px){:host ::ng-deep .ce-toolbar__plus,:host ::ng-deep .ce-toolbar__settings-btn{border-color:var(--menuBorder);background-color:var(--menuBackground)}:host ::ng-deep .ce-toolbar__actions{inset:0 auto auto 0}}:host ::ng-deep .ce-block--selected .ce-block__content{background-color:var(--cui-base-200)}:host ::ng-deep .ce-block__content{max-width:100%}:host ::ng-deep .ce-block:only-of-type .combined-text-block[data-placeholder-active][data-empty=true]:before{content:attr(data-placeholder-active);position:absolute;color:var(--cui-base-400)}:host ::ng-deep [data-editor]{padding-right:4px;width:100%;height:100%;min-height:200px;overflow:hidden auto;scrollbar-gutter:stable}:host ::ng-deep [data-editor] .codex-editor{margin-left:60px}:host ::ng-deep [data-editor] .codex-editor--narrow .ce-popover{right:auto}:host ::ng-deep [data-editor] .codex-editor__redactor{margin-right:auto;padding-bottom:260px!important}@media (max-width: 650px){:host ::ng-deep [data-editor] .codex-editor{margin-left:0}}:host ::ng-deep [data-editor]._readonly{min-height:auto}:host ::ng-deep [data-editor]._readonly .codex-editor{margin:auto}:host ::ng-deep [data-editor]._readonly .codex-editor__redactor{padding-bottom:0!important}:host ::ng-deep [data-editor]._readonly .combined-text-block{padding:0}:host ::ng-deep [data-editor] [data-item-name=move-up],:host ::ng-deep [data-editor] [data-item-name=move-down],:host ::ng-deep [data-editor] [data-tool=paragraph]{display:none}:host ::ng-deep [data-editor] *::selection{background:var(--cui-base-200)}:host ::ng-deep [data-editor] a{color:var(--cui-light-blue-600)}:host ::ng-deep .marker{cursor:pointer;text-decoration:underline;color:var(--cui-light-blue-600);background-color:transparent}:host ::ng-deep .tool-marker,:host ::ng-deep .role-marker{margin:0 5px}:host ::ng-deep .tool-marker{color:#e97c00}:host ::ng-deep .role-marker{color:#8803f1}.form{height:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
7321
7326
|
}
|
|
7322
7327
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CuiEditorComponent, decorators: [{
|
|
7323
7328
|
type: Component,
|
|
7324
|
-
args: [{ selector: 'cui-editor', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, providers: [CuiEditorService, CuiJTextApiService], template: "<div\n #editor\n [id]=\"editorId\"\n data-editor\n [class._readonly]=\"config.readOnly\"\n></div>\n", styles: [":host{--textColor: var(--cui-base-900);--menuBackground: var(--cui-base-0);--menuBorder: var(--cui-base-200);--menuItemHover: var(--cui-base-10);--menuItemBackground: var(cui-base-900);--menuIconBackground: var(--cui-base-50);--menuIconHover: var(--cui-base-10);font-weight:400;font-size:14px;line-height:20px;font-family:var(--cui-main-font)}:host ::ng-deep .ce-popover{--color-background: var(--menuBackground);--color-text-primary: var(--textColor);--color-border: var(--menuBorder);--color-border-icon: var(--menuBorder);--color-background-item: var(--menuItemBackground);--color-background-item-hover: var(--menuItemHover)}:host ::ng-deep .ce-popover__search{background:var(--menuIconBackground)}:host ::ng-deep .ce-popover .ce-popover-item__icon{background:var(--menuIconBackground)}:host ::ng-deep .ce-conversion-toolbar{background-color:var(--menuBackground);border-color:var(--menuBorder)}:host ::ng-deep .ce-conversion-toolbar__tools{padding:0 6px 6px}:host ::ng-deep .ce-conversion-tool{padding:3px;border-radius:6px}:host ::ng-deep .ce-conversion-tool__icon{border:1px solid var(--menuBorder);background-color:var(--menuIconBackground);box-shadow:none}:host ::ng-deep .ce-conversion-tool:hover{background-color:var(--menuItemHover)}:host ::ng-deep .ce-conversion-tool:hover .ce-conversion-tool__icon{border-color:var(--menuIconHover)}:host ::ng-deep .combined-text-block{padding:.4em 0;line-height:1.6em;outline:none}:host ::ng-deep .combined-text-block .combined-text-block-part{outline:none}:host ::ng-deep .combined-text-block .combined-text-block-part:only-child,:host ::ng-deep .combined-text-block .combined-text-block-part._selected{display:list-item}:host ::ng-deep .combined-text-block .combined-text-block-part:only-child::marker,:host ::ng-deep .combined-text-block .combined-text-block-part._selected::marker{content:\"\"}:host ::ng-deep .image-tool__image{border:1px solid var(--cui-base-200);background-color:var(--cui-base-0)}:host ::ng-deep .image-tool__image-preloader{background-color:var(--cui-base-200)}:host ::ng-deep .image-tool__image-preloader:after{border:1px solid var(--cui-base-200);border-top:1px solid var(--cui-blue-600)}:host ::ng-deep .cdx-button{border-radius:8px;border:1px solid var(--cui-base-200);color:var(--textColor);background-color:var(--cui-base-10);box-shadow:none}:host ::ng-deep .ce-inline-toolbar{border-color:var(--cui-base-100);color:var(--textColor);background-color:var(--cui-base-0)}:host ::ng-deep .ce-inline-toolbar__dropdown:hover{background-color:var(--cui-base-100)}:host ::ng-deep .ce-inline-tool:hover{background-color:var(--cui-base-100)}:host ::ng-deep .ce-toolbar__plus,:host ::ng-deep .ce-toolbar__settings-btn{color:var(--cui-base-500)}:host ::ng-deep .ce-toolbar__plus:hover,:host ::ng-deep .ce-toolbar__settings-btn:hover{background-color:var(--cui-base-100)}:host ::ng-deep .ce-toolbar__actions{right:100%}:host ::ng-deep .ce-toolbar__content{max-width:none}@media (max-width: 650px){:host ::ng-deep .ce-toolbar__plus,:host ::ng-deep .ce-toolbar__settings-btn{border-color:var(--menuBorder);background-color:var(--menuBackground)}:host ::ng-deep .ce-toolbar__actions{inset:0 auto auto 0}}:host ::ng-deep .ce-block--selected .ce-block__content{background-color:var(--cui-base-200)}:host ::ng-deep .ce-block__content{max-width:100%}:host ::ng-deep .ce-block:only-of-type .combined-text-block[data-placeholder-active][data-empty=true]:before{content:attr(data-placeholder-active);position:absolute;color:var(--cui-base-400)}:host ::ng-deep [data-editor]{padding-right:4px;width:100%;height:100%;min-height:200px;overflow:hidden auto;scrollbar-gutter:stable}:host ::ng-deep [data-editor] .codex-editor{margin-left:60px}:host ::ng-deep [data-editor] .codex-editor--narrow .ce-popover{right:auto}:host ::ng-deep [data-editor] .codex-editor__redactor{margin-right:auto;padding-bottom:260px!important}@media (max-width: 650px){:host ::ng-deep [data-editor] .codex-editor{margin-left:0}}:host ::ng-deep [data-editor]._readonly{min-height:auto}:host ::ng-deep [data-editor]._readonly .codex-editor{margin:auto}:host ::ng-deep [data-editor]._readonly .codex-editor__redactor{padding-bottom:0!important}:host ::ng-deep [data-editor]._readonly .combined-text-block{padding:0}:host ::ng-deep [data-editor] [data-item-name=move-up],:host ::ng-deep [data-editor] [data-item-name=move-down],:host ::ng-deep [data-editor] [data-tool=paragraph]{display:none}:host ::ng-deep [data-editor] *::selection{background:var(--cui-base-200)}:host ::ng-deep [data-editor] a{color:var(--cui-light-blue-600)}:host ::ng-deep .marker{cursor:pointer;text-decoration:underline;color:var(--cui-light-blue-600);background-color:transparent}:host ::ng-deep .tool-marker,:host ::ng-deep .role-marker{margin:0 5px}:host ::ng-deep .tool-marker{color:#e97c00}:host ::ng-deep .role-marker{color:#8803f1}.form{height:100%}\n"] }]
|
|
7325
|
-
}],
|
|
7326
|
-
type: ViewChild,
|
|
7327
|
-
args: ['editor']
|
|
7328
|
-
}], editorEmpty: [{
|
|
7329
|
-
type: Output
|
|
7330
|
-
}], editorApiId: [{
|
|
7331
|
-
type: Input,
|
|
7332
|
-
args: [{ required: true }]
|
|
7333
|
-
}], config: [{
|
|
7334
|
-
type: Input
|
|
7335
|
-
}], requestSize: [{
|
|
7336
|
-
type: Input
|
|
7337
|
-
}] } });
|
|
7329
|
+
args: [{ selector: 'cui-editor', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, providers: [CuiEditorService, CuiJTextApiService], template: "<div\n #editor\n [id]=\"editorId\"\n data-editor\n [class._readonly]=\"config().readOnly\"\n></div>\n", styles: [":host{--textColor: var(--cui-base-900);--menuBackground: var(--cui-base-0);--menuBorder: var(--cui-base-200);--menuItemHover: var(--cui-base-10);--menuItemBackground: var(cui-base-900);--menuIconBackground: var(--cui-base-50);--menuIconHover: var(--cui-base-10);font-weight:400;font-size:14px;line-height:20px;font-family:var(--cui-main-font)}:host ::ng-deep .ce-popover{--color-background: var(--menuBackground);--color-text-primary: var(--textColor);--color-border: var(--menuBorder);--color-border-icon: var(--menuBorder);--color-background-item: var(--menuItemBackground);--color-background-item-hover: var(--menuItemHover)}:host ::ng-deep .ce-popover__search{background:var(--menuIconBackground)}:host ::ng-deep .ce-popover .ce-popover-item__icon{background:var(--menuIconBackground)}:host ::ng-deep .ce-conversion-toolbar{background-color:var(--menuBackground);border-color:var(--menuBorder)}:host ::ng-deep .ce-conversion-toolbar__tools{padding:0 6px 6px}:host ::ng-deep .ce-conversion-tool{padding:3px;border-radius:6px}:host ::ng-deep .ce-conversion-tool__icon{border:1px solid var(--menuBorder);background-color:var(--menuIconBackground);box-shadow:none}:host ::ng-deep .ce-conversion-tool:hover{background-color:var(--menuItemHover)}:host ::ng-deep .ce-conversion-tool:hover .ce-conversion-tool__icon{border-color:var(--menuIconHover)}:host ::ng-deep .combined-text-block{padding:.4em 0;line-height:1.6em;outline:none}:host ::ng-deep .combined-text-block .combined-text-block-part{outline:none}:host ::ng-deep .combined-text-block .combined-text-block-part:only-child,:host ::ng-deep .combined-text-block .combined-text-block-part._selected{display:list-item}:host ::ng-deep .combined-text-block .combined-text-block-part:only-child::marker,:host ::ng-deep .combined-text-block .combined-text-block-part._selected::marker{content:\"\"}:host ::ng-deep .image-tool__image{border:1px solid var(--cui-base-200);background-color:var(--cui-base-0)}:host ::ng-deep .image-tool__image-preloader{background-color:var(--cui-base-200)}:host ::ng-deep .image-tool__image-preloader:after{border:1px solid var(--cui-base-200);border-top:1px solid var(--cui-blue-600)}:host ::ng-deep .cdx-button{border-radius:8px;border:1px solid var(--cui-base-200);color:var(--textColor);background-color:var(--cui-base-10);box-shadow:none}:host ::ng-deep .ce-inline-toolbar{border-color:var(--cui-base-100);color:var(--textColor);background-color:var(--cui-base-0)}:host ::ng-deep .ce-inline-toolbar__dropdown:hover{background-color:var(--cui-base-100)}:host ::ng-deep .ce-inline-tool:hover{background-color:var(--cui-base-100)}:host ::ng-deep .ce-toolbar__plus,:host ::ng-deep .ce-toolbar__settings-btn{color:var(--cui-base-500)}:host ::ng-deep .ce-toolbar__plus:hover,:host ::ng-deep .ce-toolbar__settings-btn:hover{background-color:var(--cui-base-100)}:host ::ng-deep .ce-toolbar__actions{right:100%}:host ::ng-deep .ce-toolbar__content{max-width:none}@media (max-width: 650px){:host ::ng-deep .ce-toolbar__plus,:host ::ng-deep .ce-toolbar__settings-btn{border-color:var(--menuBorder);background-color:var(--menuBackground)}:host ::ng-deep .ce-toolbar__actions{inset:0 auto auto 0}}:host ::ng-deep .ce-block--selected .ce-block__content{background-color:var(--cui-base-200)}:host ::ng-deep .ce-block__content{max-width:100%}:host ::ng-deep .ce-block:only-of-type .combined-text-block[data-placeholder-active][data-empty=true]:before{content:attr(data-placeholder-active);position:absolute;color:var(--cui-base-400)}:host ::ng-deep [data-editor]{padding-right:4px;width:100%;height:100%;min-height:200px;overflow:hidden auto;scrollbar-gutter:stable}:host ::ng-deep [data-editor] .codex-editor{margin-left:60px}:host ::ng-deep [data-editor] .codex-editor--narrow .ce-popover{right:auto}:host ::ng-deep [data-editor] .codex-editor__redactor{margin-right:auto;padding-bottom:260px!important}@media (max-width: 650px){:host ::ng-deep [data-editor] .codex-editor{margin-left:0}}:host ::ng-deep [data-editor]._readonly{min-height:auto}:host ::ng-deep [data-editor]._readonly .codex-editor{margin:auto}:host ::ng-deep [data-editor]._readonly .codex-editor__redactor{padding-bottom:0!important}:host ::ng-deep [data-editor]._readonly .combined-text-block{padding:0}:host ::ng-deep [data-editor] [data-item-name=move-up],:host ::ng-deep [data-editor] [data-item-name=move-down],:host ::ng-deep [data-editor] [data-tool=paragraph]{display:none}:host ::ng-deep [data-editor] *::selection{background:var(--cui-base-200)}:host ::ng-deep [data-editor] a{color:var(--cui-light-blue-600)}:host ::ng-deep .marker{cursor:pointer;text-decoration:underline;color:var(--cui-light-blue-600);background-color:transparent}:host ::ng-deep .tool-marker,:host ::ng-deep .role-marker{margin:0 5px}:host ::ng-deep .tool-marker{color:#e97c00}:host ::ng-deep .role-marker{color:#8803f1}.form{height:100%}\n"] }]
|
|
7330
|
+
}], ctorParameters: () => [] });
|
|
7338
7331
|
|
|
7339
7332
|
class EditorResizeObserverDirective {
|
|
7340
7333
|
constructor() {
|