ng-404/esm2020/lib/ng-not-found.component.mjs

A readymade 404 or page-not-found angular component.

import { Component } from '@angular/core';
import * as i0 from "@angular/core";
export class NgNotFoundComponent {
    constructor() { }
    ngOnInit() {
    }
}
NgNotFoundComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: NgNotFoundComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
NgNotFoundComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.6", type: NgNotFoundComponent, selector: "ng-404", ngImport: i0, template: `
    <style>

*{
    transition: all 0.6s;
}

::ng-deep html {
    height: 100%;
}

::ng-deep body{
    font-family: 'Lato', sans-serif;
    color: #888;
    margin: 0;
}

#main{
    display: table;
    width: 100%;
    height: 100vh;
    text-align: center;
}

.fof{
	  display: table-cell;
	  vertical-align: middle;
}

.fof h1{
	  font-size: 50px;
	  display: inline-block;
	  padding-right: 12px;
	  animation: type .5s alternate infinite;
}

@keyframes type{
	  from{box-shadow: inset -3px 0px 0px #888;}
	  to{box-shadow: inset -3px 0px 0px transparent;}
}
    </style>

    <div id="main">
    	<div class="fof">
        		<h1>Error 404</h1>
    	</div>
    </div>
  `, isInline: true, styles: ["\n\n*{\n    transition: all 0.6s;\n}\n\n::ng-deep html {\n    height: 100%;\n}\n\n::ng-deep body{\n    font-family: 'Lato', sans-serif;\n    color: #888;\n    margin: 0;\n}\n\n#main{\n    display: table;\n    width: 100%;\n    height: 100vh;\n    text-align: center;\n}\n\n.fof{\n\t  display: table-cell;\n\t  vertical-align: middle;\n}\n\n.fof h1{\n\t  font-size: 50px;\n\t  display: inline-block;\n\t  padding-right: 12px;\n\t  animation: type .5s alternate infinite;\n}\n\n@keyframes type{\n\t  from{box-shadow: inset -3px 0px 0px #888;}\n\t  to{box-shadow: inset -3px 0px 0px transparent;}\n}\n    "] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: NgNotFoundComponent, decorators: [{
            type: Component,
            args: [{ selector: 'ng-404', template: `
    <style>

*{
    transition: all 0.6s;
}

::ng-deep html {
    height: 100%;
}

::ng-deep body{
    font-family: 'Lato', sans-serif;
    color: #888;
    margin: 0;
}

#main{
    display: table;
    width: 100%;
    height: 100vh;
    text-align: center;
}

.fof{
	  display: table-cell;
	  vertical-align: middle;
}

.fof h1{
	  font-size: 50px;
	  display: inline-block;
	  padding-right: 12px;
	  animation: type .5s alternate infinite;
}

@keyframes type{
	  from{box-shadow: inset -3px 0px 0px #888;}
	  to{box-shadow: inset -3px 0px 0px transparent;}
}
    </style>

    <div id="main">
    	<div class="fof">
        		<h1>Error 404</h1>
    	</div>
    </div>
  `, styles: ["\n\n*{\n    transition: all 0.6s;\n}\n\n::ng-deep html {\n    height: 100%;\n}\n\n::ng-deep body{\n    font-family: 'Lato', sans-serif;\n    color: #888;\n    margin: 0;\n}\n\n#main{\n    display: table;\n    width: 100%;\n    height: 100vh;\n    text-align: center;\n}\n\n.fof{\n\t  display: table-cell;\n\t  vertical-align: middle;\n}\n\n.fof h1{\n\t  font-size: 50px;\n\t  display: inline-block;\n\t  padding-right: 12px;\n\t  animation: type .5s alternate infinite;\n}\n\n@keyframes type{\n\t  from{box-shadow: inset -3px 0px 0px #888;}\n\t  to{box-shadow: inset -3px 0px 0px transparent;}\n}\n    "] }]
        }], ctorParameters: function () { return []; } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctbm90LWZvdW5kLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL25nLW5vdC1mb3VuZC9zcmMvbGliL25nLW5vdC1mb3VuZC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQzs7QUF1RGxELE1BQU0sT0FBTyxtQkFBbUI7SUFFOUIsZ0JBQWdCLENBQUM7SUFFakIsUUFBUTtJQUNSLENBQUM7O2dIQUxVLG1CQUFtQjtvR0FBbkIsbUJBQW1CLDhDQW5EcEI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBK0NUOzJGQUlVLG1CQUFtQjtrQkFyRC9CLFNBQVM7K0JBQ0UsUUFBUSxZQUNSOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQStDVCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25nLTQwNCcsXG4gIHRlbXBsYXRlOiBgXG4gICAgPHN0eWxlPlxuXG4qe1xuICAgIHRyYW5zaXRpb246IGFsbCAwLjZzO1xufVxuXG46Om5nLWRlZXAgaHRtbCB7XG4gICAgaGVpZ2h0OiAxMDAlO1xufVxuXG46Om5nLWRlZXAgYm9keXtcbiAgICBmb250LWZhbWlseTogJ0xhdG8nLCBzYW5zLXNlcmlmO1xuICAgIGNvbG9yOiAjODg4O1xuICAgIG1hcmdpbjogMDtcbn1cblxuI21haW57XG4gICAgZGlzcGxheTogdGFibGU7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgaGVpZ2h0OiAxMDB2aDtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG59XG5cbi5mb2Z7XG5cdCAgZGlzcGxheTogdGFibGUtY2VsbDtcblx0ICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xufVxuXG4uZm9mIGgxe1xuXHQgIGZvbnQtc2l6ZTogNTBweDtcblx0ICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG5cdCAgcGFkZGluZy1yaWdodDogMTJweDtcblx0ICBhbmltYXRpb246IHR5cGUgLjVzIGFsdGVybmF0ZSBpbmZpbml0ZTtcbn1cblxuQGtleWZyYW1lcyB0eXBle1xuXHQgIGZyb217Ym94LXNoYWRvdzogaW5zZXQgLTNweCAwcHggMHB4ICM4ODg7fVxuXHQgIHRve2JveC1zaGFkb3c6IGluc2V0IC0zcHggMHB4IDBweCB0cmFuc3BhcmVudDt9XG59XG4gICAgPC9zdHlsZT5cblxuICAgIDxkaXYgaWQ9XCJtYWluXCI+XG4gICAgXHQ8ZGl2IGNsYXNzPVwiZm9mXCI+XG4gICAgICAgIFx0XHQ8aDE+RXJyb3IgNDA0PC9oMT5cbiAgICBcdDwvZGl2PlxuICAgIDwvZGl2PlxuICBgLFxuICBzdHlsZXM6IFtcbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBOZ05vdEZvdW5kQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICB9XG5cbn1cbiJdfQ==