slate-angular 1.6.5 → 1.7.4

package/package.json

@@ -1,21 +1,21 @@
 {
   "name": "slate-angular",
-  "version": "1.6.5",
-  "dependencies": {
-    "tslib": "^2.0.0",
+  "version": "1.7.4",
+  "peerDependencies": {
+    "slate": ">= 0.63.0",
     "slate-history": "^0.62.0",
     "debug": "^4.1.1",
     "direction": "^1.0.3",
     "is-hotkey": "^0.1.6"
   },
-  "peerDependencies": {
-    "slate": ">= 0.63.0"
-  },
   "main": "bundles/slate-angular.umd.js",
   "module": "fesm2015/slate-angular.js",
   "es2015": "fesm2015/slate-angular.js",
   "esm2015": "esm2015/slate-angular.js",
   "fesm2015": "fesm2015/slate-angular.js",
   "typings": "slate-angular.d.ts",
-  "sideEffects": false
+  "sideEffects": false,
+  "dependencies": {
+    "tslib": "^2.0.0"
+  }
 }

package/styles/index.scss

@@ -1,5 +1,4 @@
 @import '../components/block-card/block-card.component.scss';
-
 .slate-editable-container {
     display: block;
     outline: none;
@@ -8,11 +7,29 @@
     & [contenteditable="true"] {
         outline: none;
     }
+    & [data-slate-placeholder] {
+        position: absolute;
+        pointer-events: none;
+        width: 100%;
+        max-width: 100%;
+        display: block;
+        opacity: 0.333;
+        user-select: none;
+        text-decoration: none;
+        top: 0;
+    }
+    & [data-slate-leaf="true"] {
+        &.leaf-with-placeholder {
+            position: relative;
+            display: inline-block;
+            width: 100%;
+        }
+    }
 }
+
 .slate-spacer {
     height: 0;
     color: transparent;
     outline: none;
     position: absolute;
-}
-
+}

package/types/feature.d.ts

@@ -0,0 +1,4 @@
+import { BaseRange } from "slate";
+export interface SlatePlaceholder extends BaseRange {
+    placeholder: string;
+}

package/types/index.d.ts

@@ -1,2 +1,3 @@
 export * from './error';
 export * from './view';
+export * from './feature';

package/view/base.d.ts

@@ -33,11 +33,14 @@ export declare abstract class BaseComponent<T = SlateTextContext | SlateLeafCont
  */
 export declare class BaseLeafComponent extends BaseComponent<SlateLeafContext> implements OnInit {
     initialized: boolean;
+    placeholderElement: HTMLSpanElement;
     isSlateLeaf: boolean;
     get text(): Text;
     get leaf(): Text;
     ngOnInit(): void;
     onContextChange(): void;
+    renderPlaceholder(): void;
+    destroyPlaceholder(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BaseLeafComponent, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<BaseLeafComponent, never, never, {}, {}, never>;
 }

package/view/container.d.ts

@@ -1,4 +1,4 @@
-import { AfterViewInit, ElementRef, IterableDiffers, QueryList } from "@angular/core";
+import { AfterViewInit, ElementRef, IterableChangeRecord, IterableDiffers, QueryList } from "@angular/core";
 import { SlateViewContext } from "./context";
 import { ViewContainerItem } from "./container-item";
 import * as i0 from "@angular/core";
@@ -16,6 +16,7 @@ export declare abstract class ViewContainer<T extends ViewContainerItem> impleme
     ngAfterViewInit(): void;
     getPreviousRootNode(currentIndex: any): any;
     createFragment(): DocumentFragment;
+    handleContainerItemChange(record: IterableChangeRecord<T>, parentElement: HTMLElement): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ViewContainer<any>, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ViewContainer<any>, never, never, { "viewContext": "viewContext"; }, {}, never>;
 }