@taiga-ui/kit 2.23.0 → 2.24.0

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

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"TuiHideSelectedPipe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":5,"character":1},"arguments":[{"name":"tuiHideSelected","pure":false}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":11,"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":29,"character":5}]}],"filter":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":38,"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;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":24,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":26,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":27,"character":8},{"__symbolic":"reference","module":"@tinkoff/ng-polymorpheus","name":"PolymorpheusModule","line":28,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiPreventDefaultModule","line":29,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiActiveZoneModule","line":30,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiLetModule","line":31,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiMapperPipeModule","line":32,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiHoveredModule","line":33,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSvgModule","line":34,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiHostedDropdownModule","line":35,"character":8},{"__symbolic":"reference","module":"@taiga-ui/kit/components/input-tag","name":"TuiInputTagModule","line":36,"character":8},{"__symbolic":"reference","module":"@taiga-ui/kit/components/multi-select-option","name":"TuiMultiSelectOptionModule","line":37,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiPrimitiveCheckboxModule","line":38,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiDataListModule","line":39,"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":14,"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":32,"character":43},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/kit/components/multi-select-option","name":"TuiMultiSelectOptionComponent","line":33,"character":4}]},"MULTI_SELECT_ACCESSOR":{"writeValue":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"EMPTY_FUNCTION","line":38,"character":16},"registerOnChange":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"EMPTY_FUNCTION","line":39,"character":22},"registerOnTouched":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"EMPTY_FUNCTION","line":40,"character":23}},"TuiMultiSelectGroupDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":43,"character":1},"arguments":[{"selector":"[tuiMultiSelectGroup]","providers":[{"provide":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_OPTION_CONTENT","line":47,"character":21},"useValue":{"__symbolic":"reference","name":"TUI_MULTI_SELECT_OPTION"}},{"provide":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_DATA_LIST_HOST","line":51,"character":21},"deps":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":53,"character":16},[{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":54,"character":21}},{"__symbolic":"reference","name":"TuiMultiSelectComponent"}]],"useFactory":{"__symbolic":"reference","name":"hostFallbackFactory"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":59,"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"}
+{"__symbolic":"module","version":4,"metadata":{"TuiHideSelectedPipe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":5,"character":1},"arguments":[{"name":"tuiHideSelected","pure":false}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":11,"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":29,"character":5}]}],"filter":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":38,"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":24,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":26,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":27,"character":8},{"__symbolic":"reference","module":"@tinkoff/ng-polymorpheus","name":"PolymorpheusModule","line":28,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiPreventDefaultModule","line":29,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiActiveZoneModule","line":30,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiLetModule","line":31,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiMapperPipeModule","line":32,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiHoveredModule","line":33,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSvgModule","line":34,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiHostedDropdownModule","line":35,"character":8},{"__symbolic":"reference","module":"@taiga-ui/kit/components/input-tag","name":"TuiInputTagModule","line":36,"character":8},{"__symbolic":"reference","module":"@taiga-ui/kit/components/multi-select-option","name":"TuiMultiSelectOptionModule","line":37,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiPrimitiveCheckboxModule","line":38,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiDataListModule","line":39,"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":14,"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":32,"character":43},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/kit/components/multi-select-option","name":"TuiMultiSelectOptionComponent","line":33,"character":4}]},"MULTI_SELECT_ACCESSOR":{"writeValue":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"EMPTY_FUNCTION","line":38,"character":16},"registerOnChange":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"EMPTY_FUNCTION","line":39,"character":22},"registerOnTouched":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"EMPTY_FUNCTION","line":40,"character":23}},"TuiMultiSelectGroupDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":43,"character":1},"arguments":[{"selector":"[tuiMultiSelectGroup]","providers":[{"provide":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_OPTION_CONTENT","line":47,"character":21},"useValue":{"__symbolic":"reference","name":"TUI_MULTI_SELECT_OPTION"}},{"provide":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_DATA_LIST_HOST","line":51,"character":21},"deps":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":53,"character":16},[{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":54,"character":21}},{"__symbolic":"reference","name":"TuiMultiSelectComponent"}]],"useFactory":{"__symbolic":"reference","name":"hostFallbackFactory"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":59,"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/multi-select-option/multi-select-option.component.d.ts

@@ -1,6 +1,6 @@
 import { TuiSizeL } from '@taiga-ui/core';
 import { TuiSelectOptionComponent } from '@taiga-ui/kit/components/select-option';
 export declare class TuiMultiSelectOptionComponent<T> extends TuiSelectOptionComponent<T> {
-    readonly selected$: import("rxjs").Observable<boolean>;
     get size(): TuiSizeL;
+    protected get selected(): boolean;
 }

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

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"TuiMultiSelectOptionComponent":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","module":"@taiga-ui/kit/components/select-option","name":"TuiSelectOptionComponent","line":12,"character":54},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"tui-multi-select-option","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":10,"character":21},"member":"OnPush"},"template":"<tui-primitive-checkbox\n    class=\"tui-space_right-3\"\n    [size]=\"size\"\n    [value]=\"selected$ | async\"\n></tui-primitive-checkbox>\n<ng-container *ngTemplateOutlet=\"context.$implicit\"></ng-container>\n","styles":[":host{display:flex;flex:1;align-items:center;overflow:hidden}"]}]}],"members":{}},"TuiMultiSelectOptionModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":14},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiPrimitiveCheckboxModule","line":6,"character":28}],"declarations":[{"__symbolic":"reference","name":"TuiMultiSelectOptionComponent"}],"exports":[{"__symbolic":"reference","name":"TuiMultiSelectOptionComponent"}],"entryComponents":[{"__symbolic":"reference","name":"TuiMultiSelectOptionComponent"}]}]}],"members":{}}},"origins":{"TuiMultiSelectOptionComponent":"./multi-select-option.component","TuiMultiSelectOptionModule":"./multi-select-option.module"},"importAs":"@taiga-ui/kit/components/multi-select-option"}
+{"__symbolic":"module","version":4,"metadata":{"TuiMultiSelectOptionComponent":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","module":"@taiga-ui/kit/components/select-option","name":"TuiSelectOptionComponent","line":11,"character":54},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"tui-multi-select-option","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":9,"character":21},"member":"OnPush"},"template":"<tui-primitive-checkbox\n    class=\"tui-space_right-3\"\n    [size]=\"size\"\n    [value]=\"selected$ | async\"\n></tui-primitive-checkbox>\n<ng-container *ngTemplateOutlet=\"context.$implicit\"></ng-container>\n","styles":["@-webkit-keyframes retrigger{from{left:1px}to{left:2px}}@keyframes retrigger{from{left:1px}to{left:2px}}:host{display:flex;flex:1;align-items:center;overflow:hidden;-webkit-animation:1s retrigger;animation:1s retrigger}"]}]}],"members":{}},"TuiMultiSelectOptionModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":14},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiPrimitiveCheckboxModule","line":6,"character":28}],"declarations":[{"__symbolic":"reference","name":"TuiMultiSelectOptionComponent"}],"exports":[{"__symbolic":"reference","name":"TuiMultiSelectOptionComponent"}],"entryComponents":[{"__symbolic":"reference","name":"TuiMultiSelectOptionComponent"}]}]}],"members":{}}},"origins":{"TuiMultiSelectOptionComponent":"./multi-select-option.component","TuiMultiSelectOptionModule":"./multi-select-option.module"},"importAs":"@taiga-ui/kit/components/multi-select-option"}

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

@@ -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            class=\"button\"\n            size=\"s\"\n            appearance=\"flat\"\n            icon=\"tuiIconChevronLeft\"\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                    class=\"button\"\n                    shape=\"square\"\n                    size=\"s\"\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            class=\"button\"\n            size=\"s\"\n            appearance=\"flat\"\n            icon=\"tuiIconChevronRight\"\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            class=\"button button_small\"\n            shape=\"square\"\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":12,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":14,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiRepeatTimesModule","line":15,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiLetModule","line":16,"character":8},{"__symbolic":"reference","module":"@tinkoff/ng-polymorpheus","name":"PolymorpheusModule","line":17,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiPreventDefaultModule","line":18,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiActiveZoneModule","line":19,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiButtonModule","line":20,"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"}
+{"__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":12,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":14,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiRepeatTimesModule","line":15,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiLetModule","line":16,"character":8},{"__symbolic":"reference","module":"@tinkoff/ng-polymorpheus","name":"PolymorpheusModule","line":17,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiPreventDefaultModule","line":18,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiActiveZoneModule","line":19,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiButtonModule","line":20,"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/progress/index.d.ts

@@ -3,4 +3,6 @@ export * from './progress-bar/progress-bar.component';
 export * from './progress-circle/progress-circle.component';
 export * from './progress-segmented/progress-segmented.component';
 export * from './progress-label/progress-label.component';
+export * from './pipes/abstract-color-segments';
 export * from './pipes/progress-color-segments.pipe';
+export * from './pipes/progress-color-segments-async.pipe';

package/components/progress/pipes/abstract-color-segments.d.ts

@@ -0,0 +1,9 @@
+import { ElementRef, PipeTransform } from '@angular/core';
+export declare abstract class AbstractTuiColorSegments<T> implements PipeTransform {
+    private readonly userAgent;
+    private readonly elementRef;
+    private readonly isOldBrowsers;
+    constructor(userAgent: string, elementRef: ElementRef<HTMLElement>);
+    abstract transform(colors: string[]): T;
+    protected calculate(colors: string[]): string;
+}

package/components/progress/pipes/progress-color-segments-async.pipe.d.ts

@@ -0,0 +1,5 @@
+import { Observable } from 'rxjs';
+import { AbstractTuiColorSegments } from './abstract-color-segments';
+export declare class TuiProgressColorSegmentsAsyncPipe extends AbstractTuiColorSegments<Observable<string>> {
+    transform(colors: string[]): Observable<string>;
+}

package/components/progress/pipes/progress-color-segments.pipe.d.ts

@@ -1,8 +1,9 @@
-import { ElementRef, PipeTransform } from '@angular/core';
-export declare class TuiProgressColorSegmentsPipe implements PipeTransform {
-    private readonly userAgent;
-    private readonly elementRef;
-    private readonly isOldBrowsers;
-    constructor(userAgent: string, elementRef: ElementRef<HTMLElement>);
+import { AbstractTuiColorSegments } from './abstract-color-segments';
+/**
+ * @deprecated use tuiProgressColorSegmentsAsync instead
+ * {@link TuiProgressColorSegmentsAsyncPipe}
+ * example: `<progress [color]="colors | tuiProgressColorSegmentsAsync | async">`
+ */
+export declare class TuiProgressColorSegmentsPipe extends AbstractTuiColorSegments<string> {
     transform(colors: string[]): string;
 }

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

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"TuiProgressModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":14},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiRepeatTimesModule","line":10,"character":28}],"declarations":[{"__symbolic":"reference","name":"TuiProgressBarComponent"},{"__symbolic":"reference","name":"TuiProgressColorSegmentsPipe"},{"__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":"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 class=\"t-svg\" height=\"100%\" width=\"100%\" aria-hidden=\"true\">\n    <circle\n        class=\"t-track\"\n        cx=\"50%\"\n        cy=\"50%\"\n        [attr.r]=\"oldEdgeRadiusFallback\"\n    ></circle>\n\n    <circle\n        #progressCircle\n        class=\"t-progress\"\n        cx=\"50%\"\n        cy=\"50%\"\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"}]}]}]}},"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    class=\"t-segment\"\n    aria-hidden=\"true\"\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"}]}},"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":{}},"TuiProgressColorSegmentsPipe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":4,"character":1},"arguments":[{"name":"tuiProgressColorSegments"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":13,"character":9},"arguments":[{"__symbolic":"reference","module":"@ng-web-apis/common","name":"USER_AGENT","line":13,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":14,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":14,"character":16}]}]],"parameters":[{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":14,"character":68,"context":{"typeName":"HTMLElement"},"module":"./pipes/progress-color-segments.pipe"}]}]}],"transform":[{"__symbolic":"method"}]}}},"origins":{"TuiProgressModule":"./progress.module","TuiProgressBarComponent":"./progress-bar/progress-bar.component","TuiProgressCircleComponent":"./progress-circle/progress-circle.component","nonNegativeInt":"./progress-segmented/progress-segmented.component","positiveInt":"./progress-segmented/progress-segmented.component","TuiProgressSegmentedComponent":"./progress-segmented/progress-segmented.component","TuiProgressLabelComponent":"./progress-label/progress-label.component","TuiProgressColorSegmentsPipe":"./pipes/progress-color-segments.pipe"},"importAs":"@taiga-ui/kit/components/progress"}
+{"__symbolic":"module","version":4,"metadata":{"TuiProgressModule":{"__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/cdk","name":"TuiRepeatTimesModule","line":11,"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"}]}]}]}},"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"}]}},"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":{}},"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":8,"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":5,"character":1},"arguments":[{"name":"tuiProgressColorSegmentsAsync"}]}],"members":{"transform":[{"__symbolic":"method"}]}}},"origins":{"TuiProgressModule":"./progress.module","TuiProgressBarComponent":"./progress-bar/progress-bar.component","TuiProgressCircleComponent":"./progress-circle/progress-circle.component","nonNegativeInt":"./progress-segmented/progress-segmented.component","positiveInt":"./progress-segmented/progress-segmented.component","TuiProgressSegmentedComponent":"./progress-segmented/progress-segmented.component","TuiProgressLabelComponent":"./progress-label/progress-label.component","AbstractTuiColorSegments":"./pipes/abstract-color-segments","TuiProgressColorSegmentsPipe":"./pipes/progress-color-segments.pipe","TuiProgressColorSegmentsAsyncPipe":"./pipes/progress-color-segments-async.pipe"},"importAs":"@taiga-ui/kit/components/progress"}

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

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"TuiRangeComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@taiga-ui/kit/abstract","name":"AbstractTuiSlider","line":38,"character":12},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":25,"character":1},"arguments":[{"selector":"tui-range","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":29,"character":21},"member":"OnPush"},"providers":[{"provide":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TUI_FOCUSABLE_ITEM_ACCESSOR","line":32,"character":21},"useExisting":{"__symbolic":"reference","name":"TuiRangeComponent"}}],"template":"<div\n    class=\"event-catcher\"\n    (tuiActiveZoneChange)=\"onActiveZone($event)\"\n    (mousedown)=\"onMouseDown($event)\"\n    (touchstart)=\"onTouchStart($event)\"\n>\n    <div class=\"wrapper\">\n        <div *ngIf=\"segmented\" class=\"segments\">\n            <span\n                *tuiRepeatTimes=\"let segmentIndex of segments + 1\"\n                class=\"segment\"\n                automation-id=\"tui-slider__segment\"\n            >\n                <span *ngIf=\"fromToTexts$ | async as fromToText\" class=\"number\">\n                    {{getSegmentPrefix(segmentIndex, fromToText)}}\n                    {{getSegmentLabel(segmentIndex) | tuiFormatNumber}}\n                    <span *ngIf=\"pluralizeMap\">\n                        {{getSegmentLabel(segmentIndex) | i18nPlural:\n                        pluralizeMap}}\n                    </span>\n                </span>\n            </span>\n        </div>\n        <div\n            class=\"bar\"\n            automation-id=\"tui-slider__bar\"\n            [style.left.%]=\"left\"\n            [style.right.%]=\"right\"\n        >\n            <div\n                #dotLeft\n                class=\"dot\"\n                automation-id=\"tui-slider__left\"\n                [class.dot_focus-visible]=\"focusVisibleLeft && computedFocused\"\n                [tuiFocusable]=\"isLeftFocusable\"\n                (tuiFocusVisibleChange)=\"onLeftFocusVisible($event)\"\n                (keydown.arrowLeft.prevent)=\"decrement(false)\"\n                (keydown.arrowDown.prevent)=\"decrement(false)\"\n                (keydown.arrowRight.prevent)=\"increment(false)\"\n                (keydown.arrowUp.prevent)=\"increment(false)\"\n            ></div>\n            <div\n                #dotRight\n                class=\"dot\"\n                automation-id=\"tui-slider__right\"\n                [class.dot_focus-visible]=\"focusVisibleRight && computedFocused\"\n                [tuiFocusable]=\"isRightFocusable\"\n                (tuiFocusVisibleChange)=\"onRightFocusVisible($event)\"\n                (keydown.arrowLeft.prevent)=\"decrement(true)\"\n                (keydown.arrowDown.prevent)=\"decrement(true)\"\n                (keydown.arrowRight.prevent)=\"increment(true)\"\n                (keydown.arrowUp.prevent)=\"increment(true)\"\n            ></div>\n        </div>\n    </div>\n</div>\n","styles":[":host{display:block;border-radius:var(--tui-radius-m);color:var(--tui-base-03);min-height:.125rem;font-size:1rem}:host[data-tui-host-size='s']{min-height:.125rem;font-size:.5rem}:host._segmented{padding-bottom:1.25rem}:host._disabled{cursor:default;pointer-events:none;opacity:var(--tui-disabled-opacity)}.event-catcher{min-height:inherit;border-radius:inherit;padding:.4375rem 0;cursor:pointer}.wrapper{position:relative;min-height:inherit;border-radius:inherit;background-color:currentColor;border:solid transparent;border-width:0 1em}.bar{position:absolute;top:0;bottom:0;margin:0 -1em;border-radius:inherit;background-color:var(--tui-primary)}:host-context(tui-input-slider) .bar{margin-left:calc(var(--tui-radius-m)/ 2);border-bottom-left-radius:calc(var(--tui-radius-m) * 5) calc(var(--tui-radius-m) * 1.5)}.dot{transition-property:background-color;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;position:absolute;top:50%;z-index:1;width:1em;height:1em;transform:translate(0,-50%);border-radius:100%;background-color:var(--tui-primary);outline:0;cursor:ew-resize}.dot:last-child{right:0;transform:translate(0,-50%)}.dot:hover{background-color:var(--tui-primary-hover)}.dot:active{background-color:var(--tui-primary-active)}.dot_focus-visible{box-shadow:inset 0 0 0 2px var(--tui-focus)}.segments{position:relative;z-index:1;display:flex;justify-content:space-between;min-height:inherit;margin:0 -1em}.segments-spacer{height:1.625rem}.segment{position:relative;height:inherit;width:.25rem;background-color:rgba(0,0,0,.36);pointer-events:none}.segment:first-of-type,.segment:last-of-type{background-color:transparent}.number{position:absolute;left:50%;transform:translate(-50%,0);top:100%;font:var(--tui-font-text-s);margin-top:.5rem;color:var(--tui-text-02);white-space:nowrap}.segment:first-of-type .number{left:-.05em;transform:none}.segment:last-of-type .number{left:auto;right:-.05em;transform:none}:host._disabled .number{color:var(--tui-text-01)}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":42,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":43,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":44,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":44,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":46,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":46,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":47,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":47,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":48,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":48,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":49,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/kit/tokens","name":"TUI_FROM_TO_TEXTS","line":49,"character":16}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":45,"character":17},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":46,"character":54},{"__symbolic":"error","message":"Could not resolve type","line":47,"character":39,"context":{"typeName":"Document"},"module":"./range.component"},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":48,"character":68,"context":{"typeName":"HTMLElement"},"module":"./range.component"}]},{"__symbolic":"reference","name":"Observable","module":"rxjs","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":49,"character":60,"module":"./range.component"}]}]}],"getFallbackValue":[{"__symbolic":"method"}],"processStep":[{"__symbolic":"method"}],"processValue":[{"__symbolic":"method"}],"getCalibratedFractionFromEvents":[{"__symbolic":"method"}],"updateStart":[{"__symbolic":"method"}],"updateEnd":[{"__symbolic":"method"}]}},"TuiRangeModule":{"__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":13,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiRepeatTimesModule","line":14,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiFocusableModule","line":15,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiActiveZoneModule","line":16,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiFocusVisibleModule","line":17,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiFormatNumberPipeModule","line":18,"character":8}],"declarations":[{"__symbolic":"reference","name":"TuiRangeComponent"}],"exports":[{"__symbolic":"reference","name":"TuiRangeComponent"}]}]}],"members":{}}},"origins":{"TuiRangeComponent":"./range.component","TuiRangeModule":"./range.module"},"importAs":"@taiga-ui/kit/components/range"}
+{"__symbolic":"module","version":4,"metadata":{"TuiRangeComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@taiga-ui/kit/abstract","name":"AbstractTuiSlider","line":38,"character":12},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":25,"character":1},"arguments":[{"selector":"tui-range","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":29,"character":21},"member":"OnPush"},"providers":[{"provide":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TUI_FOCUSABLE_ITEM_ACCESSOR","line":32,"character":21},"useExisting":{"__symbolic":"reference","name":"TuiRangeComponent"}}],"template":"<div\n    class=\"event-catcher\"\n    (tuiActiveZoneChange)=\"onActiveZone($event)\"\n    (mousedown)=\"onMouseDown($event)\"\n    (touchstart)=\"onTouchStart($event)\"\n>\n    <div class=\"wrapper\">\n        <div *ngIf=\"segmented\" class=\"segments\">\n            <span\n                *tuiRepeatTimes=\"let segmentIndex of segments + 1\"\n                automation-id=\"tui-slider__segment\"\n                class=\"segment\"\n            >\n                <span *ngIf=\"fromToTexts$ | async as fromToText\" class=\"number\">\n                    {{ getSegmentPrefix(segmentIndex, fromToText) }} {{\n                    getSegmentLabel(segmentIndex) | tuiFormatNumber }}\n                    <span *ngIf=\"pluralizeMap\">\n                        {{ getSegmentLabel(segmentIndex) | i18nPlural:\n                        pluralizeMap }}\n                    </span>\n                </span>\n            </span>\n        </div>\n        <div\n            automation-id=\"tui-slider__bar\"\n            class=\"bar\"\n            [style.left.%]=\"left\"\n            [style.right.%]=\"right\"\n        >\n            <div\n                #dotLeft\n                automation-id=\"tui-slider__left\"\n                class=\"dot\"\n                [class.dot_focus-visible]=\"focusVisibleLeft && computedFocused\"\n                [tuiFocusable]=\"isLeftFocusable\"\n                (tuiFocusVisibleChange)=\"onLeftFocusVisible($event)\"\n                (keydown.arrowLeft.prevent)=\"decrement(false)\"\n                (keydown.arrowDown.prevent)=\"decrement(false)\"\n                (keydown.arrowRight.prevent)=\"increment(false)\"\n                (keydown.arrowUp.prevent)=\"increment(false)\"\n            ></div>\n            <div\n                #dotRight\n                automation-id=\"tui-slider__right\"\n                class=\"dot\"\n                [class.dot_focus-visible]=\"focusVisibleRight && computedFocused\"\n                [tuiFocusable]=\"isRightFocusable\"\n                (tuiFocusVisibleChange)=\"onRightFocusVisible($event)\"\n                (keydown.arrowLeft.prevent)=\"decrement(true)\"\n                (keydown.arrowDown.prevent)=\"decrement(true)\"\n                (keydown.arrowRight.prevent)=\"increment(true)\"\n                (keydown.arrowUp.prevent)=\"increment(true)\"\n            ></div>\n        </div>\n    </div>\n</div>\n","styles":[":host{display:block;border-radius:var(--tui-radius-m);color:var(--tui-base-03);min-height:.125rem;font-size:1rem}:host[data-tui-host-size='s']{min-height:.125rem;font-size:.5rem}:host._segmented{padding-bottom:1.25rem}:host._disabled{cursor:default;pointer-events:none;opacity:var(--tui-disabled-opacity)}.event-catcher{min-height:inherit;border-radius:inherit;padding:.4375rem 0;cursor:pointer}.wrapper{position:relative;min-height:inherit;border-radius:inherit;background-color:currentColor;border:solid transparent;border-width:0 1em}.bar{position:absolute;top:0;bottom:0;margin:0 -1em;border-radius:inherit;background-color:var(--tui-primary)}:host-context(tui-input-slider) .bar{margin-left:calc(var(--tui-radius-m)/ 2);border-bottom-left-radius:calc(var(--tui-radius-m) * 5) calc(var(--tui-radius-m) * 1.5)}.dot{transition-property:background-color;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;position:absolute;top:50%;z-index:1;width:1em;height:1em;transform:translate(0,-50%);border-radius:100%;background-color:var(--tui-primary);outline:0;cursor:ew-resize}.dot:last-child{right:0;transform:translate(0,-50%)}.dot:hover{background-color:var(--tui-primary-hover)}.dot:active{background-color:var(--tui-primary-active)}.dot_focus-visible{box-shadow:inset 0 0 0 2px var(--tui-focus)}.segments{position:relative;z-index:1;display:flex;justify-content:space-between;min-height:inherit;margin:0 -1em}.segments-spacer{height:1.625rem}.segment{position:relative;height:inherit;width:.25rem;background-color:rgba(0,0,0,.36);pointer-events:none}.segment:first-of-type,.segment:last-of-type{background-color:transparent}.number{position:absolute;left:50%;transform:translate(-50%,0);top:100%;font:var(--tui-font-text-s);margin-top:.5rem;color:var(--tui-text-02);white-space:nowrap}.segment:first-of-type .number{left:-.05em;transform:none}.segment:last-of-type .number{left:auto;right:-.05em;transform:none}:host._disabled .number{color:var(--tui-text-01)}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":42,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":43,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":44,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":44,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":46,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":46,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":47,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":47,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":48,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":48,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":49,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/kit/tokens","name":"TUI_FROM_TO_TEXTS","line":49,"character":16}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":45,"character":17},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":46,"character":54},{"__symbolic":"error","message":"Could not resolve type","line":47,"character":39,"context":{"typeName":"Document"},"module":"./range.component"},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":48,"character":68,"context":{"typeName":"HTMLElement"},"module":"./range.component"}]},{"__symbolic":"reference","name":"Observable","module":"rxjs","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":49,"character":60,"module":"./range.component"}]}]}],"getFallbackValue":[{"__symbolic":"method"}],"processStep":[{"__symbolic":"method"}],"processValue":[{"__symbolic":"method"}],"getCalibratedFractionFromEvents":[{"__symbolic":"method"}],"updateStart":[{"__symbolic":"method"}],"updateEnd":[{"__symbolic":"method"}]}},"TuiRangeModule":{"__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":13,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiRepeatTimesModule","line":14,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiFocusableModule","line":15,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiActiveZoneModule","line":16,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiFocusVisibleModule","line":17,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiFormatNumberPipeModule","line":18,"character":8}],"declarations":[{"__symbolic":"reference","name":"TuiRangeComponent"}],"exports":[{"__symbolic":"reference","name":"TuiRangeComponent"}]}]}],"members":{}}},"origins":{"TuiRangeComponent":"./range.component","TuiRangeModule":"./range.module"},"importAs":"@taiga-ui/kit/components/range"}

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

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"TuiSelectComponent":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"AbstractTuiNullableControl","line":66,"character":12},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":44,"character":1},"arguments":[{"selector":"tui-select","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":48,"character":21},"member":"OnPush"},"providers":[{"provide":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TUI_FOCUSABLE_ITEM_ACCESSOR","line":51,"character":21},"useExisting":{"__symbolic":"reference","name":"TuiSelectComponent"}},{"provide":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_DATA_LIST_HOST","line":55,"character":21},"useExisting":{"__symbolic":"reference","name":"TuiSelectComponent"}},{"provide":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_OPTION_CONTENT","line":59,"character":21},"useValue":{"__symbolic":"reference","name":"TUI_SELECT_OPTION","module":"@taiga-ui/kit/components/select-option"}},{"__symbolic":"reference","module":"@taiga-ui/kit/providers","name":"FIXED_DROPDOWN_CONTROLLER_PROVIDER","line":62,"character":8}],"template":"<tui-hosted-dropdown\n    class=\"hosted\"\n    [canOpen]=\"canOpen\"\n    [content]=\"datalist || ''\"\n    (tuiActiveZoneChange)=\"onActiveZone($event)\"\n>\n    <tui-primitive-textfield\n        automation-id=\"tui-select__textfield\"\n        class=\"textfield\"\n        [editable]=\"false\"\n        [pseudoFocused]=\"computedFocused\"\n        [pseudoHovered]=\"computedHovered\"\n        [invalid]=\"computedInvalid\"\n        [nativeId]=\"nativeId\"\n        [readOnly]=\"readOnly\"\n        [iconContent]=\"arrow\"\n        [disabled]=\"computedDisabled\"\n        [focusable]=\"computedFocusable\"\n        [value]=\"computedValue\"\n        (valueChange)=\"onValueChange($event)\"\n        (hoveredChange)=\"onHovered($event)\"\n        (keydown.delete.prevent)=\"onKeyDownDelete()\"\n        (keydown.backspace.prevent)=\"onKeyDownDelete()\"\n    >\n        <ng-content></ng-content>\n        <div\n            *ngIf=\"value !== null\"\n            polymorpheus-outlet\n            class=\"value\"\n            automation-id=\"tui-select__value\"\n            [content]=\"computedContent\"\n            [context]=\"computeContext(value, computedFocused)\"\n        ></div>\n    </tui-primitive-textfield>\n</tui-hosted-dropdown>\n","styles":[":host{display:block;border-radius:var(--tui-radius-m);text-align:left}:host:not(._readonly) ::ng-deep input:not(:disabled){cursor:pointer}:host._readonly ::ng-deep input{cursor:default}.hosted{display:block;border-radius:inherit}.textfield{border-radius:inherit;text-align:inherit}.value{display:flex;width:100%;align-items:center}"]}]}],"members":{"identityMatcher":[{"__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}}]}],"valueContent":[{"__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}}]}],"datalist":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":77,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiDataListDirective","line":77,"character":18},{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":77,"character":47}}]}]}],"textfield":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":80,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiPrimitiveTextfieldComponent","line":80,"character":15}]}]}],"hostedDropdown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":83,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiHostedDropdownComponent","line":83,"character":15}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":87,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":88,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":89,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":89,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":91,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":91,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":92,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_TEXTFIELD_CLEANER","line":92,"character":16}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":90,"character":17},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":91,"character":54},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiTextfieldCleanerDirective","line":93,"character":43}]}],"onValueChange":[{"__symbolic":"method"}],"onActiveZone":[{"__symbolic":"method"}],"onHovered":[{"__symbolic":"method"}],"onKeyDownDelete":[{"__symbolic":"method"}],"handleOption":[{"__symbolic":"method"}],"computeContext":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":154,"character":5}]}],"focusInput":[{"__symbolic":"method"}]}},"TuiSelectModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":11,"character":8},{"__symbolic":"reference","module":"@tinkoff/ng-polymorpheus","name":"PolymorpheusModule","line":12,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiActiveZoneModule","line":13,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiPrimitiveTextfieldModule","line":14,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiHostedDropdownModule","line":15,"character":8},{"__symbolic":"reference","module":"@taiga-ui/kit/components/select-option","name":"TuiSelectOptionModule","line":16,"character":8},{"__symbolic":"reference","module":"@taiga-ui/kit/components/arrow","name":"TuiArrowModule","line":17,"character":8}],"declarations":[{"__symbolic":"reference","name":"TuiSelectComponent"}],"exports":[{"__symbolic":"reference","name":"TuiSelectComponent"}]}]}],"members":{}}},"origins":{"SELECT_OPTION":"@taiga-ui/kit/components/select-option","TuiSelectComponent":"./select.component","TuiSelectModule":"./select.module"},"importAs":"@taiga-ui/kit/components/select"}
+{"__symbolic":"module","version":4,"metadata":{"TuiSelectComponent":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"AbstractTuiNullableControl","line":66,"character":12},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":44,"character":1},"arguments":[{"selector":"tui-select","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":48,"character":21},"member":"OnPush"},"providers":[{"provide":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TUI_FOCUSABLE_ITEM_ACCESSOR","line":51,"character":21},"useExisting":{"__symbolic":"reference","name":"TuiSelectComponent"}},{"provide":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_DATA_LIST_HOST","line":55,"character":21},"useExisting":{"__symbolic":"reference","name":"TuiSelectComponent"}},{"provide":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_OPTION_CONTENT","line":59,"character":21},"useValue":{"__symbolic":"reference","name":"TUI_SELECT_OPTION","module":"@taiga-ui/kit/components/select-option"}},{"__symbolic":"reference","module":"@taiga-ui/kit/providers","name":"FIXED_DROPDOWN_CONTROLLER_PROVIDER","line":62,"character":8}],"template":"<tui-hosted-dropdown\n    class=\"hosted\"\n    [canOpen]=\"canOpen\"\n    [content]=\"datalist || ''\"\n    (tuiActiveZoneChange)=\"onActiveZone($event)\"\n>\n    <tui-primitive-textfield\n        automation-id=\"tui-select__textfield\"\n        class=\"textfield\"\n        [editable]=\"false\"\n        [pseudoFocused]=\"computedFocused\"\n        [pseudoHovered]=\"computedHovered\"\n        [invalid]=\"computedInvalid\"\n        [nativeId]=\"nativeId\"\n        [readOnly]=\"readOnly\"\n        [iconContent]=\"arrow\"\n        [disabled]=\"computedDisabled\"\n        [focusable]=\"computedFocusable\"\n        [value]=\"computedValue\"\n        (valueChange)=\"onValueChange($event)\"\n        (hoveredChange)=\"onHovered($event)\"\n        (keydown.delete.prevent)=\"onKeyDownDelete()\"\n        (keydown.backspace.prevent)=\"onKeyDownDelete()\"\n    >\n        <ng-content></ng-content>\n        <div\n            *ngIf=\"value !== null\"\n            polymorpheus-outlet\n            automation-id=\"tui-select__value\"\n            class=\"value\"\n            [content]=\"computedContent\"\n            [context]=\"computeContext(value, computedFocused)\"\n        ></div>\n    </tui-primitive-textfield>\n</tui-hosted-dropdown>\n","styles":[":host{display:block;border-radius:var(--tui-radius-m);text-align:left}:host:not(._readonly) ::ng-deep input:not(:disabled){cursor:pointer}:host._readonly ::ng-deep input{cursor:default}.hosted{display:block;border-radius:inherit}.textfield{border-radius:inherit;text-align:inherit}.value{display:flex;width:100%;align-items:center}"]}]}],"members":{"identityMatcher":[{"__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}}]}],"valueContent":[{"__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}}]}],"datalist":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":77,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiDataListDirective","line":77,"character":18},{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":77,"character":47}}]}]}],"textfield":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":80,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiPrimitiveTextfieldComponent","line":80,"character":15}]}]}],"hostedDropdown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":83,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiHostedDropdownComponent","line":83,"character":15}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":87,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":88,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":89,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":89,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":91,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":91,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":92,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_TEXTFIELD_CLEANER","line":92,"character":16}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":90,"character":17},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":91,"character":54},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiTextfieldCleanerDirective","line":93,"character":43}]}],"onValueChange":[{"__symbolic":"method"}],"onActiveZone":[{"__symbolic":"method"}],"onHovered":[{"__symbolic":"method"}],"onKeyDownDelete":[{"__symbolic":"method"}],"handleOption":[{"__symbolic":"method"}],"computeContext":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":154,"character":5}]}],"focusInput":[{"__symbolic":"method"}]}},"TuiSelectModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":11,"character":8},{"__symbolic":"reference","module":"@tinkoff/ng-polymorpheus","name":"PolymorpheusModule","line":12,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiActiveZoneModule","line":13,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiPrimitiveTextfieldModule","line":14,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiHostedDropdownModule","line":15,"character":8},{"__symbolic":"reference","module":"@taiga-ui/kit/components/select-option","name":"TuiSelectOptionModule","line":16,"character":8},{"__symbolic":"reference","module":"@taiga-ui/kit/components/arrow","name":"TuiArrowModule","line":17,"character":8}],"declarations":[{"__symbolic":"reference","name":"TuiSelectComponent"}],"exports":[{"__symbolic":"reference","name":"TuiSelectComponent"}]}]}],"members":{}}},"origins":{"SELECT_OPTION":"@taiga-ui/kit/components/select-option","TuiSelectComponent":"./select.component","TuiSelectModule":"./select.module"},"importAs":"@taiga-ui/kit/components/select"}

package/components/select-option/select-option.component.d.ts

@@ -1,4 +1,4 @@
-import { OnInit, TemplateRef } from '@angular/core';
+import { ElementRef, OnInit, TemplateRef } from '@angular/core';
 import { NgControl } from '@angular/forms';
 import { TuiContextWithImplicit, TuiIdentityMatcher } from '@taiga-ui/cdk';
 import { TuiDataListHost, TuiOptionComponent } from '@taiga-ui/core';
@@ -6,11 +6,13 @@ import { PolymorpheusComponent } from '@tinkoff/ng-polymorpheus';
 export declare class TuiSelectOptionComponent<T> implements OnInit {
     readonly context: TuiContextWithImplicit<TemplateRef<{}>>;
     private readonly host;
+    private readonly elementRef;
     protected readonly option: TuiOptionComponent<T>;
     protected readonly control: NgControl;
     readonly selected$: import("rxjs").Observable<boolean>;
-    constructor(context: TuiContextWithImplicit<TemplateRef<{}>>, host: TuiDataListHost<T>, option: TuiOptionComponent<T>, control: NgControl);
+    constructor(context: TuiContextWithImplicit<TemplateRef<{}>>, host: TuiDataListHost<T>, elementRef: ElementRef<HTMLElement>, option: TuiOptionComponent<T>, control: NgControl);
     get matcher(): TuiIdentityMatcher<T>;
     ngOnInit(): void;
+    protected get selected(): boolean;
 }
 export declare const TUI_SELECT_OPTION: PolymorpheusComponent<TuiSelectOptionComponent<unknown>, object>;