UNPKG

ngx-tiptap-editor

Version:

[![Build and Publish](https://github.com/HuiiBuh/ngx-tiptap-editor/actions/workflows/publish.yml/badge.svg)](https://github.com/HuiiBuh/ngx-tiptap-editor/actions/workflows/publish.yml) [![Deploy to Github Pages](https://github.com/HuiiBuh/ngx-tiptap-edito

39 lines 6.84 kB
import { ChangeDetectionStrategy, Component, forwardRef } from '@angular/core'; import { BaseControl, ButtonBaseControl } from './base-control'; import * as i0 from "@angular/core"; import * as i1 from "../../services/tiptap-event.service"; import * as i2 from "@angular/common"; export class ControlNumberListComponent extends ButtonBaseControl { constructor(eventService) { super(); this.eventService = eventService; } toggleList() { this.editor && this.editor.chain().focus().toggleOrderedList().run(); } can(...args) { return !!this.editor?.can().toggleOrderedList(); } isActive(...args) { return !!this.editor?.isActive('orderedList'); } } ControlNumberListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: ControlNumberListComponent, deps: [{ token: i1.TiptapEventService }], target: i0.ɵɵFactoryTarget.Component }); ControlNumberListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: ControlNumberListComponent, selector: "tip-control-number-list", providers: [{ provide: BaseControl, useExisting: forwardRef(() => ControlNumberListComponent) }], usesInheritance: true, ngImport: i0, template: ` <button class="tip-control-button" type="button" (click)="toggleList()" #button> <div class="content-wrapper" #ref> <ng-content></ng-content> </div> <i *ngIf="ref.childNodes.length === 0" class="material-icons">format_list_numbered</i> </button>`, isInline: true, styles: [":host-context{display:contents}.tip-control-button{display:inline-flex;align-items:center;justify-content:center;padding:1px calc(var(--tip-header-padding) / 2);cursor:pointer;color:var(--tip-text-color);border:none;background-color:transparent;-webkit-tap-highlight-color:transparent}@media (pointer: fine){.tip-control-button:hover,.tip-control-button:focus{color:var(--tip-active-color)}}.tip-control-button[disabled]{cursor:default;color:var(--tip-disabled-color)}.content-wrapper{display:contents}.tip-active{color:var(--tip-active-color)}\n"], directives: [{ 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: ControlNumberListComponent, decorators: [{ type: Component, args: [{ selector: 'tip-control-number-list', template: ` <button class="tip-control-button" type="button" (click)="toggleList()" #button> <div class="content-wrapper" #ref> <ng-content></ng-content> </div> <i *ngIf="ref.childNodes.length === 0" class="material-icons">format_list_numbered</i> </button>`, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: BaseControl, useExisting: forwardRef(() => ControlNumberListComponent) }], styles: [":host-context{display:contents}.tip-control-button{display:inline-flex;align-items:center;justify-content:center;padding:1px calc(var(--tip-header-padding) / 2);cursor:pointer;color:var(--tip-text-color);border:none;background-color:transparent;-webkit-tap-highlight-color:transparent}@media (pointer: fine){.tip-control-button:hover,.tip-control-button:focus{color:var(--tip-active-color)}}.tip-control-button[disabled]{cursor:default;color:var(--tip-disabled-color)}.content-wrapper{display:contents}.tip-active{color:var(--tip-active-color)}\n"] }] }], ctorParameters: function () { return [{ type: i1.TiptapEventService }]; } }); //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udHJvbC1udW1iZXItbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtdGlwdGFwLWVkaXRvci9zcmMvbGliL2NvbXBvbmVudHMvY29udHJvbHMvY29udHJvbC1udW1iZXItbGlzdC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFL0UsT0FBTyxFQUFFLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7O0FBZWhFLE1BQU0sT0FBTywwQkFBMkIsU0FBUSxpQkFBaUI7SUFFL0QsWUFDWSxZQUFnQztRQUUxQyxLQUFLLEVBQUUsQ0FBQztRQUZFLGlCQUFZLEdBQVosWUFBWSxDQUFvQjtJQUc1QyxDQUFDO0lBRU0sVUFBVTtRQUNmLElBQUksQ0FBQyxNQUFNLElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLEVBQUUsQ0FBQyxLQUFLLEVBQUUsQ0FBQyxpQkFBaUIsRUFBRSxDQUFDLEdBQUcsRUFBRSxDQUFDO0lBQ3ZFLENBQUM7SUFFUyxHQUFHLENBQUMsR0FBRyxJQUFTO1FBQ3hCLE9BQU8sQ0FBQyxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsR0FBRyxFQUFFLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztJQUNsRCxDQUFDO0lBRVMsUUFBUSxDQUFDLEdBQUcsSUFBUztRQUM3QixPQUFPLENBQUMsQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLFFBQVEsQ0FBQyxhQUFhLENBQUMsQ0FBQztJQUNoRCxDQUFDOzt1SEFsQlUsMEJBQTBCOzJHQUExQiwwQkFBMEIsa0RBRjFCLENBQUMsRUFBQyxPQUFPLEVBQUUsV0FBVyxFQUFFLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsMEJBQTBCLENBQUMsRUFBQyxDQUFDLGlEQVJwRjs7Ozs7O2NBTUU7MkZBSUQsMEJBQTBCO2tCQWJ0QyxTQUFTOytCQUNFLHlCQUF5QixZQUV6Qjs7Ozs7O2NBTUUsbUJBQ0ssdUJBQXVCLENBQUMsTUFBTSxhQUNwQyxDQUFDLEVBQUMsT0FBTyxFQUFFLFdBQVcsRUFBRSxXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSwyQkFBMkIsQ0FBQyxFQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBmb3J3YXJkUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBUaXB0YXBFdmVudFNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy90aXB0YXAtZXZlbnQuc2VydmljZSc7XG5pbXBvcnQgeyBCYXNlQ29udHJvbCwgQnV0dG9uQmFzZUNvbnRyb2wgfSBmcm9tICcuL2Jhc2UtY29udHJvbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3RpcC1jb250cm9sLW51bWJlci1saXN0JyxcbiAgc3R5bGVVcmxzOiBbJy4uLy4uLy4uLy4uL19jb250cm9scy5zY3NzJ10sXG4gIHRlbXBsYXRlOiBgXG4gICAgPGJ1dHRvbiBjbGFzcz1cInRpcC1jb250cm9sLWJ1dHRvblwiIHR5cGU9XCJidXR0b25cIiAoY2xpY2spPVwidG9nZ2xlTGlzdCgpXCIgI2J1dHRvbj5cbiAgICAgIDxkaXYgY2xhc3M9XCJjb250ZW50LXdyYXBwZXJcIiAjcmVmPlxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxpICpuZ0lmPVwicmVmLmNoaWxkTm9kZXMubGVuZ3RoID09PSAwXCIgY2xhc3M9XCJtYXRlcmlhbC1pY29uc1wiPmZvcm1hdF9saXN0X251bWJlcmVkPC9pPlxuICAgIDwvYnV0dG9uPmAsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBwcm92aWRlcnM6IFt7cHJvdmlkZTogQmFzZUNvbnRyb2wsIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IENvbnRyb2xOdW1iZXJMaXN0Q29tcG9uZW50KX1dLFxufSlcbmV4cG9ydCBjbGFzcyBDb250cm9sTnVtYmVyTGlzdENvbXBvbmVudCBleHRlbmRzIEJ1dHRvbkJhc2VDb250cm9sIHtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcm90ZWN0ZWQgZXZlbnRTZXJ2aWNlOiBUaXB0YXBFdmVudFNlcnZpY2VcbiAgKSB7XG4gICAgc3VwZXIoKTtcbiAgfVxuXG4gIHB1YmxpYyB0b2dnbGVMaXN0KCk6IHZvaWQge1xuICAgIHRoaXMuZWRpdG9yICYmIHRoaXMuZWRpdG9yLmNoYWluKCkuZm9jdXMoKS50b2dnbGVPcmRlcmVkTGlzdCgpLnJ1bigpO1xuICB9XG5cbiAgcHJvdGVjdGVkIGNhbiguLi5hcmdzOiBhbnkpOiBib29sZWFuIHtcbiAgICByZXR1cm4gISF0aGlzLmVkaXRvcj8uY2FuKCkudG9nZ2xlT3JkZXJlZExpc3QoKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBpc0FjdGl2ZSguLi5hcmdzOiBhbnkpOiBib29sZWFuIHtcbiAgICByZXR1cm4gISF0aGlzLmVkaXRvcj8uaXNBY3RpdmUoJ29yZGVyZWRMaXN0Jyk7XG4gIH1cbn1cbiJdfQ==