sb-element/esm2020/lib/notification/toaster/toaster.component.mjs

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.0.1. It is a component library constructed around the SCSS library [Sb-Theming](https://github.com/SeverinBuchser/SbTheming) and supports [Angular Schematics]

import { Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';
import { mixinClassName } from "../../core";
import { ToasterPosition } from "./toaster-position";
import * as i0 from "@angular/core";
import * as i1 from "../toast/toast.component";
import * as i2 from "../../icon/icon/icon.component";
import * as i3 from "@angular/common";
const SbToasterCore = mixinClassName(class {
    constructor(_elementRef) {
        this._elementRef = _elementRef;
    }
}, 'sb-toaster');
export class SbToasterComponent extends SbToasterCore {
    constructor(elementRef) {
        super(elementRef);
        this.position = ToasterPosition.TOP_LEFT;
    }
}
SbToasterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: SbToasterComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
SbToasterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: SbToasterComponent, selector: "sb-toaster", inputs: { position: "position" }, host: { properties: { "class": "this.position" } }, usesInheritance: true, ngImport: i0, template: "<sb-toast>\n  <div header [ngStyle]=\"{'width': '100%','display': 'flex', 'justify-content': 'space-between'}\">\n    <div>\n      <sb-icon [ngStyle]=\"{'display': 'inline-block'}\" color=\"secondary\">pets</sb-icon>\n      SbToast\n    </div>\n    <span>5 min. ago</span>\n  </div>\n  <div body>\n    This is a rather long toast notification!\n  </div>\n</sb-toast>\n<sb-toast>\n  <div header [ngStyle]=\"{'width': '100%','display': 'flex', 'justify-content': 'space-between'}\">\n    <div>\n      <sb-icon [ngStyle]=\"{'display': 'inline-block'}\" color=\"secondary\">pets</sb-icon>\n      SbToast\n    </div>\n    <span>5 min. ago</span>\n  </div>\n  <div body>\n    This is a rather long toast notification!<br>\n    This is a rather long toast notification!<br>\n    This is a rather long toast notification!\n  </div>\n</sb-toast>\n", components: [{ type: i1.SbToastComponent, selector: "sb-toast", inputs: ["visible", "color", "allowWithinClose", "timed"], outputs: ["show", "hide", "close"] }, { type: i2.SbIconComponent, selector: "sb-icon", inputs: ["size", "color", "icon", "isOutline"] }], directives: [{ type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], encapsulation: i0.ViewEncapsulation.None });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: SbToasterComponent, decorators: [{
            type: Component,
            args: [{ selector: 'sb-toaster', encapsulation: ViewEncapsulation.None, template: "<sb-toast>\n  <div header [ngStyle]=\"{'width': '100%','display': 'flex', 'justify-content': 'space-between'}\">\n    <div>\n      <sb-icon [ngStyle]=\"{'display': 'inline-block'}\" color=\"secondary\">pets</sb-icon>\n      SbToast\n    </div>\n    <span>5 min. ago</span>\n  </div>\n  <div body>\n    This is a rather long toast notification!\n  </div>\n</sb-toast>\n<sb-toast>\n  <div header [ngStyle]=\"{'width': '100%','display': 'flex', 'justify-content': 'space-between'}\">\n    <div>\n      <sb-icon [ngStyle]=\"{'display': 'inline-block'}\" color=\"secondary\">pets</sb-icon>\n      SbToast\n    </div>\n    <span>5 min. ago</span>\n  </div>\n  <div body>\n    This is a rather long toast notification!<br>\n    This is a rather long toast notification!<br>\n    This is a rather long toast notification!\n  </div>\n</sb-toast>\n" }]
        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { position: [{
                type: Input
            }, {
                type: HostBinding,
                args: ['class']
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9hc3Rlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zYi1lbGVtZW50L3NyYy9saWIvbm90aWZpY2F0aW9uL3RvYXN0ZXIvdG9hc3Rlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zYi1lbGVtZW50L3NyYy9saWIvbm90aWZpY2F0aW9uL3RvYXN0ZXIvdG9hc3Rlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFjLFdBQVcsRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDN0YsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLFlBQVksQ0FBQztBQUM1QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7Ozs7O0FBRXJELE1BQU0sYUFBYSxHQUFHLGNBQWMsQ0FDbEM7SUFDRSxZQUNTLFdBQXVCO1FBQXZCLGdCQUFXLEdBQVgsV0FBVyxDQUFZO0lBQUcsQ0FBQztDQUNyQyxFQUFFLFlBQVksQ0FDaEIsQ0FBQztBQU9GLE1BQU0sT0FBTyxrQkFBbUIsU0FBUSxhQUFhO0lBS25ELFlBQ0UsVUFBc0I7UUFFdEIsS0FBSyxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBTGIsYUFBUSxHQUFXLGVBQWUsQ0FBQyxRQUFRLENBQUM7SUFNbkQsQ0FBQzs7K0dBVFUsa0JBQWtCO21HQUFsQixrQkFBa0IsK0pDaEIvQix3MEJBMEJBOzJGRFZhLGtCQUFrQjtrQkFMOUIsU0FBUzsrQkFDRSxZQUFZLGlCQUVQLGlCQUFpQixDQUFDLElBQUk7aUdBSzlCLFFBQVE7c0JBRGQsS0FBSzs7c0JBQUksV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBIb3N0QmluZGluZywgSW5wdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBtaXhpbkNsYXNzTmFtZSB9IGZyb20gXCIuLi8uLi9jb3JlXCI7XG5pbXBvcnQgeyBUb2FzdGVyUG9zaXRpb24gfSBmcm9tIFwiLi90b2FzdGVyLXBvc2l0aW9uXCI7XG5cbmNvbnN0IFNiVG9hc3RlckNvcmUgPSBtaXhpbkNsYXNzTmFtZShcbiAgY2xhc3Mge1xuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgcHVibGljIF9lbGVtZW50UmVmOiBFbGVtZW50UmVmKSB7fVxuICB9LCAnc2ItdG9hc3Rlcidcbik7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NiLXRvYXN0ZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vdG9hc3Rlci5jb21wb25lbnQuaHRtbCcsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIFNiVG9hc3RlckNvbXBvbmVudCBleHRlbmRzIFNiVG9hc3RlckNvcmUge1xuXG4gIEBJbnB1dCgpIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICBwdWJsaWMgcG9zaXRpb246IHN0cmluZyA9IFRvYXN0ZXJQb3NpdGlvbi5UT1BfTEVGVDtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBlbGVtZW50UmVmOiBFbGVtZW50UmVmXG4gICkge1xuICAgIHN1cGVyKGVsZW1lbnRSZWYpO1xuICB9XG5cbn1cbiIsIjxzYi10b2FzdD5cbiAgPGRpdiBoZWFkZXIgW25nU3R5bGVdPVwieyd3aWR0aCc6ICcxMDAlJywnZGlzcGxheSc6ICdmbGV4JywgJ2p1c3RpZnktY29udGVudCc6ICdzcGFjZS1iZXR3ZWVuJ31cIj5cbiAgICA8ZGl2PlxuICAgICAgPHNiLWljb24gW25nU3R5bGVdPVwieydkaXNwbGF5JzogJ2lubGluZS1ibG9jayd9XCIgY29sb3I9XCJzZWNvbmRhcnlcIj5wZXRzPC9zYi1pY29uPlxuICAgICAgU2JUb2FzdFxuICAgIDwvZGl2PlxuICAgIDxzcGFuPjUgbWluLiBhZ288L3NwYW4+XG4gIDwvZGl2PlxuICA8ZGl2IGJvZHk+XG4gICAgVGhpcyBpcyBhIHJhdGhlciBsb25nIHRvYXN0IG5vdGlmaWNhdGlvbiFcbiAgPC9kaXY+XG48L3NiLXRvYXN0PlxuPHNiLXRvYXN0PlxuICA8ZGl2IGhlYWRlciBbbmdTdHlsZV09XCJ7J3dpZHRoJzogJzEwMCUnLCdkaXNwbGF5JzogJ2ZsZXgnLCAnanVzdGlmeS1jb250ZW50JzogJ3NwYWNlLWJldHdlZW4nfVwiPlxuICAgIDxkaXY+XG4gICAgICA8c2ItaWNvbiBbbmdTdHlsZV09XCJ7J2Rpc3BsYXknOiAnaW5saW5lLWJsb2NrJ31cIiBjb2xvcj1cInNlY29uZGFyeVwiPnBldHM8L3NiLWljb24+XG4gICAgICBTYlRvYXN0XG4gICAgPC9kaXY+XG4gICAgPHNwYW4+NSBtaW4uIGFnbzwvc3Bhbj5cbiAgPC9kaXY+XG4gIDxkaXYgYm9keT5cbiAgICBUaGlzIGlzIGEgcmF0aGVyIGxvbmcgdG9hc3Qgbm90aWZpY2F0aW9uITxicj5cbiAgICBUaGlzIGlzIGEgcmF0aGVyIGxvbmcgdG9hc3Qgbm90aWZpY2F0aW9uITxicj5cbiAgICBUaGlzIGlzIGEgcmF0aGVyIGxvbmcgdG9hc3Qgbm90aWZpY2F0aW9uIVxuICA8L2Rpdj5cbjwvc2ItdG9hc3Q+XG4iXX0=