@taiga-ui/kit/esm2022/components/push/push-alert.component.mjs

Taiga UI Angular main components kit

import { NgIf } from '@angular/common';
import { ChangeDetectionStrategy, Component } from '@angular/core';
import { TuiAnimated } from '@taiga-ui/cdk/directives/animated';
import { TuiButton } from '@taiga-ui/core/components/button';
import { TuiIcon } from '@taiga-ui/core/components/icon';
import { TuiLink } from '@taiga-ui/core/components/link';
import { injectContext, PolymorpheusOutlet } from '@taiga-ui/polymorpheus';
import { TuiPushComponent } from './push.component';
import { TuiPushDirective } from './push.directive';
import * as i0 from "@angular/core";
import * as i1 from "@taiga-ui/cdk/directives/animated";
class TuiPushAlert {
    constructor() {
        this.context = injectContext();
    }
    get isDirective() {
        return this.context.content instanceof TuiPushDirective;
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiPushAlert, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiPushAlert, isStandalone: true, selector: "ng-component", host: { attributes: { "role": "alert" } }, hostDirectives: [{ directive: i1.TuiAnimated }], ngImport: i0, template: "<div class=\"t-wrapper\">\n    <tui-push\n        *ngIf=\"!isDirective; else directive\"\n        [heading]=\"context.heading\"\n        [timestamp]=\"context.timestamp\"\n        [type]=\"context.type\"\n        (close)=\"context.$implicit.complete()\"\n    >\n        <img\n            *ngIf=\"context.image\"\n            alt=\"\"\n            [src]=\"context.image\"\n        />\n        <tui-icon\n            *ngIf=\"context.icon\"\n            [icon]=\"context.icon\"\n            [style.color]=\"context.iconColor\"\n        />\n        <div\n            *polymorpheusOutlet=\"context.content as text; context: context\"\n            [innerHTML]=\"text\"\n        ></div>\n        <button\n            *ngIf=\"context.buttons.length > 1\"\n            tuiButton\n            type=\"button\"\n            (click)=\"context.$implicit.next(context.buttons[0] || '')\"\n        >\n            {{ context.buttons[0] }}\n        </button>\n        <button\n            *ngIf=\"context.buttons.length\"\n            tuiLink\n            type=\"button\"\n            (click)=\"context.$implicit.next(context.buttons[context.buttons.length - 1] || '')\"\n        >\n            {{ context.buttons[context.buttons.length - 1] }}\n        </button>\n    </tui-push>\n    <ng-template #directive>\n        <ng-container *polymorpheusOutlet=\"context.content\" />\n    </ng-template>\n</div>\n", styles: [":host{position:relative;bottom:1rem;display:grid;flex-shrink:0;max-inline-size:calc(100% - 2rem);margin:0 1rem 0 auto;border-radius:var(--tui-radius-xl);box-shadow:var(--tui-shadow-small);overflow:hidden;--tui-from: translateX(100%)}:host.tui-enter,:host.tui-leave{animation-name:tuiFade,tuiSlide,tuiCollapse}:host.tui-leave:not(:first-child){transition-property:margin;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-block-start:-1rem!important}:host:first-child{margin-block-start:auto}:host:not(:last-child){transition-property:margin;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-block-end:1rem}.t-wrapper{grid-row:1 / span 2;overflow:hidden}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: TuiIcon, selector: "tui-icon", inputs: ["icon", "background"] }, { kind: "directive", type: TuiLink, selector: "a[tuiLink], button[tuiLink]", inputs: ["pseudo"] }, { kind: "component", type: TuiPushComponent, selector: "tui-push", inputs: ["heading", "type", "lines", "timestamp"], outputs: ["close"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
}
export { TuiPushAlert };
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiPushAlert, decorators: [{
            type: Component,
            args: [{ standalone: true, imports: [NgIf, PolymorpheusOutlet, TuiButton, TuiIcon, TuiLink, TuiPushComponent], changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [TuiAnimated], host: {
                        role: 'alert',
                    }, template: "<div class=\"t-wrapper\">\n    <tui-push\n        *ngIf=\"!isDirective; else directive\"\n        [heading]=\"context.heading\"\n        [timestamp]=\"context.timestamp\"\n        [type]=\"context.type\"\n        (close)=\"context.$implicit.complete()\"\n    >\n        <img\n            *ngIf=\"context.image\"\n            alt=\"\"\n            [src]=\"context.image\"\n        />\n        <tui-icon\n            *ngIf=\"context.icon\"\n            [icon]=\"context.icon\"\n            [style.color]=\"context.iconColor\"\n        />\n        <div\n            *polymorpheusOutlet=\"context.content as text; context: context\"\n            [innerHTML]=\"text\"\n        ></div>\n        <button\n            *ngIf=\"context.buttons.length > 1\"\n            tuiButton\n            type=\"button\"\n            (click)=\"context.$implicit.next(context.buttons[0] || '')\"\n        >\n            {{ context.buttons[0] }}\n        </button>\n        <button\n            *ngIf=\"context.buttons.length\"\n            tuiLink\n            type=\"button\"\n            (click)=\"context.$implicit.next(context.buttons[context.buttons.length - 1] || '')\"\n        >\n            {{ context.buttons[context.buttons.length - 1] }}\n        </button>\n    </tui-push>\n    <ng-template #directive>\n        <ng-container *polymorpheusOutlet=\"context.content\" />\n    </ng-template>\n</div>\n", styles: [":host{position:relative;bottom:1rem;display:grid;flex-shrink:0;max-inline-size:calc(100% - 2rem);margin:0 1rem 0 auto;border-radius:var(--tui-radius-xl);box-shadow:var(--tui-shadow-small);overflow:hidden;--tui-from: translateX(100%)}:host.tui-enter,:host.tui-leave{animation-name:tuiFade,tuiSlide,tuiCollapse}:host.tui-leave:not(:first-child){transition-property:margin;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-block-start:-1rem!important}:host:first-child{margin-block-start:auto}:host:not(:last-child){transition-property:margin;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-block-end:1rem}.t-wrapper{grid-row:1 / span 2;overflow:hidden}\n"] }]
        }] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVzaC1hbGVydC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9raXQvY29tcG9uZW50cy9wdXNoL3B1c2gtYWxlcnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2l0L2NvbXBvbmVudHMvcHVzaC9wdXNoLWFsZXJ0LnRlbXBsYXRlLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLElBQUksRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQ3JDLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDakUsT0FBTyxFQUFDLFdBQVcsRUFBQyxNQUFNLG1DQUFtQyxDQUFDO0FBRTlELE9BQU8sRUFBQyxTQUFTLEVBQUMsTUFBTSxrQ0FBa0MsQ0FBQztBQUMzRCxPQUFPLEVBQUMsT0FBTyxFQUFDLE1BQU0sZ0NBQWdDLENBQUM7QUFDdkQsT0FBTyxFQUFDLE9BQU8sRUFBQyxNQUFNLGdDQUFnQyxDQUFDO0FBQ3ZELE9BQU8sRUFBQyxhQUFhLEVBQUUsa0JBQWtCLEVBQUMsTUFBTSx3QkFBd0IsQ0FBQztBQUV6RSxPQUFPLEVBQUMsZ0JBQWdCLEVBQUMsTUFBTSxrQkFBa0IsQ0FBQztBQUNsRCxPQUFPLEVBQUMsZ0JBQWdCLEVBQUMsTUFBTSxrQkFBa0IsQ0FBQzs7O0FBR2xELE1BV2EsWUFBWTtJQVh6QjtRQVl1QixZQUFPLEdBQUcsYUFBYSxFQUFzQyxDQUFDO0tBS3BGO0lBSEcsSUFBYyxXQUFXO1FBQ3JCLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPLFlBQVksZ0JBQWdCLENBQUM7SUFDNUQsQ0FBQzsrR0FMUSxZQUFZO21HQUFaLFlBQVksb0tDeEJ6Qiw4MkNBMkNBLDB4QkQ1QmMsSUFBSSw2RkFBRSxrQkFBa0IsOEhBQUUsU0FBUyxvSUFBRSxPQUFPLHFGQUFFLE9BQU8sNEZBQUUsZ0JBQWdCOztTQVN4RSxZQUFZOzRGQUFaLFlBQVk7a0JBWHhCLFNBQVM7aUNBQ00sSUFBSSxXQUNQLENBQUMsSUFBSSxFQUFFLGtCQUFrQixFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLGdCQUFnQixDQUFDLG1CQUdqRSx1QkFBdUIsQ0FBQyxNQUFNLGtCQUMvQixDQUFDLFdBQVcsQ0FBQyxRQUN2Qjt3QkFDRixJQUFJLEVBQUUsT0FBTztxQkFDaEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge05nSWZ9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge0NoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtUdWlBbmltYXRlZH0gZnJvbSAnQHRhaWdhLXVpL2Nkay9kaXJlY3RpdmVzL2FuaW1hdGVkJztcbmltcG9ydCB0eXBlIHtUdWlQb3BvdmVyfSBmcm9tICdAdGFpZ2EtdWkvY2RrL3NlcnZpY2VzJztcbmltcG9ydCB7VHVpQnV0dG9ufSBmcm9tICdAdGFpZ2EtdWkvY29yZS9jb21wb25lbnRzL2J1dHRvbic7XG5pbXBvcnQge1R1aUljb259IGZyb20gJ0B0YWlnYS11aS9jb3JlL2NvbXBvbmVudHMvaWNvbic7XG5pbXBvcnQge1R1aUxpbmt9IGZyb20gJ0B0YWlnYS11aS9jb3JlL2NvbXBvbmVudHMvbGluayc7XG5pbXBvcnQge2luamVjdENvbnRleHQsIFBvbHltb3JwaGV1c091dGxldH0gZnJvbSAnQHRhaWdhLXVpL3BvbHltb3JwaGV1cyc7XG5cbmltcG9ydCB7VHVpUHVzaENvbXBvbmVudH0gZnJvbSAnLi9wdXNoLmNvbXBvbmVudCc7XG5pbXBvcnQge1R1aVB1c2hEaXJlY3RpdmV9IGZyb20gJy4vcHVzaC5kaXJlY3RpdmUnO1xuaW1wb3J0IHR5cGUge1R1aVB1c2hPcHRpb25zfSBmcm9tICcuL3B1c2gub3B0aW9ucyc7XG5cbkBDb21wb25lbnQoe1xuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgaW1wb3J0czogW05nSWYsIFBvbHltb3JwaGV1c091dGxldCwgVHVpQnV0dG9uLCBUdWlJY29uLCBUdWlMaW5rLCBUdWlQdXNoQ29tcG9uZW50XSxcbiAgICB0ZW1wbGF0ZVVybDogJy4vcHVzaC1hbGVydC50ZW1wbGF0ZS5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9wdXNoLWFsZXJ0LnN0eWxlLmxlc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBob3N0RGlyZWN0aXZlczogW1R1aUFuaW1hdGVkXSxcbiAgICBob3N0OiB7XG4gICAgICAgIHJvbGU6ICdhbGVydCcsXG4gICAgfSxcbn0pXG5leHBvcnQgY2xhc3MgVHVpUHVzaEFsZXJ0IHtcbiAgICBwcm90ZWN0ZWQgcmVhZG9ubHkgY29udGV4dCA9IGluamVjdENvbnRleHQ8VHVpUG9wb3ZlcjxUdWlQdXNoT3B0aW9ucywgc3RyaW5nPj4oKTtcblxuICAgIHByb3RlY3RlZCBnZXQgaXNEaXJlY3RpdmUoKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiB0aGlzLmNvbnRleHQuY29udGVudCBpbnN0YW5jZW9mIFR1aVB1c2hEaXJlY3RpdmU7XG4gICAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInQtd3JhcHBlclwiPlxuICAgIDx0dWktcHVzaFxuICAgICAgICAqbmdJZj1cIiFpc0RpcmVjdGl2ZTsgZWxzZSBkaXJlY3RpdmVcIlxuICAgICAgICBbaGVhZGluZ109XCJjb250ZXh0LmhlYWRpbmdcIlxuICAgICAgICBbdGltZXN0YW1wXT1cImNvbnRleHQudGltZXN0YW1wXCJcbiAgICAgICAgW3R5cGVdPVwiY29udGV4dC50eXBlXCJcbiAgICAgICAgKGNsb3NlKT1cImNvbnRleHQuJGltcGxpY2l0LmNvbXBsZXRlKClcIlxuICAgID5cbiAgICAgICAgPGltZ1xuICAgICAgICAgICAgKm5nSWY9XCJjb250ZXh0LmltYWdlXCJcbiAgICAgICAgICAgIGFsdD1cIlwiXG4gICAgICAgICAgICBbc3JjXT1cImNvbnRleHQuaW1hZ2VcIlxuICAgICAgICAvPlxuICAgICAgICA8dHVpLWljb25cbiAgICAgICAgICAgICpuZ0lmPVwiY29udGV4dC5pY29uXCJcbiAgICAgICAgICAgIFtpY29uXT1cImNvbnRleHQuaWNvblwiXG4gICAgICAgICAgICBbc3R5bGUuY29sb3JdPVwiY29udGV4dC5pY29uQ29sb3JcIlxuICAgICAgICAvPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgICAqcG9seW1vcnBoZXVzT3V0bGV0PVwiY29udGV4dC5jb250ZW50IGFzIHRleHQ7IGNvbnRleHQ6IGNvbnRleHRcIlxuICAgICAgICAgICAgW2lubmVySFRNTF09XCJ0ZXh0XCJcbiAgICAgICAgPjwvZGl2PlxuICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICAqbmdJZj1cImNvbnRleHQuYnV0dG9ucy5sZW5ndGggPiAxXCJcbiAgICAgICAgICAgIHR1aUJ1dHRvblxuICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgICAoY2xpY2spPVwiY29udGV4dC4kaW1wbGljaXQubmV4dChjb250ZXh0LmJ1dHRvbnNbMF0gfHwgJycpXCJcbiAgICAgICAgPlxuICAgICAgICAgICAge3sgY29udGV4dC5idXR0b25zWzBdIH19XG4gICAgICAgIDwvYnV0dG9uPlxuICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICAqbmdJZj1cImNvbnRleHQuYnV0dG9ucy5sZW5ndGhcIlxuICAgICAgICAgICAgdHVpTGlua1xuICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgICAoY2xpY2spPVwiY29udGV4dC4kaW1wbGljaXQubmV4dChjb250ZXh0LmJ1dHRvbnNbY29udGV4dC5idXR0b25zLmxlbmd0aCAtIDFdIHx8ICcnKVwiXG4gICAgICAgID5cbiAgICAgICAgICAgIHt7IGNvbnRleHQuYnV0dG9uc1tjb250ZXh0LmJ1dHRvbnMubGVuZ3RoIC0gMV0gfX1cbiAgICAgICAgPC9idXR0b24+XG4gICAgPC90dWktcHVzaD5cbiAgICA8bmctdGVtcGxhdGUgI2RpcmVjdGl2ZT5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqcG9seW1vcnBoZXVzT3V0bGV0PVwiY29udGV4dC5jb250ZW50XCIgLz5cbiAgICA8L25nLXRlbXBsYXRlPlxuPC9kaXY+XG4iXX0=