npm - @taiga-ui/kit - Versions diffs - 2.26.0 → 2.29.0 - Mend

@taiga-ui/kit 2.26.0 → 2.29.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (739) hide show

package/components/marker-icon/taiga-ui-kit-components-marker-icon.metadata.json CHANGED Viewed

	@@ -1 +1 @@
1	- {"__symbolic":"module","version":4,"metadata":{"TuiMarkerIconComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"tui-marker-icon","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":23,"character":21},"member":"OnPush"},"providers":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiDestroyService","line":24,"character":16},{"__symbolic":"reference","module":"@taiga-ui/core","name":"MODE_PROVIDER","line":24,"character":35}],"template":"<tui-svg class=\"icon\" [src]=\"src\"></tui-svg>\n","styles":[":host{transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:100%;color:var(--tui-text-03);background-color:var(--tui-base-02);background-size:cover!important;transition-property:color,background-color}:host[data-tui-host-size=xs]{width:2rem;height:2rem}:host[data-tui-host-size='s']{width:3rem;height:3rem}:host[data-tui-host-size='m']{width:4rem;height:4rem}:host[data-tui-host-size='l']{width:6rem;height:6rem}:host[data-tui-host-size=xl]{width:8rem;height:8rem}:host[data-mode=primary]{color:var(--tui-primary-text);background-color:var(--tui-primary)}:host[data-mode=white]{color:var(--tui-text-03);background-color:var(--tui-base-01)}:host[data-mode=warning]{color:var(--tui-warning-fill);background-color:var(--tui-warning-bg)}:host[data-mode=secondary]{color:var(--tui-base-01);background-color:var(--tui-info-fill)}:host[data-mode=error]{color:var(--tui-error-fill);background-color:var(--tui-error-bg)}:host[data-mode=success]{color:var(--tui-success-fill);background-color:var(--tui-success-bg)}:host[data-mode=onDark]{color:var(--tui-base-01);background-color:var(--tui-clear-inverse)}:host[data-mode=link]{transition-property:color;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;cursor:pointer;color:var(--tui-link);background-color:var(--tui-secondary)}:host[data-mode=link]:hover{color:var(--tui-link-hover);background-color:var(--tui-secondary-hover)}:host[data-mode=link]:active{color:var(--tui-link-hover);background-color:var(--tui-secondary-active)}.icon{width:3rem;height:3rem}:host[data-tui-host-size=xs] .icon{transform:scale(.667)}:host[data-tui-host-size='m'] .icon{transform:scale(1.333)}:host[data-tui-host-size='l'] .icon{transform:scale(2)}:host[data-tui-host-size=xl] .icon{transform:scale(2.667)}"]}]}],"members":{"mode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":28,"character":5}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":32,"character":5},"arguments":["attr.data-tui-host-size"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":33,"character":5}}]}],"src":[{"__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}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":43,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiDestroyService","line":43,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":44,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_MODE","line":44,"character":16}]}]],"parameters":[{"__symbolic":"reference","name":"Observable","module":"rxjs","arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiBrightness","line":44,"character":44}]},{"__symbolic":"reference","name":"Observable","module":"rxjs","arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiBrightness","line":44,"character":44}]}]}],"computedMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":52,"character":5},"arguments":["attr.data-mode"]}]}]}},"TuiMarkerIconModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":14},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSvgModule","line":7,"character":28}],"declarations":[{"__symbolic":"reference","name":"TuiMarkerIconComponent"}],"exports":[{"__symbolic":"reference","name":"TuiMarkerIconComponent"}]}]}],"members":{}}},"origins":{"TuiMarkerIconComponent":"./marker-icon.component","TuiMarkerIconModule":"./marker-icon.module"},"importAs":"@taiga-ui/kit/components/marker-icon"}
1	+ {"__symbolic":"module","version":4,"metadata":{"TuiMarkerIconComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"tui-marker-icon","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":23,"character":21},"member":"OnPush"},"providers":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiDestroyService","line":24,"character":16},{"__symbolic":"reference","module":"@taiga-ui/core","name":"MODE_PROVIDER","line":24,"character":35}],"template":"<tui-svg class=\"icon\" [src]=\"src\"></tui-svg>\n","styles":[":host{transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:100%;color:var(--tui-text-03);background-color:var(--tui-base-02);background-size:cover!important;transition-property:color,background-color}:host[data-tui-host-size=xs]{width:2rem;height:2rem}:host[data-tui-host-size='s']{width:3rem;height:3rem}:host[data-tui-host-size='m']{width:4rem;height:4rem}:host[data-tui-host-size='l']{width:6rem;height:6rem}:host[data-tui-host-size=xl]{width:8rem;height:8rem}:host[data-mode=primary]{color:var(--tui-primary-text);background-color:var(--tui-primary)}:host[data-mode=white]{color:var(--tui-text-03);background-color:var(--tui-base-01)}:host[data-mode=warning]{color:var(--tui-warning-fill);background-color:var(--tui-warning-bg)}:host[data-mode=secondary]{color:var(--tui-base-01);background-color:var(--tui-info-fill)}:host[data-mode=error]{color:var(--tui-error-fill);background-color:var(--tui-error-bg)}:host[data-mode=success]{color:var(--tui-success-fill);background-color:var(--tui-success-bg)}:host[data-mode=onDark]{color:var(--tui-base-01);background-color:var(--tui-clear-inverse)}:host[data-mode=link]{transition-property:color;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;cursor:pointer;color:var(--tui-link);background-color:var(--tui-secondary)}:host[data-mode=link]:hover{color:var(--tui-link-hover);background-color:var(--tui-secondary-hover)}:host[data-mode=link]:active{color:var(--tui-link-hover);background-color:var(--tui-secondary-active)}.icon{width:3rem;height:3rem}:host[data-tui-host-size=xs] .icon{transform:scale(.667)}:host[data-tui-host-size='m'] .icon{transform:scale(1.333)}:host[data-tui-host-size='l'] .icon{transform:scale(2)}:host[data-tui-host-size=xl] .icon{transform:scale(2.667)}"]}]}],"members":{"mode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":30,"character":5}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":34,"character":5},"arguments":["attr.data-tui-host-size"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":35,"character":5}}]}],"src":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":39,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":43,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiDestroyService","line":43,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":44,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_MODE","line":44,"character":16}]}]],"parameters":[{"__symbolic":"reference","name":"Observable","module":"rxjs","arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiBrightness","line":44,"character":44}]},{"__symbolic":"reference","name":"Observable","module":"rxjs","arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiBrightness","line":44,"character":44}]}]}],"computedMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":52,"character":5},"arguments":["attr.data-mode"]}]}]}},"TuiMarkerIconModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":14},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSvgModule","line":7,"character":28}],"declarations":[{"__symbolic":"reference","name":"TuiMarkerIconComponent"}],"exports":[{"__symbolic":"reference","name":"TuiMarkerIconComponent"}]}]}],"members":{}}},"origins":{"TuiMarkerIconComponent":"./marker-icon.component","TuiMarkerIconModule":"./marker-icon.module"},"importAs":"@taiga-ui/kit/components/marker-icon"}

package/components/multi-select/multi-select-group/multi-select-group.component.d.ts CHANGED Viewed

@@ -4,8 +4,8 @@ import { Observable } from 'rxjs';
 export declare class TuiMultiSelectGroupComponent<T> {
     private readonly host;
     private readonly control;
-    label: string;
     private readonly options;
+    label: string;
     constructor(host: TuiDataListHost<T>, control: NgControl);
     get size(): TuiSizeXS | TuiSizeL;
     get checkboxSize(): TuiSizeL;

package/components/multi-select/multi-select.component.d.ts CHANGED Viewed

@@ -6,6 +6,9 @@ import { TuiStringifiableItem } from '@taiga-ui/kit/classes';
 import { TuiInputTagComponent } from '@taiga-ui/kit/components/input-tag';
 import { PolymorpheusContent } from '@tinkoff/ng-polymorpheus';
 export declare class TuiMultiSelectComponent<T> extends AbstractTuiMultipleControl<T> implements TuiFocusableElementAccessor, TuiDataListHost<T> {
+    private readonly accessor?;
+    private readonly hostedDropdown?;
+    private readonly input?;
     stringify: TuiStringHandler<T>;
     identityMatcher: TuiIdentityMatcher<T>;
     expandable: boolean;
@@ -14,13 +17,8 @@ export declare class TuiMultiSelectComponent<T> extends AbstractTuiMultipleContr
     disabledItemHandler: TuiBooleanHandler<T>;
     valueContent: PolymorpheusContent<TuiContextWithImplicit<ReadonlyArray<T>>>;
     readonly searchChange: EventEmitter<string | null>;
-    open: boolean;
-    readonly valueMapper: TuiMapper<ReadonlyArray<T>, ReadonlyArray<TuiStringifiableItem<T>>>;
-    readonly disabledItemHandlerWrapper: TuiMapper<TuiBooleanHandler<T>, TuiBooleanHandler<TuiStringifiableItem<T>>>;
     readonly datalist: PolymorpheusContent;
-    private readonly accessor?;
-    private readonly hostedDropdown?;
-    private readonly input?;
+    open: boolean;
     constructor(control: NgControl | null, changeDetectorRef: ChangeDetectorRef, svgService: TuiSvgService);
     get nativeFocusableElement(): HTMLInputElement | null;
     get focused(): boolean;
@@ -37,6 +35,8 @@ export declare class TuiMultiSelectComponent<T> extends AbstractTuiMultipleContr
     get computedGroup(): boolean;
     get context(): TuiContextWithImplicit<ReadonlyArray<T>>;
     getStringifier(stringify: TuiStringHandler<T>): TuiStringHandler<TuiContextWithImplicit<T>>;
+    readonly valueMapper: TuiMapper<ReadonlyArray<T>, ReadonlyArray<TuiStringifiableItem<T>>>;
+    readonly disabledItemHandlerWrapper: TuiMapper<TuiBooleanHandler<T>, TuiBooleanHandler<TuiStringifiableItem<T>>>;
     onHoveredChange(hovered: boolean): void;
     onSpace(event: KeyboardEvent): void;
     handleOption(option: T): void;
@@ -47,7 +47,7 @@ export declare class TuiMultiSelectComponent<T> extends AbstractTuiMultipleContr
     onSearch(search: string | null): void;
     onActiveZone(active: boolean): void;
     setDisabledState(): void;
+    private getContext;
     private updateSearch;
     private focusInput;
-    private getContext;
 }

package/components/multi-select/taiga-ui-kit-components-multi-select.metadata.json CHANGED Viewed

	@@ -1 +1 @@
1	- {"__symbolic":"module","version":4,"metadata":{"TuiHideSelectedPipe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":6,"character":1},"arguments":[{"name":"tuiHideSelected","pure":false}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":12,"character":9},"arguments":[{"__symbolic":"reference","name":"TuiMultiSelectComponent"}]}]],"parameters":[{"__symbolic":"reference","name":"TuiMultiSelectComponent"}]}],"transform":[{"__symbolic":"method"},{"__symbolic":"method"}],"filter2d":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":30,"character":5}]}],"filter":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":39,"character":5}]}]}},"TuiMultiSelectComponent":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"AbstractTuiMultipleControl","line":68,"character":12},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":50,"character":1},"arguments":[{"selector":"tui-multi-select","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":54,"character":21},"member":"OnPush"},"providers":[{"provide":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TUI_FOCUSABLE_ITEM_ACCESSOR","line":57,"character":21},"useExisting":{"__symbolic":"reference","name":"TuiMultiSelectComponent"}},{"provide":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_DATA_LIST_HOST","line":61,"character":21},"useExisting":{"__symbolic":"reference","name":"TuiMultiSelectComponent"}},{"__symbolic":"reference","module":"@taiga-ui/kit/providers","name":"FIXED_DROPDOWN_CONTROLLER_PROVIDER","line":64,"character":8}],"template":"<tui-hosted-dropdown\n class=\"t-hosted\"\n [canOpen]=\"interactive\"\n [content]=\"datalist \|\| ''\"\n [(open)]=\"open\"\n (tuiHoveredChange)=\"onHoveredChange($event)\"\n (tuiActiveZoneChange)=\"onActiveZone($event)\"\n>\n <tui-input-tag\n #inputTag\n tuiHostedDropdownHost\n automation-id=\"tui-multi-select__input\"\n class=\"input\"\n [nativeId]=\"nativeId\"\n [icon]=\"tagIcon\"\n [disabled]=\"disabled\"\n [disabledItemHandler]=\"disabledItemHandler \| tuiMapper: disabledItemHandlerWrapper\"\n [readOnly]=\"readOnly\"\n [inputHidden]=\"!editable\"\n [pseudoHovered]=\"hovered\"\n [pseudoFocused]=\"focused\"\n [pseudoInvalid]=\"computedInvalid\"\n [editable]=\"false\"\n [expandable]=\"expandable\"\n [search]=\"searchOrSpace\"\n [ngModel]=\"computedValue \| tuiMapper: valueMapper:stringify\"\n (ngModelChange)=\"onInput($event)\"\n (searchChange)=\"onSearch($event)\"\n (keydown.space)=\"onSpace($event)\"\n (keydown.enter)=\"onEnter($event)\"\n (click.prevent)=\"onClick(inputTag)\"\n >\n <ng-content></ng-content>\n </tui-input-tag>\n <div class=\"t-wrapper\">\n <div\n ngIf=\"computedGroup\"\n polymorpheus-outlet\n class=\"t-group\"\n [class.t-group_fullsize]=\"inputTag.labelOutside\"\n [context]=\"context\"\n [content]=\"valueContent\"\n ></div>\n <tui-svg\n ngIf=\"interactive\"\n automation-id=\"tui-multi-select__arrow\"\n tuiPreventDefault=\"mousedown\"\n class=\"t-arrow\"\n [class.t-arrow_open]=\"open\"\n [src]=\"inputTag.size === 's' ? 'tuiIconChevronDown' : 'tuiIconChevronDownLarge'\"\n (click.prevent)=\"onArrowClick()\"\n ></tui-svg>\n </div>\n</tui-hosted-dropdown>\n","styles":[":host{position:relative;display:block}:host._disabled{pointer-events:none}.t-hosted{display:block}:host:not(._editable):not(._readonly) .input{cursor:pointer}.t-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;pointer-events:none;justify-content:flex-end}.t-group{display:flex;flex:1;align-items:center;padding:1.6875rem 1rem .5625rem}.t-group_fullsize{padding-top:.0625rem;padding-bottom:0}:host[data-tui-host-size='m'] .t-group_fullsize.t-group_fullsize{padding-top:0}:host[data-tui-host-size='m'] .t-group{padding:1.1875rem .75rem 0;font-size:.8125rem}.t-arrow{transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;display:flex;align-items:center;justify-content:center;color:var(--tui-text-03);position:relative;box-sizing:border-box;transition-property:color,transform;width:1.5rem;height:1.5rem;margin:1rem .75rem;pointer-events:auto;cursor:pointer}.t-arrow:hover{color:var(--tui-text-02)}:host._disabled .t-arrow,:host._readonly .t-arrow{pointer-events:none}:host[data-mode=onDark] .t-arrow{color:var(--tui-text-03-night)}:host[data-mode=onDark] .t-arrow:hover{color:var(--tui-text-01-night)}.t-arrow_open{transform:rotate(-180deg)}[data-tui-host-size='m']+.t-wrapper .t-arrow{margin:.625rem .75rem}[data-tui-host-size='s']+.t-wrapper .t-arrow{margin:.25rem .5rem}"]}]}],"members":{"stringify":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":71,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":72,"character":5}}]}],"identityMatcher":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":76,"character":5}}]}],"expandable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":79,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":80,"character":5}}]}],"search":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":83,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":84,"character":5}}]}],"editable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":87,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":88,"character":5},"arguments":["class._editable"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":89,"character":5}}]}],"disabledItemHandler":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":92,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":93,"character":5}}]}],"valueContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":96,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":97,"character":5}}]}],"searchChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":100,"character":5}}]}],"datalist":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":119,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiDataListDirective","line":119,"character":18},{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":119,"character":47}}]}]}],"accessor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":122,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_DATA_LIST_ACCESSOR","line":122,"character":18}]}]}],"hostedDropdown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":125,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiHostedDropdownComponent","line":125,"character":15}]}]}],"input":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":128,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/kit/components/input-tag","name":"TuiInputTagComponent","line":128,"character":15}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":132,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":133,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":134,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":134,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":136,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":136,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":137,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSvgService","line":137,"character":16}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":135,"character":17},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":136,"character":54},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSvgService","line":137,"character":43}]}],"getStringifier":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":196,"character":5}]}],"onHoveredChange":[{"__symbolic":"method"}],"onSpace":[{"__symbolic":"method"}],"handleOption":[{"__symbolic":"method"}],"onEnter":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}],"onArrowClick":[{"__symbolic":"method"}],"onInput":[{"__symbolic":"method"}],"onSearch":[{"__symbolic":"method"}],"onActiveZone":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"updateSearch":[{"__symbolic":"method"}],"focusInput":[{"__symbolic":"method"}],"getContext":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":295,"character":5}]}]}},"TuiMultiSelectModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":25,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":27,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":28,"character":8},{"__symbolic":"reference","module":"@tinkoff/ng-polymorpheus","name":"PolymorpheusModule","line":29,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiPreventDefaultModule","line":30,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiActiveZoneModule","line":31,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiLetModule","line":32,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiMapperPipeModule","line":33,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiHoveredModule","line":34,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSvgModule","line":35,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiHostedDropdownModule","line":36,"character":8},{"__symbolic":"reference","module":"@taiga-ui/kit/components/input-tag","name":"TuiInputTagModule","line":37,"character":8},{"__symbolic":"reference","module":"@taiga-ui/kit/components/multi-select-option","name":"TuiMultiSelectOptionModule","line":38,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiPrimitiveCheckboxModule","line":39,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiDataListModule","line":40,"character":8}],"declarations":[{"__symbolic":"reference","name":"TuiMultiSelectComponent"},{"__symbolic":"reference","name":"TuiMultiSelectGroupComponent"},{"__symbolic":"reference","name":"TuiMultiSelectGroupDirective"},{"__symbolic":"reference","name":"TuiHideSelectedPipe"}],"exports":[{"__symbolic":"reference","name":"TuiMultiSelectComponent"},{"__symbolic":"reference","name":"TuiMultiSelectGroupComponent"},{"__symbolic":"reference","name":"TuiMultiSelectGroupDirective"},{"__symbolic":"reference","name":"TuiHideSelectedPipe"}]}]}],"members":{}},"TuiMultiSelectGroupComponent":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":32,"character":1},"arguments":[{"selector":"tui-opt-group[tuiMultiSelectGroup]","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":36,"character":21},"member":"OnPush"},"viewProviders":[{"provide":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_OPTION_CONTENT","line":39,"character":21},"useValue":null}],"template":"<ng-container tuiLet=\"value$ \| async as value\">\n <button\n ngIf=\"label && !(empty$ \| async)\"\n tuiOption\n [size]=\"size\"\n [disabled]=\"disabled$ \| async\"\n (click)=\"onClick(value)\"\n >\n <tui-primitive-checkbox\n class=\"tui-space_right-3\"\n [size]=\"checkboxSize\"\n [value]=\"value\"\n ></tui-primitive-checkbox>\n <span class=\"label\">{{ label }}</span>\n </button>\n</ng-container>\n<ng-content></ng-content>\n","styles":[":host{display:flex;flex-direction:column}:host:before{content:''}.label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:var(--tui-font-text-xs);flex:1;color:var(--tui-text-02)}"]}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":46,"character":5}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":49,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiOptionComponent","line":49,"character":21}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":53,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_DATA_LIST_HOST","line":53,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":54,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":54,"character":16}]}]],"parameters":[{"__symbolic":"reference","name":"TuiDataListHost","module":"@taiga-ui/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":53,"character":75,"context":{"typeName":"T"},"module":"./multi-select-group/multi-select-group.component"}]},{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":54,"character":53}]}],"empty$":[{"__symbolic":"property","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":65,"character":5}]}],"disabled$":[{"__symbolic":"property","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":70,"character":5}]}],"value$":[{"__symbolic":"property","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":77,"character":5}]}],"onClick":[{"__symbolic":"method"}],"items$":[{"__symbolic":"property","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":122,"character":5}]}],"valueChanges$":[{"__symbolic":"property","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":129,"character":5}]}],"filter":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":136,"character":5}]}]}},"hostFallbackFactory":{"__symbolic":"function","parameters":["control","host"],"value":{"__symbolic":"binop","operator":"\|\|","left":{"__symbolic":"reference","name":"host"},"right":{"__symbolic":"error","message":"Lambda not supported","line":15,"character":26,"module":"./multi-select-group/multi-select-group.directive"}}},"TUI_MULTI_SELECT_OPTION":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@tinkoff/ng-polymorpheus","name":"PolymorpheusComponent","line":33,"character":43},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/kit/components/multi-select-option","name":"TuiMultiSelectOptionComponent","line":34,"character":4}]},"MULTI_SELECT_ACCESSOR":{"writeValue":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"EMPTY_FUNCTION","line":39,"character":16},"registerOnChange":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"EMPTY_FUNCTION","line":40,"character":22},"registerOnTouched":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"EMPTY_FUNCTION","line":41,"character":23}},"TuiMultiSelectGroupDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":44,"character":1},"arguments":[{"selector":"[tuiMultiSelectGroup]","providers":[{"provide":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_OPTION_CONTENT","line":48,"character":21},"useValue":{"__symbolic":"reference","name":"TUI_MULTI_SELECT_OPTION"}},{"provide":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_DATA_LIST_HOST","line":52,"character":21},"deps":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":54,"character":16},[{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":55,"character":21}},{"__symbolic":"reference","name":"TuiMultiSelectComponent"}]],"useFactory":{"__symbolic":"reference","name":"hostFallbackFactory"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":60,"character":21},"multi":true,"useValue":{"__symbolic":"reference","name":"MULTI_SELECT_ACCESSOR"}}]}]}],"members":{}}},"origins":{"TuiHideSelectedPipe":"./hide-selected.pipe","TuiMultiSelectComponent":"./multi-select.component","TuiMultiSelectModule":"./multi-select.module","TuiMultiSelectGroupComponent":"./multi-select-group/multi-select-group.component","hostFallbackFactory":"./multi-select-group/multi-select-group.directive","TUI_MULTI_SELECT_OPTION":"./multi-select-group/multi-select-group.directive","MULTI_SELECT_ACCESSOR":"./multi-select-group/multi-select-group.directive","TuiMultiSelectGroupDirective":"./multi-select-group/multi-select-group.directive"},"importAs":"@taiga-ui/kit/components/multi-select"}
1	+ {"__symbolic":"module","version":4,"metadata":{"TuiHideSelectedPipe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":6,"character":1},"arguments":[{"name":"tuiHideSelected","pure":false}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":12,"character":9},"arguments":[{"__symbolic":"reference","name":"TuiMultiSelectComponent"}]}]],"parameters":[{"__symbolic":"reference","name":"TuiMultiSelectComponent"}]}],"transform":[{"__symbolic":"method"},{"__symbolic":"method"}],"filter2d":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":30,"character":5}]}],"filter":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":39,"character":5}]}]}},"TuiMultiSelectComponent":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"AbstractTuiMultipleControl","line":68,"character":12},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":50,"character":1},"arguments":[{"selector":"tui-multi-select","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":54,"character":21},"member":"OnPush"},"providers":[{"provide":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TUI_FOCUSABLE_ITEM_ACCESSOR","line":57,"character":21},"useExisting":{"__symbolic":"reference","name":"TuiMultiSelectComponent"}},{"provide":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_DATA_LIST_HOST","line":61,"character":21},"useExisting":{"__symbolic":"reference","name":"TuiMultiSelectComponent"}},{"__symbolic":"reference","module":"@taiga-ui/kit/providers","name":"FIXED_DROPDOWN_CONTROLLER_PROVIDER","line":64,"character":8}],"template":"<tui-hosted-dropdown\n class=\"t-hosted\"\n [canOpen]=\"interactive\"\n [content]=\"datalist \|\| ''\"\n [(open)]=\"open\"\n (tuiHoveredChange)=\"onHoveredChange($event)\"\n (tuiActiveZoneChange)=\"onActiveZone($event)\"\n>\n <tui-input-tag\n #inputTag\n tuiHostedDropdownHost\n automation-id=\"tui-multi-select__input\"\n class=\"input\"\n [nativeId]=\"nativeId\"\n [icon]=\"tagIcon\"\n [disabled]=\"disabled\"\n [disabledItemHandler]=\"disabledItemHandler \| tuiMapper: disabledItemHandlerWrapper\"\n [readOnly]=\"readOnly\"\n [inputHidden]=\"!editable\"\n [pseudoHovered]=\"computedHovered\"\n [pseudoFocused]=\"computedFocused\"\n [pseudoInvalid]=\"computedInvalid\"\n [editable]=\"false\"\n [expandable]=\"expandable\"\n [search]=\"searchOrSpace\"\n [ngModel]=\"computedValue \| tuiMapper: valueMapper:stringify\"\n (ngModelChange)=\"onInput($event)\"\n (searchChange)=\"onSearch($event)\"\n (keydown.space)=\"onSpace($event)\"\n (keydown.enter)=\"onEnter($event)\"\n (click.prevent)=\"onClick(inputTag)\"\n >\n <ng-content></ng-content>\n </tui-input-tag>\n <div class=\"t-wrapper\">\n <div\n ngIf=\"computedGroup\"\n polymorpheus-outlet\n class=\"t-group\"\n [class.t-group_fullsize]=\"inputTag.labelOutside\"\n [context]=\"context\"\n [content]=\"valueContent\"\n ></div>\n <tui-svg\n ngIf=\"interactive\"\n automation-id=\"tui-multi-select__arrow\"\n tuiPreventDefault=\"mousedown\"\n class=\"t-arrow\"\n [class.t-arrow_open]=\"open\"\n [src]=\"inputTag.size === 's' ? 'tuiIconChevronDown' : 'tuiIconChevronDownLarge'\"\n (click.prevent)=\"onArrowClick()\"\n ></tui-svg>\n </div>\n</tui-hosted-dropdown>\n","styles":[":host{position:relative;display:block}:host._disabled{pointer-events:none}.t-hosted{display:block}:host:not(._editable):not(._readonly) .input{cursor:pointer}.t-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;pointer-events:none;justify-content:flex-end}.t-group{display:flex;flex:1;align-items:center;padding:1.6875rem 1rem .5625rem}.t-group_fullsize{padding-top:.0625rem;padding-bottom:0}:host[data-tui-host-size='m'] .t-group_fullsize.t-group_fullsize{padding-top:0}:host[data-tui-host-size='m'] .t-group{padding:1.1875rem .75rem 0;font-size:.8125rem}.t-arrow{transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;display:flex;align-items:center;justify-content:center;color:var(--tui-text-03);position:relative;box-sizing:border-box;transition-property:color,transform;width:1.5rem;height:1.5rem;margin:1rem .75rem;pointer-events:auto;cursor:pointer}.t-arrow:hover{color:var(--tui-text-02)}:host._disabled .t-arrow,:host._readonly .t-arrow{pointer-events:none}:host[data-mode=onDark] .t-arrow{color:var(--tui-text-03-night)}:host[data-mode=onDark] .t-arrow:hover{color:var(--tui-text-01-night)}.t-arrow_open{transform:rotate(-180deg)}[data-tui-host-size='m']+.t-wrapper .t-arrow{margin:.625rem .75rem}[data-tui-host-size='s']+.t-wrapper .t-arrow{margin:.25rem .5rem}"]}]}],"members":{"accessor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":71,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_DATA_LIST_ACCESSOR","line":71,"character":18}]}]}],"hostedDropdown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":74,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiHostedDropdownComponent","line":74,"character":15}]}]}],"input":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":77,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/kit/components/input-tag","name":"TuiInputTagComponent","line":77,"character":15}]}]}],"stringify":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":80,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":81,"character":5}}]}],"identityMatcher":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":84,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":85,"character":5}}]}],"expandable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":88,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":89,"character":5}}]}],"search":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":92,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":93,"character":5}}]}],"editable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":96,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":97,"character":5},"arguments":["class._editable"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":98,"character":5}}]}],"disabledItemHandler":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":101,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":102,"character":5}}]}],"valueContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":105,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":106,"character":5}}]}],"searchChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":109,"character":5}}]}],"datalist":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":112,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiDataListDirective","line":112,"character":18},{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":112,"character":47}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":118,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":119,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":120,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":120,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":122,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":122,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":123,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSvgService","line":123,"character":16}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":121,"character":17},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":122,"character":54},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSvgService","line":123,"character":43}]}],"getStringifier":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":182,"character":5}]}],"onHoveredChange":[{"__symbolic":"method"}],"onSpace":[{"__symbolic":"method"}],"handleOption":[{"__symbolic":"method"}],"onEnter":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}],"onArrowClick":[{"__symbolic":"method"}],"onInput":[{"__symbolic":"method"}],"onSearch":[{"__symbolic":"method"}],"onActiveZone":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"getContext":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":280,"character":5}]}],"updateSearch":[{"__symbolic":"method"}],"focusInput":[{"__symbolic":"method"}]}},"TuiMultiSelectModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":25,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":27,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":28,"character":8},{"__symbolic":"reference","module":"@tinkoff/ng-polymorpheus","name":"PolymorpheusModule","line":29,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiPreventDefaultModule","line":30,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiActiveZoneModule","line":31,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiLetModule","line":32,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiMapperPipeModule","line":33,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiHoveredModule","line":34,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSvgModule","line":35,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiHostedDropdownModule","line":36,"character":8},{"__symbolic":"reference","module":"@taiga-ui/kit/components/input-tag","name":"TuiInputTagModule","line":37,"character":8},{"__symbolic":"reference","module":"@taiga-ui/kit/components/multi-select-option","name":"TuiMultiSelectOptionModule","line":38,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiPrimitiveCheckboxModule","line":39,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiDataListModule","line":40,"character":8}],"declarations":[{"__symbolic":"reference","name":"TuiMultiSelectComponent"},{"__symbolic":"reference","name":"TuiMultiSelectGroupComponent"},{"__symbolic":"reference","name":"TuiMultiSelectGroupDirective"},{"__symbolic":"reference","name":"TuiHideSelectedPipe"}],"exports":[{"__symbolic":"reference","name":"TuiMultiSelectComponent"},{"__symbolic":"reference","name":"TuiMultiSelectGroupComponent"},{"__symbolic":"reference","name":"TuiMultiSelectGroupDirective"},{"__symbolic":"reference","name":"TuiHideSelectedPipe"}]}]}],"members":{}},"TuiMultiSelectGroupComponent":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":32,"character":1},"arguments":[{"selector":"tui-opt-group[tuiMultiSelectGroup]","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":36,"character":21},"member":"OnPush"},"viewProviders":[{"provide":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_OPTION_CONTENT","line":39,"character":21},"useValue":null}],"template":"<ng-container tuiLet=\"value$ \| async as value\">\n <button\n ngIf=\"label && !(empty$ \| async)\"\n tuiOption\n [size]=\"size\"\n [disabled]=\"disabled$ \| async\"\n (click)=\"onClick(value)\"\n >\n <tui-primitive-checkbox\n class=\"tui-space_right-3\"\n [size]=\"checkboxSize\"\n [value]=\"value\"\n ></tui-primitive-checkbox>\n <span class=\"label\">{{ label }}</span>\n </button>\n</ng-container>\n<ng-content></ng-content>\n","styles":[":host{display:flex;flex-direction:column}:host:before{content:''}.label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:var(--tui-font-text-xs);flex:1;color:var(--tui-text-02)}"]}]}],"members":{"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":45,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiOptionComponent","line":45,"character":21}]}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":49,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":53,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_DATA_LIST_HOST","line":53,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":54,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":54,"character":16}]}]],"parameters":[{"__symbolic":"reference","name":"TuiDataListHost","module":"@taiga-ui/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":53,"character":75,"context":{"typeName":"T"},"module":"./multi-select-group/multi-select-group.component"}]},{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":54,"character":53}]}],"empty$":[{"__symbolic":"property","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":65,"character":5}]}],"disabled$":[{"__symbolic":"property","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":70,"character":5}]}],"value$":[{"__symbolic":"property","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":77,"character":5}]}],"onClick":[{"__symbolic":"method"}],"items$":[{"__symbolic":"property","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":122,"character":5}]}],"valueChanges$":[{"__symbolic":"property","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":129,"character":5}]}],"filter":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":136,"character":5}]}]}},"hostFallbackFactory":{"__symbolic":"function","parameters":["control","host"],"value":{"__symbolic":"binop","operator":"\|\|","left":{"__symbolic":"reference","name":"host"},"right":{"__symbolic":"error","message":"Lambda not supported","line":15,"character":26,"module":"./multi-select-group/multi-select-group.directive"}}},"TUI_MULTI_SELECT_OPTION":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@tinkoff/ng-polymorpheus","name":"PolymorpheusComponent","line":33,"character":43},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/kit/components/multi-select-option","name":"TuiMultiSelectOptionComponent","line":34,"character":4}]},"MULTI_SELECT_ACCESSOR":{"writeValue":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"EMPTY_FUNCTION","line":39,"character":16},"registerOnChange":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"EMPTY_FUNCTION","line":40,"character":22},"registerOnTouched":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"EMPTY_FUNCTION","line":41,"character":23}},"TuiMultiSelectGroupDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":44,"character":1},"arguments":[{"selector":"[tuiMultiSelectGroup]","providers":[{"provide":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_OPTION_CONTENT","line":48,"character":21},"useValue":{"__symbolic":"reference","name":"TUI_MULTI_SELECT_OPTION"}},{"provide":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_DATA_LIST_HOST","line":52,"character":21},"deps":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":54,"character":16},[{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":55,"character":21}},{"__symbolic":"reference","name":"TuiMultiSelectComponent"}]],"useFactory":{"__symbolic":"reference","name":"hostFallbackFactory"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":60,"character":21},"multi":true,"useValue":{"__symbolic":"reference","name":"MULTI_SELECT_ACCESSOR"}}]}]}],"members":{}}},"origins":{"TuiHideSelectedPipe":"./hide-selected.pipe","TuiMultiSelectComponent":"./multi-select.component","TuiMultiSelectModule":"./multi-select.module","TuiMultiSelectGroupComponent":"./multi-select-group/multi-select-group.component","hostFallbackFactory":"./multi-select-group/multi-select-group.directive","TUI_MULTI_SELECT_OPTION":"./multi-select-group/multi-select-group.directive","MULTI_SELECT_ACCESSOR":"./multi-select-group/multi-select-group.directive","TuiMultiSelectGroupDirective":"./multi-select-group/multi-select-group.directive"},"importAs":"@taiga-ui/kit/components/multi-select"}

package/components/pagination/pagination.component.d.ts CHANGED Viewed

@@ -8,6 +8,7 @@ export declare class TuiPaginationComponent extends AbstractTuiInteractive imple
     private readonly elementRef;
     private readonly modeDirective;
     readonly texts$: Observable<[string, string]>;
+    private readonly elements;
     length: number;
     size: TuiSizeS;
     readonly disabled = false;
@@ -28,7 +29,6 @@ export declare class TuiPaginationComponent extends AbstractTuiInteractive imple
      */
     index: number;
     readonly indexChange: EventEmitter<number>;
-    private readonly elements;
     constructor(elementRef: ElementRef<HTMLElement>, modeDirective: TuiModeDirective | null, texts$: Observable<[string, string]>);
     get nativeFocusableElement(): TuiNativeFocusableElement | null;
     get focused(): boolean;

package/components/pagination/taiga-ui-kit-components-pagination.metadata.json CHANGED Viewed

	@@ -1 +1 @@
1	- {"__symbolic":"module","version":4,"metadata":{"nonNegativeInteger":{"__symbolic":"function","parameters":["length"],"value":{"__symbolic":"binop","operator":"&&","left":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"Number"},"member":"isInteger"},"arguments":[{"__symbolic":"reference","name":"length"}]},"right":{"__symbolic":"binop","operator":">=","left":{"__symbolic":"reference","name":"length"},"right":0}}},"TuiPaginationComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"AbstractTuiInteractive","line":59,"character":12},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":46,"character":1},"arguments":[{"selector":"tui-pagination","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":50,"character":21},"member":"OnPush"},"providers":[{"provide":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TUI_FOCUSABLE_ITEM_ACCESSOR","line":53,"character":21},"useExisting":{"__symbolic":"reference","name":"TuiPaginationComponent"}}],"template":"<div class=\"content\" (tuiActiveZoneChange)=\"onActiveZone($event)\">\n <ng-container ngIf=\"sizeM && (texts$ \| async) as texts; else smallButtons\">\n <button\n tuiIconButton\n type=\"button\"\n tuiPreventDefault=\"mousedown\"\n size=\"s\"\n appearance=\"flat\"\n icon=\"tuiIconChevronLeft\"\n class=\"button\"\n [title]=\"texts[0]\"\n [disabled]=\"arrowIsDisabledLeft\"\n [focusable]=\"false\"\n (click)=\"onArrowClick('left')\"\n ></button>\n <ng-container tuiRepeatTimes=\"let elementIndex of elementsLength\">\n <ng-container\n tuiLet=\"getItemIndexByElementIndex(elementIndex) as index\"\n >\n <button\n ngIf=\"index !== null; else dotsTemplate\"\n #element\n tuiButton\n type=\"button\"\n automation-id=\"tui-pagination__element\"\n shape=\"square\"\n size=\"s\"\n class=\"button\"\n [disabled]=\"disabled\"\n [focusable]=\"elementIsFocusable(index)\"\n [appearance]=\"getElementMode(index)\"\n (click)=\"onElementClick(index)\"\n (keydown.arrowLeft.prevent)=\"onElementKeyDownArrowLeft(element)\"\n (keydown.arrowRight.prevent)=\"onElementKeyDownArrowRight(element)\"\n >\n <div\n polymorpheus-outlet\n [content]=\"content \|\| index + 1\"\n [context]=\"getItemContext(index)\"\n ></div>\n </button>\n </ng-container>\n </ng-container>\n <button\n tuiIconButton\n type=\"button\"\n tuiPreventDefault=\"mousedown\"\n size=\"s\"\n appearance=\"flat\"\n icon=\"tuiIconChevronRight\"\n class=\"button\"\n [title]=\"texts[1]\"\n [disabled]=\"arrowIsDisabledRight\"\n [focusable]=\"false\"\n (click)=\"onArrowClick('right')\"\n ></button>\n </ng-container>\n <ng-template #smallButtons>\n <button\n *tuiRepeatTimes=\"let indexItem of length\"\n #element\n tuiButton\n type=\"button\"\n shape=\"square\"\n class=\"button button_small\"\n [class.button_active]=\"indexItem === index\"\n [disabled]=\"disabled\"\n [focusable]=\"elementIsFocusable(indexItem)\"\n [appearance]=\"getSmallElementMode(indexItem, mode)\"\n (click)=\"onElementClick(indexItem)\"\n (keydown.arrowLeft.prevent)=\"onElementKeyDownArrowLeft(element)\"\n (keydown.arrowRight.prevent)=\"onElementKeyDownArrowRight(element)\"\n ></button>\n </ng-template>\n <ng-template #dotsTemplate>\n <div automation-id=\"tui-pagination__element\" class=\"dots\"></div>\n </ng-template>\n</div>\n","styles":[":host{font:var(--tui-font-text-s);color:var(--tui-text-01);display:block;text-align:center}.content{display:flex;justify-content:center}.button{margin:0 .125rem;flex-shrink:0}.button_active{background:currentColor}.button.button.button_small{width:.5rem;height:.5rem;margin:0}.button.button.button_small:not(:first-child){margin-left:.5rem}.dots{width:var(--tui-height-s);height:var(--tui-height-s);line-height:var(--tui-height-s);margin:0 .125rem;flex-shrink:0;color:var(--tui-text-03);text-align:center;cursor:default}.dots:before{content:'\\2026'}"]}]}],"members":{"length":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":63,"character":5},"arguments":[{"__symbolic":"reference","name":"nonNegativeInteger"},"Must be non-negative integer"]}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":66,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":67,"character":5}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":71,"character":5}}]}],"activePadding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":77,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":78,"character":5}}]}],"sidePadding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":84,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":85,"character":5}}]}],"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":91,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":92,"character":5}}]}],"index":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":98,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":99,"character":5},"arguments":[{"__symbolic":"reference","name":"nonNegativeInteger"},"Must be non-negative integer"]}]}],"indexChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":102,"character":5}}]}],"elements":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":105,"character":5},"arguments":["element",{"read":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TUI_FOCUSABLE_ITEM_ACCESSOR","line":105,"character":36}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":109,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":109,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":110,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":111,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiModeDirective","line":111,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":113,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/kit/tokens","name":"TUI_PAGINATION_TEXTS","line":113,"character":16}]}]],"parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":109,"character":68,"context":{"typeName":"HTMLElement"},"module":"./pagination.component"}]},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiModeDirective","line":112,"character":40},{"__symbolic":"reference","name":"Observable","module":"rxjs","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":113,"character":66,"module":"./pagination.component"}]}]}],"elementIsFocusable":[{"__symbolic":"method"}],"getItemContext":[{"__symbolic":"method"}],"getItemIndexByElementIndex":[{"__symbolic":"method"}],"getElementMode":[{"__symbolic":"method"}],"getSmallElementMode":[{"__symbolic":"method"}],"onElementClick":[{"__symbolic":"method"}],"onElementKeyDownArrowLeft":[{"__symbolic":"method"}],"onElementKeyDownArrowRight":[{"__symbolic":"method"}],"onArrowClick":[{"__symbolic":"method"}],"onActiveZone":[{"__symbolic":"method"}],"hasCollapsedItems":[{"__symbolic":"method"}],"tryChangeTo":[{"__symbolic":"method"}],"focusActive":[{"__symbolic":"method"}],"updateIndex":[{"__symbolic":"method"}]}},"TuiPaginationModule":{"__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":15,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiRepeatTimesModule","line":16,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiLetModule","line":17,"character":8},{"__symbolic":"reference","module":"@tinkoff/ng-polymorpheus","name":"PolymorpheusModule","line":18,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiPreventDefaultModule","line":19,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiActiveZoneModule","line":20,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiButtonModule","line":21,"character":8}],"declarations":[{"__symbolic":"reference","name":"TuiPaginationComponent"}],"exports":[{"__symbolic":"reference","name":"TuiPaginationComponent"}]}]}],"members":{}}},"origins":{"nonNegativeInteger":"./pagination.component","TuiPaginationComponent":"./pagination.component","TuiPaginationModule":"./pagination.module"},"importAs":"@taiga-ui/kit/components/pagination"}
1	+ {"__symbolic":"module","version":4,"metadata":{"nonNegativeInteger":{"__symbolic":"function","parameters":["length"],"value":{"__symbolic":"binop","operator":"&&","left":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"Number"},"member":"isInteger"},"arguments":[{"__symbolic":"reference","name":"length"}]},"right":{"__symbolic":"binop","operator":">=","left":{"__symbolic":"reference","name":"length"},"right":0}}},"TuiPaginationComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"AbstractTuiInteractive","line":59,"character":12},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":46,"character":1},"arguments":[{"selector":"tui-pagination","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":50,"character":21},"member":"OnPush"},"providers":[{"provide":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TUI_FOCUSABLE_ITEM_ACCESSOR","line":53,"character":21},"useExisting":{"__symbolic":"reference","name":"TuiPaginationComponent"}}],"template":"<div class=\"content\" (tuiActiveZoneChange)=\"onActiveZone($event)\">\n <ng-container ngIf=\"sizeM && (texts$ \| async) as texts; else smallButtons\">\n <button\n tuiIconButton\n type=\"button\"\n tuiPreventDefault=\"mousedown\"\n size=\"s\"\n appearance=\"flat\"\n icon=\"tuiIconChevronLeft\"\n class=\"button\"\n [title]=\"texts[0]\"\n [disabled]=\"arrowIsDisabledLeft\"\n [focusable]=\"false\"\n (click)=\"onArrowClick('left')\"\n ></button>\n <ng-container tuiRepeatTimes=\"let elementIndex of elementsLength\">\n <ng-container\n tuiLet=\"getItemIndexByElementIndex(elementIndex) as index\"\n >\n <button\n ngIf=\"index !== null; else dotsTemplate\"\n #element\n tuiButton\n type=\"button\"\n automation-id=\"tui-pagination__element\"\n shape=\"square\"\n size=\"s\"\n class=\"button\"\n [disabled]=\"disabled\"\n [focusable]=\"elementIsFocusable(index)\"\n [appearance]=\"getElementMode(index)\"\n (click)=\"onElementClick(index)\"\n (keydown.arrowLeft.prevent)=\"onElementKeyDownArrowLeft(element)\"\n (keydown.arrowRight.prevent)=\"onElementKeyDownArrowRight(element)\"\n >\n <div\n polymorpheus-outlet\n [content]=\"content \|\| index + 1\"\n [context]=\"getItemContext(index)\"\n ></div>\n </button>\n </ng-container>\n </ng-container>\n <button\n tuiIconButton\n type=\"button\"\n tuiPreventDefault=\"mousedown\"\n size=\"s\"\n appearance=\"flat\"\n icon=\"tuiIconChevronRight\"\n class=\"button\"\n [title]=\"texts[1]\"\n [disabled]=\"arrowIsDisabledRight\"\n [focusable]=\"false\"\n (click)=\"onArrowClick('right')\"\n ></button>\n </ng-container>\n <ng-template #smallButtons>\n <button\n *tuiRepeatTimes=\"let indexItem of length\"\n #element\n tuiButton\n type=\"button\"\n shape=\"square\"\n class=\"button button_small\"\n [class.button_active]=\"indexItem === index\"\n [disabled]=\"disabled\"\n [focusable]=\"elementIsFocusable(indexItem)\"\n [appearance]=\"getSmallElementMode(indexItem, mode)\"\n (click)=\"onElementClick(indexItem)\"\n (keydown.arrowLeft.prevent)=\"onElementKeyDownArrowLeft(element)\"\n (keydown.arrowRight.prevent)=\"onElementKeyDownArrowRight(element)\"\n ></button>\n </ng-template>\n <ng-template #dotsTemplate>\n <div automation-id=\"tui-pagination__element\" class=\"dots\"></div>\n </ng-template>\n</div>\n","styles":[":host{font:var(--tui-font-text-s);color:var(--tui-text-01);display:block;text-align:center}.content{display:flex;justify-content:center}.button{margin:0 .125rem;flex-shrink:0}.button_active{background:currentColor}.button.button.button_small{width:.5rem;height:.5rem;margin:0}.button.button.button_small:not(:first-child){margin-left:.5rem}.dots{width:var(--tui-height-s);height:var(--tui-height-s);line-height:var(--tui-height-s);margin:0 .125rem;flex-shrink:0;color:var(--tui-text-03);text-align:center;cursor:default}.dots:before{content:'\\2026'}"]}]}],"members":{"elements":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":62,"character":5},"arguments":["element",{"read":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TUI_FOCUSABLE_ITEM_ACCESSOR","line":62,"character":36}}]}]}],"length":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":66,"character":5},"arguments":[{"__symbolic":"reference","name":"nonNegativeInteger"},"Must be non-negative integer"]}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":70,"character":5}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":74,"character":5}}]}],"activePadding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":80,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":81,"character":5}}]}],"sidePadding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":87,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":88,"character":5}}]}],"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":94,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":95,"character":5}}]}],"index":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":101,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":102,"character":5},"arguments":[{"__symbolic":"reference","name":"nonNegativeInteger"},"Must be non-negative integer"]}]}],"indexChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":105,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":109,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":109,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":110,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":111,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiModeDirective","line":111,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":113,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/kit/tokens","name":"TUI_PAGINATION_TEXTS","line":113,"character":16}]}]],"parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":109,"character":68,"context":{"typeName":"HTMLElement"},"module":"./pagination.component"}]},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiModeDirective","line":112,"character":40},{"__symbolic":"reference","name":"Observable","module":"rxjs","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":113,"character":66,"module":"./pagination.component"}]}]}],"elementIsFocusable":[{"__symbolic":"method"}],"getItemContext":[{"__symbolic":"method"}],"getItemIndexByElementIndex":[{"__symbolic":"method"}],"getElementMode":[{"__symbolic":"method"}],"getSmallElementMode":[{"__symbolic":"method"}],"onElementClick":[{"__symbolic":"method"}],"onElementKeyDownArrowLeft":[{"__symbolic":"method"}],"onElementKeyDownArrowRight":[{"__symbolic":"method"}],"onArrowClick":[{"__symbolic":"method"}],"onActiveZone":[{"__symbolic":"method"}],"hasCollapsedItems":[{"__symbolic":"method"}],"tryChangeTo":[{"__symbolic":"method"}],"focusActive":[{"__symbolic":"method"}],"updateIndex":[{"__symbolic":"method"}]}},"TuiPaginationModule":{"__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":15,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiRepeatTimesModule","line":16,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiLetModule","line":17,"character":8},{"__symbolic":"reference","module":"@tinkoff/ng-polymorpheus","name":"PolymorpheusModule","line":18,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiPreventDefaultModule","line":19,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiActiveZoneModule","line":20,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiButtonModule","line":21,"character":8}],"declarations":[{"__symbolic":"reference","name":"TuiPaginationComponent"}],"exports":[{"__symbolic":"reference","name":"TuiPaginationComponent"}]}]}],"members":{}}},"origins":{"nonNegativeInteger":"./pagination.component","TuiPaginationComponent":"./pagination.component","TuiPaginationModule":"./pagination.module"},"importAs":"@taiga-ui/kit/components/pagination"}

package/components/pdf-viewer/pdf-viewer.component.d.ts CHANGED Viewed

@@ -1,10 +1,8 @@
 import { AnimationOptions } from '@angular/animations';
-import { DomSanitizer, SafeValue } from '@angular/platform-browser';
 import { TuiDialog } from '@taiga-ui/cdk';
 import { Observable } from 'rxjs';
 import { TuiPdfViewerOptions } from './pdf-viewer-options';
 export declare class TuiPdfViewerComponent<I, O> {
-    private readonly sanitizer;
     private readonly options;
     readonly closeWord$: Observable<string>;
     readonly context: TuiDialog<TuiPdfViewerOptions<I>, O>;
@@ -15,6 +13,5 @@ export declare class TuiPdfViewerComponent<I, O> {
         } | undefined;
         readonly value: "";
     };
-    constructor(sanitizer: DomSanitizer, options: AnimationOptions, closeWord$: Observable<string>, context: TuiDialog<TuiPdfViewerOptions<I>, O>);
-    bypass(url: string): SafeValue;
+    constructor(options: AnimationOptions, closeWord$: Observable<string>, context: TuiDialog<TuiPdfViewerOptions<I>, O>);
 }

package/components/pdf-viewer/pdf-viewer.service.d.ts CHANGED Viewed

@@ -1,8 +1,13 @@
-import { AbstractTuiDialogService } from '@taiga-ui/cdk';
-import { PolymorpheusComponent } from '@tinkoff/ng-polymorpheus';
+import { SafeResourceUrl } from '@angular/platform-browser';
+import { AbstractTuiDialogService, TuiBaseDialogContext } from '@taiga-ui/cdk';
+import { PolymorpheusComponent, PolymorpheusContent } from '@tinkoff/ng-polymorpheus';
+import { Observable } from 'rxjs';
 import { TuiPdfViewerComponent } from './pdf-viewer.component';
 import { TuiPdfViewerOptions } from './pdf-viewer-options';
+declare type Content<G> = PolymorpheusContent<TuiBaseDialogContext<G> & TuiPdfViewerOptions<any>>;
 export declare class TuiPdfViewerService extends AbstractTuiDialogService<TuiPdfViewerOptions<any>> {
     protected readonly component: PolymorpheusComponent<TuiPdfViewerComponent<unknown, unknown>, object>;
     protected readonly defaultOptions: TuiPdfViewerOptions<any>;
+    open<G>(content: SafeResourceUrl | Content<G>, options?: Partial<TuiPdfViewerOptions<any>>): Observable<G>;
 }
+export {};

package/components/pdf-viewer/taiga-ui-kit-components-pdf-viewer.metadata.json CHANGED Viewed

	@@ -1 +1 @@
1	- {"__symbolic":"module","version":4,"metadata":{"TuiPdfViewerComponent":{"__symbolic":"class","arity":2,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"tui-pdf-viewer","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":19,"character":21},"member":"OnPush"},"animations":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"tuiSlideInTop","line":20,"character":17},{"__symbolic":"reference","module":"@taiga-ui/core","name":"tuiFadeIn","line":20,"character":32}],"template":"<header class=\"t-header\">\n <h2 class=\"t-title\">{{context.label}}</h2>\n <div\n polymorpheus-outlet\n class=\"t-actions\"\n [content]=\"context.actions\"\n [context]=\"context\"\n ></div>\n <button\n tuiIconButton\n shape=\"rounded\"\n appearance=\"\"\n size=\"s\"\n icon=\"tuiIconCloseLarge\"\n class=\"t-close\"\n [title]=\"closeWord$ \| async\"\n (click)=\"context.$implicit.complete()\"\n ></button>\n</header>\n<section\n polymorpheus-outlet\n class=\"t-content\"\n [content]=\"context.content\"\n [context]=\"context\"\n>\n <ng-template let-content>\n <iframe class=\"t-iframe\" [src]=\"~~bypass(~~content)\"></iframe>\n </ng-template>\n</section>\n","styles":[":host{display:block;width:100%;height:100%;box-sizing:border-box;color:var(--tui-text-01-night);background:#333639}.t-header{display:flex;align-items:center;height:4rem;padding:0 1rem 0 1.5625rem;box-shadow:inset 0 -1px #535659}.t-title{margin:0;font:var(--tui-font-text-m)}.t-actions{display:flex;margin-left:auto}.t-close{transition-property:background;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;margin-left:.75rem;color:var(--tui-text-01-night);background:rgba(255,255,255,.32)}.t-close:hover{background:rgba(255,255,255,.4)}.t-content{height:calc(100% - 4rem);overflow:hidden}.t-iframe{width:100%;height:100%}"]}]}],"members":{"animation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":23,"character":5},"arguments":["@tuiSlideInTop"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":24,"character":5},"arguments":["@tuiFadeIn"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":28,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":28,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":29,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_ANIMATION_OPTIONS","line":29,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":30,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_CLOSE_WORD","line":30,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":31,"character":9},"arguments":[{"__symbolic":"reference","module":"@tinkoff/ng-polymorpheus","name":"POLYMORPHEUS_CONTEXT","line":31,"character":16}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/~~platform-browser","name":"DomSanitizer","line":28,"character":58},{"__symbolic":"reference","module":"@angular/~~animations","name":"AnimationOptions","line":29,"character":65},{"__symbolic":"reference","name":"Observable","module":"rxjs","arguments":[{"__symbolic":"reference","name":"string"}]},{"__symbolic":"reference","name":"TuiDialog","module":"@taiga-ui/cdk","arguments":[{"__symbolic":"reference","name":"TuiPdfViewerOptions"},{"__symbolic":"error","message":"Could not resolve type","line":32,"character":60,"context":{"typeName":"O"},"module":"./pdf-viewer.component"}]}]}]~~,"bypass":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":35,"character":5~~}]}~~]}}~~,"TuiPdfViewerDirective":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"AbstractTuiDialogDirective","line":17,"character":46},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":6,"character":1},"arguments":[{"selector":"ng-template[tuiPdfViewer]","providers":[{"provide":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"AbstractTuiDialogService","line":10,"character":21},"useExisting":{"__symbolic":"reference","name":"TuiPdfViewerService"}}],"inputs":["options: tuiPdfViewerOptions","open: tuiPdfViewer"],"outputs":["openChange: tuiPdfViewerChange"]}]}],"members":{}},"TuiPdfViewerModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":11,"character":14},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiButtonModule","line":11,"character":28},{"__symbolic":"reference","module":"@tinkoff/ng-polymorpheus","name":"PolymorpheusModule","line":11,"character":45}],"declarations":[{"__symbolic":"reference","name":"TuiPdfViewerComponent"},{"__symbolic":"reference","name":"TuiPdfViewerDirective"}],"exports":[{"__symbolic":"reference","name":"TuiPdfViewerComponent"},{"__symbolic":"reference","name":"TuiPdfViewerDirective"}],"providers":[{"provide":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TUI_DIALOGS","line":16,"character":21},"useExisting":{"__symbolic":"reference","name":"TuiPdfViewerService"},"multi":true}],"entryComponents":[{"__symbolic":"reference","name":"TuiPdfViewerComponent"}]}]}],"members":{}},"TuiPdfViewerService":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"AbstractTuiDialogService","line":13,"character":41},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":10,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{},"statics":{"ɵprov":{}}},"TuiPdfViewerOptions":{"__symbolic":"interface"}},"origins":{"TuiPdfViewerComponent":"./pdf-viewer.component","TuiPdfViewerDirective":"./pdf-viewer.directive","TuiPdfViewerModule":"./pdf-viewer.module","TuiPdfViewerService":"./pdf-viewer.service","TuiPdfViewerOptions":"./pdf-viewer-options"},"importAs":"@taiga-ui/kit/components/pdf-viewer"}
1	+ {"__symbolic":"module","version":4,"metadata":{"TuiPdfViewerComponent":{"__symbolic":"class","arity":2,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"tui-pdf-viewer","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":18,"character":21},"member":"OnPush"},"animations":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"tuiSlideInTop","line":19,"character":17},{"__symbolic":"reference","module":"@taiga-ui/core","name":"tuiFadeIn","line":19,"character":32}],"template":"<header class=\"t-header\">\n <h2 class=\"t-title\">{{context.label}}</h2>\n <div\n polymorpheus-outlet\n class=\"t-actions\"\n [content]=\"context.actions\"\n [context]=\"context\"\n ></div>\n <button\n tuiIconButton\n shape=\"rounded\"\n appearance=\"\"\n size=\"s\"\n icon=\"tuiIconCloseLarge\"\n class=\"t-close\"\n [title]=\"closeWord$ \| async\"\n (click)=\"context.$implicit.complete()\"\n ></button>\n</header>\n<section\n polymorpheus-outlet\n class=\"t-content\"\n [content]=\"context.content\"\n [context]=\"context\"\n>\n <ng-template let-content>\n <iframe class=\"t-iframe\" [src]=\"content\"></iframe>\n </ng-template>\n</section>\n","styles":[":host{display:block;width:100%;height:100%;box-sizing:border-box;color:var(--tui-text-01-night);background:#333639}.t-header{display:flex;align-items:center;height:4rem;padding:0 1rem 0 1.5625rem;box-shadow:inset 0 -1px #535659}.t-title{margin:0;font:var(--tui-font-text-m)}.t-actions{display:flex;margin-left:auto}.t-close{transition-property:background;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;margin-left:.75rem;color:var(--tui-text-01-night);background:rgba(255,255,255,.32)}.t-close:hover{background:rgba(255,255,255,.4)}.t-content{height:calc(100% - 4rem);overflow:hidden}.t-iframe{width:100%;height:100%}"]}]}],"members":{"animation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":22,"character":5},"arguments":["@tuiSlideInTop"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":23,"character":5},"arguments":["@tuiFadeIn"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":27,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_ANIMATION_OPTIONS","line":27,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":28,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_CLOSE_WORD","line":28,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":29,"character":9},"arguments":[{"__symbolic":"reference","module":"@tinkoff/ng-polymorpheus","name":"POLYMORPHEUS_CONTEXT","line":29,"character":16}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/animations","name":"AnimationOptions","line":27,"character":65},{"__symbolic":"reference","name":"Observable","module":"rxjs","arguments":[{"__symbolic":"reference","name":"string"}]},{"__symbolic":"reference","name":"TuiDialog","module":"@taiga-ui/cdk","arguments":[{"__symbolic":"reference","name":"TuiPdfViewerOptions"},{"__symbolic":"error","message":"Could not resolve type","line":30,"character":60,"context":{"typeName":"O"},"module":"./pdf-viewer.component"}]}]}]}},"TuiPdfViewerDirective":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"AbstractTuiDialogDirective","line":17,"character":46},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":6,"character":1},"arguments":[{"selector":"ng-template[tuiPdfViewer]","providers":[{"provide":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"AbstractTuiDialogService","line":10,"character":21},"useExisting":{"__symbolic":"reference","name":"TuiPdfViewerService"}}],"inputs":["options: tuiPdfViewerOptions","open: tuiPdfViewer"],"outputs":["openChange: tuiPdfViewerChange"]}]}],"members":{}},"TuiPdfViewerModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":11,"character":14},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiButtonModule","line":11,"character":28},{"__symbolic":"reference","module":"@tinkoff/ng-polymorpheus","name":"PolymorpheusModule","line":11,"character":45}],"declarations":[{"__symbolic":"reference","name":"TuiPdfViewerComponent"},{"__symbolic":"reference","name":"TuiPdfViewerDirective"}],"exports":[{"__symbolic":"reference","name":"TuiPdfViewerComponent"},{"__symbolic":"reference","name":"TuiPdfViewerDirective"}],"providers":[{"provide":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TUI_DIALOGS","line":16,"character":21},"useExisting":{"__symbolic":"reference","name":"TuiPdfViewerService"},"multi":true}],"entryComponents":[{"__symbolic":"reference","name":"TuiPdfViewerComponent"}]}]}],"members":{}},"TuiPdfViewerService":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"AbstractTuiDialogService","line":17,"character":41},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":14,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"open":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"TuiPdfViewerOptions":{"__symbolic":"interface"}},"origins":{"TuiPdfViewerComponent":"./pdf-viewer.component","TuiPdfViewerDirective":"./pdf-viewer.directive","TuiPdfViewerModule":"./pdf-viewer.module","TuiPdfViewerService":"./pdf-viewer.service","TuiPdfViewerOptions":"./pdf-viewer-options"},"importAs":"@taiga-ui/kit/components/pdf-viewer"}

package/components/progress/progress-circle/progress-circle.component.d.ts CHANGED Viewed

@@ -4,12 +4,12 @@ export declare class TuiProgressCircleComponent {
     private readonly userAgent;
     private readonly windowRef;
     private readonly elementRef;
+    private readonly progressCircle;
     value: number;
     max: number;
     color: string | null;
     size: TuiSizeS | TuiSizeXL;
     get progressPercentage(): number;
-    private readonly progressCircle;
     get oldEdgeRadiusFallback(): number | null;
     constructor(userAgent: string, windowRef: Window, elementRef: ElementRef<HTMLElement>);
 }

package/components/progress/taiga-ui-kit-components-progress.metadata.json CHANGED Viewed

	@@ -1 +1 @@
1	- {"__symbolic":"module","version":4,"metadata":{"AbstractTuiColorSegments":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":4,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":11,"character":9},"arguments":[{"__symbolic":"reference","module":"@ng-web-apis/common","name":"USER_AGENT","line":11,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":12,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":12,"character":16}]}]],"parameters":[{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":12,"character":68,"context":{"typeName":"HTMLElement"},"module":"./pipes/abstract-color-segments"}]}]}],"transform":[{"__symbolic":"method"}],"calculate":[{"__symbolic":"method"}]}},"TuiProgressColorSegmentsPipe":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"AbstractTuiColorSegments"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":9,"character":1},"arguments":[{"name":"tuiProgressColorSegments"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"TuiProgressColorSegmentsAsyncPipe":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"AbstractTuiColorSegments"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":6,"character":1},"arguments":[{"name":"tuiProgressColorSegmentsAsync"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"TuiProgressModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":14},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiRepeatTimesModule","line":12,"character":28}],"declarations":[{"__symbolic":"reference","name":"TuiProgressBarComponent"},{"__symbolic":"reference","name":"TuiProgressColorSegmentsPipe"},{"__symbolic":"reference","name":"TuiProgressColorSegmentsAsyncPipe"},{"__symbolic":"reference","name":"TuiProgressCircleComponent"},{"__symbolic":"reference","name":"TuiProgressLabelComponent"},{"__symbolic":"reference","name":"TuiProgressSegmentedComponent"}],"exports":[{"__symbolic":"reference","name":"TuiProgressBarComponent"},{"__symbolic":"reference","name":"TuiProgressCircleComponent"},{"__symbolic":"reference","name":"TuiProgressColorSegmentsPipe"},{"__symbolic":"reference","name":"TuiProgressColorSegmentsAsyncPipe"},{"__symbolic":"reference","name":"TuiProgressLabelComponent"},{"__symbolic":"reference","name":"TuiProgressSegmentedComponent"}]}]}],"members":{}},"TuiProgressBarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"progress[tuiProgressBar]","template":"","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":8,"character":21},"member":"OnPush"},"styles":[":host{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;color:var(--tui-progress-color,currentColor);background-color:var(--tui-base-03);display:block;width:100%;color:var(--tui-primary);border-radius:var(--tui-radius-xs);overflow:hidden}:host::-webkit-progress-value{-webkit-transition:width var(--tui-duration) linear;transition:width var(--tui-duration) linear;background:var(--tui-progress-color,currentColor)}:host::-moz-progress-bar{background:var(--tui-progress-color,currentColor)}:host::-webkit-progress-bar{background-color:var(--tui-base-03)}:host[data-size='m']{height:1.5rem}:host[data-size='s']{border-radius:var(--tui-radius-xs);height:.5rem}:host[data-size='s']::-webkit-progress-value{border-radius:var(--tui-radius-xs)}:host[data-size='s']::-moz-progress-bar{border-radius:var(--tui-radius-xs)}:host-context(label[tuiProgressLabel]):not(:first-child){position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent}:host-context(label[tuiProgressLabel]):not(:first-child)::-webkit-progress-bar{background-color:transparent}"]}]}],"members":{"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":12,"character":5},"arguments":["style.--tui-progress-color"]}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":16,"character":5},"arguments":["attr.data-size"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":17,"character":5}}]}]}},"TuiProgressCircleComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":18,"character":1},"arguments":[{"selector":"tui-progress-circle","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":22,"character":21},"member":"OnPush"},"template":"<progress class=\"t-hidden-progress\" [value]=\"value\" [max]=\"max\"></progress>\n\n<svg height=\"100%\" width=\"100%\" aria-hidden=\"true\" class=\"t-svg\">\n <circle\n cx=\"50%\"\n cy=\"50%\"\n class=\"t-track\"\n [attr.r]=\"oldEdgeRadiusFallback\"\n ></circle>\n\n <circle\n #progressCircle\n cx=\"50%\"\n cy=\"50%\"\n class=\"t-progress\"\n [attr.r]=\"oldEdgeRadiusFallback\"\n ></circle>\n</svg>\n","styles":[":host{position:relative;display:block;color:var(--tui-primary);transform:rotate(-90deg);transform-origin:center;font-size:1rem}:host[data-size='s']{width:2em;height:2em}:host[data-size='s'] .t-track{\n r: 0.75em;\n stroke-width:.5em}:host[data-size='s'] .t-progress{\n r: 0.75em;\n stroke-width:.5em;stroke-dasharray:4.71238898em;stroke-dashoffset:calc(4.71238898em - var(--progress-percentage) * 4.71238898em)}:host[data-size='m']{width:3em;height:3em}:host[data-size='m'] .t-track{\n r: 1.375em;\n stroke-width:.25em}:host[data-size='m'] .t-progress{\n r: 1.3125em;\n stroke-width:.375em;stroke-dasharray:8.24668072em;stroke-dashoffset:calc(8.24668072em - var(--progress-percentage) * 8.24668072em)}:host[data-size='l']{width:4em;height:4em}:host[data-size='l'] .t-track{\n r: 1.875em;\n stroke-width:.25em}:host[data-size='l'] .t-progress{\n r: 1.8125em;\n stroke-width:.375em;stroke-dasharray:11.38827337em;stroke-dashoffset:calc(11.38827337em - var(--progress-percentage) * 11.38827337em)}:host[data-size=xl]{width:7em;height:7em}:host[data-size=xl] .t-track{\n r: 3.375em;\n stroke-width:.25em}:host[data-size=xl] .t-progress{\n r: 3.3125em;\n stroke-width:.375em;stroke-dasharray:20.81305133em;stroke-dashoffset:calc(20.81305133em - var(--progress-percentage) * 20.81305133em)}.t-track{fill:transparent;stroke:var(--tui-base-03)}.t-progress{fill:transparent;stroke:var(--tui-progress-color,currentColor);transition:stroke-dashoffset var(--tui-duration) linear}.t-hidden-progress{position:absolute;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;width:1px;margin:-1px;overflow:hidden;padding:0}.t-svg{overflow:unset}"]}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":26,"character":5}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":30,"character":5}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":34,"character":5},"arguments":["style.--tui-progress-color"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":35,"character":5}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":39,"character":5},"arguments":["attr.data-size"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":40,"character":5}}]}],"progressPercentage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":43,"character":5},"arguments":["style.--progress-percentage"]}]}],"progressCircle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":48,"character":5},"arguments":["progressCircle",{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":66,"character":9},"arguments":[{"__symbolic":"reference","module":"@ng-web-apis/common","name":"USER_AGENT","line":66,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":67,"character":9},"arguments":[{"__symbolic":"reference","module":"@ng-web-apis/common","name":"WINDOW","line":67,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":68,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":68,"character":16}]}]],"parameters":[{"__symbolic":"reference","name":"string"},{"__symbolic":"error","message":"Could not resolve type","line":67,"character":52,"context":{"typeName":"Window"},"module":"./progress-circle/progress-circle.component"},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":68,"character":68,"context":{"typeName":"HTMLElement"},"module":"./progress-circle/progress-circle.component"}]}]}]}},"TuiProgressLabelComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"label[tuiProgressLabel]","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":6,"character":21},"member":"OnPush"},"template":"<ng-content select=\"progress\"></ng-content>\n<ng-content select=\"tui-progress-circle\"></ng-content>\n<span class=\"t-label\">\n <ng-content></ng-content>\n</span>\n","styles":[":host{position:relative;display:inline-block}.t-label{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;font:var(--tui-font-text-s);color:var(--tui-text-01);flex-direction:column;justify-content:center;align-items:center}"]}]}],"members":{}},"nonNegativeInt":{"__symbolic":"function","parameters":["value"],"value":{"__symbolic":"binop","operator":"&&","left":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"Number"},"member":"isInteger"},"arguments":[{"__symbolic":"reference","name":"value"}]},"right":{"__symbolic":"binop","operator":">=","left":{"__symbolic":"reference","name":"value"},"right":0}}},"positiveInt":{"__symbolic":"function","parameters":["value"],"value":{"__symbolic":"binop","operator":"&&","left":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"Number"},"member":"isInteger"},"arguments":[{"__symbolic":"reference","name":"value"}]},"right":{"__symbolic":"binop","operator":">","left":{"__symbolic":"reference","name":"value"},"right":0}}},"TuiProgressSegmentedComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"tui-progress-segmented","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":16,"character":21},"member":"OnPush"},"template":"<progress class=\"t-hidden-progress\" [value]=\"value\" [max]=\"max\"></progress>\n\n<span\n *tuiRepeatTimes=\"let index of max\"\n aria-hidden=\"true\"\n class=\"t-segment\"\n [style.background]=\"index < value ? getActiveColor(index) : null\"\n></span>\n","styles":[":host{display:flex}.t-segment{transition-property:background-color;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;flex:1 1 100%;border-radius:var(--tui-radius-xs);background-color:var(--tui-base-03)}.t-segment:not(:last-child){margin-right:.25rem}:host[data-size='s'] .t-segment{height:.25rem}:host[data-size='m'] .t-segment{height:.5rem}.t-hidden-progress{position:absolute;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;width:1px;margin:-1px;overflow:hidden;padding:0}"]}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":20,"character":5},"arguments":[{"__symbolic":"reference","name":"nonNegativeInt"},"Must be non-negative integer between 0 and max"]}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":24,"character":5},"arguments":[{"__symbolic":"reference","name":"positiveInt"},"Must be positive integer"]}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":28,"character":5},"arguments":["attr.data-size"]}]}],"colors":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":32,"character":5}}]}],"getActiveColor":[{"__symbolic":"method"}]}}},"origins":{"AbstractTuiColorSegments":"./pipes/abstract-color-segments","TuiProgressColorSegmentsPipe":"./pipes/progress-color-segments.pipe","TuiProgressColorSegmentsAsyncPipe":"./pipes/progress-color-segments-async.pipe","TuiProgressModule":"./progress.module","TuiProgressBarComponent":"./progress-bar/progress-bar.component","TuiProgressCircleComponent":"./progress-circle/progress-circle.component","TuiProgressLabelComponent":"./progress-label/progress-label.component","nonNegativeInt":"./progress-segmented/progress-segmented.component","positiveInt":"./progress-segmented/progress-segmented.component","TuiProgressSegmentedComponent":"./progress-segmented/progress-segmented.component"},"importAs":"@taiga-ui/kit/components/progress"}
1	+ {"__symbolic":"module","version":4,"metadata":{"AbstractTuiColorSegments":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":4,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":11,"character":9},"arguments":[{"__symbolic":"reference","module":"@ng-web-apis/common","name":"USER_AGENT","line":11,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":12,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":12,"character":16}]}]],"parameters":[{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":12,"character":68,"context":{"typeName":"HTMLElement"},"module":"./pipes/abstract-color-segments"}]}]}],"transform":[{"__symbolic":"method"}],"calculate":[{"__symbolic":"method"}]}},"TuiProgressColorSegmentsPipe":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"AbstractTuiColorSegments"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":9,"character":1},"arguments":[{"name":"tuiProgressColorSegments"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"TuiProgressColorSegmentsAsyncPipe":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"AbstractTuiColorSegments"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":6,"character":1},"arguments":[{"name":"tuiProgressColorSegmentsAsync"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"TuiProgressModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":14},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiRepeatTimesModule","line":12,"character":28}],"declarations":[{"__symbolic":"reference","name":"TuiProgressBarComponent"},{"__symbolic":"reference","name":"TuiProgressColorSegmentsPipe"},{"__symbolic":"reference","name":"TuiProgressColorSegmentsAsyncPipe"},{"__symbolic":"reference","name":"TuiProgressCircleComponent"},{"__symbolic":"reference","name":"TuiProgressLabelComponent"},{"__symbolic":"reference","name":"TuiProgressSegmentedComponent"}],"exports":[{"__symbolic":"reference","name":"TuiProgressBarComponent"},{"__symbolic":"reference","name":"TuiProgressCircleComponent"},{"__symbolic":"reference","name":"TuiProgressColorSegmentsPipe"},{"__symbolic":"reference","name":"TuiProgressColorSegmentsAsyncPipe"},{"__symbolic":"reference","name":"TuiProgressLabelComponent"},{"__symbolic":"reference","name":"TuiProgressSegmentedComponent"}]}]}],"members":{}},"TuiProgressBarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"progress[tuiProgressBar]","template":"","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":8,"character":21},"member":"OnPush"},"styles":[":host{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;color:var(--tui-progress-color,currentColor);background-color:var(--tui-base-03);display:block;width:100%;color:var(--tui-primary);border-radius:var(--tui-radius-xs);overflow:hidden}:host::-webkit-progress-value{-webkit-transition:width var(--tui-duration) linear;transition:width var(--tui-duration) linear;background:var(--tui-progress-color,currentColor)}:host::-moz-progress-bar{background:var(--tui-progress-color,currentColor)}:host::-webkit-progress-bar{background-color:var(--tui-base-03)}:host[data-size='m']{height:1.5rem}:host[data-size='s']{border-radius:var(--tui-radius-xs);height:.5rem}:host[data-size='s']::-webkit-progress-value{border-radius:var(--tui-radius-xs)}:host[data-size='s']::-moz-progress-bar{border-radius:var(--tui-radius-xs)}:host-context(label[tuiProgressLabel]):not(:first-child){position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent}:host-context(label[tuiProgressLabel]):not(:first-child)::-webkit-progress-bar{background-color:transparent}"]}]}],"members":{"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":12,"character":5},"arguments":["style.--tui-progress-color"]}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":16,"character":5},"arguments":["attr.data-size"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":17,"character":5}}]}]}},"TuiProgressCircleComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":18,"character":1},"arguments":[{"selector":"tui-progress-circle","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":22,"character":21},"member":"OnPush"},"template":"<progress class=\"t-hidden-progress\" [value]=\"value\" [max]=\"max\"></progress>\n\n<svg height=\"100%\" width=\"100%\" aria-hidden=\"true\" class=\"t-svg\">\n <circle\n cx=\"50%\"\n cy=\"50%\"\n class=\"t-track\"\n [attr.r]=\"oldEdgeRadiusFallback\"\n ></circle>\n\n <circle\n #progressCircle\n cx=\"50%\"\n cy=\"50%\"\n class=\"t-progress\"\n [attr.r]=\"oldEdgeRadiusFallback\"\n ></circle>\n</svg>\n","styles":[":host{position:relative;display:block;color:var(--tui-primary);transform:rotate(-90deg);transform-origin:center;font-size:1rem}:host[data-size='s']{width:2em;height:2em}:host[data-size='s'] .t-track{\n r: 0.75em;\n stroke-width:.5em}:host[data-size='s'] .t-progress{\n r: 0.75em;\n stroke-width:.5em;stroke-dasharray:4.71238898em;stroke-dashoffset:calc(4.71238898em - var(--progress-percentage) * 4.71238898em)}:host[data-size='m']{width:3em;height:3em}:host[data-size='m'] .t-track{\n r: 1.375em;\n stroke-width:.25em}:host[data-size='m'] .t-progress{\n r: 1.3125em;\n stroke-width:.375em;stroke-dasharray:8.24668072em;stroke-dashoffset:calc(8.24668072em - var(--progress-percentage) * 8.24668072em)}:host[data-size='l']{width:4em;height:4em}:host[data-size='l'] .t-track{\n r: 1.875em;\n stroke-width:.25em}:host[data-size='l'] .t-progress{\n r: 1.8125em;\n stroke-width:.375em;stroke-dasharray:11.38827337em;stroke-dashoffset:calc(11.38827337em - var(--progress-percentage) * 11.38827337em)}:host[data-size=xl]{width:7em;height:7em}:host[data-size=xl] .t-track{\n r: 3.375em;\n stroke-width:.25em}:host[data-size=xl] .t-progress{\n r: 3.3125em;\n stroke-width:.375em;stroke-dasharray:20.81305133em;stroke-dashoffset:calc(20.81305133em - var(--progress-percentage) * 20.81305133em)}.t-track{fill:transparent;stroke:var(--tui-base-03)}.t-progress{fill:transparent;stroke:var(--tui-progress-color,currentColor);transition:stroke-dashoffset var(--tui-duration) linear}.t-hidden-progress{position:absolute;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;width:1px;margin:-1px;overflow:hidden;padding:0}.t-svg{overflow:unset}"]}]}],"members":{"progressCircle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":25,"character":5},"arguments":["progressCircle",{"static":true}]}]}],"value":[{"__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}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":33,"character":5}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":37,"character":5},"arguments":["style.--tui-progress-color"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":38,"character":5}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":42,"character":5},"arguments":["attr.data-size"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":43,"character":5}}]}],"progressPercentage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":46,"character":5},"arguments":["style.--progress-percentage"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":66,"character":9},"arguments":[{"__symbolic":"reference","module":"@ng-web-apis/common","name":"USER_AGENT","line":66,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":67,"character":9},"arguments":[{"__symbolic":"reference","module":"@ng-web-apis/common","name":"WINDOW","line":67,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":68,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":68,"character":16}]}]],"parameters":[{"__symbolic":"reference","name":"string"},{"__symbolic":"error","message":"Could not resolve type","line":67,"character":52,"context":{"typeName":"Window"},"module":"./progress-circle/progress-circle.component"},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":68,"character":68,"context":{"typeName":"HTMLElement"},"module":"./progress-circle/progress-circle.component"}]}]}]}},"TuiProgressLabelComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"label[tuiProgressLabel]","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":6,"character":21},"member":"OnPush"},"template":"<ng-content select=\"progress\"></ng-content>\n<ng-content select=\"tui-progress-circle\"></ng-content>\n<span class=\"t-label\">\n <ng-content></ng-content>\n</span>\n","styles":[":host{position:relative;display:inline-block}.t-label{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;font:var(--tui-font-text-s);color:var(--tui-text-01);flex-direction:column;justify-content:center;align-items:center}"]}]}],"members":{}},"nonNegativeInt":{"__symbolic":"function","parameters":["value"],"value":{"__symbolic":"binop","operator":"&&","left":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"Number"},"member":"isInteger"},"arguments":[{"__symbolic":"reference","name":"value"}]},"right":{"__symbolic":"binop","operator":">=","left":{"__symbolic":"reference","name":"value"},"right":0}}},"positiveInt":{"__symbolic":"function","parameters":["value"],"value":{"__symbolic":"binop","operator":"&&","left":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"Number"},"member":"isInteger"},"arguments":[{"__symbolic":"reference","name":"value"}]},"right":{"__symbolic":"binop","operator":">","left":{"__symbolic":"reference","name":"value"},"right":0}}},"TuiProgressSegmentedComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"tui-progress-segmented","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":16,"character":21},"member":"OnPush"},"template":"<progress class=\"t-hidden-progress\" [value]=\"value\" [max]=\"max\"></progress>\n\n<span\n *tuiRepeatTimes=\"let index of max\"\n aria-hidden=\"true\"\n class=\"t-segment\"\n [style.background]=\"index < value ? getActiveColor(index) : null\"\n></span>\n","styles":[":host{display:flex}.t-segment{transition-property:background-color;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;flex:1 1 100%;border-radius:var(--tui-radius-xs);background-color:var(--tui-base-03)}.t-segment:not(:last-child){margin-right:.25rem}:host[data-size='s'] .t-segment{height:.25rem}:host[data-size='m'] .t-segment{height:.5rem}.t-hidden-progress{position:absolute;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;width:1px;margin:-1px;overflow:hidden;padding:0}"]}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":20,"character":5},"arguments":[{"__symbolic":"reference","name":"nonNegativeInt"},"Must be non-negative integer between 0 and max"]}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":24,"character":5},"arguments":[{"__symbolic":"reference","name":"positiveInt"},"Must be positive integer"]}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":28,"character":5},"arguments":["attr.data-size"]}]}],"colors":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":32,"character":5}}]}],"getActiveColor":[{"__symbolic":"method"}]}}},"origins":{"AbstractTuiColorSegments":"./pipes/abstract-color-segments","TuiProgressColorSegmentsPipe":"./pipes/progress-color-segments.pipe","TuiProgressColorSegmentsAsyncPipe":"./pipes/progress-color-segments-async.pipe","TuiProgressModule":"./progress.module","TuiProgressBarComponent":"./progress-bar/progress-bar.component","TuiProgressCircleComponent":"./progress-circle/progress-circle.component","TuiProgressLabelComponent":"./progress-label/progress-label.component","nonNegativeInt":"./progress-segmented/progress-segmented.component","positiveInt":"./progress-segmented/progress-segmented.component","TuiProgressSegmentedComponent":"./progress-segmented/progress-segmented.component"},"importAs":"@taiga-ui/kit/components/progress"}