bitfront-library
Version:
Angular CLI project with components and classes used by other Angular projects of the BIT foundation.
369 lines • 25.3 kB
JavaScript
"use strict";
var __extends = (this && this.__extends) || (function () {
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
return extendStatics(d, b);
};
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
Object.defineProperty(exports, "__esModule", { value: true });
exports.BitEditorComponent = exports.CUSTOM_BITEDITOR_CONTROL_VALUE_ACCESSOR = void 0;
var core_1 = require("@angular/core");
var core_2 = require("@angular/core");
var forms_1 = require("@angular/forms");
var configuration_editor_1 = require("../../data/configuration-editor");
var bit_custom_component_1 = require("./bit-custom.component");
var ayuda_service_1 = require("../../service/ayuda.service");
var i0 = require("@angular/core");
var i1 = require("../../service/ayuda.service");
var i2 = require("@angular/common");
var i3 = require("primeng/editor");
var i4 = require("@angular/forms");
var i5 = require("primeng/api");
var i6 = require("../../directive/focus-register.directive");
var i7 = require("../bit-control-messages.component");
function BitEditorComponent_label_0_span_3_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelement(0, "span", 7);
} }
function BitEditorComponent_label_0_i_5_Template(rf, ctx) { if (rf & 1) {
var _r8 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "i", 8);
i0.ɵɵlistener("click", function BitEditorComponent_label_0_i_5_Template_i_click_0_listener() { i0.ɵɵrestoreView(_r8); var ctx_r7 = i0.ɵɵnextContext(2); return ctx_r7.showAyuda(); });
i0.ɵɵelementEnd();
} }
function BitEditorComponent_label_0_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "label");
i0.ɵɵprojection(1);
i0.ɵɵtext(2, "\u00A0 ");
i0.ɵɵtemplate(3, BitEditorComponent_label_0_span_3_Template, 1, 0, "span", 5);
i0.ɵɵtext(4, "\u00A0\u00A0 ");
i0.ɵɵtemplate(5, BitEditorComponent_label_0_i_5_Template, 1, 0, "i", 6);
i0.ɵɵelementEnd();
} if (rf & 2) {
var ctx_r0 = i0.ɵɵnextContext();
i0.ɵɵadvance(3);
i0.ɵɵproperty("ngIf", ctx_r0.obligatorio);
i0.ɵɵadvance(2);
i0.ɵɵproperty("ngIf", ctx_r0.ayuda);
} }
function BitEditorComponent_p_1_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "p", 9);
i0.ɵɵtext(1);
i0.ɵɵelementEnd();
} if (rf & 2) {
var ctx_r1 = i0.ɵɵnextContext();
i0.ɵɵadvance(1);
i0.ɵɵtextInterpolate1(" ", ctx_r1.value_lectura && ctx_r1.value_lectura != "" ? ctx_r1.value_lectura : "\u00A0", " ");
} }
function BitEditorComponent_p_editor_2_span_3_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "span", 13);
i0.ɵɵelementStart(1, "select", 14);
i0.ɵɵelementStart(2, "option", 15);
i0.ɵɵtext(3, "Sans Serif");
i0.ɵɵelementEnd();
i0.ɵɵelementStart(4, "option", 16);
i0.ɵɵtext(5, "Serif");
i0.ɵɵelementEnd();
i0.ɵɵelementStart(6, "option", 17);
i0.ɵɵtext(7, "Monospace");
i0.ɵɵelementEnd();
i0.ɵɵelementEnd();
i0.ɵɵelementEnd();
} }
function BitEditorComponent_p_editor_2_span_4_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "span", 13);
i0.ɵɵelementStart(1, "select", 18);
i0.ɵɵelementStart(2, "option", 19);
i0.ɵɵtext(3, "Petita");
i0.ɵɵelementEnd();
i0.ɵɵelementStart(4, "option", 15);
i0.ɵɵtext(5, "Mitjana");
i0.ɵɵelementEnd();
i0.ɵɵelementStart(6, "option", 20);
i0.ɵɵtext(7, "Gran");
i0.ɵɵelementEnd();
i0.ɵɵelementStart(8, "option", 21);
i0.ɵɵtext(9, "Molt gran");
i0.ɵɵelementEnd();
i0.ɵɵelementEnd();
i0.ɵɵelementEnd();
} }
function BitEditorComponent_p_editor_2_span_5_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "span", 13);
i0.ɵɵelement(1, "button", 22);
i0.ɵɵelement(2, "button", 23);
i0.ɵɵelement(3, "button", 24);
i0.ɵɵelement(4, "button", 25);
i0.ɵɵelementEnd();
} }
function BitEditorComponent_p_editor_2_span_6_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "span", 13);
i0.ɵɵelement(1, "select", 26);
i0.ɵɵelement(2, "select", 27);
i0.ɵɵelementEnd();
} if (rf & 2) {
i0.ɵɵadvance(2);
i0.ɵɵproperty("title", "Bg color");
} }
function BitEditorComponent_p_editor_2_span_7_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "span", 13);
i0.ɵɵelement(1, "button", 28);
i0.ɵɵelement(2, "button", 29);
i0.ɵɵelementEnd();
} }
function BitEditorComponent_p_editor_2_span_8_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "span", 13);
i0.ɵɵelement(1, "button", 30);
i0.ɵɵelement(2, "button", 31);
i0.ɵɵelementEnd();
} }
function BitEditorComponent_p_editor_2_span_9_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "span", 13);
i0.ɵɵelement(1, "button", 32);
i0.ɵɵelementEnd();
} }
function BitEditorComponent_p_editor_2_span_10_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "span", 13);
i0.ɵɵelement(1, "button", 33);
i0.ɵɵelementEnd();
} }
function BitEditorComponent_p_editor_2_span_11_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "span", 13);
i0.ɵɵelement(1, "button", 34);
i0.ɵɵelement(2, "button", 35);
i0.ɵɵelementEnd();
} }
function BitEditorComponent_p_editor_2_span_12_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "span", 13);
i0.ɵɵelement(1, "button", 36);
i0.ɵɵelement(2, "button", 37);
i0.ɵɵelementEnd();
} }
function BitEditorComponent_p_editor_2_span_13_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "span", 13);
i0.ɵɵelement(1, "button", 38);
i0.ɵɵelementEnd();
} }
function BitEditorComponent_p_editor_2_span_14_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "span", 13);
i0.ɵɵelementStart(1, "select", 39);
i0.ɵɵelement(2, "option", 40);
i0.ɵɵelement(3, "option", 41);
i0.ɵɵelement(4, "option", 42);
i0.ɵɵelement(5, "option", 43);
i0.ɵɵelementEnd();
i0.ɵɵelementEnd();
} }
function BitEditorComponent_p_editor_2_span_15_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "span", 13);
i0.ɵɵelement(1, "button", 44);
i0.ɵɵelementEnd();
} }
function BitEditorComponent_p_editor_2_span_16_button_1_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelement(0, "button", 47);
} }
function BitEditorComponent_p_editor_2_span_16_button_2_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelement(0, "button", 48);
} }
function BitEditorComponent_p_editor_2_span_16_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "span", 13);
i0.ɵɵtemplate(1, BitEditorComponent_p_editor_2_span_16_button_1_Template, 1, 0, "button", 45);
i0.ɵɵtemplate(2, BitEditorComponent_p_editor_2_span_16_button_2_Template, 1, 0, "button", 46);
i0.ɵɵelementEnd();
} if (rf & 2) {
var ctx_r23 = i0.ɵɵnextContext(2);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", ctx_r23.configuracion.image);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", ctx_r23.configuracion.video);
} }
function BitEditorComponent_p_editor_2_span_17_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "span", 13);
i0.ɵɵelement(1, "button", 49);
i0.ɵɵelementEnd();
} }
var _c0 = function (a0) { return { "height": a0 }; };
function BitEditorComponent_p_editor_2_Template(rf, ctx) { if (rf & 1) {
var _r28 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "p-editor", 10, 11);
i0.ɵɵlistener("ngModelChange", function BitEditorComponent_p_editor_2_Template_p_editor_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r28); var ctx_r27 = i0.ɵɵnextContext(); return ctx_r27.value = $event; })("onInit", function BitEditorComponent_p_editor_2_Template_p_editor_onInit_0_listener($event) { i0.ɵɵrestoreView(_r28); var ctx_r29 = i0.ɵɵnextContext(); return ctx_r29.onInit($event); });
i0.ɵɵelementStart(2, "p-header");
i0.ɵɵtemplate(3, BitEditorComponent_p_editor_2_span_3_Template, 8, 0, "span", 12);
i0.ɵɵtemplate(4, BitEditorComponent_p_editor_2_span_4_Template, 10, 0, "span", 12);
i0.ɵɵtemplate(5, BitEditorComponent_p_editor_2_span_5_Template, 5, 0, "span", 12);
i0.ɵɵtemplate(6, BitEditorComponent_p_editor_2_span_6_Template, 3, 1, "span", 12);
i0.ɵɵtemplate(7, BitEditorComponent_p_editor_2_span_7_Template, 3, 0, "span", 12);
i0.ɵɵtemplate(8, BitEditorComponent_p_editor_2_span_8_Template, 3, 0, "span", 12);
i0.ɵɵtemplate(9, BitEditorComponent_p_editor_2_span_9_Template, 2, 0, "span", 12);
i0.ɵɵtemplate(10, BitEditorComponent_p_editor_2_span_10_Template, 2, 0, "span", 12);
i0.ɵɵtemplate(11, BitEditorComponent_p_editor_2_span_11_Template, 3, 0, "span", 12);
i0.ɵɵtemplate(12, BitEditorComponent_p_editor_2_span_12_Template, 3, 0, "span", 12);
i0.ɵɵtemplate(13, BitEditorComponent_p_editor_2_span_13_Template, 2, 0, "span", 12);
i0.ɵɵtemplate(14, BitEditorComponent_p_editor_2_span_14_Template, 6, 0, "span", 12);
i0.ɵɵtemplate(15, BitEditorComponent_p_editor_2_span_15_Template, 2, 0, "span", 12);
i0.ɵɵtemplate(16, BitEditorComponent_p_editor_2_span_16_Template, 3, 2, "span", 12);
i0.ɵɵtemplate(17, BitEditorComponent_p_editor_2_span_17_Template, 2, 0, "span", 12);
i0.ɵɵelementEnd();
i0.ɵɵelementEnd();
} if (rf & 2) {
var ctx_r2 = i0.ɵɵnextContext();
i0.ɵɵstyleMap(i0.ɵɵpureFunction1(21, _c0, ctx_r2.height + "px"));
i0.ɵɵpropertyInterpolate("id", ctx_r2.nombre);
i0.ɵɵpropertyInterpolate("name", ctx_r2.nombre);
i0.ɵɵproperty("ngModel", ctx_r2.value)("placeholder", ctx_r2.placeholder);
i0.ɵɵadvance(3);
i0.ɵɵproperty("ngIf", ctx_r2.configuracion.fontFamily);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", ctx_r2.configuracion.fontSize);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", ctx_r2.configuracion.fontFormat);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", ctx_r2.configuracion.color);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", ctx_r2.configuracion.script);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", ctx_r2.configuracion.header);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", ctx_r2.configuracion.blockquote);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", ctx_r2.configuracion.codeBlock);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", ctx_r2.configuracion.bullet);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", ctx_r2.configuracion.indent);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", ctx_r2.configuracion.direction);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", ctx_r2.configuracion.align);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", ctx_r2.configuracion.link);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", ctx_r2.configuracion.image || ctx_r2.configuracion.video);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", ctx_r2.configuracion.clean);
} }
function BitEditorComponent_p_editor_3_Template(rf, ctx) { if (rf & 1) {
var _r31 = i0.ɵɵgetCurrentView();
i0.ɵɵelementStart(0, "p-editor", 50);
i0.ɵɵlistener("ngModelChange", function BitEditorComponent_p_editor_3_Template_p_editor_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r31); var ctx_r30 = i0.ɵɵnextContext(); return ctx_r30.value = $event; });
i0.ɵɵelementEnd();
} if (rf & 2) {
var ctx_r3 = i0.ɵɵnextContext();
i0.ɵɵstyleMap(i0.ɵɵpureFunction1(6, _c0, ctx_r3.height + "px"));
i0.ɵɵpropertyInterpolate("id", ctx_r3.nombre);
i0.ɵɵpropertyInterpolate("name", ctx_r3.nombre);
i0.ɵɵproperty("ngModel", ctx_r3.value)("placeholder", ctx_r3.placeholder);
} }
function BitEditorComponent_control_messages_4_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelement(0, "control-messages", 51);
} if (rf & 2) {
var ctx_r4 = i0.ɵɵnextContext();
i0.ɵɵproperty("control", ctx_r4.control)("field", ctx_r4.nombre);
} }
var _c1 = ["*"];
exports.CUSTOM_BITEDITOR_CONTROL_VALUE_ACCESSOR = {
provide: forms_1.NG_VALUE_ACCESSOR,
useExisting: core_1.forwardRef(function () { return BitEditorComponent; }),
multi: true
};
/**
* Clase que utiliza un custom componente para campo editor de HTML
* Utiliza la interfaz ControlValueAccessor
* <bit-editor [(ngModel)]="object.descripcion" [ngModelOptions]="{standalone: true}" height="250"> Descripció</bit-editor>
* Para utilizar, importar tambien js y css.
*
* https://www.primefaces.org/primeng/#/editor
* https://quilljs.com/docs/modules/toolbar/
*
**/
var BitEditorComponent = /** @class */ (function (_super) {
__extends(BitEditorComponent, _super);
function BitEditorComponent(ayudaService, changeDetectorRef) {
var _this = _super.call(this, ayudaService, changeDetectorRef) || this;
_this.ayudaService = ayudaService;
_this.changeDetectorRef = changeDetectorRef;
_this.tipo = "default";
// si es "custom", se utiliza el objeto de configuracion: configuration.
// si es "default", no se utiliza ninguna configuracion (se muestran todos los controles)
_this.configuration = BitEditorComponent.globalConfiguration;
_this.height = 100;
return _this;
}
Object.defineProperty(BitEditorComponent.prototype, "value_lectura", {
get: function () {
if (this.value == null) {
return "";
} // si es null o undefined (es lo que evalúa el "==null")
else {
return this.value;
}
},
enumerable: false,
configurable: true
});
BitEditorComponent.prototype.onFocus = function () {
this.onTouchedCallback();
};
BitEditorComponent.prototype.onInit = function (quill) {
/*var toolbar = quill.editor.getModule('toolbar');
toolbar.addHandler('link', function(value) {
if (value) {
var href = prompt('Introduzca la URL');
this.quill.format('link', href);
} else {
this.quill.format('link', false);
}
});*/
};
Object.defineProperty(BitEditorComponent.prototype, "configuracion", {
get: function () {
return this.configuration ? this.configuration : BitEditorComponent.globalConfiguration;
},
enumerable: false,
configurable: true
});
// es posible tener configuraciones globales en todos los bit-editor de un proyecto
BitEditorComponent.globalConfiguration = configuration_editor_1.ConfigurationEditor.newObject();
BitEditorComponent.ɵfac = function BitEditorComponent_Factory(t) { return new (t || BitEditorComponent)(i0.ɵɵdirectiveInject(i1.AyudaService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
BitEditorComponent.ɵcmp = i0.ɵɵdefineComponent({ type: BitEditorComponent, selectors: [["bit-editor"]], inputs: { tipo: "tipo", configuration: "configuration", height: "height" }, features: [i0.ɵɵProvidersFeature([exports.CUSTOM_BITEDITOR_CONTROL_VALUE_ACCESSOR]), i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c1, decls: 5, vars: 5, consts: [[4, "ngIf"], ["class", "lectura", 4, "ngIf"], ["styleClass", "editor", 3, "id", "name", "ngModel", "placeholder", "style", "ngModelChange", "onInit", 4, "ngIf"], ["styleClass", "editor", 3, "id", "name", "ngModel", "placeholder", "style", "ngModelChange", 4, "ngIf"], [3, "control", "field", 4, "ngIf"], ["class", "obligatorio fa fa-asterisk", 4, "ngIf"], ["class", "btn-ayuda fa fa-question", 3, "click", 4, "ngIf"], [1, "obligatorio", "fa", "fa-asterisk"], [1, "btn-ayuda", "fa", "fa-question", 3, "click"], [1, "lectura"], ["styleClass", "editor", 3, "id", "name", "ngModel", "placeholder", "ngModelChange", "onInit"], ["editor", ""], ["class", "ql-formats", 4, "ngIf"], [1, "ql-formats"], [1, "ql-font"], ["selected", ""], ["value", "serif"], ["value", "monospace"], [1, "ql-size"], ["value", "small"], ["value", "large"], ["value", "huge"], ["aria-label", "Bold", 1, "ql-bold"], ["aria-label", "Italic", 1, "ql-italic"], ["aria-label", "Underline", 1, "ql-underline"], ["aria-label", "Strikethrough", 1, "ql-strike"], [1, "ql-color"], [1, "ql-background", 3, "title"], ["value", "sub", "type", "button", 1, "ql-script"], ["value", "super", "type", "button", 1, "ql-script"], ["value", "1", "type", "button", 1, "ql-header"], ["value", "2", "type", "button", 1, "ql-header"], ["type", "button", 1, "ql-blockquote"], ["aria-label", "Insert code", "type", "button", 1, "ql-code-block"], ["value", "ordered", "type", "button", 1, "ql-list"], ["value", "bullet", "type", "button", 1, "ql-list"], ["value", "-1", "type", "button", 1, "ql-indent"], ["value", "+1", "type", "button", 1, "ql-indent"], ["value", "rtl", "type", "button", 1, "ql-direction"], [1, "ql-align"], ["value", ""], ["value", "center"], ["value", "right"], ["value", "justify"], ["aria-label", "Insert Link", "type", "button", 1, "ql-link"], ["class", "ql-image", "aria-label", "Insert image", "type", "button", 4, "ngIf"], ["class", "ql-video", "type", "button", 4, "ngIf"], ["aria-label", "Insert image", "type", "button", 1, "ql-image"], ["type", "button", 1, "ql-video"], ["type", "button", 1, "ql-clean"], ["styleClass", "editor", 3, "id", "name", "ngModel", "placeholder", "ngModelChange"], [3, "control", "field"]], template: function BitEditorComponent_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵprojectionDef();
i0.ɵɵtemplate(0, BitEditorComponent_label_0_Template, 6, 2, "label", 0);
i0.ɵɵtemplate(1, BitEditorComponent_p_1_Template, 2, 1, "p", 1);
i0.ɵɵtemplate(2, BitEditorComponent_p_editor_2_Template, 18, 23, "p-editor", 2);
i0.ɵɵtemplate(3, BitEditorComponent_p_editor_3_Template, 1, 8, "p-editor", 3);
i0.ɵɵtemplate(4, BitEditorComponent_control_messages_4_Template, 1, 2, "control-messages", 4);
} if (rf & 2) {
i0.ɵɵproperty("ngIf", !ctx.hideLabel);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", ctx.readOnly);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", !ctx.readOnly && ctx.tipo == "custom");
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", !ctx.readOnly && (!ctx.tipo || ctx.tipo == "default"));
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", ctx.control != null);
} }, directives: [i2.NgIf, i3.Editor, i4.NgControlStatus, i4.NgModel, i5.Header, i6.FocusRegisterDirective, i4.NgSelectOption, i4.ɵangular_packages_forms_forms_z, i7.BitControlMessages], encapsulation: 2 });
return BitEditorComponent;
}(bit_custom_component_1.BitCustomComponent));
exports.BitEditorComponent = BitEditorComponent;
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BitEditorComponent, [{
type: core_1.Component,
args: [{
selector: "bit-editor",
template: "\n <label *ngIf=\"!hideLabel\">\n <ng-content></ng-content> \n <span *ngIf=\"obligatorio\" class=\"obligatorio fa fa-asterisk\"></span> \n <i *ngIf=\"ayuda\" class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda();\"></i>\n </label>\n <p *ngIf=\"readOnly\" class=\"lectura\">\n {{(value_lectura && value_lectura!='')?value_lectura:' '}}\n </p>\n <p-editor #editor\n *ngIf=\"!readOnly && tipo=='custom'\" \n id=\"{{nombre}}\" \n name=\"{{nombre}}\"\n [(ngModel)]=\"value\"\n styleClass=\"editor\" \n [placeholder]=\"placeholder\" \n [style]=\"{'height':height+'px'}\"\n (onInit)=\"onInit($event)\">\n <p-header>\n <span class=\"ql-formats\" *ngIf=\"configuracion.fontFamily\">\n <select class=\"ql-font\">\n <option selected>Sans Serif</option>\n <option value=\"serif\">Serif</option>\n <option value=\"monospace\">Monospace</option>\n </select>\n </span>\n <span class=\"ql-formats\" *ngIf=\"configuracion.fontSize\">\n <select class=\"ql-size\">\n <option value=\"small\">Petita</option>\n <!-- Note a missing, thus falsy value, is used to reset to default -->\n <option selected>Mitjana</option>\n <option value=\"large\">Gran</option>\n <option value=\"huge\">Molt gran</option>\n </select>\n </span>\n <span class=\"ql-formats\" *ngIf=\"configuracion.fontFormat\">\n <button class=\"ql-bold\" aria-label=\"Bold\"></button>\n <button class=\"ql-italic\" aria-label=\"Italic\"></button>\n <button class=\"ql-underline\" aria-label=\"Underline\"></button>\n <button class=\"ql-strike\" aria-label=\"Strikethrough\"></button>\n </span>\n <span class=\"ql-formats\" *ngIf=\"configuracion.color\">\n <select class=\"ql-color\"></select>\n <select class=\"ql-background\" [title]=\"'Bg color'\"> </select>\n </span>\n <span class=\"ql-formats\" *ngIf=\"configuracion.script\">\n <button class=\"ql-script\" value=\"sub\" type=\"button\"></button>\n <button class=\"ql-script\" value=\"super\" type=\"button\"></button>\n </span>\n <span class=\"ql-formats\" *ngIf=\"configuracion.header\">\n <button class=\"ql-header\" value=\"1\" type=\"button\"></button>\n <button class=\"ql-header\" value=\"2\" type=\"button\"></button>\n </span>\n <span class=\"ql-formats\" *ngIf=\"configuracion.blockquote\">\n <button class=\"ql-blockquote\" type=\"button\"></button>\n </span>\n <span class=\"ql-formats\" *ngIf=\"configuracion.codeBlock\">\n <button class=\"ql-code-block\" aria-label=\"Insert code\" type=\"button\"></button>\n </span>\n <span class=\"ql-formats\" *ngIf=\"configuracion.bullet\">\n <button class=\"ql-list\" value=\"ordered\" type=\"button\"></button>\n <button class=\"ql-list\" value=\"bullet\" type=\"button\"></button>\n </span>\n <span class=\"ql-formats\" *ngIf=\"configuracion.indent\">\n <button class=\"ql-indent\" value=\"-1\" type=\"button\"></button>\n <button class=\"ql-indent\" value=\"+1\" type=\"button\"></button>\n </span>\n <span class=\"ql-formats\" *ngIf=\"configuracion.direction\">\n <button class=\"ql-direction\" value=\"rtl\" type=\"button\"></button>\n </span>\n <span class=\"ql-formats\" *ngIf=\"configuracion.align\">\n <select class=\"ql-align\">\n <option value=\"\"></option>\n <option value=\"center\"></option>\n <option value=\"right\"></option>\n <option value=\"justify\"></option>\n </select>\n </span>\n <span class=\"ql-formats\" *ngIf=\"configuracion.link\">\n <button class=\"ql-link\" aria-label=\"Insert Link\" type=\"button\"></button>\n </span>\n <span class=\"ql-formats\" *ngIf=\"configuracion.image || configuracion.video\">\n <button *ngIf=\"configuracion.image\" class=\"ql-image\" aria-label=\"Insert image\" type=\"button\"></button>\n <button *ngIf=\"configuracion.video\" class=\"ql-video\" type=\"button\"></button>\n </span>\n <span class=\"ql-formats\" *ngIf=\"configuracion.clean\">\n <button class=\"ql-clean\" type=\"button\"></button>\n </span>\n <!--span class=\"ql-formats\" *ngIf=\"configuracion.formula\">\n <button class=\"ql-formula\" type=\"button\"></button>\n </span -->\n </p-header>\n </p-editor>\n <!--(onTextChange)=\"changed($event)\"-->\n <p-editor \n *ngIf=\"!readOnly && (!tipo || tipo=='default')\" \n id=\"{{nombre}}\" \n name=\"{{nombre}}\" \n [(ngModel)]=\"value\"\n styleClass=\"editor\"\n [placeholder]=\"placeholder\" \n [style]=\"{'height':height+'px'}\">\n </p-editor>\n <control-messages *ngIf=\"control!=null\" [control]=\"control\" [field]=\"nombre\"></control-messages>\n ",
providers: [exports.CUSTOM_BITEDITOR_CONTROL_VALUE_ACCESSOR]
}]
}], function () { return [{ type: i1.AyudaService }, { type: i0.ChangeDetectorRef }]; }, { tipo: [{
type: core_2.Input
}], configuration: [{
type: core_2.Input
}], height: [{
type: core_2.Input
}] }); })();
//# sourceMappingURL=bit-editor.component.js.map