@taiga-ui/kit 3.57.0 → 3.59.0-canary.10da730

package/fesm2020/taiga-ui-kit-components-accordion.mjs

@@ -0,0 +1,260 @@
+import * as i0 from '@angular/core';
+import { TemplateRef, ChangeDetectorRef, Directive, Inject, Self, EventEmitter, Component, ChangeDetectionStrategy, ViewChild, Input, HostBinding, Output, ContentChild, ContentChildren, NgModule } from '@angular/core';
+import * as i2 from '@taiga-ui/cdk';
+import { AbstractTuiInteractive, tuiIsNativeFocused, tuiAsFocusableItemAccessor, EMPTY_QUERY, tuiQueryListChanges, tuiIsPresent, TuiDestroyService, TuiFocusedModule, TuiFocusVisibleModule, TuiFocusableModule } from '@taiga-ui/cdk';
+import * as i5 from 'rxjs';
+import { pairwise, map, filter, merge, switchMap, identity, takeUntil } from 'rxjs';
+import * as i4 from '@taiga-ui/core';
+import { TUI_MODE, MODE_PROVIDER, TuiSvgModule, TuiGroupModule, TuiExpandModule } from '@taiga-ui/core';
+import { TUI_ARROW_OPTIONS } from '@taiga-ui/kit/components/arrow';
+import * as i3 from '@tinkoff/ng-polymorpheus';
+import { PolymorpheusTemplate, PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+class TuiAccordionItemContentDirective extends PolymorpheusTemplate {
+    constructor(templateRef, cdr) {
+        super(templateRef, cdr);
+    }
+}
+TuiAccordionItemContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiAccordionItemContentDirective, deps: [{ token: TemplateRef, self: true }, { token: ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+TuiAccordionItemContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: TuiAccordionItemContentDirective, selector: "ng-template[tuiAccordionItemContent]", usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiAccordionItemContentDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[tuiAccordionItemContent]',
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
+                    type: Inject,
+                    args: [TemplateRef]
+                }, {
+                    type: Self
+                }] }, { type: i0.ChangeDetectorRef, decorators: [{
+                    type: Inject,
+                    args: [ChangeDetectorRef]
+                }] }]; } });
+
+class TuiAccordionItemEagerContentDirective {
+}
+TuiAccordionItemEagerContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiAccordionItemEagerContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+TuiAccordionItemEagerContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: TuiAccordionItemEagerContentDirective, selector: "[tuiAccordionItemContent]:not(ng-template)", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiAccordionItemEagerContentDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tuiAccordionItemContent]:not(ng-template)',
+                }]
+        }] });
+
+class TuiAccordionItemComponent extends AbstractTuiInteractive {
+    constructor(cdr, mode$, options) {
+        super();
+        this.cdr = cdr;
+        this.mode$ = mode$;
+        this.options = options;
+        this.noPadding = false;
+        this.showArrow = true;
+        this.borders = 'all';
+        this.size = 'm';
+        this.disabled = false;
+        this.disableHover = false;
+        this.open = false;
+        this.async = false;
+        this.openChange = new EventEmitter();
+    }
+    get nativeFocusableElement() {
+        return this.disabled || !this.focusableElement
+            ? null
+            : this.focusableElement.nativeElement;
+    }
+    get focused() {
+        return tuiIsNativeFocused(this.nativeFocusableElement);
+    }
+    onFocused(focused) {
+        this.updateFocused(focused);
+    }
+    onFocusVisible(focusVisible) {
+        this.updateFocusVisible(focusVisible);
+    }
+    onRowToggle() {
+        if (!this.disabled) {
+            this.updateOpen(!this.open);
+        }
+    }
+    onItemKeyDownEsc(event) {
+        if (!this.open) {
+            return;
+        }
+        event.stopPropagation();
+        this.updateOpen(false);
+    }
+    close() {
+        this.updateOpen(false);
+        this.cdr.markForCheck();
+    }
+    updateOpen(open) {
+        if (this.open === open) {
+            return;
+        }
+        this.open = open;
+        this.openChange.emit(open);
+    }
+}
+TuiAccordionItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiAccordionItemComponent, deps: [{ token: ChangeDetectorRef }, { token: TUI_MODE }, { token: TUI_ARROW_OPTIONS }], target: i0.ɵɵFactoryTarget.Component });
+TuiAccordionItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TuiAccordionItemComponent, selector: "tui-accordion-item", inputs: { noPadding: "noPadding", showArrow: "showArrow", borders: "borders", size: "size", disabled: "disabled", disableHover: "disableHover", open: "open", async: "async" }, outputs: { openChange: "openChange" }, host: { listeners: { "$.data-mode.attr": "mode$" }, properties: { "class._no-padding": "this.noPadding", "class._has-arrow": "this.showArrow", "attr.data-borders": "this.borders", "attr.data-size": "this.size", "class._disabled": "this.disabled" } }, providers: [tuiAsFocusableItemAccessor(TuiAccordionItemComponent), MODE_PROVIDER], queries: [{ propertyName: "eagerContent", first: true, predicate: TuiAccordionItemEagerContentDirective, descendants: true }, { propertyName: "lazyContent", first: true, predicate: TuiAccordionItemContentDirective, descendants: true }], viewQueries: [{ propertyName: "focusableElement", first: true, predicate: ["focusableElement"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div\n    automation-id=\"tui-accordion__item-wrapper\"\n    class=\"t-wrapper\"\n>\n    <button\n        #focusableElement\n        automation-id=\"tui-accordion__item-header\"\n        type=\"button\"\n        class=\"t-header\"\n        [class.t-header_hoverable]=\"!disableHover\"\n        [class.t-header_open]=\"open\"\n        [disabled]=\"computedDisabled\"\n        [tuiFocusable]=\"computedFocusable\"\n        (click)=\"onRowToggle()\"\n        (keydown.esc)=\"onItemKeyDownEsc($event)\"\n        (tuiFocusedChange)=\"onFocused($event)\"\n        (tuiFocusVisibleChange)=\"onFocusVisible($event)\"\n    >\n        <span\n            automation-id=\"tui-accordion__item-title\"\n            class=\"t-title\"\n        >\n            <ng-content></ng-content>\n        </span>\n        <ng-container *ngIf=\"showArrow\">\n            <tui-svg\n                *polymorpheusOutlet=\"options.iconLarge as src\"\n                automation-id=\"tui-accordion__item-arrow\"\n                class=\"t-icon\"\n                [class.t-icon_open]=\"open\"\n                [src]=\"src\"\n            ></tui-svg>\n        </ng-container>\n    </button>\n    <tui-expand\n        [async]=\"async\"\n        [expanded]=\"open\"\n    >\n        <ng-template tuiExpandContent>\n            <div\n                *ngIf=\"lazyContent\"\n                automation-id=\"tui-accordion__item-content\"\n                class=\"t-content\"\n            >\n                <ng-container *polymorpheusOutlet=\"lazyContent as text\">\n                    {{ text }}\n                </ng-container>\n            </div>\n        </ng-template>\n        <div\n            *ngIf=\"eagerContent\"\n            class=\"t-content\"\n        >\n            <ng-content select=\"[tuiAccordionItemContent]\"></ng-content>\n        </div>\n    </tui-expand>\n</div>\n", styles: [":host{position:relative;display:block;overflow:hidden;border-radius:var(--tui-radius-l)}:host[data-borders=top-bottom]{border-radius:0!important}.t-wrapper{position:relative;border-radius:inherit}.t-wrapper:after{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";box-sizing:border-box;border-radius:inherit;border:1px solid var(--tui-base-04);pointer-events:none}:host:not([data-borders]) .t-wrapper:after{border-width:0}:host[data-borders=all] .t-wrapper:after{border-width:1px}:host[data-borders=top-bottom] .t-wrapper:after{border-left-width:0;border-right-width:0}:host[data-borders=top] .t-wrapper:after{border-left-width:0;border-right-width:0;border-bottom-width:0}:host[data-borders=bottom] .t-wrapper:after{border-left-width:0;border-right-width:0;border-top-width:0}:host[data-mode=onDark] .t-wrapper:after{border-color:var(--tui-base-03)}:host[data-mode=onLight] .t-wrapper:after{border-color:var(--tui-text-01)}:host._focus-visible .t-wrapper:after{border:2px solid var(--tui-focus)}:host:not([data-mode]) .t-wrapper{background:var(--tui-base-01)}.t-header{-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;display:flex;width:100%;font:var(--tui-font-text-l);align-items:center;box-sizing:border-box;border-bottom:1px solid var(--tui-base-04);min-height:var(--tui-height-l);padding:.75rem 1.25rem;color:var(--tui-text-01);cursor:pointer;text-align:left;outline:none}:host[data-mode=onDark] .t-header{color:var(--tui-text-01-night);border-color:var(--tui-base-03)}:host[data-mode=onLight] .t-header{border-color:var(--tui-text-01)}:host:not([data-borders]) .t-header{border-bottom-width:0;box-shadow:none}:host._has-arrow .t-header{padding-right:.75rem}:host[data-mode=onDark] .t-header_open{background:var(--tui-clear-inverse)}:host[data-mode=onLight] .t-header_open{background:var(--tui-clear)}:host[data-size=s] .t-header{font:var(--tui-font-text-m);min-height:var(--tui-height-m);padding:.625rem .75rem .625rem 1rem}:host._no-padding .t-header{padding-left:0;padding-right:0}:host._disabled .t-header{cursor:default}.t-wrapper:hover:not([data-mode])>.t-header_hoverable{background:var(--tui-base-02)}.t-wrapper:hover[data-mode=onDark]>.t-header_hoverable{background:var(--tui-clear-inverse)}.t-wrapper:hover[data-mode=onLight]>.t-header_hoverable{background:var(--tui-clear)}.t-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:0;flex-grow:1}:host._has-arrow .t-title{margin-right:.5rem}.t-icon{transition-property:transform,color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;width:1.5rem;height:1.5rem;margin-left:auto;color:var(--tui-base-06)}.t-icon_open{transform:rotate(180deg)}:host[data-mode] .t-icon{opacity:var(--tui-disabled-opacity)}:host:hover[data-mode] .t-icon{opacity:.8}:host[data-mode=onDark] .t-icon{color:var(--tui-text-01-night)}:host[data-mode=onLight] .t-icon{color:var(--tui-text-01)}:host:hover:not([data-mode]) .t-icon{color:var(--tui-base-07)}.t-content{font:var(--tui-font-text-m);padding:1.25rem;word-wrap:break-word}:host[data-size=s] .t-content{font:var(--tui-font-text-s);padding:1rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.TuiFocusedDirective, selector: "[tuiFocusedChange]", outputs: ["tuiFocusedChange"] }, { kind: "directive", type: i2.TuiFocusVisibleDirective, selector: "[tuiFocusVisibleChange]", outputs: ["tuiFocusVisibleChange"] }, { kind: "directive", type: i2.TuiFocusableDirective, selector: "[tuiFocusable]", inputs: ["tuiFocusable"] }, { kind: "directive", type: i3.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "component", type: i4.TuiSvgComponent, selector: "tui-svg", inputs: ["src"] }, { kind: "component", type: i4.TuiExpandComponent, selector: "tui-expand", inputs: ["async", "expanded"] }, { kind: "directive", type: i4.TuiExpandContentDirective, selector: "[tuiExpandContent]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiAccordionItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tui-accordion-item', changeDetection: ChangeDetectionStrategy.OnPush, providers: [tuiAsFocusableItemAccessor(TuiAccordionItemComponent), MODE_PROVIDER], host: {
+                        '($.data-mode.attr)': 'mode$',
+                    }, template: "<div\n    automation-id=\"tui-accordion__item-wrapper\"\n    class=\"t-wrapper\"\n>\n    <button\n        #focusableElement\n        automation-id=\"tui-accordion__item-header\"\n        type=\"button\"\n        class=\"t-header\"\n        [class.t-header_hoverable]=\"!disableHover\"\n        [class.t-header_open]=\"open\"\n        [disabled]=\"computedDisabled\"\n        [tuiFocusable]=\"computedFocusable\"\n        (click)=\"onRowToggle()\"\n        (keydown.esc)=\"onItemKeyDownEsc($event)\"\n        (tuiFocusedChange)=\"onFocused($event)\"\n        (tuiFocusVisibleChange)=\"onFocusVisible($event)\"\n    >\n        <span\n            automation-id=\"tui-accordion__item-title\"\n            class=\"t-title\"\n        >\n            <ng-content></ng-content>\n        </span>\n        <ng-container *ngIf=\"showArrow\">\n            <tui-svg\n                *polymorpheusOutlet=\"options.iconLarge as src\"\n                automation-id=\"tui-accordion__item-arrow\"\n                class=\"t-icon\"\n                [class.t-icon_open]=\"open\"\n                [src]=\"src\"\n            ></tui-svg>\n        </ng-container>\n    </button>\n    <tui-expand\n        [async]=\"async\"\n        [expanded]=\"open\"\n    >\n        <ng-template tuiExpandContent>\n            <div\n                *ngIf=\"lazyContent\"\n                automation-id=\"tui-accordion__item-content\"\n                class=\"t-content\"\n            >\n                <ng-container *polymorpheusOutlet=\"lazyContent as text\">\n                    {{ text }}\n                </ng-container>\n            </div>\n        </ng-template>\n        <div\n            *ngIf=\"eagerContent\"\n            class=\"t-content\"\n        >\n            <ng-content select=\"[tuiAccordionItemContent]\"></ng-content>\n        </div>\n    </tui-expand>\n</div>\n", styles: [":host{position:relative;display:block;overflow:hidden;border-radius:var(--tui-radius-l)}:host[data-borders=top-bottom]{border-radius:0!important}.t-wrapper{position:relative;border-radius:inherit}.t-wrapper:after{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";box-sizing:border-box;border-radius:inherit;border:1px solid var(--tui-base-04);pointer-events:none}:host:not([data-borders]) .t-wrapper:after{border-width:0}:host[data-borders=all] .t-wrapper:after{border-width:1px}:host[data-borders=top-bottom] .t-wrapper:after{border-left-width:0;border-right-width:0}:host[data-borders=top] .t-wrapper:after{border-left-width:0;border-right-width:0;border-bottom-width:0}:host[data-borders=bottom] .t-wrapper:after{border-left-width:0;border-right-width:0;border-top-width:0}:host[data-mode=onDark] .t-wrapper:after{border-color:var(--tui-base-03)}:host[data-mode=onLight] .t-wrapper:after{border-color:var(--tui-text-01)}:host._focus-visible .t-wrapper:after{border:2px solid var(--tui-focus)}:host:not([data-mode]) .t-wrapper{background:var(--tui-base-01)}.t-header{-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;display:flex;width:100%;font:var(--tui-font-text-l);align-items:center;box-sizing:border-box;border-bottom:1px solid var(--tui-base-04);min-height:var(--tui-height-l);padding:.75rem 1.25rem;color:var(--tui-text-01);cursor:pointer;text-align:left;outline:none}:host[data-mode=onDark] .t-header{color:var(--tui-text-01-night);border-color:var(--tui-base-03)}:host[data-mode=onLight] .t-header{border-color:var(--tui-text-01)}:host:not([data-borders]) .t-header{border-bottom-width:0;box-shadow:none}:host._has-arrow .t-header{padding-right:.75rem}:host[data-mode=onDark] .t-header_open{background:var(--tui-clear-inverse)}:host[data-mode=onLight] .t-header_open{background:var(--tui-clear)}:host[data-size=s] .t-header{font:var(--tui-font-text-m);min-height:var(--tui-height-m);padding:.625rem .75rem .625rem 1rem}:host._no-padding .t-header{padding-left:0;padding-right:0}:host._disabled .t-header{cursor:default}.t-wrapper:hover:not([data-mode])>.t-header_hoverable{background:var(--tui-base-02)}.t-wrapper:hover[data-mode=onDark]>.t-header_hoverable{background:var(--tui-clear-inverse)}.t-wrapper:hover[data-mode=onLight]>.t-header_hoverable{background:var(--tui-clear)}.t-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:0;flex-grow:1}:host._has-arrow .t-title{margin-right:.5rem}.t-icon{transition-property:transform,color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;width:1.5rem;height:1.5rem;margin-left:auto;color:var(--tui-base-06)}.t-icon_open{transform:rotate(180deg)}:host[data-mode] .t-icon{opacity:var(--tui-disabled-opacity)}:host:hover[data-mode] .t-icon{opacity:.8}:host[data-mode=onDark] .t-icon{color:var(--tui-text-01-night)}:host[data-mode=onLight] .t-icon{color:var(--tui-text-01)}:host:hover:not([data-mode]) .t-icon{color:var(--tui-base-07)}.t-content{font:var(--tui-font-text-m);padding:1.25rem;word-wrap:break-word}:host[data-size=s] .t-content{font:var(--tui-font-text-s);padding:1rem}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef, decorators: [{
+                    type: Inject,
+                    args: [ChangeDetectorRef]
+                }] }, { type: i5.Observable, decorators: [{
+                    type: Inject,
+                    args: [TUI_MODE]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [TUI_ARROW_OPTIONS]
+                }] }]; }, propDecorators: { focusableElement: [{
+                type: ViewChild,
+                args: ['focusableElement']
+            }], noPadding: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['class._no-padding']
+            }], showArrow: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['class._has-arrow']
+            }], borders: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['attr.data-borders']
+            }], size: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['attr.data-size']
+            }], disabled: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['class._disabled']
+            }], disableHover: [{
+                type: Input
+            }], open: [{
+                type: Input
+            }], async: [{
+                type: Input
+            }], openChange: [{
+                type: Output
+            }], eagerContent: [{
+                type: ContentChild,
+                args: [TuiAccordionItemEagerContentDirective]
+            }], lazyContent: [{
+                type: ContentChild,
+                args: [TuiAccordionItemContentDirective]
+            }] } });
+
+class TuiAccordionComponent {
+    constructor(destroy$) {
+        this.destroy$ = destroy$;
+        this.closeOthers = true;
+        this.rounded = true;
+        this.accordionItems = EMPTY_QUERY;
+    }
+    ngAfterContentInit() {
+        const { accordionItems } = this;
+        const rows$ = tuiQueryListChanges(accordionItems);
+        const newOpenRow$ = rows$.pipe(pairwise(), map(([previous, current]) => current.find(item => !previous.includes(item) && item.open)), filter(tuiIsPresent));
+        const rowsOpen$ = merge(rows$.pipe(switchMap(rows => merge(...rows.map(row => row.openChange.pipe(filter(identity), map(() => row)))))), newOpenRow$).pipe(filter(() => this.closeOthers), takeUntil(this.destroy$));
+        rowsOpen$.subscribe(currentRow => {
+            accordionItems.forEach(row => {
+                if (currentRow !== row) {
+                    row.close();
+                }
+            });
+        });
+    }
+}
+TuiAccordionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiAccordionComponent, deps: [{ token: TuiDestroyService, self: true }], target: i0.ɵɵFactoryTarget.Component });
+TuiAccordionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TuiAccordionComponent, selector: "tui-accordion", inputs: { closeOthers: "closeOthers", rounded: "rounded" }, providers: [TuiDestroyService], queries: [{ propertyName: "accordionItems", predicate: TuiAccordionItemComponent }], ngImport: i0, template: "<!--TODO: Unnecessary nesting, probably accordion can be a directive-->\n<div\n    automation-id=\"tui-accordion__group\"\n    orientation=\"vertical\"\n    size=\"l\"\n    tuiGroup\n    class=\"t-group\"\n    [collapsed]=\"true\"\n    [rounded]=\"rounded\"\n>\n    <ng-content select=\"tui-accordion-item\"></ng-content>\n</div>\n", styles: [":host{display:block}.t-group{display:flex}\n"], dependencies: [{ kind: "directive", type: i4.TuiGroupDirective, selector: "[tuiGroup]:not(ng-container)", inputs: ["orientation", "adaptive", "collapsed", "rounded", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiAccordionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tui-accordion', changeDetection: ChangeDetectionStrategy.OnPush, providers: [TuiDestroyService], template: "<!--TODO: Unnecessary nesting, probably accordion can be a directive-->\n<div\n    automation-id=\"tui-accordion__group\"\n    orientation=\"vertical\"\n    size=\"l\"\n    tuiGroup\n    class=\"t-group\"\n    [collapsed]=\"true\"\n    [rounded]=\"rounded\"\n>\n    <ng-content select=\"tui-accordion-item\"></ng-content>\n</div>\n", styles: [":host{display:block}.t-group{display:flex}\n"] }]
+        }], ctorParameters: function () { return [{ type: i2.TuiDestroyService, decorators: [{
+                    type: Self
+                }, {
+                    type: Inject,
+                    args: [TuiDestroyService]
+                }] }]; }, propDecorators: { closeOthers: [{
+                type: Input
+            }], rounded: [{
+                type: Input
+            }], accordionItems: [{
+                type: ContentChildren,
+                args: [TuiAccordionItemComponent]
+            }] } });
+
+class TuiAccordionModule {
+}
+TuiAccordionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiAccordionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TuiAccordionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: TuiAccordionModule, declarations: [TuiAccordionComponent,
+        TuiAccordionItemComponent,
+        TuiAccordionItemContentDirective,
+        TuiAccordionItemEagerContentDirective], imports: [CommonModule,
+        TuiFocusedModule,
+        TuiFocusVisibleModule,
+        TuiFocusableModule,
+        PolymorpheusModule,
+        TuiSvgModule,
+        TuiGroupModule,
+        TuiExpandModule], exports: [TuiAccordionComponent,
+        TuiAccordionItemComponent,
+        TuiAccordionItemContentDirective,
+        TuiAccordionItemEagerContentDirective] });
+TuiAccordionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiAccordionModule, imports: [CommonModule,
+        TuiFocusedModule,
+        TuiFocusVisibleModule,
+        TuiFocusableModule,
+        PolymorpheusModule,
+        TuiSvgModule,
+        TuiGroupModule,
+        TuiExpandModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiAccordionModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        TuiFocusedModule,
+                        TuiFocusVisibleModule,
+                        TuiFocusableModule,
+                        PolymorpheusModule,
+                        TuiSvgModule,
+                        TuiGroupModule,
+                        TuiExpandModule,
+                    ],
+                    declarations: [
+                        TuiAccordionComponent,
+                        TuiAccordionItemComponent,
+                        TuiAccordionItemContentDirective,
+                        TuiAccordionItemEagerContentDirective,
+                    ],
+                    exports: [
+                        TuiAccordionComponent,
+                        TuiAccordionItemComponent,
+                        TuiAccordionItemContentDirective,
+                        TuiAccordionItemEagerContentDirective,
+                    ],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TuiAccordionComponent, TuiAccordionItemComponent, TuiAccordionItemContentDirective, TuiAccordionItemEagerContentDirective, TuiAccordionModule };
+//# sourceMappingURL=taiga-ui-kit-components-accordion.mjs.map

package/fesm2020/taiga-ui-kit-components-accordion.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"taiga-ui-kit-components-accordion.mjs","sources":["../../../projects/kit/components/accordion/accordion-item/accordion-item-content.directive.ts","../../../projects/kit/components/accordion/accordion-item/accordion-item-eager-content.directive.ts","../../../projects/kit/components/accordion/accordion-item/accordion-item.component.ts","../../../projects/kit/components/accordion/accordion-item/accordion-item.template.html","../../../projects/kit/components/accordion/accordion.component.ts","../../../projects/kit/components/accordion/accordion.template.html","../../../projects/kit/components/accordion/accordion.module.ts","../../../projects/kit/components/accordion/taiga-ui-kit-components-accordion.ts"],"sourcesContent":["import {ChangeDetectorRef, Directive, Inject, Self, TemplateRef} from '@angular/core';\nimport {PolymorpheusTemplate} from '@tinkoff/ng-polymorpheus';\n\n@Directive({\n    selector: 'ng-template[tuiAccordionItemContent]',\n})\nexport class TuiAccordionItemContentDirective extends PolymorpheusTemplate<\n    Record<string, unknown>\n> {\n    constructor(\n        @Inject(TemplateRef)\n        @Self()\n        templateRef: TemplateRef<Record<string, unknown>>,\n        @Inject(ChangeDetectorRef) cdr: ChangeDetectorRef,\n    ) {\n        super(templateRef, cdr);\n    }\n}\n","import {Directive} from '@angular/core';\n\n@Directive({\n    selector: '[tuiAccordionItemContent]:not(ng-template)',\n})\nexport class TuiAccordionItemEagerContentDirective {}\n","import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ContentChild,\n    ElementRef,\n    EventEmitter,\n    HostBinding,\n    Inject,\n    Input,\n    Output,\n    ViewChild,\n} from '@angular/core';\nimport {\n    AbstractTuiInteractive,\n    tuiAsFocusableItemAccessor,\n    TuiFocusableElementAccessor,\n    tuiIsNativeFocused,\n    TuiNativeFocusableElement,\n} from '@taiga-ui/cdk';\nimport {MODE_PROVIDER, TUI_MODE, TuiBrightness, TuiSizeS} from '@taiga-ui/core';\nimport {TUI_ARROW_OPTIONS, TuiArrowOptions} from '@taiga-ui/kit/components/arrow';\nimport {Observable} from 'rxjs';\n\nimport {TuiAccordionItemContentDirective} from './accordion-item-content.directive';\nimport {TuiAccordionItemEagerContentDirective} from './accordion-item-eager-content.directive';\n\n@Component({\n    selector: 'tui-accordion-item',\n    templateUrl: './accordion-item.template.html',\n    styleUrls: ['./accordion-item.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [tuiAsFocusableItemAccessor(TuiAccordionItemComponent), MODE_PROVIDER],\n    host: {\n        '($.data-mode.attr)': 'mode$',\n    },\n})\nexport class TuiAccordionItemComponent\n    extends AbstractTuiInteractive\n    implements TuiFocusableElementAccessor\n{\n    @ViewChild('focusableElement')\n    private readonly focusableElement?: ElementRef<TuiNativeFocusableElement>;\n\n    @Input()\n    @HostBinding('class._no-padding')\n    noPadding = false;\n\n    @Input()\n    @HostBinding('class._has-arrow')\n    showArrow = true;\n\n    @Input()\n    @HostBinding('attr.data-borders')\n    borders: 'all' | 'top-bottom' | null = 'all';\n\n    @Input()\n    @HostBinding('attr.data-size')\n    size: TuiSizeS = 'm';\n\n    @Input()\n    @HostBinding('class._disabled')\n    disabled = false;\n\n    @Input()\n    disableHover = false;\n\n    @Input()\n    open = false;\n\n    @Input()\n    async = false;\n\n    @Output()\n    readonly openChange = new EventEmitter<boolean>();\n\n    @ContentChild(TuiAccordionItemEagerContentDirective)\n    readonly eagerContent?: TuiAccordionItemEagerContentDirective;\n\n    @ContentChild(TuiAccordionItemContentDirective)\n    readonly lazyContent?: TuiAccordionItemContentDirective;\n\n    constructor(\n        @Inject(ChangeDetectorRef) private readonly cdr: ChangeDetectorRef,\n        @Inject(TUI_MODE) readonly mode$: Observable<TuiBrightness | null>,\n        @Inject(TUI_ARROW_OPTIONS) readonly options: TuiArrowOptions,\n    ) {\n        super();\n    }\n\n    get nativeFocusableElement(): TuiNativeFocusableElement | null {\n        return this.disabled || !this.focusableElement\n            ? null\n            : this.focusableElement.nativeElement;\n    }\n\n    get focused(): boolean {\n        return tuiIsNativeFocused(this.nativeFocusableElement);\n    }\n\n    onFocused(focused: boolean): void {\n        this.updateFocused(focused);\n    }\n\n    onFocusVisible(focusVisible: boolean): void {\n        this.updateFocusVisible(focusVisible);\n    }\n\n    onRowToggle(): void {\n        if (!this.disabled) {\n            this.updateOpen(!this.open);\n        }\n    }\n\n    onItemKeyDownEsc(event: Event): void {\n        if (!this.open) {\n            return;\n        }\n\n        event.stopPropagation();\n        this.updateOpen(false);\n    }\n\n    close(): void {\n        this.updateOpen(false);\n        this.cdr.markForCheck();\n    }\n\n    private updateOpen(open: boolean): void {\n        if (this.open === open) {\n            return;\n        }\n\n        this.open = open;\n        this.openChange.emit(open);\n    }\n}\n","<div\n    automation-id=\"tui-accordion__item-wrapper\"\n    class=\"t-wrapper\"\n>\n    <button\n        #focusableElement\n        automation-id=\"tui-accordion__item-header\"\n        type=\"button\"\n        class=\"t-header\"\n        [class.t-header_hoverable]=\"!disableHover\"\n        [class.t-header_open]=\"open\"\n        [disabled]=\"computedDisabled\"\n        [tuiFocusable]=\"computedFocusable\"\n        (click)=\"onRowToggle()\"\n        (keydown.esc)=\"onItemKeyDownEsc($event)\"\n        (tuiFocusedChange)=\"onFocused($event)\"\n        (tuiFocusVisibleChange)=\"onFocusVisible($event)\"\n    >\n        <span\n            automation-id=\"tui-accordion__item-title\"\n            class=\"t-title\"\n        >\n            <ng-content></ng-content>\n        </span>\n        <ng-container *ngIf=\"showArrow\">\n            <tui-svg\n                *polymorpheusOutlet=\"options.iconLarge as src\"\n                automation-id=\"tui-accordion__item-arrow\"\n                class=\"t-icon\"\n                [class.t-icon_open]=\"open\"\n                [src]=\"src\"\n            ></tui-svg>\n        </ng-container>\n    </button>\n    <tui-expand\n        [async]=\"async\"\n        [expanded]=\"open\"\n    >\n        <ng-template tuiExpandContent>\n            <div\n                *ngIf=\"lazyContent\"\n                automation-id=\"tui-accordion__item-content\"\n                class=\"t-content\"\n            >\n                <ng-container *polymorpheusOutlet=\"lazyContent as text\">\n                    {{ text }}\n                </ng-container>\n            </div>\n        </ng-template>\n        <div\n            *ngIf=\"eagerContent\"\n            class=\"t-content\"\n        >\n            <ng-content select=\"[tuiAccordionItemContent]\"></ng-content>\n        </div>\n    </tui-expand>\n</div>\n","import {\n    AfterContentInit,\n    ChangeDetectionStrategy,\n    Component,\n    ContentChildren,\n    Inject,\n    Input,\n    QueryList,\n    Self,\n} from '@angular/core';\nimport {\n    EMPTY_QUERY,\n    TuiDestroyService,\n    tuiIsPresent,\n    tuiQueryListChanges,\n} from '@taiga-ui/cdk';\nimport {filter, identity, map, merge, pairwise, switchMap, takeUntil} from 'rxjs';\n\nimport {TuiAccordionItemComponent} from './accordion-item/accordion-item.component';\n\n@Component({\n    selector: 'tui-accordion',\n    templateUrl: './accordion.template.html',\n    styleUrls: ['./accordion.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [TuiDestroyService],\n})\nexport class TuiAccordionComponent implements AfterContentInit {\n    @Input()\n    closeOthers = true;\n\n    @Input()\n    rounded = true;\n\n    @ContentChildren(TuiAccordionItemComponent)\n    readonly accordionItems: QueryList<TuiAccordionItemComponent> = EMPTY_QUERY;\n\n    constructor(\n        @Self()\n        @Inject(TuiDestroyService)\n        private readonly destroy$: TuiDestroyService,\n    ) {}\n\n    ngAfterContentInit(): void {\n        const {accordionItems} = this;\n        const rows$ = tuiQueryListChanges(accordionItems);\n        const newOpenRow$ = rows$.pipe(\n            pairwise(),\n            map(([previous, current]) =>\n                current.find(item => !previous.includes(item) && item.open),\n            ),\n            filter(tuiIsPresent),\n        );\n        const rowsOpen$ = merge(\n            rows$.pipe(\n                switchMap(rows =>\n                    merge(\n                        ...rows.map(row =>\n                            row.openChange.pipe(\n                                filter(identity),\n                                map(() => row),\n                            ),\n                        ),\n                    ),\n                ),\n            ),\n            newOpenRow$,\n        ).pipe(\n            filter(() => this.closeOthers),\n            takeUntil(this.destroy$),\n        );\n\n        rowsOpen$.subscribe(currentRow => {\n            accordionItems.forEach(row => {\n                if (currentRow !== row) {\n                    row.close();\n                }\n            });\n        });\n    }\n}\n","<!--TODO: Unnecessary nesting, probably accordion can be a directive-->\n<div\n    automation-id=\"tui-accordion__group\"\n    orientation=\"vertical\"\n    size=\"l\"\n    tuiGroup\n    class=\"t-group\"\n    [collapsed]=\"true\"\n    [rounded]=\"rounded\"\n>\n    <ng-content select=\"tui-accordion-item\"></ng-content>\n</div>\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiFocusableModule, TuiFocusedModule, TuiFocusVisibleModule} from '@taiga-ui/cdk';\nimport {TuiExpandModule, TuiGroupModule, TuiSvgModule} from '@taiga-ui/core';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiAccordionComponent} from './accordion.component';\nimport {TuiAccordionItemComponent} from './accordion-item/accordion-item.component';\nimport {TuiAccordionItemContentDirective} from './accordion-item/accordion-item-content.directive';\nimport {TuiAccordionItemEagerContentDirective} from './accordion-item/accordion-item-eager-content.directive';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        TuiFocusedModule,\n        TuiFocusVisibleModule,\n        TuiFocusableModule,\n        PolymorpheusModule,\n        TuiSvgModule,\n        TuiGroupModule,\n        TuiExpandModule,\n    ],\n    declarations: [\n        TuiAccordionComponent,\n        TuiAccordionItemComponent,\n        TuiAccordionItemContentDirective,\n        TuiAccordionItemEagerContentDirective,\n    ],\n    exports: [\n        TuiAccordionComponent,\n        TuiAccordionItemComponent,\n        TuiAccordionItemContentDirective,\n        TuiAccordionItemEagerContentDirective,\n    ],\n})\nexport class TuiAccordionModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":"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"}

package/fesm2020/taiga-ui-kit-components-action.mjs

@@ -0,0 +1,97 @@
+import * as i0 from '@angular/core';
+import { ElementRef, Component, ChangeDetectionStrategy, Inject, Input, HostBinding, HostListener, NgModule } from '@angular/core';
+import * as i3 from '@taiga-ui/cdk';
+import { AbstractTuiInteractive, tuiIsNativeFocused, TuiFocusVisibleService, TuiDestroyService, tuiAsFocusableItemAccessor, TuiFocusableModule, TuiFocusVisibleModule } from '@taiga-ui/cdk';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@taiga-ui/kit/components/marker-icon';
+import { TuiMarkerIconModule } from '@taiga-ui/kit/components/marker-icon';
+
+class TuiActionComponent extends AbstractTuiInteractive {
+    constructor(focusVisible$, el) {
+        super();
+        this.el = el;
+        this.icon = '';
+        this.disabled = false;
+        focusVisible$.subscribe(visible => {
+            this.updateFocusVisible(visible);
+        });
+    }
+    get nativeFocusableElement() {
+        return this.el.nativeElement;
+    }
+    get focused() {
+        return tuiIsNativeFocused(this.nativeFocusableElement);
+    }
+    get tabIndex() {
+        return this.computedFocusable ? 0 : -1;
+    }
+    onFocused(focused) {
+        this.updateFocused(focused);
+    }
+}
+TuiActionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiActionComponent, deps: [{ token: TuiFocusVisibleService }, { token: ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+TuiActionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TuiActionComponent, selector: "button[tuiAction], a[tuiAction]", inputs: { icon: "icon" }, host: { listeners: { "focusin": "onFocused(true)", "focusout": "onFocused(false)" }, properties: { "tabIndex": "this.tabIndex" }, classAttribute: "tui-island tui-island_hoverable" }, providers: [
+        TuiDestroyService,
+        TuiFocusVisibleService,
+        tuiAsFocusableItemAccessor(TuiActionComponent),
+    ], usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n<tui-marker-icon\n    *ngIf=\"icon\"\n    size=\"s\"\n    class=\"t-icon tui-island__marker\"\n    [src]=\"icon\"\n></tui-marker-icon>\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;display:flex;justify-content:space-between;font:var(--tui-font-text-m);padding:.875rem;border:2px solid transparent;text-align:start}:host._focus-visible{border-color:var(--tui-focus)}:host:after{display:none}.t-icon{color:var(--tui-action-color, var(--tui-link));background-color:var(--tui-action-background, var(--tui-base-02))}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.TuiMarkerIconComponent, selector: "tui-marker-icon, a[tuiMarkerIcon], button[tuiMarkerIcon]", inputs: ["mode", "size", "src"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiActionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'button[tuiAction], a[tuiAction]', host: {
+                        class: 'tui-island tui-island_hoverable',
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        TuiDestroyService,
+                        TuiFocusVisibleService,
+                        tuiAsFocusableItemAccessor(TuiActionComponent),
+                    ], template: "<ng-content></ng-content>\n<tui-marker-icon\n    *ngIf=\"icon\"\n    size=\"s\"\n    class=\"t-icon tui-island__marker\"\n    [src]=\"icon\"\n></tui-marker-icon>\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;display:flex;justify-content:space-between;font:var(--tui-font-text-m);padding:.875rem;border:2px solid transparent;text-align:start}:host._focus-visible{border-color:var(--tui-focus)}:host:after{display:none}.t-icon{color:var(--tui-action-color, var(--tui-link));background-color:var(--tui-action-background, var(--tui-base-02))}\n"] }]
+        }], ctorParameters: function () { return [{ type: i3.TuiFocusVisibleService, decorators: [{
+                    type: Inject,
+                    args: [TuiFocusVisibleService]
+                }] }, { type: i0.ElementRef, decorators: [{
+                    type: Inject,
+                    args: [ElementRef]
+                }] }]; }, propDecorators: { icon: [{
+                type: Input
+            }], tabIndex: [{
+                type: HostBinding,
+                args: ['tabIndex']
+            }], onFocused: [{
+                type: HostListener,
+                args: ['focusin', ['true']]
+            }, {
+                type: HostListener,
+                args: ['focusout', ['false']]
+            }] } });
+
+class TuiActionModule {
+}
+TuiActionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiActionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TuiActionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: TuiActionModule, declarations: [TuiActionComponent], imports: [CommonModule,
+        TuiFocusableModule,
+        TuiFocusVisibleModule,
+        TuiMarkerIconModule], exports: [TuiActionComponent] });
+TuiActionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiActionModule, imports: [CommonModule,
+        TuiFocusableModule,
+        TuiFocusVisibleModule,
+        TuiMarkerIconModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiActionModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        TuiFocusableModule,
+                        TuiFocusVisibleModule,
+                        TuiMarkerIconModule,
+                    ],
+                    declarations: [TuiActionComponent],
+                    exports: [TuiActionComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TuiActionComponent, TuiActionModule };
+//# sourceMappingURL=taiga-ui-kit-components-action.mjs.map

package/fesm2020/taiga-ui-kit-components-action.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"taiga-ui-kit-components-action.mjs","sources":["../../../projects/kit/components/action/action.component.ts","../../../projects/kit/components/action/action.template.html","../../../projects/kit/components/action/action.module.ts","../../../projects/kit/components/action/taiga-ui-kit-components-action.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    HostBinding,\n    HostListener,\n    Inject,\n    Input,\n} from '@angular/core';\nimport {\n    AbstractTuiInteractive,\n    tuiAsFocusableItemAccessor,\n    TuiDestroyService,\n    TuiFocusVisibleService,\n    tuiIsNativeFocused,\n    TuiNativeFocusableElement,\n} from '@taiga-ui/cdk';\n\n@Component({\n    selector: 'button[tuiAction], a[tuiAction]',\n    templateUrl: './action.template.html',\n    styleUrls: ['./action.style.less'],\n    host: {\n        class: 'tui-island tui-island_hoverable',\n    },\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        TuiDestroyService,\n        TuiFocusVisibleService,\n        tuiAsFocusableItemAccessor(TuiActionComponent),\n    ],\n})\nexport class TuiActionComponent extends AbstractTuiInteractive {\n    @Input()\n    icon = '';\n\n    readonly disabled = false;\n\n    constructor(\n        @Inject(TuiFocusVisibleService) focusVisible$: TuiFocusVisibleService,\n        @Inject(ElementRef) private readonly el: ElementRef<HTMLElement>,\n    ) {\n        super();\n\n        focusVisible$.subscribe(visible => {\n            this.updateFocusVisible(visible);\n        });\n    }\n\n    get nativeFocusableElement(): TuiNativeFocusableElement | null {\n        return this.el.nativeElement;\n    }\n\n    get focused(): boolean {\n        return tuiIsNativeFocused(this.nativeFocusableElement);\n    }\n\n    @HostBinding('tabIndex')\n    get tabIndex(): number {\n        return this.computedFocusable ? 0 : -1;\n    }\n\n    @HostListener('focusin', ['true'])\n    @HostListener('focusout', ['false'])\n    onFocused(focused: boolean): void {\n        this.updateFocused(focused);\n    }\n}\n","<ng-content></ng-content>\n<tui-marker-icon\n    *ngIf=\"icon\"\n    size=\"s\"\n    class=\"t-icon tui-island__marker\"\n    [src]=\"icon\"\n></tui-marker-icon>\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiFocusableModule, TuiFocusVisibleModule} from '@taiga-ui/cdk';\nimport {TuiMarkerIconModule} from '@taiga-ui/kit/components/marker-icon';\n\nimport {TuiActionComponent} from './action.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        TuiFocusableModule,\n        TuiFocusVisibleModule,\n        TuiMarkerIconModule,\n    ],\n    declarations: [TuiActionComponent],\n    exports: [TuiActionComponent],\n})\nexport class TuiActionModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2020/taiga-ui-kit-components-arrow.mjs

@@ -0,0 +1,90 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Inject, HostBinding, NgModule } from '@angular/core';
+import * as i2 from '@taiga-ui/core';
+import { tuiSizeBigger, TuiHostedDropdownComponent, TUI_TEXTFIELD_SIZE, TuiSvgModule } from '@taiga-ui/core';
+import * as i3 from '@tinkoff/ng-polymorpheus';
+import { PolymorpheusComponent, PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
+import { tuiCreateToken, tuiProvideOptions } from '@taiga-ui/cdk';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+/** Default values for arrow options */
+const TUI_ARROW_DEFAULT_OPTIONS = {
+    iconSmall: `tuiIconChevronDown`,
+    iconLarge: `tuiIconChevronDownLarge`,
+};
+/**
+ * Default parameters for arrow component
+ */
+const TUI_ARROW_OPTIONS = tuiCreateToken(TUI_ARROW_DEFAULT_OPTIONS);
+function tuiArrowOptionsProvider(options) {
+    return tuiProvideOptions(TUI_ARROW_OPTIONS, options, TUI_ARROW_DEFAULT_OPTIONS);
+}
+
+class TuiArrowComponent {
+    constructor(dropdown, textfieldSize, options) {
+        this.dropdown = dropdown;
+        this.textfieldSize = textfieldSize;
+        this.options = options;
+    }
+    get rotated() {
+        return this.dropdown.open;
+    }
+    get arrowIcon() {
+        return tuiSizeBigger(this.textfieldSize.size)
+            ? this.options.iconLarge
+            : this.options.iconSmall;
+    }
+}
+TuiArrowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiArrowComponent, deps: [{ token: TuiHostedDropdownComponent }, { token: TUI_TEXTFIELD_SIZE }, { token: TUI_ARROW_OPTIONS }], target: i0.ɵɵFactoryTarget.Component });
+TuiArrowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TuiArrowComponent, selector: "tui-arrow", host: { properties: { "class._rotated": "this.rotated" } }, ngImport: i0, template: "<tui-svg\n    *polymorpheusOutlet=\"arrowIcon as src\"\n    [src]=\"src\"\n></tui-svg>\n<ng-container *ngIf=\"dropdown.openChange | async\"></ng-container>\n", styles: [":host{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;cursor:pointer;pointer-events:none}:host._rotated{transform:rotate(180deg)}\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"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiArrowComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tui-arrow', changeDetection: ChangeDetectionStrategy.OnPush, template: "<tui-svg\n    *polymorpheusOutlet=\"arrowIcon as src\"\n    [src]=\"src\"\n></tui-svg>\n<ng-container *ngIf=\"dropdown.openChange | async\"></ng-container>\n", styles: [":host{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;cursor:pointer;pointer-events:none}:host._rotated{transform:rotate(180deg)}\n"] }]
+        }], ctorParameters: function () { return [{ type: i2.TuiHostedDropdownComponent, decorators: [{
+                    type: Inject,
+                    args: [TuiHostedDropdownComponent]
+                }] }, { type: i2.TuiTextfieldSizeDirective, decorators: [{
+                    type: Inject,
+                    args: [TUI_TEXTFIELD_SIZE]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [TUI_ARROW_OPTIONS]
+                }] }]; }, propDecorators: { rotated: [{
+                type: HostBinding,
+                args: ['class._rotated']
+            }] } });
+const TUI_ARROW = new PolymorpheusComponent(TuiArrowComponent);
+
+class TuiArrowModule {
+}
+TuiArrowModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiArrowModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TuiArrowModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: TuiArrowModule, declarations: [TuiArrowComponent], imports: [CommonModule, TuiSvgModule, PolymorpheusModule], exports: [TuiArrowComponent] });
+TuiArrowModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiArrowModule, imports: [CommonModule, TuiSvgModule, PolymorpheusModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiArrowModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, TuiSvgModule, PolymorpheusModule],
+                    declarations: [TuiArrowComponent],
+                    exports: [TuiArrowComponent],
+                }]
+        }] });
+
+const TUI_ARROW_DEFAULT_MODE = {
+    interactive: TUI_ARROW,
+    disabled: TUI_ARROW,
+};
+/**
+ * Type of icon in dropdowns for interactive or disable mode
+ */
+const TUI_ARROW_MODE = tuiCreateToken(TUI_ARROW_DEFAULT_MODE);
+function tuiArrowModeProvider(options) {
+    return tuiProvideOptions(TUI_ARROW_MODE, options, TUI_ARROW_DEFAULT_MODE);
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TUI_ARROW, TUI_ARROW_DEFAULT_MODE, TUI_ARROW_DEFAULT_OPTIONS, TUI_ARROW_MODE, TUI_ARROW_OPTIONS, TuiArrowComponent, TuiArrowModule, tuiArrowModeProvider, tuiArrowOptionsProvider };
+//# sourceMappingURL=taiga-ui-kit-components-arrow.mjs.map

package/fesm2020/taiga-ui-kit-components-arrow.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"taiga-ui-kit-components-arrow.mjs","sources":["../../../projects/kit/components/arrow/arrow.options.ts","../../../projects/kit/components/arrow/arrow.component.ts","../../../projects/kit/components/arrow/arrow.template.html","../../../projects/kit/components/arrow/arrow.module.ts","../../../projects/kit/components/arrow/arrow.providers.ts","../../../projects/kit/components/arrow/taiga-ui-kit-components-arrow.ts"],"sourcesContent":["import {Provider} from '@angular/core';\nimport {tuiCreateToken, tuiProvideOptions} from '@taiga-ui/cdk';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\nexport interface TuiArrowOptions {\n    readonly iconLarge: PolymorpheusContent;\n    readonly iconSmall: PolymorpheusContent;\n}\n\n/** Default values for arrow options */\nexport const TUI_ARROW_DEFAULT_OPTIONS: TuiArrowOptions = {\n    iconSmall: `tuiIconChevronDown`,\n    iconLarge: `tuiIconChevronDownLarge`,\n};\n\n/**\n * Default parameters for arrow component\n */\nexport const TUI_ARROW_OPTIONS = tuiCreateToken(TUI_ARROW_DEFAULT_OPTIONS);\n\nexport function tuiArrowOptionsProvider(options: Partial<TuiArrowOptions>): Provider {\n    return tuiProvideOptions(TUI_ARROW_OPTIONS, options, TUI_ARROW_DEFAULT_OPTIONS);\n}\n","import {ChangeDetectionStrategy, Component, HostBinding, Inject} from '@angular/core';\nimport {\n    TUI_TEXTFIELD_SIZE,\n    TuiHostedDropdownComponent,\n    tuiSizeBigger,\n    TuiTextfieldSizeDirective,\n} from '@taiga-ui/core';\nimport {PolymorpheusComponent, PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\nimport {TUI_ARROW_OPTIONS, TuiArrowOptions} from './arrow.options';\n\n@Component({\n    selector: 'tui-arrow',\n    templateUrl: './arrow.template.html',\n    styleUrls: ['./arrow.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiArrowComponent {\n    constructor(\n        @Inject(TuiHostedDropdownComponent)\n        readonly dropdown: TuiHostedDropdownComponent,\n        @Inject(TUI_TEXTFIELD_SIZE)\n        private readonly textfieldSize: TuiTextfieldSizeDirective,\n        @Inject(TUI_ARROW_OPTIONS) private readonly options: TuiArrowOptions,\n    ) {}\n\n    @HostBinding('class._rotated')\n    get rotated(): boolean {\n        return this.dropdown.open;\n    }\n\n    get arrowIcon(): PolymorpheusContent {\n        return tuiSizeBigger(this.textfieldSize.size)\n            ? this.options.iconLarge\n            : this.options.iconSmall;\n    }\n}\n\nexport const TUI_ARROW = new PolymorpheusComponent(TuiArrowComponent);\n","<tui-svg\n    *polymorpheusOutlet=\"arrowIcon as src\"\n    [src]=\"src\"\n></tui-svg>\n<ng-container *ngIf=\"dropdown.openChange | async\"></ng-container>\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiSvgModule} from '@taiga-ui/core';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiArrowComponent} from './arrow.component';\n\n@NgModule({\n    imports: [CommonModule, TuiSvgModule, PolymorpheusModule],\n    declarations: [TuiArrowComponent],\n    exports: [TuiArrowComponent],\n})\nexport class TuiArrowModule {}\n","import {Provider} from '@angular/core';\nimport {TuiContextWithImplicit, tuiCreateToken, tuiProvideOptions} from '@taiga-ui/cdk';\nimport {TuiSizeL, TuiSizeM, TuiSizeS} from '@taiga-ui/core';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\nimport {TUI_ARROW} from './arrow.component';\n\nexport interface TuiArrowMode {\n    readonly disabled: PolymorpheusContent<\n        TuiContextWithImplicit<TuiSizeL | TuiSizeM | TuiSizeS>\n    >;\n    readonly interactive: PolymorpheusContent<\n        TuiContextWithImplicit<TuiSizeL | TuiSizeM | TuiSizeS>\n    >;\n}\n\nexport const TUI_ARROW_DEFAULT_MODE: TuiArrowMode = {\n    interactive: TUI_ARROW,\n    disabled: TUI_ARROW,\n};\n\n/**\n * Type of icon in dropdowns for interactive or disable mode\n */\nexport const TUI_ARROW_MODE = tuiCreateToken(TUI_ARROW_DEFAULT_MODE);\n\nexport function tuiArrowModeProvider(options: Partial<TuiArrowMode>): Provider {\n    return tuiProvideOptions(TUI_ARROW_MODE, options, TUI_ARROW_DEFAULT_MODE);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}