ngx-tiptap-editor/esm2020/lib/components/controls/control-hr.component.mjs

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

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 HorizontalRuleControlComponent extends ButtonBaseControl {
    constructor(eventService) {
        super();
        this.eventService = eventService;
    }
    addHorizontalRule() {
        this.editor && this.editor.chain().focus().setHorizontalRule().run();
    }
    can() {
        return !!this.editor?.can().setHorizontalRule();
    }
    isActive(...args) {
        return false;
    }
}
HorizontalRuleControlComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: HorizontalRuleControlComponent, deps: [{ token: i1.TiptapEventService }], target: i0.ɵɵFactoryTarget.Component });
HorizontalRuleControlComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: HorizontalRuleControlComponent, selector: "tip-control-hr", providers: [{ provide: BaseControl, useExisting: forwardRef(() => HorizontalRuleControlComponent) }], usesInheritance: true, ngImport: i0, template: `
    <button class="tip-control-button" type="button" (click)="addHorizontalRule()" #button>
      <div class="content-wrapper" #ref>
        <ng-content></ng-content>
      </div>
      <i *ngIf="ref.childNodes.length === 0" class="material-icons">horizontal_rule</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: HorizontalRuleControlComponent, decorators: [{
            type: Component,
            args: [{ selector: 'tip-control-hr', template: `
    <button class="tip-control-button" type="button" (click)="addHorizontalRule()" #button>
      <div class="content-wrapper" #ref>
        <ng-content></ng-content>
      </div>
      <i *ngIf="ref.childNodes.length === 0" class="material-icons">horizontal_rule</i>
    </button>`, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: BaseControl, useExisting: forwardRef(() => HorizontalRuleControlComponent) }], 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udHJvbC1oci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtdGlwdGFwLWVkaXRvci9zcmMvbGliL2NvbXBvbmVudHMvY29udHJvbHMvY29udHJvbC1oci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFL0UsT0FBTyxFQUFFLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7O0FBZWhFLE1BQU0sT0FBTyw4QkFBK0IsU0FBUSxpQkFBaUI7SUFFbkUsWUFDWSxZQUFnQztRQUUxQyxLQUFLLEVBQUUsQ0FBQztRQUZFLGlCQUFZLEdBQVosWUFBWSxDQUFvQjtJQUc1QyxDQUFDO0lBRU0saUJBQWlCO1FBQ3RCLElBQUksQ0FBQyxNQUFNLElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLEVBQUUsQ0FBQyxLQUFLLEVBQUUsQ0FBQyxpQkFBaUIsRUFBRSxDQUFDLEdBQUcsRUFBRSxDQUFDO0lBQ3ZFLENBQUM7SUFFUyxHQUFHO1FBQ1gsT0FBTyxDQUFDLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxHQUFHLEVBQUUsQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO0lBQ2xELENBQUM7SUFFUyxRQUFRLENBQUMsR0FBRyxJQUFTO1FBQzdCLE9BQU8sS0FBSyxDQUFDO0lBQ2YsQ0FBQzs7MkhBbEJVLDhCQUE4QjsrR0FBOUIsOEJBQThCLHlDQUY5QixDQUFDLEVBQUMsT0FBTyxFQUFFLFdBQVcsRUFBRSxXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLDhCQUE4QixDQUFDLEVBQUMsQ0FBQyxpREFSeEY7Ozs7OztjQU1FOzJGQUlELDhCQUE4QjtrQkFiMUMsU0FBUzsrQkFDRSxnQkFBZ0IsWUFFaEI7Ozs7OztjQU1FLG1CQUNLLHVCQUF1QixDQUFDLE1BQU0sYUFDcEMsQ0FBQyxFQUFDLE9BQU8sRUFBRSxXQUFXLEVBQUUsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsK0JBQStCLENBQUMsRUFBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgZm9yd2FyZFJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVGlwdGFwRXZlbnRTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvdGlwdGFwLWV2ZW50LnNlcnZpY2UnO1xuaW1wb3J0IHsgQmFzZUNvbnRyb2wsIEJ1dHRvbkJhc2VDb250cm9sIH0gZnJvbSAnLi9iYXNlLWNvbnRyb2wnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd0aXAtY29udHJvbC1ocicsXG4gIHN0eWxlVXJsczogWycuLi8uLi8uLi8uLi9fY29udHJvbHMuc2NzcyddLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxidXR0b24gY2xhc3M9XCJ0aXAtY29udHJvbC1idXR0b25cIiB0eXBlPVwiYnV0dG9uXCIgKGNsaWNrKT1cImFkZEhvcml6b250YWxSdWxlKClcIiAjYnV0dG9uPlxuICAgICAgPGRpdiBjbGFzcz1cImNvbnRlbnQtd3JhcHBlclwiICNyZWY+XG4gICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICAgIDwvZGl2PlxuICAgICAgPGkgKm5nSWY9XCJyZWYuY2hpbGROb2Rlcy5sZW5ndGggPT09IDBcIiBjbGFzcz1cIm1hdGVyaWFsLWljb25zXCI+aG9yaXpvbnRhbF9ydWxlPC9pPlxuICAgIDwvYnV0dG9uPmAsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBwcm92aWRlcnM6IFt7cHJvdmlkZTogQmFzZUNvbnRyb2wsIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IEhvcml6b250YWxSdWxlQ29udHJvbENvbXBvbmVudCl9XSxcbn0pXG5leHBvcnQgY2xhc3MgSG9yaXpvbnRhbFJ1bGVDb250cm9sQ29tcG9uZW50IGV4dGVuZHMgQnV0dG9uQmFzZUNvbnRyb2wge1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByb3RlY3RlZCBldmVudFNlcnZpY2U6IFRpcHRhcEV2ZW50U2VydmljZVxuICApIHtcbiAgICBzdXBlcigpO1xuICB9XG5cbiAgcHVibGljIGFkZEhvcml6b250YWxSdWxlKCk6IHZvaWQge1xuICAgIHRoaXMuZWRpdG9yICYmIHRoaXMuZWRpdG9yLmNoYWluKCkuZm9jdXMoKS5zZXRIb3Jpem9udGFsUnVsZSgpLnJ1bigpO1xuICB9XG5cbiAgcHJvdGVjdGVkIGNhbigpOiBib29sZWFuIHtcbiAgICByZXR1cm4gISF0aGlzLmVkaXRvcj8uY2FuKCkuc2V0SG9yaXpvbnRhbFJ1bGUoKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBpc0FjdGl2ZSguLi5hcmdzOiBhbnkpOiBib29sZWFuIHtcbiAgICByZXR1cm4gZmFsc2U7XG4gIH1cbn1cbiJdfQ==