@taiga-ui/core 3.58.0 → 3.59.0-canary.10da730

package/fesm2015/taiga-ui-core-components-data-list.mjs

@@ -0,0 +1,303 @@
+import { __decorate } from 'tslib';
+import * as i0 from '@angular/core';
+import { forwardRef, ElementRef, Component, ChangeDetectionStrategy, Optional, Inject, Self, Input, HostBinding, HostListener, ViewEncapsulation, ContentChildren, Directive, NgModule } from '@angular/core';
+import { tuiIsNativeFocused, EMPTY_QUERY, tuiQueryListChanges, tuiMoveFocus, tuiIsNativeFocusedIn, tuiSetNativeMouseFocused, tuiIsPresent, tuiIsElement, tuiPure } from '@taiga-ui/cdk';
+import * as i3$1 from '@taiga-ui/core/directives';
+import { TUI_TEXTFIELD_WATCHED_CONTROLLER, TEXTFIELD_CONTROLLER_PROVIDER } from '@taiga-ui/core/directives';
+import { TUI_OPTION_CONTENT, TUI_DATA_LIST_HOST, TUI_COMMON_ICONS, TUI_NOTHING_FOUND_MESSAGE, tuiAsDataListAccessor } from '@taiga-ui/core/tokens';
+import * as i4 from 'rxjs';
+import { map } from 'rxjs';
+import * as i5 from '@taiga-ui/core/directives/dropdown';
+import { TuiDropdownDirective } from '@taiga-ui/core/directives/dropdown';
+import { shouldCall } from '@tinkoff/ng-event-plugins';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@taiga-ui/core/components/svg';
+import { TuiSvgModule } from '@taiga-ui/core/components/svg';
+import * as i3 from '@tinkoff/ng-polymorpheus';
+import { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
+
+function shouldFocus({ currentTarget }) {
+    return !tuiIsNativeFocused(currentTarget);
+}
+// TODO: Consider all use cases for aria roles
+class TuiOptionComponent {
+    constructor(content, dataList, el, host, dropdown, icons) {
+        this.content = content;
+        this.dataList = dataList;
+        this.el = el;
+        this.host = host;
+        this.dropdown = dropdown;
+        this.icons = icons;
+        /** @deprecated use size on {@link TuiDataListComponent} instead */
+        this.size = null;
+        this.role = 'option';
+        this.disabled = false;
+    }
+    get active() {
+        return !!this.dropdown && !!this.dropdown.dropdownBoxRef;
+    }
+    onClick() {
+        if (this.host && this.value !== undefined) {
+            this.host.handleOption(this.value);
+        }
+    }
+    // @bad TODO: Consider aria-activedescendant for proper accessibility implementation
+    onMouseMove({ currentTarget }) {
+        currentTarget.focus({ preventScroll: true });
+    }
+    // Preventing focus loss upon focused option removal
+    ngOnDestroy() {
+        var _a;
+        (_a = this.dataList) === null || _a === void 0 ? void 0 : _a.handleFocusLossIfNecessary(this.el.nativeElement);
+    }
+}
+TuiOptionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiOptionComponent, deps: [{ token: TUI_OPTION_CONTENT, optional: true }, { token: forwardRef(() => TuiDataListComponent), optional: true }, { token: ElementRef }, { token: TUI_DATA_LIST_HOST, optional: true }, { token: TuiDropdownDirective, optional: true, self: true }, { token: TUI_COMMON_ICONS }], target: i0.ɵɵFactoryTarget.Component });
+TuiOptionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TuiOptionComponent, selector: "button[tuiOption], a[tuiOption]", inputs: { size: "size", role: "role", disabled: "disabled", value: "value" }, host: { attributes: { "tabIndex": "-1", "type": "button" }, listeners: { "click": "onClick()", "mousemove.silent": "onMouseMove($event)" }, properties: { "attr.disabled": "disabled || null", "attr.data-size": "this.size", "attr.role": "this.role", "class._with-dropdown": "this.active" } }, ngImport: i0, template: "<ng-container *polymorpheusOutlet=\"content || base as text; context: {$implicit: base}\">\n    {{ text }}\n</ng-container>\n<ng-template #base>\n    <ng-content></ng-content>\n    <tui-svg\n        *ngIf=\"dropdown\"\n        class=\"t-arrow\"\n        [src]=\"icons.more\"\n    ></tui-svg>\n</ng-template>\n", styles: [":host{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;justify-content:space-between;text-align:left;color:var(--tui-text-01);border-radius:var(--tui-radius-s);outline:none;cursor:pointer;background-clip:padding-box}:host:disabled{opacity:var(--tui-disabled-opacity);cursor:default}:host:focus,:host._with-dropdown{background-color:var(--tui-clear)}:host :host-context([data-list-size=\"s\"]),:host :host-context([data-list-size=\"xs\"]),:host[data-size=s][data-size=s],:host[data-size=xs][data-size=xs]{display:flex;align-items:center;box-sizing:border-box;margin:var(--tui-data-list-margin) 0;font:var(--tui-font-text-s);min-height:2rem;padding:.3125rem .5rem}:host :host-context([data-list-size=\"m\"]),:host[data-size=m][data-size=m]{display:flex;align-items:center;box-sizing:border-box;margin:var(--tui-data-list-margin) 0;font:var(--tui-font-text-s);min-height:2.5rem;padding:.375rem .5rem}:host :host-context([data-list-size=\"l\"]),:host[data-size=l][data-size=l]{display:flex;align-items:center;box-sizing:border-box;margin:var(--tui-data-list-margin) 0;font:var(--tui-font-text-m);min-height:2.75rem;padding:.375rem .625rem}.t-arrow{margin:0 -.5rem 0 .75rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.TuiSvgComponent, selector: "tui-svg", inputs: ["src"] }, { kind: "directive", type: i3.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+__decorate([
+    shouldCall(shouldFocus)
+], TuiOptionComponent.prototype, "onMouseMove", null);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiOptionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'button[tuiOption], a[tuiOption]', changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        tabIndex: '-1',
+                        type: 'button',
+                        '[attr.disabled]': 'disabled || null',
+                    }, template: "<ng-container *polymorpheusOutlet=\"content || base as text; context: {$implicit: base}\">\n    {{ text }}\n</ng-container>\n<ng-template #base>\n    <ng-content></ng-content>\n    <tui-svg\n        *ngIf=\"dropdown\"\n        class=\"t-arrow\"\n        [src]=\"icons.more\"\n    ></tui-svg>\n</ng-template>\n", styles: [":host{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;justify-content:space-between;text-align:left;color:var(--tui-text-01);border-radius:var(--tui-radius-s);outline:none;cursor:pointer;background-clip:padding-box}:host:disabled{opacity:var(--tui-disabled-opacity);cursor:default}:host:focus,:host._with-dropdown{background-color:var(--tui-clear)}:host :host-context([data-list-size=\"s\"]),:host :host-context([data-list-size=\"xs\"]),:host[data-size=s][data-size=s],:host[data-size=xs][data-size=xs]{display:flex;align-items:center;box-sizing:border-box;margin:var(--tui-data-list-margin) 0;font:var(--tui-font-text-s);min-height:2rem;padding:.3125rem .5rem}:host :host-context([data-list-size=\"m\"]),:host[data-size=m][data-size=m]{display:flex;align-items:center;box-sizing:border-box;margin:var(--tui-data-list-margin) 0;font:var(--tui-font-text-s);min-height:2.5rem;padding:.375rem .5rem}:host :host-context([data-list-size=\"l\"]),:host[data-size=l][data-size=l]{display:flex;align-items:center;box-sizing:border-box;margin:var(--tui-data-list-margin) 0;font:var(--tui-font-text-m);min-height:2.75rem;padding:.375rem .625rem}.t-arrow{margin:0 -.5rem 0 .75rem}\n"] }]
+        }], ctorParameters: function () {
+        return [{ type: undefined, decorators: [{
+                        type: Optional
+                    }, {
+                        type: Inject,
+                        args: [TUI_OPTION_CONTENT]
+                    }] }, { type: TuiDataListComponent, decorators: [{
+                        type: Optional
+                    }, {
+                        type: Inject,
+                        args: [forwardRef(() => TuiDataListComponent)]
+                    }] }, { type: i0.ElementRef, decorators: [{
+                        type: Inject,
+                        args: [ElementRef]
+                    }] }, { type: undefined, decorators: [{
+                        type: Optional
+                    }, {
+                        type: Inject,
+                        args: [TUI_DATA_LIST_HOST]
+                    }] }, { type: i5.TuiDropdownDirective, decorators: [{
+                        type: Optional
+                    }, {
+                        type: Self
+                    }, {
+                        type: Inject,
+                        args: [TuiDropdownDirective]
+                    }] }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [TUI_COMMON_ICONS]
+                    }] }];
+    }, propDecorators: { size: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['attr.data-size']
+            }], role: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['attr.role']
+            }], disabled: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], active: [{
+                type: HostBinding,
+                args: ['class._with-dropdown']
+            }], onClick: [{
+                type: HostListener,
+                args: ['click']
+            }], onMouseMove: [{
+                type: HostListener,
+                args: ['mousemove.silent', ['$event']]
+            }] } });
+
+// TODO: Consider aria-activedescendant for proper accessibility implementation
+class TuiDataListComponent {
+    constructor(controller, el, defaultEmptyContent$) {
+        var _a;
+        this.controller = controller;
+        this.el = el;
+        this.defaultEmptyContent$ = defaultEmptyContent$;
+        this.options = EMPTY_QUERY;
+        this.role = 'listbox';
+        this.size = ((_a = this.controller) === null || _a === void 0 ? void 0 : _a.size) || 'm';
+    }
+    get empty$() {
+        return tuiQueryListChanges(this.options).pipe(map(({ length }) => !length));
+    }
+    onFocusIn(relatedTarget, currentTarget) {
+        if (!currentTarget.contains(relatedTarget) && !this.origin) {
+            this.origin = relatedTarget;
+        }
+    }
+    noop() { }
+    onKeyDownArrow(current, step) {
+        const { elements } = this;
+        tuiMoveFocus(elements.indexOf(current), elements, step);
+    }
+    // TODO: Consider aria-activedescendant for proper accessibility implementation
+    handleFocusLossIfNecessary(element = this.el.nativeElement) {
+        if (this.origin && tuiIsNativeFocusedIn(element)) {
+            tuiSetNativeMouseFocused(this.origin, true, true);
+        }
+    }
+    getOptions(includeDisabled = false) {
+        return this.options
+            .filter(({ disabled }) => includeDisabled || !disabled)
+            .map(({ value }) => value)
+            .filter(tuiIsPresent);
+    }
+    onFocus({ target }, top) {
+        if (!tuiIsElement(target)) {
+            return;
+        }
+        const { elements } = this;
+        tuiMoveFocus(top ? -1 : elements.length, elements, top ? 1 : -1);
+        this.handleFocusLossIfNecessary(target);
+    }
+    get elements() {
+        return Array.from(this.el.nativeElement.querySelectorAll('[tuiOption]'));
+    }
+}
+TuiDataListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiDataListComponent, deps: [{ token: TUI_TEXTFIELD_WATCHED_CONTROLLER, optional: true }, { token: ElementRef }, { token: TUI_NOTHING_FOUND_MESSAGE }], target: i0.ɵɵFactoryTarget.Component });
+TuiDataListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TuiDataListComponent, selector: "tui-data-list", inputs: { role: "role", emptyContent: "emptyContent", size: "size" }, host: { listeners: { "focusin": "onFocusIn($event.relatedTarget,$event.currentTarget)", "mousedown.prevent": "noop()", "keydown.arrowDown.prevent": "onKeyDownArrow($event.target,1)", "keydown.arrowUp.prevent": "onKeyDownArrow($event.target,-1)", "wheel.silent.passive": "handleFocusLossIfNecessary()", "mouseleave": "handleFocusLossIfNecessary($event.target)" }, properties: { "attr.role": "this.role", "attr.data-list-size": "this.size" } }, providers: [
+        tuiAsDataListAccessor(TuiDataListComponent),
+        TEXTFIELD_CONTROLLER_PROVIDER,
+    ], queries: [{ propertyName: "options", predicate: i0.forwardRef(function () { return TuiOptionComponent; }), descendants: true }], ngImport: i0, template: "<div\n    tabindex=\"0\"\n    class=\"t-trap\"\n    (focusin)=\"onFocus($event, true)\"\n></div>\n<ng-content></ng-content>\n<div\n    *ngIf=\"empty$ | async\"\n    class=\"t-empty\"\n>\n    <ng-container *polymorpheusOutlet=\"emptyContent || (defaultEmptyContent$ | async) as text\">\n        {{ text }}\n    </ng-container>\n</div>\n<div\n    tabindex=\"0\"\n    class=\"t-trap\"\n    (focusin)=\"onFocus($event, false)\"\n></div>\n", styles: ["tui-data-list{--tui-data-list-padding: .25rem;--tui-data-list-margin: .0625rem;display:flex;font:var(--tui-font-text-m);flex-direction:column;padding:calc(var(--tui-data-list-padding) - var(--tui-data-list-margin)) var(--tui-data-list-padding);color:var(--tui-text-03)}tui-data-list:focus-within .t-trap{display:none}tui-data-list:focus-within [tuiOption]._with-dropdown:not(:focus){background-color:transparent}tui-data-list[data-list-size=s]{--tui-data-list-margin: 0rem}tui-data-list[data-list-size=s]>.t-empty{display:flex;align-items:center;box-sizing:border-box;margin:var(--tui-data-list-margin) 0;font:var(--tui-font-text-s);min-height:2rem;padding:.3125rem .5rem}tui-data-list[data-list-size=m]>.t-empty{display:flex;align-items:center;box-sizing:border-box;margin:var(--tui-data-list-margin) 0;font:var(--tui-font-text-s);min-height:2.5rem;padding:.375rem .5rem}tui-data-list[data-list-size=l]{--tui-data-list-padding: .375rem;--tui-data-list-margin: .125rem}tui-data-list[data-list-size=l]>.t-empty{display:flex;align-items:center;box-sizing:border-box;margin:var(--tui-data-list-margin) 0;font:var(--tui-font-text-m);min-height:2.75rem;padding:.375rem .625rem}tui-opt-group{position:relative;display:flex;font:var(--tui-font-text-xs);color:var(--tui-text-02);flex-direction:column;line-height:1rem}tui-data-list[data-list-size=l] tui-opt-group{font:var(--tui-font-text-s);line-height:1.25rem}tui-data-list[data-list-size=l] tui-opt-group:before{padding-left:.625rem;padding-right:.625rem}tui-data-list[data-list-size=l] tui-opt-group:after{left:.625rem;right:.625rem}tui-opt-group:empty:before,tui-opt-group:empty:after{display:none}tui-opt-group:before{content:attr(data-label);padding:var(--tui-data-list-padding) .5rem var(--tui-data-list-padding);margin:var(--tui-data-list-margin) 0;white-space:normal;word-break:break-word}tui-opt-group:after{position:absolute;left:.5rem;right:.5rem;top:var(--tui-data-list-padding);height:1px;background:var(--tui-base-03)}tui-opt-group:not(:empty)~tui-opt-group:before{padding-top:calc(.75rem + var(--tui-data-list-padding))}tui-opt-group:not(:empty)~tui-opt-group[data-label=\"\"]:before,tui-opt-group:not(:empty)~tui-opt-group:not([data-label]):before{padding:var(--tui-data-list-padding) 0}tui-opt-group:not(:empty)~tui-opt-group:after{content:\"\"}tui-opt-group[data-label=\"\"]:before,tui-opt-group:not([data-label]):before{padding:0;margin:0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+__decorate([
+    tuiPure
+], TuiDataListComponent.prototype, "empty$", null);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiDataListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tui-data-list', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        tuiAsDataListAccessor(TuiDataListComponent),
+                        TEXTFIELD_CONTROLLER_PROVIDER,
+                    ], template: "<div\n    tabindex=\"0\"\n    class=\"t-trap\"\n    (focusin)=\"onFocus($event, true)\"\n></div>\n<ng-content></ng-content>\n<div\n    *ngIf=\"empty$ | async\"\n    class=\"t-empty\"\n>\n    <ng-container *polymorpheusOutlet=\"emptyContent || (defaultEmptyContent$ | async) as text\">\n        {{ text }}\n    </ng-container>\n</div>\n<div\n    tabindex=\"0\"\n    class=\"t-trap\"\n    (focusin)=\"onFocus($event, false)\"\n></div>\n", styles: ["tui-data-list{--tui-data-list-padding: .25rem;--tui-data-list-margin: .0625rem;display:flex;font:var(--tui-font-text-m);flex-direction:column;padding:calc(var(--tui-data-list-padding) - var(--tui-data-list-margin)) var(--tui-data-list-padding);color:var(--tui-text-03)}tui-data-list:focus-within .t-trap{display:none}tui-data-list:focus-within [tuiOption]._with-dropdown:not(:focus){background-color:transparent}tui-data-list[data-list-size=s]{--tui-data-list-margin: 0rem}tui-data-list[data-list-size=s]>.t-empty{display:flex;align-items:center;box-sizing:border-box;margin:var(--tui-data-list-margin) 0;font:var(--tui-font-text-s);min-height:2rem;padding:.3125rem .5rem}tui-data-list[data-list-size=m]>.t-empty{display:flex;align-items:center;box-sizing:border-box;margin:var(--tui-data-list-margin) 0;font:var(--tui-font-text-s);min-height:2.5rem;padding:.375rem .5rem}tui-data-list[data-list-size=l]{--tui-data-list-padding: .375rem;--tui-data-list-margin: .125rem}tui-data-list[data-list-size=l]>.t-empty{display:flex;align-items:center;box-sizing:border-box;margin:var(--tui-data-list-margin) 0;font:var(--tui-font-text-m);min-height:2.75rem;padding:.375rem .625rem}tui-opt-group{position:relative;display:flex;font:var(--tui-font-text-xs);color:var(--tui-text-02);flex-direction:column;line-height:1rem}tui-data-list[data-list-size=l] tui-opt-group{font:var(--tui-font-text-s);line-height:1.25rem}tui-data-list[data-list-size=l] tui-opt-group:before{padding-left:.625rem;padding-right:.625rem}tui-data-list[data-list-size=l] tui-opt-group:after{left:.625rem;right:.625rem}tui-opt-group:empty:before,tui-opt-group:empty:after{display:none}tui-opt-group:before{content:attr(data-label);padding:var(--tui-data-list-padding) .5rem var(--tui-data-list-padding);margin:var(--tui-data-list-margin) 0;white-space:normal;word-break:break-word}tui-opt-group:after{position:absolute;left:.5rem;right:.5rem;top:var(--tui-data-list-padding);height:1px;background:var(--tui-base-03)}tui-opt-group:not(:empty)~tui-opt-group:before{padding-top:calc(.75rem + var(--tui-data-list-padding))}tui-opt-group:not(:empty)~tui-opt-group[data-label=\"\"]:before,tui-opt-group:not(:empty)~tui-opt-group:not([data-label]):before{padding:var(--tui-data-list-padding) 0}tui-opt-group:not(:empty)~tui-opt-group:after{content:\"\"}tui-opt-group[data-label=\"\"]:before,tui-opt-group:not([data-label]):before{padding:0;margin:0}\n"] }]
+        }], ctorParameters: function () {
+        return [{ type: i3$1.TuiTextfieldController, decorators: [{
+                        type: Optional
+                    }, {
+                        type: Inject,
+                        args: [TUI_TEXTFIELD_WATCHED_CONTROLLER]
+                    }] }, { type: i0.ElementRef, decorators: [{
+                        type: Inject,
+                        args: [ElementRef]
+                    }] }, { type: i4.Observable, decorators: [{
+                        type: Inject,
+                        args: [TUI_NOTHING_FOUND_MESSAGE]
+                    }] }];
+    }, propDecorators: { options: [{
+                type: ContentChildren,
+                args: [forwardRef(() => TuiOptionComponent), { descendants: true }]
+            }], role: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['attr.role']
+            }], emptyContent: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['attr.data-list-size']
+            }], empty$: [], onFocusIn: [{
+                type: HostListener,
+                args: ['focusin', ['$event.relatedTarget', '$event.currentTarget']]
+            }], noop: [{
+                type: HostListener,
+                args: ['mousedown.prevent']
+            }], onKeyDownArrow: [{
+                type: HostListener,
+                args: ['keydown.arrowDown.prevent', ['$event.target', '1']]
+            }, {
+                type: HostListener,
+                args: ['keydown.arrowUp.prevent', ['$event.target', '-1']]
+            }], handleFocusLossIfNecessary: [{
+                type: HostListener,
+                args: ['wheel.silent.passive']
+            }, {
+                type: HostListener,
+                args: ['mouseleave', ['$event.target']]
+            }] } });
+
+class TuiDataListDirective {
+}
+TuiDataListDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiDataListDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+TuiDataListDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: TuiDataListDirective, selector: "ng-template[tuiDataList]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiDataListDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[tuiDataList]',
+                }]
+        }] });
+function tuiAsDataList(useExisting) {
+    return {
+        provide: TuiDataListDirective,
+        useExisting,
+    };
+}
+
+class TuiOptGroupDirective {
+}
+TuiOptGroupDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiOptGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+TuiOptGroupDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: TuiOptGroupDirective, selector: "tui-opt-group", inputs: { label: "label" }, host: { attributes: { "role": "group" }, properties: { "attr.data-label": "this.label" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiOptGroupDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'tui-opt-group',
+                    host: {
+                        role: 'group',
+                    },
+                }]
+        }], propDecorators: { label: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['attr.data-label']
+            }] } });
+
+class TuiDataListModule {
+}
+TuiDataListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiDataListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TuiDataListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: TuiDataListModule, declarations: [TuiDataListComponent,
+        TuiOptionComponent,
+        TuiOptGroupDirective,
+        TuiDataListDirective], imports: [CommonModule, TuiSvgModule, PolymorpheusModule], exports: [TuiDataListComponent,
+        TuiOptionComponent,
+        TuiOptGroupDirective,
+        TuiDataListDirective] });
+TuiDataListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiDataListModule, imports: [CommonModule, TuiSvgModule, PolymorpheusModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiDataListModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, TuiSvgModule, PolymorpheusModule],
+                    declarations: [
+                        TuiDataListComponent,
+                        TuiOptionComponent,
+                        TuiOptGroupDirective,
+                        TuiDataListDirective,
+                    ],
+                    exports: [
+                        TuiDataListComponent,
+                        TuiOptionComponent,
+                        TuiOptGroupDirective,
+                        TuiDataListDirective,
+                    ],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TuiDataListComponent, TuiDataListDirective, TuiDataListModule, TuiOptGroupDirective, TuiOptionComponent, tuiAsDataList };
+//# sourceMappingURL=taiga-ui-core-components-data-list.mjs.map

package/fesm2015/taiga-ui-core-components-data-list.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"taiga-ui-core-components-data-list.mjs","sources":["../../../projects/core/components/data-list/option/option.component.ts","../../../projects/core/components/data-list/option/option.template.html","../../../projects/core/components/data-list/data-list.component.ts","../../../projects/core/components/data-list/data-list.template.html","../../../projects/core/components/data-list/data-list.directive.ts","../../../projects/core/components/data-list/opt-group.directive.ts","../../../projects/core/components/data-list/data-list.module.ts","../../../projects/core/components/data-list/taiga-ui-core-components-data-list.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    forwardRef,\n    HostBinding,\n    HostListener,\n    Inject,\n    Input,\n    OnDestroy,\n    Optional,\n    Self,\n    TemplateRef,\n} from '@angular/core';\nimport {TuiContextWithImplicit, TuiEventWith, tuiIsNativeFocused} from '@taiga-ui/cdk';\nimport {TuiDropdownDirective} from '@taiga-ui/core/directives/dropdown';\nimport {TuiDataListHost} from '@taiga-ui/core/interfaces';\nimport {\n    TUI_COMMON_ICONS,\n    TUI_DATA_LIST_HOST,\n    TUI_OPTION_CONTENT,\n    TuiCommonIcons,\n} from '@taiga-ui/core/tokens';\nimport {TuiOptionRole, TuiSizeL, TuiSizeXS} from '@taiga-ui/core/types';\nimport {shouldCall} from '@tinkoff/ng-event-plugins';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiDataListComponent} from '../data-list.component';\n\nfunction shouldFocus({currentTarget}: TuiEventWith<MouseEvent, HTMLElement>): boolean {\n    return !tuiIsNativeFocused(currentTarget);\n}\n\n// TODO: Consider all use cases for aria roles\n@Component({\n    selector: 'button[tuiOption], a[tuiOption]',\n    templateUrl: './option.template.html',\n    styleUrls: ['./option.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        tabIndex: '-1',\n        type: 'button',\n        '[attr.disabled]': 'disabled || null',\n    },\n})\nexport class TuiOptionComponent<T = unknown> implements OnDestroy {\n    /** @deprecated use size on {@link TuiDataListComponent} instead */\n    @Input()\n    @HostBinding('attr.data-size')\n    size: TuiSizeL | TuiSizeXS | null = null;\n\n    @Input()\n    @HostBinding('attr.role')\n    role: TuiOptionRole = 'option';\n\n    @Input()\n    disabled = false;\n\n    @Input()\n    value?: T;\n\n    constructor(\n        @Optional()\n        @Inject(TUI_OPTION_CONTENT)\n        readonly content: PolymorpheusContent<\n            TuiContextWithImplicit<TemplateRef<Record<string, unknown>>>\n        > | null,\n        @Optional()\n        @Inject(forwardRef(() => TuiDataListComponent))\n        private readonly dataList: TuiDataListComponent<T> | null,\n        @Inject(ElementRef) private readonly el: ElementRef<HTMLElement>,\n        @Optional()\n        @Inject(TUI_DATA_LIST_HOST)\n        private readonly host: TuiDataListHost<T> | null,\n        @Optional()\n        @Self()\n        @Inject(TuiDropdownDirective)\n        readonly dropdown: TuiDropdownDirective | null,\n        @Inject(TUI_COMMON_ICONS) readonly icons: TuiCommonIcons,\n    ) {}\n\n    @HostBinding('class._with-dropdown')\n    get active(): boolean {\n        return !!this.dropdown && !!this.dropdown.dropdownBoxRef;\n    }\n\n    @HostListener('click')\n    onClick(): void {\n        if (this.host && this.value !== undefined) {\n            this.host.handleOption(this.value);\n        }\n    }\n\n    // @bad TODO: Consider aria-activedescendant for proper accessibility implementation\n    @shouldCall(shouldFocus)\n    @HostListener('mousemove.silent', ['$event'])\n    onMouseMove({currentTarget}: TuiEventWith<MouseEvent, HTMLElement>): void {\n        currentTarget.focus({preventScroll: true});\n    }\n\n    // Preventing focus loss upon focused option removal\n    ngOnDestroy(): void {\n        this.dataList?.handleFocusLossIfNecessary(this.el.nativeElement);\n    }\n}\n","<ng-container *polymorpheusOutlet=\"content || base as text; context: {$implicit: base}\">\n    {{ text }}\n</ng-container>\n<ng-template #base>\n    <ng-content></ng-content>\n    <tui-svg\n        *ngIf=\"dropdown\"\n        class=\"t-arrow\"\n        [src]=\"icons.more\"\n    ></tui-svg>\n</ng-template>\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    ContentChildren,\n    ElementRef,\n    forwardRef,\n    HostBinding,\n    HostListener,\n    Inject,\n    Input,\n    Optional,\n    QueryList,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {\n    EMPTY_QUERY,\n    tuiIsElement,\n    tuiIsNativeFocusedIn,\n    tuiIsPresent,\n    tuiMoveFocus,\n    tuiPure,\n    tuiQueryListChanges,\n    tuiSetNativeMouseFocused,\n} from '@taiga-ui/cdk';\nimport {\n    TEXTFIELD_CONTROLLER_PROVIDER,\n    TUI_TEXTFIELD_WATCHED_CONTROLLER,\n    TuiTextfieldController,\n} from '@taiga-ui/core/directives';\nimport {TuiDataListAccessor} from '@taiga-ui/core/interfaces';\nimport {TUI_NOTHING_FOUND_MESSAGE, tuiAsDataListAccessor} from '@taiga-ui/core/tokens';\nimport {TuiDataListRole} from '@taiga-ui/core/types';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\nimport {map, Observable} from 'rxjs';\n\nimport {TuiOptionComponent} from './option/option.component';\n\n// TODO: Consider aria-activedescendant for proper accessibility implementation\n@Component({\n    selector: 'tui-data-list',\n    templateUrl: './data-list.template.html',\n    styleUrls: ['./data-list.style.less'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        tuiAsDataListAccessor(TuiDataListComponent),\n        TEXTFIELD_CONTROLLER_PROVIDER,\n    ],\n})\nexport class TuiDataListComponent<T> implements TuiDataListAccessor<T> {\n    @ContentChildren(forwardRef(() => TuiOptionComponent), {descendants: true})\n    private readonly options: QueryList<TuiOptionComponent<T>> = EMPTY_QUERY;\n\n    private origin?: HTMLElement;\n\n    @Input()\n    @HostBinding('attr.role')\n    role: TuiDataListRole = 'listbox';\n\n    @Input()\n    emptyContent: PolymorpheusContent;\n\n    @Input()\n    @HostBinding('attr.data-list-size')\n    size = this.controller?.size || 'm';\n\n    constructor(\n        @Optional()\n        @Inject(TUI_TEXTFIELD_WATCHED_CONTROLLER)\n        private readonly controller: TuiTextfieldController | null,\n        @Inject(ElementRef) private readonly el: ElementRef<HTMLElement>,\n        @Inject(TUI_NOTHING_FOUND_MESSAGE)\n        readonly defaultEmptyContent$: Observable<string>,\n    ) {}\n\n    @tuiPure\n    get empty$(): Observable<boolean> {\n        return tuiQueryListChanges(this.options).pipe(map(({length}) => !length));\n    }\n\n    @HostListener('focusin', ['$event.relatedTarget', '$event.currentTarget'])\n    onFocusIn(relatedTarget: HTMLElement, currentTarget: HTMLElement): void {\n        if (!currentTarget.contains(relatedTarget) && !this.origin) {\n            this.origin = relatedTarget;\n        }\n    }\n\n    @HostListener('mousedown.prevent')\n    noop(): void {}\n\n    @HostListener('keydown.arrowDown.prevent', ['$event.target', '1'])\n    @HostListener('keydown.arrowUp.prevent', ['$event.target', '-1'])\n    onKeyDownArrow(current: HTMLElement, step: number): void {\n        const {elements} = this;\n\n        tuiMoveFocus(elements.indexOf(current), elements, step);\n    }\n\n    // TODO: Consider aria-activedescendant for proper accessibility implementation\n    @HostListener('wheel.silent.passive')\n    @HostListener('mouseleave', ['$event.target'])\n    handleFocusLossIfNecessary(element: Element = this.el.nativeElement): void {\n        if (this.origin && tuiIsNativeFocusedIn(element)) {\n            tuiSetNativeMouseFocused(this.origin, true, true);\n        }\n    }\n\n    getOptions(includeDisabled: boolean = false): readonly T[] {\n        return this.options\n            .filter(({disabled}) => includeDisabled || !disabled)\n            .map(({value}) => value)\n            .filter(tuiIsPresent);\n    }\n\n    onFocus({target}: Event, top: boolean): void {\n        if (!tuiIsElement(target)) {\n            return;\n        }\n\n        const {elements} = this;\n\n        tuiMoveFocus(top ? -1 : elements.length, elements, top ? 1 : -1);\n        this.handleFocusLossIfNecessary(target);\n    }\n\n    private get elements(): readonly HTMLElement[] {\n        return Array.from(this.el.nativeElement.querySelectorAll('[tuiOption]'));\n    }\n}\n","<div\n    tabindex=\"0\"\n    class=\"t-trap\"\n    (focusin)=\"onFocus($event, true)\"\n></div>\n<ng-content></ng-content>\n<div\n    *ngIf=\"empty$ | async\"\n    class=\"t-empty\"\n>\n    <ng-container *polymorpheusOutlet=\"emptyContent || (defaultEmptyContent$ | async) as text\">\n        {{ text }}\n    </ng-container>\n</div>\n<div\n    tabindex=\"0\"\n    class=\"t-trap\"\n    (focusin)=\"onFocus($event, false)\"\n></div>\n","import {Directive, Provider, Type} from '@angular/core';\n\n@Directive({\n    selector: 'ng-template[tuiDataList]',\n})\nexport class TuiDataListDirective {}\n\nexport function tuiAsDataList(useExisting: Type<TuiDataListDirective>): Provider {\n    return {\n        provide: TuiDataListDirective,\n        useExisting,\n    };\n}\n","import {Directive, HostBinding, Input} from '@angular/core';\n\n@Directive({\n    selector: 'tui-opt-group',\n    host: {\n        role: 'group',\n    },\n})\nexport class TuiOptGroupDirective {\n    @Input()\n    @HostBinding('attr.data-label')\n    label?: string | null;\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiSvgModule} from '@taiga-ui/core/components/svg';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiDataListComponent} from './data-list.component';\nimport {TuiDataListDirective} from './data-list.directive';\nimport {TuiOptGroupDirective} from './opt-group.directive';\nimport {TuiOptionComponent} from './option/option.component';\n\n@NgModule({\n    imports: [CommonModule, TuiSvgModule, PolymorpheusModule],\n    declarations: [\n        TuiDataListComponent,\n        TuiOptionComponent,\n        TuiOptGroupDirective,\n        TuiDataListDirective,\n    ],\n    exports: [\n        TuiDataListComponent,\n        TuiOptionComponent,\n        TuiOptGroupDirective,\n        TuiDataListDirective,\n    ],\n})\nexport class TuiDataListModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i2"],"mappings":"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"}

package/fesm2015/taiga-ui-core-components-dialog.mjs

@@ -0,0 +1,244 @@
+import * as i0 from '@angular/core';
+import { ElementRef, Injectable, Inject, Component, ChangeDetectionStrategy, Self, HostBinding, inject, Directive, NgModule } from '@angular/core';
+import * as i4 from '@taiga-ui/cdk';
+import { tuiCreateToken, tuiProvideOptions, tuiTypedFromEvent, tuiGetActualTarget, tuiIsElement, tuiContainsOrAfter, ALWAYS_TRUE_HANDLER, TUI_IS_MOBILE, TuiDestroyService, AbstractTuiDialogService, AbstractTuiDialogDirective, TuiAutoFocusModule, tuiAsDialog } from '@taiga-ui/cdk';
+import { tuiSlideInTop, tuiFadeIn } from '@taiga-ui/core/animations';
+import { TUI_ANIMATIONS_DURATION, TUI_CLOSE_WORD, TUI_COMMON_ICONS } from '@taiga-ui/core/tokens';
+import * as i1 from '@tinkoff/ng-polymorpheus';
+import { POLYMORPHEUS_CONTEXT, PolymorpheusComponent, PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
+import * as i5 from 'rxjs';
+import { EMPTY, Observable, merge, filter, switchMap, take, map, isObservable, of, Subject, takeUntil } from 'rxjs';
+import * as i3 from '@angular/common';
+import { DOCUMENT, CommonModule } from '@angular/common';
+import { WINDOW } from '@ng-web-apis/common';
+import { tuiGetViewportWidth } from '@taiga-ui/core/utils';
+import * as i2 from '@taiga-ui/core/components/button';
+import { TuiButtonModule } from '@taiga-ui/core/components/button';
+
+const TUI_DIALOG_DEFAULT_OPTIONS = {
+    size: `m`,
+    required: false,
+    closeable: true,
+    dismissible: true,
+    label: ``,
+    header: ``,
+};
+/**
+ * A stream to close dialogs
+ */
+const TUI_DIALOGS_CLOSE = tuiCreateToken(EMPTY);
+/**
+ * Default parameters for dialog component
+ */
+const TUI_DIALOG_OPTIONS = tuiCreateToken(TUI_DIALOG_DEFAULT_OPTIONS);
+function tuiDialogOptionsProvider(options) {
+    return tuiProvideOptions(TUI_DIALOG_OPTIONS, options, TUI_DIALOG_DEFAULT_OPTIONS);
+}
+
+const SCROLLBAR_PLACEHOLDER = 17;
+class TuiDialogCloseService extends Observable {
+    constructor(win, doc, el) {
+        super(subscriber => merge(this.esc$, this.mousedown$).subscribe(subscriber));
+        this.win = win;
+        this.doc = doc;
+        this.el = el;
+        this.esc$ = tuiTypedFromEvent(this.doc, `keydown`).pipe(filter(event => {
+            const target = tuiGetActualTarget(event);
+            return (event.key === `Escape` &&
+                !event.defaultPrevented &&
+                (this.element.contains(target) || this.isOutside(target)));
+        }));
+        this.mousedown$ = tuiTypedFromEvent(this.doc, `mousedown`).pipe(filter(event => tuiGetViewportWidth(this.win) - event.clientX > SCROLLBAR_PLACEHOLDER &&
+            this.isOutside(tuiGetActualTarget(event))), switchMap(() => tuiTypedFromEvent(this.doc, `mouseup`).pipe(take(1), map(tuiGetActualTarget), filter(target => this.isOutside(target)))));
+    }
+    get element() {
+        return this.el.nativeElement;
+    }
+    isOutside(target) {
+        return (tuiIsElement(target) &&
+            (!tuiContainsOrAfter(this.element, target) || target === this.element));
+    }
+}
+TuiDialogCloseService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiDialogCloseService, deps: [{ token: WINDOW }, { token: DOCUMENT }, { token: ElementRef }], target: i0.ɵɵFactoryTarget.Injectable });
+TuiDialogCloseService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiDialogCloseService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiDialogCloseService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () {
+        return [{ type: Window, decorators: [{
+                        type: Inject,
+                        args: [WINDOW]
+                    }] }, { type: Document, decorators: [{
+                        type: Inject,
+                        args: [DOCUMENT]
+                    }] }, { type: i0.ElementRef, decorators: [{
+                        type: Inject,
+                        args: [ElementRef]
+                    }] }];
+    } });
+
+const REQUIRED_ERROR = new Error('Required dialog was dismissed');
+function toObservable(valueOrStream) {
+    return isObservable(valueOrStream) ? valueOrStream : of(valueOrStream);
+}
+class TuiDialogComponent {
+    constructor(duration, isMobile, context, destroy$, dialogClose$, close$, closeWord$, icons) {
+        this.duration = duration;
+        this.isMobile = isMobile;
+        this.context = context;
+        this.closeWord$ = closeWord$;
+        this.icons = icons;
+        this.animation = {
+            value: '',
+            params: {
+                start: '40px',
+                duration: this.duration,
+            },
+        };
+        this.fullscreenAnimation = {
+            value: '',
+            params: {
+                start: '100vh',
+                duration: this.duration,
+            },
+        };
+        this.close$ = new Subject();
+        merge(this.close$.pipe(switchMap(() => toObservable(context.closeable))), dialogClose$.pipe(switchMap(() => toObservable(context.dismissible))), close$.pipe(map(ALWAYS_TRUE_HANDLER)))
+            .pipe(filter(Boolean), takeUntil(destroy$))
+            .subscribe(() => {
+            this.close();
+        });
+    }
+    get size() {
+        return this.context.size;
+    }
+    get header() {
+        return this.context.header;
+    }
+    get slideInTop() {
+        return this.fullscreen || this.isMobile
+            ? this.fullscreenAnimation
+            : this.animation;
+    }
+    get fullscreen() {
+        return !this.isMobile && (this.size === 'fullscreen' || this.size === 'page');
+    }
+    close() {
+        if (this.context.required) {
+            this.context.$implicit.error(REQUIRED_ERROR);
+        }
+        else {
+            this.context.$implicit.complete();
+        }
+    }
+}
+TuiDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiDialogComponent, deps: [{ token: TUI_ANIMATIONS_DURATION }, { token: TUI_IS_MOBILE }, { token: POLYMORPHEUS_CONTEXT }, { token: TuiDestroyService, self: true }, { token: TuiDialogCloseService }, { token: TUI_DIALOGS_CLOSE }, { token: TUI_CLOSE_WORD }, { token: TUI_COMMON_ICONS }], target: i0.ɵɵFactoryTarget.Component });
+TuiDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TuiDialogComponent, selector: "tui-dialog", host: { properties: { "attr.data-appearance": "context.appearance", "attr.data-size": "this.size", "class._centered": "this.header", "@tuiSlideInTop": "this.slideInTop", "@tuiFadeIn": "this.slideInTop" } }, providers: [TuiDestroyService, TuiDialogCloseService], ngImport: i0, template: "<header\n    *ngIf=\"header\"\n    class=\"t-header\"\n>\n    <ng-container *polymorpheusOutlet=\"header as text; context: context\">\n        {{ text }}\n    </ng-container>\n</header>\n<div class=\"t-content\">\n    <h2\n        class=\"t-heading\"\n        [id]=\"context.id\"\n        [textContent]=\"context.label\"\n    ></h2>\n    <section>\n        <!-- TODO: Polymorpheus fix type -->\n        <ng-container *polymorpheusOutlet=\"$any(context.content) as text; context: context\">\n            <div [innerHTML]=\"text\"></div>\n            <div class=\"t-buttons\">\n                <button\n                    size=\"m\"\n                    tuiAutoFocus\n                    tuiButton\n                    type=\"button\"\n                    (click)=\"context.$implicit.complete()\"\n                >\n                    {{ $any(context.data)?.button || 'OK' }}\n                </button>\n            </div>\n        </ng-container>\n    </section>\n</div>\n<div class=\"t-filler\"></div>\n<div\n    *ngIf=\"context.closeable\"\n    class=\"t-wrapper\"\n>\n    <button\n        automation-id=\"tui-dialog__close\"\n        shape=\"rounded\"\n        size=\"s\"\n        tuiIconButton\n        type=\"button\"\n        class=\"t-close\"\n        [appearance]=\"fullscreen ? 'secondary' : ''\"\n        [icon]=\"icons.close\"\n        [title]=\"closeWord$ | async\"\n        (click)=\"close$.next()\"\n        (mousedown.prevent.silent)=\"(0)\"\n    ></button>\n</div>\n", styles: [":host{position:relative;display:flex;font:var(--tui-font-text-m);flex-direction:column;box-sizing:border-box;margin:auto;border-radius:1rem;border:2.5rem solid transparent}:host:after{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";border-radius:inherit;pointer-events:none;box-shadow:var(--tui-shadow-modal)}:host[data-size=auto]{width:auto}:host[data-size=s]{width:30rem}:host[data-size=s] .t-content{padding:1.5rem}:host[data-size=s] .t-heading{margin-bottom:.5rem;font:var(--tui-font-heading-5)}:host[data-size=m]{width:42.5rem}:host[data-size=m] .t-heading{margin-bottom:.75rem;font:var(--tui-font-heading-4)}:host[data-size=l]{width:55rem}:host[data-size=l] .t-heading{margin-bottom:1rem}:host[data-size=fullscreen],:host[data-size=page]{min-width:100vw;min-height:100%;border-radius:0;border:none;background:var(--tui-elevation-01);box-shadow:0 4rem var(--tui-elevation-01)}:host[data-size=fullscreen] .t-content,:host[data-size=page] .t-content{padding:3rem calc(50vw - 22.5rem)}:host[data-size=fullscreen] .t-heading,:host[data-size=page] .t-heading{margin-bottom:1rem}:host[data-size=page] .t-content{padding:0}:host._centered{text-align:center}:host :host-context(tui-root._mobile)[data-size]{min-width:100%;width:100%;max-width:100%;border-radius:0;border:none;margin:auto 0 0}:host :host-context(tui-root._mobile)[data-size] .t-content{padding:1.5rem}:host :host-context(tui-root._mobile)[data-size] .t-heading{margin-bottom:.5rem;font:var(--tui-font-heading-5)}.t-heading{margin:0;word-wrap:break-word;font:var(--tui-font-heading-3)}.t-heading:empty{display:none}.t-header{display:flex;border-top-left-radius:inherit;border-top-right-radius:inherit;overflow:hidden}:host[data-size=fullscreen] :host-context(tui-root._mobile) .t-header{flex:1}.t-content{border-radius:inherit;padding:2rem;background:var(--tui-elevation-01)}.t-content:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.t-wrapper{position:-webkit-sticky;position:sticky;top:0;z-index:1;order:-1}.t-filler{flex-grow:1}.t-close{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:fixed;top:1.5rem;right:1.5rem;display:none;color:var(--tui-base-01)}:host-context(.t-dialog:last-of-type) .t-close{display:block}:host:not([data-size=\"fullscreen\"]):not([data-size=\"page\"]) .t-close{animation:tuiFadeIn var(--tui-duration);background:rgba(104,104,104,.96)}:host:not([data-size=\"fullscreen\"]):not([data-size=\"page\"]) .t-close:hover{background:rgba(159,159,159,.86)}:host:not([data-size=\"fullscreen\"]).ng-animating .t-close{display:none}:host-context(tui-root._mobile) .t-close{position:absolute;top:0;right:0;background:transparent!important;color:var(--tui-text-01);opacity:.5}.t-buttons{margin-top:1.25rem;text-align:right}\n"], dependencies: [{ kind: "directive", type: i1.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "component", type: i2.TuiButtonComponent, selector: "button[tuiButton], button[tuiIconButton], a[tuiButton], a[tuiIconButton]", inputs: ["appearance", "disabled", "icon", "iconRight", "shape", "showLoader", "size"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.TuiAutoFocusDirective, selector: "[tuiAutoFocus]", inputs: ["tuiAutoFocus"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }], animations: [tuiSlideInTop, tuiFadeIn], changeDetection: i0.ChangeDetectionStrategy.Default });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tui-dialog', changeDetection: ChangeDetectionStrategy.Default, providers: [TuiDestroyService, TuiDialogCloseService], animations: [tuiSlideInTop, tuiFadeIn], host: {
+                        '[attr.data-appearance]': 'context.appearance',
+                    }, template: "<header\n    *ngIf=\"header\"\n    class=\"t-header\"\n>\n    <ng-container *polymorpheusOutlet=\"header as text; context: context\">\n        {{ text }}\n    </ng-container>\n</header>\n<div class=\"t-content\">\n    <h2\n        class=\"t-heading\"\n        [id]=\"context.id\"\n        [textContent]=\"context.label\"\n    ></h2>\n    <section>\n        <!-- TODO: Polymorpheus fix type -->\n        <ng-container *polymorpheusOutlet=\"$any(context.content) as text; context: context\">\n            <div [innerHTML]=\"text\"></div>\n            <div class=\"t-buttons\">\n                <button\n                    size=\"m\"\n                    tuiAutoFocus\n                    tuiButton\n                    type=\"button\"\n                    (click)=\"context.$implicit.complete()\"\n                >\n                    {{ $any(context.data)?.button || 'OK' }}\n                </button>\n            </div>\n        </ng-container>\n    </section>\n</div>\n<div class=\"t-filler\"></div>\n<div\n    *ngIf=\"context.closeable\"\n    class=\"t-wrapper\"\n>\n    <button\n        automation-id=\"tui-dialog__close\"\n        shape=\"rounded\"\n        size=\"s\"\n        tuiIconButton\n        type=\"button\"\n        class=\"t-close\"\n        [appearance]=\"fullscreen ? 'secondary' : ''\"\n        [icon]=\"icons.close\"\n        [title]=\"closeWord$ | async\"\n        (click)=\"close$.next()\"\n        (mousedown.prevent.silent)=\"(0)\"\n    ></button>\n</div>\n", styles: [":host{position:relative;display:flex;font:var(--tui-font-text-m);flex-direction:column;box-sizing:border-box;margin:auto;border-radius:1rem;border:2.5rem solid transparent}:host:after{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";border-radius:inherit;pointer-events:none;box-shadow:var(--tui-shadow-modal)}:host[data-size=auto]{width:auto}:host[data-size=s]{width:30rem}:host[data-size=s] .t-content{padding:1.5rem}:host[data-size=s] .t-heading{margin-bottom:.5rem;font:var(--tui-font-heading-5)}:host[data-size=m]{width:42.5rem}:host[data-size=m] .t-heading{margin-bottom:.75rem;font:var(--tui-font-heading-4)}:host[data-size=l]{width:55rem}:host[data-size=l] .t-heading{margin-bottom:1rem}:host[data-size=fullscreen],:host[data-size=page]{min-width:100vw;min-height:100%;border-radius:0;border:none;background:var(--tui-elevation-01);box-shadow:0 4rem var(--tui-elevation-01)}:host[data-size=fullscreen] .t-content,:host[data-size=page] .t-content{padding:3rem calc(50vw - 22.5rem)}:host[data-size=fullscreen] .t-heading,:host[data-size=page] .t-heading{margin-bottom:1rem}:host[data-size=page] .t-content{padding:0}:host._centered{text-align:center}:host :host-context(tui-root._mobile)[data-size]{min-width:100%;width:100%;max-width:100%;border-radius:0;border:none;margin:auto 0 0}:host :host-context(tui-root._mobile)[data-size] .t-content{padding:1.5rem}:host :host-context(tui-root._mobile)[data-size] .t-heading{margin-bottom:.5rem;font:var(--tui-font-heading-5)}.t-heading{margin:0;word-wrap:break-word;font:var(--tui-font-heading-3)}.t-heading:empty{display:none}.t-header{display:flex;border-top-left-radius:inherit;border-top-right-radius:inherit;overflow:hidden}:host[data-size=fullscreen] :host-context(tui-root._mobile) .t-header{flex:1}.t-content{border-radius:inherit;padding:2rem;background:var(--tui-elevation-01)}.t-content:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.t-wrapper{position:-webkit-sticky;position:sticky;top:0;z-index:1;order:-1}.t-filler{flex-grow:1}.t-close{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:fixed;top:1.5rem;right:1.5rem;display:none;color:var(--tui-base-01)}:host-context(.t-dialog:last-of-type) .t-close{display:block}:host:not([data-size=\"fullscreen\"]):not([data-size=\"page\"]) .t-close{animation:tuiFadeIn var(--tui-duration);background:rgba(104,104,104,.96)}:host:not([data-size=\"fullscreen\"]):not([data-size=\"page\"]) .t-close:hover{background:rgba(159,159,159,.86)}:host:not([data-size=\"fullscreen\"]).ng-animating .t-close{display:none}:host-context(tui-root._mobile) .t-close{position:absolute;top:0;right:0;background:transparent!important;color:var(--tui-text-01);opacity:.5}.t-buttons{margin-top:1.25rem;text-align:right}\n"] }]
+        }], ctorParameters: function () {
+        return [{ type: undefined, decorators: [{
+                        type: Inject,
+                        args: [TUI_ANIMATIONS_DURATION]
+                    }] }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [TUI_IS_MOBILE]
+                    }] }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [POLYMORPHEUS_CONTEXT]
+                    }] }, { type: i5.Observable, decorators: [{
+                        type: Inject,
+                        args: [TuiDestroyService]
+                    }, {
+                        type: Self
+                    }] }, { type: i5.Observable, decorators: [{
+                        type: Inject,
+                        args: [TuiDialogCloseService]
+                    }] }, { type: i5.Observable, decorators: [{
+                        type: Inject,
+                        args: [TUI_DIALOGS_CLOSE]
+                    }] }, { type: i5.Observable, decorators: [{
+                        type: Inject,
+                        args: [TUI_CLOSE_WORD]
+                    }] }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [TUI_COMMON_ICONS]
+                    }] }];
+    }, propDecorators: { size: [{
+                type: HostBinding,
+                args: ['attr.data-size']
+            }], header: [{
+                type: HostBinding,
+                args: ['class._centered']
+            }], slideInTop: [{
+                type: HostBinding,
+                args: ['@tuiSlideInTop']
+            }, {
+                type: HostBinding,
+                args: ['@tuiFadeIn']
+            }] } });
+
+const DIALOG = new PolymorpheusComponent(TuiDialogComponent);
+class TuiDialogService extends AbstractTuiDialogService {
+    constructor() {
+        super(...arguments);
+        this.component = DIALOG;
+        this.defaultOptions = Object.assign(Object.assign({}, inject(TUI_DIALOG_OPTIONS)), { data: undefined });
+    }
+}
+TuiDialogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiDialogService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+TuiDialogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiDialogService, providedIn: `root` });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiDialogService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: `root`,
+                }]
+        }] });
+
+class TuiDialogDirective extends AbstractTuiDialogDirective {
+}
+TuiDialogDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiDialogDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+TuiDialogDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: TuiDialogDirective, selector: "ng-template[tuiDialog]", inputs: { options: ["tuiDialogOptions", "options"], open: ["tuiDialog", "open"] }, outputs: { openChange: "tuiDialogChange" }, providers: [
+        {
+            provide: AbstractTuiDialogService,
+            useExisting: TuiDialogService,
+        },
+    ], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiDialogDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[tuiDialog]',
+                    inputs: ['options: tuiDialogOptions', 'open: tuiDialog'],
+                    outputs: ['openChange: tuiDialogChange'],
+                    providers: [
+                        {
+                            provide: AbstractTuiDialogService,
+                            useExisting: TuiDialogService,
+                        },
+                    ],
+                }]
+        }] });
+
+class TuiDialogModule {
+}
+TuiDialogModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TuiDialogModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: TuiDialogModule, declarations: [TuiDialogComponent, TuiDialogDirective], imports: [PolymorpheusModule, TuiButtonModule, CommonModule, TuiAutoFocusModule], exports: [TuiDialogComponent, TuiDialogDirective] });
+TuiDialogModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiDialogModule, providers: [tuiAsDialog(TuiDialogService)], imports: [PolymorpheusModule, TuiButtonModule, CommonModule, TuiAutoFocusModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiDialogModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [PolymorpheusModule, TuiButtonModule, CommonModule, TuiAutoFocusModule],
+                    declarations: [TuiDialogComponent, TuiDialogDirective],
+                    providers: [tuiAsDialog(TuiDialogService)],
+                    exports: [TuiDialogComponent, TuiDialogDirective],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TUI_DIALOGS_CLOSE, TUI_DIALOG_DEFAULT_OPTIONS, TUI_DIALOG_OPTIONS, TuiDialogCloseService, TuiDialogComponent, TuiDialogDirective, TuiDialogModule, TuiDialogService, tuiDialogOptionsProvider };
+//# sourceMappingURL=taiga-ui-core-components-dialog.mjs.map