@pepperi/lib
Version:
This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 10.0.1.
87 lines • 8.07 kB
JavaScript
import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@pepperi/lib/icon";
import * as i3 from "@angular/material/form-field";
function PepperiFieldTitleComponent_span_1_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "span", 4);
i0.ɵɵelement(1, "pep-icon", 5);
i0.ɵɵelementEnd();
} if (rf & 2) {
const ctx_r0 = i0.ɵɵnextContext();
i0.ɵɵproperty("ngClass", ctx_r0.xAlignment == "2" ? "pull-right flip" : "pull-left flip");
} }
const _c0 = function (a0) { return { "max-width": a0 }; };
function PepperiFieldTitleComponent_mat_label_2_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "mat-label", 6);
i0.ɵɵtext(1);
i0.ɵɵelementEnd();
} if (rf & 2) {
const ctx_r1 = i0.ɵɵnextContext();
i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(2, _c0, ctx_r1.maxFieldCharacters > 0 ? "85%" : "100%"));
i0.ɵɵadvance(1);
i0.ɵɵtextInterpolate1(" ", ctx_r1.label, "");
} }
const _c1 = function (a0, a1) { return { "pull-right": a0, "pull-left": a1 }; };
function PepperiFieldTitleComponent_span_3_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "span", 7);
i0.ɵɵtext(1);
i0.ɵɵelementEnd();
} if (rf & 2) {
const ctx_r2 = i0.ɵɵnextContext();
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(3, _c1, ctx_r2.xAlignment == "1" || ctx_r2.xAlignment == "0", ctx_r2.xAlignment == "2"));
i0.ɵɵadvance(1);
i0.ɵɵtextInterpolate2("\u00A0", ctx_r2.inputLength || 0, "/", ctx_r2.maxFieldCharacters, "");
} }
const _c2 = function (a0) { return { disable: a0 }; };
const _c3 = function (a0) { return { "text-align": a0 }; };
export class PepperiFieldTitleComponent {
constructor() {
this.label = '';
this.required = false;
this.disabled = false;
this.maxFieldCharacters = 0;
this.xAlignment = '0';
this.showTitle = true;
this.inputLength = 0;
}
}
PepperiFieldTitleComponent.ɵfac = function PepperiFieldTitleComponent_Factory(t) { return new (t || PepperiFieldTitleComponent)(); };
PepperiFieldTitleComponent.ɵcmp = i0.ɵɵdefineComponent({ type: PepperiFieldTitleComponent, selectors: [["pep-field-title"]], inputs: { label: "label", required: "required", disabled: "disabled", maxFieldCharacters: "maxFieldCharacters", xAlignment: "xAlignment", showTitle: "showTitle", inputLength: "inputLength" }, decls: 4, vars: 9, consts: [[1, "mat-form-title", 3, "ngClass", "ngStyle"], ["class", "required", 3, "ngClass", 4, "ngIf"], ["class", "body-xs", 3, "ngStyle", 4, "ngIf"], ["class", "body-xs", 3, "ngClass", 4, "ngIf"], [1, "required", 3, "ngClass"], ["name", "system_must"], [1, "body-xs", 3, "ngStyle"], [1, "body-xs", 3, "ngClass"]], template: function PepperiFieldTitleComponent_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "div", 0);
i0.ɵɵtemplate(1, PepperiFieldTitleComponent_span_1_Template, 2, 1, "span", 1);
i0.ɵɵtemplate(2, PepperiFieldTitleComponent_mat_label_2_Template, 2, 4, "mat-label", 2);
i0.ɵɵtemplate(3, PepperiFieldTitleComponent_span_3_Template, 2, 6, "span", 3);
i0.ɵɵelementEnd();
} if (rf & 2) {
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c2, ctx.disabled))("ngStyle", i0.ɵɵpureFunction1(7, _c3, ctx.xAlignment == "3" ? "center" : ctx.xAlignment == "2" ? "right" : "left"));
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", ctx.required);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", ctx.showTitle);
i0.ɵɵadvance(1);
i0.ɵɵproperty("ngIf", ctx.maxFieldCharacters > 0);
} }, directives: [i1.NgClass, i1.NgStyle, i1.NgIf, i2.PepperiIconComponent, i3.MatLabel], styles: ["[_nghost-%COMP%]{display:-ms-grid;display:grid;width:inherit}"] });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(PepperiFieldTitleComponent, [{
type: Component,
args: [{
selector: 'pep-field-title',
templateUrl: './field-title.component.html',
styleUrls: ['./field-title.component.scss'],
}]
}], function () { return []; }, { label: [{
type: Input
}], required: [{
type: Input
}], disabled: [{
type: Input
}], maxFieldCharacters: [{
type: Input
}], xAlignment: [{
type: Input
}], showTitle: [{
type: Input
}], inputLength: [{
type: Input
}] }); })();
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmllbGQtdGl0bGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvcGVwcGVyaS1saWIvZmllbGQtdGl0bGUvZmllbGQtdGl0bGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvcGVwcGVyaS1saWIvZmllbGQtdGl0bGUvZmllbGQtdGl0bGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7OztJQ0U3QywrQkFDSTtJQUFBLDhCQUNXO0lBQ2YsaUJBQU87OztJQUhpQyx5RkFBb0U7Ozs7SUFJNUcsb0NBQ0k7SUFBQSxZQUFXO0lBQUEsaUJBQVk7OztJQURrQixvR0FBa0U7SUFDM0csZUFBVztJQUFYLDRDQUFXOzs7O0lBRWYsK0JBQ3VHO0lBQUEsWUFBcUQ7SUFBQSxpQkFBTzs7O0lBQS9KLG9JQUFrRztJQUFDLGVBQXFEO0lBQXJELDRGQUFxRDs7OztBREhoSyxNQUFNLE9BQU8sMEJBQTBCO0lBVW5DO1FBVFMsVUFBSyxHQUFHLEVBQUUsQ0FBQztRQUNYLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQix1QkFBa0IsR0FBRyxDQUFDLENBQUM7UUFDdkIsZUFBVSxHQUFHLEdBQUcsQ0FBQztRQUVqQixjQUFTLEdBQUcsSUFBSSxDQUFDO1FBQ2pCLGdCQUFXLEdBQUcsQ0FBQyxDQUFDO0lBRVQsQ0FBQzs7b0dBVlIsMEJBQTBCOytEQUExQiwwQkFBMEI7UUNQdkMsOEJBRUk7UUFBQSw2RUFDSTtRQUdKLHVGQUNJO1FBRUosNkVBQ3VHO1FBQzNHLGlCQUFNOztRQVhzQixrRUFBK0Isb0hBQUE7UUFFakQsZUFBZ0I7UUFBaEIsbUNBQWdCO1FBSVgsZUFBaUI7UUFBakIsb0NBQWlCO1FBR3RCLGVBQThCO1FBQTlCLGlEQUE4Qjs7a0RERjNCLDBCQUEwQjtjQUx0QyxTQUFTO2VBQUM7Z0JBQ1AsUUFBUSxFQUFFLGlCQUFpQjtnQkFDM0IsV0FBVyxFQUFFLDhCQUE4QjtnQkFDM0MsU0FBUyxFQUFFLENBQUMsOEJBQThCLENBQUM7YUFDOUM7c0NBRVksS0FBSztrQkFBYixLQUFLO1lBQ0csUUFBUTtrQkFBaEIsS0FBSztZQUNHLFFBQVE7a0JBQWhCLEtBQUs7WUFDRyxrQkFBa0I7a0JBQTFCLEtBQUs7WUFDRyxVQUFVO2tCQUFsQixLQUFLO1lBRUcsU0FBUztrQkFBakIsS0FBSztZQUNHLFdBQVc7a0JBQW5CLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAncGVwLWZpZWxkLXRpdGxlJyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9maWVsZC10aXRsZS5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybHM6IFsnLi9maWVsZC10aXRsZS5jb21wb25lbnQuc2NzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgUGVwcGVyaUZpZWxkVGl0bGVDb21wb25lbnQge1xyXG4gICAgQElucHV0KCkgbGFiZWwgPSAnJztcclxuICAgIEBJbnB1dCgpIHJlcXVpcmVkID0gZmFsc2U7XHJcbiAgICBASW5wdXQoKSBkaXNhYmxlZCA9IGZhbHNlO1xyXG4gICAgQElucHV0KCkgbWF4RmllbGRDaGFyYWN0ZXJzID0gMDtcclxuICAgIEBJbnB1dCgpIHhBbGlnbm1lbnQgPSAnMCc7XHJcblxyXG4gICAgQElucHV0KCkgc2hvd1RpdGxlID0gdHJ1ZTtcclxuICAgIEBJbnB1dCgpIGlucHV0TGVuZ3RoID0gMDtcclxuXHJcbiAgICBjb25zdHJ1Y3RvcigpIHsgfVxyXG5cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwibWF0LWZvcm0tdGl0bGVcIiBbbmdDbGFzc109XCJ7ZGlzYWJsZTogZGlzYWJsZWR9XCJcclxuICAgIFtuZ1N0eWxlXT1cInsndGV4dC1hbGlnbic6IHhBbGlnbm1lbnQgPT0gJzMnID8gJ2NlbnRlcicgOiB4QWxpZ25tZW50ID09ICcyJyA/ICdyaWdodCcgOiAnbGVmdCd9XCI+XHJcbiAgICA8c3BhbiAqbmdJZj1cInJlcXVpcmVkXCIgY2xhc3M9XCJyZXF1aXJlZFwiIFtuZ0NsYXNzXT1cInhBbGlnbm1lbnQgPT0gJzInID8gJ3B1bGwtcmlnaHQgZmxpcCcgOiAncHVsbC1sZWZ0IGZsaXAnXCI+XHJcbiAgICAgICAgPHBlcC1pY29uIG5hbWU9XCJzeXN0ZW1fbXVzdFwiPlxyXG4gICAgICAgIDwvcGVwLWljb24+XHJcbiAgICA8L3NwYW4+XHJcbiAgICA8bWF0LWxhYmVsICpuZ0lmPVwic2hvd1RpdGxlXCIgY2xhc3M9XCJib2R5LXhzXCIgW25nU3R5bGVdPVwieydtYXgtd2lkdGgnOiBtYXhGaWVsZENoYXJhY3RlcnMgPiAwID8gJzg1JScgOiAnMTAwJSd9XCI+XHJcbiAgICAgICAge3sgbGFiZWwgfX08L21hdC1sYWJlbD5cclxuXHJcbiAgICA8c3BhbiAqbmdJZj1cIm1heEZpZWxkQ2hhcmFjdGVycyA+IDBcIiBjbGFzcz1cImJvZHkteHNcIlxyXG4gICAgICAgIFtuZ0NsYXNzXT1cInsncHVsbC1yaWdodCc6IHhBbGlnbm1lbnQgPT0gJzEnIHx8IHhBbGlnbm1lbnQgPT0gJzAnLCAncHVsbC1sZWZ0JzogeEFsaWdubWVudCA9PSAnMid9XCI+Jm5ic3A7e3sgaW5wdXRMZW5ndGggfHwgMCB9fS97eyBtYXhGaWVsZENoYXJhY3RlcnMgfX08L3NwYW4+XHJcbjwvZGl2PlxyXG4iXX0=