bitfront-library/shared/component/form/bit-switch.component.js

Angular CLI project with components and classes used by other Angular projects of the BIT foundation.

"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.BitSwitchComponent = exports.CUSTOM_INPUT_SWITCH_CONTROL_VALUE_ACCESSOR = void 0;
var core_1 = require("@angular/core");
var ayuda_service_1 = require("../../service/ayuda.service");
var forms_1 = require("@angular/forms");
var bit_custom_component_1 = require("./bit-custom.component");
var i0 = require("@angular/core");
var i1 = require("../../service/ayuda.service");
var i2 = require("@angular/common");
var i3 = require("primeng/inputswitch");
var i4 = require("@angular/forms");
var i5 = require("../bit-control-messages.component");
function BitSwitchComponent_label_0_span_3_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelement(0, "span", 6);
} }
function BitSwitchComponent_label_0_i_5_Template(rf, ctx) { if (rf & 1) {
    var _r7 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "i", 7);
    i0.ɵɵlistener("click", function BitSwitchComponent_label_0_i_5_Template_i_click_0_listener() { i0.ɵɵrestoreView(_r7); var ctx_r6 = i0.ɵɵnextContext(2); return ctx_r6.showAyuda(); });
    i0.ɵɵelementEnd();
} }
function BitSwitchComponent_label_0_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "label");
    i0.ɵɵprojection(1);
    i0.ɵɵtext(2, "\u00A0");
    i0.ɵɵtemplate(3, BitSwitchComponent_label_0_span_3_Template, 1, 0, "span", 4);
    i0.ɵɵtext(4, "\u00A0\u00A0 ");
    i0.ɵɵtemplate(5, BitSwitchComponent_label_0_i_5_Template, 1, 0, "i", 5);
    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 BitSwitchComponent_p_1_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "p", 8);
    i0.ɵɵtext(1);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    var ctx_r1 = i0.ɵɵnextContext();
    i0.ɵɵproperty("id", ctx_r1.nombre);
    i0.ɵɵadvance(1);
    i0.ɵɵtextInterpolate(ctx_r1.value_lectura);
} }
function BitSwitchComponent_p_inputSwitch_2_Template(rf, ctx) { if (rf & 1) {
    var _r9 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "p-inputSwitch", 9);
    i0.ɵɵlistener("ngModelChange", function BitSwitchComponent_p_inputSwitch_2_Template_p_inputSwitch_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r9); var ctx_r8 = i0.ɵɵnextContext(); return ctx_r8.value = $event; });
    i0.ɵɵelementEnd();
} if (rf & 2) {
    var ctx_r2 = i0.ɵɵnextContext();
    i0.ɵɵpropertyInterpolate("name", ctx_r2.nombre);
    i0.ɵɵpropertyInterpolate("id", ctx_r2.nombre);
    i0.ɵɵproperty("ngModel", ctx_r2.value);
} }
function BitSwitchComponent_control_messages_3_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelement(0, "control-messages", 10);
} if (rf & 2) {
    var ctx_r3 = i0.ɵɵnextContext();
    i0.ɵɵproperty("control", ctx_r3.control)("field", ctx_r3.nombre);
} }
var _c0 = ["*"];
exports.CUSTOM_INPUT_SWITCH_CONTROL_VALUE_ACCESSOR = {
    provide: forms_1.NG_VALUE_ACCESSOR,
    useExisting: core_1.forwardRef(function () { return BitSwitchComponent; }),
    multi: true
};
var BitSwitchComponent = /** @class */ (function (_super) {
    __extends(BitSwitchComponent, _super);
    function BitSwitchComponent(ayudaService, changeDetectorRef) {
        var _this = _super.call(this, ayudaService, changeDetectorRef) || this;
        _this.ayudaService = ayudaService;
        _this.changeDetectorRef = changeDetectorRef;
        return _this;
    }
    Object.defineProperty(BitSwitchComponent.prototype, "value", {
        get: function () {
            return this.control.value ? true : false;
        },
        set: function (v) {
            v = v ? true : false;
            if (v !== this.control.value) {
                //v != undefined &&
                this.control.setValue(v);
                this.onTouchedCallback();
                this.onChangeCallback(v);
            }
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(BitSwitchComponent.prototype, "value_lectura", {
        get: function () {
            return this.value ? "Sí" : "No";
        },
        enumerable: false,
        configurable: true
    });
    BitSwitchComponent.ɵfac = function BitSwitchComponent_Factory(t) { return new (t || BitSwitchComponent)(i0.ɵɵdirectiveInject(i1.AyudaService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
    BitSwitchComponent.ɵcmp = i0.ɵɵdefineComponent({ type: BitSwitchComponent, selectors: [["bit-switch"]], features: [i0.ɵɵProvidersFeature([exports.CUSTOM_INPUT_SWITCH_CONTROL_VALUE_ACCESSOR]), i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0, decls: 4, vars: 4, consts: [[4, "ngIf"], ["class", "lectura", 3, "id", 4, "ngIf"], ["onLabel", "S\u00ED", "offLabel", "No", "binary", "true", 3, "ngModel", "name", "id", "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", 3, "id"], ["onLabel", "S\u00ED", "offLabel", "No", "binary", "true", 3, "ngModel", "name", "id", "ngModelChange"], [3, "control", "field"]], template: function BitSwitchComponent_Template(rf, ctx) { if (rf & 1) {
            i0.ɵɵprojectionDef();
            i0.ɵɵtemplate(0, BitSwitchComponent_label_0_Template, 6, 2, "label", 0);
            i0.ɵɵtemplate(1, BitSwitchComponent_p_1_Template, 2, 2, "p", 1);
            i0.ɵɵtemplate(2, BitSwitchComponent_p_inputSwitch_2_Template, 1, 3, "p-inputSwitch", 2);
            i0.ɵɵtemplate(3, BitSwitchComponent_control_messages_3_Template, 1, 2, "control-messages", 3);
        } if (rf & 2) {
            i0.ɵɵproperty("ngIf", !ctx.hideLabel);
            i0.ɵɵadvance(1);
            i0.ɵɵproperty("ngIf", ctx.readOnly);
            i0.ɵɵadvance(1);
            i0.ɵɵproperty("ngIf", !ctx.readOnly);
            i0.ɵɵadvance(1);
            i0.ɵɵproperty("ngIf", ctx.control != null);
        } }, directives: [i2.NgIf, i3.InputSwitch, i4.NgControlStatus, i4.NgModel, i5.BitControlMessages], encapsulation: 2 });
    return BitSwitchComponent;
}(bit_custom_component_1.BitCustomComponent));
exports.BitSwitchComponent = BitSwitchComponent;
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BitSwitchComponent, [{
        type: core_1.Component,
        args: [{
                selector: "bit-switch",
                template: "\n    <label *ngIf=\"!hideLabel\">\n        <ng-content></ng-content>&nbsp;<span *ngIf=\"obligatorio\" class=\"obligatorio fa fa-asterisk\"></span>&nbsp;&nbsp;\n        <i *ngIf=\"ayuda\" class=\"btn-ayuda fa fa-question\" (click)=\"showAyuda()\"></i>\n    </label>\n    <p *ngIf=\"readOnly\" class=\"lectura\" [id]=\"nombre\">{{value_lectura}}</p>\n    <p-inputSwitch \n        *ngIf=\"!readOnly\"\n        onLabel=\"Sí\" \n        offLabel=\"No\" \n        binary=\"true\" \n        [(ngModel)]=\"value\" \n        name=\"{{nombre}}\" \n        id=\"{{nombre}}\">\n    </p-inputSwitch>\n    <control-messages *ngIf=\"control != null\" [control]=\"control\" [field]=\"nombre\"></control-messages>\n  ",
                providers: [exports.CUSTOM_INPUT_SWITCH_CONTROL_VALUE_ACCESSOR]
            }]
    }], function () { return [{ type: i1.AyudaService }, { type: i0.ChangeDetectorRef }]; }, null); })();
//# sourceMappingURL=bit-switch.component.js.map