ng-404/fesm2015/ng-404.mjs

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

import * as i0 from '@angular/core';
import { Injectable, Component, NgModule } from '@angular/core';

class NgNotFoundService {
    constructor() { }
}
NgNotFoundService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: NgNotFoundService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
NgNotFoundService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: NgNotFoundService, providedIn: 'root' });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: NgNotFoundService, decorators: [{
            type: Injectable,
            args: [{
                    providedIn: 'root'
                }]
        }], ctorParameters: function () { return []; } });

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 []; } });

class Ng404 {
}
Ng404.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: Ng404, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
Ng404.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.6", ngImport: i0, type: Ng404, declarations: [NgNotFoundComponent], exports: [NgNotFoundComponent] });
Ng404.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: Ng404 });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: Ng404, decorators: [{
            type: NgModule,
            args: [{
                    declarations: [
                        NgNotFoundComponent
                    ],
                    imports: [],
                    exports: [
                        NgNotFoundComponent
                    ]
                }]
        }] });

/*
 * Public API Surface of ng-not-found
 */

/**
 * Generated bundle index. Do not edit.
 */

export { Ng404, NgNotFoundComponent, NgNotFoundService };
//# sourceMappingURL=ng-404.mjs.map