lct-components/esm2015/lib/loading/loading.component.js

LCT basic components

import { Component, ViewChild } from '@angular/core';
import * as i0 from "@angular/core";
export class LoadingComponent {
    constructor() { }
    show() {
        this.overlay.nativeElement.style.display = 'block';
    }
    dismiss() {
        this.overlay.nativeElement.style.display = 'none';
    }
}
LoadingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0, type: LoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
LoadingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.5", type: LoadingComponent, selector: "lct-loading", viewQueries: [{ propertyName: "overlay", first: true, predicate: ["overlay"], descendants: true }], ngImport: i0, template: "<div id=\"overlay\" #overlay>\n<!--  <div id=\"text\">Overlay Text</div>-->\n  <div id=\"text\">\n    <div class=\"lds-ring\"><div></div><div></div><div></div><div></div></div>\n  </div>\n</div>\n\n<!--<div style=\"padding:20px\">\n  <button (click)=\"show()\">Turn on overlay effect</button>\n</div>-->\n", styles: ["#overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;z-index:999;background-color:#2c2c2c80;cursor:pointer}#text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}.lds-ring{display:inline-block;position:relative;width:80px;height:80px}.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:100px;height:100px;margin:8px;border:8px solid #2649B6;border-radius:50%;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:#2649B6 transparent transparent transparent}.lds-ring div:nth-child(1){animation-delay:-.45s}.lds-ring div:nth-child(2){animation-delay:-.3s}.lds-ring div:nth-child(3){animation-delay:-.15s}@keyframes lds-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.5", ngImport: i0, type: LoadingComponent, decorators: [{
            type: Component,
            args: [{
                    selector: 'lct-loading',
                    templateUrl: './loading.component.html',
                    styleUrls: ['./loading.component.css']
                }]
        }], ctorParameters: function () { return []; }, propDecorators: { overlay: [{
                type: ViewChild,
                args: ['overlay']
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9sY3QtY29tcG9uZW50cy9zcmMvbGliL2xvYWRpbmcvbG9hZGluZy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9sY3QtY29tcG9uZW50cy9zcmMvbGliL2xvYWRpbmcvbG9hZGluZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUE2QixTQUFTLEVBQUMsTUFBTSxlQUFlLENBQUM7O0FBTzlFLE1BQU0sT0FBTyxnQkFBZ0I7SUFJM0IsZ0JBQWdCLENBQUM7SUFFakIsSUFBSTtRQUNGLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxPQUFPLEdBQUcsT0FBTyxDQUFDO0lBQ3JELENBQUM7SUFFRCxPQUFPO1FBQ0wsSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLE9BQU8sR0FBRyxNQUFNLENBQUM7SUFDcEQsQ0FBQzs7NkdBWlUsZ0JBQWdCO2lHQUFoQixnQkFBZ0IsdUpDUDdCLG1UQVVBOzJGREhhLGdCQUFnQjtrQkFMNUIsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsYUFBYTtvQkFDdkIsV0FBVyxFQUFFLDBCQUEwQjtvQkFDdkMsU0FBUyxFQUFFLENBQUMseUJBQXlCLENBQUM7aUJBQ3ZDOzBFQUcrQixPQUFPO3NCQUFwQyxTQUFTO3VCQUFDLFNBQVMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgRWxlbWVudFJlZiwgSW5wdXQsIE9uSW5pdCwgVmlld0NoaWxkfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbGN0LWxvYWRpbmcnLFxuICB0ZW1wbGF0ZVVybDogJy4vbG9hZGluZy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2xvYWRpbmcuY29tcG9uZW50LmNzcyddXG59KVxuZXhwb3J0IGNsYXNzIExvYWRpbmdDb21wb25lbnQge1xuXG4gIEBWaWV3Q2hpbGQoJ292ZXJsYXknKSBwcml2YXRlIG92ZXJsYXkhOiBFbGVtZW50UmVmO1xuXG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgc2hvdygpIHtcbiAgICB0aGlzLm92ZXJsYXkubmF0aXZlRWxlbWVudC5zdHlsZS5kaXNwbGF5ID0gJ2Jsb2NrJztcbiAgfVxuXG4gIGRpc21pc3MoKSB7XG4gICAgdGhpcy5vdmVybGF5Lm5hdGl2ZUVsZW1lbnQuc3R5bGUuZGlzcGxheSA9ICdub25lJztcbiAgfVxuXG5cbn1cbiIsIjxkaXYgaWQ9XCJvdmVybGF5XCIgI292ZXJsYXk+XG48IS0tICA8ZGl2IGlkPVwidGV4dFwiPk92ZXJsYXkgVGV4dDwvZGl2Pi0tPlxuICA8ZGl2IGlkPVwidGV4dFwiPlxuICAgIDxkaXYgY2xhc3M9XCJsZHMtcmluZ1wiPjxkaXY+PC9kaXY+PGRpdj48L2Rpdj48ZGl2PjwvZGl2PjxkaXY+PC9kaXY+PC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG5cbjwhLS08ZGl2IHN0eWxlPVwicGFkZGluZzoyMHB4XCI+XG4gIDxidXR0b24gKGNsaWNrKT1cInNob3coKVwiPlR1cm4gb24gb3ZlcmxheSBlZmZlY3Q8L2J1dHRvbj5cbjwvZGl2Pi0tPlxuIl19