ng-toast-stack/esm2020/lib/svg-icon/svg-icon.component.mjs

Beautiful & easy to use toast stack messages, having auto close, pause, resume functionality and customization.

import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class SvgIconComponent {
    constructor() { }
    ngOnInit() {
    }
}
SvgIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: SvgIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
SvgIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: SvgIconComponent, selector: "app-svg-icon", inputs: { type: "type" }, ngImport: i0, template: "<div class=\"ngx-svg-icon-container\">\n  <svg viewBox=\"0 0 100 100\" class=\"ngx-svg-icon-animate\" *ngIf=\"type == 'success'\">\n    <filter id=\"dropshadow\" height=\"100%\">\n      <feGaussianBlur in=\"SourceAlpha\" stdDeviation=\"3\" result=\"blur\" />\n      <feFlood flood-color=\"rgba(76, 175, 80, 1)\" flood-opacity=\"0.5\" result=\"color\" />\n      <feComposite in=\"color\" in2=\"blur\" operator=\"in\" result=\"blur\" />\n      <feMerge>\n        <feMergeNode />\n        <feMergeNode in=\"SourceGraphic\" />\n      </feMerge>\n    </filter>\n    <circle cx=\"50\" cy=\"50\" r=\"46.5\" fill=\"none\" stroke=\"rgba(76, 175, 80, 0.5)\" stroke-width=\"5\" />\n    <path d=\"M67,93 A46.5,46.5 0,1,0 7,32 L43,67 L88,19\" fill=\"none\" stroke=\"rgba(76, 175, 80, 1)\" stroke-width=\"5\"\n      stroke-linecap=\"round\" stroke-dasharray=\"80 1000\" stroke-dashoffset=\"-220\" style=\"filter: url(#dropshadow)\" />\n  </svg>\n\n  <svg *ngIf=\"type == 'error'\" class=\"ngx-svg-icon-error ngx-svg-icon-animate-pulse\" fill=\"none\" stroke=\"currentColor\"\n    viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"\n      d=\"M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"></path>\n  </svg>\n</div>", styles: ["svg{width:100%;height:100%;position:absolute;top:0;left:0}svg.ngx-svg-icon-animate path{animation:dash .75s cubic-bezier(.39,.575,.565,1) both;animation-delay:.25s}@keyframes dash{0%{stroke-dashoffset:210}75%{stroke-dashoffset:-220}to{stroke-dashoffset:-205}}.ngx-svg-icon-container{position:relative;width:100%;height:100%}.ngx-svg-icon-error{width:100%;height:100%;color:#dc2626}.ngx-svg-icon-animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: SvgIconComponent, decorators: [{
            type: Component,
            args: [{ selector: 'app-svg-icon', template: "<div class=\"ngx-svg-icon-container\">\n  <svg viewBox=\"0 0 100 100\" class=\"ngx-svg-icon-animate\" *ngIf=\"type == 'success'\">\n    <filter id=\"dropshadow\" height=\"100%\">\n      <feGaussianBlur in=\"SourceAlpha\" stdDeviation=\"3\" result=\"blur\" />\n      <feFlood flood-color=\"rgba(76, 175, 80, 1)\" flood-opacity=\"0.5\" result=\"color\" />\n      <feComposite in=\"color\" in2=\"blur\" operator=\"in\" result=\"blur\" />\n      <feMerge>\n        <feMergeNode />\n        <feMergeNode in=\"SourceGraphic\" />\n      </feMerge>\n    </filter>\n    <circle cx=\"50\" cy=\"50\" r=\"46.5\" fill=\"none\" stroke=\"rgba(76, 175, 80, 0.5)\" stroke-width=\"5\" />\n    <path d=\"M67,93 A46.5,46.5 0,1,0 7,32 L43,67 L88,19\" fill=\"none\" stroke=\"rgba(76, 175, 80, 1)\" stroke-width=\"5\"\n      stroke-linecap=\"round\" stroke-dasharray=\"80 1000\" stroke-dashoffset=\"-220\" style=\"filter: url(#dropshadow)\" />\n  </svg>\n\n  <svg *ngIf=\"type == 'error'\" class=\"ngx-svg-icon-error ngx-svg-icon-animate-pulse\" fill=\"none\" stroke=\"currentColor\"\n    viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"\n      d=\"M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"></path>\n  </svg>\n</div>", styles: ["svg{width:100%;height:100%;position:absolute;top:0;left:0}svg.ngx-svg-icon-animate path{animation:dash .75s cubic-bezier(.39,.575,.565,1) both;animation-delay:.25s}@keyframes dash{0%{stroke-dashoffset:210}75%{stroke-dashoffset:-220}to{stroke-dashoffset:-205}}.ngx-svg-icon-container{position:relative;width:100%;height:100%}.ngx-svg-icon-error{width:100%;height:100%;color:#dc2626}.ngx-svg-icon-animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}\n"] }]
        }], ctorParameters: function () { return []; }, propDecorators: { type: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3ZnLWljb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmctdG9hc3Qtc3RhY2svc3JjL2xpYi9zdmctaWNvbi9zdmctaWNvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy10b2FzdC1zdGFjay9zcmMvbGliL3N2Zy1pY29uL3N2Zy1pY29uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7QUFPekQsTUFBTSxPQUFPLGdCQUFnQjtJQUczQixnQkFBZ0IsQ0FBQztJQUVqQixRQUFRO0lBQ1IsQ0FBQzs7NkdBTlUsZ0JBQWdCO2lHQUFoQixnQkFBZ0IsOEVDUDdCLG14Q0FxQk07MkZEZE8sZ0JBQWdCO2tCQUw1QixTQUFTOytCQUNFLGNBQWM7MEVBTWYsSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FwcC1zdmctaWNvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9zdmctaWNvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N2Zy1pY29uLmNvbXBvbmVudC5jc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBTdmdJY29uQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBASW5wdXQoKSB0eXBlPzogc3RyaW5nO1xuICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gIG5nT25Jbml0KCkge1xuICB9XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJuZ3gtc3ZnLWljb24tY29udGFpbmVyXCI+XG4gIDxzdmcgdmlld0JveD1cIjAgMCAxMDAgMTAwXCIgY2xhc3M9XCJuZ3gtc3ZnLWljb24tYW5pbWF0ZVwiICpuZ0lmPVwidHlwZSA9PSAnc3VjY2VzcydcIj5cbiAgICA8ZmlsdGVyIGlkPVwiZHJvcHNoYWRvd1wiIGhlaWdodD1cIjEwMCVcIj5cbiAgICAgIDxmZUdhdXNzaWFuQmx1ciBpbj1cIlNvdXJjZUFscGhhXCIgc3RkRGV2aWF0aW9uPVwiM1wiIHJlc3VsdD1cImJsdXJcIiAvPlxuICAgICAgPGZlRmxvb2QgZmxvb2QtY29sb3I9XCJyZ2JhKDc2LCAxNzUsIDgwLCAxKVwiIGZsb29kLW9wYWNpdHk9XCIwLjVcIiByZXN1bHQ9XCJjb2xvclwiIC8+XG4gICAgICA8ZmVDb21wb3NpdGUgaW49XCJjb2xvclwiIGluMj1cImJsdXJcIiBvcGVyYXRvcj1cImluXCIgcmVzdWx0PVwiYmx1clwiIC8+XG4gICAgICA8ZmVNZXJnZT5cbiAgICAgICAgPGZlTWVyZ2VOb2RlIC8+XG4gICAgICAgIDxmZU1lcmdlTm9kZSBpbj1cIlNvdXJjZUdyYXBoaWNcIiAvPlxuICAgICAgPC9mZU1lcmdlPlxuICAgIDwvZmlsdGVyPlxuICAgIDxjaXJjbGUgY3g9XCI1MFwiIGN5PVwiNTBcIiByPVwiNDYuNVwiIGZpbGw9XCJub25lXCIgc3Ryb2tlPVwicmdiYSg3NiwgMTc1LCA4MCwgMC41KVwiIHN0cm9rZS13aWR0aD1cIjVcIiAvPlxuICAgIDxwYXRoIGQ9XCJNNjcsOTMgQTQ2LjUsNDYuNSAwLDEsMCA3LDMyIEw0Myw2NyBMODgsMTlcIiBmaWxsPVwibm9uZVwiIHN0cm9rZT1cInJnYmEoNzYsIDE3NSwgODAsIDEpXCIgc3Ryb2tlLXdpZHRoPVwiNVwiXG4gICAgICBzdHJva2UtbGluZWNhcD1cInJvdW5kXCIgc3Ryb2tlLWRhc2hhcnJheT1cIjgwIDEwMDBcIiBzdHJva2UtZGFzaG9mZnNldD1cIi0yMjBcIiBzdHlsZT1cImZpbHRlcjogdXJsKCNkcm9wc2hhZG93KVwiIC8+XG4gIDwvc3ZnPlxuXG4gIDxzdmcgKm5nSWY9XCJ0eXBlID09ICdlcnJvcidcIiBjbGFzcz1cIm5neC1zdmctaWNvbi1lcnJvciBuZ3gtc3ZnLWljb24tYW5pbWF0ZS1wdWxzZVwiIGZpbGw9XCJub25lXCIgc3Ryb2tlPVwiY3VycmVudENvbG9yXCJcbiAgICB2aWV3Qm94PVwiMCAwIDI0IDI0XCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiPlxuICAgIDxwYXRoIHN0cm9rZS1saW5lY2FwPVwicm91bmRcIiBzdHJva2UtbGluZWpvaW49XCJyb3VuZFwiIHN0cm9rZS13aWR0aD1cIjEuNVwiXG4gICAgICBkPVwiTTEyIDh2NG0wIDRoLjAxTTIxIDEyYTkgOSAwIDExLTE4IDAgOSA5IDAgMDExOCAwelwiPjwvcGF0aD5cbiAgPC9zdmc+XG48L2Rpdj4iXX0=