ngx-tiptap-editor
Version:
[](https://github.com/HuiiBuh/ngx-tiptap-editor/actions/workflows/publish.yml) [![Deploy to Github Pages](https://github.com/HuiiBuh/ngx-tiptap-edito
54 lines • 6.54 kB
JavaScript
import { ChangeDetectionStrategy, Component, Inject, InjectionToken } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@tiptap/core";
import * as i2 from "@angular/common";
export const MENTION_FETCH = new InjectionToken('MENTION_FETCH');
// @dynamic
export class MentionPreviewComponent {
constructor(ngZone, cd, editor, fetchFunction) {
this.ngZone = ngZone;
this.cd = cd;
this.editor = editor;
this.fetchFunction = fetchFunction;
this.queryResult = [];
}
handleKeyPress(event) {
return false;
}
async updateProps(props) {
this.mentionProps = props;
this.queryResult = await this.fetchFunction(props.query);
this.cd.detectChanges();
}
setMention(mention) {
this.mentionProps.command(mention);
}
}
MentionPreviewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MentionPreviewComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ChangeDetectorRef }, { token: i1.Editor }, { token: MENTION_FETCH }], target: i0.ɵɵFactoryTarget.Component });
MentionPreviewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: MentionPreviewComponent, selector: "tip-mention-select", ngImport: i0, template: `
<button *ngFor="let item of queryResult" (click)="setMention(item)" (keyup.enter)="setMention(item)">
{{item.id}}
</button>
<div *ngIf="queryResult.length === 0">
No result was found
</div>
`, isInline: true, directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MentionPreviewComponent, decorators: [{
type: Component,
args: [{
selector: 'tip-mention-select',
template: `
<button *ngFor="let item of queryResult" (click)="setMention(item)" (keyup.enter)="setMention(item)">
{{item.id}}
</button>
<div *ngIf="queryResult.length === 0">
No result was found
</div>
`,
changeDetection: ChangeDetectionStrategy.OnPush
}]
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ChangeDetectorRef }, { type: i1.Editor }, { type: undefined, decorators: [{
type: Inject,
args: [MENTION_FETCH]
}] }]; } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudGlvbi1wcmV2aWV3LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC10aXB0YXAtZWRpdG9yL3NyYy9saWIvZXh0ZW5zaW9ucy9jdXN0b20vbWVudGlvbi9tZW50aW9uLXByZXZpZXcuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBcUIsU0FBUyxFQUFFLE1BQU0sRUFBRSxjQUFjLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFLOUcsTUFBTSxDQUFDLE1BQU0sYUFBYSxHQUFHLElBQUksY0FBYyxDQUF1QixlQUFlLENBQUMsQ0FBQztBQVN2RixXQUFXO0FBYVgsTUFBTSxPQUFPLHVCQUF1QjtJQUlsQyxZQUNVLE1BQXlCLEVBQ3pCLEVBQXFCLEVBQ3JCLE1BQWMsRUFDUyxhQUFtQztRQUgxRCxXQUFNLEdBQU4sTUFBTSxDQUFtQjtRQUN6QixPQUFFLEdBQUYsRUFBRSxDQUFtQjtRQUNyQixXQUFNLEdBQU4sTUFBTSxDQUFRO1FBQ1Msa0JBQWEsR0FBYixhQUFhLENBQXNCO1FBUDdELGdCQUFXLEdBQXFCLEVBQUUsQ0FBQztJQVMxQyxDQUFDO0lBRUQsY0FBYyxDQUFDLEtBQW9CO1FBQ2pDLE9BQU8sS0FBSyxDQUFDO0lBQ2YsQ0FBQztJQUVNLEtBQUssQ0FBQyxXQUFXLENBQUMsS0FBc0I7UUFDN0MsSUFBSSxDQUFDLFlBQVksR0FBRyxLQUFLLENBQUM7UUFDMUIsSUFBSSxDQUFDLFdBQVcsR0FBRyxNQUFNLElBQUksQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3pELElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUVNLFVBQVUsQ0FBQyxPQUF1QjtRQUN2QyxJQUFJLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUNyQyxDQUFDOztvSEF4QlUsdUJBQXVCLDBHQVF4QixhQUFhO3dHQVJaLHVCQUF1QiwwREFWeEI7Ozs7Ozs7R0FPVDsyRkFHVSx1QkFBdUI7a0JBWm5DLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLG9CQUFvQjtvQkFDOUIsUUFBUSxFQUFFOzs7Ozs7O0dBT1Q7b0JBQ0QsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07aUJBQ2hEOzswQkFTSSxNQUFNOzJCQUFDLGFBQWEiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgSW5qZWN0LCBJbmplY3Rpb25Ub2tlbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRWRpdG9yIH0gZnJvbSAnQHRpcHRhcC9jb3JlJztcbmltcG9ydCB7IFN1Z2dlc3Rpb25Qcm9wcyB9IGZyb20gJ0B0aXB0YXAvc3VnZ2VzdGlvbic7XG5pbXBvcnQgeyBNZW50aW9uRGF0YSB9IGZyb20gJy4vbmd4LW1lbnRpb24nO1xuXG5leHBvcnQgY29uc3QgTUVOVElPTl9GRVRDSCA9IG5ldyBJbmplY3Rpb25Ub2tlbjxNZW50aW9uRmV0Y2hGdW5jdGlvbj4oJ01FTlRJT05fRkVUQ0gnKTtcbmV4cG9ydCB0eXBlIE1lbnRpb25GZXRjaEZ1bmN0aW9uID0gKHF1ZXJ5OiBzdHJpbmcpID0+IE1lbnRpb25EYXRhW10gfCBQcm9taXNlPE1lbnRpb25EYXRhW10+O1xuXG5leHBvcnQgaW50ZXJmYWNlIE1lbnRpb25QcmV2aWV3SW50ZXJmYWNlIHtcbiAgaGFuZGxlS2V5UHJlc3MoZXZlbnQ6IEtleWJvYXJkRXZlbnQpOiBib29sZWFuO1xuXG4gIHVwZGF0ZVByb3BzKHByb3BzOiBTdWdnZXN0aW9uUHJvcHMpOiB2b2lkO1xufVxuXG4vLyBAZHluYW1pY1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndGlwLW1lbnRpb24tc2VsZWN0JyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8YnV0dG9uICpuZ0Zvcj1cImxldCBpdGVtIG9mIHF1ZXJ5UmVzdWx0XCIgKGNsaWNrKT1cInNldE1lbnRpb24oaXRlbSlcIiAoa2V5dXAuZW50ZXIpPVwic2V0TWVudGlvbihpdGVtKVwiPlxuICAgICAge3tpdGVtLmlkfX1cbiAgICA8L2J1dHRvbj5cbiAgICA8ZGl2ICpuZ0lmPVwicXVlcnlSZXN1bHQubGVuZ3RoID09PSAwXCI+XG4gICAgICBObyByZXN1bHQgd2FzIGZvdW5kXG4gICAgPC9kaXY+XG4gIGAsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIE1lbnRpb25QcmV2aWV3Q29tcG9uZW50IGltcGxlbWVudHMgTWVudGlvblByZXZpZXdJbnRlcmZhY2Uge1xuICBwdWJsaWMgcXVlcnlSZXN1bHQ6IHsgaWQ6IHN0cmluZyB9W10gPSBbXTtcbiAgcHJpdmF0ZSBtZW50aW9uUHJvcHMhOiBTdWdnZXN0aW9uUHJvcHM7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBuZ1pvbmU6IENoYW5nZURldGVjdG9yUmVmLFxuICAgIHByaXZhdGUgY2Q6IENoYW5nZURldGVjdG9yUmVmLFxuICAgIHByaXZhdGUgZWRpdG9yOiBFZGl0b3IsXG4gICAgQEluamVjdChNRU5USU9OX0ZFVENIKSBwcml2YXRlIGZldGNoRnVuY3Rpb246IE1lbnRpb25GZXRjaEZ1bmN0aW9uXG4gICkge1xuICB9XG5cbiAgaGFuZGxlS2V5UHJlc3MoZXZlbnQ6IEtleWJvYXJkRXZlbnQpOiBib29sZWFuIHtcbiAgICByZXR1cm4gZmFsc2U7XG4gIH1cblxuICBwdWJsaWMgYXN5bmMgdXBkYXRlUHJvcHMocHJvcHM6IFN1Z2dlc3Rpb25Qcm9wcyk6IFByb21pc2U8dm9pZD4ge1xuICAgIHRoaXMubWVudGlvblByb3BzID0gcHJvcHM7XG4gICAgdGhpcy5xdWVyeVJlc3VsdCA9IGF3YWl0IHRoaXMuZmV0Y2hGdW5jdGlvbihwcm9wcy5xdWVyeSk7XG4gICAgdGhpcy5jZC5kZXRlY3RDaGFuZ2VzKCk7XG4gIH1cblxuICBwdWJsaWMgc2V0TWVudGlvbihtZW50aW9uOiB7IGlkOiBzdHJpbmcgfSk6IHZvaWQge1xuICAgIHRoaXMubWVudGlvblByb3BzLmNvbW1hbmQobWVudGlvbik7XG4gIH1cbn1cbiJdfQ==