@taiga-ui/kit 2.25.0 → 2.26.0

package/components/carousel/taiga-ui-kit-components-carousel.metadata.json

@@ -0,0 +1 @@
+{"__symbolic":"module","version":4,"metadata":{"TuiCarouselComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"selector":"tui-carousel","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":25,"character":21},"member":"OnPush"},"providers":[{"provide":{"__symbolic":"reference","module":"@ng-web-apis/intersection-observer","name":"INTERSECTION_ROOT","line":28,"character":21},"useExisting":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":29,"character":25}}],"template":"<ng-container *ngIf=\"items.changes | async\"></ng-container>\n<div\n    *ngIf=\"{\n        manual: manual$ | async,\n        intersected: indexChange | async\n    } as state\"\n    waIntersectionObserver\n    waIntersectionThreshold=\"0,1\"\n    waIntersectionRootMargin=\"100px 100000px 100px -51%\"\n    class=\"t-items\"\n    [class.t-items_visible]=\"attached\"\n    [style.transform]=\"transform$ | async\"\n    (tuiPresentChange)=\"onPresent($event)\"\n>\n    <div\n        *ngFor=\"let item of items; let i = index\"\n        tuiCarouselScroller\n        class=\"t-item\"\n        [scroll]=\"attached && i === state.manual && i !== state.intersected\"\n        [index]=\"i\"\n        [current]=\"state.intersected\"\n        [ngStyle]=\"getStyle(itemsCount)\"\n        (waIntersectionObservee)=\"onIntersection($event[0], i)\"\n    >\n        <ng-container [ngTemplateOutlet]=\"item\"></ng-container>\n    </div>\n</div>\n<div class=\"t-content\">\n    <ng-content></ng-content>\n</div>\n","styles":[":host{scrollbar-width:none;-ms-overflow-style:none;position:relative;display:block;overflow:auto;overscroll-behavior-x:none;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}:host::-webkit-scrollbar,:host::-webkit-scrollbar-thumb{background:0 0;width:0;height:0}:host._transitioned{-ms-scroll-snap-type:none;scroll-snap-type:none}:host._draggable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host._draggable:hover{cursor:-webkit-grab;cursor:grab}:host._draggable:active{cursor:-webkit-grabbing;cursor:grabbing}.t-items{display:flex;align-items:center;visibility:hidden}.t-items_visible{visibility:visible}.t-items:not([style*=transform]){transition-property:transform;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out}.t-item{padding:0 1.25rem;flex:1;min-width:100%;max-width:100%;box-sizing:border-box;scroll-snap-align:start;scroll-snap-stop:always}.t-content{position:sticky;left:0;display:flex;justify-content:center}"]}]}],"members":{"itemsCount":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":37,"character":5}}]}],"index":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":41,"character":5}}]}],"indexChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":44,"character":5}}]}],"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":51,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiItemDirective","line":51,"character":21},{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":51,"character":46}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":55,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":56,"character":9},"arguments":[{"__symbolic":"reference","name":"TuiCarouselDraggableDirective"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":58,"character":9},"arguments":[{"__symbolic":"reference","name":"TuiCarouselDirective"}]}]],"parameters":[{"__symbolic":"reference","name":"Observable","module":"rxjs","arguments":[{"__symbolic":"reference","name":"number"}]},{"__symbolic":"reference","name":"Observable","module":"rxjs","arguments":[{"__symbolic":"reference","name":"number"}]}]}],"getStyle":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":61,"character":5}]}],"onIntersection":[{"__symbolic":"method"}],"onPresent":[{"__symbolic":"method"}],"loopback":[{"__symbolic":"method"}]}},"TuiCarouselDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"rxjs","name":"Observable","line":21,"character":42},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":16,"character":1},"arguments":[{"selector":"tui-carousel","exportAs":"tui-carousel","providers":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiDestroyService","line":19,"character":16}]}]}],"members":{"index":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":5}}]}],"duration":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":63,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiDestroyService","line":63,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":64,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":64,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":65,"character":9},"arguments":[{"__symbolic":"reference","module":"@ng-web-apis/common","name":"PAGE_VISIBILITY","line":65,"character":16}]}]],"parameters":[{"__symbolic":"reference","name":"Observable","module":"rxjs","arguments":[{"__symbolic":"reference","name":"boolean"}]},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":64,"character":68,"context":{"typeName":"HTMLElement"},"module":"./carousel.directive"}]},{"__symbolic":"reference","name":"Observable","module":"rxjs","arguments":[{"__symbolic":"reference","name":"boolean"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"prev":[{"__symbolic":"method"}],"next":[{"__symbolic":"method"}]}},"TuiCarouselModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":14},{"__symbolic":"reference","module":"@ng-web-apis/intersection-observer","name":"IntersectionObserverModule","line":13,"character":28},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiItemModule","line":13,"character":56},{"__symbolic":"reference","module":"@taiga-ui/kit/directives","name":"TuiPresentModule","line":13,"character":71}],"declarations":[{"__symbolic":"reference","name":"TuiCarouselComponent"},{"__symbolic":"reference","name":"TuiCarouselDirective"},{"__symbolic":"reference","name":"TuiCarouselScrollerDirective"},{"__symbolic":"reference","name":"TuiCarouselDraggableDirective"},{"__symbolic":"reference","name":"TuiCarouselButtonsDirective"}],"exports":[{"__symbolic":"reference","name":"TuiCarouselComponent"},{"__symbolic":"reference","name":"TuiCarouselDirective"},{"__symbolic":"reference","name":"TuiCarouselButtonsDirective"},{"__symbolic":"reference","name":"TuiCarouselDraggableDirective"},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiItemDirective","line":26,"character":8}]}]}],"members":{}},"CAROUSEL_BUTTON_OPTIONS":{"appearance":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiAppearance","line":5,"character":16},"member":"Secondary"},"shape":"rounded","size":"m"},"TuiCarouselButtonsDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":10,"character":1},"arguments":[{"selector":"[tuiCarouselButtons]","providers":[{"provide":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_BUTTON_OPTIONS","line":14,"character":21},"useValue":{"__symbolic":"reference","name":"CAROUSEL_BUTTON_OPTIONS"}}]}]}],"members":{}},"TuiCarouselDraggableDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"rxjs","name":"Observable","line":25,"character":51},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":21,"character":1},"arguments":[{"selector":"tui-carousel[draggable]","providers":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiPanService","line":23,"character":16}]}]}],"members":{"draggable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":41,"character":5},"arguments":["class._draggable"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":42,"character":5}}]}],"transitioned":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":45,"character":5},"arguments":["class._transitioned"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":49,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":49,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":50,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TUI_IS_MOBILE","line":50,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":51,"character":9},"arguments":[{"__symbolic":"reference","module":"@ng-web-apis/intersection-observer","name":"INTERSECTION_ROOT","line":51,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":52,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiPanService","line":52,"character":16}]}]],"parameters":[{"__symbolic":"error","message":"Could not resolve type","line":49,"character":56,"context":{"typeName":"Document"},"module":"./carousel-draggable.directive"},{"__symbolic":"reference","name":"boolean"},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":51,"character":75,"context":{"typeName":"HTMLElement"},"module":"./carousel-draggable.directive"}]},{"__symbolic":"reference","name":"Observable","module":"rxjs","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":53,"character":42,"module":"./carousel-draggable.directive"}]}]}],"onMouseDown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":58,"character":5},"arguments":["mousedown.silent"]}]}],"onTransitionEnd":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":67,"character":5},"arguments":["transitionend",["$event.target"]]}]}]}},"shouldScroll":{"__symbolic":"function","parameters":["this"],"value":{"__symbolic":"binop","operator":"&&","left":{"__symbolic":"binop","operator":"&&","left":{"__symbolic":"pre","operator":"!","operand":{"__symbolic":"error","message":"Expression form not supported","line":16,"character":12,"module":"./carousel-scroller.directive"}},"right":{"__symbolic":"pre","operator":"!","operand":{"__symbolic":"pre","operator":"!","operand":{"__symbolic":"error","message":"Expression form not supported","line":16,"character":31,"module":"./carousel-scroller.directive"}}}},"right":{"__symbolic":"binop","operator":"===","left":{"__symbolic":"error","message":"Expression form not supported","line":16,"character":60,"module":"./carousel-scroller.directive"},"right":{"__symbolic":"error","message":"Expression form not supported","line":16,"character":75,"module":"./carousel-scroller.directive"}}}},"TuiCarouselScrollerDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":20,"character":1},"arguments":[{"selector":"[tuiCarouselScroller]"}]}],"members":{"scroll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":5}}]}],"index":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":5}}]}],"current":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":38,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":39,"character":9},"arguments":[{"__symbolic":"reference","name":"TuiCarouselDraggableDirective"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":41,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TUI_IS_MOBILE","line":41,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":42,"character":9},"arguments":[{"__symbolic":"reference","name":"TuiCarouselDirective"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":43,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":43,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":44,"character":9},"arguments":[{"__symbolic":"reference","module":"@ng-web-apis/intersection-observer","name":"INTERSECTION_ROOT","line":44,"character":16}]}]],"parameters":[{"__symbolic":"reference","name":"TuiCarouselDraggableDirective"},{"__symbolic":"reference","name":"boolean"},{"__symbolic":"reference","name":"TuiCarouselDirective"},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":44,"character":69,"context":{"typeName":"HTMLElement"},"module":"./carousel-scroller.directive"}]},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":44,"character":69,"context":{"typeName":"HTMLElement"},"module":"./carousel-scroller.directive"}]}]}],"onMouseUp":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":47,"character":5},"arguments":["document:mouseup.init",["$event"]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":48,"character":5},"arguments":["document:mouseup.silent",["$event"]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@tinkoff/ng-event-plugins","name":"shouldCall","line":49,"character":5},"arguments":[{"__symbolic":"reference","name":"shouldScroll"}]}]}],"scrollTo":[{"__symbolic":"method"}]}}},"origins":{"TuiCarouselComponent":"./carousel.component","TuiCarouselDirective":"./carousel.directive","TuiCarouselModule":"./carousel.module","CAROUSEL_BUTTON_OPTIONS":"./carousel-buttons.directive","TuiCarouselButtonsDirective":"./carousel-buttons.directive","TuiCarouselDraggableDirective":"./carousel-draggable.directive","shouldScroll":"./carousel-scroller.directive","TuiCarouselScrollerDirective":"./carousel-scroller.directive"},"importAs":"@taiga-ui/kit/components/carousel"}

package/components/index.d.ts

@@ -7,6 +7,7 @@ export * from '@taiga-ui/kit/components/badged-content';
 export * from '@taiga-ui/kit/components/breadcrumbs';
 export * from '@taiga-ui/kit/components/calendar-month';
 export * from '@taiga-ui/kit/components/calendar-range';
+export * from '@taiga-ui/kit/components/carousel';
 export * from '@taiga-ui/kit/components/checkbox';
 export * from '@taiga-ui/kit/components/checkbox-block';
 export * from '@taiga-ui/kit/components/checkbox-labeled';

package/components/taiga-ui-kit-components.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"exports":[{"from":"@taiga-ui/kit/components/accordion"},{"from":"@taiga-ui/kit/components/action"},{"from":"@taiga-ui/kit/components/arrow"},{"from":"@taiga-ui/kit/components/avatar"},{"from":"@taiga-ui/kit/components/badge"},{"from":"@taiga-ui/kit/components/badged-content"},{"from":"@taiga-ui/kit/components/breadcrumbs"},{"from":"@taiga-ui/kit/components/calendar-month"},{"from":"@taiga-ui/kit/components/calendar-range"},{"from":"@taiga-ui/kit/components/checkbox"},{"from":"@taiga-ui/kit/components/checkbox-block"},{"from":"@taiga-ui/kit/components/checkbox-labeled"},{"from":"@taiga-ui/kit/components/combo-box"},{"from":"@taiga-ui/kit/components/data-list-wrapper"},{"from":"@taiga-ui/kit/components/field-error"},{"from":"@taiga-ui/kit/components/filter"},{"from":"@taiga-ui/kit/components/input"},{"from":"@taiga-ui/kit/components/input-copy"},{"from":"@taiga-ui/kit/components/input-count"},{"from":"@taiga-ui/kit/components/input-date"},{"from":"@taiga-ui/kit/components/input-date-range"},{"from":"@taiga-ui/kit/components/input-date-time"},{"from":"@taiga-ui/kit/components/input-file"},{"from":"@taiga-ui/kit/components/input-inline"},{"from":"@taiga-ui/kit/components/input-month"},{"from":"@taiga-ui/kit/components/input-month-range"},{"from":"@taiga-ui/kit/components/input-number"},{"from":"@taiga-ui/kit/components/input-password"},{"from":"@taiga-ui/kit/components/input-phone"},{"from":"@taiga-ui/kit/components/input-phone-international"},{"from":"@taiga-ui/kit/components/input-range"},{"from":"@taiga-ui/kit/components/input-slider"},{"from":"@taiga-ui/kit/components/input-tag"},{"from":"@taiga-ui/kit/components/input-time"},{"from":"@taiga-ui/kit/components/island"},{"from":"@taiga-ui/kit/components/line-clamp"},{"from":"@taiga-ui/kit/components/marker-icon"},{"from":"@taiga-ui/kit/components/multi-select"},{"from":"@taiga-ui/kit/components/multi-select-option"},{"from":"@taiga-ui/kit/components/pagination"},{"from":"@taiga-ui/kit/components/pdf-viewer"},{"from":"@taiga-ui/kit/components/progress"},{"from":"@taiga-ui/kit/components/radio"},{"from":"@taiga-ui/kit/components/radio-block"},{"from":"@taiga-ui/kit/components/radio-group"},{"from":"@taiga-ui/kit/components/radio-labeled"},{"from":"@taiga-ui/kit/components/radio-list"},{"from":"@taiga-ui/kit/components/range"},{"from":"@taiga-ui/kit/components/select"},{"from":"@taiga-ui/kit/components/select-option"},{"from":"@taiga-ui/kit/components/slider"},{"from":"@taiga-ui/kit/components/stepper"},{"from":"@taiga-ui/kit/components/tabs"},{"from":"@taiga-ui/kit/components/tag"},{"from":"@taiga-ui/kit/components/text-area"},{"from":"@taiga-ui/kit/components/toggle"},{"from":"@taiga-ui/kit/components/tree"}],"metadata":{},"origins":{},"importAs":"@taiga-ui/kit/components"}
+{"__symbolic":"module","version":4,"exports":[{"from":"@taiga-ui/kit/components/accordion"},{"from":"@taiga-ui/kit/components/action"},{"from":"@taiga-ui/kit/components/arrow"},{"from":"@taiga-ui/kit/components/avatar"},{"from":"@taiga-ui/kit/components/badge"},{"from":"@taiga-ui/kit/components/badged-content"},{"from":"@taiga-ui/kit/components/breadcrumbs"},{"from":"@taiga-ui/kit/components/calendar-month"},{"from":"@taiga-ui/kit/components/calendar-range"},{"from":"@taiga-ui/kit/components/carousel"},{"from":"@taiga-ui/kit/components/checkbox"},{"from":"@taiga-ui/kit/components/checkbox-block"},{"from":"@taiga-ui/kit/components/checkbox-labeled"},{"from":"@taiga-ui/kit/components/combo-box"},{"from":"@taiga-ui/kit/components/data-list-wrapper"},{"from":"@taiga-ui/kit/components/field-error"},{"from":"@taiga-ui/kit/components/filter"},{"from":"@taiga-ui/kit/components/input"},{"from":"@taiga-ui/kit/components/input-copy"},{"from":"@taiga-ui/kit/components/input-count"},{"from":"@taiga-ui/kit/components/input-date"},{"from":"@taiga-ui/kit/components/input-date-range"},{"from":"@taiga-ui/kit/components/input-date-time"},{"from":"@taiga-ui/kit/components/input-file"},{"from":"@taiga-ui/kit/components/input-inline"},{"from":"@taiga-ui/kit/components/input-month"},{"from":"@taiga-ui/kit/components/input-month-range"},{"from":"@taiga-ui/kit/components/input-number"},{"from":"@taiga-ui/kit/components/input-password"},{"from":"@taiga-ui/kit/components/input-phone"},{"from":"@taiga-ui/kit/components/input-phone-international"},{"from":"@taiga-ui/kit/components/input-range"},{"from":"@taiga-ui/kit/components/input-slider"},{"from":"@taiga-ui/kit/components/input-tag"},{"from":"@taiga-ui/kit/components/input-time"},{"from":"@taiga-ui/kit/components/island"},{"from":"@taiga-ui/kit/components/line-clamp"},{"from":"@taiga-ui/kit/components/marker-icon"},{"from":"@taiga-ui/kit/components/multi-select"},{"from":"@taiga-ui/kit/components/multi-select-option"},{"from":"@taiga-ui/kit/components/pagination"},{"from":"@taiga-ui/kit/components/pdf-viewer"},{"from":"@taiga-ui/kit/components/progress"},{"from":"@taiga-ui/kit/components/radio"},{"from":"@taiga-ui/kit/components/radio-block"},{"from":"@taiga-ui/kit/components/radio-group"},{"from":"@taiga-ui/kit/components/radio-labeled"},{"from":"@taiga-ui/kit/components/radio-list"},{"from":"@taiga-ui/kit/components/range"},{"from":"@taiga-ui/kit/components/select"},{"from":"@taiga-ui/kit/components/select-option"},{"from":"@taiga-ui/kit/components/slider"},{"from":"@taiga-ui/kit/components/stepper"},{"from":"@taiga-ui/kit/components/tabs"},{"from":"@taiga-ui/kit/components/tag"},{"from":"@taiga-ui/kit/components/text-area"},{"from":"@taiga-ui/kit/components/toggle"},{"from":"@taiga-ui/kit/components/tree"}],"metadata":{},"origins":{},"importAs":"@taiga-ui/kit/components"}

package/components/tree/components/tree/tree.component.d.ts

@@ -1,10 +1,15 @@
+import { DoCheck } from '@angular/core';
 import { PolymorpheusContent } from '@tinkoff/ng-polymorpheus';
 import { TuiTreeChildrenDirective } from '../../directives/tree-children.directive';
 import { TuiTreeContext } from '../../misc/tree.interfaces';
-export declare class TuiTreeComponent<T> {
+import { TuiTreeItemComponent } from '../tree-item/tree-item.component';
+export declare class TuiTreeComponent<T> implements DoCheck {
     readonly directive: TuiTreeChildrenDirective<T> | null;
     value: T;
     content: PolymorpheusContent<TuiTreeContext<T>>;
+    readonly item?: TuiTreeItemComponent;
+    readonly child?: TuiTreeComponent<T>;
     constructor(directive: TuiTreeChildrenDirective<T> | null);
     get children(): readonly T[];
+    ngDoCheck(): void;
 }

package/components/tree/taiga-ui-kit-components-tree.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"TuiTreeComponent":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"tui-tree[value]","providers":[{"provide":{"__symbolic":"reference","name":"TUI_TREE_NODE"},"useExisting":{"__symbolic":"reference","name":"TuiTreeComponent"}}],"host":{"role":"tree"},"template":"<tui-tree-item #view [tuiTreeNode]=\"value\">\n    <div\n        *ngIf=\"value !== children\"\n        polymorpheus-outlet\n        [content]=\"content\"\n        [context]=\"{$implicit: value, node: view}\"\n    ></div>\n    <tui-tree\n        *ngFor=\"let child of children\"\n        [value]=\"child\"\n        [content]=\"content\"\n    ></tui-tree>\n</tui-tree-item>\n","styles":[":host{position:relative;display:block}"]}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":5}}]}],"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":29,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":30,"character":9},"arguments":[{"__symbolic":"reference","name":"TuiTreeChildrenDirective"}]}]],"parameters":[{"__symbolic":"reference","name":"TuiTreeChildrenDirective"}]}]}},"TuiTreeItemComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":25,"character":1},"arguments":[{"selector":"tui-tree-item","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":29,"character":21},"member":"OnPush"},"providers":{"__symbolic":"reference","name":"TUI_TREE_ITEM_PROVIDERS"},"host":{"role":"treeitem"},"template":"<ng-template #template><ng-content></ng-content></ng-template>\n<div\n    polymorpheus-outlet\n    class=\"t-content\"\n    [content]=\"content\"\n    [context]=\"{$implicit: this, template: template}\"\n></div>\n<tui-expand\n    *ngIf=\"isExpandable\"\n    role=\"group\"\n    class=\"t-children\"\n    [expanded]=\"expanded$ | async\"\n>\n    <div>\n        <ng-content select=\"tui-tree-item\"></ng-content>\n        <ng-content select=\"tui-tree\"></ng-content>\n    </div>\n</tui-expand>\n<ng-container *ngIf=\"attached$ | async\"></ng-container>\n","styles":[":host{display:block}.t-children{position:relative;margin-left:var(--tui-tree-item-indent,1.5rem)}"]}]}],"members":{"nested":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":38,"character":5},"arguments":[{"__symbolic":"reference","name":"TUI_TREE_NODE"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":53,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":53,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":55,"character":9},"arguments":[{"__symbolic":"reference","name":"TUI_TREE_CONTROLLER"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":57,"character":9},"arguments":[{"__symbolic":"reference","name":"TUI_TREE_LEVEL"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":59,"character":9},"arguments":[{"__symbolic":"reference","name":"TUI_TREE_CONTENT"}]}]],"parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":54,"character":48,"context":{"typeName":"HTMLElement"},"module":"./components/tree-item/tree-item.component"}]},{"__symbolic":"reference","name":"TuiTreeController"},{"__symbolic":"reference","name":"number"},{"__symbolic":"reference","name":"PolymorpheusContent","module":"@tinkoff/ng-polymorpheus","arguments":[{"__symbolic":"reference","name":"TuiTreeItemContext"}]}]}],"isExpandable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":63,"character":5},"arguments":["class._expandable"]}]}],"ngDoCheck":[{"__symbolic":"method"}]}},"TUI_TREE_ITEM_PROVIDERS":[{"provide":{"__symbolic":"reference","name":"TUI_TREE_LEVEL"},"deps":[[{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":8,"character":20}},{"__symbolic":"reference","name":"TUI_TREE_LEVEL"}]],"useFactory":{"__symbolic":"reference","name":"treeLevelFactory"}},{"provide":{"__symbolic":"reference","name":"TUI_TREE_NODE"},"useExisting":{"__symbolic":"reference","name":"TuiTreeItemComponent"}}],"treeLevelFactory":{"__symbolic":"function","parameters":["level"]},"TuiTreeItemContentComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"tui-tree-item-content","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":17,"character":21},"member":"OnPush"},"template":"<button\n    *ngIf=\"isExpandable\"\n    tuiIconButton\n    size=\"xs\"\n    appearance=\"flat\"\n    icon=\"tuiIconChevronRight\"\n    shape=\"rounded\"\n    class=\"t-button\"\n    [class.t-button_expanded]=\"isExpanded\"\n    (click)=\"onClick()\"\n></button>\n<ng-container *ngTemplateOutlet=\"context.template\"></ng-container>\n","styles":[":host{display:flex;align-items:center}:host :host-context(tui-tree-item._expandable):not(._expandable){padding-left:2rem}.t-button{transition-property:transform;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;margin-right:.5rem}.t-button_expanded{transform:rotate(90deg)}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":21,"character":9},"arguments":[{"__symbolic":"reference","module":"@tinkoff/ng-polymorpheus","name":"POLYMORPHEUS_CONTEXT","line":21,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":22,"character":9},"arguments":[{"__symbolic":"reference","name":"TUI_TREE_CONTROLLER"}]}]],"parameters":[{"__symbolic":"reference","name":"TuiTreeItemContext"},{"__symbolic":"reference","name":"TuiTreeController"}]}],"isExpandable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":30,"character":5},"arguments":["class._expandable"]}]}],"onClick":[{"__symbolic":"method"}]}},"TuiTreeChildrenDirective":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":3,"character":1},"arguments":[{"selector":"tui-tree[childrenHandler]"}]}],"members":{"childrenHandler":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":7,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":8,"character":5}}]}]},"statics":{"defaultHandler":{"__symbolic":"function","parameters":["item"],"value":{"__symbolic":"if","condition":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"Array"},"member":"isArray"},"arguments":[{"__symbolic":"reference","name":"item"}]},"thenExpression":{"__symbolic":"reference","name":"item"},"elseExpression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"EMPTY_ARRAY","line":13,"character":44}}}}},"TuiTreeControllerDirective":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":7,"character":1},"arguments":[{"selector":"[tuiTreeController][map]","exportAs":"tuiTreeController","providers":[{"provide":{"__symbolic":"reference","name":"TUI_TREE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"TuiTreeControllerDirective"}},{"provide":{"__symbolic":"reference","name":"TUI_TREE_CONTROLLER"},"useExisting":{"__symbolic":"reference","name":"TuiTreeControllerDirective"}}]}]}],"members":{"fallback":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":5},"arguments":["tuiTreeController"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":25,"character":5}}]}],"map":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":29,"character":5}}]}],"toggled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":32,"character":5}}]}],"register":[{"__symbolic":"method"}],"unregister":[{"__symbolic":"method"}],"isExpanded":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}]}},"TuiTreeItemControllerDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":7,"character":1},"arguments":[{"selector":"[tuiTreeController]:not([map])","exportAs":"tuiTreeController","providers":[{"provide":{"__symbolic":"reference","name":"TUI_TREE_CONTROLLER"},"useExisting":{"__symbolic":"reference","name":"TuiTreeItemControllerDirective"}}]}]}],"members":{"fallback":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5},"arguments":["tuiTreeController"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":19,"character":5}}]}],"isExpanded":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}]}},"TuiTreeNodeDirective":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":6,"character":1},"arguments":[{"selector":"tui-tree-item[tuiTreeNode]"}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":5},"arguments":["tuiTreeNode"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":16,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":17,"character":9},"arguments":[{"__symbolic":"reference","name":"TUI_TREE_ACCESSOR"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":19,"character":9},"arguments":[{"__symbolic":"reference","name":"TuiTreeItemComponent"}]}]],"parameters":[{"__symbolic":"reference","name":"TuiTreeAccessor"},{"__symbolic":"reference","name":"TuiTreeItemComponent"}]}],"ngOnDestroy":[{"__symbolic":"method"}]}},"TUI_TREE_ITEM_CONTENT":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@tinkoff/ng-polymorpheus","name":"PolymorpheusComponent","line":6,"character":41},"arguments":[{"__symbolic":"reference","name":"TuiTreeItemContentComponent"}]},"TUI_DEFAULT_TREE_CONTROLLER":{"isExpanded":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"ALWAYS_TRUE_HANDLER","line":11,"character":16},"toggle":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"EMPTY_FUNCTION","line":12,"character":12}},"TuiTreeItemContext":{"__symbolic":"interface"},"TuiTreeContext":{"__symbolic":"interface"},"TuiTreeController":{"__symbolic":"interface"},"TuiTreeAccessor":{"__symbolic":"interface"},"TuiTreeLoader":{"__symbolic":"interface"},"TuiTreeService":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":8,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":27,"character":9},"arguments":[{"__symbolic":"reference","name":"TUI_TREE_LOADING"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":28,"character":9},"arguments":[{"__symbolic":"reference","name":"TUI_TREE_START"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":29,"character":9},"arguments":[{"__symbolic":"reference","name":"TUI_TREE_LOADER"}]}]],"parameters":[{"__symbolic":"error","message":"Could not resolve type","line":27,"character":60,"context":{"typeName":"T"},"module":"./misc/tree.service"},{"__symbolic":"error","message":"Could not resolve type","line":28,"character":56,"context":{"typeName":"T"},"module":"./misc/tree.service"},{"__symbolic":"reference","name":"TuiTreeLoader"}]}],"getChildren":[{"__symbolic":"method"}],"loadChildren":[{"__symbolic":"method"}]}},"TUI_TREE_ACCESSOR":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":11,"character":37},"arguments":["Controller for tracking value - TuiTreeItemComponent pairs"]},"TUI_TREE_CONTROLLER":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":15,"character":39},"arguments":["Controller for expanding the tree",{"__symbolic":"error","message":"Lambda not supported","line":18,"character":17,"module":"./misc/tree.tokens"}]},"TUI_TREE_NODE":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":22,"character":33},"arguments":["A node of a tree view"]},"TUI_TREE_LOADING":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":24,"character":36},"arguments":["A tree node placeholder for loading",{"__symbolic":"error","message":"Lambda not supported","line":26,"character":14,"module":"./misc/tree.tokens"}]},"TUI_TREE_START":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":29,"character":34},"arguments":["A tree node starting point"]},"TUI_TREE_LOADER":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":31,"character":35},"arguments":["A service to load tree progressively"]},"TUI_TREE_CONTENT":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":35,"character":36},"arguments":["Content for a tree item",{"__symbolic":"error","message":"Lambda not supported","line":38,"character":13,"module":"./misc/tree.tokens"}]},"TUI_TREE_LEVEL":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":41,"character":34},"arguments":["Nesting level of current TreeView node",{"__symbolic":"error","message":"Lambda not supported","line":44,"character":17,"module":"./misc/tree.tokens"}]},"TuiTreeModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":13,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":14,"character":14},{"__symbolic":"reference","module":"@tinkoff/ng-polymorpheus","name":"PolymorpheusModule","line":14,"character":28},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiExpandModule","line":14,"character":48},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiButtonModule","line":14,"character":65}],"entryComponents":[{"__symbolic":"reference","name":"TuiTreeItemContentComponent"}],"declarations":[{"__symbolic":"reference","name":"TuiTreeComponent"},{"__symbolic":"reference","name":"TuiTreeItemComponent"},{"__symbolic":"reference","name":"TuiTreeItemContentComponent"},{"__symbolic":"reference","name":"TuiTreeChildrenDirective"},{"__symbolic":"reference","name":"TuiTreeItemControllerDirective"},{"__symbolic":"reference","name":"TuiTreeControllerDirective"},{"__symbolic":"reference","name":"TuiTreeNodeDirective"}],"exports":[{"__symbolic":"reference","name":"TuiTreeComponent"},{"__symbolic":"reference","name":"TuiTreeItemComponent"},{"__symbolic":"reference","name":"TuiTreeChildrenDirective"},{"__symbolic":"reference","name":"TuiTreeItemControllerDirective"},{"__symbolic":"reference","name":"TuiTreeControllerDirective"}]}]}],"members":{}}},"origins":{"TuiTreeComponent":"./components/tree/tree.component","TuiTreeItemComponent":"./components/tree-item/tree-item.component","TUI_TREE_ITEM_PROVIDERS":"./components/tree-item/tree-item.providers","treeLevelFactory":"./components/tree-item/tree-item.providers","TuiTreeItemContentComponent":"./components/tree-item-content/tree-item-content.component","TuiTreeChildrenDirective":"./directives/tree-children.directive","TuiTreeControllerDirective":"./directives/tree-controller.directive","TuiTreeItemControllerDirective":"./directives/tree-item-controller.directive","TuiTreeNodeDirective":"./directives/tree-node.directive","TUI_TREE_ITEM_CONTENT":"./misc/tree.constants","TUI_DEFAULT_TREE_CONTROLLER":"./misc/tree.constants","TuiTreeItemContext":"./misc/tree.interfaces","TuiTreeContext":"./misc/tree.interfaces","TuiTreeController":"./misc/tree.interfaces","TuiTreeAccessor":"./misc/tree.interfaces","TuiTreeLoader":"./misc/tree.interfaces","TuiTreeService":"./misc/tree.service","TUI_TREE_ACCESSOR":"./misc/tree.tokens","TUI_TREE_CONTROLLER":"./misc/tree.tokens","TUI_TREE_NODE":"./misc/tree.tokens","TUI_TREE_LOADING":"./misc/tree.tokens","TUI_TREE_START":"./misc/tree.tokens","TUI_TREE_LOADER":"./misc/tree.tokens","TUI_TREE_CONTENT":"./misc/tree.tokens","TUI_TREE_LEVEL":"./misc/tree.tokens","TuiTreeModule":"./tree.module"},"importAs":"@taiga-ui/kit/components/tree"}
+{"__symbolic":"module","version":4,"metadata":{"TuiTreeComponent":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"tui-tree[value]","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":20,"character":21},"member":"OnPush"},"providers":[{"provide":{"__symbolic":"reference","name":"TUI_TREE_NODE"},"useExisting":{"__symbolic":"reference","name":"TuiTreeComponent"}}],"host":{"role":"tree"},"template":"<tui-tree-item #view [tuiTreeNode]=\"value\">\n    <div\n        *ngIf=\"value !== children\"\n        polymorpheus-outlet\n        [content]=\"content\"\n        [context]=\"{$implicit: value, node: view}\"\n    ></div>\n    <tui-tree\n        *ngFor=\"let child of children\"\n        [value]=\"child\"\n        [content]=\"content\"\n    ></tui-tree>\n</tui-tree-item>\n","styles":[":host{position:relative;display:block}"]}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":5}}]}],"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":5}}]}],"item":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":38,"character":5},"arguments":[{"__symbolic":"reference","name":"TuiTreeItemComponent"}]}]}],"child":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":41,"character":5},"arguments":[{"__symbolic":"reference","name":"TuiTreeComponent"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":45,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":46,"character":9},"arguments":[{"__symbolic":"reference","name":"TuiTreeChildrenDirective"}]}]],"parameters":[{"__symbolic":"reference","name":"TuiTreeChildrenDirective"}]}],"ngDoCheck":[{"__symbolic":"method"}]}},"TuiTreeItemComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":25,"character":1},"arguments":[{"selector":"tui-tree-item","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":29,"character":21},"member":"OnPush"},"providers":{"__symbolic":"reference","name":"TUI_TREE_ITEM_PROVIDERS"},"host":{"role":"treeitem"},"template":"<ng-template #template><ng-content></ng-content></ng-template>\n<div\n    polymorpheus-outlet\n    [content]=\"content\"\n    [context]=\"{$implicit: this, template: template}\"\n></div>\n<tui-expand\n    *ngIf=\"isExpandable\"\n    role=\"group\"\n    class=\"t-children\"\n    [expanded]=\"expanded$ | async\"\n>\n    <div>\n        <ng-content select=\"tui-tree-item\"></ng-content>\n        <ng-content select=\"tui-tree\"></ng-content>\n    </div>\n</tui-expand>\n<ng-container *ngIf=\"attached$ | async\"></ng-container>\n","styles":[":host{display:block}.t-children{position:relative;margin-left:var(--tui-tree-item-indent,1.5rem)}"]}]}],"members":{"nested":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":38,"character":5},"arguments":[{"__symbolic":"reference","name":"TUI_TREE_NODE"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":53,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":53,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":55,"character":9},"arguments":[{"__symbolic":"reference","name":"TUI_TREE_CONTROLLER"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":57,"character":9},"arguments":[{"__symbolic":"reference","name":"TUI_TREE_LEVEL"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":59,"character":9},"arguments":[{"__symbolic":"reference","name":"TUI_TREE_CONTENT"}]}]],"parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":54,"character":48,"context":{"typeName":"HTMLElement"},"module":"./components/tree-item/tree-item.component"}]},{"__symbolic":"reference","name":"TuiTreeController"},{"__symbolic":"reference","name":"number"},{"__symbolic":"reference","name":"PolymorpheusContent","module":"@tinkoff/ng-polymorpheus","arguments":[{"__symbolic":"reference","name":"TuiTreeItemContext"}]}]}],"isExpandable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":63,"character":5},"arguments":["class._expandable"]}]}],"ngDoCheck":[{"__symbolic":"method"}]}},"TUI_TREE_ITEM_PROVIDERS":[{"provide":{"__symbolic":"reference","name":"TUI_TREE_LEVEL"},"deps":[[{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":8,"character":20}},{"__symbolic":"reference","name":"TUI_TREE_LEVEL"}]],"useFactory":{"__symbolic":"reference","name":"treeLevelFactory"}},{"provide":{"__symbolic":"reference","name":"TUI_TREE_NODE"},"useExisting":{"__symbolic":"reference","name":"TuiTreeItemComponent"}}],"treeLevelFactory":{"__symbolic":"function","parameters":["level"]},"TuiTreeItemContentComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"tui-tree-item-content","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":17,"character":21},"member":"OnPush"},"template":"<button\n    *ngIf=\"isExpandable\"\n    tuiIconButton\n    size=\"xs\"\n    appearance=\"flat\"\n    icon=\"tuiIconChevronRight\"\n    shape=\"rounded\"\n    class=\"t-button\"\n    [class.t-button_expanded]=\"isExpanded\"\n    (click)=\"onClick()\"\n></button>\n<ng-container *ngTemplateOutlet=\"context.template\"></ng-container>\n","styles":[":host{display:flex;align-items:center}:host :host-context(tui-tree-item._expandable):not(._expandable){padding-left:2rem}.t-button{transition-property:transform;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;margin-right:.5rem}.t-button_expanded{transform:rotate(90deg)}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":21,"character":9},"arguments":[{"__symbolic":"reference","module":"@tinkoff/ng-polymorpheus","name":"POLYMORPHEUS_CONTEXT","line":21,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":22,"character":9},"arguments":[{"__symbolic":"reference","name":"TUI_TREE_CONTROLLER"}]}]],"parameters":[{"__symbolic":"reference","name":"TuiTreeItemContext"},{"__symbolic":"reference","name":"TuiTreeController"}]}],"isExpandable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":30,"character":5},"arguments":["class._expandable"]}]}],"onClick":[{"__symbolic":"method"}]}},"TuiTreeChildrenDirective":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":3,"character":1},"arguments":[{"selector":"tui-tree[childrenHandler]"}]}],"members":{"childrenHandler":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":7,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":8,"character":5}}]}]},"statics":{"defaultHandler":{"__symbolic":"function","parameters":["item"],"value":{"__symbolic":"if","condition":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"Array"},"member":"isArray"},"arguments":[{"__symbolic":"reference","name":"item"}]},"thenExpression":{"__symbolic":"reference","name":"item"},"elseExpression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"EMPTY_ARRAY","line":13,"character":44}}}}},"TuiTreeControllerDirective":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":7,"character":1},"arguments":[{"selector":"[tuiTreeController][map]","exportAs":"tuiTreeController","providers":[{"provide":{"__symbolic":"reference","name":"TUI_TREE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"TuiTreeControllerDirective"}},{"provide":{"__symbolic":"reference","name":"TUI_TREE_CONTROLLER"},"useExisting":{"__symbolic":"reference","name":"TuiTreeControllerDirective"}}]}]}],"members":{"fallback":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":5},"arguments":["tuiTreeController"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":25,"character":5}}]}],"map":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":29,"character":5}}]}],"toggled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":32,"character":5}}]}],"register":[{"__symbolic":"method"}],"unregister":[{"__symbolic":"method"}],"isExpanded":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}]}},"TuiTreeItemControllerDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":7,"character":1},"arguments":[{"selector":"[tuiTreeController]:not([map])","exportAs":"tuiTreeController","providers":[{"provide":{"__symbolic":"reference","name":"TUI_TREE_CONTROLLER"},"useExisting":{"__symbolic":"reference","name":"TuiTreeItemControllerDirective"}}]}]}],"members":{"fallback":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5},"arguments":["tuiTreeController"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":19,"character":5}}]}],"isExpanded":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}]}},"TuiTreeNodeDirective":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":6,"character":1},"arguments":[{"selector":"tui-tree-item[tuiTreeNode]"}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":5},"arguments":["tuiTreeNode"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":16,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":17,"character":9},"arguments":[{"__symbolic":"reference","name":"TUI_TREE_ACCESSOR"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":19,"character":9},"arguments":[{"__symbolic":"reference","name":"TuiTreeItemComponent"}]}]],"parameters":[{"__symbolic":"reference","name":"TuiTreeAccessor"},{"__symbolic":"reference","name":"TuiTreeItemComponent"}]}],"ngOnDestroy":[{"__symbolic":"method"}]}},"TUI_TREE_ITEM_CONTENT":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@tinkoff/ng-polymorpheus","name":"PolymorpheusComponent","line":6,"character":41},"arguments":[{"__symbolic":"reference","name":"TuiTreeItemContentComponent"}]},"TUI_DEFAULT_TREE_CONTROLLER":{"isExpanded":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"ALWAYS_TRUE_HANDLER","line":11,"character":16},"toggle":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"EMPTY_FUNCTION","line":12,"character":12}},"TuiTreeItemContext":{"__symbolic":"interface"},"TuiTreeContext":{"__symbolic":"interface"},"TuiTreeController":{"__symbolic":"interface"},"TuiTreeAccessor":{"__symbolic":"interface"},"TuiTreeLoader":{"__symbolic":"interface"},"TuiTreeService":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":8,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":27,"character":9},"arguments":[{"__symbolic":"reference","name":"TUI_TREE_LOADING"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":28,"character":9},"arguments":[{"__symbolic":"reference","name":"TUI_TREE_START"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":29,"character":9},"arguments":[{"__symbolic":"reference","name":"TUI_TREE_LOADER"}]}]],"parameters":[{"__symbolic":"error","message":"Could not resolve type","line":27,"character":60,"context":{"typeName":"T"},"module":"./misc/tree.service"},{"__symbolic":"error","message":"Could not resolve type","line":28,"character":56,"context":{"typeName":"T"},"module":"./misc/tree.service"},{"__symbolic":"reference","name":"TuiTreeLoader"}]}],"getChildren":[{"__symbolic":"method"}],"loadChildren":[{"__symbolic":"method"}]}},"TUI_TREE_ACCESSOR":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":11,"character":37},"arguments":["Controller for tracking value - TuiTreeItemComponent pairs"]},"TUI_TREE_CONTROLLER":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":15,"character":39},"arguments":["Controller for expanding the tree",{"__symbolic":"error","message":"Lambda not supported","line":18,"character":17,"module":"./misc/tree.tokens"}]},"TUI_TREE_NODE":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":22,"character":33},"arguments":["A node of a tree view"]},"TUI_TREE_LOADING":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":24,"character":36},"arguments":["A tree node placeholder for loading",{"__symbolic":"error","message":"Lambda not supported","line":26,"character":14,"module":"./misc/tree.tokens"}]},"TUI_TREE_START":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":29,"character":34},"arguments":["A tree node starting point"]},"TUI_TREE_LOADER":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":31,"character":35},"arguments":["A service to load tree progressively"]},"TUI_TREE_CONTENT":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":35,"character":36},"arguments":["Content for a tree item",{"__symbolic":"error","message":"Lambda not supported","line":38,"character":13,"module":"./misc/tree.tokens"}]},"TUI_TREE_LEVEL":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":41,"character":34},"arguments":["Nesting level of current TreeView node",{"__symbolic":"error","message":"Lambda not supported","line":44,"character":17,"module":"./misc/tree.tokens"}]},"TuiTreeModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":13,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":14,"character":14},{"__symbolic":"reference","module":"@tinkoff/ng-polymorpheus","name":"PolymorpheusModule","line":14,"character":28},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiExpandModule","line":14,"character":48},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiButtonModule","line":14,"character":65}],"entryComponents":[{"__symbolic":"reference","name":"TuiTreeItemContentComponent"}],"declarations":[{"__symbolic":"reference","name":"TuiTreeComponent"},{"__symbolic":"reference","name":"TuiTreeItemComponent"},{"__symbolic":"reference","name":"TuiTreeItemContentComponent"},{"__symbolic":"reference","name":"TuiTreeChildrenDirective"},{"__symbolic":"reference","name":"TuiTreeItemControllerDirective"},{"__symbolic":"reference","name":"TuiTreeControllerDirective"},{"__symbolic":"reference","name":"TuiTreeNodeDirective"}],"exports":[{"__symbolic":"reference","name":"TuiTreeComponent"},{"__symbolic":"reference","name":"TuiTreeItemComponent"},{"__symbolic":"reference","name":"TuiTreeChildrenDirective"},{"__symbolic":"reference","name":"TuiTreeItemControllerDirective"},{"__symbolic":"reference","name":"TuiTreeControllerDirective"}]}]}],"members":{}}},"origins":{"TuiTreeComponent":"./components/tree/tree.component","TuiTreeItemComponent":"./components/tree-item/tree-item.component","TUI_TREE_ITEM_PROVIDERS":"./components/tree-item/tree-item.providers","treeLevelFactory":"./components/tree-item/tree-item.providers","TuiTreeItemContentComponent":"./components/tree-item-content/tree-item-content.component","TuiTreeChildrenDirective":"./directives/tree-children.directive","TuiTreeControllerDirective":"./directives/tree-controller.directive","TuiTreeItemControllerDirective":"./directives/tree-item-controller.directive","TuiTreeNodeDirective":"./directives/tree-node.directive","TUI_TREE_ITEM_CONTENT":"./misc/tree.constants","TUI_DEFAULT_TREE_CONTROLLER":"./misc/tree.constants","TuiTreeItemContext":"./misc/tree.interfaces","TuiTreeContext":"./misc/tree.interfaces","TuiTreeController":"./misc/tree.interfaces","TuiTreeAccessor":"./misc/tree.interfaces","TuiTreeLoader":"./misc/tree.interfaces","TuiTreeService":"./misc/tree.service","TUI_TREE_ACCESSOR":"./misc/tree.tokens","TUI_TREE_CONTROLLER":"./misc/tree.tokens","TUI_TREE_NODE":"./misc/tree.tokens","TUI_TREE_LOADING":"./misc/tree.tokens","TUI_TREE_START":"./misc/tree.tokens","TUI_TREE_LOADER":"./misc/tree.tokens","TUI_TREE_CONTENT":"./misc/tree.tokens","TUI_TREE_LEVEL":"./misc/tree.tokens","TuiTreeModule":"./tree.module"},"importAs":"@taiga-ui/kit/components/tree"}

package/directives/highlight/highlight.directive.d.ts

@@ -5,6 +5,7 @@ export declare class TuiHighlightDirective implements OnChanges {
     private readonly elementRef;
     private readonly renderer;
     tuiHighlight: string;
+    tuiHighlightColor: string;
     private readonly highlight;
     private readonly treeWalker;
     constructor(documentRef: Document, elementRef: ElementRef<HTMLElement>, renderer: Renderer2, resize$: Observable<unknown>);

package/directives/highlight/taiga-ui-kit-directives-highlight.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"TuiHighlightDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":12,"character":1},"arguments":[{"selector":"[tuiHighlight]","host":{"[style.position]":"\"relative\"","[style.zIndex]":"0","$quoted$":["[style.position]","[style.zIndex]"]},"providers":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiDestroyService","line":18,"character":16},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiResizeService","line":18,"character":35}]}]}],"members":{"tuiHighlight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":22,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":35,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":35,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":36,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":36,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":37,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":37,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":38,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiResizeService","line":38,"character":16}]}]],"parameters":[{"__symbolic":"error","message":"Could not resolve type","line":35,"character":56,"context":{"typeName":"Document"},"module":"./highlight.directive"},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":36,"character":68,"context":{"typeName":"HTMLElement"},"module":"./highlight.directive"}]},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":37,"character":54},{"__symbolic":"reference","name":"Observable","module":"rxjs","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":38,"character":54,"module":"./highlight.directive"}]}]}],"ngOnChanges":[{"__symbolic":"method"}],"updateStyles":[{"__symbolic":"method"}],"indexOf":[{"__symbolic":"method"}],"setUpHighlight":[{"__symbolic":"method"}]}},"TuiHighlightModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"TuiHighlightDirective"}],"exports":[{"__symbolic":"reference","name":"TuiHighlightDirective"}]}]}],"members":{}}},"origins":{"TuiHighlightDirective":"./highlight.directive","TuiHighlightModule":"./highlight.module"},"importAs":"@taiga-ui/kit/directives/highlight"}
+{"__symbolic":"module","version":4,"metadata":{"TuiHighlightDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":12,"character":1},"arguments":[{"selector":"[tuiHighlight]","host":{"[style.position]":"\"relative\"","[style.zIndex]":"0","$quoted$":["[style.position]","[style.zIndex]"]},"providers":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiDestroyService","line":18,"character":16},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiResizeService","line":18,"character":35}]}]}],"members":{"tuiHighlight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":22,"character":5}}]}],"tuiHighlightColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":38,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":38,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":39,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":39,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":40,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":40,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":41,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiResizeService","line":41,"character":16}]}]],"parameters":[{"__symbolic":"error","message":"Could not resolve type","line":38,"character":56,"context":{"typeName":"Document"},"module":"./highlight.directive"},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":39,"character":68,"context":{"typeName":"HTMLElement"},"module":"./highlight.directive"}]},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":40,"character":54},{"__symbolic":"reference","name":"Observable","module":"rxjs","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":41,"character":54,"module":"./highlight.directive"}]}]}],"ngOnChanges":[{"__symbolic":"method"}],"updateStyles":[{"__symbolic":"method"}],"indexOf":[{"__symbolic":"method"}],"setUpHighlight":[{"__symbolic":"method"}]}},"TuiHighlightModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"TuiHighlightDirective"}],"exports":[{"__symbolic":"reference","name":"TuiHighlightDirective"}]}]}],"members":{}}},"origins":{"TuiHighlightDirective":"./highlight.directive","TuiHighlightModule":"./highlight.module"},"importAs":"@taiga-ui/kit/directives/highlight"}

package/esm2015/components/carousel/carousel-buttons.directive.js

@@ -0,0 +1,24 @@
+import { __decorate } from "tslib";
+import { Directive } from '@angular/core';
+import { TUI_BUTTON_OPTIONS } from '@taiga-ui/core';
+// TODO: remove in ivy compilation
+export const CAROUSEL_BUTTON_OPTIONS = {
+    appearance: "secondary" /* Secondary */,
+    shape: 'rounded',
+    size: 'm',
+};
+let TuiCarouselButtonsDirective = class TuiCarouselButtonsDirective {
+};
+TuiCarouselButtonsDirective = __decorate([
+    Directive({
+        selector: '[tuiCarouselButtons]',
+        providers: [
+            {
+                provide: TUI_BUTTON_OPTIONS,
+                useValue: CAROUSEL_BUTTON_OPTIONS,
+            },
+        ],
+    })
+], TuiCarouselButtonsDirective);
+export { TuiCarouselButtonsDirective };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2Fyb3VzZWwtYnV0dG9ucy5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AdGFpZ2EtdWkva2l0L2NvbXBvbmVudHMvY2Fyb3VzZWwvIiwic291cmNlcyI6WyJjYXJvdXNlbC1idXR0b25zLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFDLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN4QyxPQUFPLEVBQWdCLGtCQUFrQixFQUFnQixNQUFNLGdCQUFnQixDQUFDO0FBRWhGLGtDQUFrQztBQUNsQyxNQUFNLENBQUMsTUFBTSx1QkFBdUIsR0FBa0I7SUFDbEQsVUFBVSw2QkFBeUI7SUFDbkMsS0FBSyxFQUFFLFNBQVM7SUFDaEIsSUFBSSxFQUFFLEdBQUc7Q0FDWixDQUFDO0FBV0YsSUFBYSwyQkFBMkIsR0FBeEMsTUFBYSwyQkFBMkI7Q0FBRyxDQUFBO0FBQTlCLDJCQUEyQjtJQVR2QyxTQUFTLENBQUM7UUFDUCxRQUFRLEVBQUUsc0JBQXNCO1FBQ2hDLFNBQVMsRUFBRTtZQUNQO2dCQUNJLE9BQU8sRUFBRSxrQkFBa0I7Z0JBQzNCLFFBQVEsRUFBRSx1QkFBdUI7YUFDcEM7U0FDSjtLQUNKLENBQUM7R0FDVywyQkFBMkIsQ0FBRztTQUE5QiwyQkFBMkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0RpcmVjdGl2ZX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0J1dHRvbk9wdGlvbnMsIFRVSV9CVVRUT05fT1BUSU9OUywgVHVpQXBwZWFyYW5jZX0gZnJvbSAnQHRhaWdhLXVpL2NvcmUnO1xuXG4vLyBUT0RPOiByZW1vdmUgaW4gaXZ5IGNvbXBpbGF0aW9uXG5leHBvcnQgY29uc3QgQ0FST1VTRUxfQlVUVE9OX09QVElPTlM6IEJ1dHRvbk9wdGlvbnMgPSB7XG4gICAgYXBwZWFyYW5jZTogVHVpQXBwZWFyYW5jZS5TZWNvbmRhcnksXG4gICAgc2hhcGU6ICdyb3VuZGVkJyxcbiAgICBzaXplOiAnbScsXG59O1xuXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ1t0dWlDYXJvdXNlbEJ1dHRvbnNdJyxcbiAgICBwcm92aWRlcnM6IFtcbiAgICAgICAge1xuICAgICAgICAgICAgcHJvdmlkZTogVFVJX0JVVFRPTl9PUFRJT05TLFxuICAgICAgICAgICAgdXNlVmFsdWU6IENBUk9VU0VMX0JVVFRPTl9PUFRJT05TLFxuICAgICAgICB9LFxuICAgIF0sXG59KVxuZXhwb3J0IGNsYXNzIFR1aUNhcm91c2VsQnV0dG9uc0RpcmVjdGl2ZSB7fVxuIl19

package/esm2015/components/carousel/carousel-draggable.directive.js

@@ -0,0 +1,67 @@
+import { __decorate, __param } from "tslib";
+import { DOCUMENT } from '@angular/common';
+import { Directive, ElementRef, HostBinding, HostListener, Inject, Input, } from '@angular/core';
+import { INTERSECTION_ROOT } from '@ng-web-apis/intersection-observer';
+import { clamp, TUI_IS_MOBILE, tuiDefaultProp, TuiPanService, typedFromEvent, } from '@taiga-ui/cdk';
+import { EMPTY, Observable } from 'rxjs';
+import { delay, endWith, filter, map, repeat, scan, takeUntil } from 'rxjs/operators';
+// @dynamic
+let TuiCarouselDraggableDirective = class TuiCarouselDraggableDirective extends Observable {
+    constructor(documentRef, isMobile, elementRef, pan$) {
+        super(subscriber => this.transform$.subscribe(subscriber));
+        this.documentRef = documentRef;
+        this.isMobile = isMobile;
+        this.elementRef = elementRef;
+        this.pan$ = pan$;
+        this.transform$ = this.isMobile
+            ? EMPTY
+            : this.pan$.pipe(filter(() => this.draggable), scan((acc, [cur]) => acc + cur, 0), takeUntil(typedFromEvent(this.documentRef, 'mouseup').pipe(delay(0))), map(x => `translateX(${clamp(x, this.min, this.max)}px)`), endWith(null), repeat());
+        this.min = -Infinity;
+        this.max = Infinity;
+        this.draggable = true;
+        this.transitioned = false;
+    }
+    onMouseDown() {
+        const { scrollLeft, scrollWidth, clientWidth } = this.elementRef.nativeElement;
+        this.max = scrollLeft;
+        this.min = clientWidth - Math.round(scrollWidth) + Math.round(scrollLeft);
+        this.transitioned = true;
+    }
+    onTransitionEnd(target) {
+        if (this.elementRef.nativeElement.firstElementChild === target) {
+            this.transitioned = false;
+        }
+    }
+};
+TuiCarouselDraggableDirective.ctorParameters = () => [
+    { type: Document, decorators: [{ type: Inject, args: [DOCUMENT,] }] },
+    { type: Boolean, decorators: [{ type: Inject, args: [TUI_IS_MOBILE,] }] },
+    { type: ElementRef, decorators: [{ type: Inject, args: [INTERSECTION_ROOT,] }] },
+    { type: Observable, decorators: [{ type: Inject, args: [TuiPanService,] }] }
+];
+__decorate([
+    Input(),
+    HostBinding('class._draggable'),
+    tuiDefaultProp()
+], TuiCarouselDraggableDirective.prototype, "draggable", void 0);
+__decorate([
+    HostBinding('class._transitioned')
+], TuiCarouselDraggableDirective.prototype, "transitioned", void 0);
+__decorate([
+    HostListener('mousedown.silent')
+], TuiCarouselDraggableDirective.prototype, "onMouseDown", null);
+__decorate([
+    HostListener('transitionend', ['$event.target'])
+], TuiCarouselDraggableDirective.prototype, "onTransitionEnd", null);
+TuiCarouselDraggableDirective = __decorate([
+    Directive({
+        selector: 'tui-carousel[draggable]',
+        providers: [TuiPanService],
+    }),
+    __param(0, Inject(DOCUMENT)),
+    __param(1, Inject(TUI_IS_MOBILE)),
+    __param(2, Inject(INTERSECTION_ROOT)),
+    __param(3, Inject(TuiPanService))
+], TuiCarouselDraggableDirective);
+export { TuiCarouselDraggableDirective };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2Fyb3VzZWwtZHJhZ2dhYmxlLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0B0YWlnYS11aS9raXQvY29tcG9uZW50cy9jYXJvdXNlbC8iLCJzb3VyY2VzIjpbImNhcm91c2VsLWRyYWdnYWJsZS5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUN6QyxPQUFPLEVBQ0gsU0FBUyxFQUNULFVBQVUsRUFDVixXQUFXLEVBQ1gsWUFBWSxFQUNaLE1BQU0sRUFDTixLQUFLLEdBQ1IsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFDLGlCQUFpQixFQUFDLE1BQU0sb0NBQW9DLENBQUM7QUFDckUsT0FBTyxFQUNILEtBQUssRUFDTCxhQUFhLEVBQ2IsY0FBYyxFQUNkLGFBQWEsRUFDYixjQUFjLEdBQ2pCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBQyxLQUFLLEVBQUUsVUFBVSxFQUFDLE1BQU0sTUFBTSxDQUFDO0FBQ3ZDLE9BQU8sRUFBQyxLQUFLLEVBQUUsT0FBTyxFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSxTQUFTLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUVwRixXQUFXO0FBS1gsSUFBYSw2QkFBNkIsR0FBMUMsTUFBYSw2QkFBOEIsU0FBUSxVQUF5QjtJQXVCeEUsWUFDdUMsV0FBcUIsRUFDaEIsUUFBaUIsRUFDYixVQUFtQyxFQUU5RCxJQUEyQztRQUU1RCxLQUFLLENBQUMsVUFBVSxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLFNBQVMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDO1FBTnhCLGdCQUFXLEdBQVgsV0FBVyxDQUFVO1FBQ2hCLGFBQVEsR0FBUixRQUFRLENBQVM7UUFDYixlQUFVLEdBQVYsVUFBVSxDQUF5QjtRQUU5RCxTQUFJLEdBQUosSUFBSSxDQUF1QztRQTNCL0MsZUFBVSxHQUFHLElBQUksQ0FBQyxRQUFRO1lBQ3ZDLENBQUMsQ0FBQyxLQUFLO1lBQ1AsQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUNWLE1BQU0sQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLEVBQzVCLElBQUksQ0FBQyxDQUFDLEdBQUcsRUFBRSxDQUFDLEdBQUcsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxHQUFHLEdBQUcsR0FBRyxFQUFFLENBQUMsQ0FBQyxFQUNsQyxTQUFTLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsU0FBUyxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQ3JFLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLGNBQWMsS0FBSyxDQUFDLENBQUMsRUFBRSxJQUFJLENBQUMsR0FBRyxFQUFFLElBQUksQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLEVBQ3pELE9BQU8sQ0FBQyxJQUFJLENBQUMsRUFDYixNQUFNLEVBQUUsQ0FDWCxDQUFDO1FBRUEsUUFBRyxHQUFHLENBQUMsUUFBUSxDQUFDO1FBQ2hCLFFBQUcsR0FBRyxRQUFRLENBQUM7UUFLdkIsY0FBUyxHQUFHLElBQUksQ0FBQztRQUdqQixpQkFBWSxHQUFHLEtBQUssQ0FBQztJQVVyQixDQUFDO0lBR0QsV0FBVztRQUNQLE1BQU0sRUFBQyxVQUFVLEVBQUUsV0FBVyxFQUFFLFdBQVcsRUFBQyxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDO1FBRTdFLElBQUksQ0FBQyxHQUFHLEdBQUcsVUFBVSxDQUFDO1FBQ3RCLElBQUksQ0FBQyxHQUFHLEdBQUcsV0FBVyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsV0FBVyxDQUFDLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUMxRSxJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQztJQUM3QixDQUFDO0lBR0QsZUFBZSxDQUFDLE1BQW1CO1FBQy9CLElBQUksSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsaUJBQWlCLEtBQUssTUFBTSxFQUFFO1lBQzVELElBQUksQ0FBQyxZQUFZLEdBQUcsS0FBSyxDQUFDO1NBQzdCO0lBQ0wsQ0FBQztDQUNKLENBQUE7O1lBeEJ1RCxRQUFRLHVCQUF2RCxNQUFNLFNBQUMsUUFBUTswQ0FDZixNQUFNLFNBQUMsYUFBYTtZQUNtQyxVQUFVLHVCQUFqRSxNQUFNLFNBQUMsaUJBQWlCO1lBRUYsVUFBVSx1QkFEaEMsTUFBTSxTQUFDLGFBQWE7O0FBVHpCO0lBSEMsS0FBSyxFQUFFO0lBQ1AsV0FBVyxDQUFDLGtCQUFrQixDQUFDO0lBQy9CLGNBQWMsRUFBRTtnRUFDQTtBQUdqQjtJQURDLFdBQVcsQ0FBQyxxQkFBcUIsQ0FBQzttRUFDZDtBQWFyQjtJQURDLFlBQVksQ0FBQyxrQkFBa0IsQ0FBQztnRUFPaEM7QUFHRDtJQURDLFlBQVksQ0FBQyxlQUFlLEVBQUUsQ0FBQyxlQUFlLENBQUMsQ0FBQztvRUFLaEQ7QUEvQ1EsNkJBQTZCO0lBSnpDLFNBQVMsQ0FBQztRQUNQLFFBQVEsRUFBRSx5QkFBeUI7UUFDbkMsU0FBUyxFQUFFLENBQUMsYUFBYSxDQUFDO0tBQzdCLENBQUM7SUF5Qk8sV0FBQSxNQUFNLENBQUMsUUFBUSxDQUFDLENBQUE7SUFDaEIsV0FBQSxNQUFNLENBQUMsYUFBYSxDQUFDLENBQUE7SUFDckIsV0FBQSxNQUFNLENBQUMsaUJBQWlCLENBQUMsQ0FBQTtJQUN6QixXQUFBLE1BQU0sQ0FBQyxhQUFhLENBQUMsQ0FBQTtHQTNCakIsNkJBQTZCLENBZ0R6QztTQWhEWSw2QkFBNkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0RPQ1VNRU5UfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtcbiAgICBEaXJlY3RpdmUsXG4gICAgRWxlbWVudFJlZixcbiAgICBIb3N0QmluZGluZyxcbiAgICBIb3N0TGlzdGVuZXIsXG4gICAgSW5qZWN0LFxuICAgIElucHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7SU5URVJTRUNUSU9OX1JPT1R9IGZyb20gJ0BuZy13ZWItYXBpcy9pbnRlcnNlY3Rpb24tb2JzZXJ2ZXInO1xuaW1wb3J0IHtcbiAgICBjbGFtcCxcbiAgICBUVUlfSVNfTU9CSUxFLFxuICAgIHR1aURlZmF1bHRQcm9wLFxuICAgIFR1aVBhblNlcnZpY2UsXG4gICAgdHlwZWRGcm9tRXZlbnQsXG59IGZyb20gJ0B0YWlnYS11aS9jZGsnO1xuaW1wb3J0IHtFTVBUWSwgT2JzZXJ2YWJsZX0gZnJvbSAncnhqcyc7XG5pbXBvcnQge2RlbGF5LCBlbmRXaXRoLCBmaWx0ZXIsIG1hcCwgcmVwZWF0LCBzY2FuLCB0YWtlVW50aWx9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcblxuLy8gQGR5bmFtaWNcbkBEaXJlY3RpdmUoe1xuICAgIHNlbGVjdG9yOiAndHVpLWNhcm91c2VsW2RyYWdnYWJsZV0nLFxuICAgIHByb3ZpZGVyczogW1R1aVBhblNlcnZpY2VdLFxufSlcbmV4cG9ydCBjbGFzcyBUdWlDYXJvdXNlbERyYWdnYWJsZURpcmVjdGl2ZSBleHRlbmRzIE9ic2VydmFibGU8c3RyaW5nIHwgbnVsbD4ge1xuICAgIHByaXZhdGUgcmVhZG9ubHkgdHJhbnNmb3JtJCA9IHRoaXMuaXNNb2JpbGVcbiAgICAgICAgPyBFTVBUWVxuICAgICAgICA6IHRoaXMucGFuJC5waXBlKFxuICAgICAgICAgICAgICBmaWx0ZXIoKCkgPT4gdGhpcy5kcmFnZ2FibGUpLFxuICAgICAgICAgICAgICBzY2FuKChhY2MsIFtjdXJdKSA9PiBhY2MgKyBjdXIsIDApLFxuICAgICAgICAgICAgICB0YWtlVW50aWwodHlwZWRGcm9tRXZlbnQodGhpcy5kb2N1bWVudFJlZiwgJ21vdXNldXAnKS5waXBlKGRlbGF5KDApKSksXG4gICAgICAgICAgICAgIG1hcCh4ID0+IGB0cmFuc2xhdGVYKCR7Y2xhbXAoeCwgdGhpcy5taW4sIHRoaXMubWF4KX1weClgKSxcbiAgICAgICAgICAgICAgZW5kV2l0aChudWxsKSxcbiAgICAgICAgICAgICAgcmVwZWF0KCksXG4gICAgICAgICAgKTtcblxuICAgIHByaXZhdGUgbWluID0gLUluZmluaXR5O1xuICAgIHByaXZhdGUgbWF4ID0gSW5maW5pdHk7XG5cbiAgICBASW5wdXQoKVxuICAgIEBIb3N0QmluZGluZygnY2xhc3MuX2RyYWdnYWJsZScpXG4gICAgQHR1aURlZmF1bHRQcm9wKClcbiAgICBkcmFnZ2FibGUgPSB0cnVlO1xuXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcy5fdHJhbnNpdGlvbmVkJylcbiAgICB0cmFuc2l0aW9uZWQgPSBmYWxzZTtcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBASW5qZWN0KERPQ1VNRU5UKSBwcml2YXRlIHJlYWRvbmx5IGRvY3VtZW50UmVmOiBEb2N1bWVudCxcbiAgICAgICAgQEluamVjdChUVUlfSVNfTU9CSUxFKSBwcml2YXRlIHJlYWRvbmx5IGlzTW9iaWxlOiBib29sZWFuLFxuICAgICAgICBASW5qZWN0KElOVEVSU0VDVElPTl9ST09UKSBwcml2YXRlIHJlYWRvbmx5IGVsZW1lbnRSZWY6IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+LFxuICAgICAgICBASW5qZWN0KFR1aVBhblNlcnZpY2UpXG4gICAgICAgIHByaXZhdGUgcmVhZG9ubHkgcGFuJDogT2JzZXJ2YWJsZTxyZWFkb25seSBbbnVtYmVyLCBudW1iZXJdPixcbiAgICApIHtcbiAgICAgICAgc3VwZXIoc3Vic2NyaWJlciA9PiB0aGlzLnRyYW5zZm9ybSQuc3Vic2NyaWJlKHN1YnNjcmliZXIpKTtcbiAgICB9XG5cbiAgICBASG9zdExpc3RlbmVyKCdtb3VzZWRvd24uc2lsZW50JylcbiAgICBvbk1vdXNlRG93bigpIHtcbiAgICAgICAgY29uc3Qge3Njcm9sbExlZnQsIHNjcm9sbFdpZHRoLCBjbGllbnRXaWR0aH0gPSB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudDtcblxuICAgICAgICB0aGlzLm1heCA9IHNjcm9sbExlZnQ7XG4gICAgICAgIHRoaXMubWluID0gY2xpZW50V2lkdGggLSBNYXRoLnJvdW5kKHNjcm9sbFdpZHRoKSArIE1hdGgucm91bmQoc2Nyb2xsTGVmdCk7XG4gICAgICAgIHRoaXMudHJhbnNpdGlvbmVkID0gdHJ1ZTtcbiAgICB9XG5cbiAgICBASG9zdExpc3RlbmVyKCd0cmFuc2l0aW9uZW5kJywgWyckZXZlbnQudGFyZ2V0J10pXG4gICAgb25UcmFuc2l0aW9uRW5kKHRhcmdldDogSFRNTEVsZW1lbnQpIHtcbiAgICAgICAgaWYgKHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LmZpcnN0RWxlbWVudENoaWxkID09PSB0YXJnZXQpIHtcbiAgICAgICAgICAgIHRoaXMudHJhbnNpdGlvbmVkID0gZmFsc2U7XG4gICAgICAgIH1cbiAgICB9XG59XG4iXX0=

package/esm2015/components/carousel/carousel-scroller.directive.js

@@ -0,0 +1,76 @@
+import { __decorate, __param } from "tslib";
+import { Directive, ElementRef, HostListener, Inject, Input, Optional, } from '@angular/core';
+import { INTERSECTION_ROOT } from '@ng-web-apis/intersection-observer';
+import { TUI_IS_MOBILE } from '@taiga-ui/cdk';
+import { shouldCall } from '@tinkoff/ng-event-plugins';
+import { TuiCarouselDirective } from './carousel.directive';
+import { TuiCarouselDraggableDirective } from './carousel-draggable.directive';
+export function shouldScroll() {
+    var _a;
+    return !this.isMobile && !!((_a = this.draggable) === null || _a === void 0 ? void 0 : _a.draggable) && this.index === this.current;
+}
+// @dynamic
+let TuiCarouselScrollerDirective = class TuiCarouselScrollerDirective {
+    constructor(draggable, isMobile, directive, elementRef, root) {
+        this.draggable = draggable;
+        this.isMobile = isMobile;
+        this.directive = directive;
+        this.elementRef = elementRef;
+        this.root = root;
+        this.index = 0;
+        this.current = 0;
+    }
+    set scroll(scroll) {
+        if (scroll) {
+            this.scrollTo(this.directive.inited ? 'smooth' : 'auto');
+        }
+    }
+    onMouseUp(_e) {
+        const { left } = this.root.nativeElement.getBoundingClientRect();
+        const rect = this.elementRef.nativeElement.getBoundingClientRect();
+        const { parentElement } = this.elementRef.nativeElement;
+        parentElement.style.transform = `translateX(${rect.left - left}px)`;
+        this.scrollTo();
+    }
+    scrollTo(behavior = 'auto') {
+        this.directive.inited = true;
+        this.root.nativeElement.scrollTo({
+            left: this.elementRef.nativeElement.offsetLeft,
+            behavior,
+        });
+    }
+};
+TuiCarouselScrollerDirective.ctorParameters = () => [
+    { type: TuiCarouselDraggableDirective, decorators: [{ type: Optional }, { type: Inject, args: [TuiCarouselDraggableDirective,] }] },
+    { type: Boolean, decorators: [{ type: Inject, args: [TUI_IS_MOBILE,] }] },
+    { type: TuiCarouselDirective, decorators: [{ type: Inject, args: [TuiCarouselDirective,] }] },
+    { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] }] },
+    { type: ElementRef, decorators: [{ type: Inject, args: [INTERSECTION_ROOT,] }] }
+];
+__decorate([
+    Input()
+], TuiCarouselScrollerDirective.prototype, "scroll", null);
+__decorate([
+    Input()
+], TuiCarouselScrollerDirective.prototype, "index", void 0);
+__decorate([
+    Input()
+], TuiCarouselScrollerDirective.prototype, "current", void 0);
+__decorate([
+    HostListener('document:mouseup.init', ['$event']),
+    HostListener('document:mouseup.silent', ['$event']),
+    shouldCall(shouldScroll)
+], TuiCarouselScrollerDirective.prototype, "onMouseUp", null);
+TuiCarouselScrollerDirective = __decorate([
+    Directive({
+        selector: '[tuiCarouselScroller]',
+    }),
+    __param(0, Optional()),
+    __param(0, Inject(TuiCarouselDraggableDirective)),
+    __param(1, Inject(TUI_IS_MOBILE)),
+    __param(2, Inject(TuiCarouselDirective)),
+    __param(3, Inject(ElementRef)),
+    __param(4, Inject(INTERSECTION_ROOT))
+], TuiCarouselScrollerDirective);
+export { TuiCarouselScrollerDirective };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2Fyb3VzZWwtc2Nyb2xsZXIuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHRhaWdhLXVpL2tpdC9jb21wb25lbnRzL2Nhcm91c2VsLyIsInNvdXJjZXMiOlsiY2Fyb3VzZWwtc2Nyb2xsZXIuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQ0gsU0FBUyxFQUNULFVBQVUsRUFDVixZQUFZLEVBQ1osTUFBTSxFQUNOLEtBQUssRUFDTCxRQUFRLEdBQ1gsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFDLGlCQUFpQixFQUFDLE1BQU0sb0NBQW9DLENBQUM7QUFDckUsT0FBTyxFQUFDLGFBQWEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUM1QyxPQUFPLEVBQUMsVUFBVSxFQUFDLE1BQU0sMkJBQTJCLENBQUM7QUFFckQsT0FBTyxFQUFDLG9CQUFvQixFQUFDLE1BQU0sc0JBQXNCLENBQUM7QUFDMUQsT0FBTyxFQUFDLDZCQUE2QixFQUFDLE1BQU0sZ0NBQWdDLENBQUM7QUFFN0UsTUFBTSxVQUFVLFlBQVk7O0lBQ3hCLE9BQU8sQ0FBQyxJQUFJLENBQUMsUUFBUSxJQUFJLENBQUMsUUFBQyxJQUFJLENBQUMsU0FBUywwQ0FBRSxTQUFTLENBQUEsSUFBSSxJQUFJLENBQUMsS0FBSyxLQUFLLElBQUksQ0FBQyxPQUFPLENBQUM7QUFDeEYsQ0FBQztBQUVELFdBQVc7QUFJWCxJQUFhLDRCQUE0QixHQUF6QyxNQUFhLDRCQUE0QjtJQWNyQyxZQUdhLFNBQStDLEVBQ3hCLFFBQWlCLEVBQ0YsU0FBK0IsRUFDekMsVUFBbUMsRUFDNUIsSUFBNkI7UUFKaEUsY0FBUyxHQUFULFNBQVMsQ0FBc0M7UUFDeEIsYUFBUSxHQUFSLFFBQVEsQ0FBUztRQUNGLGNBQVMsR0FBVCxTQUFTLENBQXNCO1FBQ3pDLGVBQVUsR0FBVixVQUFVLENBQXlCO1FBQzVCLFNBQUksR0FBSixJQUFJLENBQXlCO1FBWjdFLFVBQUssR0FBRyxDQUFDLENBQUM7UUFHVixZQUFPLEdBQUcsQ0FBQyxDQUFDO0lBVVQsQ0FBQztJQXBCSixJQUFJLE1BQU0sQ0FBQyxNQUFlO1FBQ3RCLElBQUksTUFBTSxFQUFFO1lBQ1IsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQztTQUM1RDtJQUNMLENBQUM7SUFxQkQsU0FBUyxDQUFDLEVBQVc7UUFDakIsTUFBTSxFQUFDLElBQUksRUFBQyxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLHFCQUFxQixFQUFFLENBQUM7UUFDL0QsTUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMscUJBQXFCLEVBQUUsQ0FBQztRQUNuRSxNQUFNLEVBQUMsYUFBYSxFQUFDLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUM7UUFFdEQsYUFBYyxDQUFDLEtBQUssQ0FBQyxTQUFTLEdBQUcsY0FBYyxJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksS0FBSyxDQUFDO1FBQ3JFLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUNwQixDQUFDO0lBRU8sUUFBUSxDQUFDLFdBQTJCLE1BQU07UUFDOUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDO1FBQzdCLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQztZQUM3QixJQUFJLEVBQUUsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsVUFBVTtZQUM5QyxRQUFRO1NBQ1gsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztDQUNKLENBQUE7O1lBMUIyQiw2QkFBNkIsdUJBRmhELFFBQVEsWUFDUixNQUFNLFNBQUMsNkJBQTZCOzBDQUVwQyxNQUFNLFNBQUMsYUFBYTtZQUNxQyxvQkFBb0IsdUJBQTdFLE1BQU0sU0FBQyxvQkFBb0I7WUFDcUIsVUFBVSx1QkFBMUQsTUFBTSxTQUFDLFVBQVU7WUFDZ0MsVUFBVSx1QkFBM0QsTUFBTSxTQUFDLGlCQUFpQjs7QUFuQjdCO0lBREMsS0FBSyxFQUFFOzBEQUtQO0FBR0Q7SUFEQyxLQUFLLEVBQUU7MkRBQ0U7QUFHVjtJQURDLEtBQUssRUFBRTs2REFDSTtBQWVaO0lBSEMsWUFBWSxDQUFDLHVCQUF1QixFQUFFLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDakQsWUFBWSxDQUFDLHlCQUF5QixFQUFFLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDbkQsVUFBVSxDQUFDLFlBQVksQ0FBQzs2REFReEI7QUFsQ1EsNEJBQTRCO0lBSHhDLFNBQVMsQ0FBQztRQUNQLFFBQVEsRUFBRSx1QkFBdUI7S0FDcEMsQ0FBQztJQWdCTyxXQUFBLFFBQVEsRUFBRSxDQUFBO0lBQ1YsV0FBQSxNQUFNLENBQUMsNkJBQTZCLENBQUMsQ0FBQTtJQUVyQyxXQUFBLE1BQU0sQ0FBQyxhQUFhLENBQUMsQ0FBQTtJQUNyQixXQUFBLE1BQU0sQ0FBQyxvQkFBb0IsQ0FBQyxDQUFBO0lBQzVCLFdBQUEsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFBO0lBQ2xCLFdBQUEsTUFBTSxDQUFDLGlCQUFpQixDQUFDLENBQUE7R0FyQnJCLDRCQUE0QixDQTJDeEM7U0EzQ1ksNEJBQTRCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBEaXJlY3RpdmUsXG4gICAgRWxlbWVudFJlZixcbiAgICBIb3N0TGlzdGVuZXIsXG4gICAgSW5qZWN0LFxuICAgIElucHV0LFxuICAgIE9wdGlvbmFsLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7SU5URVJTRUNUSU9OX1JPT1R9IGZyb20gJ0BuZy13ZWItYXBpcy9pbnRlcnNlY3Rpb24tb2JzZXJ2ZXInO1xuaW1wb3J0IHtUVUlfSVNfTU9CSUxFfSBmcm9tICdAdGFpZ2EtdWkvY2RrJztcbmltcG9ydCB7c2hvdWxkQ2FsbH0gZnJvbSAnQHRpbmtvZmYvbmctZXZlbnQtcGx1Z2lucyc7XG5cbmltcG9ydCB7VHVpQ2Fyb3VzZWxEaXJlY3RpdmV9IGZyb20gJy4vY2Fyb3VzZWwuZGlyZWN0aXZlJztcbmltcG9ydCB7VHVpQ2Fyb3VzZWxEcmFnZ2FibGVEaXJlY3RpdmV9IGZyb20gJy4vY2Fyb3VzZWwtZHJhZ2dhYmxlLmRpcmVjdGl2ZSc7XG5cbmV4cG9ydCBmdW5jdGlvbiBzaG91bGRTY3JvbGwodGhpczogVHVpQ2Fyb3VzZWxTY3JvbGxlckRpcmVjdGl2ZSk6IGJvb2xlYW4ge1xuICAgIHJldHVybiAhdGhpcy5pc01vYmlsZSAmJiAhIXRoaXMuZHJhZ2dhYmxlPy5kcmFnZ2FibGUgJiYgdGhpcy5pbmRleCA9PT0gdGhpcy5jdXJyZW50O1xufVxuXG4vLyBAZHluYW1pY1xuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdbdHVpQ2Fyb3VzZWxTY3JvbGxlcl0nLFxufSlcbmV4cG9ydCBjbGFzcyBUdWlDYXJvdXNlbFNjcm9sbGVyRGlyZWN0aXZlIHtcbiAgICBASW5wdXQoKVxuICAgIHNldCBzY3JvbGwoc2Nyb2xsOiBib29sZWFuKSB7XG4gICAgICAgIGlmIChzY3JvbGwpIHtcbiAgICAgICAgICAgIHRoaXMuc2Nyb2xsVG8odGhpcy5kaXJlY3RpdmUuaW5pdGVkID8gJ3Ntb290aCcgOiAnYXV0bycpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgQElucHV0KClcbiAgICBpbmRleCA9IDA7XG5cbiAgICBASW5wdXQoKVxuICAgIGN1cnJlbnQgPSAwO1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIEBPcHRpb25hbCgpXG4gICAgICAgIEBJbmplY3QoVHVpQ2Fyb3VzZWxEcmFnZ2FibGVEaXJlY3RpdmUpXG4gICAgICAgIHJlYWRvbmx5IGRyYWdnYWJsZTogVHVpQ2Fyb3VzZWxEcmFnZ2FibGVEaXJlY3RpdmUgfCBudWxsLFxuICAgICAgICBASW5qZWN0KFRVSV9JU19NT0JJTEUpIHJlYWRvbmx5IGlzTW9iaWxlOiBib29sZWFuLFxuICAgICAgICBASW5qZWN0KFR1aUNhcm91c2VsRGlyZWN0aXZlKSBwcml2YXRlIHJlYWRvbmx5IGRpcmVjdGl2ZTogVHVpQ2Fyb3VzZWxEaXJlY3RpdmUsXG4gICAgICAgIEBJbmplY3QoRWxlbWVudFJlZikgcHJpdmF0ZSByZWFkb25seSBlbGVtZW50UmVmOiBFbGVtZW50UmVmPEhUTUxFbGVtZW50PixcbiAgICAgICAgQEluamVjdChJTlRFUlNFQ1RJT05fUk9PVCkgcHJpdmF0ZSByZWFkb25seSByb290OiBFbGVtZW50UmVmPEhUTUxFbGVtZW50PixcbiAgICApIHt9XG5cbiAgICBASG9zdExpc3RlbmVyKCdkb2N1bWVudDptb3VzZXVwLmluaXQnLCBbJyRldmVudCddKVxuICAgIEBIb3N0TGlzdGVuZXIoJ2RvY3VtZW50Om1vdXNldXAuc2lsZW50JywgWyckZXZlbnQnXSlcbiAgICBAc2hvdWxkQ2FsbChzaG91bGRTY3JvbGwpXG4gICAgb25Nb3VzZVVwKF9lOiB1bmtub3duKSB7XG4gICAgICAgIGNvbnN0IHtsZWZ0fSA9IHRoaXMucm9vdC5uYXRpdmVFbGVtZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuICAgICAgICBjb25zdCByZWN0ID0gdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XG4gICAgICAgIGNvbnN0IHtwYXJlbnRFbGVtZW50fSA9IHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50O1xuXG4gICAgICAgIHBhcmVudEVsZW1lbnQhLnN0eWxlLnRyYW5zZm9ybSA9IGB0cmFuc2xhdGVYKCR7cmVjdC5sZWZ0IC0gbGVmdH1weClgO1xuICAgICAgICB0aGlzLnNjcm9sbFRvKCk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBzY3JvbGxUbyhiZWhhdmlvcjogU2Nyb2xsQmVoYXZpb3IgPSAnYXV0bycpIHtcbiAgICAgICAgdGhpcy5kaXJlY3RpdmUuaW5pdGVkID0gdHJ1ZTtcbiAgICAgICAgdGhpcy5yb290Lm5hdGl2ZUVsZW1lbnQuc2Nyb2xsVG8oe1xuICAgICAgICAgICAgbGVmdDogdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQub2Zmc2V0TGVmdCxcbiAgICAgICAgICAgIGJlaGF2aW9yLFxuICAgICAgICB9KTtcbiAgICB9XG59XG4iXX0=