@taiga-ui/kit 2.61.0 → 2.62.0

package/fesm5/taiga-ui-kit-components-push.js

@@ -0,0 +1,250 @@
+import { __decorate, __param, __extends, __assign } from 'tslib';
+import { EventEmitter, Inject, Input, Output, Component, ChangeDetectionStrategy, Optional, SkipSelf, Directive, TemplateRef, ChangeDetectorRef, forwardRef, HostBinding, ɵɵdefineInjectable, ɵɵinject, Injectable, NgModule } from '@angular/core';
+import { tuiIsObserved, tuiDefaultProp, TuiDestroyService, AbstractTuiDialogService, TUI_ALERTS } from '@taiga-ui/cdk';
+import { TUI_CLOSE_WORD, TuiModeDirective, TUI_BUTTON_OPTIONS, TUI_ANIMATION_OPTIONS, tuiFadeIn, tuiSlideInRight, tuiHeightCollapse, TuiButtonModule, TuiLinkModule, TuiSvgModule, TuiFormatDatePipeModule } from '@taiga-ui/core';
+import { Observable, Subject, EMPTY } from 'rxjs';
+import { CommonModule } from '@angular/common';
+import { PolymorpheusTemplate, POLYMORPHEUS_CONTEXT, PolymorpheusComponent, PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
+import { switchMap, takeUntil } from 'rxjs/operators';
+import { TuiIdService } from '@taiga-ui/cdk/services';
+
+var TuiPushComponent = /** @class */ (function () {
+    function TuiPushComponent(closeWord$) {
+        this.closeWord$ = closeWord$;
+        this.heading = "";
+        this.type = "";
+        this.timestamp = 0;
+        this.close = new EventEmitter();
+    }
+    Object.defineProperty(TuiPushComponent.prototype, "closeable", {
+        get: function () {
+            return tuiIsObserved(this.close);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    TuiPushComponent.ctorParameters = function () { return [
+        { type: Observable, decorators: [{ type: Inject, args: [TUI_CLOSE_WORD,] }] }
+    ]; };
+    __decorate([
+        Input(),
+        tuiDefaultProp()
+    ], TuiPushComponent.prototype, "heading", void 0);
+    __decorate([
+        Input(),
+        tuiDefaultProp()
+    ], TuiPushComponent.prototype, "type", void 0);
+    __decorate([
+        Input(),
+        tuiDefaultProp()
+    ], TuiPushComponent.prototype, "timestamp", void 0);
+    __decorate([
+        Output()
+    ], TuiPushComponent.prototype, "close", void 0);
+    TuiPushComponent = __decorate([
+        Component({
+            selector: "tui-push",
+            template: "<div class=\"t-image\"><ng-content select=\"img\"></ng-content></div>\n<button\n    *ngIf=\"closeable\"\n    tuiIconButton\n    icon=\"tuiIconCloseLarge\"\n    size=\"xs\"\n    appearance=\"\"\n    shape=\"rounded\"\n    class=\"t-close\"\n    [title]=\"closeWord$ | async\"\n    (click)=\"close.emit()\"\n></button>\n<div class=\"t-top\">\n    <span class=\"t-icon\"><ng-content select=\"tui-svg\"></ng-content></span>\n    {{ type }}\n    <span\n        *ngIf=\"timestamp\"\n        class=\"t-time\"\n        [textContent]=\"timestamp | tuiFormatDate | async\"\n    ></span>\n</div>\n<h3 class=\"t-heading\">{{ heading }}</h3>\n<div class=\"t-content\">\n    <ng-content></ng-content>\n</div>\n<div class=\"t-actions\">\n    <span class=\"t-button\"><ng-content select=\"[tuiButton]\"></ng-content></span>\n    <span class=\"t-link\"><ng-content select=\"[tuiLink]\"></ng-content></span>\n</div>\n",
+            changeDetection: ChangeDetectionStrategy.OnPush,
+            styles: [":host{box-shadow:0 .25rem 1.5rem rgba(0,0,0,.12);position:relative;display:block;width:22.5rem;max-width:100%;box-sizing:border-box;padding:1.25rem 1.25rem .25rem;overflow:hidden;font:var(--tui-font-text-m);border-radius:var(--tui-radius-l);background:var(--tui-elevation-02)}.t-image{display:flex;flex-direction:column;max-height:10.625rem;overflow:hidden;margin:-1.25rem -1.25rem 1.25rem}.t-close{position:absolute;top:.75rem;right:.75rem;color:rgba(0,0,0,.54);background:rgba(242,242,242,.32);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem)}.t-top{display:flex;align-items:center;font:var(--tui-font-text-s);color:var(--tui-text-02)}.t-icon{height:1.25rem;margin-right:.5rem;transform:scale(.833);transform-origin:top left;color:var(--tui-link)}.t-time:before{content:'\u2022';display:inline-block;width:1rem;text-align:center}.t-heading{line-height:1.25rem;font-weight:700;margin:.75rem 0 .25rem}.t-content,.t-heading{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:break-word;overflow:hidden}.t-actions{display:flex;align-items:center;font:var(--tui-font-text-s)}.t-button:not(:empty){margin:.75rem .75rem .75rem 0}.t-link{margin:.75rem 0}.t-link:empty{margin:.5rem}"]
+        }),
+        __param(0, Inject(TUI_CLOSE_WORD))
+    ], TuiPushComponent);
+    return TuiPushComponent;
+}());
+
+var TuiPushDirective = /** @class */ (function (_super) {
+    __extends(TuiPushDirective, _super);
+    function TuiPushDirective(modeDirective) {
+        var _a;
+        var _this = _super.call(this) || this;
+        _this.modeDirective = modeDirective;
+        _this.size = "s";
+        _this.shape = null;
+        _this.change$ = ((_a = _this.modeDirective) === null || _a === void 0 ? void 0 : _a.change$) || new Subject();
+        return _this;
+    }
+    TuiPushDirective_1 = TuiPushDirective;
+    Object.defineProperty(TuiPushDirective.prototype, "appearance", {
+        get: function () {
+            var _a;
+            return ((_a = this.modeDirective) === null || _a === void 0 ? void 0 : _a.mode) === "onDark" ? "accent" : "secondary";
+        },
+        enumerable: true,
+        configurable: true
+    });
+    var TuiPushDirective_1;
+    TuiPushDirective.ctorParameters = function () { return [
+        { type: TuiModeDirective, decorators: [{ type: Optional }, { type: SkipSelf }, { type: Inject, args: [TuiModeDirective,] }] }
+    ]; };
+    TuiPushDirective = TuiPushDirective_1 = __decorate([
+        Directive({
+            selector: "tui-push",
+            providers: [
+                {
+                    provide: TuiModeDirective,
+                    useExisting: TuiPushDirective_1,
+                },
+                {
+                    provide: TUI_BUTTON_OPTIONS,
+                    useExisting: TuiPushDirective_1,
+                },
+            ],
+        }),
+        __param(0, Optional()),
+        __param(0, SkipSelf()),
+        __param(0, Inject(TuiModeDirective))
+    ], TuiPushDirective);
+    return TuiPushDirective;
+}(TuiModeDirective));
+
+var TUI_PUSH_DEFAULT_OPTIONS = {
+    heading: "",
+    type: "",
+    timestamp: 0,
+    image: "",
+    icon: "",
+    iconColor: "",
+    buttons: [],
+};
+
+var TuiPushAlertDirective = /** @class */ (function (_super) {
+    __extends(TuiPushAlertDirective, _super);
+    function TuiPushAlertDirective(template, changeDetectorRef, destroy$, push) {
+        var _this = _super.call(this, template, changeDetectorRef) || this;
+        _this.show$ = new Subject();
+        _this.show$
+            .pipe(switchMap(function (show) { return (show ? push.open(_this) : EMPTY); }), takeUntil(destroy$))
+            .subscribe();
+        return _this;
+    }
+    Object.defineProperty(TuiPushAlertDirective.prototype, "tuiPush", {
+        set: function (show) {
+            this.show$.next(show);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    TuiPushAlertDirective.ctorParameters = function () { return [
+        { type: TemplateRef, decorators: [{ type: Inject, args: [TemplateRef,] }] },
+        { type: ChangeDetectorRef, decorators: [{ type: Inject, args: [ChangeDetectorRef,] }] },
+        { type: Observable, decorators: [{ type: Inject, args: [TuiDestroyService,] }] },
+        { type: TuiPushService, decorators: [{ type: Inject, args: [forwardRef(function () { return TuiPushService; }),] }] }
+    ]; };
+    __decorate([
+        Input()
+    ], TuiPushAlertDirective.prototype, "tuiPush", null);
+    TuiPushAlertDirective = __decorate([
+        Directive({
+            selector: "[tuiPush]",
+            providers: [TuiDestroyService],
+        }),
+        __param(0, Inject(TemplateRef)),
+        __param(1, Inject(ChangeDetectorRef)),
+        __param(2, Inject(TuiDestroyService)),
+        __param(3, Inject(forwardRef(function () { return TuiPushService; })))
+    ], TuiPushAlertDirective);
+    return TuiPushAlertDirective;
+}(PolymorpheusTemplate));
+
+var TuiPushAlertComponent = /** @class */ (function () {
+    function TuiPushAlertComponent(options, context) {
+        this.options = options;
+        this.context = context;
+        this.animation = __assign({ value: "" }, this.options);
+    }
+    Object.defineProperty(TuiPushAlertComponent.prototype, "isDirective", {
+        get: function () {
+            return this.context.content instanceof TuiPushAlertDirective;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    TuiPushAlertComponent.ctorParameters = function () { return [
+        { type: undefined, decorators: [{ type: Inject, args: [TUI_ANIMATION_OPTIONS,] }] },
+        { type: undefined, decorators: [{ type: Inject, args: [POLYMORPHEUS_CONTEXT,] }] }
+    ]; };
+    __decorate([
+        HostBinding("@tuiFadeIn"),
+        HostBinding("@tuiSlideInRight"),
+        HostBinding("@tuiHeightCollapse")
+    ], TuiPushAlertComponent.prototype, "animation", void 0);
+    TuiPushAlertComponent = __decorate([
+        Component({
+            selector: "tui-push-alert",
+            template: "<tui-push\n    *ngIf=\"!isDirective; else content\"\n    [heading]=\"context.heading\"\n    [type]=\"context.type\"\n    [timestamp]=\"context.timestamp\"\n    (close)=\"context.$implicit.complete()\"\n>\n    <img\n        *ngIf=\"context.image\"\n        alt=\"\"\n        [src]=\"context.image\"\n    />\n    <tui-svg\n        *ngIf=\"context.icon\"\n        [style.color]=\"context.iconColor\"\n        [src]=\"context.icon\"\n    ></tui-svg>\n    <div\n        polymorpheus-outlet\n        [content]=\"context.content\"\n    ></div>\n    <button\n        *ngIf=\"context.buttons.length > 1\"\n        tuiButton\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        (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 #content>\n    <div\n        polymorpheus-outlet\n        [content]=\"context.content\"\n    ></div>\n</ng-template>\n",
+            changeDetection: ChangeDetectionStrategy.OnPush,
+            animations: [tuiFadeIn, tuiSlideInRight, tuiHeightCollapse],
+            host: { role: "alert" },
+            styles: [":host{max-width:calc(100% - 2rem);margin:0 1rem 1rem auto}:host:first-child{margin-top:auto}"]
+        }),
+        __param(0, Inject(TUI_ANIMATION_OPTIONS)),
+        __param(1, Inject(POLYMORPHEUS_CONTEXT))
+    ], TuiPushAlertComponent);
+    return TuiPushAlertComponent;
+}());
+
+var TuiPushService = /** @class */ (function (_super) {
+    __extends(TuiPushService, _super);
+    function TuiPushService() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.component = new PolymorpheusComponent(TuiPushAlertComponent);
+        _this.defaultOptions = TUI_PUSH_DEFAULT_OPTIONS;
+        return _this;
+    }
+    // TODO: fix types
+    // @ts-ignore
+    TuiPushService.prototype.open = function (content, options) {
+        if (options === void 0) { options = {}; }
+        return _super.prototype.open.call(this, content, options);
+    };
+    TuiPushService.ɵprov = ɵɵdefineInjectable({ factory: function TuiPushService_Factory() { return new TuiPushService(ɵɵinject(TuiIdService)); }, token: TuiPushService, providedIn: "root" });
+    TuiPushService = __decorate([
+        Injectable({ providedIn: "root" })
+    ], TuiPushService);
+    return TuiPushService;
+}(AbstractTuiDialogService));
+
+var TuiPushModule = /** @class */ (function () {
+    function TuiPushModule() {
+    }
+    TuiPushModule = __decorate([
+        NgModule({
+            imports: [
+                CommonModule,
+                PolymorpheusModule,
+                TuiButtonModule,
+                TuiLinkModule,
+                TuiSvgModule,
+                TuiFormatDatePipeModule,
+            ],
+            declarations: [
+                TuiPushComponent,
+                TuiPushDirective,
+                TuiPushAlertComponent,
+                TuiPushAlertDirective,
+            ],
+            exports: [
+                TuiPushComponent,
+                TuiPushDirective,
+                TuiPushAlertComponent,
+                TuiPushAlertDirective,
+            ],
+            providers: [
+                {
+                    provide: TUI_ALERTS,
+                    useExisting: TuiPushService,
+                    multi: true,
+                },
+            ],
+        })
+    ], TuiPushModule);
+    return TuiPushModule;
+}());
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TUI_PUSH_DEFAULT_OPTIONS, TuiPushAlertComponent, TuiPushAlertDirective, TuiPushComponent, TuiPushDirective, TuiPushModule, TuiPushService };
+//# sourceMappingURL=taiga-ui-kit-components-push.js.map

package/fesm5/taiga-ui-kit-components-push.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"taiga-ui-kit-components-push.js","sources":["ng://@taiga-ui/kit/components/push/push.component.ts","ng://@taiga-ui/kit/components/push/push.directive.ts","ng://@taiga-ui/kit/components/push/push.options.ts","ng://@taiga-ui/kit/components/push/push-alert.directive.ts","ng://@taiga-ui/kit/components/push/push-alert.component.ts","ng://@taiga-ui/kit/components/push/push.service.ts","ng://@taiga-ui/kit/components/push/push.module.ts","ng://@taiga-ui/kit/components/push/taiga-ui-kit-components-push.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    EventEmitter,\n    Inject,\n    Input,\n    Output,\n} from '@angular/core';\nimport {tuiDefaultProp, tuiIsObserved} from '@taiga-ui/cdk';\nimport {TUI_CLOSE_WORD} from '@taiga-ui/core';\nimport {Observable} from 'rxjs';\n\n@Component({\n    selector: `tui-push`,\n    templateUrl: `./push.template.html`,\n    styleUrls: [`./push.style.less`],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiPushComponent {\n    @Input()\n    @tuiDefaultProp()\n    heading = ``;\n\n    @Input()\n    @tuiDefaultProp()\n    type = ``;\n\n    @Input()\n    @tuiDefaultProp()\n    timestamp = 0;\n\n    @Output()\n    readonly close = new EventEmitter<void>();\n\n    constructor(@Inject(TUI_CLOSE_WORD) readonly closeWord$: Observable<string>) {}\n\n    get closeable(): boolean {\n        return tuiIsObserved(this.close);\n    }\n}\n","import {Directive, Inject, Optional, SkipSelf} from '@angular/core';\nimport {TUI_BUTTON_OPTIONS, TuiButtonOptions, TuiModeDirective} from '@taiga-ui/core';\nimport {Subject} from 'rxjs';\n\n@Directive({\n    selector: `tui-push`,\n    providers: [\n        {\n            provide: TuiModeDirective,\n            useExisting: TuiPushDirective,\n        },\n        {\n            provide: TUI_BUTTON_OPTIONS,\n            useExisting: TuiPushDirective,\n        },\n    ],\n})\nexport class TuiPushDirective extends TuiModeDirective implements TuiButtonOptions {\n    size: TuiButtonOptions['size'] = `s`;\n\n    shape = null;\n\n    readonly change$ = this.modeDirective?.change$ || new Subject();\n\n    constructor(\n        @Optional()\n        @SkipSelf()\n        @Inject(TuiModeDirective)\n        private readonly modeDirective: TuiModeDirective | null,\n    ) {\n        super();\n    }\n\n    get appearance(): string {\n        return this.modeDirective?.mode === `onDark` ? `accent` : `secondary`;\n    }\n}\n","export interface TuiPushOptions {\n    readonly heading: string;\n    readonly type: string;\n    readonly timestamp: number;\n    readonly image: string;\n    readonly icon: string;\n    readonly iconColor: string;\n    readonly buttons: readonly string[];\n}\n\nexport const TUI_PUSH_DEFAULT_OPTIONS: TuiPushOptions = {\n    heading: ``,\n    type: ``,\n    timestamp: 0,\n    image: ``,\n    icon: ``,\n    iconColor: ``,\n    buttons: [],\n};\n","import {\n    ChangeDetectorRef,\n    Directive,\n    forwardRef,\n    Inject,\n    Input,\n    TemplateRef,\n} from '@angular/core';\nimport {TuiDestroyService} from '@taiga-ui/cdk';\nimport {PolymorpheusTemplate} from '@tinkoff/ng-polymorpheus';\nimport {EMPTY, Observable, Subject} from 'rxjs';\nimport {switchMap, takeUntil} from 'rxjs/operators';\n\nimport {TuiPushService} from './push.service';\n\n@Directive({\n    selector: `[tuiPush]`,\n    providers: [TuiDestroyService],\n})\nexport class TuiPushAlertDirective extends PolymorpheusTemplate<any> {\n    private readonly show$ = new Subject<boolean>();\n\n    @Input()\n    set tuiPush(show: boolean) {\n        this.show$.next(show);\n    }\n\n    constructor(\n        @Inject(TemplateRef) template: TemplateRef<any>,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(TuiDestroyService) destroy$: Observable<unknown>,\n        @Inject(forwardRef(() => TuiPushService)) push: TuiPushService,\n    ) {\n        super(template, changeDetectorRef);\n\n        this.show$\n            .pipe(\n                switchMap(show => (show ? push.open(this) : EMPTY)),\n                takeUntil(destroy$),\n            )\n            .subscribe();\n    }\n}\n","import {AnimationOptions} from '@angular/animations';\nimport {ChangeDetectionStrategy, Component, HostBinding, Inject} from '@angular/core';\nimport {TuiDialog} from '@taiga-ui/cdk';\nimport {\n    TUI_ANIMATION_OPTIONS,\n    tuiFadeIn,\n    tuiHeightCollapse,\n    tuiSlideInRight,\n} from '@taiga-ui/core';\nimport {POLYMORPHEUS_CONTEXT} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiPushOptions} from './push.options';\nimport {TuiPushAlertDirective} from './push-alert.directive';\n\n@Component({\n    selector: `tui-push-alert`,\n    templateUrl: `./push-alert.template.html`,\n    styleUrls: [`./push-alert.style.less`],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    animations: [tuiFadeIn, tuiSlideInRight, tuiHeightCollapse],\n    host: {role: `alert`},\n})\nexport class TuiPushAlertComponent {\n    @HostBinding(`@tuiFadeIn`)\n    @HostBinding(`@tuiSlideInRight`)\n    @HostBinding(`@tuiHeightCollapse`)\n    readonly animation = {value: ``, ...this.options} as const;\n\n    constructor(\n        @Inject(TUI_ANIMATION_OPTIONS) private readonly options: AnimationOptions,\n        @Inject(POLYMORPHEUS_CONTEXT)\n        readonly context: TuiDialog<TuiPushOptions, string>,\n    ) {}\n\n    get isDirective(): boolean {\n        return this.context.content instanceof TuiPushAlertDirective;\n    }\n}\n","import {Injectable} from '@angular/core';\nimport {AbstractTuiDialogService, TuiBaseDialogContext} from '@taiga-ui/cdk';\nimport {PolymorpheusComponent, PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\nimport {Observable} from 'rxjs';\n\nimport {TUI_PUSH_DEFAULT_OPTIONS, TuiPushOptions} from './push.options';\nimport {TuiPushAlertComponent} from './push-alert.component';\n\n@Injectable({providedIn: `root`})\nexport class TuiPushService extends AbstractTuiDialogService<TuiPushOptions> {\n    protected readonly component = new PolymorpheusComponent(TuiPushAlertComponent);\n    protected readonly defaultOptions = TUI_PUSH_DEFAULT_OPTIONS;\n\n    // TODO: fix types\n    // @ts-ignore\n    open(\n        content: PolymorpheusContent<TuiBaseDialogContext<string> & TuiPushOptions>,\n        options: Partial<TuiPushOptions> = {},\n    ): Observable<string> {\n        return super.open(content, options);\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TUI_ALERTS} from '@taiga-ui/cdk';\nimport {\n    TuiButtonModule,\n    TuiFormatDatePipeModule,\n    TuiLinkModule,\n    TuiSvgModule,\n} from '@taiga-ui/core';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiPushComponent} from './push.component';\nimport {TuiPushDirective} from './push.directive';\nimport {TuiPushService} from './push.service';\nimport {TuiPushAlertComponent} from './push-alert.component';\nimport {TuiPushAlertDirective} from './push-alert.directive';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        PolymorpheusModule,\n        TuiButtonModule,\n        TuiLinkModule,\n        TuiSvgModule,\n        TuiFormatDatePipeModule,\n    ],\n    declarations: [\n        TuiPushComponent,\n        TuiPushDirective,\n        TuiPushAlertComponent,\n        TuiPushAlertDirective,\n    ],\n    exports: [\n        TuiPushComponent,\n        TuiPushDirective,\n        TuiPushAlertComponent,\n        TuiPushAlertDirective,\n    ],\n    providers: [\n        {\n            provide: TUI_ALERTS,\n            useExisting: TuiPushService,\n            multi: true,\n        },\n    ],\n})\nexport class TuiPushModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;IAkCI,0BAA6C,UAA8B;QAA9B,eAAU,GAAV,UAAU,CAAoB;QAb3E,YAAO,GAAG,EAAE,CAAC;QAIb,SAAI,GAAG,EAAE,CAAC;QAIV,cAAS,GAAG,CAAC,CAAC;QAGL,UAAK,GAAG,IAAI,YAAY,EAAQ,CAAC;KAEqC;IAE/E,sBAAI,uCAAS;aAAb;YACI,OAAO,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;SACpC;;;OAAA;;gBAJwD,UAAU,uBAAtD,MAAM,SAAC,cAAc;;IAblC;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;qDACJ;IAIb;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;kDACP;IAIV;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;uDACH;IAGd;QADC,MAAM,EAAE;mDACiC;IAdjC,gBAAgB;QAN5B,SAAS,CAAC;YACP,QAAQ,EAAE,UAAU;YACpB,+4BAAmC;YAEnC,eAAe,EAAE,uBAAuB,CAAC,MAAM;;SAClD,CAAC;QAiBe,WAAA,MAAM,CAAC,cAAc,CAAC,CAAA;OAhB1B,gBAAgB,CAqB5B;IAAD,uBAAC;CArBD;;;ICDsC,oCAAgB;IAOlD,0BAIqB,aAAsC;;QAJ3D,YAMI,iBAAO,SACV;QAHoB,mBAAa,GAAb,aAAa,CAAyB;QAV3D,UAAI,GAA6B,GAAG,CAAC;QAErC,WAAK,GAAG,IAAI,CAAC;QAEJ,aAAO,GAAG,OAAA,KAAI,CAAC,aAAa,0CAAE,OAAO,KAAI,IAAI,OAAO,EAAE,CAAC;;KAS/D;yBAdQ,gBAAgB;IAgBzB,sBAAI,wCAAU;aAAd;;YACI,OAAO,OAAA,IAAI,CAAC,aAAa,0CAAE,IAAI,MAAK,QAAQ,GAAG,QAAQ,GAAG,WAAW,CAAC;SACzE;;;OAAA;;;gBAPmC,gBAAgB,uBAH/C,QAAQ,YACR,QAAQ,YACR,MAAM,SAAC,gBAAgB;;IAVnB,gBAAgB;QAb5B,SAAS,CAAC;YACP,QAAQ,EAAE,UAAU;YACpB,SAAS,EAAE;gBACP;oBACI,OAAO,EAAE,gBAAgB;oBACzB,WAAW,EAAE,kBAAgB;iBAChC;gBACD;oBACI,OAAO,EAAE,kBAAkB;oBAC3B,WAAW,EAAE,kBAAgB;iBAChC;aACJ;SACJ,CAAC;QASO,WAAA,QAAQ,EAAE,CAAA;QACV,WAAA,QAAQ,EAAE,CAAA;QACV,WAAA,MAAM,CAAC,gBAAgB,CAAC,CAAA;OAVpB,gBAAgB,CAmB5B;IAAD,uBAAC;CAAA,CAnBqC,gBAAgB;;ICPzC,wBAAwB,GAAmB;IACpD,OAAO,EAAE,EAAE;IACX,IAAI,EAAE,EAAE;IACR,SAAS,EAAE,CAAC;IACZ,KAAK,EAAE,EAAE;IACT,IAAI,EAAE,EAAE;IACR,SAAS,EAAE,EAAE;IACb,OAAO,EAAE,EAAE;;;;ICE4B,yCAAyB;IAQhE,+BACyB,QAA0B,EACpB,iBAAoC,EACpC,QAA6B,EACd,IAAoB;QAJlE,YAMI,kBAAM,QAAQ,EAAE,iBAAiB,CAAC,SAQrC;QArBgB,WAAK,GAAG,IAAI,OAAO,EAAW,CAAC;QAe5C,KAAI,CAAC,KAAK;aACL,IAAI,CACD,SAAS,CAAC,UAAA,IAAI,IAAI,QAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,KAAI,CAAC,GAAG,KAAK,IAAC,CAAC,EACnD,SAAS,CAAC,QAAQ,CAAC,CACtB;aACA,SAAS,EAAE,CAAC;;KACpB;IAlBD,sBAAI,0CAAO;aAAX,UAAY,IAAa;YACrB,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SACzB;;;OAAA;;gBAGkC,WAAW,uBAAzC,MAAM,SAAC,WAAW;gBAC2B,iBAAiB,uBAA9D,MAAM,SAAC,iBAAiB;gBACY,UAAU,uBAA9C,MAAM,SAAC,iBAAiB;gBACuB,cAAc,uBAA7D,MAAM,SAAC,UAAU,CAAC,cAAM,OAAA,cAAc,GAAA,CAAC;;IAR5C;QADC,KAAK,EAAE;wDAGP;IANQ,qBAAqB;QAJjC,SAAS,CAAC;YACP,QAAQ,EAAE,WAAW;YACrB,SAAS,EAAE,CAAC,iBAAiB,CAAC;SACjC,CAAC;QAUO,WAAA,MAAM,CAAC,WAAW,CAAC,CAAA;QACnB,WAAA,MAAM,CAAC,iBAAiB,CAAC,CAAA;QACzB,WAAA,MAAM,CAAC,iBAAiB,CAAC,CAAA;QACzB,WAAA,MAAM,CAAC,UAAU,CAAC,cAAM,OAAA,cAAc,GAAA,CAAC,CAAC,CAAA;OAZpC,qBAAqB,CAuBjC;IAAD,4BAAC;CAAA,CAvB0C,oBAAoB;;;ICS3D,+BACoD,OAAyB,EAEhE,OAA0C;QAFH,YAAO,GAAP,OAAO,CAAkB;QAEhE,YAAO,GAAP,OAAO,CAAmC;QAL9C,cAAS,GAAG,WAAC,KAAK,EAAE,EAAE,IAAK,IAAI,CAAC,OAAO,CAAU,CAAC;KAMvD;IAEJ,sBAAI,8CAAW;aAAf;YACI,OAAO,IAAI,CAAC,OAAO,CAAC,OAAO,YAAY,qBAAqB,CAAC;SAChE;;;OAAA;;gDAPI,MAAM,SAAC,qBAAqB;gDAC5B,MAAM,SAAC,oBAAoB;;IAJhC;QAHC,WAAW,CAAC,YAAY,CAAC;QACzB,WAAW,CAAC,kBAAkB,CAAC;QAC/B,WAAW,CAAC,oBAAoB,CAAC;4DACyB;IAJlD,qBAAqB;QARjC,SAAS,CAAC;YACP,QAAQ,EAAE,gBAAgB;YAC1B,8mCAAyC;YAEzC,eAAe,EAAE,uBAAuB,CAAC,MAAM;YAC/C,UAAU,EAAE,CAAC,SAAS,EAAE,eAAe,EAAE,iBAAiB,CAAC;YAC3D,IAAI,EAAE,EAAC,IAAI,EAAE,OAAO,EAAC;;SACxB,CAAC;QAQO,WAAA,MAAM,CAAC,qBAAqB,CAAC,CAAA;QAC7B,WAAA,MAAM,CAAC,oBAAoB,CAAC,CAAA;OARxB,qBAAqB,CAejC;IAAD,4BAAC;CAfD;;;ICboC,kCAAwC;IAA5E;QAAA,qEAYC;QAXsB,eAAS,GAAG,IAAI,qBAAqB,CAAC,qBAAqB,CAAC,CAAC;QAC7D,oBAAc,GAAG,wBAAwB,CAAC;;KAUhE;;;IANG,6BAAI,GAAJ,UACI,OAA2E,EAC3E,OAAqC;QAArC,wBAAA,EAAA,YAAqC;QAErC,OAAO,iBAAM,IAAI,YAAC,OAAO,EAAE,OAAO,CAAC,CAAC;KACvC;;IAXQ,cAAc;QAD1B,UAAU,CAAC,EAAC,UAAU,EAAE,MAAM,EAAC,CAAC;OACpB,cAAc,CAY1B;yBArBD;CAqBC,CAZmC,wBAAwB;;;ICqC5D;KAA6B;IAAhB,aAAa;QA7BzB,QAAQ,CAAC;YACN,OAAO,EAAE;gBACL,YAAY;gBACZ,kBAAkB;gBAClB,eAAe;gBACf,aAAa;gBACb,YAAY;gBACZ,uBAAuB;aAC1B;YACD,YAAY,EAAE;gBACV,gBAAgB;gBAChB,gBAAgB;gBAChB,qBAAqB;gBACrB,qBAAqB;aACxB;YACD,OAAO,EAAE;gBACL,gBAAgB;gBAChB,gBAAgB;gBAChB,qBAAqB;gBACrB,qBAAqB;aACxB;YACD,SAAS,EAAE;gBACP;oBACI,OAAO,EAAE,UAAU;oBACnB,WAAW,EAAE,cAAc;oBAC3B,KAAK,EAAE,IAAI;iBACd;aACJ;SACJ,CAAC;OACW,aAAa,CAAG;IAAD,oBAAC;CAA7B;;AC9CA;;;;;;"}

package/fesm5/taiga-ui-kit-components.js

@@ -43,6 +43,7 @@ export * from '@taiga-ui/kit/components/multi-select-option';
 export * from '@taiga-ui/kit/components/pagination';
 export * from '@taiga-ui/kit/components/pdf-viewer';
 export * from '@taiga-ui/kit/components/progress';
+export * from '@taiga-ui/kit/components/push';
 export * from '@taiga-ui/kit/components/radio';
 export * from '@taiga-ui/kit/components/radio-block';
 export * from '@taiga-ui/kit/components/radio-group';

package/fesm5/taiga-ui-kit-components.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-components.js","sources":["ng://@taiga-ui/kit/components/taiga-ui-kit-components.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;"}
+{"version":3,"file":"taiga-ui-kit-components.js","sources":["ng://@taiga-ui/kit/components/taiga-ui-kit-components.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taiga-ui/kit",
-  "version": "2.61.0",
+  "version": "2.62.0",
   "description": "Taiga UI Angular main components kit",
   "keywords": [
     "angular",
@@ -24,9 +24,9 @@
     "@angular/router": ">=9.0.0",
     "@ng-web-apis/common": ">=1.12.1 < 2",
     "@ng-web-apis/mutation-observer": ">=1.1.0 < 2",
-    "@taiga-ui/cdk": ">=2.61.0",
-    "@taiga-ui/core": ">=2.61.0",
-    "@taiga-ui/i18n": ">=2.61.0",
+    "@taiga-ui/cdk": ">=2.62.0",
+    "@taiga-ui/core": ">=2.62.0",
+    "@taiga-ui/i18n": ">=2.62.0",
     "@tinkoff/ng-polymorpheus": ">=3.1.12 < 4",
     "rxjs": ">=6.0.0"
   },