npm - @taiga-ui/kit - Versions diffs - 2.41.0 → 2.43.0 - Mend

@taiga-ui/kit 2.41.0 → 2.43.0

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

Files changed (346) hide show

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

	@@ -1 +1 @@
1	- {"__symbolic":"module","version":4,"metadata":{"TuiHideSelectedPipe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":6,"character":1},"arguments":[{"name":"tuiHideSelected","pure":false}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":12,"character":9},"arguments":[{"__symbolic":"reference","name":"TuiMultiSelectComponent"}]}]],"parameters":[{"__symbolic":"reference","name":"TuiMultiSelectComponent"}]}],"transform":[{"__symbolic":"method"}],"filter2d":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":31,"character":5}]}],"filter":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":40,"character":5}]}]}},"TuiMultiSelectComponent":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"AbstractTuiMultipleControl","line":76,"character":12},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":57,"character":1},"arguments":[{"selector":"tui-multi-select","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":61,"character":21},"member":"OnPush"},"providers":[{"provide":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TUI_FOCUSABLE_ITEM_ACCESSOR","line":64,"character":21},"useExisting":{"__symbolic":"reference","name":"TuiMultiSelectComponent"}},{"provide":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_DATA_LIST_HOST","line":68,"character":21},"useExisting":{"__symbolic":"reference","name":"TuiMultiSelectComponent"}},{"__symbolic":"reference","module":"@taiga-ui/kit/providers","name":"FIXED_DROPDOWN_CONTROLLER_PROVIDER","line":71,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TEXTFIELD_CONTROLLER_PROVIDER","line":72,"character":8}],"template":"<tui-hosted-dropdown\n class=\"t-hosted\"\n [canOpen]=\"interactive\"\n [content]=\"datalist \|\| ''\"\n [(open)]=\"open\"\n (tuiHoveredChange)=\"onHoveredChange($event)\"\n (tuiActiveZoneChange)=\"onActiveZone($event)\"\n>\n <tui-input-tag\n #inputTag\n tuiHostedDropdownHost\n automation-id=\"tui-multi-select__input\"\n class=\"input\"\n [nativeId]=\"nativeId\"\n [icon]=\"tagIcon\"\n [disabled]=\"disabled\"\n [disabledItemHandler]=\"disabledItemHandler \| tuiMapper: disabledItemHandlerWrapper\"\n [readOnly]=\"readOnly\"\n [inputHidden]=\"!editable\"\n [pseudoHovered]=\"computedHovered\"\n [pseudoFocused]=\"computedFocused\"\n [pseudoInvalid]=\"computedInvalid\"\n [editable]=\"false\"\n [expandable]=\"expandable\"\n [search]=\"searchOrSpace\"\n [ngModel]=\"computedValue \| tuiMapper: valueMapper:stringify\"\n (ngModelChange)=\"onInput($event)\"\n (searchChange)=\"onSearch($event)\"\n (keydown.space)=\"onSpace($event)\"\n (keydown.enter)=\"onEnter($event)\"\n (click.prevent)=\"onClick(inputTag)\"\n >\n <ng-content></ng-content>\n </tui-input-tag>\n <div\n class=\"t-wrapper\"\n [class.t-wrapper_disabled]=\"disabled\"\n >\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\n <div\n ngIf=\"arrow\"\n polymorpheus-outlet\n automation-id=\"tui-multi-select__arrow\"\n tuiPreventDefault=\"mousedown\"\n class=\"t-arrow\"\n [content]=\"arrow\"\n (click.prevent)=\"onArrowClick()\"\n ></div>\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-wrapper_disabled{opacity:var(--tui-disabled-opacity)}:host-context([data-size='s']) .t-wrapper{height:var(--tui-height-s)}:host-context([data-size='m']) .t-wrapper{height:var(--tui-height-m)}:host-context([data-size='l']) .t-wrapper{height:var(--tui-height-l)}.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-size='m'] .t-group_fullsize.t-group_fullsize{padding-top:0}:host[data-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:auto;margin:0 .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)}"]}]}],"members":{"accessor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":79,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_DATA_LIST_ACCESSOR","line":79,"character":18}]}]}],"hostedDropdown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":82,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiHostedDropdownComponent","line":82,"character":15}]}]}],"input":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":85,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/kit/components/input-tag","name":"TuiInputTagComponent","line":85,"character":15}]}]}],"stringify":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":88,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":89,"character":5}}]}],"identityMatcher":[{"__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}}]}],"expandable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":97,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":98,"character":5}}]}],"search":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":101,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":102,"character":5}}]}],"editable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":105,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":106,"character":5},"arguments":["class._editable"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":107,"character":5}}]}],"disabledItemHandler":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":110,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":111,"character":5}}]}],"valueContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":115,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":116,"character":5}}]}],"searchChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":119,"character":5}}]}],"datalist":[{"__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":"TuiDataListDirective","line":122,"character":18},{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":122,"character":47}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":130,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":131,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":132,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":132,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":134,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":134,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":135,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSvgService","line":135,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":136,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/kit/components/arrow","name":"TUI_ARROW_MODE","line":136,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":138,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/kit/tokens","name":"TUI_ITEMS_HANDLERS","line":138,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":140,"character":9},"arguments":[{"__symbolic":"reference","name":"TUI_MULTI_SELECT_OPTIONS"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":142,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_TEXTFIELD_WATCHED_CONTROLLER","line":142,"character":16}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":133,"character":17},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":134,"character":54},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSvgService","line":135,"character":43},{"__symbolic":"reference","module":"@taiga-ui/kit/components/arrow","name":"TuiArrowMode","line":137,"character":36},{"__symbolic":"reference","name":"TuiItemsHandlers","module":"@taiga-ui/kit/tokens","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":139,"character":57,"context":{"typeName":"T"},"module":"./multi-select.component"}]},{"__symbolic":"reference","name":"TuiMultiSelectOptions"},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiTextfieldController","line":143,"character":29}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":150,"character":5},"arguments":["attr.data-size"]}]}],"getStringifier":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":209,"character":5}]}],"onHoveredChange":[{"__symbolic":"method"}],"onSpace":[{"__symbolic":"method"}],"handleOption":[{"__symbolic":"method"}],"onEnter":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}],"onArrowClick":[{"__symbolic":"method"}],"onInput":[{"__symbolic":"method"}],"onSearch":[{"__symbolic":"method"}],"onActiveZone":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"getContext":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":307,"character":5}]}],"updateSearch":[{"__symbolic":"method"}],"focusInput":[{"__symbolic":"method"}]}},"TuiMultiSelectModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":26,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":28,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":29,"character":8},{"__symbolic":"reference","module":"@tinkoff/ng-polymorpheus","name":"PolymorpheusModule","line":30,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiPreventDefaultModule","line":31,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiActiveZoneModule","line":32,"character":8},{"__symbolic":"reference","module":"@taiga-ui/kit/components/arrow","name":"TuiArrowModule","line":33,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiLetModule","line":34,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiMapperPipeModule","line":35,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiHoveredModule","line":36,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSvgModule","line":37,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiHostedDropdownModule","line":38,"character":8},{"__symbolic":"reference","module":"@taiga-ui/kit/components/input-tag","name":"TuiInputTagModule","line":39,"character":8},{"__symbolic":"reference","module":"@taiga-ui/kit/components/multi-select-option","name":"TuiMultiSelectOptionModule","line":40,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiPrimitiveCheckboxModule","line":41,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiDataListModule","line":42,"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=\"t-checkbox\"\n [size]=\"checkboxSize\"\n [value]=\"value\"\n ></tui-primitive-checkbox>\n <span class=\"t-label\">{{ label }}</span>\n </button>\n</ng-container>\n<ng-content></ng-content>\n","styles":[":host{display:flex;flex-direction:column}:host:before{content:''}.t-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:var(--tui-font-text-xs);flex:1;color:var(--tui-text-02)}.t-checkbox{margin-right:.75rem}"]}]}],"members":{"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":45,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiOptionComponent","line":45,"character":21}]}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":49,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":53,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_DATA_LIST_HOST","line":53,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":54,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":54,"character":16}]}]],"parameters":[{"__symbolic":"reference","name":"TuiDataListHost","module":"@taiga-ui/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":53,"character":75,"context":{"typeName":"T"},"module":"./multi-select-group/multi-select-group.component"}]},{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":54,"character":53}]}],"empty$":[{"__symbolic":"property","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":65,"character":5}]}],"disabled$":[{"__symbolic":"property","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":70,"character":5}]}],"value$":[{"__symbolic":"property","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":77,"character":5}]}],"onClick":[{"__symbolic":"method"}],"items$":[{"__symbolic":"property","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":122,"character":5}]}],"valueChanges$":[{"__symbolic":"property","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":129,"character":5}]}],"filter":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":136,"character":5}]}]}},"hostFallbackFactory":{"__symbolic":"function","parameters":["control","host"],"value":{"__symbolic":"binop","operator":"\|\|","left":{"__symbolic":"reference","name":"host"},"right":{"__symbolic":"error","message":"Lambda not supported","line":15,"character":26,"module":"./multi-select-group/multi-select-group.directive"}}},"TUI_MULTI_SELECT_OPTION":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@tinkoff/ng-polymorpheus","name":"PolymorpheusComponent","line":33,"character":43},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/kit/components/multi-select-option","name":"TuiMultiSelectOptionComponent","line":34,"character":4}]},"MULTI_SELECT_ACCESSOR":{"writeValue":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"EMPTY_FUNCTION","line":39,"character":16},"registerOnChange":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"EMPTY_FUNCTION","line":40,"character":22},"registerOnTouched":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"EMPTY_FUNCTION","line":41,"character":23}},"TuiMultiSelectGroupDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":44,"character":1},"arguments":[{"selector":"[tuiMultiSelectGroup]","providers":[{"provide":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_OPTION_CONTENT","line":48,"character":21},"useValue":{"__symbolic":"reference","name":"TUI_MULTI_SELECT_OPTION"}},{"provide":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_DATA_LIST_HOST","line":52,"character":21},"deps":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":54,"character":16},[{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":55,"character":21}},{"__symbolic":"reference","name":"TuiMultiSelectComponent"}]],"useFactory":{"__symbolic":"reference","name":"hostFallbackFactory"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":60,"character":21},"multi":true,"useValue":{"__symbolic":"reference","name":"MULTI_SELECT_ACCESSOR"}}]}]}],"members":{}},"TuiMultiSelectOptions":{"__symbolic":"interface"},"TUI_MULTI_SELECT_DEFAULT_OPTIONS":{"expandable":true,"valueContent":""},"TUI_MULTI_SELECT_OPTIONS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":14,"character":44},"arguments":["Default parameters for multi select component",{"__symbolic":"error","message":"Lambda not supported","line":17,"character":13,"module":"./multi-select-options"}]},"tuiMultiSelectOptionsProvider":{"__symbolic":"error","message":"Lambda not supported","line":22,"character":21,"module":"./multi-select-options"}},"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","TuiMultiSelectOptions":"./multi-select-options","TUI_MULTI_SELECT_DEFAULT_OPTIONS":"./multi-select-options","TUI_MULTI_SELECT_OPTIONS":"./multi-select-options","tuiMultiSelectOptionsProvider":"./multi-select-options"},"importAs":"@taiga-ui/kit/components/multi-select"}
1	+ {"__symbolic":"module","version":4,"metadata":{"TuiHideSelectedPipe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":6,"character":1},"arguments":[{"name":"tuiHideSelected","pure":false}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":12,"character":9},"arguments":[{"__symbolic":"reference","name":"TuiMultiSelectComponent"}]}]],"parameters":[{"__symbolic":"reference","name":"TuiMultiSelectComponent"}]}],"transform":[{"__symbolic":"method"}],"filter2d":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":31,"character":5}]}],"filter":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":40,"character":5}]}]}},"TuiMultiSelectComponent":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"AbstractTuiMultipleControl","line":76,"character":12},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":57,"character":1},"arguments":[{"selector":"tui-multi-select","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":61,"character":21},"member":"OnPush"},"providers":[{"provide":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TUI_FOCUSABLE_ITEM_ACCESSOR","line":64,"character":21},"useExisting":{"__symbolic":"reference","name":"TuiMultiSelectComponent"}},{"provide":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_DATA_LIST_HOST","line":68,"character":21},"useExisting":{"__symbolic":"reference","name":"TuiMultiSelectComponent"}},{"__symbolic":"reference","module":"@taiga-ui/kit/providers","name":"FIXED_DROPDOWN_CONTROLLER_PROVIDER","line":71,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TEXTFIELD_CONTROLLER_PROVIDER","line":72,"character":8}],"template":"<tui-hosted-dropdown\n class=\"t-hosted\"\n [canOpen]=\"interactive\"\n [content]=\"datalist \|\| ''\"\n [(open)]=\"open\"\n (tuiHoveredChange)=\"onHoveredChange($event)\"\n (tuiActiveZoneChange)=\"onActiveZone($event)\"\n>\n <tui-input-tag\n #inputTag\n tuiHostedDropdownHost\n automation-id=\"tui-multi-select__input\"\n class=\"input\"\n [nativeId]=\"nativeId\"\n [icon]=\"tagIcon\"\n [disabled]=\"disabled\"\n [disabledItemHandler]=\"disabledItemHandler \| tuiMapper: disabledItemHandlerWrapper\"\n [readOnly]=\"readOnly\"\n [inputHidden]=\"!editable\"\n [pseudoHovered]=\"computedHovered\"\n [pseudoFocused]=\"computedFocused\"\n [pseudoInvalid]=\"computedInvalid\"\n [editable]=\"false\"\n [expandable]=\"expandable\"\n [search]=\"searchOrSpace\"\n [ngModel]=\"computedValue \| tuiMapper: valueMapper:stringify\"\n (ngModelChange)=\"onInput($event)\"\n (searchChange)=\"onSearch($event)\"\n (keydown.space)=\"onSpace($event)\"\n (keydown.enter)=\"onEnter($event)\"\n (click.prevent)=\"onClick(inputTag)\"\n >\n <ng-content></ng-content>\n </tui-input-tag>\n <div\n class=\"t-wrapper\"\n [class.t-wrapper_disabled]=\"disabled\"\n >\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\n <div\n ngIf=\"arrow\"\n polymorpheus-outlet\n automation-id=\"tui-multi-select__arrow\"\n tuiPreventDefault=\"mousedown\"\n class=\"t-arrow\"\n [content]=\"arrow\"\n (click.prevent)=\"onArrowClick()\"\n ></div>\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-wrapper_disabled{opacity:var(--tui-disabled-opacity)}:host[data-size='s'] .t-wrapper{height:var(--tui-height-s)}:host[data-size='m'] .t-wrapper{height:var(--tui-height-m)}:host[data-size='l'] .t-wrapper{height:var(--tui-height-l)}.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-size='m'] .t-group_fullsize.t-group_fullsize{padding-top:0}:host[data-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:auto;margin:0 .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)}"]}]}],"members":{"accessor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":79,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_DATA_LIST_ACCESSOR","line":79,"character":18}]}]}],"hostedDropdown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":82,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiHostedDropdownComponent","line":82,"character":15}]}]}],"input":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":85,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/kit/components/input-tag","name":"TuiInputTagComponent","line":85,"character":15}]}]}],"stringify":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":88,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":89,"character":5}}]}],"identityMatcher":[{"__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}}]}],"expandable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":97,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":98,"character":5}}]}],"search":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":101,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":102,"character":5}}]}],"editable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":105,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":106,"character":5},"arguments":["class._editable"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":107,"character":5}}]}],"disabledItemHandler":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":110,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":111,"character":5}}]}],"valueContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":115,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":116,"character":5}}]}],"searchChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":119,"character":5}}]}],"datalist":[{"__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":"TuiDataListDirective","line":122,"character":18},{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":122,"character":47}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":130,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":131,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":132,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":132,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":134,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":134,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":135,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSvgService","line":135,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":136,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/kit/components/arrow","name":"TUI_ARROW_MODE","line":136,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":138,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/kit/tokens","name":"TUI_ITEMS_HANDLERS","line":138,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":140,"character":9},"arguments":[{"__symbolic":"reference","name":"TUI_MULTI_SELECT_OPTIONS"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":142,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_TEXTFIELD_WATCHED_CONTROLLER","line":142,"character":16}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":133,"character":17},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":134,"character":54},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSvgService","line":135,"character":43},{"__symbolic":"reference","module":"@taiga-ui/kit/components/arrow","name":"TuiArrowMode","line":137,"character":36},{"__symbolic":"reference","name":"TuiItemsHandlers","module":"@taiga-ui/kit/tokens","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":139,"character":57,"context":{"typeName":"T"},"module":"./multi-select.component"}]},{"__symbolic":"reference","name":"TuiMultiSelectOptions"},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiTextfieldController","line":143,"character":29}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":150,"character":5},"arguments":["attr.data-size"]}]}],"getStringifier":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":209,"character":5}]}],"onHoveredChange":[{"__symbolic":"method"}],"onSpace":[{"__symbolic":"method"}],"handleOption":[{"__symbolic":"method"}],"onEnter":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}],"onArrowClick":[{"__symbolic":"method"}],"onInput":[{"__symbolic":"method"}],"onSearch":[{"__symbolic":"method"}],"onActiveZone":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"getContext":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":307,"character":5}]}],"updateSearch":[{"__symbolic":"method"}],"focusInput":[{"__symbolic":"method"}]}},"TuiMultiSelectModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":26,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":28,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":29,"character":8},{"__symbolic":"reference","module":"@tinkoff/ng-polymorpheus","name":"PolymorpheusModule","line":30,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiPreventDefaultModule","line":31,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiActiveZoneModule","line":32,"character":8},{"__symbolic":"reference","module":"@taiga-ui/kit/components/arrow","name":"TuiArrowModule","line":33,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiLetModule","line":34,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiMapperPipeModule","line":35,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiHoveredModule","line":36,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSvgModule","line":37,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiHostedDropdownModule","line":38,"character":8},{"__symbolic":"reference","module":"@taiga-ui/kit/components/input-tag","name":"TuiInputTagModule","line":39,"character":8},{"__symbolic":"reference","module":"@taiga-ui/kit/components/multi-select-option","name":"TuiMultiSelectOptionModule","line":40,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiPrimitiveCheckboxModule","line":41,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiDataListModule","line":42,"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=\"t-checkbox\"\n [size]=\"checkboxSize\"\n [value]=\"value\"\n ></tui-primitive-checkbox>\n <span class=\"t-label\">{{ label }}</span>\n </button>\n</ng-container>\n<ng-content></ng-content>\n","styles":[":host{display:flex;flex-direction:column}:host:before{content:''}.t-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:var(--tui-font-text-xs);flex:1;color:var(--tui-text-02)}.t-checkbox{margin-right:.75rem}"]}]}],"members":{"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":45,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiOptionComponent","line":45,"character":21}]}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":49,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":53,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_DATA_LIST_HOST","line":53,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":54,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":54,"character":16}]}]],"parameters":[{"__symbolic":"reference","name":"TuiDataListHost","module":"@taiga-ui/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":53,"character":75,"context":{"typeName":"T"},"module":"./multi-select-group/multi-select-group.component"}]},{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":54,"character":53}]}],"empty$":[{"__symbolic":"property","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":65,"character":5}]}],"disabled$":[{"__symbolic":"property","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":70,"character":5}]}],"value$":[{"__symbolic":"property","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":77,"character":5}]}],"onClick":[{"__symbolic":"method"}],"items$":[{"__symbolic":"property","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":122,"character":5}]}],"valueChanges$":[{"__symbolic":"property","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":129,"character":5}]}],"filter":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":136,"character":5}]}]}},"hostFallbackFactory":{"__symbolic":"function","parameters":["control","host"],"value":{"__symbolic":"binop","operator":"\|\|","left":{"__symbolic":"reference","name":"host"},"right":{"__symbolic":"error","message":"Lambda not supported","line":15,"character":26,"module":"./multi-select-group/multi-select-group.directive"}}},"TUI_MULTI_SELECT_OPTION":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@tinkoff/ng-polymorpheus","name":"PolymorpheusComponent","line":33,"character":43},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/kit/components/multi-select-option","name":"TuiMultiSelectOptionComponent","line":34,"character":4}]},"MULTI_SELECT_ACCESSOR":{"writeValue":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"EMPTY_FUNCTION","line":39,"character":16},"registerOnChange":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"EMPTY_FUNCTION","line":40,"character":22},"registerOnTouched":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"EMPTY_FUNCTION","line":41,"character":23}},"TuiMultiSelectGroupDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":44,"character":1},"arguments":[{"selector":"[tuiMultiSelectGroup]","providers":[{"provide":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_OPTION_CONTENT","line":48,"character":21},"useValue":{"__symbolic":"reference","name":"TUI_MULTI_SELECT_OPTION"}},{"provide":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_DATA_LIST_HOST","line":52,"character":21},"deps":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":54,"character":16},[{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":55,"character":21}},{"__symbolic":"reference","name":"TuiMultiSelectComponent"}]],"useFactory":{"__symbolic":"reference","name":"hostFallbackFactory"}},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":60,"character":21},"multi":true,"useValue":{"__symbolic":"reference","name":"MULTI_SELECT_ACCESSOR"}}]}]}],"members":{}},"TuiMultiSelectOptions":{"__symbolic":"interface"},"TUI_MULTI_SELECT_DEFAULT_OPTIONS":{"expandable":true,"valueContent":""},"TUI_MULTI_SELECT_OPTIONS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":14,"character":44},"arguments":["Default parameters for multi select component",{"__symbolic":"error","message":"Lambda not supported","line":17,"character":13,"module":"./multi-select-options"}]},"tuiMultiSelectOptionsProvider":{"__symbolic":"error","message":"Lambda not supported","line":22,"character":21,"module":"./multi-select-options"}},"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","TuiMultiSelectOptions":"./multi-select-options","TUI_MULTI_SELECT_DEFAULT_OPTIONS":"./multi-select-options","TUI_MULTI_SELECT_OPTIONS":"./multi-select-options","tuiMultiSelectOptionsProvider":"./multi-select-options"},"importAs":"@taiga-ui/kit/components/multi-select"}

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

@@ -10,7 +10,7 @@ export declare class TuiRadioComponent<T> extends AbstractTuiNullableControl<T>
     private readonly options;
     private readonly radioGroup;
     private readonly focusableElement?;
-    item?: T;
+    item?: T | null;
     identityMatcher: TuiIdentityMatcher<T>;
     name: string | null;
     size: TuiSizeL;
@@ -28,7 +28,7 @@ export declare class TuiRadioComponent<T> extends AbstractTuiNullableControl<T>
     get nativeFocusableElement(): TuiNativeFocusableElement | null;
     get focused(): boolean;
     get checked(): boolean;
-    get computedName(): string | null;
+    get computedName(): string;
     get isFocusable(): boolean;
     onChecked(checked: boolean): void;
     onFocused(focused: boolean): void;

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

	@@ -1 +1 @@
1	- {"__symbolic":"module","version":4,"metadata":{"TuiRadioBlockComponent":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"AbstractTuiNullableControl","line":44,"character":12},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":31,"character":1},"arguments":[{"selector":"tui-radio-block","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":35,"character":21},"member":"OnPush"},"providers":[{"provide":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TUI_FOCUSABLE_ITEM_ACCESSOR","line":38,"character":21},"useExisting":{"__symbolic":"reference","name":"TuiRadioBlockComponent"}}],"template":"<label\n class=\"wrapper\"\n (tuiHoveredChange)=\"onHovered($event)\"\n (tuiPressedChange)=\"onPressed($event)\"\n>\n <tui-wrapper\n [appearance]=\"appearance\"\n [disabled]=\"computedDisabled\"\n [focused]=\"computedFocusVisible\"\n [hovered]=\"computedHovered\"\n [pressed]=\"computedPressed\"\n [invalid]=\"computedInvalid\"\n >\n <div class=\"content-wrapper\">\n <div class=\"content\">\n <tui-radio\n class=\"view\"\n [focusable]=\"focusable\"\n [identityMatcher]=\"identityMatcher\"\n [item]=\"item\"\n [name]=\"computedName\"\n [nativeId]=\"nativeId\"\n [readOnly]=\"readOnly\"\n [pseudoDisabled]=\"computedDisabled\"\n [pseudoInvalid]=\"computedInvalid\"\n [pseudoFocused]=\"false\"\n [pseudoHovered]=\"computedHovered\"\n [pseudoPressed]=\"computedPressed\"\n [size]=\"checkboxSize\"\n [ngModel]=\"value\"\n (ngModelChange)=\"onModelChange($event)\"\n (focusedChange)=\"onFocused($event)\"\n (focusVisibleChange)=\"onFocusVisible($event)\"\n ></tui-radio>\n <div class=\"label\">\n <ng-content></ng-content>\n </div>\n </div>\n </div>\n </tui-wrapper>\n</label>\n","styles":[":host{font:var(--tui-font-text-s);color:var(--tui-text-01);display:inline-block;vertical-align:top;border-radius:var(--tui-radius-m)}:host[data-size='l'],:host[data-size='m']{font:var(--tui-font-text-m)}:host._readonly{pointer-events:none}.wrapper{position:relative;border-radius:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host._disabled .wrapper{cursor:default}.content-wrapper{display:flex;flex-direction:column}:host[data-size='s'] .content-wrapper{min-height:var(--tui-height-s)}:host[data-size='m'] .content-wrapper{min-height:var(--tui-height-m)}:host[data-size='l'] .content-wrapper{min-height:var(--tui-height-l)}.content{display:flex;align-items:center;min-height:inherit}:host[data-tui-host-align=right] .content{flex-direction:row-reverse}:host[data-size='s'] .content{padding:0 1rem 0 .5rem}:host[data-size='s'][data-tui-host-align=right] .content{padding:0 .5rem 0 1rem}:host[data-size='s']._hidden_radio .content{padding:0 1rem}:host[data-size='m'] .content{padding:0 1rem 0 .75rem}:host[data-size='m'][data-tui-host-align=right] .content{padding:0 .75rem 0 1rem}:host[data-size='m']._hidden_radio .content{padding:0 1.5rem}:host[data-size='l'] .content{padding:0 1rem}:host[data-size='l']._hidden_radio .content{padding:0 2.25rem}.view{margin-top:.75rem;margin-right:.75rem;align-self:flex-start}:host[data-tui-host-align=right] .view{margin-left:.75rem;margin-right:0}:host[data-size='s'] .view{margin-top:.5rem;margin-right:.5rem}:host[data-size='s'][data-tui-host-align=right] .view{margin-left:.5rem}:host[data-size='m'] .view{margin-top:.875rem}:host[data-size='l'] .view{margin-top:1rem}:host[data-size='l'][data-tui-host-align=right] .view{margin-left:1rem;margin-right:0}:host._hidden_radio .view{position:absolute;height:1px;width:1px;margin:-1px;border:0;padding:0;overflow:hidden;clip:rect(0,0,0,0);-webkit-clip-path:inset(0);clip-path:inset(0)}.label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1}:host._hidden_radio .label{text-align:center}"]}]}],"members":{"radio":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":47,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/kit/components/radio","name":"TuiRadioComponent","line":47,"character":15}]}]}],"item":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":5}}]}],"identityMatcher":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":54,"character":5}}]}],"contentAlign":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":58,"character":5},"arguments":["attr.data-tui-host-align"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":59,"character":5}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":63,"character":5},"arguments":["attr.data-size"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":64,"character":5}}]}],"hideRadio":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":68,"character":5},"arguments":["class._hidden_radio"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":69,"character":5}}]}],"pseudoDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":72,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":73,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":77,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":78,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":79,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":79,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":81,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":81,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":82,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":83,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiModeDirective","line":83,"character":16}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":80,"character":17},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":81,"character":54},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiModeDirective","line":84,"character":40}]}],"computedDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":97,"character":5},"arguments":["class._disabled"]}]}],"checked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":102,"character":5},"arguments":["class._active"]}]}],"onFocused":[{"__symbolic":"method"}],"onHovered":[{"__symbolic":"method"}],"onPressed":[{"__symbolic":"method"}],"onFocusVisible":[{"__symbolic":"method"}],"onModelChange":[{"__symbolic":"method"}]}},"TuiRadioBlockModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":10,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiHoveredModule","line":11,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiPressedModule","line":12,"character":8},{"__symbolic":"reference","module":"@taiga-ui/kit/components/radio","name":"TuiRadioModule","line":13,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiWrapperModule","line":14,"character":8}],"declarations":[{"__symbolic":"reference","name":"TuiRadioBlockComponent"}],"exports":[{"__symbolic":"reference","name":"TuiRadioBlockComponent"}]}]}],"members":{}}},"origins":{"TuiRadioBlockComponent":"./radio-block.component","TuiRadioBlockModule":"./radio-block.module"},"importAs":"@taiga-ui/kit/components/radio-block"}
1	+ {"__symbolic":"module","version":4,"metadata":{"TuiRadioBlockComponent":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"AbstractTuiNullableControl","line":44,"character":12},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":31,"character":1},"arguments":[{"selector":"tui-radio-block","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":35,"character":21},"member":"OnPush"},"providers":[{"provide":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TUI_FOCUSABLE_ITEM_ACCESSOR","line":38,"character":21},"useExisting":{"__symbolic":"reference","name":"TuiRadioBlockComponent"}}],"template":"<label\n class=\"wrapper\"\n (tuiHoveredChange)=\"onHovered($event)\"\n (tuiPressedChange)=\"onPressed($event)\"\n>\n <tui-wrapper\n [appearance]=\"appearance\"\n [disabled]=\"computedDisabled\"\n [focused]=\"computedFocusVisible\"\n [hovered]=\"computedHovered\"\n [pressed]=\"computedPressed\"\n [invalid]=\"computedInvalid\"\n >\n <div class=\"content-wrapper\">\n <div class=\"content\">\n <tui-radio\n class=\"view\"\n [focusable]=\"focusable\"\n [identityMatcher]=\"identityMatcher\"\n [item]=\"item\"\n [name]=\"computedName \|\| ''\"\n [nativeId]=\"nativeId\"\n [readOnly]=\"readOnly\"\n [pseudoDisabled]=\"computedDisabled\"\n [pseudoInvalid]=\"computedInvalid\"\n [pseudoFocused]=\"false\"\n [pseudoHovered]=\"computedHovered\"\n [pseudoPressed]=\"computedPressed\"\n [size]=\"checkboxSize\"\n [ngModel]=\"value\"\n (ngModelChange)=\"onModelChange($event)\"\n (focusedChange)=\"onFocused($event)\"\n (focusVisibleChange)=\"onFocusVisible($event)\"\n ></tui-radio>\n <div class=\"label\">\n <ng-content></ng-content>\n </div>\n </div>\n </div>\n </tui-wrapper>\n</label>\n","styles":[":host{font:var(--tui-font-text-s);color:var(--tui-text-01);display:inline-block;vertical-align:top;border-radius:var(--tui-radius-m)}:host[data-size='l'],:host[data-size='m']{font:var(--tui-font-text-m)}:host._readonly{pointer-events:none}.wrapper{position:relative;border-radius:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host._disabled .wrapper{cursor:default}.content-wrapper{display:flex;flex-direction:column}:host[data-size='s'] .content-wrapper{min-height:var(--tui-height-s)}:host[data-size='m'] .content-wrapper{min-height:var(--tui-height-m)}:host[data-size='l'] .content-wrapper{min-height:var(--tui-height-l)}.content{display:flex;align-items:center;min-height:inherit}:host[data-tui-host-align=right] .content{flex-direction:row-reverse}:host[data-size='s'] .content{padding:0 1rem 0 .5rem}:host[data-size='s'][data-tui-host-align=right] .content{padding:0 .5rem 0 1rem}:host[data-size='s']._hidden_radio .content{padding:0 1rem}:host[data-size='m'] .content{padding:0 1rem 0 .75rem}:host[data-size='m'][data-tui-host-align=right] .content{padding:0 .75rem 0 1rem}:host[data-size='m']._hidden_radio .content{padding:0 1.5rem}:host[data-size='l'] .content{padding:0 1rem}:host[data-size='l']._hidden_radio .content{padding:0 2.25rem}.view{margin-top:.75rem;margin-right:.75rem;align-self:flex-start}:host[data-tui-host-align=right] .view{margin-left:.75rem;margin-right:0}:host[data-size='s'] .view{margin-top:.5rem;margin-right:.5rem}:host[data-size='s'][data-tui-host-align=right] .view{margin-left:.5rem}:host[data-size='m'] .view{margin-top:.875rem}:host[data-size='l'] .view{margin-top:1rem}:host[data-size='l'][data-tui-host-align=right] .view{margin-left:1rem;margin-right:0}:host._hidden_radio .view{position:absolute;height:1px;width:1px;margin:-1px;border:0;padding:0;overflow:hidden;clip:rect(0,0,0,0);-webkit-clip-path:inset(0);clip-path:inset(0)}.label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1}:host._hidden_radio .label{text-align:center}"]}]}],"members":{"radio":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":47,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/kit/components/radio","name":"TuiRadioComponent","line":47,"character":15}]}]}],"item":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":5}}]}],"identityMatcher":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":54,"character":5}}]}],"contentAlign":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":58,"character":5},"arguments":["attr.data-tui-host-align"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":59,"character":5}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":63,"character":5},"arguments":["attr.data-size"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":64,"character":5}}]}],"hideRadio":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":68,"character":5},"arguments":["class._hidden_radio"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":69,"character":5}}]}],"pseudoDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":72,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":73,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":77,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":78,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":79,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":79,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":81,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":81,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":82,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":83,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiModeDirective","line":83,"character":16}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":80,"character":17},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":81,"character":54},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiModeDirective","line":84,"character":40}]}],"computedDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":97,"character":5},"arguments":["class._disabled"]}]}],"checked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":102,"character":5},"arguments":["class._active"]}]}],"onFocused":[{"__symbolic":"method"}],"onHovered":[{"__symbolic":"method"}],"onPressed":[{"__symbolic":"method"}],"onFocusVisible":[{"__symbolic":"method"}],"onModelChange":[{"__symbolic":"method"}]}},"TuiRadioBlockModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":10,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiHoveredModule","line":11,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiPressedModule","line":12,"character":8},{"__symbolic":"reference","module":"@taiga-ui/kit/components/radio","name":"TuiRadioModule","line":13,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiWrapperModule","line":14,"character":8}],"declarations":[{"__symbolic":"reference","name":"TuiRadioBlockComponent"}],"exports":[{"__symbolic":"reference","name":"TuiRadioBlockComponent"}]}]}],"members":{}}},"origins":{"TuiRadioBlockComponent":"./radio-block.component","TuiRadioBlockModule":"./radio-block.module"},"importAs":"@taiga-ui/kit/components/radio-block"}

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

	@@ -1 +1 @@
1	- {"__symbolic":"module","version":4,"metadata":{"TuiRadioLabeledComponent":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"AbstractTuiNullableControl","line":38,"character":12},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":25,"character":1},"arguments":[{"selector":"tui-radio-labeled","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":"TuiRadioLabeledComponent"}}],"template":"<label\n class=\"wrapper\"\n (tuiHoveredChange)=\"onHovered($event)\"\n (tuiPressedChange)=\"onPressed($event)\"\n>\n <tui-radio\n [focusable]=\"focusable\"\n [identityMatcher]=\"identityMatcher\"\n [name]=\"computedName\"\n [nativeId]=\"nativeId\"\n [readOnly]=\"readOnly\"\n [pseudoDisabled]=\"computedDisabled\"\n [pseudoInvalid]=\"computedInvalid\"\n [pseudoFocused]=\"pseudoFocused\"\n [pseudoHovered]=\"computedHovered\"\n [pseudoPressed]=\"computedPressed\"\n [size]=\"size\"\n [item]=\"item\"\n [ngModel]=\"value\"\n (ngModelChange)=\"onModelChange($event)\"\n (focusedChange)=\"onFocused($event)\"\n ></tui-radio>\n <div class=\"content\">\n <ng-content></ng-content>\n </div>\n</label>\n","styles":[":host{position:relative;display:block;font:var(--tui-font-text-s);line-height:1rem}:host._readonly{pointer-events:none}.wrapper{display:inline-flex;max-width:100%;cursor:pointer;vertical-align:top}:host._disabled .wrapper{cursor:default}:host[data-mode=onDark] .wrapper{color:var(--tui-text-01-night)}.content{word-wrap:break-word;min-width:0}:host[data-size='m'] .content{margin-left:.5rem}:host[data-size='l'] .content{font:var(--tui-font-text-m);margin-left:.75rem}"]}]}],"members":{"radio":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":41,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/kit/components/radio","name":"TuiRadioComponent","line":41,"character":15}]}]}],"item":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":5}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":48,"character":5},"arguments":["attr.data-size"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":49,"character":5}}]}],"identityMatcher":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":52,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":53,"character":5}}]}],"pseudoDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":57,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":61,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":62,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":63,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":63,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":65,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":65,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":66,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":67,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiModeDirective","line":67,"character":16}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":64,"character":17},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":65,"character":54},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiModeDirective","line":68,"character":40}]}],"computedDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":81,"character":5},"arguments":["class._disabled"]}]}],"mode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":86,"character":5},"arguments":["attr.data-mode"]}]}],"onFocused":[{"__symbolic":"method"}],"onHovered":[{"__symbolic":"method"}],"onPressed":[{"__symbolic":"method"}],"onModelChange":[{"__symbolic":"method"}]}},"TuiRadioLabeledModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":13,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":15,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":16,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiFocusableModule","line":17,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiFocusedModule","line":18,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiHoveredModule","line":19,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiPressedModule","line":20,"character":8},{"__symbolic":"reference","module":"@taiga-ui/kit/components/radio","name":"TuiRadioModule","line":21,"character":8}],"declarations":[{"__symbolic":"reference","name":"TuiRadioLabeledComponent"}],"exports":[{"__symbolic":"reference","name":"TuiRadioLabeledComponent"}]}]}],"members":{}}},"origins":{"TuiRadioLabeledComponent":"./radio-labeled.component","TuiRadioLabeledModule":"./radio-labeled.module"},"importAs":"@taiga-ui/kit/components/radio-labeled"}
1	+ {"__symbolic":"module","version":4,"metadata":{"TuiRadioLabeledComponent":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"AbstractTuiNullableControl","line":38,"character":12},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":25,"character":1},"arguments":[{"selector":"tui-radio-labeled","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":"TuiRadioLabeledComponent"}}],"template":"<label\n class=\"wrapper\"\n (tuiHoveredChange)=\"onHovered($event)\"\n (tuiPressedChange)=\"onPressed($event)\"\n>\n <tui-radio\n [focusable]=\"focusable\"\n [identityMatcher]=\"identityMatcher\"\n [name]=\"computedName \|\| ''\"\n [nativeId]=\"nativeId\"\n [readOnly]=\"readOnly\"\n [pseudoDisabled]=\"computedDisabled\"\n [pseudoInvalid]=\"computedInvalid\"\n [pseudoFocused]=\"pseudoFocused\"\n [pseudoHovered]=\"computedHovered\"\n [pseudoPressed]=\"computedPressed\"\n [size]=\"size\"\n [item]=\"item\"\n [ngModel]=\"value\"\n (ngModelChange)=\"onModelChange($event)\"\n (focusedChange)=\"onFocused($event)\"\n ></tui-radio>\n <div class=\"content\">\n <ng-content></ng-content>\n </div>\n</label>\n","styles":[":host{position:relative;display:block;font:var(--tui-font-text-s);line-height:1rem}:host._readonly{pointer-events:none}.wrapper{display:inline-flex;max-width:100%;cursor:pointer;vertical-align:top}:host._disabled .wrapper{cursor:default}:host[data-mode=onDark] .wrapper{color:var(--tui-text-01-night)}.content{word-wrap:break-word;min-width:0}:host[data-size='m'] .content{margin-left:.5rem}:host[data-size='l'] .content{font:var(--tui-font-text-m);margin-left:.75rem}"]}]}],"members":{"radio":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":41,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/kit/components/radio","name":"TuiRadioComponent","line":41,"character":15}]}]}],"item":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":5}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":48,"character":5},"arguments":["attr.data-size"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":49,"character":5}}]}],"identityMatcher":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":52,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":53,"character":5}}]}],"pseudoDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":57,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":61,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":62,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":63,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":63,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":65,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":65,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":66,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":67,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiModeDirective","line":67,"character":16}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":64,"character":17},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":65,"character":54},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiModeDirective","line":68,"character":40}]}],"computedDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":81,"character":5},"arguments":["class._disabled"]}]}],"mode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":86,"character":5},"arguments":["attr.data-mode"]}]}],"onFocused":[{"__symbolic":"method"}],"onHovered":[{"__symbolic":"method"}],"onPressed":[{"__symbolic":"method"}],"onModelChange":[{"__symbolic":"method"}]}},"TuiRadioLabeledModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":13,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":15,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":16,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiFocusableModule","line":17,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiFocusedModule","line":18,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiHoveredModule","line":19,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiPressedModule","line":20,"character":8},{"__symbolic":"reference","module":"@taiga-ui/kit/components/radio","name":"TuiRadioModule","line":21,"character":8}],"declarations":[{"__symbolic":"reference","name":"TuiRadioLabeledComponent"}],"exports":[{"__symbolic":"reference","name":"TuiRadioLabeledComponent"}]}]}],"members":{}}},"origins":{"TuiRadioLabeledComponent":"./radio-labeled.component","TuiRadioLabeledModule":"./radio-labeled.module"},"importAs":"@taiga-ui/kit/components/radio-labeled"}

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

@@ -1,6 +1,7 @@
 import { ChangeDetectorRef, ElementRef, QueryList } from '@angular/core';
 import { NgControl } from '@angular/forms';
 import { TuiFocusableElementAccessor, TuiNativeFocusableElement } from '@taiga-ui/cdk';
+import { TuiSizeS } from '@taiga-ui/core';
 import { AbstractTuiSlider } from '@taiga-ui/kit/abstract';
 import { TuiKeySteps } from '@taiga-ui/kit/types';
 import { Observable } from 'rxjs';
@@ -21,25 +22,33 @@ export declare class TuiRangeComponent extends AbstractTuiSlider<[number, number
     max: number;
     /**
      * TODO: think about replacing this props by `step` (to be like native slider).
-     * It can be easy after refactor of keySteps.
+     * It can be done after removing backward compatibility code inside {@link computePureKeySteps} in v3.0
      */
     steps: number;
     /**
      * TODO: think about replacing this props by `step` (to be like native slider).
-     * It can be easy after refactor of keySteps.
+     * It can be done after removing backward compatibility code inside {@link computePureKeySteps} in v3.0
      * */
     quantum: number;
+    size: TuiSizeS;
+    segments: number;
+    keySteps: TuiKeySteps | null;
     slidersRefs: QueryList<ElementRef<HTMLInputElement>>;
     lastActiveThumb: 'right' | 'left';
     constructor(control: NgControl | null, changeDetectorRef: ChangeDetectorRef, documentRef: Document, elementRef: ElementRef<HTMLElement>, fromToTexts$: Observable<[string, string]>, isNew: TuiNewRangeDirective | null);
     get nativeFocusableElement(): TuiNativeFocusableElement | null;
     get focused(): boolean;
+    get fractionStep(): number;
     get computedKeySteps(): TuiKeySteps;
     get left(): number;
     get right(): number;
     onFocused(focused: boolean): void;
     changeByStep(coefficient: number, target: HTMLElement): void;
     processValue(value: number, right: boolean): void;
+    fractionGuard(fraction: number): number;
+    getValueFromFraction(fraction: number): number;
+    getPercentageFromValue(value: number): number;
+    protected valueGuard(value: number): number;
     protected getFallbackValue(): [number, number];
     private computePureKeySteps;
     private updateStart;

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

	@@ -1 +1 @@
1	- {"__symbolic":"module","version":4,"metadata":{"TuiNewRangeDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":39,"character":1},"arguments":[{"selector":"tui-range[new], tui-input-range[new]"}]}],"members":{}},"TuiRangeComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@taiga-ui/kit/abstract","name":"AbstractTuiSlider","line":62,"character":12},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":45,"character":1},"arguments":[{"selector":"tui-range","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":49,"character":21},"member":"OnPush"},"host":{"[attr.tabindex]":"-1","[attr.aria-disabled]":"computedDisabled","$quoted$":["[attr.tabindex]","[attr.aria-disabled]"]},"providers":[{"provide":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TUI_FOCUSABLE_ITEM_ACCESSOR","line":56,"character":21},"useExisting":{"__symbolic":"reference","name":"TuiRangeComponent"}}],"template":"<div class=\"track\">\n <input\n tuiSlider\n readonly\n type=\"range\"\n step=\"any\"\n automation-id=\"tui-range__left\"\n class=\"thumb\"\n [min]=\"min\"\n [max]=\"max\"\n [ngModel]=\"value[0]\"\n [size]=\"size\"\n [keySteps]=\"computedKeySteps\"\n [tuiFocusable]=\"focusable\"\n [attr.disabled]=\"computedDisabled \|\| null\"\n />\n <input\n tuiSlider\n readonly\n type=\"range\"\n step=\"any\"\n automation-id=\"tui-range__right\"\n class=\"thumb\"\n [min]=\"min\"\n [max]=\"max\"\n [ngModel]=\"value[1]\"\n [size]=\"size\"\n [keySteps]=\"computedKeySteps\"\n [tuiFocusable]=\"focusable\"\n [attr.disabled]=\"computedDisabled \|\| null\"\n />\n</div>\n\n<!-- TODO backward compatibility only (remove in v3.0) -->\n<div\n ngIf=\"segmented\"\n class=\"segments\"\n>\n <span\n tuiRepeatTimes=\"let tickIndex of segments + 1\"\n automation-id=\"tui-slider__segment\"\n class=\"segment\"\n >\n <ng-container ngIf=\"fromToTexts$ \| async as fromToText\">\n <span\n ngIf=\"!isNew\"\n class=\"number\"\n >\n {{ getSegmentPrefix(tickIndex, fromToText) }} {{ tickIndex \|\n tuiSliderTickLabel:segments:computedKeySteps \| tuiFormatNumber\n }}\n <span ngIf=\"pluralizeMap\">\n {{ tickIndex \| tuiSliderTickLabel:segments:computedKeySteps\n \| i18nPlural: pluralizeMap }}\n </span>\n </span>\n </ng-container>\n </span>\n</div>\n","styles":[":host{position:relative;display:block;height:.125rem;border-radius:var(--tui-radius-m);background:var(--tui-base-03);cursor:pointer;outline:0;margin:.4375rem 0}:host:active{cursor:ew-resize}:host:after{content:'';position:absolute;top:-.4375rem;bottom:-.4375rem;width:100%}:host._disabled{opacity:var(--tui-disabled-opacity);cursor:auto}:host[data-size='s'] .track{position:relative;margin:0 .25rem;height:100%}:host[data-size='s'] .track:after{content:'';position:absolute;top:0;left:var(--left);right:var(--right);height:100%;background:var(--tui-primary);margin:0 -.25rem}:host[data-size='m'] .track{position:relative;margin:0 .5rem;height:100%}:host[data-size='m'] .track:after{content:'';position:absolute;top:0;left:var(--left);right:var(--right);height:100%;background:var(--tui-primary);margin:0 -.5rem}.thumb{pointer-events:none;position:absolute;top:.0625rem;left:0;right:0;z-index:1;transform:translate(0,-50%)}.thumb::-webkit-slider-thumb{pointer-events:all}.thumb::-moz-range-thumb{pointer-events:all}input[type=range].thumb::-webkit-slider-runnable-track{background:0 0}input[type=range].thumb::-moz-range-track{background:0 0}input[type=range].thumb::-moz-range-progress{background:0 0}input[type=range].thumb::-ms-track{background:0 0}input[type=range].thumb::-ms-fill-lower{background:0 0}.thumb:last-of-type::-webkit-slider-thumb{transform:translate(50%,0)}.thumb:first-of-type::-webkit-slider-thumb{transform:translate(-50%,0)}.thumb:last-of-type::-moz-range-thumb{transform:translate(50%,0)}.thumb:first-of-type::-moz-range-thumb{transform:translate(-50%,0)}:host._disabled .thumb{opacity:1}.segments{position:absolute;top:0;left:0;bottom:0;right:0}:host[data-size='s'] .segments{display:flex;margin:0 .25rem;font:var(--tui-font-text-s);padding:0 .25rem}:host[data-size='s'] .segments>{position:relative;flex:2;text-align:center}:host[data-size='s'] .segments>:first-child{left:-.25rem;flex:1;text-align:left}:host[data-size='s'] .segments>:last-child{right:-.25rem;flex:1;text-align:right}tui-input-slider+:host[data-size='s'] .segments{margin-left:calc(var(--tui-radius-m)/ 2 + .25rem)}tui-input-range+:host[data-size='s'] .segments,tui-range+:host[data-size='s'] .segments{margin-left:.5rem;margin-right:.5rem}tui-input-range+:host[data-size='s'] .segments>:first-child,tui-range+:host[data-size='s'] .segments>:first-child{left:-.5rem}tui-input-range+:host[data-size='s'] .segments>:last-child,tui-range+:host[data-size='s'] .segments>:last-child{right:-.5rem}:host[data-size='m'] .segments{display:flex;margin:0 .5rem;font:var(--tui-font-text-s);padding:0 .5rem}:host[data-size='m'] .segments>*{position:relative;flex:2;text-align:center}:host[data-size='m'] .segments>:first-child{left:-.5rem;flex:1;text-align:left}:host[data-size='m'] .segments>:last-child{right:-.5rem;flex:1;text-align:right}tui-input-slider+:host[data-size='m'] .segments{margin-left:calc(var(--tui-radius-m)/ 2 + .5rem)}tui-input-range+:host[data-size='m'] .segments,tui-range+:host[data-size='m'] .segments{margin-left:1rem;margin-right:1rem}tui-input-range+:host[data-size='m'] .segments>:first-child,tui-range+:host[data-size='m'] .segments>:first-child{left:-1rem}tui-input-range+:host[data-size='m'] .segments>:last-child,tui-range+:host[data-size='m'] .segments>:last-child{right:-1rem}.segment:not(:last-of-type):not(:first-of-type):before{content:'';position:absolute;left:0;right:0;margin:auto;background:var(--tui-base-07);width:.25rem;height:100%}.segment:last-of-type .number{margin-right:-.5rem}.segment:first-of-type .number{margin-left:-.5rem}.number{display:inline-block;margin-top:.5rem}"]}]}],"members":{"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":66,"character":5}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":72,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":73,"character":5}}]}],"steps":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":80,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":81,"character":5}}]}],"quantum":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":88,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":89,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"nonNegativeFiniteAssertion","line":89,"character":20},"Quantum must be a non-negative number"]}]}],"slidersRefs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":92,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/kit/components/slider","name":"TuiSliderComponent","line":92,"character":18},{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":92,"character":45}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":98,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":99,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":100,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":100,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":102,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":102,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":103,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":103,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":104,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":104,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":105,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/kit/tokens","name":"TUI_FROM_TO_TEXTS","line":105,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":106,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":107,"character":9},"arguments":[{"__symbolic":"reference","name":"TuiNewRangeDirective"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":101,"character":17},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":102,"character":54},{"__symbolic":"error","message":"Could not resolve type","line":103,"character":39,"context":{"typeName":"Document"},"module":"./range.component"},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":104,"character":68,"context":{"typeName":"HTMLElement"},"module":"./range.component"}]},{"__symbolic":"reference","name":"Observable","module":"rxjs","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":105,"character":60,"module":"./range.component"}]},{"__symbolic":"reference","name":"TuiNewRangeDirective"}]}],"left":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":133,"character":5},"arguments":["style.--left.%"]}]}],"right":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":138,"character":5},"arguments":["style.--right.%"]}]}],"onFocused":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":143,"character":5},"arguments":["focusin",["true"]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":144,"character":5},"arguments":["focusout",["false"]]}]}],"changeByStep":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":149,"character":5},"arguments":["keydown.arrowUp.prevent",["1","$event.target"]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":150,"character":5},"arguments":["keydown.arrowRight.prevent",["1","$event.target"]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":151,"character":5},"arguments":["keydown.arrowLeft.prevent",["-1","$event.target"]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":152,"character":5},"arguments":["keydown.arrowDown.prevent",["-1","$event.target"]]}]}],"processValue":[{"__symbolic":"method"}],"getFallbackValue":[{"__symbolic":"method"}],"computePureKeySteps":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":191,"character":5}]}],"updateStart":[{"__symbolic":"method"}],"updateEnd":[{"__symbolic":"method"}]}},"TuiRangeModule":{"__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":12,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiRepeatTimesModule","line":13,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiFocusableModule","line":14,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiFormatNumberPipeModule","line":15,"character":8},{"__symbolic":"reference","module":"@taiga-ui/kit/components/slider","name":"TuiSliderModule","line":16,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":17,"character":8}],"declarations":[{"__symbolic":"reference","name":"TuiRangeComponent"},{"__symbolic":"reference","name":"TuiRangeChangeDirective"},{"__symbolic":"reference","name":"TuiNewRangeDirective"}],"exports":[{"__symbolic":"reference","name":"TuiRangeComponent"},{"__symbolic":"reference","name":"TuiRangeChangeDirective"},{"__symbolic":"reference","name":"TuiNewRangeDirective"}]}]}],"members":{}},"TuiRangeChangeDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":10,"character":1},"arguments":[{"selector":"tui-range","providers":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiDestroyService","line":12,"character":16}]}]}],"members":{"activeThumbChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":40,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":44,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":44,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":45,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":45,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":46,"character":9},"arguments":[{"__symbolic":"reference","name":"TuiRangeComponent"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":47,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiDestroyService","line":47,"character":16}]}]],"parameters":[{"__symbolic":"error","message":"Could not resolve type","line":44,"character":56,"context":{"typeName":"Document"},"module":"./range-change.directive"},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":45,"character":68,"context":{"typeName":"HTMLElement"},"module":"./range-change.directive"}]},{"__symbolic":"reference","name":"TuiRangeComponent"},{"__symbolic":"reference","name":"Observable","module":"rxjs","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":47,"character":56,"module":"./range-change.directive"}]}]}],"getFractionFromEvents":[{"__symbolic":"method"}],"detectActiveThumb":[{"__symbolic":"method"}],"findNearestActiveThumb":[{"__symbolic":"method"}]}}},"origins":{"TuiNewRangeDirective":"./range.component","TuiRangeComponent":"./range.component","TuiRangeModule":"./range.module","TuiRangeChangeDirective":"./range-change.directive"},"importAs":"@taiga-ui/kit/components/range"}
1	+ {"__symbolic":"module","version":4,"metadata":{"TuiNewRangeDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":50,"character":1},"arguments":[{"selector":"tui-range[new], tui-input-range[new]"}]}],"members":{}},"TuiRangeComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@taiga-ui/kit/abstract","name":"AbstractTuiSlider","line":77,"character":12},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":56,"character":1},"arguments":[{"selector":"tui-range","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":60,"character":21},"member":"OnPush"},"host":{"[attr.tabindex]":"-1","[attr.aria-disabled]":"computedDisabled","$quoted$":["[attr.tabindex]","[attr.aria-disabled]"]},"providers":[{"provide":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TUI_FOCUSABLE_ITEM_ACCESSOR","line":67,"character":21},"useExisting":{"__symbolic":"reference","name":"TuiRangeComponent"}}],"template":"<div class=\"track\">\n <input\n tuiSlider\n readonly\n type=\"range\"\n step=\"any\"\n automation-id=\"tui-range__left\"\n class=\"thumb\"\n [min]=\"min\"\n [max]=\"max\"\n [ngModel]=\"value[0]\"\n [size]=\"size\"\n [keySteps]=\"computedKeySteps\"\n [tuiFocusable]=\"focusable\"\n [attr.disabled]=\"computedDisabled \|\| null\"\n />\n <input\n tuiSlider\n readonly\n type=\"range\"\n step=\"any\"\n automation-id=\"tui-range__right\"\n class=\"thumb\"\n [min]=\"min\"\n [max]=\"max\"\n [ngModel]=\"value[1]\"\n [size]=\"size\"\n [keySteps]=\"computedKeySteps\"\n [tuiFocusable]=\"focusable\"\n [attr.disabled]=\"computedDisabled \|\| null\"\n />\n</div>\n\n<!-- TODO backward compatibility only (remove in v3.0) -->\n<div\n ngIf=\"segments > 0\"\n class=\"segments\"\n>\n <span\n tuiRepeatTimes=\"let tickIndex of segments + 1\"\n automation-id=\"tui-slider__segment\"\n class=\"segment\"\n >\n <ng-container ngIf=\"fromToTexts$ \| async as fromToText\">\n <span\n ngIf=\"!isNew\"\n class=\"number\"\n >\n {{ getSegmentPrefix(tickIndex, fromToText) }} {{ tickIndex \|\n tuiSliderTickLabel:segments:computedKeySteps \| tuiFormatNumber\n }}\n <span ngIf=\"pluralizeMap\">\n {{ tickIndex \| tuiSliderTickLabel:segments:computedKeySteps\n \| i18nPlural: pluralizeMap }}\n </span>\n </span>\n </ng-container>\n </span>\n</div>\n","styles":[":host{position:relative;display:block;height:.125rem;border-radius:var(--tui-radius-m);background:var(--tui-base-03);cursor:pointer;outline:0;margin:.4375rem 0;touch-action:pan-x}:host:active{cursor:ew-resize}:host:after{content:'';position:absolute;top:-.4375rem;bottom:-.4375rem;width:100%}:host._disabled{opacity:var(--tui-disabled-opacity);cursor:auto}:host[data-size='s'] .track{position:relative;margin:0 .25rem;height:100%}:host[data-size='s'] .track:after{content:'';position:absolute;top:0;left:var(--left);right:var(--right);height:100%;background:var(--tui-primary);margin:0 -.25rem}:host[data-size='m'] .track{position:relative;margin:0 .5rem;height:100%}:host[data-size='m'] .track:after{content:'';position:absolute;top:0;left:var(--left);right:var(--right);height:100%;background:var(--tui-primary);margin:0 -.5rem}.thumb{pointer-events:none;position:absolute;top:.0625rem;left:0;right:0;z-index:1;transform:translate(0,-50%)}.thumb::-webkit-slider-thumb{pointer-events:all}.thumb::-moz-range-thumb{pointer-events:all}input[type=range].thumb::-webkit-slider-runnable-track{background:0 0}input[type=range].thumb::-moz-range-track{background:0 0}input[type=range].thumb::-moz-range-progress{background:0 0}input[type=range].thumb::-ms-track{background:0 0}input[type=range].thumb::-ms-fill-lower{background:0 0}.thumb:last-of-type::-webkit-slider-thumb{transform:translate(50%,0)}.thumb:first-of-type::-webkit-slider-thumb{transform:translate(-50%,0)}.thumb:last-of-type::-moz-range-thumb{transform:translate(50%,0)}.thumb:first-of-type::-moz-range-thumb{transform:translate(-50%,0)}:host._disabled .thumb{opacity:1}.segments{position:absolute;top:0;left:0;bottom:0;right:0}:host[data-size='s'] .segments{display:flex;margin:0 .25rem;font:var(--tui-font-text-s);padding:0 .25rem}:host[data-size='s'] .segments>{position:relative;flex:2;text-align:center}:host[data-size='s'] .segments>:first-child{left:-.25rem;flex:1;text-align:left}:host[data-size='s'] .segments>:last-child{right:-.25rem;flex:1;text-align:right}tui-input-slider+:host[data-size='s'] .segments{margin-left:calc(var(--tui-radius-m)/ 2 + .25rem)}tui-input-range+:host[data-size='s'] .segments,tui-range+:host[data-size='s'] .segments{margin-left:.5rem;margin-right:.5rem}tui-input-range+:host[data-size='s'] .segments>:first-child,tui-range+:host[data-size='s'] .segments>:first-child{left:-.5rem}tui-input-range+:host[data-size='s'] .segments>:last-child,tui-range+:host[data-size='s'] .segments>:last-child{right:-.5rem}:host[data-size='m'] .segments{display:flex;margin:0 .5rem;font:var(--tui-font-text-s);padding:0 .5rem}:host[data-size='m'] .segments>*{position:relative;flex:2;text-align:center}:host[data-size='m'] .segments>:first-child{left:-.5rem;flex:1;text-align:left}:host[data-size='m'] .segments>:last-child{right:-.5rem;flex:1;text-align:right}tui-input-slider+:host[data-size='m'] .segments{margin-left:calc(var(--tui-radius-m)/ 2 + .5rem)}tui-input-range+:host[data-size='m'] .segments,tui-range+:host[data-size='m'] .segments{margin-left:1rem;margin-right:1rem}tui-input-range+:host[data-size='m'] .segments>:first-child,tui-range+:host[data-size='m'] .segments>:first-child{left:-1rem}tui-input-range+:host[data-size='m'] .segments>:last-child,tui-range+:host[data-size='m'] .segments>:last-child{right:-1rem}.segment:not(:last-of-type):not(:first-of-type):before{content:'';position:absolute;left:0;right:0;margin:auto;background:var(--tui-base-07);width:.25rem;height:100%}.segment:last-of-type .number{margin-right:-.5rem}.segment:first-of-type .number{margin-left:-.5rem}.number{display:inline-block;margin-top:.5rem}"]}]}],"members":{"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":80,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":81,"character":5}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":87,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":88,"character":5}}]}],"steps":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":95,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":96,"character":5}}]}],"quantum":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":103,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":104,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"nonNegativeFiniteAssertion","line":104,"character":20},"Quantum must be a non-negative number"]}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":107,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":108,"character":5},"arguments":["attr.data-size"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":109,"character":5}}]}],"segments":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":112,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":113,"character":5}}]}],"keySteps":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":116,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":117,"character":5}}]}],"slidersRefs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":120,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/kit/components/slider","name":"TuiSliderComponent","line":120,"character":18},{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":120,"character":45}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":126,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":127,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":128,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":128,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":130,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":130,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":131,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":131,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":132,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":132,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":133,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/kit/tokens","name":"TUI_FROM_TO_TEXTS","line":133,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":134,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":135,"character":9},"arguments":[{"__symbolic":"reference","name":"TuiNewRangeDirective"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":129,"character":17},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":130,"character":54},{"__symbolic":"error","message":"Could not resolve type","line":131,"character":39,"context":{"typeName":"Document"},"module":"./range.component"},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":132,"character":68,"context":{"typeName":"HTMLElement"},"module":"./range.component"}]},{"__symbolic":"reference","name":"Observable","module":"rxjs","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":133,"character":60,"module":"./range.component"}]},{"__symbolic":"reference","name":"TuiNewRangeDirective"}]}],"left":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":169,"character":5},"arguments":["style.--left.%"]}]}],"right":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":174,"character":5},"arguments":["style.--right.%"]}]}],"onFocused":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":179,"character":5},"arguments":["focusin",["true"]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":180,"character":5},"arguments":["focusout",["false"]]}]}],"changeByStep":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":185,"character":5},"arguments":["keydown.arrowUp.prevent",["1","$event.target"]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":186,"character":5},"arguments":["keydown.arrowRight.prevent",["1","$event.target"]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":187,"character":5},"arguments":["keydown.arrowLeft.prevent",["-1","$event.target"]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":188,"character":5},"arguments":["keydown.arrowDown.prevent",["-1","$event.target"]]}]}],"processValue":[{"__symbolic":"method"}],"fractionGuard":[{"__symbolic":"method"}],"getValueFromFraction":[{"__symbolic":"method"}],"getPercentageFromValue":[{"__symbolic":"method"}],"valueGuard":[{"__symbolic":"method"}],"getFallbackValue":[{"__symbolic":"method"}],"computePureKeySteps":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":254,"character":5}]}],"updateStart":[{"__symbolic":"method"}],"updateEnd":[{"__symbolic":"method"}]}},"TuiRangeModule":{"__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":12,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiRepeatTimesModule","line":13,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiFocusableModule","line":14,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiFormatNumberPipeModule","line":15,"character":8},{"__symbolic":"reference","module":"@taiga-ui/kit/components/slider","name":"TuiSliderModule","line":16,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":17,"character":8}],"declarations":[{"__symbolic":"reference","name":"TuiRangeComponent"},{"__symbolic":"reference","name":"TuiRangeChangeDirective"},{"__symbolic":"reference","name":"TuiNewRangeDirective"}],"exports":[{"__symbolic":"reference","name":"TuiRangeComponent"},{"__symbolic":"reference","name":"TuiRangeChangeDirective"},{"__symbolic":"reference","name":"TuiNewRangeDirective"}]}]}],"members":{}},"TuiRangeChangeDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":10,"character":1},"arguments":[{"selector":"tui-range","providers":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiDestroyService","line":12,"character":16}]}]}],"members":{"activeThumbChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":40,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":44,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":44,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":45,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":45,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":46,"character":9},"arguments":[{"__symbolic":"reference","name":"TuiRangeComponent"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":47,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiDestroyService","line":47,"character":16}]}]],"parameters":[{"__symbolic":"error","message":"Could not resolve type","line":44,"character":56,"context":{"typeName":"Document"},"module":"./range-change.directive"},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":45,"character":68,"context":{"typeName":"HTMLElement"},"module":"./range-change.directive"}]},{"__symbolic":"reference","name":"TuiRangeComponent"},{"__symbolic":"reference","name":"Observable","module":"rxjs","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":47,"character":56,"module":"./range-change.directive"}]}]}],"getFractionFromEvents":[{"__symbolic":"method"}],"detectActiveThumb":[{"__symbolic":"method"}],"findNearestActiveThumb":[{"__symbolic":"method"}]}}},"origins":{"TuiNewRangeDirective":"./range.component","TuiRangeComponent":"./range.component","TuiRangeModule":"./range.module","TuiRangeChangeDirective":"./range-change.directive"},"importAs":"@taiga-ui/kit/components/range"}

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

@@ -23,7 +23,6 @@ export declare class TuiSelectComponent<T> extends AbstractTuiNullableControl<T>
     get focused(): boolean;
     get computedValue(): string;
     get computedContent(): PolymorpheusContent<TuiValueContentContext<T>>;
-    computeContext($implicit: T | null, active: boolean): TuiValueContentContext<T | null>;
     onValueChange(value: string): void;
     onActiveZone(active: boolean): void;
     onHovered(hovered: boolean): void;