ng-materialgrammi
Version:
An Angular framework which follows
39 lines • 5.11 kB
JavaScript
import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class FixerComponent {
constructor() {
this.active = false;
this.x = "left";
this.y = "top";
this.class = "";
}
ngOnInit() { }
ngOnChanges() { }
mainClasses() {
let classes = this.class;
if (this.y != "center" || this.x != "center") {
classes += " " + this.y;
classes += " " + this.x;
}
else {
classes += " center-center";
}
return classes;
}
}
FixerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: FixerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
FixerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: FixerComponent, selector: "mg-fixer", inputs: { active: "active", x: "x", y: "y", class: "class" }, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"active\">\n <div class=\"fixer\" [ngClass]=\"mainClasses()\">\n <ng-content></ng-content>\n </div>\n</ng-container>\n\n", styles: [".fixer{display:block;position:fixed;z-index:99999}.fixer.left{left:0}.fixer.right{right:0}.fixer.top{top:0}.fixer.bottom{bottom:0}.fixer.left.center,.fixer.right.center{top:50%}.fixer.top.center,.fixer.bottom.center{left:50%}.fixer.center-center{top:50%;left:50%}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: FixerComponent, decorators: [{
type: Component,
args: [{ selector: 'mg-fixer', template: "<ng-container *ngIf=\"active\">\n <div class=\"fixer\" [ngClass]=\"mainClasses()\">\n <ng-content></ng-content>\n </div>\n</ng-container>\n\n", styles: [".fixer{display:block;position:fixed;z-index:99999}.fixer.left{left:0}.fixer.right{right:0}.fixer.top{top:0}.fixer.bottom{bottom:0}.fixer.left.center,.fixer.right.center{top:50%}.fixer.top.center,.fixer.bottom.center{left:50%}.fixer.center-center{top:50%;left:50%}\n"] }]
}], ctorParameters: function () { return []; }, propDecorators: { active: [{
type: Input
}], x: [{
type: Input
}], y: [{
type: Input
}], class: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZml4ZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWF0ZXJpYWxncmFtbWkvc3JjL2xpYi9jb21wb25lbnRzL2ZpeGVyL2ZpeGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21hdGVyaWFsZ3JhbW1pL3NyYy9saWIvY29tcG9uZW50cy9maXhlci9maXhlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBb0MsTUFBTSxlQUFlLENBQUM7OztBQU9uRixNQUFNLE9BQU8sY0FBYztJQU96QjtRQU5TLFdBQU0sR0FBRyxLQUFLLENBQUM7UUFDZixNQUFDLEdBQUcsTUFBTSxDQUFDO1FBQ1gsTUFBQyxHQUFHLEtBQUssQ0FBQztRQUVWLFVBQUssR0FBRyxFQUFFLENBQUM7SUFFSixDQUFDO0lBRWpCLFFBQVEsS0FBVSxDQUFDO0lBRW5CLFdBQVcsS0FBVSxDQUFDO0lBRXRCLFdBQVc7UUFDVCxJQUFJLE9BQU8sR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDO1FBQ3pCLElBQUcsSUFBSSxDQUFDLENBQUMsSUFBSSxRQUFRLElBQUksSUFBSSxDQUFDLENBQUMsSUFBSSxRQUFRLEVBQUM7WUFDMUMsT0FBTyxJQUFJLEdBQUcsR0FBRyxJQUFJLENBQUMsQ0FBQyxDQUFDO1lBQ3hCLE9BQU8sSUFBSSxHQUFHLEdBQUcsSUFBSSxDQUFDLENBQUMsQ0FBQztTQUN6QjthQUFJO1lBQ0gsT0FBTyxJQUFJLGdCQUFnQixDQUFDO1NBQzdCO1FBRUQsT0FBTyxPQUFPLENBQUM7SUFDakIsQ0FBQzs7MkdBdkJVLGNBQWM7K0ZBQWQsY0FBYyxtSUNQM0IsNEpBTUE7MkZEQ2EsY0FBYztrQkFMMUIsU0FBUzsrQkFDRSxVQUFVOzBFQUtYLE1BQU07c0JBQWQsS0FBSztnQkFDRyxDQUFDO3NCQUFULEtBQUs7Z0JBQ0csQ0FBQztzQkFBVCxLQUFLO2dCQUVHLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uQ2hhbmdlcywgT25Jbml0LCBTaW1wbGVDaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21nLWZpeGVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ZpeGVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZml4ZXIuY29tcG9uZW50LmNzcyddXG59KVxuZXhwb3J0IGNsYXNzIEZpeGVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkNoYW5nZXMge1xuICBASW5wdXQoKSBhY3RpdmUgPSBmYWxzZTtcbiAgQElucHV0KCkgeCA9IFwibGVmdFwiO1xuICBASW5wdXQoKSB5ID0gXCJ0b3BcIjtcblxuICBASW5wdXQoKSBjbGFzcyA9IFwiXCI7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHt9XG5cbiAgbmdPbkNoYW5nZXMoKTogdm9pZCB7fVxuXG4gIG1haW5DbGFzc2VzKCl7XG4gICAgbGV0IGNsYXNzZXMgPSB0aGlzLmNsYXNzO1xuICAgIGlmKHRoaXMueSAhPSBcImNlbnRlclwiIHx8IHRoaXMueCAhPSBcImNlbnRlclwiKXtcbiAgICAgIGNsYXNzZXMgKz0gXCIgXCIgKyB0aGlzLnk7XG4gICAgICBjbGFzc2VzICs9IFwiIFwiICsgdGhpcy54O1xuICAgIH1lbHNle1xuICAgICAgY2xhc3NlcyArPSBcIiBjZW50ZXItY2VudGVyXCI7XG4gICAgfVxuICAgIFxuICAgIHJldHVybiBjbGFzc2VzO1xuICB9XG5cbn1cbiIsIjxuZy1jb250YWluZXIgKm5nSWY9XCJhY3RpdmVcIj5cbiAgICA8ZGl2IGNsYXNzPVwiZml4ZXJcIiBbbmdDbGFzc109XCJtYWluQ2xhc3NlcygpXCI+XG4gICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbjwvbmctY29udGFpbmVyPlxuXG4iXX0=