ngx-ui-hero/esm2020/lib/input-forms/components/block-ui/block-ui.component.mjs

Simple, fast and reliable utilities for Angular.

import { Component, Input } from '@angular/core';
import { BlockUi } from '../../classes/block-ui';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class BlockUiComponent {
    constructor() { }
}
BlockUiComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BlockUiComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
BlockUiComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: BlockUiComponent, selector: "[block-ui]", inputs: { blockUi: ["block-ui", "blockUi"] }, ngImport: i0, template: "<div class=\"block-ui\">\n  <ng-content></ng-content>\n\n  <div class=\"block-ui-overlay\" *ngIf=\"blockUi?.loading\">\n    <div class=\"loading\">\n      <div class=\"spinner\">\n        <div class=\"bounce1\"></div>\n        <div class=\"bounce2\"></div>\n        <div class=\"bounce3\"></div>\n      </div>\n      <div class=\"message\" *ngIf=\"blockUi?.message\">{{blockUi?.message}}</div>\n    </div>\n  </div>  \n</div>", styles: [".block-ui{position:relative}.block-ui .block-ui-overlay{position:absolute;inset:0;background:rgba(51,51,51,.596);display:flex;align-items:center;justify-content:center;z-index:30}.block-ui .block-ui-overlay .message{color:#fff;font-size:1.3em;text-shadow:-1px 1px 1px #484848;font-family:Helvetica Neue,Helvetica;text-align:center}.block-ui .block-ui-overlay .spinner{width:70px;margin:0 auto;text-align:center}.block-ui .block-ui-overlay .spinner>div{width:18px;height:18px;background-color:#fff;border-radius:100%;display:inline-block;animation:sk-bouncedelay 1.4s infinite ease-in-out both}.block-ui .block-ui-overlay .spinner .bounce1{animation-delay:-.32s}.block-ui .block-ui-overlay .spinner .bounce2{animation-delay:-.16s}@keyframes sk-bouncedelay{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BlockUiComponent, decorators: [{
            type: Component,
            args: [{ selector: '[block-ui]', template: "<div class=\"block-ui\">\n  <ng-content></ng-content>\n\n  <div class=\"block-ui-overlay\" *ngIf=\"blockUi?.loading\">\n    <div class=\"loading\">\n      <div class=\"spinner\">\n        <div class=\"bounce1\"></div>\n        <div class=\"bounce2\"></div>\n        <div class=\"bounce3\"></div>\n      </div>\n      <div class=\"message\" *ngIf=\"blockUi?.message\">{{blockUi?.message}}</div>\n    </div>\n  </div>  \n</div>", styles: [".block-ui{position:relative}.block-ui .block-ui-overlay{position:absolute;inset:0;background:rgba(51,51,51,.596);display:flex;align-items:center;justify-content:center;z-index:30}.block-ui .block-ui-overlay .message{color:#fff;font-size:1.3em;text-shadow:-1px 1px 1px #484848;font-family:Helvetica Neue,Helvetica;text-align:center}.block-ui .block-ui-overlay .spinner{width:70px;margin:0 auto;text-align:center}.block-ui .block-ui-overlay .spinner>div{width:18px;height:18px;background-color:#fff;border-radius:100%;display:inline-block;animation:sk-bouncedelay 1.4s infinite ease-in-out both}.block-ui .block-ui-overlay .spinner .bounce1{animation-delay:-.32s}.block-ui .block-ui-overlay .spinner .bounce2{animation-delay:-.16s}@keyframes sk-bouncedelay{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}\n"] }]
        }], ctorParameters: function () { return []; }, propDecorators: { blockUi: [{
                type: Input,
                args: ['block-ui']
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmxvY2stdWkuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXVpLWhlcm8vc3JjL2xpYi9pbnB1dC1mb3Jtcy9jb21wb25lbnRzL2Jsb2NrLXVpL2Jsb2NrLXVpLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC11aS1oZXJvL3NyYy9saWIvaW5wdXQtZm9ybXMvY29tcG9uZW50cy9ibG9jay11aS9ibG9jay11aS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVqRCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7OztBQU9qRCxNQUFNLE9BQU8sZ0JBQWdCO0lBRzNCLGdCQUFlLENBQUM7OzhHQUhMLGdCQUFnQjtrR0FBaEIsZ0JBQWdCLGdHQ1Q3QiwyYUFhTTs0RkRKTyxnQkFBZ0I7a0JBTDVCLFNBQVM7K0JBQ0UsWUFBWTswRUFLSSxPQUFPO3NCQUFoQyxLQUFLO3VCQUFDLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IEJsb2NrVWkgfSBmcm9tICcuLi8uLi9jbGFzc2VzL2Jsb2NrLXVpJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnW2Jsb2NrLXVpXScsXG4gIHRlbXBsYXRlVXJsOiAnLi9ibG9jay11aS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2Jsb2NrLXVpLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgQmxvY2tVaUNvbXBvbmVudCB7XG4gIEBJbnB1dCgnYmxvY2stdWknKSBwdWJsaWMgYmxvY2tVaTogQmxvY2tVaTtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJibG9jay11aVwiPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG5cbiAgPGRpdiBjbGFzcz1cImJsb2NrLXVpLW92ZXJsYXlcIiAqbmdJZj1cImJsb2NrVWk/LmxvYWRpbmdcIj5cbiAgICA8ZGl2IGNsYXNzPVwibG9hZGluZ1wiPlxuICAgICAgPGRpdiBjbGFzcz1cInNwaW5uZXJcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImJvdW5jZTFcIj48L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImJvdW5jZTJcIj48L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImJvdW5jZTNcIj48L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBjbGFzcz1cIm1lc3NhZ2VcIiAqbmdJZj1cImJsb2NrVWk/Lm1lc3NhZ2VcIj57e2Jsb2NrVWk/Lm1lc3NhZ2V9fTwvZGl2PlxuICAgIDwvZGl2PlxuICA8L2Rpdj4gIFxuPC9kaXY+Il19