slate-angular 20.0.0-next.2 → 20.0.0
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/fesm2022/slate-angular.mjs +32 -34
- package/fesm2022/slate-angular.mjs.map +1 -1
- package/index.d.ts +767 -3
- package/package.json +1 -1
- package/components/block-card/block-card.component.d.ts +0 -15
- package/components/children/children-outlet.component.d.ts +0 -9
- package/components/editable/editable.component.d.ts +0 -104
- package/components/element.flavour.d.ts +0 -7
- package/components/leaf/leaf.flavour.d.ts +0 -8
- package/components/string/string-render.d.ts +0 -39
- package/components/string/string.component.d.ts +0 -9
- package/components/text/default-text.flavour.d.ts +0 -12
- package/custom-event/BeforeInputEventPlugin.d.ts +0 -38
- package/custom-event/DOMTopLevelEventTypes.d.ts +0 -12
- package/custom-event/FallbackCompositionState.d.ts +0 -10
- package/custom-event/before-input-polyfill.d.ts +0 -5
- package/module.d.ts +0 -11
- package/plugins/angular-editor.d.ts +0 -103
- package/plugins/with-angular.d.ts +0 -3
- package/plugins/with-dom.d.ts +0 -68
- package/public-api.d.ts +0 -14
- package/types/clipboard.d.ts +0 -8
- package/types/error.d.ts +0 -17
- package/types/feature.d.ts +0 -4
- package/types/index.d.ts +0 -5
- package/types/view.d.ts +0 -6
- package/utils/block-card.d.ts +0 -10
- package/utils/clipboard/clipboard.d.ts +0 -13
- package/utils/clipboard/common.d.ts +0 -8
- package/utils/clipboard/data-transfer.d.ts +0 -5
- package/utils/clipboard/index.d.ts +0 -4
- package/utils/clipboard/navigator-clipboard.d.ts +0 -4
- package/utils/dom.d.ts +0 -19
- package/utils/environment.d.ts +0 -13
- package/utils/global-normalize.d.ts +0 -5
- package/utils/hotkeys.d.ts +0 -32
- package/utils/index.d.ts +0 -10
- package/utils/range-list.d.ts +0 -10
- package/utils/restore-dom.d.ts +0 -2
- package/utils/throttle.d.ts +0 -2
- package/utils/view.d.ts +0 -5
- package/utils/weak-maps.d.ts +0 -12
- package/view/base.d.ts +0 -95
- package/view/context-change.d.ts +0 -8
- package/view/context.d.ts +0 -53
- package/view/flavour/base.d.ts +0 -19
- package/view/flavour/element.d.ts +0 -27
- package/view/flavour/index.d.ts +0 -5
- package/view/flavour/leaf.d.ts +0 -17
- package/view/flavour/ref.d.ts +0 -5
- package/view/flavour/text.d.ts +0 -16
- package/view/render/leaves-render.d.ts +0 -21
- package/view/render/list-render.d.ts +0 -38
- package/view/render/utils.d.ts +0 -11
|
@@ -1517,7 +1517,7 @@ class SlateBlockCard {
|
|
|
1517
1517
|
return this.elementRef.nativeElement;
|
|
1518
1518
|
}
|
|
1519
1519
|
get centerContainerElement() {
|
|
1520
|
-
return this.
|
|
1520
|
+
return this.centerContainer.nativeElement;
|
|
1521
1521
|
}
|
|
1522
1522
|
constructor(elementRef) {
|
|
1523
1523
|
this.elementRef = elementRef;
|
|
@@ -1532,15 +1532,15 @@ class SlateBlockCard {
|
|
|
1532
1532
|
this.centerRootNodes = rootNodes;
|
|
1533
1533
|
this.append();
|
|
1534
1534
|
}
|
|
1535
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1536
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1535
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SlateBlockCard, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1536
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", type: SlateBlockCard, isStandalone: true, selector: "slate-block-card, [slateBlockCard]", viewQueries: [{ propertyName: "centerContainer", first: true, predicate: ["centerContainer"], descendants: true, static: true }], ngImport: i0, template: "<span card-target=\"card-left\" class=\"card-left\">{{ '\\uFEFF' }}</span>\n<div card-target=\"card-center\" #centerContainer></div>\n<span card-target=\"card-right\" class=\"card-right\">{{ '\\uFEFF' }}</span>\n" }); }
|
|
1537
1537
|
}
|
|
1538
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1538
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SlateBlockCard, decorators: [{
|
|
1539
1539
|
type: Component,
|
|
1540
|
-
args: [{ selector: 'slate-block-card, [slateBlockCard]', standalone: true, template: "<span card-target=\"card-left\" class=\"card-left\">{{ '\\uFEFF' }}</span>\n<div card-target=\"card-center\" #
|
|
1541
|
-
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: {
|
|
1540
|
+
args: [{ selector: 'slate-block-card, [slateBlockCard]', standalone: true, template: "<span card-target=\"card-left\" class=\"card-left\">{{ '\\uFEFF' }}</span>\n<div card-target=\"card-center\" #centerContainer></div>\n<span card-target=\"card-right\" class=\"card-right\">{{ '\\uFEFF' }}</span>\n" }]
|
|
1541
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { centerContainer: [{
|
|
1542
1542
|
type: ViewChild,
|
|
1543
|
-
args: ['
|
|
1543
|
+
args: ['centerContainer', { static: true }]
|
|
1544
1544
|
}] } });
|
|
1545
1545
|
|
|
1546
1546
|
class FlavourRef {
|
|
@@ -2612,9 +2612,7 @@ class SlateEditable {
|
|
|
2612
2612
|
this.editor.children = value;
|
|
2613
2613
|
this.initializeContext();
|
|
2614
2614
|
if (!this.listRender.initialized) {
|
|
2615
|
-
console.time('initialize list render');
|
|
2616
2615
|
this.listRender.initialize(this.editor.children, this.editor, this.context);
|
|
2617
|
-
console.timeEnd('initialize list render');
|
|
2618
2616
|
}
|
|
2619
2617
|
else {
|
|
2620
2618
|
this.listRender.update(this.editor.children, this.editor, this.context);
|
|
@@ -3539,8 +3537,8 @@ class SlateEditable {
|
|
|
3539
3537
|
this.destroy$.complete();
|
|
3540
3538
|
EDITOR_TO_ON_CHANGE.delete(this.editor);
|
|
3541
3539
|
}
|
|
3542
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3543
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3540
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SlateEditable, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3541
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", type: SlateEditable, isStandalone: true, selector: "slate-editable", inputs: { editor: "editor", renderElement: "renderElement", renderLeaf: "renderLeaf", renderText: "renderText", decorate: "decorate", placeholderDecorate: "placeholderDecorate", scrollSelectionIntoView: "scrollSelectionIntoView", isStrictDecorate: "isStrictDecorate", trackBy: "trackBy", readonly: "readonly", placeholder: "placeholder", beforeInput: "beforeInput", blur: "blur", click: "click", compositionEnd: "compositionEnd", compositionUpdate: "compositionUpdate", compositionStart: "compositionStart", copy: "copy", cut: "cut", dragOver: "dragOver", dragStart: "dragStart", dragEnd: "dragEnd", drop: "drop", focus: "focus", keydown: "keydown", paste: "paste", spellCheck: "spellCheck", autoCorrect: "autoCorrect", autoCapitalize: "autoCapitalize" }, host: { properties: { "attr.contenteditable": "readonly ? undefined : true", "attr.role": "readonly ? undefined : 'textbox'", "attr.spellCheck": "!hasBeforeInputSupport ? false : spellCheck", "attr.autoCorrect": "!hasBeforeInputSupport ? 'false' : autoCorrect", "attr.autoCapitalize": "!hasBeforeInputSupport ? 'false' : autoCapitalize", "attr.data-slate-editor": "this.dataSlateEditor", "attr.data-slate-node": "this.dataSlateNode", "attr.data-gramm": "this.dataGramm" }, classAttribute: "slate-editable-container" }, providers: [
|
|
3544
3542
|
{
|
|
3545
3543
|
provide: NG_VALUE_ACCESSOR,
|
|
3546
3544
|
useExisting: forwardRef(() => SlateEditable),
|
|
@@ -3548,7 +3546,7 @@ class SlateEditable {
|
|
|
3548
3546
|
}
|
|
3549
3547
|
], usesOnChanges: true, ngImport: i0, template: "", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3550
3548
|
}
|
|
3551
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3549
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SlateEditable, decorators: [{
|
|
3552
3550
|
type: Component,
|
|
3553
3551
|
args: [{ selector: 'slate-editable', host: {
|
|
3554
3552
|
class: 'slate-editable-container',
|
|
@@ -3698,10 +3696,10 @@ class SlateChildrenOutlet {
|
|
|
3698
3696
|
getNativeElement() {
|
|
3699
3697
|
return this.elementRef.nativeElement;
|
|
3700
3698
|
}
|
|
3701
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3702
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3699
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SlateChildrenOutlet, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3700
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", type: SlateChildrenOutlet, isStandalone: true, selector: "slate-children-outlet", ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3703
3701
|
}
|
|
3704
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3702
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SlateChildrenOutlet, decorators: [{
|
|
3705
3703
|
type: Component,
|
|
3706
3704
|
args: [{
|
|
3707
3705
|
selector: 'slate-children-outlet',
|
|
@@ -3713,10 +3711,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
3713
3711
|
|
|
3714
3712
|
class SlateString {
|
|
3715
3713
|
ngOnInit() { }
|
|
3716
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3717
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3714
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SlateString, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3715
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", type: SlateString, isStandalone: true, selector: "span[slateString]", inputs: { context: "context", viewContext: "viewContext" }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3718
3716
|
}
|
|
3719
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3717
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SlateString, decorators: [{
|
|
3720
3718
|
type: Component,
|
|
3721
3719
|
args: [{
|
|
3722
3720
|
selector: 'span[slateString]',
|
|
@@ -3731,11 +3729,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
3731
3729
|
}] } });
|
|
3732
3730
|
|
|
3733
3731
|
class SlateModule {
|
|
3734
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3735
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
3736
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
3732
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SlateModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3733
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.12", ngImport: i0, type: SlateModule, imports: [CommonModule, SlateEditable, SlateBlockCard, SlateChildrenOutlet, SlateString], exports: [SlateEditable, SlateChildrenOutlet, SlateString] }); }
|
|
3734
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SlateModule, imports: [CommonModule] }); }
|
|
3737
3735
|
}
|
|
3738
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3736
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SlateModule, decorators: [{
|
|
3739
3737
|
type: NgModule,
|
|
3740
3738
|
args: [{
|
|
3741
3739
|
imports: [CommonModule, SlateEditable, SlateBlockCard, SlateChildrenOutlet, SlateString],
|
|
@@ -3775,10 +3773,10 @@ class BaseComponent {
|
|
|
3775
3773
|
get nativeElement() {
|
|
3776
3774
|
return this.elementRef.nativeElement;
|
|
3777
3775
|
}
|
|
3778
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3779
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
3776
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: BaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3777
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: BaseComponent, isStandalone: true, inputs: { context: "context", viewContext: "viewContext" }, ngImport: i0 }); }
|
|
3780
3778
|
}
|
|
3781
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3779
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: BaseComponent, decorators: [{
|
|
3782
3780
|
type: Directive
|
|
3783
3781
|
}], propDecorators: { context: [{
|
|
3784
3782
|
type: Input
|
|
@@ -3882,10 +3880,10 @@ class BaseElementComponent extends BaseComponent {
|
|
|
3882
3880
|
readonly: this._context.readonly
|
|
3883
3881
|
};
|
|
3884
3882
|
}
|
|
3885
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3886
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
3883
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: BaseElementComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3884
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: BaseElementComponent, isStandalone: true, viewQueries: [{ propertyName: "childrenOutletInstance", first: true, predicate: SlateChildrenOutlet, descendants: true, static: true }], usesInheritance: true, ngImport: i0 }); }
|
|
3887
3885
|
}
|
|
3888
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3886
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: BaseElementComponent, decorators: [{
|
|
3889
3887
|
type: Directive
|
|
3890
3888
|
}], propDecorators: { childrenOutletInstance: [{
|
|
3891
3889
|
type: ViewChild,
|
|
@@ -3933,10 +3931,10 @@ class BaseTextComponent extends BaseComponent {
|
|
|
3933
3931
|
}
|
|
3934
3932
|
this.leavesRender.update(this.context);
|
|
3935
3933
|
}
|
|
3936
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3937
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
3934
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: BaseTextComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3935
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: BaseTextComponent, isStandalone: true, viewQueries: [{ propertyName: "childrenOutletInstance", first: true, predicate: SlateChildrenOutlet, descendants: true, static: true }], usesInheritance: true, ngImport: i0 }); }
|
|
3938
3936
|
}
|
|
3939
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3937
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: BaseTextComponent, decorators: [{
|
|
3940
3938
|
type: Directive
|
|
3941
3939
|
}], propDecorators: { childrenOutletInstance: [{
|
|
3942
3940
|
type: ViewChild,
|
|
@@ -4018,10 +4016,10 @@ class BaseLeafComponent extends BaseComponent {
|
|
|
4018
4016
|
this.nativeElement.classList.remove('leaf-with-placeholder');
|
|
4019
4017
|
}
|
|
4020
4018
|
}
|
|
4021
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4022
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
4019
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: BaseLeafComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4020
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: BaseLeafComponent, isStandalone: true, host: { properties: { "attr.data-slate-leaf": "this.isSlateLeaf" } }, usesInheritance: true, ngImport: i0 }); }
|
|
4023
4021
|
}
|
|
4024
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4022
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: BaseLeafComponent, decorators: [{
|
|
4025
4023
|
type: Directive
|
|
4026
4024
|
}], propDecorators: { isSlateLeaf: [{
|
|
4027
4025
|
type: HostBinding,
|